/*!
Theme Name: SteelAG
Theme URI: https://noiza.com
Author: Noiza Srl
Author URI: https://noiza.com
Description: Il tema WP Steelag.cz
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: pittcorp

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

_s is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Base
  - Reset
  - Base
  - Typography
# Layouts
  - Navigation
# Components
# Pages
  - Front-page
# Utilities
  - Accessibility

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

p {
  margin: 0 0 20px;
}

body,
button,
input,
select,
optgroup,
textarea,
.fancybox-container {
  color: #1a1a1a;
  font-family: 'Univers', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: 28px;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role=list],
ol[role=list] {
  list-style: none;
}

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}
a {
  color: #00358E;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
table {
  margin: 0 0 1.5em;
  width: 100%;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

img {
  height: auto;
  max-width: 100%;
}

figure {
  margin: 1em 0;
}

.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Pages
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/*# sourceMappingURL=style.css.map */
body.stop-overflow {
  overflow: hidden;
}

.row {
  width: 100%;
}
.row .cont {
  max-width: 1388px;
  width: 100%;
  margin: 0 auto;
  padding: 20px 30px;
  position: relative;
}


/* Header */

.row-header {
  max-width: 100%;
  position: relative;
  border-bottom: 1px solid #D8E0EE;
  background: var(--blu, #00358E);
}



.row-header .cont {
  padding: 16px 0;
  padding-left: calc(1.25rem + (64 - 20) * ((100vw - 1050px) / (1300 - 1050)));
  padding-right: calc(1.25rem + (64 - 20) * ((100vw - 1050px) / (1300 - 1050)));
  max-width: 1940px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 1300px) {
  .row-header .cont {
    padding-left: 64px;
    padding-right: 64px;
  }
}
@media (max-width: 1050px) {
  .row-header .cont {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 950px) {
  .row-header {
    border-bottom: 1px solid #D8E0EE;
  }
  .row-header .cont {
    padding-top: 8px;
    padding-bottom: 8px;
    grid-template-columns: 1fr repeat(3, max-content);
  }
  .row-header:hover .cont {
    padding-bottom: 8px;
  }
}

.row-header .logo-wrapper {
  padding-right: 15px;
}
.logo-wrapper a {
  display: block;
}
.logo-wrapper a img {
  height: 30px;
}
.logo-wrapper .logo-mobile {
  display: none;
}
@media (max-width: 1080px) {
  .row-header .logo-wrapper .logo-mobile {
    display: block;
  }
}
@media (max-width: 1080px) {
  .row-header .logo-wrapper .logo {
    display: none;
  }
}

@media (max-width: 950px) {
  .main-navigation {
    display: none;
  }
}


.search-wrapper {
  border-left: 1px solid rgba(0, 53, 142, 0.15);
  padding: 1px 0 0 16px;
  align-self: start;
}
.search-field {
  background-color: transparent;
  background-image: url(img/search.svg);
  background-position: 5px center;
  background-size: 24px;
  background-repeat: no-repeat;
  border: none;
  cursor: pointer;
  border: none;
  padding: 12px 0 12px 30px;
  position: relative;
  width: 100%;
  color: #00358E !important;
  font-size: 0.875rem;
  line-height: 17px;
  font-weight: 700;
  vertical-align: top;
  -webkit-appearance:none;
}
.search-field::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #00358E;
  opacity: 1; /* Firefox */
}

.search-field:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #00358E;
}

.search-field::-ms-input-placeholder { /* Microsoft Edge */
  color: #00358E;
}
input.search-field[type="search"]::-webkit-search-cancel-button {
  display: none;
}
.search-field:focus-visible {
  outline: 1px solid rgba(0, 53, 142, 0.15);
}
.search-form .search-submit { 
  display:none;
}
button.hamburger {
  display: none;
}

@media (max-width: 950px) {
  button.hamburger {
    display: block;
  }
  .hamburger.is-active + .mobile-menu {
    max-height: 100vh;
    visibility: visible;
    overflow: auto;
  }
}

.desktop-menu .menu {
  padding: 0;
  margin: 0;
  display: flex;
  gap: 96px;
  list-style-type: none;
  align-items: baseline;
}
.desktop-menu .menu > li {
  border-left: 1px solid #D8E0EE;
}
.desktop-menu .menu > li > a {
  text-decoration: none;
  color: #fff;
  text-transform: uppercase;
  font-size: 0.875rem;
  line-height: 17px;
  font-weight: 700;
  letter-spacing: 0.04375rem;
  white-space: nowrap;
  display: block;
  padding: 8px 16px 7px;
}
.mobile-menu {
  visibility: hidden;
  position: absolute;
  top: calc(100% + 1px);
  left: 0;
  right: 0;
  height: calc(100vh - 100% - 3px);
  max-height: 0;
  transition: visibility 500ms, max-height 500ms;
  overflow: hidden;
  background-color: white;
  z-index: 2;
}
.mobile-menu > .menu {
  padding: 0;
  margin: 0;
}
.mobile-menu > .menu, .mobile-menu > .menu .sub-menu {
  list-style-type: none;
}
.mobile-menu > .menu > li {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: space-between;
  position: relative;
  cursor: pointer;
  transition: background-color 350ms;
}
.mobile-menu > .menu > li:not(.menu-item-has-children) {
  border-bottom: 1px solid #CBD5E1;
}
.mobile-menu > .menu > li > a {
  text-decoration: none;
  text-transform: uppercase;
  color: #00358E;
  letter-spacing: 0.04375rem;
  font-size: 0.875rem;
  line-height: 1.1875;
  font-weight: 700;
  padding: 20px;
}
.mobile-menu > .menu > li .menu-arrows {
  transition: transform 150ms;
  padding: 20px;
  justify-self: end;
}
.mobile-menu > .menu > li.is-active {
  background-color: #F8FAFC;
}
.mobile-menu > .menu > li.is-active > .menu-arrows {
  transform: rotate(180deg);
}
.mobile-menu > .menu > li.is-active > .sub-menu {
  max-height: 400px;
}
.mobile-menu > .menu > li.is-active + li {
  border-top: 1px solid #CBD5E1;
}
.mobile-menu .sub-menu {
  max-height: 0;
  overflow: hidden;
  transition: max-height 350ms;
  border-top: 1px solid #CBD5E1;
  grid-area: 2/1/3/3;
  padding-left: 56px;
  padding: 0;
  background-color: white;
}
.mobile-menu .sub-menu li {
  padding-bottom: 12px;
  padding-left: 56px;
}
.mobile-menu .sub-menu li:first-child {
  padding-top: 12px;
}
.mobile-menu .sub-menu li:not(:first-child) {
  padding-top: 12px;
  border-top: 1px solid #F8FAFC;
}
.mobile-menu .sub-menu li > a {
  color: #334155;
  text-decoration: none;
  font-size: 0.875rem;
  line-height: 1.1875;
}
.mobile-menu .sub-menu li.fancy > a {
  color: #00358E;
  font-weight: 700;
  background-color: #F8FAFC;
  padding: 6px 4px 7px;
  border-radius: 4px;
  letter-spacing: 0.00875rem;
}

button.hamburger {
  padding: 0 2px 0 22px;
  border-left: 1px solid rgba(0, 53, 142, 0.15);
}
button.hamburger:hover, button.hamburger.is-active:hover {
  opacity: 1;
}
button.hamburger .hamburger-box {
  width: 20px;
  height: 20px;
}
button.hamburger .hamburger-inner, button.hamburger .hamburger-inner::before, button.hamburger .hamburger-inner::after {
  width: 100%;
  height: 2px;
}
button.hamburger .hamburger-inner::before {
  top: -6px;
}
button.hamburger--collapse .hamburger-inner::after {
  top: -12px;
}
button.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -7px, 0) rotate(-45deg);
}
button.hamburger .hamburger-inner, button.hamburger .hamburger-inner::before, button.hamburger .hamburger-inner::after, 
button.hamburger.is-active .hamburger-inner, button.hamburger.is-active .hamburger-inner::before, 
button.hamburger.is-active .hamburger-inner::after {
  background-color: #fff;
}


.desktop-menu .menu > li.menu-item-365 > a,
.desktop-menu .menu > li.menu-item-8968 > a {
  color: #008F13;
}
.desktop-menu .sub-menu > li.fancy.menu-item-26865 > a,
.desktop-menu .sub-menu > li.fancy.menu-item-30722 > a {
  color: #fff;
  background-color: #008F13;
}


ul.lang-menu {
  display: flex;
  gap: 16px;
}


.site-header ul.lang-menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.site-header .lang-menu .wpml_active_lang {
  display: none;
}

.site-header .lang-menu li a {
  border: 2px solid #fff;
    text-transform: uppercase;
    line-height: 26px;
    display: block;
    width: 30px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    text-decoration: none;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -ms-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    opacity: .7;
}
li.current-lang {
  border: 2px solid white;
  text-transform: uppercase;
  line-height: 26px;
  display: block;
  width: 30px;
  color: #fff;
  text-align: center;
  font-size: 14px;
}


/* Footer */
.row-footer .desktop-menu .menu > li > a {
  padding-top: 0;
}
.row-footer .desktop-menu .menu > li:first-child > a {
  padding-left: 0;
}
.row-footer .desktop-menu li:first-child .sub-menu a {
  padding-left: 0;
}
.row-footer-logo .cont, .row-footer .cont {
  max-width: 1920px;
}
.row-footer-logo {
  border-top: 1px solid #00358e26;
  margin-top: 0;
}
.row-footer-logo .cont {
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
  justify-content: space-between;
}
.row-footer-logo .logo-wrapper {
  display: flex;
  justify-content: space-between;
}
.footer-social {
  display: flex;
  align-items: center;
}
.row-footer {
  border-top: 1px solid #00358e26;
}
.row-footer .cont {
  display: grid;
  grid-template-columns: minmax(auto, 1379px) minmax(auto, max-content);
  padding-top: 51px;
  padding-bottom: 60px;
  column-gap: 20px;
}

.footer-navigation .desktop-menu .menu {
  grid-template-columns: repeat(5, 1fr);
  padding-left: 15px;
}
.footer-navigation .desktop-menu .sub-menu {
  max-height: initial;
  line-height: 16px;
}
.footer-navigation .desktop-menu .sub-menu > li:not(:last-child) {
  padding-bottom: 7px
}
.footer-navigation  .desktop-menu .menu > li {
/*  border-left: none;*/
}
.footer-navigation .desktop-menu .sub-menu > li:first-child {
  padding-top: 7px;
}
.footer-navigation .desktop-menu .menu > li > a {
  color: #00358E;
}
ul.footer-social-list {
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 5px;
  display: grid;
  grid-template-columns: repeat(5, 32px);
  grid-gap: 12px;
}
ul.footer-social-list li a {
  display: block;
  text-indent: -9999px;
  width: 32px;
  height: 32px;
  transition: filter 0.15s ease-out;
}
ul.footer-social-list li a:hover {
  transition: filter 0.15s ease-in;
  /*filter: drop-shadow( 2px 2px 0 rgb(123 252 252 / 90%)) drop-shadow( -2px -2px 0 rgb(234 66 244 / 70%));*/
}
ul.footer-social-list li a.ft-fb {
  background-image: url(img/facebook.svg);
}
ul.footer-social-list li a.ft-tw {
  background-image: url(img/twitter.svg);
}
ul.footer-social-list li a.ft-li {
  background-image: url(img/linkedin.svg);
}
ul.footer-social-list li a.ft-yt {
  background-image: url(img/yt.svg);
}
ul.footer-social-list li a.ft-is {
  background-image: url(img/ig.svg);
}
.footer-social-nl h4, .footer-social h4 {
  color: #00358E;
  text-transform: uppercase;
  font-size: 0.875rem;
  line-height: 1.1875;
  font-weight: 700;
  letter-spacing: 0.04375rem;
  white-space: nowrap;
}
.footer-nl form {
  display: grid;
  grid-template-columns: minmax(150px, 272px) 104px;
  grid-template-rows: auto auto;
  grid-row-gap: 8px;
  grid-column-gap: 4px;
  padding-top: 6px;
}
.footer-nl .nl-mail {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}
.footer-nl .nl-privacy {
  grid-column: 1 / 3;
  grid-row: 2 / 3;
  font-size: 11px;
  color: #334155;
  line-height: 13px;
  display: flex;
  align-items: center;
}
.footer-nl .nl-privacy a {
  color: #334155;
}
.nl-privacy input {
  margin-left: 0;

}
.footer-nl .nl-send {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
}

