/*
 Theme Name:   report (Divi Child)
 Theme URI:    
 Description:  report based on Divi Theme by Elegant Themes
 Author:       
 Author URI:   
 Template:     Divi
 Version:      1.0.0
 Text Domain:  divi-child
*/

/* indent to allow for menu on left edge */
div.et_pb_section.pad-left-for-menu div.et_pb_row { padding-left:170px!important; }
div.full-width-mast-image   { margin-left:210px; }  

/*ul#mobile_menu1 { background-color:#44580e!important; }
ul#mobile_menu1 li a {color:linen; font-size:14pt;}
ul#mobile_menu1 li a:hover {opacity:.66;}*/


#left-bar-container { position:fixed; z-index:20;}
ul#left-hand-menu { background-color:transparent!important; margin-left:20px!important; margin-top:20px;}
ul#left-hand-menu li a {color:linen; font-size:13pt;line-height:32pt;}
ul#left-hand-menu li a:hover {opacity:.66;}

/* the donate button */
ul#left-hand-menu li.call-out a {
    font-weight:bold;
    line-height:65px;
    border-radius: 20px;
    border: 1px solid linen;
    padding: 5px 10px;
}


/* ensure hamburger menu shows on ipad */
@media (max-width: 1024px) and (min-width: 768px) {
    #fixed-mobile-menu {
        display: block !important;
    }
    #main-header {
        display: none !important;
    }
}

/* background fixed position left bar -- ONLY FOR HOME/MAIN PAGE */

/*body .left-bar-menu { display:none; }*/
body.home .left-bar-menu { 
    display:block;
    width: 210px; /*20.875%;*/
    z-index:21;
    top:0;
    left: 0;
    position: fixed;
    margin-top: 0px;
    height:100%;
    background-color: #44580e!important;
}

/* hide the left-bar-container if in divi visual builder */
body.home.et-fb .left-bar-menu { display:none!important;  }

/* logo atop the menu */
#logo-for-left-bar {
    width: 192px;
    margin-top: 35px;
    padding-left: 20px;
}

/* hamburger menu */
span.mobile_menu_bar,
span.mobile_menu_bar:before { color:white!important; }
ul.et_mobile_menu li a { color:white!important; }
#fixed-mobile-menu div { margin-right:8px;}

/* ** RESPONSIVE ** */
@media only screen and (max-width:980px) {

    /* make the fly-out be less than 100% tall */
    iframe#flyout-iframe { height:90%!important; }

    /* ensure any slider photos are wider than 50% */
/*    div.et_pb_slider { width:90%!Important; }*/

    /* add a white stroke around header text, and make it smaller */
    .et_pb_fullwidth_header_container  h1,
    .et_pb_fullwidth_header_container  h3 {
        text-shadow: 
        1px 1px 0px white, 
        -1px -1px 0px white,  
        1px -1px 0px white, 
        -1px 1px 0px white; /* Creates the white stroke effect */ 
    }
    .et_pb_fullwidth_header_container  h1 {
        margin-top:20px;
        font-size: 60px!important;
    }

    h2 { font-size:35px!important; }
    div.et_pb_section.pad-left-for-menu div.et_pb_row { padding-left:0px!important; }
    #left-bar-container { width:0px!important;display:none!important; }
    div.full-width-mast-image   { margin-left:0px!important; }  
    #fixed-mobile-menu {
        position: fixed !important;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 20000; /* Ensures it stays above other content */
    }

    #page-container {
        padding-top: 80px; /* Adjust based on header height to prevent content overlap */
    }
}

/* make the sponsors appear in a uniform way */
#sponsors .et_pb_image_wrap { border:1px solid transparent!important; width:188px; height:188px; text-align:center; }
#sponsors .et_pb_image_wrap img { border:1px solid transparent!important; width:auto; height:188px; overflow:hidden;}

@media screen and (max-width:960px) {
    #sponsors { width: 385px!important; }    
}

@media screen and (max-width:567px) {
    #sponsors { width: 190px!important; }    
}