/* Font ospitati in locale (GDPR: nessuna richiesta a Google) - Poppins e Playfair Display, licenza SIL OFL 1.1 */
@font-face { font-family: 'Playfair Display'; font-style: italic; font-weight: 400; font-display: swap; src: url('../fonts/playfair-display-latin-400-italic.woff') format('woff'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Playfair Display'; font-style: italic; font-weight: 400; font-display: swap; src: url('../fonts/playfair-display-latin-ext-400-italic.woff') format('woff'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/playfair-display-latin-400-normal.woff') format('woff'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/playfair-display-latin-ext-400-normal.woff') format('woff'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/playfair-display-latin-700-normal.woff') format('woff'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/playfair-display-latin-ext-700-normal.woff') format('woff'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 900; font-display: swap; src: url('../fonts/playfair-display-latin-900-normal.woff') format('woff'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 900; font-display: swap; src: url('../fonts/playfair-display-latin-ext-900-normal.woff') format('woff'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 100; font-display: swap; src: url('../fonts/poppins-latin-100-normal.woff') format('woff'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 100; font-display: swap; src: url('../fonts/poppins-latin-ext-100-normal.woff') format('woff'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 200; font-display: swap; src: url('../fonts/poppins-latin-200-normal.woff') format('woff'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 200; font-display: swap; src: url('../fonts/poppins-latin-ext-200-normal.woff') format('woff'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 300; font-display: swap; src: url('../fonts/poppins-latin-300-normal.woff') format('woff'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 300; font-display: swap; src: url('../fonts/poppins-latin-ext-300-normal.woff') format('woff'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/poppins-latin-400-normal.woff') format('woff'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/poppins-latin-ext-400-normal.woff') format('woff'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/poppins-latin-500-normal.woff') format('woff'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/poppins-latin-ext-500-normal.woff') format('woff'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/poppins-latin-600-normal.woff') format('woff'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/poppins-latin-ext-600-normal.woff') format('woff'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/poppins-latin-700-normal.woff') format('woff'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/poppins-latin-ext-700-normal.woff') format('woff'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 800; font-display: swap; src: url('../fonts/poppins-latin-800-normal.woff') format('woff'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 800; font-display: swap; src: url('../fonts/poppins-latin-ext-800-normal.woff') format('woff'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }


body {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    line-height: 26px;
    color: #818181;
    font-weight: 400;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    color: #424242;
    font-family: 'Playfair Display', serif;
}
p {
    margin: 0;
}
ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
a,
a:hover {
    text-decoration: none;
	cursor: pointer;
	-webkit-transition: 0.3s ease-in;
	-moz-transition: 0.3s ease-in;
	-ms-transition: 0.3s ease-in;
	-o-transition: 0.3s ease-in;
	transition: 0.3s ease-in;
}

.sppb-btn.active, .sppb-btn:active {
  background-image: inherit !important;
}

.sppb-btn.focus, 
 .sppb-btn:active:focus, 
 .sppb-btn:active:hover, 
 .sppb-btn:focus, 
 .sppb-btn:hover {
  outline: 0;
}

.sppb-btn.circle {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

.sppb-btn.active, .sppb-btn:active {
  outline: 0;
  -webkit-box-shadow: inherit;
  box-shadow: inherit;
}


.sppb-optin-form .sppb-btn i:first-child {display: none;}

#sp-footer {
	font-size: inherit;
}

#sp-footer #sp-footer2 {
	text-align: inherit;
}

.sp-scroll-up {
	background: var(--maincolor);
}

.p-relative {position: relative;}

.z-index2 {z-index: 2 !important;}
.z-index0 {z-index: 0 !important;}
.z-index100 {z-index: 100 !important;}

.sppb-media-heading {
	margin: 0;
}

body .sppb-btn,
body .sppb-sp-slider-button .sp-slider-btn-text {
font-size: 12px;
text-transform: uppercase;
background: var(--secondcolor);
color: #fff;
font-weight: 600;
letter-spacing: 1px;
padding: 0 30px 0 35px;
line-height: 49px;
position: relative;
z-index: 1;
display: inline-block;
-webkit-transition: 0.3s ease-in;
-moz-transition: 0.3s ease-in;
-ms-transition: 0.3s ease-in;
-o-transition: 0.3s ease-in;
transition: 0.3s ease-in;
text-decoration: none;
border: none;
border-radius: 0;
}

body .sppb-btn:after,
body .sppb-sp-slider-button .sp-slider-btn-text:after {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 1px;
	z-index: -1;
	background: var(--secondcolor);
	-webkit-transform-origin: bottom left;
	transform-origin: bottom left;
	-webkit-transform: skew(-12deg,0deg);
	-moz-transform: skew(-12deg,0deg);
	-ms-transform: skew(-12deg,0deg);
	-o-transform: skew(-12deg,0deg);
	transform: skew(-12deg,0deg);
	-webkit-transition: 0.3s ease-in;
	-moz-transition: 0.3s ease-in;
	-ms-transition: 0.3s ease-in;
	-o-transition: 0.3s ease-in;
	transition: 0.3s ease-in;
}

body .sppb-btn.sppb-btn-default:hover {
	background-color: var(--maincolor);
  color: #ffffff;
}

body .sppb-btn.sppb-btn-default:hover::after {
  background-color: var(--maincolor);
}

body .sppb-btn.sppb-btn-primary,
body .sppb-sp-slider-button .sp-slider-btn-text,
body .sppb-addon-image-overlay-icon {
  background-color: var(--maincolor);
  color: #ffffff;
}

body .sppb-btn.sppb-btn-primary:hover,
body .sppb-sp-slider-button .sp-slider-btn-text:hover,
body .sppb-addon-image-overlay-icon:hover {
  background-color: var(--secondcolor);
}

body .sppb-btn.sppb-btn-primary:after,
body .sppb-sp-slider-button .sp-slider-btn-text:after,
body .sppb-addon-image-overlay-icon:after {
	background-color: var(--maincolor);
}

body .sppb-btn.sppb-btn-primary:hover:after,
body .sppb-sp-slider-button .sp-slider-btn-text:hover:after,
body .sppb-addon-image-overlay-icon:hover:after {
  background-color: var(--secondcolor);
}

body .sppb-btn.sppb-btn-dark {
	background-color: #424242;
	color: #ffffff;
}

body .sppb-btn.sppb-btn-dark:after {
  background-color: #424242;
}

body .sppb-btn.sppb-btn-dark:hover {
background-color: var(--maincolor);
color: #ffffff;
}

body .sppb-btn.sppb-btn-dark:hover:after {
background-color: var(--maincolor);
}

body .sppb-btn.sppb-btn-secondary {
	background-color: var(--thirdcolor);
	color: #ffffff;
}

body .sppb-btn.sppb-btn-secondary:after {
  background-color: var(--thirdcolor);
}

body .sppb-btn.sppb-btn-secondary:hover {
background-color: #424242;
color: #ffffff;
}

body .sppb-btn.sppb-btn-secondary:hover:after {
background-color: #424242;
}

body .sppb-btn.sppb-btn-link {
	padding: 0;
}

body .sppb-btn.sppb-btn-link:after {display: none;}

.sppb-btn span {
    position: relative;
}

.sppb-progress {
	border-radius: 0px;
}

.sppb-carousel-extended-list .sppb-carousel-extended-outer-stage {
	height: auto !important;
}

.sppb-addon-optin-forms {
	padding: 0px;
}

.sppb-carousel-extended-item img {
	width: auto;
	height: auto;
	margin: auto;
}

.no-margin {margin: 0 !important;}

.full-width-image .sppb-addon-single-image-container {width: 100%;}
.full-width-image .sppb-addon-single-image-container img {width: 100%;}

.static-section, .static-section div {position: static !important;}

.com-finder .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
	display: flex;
	align-items: center;
}

