h1, .h1 {
font-size: 40px;
line-height: 44px;
font-weight: 700;
}
h2, .h2 {
font-size: 24px;
line-height: 28px;
font-weight: 700;
}
h3, .h3 {
font-size: 20px;
line-height: 24px;
font-weight: 700;
}
.boxed {
padding: 0 calc(100% / 7);
}
body, html {
box-sizing: border-box;
outline: none;
font-family: "neue-haas-grotesk-display", sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 22px;
color: #2E2E2D;
}
h1, h2, h3 {
margin: 0;
}
a, span {
color: #2E2E2D;
text-decoration: none;
}
body:not(.home) header#masthead {
background: #fff;
}
header#masthead {
position: absolute;
width: 100%;
height: 140px;
padding: 0 5vw !important;
left: 0;
top: 0;
z-index: 99999;
background: transparent;
display: flex;
align-items: center;
justify-content: space-between;
transition: all 0.33s ease;
}
header#masthead .site-branding .site-logo.sticky {
opacity: 0;
display: none;
}
header#masthead.sticky {
height: 80px;
background: #fff;
position: fixed;
}
header#masthead.sticky .site-branding .site-logo {
display: none;
opacity: 0;
}
header#masthead.sticky .site-branding .site-logo.sticky {
opacity: 1;
display: block;
}
header#masthead.sticky #site-navigation {
align-self: center;
padding-bottom: 0;
}
header#masthead #site-navigation {
align-self: flex-end;
padding-bottom: 30px;
transition: all 0.34s ease;
}
header#masthead #site-navigation ul#primary-menu-list li {
padding: 0 25px;
}
header#masthead #site-navigation ul#primary-menu-list li a {
font-weight: 600;
line-height: 18px;
position: relative;
}
header#masthead #site-navigation ul#primary-menu-list li a::before {
content: "";
position: absolute;
bottom: -5px;
left: 0;
width: 100%;
height: 2px;
background: #008E30;
transition: all 0.3s ease;
transform: scaleX(0);
transform-origin: left;
}
header#masthead #site-navigation ul#primary-menu-list li a:hover::before {
transform: none;
}
header#masthead .search {
transition: all 0.3s ease;
padding-left: 20px;
border-left: 2px solid #2E2E2D;
display: flex;
align-items: center;
justify-content: center;
align-self: flex-end;
margin-bottom: 28px;
}
header#masthead .search label {
display: none;
}
header#masthead .search .search-submit {
display: none;
}
header#masthead .search input, header#masthead .search form {
margin: 0;
}
header#masthead .search input.search-field {
background: transparent;
border: 0;
border-bottom: 1px solid #2E2E2D;
margin-right: 20px;
color: #2E2E2D;
font-family: "neue-haas-grotesk-display", sans-serif;
font-size: 16px;
line-height: 16px;
}
header#masthead .search form {
transition: all 0.3s ease, width 0.3s 0.2s ease;
transform: scaleX(0);
transform-origin: right;
width: 0;
}
header#masthead .search .toggle {
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
header#masthead .search .toggle img {
display: block;
}
header#masthead .search:hover form {
transform: unset;
width: 200px;
transition: all 0.3s ease, transform 0.3s 0.2s ease;
}
header#masthead .search-mobile label {
display: none;
}
header#masthead .search-mobile .search-submit {
display: none;
}
header#masthead .search-mobile input, header#masthead .search-mobile form {
margin: 0;
}
header#masthead .search-mobile input.search-field {
background: transparent;
border: 0;
width: 50vw;
border-bottom: 1px solid #2E2E2D;
margin-right: 20px;
color: #2E2E2D;
font-family: "neue-haas-grotesk-display", sans-serif;
font-size: 16px;
line-height: 16px;
}
header#masthead .search-mobile .toggle-mobile {
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
header#masthead .search-mobile .toggle-mobile img {
display: block;
}
::-webkit-scrollbar {
width: 7px;
background-color: transparent;
}
::-webkit-scrollbar-thumb {
background-color: #008E30;
border-radius: 0px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
background-color: transparent;
}
::selection {
background-color: #008E30 !important;
color: #fff !important;
}
.icon-top {
position: relative;
padding-top: 75px;
}
.icon-top:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 50px;
height: 50px;
background-image: url(//www.assingeo.it/wp-content/uploads/icona-assingeo-small.svg);
background-repeat: no-repeat;
background-size: contain;
}
.link {
font-size: 20px;
line-height: 20px;
font-weight: 700;
color: #fff;
background: #008E30;
padding: 10px 35px;
border-radius: 28px;
transition: all 0.3s ease;
}
.link:hover {
background: #195723;
}
.link.custom {
font-size: 16px;
line-height: 16px;
font-weight: 700;
padding: 0 40px;
position: relative;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
z-index: 3;
}
.link.custom > span {
font-size: 16px;
line-height: 16px;
font-weight: 700;
color: #fff;
position: relative;
z-index: 2;
display: inline-block;
margin-right: -15px;
}
.link.custom::before {
content: "+";
position: absolute;
left: 7px;
top: 48%;
font-weight: 400;
transform: translateY(-50%);
font-size: 30px;
line-height: 30px;
z-index: 2;
}
.link.custom::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 30px;
height: 100%;
background: #195723;
border-radius: 50%;
z-index: 1;
transition: all 0.3s ease;
}
.link.custom:hover {
background: #008E30;
}
.link.custom:hover::after {
width: 100%;
border-radius: 28px;
transition: all 0.3s ease, border-radius 0s ease;
}
.intro {
padding-left: 40px;
position: relative;
margin-bottom: 20px;
}
.intro span {
text-transform: uppercase;
color: #008E30;
}
.intro h2 {
display: inline-block;
background-image: linear-gradient(#d8ff4c, #d8ff4c);
background-repeat: no-repeat;
background-position: left bottom;
background-size: 0% 40%;
}
.intro::before {
content: "";
position: absolute;
left: 0;
top: 5px;
background: #008E30;
width: 15px;
height: 15px;
border-radius: 50%;
}
.news {
width: 100%;
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: flex-start;
}
.news .element {
width: calc(100% / 3 - (240px / 3));
display: flex;
flex-direction: column;
}
.news .element:not(:nth-child(3n)) {
margin-right: 120px;
}
.news .element .image {
width: 100%;
}
.news .element .image img {
display: block;
width: 100%;
height: 15.6vw;
object-fit: cover;
}
.news .element .date {
position: relative;
width: 100%;
display: block;
margin: 18px 0 25px;
}
.news .element .date span {
color: #008E30;
font-weight: 600;
}
.news .element .date::before {
content: "";
position: absolute;
right: 0;
bottom: 5px;
height: 2px;
width: 70%;
background: #008E30;
}
.news .element .title {
margin-bottom: 5px;
}
.news .element .link-wrapper {
margin-top: 15px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
#breadcrumbs {
margin-top: 140px;
width: 100%;
height: 80px;
display: flex;
align-items: center;
justify-content: flex-start;
background: #008E30;
padding: 0 5vw;
position: relative;
z-index: 99;
}
#breadcrumbs span, #breadcrumbs p, #breadcrumbs a {
font-size: 14px;
line-height: 14px;
color: #fff;
}
#breadcrumbs .breadcrumb_last {
font-weight: 700;
text-decoration: underline;
}
#breadcrumbs > span > span:not(:last-child) {
margin-right: 10px;
}
#breadcrumbs > span > span:not(:first-child) {
margin-left: 10px;
}
.funzioni {
display: flex;
flex-flow: row wrap;
align-items: stretch;
justify-content: flex-start;
}
.funzioni .funzione {
width: calc(100% / 5 - (80px / 5));
border-radius: 15px;
background: #F5F5F5;
margin-bottom: 20px;
}
.funzioni .funzione:not(:nth-child(5n)) {
margin-right: 20px;
}
.funzioni .funzione a {
padding: 20px;
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
margin-bottom: 20px;
}
.funzioni .funzione a:hover {
opacity: 0.7;
}
.funzioni .funzione a .icon {
width: 100%;
height: 140px;
display: flex;
align-items: center;
justify-content: center;
}
.funzioni .funzione a .icon img {
display: block;
max-height: 100%;
width: auto;
object-fit: contain;
}
.funzioni .funzione a .title {
margin: 10px 0 2px;
display: flex;
justify-content: center;
width: 100%;
}
.funzioni .funzione a .title span {
color: #008E30;
font-weight: 700;
display: block;
text-align: center;
}
.funzioni .funzione a .text p {
text-align: center;
}
.projects {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: flex-start;
}
.projects .project {
width: calc(100% / 3 - (240px / 3));
margin-bottom: 70px;
display: flex;
flex-direction: column;
}
.projects .project:not(:nth-child(3n)) {
margin-right: 120px;
}
.projects .project .image {
width: 100%;
height: 15.6vw;
}
.projects .project .image img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
.projects .project .title {
margin: 30px 0 15px;
min-height: 85px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.projects .project .title h3 {
font-weight: 600;
}
.projects .project .link-wrapper {
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.home #heading {
display: block;
position: relative;
border-bottom: 2px solid #2E2E2D;
}
.home #heading .overlay {
display: block;
position: absolute;
left: 0;
top: 0;
background: linear-gradient(to bottom, #ffffffad, #ffffff00 50%);
width: 100%;
height: 100%;
}
.home #heading .container .image {
width: 100%;
height: auto;
}
.home #heading .container .image img {
display: block;
width: 100%;
height: auto;
}
.home #heading .container .text {
width: 44vw;
display: flex;
flex-direction: column;
position: absolute;
right: 6vw;
top: 50%;
transform: translateY(-50%);
}
.home #heading .container .text h1, .home #heading .container .text h2 {
color: #fff;
}
.home #heading .container .text h1 {
font-size: 60px;
line-height: 65px;
font-weight: 600;
margin-bottom: 7px;
}
.home #heading .container .text h2 {
font-weight: 400;
}
.home #first .container {
display: flex;
flex-flow: row wrap;
}
.home #first .container .application {
width: calc(100% / 8);
flex-basis: calc(100% / 8);
position: relative;
height: 16.8vw;
border: 2px solid #2E2E2D;
}
.home #first .container .application a {
width: 100%;
height: 100%;
display: block;
}
.home #first .container .application a::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 30%;
background: linear-gradient(to bottom, #2e2e2dd2, #2e2e2d00 85%);
z-index: 1;
}
.home #first .container .application a .image {
width: 100%;
height: 100%;
}
.home #first .container .application a .image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.home #first .container .application a .name {
position: absolute;
width: 100%;
top: 35px;
left: 0;
padding: 0 20px;
z-index: 2;
}
.home #first .container .application a .name span {
display: block;
color: #fff;
font-weight: 700;
text-align: center;
}
.home #first .container .application a .action {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
transition: all 0.3s ease;
opacity: 0;
width: 100%;
position: absolute;
z-index: 2;
}
.home #first .container .application a .action span {
color: #fff;
text-transform: uppercase;
display: block;
text-align: center;
font-weight: 700;
}
.home #first .container .application a .action span:first-child {
font-size: 80px;
line-height: 75px;
margin-bottom: 7px;
font-weight: 400;
}
.home #first .container .application a::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
pointer-events: none;
background: #008e2f93;
z-index: 0;
transition: all 0.3s ease;
transform: scaleY(0);
transform-origin: bottom;
}
.home #first .container .application a:hover .action {
opacity: 1;
}
.home #first .container .application a:hover::after {
transform: unset;
}
.home #second {
margin: 100px 0;
}
.home #second .container {
display: flex;
flex-flow: row wrap;
}
.home #second .container .left, .home #second .container .right {
width: 50%;
display: flex;
flex-direction: column;
}
.home #second .container .left {
padding-right: 80px;
}
.home #second .container .left .title {
margin-bottom: 16px;
}
.home #second .container .left .sub h3 {
font-weight: 400;
}
.home #second .container .right {
padding-top: 70px;
}
.home #second .container .right .link-wrapper {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-top: 13px;
}
.home #third {
background: #EEEEEE;
padding: 90px 0;
margin-bottom: 100px;
}
.home #third .container {
display: flex;
flex-flow: row wrap;
}
.home #third .container .left, .home #third .container .right {
width: 50%;
display: flex;
flex-direction: column;
padding-right: 140px;
}
.home #third .container .left .title, .home #third .container .right .title {
margin-bottom: 5px;
}
.home #third .container .left .title h2, .home #third .container .right .title h2 {
font-size: 30px;
line-height: 35px;
font-weight: 600;
}
.home #third .container .left .link-wrapper, .home #third .container .right .link-wrapper {
margin-top: 10px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.home #third .container .left {
display: none;
}
.home #third .container .right {
border-right: 2px solid #008E30;
width: 100%;
}
.home #fourth .container {
margin-bottom: 120px;
display: flex;
flex-direction: column;
}
.home #fourth .container .intro {
margin-bottom: 50px;
}
.home #fifth {
margin-bottom: 100px;
display: none;
}
.home #fifth .container {
height: 19vw;
width: 100%;
background: #008E30;
}
.home #sixth {
margin-bottom: 90px;
}
.home #sixth .container {
display: flex;
flex-direction: column;
}
.home #sixth .container .intro {
margin-bottom: 45px;
}
.home #sixth .container .members {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: center;
}
.home #sixth .container .members .member {
width: calc(100% / 5);
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 50px;
padding: 0 27px;
}
.home #sixth .container .members .member a {
display: block;
text-align: center;
}
.home #sixth .container .members .member a img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
display: block;
transition: all 0.3s ease;
}
.home #sixth .container .members .member a:not(:hover) img {
filter: grayscale(1);
}
.page-template-template-assingeo #heading {
margin-top: 90px;
margin-bottom: 100px;
}
.page-template-template-assingeo #heading .container {
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: flex-start;
}
.page-template-template-assingeo #heading .container .left {
width: calc(100% / 5 * 2);
}
.page-template-template-assingeo #heading .container .left .image img {
display: block;
}
.page-template-template-assingeo #heading .container .right {
width: calc(100% / 5 * 3);
display: flex;
flex-direction: column;
}
.page-template-template-assingeo #heading .container .right .title {
margin-bottom: 5px;
}
.page-template-template-assingeo #heading .container .right .sub {
margin-bottom: 14px;
}
.page-template-template-assingeo #heading .container .right .sub h2 {
color: #008E30;
}
.page-template-template-assingeo #heading .container .right .text p strong {
color: #008E30;
}
.page-template-template-assingeo #heading .container .right .link-wrapper {
margin-top: 30px;
}
.page-template-template-assingeo #first {
margin-bottom: 100px;
}
.page-template-template-assingeo #first .container {
padding-top: 80px;
padding-bottom: 80px;
display: flex;
flex-flow: row wrap;
}
.page-template-template-assingeo #first .container .left, .page-template-template-assingeo #first .container .right {
width: 50%;
flex-basis: 50%;
}
.page-template-template-assingeo #first .container .left p, .page-template-template-assingeo #first .container .right p {
color: #fff;
}
.page-template-template-assingeo #first .container .left {
padding-right: 75px;
}
.page-template-template-assingeo #first .container .right {
padding-left: 75px;
}
.page-template-template-assingeo #second {
margin-bottom: 90px;
}
.page-template-template-assingeo #second .container .intro {
margin-bottom: 50px;
}
.page-template-template-assingeo #second .container .members {
width: 100%;
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: flex-start;
}
.page-template-template-assingeo #second .container .members .member {
width: calc(100% / 3 - (120px / 3));
padding: 25px;
background: #EEEEEE;
border-radius: 10px;
display: flex;
flex-direction: column;
margin-bottom: 60px;
}
.page-template-template-assingeo #second .container .members .member:not(:nth-child(3n)) {
margin-right: 60px;
}
.page-template-template-assingeo #second .container .members .member span {
display: block;
}
.page-template-template-assingeo #second .container .members .member .title {
font-size: 18px;
line-height: 18px;
color: #008E30;
font-weight: 700;
margin-bottom: 10px;
}
.page-template-template-assingeo #second .container .members .member .address {
font-size: 16px;
line-height: 16px;
margin-bottom: 8px;
}
.page-template-template-assingeo #second .container .members .member .website {
text-decoration: underline;
margin-bottom: 13px;
}
.page-template-template-assingeo #second .container .members .member .website a {
font-size: 16px;
line-height: 16px;
}
.page-template-template-assingeo #second .container .members .member .link-wrapper {
width: 140px;
}
.single-membri #first {
margin-top: 100px;
margin-bottom: 50px;
}
.single-membri #first .container {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: flex-start;
}
.single-membri #first .container .left {
width: calc(100% / 5 * 2);
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.single-membri #first .container .left img {
width: 70%;
height: auto;
display: block;
}
.single-membri #first .container .right {
width: calc(100% / 5 * 3);
display: flex;
flex-direction: column;
}
.single-membri #first .container .right .title {
margin-bottom: 20px;
}
.single-membri #first .container .right .sub {
margin: 5px 0;
}
.single-membri #first .container .right .sub h2 {
color: #008E30;
text-transform: uppercase;
}
.single-membri #second {
display: block;
margin-top: 100px;
margin-bottom: 90px;
}
.single-membri #second .container {
display: flex;
flex-direction: column;
}
.single-membri #second .container .intro {
margin-bottom: 40px;
}
.single-membri #second .container .intro h2 {
color: #008E30;
text-transform: uppercase;
font-weight: 700;
}
.page-template-template-ambiente {
position: relative;
}
.page-template-template-ambiente::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 140px;
background: #fff;
z-index: 9;
}
.page-template-template-ambiente #fixed {
width: 100%;
height: 100vh;
position: fixed;
left: 0;
top: 0;
z-index: 0;
}
.page-template-template-ambiente #fixed img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.page-template-template-ambiente #content .content-inner section:not(#fixed):not(#first) {
position: relative;
z-index: 99;
background: #fff;
}
.page-template-template-ambiente #heading {
padding-top: 100px;
padding-bottom: 100px;
}
.page-template-template-ambiente #heading .container {
width: 100%;
display: flex;
flex-direction: column;
}
.page-template-template-ambiente #heading .container .title {
margin-bottom: 10px;
}
.page-template-template-ambiente #heading .container .link-wrapper {
margin-top: 27px;
}
.page-template-template-ambiente #first {
height: 28vw;
background: transparent;
}
.page-template-template-ambiente #second {
padding-bottom: 100px;
padding-top: 110px;
}
.page-template-template-ambiente #second .container {
display: flex;
flex-direction: column;
}
.page-template-template-ambiente #second .container .intro {
margin-bottom: 10px;
}
.page-template-template-ambiente #second .container .intro h2 {
text-transform: uppercase;
color: #008E30;
}
.page-template-template-ambiente #third {
background: #EEEEEE !important;
}
.page-template-template-ambiente #third .container {
display: flex;
flex-flow: row wrap;
align-items: stretch;
justify-content: flex-start;
}
.page-template-template-ambiente #third .container .left {
width: calc(100% / 5 * 3.5);
display: flex;
flex-direction: column;
justify-content: center;
}
.page-template-template-ambiente #third .container .left .intro {
width: 100%;
margin-bottom: 10px;
}
.page-template-template-ambiente #third .container .left .intro h2 {
text-transform: uppercase;
color: #008E30;
}
.page-template-template-ambiente #third .container .left .text {
width: 100%;
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: flex-start;
}
.page-template-template-ambiente #third .container .left .text .text-left, .page-template-template-ambiente #third .container .left .text .text-right {
width: 50%;
padding-right: 105px;
}
.page-template-template-ambiente #third .container .right {
width: calc(100% / 5 * 2.5);
margin-right: calc(100% / 5 * -1);
}
.page-template-template-ambiente #third .container .right img {
width: 100%;
height: auto;
display: block;
}
.page-template-template-ambiente #fourth {
padding-top: 100px;
padding-bottom: 100px;
}
.page-template-template-ambiente #fourth .container {
width: 100%;
display: flex;
flex-direction: column;
}
.page-template-template-ambiente #fourth .container .intro {
margin-bottom: 10px;
}
.page-template-template-ambiente #fourth .container .intro h2 {
text-transform: uppercase;
color: #008E30;
}
.page-template-template-ambiente #fifth {
padding-bottom: 150px;
}
.page-template-template-ambiente #fifth .container .intro {
margin-bottom: 50px;
}
.page-template-template-ambiente #fifth .container .intro h2 {
color: #008E30;
text-transform: uppercase;
}
.page-template-template-ambiente #fifth .container .news .element .image {
display: none;
}
.post-type-archive-applicazione #heading {
margin-top: 100px;
margin-bottom: 50px;
}
.post-type-archive-applicazione #heading .container {
display: flex;
flex-direction: column;
}
.post-type-archive-applicazione #heading .container .title {
margin-bottom: 5px;
}
.post-type-archive-applicazione #first {
margin-bottom: 90px;
}
.post-type-archive-applicazione #first .container {
display: flex;
flex-flow: row wrap;
}
.post-type-archive-applicazione #first .container .applicazione {
width: calc(100% / 4 - (120px / 4));
margin-bottom: 60px;
}
.post-type-archive-applicazione #first .container .applicazione:not(:nth-child(4n)) {
margin-right: 40px;
}
.post-type-archive-applicazione #first .container .applicazione a {
display: flex;
flex-direction: column;
width: 100%;
position: relative;
}
.post-type-archive-applicazione #first .container .applicazione a .image {
width: 100%;
margin-bottom: 20px;
position: relative;
z-index: 4;
}
.post-type-archive-applicazione #first .container .applicazione a .image img {
width: 100%;
height: 16.5vw;
object-fit: cover;
display: block;
}
.post-type-archive-applicazione #first .container .applicazione a .image::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 5;
background: #008e2f93;
transform: scaleY(0);
transform-origin: bottom;
transition: all 0.28s ease;
pointer-events: none;
}
.post-type-archive-applicazione #first .container .applicazione a .title {
display: flex;
position: relative;
padding-right: 25%;
min-height: 45px;
}
.post-type-archive-applicazione #first .container .applicazione a .title span {
font-weight: 700;
}
.post-type-archive-applicazione #first .container .applicazione a .title::before {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
border-radius: 50%;
width: 30px;
height: 30px;
background-color: #008E30;
display: flex;
align-items: center;
justify-content: center;
background-image: url(//www.assingeo.it/wp-content/themes/assingeo-child/assets/svg/arrow-right.svg);
background-size: 8px 14px;
background-position: center;
background-repeat: no-repeat;
}
.post-type-archive-applicazione #first .container .applicazione a .action {
position: absolute;
left: 50%;
top: 42%;
transform: translate(-50%, -50%);
color: #fff;
font-weight: 700;
font-size: 24px;
line-height: 24px;
transition: all 0.35s ease;
opacity: 0;
pointer-events: none;
z-index: 9;
}
.post-type-archive-applicazione #first .container .applicazione a:hover .image::before {
transform: unset;
}
.post-type-archive-applicazione #first .container .applicazione a:hover .action {
opacity: 1;
}
.post-type-archive-applicazione #second {
margin-bottom: 50px;
}
.post-type-archive-applicazione #second .container {
display: flex;
flex-direction: column;
}
.post-type-archive-applicazione #second .container .title {
margin-bottom: 5px;
}
.post-type-archive-applicazione #third {
margin-bottom: 140px;
}
.single-applicazione #content {
min-height: unset !important;
}
.single-applicazione section:nth-child(3) {
background: #F5F5F5;
padding: 90px 0;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.single-applicazione #heading {
display: block;
background: #fff;
}
.single-applicazione #heading .container {
display: flex;
flex-flow: row wrap;
align-items: stretch;
justify-content: flex-start;
}
.single-applicazione #heading .container .left {
width: 50%;
display: flex;
flex-direction: column;
justify-content: center;
padding-right: calc(100% / 10);
}
.single-applicazione #heading .container .left .title {
margin-bottom: 10px;
}
.single-applicazione #heading .container .right {
width: calc(100% / 5 * 3.5);
margin-right: calc(100% / 5 * -1);
display: flex;
}
.single-applicazione #heading .container .right .image {
width: 100%;
min-height: 33vw;
}
.single-applicazione #heading .container .right .image img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
.single-applicazione #first .container {
display: flex;
flex-direction: column;
}
.single-applicazione #first .container .intro {
margin-bottom: 50px;
}
.single-applicazione #first .container .intro h2 {
text-transform: uppercase;
color: #008E30;
font-weight: 700;
}
.single-applicazione #first .container .funzioni {
justify-content: center;
}
.single-applicazione #first .container .funzioni .funzione {
background: #fff;
}
.single-applicazione #second {
display: block;
margin-top: 100px;
margin-bottom: 90px;
}
.single-applicazione #second .container {
display: flex;
flex-direction: column;
}
.single-applicazione #second .container .top {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 40px;
}
.single-applicazione #second .container .top .intro {
margin-bottom: 0;
}
.single-applicazione #second .container .top .intro h2 {
color: #008E30;
text-transform: uppercase;
font-weight: 700;
}
.page-template-template-certificati #heading {
display: block;
margin-top: 100px;
}
.page-template-template-certificati #first {
background: #195723;
padding: 70px 0;
margin: 80px 0 100px;
}
.page-template-template-certificati #first .container {
display: flex;
flex-direction: column;
}
.page-template-template-certificati #first .container .intro {
margin-bottom: 25px;
}
.page-template-template-certificati #first .container .intro h2 {
color: #fff;
text-transform: uppercase;
font-weight: 700;
}
.page-template-template-certificati #first .container .intro::before {
background: #fff;
}
.page-template-template-certificati #first .container .bottom {
width: 100%;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: flex-start;
}
.page-template-template-certificati #first .container .bottom .text {
width: calc(50% - 60px);
}
.page-template-template-certificati #first .container .bottom .text p, .page-template-template-certificati #first .container .bottom .text ul, .page-template-template-certificati #first .container .bottom .text li {
color: #fff;
}
.page-template-template-certificati #second, .page-template-template-certificati #metodi {
margin-bottom: 100px;
}
.page-template-template-certificati #second .container, .page-template-template-certificati #metodi .container {
display: flex;
flex-direction: column;
}
.page-template-template-certificati #second .container .intro, .page-template-template-certificati #metodi .container .intro {
margin-bottom: 10px;
}
.page-template-template-certificati #second .container .intro h2, .page-template-template-certificati #metodi .container .intro h2 {
text-transform: uppercase;
font-weight: 700;
color: #008E30;
}
.page-template-template-certificati #second .container .text, .page-template-template-certificati #metodi .container .text {
margin-bottom: 20px;
}
.page-template-template-certificati #second .container .norme, .page-template-template-certificati #metodi .container .norme {
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.page-template-template-certificati #second .container .norme .norma, .page-template-template-certificati #metodi .container .norme .norma {
display: flex;
align-items: center;
justify-content: flex-start;
padding: 20px 0;
position: relative;
}
.page-template-template-certificati #second .container .norme .norma span, .page-template-template-certificati #metodi .container .norme .norma span {
display: block;
font-weight: 700;
}
.page-template-template-certificati #second .container .norme .norma::before, .page-template-template-certificati #metodi .container .norme .norma::before {
content: "";
position: absolute;
bottom: 0;
left: calc(100vw / 7 * -1);
width: calc(100vw);
height: 1px;
background: #707070;
}
.page-template-template-certificati #second .container .norme .norma:first-child::after, .page-template-template-certificati #metodi .container .norme .norma:first-child::after {
content: "";
position: absolute;
top: 0;
left: calc(100vw / 7 * -1);
width: calc(100vw);
height: 1px;
background: #707070;
}
.page-template-template-certificati #metodi .container .intro {
margin-bottom: 35px;
}
.page-template-template-certificati #third {
margin-bottom: 150px;
}
.page-template-template-certificati #third .container {
display: flex;
flex-direction: column;
}
.page-template-template-certificati #third .container .intro {
margin-bottom: 10px;
}
.page-template-template-certificati #third .container .intro h2 {
text-transform: uppercase;
font-weight: 700;
color: #008E30;
}
.page-template-template-certificati #third .container .text {
margin-bottom: 20px;
}
.page-template-template-certificati #third .container .istituti {
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
background: #EEEEEE;
padding: 30px;
}
.page-template-template-certificati #third .container .istituti .istituto {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 0;
position: relative;
border-bottom: 1px solid #707070;
}
.page-template-template-certificati #third .container .istituti .istituto span {
display: block;
font-weight: 700;
}
.page-template-template-certificati #third .container .istituti .istituto span:last-child {
font-weight: 500;
}
.page-template-template-certificati #third .container .istituti .istituto span:last-child a {
text-decoration: underline;
font-weight: 500;
}
.nav-links .page-numbers {
width: 40px;
height: 40px;
border: 2px solid #2E2E2D;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
font-weight: 600;
line-height: 20px;
}
.nav-links .page-numbers.next {
margin-left: 0 !important;
}
.nav-links .page-numbers.prev {
margin-right: 20px !important;
}
.nav-links .page-numbers.current {
border-color: #008E30;
background: #008E30;
color: #fff;
}
.nav-links .page-numbers:not(:last-child) {
margin-right: 20px;
}
.blog #heading {
margin-top: 100px;
margin-bottom: 50px;
}
.blog #first {
margin-bottom: 100px;
}
.blog #first .element {
margin-bottom: 100px;
}
.post-type-archive-case-studies #heading {
margin-top: 100px;
margin-bottom: 20px;
}
.post-type-archive-case-studies #heading .container {
display: flex;
align-items: center;
justify-content: flex-end;
}
.post-type-archive-case-studies #heading .container .title {
margin-right: auto;
}
.post-type-archive-case-studies #heading .container .filters {
display: flex;
align-items: center;
justify-content: flex-start;
}
.post-type-archive-case-studies #heading .container .filters:last-child {
margin-left: 20px;
}
.post-type-archive-case-studies #heading .container .filters .label {
display: block;
margin-right: 10px;
}
.post-type-archive-case-studies #heading .container .filters .select {
display: flex;
flex-direction: column;
position: relative;
}
.post-type-archive-case-studies #heading .container .filters .select .current {
display: block;
text-align: right;
position: relative;
}
.post-type-archive-case-studies #heading .container .filters .select .current::before {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 8px;
height: 8px;
background-image: url(https://www.assingeo.it/wp-content/themes/assingeo-child/assets/svg/dropdown.svg);
background-image: contain;
background-repeat: no-repeat;
}
.post-type-archive-case-studies #heading .container .filters .select .current span {
font-weight: 700;
color: #008E30;
padding: 5px;
padding-right: 15px;
cursor: pointer;
}
.post-type-archive-case-studies #heading .container .filters .select .options {
position: absolute;
left: 0;
top: calc(100% + 2px);
width: 100%;
min-width: 15vw;
background: #fff;
display: flex;
flex-direction: column;
padding: 5px 15px;
transition: opacity 0.3s ease;
box-shadow: 3px 5px 10px #00000032;
}
.post-type-archive-case-studies #heading .container .filters .select .options span {
display: block;
padding: 12px 0;
}
.post-type-archive-case-studies #heading .container .filters .select .options span:not(:last-child) {
border-bottom: 1px solid #EEEEEE;
}
.post-type-archive-case-studies #heading .container .filters .select .options span:hover {
opacity: 0.7;
}
.post-type-archive-case-studies #heading .container .filters .select .options:not(.active) {
visibility: hidden;
opacity: 0;
pointer-events: none;
}
.post-type-archive-case-studies #first {
margin-bottom: 100px;
}
.post-type-archive-case-studies #first .container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.post-type-archive-case-studies #first .container h2 {
margin-top: 30px;
}
.post-type-archive-case-studies #first .projects {
padding-top: 60px;
border-top: 2px solid #008E30;
}
.single-case-studies #heading {
margin-top: 100px;
margin-bottom: 30px;
}
.single-case-studies #heading .container .title {
display: block;
width: 100%;
padding-bottom: 40px;
border-bottom: 2px solid #008E30;
}
.single-case-studies #first {
margin-bottom: 60px;
}
.single-case-studies #first .container {
display: flex;
flex-flow: row wrap;
}
.single-case-studies #first .container .left, .single-case-studies #first .container .right {
width: 50%;
display: flex;
flex-direction: column;
}
.single-case-studies #first .container .left .text {
margin-bottom: 10px;
}
.single-case-studies #first .container .left .link-wrapper .link {
display: inline-flex;
}
.single-case-studies #first .container .right {
padding-left: 120px;
}
.single-case-studies #first .container .right .info {
width: 100%;
display: flex;
flex-direction: column;
margin-bottom: 30px;
}
.single-case-studies #first .container .right .info .item {
padding: 13px 0;
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.single-case-studies #first .container .right .info .item:not(:last-child) {
border-bottom: 1px solid #707070;
}
.single-case-studies #first .container .right .info .item span, .single-case-studies #first .container .right .info .item p {
font-size: 16px;
line-height: 16px;
font-weight: 500;
margin: 0;
}
.single-case-studies #first .container .right .info .item span a, .single-case-studies #first .container .right .info .item p a {
font-size: 16px;
line-height: 16px;
font-weight: 500;
text-decoration: none;
}
.single-case-studies #first .container .right .info .item span:first-child, .single-case-studies #first .container .right .info .item p:first-child {
font-weight: 700;
color: #008E30;
margin-right: 7px;
white-space: nowrap;
}
.single-case-studies #first .container .right .slick-track {
display: flex !important;
align-items: center;
}
.single-case-studies #first .container .right .gallery {
width: 100%;
}
.single-case-studies #first .container .right .gallery .image img {
height: 300px;
display: block;
width: auto !important;
margin: 0 5px;
}
.single-case-studies #first .container .right .slick-arrow {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
opacity: 1;
z-index: 9999;
}
.single-case-studies #first .container .right .slick-arrow::before {
content: "" !important;
position: absolute;
width: 100%;
height: 100%;
background-color: #008E30;
opacity: 1;
border: 3px solid #fff;
border-radius: 50%;
background-repeat: no-repeat;
background-size: 9px 17px;
background-position: center;
}
.single-case-studies #first .container .right .slick-arrow.slick-prev {
left: -20px !important;
}
.single-case-studies #first .container .right .slick-arrow.slick-prev::before {
background-image: url(https://www.assingeo.it/wp-content/themes/assingeo-child/assets/svg/arrow-left.svg);
}
.single-case-studies #first .container .right .slick-arrow.slick-next {
right: -20px !important;
}
.single-case-studies #first .container .right .slick-arrow.slick-next::before {
background-image: url(https://www.assingeo.it/wp-content/themes/assingeo-child/assets/svg/arrow-right.svg);
}
.single-case-studies #last {
margin-bottom: 150px;
}
.single-case-studies #last .container .back {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding-top: 30px;
border-top: 2px solid #008E30;
}
.single-case-studies #last .container .back .link {
display: inline-flex;
}
.single-post #heading {
margin-top: 100px;
margin-bottom: 70px;
}
.single-post #heading .container {
display: flex;
flex-flow: row wrap;
}
.single-post #heading .container .left, .single-post #heading .container .right {
width: 50%;
}
.single-post #heading .container .left {
display: flex;
flex-direction: column;
}
.single-post #heading .container .left .title {
margin-bottom: 20px;
}
.single-post #heading .container .left .date {
display: flex;
align-items: flex-start;
position: relative;
width: 100%;
margin-bottom: 20px;
}
.single-post #heading .container .left .date span {
font-size: 16px;
line-height: 16px;
font-weight: 600;
color: #008E30;
}
.single-post #heading .container .left .date::before {
content: "";
position: absolute;
width: 85%;
height: 2px;
background: #008E30;
right: 0;
bottom: 0;
}
.single-post #heading .container .left .link-wrapper {
margin: 10px 0;
}
.single-post #heading .container .left .link-wrapper .link {
display: inline-flex;
}
.single-post #heading .container .right {
padding-left: 100px;
}
.single-post #heading .container .right .image {
width: 100%;
}
.single-post #heading .container .right .image img {
width: 100%;
display: block;
height: auto;
}
.single-post #last {
margin-bottom: 150px;
}
.single-post #last .container .back {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding-top: 30px;
border-top: 2px solid #008E30;
}
.single-post #last .container .back .link {
display: inline-flex;
}
.page-template-template-contatti #content {
min-height: unset !important;
}
.page-template-template-contatti #heading .container {
display: flex;
flex-flow: row wrap;
}
.page-template-template-contatti #heading .container .left, .page-template-template-contatti #heading .container .right {
width: 50%;
}
.page-template-template-contatti #heading .container .left .image, .page-template-template-contatti #heading .container .right .image {
width: 100%;
}
.page-template-template-contatti #heading .container .left .image img, .page-template-template-contatti #heading .container .right .image img {
width: 100%;
height: 33vw;
object-fit: cover;
object-position: left;
display: block;
}
.page-template-template-contatti #heading .container .left {
padding-top: 100px;
}
.page-template-template-contatti #heading .container .left .text strong {
color: #008E30;
margin-bottom: 40px;
display: block;
}
.page-template-template-contatti #heading .container .left .text span {
display: flex;
align-items: center;
}
.page-template-template-contatti #heading .container .left .text span img {
display: block;
margin-right: 10px;
object-fit: contain;
}
.page-template-template-contatti #heading .container .right {
width: calc(50% + (100vw / 7));
margin-right: calc(100vw / 7 * -1);
}
.search #heading {
margin-top: 100px;
margin-bottom: 50px;
}
.search #heading .container .title h1 {
margin-bottom: 15px;
}
.search #heading .container .title h2 {
color: #008E30;
font-weight: 600;
}
.search #first {
margin-bottom: 250px;
}
.search #first .container {
width: 100%;
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: flex-start;
}
.search #first .container .member {
width: calc(100% / 3 - (120px / 3));
padding: 25px;
background: #EEEEEE;
border-radius: 10px;
display: flex;
flex-direction: column;
margin-bottom: 60px;
}
.search #first .container .member:not(:nth-child(3n)) {
margin-right: 60px;
}
.search #first .container .member span {
display: block;
}
.search #first .container .member .title {
font-size: 18px;
line-height: 18px;
color: #008E30;
font-weight: 700;
margin-bottom: 10px;
}
.search #first .container .member .address {
font-size: 16px;
line-height: 16px;
margin-bottom: 14px;
display: block;
}
.search #first .container .member .link-wrapper {
width: 140px;
}
.search-mobile {
width: 100%;
padding: 5vw;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 100%;
left: 0;
transition: opacity 0.2s ease, transform 0.33s ease;
}
.search-mobile:not(.active) {
opacity: 0;
visibility: hidden;
transform: translateY(-40px);
}
.page-template-template-classic #heading {
margin-top: 100px;
margin-bottom: 40px;
}
.page-template-template-classic #first {
margin-bottom: 120px;
}
.page-template-template-classic #first p strong {
color: #008E30;
}
.page-template-template-lca #heading {
margin-top: 100px;
}
.page-template-template-lca #heading .container {
display: flex;
flex-flow: row wrap;
align-items: stretch;
justify-content: flex-start;
position: relative;
}
.page-template-template-lca #heading .container::before {
content: "";
position: absolute;
left: 0px;
top: -100px;
height: 90%;
width: 100vw;
background: rgba(0, 142, 48, 0.17);
z-index: 0;
}
.page-template-template-lca #heading .container .left, .page-template-template-lca #heading .container .right {
position: relative;
z-index: 1;
}
.page-template-template-lca #heading .container .left {
width: calc(100% / 5 * 3);
display: flex;
flex-direction: column;
justify-content: center;
padding-top: 80px;
padding-right: 140px;
}
.page-template-template-lca #heading .container .left .title {
margin-bottom: 5px;
}
.page-template-template-lca #heading .container .left .image {
position: relative;
}
.page-template-template-lca #heading .container .left .image .label {
position: absolute;
text-transform: uppercase;
font-size: 20px;
max-width: 18vw;
top: 20px;
right: 40px;
color: #008E30;
font-weight: bold;
}
.page-template-template-lca #heading .container .left .image svg {
overflow: visible !important;
}
.page-template-template-lca #heading .container .left .image svg #body, .page-template-template-lca #heading .container .left .image svg .bubble, .page-template-template-lca #heading .container .left .image svg .question, .page-template-template-lca #heading .container .left .image svg #cloud, .page-template-template-lca #heading .container .left .image svg #sign {
opacity: 0;
}
.page-template-template-lca #heading .container .right {
width: calc(100% / 5 * 2);
display: flex;
align-items: flex-start;
justify-content: center;
}
.page-template-template-lca #heading .container .right .image {
width: 100%;
}
.page-template-template-lca #heading .container .right .image svg {
width: 100%;
height: auto;
display: block;
overflow: visible !important;
}
.page-template-template-lca #heading .container .right .image svg .piece {
opacity: 0;
}
.page-template-template-lca #heading .container .right .image svg .text-wrapper {
opacity: 0;
}
.page-template-template-lca #heading .container .right .image svg .shadow-wrapper {
opacity: 0;
}
.page-template-template-lca #first {
margin-top: 120px;
margin-bottom: 90px;
}
.page-template-template-lca #first .container {
display: flex;
flex-flow: row wrap;
}
.page-template-template-lca #first .container .left, .page-template-template-lca #first .container .right {
width: 50%;
flex-basis: 50%;
}
.page-template-template-lca #first .container .left {
display: flex;
flex-direction: column;
padding-right: 80px;
}
.page-template-template-lca #first .container .left h2 {
color: #008E30;
text-transform: uppercase;
}
.page-template-template-lca #first .container .right img {
width: 100%;
height: auto;
display: block;
}
.page-template-template-lca #second {
padding: 80px 0;
background: #E4E4E4;
}
.page-template-template-lca #second .container {
display: flex;
flex-flow: row wrap;
}
.page-template-template-lca #second .container .left, .page-template-template-lca #second .container .right, .page-template-template-lca #second .container .bottom {
width: 50%;
flex-basis: 50%;
}
.page-template-template-lca #second .container .left {
display: flex;
flex-direction: column;
padding-right: 110px;
}
.page-template-template-lca #second .container .left h2 {
color: #008E30;
text-transform: uppercase;
}
.page-template-template-lca #second .container .right img {
width: 100%;
height: auto;
display: block;
}
.page-template-template-lca #second .container .bottom {
display: flex;
flex-direction: column;
margin-top: 90px;
}
.page-template-template-lca #second .container .bottom .title {
width: 100%;
text-align: center;
margin-bottom: 18px;
}
.page-template-template-lca #second .container .bottom .title h3 {
display: block;
text-align: center;
font-size: 18px;
line-height: 22px;
color: #008E30;
font-weight: bold;
}
.page-template-template-lca #second .container .bottom .image {
margin-bottom: 15px;
height: 15.5vw;
display: flex;
align-items: center;
justify-content: center;
}
.page-template-template-lca #second .container .bottom .image svg {
max-height: 100%;
height: auto;
display: block;
}
.page-template-template-lca #second .container .bottom.-left {
padding-right: 75px;
}
.page-template-template-lca #second .container .bottom.-left .image svg {
overflow: visible !important;
}
.page-template-template-lca #second .container .bottom.-left .image svg #red > g {
opacity: 0;
}
.page-template-template-lca #second .container .bottom.-left .image svg #green > g {
opacity: 0;
}
.page-template-template-lca #second .container .bottom.-right {
padding-left: 75px;
}
.page-template-template-lca #third {
margin-top: 100px;
margin-bottom: 110px;
}
.page-template-template-lca #third .container {
display: flex;
flex-direction: column;
}
.page-template-template-lca #third .container .intro {
margin-bottom: 10px;
}
.page-template-template-lca #third .container .intro h2 {
color: #008E30;
text-transform: uppercase;
font-weight: bold;
}
.page-template-template-lca #third .container .cases {
width: 100%;
margin: 50px 0 0;
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: space-between;
}
.page-template-template-lca #third .container .cases .lca {
width: calc(50% - 70px);
height: 16.2vw;
padding: 40px;
border: 1px solid #707070;
display: flex;
align-items: flex-start;
justify-content: center;
flex-direction: column;
}
.page-template-template-lca #third .container .cases .lca .title {
margin-bottom: 33px;
}
.page-template-template-lca #third .container .cases .lca .title h3 {
font-weight: bold;
text-transform: uppercase;
}
.page-template-template-lca #third .container .cases .lca .image {
margin-bottom: 25px;
}
.page-template-template-lca #third .container .cases .lca .image img {
width: 100%;
height: auto;
}
.page-template-template-lca #third .container .cases .lca .link-wrapper {
padding-left: 110px;
display: block;
}
.page-template-template-lca #third .container .cases .lca .link-wrapper a {
display: block;
}
.page-template-template-lca #third .container .cases .lca:not(:nth-last-child(-n+2)) {
margin-bottom: 60px;
}
.page-template-template-lca #fourth {
padding: 80px 0 120px;
background: #E4E4E4;
}
.page-template-template-lca #fourth .container {
display: flex;
flex-direction: column;
}
.page-template-template-lca #fourth .container .intro {
margin-bottom: 10px;
}
.page-template-template-lca #fourth .container .intro h2 {
color: #008E30;
text-transform: uppercase;
font-weight: bold;
}
.single-lca-case #heading {
margin-top: 100px;
}
.single-lca-case #heading .container {
display: flex;
flex-direction: column;
}
.single-lca-case #heading .container .intro-title h1, .single-lca-case #heading .container .title h1 {
font-weight: bold;
}
.single-lca-case #heading .container .title {
margin-bottom: 55px;
margin-top: 8px;
}
.single-lca-case #heading .container .intro {
margin-bottom: 25px;
}
.single-lca-case #heading .container .intro h2 {
text-transform: uppercase;
color: #008E30;
font-weight: bold;
}
.single-lca-case #heading .container .image {
margin-bottom: 55px;
}
.single-lca-case #first {
margin-top: 60px;
margin-bottom: 70px;
}
.single-lca-case #first .container {
width: 100%;
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: flex-start;
}
.single-lca-case #first .container .left, .single-lca-case #first .container .right {
width: calc(50% - 70px);
}
.single-lca-case #first .container .left .intro, .single-lca-case #first .container .right .intro {
margin-bottom: 30px;
}
.single-lca-case #first .container .left .intro h2, .single-lca-case #first .container .right .intro h2 {
text-transform: uppercase;
color: #008E30;
font-weight: bold;
}
.single-lca-case #first .container .left {
margin-right: 140px;
}
.single-lca-case #first .container .image img {
width: 100%;
height: auto;
display: block;
}
.single-lca-case #second {
margin-bottom: 105px;
}
.single-lca-case #second .container {
display: flex;
flex-flow: row wrap;
}
.single-lca-case #second .container .link-wrapper:first-child {
margin-right: 25px;
}
.single-lca-case #third {
margin-bottom: 100px;
}
.single-lca-case #third .container {
display: flex;
flex-direction: column;
}
.single-lca-case #third .container .intro {
margin-bottom: 25px;
}
.single-lca-case #third .container .intro h2 {
text-transform: uppercase;
font-weight: bold;
color: #008E30;
}
.single-lca-case #third .container .text {
width: 100%;
margin-bottom: 10px;
}
.single-lca-case #third .container .image img {
width: 100%;
display: block;
height: auto;
}
.single-lca-case #fourth {
margin-bottom: 120px;
background: #195723;
padding: 55px 0;
}
.single-lca-case #fourth .container .gallery {
display: flex;
align-items: center;
justify-content: center;
}
.single-lca-case #fourth .container .gallery img {
display: block;
}
.single-lca-case #fourth .container .gallery .slick-slide {
margin: 0 20px;
}
.single-lca-case #fourth .container .gallery .slick-list {
margin: 0 -20px;
}
@media screen and (max-width: 1680px) {
header#masthead #site-navigation ul#primary-menu-list li a {
font-size: 16px;
line-height: 16px;
}
header#masthead #site-navigation ul#primary-menu-list li {
padding: 0 12px;
}
.custom-logo-link {
display: flex;
align-items: center;
justify-content: flex-start;
}
.custom-logo-link img {
width: 100%;
height: auto;
display: block;
}
header#masthead .search:hover form {
width: 140px;
}
header#masthead .search input.search-field {
margin-right: 9px;
font-size: 16px;
line-height: 16px;
width: 100%;
}
header#masthead .search {
padding-left: 10px;
}
.home #heading .container .text h1 {
font-size: 44px;
line-height: 52px;
}
h1, .h1 {
font-size: 30px;
line-height: 35px;
}
body, html {
font-size: 16px;
line-height: 20px;
}
.home #third .container .left .title h2, .home #third .container .right .title h2 {
font-size: 24px;
line-height: 28px;
}
.news .element:not(:nth-child(3n)) {
margin-right: 60px;
}
.news .element {
width: calc(100% / 3 - (120px / 3));
}
.home #first .container .application a .name {
transition: all 0.3s ease;
}
.home #first .container .application a:hover .name {
opacity: 0;
}
.page-template-template-assingeo #heading .container .left {
width: calc(100% / 5 * 2);
padding-right: 70px;
}
.page-template-template-assingeo #heading .container .left .image img {
width: 100%;
height: auto;
}
.page-template-template-assingeo #second .container .members .member:not(:nth-child(3n)) {
margin-right: 30px;
}
.page-template-template-assingeo #second .container .members .member {
width: calc(100% / 3 - (60px / 3));
padding: 20px;
margin-bottom: 30px;
}
.page-template-template-assingeo #second .container .members .member .title {
font-size: 16px;
line-height: 16px;
}
.projects .project:not(:nth-child(3n)) {
margin-right: 50px;
}
.projects .project {
width: calc(100% / 3 - (100px / 3));
}
.page-template-template-ambiente #third .container .left .text .text-left, .page-template-template-ambiente #third .container .left .text .text-right {
padding-right: 30px;
}
.post-type-archive-applicazione #heading {
margin-top: 70px;
margin-bottom: 40px;
}
.funzioni .funzione:not(:nth-child(5n)) {
margin-right: 0px;
}
.funzioni .funzione:not(:nth-child(4n)) {
margin-right: 20px;
}
.funzioni .funzione {
width: calc(100% / 4 - (60px / 4));
}
.post-type-archive-applicazione #first {
margin-bottom: 70px;
}
.single-applicazione #heading .container .left {
padding-right: 60px;
}
.single-post #heading .container .right {
padding-left: 65px;
}
.single-post #heading .container .left .date::before {
width: 80%;
}
.single-post #heading .container {
margin-bottom: 80px;
}
.single-post #content {
min-height: unset;
}
.post-type-archive-case-studies #heading .container .filters .select .options {
left: auto;
right: 0;
min-width: 30vw;
}
.single-case-studies #first .container .right {
padding-left: 90px;
}
.single-case-studies #first .container .right .gallery .image img {
height: 250px;
}
.page-template-template-lca #heading {
margin-top: 70px;
}
.page-template-template-lca #heading .container .left {
padding-top: 20px;
}
.page-template-template-lca #heading .container::before {
left: 0px;
top: -70px;
height: 75%;
}
.page-template-template-lca #heading .container .left .image .label {
font-size: 17px;
max-width: 16vw;
top: 6px;
right: 0;
}
.page-template-template-lca #second .container .bottom .image img, .page-template-template-lca #second .container .bottom .image svg {
width: 100%;
height: auto;
}
.page-template-template-lca .boxed {
padding: 0 10vw;
}
.page-template-template-lca #second .container .bottom.-left {
padding-right: 50px;
}
.page-template-template-lca #second .container .bottom.-right {
padding-left: 50px;
}
.page-template-template-lca #second .container .bottom .title h3 {
font-size: 16px;
line-height: 20px;
}
.page-template-template-lca #third .container .cases .lca .image img {
width: 100%;
height: auto;
display: block;
}
.page-template-template-lca #third .container .cases .lca {
width: calc(50% - 70px);
height: 20vw;
padding: 32px;
}
.single-lca-case #heading .container .image img {
width: 100%;
height: auto;
}
.single-lca-case #first .container .left img, .single-lca-case #first .container .right img {
width: 100%;
height: auto;
display: block;
}
}
@media screen and (max-width: 1366px) {
.site-logo {
width: 160px;
display: flex;
}
.site-logo .custom-logo-link {
width: 100%;
}
.site-logo .custom-logo-link img {
width: 100%;
}
header#masthead .search:hover form {
width: 115px;
}
header#masthead {
width: 100%;
height: 125px;
padding: 0 4vw !important;
}
header#masthead #site-navigation ul#primary-menu-list li a {
font-size: 15px;
line-height: 15px;
}
h3, .h3 {
font-size: 18px;
line-height: 21px;
font-weight: 700;
}
.home #third .container .left, .home #third .container .right {
padding-right: 70px;
}
.home #second {
margin: 60px 0;
}
.home #third {
padding: 80px 0;
margin-bottom: 70px;
}
.home #heading .container .text h1 {
font-size: 36px;
line-height: 40px;
}
.page-template-template-assingeo #first .container .left {
padding-right: 40px;
}
.page-template-template-assingeo #first .container .right {
padding-left: 40px;
}
.page-template-template-ambiente #third .container .left {
width: calc(100%);
margin-bottom: 35px;
}
.page-template-template-ambiente #third .container .right {
width: 100%;
margin-right: 0;
}
.page-template-template-ambiente #third .container .right img {
width: 100%;
height: 33vw;
object-fit: cover;
}
.page-template-template-ambiente #third {
padding-top: 40px;
padding-bottom: 40px;
}
.single-post #heading {
margin-top: 70px;
margin-bottom: 70px;
}
h2, .h2 {
font-size: 22px;
line-height: 26px;
}
.single-case-studies #first .container .right .gallery .image img {
height: 220px;
}
.page-template-template-lca #third .container .cases .lca {
width: calc(50% - 25px);
height: 22vw;
}
.page-template-template-lca #third .container .cases .lca:not(:nth-last-child(-n+2)) {
margin-bottom: 50px;
}
.page-template-template-lca #first, .page-template-template-lca #third {
margin-top: 80px;
margin-bottom: 60px;
}
.page-template-template-lca .boxed {
padding: 0px 7vw;
}
.page-template-template-lca #second .container .bottom .title {
margin-bottom: 36px;
}
}
@media screen and (max-width: 1025px) {
header#masthead .site-branding .site-logo {
opacity: 0;
display: none;
}
header#masthead .site-branding .site-logo.sticky {
opacity: 1;
display: block;
}
#mobile-navigation {
z-index: 99999;
}
#mobile-navigation .menu-button-container {
display: flex;
left: 5vw !important;
padding: 0;
right: auto !important;
top: 50%;
transform: translateY(-50%);
}
#mobile-navigation {
height: 100%;
}
header#masthead {
background: #fff !important;
width: 100%;
height: 75px;
position: fixed !important;
}
header#masthead.sticky {
height: 75px;
}
.site-logo {
width: 155px;
}
header#masthead .search {
padding-left: 0;
border: 0;
position: absolute;
right: 5vw;
top: 50%;
transform: translateY(-50%);
}
header#masthead .search:hover form {
display: none !important;
}
.site-branding {
position: relative;
z-index: 9999999 !important;
}
#mobile-navigation .primary-menu-container #mobile-menu-list li a {
padding: 17px 0;
text-transform: uppercase;
font-weight: 600;
font-size: 26px;
}
#mobile-navigation .primary-menu-container #mobile-menu-list::-webkit-scrollbar, body.mobile-navigation-open #mobile-navigation .primary-menu-container::-webkit-scrollbar {
display: none;
}
.home #first .container .application {
width: calc(100% / 4);
flex-basis: calc(100% / 4);
height: 30.8vw;
}
.boxed {
padding: 0 5vw;
}
h1, .h1 {
font-size: 26px;
line-height: 30px;
}
h2, .h2 {
font-size: 20px;
line-height: 25px;
}
.news .element:not(:nth-child(3n)) {
margin-right: 30px;
}
.news .element {
width: calc(100% / 3 - (60px / 3));
}
.link {
font-size: 16px;
line-height: 16px;
}
#content {
padding-top: 75px;
}
#breadcrumbs {
margin-top: 0;
width: 100%;
height: 60px;
}
.projects .project .image {
width: 100%;
height: 19.6vw;
}
.projects .project .title {
margin: 10px 0 15px;
}
.page-template-template-ambiente #heading {
padding-top: 50px;
padding-bottom: 50px;
}
.page-template-template-ambiente #second {
padding-bottom: 50px;
padding-top: 50px;
}
.page-template-template-ambiente #fourth {
padding-top: 60px;
padding-bottom: 60px;
}
.post-type-archive-applicazione #first {
margin-bottom: 30px;
}
.page-template-template-certificati #heading {
margin-top: 50px;
}
.page-template-template-certificati #first {
padding: 70px 0;
margin: 50px 0 50px;
}
.post-type-archive-case-studies #heading .container .filters .select .options {
position: absolute;
left: auto;
right: 0;
min-width: 46vw;
}
.single-case-studies #heading {
margin-top: 50px;
margin-bottom: 18px;
}
.single-case-studies #heading .container .title {
padding-bottom: 25px;
}
.search #heading {
margin-top: 50px;
margin-bottom: 30px;
}
.page-template-template-lca #heading .container .left {
padding-top: 0;
}
.page-template-template-lca #heading .container .left .image svg {
width: 100%;
height: auto;
}
.page-template-template-lca #heading .container .left {
padding-right: 90px;
}
.page-template-template-lca #heading .container::before {
left: 0px;
top: -77px;
height: 80%;
}
}
@media screen and (max-width: 800px) {
.home #first .container .application {
width: calc(100% / 4);
flex-basis: calc(100% / 4);
height: 37vw;
}
.home #third .container .right {
border-right: 0;
}
.home #heading .container .image img {
height: 50vw;
object-fit: cover;
}
.news .element:not(:nth-child(3n)) {
margin-right: 0;
}
.news .element {
margin-bottom: 80px;
}
.news .element {
width: calc(100% / 2 - 30px);
}
.news .element:not(:nth-child(2n)) {
margin-right: 60px;
}
.home #third .container .left, .home #third .container .right {
padding-right: 40px;
}
.news .element .image img {
width: 100%;
height: 32.6vw;
}
.home #sixth .container .members .member {
width: calc(100% / 3);
}
.home #fourth .container {
margin-bottom: 10px;
}
.page-template-template-assingeo #second .container .members .member:not(:nth-child(3n)) {
margin-right: 0;
}
.page-template-template-assingeo #second .container .members .member:not(:nth-child(2n)) {
margin-right: 50px;
}
.page-template-template-assingeo #second .container .members .member {
width: calc(100% / 2 - 25px);
}
.page-template-template-assingeo #heading {
margin-top: 55px;
margin-bottom: 50px;
}
.page-template-template-assingeo #first .container {
padding-top: 50px;
padding-bottom: 50px;
}
.page-template-template-assingeo #first .container .right {
padding-left: 24px;
}
.page-template-template-assingeo #first {
margin-bottom: 50px;
}
.single-membri #first .container .right {
width: 100%;
}
.single-membri #first .container .left {
width: 50%;
margin-bottom: 40px;
}
.single-membri #first {
margin-top: 40px;
margin-bottom: 50px;
}
.projects .project:not(:nth-child(3n)) {
margin-right: 0px;
}
.projects .project {
width: calc(100% / 2 - 25px);
}
.projects .project:not(:nth-child(2n)) {
margin-right: 50px;
}
.projects .project .image {
width: 100%;
height: 31vw;
}
.post-type-archive-applicazione #heading {
margin-top: 50px;
margin-bottom: 30px;
}
.funzioni .funzione {
width: calc(100% / 2 - 10px);
}
.funzioni .funzione:not(:nth-child(4n)) {
margin-right: 0px;
}
.funzioni .funzione:not(:nth-child(2n)) {
margin-right: 20px;
}
.post-type-archive-applicazione #second {
margin-bottom: 30px;
}
.post-type-archive-applicazione #first .container .applicazione:not(:nth-child(4n)) {
margin-right: 0px;
}
.post-type-archive-applicazione #first .container .applicazione:not(:nth-child(2n)) {
margin-right: 20px;
}
.post-type-archive-applicazione #first .container .applicazione {
width: calc(100% / 2 - 10px);
margin-bottom: 40px;
}
.post-type-archive-applicazione #first .container .applicazione a .image img {
width: 100%;
height: 28vw;
}
.single-applicazione #heading .container .right {
width: 100%;
margin-right: 0;
}
.single-applicazione #heading .container .left {
padding-right: 0px;
}
.single-applicazione #heading .container .left {
width: 100%;
}
.single-applicazione #heading .container .left {
width: 100%;
margin-top: 45px;
margin-bottom: 10px;
}
.single-applicazione #first {
padding: 50px 0;
}
.page-template-template-certificati #first .container .bottom .text {
width: calc(50% - 30px);
}
.page-template-template-certificati #second, .page-template-template-certificati #metodi {
margin-bottom: 50px;
}
.blog #heading {
margin-top: 50px;
margin-bottom: 30px;
}
.single-post #heading .container .left, .single-post #heading .container .right {
width: 100%;
}
.single-post #heading .container .right {
padding-left: 0;
margin-top: 25px;
}
.single-post #heading .container .left .date::before {
bottom: 3px;
width: 86%;
}
.single-post #heading {
margin-top: 60px;
margin-bottom: 70px;
}
.single-case-studies #first .container .left, .single-case-studies #first .container .right {
width: 100%;
}
.single-case-studies #first .container .right {
margin-top: 20px;
padding-left: 0;
}
.single-case-studies #first .container .right .info {
margin-bottom: 0;
}
.single-case-studies #first .container .right {
margin-top: 0;
padding-left: 0;
}
.single-case-studies #first {
margin-bottom: 0;
}
.page-template-template-contatti #heading .container .right {
width: 100%;
margin-right: 0;
margin-top: 40px;
margin-bottom: 80px;
}
.page-template-template-contatti #content {
min-height: unset;
}
.page-template-template-contatti #heading .container .left .image img, .page-template-template-contatti #heading .container .right .image img {
height: auto;
}
.page-template-template-contatti #heading .container .left, .page-template-template-contatti #heading .container .right {
width: 100%;
}
.page-template-template-contatti #heading .container .left {
padding-top: 50px;
}
.search #first .container .member:not(:nth-child(3n)) {
margin-right: 0px;
}
.search #first .container .member:not(:nth-child(2n)) {
margin-right: 50px;
}
.search #first .container .member {
width: calc(100% / 2 - 25px);
}
.page-template-template-lca #heading .container .left {
padding-right: 0;
width: 100%;
}
.page-template-template-lca #heading .container .left .paragraph {
margin-bottom: 30px;
}
.page-template-template-lca #heading .container .right {
width: 100%;
margin-top: 60px;
}
.page-template-template-lca .boxed {
padding: 0px 5vw;
}
.page-template-template-lca #heading {
margin-top: 45px;
}
.page-template-template-lca #heading .container .left .image .label {
font-size: 17px;
max-width: 48vw;
top: 6px;
right: 0;
}
.page-template-template-lca #heading .container::before {
left: 0px;
top: -77px;
height: 39%;
}
.page-template-template-lca #first .container .left, .page-template-template-lca #first .container .right, .page-template-template-lca #second .container .left, .page-template-template-lca #second .container .right, .page-template-template-lca #second .container .bottom {
width: 100%;
flex-basis: 100%;
padding: 0 !important;
}
.page-template-template-lca #first .container .right {
margin-top: 50px;
}
.page-template-template-lca #second .container .bottom .image {
margin-bottom: 15px;
height: auto;
}
.page-template-template-lca #third .container .cases .lca {
width: 100%;
height: 40vw;
}
.page-template-template-lca #second .container .bottom {
margin-top: 37px;
}
.page-template-template-lca #first, .page-template-template-lca #third {
margin-top: 50px;
margin-bottom: 50px;
}
.page-template-template-lca #third .container .cases .lca:not(:last-child) {
margin-bottom: 30px !important;
}
.single-lca-case #heading {
margin-top: 50px;
}
.single-lca-case #first .container .left {
margin-right: 70px;
}
.single-lca-case #first .container .left, .single-lca-case #first .container .right {
width: calc(50% - 35px);
}
.single-lca-case #fourth .container .gallery img {
width: 100%;
height: auto;
object-fit: cover;
}
}
@media screen and (max-width: 600px) {
#mobile-navigation .primary-menu-container #mobile-menu-list li a {
padding: 17px 0;
font-weight: 600;
font-size: 22px;
}
#mobile-navigation .primary-menu-container #mobile-menu-list {
padding: 30px 35px !important;
}
.home #first .container .application a .name {
top: 18px;
left: 0;
padding: 0 11px;
z-index: 2;
}
.home #first .container .application a::before {
height: 60%;
}
.home #heading .container .image img {
height: auto;
object-fit: cover;
}
.home #heading .container .text {
width: 100%;
display: flex;
flex-direction: column;
position: relative;
right: unset;
top: unset;
transform: unset;
padding: 6vw 5vw;
background: #008E30;
}
.home #heading .container .text h1 {
font-size: 26px;
line-height: 33px;
}
.home #heading .h1 {
font-size: 22px;
line-height: 28px;
}
.home #heading .overlay {
display: none;
}
.home #first .container .application {
width: calc(100% / 2);
flex-basis: calc(100% / 2);
height: 50vw;
}
.home #first .container {
border-bottom: 1px solid #2E2E2D;
}
.home #second .container .left, .home #second .container .right {
width: 100%;
}
.home #second .container .left {
padding-right: 0;
}
.home #second .container .right {
padding-top: 0px;
}
.home #third .container .left, .home #third .container .right {
padding-right: 0;
}
.home #third .container .left, .home #third .container .right {
width: 100%;
}
.home #third .container .right {
margin-top: 0px;
}
.home #second {
margin: 40px 0;
}
.home #third {
padding: 40px 0;
margin-bottom: 43px;
}
.news .element:not(:nth-child(2n)) {
margin-right: 0;
}
.news .element {
width: calc(100%);
}
.home #sixth .container .members .member {
width: calc(100% / 2);
}
.home #sixth .container .members .member {
padding: 0 15px;
}
.home #fifth {
margin-bottom: 50px;
}
.intro {
padding-left: 25px;
}
.news .element .image img {
width: 100%;
height: auto;
}
.home #fourth .container .intro {
margin-bottom: 30px;
}
.news .element {
margin-bottom: 48px;
}
.news .element .link-wrapper {
margin-top: 4px;
}
.page-template-template-assingeo #heading .container .left {
width: 100%;
padding-right: 0;
margin-bottom: 40px;
}
.page-template-template-assingeo #heading {
margin-top: 35px;
margin-bottom: 50px;
}
.page-template-template-assingeo #heading .container .right {
width: 100%;
}
.page-template-template-assingeo #heading .container .left .image img {
width: 53%;
height: auto;
}
.page-template-template-assingeo #heading .container .left {
width: 100%;
padding-right: 0;
margin-bottom: 24px;
}
.page-template-template-assingeo #first .container .left {
padding-right: 0;
}
.page-template-template-assingeo #first .container .left, .page-template-template-assingeo #first .container .right {
width: 100%;
flex-basis: 100%;
}
.page-template-template-assingeo #first .container .right {
padding-left: 0;
}
.page-template-template-assingeo #heading {
margin-top: 35px;
margin-bottom: 25px;
}
.page-template-template-assingeo #first .container {
padding-top: 30px;
padding-bottom: 30px;
}
.page-template-template-assingeo #second .container .members .member:not(:nth-child(2n)) {
margin-right: 0;
}
.page-template-template-assingeo #second .container .members .member {
width: 100%;
}
.page-template-template-assingeo #second .container .intro {
margin-bottom: 30px;
}
.single-membri #first .container .left {
width: 100%;
margin-bottom: 28px;
}
h1, .h1 {
font-size: 24px;
line-height: 28px;
}
.single-membri #first .container .right .title {
margin-bottom: 10px;
}
.single-membri #first {
margin-top: 25px;
margin-bottom: 50px;
}
#breadcrumbs span, #breadcrumbs p, #breadcrumbs a {
white-space: nowrap;
}
#breadcrumbs {
overflow-x: auto;
height: 50px;
}
#breadcrumbs::-webkit-scrollbar {
display: none;
}
.projects .project {
width: calc(100%);
margin-bottom: 45px;
}
.projects .project:not(:nth-child(2n)) {
margin-right: 0px;
}
.projects .project .image {
width: 100%;
height: auto;
}
.projects .project .title {
padding: 6px 0;
min-height: auto;
}
.page-template-template-ambiente #heading {
padding-top: 35px;
padding-bottom: 35px;
}
.page-template-template-ambiente #first {
height: 80vw;
}
.page-template-template-ambiente #third .container .left .text .text-left, .page-template-template-ambiente #third .container .left .text .text-right {
width: 100%;
padding-right: 0 !important;
}
.page-template-template-ambiente #third .container .right img {
width: 100%;
height: auto;
}
.page-template-template-ambiente #fifth .container .intro {
margin-bottom: 30px;
}
.page-template-template-ambiente #heading {
padding-top: 35px;
padding-bottom: 25px;
}
.page-template-template-ambiente #second {
padding-bottom: 30px;
}
.page-template-template-ambiente #fourth {
padding-top: 40px;
padding-bottom: 40px;
}
.post-type-archive-applicazione #first .container .applicazione {
width: 100%;
margin-right: 0 !important;
}
.post-type-archive-applicazione #first .container .applicazione a .image img {
width: 100%;
height: auto;
}
.funzioni .funzione {
width: 100%;
margin-right: 0 !important;
}
.post-type-archive-applicazione #third {
margin-bottom: 100px;
}
.post-type-archive-applicazione #heading {
margin-top: 45px;
margin-bottom: 20px;
}
.post-type-archive-applicazione #first {
margin-bottom: 0;
}
.image img {
width: 100%;
height: auto;
}
.single-applicazione #first .container .intro {
margin-bottom: 30px;
}
.single-applicazione #second .container .top {
width: 100%;
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-direction: column;
margin-bottom: 40px;
}
.single-applicazione #second .container .top .intro {
margin-bottom: 34px;
}
.single-applicazione #second {
display: block;
margin-top: 40px;
margin-bottom: 90px;
}
.single-applicazione #heading .container .left {
margin-top: 40px;
}
.single-applicazione #first {
padding: 30px 0;
margin: 20px 0;
}
.page-template-template-certificati #heading {
margin-top: 45px;
}
.page-template-template-certificati #first .container .bottom .text {
width: 100%;
}
.page-template-template-certificati #first {
padding: 40px 0;
margin: 40px 0 40px;
}
.page-template-template-certificati #first .container .intro {
margin-bottom: 13px;
}
.page-template-template-certificati #third .container .istituti .istituto {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.page-template-template-certificati #second .container .norme .norma::before, .page-template-template-certificati #second .container .norme .norma:first-child::after, .page-template-template-certificati #metodi .container .norme .norma::before, .page-template-template-certificati #metodi .container .norme .norma:first-child::after {
left: -5vw;
}
.page-template-template-certificati #third .container .istituti {
padding: 20px;
}
.page-template-template-certificati #third .container .istituti .istituto:first-child {
padding-top: 0;
}
.blog #heading {
margin-top: 45px;
margin-bottom: 30px;
}
.blog #first .element {
margin-bottom: 60px;
}
.single-post #heading {
margin-top: 45px;
margin-bottom: 70px;
}
.single-post #heading .container .left .date::before {
bottom: 3px;
width: 70%;
}
.single-post #heading .container {
margin-bottom: 60px;
}
.post-type-archive-case-studies #heading {
margin-top: 45px;
margin-bottom: 20px;
}
.post-type-archive-case-studies #first .projects {
padding-top: 40px;
}
.post-type-archive-case-studies #heading .container .filters .select .options {
left: -76vw;
right: auto;
width: 90vw;
}
.post-type-archive-case-studies #heading {
margin-top: 50px;
margin-bottom: 20px;
}
.single-case-studies #heading {
margin-top: 45px;
margin-bottom: 10px;
}
.single-case-studies #first .container .right .slick-arrow {
width: 30px;
height: 30px;
}
.single-case-studies #first .container .right .slick-arrow.slick-next {
right: -12px !important;
}
.single-case-studies #first .container .right .slick-arrow.slick-prev {
left: -12px !important;
}
.single-case-studies #first .container .right .info .item {
flex-direction: column;
}
.single-case-studies #first .container .right .info .item span:first-child {
margin-bottom: 8px;
}
.single-case-studies #last .container .back {
margin-top: 20px;
}
.page-template-template-contatti #heading .container .right {
width: 100%;
margin-right: 0;
}
.page-template-template-contatti #heading .container .right {
width: 100%;
margin-right: 0;
margin-top: 10px;
margin-bottom: 80px;
}
.page-template-template-contatti #heading .container .left {
padding-top: 40px;
}
.search #first .container .member {
width: 100% !important;
margin-bottom: 35px;
}
.search #first .container .member:not(:nth-child(2n)) {
margin-right: 0 !important;
}
.search #heading {
margin-top: 45px;
margin-bottom: 30px;
}
.single-membri #second {
display: block;
margin-top: 0;
}
.single-membri #first .container .left {
margin-bottom: 10px;
}
.post-type-archive-case-studies #heading .container {
display: flex;
align-items: flex-end;
justify-content: flex-start;
flex-direction: column;
}
.post-type-archive-case-studies #heading .container .filters:last-child {
margin-top: 10px;
}
.post-type-archive-case-studies #heading .container .filters .select .options.active {
z-index: 99999;
}
.funzione {
margin-bottom: 5vw;
}
.page-template-template-lca #heading {
margin-top: 35px;
}
.page-template-template-lca #heading .container::before {
left: 0px;
top: -77px;
height: 54%;
}
.page-template-template-lca #heading .container .left .image .label {
font-size: 17px;
max-width: 100%;
top: unset;
right: unset;
position: relative;
order: 1;
margin-bottom: 30px;
}
.page-template-template-lca #heading .container .left .image svg {
order: 3;
}
.page-template-template-lca #heading .container .left .image {
display: flex;
flex-direction: column;
}
.page-template-template-lca #heading .container .left .paragraph {
margin-bottom: 0;
}
.page-template-template-lca #first .container .right {
margin-top: 24px;
}
.page-template-template-lca #second {
padding: 45px 0;
}
.page-template-template-lca #second .container .bottom .title h3 {
font-size: 16px;
line-height: 18px;
text-align: left;
}
.page-template-template-lca #second .container .bottom .title {
margin-bottom: 22px;
}
.page-template-template-lca #third .container .cases .lca {
width: 100%;
height: 69vw;
padding: 20px;
}
.page-template-template-lca #third .container .cases .lca .link-wrapper {
padding-left: 0;
}
.page-template-template-lca #fourth {
padding: 40px 0px;
padding-bottom: 85px;
}
.page-template-template-lca #third .container .cases {
margin: 25px 0 0;
}
.single-lca-case #heading {
margin-top: 35px;
}
.single-lca-case #heading .container .title {
margin-bottom: 40px;
}
.single-lca-case #heading .container .image {
margin-bottom: 35px;
}
.single-lca-case #first .container .left, .single-lca-case #first .container .right {
width: 100%;
margin-right: 0 !important;
}
.single-lca-case #first .container .left {
margin-bottom: 30px;
}
.single-lca-case #second .container {
display: flex;
flex-flow: unset;
flex-direction: column;
}
.single-lca-case #second .container a {
width: 100%;
display: block;
font-size: 15px;
line-height: 20px;
}
.single-lca-case #second .container .link-wrapper:first-child {
margin-right: 0;
margin-bottom: 15px;
}
.single-lca-case #first {
margin-top: 30px;
margin-bottom: 50px;
}
.single-lca-case #first .container .left .intro, .single-lca-case #first .container .right .intro {
margin-bottom: 20px;
}
.single-lca-case #second {
margin-bottom: 60px;
}
.single-lca-case #third {
margin-bottom: 65px;
}
.single-lca-case #fourth .container .gallery .slick-list {
margin: 0 -10px;
}
.single-lca-case #fourth .container .gallery .slick-slide {
margin: 0 10px;
}
}
footer#colophon {
background: #2E2E2D;
padding: 100px 0 30px 0;
position: relative;
}
footer#colophon::before {
content: "";
position: absolute;
left: 50%;
top: 0;
transform: translate(-50%, -50%);
background: #fff;
border-radius: 50%;
width: 114px;
height: 114px;
z-index: 1;
}
footer#colophon::after {
content: "";
position: absolute;
left: 50%;
top: 0;
transform: translate(-50%, -50%);
width: 96px;
height: 96px;
background-image: url(https://www.assingeo.it/wp-content/themes/assingeo-child/assets/svg/icona-assingeo.svg);
background-size: contain;
z-index: 99;
}
footer#colophon .footer-inner {
display: flex;
width: 100%;
}
footer#colophon .footer-inner .footer-col .textwidget .footer-content {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
footer#colophon .footer-inner .footer-col .textwidget .footer-content .mail {
margin-bottom: 40px;
}
footer#colophon .footer-inner .footer-col .textwidget .footer-content .mail a {
font-size: 24px;
line-height: 24px;
font-weight: 700;
color: #fff;
text-decoration: underline;
}
footer#colophon .footer-inner .footer-col .textwidget .footer-content .privacy {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 45px;
}
footer#colophon .footer-inner .footer-col .textwidget .footer-content .privacy span:first-child {
margin-right: 45px;
}
footer#colophon .footer-inner .footer-col .textwidget .footer-content .privacy span a {
font-size: 16px;
line-height: 16px;
font-weight: 500;
color: #fff;
}
footer#colophon .footer-bottom .textwidget .footer-bottom-content {
width: 100%;
padding: 0 11vw;
display: flex;
align-items: center;
justify-content: space-between;
}
footer#colophon .footer-bottom .textwidget .footer-bottom-content span, footer#colophon .footer-bottom .textwidget .footer-bottom-content a {
color: #fff;
font-size: 14px;
line-height: 14px;
font-weight: 500;
}
footer#colophon .footer-bottom .social {
display: none;
}
@media screen and (max-width: 1025px) {
footer#colophon .footer-inner .footer-col .textwidget .footer-content .mail a {
font-size: 20px;
line-height: 20px;
}
footer#colophon .footer-bottom .textwidget .footer-bottom-content {
width: 100%;
padding: 0 5vw;
}
footer#colophon .footer-bottom .textwidget .footer-bottom-content {
width: 100%;
padding: 0 5vw;
display: flex;
flex-direction: column;
}
footer#colophon .footer-bottom .textwidget .footer-bottom-content .center {
text-align: center;
display: block;
}
footer#colophon .footer-bottom .textwidget .footer-bottom-content span, footer#colophon .footer-bottom .textwidget .footer-bottom-content a {
font-size: 14px;
line-height: 26px;
text-align: center;
}
}