body { text-align:center; font-family: 'latolight'; font-style:normal; font-variant:normal; font-weight:lighter; padding-top:0px!important;}

/* ----- ARROW BOUNCE -----*/
.mouse-icon { position:absolute; bottom:20px; left:0; right:0; margin:auto; width:300px!important; -webkit-animation-name:bounce; -webkit-animation-duration:2.5s; -webkit-animation-timing-function:ease; -webkit-animation-delay:0s; -webkit-animation-iteration-count:infinite; -webkit-animation-direction:normal; -webkit-animation-fill-mode:none; animation-name:bounce!important; animation-duration:2.5s; animation-timing-function:ease; animation-delay:0s; animation-iteration-count:infinite; animation-direction:normal; animation-fill-mode:none; margin-top:45px; margin-bottom:45px;}
.bounce { animation: bounce 2s infinite;}
@keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0);} 40% { transform: translateY(-30px);} 60% { transform: translateY(-15px);} }

#content-mobile { display:none;}
#content-desktop { display:block;}

#wrapper { width:100%; height:auto;}
.inner { margin:0 auto; max-width:1170px; padding:30px 60px;}
.white-background { background:#ffffff;}
.grey-background { background:#f7f7f8;}
.dark-blue-background { background:rgb(32,40,46)!important;}
.cream-background { background:#ffdba6!important;}

.cream-background .underline-middle, .cream-background .underline-left { border-bottom:solid 4px #ffa200;}
.dark-blue-background .underline-middle, .dark-blue-background .underline-left { border-bottom:solid 4px #ffa200;}
.underline-middle { border-bottom:solid 4px #ffa200; max-width:60px; display:block; margin-bottom:25px!important; margin:0 auto;}
.underline-left { border-bottom:solid 4px #ffa200; max-width:60px; display:block; margin-bottom:25px!important;}

/* Styling modal */
.modal:before { content: ''; display:inline-block; height:100%; vertical-align:middle;}
.modal-dialog { display:inline-block; vertical-align:middle; }
.modal .modal-content { padding: 20px 20px 20px 20px; -webkit-animation-name:modal-animation; -webkit-animation-duration:0.5s; animation-name:modal-animation; animation-duration:0.5s;}

/* MAILCHIMP */
#mc-embedded-subscribe-form input[type=checkbox]{display: inline; width: auto;margin-right: 10px;}
#mergeRow-gdpr {margin-top: 20px;}
#mergeRow-gdpr fieldset label {font-weight: normal;}
#mc-embedded-subscribe-form .mc_fieldset{border:none;min-height: 0px;padding-bottom:0px;}

.thumbnail img { width:100%!important; height:auto!important;}
img.thumbnail { width:100%!important; height:auto!important; padding-bottom:10px;}
img.blog-profile  { width:75px; height:75px; margin:0px 20px;}
img.post-thumbnail { padding-bottom:20px; width:100%; height:auto;}
.wp-block-image img { width:100%; height:auto; }

/* --- CAROUSEL --- */
/*.carousel-indicators .active { background-color:#ffa200!important;}
.carousel-indicators { padding-top:20px; position:relative;}
.client-logo { padding:10px; margin-bottom:30px; max-width:180px; margin:0 auto; display:block;}*/

/* --- SMART SCROLL --- */
.smart-scroll { position:fixed !important; top:0; right:0; left:0; z-index:1000; transition:all 0.3s ease-in-out; transform:translateY(0); }
.stick { transform:translateY(-100%);}
.scrolled-up { transform:translateY(0) !important;} 

/* ----- 404 PAGE ----- */
header.error { height:100vh; width:100%; background-size:cover!important; background-position:center center!important; background-image:url("../imgs/parallax-404.jpg");}
header.error a { color:#ffffff!important;}
.error404 .navbar { display:none;}

/* --- FOOTER ACCORDIAN --- */
#accordionFooter { width:100%!important; font-size:0.8em!important;} 
#accordionFooter .card { border:0px!important; padding-bottom:10px}
#accordionFooter .card-body { padding:4px 2px 4px 0px!important; text-align:left; font-size:1.25em;}
#accordionFooter .card-body p { color:#000000!important; padding:0px!important; margin:10px 0px!important;}
#accordionFooter .card-header .btn { font-size:0.8em!important; background:#ffffff!important; border-radius:0px!important; display:block; color:#212529!important; margin-bottom:0px!important; padding:4px 0px!important; text-align:left!important; width:100%;}
#accordionFooter .card-header { background:#ffffff!important; padding:5px 0px!important; border-bottom:0px!important;}
#accordionFooter .card-header:first-child { border-radius:0px!important;}
#accordionFooter .card-body li { color:#000000!important;}

#accordionFooter .fa { float:right!important;}
#accordionFooter .btn { margin:5px 0px;}
#accordionFooter .btn:hover { border:none!important;}
#accordionFooter .fa-linkedin, #accordionFooter .fa-facebook, #accordionFooter .fa-instagram, #accordionFooter .fa-youtube, #accordionFooter .fa-twitter  { float:left!important; padding:0px 5px;}
#accordionFooter [data-toggle="collapse"] .fa:before { content:"\f00d"; font-size:0.8em; color:#ffa200; padding:0 10px 0 0px;}
#accordionFooter [data-toggle="collapse"].collapsed .fa:before { content: "\f067"; font-size:0.8em; padding:0 10px 0 0px;}

/* --- FOOTER --- */
.wrapper.footer { background:rgb(32,40,46)!important;}
.footer p { font-size:0.8em; line-height:1.4em; color:#ffffff;}
.footer a { color:#ffa200;}
.footer a:hover { color:#ffa200; text-decoration:underline;}
.footer .fa-linkedin, .footer .fa-twitter { margin:0px 4px; padding:5px 0px;}
.footer-holder { width:33.3%; float:left;}

/* ----- BACKGROUND VIDEO ----- */
/*header { position:relative; background-color:transparent; height:90vh; min-height:25rem; width:100%; overflow:hidden;}
header video { position:absolute; z-index:0; top:0; left:0; width:100%; height:100%; object-fit:cover;}
header .overlay { position:absolute; top:0; left:0; height:100%; width:100%; background-color:black; opacity:0.1; z-index:1; background:rgba(0, 0, 0, 0.9); background-image:radial-gradient(black 33%, transparent 33%); background-size:2px 2px;}*/

/* ----- BACKGROUND IMAGE ----- */
header { position:relative; overflow:hidden; height:100%; width:100%; background-size:cover!important; background-position:center!important; background-image: url(../imgs/parallax-headshot-04.jpg); height:100vh;}
header .overlay { position:absolute; top:0; left:0; height:100%; width:100%; background-color:black; opacity:0.1; z-index:1; background:rgba(0, 0, 0, 0.9); background-image:radial-gradient(black 33%, transparent 33%); background-size:2px 2px;}
header .container { position:relative; z-index:2;}

/* --- JUMBOTRON --- */
.jumbotron { background-color:transparent; padding:5rem 2rem; margin:0; position:relative; z-index:4;}

/* --- BUTTONS --- */
.btn { box-shadow:none; vertical-align:middle; font-size:3em; color:#ffffff!important; border:solid 1px #ffa200; background:rgb(32,40,46)!important; text-align:center; padding:10px 20px; margin:20px 0; font-family: 'heygotcharegular';}
.btn a { color:#ffffff!important;}
.btn:hover { background:#0f3d5f; color:#ffffff!important; border:solid 1px #ffa200;}
.btn-primary { font-size:1.2em;}
.btn-secondary { font-size:0.9em; margin:0px 0px;}
.btn-primary:hover { background:#0f3d5f; color:#ffffff!important; border:solid 1px #ffa200!important;}

/* --- TEXT --- */
h1 { font-family: 'heygotcharegular'; font-size:5em; color:#ffa200;}
h2 { font-family: 'heygotcharegular'; font-size:2.4em; color:#0f3d5f; line-height:1.4em; margin-bottom:8px}
h3 { font-family: 'heygotcharegular'; font-size:1.7em; color:#ffffff; line-height:1.4em; margin-bottom:8px}
h4 { font-family: 'heygotcharegular'; font-size:1.3em; line-height:1.1em; color:#ffffff; text-transform:uppercase;}
h5 {}
h6 { color:#ffffff; font-size:0.8em; font-weight:normal;}
p { font-family: 'latolight'; font-size:1em; font-style:normal; font-variant:normal; font-weight:lighter; line-height:1.6em;}
p.small { font-family: 'latolight'; font-size:1.2em; font-style:normal; font-variant:normal; font-weight:lighter; line-height:1.3em; color:#ffa200;}
p.quote { font-family: 'latothinitalic';}
a { color:#ffa200; font-weight:lighter;}
a:hover { color:#ffa200; text-decoration:none;}
ul { list-style-type: square; font-size:1.3em; font-style:normal; font-variant:normal; font-weight:lighter; line-height:1.5em; list-style-position:inside;} 
li { font-style:normal; font-variant:normal; font-weight:lighter;}
i { font-weight:lighter;}
hr { margin:0 auto; margin-top: 20px!important; margin-bottom:20px!important;}
.hang { padding-left:25px; text-indent:-25px;}
strong { font-family: 'latoregular';}
.clear { clear:both!important;}

.icon { width:100px; height:100px; margin-bottom:20px; margin:10px 0px;}

@font-face { font-family: 'heygotcharegular'; src: url('../fonts/heygotcha-regular-webfont.woff') format('woff'), url('../fonts/heygotcha-regular-webfont.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face { font-family: 'heygotchalight'; src: url('../fonts/heygotcha-light-webfont.woff') format('woff'), url('../fonts/heygotcha-light-webfont.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face { font-family: 'latolight'; src: url('../fonts/lato-light-webfont.woff') format('woff'), url('../fonts/lato-light-webfont.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face { font-family: 'latoregular'; src: url('../fonts/lato-regular-webfont.woff') format('woff'), url('../fonts/lato-regular-webfont.woff') format('woff'); font-weight:normal; font-style:normal;}


/*.blinking{ animation:blinkingText 2s infinite;}
@keyframes blinkingText{
0%{ color:#ffa200;} 49%{ color:#ffa200;} 60%{ color:transparent;} 99%{ color:transparent;} 100%{ color:#ffa200;}
}*/

/* --- SCROLL TOP BUTTON SIDE --- */
.button-top { position:fixed; bottom:20px; right:20px; z-index:100; width:60px!important; height:60px!important; border:0; border-radius:50%; box-shadow:none; background:#ffa200; color:rgb(32,40,46)!important; font-size:26px; line-height:20px; text-align:center; cursor:pointer; pointer-events:none; opacity:0; transition:opacity .18s ease;}
.button-top-visible { opacity:1; pointer-events:auto;}

/* --- PRIVACY POLICY TAB --- */
#cookie-law-info-again { background:#4fa37e!important; box-shadow:none!important; border-radius:5px 5px 0px 0px; padding:12px!important; color:#ffffff!important;}
#cookie_action_close_header { background:#4fa37e!important; margin:5px; font-weight:lighter;}
#cookie-law-info-bar span { font-weight:lighter;}
.cli-plugin-main-link { font-size:0.8em; font-weight:lighter!important; background:#10332f!important; border-radius:0px!important; padding:7px!important; color:#ffffff!important; text-decoration:none!important;}

/* ----- NAVIGATION -----*/
img.logo { margin-top:5px; margin-right:20px; height:60px!important; margin-left:15px;}
.nav-link { padding-left:15px!important; padding-right:15px!important; font-size:0.8em;}
.navbar-brand { height:auto; width:100px; padding-top:0px; padding-bottom:0px; }
.nav-item ul { list-style:none; margin:0; }
.nav-item li { float:left; position:relative; display:block;}
.nav-item a { display:block; line-height:60px; padding:0px 13px; color:#ffffff; text-decoration:none; text-transform:uppercase; border-bottom: solid 4px #343a40;}
.nav-item a:hover { text-decoration:none; color:#ffffff; border-bottom:solid 4px #ffa200;}
.nav-item.current-menu-item a { color:#ffa200!important; border-bottom:solid 4px #ffa200;}

/* ----- SERVICES -----*/
.nav-tabs { border:0px; margin:0 auto;}
.nav-tabs .nav-link { border-left:0px!important; border-right:0px!important; border-top:0px!important; display:inline-block;}
.nav-tabs .nav-link .nav-item a { border-bottom:solid 4px rgb(32,40,46)!important;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { background-color:transparent!important; border-bottom:solid 4px #ffa200;}
.nav-tabs .nav-link.a:hover { border-bottom:solid 4px #ffa200; opacity:1!important;}
.nav-tabs a:hover { border-bottom:solid 4px #ffa200!important;}

/* --- PARALLAX --- */
#parallax { height:auto!important; position:relative!important; background-attachment:fixed!important; background-position:center!important; background-repeat:no-repeat!important; background-size:cover!important;}
.overlay-yellow { position:absolute; top:0; left:0; height:100%; width:100%; background-color:#ffa200; opacity:.6;}

/* --- FORM --- */
.nf-field-element input{ -webkit-box-shadow:none!important; -moz-box-shadow:none!important; box-shadow:none!important; font-family: 'latolight';}
.ninja-forms-field { -webkit-box-shadow:none!important; -moz-box-shadow:none!important; box-shadow:none!important; border-radius:0px;}
.nf-form-content .nf-field-element .ninja-forms-field:not(select) { box-shadow:none!important; -webkit-appearance:none!important; -moz-appearance:none!important;}
.nf-form-content { max-width:1170px!important; padding:0px; font-family: 'latolight'; }
.field-wrap input[type=button] { box-shadow:none; vertical-align:middle; font-size:1.2em; color:#ffffff!important; background:#4fa37e; border:0; text-align:center; padding:10px 20px; margin:0 0;}
.nf-before-form-content { font-style:normal; font-variant:normal; font-weight:lighter!important; font-size:0.9em; line-height:1.4em; padding-bottom:20px;}

/* PARALLAX ON IPHONE */
@media only screen and (max-width: 767px) {
#parallax { background-attachment:scroll !important;}
}

/* PARALLAX ON IPAD */
@media only screen and (max-width: 1024px) {
#parallax { background-attachment:scroll !important;}
.button-top { width:60px!important; height:60px; font-size:1.2em!important;}
}

/* IPAD LANDSCAPE */
@media (max-width: 767px) {
}

@media ( min-width: 768px) {
}

/* IPAD PORTRAIT */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 
.header .inner { padding:5px 0px!important;}
.footer-holder { width:100%; float:none;}
}

@media ( max-width:648px){
}

/* ----- PARALLAX ONE ON DESKTOP --- */
@media ( min-width: 1300px) {
}

/* ----- SMARTPHONES (PORTRAIT AND LANDSCAPE) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) {
h1 { font-size:2.4em; line-height:1.2em;}
h2 { font-size:2em;}
p, ul, li { font-size:1.1em;}
#content-mobile { display:block;}
#content-desktop { display:none;}
.inner { margin:0 auto; padding:20px 30px!important;}
.footer-holder { width:100%; float:none;}
.mouse-icon { display:none!important;}
.navbar-brand { width:auto;}
header { background-position:right!important;}
}