/* 
Theme Name: Go Green 2020
Theme URI: https://github.com/elementor/hello-theme/
Description: Go Green 2020 is a child theme of Hello Elementor, created by Elementor team
Author: Think Brainstormers
Author URI: https://thinkbrainstormers.co.uk
Template: hello-elementor
Version: 1.0.1
Text Domain: go-green-2020
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
*/

.gchoice_2_258_2 {
    display: none !important; /* show only when testing developer fillablePDF feed and notifications */
}

/*//////////////////// HEADER STYLES //////////////////////*/

#header-menu ul li:not(.last-item) a {
    border-right: 1px solid #fff;
   /* content: "|";
	display: inline-block;
	margin-right: 8px;
    color: #fff;*/
}

/* Shrinking header */
@media screen and (min-width: 1280px) {
    header.sticky-header,
    #nav-menu-section.sticky-menu {
        --header-height: 220px;
        --opacity: 1;
        --shrink-me: 0.60;
        --sticky-background-color: #fff;
        --transition: .3s ease-in-out;
    
        transition: background-color var(--transition),
                    background-image var(--transition),
                    backdrop-filter var(--transition),
                    opacity var(--transition);
    }
    
    header.sticky-header
    {
        transition: padding-top var(--transition);
        transition: padding-bottom var(--transition);
    }
    
    header.sticky-header.elementor-sticky--effects {
        padding-top: 0px;
        padding-bottom: 20px !important;
    }
    
    /*header.sticky-header.elementor-sticky--effects {
        background-color: var(--sticky-background-color) !important;
        background-image: none !important;
        opacity: var(--opacity) !important;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
    }*/
    
    header.sticky-header > .elementor-container {
        transition: min-height var(--transition);
    }
    
    header.sticky-header.elementor-sticky--effects > .elementor-container {
        min-height: calc(var(--header-height) * var(--shrink-me)) !important;
        height: calc(var(--header-height) * var(--shrink-me));
    }
    
    header.sticky-header > .elementor-container .logo img {
        transition: max-width var(--transition);
    }
    
    header.sticky-header.elementor-sticky--effects .logo img {
        max-width: calc(100% * var(--shrink-me));
        padding-bottom: 15px;
    }
    
    header.sticky-header .header-phone {
        transition: margin-top var(--transition);
    }
    
    header.sticky-header.elementor-sticky--effects .header-phone {
        margin-top: -40px;
    }
    
    header.sticky-header .header-phone img
    {
        transition: height var(--transition),
                    width var(--transition);
    }
    
    header.sticky-header.elementor-sticky--effects .header-phone img {
        /*height: calc(100% * var(--shrink-me)) !important;
        width: calc(100% * var(--shrink-me)) !important;*/
        height: 35px !important;
        width: 35px !important;
    }
        
    header.sticky-header .header-phone a {
        transition: font-size var(--transition);
    }
    
    header.sticky-header.elementor-sticky--effects .header-phone a {
        font-size: calc(100% * var(--shrink-me)) !important;
    }
    
    header.sticky-header .header-email a {
        transition: font-size var(--transition),
                    line-height var(--transition);
    }
    
    header.sticky-header.elementor-sticky--effects .header-email a {
        font-size: calc(100% * (var(--shrink-me) * 1.2 )) !important;
        /*line-height: calc(100% * (var(--shrink-me)));*/
    }
    
    header.sticky-header .header-email .elementor-text-editor {
        transition: line-height var(--transition);
    }
    
    header.sticky-header.elementor-sticky--effects .header-email .elementor-text-editor {
        line-height: calc(100% * (var(--shrink-me)));
    }
    
    header.sticky-header .header-phone .elementor-widget-container {
        transition: padding-right var(--transition);
    }
    
    header.sticky-header.elementor-sticky--effects .header-phone .elementor-widget-container {
        padding-right: 160px;
    }
    
    header.sticky-header .header-email .elementor-widget-container {
        transition: padding-right var(--transition);
    }
    
    header.sticky-header.elementor-sticky--effects .header-email .elementor-widget-container {
        padding-right: 160px;
    }
    
    #nav-menu-section.sticky-menu {
        transition: margin-top var(--transition) !important;
    }
    
    #nav-menu-section.sticky-menu.elementor-sticky--effects {
        margin-top: -88px !important;
    }
    
}
/* End shrinking header */

@media (max-width: 767px) {
    #header-phone-icon-div {
        display: none;
    }
}


/* /////////////// CONTENT styles ///////////////////// */

/*main {
    background-image: url(https://gogreenhome.org/wp-content/uploads/2020/11/bg-leaves.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 500px;
}*/



@media (max-width: 768px) {
    main {
        background-image: none;
    }
}

/* Pullout forms */

.pullout-button.rotate span {
    font-weight: bold;
    /*padding-left: 50px;
    padding-right: 50px;*/
    min-width: 300px;
    font-size: 1.4em;
}
.pullout-button.rotate {
    min-height: 45px !important;
    left: -45px !important;
}

/* Gravity forms */

#gform_2 .gform_body .instruction {
    display: none;
}

.square-metres .ginput_container:after {
    content: ' m\00B2';
}

.percentage .ginput_container:after {
    content: ' \0025';
}

.ginput_container_consent input {
    vertical-align: middle;
}

