/*
Theme Name: Impacts Business Run
Description: Modifications for the Impacts Business Run Website
Author: Gebrüder Pixel
Author URI: https://www.gebruederpixel.at
Template: Avada
Version: 1.0.0
*/

/**
* Overwriting Global colors
 */
:root {
    --form_focus_border_color: none !important;
    --form_border_radius: 0px;
}

/**
* Sticky header
*/
.fusion-tb-header{
	position: fixed;
	top: 0;
	width:100%;
	max-width:1600px;
	margin-right:auto;
	margin-left:auto;
	z-index:10000 ;
}
@media screen and (max-width:640px){
	div.fusion-tb-header.is-sticky #header-element{
		margin-bottom:-15px;
		margin-top:15px;
		transition: margin 1s ease 0s;
	}
}
div.fusion-tb-header.is-sticky{
	background-color:#333333 !important;
	/* Firefox */
    -moz-transition: all 0.5s ease;
    /* WebKit */
    -webkit-transition: all 0.5s ease;
    /* Opera */
    -o-transition: all 0.5s ease;
    /* Standard */
    transition: all 0.5s ease;     
}

/**
* Layout & Mobile Basic Fixes
 */
#wrapper{
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
}
@media screen and (min-width: 1200px) {
    .fusion-body .fusion-flex-container.boxedstyle {
        padding-left: 400px !important;
        padding-right: 400px !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 1200px) {
    .fusion-body .fusion-flex-container.boxedstyle {
        padding-left: 175px !important;
        padding-right: 175px !important;
    }
}

@media screen and (min-width: 640px){
	#personenzahl-auswahl,#eventart-auswahl,#ort-auswahl{
	  font-size:14px !important;
	}	
}

@media screen and (max-width: 640px) {
    .fusion-body .fusion-flex-container.boxedstyle {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    /* Footer Fixes */
    .fusion-social-networks-wrapper{
        text-align: center;
    }
    #menu-footermenue{
        justify-content: center;
    }

    /* Blog Fixes */
    div.fusion-posts-container article.fusion-post-grid  .fusion-post-content-wrapper{
        padding-left:10px !important;
        padding-right:10px !important;
    }

    div.fusion-posts-container article.fusion-post-grid .blog-shortcode-post-title a{
        font-size:26px;
    }
    div.fusion-posts-container article.fusion-post-grid .blog-shortcode-post-title{
        line-height:1 !important;
        margin-bottom:20px;
    }

}

.location-overview-preheading h2 {
    font-family: 'Outfit' !important;
    font-weight: 600 !important;
    font-style: normal !important;
}



/* Avada Slider Element Styling */
@media screen and (min-width: 640px) {
    .fusion-slider-sc .flex-nav-prev a,.fusion-slider-sc .flex-nav-next a{
        background: none !important;
        color: #969798 !important;
        font-size: 20px !important;
        margin-top: -20px !important;
    }

    .fusion-slider-sc .flex-nav-prev a {
        margin-left: -40px !important;
    }

    .fusion-slider-sc .flex-nav-next a {
        margin-right: -40px !important;
    }
}
.flex-control-paging a:not(.flex-active){
    background-color:#fff !important;
    border:1px solid #969798 !important;
    box-shadow:none !important;
}
.flex-control-paging a.flex-active{
    background-color:#969798 !important;
}


/**
* Mobile Fixes
 */
@media screen and (max-width: 1000px) {
    .menu-box-holder div.fusion-image-element{
  		margin-right:-10px;
		margin-top:-38px;
	}
    #main {
        padding-top: 0px !important;
    }

    .fusion-body .fusion-flex-container {
        padding-top: 30px !important;
    }

    .no-border-on-mobile div {
        border: none !important;
    }
	.team-single-box p, .team-single-box{ 
	  font-size:13px !important;
	  line-height:1.4em;
	}
}

/**
* Font Fixes
 */
.welcome-claim {
    font-family: 'Cormorant';
    font-weight: bold;
    font-style: italic;
}

.fusion-text strong {
    font-weight: bold;
}

/**
* Menu Styling
 */
#off-canvas-main-menu a {
    color: #fff;
}

#off-canvas-main-menu .fusion-background-highlight .menu-text {
    color: #999999;
}

#off-canvas-main-menu .fusion-background-highlight .menu-text:hover {
    color: #D1C6A7;
}

/* Job Counter */
#main-menu-job-amount-displayer {
    color: #fff;
    font-weight: 700;
}

#main-menu-job-amount-displayer span {
    background: #969798;
    border-radius: 100%;
    padding: 0px 7px;
}


/**
* Home Screen
 */
@media screen and (max-width: 1100px) {
    .startseite-location-opener-box {
        min-height: 500px;
    }
}

@media screen and (min-width: 1100px) and (max-width: 1270px) {
    .startseite-location-opener-box {
        min-height: 600px;
    }
}

@media screen and (min-width: 1270px) and (max-width: 1700px) {
    .startseite-location-opener-box {
        min-height: 700px;
    }
}

@media screen and (min-width: 1700px) {
    .startseite-location-opener-box {
        min-height: 800px;
    }
}
.flip-box:hover .fusion-text:nth-of-type(1){
  display: none;
}

.flip-box .fusion-text:nth-of-type(2){
  display: none;
  font-family:'Outfit' !important;
    font-weight:300 !important;
  letter-spacing: unset !important;
  text-transform: none !important;
}

.flip-box:hover .fusion-imageframe{
  display: none;
}
.flip-box:hover .fusion-text:nth-of-type(2){
  display: initial;
}


.fullwidth-button {
    width: 100%;
}

/**
* Header
 */
.flyout-menu-heading div {
    text-decoration: underline !important;
    text-underline-offset: 7px !important;
    text-decoration-thickness: 2px !important;
}

/**
* Footer
 */
.footer-title h2 {
    color: #fff !important;
    font-family: 'Outfit' !important;
    font-weight: 600 !important;
    font-style: normal !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.2em !important;
}

.footer-text, .footer-text a {
    color: rgba(255, 255, 255, 0.5);
}

.footer-button {
    width: 100%;
}


/**
* Mobile Optimizations
 */
@media screen and (max-width: 800px) {
    .image-choices-field {
        text-align: center;
    }

    .gfield_checkbox {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .image-choices-field .image-choices-choice-image-wrap {
        width: 135px;
        height: 135px;
    }

    .gfield_label, #field_1_15 .form-heading, .form-subheading {
        line-height: 1em !important;
        text-align: center;
    }

}


/**
* Single Post Layout
 */
.blog-post-content strong {
    font-weight: 600;
}


/**
* Mobile Fixes
**/
@media screen and (max-width: 1000px) {
    /* Startseite */
    .link-box-section .fusion-column-wrapper {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .link-box-section .border-drunter {
        border-bottom: 1px solid #fff !important;
    }

    .link-box-section .weniger-abstand {
        margin-top: -20px !important;
    }
}

/**
* Blog Styling
 */

div.fusion-post-wrapper {
    background-color: #fff !important;
    padding: 20px 20px !important;
    border-radius: 8px !important;
    border-bottom-width: 1px !important;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
}

.fusion-read-more {
    font-weight: bold;
}

div.fusion-post-wrapper .fusion-content-sep {
    visibility: hidden;
    display: none;
}

div.fusion-posts-container div.fusion-rollover {
    --image_gradient_top_color: transparent;
    --image_gradient_bottom_color: transparent;
}

div.fusion-posts-container div.fusion-rollover h4, div.fusion-posts-container div.fusion-rollover .fusion-rollover-link, div.fusion-posts-container div.fusion-rollover .fusion-rollover-sep, div.fusion-posts-container div.fusion-rollover .fusion-rollover-categories, div.fusion-posts-container div.fusion-rollover .fusion-rollover-title, div.fusion-posts-container div.fusion-rollover .fusion-rollover-title-link, div.fusion-posts-container div.fusion-rollover .fusion-rollover-gallery {
    display: none;
}

div.fusion-posts-container h3.blog-shortcode-post-title {

    font-family: 'Cormorant' !important;
    font-style: italic !important;
}

div.fusion-post-content-container p {
    font-size: 13px;
}


/**
* Listen Styling
 */
.umweltschutzsection li {
    margin-left: -25px !important;
}


/**
* Custom filter styling
 */

.filter-auswahl-selection {
    background-color: transparent;
    color: #333333;
    border: 2px solid #333333;
    border-radius: 0px;
    padding: 5px 20px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-weight: 600;
    width: 100%;
}

/**
* Team Page
*/
@media screen and (min-width:600px){
	.team-single-box img{
	  max-width:225px;
	}
}


/**
* Location Page
 */

/**
* Hover Effekt mit Beschriftung auf Bildern
 */.locationfigure{
       margin:0px;
   }
.locationfigure {
    position: relative;
    overflow: hidden;
    min-width: 230px;
    max-width: 315px;
    width: 100%;
    color: #141414;
    text-align: left;
    line-height: 1.4em;
    font-size: 16px;
}
.locationfigure * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
.locationfigure img {
    max-width: 100%;
    vertical-align: top;
}
.locationfigure figcaption {
    position: absolute;
    top: calc(77%);
    width: 100%;
    background-color: #000;
    opacity:0.8;
    padding: 15px 25px 65px;
}
.locationfigure figcaption:before {
    position: absolute;
    content: '';
    z-index: 2;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: 50px;
    background-image: -webkit-linear-gradient(top, transparent 0%, #000 100%);
    background-image: linear-gradient(to bottom, transparent 0%, #000 100%);
}
.locationfigure h2,
.locationfigure p {
    margin: -5px 0 15px;
}
.locationfigure h2 {
    font-weight: 300;
    font-size:20px !important;
    color:#fff !important;
    text-transform: uppercase;
}
.locationfigure p {
    font-size: 0.9em;
    color:#fff;
    letter-spacing: 1px;
    opacity: 0.9;
}
.locationfigure a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
}
.locationfigure:hover figcaption,
.locationfigure.hover figcaption {
    top: 80px;
}

img.wp-smiley,
img.emoji {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 0.07em !important;
    vertical-align: -0.1em !important;
    background: none !important;
    padding: 0 !important;
}



/*Function for filter hidings */
.ba-hideme {
    display: none !important;
}

#location-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    column-gap: 5px !important;
}

#location-wrapper .location-page-kachel {
    flex: 0 0 30% !important;
    margin-top: 5px !important;
}

