/**
 * Surefirel Local
 * Custom CSS
 * @package sflBlaze\CSS
 * @author  Web Dev Team
 * @license GPL-2.0-or-later
 */

 	form.use-floating-validation-tip span.wpcf7-not-valid-tip {
	position: absolute !important;
	width: auto !important;
	font-size: 11px !important;
}
.hero-form .recaptcha-note, .hero-form .recaptcha-note a{
	color:#fff!important;
}
.archive .page-banner{
	background-image:url(/wp-content/uploads/2023/02/blog-banner.jpg)!important;
}
.hero-form .recaptcha-note{
	color:#fff;
}
.site-header .title-area img{
	height:100px
}
.header-media ul.social-media li a.sprite{
	background-color:#fff;
}
.site-section.badges .slick-track{
	display: flex;
    align-items: center;
}
.review-list{
    margin-bottom:10px;
}
.copyright a{
    color:#fff;
}
.copyright a:hover{
    color:#000;
}
.site-section.badges{
    padding: 60px 10px;
}
.recent-post .recent-post-list img{
    border-radius: 100%;
}
.recent-post .post-list-container > .recent-post-list:first-child{
	margin-top:0;
}
.recent-post .recent-post-list{
    margin: 10px 0;
}
.custom-blog-post .post-content{
	padding: 10px 0 0 15px;
}
.custom-blog-post .blog-list-container article .entry-content .post-container{
	border-bottom:1px solid #ccc;
    margin-bottom: 20px;
}
.custom-blog-post .blog-list-container article:last-child .entry-content .post-container:last-child{
	border-bottom:none;
}


.latest-post-img{
	text-align:center;
}

.nav-primary{
	max-width:100%;
}
.top-info-wrap .site-address span br{
	display:none;
}


.site-header .main-info .main-info-wrap {
	padding: 0px 15px;
}


.site-section.top-info {
	border: 0;
}

button.menu-toggle:before, button.menu-toggle.activated:before{
	color: #000;
}

.mob-dots-items {
	background-color: #00448A;
}



input.search-form-submit,
.apply-now-form-wrap input.wpcf7-form-control.wpcf7-submit {
	background: #A3A4A7;
}

button:focus, button:hover, input[type="button"]:focus, 
input[type="button"]:hover, input[type="reset"]:focus, input[type="reset"]:hover, 
input[type="submit"]:focus, input[type="submit"]:hover, .button:focus, .button:hover {
	background: #A3A4A7;
}

.site-operation.relative {
	margin-bottom: 10px;
}


.archive-pagination li a:focus,
.archive-pagination li a:hover,
.archive-pagination li.active a {
	background-color: #00448A;
}

.sfs-custom-gallery .gallery-image-popup .sfs-gallery-popup-image img {
	margin: 0 !important;
}

.breadcrumb .breadcrumb-link-wrap a:hover, .breadcrumb .breadcrumb-link-wrap a:hover .home-icon:after{
	color: #00448A;
}


.entry-content ul li:before {
	color: #00448A;
}

form.use-floating-validation-tip span.wpcf7-not-valid-tip {
	position: absolute !important;
	width: auto !important;
	font-size: 11px !important;
}

/* Contact Form */
form.use-floating-validation-tip span.wpcf7-not-valid-tip {
    position: absolute!important;
    left: auto!important;
    right: 0!important;
    top: 4px!important;
    z-index: 100!important;
    border: 1px solid #dc3232!important;
    background: #fff!important;
    padding: 0px 4px!important;
    width: auto!important;
    font-size: 11px !important;
}
.wpcf7 form.sent .wpcf7-response-output{
    background-color: #fff!important;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output{
	background-color: #fff;
	border-color: #dc3232!important;
	color: #dc3232!important;
}

input, select, textarea{
	background-color:#fff;
}

span.ajax-loader {
	position: absolute !important;
}

.wpcf7 .ajax-loader {
	margin: 0 auto !important;
	left: 0 !important;
	top: 56px !important;
}

/* Firechat Script */
.xapp-chat-button {
    bottom: 126px !important;
    z-index: 199!important;
}

.move-to-top{
    bottom: 225px;
}

/* Search Results style*/
.search-content h1 {
    font-size: 40px;
}

.search-result-title {
    font-size: 24px;
    font-weight: 700;
}

.search-result article {
    margin-bottom: 10px;
}

.search-result .more-link {
    margin-bottom: 0;
}

@media(min-width:768px){
	ul.one-half-li,
	ol.one-half-li{
    		columns: 2;
   		 -webkit-columns: 2;
    		-moz-columns: 2;
    		list-style: inside;
	}
	ul.one-third-li,
	ol.one-third-li{
        	columns: 3;
        	-webkit-columns: 3;
        	-moz-columns: 3;
        	list-style: inside;
	}
}

@media only screen and (min-width:1024px) {
	.cta-us.site-name{
		font-size:25px;
	}
	.service-pages .service-item:not(:nth-child(3n+1)){
        margin: 0 auto 2%;
    }
	.service-pages .service-item{
		width: 49%;
	}
    .xapp-chat-button{
      	bottom: 62px!important;
    }
    .xapp-chat-button {
        bottom: 62px!important;
    }
    .move-to-top {
     	 bottom: 160px;
    }

	.sticky-header .sticky-logo img{
		height: 70px;
	}

	footer .site-name,
	footer .site-location,
	footer .site-phone a,
	footer .site-email a,
	footer .site-operation,
	footer .license-info,
	footer .footer-column-wrap .footer-column a,
	footer .site-email a,
	footer .custom-text {
		font-size: 13px;
		display:flex;
	}

	footer .column-label {
		font-size: 18px;
	}
	
	header.site-header.sticky .main-logo a img{
		height: 80px;
	}

    footer .license-info:before{
        content: "\f807";
        font-family: 'Font Awesome\ 5 Free';
        font-weight: 900;
        position: absolute;
        left: 0;
    }

}

@media only screen and (min-width:1200px) {
	.cta-us.site-name{
		font-size:30px;
	}
	footer .site-name,
	footer .site-location,
	footer .site-phone a,
	footer .site-email a,
	footer .site-operation,
	footer .license-info,
	footer .footer-column-wrap .footer-column a,
	footer .site-email a,
	footer .custom-text  {
		font-size: 16px;
	}

	footer .column-label {
		font-size: 20px;
	}

}


@media only screen and (max-width:1023px) {
	.custom-blog-post .site-wrap{
		justify-content:center;
	}
	.contact-info-wrap .left-content{
	    max-width: 350px!important;
		margin: 0 auto;	
	}
	.breadcrumb {
		padding: 5px 10px;
	}

	.post-content {
		text-align: center;
	}
	
	.post-content-date{
		margin-bottom:5px;
	}
	
	.latest-post-img {
		text-align: center;
	}

}
.two-col-group {
    margin-bottom: 20px;
}
.two-col-group ul {
    margin-bottom: 0;
    display: inline-block;
    vertical-align: top;
    width: 49%;
}
@media (max-width:500px){
  .hero-slider .container, .hero-slider-wrap, .hero-slider-wrap .hero-item {
      height: 360px;
  }
}

@media only screen and (max-width:768px) {
  .two-col-group ul {
      display: block;
      width: 100%;
  }
}