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

:root {
	--theme-accent-orange: #86653F;
}

@keyframes hop {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	50% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

.fl-theme-builder-header-sticky {
	box-shadow: 0 2px 6px 0 rgba(0,0,0,0.25);
}

#cta-wrap {
	text-align: center;
}

#tel-cta-btn {
	background-color: var(--theme-accent-orange);
	color: #fff !important;
	display: inline-block;
	float: right;
	font-weight: 300;
	line-height: 1.2;
	padding: 6px 30px 2px;
	text-align: center;
	text-transform: uppercase;
}

#tel-cta-btn span {
	font-size: 1.5em;
}

@media (max-width: 768px) {
	#tel-cta-btn {
		float: none;
	}
}

.service-bubble {
	border-radius: 50%;
	box-shadow: 6px 6px 0 0px #d1d3d4;
	color: #494949;
	display: flex;
	  align-items: center;
	  flex-direction: column;
	  justify-content: center;
	font-size: 1.2em;
	font-weight: 700;
	height: 200px;
	letter-spacing: 3px;
	margin: auto;
	text-align: center;
	text-transform: uppercase;
	width: 200px;
}

.service-bubble:hover {
	animation: hop 0.25s 0.1s;
}

.service-bubble:focus,
.service-bubble:hover,
.service-bubble:active {
	color: #808285;
}

.service-bubble.light {
	background-color: #84C0CE;
}

.service-bubble.dark {
	background-color: #0091AB;
}

.service-bubble .dark-text {
	color: #1e1e1e;
}

.service-bubble .light-text {
	color: #fff;
}

#cta-infoboxes .pp-infobox-wrap .layout-3-wrapper {
	justify-content: center;
}

#cta-infoboxes .pp-infobox-wrap .layout-3 .pp-heading-wrapper {
	flex: none;
}

.duotone-heading {
	color: #494949;
}

.duotone-heading em {
	color: #0091ab;
	font-style: normal;
}

.duotone-heading2 em {
	color: #797979;
	font-style: normal;
}

@media (min-width: 769px) {
	#cta-bar .fl-col-content {
		display: flex;
		  align-items: center;
		  justify-content: center;
	}
}

#inner-page-title h1 {
	display: table-caption;
}

/* Gravity forms */

.gform_fields label {
	font-weight: 500;
}

.gform_button {
	background-color: #0091AB !important;
	border: none !important;
	border-radius: 0 !important;
	letter-spacing: 2px;
	padding: 12px 24px !important;
	text-transform: uppercase;
}

.gform_button:hover {
	background-color: #84C0CE !important;
}


.bafg-twentytwenty-container {
	margin: auto;
}

.fl-node-owy7m8lujxdz > .fl-col-content {
    background-color: rgba(0,145,171,0.6);
}

/* Submenu columns */

@media (min-width: 768px) {
	.sub-menu-columns ul.sub-menu {
		min-width: 610px;
	}

	.sub-menu-columns ul.sub-menu li {
		display: inline-block;
		float: left;
		width: 50%;
	}
	
	.sub-menu-columns ul.sub-menu li:nth-child(odd) {
		margin-right: 10px;
		width: calc(50% - 10px);
	}
	
	.sub-menu-columns ul.sub-menu li:nth-child(even) {
		float: right;
	}
}

@media (max-width: 767px) {
	ul.sub-menu li {
		text-align: left !important;
	}
}