@charset "UTF-8";
 body, html {
box-sizing: border-box;
outline: none;
font-family: "Ubuntu", sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 26px;
color: #333333;
}
.t1 {
font-size: 60px;
line-height: 70px;
}
h1, h2, h3 {
margin: 0;
}
a, span {
color: #333333;
text-decoration: none;
}
.pin-spacer {
pointer-events: none;
}
.pin-spacer > * {
pointer-events: all;
}
header#masthead {
width: calc(100vw - 80px);
position: absolute;
top: 40px;
left: 40px;
background-color: rgba(255, 255, 255, 0.5);
backdrop-filter: blur(20px);
border-radius: 40px;
padding: 0 12px 0 0 !important;
align-items: center;
z-index: 99999;
pointer-events: all;
}
header#masthead span, header#masthead a {
font-size: 18px;
line-height: 100%;
font-weight: 500;
color: #384157;
}
header#masthead .site-branding .custom-logo-link {
display: flex;
}
header#masthead .site-branding img {
width: 275px;
height: auto;
}
header#masthead .primary-menu-container {
z-index: 10;
}
header#masthead .primary-menu-container ul {
gap: 50px;
align-items: center;
}
header#masthead .primary-menu-container ul li {
position: relative;
}
header#masthead .primary-menu-container ul li:not(.btn) > a {
display: block;
position: relative;
}
header#masthead .primary-menu-container ul li:not(.btn) > a span {
position: relative;
transition: all 0.5s ease;
background: linear-gradient(to top, #9994C8 50%, #333333 50%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: auto 200%;
background-position: 0 0;
}
header#masthead .primary-menu-container ul li:not(.btn) > a span::before {
content: "";
position: absolute;
bottom: -3px;
left: 0;
height: 1px;
width: 100%;
background-color: #627DBB;
opacity: 0;
transition: all 1s ease;
}
header#masthead .primary-menu-container ul li:hover > a span, header#masthead .primary-menu-container ul li.current-menu-item > a span, header#masthead .primary-menu-container ul li.current-menu-parent > a span {
background-position: 0 100%;
}
header#masthead .primary-menu-container ul li:hover > a span::before, header#masthead .primary-menu-container ul li.current-menu-item > a span::before, header#masthead .primary-menu-container ul li.current-menu-parent > a span::before {
opacity: 1;
}
header#masthead .primary-menu-container ul li.btn a {
padding: 10px 20px;
border-radius: 30px;
background: #627DBB;
transition: all 0.3s ease;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
position: relative;
}
header#masthead .primary-menu-container ul li.btn a span {
text-transform: uppercase;
font-size: 18px;
line-height: 100%;
color: #fff;
z-index: 1;
}
header#masthead .primary-menu-container ul li.btn a::before {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg, #9994C8, #E87D85);
transition: all 0.6s ease;
z-index: 1;
opacity: 0;
}
header#masthead .primary-menu-container ul li.btn a:hover::before {
opacity: 1;
}
header#masthead .primary-menu-container ul li.btn a::after {
display: none !important;
}
header#masthead .primary-menu-container ul li.search a {
width: 30px;
height: 30px;
background-image: url(//clinichelagrazia.it/wp-content/themes/clg-child/assets/svg/search.svg);
background-repeat: no-repeat;
background-size: contain;
}
header#masthead .primary-menu-container ul li.search a span {
display: none;
}
header#masthead .primary-menu-container ul li.search a::after {
display: none !important;
}
header#masthead .primary-menu-container ul li .sub-menu {
top: calc(100% + 20px);
left: 50%;
transform: translateX(-50%);
background-color: #D9D9D9;
padding: 15px 30px;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
}
header#masthead .primary-menu-container ul li .sub-menu li:not(:last-child) {
margin-bottom: 10px;
}
header#masthead .primary-menu-container ul li .sub-menu li > a::after {
left: 0;
transform: translateY(-50%);
text-align: start;
}
.header-search-form {
position: absolute;
right: 0px;
width: 350px;
transition: all 1s ease;
pointer-events: none;
top: 0;
opacity: 0;
max-width: 100%;
}
.header-search-form form {
width: 100%;
position: relative;
}
.header-search-form form label {
display: none;
}
.header-search-form form input[type="search"] {
padding: 10px 20px;
background-color: #D9D9D9;
height: 40px;
width: 100%;
border-radius: 30px;
border: none;
padding-right: 55px;
}
.header-search-form form input[type="submit"] {
position: absolute;
right: 20px;
color: transparent;
background-image: url(//clinichelagrazia.it/wp-content/themes/clg-child/assets/svg/search.svg);
width: 30px;
height: 30px;
background-repeat: no-repeat;
background-size: cover;
background-color: transparent;
border: transparent;
cursor: pointer;
top: 4px;
}
.header-search-form.visible {
top: calc(100% + 10px);
opacity: 1;
pointer-events: all;
}
@media only screen and (max-width: 1680px) {
header#masthead .primary-menu-container ul {
gap: 25px;
}
}
@media only screen and (max-width: 1440px) {
header#masthead a, header#masthead span {
font-size: 16px;
}
header#masthead .primary-menu-container ul li.search a {
width: 20px;
height: 20px;
}
}
@media only screen and (max-width: 1350px) {
header#masthead .site-branding img {
width: 200px;
}
header#masthead .primary-menu-container ul li.btn a {
padding: 10px;
}
header#masthead .primary-menu-container ul {
gap: 15px;
}
}
@media only screen and (max-width: 1175px) {
#mobile-navigation {
display: flex !important;
justify-content: flex-end;
align-items: center;
gap: 10px;
}
#mobile-navigation .search-button {
width: 20px;
height: 20px;
background-image: url(//clinichelagrazia.it/wp-content/themes/clg-child/assets/svg/search.svg);
background-repeat: no-repeat;
background-size: contain;
}
.site-branding {
margin-left: 0 !important;
}
#mobile-navigation {
left: auto !important;
right: 20px !important;
top: 11px !important;
z-index: 10;
}
#mobile-navigation .menu-button-container {
left: auto !important;
padding: 0;
position: relative !important;
}
body.mobile-navigation-open #mobile-navigation .primary-menu-container {
left: -40px;
width: 100vw;
top: -20px;
}
#mobile-navigation .primary-menu-container #mobile-menu-list li.btn a {
padding: 10px 20px;
margin-top: 5px;
}
header#masthead .primary-menu-container ul li .sub-menu {
transform: unset;
}
#mobile-navigation .primary-menu-container #mobile-menu-list li ul li a {
padding: 0 !important;
}
#mobile-navigation .primary-menu-container #mobile-menu-list li ul li a span {
font-weight: 400;
}
body.mobile-navigation-open #mobile-navigation .menu-button-container {
width: 24px !important;
}
body.mobile-navigation-open #mobile-navigation .primary-menu-container {
overflow: auto;
}
}
@media only screen and (max-width: 1024px) {
header#masthead {
width: calc(100%);
left: 0px;
background-color: #fff;
border-radius: 0;
top: 0 !important;
padding: 10px 20px !important;
}
#mobile-navigation {
top: 22px !important;
}
body.mobile-navigation-open #mobile-navigation .primary-menu-container {
left: 0px !important;
}
}
@media only screen and (max-width: 768px) {
.header-search-form form input[type="submit"] {
width: 20px;
height: 20px;
top: 10px;
}
header#masthead {
top: 20px;
position: fixed;
}
}
::-webkit-scrollbar {
width: 7px;
background-color: transparent;
}
::-webkit-scrollbar-thumb {
background-color: #333333;
border-radius: 0px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
background-color: transparent;
}
::selection {
background-color: #333333 !important;
color: #fff !important;
}
.uppercase {
text-transform: uppercase;
}
.bold {
font-weight: 700;
}
h1, .h1 {
font-size: 96px;
line-height: 100%;
font-weight: 700;
color: #627DBB;
}
@media only screen and (max-width: 1440px) {
h1, .h1 {
font-size: 75px;
line-height: 83px;
}
}
@media only screen and (max-width: 1024px) {
h1, .h1 {
font-size: 60px;
line-height: 65px;
}
}
@media only screen and (max-width: 768px) {
h1, .h1 {
font-size: 45px;
line-height: 50px;
}
}
@media only screen and (max-width: 500px) {
h1, .h1 {
font-size: 38px;
line-height: 42px;
}
}
h2, .h2 {
font-size: 64px;
line-height: 64px;
font-weight: 700;
color: #627DBB;
}
@media only screen and (max-width: 1440px) {
h2, .h2 {
font-size: 55px;
line-height: 60px;
}
}
@media only screen and (max-width: 1024px) {
h2, .h2 {
font-size: 45px;
line-height: 50px;
}
}
@media only screen and (max-width: 768px) {
h2, .h2 {
font-size: 34px;
line-height: 40px;
}
}
@media only screen and (max-width: 500px) {
h2, .h2 {
font-size: 30px;
line-height: 35px;
}
}
h3, .h3 {
font-size: 48px;
line-height: 55px;
font-weight: 700;
color: #627DBB;
}
@media only screen and (max-width: 1440px) {
h3, .h3 {
font-size: 40px;
line-height: 44px;
}
}
@media only screen and (max-width: 1024px) {
h3, .h3 {
font-size: 34px;
line-height: 38px;
}
}
@media only screen and (max-width: 768px) {
h3, .h3 {
font-size: 29px;
line-height: 35px;
}
}
@media only screen and (max-width: 500px) {
h3, .h3 {
font-size: 26px;
line-height: 30px;
}
}
h4, .h4 {
font-size: 36px;
line-height: 41px;
}
@media only screen and (max-width: 1024px) {
h4, .h4 {
font-size: 30px;
line-height: 35px;
}
}
@media only screen and (max-width: 768px) {
h4, .h4 {
font-size: 26px;
line-height: 30px;
}
}
.subtitle {
font-size: 32px;
line-height: 100%;
font-weight: 400;
text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
.subtitle {
font-size: 25px;
line-height: 30px;
}
}
@media only screen and (max-width: 768px) {
.subtitle {
font-size: 23px;
line-height: 30px;
}
}
@media only screen and (max-width: 500px) {
.subtitle {
font-size: 20px;
line-height: 25px;
}
}
.single-section {
padding: 0 20px;
}
.boxed {
padding: 0 150px;
}
@media only screen and (max-width: 1680px) {
.boxed {
padding: 0 100px;
}
}
@media only screen and (max-width: 1440px) {
.boxed {
padding: 0 50px;
}
}
@media only screen and (max-width: 1024px) {
.boxed {
padding: 0 20px;
}
}
.btn-normal {
padding: 10px 20px;
border-radius: 30px;
background: #627DBB;
transition: all 0.3s ease;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
position: relative;
}
.btn-normal span {
text-transform: uppercase;
font-size: 18px;
line-height: 100%;
color: #fff;
z-index: 1;
}
.btn-normal::before {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg, #9994C8, #E87D85);
transition: all 0.6s ease;
z-index: 1;
opacity: 0;
}
.btn-normal:hover::before {
opacity: 1;
}
.btn-sfumato {
padding: 10px 20px;
border-radius: 30px;
background: #627DBB;
transition: all 0.3s ease;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
position: relative;
background: linear-gradient(90deg, #9994C8, #E87D85);
justify-content: space-between;
gap: 20px;
padding: 5px 5px 5px 20px;
}
.btn-sfumato span {
text-transform: uppercase;
font-size: 18px;
line-height: 100%;
color: #fff;
z-index: 1;
}
.btn-sfumato::before {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg, #9994C8, #E87D85);
transition: all 0.6s ease;
z-index: 1;
opacity: 0;
}
.btn-sfumato:hover::before {
opacity: 1;
}
.btn-sfumato::after {
content: "";
position: relative;
width: 30px;
height: 30px;
background-image: url(//clinichelagrazia.it/wp-content/themes/clg-child/assets/svg/arrow-link.svg);
background-repeat: no-repeat;
background-size: contain;
z-index: 2;
}
.btn-sfumato::before {
background: linear-gradient(90deg, #6F8DC1, #4E74B0);
}
.btn-sfumato-light {
padding: 10px 20px;
border-radius: 30px;
background: #627DBB;
transition: all 0.3s ease;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
position: relative;
background: linear-gradient(90deg, #9994C8, #E87D85);
justify-content: space-between;
gap: 20px;
padding: 5px 5px 5px 20px;
background: #fff;
}
.btn-sfumato-light span {
text-transform: uppercase;
font-size: 18px;
line-height: 100%;
color: #fff;
z-index: 1;
}
.btn-sfumato-light::before {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg, #9994C8, #E87D85);
transition: all 0.6s ease;
z-index: 1;
opacity: 0;
}
.btn-sfumato-light:hover::before {
opacity: 1;
}
.btn-sfumato-light::after {
content: "";
position: relative;
width: 30px;
height: 30px;
background-image: url(//clinichelagrazia.it/wp-content/themes/clg-child/assets/svg/arrow-link.svg);
background-repeat: no-repeat;
background-size: contain;
z-index: 2;
}
.btn-sfumato-light::before {
background: linear-gradient(90deg, #6F8DC1, #4E74B0);
}
.btn-sfumato-light span {
color: #627DBB;
}
.btn-sfumato-light:hover span {
color: #fff;
}
.txt-sfumato {
background: linear-gradient(90deg, #9994C8, #E87D85);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
p {
margin: 0;
}
#bottom-banner {
margin: 100px 0;
}
#bottom-banner .container {
background: linear-gradient(90deg, #9994C8, #E87D85);
border-radius: 30px;
padding: 20px 20px 50px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
gap: 25px;
}
#bottom-banner .container .title span {
color: #fff;
}
#bottom-banner .container .methods {
width: 100%;
}
#bottom-banner .container .methods .single-method {
display: flex !important;
justify-content: center;
}
#bottom-banner .container .methods .single-method a {
display: flex;
justify-content: center;
align-items: center;
}
#bottom-banner .container .methods .single-method:not(.button) a {
gap: 30px;
color: #fff;
transition: all 0.3s ease;
overflow: hidden;
position: relative;
display: inline-flex;
cursor: pointer;
}
#bottom-banner .container .methods .single-method:not(.button) a img {
width: 45px;
height: auto;
}
#bottom-banner .container .methods .single-method:not(.button) a span {
color: #fff;
font-weight: 500;
}
#bottom-banner .container .methods .single-method:not(.button) a::before {
content: "";
position: absolute;
left: 0;
width: 100%;
height: 2px;
bottom: 0;
transition: all 0.3s ease;
transform: translateX(-100%);
background-color: currentColor;
}
#bottom-banner .container .methods .single-method:not(.button) a:hover::before {
transform: translateX(0);
}
#bottom-banner .container .methods .single-method.button a {
display: inline-flex;
}
.single-card {
position: relative;
border-radius: 30px;
overflow: hidden;
background-color: rgba(0, 0, 0, 0.2);
}
.single-card a {
width: 100%;
height: 100%;
position: relative;
display: block;
}
.single-card a .arrow {
position: absolute;
top: 20px;
right: 20px;
z-index: 3;
}
.single-card a .arrow img {
width: 30px;
height: 30px;
}
.single-card a .background {
height: 100%;
width: 100%;
position: relative;
}
.single-card a .background img {
width: 100%;
height: 100%;
object-fit: cover;
}
.single-card a .text {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 30px 35px;
display: flex;
flex-direction: column;
align-items: flex-start;
z-index: 3;
gap: 10px;
}
.single-card a .text .title > span {
font-size: 50px;
line-height: 50px;
font-weight: 500;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.single-card a .text .title .dott {
text-transform: none;
}
.single-card a .text span, .single-card a .text p {
color: #fff;
}
.single-card a .gradient-bg {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(#4E74B000, #1B488FB2);
z-index: 1;
}
.single-card a::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg, #9994C8, #E87D85);
z-index: 2;
opacity: 0;
transition: all 0.5s ease;
}
.single-card a:hover::after {
opacity: 1;
}
.slick-slider .slick-arrow {
z-index: 1;
width: 50px;
height: 50px;
}
.slick-slider .slick-arrow::before {
content: "";
display: block;
width: 100%;
height: 100%;
background-image: url(//clinichelagrazia.it/wp-content/themes/clg-child/assets/svg/slick-arrow.svg);
background-repeat: no-repeat;
background-size: contain;
}
.slick-slider .slick-arrow.slick-prev {
left: 20px;
}
.slick-slider .slick-arrow.slick-next {
right: 20px;
}
.slick-slider .slick-arrow.slick-next::before {
rotate: 180deg;
}
.slick-slider .slick-dots {
bottom: 20px;
background-color: #FFFFFFB2;
border-radius: 30px;
width: auto;
left: 50%;
transform: translateX(-50%);
display: inline-flex;
justify-content: center;
align-items: center;
width: auto;
padding: 15px;
gap: 20px;
}
.slick-slider .slick-dots li {
width: 10px;
height: 10px;
position: relative;
margin: 0;
}
.slick-slider .slick-dots li button {
width: 100%;
height: 100%;
}
.slick-slider .slick-dots li button::before {
content: "";
display: block;
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #627DBB;
}
.slick-slider.dark .slick-arrow::before {
background-image: url(//clinichelagrazia.it/wp-content/themes/clg-child/assets/svg/slick-arrow-dark.svg);
}
.slick-slider.dark .slick-dots {
background-color: #627DBBB2;
}
.slick-slider.dark .slick-dots li button::before {
background-color: #fff;
}
.simple-gallery .slick-track {
display: flex;
}
.simple-gallery .slick-slide {
height: inherit !important;
}
.simple-gallery .slick-slide > div {
height: 100%;
}
.simple-gallery .slick-slide .div-img {
width: 100%;
height: 100%;
position: relative;
border-radius: 30px;
overflow: hidden;
}
.simple-gallery .slick-slide .div-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.card-gallery .slick-track {
display: flex !important;
}
.card-gallery .slick-list {
margin: 0 -10px;
}
.card-gallery .slick-list .slick-slide {
margin: 0 10px;
height: inherit !important;
}
.card-gallery .slick-list .slick-slide > div {
height: 100%;
}
.card-gallery .slick-list .slick-slide > div .single-card {
height: 100%;
aspect-ratio: 1;
}
.card-gallery .slick-list .slick-slide > div .single-news {
height: 100%;
}
.card-gallery .slick-list .slick-slide > div > img {
height: 100%;
object-fit: cover;
border-radius: 30px;
}
.card-gallery .slick-arrow.slick-prev {
left: -50px;
transform: translate(-100%, -50%);
}
.card-gallery .slick-arrow.slick-next {
right: -50px;
transform: translate(100%, -50%);
}
.card-gallery .slick-dots {
bottom: -30px;
transform: translate(-50%, 100%);
}
.single-news {
position: relative;
}
.single-news a {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
background-color: #eeeeee;
border-radius: 30px;
overflow: hidden;
}
.single-news a .div-img {
width: 100%;
position: relative;
border-radius: 30px;
overflow: hidden;
height: 400px;
display: flex;
}
.single-news a .div-img img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.3s ease;
}
.single-news a .div-img .data {
position: absolute;
top: 0;
left: 0;
border-top-left-radius: 30px;
border-bottom-right-radius: 30px;
background-color: #627DBB;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 150px;
height: 150px;
padding: 20px;
z-index: 1;
}
.single-news a .div-img .data span {
color: #fff;
}
.single-news a .div-img .data span.day {
font-weight: 500;
}
.single-news a .text {
padding: 40px;
}
.single-news a .text .title h3 {
font-weight: 500;
}
.single-news a .text .par {
margin-top: 15px;
}
.single-news a .text .par p {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 5;
line-clamp: 5;
-webkit-box-orient: vertical;
}
.single-news:hover a .div-img img {
scale: 1.1;
}
.builder-content {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 50px;
}
.builder-content .single-layout {
position: relative;
width: 100%;
}
.builder-content .single-layout.intestazione-evidenza {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
.builder-content .single-layout.intestazione-evidenza .par {
font-size: 40px;
line-height: 40px;
}
.builder-content .single-layout.intestazione-evidenza .par a {
transition: all 0.3s ease;
overflow: hidden;
position: relative;
display: inline-flex;
cursor: pointer;
}
.builder-content .single-layout.intestazione-evidenza .par a::before {
content: "";
position: absolute;
left: 0;
width: 100%;
height: 2px;
bottom: 0;
transition: all 0.3s ease;
transform: translateX(-100%);
background-color: currentColor;
}
.builder-content .single-layout.intestazione-evidenza .par a:hover::before {
transform: translateX(0);
}
.builder-content .single-layout.blocco-testo .title {
margin-bottom: 50px;
}
.builder-content .single-layout.blocco-testo a {
transition: all 0.3s ease;
overflow: hidden;
position: relative;
display: inline-flex;
cursor: pointer;
display: inline-flex;
color: #627DBB;
}
.builder-content .single-layout.blocco-testo a::before {
content: "";
position: absolute;
left: 0;
width: 100%;
height: 2px;
bottom: 0;
transition: all 0.3s ease;
transform: translateX(-100%);
background-color: currentColor;
}
.builder-content .single-layout.blocco-testo a:hover::before {
transform: translateX(0);
}
.builder-content .single-layout.scheda {
width: 100%;
background: linear-gradient(90deg, #9994C8, #E87D85);
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-start;
padding: 20px 30px;
border-radius: 30px;
overflow: hidden;
gap: 10px 0;
}
.builder-content .single-layout.scheda .single-voce {
width: 50%;
display: flex;
align-items: flex-end;
justify-content: flex-start;
gap: 5px;
}
.builder-content .single-layout.scheda .single-voce span {
color: #fff;
}
.builder-content .single-layout.scheda .single-voce .value span {
font-weight: 700;
}
.builder-content .single-layout.simple-gallery .slick-slide {
max-height: 60vh;
}
.builder-content .single-layout.faq {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.builder-content .single-layout.faq .single-domanda {
padding: 20px 0;
border-bottom: 2px solid #9994C8;
width: 100%;
position: relative;
}
.builder-content .single-layout.faq .single-domanda .domanda {
display: flex;
align-items: flex-start;
justify-content: space-between;
position: relative;
cursor: pointer;
}
.builder-content .single-layout.faq .single-domanda .domanda span {
display: block;
width: 80%;
}
.builder-content .single-layout.faq .single-domanda .domanda .button {
width: 30px;
height: 30px;
position: relative;
display: flex;
cursor: pointer;
}
.builder-content .single-layout.faq .single-domanda .domanda .button img {
width: 100%;
height: 100%;
object-fit: contain;
}
.builder-content .single-layout.faq .single-domanda .domanda .button .minus {
display: none;
}
.builder-content .single-layout.faq .single-domanda .domanda .button .plus {
display: block;
}
.builder-content .single-layout.faq .single-domanda .risposta {
height: 0;
overflow: hidden;
transition: all 0.5s ease;
}
.builder-content .single-layout.faq .single-domanda .risposta span {
display: block;
padding-top: 20px;
}
.builder-content .single-layout.faq .single-domanda.open .domanda .button .minus {
display: block;
}
.builder-content .single-layout.faq .single-domanda.open .domanda .button .plus {
display: none;
}
.builder-content .single-layout.info-banner {
border-radius: 30px;
background: linear-gradient(90deg, #4E74B0, #6F8DC1);
padding: 20px;
overflow: hidden;
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.builder-content .single-layout.info-banner .div-img {
width: 30px;
height: 30px;
position: relative;
}
.builder-content .single-layout.info-banner .div-img img {
width: 100%;
height: 100%;
object-fit: contain;
}
.builder-content .single-layout.info-banner .text {
width: calc(100% - 50px);
color: #fff;
}
.builder-content .single-layout.info-banner .text a {
color: #fff;
text-decoration: underline;
}
.gform_wrapper .gform_heading {
display: none;
}
.gform_wrapper .gform-body .gform_fields {
row-gap: 10px;
}
.gform_wrapper .gform-body .gform_fields .gfield label, .gform_wrapper .gform-body .gform_fields .gfield legend {
font-size: 15px;
margin-bottom: 3px;
}
.gform_wrapper .gform-body .gform_fields .gfield input, .gform_wrapper .gform-body .gform_fields .gfield textarea, .gform_wrapper .gform-body .gform_fields .gfield select {
background-color: #FFFFFF33;
border-radius: 10px;
color: #fff;
border: none;
height: 40px;
}
.gform_wrapper .gform-body .gform_fields .gfield input[type="checkbox"] {
border-radius: 0;
height: 12px;
width: 12px;
}
.gform_wrapper .gform-body .gform_fields .gfield textarea {
min-height: 100px;
max-width: 100%;
}
.gform_wrapper .gform-body .gform_fields .gfield input.datepicker {
width: 100%;
}
.gform_wrapper .gform-body .gform_fields .gfield select {
display: flex;
align-items: center;
}
.gform_wrapper .gform-body .gform_fields .gfield select option {
color: #000;
}
.gform_wrapper .gform-body .gform_fields .gfield .ginput_container_consent input {
margin-top: 3px;
}
.gform_wrapper .gform-body .gform_fields .gfield .ginput_container_consent input::before {
color: #fff;
}
.gform_wrapper .gform-body .gform_fields .gfield .ginput_container_consent label {
font-size: 13px;
line-height: 13px;
margin-left: 3px;
cursor: pointer;
}
.gform_wrapper .gform-footer button {
padding: 5px 5px 5px 20px !important;
border-radius: 30px !important;
background: #fff !important;
transition: all 0.3s ease !important;
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
margin: 0 auto !important;
position: relative;
}
.gform_wrapper .gform-footer button::after {
content: "" !important;
position: relative;
width: 30px;
height: 30px;
background-image: url(//clinichelagrazia.it/wp-content/themes/clg-child/assets/svg/button-modulo.svg);
background-repeat: no-repeat;
background-size: contain;
z-index: 2;
}
.gform_wrapper .gform-footer button::before {
position: absolute;
content: "" !important;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg, #6F8DC1, #4E74B0);
transition: all 0.6s ease;
z-index: 1;
opacity: 0;
}
.gform_wrapper .gform-footer button span {
text-transform: uppercase !important;
font-size: 18px !important;
line-height: 100% !important;
color: #627DBB !important;
}
.modulo#custom-form {
width: 100%;
background-color: #627DBB;
padding: 30px 20px;
border-radius: 30px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
gap: 20px;
pointer-events: all;
}
.modulo#custom-form span, .modulo#custom-form label, .modulo#custom-form legend {
color: #fff;
font-weight: 500;
}
.modulo#custom-form span.mobile {
display: none;
}
.modulo#custom-form.pin {
position: absolute;
top: 0;
right: 0;
}
#breadcrumbs {
position: absolute;
left: 70px;
top: 105px;
z-index: 999;
}
#breadcrumbs span, #breadcrumbs a {
color: #fff;
font-size: 14px;
line-height: 20px;
text-transform: uppercase;
font-weight: 500;
}
#breadcrumbs span.breadcrumb_last, #breadcrumbs a.breadcrumb_last {
font-weight: 700;
text-decoration: underline;
}
#breadcrumbs > span a:hover {
text-decoration: underline;
}
.home #breadcrumbs {
display: none;
}
.home #heading {
margin-top: 20px;
position: relative;
}
.home #heading .gallery {
border-radius: 30px;
overflow: hidden;
height: calc(100vh - 40px);
position: relative;
}
.home #heading .gallery .slick-list {
height: 100%;
}
.home #heading .gallery .slick-track {
height: 100%;
}
.home #heading .gallery .slick-slide {
width: 100%;
position: relative;
height: 100%;
}
.home #heading .gallery .slick-slide > div {
height: 100%;
}
.home #heading .gallery .single-slide {
width: 100%;
position: relative;
height: 100%;
}
.home #heading .gallery .single-slide .div-img {
width: 100%;
position: relative;
height: 100%;
}
.home #heading .gallery .single-slide .div-img img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 30px;
overflow: hidden;
}
.home #heading .gallery .single-slide .div-img img.desk {
display: block;
}
.home #heading .gallery .single-slide .div-img img.mobile {
display: none;
}
.home #heading .gallery .single-slide .text {
position: absolute;
left: 130px;
bottom: 60px;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.home #heading .gallery .single-slide .text .sub {
margin-top: 25px;
}
.home #heading .gallery .single-slide .text .sub span {
color: #384157;
}
.home #heading .gallery .single-slide .text .button {
margin-top: 50px;
}
.home #heading .gallery .slick-dots {
transform: unset;
right: 20px;
left: auto;
bottom: 70px;
}
.home #heading .header-search-form {
left: 50%;
right: auto;
top: 140px;
transform: translateX(-50%);
opacity: 1;
width: 900px;
max-width: 90%;
z-index: 10;
pointer-events: all;
}
.home #heading .header-search-form .search-container {
width: 100%;
border-radius: 30px;
background-color: #fff;
height: 70px;
display: flex;
justify-content: space-between;
align-items: center;
}
.home #heading .header-search-form .search-container input {
width: 100%;
height: 100%;
padding: 0 150px 0 20px;
border-radius: 30px;
border: unset;
font-size: 24px;
font-weight: 500;
z-index: 10;
background-color: transparent;
}
.home #heading .header-search-form .search-container .button {
position: absolute;
right: 20px;
cursor: pointer;
z-index: 11;
}
.home #heading .header-search-form .search-container .text-search {
position: absolute;
top: 50%;
left: 20px;
transform: translateY(-50%);
font-size: 24px;
line-height: 500;
line-height: 28px;
overflow: hidden;
white-space: nowrap;
}
.home #heading .header-search-form .search-container .text-search .slide {
margin-left: 5px;
}
.home #first {
margin-top: 60px;
}
.home #first .container .title {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
gap: 5px;
}
.home #first .container .title .uppercase {
color: #E87D85;
}
.home #first .container .title .h2 {
text-align: center;
}
.home #first .container .all-specialità {
margin-top: 50px;
}
.home #first .container .all-specialità .slick-arrow {
transform: translateY(-50%);
}
.home #first .container .all-specialità .slick-arrow.slick-next {
right: 20px;
}
.home #first .container .all-specialità .slick-arrow.slick-prev {
left: 20px;
}
.home #second .container {
display: flex;
margin-top: 200px;
align-items: stretch;
justify-content: space-between;
width: 100%;
position: relative;
}
.home #second .container .left {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 50%;
position: relative;
gap: 40px;
}
.home #second .container .left .title {
position: relative;
}
.home #second .container .left .title h1 {
position: absolute;
top: -50px;
font-size: 20px;
line-height: 20px;
font-weight: 500;
}
.home #second .container .left .text {
font-size: 40px;
line-height: 40px;
}
.home #second .container .right {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 34%;
}
.home #second .container .right .button {
margin-top: auto;
padding-top: 30px;
}
.home #fifth {
margin-top: 130px;
padding-bottom: 50px;
}
.home #fifth .container .top {
display: flex;
justify-content: center;
align-items: center;
}
.home #fifth .container .top h2 {
text-align: center;
}
.home #fifth .container .all-prestazioni {
margin-top: 30px;
}
.home #third {
background: linear-gradient(90deg, #4E74B0, #6F8DC1);
padding-top: 60px;
padding-bottom: 120px;
margin-top: 150px;
}
.home #third .container {
padding: 0 107px;
position: relative;
}
.home #third .container .top {
width: 100%;
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 45px;
}
.home #third .container .top .title {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.home #third .container .top .title h2, .home #third .container .top .title span {
color: #fff;
}
.home #third .container .card-gallery .single-card a::before {
background: linear-gradient(#FFFFFF00 0%, #FFFFFFB2 70%);
}
.home #third .container .card-gallery .single-card a .text .title span {
font-size: 36px;
line-height: 40px;
}
.home #fourth {
margin-top: 105px;
}
.home #fourth .container .title {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.home #fourth .container .news {
margin-top: 50px;
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.home #fourth .container .news .last-news {
width: calc(50% - 20px);
position: relative;
}
.home #fourth .container .news .last-news .single-news a .div-img {
height: 600px;
}
.home #fourth .container .news .last-news .single-news a .text .par p {
-webkit-line-clamp: 3;
line-clamp: 3;
}
.home #fourth .container .news .right {
width: calc(50% - 20px);
display: flex;
flex-direction: column;
align-items: flex-start;
position: relative;
gap: 60px;
}
.home #fourth .container .news .right .single-news {
width: 100%;
}
.home #fourth .container .news .right .single-news a {
flex-direction: row;
align-items: stretch;
justify-content: flex-end;
}
.home #fourth .container .news .right .single-news a .div-img {
width: 50%;
}
.home #fourth .container .news .right .single-news a .div-img img {
height: 100%;
object-fit: cover;
}
.home #fourth .container .news .right .single-news a .text {
width: 50%;
display: flex;
align-items: flex-start;
justify-content: center;
flex-direction: column;
}
.home #fourth .container .news .right .single-news a .text .title h3 {
font-size: 32px;
line-height: 32px;
}
.single-prestazioni #heading {
margin-top: 20px;
}
.single-prestazioni #heading .container {
display: flex;
align-items: stretch;
justify-content: flex-start;
width: 100%;
background: linear-gradient(90deg, #9994C8, #E87D85);
border-radius: 30px;
overflow: hidden;
}
.single-prestazioni #heading .container .title {
width: 60%;
padding: 85px 130px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-end;
gap: 10px;
position: relative;
}
.single-prestazioni #heading .container .title h1, .single-prestazioni #heading .container .title h2 {
color: #fff;
}
.single-prestazioni #heading .container .title h1 span {
color: #fff;
}
.single-prestazioni #heading .container .title h1 {
max-height: 300px;
width: 100%;
transition: all 1s ease;
}
.single-prestazioni #heading .container .title .title-h1.evidenzia {
border-radius: 17px;
margin-bottom: 10px;
padding: 20px;
opacity: 0;
}
.single-prestazioni #heading .container .title h1, .single-prestazioni #heading .container .title h2 {
opacity: 0;
}
.single-prestazioni #heading .container .title h2, .single-prestazioni #heading .container .title h1 span {
transform: translateY(30px);
}
.single-prestazioni #heading .container .div-img {
width: 40%;
position: relative;
display: flex;
}
.single-prestazioni #heading .container .div-img img {
width: 100%;
height: auto !important;
object-fit: cover;
border-radius: 30px;
}
.single-prestazioni #breadcrumbs {
position: relative;
margin-top: 20px;
top: 0;
width: 100%;
left: 0;
padding: 0 70px;
z-index: 50;
}
.single-prestazioni #breadcrumbs a, .single-prestazioni #breadcrumbs span {
color: #627DBB;
}
.single-prestazioni #breadcrumbs svg path {
fill: #627DBB;
}
.single-prestazioni #first {
margin-top: 100px;
}
.single-prestazioni #first .container {
display: flex;
align-items: stretch;
justify-content: space-between;
}
.single-prestazioni #first .container .left {
width: 60%;
}
.single-prestazioni #first .container .right {
width: 35%;
position: relative;
}
.single-prestazioni #second {
margin-top: 150px;
}
.single-prestazioni #second .container .title h2 {
text-align: center;
}
.single-prestazioni #second .container .prof {
margin-top: 50px;
}
.single-prestazioni #third {
margin-top: 140px;
background: linear-gradient(90deg, #4E74B0, #6F8DC1);
}
.single-prestazioni #third .container {
padding: 80px 107px 120px;
}
.single-prestazioni #third .container > .title {
margin-bottom: 50px;
}
.single-prestazioni #third .container > .title h2 {
color: #fff;
}
.single-prestazioni #fourth {
margin-top: 100px;
padding-bottom: 50px;
}
.single-prestazioni #fourth .container > .title {
margin-bottom: 50px;
}
.single-specialita #heading {
margin-top: 20px;
}
.single-specialita #heading .container {
width: 100%;
border-radius: 30px;
overflow: hidden;
position: relative;
}
.single-specialita #heading .container .div-img {
width: 100%;
display: flex;
position: relative;
}
.single-specialita #heading .container .div-img img {
width: 100%;
height: auto;
object-fit: cover;
max-height: 60vh;
max-width: 100% !important;
}
.single-specialita #heading .container .title {
position: absolute;
bottom: 40px;
left: 50%;
transform: translateX(-50%);
display: inline-block;
box-sizing: border-box;
width: min-content;
max-width: 90%;
text-align: center;
}
.single-specialita #heading .container .title h1 {
color: #fff;
display: inline !important;
margin: 0;
text-align: center;
}
.single-specialita #heading .container .title.evidenzia {
border-radius: 17px;
padding: 20px;
opacity: 0;
}
.single-specialita #heading .container h1 {
transform: translateY(30px);
opacity: 0;
}
.single-specialita #breadcrumbs {
position: relative;
margin-top: 20px;
top: 0;
width: 100%;
left: 0;
padding: 0 70px;
}
.single-specialita #breadcrumbs a, .single-specialita #breadcrumbs span {
color: #627DBB;
}
.single-specialita #breadcrumbs svg path {
fill: #627DBB;
}
.single-specialita #first {
margin-top: 100px;
}
.single-specialita #first .container {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.single-specialita #first .container .left {
width: 55%;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 50px;
}
.single-specialita #first .container .left .par {
font-size: 40px;
line-height: 40px;
}
.single-specialita #first .container .right {
width: 35%;
position: relative;
}
.single-specialita #second {
margin-top: 150px;
padding-bottom: 60px;
}
.single-professionisti #heading .container {
background: linear-gradient(90deg, #9994C8, #E87D85);
width: 100%;
height: auto;
border-radius: 30px;
padding: 215px 120px 0;
display: flex;
align-items: center;
justify-content: space-between;
}
.single-professionisti #heading .container .title {
padding-bottom: 85px;
width: calc(100% - 550px);
display: flex;
flex-direction: column;
align-items: flex-start;
}
.single-professionisti #heading .container .title h1, .single-professionisti #heading .container .title h2 {
color: #fff;
}
.single-professionisti #heading .container .div-img {
width: 500px;
height: 500px;
position: relative;
margin-bottom: -50px;
border-radius: 30px;
overflow: hidden;
}
.single-professionisti #heading .container .div-img img {
width: 100% !important;
height: 100% !important;
object-fit: cover;
}
.single-professionisti #first {
margin-top: 100px;
}
.single-professionisti #first .container {
width: 100%;
display: flex;
align-items: stretch;
justify-content: space-between;
position: relative;
}
.single-professionisti #first .container .left {
width: 65%;
position: relative;
}
.single-professionisti #first .container .left .title span {
font-size: 24px;
line-height: 30px;
color: #627DBB;
display: block;
margin-top: 10px;
}
.single-professionisti #first .container .left .text {
margin-top: 70px;
}
.single-professionisti #first .container .left .text p {
margin: 1em 0;
}
.single-professionisti #first .container .right {
width: 30%;
position: relative;
}
.single-professionisti #second {
margin-top: 100px;
background: linear-gradient(90deg, #4E74B0, #6F8DC1);
}
.single-professionisti #second .container {
padding: 80px 100px 120px;
}
.single-professionisti #second .container .title h2 {
color: #fff;
}
.single-professionisti #second .container .card-gallery {
margin-top: 50px;
}
.post-type-archive-professionisti #heading {
margin-top: 20px;
}
.post-type-archive-professionisti #heading .container {
width: 100%;
border-radius: 30px;
background: linear-gradient(90deg, #9994C8, #E87D85);
padding: 80px 130px 50px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.post-type-archive-professionisti #heading .container .title h1 {
color: #fff;
}
.post-type-archive-professionisti #first {
margin-top: 100px;
}
.post-type-archive-professionisti #first .container {
width: 100%;
display: flex;
align-items: stretch;
justify-content: flex-start;
flex-wrap: wrap;
gap: 50px 20px;
}
.post-type-archive-professionisti #first .container .single-card {
width: calc((100% - 80px) / 5);
}
.page-template-template-contatti #heading {
margin-top: 20px;
}
.page-template-template-contatti #heading .container {
width: 100%;
padding: 160px 20px 40px;
background: linear-gradient(90deg, #9994C8, #E87D85);
display: flex;
justify-content: center;
align-items: center;
border-radius: 30px;
overflow: hidden;
}
.page-template-template-contatti #heading .container h1 {
color: #fff;
}
.page-template-template-contatti #first {
margin-top: 120px;
}
.page-template-template-contatti #first .container {
display: flex;
align-items: flex-start;
justify-content: flex-start;
gap: 20vw;
}
.page-template-template-contatti #first .container .single-col {
flex-direction: column;
align-items: flex-start;
}
.page-template-template-contatti #first .container .single-col .title {
margin-bottom: 40px;
}
.page-template-template-contatti #first .container .single-col * {
color: #627DBB;
}
.page-template-template-contatti #first .container .single-col .rows {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 5px;
}
.page-template-template-contatti #first .container .single-col .rows .single-row a {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 5px;
transition: all 0.3s ease;
overflow: hidden;
position: relative;
display: inline-flex;
cursor: pointer;
}
.page-template-template-contatti #first .container .single-col .rows .single-row a::before {
content: "";
position: absolute;
left: 0;
width: 100%;
height: 2px;
bottom: 0;
transition: all 0.3s ease;
transform: translateX(-100%);
background-color: currentColor;
}
.page-template-template-contatti #first .container .single-col .rows .single-row a:hover::before {
transform: translateX(0);
}
.page-template-template-contatti #second {
margin-top: 100px;
}
.page-template-template-contatti #third {
margin-top: 90px;
margin-bottom: 100px;
}
.page-template-template-contatti #third .container {
width: 100%;
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.page-template-template-contatti #third .container iframe {
width: 50%;
height: 500px;
}
.page-template-template-contatti #bottom-banner {
display: none;
}
.blog #heading {
margin-top: 20px;
}
.blog #heading .container {
width: 100%;
padding: 160px 120px 40px;
background: linear-gradient(90deg, #9994C8, #E87D85);
display: flex;
justify-content: center;
align-items: center;
border-radius: 30px;
overflow: hidden;
}
.blog #heading .container h1 {
color: #fff;
}
.blog #first {
margin-top: 90px;
}
.blog #first .container {
display: flex;
align-items: stretch;
justify-content: flex-start;
flex-wrap: wrap;
gap: 80px 40px;
}
.blog #first .container .top-news {
display: flex;
align-items: flex-start;
justify-content: space-between;
width: 100%;
position: relative;
}
.blog #first .container .top-news .first-news {
width: calc(50% - 20px);
position: relative;
}
.blog #first .container .top-news .first-news .single-news a .div-img {
height: 600px;
}
.blog #first .container .top-news .first-news .single-news a .text .par p {
-webkit-line-clamp: 3;
line-clamp: 3;
}
.blog #first .container .top-news .right {
width: calc(50% - 20px);
display: flex;
flex-direction: column;
align-items: flex-start;
position: relative;
gap: 60px;
}
.blog #first .container .top-news .right .single-news {
width: 100%;
}
.blog #first .container .top-news .right .single-news a {
flex-direction: row;
align-items: stretch;
justify-content: flex-end;
}
.blog #first .container .top-news .right .single-news a .div-img {
width: 50%;
}
.blog #first .container .top-news .right .single-news a .div-img img {
height: 100%;
object-fit: cover;
}
.blog #first .container .top-news .right .single-news a .text {
width: 50%;
display: flex;
align-items: flex-start;
justify-content: center;
flex-direction: column;
}
.blog #first .container .top-news .right .single-news a .text .title h3 {
font-size: 32px;
line-height: 32px;
}
.blog #first .container > .single-news {
width: calc((100% - 80px) / 3);
}
.blog #first .container > .single-news .title h3 {
font-size: 32px;
line-height: 32px;
}
.single-post #heading {
margin-top: 20px;
}
.single-post #heading .container {
border-radius: 30px;
overflow: hidden;
position: relative;
}
.single-post #heading .container .div-img {
width: 100%;
position: relative;
display: flex;
max-height: 650px;
}
.single-post #heading .container .div-img img {
width: 100%;
height: auto;
max-height: 100%;
object-fit: cover;
}
.single-post #heading .container .title {
position: absolute;
left: 0;
bottom: 0;
padding: 40px 130px;
}
.single-post #heading .container .title h1 {
color: #fff;
text-align: center;
}
.single-post #heading .container .date {
position: absolute;
bottom: 0;
left: 0;
border-top-right-radius: 30px;
background-color: #627DBB;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 150px;
height: 150px;
padding: 20px;
z-index: 1;
}
.single-post #heading .container .date span {
color: #fff;
}
.single-post #heading .container .date span.day {
font-weight: 500;
}
.single-post #breadcrumbs {
position: relative;
margin-top: 20px;
top: 0;
width: 100%;
left: 0;
padding: 0 70px;
}
.single-post #breadcrumbs a, .single-post #breadcrumbs span {
color: #627DBB;
}
.single-post #breadcrumbs svg path {
fill: #627DBB;
}
.single-post #first {
margin-top: 100px;
}
.single-post #second {
margin-top: 100px;
}
.single-post #second .container {
width: 100%;
}
.single-post #second .container .title {
margin-bottom: 50px;
}
.post-type-archive-specialita #heading {
margin-top: 20px;
}
.post-type-archive-specialita #heading .container {
width: 100%;
border-radius: 30px;
background: linear-gradient(90deg, #9994C8, #E87D85);
padding: 80px 130px 50px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.post-type-archive-specialita #heading .container .title h1 {
color: #fff;
}
.post-type-archive-specialita #first {
margin-top: 100px;
}
.post-type-archive-specialita #first .container {
width: 100%;
display: flex;
align-items: stretch;
justify-content: flex-start;
flex-wrap: wrap;
gap: 50px 30px;
}
.post-type-archive-specialita #first .container .single-card {
width: calc((100% - 60px) / 3);
aspect-ratio: 1;
}
.search #content {
min-height: unset;
}
.search #heading {
margin-top: 20px;
}
.search #heading .container {
width: 100%;
border-radius: 30px;
background: linear-gradient(90deg, #9994C8, #E87D85);
padding: 150px 130px 50px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.search #heading .container .title h1 {
color: #fff;
}
.search #first {
margin-top: 100px;
}
.search #first .container {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-start;
gap: 30px;
}
.search #first .container .single-card {
width: calc((100% - 60px) / 3);
aspect-ratio: 1;
}
.search #first .container .single-news {
width: calc((100% - 60px) / 3);
}
.search #first .container .single-news .title h3 {
font-size: 32px;
line-height: 32px;
}
.search #first .no-results {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 20px;
}
.error404 #content {
min-height: unset;
}
.error404 #heading {
margin-top: 20px;
}
.error404 #heading .container {
background: linear-gradient(90deg, #9994C8, #E87D85);
padding: 150px 130px 30px;
display: flex;
justify-content: center;
border-radius: 30px;
}
.error404 #heading .container h1 {
color: #fff;
}
.error404 #first {
margin-top: 100px;
}
.error404 #first .container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 30px;
}
.page-template-template-chi-siamo #heading {
margin-top: 20px;
}
.page-template-template-chi-siamo #heading .container {
display: flex;
justify-content: center;
padding: 160px 20px 45px;
background: linear-gradient(90deg, #9994C8, #E87D85);
border-radius: 30px;
}
.page-template-template-chi-siamo #heading .container .title h1 {
color: #fff;
}
.page-template-template-chi-siamo #first {
margin-top: 100px;
}
.page-template-template-chi-siamo #first .container {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.page-template-template-chi-siamo #first .container .left {
width: calc((100% - 8.3vw) / 2);
position: relative;
}
.page-template-template-chi-siamo #first .container .left .paragrafo-grande {
margin-top: 25px;
}
.page-template-template-chi-siamo #first .container .left .paragrafo-grande p {
font-size: 40px;
line-height: 45px;
}
.page-template-template-chi-siamo #first .container .left .text {
margin-top: 50px;
}
.page-template-template-chi-siamo #first .container .right {
width: calc((100% - 8.3vw) / 2);
position: relative;
}
.page-template-template-chi-siamo #first .container .right .div-img {
width: 100%;
position: relative;
border-radius: 30px;
overflow: hidden;
}
.page-template-template-chi-siamo #first .container .right .div-img img {
width: 100%;
height: auto;
object-fit: cover;
}
.page-template-template-chi-siamo #second, .page-template-template-chi-siamo #fourth {
margin-top: 95px;
}
.page-template-template-chi-siamo #second .container, .page-template-template-chi-siamo #fourth .container {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.page-template-template-chi-siamo #second .container .title, .page-template-template-chi-siamo #fourth .container .title {
width: 490px;
}
.page-template-template-chi-siamo #second .container .text, .page-template-template-chi-siamo #fourth .container .text {
width: calc(100% - 570px);
}
.page-template-template-chi-siamo #third {
margin-top: 85px;
}
.page-template-template-chi-siamo #third .card-gallery .slick-list {
margin: 0 -25px;
}
.page-template-template-chi-siamo #third .card-gallery .slick-list .slick-slide {
margin: 0 25px;
}
.page-template-template-chi-siamo #fifth {
margin-top: 100px;
}
.page-template-template-chi-siamo #fifth .container {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.page-template-template-chi-siamo #fifth .container .div-img {
width: calc((100% - 45px) / 2);
position: relative;
border-radius: 30px;
overflow: hidden;
}
.page-template-template-chi-siamo #fifth .container .div-img img {
width: 100%;
height: auto;
object-fit: cover;
}
.page-template-template-cms a {
text-decoration: underline;
}
.page-template-template-cms p {
margin: 10px 0;
}
.page-template-template-cms h2, .page-template-template-cms h3 {
margin-top: 40px;
margin-bottom: 15px;
display: block;
}
.page-template-template-cms h2 {
font-size: 30px;
line-height: 35px;
}
.page-template-template-cms #heading {
margin-top: 20px;
}
.page-template-template-cms #heading .container {
width: 100%;
padding: 160px 20px 40px;
background: linear-gradient(90deg, #9994C8, #E87D85);
display: flex;
justify-content: center;
align-items: center;
border-radius: 30px;
overflow: hidden;
}
.page-template-template-cms #heading .container h1 {
color: #fff;
}
.page-template-template-cms #first {
margin-top: 50px;
}
.page-template-template-grazie #heading {
margin-top: 20px;
}
.page-template-template-grazie #heading .container {
width: 100%;
padding: 160px 20px 40px;
background: linear-gradient(90deg, #9994C8, #E87D85);
display: flex;
justify-content: center;
align-items: center;
border-radius: 30px;
overflow: hidden;
}
.page-template-template-grazie #heading .container h1 {
color: #fff;
}
.page-template-template-grazie #first {
margin-top: 50px;
}
.page-template-template-grazie #first .container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
gap: 20px;
}
footer#colophon {
background: linear-gradient(90deg, #4E74B0, #6F8DC1);
}
footer#colophon span {
color: #fff;
}
footer#colophon .footer-title {
display: flex;
flex-direction: column;
margin-bottom: 50px;
gap: 20px;
padding: 0 150px;
padding-top: 200px !important;
}
@media only screen and (max-width: 1680px) {
footer#colophon .footer-title {
padding: 0 100px;
}
}
@media only screen and (max-width: 1440px) {
footer#colophon .footer-title {
padding: 0 50px;
}
}
@media only screen and (max-width: 1024px) {
footer#colophon .footer-title {
padding: 0 20px;
}
}
footer#colophon .footer-title .uppercase {
font-size: 20px;
line-height: 20px;
}
footer#colophon .footer-inner {
align-items: flex-end;
padding: 0 150px;
padding-bottom: 150px !important;
}
@media only screen and (max-width: 1680px) {
footer#colophon .footer-inner {
padding: 0 100px;
}
}
@media only screen and (max-width: 1440px) {
footer#colophon .footer-inner {
padding: 0 50px;
}
}
@media only screen and (max-width: 1024px) {
footer#colophon .footer-inner {
padding: 0 20px;
}
}
footer#colophon .footer-inner .footer-col .container {
display: flex;
align-items: flex-start;
flex-direction: column;
}
footer#colophon .footer-inner .footer-col .container .text span, footer#colophon .footer-inner .footer-col .container .social span {
font-size: 36px;
line-height: 41px;
}
@media only screen and (max-width: 1024px) {
footer#colophon .footer-inner .footer-col .container .text span, footer#colophon .footer-inner .footer-col .container .social span {
font-size: 30px;
line-height: 35px;
}
}
@media only screen and (max-width: 768px) {
footer#colophon .footer-inner .footer-col .container .text span, footer#colophon .footer-inner .footer-col .container .social span {
font-size: 26px;
line-height: 30px;
}
}
footer#colophon .footer-inner .footer-col .container .text a, footer#colophon .footer-inner .footer-col .container .social a {
transition: all 0.3s ease;
overflow: hidden;
position: relative;
display: inline-flex;
cursor: pointer;
color: #fff;
}
footer#colophon .footer-inner .footer-col .container .text a::before, footer#colophon .footer-inner .footer-col .container .social a::before {
content: "";
position: absolute;
left: 0;
width: 100%;
height: 2px;
bottom: 0;
transition: all 0.3s ease;
transform: translateX(-100%);
background-color: currentColor;
}
footer#colophon .footer-inner .footer-col .container .text a:hover::before, footer#colophon .footer-inner .footer-col .container .social a:hover::before {
transform: translateX(0);
}
footer#colophon .footer-inner .footer-col .container .social-container {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 30px;
}
footer#colophon .footer-inner .footer-col .container .social-container img {
max-height: 39px;
width: auto;
object-fit: contain;
}
footer#colophon .footer-inner .footer-col .container .social a {
padding-bottom: 5px;
}
footer#colophon .footer-inner .footer-col:last-child .container {
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
}
footer#colophon .footer-inner .footer-col:last-child .container .text {
display: flex;
flex-direction: column;
align-items: flex-start;
}
footer#colophon .footer-bottom {
padding: 20px 10px;
}
footer#colophon .footer-bottom .container {
display: flex;
align-items: center;
justify-content: space-between;
}
footer#colophon .footer-bottom .container span, footer#colophon .footer-bottom .container a {
font-size: 15px;
line-height: 15px;
color: #ffffff;
}
body .iubenda-tp-btn:not(.iubenda-floatable-tb-btn):not([data-tp-nostyle], .iubenda-floatable-default-btn) {
display: none !important;
}
@media only screen and (max-width: 1440px) {
footer#colophon .footer-inner .footer-col .container .text span {
font-size: 25px;
line-height: 30px;
}
}
@media only screen and (max-width: 1250px) {
footer#colophon .footer-inner .footer-col .container .social-container {
gap: 10px;
}
footer#colophon .footer-inner .footer-col .container .social-container img {
max-height: 20px;
}
}
@media only screen and (max-width: 1024px) {
footer#colophon .footer-inner .footer-col .container .text span {
font-size: 20px;
line-height: 24px;
}
footer#colophon .footer-title {
padding-top: 100px !important;
}
footer#colophon .footer-inner {
padding-bottom: 100px !important;
}
}
@media only screen and (max-width: 768px) {
footer#colophon .footer-inner {
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
footer#colophon .footer-inner .footer-col:last-child .container {
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
footer#colophon .footer-title {
padding-top: 50px !important;
}
footer#colophon .footer-inner {
padding-bottom: 50px !important;
}
footer#colophon .footer-bottom .container span, footer#colophon .footer-bottom .container a {
font-size: 11px;
line-height: 14px;
}
}
@media only screen and (max-width: 650px) {
footer#colophon .footer-bottom .container {
flex-direction: column;
align-items: flex-start;
gap: 3px;
}
}
@media only screen and (max-width: 1680px) {
#bottom-banner .container .methods {
width: 100%;
gap: 50px;
}
#bottom-banner .container .methods .single-method {
flex: 1;
}
#bottom-banner .container .methods .single-method.button {
display: flex;
justify-content: center;
}
#bottom-banner .container .methods .single-method.button a {
display: inline-flex;
}
.post-type-archive-professionisti #first .container .single-card {
width: calc((100% - 60px) / 4);
}
}
@media only screen and (max-width: 1440px) {
.card-gallery .slick-arrow {
transform: translateY(-50%) !important;
}
.card-gallery .slick-arrow.slick-prev {
left: 20px !important;
}
.card-gallery .slick-arrow.slick-next {
right: 20px !important;
}
.home #third .container {
padding: 0;
}
.home #fourth .container .news {
flex-direction: column;
align-items: flex-start;
gap: 30px;
}
.home #fourth .container .news .last-news {
width: 100%;
}
.home #fourth .container .news .right {
width: 100%;
flex-direction: row;
align-items: stretch;
justify-content: space-between;
gap: unset;
}
.home #fourth .container .news .right .single-news {
width: 47.5%;
}
.home #fourth .container .news .right .single-news a {
flex-direction: column;
justify-content: flex-start;
}
.home #fourth .container .news .right .single-news a .div-img, .home #fourth .container .news .right .single-news a .text {
width: 100%;
}
.single-prestazioni #heading .container .title {
padding: 85px 30px;
}
.single-prestazioni #third .container {
padding: 80px 0 120px;
}
.single-professionisti #heading .container {
padding: 215px 30px 0;
}
.single-professionisti #first .container .left {
width: 60%;
}
.single-professionisti #first .container .right {
width: 35%;
}
.single-professionisti #second .container {
padding: 80px 0 120px;
}
.single-post #heading .container .title {
padding: 40px 30px 160px;
}
.single-post #breadcrumbs {
padding: 0 50px;
}
.single-specialita #breadcrumbs {
padding: 0 50px;
}
.single-prestazioni #breadcrumbs {
padding: 0 50px;
}
.search #heading .container {
padding: 150px 20px 50px;
}
.search #first .container .single-news, .search #first .container .single-card {
width: calc((100% - 40px ) / 2);
}
}
@media only screen and (max-width: 1350px) {
.blog #first .container .top-news {
flex-direction: column;
align-items: flex-start;
gap: 30px;
}
.blog #first .container .top-news .first-news {
width: 100%;
}
.blog #first .container .top-news .right {
width: 100%;
flex-direction: row;
gap: 30px;
align-items: stretch;
}
.blog #first .container .top-news .right .single-news {
width: calc((100% - 30px) / 2);
}
.blog #first .container .top-news .right .single-news a {
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.blog #first .container .top-news .right .single-news a .div-img {
width: 100%;
}
.blog #first .container .top-news .right .single-news a .text {
width: 100%;
}
.page-template-template-contatti #first .container {
gap: 0;
justify-content: space-between;
}
}
@media only screen and (max-width: 1250px) {
#bottom-banner .container .methods .single-method:not(.button) a {
gap: 15px;
}
#bottom-banner .container .methods .single-method:not(.button) a img {
width: 35px;
}
.home #second .container .left {
width: 60%;
}
.post-type-archive-professionisti #first .container .single-card {
width: calc((100% - 40px) / 3);
}
.blog #first .container {
gap: 30px;
}
.blog #first .container > .single-news {
width: calc((100% - 30px) / 2);
}
.builder-content .single-layout.intestazione-evidenza .par {
font-size: 27px;
line-height: 30px;
}
}
@media only screen and (max-width: 1200px) {
.page-template-template-chi-siamo #first .container {
flex-direction: column;
align-items: flex-start;
gap: 40px;
}
.page-template-template-chi-siamo #first .container .left, .page-template-template-chi-siamo #first .container .right {
width: 100%;
}
}
@media only screen and (max-width: 1024px) {
#breadcrumbs {
left: 30px;
top: 85px;
max-width: calc(100vw - 60px);
line-height: 14px;
}
#breadcrumbs a, #breadcrumbs span {
font-size: 11px;
line-height: 14px;
}
#bottom-banner .container .methods {
padding: 0 70px;
}
.single-card a .text .title > span {
font-size: 30px;
line-height: 35px;
}
.home #heading .gallery {
overflow: hidden;
margin-bottom: 30px;
height: 60vh; }
.home #heading .gallery.slick-initialized {
overflow: unset;
}
.home #heading .gallery .single-slide .div-img img {
height: 60vh;
width: 100%;
object-fit: cover;
}
.home #heading .gallery .single-slide .text {
width: 80%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
bottom: auto;
}
.home #heading .gallery .single-slide .text .button {
margin-top: 15px;
}
.home #heading .header-search-form {
top: 70px;
}
.home #heading .header-search-form .search-container {
height: 50px;
}
.home #heading .header-search-form .search-container .button {
right: 5px;
}
.home #heading .header-search-form .search-container .text-search {
font-size: 20px;
}
.home #second .container {
flex-direction: column;
align-items: flex-start;
gap: 30px;
}
.home #second .container .left {
width: 100%;
}
.home #second .container .left .text {
font-size: 26px;
line-height: 30px;
}
.home #second .container .right {
width: 100%;
}
.home .card-gallery {
visibility: hidden;
height: 100vw;
}
.home .card-gallery.slick-initialized {
visibility: visible;
height: auto;
}
.single-prestazioni #heading .container {
flex-direction: column-reverse;
align-items: flex-start;
position: relative;
}
.single-prestazioni #heading .container .div-img {
width: 100%;
max-height: 350px;
}
.single-prestazioni #heading .container .title {
width: 100%;
padding: 0 20px 20px;
margin-top: -70px;
z-index: 10;
position: relative;
}
.single-prestazioni #heading .container .title .title-h1.evidenzia {
margin-bottom: 0;
max-width: 100%;
}
.single-prestazioni #breadcrumbs {
padding: 0 20px;
}
.single-prestazioni #first {
margin-top: 50px;
}
.single-prestazioni #first .container {
flex-direction: column;
align-items: flex-start;
gap: 50px;
}
.single-prestazioni #first .container .left {
width: 100%;
}
.single-prestazioni #first .container .right {
width: calc(100% - 40px);
position: fixed;
bottom: 0;
left: 20px;
gap: 0;
z-index: 100;
}
.single-prestazioni #first .container .right .modulo {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
gap: 0;
padding: 0;
}
.single-prestazioni #first .container .right .modulo .title-modulo {
width: 100%;
padding: 15px 20px;
text-align: center;
}
.single-prestazioni #first .container .right .gform_wrapper {
overflow: hidden;
transition: all 0.5s ease;
max-height: calc(100dvh - 150px);
padding: 0 20px;
width: calc(100% - 20px);
margin: 0 auto;
}
.single-prestazioni #first .container .right .gform_wrapper .gform_footer {
margin-bottom: 15px;
}
.single-prestazioni #first .container .right .gform_wrapper::-webkit-scrollbar {
width: 2px;
}
.single-prestazioni #first .container .right .gform_wrapper::-webkit-scrollbar-thumb {
background-color: #fff;
}
.single-prestazioni #first .container .right.open .gform_wrapper {
overflow: auto;
}
.single-prestazioni #first .container .right:not(.open) .gform_wrapper {
height: 0 !important;
}
.single-prestazioni #second {
margin-top: 70px;
}
.modulo#custom-form.pin {
position: relative !important;
left: unset !important;
top: unset !important;
right: unset !important;
}
.post-type-archive-specialita #first {
margin-top: 40px;
}
.post-type-archive-specialita #first .container .single-card {
width: calc((100% - 30px) / 2);
}
.page-template-template-contatti #first {
margin-top: 50px;
}
.single-specialita #breadcrumbs {
padding: 0 20px;
}
.single-specialita #first {
margin-top: 50px;
}
.single-specialita #first .container {
flex-direction: column;
align-items: flex-start;
gap: 50px;
}
.single-specialita #first .container .left, .single-specialita #first .container .right {
width: 100%;
}
.single-specialita #first .container .left {
gap: 20px;
}
.single-specialita #first .container .left .par {
font-size: 27px;
line-height: 30px;
}
.single-specialita #first .container .right {
width: calc(100% - 40px);
position: fixed;
bottom: 0;
left: 20px;
gap: 0;
z-index: 100;
}
.single-specialita #first .container .right .modulo {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
gap: 0;
padding: 0;
}
.single-specialita #first .container .right .modulo .title-modulo {
width: 100%;
padding: 15px 20px;
text-align: center;
}
.single-specialita #first .container .right .gform_wrapper {
overflow: hidden;
transition: all 0.5s ease;
max-height: calc(100dvh - 150px);
padding: 0 20px;
width: calc(100% - 20px);
margin: 0 auto;
}
.single-specialita #first .container .right .gform_wrapper .gform_footer {
margin-bottom: 15px;
}
.single-specialita #first .container .right .gform_wrapper::-webkit-scrollbar {
width: 2px;
}
.single-specialita #first .container .right .gform_wrapper::-webkit-scrollbar-thumb {
background-color: #fff;
}
.single-specialita #first .container .right.open .gform_wrapper {
overflow: auto;
}
.single-specialita #first .container .right:not(.open) .gform_wrapper {
height: 0 !important;
}
.single-specialita #second {
margin-top: 60px;
}
.page-template-template-chi-siamo #first {
margin-top: 50px;
}
.page-template-template-chi-siamo #first .container .left .paragrafo-grande p {
font-size: 27px;
line-height: 30px;
}
.page-template-template-chi-siamo #second, .page-template-template-chi-siamo #fourth {
margin-top: 50px;
}
.page-template-template-chi-siamo #second .container, .page-template-template-chi-siamo #fourth .container {
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
.page-template-template-chi-siamo #second .container .title, .page-template-template-chi-siamo #second .container .text, .page-template-template-chi-siamo #fourth .container .title, .page-template-template-chi-siamo #fourth .container .text {
width: 100%;
}
.page-template-template-chi-siamo #third {
margin-top: 70px;
padding-bottom: 50px;
}
.page-template-template-chi-siamo #fifth {
margin-top: 50px;
}
.single-professionisti #heading .container {
padding-bottom: 30px;
padding-top: 130px;
}
.single-professionisti #heading .container .title {
width: calc(100% - 300px);
}
.single-professionisti #heading .container .div-img {
width: 300px;
height: 300px;
margin-bottom: 0;
}
.single-professionisti #first {
margin-top: 50px;
}
.single-professionisti #first .container {
flex-direction: column;
align-items: flex-start;
gap: 35px;
}
.single-professionisti #first .container .left {
width: 100%;
}
.single-professionisti #first .container .left .text {
margin-top: 20px;
}
.single-professionisti #first .container .right {
width: 100%;
}
.single-professionisti #second {
margin-top: 60px;
}
.single-post #heading .container .title {
padding: 80px 30px 110px;
top: 0;
}
.single-post #heading .container .date {
width: 100px;
height: 100px;
}
.single-post #breadcrumbs {
padding: 0 20px;
}
.single-post #first {
margin-top: 50px;
}
.single-post #second {
margin-top: 50px;
padding-bottom: 50px;
}
.search #first {
margin-top: 50px;
}
}
@media only screen and (max-width: 900px) {
.post-type-archive-professionisti #first {
margin-top: 50px;
}
.post-type-archive-professionisti #first .container .single-card {
width: calc((100% - 20px) / 2);
}
}
@media only screen and (max-width: 768px) {
#bottom-banner {
margin: 60px 0;
}
#bottom-banner .container .methods {
width: 80%;
}
.card-gallery {
overflow: unset !important;
}
.card-gallery .slick-arrow.slick-prev {
left: 0px !important;
transform: translate(-50%, -50%) !important;
}
.card-gallery .slick-arrow.slick-next {
right: 0px !important;
transform: translate(50%, -50%) !important;
}
.card-gallery:not(.light) .slick-arrow::before {
background-image: url(//clinichelagrazia.it/wp-content/themes/clg-child/assets/svg/slick-arrow-dark.svg);
}
.card-gallery:not(.light) .slick-dots {
background-color: #627DBBB2;
}
.card-gallery:not(.light) .slick-dots li button::before {
background-color: #fff;
}
.slick-slider {
overflow: unset !important;
}
.slick-slider .slick-arrow {
width: 40px;
height: 40px;
z-index: 10;
}
.slick-slider .slick-arrow.slick-prev {
left: 0px !important;
transform: translate(-50%, -50%) !important;
}
.slick-slider .slick-arrow.slick-next {
right: 0px !important;
transform: translate(50%, -50%) !important;
}
.slick-slider:not(.light) .slick-arrow::before {
background-image: url(//clinichelagrazia.it/wp-content/themes/clg-child/assets/svg/slick-arrow-dark.svg);
}
.slick-slider:not(.light) .slick-dots {
background-color: #627DBBB2;
}
.slick-slider:not(.light) .slick-dots li button::before {
background-color: #fff;
}
.single-news a .text {
padding: 20px;
}
.single-news a .div-img {
height: auto;
}
.single-news a .div-img .data {
width: 100px;
height: 100px;
}
.single-news a .div-img img {
aspect-ratio: 1;
}
.home #heading .gallery .single-slide .div-img img.mobile {
display: block;
}
.home #heading .gallery .single-slide .div-img img.desk {
display: none;
}
.home #heading .gallery .slick-dots {
bottom: 20px;
}
.home #heading .header-search-form {
bottom: 0;
top: auto;
position: relative;
max-width: 100%;
margin-top: 20px;
}
.home #heading .header-search-form .search-container {
border: 1px solid #000;
}
.home #heading .header-search-form .text-search .label {
display: none;
}
.home #first .container .all-specialità {
margin-top: 20px;
}
.home #fifth {
margin-top: 60px;
}
.home #third {
margin-top: 60px;
}
.home #third .container .top {
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
.home #fourth {
margin-top: 60px;
}
.home #fourth .container .title {
flex-direction: column;
align-items: flex-start;
gap: 30px;
}
.home #fourth .container .news .last-news .single-news a .div-img {
height: auto;
}
.home #fourth .container .news .right {
flex-direction: column;
align-items: flex-start;
gap: 30px;
}
.home #fourth .container .news .right .single-news {
width: 100%;
}
.single-specialita #heading .container .div-img {
min-height: 300px;
}
.single-specialita #heading .container .div-img img {
height: auto !important;
aspect-ratio: auto !important;
}
.single-prestazioni #second {
padding-bottom: 50px;
}
.single-prestazioni #third {
margin-top: 70px;
}
.blog #heading .container {
padding-top: 110px;
}
.blog #first {
margin-top: 50px;
}
.blog #first .container .top-news .first-news .single-news a .div-img {
height: auto;
}
.blog #first .container .top-news .right {
flex-wrap: wrap;
}
.blog #first .container .top-news .right .single-news {
width: 100%;
}
.blog #first .container > .single-news {
width: 100%;
}
.page-template-template-contatti #heading .container {
padding-top: 110px;
}
.page-template-template-contatti #first .container {
flex-direction: column;
align-items: flex-start;
gap: 50px;
}
.page-template-template-contatti #first .container .single-col .title {
margin-bottom: 10px;
}
.page-template-template-contatti #second {
margin-top: 50px;
}
.page-template-template-contatti #third .container iframe {
height: 400px;
}
.page-template-template-chi-siamo #heading .container {
padding-top: 110px;
}
.builder-content .single-layout.blocco-testo .title {
margin-bottom: 25px;
}
.builder-content .single-layout.info-banner .icon {
width: 25px;
position: relative;
}
.builder-content .single-layout.info-banner .icon img {
width: 100%;
height: auto;
}
.builder-content .single-layout.info-banner .text {
width: calc(100% - 35px);
}
.post-type-archive-specialita #heading .container, .post-type-archive-professionisti #heading .container {
padding-top: 110px;
}
.single-professionisti #heading .container {
flex-direction: column;
align-items: flex-start;
}
.single-professionisti #heading .container .title {
width: 100%;
padding-bottom: 25px;
}
.single-professionisti #heading .container .div-img {
width: 100%;
height: auto;
}
.single-post #heading .container {
display: flex;
justify-content: center;
align-items: center;
padding: 110px 20px 90px;
}
.single-post #heading .container .div-img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.single-post #heading .container .div-img img {
width: 100%;
height: 100%;
}
.single-post #heading .container .title {
position: relative;
padding: 0;
width: 100%;
}
.single-post #heading .container .title h1 {
font-size: 30px;
line-height: 30px;
}
.single-post #heading .container .date {
width: 70px;
height: 70px;
}
.single-post #heading .container .date span {
font-size: 20px;
}
.single-post #heading .container .date span.h3 {
font-size: 24px;
}
.search #heading .container {
padding-top: 110px;
}
.search #first .container .single-news, .search #first .container .single-card {
width: 100%;
}
.modulo#custom-form span.mobile {
display: inline-block;
}
.modulo#custom-form span.desk {
display: none;
}
}
@media only screen and (max-width: 700px) {
.post-type-archive-specialita #first .container {
gap: 30px;
}
.post-type-archive-specialita #first .container .single-card {
width: 100%;
}
}
@media only screen and (max-width: 650px) {
.post-type-archive-professionisti #first .container .single-card {
width: 100%;
}
.page-template-template-chi-siamo #fifth .container {
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
.page-template-template-chi-siamo #fifth .container .div-img {
width: 100%;
}
}
@media only screen and (max-width: 550px) {
#bottom-banner .container .methods {
width: 90%;
padding: 0 40px;
}
.builder-content {
gap: 20px;
}
.builder-content .single-layout.scheda {
flex-direction: column;
align-items: flex-start;
gap: 5px;
}
.builder-content .single-layout.scheda .single-voce {
width: 100%;
}
.builder-content .single-layout.intestazione-evidenza {
gap: 10px;
}
.simple-gallery {
margin-bottom: 0 !important;
}
}
@media only screen and (max-width: 500px) {
body, html {
font-size: 17px;
line-height: 22px;
}
.page-template-template-contatti #third {
margin-top: 50px;
}
.page-template-template-contatti #third .container {
flex-direction: column;
align-items: flex-start;
}
.page-template-template-contatti #third .container iframe {
width: 100%;
}
.single-specialita #heading .container .title.evidenza {
bottom: 20px;
}
.single-specialita #first {
margin-top: 30px;
}
.single-specialita #first .container {
gap: 20px;
}
.single-specialita #first .container .left .par {
font-size: 23px;
line-height: 30px;
}
.page-template-template-chi-siamo #first .container .left .paragrafo-grande p {
font-size: 23px;
line-height: 30px;
}
.builder-content .single-layout.intestazione-evidenza .par {
font-size: 23px;
line-height: 30px;
}
.single-specialita #heading .container .div-img img {
max-height: 100% !important;
}
.home #first {
margin-top: 30px;
}
.home #second .container {
gap: 15px;
margin-top: 150px;
}
.home #second .container .left {
gap: 10px;
}
.home #fifth {
margin-top: 40px;
}
.home #fifth .container .all-prestazioni {
margin-top: 15px;
margin-bottom: 0;
}
.home #third {
padding-top: 30px;
padding-bottom: 60px;
}
.home #fourth {
margin-top: 35px;
}
.home #fourth .container .title {
gap: 15px;
}
.home #fourth .container .news {
margin-top: 25px;
}
.card-gallery .slick-dots {
bottom: -15px;
}
#bottom-banner {
margin: 30px 0;
}
#bottom-banner .title {
text-align: center;
}
#bottom-banner .container {
gap: 15px;
}
#bottom-banner .container .methods .h3 {
font-size: 23px;
}
#bottom-banner .slick-slide > div {
display: flex;
align-items: center;
}
.single-news a .div-img .data {
width: 80px;
height: 80px;
}
.single-prestazioni #first {
margin-top: 20px;
}
.single-prestazioni #second {
margin-top: 40px;
}
.single-prestazioni #second .container .prof {
margin-top: 20px;
}
.single-prestazioni #third {
margin-top: 40px;
}
.single-prestazioni #third .container {
padding: 30px 0 50px;
}
.single-prestazioni #third .container .title {
margin-bottom: 20px;
}
.single-prestazioni #fourth {
margin-top: 30px;
}
.single-prestazioni #fourth .container > .title {
margin-bottom: 20px;
}
.page-template-template-chi-siamo #first {
margin-top: 20px;
}
.page-template-template-chi-siamo #first .container .left .paragrafo-grande {
margin-top: 10px;
}
.page-template-template-chi-siamo #first .container .left .text {
margin-top: 20px;
}
.page-template-template-chi-siamo #second {
margin-top: 25px;
}
.page-template-template-chi-siamo #third {
margin-top: 30px;
}
.page-template-template-chi-siamo #fourth {
margin-top: 25px;
}
.page-template-template-chi-siamo #fifth {
margin-top: 25px;
}
}
@media only screen and (max-width: 450px) {
#bottom-banner .container .methods {
width: 95%;
padding: 0 30px;
}
#bottom-banner .container .methods .h3 {
font-size: 25px;
}
#bottom-banner .container .methods .single-method:not(.button) a img {
width: 25px;
}
}