:root {
--grid-column-gap: 30px;
--grid-row-gap: 30px;
--sfondo: #ddd;
--primary-color: #19233E;
--secondary-color: #D9AA02;
--grigio: #7e828c;
--text-color: #111111;
--text-size: 0.9vw; 
--text-weight: 100;
--text-line: 1.1;
}
.vlog-site-content, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {padding: 0}
h1 {font-size: 2vw}
h2 {font-size: 1.7vw}
h3 {font-size: 1.2vw; font-weight: bold; line-height: 1.1; text-transform: uppercase}
h4 {font-size: 1.2vw}
h5 {font-size: 1.1vw}
h6 {font-size: 1vw}
p {font-size: var(--text-size)!Important; font-weight: var(--text-weight); line-height: var(--text-line);}
.vlog-header-middle .site-title img {padding: 2% 0}
.sub-menu .vlog-menu-posts {margin: 0; padding-left: 6%;}
.vlog-action-search .sub-menu {width: 450px;}
.vlog-content {margin-top: 0!Important} .vlog-featured-4 {margin-top: 0}
.vlog-post .entry-image img {width: 100%}
.vlog-module article {
padding-left: unset;
padding-right: unset;
float: unset;
margin-bottom: unset;
max-width: unset;
}
.category .vlog-lay-a .entry-meta, .category .entry-category {margin: 0!Important; padding: 0!Important}
.col-vlog-offset {max-width: 100%;}
.row {margin: 0 auto;}
.slider-post .owl-item { width : 1280px !important; }
.category .vlog-posts, #vlog-related .vlog-posts {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: 1fr;
grid-column-gap: var(--grid-column-gap);
grid-row-gap: var(--grid-row-gap);
}
#vlog-related .vlog-module article {width: 100%}  .video-loop {margin: auto}
.video-loop video {width: 100%;} .section-header {display: block; width: 100%}
.section-header h2 {font-size: 8vw; font-family: Roboto Slab; font-weight: 100; color: var(--primary-color); opacity: 0.4; text-transform: lowercase;  padding-bottom: 3%}
.contenitore {margin: auto; padding: 5%; }
.posts__terms {display: flex; align-items: center; padding: 2% 0}
.posts_text .entry-title {text-transform: uppercase}
.material-symbols-outlined {font-size: 0.8vw!important}
.posts__terms .meta-icon {color: var(--text-color); font-weight: bold}
.posts__terms span, .posts__terms a, .posts__terms {color: var(--text-color); font-size: var(--text-size); font-weight: var(--text-weight); line-height: var(--text-line);} .contenitore:nth-child(even) {
background-color: var(--sfondo);
}
.contenitore:nth-child(even) .griglia {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 1fr;
grid-column-gap: var(--grid-column-gap);
grid-row-gap: var(--grid-row-gap);	
}
.contenitore:nth-child(even) .griglia .posts__inner-box {
display: flex;
}
.contenitore:nth-child(even) .griglia .post-thumbnail {
width: 50%;
padding-right: calc(var(--grid-column-gap)/2);
}
.contenitore:nth-child(even) .griglia .posts__inner-content {
width: 50%;
padding-left: calc(var(--grid-column-gap)/2);
padding-top: 0;
padding-bottom: 0
}
.contenitore:nth-child(odd) .griglia {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: 1fr;
grid-column-gap: var(--grid-column-gap);
grid-row-gap: var(--grid-row-gap);
}
.griglia .post-thumbnail {width: 100%; height: 100%}
.griglia .post-thumbnail a {display: block; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden}
.griglia .post-thumbnail img {width: 100%; object-fit: cover; object-position: center;}
.griglia .posts__inner-content {padding: 4% 0} .news {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: var(--grid-column-gap);
grid-row-gap: var(--grid-row-gap);
}
.news .post-thumbnail a {display: block; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden}
.news .post-thumbnail img {width: 100%; object-fit: cover; object-position: center;}
.news .posts__inner-content {padding: 0}
.news .posts__item:nth-child(1) { grid-area: 1 / 1 / 3 / 2; }
.news .posts__item:nth-child(2) { grid-area: 1 / 2 / 2 / 3; }
.news .posts__item:nth-child(3) { grid-area: 2 / 2 / 2 / 3; }
.news .posts__item:nth-child(1) .posts__inner-box {display: block; position: relative; width: 100%; height: 100%; }
.news .posts__item:nth-child(1) .posts__inner-content {width: 100%; position: absolute; bottom: 0; left: 0; padding: 8% 6% 0; background: rgb(255,255,255); background: linear-gradient(0deg, rgba(0,0,0,0.8046570679052871) 0%, rgba(0,0,0,0) 100%); background-blend-mode: multiply;}
.news .posts__item:nth-child(n+2) .posts__inner-box {display: flex}
.news .posts__item:nth-child(n+2) .post-thumbnail {width: 50%; padding-right: calc(var(--grid-column-gap)/2); }
.news .posts__item:nth-child(n+2) .posts__inner-content {max-width: 50%; padding-left: calc(var(--grid-column-gap)/2);}
.news .posts__item:nth-child(1) .entry-title a {font-size: 300%; color: #fff; line-height: 0.85}
.news .posts__item:nth-child(1) p {color: #fff}
.news .posts__item:nth-child(1) .posts__terms, .news .posts__item:nth-child(1) .posts__terms a, .news .posts__item:nth-child(1) .posts__terms span {color: #fff}
.news .posts__item:nth-child(1) .post-thumbnail a {padding-bottom: 58%;} .vlog-featured-2 .vlog-cover:before,.vlog-featured-2 .vlog-cover:after {width: 40%}
.vlog-featured-info-2 .entry-header {color: #fff}
.contenuto h1 {font-size: 500%; font-weight: 100; padding: 5% 0;}
.sintesi .entry-headline.h4 {font-size: 200%; padding: 2% 0; font-family: Roboto Slab; color: var(--grigio)} .pdf-button {background: none; border: none; color: #fff; margin-left: -10px;}
.icon-print {filter: invert(1); max-width: 40px; margin-bottom: 10px;}
@media (min-width: 1272px) {
.container {width: 100%; margin: auto; padding: 0}
.vlog-single-cover .container {width: 90%;}
.vlog-top-bar .container, .vlog-header-wrapper .container, .vlog-header-bottom .container {width: 90%;}
body.category .vlog-section .container {width: 88%; padding: 0; margin: 0 auto; }
}
@media (max-width: 840px) {
:root {
--text-size: 2vw;
--text-weight: 200;
}
.container {width: 100%; margin: auto; padding: 0}
.contenitore:nth-child(even) .griglia {
grid-template-columns: repeat(1, 1fr);
}
.contenitore:nth-child(odd) .griglia, .category .vlog-posts, #vlog-related .vlog-posts {
grid-template-columns: repeat(2, 1fr);
}
.news {
display: flex;
flex-direction: column;
}
.section-header h2 {font-weight: 300; opacity: 0.6; padding: 4% 0 8%;}
.vlog-site-branding {margin-left: -50px;}
.vlog-featured-4 .vlog-featured-slider-4 .owl-item {height: 337px}
.slider-post .owl-item { width : 600px !important; }
.vlog-featured, .vlog-featured-2, .vlog-featured-3, .vlog-featured-4, .vlog-featured-5 {margin-top: 50px;}
.single .container {width: 90%; margin: auto;}
.action-item form {margin-left: 4px;}
}
@media (max-width: 480px) {
:root {
--text-size: 4vw;
--text-weight: 300;
}
body.category .container {width: 90%; margin: auto}
.news, .griglia, .posts__item .posts__inner-box, .category .vlog-posts, #vlog-related .vlog-posts{
display: flex!Important;
flex-direction: column!Important;
}
.posts__item .post-thumbnail {width: 100%!Important; max-width: 100%!Important; padding-right: 0!Important; }
.posts__item .posts__inner-content {width: 100%!Important; max-width: 100%!Important; padding-left: 0!Important;}
.news .posts__item:nth-child(1) .posts__inner-content {width: 100%; position: relative; bottom: 0; left: 0; padding: 0; background: none; }
.news .posts__item:nth-child(1) .entry-title a {font-size: 200%; color: var(--text-color); line-height: 0.85}
.news .posts__item:nth-child(1) p {color: var(--text-color)}
.news .posts__item:nth-child(1) .posts__terms, .news .posts__item:nth-child(1) .posts__terms a, .news .posts__item:nth-child(1) .posts__terms span {color: var(--text-color)}
.news .posts__item:nth-child(1) .post-thumbnail a {padding-bottom: 56.25%;}
.posts_text .entry-title {font-size: 150%; padding: 6% 0 3%; line-height: 1}
.vlog-featured-4 .vlog-featured-slider-4 .owl-item {height: 169px}
.slider-post .owl-item { width : 300px !important; }
.vlog-cover-bg, .vlog-featured-2 .vlog-featured-item, .vlog-featured-3 .vlog-featured-item, .vlog-featured-4 .owl-item, .vlog-featured-5 {height: 440px}
.vlog-featured, .vlog-featured-2, .vlog-featured-3, .vlog-featured-4, .vlog-featured-5 {margin-top: 0;}
.icon-print {max-width: 30px; margin-bottom: 5px;}
}