/*
Theme Name: NFN Divi
Theme URI: https://nfn.nevergravity.com/
Description: This is a custom child theme for Divi
Author: DG Never Gravity
Author URI: https://nevergravity.com/
Template: Divi
Version: 1.1.4
*/

/*--MAIN CSS--*/
h1, h2, h3, h4, h5{
    font-family: 'Figtree', sans-serif!important;
    font-weight:600;
}
h1, .et_pb_column_2_5 h1, .blog-title-area h1.entry-title{
    font-size: clamp(1.8rem, 2.5vw, 2.8rem);
    line-height:1.25;
}
h1.eyebrow{
    font-size:20px;
}
h2 {
    font-size: clamp(1.5rem, 2.5vw, 2rem);
    line-height:1.35em;
    
}
h3, .et_pb_text_3 h3 {
    font-size: clamp(1.25rem, 2.5vw, 1.75rem);
    line-height:1.35em;
}
h4 {
    font-size: clamp(1.125rem, 2.5vw, 1.25rem);
    line-height:1.25em;
}
p {
    line-height: 1.7em;
}
p.body-large{
    font-family: 'Figtree', sans-serif!important;
    font-size: clamp(1.8rem, 3vw, 2.5rem);
    line-height: 1.5em;
    font-weight:600;
}
sup{
    bottom:0em;
}
.vert-align{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#page-container{
    background:#fff;
}
ul.no-bull{
    list-style-type:none;
    padding:0px;
}
/*--START BUTTONS--*/
.et_pb_button{
    font-family: 'Figtree', sans-serif!important;
    font-weight:600!important;
}
/* Buttons side by side for header */
.btn-inline .et_pb_button_module_wrapper {
display: inline-block;
margin-right:20px;
}
.btn-flex-inline{
    flex-wrap:wrap;
    flex-direction:row;
    justify-content:flex-start;
}
.btn-flex-inline .et_pb_button_module_wrapper{
    margin-right:20px;
}
.mo-state-icon > a:before{
    background:url('https://nfn.nevergravity.com/wp-content/uploads/2021/04/missouri-small.png');
    background-repeat:no-repeat;
    height:15px;
    width:15px;
    display:inline-block;
    
}
.nfn-white-btn{
    background-color:white!important;
    color:#dd5061!important;
}
.nfn-white-btn:hover{
    background-color:#af3f5d!important;
    color:white!important;
    
}
/*Button style for events link*/
.event-button .dmach-acf-item-container a{
    font-family: 'Figtree', sans-serif!important;
    font-weight:600!important;
    background-color: #dd5061;
    color:#ffffff;
    font-size:18px;
    padding:12px 20px;
    border-radius:3px;
    box-shadow: 0px 12px 18px -6px rgb(0 0 0 / 30%);
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: all!important;
    transition-property: all!important;
    display:inline-flex;
}
.event-button .dmach-acf-item-container a:hover{
    background-color: #ffffff;
    color: #dd5061;
}
.event-button .dmach-acf-item-container a:after{
    font-family:'Font Awesome 5 Free';
    content:"\f08e";
    margin-left:10px;
   
}
/*---Gutenberg Buttons---*/
.wp-block-button a{
    font-size: 20px;
    font-weight: 600;
    font-family: 'Figtree', sans-serif;
    padding: .3em 1em;
    line-height: 1.7em !important;
    background-color: #DD5061;
    border: none;
    border-radius: 5px;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: all !important;
    transition-property: all !important;
}
.wp-block-button a:hover{
    background-color:#b54152;
}
/*--END BUTTONS--*/

/*--START NAV--*/
.container.et_menu_container{
    max-width:95%;
    width:100%;
}
#logo{
    max-height:60%;
}
#et-top-navigation{
padding-left:0px!important;}

#top-menu li.current-menu-item>a{
    color:#dd5061;
}
#main-header{
    box-shadow:0px 12px 18px -6px rgb(0 0 0 / 30%);
}
.mobile_menu_bar:before, .mobile_menu_bar:after, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a{
    color:#dd5061;
}
nav.et-menu-nav ul li.menu-item-type-custom, #top-menu-nav ul li.menu-item-type-custom  {
    cursor:default;
}
/*--END NAV--*/

/*---START Collapsible Mobile Menu---*/
/*change hamburger icon to x when mobile menu is open*/

