/**
Theme Name: Your Modern Homestead
Author: GlobalSpex, Inc.
Author URI: https://globalspex.com/wordpress-website-design/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.2.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: globalspex
Template: astra
*/

:root { 
	--accent-color: #1e2a4a; /*dark blue*/
	--secondary-color: #2388ac; /*light blue*/
	--secondary-color-rgb: 35, 136, 172;
	--dark-color: #1e2a4a; /*black*/
	--dark-color-rgb: 30, 42, 74;
	--medium-color: #7a7a7a; /*Grey*/
	--light-color: #f5f5f5; /*Light Grey*/
	--white: #fff;
	--black: #1e1e1e;
	--black-rgb: 30,30,30;
}

/** GENERAL **/

::selection {
	background: var(--accent-color);
	color: var(--white);
}

::placeholder,
:-ms-input-placeholder,
::-ms-input-placeholder {
    color: var(--medium-color)!important;
	font-family: "Helvetica",sans-serif;
}


body {
	font-size: 16px;
	color: var(--black);
	
}

a {
	transition: .2s;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: ease;
	transition-delay: 0s;
	color: var(--medium-color);
}

.page-links .page-link, .single .post-navigation a {
	color: var(--accent-color);
}

h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase!important;
}


input:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="reset"]:focus, input[type="search"]:focus, textarea:focus {
    border-color: var(--accent-color)!important;
    outline: 0;
}

input, textarea {
    margin-top: 6px;
    padding: 15px!important;
	color: var(--medium-color)!important;
	font-family: "Helvetica", sans-serif!important;
}

a.fl-button {
	border: none!important;
	border-radius: 0!important;
	text-transform: uppercase!important;
	color: var(--white)!important;
}

a.fl-button i {
	color: var(--white)!important;
}

a.fl-button span {
	color: var(--white)!important;
	font-family: "Helvetica", sans-serif;
}


.gform_wrapper input[type=submit] {
	border: none!important;
	border-radius: 0!important;
	text-transform: uppercase!important;
	color: var(--white)!important;
	background: var(--secondary-color)!important;
	font-family: "Helvetica", sans-serif;
	padding: 15px 20px;
}

.accent-color-text span,
.accent-color-text p,
span.accent-color-text,
p.accent-color-text {
	color: var(--accent-color)!important;
}

.accent-color-button a.fl-button {
	background: var(--secondary-color)!important;
}

.dark-color-button a.fl-button {
	background: var(--dark-color)!important;
}

.secondary-color-button a.fl-button {
	background: var(--secondary-color)!important;
	padding: 15px 20px;
}


#comments .submit, .search .search-submit {
    background: var(--secondary-color);
    color: var(--white);
}

#ast-scroll-top {
    background-color: var(--accent-color);
}



/** HEADER **/

#row-header-button #header-button-request-a-consult a span.fl-button-text {
	color: #fff !important;
}

.gp-header .fl-row-content-wrap {
	transition: .5s;
    transition-property: all;
    transition-duration: 0.5s;
    transition-timing-function: ease;
	transition-delay: 0s;
}


.fl-theme-builder-header-scrolled .gp-header .fl-row-content-wrap {
	background: rgba(var(--dark-color-rgb),1);
}

.gp-header .fl-menu a {
	color: #1e2a4a!important;
	font-family: "Helvetica", sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 14px!important;
	border-bottom: 2px solid transparent;
}

.gp-header .fl-menu a:hover {
	color: #1c92c1!important;
}

.gp-header .fl-menu #menu-primary > .current_page_item > a,
.gp-header .fl-menu #menu-primary > .current_page_item > div > a {
	color: #1c92c1!important;
	border-bottom: 2px solid #1c92c1;
}

.gp-header .fl-menu .current_page_parent > ul .current_page_item a {
	background: var(--white)!important;
	border-color: transparent!important;
}

.gp-header .fl-menu .current_page_parent > ul > .current_page_item > div > a,
.gp-header .fl-menu .current_page_ancestor > ul > .current-menu-parent > ul > .current_page_item > a {
	background: var(--white)!important;
	border-color: transparent!important;
}

