/*
Theme Name: Single Page Scrolling Website Template
Theme URI: https://github.com/jvining/JVC-Single-Page-Template
Description: A Single Page Scrolling Website Wordpress Template
Version: 1.0
Author: Joshua Vining
Author URI: https://github.com/jvining
----------------------------------------------------------------*/
:root {
  --color-primary:#1abc9c; 
  --color-secondary: #2c3e50; 
  --font-primary: 'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif';
  --font-secondary: 'Montserrat', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif';
}

html, body {overflow-x:hidden!important; width:100vw!important;}
 
body {background:#fbfbfb; font-family:var(--font-primary);}
 
body nav.navbar{transition:.3s ease-in-out; box-shadow: 0 3px 10px 1px rgba(0,0,0,.7)!important; background-color: var(--bg-secondary);}

body nav.navbar .navbar-collapse .nav-item{margin:1em 0; }

body nav.navbar .nav-link {transition:.3s ease-in-out;}
body nav.navbar .nav-link.active {background:var(--color-primary)!important; border-color:var(--color-primary); padding: 1.25rem 1rem; margin-top:-.5em; font-size: 1.25em; border-radius:.3rem; transition:.3s ease-in-out;}

body nav.navbar .navbar-brand {font-size:2.25rem; transition:.3s ease-in-out;}
body nav.navbar .navbar-brand.on-scroll {font-size: 1.5rem; transition:.3s ease-in-out;}
@media(max-width:990px){body nav.navbar .navbar-brand, body nav.navbar .navbar-brand.on-scroll{font-size:1.5em!important;}}

body nav.navbar .navbar-toggler {border:none;}

body .jumbotron {height:85vh; min-height:650px;}

body.not-front > .container-fluid.bg-primary{margin-top:8em!important; transition:.3s ease-in-out;}
@media(max-width:990px){body.not-front > .container-fluid.bg-primary{margin-top:6.5em!important;transition:.3s ease-in-out;}}

/* Typography */
body h1, body h2, body h3, body h4, body h5 {font-weight:700; font-family:var(--font-secondary);}
p, ul, ol, li, table, address, blockquote, cite{color:var(--secondary); font-size:16px; line-height:1.75em; font-weight:400; font-family:var(--font-primary);}
a{color:var(--bg-primary); font-weight:bold;}
a:hover, a:focus{color:var(--bg-secondary);}

/* Responsive Typography */
@media(max-width:990px){h1[class*="fa-"]{font-size:2em!important;}  h2[class*="fa-"] {font-size:2em!important;} h3[class*="fa-"] {font-size:1.75em!important;} h4[class*="fa-"] {font-size:1.5em!important;} h5[class*="fa-"] {font-size:1.25em!important;} p[class*="fa-"], ul[class*="fa-"], ol[class*="fa-"], li[class*="fa-"], table[class*="fa-"], address[class*="fa-"], blockquote[class*="fa-"], cite[class*="fa-"]{font-size:.95em!important;}}
 
.text-light {font-weight:300;}
.text-normal{font-weight:400;}
.text-bold {font-weight:700;}
.text-shadow {text-shadow:rgba(0,0,0,.25).045em .045em;}

/* Utilities */
.page-header:before{content:"\2013  ";} 
.page-header:after{content:" \2013";} 

.text-primary{color:var(--color-primary)!important;}
.text-secondary{color:var(--color-secondary)!important;}

.bg-primary{background:var(--color-primary)!important;}
.bg-secondary{background:var(--color-secondary)!important;}

/* Buttons Styles */
.btn-danger, .btn-success, .btn-warning, .btn-primary, .btn-info, .btn-default, .btn-register, .btn-event, .btn-inverse, .btn-default, .btn-secondary{color:#fff!important; font-weight:600; font-family:var(--font-secondary);}
.btn:hover, .btn:focus{color:#fff!important;}
.btn-outline-light:hover,.btn-outline-light:focus{color:var(--dark)!important;;}
.btn-xl{padding: .5em .85em!important;font-size:1.5em!important;}
@media(max-width:450px){.btn-xl,.btn-lg,.btn-md,.btn-sm,.btn-xs{font-size:1em!important;}}

.btn-primary{background-color:var(--color-primary)!important; border-color:var(--color-primary)!important;}
.btn-primary:hover{background-color:var(--color-secondary)!important; border-color:var(--color-secondary)!important;}

.btn-secondary{background-color:var(--color-secondary)!important; border-color:var(--color-secondary)!important;}
.btn-secondary:hover{background-color:var(--color-primary)!important; border-color:var(--color-primary)!important;}
 
body form .form-control-xl{height:calc(3.25rem + 5px);padding:.75rem 1.25rem;font-size:1.5rem;line-height:1.75;border-radius:.4rem;}
body form .form-control{transition:.3s ease-in-out;}
body form .form-control:focus{border-bottom-color:var(--color-primary)!important; transition:.3s ease-in-out; background-color:#fbfbfb!important; border-color:none; outline:0; box-shadow:none;}
body form label{opacity:0.0;}
body form input, body form textarea {border:none!important; border-bottom:#eee solid 1px!important;  background:#fbfbfb!important; border-radius:0!important;}
 
.img-container{position:relative; background:var(--color-primary)!important; top:0; border-radius: .25rem!important;}
.img-container i {z-index:999; text-shadow:rgba(0,0,0,.25).045em .045em; -webkit-text-stroke-width:1px; -webkit-text-stroke-color:#999; position:absolute; top:35%; left:45%;}
.img-container img{opacity:1;}
.img-container img:hover{opacity:.5;}