/* BODY STYLE */
:root {
  --root-font: 1.55rem;
  --primary: #276295;
  --slate-200: #e2e8f0;
  --slate-300: #cbd5e1;
  --slate-400: #94a3b8;

  --size-8: 1.65rem;
  --is-text-small: 1.4rem;
  --family-primary: "Albert Sans", sans-serif;
  --family-secondary: "Albert Sans", sans-serif;

  --color-black: #020617;
  --color-text: #2d4665;
  --title-weight: 680 !important;

  --color-placeholder: #5c6573bc !important;
  --color-subhero: #c0d2e8;
  --pagination-link: #020203;

  --navbar-bg-link: #1e293b !important;
  --navbar-text-link: #010204 !important;
  --navbar-text-link-hover: #fefefe !important;
  --navbar-shadow: 0px -2px 6px rgba(0, 0, 0, 0) !important;
  --navbar-border: 0px solid #e5e7ebbb !important;

  --offcanvas-bg: #0e2847;
  --offcanvas-text-color: #fefefe;
  --offcanvas-text-hover-color: #fefefe;
  --offcanvas-bg-hover-color: #010204;

  --color-link: #2b79bd;
  --footer-text-link: #334763;
  --color-bluegrey-1: #bcc3cd;
  --tag-grey-light: #b8c4d230;
  --slate-1: #f1f5f9;
  --slate-2: #e2e8f0;

  --custom-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --card-shadow: rgba(0, 0, 0, 0.11) -1px 3px 12px;
  --card-shadow-1: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  --comment-border: var(--color-bluegrey-1);
  --avatar-text: #334155;
  --avatar-bg: #e2e8f0;
  --blogpage-bold: #233853;

  --label-size: 1.5rem;
  --label-weight: 650;

  --pagination-bg: #f1f5f9;
  --pagination-bg-hover: #e2e8f0d1;
  ---pagination-border: #cad5e29c;
  --radius: 7px;
}

html {
  background-color: #fff;
}

