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