@media screen and (max-width: 800px) {
    #location-wrapper .location-page-kachel {
        flex: 0 0 100% !important;
        margin-top: 5px !important;
    }
}

#alle-anzeigen-link {
    font-weight: 700;
    text-decoration: underline;
    pointer-events: auto !important;
}


/**
* Stellenangebot Page
 */
#stellenangebot-wrapper {
    display: flex;
    flex-wrap: wrap;
    column-gap: 30px;
}

#stellenangebot-wrapper .stellenangebot-page-kachel {
    width: 30%;
    margin-top: 30px;
}

@media screen and (min-width: 800px) and (max-width: 1200px) {
    #stellenangebot-wrapper .stellenangebot-page-kachel {
        width: 48%;
    }
}

@media screen and (max-width: 800px) {
    #stellenangebot-wrapper .stellenangebot-page-kachel {
        width: 100%;
    }
}

#stellenangebot-wrapper .stellenangebot-page-kachel {
    background-color: #D1C6A7;
    border-radius: 8px;
    padding-top: 70px;
    padding-bottom: 50px;
    padding-left: 50px;
    padding-right: 50px;
    text-align: center;
}

#stellenangebot-wrapper h2.ausschreibungstitel {
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-size: 28px !important;
}

#stellenangebot-wrapper .stellenangebot-page-kachel span.arbeitsort {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-size: 16px !important;
}

#stellenangebot-wrapper a.stellenangebot-page-kachel:hover {
    color: #333333 !important;
    background-color: #DBD3BC;
}

#stellenangebot-wrapper .stellenangebot-page-kachel img {
    margin-top: 20px;
}

/*
Menu Mobile Icon Top Padding
*/
.awb-menu__m-toggle{
padding-top:0px !important;
}


/*
Woo - Max width
*/
.wp-block-woocommerce-checkout,.is-large.wc-block-cart {
  max-width: 1400px !important;
}

.product .fusion-content-tb .fusion-fullwidth{
    padding-top: 0px !important;
}

.max-width-text div {
    width: 100% !important;
    margin: 0px !important;
}

.max-width-text h3 {
    margin-bottom: 10px !important;
}

.wp-block-woocommerce-cart{
  max-width: 900px !important;
}

/*
Fixes Anchor Bug with header
*/

.fusion-menu-anchor{
  margin-top:-120px !important;
  padding-bottom:120px !important;
}


/*
Custom Slider additional CSS
*/
.owl-next{
font-size:50px !important
}

.owl-prev{
font-size:50px !important
}

