.post__link {
text-decoration: none;
}
.post__link:hover,
.post__link:focus,
.post__link:hover p,
.post__link:focus p {
text-decoration: none;
}
figure {
margin: 0px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-background-size: cover;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
figure figcaption {
position: relative;
z-index: 1;
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
figure a {
width: 100%;
}
.post__thumbnails {
position: relative;
width: 100%;
height: 190px;
background-size: cover !important;
background-position: center center;
background-repeat: no-repeat;
background: #ccc;
}
.post__thumbnails * {
margin: auto;
} .post__shadow {
width: 100%;
height: 100%;
position: absolute;
background-image: -webkit-linear-gradient(rgba(23, 23, 23, 0.00) 0%, rgba(23, 23, 23, 0.8) 100%);
background-image: -o-linear-gradient(rgba(23, 23, 23, 0.00) 0%, rgba(23, 23, 23, 0.8) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(23, 23, 23, 0.00)), to(rgba(23, 23, 23, 0.8)));
background-image: linear-gradient(rgba(23, 23, 23, 0.00) 0%, rgba(23, 23, 23, 0.8) 100%);
top: 0;
}
.post__shadow:before {
position: relative;
display: block;
width: 100%;
height: 100%;
opacity: 0;
content: '';
background: -webkit-gradient(linear, left top, left bottom, from(rgba(23, 23, 23, 0.45)), to(rgba(23, 23, 23, 0.45)));
background: -webkit-linear-gradient(top, rgba(23, 23, 23, 0.45) 0%, rgba(23, 23, 23, 0.45) 100%);
background: -o-linear-gradient(top, rgba(23, 23, 23, 0.45) 0%, rgba(23, 23, 23, 0.45) 100%);
background: linear-gradient(-180deg, rgba(23, 23, 23, 0.45) 0%, rgba(23, 23, 23, 0.45) 100%);
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.post__shadowfill {
width: 100%;
background: rgba(0, 0, 0, 0.4);
height: 100%;
position: absolute;
left: 0;
bottom: 0;
z-index: 0;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.post__shadownfill {
width: 100%;
background: rgba(0, 0, 0, 0);
height: 100%;
position: absolute;
left: 0;
bottom: 0;
z-index: 0;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.post__shadow>.post__shadowfill {
opacity: 0;
-webkit-transition: 1.2s;
-o-transition: 1.2s;
transition: 1.2s;
}
figure:hover>.post__shadow:before,
figure:focus>.post__shadow:before,
figure:hover .post__thumbnails:before,
figure:focus .post__thumbnails:before {
opacity: 1;
}
figure:hover>figcaption h2,
figure:focus>figcaption h2 {
text-decoration: underline;
}
p.time,
.lastnews__item figcaption p.time {
font-family: FontinSansCR-Italic !important;
font-size: 16px;
color: #000000;
margin-top: auto;
}
p.time>svg {
margin-right: 10px;
}
.sticky {
font-family: FontinSansCR-Bold;
font-size: 14px;
color: #000000;
display: flex;
flex-direction: column;
position: relative;
z-index: 1;
margin-bottom: 20px;
}
.sticky span {
position: relative;
z-index: 1;
}
.sticky::after {
content: " ";
position: absolute;
z-index: 0;
bottom: 3px;
left: 0;
width: 100%;
height: 10px;
background: #FFF900;
}
.post-categories {
margin: 0 0 10px;
padding: 0;
display: flex;
}
.post-categories li {
margin-right: 15px;
list-style: none;
}
.post-categories li a {
font-family: FontinSansCR-Bold;
font-size: 14px;
color: #000000;
}
.post-categories li a::after {
display: block;
content: " ";
width: 100%;
height: 10px;
background: #FFF900;
margin-top: -8px
} .featured {
width: 100%;
}
.featured__post {
width: 100%;
height: 460px;
text-align: center;
margin-bottom: 30px;
}
.featured__post figcaption {
padding: 60px 80px;
margin-top: auto;
}
.featured__post h2 {
font-family: FontinSansCR-SC;
font-weight: 300;
font-size: 48px;
color: #FFFFFF;
line-height: 54px;
margin-bottom: 20px;
width: 90%;
margin: 0 auto 30px;
}
.featured__post .sticky {
color: #fff;
width: 80px;
margin: 0 auto 20px;
}
.featured__post .sticky::after {
background: #F05B41;
}
.featured__post p.time {
color: #fff;
margin: 0 auto;
}
.lastnews__item {
margin-bottom: 30px;
}
.lastnews__item h3 {
font-family: FontinSansCR-Regular;
font-weight: 300;
font-size: 22px;
color: #000000;
line-height: 25px;
margin-bottom: 10px;
}
.lastnews__item p {
font-family: Alice-Regular;
font-size: 17px;
color: #000000;
letter-spacing: 0;
line-height: 22px;
margin-bottom: 15px;
max-height: 88px;
overflow: hidden;
}
.lastnews__item:hover h3,
.lastnews__item:focus h3 {
text-decoration: underline;
}
.lastnews__item.no-image {
text-align: center;
}
.lastnews__item.no-image .post-categories {
align-items: center;
justify-content: center;
width: 100%;
}
.lastnews__item .post__thumbnails {
width: 100%;
}
.lastnews__item>a {
flex-shrink: 0;
}
.lastnews__item.no-image>a {
width: 100%;
}
.short__item {
margin: 0 0 15px;
border-bottom: 1px solid #DDDDDD;
padding: 0 0 10px
}
.short__item h5 {
font-family: FontinSansCR-Regular;
font-size: 18px;
color: #000000;
line-height: 26px;
}
.short__item a:hover h5,
.short__item a:focus h5 {
color: #F05B41;
}
.short__item p {
margin-bottom: 0;
}
.readmore {
border-top: 1px solid #ddd;
padding: 40px 0 0;
margin-bottom: 60px;
}
.readmore>h3 {
font-family: FontinSansCR-Regular;
font-size: 38px;
color: #000000;
line-height: 40px;
margin-bottom: 40px;
text-align: center;
}
.readmore>div.col-hd-6:nth-child(even) .content {
margin-left: 0px;
}
.readmore>div.col-hd-6:nth-child(odd) .content {
margin-right: 0px;
}
.readmore__item {}
.readmore__item a {
width: 100%;
}
.readmore__item .post__thumbnails {
width: 100%;
height: 190px;
margin-bottom: 15px;
}
.readmore__item h3 {
font-family: FontinSansCR-Regular;
text-align: left;
font-size: 22px;
color: #000000;
line-height: 26px;
margin-bottom: 10px;
}
.readmore__item p {
font-family: Alice-Regular;
font-size: 17px;
color: #000000;
letter-spacing: 0;
line-height: 22px;
margin-bottom: 10px;
}
.readmore__item:hover h3,
.readmore__item:focus h3 {
text-decoration: underline;
}
.readmore__item.no-image h3,
.readmore__item.no-image {
text-align: center;
}
.readmore__item.no-image .post-categories {
align-items: center;
justify-content: center;
width: 100%;
}
.archive__release--item {
margin-bottom: 40px;
}
.archive__release--item-image {
width: 140px;
height: 196px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin-bottom: 10px;
}
.archive__release--item h3 {
font-family: FontinSansCR-Regular;
font-size: 30px;
color: #000000;
letter-spacing: 0;
line-height: 36px;
text-align: center;
}
.archive__release--item p {
font-family: 'Ubuntu';
font-size: 10px;
color: #000000;
text-transform: uppercase;
text-align: center;
}
.archive__docs--item {
border-top: 1px solid #ddd;
padding: 20px 0 0;
}
.archive__docs--item a,
.archive__docs--item h3 {
font-family: FontinSansCR-Regular;
font-size: 22px;
color: #F05B41;
letter-spacing: 0;
line-height: 32px;
text-align: center;
}
.archive__docs--item p {
font-family: FontinSansCR-Bold;
font-size: 14px;
color: #000000;
text-align: center;
text-transform: uppercase;
}
.archive__docs--item:last-child {
margin-bottom: 20px;
}
.short {
padding-top: 20px;
}
@media screen and (min-width:1000px) and (max-width:1279px) {}
@media screen and (min-width:760px) and (max-width:999px) {}
@media screen and (min-width:560px) and (max-width:759px) {
.post__thumbnails {
width: 100%;
height: 220px;
}
.featured__post figcaption {
padding: 30px 15px;
}
.featured__post h2 {
font-size: 24px;
line-height: 32px;
}
.lastnews__item {
padding: 20px;
}
.lastnews__item.flex-x {
flex-direction: column;
}
.lastnews__item>a {
width: 100%;
flex-shrink: 0;
margin-right: 20px;
}
.lastnews__item .post__thumbnails {
margin-bottom: 10px;
}
.readmore {
padding: 40px 15px;
}
.readmore>div.col-hd-6 .content {
margin-left: 0px;
margin-right: 0px;
}
.readmore__item {
margin-bottom: 40px;
}
}
@media screen and (min-width:0) and (max-width:559px) {
.post__thumbnails {
width: 100%;
height: 220px;
}
.featured__post figcaption {
padding: 30px 15px;
}
.featured__post h2 {
font-size: 24px;
line-height: 32px;
}
.lastnews__item {
padding: 20px;
}
.lastnews__item.flex-x {
flex-direction: column;
}
.lastnews__item>a {
width: 100%;
flex-shrink: 0;
margin-right: 20px;
}
.lastnews__item .post__thumbnails {
margin-bottom: 10px;
}
.readmore {
padding: 40px 15px;
}
.readmore>div.col-hd-6 .content {
margin-left: 0px;
margin-right: 0px;
}
.readmore__item {
margin-bottom: 40px;
}
}