/*
Theme Name: Caravanmobil AG
Description: Child theme for the Divi theme
Author: 78juli
Author URI: http://78juli.design
Template: Divi
Version: 1.0.0
*/

body {
    background: -moz-linear-gradient(180deg, #2AADE4 0, #FFCE34 100%);
    background: -webkit-gradient(linear, 180deg, color-stop(0, 2AADE4), color-stop(100%, FFCE34));
    background: -webkit-linear-gradient(180deg, #2AADE4 0, #FFCE34 100%);
    background: -o-linear-gradient(180deg, #2AADE4 0, #FFCE34 100%);
    background: -ms-linear-gradient(180deg, #2AADE4 0, #FFCE34 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1');
    background: linear-gradient(180deg, #2AADE4 0, #FFCE34 100%);
}
/* Section Title Text Colour */

#section-title {
    background-color: transparent;
    color: #FFCC00;
}


/*Slider Height Fix*/

.et_pb_slider .et_pb_slide {
    height: 300px;
    padding-bottom: 10px;
}


/* Submenu Fix */

#et-secondary-menu li,
#top-menu li {
    word-wrap: normal;
}

@media (min-width: 1400px) {
    /* Background hide */
    .et_fixed_nav #main-header {
        background-repeat: no-repeat;
        background-position-y: 40%;
        background-position-x: 40%;
        background-size: 30%;
        background-image: url(./images/caravanevolution.png);
    }
    .et_fixed_nav #main-header.et-fixed-header {
        /*background-size: 0; ---- this makes the caravan pictures disappear */
        background-size: 35%;
    }
}

@media (min-width: 1800px) {
    .et_fixed_nav #main-header {
        background-position-x: 35%;
        background-position-y: 40%;
        background-size: 42%;
    }
}


/*----Background hide END--- */


/* Desktop 981PX*/

@media all and (min-width: 1001px) {
    /*Caravan Menu Background 
    .et_fullwidth_nav #main-header {
        background-repeat: no-repeat;
        background-position-x: 40%;
        background-image: url(http://caravanmobilag.test/wp-content/uploads/2017/04/caravanevolution.png);
    } */
    #logo {
        position: absolute;
        max-width: 30%;
        min-width: 150px;
        /*  top: -10px; */
    }
    .et_fixed_nav #logo {
        max-height: 160px;
    }
    .et-fixed-header #logo {
        top: -7px;
        max-height: 90px !important;
        padding: 0 !important;
    }
    #main-header {
        border-radius: 0 0 10px 10px;
        border-bottom: 5px solid #0070c0;
    }
}


/* Mobile only */

@media all and (max-width: 767px) {
    #logo {
        max-width: 30%;
        max-height: 100%;
    }
}


/* Tablet only max 980px*/

@media all and (min-width: 768px) and (max-width: 1000px) {
    #logo {
        max-height: 100%;
    }
}

#main-header .et_mobile_menu .menu-item-has-children>a {
    background-color: transparent;
    position: relative;
}

#main-header .et_mobile_menu .menu-item-has-children>a:after {
    font-family: 'ETmodules';
    text-align: center;
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    position: absolute;
}

#main-header .et_mobile_menu .menu-item-has-children>a:after {
    font-size: 16px;
    content: '\4c';
    top: 13px;
    right: 10px;
}

#main-header .et_mobile_menu .menu-item-has-children.visible>a:after {
    content: '\4d';
}

#main-header .et_mobile_menu ul.sub-menu {
    display: none !important;
    visibility: hidden !important;
    transition: all 1.5s ease-in-out;
}

#main-header .et_mobile_menu .visible>ul.sub-menu {
    display: block !important;
    visibility: visible !important;
}