/*
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;

  /* primary */
  --tf-color-primary-050: #fafaf9;
  --tf-color-primary-100: #f5f5f4;
  --tf-color-primary-200: #e7e5e4;
  --tf-color-primary-300: #d6d3d1;
  --tf-color-primary-400: #a8a29e;
  --tf-color-primary-500: #78716c;
  --tf-color-primary-600: #57534e;
  --tf-color-primary-700: #44403c;
  --tf-color-primary-800: #292524;
  --tf-color-primary-900: #1c1917;

  /* 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)
}

/* small {
  font-size: 11px;
}


#avia-gallery {
  display: none;
}


.avia_iconbox_title {
  font-weight: 600;
} */


.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;
    }
  }
}

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

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

/* Smaller than standard 960 (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) {}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
  .responsive #socket .sub_menu_socket {
    display: none;
  }
}

/* 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) {}