/* 
Theme Name: Helix3 thema voor RV De Hertog 2024
Aangepast door Ton Kemp.
Hieronder de custom CSS
*/

/* ---- aanpassingen SClogin ---*/
.sclogin.ns-bs5 .horizontal div { max-height: 54px;}
.sclogin { margin-top: 10px;}

/* ---- aanpassingen top margin boven content ---*/
#sp-main-body { padding: 50px 0;}
#sp-left { margin-bottom: 40px;}

.bx-wrapper {margin-bottom: 20px !important;}

.ns-bs5 .btn-primary {
    --bs-btn-bg: #009d3c;
    --bs-btn-border-color: #009d3c;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #009d3c;
    --bs-btn-hover-border-color: #009d3c;
}
.input-group-text.btn {display: none;}

/* ---- aanpassingen SP megamenu  --- */
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {  padding: 0 10px; }
#offcanvas-toggler > i { display: none; }
#sp-header {height: 100px;}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    display: inline-block;
    font-size: 16px; 
}

.sp-default-logo .d-block .d-lg-none img {display: none;}

/* ---- aanpassingen shoutbox ---*/
.shout-message {font-size: 16px;}
.jjshoutboxoutput .shout-message {font-size: 1.0em;}
.jjshoutboxoutput {border-color: #008542;}
.jjshoutboxoutput .shout-header {background-color: #008542;}
.shout-user {color: #ffffff;}

/* ---- aanpassingen weergave knop shoutbox ---*/
.btn-danger {
    background-color: #fecb00;
    border-color: #fecb00;
}

/* ---- aanpassingen eClub ---*/

/* ---- aanpassingen zij menu's ---*/
.sp-module .sp-module-title {
    font-size: 16px;
    font-weight: 700;
}
.separator { font-weight: 700;}

/* ---- aanpassingen kalender weergave ---*/
.mod-dpcalendar-upcoming-default .dp-link {
    margin-bottom: 1.7rem;
    font-size: 1.4em;
    font-weight: 700;
}
.mod-dpcalendar-upcoming-default .dp-figure .dp-image { border-radius: 8px;}
.com-dpcalendar-event .dp-button-map-site, .com-dpcalendar-event .dp-button-map-directions {
    background-color: #0d854d;
    color: #fff;
    border: 1px solid #0d854d;
}
.mod-dpcalendar-upcoming-default__date { 
   font-style: unset;
   font-weight: 300;
   font-size: 16px;
}
/* ---- aanpassingen tabs weergave ---*/
ul.jwts_tabbernav li a {
    font-size: 16px;
    padding: 8px 10px 2px;
    color: #0d854d;
    background: none;
 line-height: 2.2em;
}
ul.jwts_tabbernav li.jwts_tabberactive {font-weight: 700;}
ul.jwts_tabbernav li a:hover { color: #008542;}

/* ---- aanpassingen GoToTop weergave  ---*/
#GoTop {
    display: none;  
    position: fixed; 
    bottom: 20px;  
    right: 30px;  
    z-index: 99;  
    border: none;  
    outline: none; 
    background-color:  #008542;
    color: white;  
    cursor: pointer; 
    padding: 15px;  
    border-radius: 5px; 
}
#GoTop:hover { background-color: #FECB00; }

/* ---- aanpassingen geel streepje bij artikel op  ---*/
#sppb-addon-1703428528955 .sppb-addon-articles .sppb-article-info-wrap h2 {
  border-left: 6px solid #FECB00;
  padding-left: 8px;
}

/* ---- aanpassingen kleur foto-albums ---*/
#events .item .eg-content .data {
    background-color: #008542;}

/* ---- aanpassingen sp pagebuilder carousel tekst ---*/
.sppb-carousel-text {color: #ffffff;}

/* ---- aanpassingen entry image indien niet 100% ---*/
.entry-image {margin-right: 12px;}