/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
Text Domain: the7mk2
*/


.wc-bookings-date-picker .ui-datepicker th{
   text-align: center !important;
   border-right: 1px solid var(--the7-divider-color);
   color:#000
}

/*
bookable
fully_booked
not_booable
 */


/*.wc-bookings-date-picker .ui-datepicker td.ui-state-disabled.fully_booked {
   background:rgba(255, 0, 0, 0.3)!important;
}
.wc-bookings-date-picker .ui-datepicker td.ui-state-disabled.not_bookable{
   background:rgba(255, 0, 0, 0.5)!important;
   opacity:1;
}*/

.wc-bookings-date-picker .ui-datepicker td.ui-state-disabled.not_bookable{
   background: #dd3333 !important;
   opacity: 1;
}

.wc-bookings-date-picker .ui-datepicker td.ui-state-disabled.fully_booked >span,
.wc-bookings-date-picker .ui-datepicker td.ui-state-disabled.not_bookable >span{
   color:#fff;
}

.wc-bookings-date-picker .ui-datepicker td,
.wc-bookings-date-picker .ui-datepicker td > span {
    background: #dd3333 !important;
    color: #fff !important;
    opacity: 1 !important;
}

.wc-bookings-date-picker .ui-datepicker td.bookable a {
    background-color: #68b457 !important;
    color: #fff !important;
}

label.tc-epo-label{
   font-weight: bold !important;
}


.shop_table.woocommerce-checkout-review-order-table  div.wc-gzd-product-name-left{
   display:flex;
   width:100%;
   justify-content: center;
   align-items: flex-start;
   float:none;
   max-width: none;
   margin:0 2vw 2vh
}
.wc-gzd-product-name-left img.tc-thumbnail.woocommerce-placeholder{
   display:inline-block;
   width:100%;
   max-width:300px;
   height:auto;
}



/* Fuhrung: */
body.product-fuehrung .wc-bookings-booking-form >p:nth-child(2){
   display:none !important;
}
body.product-fuehrung .wc-bookings-booking-form >p:nth-child(1) >select{
   border-radius: 40px;

}

/*Logo*/
/**
 * cssanimation.css
 * https://www.cssanimatio.io
 * Created and maintained by: Pavel
 * Find me at: https://www.linkedin.com/in/yesiamrocks/
 * Email: hello@cssanimation.io
 * Github: https://github.com/yesiamrocks/cssanimation.io
 * Title: A CSS Animation Library for Developers and Ninjas
 * Copyright (c) 2017 Pavel
 * License: cssanimation.io is licensed under the MIT license
 **/

 header >.branding{
   position: relative ;
}

div.logo_animation {
   width: 100%;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translateX(-50%) translateY(-50%);
}
div.logo_animation h1{
 font-size:23px;
 position:relative;
}
div.logo_animation h1 >strong{
 font-size:42px;
 color:#fff;
 text-shadow: -2px 2px 5px rgba(0, 0, 0, 1);
 padding-left:3em;
}
div.logo_animation h1 >span {
   font-size:3.3em;
   letter-spacing: -4px;
   font-weight: 700;
   color: #7e2ea0;
   text-align: center;
}

.cssanimation, .cssanimation span {
   animation-duration: 1s;
   animation-fill-mode: both;
}

.cssanimation span { display: inline-block }

.leSnake span { animation: leSnake 1.8s ease-in-out; animation-iteration-count: infinite }
@keyframes leSnake {
   from, to { transform: translateY(0px) }
   50% { transform: translateY(30px) }
}

.tmcp-field::placeholder {
  color: #666666;
  opacity: 1;
}
.tmcp-field::-webkit-input-placeholder {
  color: #666666;
  opacity: 1;
}
.tmcp-field::-moz-placeholder {
  color: #666666;
  opacity: 1;
}
.tmcp-field:-ms-input-placeholder {
  color: #666666;
  opacity: 1;
}
.tmcp-field:-moz-placeholder {
  color: #666666;
  opacity: 1;
}