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

 	.service-pages .form-container .form-field p.recaptcha-note, .service-pages .form-container .form-field p.recaptcha-note a, .sidebar-form .form-container .form-field p.recaptcha-note, .sidebar-form .form-container .form-field p.recaptcha-note a {
	padding-bottom: 20px;
}

.service-pages .service-item-wrap {
    padding: 30px 8px;
} 
.popup-form .form-container .form-field .col-1 select {
	padding-left: 3px;
}
.widget-btn.text-center {
    padding-top: 20px;
}
form.use-floating-validation-tip span.wpcf7-not-valid-tip {
	position: absolute !important;
	width: auto !important;
	font-size: 11px !important;
}
.wpcf7 br {
	display: none; 
}
.wpcf7 p { 
	margin-bottom: 0; 
}

.badges-item {
    padding: 0 20px;
}
.widget-area.header-widget-area, .sticky-header .sticky-header-right {
	padding-top: 20px;
}
.mob-dots-items {
	background-color: #EB1C22;
	margin-top: 76px;
}
.sticky-header .sticky-logo img {
	height: 97px;
}
a.wp-block-button__link.has-background.wp-element-button {
	background-color: #eb1c22 !important;
}
.wp-block-image img, .wp-block-image.has-custom-border img {
	padding-bottom: 20px;
}
button.menu-toggle:before, 
button.menu-toggle.activated:before {
	color: #000;
}
.service-pages .service-items-wrap {
	padding-right: 0;
}
.service-pages .service-item-wrap {
    justify-content: center;
}
.service-item.col-2.relative.aos-init.aos-animate {
    margin: 0 auto;
    margin-bottom: 10px;
}
footer ul.social-media {
	padding-bottom: 20px;
}
button, input[type="button"], input[type="reset"], input[type="submit"], .button, 
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: #EB1C22;
}
.archive-pagination li a:focus, .archive-pagination li a:hover, .archive-pagination li.active a {
	background-color: #EB1C22;
}

/* Contact Form */
.popup-form .form-fields .wpcf7 {
	border: 5px solid #EB1C22;
}
.service-pages .service-form .form-title, .sidebar-form .form-title {
	text-transform: inherit;
}
.sidebar-form .form-container .form-field p.recaptcha-note, .sidebar-form .form-container .form-field p.recaptcha-note a {
	padding-bottom: 20px;
}
.contact-us-page-wrap .column-title {
	padding-top: 10px;
}
.contact-form {
    background-color: #EB1C22;
}
.contact-form .form-field p.recaptcha-note a, 
.contact-form .form-field p.recaptcha-note a:hover {
	color: #fff;
}
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;
}
.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;
}

/* Firechat Script */
.BOT_chatcontainer.BOT_chatcontainer_Add {
    bottom: 126px !important;
}
.BOT_chatcontainer {
    bottom: 0 !important;
}
.move-to-top{
    bottom: 225px;
}
@media (min-width:1024px) {
	.sticky-header > .wrap {
        padding: 20px 0;
    }
	.sticky-header .sticky-logo img {
		padding: 0;
	}
	.sticky-header{
		padding: 0 15px;
	}
  .BOT_chatcontainer.BOT_chatcontainer_Add{
  	bottom: 62px!important;
  }
  .BOT_chatcontainer {
      bottom: 62px!important;
  }
  .move-to-top {
  	bottom: 160px;
  }
}

@media (min-width: 769px) {
	.one-half-li {
		column-count: 2;
  }
}
@media (max-width: 1023px) {
	body.window_scrolled .nav-primary {
      top: 154px !important;
  }
	.contact-info-wrap {
		text-align: center;
	}
}
@media only screen and (max-width: 980px) {
	.hero-slider .container, .hero-slider-wrap, .hero-slider-wrap .hero-item {
		height: 50px;
    	min-height: 280px;
	}
	.hero-content-container {
		padding: 40px 41px;
	}
}