/* 
Theme Name: YM wordpress theme

Description: Theme Wordpress for the documentary photographer Yann Macherez
Author: Yann Macherez
Template: hello-elementor
Version: 1.0.1
Text Domain: YM wp theme
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html*/

@import "gens.css";

/*RED : DB2B1E*/
a {
  color: #000000;
}

a:hover {
  color: #000000;
}


table th,
table tr,
table td{
  border: 0px;
  background-color: transparent;
}

table tbody > tr:nth-child(2n+1) > td{
    border: 0px;
  background-color: transparent;
}
.w-1140 {
  width: 100%;
  max-width: 1140px;
}
.w-1170 {
  width: 100%;
  max-width: 1170px;
}

.w-1280 {
  width: 100%;
  max-width: 1280px;
}

/*FONT STYLING*/
.upc {
  text-transform: uppercase;
}

/*COLORS*/

.l-gray {
  color: #5b5b5b;
}

/*CUSTOM LIST YM POSTS*/

.square-posts-wrapper {
}

.square-posts {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
}

.square-post_li {
  flex-basis: 33.3333%;
  padding: 0 1rem;
  margin: 0 auto 1rem auto;
  overflow: hidden;
  position: relative;
}

.square-post_li .square-post-border {
  border: 1px solid #f5f5f5;
}

.square-post-text_wrapper {
  padding: 1rem;
}

.square-post_excerpt {
  font-family: "Lato", arial, sans-serif;
  position: relative;
  font-size: 14px;
  line-height: 1.8em;
}
.square-post_excerpt::after {
  content: "[...]";
}

.square-post_li__link {
  position: relative;
  display: block;
  height: 1px;
  padding-bottom: 100%;
  overflow: hidden;
}

.elementor-post__thumbnail__link:before {
  content: "";
  transition: all 0.4s 0.15s;
  pointer-events: none;
  display: block;
  position: absolute;
  left: 50%;
  top: 20%;
  transform: translate(-50%, -0%);
  width: 10%;
  z-index: 1;
  background-size: 100%;
  background-position: top center;
  opacity: 0;
  background-repeat: no-repeat;
  height: 100px;
  background-image: url("assets/images/sign-yann.png");
}

.elementor-post__thumbnail__link:hover:before {
  opacity: 1;
}

.square-post-li__link-wr:before {
  content: "";
  transition: all 0.4s 0.15s;
  pointer-events: none;
  display: block;
  position: absolute;
  left: 50%;
  top: 16%;
  transform: translate(-50%, -0%);
  width: 10%;
  z-index: 1;
  background-size: 100%;
  background-position: top center;
  opacity: 0;
  background-repeat: no-repeat;
  height: 100px;
  background-image: url("assets/images/sign-yann.png");
}

.square-post_li-with-title .square-post-li__link-wr:before {
  top: 35%;
}
.square-post-li__link-wr:hover:before {
  opacity: 1;
}

.square-post_lines-a:before,
.square-post_lines-a:after {
  top: 40%;
}

.square-post_lines-b:before,
.square-post_lines-b:after {
  top: 30%;
}
.square-post_lines:before {
  position: absolute;
  opacity: 0;
  content: "";
  display: block;
  background: -moz-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.85) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0%, rgba(255, 255, 255, 0)),
    color-stop(100%, rgba(255, 255, 255, 0.85))
  );
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.85) 100%
  );
  background: -o-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.85) 100%
  );
  background: -ms-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.85) 100%
  );
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.85) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#d9ffffff',GradientType=1 );
  width: 35%;

  height: 1px;
  left: 0%;
  z-index: 2;
  transition: all 0.3s;
}
.square-post_lines:after {
  position: absolute;
  opacity: 0;
  content: "";
  display: block;
  background: -moz-linear-gradient(
    left,
    rgba(255, 255, 255, 0.85) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0%, rgba(255, 255, 255, 0.85)),
    color-stop(100%, rgba(255, 255, 255, 0))
  );
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0.85) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -o-linear-gradient(
    left,
    rgba(255, 255, 255, 0.85) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -ms-linear-gradient(
    left,
    rgba(255, 255, 255, 0.85) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0.85) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9ffffff', endColorstr='#00ffffff',GradientType=1 );
  width: 35%;

  height: 1px;
  right: 0%;
  transition: all 0.3s;
}

