:root {
  --color-1:#ffffff;
  --color-2:#222;
}

#main-nav .navbar-nav > li > a,#premium-text,#more-content,
.navbar-light .navbar-toggler,#pdf-content h3,#pdf-content .description,
#videos-condent h3,#videos-condent .content,#main-nav .langsDropdown :not(.active),
#main-nav .navbar-nav > .dropdown > .dropdown-menu > li > a,
body.contact .contact-details-card > .contact-details > :first-child > span,
body.contact .contact-details-card > .contact-details .cd-title,
#recent-articles .title h2,#articles-list-content h3,#view-article > h2,
#articles-list-content .description,#view-article-content {
  color: #fff;
}

#main-nav .navbar-nav > li.open > .dropdown-menu .dropdown-menu {
  background-color: #fff;
}


body.contact .contact-details-card > .contact-details .cd-value,
#main-nav a.nav-link:hover, #main-nav .active>a.nav-link,
#main-slideshow .carousel-caption h3,
.button:hover, .btn:hover, .button.inverted,
body:not(.home) #page-title,
.exclusive-url .url.btn.button:hover,
.recent-article:hover>figcaption>.btn.button:hover,
.contact-details-card a {
  color: var(--color-1);
}

#main-nav .navbar-nav > li.open > .dropdown-menu .dropdown-menu,
#main-nav .navbar-nav > .dropdown > .dropdown-menu > li > a:hover {
  color: var(--color-2);
}

#footer .social-container li > a:hover,
#main-nav .dropdown-menu a.nav-link:hover,
#main-nav .nav-item.langs>a#langsDropdown,
#main-slideshow .carousel-indicators>li.active,
#move-top, .exclusive-url>.url-head, .recent-article>a,
.button, .btn, #gallery .image .figure, .button.inverted:hover, .btn.inverted:hover {
  background-color: var(--color-1);
}

#main-nav .langsDropdown :not(.active):hover,
#main-nav .navbar-nav > .dropdown > .dropdown-menu,
#main-slideshow,#hero-title,
main,#main-nav,body:not(.home) #page-title,
body:not(.home),#gallery .image {
  background-color: var(--color-2);
}

#main-nav .dropdown-menu,.button, .btn,
.button:hover, .btn:hover {
  border-color: var(--color-1);
}

#gallery .image img {
  border-color: var(--color-2);
}

#main-slideshow .carousel-indicators>li.active {
  outline-color: var(--color-1);
}

.compact-sticky #logo {

    background-color: #222222  !important;
    box-shadow: 0px 0px 0px 0 rgba(0, 0, 0, .39) !important;
}

#main-nav .navbar-collapse {
    flex-grow: 0;
    height: 108px !important;
}

body.home main {
    margin-bottom: 600px !important;
}