#main-menu{background-color:var(--logo-light-blue);line-height:normal;letter-spacing:normal;display:none}#main-menu *{box-sizing:border-box}.menu-container{display:flex;flex-basis:var(--page-width);flex-shrink:1;flex-grow:1;align-items:center;max-width:100%;padding:0 1.5rem}.menu-container a{transition:all .3s ease}.menu-container>ul{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;font-family:var(--main-font-family);font-size:16px;padding:0;position:relative;list-style-type:none;margin:0 auto}@media(min-width:1400px){.menu-container>ul{font-size:18px}}.menu-container>ul>li{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;white-space:nowrap}.menu-container>ul>li:after{content:"";position:relative;left:5px;transform:translate(-50%);width:0px;height:0px;margin-top:-8px;border-style:solid;border-width:0 8px 8px 8px;border-color:transparent transparent transparent transparent}.menu-container>ul>li:hover:after{border-bottom-color:#eee}.menu-container>ul>li>a{color:#fff;text-decoration:none;padding:8px 12px;height:40px;min-height:40px;display:block}@media(min-width:1300px){.menu-container>ul>li>a{padding:8px 15px}}.menu-container>ul>li:first-of-type a{padding-left:0}.menu-container>ul>li:last-of-type a{padding-right:0}.menu-container a:hover{color:var(--logo-dark-blue)}.menu-container li .sub-menu{position:absolute;left:50%;transform:translate(-50%);top:100%;z-index:2;background-color:#eee;border:1px solid #b9b9b9;border-top:0;box-shadow:var(--window-shadow);width:100%;margin:0 auto;display:none;text-align:left}.menu-container li:hover .sub-menu,.menu-container li .sub-menu.example{display:grid;grid-template-columns:repeat(2,1fr)}.menu-container li .sub-menu .row{grid-column-start:1;grid-column-end:3;display:flex}.menu-container li .sub-menu .row .list{flex-basis:25%;flex-grow:1;max-width:50%;flex-shrink:1;padding:10px 30px;margin-top:20px;border-left:1px solid #cccccc}.menu-container li .sub-menu .row .list:first-child{border-left:none}.menu-container li .sub-menu .row .blog-list{flex-basis:25%;flex-grow:0;flex-shrink:1;padding:10px 30px;margin-top:20px;margin-left:auto;border-left:1px solid #cccccc;max-width:25%}.menu-container li .sub-menu .image{flex-basis:33%;flex-grow:1;flex-shrink:1;max-width:50%}.menu-container li .sub-menu .image img{display:block;width:100%;height:auto;padding:20px}.menu-container li .sub-menu h3{font-weight:400;font-size:18px;color:#333;margin:18px 0}.menu-container li .sub-menu h4{font-size:18px;color:var(--logo-dark-blue);margin:18px 0}.menu-container li .sub-menu ul{list-style-type:none;padding:0;font-size:15px}.menu-container li .sub-menu ul a{text-decoration:none;color:#666;display:block;padding:8px 0;border-bottom:1px solid #dddddd}.menu-container li .sub-menu ul a:hover{color:var(--logo-dark-blue);background-color:#ddd}.menu-container .blog{background-color:#ddd;padding:10px}.menu-container .blog a{text-decoration:none;color:#333;white-space:normal}.menu-container .blog a:hover{color:var(--logo-dark-blue)}.menu-container .blog img{width:100%;height:auto;display:block}@media(min-width:1200px){#main-menu{display:flex;justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/section-header-hc-main-menu.css.map */
