@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&display=swap');


:root {
    --dark: #0d0d0d;
    --black: #000000;
    --yellow: #e9a842;
    --yellow-hover:#c08b37;
    --gray: #F4F4F4;
}



body,
html {
    overflow-x: hidden;
    color:#F4F4F4;
    background-color: var(--dark);
}
  
body {
    font-family:'Aptos', 'Hanken Grotesk', sans-serif;
    
}

.content h1,
.content h2,
.content h3,
.content h4,
h1,
h2,
h3,
h4 {
       font-family:'Aptos', 'Hanken Grotesk', sans-serif;
    color: var(--yellow);
    line-height: 1;
}

a,
a:active {
    color:var(--yellow);
}

a:hover,
a:focus {
    color:var(--yellow-hover);
}

p {
    margin-bottom: 1em;
}

.content h1,
h1 {
    font-size: 4rem;
    margin-bottom: .5em;
}

.header h1 {
    margin-bottom: 0;
}

.content h2,
h2 {
    font-size: 3em;
    margin-bottom: .5em;
}

.content h3,
h3 {
    font-size: 2.25em;
    margin-bottom: .5em;

}

.content h4,
h4 {
    font-size:1.5em;
    margin-bottom: .5em;
}

strong {
    color: inherit;
}

.is-size-7 {
    font-size: .85rem!important;
}

.cms-toolbar-expanded  .navbar.is-fixed-top {
    top:auto;
}

.navbar,
.button {
    font-family: 'Aptos', 'Hanken Grotesk', sans-serif;
}


.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) {
    border-radius: 2px;
    font-size: 0.85rem;
}

.topper {
       font-family: 'Aptos', 'Hanken Grotesk', sans-serif;
    background:var(--gray);
    
}

.topper .buttons {
    margin-top: 0 !important;
    margin-bottom: 0 !important;

}

.topper .buttons .button {
    margin-left:15px;
    margin-bottom: 0; 
}

.topper p strong {
    color:var(--dark);
}

.topper .socials a:hover,
.topper .socials a:active {
    opacity: 0.8;
}


.topper .socials a .icon {
    height: 1.25rem;
    width: 1.25rem;
    margin: 1rem .5rem !important;
    line-height: 0;
}

.topper .socials a .icon svg {
    width: 100%;
    height: 100%;
    color:var(--black);
}

.navbar-burger,
.navbar-burger:hover {
    background-color: #fff;
}

.navbar {
    background-color: transparent;
}

.navbar-item .logo img {
    min-height: 5rem;
    max-height: 5rem;
}

.navbar .navbar-brand .navbar-item .logo img {
    min-height: 76px;
    -webkit-filter: drop-shadow( 7px 7px 7px rgba(0, 0, 0, .3));
    filter: drop-shadow( 7px 7px 7px rgba(0, 0, 0, .3));
}


.navbar.is-black .navbar-link.is-active,
.navbar.is-black .navbar-link:focus,
.navbar.is-black .navbar-link:focus-within,
.navbar.is-black .navbar-link:hover,
.navbar.is-black a.navbar-item.is-active,
.navbar.is-black a.navbar-item:focus,
.navbar.is-black a.navbar-item:focus-within,
.navbar.is-black a.navbar-item:hover {
    background-color: #2a2a2a !important;
}

/* logo hover */
.navbar.is-black .navbar-brand a.navbar-item.is-active,
.navbar.is-black .navbar-brand a.navbar-item:focus,
.navbar.is-black .navbar-brand a.navbar-item:focus-within,
.navbar.is-black .navbar-brand a.navbar-item:hover {
    background-color: #0a0a0a !important;
    opacity: 0.8;
}




@media screen and (max-width: 768px) {
    .navbar a.navbar-link:not(.is-arrowless)::after {
        display: none;
    }
}

.navbar a.navbar-link:not(.is-arrowless)::after {
    border-color: #fff;
}

@media screen and (min-width: 1024px) {
    .navbar-dropdown {
        border-top:none;
        border-radius: 0;
        background:#2a2a2a;
     }

}



