/*
 Theme Name:     Ferienhaus MV
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Ferienhaus MV - a Divi child theme
 Author:         Golden Box / Elegant Themes
 Author URI:     https://golden-box.de
 Template:       Divi
 Version:        1.0.0
*/


/* =Theme customization starts here
------------------------------------------------------- */

:root {
    --white: rgba(255, 255, 255, 1);
    --black: #000000;
    --accent1: #009fb7;
    --accent1-20: rgba(0, 159, 183, .2);
    --accent2: #fed766;
    --accent2-50: rgb(254, 215, 102, .5);
    --accent3: #fe4a49;
    --gray1: #f4f4f8;
    --gray2: #e6e6ea;
    --margin: 1rem;
    --padding: 1rem;
    --font-family-headlines: sans-serif;
    --font-family-copytext: sans-serif;
}

.v-center.dmpro_carousel .swiper-dmpro-container .dmpro_carousel_child {
    justify-content: center;
}

@media (max-width: 980px) {
    .et_pb_column.et_pb_column_empty {
        display: block;
    }

}

#et-info-email {
    line-height: 1rem;
}


/* *************** TAG PILLS *************** */

.tag-pills a {
    background-color: var(--accent2-50);
    color: var(--black);
    border-radius: 1rem;
    padding: 0 0.5rem;
    font-size: .8rem;
    white-space: nowrap;
}

.tag-pills a:first-child {
    background-color: var(--accent1-20);
}

.tag-pills {
    line-height: 1.2rem;
}

/* *************** SPECIAL OFFER *************** */

.et_pb_blog_grid article.et_pb_post {
    position: relative;
}

.specialoffer {

    --f: 10px;
    /* control the folded part*/
    --r: 15px;
    /* control the ribbon shape */
    --t: 10px;
    /* the top offset */

    position: absolute;
    inset: var(--t) calc(-1*var(--f)) auto auto;
    padding: 0 10px var(--f) calc(10px + var(--r));
    clip-path:
        polygon(0 0, 100% 0, 100% calc(100% - var(--f)), calc(100% - var(--f)) 100%,
            calc(100% - var(--f)) calc(100% - var(--f)), 0 calc(100% - var(--f)),
            var(--r) calc(50% - var(--f)/2));
    background: var(--accent3);
    color: var(--white);
    box-shadow: 0 calc(-1*var(--f)) 0 inset #0005;
    font-size: .8rem;
    padding-right: 1rem;
    font-weight: 600;
}


/* *************** BOOKING BADGE *************** */
.bookingcom_badge {
    position: absolute;
    top: 100px;
    right: 0;
    max-width: 200px;
}

/* *************** IMAGE ASPECT RATIOS *************** */

/*blog image aspect ratio landscape 16:9*/

.pa-blog-image-16-9 .entry-featured-image-url {
    padding-top: 56.25%;
    display: block;
}

.pa-blog-image-16-9 .entry-featured-image-url img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
}

/* *************** MAIN NAVIGATION MENU *************** */

.et_pb_menu ul li.menu-item.button a {
    background: var(--accent2);
    display: inline-block;
    color: var(--white) !important;
    text-transform: uppercase;
}

.et_pb_menu ul li.current-menu-item.button a:hover {
    background: var(--accent3);
    display: inline-block;
    color: var(--white) !important;
    text-transform: uppercase;
}



/* ============== START DIVI BREAKPOINTS ============== */

@media all and (min-width: 1405px) {}

@media all and (min-width: 1100px) and (max-width: 1405px) {}

@media all and (max-width: 980px) {}

@media all and (min-width: 768px) and (max-width: 980px) {}

@media all and (max-width: 767px) {}

@media all and (max-width: 479px) {}


/* ============== END DIVI BREAKPOINTS ============== */


/* *************** START X *************** */


/* *************** END X *************** */