/*
Theme Name: R2 Red Brahmans
Author: Centreville Tech, LLC.
Description: This theme is a child theme of Sheeba Lite, customized for R2 Red Brahmans.
Version: 2019.1
Template: sheeba-lite
Version: 1.0.0

*/

#logo a.text-logo,
h1,
h2,
h3 {
  font-family: 'Roboto Slab', serif;
  color: #2d2d2d;
}

body {
  font-family: 'Roboto', sans-serif !important;
  background-color: #381c00;
}

#mainmenu a {
  font-family: 'Roboto', sans-serif !important;
  font-size: 16px;
}


#mainmenu .menu-item-cows a:before,
#mainmenu .menu-item-bulls a:before {
    display: inline-block;
    font-family: "FontAwesome";
    font-size: 14px;
    font-weight: 900;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 0.4rem;
}

#mainmenu .menu-item-cows a:before {
    content: "\f221";
}

#mainmenu .menu-item-bulls a:before {
    content: "\f222";
}

h3.product-title, h4.product-title {
  text-align: left !important;
}

h3, h3.title a, h3.product-title a {
  font-size: 30px !important;
  color: #2d2d2d;
}

p {
  font-size: 18px;
  line-height: 1.5;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce a.button, .woocommerce #respond input#submit, .woocommerce button.button, .woocommerce input.button, .woocommerce input.button#place_order, .woocommerce .wc-proceed-to-checkout input, .woocommerce .woocommerce-product-search button {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400 !important;
  font-size: 20px;
}



#logo-wrapper > div:nth-child(1) {
  width: 100%;
  padding: 0;
}

#logo-wrapper {
  padding: 0 !important;
}

#menu-wrapper {
  border-top: none;
}

#menu-primary-menu-1 {
  width: max-content;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
  display: none;
}

#tab-description {
  border-radius: 0;
  background-color: #FAEEE2 !important;
  padding-top: 30px;
}

#footer {
  background-color: #FAEEE2 !important;
}

#footer .copyright p {
  font-size: 12px;
  font-weight: normal;
}

.product_meta {
  display: none;
}

.woocommerce-product-gallery__image {
  margin-top: 0 !important;
  margin-right: 0 !important;
}

.woocommerce-product-gallery {
  width: 100% !important;
}

.woocommerce div.product div.summary {
  float: none;
}

nav.header-menu.visible-header-cart {
  width: 100%;
}

.woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count {
  display: none;
}

.woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count {
  display: none;
}

.products-list h1.title {
  line-height: 1.2em;
  text-align: center;
  position: relative;
  margin-bottom: 30px;
}

.archive.term-cows h1.title:before,
.archive.term-bulls h1.title:before {
    display: inline-block;
    font-family: "FontAwesome";
    font-weight: 400;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 1rem;
}

.archive.term-cows h1.title:before {
    content: "\f221";
}

.archive.term-bulls h1.title:before {
    content: "\f222";
}

.products-list .product-content .price {
  text-align: left !important;
  margin-bottom: 2rem !important;
}

.price {
  font-size: 2rem !important;
}

#header-wrapper {
  background: #EBDBC7;
}

#wrapper {
  background-color: #FAEEE2;
}

.post-article {
  background-color: #FAEEE2;
}

.product-content {
  background-color: #EBDBC7 !important;
  text-align: left !important;
}

.product-content a {
  margin-top: 0 !important;
}

a.genetic-information {
  margin-top: 0 !important;
  margin-bottom: 30px !important;
}

.masonry .product-content {
  box-shadow: none !important;
}


/* ----- Lightbox ----- */

.genetic-lightbox {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}

.genetic-lightbox.open {
  display: flex;
  flex-direction: column;
}

.genetic-lightbox iframe {
  width: 100%;
  /* height: calc(100% - 40px); */
  border: none;
  flex-grow: 1;
  background-color: white;
}

