/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* BEAVER ALERTS */
.bb-bootstrap-alerts .alert-success {
	color:#1e1e1e;
	background-color:#f7c507;
	border-color:none;
}
.bb-bootstrap-alerts {
	text-align:center;
}
.bb-bootstrap-alerts .close {
	margin:20px;
}
.alert-padding a {
	color:#1e1e1e;
	text-decoration:underline;
}
.alert-padding a:hover {
	color:#000000;
	text-decoration:underline;
}
/* TOP MENU */
.top-menu .top-menu-icon {
    width: auto !important;
    display: inline-block;
    margin-right:30px;
    font-size:15px;
}
.top-menu .fl-col-content.fl-node-content {
    display: inline-block;
    text-align: right;
}
.fl-node-615283425ffcf .menu > li.current-menu-item > a {
    background: none;
    color: none;
}

nav li#menu-item-34.contact-btn {
        background-color: rgba(205,30,74,.0);
    /*color: #fff;*/
    border: 1px solid #ca2851;
    border-radius: 100px;
    margin-left:30px;
    padding:0 20px;
    }
nav li#menu-item-34.contact-btn:hover {
        background-color: rgba(205,30,74,1.0);
    color: #fff;
    border: 1px solid #ca2851;
    border-radius: 100px;
    margin-left:30px;
    padding:0 20px;
    }
nav li#menu-item-34.contact-btn a:hover {
        background-color: rgba(205,30,74,0.0);
    color:#ffffff;
    }
nav li#menu-item-281 a {
    color:#cc204a;
}
nav li#menu-item-281 i.fab.fa-2x.fa-facebook-square {
    position: absolute;
    font-size: 40px;
    bottom: -13px;
}

/* SERVICS CALLOUTS */
/* [1] The container */
.services-callout .fl-photo-content {
  max-height: 350px; /* [1.1] Set it as per your need */
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}

/* [2] Transition property for smooth transformation of images */
.services-callout .fl-photo-content img {
  transition: transform .5s ease;
}

/* [3] Finally, transforming the image when container gets hovered */
.services-callout .fl-photo-content:hover img {
  transform: scale(1.25);
}
.services-callout h3.fl-callout-title {
    padding:0px 10px 0px 10px !important;
    font-size:24px;
}
.services-callout .fl-callout-text p {
    padding:0px 10px 20px 10px !important;
    font-size:16px;
}

/* H2 HR */
/* 
.h2hr h2.fl-heading>* {
    display: inline-block;
    position: relative;
}
.h2hr h2.fl-heading>::after {
    left: 100%;
    margin-left: calc(5px + .3em);
}
.h2hr h2.fl-heading>::after {
    content: "";
    position: absolute;
    top: calc(50% - (calc(.2px + .05em)/ 2));
    width: 100%;
    border-bottom: calc(.2px + .05em) solid #e5e5e7;
}
*/

/* BLOG POSTS */
.post-template-default h2, .post-template-default h3 {
	margin-top:40px;
}

/* STAFF PHOTOS */

.personnel .fl-post-image img {
	border-radius:300px;
	max-width:210px;
	margin:0 auto;
	display:block;
}
.personnel .fl-post-title {
	font-size:1.5em;
	font-weight:bold;
}
.personnel .fl-post-meta {
	font-size:1.05em;
}
.personnel .fl-post-grid-post {
	border:none;
}
.personnel .fl-post-text {
	text-align:center;
}
.personnel-list .fl-post-text {
	padding:20px 15px !important;
}

/* CONTACT FORM */
.gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme .gfield textarea, .comment-respond textarea.form-control, .comment-respond input[type=text], .boma-signup input {
    background-color:#ebedef;
}
.gform_wrapper.gravity-theme input[type=text]:focus, .gform_wrapper.gravity-theme .gfield textarea:focus, .comment-respond .form-control:focus, .comment-respond input[type=text]:focus, .boma-signup input:focus {
    background-color:#ebedef;
	border:solid #cd1e4a 2px;
}
.gform_footer input[type=submit] {
    padding:15px 40px;
    border-radius: 50px;
    text-transform: uppercase;
}

@media (min-width: 1100px) {
    header {
    max-width: 1600px;
    margin: 0 auto;
    }
    .fl-fixed-width .fl-page {
        max-width: 100% !important;
    }
    .fl-full-width .container {
    padding: 0px 20px;
    }
    .txt2col {
        column-count: 2;
    }
   
}
@media only screen and (min-width:992px) and (max-width: 1100px) {
    .services-callout .fl-callout-content {
        min-height:385px !important;
    }
}

.fl-page-content {
background-color:#ffffff;
	max-width:1600px;
	margin:0 auto;
}

footer {
max-width: 1600px;
    margin: 0 auto;
    background-color: #ffffff;
    padding: 20px;
}