.gfield_consent_description {
    display: none;
}

#field_2_78 {
    margin-top: 16px;
}

/* Range slider code from https://www.w3schools.com/howto/howto_js_rangeslider.asp */
.slidecontainer {
  width: 100%; /* Width of the outside container */
}
/* The slider itself */
.slider {
  -webkit-appearance: none;  /* Override default CSS styles */
  appearance: none;
  width: 100%; /* Full-width */
  height: 25px; /* Specified height */
  background: #d3d3d3; /* Grey background */
  outline: none; /* Remove outline */
  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
  transition: opacity .2s;
}
/* Mouse-over effects */
.slider:hover {
  opacity: 1; /* Fully shown on mouse-over */
}
/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.slider::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background: #AFC148; /* Green background */
  cursor: pointer; /* Cursor on hover */
}
.slider::-moz-range-thumb {
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background: #AFC148; /* Green background */
  cursor: pointer; /* Cursor on hover */
}

#gform_2 hr {
    margin-top: 50px;
    margin-bottom: 50px;
}

.gform_wrapper form li.bg {
    padding-left: 50px !important;
    padding-right: 50px !important;
    padding-top: 20px;
    padding-bottom: 40px;
    margin-top: 50px;
    margin-bottom: 50px;
}
@media (max-width: 768px) {
    .gform_wrapper form li.bg {
        width: 100% !important;
        margin-left: 0px !important;
        padding-left: 5px !important;
    }
}
#field_2_75 {
    display: none;
}

#field_2_79 {
  margin-bottom: 0px;
}

#field_2_79.gsection h2.gsection_title {
  text-align: center;
  color: #2a3e92;
  font-size: xx-large;
}
li#field_2_155 div.ginput_container,
li#field_2_156 div.ginput_container {
  text-align: center;
}
#input_2_155,
#input_2_156,
#input_2_161 {
  max-width: 70px;
}
/**
 * Gravity Wiz // Gravity Forms // Style Number Fields like Total Field
 *
 * Use "gf_price" and "gf_total" CSS classes via the "CSS Class Name" setting to style your Number fields like a product
 * price (red) or total (green).
 */
.gform_wrapper .gf_price input[type=text],
.gform_wrapper .gf_price input[type=number] {
    border: 0;
    font-size: 1.2em;
    color: #060;
    text-indent: 0;
    padding: 0;
}
.gform_wrapper .gf_total input[type=text],
.gform_wrapper .gf_total input[type=number] {
    color: #060;
    border: 0 !important;
    text-indent: 0;
    padding: 0;
}

.blue,
.blue input,
#field_2_76 span.ginput_total {
  color: #2a3e92 !important; 
}
.red,
.red input,
#field_2_147 span.ginput_total {
  color: red !important;
}
.gform_wrapper form li.bg-grey,
.gform_wrapper form li.bg-grey input {
    background-color: lightgray !important;
}
.gform_wrapper form li.yellowgreen-bg {
    background-color: #e9eecc;
} 
.large,
.large input {
    font-size: 1.2em !important;
}
.x-large,
.x-large input {
    font-size: 1.3em !important;
}
.x-large.bold {
    font-weight: bold !important;
    font-size: 1.3em !important;
}
.x-large.bold span.ginput_total,
.x-large.bold input {
  font-weight: bold !important;
  font-size: 1.3em !important;
  padding: 2px 10px !important;
}
#input_2_170 { /* payment on completion field */
  border: 2px solid black !important;
}

.gfmc-row-7-column {
    width: 33% !important;
}


.popup-cancellation-notice {
    color: #2a3e92;
}
.popup-cancellation-notice-1:hover,
.popup-cancellation-notice-2:hover {
    cursor: pointer;
    color: #2a3e92;
}
/* temporary hidden inputs - deleted inputs before going live  */
#field_2_94, #field_2_157, #field_2_158, #field_2_159, #field_2_160, #field_2_162,
#field_2_163, #field_2_148, #field_2_81 {
  display: none;
}


.ginput_container.ginput_container_select select {
    min-width: max-content;
}

/* Fix for Elementor Addon styles not loading */
.eael-gravity-form .gform_wrapper ul.gform_fields li.gfield {
    padding-right: 16px;
}

/*
.gform_wrapper form li.centre, 
.gform_wrapper li.centre,
.gform_wrapper form li.centre .ginput_container input,
.gform_wrapper li.centre .ginput_container input
{
    margin: 0 auto !important;
    width: max-content !important;
}
*/

#input_2_170:focus {
    background-color: white !important;
}

#gform_fields_2 .field_sublabel_below h3 {
    font-size: 1.2em;
}

.gform_body select {
    padding: 7px !important;
}
/*
#field_2_257 .ginput_container,
#field_2_257 .gfield_label {
    max-width: content;
    min-width: content;
    margin: 0 auto !important;
}
*/

.gform_body .hide { /* add class to Gravity Forms "Appearance" field to temporarily hide form sections - MJ */
    visibility: hidden;
}

/* /////////////// FOOTER styles ////////////////////// */

.popup-get-a-quote:hover {
    cursor: pointer;
}

a.cookie-content-buttons {
    background: #3182D5 !important;
    padding: 5px 15px;
    color: #fff;
}

a#callnowbutton img {
    margin-right: 10px;
}