/*
Theme Name:   	Storefront Child Theme
Template:     	storefront
*/

/* DEV Hinweis */
body:before { content: "DEV"; color: red; font-size: 5em; font-weight: bold; position: fixed; top: 0.1em; left: 0; z-index: 1000;  rotate: -45deg; }

body { font-family: 'Rajdhani'; font-size: 1.175em; }
@font-face {
   font-family: chantal;
   src: url('../storefront-child/fonts/chantal.woff');
}

/**menü rechts ausgerichtet**/
#menu-frontpage, #menu-hemelingen { float:right; font-family: chantal; }
.sub-menu { font-family: Source Sans Pro; }
.site-header .site-branding {  position: absolute;}

.woocommerce-active .site-header .main-navigation
{
  width: 100%!important;
}

/**menu sticky**/
#masthead {
  position: fixed;
	top: 0;
	width: 100%;
}
.spacer { height: 150px; }
.primary-navigation { padding-left: 250px; }

/*#content { min-height: 75vh;  }*/

.widget-area .widget { font-family: Arial; }

.blue { color:#2a9b9d; }
.black { color:#141413; }
.heading-h1 { font-size: 2.25em; }
.heading-h2 { font-size: 1.875em; }
.heading-h3 { font-size: 1.56em; }

/*** Home ***/
/************/

/** page-title **/
.page-id-30 .entry-title { display: none; } /*Home*/
.page-id-305 .entry-title { display: none; } /*Hemelingen*/
.page-id-20 .entry-title { display: none; } /*Beschäftigung*/
.page-id-476 .entry-title { display: none; } /*Cafe-Werner*/
.page-id-1061 .entry-title { display: none; } /*Spenden*/
.page-id-445 .entry-title { display: none; }
.page-id-487 .entry-title { display: none; } /*Impressum*/
.page-id-500 .entry-title { display: none; } /*Datenschutz*/
.page-id-513 .entry-title { display: none; } /*Kontakt*/
/*.woocommerce-products-header .page-title { display: none!important; } /*Shop*/
.woocommerce-products-header__title .page-title { display: none; }
.woocommerce-products-header .page-title { text-align: center; }

/** header **/
.header { padding-bottom: 25px; }

/*** Text ***/
.text { text-align: center; max-width: 43.75em; margin: auto; /*margin-bottom: 3em;*/ padding-bottom: 2em; }
.center { text-align: center; }
.bold { font-weight: bold; }
.chantal { font-family: chantal; }

.container { width: 80%; margin: auto; }

/** Container-Kaufhäuser (Logo Text Schaltfäche) **/
.logo-kh { margin-bottom: 1em; }
.logo-kh img { display: block; margin: auto; }
.text-kh { text-align: center; min-height: 210px; }
.shop-button { background-color: #2a9b9d; width: 180px; border-radius:5px; padding:10px; text-align: center; text-decoration: none!important; display: block; margin: 0 auto;
               font-family: sans-serif!important; font-weight: bold; color: white; font-size: 0.8em; margin-bottom: 25px!important;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.has-text-align-center { min-height: 150px; }

/*** Hemelingen ***/
/******************/
.sponsor-hemelingen { text-align: center; margin-bottom: 100px!important; }

/** Info-Box **/
.info-box { background: #2a9b9d; max-width: 1300px; margin: auto; padding: 50px; }

/** footer **/
.widget_nav_menu ul li::before { content:""; }
.footer-widgets { padding-top: 0; border-bottom: none; }
#nav_menu-2 { margin: 0; }
#colophon li { display: inline-block; }
#colophon { padding: 1em 0 0 0; }
#colophon .site-info { display: none; }
#menu-footer { text-align: center; }
.site-footer a { text-decoration: none; }
.site-footer a:not(.button):not(.components-button):hover { color:#2a9b9d; }


/*** Seitenleiste ***/
/********************/

/*** Widget-Bereich ***/

.handheld-navigation { border-radius: 5px; }
.handheld-navigation ul { border-radius: 5px; border-left: 1px solid grey; border-right: 1px solid grey; border-bottom: 1px solid grey;  }
.handheld-navigation li { text-align: center; /*font-family: Verdana, Geneva, Tahoma, sans-serif;*/ font-family: chantal; }
.widget-area .widget a { text-decoration: none!important; }

/** Seitenleiste Schrift **/
.wc-block-product-categories-list-item { /*font-family: chantal;*/ font-size: 1em; }

/*** Detail ***/
.storefront-sorting { text-align: center; }

/*** Slider Zentrieren ***/
.storefront-align-wide.page-template-template-fullwidth-php .hentry .entry-content .alignfull, .storefront-align-wide.storefront-full-width-content .hentry .entry-content .alignfull {
    margin-left: 0;
    margin-right: 0;
    width: auto
}




/*** Mobile ****/
/***************/
@media(max-width: 66.4989378333em) {
  /* DEV Hinweis */
  body:before { content: "DEV"; color: red; font-size: 1em!important; font-weight: bold; position: fixed; top: 0.1em; left: 0; z-index: 1000;  rotate: -45deg; }
  body { font-size: 1em; }

  .site-header .custom-logo-link img { width: 60% }
  .text { max-width: 100%; }

  .heading-h1 { font-size: 1.4em; }
  .heading-h2 { font-size: 1.16em; }
  .heading-h3 { font-size: 1.16em; }
}

@media(max-width: 768px) {

  .spacer { height: 100px; }
  .heading-h1, .heading-h2, .heading-h3  { font-weight: bold; }
  .handheld-navigation .menu-item-type-post_type { background:#fae774; padding: 5px; }
  .handheld-navigation .menu-item-type-taxonomy { background: #acdcde; padding: 5px; }
  #menu-item-1433 { background: #acdcde; padding: 5px; }
 /* .woocommerce .woocommerce-ordering { text-align: center; } */
  .main-navigation.toggled .handheld-navigation, .main-navigation.toggled .menu>ul:not(.nav-menu), .main-navigation.toggled ul[aria-expanded=true] { overflow-y: scroll; max-height: 500px; }
  #secondary { display: none; }

}


@media(max-width: 659px) {
  #colophon li { display: block; }
}


/* Logo-Slider */
@keyframes slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

.logos {
  overflow: hidden;
  background: white;
  white-space: nowrap;
  position: relative;

}

.logos:before,
.logos:after {
  position: absolute;
  top: 0;
  width: 250px;
  height: 100%;
  content: "";
  z-index: 2;
}

.logos:before {
  left: 0;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), white);
}

.logos:after {
  right: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
}

.logos:hover .logos-slide {
  animation-play-state: paused;

}

.logos-slide {
  display: inline-block;
  animation: 20s slide infinite linear;

}

.logos-slide img {
  height: 50px;
  margin: 0 40px;
  display: inline;
}

@keyframes CatColor {
  0% {
    color: red;
  }
  50% {
    color: #f59898;
  }
  100% {
    color: red;
  }
}

@keyframes pulse {
    0% {
     transform: scale(1, 1);
    }

    50% {
     transform: scale(1.2, 1.2);
    }

    100% {
    transform: scale(1, 1);
    }
}

.animation {
    animation: pulse 1.5s linear infinite;
}