.owl-loaded,.owl-stage-outer{
	max-height:500px !important;	
}

.category-slide h3{
	text-align: center;
}

/*Buttons*/

.owl-carousel .owl-nav {
    position: absolute;
    top: 30%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
    z-index: 10;
}

.owl-carousel .owl-nav button.owl-prev, 
.owl-carousel .owl-nav button.owl-next {
    background-color: rgba(0, 0, 0, 0.5); 
    border: none;
    padding: 10px !important;
    color: white;
    font-size: 18px;
    cursor: pointer;
    border-radius: 50%;
    width: 40px; 
    height: 40px; 	
}

.owl-carousel .owl-nav button.owl-prev:hover, 
.owl-carousel .owl-nav button.owl-next:hover {
    background-color: rgba(0, 0, 0, 0.8);
}


.owl-carousel .owl-nav button.owl-prev span{
  top: -30px;
  position: absolute;
  left: 12px;
}

.owl-carousel .owl-nav button.owl-next span{
  top: -30px;
  position: absolute;
  right: 13px;
}

@media (max-width: 1180px) {
    .owl-carousel .owl-nav {
        top: 40%;
    }
}

.owl-prev.disabled, .owl-next.disabled {
    visibility: hidden; 
    pointer-events: none; 
}

.owl-carousel .owl-nav button {
    transition: visibility 0.3s, opacity 0.3s;
}

/*
Header Bug
*/

.avada-html-is-archive .fusion-top-header .fusion-header{
background-color:#333 !important;
}

/*Hide Tax in Checkout because Bundles are not shown correctly */
table.shop_table td.product-subtotal .woocommerce-Price-amount ~ span.wgm-tax{
display:none !important;
}



/* WooCommerce Adaptions*/
body.woocommerce-checkout .avada-myaccount-user{
	display:none;
}

body.woocommerce-checkout div.woocommerce-content-box.avada-checkout{
  padding-bottom:80px !important;
}

body.woocommerce-checkout .woocommerce-terms-and-conditions-checkbox-text a{
	text-decoration:underline !important;
}
body.woocommerce-view-order.woocommerce-account .fusion-product-name-wrapper .product-info,
body.woocommerce-order-received .fusion-product-name-wrapper .product-info{
  width:100%;
}
body.woocommerce-view-order.woocommerce-account .fusion-product-name-wrapper .product-info p,
body.woocommerce-order-received .fusion-product-name-wrapper .product-info p{
float:none !important;
}

.woocommerce .avada-myaccount-user{
  display: none;
}

body.page-id-121:not(.woocommerce-orders):not(.woocommerce-view-order):not(.woocommerce-edit-address):not(.woocommerce-edit-account) .woocommerce-MyAccount-content p:first-of-type{
 display:none;
}

body.page-id-121.woocommerce-edit-address .woocommerce-Address-title .edit{
  padding-top: var(--button_padding-top,13px);
  padding-right: var(--button_padding-right,29px);
  padding-bottom: var(--button_padding-bottom,13px);
  padding-left: var(--button_padding-left,29px);
  line-height: var(--button_line_height, 1);
  font-size: var(--button_font_size, 14px);
  background: var(--button_gradient_top_color);
  color: var(--button_accent_color);
  border-color: var(--button_border_color);
  font-weight:bold;
  text-transform: uppercase;
  letter-spacing:2px;
}

.menu-item.cart-counter span.menu-text{
	margin-right:2px !important;
}


.menu-item.cart-counter .cart-count-circle {
    background-color: #ff0000;
    color: #fff; 
    border-radius: 50%; 
    padding: 3px 8px;
    font-size: 12px; 
    font-weight: bold;
    min-width: 20px; 
    height: 20px;
    z-index: 10; 
	margin:-5px 0px 8px 2px;
}

/* Fix: Product AddOns are shown on top of order button */
body.product-template-default  .wcpa_has_options .fusion-woo-cart .fusion-button-wrapper{
	display:block !important;
}


/************************************
** Feeature: Gold Buffet Preisgestaltungsinformationen
************************************/
/* Service Pauschale wird ausgeblendet */
body.product-template-default .wcpa_has_options .fusion-woo-cart .hide-me-in-first-section{
  display: none !important;
}

.no-euro-symbol span.wcpa_field_price span{
  display: none;
}
/************************************
** End feature 
************************************/