.promo-text-container { z-index: 1031; } .wellina-rc-header, .wellina-rc-header .navbar { background-color: #fff; display:block!important; } .wellina-rc-header .navbar-brand{ display: block; width: 7.8125em; height: auto; margin: 0 auto; width:100%; } .wellina-rc-header .navbar-brand svg { width: 30px; height:auto; position: absolute; margin: 0 auto; top:15px; left: 0; right: 0; } .wellina-rc-header .progress { height: .75em; border-radius: .5em; } .wellina-rc-header .progress-bar { background-color: #64A535; border-radius: .5em; } .wellina-rc-header .w-33 { width: 33%; } .wellina-rc-header .navbar-toggle { position: relative; float: none; padding: 8px 14px; margin:0; background-color: transparent; background-image: none; border: 1px solid transparent; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-radius: 4px; } .wellina-rc-header .navbar-default .navbar-toggle { display: flex; flex-direction: column; gap:6px; padding:8px 2px; border:0; } .wellina-rc-header .navbar-header{ display:flex; padding: 15px; align-items: center; } .wellina-rc-header .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .wellina-rc-header #mbl-navbar-collapse { padding-top: 12px; border:0; } .wellina-rc-header .nav-item a{ font-family: korolev; font-size: 20px; } .navbar-default .navbar-nav>li>a { padding: 12px 0 12px 15px; } footer.simple-footer p{ margin:0 0 12px; } @media (max-width: 991px) { .wellina-rc-header .nav-item { border-top: 1px solid #ccc; } } @media(min-width:768px){ .promo-text-container a.promo-banner .offer-details { top: 6px; } .wellina-rc-header .navbar-header, .wellina-rc-header .navbar-nav>li, .wellina-rc-header .navbar-nav { float: none; } .wellina-rc-header .navbar-default .navbar-nav>li>a { border-left: 0; } footer.simple-footer { padding-top: 0 } .wellina-rc-header .navbar-brand svg { top: 15px; } } @media(min-width:992px){ .wellina-rc-header, .wellina-rc-header .navbar { background-color: #FFF; } .wellina-rc-header .nav-container { padding:0 15px; } .wellina-rc-header .navbar-default { position:relative; border:0; } .wellina-rc-header .prog-bar { margin-top: 0; } .wellina-rc-header .navbar-brand { width: 6.5em; } .wellina-rc-header .navbar-brand svg { width:40px; position:static; margin:0; } #mbl-navbar-collapse { display: block; } .wellina-rc-header #mbl-navbar-collapse .navbar-nav{ display: flex; } .wellina-rc-header .navbar-header { flex-direction: row-reverse; padding: 0; } .wellina-rc-header .navbar-default .navbar-toggle { border-color:rgba(0, 0, 0, 0.2); display: none; flex-direction: column; gap:6px; } .wellina-rc-header .nav-container{ display: flex; align-items: center; margin: 10px auto; } .wellina-rc-header #mbl-navbar-collapse { padding-top: 0; margin-left: auto; } .wellina-rc-header .navbar-default .navbar-nav>li>a { padding: 8px; font-size: 1em; } .wellina-rc-header .navbar-default .navbar-nav>li>a:focus, .wellina-rc-header .navbar-default .navbar-nav>li>a:hover { border-radius: 0.625em; background: var(--Colors-Brand-Mint, #EFF6E4); color:inherit; } } @media(min-width:1200px){ .wellina-rc-header .navbar-brand { width: 12.5em; } .wellina-rc-header .navbar-nav>li{ margin-left:12px; } .wellina-rc-header .navbar-default .navbar-nav>li>a { font-size: 1.125em; } }