/* STUDIO218 - MAIN CSS - This file is loaded everywhere. */
/* UTILITY */
p,a,blockquote,ul,li {
    font-family : 'dm_sansregular'
}
h1,h2,h3,h4,h5,h6 {
    font-family: 'eb_garamondregular';
}
.vh-80 {
    min-height:80vh
}

.vh-25 {
    min-height:25vh
}

.vh-35 {
    min-height:35vh
}

.post, .page {
    margin:unset!important;
}

.ml-auto {
    margin-left: auto;
}
/* TEST */
.lazy {
    background-image: none!important;
    background-color: #F1F1FA!important;
}
/* MAIN CSS */
/* UTILITY */
a {
    transition-duration:.2s
}
.skip-link.screen-reader-text {
    display:none
}

h1,h2,h3,h4,h5,h6,.reibel_heading,.reibel_btn,header a,.reibel_numbers .the_number {
    font-family:'eb_garamondregular'
}

.reibel_heading {
    margin-bottom: -.5rem;
    text-transform: initial;
    letter-spacing: 2px;
    font-family: 'eb_garamondregular';
    font-size: 2rem;
}
.reibel_features .btn_detail {
    font-family:'dm_sansregular';
    cursor:pointer
}

/* GLOBAL */
.reibel_heading {
    font-size:.9rem;
    text-transform:uppercase;
    font-weight:bold;
    color:gray;
    letter-spacing:2px;
    margin-bottom:.5rem
}

.reibel_btn {
    padding:1rem 2.5rem;
    color:#f2f0e6;
    background:#c73b4d;
    text-decoration:none;
    font-size:1.25rem;
    display:inline-block;
    font-family: 'eb_garamondregular';
}
.modal .reibel_btn {
    padding: .5rem 1.5rem;
    color: #f2f0e6;
    background: #c73b4d;
    text-decoration: none;
    font-size: 1.25rem;
    display: inline-block;
    font-family: 'eb_garamondregular';
    border: 0;
}
.reibel_btn:hover {
    color:#f2f0e6;
    background:#d57826;
}

h2 {
    font-size:2.5rem;
    margin-bottom:1.1rem
}

.padding_default {
    padding-top:5rem;
    padding-bottom:5rem;
}

/* HEADER */
header {
    background:#f2f0e6;
    position:sticky;
    top:0;
    z-index:999;
}
header .navbar-brand img {
    max-width: 260px;
}
header a {
    text-decoration:none;
    font-family:'dm_sansregular';
    color:black;
    text-transform:uppercase;
}
header ul li:not(:last-of-type) {
    margin-right:1rem;
}
header ul li {
    position:relative;
}
header ul li:after {
    height:1px;
    width:0%;
    content:'';
    background:black;
    position:absolute;
    top:100%;
    left:0;
    transition-duration:.5s
}
header ul li:hover:after {
    width:100%;
    transition-duration:.5s
}
header ul li a:hover {
    color:#c73b4d!important
}
/* FOOTER */
footer.reibel_footer {
    background:#121212;
    color:white;
}
footer.reibel_footer .site-info {
    background:black;
    text-align:center;
    font-family:'dm_sansregular';
    font-size:.8rem;
}
footer.reibel_footer .site-info a, footer a {
    color:white
}
footer.reibel_footer h2 {
    font-size:1.5rem;
}
footer.reibel_footer h2:after {
    content: "";
    width: 25px;
    height: 25px;
    display: inline-block;
    background-image: url(https://remireibeljournalisteredact.com/wp-content/themes/studio218-boilerplate/inc/img/bulletpoint.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: -0.4rem;
    margin-right:.15rem
}
footer.reibel_footer p{
    opacity:.7;
    text-align:justify;
}
footer.reibel_footer ul#menu-footer-218 {
    padding:0 1rem;
}
footer.reibel_footer ul#menu-footer-218 li a {
    text-decoration:none;
    color:white;
}
footer.reibel_footer ul#menu-footer-218 li::marker{
    color:#d57826
}
footer.reibel_footer .col-lg-3:nth-of-type(3) ul li a{
    color:white;
}
footer.reibel_footer .col-lg-3:nth-of-type(3) ul li i {
    color:#d57826;
}
footer.reibel_footer .col-lg-3:nth-of-type(4) ul {
    list-style:none;
    padding:0;
    display:flex;
    justify-content:space-between;
    margin-top:.75rem;
    font-size:1.5rem;
}
footer.reibel_footer .col-lg-3:nth-of-type(4) ul li i {
    color:white;
}
.reibel_post_header img {
    width: 100%;
}