/*
Theme Name: BancaSempioneTheme
Theme URI: 
Author: TEAM99
Author URI: https://team99.it/
Description: 
Requires at least: 5.8
Requires PHP: 5.7
Version: 0.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bancasempionetheme
*/

/*
-------------------------------------------------------------------
#GENERALE
  #Tipografia
  #Scrollbar

#HEADER
  #Hamburger
  #Language switcher
  #Menu Overlay
  #Search Bar

#BODY
  #Page Preloader
  #Body Preloader
  #Circle border link
  #Our team
  #Archive template
  #Contact section
  #Pagina Contatti
  #Pagina Pubblicazione
  #Pubblicazioni - Search results
  #Pagina Risultati ricerca

#PLUGINS
  #WPML
  #Formidable
  #Booked

#ANIMAZIONI
  #Freccetta blu after titolo
  #Immagini
  #Background gradient animation
  #Loader (3 dots)

#FOOTER 
  #Pulsante Go-top 


-------------------------------------------------------------------
*/
/*
-------------------------------------------------------------------
#GENERALE
-------------------------------------------------------------------
*/

:root {
  -webkit-font-smoothing: antialiased;
  --header-height: 108px;
  --link-transition: all 0.3s ease;
  --menu-bg-color: #131d29;
  --blur: blur(20px);
  --button-padding-standard: calc(0.667em + 6px) calc(1.333em + 18px);
  --button-padding-big: calc(0.667em + 4px) calc(1.333em + 16px);
  --button-padding-small: calc(0.667em + 2px) calc(1.333em + 2px);
}

/* Reset */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}

html {
  /* scroll-behavior: smooth; */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

strong {
  /* display: inline-block; */
  font-weight: bold;
}

input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 1em;
  width: 1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'/%3E%3C/svg%3E");
  background-size: contain;
  opacity: 0;
  pointer-events: none;
}

input[type="search"]:focus::-webkit-search-cancel-button {
  opacity: 0.5;
  pointer-events: all;
}

.wp-block-search__input {
  border-radius: 0px;
}

#SMOOTH-SCROLL {
  overflow: hidden !important;
}

.wp-site-blocks {
  overflow: hidden;
}

.has-global-padding :where(.has-global-padding) {
  padding-right: var(--wp--style--root--padding-right);
  padding-left: var(--wp--style--root--padding-left);
}

a:where(:not(.wp-element-button)):any-link {
  transition: all 0.3s ease;
}

/* .wp-block-column {
  padding-right: inherit !important;
  padding-left:  inherit !important;
} */
@media screen and (max-width: 768px) {
  .no-mobile:not(.block-editor__container *) {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .no-desktop:not(.block-editor__container *) {
    display: none !important;
  }
}

@media screen and (min-width: 781px) {
  .border-sides {
    border-width: 0 1px 0 1px;
    border-style: dashed;
  }
}

.relative {
  position: relative;
}

.wp-block-column {
  z-index: 10;
}

.full-height {
  min-height: 100vh;
}

.block-editor-iframe__body .hide-in-editor {
  display: none !important;
}

.hide-first ul li:first-child {
  display: none;
}

.max-800-px {
  max-width: 800px !important;
}

@media screen and (max-width: 781px) {
  .wp-block-column:not(.has-background) {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/*
**************************
#Tipografia
**************************
*/
.has-titolo-font-size,
.has-titolo-xxl-font-size,
.has-titolo-xxxl-font-size {
  line-height: 1;
}

.has-titolo-xl-font-size {
  line-height: 1.1;
}

.has-titolo-font-size {
  line-height: 1.2;
  letter-spacing: -1px;
}

.has-titolo-xl-font-size,
.has-titolo-xxl-font-size,
.has-titolo-xxxl-font-size {
  letter-spacing: -2px;
}

.text-justify {
  text-align: justify !important;
}

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

/*
**************************
#Scrollbar
**************************
*/
body::-webkit-scrollbar {
  display: none;
}

body {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/*
-------------------------------------------------------------------
#HEADER 
-------------------------------------------------------------------
*/
header {
  position: fixed;
  width: 100%;
  height: var(--header-height);
  z-index: 101;
  transition: all 0.3s ease-out;
}

.wp-block-site-logo img {
  height: var(--logo-header-height);
  pointer-events: none;
}

header.block-editor-block-list__block {
  min-height: 300px !important;
}

.header-main li {
  display: inline-block;
  padding-left: 2vw;
}

ul.menu {
  list-style: none;
  padding: 0;
}

.ebanking-button a {
  color: var(--wp--preset--color--primario);
  font-weight: bold;
  border-radius: 9999px;
  white-space: nowrap;
  padding: calc(0.667em + 2px) calc(1.333em + 2px);
  transition: var(--link-transition);
}

.ebanking-button a:hover {
  color: var(--wp--preset--color--secondario);
}

.widget-menu-header-right {
  white-space: nowrap;
  padding-right: 2vw;
}

.menu-open .widget-menu-header-right,
.menu-open .wp-block-site-logo {
  opacity: 0;
  visibility: hidden;
}

@media screen and (min-width: 781px) {
  .menu-open .wp-block-site-logo {
    opacity: 1;
    visibility: visible;
    filter: brightness(50);
    -webkit-filter: brightness(50);
    z-index: 1001;
  }
}

.search-button a::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
  width: 16px;
  height: 16px;
  background-image: url('data:image/svg+xml;charset=utf-8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="119.828px" height="122.88px" viewBox="0 0 119.828 122.88" enable-background="new 0 0 119.828 122.88" xml:space="preserve"><g><path d="M48.319,0C61.662,0,73.74,5.408,82.484,14.152c8.744,8.744,14.152,20.823,14.152,34.166 c0,12.809-4.984,24.451-13.117,33.098c0.148,0.109,0.291,0.23,0.426,0.364l34.785,34.737c1.457,1.449,1.465,3.807,0.014,5.265 c-1.449,1.458-3.807,1.464-5.264,0.015L78.695,87.06c-0.221-0.22-0.408-0.46-0.563-0.715c-8.213,6.447-18.564,10.292-29.814,10.292 c-13.343,0-25.423-5.408-34.167-14.152C5.408,73.741,0,61.661,0,48.318s5.408-25.422,14.152-34.166C22.896,5.409,34.976,0,48.319,0 L48.319,0z M77.082,19.555c-7.361-7.361-17.53-11.914-28.763-11.914c-11.233,0-21.403,4.553-28.764,11.914 C12.194,26.916,7.641,37.085,7.641,48.318c0,11.233,4.553,21.403,11.914,28.764c7.36,7.361,17.53,11.914,28.764,11.914 c11.233,0,21.402-4.553,28.763-11.914c7.361-7.36,11.914-17.53,11.914-28.764C88.996,37.085,84.443,26.916,77.082,19.555 L77.082,19.555z"/></g></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: var(--link-transition);
}

.search-button a:hover::before {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="119.828px" height="122.88px" viewBox="0 0 119.828 122.88" enable-background="new 0 0 119.828 122.88" xml:space="preserve"><g><path fill="rgb(7,166,255)" d="M48.319,0C61.662,0,73.74,5.408,82.484,14.152c8.744,8.744,14.152,20.823,14.152,34.166 c0,12.809-4.984,24.451-13.117,33.098c0.148,0.109,0.291,0.23,0.426,0.364l34.785,34.737c1.457,1.449,1.465,3.807,0.014,5.265 c-1.449,1.458-3.807,1.464-5.264,0.015L78.695,87.06c-0.221-0.22-0.408-0.46-0.563-0.715c-8.213,6.447-18.564,10.292-29.814,10.292 c-13.343,0-25.423-5.408-34.167-14.152C5.408,73.741,0,61.661,0,48.318s5.408-25.422,14.152-34.166C22.896,5.409,34.976,0,48.319,0 L48.319,0z M77.082,19.555c-7.361-7.361-17.53-11.914-28.763-11.914c-11.233,0-21.403,4.553-28.764,11.914 C12.194,26.916,7.641,37.085,7.641,48.318c0,11.233,4.553,21.403,11.914,28.764c7.36,7.361,17.53,11.914,28.764,11.914 c11.233,0,21.402-4.553,28.763-11.914c7.361-7.36,11.914-17.53,11.914-28.764C88.996,37.085,84.443,26.916,77.082,19.555 L77.082,19.555z"/></g></svg>');
}

@media screen and (max-width: 781px) {
  .widget-menu-header-right
    li.menu-item:not(.ebanking-button):not(.search-button) {
    display: none;
  }

  .search-button a {
    font-size: 0;
  }

  .search-button a::before {
    vertical-align: bottom;
    width: 24px;
    height: 24px;
  }

  /* #HEADER .wp-block-group:nth-child(1) {
    padding-right: 0 !important;
  } */

  #HEADER .wp-block-group:nth-child(2) {
    padding-left: 0 !important;
  }
}

header.hide {
  transform: translateY(-150%);
}

header.sticky {
  background-color: rgba(255, 255, 255, 0.8);
  backdrop-filter: var(--blur);
  -webkit-backdrop-filter: var(--blur);
  height: fit-content;
}

.search-open header.sticky {
  backdrop-filter: unset;
  -webkit-backdrop-filter: unset;
}

#LIGHT-HEADER
  > header:not(.sticky)
  a:not(.ebanking-button a):not(:hover):not(.custom-logo-link):not(
    .menu-overlay a
  ):not(.search-result a):not(#MODAL-LANG a):not(#LINK-UTILI a),
#LIGHT-HEADER > header:not(.sticky) svg:not(.menu-open svg),
#LIGHT-HEADER > header:not(.sticky) p:not(.menu-open p):not(#LINK-UTILI p) {
  filter: invert(1);
  -webkit-filter: invert(1);
}

#LIGHT-HEADER > header:not(.sticky) img.custom-logo {
  filter: brightness(50);
  -webkit-filter: brightness(50);
}

/*
**************************
#Hamburger
**************************
*/
.btn-menu {
  position: relative;
  background: #fff;
  min-height: 22px;
  padding-left: 0;
  padding-right: 0;
  border: none;
  z-index: 1001;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  transition: 0.3s ease;
}

.btn-menu__bars {
  display: block !important;
  background: var(--wp--preset--color--black);
  position: relative;
  width: 36px;
  height: 1px;
  transition: 0.3s;
}

.btn-menu__bars:before,
.btn-menu__bars:after {
  content: "";
  background: var(--wp--preset--color--black);
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.3s;
}

.btn-menu__bars:before {
  transform: translate(0, -10px);
}

.btn-menu__bars:after {
  transform: translate(0, 10px);
}

.menu-open .btn-menu:before {
  content: "CHIUDI";
  position: absolute;
  left: -200%;
  top: 20%;
  color: #fff;
}

:lang(en) .menu-open .btn-menu:before {
  content: "CLOSE";
}

:lang(es) .menu-open .btn-menu:before {
  content: "CERRAR";
}

:lang(de) .menu-open .btn-menu:before {
  content: "SCHLIESSEN";
  left: -270%;
}

.menu-open .btn-menu .btn-menu__bars {
  background-color: transparent;
}

.menu-open .btn-menu__bars:before {
  background-color: white;
  transform: rotate(45deg);
}

.menu-open .btn-menu__bars:after {
  background-color: white;
  transform: rotate(-45deg);
}

#HAMBURGER {
  z-index: 101;
}

#HAMBURGER p {
  line-height: 0;
  padding: 0;
}

