/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: A plain-vanilla & lightweight theme for Elementor page builder
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 2.7.1.1681240583
Updated: 2023-04-11 15:16:23

*/

:root {
    /* COLORS */
    --clr-black: #000;
    --clr-white: #fff;
    --clr-grey: #BDBDBD;
    --clr-grey-2: #EFEFEF;
    --clr-primary: #002953;
    --clr-secondary: #BCDAF8;
    --clr-text: #2C3440;
    --clr-accent: #FBD408;

    /* FONTS */


    /* OTHER */


}

/***********************************
    BREAKPOINTS
    Mobile: 0 - 767px
    Tablet: 767px - 1024px
    Laptop: 1024px - 1366px
    Widescreen: 1366px - 2400px
***********************************/



/***********************************
    GENERAL PAGE CONTAINER
***********************************/
/* MOBILE */
.custom-page-container {
    padding: 10px 10px;
}

/* TABLET */
@media(min-width: 767px){
    .custom-page-container {
        padding: 10px 10px;
    }
}

/* LAPTOP */
@media(min-width: 1024px){

}

/* WIDESCREEN */
@media(min-width: 1366px){
    .custom-page-container {
        max-width: 1350px;
        margin: 0px auto;
        padding: 10px 10px;
    }
}


/***********************************
    SERVICE AREAS
***********************************/
/* MOBILE */
.page-template-service-areas-view .custom-page-container-heading {
    color: var(--clr-black);
    text-align: center;
}
.page-template-service-areas-view .service-area-search-button,
#gform_submit_button_1 {
    margin: 10px 0px;
    border: none;
    background-color: var(--clr-primary);
}
.page-template-service-areas-view .service-area-search-button:hover
#gform_submit_button_1:hover {
    border: 1px solid var(--clr-primary);
    background-color: var(--clr-white);
    color: var(--clr-primary);
}
.page-template-service-areas-view h3 {
    font-size: 1rem;
    color: var(--clr-black);
    font-weight: 500;
}
.page-template-service-areas-view h4 {
    font-size: 1rem;
    color: var(--clr-black);
    font-weight: 500;
}
.service-area-highlight {
    color: red;
}
.service-area-bold {
    font-weight: bold;
}
.service-area-form {
    padding: 30px 0px 0px 0px;
    max-width: 400px;
    text-align: center;
    margin: 0 auto;
}
.service-areas {
    padding: 100px 0px;
}
.service-area-results {
    text-align: center;
    padding: 25px 0px;
}
#gform_1, #gform_2 {
    max-width: 800px;
    margin: 0 auto;
    padding: 50px 0px;
    text-align: start;
}
#gform_1 .gform-field-label--type-sub {
    padding-bottom: 7px;
}
/* TABLET */
@media(min-width: 767px){
    .page-template-service-areas-view .custom-page-container-heading {
        text-align: center;
    }
    .service-area-results img {
        /* max-width: 500px; */
    }
    .service-area-map-size-fix {
        max-width: 500px;
    }
}

/* LAPTOP */
@media(min-width: 1024px){
    .page-template-service-areas-view h3 {
        font-size: 1.5rem;
    }
    .page-template-service-areas-view h4 {
        font-size: 1.5rem;
    }
}

/* WIDESCREEN */
@media(min-width: 1366px){
    .service-area-results-flex {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
}