.square-post_lines:hover::before {
  opacity: 1;
  left: 5%;
}
.square-post_lines:hover::after {
  opacity: 1;
  right: 5%;
}

img.square-post_bg {
  position: absolute;
  background-size: 130%;
  background-repeat: no-repeat;
  background-position: center center;
}

img.square-post_img {
  position: absolute;
  width: 220%;
  max-width: 220%;
  top: -30%;
  left: -60%;
}

.bg-white {
  background-color: white;
}
.bg-lter-gray {
  background-color: #fbfbfb;
}

.mini-btn {
  padding: 2px 6px;
  font-size: 0.875rem;
  border-radius: 2px;
}

.light-btn {
  background-color: #ededed;
  color: #333;
}

.flex-wrapper {
  display: flex;
}

.fl-row {
  flex-direction: row;
}
.fl-end {
  justify-content: flex-end;
}
.fl-start {
  justify-content: flex-start;
}
.mb-0_5 {
  margin-bottom: 0.5rem;
}
.mb-1_5 {
  margin-bottom: 1.5rem;
}
.woo-variation-items-wrapper {
  position: relative;
}
.underl {
  text-decoration: underline;
}
.abs {
  position: absolute;
}
.variation-items_infos {
  position: absolute;
  width: 100%;
  margin-bottom: 0;
  top: 0;
  right: 0;
  font-size: 0.8125rem;
  z-index: 2;
}
.variation-items_infos a {
  font-size: 0.875rem;
  font-weight: 400;
  text-transform: initial;
}

.df_bg-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0);
  transition: all 0.3s;
}

.square-post_li__link:hover .df_bg-overlay {
  background-color: rgba(0, 0, 0, 0.5);
}

.square-post_title-b {
  font-weight: 400;
  font-size: 1.125rem;
  font-family: "Open sans", arial, sans-serif;
  width: 100%;
  text-align: left;
}