/*
**************************
#Language switcher
**************************
*/
#LANG-ICON {
  position: relative;
  cursor: pointer;
}

#LANG-ICON #MODAL-LANG,
#LINK-UTILI {
  display: flex;
  position: absolute;
  top: 150%;
  right: 0%;
  background-color: rgb(0 0 0 / 80%);
  color: #fff;
  backdrop-filter: blur(2px);
  text-align: center;
  border-radius: 6px;
  display: none;
}

#MODAL-LANG.open,
#LINK-UTILI.open {
  display: flex !important;
}

#LINK-UTILI {
  top: 100%;
  right: 35%;
}

#LINK-UTILI,
#LANG-ICON #MODAL-LANG li {
  padding: 0.8em 1em;
  margin: 0 !important;
}

.menu-overlay .wpml-ls-item a {
  /* justify-content: center; */
  margin-top: 2vh;
  font-size: clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.189), 16px) !important;
  text-transform: uppercase;
}

@media screen and (max-width: 781px) {
  #LANG-ICON {
    display: none;
  }
}

@media screen and (min-width: 782px) {
  .menu-overlay .wpml-ls-item {
    display: none;
  }
}

/*
**************************
#Menu Overlay
**************************
*/

.menu-overlay.block-editor-block-list__block {
  display: none !important;
}

.menu-overlay {
  position: fixed;
  width: 100%;
  min-height: 340px;
  height: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  pointer-events: none;
  background: var(--wp--preset--color--secondario);
  transform: translate3d(0, -100%, 0);
  box-shadow: none;
  transition: transform 0.3s ease-in-out;
}

.mostra-bg.menu-overlay::before {
  opacity: 0;
}

.menu-overlay a {
  color: white;
}

/* .menu-overlay a:not(a.oscura-voce-menu):hover {
  color: var(--wp--preset--color--primario);
} */

.block-editor-iframe__body .menu-overlay {
  position: static !important;
  transform: translateX(0%) !important;
}

.menu-open .menu-overlay {
  pointer-events: all;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6);
  transform: translate3d(0px, 0, 0px);
}

body.menu-open,
body.search-open {
  overflow: hidden;
}

.menu-overlay {
  overflow: auto;
  background-position: center;
  background-repeat: no-repeat;
}

.menu-item.menu-item-has-children:not(.wpml-ls-current-language)
  a:not(.sub-menu a):after {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='24' viewBox='0 0 24 24' fill='none'><path d='M5.75739 7.17154L7.1716 5.75732L16.2426 14.8283L16.2426 10.2427H18.2426L18.2426 18.2427H10.2426V16.2427L14.8285 16.2427L5.75739 7.17154Z' fill='white'/></svg>");
  position: absolute;
  top: 8px;
  opacity: 0.3;
  cursor: pointer;
  transform: translate(0, 0%);
  transition: transform 0.3s ease;
}

.menu-item.menu-item-has-children
  a.voce-menu-selezionata:not(.sub-menu a):after {
  transform: rotate(45deg);
}

@media screen and (max-width: 781px) {
  .menu-item.menu-item-has-children:not(.wpml-ls-current-language)
    a:not(.sub-menu a):after {
    position: relative;
  }

  .menu-item.menu-item-has-children
    a.voce-menu-selezionata:not(.sub-menu a):after,
  .menu-item.menu-item-has-children a:not(.sub-menu a):last-child:after {
    opacity: 0;
  }
}

.menu-item.menu-item-has-children a {
  transition: opacity 500ms ease;
}

a.oscura-voce-menu {
  /* opacity: .2; */
}

a.oscura-voce-menu:hover {
  opacity: 1;
}

a.voce-menu-selezionata {
  color: var(--wp--preset--color--primario);
}

.menu-overlay__go-back {
  position: absolute;
  left: 1vw;
  transition: var(--link-transition);
  cursor: pointer;
  z-index: 1001;
  display: none;
  transform: translateX(-200%);
}

.menu-overlay__go-back img {
  -webkit-user-drag: none;
}

.menu-open .menu-overlay__go-back {
  display: block;
}

.menu-overlay .menu-container {
  height: auto;
  padding-top: calc(var(--header-height) + 20px);
  padding-bottom: 5vh;
  overflow: visible;
  position: relative;
  min-height: 550px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.menu-overlay .widget-menu-overlay-section-main-menu {
  /* width: fit-content; */
  position: relative;
}

.menu-overlay .widget-menu-overlay-section-main-menu a:not(.sub-menu a) {
  font-size: var(--wp--preset--font-size--titolo);
  white-space: nowrap;
}

.menu-overlay ul {
  list-style-type: none;
  padding-inline-start: 0;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

#OVERLAY .riga-voci-menu {
  padding-left: var(--wp--style--root--padding-left);
  padding-right: var(--wp--style--root--padding-right);
}

#OVERLAY .riga-voci-menu ul li:not(.sub-menu li) {
  padding-bottom: 5px;
}

#OVERLAY .riga-voci-menu ul li:not(.sub-menu) {
  margin-right: 4vw;
  transition: padding 1s ease, color 250ms;
}

#OVERLAY .widget-menu-overlay-section-main-menu .menu li a:not(.sub-menu) {
  transition: padding-right 250ms ease-in-out;
}

#OVERLAY
  .widget-menu-overlay-section-main-menu
  .menu
  li
  a.voce-menu-selezionata:not(.sub-menu) {
  padding-right: 180px;
}

#OVERLAY .widget-menu-overlay-section-social {
  padding-left: var(--wp--style--root--padding-left);
  filter: invert(1);
  -webkit-filter: invert(1);
}

#OVERLAY .sub-menu {
  flex-direction: column;
}

@media screen and (min-width: 782px) {
  .menu-overlay .sub-menu {
    position: absolute;
    padding-top: 15px;
    pointer-events: none;
    font-weight: lighter;
    gap: 10px;
  }

  .menu-overlay .sub-menu a {
    font-size: 18px;
    opacity: 0;
    white-space: nowrap;
  }

  .menu-overlay .menu-item strong {
    padding-top: 16px;
  }

  .menu-overlay .sub-menu a:hover,
  .menu-overlay #menu-menu-overlay-bottom a:hover,
  #OVERLAY .riga-voci-menu ul li a:not(.sub-menu):hover {
    color: var(--wp--preset--color--primario);
  }

  #OVERLAY
    .widget-menu-overlay-section-main-menu
    .menu
    li:not(.sub-menu li):not(:last-child) {
    display: inline-block;
    position: relative !important;
    text-decoration: none;
  }

  #OVERLAY
    .widget-menu-overlay-section-main-menu
    .menu
    li:not(.sub-menu li)::after {
    content: "";
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 0.1em;
    bottom: 0;
    left: 0;
    background: currentcolor;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out, width 1s ease;
  }

  #OVERLAY
    .widget-menu-overlay-section-main-menu
    .menu
    li:not(.sub-menu li):hover::after {
    transform: scaleX(1);
    transform-origin: bottom left;
  }

  #OVERLAY
    .widget-menu-overlay-section-main-menu
    .menu
    li:not(.sub-menu li):has(> a.voce-menu-selezionata)::after {
    width: 90%;
    transform: scaleX(1);
    background: var(--wp--preset--color--primario);
  }

  .menu-overlay .widget-menu-overlay-menu-bottom ul li:not(:last-child) {
    border-right: 1px solid rgba(255, 255, 255, 0.3);
  }
}

.menu-overlay .widget-menu-overlay-menu-bottom ul {
  display: flex;
  flex-wrap: wrap;
  letter-spacing: 2px;
  padding-right: 80px;
}

.menu-overlay .widget-menu-overlay-menu-bottom ul li {
  padding: 0 16px;
  white-space: nowrap;
  line-height: 1;
}

.menu-overlay .wp-block-search__input {
  border: 0;
}

.menu-overlay .overlay-bottom {
  text-transform: uppercase;
}

@media screen and (max-width: 781px) {
  .menu-overlay .widget-menu-overlay-menu-bottom ul {
    justify-content: flex-start;
    padding-right: unset;
  }

  #OVERLAY .wp-block-social-links {
    font-size: 18px;
  }

  .menu-overlay .menu-container {
    min-height: 100dvh;
    justify-content: space-around;
  }

  .menu-overlay {
    background: #131d29;
    background-image: none !important;
  }

  #OVERLAY .widget-menu-overlay-section-social {
    padding-left: var(--wp--style--root--padding-left);
    width: 100%;
  }

  /* #menu-menu-overlay-main.menu {
    padding-left: var(--wp--style--root--padding-left);
  } */

  .widget-menu-overlay-section-main-menu ul.menu {
    flex-direction: column;
  }

  .menu-overlay ul {
    gap: unset;
    justify-content: start;
  }

  .menu-overlay .widget-menu-overlay-menu-bottom ul li {
    margin-bottom: 12px;
  }

  .menu-overlay .widget-menu-overlay-menu-bottom ul li:nth-child(2) {
    order: 2;
  }

  .menu-overlay .overlay-bottom {
    gap: 2vh;
    text-transform: uppercase;
  }

  #OVERLAY .sub-menu {
    transition: all 0.3s ease;
    font-size: 16px;
  }

  #OVERLAY .sub-menu a:hover {
    color: var(--wp--preset--color--primario);
  }

  #OVERLAY .sub-menu.hidden {
    line-height: 0;
    opacity: 0;
    pointer-events: none;
  }
}

