body {
    font-family: 'Merriweather',serif !important;    
    font-size: ;    
    line-height: ;    
    color: black;    
    padding-top: 25px;
}

a {
    color: #148A00 !important;
    text-decoration: none;
    }
a:hover {
    text-decoration: underline;
}

h2, .h2 {
    margin: 30px auto;
    max-width: 600px;
    line-height: 1.75;
    font-size: 1.5rem;
    font-weight: 700;
    position: relative;
}
.node--type-article h2 {
    font-size: ;
}
.node--type-top h2::after {
    color: #baebb9;
    content: attr(data-bg-text);
    display: block;
    font-size: 25rem;
    position: absolute;
    top: -340px;
    right: 0;
    z-index: -5;
    opacity: 0.7;
}
    
h3 {
    font-size: 1.25rem;
    text-align: center;
    border-bottom: 1px solid #148A00;
    margin: 30px 15%;
    width: auto;
}
.header-2 h3 {
    margin: 30px 32%;
}
.partners h3 {
    margin-top: 5px;
}

.bg-black h3 {
    border-bottom: 1px solid white;
}
@media (max-width: 768px) {
    .bg-black {
        margin-left: -20px;
        margin-right: -20px;
        }
}

header {
    margin-bottom: -30px;
    margin-top: 20px;
    z-index: 9;
    position: relative;

@media (min-width: 576px) {
    margin-bottom: -30px;
}

@media (min-width: 768px) {
    margin-bottom: -45px;
}

@media (min-width: 992px) { 
    margin-bottom: -85px;
    margin-top: 40px;
}

@media (min-width: 1200px) { 
    margin-bottom: -100px;
}

@media (min-width: 1400px) {
    margin-bottom: -110px;
}

}

.navbar-brand .site-title {
    text-transform: none;
}

@media (min-width: 992px) {
    .navbar-brand {
        display: none !important;
    }
}

.region-nav-main {
    margin-right: 50px;
}

.nav-link {
    font-size: 1.5rem;
    color: rgb(39 152 36);
    text-shadow: 2px 2px white;
}

.block-views-block24-article-header-block-1,
.block-views-block24-cycling-header-block-1,
.block-views-block24-front-header-block-1,
.block-views-block24-front-header-2-block-1 {
    margin-bottom: -45px;
    z-index: -9;

@media (min-width: 576px) {
    margin-bottom: -50px;
}

@media (min-width: 768px) {
    margin-bottom: -70px;
}

@media (min-width: 992px) {
    margin-bottom: -95px;
}

@media (min-width: 1200px) {
    margin-bottom: -115px;
}

@media (min-width: 1400px) {
    margin-bottom: -135px;
}

}

.block-views-block24-taxonomy-header-block-1 {
    margin-bottom: -15px;
    z-index: -9;

@media (min-width: 576px) {
    margin-bottom: -20px;
}

@media (min-width: 768px) {
    margin-bottom: -40px;
}

@media (min-width: 992px) {
    margin-bottom: -55px;
}

@media (min-width: 1200px) {
    margin-bottom: -70px;
}

@media (min-width: 1400px) {
    margin-bottom: -80px;
}

}

article > div.node__content > div {
    margin: 1rem auto;
}

@media (max-width: 768px) {

figure {
    margin: 0 -1.5rem 1rem;
}

}

.view-id-24_front_header_2 {
    margin-top: -105px;
    z-index: -9;
    position: relative;
}

.node .toc-tree {
    border: none;
    padding: 0;
    margin: 30px auto;
    max-width: 600px;
    line-height: 2;
    font-size: 0.85rem;
}
.node--type-top .toc-tree {
    font-size: 1rem;
}
.back-to-top {
    display: none;
}

.field--name-body p,
.views-field-body p,
.block-field-blocknodecyclingfield-route p,
.block-field-blocknodecyclingfield-body-0 p,
.block-field-blocknodecycling-tmpfield-comeback p,
.view-id-24_node_completed p,
.view-id-24_node_completed ul {
    margin: 30px auto;
    max-width: 600px;
    line-height: 1.75;
    font-size: 1.1rem;
}

