/* 
Theme Name: Stone Street Capital
Theme URI: https://github.com/jgwentworth-it/stone-street-capital
GitHub Theme URI: https://github.com/jgwentworth-it/stone-street-capital
Author: JG Wentworth
Template: Divi
Version: 1.0
Description: A Child Theme built using the Child theme maker developed by Andrew Palmer for Elegant Marketplace, www.elegantmarketplace.com. Free to use and duplicate.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

/* for debugging */
/* * { background: blue ; } */

/*--------------------BLOCK TAGS--------------------*/
h1 {
	color: #fff;
	font-size: 40px;
    text-transform: uppercase;
}

.h1 {
	font-size: 40px;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
}
h1.quoteform_h1 {
	color: white;
	font-weight:bold;
	font-size: 30px;
}
h2, h3, .h2, .h3 {
	color: #0e3657;
    text-transform: lowercase;	
}
h4, h5, .h4, .h5 {
	color: #0e3657;
	text-align: center;
    text-transform: uppercase;
}
h2, .h2 {
	font-size: 28px;
	text-align: center;
}
h3, .h3 {
	font-size: 22px;
}
h4, .h4 {
	font-size: 19px;
}
h5, .h5 {
	font-size: 16px;
}
h6 {
	color: red;
	font-size: 30px;
	font-weight: normal;
	text-align: center;
    text-transform: lowercase;
}

ul {
  padding-left: 30px!important;
}

/*--------------------END BLOCK TAGS----------------*/

/*--------------------ADA-Compliant Links--------------------*/
a.standard,
a.standard:visited {
	color: blue;
}

a.standard:hover,
a.standard:focus,
a.standard:active {
	color: purple;
	text-decoration: underline;
}
/*--------------------End ADA-Compliant Links --------------------*/

/*--------------------MAIN MENU---------------------*/
@media screen and (max-width: 1200px) {
	#top-menu li, #top-menu li a {
		font-size: 12px!important;
		padding-right: 4px!important;
	}
}

/* fix menu for mobile */
@media screen and (max-width: 980px) {
	.et_non_fixed_nav.et_transparent_nav #main-header, 
	.et_non_fixed_nav.et_transparent_nav #top-header, 
	.et_fixed_nav #main-header, .et_fixed_nav #top-header {
    position: fixed !important; 
	} 
}

.et_mobile_menu {
    overflow: scroll !important;
    max-height: 83vh;
}

#top-menu .current-menu-item a::before, .ul-menu-customization 
#top-menu .current_page_item a::before .ul-menu-customization  {
 content: none;
 position: absolute;
 z-index: 2;
 left: 0;
 right: 0;
}

#top-menu li a:before {
 content: none;
 position: absolute;
 z-index: -2;
 left: 0;
 right: 100%;
 bottom: 50%;
 background: #0e3657; /*** COLOR OF THE LINE ***/
 height: 3px; /*** THICKNESS OF THE LINE ***/
 -webkit-transition-property: right;
 transition-property: right;
 -webkit-transition-duration: 0.1s;
 transition-duration: 0.1s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
#top-menu li a:hover {
	opacity: 1 !important;
}
#top-menu li a:hover:before {
	right: 0;
}
#top-menu li li a:before {
	bottom: 10%;
}

/*--------------------END MAIN MENU-----------------*/

/*--------------------Quick Start CTA button--------------------*/

body #page-container .et_pb_section .et_pb_button_2.quickstartbtn,
body #page-container .et_pb_section .et_pb_button_2.quickstartbtn:visited,
body #page-container .et_pb_section .et_pb_button_2.quickstartbtn:hover,
body #page-container .et_pb_section .et_pb_button_2.quickstartbtn:focus, 
body #page-container .et_pb_section .et_pb_button_2.quickstartbtn:active {
	color: #0e3657 !important;
}