body {
  height: auto;
  background: #fff;
  font-weight: 400;
  font-family: var(--family-primary);
  font-size: var(--root-font);
  line-height: 2.5rem;

  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

footer {
  margin-top: auto;
}

.input,
.textarea,
.button {
  font-family: var(--family-primary);
  border-color: var(--color-bluegrey-1);
  box-shadow: none;
}

body,
.card,
.box {
  color: var(--color-text);
}

.card-footer {
  padding: 1.5rem 2.4rem !important;
  border-top: 0px solid hsl(0, 0%, 93%);
}

.is-size-8 {
  font-size: var(--size-8);
}
.is-text-small {
  font-size: var(--is-text-small);
}
.title {
  font-family: var(--family-secondary) !important;
  font-weight: var(--title-weight) !important;
  color: var(--color-black);
  line-height: 1.5em;
}

a:not(
    .button,
    .tag,
    .level-item a,
    .breadcrumb a,
    .navbar a,
    .title a,
    .subtitle a,
    strong,
    b
  ) {
  font-weight: 500;
}

a {
  color: var(--color-link);
  cursor: pointer;
  text-decoration: none;
    text-decoration: none;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

a:hover {
  color: var(--color-link);
}

.card .title a,
.box .title a {
  color: var(--color-black);
}

/* place */
.select select:required:invalid {
  color: var(--color-placeholder) !important;
}
.select select option[value=""][disabled] {
  display: none;
}
.select select option {
  color: var(--color-placeholder) !important;
}

::placeholder {
  color: var(--color-placeholder) !important;
  opacity: 1 !important;
}

:-ms-input-placeholder {
  color: var(--color-placeholder) !important;
}

/* place */

/*ADJUST*/

/* .section {
  padding: 3rem 2.2rem;
} */

.input,
.textarea,
.button,
.message,
.panel,
.table {
  font-size: var(--root-font);
}

.button {
  font-weight: 500 !important;
}

.label {
  font-size: var(--label-size);
  color: var(--color-black);
  font-weight: var(--label-weight);
}

label.checkbox .control {
  display: flex;
  align-items: center;
  font-size:1.45rem;
}
label.checkbox .control input {
 margin-right: 0.67rem;
}

.box,
.card {
  box-shadow: var(--card-shadow-1);
  border-radius: var(--radius) !important;
}

/*content title*/
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
  color: var(--color-black) !important;
  font-weight: var(--title-weight) !important;
  line-height: 1.3em !important;
}

/*blogpage*/
.blogpage .content b,
.blogpage .content strong,
.box .nextprev b,
strong,
b {
  color: var(--color-black);
  font-weight: 600;
}

.blogpage.content ol, .blogpage.content ul,
.blogpage .content ol, .blogpage .content ul {
  margin-left: 2rem !important;
  margin-top: 1rem !important;
}

.blogpage.content ul li, .blogpage.content ol li,
.blogpage .content ul li, .blogpage .content ol li {
  margin-top: 1.4rem !important;
}

.blogpage h1,
.blogpage h2,
.blogpage h3,
.blogpage h4,
.blogpage h5,
.blogpage h6 {
  color: var(--color-black);
  margin-bottom: 1.8rem !important;
  margin-top: 2.2rem !important;
  font-weight: var(--title-weight);
  font-family: var(--family-secondary);
}

.blogpage h1,
.blogpage h2 {
  font-size: 1.5em !important;
}

/*table content blog*/
.content figure.wp-block-table {
  margin-left: 0;
  margin-right: 0;
  text-align: left;
}

.wp-block-table table {
  border: 1px solid #dbdbdb;
}
.wp-block-table table thead,
.content table thead th {
  font-weight: 600;
  color: var(--color-black);
  border-width: 0 0 1px !important;
  border-color: #dbdbdb !important;
}
.wp-element-caption {
  font-size: 90%;
}

/*wp pagination*/
.pagination {
  font-size: 1.35rem;
}

.pagination-link {
  border: 0px;
  /* background: #fff; */
  background-color: var(--pagination-bg);
  color: #64748b;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-weight: 550 !important;
  border: 1px solid var(---pagination-border);
}

.pagination-link:hover,
.pagination-next:hover,
.pagination-previous:hover {
  background-color: var(--pagination-bg-hover);
  color: #64748b;
  border: 1px solid var(---pagination-border);
}

.pagination-link:focus,
.pagination-next:focus,
.pagination-previous:focus {
  border: 1px solid var(--primary);
  box-shadow: none !important;
}

.pagination-link.is-current {
  background-color: var(--primary);
  border: 0px;
  color: #fff;
}

.media-left {
  margin-right: 1.4rem;
}

.media-right {
  margin-left: 1.4rem;
}

.media-content {
  overflow: hidden;
}

.help {
  font-size: 1.35rem;
}

.control {
  font-size: var(--root-font);
}

.dates {
  text-transform: lowercase;
}

/*new breakpoint*/
@media screen and (max-width: 639px) {
  .is-6-small {
    flex: none;
    width: 50% !important;
  }
  .is-7-small {
    flex: none;
    width: 58.33333% !important;
  }
  .is-8-small {
    flex: none;
    width: 66.66667% !important;
  }
  .is-9-small {
    flex: none;
    width: 75% !important;
  }
  .is-10-small {
    flex: none;
    width: 83.33333% !important;
  }
  .is-11-small {
    flex: none;
    width: 91.66667% !important;
  }
  .is-12-small {
    flex: none;
    width: 100% !important;
  }
}

/*ADJUST*/

/*nextprev*/
.nextprev {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.left-0 {
  left: 0;
}
.right-0 {
  right: 0;
}

.badges {
  position: absolute;
  background: #5e7d99;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.badges .fas {
  font-size: 2rem;
  color: #f7f7f7;
}

.image.is-90x90 {
  width: 83px;
  height: 83px;
}

@media screen and (max-width: 1023px) {
  .nextprev .image.is-90x90 {
    width: 74px;
    height: 74px;
  }
}
/*nextprev*/

/*other*/
.hero {
  background-color: #0e2847;
  color: #fff;
}

.hero .breadcrumb {
  color: var(--color-subhero);
}

.hero .breadcrumb li + li::before {
  color: var(--color-subhero);
}

.breadcrumb li:first-child a {
  padding-left: 0.75em;
}

/*NAVBAR*/
.button.is-light.openmenu.navbar-item {
  margin-bottom:0px !important;
}
.navbar-end {
    height: 5.75rem;
  }

  .navbar-item.is-hidden-desktop {
    height: 5.75rem;
  }
  
.navbar {
  padding-top: 1.3rem !important;
  padding-bottom: 0.95rem !important;
  padding-left: 0.95rem;
  padding-right: 0.95rem;
  min-height: 4.3rem !important;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border-bottom: var(--navbar-border);
  box-shadow: var(--navbar-shadow);
}

.navbar .navbar-brand a:hover,
.navbar .navbar-brand a:focus {
  background: transparent !important;
}

.navbar .navbar-start-center {
  display: flex;
  justify-content: center !important;
  margin-left: auto !important;
}

.navbar-item img {
  max-height: 4.75rem;
}

.navbar-item .button {
  font-size: 1.4rem;
  font-weight: 600;
}

.navbar-item,
.navbar-link {
  font-family: inherit;
  color: var(--navbar-text-link);
  font-weight: 550;
  font-size: 1.4rem;
  transition: all 0.25s ease-out 0s, color 0.25s ease-out 0s;
}
.menu-item.navbar-item {
  padding: 0.5rem 1.5rem !important;
}

.navbar-link.is-active,
.navbar-link:focus,
.navbar-link:focus-within,
.navbar-link:hover,
a.navbar-item.is-active,
a.navbar-item
a.navbar-item:focus-within,
a.navbar-item:hover {
  background-color: var(--navbar-bg-link);
  color: var(--navbar-text-link-hover);
  border-radius: 0.5rem;
}

a.navbar-item:focus {
background-color: transparent !important;
}

.navbar.is-fixed-top {
  left: 0;
  position: fixed;
  right: 0;
  z-index: 30;
  margin: auto;
}

/*OFF CANVAS*/
.off-canvas {
  top: 0;
  left: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.55);
  z-index: 9999;
  height: 100vh;
  display: none;
}

.off-canvas-left {
  top: 0;
  left: 0px;
  width: 280px;
  height: 100vh;
  position: fixed;
  background: var(--offcanvas-bg);
  z-index: 99991;
  overflow-y: auto;
  box-shadow: 0 0 20px rgba(10, 10, 10, 0.3);
  display: none;
}

.off-canvas-logo {
  height: 70px;
}

.off-canvas-left ul.offmenu a,
.off-canvas-left .navbar-item.has-dropdown.is-hoverable {
  color: var(--offcanvas-text-color);
  text-align: left !important;
  font-weight: 500;
  font-size: 1.35rem !important;
  padding: 1rem 2.5rem 1rem 2.5rem !important;
  font-size: 1.35rem !important;
  border-bottom: 1px solid #03132bcf;
  border-radius: 0rem;
}

.off-canvas-left .navbar-dropdown.is-boxed {
  padding-left: 1rem;
}

.off-canvas-left ul.offmenu a:hover {
  color: var(--offcanvas-text-color);
}
.off-canvas-left ul.offmenu a:hover {
  background: var(--offcanvas-bg-hover-color);
}

.off-canvas-left ul.offmenu a.is-active,
.off-canvas-left ul.offmenu a:focus,
.off-canvas-left ul.offmenu a:hover {
  background: transparent;
}

.fmenu ul.offmenu a.is-active,
.fmenu ul.offmenu a:focus,
.fmenu ul.offmenu a:hover {
  background: transparent;
  color: inherit;
}

.button.is-light.openmenu {
  background-color: transparent;
  border-color: transparent;
  color: #fff !important;
}

.button.is-light.openmenu .icon .fas {
  font-size: 2.1rem !important;
}
/*offcanvas*/

.ptruncate-1,
.ptruncate-2,
.ptruncate-3 {
  display: -webkit-box;
  max-width: 100%;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ptruncate-1 {
  -webkit-line-clamp: 1;
}
.ptruncate-2 {
  -webkit-line-clamp: 2;
}
.ptruncate-3 {
  -webkit-line-clamp: 3;
}

.post-th {
  max-height: 530px;
  margin: 0 auto !important;
  display: flex;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.navpostimg {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-size: cover !important;
  background-position: center !important;
}

/*eq card*/
.bm--card-equal-height {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.bm--card-equal-height .card-footer {
  margin-top: auto;
}

.bm--card-equal-height .pushbot {
  margin-top: auto !important;
}

/*footer*/

.footer {
  padding: 3rem 1.5rem 6rem;
  position: relative;
  background-color: #fff;
}

.footer p {
  color: #acacac;
}
.footersubnav {
  padding: 3rem 1.5rem 4rem 1.5rem;
}

.footeravatar {
  width: 85px;
  height: 85px;
  margin-bottom: 1.2rem;
}

.footersubnav .level {
  font-size: 1.3rem;
  font-weight: 450;
}

.footer .menu-list a,
.footer .menu-list li,
.footersubnav .level-item a:hover {
  color: var(--footer-text-link);
  transition: all 0.25s ease-out 0s, color 0.25s ease-out 0s;
}
.footersubnav .level-item,
.footersubnav .level-item a {
  color: #334763;
}

.button.is-social {
  transition: all 0.25s ease-out 0s, color 0.25s ease-out 0s;
}

.footer .button.is-social {
  background-color: #233d61a0;
  border-color: transparent;
  color: #fefefe;
}

.footer .button.is-social.is-hovered,
.footer .button.is-social:hover {
  background-color: #233d61;
  border-color: transparent;
}

.footer .heading {
  color: #6a7f9d;
}

.footerlogo {
  width: 35px;
  max-height: none !important;
  margin-bottom: 2rem;
}

@media screen and (max-width: 768px) {
  .footer-flex {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .footer ul.menu-list {
    text-align: center;
    margin-top: 2rem;
  }
}

/*HERO*/
.hero-body {
  z-index: 2;
}

/*commenti*/
.comment-avatar {
  width: 35px !important;
  height: 35px !important;
  border-radius: 50%;
  margin-right: 1.1rem;
  background: var(--avatar-bg);
  display: flex;
  align-items: center;
  justify-content: center;
}
.comment-avatar span {
  color: var(--avatar-text);
  font-weight: 700;
}

.comment-author .avatar {
  width: 35px;
  height: 35px;
  margin-right: 1rem;
  border-radius: 50%;
}

.comment-text:not(.woocommerce-Reviews .comment-text) {
  position: relative;
  display: inline-block;
  width: 100%;
  border-radius: 10px;
  margin-top: 1.6rem;
  padding: 2.4rem;
  border: 1px solid var(--comment-border);
  background-color: #fff;
  color: var(--color-text);
}

.comment-text:not(.woocommerce-Reviews .comment-text)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 10%;
  border-style: solid;
  border-width: 0 10.5px 20px 10.5px;
  border-color: transparent transparent var(--comment-border);
  translate: -50% -100%;
}

.comment-text::after {
  content: "";
  position: absolute;
  top: 0;
  left: 10%;
  border-style: solid;
  border-width: 0 9.4px 17.8px 9.4px;
  border-color: transparent transparent #fff;
  translate: -50% -100%;
}

ul.comment-list {
  list-style: none;
  padding: 2rem 0 2rem 0;
  margin-left: 0px;
}

ul.comment-list li {
  margin-bottom: 1.2rem !important;
}

.content li + li {
  margin-top: 0rem !important;
}

ul.comment-list ul.children {
  list-style: none;
}

.comment-respond {
  padding-top: 2.4rem;
}

.comment-notes {
  margin-bottom: 2rem;
}

.comment-text ul li {
  margin-bottom: 0.6rem !important;
}

.comment-form-cookies-consent {
  padding: 1rem;
}

.required {
  color: hsl(348, 100%, 61%);
  margin-left: 0.2em;
  text-decoration: none;
}

.swal2-html-container {
  font-size: var(--root-font) !important;
}

/*custom tag*/
a.tag:hover {
  text-decoration: none;
}
/*custom button*/
.button {
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
}

/* LG SLIDESHOW */

.lg-download {
  display: none;
}

.lg-backdrop {
  opacity: 0.81 !important;
}

.item-lg {
  cursor: pointer;
}

.lg-toolbar {
  background-color: rgba(0, 0, 0, 0) !important;
}

.lg-actions .lg-next::before {
  font-family: "Font Awesome 5 free" !important;
  font-weight: 900 !important;
  content: "\f054" !important;
}

.lg-actions .lg-prev::after {
  font-family: "Font Awesome 5 free" !important;
  font-weight: 900 !important;
  content: "\f053" !important;
}

.lg-actions .lg-next,
.lg-actions .lg-prev {
  background-color: rgba(0, 0, 0, 0) !important;
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: -10px;
  padding: 8px 10px 9px;
  position: absolute;
  top: 50%;
  z-index: 1080;
  border: none;
  outline: none;
}

/* LG SLIDESHOW */

/*SPLIDE*/
.splide__pagination {
  position: relative !important;
  bottom: 0px !important;
}

.splide__pagination__page {
  background: #cbd5e1 !important;
}

.splide__pagination__page.is-active {
  background: #94a3b8 !important;
  transform: scale(1) !important;
}

.splide__arrow {
  -ms-flex-align: center;
  align-items: center;
  background: var(--slate-1) !important;
  bottom: -15px !important;
  top: unset !important;
  opacity: 1 !important;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
}

.splide__arrow:hover {
  background: var(--slate-2) !important;
}

.splide__arrow:disabled {
  opacity: 0.4 !important;
}

.splide__arrow svg {
  width: 14px !important;
  fill: #64748b !important;
}

/*utility*/
.margin-auto {
  margin: 0 auto !important;
}

.fitcover {
  object-fit: cover !important;
  overflow: hidden;
}

.has-exrtrabold {
  font-weight: var(--title-weight);
}

.has-text-nowrap {
  white-space: nowrap;
}

/*icon*/
.icon .fas {
  font-size: 1.6rem;
}
.icon .fas.fa-lg {
  font-size: 2.13rem;
}
.icon .fas.fa-2x {
  font-size: 3.2em;
}
.tag .fas {
  font-size: 1.4rem !important;
}
.has-rounded {
  border-radius: 50% !important;
}

.navbar-link:not(.is-arrowless)::after,
.select:not(.is-multiple):not(.is-loading)::after {
  border: none !important;
  content: "\F282";
  font-family: "bootstrap-icons";
  transform: rotate(0deg);
  top: 34%;
  right: 17px;
  color: #075985;
}
/*START HERE*/

.button.is-lighter {
  background-color: #fafafa;
  border: 1px solid #dfe2e8;
  color: var(--color-black);
}
.button.is-lighter:hover,
.button.is-lighter.is-hovered {
  background-color: #eee;
  border: 1px solid #dfe2e8;
  color: var(--color-black);
}
.button.is-lighter:focus,
.button.is-lighter.is-focused {
  background-color: #eee;
  border: 1px solid #dfe2e8;
  color: var(--color-black);
}
.button.is-lighter:focus:not(:active),
.button.is-lighter.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(244.8, 244.8, 244.8, 0.25);
}
.button.is-lighter:active,
.button.is-lighter.is-active {
  background-color: #eee;
  border: 1px solid #dfe2e8;
  color: var(--color-black);
}

.hero.has-background {
  position: relative;
  overflow: hidden;
}
.hero-background {
  position: absolute;
  object-fit: cover;
  object-position: top center;
  width: 100%;
  height: 100%;
}
.hero-background.is-transparent {
  opacity: 0.56;
}

.is-overlay::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background: rgb(14, 40, 71);
  background: linear-gradient(
    180deg,
    rgba(14, 40, 71, 1) 8%,
    rgba(14, 40, 71, 0.8267507686668417) 39%,
    rgba(14, 40, 71, 0) 100%
  );
}

.buttons.are-social .button {
  padding: 0px !important;
  width: 3rem !important;
  height: 3rem !important;
}

.buttons.are-social .button .fas {
  font-size: 1.3rem !important;
}

.introcontent img {
  width: 86px;
}
.introcontent .title {
  color: #fff;
  font-weight: 600 !important;
  font-family: "Poppins", sans-serif !important;
}

.has-text-subheader {
  color: var(--color-subhero);
}

.introcontent span {
  margin-right: 0.75rem;
}

.introcontent span:last-child {
  margin-right: 0rem;
}

.image.is-128x138 {
  height: 138px;
  width: 128px;
}

.special {
  width: 190px;
  height: 60px;
  margin: 0 auto !important;
  background: url("../img/anim1-center.gif");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.hero.is-medium .hero-body.pblock {
  padding: 7rem 1.5rem 11rem 1.5rem;
}
.hero.is-medium .hero-body.pblock-single {
  padding: 3rem 1.5rem 5.9rem 1.5rem;
}

.hero-foot {
  z-index: 3;
}

.fitcover {
  object-fit: cover !important;
  overflow: hidden;
}
.margin-auto {
  margin: 0 auto !important;
}
.round {
  border-radius: 50%;
}

.art-footer {
  width: 66.66666674%;
}

.hero-foot {
  padding: 0 1.4rem !important;
}

/*editor*/
.hljs,
pre.wp-block-cod,
pre {
  background-color: #13213c !important;
}
pre.wp-block-code,
pre {
  border-radius: 6px;
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.wp-block-code code {
  display: block;
  font-family: inherit;
  overflow-wrap: break-word;
  white-space: unset;
}

pre code.hljs {
  padding: 0em !important;
}

.worker {
  width: 45px;
}

.image.is-90x90 {
  width: 83px;
  height: 83px;
}

.block-mb2 {
  margin-bottom: 2rem !important;
  margin-top: 0.6rem !important;
}

.tag.is-lighter {
  background-color: #fafafa;
  border: 1px solid #dfe2e8a6;
  color: var(--avatar-text);
  font-weight: 500;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
}

.tag.is-lighter:hover {
  background-color: var(--slate-2);
  color: var(--avatar-text);
}

.hero .tags .tag.is-light {
  background-color: #284875d0;
  border: 1px solid #c0d2e81f;
  color: #fefefe !important;
  font-weight: 500;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
}

.hero .tags .tag.is-light:hover,
.hero .tags .tag.is-light:focus,
.hero .tags .tag.is-light.is-active {
  background-color: #1b66a6;
  color: #f5f5f5 !important;
}

.has-background-light {
  background-color: #f7f8f9 !important;
}

.has-gradient {
  background: rgb(11, 29, 55);
  background: linear-gradient(
    20deg,
    rgba(11, 29, 55, 1) 0%,
    rgba(41, 80, 143, 1) 100%
  );
}
.card.has-gradient .bottomimg {
  background: url("../img/fascia.jpg");
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto;
  background-size: cover !important;
  background-position: center !important;
  padding: 1rem 0px;
  border-bottom-left-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
  border-top: 1px solid #060938;
}

/* .cardleftborder {
  border-left: 4px solid;
  border-image-source: linear-gradient(to bottom, #1370b7, #2daae1, #f9b234, #e61a7243, #94c12100);
  border-image-slice: 1;
}
 */

.card.cardleftborder {
  position: relative;
  overflow: hidden;
}

.card.cardleftborder::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 4px; /* Lo spessore del tuo bordo */
  background: linear-gradient(to bottom, #1370b7, #2daae1, #f9b234, #e61a7283, #94c12100);
}

#gallery .image img {
  object-fit:cover;
  object-position:center;
  border-radius: 5px;
}
#gallery .image,
#gallery .image:focus {
  border-radius: 5px;
  position: relative;
  transition: all 0.25s ease-out, color 0.25s ease-out;
  border:1px solid var(--color-bluegrey-1);
}

#gallery .image:hover {
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}

.pswp__custom-caption {
  background: rgba(0, 0, 0, 0.425);
  font-size: inherit;
  color: #fff;
  width: 100%;
  max-width: 100%;
  padding: 2px 8px;
  border-radius: 4px;
  position: fixed !important;
  left: 50%;
  top: auto !important;
  bottom: 0px !important;
  transform: translateX(-50%);
  text-align: center;
}
.pswp__custom-caption a {
  color: #fff;
  text-decoration: underline;
}
.hidden-caption-content {
  display: none;
}

.size12{
  font-size: 1.2rem;
}