/*
Theme Name: Teppichfocus
Version: 1.0
Author: Nobmaster
Author URI: http://www.nobmaster.de
Template: enfold
*/

/* ============================================================================ 
Root
============================================================================ */
:root {

  /* logo / CI */
  --tf-color-ci-050: #f1f1f1;
  --tf-color-ci-100: #7a7a7a;
  --tf-color-ci-200: #4d4d4d;
  --tf-color-ci-300: #0d0d0d;

  --tf-main-color-primary: #800000;
  --tf-main-color-secondary: #800000;

  /* secondary */
  /* --tf-color-secondary-050: #fefce8;
  --tf-color-secondary-100: #fef9c3;
  --tf-color-secondary-200: #fef08a;
  --tf-color-secondary-300: #fde047;
  --tf-color-secondary-400: #facc15;
  --tf-color-secondary-500: #eab308;
  --tf-color-secondary-600: #ca8a04;
  --tf-color-secondary-700: #a16207;
  --tf-color-secondary-800: #854d0e;
  --tf-color-secondary-900: #713f12;
  --tf-color-secondary-950: #2c2621; */

  /* Shadows */
  --tf-header-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  --tf-footer-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  --tf-shadow-natural: 2px 2px 6px rgba(0, 0, 0, 0.3)
}

/* WB-Admin-Bar */
/* Menüpunkte für User ausblenden */
#wpadminbar #wp-admin-bar-new-post,
#wpadminbar #wp-admin-bar-new-alb_custom_layout,
#wpadminbar #wp-admin-bar-new-portfolio {
  display: none !important;
}

/* Typografie */
#top #wrap_all .all_colors h1 {
  letter-spacing: 0.1em;

  &:before,
  &:after {
    font-size: larger;
    font-weight: normal;
  }

  &:after {
    content: '\005D';
  }

  &:before {
    content: '\005B';
  }
}

#top #wrap_all .all_colors h2 {
  letter-spacing: normal;

  &.av-special-heading-tag+.av-subheading_below>p {
    font-size: small;

    &:before {
      content: '\2014 \00A0';
    }
  }
}

#top #wrap_all .all_colors h3 {
  text-transform: none;
  font-weight: 600;
}

/* Header*/
#header {
  #header_main {
    box-shadow: var(--tf-header-shadow);
  }
}

/* Inhalt */
#top #main {

  /* Startseite Abstand von Inhalt nach oben */
  .content {
    padding-top: 20px;
  }

  /* Trennline von Inhalt oben und unten ausblenden */
  .container_wrap {
    border: none;
  }

  /* Spaltenbreite für Grid-Teppiche */
  #tf-rug {
    max-width: 1260px;
    margin: 0 auto;
  }

  /* Alle Bilder im Inhalt umranden  */
  #tf-rug .avia-gallery img,
  .main_color .avia-image-overlay-wrap img,
  .main_color :where(img[class*=wp-image-]) {
    background-color: var(--enfold-main-color-bg);
    border-radius: 6px;
    padding: 2px;
    border: 1px solid var(--enfold-main-color-border);
  }

  #tf-hero img {
    border: none;
  }
}

/* Verschiedenes */
/* Flex: für Spalten mit Bildern */
.tf-flex {
  display: flex;
  justify-content: space-between;

  &>div {
    flex-basis: 100%;
    margin-right: 20px;

    &:last-child {
      margin: 0;
    }

    img {
      /* padding: 0 0 20px 0; */
      margin: 0;
      width: 100%;
    }
  }

  &.tf-flex-2 {
    div:first-child {
      flex-basis: 204%;
      margin-right: 15px;
    }
  }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

  .tf-flex,
  .tf-flex-2 {
    flex-wrap: wrap;

    img {
      float: none;
    }

    p {
      text-align: left;
    }
  }
}

/* Footer*/
#footer {
  box-shadow: var(--tf-footer-shadow);
  padding-top: 15px;

  /* Widget Marken / Fairtrade */
  #tf-brands img {
    margin: 20px 30px 0 0;
  }

  /* Widget Kontaktdaten */
  #tf-kontakt {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
  }

  /* Individuelle Spaltenbreiten für Fußzeile */
  .flex_column.av_one_half:first-child {
    width: 70%;

  }

  .flex_column.av_one_half:nth-child(2) {
    width: 30%;
    margin: 0;
  }

  .flex_column.av_one_half .widget {
    width: 100%;
    margin: 0;
  }
}

/* Socket */
#socket {

  /* Submenü links anordnen */
  .sub_menu_socket {
    float: left;
  }
}


/*------------------------*/
/* Add word search next to hamburger icon
/*------------------------*/
.responsive #top #header #menu-item-search {
  display: block !important;
}

/*------------------------*/
/* Add word menu next to hamburger icon
/*------------------------*/
/* .av-hamburger strong {
  display: block !important;
  position: absolute;
  left: -90%;
  top: 0;
  font-size: 16px;
  font-weight: 400;
  color: white;
  transform: translate(-61%, -48%);
}

.html_av-overlay-side #top #wrap_all .av-burger-overlay li a {
  font-size: 1em !important;
} */