.square-post_title {
  pointer-events: none;
  font-weight: 400;
  position: absolute;
  top: 5%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.125rem;
  font-family: "Open sans", arial, sans-serif;
  color: white;
  opacity: 0;
  transition: all 0.3s;
  width: 100%;
  padding: 2rem;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.square-post_li__link:hover .square-post_title,
.square-post_li__link:hover .square-post_cat {
  opacity: 1;
}

.square-post_cat {
  pointer-events: none;
  font-size: 12px;
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
  text-transform: uppercase;
  font-family: "Open sans", arial, sans-serif;
  color: white;
  opacity: 0;
  transition: all 0.3s;
}

@media screen and (max-width: 767px) {
  .square-post_li {
    flex-basis: 80%;
    margin-left: 10%;
  }
  .square-post_title {
    top: 5%;
    margin-top: 0;
    font-size: 0.875rem;
    opacity: 1;
    padding: 10px;
  }
  .square-post_cat {
    font-size: 12px;
    margin-bottom: 0;
    bottom: 10px;
    opacity: 1;
  }
  .square-post_li__link .df_bg-overlay {
    background-color: rgba(0, 0, 0, 0.5);
  }
}

/******************/
/**BOUTIQUE SHOP**/
/****************/

.ym-pr-list {
  list-style-type: none;
  padding-left: 0;
}

.grid-item {
  margin-bottom: 2.25rem;
  width: 23.5%;

  height: auto;
}
.ym-pr-list_li__title {
  font-size: 1.0625rem;
  margin-bottom: 0.5rem;
}

.gutter-sizer {
  width: 2%;
}

.ym-filter-list {
  display: flex;
  margin: 0 auto 3rem auto;
  flex-direction: row;
  gap: 1rem;
  list-style-type: none;
  padding-left: 0;
  margin-left: 0;
  flex-wrap: wrap;
  justify-content: center;
}
.ym-filter-list_li {
  cursor: pointer;
  color: #db2b1e;
  font-size: 1rem;
  position: relative;
}
.ym-filter-list_li.active{
  color: #333333;

}

.relative {
  position: relative;
}
.z-1 {
  z-index: 1;
}

.ym-filter-list_li:after {
  content: "";
  width: 0;
  background-color: #db2b1e;
  height: 1px;
  position: absolute;
  bottom: 0;
  display: block;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.3s 0.1s;
}
.ym-filter-list_li:hover{
  color: #333333;
}
.ym-filter-list_li.active:after{
  width: 80%;
}
.ym-filter-list_li:hover:after {
  width: 80%;
}

/*ALT GALERY PRODUCT**/
.yma-pr-list {
  list-style-type: none;
  padding-left: 0;
}

.yma-pr-list_li.grid-item {
  margin-bottom: 2.25rem;
  width: 32%;

  height: 380px;
  overflow: hidden;
}
.yma-pr-list_li__title {
  font-size: 1.0625rem;
  margin-bottom: 0.5rem;
  text-align: center;
  font-weight: 600;
  margin-top: 0;
}

.gutter-sizer {
  width: 2%;
}

.yma-filter-list {
  display: flex;
  margin: 0 auto 3rem auto;
  flex-direction: row;
  gap: 1rem;
  list-style-type: none;
  padding-left: 0;
  margin-left: 0;
  flex-wrap: wrap;
  justify-content: center;
}
.yma-pr-list_li__content-wrapper {
  position: absolute;
  left: 0;
  top: 1.75rem;
  width: 100%;
  height: 80%;
  display: block;
}

.yma-pr-list_li__content-wrapper img {
  position: absolute;
  top: 50%;
  left: 050%;
  max-width: 100%;
  max-height: 100%;
  display: block;
  transform: translate(-50%, -50%);
  width: auto;
}
.yma-pr-list_li__content-wrapper___text-block {
  position: absolute;
  bottom: 2rem;
  left: 0;
  width: 100%;
  text-align: center;
}

.yma-pr-list_li__content-wrapper___text-block____price p{
  margin-bottom: 0;
}
/** WOOCOMMERCE CUSTOM*/

/** BREADCRUMBS*/

.ym-breadcrumbs {
  margin-bottom: 2rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #eeeeee;
  border-top: 1px solid #eeeeee;
  background: #fbfbfb;
}

.ym-breadcrumbs_list {
  list-style-type: none;
  padding-left: 0;
  display: inline;
}
.ym-breadcrumbs_list li {
  display: inline;
}

.ym-breadcrumbs_delimiter {
  font-size: 0.9em;
  padding: 0 8px;
  color: #5b5b5b;
}

/** PAGE SINGLE PRODUCT */

/*TITLE OF PRODUCT*/
.ym-pr_title {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 1.25em;
  letter-spacing: -0.5px;
}
.ym-pr-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  flex-direction: row;
}

.ym-product_left-col {
  width: 60%;
  padding: 0 0rem;
}

.ym-image-infos{
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 0.25rem;
  max-width: 400px;
  margin: 0 auto;
}
.ym-image-infos_name{
  padding-left: 0.25rem;
  font-weight: 600;
  width: 100%;
  text-transform: uppercase;
}
.ym-image-infos_location-wrapper{
  display: flex;
  justify-content: flex-start;
  gap: 1rem;
}
.ym-image-infos_location{
  padding-left: 20px;

  position: relative;
}
.ym-image-infos_location:before{
position: absolute;
left: 0;
display: block;
width: 20px;
height: 20px;
content: "";
background-image: url("assets/images/marker-1.svg");
background-size: contain;
background-position: left bottom;
background-repeat: no-repeat;
}

.ym-image-infos_country{
  position: relative;

text-decoration: underline;
}
.ym-image-infos_country:before{
  content: "|";
  padding-right: 1rem;
}

.ym-product_right-col {
  width: 40%;
  padding: 0 0rem 0 4rem;
}
.variations tr {
  display: block;
  margin-bottom: 1.5rem;
}

