/* GENERAL */

body                          { color: #000000; background: white; }
a                             { color: #000000; }
a.button                      { color: #000000; background: #fff265; }
h1                            { color: #000000; text-decoration-color: #fff265 !important; }
h2                            { color: #000000;  }
h3                            { color: #000000;  }
h4                            { color: #000000;  }
h5                            { color: #000000;  }
h6                            { color: #000000;  }
h1 a                          { color: #000000; text-decoration-color: #fff265 !important; }
h2 a                          { color: #000000;  }
h3 a                          { color: #000000;  }
h4 a                          { color: #000000;  }
h5 a                          { color: #000000;  }
h6 a                          { color: #000000;  }
h1 a:hover                    { color: #000000; text-decoration-color: #fff265 !important; }
h2 a:hover                    { color: #000000;  }
h3 a:hover                    { color: #000000;  }
h4 a:hover                    { color: #000000;  }
h5 a:hover                    { color: #000000;  }
h6 a:hover                    { color: #000000;  }
hr                            { color: #000000;  }
ul:not(.main ul, .sidebar ul) { color: #000000;  }
ol:not(.main ol, .sidebar ol) { color: #000000;  }

.overlay#cookie-note                      { background: #fff26550; }
.overlay#cookie-note .box                 { padding: 25px; color: #ffffff; background: #000000; }
.overlay#cookie-note .box a:not(a.button) { color: #ffffff; }

/* BASEMENTS */

.header                     { background: white; }
.header .banner             { width: 100%; height: 70px; margin: 0; background: url('https://utopolis.online/wp-content/themes/bvsk-nova/public/png/background-banner-utopolis.png'); background-size: auto 70px; }
.header .banner span        { display: none; }
.header .banner a           { width: 100%; height: 70px; line-height: 70px; }
.header .banner a h1::after { content: ' 🡲 🡲 🡲'; }

.header .wrapper nav form input[type=text] { border: 1px solid gray; }

.header .hamburger             { border: 3px solid #000000; }
.header .hamburger span,
.header .hamburger span:before,
.header .hamburger span:after  { background: #000000; }

.header ul li a                                               { color: black; }
.header ul li a:hover                                         { color: black; background: #fff265; }
.header ul li ul a                                            { color: white; background: #000000; }
.header ul li.current_page_ancestor a                         { color: white; background: #000000; }
.header ul li.current_page_ancestor ul li a                   { color: white; background: #000000; } 
.header ul li.current_page_ancestor ul li.current-menu-item a { color: white; background: #000000; }
.header ul li.current-menu-parent a                           { color: black; background: #fff265; }
.header ul li.current-menu-parent ul li a                     { color: white; background: #000000; }
.header ul li.current-menu-parent ul li a:hover               { color: black; background: #fff265; }
.header ul li.current-menu-parent ul li.current-menu-item a   { color: black; background: #fff265; }
.header ul li.current-menu-item a                             { color: black; background: #fff265; } 
.header ul li.current-menu-item ul li a                       { color: white; background: #000000; }

.header.sticky { box-shadow: 0 0 10px #00000050; -moz-box-shadow: 0 0 10px #00000050; -webkit-box-shadow: 0 0 10px #00000050; }

@media only screen and (max-width: 600px) {
    .header .wrapper nav                                          { color: white;   background: black; }
    .header ul li a                                               { color: white; }
    .header ul li a:hover                                         { color: black; background: #fff265; }
    .header ul li ul a                                            { color: white; background: #000000; }
    .header ul li.current_page_ancestor a                         { color: white; background: #000000; }
    .header ul li.current_page_ancestor ul li a                   { color: white; background: #000000; } 
    .header ul li.current_page_ancestor ul li.current-menu-item a { color: white; background: #000000; }
    .header ul li.current-menu-parent a                           { color: black; background: #fff265; }
    .header ul li.current-menu-parent ul li a                     { color: white; background: #000000; }
    .header ul li.current-menu-parent ul li a:hover               { color: black; background: #fff265; }
    .header ul li.current-menu-parent ul li.current-menu-item a   { color: black; background: #fff265; }
    .header ul li.current-menu-item a                             { color: black; background: #fff265; } 
    .header ul li.current-menu-item ul li a                       { color: white; background: #000000; }
    .header .wrapper nav .toggle-sub-menu::after        { color: #ffffff !important; content: '+'; }
    .header .wrapper nav .toggle-sub-menu.active::after { color: #ffffff !important; content: '-'; }
}

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

/* GRID */

.grid .container { background: white; }
.grid .abstract  { background: white; }

.filter .filter-header { background: #fff265; }
.filter  form          { background: #fff265; }

/* LAYOUTS */

.content { background: #f5f5f5; }

.abstract a.showcase { background: #eeeeee; }

.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: #fff265; }

.event-grid .date { background: #fff265; }

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

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

.post                    { background: #f5f5f5; }
.post .main p a          { display: inline-block; padding: 1px 10px 0; color: #000000 !important; text-decoration: none; text-decoration-color: #000000; background: #fff265; border-bottom: 1px solid #000000; }
.post .main a            { display: inline-block; padding: 1px 10px 0; color: #000000 !important; text-decoration: none; text-decoration-color: #000000; background: #fff265; border-bottom: 1px solid #000000; }
.post .main blockquote   { border-left: 3px dotted #000000; }
.post .author-box a.mark { background: #fff265; }

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

.post.event .sidebar .container.event-header { color: white; background: #000000; }
.post.event .sidebar .container.event-info   { background: #d5e3ed; }

.sidebar blockquote { border-left: 5px dotted #000000 !important; }

.sidebar .timetable .navi                   { background: black; border-bottom: 4px solid black; }
.sidebar .timetable .navi h1                { color: white; }
.sidebar .timetable .navi a                 { background: lightgray; }
.sidebar .timetable .navi a:hover           { background: darkgray; } 
.sidebar .timetable .navi a.active          { background: #fff265; }

.timetable-grid .container h1              { margin-top: -0px; background: #fff265; border-top: 4px solid black; border-bottom: 4px solid black; }
.timetable-grid .container .content::after { background-color: black; } /* the vertical line */

/* MODULES */

.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: lightgray; }

.heroslider .slick-prev:hover { background: #fff265; }
.heroslider .slick-next:hover { background: #fff265; }

.heroslider .slick-dots li.slick-active button { color: #000000; background: #000000; border: 1px solid #000000; }
.heroslider .slick-dots li button              { color: #eeeeee; background: #eeeeee; border: 1px solid #000000; }
.heroslider .slick-dots li button:hover        { color: #000000; background: #000000; border: 1px solid #000000; }

.headline.background h1 { color: white; background: #000000; text-decoration: none; padding-left: 15px; padding-top: 8px; margin-bottom: 15px;}

.search-box { background: #d5e3ed; }

.text p a { display: inline-block; padding: 1px 10px 0; color: #000000 !important; text-decoration: none; text-decoration-color: #000000; background: #fff265; border-bottom: 1px solid #000000; }

/* 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: white; border: 3px solid gray; }

.caldera_forms_form input[type="submit"]       { background: #ffffff; }
.caldera_forms_form input[type="submit"]       { background-color: #dddddd; }
.caldera_forms_form input[type="submit"]:hover { background-color: #cccccc; }

.caldera_forms_form .checkbox input    { background: red; } 
.caldera_forms_form input[type="text"] { border: 1px solid lightgray !important; }
.caldera_forms_form #fld_6009157_1     { border: 1px solid lightgray !important; } 
.caldera_forms_form select             { border: 1px solid lightgray !important; } 
.caldera_forms_form textarea           { border: 1px solid lightgray !important; } 

input[type="submit"]       { background: #ffffff; }
input[type="submit"]       { background-color: #dddddd; }
input[type="submit"]:hover { background-color: #cccccc; }

.checkbox input                        { background: red; } 
 input[type="text"]:not(.header input) { border: 1px solid lightgray !important; }
.caldera_forms_form #fld_6009157_1     { border: 1px solid lightgray !important; } 
 select                                { border: 1px solid lightgray !important; } 
 textarea                              { border: 1px solid lightgray !important; } 

input[type="submit"]       { background: #ffffff; }
input[type="submit"]       { background-color: #dddddd; }
input[type="submit"]:hover { background-color: #cccccc; }
input[type="submit"]:hover { background-color: #cccccc; }

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

/* OTHER SOURCES */

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

.df-3dcanvas { display: block; /* background: #d5e3ed; */ }

/* EXTRA CSS */

.utopolis-extra-about                               { clear: both; display:  block; margin-bottom: 40px; }
.utopolis-extra-about img                           { width: 350px; height: 350px; border: 15px solid #ffffff; border-radius: 50%; }
.utopolis-extra-about:nth-child(odd)  img           { float: right; display: flex; margin-left: 40px; }
.utopolis-extra-about:nth-child(even) img           { float: left;   margin-right: 40px; }
.utopolis-extra-about .utopolis-extra-about-content { display: flex; align-items:center; min-height: 350px;   }
.utopolis-extra-about p                             { font-size: 1.2em; line-height: 1.4em; }
.utopolis-extra-about h1                            { font-size: 2.0em; line-height: 1.4em; text-decoration: underline; }
.utopolis-extra-about h2                            { font-size: 1.9em; line-height: 1.4em; text-decoration: underline; }
.utopolis-extra-about h3                            { font-size: 1.7em; line-height: 1.4em; text-decoration: underline; }
.utopolis-extra-about h4                            { font-size: 1.7em; line-height: 1.4em; }
.utopolis-extra-about h5                            { font-size: 1.5em; line-height: 1.4em; }
.utopolis-extra-about h6                            { font-size: 1.3em; line-height: 1.4em; }
.utopolis-extra-about ul, .utopolis-extra-about ol  { font-size: 1.3em; line-height: 1.4em; }
.utopolis-extra-about ul, .utopolis-extra-about ol  { font-size: 1.3em; line-height: 1.4em; }

@media only screen and (max-width: 600px) {
    .utopolis-extra-about                     { display: block;  }
    .utopolis-extra-about:nth-child(odd) img  { float: none; margin-left: auto;  }
    .utopolis-extra-about:nth-child(even) img { float: none; margin-right: auto; }
    .utopolis-extra-about img                 { position: relative; left: 50%;  margin: 0 0 40px -175px !important; }
}

@media only screen and (max-width: 380px) {
    .utopolis-extra-about img { width: 250px; height: 250px; position: relative; left: 50%;  margin: 0 0 40px -125px !important; }
}

/* PAGINATION */

.pagination button         { border-color: black !important; }
.pagination button.current { background:  #fff265  !important; }
.pagination button:hover   { background: #fff265 !important; }

/* CALDAERA */

.caldera_forms_form.CF6077d864a606f            { padding: 25px 20% 40px; }
.caldera_forms_form                            { border-color: #fff265;  }
.caldera_forms_form input[type="submit"]       { background: #fff265; color: black; border: none !important; }
.caldera_forms_form input[type="submit"]       { background-color: #fff265; }
.caldera_forms_form input[type="submit"]:hover { background-color: #fff265; }

@media screen and (max-width: 601px) {
	.caldera_forms_form.CF6077d864a606f { padding: 0 25px 15px; }	
}