/*
 Theme Name:   Bard Child
 Description:  Mein Child Theme
 Author:       ogopode@gmail.com
 Template:     bard
 Version:      1.0.5
 Text Domain:  bard-child
*/

html {
  scroll-behavior: smooth;
}

body {
  line-height: 1.4;
}

.nav {
  background-color: #e467b6 !important;
  color: #fff;
}

#main-menu li a:hover {
  color: #fff;
}

.page-content a:hover,
.post-categories,
#page-wrap .bard-widget.widget_text a:hover,
.scrolltop,
.required,
a {
  color: #e467b6;
}

.page-content a:hover,
.post-categories,
#page-wrap .bard-widget.widget_text a:hover,
.scrolltop,
.required,
a:hover {
  color: #e467b6;
  text-decoration: underline;
}

#main-menu > .current-menu-ancestor > a,
#main-menu > .current-menu-item > a {
  color: #fff !important;
}
.sub-menu > .current-menu-ancestor > a,
.sub-menu > .current-menu-item > a {
  color: #e467b6 !important;
}

#top-menu {
  display: block !important;
  float: right;
}

#top-menu li {
  margin-left: 1em;
}

#page-footer .current-menu-ancestor > a,
#page-footer .current-menu-item > a {
  color: #000 !important;
}

.sub-menu .current-menu-item > a {
  color: #000 !important;
}

.sub-menu a:hover {
  color: #000 !important;
}

#main-menu .sub-menu,
#main-menu .submenu li {
  background-color: #e467b6;
}

#main-menu .submenu a,
#main-menu .submenu a:hover {
  color: #000 !important;
}

.uppercase {
  text-transform: uppercase;
}

.page-title {
  font-size: 30px;
}

#course-list {
  margin-top: 40px;
}

.attachment-woocommerce_thumbnail {
  border-radius: 100%;
}

.product-category img {
  border-radius: 100%;
}

.woocommerce .page-content #main .single_add_to_cart_button,
.wp-block-button__link {
  background-color: #e467b6;
  color: #ffffff !important;
}

.woocommerce .page-content #main .single_add_to_cart_button:hover,
.wp-block-button__link:hover {
  color: #000000 !important;
  text-decoration: none !important;
}

.woocommerce .page-content .button.add_to_cart_button {
  color: #e467b6 !important;
}

.cart-button__wrap {
  position: fixed;
  top: 3rem;
  right: 1.5rem;
  z-index: 2000;
}

.cart-button {
  padding: 8px;
  width: 4rem;
  height: 4rem;
  background-color: #98cad7;
  border-radius: 100%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
  /* border: 2px solid #e467b6; */
}

.cart-button:hover {
  text-decoration: none;
}

.cart-button img {
  position: absolute;
  top: 2px;
  left: 4px;
  width: 56px;
}

.cart-button span {
  color: #000000;
  position: relative;
  top: 10px;
  font-size: 80%;
  font-weight: bold;
}

#order_review_heading {
  margin-top: 1rem;
}

.wc-gzd-checkbox-placeholder,
.wc-gzd-order-submit,
#order_review_heading,
#payment {
  width: 48%;
  float: left;
  margin-right: 50%;
}

.wc-gzd-checkbox-placeholder::after,
.wc-gzd-order-submit::after,
#order_review_heading::after,
#payment::after {
  clear: both;
}

.page-content .woocommerce a.button,
.page-content .woocommerce a.button.alt,
.page-content .woocommerce button.button.alt {
  background-color: #e467b6 !important;
  color: #ffffff !important;
}

.page-content .wpcf7 [type='submit'] {
  background-color: #e467b6 !important;
  color: #ffffff !important;
}

@media screen and (max-width: 768px) {
  .wp-block-media-text {
    display: flex;
    flex-direction: column;
  }

  .wp-block-media-text__media {
    margin-bottom: 1.5rem !important;
  }

  .wp-block-media-text__content {
    order: 2;
    padding: 0 !important;
  }
}

.wpcf7 input[type="tel"] {
  width: 60%; 
}

@media screen and (max-width: 768px) {
  .wpcf7 input[type="tel"] {
    width: 100%; 
  }
}


mark {
  background-color: #fff;
}

#mini-cart-count:empty {
  display: none;
}
#mini-cart-count {
  display: inline;
}

#mini-cart-count::before {
  content: '(';
}
#mini-cart-count::after {
  content: ')';
}

.woocommerce .woocommerce-ordering {
  margin-top: 0 !important;
}

.post-difficulty {
  float: right;
}


.tnp-widget input.tnp-submit {
  background-color: #e467b6 !important;
  color: #fff !important;
}

.tnp-widget input.tnp-submit:hover {
  color: #000 !important;
  cursor: pointer;
}