.field--name-body figure {
    z-index: -9;
    position: relative;
}
.field--name-body a {
    text-decoration: underline;
}
    
.caption > figcaption {
    font-size: 0.85rem;
    margin-top: 10px;
    text-align: center;
}
.slick {
    text-align: center;
}
.slick-wrapper {
    margin-bottom: 30px;
}
.slick--main .slide__caption {
    padding: 10px 0 0 0;
}
.slick-list {
    padding: 0px !important;
}
.slick--thumbnail.slick--skin--asnavfor .slick-track {
    padding-top: 24px !important;
    padding-bottom: 18px !important;
}
.slick-prev {
    left: 20px;
}
.slick-next {
    right: 20px;
}
.slick-arrow::before {
    color: white;
}
.slick-down {
    background-color: black;
}

.view-id-24_cycling_route {
    font-size: 0.85rem;
    line-height: 1.75;
}
.view-id-24_site_partners {
    text-align: center;
    font-size: 0.85rem;
}
.view-id-24_site_partners a {
    line-height: 5em;
}

.views-field-title {
    margin: 20px 0;
}
.views-view-grid {
    margin: 15px 0;
}
.views-view-grid > div > div > div,
.views-view-grid > div > div > span {
    margin: 15px 0;
    font-size: 1.1rem;
}

.front-chess {
    .views-field-title {
        margin-top: 0;
        margin-bottom: 10px;
        font-size: 1.2rem;
        }
    p {
        font-size: 1rem;
        }
    .view-id-24_front_eurovelo div.row:nth-of-type(2) div.col-md-12:nth-of-type(1),
    .view-id-24_front_sea div.row:nth-of-type(2) div.col-md-12:nth-of-type(1) {
        order: 2 !important;
        }
}

@media (max-width: 992px) {

 .front-chess {
     .views-field-title {
         margin-top: 10px;
         margin-bottom: 10px;
         font-size: 1.2rem;
         }
     p {
         font-size: 1rem;
         }
       .view-id-24_front_eurovelo div.row:nth-of-type(2) div.col-md-12:nth-of-type(1),
       .view-id-24_front_sea div.row:nth-of-type(2) div.col-md-12:nth-of-type(1) {
         order: unset !important;
         }
}

}



.front-four {
    .views-field-title {
        margin-top: 0;
        margin-bottom: 10px;
        font-size: 1.2rem;
        }
     p {
        font-size: 1rem;
    }
}

.block-field-blocknodecyclingfield-comments {
    margin: auto;
    max-width: 800px;
}

/*
.slick-dotted.slick-slider {
    margin-bottom: 100px;

@media (min-width: 576px) {
    margin-bottom: 60px;
}

@media (min-width: 768px) {
    margin-bottom: 40px;
}

@media (min-width: 992px) {
    margin-bottom: 40px;
}

}
*/

.slick-dotted.slick-slider {
    margin-bottom: 10px;
}
.slick-dots {
    margin: 10px 0;
    position: relative;
    bottom: inherit;
}
.slick-dots li button:before {
    color: #ffffff;
    opacity: inherit;
}
.slick-dots.slick-active {
    opacity: 0.5;
}

/*
.slick-dots {
    bottom: -90px;
    
@media (min-width: 576px) {
    bottom: -50px;
}

@media (min-width: 768px) {
    bottom: -30px;
}

@media (min-width: 992px) {
    bottom: -30px;
}

}
*/

.slick__slide {
    padding: 7px;
}

.bs-bg-green {
    background-color: #e9f6e9;
}
.bs-bg-yellow {
    background-color: #f6f6e9;
}
.bs-bg-blue {
    background-color: #e9f6f6;
}
.bs-bg-red {
    background-color: #f6e9e9;
}
.bs-bg-orange {
    background-color: #f6f0e9;
}