/*
Theme Name: Cosmo Child
description: Client Theme - Cosmo
Template: cosmo-parent
Version: 1.0.0
Text Domain: cosmo-child
Author: BCW
*/
@import url('https://fonts.googleapis.com/css2?family=Old+Standard+TT:ital,wght@0,400;0,700;1,400&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');


h1,h2,h3,
.business-info,
.contact-page-info,
.nav-tabs li a,
.tab-content span.service-heading,
ul.sitemap-page,
#primary-footer,
#bottom-contact-info,
#bottom-feature,
.feature-box-inner .feat-head,
nav,
.c2a,
.tagline,
body {font-family: "Raleway", sans-serif; font-weight:400;}

.feature-box:hover .feat-head,
.feature-box .feat-head{
	color:#fff;
}

.tel{
	font-size: 24px;
}
.more {
max-height: 0; display: inline-block; overflow: hidden;
  opacity: 0;
  transition: opacity 1s linear;}
.show .more {
max-height: 99999999px; visibility: visible; display: none;
  opacity: 1;
}

.read-more-serv-link, .read-more-serv {
    background: var(--color-1);
    color: #fff;
    display: inline-block;
    padding: 10px 15px;
    border-radius: 5px;
    font-weight: bold;
    text-align: center;
    width:100%;
}
.read-more-serv-link:hover, .read-more-serv:hover {
    cursor: pointer;
     background: var(--color-2);
    color: #fff;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -o-transition: all ease .5s;
}
.show .read-more-serv {
    background: var(--color-1);
    color: #fff;
}
.show .read-more-serv:hover {
    cursor: pointer;
    background: var(--color-2);
    color: #fff;
}

.home #team-section {background:var(--color-4);}
.home #team-section h2 {color: var(--color-2);}
.home .team-section .member {
    flex: 0 1 calc(24% - 20px);
}

.home .team-section .member img {    object-fit: cover;
    width: 100%;
    object-position: top;
    height: 23vw;}

/* -- YOUTUBE VIDEO -- */
.youtube-wrap {width:100%;padding:20px; background:var(--color-1);}
.youtube-outter {width:800px; max-width:100%; margin: 0 auto;}
.youtube { position: relative;  max-width: none; margin: 15px auto;  padding-top:75%;}
.youtube iframe, .youtube object, .youtube embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  }

#review-section {background:var(--color-4);}
#review-section h2 {color: var(--color-2);}

#bottom-contact-info img {
    margin-top: 90px; background: #fff; padding: 15px;}

.information {
    padding: 20px;
    text-align: center;
    background: rgba(90, 126, 146, .8);
    border: 4px solid var(--color-1);
}

footer a {color: #fff;}

#services-section img {width:600px;}
.tab-pane ul {margin-top:20px;width:480px; max-width: 100%;}
.tab-pane ul ul {margin-top:unset;width:unset; padding-left:30px;}

.servicevid { width: 570px !important; margin: 30px auto !important; clear: both;}

#services-section {margin-top:50px;}

.nav-tabs {border-bottom: 0px; display: flex; justify-content: center; flex-wrap: wrap; row-gap: 5px; column-gap: 5px; margin-bottom: 20px;}
.nav-tabs li a {border-radius: 0px;}

.contentbox {clear: both;}
.contentbox .conimg {float: left;padding: 0 20px 20px 0;}
.contentbox:nth-child(even) .conimg {float: right ;padding: 0 0 20px 20px;}
.contentbox .conimg img {margin: 0;}
.imgtxt {text-align: center; display: block; margin-top: 15px;}

.videorepeater {display: flex;flex-wrap: wrap; column-gap: 15px; row-gap:15px;}
.videorepeater .youtube-outter {width:480px;}

#insurance {padding-top: 50px; }
.logos {margin: 30px auto; width:1800px; max-width: 100%; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; column-gap: 15px; row-gap:15px;}
.logos img {width: 300px; max-width:100%; height: auto; filter: drop-shadow(0px 0px 2px #999);}

#main-section.single ol, #main-section.single ul, #main-section.single h3 {margin-top: 30px;}

.blog .image-col img {    object-fit: cover;
    object-position: center;
    height: 185px;}

@media screen and (max-width:991px){
    .home .team-section .member {
    flex: 0 1 calc(50% - 20px);
}
    .home .team-section .member img {height: 50vw;}
}
@media screen and (max-width:768px){
    .contentbox .conimg {display: block !important; float:none !important; margin-top:30px; padding: 0;}
    .contentbox .conimg img {margin: 0 auto;}
    .home .team-section .member {
    flex: unset;
}
    .home .team-section .member img {height: 70vw;}
}