/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* Responsive Font and Padding Rules

/* Colors 

black = #000
white = #fff
blue = #268de3
yellow = #268de3
pink = #e0b3e8

Desktop

h1 = 80px // Zeilenhöhe = 88px
h2 = 60px // Zeilenhöhe = 66px
body/buttons = 20px // Zeilenhöhe = 24px


Mobile

h1 = 70px // Zeilenhöhe = 77px
h2 = 50px // Zeilenhöhe = 55px
body/buttons = 16px // Zeilenhöhe = 19,2px

*/

/* Hide Adminbar */

body #wpadminbar {
    display: none;
}

html {
    margin-top: 0 !important;
}

body .fusion-tb-header .fullwidth-box {
    top: 0 !important;
}

/* ------------ General start ------------ */

/* Button */
.fusion-button:hover ,
.fusion-button:focus {
    background-color: #268de3 !important; 
}

.fusion-button::before {
    content: "";
    width: 24px;
    height: 24px;
    background-color: white;
    border-radius: 50%;
    position: absolute;
    left: 15px;
    opacity: 0;
    transition: opacity 0.05s ease-in-out;
}

.fusion-button:hover::before {
    opacity: 1;
}

.fusion-button:hover span {
    padding-left: 30px;
    transition: padding-left 0.05s ease-in-out;
}

.background-pink { 
    background-color: #E0B3E8 ;
}
.background-blue { 
    background-color: #268DE3 ;
}
.background-yellow { 
    background-color: #E4FC9A ;
}
.background-orange {
    background-color: #F27549 ;
}

/* ------------ General end ------------ */

/* ------------ Header start ------------ */

/* Navigation */
.kwd-navi .awb-menu__main-li_regular:hover {
    background-color: #268de3 !important;  
}

body .awb-menu__main-a,
body .awb-menu__main-a:hover,
body .awb-menu__main-li,
body .awb-menu__main-background-active, 
body .awb-menu__main-background-default {
    transition: none !important;
}

.kwd-navi .menu-item {
    height: 64px;
}

.kwd-navi .awb-menu__main-a_regular::before {
    content: "";
    width: 20px;
    height: 20px;
    background-color: white;
    border-radius: 50%;
    position: absolute;
    left: 15px;
    opacity: 0;
}

.kwd-navi .awb-menu__main-a_regular:hover::before {
    opacity: 1;
}

.kwd-navi .awb-menu__main-a_regular:hover span {
    padding-left: 30px;
}

.kwd-navi .awb-menu__main-li_regular:nth-child(4):hover {
    background-color: #268de3 !important;  
}

.kwd-navi .awb-menu__main-li_regular:nth-child(4),
.kwd-navi .awb-menu__main-li_regular:nth-child(6),
.kwd-navi .awb-menu__main-li_regular:nth-child(4):hover,
.kwd-navi .awb-menu__main-li_regular:nth-child(6):hover {
    border-radius: 0px !important;
}

.awb-menu__main-li_regular.active{
    background-color: #268de3 !important;  
}

.awb-menu__main-li_regular:nth-child(6)  .awb-menu__main-background-active {
    background-color: #2196F3 !important;
    border-radius: 0px;
}
.awb-menu__main-li_regular:nth-child(4)  .awb-menu__main-background-active {
    background-color: #2196F3 !important;
    border-radius: 0px;
}

.kwd-navi-mobile .awb-menu__main-li_regular.active {
    background-color: transparent !important;
}

/* ------------ Header end ------------ */

/* ------------ Content start------------ */

/* Counter */
.kwd-counter .content-box-counter {
    background-color: #fff;
    display: inline;
    border-radius: 150px;
    padding: 0px 32px;
}

.kwd-counter .content-box-counter span {
    font-family: Folletbeta;
    line-height: 120px;
}

.kwd-counter .fusion-counter-box {
    width: auto;
}

.kwd-counter .counter-box-content {
    text-align: center !important;
    margin-top: 10px;
}

.kwd-counter .fusion-counters-box .fusion-counter-box,
.kwd-counter .fusion-counters-box .fusion-counter-box .counter-box-container {
    padding: 0;
}

/* News */
.kwd-news-teaser .fusion-classic-product-image-wrapper img {
    width: 100%;
}

