@charset "utf-8";
/* CSS Document */
/* changing colors from green to blue and teal */
/* Cookie bar */
.pwcmb-widget {
    --bg-opacity: 1;
    background-color: #134761;
    background-color: rgba(19,71,97,var(--bg-opacity));
    --text-opacity: 1;
    color: #fff;
    color: rgba(255,255,255,var(--text-opacity));

}

.pwcmb-widget__button {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255,255,255,var(--bg-opacity));
    border-radius: .25rem;
    margin-left: 1rem;
    padding: .5rem 1rem;
    --text-opacity: 1;
    color: #00A69C;
    color: rgba(0,165,156,var(--text-opacity));
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

/* footer */
footer {
    background-image: -webkit-gradient(linear,right top,left top,from(var(--gradient-color-stops)));
    background-image: linear-gradient(90deg,var(--gradient-color-stops));
    --gradient-from-color: #134761;
    --gradient-color-stops: var(--gradient-from-color),var(--gradient-to-color,rgba(0,165,156,0));
    /*--gradient-via-color: #71972a;*/
    --gradient-color-stops: var(--gradient-from-color),var(--gradient-to-color,rgba(113,151,42,0));
    --gradient-to-color: #00A69C;
}

/* misc */

.bg-primary-dark {
    --bg-opacity: 1;
    background-color: #134761;
    background-color: rgba(19,71,97,var(--bg-opacity));
}

.text-primary-dark {
    --text-opacity: 1;
    color: #134761;
    color: rgba(19,71,97,var(--text-opacity));
}

.hover\:text-primary-dark:hover {
    --text-opacity: 1;
    color: #134761;
    color: rgba(19,71,97,var(--text-opacity));
}

.hover\:bg-primary-500:hover {
    --bg-opacity: 1;
    background-color: #00A69C;
    background-color: rgba(0,165,156,var(--bg-opacity));
}

.text-primary-500 {
    --text-opacity: 1;
    color: #00A69C;
    color: rgba(0,165,156,var(--text-opacity));
}

.text-secondary-500 {
    --text-opacity: 1;
    color: #134761;
    color: rgba(19,71,97,var(--text-opacity));
}

.hover\:text-primary-500:hover {
    --text-opacity: 1;
    color: #00A69C;
    color: rgba(0,165,156,var(--text-opacity));
}

a {
    color: #134761;
}

a:hover {
    color: #00A69C;
}

#home-overview h2 span {
    --text-opacity: 1;
    color: #00A69C;
    color: rgba(0,165,156,var(--text-opacity));
}

.bg-primary-500 {
    --bg-opacity: 1;
    background-color: #134761;
    background-color: rgba(19,71,97,var(--bg-opacity));
}

.main-nav>li>a {
    --text-opacity: 1;
    color: #134761;
    color: rgba(19,71,97,var(--text-opacity));

}

.main-nav>li a:hover {
    --text-opacity: 1;
       color: #00A69C;
    color: rgba(0,165,156,var(--text-opacity));
}

.main-nav>li>a:after {
    --bg-opacity: 1;
    background-color: #00A69C;
    background-color: rgba(0,165,156,var(--bg-opacity));
}

.main-nav li.uk-active>a {
    font-weight: 900;
    --text-opacity: 1;
    color: #00A69C;
    color: rgba(0,165,156,var(--text-opacity));
}

.uk-offcanvas-bar {
    background-image: -webkit-gradient(linear,right top,left top,from(var(--gradient-color-stops)));
    background-image: linear-gradient(270deg,var(--gradient-color-stops));
    --gradient-from-color: #00A69C;
    --gradient-color-stops: var(--gradient-from-color),var(--gradient-to-color,rgba(0,165,156,0));
    --gradient-to-color: #134761;
}

.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover, .uk-offcanvas-bar .uk-nav-default>li>a:hover {
    --text-opacity: 1;
    color: #00A69C;
    color: rgba(0,165,156,var(--text-opacity));
}

.uk-offcanvas-bar .uk-nav-default>li.uk-active>a {
    --text-opacity: 1;
    color: #00A69C;
    color: rgba(0,165,156,var(--text-opacity));
}

.hover\:text-secondary-800:hover {
    --text-opacity: 1;
    color: #134761;
    color: rgba(19,71,97,var(--text-opacity));
}

.aside-nav>li a:hover, .aside-nav li.uk-active>a {
    --text-opacity: 1;
    color: #134761;
    color: rgba(19,71,97,var(--text-opacity));
}

.aside-nav>li a {
    --text-opacity: 1;
    color: #134761;
    color: rgba(19,71,97,var(--text-opacity));
}

h3.header, h4.header {
    --text-opacity: 1;
    color: #134761;
    color: rgba(19,71,97,var(--text-opacity));
}

#video-list.uk-subnav-pill>.uk-active>a {
    background-color: #00A69C;
    font-size: 1.25rem;
    color: #fff;
}