.com-finder .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) span {
margin-right: 5px;	
}

.center-section > .sppb-container-inner > .sppb-row,
.center-section  > .sppb-row {
	justify-content: center;
}

.even-section > .sppb-container-inner > .sppb-row,
.even-section  > .sppb-row {
	justify-content: space-between !important;
}

#sp-top {
	position: relative;
	z-index: 99;
}

#sp-top > .row {
	-ms-flex-align: center !important;
	align-items: center !important;
}

#sp-top > .container > .container-inner > .row {
	-ms-flex-align: center !important;
	align-items: center !important;
}

#sp-header > .row {
	-ms-flex-align: center !important;
	align-items: center !important;
}

#sp-header > .container > .container-inner > .row {
	-ms-flex-align: center !important;
	align-items: center !important;
}

#sp-logo-section > .row {
	-ms-flex-align: center !important;
	align-items: center !important;
}

#sp-logo-section > .container > .container-inner > .row {
	-ms-flex-align: center !important;
	align-items: center !important;
}


/* HEADER */ 

#sp-header {
	height: auto;
	box-shadow: none;
	background: #fff;
    padding: 10px !important;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

#sp-header.header-sticky {
	background: #fff;
	animation-name: fadeHeaderInDown;
	animation-duration: 1s;
	animation-fill-mode: both;
	box-shadow: 0 0 10px rgb(0 0 0 / 15%);
}

@keyframes fadeHeaderInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

#sp-header .logo,
#sp-logo-section .logo {
	height: auto;
	display: flex;
}

#sp-header .logo img,
#sp-logo-section .logo img {height: auto;}


.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span,
.sp-megamenu-parent > li:last-child > a {
color: #818181;
font-size: 16px;
font-weight: 400;
display: block;
margin: -1px 11px;
line-height: 26px;
padding: 17px 0;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-ms-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
position: relative;
}

@media (max-width: 1200px) {
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent > li:last-child > a {
	margin: 0 5px;
}	
}

.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li.active > a:hover,
.sp-megamenu-parent > li:hover > a,
.sp-megamenu-parent > li.active > a, 
.sp-megamenu-parent > li.active:hover > a {
color: #424242;
}

.sp-megamenu-parent > li:last-child > a {
	padding-right: 0;
}

body.ltr .sp-megamenu-parent > li.sp-has-child > a::after, body.ltr .sp-megamenu-parent > li.sp-has-child > span::after {
	display: none;
}

.sp-megamenu-parent > li > a:before {
	content: '';
	height: 1px;
	width: 0;
	background: #424242;
	position: absolute;
	bottom: 18px;
	right: 0;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}

.sp-megamenu-parent > li.active > a:before {
right: auto;
left: 0;
width: 100%;
}

.sp-megamenu-parent > li:hover > a:before {
right: auto;
left: 0;
width: 100%;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
padding: 0 30px;
background-color: #ffffff;
border-radius: 0 0 2px 2px;
-webkit-box-shadow: 0 20px 40px rgba(0,0,0,.10);
-moz-box-shadow: 0 20px 40px rgba(0,0,0,.10);
box-shadow: 0 20px 40px rgba(0,0,0,.10);
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item, .sp-megamenu-parent .sp-mega-group li {
	margin: 0;
	padding-bottom: 16px;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item:first-child {
  padding-top: 16px;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
	color: #818181;
font-size: 16px;
font-weight: 400;
padding: 0 0;
margin: 0;
line-height: 14px;
display: inline-block;
transition: 0.3s ease;
position: relative;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:before {
	content: '';
	height: 1px;
	width: 0;
	background: #424242;
	position: absolute;
	bottom: -3px;
	right: 0;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
color: #424242;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
color: #424242;
}

body.ltr .sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child > a::after {
	display: none;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover:before {
  right: auto;
  left: 0;
  width: 100%;
}

#offcanvas-toggler {
	display: inline-flex;
	align-items: center;
	line-height: 1;
	font-size: 20px;
	position: relative;
	z-index: 22;
	height: 80px;
}

.burger-icon > span {
	display: block;
	height: 2px;
	margin: 5px 0;
	transition: background-color 0.3s ease-in, opacity 0.3s ease-in, transform 0.3s ease-in;
}

.offcanvas-active .burger-icon > span, #modal-menu-toggler.active .burger-icon > span {
	background-color: #fff;
}


@media (max-width: 992px) {
.offcanvas-menu {
	background-color: var(--maincolor);
	color: #fff;
}
.offcanvas-menu .offcanvas-inner a {
	color: #fff;
}

.offcanvas-menu .offcanvas-inner a:hover, .offcanvas-menu .offcanvas-inner a:focus, .offcanvas-menu .offcanvas-inner a:active {
	color: #fff;
}

.offcanvas-menu .p-3 {
	padding: 0 !important;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span,
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:focus {
	color: #fff;
}

.offcanvas-menu .logo {display: none;}

.offcanvas-menu .offcanvas-inner {
	padding: 50px 25px;
}

.offcanvas-menu .offcanvas-inner ul.menu > li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > span {
	opacity: 1;
}
}

@media (min-width: 992px) {
.offcanvas-menu {
	background-color: #fff;
}

.offcanvas-menu .p-3 {
	padding: 0 !important;
}

.offcanvas-menu .logo {display: none;}

.offcanvas-menu .menu {display: none !important;}

.offcanvas-active .burger-icon > span, #modal-menu-toggler.active .burger-icon > span {
	background-color: var(--maincolor);
}

body.ltr.offcanvs-position-right .offcanvas-menu {
	right: -400px;
}

.offcanvas-menu {
	width: 400px;
}
	
}

/* */

/* PAGE TITLE */

.sp-page-title {
padding: 110px 0 115px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-color: #f2f0ec;
position: relative;
text-align: center;
}

.sp-page-title .container {position: relative;}

.sp-page-title .sp-page-title-heading {
font-size: 60px;
line-height: 60px;
color: #424242;
font-weight: 800;
text-transform: capitalize;
margin: 0;
}

.sp-page-title .breadcrumb {
position: absolute;
bottom: -115px;
left: 0;
background-color: var(--maincolor);
padding: 0 30px 0 35px;
line-height: 49px;
border-radius: 0;
margin: 0;
}

.sp-page-title .breadcrumb:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 1px;
  z-index: 0;
  background: var(--maincolor);
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
  -webkit-transform: skew(-12deg,0deg);
  -moz-transform: skew(-12deg,0deg);
  -ms-transform: skew(-12deg,0deg);
  -o-transform: skew(-12deg,0deg);
  transform: skew(-12deg,0deg);
  -webkit-transition: 0.3s ease-in;
  -moz-transition: 0.3s ease-in;
  -ms-transition: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}

.breadcrumb > li.float-start {display: none;}

.sp-page-title .breadcrumb > li > a {
position: relative;
z-index: 1;
font-size: 12px;
letter-spacing: 1px;
font-weight: 600;
text-transform: uppercase;
}

.sp-page-title .breadcrumb > li > a:hover {
  color: var(--secondcolor);
}

.sp-page-title .breadcrumb .breadcrumb-item + .breadcrumb-item {
	padding-left: 10px;
}

.sp-page-title .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
padding-right: 10px;
color: #fff;
position: relative;
z-index: 1;
font-size: 12px;
}