#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
	content: '\4d';
}
.et_pb_menu .et_mobile_menu .menu-item-has-children > a,
#main-header .et_mobile_menu .menu-item-has-children > a {
    background-color: transparent;
    position: relative;
}
.et_pb_menu .et_mobile_menu .menu-item-has-children > a:after, #main-header .et_mobile_menu .menu-item-has-children > a:after {
    font-family: 'ETmodules';
    text-align: center;
    speak: none;
    font-weight: 600;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    font-size: 18px;
    content: '\4c';
    top: 11px;
    right: 13px;
}
.et_pb_menu .et_mobile_menu .menu-item-has-children.visible > a:after,
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after {
    content: '\4d';
}
.et_pb_menu .et_mobile_menu ul.sub-menu,
#main-header .et_mobile_menu ul.sub-menu,
.et-db #et-boc .et-l .et_pb_menu .et_mobile_menu li ul.sub-menu {
    display: none !important;
    visibility: hidden !important;
    transition: all 1.5s ease-in-out;
}
.et_pb_menu .et_mobile_menu li.visible > ul.sub-menu,
#main-header .et_mobile_menu li.visible > ul.sub-menu,
.et-db #et-boc .et-l #main-header .et_mobile_menu li.visible > ul.sub-menu,
.et-db #et-boc .et-l .et_pb_fullwidth_menu .et_mobile_menu li.visible > ul.sub-menu,
.et-db #et-boc .et-l .et_pb_menu .et_mobile_menu li.visible > ul.sub-menu {
    display: block !important;
    visibility: visible !important;
}
/*--END COLLABSIBLE SUB MENUS--*/

/*--State selector--*/
.location-box{
    background-color:white;
    padding: 20px 12px 20px 20px;
    border-radius:5px;
    display:inline-flex;
    flex-direction: row;
    align-items: center;
    column-gap: 15px;
}
p.location-box-heading{
}
.location-box-options .et_pb_module{
    margin-bottom:0px!important;
    
}

/*----Blog----*/

/*---Blog Extras--*/
.et-waypoint:not(.et_pb_counters) {
opacity: 1;
}

.blog-sidebar .et_pb_post_extra.el_dbe_box_extended .post-content{
    padding: 0px;
}
.blog-sidebar .et_pb_post_extra.el_dbe_box_extended .post-meta{
    margin-top:0px!important;
}
.blog-sidebar .et_pb_post_extra .entry-title{
    margin-bottom:0px!important;
}
/*--Embedded Salsa, Everyaction, and GreenLight Forms---*/

/*--Remove Heading and Image from Volunteer form--*/
.ngp-form header.at-title, .ngp-form header.at-markup{
    display:none;
}

a.sli-button, .at-form-submit .at-submit.btn-at.btn-at-primary{
    font-family: 'Figtree', sans-serif!important;
    font-size: 20px!important;
    font-weight:600!important;
    padding: 10px 25px!important;
    box-shadow: none!important;
    border-radius: 5px!important;
    background: #dd5061!important;
    background-color: #dd5061!important;
    box-shadow:none!important;
}
.at-submit.btn-at.btn-at-primary:hover{
    background:#af3f5d!important;
    background-color:#af3f5d!important;
}
a.sli-button.sli-glossy{
    text-shadow:none!important;
    box-shadow:none!important;
}
a.sli-glossy:before, a.sli-glossy:after{
    background:transparent!important;
}
/*--Greenlight--*/
/*--Layouts--*/
.default-button a .et_pb_button{
    box-shadow:0px 12px 18px -6px rgb(0 0 0 / 30%);
    padding:.5em 1em!important;
}

.default-button a .et_pb_button:hover{
    padding:.5em 1em!important;
}
.default-button a .et_pb_button:after{
    display:none!important;
}
.default-button a:hover{
    opacity:1!important;
    background:white;
    color:#dd5061;
}
/*--Partnership blurb image sizes--*/
.partner-blurb img{
    max-height:100px;
    width:auto;
}

