.header {position: fixed;top: 0;left: 0;right: 0;width: 100%;max-width: 1920px;background: #dfd4c3;margin: 0 auto;z-index: 9999;box-shadow: 0 0.3125rem 0.625rem rgba(0, 0, 0, 0.1); } .header .container > .row {width: 100%;flex-wrap: nowrap; } .header .mobile-menu {display: flex;align-items: center; } @media only screen and (min-width: 1216px) {.header .mobile-menu {display: none;} } .header .mobile-menu .btn {padding: 0.3125rem; } .header .mobile-menu .btn.collapsed {background-color: var(--primary); } .header .logo {flex-grow: 1; } @media (max-width: 991.98px) {.header .logo svg {max-width: 4rem;} } .header .col-nav {display: flex;flex-direction: row;justify-content: center;align-items: center;position: relative; } @media (max-width: 650.98px) {.header .col-nav.header-lang, .header .col-nav.header-social {position: fixed;top: 15%;width: 20.625rem;left: -20.625rem;transition: left 0.5s;}.header .col-nav.header-lang.show, .header .col-nav.header-social.show {left: 0;transition: left 0.5s;} } .header .col-nav.header-social {top: 20%; } @media only screen and (max-width: 1215px) {.header .col-navbar {position: fixed;left: -20.625rem;width: 20.625rem;height: calc(100% - 5.5625rem);background: #dfd4c3;top: 5.5625rem;transition: left 0.5s;align-items: flex-start;padding-top: 35%;}.header .col-navbar.show {left: 0;transition: left 0.5s;}.header .col-navbar .navbar-nav {flex-direction: column;width: 100%;}.header .col-navbar .navbar-nav .nav-link {font-size: 1.25rem;}.header .col-navbar .nav-dropdown {list-style: none;padding-left: 0;}.header .col-navbar .nav-dropdown .nav-link {font-size: 0.875rem;} } .header .nav-border {display: block;width: 1px;height: 2.125rem;position: absolute;right: 0;top: 50%;background: var(--black);transform: translateY(-50%); } @media (max-width: 650.98px) {.header .nav-border {display: none;} } .header .navbar {height: 5.5625rem; } .header .navbar-brand {color: var(--black); } .header .navbar-brand:hover {color: var(--link-hover-color); } .header .navbar-nav {flex-direction: row; } @media only screen and (min-width: 1216px) {.header .navbar-nav .btn {display: none;} } @media only screen and (min-width: 1216px) {.header .nav-dropdown {display: none;} } .header .nav-link {font-size: 0.75rem;font-family: "Lora";font-weight: 700;text-transform: uppercase;border: 0.125rem solid transparent;letter-spacing: 0.105rem;padding-left: 1.25rem;padding-right: 1.25rem;color: var(--black);display: flex;justify-content: center;align-items: center;text-align: center;position: relative; } @media (min-width: 992px) {.header .nav-link:after {position: absolute;width: 0;height: 2px;content: "";bottom: 0.5rem;left: 50%;transform: translateX(-50%);background-color: var(--black);transition: width 0.5s;} } .header .nav-link:hover:after {width: calc(100% - 2.5rem);transition: width 0.5s; } .header .nav-link.active {border-color: var(--primary); } .header .nav {height: 100%; } .header .nav a {display: flex;height: 100%;align-items: center;justify-content: center;padding: 0.5rem;color: var(--black); } .header .nav a:hover {color: var(--link-hover-color); } .header .nav a img {height: 1.1875rem; } .header .cart {text-decoration: none !important;color: var(--black);border: 0.125rem solid var(--primary);letter-spacing: 0.105rem;padding-left: 1.25rem;padding-right: 1.25rem;height: 2.8125rem;display: inline-flex;align-items: center;justify-content: center;font-size: 0.75rem;font-family: "Lora";font-weight: 700;letter-spacing: 0.105rem; } .header .cart svg {margin-right: 0.625rem; } .header .cart:hover {color: var(--primary); } .header .custom-select {background-color: transparent;font-size: 0.75rem;font-family: "Lora";font-weight: 700;text-transform: uppercase;letter-spacing: 0.105rem;color: var(--black);min-width: 4.6875rem;padding-top: 0.625rem;padding-top: 0.625rem;height: 2.8125rem;border-color: var(--primary); } .header-image {height: 6.25rem;position: relative; } .header-image img {width: 100%;height: 100%;object-fit: cover;top: 0;bottom: 0;top: 0;right: 0;position: absolute; }