/* ********** GENERAL ********** */

:root {
  --bvs-blue: #005780;
  --bvs-yellow: #ffdd02;
 }

body { color: var(--bvs-blue); background: white; }

a        { color: var(--bvs-blue); }
a:hover        { text-decoration-color: var(--bvs-yellow) !important; text-decoration-thickness: 2px !important; }
a:hover:not(.showcase, .button, .header .banner a, .social-icons a)   {  border-bottom: 2px var(--bvs-yellow) solid; }
a.button { color: var(--bvs-blue); background: var(--bvs-yellow);  border-radius: 0px;}
a.button:hover { background: #FFEE80; transition: 500ms ease-in-out; }

h1 { color: var(--bvs-blue); text-decoration-color: var(--bvs-yellow) !important; }
h1:not(.headline.background h1:first-child) { max-width: 650px; }
h2 { color: var(--bvs-blue);  }
h3 { color: var(--bvs-blue);  }
h4 { color: var(--bvs-blue);  }
h5 { color: var(--bvs-blue);  }
h6 { color: var(--bvs-blue);  }

h1 a { color: var(--bvs-blue); text-decoration-color: var(--bvs-yellow) !important; }
h2 a { color: var(--bvs-blue);  }
h3 a { color: var(--bvs-blue);  }
h4 a { color: var(--bvs-blue);  }
h5 a { color: var(--bvs-blue);  }
h6 a { color: var(--bvs-blue);  }

h1 a:hover { color: var(--bvs-blue); text-decoration-color: var(--bvs-yellow) !important; }
h2 a:hover { color: var(--bvs-blue);  }
h3 a:hover { color: var(--bvs-blue);  }
h4 a:hover { color: var(--bvs-blue);  }
h5 a:hover { color: var(--bvs-blue);  }
h6 a:hover { color: var(--bvs-blue);  }
p { line-height: 1.4;}
hr { color: var(--bvs-blue);  }

ul:not(.main ul, .sidebar ul, .menu-footer-menu-container ul) {   list-style: disc; margin-left:30px; }
ol:not(.main ol, .sidebar ol) { color: var(--bvs-blue);  list-style: decimal; margin-left:30px;}

/* ********** BASEMENTS ********** */

.header { background: white; }
.header .banner             { width: 100%; height: 40px; margin: 0; background: url('https://soziokultur.de/wp-content/themes/bvsk-nova/public/png/background-banner-soziokultur.png'); background-size: auto 40px; }
.header .banner span        { display: none; }
.header .banner a           { width: 100%; height: 42px; line-height: 41px; letter-spacing: 1px; font-weight: normal; font-size: 18px; text-transform: uppercase; }
.header .banner a h1::after { content: ' 🡲 🡲 🡲'; }

.header .wrapper nav form input[type=text], .search-box form input { border: 2px solid #f5f5f5; background: #f5f5f5 url(https://soziokultur.de/wp-content/themes/bvsk-nova/public/svg/icon-search.svg) no-repeat 10px center; color: var(--bvs-blue);}
.header .wrapper nav form input[type=text]:hover, .search-box form input:hover { border: 2px solid #337899; }
.header .wrapper nav form {
    margin-bottom: 15px;
    margin-right: 15px;
}


.header .hamburger             { border: 0px solid var(--bvs-blue); }
.header .hamburger span, .header .hamburger span:before,
.header .hamburger span:after  { background: var(--bvs-blue); }

.header ul li a                                               { color: var(--bvs-blue); }
.header ul li a:hover                                         { color: white;   background: var(--bvs-blue); }
.header ul li ul a                                            {                 background: var(--bvs-yellow); }
.header ul li.current_page_ancestor a                         { color: white;   background: var(--bvs-blue); }
.header ul li.current_page_ancestor ul li a                   { color: white;   background: var(--bvs-blue); } 
.header ul li.current_page_ancestor ul li.current-menu-item a { color: white;   background: var(--bvs-blue); }
.header ul li.current-menu-parent a                           { color: white;   background: var(--bvs-blue); }
.header ul li.current-menu-parent ul li a                     { color: var(--bvs-blue); background: var(--bvs-yellow); }
.header ul li.current-menu-parent ul li a:hover               { color: white;   background: var(--bvs-blue); }
.header ul li.current-menu-parent ul li.current-menu-item a   { color: white;   background: var(--bvs-blue); }
.header ul li.current-menu-item a                             { color: white;   background: var(--bvs-blue); } 
.header ul li.current-menu-item ul li a                       { color: white;   background: var(--bvs-blue); }
.header ul li.current_page_item ul li a                       { color: var(--bvs-blue); background: var(--bvs-yellow); }
.header ul li.current_page_item ul li a:hover                 { color: white;   background: var(--bvs-blue); }

.header.sticky { box-shadow: 0 -15px 30px var(--bvs-blue); -moz-box-shadow: 0 -15px 30px var(--bvs-blue); -webkit-box-shadow: 0 -15px 30px var(--bvs-blue); }

@media only screen and (max-width: 600px)
{
  .header .wrapper nav                                          { color: white;   background: var(--bvs-blue); }
  .header ul li a:not(.header ul li ul a)                       { color: white; }
  .header ul li a:hover                                         { color: white;   background: var(--bvs-blue); }
  .header ul li ul a                                            {                   background: var(--bvs-yellow); }
  .header ul li.current_page_ancestor a                         { color: white;   background: var(--bvs-blue); }
  .header ul li.current_page_ancestor ul li a                   { color: white;   background: var(--bvs-blue); } 
  .header ul li.current_page_ancestor ul li.current-menu-item a { color: white;   background: var(--bvs-blue); }
  .header ul li.current-menu-parent a                           { color: white;   background: var(--bvs-blue); }
  .header ul li.current-menu-parent ul li a                     { color: var(--bvs-blue); background: var(--bvs-yellow); }
  .header ul li.current-menu-parent ul li a:hover               { color: white;   background: var(--bvs-blue); }
  .header ul li.current-menu-parent ul li.current-menu-item a   { color: white;   background: var(--bvs-blue); }
  .header ul li.current-menu-item a                             { color: white;   background: var(--bvs-blue); } 
  .header ul li.current-menu-item ul li a                       { color: white;   background: var(--bvs-blue); }
  .header.sticky { min-height: 60px; }
  .header .wrapper nav { margin: 15px 0px 25px;}
  .header.sticky   .wrapper nav form { display: block; }
  .header .wrapper nav { margin: 15px 0px 25px;}
  .header.sticky   .wrapper nav { margin: 15px 0px 25px; }
}

@media only screen and (max-width: 900px)
{
  .foerderer { width:30% !important; }
  .foerderlogo {margin-bottom: -20px !important; }
}

@media only screen and (min-width: 900px)
{
  .foerderlogo {display: flex;
    align-items: center;
    justify-content: center; }
}


.footer                     { background: #f5f5f5; }
.footer .wrapper:last-child { background: white; }

/* ********** GRID ********** */
.container h6 { margin-bottom: 10px; }

.grid .container.center {
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
}
.grid .container {background: white;}

.grid .nlarchiv {background: white; padding:15px; margin-bottom: 15px;}
.grid .abstract  { background: white; padding: 20px 20px 60px 20px;  }
.abstract a.button {
    font-size: 18px !important;
    line-height: 26px !important;
    position: absolute;
    bottom: 20px;
}
.abstract p { line-height: 1.4;}

@media only screen and (min-width: 900px)
{
.post .cols-7 {
    margin-right: 50px;
}
.grid > .cols-6:first-child {
margin-right: 50px;
}
.grid > .cols-6:third-child {
margin-right: 50px;
}

.elements > .cols-6:first-child {
margin-right: 0px;
}

.fw > .cols-6:first-child {
margin-right: 50px;
}
}

/* ********** LAYOUTS ********** */

.content { background: #f5f5f5; }

.abstract a.showcase { background: white; }  /* @Steve 4.08 07.11.22 - background-color von #eeeeee auf white geändert */

button.deactive {
  color: var(--bvs-blue);
  font-family: 'headline';
  font-size: 16px;
  height:40px;
  padding: 12px 15px 5px !important;
}

.fw.container {
    padding: 25px 25px !important;
}

.article-grid button, .event-grid button, .item-grid button,
.person-grid button, .project-grid button, .tool-grid button, .union-grid button
{ background: #eeeeee; border: none; }

.article-grid button:hover, .event-grid button:hover, .item-grid button:hover, .person-grid button:hover,
.project-grid button:hover, .tool-grid button:hover, .union-grid button:hover { background: var(--bvs-yellow); }

.event-grid .date { background: var(--bvs-yellow); }

@media only screen and (max-width: 600px) {
  .event-grid .date { background: var(--bvs-yellow); }
}

.placeholder { border: 3px dashed #dddddd; }

.post                     { background: #f5f5f5; }
.post .main blockquote, .sidebar .quotation blockquote { border-left: 3px solid #797979; font-family: 'headline'; color: #797979; font-size: larger; }
.post .author-box  a.mark { background: var(--bvs-yellow); }

.post .container.shop { background: #d5e3ed; }

.post.event .sidebar .container.event-header { color: white; background: var(--bvs-blue); }
.post.event .sidebar .container.event-info   { background: #d5e3ed; }

.sidebar  blockquote { border-left: 3px solid gray; }

/* ********** MODULES ********** */

.filter form fieldset label { color: white; }
.filter form { background: var(--bvs-blue); padding: 10px 7.5px 0 7.5px; }

.heroslider .frame                { background: white; }
.heroslider .frame .youtube       { background: #00000099; }
.heroslider .frame .youtube:after { border-left: 20px solid white; }
.heroslider .frame .youtube:hover { background: #DC4539; }
.heroslider .frame .showcase      { background-color: white; } /* @Steve 4.08 07.11.22 - background-color von lightgray auf white geändert */

.heroslider .slick-prev:hover { background: var(--bvs-yellow); }
.heroslider .slick-next:hover { background: var(--bvs-yellow); }

.heroslider .slick-dots li.slick-active button { color: var(--bvs-blue); background: var(--bvs-blue); border: 0px solid var(--bvs-blue); }
.heroslider .slick-dots li button              { color: #d5e3ed; background: #d5e3ed; border: 0px solid var(--bvs-blue); }
.heroslider .slick-dots li button:hover        { color: var(--bvs-blue); background: var(--bvs-blue); border: 0px solid var(--bvs-blue); }

.headline.background h1 { 
  color: white; 
  background: var(--bvs-blue); 
  text-decoration: none;
  padding-left: 15px;
  padding-top: 8px;
}

.search-box { background: #d5e3ed; }

/* ********** SLICK LIGHTBOX ********** */

.slick-lightbox .slick-description                   { color: gray; }
.slick-lightbox .slick-caption                       { color: black; }
.slick-lightbox .slick-lightbox-slick-item-inner     { background: white; }
                 
/* ********** CALDERA FORMS ********** */

.caldera_forms_form {
background: #d5e3ed !important;
margin-bottom: 40px;
font-weight: lighter;
border: none !important;
}

.caldera_forms_form .caldera-input-submit      { margin: 0 !important; padding: 0 !important; }
.caldera_forms_form input[type="submit"]       { padding: 8px 15px 6px; color: var(--bvs-blue); background: var(--bvs-yellow); border: none; border-radius: 3px; }
.caldera_forms_form input[type="submit"]       { color: var(--bvs-blue); background: var(--bvs-yellow); }
.caldera_forms_form input[type="submit"]:hover { color: var(--bvs-blue); background: var(--bvs-yellow); }

.caldera_forms_form .checkbox input                       { background: red; } 
.caldera_forms_form input[type="text"]:not(.header input), .caldera_forms_form select  { background: #f5f5f5!important; border: 2px solid #f5f5f5 !important; webkit-box-shadow: none; box-shadow: none; border-radius: 0px !important;}
.caldera_forms_form input[type="text"]:not(.header input):hover, .caldera_forms_form input[type="text"]:not(.header input):focus, .caldera_forms_form select:hover  { border: 2px solid var(--bvs-blue) !important; }

.caldera_forms_form #fld_6009157_1                        { font-size: 18px !important; padding: 6px 10px 5px !important border: 1px solid lightgray !important; } 
.caldera_forms_form select                                { border: 0px solid lightgray !important; } 
.caldera_forms_form textarea                              { font-size: 18px !important; padding: 6px 10px 5px !important; resize: none; border: 0px solid lightgray !important; } 
.caldera_forms_form p {
    margin-top: 20px !important;
    padding: 0 !important;
    max-width: 700px;
    font-size: 17px;
}
.caldera-grid .checkbox, .caldera-grid .radio {
    max-width: 700px;
}

.gallery.nosidebar   img { border: 15px solid white; }

#CF5f104c0b6b298_1 { margin-bottom: 0 !important; padding-bottom: 25px !important; padding-top: 40px; border: none !important; }
#fld_7908577_1     { margin: 0 0 10px !important; }


/* ********** OTHER SOURCES ********** */

.pagination button         { background: white; border: 1px solid gray; }
.pagination button.current { background: gray; }

.df-3dcanvas { display: block; /* background: #d5e3ed; */ }
.leaflet-popup-content  a       { color: var(--bvs-blue); }
.leaflet-popup { width : 265px !important; }
.leaflet-popup-content  a:hover { text-decoration-color: var(--bvs-yellow); }
.leaflet-popup-content  p        { line-height: 19px; color: var(--bvs-blue) ;}
.wpdt-c a { color: var(--bvs-blue) !important; }
.wpdt-c a:hover { text-decoration: underline !important; text-decoration-color: var(--bvs-yellow) !important; }

.social-icons img {
  opacity:0.8;
}

.social-icons img:hover {
  opacity:1;
}

.social-icons {
    display: inline;
}

/* Accordion */

.fw-accordion .fw-accordion-title .ui-icon {
    background: url("../img/plus-accordion.png") no-repeat;
    position: absolute;
    top: 20px;
    left: 15px;
    width: 15px !important;
    height: 15px !important;
}

.fw-accordion .fw-accordion-title.ui-state-active {
    background: var(--bvs-blue) !important;
    color: white !important;
    font-size: larger !important;
    border: none !important;
    padding: 15px 40px !important;
}

.fw-accordion .fw-accordion-content > p {
    padding: 15px 30px 20px 40px !important;
    background: white !important;
}

.fw-accordion {
    border: none !important;
    background: white;
}

.fw-accordion .fw-accordion-title {
    font-size: larger !important;
    font-weight: 400;
    color: var(--bvs-blue) !important;
    background: white !important;
    padding: 16px 40px !important;
    border-top: none !important; */
}

.fw-accordion .fw-accordion-title:hover {
    color: white !important;
    background: var(--bvs-blue) !important;
}