.gp-header .fl-menu .mega-menu {
	margin-top: -3px!important;
}

.gp-header .fl-menu .mega-menu ul .current_page_item a {
	background: var(--white)!important;
	border-color: transparent!important;
}

.gp-header .fl-menu a:hover {
    border-bottom: 2px solid #1c92c1;
}

.gp-header ul.fl-menu-horizontal li.mega-menu > ul.sub-menu ul.sub-menu {
	background: var(--white)!important;
}

.gp-header .menu .fl-has-submenu .sub-menu {
    background: var(--white)!important;
	min-width: 350px!important;
}

ul.sub-menu a {
	padding: 10px;
}

ul.sub-menu a:hover {
	border-color: transparent;
}

.gp-header .fl-menu-horizontal.fl-toggle-arrows .fl-menu-toggle {
	color: var(--accent-color)!important;
}

.gp-header .fl-menu #menu-primary > .current_page_item .fl-menu-toggle:before {
	border-color: #1c92c1!important;
}

.gp-header .fl-menu-horizontal.fl-toggle-arrows:hover .fl-menu-toggle:before {
	border-color: #1c92c1!important;
}

.gp-header .fl-menu-horizontal.fl-toggle-arrows .fl-menu-toggle:before {
	border-color: #1e2a4a!important;
}

.gp-top-header .fl-row-content-wrap {
	background: var(--dark-color);
}

.gp-top-header .fl-button {
	min-height: 40px;
	padding: 0px 10px;
	width: 100%;
	text-align: center;
}

.gp-top-header a.fl-button {
	font-size: 14px;
	text-transform: uppercase;
}
.gp-top-header a.fl-button i {
	color: var(--secondary-color)!important;
}



/** FOOTER **/
.gx-footer .fl-row-content-wrap {
	background: var(--white);
}

.gx-footer .fl-rich-text,
.gx-footer .fl-heading,
.gx-footer a,
.gx-footer span {
	color: var(--accent-color);
}

.gx-sub-footer .fl-row-content-wrap {
	background: var(--accent-color);
}

.gx-sub-footer .fl-rich-text,
.gx-sub-footer .fl-heading,
.gx-sub-footer a,
.gx-sub-footer span {
	color: var(--white);
}

/* Callout */

.callout-modules-row .fl-callout img {
	border-top: 10px solid var(--medium-color);
}

.callout-modules-row .fl-callout .fl-callout-title,
.callout-modules-row .fl-callout .fl-callout-title a{
	color: var(--secondary-color)!important;
	font-weight: 700;
}

.callout-modules-row .fl-callout a.fl-button {
	background: var(--secondary-color);
}


/* Search Form */
.fl-search-form a.fl-button {
    background: var(--accent-color);
    border: none;
    padding: 15px 20px;
    margin-top: 6px;
}

.fl-search-form a.fl-button * {
	color: var(--white)!important;
}

.fl-search-form .fl-form-field input[type=search] {
	border-radius: 0!important;
}

/** ROWS AND SECTIONS **/
.dual-color-row .fl-callout-photo-left .fl-callout-photo {
	width: 8%!important;
}

.dual-color-row .fl-heading {
	font-weight: 600;
	color: var(--medium-color)!important;
}


.dual-color-row h3.fl-heading {
	font-size: 40px;
	font-weight: 600;
	color: var(--medium-color)!important;
}

.dual-color-row .light-col_left-bg > .fl-col-content {
	background-color: var(--light-color);
	background-repeat: no-repeat;
    background-position: 0 140%;
    background-attachment: scroll;
    background-size: 70%!important;
}

.dual-color-row .light-col_right-bg > .fl-col-content {
	background-color: var(--light-color);
	background-repeat: no-repeat;
    background-position: 126% 105%;
    background-attachment: scroll;
    background-size: 70%!important;
}