/*---Gravity forms---*/
.gform_wrapper.gravity-theme .gfield input, .gform_wrapper.gravity-theme .gfield select{
    border-radius:5px;
}
body .gform_wrapper .gform_footer input[type=submit] {
    cursor:pointer;
    background-color: #dd5061;
    border-width: 0px!important;
    color:white;
    font-family: 'Figtree', sans-serif!important;
    font-size: 20px;
    font-weight: 600;
    padding: 0.3em 1em;
    line-height: 1.7em!important;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 3px;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: all!important;
    transition-property: all!important;
    box-shadow: 0px 12px 18px -6px rgb(0 0 0 / 30%);
}
body .gform_wrapper .gform_footer input[type=submit]:hover{
   background-color: #af3f5d;
}
h2.gform_submission_error{
    padding-bottom:0px!important;
}
/*--START FOOTER--*/
#footer-widgets .footer-widget li:before{
    display:none;
}
#footer-widgets #block-4.fwidget{
    width:100%;
    float:left!important;
}
#footer-widgets #block-6.fwidget{
    width:100%;
}
#footer-widgets .footer-widget li{
    padding-left:0px;
}
#footer-widgets .footer-widget #media_image-2{
    margin-bottom:30px;
}
footer .et_pb_widget_area #media_image-2{
    padding-bottom:30px;
}
footer .et_pb_widget_area .fwidget{
    margin-bottom:0px!important;
}
.wp-block-social-links.is-style-logos-only .wp-social-link svg{
    color: currentColor;
    fill: currentColor;
}
footer .et_pb_widget li a:hover{
    color:white;
}
#gform_wrapper_6 .gform_validation_errors>h2{
    font-size:16px!important;
    color:#dd5061!important;
}
#gform_wrapper_6 .gfield_validation_message{
    display:none!important;
}
#gform_wrapper_6 .gfield_error label{
    color:white!important;
}
body #gform_wrapper_6 .gform_footer input[type=submit] {
    cursor:pointer;
    background-color: white;
    border-width: 0px!important;
    color:#dd5061;
    font-family: 'Figtree', sans-serif!important;
    font-size: 20px;
    font-weight: 600;
    padding: 0.3em 1em;
    line-height: 1.7em!important;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 3px;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: all!important;
    transition-property: all!important;
    box-shadow: 0px 12px 18px -6px rgb(0 0 0 / 30%);
}
body #gform_wrapper_6 .gform_footer input[type=submit]:hover{
    background-color: #af3f5d;
    color:white;
}
/*--MEDIA QUERIES--*/
@media ( max-width: 1150px ){
    /*--Start Mobile Menu slide in--*/
    #mobile_menu{
        position:fixed;
        height:100vh!important;
        overflow:auto;
        display:block!important;
        right:0;
        left:auto;
        padding:5%!important;
        -webkit-transition: -webkit-transform 0.4s 0s;
        -moz-transition: -moz-transform 0.4s 0s;
        transition: transform 0.4s 0s;
        -overflow-scrolling:touch!important;
        -webkit-overflow-scrolling:touch!important;
    }
    /* Move the mobile menu back onto the screen when open using translateX(0%) */
    .mobile_nav.opened #mobile_menu {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    /* Move the mobile menu fully off the screen when closed using translateX(100%) */
    .mobile_nav.closed #mobile_menu {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }
    /*--END Mobile Menu SLide In--*/
    #top-menu{
		display:none;
	}
	#et_mobile_nav_menu{
		display:block;
	}
}
@media ( min-width: 768px ) and ( max-width: 1350px) {
    /*--Start Mobile MEnu slide in--*/
    #mobile_menu{
        width: 60%;
    }
    /*--END Mobile Menu SLide In--*/
    
}
@media ( min-width: 981px ) and ( max-width: 1275px) {
    .state-menu .et_pb_row_0_tb_header.et_pb_row{
        padding-top:16px!important;
        padding-bottom:16px!important;
    }
}
@media ( max-width: 1275px ){
    .et_mobile_nav_menu{
        display:flex;
    }
    .et_pb_menu .et_pb_menu__menu{
        display:none;
    }
    .state-menu .et_pb_menu .et_mobile_menu, .et_pb_menu .et_mobile_menu ul{
        list-style: none!important;
        text-align:left;
        padding:0;
    }
    .state-menu .et_pb_menu .et_mobile_menu{
        padding:5%;
    }
    
}
/*---Tablet and Below---*/
@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
    .custom_row {
    display: -webkit-box;
        display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
        -webkit-flex-wrap: wrap; /* Safari 6.1+ */
        flex-wrap: wrap;
    }
 
/*** custom classes that will designate the order of columns in the flex box row ***/
    .first-on-mobile {
        -webkit-order: 1;
        order: 1;
    }
 
    .second-on-mobile {
        -webkit-order: 2;
        order: 2;
    }
 
    .third-on-mobile {
        -webkit-order: 3;
        order: 3;
    }
 
    .fourth-on-mobile {
        -webkit-order: 4;
        order: 4;
    }
/*** add margin to last column ***/
    .custom_row:last-child .et_pb_column:last-child {
        margin-bottom: 30px;
    }
    .et_fixed_nav #main-header{
        position:fixed;
    }

}
/* Tablets in portrait mode (768-980px) */
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
    /* your css goes here */
    .three-columns .et_pb_column{
        width:33.333%!important
    }
}
@media only screen and ( max-width: 767px ) {
    /*--Start Mobile MEnu slide in--*/
    #mobile_menu{
        width: 80%;
    }
    /*--END Mobile Menu SLide In--*/
    #footer-widgets .footer-widget #block-4, #footer-widgets .footer-widget #media_image-2{
        float:none;
    }
}
@media only screen and ( max-width: 700px ) {
/*--State selector--*/
    .location-box{
        border-radius:5px;
        display:block;
        flex-direction: row;
        align-items: center;
        column-gap: 15px;
    }
    p.location-box-heading{
        margin-bottom:10px;
    }
    .location-box-options .et_pb_module{
        margin-bottom:10px!important;
    }
    .location-box-options .et_pb_module a.et_pb_button{
        width:100%;
        text-align:center;
    }
    .btn-inline .et_pb_button_module_wrapper {
        display: block;
        margin-right:0px;
    }
}
@media only screen and ( min-width: 641px ) {
    #gform_5{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 30px;
    }
    #gform_5 .gform_body{
        width:100%;
    }
    #gform_wrapper_5 .gform_footer input[type=submit]{
        padding:0.1em 1em!important;
        margin-bottom:0px!important;
    }
}