.breadcrumb > .active span {
position: relative;
z-index: 1;
font-size: 12px;
letter-spacing: 1px;
color: #fff;
font-weight: 600;
text-transform: uppercase;
}

/* */

#sp-header.header-sticky ~ section#sp-main-body {
	padding-top: 0;
}
.com-content #sp-main-body,
.com-j2store #sp-main-body,
.com-tags #sp-main-body,
.com-spsimpleportfolio #sp-main-body,
.com-search #sp-main-body,
.com-finder #sp-main-body  {
	padding: 120px 0;
}

.com-spsimpleportfolio #sp-main-body {
	z-index: 2;
	position: relative;
}


.com-content #sp-header.header-sticky ~ section#sp-main-body,
.com-j2store #sp-header.header-sticky ~ section#sp-main-body,
.com-tags #sp-header.header-sticky ~ section#sp-main-body,
.com-spsimpleportfolio #sp-header.header-sticky ~ section#sp-main-body,
.com-search #sp-header.header-sticky ~ section#sp-main-body,
.com-finder #sp-header.header-sticky ~ section#sp-main-body {
	padding-top: 120px;
}


/* SIDEBAR */

.sidebar-class  .sppb-row-container {width: 100% !important; }
.sidebar-class.com-sppagebuilder #sp-main-body {margin: 0 auto;}
@media (min-width: 768px) {
.sidebar-class.com-sppagebuilder #sp-main-body {max-width: 750px;}
}
@media (min-width: 992px) {
.sidebar-class.com-sppagebuilder #sp-main-body {max-width: 970px;}
}
@media (min-width: 1200px) {
.sidebar-class.com-sppagebuilder #sp-main-body {max-width: 1170px;}
}

.com-sppagebuilder #sp-right, .com-sppagebuilder #sp-left {
	padding-top: 120px;
	padding-bottom: 120px;
	position: relative;
}

#sp-left .sp-module, #sp-right .sp-module {
	border: 0px solid #f3f3f3;
	padding: 0;
	border-radius: 0px;
}

#sp-left .sp-module ul > li, #sp-right .sp-module ul > li {
	display: block;
	border-bottom: 0px solid #f3f3f3;
}

/* */


#sp-footer, #sp-bottom {
	background: transparent;
	position: relative;
}

@media (min-width: 992px) {

.entry-area::after {
	content: "";
	position: absolute;
	display: block;
	width: 733px;
	height: 100%;
	top: 0;
	left: -110px;
	z-index: -1;
	background-color: #424242;
	-webkit-transform: skew(-12deg,0deg);
	-moz-transform: skew(-12deg,0deg);
	-ms-transform: skew(-12deg,0deg);
	-o-transform: skew(-12deg,0deg);
	transform: skew(-12deg,0deg);
}

.mixer-area2::after {
	position: absolute;
	content: '';
	top: 0;
	margin-top: -236px;
	right: 0;
	width: 413px;
	height: 700px;
	background-color: var(--maincolor);
	z-index: -1;
}

.helping-area2::after {
	position: absolute;
	content: '';
	top: 0;
	margin-top: -236px;
	right: 0;
	width: 413px;
	height: 698px;
	background-color: var(--maincolor);
	z-index: -1;
	background-color: var(--fourthcolor);
	margin-top: -261px;
	height: 985.5px;
}

.cta-area::after {
	content: "";
	position: absolute;
	display: block;
	width: 51%;
	height: 100%;
	top: 0;
	right: 0;
	z-index: -1;
	background-color: var(--fourthcolor);
	-webkit-transform-origin: bottom left;
	transform-origin: bottom left;
	-webkit-transform: skew(-12deg,0deg);
	-moz-transform: skew(-12deg,0deg);
	-ms-transform: skew(-12deg,0deg);
	-o-transform: skew(-12deg,0deg);
	transform: skew(-12deg,0deg);
}

.give-title-box::after {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	background-color: var(--secondcolor);
	-webkit-transform-origin: bottom left;
	-webkit-transform: skew(-12deg,0deg);
	-moz-transform: skew(-12deg,0deg);
	-ms-transform: skew(-12deg,0deg);
	-o-transform: skew(-12deg,0deg);
	transform: skew(-12deg,0deg);
}

.donate-area::after {
	position: absolute;
	content: '';
	bottom: 0;
	right: 0;
	width: 360px;
	height: 426px;
	background-color: var(--thirdcolor);
	z-index: -1;
}

}


/* BLOG */

.article-list .article {
	padding: 0px;
	border: 0px solid #f5f5f5;
	position: relative;
	min-width: 0;
	padding: 0;
	box-shadow: none;
	transition: 0.3s all;
}

.article-list .article .article-intro-image, .article-list .article .article-featured-video, .article-list .article .article-featured-audio, .article-list .article .article-feature-gallery {
	margin: 0px;
	border-bottom: 0px solid #f5f5f5;
	overflow: hidden;
	position: relative;
	display: block;
	border-radius: 0;
	margin-bottom: 30px;
}


.article-list .article .article-intro-image img, .article-list .article .article-featured-video img, .article-list .article .article-featured-audio img, .article-list .article .article-feature-gallery img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	border-radius: 0;
}

.article-list .article .article-header h2 {
font-size: 26px;
font-weight: 800;
margin-bottom: 9px;
color: #424242;
line-height: 1.2;
}

.article-list .article .article-header h2 a {
color: #424242;
transition: all 500ms ease;
}

.article-list .article .article-header h2 a:hover {
color: var(--secondcolor);
}

.article-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
margin-bottom: 30px;
}

.article-info > span {
display: inline-block;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
position: relative;
padding: 0 10px;
color: var(--maincolor);
}

.article-info > span:first-child {
  padding-left: 0;
}

.article-info > span a {
display: inline-block;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
position: relative;
padding: 0 10px;
color: var(--maincolor);
}

.article-info > span a:hover {color: var(--maincolor);}

.article-info > span + span::before {
	position: absolute;
	content: '.';
	top: -2px;
	left: -5px;
	font-size: 16px;
	color: var(--maincolor);
}