.footer-nl .nl-mail input {
  border: 1px solid #CBD5E1;
  border-radius: 4px;
  background-color: #F8FAFC;
  font-size: 14px;
  line-height: 16px;
  padding: 20px 16px;
  width: 100%;
}
.footer-nl .nl-send button {
  font-size: 16px;
  line-height: 19px;
  color: #00358E;
  border: 1px solid #00358E;
  border-radius: 4px;
  padding: 19px 18px 18px;
  background-color: #fff;
  width: 100%;
  display: flex;
  justify-content: center;
}
.footer-nl .nl-send button span {
  background-image: url(img/arrow-small-right-blue.svg);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 12px auto;
  padding-right: 12px;
}

.row-footer-last {
  background-color: #F8FAFC;
  border-top: 1px solid #00358e26;
}
.row-footer-last .cont {
  padding-top: 22px;
  padding-bottom: 20px;
  text-align: center;
  max-width: 500px;
}
.row-footer-last .cont p {
  font-size: 12px;
  line-height: 24px;
  color: #334155;
  margin-bottom: 0;
}
.row-footer-last .cont p a {
  color: #334155;
}

/* Homepage */

.row-slider-intro-home {
  background-color: #00358e;
}
.row-slider-intro-home .cont,
.row-slider-intro-home .h1 {
  max-width: 1354px;
  display: flex;
  gap: clamp(20px, 3vw, 110px);
  align-items: center;
  /*padding: 116px 20px 46px*/
  padding: 50px 28px 40px;
}
.row-slider-intro-home .cont h1,
.row-slider-intro-home h1 span.main-h1-title {
  font-size: 40px;
  line-height: 56px;
  color: #fff;
  flex: 0 0 auto;
}
.row-slider-intro-home .cont p,
.row-slider-intro-home h1 span.main-p-title {
  font-size: 20px;
  line-height: 32px;
  color: #fff;
  margin-bottom: 0;
  font-weight: 400;
  text-align: left;
}

.row-slider-home {
    background: linear-gradient(0deg, #fff 50%, #00358e 50%);
}
.row-slider-home .cont {
  max-width: 1648px;
}




/* Elements */

.titles-wrapper-standard {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas: "title border";
  padding-bottom: 26px;
}

.titles-wrapper-standard::before {
  grid-area: border;
  content: "";
  height: 1px;
  background-color: #CBD5E1;
  width: 100%;
  align-self: center;
}

.titles-wrapper-standard h2,
.titles-wrapper-standard h1 {
  font-size: 36px;
  line-height: 40px;
  color: #00358E;
  font-weight: 400;
  grid-area: title;
  padding-right: 22px;
  white-space: nowrap;
}


/* Single post */

.row-single-pre-header {
  background-color: #00358E;
}
.row-single-pre-header .cont {
  max-width: 960px;
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 20px;
  line-height: 26px;
  color: #fff;
  font-weight: 300;
  text-align: center;
}
.row-single-header {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.row-single-header .cont {
  height: 600px;
  max-height: 68vh;
}

.single-meta {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  padding: 20px 0;
  border-top: 1px solid #CBD5E1;
  border-bottom: 1px solid #CBD5E1;
  margin-top: 36px;
}

.single-meta-date {
  text-transform: lowercase;
  font-size: 14px;
  line-height: 32px;
}

.row-single-content .cont p {
  margin-bottom: 32px;
}
.row-single-content .cont p img {
  display: initial;
}
.row-single-content .cont {
  max-width: 960px;
  padding-top: 24px;
  color: #475569;
  font-size: 20px;
  line-height: 32px;
}
.row-single-content .cont h1 {
  letter-spacing: -0.72px;
  color: #00358E;
  font-size: 48px;
  line-height: 56px;
}
.row-single-content .cont h2 {
  font-size: 36px;
  line-height: 40px;
  letter-spacing: -0.54px;
  color: #00358E;
  font-weight: 400;
  margin-bottom: 12px;
}
.row-single-content .cont h3 {
  letter-spacing: -0.36px;
  color: #00358E;
  font-size: 24px;
  line-height: 29px;
  font-weight: 400;
  margin-bottom: 10px;
}
.single-abstract {
  padding-top: 20px;
  font-size: 22px;
  line-height: 40px;
  letter-spacing: -0.33px;
  color: #00358E;
}
.single-abstract span {
  background-color: #F8FAFC;
  box-shadow: 5px 0 0 #F8FAFC, -5px 0 0 #F8FAFC;
  padding: 4px 0;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  border-radius: 4px;
}

.row-single-content .entry-content {
  padding-top: 40px;
}

.row-single-related .recent-news {
  display: flex;
  gap: 40px;
}
.blog-single-box {
  flex: 0 1 33.33%;
  text-decoration: none;
  display: flex;
  flex-direction: column;
}
.blog-single-box-date {
  padding: 5px 16px;
  text-align: right;
  color: #fff;
  font-size: 12px;
  line-height: 14px;
  opacity: 0.85;
  position: relative;
  z-index: 2;
}
.blog-single-box-img {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  padding-top: 50%;
}
@supports (aspect-ratio: 1 / 1) {
  .blog-single-box-img {
    aspect-ratio:  16 / 9;
    padding-top: 0;
  }
}
.blog-single-box-img::after {
  background-image: linear-gradient(0deg, #00358EA6 0%, #00358E00 100%);
  position: absolute;
  top: 60%;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
}
.blog-single-box-body {
  border-right: 1px solid #00358e26;
  border-bottom: 1px solid #00358e26;
  border-left: 1px solid #00358e26;
  padding: 43px 16px 37px;
  flex: 1 0 auto;
  position: relative;
}
.blog-single-box-body h4 {
  font-size: 22px;
  line-height: 28px;
  color: #00358E;
  margin-bottom: 12px;
  font-weight: 400;
}
.blog-single-box-body p {
  font-size: 16px;
  line-height: 28px;
  color: #475569;
  margin-bottom: 0;
}

.post-icons {
  position: absolute;
  box-shadow: 0px 4px 10px #00123129;
  border-radius: 60px;
  top: -30px;
  left: 16px;
  padding: 16px;
  background-color: #fff;
  display: flex;
  gap: 16px;
}
.post-icons span {
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center;
}
.post-icon-article {
  background-image: url(img/article.svg)
}
.post-icon-podcast {
  background-image: url(img/podcast.svg)
}
.post-icon-video {
  background-image: url(img/video.svg)
}

a.content-cta {
  text-decoration: none;
  padding: 18px 24px;
  border-radius: 4px;
  border: 1px solid #00358E;
  font-size: 16px;
  line-height: 18px;
  margin-top: 12px;
  display: inline-block;
  transition: all 0.15s ease-out;
}

a.content-cta span {
  background-image: url(img/arrow-small-right-blue.svg);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 12px auto;
  padding-right: 12px;
  transition: background-image 0.15s ease-out;
}
a.content-cta:hover {
  box-shadow: 0px 20px 20px #CBD5E1;
  transition: all 0.1s ease-in;
}
/*a.content-cta:hover {
  background-color: #00358E;
  color: #fff;
  transition: all 0.15s ease-in;
}
a.content-cta:hover span {
  background-image: url(img/arrow-small-right-white.svg);
  transition: background-image 0.15s ease-in;
}
*/

.content-cta-wrapper {
  display: flex;
  justify-content: center;
  padding-bottom: 40px;
}


/* Single Post - Socials */

.single-meta-share {
  display: flex;
}
.single-meta-share .share-link {
  display: block;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-position: center;
  text-indent: -99999px;
  transition: all 0.3s ease-in-out;
}
.single-meta-share .share-facebook {
  background-image: url("img/share-fb.svg");
}
.single-meta-share .share-twitter {
  background-image: url("img/share-twitter.svg");
}
.single-meta-share .share-linkedin {
  background-image: url("img/share-linkedin.svg");
}
.single-meta-share .share-wa {
  background-image: url("img/share-whatsapp.svg");
}
.single-meta-share .share-tg {
  background-image: url("img/share-telegram.svg");
}
.single-meta-share .share-url {
  background-image: url("img/share-url.svg");
  display: block;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-position: center;
  text-indent: -99999px;
  cursor: pointer;
}

.single-meta-share .share-url span.share-url-copied {
  -webkit-animation: my-animation 1s ease;
  animation: my-animation 1s ease;
}
@-webkit-keyframes my-animation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(720deg);
  }
}
@keyframes my-animation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(720deg);
  }
}
button.share-url {
  position: relative;
  text-indent: initial !important;
  border: none;
  background-color: transparent;
  background-image: none !important;
  padding: 0;
}
button.share-url::before {
  content: "";
  display: none;
  position: absolute;
  z-index: 9998;
  top: 27px;
  left: 10px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid rgba(0, 0, 0, 0.5);
}
button.share-url::after {
  content: "Copy URL";
  display: none;
  position: absolute;
  z-index: 9999;
  top: 32px;
  left: -35px;
  width: 100px;
  height: 30px;
  color: #fff;
  font-size: 10px;
  line-height: 30px;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  transition: all 1s linear;
}
body:lang(it) button.share-url::after {
  content: "Copia URL";
}

button.share-url:hover::before, button.share-url:hover::after {
  display: block;
}
button.share-url:active, button.share-url:focus {
  outline: none;
}
button.share-url:active::after, button.share-url:focus::after, button.share-url.share-url-clicked:after {
  content: "Copied!";
}
body:lang(it) button.share-url:active::after, body:lang(it) button.share-url:focus::after, body:lang(it) button.share-url.share-url-clicked:after {
  content: "Copiato!";
}
button.share-url span {
  background-image: url("img/share-url.svg");
  display: block;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-position: center;
}
@-webkit-keyframes my-animation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(720deg);
  }
}
@keyframes my-animation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(720deg);
  }
}
.textArea-no-see {
  position: absolute;
  top: 0;
  left: 0;
  width: 2em;
  height: 2em;
  padding: 0;
  border: none;
  outline: none;
  box-shadow: none;
  background-color: transparent;
}

/* Archive */

.row-archive .cont {
  padding-top: 24px;
}
.archive-cont {
  display: grid;
  grid-gap: 40px;
  grid-template-columns: 1fr 1fr;
}
a.archive-link {
  display: block;
  text-decoration: none;
  display: flex;
  border: 1px solid #CBD5E1;
  border-radius: 4px;
  transition: all 0.1s ease-out;
}
.archive-link-img {
  flex: 0 0 241px;
}
.archive-link-img img {
  object-fit: cover;
  width: 241px;
  height: 100%;
}
.archive-link-text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}

.archive-link-text h3 {
  font-size: 22px;
  line-height: 28px;
  color: #00358E;
  padding: 24px;
  font-weight: 400;
  min-height: 159px;
}

.archive-link-date {
  background-color: #F8FAFC;
  font-size: 12px;
  line-height: 14px;
  padding: 21px 24px;
  text-transform: uppercase;
  color: #0F172A;
  letter-spacing: 0.3px;
  border-top: 1px solid #CBD5E1;
  border-radius: 0px 0px 4px 0px;
  position: relative;
}

.archive-link-date::before {
  content: '';
  width: 56px;
  height: 56px;
  box-shadow: 0px 4px 10px #CBD5E1;
  border-radius: 60px;
  background-color: #fff;
  background-image: url(img/arrow-small-right-blue.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px auto;
  position: absolute;
  top: -28px;
  right: 24px;
}
a.archive-link:hover {
  transition: box-shadow 0.1s ease-in;
  box-shadow: 0 1px 1px rgb(0 0 0 / 5%), 0 2px 2px rgb(0 0 0 / 5%), 0 4px 4px rgb(0 0 0 / 5%), 0 6px 8px rgb(0 0 0 / 5%), 0 8px 16px rgb(0 0 0 / 5%);
}

.row .navigation ol {
  display: flex;
  justify-content: center;
  padding-top: 60px;
  font-size: 16px;
}
.row .wp-paginate.wpp-modern-grey a,
.row .wp-paginate.wpp-modern-grey .current {
  height: 56px;
  width: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #00358E;
  font-size: 18px;
  line-height: 22px;
  border: 1px solid #CBD5E1;
  border-radius: 4px;
  margin: 0 11px;
}
.row .wp-paginate.wpp-modern-grey a {
  background-color: #fff;
}
.row .wp-paginate.wpp-modern-grey .current {
  background-color: #F1F5F9;
  opacity: 1;
}
.row .wp-paginate.wpp-modern-grey a:hover {
  background-color: #F1F5F9;
}

/* Archive alt */

.archive-cont-alt {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(305px, 1fr));
  grid-gap: 40px;
}
.archive-cont-alt .home-post__main-image {
  max-height: 0;
  padding-bottom: 67.6%;
}
@supports (aspect-ratio:  1 / 1 ) {
  .archive-cont-alt .home-post__main-image {
    aspect-ratio:   1.485 / 1;
    padding-bottom: 0;
    max-height: initial;
  }
}

