/*
Theme Name: Flora Child
Template: flora-parent
Version: 1.0.0
*/

.slide-content{
	display:inline-block;
	width:100%;
	text-align:center;
	font-weight:700;
	color: #fff;
	font-size:20px;
}

.interior-main-inner-outer{
	text-align:left;
}
.certs{
    display:flex;
}
.c2a-contact{
	text-align:center;
}
/* = 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 var(--color-2);
    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: var(--color-2);
}

#accordion .panel-body {
    color: #fff;
    font-size: 16px;
    border: 2px solid var(--color-2);
    background: var(--color-2);
    font-weight: bold;
}

#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: "-";
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0px;
    width: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-size: 40px;
}

#accordion .panel-title div.collapsed:before {
    content: "+";
    font-size: 25px;
    font-weight: 900;
}

#accordion .panel-body {
    line-height: 26px;
}

#accordion .faq-panel-two-lines:before {
    border-bottom: 35px solid rgba(0, 0, 0, 0);
    border-top: 35px solid rgba(0, 0, 0, 0);
}

#accordion .faq-panel-three-lines:before {
    border-bottom: 45px solid rgba(0, 0, 0, 0);
    border-top: 45px solid rgba(0, 0, 0, 0);
}

#accordion .faq-panel-four-lines:before {
    border-bottom: 56px solid rgba(0, 0, 0, 0);
    border-top: 56px solid rgba(0, 0, 0, 0);
}

#accordion .faq-panel-five-lines:before {
    border-bottom: 66px solid rgba(0, 0, 0, 0);
    border-top: 66px solid rgba(0, 0, 0, 0);
}

#accordion .faq-panel-six-lines:before {
    border-bottom: 77px solid rgba(0, 0, 0, 0);
    border-top: 77px solid rgba(0, 0, 0, 0);
}

#accordion .faq-panel-seven-lines:before {
    border-bottom: 87px solid rgba(0, 0, 0, 0);
    border-top: 87px solid rgba(0, 0, 0, 0);
}

#accordion .faq-panel-two-lines a:before,
#accordion .faq-panel-two-lines a.collapsed:before {
    padding: 25px 10px;
}

#accordion .faq-panel-three-lines a:before,
#accordion .faq-panel-three-lines a.collapsed:before {
    padding: 35px 10px;
}

#accordion .faq-panel-four-lines a:before,
#accordion .faq-panel-four-lines a.collapsed:before {
    padding: 46px 10px;
}

#accordion .faq-panel-five-lines a:before,
#accordion .faq-panel-five-lines a.collapsed:before {
    padding: 56px 10px;
}

#accordion .faq-panel-six-lines a:before,
#accordion .faq-panel-six-lines a.collapsed:before {
    padding: 67px 10px;
}

#accordion .faq-panel-seven-lines a:before,
#accordion .faq-panel-seven-lines a.collapsed:before {
    padding: 77px 10px;
}

#faq-section{
    padding: 20px 0 0 0;
}

.service-repeater-flex{
    justify-content: center;
    flex-wrap: nowrap;
    column-gap: 10px;
    padding: 0 10px;
}
.page-id-17 .service-block{
    border: 0px solid #fff;
}
.page-id-17 #service-block-repeater {
    padding: 10px 0 10px;
}
a,
.c2a a{
    color: var(--color-3);
}
h2.service-block-repeater-heading{
    color: #fff;
    background: var(--color-2);
}
h2.service-block-repeater-heading:hover{
    background-color: var(--color-1);
}


.message-scroller-inner .message-scroller-heading {
  font-size: calc(14px + (26 - 14) * ((100vw - 300px) / (5000 - 300)));
}

@media screen and (max-width:1200px){
    .service-block-repeater-heading {font-size: 18px;}
}

@media screen and (max-width:991px){
    #service-what-we-inspect .service-image { min-height: unset !important; padding-top: 64%;}
}

@media screen and (max-width:768px){
    .c2a-mobile a {color: #fff;}
    
    .service-repeater-flex {display: block;}
    .service-block {width:44%; float:left; margin: 15px;}
    
    
}


@media screen and (max-width:540px){
      .service-block {width:100%; float:unset; margin:15px 0;}
    .certs{overflow: hidden;}
}


@media screen and (min-width: 768px) {
    

    .logo-container img {
            width: 20%;
    }

    .page-id-17 .logo-container img {
        width: 100%;
    }

}

footer{
    background: #000;
}
footer a {
    color: #fff;
}

 #service-repeater h2 {
     color: #fff;
 }

 .page-id-14 .service-content-row-inner p{
    color: #fff;
	font-size:26px;
 }

 #service-what-we-inspect .service-image{
    min-height: 600px;
 }
 .page-id-14 #interior-main{
    box-shadow: 0px 0px 2px 1px black;
 }

 span.social-header, .header-hours {
    color:#fff;
 }
 .c2a{
    z-index: -1;
 }

 .contact-info,  #contact-info a{
    color: #fff;
 }

 #banner{
    position: relative;
 }
 .image-container{
    background: #fff;
 }
 .image-container img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .5;
 }

 .interior-main-heading{
    background: var(--color-2);
    color: #fff;
 }

 #side-pull-out #main-nav li.active a{
    color: var(--color-2);
    background: #fff;
 }
 #side-pull-out #main-nav li.active a:hover{
         color: var(--color-2);
         background: var(--color-3);
 }
 #side-pull-out {
     background: var(--color-2);
 }

 #side-pull-out #main-nav li a {
     color: #fff;
 }

 #side-pull-out #main-nav li a:hover {
     color: var(--color-2);
     background: #fff;
 }

 #content-blocks-10 p, #content-blocks-12 p{
    font-size: 18px;
 }