.dual-color-row .dark-col > .fl-col-content::after {
	background: rgba(var(--dark-color-rgb), 0.7)!important;
}

.dual-color-row .dark-col p,
.dual-color-row .dark-col h2,
.dual-color-row .dark-col h3,
.dual-color-row .dark-col h4,
.dual-color-row .dark-col h5,
.dual-color-row .dark-col h6 {
	color: var(--white);
}

.dual-color-row .dark-col .fl-callout .fl-callout-title * {
	color: var(--medium-color);
}

.dual-color-row .menu a:before {
    content: "\f054";
    font-family: 'Font Awesome 5 Pro';
    color: #000;
    margin-right: 15px;
    margin-left: -5px;
    font-size: 13px;
    font-weight: 900;
}

.dual-color-row .menu a {
	padding-top: 12px;
    padding-bottom: 12px; 
	color: var(--black);
}

.dual-color-row .menu a:hover {
	color: var(--medium-color);
}

/* Homepage */
.homepage-banner .fl-heading {
	color: var(--white);
}

.homepage-banner h1.fl-heading {
	font-size: 75px;
	font-weight: 600;
}

.homepage-banner .fl-button-wrap:after,
.homepage-banner .fl-button-wrap:before {
    background-color: var(--white);
    content: "";
    display: inline-block;
    height: 2px;
    position: relative;
    vertical-align: middle;
    width: 20%;
    margin: 20px;
}

.homepage-banner a.fl-button { 
	padding: 17px 25px!important;
}

.homepage-portfolio-section {
	
}

.homepage-portfolio-section h2 {
	color: var(--medium-color);	
	font-size: 60px;
	font-weight: 600;
}

.homepage-portfolio-section .pp-info-banner-content .pp-info-banner-bg:before {
	transition: opacity 0, visibility 0;;
	opacity: 0.4;	
}


.homepage-portfolio-section .pp-info-banner-content:hover .pp-info-banner-bg:before { 
   background: var(--secondary-color);
   opacity: 0.8;	
   transition: opacity 0, visibility 0;
}


.homepage-portfolio-section .pp-info-banner-content .banner-description,
.homepage-portfolio-section .pp-info-banner-content .banner-button {
	visibility: hidden;
    opacity: 0;
	transition: opacity 0.3s, visibility 0.3s;
}


.homepage-portfolio-section .pp-info-banner-content:hover .banner-description,
.homepage-portfolio-section .pp-info-banner-content:hover .banner-button {
	visibility: visible;
    opacity: 1;
	transition: opacity 0.3s, visibility 0.3s;

}

.homepage-portfolio-section .pp-info-banner-content .banner-title {
	color: var(--white);
	font-family: "Helvetica", sans-serif;
	font-size: 17px;
	margin-bottom: 10px!important;
}


.homepage-portfolio-section .pp-info-banner-content .banner-description {
	color: var(--white);
	font-size: 14px;
	padding-right: 20px;
	position: absolute;
	bottom: 38%;
}


.homepage-portfolio-section .pp-info-banner-content .banner-title p {
	margin-bottom: 0px;
}

.homepage-portfolio-section .pp-info-banner-content h2 {
	color: var(--white)!important;
	font-size: 30px;
		text-transform: uppercase;
}

.homepage-portfolio-section .pp-info-banner-content .banner-button {
    padding: 15px 20px;
	border-radius: 0;
	border: 1px solid var(--white);
	color: var(--white)!important;
	background: transparent;
	text-transform: uppercase;
	font-family: "Helvetica", sans-serif;
	font-size: 14px;
	width: 120px;
	text-align: center;
	position: absolute;
	bottom: 45px;
}

.homepage-portfolio-section .pp-info-banner-content .banner-button:hover {
	background: var(--accent-color);
	border: 1px solid var(--accent-color);
}

.homepage-portfolio-section .pp-info-banner-content .info-banner-wrap {
	padding: 45px 45px 45px 45px!important;
	vertical-align: top;
}

.before-footer-section {

}