.variations th.label {
  text-align: left;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  text-transform: uppercase;
}
.variations th.label label {
  vertical-align: baseline;
  font-size: 0.9375rem;
  text-transform: uppercase;
  font-weight: 400;
}

.variations .woo-selected-variation-item-name {
  color: #5b5b5b;
  font-weight: 400;
  text-transform: initial;
}
.variations td.value.woo-variation-items-wrapper {
  padding: 0;
}
.variations .value.woo-variation-items-wrapper,
.variations th.label {
  width: 100%;
  display: block;
  background-color: transparent;
  border: 0;
  position: relative;
}

.variable-items-wrapper[data-attribute_name="attribute_pa_format"] {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  list-style-type: none;
  width: 100%;
}
.variable-items-wrapper[data-attribute_name="attribute_pa_couleur-du-bois"] {
  display: flex;
  flex-direction: row;
  margin-bottom: 1rem;
  padding: 0.5rem 0;
  border: 1px solid #bbb;
  gap: 0;
  width: 100%;
  flex-wrap: wrap;
  list-style-type: none;
}

.variable-items-wrapper[data-attribute_name="attribute_pa_couleur-du-bois"]
  .variable-item {
  border: 1px solid transparent;
  padding: 6px 8px;
  border-radius: 8px;
  cursor: pointer;
  position: relative;
  padding-top: 48px;
  width: 20%;
  text-align: center;
  font-size: 14px;
  line-height: 1em;
}

.variable-items-wrapper[data-attribute_name="attribute_pa_finition"] {
  padding-left: 0;
  list-style-type: none;
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  width: 100%;
  flex-wrap: wrap;

  list-style-type: none;
}

.variable-items-wrapper[data-attribute_name="attribute_pa_finition"]
  .variable-item {
  border: 1px solid #bbbbbb;
  padding: 6px 8px;
  cursor: pointer;
  position: relative;
  width: auto;
  transition: all 0.2s;
  text-align: center;
  font-size: 0.875rem;
}
.variable-items-wrapper[data-attribute_name="attribute_pa_finition"]
  .variable-item:hover {
  border: 1px solid #333333;
}
.variable-items-wrapper[data-attribute_name="attribute_pa_finition"]
  .variable-item.selected:hover {
  border: 1px solid #000000;
}
.variable-items-wrapper[data-attribute_name="attribute_pa_finition"]
  .variable-item.selected {
  border: 1px solid #000000;
}

.variable-items-wrapper[data-attribute_name="attribute_pa_couleur-du-bois"]
  .variable-item:after {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: 50%;
  transform: translate(-50%);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 6px solid white;
  -webkit-box-shadow: 0px 0px 0px 1px #ffffff;
  box-shadow: 0px 0px 0px 1px #ffffff;
  transition: all 0.2s;
}

.variable-items-wrapper[data-attribute_name="attribute_pa_couleur-du-bois"]
  .variable-item:hover:after {
  -webkit-box-shadow: 0px 0px 0px 1px #333333;
  box-shadow: 0px 0px 0px 1px #333333;
}
.variable-items-wrapper[data-attribute_name="attribute_pa_couleur-du-bois"]
  .variable-item.selected:hover:after,
.variable-items-wrapper[data-attribute_name="attribute_pa_couleur-du-bois"]
  .variable-item.selected:after {
  -webkit-box-shadow: 0px 0px 0px 1px #000000;
  box-shadow: 0px 0px 0px 1px #000000;
}

