/*
Theme Name: Kalon Child
description: Client Theme - Kalon
Template: kalon-parent
Version: 1.0.0
Author: BCW
*/

.feature-box, #large-c2a {color:#000;}

#contact-info, #contact-info a, footer a {color:#000 !important;}
#contact-info a:hover, footer a:hover {color:#999!important;}
.gform_button {color:#fff;}
.gform_button:hover {background:#000 !important;}
.interior-heading h1 {color:#000;}
.page-id-99 .main-img img {width:400px;}
.page-id-99 .main-content-interior {flex-grow: 2;}
.page-id-99 #about-feature {display: none;}
.page-id-99 #services {background:var(--color-5);}
.gallery-img a img {object-fit: cover; height: 34vw;}
#contact-form-section {background-image:unset;}
#feature-slider {background-image:unset; background-color: #f8f8f8;}


/* Gallery Feature */
#gallery-section-repeater h2 {width: 100%; font-size:40px;color:#fff;text-shadow:1px 1px 3px #252525;margin-bottom:50px;text-align: center;}
#gallery-section-repeater img {transition: all ease .5s;-webkit-transition: all ease .5s;-moz-transition: all ease .5s;-o-transition: all ease .5s;margin:10px auto; border:5px solid var(--color-1); object-fit: cover; height: 360px;}
#gallery-section-repeater {background-repeat: no-repeat!important; background-position: center center!important; background-size:cover!important;-webkit-background-size:cover!important;-moz-background-size:cover!important;-o-background-size:cover!important;background-attachment: fixed!important;-webkit-background-attachment:fixed!important;-moz-background-attachment:fixed!important;-o-background-attachment:fixed!important;padding:0 0 50px 0!important; }
#gallery-section-repeater img:hover, #gallery-section-repeater img:focus {border:5px solid var(--color-2);}
#gallery-section-repeater .gallery-feature-inner .flex-col{padding:0 10px;}
#gallery-section-repeater .row {display: flex; justify-content: center; flex-wrap: wrap;}

.footimgs {display: flex; justify-content: center; flex-wrap: wrap; align-items: center;    row-gap: 30px;
    column-gap: 30px;}
.footimgs img {width: 170px; height: auto;}

@media screen and (max-width:1200px){
    #gallery-section-repeater img {height: 293px;}
}
@media screen and (max-width:991px){
        #gallery-section-repeater img {
        height: 220px;
    }
    .page-id-99 .main-img img {margin-top:30px;}
    .foottext {margin-top:40px;margin-bottom:40px;}
}
@media screen and (max-width:767px){
.gallery-img a img {object-fit: cover; height: 62vw;}
 #gallery-section-repeater img {height: 42vw;}
}