/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/
:root {
    --color-beerenstraeucher-naschgarten: #832376;
    --color-trockenmauern-aus-naturstein: #00aca9;
    --color-schmetterlings-bienensaum: #fbbb22;
    --color-wild-duft-bluetenstraeucher: #008bd2;
    --color-insektenhotel: #f7a600;
    --color-obstbaum-laubbaum: #c00d0d;
    --color-blumenrasen: #00a75d;
}

.home .av-fullwidth-hotspots {
    padding-top: 20px;
    background-color: #dae49b;
}

/** Accordion **/
.js_active .av-elegant-toggle .toggler {
    padding: 20px 54px 20px 15px;
}

.toggler span {
    color: #009870;
    font-weight: 600;
}

@media screen and (max-width:767px) {
    .toggle_content img.alignright {
        float:none;
    }
}

/** Sidebar **/
.main_color .widget_nav_menu ul:first-child>.current-menu-item, .main_color .widget_nav_menu ul:first-child>.current_page_item,
.sidebar .widget_nav_menu ul:first-child>.current-menu-item, .sidebar .widget_nav_menu ul:first-child>.current_page_item {
    background:transparent;
    box-shadow:none;
    /* border-bottom: 2px solid #f39200; */
    box-sizing: border-box;
}

aside.sidebar .widgettitle {
    margin-left:-40px;
}

/** Farbige Nummerierungen des Pfades im Seitenmenü **/
aside.sidebar .menu-item a:before {
    border-radius:50%;
    border-radius: 50%;
    position: absolute;
    left: -30px;
    top:7px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    color: white;
    font-weight: bold;
    font-size: 12px;
    font-family: Consolas;
    transition:all .4s ease-in-out;
}

aside.sidebar .menu-item.current-menu-item a:before {
    left:21px;
    top:7px;
}

aside.sidebar .menu-item.current-menu-item a {
    padding:4px 0 5px 0;
}

aside.sidebar .menu-item.current-menu-item {
    margin-bottom:0!important;
}

aside.sidebar .menu-item-beerenstraeucher-naschgarten > a:before,
.page-beerenstraeucher-naschgarten h1.av-special-heading-tag:before {
    content:"1";
    background-color: var(--color-beerenstraeucher-naschgarten);
}

aside.sidebar .menu-item-trockenmauern-aus-natursteinen > a:before,
.page-trockenmauern-aus-natursteinen h1.av-special-heading-tag:before {
    content:"2";
    background-color: var(--color-trockenmauern-aus-naturstein);
}

aside.sidebar .menu-item-schmetterlings-und-bienensaum > a:before,
.page-schmetterlings-und-bienensaum h1.av-special-heading-tag:before {
    content:"3";
    background-color: var(--color-schmetterlings-bienensaum);
}

aside.sidebar .menu-item-wild-duft-und-bluetenstraeucher > a:before,
.page-wild-duft-und-bluetenstraeucher h1.av-special-heading-tag:before {
    content:"4|6";
    background-color: var(--color-wild-duft-bluetenstraeucher);
}

aside.sidebar .menu-item-insektenhotel > a:before,
.page-insektenhotel h1.av-special-heading-tag:before {
    content:"5";
    background-color: var(--color-insektenhotel);
}

aside.sidebar .menu-item-obstbaum-laubbaum > a:before,
.page-obstbaum-laubbaum h1.av-special-heading-tag:before,
aside.sidebar .menu-item-obstbaeume-laubbaeume > a:before,
.page-obstbaeume-laubbaeume h1.av-special-heading-tag:before {
    content:"7";
    background-color: var(--color-obstbaum-laubbaum);
}

aside.sidebar .menu-item-blumenrasen > a:before,
.page-blumenrasen h1.av-special-heading-tag:before {
    content:"8";
    background-color: var(--color-blumenrasen);
}

/*
aside.sidebar .menu-item-weitere-infos-bezugsquellen > a:before {
    content: "\e81e";
    font-family: 'entypo-fontello';
    color: white;
    font-size: 14px;
    background: #222222;
}
*/

/* Link Hoverfarben */
aside.sidebar .menu-item-beerenstraeucher-naschgarten a:hover,
aside.sidebar .menu-item-beerenstraeucher-naschgarten.current-menu-item a {
    color:var(--color-beerenstraeucher-naschgarten);
}

aside.sidebar .menu-item-trockenmauern-aus-natursteinen a:hover,
aside.sidebar .menu-item-trockenmauern-aus-natursteinen.current-menu-item a {
    color: var(--color-trockenmauern-aus-naturstein);
}