.genetic-lightbox a.close-lightbox {
  margin-top: 0 !important;
  width: 100% !important;
  /* position: fixed !important;
  bottom: 0;
  left: 0; */
  height: 40px;
}

html.freeze {
  overflow-y: hidden;
}

.summary {
  padding: 30px;
  margin-bottom: 0 !important;
}

.woocommerce div.product form.cart, .woocommerce div.product p.cart {
  margin-bottom: 0 !important;
}

.woocommerce div.product form.product-add-to-cart-form {
  display: flex;
  align-items: center;
}

.woocommerce div.product form.cart .product-button {
  margin-left: 0.5em;
}

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
  width: 100%;
}


.woocommerce table.shop_table th, .woocommerce table.shop_table td {
  /* padding: 12px 0; */
  padding: 12px 12px;
}

.woocommerce ul#shipping_method li {
  margin-bottom: 0 !important;
}

.woocommerce-privacy-policy-text > p {
  font-size: 12px;
}

.video-embed {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}

.video-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.woocommerce-order {
  margin-right: 15px;
  margin-left: 15px;
  margin-top: 25px;
}


/* Pay My Bill */
.pay-my-bill-checkout .woocommerce-billing-fields,
.pay-my-bill-checkout .woocommerce-shipping-fields,
.pay-my-bill-checkout .woocommerce-additional-fields,
.pay-my-bill-checkout .woocommerce-checkout-review {
  display: none;
}

.pay-my-bill-checkout #wc-stripe-payment-request-wrapper,
.pay-my-bill-checkout #wc-stripe-payment-request-button-separator {
  display: none !important;
}

.button-pmb {
  margin: 5px 0 0 3px !important;
}

.woocommerce form .form-row.woocommerce-invalid-amount label {
  color: #a00;
}
.woocommerce form .form-row.woocommerce-invalid-amount input.input-text {
  border-color: #a00;
}


/* Remove phone and envelope icons and style appropriately */

.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before,
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone::before {
  content: '';
}

.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email,
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone {
  padding-left: 0;
  font-size: inherit;
}

.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone {
  margin-top: 15px;
}

/* Stripe image icons */
label[for='payment_method_stripe'] {
  display: inline-flex;
  width: 90%;
  flex-wrap: wrap;
}

/* Remove extra space below site header image */
@media screen and (min-width: 0px) and (max-width: 992px) {
  #logo {
    margin-bottom: 0px;
  }
}

/* Make "close menu" x clickable */
/* #scroll-sidebar .wrap {
  pointer-events: none;
} */

.home h1.title {
  display: none;
}

.home .post-article p {
  font-size: 16px;
}

/* Styling for category description paragraph */

.term-description {
  margin-bottom: 2rem;
}

/* Retaining and re-styling the menu on mobile */
@media screen and (min-width: 0px) and (max-width: 992px) {
  #menu-wrapper nav.header-menu, #menu-wrapper nav.header-menu ul {
    visibility: visible;
    display: block;
  }
  #menu-wrapper {
    background: transparent;
  }
}

@media screen and (min-width: 8px) and (max-width: 700px) {
  #menu-primary-menu-1 {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr;
  }
  #menu-wrapper {
    height: auto;
  }
  nav.header-menu ul li {
    text-align: center;
  }
  nav.header-menu ul li:first-of-type a {
    padding-left: 12px;
  }
  #mainmenu {
    margin-bottom: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  nav.header-menu ul li a {
    line-height: 2.2;
  }
}

@media screen and (max-width: 550px) {
  .home .post-container img {
    width: 100%;
  }
}

/* loading spinner styles */
.button-loading {
  display: flex !important;
  height: 44px !important;
  align-items: center;
  justify-content: center;
  padding: 0 60px!important;
}
.button-loading .lds-spinner {
  transform: scale(.4);
}
.lds-spinner {
  color: official;
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-spinner div {
  transform-origin: 40px 40px;
  animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 37px;
  width: 6px;
  height: 18px;
  border-radius: 20%;
  background: #fff;
}
.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* // loading spinner styles */