/**
 * Theme Name: StemafilTessuti
 * Template:  onepress
 * Text Domain: stemafil
 */

@import "./assets/css/fonts.css";
@import "./assets/css/icons.css";

:root {
  --title-font: optima_lt_proroman;
  --title-font-bold: optima_lt_probold;
  --title-font-black: optima_lt_problack;
  --title-font-bolditalic: optima_lt_probold_italic;
  --title-font-blackitalic: optima_lt_problack_italic;
  --title-font-semibold: optima_lt_prodemi_bold;
  --title-font-ltsemibolditalic: optima_lt_prodemi_bold_italic;
  --title-font-ltextrablack: optima_lt_proextra_black;
  --title-font-ltXblack: optima_lt_proXBlkIt;
  --title-font-lightitalic: optima_lt_proitalic;
  --title-font-medium: optima_lt_promedium;
  --title-font-mediumitalic: optima_lt_promedium_italic;
  --title-font: optima_lt_proroman;
  --title-font: butler-rmn;
  --title-font-bold: butler-bold;
  --title-font-black: butler-black;
  --title-font-light: butler-light;
  --title-font-medium: butler-medium;
  --title-font-rmn: butler-rmn;
  --title-font-semibold: butler-sbd;
  --title-font-extrabold: butler-xbd;
  --icon-font: icomoon;
  --primary: #900d0d;
  --secondary: #9f8f59;
  --color-pattern1: #444cf7;
  --icon-hover-bg-color: #9f8f59;
  --color-pattern2: #000;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--title-font), sans-serif;
  font-family: var(--title-font-bold), sans-serif;
  font-family: var(--title-font-light), sans-serif;
  font-family: var(--title-font-medium), sans-serif;
  font-family: var(--title-font-semibold), sans-serif;
  font-family: var(--title-font-rmn), sans-serif;
  transition: all 0.3s ease;
  line-height: 1.4;
}

body,
button,
input,
select,
textarea {
  font-family: var(--title-font);
  font-size: 1rem;
}

.flex {
  display: flex;
}

.flex-col {
  flex-direction: column;
}

.gap-4 {
  column-gap: 1rem;
  row-gap: 1rem;
}

.flex-1-0-auto {
  flex: 1 0 auto;
}

.w-full {
  width: 100%;
}
.min-w-64 {
  min-width: 64rem;
}
.h-auto {
  height: auto;
}

.absolute {
  position: absolute;
}

.inset-0 {
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.p-4 {
  padding: 1rem;
}
.py-\[10\%\] {
  padding-top: 10%;
  padding-bottom: 10%;
}
.py-\[6rem\] {
  padding-bottom: 6rem;
  padding-top: 6rem;
}
.py-4 {
  padding-bottom: 1rem;
  padding-top: 1rem;
}
.aspect-4\/3 {
  aspect-ratio: 4/3;
}
.bg-white {
  background-color: #fff;
}
.onepress-menu a,
.hero-small-text {
  font-family: var(--title-font-medium), sans-serif;
  font-family: var(--title-font-light), sans-serif;
  font-family: var(--title-font-semibold), sans-serif;
  font-family: var(--title-font-rmn), sans-serif;
  font-family: var(--title-font-bold), sans-serif;
  font-family: var(--title-font), sans-serif;
}

.site-logo-div {
  width: 200px;
}
.container.stemafil-vid {
  width: 100%;
}

.wpml-ls-item {
  height: 75px;
  display: flex;
  align-items: center;
}

.hero-small-text {
  max-width: 90%;
  margin: auto;
}

.hero-large-text {
  font-family: var(--title-font-medium);
}

@media (min-width: 940px) {
  .md\:aspect-video {
    aspect-ratio: 16/9;
  }
  .md\:flex-row {
    flex-direction: row;
  }

  .hero-content-style1 h2 {
    letter-spacing: -3px;
  }

  .hero-small-text {
    max-width: 60%;
  }
}

.section-about {
  /*font-size: 1.2rem;*/
}

input[type="submit"],
.btn-theme-primary {
  background-color: var(--primary);
}

input[type="submit"]:hover {
  background-color: var(--secondary);
}

a:focus,
a:hover {
  color: var(--secondary);
}

a,
.feature-item .icon-background-default {
  color: var(--primary);
}

.hero-content-style1 h2 {
  letter-spacing: 0;
  text-transform: none;
}

.onepress-menu li.onepress-current-item > a,
.onepress-menu ul li.current-menu-item > a,
.onepress-menu a:hover {
  color: var(--secondary);
}
/* 
.pattern {
  background-color: #e5e5f7;
  opacity: 0.8;
  background-size: 10px 10px;
  background-image: repeating-linear-gradient(
    45deg,
    #444cf7 0,
    #444cf7 1px,
    #e5e5f7 0,
    #e5e5f7 50%
  );
}

.pattern3 {
  background-size: 6px 6px;
  background-image: repeating-linear-gradient(
    45deg,
    #333,
    #333 1px,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0) 50%
  );
}
.pattern2 {
  opacity: 0.8;
  background-image:
    radial-gradient(
      circle at 50% 100%,
      transparent 20%,
      #444cf7 21%,
      #444cf7 34%,
      transparent 35%,
      transparent
    ),
    radial-gradient(
      circle at 50% 0%,
      transparent 20%,
      #444cf7 21%,
      #444cf7 34%,
      transparent 35%,
      transparent
    );
  background-position:
    0 0,
    -20px 0;
  background-size: 40px 30px;
}
 */
@media (min-width: 768px) {
  .about-image {
    flex: 1 0 45%;
  }
}
.feature-item .feature-icon-svg-wrap {
  background-color: transparent;
}

.feature-item .feature-icon-svg-wrap svg {
  width: 6rem;
}

.feature-item:hover .feature-icon-svg-wrap {
  background-color: var(--primary);
}

.feature-item:hover .feature-icon-svg-wrap svg path {
  fill: white;
}
#mappa iframe {
  width: 100%;
}

.section-contact .address-contact span[class^="icon"] {
  font-size: 1.5rem;
  color: var(--primary);
}

.section-contact .address-contact {
  display: flex;
  column-gap: 1rem;
  margin-bottom: 0;
}

.section-contact .address-contact .address-content {
  font-size: 1.2rem;
  padding-left: 0;
}

.entry-header .entry-title {
  font-family: var(--title-font-semibold), sans-serif;
  font-size: 2.1rem;
}

.address-content a {
  color: #000;
  transition: color 0.3s ease;
}
.address-content a:hover {
  color: var(--primary);
}
.address-content dl {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0;
  margin-bottom: 0;
}

.address-content dt,
.address-content dd {
  margin: 0;
}

.address-content .social-profiles {
  font-size: 2rem;
}
/**
*
*/
.footer-connect h5 {
  font-size: 1.2rem;
}