aside.sidebar .menu-item-schmetterlings-und-bienensaum a:hover,
aside.sidebar .menu-item-schmetterlings-und-bienensaum.current-menu-item a {
    color: var(--color-schmetterlings-bienensaum);
}

aside.sidebar .menu-item-wild-duft-und-bluetenstraeucher a:hover,
aside.sidebar .menu-item-wild-duft-und-bluetenstraeucher.current-menu-item a {
    color: var(--color-wild-duft-bluetenstraeucher);
}

aside.sidebar .menu-item-insektenhotel a:hover,
aside.sidebar .menu-item-insektenhotel.current-menu-item a {
    color: var(--color-insektenhotel);
}

aside.sidebar .menu-item-obstbaum-laubbaum a:hover,
aside.sidebar .menu-item-obstbaum-laubbaum.current-menu-item a,
aside.sidebar .menu-item-obstbaeume-laubbaeume a:hover,
aside.sidebar .menu-item-obstbaeume-laubbaeume.current-menu-item a  {
    color: var(--color-obstbaum-laubbaum);
}

aside.sidebar .menu-item-blumenrasen a:hover,
aside.sidebar .menu-item-blumenrasen.current-menu-item a {
    color: var(--color-blumenrasen);
}

aside.sidebar .menu-item.current_page_ancestor > a:before {
    left: 21px;
}


@media screen and (max-width:989px) {
    aside.sidebar .menu-item.current_page_ancestor > a:before {
        left: 0px;
    }
    .sidebar_shadow .sidebar_left .content.av-enable-shadow,.sidebar_shadow .sidebar_right .content.av-enable-shadow,.sidebar_shadow#top #main .sidebar_left.av-enable-shadow,.sidebar_shadow#top #main .sidebar_right.av-enable-shadow {
        box-shadow: none
    }

    .responsive #top #main .sidebar.smartphones_sidebar_active {
        display: block;
        text-align: left;
        border-left: none;
        border-right: none;
        border-top-style: dashed;
        border-top-width: 1px;
        width: 100%;
        clear: both
    }

    .responsive #top #wrap_all .av-flex-cells .no_margin,.responsive #top #wrap_all .flex_column,.responsive #top .container .av-content-small {
        margin: 0;
        margin-bottom: 20px;
        width: 100%
    }

    aside.sidebar .menu-item a {
        padding-left:30px!important;
        position:relative;
    }
    
    aside.sidebar .menu-item a:before,
    aside.sidebar .menu-item.current-menu-item a:before {
        left:0;
        top:4px;
    }

    aside.sidebar .widgettitle {
        margin-left:0px;
    }
}

/** Submenü **/
aside.sidebar li.menu-item.menu-item-has-children .sub-menu {
    display:none!important;
}

aside.sidebar li.menu-item.menu-item-has-children.current_page_item .sub-menu,
aside.sidebar li.menu-item.menu-item-has-children.current-menu-ancestor .sub-menu {
    display:block!important;
}

aside.sidebar .sub-menu .menu-item a:before {
    border-radius: 50%;
    position: absolute;
    left: -5px;
    top:9px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    color: white;
    font-weight: bold;
    font-size: 12px;
    font-family: Consolas;
    transition:all .4s ease-in-out;
}

aside.sidebar .menu-item-wildstraeucher a:before {
    content: "4";
    background-color: var(--color-wild-duft-bluetenstraeucher);
}

aside.sidebar .menu-item-duft-und-bluetenstraeucher a:before {
    content: "6";
    background-color: var(--color-wild-duft-bluetenstraeucher);
}


/** Download-Icon bei a href mit PDF **/
.sidebar_right .widget a[href$=".pdf"]:before {
    content: "\f1c1";
    font-family: "document-icons";
    margin-left: -25px;
    padding-right: 5px;
    font-size: 22px;
}

.sidebar_right .widget a.external-link:before {
    content: "\e835";
    font-family: "entypo-fontello";
    margin-left: -25px;
    padding-right: 5px;
    font-size: 22px;
}

@media screen and (max-width:989px) {
    .sidebar_right .widget a[href$=".pdf"]:before,
    .sidebar_right .widget a.external-link:before {
        margin-left:0;
    }

    aside.sidebar .sub-menu .menu-item a:before {
        left: 0;
        top: 6px;
    }
}

/** Zahlen an der Überschrift **/
h1.av-special-heading-tag:before{
    position: relative;
    display: block;
    width: 60px;
    height: 50px;
    padding-top: 10px;
    border-radius: 50%;
    color: white;
    left:calc(50% - 30px);
    margin-bottom:10px;
}

/** Socket **/
#socket {
    font-size:16px;
}

#socket .sub_menu_socket li {
    line-height: normal;
}