.article-info > span.published {
position: absolute;
top: 0;
left: 0;
font-size: 12px;
text-transform: uppercase;
background: var(--thirdcolor);
color: #fff;
font-weight: 800;
letter-spacing: 1px;
padding: 0 25px 0 30px;
line-height: 49px;
z-index: 1;
display: inline-block;
}

.article-info > span.published:before {display: none;}

.article-info > span.published:after {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	background: var(--thirdcolor);
	-webkit-transform-origin: bottom left;
	transform-origin: bottom left;
	-webkit-transform: skew(-12deg,0deg);
	-moz-transform: skew(-12deg,0deg);
	-ms-transform: skew(-12deg,0deg);
	-o-transform: skew(-12deg,0deg);
	transform: skew(-12deg,0deg);
}

.col-lg-6:nth-child(4n+1) .article-info > span.published {
background: var(--thirdcolor);
}
.col-lg-6:nth-child(4n+1) .article-info > span.published:after {
background: var(--thirdcolor);
}

.col-lg-6:nth-child(4n+2) .article-info > span.published {
background: var(--maincolor);
}
.col-lg-6:nth-child(4n+2) .article-info > span.published:after {
background: var(--maincolor);
}

.col-lg-6:nth-child(4n+3) .article-info > span.published {
background: var(--secondcolor);
}
.col-lg-6:nth-child(4n+3) .article-info > span.published:after {
background: var(--secondcolor);
}

.col-lg-6:nth-child(4n+4) .article-info > span.published {
background: var(--fourthcolor);
}
.col-lg-6:nth-child(4n+4) .article-info > span.published:after {
background: var(--fourthcolor);
}

.article-introtext > p {
  line-height: 30px;
  margin-bottom: 32px;
}

.article-list .article .readmore a {
font-size: 12px;
text-transform: uppercase;
background: var(--secondcolor);
color: #fff;
font-weight: 600;
letter-spacing: 1px;
padding: 0 30px 0 35px;
line-height: 49px;
position: relative;
z-index: 1;
display: inline-block;
-webkit-transition: 0.3s ease-in;
-moz-transition: 0.3s ease-in;
-ms-transition: 0.3s ease-in;
-o-transition: 0.3s ease-in;
transition: 0.3s ease-in;
text-decoration: none;
border: none;
}

.article-list .article .readmore a:after {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 1px;
	z-index: -1;
	background: var(--secondcolor);
	-webkit-transform-origin: bottom left;
	transform-origin: bottom left;
	-webkit-transform: skew(-12deg,0deg);
	-moz-transform: skew(-12deg,0deg);
	-ms-transform: skew(-12deg,0deg);
	-o-transform: skew(-12deg,0deg);
	transform: skew(-12deg,0deg);
	-webkit-transition: 0.3s ease-in;
	-moz-transition: 0.3s ease-in;
	-ms-transition: 0.3s ease-in;
	-o-transition: 0.3s ease-in;
	transition: 0.3s ease-in;
}

.article-list .article .readmore a:hover, .article-list .article .readmore a:active, .article-list .article .readmore a:focus {
background-color: var(--maincolor);
color: #fff;
}


.article-list .article .readmore a:hover:after {
  background-color: var(--maincolor);
  color: #fff;
}

.page-item:first-child .page-link {
	margin-left: 0;
	border-top-left-radius: 50%;
	border-bottom-left-radius: 50%;
}

.page-item:last-child .page-link {
	border-top-right-radius: 50%;
	border-bottom-right-radius: 50%;
}

.page-link {
list-style: none;
display: inline-block;
height: 50px;
width: auto;
background: #f8f8f8;
border-radius: 50%;
line-height: 37px;
color: #6a727f ;
margin-top: 0px;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
cursor: pointer;
border: none;
margin-right: 0;
text-align: center;
}

.page-item.active .page-link,
.page-link:hover {
	z-index: 1;
	color: #fff !important;
	background-color: var(--maincolor);
	border-color: var(--maincolor);
}

.pagination-counter {margin-top: 40px;}

/* SINGLE ARTICLE */

.article-details .sppb-row-container {padding: 0; max-width: 100%;}

.article-details .article-header {
	position: relative;
	padding: 0;
}

.article-details .article-can-edit {
	position: relative;
	margin-bottom: 0px;
}

.article-details .article-header h1, .article-details .article-header h2 {
font-weight: 800;
line-height: 30px;
font-size: 36px;
margin-bottom: 28px;
}

.article-details .article-full-image {
position: relative;
display: block;
margin-bottom: 28px;
margin-top: 0px;
}

.article-details .article-full-image img {
	display: inline-block;
	border-radius: 0;
	width: 100%;
}

.article-details .article-info {
	margin-bottom: 26px;
}

.article-details .article-ratings-social-share {
border-top: 2px solid #f2f0ec;
border-bottom: 2px solid #f2f0ec;
margin-top: 15px;
padding-top: 45px;
padding-bottom: 45px;
}

.article-details .article-author-information {
background-color: #f2f0ec;
padding: 59px 60px 50px 60px;
position: relative;
border-radius: 0;
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: 55px;
margin-top: 60px;
}

.article-details .article-author-information h5 {
line-height: 24px;
font-size: 24px;
font-weight: 800;
margin-bottom: 39px;
text-transform: capitalize;
}

.article-details .article-author-information img {
  margin-right: 40px;
  margin-bottom: 20px;
  object-fit: cover;
object-position: center;
}

.article-details .article-author-information h5 {
margin-bottom: 39px !important;
}

.article-details .article-author-information .author-bio {
margin-bottom: .5rem !important;
font-size: 16px;
line-height: 30px;
}

.author-website, .author-website a {color: #1b1525; margin-left: 4px;}

.author-website a:hover {color: var(--maincolor);}

.article-body .tags {
	display: none;
}

.tags {
	list-style: none;
	padding: 0;
	margin: 0 !important;
	display: flex;
	flex-wrap: wrap;
}

.tags > li {
	display: inline-block;
	margin: 2px;
}

.tags > li a {
font-size: 12px;
text-transform: uppercase;
background: var(--secondcolor);
color: #fff;
font-weight: 600;
letter-spacing: 1px;
line-height: 35px;
padding: 0 20px 0 25px;
position: relative;
z-index: 1;
display: inline-block;
-webkit-transition: 0.3s ease-in;
-moz-transition: 0.3s ease-in;
-ms-transition: 0.3s ease-in;
-o-transition: 0.3s ease-in;
transition: 0.3s ease-in;
margin: 0 5px;
border: none;
border-radius: 0;
}

.tags > li a:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 1px;
  z-index: -1;
  background: var(--secondcolor);
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
  -webkit-transform: skew(-12deg,0deg);
  -moz-transform: skew(-12deg,0deg);
  -ms-transform: skew(-12deg,0deg);
  -o-transform: skew(-12deg,0deg);
  transform: skew(-12deg,0deg);
  -webkit-transition: 0.3s ease-in;
  -moz-transition: 0.3s ease-in;
  -ms-transition: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}

