/*
 Theme Name:   Divi Child Plus
 Theme URI:    /divi-child-plus/
 Description:  A modified child theme of Divi
 Author:       Web Wizards
 Author URI:   https://webwizards.ca/
 Template:     Divi
 Version:      1.2.1
 Tags:         responsive-layout, accessibility-ready
 Text Domain:  divi-child-plus
*/

@import "modified.css";
/* --- Rate Map Loactions --- */

/* === Rate Maps === */

/* --- Rate Map Search Area --- */
#wpsl-wrap .wpsl-filter {
    background: #ddd;
    display: flex;
    padding: 15px;
    margin: 0;
    
}
    #wpsl-wrap .wpsl-filter #wpsl-search-wrap {
        margin: auto;
        max-width: 1080px;
    }

#wpsl-search-wrap div label{
    line-height: 40px;
    text-transform: capitalize;
}
    #wpsl-search-wrap div label::after {
        content: ':';
    }

input#wpsl-search-input, select#wpsl-radius-dropdown, select#wpsl-results-dropdown, select#wpsl-category-list{
    height: 40px;
    border-radius: 0;
    border: none;
}

#wpsl-search-wrap .wpsl-search-btn-wrap #wpsl-search-btn {
    border: none !important;
    border-radius: 0 !important;

    background: #222;
    color: #fff;
    margin: 0 !important;
    min-width: 150px;
    width: 100%;
    height: 40px;
}

    #wpsl-wrap .wpsl-filter {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
    }
    #wpsl-wrap #wpsl-gmap {
        -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3;
    }
    #wpsl-wrap #wpsl-result-list {
        margin: 0;
        
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }

@media (min-width: 981px) {
    #wpsl-search-wrap .wpsl-input {
        width: 33.33%;
        padding-right: 15px;
        margin: 0;
        
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
        #wpsl-search-wrap .wpsl-input label {
            min-width: 110px;
        }
    
        #wpsl-search-wrap .wpsl-input #wpsl-search-input {
            width: 100%;
        }

    #wpsl-search-wrap .wpsl-select-wrap {
        width: 50%;
        margin: 0;
    }
        #wpsl-search-wrap .wpsl-select-wrap #wpsl-radius {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            
            width: 50%;
            padding-right: 15px;
            margin: 0;
        }
            #wpsl-search-wrap .wpsl-select-wrap #wpsl-radius label {
                min-width: 110px;
            }
    
            #wpsl-radius .wpsl-dropdown {
                width: 100%;
            }
    
        #wpsl-search-wrap .wpsl-select-wrap #wpsl-results{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            
            width: 50%;
            padding-right: 15px;
            margin: 0;
        }
            #wpsl-search-wrap .wpsl-select-wrap #wpsl-results label {
                min-width: 60px;
            }
    
            #wpsl-results .wpsl-dropdown {
                width: 100%;
            }
    
    #wpsl-search-wrap .wpsl-search-btn-wrap {
        margin: 0 !important;
        width: 16.66%;
    }
}


@media (max-width: 980px) {
    #wpsl-wrap .wpsl-filter {
        padding-top: 0;
    }
    
    #wpsl-search-wrap div label {
        width: 100%;
        margin: 0;
    }
    
    #wpsl-search-wrap .wpsl-input {
        width: 100%;
        margin-bottom: 0;
    }
        #wpsl-search-wrap .wpsl-input #wpsl-search-input {
            width: 100%;
        }
    
    #wpsl-search-wrap .wpsl-select-wrap {
        width: 100%;
        margin-bottom: 15px;
    }
        #wpsl-search-wrap .wpsl-select-wrap .wpsl-dropdown {
            width: 100% !important;
        }
    
        #wpsl-search-wrap #wpsl-radius {
            display: block;
            width: calc( 50% - (15px / 2));
            margin-right: 15px;
        }
    
        #wpsl-search-wrap #wpsl-results {
            display: block;
            width: calc( 50% - (15px / 2));
        }
    
    #wpsl-search-wrap .wpsl-search-btn-wrap {
        width: 100%;
    }
    
    #wpsl-search-btn, #wpsl-search-wrap div {
        margin-right: 0;
    }
}

@media (max-width: 675px) {
    #wpsl-gmap {
        margin-top: 0;
    }
}