.variable-items-wrapper[data-attribute_name="attribute_pa_couleur-du-bois"]
  .variable-item[data-value="natural-oak"]:after {
  background-image: url("assets/images/wood-texture.jpg");
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
}
.variable-items-wrapper[data-attribute_name="attribute_pa_couleur-du-bois"]
  .variable-item.button-variable-item-no-frame:after {
  background-image: url("assets/images/no-frame.jpg");
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.variable-items-wrapper[data-attribute_name="attribute_pa_couleur-du-bois"]
  .variable-item[data-value="brown-alder"]:after {
  background-color: #cc9368;
}
.variable-items-wrapper[data-attribute_name="attribute_pa_couleur-du-bois"]
  .variable-item[data-value="natural-oak"]:after {
  background-color: #d8a062;
}

.variable-items-wrapper[data-attribute_name="attribute_pa_couleur-du-bois"]
  .variable-item[data-value="natural-maple"]:after {
  background-color: #f5d19f;
}
.variable-items-wrapper[data-attribute_name="attribute_pa_couleur-du-bois"]
  .variable-item[data-value="white-oak"]:after {
  background-color: #d0b99b;
}
.variable-items-wrapper[data-attribute_name="attribute_pa_couleur-du-bois"]
  .variable-item[data-value="white-maple"]:after {
  background-color: #e6e1cd;
}
.variable-items-wrapper[data-attribute_name="attribute_pa_couleur-du-bois"]
  .variable-item[data-value="mate-black"]:after {
  background-color: #000000;
}
.variable-items-wrapper[data-attribute_name="attribute_pa_couleur-du-bois"]
  .variable-item.button-variable-item-white:after {
  background-color: #f1f1f1;
}
.variable-items-wrapper[data-attribute_name="attribute_pa_format"]
  .variable-item {
  position: relative;
  text-align: left;
  border: 1px solid #bbbbbb;
  margin-bottom: 0.5rem;
  padding: 0.5rem;
  cursor: pointer;
  transition: all 0.2s;
}

.value.woo-variation-items-wrapper {
  font-size: 1rem;
}
.variable-items-wrapper[data-attribute_name="attribute_pa_format"]
  .variable-item
  .variable-item-span {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
}
.variable-items-wrapper[data-attribute_name="attribute_pa_format"]
  .variable-item:hover {
  border: 1px solid #000000;
}
.variable-items-wrapper .variable-item:before {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.875rem;
  color: #5b5b5b;
}
.variable-items-wrapper .variable-item[data-value="small"]:before {
  content: "35 x 45 cm";
}

.variable-items-wrapper .variable-item[data-value="medium"]:before {
  content: "40 x 60 cm ";
}

.variable-items-wrapper .variable-item[data-value="large"]:before {
  content: "60 x 90 cm ";
}
.variable-items-wrapper .variable-item[data-value="collector"]:before {
  content: "80 x 120 cm ";
}

.woocommerce-product-gallery-wrapper{
  height: 100%;
  position: relative;
}

.woocommerce-product-gallery__image {
  min-height: 480px;
  overflow: hidden;
  padding-bottom: 2rem;
  justify-content: center;
  display: flex;
  align-items: center;
}
.woocommerce-product-gallery__image .wp-post-image {
  margin: 0 auto;
  display: block;
  max-width: 100%;
  -webkit-box-shadow: 4px 4px 5px -1px rgba(0, 0, 0, 0.48);
  box-shadow: 4px 4px 5px -1px rgba(0, 0, 0, 0.48);
}
.woocommerce-product-gallery__image.small-selected .wp-post-image {
  width: 263px !important;
  border: 40px solid transparent;
}
.woocommerce-product-gallery__image.medium-selected .wp-post-image {
  width: 350px !important;
  border: 40px solid transparent;
}
.woocommerce-product-gallery__image.large-selected .wp-post-image {
  width: 525px !important;
  border: 40px solid transparent;
}
.woocommerce-product-gallery__image.collector-selected .wp-post-image {
  width: 700px !important;
  border: 40px solid transparent;
}

.woocommerce-product-gallery__image.frame-wood .wp-post-image {
  border-image: url("assets/images/wood-frame-2.jpg") 90;
}
.woocommerce-product-gallery__image.frame-black .wp-post-image {
  border-image: url("assets/images/bg-frame-e.png") 60;
}
.woocommerce-product-gallery__image.frame-white .wp-post-image {
  border-image: url("assets/images/bg-frame-white-2.png") 60;
}
.pswp .pswp__container .pswp__item:nth-child(2) .pswp__img {
  -webkit-box-shadow: 4px 4px 5px -1px rgba(0, 0, 0, 0.48);
  box-shadow: 4px 4px 5px -1px rgba(0, 0, 0, 0.48);
}
.pswp.frame-black .pswp__container .pswp__item:nth-child(2) .pswp__img {
  border: 40px solid transparent;
  border-image: url("assets/images/bg-frame-e.png") 60;
}
.pswp.frame-wood .pswp__container .pswp__item:nth-child(2) .pswp__img {
  border: 40px solid transparent;
  border-image: url("assets/images/wood-frame-2.jpg") 90;
}
.pswp.frame-white .pswp__container .pswp__item:nth-child(2) .pswp__img {
  border: 40px solid transparent;
  border-image: url("assets/images/bg-frame-white-2.png") 60;
}

.pswp__bg {
  background-color: #f1f1f1;
}
.pswp .pswp__ui--fit .pswp__caption,
.pswp .pswp__ui--fit .pswp__top-bar {
  background-color: transparent;
}

/*SINGLE PRODUCT GALLERY*/
.woocommerce-product-gallery .flex-control-thumbs {
  padding-left: 0;
  list-style-type: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  clear: both;
  padding-top: 2rem;
}

.price {
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 2rem;
  color: #333;
}

.price .from {
  font-size: 0.9375rem;
  font-weight: 400;
  color: #5b5b5b;
}



/*CHECKOUT*/


.ym-checkout-wrapper{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding-bottom: 4rem;
  
}
.ym-checkout-left-col{
  width: 50%;
  padding-right: 2rem;
}
.ym-checkout-right-col{
  width: 50%;
  padding-left: 2rem;
}

#place_order.button{
  width: 100%;
  background: #333;
  border: 0;
  color: white;

}
#place_order.button:hover{
  background-color: #444444;
  border: 0;
}
.wc_payment_methods {
  list-style-type: none;
  margin-bottom: 2rem;
  padding: 1rem;
  border: 1px solid #bbbbbb;
  background-color: #f5f5f5;
}
.wc-credit-card-form{
  border: 0px;
}
.wc_payment_method p{

}.wc_payment_methods .wc-stripe-cc-form{
  padding: 0;
}
.wc_payment_methods fieldset{
  border: 0px;
  padding: 0;
}
.wc_payment_methods #wc-stripe-cc-form{
  margin-bottom: 4px;
}

