/*
Theme Name: Slate Child
description: Client Theme - Slate
Template: slate-parent
Version: 1.0.0
Text Domain: slate-child
Author: BCW
*/

.logo img {width:115px;}

.home #carousel-slider .left, .home #carousel-slider .right {display: none;}

.home .feature-section .feature { flex: 0 1 calc(33.33% - 20px);}
.home .features {justify-content: center; flex-wrap: wrap;}


.more {display: none;}

.show .more {display: block !important; position: fixed; z-index: 5; top:0; left: 0;  width:100%; height: 100%; }

.show .morebg { position: absolute; z-index: 6; top:0; left: 0;  width:100%; height: 100%; background:rgba(0,0,0,.7);}

.show .more .morecon {z-index: 7; width:1200px; height: auto; max-width: 100%; position: absolute;  background:#fff;padding:15px;border-radius: 15px; top: 50%; left:50%; transform:translate(-50%,-50%); text-align: left;}

.show .read-more-serv {display: none;}

.show .bioclose {display: inline-block;
    position: absolute;
    top: 0;
    right: 15px;
    font-size: 25px;
    padding: 0 9px;
    border-radius: 50%;}

.read-more-serv-link, .read-more-serv, .bioclose {
    background: var(--color-1);
    color: #fff;
    display: inline-block;
    padding: 10px 15px;
    border-radius: 5px;
    font-weight: bold; margin-top: 15px;
}
.read-more-serv-link:hover, .read-more-serv:hover, .bioclose: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;
}

.team-section .member .image img { width: 330px;}
.team-section .member {text-align: center; position: relative;}

.member .image {position: relative;}

.openbio {position: absolute;  width: 330px; top: 0; left: 50%;height: 100%; transform: translateX(-50%);}
.openbio:hover:after {
    position: absolute;
    width:100%;
    height: 190px;
    cursor: pointer;
    content: "Read Bio";
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: rgba(0, 0, 0, .5);    
    font-size: 1.9em;}
form input.gform_button{
	background: var(--color-1); 
	color: #fff;
	padding:6px 12px; 
	font-size:16px;
	border: 1px solid #ccc;
	border-radius: 4px;
	
}
form input.gform_button:hover, form input.gform_button:active{
	background: var(--color-3);
}
.navbar-default .dropdown-menu > li > a:hover, .dropdown-menu > .active > a {background:var(--color-1); color:#fff !important;}

a.tops {
		display: block;
		position: relative;
		top: -25px;
		visibility: hidden;
	}

@media screen and (max-width: 1240px) {
    .show .morecon {max-width:95% !important;}
}

@media screen and (max-width: 991px) {
    .show .morecon {width:95%;max-height: 480px; overflow: scroll;}
	#primary-header {
        padding-top: 110px;
    }
}

@media screen and (max-width: 767px) {
    .home .feature-section .feature {
        flex-basis: 100% !important;
    }
   
}