/* Theme Name: Apex Carpet Cleaning & Floor Restoration */

@import url('https://fonts.googleapis.com/css?family=Lustria&display=swap');

h1, h2, h3 {font-family: 'Lustria';}

.subscriptions-inner .btn {margin: 45px;}

.carousel-caption {background:#e6e113;}
.carousel-caption span {color:#a00c22; font-family: 'Lustria'; font-weight: bold;}
.carousel-caption strong {color:#a00c22;}

.carousel-caption.no-bg {background:none; border:none;box-shadow: none;padding: 0;bottom: 15px; }
.img-box {position: relative; max-width: 45%;}

#header {

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7c2a2b+0,220c0d+100 */
background: #7c2a2b; /* Old browsers */
background: -moz-linear-gradient(top,  #7c2a2b 0%, #220c0d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #7c2a2b 0%,#220c0d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #7c2a2b 0%,#220c0d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c2a2b', endColorstr='#220c0d',GradientType=0 ); /* IE6-9 */

    border-bottom: none;
}
.navigation a {color: #fff !important;}
.navigation .active a, .navigation a:hover {color:#F3EFE1 !important;}
.tagline, .phone a {color:#fff !important;}
.phone a:hover {color:#F3EFE1 !important;}

.navigation a::after {border-bottom: 1px solid #F3EFE1 !important;}
.navigation .active a {border-bottom: 1px solid #F3EFE1 !important;}
.navigation .active a::after {border-bottom: none !important;}
.dropdown-menu > li > a {color: #000 !important;}
.dropdown-menu > li > a:hover {color: #F3EFE1 !important; background:#023769 !important;}

.feature-slide-content {background:#F3EFE1;}

.contact-info h2 {font-size: 25px;}

.video {margin-top:50px;}

.tagline, .phone{font-family: 'Lustria' !important;}

.puppy {height: 162px;margin: 0 auto; display: block;}
.pull-left{padding-right: 15px;}
.pull-right{padding-left: 15px;}

.roc-num {display:block; font-family: 'Lustria' !important;margin:10px auto;}
.roc-num a {color:#fff;}
.roc-num a:hover {color: #F3EFE1 ;}

/* Blog Styles */
.main-inner-blog {}
article {padding:20px 0;margin-bottom:20px;}
article h2 {background:transparent;text-decoration:none;padding: 10px 10px 10px 0;}
.blog-image {margin:10px 0px 20px 0px !important;padding-right:20px;}
.date {display:block;}
.blog-intro {padding-top:20px;padding-bottom:20px;margin-bottom:20px;}
.blog-page-box{padding: 20px;}
/* Blog Sidebar */
.blog-sidebar {}
.blog-sidebar h3 {color:#000;padding:10px 10px;}
.blog-sidebar ul {list-style:none;padding:0;}
.blog-sidebar li {margin:3px 0;}
.blog-sidebar li a:before {content:"►";color:#fff;margin-right:5px;}
.blog-sidebar li a {padding:5px 10px;background:#4c1a1b;color:#fff;display:block;}
.blog-sidebar li a:hover, .blog-sidebar li a:focus {background:#fff;color:#4c1a1b;text-decoration:none;border: 1px solid #4c1a1b;}
.blog-sidebar li a:hover:before, .blog-sidebar li a:focus:before {color:#4c1a1b;}
.entry-summary {}
.blog-posting {padding:0 0 5% 0;}
.blog-posting a.btn {margin-bottom:8px;}
.blog-post h1 {font-size:24px;}
span.date {display:block;margin-top:10px;font-size:12px;}

.spacer {display: block; margin: 40px 0; border-top: 1px solid #ccc;}

.review-links {display: flex; flex-direction: row; justify-content: center;}
.review-links .flex-col {max-width: 300px; padding: 0 25px;}
.reviews {text-align: center;}
.reviews p {margin: 5px 0;}
.review-author {font-style: italic; font-size: .9em; margin-bottom: 15px;}
.pagination {font-size: 20px;}
.pagination > * {padding: 0 2px;}

.before-after .gallery.row {display: flex; flex-wrap: wrap; margin-bottom: 25px;}
.before-after .gallery_heading {text-align: center; margin-bottom: 10px;}
.before-after .flex-col {flex-basis: 25%; max-width: 25%; padding: 25px 15px 0; border-right: 2px solid transparent;}
.before-after .flex-col img {width: 400px; transition: ease-in .3s;}
.before-after .flex-col img:hover {transform: scale(1.05);}
.before-after .flex-col:nth-child(2n) {border-right-color: #4c1a1b;}
.before-after .flex-col:nth-child(4n) {border-right-color: transparent;}
.before-after .flex-col.gallery_heading {border-right: none;}
.before-after .flex-col:nth-child(-n + 8){padding-top: 0;}

/* = FAQ ACCORDION = */
#accordion .panel {border: 2px solid #333; }
#accordion .panel-title:before { content: ""; border-bottom: 25px solid rgba(0, 0, 0, 0); border-left: 15px solid #4c1a1b; border-top: 23px solid rgba(0, 0, 0, 0);}
#accordion .panel-title div { color:#333; background:#f6f6f6; font-size: 16px;font-weight:bold;border: 1px solid #000;}
#accordion .panel-title div.collapsed { color:#333; background:#f6f6f6;  }
#faq-section{padding-bottom: 50px;}
#accordion .panel-title div:before, #accordion .panel-title div.collapsed:before {color:#fff; background:#4c1a1b; }
#accordion .panel-body { color: #fff; font-size: 14px; border: 2px solid #4c1a1b; background: #4c1a1b; font-weight: bold; }
/* = FAQ ACCORDION = */
#accordion .panel { border-radius:0; margin-bottom:15px;}
#accordion .panel-heading { padding:0; }
#accordion .panel-title { position: relative; }
#accordion .panel-title:before { content: ""; width: 0; height: 0; position: absolute; top: 0; left: 32px; }
#accordion .panel-title div { display: block; line-height: 21px; font-weight:bold; padding: 13px 10px 13px 65px;}
#accordion .panel-title div:before, #accordion .panel-title div.collapsed:before { content: "\f068"; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; top:0; left:0px; padding:14px 10px;  }
#accordion .panel-title div.collapsed:before { content: "\f067"; font-family: 'Font Awesome 5 Free'; font-weight: 900;}
#accordion .panel-body {line-height: 26px;}
#accordion h2 {text-align: center; margin-bottom: 15px;}
.page-template-page-flood .interior-main-content-container {padding-top: 0;}
.emergency-link {text-align: center; margin-top: 30px;}
.emergency-link .btn {font-size: 22px; font-weight: 700; padding: 10px 20px; border-radius: 5px;}
.emergency-link .btn:hover, .emergency-link .btn:focus {background: #023769;}


@media screen and ( max-width: 1470px ) {.navigation a, .dropdown-menu > li > a{font-size: 13px;}}
@media screen and ( max-width: 1325px ) {.navigation a, .dropdown-menu > li > a{font-size: 11px;}}

@media screen and ( max-width: 991px ) {
    .carousel-caption { background: #F3EFE1 !important;}
    .puppy {max-height: 150px;}
    .img-box {max-width: 250px;}
    .before-after .gallery_heading:nth-child(-n + 2) {display: none;}
    .before-after .gallery .flex-col {flex-basis: 50%; max-width: 50%; border-right-color: transparent; padding-top: 25px;}

}
@media screen and ( max-width: 767px ) {.main-nav {background: #F3EFE1 !important;}.navigation a {color: #4c1a1b !important;} .navigation a:hover {color: #023769 !important;}
.home .subscriptions-inner .btn {margin: 15px 45px 45px 45px;}
.home #subscriptions {padding: 15px 0 150px 0;}
}