/*! union-coop-child-theme - v0.0.1 - Jens faub11 - 2018-03-20 20:06:58 */


@charset "UTF-8";
/* sonst 0 und content "klebt" am Header auf Pages */
#content {
  padding-top: 30px;
  padding-bottom: 30px;
}

/* und wegen #content, dann startseite niedriger, sonst 50px per default */
.home-padding {
  padding: 20px 0;
}

.entry-content a {
  font-weight: bold;
}

/* hack für http://stackoverflow.com/a/28824157/1129950 */
:target:before {
  content: "";
  display: block;
  height: 80px;
  /* fixed header height*/
  margin: -80px 0 0;
  /* negative fixed header height */
}

/* More space around single images */
.wp-caption.alignnone, img.alignnone {
  margin: 30px 0;
}

article.event header,
article.location header {
  display: none;
}

.uc-event-kategorien {
  display: none;
}

.css-events-list table.events-table td {
  padding: 10px;
}

footer ul {
  font-size: 14px;
  line-height: 22px;
}

footer p {
  font-size: 14px;
  line-height: 25px;
}

/* social icons (fb, twitter,...) mit etwas abstand im footer */
footer li a i {
  margin-right: 7px;
}

footer .textwidget {
  background-color: rgba(0, 0, 0, 0.1);
  padding: 7px 10px 2px 10px;
}

/* Formulare */
.uc-formhelp {
  font-weight: normal;
  font-size: 90%;
}

label input,
label textarea {
  font-weight: normal;
}

.wpcf7-form label {
  min-width: 60%;
}

.home .home-iconmenu .home-icon-item p {
  line-height: 22px;
}

.home .blog_item p {
  line-height: 22px;
}

/* Anpassung des Kreises bei den Kollektiv, Gewerkschaftlich, Organisiert - Symbolen */
.home-iconmenu .home-icon-item i {
  padding: 3px;
}

/* Farbe der Mouseover-Icons Kollektiv, Gewerkschaftlich, Organisiert */
.home-iconmenu .home-icon-item:hover i {
  background: #222;
}

/* wild cat icon hat extra formen */
.home-iconmenu.homeitemcount2 .home-icon-item i {
  padding: 0px;
  border-radius: 0;
}
.home-iconmenu.homeitemcount2 .home-icon-item h4 {
  margin-top: 3px;
}

#nav-main ul.sf-menu ul li a:hover,
#nav-main ul.sf-menu ul li.current-menu-item a {
  background: #d3d3d3 !important;
}

.kad-header-style-basic .kad-primary-nav ul.sf-menu {
  /* Untermenu-Schrift etwas groesser */
}
.kad-header-style-basic .kad-primary-nav ul.sf-menu li a:not([href]) {
  cursor: default;
}
.kad-header-style-basic .kad-primary-nav ul.sf-menu ul li a {
  font-size: 14px !important;
}

.kad-mobile-nav .kad-nav-inner li.sf-dropdown a:not([href]) {
  cursor: default;
}
.kad-mobile-nav .kad-nav-inner li.sf-dropdown a:not([href]) + span.kad-submenu-accordion {
  width: 100%;
  text-align: right;
}
.kad-mobile-nav .kad-nav-inner li.sf-dropdown a:not([href]) span {
  cursor: default;
}
.kad-mobile-nav .kad-nav-inner li.sf-dropdown ul.sf-dropdown-menu a {
  list-style: none;
}

.kt-simple-box-inner .alignnone {
  margin-top: 0px;
}

body.page-template-template-pagebuilder .kt-simple-box-inner {
  border-bottom: 1px solid #eee;
  border-bottom-color: rgba(0, 0, 0, 0.1);
}

body.page-template-template-pagebuilder .col-md-4 {
  padding-left: 10px;
  padding-right: 10px;
}

/* do not show RSS icon in rss widget */
.sidebar .rss-widget-icon {
  display: none;
}

/* rss title link not clickable */
.sidebar .widget-title a {
  padding-bottom: 5px;
  pointer-events: none;
  cursor: default;
  color: #444;
}

.sidebar ul {
  font-size: 14px;
  line-height: 18px;
}

.widget_em_widget ul li ul li {
  display: inline-block;
  padding-right: 5px;
}

.widget_em_widget ul li ul li:first-of-type::after {
  content: ',';
}

.widget_union_coop_rss_widget li,
.widget_rss li {
  margin-bottom: 10px;
}

.widget_rss .rss-date {
  display: block;
}

/* Seitentitel immer in der Mitte des Sacks */
#pageheader .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}

