/* 
 Theme Name:     Big Hollow Food Coop
 Author:         
 Author URI:     
 Template:       Divi
 Description:    A child theme for Divi
 Version:        1.0
 License:        Proprietary
*/

/****  RESPONSIVE MENU FIX  ****/
@media only screen and (max-width: 1281px) and (min-width: 880px) {
 #top-menu-nav { display:none; }
}
@media only screen and (max-width: 1281px) and (min-width: 880px) {
 #et_mobile_nav_menu { display:block }
}

/* --------- REMOVE MENU LINK FADE ANIMATION  --------- */

header#main-header * {
transition: 0s !important;
}

/* ---------  DIVI HORIZONTAL SCROLL FIX  --------- */

#page-container { overflow:hidden; }

/* ---------  DIVI COLLAPSING MOBILE MENU FIX  --------- */

#main-header .et_mobile_menu .menu-item-has-children > a:after { font-size: 16px; content: '\45' !important;}

#main-header .et_mobile_menu .menu-item-has-children.visible > a:after { content: '\43' !important; }

/* ---------  DIVI SECONDARY MENU ARROW  --------- */

#et-secondary-nav .menu-item-has-children>a:first-child:after, #top-menu .menu-item-has-children>a:first-child:after {
    content: "\45"; }
 
#et-secondary-nav .menu-item-has-children:hover>a:first-child:after, #top-menu .menu-item-has-children:hover>a:first-child:after {
    content: "\43"; }

/* ---------  FOOTER  --------- */

#footer-bottom {
    text-align: center;
    display: table;
    margin: auto;
    width: 100%;
}

#footer-info {
    float: none;
    color: #fff;
    text-align: center;
    font-family: Lato;
}

#footer-info a {
    color: #fff;
    font-weight: 600;
}

#footer-bottom a {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: none;
    color: #fff;
}

#footer-bottom .et-social-icons {
    margin-bottom: 0px;
    display: table;
    margin: auto;
    padding-bottom: 10px;
}

.et-social-icons {
    float: none;
}

/* ADD CSS CLASS my_google_map TO MAP MODULE TO DISPLAY MAP INFO WINDOW BY DEFAULT */

/* ---------  MAP INFO WINDOW  --------- */

div.infowindow {
    text-align: center;
    margin-bottom:15px;
    font-size: 18px;
    width: 100%;
    overflow: visible !important;
}

.gm-style-iw h3 {
    display: none;
}

div.infowindow h3 {
    text-align: center;
    font-size: 18px;
    width: 100%;
    overflow: visible !important;
}

div.infowindow p {
    padding: 2% 1%;
    width: 300px;
    overflow: visible !important;
}

.gm-style .gm-style-iw {
    font-weight: 300;
    font-size: 13px;
    overflow: visible !important;
    width: 100% !important;
    padding: 5% 3%;
}

p.map-button a {
    color: #FFF;
    display: inline-block;
    position: relative;
    border-radius: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: #5f52a3; /* Map Button Border Color */
    padding: 0.8em 2.375em;
    font-size: 0.9em;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: 700;
    background: #5f52a3;   /* Map Button Color */
}

p.map-button a:hover {
    background: #504589;  /* Map Button Hover Color */
    color: #fff;
    border-color: #504589; /* Map Button Border Hover Color */
}

@media (max-width: 980px) {
.et_pb_fullwidth_section .et_pb_map {
    height: 310px !important; }

div.infowindow {
    text-align: center;
    margin-bottom:15px;
    font-size: 14px;
    width: 100%;
    overflow: visible !important; }

div.infowindow h3 {
    text-align: center;
    font-size: 14px;
    width: 100%;
    overflow: visible !important; }

div.infowindow p {
    padding: 2% 0px;
    width: 172px;
    overflow: visible !important; }

p.map-button a {
    padding: 0.8em 1.375em; }
}

div.infowindow p {
    font-weight: 500;
}