/**
 * Surefirel Local
 * Custom CSS
 * @package sflBlaze\CSS
 * @author  Web Dev Team
 * @license GPL-2.0-or-later
 */

 	.two-col-group ul {
    margin-bottom: 0;
    display: inline-block;
    vertical-align: top;
    width: 49%;
}
a.page-numbers {
    color: #000;
}
.archive .page-banner {
    background-image: url("/wp-content/uploads/2023/01/blog-page-banner.jpg") !important;
}
.custom-blog-post .site-wrap {
    display: block;
}
.broken_link, a.broken_link {
    text-decoration: none !important;
}
.ftd-style-icon-wrap {
    border: 4px double #000;
    background: #fff;
}
.site-header > .wrap {
    padding: 0 15px;
}
.widget-area.header-widget-area {
    padding: 40px 0;
}
.service-pages .service-item {
    border: 1px solid #1d1700;
}
.service-item.col-2:last-child {
    margin: 0 auto;
}
.mob-item.site-email.relative {
    display: none;
}

@media only screen and (min-width: 1024px) {
.title-area {
    padding: 0;
}
}
@media only screen and (max-width:768px) {
  .two-col-group ul {
      display: block;
      width: 100%;
  }
}
/********************************************************/

.breadcrumb .breadcrumb-link-wrap a:hover, .breadcrumb .breadcrumb-link-wrap a:hover .home-icon:after {
    color: #F5C032;
}
.contact-form {
    background-color: #F5C032;
}
.contact-info-wrap {
	text-align: center;
}
span.wpcf7-not-valid-tip {
    position: absolute !important;
    text-align: right;
    background: transparent !important;
    
}
.BOT_chatcontainer_Add {
    bottom: 117px !important;
}
.move-to-top {
    bottom: 180px;
}
.archive-pagination li a:focus, .archive-pagination li a:hover, .archive-pagination li.active a {
    background-color: #F5C032;
    color: #fff;
}
.service-pages .service-form .form-title, .sidebar-form .form-title {
    text-transform: none;
}
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-color: #F5C032;
    color: #fff;
}
.more-content {
    margin-bottom: 15px;
}
body.search article.search-result-item.relative.post-751, body.search article.search-result-item.relative.post-753 {
display:none;
}
.nav-primary {
    max-width: 100%;
}
button.menu-toggle:before, .fa-ellipsis-v:before, button.menu-toggle.activated:before{
color:#000;
} 
.contact-form .form-field p.recaptcha-note, .hero-form .recaptcha-note, .hero-form .recaptcha-note a {
    color: #fff;
}
.contact-form .form-title {
    font-size: 30px;
    color: #fff;
}
.recaptcha-note a {
    color: #fff !important;
}
button.xapp-chat-button {
    bottom: 35px !important;
z-index: 100 !important;
}
.entry-content ul li:before {
color: #1D1700;}


.result-title {
    font-weight: bold;
    font-size: 30px;
}
.popup-form .form-fields .wpcf7 {
    border: none;
}
.col-2.contact-form {
    margin: 0 auto;
}
.col-2.contact-map {
    display: none;
}
.site-media.relative {
    margin-bottom: 10px;
}
input.wpcf7-form-control.wpcf7-text, select.wpcf7-form-control.wpcf7-select, textarea.wpcf7-form-control.wpcf7-textarea {
    padding-left: 5px !important;
}
@media only screen and (max-width: 1023px){
.genesis-nav-menu a {
    text-align: left;
}
.contact-info-wrap .col-2 {
    margin-bottom: 20px;
}
.site-section.badges {
    padding: 60px 10px;
}
.contact-info-wrap .col-3 {
    text-align: center;
    margin-top: 10px;
}

.mob-dots-items {
    background-color: #F5C032;
}
.service-pages .service-items-wrap {
    padding-right: 0px; 
}
.hero-content-container {
    padding: 19% 40px;
}
}

@media only screen and (max-width:768px) {
  .two-col-group ul {
      display: block;
      width: 100%;
  }
.hero-slider .container, .hero-slider-wrap, .hero-slider-wrap .hero-item {  
    height: 100%;
}
.hero-item-wrap.relative.slick-slide {
    height: 400px;
}

}

@media only screen and  (min-width: 640px) {
ul.two-col {
    columns: 2;
}
}
@media only screen and (min-width: 1024px){
.three-col{
columns:3;
}
.contact-info-wrap {
    font-size: 14px;
}
.slick-track {
    display: flex;
    flex-flow: wrap;
    align-items: center;
}
}
