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

 	.entry-content ul li:before {
    color: #F32A0C;
}
.slick-initialized .slick-slide {
    display: block;
    padding: 10px;
}
.contact-form {
    background-color: #f32a0c;
    padding: 20px 15px;
}
.form-title.text-center {
    color: #ffffff;
}
p.recaptcha-note.text-center, p.recaptcha-note.text-center a {
    color: #ffffff;
}
.archive .page-banner, .category .page-banner {
	background-image: url(http://www.mckayconstructioninc.com/wp-content/uploads/2023/11/blog-banner.jpg) !important;
}
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: #f32a0c;
    color: #fff;
}
.hero-content {
    background-color: rgba(0,0,0,0.80);
}
.widget-btn.text-center {
    margin-top: 20px;
}
.category .slmp-widget-gallery.slmp-relative {
    display: none;
}
.slmp-gallery {
    margin-bottom: 0;
}
.slmp-widget-gallery .slmp-gallery h2 {
    text-align: center;
    background-color: #f32a0c;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 400;
    margin: 0;
    font-size: 20px;
    padding: 15px 15px;
}
.slmp-widget-gallery.slmp-relative {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    margin-bottom: 20px;
}
.slmp-row.slmp-slide-image-items.slmp-relative {
    padding: 15px;
}
.slmp-widget-btn.slmp-text-center.slmp-relative {
    padding-bottom: 15px;
}
.slmp-widget-btn a {
    color: #ffffff !important;
    text-transform: uppercase;
    padding: 10px 25px !important;
    background-color: #f32a0c !important;
    border-radius: 3px;
    position: relative;
    transition: all 0.3s;
    font-size: 16px;
    line-height: 1.2em;
    cursor: pointer;
}
.slmp-widget-btn a:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.archive section#sfs_widget_review-2 {
    display: none;
}
.single section#sfs_widget_review-2 {
    display: none;
}
.category section#sfs_widget_review-2 {
    display: none;
}
article.search-result-item.relative.post-751.page.type-page.status-publish.entry {
    display: none;
}
article.search-result-item.relative.post-753.page.type-page.status-publish.entry {
    display: none;
}
.service-pages .service-form, .sidebar-form {
    background-color: #F32A0C;
}

.service-pages .form-container .form-field input, .service-pages .form-container .form-field select, .service-pages .form-container .form-field textarea, .sidebar-form .form-container .form-field input, .sidebar-form .form-container .form-field select, .sidebar-form .form-container .form-field textarea {
    background-color: #F32A0C;
}
.service-pages .form-container .form-field select, .sidebar-form .form-container .form-field select {
    background-color: #F32A0C;
}
form.use-floating-validation-tip span.wpcf7-not-valid-tip {
	position: absolute !important;
	width: auto !important;
	font-size: 11px !important;
}
.two-col-group ul {
    margin-bottom: 0;
    display: inline-block;
    vertical-align: top;
    width: 49%;
}
.archive-pagination li a:focus, .archive-pagination li a:hover, .archive-pagination li.active a {
    background-color: #F32A0C;
    color: #fff;
}
.breadcrumb .breadcrumb-link-wrap a:hover, .breadcrumb .breadcrumb-link-wrap a:hover .home-icon:after {
    color: #F32A0C;
}

@media only screen and (min-width: 1024px) {
.widget-area.header-widget-area {
    float: right;
    display: block;
    margin-top: 30px;
}
}
@media only screen and (max-width:980px) {
	button.menu-toggle:before, button.menu-toggle.activated:before, .mob-dots {
	color: #000000;
}
.contact-info-wrap.site-flex.justify-content-left.relative {
    text-align: center;
}
.contact-us-page-wrap .column-title {
    margin-top: 15px;
}
.popup-form .form-fields .wpcf7 {
    border: none;
}
}

@media only screen and (max-width:768px) {
  .two-col-group ul {
      display: block;
      width: 100%;
  }
}
@media only screen and (min-width:600px) {
	.two-col {
	columns:2;
}
}
@media only screen and (min-width:640px) {
.service-item:nth-child(5) {
    width: 100% !important;
    margin: 5px 200px;
}
}