/* latin-ext */
@font-face {
    font-family: 'Abril Fatface';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Abril Fatface'), local('AbrilFatface-Regular'), url(/vendor/fonts/zOL64pLDlL1D99S8g8PtiKchq-lmjdLh.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    /* latin */
    @font-face {
    font-family: 'Abril Fatface';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Abril Fatface'), local('AbrilFatface-Regular'), url(/vendor/fonts/zOL64pLDlL1D99S8g8PtiKchq-dmjQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body {
    padding-top: 70px;
}
header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    height: 70px;
}
.site-name {
    font-family: 'Abril Fatface', serif;
}
.navbar-toggler {
    box-shadow: none!important;
    border: none!important;
}
footer {
    font-size: 0.925rem;
    color: #ddd;
}
footer a {
    color: #fff;
}
footer a:hover {
    color: #fff;
}
footer a:focus {
    color: #fff;
}
hr {
    opacity: 0.1;
}

.slider {
    position: relative;
    width: 100%;
    height: 70vh;
    overflow: hidden;
    margin: 0 auto;
    background-color: #d9d9d9;
}
.bg-cover {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.bg-backdrop:before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    background: rgba(27, 26, 26, 0.3);
}
.slide-title {
    font-family: 'Poppins', sans-serif;
}
.slide-subtitle {
    font-family: 'Droid Serif', serif;
    font-style: italic;
}
.slider .btn {
    font-size: 0.875rem;
    font-weight: 600;
    font-weight: bold;
    text-transform: uppercase;
    min-width: 140px;
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}
.pagination li {
    margin: 0 3px;
}
.pagination a {
    display: block;
    width: 50px;
    height: 50px;
    border: 1px solid #ddd;
    text-align: center;
    line-height: 50px;
    font-size: 1.25rem;
    text-decoration: none;
    color: #212529;
}
.pagination .active a {
    background-color: #222;
    border-color: #222;
    color: #fff;
}

@media (min-width: 768px) {
    
}
@media (min-width: 992px) {
    .slider {
        height: 80vh;
    }
}
@media (min-width: 1200px) {
    
}


/* orange: #dd543d */

/* red: #9C1320 */
body.theme-red .color-1 {
    color: #9C1320;
}
body.theme-red .color-2 {
    color: #82B33E;
}
body.theme-red .bg-header, body.theme-red .navbar-nav {
    color: #fff;
    background-color: #9C1320;
}
body.theme-red .navbar-brand, body.theme-red .navbar-brand:hover, body.theme-red .navbar-brand:focus,
body.theme-red .navbar-toggler, body.theme-red .navbar-toggler:hover, body.theme-red .navbar-toggler:focus,
body.theme-red .bg-header a.nav-link, body.theme-red .bg-header a.nav-link:hover, body.theme-red .bg-header a.nav-link:focus {
    color: #fff;
}
body.theme-red .btn-play, body.theme-red .btn-play:hover {
    color: #fff;
    background-color: #82B33E;
    border-color: #82B33E;
}
body.theme-red .btn-1, body.theme-red .btn-1:hover {
    color: #fff;
    background-color: #9C1320;
    border-color: #9C1320;
}
body.theme-red .btn-2, body.theme-red .btn-2:hover {
    color: #fff;
    background-color: #82B33E;
    border-color: #82B33E;
}
body.theme-red .pagination .active a {
    background-color: #9C1320;
    border-color: #9C1320;
    color: #fff;
}

/* light */
body.theme-light .color-1 {
    color: #212529;
}
body.theme-light .color-2 {
    color: #dd543d;
}
body.theme-light .bg-header, body.theme-light .navbar-nav {
    background-color: #fff;
}
body.theme-light .bg-header, body.theme-light .navbar-nav {
    background-color: #fff;
}
body.theme-light .btn-play, body.theme-light .btn-play:hover {
    color: #fff;
    background-color: #dd543d;
    border-color: #dd543d;
}
body.theme-light .btn-1, body.theme-light .btn-1:hover {
    color: #fff;
    background-color: #111;
    border-color: #111;
}
body.theme-light .btn-2, body.theme-light .btn-2:hover {
    color: #fff;
    background-color: #dd543d;
    border-color: #dd543d;
}
body.theme-light .pagination .active a {
    background-color: #111;
    border-color: #111;
    color: #fff;
}

/* blue */
body.theme-blue .color-1 {
    color: #11193d;
}
body.theme-blue .color-2 {
    color: #febd00;
}
body.theme-blue .bg-header, body.theme-blue .navbar-nav {
    color: #fff;
    background-color: #11193d;
}
body.theme-blue .navbar-brand, body.theme-blue .navbar-brand:hover, body.theme-blue .navbar-brand:focus,
body.theme-blue .navbar-toggler, body.theme-blue .navbar-toggler:hover, body.theme-blue .navbar-toggler:focus,
body.theme-blue .bg-header a.nav-link, body.theme-blue .bg-header a.nav-link:hover, body.theme-blue .bg-header a.nav-link:focus {
    color: #fff;
}
body.theme-blue .btn-play, body.theme-blue .btn-play:hover {
    color: #fff;
    background-color: #febd00;
    border-color: #febd00;
}
body.theme-blue .btn-1, body.theme-blue .btn-1:hover {
    color: #fff;
    background-color: #11193d;
    border-color: #11193d;
}
body.theme-blue .btn-2, body.theme-blue .btn-2:hover {
    color: #fff;
    background-color: #11193d;
    border-color: #11193d;
}
body.theme-blue .pagination .active a {
    background-color: #11193d;
    border-color: #11193d;
    color: #fff;
}

/* green */
body.theme-green .color-1 {
    color: #009531;
}
body.theme-green .color-2 {
    color: #950064;
}
body.theme-green .bg-header, body.theme-green .navbar-nav {
    color: #fff;
    background-color: #009531;
}
body.theme-green .navbar-brand, body.theme-green .navbar-brand:hover, body.theme-green .navbar-brand:focus,
body.theme-green .navbar-toggler, body.theme-green .navbar-toggler:hover, body.theme-green .navbar-toggler:focus,
body.theme-green .bg-header a.nav-link, body.theme-green .bg-header a.nav-link:hover, body.theme-green .bg-header a.nav-link:focus {
    color: #fff;
}
body.theme-green .btn-play, body.theme-green .btn-play:hover {
    color: #fff;
    background-color: #950064;
    border-color: #950064;
}
body.theme-green .btn-1, body.theme-green .btn-1:hover {
    color: #fff;
    background-color: #009531;
    border-color: #009531;
}
body.theme-green .btn-2, body.theme-green .btn-2:hover {
    color: #fff;
    background-color: #950064;
    border-color: #950064;
}
body.theme-green .pagination .active a {
    background-color: #009531;
    border-color: #009531;
    color: #fff;
}

/* dark */
body.theme-dark {
	background-color: #121212;
    color: #e0e0e0;
}
body.theme-dark .color-1 {
    color: #e0e0e0;
}
body.theme-dark .color-2 {
    color: #4379F2;
}
body.theme-dark .bg-header, body.theme-dark .navbar-nav {
    color: #fff;
    background-color: #121212;
}
body.theme-dark .navbar-brand, body.theme-dark .navbar-brand:hover, body.theme-dark .navbar-brand:focus,
body.theme-dark .navbar-toggler, body.theme-dark .navbar-toggler:hover, body.theme-dark .navbar-toggler:focus,
body.theme-dark .bg-header a.nav-link, body.theme-dark .bg-header a.nav-link:hover, body.theme-dark .bg-header a.nav-link:focus {
    color: #fff;
}
body.theme-dark .btn-play, body.theme-dark .btn-play:hover {
    color: #fff;
    background-color: #4379F2;
    border-color: #4379F2;
}
body.theme-dark .btn-1, body.theme-dark .btn-1:hover {
    color: #fff;
    background-color: #e0e0e0;
    border-color: #e0e0e0;
}
body.theme-dark .btn-2, body.theme-dark .btn-2:hover {
    color: #fff;
    background-color: #4379F2;
    border-color: #4379F2;
}
body.theme-dark .pagination .active a {
    background-color: #e0e0e0;
    border-color: #e0e0e0;
    color: #fff;
}

/* orange */
body.theme-orange .color-1 {
    color: #212529;
}
body.theme-orange .color-2 {
    color: #dd543d;
}
body.theme-orange .bg-header, body.theme-orange .navbar-nav {
    color: #fff;
    background-color: #dd543d;
}
body.theme-orange .navbar-brand, body.theme-orange .navbar-brand:hover, body.theme-orange .navbar-brand:focus,
body.theme-orange .navbar-toggler, body.theme-orange .navbar-toggler:hover, body.theme-orange .navbar-toggler:focus,
body.theme-orange .bg-header a.nav-link, body.theme-orange .bg-header a.nav-link:hover, body.theme-orange .bg-header a.nav-link:focus {
    color: #fff;
}
body.theme-orange .btn-play, body.theme-orange .btn-play:hover {
    color: #fff;
    background-color: #dd543d;
    border-color: #dd543d;
}
body.theme-orange .btn-1, body.theme-orange .btn-1:hover {
    color: #fff;
    background-color: #111;
    border-color: #111;
}
body.theme-orange .btn-2, body.theme-orange .btn-2:hover {
    color: #fff;
    background-color: #dd543d;
    border-color: #dd543d;
}
body.theme-orange .pagination .active a {
    background-color: #dd543d;
    border-color: #dd543d;
    color: #fff;
}

/* ---- */
/* pink */
body.theme-pink .color-1 {
    color: #212529;
}
body.theme-pink .color-2 {
    color: #F0BDB0;
}
body.theme-pink .bg-header, body.theme-pink .navbar-nav {
    color: #fff;
    background-color: #F8E1DB;
}
body.theme-pink .navbar-brand, body.theme-pink .navbar-brand:hover, body.theme-pink .navbar-brand:focus,
body.theme-pink .navbar-toggler, body.theme-pink .navbar-toggler:hover, body.theme-pink .navbar-toggler:focus,
body.theme-pink .bg-header a.nav-link, body.theme-pink .bg-header a.nav-link:hover, body.theme-pink .bg-header a.nav-link:focus {
    color: #212529;
}
body.theme-pink .btn-play, body.theme-pink .btn-play:hover {
    color: #fff;
    background-color: #F8E1DB;
    border-color: #F8E1DB;
}
body.theme-pink .btn-1, body.theme-pink .btn-1:hover {
    color: #fff;
    background-color: #111;
    border-color: #111;
}
body.theme-pink .btn-2, body.theme-pink .btn-2:hover {
    color: #212529;
    background-color: #F8E1DB;
    border-color: #F8E1DB;
}
body.theme-pink .pagination .active a {
    background-color: #F8E1DB;
    border-color: #F8E1DB;
    color: #fff;
}