/*
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
*/

/* Add your custom styles here... */


/* Make the "Book Appointment" link in the style of a button */
/* Note for this that if you want to just target the LAST ITEM in the menu, you can use:
 * 
 * #menu-main-menu li:last-child
 * 
 * ... as the selector.
 */
.nav-link-button-style {
	background-color: #428bca;
	color: #fff;
	text-shadow: 1px 1px 1px #135;
	border-radius: 5px;
}
.nav-link-button-style:hover {
	background-color: #317ab9;
}
.nav-link-button-style a {
	color: #fff !important;
}
.nav-link-button-style a:hover {
	text-decoration: underline;
}
.video-banner-hero {
	position:relative;
}
.video-banner-hero .fluid-width-video-wrapper {
	padding-bottom:56.7%;
}
.video-banner-hero iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#menu-main-menu li {
	font-size:16px;
}
.new-btns .fl-button-group-buttons .fl-button-group-button .fl-button-wrap {
	display:flex;
    width:100%;
}
.new-btns .fl-button-group-buttons .fl-button-group-button {
    width: 100%;
}
    .contact-num a {
        color:#000 !important;
    }
    .contact-num .fl-icon {
        width: 32px;
        height: 32px;
        background: #00558D;
        border-radius: 100px;
        display: grid;
        place-items: center;
        transform: scaleX(-1);
        flex-shrink:0;
    }
    .contact-num .fl-icon i:before {
        color:#fff;
    }
    .contact-num .fl-icon-wrap {
    	display:flex;
        align-items:center;
    }
     .contact-num .fl-icon-wrap .fl-icon-text-wrap {
     	height:auto;
     }
@media (max-width:1200px) {
	.contact-num .fl-icon {
        width: 26px;
        height: 26px;
    }
    .contact-num .fl-icon-text {
    	padding-left:10px;
    }
    .contact-num .fl-module-content {
    	margin-top:0 !important;
        margin-right:6px !important;
    }
}

@media (max-width:1100px){
	header ul#menu-main-menu li {
		font-size:14px;
    }
    
}
@media (max-width:992px) {
    header ul#menu-main-menu li {
		text-align:left;
    }
}