.kwd-news-teaser-mobile .fusion-classic-product-image-wrapper .fusion-woo-product-image .fusion-post-card-image .fusion-post-card-image-1 {
    border-radius: 50% !important;
    aspect-ratio: 1 / 1;
}
.kwd-news-teaser li:nth-child(1) img,
.kwd-news-teaser li:nth-child(3) img,
.kwd-news-teaser li:nth-child(5) img,
.kwd-news-teaser li:nth-child(7) img {
    border-radius: 50% !important;
    overflow: hidden;
    object-fit: cover;
    aspect-ratio: 1 / 1;
}

.kwd-news-teaser-mobile .fusion-builder-column:nth-child(1) img,
.kwd-news-teaser-mobile .fusion-builder-column:nth-child(3) img,
.kwd-news-teaser-mobile .fusion-builder-column:nth-child(5) img {
    border-radius: 50%;
    object-fit: cover;
}

.fusion-builder-column-20 img.attachment-full.size-full.wp-post-image {
    border-radius: 50%;
}
.fusion-builder-column-22 img.attachment-full.size-full.wp-post-image {
    border-radius: 50%;
}
/* Modal */
body .modal-lg {
    width: 100%;
    max-height: unset !important;
}

body .modal-content {
    border-radius: 0;
    height: 100vh;
}

body .modal-dialog {
    margin: 0;
}

body .modal-body {
    padding: 0;
}

body .modal-title {
    display: none;
}

body .modal-header {
    border-bottom: none;
    padding: 0;
} 

body .fusion-modal .modal-header {
    min-height: unset !important;
}

body .fusion-modal .modal-header .close {
    position: absolute;
    right: 32px;
    top: 32px;
    opacity: 1;
    z-index: 100;
    background-color: #000;
    color: #000;
    height: 64px;
    width: 64px;
    border: 0;
    cursor: pointer;
}

body .fusion-modal .modal-header .close:before {
    content: "\e902";
    font-family: 'icomoon' !important;
    font-size: 40px;
    width: 56px;
    color: #fff;
    position: absolute;
    left: 5px;
    top: 13px;
}

body .ua-mobile .modal-open .fusion-modal .modal-dialog {
    height: 100%;
}

/* Form */
body .fusion-form-field,
body .fusion-form-form-wrapper .fusion-form-field  {
    padding: 0;
    margin-top: 0;
    margin-bottom: 32px;
}

body .fusion-form-form-wrapper input,
body .fusion-form-form-wrapper select {
    border-radius: 0 !important;
}

.fusion-form-form-wrapper .fusion-form-field textarea.fusion-form-input {
    padding-bottom: 32px !important;
}
.fusion-form .fusion-form-element-required {
    display: none !important;
}

body .fusion-form-checkbox {
    margin-top: 40px;
}

body .fusion-form-form-wrapper .fusion-form-field .fusion-form-checkbox label:before{
    height: 30px;
    width: 30px;
    border-radius: 0px;
    background-color: rgb(255, 255, 255);
}

body .fusion-form-form-wrapper .fusion-form-field .fusion-form-checkbox input[type=checkbox]:checked+label:after{
    border-radius: 0px;
    background-color: rgb(255, 255, 255);
    content: "\e902";
    font-family: 'icomoon' !important;
    font-size: 30px;
    line-height: 30px;
}

body .fusion-form-form-wrapper .fusion-form-field .fusion-form-checkbox label {
    padding-left: 50px;
}

body .fusion-form-form-wrapper .fusion-form-field .fusion-form-checkbox input:checked+label:after {
    left: 1px;
}

.kwd-newsletter .fusion-form-form-wrapper .fusion-form-field .fusion-form-checkbox label {
    padding-top: 17px;
}

.fusion-form-form-wrapper .fusion-form-field .fusion-form-checkbox input:checked+label:after {
    height: 30px !important;
    line-height: 30px;
}

.fusion-form-form-wrapper .fusion-form-field .fusion-form-checkbox label {
    margin-top: -40px !important;
}

.fusion-form-form-wrapper .fusion-form-field .fusion-form-input {
    margin-bottom: -10px !important;
}
.fusion-form-form-wrapper .fusion-form-field.fusion-form-label-above .label, 
.fusion-form-form-wrapper .fusion-form-field.fusion-form-label-above label {
    margin-bottom: 5px !important;

}
.fusion-form-form-wrapper .fusion-form-field textarea.fusion-form-input {
    padding-bottom: 52px !important;
}

.fusion-form .form-submission-notices .fusion-form-response {
    margin-top:30px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    display: block;
    background-color: black;
    color: white;
}