#wrapper {
    background-image: url(/static/img/wrapper.jpg?9b03ca0cebb7);
    background-position: center center;
    background-size: cover;
    min-height: calc(100vh - 164px - 52px);
}

.button {
    background-color: var(--yellow);
    border:none;
}

.button.has-text-weight-bold {
    font-weight: 900 !important;
}

.button:hover,
.button:focus {
    background-color: var(--yellow);
    color:#fff;
}

.buttons.are-rounded .button:not(.is-normal):not(.is-medium):not(.is-large) {
    border-radius: 290486px;
}



.label,
.checkbox:hover, .radio:hover {
    color: #fff;
}

.text-danger {
    color:red
}

.header {
    background-position: center bottom;
    background-size: cover;
    height: 390px;
}

.content-page .header {
    background-position: center 70%;
    height: auto;
}

.section .container ul,
.section .container ol {
    list-style-position: inside;
    padding-left: 15px;
}

.section .container ul {
    list-style-type: disc;
}

.section .container blockquote {
    margin:15px 0;
    padding:15px;
    background-color:#eaa9438c;
}


/* FOOTER */

.footer {
    background-color: var(--dark);
}

.footer svg {
    width: 100%;
    height: 100%;

    color:#fff;
}

.footer a:hover svg {
    opacity: 0.8;
}

.footer .socket a {
    font-weight: bold;
    margin:0 5px 0 0;
    padding:0 10px 0 0;
    position: relative;

}

.footer .socket a:after {
    content:" | ";
    position: absolute;
    color:#fff;
    right: 0;
}

.footer .socket a:last-of-type:after {
    content:""
}


/* news */

.item.is-link:hover,
.item.is-link:focus {
    cursor: pointer;
    box-shadow: 0 0.5em 1em -0.125em rgba(10,10,10,.3), 0 0 0 1px rgba(10,10,10,.1);
}
.six-items figure {
    margin: -20px -20px 20px -20px;
}

abbr[title] {
    text-decoration: none !important;
}

/* search modal */

#search_widget label {
    color:var(--dark);
}

.box {
    border-radius: 1px;
    border: 4px solid var(--yellow);
}

.box strong {
    color: #4a4a4a;
}

.has-border {
    border-radius: 1px;
    border: 4px solid var(--yellow);
}

.button.is-focused:not(:active), .button:focus:not(:active) {
    box-shadow:none;
}

.card {
    margin-top: 20px
}

.card-toggle {
    cursor: pointer;
}

.card-toggle:hover,
.all-news-items .item:hover,
.all-blog-items .item:hover {
    background-color: var(--yellow);
    color:#fff !important;
}

.card-toggle:hover .card-header-title,
.all-news-items .item:hover .columns .column h4,
.all-news-items .item:hover .columns .column small,
.all-blog-items .item:hover .columns .column h4,
.all-blog-items .item:hover .columns .column small {
    color:#fff !important;
}



.card.has-border .card-header {
    box-shadow: 0 4px 0px var(--yellow);
}

.card.has-border .card-header .card-header-title {

    color: var(--yellow);

    font-weight: 400;
}




@media screen and (max-width: 1024px) {

    .navbar.is-black .navbar-burger,
    .navbar.is-black .navbar-item,
    .navbar.is-black .navbar-item .navbar-link {
        color:#333 !important;
    }

    .navbar.is-black .navbar-link.is-active,
    .navbar.is-black .navbar-link:focus,
    .navbar.is-black .navbar-link:focus-within,
    .navbar.is-black .navbar-link:hover,
    .navbar.is-black a.navbar-item.is-active,
    .navbar.is-black a.navbar-item:focus,
    .navbar.is-black a.navbar-item:focus-within,
    .navbar.is-black a.navbar-item:hover {
        color:#fff !important;
    }


    .navbar .navbar-brand .navbar-item .logo img {
        min-height: auto;
        max-width: 80vw;
    }
}