/*
**************************
#Search Bar
**************************
*/
#SEARCH-BAR {
  position: fixed;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  background: #212d56fc;
  backdrop-filter: var(--blur);
  -webkit-backdrop-filter: var(--blur);
  top: 0;
  min-height: 340px;
  z-index: 9999;
  transform: translate3d(0, -100%, 0);
  box-shadow: none;
  transition: transform 0.3s ease-in-out;
}

.search-open #SEARCH-BAR {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6);
  transform: translate3d(0px, 0, 0px);
}

#SEARCH-BAR form {
  width: 100%;
}

#SEARCH-BAR .wp-block-search__inside-wrapper {
  border-radius: 50px;
  border: 0;
}

#SEARCH-BAR .wp-element-button {
  padding: calc(0.667em + 2px) calc(1.333em + 30px);
  transition: var(--link-transition);
}

#SEARCH-BAR input,
#SEARCH-BAR button {
  border-radius: 50px;
  font-weight: normal;
}

#SEARCH-BAR input {
  padding: calc(0.667em + 2px) calc(1.333em + 0px);
  background: #ffffff0a;
  font-size: 120%;
}

#SEARCH-BAR .close-search {
  background: white;
  width: 100px;
  padding: 0;
  opacity: 0.5;
  font-size: 0;
  margin: 30px;
  line-height: 0;
  cursor: pointer;
  position: absolute;
  right: 6vw;
  top: 35px;
  transition: opacity 500ms ease;
}

@media screen and (max-width: 1500px) {
  #SEARCH-BAR .close-search {
    top: 10px;
    right: 20px;
  }
}

#SEARCH-BAR .close-search::before,
#SEARCH-BAR .close-search::after {
  content: "";
  position: absolute;
  height: 2px;
  width: 40px;
  background-color: white;
  border-radius: 50px;
  top: 0;
  right: 0;
  transition: transform 500ms ease;
}

#SEARCH-BAR .close-search::before {
  transform: rotate(135deg);
}

#SEARCH-BAR .close-search::after {
  transform: rotate(45deg);
}

#SEARCH-BAR .close-search:is(:hover) {
  opacity: 1;
}

@media screen and (max-width: 781px) {
  #SEARCH-BAR {
    background: #00000096;
    min-height: 100dvh;
  }

  #SEARCH-BAR .wp-block-search__inside-wrapper {
    gap: 30px;
    flex-wrap: wrap;
    justify-content: center;
  }
}

#RESULT-SEARCH {
  padding-top: 15px;
  width: 100%;
  min-height: 140px;
  color: #ffffff47;
  font-size: clamp(16px, 2vw, 18px);
  text-transform: uppercase;
}

#RESULT-SEARCH .search-result {
  color: white;
  text-transform: none;
}

#RESULT-SEARCH .search-result::before {
  content: "";
  display: inline-block;
  margin-right: 10px;
  width: 14px;
  height: 14px;
  background-image: url('data:image/svg+xml;charset=utf-8,<svg class="svg-icon search-icon" aria-labelledby="title desc" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.9 19.7"><title id="title">Search Icon</title><desc id="desc">A magnifying glass icon.</desc><g class="search-path" fill="none" stroke="%23848F91"><path stroke-linecap="square" d="M18.5 18.3l-5.4-5.4"/><circle cx="8" cy="8" r="7"/></g></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/*
-------------------------------------------------------------------
#BODY 
-------------------------------------------------------------------
*/
/*
**************************
#Page Preloader
**************************
*/
#PAGE-PRELOADER {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  will-change: opacity;
  min-height: 400px;
}

#PAGE-PRELOADER img {
  filter: brightness(100);
  max-width: 50vw;
}

#PAGE-PRELOADER .logo,
#PAGE-PRELOADER .testo-1 {
  width: 100%;
  opacity: 0;
  position: absolute;
  top: 45%;
}

#PAGE-PRELOADER .testo-2 {
  transform: translateY(15vh);
}

#PAGE-PRELOADER .testo-2,
#PAGE-PRELOADER .testo-3 {
  opacity: 0;
}

#CLOSE-PRELOADER {
  position: absolute;
  opacity: 0;
  right: 4vw;
  bottom: 0;
  cursor: pointer;
  z-index: 1000;
  /* font-family: 'Inter'; */
  transition: var(--link-transition);
  /* padding: 5px 20px; */
}

#CLOSE-PRELOADER:hover {
  opacity: 1 !important;
}

@media screen and (min-width: 781px) {
  #PAGE-PRELOADER .testo-1,
  #PAGE-PRELOADER .testo-2,
  #PAGE-PRELOADER .testo-3 {
    font-size: var(--wp--preset--font-size--titolo);
    line-height: 1.2;
    letter-spacing: -1px;
  }
}

/*
**************************
#Body Preloader
**************************
*/
body:not(#tinymce) {
  visibility: hidden;
  background: var(--menu-bg-color);
  visibility: hidden;
  opacity: 0;
  transition: background 800ms ease-in, opacity 300ms ease;
  -webkit-transition: background 800ms ease-in, opacity 300ms ease;
}

.body-load {
  background: white !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.editor-styles-wrapper,
.block-editor-iframe__body {
  background: white !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/*
**************************
#Circle border link
**************************
*/

.circle-border {
  margin-bottom: var(--wp--preset--spacing--50) !important;
  transition: var(--link-transition);
  text-transform: uppercase;
}

.circle-border {
  transition: var(--link-transition);
  /* margin-left: var(--wp--preset--spacing--40); */
}

.circle-border a {
  border: 1px solid;
  border-radius: 50px;
  margin-right: 10px;
  padding: var(--button-padding-big);
  white-space: nowrap;
}

.circle-border a:hover {
  color: white;
  background-color: var(--wp--preset--color--secondario);
  border-color: var(--wp--preset--color--secondario);
}

@media screen and (max-width: 781px) {
  .circle-border a {
    padding: var(--button-padding-small);
  }

  .archive .taxonomy-tipo-pubblicazione,
  .archive .taxonomy-category {
    margin: var(--wp--preset--spacing--50) 0 0 0;
  }
}

/*
**************************
#Our team
**************************
*/
#OUR-TEAM .cover-img-profile {
  position: absolute;
  opacity: 0;
  transition: all 750ms ease-out;
}

#OUR-TEAM .hover.cover-img-profile {
  opacity: 1;
  transform: scale(1.05);
}

/*
**************************
#Archive template
**************************
*/
/* .archive .wp-block-post-title {
  max-width: calc(var(--wp--style--global--content-size) - 500px);
} */
/*
**************************
#Pagina Contatti
**************************
*/
@media screen and (max-width: 781px) {
  #CONTATTI .column-1 {
    order: 3;
  }

  #CONTATTI .column-1 * {
    align-items: center;
    text-align: center;
  }

  #CONTATTI .column-2 {
    order: 1;
  }

  #CONTATTI .column-3 {
    order: 2;
  }
}

#CONTATTI .form-contatti_container {
  width: 100%;
}

.frm_button_submit {
  transition: var(--link-transition);
}

/*
**************************
#Pagina Pubblicazione
**************************
*/
.pdf-documenti p {
  font-weight: 600;
  padding-top: 0;
}

.pdf-documenti p:before {
  content: "";
  background: url("/wp-content/themes/bancasempionetheme/assets/images/pdf-document-new.svg");
  width: 20px;
  height: 20px;
  display: inline-block;
  background-position: center;
  background-size: cover;
  vertical-align: text-bottom;
  margin-right: 10px;
  transition: var(--link-transition);
}

.pdf-documenti p:hover::before {
  transform: translateY(-2px);
}

.wp-block-search__input {
  background: transparent;
}

.zip-pubblicazione {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 800;
}

.zip-pubblicazione .dashicons {
  transition: var(--link-transition);
}

.zip-pubblicazione:hover .dashicons {
  transform: translateY(-3px) !important;
}

.taxonomy-tipo-pubblicazione a:first-child:not(:only-child) {
  display: none;
}

/*
**************************
#Pubblicazioni - Search results
**************************
*/
#RESULT-PUBBL-S {
  position: absolute;
  padding: 10px;
  border: 1px solid whitesmoke;
  background: #fffffff0;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  z-index: 999;
  display: none;
  width: 100%;
}

.s-result-pubbl {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  font-family: "Poppins";
  padding: 10px 15px;
  cursor: pointer;
  border-bottom: 1px solid #00000008;
}

.s-result-pubbl:before {
  content: " ";
  background: url("/wp-content/themes/bancasempionetheme/assets/images/pdf-documenti.svg");
  width: 21px;
  height: 24px;
  position: absolute;
  right: 0;
  background-position: center;
  background-size: cover;
  vertical-align: top;
  margin: 10px 20px;
}

.s-result-pubbl:last-child {
  border-bottom: 0px;
}

.s-result-pubbl:hover {
  background: white;
}

.s-result-pubbl:hover span:first-child {
  color: var(--wp--preset--color--primario);
}

@media screen and (max-width: 781px) {
  .s-result-pubbl {
    flex-direction: column;
    padding: 10px 0;
  }
}

.s-result-pubbl__tipo {
  color: var(--wp--preset--color--light-gray);
  font-size: 90%;
  transition: var(--link-transition);
}

.riga-pubblicazione .s-result-pubbl__tipo {
  margin: 0 15px 0 0;
}

.data-pubbl {
  font-size: 90%;
  color: var(--wp--preset--color--light-gray);
}

/*
**************************
#Pagina Risultati ricerca
**************************
*/
@media screen and (max-width: 781px) {
  .search .is-horizontal.is-nowrap {
    flex-wrap: wrap !important;
  }
}

/*
**************************
#Contact section
**************************
*/
@media screen and (max-width: 781px) {
  #CONTACT-SECTION {
    background: none !important;
  }
}

