/*   
Theme Name: MECA
Theme URI: http://www.eridesign.com
Author: Eri Design Team
*/

/* Doug added 9/3/2020 */

/* Andreas, add all of this to the scss file */

/* mobile menu fixes - had to add !important because the regular stylesheet loads after */

#mobile-outer-wrapper {
    background-color:#fff;
}

#mobile-menu ul li a {
    display:inline-block;
    padding-top:0!important;
    padding-bottom:0!important;
    width:100%;
}

#mobile-menu>ul>li .sub-menu li.menu-item-has-children>a:before {
    top:0!important;
}

/* start on "For You" and mobile search menus */

#header-mobile-tools-wrapper {
    display:flex;
    margin-top:15px;
}

#header-mobile-tools-wrapper .mobile-nav .hamburg {
    margin-top:0;
    width:30px;
    height:30px;
}

#header-mobile-search {
    display:none;
    margin-right:10px;
    width:100px; /* keep it small to fit next to logo */
}

#header-mobile-search-input {
    margin-right:10px;
    font-size: 15px;
    width: 100%;
    padding: 0 8px;
    box-sizing: border-box;
    box-shadow: none;
    border: solid 1px #dbdbdc;
    height:30px;
    line-height: 30px;
}

#header-mobile-search-input:focus {
    outline:none;
}

#header-mobile-search-toggle {
    margin-right:20px;
}

#header-mobile-search-toggle svg {
    fill: black;
    width: 18px;
    position: relative;
    transform: rotateY(180deg);
}

#header-mobile-info-for {
    margin-right:20px;
    margin-top:5px;
}

#header-mobile-info-for:hover {
    cursor:pointer;
}

#header-mobile-info-for .nav-dropdown {
    display:none;
    position: relative;
}

#header-mobile-info-for .nav-dropdown ul {
    list-style: none;
    position: absolute;
    left:-140px;
    top:10px;
    padding:10px 0px;
    border:1px solid #dbdbdc;
    right:0px;
    background:#f6f6f6;
}

#header-mobile-info-for .nav-dropdown ul li {
    
}

#header-mobile-info-for .nav-dropdown ul li a {
    text-decoration: none;
    display:block;
    padding:5px 10px;
}

#header-mobile-info-for .nav-dropdown ul li:hover a {
    background-color:#CECECE;
}

/* Doug New HP panel */

.home #hp-logo-panel-wrapper {
    margin: 50px 0px;
}

.home #hp-logo-panel-wrapper .hp-logo-panel {
    max-width: 80%;
    margin: 0 auto;
}

.home #hp-logo-panel-wrapper .hp-logo-panel .hp-logo-panel-logo {
    max-width: 300px;
    height:auto;
}

.home #hp-logo-panel-wrapper .hp-logo-panel .hp-logo-panel-logo img {
    width:100%;
}

.home #hp-logo-panel-wrapper .hp-logo-panel .hp-logo-panel-copy {
    color:#7f7f7f;
    font-size:22px;
    display:flex;
    align-items: center;
    margin-top:30px;
}

.home #hp-logo-panel-wrapper .hp-logo-panel .hp-logo-panel-copy a {
    text-decoration: none;
    color:#7f7f7f;
    font-size:22px;
    font-weight:600;
}

@media screen and (min-width: 931px) {
    
    .home #hp-logo-panel-wrapper .hp-logo-panel {
        display: flex;
        align-items: center;
    }
    
    .home #hp-logo-panel-wrapper .hp-logo-panel .hp-logo-panel-copy {
        margin-top:0px;
        margin-left:50px;
    }

    #header-mobile-search,
    #header-mobile-search-toggle,
    #header-mobile-info-for {
        display:none;
    }
}