/** Styles for Article types **/

body.blog { }
body.blog main #wrapper { margin-top: 100px; }

body.blog h1 { display: inline-block; position: relative; font-size: 42px; letter-spacing: -0.02em; line-height: 45px; padding-bottom: 40px; margin-bottom: 40px; }
body.blog h1::after { content: ' '; position: absolute; display: block; bottom: 0; left: 0; width: 40px; height: 3px;
    background-color: #7bb914; }

body.blog #block-gencix-content header { width: 100%; max-width: 760px; margin: 0 auto 40px; }
body.blog #block-gencix-content header p { text-align: center; }

.bef-links ul { text-align: center; }
.bef-links ul li { display: inline-block; }
.bef-links ul li:first-of-type { display: block; margin-bottom: 10px; }
.bef-links ul li a { display: inline-block; font-family: 'ecdmed', sans-serif; font-size: 13px; color: #222222; text-decoration: none; padding: 80px 15px 0 15px;
    background-repeat: no-repeat; background-size: 90px; background-position: top center; }
.bef-links ul li a:hover { color: #7bb914; }
.bef-links ul li a#edit-tags-all { padding: 5px; background: none; }
.bef-links ul li a#edit-tags-1 { background-image: url('../../images/blog-ethic.png'); }
.bef-links ul li a#edit-tags-2 { background-image: url('../../images/blog-dente.png'); }

.bef-links ul li a.bef-link--selected { pointer-events: none; color: #cccccc; }

body.blog #block-gencix-content .views-row { width: 100%; max-width: 560px; margin: 0 auto 50px; text-align: left; padding-bottom: 50px; border-bottom: 1px solid #efefef; }

body.blog #block-gencix-content .views-row .views-field-field-image-principale { margin-bottom: 25px; }
body.blog #block-gencix-content .views-row .views-field-field-tags ul li { display: inline-block; list-style: none; margin: 0 10px 0 0; color: #ffffff; padding: 5px 15px; font-size: 12px; border-radius: 25px; font-family: 'ecdmed', sans-serif;
    background-color: #7bb914; }
body.blog #block-gencix-content .views-row .views-field-created { font-size: 13px; margin: 15px 10px 5px; }
body.blog #block-gencix-content .views-row .views-field-title { margin: 0 10px 15px; }
body.blog #block-gencix-content .views-row .views-field-title h4 { margin: 0; font-size: 23px; line-height: 24px; }
body.blog #block-gencix-content .views-row .views-field-body { margin: 0 10px 15px; overflow: hidden; }
body.blog #block-gencix-content .views-row .views-field-body p { line-height: 22px; }
body.blog #block-gencix-content .views-row .views-field-body a { display: block; margin-top: 30px; float: right; color: #7bb914; text-decoration: none; text-transform: uppercase; font-family: 'ecdmed', sans-serif; font-size: 10px; letter-spacing: 1.5px; padding: 0 22px 0 10px; line-height: 35px;
    background-color: transparent; background-image: url('../../images/arrow-green.png');background-repeat: no-repeat; background-size: 18px; background-position: center right; }
body.blog #block-gencix-content .views-row .views-field-body a:hover { color: #222222; }

/** Responsiveness **/

@media only screen and (max-width: 990px) {

}

@media only screen and (max-width: 820px) {

}

@media only screen and ( max-width: 620px ) {

}

@media only screen and (max-width: 560px) {

}

@media only screen and (max-width: 510px) {

}