/*
Theme Name: BSI
Theme URI: https://medianouveau.com/
Author: Median Nouveau LLC
Author URI: https://medianouveau.com
Description: A full site editing block theme. 
Tags: full-site-editing, block-patterns, custom-colors, custom-menu, custom-logo, woocommerce, magazine-style, featured-images, grid-layout, wide-blocks
Requires at least: 6.0
Requires PHP: 8.0
Version 0.1
License: GNU General Public License v2 or later
License URI: http:www.gnu.org/licenses/gpl-2.0.html
Text Domain: bsi
Media Nouveau WordPress Theme, (C) 2022 Media Nouveau, LLC
Media Nouveau is distributed under the terms of the GNU GPL.
*/

@import url("https://use.typekit.net/aww7ktb.css");

html, body {
  height: 100%;
}
* {
  box-sizing: border-box; /* include border and padding in element width and height */
    -webkit-transition: all .5s ease-out; 
    -moz-transition: all .5s ease-out; 
    -o-transition: all .5s ease-out; 
    transition: all .5s ease-out; 
}
/* Font smoothing is not available in Global Styles. */
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Lora, serif;
}
h1 { 
  /* font-size: 68px; 
  line-height: 70px;  */
  /* font-family: "kepler-std-semicondensed", serif; color: #392515; font-weight: 700;  */
}
h2 { 
  /* font-size: 38px; 
  line-height: 40px;  */
  /* font-family: "kepler-std-semicondensed", serif; font-weight: 700; color: #68422A; letter-spacing: normal;  */
}
h3 { 
  /* font-size: 26px; 
  line-height: 28px;  */
  /* font-family: "kepler-std-semicondensed", serif; color: #AC9E76; text-transform: uppercase; letter-spacing: .03em;  */
}
h4 { 
  /* font-size: 24px; 
  line-height: 26px;  */
  /* font-family: "kepler-std-semicondensed", serif;  */
}
h5 { 
  /* font-size: 34px; 
  line-height: 36px;  */
  /* font-family: "kepler-std-semicondensed", serif; font-style: italic;  */
}
h6 { 
  /* font-size: 20px; 
  line-height: 22px;  */
  /* font-family: "kepler-std-semicondensed", serif; font-weight: 700; text-transform: none;  */
}
p { 
  /* font-size: 18px; 
  line-height: 1.7em;  */
  /* font-family: 'Fira Sans Condensed', sans-serif; color: #392515;  */
}
a {  
	color: #68422A;
  text-decoration: none; 
}

a:hover { 
  color: #68422A; 
  text-decoration: underline; 
}

/* Block Styles */
.wp-block-site-title {

}

.checklist {
  list-style-type: none;
  padding: 0;
}
.checklist li {
  padding: 0 0 0 25px;
  position: relative;
  margin-bottom: 5px;
}
.checklist li:before {
  position: absolute;
  left: 5px;
  content: "\2713";
  color: #78C1B5;
}

.wp-block-table.is-style-stripes {
    border-bottom: 0;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: #c0eced;
}

figure.gallery {
  display: flex;
}

/* Index & Archive Styles  */

@media (min-width: 800px) {

}

/* Post Styles  */

 @media (min-width: 800px) {
  
}


/* Change Autocomplete styles in Chrome*/
.bp-nouveau input:-webkit-autofill,
.bp-nouveau input:-webkit-autofill:hover,
.bp-nouveau input:-webkit-autofill:focus,
.bp-nouveau textarea:-webkit-autofill,
.bp-nouveau textarea:-webkit-autofill:hover,
.bp-nouveau textarea:-webkit-autofill:focus,
.bp-nouveau select:-webkit-autofill,
.bp-nouveau select:-webkit-autofill:hover,
.bp-nouveau select:-webkit-autofill:focus {
  border: 2px solid white;
  -webkit-text-fill-color: white;
  -webkit-box-shadow: 0 0 0px 1000px #000 inset;
  box-shadow:  0 0 0px 1000px #000 inset;
  transition: background-color 5000s ease-in-out 0s;
}


/* Woocommerce Styles */

.woocommerce.single-product h1.product_title {
  /* font-size: 2.4em !important; */
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
  color: #007f76;
  font-size: 1.8em;
}
.woocommerce div.product p.price ins, .woocommerce div.product span.price ins,
.woocommerce ul.products li.product .price ins {
  text-decoration: none;
}
.woocommerce.single-product .product_meta {
  display: none;
}
.woocommerce-Tabs-panel--description h2:first-of-type {
  display: none;
}
.woocommerce-MyAccount-navigation ul {
border-right: 1px solid #C5E2DC;
padding-right: 30px;
}
.woocommerce-MyAccount-navigation ul > li {
list-style-type: none;
text-align: right;
}
.woocommerce-MyAccount-navigation ul > li a {
padding: 6px 0;
font-size: 24px;
display: block;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
border-top: none;
}
.woocommerce span.onsale,
span.soldout {
 right: -10px;
 top: -10px;
 left: auto;
  padding: 0 .5em;
  font-size: 1em;
  text-transform: uppercase;
  font-weight: 700;
  background-color: #7d5cdc;
  color: #fff;
  transform: rotate(10deg);
  z-index: 99;
  min-height: 3em;
  min-width: 3em;
}
span.soldout {
position: absolute;
  min-height: 5em;
  min-width: 5em;
  position: absolute;
  text-align: center;
  font-size: .8em;
  line-height: 1em;
  border-radius: 100%;
  padding-top: 2em;
}

.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
  float: none;
  width: 100%;
}
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2  {
  display: none;
}


/*  Animation */


/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
.hvr-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
  -webkit-animation-name: hvr-buzz-out;
  animation-name: hvr-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}


.floaty img {
    animation-name: floaty;
    animation-timing-function: ease;
		animation-iteration-count: infinite;
		animation-duration: 15s;
		-webkit-animation-duration: 15s;
		margin-bottom: 0;
}
  @keyframes floaty {
      0%   { transform: translateY(0); }
      50%  { transform: translateY(-40px); }
      100% { transform: translateY(0); }
}
.fly img {
    animation-name: fly;
    animation-timing-function: ease;
		animation-iteration-count: 1;
		animation-duration: 15s;
		-webkit-animation-duration: 15s;
    animation-fill-mode: backwards;
}
  @keyframes fly {
      0%   { transform: translateX(0); }
      50%  { transform: translateX(70px); }
      100% { transform: translateX(100px); }
}
.fade img {
  animation-name: fade;
  animation-timing-function: ease;
  animation-iteration-count: 1;
  animation-duration: 8s;
  -webkit-animation-duration: 8s;
  animation-fill-mode: forwards;
}
@keyframes fade {
    0%   { opacity: .8; }
    100% { opacity: 0; }
}
.zoom img {
	-webkit-transition: 1.5s;
	-o-transition:1.5s;
	transition: 1.5s;
	height: auto;
 max-width: 100%;
}
.zoom img:hover  {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
		-webkit-transition: 1.5s;
		-o-transition: 1.5s;
		transition: 1.5s;
}

.color-fade-in-out {
    animation: ColorFade 2s infinite;
    animation-direction: alternate;
 }
 @keyframes ColorFade {
     0%    { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
     100%  { -webkit-filter: grayscale(0%); filter: grayscale(0%); }
 }