@media (min-width: 1200px) {
  #pageheader .container .page-header {
    max-width: 70%;
  }
}
.titleclass {
  background: url("https://www.union-coop.org/wp-content/uploads//2017/02/UCF_Webheader_secondary_repeat_250px.jpg");
  background-repeat: repeat;
  background-size: cover;
  background-position: left top;
  background-attachment: scroll;
}

.titleclass h1 {
  font-weight: 700;
  text-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 0.2em black;
}

@media (max-width: 1199px) {
  .titleclass {
    background-image: url("https://www.union-coop.org/wp-content/uploads//2017/02/Flicken_kleiner.jpg");
    background-size: auto auto;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .titleclass {
    background-position: -60px top;
  }
}
@media (min-width: 1400px) and (max-width: 1499px) {
  .titleclass {
    background-position: left top;
  }
}
@media (min-width: 1500px) and (max-width: 1599px) {
  .titleclass {
    background-position: 80px top;
  }
}
@media (min-width: 1600px) and (max-width: 1699px) {
  .titleclass {
    background-position: 100px top;
  }
}
@media (min-width: 1700px) and (max-width: 1799px) {
  .titleclass {
    background-position: 140px top;
  }
}
@media (min-width: 1800px) and (max-width: 1899px) {
  .titleclass {
    background-position: 180px top;
  }
}
@media (min-width: 1900px) and (max-width: 1999px) {
  .titleclass {
    background-position: 220px top;
  }
}
@media (min-width: 2000px) and (max-width: 2099px) {
  .titleclass {
    background-position: 260px top;
  }
}
@media (min-width: 2100px) and (max-width: 2199px) {
  .titleclass {
    background-position: 300px top;
  }
}
@media (min-width: 2200px) and (max-width: 2299px) {
  .titleclass {
    background-position: 340px top;
  }
}
@media (min-width: 2300px) and (max-width: 2399px) {
  .titleclass {
    background-position: 380px top;
  }
}
@media (min-width: 2400px) and (max-width: 2499px) {
  .titleclass {
    background-position: 420px top;
  }
}
@media (min-width: 2500px) and (max-width: 2599px) {
  .titleclass {
    background-position: 460px top;
  }
}
@media (min-width: 2600px) and (max-width: 2699px) {
  .titleclass {
    background-position: 500px top;
  }
}
@media (min-width: 2700px) and (max-width: 2799px) {
  .titleclass {
    background-position: 540px top;
  }
}
@media (min-width: 2800px) and (max-width: 2899px) {
  .titleclass {
    background-position: 580px top;
  }
}
@media (min-width: 2900px) and (max-width: 2999px) {
  .titleclass {
    background-position: 620px top;
  }
}
@media (min-width: 3000px) and (max-width: 3099px) {
  .titleclass {
    background-position: 660px top;
  }
}
@media (min-width: 3100px) and (max-width: 3199px) {
  .titleclass {
    background-position: 700px top;
  }
}
@media (min-width: 3200px) and (max-width: 3299px) {
  .titleclass {
    background-position: 740px top;
  }
}
@media (min-width: 3300px) and (max-width: 3399px) {
  .titleclass {
    background-position: 780px top;
  }
}
@media (min-width: 3400px) and (max-width: 3499px) {
  .titleclass {
    background-position: 820px top;
  }
}
@media (min-width: 3500px) and (max-width: 3599px) {
  .titleclass {
    background-position: 860px top;
  }
}
@media (min-width: 3600px) and (max-width: 3699px) {
  .titleclass {
    background-position: 900px top;
  }
}
@media (min-width: 3700px) and (max-width: 3799px) {
  .titleclass {
    background-position: 940px top;
  }
}
@media (min-width: 3800px) and (max-width: 3899px) {
  .titleclass {
    background-position: 980px top;
  }
}
@media (min-width: 3900px) and (max-width: 3999px) {
  .titleclass {
    background-position: 1020px top;
  }
}
@media (min-width: 4000px) and (max-width: 4099px) {
  .titleclass {
    background-position: 1060px top;
  }
}
@media (min-width: 4100px) and (max-width: 4199px) {
  .titleclass {
    background-position: 1100px top;
  }
}
@media (min-width: 4200px) and (max-width: 4299px) {
  .titleclass {
    background-position: 1140px top;
  }
}
@media (min-width: 4300px) and (max-width: 4399px) {
  .titleclass {
    background-position: 1180px top;
  }
}
@media (min-width: 4400px) and (max-width: 4499px) {
  .titleclass {
    background-position: 1220px top;
  }
}
@media (min-width: 4500px) and (max-width: 4599px) {
  .titleclass {
    background-position: 1260px top;
  }
}
@media (min-width: 4600px) and (max-width: 4699px) {
  .titleclass {
    background-position: 1300px top;
  }
}
@media (min-width: 4700px) and (max-width: 4799px) {
  .titleclass {
    background-position: 1340px top;
  }
}
@media (min-width: 4800px) and (max-width: 4899px) {
  .titleclass {
    background-position: 1380px top;
  }
}
@media (min-width: 4900px) and (max-width: 4999px) {
  .titleclass {
    background-position: 1420px top;
  }
}
@media (min-width: 5000px) and (max-width: 5099px) {
  .titleclass {
    background-position: 1460px top;
  }
}
@media (min-width: 5100px) and (max-width: 5199px) {
  .titleclass {
    background-position: 1500px top;
  }
}
@media (min-width: 5200px) and (max-width: 5299px) {
  .titleclass {
    background-position: 1540px top;
  }
}
@media (min-width: 5300px) and (max-width: 5399px) {
  .titleclass {
    background-position: 1580px top;
  }
}
@media (min-width: 5400px) and (max-width: 5499px) {
  .titleclass {
    background-position: 1620px top;
  }
}
@media (min-width: 5500px) and (max-width: 5599px) {
  .titleclass {
    background-position: 1660px top;
  }
}
@media (min-width: 5600px) and (max-width: 5699px) {
  .titleclass {
    background-position: 1700px top;
  }
}
@media (min-width: 5700px) and (max-width: 5799px) {
  .titleclass {
    background-position: 1740px top;
  }
}
@media (min-width: 5800px) and (max-width: 5899px) {
  .titleclass {
    background-position: 1780px top;
  }
}
@media (min-width: 5900px) and (max-width: 5999px) {
  .titleclass {
    background-position: 1820px top;
  }
}
@media (min-width: 6000px) and (max-width: 6099px) {
  .titleclass {
    background-position: 1860px top;
  }
}
@media (min-width: 6100px) and (max-width: 6199px) {
  .titleclass {
    background-position: 1900px top;
  }
}
@media (min-width: 6200px) and (max-width: 6299px) {
  .titleclass {
    background-position: 1940px top;
  }
}
@media (min-width: 6300px) and (max-width: 6399px) {
  .titleclass {
    background-position: 1980px top;
  }
}
@media (min-width: 6400px) and (max-width: 6499px) {
  .titleclass {
    background-position: 2020px top;
  }
}
@media (min-width: 6500px) and (max-width: 6599px) {
  .titleclass {
    background-position: 2060px top;
  }
}
@media (max-width: 479px) {
  .titleclass h1 {
    font-size: 26px;
    line-height: 32px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .titleclass h1 {
    font-size: 32px;
    line-height: 38px;
  }
}
@media (min-width: 768px) {
  .titleclass {
    height: 250px;
  }
}
.ucf-toggle__header {
  cursor: pointer !important;
  margin-top: 8px;
  text-indent: -16px;
  padding-left: 16px;
  font-weight: normal;
}
.ucf-toggle__header * {
  display: inline;
}
.ucf-toggle__header:before {
  content: '';
  width: 0;
  height: 0;
  border-bottom: 6px solid transparent;
  border-top: 6px solid transparent;
  border-right: 0px;
  display: inline-block;
  padding-right: 3px;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  border-left: 8px solid #5b5b5b;
}
.ucf-toggle__header.ucf-toggle__opened {
  font-weight: bold;
}
.ucf-toggle__header.ucf-toggle__opened:before {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  vertical-align: middle;
  border-left: 8px solid #333333;
}
.ucf-toggle__content {
  padding-left: 16px;
}

.fr-anchor {
  padding-left: 10px;
  color: inherit;
  display: none;
}
.fr-anchor:hover, .fr-anchor:focus {
  color: #8D2094;
}

/* Abstaende der social links rechts oben */
#topbar ul.sf-menu li {
  padding-right: 5px;
  /* search lupe und Kontakt vertically aligned */
}
#topbar ul.sf-menu li a {
  /* Menus hover (oben rechts) in grau */
}
#topbar ul.sf-menu li a:hover {
  background: #666;
}
#topbar ul.sf-menu li a li {
  padding-right: 0px;
}
@media (max-width: 768px) {
  #topbar ul.sf-menu li a i {
    padding-right: 0px;
  }
}
#topbar ul.sf-menu li .topbar-right-search {
  padding-right: 12px;
}

