/* Theme Name: unifrutti Theme URI: https://www.unifruttigroup.com Author: Youtool Author URI: https://youtool.it Version: 2021 Text Domain: unifrutti unifrutti WordPress Theme © 2011-2021 Youtool */ 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}ol,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:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}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: 'FontAwesome'; src: url('font/fa-brands-400.eot'); src: url('font/fa-brands-400.woff2') format('woff2'), url('font/fa-brands-400.woff') format('woff'), url('font/fa-brands-400.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FontAwesomeIcons'; src: url('font/fa-solid-900.eot'); src: url('font/fa-solid-900.woff2') format('woff2'), url('font/fa-solid-900.woff') format('woff'), url('font/fa-solid-900.ttf') format('truetype'); font-weight: normal; font-style: normal; } body {font-family:'Poppins',sans-serif;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;font-size:1rem;font-weight:300;color:#000;background-color:#FFF;overflow-x: hidden;} a {text-decoration:none;color:#000;} b, strong {font-weight: bold} em, i {font-style: italic} .entry-title {font-size:5rem;margin-bottom: 5vh;line-height: 1em;} .abstract {font-size:1.3rem;line-height:1.25em;} .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {margin:1em 0;font-weight: 600;} .entry-content h1 {font-size:2.0rem;} .entry-content h2 {font-size:1.8rem;} .entry-content h3 {font-size:1.6rem;} .entry-content h4 {font-size:1.4rem;} .entry-content h5 {font-size:1.2rem;} .entry-content h6 {font-size:1.0rem;} .entry-content a {color:#EA0029;} .entry-content a:hover {text-decoration:underline;} .entry-content ul, #slideshow ul, .tablepress ul {list-style:disc;margin-bottom: 1em;padding-left: 40px;} .entry-content ol {list-style:decimal;margin-bottom: 1em;padding-left: 40px;} .entry-content blockquote {margin: 1em;font-size: 2.5rem;line-height: 1em;transform: translateX(10%);} .tablepress {position:relative;margin-bottom: 0 !important;} .tablepress caption {position: absolute;font-weight: 600;padding: 10px;} .tablepress td, .tablepress th {padding:20px !important;border-left: 0 !important;} /* TESTATA */ #header-container {height: 80px;} #header {height: 80px;width: 100%;border-bottom:1px solid #000;z-index: 1000;} .fixed #header {position:fixed;animation: reveal 0.5s;background-color: white;} @keyframes reveal { 0% {transform: translateY(-80px)} 100% {transform: translateY(0px)} } #header-content {display: flex;justify-content: space-between;height: 80px;align-items: center;position: relative;} .site-title {float: left;width:12vw;} .site-title a {display:inline-block;width:135px; height:45px;background-image: url('img/unifrutti-logo.png'); background-repeat:no-repeat; background-size:contain; text-indent: -99999px;background-position: center;} #site-description {display:none;} #footer .site-title a {background-image: url('img/unifrutti-pittogramma.png');width:100px;height: 140px;display: block;} #footer .site-title {font-size:0.9rem;line-height:1.8em;} #footer .site-title a {margin-bottom:3vh;} .home #header.static .site-title a {opacity:0;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;} .home .open #header.static .site-title a {opacity:1.0;} .home #header.static #menu {/* transform:translateY(80px);*/} .hamburger {display:none;} /* MENU */ #toggle-menu {} #toggle-menu li {display:inline-block;display: inline-block;border-left: 1px solid transparent;border-right: 1px solid transparent;} #toggle-menu li.menu-item-has-children.selected a {border-left: 1px solid #000;border-right: 1px solid #000;} #toggle-menu li.selected .sub-menu a {border:none;} #toggle-menu li a, #select-network {display: inline-block;font-size:1rem;line-height:80px;font-weight:600;padding:0 0.8vw;border-left: 1px solid transparent;border-right: 1px solid transparent;} #toggle-menu li a, #select-network.selected {cursor:pointer;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;} #select-network {position:relative;cursor:pointer;} #select-network:before {content:"\e894";display:block;font-family: 'Material Icons';font-size:20px;position:absolute;top:30px;left:-20px;font-weight: normal;line-height: 1em;} #select-network:after {content:"\e5cf";display:block;font-family: 'Material Icons';font-size:20px;position:absolute;top:30px;right:-20px;font-weight: normal;line-height: 1em;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;} #select-network.selected:after {transform:rotate(180deg);} #menu-network-menu {display:none;padding:20px;background-color:#FFF;text-align:left;position:absolute;top:80px;z-index:1;right:0;-webkit-box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 20%);-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 20%);} #menu-network-menu.selected {display:block;} #menu-network-menu li a {position:relative;padding:15px 0 15px 50px;} #menu-network-menu li a span {display:none;} #menu-network-menu li a:before, #network-list .menu li a:before {content:'';display:block;position:absolute;top:10px;left:0;height:24px;width:32px;background-image: url('img/flags/globe.png');background-repeat:no-repeat;background-size:contain;background-position:center;-webkit-box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 20%);-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 20%);} #network-list .menu li a:before {top:0px;height:48px;width:64px;} #menu-network-menu li.chile a:before, #network-list .menu li.chile a:before {background-image: url('img/flags/chile.png');} #menu-network-menu li.china a:before, #network-list .menu li.china a:before {background-image: url('img/flags/china.png');} #menu-network-menu li.europe a:before, #network-list .menu li.europe a:before {background-image: url('img/flags/europe.png');} #menu-network-menu li.italy a:before, #network-list .menu li.italy a:before {background-image: url('img/flags/italy.png');} #menu-network-menu li.uae a:before, #network-list .menu li.uae a:before {background-image: url('img/flags/uae.png');} #menu-network-menu li.turkey a:before, #network-list .menu li.turkey a:before {background-image: url('img/flags/turkey.png');} #menu-network-menu li.japan a:before, #network-list .menu li.japan a:before {background-image: url('img/flags/japan.png');} #menu-network-menu li.south-africa a:before, #network-list .menu li.south-africa a:before {background-image: url('img/flags/south-africa.png');} #toggle-menu li a:hover, #toggle-menu li.current_page_item a, #toggle-menu li.current-menu-ancestor a, .single-people #toggle-menu li.corporate a, .single-post #toggle-menu li.news a{color:#EA0029 !important;} #toggle-menu .insider {height: 100%;display:flex;align-items: center;} #toggle-menu .sub-menu {display:none;position: absolute;z-index: 1000;top: 80px;left: 50%;max-width: 2500px;width: 100%;transform: translate(-50%,-1px);border:1px solid #000;grid-template-columns: 1fr 1fr 1fr 1fr;background-color:#FFF;} #toggle-menu li.selected .sub-menu {display:grid;} #toggle-menu .sub-menu li {border-right: 1px solid #000;border-bottom: 1px solid #000;display: flex;justify-content: space-between;position: relative;margin: 0 -1px -1px 0;height: 100%;overflow: hidden;} #toggle-menu .sub-menu li:nth-child(4) {border-right:none;} #toggle-menu .sub-menu li a{font-size:1.3rem;text-transform:uppercase;color:#000 !important;padding: 2.5vw;line-height: 1.2em;width: 100%;margin: 1px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;} #toggle-menu .sub-menu li a:hover{background-color: #fce8e6;color:#EA0029 !important;} #toggle-menu .sub-menu li span {width:60%;padding:0;display: block;} #toggle-menu .sub-menu li span.menu-image-title {font-weight: 700;font-size: 1.5rem;} #toggle-menu .sub-menu li img {position: absolute;left: 66%;top: 5vw;height: 20vh;} #toggle-menu .sub-menu li a .menu-item-description {font-size:1rem;display:block;margin-top:1em;text-transform: none;font-weight: 300;} #toggle-menu li.menu-item-has-children.selected a:before {content:'\e5cd';display: block;font-family: 'Material Icons';font-size: 1rem;color: #000;position: absolute;bottom: 0px;right:2.5vw;} #toggle-menu li.menu-item-has-children.selected .sub-menu a:before {display:none;} #toggle-network a {font-size:1rem;line-height:1em;padding:12px 16px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;display: block;} #toggle-network a:hover {color:#EA0029;} #toggle-network-container {width: 12.5vw;text-align: right;} #toggle-network.fixed {position: fixed;bottom: 80px;left: 0;right: 0;background-color: #FFF;z-index: 1001;border-top: 1px solid;text-align: left;} #toggle-network.fixed #select-network {margin-left:3.5vw;border-right:1px solid #000;padding-right: 2.5vw;} #toggle-network.fixed #select-network:after {display:none;} .colophon.fixed {position: fixed;bottom: 0;width:100%;border-top: 1px solid#000;z-index: 10;} .colophon.fixed .social-links {background: #FFF;color: #000;border-right: 1px solid #000;} .colophon.fixed .social-links a {filter: invert(1);} #toggle-network.fixed #menu-network-menu {display: block;top: 0;box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow:none;left: 12vw;background: transparent;line-height: 80px;padding: 0 0.8vw;} #toggle-network.fixed #menu-network-menu li {display: inline-block;} #toggle-network.fixed #menu-network-menu li a:before {display: none;} #header .about, #footer .news, #footer .press, #footer .contacts {display:none;} #header-container.open {position: fixed;width: 100vw;height: 100vh;background-color: #FFF;z-index: 9;} /* HERO BANNER */ .hero {position:relative;box-sizing:border-box;} .hero-insider {height: 100%;padding: 10vh 7vw 0;} .home .hero {position: relative;display: flex;align-content: center;justify-content: space-between;padding: 0;overflow-x: hidden;} .home .hero .content {padding: 0 0 20vh 5vw;display: flex;flex-direction: column;justify-content: space-between;} .herobkg {background-repeat: no-repeat;background-size: cover;position: absolute;top: 10vh;right: 0;bottom: 10vh;left: 50%;z-index: -1;} #homeslideshow {position: absolute;top: 10vh;right: 0;bottom: 10vh;left: 50%;} #homeslideshow div {background-repeat: no-repeat;background-size: cover;background-position: center center;height: 100%;} #homeslideshow .slick-prev::after {font-size: 4rem;color:#FFF;text-shadow: -3px -3px 3px rgb(0 0 0 / 20%);} #homeslideshow .slick-next::after {font-size: 4rem;color:#FFF;text-shadow: 3px 3px 3px rgb(0 0 0 / 20%);} #homeslideshow .slick-prev {left:auto; right:10rem;bottom:5vh;width:5rem;} #homeslideshow .slick-next {right:2rem;bottom:5vh;width:5rem;} .home .hero .abstract {} .home .hero .linkarrow {position:absolute;top:5vh;left:5vw;right:50vw;bottom:10vh;} .home .hero .linkarrow span {display: block;position: absolute;border-bottom: 2px solid transparent;padding-bottom: 4px;bottom: 0;color: #EA0029;font-weight: 600;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;} .home .hero .linkarrow:hover span {border-color: #EA0029;} .home .hero .linkarrow:before {content:'\e941';display:none;font-family: 'Material Icons';font-size: 5rem;color:#EA0029;position:absolute;bottom:0;left:0;font-weight: normal;line-height: 1em;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;} .home .hero .linkarrow:hover:before {transform:translateX(20px);} .herocontent {width: 50%;padding-right:7vw;} .home-logo {width:30%;max-width:100px;height:auto;margin:10vh 0 5vh;} /* HIGHLIGHT BANNER */ .highlightbanner {height:70vh;max-height:640px;color:#FFF;position:relative;max-width: 100%;margin: 0 auto;} .highlightbanner .insider{padding:3vw;} .highlightbanner .bannerkicker {font-weight:700;text-transform:uppercase;margin-bottom:7vh;font-size:1.5rem;} .highlightbanner .bannerbg {height:100%;width:100%;background-repeat:no-repeat;background-size:cover;background-position:center;position: absolute;z-index: -1;} .indepthbanner {height:50vh;max-height:480px;max-width: 100%;margin: 0 auto;color:#FFF;display: flex;justify-content: space-between;position:relative;} .indepthbanner .bannerbg {height:100%;width:66.666%;background-repeat:no-repeat;background-size:cover;background-position:center;z-index: -1;} .indepthbanner h3{text-transform:uppercase;font-size:2.5rem;} .indepthbanner .content {display: flex;flex-direction:column;justify-content: space-between;background-color:#1A428A;padding:3vw;width:33.333%;position:relative;} .indepthabstract {padding-bottom: 50px;line-height:1.5em;} .indepthabstract a, .highlightbanner a {position: absolute;width:100%;height:100%;top: 0;left:0;font-size:1rem;color: #EA0029;font-weight: 600;} .indepthabstract a span, .highlightbanner a span {position: absolute;bottom: 3vw;left:3vw;border-bottom: 2px solid transparent;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;} .indepthabstract a:hover span, .highlightbanner a:hover span {border-bottom: 2px solid #EA0029;} /* BLOCKS */ .blocksrow {display:grid;grid-template-columns: 1fr 1fr 1fr;height: 50vh;max-height: 900px;border: 1px solid #000;} .blockitem {padding:3vw;border-right: 1px solid #000;border-bottom: 1px solid #000;font-size:1.3rem;display: flex;justify-content: space-between;position:relative;margin:0 -2px -1px 0;} .blockitem .content {width:50%;} .blockitem h3 {text-transform:uppercase;font-weight:700;margin-bottom:1em;} .blockitem a {position: absolute;top: 50px;left: 50px;right: 50px;bottom: 50px;font-size:1rem;color:#EA0029;font-weight:600;} .blockitem a span {position: absolute;bottom:0;display: inline-block;border-bottom:2px solid transparent; padding-bottom:4px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;} .blockitem a:hover span {border-color: #EA0029;} .blockimg {background-repeat: no-repeat;background-size: cover;background-position: center;position: absolute;top: 10vh;right: 0; bottom: 10vh;left: 60%;} /* CONTENITORI */ #wrapper {} #container {clear:both;} .insider {max-width: 2500px;margin: 0 auto;padding-left:2.5vw;padding-right:2.5vw;} .outsider {max-width: 100%;margin: 0 auto;} .highlight-stripe {background-color:#EA0029; color:#FFF;padding:7vh 0;font-weight:100;text-transform:uppercase;font-size: 6.25rem;white-space: nowrap;text-align: center;max-width: 100%;margin: 0 auto;} .highlight-stripe strong {font-weight:900;} .side {border-left:20px solid #F1F1F1;display: flex;flex-direction: column;align-items: flex-end;justify-content: flex-end;padding: 100px 0 100px 50px;} /* LOOPS */ .posts-list {display:grid;grid-template-columns: 1fr 1fr 1fr;border: 1px solid #000;} .home .posts-list {border-bottom: none;} .single-post .posts-list {margin-bottom:-1px;} .posts-list .block {padding:2.5vw;border-right: 1px solid #000;border-bottom: 1px solid #000;font-size:1rem;position:relative;margin:0 -2px -1px 0;height: 50vh;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;} .posts-list .block:hover {background-color: rgba(25, 67, 136,0.1);} .posts-list .block:hover, .posts-list .block:hover .post-kicker span, .posts-list .block:hover .post-kicker a {color:#1A428A;} .posts-list .block:hover a span {color:#1A428A;border-color:#1A428A;} .posts-list .block h3 {font-weight:600;margin:1.5em 0 1em;font-size:2rem;letter-spacing: -1px;} .posts-list .post-kicker {font-size:0.9rem;text-transform: uppercase;font-weight: 700;position: absolute;z-index: 3;} .posts-list .post-kicker a{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;} .posts-list .post-kicker span {color:#999;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;} .posts-list a.button {position: absolute;top: 0;bottom: 0;left: 0;right: 0;padding: 3vw;z-index:2; } .posts-list a span {color:#EA0029;font-weight:700;position: absolute;bottom: 50px;border-bottom: 2px solid transparent;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;} .posts-list .post-image {top:50%; bottom:50px;z-index:-1;border: none;} /* PAGINE E ARTICOLI */ .entry-content {padding: 10vh 0 3.5vh;max-width: 1000px;line-height:1.5em;} .entry-content p {margin-bottom:1em;} .single-post .entry-content img {-webkit-box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 20%);-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 20%);margin: 20px 0;width: auto;max-width: 100%;height: auto;} .entry-container {display: flex;justify-content: space-around;align-items: flex-start;padding-right: 0;} .entry-container .sidebar {float: right;width: 15%;position: -webkit-sticky;position: sticky;top: 80px;padding:10vh 2vw 2vh 0;z-index: 2;line-height: 1.2em;} .admin-bar .entry-container .sidebar {top:112px;} .single-post .entry-container .sidebar {width:128px;padding: 0;top: 81px;} .single-post .entry-container .content {padding: 0;width: 100%;} .post-header {background-color:#EA0029;padding:5vh 5vw 5vh 5vw;justify-content: space-between;display: flex;flex-flow: column wrap;flex-direction: column;min-height: 508px;position: relative;border-bottom: 1px solid #000;} .post-header .post-kicker {font-weight:700;text-transform:uppercase;} .post-header .post-kicker a {color:#FFF;} .post-header h1 {font-size:3.75rem;font-weight:600;line-height:1em;width:50%;} .post-image {position: absolute;top: 0;right:0;bottom: 0;left: 60%;background-repeat:no-repeat;background-size:cover;background-position:center;border-left: 1px solid #000;} .post-image img {display:none;} .single-post .entry-container .content .entry-content{padding: 5vh 0 5vh 5vw;max-width: 1000px;} .sidebar .heateorSssSharing, .heateorSssSharingButton {margin: 0;display:flex;justify-content: center;border: 1px solid #000 !important;margin-right: -1px !important;margin-bottom: -1px !important; } .heateor_sss_horizontal_sharing .heateorSssSharing {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;} .heateor_sss_horizontal_sharing .heateorSssSharing:hover {background-color:#fce8e6;color:#EA0029} .sidebar .heateorSssSharingSvg {width: 40px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;} .sidebar .heateorSssSharing:hover .heateorSssSharingSvg {filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);} .sidebar .heateor_sss_sharing_container {margin-top: -2px;} .sidebar .heateor_sss_svg {display: flex !important;justify-items: center;vertical-align: middle !important;align-content: center;align-items: center;} .sidebar .heateor_sss_svg svg {height:40px !important; width:40px !important;margin: 0 auto;} div.heateor_sss_follow_ul a, div.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a {border-bottom: 1px solid #000 !important;margin: 0 !important;} .entry-container .content {float: left;width: 85%;line-height: 1.5em;border-left: 1px solid;position:relative;border-right: 1px solid;margin-right: -2px;} .page-template-default .entry-container .content {padding:10vh 7vw;} .page-template-template-map .entry-container .content {padding-bottom:0;} .sidebar span {padding: 0 !important;;} .sidebar .menu li a, .sidebar .menu img, .sidebar .menu .menu-item-description {display:none;padding:1vh 0;} .sidebar .menu li.current-menu-item,.sidebar .menu li.current-menu-item .sub-menu li,.sidebar .menu li.current-menu-ancestor, .sidebar .menu li.current_page_item,.sidebar .menu li.current-menu-ancestor .sub-menu li a, .single-people .sidebar .menu li.corporate, .single-people .sidebar .menu li.corporate .sub-menu li a {display:block;text-transform:uppercase;} .page-template-template-timeline .sidebar.inverted li.menu-item-1711 .sub-menu a, .page-template-template-timeline-2 .sidebar.inverted li.menu-item-1711 .sub-menu a {display:block;color:#000;text-transform:uppercase;} .sidebar .menu li.current-menu-item a, .single-people .sidebar .menu li.people a, .page-template-template-timeline-2 .sidebar .menu li.current-menu-item a.mPS2id-highlight {font-weight:700;} .page-template-template-timeline-2 .sidebar .menu li.current-menu-item a {font-weight: 300;} .page-template-template-timeline-2 .sidebar .menu li.current-menu-item a::before {display:none;} .page-template-template-timeline-2 .sidebar .menu li.current-menu-item a.mPS2id-highlight::before {display:block;} .sidebar .menu li.current-menu-item a::before, .single-people .sidebar .menu li.people a::before, .page-template-template-timeline-2 .sidebar .menu li.current-menu-item a.mPS2id-highlight::before {content:'';display:block;width:20px;border-top:1px solid #000;transform: translate(-30px, 10px);} .video-container {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;width:100%;margin-bottom:40px;} .video-container iframe, .video-container object, .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height:100%;} .wp-caption-text {font-style: italic;font-size: 0.9rem;margin-bottom: 2em !important;} .entry-content .tablepress {margin: 5vh 0 5vh -7vw!important;} .entry-content .tablepress td {background:#FFF !important; border:1px solid #000 !important;line-height: 1rem;} .entry-content .tablepress td h3 {font-size:4.5rem; color:#EA0029; margin-bottom:0; } .entry-content .tablepress td h3 span, .tablepress td h3 span {font-size:2.25rem;} .page-template-template-slider .entry-content {padding-left:7vw;} /* PEOPLE LIST */ .page-template-template-people .entry-container {padding-right:0;} .page-template-template-people .entry-container .content {padding:0;} .page-template-template-people .entry-container .content header {padding: 10vh 7vw 5vh 7vw;} .firstpeoplelist, .secondpeoplelist{background-color: #EA0029;padding: 4vh;border-top: 1px solid #000;border-bottom: 1px solid #000;color: #FFF;text-transform: uppercase;font-size: 2.5rem;} .secondpeoplelist{background-color: #1A428A;} .first-list-featured-profiles {display: grid;grid-template-columns: 50% 50%;} .team-item-container {height:0;padding-bottom:50%;} .team-item {position:relative;border-right: 1px solid #000;border-bottom: 1px solid #000;margin:0 -1px -1px 0;height:0;padding-bottom:50%;cursor:pointer;} .team-item.selected {position:fixed;top:0;left:0;right:0;bottom:0;z-index:2;background:#FFF;height: 100vh !important;} .team-item.selected .profile {display:block;width: 50%;padding: 1em 5vw;} .team-item.selected .portrait-container {left:50%;right:0;} .team-item.selected .portrait-container::before {display:none;} .team-item.selected .people-entry {color:#000;position:relative;left:0;padding: 20vh 5vw 2em;width: 50%;margin: 0;} .team-item .profile, .team-item a {display:none;} .first-list-featured-profiles .portrait-container {background-repeat:no-repeat;background-size:cover;background-position:center;position: absolute;top: 0;left:0;right:0;bottom:0;z-index: -1;} .first-list-featured-profiles .portrait-container img, .list-profiles .portrait-container img {display:none;} .first-list-featured-profiles .portrait-container::before {content:"";display:block;width:100%;height:100%;background: linear-gradient(200deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;} .first-list-featured-profiles .team-item:hover .portrait-container::before {background:linear-gradient(225deg, rgba(234,0,41,0.5) 0%, rgba(0,0,0,0.5) 100%);} .first-list-featured-profiles .people-entry {color:#FFF;position: absolute;padding: 2vw;bottom:0;} .first-list-featured-profiles h2 {font-weight:600;font-size: 2.5rem;line-height: 1.0em;} .list-profiles {display: grid;grid-template-columns: 33.3333%;} .list-profiles .portrait-container {background-repeat:no-repeat;background-size:cover;background-position:center;position: absolute;top: 0;left:0;right:50%;bottom:0;z-index: -1;} .list-profiles .team-item, .list-profiles .team-item-container {height:0;padding-bottom:45%;} .list-profiles .people-entry {position: absolute;left: 50%;bottom: 0;padding: 1vw;} .list-profiles h2 {font-weight:600;font-size:1.3rem;line-height: 0.9em;} .list-profiles company {font-size:0.9rem;} /* SINGLE PEOPLE */ .single-people .entry-title {font-size:2rem;font-weight:600;margin-bottom:0;} .single-people .role {font-size:1.3rem;} .single-people .entry-content {padding: 60px 0 30px;width: 50%;min-height:500px;} .single-people .portrait-container {position: absolute;top: 0;width:50%;bottom: 0;max-height: 800px;left: 60%;background-repeat:no-repeat;background-size:cover;background-position:center;} .single-people .portrait-container img {display:none;} /* COMPANY OVERVIEW */ .intro-container {position:relative;} .main-bg-container {position: absolute;top: 0;width:50%;bottom: 0;max-height: 1000px;left: 50%;background-repeat:no-repeat;background-size:cover;background-position:center;} .main-bg-container img {display:none;} .fhb {background-color: #EA0029;color: #FFF;padding: 4vw;font-size:1.3rem;position: relative;} .fhb p{margin-bottom:1em;} .fhb h2, .fhb h3 {font-weight:700;font-size:6.25rem;margin-bottom:0.5em;} .entry-container .content.blocks {padding:0;border-right:1px solid #000;} /* COMPANY OVERVIEW 1 .entry-container .content.blocks header {padding-left:5vw;padding-top:10vh;} */ .entry-container .content.blocks .entry-content {padding-left:5vw;} .company-intro {width: 40%;} .shb-container {display: grid;grid-template-columns: 66% 34%;border-top:1px solid #000;} .shb {padding: 1.5vw;border-right: 1px solid #000;font-size:2.75rem;line-height: 1em;position:relative;} .shb strong {color: #EA0029;font-size:0.5em;margin-bottom:0.5em;} .shbbg {position:absolute;top:66.666%;bottom:0;left:0;width:100%;margin-top: 4px;border-top:1px solid #000;background-repeat:no-repeat;background-size:cover;background-position:center;} .shb-numbers div {border-bottom:1px solid #000;margin-bottom:-1px;padding:40px;} .shb-numbers div h3 {font-weight:700;font-size:4rem;color: #EA0029;line-height:1em;} .fhb h3 span, .shb-numbers div h3 span {font-size:0.5em;} .thb {display: grid;grid-template-columns: 50% 50%;border-top: 1px solid #000;border-bottom: 1px solid #000;} .thb div {padding:40px;} .thb div:first-of-type {font-size:1.3rem;line-height:1.2em; border-right: 1px solid #000;} .thb div:first-of-type h3 {font-weight:700;color: #EA0029;font-size:6.25rem;line-height: 1em;} .thb div:first-of-type h3 span {font-size:0.5em;} .thb div:nth-of-type(2) {background:#1A428A;color:#FFF;font-size:2.75rem;line-height:1.2em;} .thb div:nth-of-type(2) strong {font-size:0.5em;line-height:1.2em;} #network-list-head {background-color:#000;color:#FFF;text-transform:uppercase;padding:30px 30px 30px 76px;font-size:2.5rem;position:relative;margin-bottom: -1px;} #network-list-head:before {content: "\e894";display: block;font-family: 'Material Icons';font-size:2rem;font-weight:normal;position: absolute;top: 26px;left: 20px;line-height: 1em;} #network-list .menu {display: grid;grid-template-columns: 33.33% 33.33% 33.33%;} #network-list .menu li {padding:20px;border-right:1px solid #000;border-bottom:1px solid #000;margin-right:-1px;margin-bottom:-1px;} #network-list .menu li a {position:relative;display:block;min-height:48px;padding-left:80px; font-size:1.3rem;font-weight: 600;} #network-list .menu li a span {font-size: 0.9rem;font-weight: normal;display: block;} /* COMPANY OVERVIEW 2 */ .page-template-template-company-2 .two-column-table {width:50%;float:left;} .page-template-template-company-2 .two-column-table td a {font-weight:600;text-decoration:underline;color:#EA0029;} .page-template-template-company-2 .second-table {margin-bottom: -231px;background-color: white;margin-left:-1px;} .page-template-template-company-2 .second-table table {z-index: 2;} .page-template-template-company-2 .second-table table td {height:230px;vertical-align:middle;background-color: white;} .page-template-template-company-2 .second-table table .row-1 td {padding:0 !important; height:auto;} .page-template-template-company-2 .second-table table td:first-child img {width:100%;height:auto;vertical-align:bottom;} .page-template-template-company-2 #network-list {clear:both;} .locations-map {clear: both;position: relative;height: 0;padding-bottom: 60%;} .locations-map:before {content:""; display:block; background-image: url(img/globe2-bg.png);background-repeat: no-repeat;background-position: center bottom;background-size: cover;position: absolute;top: 0; bottom: 0; right: 0; left: 0; background-color: #F8F8F8; z-index: -1;} .locations-map .marker {cursor:pointer;background-color: #000;} .locations-map .marker:after{content: "";display: block;width: 31px;height: 31px;border-radius: 50%;background-color: #000;border: 10px solid #EA0029;position: absolute;margin-top: -10px;margin-left: -10px;} .locations-map .marker:hover:before {content:"";display:block;height: 20px;position: absolute;width: 1px;border-left: 1px solid;margin: -20px 0 0 5px;} .locations-map .marker:hover:after {-webkit-animation: blink-animation 1s steps(25, start) infinite;} .locations-map .marker h4 {display:none; z-index: 2; position: absolute; transform: translate(-50%, -60px); left: 5px; white-space: nowrap; background: #FFF; padding: 10px; font-weight:600; max-height: 40px; align-items: center;font-size: 0.8em; -webkit-box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 10%);-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 10%);} .locations-map .marker:hover h4 {display:flex;} .locations-intro {position: absolute;left: 25%;top: 10vh;max-width:500px;z-index:2;} .locations-intro h3 {font-size:5em;margin-bottom:1em;} .locations-intro p {margin-bottom:1em;} .locations-intro a {font-weight:bold;text-decoration:underline;color:#EA0029;} .locations-map-container {clear: both;position: relative;left: -21%;width: 121%;border-top: 1px solid;} .locations-map-container:before {content:"";display:block;height: 12vh; width: 100%;background-color: #f8f8f8;z-index: -1;position: relative;} #tablepress-17 .row-1 td {background-color:#EA0029;color:#FFF;} #tablepress-17 .row-2 td {padding: 5vw !important;border-left: none !important;border-bottom: none !important;} /* PRODUCTS TEMPLATE */ .page-container {padding:0;border-left:1px solid #000;border-right:1px solid #000;} .header-container {position: relative;padding-top: 10vh;} .header-container .entry-content {padding:0;max-width: 100%;} .layout1 .header-container {padding-top: 0;position: static;color: #FFF;} .layout1 .main-bg-container {display:none;} .layout2 .header-content {margin-left:30%;padding:0 5vw 5vh;} .layout2 .main-bg-container {left:0px;width:30%;border-right: 1px solid #000;} .layout3 .header-content {padding:0 5vw 5vh;width:50%;} .layout3 .main-bg-container {left:50%;width:50%;border-left: 1px solid #000;} .slideshowcontainer {display: grid;grid-template-columns: 25% 75%;border-top: 1px solid;} .layout1 .slideshowcontainer {background-color:#EA0029;} .layout1 .slideshowcontainer img {max-width:100%;height:auto;} .layout1 .slideshowcontainer img.mobile {display:none;} .slideshow-nav-container {padding: 5vh 0px 20px 0px;transform: translateX(67px); z-index: 2;} .slideshow-nav-container .slick-slider .slick-track, .slideshow-nav-container .slick-slide {transform: translate3d(0px, 0px, 0px) !important;width:100% !important;padding: 10px 50px 10px 0;text-align: right;cursor:pointer;} .slideshow-nav-container .slick-slide.slick-current {font-weight:600;position:relative;} .slideshow-nav-container .slick-slide.slick-current:after {content:"";display:block;width:35px;height:1px;background:#000;position:absolute;top:50%;right:0;} .layout1 #slideshow {padding-top: 5vh; border-left:1px solid #000;padding-left:5vw;background-color:#FFF;} .layout1 .slideshow-nav-container {color:#FFF;} .layout1 #slideshow h3{font-size:3.5rem;font-weight:400;} .layout1 #slideshow .imageonly h3 {display:none;} .layout1 .hi-table{margin: 0 0 -1px -1px;} .layout1 .hi-table td{overflow: hidden;} .layout1 .hi-table td img {width:100%;height:auto;transform:scale(1.2);} .layout1 .hi-table .row-1 .column-3{background-color: #1A428A;color: #fff;} .layout1 .hi-table .row-1 .column-3 h5 {color: #fff;} .imageonly .slidetextcontainer {display:block;} .fruitshape {max-height: 5vh;width: auto;margin-bottom: 2em;} .slidetextcontainer {display:grid;grid-template-columns: 60% 35%; grid-column-gap: 5%;} .slidetext {line-height:1.6em;} .slidetext p {margin-bottom:1em;} .fruitchart {margin: 5vh 0;} .layout2 .entry-container .sidebar {width: 30%;padding: 2.5vw;} .layout2 .entry-container .content {width: 70%;padding: 0;border-top: 1px solid;} .layout2 td {vertical-align: middle !important; font-size:0.9rem;line-height: 1.2em;border-color: #000 !important;border-right:1px solid;} .layout2 td img {max-width:120px;height:auto;margin:0 auto;display:block;padding: 0 10px;width: auto;height: auto;max-height: 120px;} .layout2 td.column-4 img {max-height:30px;width:auto;max-width: 240px;} .layout2 td a {color:#EA0029;text-decoration:underline;} .db-container {display:grid;grid-template-columns: 50% 50%;align-items: center;} #l3-slideshow img {width: auto;max-width: 250px;max-height: 250px;height: auto;margin: 0 auto;display: block;} #l3-slideshow .slick-track {display:flex;align-items: center;} #l3-slideshow .slick-prev, #l3-slideshow .slick-next {display: block;bottom: 50%;margin: 30px 30px -20px;} .layout3 .fhb, .layout4 .fhb {font-size:2.75rem;font-weight:300;} .layout3 .hi-table {margin:0 -1px 0 -1px;} .layout4 .fhb h3 {margin-bottom:0;} .layout3 .fhb strong, .layout4 .fhb strong {font-size: 0.5em;line-height: 1.2em;margin-bottom: 1em;display: block;} .hi-table td {border: 1px solid #000 !important;padding: 2.5vw !important;} .hi-table table {table-layout: fixed;line-height: 1.3em;} .hi-table td h3, .hi-table td h5 {font-weight:700;color:#EA0029;} .hi-table td h3 {font-size:4rem;line-height: 1em;} .hi-table td h5 {font-size:2rem;line-height: 0.95em;letter-spacing: -2px;} .hi-table td h4 {font-size:3rem;line-height: 0.9em;font-weight:100;} .hi-table .blue {color:#1A428A !important;} .hi-table .red {color:#EA0029 !important;} .layout3 .shb, .layout4 .shb, .layout5 .shb {background: #1A428A;color: #FFF;border-right:none;} .layout3 .shb strong, .layout4 .shb strong {color:#FFF;} .entry-title img{width: 100%;height: auto;max-width: 400px;} .layout4 .header-content {padding:0 5vw 5vh;width:50%;} .layout4 .main-bg-container {left:50%;width:50%;border-left: 1px solid #000;bottom:0px;} .layout4 .db-container {align-items: flex-start;} .layout4 .db-container img {width:100%;height:auto;vertical-align: bottom;} .layout5 .header-content {padding: 0 4vw;width:50%;margin-left:50%} .layout5 .main-bg-container {left:0;width:50%;border-right: 1px solid #000;max-height:100%;} .layout5 .fhb h3, .layout5 .shb h3 {font-size:2rem;line-height: 1em;font-weight: 700;margin-bottom: 0.5em;} .layout5 .fhb {font-size:1rem;line-height: 1.4em;border-top:1px solid #000;margin: 4vw -4vw 0;position:relative;} .layout5 .shb {font-size:1rem;line-height: 1.4em;position:relative;} .layout5 .fhb:after {content:"";display:block;width:34%;height:100%;top:20px;left: 66%;position: absolute;background-image: url('img/watering-planet.png');background-size:contain;background-repeat:no-repeat;background-position:40px bottom;z-index:2;} .layout5 .fhb p, .layout5 .shb p {width:66%;} .header-content .hi-table {margin: 0 -4vw -1px;} .layout5 .shb:after {content:"";display:block;width:34%;height:100%;top:0;left: 66%;position: absolute;background-image: url('img/people-hand.png');background-size:contain;background-repeat:no-repeat;background-position:30px bottom;z-index:2;} .layout5 .db-container {align-items: flex-start;margin-bottom:-1px;} .layout5 .db-container div:nth-of-type(2) {height: 100%;display: flex;flex-direction: column;align-items: stretch;} .layout5 .last-img-bg {background-repeat: no-repeat;background-size: cover;background-position: center;} .univiveros-link {text-align:center;} .univiveros-link a {display:inline-block;width:50%;height:0;padding-bottom:15%;text-indent:-9999px;background-image: url('img/univiveros-logo.png');background-repeat:no-repeat;background-size:contain;background-position:center;} /* PAGE BACKGROUND */ .pagebackground {position: absolute;width: 100%;height:100%;background-repeat: no-repeat;background-size:cover;z-index:-1;background-position: center;} .pagebackground:before {content: "";display: block;width: 100%;height: 100%;background: linear-gradient(200deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.7) 100%);} .intro {color: #fff;font-size:1.3rem;font-weight: 600;line-height:1.4em;max-width: 50%;position: absolute;bottom: 60px;} .bgvariation .entry-container .content {padding:0;} .bgvariation .entry-container .content, .bgvariation .sidebar.inverted .menu li.current-menu-item a::before, .bgvariation #header {border-color:#FFF;} .bgvariation .fixed #header {border-color: #000;} .bgvariation .sidebar.inverted .menu li a, .bgvariation #toggle-menu .menu li a, .bgvariation .entry-container .entry-title, .bgvariation #select-network, .bgvariation .herobg .entry-content {color:#FFF;} .bgvariation .open #toggle-menu .menu li a, .bgvariation .open #select-network, .bgvariation #header-container.fixed #select-network {color: #000;} .bgvariation .fixed #toggle-menu .menu li a {color:#000;} .bgvariation #header .site-title a {background-image: url(img/unifrutti-logo-white.png);} .bgvariation .open #header .site-title a, .bgvariation .fixed #header .site-title a {background-image: url(img/unifrutti-logo.png);} .nobgcontainer {position:relative;} .nobgcontainer:before {content:"";display:block;border-left:1px solid #000;position:absolute;top:0;bottom:0;} .nobgcontainer .entry-content {width: 40%;padding-left:7vw;} .admin-bar .nobgcontainer:before {top:30px;} /* SUCCESS KEYS */ .keys-header {background-color: #000;color: #FFF;text-transform: uppercase; padding: 30px;font-size: 2.5rem;height:85px;} .keys-blocks {display:grid;grid-template-columns: 50% 50%;margin-right: 1px;} .keys-blocks .block {border-right:1px solid #000;border-bottom:1px solid #000;margin: 0 -1px -1px 0;position: relative;overflow: hidden;} .keys-blocks .block h3 {padding:2.5vw 2.5vw 0; color:#EA0029;font-size:3rem;font-weight:700;line-height:0.95em;letter-spacing: -3px;} .keys-blocks .block p {padding:2.5vw 2.5vw 0;} .keys-blocks .block.key-intro p {padding:2.5vw 5vw 0;} .keys-blocks .block ul {list-style-type: disc;font-weight:600;padding: 40px 30px 30px 50px;} .keys-blocks .block img {transform:scale(1.2);width:100%;height: auto;} .keys-blocks .block:nth-child(even) {transform:translateY(-84px);border-left: 1px solid;} /* WORLD PAGES */ .locations .header-container {background-color: #1A428A;} .locations .header-content {color:#FFF; padding: 0 4vw 10vh;width: 70%;margin-left: 30%;} .locations .main-bg-container {left: 0;width: 30%;border-right: 1px solid #000;max-height: 100%;} .brands .header-container {background-color: #EA0029;border-bottom: 1px solid #000;} .brands .header-content {color:#FFF; padding: 0 4vw 10vh;width: 50%;margin-left: 50%;} .brands .main-bg-container {left: 0;width: 50%;border-right: 1px solid #000;max-height: 100%;} .brands .entry-container .sidebar {width: 30%;padding: 5vh 2.5vw;} .locations #slideshow {border-left:1px solid #000;z-index: 2;} .locations td {border: 1px solid #000 !important;} .locations table {table-layout: fixed;line-height: 1.3em;margin:-1px;} .locations td h3, .locations td h5 {font-weight:700;} .locations td h3 {font-size:4rem;line-height: 1em;} .locations td h5 {font-size:2rem;line-height: 1em;} .brands td {vertical-align: middle !important; font-size:0.9rem;line-height: 1.2em;border-color: #000 !important;border-right:1px solid;} .brands td img {max-width:120px;height:auto;margin:0 auto;display:block;padding: 0 10px;width: auto;height: auto;max-height: 120px;} .brands td a {color:#EA0029;text-decoration:underline;} .nestedsliderintro {padding: 2.5vw;border-bottom: 1px solid #000;margin-bottom:0 !important;} .nested-slider-content {padding: 5vh 40% 5vh 8vw;position: relative;line-height: 1.5em;border-bottom: 1px solid #000;margin-bottom: -1px;} .nested-slider-content img {margin-top: 2.5vh;width: 25%;height: auto;} .nested-slider-content .main-bg-container {left: auto;right: 0;border-right:none;border-left:1px solid #000;} #slideshow .nested-slider-content h3 {color:#EA0029;font-size:1.5rem;text-transform:uppercase;} #nested-slideshow .slick-prev, #nested-slideshow .slick-next{top: 0; bottom: auto; width: 5vw; height: 5vw; background-color: #1A428A;} #nested-slideshow .slick-prev::after, #nested-slideshow .slick-next::after {font-size: 2.5vw;color: #FFF;width: 100%;} .slideblock {position:relative; border-bottom: 1px solid #000;} .slideblock .main-bg-container{left: auto;right: 0;width: 50%;border-left: 1px solid #000;} .slideblockcontent {padding:2.5vw;width:50%;} .locations .two-column-table {display: grid;grid-template-columns: 50% 50%;} .locations .two-column-table .tablepress {transform: translateX(1px);margin-bottom: -1px !important;} .locations .tablepress td {overflow:hidden;padding:0 !important;border-left: 0 !important;} .locations .tablepress td p{padding: 2.5vw;} .locations .tablepress td h3 {padding: 2.5vw;color:#1A428A;} .locations .tablepress img.flag {height:5vh;max-height:60px;width:auto;} /* VALUE */ .page-template-template-value .main-bg-container {left: 0;width: 50%;border-right: 1px solid #000;max-height: 100%;} .page-template-template-value .header-content {padding: 0 4vw 10vh;width: 50%;margin-left: 50%;} .page-template-template-value .slideshowcontainer {grid-template-columns: 15% 85%;} .valuelayout1 .fhb:after {content:"";display:block;top:5%;right:-5%;bottom:5%;left:67%;position: absolute;background-image: url('img/watering-planet.png');background-size:contain;background-repeat:no-repeat;background-position:right bottom;z-index:2;} .valuelayout1 .fhb.blue {background-color:#1A428A;} .valuelayout1 .fhb.blue:after {background-image: url('img/people-hand.png');top:50%; right:-5%; bottom:0; left:67%;} .valuelayout1 .fhb p {width:66%;} .valuelayout1 .fhb {border-left:1px solid #000;overflow:hidden;font-size: 1rem;line-height: 1.4em;} .blue .hi-table td h3, .blue .hi-table td h5, .two-column-table .hi-table:nth-child(2) td h5{color: #1A428A;} .page-template-template-value .valuelayout2 .header-container {background-color: #EA0029; color: #FFF;} .page-template-template-value .valuelayout2 .header-content {width: 85%; margin-left: 15%;} .page-template-template-value .valuelayout2 .main-bg-container {width: 15%;} .valuelayout2 .entry-title {margin-bottom: 0;} .valuelayout2 .two-column-table {margin-left: 15%;display: grid;grid-template-columns: 50% 50%;align-items: flex-start;} .valuelayout2 .two-column-table .tablepress {transform: translateX(1px);margin-bottom: -1px !important;} .valuelayout2 .two-column-table table:nth-child(2) td {border-left: 0 !important;} .page-template-template-value .tablepress td {overflow:hidden;} .page-template-template-value .tablepress img {width:100%;height:auto;transform:scale(1.2);} /* MAP TEMPLATE */ #explore-map {position:absolute; bottom:20px; left:70%; width: 35%;padding: 30px 0 10px;border-top: 1px solid #FFF;font-size:1rem;font-weight:700;color:#FFF;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;cursor:pointer;} #explore-map:before {content:"\2022";color:#FFF;font-size:2.5rem;display:block;width:31px;height:31px;border:1px solid #FFF;border-radius: 50%;line-height: 28px;text-align: center;position: absolute;top: -16px;left: -20px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;} #explore-map .back, #explore-map .back br {display:none;} #explore-map.selected {left: -5%;text-align: right;} #explore-map.selected .back{display:block;} #explore-map.selected .next{display:none;} #explore-map.selected:before{left: 100%;margin-left: -20px;} .map-item {width: 100%;position: absolute;padding-top:80px;top:0;left: 80%;height: 100%;background-image: url(img/globe-bg.png); background-repeat:no-repeat;background-position:center bottom;background-size:contain;} #mapcontent {-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;} #mapcontent.selected {transform: translateX(-80%);} #mapcontent .herobg {opacity:1.0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;} #mapcontent.selected .herobg {opacity:0;} #mapcontent.selected .location {opacity:1.0;} .location {color:#FFF;opacity:0;height:30px;cursor:pointer;} .location.selected {height:auto;padding:0 0 5vh 0;} .location p {display:none;} .location.selected p {display:block;} .location h3 {font-size:1.3rem;font-weight:600;line-height: 1.2em;display: inline-block;position: relative;} .location h3:after {content:"";display:block;height:1px;background-color:#FFF;position:absolute;left:-40px;right:0;} .location h3:before {content: "\2022";color: #FFF;font-size: 2.5rem;display: block;width: 31px;height: 31px;border: 1px solid transparent;border-radius: 50%;line-height: 28px;text-align: center;position: absolute;left: -56px;bottom:-16px;} .location.selected h3 {font-size:2rem;} .location.selected h3:before {-webkit-animation: blink-border 1s steps(25, start) infinite;} .marker-container {position: absolute;bottom: 0;left: 0;right: 0;height: 0;padding-bottom:29.5%;pointer-events: none;} .marker {width: 11px;height: 11px;background-color: #EA0029;border-radius: 50%;position: absolute;} .location.selected .marker {background-color:#FFF;} .location.selected .marker::after {content:"";display:block;width:31px;height:31px;border-radius:50%;background-color: #FFF;border:10px solid #EA0029;position:absolute;margin-top:-10px;margin-left:-10px;} .location.selected .marker::after{-webkit-animation: blink-animation 1s steps(25, start) infinite;} .page-template-template-map .entry-content {padding-top:0;} @keyframes blink-animation { to { opacity:0; } } @-webkit-keyframes blink-animation { to { opacity:0; } } @keyframes blink-border { 50% { border-color: #FFF; } } /* CONTACTS */ .page-template-template-contacts .header-container {background: #EA0029;color: #FFF;padding: 10vh 5vw;border-bottom: 1px solid #000;} .page-template-template-contacts .header-container h1 {margin-bottom:0;} .page-template-template-contacts .entry-content {padding: 0;max-width: 100%;} #contacts-list {display:grid;grid-template-columns: 1fr 1fr 1fr;} #contacts-list .contact-item {position:relative;padding: 3vw;border-right: 1px solid #000;border-bottom: 1px solid #000;margin: 0 -2px -1px 0;} #contacts-list .contact-item img {position:absolute;top:3vw;right:3vw;width:15%;height:auto;-webkit-box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 10%);-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 10%);} .entry-content .contact-item h3 {margin-top:0;} #contacts-list a[href^="https:"], #contacts-list a[href^="http:"] {display:block;padding-left:40px;position:relative;} #contacts-list a[href^="https:"]:before, #contacts-list a[href^="http:"]:before {content:"\e894";position:absolute;left:0;top:0;font-family:'Material Icons';font-size:1.3rem;} #contacts-list a[href^="tel:"], #contacts-list a[href^="mailto:"] {display:block;padding-left:40px;position:relative;} #contacts-list a[href^="tel:"]:before {content:'\f095';position:absolute;left:0;top:0;font-family:'FontAwesomeIcons';font-size:1.3rem;transform: rotate(90deg);} #contacts-list a[href^="mailto:"]:before {content:'\f0e0';position:absolute;left:0;top:0;font-family:'FontAwesomeIcons';font-size:1.3rem;} .page-template-template-contact-module .highlightbanner {height:50vh;min-height:400px;} .page-template-template-contact-module .highlightbanner span{display:block;padding-bottom:1em;} .page-template-template-contact-module .highlightbanner p {max-width:66%;line-height: 1.4em;} .page-template-template-contact-module .highlightbanner a span {color: #FFF;border-bottom: 2px solid;} .page-template-template-contact-module .highlightbanner a:hover span{color: #EA0029;} /* CONTACTS 2 */ .page-template-template-contact-module .header-content {padding: 0 4vw 10vh;width: 50%;} .page-template-template-contact-module .header-content .entry-content p{margin-bottom:0;} .page-template-template-contact-module .main-bg-container {border-left: 1px solid #000;} .module-container {background-color: #1A428A;border-top:1px solid #000; padding: 4vw;color: #FFF;} .module-container a {text-decoration:underline;color: #FFF;} .fields-content {display: grid;grid-template-columns: 48% 48%;column-gap: 4%;} .fields-content .left-column {display: grid;grid-template-columns: 48% 48%;column-gap: 4%;font-weight:bold;} .fields-content .right-column {font-weight:bold;} .fields-content .left-column br {display: none;} .fields-content input, .fields-content textarea, .fields-content select {width:100%;border:1px solid #000;margin: 1em 0;} .fields-content input {line-height:3.5em;padding: 0 1em;} .fields-content textarea {padding: 1em;height: 11.5em;} .fields-content select {height: 3.5em;font-size: 1em;font-family: 'Poppins';padding: 0 1em;} .module-container input[type="submit"] {line-height:3.3em;padding: 0 1em;margin:2em 0 0;border:2px solid #FFF; color: #FFF;background-color:transparent;} .module-container .wpcf7-list-item {margin:0;} /* PRESS */ .page-template-template-press .header-container {background-color: #1A428A;} .page-template-template-press .main-bg-container {left: 0;width: 30%;border-right: 1px solid #000;max-height: 100%;} .page-template-template-press .header-content {color: #FFF;padding: 0 4vw 10vh;width: 70%;margin-left: 30%;} .page-template-template-press .header-content a{color:#EA0029;} .page-template-template-press .press-list {width:100%;max-width:100%;display: grid;grid-template-columns: 30% 70%;padding: 0;} .page-template-template-press .press-list .sidebar {width:100%;padding: 2.5vw;z-index: 2;background: white;} .page-template-template-press .press-list .sidebar, .page-template-template-press .press-list .content {border-top:1px solid #000;width: 100%;border-right: none;} .presskititem{padding: 2%;display: grid;grid-template-columns: 15% 35% 46%;border-bottom:1px solid #000;column-gap:2%;margin-bottom: -1px;} .presskititem img {width:100%;height:auto;vertical-align: bottom;} .presskititem h3 {margin-top:0;} .press-posts-list .presskititem h3 {margin-top:1em;} .presskititem a {display:inline-block;float:right;color: #EA0029;font-weight: 600;border-bottom: 2px solid #EA0029;margin-top:10%;} .presskitexcerpt {padding-top:2em;} /* NEWS */ .blog .header-container, .category .header-container {background: #EA0029;color: #FFF; padding: 5vw;border-bottom: 1px solid #000;} .blog .header-container .entry-title, .category .header-container .entry-title {margin-bottom:0;} .blog .posts-list, .category .posts-list {border:none;} .blog .header-container .entry-content, .category .header-container .entry-content {width: 50%;} .menu-news-menu-container {padding:2vh 5vw;background-color:#000;} .menu-news-menu-container li {display:inline-block;padding-right:1vw;} .menu-news-menu-container li a{color:#FFF;font-size:0.9rem;text-transform:uppercase;font-weight:700;} .menu-news-menu-container li.current-menu-item a, .menu-news-menu-container li a:hover {color:#EA0029;} .blog .entry-content a {color: #FFF;text-decoration:underline;} /* MODULI CONTATTO */ input, textarea {font-family:'Poppins',sans-serif;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;font-size:1rem;font-weight:400;color:#000;} #contatti-footer input, #contatti-footer textarea {padding:20px;border:1px solid #E8AD00;width:100%; margin-bottom:20px;} #contatti-footer textarea {max-height:130px;} #contatti-footer .wpcf7-submit {width:auto;float:right;border: 20px solid #E8AD00;background:#E8AD00; color:#FFF;border-top-left-radius: 30px;border-bottom-left-radius: 30px;font-size:1vw;padding:0 50px 0 100px;position:relative;} /* FOOTER */ #copyright {padding:0 30px;font-size:0.9rem;} #copyright a {text-decoration:underline;} #footer {border-top: 1px solid #000;} #footer .menu {font-size:0.9rem;font-weight:600;display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr;grid-gap: 1em;line-height: 1.2em;} #footer .menu span {padding:0;} #footer .sub-menu {font-weight:300;margin-top:15px;} #footer .menu li a {padding: 7px 0;display: block;} #footer .sub-menu a:hover {text-decoration:underline;} .social-links {background:#000;color:#FFF;font-size:0.9rem;font-weight:700;text-transform:uppercase;display: flex;justify-content: space-between;height: 80px;align-items: center;padding:0 2.5vw;min-width: 33.33%;} .social-links.profile-contacts {background:transparent;padding:0;height:auto;justify-content: flex-start;} .social-links a {display:inline-block;width:22px;height:22px;margin:0 10px;background-repeat:no-repeat;background-size:contain;background-position:center;} .social-links.profile-contacts a {margin:0 20px 0 0;} .social-links a span{display:none;} .social-links a.facebook {background-image: url('img/icons/facebook.png');} .social-links.profile-contacts a.facebook {background-image: url('img/icons/facebook-alt.png');} .social-links a.linkedin {background-image: url('img/icons/linkedin.png');} .social-links.profile-contacts a.linkedin {background-image: url('img/icons/linkedin-alt.png');} .social-links a.instagram {background-image: url('img/icons/instagram.png');} .social-links.profile-contacts a.instagram {background-image: url('img/icons/instagram-alt.png');} .social-links a.twitter {background-image: url('img/icons/twitter.png');} .social-links.profile-contacts a.twitter {background-image: url('img/icons/twitter-alt.png');} .social-links a.youtube {background-image: url('img/icons/youtube.png');} .social-links.profile-contacts a.youtube {background-image: url('img/icons/youtube-alt.png');} #footer .menu-item-description, #footer .sub-menu img {display:none;} #footer .navigation {display: grid;grid-template-columns: 20% 78%;grid-column-gap: 2%;max-width:100%;margin:0 auto;padding:5vw;} #footer .colophon {display: flex;align-items: center;max-width:100%;margin:0 auto;} #footer .colophon-container {background: linear-gradient(90deg, #000 30%, #FFF 0%);border-top:1px solid #000;border-bottom:1px solid #000;} /* SLIDER */ .slidecontent {display: flex;justify-content: space-between;align-items: center;padding-right: 30px;} .slidecontent > * {max-width: 50%;} .slidecontent img {-webkit-box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 10%);-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 10%);width: auto;max-height:40vh;} .slider-nav-container {position: absolute;bottom: 20px;width: 85%;font-size:1rem;font-weight: 700;text-align: center;} .slider-nav-container:before {content:'';display:block;border-top: 1px solid #000;position: absolute;left: 0;right: 0;top: 15px;} .slider-nav .slick-slide {line-height:1em;position:relative;padding-top: 40px;cursor: pointer;} .slider-nav .slick-slide:before {content:'';display:block;height:12px;width:12px;border-radius:50%;background-color:#000;position:absolute;top:9px;left:50%;margin-left:-6px;} .slider-nav .slick-slide.slick-current:after {content:'';display:block;height:30px;width:30px;background-color:#EA0029;border-radius:50%;position:absolute;top:0px;left:50%;margin-left:-15px;opacity:0.8;z-index:-1;} #slideshow h3 {font-size: 2rem;font-weight: 700;line-height: 0.95em;margin-bottom: 1em;letter-spacing:-1px;} .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-loading .slick-list { background: #fff url("./ajax-loader.gif") center center no-repeat; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } /* ARROWS */ .slick-prev, .slick-next { position: absolute;bottom: 100px;border:0; z-index:1; display: block; width: 40px; cursor: pointer; color: transparent; outline: none; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;cursor:pointer;background-color: transparent;text-indent: -9999px;} .slick-prev {left: 0px;} .slick-next {right: 0px;} .page-template-template-slider .slick-next {right: 30px;} .slick-prev.slick-disabled, .slick-next.disable {opacity: 0.2;pointer-events:none;} .slick-prev::after, .slick-next::after{content: '\f1df';font-family: 'Material Icons';font-size: 2.5rem;float: left;color: #000;text-indent: 0;} .slick-prev::after {transform: rotate(180deg);} /* DOTS */ .slick-dots {display: block;position: absolute;left: 0;right: 0;bottom: 0;text-align: center;} .slick-dots button{display:inline-block;width:30px;height:30px;border:3px solid #E8AD00; border-radius:100%; text-indent:-999px;padding: 0;overflow: hidden;cursor:pointer;outline:none;background-color:#E8AD00;} .slick-dots .slick-active button{background-color:transparent;} .slick-dots li.slick-active {position:relative;} .slick-dots > li:only-child {display: none;} .slick-dots li {display: inline-block;margin:0 10px;} /* TIMELINE */ .halfbg-container {position: absolute;top: 0;width: 50%;bottom: 0;left: 50%;background-repeat: no-repeat;background-size: cover;background-position: center;} .halfbg-container img {display:none;} #explore-timeline {position: absolute;left: 25%;top: 50%;height: 100vh;width: 50px; padding: 30px 0 10px;border-left: 1px solid #000;color: #000; -webkit-transition: all 0.5s;-moz-transition: all 0.5s; -o-transition: all 0.5s;transition: all 0.5s;cursor: pointer;} #explore-timeline a{display: block;height: 28px;width: 28px;border: 1px solid #000;border-radius: 50%;text-indent: -9999px;position: absolute;} #explore-timeline a.next {left: -14px;top: -14px;} #explore-timeline a.back {left: -14px;bottom: -14px;border-color:transparent;} #explore-timeline a.back:hover {border-color:#000;} #timelineintro {z-index:1;} #timelineintro .entry-title, #timelineintro .introduction {width:50%;padding-right:7vw;} #timeline {margin-top:50vh;padding-bottom: 80px;} #explore-timeline a:before {content: "";background-color: #000;display: block;width: 12px;height: 12px;border-radius:50%;position: absolute;top: 7px;left: 7px;} .cd-horizontal-timeline { opacity: 0; margin: 0 auto; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s; } .cd-horizontal-timeline::before { /* never visible - this is used in jQuery to check the current MQ */ content: 'mobile'; display: none; } .cd-horizontal-timeline.loaded { /* show the timeline after events position has been set (using JavaScript) */ opacity: 1; } .cd-horizontal-timeline .timeline { height: 100px; width: 85%; margin: 0 auto; position: absolute; bottom: 20px; } .cd-horizontal-timeline .events-wrapper { position: relative; height: 100%; margin: 0; overflow: hidden; } .cd-timeline-navigation {position: absolute;bottom: 100px;width: 100%;display: flex;justify-content: space-between;} .cd-horizontal-timeline .events { /* this is the grey line/timeline */ position: absolute; z-index: 1; left: 0; top: 49px; height: 1px; /* width will be set using JavaScript */ background: #dfdfdf; -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s; } .cd-horizontal-timeline .filling-line { /* this is used to create the green line filling the timeline */ position: absolute; z-index: 1; left: 0; top: 0; height: 100%; width: 100%; background-color: #000; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } .cd-horizontal-timeline .events a { position: absolute; bottom: -50px; z-index: 2; text-align: left; color: #000; font-weight:700; /* fix bug on Safari - text flickering while timeline translates */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); width: 30px; white-space: nowrap; } .cd-horizontal-timeline .events a::after { /* this is used to create the event spot */ content: ''; position: absolute; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: 45px; height: 12px; width: 12px; border-radius: 50%; background-color: #dfdfdf; -webkit-transition: background-color 0.3s, border-color 0.3s; -moz-transition: background-color 0.3s, border-color 0.3s; transition: background-color 0.3s, border-color 0.3s; } .no-touch .cd-horizontal-timeline .events a:hover::after { background-color: #7b9d6f; border-color: #7b9d6f; } .cd-horizontal-timeline .events a.selected { pointer-events: none; } .cd-horizontal-timeline .events a.selected::after { background-color: #000; border: 10px solid #EA0029 !important; width: 30px; height: 30px; bottom: 35px; opacity:0.8; } .cd-horizontal-timeline .events a.older-event::after { border-color: #000;background-color: #000; } .cd-horizontal-timeline::before { /* never visible - this is used in jQuery to check the current MQ */ content: 'desktop'; } .cd-timeline-navigation a {z-index: 1;text-indent: -999px;display: block;overflow: hidden;} .cd-timeline-navigation a::after { /* arrow icon */ content: '\f1df'; font-family: 'Material Icons';font-size: 2rem; float:left; text-indent:0; } .cd-timeline-navigation a.prev { left: 0; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .cd-timeline-navigation a.next { right: 0; } .no-touch .cd-timeline-navigation a:hover { border-color: #7b9d6f; } .cd-timeline-navigation a.inactive { cursor: not-allowed;opacity: 0.2; } .cd-horizontal-timeline .events-content { position: relative; width: 100%; margin: 2em 0; overflow: hidden; -webkit-transition: height 0.4s; -moz-transition: height 0.4s; transition: height 0.4s; } .cd-horizontal-timeline .events-content li { position: absolute; z-index: 1; width: 100%; left: 0; top: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); padding: 0; opacity: 0; -webkit-animation-duration: 0.4s; -moz-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; display: flex; justify-content: space-between; align-items: center; padding-right: 10px; } .cd-horizontal-timeline .events-content li img { -webkit-box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 10%); -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1); box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 10%); width: auto; max-height: 40vh; margin-right: 30px; } .cd-horizontal-timeline .events-content li.selected { /* visible event content */ position: relative; z-index: 2; opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right { -webkit-animation-name: cd-enter-right; -moz-animation-name: cd-enter-right; animation-name: cd-enter-right; } .cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left { -webkit-animation-name: cd-enter-left; -moz-animation-name: cd-enter-left; animation-name: cd-enter-left; } .cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left { -webkit-animation-direction: reverse; -moz-animation-direction: reverse; animation-direction: reverse; } .cd-horizontal-timeline .events-content li > * { max-width: 50%; } .cd-horizontal-timeline .events-content li .text-content {padding-right:40px;} .cd-horizontal-timeline .events-content h3 { font-size: 2rem; font-weight: 700; line-height: 1.2em; margin-bottom: 1em; } .cd-horizontal-timeline .events-content em { display: block; font-style: italic; margin: 10px auto; } .cd-horizontal-timeline .events-content em::before { content: '- '; } @-webkit-keyframes cd-enter-right { 0% { opacity: 0; -webkit-transform: translateX(100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); } } @-moz-keyframes cd-enter-right { 0% { opacity: 0; -moz-transform: translateX(100%); } 100% { opacity: 1; -moz-transform: translateX(0%); } } @keyframes cd-enter-right { 0% { opacity: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @-webkit-keyframes cd-enter-left { 0% { opacity: 0; -webkit-transform: translateX(-100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); } } @-moz-keyframes cd-enter-left { 0% { opacity: 0; -moz-transform: translateX(-100%); } 100% { opacity: 1; -moz-transform: translateX(0%); } } @keyframes cd-enter-left { 0% { opacity: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } /* TIMELINE 2 */ #timeline .hero-insider {position:relative;} .horizontal-timeline { opacity: 0; width: 100%; margin: 2em auto; overflow:hidden; } .horizontal-timeline ol { margin: 0; padding: 0; width: 100%; } /* Never visible - this is used in jQuery to check the current MQ */ .horizontal-timeline::before { content: 'desktop'; display: none; } .horizontal-timeline.loaded { opacity: 1; margin: 0 !important; } .horizontal-timeline .touch-enabled { cursor: grab; } /* Timeline */ .horizontal-timeline .timeline { position: relative; height: auto; margin: 0 auto; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: absolute; bottom: 0; left: 7vw; right: 7vw; } .horizontal-timeline .events-wrapper { position: relative; /* Fixed up a bug where if the date display was split into two lines half of the top was cut off (Changed the height to accommodate) */ height: 110px; overflow: hidden; -ms-flex: 1 1 auto!important; flex: 1 1 auto!important; } .horizontal-timeline .events { position: absolute; z-index: 1; left: 0; bottom: 13%; height: 1px; /* width will be set using JavaScript */ background: #dfdfdf; -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s; } /* Filling line */ .horizontal-timeline .filling-line { position: absolute; z-index: 1; left: 0; top: 0; height: 100%; width: 100%; background-color: #000; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } /* Event dates on the timeline */ .horizontal-timeline .events a { position: absolute; bottom: 0; z-index: 2; text-align: center; text-decoration: none; padding-bottom: 15px; color: #000; font-weight:700; text-decoration:none; /* Fix bug on Safari - text flickering while timeline translates */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); user-select: none; } /* Dots for the event dates on the timeline */ .horizontal-timeline .events a::after { content: ''; position: absolute; left: 50%; margin-left:-6px; bottom: -5px; height: 12px; width: 12px; border-radius: 50%; background-color: #dfdfdf; -webkit-transition: background-color 0.3s, border-color 0.3s; -moz-transition: background-color 0.3s, border-color 0.3s; transition: background-color 0.3s, border-color 0.3s; } /* Stop mouse pointer events on a selected event */ .horizontal-timeline .events a.selected { pointer-events: none; } .horizontal-timeline .events a.selected::after, .horizontal-timeline .events a.older-event::after { background-color: #000; } .horizontal-timeline .events a.selected::before { content: '';display:block; background-color:#EA0029; width: 30px; height: 30px; bottom: 35px; opacity: 0.8; border-radius: 50%; bottom: -14px; position: absolute; left: 50%; margin-left: -15px;} /* Navigation */ .timeline-navigation { position: relative; top: 3px; } .timeline-navigation#leftNav { left: 1px; } .timeline-navigation#leftNav a:before { left: 1px; content: '\f1e6'; font-family: 'Material Icons'; font-size: 2rem; float: left; text-indent: 0; } .timeline-navigation#rightNav a:before { left: 1px; content: '\f1df'; font-family: 'Material Icons'; font-size: 2rem; float: left; text-indent: 0; } .timeline-navigation#rightNav { right: 1px; } .timeline-navigation a { display: inline; text-decoration: none; color: #000; } .timeline-navigation a:hover { color: #000; } /* Inactive */ .timeline-navigation a.inactive { cursor: not-allowed; border-color: #d3d3d3; color: #d3d3d3; } /* Autoplay Pause/Play button */ .timeline-navigation#pausePlay { width: 100%; top: -10px; text-align: center; } /* Event content */ .horizontal-timeline .events-content { position: relative; margin: 2em 0; margin-left: auto; margin-right: auto; -webkit-transition: height 0.4s 0.2s; -moz-transition: height 0.4s 0.2s; transition: height 0.4s 0.2s; } /* Autoplay progress bar */ .horizontal-timeline .events-content .progressBarWrapper { position: absolute; width: 100%; height: 4px; margin-top: -4px; padding: 0 20px; } .horizontal-timeline .events-content .progressBar { width: 0%; max-width: 100%; height: inherit; background: #002bff; } .horizontal-timeline .events-content li { position: absolute; display:flex; width: 100%; left: 0; top: 0; margin: auto; padding: 10px; opacity: 0; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ -webkit-transition: opacity 1s; -moz-transition: opacity 1s; transition: opacity 1s; } .horizontal-timeline .events-content li > * { max-width: 50%; } .horizontal-timeline .events-content li .text-content { padding-right: 40px; } .horizontal-timeline .events-content h3 {font-size: 2rem; font-weight: 700; line-height: 1.2em; margin-bottom: 1em;} .horizontal-timeline .events-content img { -webkit-box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 10%); -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1); box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 10%); width: auto; max-height: 40vh; margin-right: 30px; } /* The selected events content */ .horizontal-timeline .events-content li.selected { position: relative; z-index: 2; opacity: 1; } /* Event content animations */ .horizontal-timeline .events-content li.enter-right, .horizontal-timeline .events-content li.exit-right { -webkit-animation-name: timeline-enter-right; -moz-animation-name: timeline-enter-right; animation-name: timeline-enter-right; } .horizontal-timeline .events-content li.enter-left, .horizontal-timeline .events-content li.exit-left { -webkit-animation-name: timeline-enter-left; -moz-animation-name: timeline-enter-left; animation-name: timeline-enter-left; } .horizontal-timeline .events-content li.exit-right, .horizontal-timeline .events-content li.exit-left { -webkit-animation-direction: reverse; -moz-animation-direction: reverse; animation-direction: reverse; } /* Speed */ .horizontal-timeline .events-content li.animationSpeed { -webkit-animation-duration: 0.4s; -moz-animation-duration: 0.4s; animation-duration: 0.4s; } @-webkit-keyframes timeline-enter-right { 0% { opacity: 0; -webkit-transform: translateX(100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); } } @-moz-keyframes timeline-enter-right { 0% { opacity: 0; -moz-transform: translateX(100%); } 100% { opacity: 1; -moz-transform: translateX(0%); } } @keyframes timeline-enter-right { 0% { opacity: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @-webkit-keyframes timeline-enter-left { 0% { opacity: 0; -webkit-transform: translateX(-100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); } } @-moz-keyframes timeline-enter-left { 0% { opacity: 0; -moz-transform: translateX(-100%); } 100% { opacity: 1; -moz-transform: translateX(0%); } } @keyframes timeline-enter-left { 0% { opacity: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @media only screen and (min-width: 1100px) { .horizontal-timeline { margin: 6em auto; } } @media only screen and (min-width: 701px) and (max-width: 1100px) { /* Never visible - this is used in jQuery to check the current MQ */ .horizontal-timeline::before { content: 'tablet'; } } @media only screen and (min-width: 501px) and (max-width: 700px) { /* Never visible - this is used in jQuery to check the current MQ */ .horizontal-timeline::before { content: 'smallTablet'; } } @media only screen and (min-width: 361px) and (max-width: 500px) { /* Never visible - this is used in jQuery to check the current MQ */ .horizontal-timeline::before { content: 'mobile'; } }@media only screen and (max-width: 360px) { /* Never visible - this is used in jQuery to check the current MQ */ .horizontal-timeline::before { content: 'tinyMobile'; } } @media only screen and (max-width: 1100px) { .horizontal-timeline .timeline {order: 2;width: 100%;position:relative;left:0; right:0;} .timeline-navigation#leftNav { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .timeline-navigation#rightNav { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .timeline-navigation#leftNav, .timeline-navigation#rightNav { display: -ms-flexbox !important; display: flex !important; top: -2px !important; } .timeline-navigation#pausePlay { top: 20px !important; } .horizontal-timeline {display: flex;flex-direction: column;} } /* SCHERMI MEDI E PICCOLI */ @media only screen and (min-width : 2000px) { html, body {font-size:20px;} } /* SCHERMI MEDI E PICCOLI */ @media only screen and (min-width : 1025px) and (max-width : 1540px) { html, body {font-size:16px;} } /* ======================================================================== SOLUZIONE PROBLEMA NEWS - Homepage, Archivio News e Articoli Singoli Applicato a schermi sotto 1540px ======================================================================== */ @media only screen and (max-width: 1540px) { /* Nascondi le immagini nelle news */ .posts-list .post-image { display: none !important; } /* Nascondi completamente il link "Read more" */ .posts-list a span { display: none !important; } } /* TABLET ORIZZONTALE */ @media only screen and (min-width : 769px) and (max-width : 1024px) { html, body {font-size:14px;} .highlight-stripe {font-size:5.5rem;} .entry-title {font-size: 4rem;margin-bottom: 4vh;} entry-content .tablepress td h3, .hi-table td h3 {font-size: 3.5rem;} .hi-table td h4 {font-size: 2.5rem;} .entry-content blockquote {font-size: 2rem;transform: translateX(0);} .entry-container .content {border-right: 0;} .single-post .entry-container .content .entry-content {padding: 5vh 5vw;} } /* SMARTPHONE E TABLET VERTICALE */ @media only screen and (min-width : 200px) and (max-width : 768px) { .entry-container {padding-left:0;} .entry-title {font-size: 2.5rem;} .page-id-97 .hero {height:100vh !important;} #container {padding-top: 60px;} .nobgcontainer:before {display:none;} .nobgcontainer .entry-content {width: 100%;padding: 10vh 4vw;} /* HEADER AND MENU */ .home #header.static.openmenu .site-title a {opacity: 1.0;} #footer .site-title a {width:50px;height:70px;} #header.active, #header.mobilefixed {position: fixed !important;animation: reveal 0.5s;-webkit-box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 10%);-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 10%);border-bottom:0;} #header, #header-content, #header-container {height:60px;position:absolute;width: 100%;border: none;background-color:#FFF !important;} #select-network {font-size:0rem;} #select-network:before {left:-40px;color: #000 !important;} #select-network:after {right:0;color: #000 !important;} #menu-network-menu {top:60px;} #toggle-network-container {width:auto;} #toggle-menu {position: fixed;top: 60px;left: 0;right: 0;bottom: 0;background: #FFF;} #toggle-menu li {display:block;border: none;border-bottom: 1px solid;background:#FFF;} #toggle-menu li a {display:block;padding: 0 1rem;border:none;} li.menu-item-has-children {position:relative;} li.menu-item-has-children:after {content: "\e5cc";display: block;font-family: 'Material Icons';font-size: 20px;position: absolute;top: 30px;right: 4vw;font-weight: normal;line-height: 1em;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;} li.menu-item-has-children.selected:after {transform: rotate(90deg);} #toggle-menu li.menu-item-has-children.selected a {border:none;} #toggle-menu li.selected .sub-menu {grid-template-columns: 1fr;border: none;position: static;transform: translate(0,0);border-top:1px solid;padding:0.5rem 0;} #toggle-menu .sub-menu li {height:auto !important;border: none;} #toggle-menu .sub-menu li span {width:100%;} #toggle-menu .sub-menu li a, #toggle-menu .sub-menu li span.menu-image-title {font-size: 0.9rem;font-weight:700;padding: 0.5rem 1rem;} #toggle-menu .sub-menu li a:after, #toggle-menu li.menu-item-has-children.selected a:before, #header #menu, #toggle-menu .sub-menu li img, #toggle-menu .sub-menu li a .menu-item-description {display:none;} .sub-menu li {position:relative;} .sub-menu li:after {content: "\e5df";display: block;font-family: 'Material Icons';font-size: 20px;position: absolute;top: 50%;margin-top:-10px;right: 4vw;font-weight: normal;line-height: 1em;} #toggle-network.fixed {position: relative;bottom: auto;left: auto;right: auto;border: none;} #toggle-network.fixed #select-network {margin-left:0;border-right:none;padding-right: 0;} #toggle-network.fixed #select-network:after, #toggle-network.fixed #menu-network-menu li a:before {display:block;} .colophon.fixed {position: relative;bottom: auto;width:100%;border-top: none;z-index: 10;} .colophon.fixed .social-links {background: #FFF;color: #000;border-right: none;} .colophon.fixed .social-links a {filter: invert(0);} #toggle-network.fixed #menu-network-menu {display:none;padding: 20px;top: 60px;width: 200px; background-color: #FFF;left: auto;right: -20px;-webkit-box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 20%);-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 20%);} #toggle-network.fixed #menu-network-menu li, #toggle-network.fixed #menu-network-menu.selected {display: block;} #header.openmenu #menu {display:block;} .site-title {width: auto;margin-left: 3.5rem;} .site-title a {width:90px;filter: none !important;} .bgvariation #header .site-title a {background-image: url(img/unifrutti-logo.png);} .bgvariation .sidebar.inverted .menu li a, .bgvariation #toggle-menu .menu li a, .bgvariation #select-network {color: #000;} /* HAMBURGER */ .hamburger {font-size:1.1rem;position:absolute;top:1.25rem;left:1rem;display:inline-block;width:1em;height:1em;padding:0;cursor:pointer;transition:transform .2s ease-in-out;vertical-align: middle;border:0 none;background:#FFF;} /* 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: .1rem;margin: 0 0 .32em;transition: transform .2s ease-in-out;background: #000;} /* Styles for the active `.hamburger` icon */ .hamburger.active:before,.hamburger.active .icon,.hamburger.active:after {background: #000;} /* 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);} /* HOMEPAGE */ .home .hero {flex-direction: column;height:auto !important;} .home .hero .content {padding: 0px 5vw 10vh;position: relative;} .home-logo {margin: 5vh 0;} .home .hero .linkarrow {position: absolute;top: 0;left: 5vw;right: 5vw;bottom: 2vh;} .abstract {font-size: 1rem;} #homeslideshow {position: relative;top: auto;right: auto;bottom: auto;left: auto;width: 100%;height: 50vh;} .highlight-stripe {padding: 3.5vh 0; font-size: 1.5rem;} .blocksrow {grid-template-columns: 1fr;height:auto;border: none;} .blockitem {position: relative;display: grid;grid-template-columns: 1fr 1fr;padding:4vw;} .blockitem .content {width:100%;} .blockitem a {top:0;left:0;bottom:0;right:0;} .blockimg {position: relative;top: 0; width: 100%;height: 0;padding-bottom: 100%;left: 10%;} .blockitem a span {padding:3vw;} .highlightbanner {height:auto;} .indepthbanner h3 {font-size: 2rem;} .highlightbanner .bannerkicker {margin-bottom: 3vh;font-size: 0.9rem;} .indepthbanner {flex-direction: column;height:60vh;} .indepthbanner .bannerbg, .indepthbanner .content {width:100%;} .posts-list {grid-template-columns: 1fr;border: none;} .home .posts-list {margin-bottom: -1px;} /* PAGE AND POST */ .entry-container .content {width:100%;border:none;margin: 0;} .entry-container .sidebar {display:none;} .brands .entry-container .sidebar {display: block;width: 100%;position: relative;top: 0;} .brands .entry-container {flex-direction:column;} .page-container {border:none;} .header-container {padding-top:45vh;} .layout3 .main-bg-container, .layout4 .main-bg-container, .brands .main-bg-container, .page-template-template-value .main-bg-container, .page-template-template-value .valuelayout2 .main-bg-container, .layout2 .main-bg-container, .page-template-template-contact-module .main-bg-container, .locations .main-bg-container, .halfbg-container {left: 0;width: 100%;height:40vh;border:none;} .layout3 .header-content, .layout4 .header-content, .brands .header-content, .page-template-template-value .header-content, .page-template-template-value .valuelayout2 .header-content, .layout2 .header-content, .page-template-template-contact-module .header-content, .locations .header-content {width:100%;margin: 0;} .page-template-template-success-key .nobgcontainer {background-color: #fff;} /* PAGE BACKGROUND */ .intro {max-width:100%;padding-right:7vw;font-size:1.1rem;position: relative;bottom: 0;padding-bottom: 3rem;} /* COMPANY OVERVIEW */ .page-template-template-company-2 .two-column-table {width:100%;} .page-template-template-company-2 .second-table {margin-bottom:0;} .page-template-template-company-2 .second-table table td {height: auto;border-bottom:1px solid !important;} .locations-map-container:before {height:4vw;} .locations-intro {left: auto;top: auto;padding:4vw;position:relative;background: #f8f8f8;} .locations-intro h3 {font-size: 2.5em;} .locations-map-container {left:0;width:100%;border-top:none;} #network-list-head {font-size:1.5rem;} #network-list .menu {grid-template-columns: 100%;} .marker {transform: scale(0.5);} #network-list .menu li {border-right:none;} .keys-header {padding: 5vw;font-size: 1.5rem;height: auto;} .page-template-template-slider .hero {height: auto !important;} .page-template-template-slider .hero-insider {padding-bottom:200px;} .page-template-template-slider .entry-content {padding: 10vh 4vw;} .slidecontent {flex-direction: column;padding-right:0;} .slidecontent > * {max-width: 100%;} .locations .two-column-table {grid-template-columns: 100%;} .slideblockcontent {width:100%;} #slideshow h3 {font-size:1.5rem;} .slideblock .main-bg-container {position:relative;} /* PRODUCTS TEMPLATE */ .db-container {grid-template-columns:100%;} .layout3 .fhb, .layout4 .fhb {font-size:2rem;} .layout4 .fhb h3 {font-size:5rem;} .hi-table td h3 {font-size:3rem;} .hi-table td h5 {font-size:1.5rem;} .shb {padding:4vw;font-size:1.75rem;} .slideshowcontainer {grid-template-columns: 30% 70% !important;} .slideshow-nav-container {padding: 5vh 2.5vw; transform: translateX(0px);} .slideshow-nav-container .slick-slide, .slideshow-nav-container .slick-slider .slick-track {padding: 10px 0;} .slideshow-nav-container .slick-slide.slick-current:after {display:none;} .layout2 .entry-container .content {width:100%;} .slidetextcontainer {grid-template-columns: 100%;padding-right: 4vw;} .page-template-template-products .tablepress tr {display: grid; grid-template-columns: 100%;} .layout1 #slideshow h3 {font-size:2rem;} .layout1 .slideshowcontainer img.fruitchart, .layout1 .slideshowcontainer img.desktop {display:none;} .layout1 .slideshowcontainer img.mobile {display:block;} #l3-slideshow .slick-prev, #l3-slideshow .slick-next {margin: -20px 10px;} .univiveros-link {margin: 5vh 0;} /* SUCCESS KEYS */ .keys-blocks {grid-template-columns:100%;} .keys-blocks .block {border-right:none;border-left:none !important;} .keys-blocks .block h3 {font-size:2rem;letter-spacing:-2px;padding: 4vw 4vw 0;} .keys-blocks .block:nth-child(even) {transform: translateY(0);} .keys-blocks .block p {padding: 4vw 4vw 0;} /* NEWS */ .posts-list .block {padding: 4vw 4vw 30%; height: auto; border-right:none;margin: 0;} .posts-list a span, .posts-list .post-image {bottom:4vw;} .posts-list .block h3 {font-size:1.5rem;} .blog .header-container .entry-content, .category .header-container .entry-content {width: 100%;} .post-header .post-image {left: 0;border-left: 0;height: 40vh;} .post-header {padding: 45vh 4vw 4vw;} .post-header h1 {font-size:2.5rem;width:100%;} .single-post .entry-container .content .entry-content {padding:4vw;} .entry-content blockquote {transform:translateX(0);font-size:1.5rem;} .menu-news-menu-container li a {font-size:0.8rem;} /* CONTACTS */ .fields-content, .fields-content .left-column {grid-template-columns: 100%;} .page-template-template-contact-module .highlightbanner p {max-width:100%;} /* WORLD PAGES */ .page-template-template-world .tablepress tr {display:grid;grid-template-columns: 100%;} .page-template-template-world .tablepress td, .page-template-template-products .tablepress td {padding:4vw 2vw !important;} .page-template-template-world .tablepress td img, .page-template-template-products .tablepress td img {width:100%;height: auto;} .layout2 td.column-4 img {width:auto; float: none;} .brands td, .page-id-109 td {border:none !important; text-align:center !important;} .brands tr, .page-id-109 tr {border-bottom:1px solid;} /* MAP */ #mapcontent .herobg {height:100vh !important;} #mapcontent .herobg .entry-content {max-height:70%;overflow: scroll;} .pagebackground {height: 100vh !important; margin-top: 60px;} #explore-map {bottom:auto;top:80px;width:100%;} .page-template-template-map .entry-content {padding: 0 0 3.5vh;} .location.selected {padding: 10px;} /* VALUE */ .valuelayout2 .two-column-table {margin-left: 0;grid-template-columns: 100%;} .valuelayout1 .fhb p {width: 100%;} /* TABLE */ table, tbody, tr, td {display:block;width:100%;} .hi-table td {border:none !important;padding:4vw !important;} .hi-table td h4 {font-size:2rem;} .entry-content .tablepress {margin: 5vh 0 !important;} .entry-content .tablepress td h3 {font-size: 3.5rem;} /* TIMELINE */ #timelineintro .entry-title, #timelineintro .introduction {width: 100%;padding-right:0;} #timelineintro {padding-top: 40vh;height: auto !important;} #timelineintro .introduction {width: 100%;padding-right: 0;} #explore-timeline {display:none;} #timeline {margin-top: 0;height: auto !important;} .cd-horizontal-timeline {margin-bottom:7rem;} .cd-horizontal-timeline .events-content li, .horizontal-timeline .events-content li {padding-right:0;flex-direction:column;} .cd-horizontal-timeline .events-content li > *, .horizontal-timeline .events-content li > * {max-width: 100%;} .cd-horizontal-timeline .events-content li .text-content, .horizontal-timeline .events-content li .text-content {padding-right: 0;padding-bottom: 5vh;} .horizontal-timeline {min-height:80vh;} /* CONTACTS */ .module-container input[type="submit"] {margin: 2em auto;display: block;} /* FOOTER */ #footer .navigation {grid-template-columns:1fr;padding: 5vw 0;} #footer .site-title {display:grid; grid-template-columns: 1fr 3fr;margin-left: 0;border-bottom: 1px solid; margin-bottom: 5vw;padding-left: 3vw;padding-bottom: 2vh;} #footer .menu {grid-template-columns: 1fr;padding:5vw 3vw;} #footer .colophon-container {border:none;} #footer .colophon {display:block;} #copyright {width: 100%;display: block;background-color: #FFF;padding:5vw 3vw;font-size:0.75rem;} #copyright .delimiter {display:none;} #copyright .disclaimer {display:block;margin-top:5vw;} #footer li.menu-item-has-children:after {top:5px;right:0;} #footer li .sub-menu, #footer .sub-menu li:after {display:none;} #footer li.selected .sub-menu {display:block;} }