/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.d-none {display:none}
.text-yellow {color:#ecdb06}
.m-0{margin:0!important;}
ul.two-column {  columns: 2;  -webkit-columns: 2;  -moz-columns: 2;}
.back-to-top {bottom:90px;}

.primary, .secondary {border:2px solid transparent}
.primary:hover {border-radius: 5px;  background-color: #fff!important;  border: 2px solid #0f5185; box-shadow: none;  color: #0f5185!important;}
.secondary:hover{ background-color: #fff!important;border: 2px solid #de9425; color:#de9425!important;  box-shadow: none;   }


#top-bar .nav>li>a {font-size: .95em;}
#top-bar .top-bar-nav .header-social-icons a {font-size: 1.3em;}
.top-divider {border:none;}
#top-bar {padding:5px 0px;}
#top-bar .cta-link {font-size:1.7em; font-weight:600;} 
#top-bar .cta-link a {color:#ffd400}
#top-bar .cta-link a:hover {color:#de9425}
.header-main .nav>li>a {font-weight:600;}
.header .nav-small a.icon:not(.button) { font-size: 1.5em;}
.header-main .nav>li.active>a {color:#0f5185}
.stuck .header-main .nav>li>a {line-height: inherit;}

.logo img {display: inline-block;}
.logo a {color:#212121; font-size: 20px; font-weight: 600}

.header-main .nav>li {margin:0 20px;}
.header-main .nav-dropdown-default {padding:15px 10px;}
.header-main .nav-dropdown {min-width:325px;}
.header-main .nav-dropdown.nav-dropdown-default>li>a {font-size:.85em}

.contact-us-menu-item a {border: 2px solid #0f5185 !important; padding: 10px 18px!important; background-color: #0f5185 !important; border-radius: 4px;}
.contact-us-menu-item a { color: #ffffff !important; } 
.contact-us-menu-item a:hover { color: rgba(102,102,102,0.85) !important;}
.contact-us-menu-item:hover {background-color: #ffffff!important;}

.home-banner h1 {font-size: 2.4em; line-height: 45px;}
.home-banner ul {padding-left:16px;}
.home-banner ul li {font-size: 1.3em;   font-weight: 500; margin-bottom:0}

.cta-banner h2 {display: inline-block;  width: auto;  margin: 0;  vertical-align: middle;  margin-right: 10px; font-size: 2em;}
.cta-banner a {color:#ffd400}
.cta-banner a:hover {color:#de9425}
.cta-banner .button {display: inline-block;}

.cta-footer-banner .row {margin:0}
.cta-footer-banner h3 {font-weight:600; color: #000;}
.cta-footer-banner p{margin:0; color: #000;}
.cta-footer-banner .overlay {width:55%; -webkit-clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%); clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);}

footer .footer-2 p {font-size:85%;}
footer .footer-2 ul li {border-bottom:0}
footer .footer-2 ul li.bullet-arrow:before{color:#fff!important}
footer .footer-2 ul.servicesList li.bullet-arrow:hover:before{color:#e6b842!important}
footer .footer-2 ul li  {font-size:90%;}
footer .footer-2 .regular-office { margin-top:15px; margin-bottom:0}
footer .footer-2 .regular-office span {padding-left:40px;}
footer .footer-2 .after-hours { margin-top:15px; margin-bottom:0}
footer .footer-2 .after-hours-icon {margin-bottom:15px;}
footer .footer-2 ul li:hover a{color: #e6b842;}
footer .footer-2 .dark a:hover, footer .footer-2 .dark .widget a:hover{color: #e6b842;}

/*Covid-19*/
.covid-19{background-color: #e6b842; padding-top: 15px; padding-bottom: 15px;}
.covid-19 h3 {color:#212121; font-size: 1.4em;}

@media only screen and (max-width: 767px) {
	.covid-19 {padding-left:15px; padding-right: 15px;}
	.covid-19 h2 {margin-bottom: 10px!important;}
}


@media only screen and (max-width: 1024px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.service-banner-text {
    width: 60% !important;
}

.section-bg {
    background-position: right 20% bottom 0 !important;
}

}

@media only screen and (max-width: 767px) {
	.contact-us-menu-item {display: inline-block!important; width:75%!important; margin-bottom:15px!important;  }
    .contact-us-menu-item a {padding-top: 10px!important; padding-bottom: 10px!important;}
    .d-none {display:block}
    #top-bar  {text-align:center;}
    .nav-vertical>li>ul li a {font-size:.80em;}
    ul.two-column {  columns: 1;  -webkit-columns:1;  -moz-columns: 1;}
   

    .home-banner h1 {font-size:2.2em;line-height: 35px;}
    .home-banner ul li {font-size:1.5em}
    .cta-banner h2 {font-size:1.5em; margin-bottom:15px;}

    .cta-footer-banner .text-left {text-align:center!important}
    .cta-footer-banner .overlay {width:100%;  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 100%, 0% 100%); clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 100%, 0% 100%);}
    .cta-footer-banner .button {margin-top:15px;}

    .section-bg {background-position: right 0 bottom 0 !important;}   
}

@media only screen and (max-width: 414px) {
    .findout-more-column div {
        text-align: center;
    }
}