/*
 Theme Name:     NM Safe Promise
 Theme URI:      https://nmsafepromise.org/
 Description:    Divi Child Theme for NM Safe Promise
 Author:         Joshua Sallach
 Author URI:     http://www.joshuasallach.com
 Template:       Divi
 Version:        1.0.0
*/

/* @import must be at top of file, otherwise CSS will not work */

@import url("../Divi/style.css");

/* =Theme customization starts here
------------------------------------------------------- */

/* ===============================================

    1. GENERAL

 =============================================== */


h1 {
    font-family: mr-eaves-modern, Arial, sans-serif;
}

h2 {
    font-family: mr-eaves-modern, Arial, sans-serif;
}

p {
    font-family: mr-eaves-modern, Arial, sans-serif;
}

/* add an asterisk to the last menu item, which is the translation switcher */
#top-menu > li:last-child::after {
    content: "*";
    color:#FFFFFF;
}

/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 980px) and (max-width: 1405px) {


}

/* ===============================================

    2. CALL TO ACTION

 =============================================== */

#cta {

}

#cta h2 {
    border-bottom:3px solid #ef4056;
}

#cta a {
    padding:20px;
    background: #ef4056;
    border-radius:10px;

    color:#FFFFFF;
    text-transform: uppercase;
    text-shadow: 3px 3px #BE3043;
    text-align: center;
    font-size:30px;
    font-weight: bold;
    line-height: 1.0em;

}


/* ===============================================

    3. FOOTER

 =============================================== */

/* Click to Tweet */

.bctt-ctt-text a {
    font-family: mr-eaves-modern, Arial, sans-serif !important;
    font-size: 24px !important;
    line-height: 36px !important;
    font-weight: normal;
    display: block;
    padding: 0px;
}



/* ===============================================

    4. MAKE THE PROMISE FORM (From previous design)

 =============================================== */

.gform_wrapper form{
    text-align: center !important;
    color: #08586B;
}

.gform_wrapper ul.gform_fields li.gfield {
    padding-right:0px !important;
}

.gform_wrapper .top_label .gfield_label, .gform_wrapper legend.gfield_label{
    width: 100% !important;
    text-align: left;
    font-size:24px;
}


.promiseChkBox .gfield_label{
    margin-left: 0% !important;
}


.gform_wrapper .hidden_label input.large,
.gform_wrapper .top_label input.large {
    width:95%;
}

.gfield_checkbox li input,
.gfield_checkbox li input[type=checkbox],
.gfield_radio li input[type=radio]{
    display: inline-block !important;
    vertical-align: top !important;
    margin: 13px 5px 0 0 !important;
}

.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper .gform_page_footer input.button,
.gform_wrapper .gform_page_footer input[type="submit"] {
    background: #ef4056 !important;
    font-size: 24px !important;
    color: #FFFFFF;
    text-align: center;
    border: none;
    padding: 10px 20px;
    border-radius: 10px;
    font-weight: bold;
    margin-top:20px !important;
}


.ginput_recaptcha{
    margin: 0px auto;
    width: 30%;
}

.gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li{
    line-height: 200px;
}
.gform_wrapper ul.gfield_checkbox li label, .gform_wrapper ul.gfield_radio li label{
    vertical-align: top;
}
.promiseChkBox{
    display: inline-block;
    margin: 0px auto 30px;
    width: 100%;
    text-align: left;
    font-size: 24px;
    padding-left: 0px;
    position: relative;
}
.promiseChkBox .gfield_required{
    display: none;
}
.gfield_required{
    color: #ef4056 !important;
}

/*
.promiseChkBox .gfield_description:after{
    content: '*';
    color: #ef4056;
    margin-left: 5px;
}
*/