li.wc_payment_method{
  font-size: 13px;
  line-height: 1.2em;
} 
.wc_payment_methods li.wc_payment_method > label{
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 4px;
} 



/*ADD TO CART BTN*/
.single_add_to_cart_button.button.alt,
a.ym-shop_cta-btn {
  width: 100%;
  display: block;
  border: 1px solid;
  color: white;
  border: 1px solid #333333;
  background-color: #333;
  margin-bottom: 1rem;
  padding: 0.5rem 1rem;
  text-align: center;
  border-radius: 3px;
}
.single_add_to_cart_button.button.alt:hover,
.single_add_to_cart_button.button.alt:focus,
a.ym-shop_cta-btn {
  color: white !important;
  text-decoration: none;
  border: 1px solid #444444;
  background-color: #444444;
}

.woocommerce-variation-price {
  margin-bottom: 1rem;
}
/*general classes fonts*/
.f-reg {
  font-size: 1rem;
}
.f-small-2 {
  font-size: 15px;
}

.f-500 {
  font-weight: 500;
}
.f-600 {
  font-weight: 600;
}
.f-700 {
  font-weight: 700;
}
/*FONT STYLES*/
.ita {
  font-style: italic;
}

.red-arrow {
  position: relative;
}

.red-arrow:before,
.variations .label:before {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-left: 4px solid #db2b1e;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
  position: absolute;
  top: 50%;
  transform: translatey(-50%);
  z-index: 2;
  left: 0%;
}

.variations .label {
  padding-left: 1rem !important;
  position: relative;
}