/*
-------------------------------------------------------------------
#PLUGINS 
-------------------------------------------------------------------
*/
/*
**************************
#WPML
**************************
*/
.otgs-development-site-front-end {
  display: none;
}

.wpml-language-switcher-block ul {
  padding: 15px !important;
}

/*
**************************
#Formidable
**************************
*/
.frm_dropzone.frm_single_upload {
  max-width: unset;
}

.work-with-us-modal {
  transition: var(--link-transition) !important;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

.frm_button_submit {
  letter-spacing: 2px;
}

.wp-block-frm-modal-button a {
  border-radius: 50px;
  padding: var(--button-padding-standard);
}

[id^="form_newsletter"] .frm_final_submit {
  display: none !important;
}

/*
**************************
#Booked
**************************
*/
.booked-calendar {
  border-radius: 0 !important;
}

.backToMonth {
  display: none;
}

#newAppointmentForm .button,
#newAppointmentForm button,
.booked-calendar .button {
  cursor: pointer;
}

.booked-modal .bm-overlay {
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

#submit-request-appointment {
  padding: calc(0.667em + 8px) calc(1.333em + 2px);
  font-size: 16px;
  letter-spacing: 2px;
  width: 100%;
  margin-bottom: 20px;
  border-radius: 90px;
  text-transform: uppercase;
}

.booked-title-bar small {
  text-transform: capitalize !important;
  font-size: 18px !important;
}

#newAppointmentForm .cancel {
  width: 100%;
  background: transparent !important;
  border: 0 !important;
}

.timeslot-people {
  margin-bottom: 20px;
}

.timeslot-people .spots-available {
  color: white !important;
}

body .booked-appt-list.shown {
  max-height: 300px;
  overflow: scroll;
}

@media screen and (max-width: 781px) {
  body
    div.booked-calendar-wrap
    div.booked-calendar
    .bc-body
    .bc-row.week
    .bc-col.today
    .date
    span {
    box-shadow: none !important;
  }

  .date .number {
    border-radius: 0px !important;
    /* color: #cccccc; */
  }

  body .booked-appt-list.shown {
    max-height: 200px;
  }
}

/*
-------------------------------------------------------------------
#ANIMAZIONI 
-------------------------------------------------------------------
*/
/*
**************************
#Freccetta blu after titolo
**************************
*/
.home .wp-block-query .wp-block-post-title,
#OUR-TEAM .wp-block-post-title,
.arrow-title {
  position: relative;
  padding-right: 40px;
}

.home .wp-block-query .wp-block-post-title::after,
#OUR-TEAM .wp-block-post-title::after,
.arrow-title::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31.437' height='32.659' fill='none' stroke='%2300a7ff' stroke-width='2' xmlns:v='https://vecta.io/nano'%3E%3Cpath d='M.302 1h30.117v30.963'/%3E%3Cpath d='M30.719.964l-30 31'/%3E%3C/svg%3E");
  position: absolute;
  opacity: 1;
  right: 0px;
  top: 0%;
  cursor: pointer;
  transform: translate(0, 0%);
  transition: transform 0.3s ease;
}

.home .wp-block-query .wp-block-post-title:hover::after,
#OUR-TEAM .wp-block-post-featured-image:hover + .wp-block-post-title:after,
#OUR-TEAM .wp-block-post-title:hover::after,
.arrow-title:hover::after {
  transform: translate3d(5px, -5px, 10px);
}

.arrow-title.arrow-small::after {
  top: unset;
  transform: scale(0.4) translate(0%, -30%);
}

.arrow-title.arrow-small:hover::after {
  transform: scale(0.4) translate(25%, -50%);
}

/*
**************************
#Immagini
**************************
*/
.wp-block-post-featured-image img {
  transition: transform 1s ease;
}

.wp-block-post-featured-image:not(
    .search-results .wp-block-post-featured-image
  ) {
  overflow: hidden;
}

.wp-block-post-featured-image:not(#OUR-TEAM .wp-block-post-featured-image):not(
    .search-results .wp-block-post-featured-image
  )
  a:hover
  > img {
  transform: scale(1.05);
}

/*
**************************
#Background gradient animation 
**************************
*/

.gradient-follow-mouse {
  position: relative;
  overflow: hidden;
}

.gradient-follow-mouse .gradient-element-container {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  will-change: transform;
  z-index: 1;
  filter: blur(50px);
  pointer-events: none;
}

.gradient-follow-mouse .gradient-element-container .gradient-element {
  position: relative;
  width: 100vh;
  height: 100vh;
  background: rgb(0, 167, 255);
  background: radial-gradient(
    circle,
    rgba(0, 167, 255, 0.3) 0%,
    rgba(255, 255, 255, 0) 60%
  );
  transform: translate(-50%, -50%);
}

/*
**************************
#Loader (3 dots)
**************************
*/
.dot-pulse {
  position: relative;
  left: -9999px;
  /* border: 1px solid black; */
  width: 10px;
  margin-left: 50%;
  margin-top: 50px;
  margin-bottom: 50px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--wp--preset--color--primario);
  color: var(--wp--preset--color--primario);
  box-shadow: 9999px 0 0 -5px;
  animation: dot-pulse 1.5s infinite linear;
  animation-delay: 0.25s;
}

.dot-pulse::before,
.dot-pulse::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--wp--preset--color--primario);
  color: var(--wp--preset--color--primario);
}

.dot-pulse::before {
  box-shadow: 9984px 0 0 -5px;
  animation: dot-pulse-before 1.5s infinite linear;
  animation-delay: 0s;
}

.dot-pulse::after {
  box-shadow: 10014px 0 0 -5px;
  animation: dot-pulse-after 1.5s infinite linear;
  animation-delay: 0.5s;
}

@keyframes dot-pulse-before {
  0% {
    box-shadow: 9984px 0 0 -5px;
  }

  30% {
    box-shadow: 9984px 0 0 2px;
  }

  60%,
  100% {
    box-shadow: 9984px 0 0 -5px;
  }
}

@keyframes dot-pulse {
  0% {
    box-shadow: 9999px 0 0 -5px;
  }

  30% {
    box-shadow: 9999px 0 0 2px;
  }

  60%,
  100% {
    box-shadow: 9999px 0 0 -5px;
  }
}

@keyframes dot-pulse-after {
  0% {
    box-shadow: 10014px 0 0 -5px;
  }

  30% {
    box-shadow: 10014px 0 0 2px;
  }

  60%,
  100% {
    box-shadow: 10014px 0 0 -5px;
  }
}

/*
-------------------------------------------------------------------
#FOOTER 
-------------------------------------------------------------------
*/
#FOOTER img.custom-logo {
  max-width: 180px;
  width: 100%;
}

#FOOTER .divisiore-nascosto {
  opacity: 0;
}

#FOOTER {
  background-position-x: center !important;
  background-size: cover !important;
  background-position-y: 165px !important;
}

@media (max-width: 1920px) {
  #FOOTER {
    background-size: 1920px 1080px !important;
  }
}

#FOOTER .column-3 {
  z-index: 1;
}

@media screen and (max-width: 1150px) {
  #FOOTER .wp-block-columns {
    flex-direction: column;
  }

  #FOOTER .wp-block-column {
    flex-basis: 100% !important;
  }

  #FOOTER {
    background: var(--wp--preset--color--secondario) !important;
    color: white;
  }

  #FOOTER label,
  #FOOTER a {
    color: white !important;
  }

  #FOOTER img.custom-logo {
    filter: brightness(50);
    -webkit-filter: brightness(50);
  }

  #FOOTER .divisiore-nascosto {
    opacity: 1;
  }

  #FOOTER svg {
    fill: white;
  }

  #FOOTER .column-1 {
    order: 1;
  }

  #FOOTER .column-2 {
    order: 3;
  }

  #FOOTER .column-3 {
    order: 4;
  }

  #FOOTER .column-4 {
    order: 5;
  }

  #FOOTER .column-5 {
    order: 0;
  }
}

@media screen and (min-width: 1151px) {
  #FOOTER .columns_dowload_app {
    transform: translateX(-8px);
  }
}

#FOOTER .frm_form_field input[type="email"] {
  height: 54px !important;
}

#FOOTER .newsletter_button_submit {
  position: absolute;
  cursor: pointer;
  right: 0;
  top: 15px;
  border: 0;
  height: 54px;
  width: 54px;
  background-color: var(--wp--preset--color--primario);
  padding: 0;
  transition: var(--link-transition);
}

#FOOTER .newsletter_button_submit:after {
  content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45.31' height='45.133' xmlns:v='https://vecta.io/nano'%3E%3Cg transform='matrix(.707107 .707107 -.707107 .707107 1379.635 -3948.675)' fill='none' stroke='%23fff' stroke-width='2'%3E%3Cpath d='M1833.083 3752.221h30.117v30.963'/%3E%3Cpath d='M1863.5 3752.185l-30 31'/%3E%3C/g%3E%3C/svg%3E");
  scale: 0.7;
  width: 100%;
  display: block;
}

#FOOTER .newsletter_button_submit:hover {
  background-color: black;
  color: white;
}

#FOOTER .columns_dowload_app {
  flex-direction: row;
  flex-wrap: nowrap !important;
}

#FOOTER .icon-download-app {
  opacity: 0.5;
}

#FOOTER .frm_checkbox label {
  display: flex;
  gap: 0.7em;
}

/*
**************************
#Pulsante Go-top 
**************************
*/
#GO-TOP {
  position: fixed;
  bottom: 60px;
  right: 60px;
  z-index: 10;
  cursor: pointer;
  transform: translateY(150px);
  transition: all 0.8s ease-in-out;
}

#GO-TOP.show-gotop {
  transform: translateY(0);
}

#GO-TOP p {
  transform: translate(0px, 0px);
  background-color: rgb(0 0 0 / 80%);
  backdrop-filter: blur(2px);
  color: white;
  font-size: 90%;
  -webkit-backdrop-filter: blur(2px);
  padding: calc(0.667em + 2px) calc(1.333em + 2px);
  border-radius: 6px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
  transition: var(--link-transition);
}

#GO-TOP p:hover {
  background-color: rgb(0 0 0 / 100%);
}

