.isdisabled {
  display: none;
}

.isHeightCollapsed {
  height: 0;
  margin-bottom: 0;
  opacity: 0;
}

.ishover-slide::after {
  content: var(--icon);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color: var(--link-hover);
  clip-path: circle(0 at 80% 100%);
  transition: clip-path 0.3s ease-in-out;
}

a:hover .ishover-slide::after {
  clip-path: circle(130% at 80% 100%);
}

.map {
  margin: auto;
  height: 85%;
  width: 85%;
}

@font-face {
  font-family: "TrendexLightSSi";
  src: url("fonts/TrendexLightSSi.ttf");
}
@font-face {
  font-family: "TrendexLightSSiMedium";
  src: url("fonts/TrendexLightSSiMedium.ttf");
}
@font-face {
  font-family: "Fabric External MDL2 Assets";
  src: url("fonts/FabExMDL2.3.36.ttf");
}
@font-face {
  font-family: "Segoe MDL2 Assets";
  src: url("fonts/SegMDL2.ttf");
}
@font-face {
  font-family: "FabricMDL2Icons";
  src: url("fonts/FabricMDL2Icons.woff");
}
@font-face {
  font-family: "Font Awesome 5 Brands";
  src: url("fonts/fa-brands-400.woff2");
}
.font-italic {
  font-style: italic;
}

.card-map {
  width: 808px;
  height: 648px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  background-color: white;
  box-shadow: 0 0 0.75vmin 0.25vmin rgba(128, 128, 128, 0.35);
}
.card-map--map {
  margin-left: 32px;
  height: 310px;
  width: 480px;
  background-color: rgb(233, 230, 223);
}
.card-map--map img {
  width: 100%;
}
.card-map--details {
  margin-left: 32px;
  width: 480px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.card-map--address {
  flex: 1 1 480px;
  margin: 20px 0 30px 0;
  font-size: 1.2720196495em;
  line-height: 2.0581710273em;
}
.card-map--direction, .card-map--enlarge {
  letter-spacing: 0.05em;
  font-size: 0.8343458848em;
  line-height: 1.35em;
}

.icon--empty::before {
  color: white !important;
}

@font-face {
  font-family: "TrendexLightSSi";
  src: url("fonts/TrendexLightSSi.ttf");
}
@font-face {
  font-family: "TrendexLightSSiMedium";
  src: url("fonts/TrendexLightSSiMedium.ttf");
}
@font-face {
  font-family: "Fabric External MDL2 Assets";
  src: url("fonts/FabExMDL2.3.36.ttf");
}
@font-face {
  font-family: "Segoe MDL2 Assets";
  src: url("fonts/SegMDL2.ttf");
}
@font-face {
  font-family: "FabricMDL2Icons";
  src: url("fonts/FabricMDL2Icons.woff");
}
@font-face {
  font-family: "Font Awesome 5 Brands";
  src: url("fonts/fa-brands-400.woff2");
}
.font-italic {
  font-style: italic;
}

.card-contact {
  width: 420px;
  height: 520px;
  background-color: rgb(207, 193, 182);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 544px;
  box-shadow: 0 0 0.75vmin 0.25vmin rgba(128, 128, 128, 0.35);
  /*TODO: rimuovere stili in favore di _section-title*/
}
.card-contact--header {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 20px 0 40px 0;
  font-size: 1.6180339888em;
  line-height: 2.6180339888em;
}
.card-contact--name {
  --header-height: 52px;
  color: rgb(16, 120, 158);
  display: flex;
  margin-top: 12px;
  background-color: rgba(255, 255, 255, 0.5);
  width: 100%;
  height: var(--header-height);
  line-height: var(--header-height);
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 0.75vmin 0.25vmin rgba(128, 128, 128, 0.35);
}
.card-contact--name a {
  position: absolute;
  right: 3%;
}

.contact-field {
  height: 36px;
  margin: 0 0 30px 56px;
  font-size: 1.2720196495em;
  line-height: 2.0581710273em;
}
.contact-field .icon {
  font-size: 1.2720196495em;
  line-height: 2.0581710273em;
}

.card-contact--social {
  display: flex;
  justify-content: space-around;
  font-size: 36px;
}
.card-contact--social a {
  height: 36px;
  width: 36px;
}
.card-contact--social a:hover {
  color: unset;
}

@font-face {
  font-family: "TrendexLightSSi";
  src: url("fonts/TrendexLightSSi.ttf");
}
@font-face {
  font-family: "TrendexLightSSiMedium";
  src: url("fonts/TrendexLightSSiMedium.ttf");
}
@font-face {
  font-family: "Fabric External MDL2 Assets";
  src: url("fonts/FabExMDL2.3.36.ttf");
}
@font-face {
  font-family: "Segoe MDL2 Assets";
  src: url("fonts/SegMDL2.ttf");
}
@font-face {
  font-family: "FabricMDL2Icons";
  src: url("fonts/FabricMDL2Icons.woff");
}
@font-face {
  font-family: "Font Awesome 5 Brands";
  src: url("fonts/fa-brands-400.woff2");
}
.font-italic {
  font-style: italic;
}

.icon {
  font-family: "FabricMDL2Icons", "Font Awesome 5 Brands";
  position: relative;
}
.icon::before {
  content: var(--icon);
}
.icon--with-bg::after {
  color: var(--icon-bg-color);
  position: absolute;
  left: 0;
  z-index: -1;
  content: var(--icon-bg);
}
.icon--empty, .icon--empty::before {
  --icon: "\E73B";
}
.icon--mappin {
  --icon: "\E707";
}
.icon--direction {
  --icon: "\E816";
}
.icon--map {
  --icon: "\E800";
}
.icon--project {
  --icon: "\E81E";
}
.icon--people {
  --icon: "\E716";
}
.icon--phone {
  --icon: "\E717";
}
.icon--mail {
  --icon: "\E715";
}
.icon--pec {
  --icon: "\E910";
}
.icon--contact {
  --icon: "\E77B";
}
.icon--skype {
  --icon: "\EB6F";
}
.icon--linkedin {
  --icon: "\F20A";
}
.icon--freccia-dx {
  --icon: "\E72A";
}
.icon--freccia-sx {
  --icon: "\E72B";
}
.icon--circle-void {
  --icon: "\E80E";
}
.icon--circle-semifull {
  --icon: "\ECCB";
}
.icon--circle-full {
  --icon: "\E91F";
}
.icon--team {
  --icon: "\E902";
}
.icon--twitter {
  --icon: "\F099";
}

.l-findus {
  width: 956px;
  position: relative;
}