.elementor-kit-5{--e-global-color-primary:#006E3A;--e-global-color-secondary:#39AD2E;--e-global-color-text:#000000;--e-global-color-accent:#39AD2E;--e-global-color-ae9c27f:#F2F2F2;--e-global-color-18973f0:#E2E2E2;--e-global-color-6cf7a31:#E3F5E0;--e-global-color-d047ff0:#FFFFFF;--e-global-color-990bec1:#383838;--e-global-typography-primary-font-family:"stevie-sans";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"stevie-sans";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"stevie-sans";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.5em;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-text );font-size:18px;font-weight:normal;line-height:1.5em;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:var( --e-global-color-secondary );font-family:"stevie-sans", Sans-serif;font-size:18px;font-weight:600;line-height:18px;color:var( --e-global-color-d047ff0 );border-radius:0px 0px 0px 0px;}.elementor-kit-5 button:hover,.elementor-kit-5 button:focus,.elementor-kit-5 input[type="button"]:hover,.elementor-kit-5 input[type="button"]:focus,.elementor-kit-5 input[type="submit"]:hover,.elementor-kit-5 input[type="submit"]:focus,.elementor-kit-5 .elementor-button:hover,.elementor-kit-5 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-d047ff0 );border-radius:0px 0px 0px 0px;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{color:var( --e-global-color-secondary );font-weight:700;}.elementor-kit-5 a:hover{color:var( --e-global-color-primary );}.elementor-kit-5 h1{color:var( --e-global-color-text );font-family:"stevie-sans", Sans-serif;font-size:38px;font-weight:600;line-height:1.2em;}.elementor-kit-5 h2{color:var( --e-global-color-primary );font-family:"stevie-sans", Sans-serif;font-size:24px;font-weight:600;text-transform:uppercase;line-height:1.3em;}.elementor-kit-5 h3{color:var( --e-global-color-text );font-family:"stevie-sans", Sans-serif;font-size:30px;font-weight:600;line-height:1.3em;}.elementor-kit-5 h4{color:var( --e-global-color-text );font-size:24px;font-weight:600;line-height:1.4em;}.elementor-kit-5 h5{color:var( --e-global-color-text );font-family:"stevie-sans", Sans-serif;font-size:38px;font-weight:600;line-height:1.2em;}.elementor-kit-5 h6{color:var( --e-global-color-primary );font-family:"stevie-sans", Sans-serif;font-size:20px;font-weight:600;text-transform:uppercase;line-height:1.4em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1190px;}.e-con{--container-max-width:1190px;--container-default-padding-top:65px;--container-default-padding-right:25px;--container-default-padding-bottom:65px;--container-default-padding-left:25px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;--container-default-padding-top:45px;--container-default-padding-right:25px;--container-default-padding-bottom:45px;--container-default-padding-left:25px;}}@media(max-width:767px){.elementor-kit-5 h1{line-height:1.1em;}.elementor-kit-5 h2{font-size:22px;}.elementor-kit-5 h3{font-size:28px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:15%;--container-default-padding-right:5%;--container-default-padding-bottom:15%;--container-default-padding-left:5%;}}/* Start custom CSS */.map-marker ul {list-style-type: none;
padding-left: 0px;}

.map-marker ul li {background-image: url('https://andresroofing.com/wp-content/uploads/2025/04/map-marker.svg');
background-repeat: no-repeat;
background-position: 0% 50%;
background-size: 15px;
padding-left: 35px;
margin-bottom: 0px;
}


.green-checkmark ul {
list-style-type: none;
padding-left: 0px;
}

.green-checkmark ul li 
{
 background-image: url('https://andresroofing.com/wp-content/uploads/2025/03/Check-Icon.svg');  
background-repeat: no-repeat;
background-position: 0% 50%;
background-size: 20px;
padding-left: 35px;
margin-bottom: 10px;
}

.green-checkmark-top ul {
list-style-type: none;
padding-left: 0px;
}

.green-checkmark-top ul li 
{
 background-image: url('https://andresroofing.com/wp-content/uploads/2025/03/Check-Icon.svg');  
background-repeat: no-repeat;
background-position: 0px 5px;
background-size: 20px;
padding-left: 35px;
margin-bottom: 20px;
}

.list-style ol {
padding-left: 25px;
margin-bottom: 15px;
}

.list-style ol li 
{margin-bottom: 5px;}


.list-style ul {
padding-left: 25px;
margin-bottom: 15px;
}

.list-style ul li 
{margin-bottom: 5px;}


.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea

{border: 0px solid #505050;
border-radius: 0px;
    font-size: 18px !important;
padding: 15px 10px !important;
margin-bottom: 10px;
}

.gform_wrapper.gravity-theme .gfield_label
{font-size: 18px;}