.before-footer-section .fl-heading {
	color: var(--white);		
	font-size: 60px;
	font-weight: 600;
}

.before-footer-section .fl-rich-text {
	color: var(--white);
	text-align: center;
	
}

.before-footer-section > .fl-row-content-wrap::after {
    background-color: rgba(var(--dark-color-rgb), 0.85);
}


.before-footer-section .fl-separator {
	color: var(--white);
}


/** SUBPAGE **/

.subpeage-header {

}

.subpeage-header .fl-heading {
	color: var(--white);		
	font-size: 60px;
	font-weight: 600;
}

.subpeage-header .fl-rich-text {
	color: var(--white);
	text-align: center;
	
}

.subpeage-header > .fl-row-content-wrap::after {
    background-color: rgba(var(--dark-color-rgb), 0.35);
}

.subpeage-header .fl-separator {
	color: var(--white);
}

/** SERVICES PAGE **/
.services-page {
	
}

.parent-page h2.fl-heading {
	font-weight: 600;
	font-size: 45px;
	color: var(--medium-color);
}

.parent-page .pp-content-post.pp-grid-style-9 .pp-grid-tile-text {
	top: 0!important;
}

.parent-page .pp-content-post {
	border-top: 10px solid var(--medium-color);
}

.parent-page .pp-content-post .pp-post-title {
	margin-top: 35px;
    margin-bottom: 5px;
    margin-left: 20px;
    font-size: 23px;
    font-weight: 600;
}

.parent-page .pp-content-post .pp-post-image a {
	background: rgba(var(--black-rgb), 0.4);
}

.parent-page .pp-content-post:hover .pp-post-image a {
	background: rgba(var(--secondary-color-rgb), 0.4);
}

.parent-page .pp-content-post .pp-post-title h3, 
.parent-page .pp-content-post .pp-post-title .entry-content h3,
.parent-page .pp-content-post .pp-post-title a {
	color: var(--white);
}

.parent-page .pp-post-featured-img a:last-child:before { 
	background: transparent!important;
}

/** Services **/

.subpage-content_white-bg {
	
}

.subpage-content_white-bg .fl-photo img {
	border-top: 10px solid var(--medium-color);
}

.subpage-content_white-bg .fl-heading {
	font-weight: 600;
	color: var(--medium-color);
}

.subpage-content_white-bg .fl-separator {
	border: 1px solid var(--medium-color)!important;
}

.subpage-content_light-color-bg {
	
}

.subpage-content_light-color-bg .fl-row-content-wrap {
	background-color: var(--light-color);
    background-repeat: no-repeat;
    background-position: 0 165%;
    background-attachment: scroll;
    background-size: 35%!important;
}

.subpage-content_light-color-bg .fl-photo img {
	border-top: 10px solid var(--medium-color);
}

.subpage-content_light-color-bg .fl-heading {
	font-weight: 600;
	color: var(--medium-color);
}


.subpage-content_light-color-bg .fl-separator {
	border: 1px solid var(--medium-color)!important;
}

.subpage-content_light-color-bg {
	
}

.subpage-content_light-color-bg_left .fl-row-content-wrap {
	background-color: var(--light-color);
    background-repeat: no-repeat;
    background-position: 110% 125%;
    background-attachment: scroll;
    background-size: 35%!important;
}

.subpage-content_light-color-bg_left .fl-photo img {
	border-top: 10px solid var(--medium-color);
}

.subpage-content_light-color-bg_left .fl-heading {
	font-weight: 600;
	color: var(--medium-color);
}

.subpage-content_light-color-bg_left .fl-separator {
	border: 1px solid var(--medium-color)!important;
}

/* About Us */
.team-members-info .fl-photo img {
	border: none!important;
}

/* Our Process */
.subpage-content_white-bg .pp-timeline-content-wrapper .pp-timeline-content .pp-timeline-title {
    color: var(--medium-color)!important;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 700;
    padding-bottom: 0!important;
}