@media screen and (max-width: 1150px) {
  #GO-TOP {
    bottom: 30px;
    right: 30px;
    filter: invert(1);
    -webkit-filter: invert(1);
  }
}
/*
Theme Name: BancaSempioneTheme
Theme URI: 
Author: TEAM99
Author URI: https://team99.it/
Description: 
Requires at least: 5.8
Requires PHP: 5.7
Version: 0.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bancasempionetheme
*/

/*
-------------------------------------------------------------------
#GENERALE
  #Tipografia
  #Scrollbar

#HEADER
  #Hamburger
  #Language switcher
  #Menu Overlay
  #Search Bar

#BODY
  #Page Preloader
  #Body Preloader
  #Circle border link
  #Our team
  #Archive template
  #Contact section
  #Pagina Contatti
  #Pagina Pubblicazione
  #Pubblicazioni - Search results
  #Pagina Risultati ricerca

#PLUGINS
  #WPML
  #Formidable
  #Booked

#ANIMAZIONI
  #Freccetta blu after titolo
  #Immagini
  #Background gradient animation
  #Loader (3 dots)

#FOOTER 
  #Pulsante Go-top 


-------------------------------------------------------------------
*/
/*
-------------------------------------------------------------------
#GENERALE
-------------------------------------------------------------------
*/

:root {
  -webkit-font-smoothing: antialiased;
  --header-height: 108px;
  --link-transition: all 0.3s ease;
  --menu-bg-color: #131d29;
  --blur: blur(20px);
  --button-padding-standard: calc(0.667em + 6px) calc(1.333em + 18px);
  --button-padding-big: calc(0.667em + 4px) calc(1.333em + 16px);
  --button-padding-small: calc(0.667em + 2px) calc(1.333em + 2px);
}

/* Reset */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}

html {
  /* scroll-behavior: smooth; */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

strong {
  /* display: inline-block; */
  font-weight: bold;
}

input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 1em;
  width: 1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'/%3E%3C/svg%3E");
  background-size: contain;
  opacity: 0;
  pointer-events: none;
}

input[type="search"]:focus::-webkit-search-cancel-button {
  opacity: 0.5;
  pointer-events: all;
}

.wp-block-search__input {
  border-radius: 0px;
}

#SMOOTH-SCROLL {
  overflow: hidden !important;
}

.wp-site-blocks {
  overflow: hidden;
}

.has-global-padding :where(.has-global-padding) {
  padding-right: var(--wp--style--root--padding-right);
  padding-left: var(--wp--style--root--padding-left);
}

a:where(:not(.wp-element-button)):any-link {
  transition: all 0.3s ease;
}

/* .wp-block-column {
  padding-right: inherit !important;
  padding-left:  inherit !important;
} */
@media screen and (max-width: 768px) {
  .no-mobile:not(.block-editor__container *) {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .no-desktop:not(.block-editor__container *) {
    display: none !important;
  }
}

@media screen and (min-width: 781px) {
  .border-sides {
    border-width: 0 1px 0 1px;
    border-style: dashed;
  }
}

.relative {
  position: relative;
}

.wp-block-column {
  z-index: 10;
}

.full-height {
  min-height: 100vh;
}

.block-editor-iframe__body .hide-in-editor {
  display: none !important;
}

.hide-first ul li:first-child {
  display: none;
}

.max-800-px {
  max-width: 800px !important;
}

@media screen and (max-width: 781px) {
  .wp-block-column:not(.has-background) {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/*
**************************
#Tipografia
**************************
*/
.has-titolo-font-size,
.has-titolo-xxl-font-size,
.has-titolo-xxxl-font-size {
  line-height: 1;
}

.has-titolo-xl-font-size {
  line-height: 1.1;
}

.has-titolo-font-size {
  line-height: 1.2;
  letter-spacing: -1px;
}

.has-titolo-xl-font-size,
.has-titolo-xxl-font-size,
.has-titolo-xxxl-font-size {
  letter-spacing: -2px;
}

.text-justify {
  text-align: justify !important;
}

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

/*
**************************
#Scrollbar
**************************
*/
body::-webkit-scrollbar {
  display: none;
}

body {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/*
-------------------------------------------------------------------
#HEADER 
-------------------------------------------------------------------
*/
header {
  position: fixed;
  width: 100%;
  height: var(--header-height);
  z-index: 101;
  transition: all 0.3s ease-out;
}

.wp-block-site-logo img {
  height: var(--logo-header-height);
  pointer-events: none;
}

header.block-editor-block-list__block {
  min-height: 300px !important;
}

.header-main li {
  display: inline-block;
  padding-left: 2vw;
}

ul.menu {
  list-style: none;
  padding: 0;
}

.ebanking-button a {
  color: var(--wp--preset--color--primario);
  font-weight: bold;
  border-radius: 9999px;
  white-space: nowrap;
  padding: calc(0.667em + 2px) calc(1.333em + 2px);
  transition: var(--link-transition);
}

.ebanking-button a:hover {
  color: var(--wp--preset--color--secondario);
}

.widget-menu-header-right {
  white-space: nowrap;
  padding-right: 2vw;
}

.menu-open .widget-menu-header-right,
.menu-open .wp-block-site-logo {
  opacity: 0;
  visibility: hidden;
}

@media screen and (min-width: 781px) {
  .menu-open .wp-block-site-logo {
    opacity: 1;
    visibility: visible;
    filter: brightness(50);
    -webkit-filter: brightness(50);
    z-index: 1001;
  }
}

.search-button a::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
  width: 16px;
  height: 16px;
  background-image: url('data:image/svg+xml;charset=utf-8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="119.828px" height="122.88px" viewBox="0 0 119.828 122.88" enable-background="new 0 0 119.828 122.88" xml:space="preserve"><g><path d="M48.319,0C61.662,0,73.74,5.408,82.484,14.152c8.744,8.744,14.152,20.823,14.152,34.166 c0,12.809-4.984,24.451-13.117,33.098c0.148,0.109,0.291,0.23,0.426,0.364l34.785,34.737c1.457,1.449,1.465,3.807,0.014,5.265 c-1.449,1.458-3.807,1.464-5.264,0.015L78.695,87.06c-0.221-0.22-0.408-0.46-0.563-0.715c-8.213,6.447-18.564,10.292-29.814,10.292 c-13.343,0-25.423-5.408-34.167-14.152C5.408,73.741,0,61.661,0,48.318s5.408-25.422,14.152-34.166C22.896,5.409,34.976,0,48.319,0 L48.319,0z M77.082,19.555c-7.361-7.361-17.53-11.914-28.763-11.914c-11.233,0-21.403,4.553-28.764,11.914 C12.194,26.916,7.641,37.085,7.641,48.318c0,11.233,4.553,21.403,11.914,28.764c7.36,7.361,17.53,11.914,28.764,11.914 c11.233,0,21.402-4.553,28.763-11.914c7.361-7.36,11.914-17.53,11.914-28.764C88.996,37.085,84.443,26.916,77.082,19.555 L77.082,19.555z"/></g></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: var(--link-transition);
}

.search-button a:hover::before {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="119.828px" height="122.88px" viewBox="0 0 119.828 122.88" enable-background="new 0 0 119.828 122.88" xml:space="preserve"><g><path fill="rgb(7,166,255)" d="M48.319,0C61.662,0,73.74,5.408,82.484,14.152c8.744,8.744,14.152,20.823,14.152,34.166 c0,12.809-4.984,24.451-13.117,33.098c0.148,0.109,0.291,0.23,0.426,0.364l34.785,34.737c1.457,1.449,1.465,3.807,0.014,5.265 c-1.449,1.458-3.807,1.464-5.264,0.015L78.695,87.06c-0.221-0.22-0.408-0.46-0.563-0.715c-8.213,6.447-18.564,10.292-29.814,10.292 c-13.343,0-25.423-5.408-34.167-14.152C5.408,73.741,0,61.661,0,48.318s5.408-25.422,14.152-34.166C22.896,5.409,34.976,0,48.319,0 L48.319,0z M77.082,19.555c-7.361-7.361-17.53-11.914-28.763-11.914c-11.233,0-21.403,4.553-28.764,11.914 C12.194,26.916,7.641,37.085,7.641,48.318c0,11.233,4.553,21.403,11.914,28.764c7.36,7.361,17.53,11.914,28.764,11.914 c11.233,0,21.402-4.553,28.763-11.914c7.361-7.36,11.914-17.53,11.914-28.764C88.996,37.085,84.443,26.916,77.082,19.555 L77.082,19.555z"/></g></svg>');
}

@media screen and (max-width: 781px) {
  .widget-menu-header-right
    li.menu-item:not(.ebanking-button):not(.search-button) {
    display: none;
  }

  .search-button a {
    font-size: 0;
  }

  .search-button a::before {
    vertical-align: bottom;
    width: 24px;
    height: 24px;
  }

  /* #HEADER .wp-block-group:nth-child(1) {
    padding-right: 0 !important;
  } */

  #HEADER .wp-block-group:nth-child(2) {
    padding-left: 0 !important;
  }
}

header.hide {
  transform: translateY(-150%);
}

header.sticky {
  background-color: rgba(255, 255, 255, 0.8);
  backdrop-filter: var(--blur);
  -webkit-backdrop-filter: var(--blur);
  height: fit-content;
}

.search-open header.sticky {
  backdrop-filter: unset;
  -webkit-backdrop-filter: unset;
}

#LIGHT-HEADER
  > header:not(.sticky)
  a:not(.ebanking-button a):not(:hover):not(.custom-logo-link):not(
    .menu-overlay a
  ):not(.search-result a):not(#MODAL-LANG a):not(#LINK-UTILI a),
#LIGHT-HEADER > header:not(.sticky) svg:not(.menu-open svg),
#LIGHT-HEADER > header:not(.sticky) p:not(.menu-open p):not(#LINK-UTILI p) {
  filter: invert(1);
  -webkit-filter: invert(1);
}

#LIGHT-HEADER > header:not(.sticky) img.custom-logo {
  filter: brightness(50);
  -webkit-filter: brightness(50);
}

/*
**************************
#Hamburger
**************************
*/
.btn-menu {
  position: relative;
  background: #fff;
  min-height: 22px;
  padding-left: 0;
  padding-right: 0;
  border: none;
  z-index: 1001;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  transition: 0.3s ease;
}

.btn-menu__bars {
  display: block !important;
  background: var(--wp--preset--color--black);
  position: relative;
  width: 36px;
  height: 1px;
  transition: 0.3s;
}

.btn-menu__bars:before,
.btn-menu__bars:after {
  content: "";
  background: var(--wp--preset--color--black);
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.3s;
}

.btn-menu__bars:before {
  transform: translate(0, -10px);
}

.btn-menu__bars:after {
  transform: translate(0, 10px);
}

.menu-open .btn-menu:before {
  content: "CHIUDI";
  position: absolute;
  left: -200%;
  top: 20%;
  color: #fff;
}

:lang(en) .menu-open .btn-menu:before {
  content: "CLOSE";
}

:lang(es) .menu-open .btn-menu:before {
  content: "CERRAR";
}

:lang(de) .menu-open .btn-menu:before {
  content: "SCHLIESSEN";
  left: -270%;
}

.menu-open .btn-menu .btn-menu__bars {
  background-color: transparent;
}

.menu-open .btn-menu__bars:before {
  background-color: white;
  transform: rotate(45deg);
}

.menu-open .btn-menu__bars:after {
  background-color: white;
  transform: rotate(-45deg);
}

#HAMBURGER {
  z-index: 101;
  display: flex;
}

#HAMBURGER p {
  line-height: 0;
  padding: 0;
}

