/**
* 
* Theme Name: Custom Astra Child
* Author: Ryner G / Joe P
* 
*/

:root {
	--primary-color: #f18317; /* Orange */
	--accent-color: #af0025; /* Red */
	--secondary-color: #EDEDED;
	--black-color: #010101;
	--white-color: #ffffff;
	--text-gray: #a1a1a1;
	
	--fa-family: "Font Awesome 5 Free";
}

/******** TEXT *********/

p {
    margin-bottom: 0!important;
}

.h1-smaller {
    font-size: 0.5em;
}

.text-white {
	color: var(--white-color);
}

.text-gray {
	color: var(--text-gray);
}

.helper-page-title {
	display: inline-block;
}

/******** COLORS *********/

.accent-color {
	color: var(--primary-color)!important;
}

/******** ICONS *********/

.i-padding {
	padding-right: 4px;
}

.i-padding-x3 {
	padding-right: 12px;
}

a:hover i {
	color: var(--accent-color);
}

/******** BUTTONS *********/

.fl-button i {
    font-size: 0.9em!important;
	transition: all .5s ease-in-out;
}

.fl-button:hover i {
	margin-left: 30px!important;
}

.btn-main-nav .menu-link {
	background-color: var(--accent-color);
	color: var(--white-color)!important;
	font-weight: bold;
	margin-left: 12px;
	padding: 0 40px;
}

.btn-main-nav .menu-link:hover {
	box-shadow: 0 2px 20px #636363;
	transition: all .5s ease-in-out;
}

@media all and (max-width: 921px) {
	.btn-main-nav .menu-link {
		text-align: center;
		margin: 12px auto;
		width: 90%!important;
		
	}
}

/* =============== SINGLE PAGE: SERVICES =============== */
.rg-temp-single-services {
	width: 100%;
}
.single-services .rg-single-header {
	min-height: 200px;
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: center;
	align-items: center;
	background: red;
	color: #ffffff;
    position: relative;
}
.single-services .rg-single-header * {
	color: #ffffff;
	z-index: 2;
}
.single-services .rg-single-header h1 {
	z-index: 2;
}
.single-services .rg-single-header .rg-backdrop {
	background: #000000;
	opacity: 0.5;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
}
.single-services .navigation.post-navigation {
	display: none!important;
}
.single-services .rg-service-page-description {
	padding: 20px 0;
}
.single-services .entry-header {
    display: none;
}

/******** FLUENT FORMS *********/

.ff-btn-submit {
    background-color: var(--accent-color)!important;
    border-radius: 0!important;
    font-weight: bold!important;
    padding: 10px!important;
    width: 99%;
}

.fluentform .ff_btn_style:focus, .fluentform .ff_btn_style:hover {
	opacity: 1!important;
	box-shadow: 0 2px 20px #636363;
}

.ff-message-success {
    background: #fff;
    text-align: center;
}

/******** FOOTER *********/

.footer-map {
    box-shadow: 1px 5px 30px #636363;
}

/********* To Prevent Google Map Scroll Wheel & Hide Toolbar **********/

.no-map-scroll { 
	position:relative; 
	overflow: hidden;
}

.no-map-scroll > iframe {
	position: relative; 
	top: -60px; 
	margin-bottom: -72px;
}

.click-map { 
	width: 100%; 
	min-height: 100vh; 
	position: absolute; 
	top: 0; 
	z-index: 10;
	box-shadow: inset 10px 10px 30px #00000080;
}

/********* Responsive iFrame for youTube video embed **********/

.video-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/******** MISCELLANEOUS *********/

.grecaptcha-badge { 
    visibility: hidden;
}

.recaptcha-terms {
    color: #fff;
    font-size: 0.5em;
}

.est-year {
	font-size: 1.2em!important;
    border: solid 3px;
    padding: 3px 20px;
    margin-left: 10px;
}

.iframe-inner-shadow {
    width: 100%;
    height: 20px;
    position: absolute;
    z-index: 20;
    box-shadow: inset 0px 10px 10px #00000080;
}

.home-overlay-box {
	position: relative;
    z-index: 3;    
}

/*********** Hyperlocal Blogs *************/
.hyperlocal-link {
	display: block;
    padding: 25px 0!important;
}

.blog-map {
    display: inline-block;
    padding: 12px 12px 12px 0;
	width: 50%;
}

@media all and (max-width: 921px) {
	.blog-map {
		display: block;
		width: 100%;
	}
}


/*********** BEAVER BUILDER 2.7 EQUAL HEIGHT COLS FIX *************/
.fl-col-group-equal-height .fl-col-content {
	height: 100%;
	display: flex;
}