.body .fusion-form-form-wrapper .fusion-form-field.error .fusion-form-input {
    box-shadow: 0 0 1.5px 1px rgb(242 117 73) !important;
}
.body .fusion-form-form-wrapper .fusion-form-field.error .fusion-form-input, 
.body .fusion-form-form-wrapper .fusion-form-field.error .fusion-form-upload-field {
    border-color: #f27549 !important;
}
.body .fusion-form-form-wrapper .fusion-form-field.error input,.body .fusion-form-form-wrapper .fusion-form-field.error label:not(.fusion-form-rating-icon) {
    color: #f27549 !important;
}

/* FAQ */
body .fusion-accordian #accordian-1 .fa-fusion-box {
    background-color: black !important;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.fusion-panel {
     border-radius: 50px !important; 
}

.fusion-accordian .panel-title a .fa-fusion-box {
    padding: 10.5px !important;
}

.fa-fusion-box {
    margin-top: 20px !important;
}

.fusion-toggle-heading,
.fusion-accordian .fusion-text {
    margin: 0 25px 10px 25px !important;
}

.fixed-cta-container {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99999; 
    text-align: center;
}

.fusion-toggle-heading:hover {
    color: black !important;
}

.fa-fusion-box:hover{
    background-color: #268de3 !important; 
    transform: scale(1.1);
}

/* CTA Button */
.cta-button {
    background-color: white !important;
}

.cta-button .fusion-button-text {
    color: black !important;
}

.cta-button:hover .fusion-button-text {
    color: rgb(255, 255, 255) !important;
}

.cta-button i {
    color: #050505 !important;
}

.cta-button::before {
    left: 24px;
}

.cta-button:hover .icon-cta_icon {
    opacity: 0;
}

.cta-button:hover span {
    padding-left: 0;
}

/* Mitglieder Logos */

.kwd-logos .fusion-column-wrapper:not(.fusion-flex-column-wrapper-legacy).fusion-content-layout-column {
    flex-direction: column;
    border-radius: 50%; 
}

.logos {
    width: 15% !important;   
}
.fusion-builder-row.fusion-builder-row-inner {
    padding-top: 32px;
}

/* Content Image radius // combine with background classes to create images on page Arbeitskreise */
.image-radius img {
    aspect-ratio: 1 / 1;
    padding:10px;
    object-fit: cover; 
    border-radius: 50%; 
}

/* ------------ Content end------------ */

/* ------------ Footer start------------ */

.kwd-footer-links a {
    color: #fff;
}
.footer-menu .awb-menu__main-li_regular.active{
    background-color: black !important; 
    color: white !important;
}
.footer-menu-mobile .awb-menu__main-li_regular.active{
    background-color: black !important; 
   
}

.footer-menu .awb-menu__main-a .awb-menu__main-a_regular .active{
    color: white !important;
}
.footer-menu-mobile .awb-menu__main-li_regular:hover .awb-menu__main-a_regular{
    color: #2196F3 !important;
}

/* Mobile CSS Responsive */

/* Typo Headlines mobile */
@media (min-width: 1025px) and (max-width: 1154px) {
    h1.fusion-title-heading.title-heading-left {
        font-size: 65px !important;
        line-height: 70px
    }
}
@media (min-width: 840px) and (max-width: 1025px) {
    h1.fusion-title-heading.title-heading-left {
        font-size: 55px !important;
        line-height: 60px
    }
}

@media (min-width: 641px) and (max-width: 840px) {
    h1.fusion-title-heading.title-heading-left {
        font-size: 40px !important;
        line-height: 50px
    }
}