@media (max-width: 992px) {
  #topbar .kad-topbar-right {
    width: 100%;
  }
  #topbar .kad-topbar-right ul.topbmenu {
    display: block !important;
  }
  #topbar #topbar-search .kad-navbtn.clearfix {
    display: none;
  }
}
@media (max-width: 992px) and (max-width: 480px) {
  #topbar #topbar-search ul li a span {
    display: none;
  }
}

.kad-primary-nav .menu-cart-icon-kt,
.kad-mobile-nav .menu-cart-icon-kt {
  display: none;
}

body.woocommerce-page .kad-primary-nav .menu-cart-icon-kt,
body.woocommerce-page .kad-mobile-nav .menu-cart-icon-kt {
  display: block;
}

#kad-head-cart-popup ul.product_list_widget li .delivery-time-info {
  display: none;
}
#kad-head-cart-popup ul.product_list_widget li .unit-price-cart {
  display: none;
}
#kad-head-cart-popup ul.product_list_widget li .units-info {
  display: none;
}
#kad-head-cart-popup ul.product_list_widget li .wc-gzd-item-desc {
  display: none;
}

.menu-cart-btn {
  cursor: pointer !important;
}

.footernav ul li a:hover {
  color: #fff;
}

.kad-primary-nav .menu-shop a span:after {
  content: 'Neu';
  padding: 0px 2px;
  margin-left: 3px;
  display: inline-block;
  border-radius: 15%;
  font-size: 12px;
  float: none;
  background: #f3690e;
  text-align: center;
  color: #fff;
  line-height: 14px;
  vertical-align: middle;
  margin-top: -8px;
  font-weight: bold;
}

