/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


/* ------------------------------- GLOBAL STYLING ------------------------------- */

html{scroll-behavior: smooth;}

html, body{overflow-x: hidden !important;}


.home-welcome-white-col .elementor-widget-wrap{position:relative;}
.home-welcome-white-col .elementor-widget-wrap::after{
    position: absolute;
    content:"";
    top: 0;
    right: 0;
    width: 3000px;
    height: 100%;
    background: #FFF;
    margin-right:-2999px;
}


#homeslider h1, #homeslider h2{text-shadow: 0px 0px 15px rgba(0,0,0,0.2);}

#rank-math-analytics-stats-wrapper{display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0px !important;}

.page-banner-breadcrumbs{}
.page-banner-breadcrumbs nav.rank-math-breadcrumb{font-family: "DM Sans", Sans-serif !important; text-align: center;}
.page-banner-breadcrumbs nav.rank-math-breadcrumb p{color:#FFF !important; font-size:14px !important; margin: 0 !important; font-weight: 500; text-align: center;}
.page-banner-breadcrumbs nav.rank-math-breadcrumb a{color:#FFF !important; font-size:14px !important; margin: 0 !important; font-weight: 500;}



.sidebar-col{position: relative;}
.sidebar-col::after{position: absolute; top: 0; right:0; content:""; height: 100%; background: #F5F2F0; width: 4000px; margin-right: -3999px;}


.single-post-content-wrap{}
.single-post-content-wrap h2{font-family: "DM Sans", sans-serif !important; font-weight: 300 !important;}
.single-post-content-wrap h3{font-family: "DM Sans", sans-serif !important; font-weight: 300 !important;}
.single-post-content-wrap h4{font-family: "DM Sans", sans-serif !important; font-weight: 300 !important;}




.home-hero-quote-input{
    position: relative;
}

.home-hero-quote-input::before{
    position: absolute;
    left: 0;
    content:"$";
    height: 56px;
    line-height: 56px;
    font-size: 21px;
    background: none;
    width: 35px;
    text-align: center;
    font-weight: 500;
    color: #FFF;
}

.home-hero-quote-input input[type=number]{
    height: 56px;
    font-size: 18px;
    background:#777;
    border:none;
    text-indent: 40px;
    max-width: 200px;
    color: #FFF;
    font-weight: 500;
    outline:none;
    box-shadow: none;
    -webkit-appearance: none !important;
    -moz-appearance: textfield !important;
}





/* ------------------------------- FOOTER STYLING ------------------------------- */


#hide-feature-cols-wrap{overflow: hidden !important;}
.home-feature-col{transition: all ease 0.3s;}
.home-feature-col:hover{background:#76D650; color: #FFF !important; }
.home-feature-col:hover a{color: #FFF !important;}
.home-feature-col a{transition: all ease 0.3s;}



.off-canvas-popup-menu{}
.off-canvas-popup-menu ul.elementor-nav-menu{background:#FFF !important;}
.off-canvas-popup-menu ul.elementor-nav-menu li.menu-item{background:#FFF !important;}
.off-canvas-popup-menu ul.elementor-nav-menu li.menu-item a{background:#FFF !important;}
.off-canvas-popup-menu ul.elementor-nav-menu li.menu-item a:hover{background:#FFF !important;}
.off-canvas-popup-menu ul.elementor-nav-menu li.menu-item a:focus{background:#FFF !important;}




/* ------------------------------- FOOTER STYLING ------------------------------- */

.footer-menu{}
.footer-menu ul{margin: 0; padding: 0;}
.footer-menu ul li{display: block; list-style-type: none;}
.footer-menu ul li a{display: block; font-family: 'Open Sans', sans-serif; color: #EEE; text-decoration: none; font-size: 15px; padding: 0px 0px; transition: all ease 0.3s; margin-bottom: 15px;}
.footer-menu ul li a:hover{color:#FFF; padding-left: 2px;}

.footer-recent-posts h5{display: none !important; visibility: hidden !important; opacity: 0 !important;}


.footer-contact-list-icons ul.elementor-icon-list-items li.elementor-icon-list-item a{align-items: top !important;}
.footer-contact-list-icons ul.elementor-icon-list-items li.elementor-icon-list-item span.elementor-icon-list-icon{align-self: flex-start !important;}




/* ------------------------------- CROCOBLOCK STYLING ------------------------------- */




/* ------------------------------- GRAVITY FORMS ------------------------------- */


.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue{background: #F83131 !important;}

.gform_required_legend{display: none !important; visibility: hidden !important; opacity: 0 !important;}


.gform-theme--foundation .gform_fields{row-gap:20px !important;}


.gfield{padding-bottom: 10px !important;}

.gform_wrapper{margin-top: 0px !important;}
.gform_wrapper .top_label .gfield_label{font-weight: normal !important; font-size: 13px !important; line-height: 13px !important; font-family: "DM Sans", Sans-serif; text-transform: uppercase;}
span.gfield_required{color:#F00 !important;}
.ginput_container{margin-top: 4px !important;}

.gfield_description{font-style: italic;}


.gform_wrapper input[type="text"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="number"]{
	font-family: inherit;
	padding: 0px 10px !important;
    height: 50px !important;
    color: #444 !important;
	letter-spacing: normal;
    border: 1px solid #DFDFDF !important;
    background: #FFF !important;
    border-radius: 4px;
	-moz-appearance: 4px;
	-webkit-appearance: 4px;
    font-size: 15px !important;
    font-family: "DM sans", Sans-serif;
    text-indent: 15px !important; 
    font-weight: 400;
    box-shadow:none !important;
    text-indent: 0px !important;
}

.gform_wrapper input[type="text"]:focus-visible{box-shadow:none !important; outline:none !important;}
.gform_wrapper input[type="email"]:focus-visible{box-shadow:none !important; outline:none !important;}

fieldset.gfield legend.gfield_label{margin: 0 !important;}
fieldset.gfield .gform-grid-row{margin-top: 0px !important; padding-top: 4px !important;}


.ginput_container_date input.datepicker{width: 100% !important;}

.gform_wrapper textarea{border: none !important; height: 120px !important;}

.gform_wrapper .gform_footer input[type="submit"]{background: #4caf50 !important; color: #FFF !important; border: none !important; font-weight:600 !important; width: 100% !important; padding: 20px 15px !important; font-size: 17px !important; font-family: "DM Sans", Sans-serif; opacity: 1; text-transform: uppercase !important;
border-radius: 0px;
-moz-appearance: 0px;
-webkit-appearance: 0px;}
.gform_wrapper .gform_footer input[type="submit"]:hover{background: #388E3C !important;}

.gp-referral-form{}
.gp-referral-form .gfield_checkbox .gchoice{display: inline-block; width: 50%; font-family: "Lato", Sans-serif;}

.gfield_html h3{font-size:22px !important;}


select{
    outline: none !important;
	display: block;
	font-size: 15px !important;
	font-family: 'DM Sans', sans-serif;
	font-weight: 400;
	height: 50px !important;
	color: #444 !important;
	line-height: 50px !important;
	padding: 0px 10px !important;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0;
	border: 1px solid #DFDFDF !important;
	box-shadow: none !important; 
	border-radius: 4px;
	-moz-appearance: 4px;
	-webkit-appearance: 4px;
	appearance: none;
	background:url('images/select-bg.png');
	background-position: right center;
	position: relative;
}

select::-ms-expand {
	display: none;
}
select:hover {}
select:focus {
	border-color: #CCC;
	box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
	box-shadow: 0 0 0 3px -moz-mac-focusring;
	color: #222;
	outline: none;
}
select option {
	font-weight:normal;
}


.gfield_checkbox .gchoice{padding-top: 5px !important; padding-bottom: 5px !important;}
.gform_wrapper.gravity-theme .gfield-choice-input{margin-right: 10px !important;}



.fancy-form-checkboxes .gfield_checkbox .gchoice{display:inline-block !important; width:50% !important;}


.gform_wrapper input[type=text]{box-shadow:none !important; outline:none important;}


.sidebar-subscribe-form{}
.sidebar-subscribe-form .gform_fields{grid-row-gap: 5px !important;}
.sidebar-subscribe-form .gfield{padding-bottom: 5px !important;}
.sidebar-subscribe-form input[type="text"]{text-indent: 15px !important; background: #3a3a3a !important; border: none !important; color: #FFF !important;}
.sidebar-subscribe-form input[type="email"]{text-indent: 15px !important; background: #3a3a3a !important; border: none !important; color: #FFF !important;}






/* ------------------------------- CALCULATOR STYLING ------------------------------- */


.fancy-calculator{}

.fancy-calculator .cff-form{}
.fancy-calculator .cff-form .pbreak{display: flex !important; flex-direction: row !important; flex-wrap: wrap !important;}

.fancy-calculator .loan-amount{width: 50% !important; padding: 20px !important;}
.fancy-calculator .loan-amount #fieldname2_1.digits{height: 50px; border: 1px solid #DFDFDF; padding: 0px 10px; line-height: 50px; width: 100% !important;}
.fancy-calculator .loan-amount label{font-size: 13px !important; text-transform: uppercase !important; color: #111 !important;}



.fancy-calculator .loan-period{width: 50% !important; padding: 20px !important;}
.fancy-calculator .loan-period #fieldname3_1_slider.slider{width: 100% !important; margin-top: 10px !important; background: #555 !important;}
.fancy-calculator .loan-period #fieldname3_1_slider.slider .ui-slider-handle{background: #EEA500 !important;}
.fancy-calculator .loan-period .slider-container .corner-captions{text-align: center !important; margin: 0 auto !important;}
.fancy-calculator .loan-period .slider-container .corner-captions .slider-caption{width: 100% !important; font-size: 14px !important; font-weight: 600 !important;}
.fancy-calculator .loan-period label{font-size: 13px !important; text-transform: uppercase !important; color: #111 !important;}






.fancy-calculator .loan-interest-rate{width: 50% !important; padding: 20px !important;}
.fancy-calculator .loan-interest-rate #fieldname4_1_slider.slider{width: 100% !important; margin-top: 10px !important; background: #555 !important;}
.fancy-calculator .loan-interest-rate #fieldname4_1_slider.slider .ui-slider-handle{background: #EEA500 !important;}
.fancy-calculator .loan-interest-rate .slider-container .corner-captions{text-align: center !important; margin: 0 auto !important;}
.fancy-calculator .loan-interest-rate .slider-container .corner-captions .slider-caption{width: 100% !important; font-size: 14px !important; font-weight: 600 !important;}
.fancy-calculator .loan-interest-rate label{font-size: 13px !important; text-transform: uppercase !important; color: #111 !important;}


.fancy-calculator .loan-repayment-period{width: 50% !important; padding: 20px !important;}
.fancy-calculator .loan-repayment-period #fieldname5_1{width: 100% !important;}
.fancy-calculator .loan-repayment-period label{font-size: 13px !important; text-transform: uppercase !important; color: #111 !important;}


.fancy-calculator .cff-calculated-field{width: 100% !important; padding: 20px !important; text-align: center !important;}
.fancy-calculator .cff-calculated-field label{font-size: 13px !important; text-transform: uppercase !important; color: #111 !important;}
.fancy-calculator .cff-calculated-field input.field{background: rgba(255,255,255,0) !important; border: none !important; text-align: center !important; font-size: 30px !important; color: #000 !important;}




.circular-text-rotate{
    animation: spin 15s infinite;
    animation-timing-function: linear;
}

@keyframes spin {
  100% {transform: rotate(360deg);}
  
}





/* ------------------------------- MEDIA QUERY STYLING ------------------------------- */


@media all and (max-width: 639px) {
    .fancy-calculator .cff-form .pbreak{display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important;}
    .fancy-calculator .loan-amount{width: 100% !important; padding: 10px !important;}
    .fancy-calculator .loan-period{width: 100% !important; padding: 10px !important;}
    .fancy-calculator .loan-interest-rate{width: 100% !important; padding: 10px !important;}
    .fancy-calculator .loan-repayment-period{width: 100% !important; padding: 10px !important;}
}