@media (max-width: 768px) {
    /* Typo mobile */
    body h1,
    body h1 p {
        font-size: 50px !important;
        line-height: 55px !important;
    }

    body h2,
    body h2 p {
        font-size: 50px !important;
        line-height: 55px !important;
    }

    body, 
    body p, 
    body button,
    body .fusion-button,
    body .fusion-body .fusion-button-default-size,
    body .fusion-form-form-wrapper .fusion-form-field label  {
        font-size: 16px !important;
        line-height: 19.2px !important;
    }

    /* Burger */
    .fa-times:before {
        content: "\e902" !important;
        font-family: 'icomoon' !important;
        font-size: 25px;
        width: 5px;
        color: #fff;
        position: absolute;
        left: -4px;
        top: -5px;
    }
    .fa-bars:before {
        content: "\f0c9";
        font-size: 25px;
        width: 5px;
        color: #fff;
        position: absolute;
        left: -4px;
        top: -5px;
    }
    
    .awb-menu.expanded .awb-menu__m-collapse-icon-close, 
    .awb-menu.expanded .awb-menu__m-collapse-icon-open {
        transform: none !important;
    }

    .awb-menu__m-collapse-icon_no-text {
        font-size: 16px !important;
    }    

    /* Content Image radius */
    .image-radius img {
        width: 250px;
    }

    /* Counter */
    .kwd-counter .counter-box-content {
        text-align: center !important;
        margin-left: 0px !important;
    }
    .kwd-counter .content-box-counter span {
        line-height: 72px;
    }
    .kwd-counter .counter-box-content {
        margin-left: 0;
    }

    /* News Slider */
    .swiper-backface-hidden {
        padding-right: 80px !important;
    }
    .fusion-builder-column-20 img.attachment-full.size-full.wp-post-image {
        border-radius: 50%;
    }
    .fusion-builder-column-22 img.attachment-full.size-full.wp-post-image {
        border-radius: 50%;
    }
    

    /* FAQ */
    .fusion-panel {
        border-radius: 32px !important;   
    }
    .fusion-accordian #accordian-2 .fa-fusion-box {
        border-radius: 50px;
    }

    /* Modal */
    body .fusion-modal .modal-header .close {
        position: absolute;
        right: 32px;
        top: 32px;
        opacity: 1;
        z-index: 100;
        background-color: #000;
      
        height: 40px;
        width: 40px;
       
    }
    body .fusion-modal .modal-header .close:before {
        content: "\e902";
        font-family: 'icomoon' !important;
        font-size: 25px;
        width: 56px;
        color: #fff;
        position: absolute;
        left: -8px;
        top: 10px;
    }
}

@media (max-width: 1024px) {
    /* Burger */
    .awb-menu__m-toggle.awb-menu__m-toggle_no-text{
        border-radius: 50px !important;
        height: 30px  !important;
    }

    /* Navigation */
    nav .awb-menu__m-toggle.awb-menu__m-toggle_no-text,
    .fusion-layout-column .mobile_logo  {
        z-index: 2;
    }
    
    nav .awb-menu__m-toggle.awb-menu__m-toggle_no-text,
    .fusion-layout-column .mobile_logo  {
        z-index: 2;
    }
    
    body .awb-menu.collapse-enabled.mobile-mode-collapse-to-button.expanded .awb-menu__main-ul {
        max-height: 100%;
    }
    
    #menu-main-navi-1 {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 1;
        padding-top: 120px;
        background-color: #e0b3e8 !important; 
    }
    
    #menu-main-navi-1::after {
        content: '';
        height: 100vh;
        width: 100vw;
        display: table !important;
        z-index: 1;
    }
    
    .kwd-navi-mobile .awb-menu__main-a_regular {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 35px;
        font-weight: bold;
        text-decoration: none;
        text-align: center;
        z-index: 10;
    }
       
    .kwd-navi-mobile .awb-menu.collapse-enabled {
        align-items: flex-start !important; 
        
    }
    
    .kwd-navi-mobile .awb-menu.collapse-enabled li {
        display: flex;
        justify-content: flex-start !important; 
        width: auto; 
    }
    
    .kwd-navi-mobile .awb-menu__main-a_regular {
        display: flex;
        align-items: center;
        justify-content: flex-start !important; 
        text-align: left;
        padding-left: 0px; 
        width: fit-content; 
    }

    .kwd-navi-mobile .awb-menu.collapse-enabled a {
        padding-left: 35px !important;
        font-size: 30px;
        font-weight: 700;
        line-height: 36px;
        color:#000 !important;
    }

    .awb-menu__m-toggle {
        margin-right: 0px;
    }
    
    .awb-menu.collapse-enabled li {
        border-bottom: 1px !important; 
    }
        
    .awb-menu__m-toggle.awb-menu__m-toggle_no-text{
        margin-right: 0;
    }

    .awb-menu {
    --awb-mobile-active-bg: none !important;
    --awb-mobile-active-color: none !important;
    }
    .awb-menu.collapse-enabled {
        padding-left: 70px;
    }

    .kwd-navi-mobile .awb-menu.collapse-enabled a {
        font-size: 35px !important;
    }
}