/*
 Theme Name:     Epic Flex Theme
 Theme URI:      https://www.web-on-point.de/
 Description:    Child Theme
 Author:         Web on Point
 Author URI:     https://www.web-on-point.de/
 Template:       Divi
 Version:        1.0.0
*/
 
/* Theme customization starts here
------------------------------------------------------- */

:root {
    --ef-color-brown: #9d622b;
}


body {
	
}

/* Menü */


.nav li a {
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px;
}

.menu-btn a {
    box-shadow: 0px 2px 0px 0px var(--ef-color-brown);
    padding-bottom: 10px !important;
}

.menu-btn:hover a {
    box-shadow: 0px 4px 0px 0px var(--ef-color-brown);
}


.mobile_menu_bar:before, .mobile_menu_bar:after, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a {
    color: var(--ef-color-brown);
}

.et_mobile_menu {
    border-top: 3px solid var(--ef-color-brown);
    background: #000 !important;
}

.et_mobile_menu li a, .nav li li a {
    font-size: 18px !important;
    letter-spacing: 2px;
}

@media screen and (max-width: 980px) {
    #main-header {
        background: #000 !important;
    }
}

#top-menu li.menu-social {
    padding-right: 10px;
}

#top-menu li.menu-social a {
    font-size: 22px;
}

#mobile_menu li.menu-social {
    display: inline-block;
    padding: 10px 5%;
    
}

/* Map */

#epic-map {
    height: 600px;
    width: 100%;
    overflow: hidden;
}

@media screen and (max-width: 980px) {
    #epic-map {
        height: 700px;
    }
}

.leaflet-control-attribution {
    display: none;
}


/* Formular */

div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea {
    background-color: transparent;
    box-sizing: border-box;
    border-radius: 0px;
    color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    float: none;
    font-size: 16px;
    border: none;
    border-bottom: 1px solid #fff;
    padding: 6px 10px;
    height: 38px;
    width: 100%;
    line-height: 1.3;
}

div.wpforms-container-full .wpforms-form input:focus, div.wpforms-container-full .wpforms-form textarea:focus, div.wpforms-container-full .wpforms-form select:focus, div.wpforms-container-full .wpforms-form .is-focused .choices__inner, div.wpforms-container-full .wpforms-form .is-open .choices__inner, div.wpforms-container-full .wpforms-form .is-open .choices__list--dropdown {
    border: none;
    border-bottom: 1px solid var(--ef-color-brown);
    box-shadow: none;
}

div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button {
    background-color: transparent;
    border: none;
    box-shadow: 0px 2px 0px 0px var(--ef-color-brown);
    color: #fff;
    padding: 10px 25px;
    margin-top: 15px;
    font-family: 'Oswald';
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 5px;
    font-size: 16px;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: all!important;
    transition-property: all!important;
}

div.wpforms-container-full .wpforms-form input[type=submit]:hover, div.wpforms-container-full .wpforms-form input[type=submit]:focus, div.wpforms-container-full .wpforms-form input[type=submit]:active, div.wpforms-container-full .wpforms-form button[type=submit]:hover, div.wpforms-container-full .wpforms-form button[type=submit]:focus, div.wpforms-container-full .wpforms-form button[type=submit]:active, div.wpforms-container-full .wpforms-form .wpforms-page-button:hover, div.wpforms-container-full .wpforms-form .wpforms-page-button:active, div.wpforms-container-full .wpforms-form .wpforms-page-button:focus {
    background-color: transparent;
    border: none;
    box-shadow: 0px 4px 0px 0px var(--ef-color-brown);
    cursor: pointer;
}



/* Preise */

.big-price--regular {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 25px;
}

.big-price__for {
    display: inline-flex;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.big-price--regular b {
    font-size: 4.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

/* Preis Button */

.animate-btn {
     overflow: hidden;
    animation: btnPulse 4s ease 1s infinite normal forwards;
    
}

@keyframes btnPulse {
  0%,
  100% {
    transform: rotate(0deg);
    transform-origin: 50% 100%;
  }

  10% {
    transform: rotate(1deg);
  }

  20%,
  40%,
  60% {
    transform: rotate(-2deg);
  }

  30%,
  50%,
  70% {
    transform: rotate(2deg);
  }

  80% {
    transform: rotate(-1deg);
  }

  90% {
    transform: rotate(1deg);
  }
}


/* Special Button */

.special-btn {
    position: absolute !important;
    top:-200px;
    left:50px;
}

@media screen and (max-width: 980px) {
    .special-btn {
        top: 200px;
        left: 0;
    }
}

@media screen and (max-width: 800px) {
    .special-btn {
        top: 300px;
        left: 0;
    }
}