.sctk-navbar-item, .sctk-navbar.is-white .sctk-navbar-brand .sctk-navbar-link { color: #0a0a0a; } .sctk-navbar.is-white .sctk-navbar-brand > a.sctk-navbar-item:focus, .sctk-navbar.is-white .sctk-navbar-brand > a.sctk-navbar-item:hover, .sctk-navbar.is-white .sctk-navbar-brand > a.sctk-navbar-item.is-active, .sctk-navbar.is-white .sctk-navbar-brand .sctk-navbar-link:focus, .sctk-navbar.is-white .sctk-navbar-brand .sctk-navbar-link:hover, .sctk-navbar.is-white .sctk-navbar-brand .sctk-navbar-link.is-active { background-color: #f2f2f2; color: #0a0a0a; } .sctk-navbar.is-white .sctk-navbar-brand .sctk-navbar-link::after { border-color: #0a0a0a; } .sctk-navbar.is-white .sctk-navbar-burger { color: #0a0a0a; } @media screen and (min-width: 1024px) { .sctk-navbar.is-white .sctk-navbar-start > .sctk-navbar-item, .sctk-navbar.is-white .sctk-navbar-start .sctk-navbar-link, .sctk-navbar.is-white .sctk-navbar-end > .sctk-navbar-item, .sctk-navbar.is-white .sctk-navbar-end .sctk-navbar-link { color: #0a0a0a; } .sctk-navbar.is-white .sctk-navbar-start > a.sctk-navbar-item:focus, .sctk-navbar.is-white .sctk-navbar-start > a.sctk-navbar-item:hover, .sctk-navbar.is-white .sctk-navbar-start > a.sctk-navbar-item.is-active, .sctk-navbar.is-white .sctk-navbar-start .sctk-navbar-link:focus, .sctk-navbar.is-white .sctk-navbar-start .sctk-navbar-link:hover, .sctk-navbar.is-white .sctk-navbar-start .sctk-navbar-link.is-active, .sctk-navbar.is-white .sctk-navbar-end > a.sctk-navbar-item:focus, .sctk-navbar.is-white .sctk-navbar-end > a.sctk-navbar-item:hover, .sctk-navbar.is-white .sctk-navbar-end > a.sctk-navbar-item.is-active, .sctk-navbar.is-white .sctk-navbar-end .sctk-navbar-link:focus, .sctk-navbar.is-white .sctk-navbar-end .sctk-navbar-link:hover, .sctk-navbar.is-white .sctk-navbar-end .sctk-navbar-link.is-active { background-color: #f2f2f2; color: #0a0a0a; } .sctk-navbar.is-white .sctk-navbar-start .sctk-navbar-link::after, .sctk-navbar.is-white .sctk-navbar-end .sctk-navbar-link::after { border-color: #0a0a0a; } .sctk-navbar.is-white .sctk-navbar-item.has-dropdown:focus .sctk-navbar-link, .sctk-navbar.is-white .sctk-navbar-item.has-dropdown:hover .sctk-navbar-link, .sctk-navbar.is-white .sctk-navbar-item.has-dropdown.is-active .sctk-navbar-link { background-color: #f2f2f2; color: #0a0a0a; } .sctk-navbar.is-white .sctk-navbar-dropdown a.sctk-navbar-item.is-active { background-color: white; color: #0a0a0a; } } .sctk-navbar.is-black { background-color: #0a0a0a; color: white; } .sctk-navbar.is-black .sctk-navbar-brand > .sctk-navbar-item, .sctk-navbar.is-black .sctk-navbar-brand .sctk-navbar-link { color: white; } .sctk-navbar.is-black .sctk-navbar-brand > a.sctk-navbar-item:focus, .sctk-navbar.is-black .sctk-navbar-brand > a.sctk-navbar-item:hover, .sctk-navbar.is-black .sctk-navbar-brand > a.sctk-navbar-item.is-active, .sctk-navbar.is-black .sctk-navbar-brand .sctk-navbar-link:focus, .sctk-navbar.is-black .sctk-navbar-brand .sctk-navbar-link:hover, .sctk-navbar.is-black .sctk-navbar-brand .sctk-navbar-link.is-active { background-color: black; color: white; } .sctk-navbar.is-black .sctk-navbar-brand .sctk-navbar-link::after { border-color: white; } .sctk-navbar.is-black .sctk-navbar-burger { color: white; } @media screen and (min-width: 1024px) { .sctk-navbar.is-black .sctk-navbar-start > .sctk-navbar-item, .sctk-navbar.is-black .sctk-navbar-start .sctk-navbar-link, .sctk-navbar.is-black .sctk-navbar-end > .sctk-navbar-item, .sctk-navbar.is-black .sctk-navbar-end .sctk-navbar-link { color: white; } .sctk-navbar.is-black .sctk-navbar-start > a.sctk-navbar-item:focus, .sctk-navbar.is-black .sctk-navbar-start > a.sctk-navbar-item:hover, .sctk-navbar.is-black .sctk-navbar-start > a.sctk-navbar-item.is-active, .sctk-navbar.is-black .sctk-navbar-start .sctk-navbar-link:focus, .sctk-navbar.is-black .sctk-navbar-start .sctk-navbar-link:hover, .sctk-navbar.is-black .sctk-navbar-start .sctk-navbar-link.is-active, .sctk-navbar.is-black .sctk-navbar-end > a.sctk-navbar-item:focus, .sctk-navbar.is-black .sctk-navbar-end > a.sctk-navbar-item:hover, .sctk-navbar.is-black .sctk-navbar-end > a.sctk-navbar-item.is-active, .sctk-navbar.is-black .sctk-navbar-end .sctk-navbar-link:focus, .sctk-navbar.is-black .sctk-navbar-end .sctk-navbar-link:hover, .sctk-navbar.is-black .sctk-navbar-end .sctk-navbar-link.is-active { background-color: black; color: white; } .sctk-navbar.is-black .sctk-navbar-start .sctk-navbar-link::after, .sctk-navbar.is-black .sctk-navbar-end .sctk-navbar-link::after { border-color: white; } .sctk-navbar.is-black .sctk-navbar-item.has-dropdown:focus .sctk-navbar-link, .sctk-navbar.is-black .sctk-navbar-item.has-dropdown:hover .sctk-navbar-link, .sctk-navbar.is-black .sctk-navbar-item.has-dropdown.is-active .sctk-navbar-link { background-color: black; color: white; } .sctk-navbar.is-black .sctk-navbar-dropdown a.sctk-navbar-item.is-active { background-color: #0a0a0a; color: white; } } .sctk-navbar.is-light { background-color: whitesmoke; color: rgba(0, 0, 0, 0.7); } .sctk-navbar.is-light .sctk-navbar-brand > .sctk-navbar-item, .sctk-navbar.is-light .sctk-navbar-brand .sctk-navbar-link { color: rgba(0, 0, 0, 0.7); } .sctk-navbar.is-light .sctk-navbar-brand > a.sctk-navbar-item:focus, .sctk-navbar.is-light .sctk-navbar-brand > a.sctk-navbar-item:hover, .sctk-navbar.is-light .sctk-navbar-brand > a.sctk-navbar-item.is-active, .sctk-navbar.is-light .sctk-navbar-brand .sctk-navbar-link:focus, .sctk-navbar.is-light .sctk-navbar-brand .sctk-navbar-link:hover, .sctk-navbar.is-light .sctk-navbar-brand .sctk-navbar-link.is-active { background-color: #e8e8e8; color: rgba(0, 0, 0, 0.7); } .sctk-navbar.is-light .sctk-navbar-brand .sctk-navbar-link::after { border-color: rgba(0, 0, 0, 0.7); } .sctk-navbar.is-light .sctk-navbar-burger { color: rgba(0, 0, 0, 0.7); } @media screen and (min-width: 1024px) { .sctk-navbar.is-light .sctk-navbar-start > .sctk-navbar-item, .sctk-navbar.is-light .sctk-navbar-start .sctk-navbar-link, .sctk-navbar.is-light .sctk-navbar-end > .sctk-navbar-item, .sctk-navbar.is-light .sctk-navbar-end .sctk-navbar-link { color: rgba(0, 0, 0, 0.7); } .sctk-navbar.is-light .sctk-navbar-start > a.sctk-navbar-item:focus, .sctk-navbar.is-light .sctk-navbar-start > a.sctk-navbar-item:hover, .sctk-navbar.is-light .sctk-navbar-start > a.sctk-navbar-item.is-active, .sctk-navbar.is-light .sctk-navbar-start .sctk-navbar-link:focus, .sctk-navbar.is-light .sctk-navbar-start .sctk-navbar-link:hover, .sctk-navbar.is-light .sctk-navbar-start .sctk-navbar-link.is-active, .sctk-navbar.is-light .sctk-navbar-end > a.sctk-navbar-item:focus, .sctk-navbar.is-light .sctk-navbar-end > a.sctk-navbar-item:hover, .sctk-navbar.is-light .sctk-navbar-end > a.sctk-navbar-item.is-active, .sctk-navbar.is-light .sctk-navbar-end .sctk-navbar-link:focus, .sctk-navbar.is-light .sctk-navbar-end .sctk-navbar-link:hover, .sctk-navbar.is-light .sctk-navbar-end .sctk-navbar-link.is-active { background-color: #e8e8e8; color: rgba(0, 0, 0, 0.7); } .sctk-navbar.is-light .sctk-navbar-start .sctk-navbar-link::after, .sctk-navbar.is-light .sctk-navbar-end .sctk-navbar-link::after { border-color: rgba(0, 0, 0, 0.7); } .sctk-navbar.is-light .sctk-navbar-item.has-dropdown:focus .sctk-navbar-link, .sctk-navbar.is-light .sctk-navbar-item.has-dropdown:hover .sctk-navbar-link, .sctk-navbar.is-light .sctk-navbar-item.has-dropdown.is-active .sctk-navbar-link { background-color: #e8e8e8; color: rgba(0, 0, 0, 0.7); } .sctk-navbar.is-light .sctk-navbar-dropdown a.sctk-navbar-item.is-active { background-color: whitesmoke; color: rgba(0, 0, 0, 0.7); } } .sctk-navbar.is-dark { background-color: #363636; color: #fff; } .sctk-navbar.is-dark .sctk-navbar-brand > .sctk-navbar-item, .sctk-navbar.is-dark .sctk-navbar-brand .sctk-navbar-link { color: #fff; } .sctk-navbar.is-dark .sctk-navbar-brand > a.sctk-navbar-item:focus, .sctk-navbar.is-dark .sctk-navbar-brand > a.sctk-navbar-item:hover, .sctk-navbar.is-dark .sctk-navbar-brand > a.sctk-navbar-item.is-active, .sctk-navbar.is-dark .sctk-navbar-brand .sctk-navbar-link:focus, .sctk-navbar.is-dark .sctk-navbar-brand .sctk-navbar-link:hover, .sctk-navbar.is-dark .sctk-navbar-brand .sctk-navbar-link.is-active { background-color: #292929; color: #fff; } .sctk-navbar.is-dark .sctk-navbar-brand .sctk-navbar-link::after { border-color: #fff; } .sctk-navbar.is-dark .sctk-navbar-burger { color: #fff; } @media screen and (min-width: 1024px) { .sctk-navbar.is-dark .sctk-navbar-start > .sctk-navbar-item, .sctk-navbar.is-dark .sctk-navbar-start .sctk-navbar-link, .sctk-navbar.is-dark .sctk-navbar-end > .sctk-navbar-item, .sctk-navbar.is-dark .sctk-navbar-end .sctk-navbar-link { color: #fff; } .sctk-navbar.is-dark .sctk-navbar-start > a.sctk-navbar-item:focus, .sctk-navbar.is-dark .sctk-navbar-start > a.sctk-navbar-item:hover, .sctk-navbar.is-dark .sctk-navbar-start > a.sctk-navbar-item.is-active, .sctk-navbar.is-dark .sctk-navbar-start .sctk-navbar-link:focus, .sctk-navbar.is-dark .sctk-navbar-start .sctk-navbar-link:hover, .sctk-navbar.is-dark .sctk-navbar-start .sctk-navbar-link.is-active, .sctk-navbar.is-dark .sctk-navbar-end > a.sctk-navbar-item:focus, .sctk-navbar.is-dark .sctk-navbar-end > a.sctk-navbar-item:hover, .sctk-navbar.is-dark .sctk-navbar-end > a.sctk-navbar-item.is-active, .sctk-navbar.is-dark .sctk-navbar-end .sctk-navbar-link:focus, .sctk-navbar.is-dark .sctk-navbar-end .sctk-navbar-link:hover, .sctk-navbar.is-dark .sctk-navbar-end .sctk-navbar-link.is-active { background-color: #292929; color: #fff; } .sctk-navbar.is-dark .sctk-navbar-start .sctk-navbar-link::after, .sctk-navbar.is-dark .sctk-navbar-end .sctk-navbar-link::after { border-color: #fff; } .sctk-navbar.is-dark .sctk-navbar-item.has-dropdown:focus .sctk-navbar-link, .sctk-navbar.is-dark .sctk-navbar-item.has-dropdown:hover .sctk-navbar-link, .sctk-navbar.is-dark .sctk-navbar-item.has-dropdown.is-active .sctk-navbar-link { background-color: #292929; color: #fff; } .sctk-navbar.is-dark .sctk-navbar-dropdown a.sctk-navbar-item.is-active { background-color: #363636; color: #fff; } } .sctk-navbar.is-primary { background-color: #00d1b2; color: #fff; } .sctk-navbar.is-primary .sctk-navbar-brand > .sctk-navbar-item, .sctk-navbar.is-primary .sctk-navbar-brand .sctk-navbar-link { color: #fff; } .sctk-navbar.is-primary .sctk-navbar-brand > a.sctk-navbar-item:focus, .sctk-navbar.is-primary .sctk-navbar-brand > a.sctk-navbar-item:hover, .sctk-navbar.is-primary .sctk-navbar-brand > a.sctk-navbar-item.is-active, .sctk-navbar.is-primary .sctk-navbar-brand .sctk-navbar-link:focus, .sctk-navbar.is-primary .sctk-navbar-brand .sctk-navbar-link:hover, .sctk-navbar.is-primary .sctk-navbar-brand .sctk-navbar-link.is-active { background-color: #00b89c; color: #fff; } .sctk-navbar.is-primary .sctk-navbar-brand .sctk-navbar-link::after { border-color: #fff; } .sctk-navbar.is-primary .sctk-navbar-burger { color: #fff; } @media screen and (min-width: 1024px) { .sctk-navbar.is-primary .sctk-navbar-start > .sctk-navbar-item, .sctk-navbar.is-primary .sctk-navbar-start .sctk-navbar-link, .sctk-navbar.is-primary .sctk-navbar-end > .sctk-navbar-item, .sctk-navbar.is-primary .sctk-navbar-end .sctk-navbar-link { color: #fff; } .sctk-navbar.is-primary .sctk-navbar-start > a.sctk-navbar-item:focus, .sctk-navbar.is-primary .sctk-navbar-start > a.sctk-navbar-item:hover, .sctk-navbar.is-primary .sctk-navbar-start > a.sctk-navbar-item.is-active, .sctk-navbar.is-primary .sctk-navbar-start .sctk-navbar-link:focus, .sctk-navbar.is-primary .sctk-navbar-start .sctk-navbar-link:hover, .sctk-navbar.is-primary .sctk-navbar-start .sctk-navbar-link.is-active, .sctk-navbar.is-primary .sctk-navbar-end > a.sctk-navbar-item:focus, .sctk-navbar.is-primary .sctk-navbar-end > a.sctk-navbar-item:hover, .sctk-navbar.is-primary .sctk-navbar-end > a.sctk-navbar-item.is-active, .sctk-navbar.is-primary .sctk-navbar-end .sctk-navbar-link:focus, .sctk-navbar.is-primary .sctk-navbar-end .sctk-navbar-link:hover, .sctk-navbar.is-primary .sctk-navbar-end .sctk-navbar-link.is-active { background-color: #00b89c; color: #fff; } .sctk-navbar.is-primary .sctk-navbar-start .sctk-navbar-link::after, .sctk-navbar.is-primary .sctk-navbar-end .sctk-navbar-link::after { border-color: #fff; } .sctk-navbar.is-primary .sctk-navbar-item.has-dropdown:focus .sctk-navbar-link, .sctk-navbar.is-primary .sctk-navbar-item.has-dropdown:hover .sctk-navbar-link, .sctk-navbar.is-primary .sctk-navbar-item.has-dropdown.is-active .sctk-navbar-link { background-color: #00b89c; color: #fff; } .sctk-navbar.is-primary .sctk-navbar-dropdown a.sctk-navbar-item.is-active { background-color: #00d1b2; color: #fff; } } .sctk-navbar.is-link { background-color: #485fc7; color: #fff; } .sctk-navbar.is-link .sctk-navbar-brand > .sctk-navbar-item, .sctk-navbar.is-link .sctk-navbar-brand .sctk-navbar-link { color: #fff; } .sctk-navbar.is-link .sctk-navbar-brand > a.sctk-navbar-item:focus, .sctk-navbar.is-link .sctk-navbar-brand > a.sctk-navbar-item:hover, .sctk-navbar.is-link .sctk-navbar-brand > a.sctk-navbar-item.is-active, .sctk-navbar.is-link .sctk-navbar-brand .sctk-navbar-link:focus, .sctk-navbar.is-link .sctk-navbar-brand .sctk-navbar-link:hover, .sctk-navbar.is-link .sctk-navbar-brand .sctk-navbar-link.is-active { background-color: #3a51bb; color: #fff; } .sctk-navbar.is-link .sctk-navbar-brand .sctk-navbar-link::after { border-color: #fff; } .sctk-navbar.is-link .sctk-navbar-burger { color: #fff; } @media screen and (min-width: 1024px) { .sctk-navbar.is-link .sctk-navbar-start > .sctk-navbar-item, .sctk-navbar.is-link .sctk-navbar-start .sctk-navbar-link, .sctk-navbar.is-link .sctk-navbar-end > .sctk-navbar-item, .sctk-navbar.is-link .sctk-navbar-end .sctk-navbar-link { color: #fff; } .sctk-navbar.is-link .sctk-navbar-start > a.sctk-navbar-item:focus, .sctk-navbar.is-link .sctk-navbar-start > a.sctk-navbar-item:hover, .sctk-navbar.is-link .sctk-navbar-start > a.sctk-navbar-item.is-active, .sctk-navbar.is-link .sctk-navbar-start .sctk-navbar-link:focus, .sctk-navbar.is-link .sctk-navbar-start .sctk-navbar-link:hover, .sctk-navbar.is-link .sctk-navbar-start .sctk-navbar-link.is-active, .sctk-navbar.is-link .sctk-navbar-end > a.sctk-navbar-item:focus, .sctk-navbar.is-link .sctk-navbar-end > a.sctk-navbar-item:hover, .sctk-navbar.is-link .sctk-navbar-end > a.sctk-navbar-item.is-active, .sctk-navbar.is-link .sctk-navbar-end .sctk-navbar-link:focus, .sctk-navbar.is-link .sctk-navbar-end .sctk-navbar-link:hover, .sctk-navbar.is-link .sctk-navbar-end .sctk-navbar-link.is-active { background-color: #3a51bb; color: #fff; } .sctk-navbar.is-link .sctk-navbar-start .sctk-navbar-link::after, .sctk-navbar.is-link .sctk-navbar-end .sctk-navbar-link::after { border-color: #fff; } .sctk-navbar.is-link .sctk-navbar-item.has-dropdown:focus .sctk-navbar-link, .sctk-navbar.is-link .sctk-navbar-item.has-dropdown:hover .sctk-navbar-link, .sctk-navbar.is-link .sctk-navbar-item.has-dropdown.is-active .sctk-navbar-link { background-color: #3a51bb; color: #fff; } .sctk-navbar.is-link .sctk-navbar-dropdown a.sctk-navbar-item.is-active { background-color: #485fc7; color: #fff; } } .sctk-navbar.is-info { background-color: #3e8ed0; color: #fff; } .sctk-navbar.is-info .sctk-navbar-brand > .sctk-navbar-item, .sctk-navbar.is-info .sctk-navbar-brand .sctk-navbar-link { color: #fff; } .sctk-navbar.is-info .sctk-navbar-brand > a.sctk-navbar-item:focus, .sctk-navbar.is-info .sctk-navbar-brand > a.sctk-navbar-item:hover, .sctk-navbar.is-info .sctk-navbar-brand > a.sctk-navbar-item.is-active, .sctk-navbar.is-info .sctk-navbar-brand .sctk-navbar-link:focus, .sctk-navbar.is-info .sctk-navbar-brand .sctk-navbar-link:hover, .sctk-navbar.is-info .sctk-navbar-brand .sctk-navbar-link.is-active { background-color: #3082c5; color: #fff; } .sctk-navbar.is-info .sctk-navbar-brand .sctk-navbar-link::after { border-color: #fff; } .sctk-navbar.is-info .sctk-navbar-burger { color: #fff; } @media screen and (min-width: 1024px) { .sctk-navbar.is-info .sctk-navbar-start > .sctk-navbar-item, .sctk-navbar.is-info .sctk-navbar-start .sctk-navbar-link, .sctk-navbar.is-info .sctk-navbar-end > .sctk-navbar-item, .sctk-navbar.is-info .sctk-navbar-end .sctk-navbar-link { color: #fff; } .sctk-navbar.is-info .sctk-navbar-start > a.sctk-navbar-item:focus, .sctk-navbar.is-info .sctk-navbar-start > a.sctk-navbar-item:hover, .sctk-navbar.is-info .sctk-navbar-start > a.sctk-navbar-item.is-active, .sctk-navbar.is-info .sctk-navbar-start .sctk-navbar-link:focus, .sctk-navbar.is-info .sctk-navbar-start .sctk-navbar-link:hover, .sctk-navbar.is-info .sctk-navbar-start .sctk-navbar-link.is-active, .sctk-navbar.is-info .sctk-navbar-end > a.sctk-navbar-item:focus, .sctk-navbar.is-info .sctk-navbar-end > a.sctk-navbar-item:hover, .sctk-navbar.is-info .sctk-navbar-end > a.sctk-navbar-item.is-active, .sctk-navbar.is-info .sctk-navbar-end .sctk-navbar-link:focus, .sctk-navbar.is-info .sctk-navbar-end .sctk-navbar-link:hover, .sctk-navbar.is-info .sctk-navbar-end .sctk-navbar-link.is-active { background-color: #3082c5; color: #fff; } .sctk-navbar.is-info .sctk-navbar-start .sctk-navbar-link::after, .sctk-navbar.is-info .sctk-navbar-end .sctk-navbar-link::after { border-color: #fff; } .sctk-navbar.is-info .sctk-navbar-item.has-dropdown:focus .sctk-navbar-link, .sctk-navbar.is-info .sctk-navbar-item.has-dropdown:hover .sctk-navbar-link, .sctk-navbar.is-info .sctk-navbar-item.has-dropdown.is-active .sctk-navbar-link { background-color: #3082c5; color: #fff; } .sctk-navbar.is-info .sctk-navbar-dropdown a.sctk-navbar-item.is-active { background-color: #3e8ed0; color: #fff; } } .sctk-navbar.is-success { background-color: #48c78e; color: #fff; } .sctk-navbar.is-success .sctk-navbar-brand > .sctk-navbar-item, .sctk-navbar.is-success .sctk-navbar-brand .sctk-navbar-link { color: #fff; } .sctk-navbar.is-success .sctk-navbar-brand > a.sctk-navbar-item:focus, .sctk-navbar.is-success .sctk-navbar-brand > a.sctk-navbar-item:hover, .sctk-navbar.is-success .sctk-navbar-brand > a.sctk-navbar-item.is-active, .sctk-navbar.is-success .sctk-navbar-brand .sctk-navbar-link:focus, .sctk-navbar.is-success .sctk-navbar-brand .sctk-navbar-link:hover, .sctk-navbar.is-success .sctk-navbar-brand .sctk-navbar-link.is-active { background-color: #3abb81; color: #fff; } .sctk-navbar.is-success .sctk-navbar-brand .sctk-navbar-link::after { border-color: #fff; } .sctk-navbar.is-success .sctk-navbar-burger { color: #fff; } @media screen and (min-width: 1024px) { .sctk-navbar.is-success .sctk-navbar-start > .sctk-navbar-item, .sctk-navbar.is-success .sctk-navbar-start .sctk-navbar-link, .sctk-navbar.is-success .sctk-navbar-end > .sctk-navbar-item, .sctk-navbar.is-success .sctk-navbar-end .sctk-navbar-link { color: #fff; } .sctk-navbar.is-success .sctk-navbar-start > a.sctk-navbar-item:focus, .sctk-navbar.is-success .sctk-navbar-start > a.sctk-navbar-item:hover, .sctk-navbar.is-success .sctk-navbar-start > a.sctk-navbar-item.is-active, .sctk-navbar.is-success .sctk-navbar-start .sctk-navbar-link:focus, .sctk-navbar.is-success .sctk-navbar-start .sctk-navbar-link:hover, .sctk-navbar.is-success .sctk-navbar-start .sctk-navbar-link.is-active, .sctk-navbar.is-success .sctk-navbar-end > a.sctk-navbar-item:focus, .sctk-navbar.is-success .sctk-navbar-end > a.sctk-navbar-item:hover, .sctk-navbar.is-success .sctk-navbar-end > a.sctk-navbar-item.is-active, .sctk-navbar.is-success .sctk-navbar-end .sctk-navbar-link:focus, .sctk-navbar.is-success .sctk-navbar-end .sctk-navbar-link:hover, .sctk-navbar.is-success .sctk-navbar-end .sctk-navbar-link.is-active { background-color: #3abb81; color: #fff; } .sctk-navbar.is-success .sctk-navbar-start .sctk-navbar-link::after, .sctk-navbar.is-success .sctk-navbar-end .sctk-navbar-link::after { border-color: #fff; } .sctk-navbar.is-success .sctk-navbar-item.has-dropdown:focus .sctk-navbar-link, .sctk-navbar.is-success .sctk-navbar-item.has-dropdown:hover .sctk-navbar-link, .sctk-navbar.is-success .sctk-navbar-item.has-dropdown.is-active .sctk-navbar-link { background-color: #3abb81; color: #fff; } .sctk-navbar.is-success .sctk-navbar-dropdown a.sctk-navbar-item.is-active { background-color: #48c78e; color: #fff; } } .sctk-navbar.is-warning { background-color: #ffe08a; color: rgba(0, 0, 0, 0.7); } .sctk-navbar.is-warning .sctk-navbar-brand > .sctk-navbar-item, .sctk-navbar.is-warning .sctk-navbar-brand .sctk-navbar-link { color: rgba(0, 0, 0, 0.7); } .sctk-navbar.is-warning .sctk-navbar-brand > a.sctk-navbar-item:focus, .sctk-navbar.is-warning .sctk-navbar-brand > a.sctk-navbar-item:hover, .sctk-navbar.is-warning .sctk-navbar-brand > a.sctk-navbar-item.is-active, .sctk-navbar.is-warning .sctk-navbar-brand .sctk-navbar-link:focus, .sctk-navbar.is-warning .sctk-navbar-brand .sctk-navbar-link:hover, .sctk-navbar.is-warning .sctk-navbar-brand .sctk-navbar-link.is-active { background-color: #ffd970; color: rgba(0, 0, 0, 0.7); } .sctk-navbar.is-warning .sctk-navbar-brand .sctk-navbar-link::after { border-color: rgba(0, 0, 0, 0.7); } .sctk-navbar.is-warning .sctk-navbar-burger { color: rgba(0, 0, 0, 0.7); } @media screen and (min-width: 1024px) { .sctk-navbar.is-warning .sctk-navbar-start > .sctk-navbar-item, .sctk-navbar.is-warning .sctk-navbar-start .sctk-navbar-link, .sctk-navbar.is-warning .sctk-navbar-end > .sctk-navbar-item, .sctk-navbar.is-warning .sctk-navbar-end .sctk-navbar-link { color: rgba(0, 0, 0, 0.7); } .sctk-navbar.is-warning .sctk-navbar-start > a.sctk-navbar-item:focus, .sctk-navbar.is-warning .sctk-navbar-start > a.sctk-navbar-item:hover, .sctk-navbar.is-warning .sctk-navbar-start > a.sctk-navbar-item.is-active, .sctk-navbar.is-warning .sctk-navbar-start .sctk-navbar-link:focus, .sctk-navbar.is-warning .sctk-navbar-start .sctk-navbar-link:hover, .sctk-navbar.is-warning .sctk-navbar-start .sctk-navbar-link.is-active, .sctk-navbar.is-warning .sctk-navbar-end > a.sctk-navbar-item:focus, .sctk-navbar.is-warning .sctk-navbar-end > a.sctk-navbar-item:hover, .sctk-navbar.is-warning .sctk-navbar-end > a.sctk-navbar-item.is-active, .sctk-navbar.is-warning .sctk-navbar-end .sctk-navbar-link:focus, .sctk-navbar.is-warning .sctk-navbar-end .sctk-navbar-link:hover, .sctk-navbar.is-warning .sctk-navbar-end .sctk-navbar-link.is-active { background-color: #ffd970; color: rgba(0, 0, 0, 0.7); } .sctk-navbar.is-warning .sctk-navbar-start .sctk-navbar-link::after, .sctk-navbar.is-warning .sctk-navbar-end .sctk-navbar-link::after { border-color: rgba(0, 0, 0, 0.7); } .sctk-navbar.is-warning .sctk-navbar-item.has-dropdown:focus .sctk-navbar-link, .sctk-navbar.is-warning .sctk-navbar-item.has-dropdown:hover .sctk-navbar-link, .sctk-navbar.is-warning .sctk-navbar-item.has-dropdown.is-active .sctk-navbar-link { background-color: #ffd970; color: rgba(0, 0, 0, 0.7); } .sctk-navbar.is-warning .sctk-navbar-dropdown a.sctk-navbar-item.is-active { background-color: #ffe08a; color: rgba(0, 0, 0, 0.7); } } .sctk-navbar.is-danger { background-color: #f14668; color: #fff; } .sctk-navbar.is-danger .sctk-navbar-brand > .sctk-navbar-item, .sctk-navbar.is-danger .sctk-navbar-brand .sctk-navbar-link { color: #fff; } .sctk-navbar.is-danger .sctk-navbar-brand > a.sctk-navbar-item:focus, .sctk-navbar.is-danger .sctk-navbar-brand > a.sctk-navbar-item:hover, .sctk-navbar.is-danger .sctk-navbar-brand > a.sctk-navbar-item.is-active, .sctk-navbar.is-danger .sctk-navbar-brand .sctk-navbar-link:focus, .sctk-navbar.is-danger .sctk-navbar-brand .sctk-navbar-link:hover, .sctk-navbar.is-danger .sctk-navbar-brand .sctk-navbar-link.is-active { background-color: #ef2e55; color: #fff; } .sctk-navbar.is-danger .sctk-navbar-brand .sctk-navbar-link::after { border-color: #fff; } .sctk-navbar.is-danger .sctk-navbar-burger { color: #fff; } @media screen and (min-width: 1024px) { .sctk-navbar.is-danger .sctk-navbar-start > .sctk-navbar-item, .sctk-navbar.is-danger .sctk-navbar-start .sctk-navbar-link, .sctk-navbar.is-danger .sctk-navbar-end > .sctk-navbar-item, .sctk-navbar.is-danger .sctk-navbar-end .sctk-navbar-link { color: #fff; } .sctk-navbar.is-danger .sctk-navbar-start > a.sctk-navbar-item:focus, .sctk-navbar.is-danger .sctk-navbar-start > a.sctk-navbar-item:hover, .sctk-navbar.is-danger .sctk-navbar-start > a.sctk-navbar-item.is-active, .sctk-navbar.is-danger .sctk-navbar-start .sctk-navbar-link:focus, .sctk-navbar.is-danger .sctk-navbar-start .sctk-navbar-link:hover, .sctk-navbar.is-danger .sctk-navbar-start .sctk-navbar-link.is-active, .sctk-navbar.is-danger .sctk-navbar-end > a.sctk-navbar-item:focus, .sctk-navbar.is-danger .sctk-navbar-end > a.sctk-navbar-item:hover, .sctk-navbar.is-danger .sctk-navbar-end > a.sctk-navbar-item.is-active, .sctk-navbar.is-danger .sctk-navbar-end .sctk-navbar-link:focus, .sctk-navbar.is-danger .sctk-navbar-end .sctk-navbar-link:hover, .sctk-navbar.is-danger .sctk-navbar-end .sctk-navbar-link.is-active { background-color: #ef2e55; color: #fff; } .sctk-navbar.is-danger .sctk-navbar-start .sctk-navbar-link::after, .sctk-navbar.is-danger .sctk-navbar-end .sctk-navbar-link::after { border-color: #fff; } .sctk-navbar.is-danger .sctk-navbar-item.has-dropdown:focus .sctk-navbar-link, .sctk-navbar.is-danger .sctk-navbar-item.has-dropdown:hover .sctk-navbar-link, .sctk-navbar.is-danger .sctk-navbar-item.has-dropdown.is-active .sctk-navbar-link { background-color: #ef2e55; color: #fff; } .sctk-navbar.is-danger .sctk-navbar-dropdown a.sctk-navbar-item.is-active { background-color: #f14668; color: #fff; } } .sctk-navbar > .container { align-items: stretch; display: flex; min-height: 3.25rem; width: 100%; } .sctk-navbar.has-shadow { box-shadow: 0 2px 0 0 whitesmoke; } .sctk-navbar.is-fixed-bottom, .sctk-navbar.is-fixed-top { left: 0; position: fixed; right: 0; z-index: 30; } .sctk-navbar.is-fixed-bottom { bottom: 0; } .sctk-navbar.is-fixed-bottom.has-shadow { box-shadow: 0 -2px 0 0 whitesmoke; } .sctk-navbar.is-fixed-top { top: 0; } /* html.has-navbar-fixed-top, body.has-navbar-fixed-top { padding-top: 3.25rem; } html.has-navbar-fixed-bottom, body.has-navbar-fixed-bottom { padding-bottom: 3.25rem; } */ .sctk-navbar-brand, .sctk-navbar-tabs { align-items: stretch; display: flex; flex-shrink: 0; min-height: 3.25rem; } .sctk-navbar-brand a.sctk-navbar-item:focus, .sctk-navbar-brand a.sctk-navbar-item:hover { background-color: transparent; } .sctk-navbar-tabs { -webkit-overflow-scrolling: touch; max-width: 100vw; overflow-x: auto; overflow-y: hidden; } .sctk-navbar-burger { color: #4a4a4a; cursor: pointer; display: block; height: 3.25rem; position: relative; width: 3.25rem; margin-left: auto; } .sctk-navbar-burger span { background-color: currentColor; display: block; height: 1px; left: calc(50% - 8px); position: absolute; transform-origin: center; transition-duration: 86ms; transition-property: background-color, opacity, transform; transition-timing-function: ease-out; width: 16px; } .sctk-navbar-burger span:nth-child(1) { top: calc(50% - 6px); } .sctk-navbar-burger span:nth-child(2) { top: calc(50% - 1px); } .sctk-navbar-burger span:nth-child(3) { top: calc(50% + 4px); } .sctk-navbar-burger:hover { background-color: rgba(0, 0, 0, 0.05); } .sctk-navbar-burger.is-active span:nth-child(1) { transform: translateY(5px) rotate(45deg); } .sctk-navbar-burger.is-active span:nth-child(2) { opacity: 0; } .sctk-navbar-burger.is-active span:nth-child(3) { transform: translateY(-5px) rotate(-45deg); } .sctk-navbar-menu { display: none; } .sctk-navbar-menu.is-active { clear: both; } .sctk-navbar-item, .sctk-navbar-link { position: relative; display: block; padding: 0.5rem; line-height: 3rem; color: #4a4a4a; } .sctk-navbar-item .icon:only-child, .sctk-navbar-link .icon:only-child { margin-left: -0.25rem; margin-right: -0.25rem; } a.sctk-navbar-item, .sctk-navbar-link { cursor: pointer; } a.sctk-navbar-item:focus, a.sctk-navbar-item:focus-within, a.sctk-navbar-item:hover, a.sctk-navbar-item.is-active, .sctk-navbar-link:focus, .sctk-navbar-link:focus-within, .sctk-navbar-link:hover, .sctk-navbar-link.is-active { background-color: #fafafa; color: #4a4a4a; } .sctk-navbar-item { font-weight: 700; text-transform: uppercase; flex-grow: 0; flex-shrink: 0; } .sctk-navbar-item img { max-height: 5rem; } .sctk-navbar-item.has-dropdown { padding: 0; } .sctk-navbar-item.is-expanded { flex-grow: 1; flex-shrink: 1; } .sctk-navbar-item.is-tab { border-bottom: 1px solid transparent; min-height: 3.25rem; padding-bottom: calc(0.5rem - 1px); } .sctk-navbar-item.is-tab:focus, .sctk-navbar-item.is-tab:hover { background-color: transparent; border-bottom-color: #485fc7; } .sctk-navbar-item.is-tab.is-active { background-color: transparent; border-bottom-color: #485fc7; border-bottom-style: solid; border-bottom-width: 3px; color: #485fc7; padding-bottom: calc(0.5rem - 3px); } .sctk-navbar-content { flex-grow: 1; flex-shrink: 1; } .sctk-navbar-link:not(.is-arrowless) { padding-right: 2.5em; } .sctk-navbar-link:not(.is-arrowless)::after { content: " "; position: absolute; top: 50%; right: 1.125em; transform: rotate(-45deg); transform-origin: center; display: block; height: 0.625em; width: 0.625em; margin-top: -0.4375em; border: 3px solid #4a4a4a; border-radius: 2px; border-right: 0; border-top: 0; pointer-events: none; } .sctk-navbar-dropdown { font-size: 0.875rem; padding-bottom: 0.5rem; padding-top: 0.5rem; } .sctk-navbar-dropdown .sctk-navbar-item { padding-left: 1.5rem; padding-right: 1.5rem; } .sctk-navbar-divider { background-color: whitesmoke; border: none; display: none; height: 2px; margin: 0.5rem 0; } @media screen and (max-width: 1023px) { .sctk-navbar > .container { display: block; } .sctk-navbar-brand .sctk-navbar-item, .sctk-navbar-tabs .sctk-navbar-item { align-items: center; display: flex; } .sctk-navbar-link::after { display: none; } .sctk-navbar-menu { background-color: white; box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1); padding: 0.5rem 0; } .sctk-navbar-menu.is-active { display: block; } .sctk-navbar.is-fixed-bottom-touch, .sctk-navbar.is-fixed-top-touch { left: 0; position: fixed; right: 0; z-index: 30; } .sctk-navbar.is-fixed-bottom-touch { bottom: 0; } .sctk-navbar.is-fixed-bottom-touch.has-shadow { box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); } .sctk-navbar.is-fixed-top-touch { top: 0; } .sctk-navbar.is-fixed-top .sctk-navbar-menu, .sctk-navbar.is-fixed-top-touch .sctk-navbar-menu { -webkit-overflow-scrolling: touch; max-height: calc(100vh - 3.25rem); overflow: auto; } html.has-navbar-fixed-top-touch, body.has-navbar-fixed-top-touch { padding-top: 3.25rem; } html.has-navbar-fixed-bottom-touch, body.has-navbar-fixed-bottom-touch { padding-bottom: 3.25rem; } } @media screen and (min-width: 1024px) { .sctk-navbar, .sctk-navbar-menu, .sctk-navbar-start, .sctk-navbar-end { align-items: stretch; display: flex; } .sctk-navbar { min-height: 3.25rem; } .sctk-navbar.is-spaced { padding: 1rem 2rem; } .sctk-navbar.is-spaced .sctk-navbar-start, .sctk-navbar.is-spaced .sctk-navbar-end { align-items: center; } .sctk-navbar.is-spaced a.sctk-navbar-item, .sctk-navbar.is-spaced .sctk-navbar-link { border-radius: 4px; } .sctk-navbar.is-transparent a.sctk-navbar-item:focus, .sctk-navbar.is-transparent a.sctk-navbar-item:hover, .sctk-navbar.is-transparent a.sctk-navbar-item.is-active, .sctk-navbar.is-transparent .sctk-navbar-link:focus, .sctk-navbar.is-transparent .sctk-navbar-link:hover, .sctk-navbar.is-transparent .sctk-navbar-link.is-active { background-color: transparent !important; } .sctk-navbar.is-transparent .sctk-navbar-item.has-dropdown.is-active .sctk-navbar-link, .sctk-navbar.is-transparent .sctk-navbar-item.has-dropdown.is-hoverable:focus .sctk-navbar-link, .sctk-navbar.is-transparent .sctk-navbar-item.has-dropdown.is-hoverable:focus-within .sctk-navbar-link, .sctk-navbar.is-transparent .sctk-navbar-item.has-dropdown.is-hoverable:hover .sctk-navbar-link { background-color: transparent !important; } .sctk-navbar.is-transparent .sctk-navbar-dropdown a.sctk-navbar-item:focus, .sctk-navbar.is-transparent .sctk-navbar-dropdown a.sctk-navbar-item:hover { background-color: whitesmoke; color: #0a0a0a; } .sctk-navbar.is-transparent .sctk-navbar-dropdown a.sctk-navbar-item.is-active { background-color: whitesmoke; color: #485fc7; } .sctk-navbar-burger { display: none; } .sctk-navbar-item, .sctk-navbar-link { align-items: center; display: flex; } .sctk-navbar-item.has-dropdown { align-items: stretch; } .sctk-navbar-item.has-dropdown-up .sctk-navbar-link::after { transform: rotate(135deg) translate(0.25em, -0.25em); } .sctk-navbar-item.has-dropdown-up .sctk-navbar-dropdown { border-bottom: 2px solid #dbdbdb; border-radius: 6px 6px 0 0; border-top: none; bottom: 100%; box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1); top: auto; } .sctk-navbar-item.is-active .sctk-navbar-dropdown, .sctk-navbar-item.is-hoverable:focus .sctk-navbar-dropdown, .sctk-navbar-item.is-hoverable:focus-within .sctk-navbar-dropdown, .sctk-navbar-item.is-hoverable:hover .sctk-navbar-dropdown { display: block; } .sctk-navbar.is-spaced .sctk-navbar-item.is-active .sctk-navbar-dropdown, .sctk-navbar-item.is-active .sctk-navbar-dropdown.is-boxed, .sctk-navbar.is-spaced .sctk-navbar-item.is-hoverable:focus .sctk-navbar-dropdown, .sctk-navbar-item.is-hoverable:focus .sctk-navbar-dropdown.is-boxed, .sctk-navbar.is-spaced .sctk-navbar-item.is-hoverable:focus-within .sctk-navbar-dropdown, .sctk-navbar-item.is-hoverable:focus-within .sctk-navbar-dropdown.is-boxed, .sctk-navbar.is-spaced .sctk-navbar-item.is-hoverable:hover .sctk-navbar-dropdown, .sctk-navbar-item.is-hoverable:hover .sctk-navbar-dropdown.is-boxed { opacity: 1; pointer-events: auto; transform: translateY(0); } .sctk-navbar-menu { flex-grow: 1; flex-shrink: 0; } .sctk-navbar-start { justify-content: flex-start; margin-right: auto; } .sctk-navbar-end { justify-content: flex-end; margin-left: auto; } .sctk-navbar-dropdown { background-color: white; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-top: 2px solid #dbdbdb; box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1); display: none; font-size: 0.875rem; left: 0; min-width: 100%; position: absolute; top: 100%; z-index: 20; } .sctk-navbar-dropdown .sctk-navbar-item { padding: 0.375rem 1rem; white-space: nowrap; } .sctk-navbar-dropdown a.sctk-navbar-item { padding-right: 3rem; } .sctk-navbar-dropdown a.sctk-navbar-item:focus, .sctk-navbar-dropdown a.sctk-navbar-item:hover { background-color: whitesmoke; color: #0a0a0a; } .sctk-navbar-dropdown a.sctk-navbar-item.is-active { background-color: whitesmoke; color: #485fc7; } .sctk-navbar.is-spaced .sctk-navbar-dropdown, .sctk-navbar-dropdown.is-boxed { border-radius: 6px; border-top: none; box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); display: block; opacity: 0; pointer-events: none; top: calc(100% + (-4px)); transform: translateY(-5px); transition-duration: 86ms; transition-property: opacity, transform; } .sctk-navbar-dropdown.is-right { left: auto; right: 0; } .sctk-navbar-divider { display: block; } .sctk-navbar > .container .sctk-navbar-brand, .container > .sctk-navbar .sctk-navbar-brand { margin-left: -0.75rem; } .sctk-navbar > .container .sctk-navbar-menu, .container > .sctk-navbar .sctk-navbar-menu { margin-right: -0.75rem; } .sctk-navbar.is-fixed-bottom-desktop, .sctk-navbar.is-fixed-top-desktop { left: 0; position: fixed; right: 0; z-index: 30; } .sctk-navbar.is-fixed-bottom-desktop { bottom: 0; } .sctk-navbar.is-fixed-bottom-desktop.has-shadow { box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); } .sctk-navbar.is-fixed-top-desktop { top: 0; } /* html.has-navbar-fixed-top-desktop, body.has-navbar-fixed-top-desktop { padding-top: 3.25rem; } html.has-navbar-fixed-bottom-desktop, body.has-navbar-fixed-bottom-desktop { padding-bottom: 3.25rem; } html.has-spaced-sctk-navbar-fixed-top, body.has-spaced-sctk-navbar-fixed-top { padding-top: 5.25rem; } html.has-spaced-sctk-navbar-fixed-bottom, body.has-spaced-sctk-navbar-fixed-bottom { padding-bottom: 5.25rem; } */ a.sctk-navbar-item.is-active, .sctk-navbar-link.is-active { color: #0a0a0a; } a.sctk-navbar-item.is-active:not(:focus):not(:hover), .sctk-navbar-link.is-active:not(:focus):not(:hover) { background-color: transparent; } .sctk-navbar-item.has-dropdown:focus .sctk-navbar-link, .sctk-navbar-item.has-dropdown:hover .sctk-navbar-link, .sctk-navbar-item.has-dropdown.is-active .sctk-navbar-link { background-color: #fafafa; } } ]]>