/*
Theme Name: Stephens County Emergency Management - Child Theme
Theme URI: https://cogentstudios.com/
Description: A child theme for stephens county Emergency Managment.
Author: Cogent Stuidos
Author URI: https://cogentstudios.com/
Template: Divi
Version: 1.0
*/



/*------------------------------------------------*/
/*-------------------[GENERAL]--------------------*/
/*------------------------------------------------*/

#main-content{
    background-color: transparent;
}
#et-main-area{position:relative;}
#et-main-area::before {
    content:'';
    position:absolute;
    width:100%;
    background:url('images/body/content-top-tail.jpg') repeat-x;
    height: 143px;
}



#main-content .container:before{display:none!important;}

footer{
    position: relative;
}

footer::before {
    content:'';
    background: url('images/body/content-bottom-tail.jpg') 0 100% repeat-x;
    position:absolute;
    width:100%;
    height: 142px;
    top:-142px;
    z-index: -1;
}

/*Fix divi sidebar module not taking up full width:*/
.et_pb_module.et_pb_widget_area .et_pb_widget { 
    width: 100% !important; 
}

.et_pb_widget_area ul.withpadding{padding-left:15px!important;}

#main-header{
    background: url('images/body/bottom_bg.jpg') repeat-x scroll 50% 13%;
}
#top-menu-nav {min-height: 78px;}
#top-menu{display: none;}/*not using this menu in this theme.*/

.et_pb_widget.grey-box{
    background: none repeat scroll 0 0 rgba(71, 17, 18, 0.07);
    border: medium none;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.22) inset;
    color: #FFFFFF;
    padding: 15px;
    vertical-align: middle;
    margin-bottom: 30px;
}

ul.checklist li{
    list-style: none;
    background: url('images/list1-marker.gif') 0 11px no-repeat;
/*
    font-size: 16px;
    line-height: 20px !important;
*/
    padding: 0 0 9px 15px !important;
    min-height: 21px;
}

ul.two-columns{
    display: inline-block;
    clear: both;
}

ul.two-columns li{width:50%; float:left;}

img.alignleft{margin-top:6px;}

.blog article{
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
    border-radius: 6px 6px 6px 6px;
    padding: 10px!important;
    box-shadow: 0 0 5px #999999;
}
.home.blog article{
    background: url('images/body/divider.png') 100% 0 no-repeat;
    margin-right: 18px;
}
@media (min-width: 981px){
    #left-area {
        padding-bottom: 50px;
    }
}

.et_pb_section{background-color:transparent;}

.mtsnb-container-outer{
    box-shadow: 3px 0px 10px rgba(0,0,0,.5);
}




