:root {
    --narrow: 1140px !important;
    --shadow: 0px 20px 40px -10px rgba(0, 0, 0, 0.15);
    --primaryhover: #552678 !important;
}

.rounded,
.rounded img {
    border-radius: 2rem;
}

/*slider styles*/
.atf-slider-elem {
    cursor: default !important;
}

/*admin-styles*/
.admin-page-settings {
    font-size: 1rem;
}

.btn::after {
    content: "\f178";
    font-family: FontAwesome;
    padding-left: 10px;
}

.cookie-settings .cookie-btn::after,
.mainmenu-block .mainmenu-mobile-toggle::after,
.cookie-block .cookie-btn::after {
    content: none !important;
}

.btn:focus, .btn.focus,
.btn-secondary:focus, .btn-secondary.focus,
.form-control:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5);
}

.form-control:focus {
    border-color: #495057;
}

.btn-primary:focus, 
.btn-primary.focus,
.btn-primary:active, 
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled):active:focus, 
.btn-primary:not(:disabled):not(.disabled).active:focus, 
.show > .btn-primary.dropdown-toggle:focus,
.btn-outline-primary:focus, 
.btn-outline-primary.focus,
.btn-outline-primary:active, 
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, 
.btn-outline-primary:not(:disabled):not(.disabled).active:focus, 
.show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(85, 38, 120, 0.5);
}

.fa-angle-right::before {
    content: "\f178" !important;
}

.fa-angle-left::before {
    content: "\f177" !important;
}

@media (prefers-reduced-motion: no-preference) {

    .fade-elem {
        opacity: 0;
        transition: transform 2000ms ease, opacity 0.9s;
        transform: translateY(150px);
    }
    
    .fade-elem.loaded {
        opacity: 1;
        transform: translateY(0);
        animation-delay: 0s;
    }

}

@media (min-width: 1680px) {

    body,
    p {
        font-size: 1.2rem !important;
    }

    .h1, 
    h1 {
        font-size: 3.5rem !important;
    }

    .h2, 
    h2 {
        font-size: 2.75rem !important;
    }

    .h3, 
    h3 {
        font-size: 2.25rem !important;
    }

    .h4, 
    h4 {
        font-size: 1.75rem !important;
    }

    .h5, 
    h5 {
        font-size: 1.5rem !important;
    }

}

@media (max-width: 1279px) {

    .h3, 
    h3 {
        font-size: 1.5rem !important;
    }

    .h4, 
    h4 {
        font-size: 1.4rem !important;
    }

    .h5, 
    h5 {
        font-size: 1.3rem !important;
    }

}