@keyframes subtlePulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}#main_nav{position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:#fff;transition:box-shadow .3s ease}#main_nav.scrolled{box-shadow:0 2px 10px rgba(0,0,0,.1)}main{padding-top:165px}#discount_banner{padding:10px 20px;background-color:var(--primary-color);color:white;text-align:center;span{padding-bottom:0 !important;margin-bottom:0 !important;position:relative;top:2px}a{color:white;text-decoration:none;font-weight:600;&:hover{text-decoration:none}}img{height:24px;position:relative;top:-5px}}#top_bar,#nav_items_container{height:60px;a{color:var(--text-light);text-decoration:none}}#top_bar{border-bottom:1px solid #dee2e6;display:flex;align-items:center;justify-content:space-between;img{max-height:30px}#main_logo{height:30px}ul{display:flex;list-style:none;margin:0;padding:0}#top_bar_right{display:flex;align-items:center;.btn{padding:4px 24px !important}.hr{border-right:2px solid var(--stroke) !important;height:40px !important;padding:2px !important;margin-left:26px}li{margin-left:26px;a{color:#09101ea3;font-size:15px}img{width:20px !important}}}}#nav_items_container{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1000;ul{display:flex;list-style:none;margin:0;padding:0;li{padding-left:0}a{display:block;padding:16px 24px 16px 0px;color:#09101ea3;font-size:15px;display:flex;align-items:center;img{width:16px;margin-left:4px}}}.other_links{color:#09101ea3;font-size:15px}img{max-height:40px}}.dropdown{position:relative}.dropdown_content{z-index:5000 !important;position:absolute;top:100%;left:0;background-color:white !important;transition:opacity 0.1s linear,visibility 0.3s linear;opacity:0;visibility:hidden;display:none;box-shadow:0px 4px 8px rgba(0,0,0,0.06);&.open{opacity:1;visibility:visible}.nav_item{display:flex !important;align-items:start;margin-bottom:1em;min-height:6em !important;transition:all 0.4s linear;padding-left:16px !important;cursor:pointer;text-decoration:none;img{width:24px;margin-right:1em;filter:var(--primary-filter);&.no_filter{filter:none !important}}.promo_item{display:flex;align-items:center;gap:8px;margin-bottom:4px;.badge{background-color:var(--primary-color);padding:5px 8px !important;margin:0 !important;color:#fff !important;border-radius:6px !important;font-size:12px !important;font-weight:500 !important;position:relative;top:-2px;animation:subtlePulse 2.5s ease-in-out infinite}}.nav-title{display:block;font-size:16px;font-weight:600;margin-bottom:.2em;color:var(--text)}span{font-size:14px;font-weight:500;color:var(--text-light)}}.blog_links{padding-left:28px;.nav-title{display:block;font-size:16px;margin-bottom:12px}.blog_item{display:flex;cursor:pointer;min-height:5em !important;align-items:start;.details{display:flex;flex-direction:column;justify-content:space-around;padding-right:5em;padding-bottom:6px;width:calc(100% - 120px);height:5.5em;.nav-title{display:inline-block;line-height:1.6em}}.image{background-image:url(//whogohost.com/wp-content/themes/HAWHG/assets/css/../images/blog.jpg);background-size:cover;background-repeat:no-repeat;width:120px;height:5.5em;margin-right:12px;border-radius:12px}.nav-title{display:block;font-size:16px;font-weight:600}.read{font-size:14px;img{width:20px;height:20px;margin-left:4px;filter:var(--primary-filter)}}}}}#top_bar_mobile{height:75px;background-color:white;.row,.container,.col-12{height:100%}.col-12{height:100%;display:flex;align-items:center;justify-content:space-between;#mobile_logo{width:150px;height:auto}#mobile_menu_opener{width:30px;height:auto;cursor:pointer}}}#mobile_menu{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:white;z-index:9999;transition:all 0.2s linear;transform:translateY(20px);opacity:0;visibility:hidden;pointer-events:none;overflow-y:auto;padding-top:40px;padding-bottom:40px;.container{display:flex;flex-direction:column;justify-content:space-between;height:100%}&.active{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}.mobile_menu_toggle{width:30px;display:block;margin:0 auto;margin-bottom:60px}#mobile_accordion{.card{border:none;border-radius:0;border:none !important;.card-header{background-color:white;padding:0;border:none !important;.btn{width:100%;text-align:left;padding:16px 10px;font-weight:600;text-decoration:none;color:var(--text);position:relative;font-size:24px;&:after{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:18px;height:18px;background-image:url(//whogohost.com/wp-content/themes/HAWHG/assets/css/../images/icons/down_arrow.svg);background-size:contain;background-repeat:no-repeat;background-position:center;transition:transform .3s ease}&:not(.collapsed):after{transform:translateY(-50%) rotate(180deg)}}}.card-body{padding:10px 0px;.nav_item{display:block;padding:12px 10px;text-decoration:none;color:var(--text);margin-bottom:4px;background-color:#f8f9fa;border-radius:4px;&:last-child{border-bottom:none}.nav-title{display:block;font-size:16px;font-weight:600;margin:0 0 4px}span{font-size:14px;color:var(--text-light)}}}}}}