.hori-line {
  position: relative;
}
.hori-line:after {
  content: "";
  display: block;
  width: 60%;
  background-color: transparent;
  border-top: 2px dotted #00000033;
  height: 0px;
  position: absolute;
  top: 50%;
  right: 0;
}

/*WISHLIST BTN*/
.tinv-wishlist.tinvwl-after-add-to-cart .tinvwl_add_to_wishlist_button {
  display: block;
  width: 100%;
  text-align: center;
  background-color: #f5f5f5;
  color: #000000;
  border-radius: 3px;
  border: 1px solid #333333;
  margin-top: 0;
  padding: 8px 16px;
}
.tinv-wishlist .tinvwl_add_to_wishlist_button.icon-white::before,
a.wishlist_products_counter.top_wishlist-white::before,
span.wishlist_products_counter.top_wishlist-white::before {
  color: #db2b1e;
}

.wc-tabs-wrapper {
  display: flex;
  gap: 4rem;
  flex-wrap: nowrap;
}

.wc-tabs-wrapper .tabs.wc-tabs {
  width: 20%;
  padding-left: 0;
  list-style-type: none;
  align-self: flex-start;
}
.wc-tabs-wrapper .tabs.wc-tabs li {
  border-bottom: 1px solid #bbbbbb;
  padding: 0;
  display: block;
}
.wc-tabs-wrapper .tabs.wc-tabs li a {
  padding: 0.5rem 0.5rem 0.5rem 1.5rem;
  display: block;
  position: relative;
}

.wc-tabs-wrapper .wc-tabs li a:before {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-left: 4px solid rgba(0, 0, 0, 0.05);
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
  position: absolute;
  top: 1rem;
  z-index: 2;
  left: 0.5rem;
  transition: all 0.3s 0.1s;
}
.wc-tabs-wrapper .wc-tabs li.active a:before,
.wc-tabs-wrapper .wc-tabs li.active a:hover:before {
  border-left: 4px solid #db2b1e;
  left: 0;
}

.wc-tabs-wrapper .wc-tabs li a:hover:before {
  border-left: 4px solid rgba(0, 0, 0, 0.5);
  left: 0;
}

.wc-tabs-wrapper .woocommerce-Tabs-panel {
  width: 80%;
  padding: 0 2rem;
}
.wc-tabs-wrapper .woocommerce-Tabs-panel h2 {
  font-size: 1.5rem;
}

/*RELATED PRODUCTS*/

.related.products {
  padding: 0 1rem;
}
.related.products h2,
.related.products p {
  text-align: center;
}

.related.products .products {
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0;
}

