@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Manrope:wght@200;300;400;500;600;700;800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Source+Serif+4:ital,opsz,wght@0,8..60,200;0,8..60,300;0,8..60,400;0,8..60,500;0,8..60,600;0,8..60,700;0,8..60,800;0,8..60,900;1,8..60,200;1,8..60,300;1,8..60,400;1,8..60,500;1,8..60,600;1,8..60,700;1,8..60,800;1,8..60,900&display=swap"); :root { --home-carousel-img-width: min(1261px, 70vw);
--studio-carousel-img-width: min(850px, 58vw);
}
@media screen and (max-width: 960px) {
:root {
--home-carousel-img-width: 100vw;
--studio-carousel-img-width: 95vw;
}
}  .hide-menu{
display: none;	
}
.grve-main-content-wrapper {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
@media screen and (min-width: 769px) {
.home_btn_scopri {
display: flex;
}
.btn-scopri-mobile {
display: none !important;
}
}
@media screen and (max-width: 768px) {
.home_btn_scopri {
display: none !important;
}
.btn-scopri-mobile {
display: flex;
}
}
.btn-scopri-mobile {
width: 157px;
height: 38px;
display: flex;
align-items: center;
border: 1px solid #F8CD41;
border-radius: 19px;
}
.btn-scopri-mobile img {
margin-left: 15px;
margin-right: 15px;
} #grve-main-header>.grve-wrapper>.grve-container {
max-width: 1642px;
}
#grve-main-menu #menu-header {
margin-left: 50px;
}
#grve-main-menu li a {
padding: 0 !important;
}
#grve-main-menu li a>span {
padding-left: 50px;
letter-spacing: 0;
position: relative;
}
#grve-main-menu li:not(:last-child) a>span {
padding-right: 50px;
border-right: 1px solid #8B8B8B;
}
#grve-main-menu li a span::before {
content: ' ';
position: absolute;
left: 25px;
top: -10px;
width: calc(100% - 50px);
height: 38px;
border-radius: 19px;
border: 1px solid #F8CD41;
opacity: 0;
transition: opacity 0.3s;
}
#grve-main-menu li:last-child a span::before {
width: 100%;
}
#grve-main-menu li:hover a span::before {
opacity: 1;
}
#grve-main-menu li.current-menu-item a span::before {
opacity: 1;
}
.lang-switch {
position: relative;
top: 50%;
transform: translateY(-50%); transition: width 0.4s;
z-index: 2; height: 44px;
background-color: #F5F7FA;
color: #3C4B5D;
border-radius: 22px;
border: 1px solid #F8CD41;
padding: 10px 15px;
display: flex;
flex-direction: row;
align-items: center;
}
html[lang="en-US"] .lang-switch {
width: 95px;
}
html[lang="it-IT"] .lang-switch {
width: 72px;
}
.lang-switch:hover {
width: 125px !important;
}
.lang-switch img {
margin-right: 5px;
height: 20px;
}
.lang-switch a {
cursor: pointer;
color: #3C4B5D !important;
}
.lang-switch a:hover {
color: #3C4B5D !important;
}
.lang-switch .current {
margin: 0 15px 0 0;
}
.lang-switch .other {
margin: 0;
opacity: 0;
transition: opacity 0.4s;
}
.lang-switch:hover .other {
opacity: 1;
}
@media screen and (min-width: 1023px) and (max-width: 1690px) {
#grve-main-header .grve-logo {
transform: translateX(-30px);
}
#grve-main-header .grve-logo>.grve-wrapper>a {
height: 25px;
}
#grve-main-menu li:not(:last-child) a>span {
padding-right: 15px;
}
#grve-main-menu li a>span {
padding-left: 15px;
}
#grve-main-menu li:nth-child(1) a>span {
padding-left: 0;
}
.lang-switch-container {
transform: translateX(50px);
}
#grve-main-menu li a span::before {
left: 10px;
width: calc(100% - 20px);
}
#grve-main-menu li:last-child a span::before {
left: 8px;
}
#grve-main-menu li:nth-child(1) a span::before {
left: -6px;
width: calc(100% - 5px);
}
}
#grve-main-responsive-header>.grve-container {
max-width: 80% !important;
}
#grve-hidden-menu-overlay {
display: none !important;
}
.icon-open-hidden-menu {
height: 100%;
position: relative;
}
.icon-open-hidden-menu div {
width: 100%;
height: 1px;
background-color: white;
position: absolute;
}
.icon-open-hidden-menu div:nth-child(1) {
top: 0;
}
.icon-open-hidden-menu div:nth-child(2) {
top: 8px;
}
.icon-open-hidden-menu div:nth-child(3) {
top: 16px;
}
.grve-hiddenarea-wrapper {
background-color: #3C4B5D;
}
.logo-and-close {
display: flex;
max-width: 80%;
height: 90px;
margin: 0 auto;
justify-content: space-between;
align-items: center;
}
.logo-and-close img {
height: 26px;
}
.logo-and-close .grve-close-btn {
width: auto;
height: auto;
display: block;
transition: unset;
transform: unset;
}
.icon-close-hidden-menu {
height: 21px;
width: 21px;
position: relative;
top: 7px;
}
.icon-close-hidden-menu div {
position: absolute;
width: 100%;
height: 1px;
background-color: white;
}
.icon-close-hidden-menu div:nth-child(1) {
transform: rotate(45deg);
}
.icon-close-hidden-menu div:nth-child(2) {
transform: rotate(-45deg);
}
.grve-hiddenarea-content {
width: auto !important;
max-width: 80%;
padding-top: 50px;
}
.grve-hiddenarea-content ul li.menu-item {
transition: unset !important;
transform: unset !important;
opacity: 1 !important;
visibility: visible !important;
}
.grve-hiddenarea-content ul li.menu-item a {
width: fit-content;
padding: 2px 20px;
border: 1px solid #F8CD41 !important;
border-radius: 19px;
font-size: 18px !important;
margin-bottom: 19px;
}
@media screen and (max-width: 1023px) {
html[lang="it-IT"] .lang-switch {
width: 54px;
}
html[lang="en-US"] .lang-switch {
width: 82px;
}
.lang-switch {
height: 32px;
padding: 0px 8px;
}
.lang-switch img {
height: 14px;
}
.lang-switch:hover {
width: 106px !important;
}
} .grve-section.grve-row-section.page-title-background {
background-size: cover !important;
}
.page-title-background .grve-background-wrapper {
top: auto;
height: 75%;
background: linear-gradient(to bottom, #3C4B5D00, #3C4B5D);
}
.page-title-background.home {
background: url(//www.legalade.it/wp-content/themes/movedo-child/assets/background_home.jpg) center top !important;
}
.page-title-background.studio {
background: url(//www.legalade.it/wp-content/themes/movedo-child/assets/backgrund_studio-resize.jpg) center top !important;
}
.page-title-background.competenze {
background: url(//www.legalade.it/wp-content/themes/movedo-child/assets/background_competenze.jpg) center top !important;
}
.page-title-background.come_operiamo {
background: url(//www.legalade.it/wp-content/themes/movedo-child/assets/backgrund_come_operiamo.jpg) center top !important;
}
.page-title-background.home .grve-column-wrapper,
.page-title-background.studio .grve-column-wrapper,
.page-title-background.competenze .grve-column-wrapper,
.page-title-background.come_operiamo .grve-column-wrapper {
height: calc(100vh - 100px);
display: flex;
justify-content: flex-end;
flex-direction: column;
}
@media screen and (max-width: 1023px) {
.page-title-background.home .grve-column-wrapper,
.page-title-background.studio .grve-column-wrapper,
.page-title-background.competenze .grve-column-wrapper,
.page-title-background.come_operiamo .grve-column-wrapper {
height: calc(100vh - 90px);
}
}
@media screen and (min-width: 570px) and (max-width: 1023px) {
.page-title-background.home {
background-position: left bottom !important;
}
}
@media screen and (max-width: 569px) {
.page-title-background.home {
background: url(//www.legalade.it/wp-content/themes/movedo-child/assets/background_home_mobile.jpg) center top !important;
}
.page-title-background.studio {
background: url(//www.legalade.it/wp-content/themes/movedo-child/assets/backgrund_studio_mobile.jpg) center top !important;
}
}
@media screen and (max-width: 400px) {
.page-title-background.competenze {
background: url(//www.legalade.it/wp-content/themes/movedo-child/assets/background_competenze_mobile.jpg) center top !important;
}
} .home_btn_scopri {
height: 46px;
width: 213px;
display: flex;
align-items: center;
cursor: pointer;
position: relative;
}
.home_btn_scopri .back {
width: 46px;
height: 46px;
position: absolute;
border-width: 1px;
border-style: solid;
border-color: #F8CD41;
border-radius: 23px;
transition: all 0.4s;
left: 0;
}
.home_btn_scopri:hover .back {
width: 213px;
height: 40px; left: 5px;
}
.home_btn_scopri .front {
position: relative;
left: 55px;
}
.home_btn_scopri .point {
height: 16px;
width: 16px;
background-color: #F8CD41;
border-radius: 50%;
top: 15px;
left: 15px;
position: absolute;
}
.section-title.dashed-row::before {
content: ' ';
background: url(//www.legalade.it/wp-content/themes/movedo-child/assets/trattini.svg);
width: 471px;
height: 2px;
background-position: left center;
background-size: contain;
position: absolute;
left: -471px;
opacity: 60%;
}
@media screen and (max-width: 768px) {
.section-title.dashed-row::before {
background: url(//www.legalade.it/wp-content/themes/movedo-child/assets/trattini_mobile.svg);
}
.section-title {
margin-bottom: 15px;
} }
.section-title {
display: flex;
align-items: center;
flex-direction: row;
justify-content: left;
}
.section-title .bullet {
width: 14px;
height: 14px;
min-width: 14px;
margin-right: 8px;
border: 0.5px solid #F8CD41;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.section-title .bullet div {
width: 6px;
height: 6px;
background-color: #F8CD41;
border-radius: 50%;
}
.home-carousel,
.studio-carousel {
display: flex;
transition: transform 0.4s;
}
.home-carousel.second {
transform: translateX(-1010px);
}
.carousel-img-wrapper {
overflow: hidden;
cursor: pointer;
display: inline-grid;
align-content: end;
}
.home-carousel .carousel-img-wrapper {
min-width: var(--home-carousel-img-width); height: clamp(267px, 30vw, 567px);
border-radius: 15px;
}
.carousel-img-wrapper img {
transition: transform 0.3s;
}
.home-carousel .carousel-img-wrapper:nth-child(1) {
margin-right: 57px;
}
.home-carousel.second .carousel-img-wrapper:nth-child(2) img {
transform: scale(1.2);
}
.home-carousel-title {
font-size: clamp(25px, 2.5vw, 45px)
}
.carousel-controls {
display: flex;
flex-wrap: wrap;
width: 200px;
margin-right: 110px;
}
.carousel-controls .left,
.carousel-controls .right {
border: 2px solid;
width: 90px;
height: 90px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.carousel-controls .left,
.carousel-controls .right {
border-color: #F8CD41;
}
.carousel-controls.dark-text .left,
.carousel-controls.dark-text .right {
border-color: white;
}
.carousel-controls .right svg {
transform: rotate(180deg);
}
.carousel-controls svg {
width: 29px;
transition: all 0.3s;
}
.carousel-controls .left {
margin-right: 20px;
}
.carousel-controls svg line,
.carousel-controls svg polyline {
transition: all 0.3s;
}
.carousel-controls .left:hover svg line,
.carousel-controls .left:hover svg polyline {
stroke-width: 2px !important;
}
.carousel-controls .left:hover svg {
transform: translateX(-5px);
}
.carousel-controls .right:hover svg line,
.carousel-controls .right:hover svg polyline {
stroke-width: 2px !important;
}
.carousel-controls .right:hover svg {
transform: rotate(180deg) translateX(-5px);
}
.carousel-controls .number {
width: 200px;
margin-top: 10px;
}
.carousel-controls .number .cursor-0 {
opacity: 0;
}
.carousel-controls .number .cursor-1 {
opacity: 1;
position: absolute;
transition: opacity 0.3s;
}
.carousel-controls .number .cursor-2 {
opacity: 0;
position: absolute;
transition: opacity 0.3s;
}
.carousel-controls.second .number .cursor-1 {
opacity: 0;
}
.carousel-controls.second .number .cursor-2 {
opacity: 1;
}
.home-carousel-text {
max-width: 1000px;
transition: opacity 0.3s;
}
.carousel-texts .text-1 {
opacity: 1;
}
.carousel-texts .text-2 {
opacity: 0;
position: absolute;
}
.carousel-texts.second .text-1 {
opacity: 0;
}
.carousel-texts.second .text-2 {
opacity: 1;
}
@media screen and (max-width: 960px) {
.home-carousel.second {
transform: translateX(calc(-1 * var(--home-carousel-img-width) - 57px));
}
.home-carousel.second .carousel-img-wrapper:nth-child(2) img {
transform: unset;
}
.home-carousel .carousel-img-wrapper {
height: min(360px, calc(var(--home-carousel-img-width) / 1.447));
border-radius: calc((0.07936 * (100vw - 375px)) + 15px);
}
.home-carousel .carousel-img-wrapper:nth-child(1) img {
content: url(//www.legalade.it/wp-content/themes/movedo-child/assets/home_carousel_1_mobile.jpg);
}
.home-carousel .carousel-img-wrapper:nth-child(2) img {
content: url(//www.legalade.it/wp-content/themes/movedo-child/assets/home_carousel_2_mobile.jpg);
}
.carousel-controls {
position: absolute;
width: 100%;
justify-content: space-between;
z-index: 2;
}
.carousel-controls .number {
display: none;
}
.carousel-controls .left,
.carousel-controls .right {
border: 1px solid #F8CD41;
width: 24px;
height: 24px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: opacity 0.3s;
}
.carousel-controls svg {
width: 9px;
}
.carousel-controls .left svg line,
.carousel-controls .left svg polyline,
.carousel-controls .right svg line,
.carousel-controls .right svg polyline {
stroke-width: 2px !important;
}
.carousel-controls.second .right,
.carousel-controls:not(.second) .left {
opacity: 0.5;
}
.carousel-controls .left:hover svg {
transform: unset;
}
.carousel-controls .right:hover svg {
transform: rotate(180deg);
}
.home-carousel-text {
opacity: 1 !important;
transition: all 0.4s;
}
.home-carousel-text.text-1 {
transform: translateX(0);
}
.home-carousel-text.text-2 {
transform: translateX(calc(var(--home-carousel-img-width) + 57px));
}
.carousel-texts.second .text-1 {
transform: translateX(calc(-1 * var(--home-carousel-img-width) - 57px));
}
.carousel-texts.second .text-2 {
transform: translateX(0);
}
.home-carousel-title {
font-size: 25px !important; color: #F8CD41;
text-align: center;
padding-top: 7px;
}
}
#home-storia-section>.grve-container>.grve-row>.grve-column>.grve-column-wrapper {
background-color: #f8cd41 !important;
border-radius: 15px !important;
}
#home-storia-section .grve-row-inner {
margin: 0; padding-left: clamp(50px, 5.7vw, 105px);
padding-right: clamp(50px, 5.7vw, 105px);
}
#home-storia-section .grve-row-inner .grve-column-inner {
padding: 0;
}
#home-storia-panels {
display: flex;
justify-content: center;
align-items: end;
gap: 40px;
height: 400px;
transform: translateY(-290px);
padding-left: 10px;
padding-right: 10px;
margin-bottom: -80px;
}
.storia-panel {
width: 323px;
height: 323px;
padding: 40px;
background-color: white;
border-radius: 7px;
position: relative;
transition: height 0.6s;
box-shadow: 0px 3px 6px #00000029;
}
.storia-panel:hover {
height: 400px;
}
.storia-panel img {
height: 105px;
}
.panel-content {
position: absolute;
bottom: 0;
transition: opacity 0.6s;
}
.panel-content:not(.hover) {
padding-bottom: 42px;
}
.panel-content.hover {
padding-bottom: 35px;
}
.panel-title {
font-size: 30px;
line-height: 1;
}
.panel-text {
font-size: 18px;
line-height: 1;
}
.panel-content.hover,
.storia-panel:hover .panel-content:not(.hover) {
opacity: 0;
}
.panel-content:not(.hover),
.storia-panel:hover .panel-content.hover {
opacity: 1;
}
.storia_btn_scopri {
height: 24px;
width: 94px;
display: flex;
align-items: center;
cursor: pointer;
position: relative;
}
.storia_btn_scopri .back {
width: 20px;
height: 20px;
position: absolute;
border-width: 0.5px;
border-style: solid;
border-color: #F8CD41;
border-radius: 50%;
transition: opacity 0.4s;
opacity: 1;
left: 0;
}
.storia_btn_scopri .back-hover {
height: 22px;
width: 94px;
position: absolute;
border-width: 0.5px;
border-style: solid;
border-color: #F8CD41;
border-radius: 11px;
transition: opacity 0.4s;
opacity: 0;
left: 0;
}
.storia_btn_scopri.en .back-hover {
width: 107px;
}
.storia_btn_scopri:hover .back {
opacity: 0;
}
.storia_btn_scopri:hover .back-hover {
opacity: 1;
}
.storia_btn_scopri .front {
position: relative;
left: 28px;
transition: left 0.4s;
}
.storia_btn_scopri:hover .front {
left: 20px;
}
.storia_btn_scopri .point {
height: 8px;
width: 8px;
background-color: #F8CD41;
border-radius: 50%;
top: 8px;
left: 6px;
position: absolute;
}
@media screen and (max-width: 1400px) {
.storia-title br {
display: none;
}
#home-storia-panels {
gap: 20px;
}
.storia-panel {
height: 235px;
padding: 20px;
}
.storia-panel img {
height: 75px;
}
.storia-panel:hover {
height: 305px;
}
.panel-title {
font-size: 25px;
}
.panel-text {
font-size: 15px;
}
.panel-content.hover {
padding-bottom: 10px;
}
.panel-content:not(.hover) {
padding-bottom: 20px;
}
.home-storia-space {
height: 230px !important;
}
}
@media screen and (min-width: 1101px) {
#home-storia-panels-mobile {
display: none;
}
}
@media screen and (max-width: 1100px) {
#home-storia-panels {
display: none;
}
.home-storia-space {
height: 90px !important;
}
.storia-panel-mobile {
background-color: white;
border-radius: 22px;
box-shadow: 0px 3px 6px #00000029;
display: flex;
padding: 20px;
max-width: 430px;
margin: 0 auto 30px auto;
}
.storia-panel-mobile>img {
height: 80px;
}
.storia-panel-mobile:nth-child(1)>img {
margin-right: 36px;
}
.storia-panel-mobile:nth-child(2)>img {
margin-right: 25px;
}
.storia-panel-mobile:nth-child(3)>img {
margin-right: 20px;
}
.storia-panel-mobile:nth-child(4)>img {
margin-right: 41px;
}
.home-btn-scopri-mobile {
display: flex;
border: 1px solid #F8CD41;
width: fit-content;
border-radius: 25px;
padding: 5px 15px 5px 15px;
margin-bottom: 20px;
}
.home-btn-scopri-mobile img {
width: 16px;
margin-right: 5px;
}
}
@media screen and (max-width: 768px) {
#home-storia-section {
background-color: #F8CD41 !important;
border-radius: 26px 26px 0 0;
}
#home-storia-section .grve-row-inner {
padding: 0;
}
.storia-title .grve-column-wrapper-inner,
.storia-text .grve-column-wrapper-inner {
padding-left: 25px;
padding-right: 25px
}
.storia-panel-mobile {
max-width: 327px;
padding: 20px 15px;
}
.storia-panel-mobile>img {
height: 75px;
}
.storia-panel-mobile:nth-child(1)>img {
margin-right: 30px;
}
.storia-panel-mobile:nth-child(2)>img {
margin-right: 23px;
}
.storia-panel-mobile:nth-child(3)>img {
margin-right: 15px;
}
.storia-panel-mobile:nth-child(4)>img {
margin-right: 35px;
}
.home-btn-scopri-mobile {
padding: 7px 10px;
}
.home-btn-scopri-mobile img {
width: 10px;
}
} @media screen and (min-width: 769px) {
#lo-studio-posizionamento .grve-column:nth-child(1)>.grve-column-wrapper {
padding-right: 90px;
}
#lo-studio-posizionamento .grve-column:nth-child(2)>.grve-column-wrapper {
padding-right: 40px;
}
}
@media screen and (max-width: 768px) {
.grve-column-wrapper {
margin-bottom: 0 !important;
}
.line-separator {
width: 88% !important;
margin: 0 auto;
}
.title-with-number {
padding-left: 22px;
}
.title-with-number>div:nth-child(1) { margin-right: 15px !important;
} }
#studio-aspetti-section .grve-column>.grve-column-wrapper {
background-color: #f8cd41;
border-radius: 15px;
}
#studio-aspetti-section .grve-row-inner {
margin: 0;
padding-left: 105px;
padding-right: 105px;
}
.studio-carousel {
width: fit-content;
overflow: hidden;
}
.studio-carousel .carousel-img-wrapper {
transition: transform 0.4s;
}
.studio-carousel.second .carousel-img-wrapper {
transform: translateX(calc(-1 * var(--studio-carousel-img-width) - 30px));
}
.studio-carousel .carousel-img-wrapper:nth-child(1) {
margin-right: 30px;
}
.studio-carousel-text {
max-width: 478px;
transition: opacity 0.4s;
}
.studio-carousel .carousel-img-wrapper {
min-width: var(--studio-carousel-img-width);
height: calc(var(--studio-carousel-img-width) / 1.504);
border-radius: 20px;
}
@media screen and (max-width: 1530px) {
#studio-aspetti-section .grve-row-inner {
padding-left: 10px;
padding-right: 10px;
}
.studio-carousel-not-desktop {
display: none;
}
}
@media screen and (min-width: 961px) {
.studio-carousel.mobile,
.carousel-controls.mobile {
display: none;
}
}
@media screen and (max-width: 960px) {
.studio-carousel.desktop,
.carousel-controls.desktop,
.carousel-controls.mobile .number {
display: none;
}
.studio-carousel-mobile-hide {
display: none;
}
div.addetti-segreteria {
margin-left: 40px;
}
#studio-aspetti-section .grve-column>.grve-column-wrapper {
border-radius: 32px;
}
#studio-aspetti-section .grve-column-inner {
width: 100% !important;
}
.studio-carousel.mobile {
width: var(--studio-carousel-img-width);
margin-left: calc((97.5vw - 100vw) - 25px); }
.studio-carousel .carousel-img-wrapper {
height: calc(var(--studio-carousel-img-width) / 1.777);
}
.carousel-controls.mobile {
width: auto;
justify-content: space-between;
margin-right: 0;
position: relative;
margin-top: 15px;
margin-bottom: 15px;
}
.carousel-controls.mobile .left,
.carousel-controls.mobile .right {
border-color: #3C4B5D;
}
.studio-carousel-text {
opacity: 1;
position: relative;
transition: all 0.4s;
margin: 0 auto;
max-width: unset;
}
.carousel-texts:not(.second) .studio-carousel-text.text-2 {
transform: translateX(100vw);
}
.carousel-texts.second .studio-carousel-text.text-1 {
transform: translateX(-100vw);
}
}
.line-separator {
width: 100%;
height: 0.5px;
background-color: #707070;
opacity: 0.34;
}
.title-with-number {
display: flex;
justify-content: left;
align-items: center;
}
.title-with-number>div:nth-child(1) {
color: #F8CD41;
font-size: clamp(75px, 7vw, 130px);
line-height: 1;
font-family: 'Source Serif 4';
margin-right: 30px;
font-weight: 500;
}
.title-with-number>div:nth-child(2) {
color: white;
font-size: clamp(25px, 4vw, 55px);
line-height: 1;
font-family: 'Source Serif 4';
font-weight: 400;
}
@media screen and (min-width: 1025px) {
.studio-owl-controls {
transform: translateY(-90px);
}
}
@media screen and (max-width: 1399px) {
.studio-owl-controls {
margin-bottom: 45px;
}
}
@media screen and (min-width: 1025px) and (max-width: 1300px) {
.title-with-number.collaboratori {
flex-direction: column;
align-items: baseline;
}
}
@media screen and (min-width: 1025px) {
.row-studio-owl .grve-row .grve-column:nth-child(1) {
width: 30%;
} .row-studio-owl .grve-row .grve-column:nth-child(2) {
width: 70%;
}
}
@media screen and (max-width: 1690px) {
div.studio-owl {
justify-content: center;
}
div.studio-owl .owl-carousel {
min-width: unset;
max-width: 460px;
} }
@media screen and (max-width: 1024px) {
.row-studio-owl .grve-row .grve-column {
width: 100%;
}
.studio-owl-controls {
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 768px) {
div.studio-owl .owl-carousel {
max-width: 228px;
}
.studio-owl .owl-carousel .item .img-container {
border-radius: 15px;
overflow: hidden;
}
.studio-owl .owl-carousel .item .profile-image {
height: 314px;
width: auto;
max-width: unset;
margin-left: -19px;
margin-bottom: 0 !important;
}
.studio-owl .owl-carousel .item .item-more {
display: none !important;
}
.studio-owl .owl-carousel .item .item-linkedin-logo {
width: 28px !important;
top: 10px;
left: 15px;
bottom: auto !important;
right: auto !important;
}
div.studio-owl .left,
div.studio-owl .right {
width: 50px;
}
div.studio-owl .left div,
div.studio-owl .right div {
width: 26px;
height: 26px;
}
div.studio-owl .left div svg,
div.studio-owl .right div svg {
height: 6px;
}
div.studio-owl .left div svg polyline,
div.studio-owl .right div svg polyline {
stroke-width: 2px;
}
div.studio-owl .owl-carousel .item .name {
font-size: 20px;
color: #F8CD41;
margin-top: 20px;
margin-bottom: 10px;
}
div.studio-owl.collaboratori .owl-carousel .item .details {
height: 50px;
}
.studio-owl .owl-carousel .item .details p {
font-size: 15px;
}
.item-cv {
display: none;
}
.studio-owl-controls {
max-width: 276px;
}
}
.studio-owl {
display: flex;
}
.studio-owl .left,
.studio-owl .right {
width: 100px;
display: flex;
align-items: center;
}
.studio-owl .right {
justify-content: right;
}
.studio-owl .left div,
.studio-owl .right div {
width: 55px;
height: 55px;
background-color: #F8CD41;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transform: translateY(-50px);
}
.studio-owl .left div {
margin-right: 10px;
}
.studio-owl .right div {
margin-left: 10px;
}
.studio-owl .left div svg,
.studio-owl .right div svg {
height: 14px;
}
.studio-owl .right div svg {
transform: rotate(180deg);
}
.studio-owl .owl-carousel {
max-width: calc(100% - 200px);
min-width: 930px;
}
.studio-owl .owl-carousel .item .profile-image {
border-radius: 15px;
margin-bottom: 40px;
}
.studio-owl .owl-carousel .item .name {
margin-bottom: 10px;
}
.studio-owl .owl-carousel .item .details {
height: 70px;
}
.studio-owl .owl-carousel .item .details p:nth-child(1) {
opacity: 1;
transition: opacity 0.4s;
position: absolute;
}
.studio-owl .owl-carousel .item .details p:nth-child(2) {
opacity: 0;
transition: opacity 0.4s;
position: absolute;
}
.studio-owl .owl-carousel .item.cv-opened .details p:nth-child(1) {
opacity: 0;
}
.studio-owl .owl-carousel .item.cv-opened .details p:nth-child(2) {
opacity: 1;
}
.studio-owl .owl-carousel .item .img-container {
position: relative;
}
.studio-owl .owl-carousel .item .item-linkedin-logo {
position: absolute;
width: 41px;
bottom: 25px;
right: 25px;
z-index: 3;
}
.studio-owl .owl-carousel .item .item-more-container {
width: 48px;
height: 48px;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 17px;
right: 17px;
z-index: 5;
}
.studio-owl .owl-carousel .item .item-more {
width: 41px;
height: 41px;
background-color: #F8CD41;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: all 0.4s;
}
.studio-owl .owl-carousel .item .item-more img {
transition: all 0.4s;
width: 13px;
}
.studio-owl .owl-carousel .item.cv-opened .item-more {
width: 48px;
height: 48px;
}
.studio-owl .owl-carousel .item.cv-opened .item-more img {
transform: rotate(45deg);
}
.studio-owl .owl-carousel .item .item-cv {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; background: #fafafaa8 0% 0% no-repeat padding-box;
backdrop-filter: blur(20px);
border-radius: 15px;
opacity: 0;
transition: opacity 0.4s;
padding: 60px 45px 0 45px;
} .studio-owl .owl-carousel .item .item-cv .first-section::before {
content: ' ';
width: 19px;
height: 16px;
background-color: #F8CD41;
position: absolute;
left: -30px;
mask: url(//www.legalade.it/wp-content/themes/movedo-child/assets/icon-cv-section-1.svg) no-repeat 50% 50%;
-webkit-mask: url(//www.legalade.it/wp-content/themes/movedo-child/assets/icon-cv-section-1.svg) no-repeat 50% 50%;
mask-size: cover;
-webkit-mask-size: cover;
}
.studio-owl .owl-carousel .item .item-cv .second-section::before {
content: ' ';
width: 15px;
height: 19px;
position: absolute;
left: -26px;
background-image: url(//www.legalade.it/wp-content/themes/movedo-child/assets/icon-cv-section-2.png);
background-repeat: no-repeat;
background-size: contain;
}
.studio-owl .owl-carousel .item .item-cv .third-section::before {
content: ' ';
width: 17px;
height: 20px;
background-color: #F8CD41;
position: absolute;
left: -27px;
mask: url(//www.legalade.it/wp-content/themes/movedo-child/assets/icon-cv-section-3.svg) no-repeat 50% 50%;
-webkit-mask: url(//www.legalade.it/wp-content/themes/movedo-child/assets/icon-cv-section-3.svg) no-repeat 50% 50%;
mask-size: cover;
-webkit-mask-size: cover;
}
.studio-owl .owl-carousel .item.cv-opened .item-cv {
opacity: 1;
z-index: 4;
}
.studio-owl-controls {
height: 30px; display: flex;
position: relative;
align-items: center;
}
.studio-owl-controls .line {
height: 1px;
background-color: #D6D6D6;
width: 100%;
}
.studio-owl-controls .dot {
position: absolute;
width: 14px;
height: 14px;
border: 0.5px solid #D6D6D6;
background-color: #3C4B5D;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.studio-owl-controls .dot div {
width: 6px;
height: 6px;
background-color: #D6D6D6;
border-radius: 50%;
}
.studio-owl-controls.partner .dot[pos="1"] {
left: -7px;
}
.studio-owl-controls.partner .dot[pos="2"] {
left: calc(33% - 7px);
}
.studio-owl-controls.partner .dot[pos="3"] {
left: calc(66% - 7px);
}
.studio-owl-controls.partner .dot[pos="4"] {
left: calc(100% - 7px);
}
.studio-owl-controls.collaboratori .dot[pos="1"] {
left: -7px; }
.studio-owl-controls.collaboratori .dot[pos="2"] {
left: calc(10% - 7px);
}
.studio-owl-controls.collaboratori .dot[pos="3"] {
left: calc(20% - 7px);
}
.studio-owl-controls.collaboratori .dot[pos="4"] {
left: calc(30% - 7px);
}
.studio-owl-controls.collaboratori .dot[pos="5"] {
left: calc(40% - 7px);
}
.studio-owl-controls.collaboratori .dot[pos="6"] {
left: calc(50% - 7px);
}
.studio-owl-controls.collaboratori .dot[pos="7"] {
left: calc(60% - 7px);
}
.studio-owl-controls.collaboratori .dot[pos="8"] {
left: calc(70% - 7px);
}
.studio-owl-controls.collaboratori .dot[pos="9"] {
left: calc(80% - 7px);
}
.studio-owl-controls.collaboratori .dot[pos="10"] {
left: calc(90% - 7px);
}
.studio-owl-controls.collaboratori .dot[pos="11"] {
left: calc(100% - 7px);
}
.studio-owl-controls .cursor {
position: absolute;
width: 28px;
height: 28px;
border: 0.5px solid #F8CD41;
background-color: #3C4B5D;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
left: -14px;
transition: all 0.4s;
}
.studio-owl-controls .cursor div {
width: 12px;
height: 12px;
background-color: #F8CD41;
border-radius: 50%;
}
.addetti-segreteria {
display: flex;
flex-direction: row;
justify-content: left;
align-items: center;
}
.addetti-segreteria .schema {
width: 14px;
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
margin-right: 70px;
}
.addetti-segreteria .schema .line {
width: 1px;
background-color: #D6D6D6;
height: 186px;
}
.addetti-segreteria .schema .dot {
width: 14px;
height: 14px;
background-color: #3C4B5D;
border: 0.5px solid #F8CD41;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
}
.addetti-segreteria .schema .dot div {
width: 6px;
height: 6px;
background-color: #F8CD41;
border-radius: 50%;
}
.addetti-segreteria .schema .dot[pos="1"] {
top: -7px;
}
.addetti-segreteria .schema .dot[pos="2"] {
top: calc(50% - 7px);
}
.addetti-segreteria .schema .dot[pos="3"] {
top: calc(100% - 7px);
}
.addetti-segreteria .names p {
font-size: clamp(20px, 2.5vw, 35px);
}
.addetti-segreteria .names p:not(:last-child) {
margin-bottom: 60px !important;
}
@media screen and (min-width: 1025px) and (max-width: 1530px) {
.studio-owl .owl-carousel .item .profile-image {
margin-bottom: 10px;
}
}
@media screen and (max-width: 768px) {
.addetti-segreteria .schema .line {
height: 105px !important;
}
.addetti-segreteria .schema {
margin-right: 42px !important;
}
.addetti-segreteria .names p {
color: #F8CD41;
}
.addetti-segreteria .names p:not(:last-child) {
margin-bottom: 30px !important;
}
#row-section-scopri-di-piu>.grve-container,
#row-section-lavora-con-noi>.grve-container {
width: 100% !important;
max-width: unset !important;
}
div.section-scopri-di-piu {
border-radius: 0; }
.section-scopri-di-piu .btn-scopri-mobile {
border-color: #3C4B5D !important;
}
.section-scopri-btn {
display: none !important;
}
}
.section-scopri-di-piu {
background-color: #F8CD41;
border-radius: 15px;
padding: clamp(50px, 5vw, 110px) clamp(45px, 7.8vw, 110px);
}
.section-scopri-btn {
width: 200px;
height: 35px;
position: relative;
display: flex;
align-items: center;
}
.section-scopri-btn>div {
position: absolute;
}
.section-scopri-btn .back {
width: 35px;
height: 35px;
left: 0;
background-color: transparent;
border: 2px solid #2C3643;
border-radius: 18px;
transition: width 0.4s, left 0.4s;
}
.section-scopri-btn .text {
left: 45px;
transition: all 0.4s;
}
.section-scopri-btn .arrow {
right: 15px;
height: 17px;
transition: right 0.4s;
}
.section-scopri-btn.en .arrow {
right: 0;
}
.section-scopri-btn .arrow svg {
height: 17px;
transform: rotate(-90deg);
transition: all 0.4s;
}
.section-scopri-btn:hover .back {
left: 27px;
background-color: #2C3643;
width: 175px;
}
.section-scopri-btn.en:hover .back {
width: 200px;
}
.section-scopri-btn:hover .text p {
font-weight: 500;
}
.section-scopri-btn:hover .arrow {
right: 10px;
}
.section-scopri-btn.en:hover .arrow {
right: -5px;
}
.section-scopri-btn:hover .arrow svg path {
stroke-width: 2px;
} .competenze-chart {
width: 100%;
height: 364px;
position: relative;
}
.competenze-chart .texts {
position: relative;
height: 100%;
z-index: 2;
}
.competenze-chart .texts .text {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-size: clamp(15px, 1.4vw, 25px);
line-height: 1.1;
}
.competenze-chart .texts .text:nth-child(4) p:first-child {
font-size: clamp(17px, 1.8vw, 33px);
line-height: 1.1;
}
.competenze-chart .texts .text:nth-child(4) p:nth-child(2) {
font-size: clamp(11px, 1.1vw, 19px);
line-height: 1.1;
}
.competenze-chart .texts .text:first-child {
width: 13.2%;
}
.competenze-chart .texts .text:nth-child(2) {
width: 14.2%;
}
.competenze-chart .texts .text:nth-child(3) {
width: 14.2%;
}
.competenze-chart .texts .text:nth-child(4) {
width: 16.2%;
text-align: center;
padding-left: 15px;
padding-right: 15px;
}
.competenze-chart .texts .text:nth-child(5) {
width: 14.2%;
text-align: right;
padding-left: 40px;
}
.competenze-chart .texts .text:nth-child(6) {
width: 14.2%;
text-align: right;
}
.competenze-chart .texts .text:nth-child(7) {
width: 13.2%;
}
.competenze-chart .texts .text>div {
max-width: 100%;
width: max-content;
}
.competenze-chart svg {
height: 364px;
width: 100%;
position: absolute;
left: 0;
top: 0;
} @media screen and (min-width: 1024px) {
.competenze-chart-mobile,
.competenze-mobile-show {
display: none;
}
.chart-mobile-space {
display: none;
}
}
@media screen and (max-width: 1023px) {
.competenze-chart,
.competenze-mobile-hide {
display: none;
}
.chart-mobile-space {
display: block;
}
#row-competenze-chart {
position: absolute;
width: 100%;
z-index: 3;
}
.competenze-chart-mobile {
position: relative;
margin: 0 auto;
width: fit-content;
}
.chart-title {
width: 310px;
height: 310px;
background: url(//www.legalade.it/wp-content/themes/movedo-child/assets/chart-mobile-background-title.svg) center center no-repeat;
background-size: cover;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: absolute;
top: -155px;
left: -5px;
}
.chart-body {
width: 300px;
background-color: #596059;
transition: height 0.4s;
margin-top: 20px;
overflow: hidden;
}
.chart-subsection {
cursor: pointer;
-webkit-tap-highlight-color: transparent;
}
.chart-triangle-down {
width: 0;
height: 0;
border-left: 150px solid transparent;
border-right: 150px solid transparent;
border-top: 60px solid #596059;
}
.chart-subsection>.chart-triangle-down {
position: absolute;
}
.chart-body .chart-triangle-down {
border-top-color: #3C4B5D;
}
.chart-triangle-down svg {
position: absolute;
top: -45px;
left: -9px;
width: 18px;
transition: all 0.4s;
}
.chart-subsection.open .chart-triangle-down svg {
transform: rotate(180deg);
top: -35px;
}
.chart-subsection.open .chart-triangle-down svg path {
stroke: #3C4B5D;
}
.chart-triangle-down svg path {
stroke: #F8CD41;
}
.chart-subsection.open .chart-body {
background-color: #F8CD41;
}
.chart-subsection.open>.chart-triangle-down {
border-top-color: #F8CD41;
}
.competenze-chart-mobile .title,
.competenze-chart-mobile .text {
text-align: center;
}
.first-space {
height: 180px;
}
.chart-title .title {
font-family: Manrope;
font-size: 21px;
font-weight: 600;
color: white;
line-height: 1;
margin-bottom: 15px;
opacity: 90%;
}
.chart-title .text {
font-family: Inter;
font-size: 19px;
font-weight: 400;
color: white;
max-width: 225px;
line-height: 1;
}
.chart-body .title {
font-family: Inter;
font-size: 19px;
font-weight: 300;
text-align: center;
color: white;
margin-top: 25px;
margin-bottom: 15px;
opacity: 90%;
}
.chart-subsection.open .chart-body .title {
color: #3C4B5D;
font-weight: 700;
}
.chart-body .text {
font-family: Manrope;
font-size: 17px;
line-height: 21px;
font-weight: 500;
text-align: center;
color: #3C4B5D;
opacity: 0;
transition: all 0.4s;
padding: 0 20px;
}
.chart-subsection.open .chart-body .text {
opacity: 1;
}
.chart-subsection.subsection-1 .chart-body {
height: 230px;
}
.chart-subsection.open.subsection-1 .chart-body {
height: 370px;
}
.chart-subsection.subsection-2 .chart-body .text {
padding: 0 10px;
}
.chart-subsection.subsection-2 .chart-body {
height: 105px;
}
.chart-subsection.open.subsection-2 .chart-body {
height: 250px;
}
.chart-subsection.subsection-3 .chart-body {
height: 105px;
}
.chart-subsection.open.subsection-3 .chart-body {
height: 285px;
}
.chart-subsection.subsection-4 .chart-body {
height: 115px;
}
.chart-subsection.subsection-4 .chart-body .title {
margin-top: 5px;
transition: margin-top 0.4s;
}
.chart-subsection.open.subsection-4 .chart-body {
height: 285px;
}
.chart-subsection.open.subsection-4 .chart-body .title {
margin-top: 15px;
}
.chart-subsection.subsection-5 .chart-body {
height: 115px;
}
.chart-subsection.subsection-5 .chart-body .title {
margin-top: 5px;
transition: margin-top 0.4s;
}
.chart-subsection.open.subsection-5 .chart-body {
height: 305px;
}
.chart-subsection.open.subsection-5 .chart-body .title {
margin-top: 15px;
}
.chart-subsection.subsection-6 .chart-body {
height: 105px;
}
.chart-subsection.open.subsection-6 .chart-body {
height: 305px;
}
.chart-subsection.subsection-6 .chart-body .title {
margin-bottom: 30px;
}
} .gestione-contenzioso-testi {
height: 950px;
}
.gestione-contenzioso-testi-block {
display: flex;
justify-content: left;
align-items: center;
position: relative;
height: 420px;
}
.gestione-contenzioso-testi-block:nth-child(1) {
z-index: 4;
}
.gestione-contenzioso-testi-block:nth-child(2) {
transform: translateY(-250px);
z-index: 3;
}
.gestione-contenzioso-testi-block:nth-child(3) {
transform: translateY(-500px);
z-index: 2;
}
.gestione-contenzioso-testi-block .triangolo svg {
width: 316px;
opacity: 70%; }
.gestione-contenzioso-testi-block .puntini {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.gestione-contenzioso-testi-block .puntini img {
min-width: 117px;
margin-top: -8px;
}
.gestione-contenzioso-testi-block .text {
position: relative;
height: 100%;
margin-left: 30px;
}
.text_bullet_before::before {
content: url(//www.legalade.it/wp-content/themes/movedo-child/assets/single_bullet.svg);
position: absolute;
left: -35px;
}
@media screen and (min-width: 1415px) and (max-width: 1700px) {
#come-operiamo-row .grve-column:nth-child(1) {
width: 50%;
}
#come-operiamo-row .grve-column:nth-child(2) {
width: 10%;
} #come-operiamo-row .grve-column:nth-child(2) .grve-image {
display: none;
}
.come-operiamo-space-desktop {
height: 200px !important;
}
}
@media screen and (min-width: 960px) and (max-width: 1415px) {
#come-operiamo-row .grve-column:nth-child(1) {
width: 57%;
}
#come-operiamo-row .grve-column:nth-child(2) {
width: 9%;
} #come-operiamo-row .grve-column:nth-child(2) .grve-image {
display: none;
}
.gestione-contenzioso-testi-block .triangolo svg {
width: 150px;
}
.come-operiamo-space-desktop {
height: 200px !important;
}
}
@media screen and (min-width: 961px) {
#come-operiamo-row .grve-column:nth-child(3) {
max-width: 350px;
}
}
@media screen and (max-width: 960px) {
#come-operiamo-row .grve-column:nth-child(1) {
width: 100%;
background: url(//www.legalade.it/wp-content/themes/movedo-child/assets/come-operiamo-mobile-back.png);
background-position: center bottom;
background-repeat: no-repeat;
background-size: cover;
}
.text_bullet_before.vertical_line_back::after {
content: url(//www.legalade.it/wp-content/themes/movedo-child/assets/come-operiamo-puntini-vertical.svg);
position: absolute;
left: -28.5px;
width: 2px;
height: 519px;
bottom: 10px;
overflow: hidden;
}
#come-operiamo-row .grve-column:nth-child(1)>.grve-column-wrapper {
width: 90%;
}
#come-operiamo-row .grve-column:nth-child(2) {
display: none;
}
#come-operiamo-row .grve-column:nth-child(3) {
width: 100%
}
#come-operiamo-row .grve-column:nth-child(3)>.grve-column-wrapper {
width: 76%;
margin: 0 auto;
}
}
@media screen and (min-width: 768px) and (max-width: 960px) {
.gestione-contenzioso-testi-block .triangolo svg {
width: 150px;
}
.gestione-contenzioso-testi {
height: 1015px;
}
}
@media screen and (min-width: 650px) and (max-width: 768px) {
.gestione-contenzioso-testi-block .triangolo svg {
width: 230px;
}
}
@media screen and (max-width: 650px) {
.gestione-contenzioso-testi-block .triangolo svg {
width: 82px;
}
.gestione-contenzioso-testi {
height: 795px;
margin-top: -125px;
}
.gestione-contenzioso-testi-block .puntini {
overflow: hidden;
min-width: 33px;
width: 33px;
}
.gestione-contenzioso-testi-block .puntini img {
transform: translateX(-84px);
}
.gestione-contenzioso-testi-block .text {
margin-left: 15px;
}
#come-operiamo-row .grve-column:nth-child(3) .text_bullet_before::before {
left: -21px;
}
.text_bullet_before.vertical_line_back::after {
left: -14.5px !important;
}
}
@media screen and (max-width: 440px) {
#come-operiamo-row .grve-column:nth-child(1) {
background-size: contain !important;
}
} .contact-form-lavora-con-noi {
background-color: #F8CD41;
padding: 70px;
border-radius: 15px;
}
.contact-form-lavora-con-noi input.wpcf7-text {
height: clamp(42px, 4.5vw, 76px);
border: 1px solid white !important;
border-radius: 15px !important;
font-size: clamp(15px, 1.2vw, 20px) !important;
}
#label_input_curriculum, #label_input_presentazione{
font-size: clamp(15px, 1.2vw, 20px);
}
.contact-form-lavora-con-noi br {
display: none;
}
.contact-form-lavora-con-noi .scegli_file_button {
height: clamp(42px, 4.5vw, 76px);
border-radius: 15px;
display: flex;
justify-content: start;
align-items: center;
padding-left: 35px;
border: 1px solid white !important;
margin-bottom: 20px;
}
.contact-form-lavora-con-noi .scegli_file_button img {
min-width: 17px;
}
#label_input_curriculum,
#filename_input_curriculum,
#label_input_presentazione,
#filename_input_presentazione,
.contact-form-lavora-con-noi .scegli_file_button {
cursor: pointer;
}
#input_curriculum,
#input_presentazione {
display: none;
}
.contact-form-lavora-con-noi input[type='checkbox']+.wpcf7-list-item-label:before {
border-radius: 3px !important;
border: 1px solid white !important;
background-color: transparent !important;
}
.contact-form-lavora-con-noi input[type='checkbox']:checked+.wpcf7-list-item-label:after {
border-radius: 3px !important;
background-color: #3C4B5D !important;
border-color: #3C4B5D !important;
}
.contact-form-lavora-con-noi .wpcf7-list-item {
margin: 0;
}
.contact-form-lavora-con-noi .button-submit-container {
width: 100%;
height: clamp(42px, 4.5vw, 76px); justify-content: center;
align-items: center;
position: relative;
}
.contact-form-lavora-con-noi input.wpcf7-submit {
width: 100% !important;
height: clamp(42px, 4.5vw, 76px) !important;
background-color: #3C4B5D !important;
border: 0 !important;
border-radius: 15px !important;
text-transform: none;
font-size: clamp(15px, 1.45vw, 25px) !important;
font-family: inherit !important;
color: white !important;
padding: 0 !important;
font-weight: 500 !important;
transition: all 0.3s !important;
}
.contact-form-lavora-con-noi .button-submit-container .wpcf7-spinner {
position: absolute;
right: -24px;
margin: 0;
}
.wpcf7-response-output {
display: none;
}
@media screen and (max-width: 1500px){
.contact-form-lavora-con-noi{
padding: 20px 40px 30px 40px;
}
}
@media screen and (min-width: 769px) {
.contact-form-lavora-con-noi input.wpcf7-submit:hover {
width: calc(100% - 25px) !important;
height: clamp(40px, 4.3vw, 74px) !important;
background-color: #2C3643 !important;
}
}
@media screen and (max-width: 768px) {
.text_bullet_before_lavora_con_noi::before {
content: url(//www.legalade.it/wp-content/themes/movedo-child/assets/single_bullet.svg);
position: absolute;
left: -22px;
bottom: 2px;
}
.contact-form-lavora-con-noi {
border-radius: 0;
padding: 40px 25px;
}
div.contact-form-lavora-con-noi input.wpcf7-text {
border-color: #3C4B5D !important;
border-radius: 15px !important;
color: #3C4B5D !important;
font-weight: 500;
}
.contact-form-lavora-con-noi .scegli_file_button {
border-color: #3C4B5D !important;
border-radius: 15px !important;
color: #3C4B5D !important;
padding-left: 15px;
}
#label_input_curriculum,
#label_input_presentazione {
color: #3C4B5D !important;
font-weight: 500;
}
#filename_input_presentazione,
#filename_input_curriculum {
display: none;
}
.contact-form-lavora-con-noi input[type='checkbox']+.wpcf7-list-item-label:before {
border-color: #3C4B5D !important;
}
.contact-form-lavora-con-noi input[type='checkbox']+.wpcf7-list-item-label {
color: #3C4B5D !important;
font-weight: 500;
}
div.contact-form-lavora-con-noi input.wpcf7-submit {
color: #F8CD41 !important;
}
.contact-form-lavora-con-noi .button-submit-container .wpcf7-spinner {
position: absolute;
right: 50%;
transform: translateX(50%);
margin: 0;
top: -10px;
}
} .contatti-container {
display: flex;
justify-content: center;
align-items: center;
}
.contatti-icon.chiamaci {
width: clamp(145px, 11.33vw, 170px);
}
.contatti-icon.scrivici {
width: clamp(145px, 13.33vw, 200px);
}
.contatti-icon.map {
width: clamp(145px, 12vw, 180px);
}
.contatti-space.invert {
transform: rotate(180deg);
margin-bottom: 60px;
}
.contatti-space {
width: clamp(1px, 14vw, 210px);
margin-left: 25px;
margin-right: 25px;
}
@media screen and (min-width: 1201px) {
.contatti-text-translate {
transform: translateX(-40px);
}
}
@media screen and (max-width: 960px) {
.contatti-container {
flex-wrap: wrap;
margin: 0 auto;
}
.contatti-container>div {
flex-basis: 100%;
display: flex;
justify-content: left;
align-items: center;
}
.contatti-container>div:nth-child(2),
.contatti-container>div:nth-child(4) {
display: none;
}
.contatti-container>div:nth-child(1),
.contatti-container>div:nth-child(3) {
border-bottom: 1px solid rgb(154, 154, 154, 0.30);
}
.contatti-text a,
.contatti-text p {
text-align: left !important;
}
}
@media screen and (min-width: 769px) and (max-width: 960px) {
.contatti-container {
max-width: 400px;
}
.contatti-icon {
width: 180px !important;
margin-right: 20px;
}
.contatti-icon.chiamaci {
margin-left: -50px;
}
.contatti-icon.scrivici,
.contatti-icon.map {
margin-left: -40px;
}
}
@media screen and (max-width: 768px) {
.contatti-container {
max-width: 284px;
}
.contatti-container>div {
padding: 10px 0;
}
.contatti-icon {
width: 82px !important;
margin-right: 20px;
}
.contatti-icon.chiamaci {
margin-left: -23px;
}
.contatti-icon.scrivici,
.contatti-icon.map {
margin-left: -18px;
}
} .blog-padding-top{
height: 240px;
}
.blog-padding-middle{
height: 360px;
}
.post-list .row {
display: flex;  margin: 0 auto;
gap: 20px;
}
.post-list article {
width: 33%;
}
.post-list article:not(.empty) {
margin-bottom: 50px;
}
.post-list .post-title {
font-family: 'Source Serif 4'; font-size: clamp(18px, 1.875vw, 30px);
line-height: 1.2;
font-weight: 400;
}
.post-list.latest .post-title { font-size: clamp(20px, 2.5vw, 40px);
line-height: 1.2;
}
.post-list .post-date {
font-family: 'Roboto';
color: #D6D6D6;
font-size: 18px;
line-height: 21px;
font-weight: 400;
}
.post-list .post-image {
height: clamp(1px, 22.81vw, 438px);
margin-bottom: 30px;
border-radius: 15px;
}
.post-list .post-image img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: bottom;
border-radius: 15px;
}
.post-list.latest .post-image {
height: clamp(1px, 33.02vw, 634px);
}
.blog-separator {
width: 100%;
border-bottom: 1px solid #D6D6D6;
margin-bottom: 30px;
opacity: 0.5;
}
.post-list-load {
font-family: 'Helvetica';
font-size: 24px;
height: 55px;
display: flex;
justify-content: center;
align-items: center;
margin: 70px 0 90px 0;
}
.post-list-load button:not(.mfp-arrow):not(.grve-search-btn) {
font-family: 'Helvetica' !important;
font-size: 24px !important;
padding: 0 !important;
width: 196px;
height: 52px;
background-color: transparent !important;
border: 1px solid #F8CD41 !important;
border-radius: 26px !important;
font-weight: 400 !important;
transition: all 0.4s !important;
}
@media screen and (hover: hover){
.post-list-load button:not(.mfp-arrow):not(.grve-search-btn):hover {
width: 200px;
height: 54px;
background-color: #F8CD41 !important;
color: #3C4B5D !important;
font-weight: 500 !important;
}
}
#load-more-posts.disabled{
pointer-events: none;
opacity: 0.5;
}
@media screen and (max-width: 1700px) {	
.blog-padding-top{
height: 100px;
}
.blog-padding-middle{
height: 200px;
}
}
@media screen and (max-width: 1300px) {	
.post-list .post-image, .blog-separator{
margin-bottom: 15px;
}
.blog-padding-top{
height: 30px;
}
.blog-padding-middle{
height: 50px;
}
}
@media screen and (max-width: 768px) {
.post-list .row {
max-width: 375px;
flex-wrap: wrap;
}
.post-list article {
width: 100%;
}
.post-list.latest .post-image {
height: 404px;
}
.post-list .post-image {
height: 280px;
}
.post-list .post-title, .post-list.latest .post-title {
font-size: 25px;
}
.post-list-load {
margin: 0 0 30px 0;
}
} .footer-link {
position: relative;
width: fit-content;
}
.footer-link>a {
margin-bottom: 3px;
}
.footer-link>div {
opacity: 0;
transition: all 0.5s;
height: 2px;
width: 0;
background-color: white;
}
.footer-link:hover>div {
opacity: 1;
width: 100%;
}
.footer-separator {
width: 100%;
height: 0.3px;
background-color: white;
opacity: 0.3;
}
.footer-separator.top {
margin-bottom: 34px;
}
.footer-separator.bottom {
margin-top: 34px;
}
.footer-next-page {
display: flex;
justify-content: space-between;
align-items: center;
}
.footer-next-page .btn svg {
width: 41px;
transition: all 0.3s;
}
.footer-next-page .btn {
width: 94px;
height: 94px;
display: flex;
justify-content: center;
align-items: center;
}
.footer-next-page .btn div {
width: 94px;
height: 94px;
transition: all 0.3s;
border: 1px solid white;
border-radius: 17px;
display: flex;
justify-content: center;
align-items: center;
}
.footer-next-page .btn:hover div {
width: 82px;
height: 82px;
}
.footer-next-page .btn:hover svg {
transform: translateX(10px);
}
@media screen and (max-width: 1500px) {
.footer-hide-not-desktop {
display: none;
}
.footer-separator.top {
margin-bottom: 15px;
}
.footer-separator.bottom {
margin-top: 15px;
}
}
@media screen and (max-width: 960px) {
.footer-link>div {
opacity: 1;
width: 100%;
}
}
@media screen and (min-width: 768px) and (max-width: 960px) {
#footer-links .grve-column-wrapper {
margin-bottom: 30px;
}
}
@media screen and (max-width: 768px) { .footer-logo img {
width: 175px;
}
.footer-link {
margin-bottom: 15px;
}
.footer-link a {
font-size: 14px !important;
}
.footer-link>div {
height: 1px;
} } .row_width_80p>.grve-container {
width: 80%;
}
.row_max_width_1160px>.grve-container {
max-width: 1160px;
}
.row_max_width_1477px>.grve-container {
max-width: 1477px;
}
.row_max_width_1634px>.grve-container {
max-width: 1634px;
}
.row_max_width_1760px>.grve-container {
max-width: 1760px;
}
.max_width_1100px {
max-width: 1100px;
}
.max_width_1255px {
max-width: 1255px;
}
.max_width_1050px {
max-width: 1050px;
}
.margin_right_5p {
margin-right: 5%;
}
.margin_right_10p {
margin-right: 10%;
}
.margin_right_15p {
margin-right: 15%;
}
.margin_right_20p {
margin-right: 20%;
}
.margin_left_10px {
margin-left: 10px;
}
.padding_right_90px {
padding-right: 90px;
}
.padding_right_110px {
padding-right: 110px;
}
.padding_right_40px {
padding-right: 40px;
}
.padding_right_10px {
padding-right: 10px;
}
.padding_lr_11p {
padding-left: 11%;
padding-right: 11%;
}
.border_right_d6 {
border-right: 1px solid #d6d6d629;
}
.border_left_d6 {
border-left: 1px solid #d6d6d629;
} .position_absolute {
position: absolute;
}
.family_ss4 {
font-family: 'Source Serif 4', serif; }
.family_ss4_true {
font-family: 'Source Serif 4 True', serif;
}
.family_inter { font-family: 'Manrope';
}
.family_helvetica {
font-family: 'Helvetica';
}
.family_roboto { font-family: 'Manrope';
}
.text_200px {
font-size: 200px;
line-height: 1;
}
.text_60px {
font-size: 60px;
line-height: 1;
}
.text_55px { font-size: clamp(25px, 4vw, 55px);
line-height: 1;
}
.text_50px { font-size: clamp(25px, 3.3vw, 50vw);
line-height: 1;
}
.text_45px { font-size: clamp(25px, 3vw, 45px);
line-height: 1;
}
.text_35px {
font-size: 35px;
line-height: 1;
}
.text_33px {
font-size: 33px;
line-height: 1;
}
.text_30px { font-size: clamp(25px, 2vw, 30px);
line-height: 1;
}
.text_25px {
font-size: clamp(17px, 1.7vw, 25px);
line-height: 1;
}
.text_23px { font-size: clamp(17px, 1.7vw, 23px);
line-height: 1;
}
.text_22px { font-size: clamp(15px, 1.467vw, 22px);
line-height: 1;
}
.text_21px {
font-size: 21px;
line-height: 1;
}
.text_20px { font-size: clamp(17px, 1.3vw, 20px);
line-height: 1;
}
.text_19px {
font-size: 19px;
line-height: 1;
}
.text_18px {
font-size: 18px;
line-height: 1;
}
.text_18_15 {
font-size: clamp(15px, 1.2vw, 18px);
line-height: 1;
}
.text_17px {
font-size: 17px;
line-height: 1;
}
.text_16px {
font-size: 16px;
line-height: 1;
}
.text_15px {
font-size: 15px;
line-height: 1;
}
.line_height_0_5,
h1.line_height_0_5,
h2.line_height_0_5,
h3.line_height_0_5,
h4.line_height_0_5,
h5.line_height_0_5,
h6.line_height_0_5,
p.line_height_0_5,
div.line_height_0_5,
a.line_height_0_5,
span .line_height_0_5 {
line-height: 0.5 !important;
}
.line_height_0_8,
h1.line_height_0_8,
h2.line_height_0_8,
h3.line_height_0_8,
h4.line_height_0_8,
h5.line_height_0_8,
h6.line_height_0_8,
p.line_height_0_8,
div.line_height_0_8,
a.line_height_0_8,
span .line_height_0_8 {
line-height: 0.8 !important;
}
.line_height_0_9,
h1.line_height_0_9,
h2.line_height_0_9,
h3.line_height_0_9,
h4.line_height_0_9,
h5.line_height_0_9,
h6.line_height_0_9,
p.line_height_0_9,
div.line_height_0_9,
a.line_height_0_9,
span .line_height_0_9 {
line-height: 0.9 !important;
}
.line_height_1_1,
h1.line_height_1_1,
h2.line_height_1_1,
h3.line_height_1_1,
h4.line_height_1_1,
h5.line_height_1_1,
h6.line_height_1_1,
p.line_height_1_1,
div.line_height_1_1,
a.line_height_1_1,
span .line_height_1_1 {
line-height: 1.1 !important;
}
.line_height_1_2,
h1.line_height_1_2,
h2.line_height_1_2,
h3.line_height_1_2,
h4.line_height_1_2,
h5.line_height_1_2,
h6.line_height_1_2,
p.line_height_1_2,
div.line_height_1_2,
a.line_height_1_2,
span .line_height_1_2 {
line-height: 1.2 !important;
}
.line_height_1_3,
h1.line_height_1_3,
h2.line_height_1_3,
h3.line_height_1_3,
h4.line_height_1_3,
h5.line_height_1_3,
h6.line_height_1_3,
p.line_height_1_3,
div.line_height_1_3,
a.line_height_1_3,
span .line_height_1_3 {
line-height: 1.3 !important;
}
.line_height_1_5,
h1.line_height_1_5,
h2.line_height_1_5,
h3.line_height_1_5,
h4.line_height_1_5,
h5.line_height_1_5,
h6.line_height_1_5,
p.line_height_1_5,
div.line_height_1_5,
a.line_height_1_5,
span .line_height_1_5 {
line-height: 1.5 !important;
}
.line_height_2,
h1.line_height_2,
h2.line_height_2,
h3.line_height_2,
h4.line_height_2,
h5.line_height_2,
h6.line_height_2,
p.line_height_2,
div.line_height_2,
a.line_height_2,
span .line_height_2 {
line-height: 2 !important;
}
.letter_spacing_-1px,
h1.letter_spacing_-1px,
h2.letter_spacing_-1px,
h3.letter_spacing_-1px,
h4.letter_spacing_-1px,
h5.letter_spacing_-1px,
h6.letter_spacing_-1px,
p.letter_spacing_-1px,
div.letter_spacing_-1px,
a.letter_spacing_-1px,
span .letter_spacing_-1px {
letter-spacing: -1px !important;
}
.letter_spacing_-0_4px,
h1.letter_spacing_-0_4px,
h2.letter_spacing_-0_4px,
h3.letter_spacing_-0_4px,
h4.letter_spacing_-0_4px,
h5.letter_spacing_-0_4px,
h6.letter_spacing_-0_4px,
p.letter_spacing_-0_4px,
div.letter_spacing_-0_4px,
a.letter_spacing_-0_4px,
span .letter_spacing_-0_4px {
letter-spacing: -0.4px !important;
}
.letter_spacing_0,
h1.letter_spacing_0,
h2.letter_spacing_0,
h3.letter_spacing_0,
h4.letter_spacing_0,
h5.letter_spacing_0,
h6.letter_spacing_0,
p.letter_spacing_0,
div.letter_spacing_0,
a.letter_spacing_0,
span .letter_spacing_0 {
letter-spacing: 0 !important;
}
.letter_spacing_1_1px,
h1.letter_spacing_1_1px,
h2.letter_spacing_1_1px,
h3.letter_spacing_1_1px,
h4.letter_spacing_1_1px,
h5.letter_spacing_1_1px,
h6.letter_spacing_1_1px,
p.letter_spacing_1_1px,
div.letter_spacing_1_1px,
a.letter_spacing_1_1px,
span .letter_spacing_1_1px {
letter-spacing: 1.1px !important;
}
.letter_spacing_2px,
h1.letter_spacing_2px,
h2.letter_spacing_2px,
h3.letter_spacing_2px,
h4.letter_spacing_2px,
h5.letter_spacing_2px,
h6.letter_spacing_2px,
p.letter_spacing_2px,
div.letter_spacing_2px,
a.letter_spacing_2px,
span .letter_spacing_2px {
letter-spacing: 2px !important;
}
.breakword,
h1.breakword,
h2.breakword,
h3.breakword,
h4.breakword,
h5.breakword,
h6.breakword,
p.breakword,
div.breakword,
a.breakword,
span .breakword {
word-break: break-word;
}
.opacity_0_8 {
opacity: 0.8;
} .white,
h1.white,
h2.white,
h3.white,
h4.white,
h5.white,
h6.white,
p.white,
div.white,
a.white,
span .white {
color: #fff !important;
}
.black,
h1.black,
h2.black,
h3.black,
h4.black,
h5.black,
h6.black,
p.black,
div.black,
a.black,
span .black { color: #0F0F0F;
}
.color_3C4B5D {
color: #3C4B5D;
}
.color_D6D6D6 {
color: #D6D6D6;
}
.color_F8CD41 {
color: #F8CD41;
}
.color_AFAFAF {
color: #AFAFAF;
} .align_center,
h1.align_center,
h2.align_center,
h3.align_center,
h4.align_center,
h5.align_center,
h6.align_center,
p.align_center,
div.align_center,
a.align_center,
span .align_center {
text-align: center;
}
.align_right,
h1.align_right,
h2.align_right,
h3.align_right,
h4.align_right,
h5.align_right,
h6.align_right,
p.align_right,
div.align_right,
a.align_right,
span .align_right {
text-align: right;
}
.align_left,
h1.align_left,
h2.align_left,
h3.align_left,
h4.align_left,
h5.align_left,
h6.align_left,
p.align_left,
div.align_left,
a.align_left,
span .align_left {
text-align: left;
}
.nopadding,
h1.nopadding,
h2.nopadding,
h3.nopadding,
h4.nopadding,
h5.nopadding,
h6.nopadding,
p.nopadding,
div.nopadding,
a.nopadding,
span .nopadding {
padding: 0 !important;
}
.nomargin,
h1.nomargin,
h2.nomargin,
h3.nomargin,
h4.nomargin,
h5.nomargin,
h6.nomargin,
p.nomargin,
div.nomargin,
a.nomargin,
span .nomargin {
margin: 0 !important;
}
.margin_0_auto {
margin: 0 auto;
}
.uppercase,
h1.uppercase,
h2.uppercase,
h3.uppercase,
h4.uppercase,
h5.uppercase,
h6.uppercase,
p.uppercase,
div.uppercase,
a.uppercase,
span .uppercase {
text-transform: uppercase;
}
.italic,
h1.italic,
h2.italic,
h3.italic,
h4.italic,
h5.italic,
h6.italic,
p.italic,
div.italic,
a.italic,
span .italic {
font-style: italic;
}
.underline,
h1.underline,
h2.underline,
h3.underline,
h4.underline,
h5.underline,
h6.underline,
p.underline,
div.underline,
a.underline,
span .underline {
text-decoration: underline; text-decoration-thickness: 1px;
text-underline-offset: 3px;
} .weight100,
h1.weight100,
h2.weight100,
h3.weight100,
h4.weight100,
h5.weight100,
h6.weight100,
p.weight100,
div.weight100,
a.weight100,
span.weight100,
.weight100 span,
.weight100 a {
font-weight: 100;
}
.weight200,
h1.weight200,
h2.weight200,
h3.weight200,
h4.weight200,
h5.weight200,
h6.weight200,
p.weight200,
div.weight200,
a.weight200,
span.weight200 {
font-weight: 200;
}
.weight300,
h1.weight300,
h2.weight300,
h3.weight300,
h4.weight300,
h5.weight300,
h6.weight300,
p.weight300,
div.weight300,
a.weight300,
span.weight300 {
font-weight: 300;
}
.weight400,
h1.weight400,
h2.weight400,
h3.weight400,
h4.weight400,
h5.weight400,
h6.weight400,
p.weight400,
div.weight400,
a.weight400,
span.weight400 {
font-weight: 400;
}
.weight500,
h1.weight500,
h2.weight500,
h3.weight500,
h4.weight500,
h5.weight500,
h6.weight500,
p.weight500,
div.weight500,
a.weight500,
span.weight500 {
font-weight: 500;
}
.weight600,
h1.weight600,
h2.weight600,
h3.weight600,
h4.weight600,
h5.weight600,
h6.weight600,
p.weight600,
div.weight600,
a.weight600,
span.weight600 {
font-weight: 600;
}
.weight700,
h1.weight700,
h2.weight700,
h3.weight700,
h4.weight700,
h5.weight700,
h6.weight700,
p.weight700,
div.weight700,
a.weight700,
span.weight700 {
font-weight: 700;
}
.weight800,
h1.weight800,
h2.weight800,
h3.weight800,
h4.weight800,
h5.weight800,
h6.weight800,
p.weight800,
div.weight800,
a.weight800,
span .weight800 {
font-weight: 800;
}
.weight900,
h1.weight900,
h2.weight900,
h3.weight900,
h4.weight900,
h5.weight900,
h6.weight900,
p.weight900,
div.weight900,
a.weight900,
span .weight900 {
font-weight: 900;
}
@media screen and (max-width: 960px) {
.tablet_sm_align_center {
text-align: center;
}
.tablet_sm_text_25px {
font-size: 25px;
}
}
@media screen and (min-width: 960px) {
.column_width_30p {
width: 30%;
}
.column_width_70p {
width: 70%;
}
}
@media screen and (max-width: 768px) {
.mobile_color_3C4B5D {
color: #3C4B5D !important;
}
.mobile_white,
h1.mobile_white,
h2.mobile_white,
h3.mobile_white,
h4.mobile_white,
h5.mobile_white,
h6.mobile_white,
p.mobile_white,
div.mobile_white,
a.mobile_white,
span .mobile_white {
color: white !important;
}
.mobile_align_left,
h1.mobile_align_left,
h2.mobile_align_left,
h3.mobile_align_left,
h4.mobile_align_left,
h5.mobile_align_left,
h6.mobile_align_left,
p.mobile_align_left,
div.mobile_align_left,
a.mobile_align_left,
span .mobile_align_left {
text-align: left !important;
}
.mobile_align_center,
h1.mobile_align_center,
h2.mobile_align_center,
h3.mobile_align_center,
h4.mobile_align_center,
h5.mobile_align_center,
h6.mobile_align_center,
p.mobile_align_center,
div.mobile_align_center,
a.mobile_align_center,
span .mobile_align_center {
text-align: center !important;
}
.mobile_weight_300 {
font-weight: 300 !important;
}
.mobile_weight_400 {
font-weight: 400 !important;
}
.mobile_weight_500 {
font-weight: 500 !important;
}
.mobile_letter_spacing_-1px {
letter-spacing: -1px;
}
.mobile_letter_spacing_-0_5px {
letter-spacing: -0.5px;
}
.mobile_line_height_1_2,
.line_height_1_1.mobile_line_height_1_2 {
line-height: 1.2 !important;
}
.mobile_margin_0 {
margin: 0 !important;
}
.mobile_margin_left_30px {
margin-left: 30px !important;
}
.mobile_margin_right_-3px {
margin-right: -3px !important;
}
.mobile_margin_right_5px {
margin-right: 5px !important;
}
.mobile_margin_right_10px {
margin-right: 10px !important;
}
.mobile_margin_top_4px,
.nomargin.mobile_margin_top_4px {
margin-top: 4px !important;
}
.mobile_row_full_width>.grve-container {
padding: 0 !important;
margin: 0;
max-width: 100% !important;
width: 100%;
}
.mobile_padding_lr_25px {
padding-left: 25px !important;
padding-right: 25px !important;
}
.mobile_padding_lr_15px {
padding-left: 15px;
padding-right: 15px;
}
.mobile_section_text {
padding-left: 22px;
padding-right: 40px;
}
.mobile_section_text.sm {
padding-right: 10px;
}
.mobile_section_text.md {
padding-left: 22px;
padding-right: 27px;
}  .mobile_text_31px {
font-size: 31px;
} .mobile_text_20px {
font-size: 20px;
}
.mobile_text_17px {
font-size: 17px;
} .mobile_text_12px {
font-size: 12px;
}
}
.dati-societari{
color: white;
opacity: 0.5;
text-align: center;
margin: 70px 0 50px 0;
line-height: 1.4; font-size: clamp(14px, 1.267vw, 19px);
font-weight: 200;
}
.dati-societari p{
margin-bottom: 0;
}
@media screen and (max-width: 1400px) {
.dati-societari{
margin: 20px 0 15px 0;
}
} article.grve-single-post{
display: flex;
gap: 35px;
margin-top: 130px;
margin-bottom: 180px;
}
.single-post-left{
width: 35%;
}
.single-post-right{
width: 65%;
}
.rgb-post-img img{
border-radius: 15px;
}
.rgb-post-title .date{
font-size: 18px;
color: #D6D6D6;
}
.rgb-post-title h1{
font-size: clamp(25px, 2.344vw, 45px);
text-transform: uppercase;
line-height: 1.2;
font-weight: 400;
letter-spacing: 1px;
margin-top: 10px;
}
article.grve-single-post .blog-separator{
margin-top: 50px;
margin-bottom: 30px;
}
.rgb-post-content{
font-size: 20px;
color: #D6D6D6;
}
.rgb-post-content .grve-container{
margin: 0;
}
.post-files{
width: 100%;
background-color: #F8CD41;
border-radius: 15px;
padding: 10% 12%;
margin-top: 35px;
}
.post-files .container{
display: flex;
justify-content: space-between;
position: relative;
gap: 30px;
}
.post-files a{
width: 33%;
}
.post-files p{
color: #3C4B5D;
font-size: 25px;
margin-bottom: 25px;
text-align: center;
}
@media screen and (max-width: 1023px){
article.grve-single-post{
display: block;
}
.single-post-left, .single-post-right{
width: 100%;
}
.single-post-left{
max-width: 400px;
margin: 0 auto 30px auto;
}
article.grve-single-post .section-title .bullet{
display: none;
}
}
@media screen and (max-width: 1700px) {	
article.grve-single-post{
margin-bottom: 100px;
margin-top: 50px;
}
}
@media screen and (max-width: 1300px) {	
article.grve-single-post{
margin-bottom: 50px;
}
}
@media screen and (max-width: 768px) {
article.grve-single-post{
margin-top: 30px;
margin-bottom: 30px;
}
}