/* Widgets ================================================================= */

/* ChronoForms */
#chronoform-muster-bestellen select,
#chronoform-angebot-anfordern select {
  display: none;
}

/* Masonry ================================================================= */

/* Hover: Bild-Deckkraft verringern  */
#top .av-hover-overlay-fade_out .av-masonry-entry:hover .av-masonry-image-container {
  opacity: .7;
}

/* Bild-Navigation (Übersichten) */
/* - Teppiche */
/* - Kollektionen */
/* - Handwebteppiche */
/* - Handknüpfteppiche */
#tf-masonry-t,
#tf-masonry-k,
#tf-masonry-wb,
#tf-masonry-kn,
#av-masonry-1 {

  /* Bildfilter */
  .av-sort-by-term {
    text-align: left;
  }

  /* Bildcontainer */
  figure {
    box-shadow: var(--tf-shadow-natural);
    border-radius: 4px;
    border: 1px solid var(--enfold-main-bg);

    h3.av-masonry-entry-title {
      color: var(--tf-color-secondary-950) !important;
      font-weight: 600 !important;
    }
  }

  /* Bildunterschrift */
  .av-masonry-entry .av-inner-masonry-content {
    padding: 5px 10px;
  }
}

/* Preisrechner */
#tf-rug {
  #tf-price-calculator {

    margin-bottom: 10px;
    min-height: 20px;
    padding: 19px;
    background-color: var(--enfold-main-color-bg2);
    border-radius: 3px;
    border: 1px solid var(--enfold-main-color-border);


    .tf-price-vkm2,
    .tf-sizes-title,
    .tf-price-vk {
      font-weight: 600;
    }

    .tf-sizes-title {
      margin: 0 0 10px 0;
    }

    .tf-sizes {
      padding-top: 20px;
    }

    .tf-price-vk,
    .tf-price-vkm2 {
      font-size: larger;
    }


    .tf-price-vk {
      color: var(--enfold-main-color-primary);
      padding: 4px;
      border-radius: 3px;

      span#mySize {
        color: var(--enfold-main-color-color);
      }
    }

    .tf-price-uvpm2,
    .tf-price-hint,
    .tf-mySize {
      font-size: smaller;
    }

    /* .tf-price-result {
      text-align: center;
    } */

    .tf-mySize {
      display: inline;
      font-weight: normal;
    }

    #myWidth {
      margin-bottom: 10px;
    }

    input[type=number],
    textarea,
    select {
      box-sizing: border-box;
      height: 40px;
      box-shadow: 0px 1px 2px rgba(16, 24, 40, .1);
    }
  }
}

.tf-input-prepend,
.tf-input-append {
  display: inline-flex;
  align-items: center;
  height: 100%;
  min-height: 40px;
  padding-right: 12px;
  padding-left: 12px;
  background-color: #f9fafb;
  border-color: #d0d5dd;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, .1);
  color: #667085;
}

.tf-input-prepend {
  float: left;
  border-right-width: 0;
  border-radius: 3px 0 0 3px;
}

.tf-input-prepend,
.tf-input-append {
  font-size: 13px;
  line-height: 1.4;
  padding: 4px 8px;
  background: #f5f5f5;
  border: #7e8993 solid 1px;
  min-height: 40px;
}

.tf-input-append {
  float: right;
  border-left-width: 0;
  border-radius: 0 3px 3px 0;
}

.tf-input-wrap {
  display: flex;
  position: relative;
  overflow: hidden;
}


/* Media Queries =========================================================== */

/* Activate burger menu */
@media only screen and (max-width: 1310px) {
  .responsive #top #header .av-main-nav>li.menu-item {
    display: none !important;
  }

  .responsive #top #header .av-burger-menu-main {
    cursor: pointer;
    display: block !important;
  }
}

/* large screens with 1140px with */
@media only screen and (min-width: 1140px) {}

/* screens with 1024px width */

@media only screen and (max-width: 1024px) {}

/* Greater than standard 990 (devices and browsers) */
@media only screen and (min-width: 989px) {
  .responsive #top #wrap_all .tf-spalte-muster-mobil {
    display: none !important;
  }

}

/* Smaller than standard 990 (devices and browsers) */
@media only screen and (max-width: 989px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 989px) {

  .responsive #top #wrap_all .flex_cell.av-2m788y-04f786ff1e8fe97dbc9ca6fc7c03de10,
  .responsive #top #wrap_all .tf-spalte-muster-mobil,
  .responsive #top #wrap_all .flex_column.av-miq27nk3-67ca90379cd16e7c9f2bf2d08fa471f1 {
    display: none !important;
  }

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

  .responsive #top #wrap_all .tf-spalte-muster-mobil {
    display: block !important;
  }

  .responsive #top #wrap_all #main img.tf-img-max {
    width: 100%;
    margin-bottom: 10px;
  }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {}