@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Encode+Sans+Condensed:wght@100;200;300;400;500;600;700;800;900&display=swap');
/* app v245 reel */
/* defaults */

:root, [data-bs-theme=light] {
    --bs-body-font-family: var(--primary-font);
    --bs-body-font: var(--primary-font);
    --bs-body-font-size: 16px;
    --bs-body-font-weight: 400;
    --bs-body-color: var(--text-light-color);

    --swiper-theme-color: var(--primary-color);
    --swiper-navigation-color: var(--secondary-color);
    --swiper-pagination-color: var(--secondary-color);
    --swiper-scrollbar-bottom: 3rem;
    --swiper-pagination-bottom: 0;

    --swiper-scrollbar-bg-color: var(--primary-color);
    --swiper-scrollbar-size: 0.5rem;

}

.app-bg-primary { background-color: var(--primary-color); }
.app-bg-secondary { background-color: var(--secondary-color); }
.app-bg-tertiary { background-color: var(--alternative-color); }
.app-bg-primary a { color: #fff;; }
.app-bg-primary a:hover { color: var(--secondary-color); }

/* backgrounds */ 

.bg-parallax { width: 100%; background-repeat: no-repeat; background-position: top center; background-attachment: fixed; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
.bg-static { position: relative; display: table; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-attachment: scroll; background-size: cover; }
.bg-gallery { position: relative; display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: top center; background-attachment: scroll; background-size: cover; }

/* swiper override */

.swiper-pagination-bullet { width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 12px; color: #000; background: var(--primary-color); opacity: 1; border-radius: 100%; }
.swiper-pagination-bullet-active { color: #fff; background: var(--secondary-color); opacity: 1; }

/* featured slider */

.featured-slider .hero-swiper .swiper-slide { min-height: calc(100vh); background-repeat: no-repeat; background-position: center center; background-size: cover; }
.featured-slider .hero-swiper .swiper-slide .slide-title { color: #fff; font-size: 52px; font-weight: 800; text-shadow: 1px 1px #666; }
.featured-slider .hero-swiper .swiper-slide .slide-subtitle { color: #fff;  font-size: 20px; font-weight: 400; }
.featured-slider .hero-swiper .swiper-slide .slide-description { color: #fff;  font-size: 16px; }

/* shadows */

.box-shadow-section { box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 20px -10px; }
.box-shadow-breadcrumb { box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; }

/* pageheader */

.pageheader-section { position: relative; padding-top: 0; padding-bottom: 0; background-position: top center; background-size: cover; background-repeat: no-repeat; }
.pageheader-section.overlay::before { display: block; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); content: ""; }
.pageheader-section .pageheader-content { position: relative; }
.pageheader-section .pageheader-breadcrumb ol,
.pageheader-section .pageheader-breadcrumb li,
.pageheader-section .pageheader-breadcrumb p,
.pageheader-section .pageheader-breadcrumb a,
.pageheader-section .pageheader-breadcrumb span  { color: #ddd; text-decoration: none; }
.pageheader-section .pageheader-breadcrumb .breadcrumb-item+.breadcrumb-item::before { color: #ccc; }
.pageheader-section .pageheader-breadcrumb a:hover { text-decoration: underline; }

/* typography */

.typography table { width: 100%; max-width: 100%; font-size: 15px; margin-bottom: 1rem; background-color: transparent; border-collapse: collapse; display: table; box-sizing: border-box; text-indent: initial; unicode-bidi: isolate; border-spacing: 2px; border-color: var(--primary-color); }
.typography table thead { background-color: var(--primary-color); color: #fff; }
.typography table thead p { color: #fff; }
.typography table p { margin-bottom: 0; font-size: 15px; }
.typography table td { padding: .3rem; vertical-align: top; border-top: 1px solid #dee2e6;  }
.typography table th { padding: .3rem; vertical-align: top;  }
.typography table tbody tr:nth-of-type(odd) {  background-color: rgba(0, 0, 0, .05); }

.typography blockquote { font-size: 1.25rem; }
.typography strong { font-weight: 700 !important; }
.typography .overflow-table { overflow-x: auto; }
.typography .overflow-table p { font-size: 15px; }

.typography h1,
.typography h2,
.typography h2,
.typography h3, 
.typography h4,
.typography h5,
.typography h6 { font-family: var(--secondary-font); font-weight: 400; }
.typography h1 { font-size: 34px; }
.typography h2 { font-size: 30px; }
.typography h3 { font-size: 26px; }
.typography h4 { font-size: 22px; }
.typography h5 { font-size: 18px; }
.typography h6 { font-size: 16px; }

/* modal */
.modal-body.typography table tr { background-color: #fff !important; }
.modal-body.typography table * { font-size: 13px; }

/* bootstrap override */

.card-img-overlay { background-color: rgba(0,0,0,0.3); }
.dropdown-menu { --bs-dropdown-link-active-bg: var(--primary-color); }
.navbar-nav { --bs-nav-link-font-size: 18px; --bs-nav-link-font-weight: 400; --bs-navbar-color: var(--bs-black); }
.card { --bs-card-border-radius: 0; --bs-card-inner-border-radius: 0; --bs-card-border-width: 0; }
.accordion { --bs-accordion-active-bg: var(--primary-color); --bs-accordion-active-color: #fff; --bs-accordion-btn-focus-box-shadow: 0; }

.breadcrumb { font-size: 15px; }
.app-breadcrumb { padding: .5rem 0; }
.app-breadcrumb .breadcrumb { padding: 0; margin: 0; }

.btn-primary {
    --bs-btn-color: var(--btn-primary-text-color);
    --bs-btn-bg: var(--btn-primary-bg);
    --bs-btn-border-color: var(--btn-primary-bg);
    --bs-btn-hover-color: var(--btn-primary-hover-text-color);
    --bs-btn-hover-bg: var(--btn-primary-hover-bg);
    --bs-btn-hover-border-color: var(--btn-primary-hover-bg);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: var(--btn-primary-hover-text-color);
    --bs-btn-active-bg: var(--btn-primary-hover-bg);
    --bs-btn-active-border-color: var(--btn-primary-hover-bg);
}

.btn-secondary {
    --bs-btn-color: var(--btn-secondary-text-color);
    --bs-btn-bg: var(--btn-secondary-bg);
    --bs-btn-border-color: var(--btn-secondary-bg);
    --bs-btn-hover-color: var(--btn-secondary-hover-text-color);
    --bs-btn-hover-bg: var(--btn-secondary-hover-bg);
    --bs-btn-hover-border-color: var(--btn-secondary-hover-bg);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: var(--btn-secondary-hover-text-color);
    --bs-btn-active-bg: var(--btn-secondary-hover-bg);
    --bs-btn-active-border-color: var(--btn-secondary-hover-bg);
}

.btn-outline-primary {
    --bs-btn-color: #fff;
    --bs-btn-border-color: #fff;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--btn-primary-bg);
    --bs-btn-hover-border-color: #;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: var(--btn-primary-text-color);
    --bs-btn-active-bg: var(--btn-secondary-bg);
    --bs-btn-active-border-color: var(--btn-secondary-bg);
    --bs-btn-disabled-color: var(--btn-primary-text-color);
}