/** Styles to set up the Listings Panels on the homepage for example **/

#block-latest-article-block { width: 50%; float: left; }
#block-latest-article-block h2 { font-size: 34px; margin: 5px 0 10px 0; }
#block-latest-article-block h2 a { color: #000000; }
#block-latest-article-block h2 a:hover { text-decoration: underline; }

.latest-article .latest { position: relative; }

.latest-article .latest .views-field-nothing-1 { width: 100%; position: relative; padding: 0 30px; margin-top: -60px; }
.latest-article .latest .views-field-nothing-1 .field-content { display: block; width: 100%; margin: 0 auto;
    background: #F7C9D0; }

.latest-article .latest .latest-intro { padding: 30px 30px 40px 70px; }
.latest-article .latest .latest-intro .latest-cat { display: block; position: absolute; top: 35px; font-family: 'eucmed', sans-serif; letter-spacing: 0.1em; text-transform: uppercase; font-size: 11px; color: #ffffff; pointer-events: none;
    transform-origin: 0 100%; transform: rotate(-90deg) translate(calc(-100% + 15px),-15px); }
.latest-article .latest .latest-intro .latest-topic { position: absolute; top: -50px; right: 40px; }
.latest-article .latest .latest-intro .latest-topic a { display: block; position: relative; color: #ffb9c4; }
.latest-article .latest .latest-intro .latest-topic a span { display: block; position: absolute; top: 20px; right: 55px; font-family: 'eucmed', sans-serif; letter-spacing: 0.1em; text-transform: uppercase; font-size: 11px; background: #000; padding: 5px 20px 5px 10px; white-space: nowrap; }
.latest-article .latest .latest-intro .latest-topic a img { display: block; position: relative; border-radius: 35px; width: 70px; }
.latest-article .latest .latest-intro .latest-topic a:hover span { text-decoration: underline; }

.latest-article .latest .latest-intro .latest-list a { color: #000; font-family: 'eucmed', sans-serif; text-transform: uppercase; letter-spacing: 0.1em; font-size: 12px; }
.latest-article .latest .latest-intro .latest-body { display: block; font-family: 'lora', serif; font-size: 14px; letter-spacing: normal; word-spacing: normal; line-height: 1.65em; margin: 0 0 1.2em 0; }
.latest-article .latest .latest-intro .latest-read { display: block; position: relative; width: 100%; }
.latest-article .latest .latest-intro .latest-read a { display: block; color: #000; font-family: 'eucmed', sans-serif; text-transform: uppercase; letter-spacing: 0.1em; font-size: 12px; padding: 10px 0; line-height: 22px; border-bottom: 1px solid #000;
    background-image: url('../../images/right.svg'); background-repeat: no-repeat; background-position: center right; background-size: 15px; }
.latest-article .latest .latest-intro .latest-read a:hover { text-decoration: underline; }

/** Responsiveness **/

@media only screen and (max-width: 728px) {
    .latest-article .latest .views-field-nothing-1 { margin-top: -40px; }
    .latest-article .latest .views-field-nothing-1 { padding: 0 20px; margin-top: -70px; }
    .latest-article .latest .latest-intro { padding: 15px 30px 30px 45px; }
}

@media only screen and (max-width: 670px) {
    #block-latest-article-block { float: none; width: 100%; }
}