/*
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
*/



.fusion-standard-logo[src*="svg"],
.fusion-image-element [src*="svg"] {
    width: 400px;
}


img[src*="consilium-gruppe.svg"] {
    width: 400px;
}


/****************************************
 * 			 Content
 *****************************************/
/* b/strong Tags innerhalb von Headlines ignorieren */
h2 b, 
h2 strong {
  font-weight: var(--h2_typography-font-weight);
}

h3 b,
h3 strong {
  font-weight: var(--h3_typography-font-weight);
}


/* h2 mit Abstand nach oben, nur nicht bei erster h2 */
.fusion-content-tb h2 {
  margin-top: 32px !important;
}

.fusion-content-tb .fullwidth-box:first-child .fusion-title:first-child h2 {
  margin-top: 0 !important;
}




.fusion-text a:hover {
    text-decoration: underline;
}

.fusion-text a[target="_blank"]:after {
    content: url(/wp-content/themes/Avada-Child-Theme/img/external-link.svg);
    display: inline-block;
    width: 20px;
    margin-left: 6px;
    position: relative;
    top: 3px;
}




.fusion-text ol li,
.fusion-text ul li {
	margin-bottom: 8px;
}

.fusion-text ol li.spacer, /* Abstand in Listen */
.fusion-text ul li.spacer {
    list-style-type: none;
    min-height: 16px;
}

.fusion-text a,
.fusion-li-item-content a {
    color: var(--awb-color4);
}

.fusion-text a:hover,
.fusion-li-item-content a:hover {
    color: var(--awb-color5);
}


/* Zahlen im Kreis */
.fusion-text strong em,
.fusion-text em strong {
    color: white;
    background: red;
    border-radius: 50%;
    min-width: 26px;
    height: 26px;
    display: inline-block;
    margin-left: 3px;
    margin-right: 3px;
    text-align: center;
    font-style: normal;
}


/* Bilder, falls nicht anders angegeben */
.fusion-image-element {
    --awb-margin-bottom: 24px !important;
}




/* Alert */
.fusion-alert a {
    color: inherit;    
    text-decoration: underline;
}

.fusion-alert .alert-icon {
  display: flex;
  align-items: center;
  font-size: 20px;
}

.fusion-alert.notice .awb-icon-cog::before {
    content: "\f05a" !important;
}


/* Content-Boxen mit Icon - kein hover */
.fusion-content-boxes .fusion-content-box-hover .link-area-link-icon-hover .heading .content-box-heading {
    color: var(--awb-title-color) !important;
}

.fusion-content-boxes.content-boxes-icon-on-top .content-container ul {
    text-align: left;
}




/* Tabs
    kein White-space im Tab-Link / relevant für 
    https://doku.e5-media.de/bewaesserungswelt/produkte/
 */
#content .fusion-tabs.vertical-tabs.classic .nav-tabs > li .tab-link {
    white-space: wrap;
    text-wrap-mode: wrap;
    max-width: 300px;
}





/****************************************
 *          Sidebar neu (direkt im Content)
 *****************************************/
#wrapper .fusion-vertical-menu-widget .menu li a, 
.awb-off-canvas .fusion-vertical-menu-widget .menu li a {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

#wrapper .fusion-vertical-menu-widget .menu li.current_page_item > a {
    border-right: 0 !important;
    border
    font-weight: bold;
}


.avada_vertical_menu h4.widget-title {
    font-weight: normal;

}

/* TOC 1. Ebene */
.awb-toc-el__list--0 > li {
    border-bottom: 1px solid var(--awb-color3);
    padding-top: 8px;
    padding-bottom: 8px;
}

/* TOC 2. Ebene */
.awb-toc-el__list--0 ul .awb-toc-el__item-anchor {
    font-size: 14px !important;
}




/****************************************
 *          Header Navi
 * Wird im Header Vertical Menu als Navi genutzt, 
 * dann wird das mit der Klasse .is-main-navigation 
 * zu einer horizontalen Linkliste gestylt
 *****************************************/

@media screen and (min-width: 480px) {
    .is-main-navigation ul.menu {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    } 

    .is-main-navigation ul.menu li {
        padding: 0 16px !important;
    }   

    .is-main-navigation ul.menu li:first-child {
        display: none;
    }  

    .is-main-navigation ul.menu li a {
        border: 0 !important;
        font-weight: 600 !important;
    } 


    .is-main-navigation ul.menu .current_page_item {
        background: rgba(0, 0, 0, 0.15);
    }

    .is-main-navigation ul.menu .current_page_item > a {
        color: var(--link_color) !important    
    }

}






/****************************************
 *           Custom CSS Classes
 ****************************************/
/*** sw6-message ***/
.fusion-alert.sw6-message {
    border: 1px solid #d1d9e0; 
    border-radius: 4px;
    background: #fff;
    max-width: 500px !important;
}

.fusion-alert.sw6-message  .alert-icon {
    align-items: flex-start;
}

.fusion-alert.sw6-message .fusion-alert-content {
    color: #52667a;    
}

.fusion-alert.sw6-message p {
    margin-bottom: 0px;
}




.fusion-alert.alert-danger.error.sw6-message {
    border-left: 6px solid #de294c !important;
}



/*** sw6-reiter ***/
.fusion-title.sw6-reiter {
    border-bottom: 3px solid #d1d9e0
}

.sw6-reiter .fusion-title-heading {
    border-bottom: 3px solid #118CFF;
    margin-bottom: -3px !important;
    float: left;
    padding: 10px 20px !important;
}

.sw6-reiter.xl {
    font-size: 20px !important;
}



.sw6-state {
    border-radius: 15px;
    padding: 0 12px;
    background-color: #f0f2f5;
}

.sw6-state.success {
    color: #37d046;
    background-color: #e7f9e9;
}

.sw6-state.info {
    color: #ff9800;
    background-color: #fff3e0;
}

.sw6-state.error {
    color: #de294c;
    background-color: #FBE5EA
}




/*** .wms-app ***/
/* gibt man dem Title um zu zeigen, dass dieser Teil sich auf die App bezieht */
.fusion-fullwidth.wms-app .fusion-title h2,
.fusion-title.wms-app h2,
.fusion-title.wms-app h3 {
    background: url("https://doku.e5-media.de/wp-content/uploads/2024/04/wms-app.svg") center left no-repeat;
    background-size: 44px;
    padding-left: 54px !important;   
}

.fusion-fullwidth.wms-app .fusion-title h2::after,
.fusion-title.wms-app h2::after {
    content: " mit der WMS App";
    font-size: 50%;
}


/*** .pos-app ***/
/* gibt man dem Title um zu zeigen, dass dieser Teil sich auf die App bezieht */
.fusion-fullwidth.pos-app .fusion-title h2,
.fusion-title.pos-app h2,
.fusion-title.pos-app h3 {
    background: url("https://doku.e5-media.de/wp-content/uploads/2024/06/pos-app.svg") center left no-repeat;
    background-size: 44px;
    padding-left: 54px !important;   
}

.fusion-fullwidth.pos-app .fusion-title h2::after,
.fusion-title.pos-app h2::after {
    content: " mit der POS App";
    font-size: 50%;
}


/* <small> in Überschrift kleiner  */
.fusion-fullwidth .fusion-title h2 small,
.fusion-fullwidth .fusion-title h3 small {
    font-size: 50%;
}





/*** Inhalte verstecken ***/
.is-hidden {
    display: none !important;
}