/*
Theme Name: EBA Association Theme
Theme URI: https://www.abe-eba.eu
Version: 1.0
Description: Theme for EBA (Association). Contains a few custom Beaver Builder modules and some suppression of Blocks features in wp-admin, as well as disabling passowrd login.
Author: Soren Kuula
template: bb-theme
*/

.eba-menu-sidebar {
    position: sticky;
    top: 0;
}

.eba-blog-sidebar {
    position: sticky;
    top: 20px;
}

.eba-contact-sidebar {
    position: sticky;
    top: 20px;
}

@media(max-width: 768px) {
.eba-menu-sidebar {
    display:none;
}    
.eba-blog-sidebar {
    display:none;
}    
}

/* top level items have padding */
.eba-sidebar-menu li.menu-item {
    padding-bottom: 7.5px;
}

/* sub level items have no padding */
.eba-sidebar-menu li.menu-item li.menu-item {
    padding-bottom: 0;
}

.eba-sidebar-menu li a {
    color: #1e57ad;
}

.eba-sidebar-menu li.current-menu-item a {
    color: #37404a;
    font-weight: bold;
}

.eba-sidebar-menu li a:hover {
    text-decoration:none;
}

/* default all subs to not show */
.eba-sidebar-menu .sub-menu {
    display: none;
}
/* subs under current item do however show */
.eba-sidebar-menu .current-menu-item .sub-menu {
    display: list-item;
}

/* WHY does it come in so many different forms?? */
h2.eba-sidebar-menu-heading ,.eba-sidebar-menu-heading h2, .eba-sidebar-menu-heading .fl-module-content  {
    text-transform: uppercase;
    font-size: 24px;
    margin-left: 0;
}

.eba-sidebar-menu-heading h2 {
    color: red;
}

/*
h2.eba-sidebar-menu-heading {
    text-transform: uppercase;
    font-size: 24px;
    padding-left: 0;
}*/

.eba-sidebar-menu .menu-item a:before {
    font-family: font-awesome;
    content: '\f101';
    position: absolute;
    left: -14px;
    top: -2px;
}

.eba-sidebar-menu ul.sub-menu .menu-item a:before {
    font-family: font-awesome;
    content: '\f105';
    position: absolute;
    left: -14px;
    top: -3px;
}

.eba-sidebar-menu .menu-item ul.sub-menu {
    margin-left: 10px;
}

/* use these to detect if classes are on or not
.eba-sidebar-menu {
    background-image: url("/wp-content/uploads/2025/05/eba-sidebar-menu.png");
    background-color: rgba(255,255,255,0.7);
    background-repeat: repeat;
    background-blend-mode: lighten;
}

.eba-sidebar-menu-heading {
    background-image: url("/wp-content/uploads/2025/05/eba-sidebar-menu-heading.png");
    background-color: rgba(255,255,255,0.7);
    background-repeat: repeat;
    background-blend-mode: lighten;
}

.eba-main-content {
    background-image: url("/wp-content/uploads/2025/05/eba-main-content.png");
    background-color: rgba(255,255,255,0.7);
    background-repeat: repeat;
    background-blend-mode: lighten;
}

.eba-sidebar-menu-icon {
    background-image: url("/wp-content/uploads/2025/05/eba-sidebar-menu-icon.png");
    background-color: rgba(255,255,255,0.7);
    background-repeat: repeat;
    background-blend-mode: lighten;
}
*/

.eba-sidebar-menu-icon .fl-node-content {
    margin: 0 0 0 32px;
}

.eba-classic-menu .top-item.thought_leadership:hover,
.eba-classic-menu .top-item.thought_leadership.current-menu-parent {
    background-color: #535a5f;
}
.eba-classic-menu .top-item.thought_leadership:hover>span,
.eba-classic-menu .top-item.thought_leadership.current-menu-parent>span {
    color: #fff;
}
.eba-classic-menu .top-item.thought_leadership:hover:before,
.eba-classic-menu .top-item.thought_leadership.current-menu-parent:before {
    border-bottom-color: #535a5f;
}
.eba-classic-menu .top-item.thought_leadership:hover:after,
.eba-classic-menu .top-item.thought_leadership.current-menu-parent:after {
    border-top-color: #535a5f;
}

.eba-classic-menu .top-item.market_practises:hover,
.eba-classic-menu .top-item.market_practises.current-menu-parent {
    background-color: #5a6278;
  }
.eba-classic-menu .top-item.market_practises:hover>span,
.eba-classic-menu .top-item.market_practises.current-menu-parent>span {
    color: #fff;
  }
.eba-classic-menu .top-item.market_practises:hover:before,
.eba-classic-menu .top-item.market_practises.current-menu-parent:before {
    border-bottom-color: #5a6278;
  }
.eba-classic-menu .top-item.market_practises:hover:after,
.eba-classic-menu .top-item.market_practises.current-menu-parent:after {
    border-top-color: #5a6278;
 }

.eba-classic-menu .top-item.networking_events:hover,
.eba-classic-menu .top-item.networking_events.current-menu-parent {
    background-color: #7b6e5e;
  }
.eba-classic-menu .top-item.networking_events:hover>span,
.eba-classic-menu .top-item.networking_events.current-menu-parent>span {
    color: #fff;
  }
