/* Theme Name: vph Theme URI: https://vphinstitute.com Author: Youtool Author URI: youtool.it Version: 2025.1 Requires at least: 5.2 Tested up to: 6.5 Requires PHP: 7.4 Text Domain: vph vph WordPress Theme 2025 */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}button{outline:0}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}table{border-collapse:collapse;border-spacing:0}th,td{padding:0.2em}big{font-size:120%}small,sup,sub{font-size:50%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:none;}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;} .sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important} /* RESETS PER GRID LAYOUT */ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(boxsizing.htc); } /* tipografia*/ @font-face { font-family: 'Silka'; src: url('fonts/silka-regular-webfont.eot'); /* IE9 Compat Modes */ src: url('fonts/silka-regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/silka-regular-webfont.woff') format('woff'), /* Modern Browsers */ url('fonts/silka-regular-webfont.ttf') format('truetype'); /* Safari, Android, iOS */ font-weight: 400; font-style: normal; } @font-face { font-family: 'Silka'; src: url('fonts/silka-medium-webfont.eot'); /* IE9 Compat Modes */ src: url('fonts/silka-medium-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/silka-medium-webfont.woff') format('woff'), /* Modern Browsers */ url('fonts/silka-medium-webfont.ttf') format('truetype'); /* Safari, Android, iOS */ font-weight: 500; font-style: normal; } @font-face { font-family: 'Silka'; src: url('fonts/silka-semibold-webfont.eot'); /* IE9 Compat Modes */ src: url('fonts/silka-semibold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/silka-semibold-webfont.woff') format('woff'), /* Modern Browsers */ url('fonts/silka-semibold-webfont.ttf') format('truetype'); /* Safari, Android, iOS */ font-weight: 600; font-style: normal; } @font-face { font-family: 'Silka'; src: url('fonts/silka-bold-webfont.eot'); /* IE9 Compat Modes */ src: url('fonts/silka-bold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/silka-bold-webfont.woff') format('woff'), /* Modern Browsers */ url('fonts/silka-bold-webfont.ttf') format('truetype'); /* Safari, Android, iOS */ font-weight: 700; font-style: normal; } @font-face { font-family: 'Silka'; src: url('fonts/silka-regularitalic-webfont.eot'); /* IE9 Compat Modes */ src: url('fonts/silka-regularitalic-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/silka-regularitalic-webfont.woff') format('woff'), /* Modern Browsers */ url('fonts/silka-regularitalic-webfont.ttf') format('truetype'); /* Safari, Android, iOS */ font-weight: 400; font-style: italic; } body { font-family: "Silka", sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-size: 1.1vw; font-weight:400; line-height: 1.3em; color:#000; background-color:#FFF; overflow-x: hidden; } #wrapper {max-width:2600px;margin:0 auto;padding-top:6em;} a {text-decoration:none;color:#000;} strong {font-weight: bold} em, i {font-style: italic} hr {border: 0;border-top: .05em solid #000;} .insider {width:100%;max-width:2600px;margin:0 auto;padding: 0 4%;} input, textarea, select {font-family: "Silka", sans-serif !important;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;color:#000 !important; font-size: 1em !important; outline:none;} .hidden {display:none !important;} table, tr, td {border:1px solid} a.button, button.button {display:inline-block;color:#FFF;padding: 0.75em 1.5em;font-size:0.8em;font-weight:700;border-radius:2em;background-color:#004062;transition: all .3s ease-in-out;text-decoration:none !important;} a.button:hover, button.button:hover {background-color:#000;transform: scale(1.125);} button.button {font-family: "Silka", sans-serif !important;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;border:none;} .heading {font-size:3.5em !important;letter-spacing: -.025em;line-height:1em;font-weight:700;margin-bottom:.5em;text-align:center;} .entry-title {font-size:3.5em;letter-spacing: -.025em;line-height:1em;font-weight:700;margin:.5em 0;} .strip {padding-top:4em; padding-bottom:4em;} .strip-button {margin-top:4em;} .strip-list {text-align:center;} .grid-items {display:grid;grid-template-columns: 1fr 1fr 1fr; column-gap:2em; row-gap:2em;margin-top: 4em;} .grid-items li {border-radius:1em;padding:1em;list-style-type: none;} .grid-items.grid-webinars li {border-radius:0;padding:0;} .grid-posts li, .grid-media li {background-color:#F1EFED;} .grid-items li img {margin-bottom:1em;border-radius:1em;width:100%;height: auto;} .grid-items li h3 {font-size:1.75em;font-weight:500;line-height:1em;letter-spacing: -.025em;margin:.5em 0;} .grid-items li .button {margin-top:2em;} .grid-items.partners-grid {grid-template-columns: 1fr 1fr 1fr 1fr;} .grid-items.partners-grid li {background-color:#FFF;border-radius:0;} .grid-items.partners-grid .partner-logo-container {border-radius:1em;border: solid .1em #F1EFED;} .grid-items.partners-grid .partner-logo-content {height:0;background-repeat:no-repeat;background-size:contain;background-position:center; padding:0 0 50%;margin: 1em;} .grid-items.partners-grid .partner-desc {text-align: center; margin-top: 1em;} .grid-items.cta-grid li h3 {font-size:2.75em;} .grid-items.cta-grid li {border-radius:2em;padding:1em 2em 2em;} .grid-items.cta-grid li a.button:nth-of-type(2) {background-color:transparent;border:solid .2em #004062;padding: .55em 1.3em;color:#004062;margin-left:1em;} .grid-items.cta-grid li a.button:nth-of-type(2):hover {color:#FFF; background-color: #000; border-color: #000;} .tag-item {color:#5D5D5D; display: inline-block; border: .1em solid #5D5D5D; padding: 0 .5em;border-radius:.5em; font-weight:700; font-size:.75em;margin-right:1em;} .tag-item a {color:#5D5D5D;text-decoration: none !important;} .tag-item.media-item {background-color:#ACD9F5;} .tag-item.media-item a, .tag-item.webinar-item a {border-color:#004062; color:#004062;} .tag-item.webinar-item {background-color:#F1EFED;} .tag-list {display:flex;} .tag-item.events {background-color:#F29E44;border-color:#004062;order:-1;} .tag-item.events a {color:#004062;} .tag-item.news {background-color:#004062;border-color: #004062;order:-1;} .tag-item.news a {color:#FFF;} /* HEADER */ .hamburger-container, #toggle-menu {display:none;} #site-description {display: none;} #header{z-index: 1000;width: 100%;position: absolute;max-width: 2600px;} #header-container {transition: all .3s ease-in-out;position: fixed;left:0; right:0;border-bottom: .05em solid #004062;background-color:#FFF;top:0;} .admin-bar #header-container {top:32px;} #header-content {position: relative;display:flex;column-gap: 1em;justify-content: space-between;align-items: center;} #header-content a.button {background-color:#F29E44; color:#004062;padding:0.5em 2em;} #header-content a.button:hover {background-color:#000;color:#FFF;} #tools-container {background-color:#004062;} #menu-login-menu, #tools-content {display: flex;justify-content: end;column-gap: 1em;} .logged-in .menu li.login {display:none;} #tools-content a {color:#FFF;display: block;padding: .5em;font-size: 0.8em;} #menu-main-menu {display:flex;column-gap:1em;} .internal-menu-items {display:flex;justify-content:center;column-gap: 1em;list-style-type: none !important;margin-bottom:0 !important;} #menu-main-menu a {color:#004062;display: flex;justify-content: center;border-bottom: .2em solid transparent;display: inline-flex;align-items: center;flex-direction: column;line-height: 1.25em;text-decoration:none !important;} .internal-menu-items a {color:#004062;display: flex;justify-content: center;border-bottom: .2em solid transparent;display: inline-flex;align-items: center;flex-direction: column;line-height: 1em;text-decoration:none !important;} #menu-main-menu a::after, #menu-main-menu a::before, .internal-menu-items a::after, .internal-menu-items a::before {content: attr(rel);font-weight: 600;opacity: 0;pointer-events: none;} .internal-menu-items a:hover, .internal-menu-items a.mPS2id-highlight, #menu-main-menu .current-menu-item a, #menu-main-menu .current_page_parent a, #menu-main-menu .current-page-ancestor a, .single-webinar #menu-main-menu .what-we-do a, .post-type-archive-webinar #menu-main-menu .what-we-do a, .single-post #menu-main-menu .news a, .post-type-archive-project #menu-main-menu .projects a, .single-project #menu-main-menu .projects a, .post-type-archive-media #menu-main-menu .media a, .tax-media-category #menu-main-menu .media a, .single-media #menu-main-menu .media a {border-color:#004062; font-weight:700;} #menu-main-menu a:hover {border-color:#004062 !important; font-weight:700 !important;} .page-template-template-memberspage .internal-menu-container {margin-top: -4em;margin-bottom: 4em;} .single-project #menu-main-menu .news a, .post-type-archive-project #menu-main-menu .news a, .single-media #menu-main-menu .news a, .post-type-archive-media #menu-main-menu .news a, .single-webinar #menu-main-menu .news a, .post-type-archive-webinar #menu-main-menu .news a, .tax-media-category #menu-main-menu .news a, .single-memberpressproduct #menu-main-menu .news a, .single-memberpressgroup #menu-main-menu .news a {border-color:transparent; font-weight:400;} #site-title h1 {margin-bottom:0;} #site-title a {display:block;width:7.5em; height:3em;background-image: url('img/logo-vph.svg'); background-repeat:no-repeat; background-size:contain; text-indent: -99999px;} #user-account {display: none;} .logged-in #user-account {display: flex;align-items: center;} #user-account:before {font-family: 'Material Icons';font-style: normal;font-weight: 400;content: "\e853";color:#FFF;} /* HOME */ .big-hero {display: grid;grid-template-columns: 1fr 1fr;column-gap: 4em;padding:4%;align-items: center;} .big-hero h2 {font-size:5em;font-weight:600;color:#004062;line-height:1em;letter-spacing: -.025em;} .big-hero img {max-width: 20em;height: auto;margin: 0 auto;} .highlight-hero {background-color:#FFF;padding:4em;text-align:center;} .home .highlight-hero {background-color:#F1EFED;} .highlight-hero img {max-height: 9em;width: auto;margin: 0 auto 4em;} .highlight-hero p {font-size:1.5em;line-height:1.25em;letter-spacing: -.025em;margin-bottom:.5em;} /* SINGLE E PAGE */ .entry-content h1, .entry-content h2, .single-body h1, .single-body h2 {font-size:3.5em;letter-spacing: -.025em;line-height:1em;font-weight:700;margin-bottom:.5em;} .entry-content h3, .single-body h3 {font-size:2.5em;letter-spacing: -.02em;line-height:1em;font-weight:700;margin-bottom:.5em;} .entry-content h4, .single-body h4 {font-size:1.5em;letter-spacing: -.015em;line-height:1em;font-weight:700;margin-bottom:.5em;} .entry-content h5, .single-body h5 {font-size:1.25em;letter-spacing: -.01em;line-height:1em;font-weight:700;margin-bottom:.5em;} .entry-content p {margin-bottom:1em;line-height:1.4em;} .entry-content a {color: #004062; text-decoration:underline;} .entry-content a.button {color: #FFF;} .entry-content ul {list-style-type: disc;margin-bottom:1em;line-height:1.4em;} .entry-content img {border-radius:1em;} .entry-content iframe {border-radius:.5em;} .page-hero {display: grid;grid-template-columns: 48% 48%;column-gap: 4%;padding:4%;background-repeat: no-repeat;background-size: cover;background-position: center;} .page .page-hero, .blog .page-hero {height: 15em;align-content: center;} .page-hero img {max-width: 10em;height: auto;margin: 0 auto;} .single .page-hero img {max-width: 100%;border-radius: 1em;} .page-hero.white_title {color:#FFF;} .breadcrumbs {white-space:nowrap;overflow-x:hidden;position:relative;} .breadcrumbs:after {content:'';display:block;width:4em;background-image: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));position: absolute;right: 0;top: 0;bottom: 0;} .breadcrumbs, .breadcrumbs a {color:#004062;} .breadcrumbs a {text-decoration: none !important;} .breadcrumbs span span {display:inline-block;margin: 0 0.5em;} .breadcrumbs span span:first-of-type {margin: 0 0.5em 0 0;} .internal-menu-container {border-bottom: .05em solid #004062; background-color: #FFF;width:100%;position:sticky;top:6em;z-index:2} .admin-bar .internal-menu-container {top:7em;} .single .entry-title {font-size:2.5em;font-weight:500;line-height:1.25em;} .single-body {max-width: 60%;margin: 0 auto;line-height:1.4em;} .bleft .single-body {margin:0;} .single-body.nomargins {padding:0 !important;} .single-body p {margin-bottom:1em;} .single-body ul {list-style-type:disc;padding: 0 0 1em 1em;} .grid-summary {display: flex;justify-content: space-around;column-gap: .2em;text-align:center;margin-bottom:4em !important; list-style-type:none !important;} .grid-summary li p {margin-bottom:0 !important;} .grid-summary li p:nth-of-type(2) {font-weight:600;} .grid-summary li:before {content:"";display:inline-block;width:1.5em;height:1.5em;background-size:contain;background-repeat:no-repeat;} .grid-summary li.duration:before {background-image: url('img/ico-duration.png');} .grid-summary li.coordination:before {background-image: url('img/ico-coordination.png');} .grid-summary li.partners:before {background-image: url('img/ico-partners.png');} .grid-summary li.fundings:before {background-image: url('img/ico-fundings.png');} .event-summary {margin: 0 0 2em;font-size:0.9em;} .grid-items .event-summary {margin: 1em 0 0;} .event-summary p{margin-bottom:0 !important;} .related-webinars .grid-items {grid-template-columns: 1fr 1fr 1fr 1fr;} .related-webinars .grid-items li {border-radius: 0;padding: 0;background-color: transparent;} .related-posts, .related-webinars {margin-top:6em !important;} /* FLEXIBLE CONTENT */ .white {background-color: #FFF;} .blue {background-color: #ACD9F5;} .gray {background-color:#F1EFED;} .green {background-color:#D7DB42;} .orange {background-color: #F29E44;} .transparent {background-color: #FFF;} .strip.transparent {padding-bottom:0;padding-top:0;margin-top:4em;margin-bottom:4em;} .numbers-container {background-color:#ACD9F5;color:#004062;} .numbers-list, .list-items {display:flex;justify-content: space-evenly;column-gap:4%;row-gap:4em;text-align:center;flex-wrap: wrap;list-style-type: none !important;} .list-items .button {margin-top:1em;} .aleft .list-items, .aleft .heading {text-align:left;} .aright .list-items, .aright .heading {text-align:right;} .acenter .list-items {text-align:center;} .embed_container {position: relative;padding-bottom: 56.25%;height: 0;margin-bottom:1em;} .embed_container iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .list-items li li {width:auto;padding: 0;border-radius: 0;list-style-position: outside;margin: 0 0 .3em 1em;width:90% !important;} .numbers-list li {position:relative;padding-top:5em;} .numbers-list h3 {font-weight:600;font-size:5em;line-height:1em;position:absolute;top:0;left:0;right:0;text-align:center;} .numbers-list h3 span {letter-spacing: -.05em; margin-right:.2em;} .numbers-list p {font-weight:500;font-size:1.75em;line-height:1em;margin-top:1em;letter-spacing: -.025em;} .list-items li {padding: 1em;border-radius: 1em;} .twoc .list-items li {width:48%;} .threec .list-items li {width:30.66%;} .fourc .list-items li {width:22%;} .list-items img {max-width:10em;height:auto;display:inline-block;margin-bottom:1em;} .list-items p {margin-bottom:0 !important;} .list-items h3, .feature-box h3 {font-weight:500;font-size:2.2em;line-height:1em;letter-spacing: -.02em;margin-bottom:0.5em;} .feature-box {border-radius: 2em;padding: 2em;display: flex;align-items: center;column-gap:4em;justify-content: space-evenly;margin: 4em 0;} .feature-box p {margin-bottom: 1em;} .feature-box div {max-width:50%;} .feature-box img {max-width:20em;} .scrolloffset {scroll-margin-top: 9em !important;} .feature-box.scrolloffset {scroll-margin-top: 12em;} ul.pattern-items {margin-bottom:0 !important;} ul.pattern-items ul {list-style-type:disc;} ul.pattern-items ul li {display: list-item;padding: 0 0 .5em;list-style-position: outside;} .pattern-items li {display: grid;grid-template-columns: 1fr 1fr;column-gap: 4em;align-items: center;padding: 2em 0;} .pattern-items li img {width:100%;height:auto;} .pattern-items .heading {text-align:left;} .pattern-items a.button {margin-top:1em;} .pattern-items.right li .img-container {order:2;} .pattern-items.alternatea li:nth-of-type(odd) .img-container {order:2;} .pattern-items.alternateb li:nth-of-type(even) .img-container {order:2;} .timeline {background-color: #004062;color: #FFF;text-align:center;} .timeline a {color:#FFF;} .timeline li {display: grid;grid-template-columns: 1fr 1fr;column-gap: 4em;margin:4em 0;} .timeline li .event-date, .timeline li .heading {text-align:right;} .timeline li .event-desc {text-align:left;} .timeline li .heading {position:relative;} .timeline li .heading:after {content:"";background-color: #F29E44;display:block;width:0.3em;height:0.3em;border-radius:100%;position:absolute;right:-.725em;top:50%;margin-top:-0.15em;} .timeline li:nth-of-type(even) .heading:after {left:-.725em; right:auto;} .timeline li:nth-of-type(even) .heading {text-align:left;} .timeline li:nth-of-type(even) .event-date {text-align:left;order:2} .timeline li:nth-of-type(even) .event-desc {text-align:right;order:1} .timeline ul {position:relative;padding-bottom:4em;} .timeline ul:after {content: "";position: absolute;top:0; bottom:0;width:0.02em;background-color: #F29E44;left:50%;margin-left:-0.01em;} .timeline ul:before {content: "";position: absolute; bottom:0;height:4em;width:0;left:50%;margin-left:-5px;border-right: 10px dotted #004062;z-index: 1;} .two-blocks .heading {text-align:left;} .twoblocks-container {display: grid;grid-template-columns: 1fr 2fr;column-gap: 2em;row-gap: 2em;} .two-blocks.bbg {background-color:#004062;} .two-blocks.bbg .twoblock-intro {color:#FFF;} .two-blocks.bbg .twoblocks-container {grid-template-columns: 1fr 1fr;column-gap: 10%;} .two-blocks.bbg ul {list-style-type:none;} .two-blocks.bbg li {background-color:#FFF;border-radius:1em;padding:1em;margin-bottom:1em;} .two-blocks.bbg li:last-child {margin-bottom:0;} .qanda {display:grid;grid-template-columns:1fr 2fr;column-gap: 2em;row-gap: 2em;} .qanda ul {list-style-type:none;} .qanda ul li {padding:1em 0;border-bottom:.05em solid #004062; } .qanda ul li .answer {display:none; padding-top: 1em;} .qanda ul li .question {cursor:pointer;display: grid;grid-template-columns: 1.4em auto;margin-bottom: 0;font-weight:500; } .qanda ul li .question:before {content:""; display:inline-block; width:1em;height:1em; background-image: url('img/arrow.png');background-size:contain;background-repeat:no-repeat;background-position: center; transition: all .3s ease-in-out;} .qanda ul li .question.open:before {transform: rotate(90deg);} /* FEATURED ITEMS */ /* SEARCH FORM */ input.search-field {padding: .5em 1em;border-top-left-radius: 1.5em;border-bottom-left-radius: 1.5em;font-weight: 700;font-size: 0.8em;border-color:#004062;} input.search-submit {padding: .5em 1em;border-top-right-radius: 1.5em;border-bottom-right-radius: 1.5em;font-weight: 700;font-size: 0.8em;border-color: #004062;background-color: #004062;color: #FFF !important;margin-left: -.5em;} /* ARCHIVI */ #grid-container .heading {text-align:left;} .grid-title-container {display:flex;column-gap:1em;} .grid-projects, .grid-webinars {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;column-gap: 2em;row-gap: 2em;margin-top:2em;list-style-type:none !important;} .grid-projects li {border:0.05em solid #5D5D5D; padding:1em 1em 3em;border-radius:1em;position:relative;} .grid-projects li .grid-summary li {border:0; padding:0;border-radius:0;display: flex;column-gap: 0.2em;line-height: 1.5em;white-space: nowrap;font-size: 0.8em;align-items: center;} .grid-projects li h3, .grid-webinars li h3, .grid-media li h3 {font-weight: 500;font-size: 1.75em;margin: .5em 0;line-height: 1.2em;} .grid-projects li .grid-summary {position:absolute;bottom:1em;left:1em;right:1em;margin-bottom:0 !important;} .grid-projects li .grid-summary li p:nth-of-type(1) {display:none;} .grid-projects img, .grid-webinars img, .grid-media img {max-width: 100%;margin: 0 auto;display: block;} .grid-projects a {text-decoration:none !important;color:#000 !important;} .grid-webinars a {text-decoration:none !important;} .grid-media {display: grid;grid-template-columns: 1fr 1fr 1fr;column-gap: 2em;row-gap: 2em;margin-top:2em;list-style-type:none !important;} .blog #grid-container {margin-top:6em;} .grid-posts li img {display:none;margin-bottom:0;} .entry-date {display: block; font-size:0.9em;margin-bottom:1em;} .grid-posts li .events .entry-date, main.events .entry-date {display:none;} .blog .grid-posts li:nth-of-type(1) {grid-column: 1 / span 3;} .blog .grid-posts li:nth-of-type(5), .blog .grid-posts li:nth-of-type(6), .blog .grid-posts li:nth-of-type(7), .blog .grid-posts li:nth-of-type(8) {display:none;} .post-type-archive-webinar .grid-webinars li:nth-of-type(1) {grid-column: 1 / span 4;} .blog .grid-posts li:nth-of-type(1) article, .post-type-archive-webinar .grid-webinars li:nth-of-type(1) article {display: grid;column-gap: 2em;grid-template-columns:1fr 1fr;} .blog .grid-posts li:nth-of-type(1) img, .post-type-archive-webinar .grid-webinars li:nth-of-type(1) img {display:block;} .item-text {display:flex;flex-direction:column;align-items: flex-start;} .blog .grid-posts li:nth-of-type(1) .tag-list, .post-type-archive-webinar .grid-webinars li:nth-of-type(1) .tag-list {order:2;margin-top: 1em;} .blog .grid-posts li:nth-of-type(1) .button, .post-type-archive-webinar .grid-webinars li:nth-of-type(1) .button {order:3;} .post-type-archive-webinar .grid-webinars li:nth-of-type(1) img {order:2;} .category .entry-title {margin:0;} .archive .grid-title-container {margin:4em 0 0;} .viewall-container {margin: 2em 0 0;display: flex;justify-content: center;} .viewall-container .button {color:#004062;border:.1em solid #004062; background-color:transparent;} .viewall-container .button:hover {background-color:transparent;} .category-menu-container {display: flex;justify-content: space-between;align-items: center;} .category-menu-container ul {display:flex; column-gap:1em;list-style-type: none;} .category-menu-container ul li a {color: #004062;text-decoration:none;} .post-type-archive-media .category-menu-container {margin:6em 0 4em;} .navigation ul {display: flex;justify-content: center;column-gap: 1em;margin-top:2em;list-style-type: none;} .navigation li a {display:block;padding: 0 .2em .6em;color:#004062;border-bottom: .2em solid transparent;text-decoration:none;} .navigation li.active a {border-color:#004062;font-weight:700;} .navigation li.next a, .navigation li.prev a{text-indent:-9999px;position:relative;width:1em;height:1em;} .navigation li.next:before, .navigation li.prev:before {font-family: 'Material Icons';font-style: normal;font-weight: 400;content: "\e5e1";position:absolute;color:#004062;} .navigation li.prev:before {content: "\e5e0"} /* RISULTATI DI RICERCA */ /* CONTACT FORM */ .wpforms-container input.wpforms-field-medium, .wpforms-container .wpforms-field-row.wpforms-field-medium {max-width: 100% !important;} button.wpforms-submit {display:inline-block;color:#FFF;padding: 0.75em 1.5em !important; height: auto !important; font-size:0.8em !important;font-weight:700 !important;border-radius:2em !important;background-color:#004062 !important;transition: all .3s ease-in-out !important;text-decoration:none !important;} button.wpforms-submit:hover {background-color:#000 !important;transform: scale(1.125);} .wpforms-submit-container {text-align:center;} /* MEMBER PRESS */ .mepr-account-form, .mepr-checkout-container, .mp_wrapper form {display:grid; grid-template-columns: 1fr 1fr; column-gap: 2em; row-gap:1em;} .mepr_price {grid-column: span 2;} .mepr_price_cell {font-weight:700;} .mp_wrapper {max-width:60%; min-width:700px;margin:0 auto; padding: 0 4%;} .mp_wrapper label {font-size:0.8em !important; line-height:1.4em;} .mp_wrapper input[type=submit] {padding: 0.75em 1.5em !important;font-size: 0.8em !important;font-weight: 700 !important;border:none !important;border-radius: 2em !important;color:#FFF !important;background-color: #004062 !important; transition: all .3s ease-in-out;} .mp_wrapper input[type=submit]:hover {background-color: #000 !important;transform: scale(1.125);} .single-memberpressproduct .entry-title, .single-memberpressgroup .entry-title {font-size:3.5em;letter-spacing: -.025em;line-height:1em;font-weight:700;margin:.5em 0;} .memberpressproduct-template .mp_wrapper {max-width:100%;position: relative;} .memberpressproduct-template .have-coupon-link {position:absolute;top:3em;} .memberpressproduct-template .mp_wrapper .mepr_coupon {position: absolute !important;top: 3em;width: 30% !important;} .memberpressproduct-template .mp_wrapper form {grid-template-columns: 1fr 1fr 1fr;} .memberpressproduct-template .mp_wrapper form .mp-form-row:first-of-type {grid-column-start: 1 !important;} .memberpressproduct-template .mp_wrapper form .mp-form-row:nth-of-type(2n) {grid-column-start: 2;} .memberpressproduct-template .mp_wrapper form .mp-form-row:nth-of-type(2n + 1) {grid-column-start: 3;} .memberpressproduct-template .mp_wrapper form .mp-form-submit {grid-column-start: 2;text-align:center;} .mepr-price-boxes.mepr-2-col {display:grid; grid-template-columns: 1fr 1fr;column-gap: 2em;margin: 4em auto 0; max-width: 60%;} .mepr-price-boxes.mepr-2-col .mepr-price-box {width:100% !important;} select#select_institution {padding: .5em;max-width: 100%;margin: 1em 0;} .mp_wrapper table.mepr-account-table td {padding: .5em !important;border-left: 1px solid #004062 !important;} .mp_wrapper table.mepr-account-table tr {border-color:#004062 !important;} .mp_wrapper fieldset.mepr-payment-methods-wrapper {grid-column: 2 / span 2;} .mp-password-strength-display {width:auto !important;} /* FOOTER */ #footer {background-color:#004062;color:#FFF;padding: 3em 0;} #footer a {color:#FFF;} #footer-content {display: flex;column-gap: 6em;} #footer-menu {width:100%;} #menu-footer-menu {display: flex;justify-content: space-between;} #menu-footer-menu a {font-size:.8em;font-weight:700;} #menu-footer-menu .sub-menu a {font-weight:400;} #footer-logo a {display:block;width:8em; height:3.5em;background-image: url('img/logo-vph-white.svg'); background-repeat:no-repeat; background-size:contain; text-indent: -99999px;} .policy-content {padding-top: 2em;margin-top: 2em;border-top: .05em solid;display: flex;justify-content: space-between;} #menu-policy-menu {display: flex;column-gap: 2em;font-size: .8em;font-weight: 700;} #menu-social-menu {display:flex; column-gap:1em;} #menu-social-menu li {text-indent:-99999px;} #menu-social-menu li a {display:block; width:1em; height:1em;background-repeat:no-repeat;background-size:contain;background-position: center;} #menu-social-menu li.facebook a {background-image: url("img/ico-facebook.png");} #menu-social-menu li.instagram a {background-image: url("img/ico-instagram.png");} #menu-social-menu li.linkedin a {background-image: url("img/ico-linkedin.png");} #menu-social-menu li.x a {background-image: url("img/ico-x.png");} #menu-social-menu li.youtube a {background-image: url("img/ico-youtube.png");} /* HAMBURGER */ .hamburger-container {position: absolute;top: 1.5em;right: 1em;display:none;align-items: center;z-index:1;} .hamburger {font-size:2em;width:1em;height:1em;padding:0;cursor:pointer;transition:transform .2s ease-in-out;vertical-align: middle;border:0 none;background:transparent;} /* Button height fix for Firefox */ .hamburger::-moz-focus-inner {padding: 0;border: 0 none;} /* Focus fix for Chrome */ .hamburger:focus {outline: 0;} .hamburger:before,.hamburger:after {content: "";} .hamburger:before, .hamburger .icon,.hamburger:after {display: block;width: 100%;height: .07em;margin: 0 0 .33333em;transition: transform .2s ease-in-out;border-radius: .05em;background: #004062;} /* Styles for the active `.hamburger` icon */ .hamburger.active:before,.hamburger.active .icon,.hamburger.active:after {} /* Chiudi */ .hamburger.hamburger-cancel.active .icon {transform: scale(0);} .hamburger.hamburger-cancel.active:before {transform: translateY(.4em) rotate(135deg);} .hamburger.hamburger-cancel.active:after {transform: translateY(-.4em) rotate(-135deg);} /* SCHERMI GRANDI */ @media only screen and (min-width: 2400px) { body {font-size: 26px;} } /* SCHERMI PICCOLI */ @media only screen and (max-width: 1600px) { body {font-size: 18px;} } /* SMARTPHONE E TABLET VERTICALE */ @media only screen and (max-width : 768px) { body {font-size: 18px;} #wrapper {padding-top:5em;} .insider {max-width:100%;padding: 1em;} .strip {padding-top: 2em;padding-bottom: 2em;} .heading, .entry-title {font-size: 2.2em !important;} .admin-bar #header-container {top: 46px;} .hamburger-container {display:block;} #header-content {align-items: flex-start;flex-direction: column;} #toggle-menu {width: 100vw; margin: 0 -1em -1em;} #toggle-menu-content {height: calc(100dvh - 4em);display: flex;flex-direction: column;align-content: space-between;justify-content: space-between;align-content: stretch;align-items: anchor-center;text-align: center;margin: 0 auto;padding-top: 5em;} #user-account:before {margin-right: .5em;color:#004062} .admin-bar #toggle-menu-content {margin-top:-46px;} .admin-bar .internal-menu-container {top:6em;} .internal-menu-container {top:5em;} #toggle-menu-content #tools-content ul {display: flex;justify-content: space-between;} #toggle-menu-content #tools-content a {color:#FFF;} #toggle-menu, #tools-content, #header-content #menu, #header-content .button {display:none;} #header-content #toggle-menu .button {display:block;} #toggle-menu #tools-content {display:block;background-color:#004062;} #site-title {z-index:1;} #menumobile a {display:block; padding: .5em;} #menu-main-menu a::after, #menu-main-menu a::before, .internal-menu-items a::after, .internal-menu-items a::before {height:.3em;} .internal-menu-items {flex-wrap: wrap;} .breadcrumbs {margin-top: 4em;} .page-hero {grid-template-columns: 100%;row-gap:2em;} .page-hero img {max-width: 100%;} .big-hero {grid-template-columns: 1fr;row-gap: 4em;} .big-hero h2 {font-size: 2.75em;} .highlight-hero {padding:2em;} .list-items h3, .feature-box h3 {font-size: 1.5em;} .highlight-hero p {font-size: 1.25em;} .feature-box {margin: 2em 0;flex-direction:column-reverse;row-gap: 2em;} .feature-box div, .feature-box img {max-width: 100%;} .twoblocks-container {grid-template-columns: 1fr;row-gap: 1em;} .twoblocks-container ul {padding-left:1em;} .threec .list-items li, .twoc .list-items li {width: 100%;} .numbers-list, .list-items {row-gap:1em;} .qanda {grid-template-columns: 1fr;row-gap: 0em;} .entry-content h1, .entry-content h2, .single-body h1, .single-body h2 {font-size: 2.2em} .single-body {max-width: 100%;padding:1em;} .pattern-items li {grid-template-columns: 1fr;row-gap: 2em;} .grid-items {grid-template-columns: 1fr;margin-top: 2em;row-gap: 1em;} .grid-items.cta-grid li h3 {font-size: 1.75em;} .fourc .list-items li, .threec .list-items li, .twoc .list-items li {width: 100%;} .list-items img {max-width: 100%;} .numbers-list h3 {font-size: 2.5em;} .numbers-list li {padding-top: 1.5em;} .blog #grid-container {margin-top: 2em;} .blog .grid-posts li:nth-of-type(1) {grid-column: 1;} .blog .grid-posts li:nth-of-type(1) article, .post-type-archive-webinar .grid-webinars li:nth-of-type(1) article {grid-template-columns: 1fr;} .blog .grid-posts li:nth-of-type(1) img, .post-type-archive-webinar .grid-webinars li:nth-of-type(1) img {order: -1;} .archive .grid-title-container {margin: 0;} .grid-projects, .grid-webinars {grid-template-columns: 100%;row-gap: 4em;} .blog .grid-posts li:nth-of-type(1) .tag-list, .post-type-archive-webinar .grid-webinars li:nth-of-type(1) .tag-list {order: 0;margin-top: 0;} .post-type-archive-webinar .grid-webinars li:nth-of-type(1) {grid-column: 1 / span 1;} .grid-projects li {padding-bottom:8em;} .grid-projects li p {display:none;} .grid-projects li .grid-summary p {display:block;} .grid-summary {flex-direction:column;row-gap:1em;} .grid-items.cta-grid li {padding: 1em;border-radius:1em;} .category-menu-container {flex-direction: column-reverse;row-gap: 2em;margin-top: 1em;} .category-menu-container ul {flex-wrap: wrap;justify-content: center;row-gap: 1em;} #partners .list-items li, #supporting-members .list-items li, #ordinary-members .list-items li {width:46% !important;} #footer-content {flex-direction: column;} #footer-logo a {width: 100%;height: 10em;} #menu-footer-menu {display: grid;grid-template-columns: 1fr 1fr;row-gap: 2em;} .policy-content {flex-direction: column;} #menu-policy-menu {flex-direction: column;text-align: center;row-gap: 0.5em;} #menu-social-menu {justify-content: space-around; margin-top: 2em;} #menu-social-menu li a {width: 1.5em;height: 1.5em;} .mp_wrapper {max-width:100%; min-width:100px;padding: 0 1em;} .mepr-account-form, .mepr-checkout-container, .mp_wrapper form {display: block; margin-top: 2em;} .timeline li {grid-template-columns: 1fr 2fr;column-gap: 2em;margin: 2em 0;padding: 2em 0;} .timeline ul:after {left: 33%;margin-left: 0.25em;} .timeline ul:before {left: 33%;} .timeline li:nth-of-type(even) .event-date {text-align: right;order: 1;} .timeline li:nth-of-type(even) .event-desc {text-align: left;order: 2;} .timeline li:nth-of-type(even) .heading {text-align: right;} .timeline li:nth-of-type(even) .heading:after {left: auto;right: -.725em;} .timeline li .heading {font-size: 1.5em !important;} }