/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

/* @font-face {
    font-family: 'Museo Sans 300';
    font-style: normal;
    font-weight: normal;
    src: local('Museo Sans 300'), url('../fonts/Museo Sans 300/MuseoSans-300.otf') format('otf');
}

@font-face {
    font-family: 'Museo Sans 700';
    font-style: normal;
    font-weight: normal;
    src: local('Museo Sans 700'), url('../fonts/Museo Sans 700/MuseoSans-700.otf') format('otf');
} */

@font-face {
    font-family: museo-sans-100;
    src: url('../fonts/Museo Sans 100/MuseoSans-100.otf');
}
@font-face {
    font-family: museo-sans-300;
    src: url('../fonts/Museo Sans 300/MuseoSans-300.otf');
}
@font-face {
    font-family: museo-sans-500;
    src: url('../fonts/Museo Sans 500/MuseoSans_500.otf');
}
@font-face {
    font-family: museo-sans-700;
    src: url('../fonts/Museo Sans 700/MuseoSans_700.otf');
}

@font-face {
    font-family: euclid-circular-a-400;
    src: url('../fonts/EuclidCircularA-400.ttf');
}
@font-face {
    font-family: euclid-circular-a-500;
    src: url('../fonts/EuclidCircularA-500.ttf');
}
@font-face {
    font-family: euclid-circular-a-600;
    src: url('../fonts/EuclidCircularA-600.ttf');
}
@font-face {
    font-family: euclid-circular-a-700;
    src: url('../fonts/EuclidCircularA-700.ttf');
}
  
.font-museo-100 {
    font-family:museo-sans-100 !important;
}
.font-museo-300 {
    font-family:museo-sans-300 !important;
}
.font-museo-500 {
    font-family:museo-sans-500 !important;
}
.font-museo-700 {
    font-family:museo-sans-700 !important;
}

:root {
    --bs-primary: var(--themecolor);
    --bs-primary-rgb: var(--themecolor-rgb);
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    line-height: 1.5;
}

html,
body {
    scroll-behavior: smooth;
}

body {
    font-family: museo-sans-300 !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: euclid-circular-a-600 !important;
}
p {
    text-align: justify !important;
}
a {
    font-family: museo-sans-300 !important;
}

.ff-q-bold {
    font-family: 'Museo Sans 700', sans-serif !important;
}

.ff-q-reg {
    font-family: 'Museo Sans 300', sans-serif !important;
}

/* BUTTON */
.btn {
    font-family: museo-sans-700 !important;
    font-size: 0.875rem;
    border-radius: 0.375rem;
    border-width: 2px;
    padding: 0.5rem 1rem;
    /* box-shadow: 0px 4px 1.5rem rgba(0, 0, 0, 0.12); */
}

.btn.btn-link {
    box-shadow: unset;
}

.btn.btn-link:focus-visible {
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), 25%);
}

.btn-primary {
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--themecolor);
    --bs-btn-border-color: var(--themecolor);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--themecolor-darker);
    --bs-btn-hover-border-color: var(--themecolor-darker);
    --bs-btn-focus-shadow-rgb: var(--themecolor-rgb);
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: var(--themecolor-dark);
    --bs-btn-active-border-color: var(--themecolor-dark);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-white);
    --bs-btn-disabled-bg: var(--themecolor);
    --bs-btn-disabled-border-color: var(--themecolor);
}

.btn-outline-primary {
    --bs-btn-color: var(--themecolor);
    --bs-btn-bg: var(--bs-white);
    --bs-btn-border-color: var(--themecolor);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--themecolor);
    --bs-btn-hover-border-color: var(--themecolor);
    --bs-btn-focus-shadow-rgb: var(--themecolor-rgb);
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: var(--themecolor-dark);
    --bs-btn-active-border-color: var(--themecolor-dark);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--themecolor);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--themecolor);
    --bs-gradient: none;
}

.btn-outline-primary i {
    color: var(--themecolor);
}

.btn-outline-primary:hover i,
.btn-outline-primary:first-child:active i,
.btn-outline-primary.active i,
.btn-outline-primary.show i,
.btn-outline-primary:focus-visible i {
    color: var(--bs-btn-active-color);
}

.btn-link {
    --bs-btn-color: var(--themecolor);
    --bs-btn-hover-color: var(--themecolor-dark);
    --bs-btn-active-color: var(--themecolor-darker);
    --bs-btn-focus-shadow-rgb: var(--themecolor-rgb);
}

/* Hide scrollbar for Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

/* MARQUEE */
.marquee,
.marquee-reverse {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    overflow: hidden;
}

.marquee-content {
    display: flex;
    justify-content: start;
    animation: scrolling 40s linear infinite;
}

.marquee-reverse .marquee-content {
    justify-content: end;
    animation: scrolling-reverse 40s linear infinite;
}

.marquee-content .marquee-item {
    display: flex;
    flex-direction: column;
    flex: 0 0 54vw;
    align-items: center;
    justify-content: center;
    margin: 0 1vw;
}

.marquee-content .marquee-item img {
    display: block;
    width: 100%;
    max-height: 120px;
    padding: 0 1.5rem;
    object-fit: contain;
}

.marquee-content .marquee-item p {
    font-size: 8pt !important;
    line-height: 1;
}

@keyframes scrolling {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translatex(-272vw);
    }
}

@keyframes scrolling-reverse {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translatex(272vw);
    }
}

/* sm: phone - landscape */
@media (min-width: 576px) {
    /* MARQUEE */
    .marquee-content .marquee-item {
        flex: 0 0 20vw;
    }

    @keyframes scrolling {
        0% {
            transform: translateX(0);
        }

        100% {
            transform: translatex(-144vw);
        }
    }

    @keyframes scrolling-reverse {
        0% {
            transform: translateX(0);
        }

        100% {
            transform: translatex(144vw);
        }
    }
}

/* md: tablet */
@media (min-width: 768px) {
}

/* lg: desktop */
@media (min-width: 992px) {
    /* MARQUEE */
    .marquee-content .marquee-item {
        flex: 0 0 16vw;
    }

    .marquee-content .marquee-item img {
        max-height: 100px;
    }

    @keyframes scrolling {
        0% {
            transform: translateX(0);
        }

        100% {
            transform: translatex(-96vw);
        }
    }

    @keyframes scrolling-reverse {
        0% {
            transform: translateX(0);
        }

        100% {
            transform: translatex(96vw);
        }
    }
}

/* xl: wide */
@media (min-width: 1200px) {
    /* MARQUEE */
    .marquee-content .marquee-item img {
        max-height: 80px;
    }
}

/* super wide */
@media (min-width: 1440px) {
    /* MARQUEE */
    .marquee-content .marquee-item {
        flex: 0 0 20vw;
    }

    .marquee-content .marquee-item img {
        max-height: 120px;
    }

    @keyframes scrolling {
        0% {
            transform: translateX(0);
        }

        100% {
            transform: translatex(-128vw);
        }
    }

    @keyframes scrolling-reverse {
        0% {
            transform: translateX(0);
        }

        100% {
            transform: translatex(128vw);
        }
    }
}