.tags > li a:hover,
.tags > li a:hover:after {
  background-color: #424242;
  color: #fff;
}

#article-comments {
	padding-top: 0;
	margin-top: 50px;
	border-top: 0px solid #f5f5f5;
}

.article-social-share .social-share-icon ul li a {
position: relative;
height: 40px;
width: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
color: #fff;
border: none;
font-size: 15px;
background-color: var(--maincolor);
border-radius: 50%;
overflow: hidden;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
z-index: 1;
}

.article-social-share .social-share-icon ul li a:hover {
	background-color: var(--thirdcolor); 
	color: #fff; 
}

ul.pagination {
	display: flex;
justify-content: space-between;
margin-top: 30px;
padding: 25px 30px 25px;
background-color: #111;
}

/* */

/* EVENTS */

.article-details.events-page .article-full-image {
	margin-bottom: 48px;
}

.events-page .article-details .article-ratings-social-share,
.events-page .article-author-information {
	display: none !important;
}

.article-details.events-page .article-info {
	margin-bottom: 0px;
}

.article-details.events-page {position: relative;}

/* IMPORT FONTELLO */

@font-face {
  font-family: 'OxpitanFont';
  src: url('../fonts/fontello.eot?55429973');
  src: url('../fonts/fontello.eot?55429973#iefix') format('embedded-opentype'),
       url('../fonts/fontello.woff2?55429973') format('woff2'),
       url('../fonts/fontello.woff?55429973') format('woff'),
       url('../fonts/fontello.ttf?55429973') format('truetype'),
       url('../fonts/fontello.svg?55429973#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?55429973#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "OxpitanFont";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-cancer:before { content: '\e800'; } /* '' */
.icon-charity:before { content: '\e801'; } /* '' */
.icon-family:before { content: '\e802'; } /* '' */
.icon-hamburger:before { content: '\e803'; } /* '' */
.icon-health:before { content: '\e804'; } /* '' */
.icon-heart:before { content: '\e805'; } /* '' */
.icon-line-chart:before { content: '\e806'; } /* '' */
.icon-mortarboard:before { content: '\e807'; } /* '' */
.icon-mosque:before { content: '\e808'; } /* '' */
.icon-peace-1:before { content: '\e809'; } /* '' */
.icon-peace:before { content: '\e80a'; } /* '' */
.icon-pet:before { content: '\e80b'; } /* '' */
.icon-praying:before { content: '\e80c'; } /* '' */
.icon-stethoscope:before { content: '\e80d'; } /* '' */
.icon-target:before { content: '\e80e'; } /* '' */
.icon-water-bottle:before { content: '\e80f'; } /* '' */

/* */


/* ANIMATIONS */

@-webkit-keyframes heartbeat {
    to {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

@keyframes heartbeat {
    to {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}


/* */



@media (min-width: 320px) {#sp-top1 .sppb-container-inner {max-width: 400px;width: 100%;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 576px) {#sp-top1 .sppb-container-inner {max-width: 540px;width: 100%;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 768px) {#sp-top1 .sppb-container-inner {max-width: 720px;width: 100%;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 992px) {#sp-top1 .sppb-container-inner {max-width: 960px;width: 100%;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 1200px) {#sp-top1 .sppb-container-inner {max-width: 1140px;width: 100%;
margin-right: auto;
margin-left: auto;}}



@media (min-width: 320px) {#sp-top2 .sppb-container-inner {max-width: 400px;width: 100%;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 576px) {#sp-top2 .sppb-container-inner {max-width: 540px;width: 100%;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 768px) {#sp-top2 .sppb-container-inner {max-width: 720px;width: 100%;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 992px) {#sp-top2 .sppb-container-inner {max-width: 960px;width: 100%;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 1200px) {#sp-top2 .sppb-container-inner {max-width: 1140px;width: 100%;
margin-right: auto;
margin-left: auto;}}



@media (min-width: 320px) {#sp-top3 .sppb-container-inner {max-width: 400px;width: 100%;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 576px) {#sp-top3 .sppb-container-inner {max-width: 540px;width: 100%;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 768px) {#sp-top3 .sppb-container-inner {max-width: 720px;width: 100%;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 992px) {#sp-top3 .sppb-container-inner {max-width: 960px;width: 100%;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 1200px) {#sp-top3 .sppb-container-inner {max-width: 1140px;width: 100%;
margin-right: auto;
margin-left: auto;}}

@media (min-width: 320px) {#sp-bottom1  .sppb-container-inner {max-width: 400px;width: 100%;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 576px) {#sp-bottom1  .sppb-container-inner {max-width: 540px;width: 100%;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 768px) {#sp-bottom1  .sppb-container-inner {max-width: 720px;width: 100%;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 992px) {#sp-bottom1 .sppb-container-inner {max-width: 960px;width: 100%;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 1200px) {#sp-bottom1  .sppb-container-inner {max-width: 1140px;width: 100%;
margin-right: auto;
margin-left: auto;}}


@media (min-width: 320px) {#sp-footer  .sppb-container-inner {max-width: 400px;width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;}}
@media (min-width: 576px) {#sp-footer  .sppb-container-inner {max-width: 540px;width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;}}
@media (min-width: 768px) {#sp-footer  .sppb-container-inner {max-width: 720px;width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;}}
@media (min-width: 992px) {#sp-footer .sppb-container-inner {max-width: 960px;width: 100%;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 1200px) {#sp-footer  .sppb-container-inner {max-width: 1140px;width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;}}


@media (min-width: 320px) {#sp-banner  .sppb-container-inner {max-width: 400px;width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;}}
@media (min-width: 576px) {#sp-banner  .sppb-container-inner {max-width: 540px;width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;}}
@media (min-width: 768px) {#sp-banner  .sppb-container-inner {max-width: 720px;width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;}}
@media (min-width: 992px) {#sp-banner .sppb-container-inner {max-width: 960px;width: 100%;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 1200px) {#sp-banner  .sppb-container-inner {max-width: 1140px;width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;}}

@media (min-width: 320px) {#sp-logo-section .sppb-container-inner {max-width: 400px;width: 100%;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 576px) {#sp-logo-section .sppb-container-inner {max-width: 540px;width: 100%;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 768px) {#sp-logo-section .sppb-container-inner {max-width: 720px;width: 100%;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 992px) {#sp-logo-section .sppb-container-inner {max-width: 960px;width: 100%;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 1200px) {#sp-logo-section .sppb-container-inner {max-width: 1140px;width: 100%;
margin-right: auto;
margin-left: auto;}}


@media (min-width: 320px) {.contained-row  .sppb-container-inner {max-width: 400px;width: 100%;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 576px) {.contained-row  .sppb-container-inner {max-width: 540px;width: 100%;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 768px) {.contained-row  .sppb-container-inner {max-width: 720px;width: 100%;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 992px) {.contained-row .sppb-container-inner {max-width: 960px;width: 100%;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 1200px) {.contained-row  .sppb-container-inner {max-width: 1140px;width: 100%;
margin-right: auto;
margin-left: auto;}}



/* J4 Optimization */

#sp-header .sp-module {
	margin-left: 0px !important; 
}

@media (min-width: 1400px) {#sp-footer  .sppb-container-inner {max-width: 1320px;width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;}}

@media (min-width: 1400px) {#sp-banner  .sppb-container-inner {max-width: 1320px;width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;}}

@media (min-width: 1400px) {#sp-bottom1  .sppb-container-inner {max-width: 1320px;width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;}}

@media (min-width: 1400px) {#sp-top1  .sppb-container-inner {max-width: 1320px;width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;}}

@media (min-width: 1400px) {#sp-top2  .sppb-container-inner {max-width: 1320px;width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;}}

@media (min-width: 1400px) {#sp-top3  .sppb-container-inner {max-width: 1320px;width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;}}

@media (min-width: 1400px) {.contained-row  .sppb-container-inner {max-width: 1320px;width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;}}

@media (min-width: 1400px) {.sppb-row-container {max-width: 1320px;width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;}}

@media (min-width: 1400px) {.sp-slider .sppb-container {max-width: 1320px;width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;}}

.com-finder button > span.icon-white {font-family: "Font Awesome 5 Free" !important;}

:root {
  --maincolor: #964B3A !important;
  --secondcolor: #C66C4B !important;
  --thirdcolor: #A3542F !important;
  --fourthcolor: #583840 !important;
  --sppb-topbar-text-color: #F5EEE3 !important;
  --sppb-logo-text-color: #964B3A !important;
  --sppb-menu-text-hover-color: #964B3A !important;
  --sppb-menu-text-active-color: #964B3A !important;
  --sppb-menu-dropdown-text-hover-color: #964B3A !important;
  --sppb-menu-dropdown-text-active-color: #964B3A !important;
  --sppb-link-color: #964B3A !important;
}

.sp-page-title-heading {
	display:none;
  }


body.pagina-referenti .article {
  display: flex;
  align-items: center;
  gap: 24px;
}

body.pagina-referenti .article-intro-image {
  float: none;
  flex: 0 0 340px;
  width: 340px;
  margin: 0;
}

body.pagina-referenti .article-intro-image img {
  width: 100%;
  height: auto;
  border-radius: 6px;
  object-fit: cover;
  display: block;
}

body.pagina-referenti .article-body {
  overflow: visible;
}

body.pagina-referenti .article-header h2 {
  margin-top: 0;
}

@media (max-width: 900px) {
  body.pagina-referenti .article {
    flex-direction: column;
    align-items: flex-start;
  }

  body.pagina-referenti .article-intro-image {
    flex: 0 0 auto;
    width: 100%;
    max-width: 340px;
    margin: 0 0 16px 0;
  }
}


.btn-primary {
  background-color: #964B3A !important;
  border-color: #964B3A !important;
}
.btn-primary:hover {
  background-color: #C66C4B !important;
  border-color: #C66C4B !important;
}

/* =====================================================================
   AGGIORNAMENTO NOVEMBRE 2026 – loghi, footer, menu, mobile, accessibilità
   ===================================================================== */

/* --- Contenuti per lingua (IT/DE) --- */
html[lang^="de"] .sgb-lang-it { display: none !important; }
html:not([lang^="de"]) .sgb-lang-de { display: none !important; }

/* --- Skip link "Vai al contenuto" --- */
.sgb-skip {
  position: absolute; left: -9999px; top: 0; z-index: 100000;
  background: #fff; color: #1a1a1a; font-weight: 600;
  padding: 12px 18px; border: 3px solid #d7262c; border-radius: 6px;
  text-decoration: none;
}
.sgb-skip:focus, .sgb-skip:focus-visible { left: 16px; top: 16px; position: fixed; }

/* --- Focus visibile per navigazione da tastiera --- */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible,
textarea:focus-visible, [tabindex]:focus-visible, .sppb-btn:focus-visible {
  outline: 3px solid #d7262c !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 5px #fff !important;
}

/* --- Link riconoscibili nei testi (non solo tramite colore) --- */
.article-details .article-body a:not(.btn),
.sppb-addon-text-block .sppb-addon-content a:not(.sppb-btn),
.blog .item-content a:not(.btn):not(.readmore) {
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* --- Loghi partner nel carosello: a colori e leggibili --- */
.sppb-image-carousel-layout2 .sppb-carousel-extended-item img,
.sppb-carousel-extended-item img[src*="2026-restyling/logo-"] {
  opacity: 1 !important;
  filter: none !important;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .06);
  background: #fff;
}
.sppb-carousel-extended-item a:hover img[src*="2026-restyling/logo-"] {
  box-shadow: 0 4px 16px rgba(0, 0, 0, .12);
}

/* --- Footer: link legali, contrasto e leggibilità --- */
#sp-footer .sppb-addon-title,
#sp-footer .sppb-addon-text-block { color: #3a3a3a !important; }
.sgb-footer {
  position: relative; z-index: 2;
  max-width: 1100px; margin: 10px auto 0; padding: 14px 18px;
  background: rgba(255, 255, 255, .92);
  border-radius: 10px;
  text-align: center;
}
.sgb-footer-nav ul {
  list-style: none; margin: 0 0 8px; padding: 0;
  display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 22px;
}
.sgb-footer-nav li { margin: 0; padding: 0; }
.sgb-footer-nav a, .sgb-footer-contact a {
  color: #1a1a1a !important;
  text-decoration: underline; text-underline-offset: 3px;
  font-size: 15px; line-height: 1.6;
}
.sgb-footer-nav a:hover, .sgb-footer-contact a:hover { color: #b51f24 !important; }
.sgb-footer-contact { margin: 0; font-size: 14px; line-height: 1.6; color: #3a3a3a; }

/* --- Menu principale: niente "a capo" tra 992 e 1399 px --- */
/* header: logo + menu sempre sulla stessa riga (IT e DE) */
@media (min-width: 992px) {
  #sp-header #sp-logo { flex: 0 0 200px !important; width: 200px !important; max-width: 200px !important; }
  #sp-header #sp-logo img { max-width: 100%; height: auto; }
  #sp-header #sp-menu { flex: 1 1 0% !important; width: auto !important; max-width: none !important; min-width: 0; }
  #sp-header .sp-megamenu-parent > li > a, #sp-header .sp-megamenu-parent > li > span,
  #sp-header .sp-megamenu-parent > li:last-child > a { padding-left: 0 !important; padding-right: 0 !important; margin-left: 2px !important; margin-right: 2px !important; font-size: 12.5px !important; }
}
@media (min-width: 1200px) {
  #sp-header #sp-logo { flex-basis: 250px !important; width: 250px !important; max-width: 250px !important; }
  #sp-header .sp-megamenu-parent > li > a, #sp-header .sp-megamenu-parent > li > span,
  #sp-header .sp-megamenu-parent > li:last-child > a { margin-left: 4px !important; margin-right: 4px !important; font-size: 14.5px !important; }
}
@media (min-width: 1400px) {
  #sp-header #sp-logo { flex-basis: 270px !important; width: 270px !important; max-width: 270px !important; }
  #sp-header .sp-megamenu-parent > li > a, #sp-header .sp-megamenu-parent > li > span,
  #sp-header .sp-megamenu-parent > li:last-child > a { margin-left: 9px !important; margin-right: 9px !important; font-size: 16px !important; }
}

/* --- Tabelle nelle news / pagine legali --- */
.article-details table, .blog table { width: 100%; margin: 1rem 0 1.5rem; border-collapse: collapse; }
.article-details table th, .article-details table td { padding: .55rem .75rem; vertical-align: top; }
.article-details table caption { caption-side: top; font-weight: 600; color: #3a3a3a; padding-bottom: .5rem; }
.article-details h2 { font-size: 1.6rem; margin: 2rem 0 .75rem; }
.article-details h3 { font-size: 1.3rem; margin: 1.5rem 0 .6rem; }

/* --- Articoli (news e pagine legali): elenchi leggibili, niente box autore demo --- */
.article-details .author-bio, .view-article .author-bio, .article-author-information, .article-details .article-author-information { display: none !important; }
[itemprop="articleBody"] ul, [itemprop="articleBody"] ol, .blog .item-content ul, .blog .item-content ol { padding-left: 1.5rem !important; margin: 0 0 1.1rem !important; }
[itemprop="articleBody"] ul, .blog .item-content ul { list-style: disc !important; }
[itemprop="articleBody"] ol, .blog .item-content ol { list-style: decimal !important; }
[itemprop="articleBody"] li, .blog .item-content li { margin-bottom: .35rem; list-style: inherit !important; }
[itemprop="articleBody"] ul ul { list-style: circle !important; margin-top: .35rem !important; }
[itemprop="articleBody"] p, .blog .item-content p { margin: 0 0 1rem; }
[itemprop="articleBody"] a:not(.btn) { text-decoration: underline; text-underline-offset: 3px; }

/* --- Modulo contatti home (form-builder: etichette leggibili su sfondo scuro) --- */
#sppb-addon-1657735290962 label, #sppb-addon-1657735290962 .sppb-form-builder-field-title { color: #ffffff !important; opacity: 1 !important; font-weight: 500; }
#sppb-addon-1657735290962 input::placeholder, #sppb-addon-1657735290962 textarea::placeholder { color: #5a5a5a; opacity: 1; }

/* --- Blog News: immagini uniformi --- */
.blog .item-image img, .blog .article-intro-image img { width: 100%; height: auto; aspect-ratio: 1700 / 538; object-fit: cover; border-radius: 6px; }

/* header mobile/tablet: logo e menu (hamburger + lingua) sempre sulla stessa riga */
@media (max-width: 991.98px) {
  #sp-header #sp-logo { flex: 1 1 0% !important; width: auto !important; max-width: none !important; min-width: 0; }
  #sp-header #sp-logo img { max-width: min(220px, 100%) !important; width: auto; height: auto; }
  #sp-header #sp-menu { flex: 0 0 auto !important; width: auto !important; max-width: none !important; }
  #sp-header #sp-logo + #sp-menu, #sp-header .row:has(> #sp-logo) { flex-wrap: nowrap; }
}

/* --- MOBILE --- */
@media (max-width: 767.98px) {
  /* pulsanti SPPB su mobile: testo su più righe compatto e leggibile */
  .sppb-btn, a.sppb-btn, .sppb-section .sppb-btn, .sp-slider-btn {
    line-height: 1.3 !important; height: auto !important; min-height: 48px;
    padding: 14px 24px !important; font-size: 15px !important; letter-spacing: .04em !important;
    white-space: normal !important; display: inline-flex !important; align-items: center; justify-content: center; text-align: center;
  }
  html { -webkit-text-size-adjust: 100%; }
  body { overflow-x: hidden; }
  video, iframe { max-width: 100%; }
  .sppb-addon-title, h1, h2 { overflow-wrap: break-word; }
  .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .article-details table th, .article-details table td { padding: .45rem .5rem; font-size: 14px; }
  /* footer */
  .sgb-footer-nav ul { flex-direction: column; gap: 4px; }
  .sgb-footer { margin-left: 12px; margin-right: 12px; }
  /* aree cliccabili minime 44px */
  .sgb-footer-nav a { display: inline-block; padding: 8px 4px; }
  /* moduli: campi comodi da toccare, senza zoom automatico su iOS */
  input, select, textarea { font-size: 16px !important; }
  .sppb-carousel-extended-item img[src*="2026-restyling/logo-"] { max-width: 260px; margin: 0 auto; }
}

/* --- Riduzione movimento (preferenza di sistema) --- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important; animation-iteration-count: 1 !important;
    transition-duration: .01ms !important; scroll-behavior: auto !important;
  }
  #sp-footer canvas { display: none !important; }
  .sppb-wow, .sppb-animated { visibility: visible !important; opacity: 1 !important; transform: none !important; }
}


/* =====================================================================
   BARRA AZIONI MOBILE (Iscriviti / Contattaci) – sostituisce la linguetta rossa su mobile
   ===================================================================== */
.sgb-mbar { display: none; }
@media (max-width: 991.98px) {
  .sgb-join__tab, a.sgb-join { display: none !important; }
  .sgb-mbar {
    display: flex; gap: 10px;
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 1029;
    padding: 10px 14px calc(10px + env(safe-area-inset-bottom, 0px));
    background: rgba(255, 255, 255, .94);
    -webkit-backdrop-filter: saturate(160%) blur(10px); backdrop-filter: saturate(160%) blur(10px);
    border-top: 1px solid rgba(0, 0, 0, .06);
    border-radius: 18px 18px 0 0;
    box-shadow: 0 -6px 24px rgba(30, 42, 54, .14);
    transform: translateY(110%); opacity: 0;
    transition: transform .45s cubic-bezier(.2, .8, .2, 1), opacity .35s ease;
  }
  .sgb-mbar.is-visible { transform: translateY(0); opacity: 1; }
  .sgb-mbar.is-visible.is-hidden { transform: translateY(110%); opacity: 0; }
  .sgb-mbar__btn {
    flex: 1 1 0; min-height: 48px;
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    padding: 0 12px; border-radius: 12px;
    font-family: 'Poppins', sans-serif; font-size: 15px; font-weight: 600; line-height: 1.1;
    letter-spacing: .02em; text-decoration: none !important; cursor: pointer;
    transition: transform .15s ease, background-color .2s ease, box-shadow .2s ease;
  }
  .sgb-mbar__btn:active { transform: scale(.97); }
  .sgb-mbar__btn--join {
    border: 0; color: #fff !important;
    background: linear-gradient(135deg, #e0312f 0%, #b51f24 100%);
    box-shadow: 0 4px 12px rgba(215, 38, 44, .35);
  }
  .sgb-mbar__btn--contact {
    color: #1e2a36 !important; background: #fff;
    border: 2px solid #1e2a36;
  }
  .sgb-mbar__btn--contact:hover { background: #f3f1ee; }
  .sgb-mbar__btn:focus-visible { outline: 3px solid #1e2a36 !important; outline-offset: 2px !important; }
  html.has-sgb-mbar body { padding-bottom: calc(76px + env(safe-area-inset-bottom, 0px)); }
  html.has-sgb-mbar .sp-scroll-up, html.has-sgb-mbar #sp-scroll-up, html.has-sgb-mbar .scrollup { bottom: 92px !important; }
}
@media (max-width: 420px) {
  .sgb-mbar { gap: 8px; padding-left: 10px; padding-right: 10px; }
  .sgb-mbar__btn { font-size: 14px; white-space: nowrap; padding: 0 8px; gap: 6px; }
}
@media (prefers-reduced-motion: reduce) {
  .sgb-mbar, .sgb-mbar__btn { transition: none !important; }
}


/* =====================================================================
   MODULO RSFORM HOME (Contatti / Kontakt) – sfondo scuro
   ===================================================================== */
.sgb-rsform .rsform-block { margin-left: 0; margin-right: 0; }
.sgb-rsform .rsform-block > .col-sm-3, .sgb-rsform .rsform-block > .col-sm-9 { flex: 0 0 100%; max-width: 100%; width: 100%; padding-left: 0; padding-right: 0; }
.sgb-rsform .formControlLabel { color: #fff !important; font-weight: 500; font-size: 14px; padding: 0 0 5px; }
/* etichette nascoste visivamente (restano per i lettori di schermo): bastano i placeholder */
.sgb-rsform .rsform-block:not(.rsform-block-privacy) .formControlLabel { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; border: 0 !important; }
.sgb-rsform .rsform-block { margin-bottom: .75rem !important; }
.sgb-rsform .formRequired { color: #ffc2c2; margin-left: 2px; }
.sgb-rsform .form-control, .sgb-rsform .form-select {
  background-color: #f3f1ee; border: 1px solid transparent; border-radius: 6px;
  padding: 10px 12px; font-size: 15px; color: #1a1a1a;
}
.sgb-rsform .form-control::placeholder { color: #5a5a5a; opacity: 1; }
.sgb-rsform .form-control:focus, .sgb-rsform .form-select:focus { border-color: #fff; box-shadow: 0 0 0 3px rgba(255,255,255,.35); }
.sgb-rsform .rsform-block-privacy .formControlLabel { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.sgb-rsform .form-check-label, .sgb-rsform .rsform-block-privacy label { color: #fff !important; font-size: 13.5px; line-height: 1.45; }
.sgb-rsform .form-check-input { width: 1.15em; height: 1.15em; margin-top: .2em; }
.sgb-rsform .formError { color: #ffd2d2 !important; font-size: 13px; }
.sgb-rsform .formNoError { display: none; }
.sgb-rsform .rsform-submit-button, .sgb-rsform button[type=submit] {
  background: #c96a4b; border: 0; border-radius: 4px; color: #fff;
  padding: 13px 30px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; font-size: 14px;
}
.sgb-rsform .rsform-submit-button:hover, .sgb-rsform button[type=submit]:hover { background: #b2573a; }
.sgb-rsform .alert, .sgb-rsform + .alert, .rsform .alert-success { border-radius: 8px; }
.rsform p.formRed, .rsform .formRed { color: #ffd2d2; }


/* Marchio SGBCISL: maiuscolo, CISL in corsivo */
.sgb-brand { text-transform: uppercase; white-space: nowrap; }
.sgb-brand em { font-style: italic !important; font-weight: inherit; }


/* =====================================================================
   NEWS – CARD (blog News / Aktuelles)
   ===================================================================== */
.blog .page-header h1 { position: relative; padding-bottom: 14px; margin-bottom: 34px; }
.blog .page-header h1::after { content: ""; position: absolute; left: 0; bottom: 0; width: 64px; height: 4px; border-radius: 2px; background: #d7262c; }
.blog .article-list .row > [class*="col-"] { margin-bottom: 32px; }
.blog .article-list .article {
  position: relative; display: flex; flex-direction: column; height: 100%;
  background: #fff; border: 1px solid #ece8e2; border-radius: 14px; overflow: hidden;
  box-shadow: 0 6px 22px rgba(30, 42, 54, .07);
  transition: transform .25s ease, box-shadow .25s ease;
}
.blog .article-list .article:hover, .blog .article-list .article:focus-within {
  transform: translateY(-4px); box-shadow: 0 14px 34px rgba(30, 42, 54, .14);
}
.blog .article-list .article-intro-image { float: none !important; margin: 0 !important; width: 100%; overflow: hidden; }
.blog .article-list .article-intro-image img {
  width: 100%; height: auto; aspect-ratio: 16 / 9 !important; object-fit: cover; border-radius: 0 !important;
  transition: transform .5s ease;
}
.blog .article-list .article:hover .article-intro-image img { transform: scale(1.05); }
.blog .article-list .article-body { display: flex; flex-direction: column; flex: 1 1 auto; padding: 22px 24px 24px; }
.blog .article-list .article-header h2 { font-size: 1.3rem; line-height: 1.3; margin: 0 0 10px; }
.blog .article-list .article-header h2 a { color: #1e2a36; text-decoration: none; }
.blog .article-list .article-header h2 a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.blog .article-list .article:hover .article-header h2 a { color: #b51f24; }
.blog .article-list .article-info { margin: 0 0 12px; font-size: 13px; color: #6b6b6b; text-transform: uppercase; letter-spacing: .06em; }
.blog .article-list .article-introtext { display: flex; flex-direction: column; flex: 1 1 auto; color: #4a4a4a; font-size: 15px; line-height: 1.65; }
.blog .article-list .article-introtext > p { margin: 0 0 14px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.blog .article-list .article-introtext > p ~ p, .blog .article-list .article-introtext > :is(ul, ol, table, div:not(.readmore), h2, h3) { display: none; }
.blog .article-list .article-introtext strong { font-weight: 600; color: #333; }
.blog .article-list .readmore { margin-top: auto; padding-top: 6px; position: relative; z-index: 2; }
.blog .article-list .readmore a {
  display: inline-flex; align-items: center; gap: 8px;
  background: none !important; color: #b51f24 !important; padding: 0 !important; border: 0 !important;
  font-weight: 600; font-size: 14px; letter-spacing: .04em; text-transform: uppercase; text-decoration: none !important;
}
.blog .article-list .readmore a::after { content: "\2192" !important; position: static !important; display: inline-block; width: auto !important; height: auto !important; top: auto !important; left: auto !important; right: auto !important; background: none !important; clip-path: none !important; transform: none; z-index: auto !important; color: inherit; font-size: 18px; line-height: 1; transition: transform .2s ease; }
.blog .article-list .readmore a::before { display: none !important; }
.blog .article-list .article:hover .readmore a::after { transform: translateX(4px); }
@media (prefers-reduced-motion: reduce) {
  .blog .article-list .article, .blog .article-list .article-intro-image img { transition: none; }
  .blog .article-list .article:hover { transform: none; }
  .blog .article-list .article:hover .article-intro-image img { transform: none; }
}