/**
 * Custom CSS file
 *
 * This file should contain all styling specifically for this site. 
 * This file can (and should) be overwritten in a child-theme. 
 */

@import url( 'https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;700&display=swap' );
@import url( 'https://use.typekit.net/gco1iel.css' );

/*============================================================
## GENERAL STYLING: Base Typography
============================================================*/

html,
body {
    font-family: 'Ubuntu', sans-serif;
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'rubrik-edge-new', sans-serif;
    font-weight: 700;
    color: #413F37;
}

p, 
div {
    font-size: 16px;
    line-height: 24px;
    /*color: #413f37;*/
}

a {
    color: #d6232e;
}

a::after {
    content: '\f054';
    margin-left: 10px;
    font-family: 'FontAwesome 5 Pro';
    font-size: 12px;
    font-weight: 700;
}

.elementor-widget-image-box a::after,
.elementor-widget-icon-list a::after {
    content: unset;
}

a:hover {
    color: #d6232e;
}

h1 {
    font-size: 48px;
}

h2 {}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 21px;
}

h5 {}

h6 {
    font-size: 16px;
}

/* button reset */
.btn,
.btn-primary {
    border: unset;
    line-height: 1;
}

.btn-primary,
.elementor .elementor-button {
    padding: 18px 36px;
    border-radius: 32px;
    background-color: #ffdc00;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}

.btn-primary:hover,
.elementor .elementor-button:hover {
    box-shadow: 0 0 6px rgba( 0, 0, 0, 0.2 );
}

/*============================================================
## GENERAL STYLING: General things
============================================================*/

#masthead,
#colophon {
    display: none;
}

/*
 * Slider cards
 */
.slider-cards {}

.slider-card {}

.slider-card-image {
    width: 100%;
    height: 190px;
    margin-bottom: 26px;
    border-radius: 9px;
    background-size: cover;
    background-position: center;
}

.slider-card-tooltip {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 20px;
    left: 20px;
    height: 86px;
    width: 86px;
    border-radius: 50%;
    background-color: #f9d839;
    font-size: 13px;
    font-family: 'rubrik-edge-new', sans-serif;
    font-weight: 700;
    color: #413F37;
    line-height: 19px;
    text-align: center;
}

.slider-card-content {
    padding-left: 20px;
    padding-right: 20px;
}

.slider-card-title {}

.slider-card-text {
    font-size: 14px;
}

.slider-card-link {}

.slider-cards .owl-carousel .owl-stage-outer {
    max-width: 1120px;
    margin: auto;
    overflow: visible;
}

.slider-cards .owl-item {
    /*max-width: 360px;*/
}

.slider-cards .owl-carousel .owl-nav .owl-prev {
    position: absolute;
    left: 0;
    top: 100px;
    width: 54px;
    height: 64px;
    border-radius: 5px;
    /*border-top-left-radius: 0;*/
    /*border-bottom-left-radius: 0;*/
    background-color: #fff;
    box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.25);
    z-index: 1;
}

.slider-cards .owl-carousel .owl-nav .owl-prev::after {
    content: '\f053';
    font-family: 'FontAwesome 5 Pro';
    font-size: 20px;
}

.slider-cards .owl-carousel .owl-nav .owl-next {
    position: absolute;
    right: 0;
    top: 100px;
    width: 54px;
    height: 64px;
    border-radius: 5px;
    /*border-top-right-radius: 0;*/
    /*border-bottom-right-radius: 0;*/
    background-color: #fff;
    box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.25);
    z-index: 1;
}

.slider-cards .owl-carousel .owl-nav .owl-next::after {
    content: '\f054';
    font-family: 'FontAwesome 5 Pro';
    font-size: 20px;
}

.slider-cards .owl-carousel .owl-nav .owl-prev span,
.slider-cards .owl-carousel .owl-nav .owl-next span,
.owl-prev.disabled,
.owl-next.disabled {
    display: none;
}