.promiseChkBox ul.gfield_checkbox li input[type=checkbox]:checked+label,.promiseChkBox ul.gfield_checkbox li input[type=checkbox]:not(:checked)+label {
    margin-left:19px;
    font-weight: 400;
    font-size: 24px;
	min-height: 50px;
}
.promiseChkBox ul.gfield_checkbox li input[type=checkbox]:first-line{
    font-weight: bold;
    text-transform: uppercase;
    color: #FAB634;
}
/*Custom subscribe box for .promiseChkBox class*/
.promiseChkBox [type="checkbox"]:not(:checked), .promiseChkBox [type="checkbox"]:checked {
    position: absolute!important;
    left: -9999px;
}

.promiseChkBox [type="checkbox"]:not(:checked) + label, .promiseChkBox [type="checkbox"]:checked + label {
    position: relative!important;
    padding-left: 35px;
    cursor: pointer!important;
}

.promiseChkBox [type="checkbox"]:not(:checked) + label:before, .promiseChkBox [type="checkbox"]:checked + label:before {
    content: '\f111';
    font-family: "Font Awesome 5 Free";
    position: absolute;
    left: -17px;
    top: 0;
    padding: 2px;
    font-size: 2rem;
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -ms-transition: all .4s ease;
}

.promiseChkBox [type="checkbox"]:not(:checked) + label:after, .promiseChkBox [type="checkbox"]:checked + label:after {
    /*content: '\f336';*/
    content: '\f058';
    font-family: "Font Awesome 5 Free";
    /*color: #00627b;*/
    color: #FAB634;
    position: absolute;
    top: 0;
    left: -17px;
    font-size: 2rem;
}

/* checked mark aspect changes */
.promiseChkBox [type="checkbox"]:not(:checked) + label:after {

    opacity: 0;
    transform: scale(0);
}

.promiseChkBox [type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}
.promiseChkBox [type="checkbox"]:not(:checked) + label:before {

    opacity: 1;
    transform: scale(1);
}

.promiseChkBox [type="checkbox"]:checked + label:before {
    opacity: 0;
    transform: scale(0);
}
.gravity-tooltip{
    background: none !important;
}
.gravity-tooltip .gravity-tooltiptext{
    font-size: 1.2rem !important;
}
.gravity-tooltip:after{
    background: none !important;
    content:'\f059';
    color: #fff;
    font-family: FontAwesome;
}
li.promiseEmail label{
    position: relative;
}

.homeForm{
    background: #00627b;
    border: 2px solid #ccc;
    padding: 3%;
    color: #fff;
    margin: 3% 0 0;
}
#logo.form{
    margin: 0px auto;
    background: #fff;
    padding: 1%;
    width: 40%;
}
button.promise-btn{
    background: #FAB634 !important;
    font-size: 1.5rem;
    color: #000;
    text-transform: uppercase;
    border: 1px solid #000;
    padding: .3rem 1.5rem;
    text-align: center;
}
.button-promise{
    width: 100%;
    text-align: center;
    margin: 4% 0 0%;
}
.no-access{
    width: 100%;
    text-align: center;
    margin-bottom: 4%;
}
.narwhal{
    font-size: 8rem;
    margin: 0px auto;
    text-align: center;
    color: #ef4056;
}

/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
    .promiseChkBox ul.gfield_checkbox li input[type=checkbox]:checked + label,
    .promiseChkBox ul.gfield_checkbox li input[type=checkbox]:not(:checked) + label {
        font-size:18px;
    }

    .promiseChkBox {
        font-size:18px;
    }

    .gform_wrapper .gform_footer input.button,
    .gform_wrapper .gform_footer input[type="submit"],
    .gform_wrapper .gform_page_footer input.button,
    .gform_wrapper .gform_page_footer input[type="submit"] {
        font-size:18px !important;
        width:50% !important;
    }

    .gform_wrapper .top_label .gfield_label, .gform_wrapper legend.gfield_label {
        font-size:18px;
    }

    .gfield_description {
        font-size:18px !important;
    }

    .gfield_description::before {
        content:'\00000a';
    }

}