/* clients slider */
#clients-slider .glide__slides > div { display: contents; }
.clients-slide { display: flex; align-items: center; justify-content: center; }
.clients-slide-link { display: flex; align-items: center; justify-content: center; width: 100%; }
.clients-slide-logo {
    opacity: 0.6;
    transition: opacity 0.3s, filter 0.3s;
    max-height: 3rem;
    width: 100%;
    object-fit: contain;
    padding: 0 1.25rem;
    filter: grayscale(100%);
}
.clients-slide-logo:hover {
    opacity: 1;
    filter: grayscale(0%);
}
@media (min-width: 769px)  { .clients-slide-logo { max-height: 4rem; padding: 0 1.5rem; } }
@media (min-width: 1024px) { .clients-slide-logo { max-height: 5rem; padding: 0 2rem; } }

.glide{position:relative;width:100%;box-sizing:border-box}.glide *{box-sizing:inherit}.glide__track{overflow:hidden}.glide__slides{position:relative;width:100%;list-style:none;backface-visibility:hidden;transform-style:preserve-3d;touch-action:pan-Y;overflow:hidden;margin:0;padding:0;white-space:nowrap;display:flex;flex-wrap:nowrap;will-change:transform}.glide__slides--dragging{user-select:none}.glide__slide{width:100%;height:100%;flex-shrink:0;white-space:normal;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.glide__slide a{user-select:none;-webkit-user-drag:none;-moz-user-select:none;-ms-user-select:none}.glide__arrows{-webkit-touch-callout:none;user-select:none}.glide__bullets{-webkit-touch-callout:none;user-select:none}.glide--rtl{direction:rtl}/*# sourceMappingURL=glide.core.min.css.map */
.glide__arrow{position:absolute;display:block;top:50%;z-index:2;color:#fff;text-transform:uppercase;padding:9px 12px;background-color:transparent;border:2px solid rgba(255,255,255,.5);border-radius:4px;box-shadow:0 .25em .5em 0 rgba(0,0,0,.1);text-shadow:0 .25em .5em rgba(0,0,0,.1);opacity:1;cursor:pointer;transition:opacity 150ms ease,border 300ms ease-in-out;transform:translateY(-50%);line-height:1}.glide__arrow:focus{outline:none}.glide__arrow:hover{border-color:#fff}.glide__arrow--left{left:2em}.glide__arrow--right{right:2em}.glide__arrow--disabled{opacity:.33}.glide__bullets{position:absolute;z-index:2;bottom:2em;left:50%;display:inline-flex;list-style:none;transform:translateX(-50%)}.glide__bullet{background-color:rgba(255,255,255,.5);width:9px;height:9px;padding:0;border-radius:50%;border:2px solid transparent;transition:all 300ms ease-in-out;cursor:pointer;line-height:0;box-shadow:0 .25em .5em 0 rgba(0,0,0,.1);margin:0 .25em}.glide__bullet:focus{outline:none}.glide__bullet:hover,.glide__bullet:focus{border:2px solid #fff;background-color:rgba(255,255,255,.5)}.glide__bullet--active{background-color:#fff}.glide--swipeable{cursor:grab;cursor:-moz-grab;cursor:-webkit-grab}.glide--dragging{cursor:grabbing;cursor:-moz-grabbing;cursor:-webkit-grabbing}/*# sourceMappingURL=glide.theme.min.css.map */


.glide{position:relative;width:100%;box-sizing:border-box}.glide *{box-sizing:inherit}.glide__track{overflow:hidden}.glide__slides{position:relative;width:100%;list-style:none;backface-visibility:hidden;transform-style:preserve-3d;touch-action:pan-Y;overflow:hidden;margin:0;padding:0;white-space:nowrap;display:flex;flex-wrap:nowrap;will-change:transform}.glide__slides--dragging{user-select:none}.glide__slide{width:100%;height:100%;flex-shrink:0;white-space:normal;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.glide__slide a{user-select:none;-webkit-user-drag:none;-moz-user-select:none;-ms-user-select:none}.glide__arrows{-webkit-touch-callout:none;user-select:none}.glide__bullets{-webkit-touch-callout:none;user-select:none}.glide--rtl{direction:rtl}/*# sourceMappingURL=glide.core.min.css.map */