// @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@200;300;400;600;700&display=swap');

// 1. Your custom variables and variable overwrites.
@import "./variables.scss";
@import "./navbar.scss";

// 2. Import default variables and available mixins.
@import "node_modules/uikit/src/scss/variables-theme.scss";
@import "node_modules/uikit/src/scss/mixins-theme.scss";

// 3. Your custom mixin overwrites.
@mixin hook-card() { color: #000; }

// 4. Import UIkit.
@import "node_modules/uikit/src/scss/uikit-theme.scss";

.uk-badge {
    font-size: 0.8rem;
}
.uk-decoration-none {
    text-decoration: none !important;
}
.uk-border {
    border: $global-border-width solid $global-border;
    &-top {
        border-top: $global-border-width solid $global-border;
    }
}
.uk-column-1-8 { column-count: 8; }

/* Phone landscape and bigger */
@media (min-width: $breakpoint-small) {
    .uk-column-1-8\@s { column-count: 8; }
}

/* Tablet landscape and bigger */
@media (min-width: $breakpoint-medium) {
    .uk-column-1-8\@m { column-count: 8; }
}

/* Desktop and bigger */
@media (min-width: $breakpoint-large) {
    .uk-column-1-8\@l { column-count: 8; }
}

/* Large screen and bigger */
@media (min-width: $breakpoint-xlarge) {
    .uk-column-1-8\@xl { column-count: 8; }
}

.uk-child-width-1-8 > * { width: unquote('calc(100% * 1 / 8.001)'); }

/* Phone landscape and bigger */
@media (min-width: $breakpoint-small) {
    .uk-child-width-1-8\@s > * { width: unquote('calc(100% * 1 / 8.001)'); }
}

/* Tablet landscape and bigger */
@media (min-width: $breakpoint-medium) {
    .uk-child-width-1-8\@m > * { width: unquote('calc(100% * 1 / 8.001)'); }
}

/* Desktop and bigger */
@media (min-width: $breakpoint-large) {
    .uk-child-width-1-8\@l > * { width: unquote('calc(100% * 1 / 8.001)'); }
}

/* Large screen and bigger */
@media (min-width: $breakpoint-xlarge) {
    .uk-child-width-1-8\@xl > * { width: unquote('calc(100% * 1 / 8.001)'); }
}
.uk-list-striped li{
    border: none !important;
    border-radius: 5px;
}
.uk-navbar-light{
    color: $global-inverse-color !important;
}
.uk-navbar-light:hover {
    color: $global-secondary-background !important;
}
.uk-search {
    background: $global-background !important;
    color: $global-primary-background !important;
    @if(mixin-exists(hook-form)) {@include hook-form();}
}
.uk-search::placeholder { color: rgba($global-primary-background, .3) !important; }
.uk-button-search {
    background-color: $global-secondary-background;
    color: $global-inverse-color;
    border: 1px solid $global-secondary-background;
}
.uk-divider::after {
    content: "";
    display: block;
    width: 100%;
    max-width: 100%;
    border-top: $divider-small-border-width solid $divider-small-border;
    @if(mixin-exists(hook-divider-small)) {@include hook-divider-small();}
}
.uk-button-scocial {
    background: $global-muted-background;
    text-decoration: none !important;
    padding: 10px 30px;
}
.uk-button-google {
    background: $global-background;
    color: darken($global-border, 50);
    &:hover {
        color: darken($global-border, 50);
    }
}
.uk-button-facebook {
    background: #1976d2;
    color: $global-inverse-color;
    &:hover {
        color: $global-inverse-color;
    }
}
.uk-text-white {
    color: $global-inverse-color !important;
}