:root {
  --color-1: #6968AC;
  --color-2: #BBC9CA;
  --color-3: #fff;
  --color-4: #fefefe;
  --color-5: #707070;
  --sel: #6968ac66;
}

.langsDropdown > .active,#main-nav .navbar-nav > .active > .nav-link,
.recent-article h3,.video-caption h3,
#contact-content .contact-details .cd-value > a,.pdf h3,
#contact-content .contact-details .cd-value,.article h3,
.recent-article .btn,.recent-article .button,[class*="smallUrl"] h3,
.btn,.button,#expo h3,#expo .url-contents,.btn:hover,.button:hover,
.small-wrapper.st1 > :last-child .btn,.small-wrapper > :last-child .button,
body:not(.home) #header-top:not(.compact-sticky) .navbar-toggler .name,
body:not(.home) #header-top:not(.compact-sticky) #searchform-container .open-icon > a,
body:not(.home) #header-top:not(.compact-sticky) #searchform-container .close-icon > a,
body:not(.home) #header-top:not(.compact-sticky) .social-container a,
body:not(.home) #header-top:not(.compact-sticky) .navbar-toggler,
body:not(.home) #header-top:not(.compact-sticky) .contact-info-section svg,
body:not(.home) #header-top:not(.compact-sticky) .contact-info-section a,
body:not(.home) #header-top:not(.compact-sticky) .contact-info-section span,
.compact-sticky .navbar-toggler .name,.paging > .active,#view-article h2,
.compact-sticky #searchform-container .open-icon > a,
.compact-sticky #searchform-container .close-icon > a,
.compact-sticky .social-container a,
.compact-sticky .navbar-toggler,
.compact-sticky .contact-info-section svg,
.compact-sticky .contact-info-section a,
.compact-sticky .contact-info-section span {
  color: var(--color-1);
}

.social-container a:hover,
body:not(.home) #header-top:not(.compact-sticky) .social-container a:hover {
  color: var(--color-2);
}

.medium-wrapper .btn:hover,.medium-wrapper .button:hover,
.langsDropdown > :not(.active),#header-top:not(.compact-sticky) #search-input,
body.gallery figure>figcaption,.medium-wrapper > :nth-child(2) .url-title h3,
#expo-container a.next,#expo-container a.prev,#main-nav .dropdown-menu .nav-link,
.form-group.actions .btn,.form-group.actions .button,.nav-close,
.small-wrapper.st1 > :first-child .url-contents,[class*="bigUrl"] .url-contents,
.small-wrapper.st1 > :first-child .btn:hover,.small-wrapper > :first-child .button:hover,
[class*="bigUrl"] .btn:hover,[class*="bigUrl"] .button:hover,.navbar-toggler .name,
#main-slideshow .btn,#main-slideshow .button,
.small-wrapper > :first-child .url-contents,
#searchform-container .open-icon > a,.navbar-toggler,
#searchform-container .close-icon > a,#move-top,
.contact-info-section a,.contact-info-section span,
.contact-info-section svg,.social-container a,
#main-slideshow .carousel-caption h3,
#main-slideshow .carousel-caption p {
  color: var(--color-3);
}

#view-article-content > p,#footer .social a:hover,
.medium-wrapper .btn,.medium-wrapper .button,.video-caption .content,
#recent-articles h2,#contact-content .contact-details .contact-address,
#contact-content .contact-details .contact-area,.pdf .description,
#contact-content .contact-details .contact-postcode,.article .description,
#contact-content .contact-details .cd-title,.btn:hover,.button:hover,
.recent-article .description,.recent-article .btn:hover,.recent-article .button:hover,
.small-wrapper > :first-child h3,#contact-form .form-control::placeholder,
.small-wrapper.st1 > :last-child .btn:hover,.small-wrapper > :last-child .button:hover,
.small-wrapper.st1 > :first-child .btn,.small-wrapper > :first-child .button,
[class*="bigUrl"] h3,[class*="bigUrl"] .btn,[class*="bigUrl"] .button,#page-title,
[class*="smallUrl"] .btn:hover,[class*="smallUrl"].button:hover,.paging > a,
[class*="smallUrl"] .url-contents,.mediumUrl .url-contents {
  color: var(--color-5);
}

#main-nav .dropdown-menu,.langsDropdown > :not(.active),
#expo-controls,.nav-close,body.gallery figure>figcaption,
.form-group.actions .btn,.form-group.actions .button,
.medium-wrapper > :not(:first-child) .figure-caption,
#main-slideshow::after,#main-slideshow::before {
  background-color: var(--color-1);
}

body.contact .contact-details-card .contact-details,
[class*="bigUrl"] > .figure-caption,#footer .right,#move-top,
#expo .url-head,.medium-wrapper > :first-child .figure-caption,
.small-wrapper > :first-child > .figure-caption {
  background-color: var(--color-2);
}

.langsDropdown > .active,
#expo-controls::after,#header-bottom #mainNavContent,
body:not(.home) #header-top,#header-top.compact-sticky {
  background-color: var(--color-3);
}

.small-wrapper > :not(:first-child),#expo .figure-caption {
  background-color: var(--color-4);
}

#footer .logo {
  background-color: var(--color-5);
}

#main-slideshow .carousel-item h3::after {
  background-image: linear-gradient(90deg, var(--color-1), var(--color-3));
}

#expo-controls {
  border-color: var(--color-3);
}

.compact-sticky #search-input {
  border-bottom-color: var(--color-1);
}

#search-input {
  border-bottom-color: var(--color-3);
}

.navbar-nav > .nav-item::before {
  border-bottom-color: var(--color-5);
}

body.contact .contactform,
#contact-form form {
  border-top-color: var(--color-2);
}

#footer .right,#footer .contact-info {
  border-top-color: var(--color-3);
}

#footer .contact-info > .contact-info-container {
  border-right-color: var(--color-3);
}

#contact-form input,#contact-form textarea {
  border-bottom-color: var(--color-2);
  border-right-color: var(--color-2);
}

.carousel-item .overlay,
*::selection {background-color: var(--sel);}

.form-control:focus {
  box-shadow: 0 0 0 0.2rem var(--sel);
}

@media screen and (max-width:767px) {

  #header-top,#header-middle {
    background-color: var(--color-1);
  }

  body:not(.home) #search-input {
    border-bottom-color: var(--color-1);
  }

}

#main-nav .navbar-nav > .dropdown:not(.langs) > .dropdown-menu {
    left: -50px;
}