.subpage-content_white-bg .pp-timeline-text h4 {
    font-size: 24px;
    padding: 0;
    margin-bottom: 3px;
    margin-top: 0;
    font-weight: 700;
    color: var(--medium-color);
    font-family: "Helvetica", sans-serif;
}

.subpage-content_white-bg .pp-timeline-content-wrapper .pp-timeline-item .pp-timeline-content .pp-timeline-text-wrapper {
    padding-top: 3px;
}

.subpage-content_white-bg .pp-timeline-content-wrapper .pp-timeline-icon .pp-icon {
    font-size: 60px;
    color: var(--secondary-color);
}

.subpage-content_white-bg .pp-timeline-content-wrapper:before {
    border-right-color: var(--medium-color);
    border-right-width: 3px;
}

 .pp-timeline-content-wrapper:after {
    border-color: var(--medium-color)!important;
}

/* FAQ */

.subpage-content_white-bg .pp-accordion-item .pp-accordion-button {
    background-color: var(--dark-color)!important;
    color: var(--white)!important;
	font-size: 18px;
}

.subpage-content_white-bg .pp-accordion-item .pp-accordion-button:hover, 
.subpage-content_white-bg .pp-accordion-item.pp-accordion-item-active .pp-accordion-button {
    background: var(--medium-color)!important;
    color: var(--white)!important;
}

.subpage-content_white-bg .pp-accordion-item .pp-accordion-button-icon {
	color: var(--white)!important;
}

.subpage-content_white-bg .pp-accordion-item .pp-accordion-content {
    background-color: var(--light-color);
    color: var(--black);
}

/* Contact Us */

.contact-section {
	
}

.contact-section .fl-icon i {
	font-size: 30px!important;
	background: var(--light-color)!important;
	color: var(--medium-color)!important;
}

.contact-section .fl-icon i:before {
	font-size: 30px!important;
}

.contact-section .fl-callout-text p {
	font-family: "Helvetica", sans-serif;
}

.contact-section .fl-callout-text a {
	color: var(--dark-color)!important;
}

.gform_wrapper .ginput_complex span,
.gform_wrapper .ginput_complex input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]) { 
    margin-bottom: 0!important;
}

.gform_wrapper .top_label li.gfield.gf_left_half, .gform_wrapper .top_label li.gfield.gf_right_half {
	padding-left: 8px!important;
}

.gform_wrapper .top_label li.gfield.gf_left_half, .gform_wrapper .top_label li.gfield.gf_left_half {
	padding-right: 8px!important;
	padding-left: 0!important;
}

/* Search Results */
.fl-post-feed-more {
	margin-top: 25px;
    display: inline-block;
    background: var(--secondary-color);
    color: var(--white);
    padding: 10px 20px;
    text-transform: uppercase;
    font-family: "Helvetica", sans-serif;
}

.fl-post-feed-header a {
	font-weight: 700;
}

/* Add default underlines to Beaver Builder content and BB Theme link text */
.fl-page-content a { text-decoration: underline !important;
}
.pp-menu-default li a, a.fl-button { text-decoration: none !important;
}

/* Remove underlines from header logo area text */
.fl-page-header-logo a {
    text-decoration: none;
}

header.entry-header {
	display: none!important;
}

/* Responsive Design */
.homepage-portfolio-section_responsive {
	
}

.homepage-portfolio-section_responsive h2 {
	color: var(--medium-color);	
	font-size: 30px;
	font-weight: 600;
}


.homepage-portfolio-section_responsive .pp-info-banner-content .banner-title {
	color: var(--white);
	font-family: "Helvetica", sans-serif;
	font-size: 17px;
	margin-bottom: 10px!important;
}

.homepage-portfolio-section_responsive .pp-info-banner-content .banner-title p {
	margin-bottom: 0px;
	font-size: 14px;
}

.homepage-portfolio-section_responsive .pp-info-banner-content h2 {
	color: var(--white)!important;
	font-size: 30px;
	text-transform: uppercase;
}


