:root {
  --color-1: #12588B;
  --color-2: #1f2c35;
}
#main-slideshow .carousel-caption h3,#main-slideshow .carousel-caption p {
  color: #fff;
}
#footer .contact-info-section .icon,#offers [class*=swiper-button],
header .contact-info-container .contact-info-section .icon,
.social-container>li>a:hover,#searchform-container .open-icon > a:hover,
#searchform-container .close-icon > a:hover,#search-results-list .result .title,
.site-nav-item > a,.site-nav-item:hover::before {
  color: var(--color-1);
}
#footer h1::after,.btn,.button,.button.inverted:hover,
.contactform,.dropdown-item.active,.swiper-pagination-bullet-active,
.btn.inverted:hover,#main-slideshow .carousel-caption {
  background-color: var(--color-1);
}
body,.navbar-dark .navbar-toggler,#header,.carousel-indicators .active,
.exclusive-url .url-title > h3,#recent-articles h2,
#main-nav .navbar-nav > li.open > .dropdown-menu .dropdown-menu a,
#view-article h2,#contact-form button,.offer-enquiry-form [type=submit],
.recent-article figcaption h3,#articles-wrapper figcaption h3,
#main-slideshow .carousel-caption,#main-slideshow .btn,
#main-slideshow .button,.exclusive-url > .figure-caption {
  color: var(--color-2);
}
#footer,.button:hover,.btn:hover,.button.inverted,
.btn.inverted,#header-top > .container > .row,
#move-top,#searchform-container .open-icon,
#searchform-container .close-icon,
body:not(.home) #main-nav,#main-nav.compact-sticky,#main-nav,
body.contact .contact-details-card .contact-details,
.exclusive-url.bigUrl .figure-caption,.recent-article .description::before,
#main-nav .dropdown-menu,.exclusive-url.smallUrl {
  background-color: var(--color-2);
}
#search-input {
  border-color: var(--color-2);
}
@media screen and (min-width: 768px) {
  body:not(.home) #main-nav,#main-nav.compact-sticky {
    background-color: rgba(31,44,53,.9);
  }
}
@media screen and (max-width: 768px) {
  #main-nav .nav-item:hover > a.nav-link,#main-nav .nav-item.active > a.nav-link,
  #main-nav a.nav-link {
    color: var(--color-2);
  }
}
@media screen and (max-width: 1280px)
#main-slideshow .carousel-caption h3 {
    font-size: 19px;
    margin-bottom: 20px;
    margin-top: 60px;
}

#main-slideshow .carousel-caption h3, #main-slideshow .carousel-caption p {
    color: #fff;
    font-size: 23px;
}