.kad-mobile-nav .menu-shop a:after {
  content: 'Neu';
  padding: 0px 2px;
  margin-left: 3px;
  display: inline-block;
  border-radius: 15%;
  font-size: 12px;
  float: none;
  background: #f3690e;
  text-align: center;
  color: #fff;
  line-height: 14px;
  vertical-align: middle;
  margin-top: -8px;
  font-weight: bold;
}

.kad-head-cart-popup .shipping-costs-cart-info a {
  display: inline !important;
  padding: 0 !important;
  color: #444 !important;
}

.ucf-products-top-page-title {
  color: white;
}
.ucf-products-top-page-title:hover {
  color: white;
}

body.woocommerce-cart #payment div.payment_box::after,
body.woocommerce-checkout #payment div.payment_box::after {
  top: -2px;
}
body.woocommerce-cart #shipping_method li,
body.woocommerce-checkout #shipping_method li {
  text-align: left !important;
}
body.woocommerce-cart .ucf_versand_box,
body.woocommerce-checkout .ucf_versand_box {
  position: relative;
  width: 96%;
  padding: 1em 2%;
  margin: 1em 0 1em 0;
  font-size: 0.92em;
  border-radius: 0;
  line-height: 1.5em;
  background: #ddd;
  color: #444;
}
body.woocommerce-cart .ucf_versand_box:after,
body.woocommerce-checkout .ucf_versand_box:after {
  content: '';
  display: block;
  border: 8px solid #ddd;
  border-right-color: transparent;
  border-left-color: transparent;
  border-top-color: transparent;
  position: absolute;
  top: -2px;
  left: 0;
  margin: -1em 0 0 2em;
}
body.woocommerce-cart .ucf_versand_box p,
body.woocommerce-checkout .ucf_versand_box p {
  text-indent: 0 !important;
  font-weight: 400 !important;
}
body.woocommerce-cart #stripe-card-cvc,
body.woocommerce-checkout #stripe-card-cvc {
  display: block;
}
body.woocommerce-cart .ucf_newsletter h3,
body.woocommerce-checkout .ucf_newsletter h3 {
  float: none !important;
  clear: both !important;
}
body.woocommerce-cart .ucf_newsletter .description,
body.woocommerce-checkout .ucf_newsletter .description {
  display: block;
  text-indent: 26px;
}
body.woocommerce-cart .ucf_newsletter #ucf_wants_newsletter-cb-id,
body.woocommerce-checkout .ucf_newsletter #ucf_wants_newsletter-cb-id {
  margin-top: 3px;
}

.about_paypal {
  display: none;
}

.single-product .product p.price {
  margin-bottom: 0;
}
.single-product .product p.price-unit {
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 0.9em;
  clear: left;
}

.shariff {
  padding: 5px 0 0;
  margin-top: 30px;
  border-top: 1px solid #eee;
  border-top-color: rgba(0, 0, 0, 0.1);
}