.homepage-portfolio-section_responsive .pp-info-banner-content .info-banner-wrap {
	padding: 20px !important;
	vertical-align: top;
}

.fl-menu .fl-menu-mobile-toggle {
	color: #1e2a4a!important;
}

.featured-projects .pp-content-post.pp-grid-style-5 .pp-content-post-data{
	margin-left: 0px;
    width: 100%;
}

.featured-projects  .pp-content-post .pp-content-body{
	padding-left: 0px;
	padding-right: 0px;
}

.featured-projects .pp-content-post.pp-grid-style-5 .pp-content-post-data .pp-post-title
{
    margin-bottom: 0px;
}
@media screen and (max-width: 900px) {
	
	h2.fl-heading {
		/*font-size: 38px!important;*/
	}

	.gp-header .fl-menu-mobile-clone {
		background: rgba(var(--dark-color-rgb),1);
    	margin-bottom: -10px;
	}
	
	.gp-header .fl-menu ul.menu {
		padding: 0 10px 0 3px;
	}
	
	.gp-header .menu .fl-has-submenu .sub-menu {
		margin-left: 10px;
	}
	
	.homepage-banner .fl-button-wrap:after, .homepage-banner .fl-button-wrap:before {
    	width: 8%;
	}
	
	.light-col_left-bg > .fl-col-content {
    	background-position: 190% 10%!important;
	}
	
	/* Testimonials */
	
	.pp-testimonials-wrap {
		padding: 40px!important;
		min-height: unset!important;
	}

	.pp-testimonials-heading {
		text-align: center!important;
		margin-top: 10px!important;
		line-height: 0!important;
		margin-left: 0!important;
	}

	.pp-testimonials-heading span,
	h2.pp-testimonials-heading {
		font-size: 100px!important;
	}
	
	.pp-testimonial .pp-testimonials-image img {
		display: none!important;
	}
	
	.pp-testimonials-wrap.pp-testimonials-slider .pp-testimonial {
		padding: 0!important;
	}
	
	.pp-testimonials .pp-testimonials-content p {
		font-size: 14px!important;
	}
	
	.pp-testimonials .pp-vertical-align {
		margin-top: 35px!important;
		padding-bottom: 10px!important;
		margin-left: -20px!important;
	}
	
	.pp-testimonials .pp-vertical-align .pp-title-wrapper {
		width: 100%!important;
	}
	
	.pp-testimonials h4,
	.pp-testimonials h3.pp-testimonials-title {
		font-size: 18px!important;
		text-align: center!important;
	}
	
	.owl-theme .owl-nav.disabled + .owl-dots {
		margin-bottom: -15px!important;
	}

	.pp-testimonials-wrap .owl-theme .owl-dots .owl-dot span {
		background: var(--dark-color)!important;
	}

	.pp-testimonials-wrap .owl-theme .owl-dots .owl-dot.active span {
		background-color: var(--secondary-color)!important;
	} 

	/* Our Process */
	.subpage-content_white-bg .pp-timeline-content-wrapper .pp-timeline-icon .pp-icon {
		font-size: 40px!important;
	}
	
}


@media screen and (max-width: 1200px) {
	.gp-header .fl-menu-mobile-clone {
		background: rgba(var(--dark-color-rgb),1);
    	margin-bottom: -10px;
	}
	
	.gp-header .fl-menu ul.menu {
		padding: 0 10px 0 3px;
	}
	
	.gp-header .menu .fl-has-submenu .sub-menu {
		margin-left: 10px;
	}
	
	.gp-header .fl-row-content-wrap {
		padding-left: 0!important;
		padding-right: 0!important;
	}
	
	.pp-testimonials-wrap {
		margin-bottom: 50px!important;
	}
}

/* Pricing boxes */

.pricing-pond-maintenance-title-above span.fl-heading-text {
	text-transform: none;
}
.pricing-pond-maintenance-title-below span.fl-heading-text {
	text-transform: lowercase;
}

/* Blog posts */

.wp-block-image {
	margin-top: 20px;
	margin-bottom: 20px;
}