/* Grid page */

.page-template-page-grid .row-page .cont,
.page-template-page-news .row-archive .cont {
  padding-top: 50px;
}
.page-template-page-grid .titles-wrapper-standard {
  padding-bottom: 14px;
}
.grid-description p {
  max-width: 1000px;
  margin: 0 auto 59px 0;
  line-height: 32px;
  font-size: 20px;
  color: #475569;
}
.grid-link-archive {
  display: flex;
  justify-content: center;
  padding: 24px 0 0;
}
.grid-link-archive a {
  text-decoration: none;
  padding: 6px 24px 4px 12px;
  color: #00358E;
  background-color: #F8FAFC;
  border-radius: 4px;
  letter-spacing: 0.00875rem;
  background-image: url(img/arrow-small-right-blue.svg);
  background-size: 14px auto;
  background-repeat: no-repeat;
  background-position: center right 8px;
  font-size: 18px;
  line-height: 28px;
  transition: all 0.1s ease-out;
}
.grid-link-archive a:hover {
  transition: box-shadow 0.1s ease-in;
  box-shadow: 0 1px 1px rgb(0 0 0 / 5%), 0 2px 2px rgb(0 0 0 / 5%), 0 4px 4px rgb(0 0 0 / 5%), 0 6px 8px rgb(0 0 0 / 5%), 0 8px 16px rgb(0 0 0 / 5%);
}