/*
**************************
#Language switcher
**************************
*/
#LANG-ICON {
  position: relative;
  cursor: pointer;
}

#LANG-ICON #MODAL-LANG,
#LINK-UTILI {
  display: flex;
  position: absolute;
  top: 150%;
  right: 0%;
  background-color: rgb(0 0 0 / 80%);
  color: #fff;
  backdrop-filter: blur(2px);
  text-align: center;
  border-radius: 6px;
  display: none;
}

#MODAL-LANG.open,
#LINK-UTILI.open {
  display: flex !important;
}

#LINK-UTILI {
  top: 100%;
  right: 35%;
}

#LINK-UTILI,
#LANG-ICON #MODAL-LANG li {
  padding: 0.8em 1em;
  margin: 0 !important;
}

.menu-overlay .wpml-ls-item a {
  /* justify-content: center; */
  margin-top: 2vh;
  font-size: clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.189), 16px) !important;
  text-transform: uppercase;
}

@media screen and (max-width: 781px) {
  #LANG-ICON {
    display: none;
  }
}

@media screen and (min-width: 782px) {
  .menu-overlay .wpml-ls-item {
    display: none;
  }
}

/*
**************************
#Menu Overlay
**************************
*/

.menu-overlay.block-editor-block-list__block {
  display: none !important;
}

.menu-overlay {
  position: fixed;
  width: 100%;
  min-height: 340px;
  height: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  pointer-events: none;
  background: var(--wp--preset--color--secondario);
  transform: translate3d(0, -100%, 0);
  box-shadow: none;
  transition: transform 0.3s ease-in-out;
}

.mostra-bg.menu-overlay::before {
  opacity: 0;
}

.menu-overlay a {
  color: white;
}

/* .menu-overlay a:not(a.oscura-voce-menu):hover {
  color: var(--wp--preset--color--primario);
} */

.block-editor-iframe__body .menu-overlay {
  position: static !important;
  transform: translateX(0%) !important;
}

.menu-open .menu-overlay {
  pointer-events: all;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6);
  transform: translate3d(0px, 0, 0px);
}

body.menu-open,
body.search-open {
  overflow: hidden;
}

.menu-overlay {
  overflow: auto;
  background-position: center;
  background-repeat: no-repeat;
}

.menu-item.menu-item-has-children:not(.wpml-ls-current-language)
  a:not(.sub-menu a):after {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='24' viewBox='0 0 24 24' fill='none'><path d='M5.75739 7.17154L7.1716 5.75732L16.2426 14.8283L16.2426 10.2427H18.2426L18.2426 18.2427H10.2426V16.2427L14.8285 16.2427L5.75739 7.17154Z' fill='white'/></svg>");
  position: absolute;
  top: 8px;
  opacity: 0.3;
  cursor: pointer;
  transform: translate(0, 0%);
  transition: transform 0.3s ease;
}

.menu-item.menu-item-has-children
  a.voce-menu-selezionata:not(.sub-menu a):after {
  transform: rotate(45deg);
}

@media screen and (max-width: 781px) {
  .menu-item.menu-item-has-children:not(.wpml-ls-current-language)
    a:not(.sub-menu a):after {
    position: relative;
  }

  .menu-item.menu-item-has-children
    a.voce-menu-selezionata:not(.sub-menu a):after,
  .menu-item.menu-item-has-children a:not(.sub-menu a):last-child:after {
    opacity: 0;
  }
}

.menu-item.menu-item-has-children a {
  transition: opacity 500ms ease;
}

a.oscura-voce-menu {
  /* opacity: .2; */
}

a.oscura-voce-menu:hover {
  opacity: 1;
}

a.voce-menu-selezionata {
  color: var(--wp--preset--color--primario);
}

.menu-overlay__go-back {
  position: absolute;
  left: 1vw;
  transition: var(--link-transition);
  cursor: pointer;
  z-index: 1001;
  display: none;
  transform: translateX(-200%);
}

.menu-overlay__go-back img {
  -webkit-user-drag: none;
}

.menu-open .menu-overlay__go-back {
  display: block;
}

.menu-overlay .menu-container {
  height: auto;
  padding-top: calc(var(--header-height) + 20px);
  padding-bottom: 5vh;
  overflow: visible;
  position: relative;
  min-height: 550px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.menu-overlay .widget-menu-overlay-section-main-menu {
  /* width: fit-content; */
  position: relative;
}

.menu-overlay .widget-menu-overlay-section-main-menu a:not(.sub-menu a) {
  font-size: var(--wp--preset--font-size--titolo);
  white-space: nowrap;
}

.menu-overlay ul {
  list-style-type: none;
  padding-inline-start: 0;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

#OVERLAY .riga-voci-menu {
  padding-left: var(--wp--style--root--padding-left);
  padding-right: var(--wp--style--root--padding-right);
}

#OVERLAY .riga-voci-menu ul li:not(.sub-menu li) {
  padding-bottom: 5px;
}

#OVERLAY .riga-voci-menu ul li:not(.sub-menu) {
  margin-right: 4vw;
  transition: padding 1s ease, color 250ms;
}

#OVERLAY
  .widget-menu-overlay-section-main-menu
  .menu
  li:not(:nth-child(6))
  a.voce-menu-selezionata:not(.sub-menu) {
  padding-right: 180px;
}

#OVERLAY .widget-menu-overlay-section-social {
  padding-left: var(--wp--style--root--padding-left);
  filter: invert(1);
  -webkit-filter: invert(1);
}

#OVERLAY .sub-menu {
  flex-direction: column;
}

@media screen and (min-width: 782px) {
  .menu-overlay .sub-menu {
    position: absolute;
    padding-top: 15px;
    pointer-events: none;
    font-weight: lighter;
    gap: 10px;
  }

  .menu-overlay .sub-menu a {
    font-size: 18px;
    opacity: 0;
    white-space: nowrap;
  }

  .menu-overlay .menu-item strong {
    padding-top: 16px;
  }

  .menu-overlay .sub-menu a:hover,
  .menu-overlay #menu-menu-overlay-bottom a:hover,
  #OVERLAY .riga-voci-menu ul li a:not(.sub-menu):hover {
    color: var(--wp--preset--color--primario);
  }

  #OVERLAY .widget-menu-overlay-section-main-menu .menu li:not(.sub-menu li) {
    display: inline-block;
    position: relative !important;
    text-decoration: none;
  }

  #OVERLAY
    .widget-menu-overlay-section-main-menu
    .menu
    li:not(.sub-menu li)::after {
    content: "";
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 0.1em;
    bottom: 0;
    left: 0;
    background: currentcolor;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out, width 1s ease;
  }

  #OVERLAY
    .widget-menu-overlay-section-main-menu
    .menu
    li:not(.sub-menu li):hover::after {
    transform: scaleX(1);
    transform-origin: bottom left;
  }

  #OVERLAY
    .widget-menu-overlay-section-main-menu
    .menu
    li:not(.sub-menu li):has(> a.voce-menu-selezionata)::after {
    width: 90%;
    transform: scaleX(1);
    background: var(--wp--preset--color--primario);
  }

  .menu-overlay .widget-menu-overlay-menu-bottom ul li:not(:last-child) {
    border-right: 1px solid rgba(255, 255, 255, 0.3);
  }
}

.menu-overlay .widget-menu-overlay-menu-bottom ul {
  display: flex;
  flex-wrap: wrap;
  letter-spacing: 2px;
  padding-right: 80px;
}

.menu-overlay .widget-menu-overlay-menu-bottom ul li {
  padding: 0 16px;
  white-space: nowrap;
  line-height: 1;
}

.menu-overlay .wp-block-search__input {
  border: 0;
}

.menu-overlay .overlay-bottom {
  text-transform: uppercase;
}

@media screen and (max-width: 781px) {
  .menu-overlay .widget-menu-overlay-menu-bottom ul {
    justify-content: flex-start;
    padding-right: unset;
  }

  #OVERLAY .wp-block-social-links {
    font-size: 18px;
  }

  .menu-overlay .menu-container {
    min-height: 100dvh;
    justify-content: space-around;
  }

  .menu-overlay {
    background: #131d29;
    background-image: none !important;
  }

  #OVERLAY .widget-menu-overlay-section-social {
    padding-left: var(--wp--style--root--padding-left);
    width: 100%;
  }

  /* #menu-menu-overlay-main.menu {
    padding-left: var(--wp--style--root--padding-left);
  } */

  .widget-menu-overlay-section-main-menu ul.menu {
    flex-direction: column;
  }

  .menu-overlay ul {
    gap: unset;
    justify-content: start;
  }

  .menu-overlay .widget-menu-overlay-menu-bottom ul li {
    margin-bottom: 12px;
  }

  .menu-overlay .widget-menu-overlay-menu-bottom ul li:nth-child(2) {
    order: 2;
  }

  .menu-overlay .overlay-bottom {
    gap: 2vh;
    text-transform: uppercase;
  }

  #OVERLAY .sub-menu {
    transition: all 0.3s ease;
    font-size: 16px;
  }

  #OVERLAY .sub-menu a:hover {
    color: var(--wp--preset--color--primario);
  }

  #OVERLAY .sub-menu.hidden {
    line-height: 0;
    opacity: 0;
    pointer-events: none;
  }
}