.quick-start a,
.quick-start a:visited {
	background-color:#e09900; 
	border: 2px solid #fff;
	border-color: #e09900/*!important*/;
	border-radius: 4px /*!important*/;
	/*color: #fff!important;*/
	color: #0e3657 !important;
	font-weight: 700 /*!important*/; 
	padding: 10px 12px 12px 10px !important;
	text-align: center; 
	text-transform: uppercase; 
	-moz-transition: all 0.5s; 
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.quick-start:hover a,
.quick-start:focus a,
.quick-start:active a {
	background-color:white!important;
	border: 2px solid #e09900;
	color:#e09900!important;
}

/* fixed header button text color */

.et-fixed-header #top-menu .get-started a {
	color: #fff!important;
}
.quick-start li.current-menu-ancestor > a, 
.quick-start li.current-menu-item > a {
	color: #fff !important;
}
 
 
@media only screen and (min-width : 981px) {
	li.quick-start {
		height: 33px;
	}
}
/*--------------------End CTA button--------------------*/


/*Number Counter Module, change % to $*/

.change-to-dollar .percent-value:before { content:'$';}

/*--------------------Right align phone number on secondary header--------------------*/
@media only screen and (min-width: 768px) {
    #et-info { float:right !important; }
}
/*--------------------END--------------------*/

/* --------------------Hide only the phone icon - leave the phone number visible--------------------*/
#et-info-phone:before { content:'';}
#et-info-phone:before { padding: 0px;}
/*--------------------END--------------------*/

/*--------------------FOOTER CUSTOMIZATION GOES BENEATH THIS LINE--------------------*/

/*--------------------remove bullets from footer--------------------*/
#footer-widgets .footer-widget li:before {
	display: none!important;
} 
html #footer-widgets .footer-widget .et_pb_widget:not(.woocommerce) ul li {
	line-height: 26px;
	padding-left: 0px;
}
/*--------------------END--------------------*/

/*--------------------BODY CUSTOMIZATION GOES BENEATH THIS LINE--------------------*/

@media all and (max-width: 980px) {
	.mobile-alignment a{
		text-align: center!important; 
	}
}

@media all and (max-width: 980px){
	h1,
	h2,
	h3 {
		text-align: center!important;
	}
}

@media all and (max-width: 980px) {
	.mobile-alignment {
		text-align: center;
		justify-content: center !important;
		align-content: center !important;
	}	
}

/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile {
	-webkit-order: 1;
	order: 1;
}
 
.second-on-mobile {
	-webkit-order: 2;
	order: 2;
}
 
.third-on-mobile {
	-webkit-order: 3;
	order: 3;
}
 
.fourth-on-mobile {
	-webkit-order: 4;
	order: 4;
}

/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
	margin-bottom: 30px;
}
 
/*---Sitemap link customizations----*/

.sitemap a:hover {
	color: #bbbbbb;
}
/*----End---*/

/*------------------PRIVACY PAGE--------------------*/
.tablepress-id-2 tbody tb {
	font-family: Open Sans;
	font-size: 14px!important;
	font-weight: normal !important;
}

.tablepress-id-2 thead th
{
	background-color: #f6f6f6 !important;
	font-family: Open Sans;
	font-weight: normal;
	color: #0e3657;
	text-transform: lowercase;
	font-size: 18px;
}

.tablepress-id-4 tbody tb {
	font-family: Open Sans;
	font-size: 14px!important;
	font-weight: normal !important;
}

.tablepress-id-4 thead th
{
	background-color: #f6f6f6 !important;
	font-family: Open Sans;
	font-weight: normal;
	color: #0e3657;
	text-transform: lowercase;
	font-size: 18px;
}
/*------------------END PRIVACY PAGE----------------*/

/*------------------Polylang Customization--------------------*/
.lang-item {
  display: inline;
	padding-right: 10px;
}

.qualify-button-style {
	border: 2px !important;
	border-radius: 2px;
	text-transform: UPPERCASE !important;
	font-weight: bold !important;
}
/*--------------------END--------------------*/

