/**
DressCodes Variables SnowConcept
 */

/* Color */
:root {
  --orange: #E5571D;
  --black: #252525;
  --gris: #F5F5F5;
  --bleu: #3095D0;
}

/* Custom checkbox */ 


input[type=checkbox] {
  position: relative;
    border: 1px solid #777777;
    border-radius: 0 !important;
    background: none;
    cursor: pointer;
    line-height: 0;
    margin: 0 .6em 0 0;
    outline: 0;
    padding: 0 !important;
    vertical-align: text-bottom;
    height: 20px;
    width: 20px;
    -webkit-appearance: none;

}


input[type=checkbox]:checked {
  background-color: var(--orange);
  border-color: var(--orange);
}

input[type=checkbox]:before {
  content: '';
  position: absolute;
  right: 50%;
  top: 50%;
  width: 4px;
  height: 10px;
  border: solid var(--gris);
  border-width: 0 2px 2px 0;
  margin: -1px -1px 0 -1px;
  transform: rotate(45deg) translate(-50%, -50%);
  z-index: 2;
}

/* custom input raio */ 
[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #777777;
    border-radius: 100%;
    background: #fff;
    box-sizing: content-box;
}

[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: var(--orange);
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}


/* Fonts */
@font-face {
    font-family: 'DOCK11';
    src: url('../fonts/DOCK11-Heavy.eot');
    src: url('../fonts/DOCK11-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DOCK11-Heavy.woff2') format('woff2'),
        url('../fonts/DOCK11-Heavy.woff') format('woff'),
        url('../fonts/DOCK11-Heavy.ttf') format('truetype'),
        url('../fonts/DOCK11-Heavy.svg#DOCK11-Heavy') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

.dock11 { font-family:'DOCK11'; }

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Black.eot');
    src: url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Black.woff2') format('woff2'),
        url('../fonts/Roboto-Black.woff') format('woff'),
        url('../fonts/Roboto-Black.ttf') format('truetype'),
        url('../fonts/Roboto-Black.svg#Roboto-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.eot');
    src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Bold.woff2') format('woff2'),
        url('../fonts/Roboto-Bold.woff') format('woff'),
        url('../fonts/Roboto-Bold.ttf') format('truetype'),
        url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-BlackItalic.eot');
    src: url('../fonts/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-BlackItalic.woff2') format('woff2'),
        url('../fonts/Roboto-BlackItalic.woff') format('woff'),
        url('../fonts/Roboto-BlackItalic.ttf') format('truetype'),
        url('../fonts/Roboto-BlackItalic.svg#Roboto-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-BoldItalic.eot');
    src: url('../fonts/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-BoldItalic.woff2') format('woff2'),
        url('../fonts/Roboto-BoldItalic.woff') format('woff'),
        url('../fonts/Roboto-BoldItalic.ttf') format('truetype'),
        url('../fonts/Roboto-BoldItalic.svg#Roboto-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Italic.eot');
    src: url('../fonts/Roboto-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Italic.woff2') format('woff2'),
        url('../fonts/Roboto-Italic.woff') format('woff'),
        url('../fonts/Roboto-Italic.ttf') format('truetype'),
        url('../fonts/Roboto-Italic.svg#Roboto-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Light.eot');
    src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Light.woff2') format('woff2'),
        url('../fonts/Roboto-Light.woff') format('woff'),
        url('../fonts/Roboto-Light.ttf') format('truetype'),
        url('../fonts/Roboto-Light.svg#Roboto-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-LightItalic.eot');
    src: url('../fonts/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-LightItalic.woff2') format('woff2'),
        url('../fonts/Roboto-LightItalic.woff') format('woff'),
        url('../fonts/Roboto-LightItalic.ttf') format('truetype'),
        url('../fonts/Roboto-LightItalic.svg#Roboto-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Medium.eot');
    src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Medium.woff2') format('woff2'),
        url('../fonts/Roboto-Medium.woff') format('woff'),
        url('../fonts/Roboto-Medium.ttf') format('truetype'),
        url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-MediumItalic.eot');
    src: url('../fonts/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-MediumItalic.woff2') format('woff2'),
        url('../fonts/Roboto-MediumItalic.woff') format('woff'),
        url('../fonts/Roboto-MediumItalic.ttf') format('truetype'),
        url('../fonts/Roboto-MediumItalic.svg#Roboto-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.eot');
    src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto-Regular.woff') format('woff'),
        url('../fonts/Roboto-Regular.ttf') format('truetype'),
        url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Thin.eot');
    src: url('../fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Thin.woff2') format('woff2'),
        url('../fonts/Roboto-Thin.woff') format('woff'),
        url('../fonts/Roboto-Thin.ttf') format('truetype'),
        url('../fonts/Roboto-Thin.svg#Roboto-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-ThinItalic.eot');
    src: url('../fonts/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-ThinItalic.woff2') format('woff2'),
        url('../fonts/Roboto-ThinItalic.woff') format('woff'),
        url('../fonts/Roboto-ThinItalic.ttf') format('truetype'),
        url('../fonts/Roboto-ThinItalic.svg#Roboto-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

/* layouts */ 
.layout-fullwidth .container, 
.layout-fullwidth .block.category.event,
.layout-fullwidth .footer.content,
.layout-fullwidth .header.content,
.layout-fullwidth .navigation,
.layout-fullwidth .page-main,
.layout-fullwidth .page-wrapper>.breadcrumbs >ul,
.layout-fullwidth .page-wrapper>.page-bottom,
.layout-fullwidth .page-wrapper>.widget,
.layout-fullwidth .top-container{
    padding-left: 4vw;
    padding-right: 4vw;
}

.cms-page-view .page-wrapper>.breadcrumbs >ul {
    max-width: 1600px;
}

.cms-page-view .page-main {
    max-width: 1600px;
    padding-bottom: 120px;
}

/* Titre */
h1, h2, h3, h4 {
   font-weight: 700; 
   margin-top: 24px;
   margin-bottom: 10px;
}

h1 { font-size:28px; }
h2 { font-size:24px; }
h3 { font-size:20px; }
h4 { font-size:18px; }

[class*="sc-titre"] {
    font-weight: bold;
    line-height: 1;
}

.sc-titre-large {
    font-size: 80px;
}

.sc-titre-moyen {
    font-size: 38px;
}

.sc-titre-petit {
    font-size: 20px;
}

@media (max-width: 1024px) {
    .sc-titre-large {
        font-size: 60px;
    }
}


@media (max-width: 768px) {

    .sc-titre-large { font-size: 30px; }

    .sc-titre-moyen { font-size: 26px; }

    .sc-titre-petit { font-size: 16px; }
}

/* Texte */ 
/*body { font-size: 16px; }

@media (max-width: 768px) {
    body { font-size: 14px; }
}
*/
p {
	margin: initial;
	line-height: 24px;
	letter-spacing: initial;
}

.sc-texte-normal { font-size:14px; }

.sc-bold, p > a {
    font-weight: bold;
}

.sc-texte-ombre {
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.35);
}

.sc-texte-maj {
    text-transform: uppercase;
}

.texte-blanc {
    color: #ffffff;
}

.texte-orange {
    color: var(--orange);
}

.text-justify {
    text-align: justify;
}

.texte-large {
    font-size:16px;
}


.texte-xlarge {
    font-size:20px;
}

.texte-petit {
    font-size:12px;
}

/* Boutons */ 
button, button:not(.primary)  {
    transition: all 0.35s;
    line-height: 24px;
    text-transform: uppercase;
}

button:hover {
    box-shadow: 3px 3px 5px 0 rgba(0,0,0, 0.3);
}

button.action.secondary {
    background-color: var(--black);
    color: white;
}

button.action.secondary:hover {
    border-color: var(--black);
}



/********* Builder ********/
/* Boutons */ 
a.pagebuilder-button-link, button.pagebuilder-button-link, div.pagebuilder-button-link {
    color: inherit;
}

a.pagebuilder-button-link:hover, button.pagebuilder-button-link:hover, div.pagebuilder-button-link:hover {
    box-shadow: none;
    color: inherit;
    text-decoration: none;
}

/* slider */ 


.pagebuilder-slide-wrapper [data-element='content'] {
	min-height: inherit;
}

/* Banner */ 
.pagebuilder-banner-wrapper .pagebuilder-overlay.pagebuilder-poster-overlay {
    background: rgba(0, 0, 0, 0.2) !important;
}

.pagebuilder-banner-wrapper .pagebuilder-overlay.pagebuilder-poster-overlay:hover {
    background: rgba(0, 0, 0, 0.5) !important;
}

/* liens */ 
.sc-lien-texte, a.pagebuilder-button-link, button.pagebuilder-button-link, div.pagebuilder-button-link {
    font-weight: 700;
    transition: all 0.25s;
}

.sc-lien-texte:after, a.pagebuilder-button-link:after, button.pagebuilder-button-link:after, div.pagebuilder-button-link:after {
    font-family: 'porto-icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .1em;
    text-align: center;
    /* opacity: .8; */
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: 5px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    content: "\e81f";
    transition: all 0.25s;
/*    color: var(--orange);*/
}

.sc-lien-texte:hover:after, a.pagebuilder-button-link:hover:after, button.pagebuilder-button-link:hover:after, div.pagebuilder-button-link:hover:after {
    margin-left: 8px;
}


/* reassurance */
.bloc-reassurance { padding: 10px; }

.bloc-reassurance .sc-bold { font-size: 16px; } 

.bloc-reassurance img { max-height:35px; }

/* css-mobile-slider */ 
@media screen and (max-width: 992px) {
    .css-mobile-slider > .inner-content {
      display: flex;
      flex-wrap: nowrap !important;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }

    .css-mobile-slider > .inner-content::-webkit-scrollbar {
        background: #FFFFFF;
        border-radius: 10px;
        height: 4px;
      }

    .css-mobile-slider > .inner-content::-webkit-scrollbar-thumb {
        background: var(--orange);
        border-radius: 10px;
        box-sizing: content-box;
        height: 4px;
    }

    .css-mobile-slider > .inner-content > .mgz-element-column{
        flex: 0 0 33%;
    }
}

@media screen and (max-width: 768px) {
    .css-mobile-slider > .inner-content > .mgz-element-column{
        flex: 0 0 45%;
    }
}

@media screen and (max-width: 450px) {
    .css-mobile-slider > .inner-content > .mgz-element-column{
        flex: 0 0 75%;
    }
}

.mgz-overlay,
.mgz-single-image-wrapper .image-content {
    transition: all 0.3s;
} 

.porto-block-html-top .mfp-close {
    color: #ffffff;
}



/* Corps de page */ 
.columns .column.main {
    padding-bottom: 0;
} 
/*
#maincontent:after {
       content: url(../images/sc-photo-montagne-bas-de-page.jpg);
    display: block;
    position: absolute;
    width: 100%;
    margin-left: -4vw;
    margin-right: -4vw;
    bottom: -10px;
    z-index: -1;
}*/

/* Sidebar */ 
body:not(.account) .sidebar.sidebar-main .sidebar-content {
    border: none;
    background: var(--gris);
}

/* filtre */
.filter-options-title .toggle::before, .filter-options-title .toggle::after {
    background: var(--orange);
}

/* toolbar */ 
.toolbar a.porto-product-filters-toggle {
    background: var(--black);
    color: #fff;
    border: none;
}

.toolbar a.porto-product-filters-toggle svg {
    stroke: #fff;
}

/* Grille produit */ 
.product-labels {
    font-size: 18px;
}


.product-item-name  {
    white-space: wrap;
    overflow: initial; 
    text-overflow: initial;
}

.product-item-info.type3 .product.name, .product-item-info.type5 .product.name, .product-item-info.type6 .product.name {
    padding-right: 30px;
}
.product-item-name a {
    font-weight: bold;
        white-space: wrap;
    overflow: initial; 
    text-overflow: initial;
}

/* Porduct item (grid / slide) */ 
.product-item-info {
    background: #ffffff;
    text-align: left;  
    transition: all .3s;   
}

.mgz-product-items .product-item-info {
     border-left-color: rgba(0, 0, 0, 0.09);
}

.product-item-info:hover {
    box-shadow: 0 25px 35px -5px rgba(0, 0, 0, 0.1);
}

.product-item-info .product-item-details {
    padding: 15px 15px 1px;
    padding-bottom: 15px !important;
}


.mgz-product-items .product-item-info .product-item-details {
    min-height: 161px;
}
.product-item-info .product-item-details .price-box {
    margin-bottom: 0;
}

.product-item-info .product-item-details .percent_discount {
    display: none;
}

.product-item-info .product-item-details .price-box .price-final_price .price {
    color: var(--orange);
}

.product-item-info .product-item-details .price-box  .old-price .price {
    color: var(--black);
    opacity: 0.5;
}

.product-item-info .product-item-details .brand_logo {
    max-height: 25px;
    width: auto;
}

.product-item-info .product-item-details .label {
    font-weight: 300;
    font-style: italic;
    font-size: 11px;
    opacity: 0.6;
}

@media (max-width: 500px) {
    .product-item-info .product-item-details .d-flex {
        flex-direction: column;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        gap: 10px;
    }
}

.product-item-info .product-item-details .attributes_listmode {
    padding: 10px 0;
}

.product-item-info .product-item-details .attributes_listmode .label {
    display: block;
}

.product-item-info .product-item-details .attributes_listmode .item_attr {
    background-color: var(--gris);
    font-size: 12px;
    margin-bottom: 10px;
    transition: all 0.2s;
    display: inline-block;
    width: 50px;
    padding: 0 8px;
    margin-right: 10px;
    text-align: center;
}



/* Page Contact */ 
.contact-index-index .page-main {
    max-width: 1440px;
    margin:auto;
}

.contact-index-index .fieldset > .legend, .contact-index-index .contact-info .contacts-title {
    color: var(--black);
}


/* FAQ */ 
.aw-faq-sidebar-content {
    background: var(--gris);
    box-sizing: border-box;
}

.aw-faq-sidebar-content * {
    box-sizing: border-box !important;
}

.aw-faq-sidebar-content .jstree-wholerow-ul {
    display: block;
}

.aw-faq-sidebar-content .jstree-default .jstree-leaf > .jstree-ocl {
    display: none;
}

.aw-faq-sidebar-content .aw-faq-sidebar-tree .jstree-node.aw-faq-sidebar-tree-active-node > .jstree-wholerow {
    background: transparent;
}

.aw-faq-sidebar-content .aw-faq-sidebar-tree .jstree-node > .jstree-anchor {
        white-space: break-spaces;
    line-height: 24px;
}

.aw-faq-sidebar-content .jstree-default .jstree-node {
    margin-left: 15px;
}

.aw-faq-sidebar-content .aw-faq-sidebar-tree .jstree-node.aw-faq-sidebar-tree-active-node > .jstree-anchor {
    color: var(--orange);
}

@media only screen and (max-width: 991px) {
    .nav-open .page-wrapper,
    .nav-open .nav-sections {
        z-index: 99999999999;
    }
}

.faq-index-index .column.main {
    max-width: 1440px;
    margin: auto;
}

.faq-index-index .aw-container .aw-column {
    margin: 0;
}
.faq-index-index .article-list .category-name a {
    padding-left: 0;
}


.faq-index-index .article-list ul {
    margin-top: 0;
}

.faq-index-index .article-list ul li {
    margin-bottom: 0;
    line-height: 24px;
}

.faq-index-index .article-list ul.aw-list-style > li:before {
    display: none;
}
.faq-index-index .article-list a:hover {
    color: var(--black);
    display: inline-block;
}

.faq-index-index .article-list a:after {
    content: "";
    display: block;
    padding-top: 3px;
    transition: all 0.35s;
    width: 0;
    height: 0;
    border-top: 2px solid var(--orange);
}

.faq-index-index .article-list a:hover {
    letter-spacing: 0.2px;
}

.faq-index-index .article-list a:hover:after {
    width: 100%;
}

/* Custom curseur */ 
#ln_slider_price.ui-slider-horizontal {
    background: transparent;
}

#ln_slider_price .ui-slider-handle {
    background: var(--orange);
}
.filter-actions a.clear {
    color: red;
    font-style: italic;
}