/*
**************************
#Search Bar
**************************
*/
#SEARCH-BAR {
  position: fixed;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  background: #212d56fc;
  backdrop-filter: var(--blur);
  -webkit-backdrop-filter: var(--blur);
  top: 0;
  min-height: 340px;
  z-index: 9999;
  transform: translate3d(0, -100%, 0);
  box-shadow: none;
  transition: transform 0.3s ease-in-out;
}

.search-open #SEARCH-BAR {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6);
  transform: translate3d(0px, 0, 0px);
}

#SEARCH-BAR form {
  width: 100%;
}

#SEARCH-BAR .wp-block-search__inside-wrapper {
  border-radius: 50px;
  border: 0;
}

#SEARCH-BAR .wp-element-button {
  padding: calc(0.667em + 2px) calc(1.333em + 30px);
  transition: var(--link-transition);
}

#SEARCH-BAR input,
#SEARCH-BAR button {
  border-radius: 50px;
  font-weight: normal;
}

#SEARCH-BAR input {
  padding: calc(0.667em + 2px) calc(1.333em + 0px);
  background: #ffffff0a;
  font-size: 120%;
}

#SEARCH-BAR .close-search {
  background: white;
  width: 100px;
  padding: 0;
  opacity: 0.5;
  font-size: 0;
  margin: 30px;
  line-height: 0;
  cursor: pointer;
  position: absolute;
  right: 6vw;
  top: 35px;
  transition: opacity 500ms ease;
}

@media screen and (max-width: 1500px) {
  #SEARCH-BAR .close-search {
    top: 10px;
    right: 20px;
  }
}

#SEARCH-BAR .close-search::before,
#SEARCH-BAR .close-search::after {
  content: "";
  position: absolute;
  height: 2px;
  width: 40px;
  background-color: white;
  border-radius: 50px;
  top: 0;
  right: 0;
  transition: transform 500ms ease;
}

#SEARCH-BAR .close-search::before {
  transform: rotate(135deg);
}

#SEARCH-BAR .close-search::after {
  transform: rotate(45deg);
}

#SEARCH-BAR .close-search:is(:hover) {
  opacity: 1;
}

@media screen and (max-width: 781px) {
  #SEARCH-BAR {
    background: #00000096;
    min-height: 100dvh;
  }

  #SEARCH-BAR .wp-block-search__inside-wrapper {
    gap: 30px;
    flex-wrap: wrap;
    justify-content: center;
  }
}

#RESULT-SEARCH {
  padding-top: 15px;
  width: 100%;
  min-height: 140px;
  color: #ffffff47;
  font-size: clamp(16px, 2vw, 18px);
  text-transform: uppercase;
}

#RESULT-SEARCH .search-result {
  color: white;
  text-transform: none;
}

#RESULT-SEARCH .search-result::before {
  content: "";
  display: inline-block;
  margin-right: 10px;
  width: 14px;
  height: 14px;
  background-image: url('data:image/svg+xml;charset=utf-8,<svg class="svg-icon search-icon" aria-labelledby="title desc" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.9 19.7"><title id="title">Search Icon</title><desc id="desc">A magnifying glass icon.</desc><g class="search-path" fill="none" stroke="%23848F91"><path stroke-linecap="square" d="M18.5 18.3l-5.4-5.4"/><circle cx="8" cy="8" r="7"/></g></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/*
-------------------------------------------------------------------
#BODY 
-------------------------------------------------------------------
*/
/*
**************************
#Page Preloader
**************************
*/
#PAGE-PRELOADER {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  will-change: opacity;
  min-height: 400px;
}

#PAGE-PRELOADER img {
  filter: brightness(100);
  max-width: 50vw;
}

#PAGE-PRELOADER .logo,
#PAGE-PRELOADER .testo-1 {
  width: 100%;
  opacity: 0;
  position: absolute;
  top: 45%;
}

#PAGE-PRELOADER .testo-2 {
  transform: translateY(15vh);
}

#PAGE-PRELOADER .testo-2,
#PAGE-PRELOADER .testo-3 {
  opacity: 0;
}

#CLOSE-PRELOADER {
  position: absolute;
  opacity: 0;
  right: 4vw;
  bottom: 0;
  cursor: pointer;
  z-index: 1000;
  /* font-family: 'Inter'; */
  transition: var(--link-transition);
  /* padding: 5px 20px; */
}

#CLOSE-PRELOADER:hover {
  opacity: 1 !important;
}

@media screen and (min-width: 781px) {
  #PAGE-PRELOADER .testo-1,
  #PAGE-PRELOADER .testo-2,
  #PAGE-PRELOADER .testo-3 {
    font-size: var(--wp--preset--font-size--titolo);
    line-height: 1.2;
    letter-spacing: -1px;
  }
}

/*
**************************
#Body Preloader
**************************
*/
body:not(#tinymce) {
  visibility: hidden;
  background: var(--menu-bg-color);
  visibility: hidden;
  opacity: 0;
  transition: background 800ms ease-in, opacity 300ms ease;
  -webkit-transition: background 800ms ease-in, opacity 300ms ease;
}

.body-load {
  background: white !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.editor-styles-wrapper,
.block-editor-iframe__body {
  background: white !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/*
**************************
#Circle border link
**************************
*/

.circle-border {
  margin-bottom: var(--wp--preset--spacing--50) !important;
  transition: var(--link-transition);
  text-transform: uppercase;
}

.circle-border {
  transition: var(--link-transition);
  /* margin-left: var(--wp--preset--spacing--40); */
}

.circle-border a {
  border: 1px solid;
  border-radius: 50px;
  margin-right: 10px;
  padding: var(--button-padding-big);
  white-space: nowrap;
}

.circle-border a:hover {
  color: white;
  background-color: var(--wp--preset--color--secondario);
  border-color: var(--wp--preset--color--secondario);
}

@media screen and (max-width: 781px) {
  .circle-border a {
    padding: var(--button-padding-small);
  }

  .archive .taxonomy-tipo-pubblicazione,
  .archive .taxonomy-category {
    margin: var(--wp--preset--spacing--50) 0 0 0;
  }
}

/*
**************************
#Our team
**************************
*/
#OUR-TEAM .cover-img-profile {
  position: absolute;
  opacity: 0;
  transition: all 750ms ease-out;
}

#OUR-TEAM .hover.cover-img-profile {
  opacity: 1;
  transform: scale(1.05);
}

/*
**************************
#Archive template
**************************
*/
/* .archive .wp-block-post-title {
  max-width: calc(var(--wp--style--global--content-size) - 500px);
} */
/*
**************************
#Pagina Contatti
**************************
*/
@media screen and (max-width: 781px) {
  #CONTATTI .column-1 {
    order: 3;
  }

  #CONTATTI .column-1 * {
    align-items: center;
    text-align: center;
  }

  #CONTATTI .column-2 {
    order: 1;
  }

  #CONTATTI .column-3 {
    order: 2;
  }
}

#CONTATTI .form-contatti_container {
  width: 100%;
}

.frm_button_submit {
  transition: var(--link-transition);
}

/*
**************************
#Pagina Pubblicazione
**************************
*/
.pdf-documenti p {
  font-weight: 600;
  padding-top: 0;
}

.pdf-documenti p:before {
  content: "";
  background: url("/wp-content/themes/bancasempionetheme/assets/images/pdf-document-new.svg");
  width: 20px;
  height: 20px;
  display: inline-block;
  background-position: center;
  background-size: cover;
  vertical-align: text-bottom;
  margin-right: 10px;
  transition: var(--link-transition);
}

.pdf-documenti p:hover::before {
  transform: translateY(-2px);
}

.wp-block-search__input {
  background: transparent;
}

.zip-pubblicazione {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 800;
}

.zip-pubblicazione .dashicons {
  transition: var(--link-transition);
}

.zip-pubblicazione:hover .dashicons {
  transform: translateY(-3px) !important;
}

.taxonomy-tipo-pubblicazione a:first-child:not(:only-child) {
  display: none;
}

/*
**************************
#Pubblicazioni - Search results
**************************
*/
#RESULT-PUBBL-S {
  position: absolute;
  padding: 10px;
  border: 1px solid whitesmoke;
  background: #fffffff0;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  z-index: 999;
  display: none;
  width: 100%;
}

.s-result-pubbl {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  font-family: "Poppins";
  padding: 10px 15px;
  cursor: pointer;
  border-bottom: 1px solid #00000008;
}

.s-result-pubbl:before {
  content: " ";
  background: url("/wp-content/themes/bancasempionetheme/assets/images/pdf-documenti.svg");
  width: 21px;
  height: 24px;
  position: absolute;
  right: 0;
  background-position: center;
  background-size: cover;
  vertical-align: top;
  margin: 10px 20px;
}

.s-result-pubbl:last-child {
  border-bottom: 0px;
}

.s-result-pubbl:hover {
  background: white;
}

.s-result-pubbl:hover span:first-child {
  color: var(--wp--preset--color--primario);
}

@media screen and (max-width: 781px) {
  .s-result-pubbl {
    flex-direction: column;
    padding: 10px 0;
  }
}

.s-result-pubbl__tipo {
  color: var(--wp--preset--color--light-gray);
  font-size: 90%;
  transition: var(--link-transition);
}

.riga-pubblicazione .s-result-pubbl__tipo {
  margin: 0 15px 0 0;
}

.data-pubbl {
  font-size: 90%;
  color: var(--wp--preset--color--light-gray);
}

/*
**************************
#Pagina Risultati ricerca
**************************
*/
@media screen and (max-width: 781px) {
  .search .is-horizontal.is-nowrap {
    flex-wrap: wrap !important;
  }
}

/*
**************************
#Contact section
**************************
*/
@media screen and (max-width: 781px) {
  #CONTACT-SECTION {
    background: none !important;
  }
}

/*
-------------------------------------------------------------------
#PLUGINS 
-------------------------------------------------------------------
*/
/*
**************************
#WPML
**************************
*/
.otgs-development-site-front-end {
  display: none;
}

