/*
 Theme Name:     artsmonkey
 Theme URI:      http://www.elegantthemes.com
 Description:  	 artsmonkey Theme
 Author:         JG
 Template:       Divi
 Version:        1.0.0
*/

/* =Ab hier kannst du deine CSS-Anpassungen eintragen
------------------------------------------------------- */
:root {
   --color-orange: #ff9900;
}

@font-face {
   font-family: "Regular";
   src: url("/wp-content/themes/child-theme/fonts/FuturaStd-Medium.otf") format("opentype");
}

@font-face {
   font-family: "Bold";
   src: url("/wp-content/themes/child-theme/fonts/FuturaStd-Bold.otf") format("opentype");
}

body {
   font-family: "Regular";
}

footer a {
   color: var(--color-orange);
}

footer .footer-links {
   color: #555555;
}

a:hover {
   color: var(--color-orange);
   text-decoration: underline;
}

.h-logo .et_pb_image {
   margin-bottom: 0px !important;
}

.hmenu .et_pb_menu {
   background-color: #000;
}

body #top-menu li.current-menu-item>a {
   color: var(--color-orange);
   text-decoration: underline;
   opacity: 1;
}

#top-menu li a:hover {
   color: var(--color-orange);
   text-decoration: underline;
}

.meta-row .et_pb_column {
   display: flex;
   gap: 20px;
   align-items: center;
   justify-content: center;
}

.footer-meta .et_pb_column {
   display: flex;
   justify-content: space-between;
}

.footer-meta .et_pb_module {
   margin-bottom: 0px;
}

@media(max-width:768px) {

   .meta-row .et_pb_column {
      display: flex;
      flex-direction: column;
   }

   .footer-meta .et_pb_column {
      flex-direction: column;
      align-items: center;

      font-size: 16px;

      p {
         align-items: center;
         display: flex;
      }
   }
}

/*Timer Startseite*/
.ct-section {
   display: flex;
   align-items: center;
   flex-direction: column;
   gap: 40px;

   .header-text {
      font-size: 11rem;
      font-weight: bold;
      margin-bottom: 30px;
      width: fit-content;
      padding: 10px 40px;
      border: 8px solid transparent;
      animation: blink 6s infinite alternate;
      color: var(--color-orange);

   }

   @keyframes blink {

      0% {
         opacity: 1;
      }

      50% {
         opacity: 0;
      }

      100% {
         opacity: 1;
      }

   }

   .countdown-wrapper {
      border: 8px solid orange;
      padding: 25px;
      display: flex;
      gap: 20px;
      border-radius: 0px;
      justify-content: center;
      width: fit-content;
      width: 100%;
      max-width: 515px;
   }

   .countdown-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      font-size: 3rem;
      font-weight: bold;
      color: var(--color-orange);
      min-width: 100px;
      gap: 30px;
   }

   .countdown-item:hover {
      color: black;
   }

   .label {
      font-size: 3rem;
   }

   .countdown-number {
      position: relative;
      display: block;
      height: 1em;
      line-height: 1em;
      perspective: 200px;
   }

   .countdown-number:hover {
      color: black;
   }

   .flip {
      animation: flip 0.5s ease-in-out;
   }

   @keyframes flip {
      0% {
         transform: rotateX(0deg);
      }

      50% {
         transform: rotateX(-90deg);
         opacity: 0.5;
      }

      100% {
         transform: rotateX(0deg);
      }

   }

   .info-link {
      margin-top: 50px;
      font-size: 3rem;
      font-weight: bold;
      text-decoration: none;
      color: var(--color-orange);
      display: inline-block;
   }

   .info-link:hover {
      color: black;
   }

   @media (max-width: 768px) {
      .header-text {
         font-size: 2rem;
      }

      .countdown-item {
         font-size: 2rem;
         min-width: initial;
      }

      .label {
         font-size: 2rem;
      }

      .info-link {
         font-size: 1.5rem;
      }
   }
}



/*WooCommerce*/

.woocommerce ul.products li.product .price,
.woocommerce-Price-amount.amount {
   color: #fff !important;
   font-size: 20px;
}

.woocommerce-loop-product__title {
   color: var(--color-orange);
}

.orderby,
.woocommerce div.product form.cart .variations td select {
   height: 30px;
   font-size: 20px;
   font-family: 'Regular', Arial;
}

.woocommerce div.product form.cart .variations th {
   border: 0;
   line-height: 1em;
}

.woocommerce-notices-wrapper {
   .woocommerce-message {
      margin-bottom: 0px;
   }
}


.woocommerce a.button:hover,
.woocommerce-page a.button:hover {
   color: #000;
}

.woocommerce a.button.alt,
.woocommerce-page a.button.alt {
   border-color: var(--color-orange);
}

.woocommerce button.button,
.woocommerce-page button.button:hover,
.woocommerce button.button,
.woocommerce-page button.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce-page a.button.alt:hover {
   color: var(--color-orange);
}


.woocommerce-checkout .shop_table {
   background-color: transparent;
}

.woocommerce-error a {
   color: #fff;
}

.woocommerce-checkout h3 {
   margin-top: 40px;
}