.other-blogs {
  display: grid;
  grid-template-columns: repeat(3, minmax(170px, 1fr));
  grid-gap: 16px;
}
.other-blogs a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  text-align: center;
  color: #fff;
  padding-top: 20%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.other-blogs a::before {
  content: '';
  top: 55%;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  display: block;
  background: transparent linear-gradient(0, #0F172A80 0%, #0F172A80 57%, #0F172A00 100%) 0% 0% no-repeat padding-box;
}
@supports (aspect-ratio:  1 / 1 ) {
  .other-blogs a  {
    aspect-ratio:   1 / 1;
    padding-top: 0;
  }
}
.other-blogs a h4 {
  font-weight: 400;
  font-size: 40px;
  line-height: 48px;
  position: relative;
}
.other-blogs a p {
  margin: 0;
  padding: 0 16px 32px;
  font-size: 16px;
  line-height: 28px;
  position: relative;
}


/* Home di sezione */

.row-flex-section-header {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  margin-bottom: 30px;
}
.row-flex-section-header .cont {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 600px;
  max-height: 68vh;
  flex-direction: column;
  position: relative;
  z-index: 3;
  color: #fff;
  padding-bottom: 50px;
}

.row-flex-section-header .cont h1 {
  font-weight: normal;
  font-size: 40px;
  line-height: 48px;
  margin: 0 0 8px;
  text-align: center;
}
.row-flex-section-header .cont p {
  max-width: 446px;
  font-size: 18px;
  line-height: 28px;
  margin: 0 auto 35px;
  text-align: center;
}
.row-flex-section-header .cont a {
  display: inline-block;
  padding: 18px 24px;
  color: #fff;
  font-size: 16px;
  line-height: 18px;
  border: 1px solid #fff;
  border-radius: 4px;
  text-decoration: none;
}


.row-flex-section-header::before {
  background: transparent linear-gradient(0deg, #0F172AA6 0%, #0F172A99 46%, #0F172A00 100%) 0% 0% no-repeat padding-box;
  position: absolute;
  content: '';
  top: 40%;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
.row-flex-section-intro .cont {
  padding-top: 70px;
  padding-bottom: 50px;
  text-align: center;
  max-width: 794px;
}
.row-flex-section-intro .cont p {
  font-size: 22px;
  line-height: 40px;
  margin: 0;
  color: #00358E;
  letter-spacing: -0.33px;
}
.row-flex-section-intro .cont p span{
  background-color: #F8FAFC;
  box-shadow: 5px 0 0 #f8fafc, -5px 0 0 #f8fafc;
  padding: 4px 0;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  border-radius: 4px;
}
.row-flex-section-main .row-flex-cont.row-text.row-title-wide .cont {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.row-flex-section-main .flex-box-single,
.row-flex-section-main .flex-box-double-single {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 47px;
  border-radius: 4px;
  margin-bottom: 16px;
  height: 440px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  position: relative;
  color: #fff;
}
.row-flex-section-main .flex-box-single,
.flex-box-double-single,
.row-full-fascia.row-full-bg {
  background-image: var(--background);
}
.row-flex-section-main .flex-box-double-single {
  margin-bottom: 0;
}
.row-flex-section-main .flex-box-single::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  bottom: 0;
  width: 50%;
  min-width: 400px;
  background: transparent linear-gradient(90deg, #0F172A80 0%, #0F172A80 46%, #0F172A00 100%) 0% 0% no-repeat padding-box;
  border-radius: 4px;
  z-index: 2;
}
.row-flex-section-main .flex-box-single > *,
.row-flex-section-main .flex-box-double-single > * {
  position: relative;
  z-index: 3;
}
.row-flex-section-main .flex-box-single h3,
.row-flex-section-main .flex-box-double-single h3 {
  font-weight: 400;
  font-size: 40px;
  line-height: 48px;
  margin-bottom: 8px;
}
.row-flex-section-main .flex-box-single p {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 35px;
  max-width: 466px;
}
.row-flex-section-main .flex-box-single a,
.row-flex-section-main .flex-box-double-single a {
  display: inline-block;
  padding: 18px 24px;
  border: 1px solid #fff;
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  line-height: 18px;
  text-decoration: none;
}
.row-flex-section-main .flex-box-single a span,
.row-flex-section-header a span,
.row-flex-section-main .flex-box-double-single a span {
  padding-right: 18px;
  background-image: url(img/arrow-small-right-white.svg);
  background-size: 14px auto;
  background-repeat: no-repeat;
  background-position: center right;
}

.row-flex-section-main .flex-box-double {
  margin-bottom: 16px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(440px, 1fr));
  grid-gap: 16px;
}
.row-flex-section-main .flex-box-double-single::before {
  position: relative;
  border-radius: 4px;
  background: transparent linear-gradient(0deg, #0F172A80 0%, #0F172A80 57%, #0F172A00 100%) 0% 0% no-repeat padding-box;
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 4px;
  z-index: 2;
}
.row-flex-section-main .flex-box-double-single p {
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 35px;
  max-width: 476px;
}
.row-flex-section-main .flex-events-cont {
  padding-top: 50px;
  padding-bottom: 50px;
}
.row-flex-section-main .flex-events {
  display: grid;
  grid-gap: 24px;
  grid-template-columns: repeat(auto-fill, minmax(250px,1fr));
}
.flex-event-card {
  border: 1px solid #CBD5E1;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}
.flex-event-card-top {
  padding: 65px 15px;
}
.flex-event-card-bottom {
  border-top: 1px solid #CBD5E1;
  background-color: #F8FAFC;
  padding: 24px 15px;
  min-height: 96px;
  position: relative;
}
.flex-event-card-link {
  position: absolute;
  top: -27px;
  right: 16px;
  background-color: #fff;
  z-index: 2;
  box-shadow: 0px 4px 10px #CBD5E1;
  border-radius: 60px;
  padding: 18px 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex-event-card-link a {
  text-decoration: none;
  background-image: url(img/arrow-small-right-blue.svg);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 14px auto;
  padding-right: 18px;
  color: #00358E;
  font-size: 16px;
  line-height: 18px;
  display: inline-block;
}
.flex-event-card-type,
.flex-event-card-date,
.flex-event-card-time {
  text-transform: uppercase;
  color: #0F172A;
  font-size: 12px;
  line-height: 16px;
}
.flex-event-card-title h4 {
  color: #00358E;
  font-size: 28px;
  line-height: 34px;
  letter-spacing: -0.42px;
  font-weight: 400;
  margin: 6px 0 2px;
}
.flex-event-card-loc {
  font-size: 16px;
  line-height: 20px;
  background-image: url(img/location.svg);
  background-repeat: no-repeat;
  background-position: center left;
  background-size: 20px auto;
  padding-left: 24px;
  padding-top: 3px;
}
.flex-event-card-date {
  background-image: url(img/date.svg);
  background-repeat: no-repeat;
  background-position: center left;
  background-size: 20px auto;
  padding-left: 24px;
  padding-top: 3px;
  margin-bottom: 8px;
}
.flex-event-card-time {
  background-image: url(img/time.svg);
  background-repeat: no-repeat;
  background-position: center left;
  background-size: 20px auto;
  padding-left: 24px;
  padding-top: 3px;
}

.flex-box-double + .row-title {
  margin-top: 50px;
}


/* Contenuto flessibile */

.page-template-page-flexible .row-hero {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  padding-bottom: 110px;
  padding-top: 110px;
}
/*.page-template-page-flexible .row-hero::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(0deg, #0F172A99 0%, #0F172A00 100%);
}*/
.page-template-page-flexible .row-hero .hero-inner {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
  height: 600px;
  max-height: 68vh;
  color: #fff;
  padding-bottom: 34px;
  position: relative;
  z-index: 2;
}
.page-template-page-flexible .row-hero .hero-inner h1 {
  font-size: 56px;
  line-height: 58px;
}
.page-template-page-flexible .row-hero .hero-inner .page-subtitle {
  padding-top: 8px;
}

.row-bread {
  border-bottom: 1px solid #CBD5E1;
  margin-bottom: 36px;
}
.row-bread .cont {
  padding: 20px 10px 14px;
  font-size: 12px;
  text-transform: uppercase;
  color: #5a5a5a;
  line-height: 15px;
}
.row-bread a {
    text-decoration: none;
    color: #334155;
}
.bread-sep {
  display: inline-block;
  text-indent: -9999px;
  background-image: url(img/arrow-grigia.svg);
  background-repeat: no-repeat;
  background-size: 16px 9px;
  background-position: center 2px;
  padding: 0 18px;
  height: 15px;
}

.row-flex-cont.row-text .cont {
  max-width: 960px;
  color: #475569;
  font-size: 20px;
  line-height: 32px;
  color: #475569;
}
.row-flex-cont.row-text-wide .cont {
  max-width: 1220px;
}

.row-flex-cont.row-text .cont h2 {
  font-weight: 400;
  font-size: 36px;
  line-height: 40px;
  color: #00358E;
  letter-spacing: -0.54px;
}
.row-flex-cont.row-text .cont .subtitle-line {
  margin-top: 12px;
}
.row-flex-cont.row-text .cont h3 {
  font-size: 24px;
  line-height: 32px;
  color: #00358E;
  letter-spacing: -0.36px;
  font-weight: 400;
  margin-bottom: 10px;
}
.row-flex-cont.row-text .cont img {
  display: initial;
}
.row-flex-cont.row-text .cont p:last-child {
  margin-bottom: 0;
}

a.flex-cta-mini {
  display: inline-block;
  font-size: 16px;
  line-height: 19px;
  padding: 21px 48px 19px 24px;
  border: 1px solid #00358E;
  border-radius: 4px;
  text-decoration: none;
  background-image: url(img/download.svg);
  background-size: 24px 24px;
  background-position: center right 24px;
  background-repeat: no-repeat;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin-bottom: 20px;
}
.video-container iframe, .video-container object, .video-container embed, .video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.pocast-row {
  position: relative;
  padding-bottom: clamp(200px, 600px, 50vh );
  max-height: 68vh;
  height: 0;
  overflow: hidden;
}
.pocast-row iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.single-acc + .single-acc {
  margin-top: 18px;
}
.single-acc h3 {
  font-weight: 400;
}

a.single-acc-link {
  display: block;
  color: #00358E;
  font-size: 22px;
  line-height: 26px;
  text-decoration: none;
  position: relative;
  padding: 30px 15px 25px 88px;
  transition: background-color 0.2s ease-in-out;
}
.single-acc {
  background-color: #fff;
  transition: all 0.2s ease-out;
  border:  1px solid #00358e4a;
}
.single-acc:hover {
  border: 1px solid #00358e8c;
}
.single-acc.active {
  background-color: #F8FAFC;
  transition: all 0.2s ease-in;
}
a.single-acc-link::before {
  content: '';
  position: absolute;
  top: 14px;
  left: 16px;
  width: 56px;
  height: 56px;
  background-color: #fff;
  border-radius: 50%;
  background-image: url(img/arrow-small-down-blue.svg);
  background-size: 24px auto;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.2s ease-out;
}
.single-acc.active a.single-acc-link::before {
  transform: scaleY(-1);
  transition: transform 0.2s ease-in;
}
.row-flex-cont.row-acc .cont {
  max-width: 820px;
  padding-top: 0;
  padding-bottom: 34px;
}
.single-acc-body {
  display: none;
  padding: 0 88px;
  font-size: 16px;
  line-height: 28px;
  transition: background-color 0.2s ease-in-out;
}

.single-acc-body p {
  margin-bottom: 0;
  color: #475569;
  padding-bottom: 28px;
}
.single-acc-body ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 28px;
  color: #475569;
  padding-left: 28px;
}
.row-flex-cont.row-col-img .cont,
.row-flex-cont.row-col-txt .cont {
  max-width: 1222px;
}
.row-flex-cont .flex-3-col {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 40px;
}
.flex-3-col-title h3 {
  font-size: 24px;
  line-height: 36px;
  color: #00358E;
  letter-spacing: -0.36px;
  font-weight: 400;
}
.flex-3-col-txt {
  padding-bottom: 24px;
  padding-top: 12px;
}
.flex-3-col-single {;
  font-size: 16px;
  line-height: 28px;
  color: #475569;
  color: #475569;
}


.flex-3-col-single img  {
  padding-top: 30%;
  width: 100%;
  object-fit: cover;
}
@supports (aspect-ratio:  1 / 1 ) {
  .flex-3-col-single img  {
    aspect-ratio:   1.5 / 1;
    padding-top: 0;
  }
}

.row-full-fascia.row-full-bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}
.row-full-bg-op {
  background-color: #0F172A;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  display: block;
  z-index: 1;
  opacity: 0.35;
}
.row-full-fascia.row-full-bg .cont {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #fff;
  height: 520px;
  max-width: 820px;
}
.row-full-fascia.row-full-bg .cont h3 {
  font-size: 22px;
  line-height: 32px;
  font-weight: 700;
}
.row-full-fascia.row-full-bg .cont p {
  margin-bottom: 0;
}
.row-full-fascia.row-full-bg .cont a {
  text-decoration: none;
  display: inline-block;
  color: #fff;
  margin-top: 24px;
  border: 1px solid #fff;
  border-radius: 4px;
  padding: 18px 24px;
  font-size: 16px;
}
.row-full-fascia.row-full-bg .cont a span {
  padding-right: 18px;
  background-image: url(img/arrow-small-right-white.svg);
  background-size: 14px auto;
  background-repeat: no-repeat;
  background-position: center right;
}

.row-full-bg-text .cont .full-bg-text-inner {
  max-width: 560px;
  text-align: left;
}
.row-full-bg-text-op {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  display: block;
  z-index: 1;
  background-color: #0F172A;
  opacity: 0.35;
}
/*.row-full-bg-text-op-sx {
  background-image: linear-gradient(90deg, #00358ED9 0%, #00358E33 100%);
}
.row-full-bg-text-op-dx {
  background-image: linear-gradient(270deg, #00358ED9 0%, #00358E33 100%);
}
.row-full-bg-text-op-cx {
  background-image: linear-gradient(90deg, #00358e7d 0%, #00358ED9 30%, #00358ED9 70%, #00358e7d 100%);
}*/
.row-full-bg-text .cont.cont-sx .full-bg-text-inner {
  text-align: left;
}
.row-full-bg-text .cont.cont-dx .full-bg-text-inner {
  margin: auto 0 auto auto;
}
.row-full-bg-text .cont.cont-cx .full-bg-text-inner {
  margin: auto;
  text-align: center;
}

.row-full-fascia.row-full-nobg {
  text-align: center;
}
.row-full-fascia.row-full-nobg .cont {
  display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #F8FAFC;
    padding-top: 48px;
    padding-bottom: 48px;
    margin-top: 48px;
    margin-bottom: 48px;
}
.row-full-fascia.row-full-nobg .cont .full-bg-text-inner {
  max-width: 620px;
  margin: 0 auto;
}

.row-full-fascia.row-full-nobg .cont .full-bg-text-inner h3 {
  color: #00358E;
  font-weight: 400;
}
.row-full-fascia.row-full-nobg .cont .full-bg-text-inner p {
  color: #475569;
  margin-bottom: 0;
  margin-top: 24px;
}

.row-full-bg-text-v2.row-full-fascia.row-full-bg .cont {
  height: auto;
  min-height: 420px;
}

.row-full-bg-text-v2.row-full-fascia.row-full-bg .cont h3 {
    font-size: 40px;
    line-height: 48px;
    letter-spacing: -0.6px;
    font-weight: 400;
    margin-bottom: 16px;
}

.row-full-bg-text-v2.row-full-fascia.row-full-bg .cont {
  max-width: 1288px;
  padding: 56px 66px;
}
.row-full-bg-text-v2 .cont-dx .full-bg-text-inner {
  margin: 0 0 0 auto;
  width: 100%;
  max-width: 581px;
}
.row-full-bg-text-v2 .cont-sx .full-bg-text-inner {
  margin: 0 auto 0 0;
  width: 100%;
  max-width: 581px;
}

.row-text-side-image .cont {
  padding: 56px 66px;
  background-color: #F8FAFC;
}
.row-text-side-image  + .row-text-side-image {
  margin-top: 28px;
}
.flex-text-img {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.row-text-side-video .flex-text-img {
  align-items: flex-start;
}
.flex-text-img .flex-img {
  flex: 0 1 520px;
}
.flex-text-img .flex-img img {
  border-radius: 4px;
  width: 100%;
  padding-top: 61.5%;
  object-fit: cover;
}
@supports (aspect-ratio:  1 / 1 ) {
  .flex-text-img .flex-img img  {
    aspect-ratio:   1.625 / 1;
    padding-top: 0;
  }
}
.flex-text-img .flex-text {
  flex: 0 1 calc(100% - 520px);
  padding-right: 56px;
}
.flex-text-img .flex-text p {
  font-size: 16px;
  line-height: 28px;
  color: #475569;
  margin-bottom: 0;
}
.flex-text-img .flex-text .flex-text-intro {
  font-size: 22px;
  line-height: 26px;
  color: #00358E;
  margin-bottom: 16px;
}
.flex-text-img-sx > div:first-child {
  order: 2;
  padding-right: 0;
  padding-left: 56px;
}

.row-text-side-image-v2 .cont {
  background-color: #fff;
}

.row-text-side-image-v2 .flex-text-img .flex-text .flex-text-intro {
  font-size: 40px;
  line-height: 48px;
  letter-spacing: -0.6px;
}
.row-text-side-image-v2 .flex-text-img .flex-img img {
  border-radius: 0;
  object-fit: initial;
  padding-top: 0;
}
@supports (aspect-ratio:  1 / 1 ) {
  .row-text-side-image-v2 .flex-text-img .flex-img img {
    aspect-ratio: initial;
    padding-top: 0;
  }
}
.row-text-side-image-v2 .flex-text-img .flex-text p {
  font-size: 20px;
  line-height: 32px;
}

.flex-cta-box a {
  text-decoration: none;
  padding: 18px 24px;
  border-radius: 4px;
  border: 1px solid #00358E;
  font-size: 16px;
  line-height: 18px;
  margin-top: 12px;
  display: inline-block;
  transition: all 0.1s ease-out;
}
.flex-cta-box a:hover {
  box-shadow: 0px 20px 20px #cbd5e1;
  transition: all 0.1s ease-in;
}
.flex-cta-box a span {
  background-image: url(img/arrow-small-right-blue.svg);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 12px auto;
  padding-right: 12px;
}
.flex-text ul {
  font-size: 16px;
  line-height: 28px;
  color: #475569;
}
.row-flex-cont.row-title + * > .cont {
  margin-top: -10px;
} 
.row-flex-cont.row-text.row-title-wide .cont {
  max-width: 1220px;
}
.row-flex-cont.row-text.row-title-line .cont {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas: "title border" "subtitle subtitle";
}
.subtitle-line {
  grid-area: subtitle;
}
.row-flex-cont.row-text.row-title-line .cont h2 {
  grid-area: title;
  padding-right: 22px;
}
.row-flex-cont.row-text.row-title-line .cont::before {
    grid-area: border;
    content: "";
    height: 1px;
    background-color: #CBD5E1;
    width: 100%;
    align-self: center;
}

.row-text-side-image .cont {
  max-width: 1288px;
}

.row-space .cont {
  padding-top: 0;
  padding-bottom: 0;
}

.row-flex-numbers .cont {
  max-width: 1220px;
}
.row-flex-numbers .cont .flex-num-cont {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}

.flex-num-single {
  width: 20%;
  min-width: 200px;
  text-align: center;
  border: 1px solid #CBD5E1;
  border-radius: 4px;
  flex-grow: 1;
  padding: 18px 24px 24px;
  color: #475569;
}
.flex-num-single h3 {
  color: #00358E;
  line-height: 48px;
  font-size: 40px;
}
.flex-num-single h4 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 300;
  margin-bottom: 4px;
}
.flex-num-single p {
  font-size: 16px;
  line-height: 19px;
  margin: 0;
}
.row-flex-numbers-dida {
  max-width: 800px;
  margin: 32px auto 0;
  padding-bottom: 25px;
  text-align: center;
  color: #475569;
  position: relative;
}
/*.row-flex-numbers-dida:after {
  position: absolute;
  width: 96px;
  height: 1px;
  background-color: #CBD5E1;
  content: '';
  bottom:  0;
  left: 50%;
  transform: translateX(-50%);
}*/
.row-flex-numbers-dida p {
  font-size: 16px;
  line-height: 28px;
  font-style: italic;
  color: #475569;
  margin-bottom: 0;
}

.row-cta-only .cont {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 40px;
}
.row-cta-only .cont a.flex-cta {
  display: inline-block;
  border: 1px solid #00358E;
  border-radius: 4px;
  padding: 18px 24px;
  font-size: 16px;
  line-height: 19px;
  text-decoration: none;
  color: #00358E;
  transition: all 0.1s ease-out;
}
.row-cta-only .cont a.flex-cta span {
  background-image: url(img/arrow-small-right-blue.svg);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 12px auto;
  padding-right: 12px;
}
.row-cta-only .cont a.flex-cta:hover {
  box-shadow: 0px 20px 40px #CBD5E1;
  transition: all 0.1s ease-in;
}

.row-flex-timer .cont {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #F8FAFC;
  padding-top: 48px;
  padding-bottom: 48px;
  margin-top: 48px;
  margin-bottom: 48px;
}

.row-flex-timer .cont h3 {
  color: #00358E;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 18px;
}

p.timer-box {
  display: flex;
  justify-content: center;
  margin-bottom: 0;
}

.timer-box .timer-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}

.timer-box .timer-item:after {
  content: '';
  display: block;
  position: absolute;
  right: -7px;
  top: 18px;
  background-image: url(img/due-punti.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px auto;
  width: 16px;
  height: 32px;
  
}
.timer-box .timer-item:last-child:after {
  display: none;
}

.timer-box .timer-item .timer-top {
  background-color: #fffE;
  color: #00358E;
  font-weight: 400;
  margin: 0 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 64px;
  font-size: 22px;
  line-height: 28px;
  min-width: 64px;
  border: 1px solid #CBD5E1;
  border-radius: 4px;
  padding-top: 3px;
}

.timer-box .timer-item .timer-bottom {
  font-size: 14px;
  line-height: 16px;
  margin-top: 7px;
}

.row-flex-map {
  margin-top: 48px;
  margin-bottom: 0;
}
.responsive-map {
  position: relative;
  padding-bottom: 400px;
  padding-top: 35px;
  height: 0;
  overflow: hidden;
}
.responsive-map .cmplz-placeholder-parent {
  height: 435px !important;
}

.responsive-map iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

.row-flex-form .cont {
  background-color: #F8FAFC;
  padding-top: 96px;
  padding-bottom: 80px;
  margin-top: 48px;
}
.row-flex-form .cont h3 {
  text-align: center;
  font-size: 36px;
  line-height: 40px;
  color: #00358E;
  font-weight: 400;
  margin-bottom: 48px;
}
.row-flex-form .cont .wpcf7 {
  max-width: 800px;
  margin: 0 auto;
}
.form-double {
  display: flex;
  gap: 24px;
}
.row-flex-form .cont .wpcf7 div {
  width: 100%;
}
.row-flex-form .cont .wpcf7 input[type="email"],
.row-flex-form .cont .wpcf7 input[type="text"],
.row-flex-form .cont .wpcf7 textarea {
  width: 100%;
  padding: 18px 23px;
  font-size: 20px;
  line-height: 24px;
  color: #334155;
  margin-bottom: 28px;
  border: 1px solid #CBD5E1;
  border-radius: 4px;
}
.row-flex-form .cont .wpcf7 label {
  color: #00358E;
  font-size: 16px;
  line-height: 19px;
}

.row-flex-form .cont .wpcf7 .screen-reader-response {
  width: 1px;
}
.row-flex-form .cont .wpcf7 .form-accept {
  display: flex;
  align-items: flex-start;
}
.row-flex-form .cont .wpcf7 .form-accept div {
  font-size: 12px;
  line-height: 20px;
  color: #475569;
  margin-left: 8px;
}
.row-flex-form .cont .wpcf7 .form-accept .wpcf7-list-item,
.row-flex-form .cont .wpcf7 .form-accept .wpcf7-list-item input {
  margin: 0;
}
.row-flex-form .cont .wpcf7 .form-accept .wpcf7-list-item input {
  width: 20px;
  height: 20px;
  border: 1px solid #CBD5E1;
  border-radius: 4px;
}
.row-flex-form .cont .wpcf7 .submit {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.row-flex-form .cont .wpcf7 input[type="submit"] {
  display: inline-block;
  margin: 0 auto;
  border: none;
  padding: 26px 64px;
  margin-top: 64px;
  background-color: #00358E;
  border-radius: 4px;
  color: #FFFFFF;
  font-size: 16px;
  line-height: 19px;
  cursor: pointer;
}
.row-flex-form .cont .wpcf7 input[type="submit"]:disabled {
  cursor: not-allowed;
}

.row-flex-form input[type="file"] {
  font-size: 14px;
  color: #475569;
  margin-bottom: 24px;
  border-radius: 0;
  border: none;
  cursor: pointer;
}

.row-flex-form ::-webkit-file-upload-button {
  -webkit-appearance: none;
  font-size: 16px;
  background-color: #fff;
  color: #00358E;
  padding: 4px 12px;
  border:  1px solid #00358E;
  cursor: pointer;
  border-radius: 4px;
  margin-inline-end: 8px;
}

.row-flex-form form .wpcf7-checkbox {
  display: flex;
  flex-direction: column;
  font-size: 16px;
  line-height: 19px;
  color: #00358E;
  font-weight: 700;
}

.row-flex-download .cont {
  max-width: 960px;
}

.flex-dowload-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex-dowload-item a {
  flex: 0 0 118px;
  padding: 15px 23px 14px;
  text-decoration: none;
  font-size: 17px;
  line-height: 19px;
  border-radius: 4px;
  transition: all 0.15s ease-in-out;
}
.flex-dowload-item a:hover {
  background-color: #F8FAFC;
}
.flex-dowload-item a span {
  padding-right: 20px;
  background-image: url(img/download.svg);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 18px auto;
  
}
.flex-dowload-item h4 {
  font-weight: 400;
  color: #00358E;
} 
.flex-dowload-item-meta {
  font-size: 14px;
  line-height: 16px;
  color: #475569;
  margin-top: 6px;
}
.flex-dowload-item-body {
  padding-right: 56px;
}
.row-flex-download-base .cont {
  padding-bottom: 40px;
  padding-top: 0;
}

.row-flex-download-base .flex-dowload-item {
  padding: 20px 40px;
  border: 1px solid #CBD5E1;
  border-radius: 4px;
}
.row-flex-download-base .flex-dowload-item  h4 {
  font-size: 22px;
  line-height: 28px;
}
.row-flex-download-base .flex-dowload-item + .flex-dowload-item {
  margin-top: 36px
}
.flex-dowload-item-meta span {
  text-transform: uppercase;
}

.row-flex-download-v2 .flex-dowload-item-meta {
  display: none;
}
.row-flex-download-v2 .flex-dowload-item {
  padding: 16px 0;
  border-bottom: 1px solid #CBD5E1;
}
.row-flex-download-v2 .flex-dowload-item:first-child {
  border-top: 1px solid #CBD5E1;
}
.row-flex-contact-text {
  background-color: #F8FAFC;
}
.row-flex-contact-text .cont {
  padding: 80px 40px 0;
  margin-top: 0;
  border-radius: 4px;
}
/*.row-flex-contact-text .cont h3 {
  font-size: 27px;
  line-height: 33px;
  color: #00358E;
  font-weight: 400;
  padding-bottom: 24px;
}
.row-flex-contact-text .cont .flex-contact-text-item {
  padding-bottom: 36px;
  margin-bottom: 36px;
  border-bottom: 1px solid #CBD5E1;
}
.row-flex-contact-text .cont .flex-contact-text-item:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
*/
.flex-contact-text-box {
  display: grid;
  grid-gap: 40px;
  grid-template-columns: repeat(auto-fill, minmax(305px, 1fr));
}

.row-flex-contact-text .cont .flex-contact-text-item p {
  margin-bottom: 0;
  font-size: 17px;
  line-height: 30px;
  color: #334155;
}

.row-flex-contact-card {
  background-color: #F8FAFC;
  padding-top: 28px;
  padding-bottom: 28px;
}

.row-flex-contact-card .cont {
  padding-left: 40px;
  padding-right: 40px;
}

.flex-contact-card-title {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas:
        "title border";
  margin-bottom: 24px;
}
.flex-contact-card-title h3,
.row-flex-contact-text .cont h3 {
  grid-area: title;
  padding-right: 22px;
  font-weight: 400;
  font-size: 36px;
  line-height: 40px;
  color: #00358E;
  letter-spacing: -0.54px;
}
.flex-contact-card-title::before {
    grid-area: border;
    content: "";
    height: 1px;
    background-color: #CBD5E1;
    width: 100%;
    align-self: center;
}
.flex-contact-card-box {
  display: grid;
  grid-gap: 40px;
  grid-template-columns: repeat(auto-fill, minmax(305px, 1fr));
}
.flex-contact-card-box a {
  background-color: #fff;
  text-decoration: none;
  border-radius: 4px;
  padding: 27px 26px 27px 72px;
  background-image: url(img/email.svg);
  background-repeat: no-repeat;
  background-position: center left 26px;
  background-size: 20px auto;
  
}
.flex-contact-card-box a .flex-contact-card-desc {
  font-size: 14px;
  line-height: 16px;
  color: #475569;
  margin-bottom: 4px;
}
.flex-contact-card-box a .flex-contact-card-email {
  font-size: 18px;
  line-height: 22px;
}

/* Search Result */

.row-search-head {
  background-color: #F8FAFC;
}
.row-search-head .cont {
  text-align: center;
  padding-top: 80px;
  padding-bottom: 40px;
  max-width: 960px;

}
.row-search-head .cont h2 {
  color: #0F172A;
  font-size: 19px;
  line-height: 23px;
  margin-bottom: 7px;
  font-weight: 400;
  background-image: url(img/search.svg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 22px auto;
  padding-top: 24px;
}
.row-search-head .cont h1 {
  text-decoration: underline;
  font-size: 30px;
  line-height: 36px;
  color: #00358E;
  font-weight: 400;
  text-transform: capitalize;
}

.row-search-result .cont  {
  max-width: 960px;
  padding-top: 40px;
}
.search-result-box a {
  display: flex;
  gap: 40px;
  margin-bottom: 40px;
  text-decoration: none;
  align-items: center;
}
.search-result-box a .search-result-item-img {
  flex: 0 1 360px;
}

.search-result-box a .search-result-item-img img {
  max-height: 0;
  padding-bottom: 66.6%;
  object-fit: cover;
  border-radius: 4px;
}
@supports (aspect-ratio:  1 / 1 ) {
.search-result-box a .search-result-item-img img {
    aspect-ratio:   1.5 / 1;
    padding-bottom: 0;
    max-height: initial;
  }
}

.search-result-box a .search-result-item-body {
  flex: 0 1 400px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.search-result-box a .search-result-item-body h3 {
  font-size: 22px;
  line-height: 28px;
  font-weight: 400;
  color: #00358E;
}
.search-result-box a .search-result-item-body p {
  font-size: 16px;
  line-height: 24px;
  color: #475569;
  margin-top: 4px;
  margin-bottom: 0;
}

.single-search-meta {
  filter: drop-shadow(0px 4px 10px #00123129);
}
.search-result-box a .search-result-item-body .single-search-meta p {
  background-color: #00358E;
  color: white;
  padding: 11px 35px 10px 8px;
  display: inline-block;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.14px;
  font-weight: 700;
  clip-path: polygon(0 0, calc(100% - 27px) 0, 100% 100%, 0% 100%);
  box-shadow: 0px 4px 10px #00123129;
  color: #fff;
  margin-bottom: 10px;
}

.search-result-no-luck {
  text-align: center;
}

.row-cont-az .cont {
  max-width: 960px;
}

.row-cont-az .cont a {
  display: block;
  border-radius: 5px;
  border: 1px solid #00358e26;
  text-decoration: none;
  padding: 10px;
  margin-top: 24px;
  background-image: url(img/freccia-contatti.svg);
  background-repeat: no-repeat;
  background-position: right 30px center;
  transition: all 0.2s ease-out;
}
.row-cont-az .cont a:hover {
  border: 1px solid #00358e8c;
}
.row-cont-az .cont a:first-child {
  margin-top: 0;
}
.row-cont-az .cont a h4 {
  font-size: 24px;
  line-height: 32px;
  color: #00358E;
  letter-spacing: -0.36px;
  font-weight: 400;
  background-repeat: no-repeat;
  background-position: 0 center;
  background-size: 56px 56px;
  padding: 12px 80px;
}
.row-cont-az .cont a.cont-az-pitt h4 {
  background-image: url(img/pittini-round-blue.svg);
}
.row-cont-az .cont a.cont-az-siat h4 {
  background-image: url(img/siat-round-blue.svg);
}
.row-cont-az .cont a.cont-az-pittarc h4 {
  background-image: url(img/pittarc-round-blue.svg);
}

.page-template-page-flexible .row-flex-section-main .flex-events {
  grid-template-columns: repeat(auto-fit, minmax(246px, 1fr));
} 

.page-template-page-flexible .flex-event-card-link {
  padding: 16px 20px;
}
.page-template-page-flexible .flex-event-card-bottom {
  padding-top: 26px;
}
.page-template-page-flexible .flex-event-card-link a[target=_blank] {
  background-image: url(img/target-blank.svg);
}
.flex-events-intro {
  color: #475569;
  font-size: 20px;
  line-height: 32px;
  max-width: 800px;
  padding-bottom: 16px;
}
.flex-events-intro p {
  
}

.single-acc-p + .single-acc-p {
  margin-top: 8px;
}
.single-acc-p h4 {
  font-weight: 400;
  font-size: 22px;
  line-height: 40px;
}

a.single-acc-p-link {
  display: block;
  color: #00358E;
  font-size: 22px;
  line-height: 26px;
  text-decoration: none;
  position: relative;
  padding: 30px 15px 25px 88px;
  transition: background-color 0.2s ease-in-out;
}
.single-acc-p {
  background-color: #fff;
  transition: all 0.2s ease-out;
  border:  1px solid #CBD5E1;
}
.single-acc-p:hover {
  border: 1px solid #00358e8c;
}
.single-acc-p.active {
  background-color: #F8FAFC;
  transition: all 0.2s ease-in;
}
a.single-acc-p-link::before {
  content: '';
  position: absolute;
  top: 14px;
  left: 16px;
  width: 56px;
  height: 56px;
  background-color: #fff;
  border-radius: 50%;
  background-image: url(img/arrow-small-down-blue.svg);
  background-size: 24px auto;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.2s ease-out;
}
.single-acc-p.active a.single-acc-p-link::before {
  transform: scaleY(-1);
  transition: transform 0.2s ease-in;
}
.row-flex-cont.row-acc .cont {
  max-width: 820px;
  padding-top: 0;
  padding-bottom: 34px;
}
.single-acc-p-body {
  display: none;
  padding: 0 88px;
  font-size: 16px;
  line-height: 28px;
  transition: background-color 0.2s ease-in-out;
}
.row-flex-cont.row-flex-work .cont p,
.row-flex-cont.row-flex-work .cont li {
  font-size: 16px;
  line-height: 24px;
  color: #475569;
}

.single-acc-p-body p {
  margin-bottom: 0;
  padding-bottom: 28px;
}
.single-acc-p-body ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 28px;
  color: #475569;
  padding-left: 28px;
}

.row-flex-work {
  background-color: #F8FAFC;
  border-top: 1px solid #CBD5E1;
}
.row-flex-cont.row-flex-work .cont {
  max-width: 960px;
  padding-top: 80px;
  padding-bottom: 80px;
}
.positions-head {
  padding-bottom: 75px;
}
.row-flex-cont.row-flex-work .cont h2 {
  font-weight: 400;
  font-size: 36px;
  line-height: 40px;
  color: #00358E;
  letter-spacing: -0.54px;
  padding-bottom: 20px;
}

.row-flex-cont.row-flex-work .cont .single-position-footer p,
.row-flex-cont.row-flex-work .cont .single-position-desc p,
.row-flex-cont.row-flex-work .cont .single-position-desc li,
.row-flex-cont.row-flex-work .cont .positions-head p {
  font-size: 20px;
  line-height: 32px;
  color: #475569;
}

.single-position {
  max-width: 800px;
  margin-left: 0;
}
.single-position + .single-position {
  margin-top: 80px;
}
.single-position-head {
  background-color: #fff;
  border: 1px solid #CBD5E1;
  padding: 28px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
.single-position-head-left {
  flex-direction: column;
  display: flex;
}
.single-position-head h3 {
  font-size: 28px;
  line-height: 34px;
  font-weight: 400;
  letter-spacing: -0.42px;
  color: #00358E;
}
.single-position-head span {
  font-size: 14px;
  line-height: 24px;
  color: #334155;
  background-image: url(img/work_history_black_24dp.svg);
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: left center;
  padding-left: 28px;
  display: inline-block;
}
.single-position-head a {
  background-color: #00358E;
  color: #fff;
  text-decoration: none;
  padding: 22px 32px;
  border-radius: 4px;
  font-size: 16px;
  line-height: 19px;
  display: inline-block;
}
.single-position-desc {
  background-color: #fff;
  border: 1px solid #CBD5E1;
  border-top: 0 solid #000;
  padding: 28px;
  margin-bottom: 8px;
}

.single-position-footer {
  background-color: #fff;
  border: 1px solid #CBD5E1;
  border-bottom: 4px solid #00358E;
  padding: 28px;
  margin-top: 8px;
}

/* Page */

.row-hero {
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 600px;
  max-height: 68vh;
  flex-direction: column;
  padding-bottom: 40px;
}
.row-hero:before {
    content: '';
    position: absolute;
    top: 40%;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to top, #0F172AA6 0%, #0F172A99 46%, #0F172A00 100%);
}

.row-hero,
.row-flex-section-header,
.row-single-header {
  background-image: var(--desktop-image);
}

.row-hero.row-hero-no-background,
.row-hero.row-hero-flex-noimg {
  background-image: none;
}
.row-hero.row-hero-flex-noimg {
  max-height: inherit;
}
.row-hero.row-hero-flex-noimg {
  padding-top: 60px;
  padding-bottom: 60px;
}
.entry-title-hero {
  color: #fff;
  position: relative;
  padding-bottom: 10px;
  text-align: center;
}
 h1.entry-title-hero {
  font-size: 56px;
  line-height: 62px;
  letter-spacing: -0.84px;
}
p.page-subtitle {
  color: #fff;
  position: relative;
  padding: 0 10px 10px;
  margin-bottom: 0;
  max-width: 900px;
  text-align: center;
}

.page-template-default .row-page .cont {
  max-width: 960px;
}


.row-hero-flex-noimg {
  background-color: #00358E;
  height: auto;
  padding-bottom: 0;
}
.row-hero-flex-noimg:before {
  display: none;
}
.row-hero-flex-noimg .cont {
  max-width: 820px;
  padding: 0px 20px;
  text-align: center;
}

blockquote {
  padding: 30px 88px;
  background-color: #F8FAFC;
  border-radius: 4px;
  margin-top: 32px;
  margin-bottom: 32px;
  color: #00358E;
  position: relative;
}
blockquote:before {
  position: absolute;
  top: 16px;
  left: 16px;
  content: '';
  width: 56px;
  height: 56px;
  background-image: url(img/quote_blue.svg);
  background-size: 40px auto;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #fff;
  border-radius: 28px;
}
blockquote p:last-child {
  margin-bottom: 0;
}

.page-template-default.row-page .cont {
  max-width: 960px;
}

.row-rete-vendita-soluzione {
  color: #fff;
  background-image: url(img/rete-vendita.jpg);
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  margin: 60px 0 80px;
  padding: 35px 0 0;
  position: relative;
}
.row-rete-vendita-soluzione.row-rete-vendita-home {
  background-image: none;
  background-color: white;
  color: #1a1a1a;
}
.row-rete-vendita-soluzione.row-rete-vendita-home:before {
  display: none;
}
.row-rete-vendita-soluzione.row-rete-vendita-home .box-content:before {
  background-color: #1a1a1a;
}
.row-rete-vendita-soluzione .cont {
  padding: 58px 0;
      max-width: 940px;
    width: 100%;
    margin: 0 auto;
    padding: 15px 0;
    position: relative;
}
.row-rete-vendita-soluzione .rete-vendita-link {
  float: left;
}
.row-rete-vendita-soluzione .rete-vendita-link a {
  display: block;
  float: left;
  min-width: 230px;
  border: 1px solid #fff;
  padding: 22px;
  background-image: url(img/arrow.svg);
    -webkit-background-size: 16px 9px;
    background-size: 16px 9px;
    background-position: 93% center;
    background-repeat: no-repeat;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    margin-left: 7px;
    margin-bottom: 7px;
}
.row-rete-vendita-soluzione .rete-vendita-link a.cta-filiali {
  letter-spacing: -0.4px;
}
.row-rete-vendita-soluzione .rete-vendita-link a:first-child {
  margin-left: 0;
}
.row-rete-vendita-soluzione .box-content:before {
    background: #fff;
}
.row-rete-vendita-soluzione:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: '';
  display: block;
  background-color: rgba(0,0,0,.5);
}

.row-rete-vendita-soluzione.row-rete-vendita-home .rete-vendita-link a {
  border-color: #00358e;
  background-color: #00358e;
}

.box-content {
    padding-left: 110px;
    position: relative;
    padding-bottom: 55px;
}
.box-content:before {
    position: absolute;
    top: 15px;
    left: 0;
    width: 95px;
    height: 1px;
    background: #1a1a1a;
    display: block;
    content: '';
}
.clear {
  clear: both;
}
.row-rete-vendita-soluzione h2 {
    font-size: 48px;
    line-height: 54px;
    margin-bottom: 14px;
    letter-spacing: -1px;
}

.row-title + .row-flex-map {
  margin-top: 0;
}
.page-template-page-flexible .row-flex-tab + .row-flex-tab .cont {
  padding-top: 0;
}
.page-template-page-flexible .row-flex-tab .cont {
  max-width: 960px;
}
.page-template-page-flexible .row-flex-tab.row-flex-tab-wide .cont {
  max-width: 1220px;
}

.page-template-page-flexible .row-flex-tab table {
  border: none !important;
  border-collapse: collapse; 
  max-width: 100%;
}
.row-flex-tab tbody {
  display: table;
  width: 100%;
}
.row-flex-tab table td h4 {
  font-size: 14px;
  line-height: 30px;
  font-weight: 400;
  color: #1a1a1a;
}
.row-flex-tab h3 {
    background: #00358e;
    color: white;
    text-align: center;
    font-size: 24px;
    line-height: 32px;
    padding: 12px 5px;
    margin-bottom: 0;
}
.page-template-page-flexible .row-flex-tab table td,
.page-template-page-flexible .row-flex-tab table td span  {
  background: white !important;
  color: #1a1a1a !important;
  border: none;
  font-size: 14px;
  line-height: 30px;
  padding: 0;
}

.page-template-page-flexible .row-flex-tab table td,
.page-template-page-flexible .row-flex-tab table td a {
  color: #1a1a1a;
}
.page-template-page-flexible .row-flex-tab table td {
  border-bottom: 1px solid #b9b9b9;
  padding-left: 8px;
  padding-right: 8px;
  vertical-align: middle; 
}
.page-template-page-flexible .row-flex-tab table tr:first-child td {
  border-bottom: none;
}
.page-template-page-flexible .row-flex-tab  table tr:first-child {
  border-bottom: 1px solid #1a1a1a;
  border-top: 0;
  font-weight: 700;
  line-height: 21px;
}
.page-template-page-flexible .row-flex-tab  table tr:first-child td {
  line-height: 21px;
}
.page-template-page-flexible .row-flex-tab  table tr:first-child td {
  padding: 15px 0;
}
.page-template-page-flexible .row-flex-tab  table tr:nth-child(2) td {
  padding-top: 10px;
}
.page-template-page-flexible .row-flex-tab  table tr {
  vertical-align: top;
}
.page-template-page-flexible .row-flex-tab  table p  {
  margin-top: 14px;
  margin-bottom: 14px;
  font-size: 16px;
  line-height: 22px;
}

/* 404 */
.row-404 {
  background-color: #F8FAFC;
}

.row-404 .cont {
  max-width: 840px;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.row-404 .cont h1 {
  font-size: 30px;
  line-height: 36px;
  font-weight: 400;
  color: #00358E;
  padding-top: 280px;
  background-image: url(img/404.svg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 298px auto;
  
}
.row-404 .cont p {
  color: #0F172A;
  font-size: 19px;
  line-height: 32px;
  margin-bottom: 35px;
}
.row-404 .cont a {
  display: inline-block;
  text-decoration: none;
  font-size: 16px;
  line-height: 19px;
  color: #00358E;
  padding: 18px 24px 19px;
  border-radius: 4px;
  border: 1px solid #00358E;
}

.row-404 .cont a span {
  padding-right: 14px;
  background-image: url(img/arrow-small-right-blue.svg);
  background-position: center right;
  background-size: 14px auto;
  background-repeat: no-repeat;
  line-height: 19px;
  display: inline-block;
  
}

/* Storia */

.row-page-story h2 {
  text-align: center;
  max-width: 890px;
  font-size: 48px;
  line-height: 56px;
  color: #00358E;
  letter-spacing: -0.72px;
  margin: 0 auto;
}
.row-page-story .single-abstract {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}
.story-cont {
  margin-top: 90px;
  border-left: 1px dashed #00358E;
  max-width: 1153px;
  margin-left: auto;
  margin-right: auto;
}

.story-section h3 {
  color: #00358E;
  font-size: 24px;
  line-height: 29px;
  font-weight: 400;
  padding-left: 100px;
  position: relative;
  margin-bottom: 20px;
}
.story-section h3:before {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 0;
  left: -12px;
  content: '';
  background-image: url(img/blue_dot.svg);
  background-repeat: no-repeat;
  background-size: 24px auto;
  background-position: center center;
  z-index: 2;
}
.story-section + .story-section h3 {
  margin-top: 55px;
}

.single-story-box {
  display: flex;
  padding-left: 100px;
  position: relative;
}
.single-story-box:before {
  position: absolute;
  left: -8px;
  top: 50%;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
  border-radius: 50%;
  border: 1px solid #00358E;
  background-color: #F8FAFC;
  content: '';
  z-index: 3;
}
.single-story-box + .single-story-box {
  margin-top: 16px;
}
.single-story-image {
  flex: 0 0 248px;
  padding: 20px;
  background: #F8FAFC;
  display: flex;
  align-items: center;
  border-radius: 8px 0px 0px 8px;
}
.single-story-text {
  flex: 1 1 auto;
  background-color: #F8FAFC;
  padding: 48px;
  display: flex;
  align-items: center;
  border-radius: 0px 8px 8px 0px;
}
.single-story-text p {
  color: #475569;
  font-size: 19px;
  line-height: 32px;
  margin-bottom: 0;
}
.single-story-text p + p {
  margin-top: 32px;
}
.single-story-image img {
  max-height: 0;
  padding-bottom: 100%;
  object-fit: cover;
  border-radius: 4px;
}
.story-section:last-child .single-story-box:last-child:after {
  position: absolute;
  bottom: 0;
  left: -1px;
  width: 3px;
  height: calc(50% - 8px);
  content: '';
  z-index: 2;
  background-color: #fff;
}
@supports (aspect-ratio:  1 / 1 ) {
.single-story-image img {
    aspect-ratio:   1 / 1;
    padding-bottom: 0;
    max-height: initial;
  }
}

/* Rete vendita */
.row-page-rete-vendita .cont {
  max-width: 780px;
}
.rete-vendita-loop {
  display: flex;
  flex-wrap: wrap;
  margin: -16px;
  padding-bottom: 16px;
}

.rete-vendita-filter {
  display: flex;
  justify-content: space-between;
}

.facetwp-facet-prodotti {
  width: 120px;
}

.facetwp-facet-regioni,
.facetwp-facet-stati {
  flex-grow: 1;
}

.rete-vendita-filter button {
  display: inline-block;
  height: auto;
}

.agent-box {
  margin: 16px;
  border: 1px solid #1A1A1A;
  flex: 0 1 calc(50% - 32px);
  min-width: 250px;
  box-shadow: 4px 4px 0px #00358E;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.agent-box.trafilati {
  box-shadow: 4px 4px 0px #00aca0;
}
.agent-box.saldatura {
  box-shadow: 4px 4px 0px #FE5000;
}
.agent-box img {
  display: block;
  max-width: 100%;
}
.agent-box-hidden {
  border-width: 0;
  margin: 0 15px;
  box-shadow: none !important;
}

.agent-box-body,
.agente-box-detail,
.agent-box-footer {
  padding: 20px;
  border-top: 1px solid #1A1A1A;
}

.agent-box-body h4,
.agent-box-footer {
  font-size: 10px;
  line-height: 14px;
  color: #1A1A1A;
  opacity: 0.6;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 5px;
  margin-top: 0;
}
.agent-box-body h3 {
  /*font-weight: 400;*/
  margin-bottom: 0;
}
.agent-box-footer {
  opacity: 1;
}

.agent-box-body h3 {
  font-size: 17px;
  line-height: 20px;
}
.agent-box-body h5 {
  font-size: 15px;
  line-height: 18px;
}

.agente-box-detail {
  font-size: 13px;
  line-height: 17px;
}
.agente-box-detail p {
  margin-bottom: 0;
}
.agent-id-17132 .agente-box-detail a,
.agent-id-17125 .agente-box-detail a,
.agent-id-17234 .agente-box-detail a {
/*  font-size: 11px;*/
}

.rete-vendita-filter .facetwp-facet {
  margin-bottom: 24px;
}

.rete-vendita-loop-outer,
.btn-reset {
  display: none;
}
.rete-vendita-loop-outer {
  overflow: hidden;
  padding-right: 4px;
}
.rete-vendita-filter-header {
  margin: 10px 0 25px;
    border-bottom: 1px solid #C3CCDB;
    position: relative;
}
.rete-vendita-filter-header h2 {
  color: #353F50;
  font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.3px;
    margin: 0;
}
.rete-vendita-filter-header .btn-reset {
    position: absolute;
    right: 0;
    top: -2px;
}
.btn-reset-footer {
  text-align: right;
  padding-top: 24px;
}
.facetwp-overlay {
  opacity: 0.5 !important;
}
.btn-reset button {
    border: none;
    background-color: transparent;
    font-size: 15px;
    line-height: 12px;
    color: #353F50;
    padding: 10px 18px 8px 0;
    background-image: url(img/refresh-page-arrow-button.svg);
    background-repeat: no-repeat;
    background-position: right 1px center;
    -webkit-background-size: 11px 11px;
    background-size: 11px 11px;
    cursor: pointer;
    outline: 0;
    height: 28px;
}

.rete-vendita-filter select {
  display: block;
  font-size: 16px;
  font-family: sans-serif;
  font-weight: 400;
  color: #00358E;
  line-height: 1.3;
  padding: .6em 1.4em .5em .8em;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  border: 1px solid #00358E;
  border-radius: 0;
  box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url('img/filter-blue-down.svg');
  background-repeat: no-repeat;
  background-position: right .7em top 50%;
  background-size: .65em auto;
  cursor: pointer;
}
.rete-vendita-filter select::-ms-expand {
  display: none;
}
.rete-vendita-filter select:hover {
  border-color: #888;
}
.rete-vendita-filter select:focus {
  border-color: #aaa;
  box-shadow: 0 0 1px 3px rgba(0, 53, 132, .7);
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  color: #222;
  outline: none;
}
.rete-vendita-filter select option {
  font-weight:normal;
}

.facetwp-facet-prodotti {
  width: 195px;
  padding-right: 16px;
}

.facetwp-facet select.is-disabled {
  visibility: hidden;
}
.facetwp-facet select:disabled {
  opacity: 0.7;
  border-color: #00358E;
}

.facetwp-facet-regioni,
.facetwp-facet-stati {
  display: flex;
}
.facetwp-facet-regioni select:last-child {
  margin-left: 8px;
}
.facetwp-facet-regioni select:first-child,
.facetwp-facet-regioni div:first-child + select {
  margin-right: 8px;
  max-width: calc(50% - 8px);
  margin-left: 0;
}
.facetwp-overlay ~ select.facetwp-hierarchy_select:focus {
  box-shadow: none;
  border: 1px solid #00358E;
}
.facetwp-facet-regioni .facetwp-overlay {
  /*width: calc(50% - 8px) !important;*/
}
.facetwp-facet-stati select:first-child,
.facetwp-facet-stati div:first-child + select {
  margin-right: 8px;
  max-width: calc(50% - 8px);
  margin-left: 0;
}

.facetwp-facet-regioni select:only-child {
  margin-left: 0;
}

.rete-vendita-base {
  position: relative;
  padding-left: 101px;
  padding-bottom: 30px;
}
.rete-vendita-base:before {
  content: '';
  display: block;
  position: absolute;
  top: 12px;
  height: 1px;
  width: 95px;
  background-color: #1A1A1A;
  left: 0;
}
.rete-vendita-spacer {
  min-height: 270px;
}
.rete-vendita-switch {
  /*margin-top: 24px;*/
  padding-top: 12px;
  margin-bottom: 24px;
  border-top: 1px solid #707070;
}
/*.rete-vendita-filter select.filter-selected {
  background-color: #00358E;
  color: white;
}*/


.row-form-rete-vendita label,
.fake-label {
  font-size: 16px;
  color: #1A1A1A;
}

.form-block {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.form-prod {
  width: calc(53% - 20px);
  padding-top: 1px;
}
.form-mark {
  width: calc(47% - 20px);
}


.form-mark span.wpcf7-list-item {
  margin: 0;
  width: calc(50% - 20px);
}

.form-mark .wpcf7-form-control-wrap {
  width: 100%;
    display: block;
}

.form-mark .wpcf7-form-control {
  width: 100%;
    display: flex;
    justify-content: space-between;
}

.form-mark label input {
  display: none;
}

.form-mark label span {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  border: 1px solid #00358E;
  color: #00358E;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  cursor: pointer;
}
.form-mark label input:checked + span {
  background-color: #00358E;
  color: #fff;
}

.form-prod select {
  display: flex;
  font-size: 20px;
  font-weight: 700;
  color: #00358E;
  line-height: 24px;
  padding: .6em 1.4em .5em .8em;
  height: 80px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  border: 1px solid #00358E;
  box-shadow: none;
  border-radius: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url(img/filter-blue-down.svg);
    background-repeat: no-repeat;
    background-position: right .7em top 50%;
    background-size: .65em auto;
}
.form-prod select::-ms-expand {
  display: none;
}
.form-prod select:hover {
  border-color: #00358E;
}
.form-prod select:focus {
  border-color: #00358E;
  box-shadow: none;
  color: #00358E;
  outline: none;
}
.form-prod select option {
  font-weight:normal;
}

.form-block-top{
  padding-bottom: 40px;
  border-bottom: 1px solid #1A1A1A;
}
.form-block-middle {
  padding-bottom: 20px;
  border-bottom: 1px solid #1A1A1A;
}
.form-block-bottom,
.form-block-middle {
  padding-top: 40px;
}
.wpcf7-form-control-wrap {
  padding-top: 6px;
  display: block;
}

.form-block-middle label {
  padding-bottom: 20px;
  width: calc(50% - 20px);
}

.form-block-middle input {
  border: 1px solid #00358E;
  height: 64px;
  padding: 21px 24px 19px;
  color: #00358E;
  font-size: 20px;
  line-height: 24px;
  max-width: 100%;

}
.form-block-bottom label {
  width: 100%;
}

.form-block-bottom textarea {
  padding: 21px 24px 19px;
  color: #00358E;
  font-size: 20px;
  line-height: 24px;
  border: 1px solid #00358E;
  display: block;
  margin-bottom: 24px;
}

.form-send {
  text-align: right;
}

.row-form-rete-vendita input.wpcf7-submit {
  display: inline-block;
  width: 100%;
  max-width: 300px;
  background-color: #00358E;
  color: #fff;
  cursor: pointer;
  font-size: 20px;
  font-weight: 700;
  height: 80px;
  line-height: 24px;
  padding: 29px 0 27px;
  border: 1px solid #00358E;
}

 div.wpcf7 .form-send .ajax-loader {
  position: absolute;
  right: 150px;
  bottom: -5px;
 }

span.wpcf7-not-valid-tip {
  font-size: 14px;
  line-height: 16px;
  padding-top: 5px;
 }

.row-form-rete-vendita.row-page .cont {
  padding-top: 12px;
}

.row-form-rete-vendita .box-content {
  padding-bottom: 12px;
}

.form-rv-accept {
  font-size: 14px;
  line-height: 18px;
}
.form-rv-accept span {
  display: inline-block;
}

.form-rv-accept span.wpcf7-list-item {
  margin: 0;
  padding-right: 5px;
}


@media (max-width: 1200px) {  
  .home-post__main-image {
    max-height: 20vh;
  }
  .row-text-side-image .cont {
    padding-left: 30px;
    padding-right: 30px;
  }
  .flex-text-img .flex-img {
    flex: 0 1 50%;
  }
  .flex-text-img .flex-text {
    flex: 0 1 50%;
    padding-right: 48px;
  }
  .flex-text-img-sx > div:first-child {
    padding-right: 0;
    padding-left: 48px;
  }
  .footer-navigation .desktop-menu .menu > li > a {
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0;
  }
}
@media (max-width: 1080px) { 
  .home-post__tag div > p {
    font-size: 14px;
    line-height: 16px;
    padding: 10px 30px 10px 12px;
  }
  .home-post__main-image {
    max-height: 17vh;
  }
  .home-post__title {
    font-size: 20px;
    line-height: 26px;
  }
  .home-post--1 .home-post__title, .home-post--6 .home-post__title {
    font-size: 26px;
    line-height: 30px;
  }
  a.home-post {
    grid-template-rows: max-content repeat(2, minmax(auto, 18px)) max-content;
  }
  a.home-post p {
    margin-bottom: 0;
  }
  .row-home-intro .cont h1 {
    font-size: 42px;
    line-height: 48px;
  }
  .row-home-intro .cont p {
    font-size: 20px;
    line-height: 26px;
  }
  .hero-cta-big {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .hero-cta-big p {
    font-size: 18px;
    line-height: 24px;
  }
  .hero-cta-big {
    max-width: 650px;
  }
  .hero-cta-big a {
    font-size: 14px;
    line-height: 18px;
    padding: 16px 30px;
  }
  .row-footer .cont {
    grid-template-columns: 1fr;
    row-gap: 51px;
  }

  .footer-social-nl {
    max-width: 600px;
    width: 100%;
    margin: auto;
  }
  .footer-nl form {
    grid-template-columns: minmax(150px, 1fr) minmax(auto, max-content);
    column-gap: 16px;
  }
  .footer-nl .nl-send button {
    padding: 19px 56px 18px;
  }
  .row-custom-pager ul.slick-dots {
    grid-gap: 12px;
    padding-left: 12px;
  }
  .titles-wrapper > h2 {
    font-size: 26px;
    line-height: 34px;
  }
  .archive-link-img {
    flex: 0 0 200px;
  }
  .archive-link-text h3 {
    font-size: 19px;
    line-height: 26px;
    padding: 20px;
  }
}
@media (max-width: 950px) {
  .footer-navigation {
    display: none;
  }
  .row-pager-slider-prod .custom-paging > .titles-wrapper {
    grid-template-areas: "title border" "menu menu";
  }
  .row-custom-pager ul.slick-dots {
    padding-left: 0;
    max-width: 560px;
    margin: 30px auto 0;
  }
  .row-pager-slider-prod .custom-paging {
    padding-bottom: 0;
  }
  div.slick-slide .text-wrapper a {
    margin-top: 16px;
  }
  .row-slider-bis div.slick-slide .text-wrapper a { 
    width: 42px;
    height: 42px;
  }
  .row-slider-bis div.slick-slide .text-wrapper > p,
  div.slick-slide .text-wrapper p,
  .home-single-box p {
    font-size: 16px;
    line-height: 24px;
  }
  div.slick-slide .text-wrapper h3,
  .home-single-box h3 {
    font-size: 32px;
    line-height: 38px;
  }
  .row-slider div.slick-slide .text-wrapper a {
    font-size: 15px;
    padding: 14px 18px 15px 18px;
  }
  .custom-arrows .slick-arrow {
    width: 48px;
    height: 48px;
  }
  .cta-all-news {
    margin: -47px auto 0;
  }
  .cta-all-news {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .row-slider .cont {
    padding: 40px 0;
  }
  .row-pager-slider-prod.row-custom-pager .cont {
    padding-top: 40px;
  }
  .home-col-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  .row-single-related .recent-news {
    gap: 28px;
  }
  .row-flex-cont .flex-3-col {
    grid-template-columns: repeat(2, 1fr);
  }
  .flex-3-col .flex-3-col-single:last-child {
    transform: translateX(calc(50% + 20px));
  }
  .other-blogs a h4 {
    font-size: 32px;
    line-height: 40px;
    padding: 0 5px;
  }
  .other-blogs a p {
    font-size: 14px;
    line-height: 20px;
    padding: 0 8px 16px
  }
  .archive-cont {
    grid-template-columns: 1fr;
    max-width: 768px;
    margin: 0 auto;
  }
}
@media (max-width: 767px) { 
  .home-grid {
    max-width: 568px;
    margin: 0 auto;
    grid-template-columns: minmax(180px, 312px) minmax(8px, 88px) minmax(180px, 312px);
    grid-template-rows: 1fr;
    grid-template-areas: "first first first" "second second third" "fourth fifth fifth" "sixth sixth sixth" "seventh seventh eighth";
    grid-gap: 16px;
  }
  .home-post__main-image {
    max-height: 30vw;
  }
  .row.row-custom-pager {
    padding-bottom: 16px;
  }
  .home-single-box {
    padding: 35% 26px 26px;
  }
  .titles-wrapper-standard h2, .titles-wrapper-standard h1,
  .titles-wrapper > h2 {
    font-size: 30px;
    line-height: 34px;
  }
  .blog-single-box-body h4 {
    font-size: 20px;
    line-height: 24px;
  }
  .blog-single-box-body p {
    font-size: 15px;
    line-height: 23px;
  }
  .flex-text-img {
    flex-direction: column;
  }
  .flex-text-img-sx > div:first-child {
    order: 0;
    padding-left: 0;
  }
  .flex-text-img .flex-text {
    padding-right: 0;
    padding-bottom: 28px;
  }
  .row-flex-download-base .flex-dowload-item {
    padding: 20px 30px;
  }
  .flex-dowload-item-body {
    padding-right: 28px;
  }
  .row-flex-download-base .flex-dowload-item h4 {
    font-size: 20px;
    line-height: 24px;
  }
  .other-blogs a h4 {
    font-size: 24px;
    line-height: 30px;
    padding: 0 5px;
  }
  .other-blogs a p {
    font-size: 14px;
    line-height: 16px;
    padding: 0 8px 16px
  }
  .single-story-box {
    flex-direction: column;
  }
  .single-story-text {
    padding-top: 24px;
  }
  .row-slider-home .cont {
      padding-left: 0;
      padding-right: 0;
  }
  .row-slider-intro-home .cont {
      flex-direction: column;
      justify-content: center;
      text-align: center;
      gap: 4px;
  }
  table {
      margin: 0 0 1.5em;
      width: 100%;
      display: block;
      overflow-x: auto;
      white-space: nowrap;
    }

}

@media (max-width: 710px) {
  .row-footer .desktop-menu .menu > li > a, .row-footer .desktop-menu .sub-menu a {
    padding-left: 0;
  }
  .row-slider .custom-paging > .titles-wrapper {
    grid-template-areas: "title border" "menu menu";
  }

  .row-slider .custom-paging ul.slick-dots {
    padding-left: 0;
    padding-top: 24px;
    justify-content: center;
  }
  .row-single-related .recent-news {
    flex-direction: column;
    max-width: 480px;
    margin: 0 auto;
  }
}

@media (max-width: 620px) { 
  .home-grid {
    grid-template-columns: minmax(180px, 312px) minmax(15px, 88px) minmax(180px, 312px);
  }
  .row-home-intro .cont h1 {
    font-size: 36px;
    line-height: 42px;
  }
  .row-home-intro .cont p {
    font-size: 18px;
    line-height: 24px;
  }
  .row-custom-pager ul.slick-dots > li > a {
    font-size: 14px;
    line-height: 16px;
  }
  div.slick-slide .text-wrapper,
  .row-slider-bis div.slick-slide .text-wrapper {
    padding: 36px 28px 28px;
  }
  .row-slider div.slick-slide {
    height: 300px;
    max-height: initial;
  }
  .home-single-box h3 {
    font-size: 28px;
    line-height: 32px;
  }
  .row-footer-logo {
    margin-top: 60px;
  }
  .row-flex-cont .flex-3-col {
    grid-template-columns: 1fr;
  }
  .flex-3-col .flex-3-col-single:last-child {
    transform: translateX(0);
  }
  .other-blogs {
    grid-template-columns: repeat(2, minmax(180px, 1fr));
  }
  .other-blogs a:last-child {
    transform: translateX(calc(50% + 8px));
  }
  .hero-cta-big {
    flex-direction: column;
    text-align: center;
    max-width: 350px;
  }

}

@media (max-width: 540px) {
  .row-footer-logo .logo-wrapper {
    flex-direction: column;
    align-items: center;
  }
  .row-footer-logo .logo-wrapper > a {
    padding-bottom: 45px;
  }
  .row-footer-logo .logo-wrapper > a .logo-mobile {
    display: none;
  }
  .row-footer-logo .logo-wrapper > a .logo {
    display: block;
  }
  footer.row-footer.row .cont {
    padding: 40px;
  }
  .footer-social {
    flex-direction: column;
  }
  ul.footer-social-list {
    padding: 18px 0 0;
  }
  .footer-nl form {
    grid-template-columns: 1fr;
  }
  .footer-nl .nl-privacy {
    grid-area: inherit;
  }
  .footer-nl .nl-send {
    grid-area: inherit;
  }
  div.slick-slide .text-wrapper h3 {
    font-size: 24px;
    line-height: 28px;
  }
  .row-slider div.slick-slide .text-wrapper a {
    padding: 12px 16px;
  }
  .row-slider-bis div.slick-slide .text-wrapper > p, div.slick-slide .text-wrapper p {
    font-size: 15px;
    line-height: 18px;
  }
  .row-slider-bis div.slick-slide .text-wrapper {
    max-width: 360px;
    justify-self: flex-start;
  }
  .row-pager-slider-prod .custom-paging ul.slick-dots {
    flex-wrap: wrap;
    max-width: 330px;
    justify-content: center;
    grid-gap: 6px;
  }
  .row-slider-bis ul.slick-dots > li a {
    padding: 6px 8px 7px;
  }
  .home-boxes-wrapper {
    grid-template-columns: 1fr;
  }
  .row-footer-logo {
    margin-top: 40px;
  }
  .titles-wrapper > h2 {
    white-space: normal;
  }
  .row-flex-section-main .flex-box-double,
  .flex-contact-text-box {
    grid-template-columns: 1fr;
  }

  .row-flex-section-main .flex-box-single::before {
    width: 100%;
    min-width: 100%;
  }
  .single-story-box,
  .story-section h3 {
    padding-left: 50px;
  }
  .single-story-text p {
    font-size: 18px;
    line-height: 28px;
  }
  .single-story-text {
    padding: 20px;
  }
}

@media (max-width: 480px) { 
  .row-hero,
  .row-flex-section-header,
  .row-single-header {
    background-image: var(--mobile-image);
  }
  .row-flex-section-main .flex-box-single,
  .flex-box-double-single,
  .row-full-fascia.row-full-bg {
    background-image: var(--background-mobile);
  }
  .home-grid {
    max-width: 568px;
    margin: 0 auto;
    grid-template-columns: minmax(90px, 312px) minmax(90px, 312px);
    grid-template-areas: "first first" "second third" "fourth fifth" "sixth sixth" "seventh eighth";
  }
  .home-post__title {
    font-size: 18px;
    line-height: 22px;
    padding: 36px 16px 12px;
  }
  .home-post--1 .home-post__title, .home-post--6 .home-post__title {
    font-size: 22px;
    line-height: 26px;
    padding: 36px 16px 12px;
  }
  .row-home-intro .cont h1 {
    font-size: 28px;
    line-height: 32px;
  }
   .row-home-intro .cont p {
    font-size: 16px;
    line-height: 22px;
  }
  .home-col-wrapper {
    grid-template-columns: 1fr;
    grid-gap: 28px;
  }
  .titles-wrapper-standard {
    display: flex;
    flex-direction: column;
  }
  .titles-wrapper-standard h2, .titles-wrapper-standard h1,
  .titles-wrapper > h2 {
    font-size: 24px;
    line-height: 28px;
    white-space: break-spaces;
  }
  .titles-wrapper-standard::before {
    display: none;
  }
  .custom-paging > .titles-wrapper::before {
    display: none;
  }
  .titles-wrapper > h2 {
    padding-right: 0;
  }
  .row-pager-slider-prod .custom-paging > .titles-wrapper,
  .row-slider .custom-paging > .titles-wrapper {

    grid-template-columns:  1fr;
    grid-template-areas:
            "title"
            "menu";
  }
  .other-blogs {
    grid-template-columns: 1fr;
  }
  .other-blogs a:last-child {
    transform: translateX(0);
  }
  .other-blogs a h4 {
    font-size: 32px;
    line-height: 40px;
  }
  .other-blogs a p {
    font-size: 16px;
    line-height: 20px;
  }
  .row-flex-section-main .flex-box-single h3, .row-flex-section-main .flex-box-double-single h3 {
    font-size: 32px;
    line-height: 40px;
  }
  a.archive-link {
    flex-direction: column;
  }
  .archive-link-img {
    flex: 1 1 100%;
  }
  .archive-link-img img {
    width: 100%;
    height: 220px;
  }
  .archive-link-text h3 {
    min-height: initial;
    padding-bottom: 40px;
  }
  div.slick-slide .image-wrapper::after {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0% 100%)
  }
  .home-single-col {
    background-position: top center;
    align-items: center;
    text-align: center;
  }
  .home-single-col p {
    margin-bottom: 0;
  }
  .home-single-col a {
    margin-top: 0;
  }
  .row-flex-cont.row-text.row-title-line .cont:before,
  .row-slider .custom-paging ul.slick-dots {
    display: none !important;
  }
  .search-result-box a {
    flex-direction: column;
    gap: 0;
  }
  .search-result-box a .search-result-item-img,
  .search-result-box a .search-result-item-body {
    flex: 0 0 auto;
  }
  .row-home-intro {
    margin-bottom: 80px;
  }
  .titles-wrapper-standard,
  .home-col-wrapper {
    padding-bottom: 18px;
  }
  .row-home-col {
    margin-top: 20px;
  }
  .row-slider .cont {
    padding: 20px 0;
  }
  .cta-all-news {
    margin-top: -59px;
  }
  .row-pager-slider-prod.row-custom-pager .cont {
    padding-top: 20px;
  }
  .row-pager-slider-prod .custom-paging ul.slick-dots {
    margin: 12px 0 0;
    max-width: 100%;
    justify-content: flex-start;
    grid-gap: 3px;
  }
  .row-pager-slider-prod .custom-paging {
    padding-left: 0;
    padding-right: 0;
  }
  .row-custom-pager ul.slick-dots > li a {
    padding: 6px 3px 7px;
  }
  .row-home-intro .cont {
    padding-top: 90px;
    padding-bottom: 150px;
  }
  .hero-cta-big {
    max-width: 100%;
    width: calc(100% - 60px);
  }
}

@media (max-width: 380px) { 
  .row-pager-slider-prod .custom-paging ul.slick-dots {
    grid-gap: 3px;
    margin: 20px 0 0;
  }
  .row-custom-pager ul.slick-dots > li > a {
    font-size: 13px;
  }
  .row-custom-pager ul.slick-dots > li a {
    padding: 5px 2px 6px;
  }
  .row-pager-slider-prod .custom-paging {
    padding-left: 0;
    padding-right: 0;
  }
}