/* --- Rates Map Page --- */
.rates-map-page #wpsl-category:before {
    content: 'Province:';
    line-height: 40px;
    margin-right: 15px;
}

.rates-map-page #wpsl-category label {
    display: none;
}


.rates-map-page #wpsl-wrap .wpsl-filter {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}
.rates-map-page #wpsl-wrap #wpsl-gmap {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
}
.rates-map-page #wpsl-wrap #wpsl-result-list {
    margin: 0;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
}


@media (min-width: 981px) {
    .rates-map-page #wpsl-search-wrap .wpsl-input {
        margin-bottom: 15px;
    }
    
    .rates-map-page  #wpsl-search-wrap .wpsl-select-wrap {
        width: 66.66%;
        margin-bottom: 15px;
    }
        .rates-map-page #wpsl-search-wrap .wpsl-select-wrap #wpsl-results {
            padding-right: 0;
        }
    
    .rates-map-page #wpsl-category {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-right: 15px;
        margin: 0;
        width: 50%;
    }
        .rates-map-page #wpsl-category label {
            min-width: 115px;
        }
    
        .rates-map-page #wpsl-category .wpsl-dropdown {
            width: 100%;
        }
    
    .rates-map-page #wpsl-search-wrap .wpsl-search-btn-wrap {
        width: 50%;
    }
}

@media (max-width: 980px) {
    .rates-map-page #wpsl-search-wrap .wpsl-select-wrap {
        margin-bottom: 0;
    }
    
    .rates-map-page #wpsl-category {
        width: 100%;
        margin-bottom: 15px;
    }
        .rates-map-page #wpsl-category #wpsl-category-list {
            width: 100%;
        }
}




/* --- Rate Map Loactions --- */

#wpsl-stores li a {
    text-decoration: underline;
}

#wpsl-stores{
    max-width: 1080px;
    width: 100%;
    margin: auto;
}

#wpsl-result-list ul{
    display: flex;
    flex-wrap: wrap;
}

.wpsl-store-below #wpsl-result-list p {
    color: #333;
    padding-bottom: 5px;
    margin: 0;
}

    .wpsl-store-below #wpsl-result-list p .wpsl-country {
        display: none;
    }

#wpsl-wrap.wpsl-store-below #wpsl-result-list li{
    padding: 15px;
}

#wpsl-stores li{
    width: 50%;
}

#wpsl-wrap #wpsl-result-list li{
    border-bottom: none;
}

@media (max-width: 767px){
    #wpsl-stores li{
        width: 100%;
    }
}

/* --- 404 Page --- */
.page-404 {
    text-align: center;
    padding: 30px;
}

.page-404 .main-title {
    font-size: 30vw;
    font-weight: 600;
}

.page-404 .error-button {
    color: #e8a713;
    text-decoration: underline;
}

/* === OTHER === */

.flex-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    
}

.section-separator {
    border-right: 3px solid #eee;
}

@media (max-width: 980px) {
    .section-separator {
        border-right: 0 !important;
        border-bottom: 3px solid #eee;
    }
}

@media (max-width: 1150px) and (min-width: 981px){
    #main-header .container {
        width: 95%;
    }
}

/* --- --- */


/* --- rates deal form --- */
.rates-deal-form-title h2 {
    color: #000;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    text-align: center;
}
    .rates-deal-form-title h2 span {
        display: inline-block;
        font-size: 16px !important;
        font-weight: 600;
    }

.rates-deal-form input,
.rates-deal-form select {
    border: 2px solid #000 !important;
}

/* btn */
.rates-deal-form .wpforms-submit {
    background: #003e7e !important;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    width: 100% !important;
}







/* --- rates blast list form --- */
.rate-blast-list-form input.text,
.rate-blast-list-form input.title,
.rate-blast-list-form input[type=email],
.rate-blast-list-form input[type=password],
.rate-blast-list-form input[type=tel],
.rate-blast-list-form input[type=text],
.rate-blast-list-form select,
.rate-blast-list-form textarea {
    border: none;
    font-size: 16px;
    padding: 15px;
    width: 100%;
}

/* btn for botton form */
.rate-blast-list-form .et_pb_button {
    background-color: #003e7e !important;
    border-color:  #003e7e !important;
    padding: 0.3em 1em !important;
    max-width: 100%;
}