.navbar-brand img { height: 125px; width: auto; } .ss-custom-navbar { font-family: "YankeeMedium"; border-bottom: 1px solid #151515; min-height: 135px; transition: transform 0.3s ease-in-out; top: 0; z-index: 1050; transform: translateY(0%); } .ss-custom-navbar.hide-navbar { transform: translateY(-100%); } .ss-custom-navbar .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3.5' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .ss-custom-navbar .navbar-nav .nav-link { position: relative; display: flex; padding: 7px 1rem; font-family: "YankeeBold"; color: #000; font-size: 15px; letter-spacing: 2.5px; text-transform: uppercase; /* height: 125px; */ align-items: center; overflow: hidden; } .ss-custom-navbar .navbar-nav .nav-link:after { background-color: #d32339; bottom: 0; content: ""; height: 5px; left: 17px; position: absolute; transform: translateY(100%); transition: transform 0.2s ease; width: calc(100% - 34px); } .ss-custom-navbar .navbar-nav .nav-link:hover { color: #000; } .ss-custom-navbar .navbar-nav .ss-nav-item:hover .nav-link:after { transform: translateY(0); } .ss-custom-navbar .navbar-nav .ss-nav-item { margin-bottom: 0; } .ss-search-form .input-group { border-radius: 7px; padding-left: 0.88rem; padding-right: 0.88rem; background-color: #fff; border: 1.5px solid #000; align-items: center; font-size: 14px; color: #000; font-family: YankeeBold; } .ss-search-form .input-group svg { width: 16px; } .ss-search-form .input-group input { padding: 6px; font-size: 14px; color: #000; font-family: YankeeBold; background-color: transparent; height: auto; } .ss-search-form .input-group input::placeholder {color: #000} .ss-search-form .input-group-text, .ss-search-form input { border: none; background-color: #d4d4d4; } .ss-search-form input:focus, .ss-search-form input:focus-visible { box-shadow: none; border: none; background-color: transparent; outline: none; } .ss-mega-overlay { position: fixed; top: 61px; /* height of navbar */ left: 0; width: 100%; height: calc(100vh - 61px); /* backdrop-filter: blur(4px); */ background-color: rgba(0, 0, 0, 0.7); opacity: 0; visibility: hidden; z-index: 10; transition: opacity 0.1s ease; } .ss-mega-overlay.active { opacity: 1; visibility: visible; } .ss-mega-menu-container { position: absolute; /* display: none; */ background-color: #e5e5e5; border-top: 1px solid #151515; border-bottom: 1px solid #151515; top: 100%; width: 100%; left: 0; /* opacity: 0; visibility: hidden; */ z-index: 20; box-shadow: 0 12px 15px rgba(0, 0, 0, 0.4); /* transform: translateY(10px); */ /* transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s; */ } .ss-mega-menu-container .ss-menu-item_media { margin-bottom: 1.333rem; } /* .ss-mega-menu-container:after { content: ""; display: block; position: absolute; width: 100%; height: calc(100vh - 61px); top: 0; background-color: rgba(0, 0, 0, 0.5); z-index: -1; } */ .ss-mega-menu-container a { text-decoration: none; } .ss-mega-menu-container ul { list-style: none; padding: 0; } .ss-mega-menu-container .ss-menu-item_list a { display: inline-block; padding-top: 0.5rem; font-size: 15px; line-height: 24px; color: #000; } .ss-mega-menu-container .ss-menu-item p { font-size: 15px; } .ss-mega-menu-container .ss-menu-item_list h4 a { font-family: YankeeBold; font-size: 22px; } .ss-menu-item_social { gap: 10px; } .ss-navbar-toggler { margin-bottom: auto; padding: 0; padding-top: 1rem; border: none; } .ss-mbl-navbar-toggler { position: absolute; display: none; padding: 0; top: 35px; left: 35px; z-index: 1; border: 0; outline: none; } .ss-mbl-navbar-toggler svg { width: 25px; } .ss-mbl-navbar-toggler:focus { outline: none; box-shadow: none; } .ss-nav-social { display: flex; margin-top: 30px; align-items: center; gap: 30px; font-size: 24px; } .ss-nav-social a{ color: #000; } @media (max-width: 767px) { .navbar-expand-md > .container { padding-left: 20px; padding-right: 20px; } .ss-custom-navbar .navbar-nav .nav-link:after { content: none; background-color: transparent; } .ss-custom-navbar .navbar-nav .has-mega-menu .nav-link:after { content: "+"; display: inline-block; width: auto; height: auto; right: 6px; left: auto; top: 52%; bottom: 0; color: #fff; font-size: 30px; z-index: 1; transform: translate(0px, -50%) !important; line-height: normal; font-weight: 600; } .ss-custom-navbar .navbar-nav .has-mega-menu .nav-link:not(.collapsed):after { content: "-"; } .ss-mbl-navbar-toggler { display: inline-block; } .ss-navbar-collapse { position: fixed; padding: 90px 0 50px 0; display: flex; flex-direction: column; align-items: center; right: 0; top: 0px; width: 100%; max-width: 100vw; height: 100vh; z-index: 999; gap: 30px; overflow-y: auto; background-color: #000; } .ss-navbar-collapse.collapsing { right: -100%; transition: height 0s ease; } .ss-navbar-collapse.show { right: 0; transition: right 0.4s ease-in-out; } .navbar-toggler.collapsed ~ .ss-navbar-collapse { transition: right 0.5s ease-in-out; } .ss-custom-navbar .navbar-nav { font-size: 22px; align-items: flex-start; width: 100%; } .ss-custom-navbar .navbar-nav .ss-nav-item { width: 100%; border-bottom: 1px solid #fff; } .navbar-light.ss-custom-navbar .navbar-nav .nav-link { padding: 1.777rem; color: #fff; height: auto; } .navbar-light.ss-custom-navbar .navbar-nav .nav-link:hover, .navbar-light.ss-custom-navbar .navbar-nav .nav-link:focus { background-color: #000; } .ss-mega-menu-container { position: static; padding: 0 1.777rem 1.777rem; background-color: transparent; } .ss-mega-menu-container > .row { gap: 1.777rem; } .ss-mega-menu-container > .row > div:not(:last-child) .ss-menu-item { padding-bottom: 1.777rem; border-bottom: 1px solid #fff; } .ss-mega-menu-container .ss-menu-item_list a { color: #fff; } .ss-mega-menu-container .ss-menu-item p {color: #fff;} .ss-mega-menu-container .ss-nav-social a {color: #fff;} } /*** FLEX FIX FOR COLUMN HEIGHT + BORDER ***/ @media (min-width: 768px) { .ss-mega-menu-container { display: block !important; padding-top: 1.777rem; padding-bottom: 1.777rem; opacity: 0; transform: translateY(10px); visibility: hidden; transition: opacity 0.3s ease, transform 0.3s ease; } .ss-custom-navbar .navbar-nav .ss-nav-item:hover .ss-mega-menu-container { display: block; opacity: 1; visibility: visible; transform: translateY(0); } .ss-mega-menu-container > .row { display: flex; align-items: stretch; flex-wrap: nowrap; } .ss-mega-menu-container > .row > div { display: flex; flex-direction: column; flex: 1 1 auto; } .ss-mega-menu-container > .row > div .ss-menu-item { height: 100%; } .ss-mega-menu-container > .row > div:nth-child(-n+2) .ss-menu-item { border-right: 1px solid #323232; } .ss-mega-menu-container .ss-menu-item { padding-left: 1.5rem; padding-right: 1.5rem; } } @media (min-width: 768px) and (max-width: 991px) { .ss-mega-menu-container { border-bottom: 1px solid #000; } .ss-custom-navbar .navbar-nav .nav-link { padding: 0 0.5rem; letter-spacing: 1px; font-size: 11px; } .ss-custom-navbar .navbar-nav .nav-link:after { left: 10px; width: calc(100% - 19px); } .ss-mega-menu-container .ss-menu-item { padding-left: 1.5rem; padding-right: 1.5rem; } .ss-mega-menu-container .ss-menu-item_list h4 a { font-size: 20px; } } @media (min-width: 992px) and (max-width: 1199px) { .ss-custom-navbar .navbar-nav .nav-link { padding: 0 0.5rem; letter-spacing: 1px; font-size: 11px; } .ss-custom-navbar .navbar-nav .nav-link:after { left: 10px; width: calc(100% - 19px); } .ss-mega-menu-container .ss-menu-item { padding-left: 2.157rem; padding-right: 2.157rem; } .ss-mega-menu-container .ss-menu-item_list h4 a { font-size: 20px; } } @media (min-width: 1200px) and (max-width: 1299px) { .ss-custom-navbar .navbar-nav .nav-link { letter-spacing: 1.5px; } } /* Footer */ .ss-footer-mobile * { color: #fff; } .ss-mbl-footer-accordion .card { background-color: transparent; border-radius: 0; border: none; border-bottom: 1px solid #fff !important; color: #fff; } .ss-mbl-footer-accordion .card .card-header { border: none; } .ss-mbl-footer-accordion .card .card-header .btn { display: flex; align-items: center; justify-content: space-between; font-family: "YankeeBold"; font-size: 15px; text-transform: uppercase; border: none; text-decoration: none; } .ss-mbl-footer-accordion .card .card-header .btn::after { content: "+"; font-size: 24px; } .ss-mbl-footer-accordion .card .card-header .btn[aria-expanded="true"]::after { content: "-"; } .ss-mbl-footer-accordion .card ul { padding: 0; list-style: none; } .ss-footer-mobile .btn-link:hover { color: #fff; } .ss-footer-mobile .btn:focus-visible { outline: none; } @media (min-width: 767px) { footer > .afw-base { background-color: #151515; background-image: linear-gradient(135deg, #002f59 0%, transparent 20%), linear-gradient(315deg, #6b0000 0%, transparent 15%); background-blend-mode: normal; } footer > .afw-ft-black::after {content: none;} } /********* @media (max-width: 767px) { .navbar-expand-md > .container { padding-left: 40px; padding-right: 40px; } .ss-custom-navbar .navbar-nav .nav-link:after { content: none; background-color: transparent; } .ss-custom-navbar .navbar-nav .has-mega-menu .nav-link:after { content: "+"; display: inline-block; width: auto; height: auto; right: 6px; left: auto; top: 52%; bottom: 0; color: #fff; font-size: 30px; z-index: 1; transform: translate(0px, -50%) !important; line-height: normal; font-weight: 400; } .ss-custom-navbar .navbar-nav .has-mega-menu .nav-link:not(.collapsed):after { content: "-"; } .ss-mbl-navbar-toggler { display: inline-block; } /* hamburger sidebar-drop .ss-navbar-collapse { position: fixed; padding: 90px 0 50px 0; display: flex; flex-direction: column; align-items: center; right: 0; top: 0px; width: 100%; max-width: 100vw; height: 100vh; z-index: 999; gap: 30px; overflow-y: auto; background-color: #000; } .ss-navbar-collapse.collapsing { right: -100%; transition: height 0s ease; } .ss-navbar-collapse.show { right: 0; transition: right 0.4s ease-in-out; } .navbar-toggler.collapsed ~ .ss-navbar-collapse { transition: right 0.5s ease-in-out; } .ss-custom-navbar .navbar-nav { font-size: 22px; align-items: flex-start; width: 100%; } .ss-custom-navbar .navbar-nav .ss-nav-item { width: 100%; border-bottom: 1px solid #fff; } .navbar-light.ss-custom-navbar .navbar-nav .nav-link { padding: 1.777rem; color: #fff; height: auto; } .navbar-light.ss-custom-navbar .navbar-nav .nav-link:hover, .navbar-light.ss-custom-navbar .navbar-nav .nav-link:focus { background-color: #000; } .ss-mega-menu-container { position: static; padding: 0 1.777rem 1.777rem; background-color: transparent; } .ss-mega-menu-container > .row { gap: 1.777rem; } .ss-mega-menu-container > .row > div:not(:last-child) .ss-menu-item { padding-bottom: 1.777rem; border-bottom: 1px solid #fff; } .ss-mega-menu-container .ss-menu-item_list a { color: #fff; } } @media (min-width: 768px) { .ss-custom-navbar .navbar-nav .ss-nav-item:hover .ss-mega-menu-container { display: block; opacity: 1; visibility: visible; } .ss-mega-menu-container { padding-top: 1.777rem; padding-bottom: 1.777rem; } .ss-mega-menu-container .ss-menu-item { padding-left: 3.157rem; padding-right: 3.157rem; border-right: 1px solid #c7c7c7; } } @media (min-width: 768px) and (max-width: 991px) { .ss-custom-navbar .navbar-nav .nav-link { padding: 0 0.5rem; letter-spacing: 1px; font-size: 11px; } .ss-custom-navbar .navbar-nav .nav-link:after { left: 10px; width: calc(100% - 19px); } .ss-mega-menu-container .ss-menu-item { padding-left: 1.5rem; padding-right: 1.5rem; } .ss-mega-menu-container .ss-menu-item_list h4 a { font-size: 20px; } } @media (min-width: 992px) and (max-width: 1199px) { .ss-custom-navbar .navbar-nav .nav-link { padding: 0 0.5rem; letter-spacing: 1px; font-size: 11px; } .ss-custom-navbar .navbar-nav .nav-link:after { left: 10px; width: calc(100% - 19px); } .ss-mega-menu-container .ss-menu-item { padding-left: 2.157rem; padding-right: 2.157rem; } .ss-mega-menu-container .ss-menu-item_list h4 a { font-size: 20px; } } /* Footer .ss-footer-mobile * { color: #fff; } .ss-mbl-footer-accordion .card { background-color: transparent; border-radius: 0; border: none; border-bottom: 1px solid #fff !important; color: #fff; } .ss-mbl-footer-accordion .card .card-header { border: none; } .ss-mbl-footer-accordion .card .card-header .btn { display: flex; align-items: center; justify-content: space-between; font-family: "YankeeMedium"; border: none; text-decoration: none; } .ss-mbl-footer-accordion .card .card-header .btn::after { content: "+"; font-size: 24px; } .ss-mbl-footer-accordion .card .card-header .btn[aria-expanded="true"]::after { content: "-"; } .ss-mbl-footer-accordion .card ul { padding: 0; list-style: none; } .ss-footer-mobile .btn-link:hover { color: #fff; } .ss-footer-mobile .btn:focus-visible { outline: none; }