/*
Theme Name: Dodentocht2020
Author: Tobania.Digital
Author URI: https://www.tobania.digital
Description: The official theme for Dodentocht
Version: 1.0
*/

* {
    box-sizing: border-box;
}

html, body {
    font-family: 'Lato' !important;
    width: 100vw;
}
#main {
    overflow: hidden;

}
h1, h2, h3, h4, .elementor-heading-title {
    font-family: 'Barlow' !important;
}
h1 {
    color: #EA2D49;
    font-size: 60px;
    line-height: 60px !important;
}
h2 {
    color: #111111;
    font-size: 38px;
    font-weight: 300 !important;
}
h3 {
    color: #111111;
    font-weight: 400 !important;
}

h4 {
    color: #111111;
    font-weight: 400 !important;
    font-size: 28px;
}

.slanted-line-before h4 {
    padding-left: 14px !important;
}
.slanted-line-before:after {
    content: url("/wp-content/themes/dodentocht/assets/images/svg/slanted-line.svg");
    display: inline-block;
    position: absolute;
    left: 0;
    top: 2px;
    width: 6px;
    height: 24px;
}

/* FIX SHADOW ON IOS */
input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea {
    -webkit-appearance: none;
    -moz-appearance: caret;
}

@media (max-width: 1100px) {
    h1 {
        font-size: 50px;
        line-height: 50px !important;
    }
    h2 {
        font-size: 32px
    }
}
@media (max-width: 900px) {
    h1 {
        font-size: 60px;
        line-height: 60px !important;
    }
}
@media (max-width: 480px) {
    h1 {
        font-size: 50px;
        line-height: 50px !important;
    }
    h2 {
        font-size: 28px;
    }
    h4 {
        font-size: 24px;
    }
}
@media (max-width: 399px) {
    h1 {
        font-size: 45px;
        line-height: 50px !important;
    }
}
@media (max-width: 350px) {
    h1 {
        font-size: 40px;
        line-height: 45px !important;
    }
}

p, li {
    color: #738290;
    font-size: 17px;
    font-weight: 300;
}

#main p a, #main li a, #main li a span,
.post p a, .post li a,
.elementor-location-single p a, .elementor-location-single li a {
    color: #EA2D49;
    text-decoration: underline;
}

#main p a:hover, #main li a:hover, #main li a:hover span,
.post p a:hover, .post li a:hover,
.elementor-location-single p a:hover, .elementor-location-single li a:hover {
    color: #EA2D49;
    text-decoration: none;
}

.elementor-post__read-more:hover {
    text-decoration: none;
}

.white-text p, .white-text h1 .white-text h2, .white-text h3, .white-text h4, .white-text li {
    color: #ffffff !important;
}

.elementor-button-icon svg {
    width: 33px !important;
}

@media (max-width: 767px) {
    .align-center-on-mobile {
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important
    }
}

input[type=file] {
    color: #fff !important;
}

.elementor-pagination {
    margin-top: 20px !important;
}

/*----- BREADCRUMBS -----*/
.breadcrumbs a span {
    color: #111111 !important;
}

.breadcrumbs a:hover span {
    color: #EA2D49 !important;
    text-decoration: underline;
}

/*----- SLANTED BORDERS -----*/
.slanted-border-top {
    position: absolute;
    border-top: solid 50px #fff;
    border-left: solid 100vw transparent;
    background-color: transparent !important;
}

.slanted-border-bottom {
    position: absolute;
    border-bottom: solid 50px #fff;
    border-right: solid 100vw transparent;
    background-color: transparent !important;
}

.slanted-border-bottom-last {
    border-bottom-color: #EEEEEE;
}
.slanted-border-top-last {
    border-top-color: #EEEEEE;
}

/*----- LIGHTBOX -----*/
.elementor-slideshow__share-links a:last-child {
    display: none;
}

/*----- WRAPPER -----*/
@media (max-width: 1260px) {
    .full-width-layout {
        padding-left: 30px !important;
        padding-right: 30px !important;
        /*width: calc(100vw - 60px);*/
    }
}

.elementor-column-gap-wide > .elementor-row > .elementor-inner-column:first-child > .elementor-column-wrap {
    padding-left: 0 !important;
}
.elementor-column-gap-wide > .elementor-row > .elementor-inner-column:last-child > .elementor-column-wrap {
    padding-right: 0 !important;
}

@media (max-width: 767px) {
    .elementor-column-gap-wide > .elementor-row > .elementor-inner-column > .elementor-column-wrap {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

.cli-switch input:checked + .cli-slider {
    background-color: #0A246A !important;
}