/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */

@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600&display=swap');

body {
    background:#eee;
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    line-height:1.5;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto Slab', serif;
}

h3, .h3 {
    margin-bottom: .9em;
}

blockquote {
    font-style: italic;
}

@media screen and (min-width: 1200px) {
    .navbar.container {
        max-width: 1170px;
    }
}

.navbar {
    border-radius:0;
    padding-left:10px;
    padding-right:10px;
    margin-bottom:0;
}

.navbar .logo {
    padding-right:0;
}

.navbar-btn {
    margin-top:0;
    margin-bottom: 3px;
}

.navbar-brand {
    font-size:23px;
    font-family: 'Roboto Slab', serif;
    padding: 24px 15px;
}

.navbar-nav {
    font-weight:300;
    font-size:15px;
}

@media screen and (min-width: 768px) {
    .navbar-nav {
        float: right;
    }
    .navbar-nav > li > a {
        padding-top: 26px;
        padding-bottom: 26px;
    }
    .navbar.container {
        max-width: 750px;
    }
     
}


@media screen and (min-width: 992px) {
    .navbar.container {
        max-width: 970px;
    }
}


@media screen and (min-width: 1200px) {
    .navbar.container {
        max-width: 1170px;
    }
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    font-weight:400;
    background-color: #00874a;
}

.navbar-default {
    background:#fff;
    border:none;
    border-bottom: 1px solid #eee;
}

.path-frontpage .navbar-default {
    border-bottom:none;
}

.breadcrumb {
    /*argin-top:20px;*/
}

.main-container, header {
    background:#fff;
}
.main-container {
    padding: 16px 71px 50px;
}

.path-frontpage .main-container {
    text-align:center;
}

.path-frontpage .main-container h1, .path-frontpage .main-container h2 {
    font-size:24px;
}

.no-padding {
    padding-left:0;
    padding-right:0;
}

#block-homepageimage {
    height: 480px;
    background: url(../images/banner2.jpg) no-repeat;
    overflow: hidden;
    background-size: 1170px;
    background-position: center -250px;
}

.homepage-image-copyright {
    position: absolute;
    bottom: 0;
    left: 0;
    color: white;
    padding: 2px 8px;
    font-size: 13px;
    background: rgba(0,0,0,0.3);
}

.homepage-image-copyright a {
    color: rgb(124 216 233);
    font-weight:600;
}

.button-container {
    padding-top:16px;
}

a.link-button {
    background: black;
    color: white;
    font-family: 'Roboto Slab';
    padding: 10px 20px;
    border-radius: 26px;
}

#block-homepagelinks {
    background: #f5f5f5;
    padding-top:7px;
}

#block-homepagelinks li {
    list-style-type: none;
    display:inline-block;
    width:130px;
    cursor:pointer;
}

#block-homepagelinks li a {
    color:#333;
}

.link-newsletter, .link-gallery, .link-history {
    font-family: 'Roboto Slab', serif;
    font-size:16px;
    padding-top:50px;
}

.link-newsletter {
    background:url(../images/icon-newsletter.png) top center no-repeat;
}

.link-gallery {
    background:url(../images/icon-gallery.png) top center no-repeat;
}

.link-history {
    background:url(../images/icon-history.png) top center no-repeat;
}

.footer {
    background:#000;
    color:#fff;
    font-weight:300;
    font-size:13px;
    text-align:center;
    padding-top: 17px;
    padding-bottom: 18px;
    margin-top:0;
    border:none;
}

.footer a {
    color:white;
    font-weight:400;
    margin-left:10px;
}

/* Views */
.gallery-row .views-field-field-images {
    float:left;
    margin: 0 1em 1em 0;
}

.gallery-row .views-field-title {
    font-size:1.5em;
}

.gallery-row {
    clear:both;
}

.page-node-type-gallery {
    background:black;
    margin-top:0;
}

.page-node-type-gallery header, .page-node-type-gallery .page-header, .page-node-type-gallery .tabs,
.page-node-type-gallery .region-header {
    display:none;
}

.page-node-type-gallery .main-container {
    background:black;
    padding-top:0;
}

article.gallery {
    position:relative;
}

article.gallery .galleries-link {
    position:absolute;
    top: 17px;
    left: 12px;
    color: white;
    z-index:999;
    background: rgba(0,0,0,0.5);
}

.breadcrumb {
    display:none;
}

/* Newsletter */
.view-newsletters .views-row {
    float: left;
    clear: both;
    width: 100%;
}

.view-newsletters .views-col {
    float: left;
    border:1px solid #ccc;
    padding:1em;
    text-align:center;
    width:24% !important;
    margin-right:1%;
    margin-bottom:1%;
    height:12em;
    background-image:url('../images/icon-pdf.png');
    background-repeat:no-repeat;
    background-position: center;
    background-size: 35%;
    border-radius:2px;
}