@charset "UTF-8";

* { margin:0; padding:0; }
html, body { overflow-x: hidden!important;}

/*#wpadminbar { display:none;}*/

::selection { background-color:#ffc000!important; color:#fff;}
::-moz-selection { background-color:#ffc000!important; color:#fff;}
a:link {-webkit-tap-highlight-color:#ffc000!important;}
.clear { clear:both;}

/* Class hide-for-looged-out */
body:not(.logged-in) .hide-for-logged-out { display: none !important;}

/* Class hide-for-looged-in */
body.logged-in .hide-for-logged-in { display: none !important;}

/* --- 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;} 

/* --- SCROLL TOP BUTTON SIDE --- */
.button-top { position:fixed; bottom:20px; right:20px; z-index:100; width:60px!important; height:60px!important; border:none!important;/* 1px solid rgb(255,255,255);*/ border-radius:50%; box-shadow:none; background:#ffc000; color:rgb(255,255,255)!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;}

.modal-content { margin:0 auto!important; color:#000000; background-color:#ffffff!important; border-radius:0px;} 
.modal-header { border-bottom: none!important;}
.modal-header button { background:#ffffff!important; border:none!important; color:#000000; font-size:2em;}
.modal-footer { border-top:none;}

body { font-family: helvetica-neue-lt-pro, sans-serif; font-weight:300; font-style:normal; min-height:100%; font-size:1em;}
a { text-decoration:none; color:#ffc000!important;}
a:hover { color:#ffffff; text-decoration:underline;}
a:active { color:#ffffff!important;}
h1 { font-size:4em; line-height:1em; font-weight:normal; padding-bottom:20px; color:#ffffff;}
h2 { font-size:2em; line-height:1.1em; color:#ffc000; padding-bottom:15px;}
h3 { font-size:1.4em; line-height:1.2em; color:#ffc000; font-weight:bold; font-weight:700;}
h4 { font-size:1.3em;  line-height:1em; color:#ffc000;}
h5 { font-size:1em; line-height:1em; color:#ffffff;}
h6 { font-size:0.9em; line-height:1.3em; font-weight: 200;}
p { font-size:1em; line-height:1.5em; color:#9f9e9e;}
h1.display-3 { color:#ffffff; font-size:4.5em; font-family: circe-rounded, sans-serif; font-weight:700; font-style:normal; line-height:1em;}
strong { font-weight:bold;}
p.text-small { font-size:0.7em!important;}
hr { border-top:dotted 1px #ffc000; width:200px; opacity:1;}

.fa-brands { font-style:normal!important;}

/* ----- NAVIGATION -----*/
img.logo { margin-right:20px; width:100%; height: auto; margin-left:15px;}
.nav-link { padding-left:12px!important; padding-right:12px!important;}
.navbar-brand { height:40px; margin-left:5px; height:auto; width:225px; padding-top:0px; padding-bottom:0px; margin-right:50px;} 
.navbar { background:#000000!important; font-size:0.9em;}
.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:#ffc000!important; text-decoration:none; text-transform:uppercase;}
.nav-item a:hover { text-decoration:none; color:#ffc000!important; /*font-weight:bolder;*/}
.nav-item.current-menu-item a { color:#ffc000!important;}
.navbar-dark .navbar-toggler { border:none!important;}

.background-white { background-color:#fafafa;}
.background-black { background-color:#000000;}

header { position:relative; overflow:hidden; height:100%; width:100%; background-color:#000000;/*background-size:cover!important; background-image: url(../imgs/header-sycamore-accounting-01.jpg);*/ height:90vh; background-position:center;}
/*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;}*/

/* Carousel */
/*header .overlay { position:absolute; top:0; left:0; height:100%; width:100%; opacity: 0.6; z-index: 1; background: rgba(125, 182, 216, 1); background: rgba(125, 125, 125, 1); background-image: radial-gradient(black 50%, transparent 50%); background-size:2px 2px;}
header { position:relative; overflow:hidden!important; height:75vh; background-size:cover!important; background-position:center!important;}
header .carousel-item { position:relative; overflow:hidden!important; height:75vh; background-size:cover!important; background-position:center!important;overflow:hidden!important; background: no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-transition: opacity 0.6s ease-in-out; -o-transition: opacity 0.6s ease-in-out; transition: opacity 0.6s ease-in-out; }
header .carousel-inner { height:75vh; overflow:hidden!important; }
.background-image { background-size:cover!important; background-position:center!important;}*/

/* --- BUTTONS --- */
.btn { margin:15px 0px; font-size:1em; padding:10px; border-radius:0px;}
.btn a { color:#ffffff!important;}
.btn-primary { background:transparent; color:#000000!important; border:solid 1px #ffc000!important;}
.btn-primary:hover { background:transparent; color:#ffc000!important; border:solid 1px #ffc000!important;}
.btn-secondary { background:transparent; color:#ffffff!important; border:solid 1px #ffc000!important;}
.btn-secondary:hover { background:transparent; color:#ffc000!important; border:solid 1px #ffc000!important;}

/* ----- ARROW BOUNCE -----*/
.mouse-icon { position:absolute; bottom:20px; left:0; right:0; margin:auto; width:40px; -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);} }

.carousel-control-next, .carousel-control-prev { width:2%!important; opacity:1;}
.carousel-caption { z-index:999;}

/* ----- REGISTER FORM -----*/
/*.nf-field-element input{ -webkit-box-shadow:none!important; -moz-box-shadow:none!important; box-shadow:none!important; color:#000000!important;}
.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;}*/
label#nf-label-field-1, label#nf-label-field-2, label#nf-label-field-3, label#nf-label-field-5 { font-weight:100!important;}
#nf-field-1, #nf-field-2, #nf-field-5 { height:50px!important;}
.nf-after-form-content { display:none;}
.nf-field-container { padding-bottom:5px!important;}
.nf-form-content .nf-field-container.submit-container .nf-field-element .ninja-forms-field { border: solid 1px #ffc000!important; width:120px!important; padding:5px; background:transparent; color:#000000!important; border-radius:none!important;}
.nf-response-msg { padding:20px 0px;}
.g-recaptcha { margin:10px 0;}

@media screen and (max-width: 3000px) {


}

/* ----- PARALLAX ON IPHONE ----- */
@media only screen and (max-width: 767px) {

}

/* ----- PARALLAX ON IPAD ----- */
@media only screen and (max-width: 1024px) {

}

/* ----- 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) { 

}

@media (max-width: 1200px) {

}

/* ----- SMARTPHONES (PORTRAIT AND LANDSCAPE) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) {

h1 { font-size:2.2em; line-height:1.3em!important;}
}