.header {position: sticky;z-index: 9999;background: var(--black);top: 0;padding-top: 0.8571428571rem;padding-bottom: 0.8571428571rem;width: 100%;max-width: 1920px;margin-left: auto;margin-right: auto; } .header .holder .navbar {background: var(--black);display: flex;align-items: center;justify-content: flex-end;height: 5.7142857143rem;padding: 0 0.8571428571rem 0 1.4285714286rem;gap: 0.7142857143rem; } @media (min-width: 992px) {.header .holder .navbar .col-menu {display: none;} } .header .holder .navbar .col-menu .btn .mdi {color: var(--color1);font-size: 2.7142857143rem;line-height: 1; } .header .holder .navbar .col-menu .btn.collapsed .mdi {color: var(--white); } .header .holder .navbar .col-logo {flex-grow: 1; } .header .holder .navbar .col-logo .brand {background-image: url("/static/img/logo_inasport.png");background-size: cover;background-position: center;display: block;width: 99px;height: 62px; } @media (max-width: 991.98px) {.header .holder .navbar .col-logo .brand {width: 7.0714285714rem;height: 4.4285714286rem;} } .header .holder .navbar .nav ul {display: flex;list-style: none;margin: auto 1.0714285714rem; } .header .holder .navbar .nav ul li {position: relative; } @media (min-width: 992px) {.header .holder .navbar .nav ul li:hover ul {display: flex;} } .header .holder .navbar .nav ul li button {display: none;position: absolute;top: 0;right: -2.8571428571rem; } .header .holder .navbar .nav ul li button svg {color: var(--white);width: 1.7142857143rem;height: 1.7142857143rem;transform: rotate(90deg); } .header .holder .navbar .nav ul li button.collapsed svg {transform: none; } .header .holder .navbar .nav ul li ul {position: absolute;background: var(--secondary);flex-direction: column;top: 3.0714285714rem;left: 0;padding: 1.0714285714rem 0.7142857143rem;width: max-content;margin: 0;display: none;z-index: 2;box-shadow: 0px 3px 6px rgba(var(--black), 0.3); } .header .holder .navbar .nav ul li ul.show {display: flex; } .header .holder .navbar .nav ul li ul .nav-link {padding: 0.3571428571rem 0.8571428571rem; } .header .holder .navbar .nav ul li ul .nav-link:hover:after {display: none; } .header .holder .navbar .nav-link {color: var(--color2);font-weight: 900;font-size: 1rem;text-transform: uppercase;padding: 0.7142857143rem 1.4285714286rem;position: relative; } .header .holder .navbar .nav-link:after {content: "";position: absolute;height: 2px;background: var(--white);bottom: 0.5rem;left: 1.4285714286rem;right: 1.4285714286rem;display: none; } .header .holder .navbar .nav-link:hover {color: var(--white); } .header .holder .navbar .nav-link:hover:after {display: block; } .header .holder .navbar .col-btn {display: flex;gap: 10px; } .header .holder .navbar .col-btn .btn-outline-primary {display: flex;gap: 0.7142857143rem;color: var(--white);align-items: center; } @media (max-width: 575.98px) {.header .holder .navbar .col-btn .btn-outline-primary span {display: none;} } .header .holder .navbar .languages {display: flex;flex-direction: column;align-items: flex-end;justify-content: center; } .header .holder .navbar .languages .custom-select {width: auto;color: var(--white);font-size: 1rem;text-transform: uppercase;font-weight: 900;background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3e%3cpath fill='%23fff' d='M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z'/%3e%3c/svg%3e") no-repeat right 2px center/24px 24px;width: 5.2857142857rem;cursor: pointer;border-color: var(--white) !important;border-width: 2px;box-shadow: none !important;height: auto;padding-top: 0.7142857143rem;padding-bottom: 0.7142857143rem; } @media (max-width: 991.98px) {.header {top: 0;}.header .holder {padding-top: 0;}.header .holder .container {padding: 0;}.header .holder .container .navbar {padding-left: 0;}.header .holder .container .navbar .nav-link {font-size: 1.5714285714rem;text-align: center;}.header .holder .container .nav {background: var(--black);position: absolute;top: 5.8571428571rem;left: -100%;width: 100%;height: calc(100vh - 5.8571428571rem);transition: left 0.5s;overflow-y: auto;}.header .holder .container .nav ul {padding: 2.1428571429rem;flex-direction: column;margin: auto;align-items: center;}.header .holder .container .nav ul li button {display: block;}.header .holder .container .nav ul li ul {position: unset;background: transparent;}.header .holder .container .nav ul li ul .nav-link {font-size: 1.1428571429rem;}.header .holder .container .nav.show {left: 0;transition: left 0.5s;} }