/*------------------GRAVITY FORMS--------------------*/
.fq-hed,
h4.fq-hed {
	color: #fff;  
	font-size: 30px; 
	font-weight: 800;
	line-height: 1em; 
	margin-bottom: .2em;
	padding-bottom: 0 !important;
	text-align: center;
	text-transform: uppercase;
}

#gform_1 ul.gform_fields li.gfield--type-phone,
#gform_2 ul.gform_fields li.gfield--type-phone,
#gform_2 ul.gform_fields li.gfield--type-text {
	margin-top: 10px;
}

#gform_1 ul.gform_fields .gfield--input-type-email {
	padding-top: 75px;
}

#gform_2 ul.gform_fields .gfield--input-type-email  {
	padding-top: 85px;
}

div.inner-form-container {
	border-radius: 4px !important;
}

.form-heading-custom {
	color: #fff;  
	font-size: 24px; 
	font-weight: 700;
	line-height: 24px; 
	margin-bottom: 16px;
	text-align: center;
	text-transform: capitalize;
}

.form-heading-custom-home {
	color: #fff;  
	font-size: 24px; 
	font-weight: 700;
	line-height: 1px; 
	text-align: center;
}

.form-sub-heading {
	color: #fff;
	font-size: 16px;
	text-align: center;
	font-weight: 400;
	margin-bottom: 15px;
}

.gform_fields label {
	font-size: 16px;
	font-weight: 400;
}

li.disclaimer1,
.gfield_consent_label {
	color: #fff;
	font-size: 12px !important;
	line-height: 18px;
	text-align: left;
	padding: 4% 1% 4% 1%;
	font-weight: 400;
}

li.disclaimer-below-button,
li.disclaimer-below-button-1 {
	list-style: none;
	font-style: italic;
	font-size: 12px;
	line-height: 18px;
}

.gfield--input-type-consent > label.gform-field-label {
	display: none;
}

ul.gform_fields label {
	text-transform: none;
}

ul.gform_fields {
	padding-left: 0 !important;
}

.ginput_container_consent {
	display: flex;
	align-items: baseline;
}


.ginput_container_consent > label {
	padding-left: 9px;
}

.entry-content ul.gform_fields,
.entry-content ul.gfield_checkbox,
.entry-content ul.gfield_radio {
	list-style: none !important;
	margin: 0;
	padding: 0 !important;
}

.halfling {
	float: left;
	margin-right: 1%;
	max-width: 49%;
	width: 49%;
}

.halfling + .halfling {	
	margin-left: 1%;
	margin-right: 0;
}

.gform_fields label {
	color: #fff;
	text-transform: lowercase;
}

.ginput_container_text input,
.ginput_container_email input,
.ginput_container_phone input,
.ginput_container_number input,
.ginput_container_select select {
	background-color: rgba(255,255,255, .8);
	border: 1px solid #ccc;
	border-radius: 4px;
	color: #444;
	font: normal 16px Arial, Helvetica, sans-serif;
	height: 38px;
	line-height: 1.3;
	max-width: 100%;
	padding: 6px 10px;
	width: 100%;
}

.instruction ,
.ginput_counter {
	display: none;
}

.gform_button {
	background-color: #e09900;
	border: 2px solid #e09900;
	border-radius: 2px;
	color: #0e3657;
	font: bold 16px Arial, Helvetica, sans-serif;
	max-width: 99%;
	padding: 10px 15px;
	text-transform: uppercase;
	width: 99%;
}

/* Warning */
.gform_wrapper .gfield_required {
	color: #fff;
	font-weight: 700;
	margin-left: 4px;
}

.qualification_wrapper .gfield_required,
.gform_wrapper .privacy .gfield_required {
		color: #790000;
}

.quote .gform_wrapper .gfield_required,
.quote2 .gform_wrapper .gfield_required {
	color: #fff;
}

/* Label Overrides */
.privacy .gform_fields label,
.qualification .gform_fields label {
	color: inherit;
	font-size: 16px;
	text-transform: none;
}