.eba-classic-menu .top-item.networking_events:hover:before,
.eba-classic-menu .top-item.networking_events.current-menu-parent:before {
    border-bottom-color: #7b6e5e;
  }
.eba-classic-menu .top-item.networking_events:hover:after,
.eba-classic-menu .top-item.networking_events.current-menu-parent:after{
    border-top-color: #7b6e5e;
 }

.eba-classic-menu .top-item.training_education:hover,
.eba-classic-menu .top-item.training_education.current-menu-parent {
    background-color: #675454;
    color: #fff;
  }
.eba-classic-menu .top-item.training_education:hover:before,
.eba-classic-menu .top-item.training_education.current-menu-parent:before {
    border-bottom-color: #675454;
  }
.eba-classic-menu .top-item.training_education:hover:after,
.eba-classic-menu .top-item.training_education.current-menu-parent:after {
    border-top-color: #675454;
 }

.eba-classic-menu .top-item.about_eba:hover,
.eba-classic-menu .top-item.about_eba.current-menu-parent {
    background-color: #1e57ad;
}
.eba-classic-menu .top-item.about_eba:hover>span,
.eba-classic-menu .top-item.about_eba.current-menu-parent>span {
    color: #fff;
}
.eba-classic-menu .top-item.about_eba:hover:before,
.eba-classic-menu .top-item.about_eba.current-menu-parent:before {
    border-top-color: #1e57ad; 
}
.eba-classic-menu .top-item.about_eba:hover:after,
.eba-classic-menu .top-item.about_eba.current-menu-parent:after {
    border-bottom-color: #1e57ad;
}

.eba-classic-menu .top-item.publications:hover,
.eba-classic-menu .top-item.publications.current-menu-item {
    background-color: #eeeeee;
  }
.eba-classic-menu .top-item.publications>a {
    color:#1e57ad;
  }
.eba-classic-menu .top-item.publications:hover:before,
.eba-classic-menu .top-item.publications.current-menu-item:before {
    border-bottom-color: #eeeeee;
  }
.eba-classic-menu .top-item.publications:hover:after,
.eba-classic-menu .top-item.publications.current-menu-item:after {
    border-top-color: #eeeeee;
}

.eba-classic-menu .top-item.blog>a {
    color:#1e57ad;
  }
.eba-classic-menu .top-item.blog:hover,
.eba-classic-menu .top-item.blog.current-menu-item {
    background-color: #1e57ad;
}
.eba-classic-menu .top-item.blog:hover>a,
.eba-classic-menu .top-item.blog.current-menu-item>a {
    color: #fff;
}
.eba-classic-menu .top-item.blog:hover:before,
.eba-classic-menu .top-item.blog.current-menu-item:before {
    border-bottom-color: #1e57ad;
  }
.eba-classic-menu .top-item.blog:hover:after,
.eba-classic-menu .top-item.blog.current-menu-item:after {
    border-top-color: #1e57ad;
}

.eba-classic-menu .top-item.cyber_regulation>a {
    color:#1e57ad;
  }
.eba-classic-menu .top-item.cyber_regulation:hover,
.eba-classic-menu .top-item.cyber_regulation.current-menu-item {
    background-color: #eeeeee;
  }
.eba-classic-menu .top-item.cyber_regulation:hover:before,
.eba-classic-menu .top-item.cyber_regulation.current-menu-item:before {
    border-bottom-color: #eeeeee;
  }
.eba-classic-menu .top-item.cyber_regulation:hover:after,
.eba-classic-menu .top-item.cyber_regulation.current-menu-item:after {
    border-top-color: #eeeeee;
}

.eba-login-link {
    color:rgb(153, 153, 153) !important;
}
.eba-login-link:over {
    text-decoration: none !important;
}

/* a hack to get the >> less bold. Apparently the FREE fa5 is very bold and here enforce iuse of the paid version from the old site instead */
.fa, .fas {
    font-weight: 400 !important;
}
.fa, .far, .fas {
    font-family: "font-awesome" !important;
}

/* for the >> bullet items in body text. */
ul.eba-angled-bullets {
    position: relative;
    padding-inline-start: 14px;
    list-style-type: none;
    /* background-color: yellow;  remove after introducing the new class eba-angled-bullets everywhere */
}
ul.eba-angled-bullets>li:before {
    position: absolute;
    left: 2px;
    margin-top: -1px; /* pull the >> up a bit */
    font-family: font-awesome;
    content: '\f101';
}

strong {
    /* TODO use a different font for bold */
    font-weight: 1000;
}

.fl-accordion-button>a {
    color: rgb(51, 51, 51) !important;
    font-size: 17px;
}

/* Experiment: Apply >> styling to ALL unnumbered lists. Except menus.
Well it interferes with Beaver somewhat.
ul:not(.menu):not(.sub-menu):not(.first-level) {
    position: relative;
    padding-inline-start: 24px;
    list-style-type: none;
    background-color: #ffe0e0; / * remove after introducing the new class eba-angled-bullets everywhere * /
}
ul:not(.menu):not(.sub-menu):not(.first-level)>li:before {
    position: absolute;
    left: 10px;
    margin-top: -1px;
    font-family: font-awesome;
    content: '\f101';
}
*/