.related.products .products .product {
  width: 25%;
  padding: 1rem;
  list-style-type: none;
}
.related.products .products .product h2 {
  font-size: 1rem;
  padding-top: 70%;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.related.products .products .product .price {
  font-size: 0.875rem;
  font-weight: 400;
  color: #5b5b5b;
  text-align: center;
  display: block;
}

.related.products .products .product .woocommerce-loop-product__link {
  display: block;
  position: relative;
  padding-top: 0;
  height: 1px;
  overflow: hidden;
  padding-bottom: 100%;
}
.related.products .products .product .woocommerce-loop-product__link img {
  height: 66.66%;
  max-width: 100%;
  width: auto;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  max-height: 100%;
}

/* CART PAGE */
button[name="update_cart"] {
  display: none !important;
}
table tbody > tr.ym-cart-form_cols:nth-child(2n + 1) > td {
  background-color: transparent;
  border: 0;
}
table tbody > tr.ym-cart-form_cols:nth-child(2n + 1) > th {
  background-color: transparent;
  border: 0;
}
table tbody > tr.ym-cart-form_cols td {
  background-color: transparent;
  border: 0;
}
table tbody > tr.ym-cart-form_cols th {
  background-color: transparent;
  border: 0;
}

table tbody > tr.ym-cart-form_cols {
  border-bottom: 1px solid #bbbbbb;
}
table tbody > tr.ym-cart-form_cols:last-child {
  border-bottom: 0px;
}

.ym-cart-form {
  border: 1px solid #bbbbbb;
}

.ym-cart-form_cols .product-thumbnail {
  width: 25%;
}
.ym-cart-form_cols .product-name {
  width: 55%;
}
.ym-cart-form_cols .product-price {
  width: 15%;
}
.ym-cart-form_cols .product-remove {
  width: 5%;
}
.ym-cart-form_cols .product-name .variation p {
  margin-bottom: 0;
}
.ym-cart-form_cols .product-name .variation dt,
.ym-cart-form_cols .product-name .variation dd {
  float: left;
  width: auto;
}
.ym-cart-form_cols .product-name .variation dd {
  margin-left: 0;
  margin-bottom: 8px;

  clear: right;
}
.ym-cart-form_cols .product-name .variation dt {
  clear: left;
  padding-right: 8px;
  font-weight: 500;
}

.woocommerce-Price-amount {
  font-size: 1.5rem;
  text-align: center;
  font-weight: 500;
}

.single_variation_wrap .woocommerce-variation-price{
  text-align: center;
}

.product-remove .remove{
  font-size: 2rem;
  line-height: 1em;
  text-decoration: none;
  position: relative;
  top:-8px;
}

/* = CART TOTALS BLOCK on cart page (on the right)*/
.cart_totals h2 {
  font-size: 1.75rem;
}

.cart_totals .shop_table th,
.cart_totals .shop_table td {
  border: 0;
  background-color: transparent;
}
.cart_totals .shop_table {
  margin-bottom: 2rem;
}
.cart_totals .shop_table .order-total {
  border-top: 1px solid #bbbbbb;
  border-bottom: 1px solid #bbbbbb;
}
.cart_totals .shop_table th {
  text-align: left;
}
.cart_totals .shop_table td {
  text-align: right;
}


#order_review .product-total{
  text-align: right;
}

#order_review .product-name{
  text-align: left;
}

#order_review .cart-subtotal th{
text-align: left;
}
#order_review .cart-subtotal td{
text-align: right;
}
#order_review .order-total th{
text-align: left;
}
#order_review .order-total td{
text-align: right;
}

/*= CHECKOUT PAGE */
.woocommerce-billing-fields__field-wrapper{
  display: flex;
  gap: 2%;
  flex-wrap: wrap;
}
#billing_first_name_field{
width: 49%;
}
#billing_last_name_field{
width: 49%;
}
#billing_country_field{
width: 100%;
}
#billing_address_1_field{
  width: 100%;
}
#billing_address_2_field{
  width: 100%;
}
#billing_postcode_field{
width: 29%;
}
#billing_city_field{
width: 69%;
}
#billing_email_field{
  width: 100%;
}
#billing_phone_field{
  width: 100%;
}
.ym-checkout_or-wrapper{
  padding: 1rem;
  background-color: #f5f5f5;
  border: 1px solid #bbbb;
}
.ym-checkout_or-wrapper .product-name{
font-size: 14px ;
font-weight: 500;
}
.ym-checkout_or-wrapper .woocommerce-Price-amount{
  font-size: 14px;
}

.ym-checkout_or-wrapper .order-total .woocommerce-Price-amount{
  font-size: 16px;
  font-weight: 600;
}


.ym-checkout_or-wrapper .cart-subtotal{
  border-top: 1px solid #bbbbbb;
   border-bottom: 1px solid #bbbbbb;
}
.ym-checkout_or-wrapper dl dt{
  font-size: 13px;
  font-weight: 400;
display: block;float: left;clear: left;

}
.ym-checkout_or-wrapper dl dd{
  font-size: 13px;
  font-weight: 400;
  font-size: 13px;
display: block;float: left;clear: right;margin-left: 4px;margin-bottom: 0;

}
.ym-checkout_or-wrapper dl dd p{
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 0;
}

.woocommerce-additional-fields{
  margin-bottom: 2rem;

}

/*= WOOCOMMERCE GLOBAL CLASSES */
.woocommerce-page h3{
  font-size: 1rem;
  text-transform: uppercase;
}