a.standard-button,a.default-button, body .et_pb_button{
    padding: 6px 16px;
    color: #edebe2!important;
    font-family: Bebas Neue;
    text-transform: uppercase;
    cursor:pointer;
    display: inline-block;
    overflow: hidden;
    padding: 8px 11px 6px;
    font-size: 20px !important;
    line-height: 1.2em !important;
    border: 1px solid #244353;
    background: url('images/button.png');
    background-image: -webkit-linear-gradient(top, #6398aa, #3c5b72);
    background-image: -moz-linear-gradient(top, #6398aa, #3c5b72);
    background-image: -ms-linear-gradient(top, #6398aa, #3c5b72);
    background-image: -o-linear-gradient(top, #6398aa, #3c5b72);
    background-image: linear-gradient(to bottom, #6398aa, #3c5b72);
    box-shadow: 0 0 1px rgba(255,255,255,.5) inset, 0 1px 2px rgba(0,0,0,.54);
    border-radius: 4px;
    position: relative;
}

a.standard-button:hover,.et_pb_bg_layout_light.et_pb_button:hover{
    background: url('images/button.png') 0 100%;
    background-image: -webkit-linear-gradient(top, #3c5b72, #6398aa);
    background-image: -moz-linear-gradient(top, #3c5b72, #6398aa);
    background-image: -ms-linear-gradient(top, #3c5b72, #6398aa);
    background-image: -o-linear-gradient(top, #3c5b72, #6398aa);
    -pie-background: linear-gradient(#3c5b72, #6398aa);
    background-image: linear-gradient(to bottom, #3c5b72, #6398aa);
    padding: 9px 10px 5px 12px;
}

/*------------------------------------------------*/
/*-----------------[HEADER-MENU]------------------*/
/*------------------------------------------------*/

.et_pb_fullwidth_menu--without-logo .et_pb_menu__menu>nav>ul{
    padding:0px 0 0!important
}

.et_pb_fullwidth_menu--without-logo .et_pb_menu__menu>nav>ul>li>a{
    padding: 10px 0;
}

.et_pb_fullwidth_menu--without-logo .et_pb_menu__menu>nav>ul>li{margin-top: 0px;}

.et_pb_fullwidth_menu--without-logo .et_pb_menu__menu>nav>ul>li>a{
    color: #edebe2!important;
    font-family: Bebas Neue;
    font-size: 20px;
}
.et_pb_fullwidth_menu .et-menu>li,.et_pb_fullwidth_menu .et-menu>li.current_page_item{
    padding: 0px;   
}
.et_pb_fullwidth_menu--without-logo .et_pb_menu__menu>nav>ul>li{
    background: url('images/body/menu-border.png') 100% 0 no-repeat;
}
.et_pb_fullwidth_menu--without-logo .et_pb_menu__menu>nav>ul>li.current_page_item>a,.et_pb_fullwidth_menu--without-logo .et_pb_menu__menu>nav>ul>li>a:hover{
    background:url('images/body/menu-hover.png') 0 0 repeat-x;
}

.et-menu a:hover{
    opacity: 1;
}

.et_pb_fullwidth_menu--without-logo .et_pb_menu__menu>nav>ul>li>a{
    padding: 17px 17px 13px 18px;
}

.et_pb_fullwidth_menu .et_mobile_nav_menu{margin-top: 3px;}

@media (max-width: 980px){
    .et_pb_fullwidth_menu .et_pb_row, .et_pb_menu .et_pb_row{
        min-height: 50px;
    }
}

.et-menu .menu-item-has-children>a:first-child:after{display: none;}

#menu-main-menu a{cursor: pointer;}

#menu-main-menu .sub-menu{
    padding:0;
    border: 1px solid #234251;
    border-radius: 4px;
    box-shadow: 0 0 1px rgba(255,255,255,.6) inset, 0 1px 2px rgba(0,0,0,.54);
    background: url('images/menus/submenu.png') repeat-x #41647a;
    background-image: -webkit-linear-gradient(top, #5d8fa2, #41647a);
    background-image: -moz-linear-gradient(top, #5d8fa2, #41647a);
    background-image: -ms-linear-gradient(top, #5d8fa2, #41647a);
    background-image: -o-linear-gradient(top, #5d8fa2, #41647a);
    -pie-background: linear-gradient(top, #5d8fa2, #41647a);
    background-image: linear-gradient(to bottom, #5d8fa2, #41647a);
}

.sub-menu .menu-item{overflow: hidden;
    padding: 0;
    display: block;
    background: url('images/submenu_border.gif') repeat-x;
    text-align: center;
}
.sub-menu .menu-item a{
    color:#edebe2!important;
    padding: 13px 20px 9px;
    width:100%;
    text-transform: uppercase;
    font-family: Bebas Neue;
    font-size: 20px;
    line-height: 1.2em;
    transition: all 0s;
}
.sub-menu .menu-item a:hover,.sub-menu .current-menu-item a{
    opacity: 1;
    background-color: rgba(36, 68, 83, 0.5);
}
.is-form-style input.is-search-input{
    background-image: url('images/search-button.png') !important;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 99% -9%;
    background-color: rgba(71, 17, 18, 0.47)!important;
    color: #B77C7C!important;
    width: 260px!important;
    height: 30px!important;
    padding: 4px 32px 4px 10px!important;
    font-size: 100%!important;
    margin: 7px 0!important;
    border: 0!important;
    border-radius: 4px!important;
    box-shadow: 2px 2px 5px rgba(0,0,0,.22) inset!important;
}

.is-form-style input.is-search-input:hover {
    background-position:  99% 102%;
}

.is-form-style input.is-search-input::placeholder{color: #B77C7C;}

.et_pb_menu__menu,.fullwidth-menu-nav,#menu-main-menu{width:100%;}

.right-align-menu{margin-left: auto!important; background:none!important;}

#menu-main-menu{
    list-style: none;
    margin: 0;
    position: relative;
    line-height: 1em;
    background: url('images/body/menu-border.png') 0 0 no-repeat;
    margin: 0 0 0 -2px;
}


/*------------------------------------------------*/
/*------------------[HOMEPAGE]--------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*-------------------[EVENTS]---------------------*/
/*------------------------------------------------*/

.mec-event-list-modern .mec-event-title a{
    color:#474040;
}
.mec-single-event-description p{
    color:#776b63;
    font-family: Open Sans,Arial,sans-serif;
    font-size: 16px;
}

.mec-event-list-standard{margin-bottom:30px;}

.mec-single-event{
    margin-top: 40px;
}

.mec-event-article{
    background: rgba(255,255,255,.4);
    margin-bottom:10px;
}

.mec-event-list-modern .col-md-4.col-sm-4.mec-btn-wrapper{
    right:13px;
}

.mec-single-event .mec-events-meta-group-booking, .mec-single-event .mec-frontbox, .mec-single-event .mec-events-meta-group-countdown{
    background: rgba(255,255,255,.3);
}

ul.clockdiv{
    color: #474040;
}



/*------------------------------------------------*/
/*------------------[SUBPAGES]--------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*-------------------[Footer]---------------------*/
/*------------------------------------------------*/



#main-footer .container{
    background: url('images/body/bottom_bg.jpg') 50% 0 repeat-x;
    line-height: 22px;
    color: #9ab8c5;
    padding: 40px 0 25px;
    width:100%!important;
    max-width:100%!important;

}

#footer-widgets{
    max-width:940px;
    width:80%;
    margin: 0 auto;
    padding: 0px;
}

#sub-footer{
    background: url('images/body/footer-border.gif') 50% 0 repeat-x;
    color:#edebe2;
}    
.footer-logo-title{
    font-size:1.4em;
    color:#edebe2;
    font-family: Bebas Neue;
    
}
.site-by-line{color:#ddd;}

#footer-bottom{
    padding:0;
}

footer .et_pb_bg_layout_dark{color:#9ab8c5!important;}

footer .et_pb_bg_layout_dark a:not(.standard-button){color:#72afc9;}


footer ul {
    list-style: none!important; /* Remove default bullets */
}

footer ul li::before {
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #2ea3f2; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
    transform: scale(1.2);
}

@media (max-width: 640px){
    .footer-logo-title{display:block;width:100%; margin-bottom:5px;}
}

/*------------------------------------------------*/
/*--------------------[RWD]-----------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/*--[ADD TUTORIAL CUSTOMIZATION BELOW THIS LINE]--*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/



@media (max-width: 375px){
    img.alignleft{
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
        margin-top:0px;
    }
    .two-columns li{
        width: 100%;
        float: none;
    }
}