.footer-form .gform_wrapper.gravity-theme .gfield_label
{color:#ffffff !important;}

.gform_wrapper [type=button], .gform_wrapper [type=submit], .gform_wrapper button
{background:#39AD2E !important;
border: 0px solid #fff;
padding: 15px 35px !important;
}

.gform_wrapper [type=button]:hover, .gform_wrapper [type=submit]:hover, .gform_wrapper button:hover
{background:#006E3A !important;}

.gform_wrapper.gravity-theme .gfield_required
{color: #39AD2E !important;}

.gform_required_legend
{display: none;}

.gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large {}

.gform_wrapper.gravity-theme .description, .gform_wrapper.gravity-theme .gfield_description, .gform_wrapper.gravity-theme .gsection_description, .gform_wrapper.gravity-theme .instruction
{color:#222B59 !important;
   
}

.gform_wrapper.gravity-theme .gform_drop_instructions
{color:#222B59 !important;
}

/*CONTACT PAGE*/

.contact-page .gform_wrapper.gravity-theme input[type=email], 
.contact-page .gform_wrapper.gravity-theme input[type=tel], 
.contact-page .gform_wrapper.gravity-theme input[type=text], 
.contact-page .gform_wrapper.gravity-theme select, 
.contact-page .gform_wrapper.gravity-theme textarea

{border: 2px solid #000000 !important;}

/*DROPDOWN*/
/* Ensure the field label is above the dropdown */
.gfield_label {
    display: block; /* Forces label to take full width above the field */
   
}

/* Style the dropdown */
#input_3_12_4 
{
    width: 100%; /* Make the dropdown full width */
    height: 60px; /* Increase height */
    font-size: 18px; /* Make text larger */
    background-color: #ffffff; /* Solid white background */
    background-image: none; /* Remove default gradient */
    border: 2px solid #000000 !important; /* Custom border color */
    border-radius: 0px; /* Slightly rounded corners */
    padding: 8px 40px 10px 15px; /* Space for custom arrow */
    cursor: pointer; /* Change cursor to pointer */
    appearance: none; /* Remove default dropdown styling */
    margin-top: 15px !important;
}


.gfield_select {
    width: 100%; /* Make the dropdown full width */
    height: 60px; /* Increase height */
    font-size: 18px; /* Make text larger */
    background-color: #ffffff; /* Solid white background */
    background-image: none; /* Remove default gradient */
    border: 3px solid #A0A0A0 !important; /* Custom border color */
    border-radius: 0px; /* Slightly rounded corners */
    padding: 8px 40px 10px 15px; /* Space for custom arrow */
    cursor: pointer; /* Change cursor to pointer */
    appearance: none; /* Remove default dropdown styling */
    margin-top: 15px !important;
}

/* Custom dropdown arrow */
.ginput_address_state {
    position: relative;
    display: inline-block;
    width: 100%;
    top: -15px;
}


.ginput_container_select {
    position: relative;
    display: inline-block;
    width: 100%;
    
}

.ginput_address_state::after

{
    content: "▼"; /* Unicode for a down arrow */
    font-size: 18px; 
    color: #006E3A; /* Arrow color */
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none; /* Prevent clicking */
}

.ginput_container_select::after {
    content: "▼"; /* Unicode for a down arrow */
    font-size: 18px; 
    color: #006E3A; /* Arrow color */
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none; /* Prevent clicking */
}

/* Vertically center text inside dropdown */
#input_7_11 option {
    padding: 10px;
    text-align: center; /* Center aligns the text */
}


/* Style checkboxes */
.gfield_checkbox input[type="checkbox"] {
    width: 24px; /* Make checkbox larger */
    height: 24px; /* Keep proportion */
    border: 2px solid #43C2C9; /* Custom border color */
    border-radius: 4px; /* Optional: Make edges rounded */
    cursor: pointer; /* Make it clickable */
    accent-color: #43C2C9; /* Change check color for modern browsers */
}

/* Increase spacing between checkbox and label text */
.gfield_checkbox label {
    display: flex;
    align-items: center;
    font-size: 16px; /* Adjust text size */
    font-weight: 500;
    gap: 12px; /* Moves text further right from the checkbox */
    cursor: pointer; /* Make the entire label clickable */
}

/* Optional: Add spacing between options */
.gfield_checkbox {
    display: flex;
    flex-direction: column;
    gap: 10px; /* Space between checkboxes */
}

.box-left {
  padding-left: calc((100% - 1140px) / 2);
}

.box-right {
  padding-right: calc((100% - 1140px) / 2);
}

iframe {
	aspect-ratio: 16 / 9;
	height: 100%;
	width: 100%;
}


a.elementor-post__read-more
{border-bottom: 3px solid #39AD2E;
padding-bottom: 5px;
}

a.elementor-post__read-more:hover 
{color:#39AD2E !important;}

/************************      MOBILE STYLES       **************************/

/* Standard orientation iPad device */
@media only screen and (device-width: 768px)
{

}

/* Landscape Orientation Ipad */
@media only screen and (max-device-width: 1024px) and (orientation:landscape)
{


}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    
    

}/* End custom CSS */