:root {
--cad-verde-scuro: #0a5833;
--cad-verde: #388700;
--cad-verde-chiaro: #e1edd9;
--cad-verde-soft: #f3f8ef;
--cad-crema: #d9edb8;
--cad-blu: #005da8;
--cad-testo: #4f5265;
--cad-bianco: #fff;
}
.cad-single-post-section {
padding-top: 45px !important;
padding-bottom: 70px !important;
background-color: #fff !important;
}
.cad-post-main-row {
width: 92% !important;
margin-right: auto !important;
margin-left: auto !important;
max-width: 1280px !important;
align-items: flex-start !important;
}
.cad-post-main-row > .et_pb_column:first-child {
padding-bottom: 45px !important;
background-color: var cad verde chiaro !important;
}
.cad-post-main-row > .et_pb_column:last-child {
padding-left: 35px !important;
}
.cad-post-title {
margin-bottom: 0 !important;
background-color: var cad verde scuro !important;
padding: 30px 34px 24px !important;
}
.cad-post-title h1, .cad-post-title .entry-title, .cad-post-title .et_pb_title_container h1 {
font-size: clamp(34px, 4vw, 58px) !important;
line-height: 0.96 !important;
color: var(--cad-crema) !important;
font-weight: 900 !important;
text-transform: uppercase !important;
letter-spacing: -1.2px !important;
padding: 0 !important;
margin: 0 !important;
}
.cad-post-subtitle {
margin-bottom: 0 !important;
background-color: var cad verde chiaro !important;
padding: 22px 34px 48px !important;
}
.cad-post-subtitle, .cad-post-subtitle p, .cad-post-subtitle h2, .cad-post-subtitle h3 {
font-size: clamp(18px, 1.8vw, 25px) !important;
line-height: 1.35 !important;
color: var(--cad-verde-scuro) !important;
font-weight: 800 !important;
text-transform: uppercase !important;
padding: 0 !important;
margin: 0 !important;
}
.cad-breadcrumbs {
margin-bottom: 0 !important;
background-color: var cad verde chiaro !important;
padding: 0 34px 24px !important;
}
.cad-breadcrumbs, .cad-breadcrumbs p, .cad-breadcrumbs a, .cad-breadcrumbs span {
font-size: 17px !important;
color: var(--cad-verde) !important;
font-weight: 500 !important;
text-transform: uppercase !important;
text-decoration: none !important;
}
.cad-breadcrumbs a:hover {
color: var(--cad-verde-scuro) !important;
}
.cad-post-content {
background-color: var cad bianco !important;
-moz-box-shadow: 0 12px 28px rgba(10, 88, 51, 0.08) !important;
-webkit-box-shadow: 0 12px 28px rgba(10, 88, 51, 0.08) !important;
-o-box-shadow: 0 12px 28px rgba(10, 88, 51, 0.08) !important;
box-shadow: 0 12px 28px rgba(10, 88, 51, 0.08) !important;
padding: 38px 46px 46px !important;
margin: 0 24px !important;
}
.cad-post-content .et_pb_post_content, .cad-post-content .et_pb_module_inner {
background-color: transparent !important;
}
.cad-post-content h1, .cad-post-content h2, .cad-post-content h3, .cad-post-content h4, .cad-post-content .et_pb_post_content h1, .cad-post-content .et_pb_post_content h2, .cad-post-content .et_pb_post_content h3, .cad-post-content .et_pb_post_content h4 {
margin-top: 34px !important;
margin-bottom: 18px !important;
line-height: 1.15 !important;
color: var(--cad-verde) !important;
font-weight: 900 !important;
text-transform: uppercase !important;
}
.cad-post-content h1:first-child, .cad-post-content h2:first-child, .cad-post-content h3:first-child {
margin-top: 0 !important;
}
.cad-post-content h2, .cad-post-content .et_pb_post_content h2 {
font-size: clamp(28px, 3vw, 42px) !important;
}
.cad-post-content h3, .cad-post-content .et_pb_post_content h3 {
font-size: clamp(23px, 2.3vw, 32px) !important;
}
.cad-post-content p, .cad-post-content .et_pb_post_content p {
margin-bottom: 22px !important;
font-size: 20px !important;
line-height: 1.75 !important;
color: var(--cad-testo) !important;
}
.cad-post-content a, .cad-post-content .et_pb_post_content a {
color: #0b91ff !important;
font-weight: 600 !important;
text-decoration: none !important;
}
.cad-post-content a:hover {
text-decoration: underline !important;
}
.cad-post-content ul, .cad-post-content ol, .cad-post-content .et_pb_post_content ul, .cad-post-content .et_pb_post_content ol {
padding-left: 18px !important;
margin-bottom: 28px !important;
margin-left: 28px !important;
}
.cad-post-content li, .cad-post-content .et_pb_post_content li {
margin-bottom: 10px !important;
font-size: 20px !important;
line-height: 1.7 !important;
color: var(--cad-testo) !important;
}
.cad-post-content img, .cad-post-content .et_pb_post_content img {
max-width: 100% !important;
height: auto !important;
-moz-border-radius: 10px !important;
-webkit-border-radius: 10px !important;
-o-border-radius: 10px !important;
border-radius: 10px !important;
margin: 24px 0 !important;
}
.cad-sidebar {
position: sticky !important;
top: 110px !important;
}
.cad-sidebar h2, .cad-sidebar h3, .cad-sidebar .widgettitle, .cad-sidebar .wp-block-heading {
margin-bottom: 22px !important;
font-size: 25px !important;
line-height: 1.15 !important;
color: var(--cad-blu) !important;
font-weight: 900 !important;
text-transform: uppercase !important;
}
.cad-sidebar a {
font-size: 20px !important;
line-height: 1.45 !important;
color: #343445 !important;
font-weight: 400 !important;
text-decoration: none !important;
}
.cad-sidebar a:hover {
color: var(--cad-verde) !important;
}
.cad-sidebar img {
width: 92px !important;
margin-right: 16px !important;
height: 92px !important;
object-fit: cover !important;
}
.cad-sidebar ul {
padding-left: 0 !important;
margin-left: 0 !important;
list-style: none !important;
}
.cad-sidebar li {
margin-bottom: 28px !important;
}
@media (max-width: 980px) {
.cad-post-main-row {
width: 94% !important;
}
.cad-post-main-row > .et_pb_column:last-child {
padding-left: 0 !important;
margin-top: 45px !important;
}
.cad-sidebar {
position: static !important;
}
.cad-post-title {
padding: 26px 24px 20px !important;
}
.cad-post-subtitle {
padding: 20px 24px 38px !important;
}
.cad-breadcrumbs {
padding: 0 24px 22px !important;
}
.cad-post-content {
padding: 34px 30px 40px !important;
margin: 0 18px !important;
}
}
@media (max-width: 767px) {
.cad-single-post-section {
padding-top: 25px !important;
padding-bottom: 45px !important;
}
.cad-post-main-row {
width: 94% !important;
}
.cad-post-title {
padding: 24px 20px 20px !important;
}
.cad-post-title h1, .cad-post-title .entry-title, .cad-post-title .et_pb_title_container h1 {
font-size: 34px !important;
line-height: 1.02 !important;
}
.cad-post-subtitle {
padding: 18px 20px 34px !important;
}
.cad-post-subtitle, .cad-post-subtitle p {
font-size: 18px !important;
}
.cad-breadcrumbs {
padding: 0 20px 22px !important;
}
.cad-post-content {
padding: 28px 22px 34px !important;
margin: 0 14px !important;
}
.cad-post-content p, .cad-post-content li, .cad-post-content .et_pb_post_content p, .cad-post-content .et_pb_post_content li {
font-size: 18px !important;
line-height: 1.65 !important;
}
.cad-sidebar h2, .cad-sidebar h3, .cad-sidebar .widgettitle, .cad-sidebar .wp-block-heading {
font-size: 23px !important;
}
.cad-sidebar a {
font-size: 18px !important;
}
}