body {
   font-family: 'Roboto', sans-serif;
}

a {
    color: #f3943d;
}

h2 {
    color: #f3943d;
}

.haecksen-logo {
    width:74px;
    max-width: 74px;
}

.header-content-area::before {
    background-color:#2B4A49;
    background-image:none;
    opacity: 0.87;
}
.header-content-area {
    border-radius: 0%;
}

.navbar-area::before {
    background-color: #2B4A49;
    background-image:none;
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .navbar-area .navbar .navbar-collapse {
        background-color: #2B4A49;
    }
}

.navbar-area .navbar .navbar-nav .nav-item a {
    color: #f3943d;
    text-shadow: 2px 2px #2a4b4a;
    text-transform: uppercase;
}

.header-countdown .single-count-content.count-color-1 .count,
.header-countdown .single-count-content.count-color-1 .text,
.header-countdown .single-count-content.count-color-2 .count,
.header-countdown .single-count-content.count-color-2 .text,
.header-countdown .single-count-content.count-color-3 .count,
.header-countdown .single-count-content.count-color-3 .text,
.header-countdown .single-count-content.count-color-4 .count,
.header-countdown .single-count-content.count-color-4 .text {
    color: #fff;
    text-shadow: 3px 2px #2a4b4a;
}

.header-content .header-title {
    font-size: 57px;
    color: #f3943d;
    text-shadow: 3px 2px #2a4b4a;
}

.header-content .sub-title {
    color: #fff;
}

.buy-tickets {
    color: #fff;
    background: #f3943d;
    padding: 7px 22px;
    margin: 0 0 0 15px;
    border-radius: 50px;
    border: 2px solid #f3943d;
    transition: all ease-in-out 0.3s;
    font-weight: 500;
    line-height: 1;
    font-size: 13px;
    white-space: nowrap;
}

.about-content .date span {
    color: #2B4A49;
    padding-right: 15px;
}

.about-content .date span::before {
    border: 6px solid #f9ca9e;
    width: 130px;
}

.counter-area {
    background-image: none;
}

.single-counter .counter-icon i {
    color: #25c7ff;
}

.single-counter .counter-content .count {
    color: #2B4A49;
}

.main-btn {
    border: #2B4A49 2px solid;
    border-radius: 0%;
    color: #2B4A49;
}

.main-btn.main-btn-2 {
    background: #2B4A49;
    border-color: #fff;
}

.scrollanchor {
  font-size: 0.5em;
  color: inherit;
  font-weight: normal;

  /* Hack so the links don't jump to inside the top bar */
  margin-top: -155px;
  padding-top: 155px;
}

.section-title .title {
   font-family: 'Rampart One', cursive;
}

.daypanel {
  margin-top: 5em;
}

.event-tab .tab-content .event-content .single-event {
  background-color: #f7d549;
}

.event-image img {
    max-width: 162px;
}

.single-team .team-content .sub-title {
    color: #2B4A49;
}

.single-team .team-content::before {
    background: linear-gradient(90deg, rgba(254,233,78,1) 0%, rgba(237,145,59,1) 100%);
}

.single-features .features-icon i {
    color: #2B4A49;
}

.event-tab {
    border: 3px solid rgba(24, 255, 125, 0.18);
}

.event-tab .nav .nav-item a::before {
    background: #2B4A49;
}
.event-tab .nav .nav-item a {
    border: 3px solid rgba(0, 198, 244, 0.18);
}

.event-tab .nav .nav-item a .nav-title {
    color: #25c7ff ;
}

.single-features::before {
    background: linear-gradient(90deg, rgba(254,233,78,1) 0%, rgba(237,145,59,1) 100%);
}

.event-tab .nav .nav-item a {
    width: 185px;
}

@media (max-width: 767px) {
    .event-tab .nav .nav-item a {
        width: 168px;
    }
    .event-tab .nav .nav-item a.active {
        border-color: 3px solid rgba(0, 198, 244, 0.18);
    }
}

.event-tab .tab-content .event-content .single-event::before {
    background: linear-gradient(90deg, rgba(254,233,78,1) 0%, rgba(237,145,59,1) 100%);
}

.event-content {
   color: #2A4B4A;
}

.event-content a {
   color: #2A4B4A;
}

.back-to-top {
  background: linear-gradient(90deg, rgba(254,233,78,1) 0%, rgba(237,145,59,1) 100%);
}

.footer-contact .social li a {
    color: #1664ff;
    background-color: #fff;
}

.copyright .text, .copyright .text a {
    color: #2B4A49;
}

.single-gallery .gallery-image::before {
    background-color: #2B4A49;
}

.footer-widget .widget {
    border: none;
}

.footer-area::before {
  background: linear-gradient(90deg, rgba(254,233,78,1) 0%, rgba(237,145,59,1) 100%);
}