.wpml-language-switcher-block ul {
  padding: 15px !important;
}

/*
**************************
#Formidable
**************************
*/
.frm_dropzone.frm_single_upload {
  max-width: unset;
}

.work-with-us-modal {
  transition: var(--link-transition) !important;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

.frm_button_submit {
  letter-spacing: 2px;
}

.wp-block-frm-modal-button a {
  border-radius: 50px;
  padding: var(--button-padding-standard);
}

[id^="form_newsletter"] .frm_final_submit {
  display: none !important;
}

/*
**************************
#Booked
**************************
*/
.booked-calendar {
  border-radius: 0 !important;
}

.backToMonth {
  display: none;
}

#newAppointmentForm .button,
#newAppointmentForm button,
.booked-calendar .button {
  cursor: pointer;
}

.booked-modal .bm-overlay {
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

#submit-request-appointment {
  padding: calc(0.667em + 8px) calc(1.333em + 2px);
  font-size: 16px;
  letter-spacing: 2px;
  width: 100%;
  margin-bottom: 20px;
  border-radius: 90px;
  text-transform: uppercase;
}

.booked-title-bar small {
  text-transform: capitalize !important;
  font-size: 18px !important;
}

#newAppointmentForm .cancel {
  width: 100%;
  background: transparent !important;
  border: 0 !important;
}

.timeslot-people {
  margin-bottom: 20px;
}

.timeslot-people .spots-available {
  color: white !important;
}

body .booked-appt-list.shown {
  max-height: 300px;
  overflow: scroll;
}

@media screen and (max-width: 781px) {
  body
    div.booked-calendar-wrap
    div.booked-calendar
    .bc-body
    .bc-row.week
    .bc-col.today
    .date
    span {
    box-shadow: none !important;
  }

  .date .number {
    border-radius: 0px !important;
    /* color: #cccccc; */
  }

  body .booked-appt-list.shown {
    max-height: 200px;
  }
}

/*
-------------------------------------------------------------------
#ANIMAZIONI 
-------------------------------------------------------------------
*/
/*
**************************
#Freccetta blu after titolo
**************************
*/
.home .wp-block-query .wp-block-post-title,
#OUR-TEAM .wp-block-post-title,
.arrow-title {
  position: relative;
  padding-right: 40px;
}

.home .wp-block-query .wp-block-post-title::after,
#OUR-TEAM .wp-block-post-title::after,
.arrow-title::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31.437' height='32.659' fill='none' stroke='%2300a7ff' stroke-width='2' xmlns:v='https://vecta.io/nano'%3E%3Cpath d='M.302 1h30.117v30.963'/%3E%3Cpath d='M30.719.964l-30 31'/%3E%3C/svg%3E");
  position: absolute;
  opacity: 1;
  right: 0px;
  top: 0%;
  cursor: pointer;
  transform: translate(0, 0%);
  transition: transform 0.3s ease;
}

.home .wp-block-query .wp-block-post-title:hover::after,
#OUR-TEAM .wp-block-post-featured-image:hover + .wp-block-post-title:after,
#OUR-TEAM .wp-block-post-title:hover::after,
.arrow-title:hover::after {
  transform: translate3d(5px, -5px, 10px);
}

.arrow-title.arrow-small::after {
  top: unset;
  transform: scale(0.4) translate(0%, -30%);
}

.arrow-title.arrow-small:hover::after {
  transform: scale(0.4) translate(25%, -50%);
}

/*
**************************
#Immagini
**************************
*/
.wp-block-post-featured-image img {
  transition: transform 1s ease;
}

.wp-block-post-featured-image:not(
    .search-results .wp-block-post-featured-image
  ) {
  overflow: hidden;
}

.wp-block-post-featured-image:not(#OUR-TEAM .wp-block-post-featured-image):not(
    .search-results .wp-block-post-featured-image
  )
  a:hover
  > img {
  transform: scale(1.05);
}

/*
**************************
#Background gradient animation 
**************************
*/

.gradient-follow-mouse {
  position: relative;
  overflow: hidden;
}

.gradient-follow-mouse .gradient-element-container {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  will-change: transform;
  z-index: 1;
  filter: blur(50px);
  pointer-events: none;
}

.gradient-follow-mouse .gradient-element-container .gradient-element {
  position: relative;
  width: 100vh;
  height: 100vh;
  background: rgb(0, 167, 255);
  background: radial-gradient(
    circle,
    rgba(0, 167, 255, 0.3) 0%,
    rgba(255, 255, 255, 0) 60%
  );
  transform: translate(-50%, -50%);
}

/*
**************************
#Loader (3 dots)
**************************
*/
.dot-pulse {
  position: relative;
  left: -9999px;
  /* border: 1px solid black; */
  width: 10px;
  margin-left: 50%;
  margin-top: 50px;
  margin-bottom: 50px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--wp--preset--color--primario);
  color: var(--wp--preset--color--primario);
  box-shadow: 9999px 0 0 -5px;
  animation: dot-pulse 1.5s infinite linear;
  animation-delay: 0.25s;
}

.dot-pulse::before,
.dot-pulse::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--wp--preset--color--primario);
  color: var(--wp--preset--color--primario);
}

.dot-pulse::before {
  box-shadow: 9984px 0 0 -5px;
  animation: dot-pulse-before 1.5s infinite linear;
  animation-delay: 0s;
}

.dot-pulse::after {
  box-shadow: 10014px 0 0 -5px;
  animation: dot-pulse-after 1.5s infinite linear;
  animation-delay: 0.5s;
}

@keyframes dot-pulse-before {
  0% {
    box-shadow: 9984px 0 0 -5px;
  }

  30% {
    box-shadow: 9984px 0 0 2px;
  }

  60%,
  100% {
    box-shadow: 9984px 0 0 -5px;
  }
}

@keyframes dot-pulse {
  0% {
    box-shadow: 9999px 0 0 -5px;
  }

  30% {
    box-shadow: 9999px 0 0 2px;
  }

  60%,
  100% {
    box-shadow: 9999px 0 0 -5px;
  }
}

@keyframes dot-pulse-after {
  0% {
    box-shadow: 10014px 0 0 -5px;
  }

  30% {
    box-shadow: 10014px 0 0 2px;
  }

  60%,
  100% {
    box-shadow: 10014px 0 0 -5px;
  }
}

/*
-------------------------------------------------------------------
#FOOTER 
-------------------------------------------------------------------
*/
#FOOTER img.custom-logo {
  max-width: 180px;
  width: 100%;
}

#FOOTER .divisiore-nascosto {
  opacity: 0;
}

#FOOTER {
  background-position-x: center !important;
  background-size: cover !important;
  background-position-y: 165px !important;
}

@media (max-width: 1920px) {
  #FOOTER {
    background-size: 1920px 1080px !important;
  }
}

#FOOTER .column-3 {
  z-index: 1;
}

@media screen and (max-width: 1150px) {
  #FOOTER .wp-block-columns {
    flex-direction: column;
  }

  #FOOTER .wp-block-column {
    flex-basis: 100% !important;
  }

  #FOOTER {
    background: var(--wp--preset--color--secondario) !important;
    color: white;
  }

  #FOOTER label,
  #FOOTER a {
    color: white !important;
  }

  #FOOTER img.custom-logo {
    filter: brightness(50);
    -webkit-filter: brightness(50);
  }

  #FOOTER .divisiore-nascosto {
    opacity: 1;
  }

  #FOOTER svg {
    fill: white;
  }

  #FOOTER .column-1 {
    order: 1;
  }

  #FOOTER .column-2 {
    order: 3;
  }

  #FOOTER .column-3 {
    order: 4;
  }

  #FOOTER .column-4 {
    order: 5;
  }

  #FOOTER .column-5 {
    order: 0;
  }
}

@media screen and (min-width: 1151px) {
  #FOOTER .columns_dowload_app {
    transform: translateX(-8px);
  }
}

#FOOTER .frm_form_field input[type="email"] {
  height: 54px !important;
}

#FOOTER .newsletter_button_submit {
  position: absolute;
  cursor: pointer;
  right: 0;
  top: 15px;
  border: 0;
  height: 54px;
  width: 54px;
  background-color: var(--wp--preset--color--primario);
  padding: 0;
  transition: var(--link-transition);
}

#FOOTER .newsletter_button_submit:after {
  content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45.31' height='45.133' xmlns:v='https://vecta.io/nano'%3E%3Cg transform='matrix(.707107 .707107 -.707107 .707107 1379.635 -3948.675)' fill='none' stroke='%23fff' stroke-width='2'%3E%3Cpath d='M1833.083 3752.221h30.117v30.963'/%3E%3Cpath d='M1863.5 3752.185l-30 31'/%3E%3C/g%3E%3C/svg%3E");
  scale: 0.7;
  width: 100%;
  display: block;
}

#FOOTER .newsletter_button_submit:hover {
  background-color: black;
  color: white;
}

#FOOTER .columns_dowload_app {
  flex-direction: row;
  flex-wrap: nowrap !important;
}

#FOOTER .icon-download-app {
  opacity: 0.5;
}

#FOOTER .frm_checkbox label {
  display: flex;
  gap: 0.7em;
}

/*
**************************
#Pulsante Go-top 
**************************
*/
#GO-TOP {
  position: fixed;
  bottom: 60px;
  right: 60px;
  z-index: 10;
  cursor: pointer;
  transform: translateY(150px);
  transition: all 0.8s ease-in-out;
}

#GO-TOP.show-gotop {
  transform: translateY(0);
}

#GO-TOP p {
  transform: translate(0px, 0px);
  background-color: rgb(0 0 0 / 80%);
  backdrop-filter: blur(2px);
  color: white;
  font-size: 90%;
  -webkit-backdrop-filter: blur(2px);
  padding: calc(0.667em + 2px) calc(1.333em + 2px);
  border-radius: 6px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
  transition: var(--link-transition);
}

#GO-TOP p:hover {
  background-color: rgb(0 0 0 / 100%);
}

@media screen and (max-width: 1150px) {
  #GO-TOP {
    bottom: 30px;
    right: 30px;
    filter: invert(1);
    -webkit-filter: invert(1);
  }
}