/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

/* fonts */
@font-face {
  font-family: "Ubuntu";
  src: url("../fonts/Ubuntu-Light.woff2") format("woff2"),
    url("../fonts/Ubuntu-Light.woff") format("woff"),
    url("../fonts/Ubuntu-Light.ttf") format("truetype"),
    url("../fonts/Ubuntu-Light.svg#Ubuntu-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Ubuntu";
  src: url("../fonts/Ubuntu-Bold.woff2") format("woff2"),
    url("../fonts/Ubuntu-Bold.woff") format("woff"),
    url("../fonts/Ubuntu-Bold.ttf") format("truetype"),
    url("../fonts/Ubuntu-Bold.svg#Ubuntu-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Ubuntu";
  src: url("../fonts/Ubuntu-LightItalic.woff2") format("woff2"),
    url("../fonts/Ubuntu-LightItalic.woff") format("woff"),
    url("../fonts/Ubuntu-LightItalic.ttf") format("truetype"),
    url("../fonts/Ubuntu-LightItalic.svg#Ubuntu-LightItalic") format("svg");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Ubuntu";
  src: url("../fonts/Ubuntu-Italic.woff2") format("woff2"),
    url("../fonts/Ubuntu-Italic.woff") format("woff"),
    url("../fonts/Ubuntu-Italic.ttf") format("truetype"),
    url("../fonts/Ubuntu-Italic.svg#Ubuntu-Italic") format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Ubuntu";
  src: url("../fonts/Ubuntu-BoldItalic.woff2") format("woff2"),
    url("../fonts/Ubuntu-BoldItalic.woff") format("woff"),
    url("../fonts/Ubuntu-BoldItalic.ttf") format("truetype"),
    url("../fonts/Ubuntu-BoldItalic.svg#Ubuntu-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Ubuntu";
  src: url("../fonts/Ubuntu-Medium.woff2") format("woff2"),
    url("../fonts/Ubuntu-Medium.woff") format("woff"),
    url("../fonts/Ubuntu-Medium.ttf") format("truetype"),
    url("../fonts/Ubuntu-Medium.svg#Ubuntu-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Ubuntu";
  src: url("../fonts/Ubuntu-Regular.woff2") format("woff2"),
    url("../fonts/Ubuntu-Regular.woff") format("woff"),
    url("../fonts/Ubuntu-Regular.ttf") format("truetype"),
    url("../fonts/Ubuntu-Regular.svg#Ubuntu-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Ubuntu";
  src: url("../fonts/Ubuntu-MediumItalic.woff2") format("woff2"),
    url("../fonts/Ubuntu-MediumItalic.woff") format("woff"),
    url("../fonts/Ubuntu-MediumItalic.ttf") format("truetype"),
    url("../fonts/Ubuntu-MediumItalic.svg#Ubuntu-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

div.pwk-menu > ul > li.category > a {
  color: #fff;
}

body#module-pwkcatalog-list section#content #catalog-list p.dates {
  margin-bottom: 0;
}

body#module-pwkcatalog-list section#content #catalog-list h2 {
  margin-top: 0.6em;
}

body#module-pwkcatalog-list section#content #catalog-list .bottom-row {
  padding: 0;
}

body#module-pwkcatalog-list section#content #catalog-list ._df_thumb {
  width: 160px;
  height: 213.33px;
}

body#module-pwkcatalog-list section#content #catalog-list .btns {
  padding-top: 0;
}

/*body#module-pwkcatalog-list section#content #catalog-list #btn_view_all_catas:hover {
	padding-top:0;
}*/

.page-wrapper--authentication .page-header {
  all: unset;
}

.page-footer--authentication .no-account {
  font-size: 18px;
  a {
    font-weight: bold;
    text-decoration: underline;
  }
}
.page-footer--authentication.page-footer {
  all: unset;
  margin-left: 50px;
}

div.products .product-flags li.surCommande {
  font-size: 14px;
  background-color: #ffc71f;
  margin-right: -10px;
}

div.products .product-flags li.datePromo {
  background-color: #ce0000;
}

.product-flags li.surCommande {
  background-color: #ffc71f;
}

.pwk_slider_container .ui-slider-handle:not(:last-child) {
  margin-left: 0 !important;
}

.ve-productlist-stock {
  position: relative;
}

.ve-productlist-stock span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.ve-productlist-stock span.text-primary:before {
  background-color: #008a2f;
}

.ve-productlist-stock span.text-warning:before {
  background-color: #ffc71f;
}

#content.page-stores .table-horaires td ul li {
  max-width: 270px;
}

@media (max-width: 991px) {
  #content.page-stores .table-horaires td ul li {
    max-width: 220px;
  }
}

/* Réassurance */
.blockreassurance {
  padding-top: 10px;
  text-align: center;
  width: 100%;
  .reass-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
  }
  .block-title {
    font-weight: bold;
  }
  .block-icon,
  .block-icon img,
  .block-icon svg {
    height: 70px;
  }
}

@media (max-width: 575px) {
  .blockreassurance {
    text-align: left;
  }
  .blockreassurance .block-icon img,
  .blockreassurance .block-icon svg {
    height: 35px;
    width: 35px;
  }
  .blockreassurance .block-title {
    display: inline-block;
    height: 35px;
    max-width: calc(100% - 55px);
    padding-top: 10px;
  }
}

.blockreassurance_product {
  & > p {
    font-style: italic;
  }
  .content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
    grid-gap: 10px;
    & > div {
      background-color: #f5f5f5;
    }
  }
}
.blockreassurance_product .item-product {
  all: unset;
}
.blockreassurance_product .item-product img,
.blockreassurance_product .item-product svg {
  height: 35px;
  width: 35px;
}

.blockreassurance_product p.block-title {
  line-height: 17px;
  font-size: 15px;
  font-weight: 600;
}

/* Specific Checkout */
body#checkout .container-blockreassurance {
  min-height: auto;
}

.on-pf-stock-round:before {
  border: 1px solid #008a2f;
}

/*Montage*/
.product-customization-line .montage-header p {
  font-size: 15px;
}

.product-customization-line .montage-message {
  font-size: 14px;
}