/* Privacy Policy */
.privacy .ginput_container_text input,
.privacy .ginput_container_email input,
.privacy .ginput_container_phone input,
.privacy .ginput_container_select select {
	background-color: #fff;
	border: 1px solid #666;
}

/* Qualification */
.qualification .ginput_container {
	padding: .5em 0 1em 0;
}

.gform_wrapper ul.gfield_checkbox li label, .gform_wrapper ul.gfield_radio li label {
	color: inherit;
	font-size: 16px;
	margin-left: 7px;
}

.entry-content .qualification .gfield_checkbox li {
	float: left;
	max-width: 33.33%;
	width: 33.33%;
}

.qualification .gform_page_footer {
	clear: both;
	padding-top: 1em;
}

.gform_previous_button {
	display: none;
}

.gform_next_button,
.qualification .gform_button,
a.quickstart {
	background-color: #0e3657;
	border: 1px solid #fff;
	clear: both;
	color: #fff;
	font-size: 1em;
	padding: 10px 15px;
	text-align: center;
	width: 90px;
}

.qualification .gform_button,
a.quickstart {
	width: 180px;
}

a.quickstart {
	display: inline-block;
}

a.quickstart:hover,
a.quickstart:focus,
a.quickstart:active {
	opacity: .8;
}

/* Progress Bar */
.qualification_wrapper {
	padding: 0 1.5em;
}

.gform_wrapper .gf_progressbar_wrapper {
	clear: both;
	margin: 0 0 16px;
	max-width: 100%;
	padding: 0 0 16px;
	width: 100%;
}

.gform_wrapper .gf_progressbar_wrapper h3.gf_progressbar_title {
	font-size: 18px;
	text-transform: none;
}

.gform_wrapper .gf_progressbar {
	background-color: #d8d8d8;
	border-radius: 25px;
	position: relative;
}

.gform_wrapper .percentbar_green {
	background-color: #72b239;
	border-radius: 20px 0 0 20px;
	color: #000;
	text-align: right;
}

.gform_wrapper .percentbar_green.percentbar_100 {
	border-radius: 20px;
}

.gform_wrapper .percentbar_green span {
	display: inline-block;
	padding-right: 1em;
}

@media screen and (min-width: 641px) {
	.gform_wrapper .gf_progressbar {
		width: calc(100% - 16px);
	}
}

/* Confirmation */
.gform_confirmation_wrapper {
	font-size: 125%;
}

#gf_4,
#gf_6,
#gf_7, 
#gf_8 {
  margin-top: -140px;
  padding-bottom: 140px; 
  display: block; 
}

#gf_4:focus,
#gf_6:focus,
#gf_7:focus,
#gf_7:focus {
    outline: none;
}

#gform_confirmation_message_4,
#gform_confirmation_message_6
#gform_confirmation_message_7,
#gform_confirmation_message_8{
	padding: 15px;
}
#gform_submit_button_8,
#gform_submit_button_7{
	margin-top: 20px;
}
/*------------------END GRAVITY FORMS--------------------*/

/*--------------------CUSTOM STYLES-----------------*/
.blue {
	color: #0e3657;
}
.cap {
	text-transform: uppercase;
}
.centered {
	text-align: center;
}
.uncentered {
	text-align: left;
}
.hero_bg {
	background-color: #0e3657;
	min-height: 516px;
}
.margined {
	margin-bottom: 24px;
}
/*--------------------END CUSTOM STYLES-------------*/

/*--------------------ACCESSIBILITY-----------------*/
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #111;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}
/*--------------------END ACCESSIBILITY-------------*/

.et_pb_row_1-4_1-4_1-2 .second-on-mobile::after {
	content: url(images/stones-bg-sm.png);
	bottom: -6%;
    right: -10%;
    position: absolute;
    display: inline-block;
	width: 106px;
	height: 124px;
}

@media all and (max-width: 767px) {
	.et_pb_row_1-4_1-4_1-2 .second-on-mobile::after {
        top: -6%;
        right: -9%;
	}
}