/*--------------PLEASE PLACE ALL CUSTOM CSS HERE ----------------*
NOTES: If you use Appearance/Customize/Additional CSS to test your custom CSS, please make sure that once you're done you add that code to this stylesheet and remove it from the Appearance/Customize/Additional CSS section. Please add a commented out title to the custom code you add to this page so it's easy for developers to find what they need. 
----------------------------------------------------------------*/
/*---HEADER---*/
.nav-bar .sub-menu {
    left: 0;
	background: #fff;
	border-style: dotted
}
.nav-bar ul.sub-menu li, .nav-bar ul.sub-menu li a {
    display: block;
    float: none;
    color: #000;
}
.nav-bar ul > li.current-menu-item > a, .nav-bar ul li.current_page_parent > a, .nav-bar ul li.current-menu-ancestor > a, .nav-bar ul > li:hover > a {
    color: #000000;
}
.menu-item-has-children > a:after {
    content: "\f0d7";
    font-family: "Font Awesome 5 Pro";
    font-weight: 700;
    margin-left: 7px;
    transition: transform 0.1s ease-in-out;
    color: #000000;
}
a:hover {
    /* color: #000000; */
    text-decoration: underline;
} 
.passed-header .stick-me.stuck {
    background: rgb(0 0 0 / 0%);
} 
/*---BODY---*/
 
.billboard .slide-header {
    font-size: 2em;
    color: #fff;
}
.billboard .slide-sub-header {
    font-size: 1.8em;
	color: #ffff;
} 
ul.fancylist li:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 700;
    content: '\f138';
    margin-right: 7px;
    color: #000000;
    font-size: .95em;
}
button.no-style {
    font-size: 1em;
    min-width: 0;
    padding: 0;
    color: #000;
    background: transparent;
}
#content .btn:hover, #content .view-article:hover, #footer .btn:hover, #slider .btn:hover, #slider:hover .btn, .billboard .slider-content a:hover, .btn:hover, .link-button:hover, .rev-read-more:hover, .wpcf7-form input[type="submit"]:hover, button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
    color: #2c5f7e9e;
    text-decoration: none !important;
} 
.final-star {
    color: #000 !important;
} 
/*---FOOTER---*/
 
#footer .d-md-block {
    display: block!important;
    text-align: center;
}
 
#footer table {
    border-collapse: collapse;
    text-align: center;
	color: #ffffff
}
#footer .btn {
    color: #000;
    text-align: center;
    font-weight: 700;
    background: #e6e6e6;
}
#content .btn:hover, #content .view-article:hover, .billboard .slider-content a:hover, .btn:hover, .link-button:hover, .rev-read-more:hover  {
    background: #2c2c2c;
    color: #ffffff;
    text-decoration: none !important;
}
#footer .btn:hover, .link-button:hover, .rev-read-more:hover {
    background: #e6e6e6a8;
    color: #ffffff;
    text-decoration: none !important;
}
.wpcf7-form input[type="submit"]:hover, button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
    background: #000000a8;
    color: #ffffff;
    text-decoration: none !important;
}
 
#copyright {
    text-align: center;
    padding: 10px;
    background: #E6E6E6;
    font-size: 13px;
    letter-spacing: .1em;
	color: #000;
}
/*---CONTACT US---*/ 
span.wpcf7-not-valid-tip {
    color: #fff;
    font-size: 1em;
    font-weight: normal;
    display: block;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 2px solid #fcb03c;
	color: #fff;
}
/*---MOBILE---*/
#mobile-menu-container .menu {
    background: #E6E6E6;
    color: #000000;
}
#mobile-menu-container .current_page_item a {
}
#mobile-menu-container.left {
    min-height: 100%;
    width: 280px;
    color: #000000;
    position: fixed;
    background: #E6E6E6;
    height: 100%;
    left: -280px;
    z-index: 99999;
    max-width: 100%;
    top: 0;
} 
.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
    width: 100%;
    height: 4px;
    background-color: #ffffff;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}