/* Version 1.2.9 */
.adminBlock {
position:relative;
width:95%;
}
.adminBlockBorder {
display:none;
position:absolute;
top:-25px;
left:-25px;
right:-25px;
bottom:-25px;
border:1px dotted #ccc;
}
.adminBlockEditIcon {
display:none;
position:absolute;
top:-20px;
right:-20px;
width:16px;
height:16px;
background:url("../img/edit.png");
cursor:pointer;
}
.adminBlockEditIconBottom {
display:none;
position:absolute;
bottom:-20px;
left:-20px;
width:16px;
height:16px;
background:url("../img/edit.png");
cursor:pointer;
}
.content{
margin-top:20px;
}
/*
-------------------------------------------------------------------------------
HEADER
-------------------------------------------------------------------------------
*/
@media (max-width: 350px){
.topBar__ctn{
flex-wrap: wrap;
height: 9em;
}
.topBar__logo{
width: 100%;
text-align: center;
}
body.isScrolled .topBar .topBar__ctn {
height: 8.5em;
}
}
@media (min-width: 351px) and (max-width: 400px){
.topBar__ctn .btnIcon:not(.hamburger){
width: .8em;
height: .8em;
}
.topBar__ctn .btnIcon .svg{
font-size: .4em;
}
}
@media (min-width: 1150px){
.topBar__mainSite + .topBar__spas{
margin-left: 1em;
}
}
/* Arrow du bouton du menu spas */
.tBLinkCols__label .svg{
margin-left: 1em;
padding-top: 0.1em;
}
/* Bouton profil */
.topBar__profile,
.topBar__mainSiteIcon{
transition: opacity .4s;
}
.hamburger_active .topBar__mainSiteIcon{
display: none;
}
/* Back to main site */
.topBar__mainSiteBtn{
display: none;
}
.topBar__mainSiteBtn .svg{
font-size: .8em;
}
/**
* PAGEHEAD BANDEAU
*
**/
.pageBanner{
position: relative;
height: 45vh;
min-height: 20em;
display: flex;
align-items: center;
align-content: center;
text-align: center;
}
.pageBanner .pageBanner__play{
font-size: 2em;
display: inline-block;
margin-bottom: 1em;
}
/**
* Modals / slide-outs
* Tweak certain elements because the topbar is not identical to WP
**/
body.isScrolled .topBar .topBar__panelIn {padding-top: 8.5em;}
@media (min-width: 1000px){
/* Back to main site */
.topBar__mainSiteBtn{
display: flex;
opacity: 0;
transition: opacity .4s;
position: absolute;
top: 50%;
transform: translateY(-50%);
visibility: hidden;
}
.hamburger_active .topBar__mainSiteBtn{
display: flex;
opacity: 1;
visibility: visible;
}
/* Hover */
.topBar__mainSiteBtn:hover *{
color: var(--color-bronze);
}
.topBar__mainSiteBtn .btnArrowText .btnIcon{
font-size: 2em;
margin-right: 0.25em;
}
.topBar__mainSiteBtn .btnArrowText .h4{
font-weight: 700;
letter-spacing: .23em;
transition: color .2s;
}
}
/*
-------------------------------------------------------------------------------
MENU DES SECTIONS
Toujours vert dans la boutique alors on change du WP.
-------------------------------------------------------------------------------
*/
.menuSections__inner{
background-color: var(--color-black);
}
/*
-------------------------------------------------------------------------------
LISTE DES COMMANDES
-------------------------------------------------------------------------------
*/
/* Barre de tri */
.filtersContainer{
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.filtersContainer .filters-dropdown__item{
display: flex;
white-space: nowrap;
align-items: center;
justify-content: space-between;
}
/* Label beside dropdown */
.filters-dropdown__item > span{
display: block;
margin-right: 1em;
}
/* Chaque dropdown full-width sur mobile. Après flexbox les scale. */
.filtersContainer .s-head--filters-inline__filters{
width: 100%;
}
.filtersContainer .s-head--filters-inline__filters:not(:first-child){
margin-top: 1em;
}
/* Quand il y a plusieurs dropdowns inline, on réduit le padding parce qu'ils sont plus petits */
.s-head--filters-inline__filters .select2.select2-container .select2-selection{
padding: 1em 3em 0.8em 1em;
}
/**
* COMMANDES
*
**/
/* Affichage et pagination sous la liste */
.listeCommandes__nav{
margin-top: 2em;
display: flex;
justify-content: space-between;
align-items: center;
}
/* Pas d'underline du lien sur l'icône de document */
.listeCommandes.typo a:not(.btn)::before{
display: none;
}
/* Wrapper pagination */
.numPaging{
display: flex;
}
/* Boutons de pagination */
.numPaging .btn{
font-size: .8em;
width: 3em;
height: 3em;
margin: 0;
}
.numPaging .btn + .btn{
margin-left: 1em;
}
/* Hover */
.numPaging .btn.active{
color: #fff;
}
.numPaging .btn.active:before{
transform: scaleY(1);
}
@media (min-width: 768px){
.filtersContainer{
flex-wrap: nowrap;
}
.filtersContainer .filters-dropdown__item{
justify-content: center;
}
.filtersContainer .s-head--filters-inline__filters:not(:first-child){
margin-left: 3em;
margin-top: 0;
}
}
/*
-------------------------------------------------------------------------------
SIDE CART
Panier slide-out ouvert à partir du toggle dans le header
-------------------------------------------------------------------------------
*/
.sidePanel{
position: fixed;
right: 0;
top: 0;
width: 100%;
height: 100vh;
max-width: 100%;
background-color: var(--color-bg-dark-transparent);
padding: 2em 3em;
z-index: 1210;
transform: translateX(100%);
transition: transform .4s ease;
overflow-y: auto;
}
.sidePanel.active{
transform: translateX(0);
}
/* Header avec bouton close */
.sidePanel__header{
display: flex;
margin-bottom: 1em;
}
.sidePanel__header .btnClose{
margin-left: auto;
font-size: 3em;
position: relative;
left: 0.15em;
top: -0.35em;
}
@media (min-width: 480px){
.sidePanel{
max-width: 30em;
}
}
@media (min-width: 1150px){
.sidePanel__header{
margin-bottom: 2.5em;
}
.sidePanel__header .btnClose{
left: -0.2em;
top: 0;
}
}
/**
* LISTE DES ITEMS
*
**/
.sideCart__itemsList,
.typo ul.sideCart__itemsList{
list-style: none;
padding-left: 0;
}
/* List item */
.typo ul > li.sideCart__listItem{
display: flex;
padding: 1.5em 0;
border-bottom: 1px solid #fff;
}
.typo ul > li.sideCart__listItem:first-child{
padding-top: 0;
}
.sideCart__listItem > div:last-child{
flex-grow: 2;
flex-basis: 75%;
}
/* Thumbnail */
.sideCart__itemThumb{
width: 25%;
flex-basis: 25%;
margin-right: 1em;
}
.sideCart__itemInfos{
display: flex;
justify-content: space-between;
}
.sideCart__itemDetails{
font-size: 75%;
}
/* Titre */
.sideCart__itemTitle{
margin-bottom: .5em;
}
/* Description */
.sideCart__itemDesc,
.typo p.sideCart__itemDesc,
.sideCart__itemAmount,
.typo p.sideCart__itemAmount{
margin-bottom: 0;
}
/* Prix et delete btn */
.sideCart__itemPrice{
align-self: flex-end;
text-align: right;
}
/* Prix */
.sideCart__itemAmount{
margin-bottom: .5em;
}
/* Delete */
.sideCart__itemDelete .btnIcon{
font-size: .9em;
}
/**
* CART FOOTER
*
**/
.sideCart__total{
margin-top: 1.5em;
text-align: right;
}
.sideCart__footer{
margin-top: 2em;
text-align: right;
}
.sidePanel .btn{
margin-left: 0;
}
/**
* CART VIDE
*
**/
.sidePanel .typo label a:not(.btn){
color: #fff;
}
.sidePanel .typo label a:not(.btn):before{
background-color: #fff;
}
/* Séparateur */
.sidePanel hr{
margin: 3em 0;
}
/*
-------------------------------------------------------------------------------
PANIER
-------------------------------------------------------------------------------
*/
/* Sections du panier.
* Moins de padding que des sections de page normales
*/
.sPanier__section{
padding-bottom: calc(2em + 2vw);
padding-top: calc(2em + 2vw);
text-align: left;
}
/* Section avec séparateur */
.sPanier__section--borderTop{
border-top: 1px solid #000;
}
/* Première section
* pas de double padding
*/
.sHead + .sPanier__section,
.sPanier__section + .sPanier__section--noDP{
padding-top: 0;
}
/* Section wrapper d'un tableau
* Pas de double padding
*/
.sPanier__section.tableOverflower{
padding-bottom: 0;
}
/* Contenu aligné à gauche */
.sPanier__section.sPanier__section--alignLeft,
.sPanier__section.sPanier__section--alignLeft h2,
.sPanier__section.sPanier__section--alignLeft .formItem{
text-align: left;
justify-content: flex-start;
}
.sPanier__section h2{
text-align: center;
}
.fullCartTable tr{
display: flex;
flex-wrap: wrap;
border-bottom: 1px solid #000;
}
.fullCartTable thead tr{
display: none;
}
.fullCartTable tr:nth-child(2){
border-top: 1px solid #000;
}
.fullCartTable tbody > tr:last-child{
border-bottom: none;
}
.fullCartTable td,
.fullCartTable tr:last-child td{
border-top: none;
border-bottom: none;
}
/* Wrapper flex avec thumbnail et titre de l'item */
.fullCart__itemImgAndDesc{
display: flex;
width: 100%;
}
.cartAddon .fullCart__itemImgAndDesc{
width: auto;
}
.fullCartTable td{
padding: 2em .5em;
display: inline-flex;
align-items: center;
flex-grow: 2;
text-align: center;
}
/* Cell avec thumbnail et titre + desc */
.fullCartTable td:first-child{
padding-bottom: 0;
width: 100%;
}
/* Cell de la corbeille */
.fullCartTable td:last-child{
flex-grow: 0;
}
.fullCartTable td:last-child a,
.typo a.removebtn:not(.btn){
color: #000;
transition: color .4s;
}
.fullCartTable td:last-child a:hover,
.typo a.removebtn:not(.btn):hover{
color: #a37158;
}
/* Corbeille */
.fullCartTable td:last-child svg{
height: auto;
overflow: visible;
}
/* Cell du prix */
.fullCartTable td.price, .styledTable th.fullCart__col_price{
padding-right: 2em;
}
.fullCartTable .price > span:first-child:last-child{
display: inline-block;
margin-top: 0.1em;
}
/* Thumbnail */
.fullCart__itemImgAndDesc figure{
width: 10em;
flex-basis: 10em;
height: 7em;
margin-right: 2em;
overflow: hidden;
}
.fullCart__itemImgAndDesc img{
min-width: 100%;
min-height: 100%;
object-fit: cover;
object-position: center;
}
.fullCart__itemImgAndDesc > div{
display: flex;
flex-wrap: wrap;
align-content: center;
flex-basis: calc(90% - 10em);
}
/* TItre de l'item */
.fullCart__itemTitle{
color: #000;
width: 100%;
margin-bottom: 0;
margin-top: .3em;
/* line-height: .83; */
}
.fullCart__itemTitle + *{
margin-top: .5em;
transform: translateY(.5em);
}
.fullCart__itemDesc{
font-size: 80%;
}
@media (min-width: 450px){
/* Premier prix (unitaire) offset de la largeur du thumbnail */
.fullCartTable td.price:nth-child(2){
padding-left: 12.5em;
}
/*.fullCartTable td:not(:first-child){
margin-top: -7em;
}*/
}
@media (min-width: 1000px){
/**
* Idéalement on veut contrôler la largeur de chaque colone pour que ce soit plus clean
*
**/
.fullCartTable{
table-layout: fixed;
}
/* Col description */
.fullCart__col_desc{
width: 53%;
}
/* Col prix */
.fullCart__col_price{
width: 12%;
}
.fullCartTable td.price:nth-child(2){
padding-left: .6em;
}
/* Col quantité */
.fullCart__col_qty{
width: 18%;
}
/* Col total */
.fullCart__col_total{
width: 12%;
}
}
/**
* CART ADDONS
* Section "Aimeriez-vous ajouter..."
**/
.cartAddon,
.typo ul > li.cartAddon{
display: flex;
padding: 2em 0;
flex-wrap: wrap;
justify-content: center;
}
.typo ul > li.cartAddon:last-child{
padding-bottom: 0;
}
.cartAddon__content{
display: flex;
justify-content: center;
width: 100%;
}
/* Div checkbox */
.cartAddon__checkbox{
display: flex;
align-items: center;
position: relative;
width: 2em;
margin-right: 2em;
justify-content: center;
}
/* Fix pour centrer verticalement le checkbox */
.cartAddon input[type="checkbox"] + label:before{
transform: translate(50%, -23%);
}
/* Thumbnail */
.fullCart__itemImgAndDesc .cartAddon__img{
width: 7em;
}
.fullCart__itemImgAndDesc .cartAddon__img img{
object-fit: cover;
object-position: center;
min-width: 100%;
min-height: 100%;
}
.cartAddon__details{
text-align: left;
flex-grow: 2;
}
@media (min-width: 1000px){
.cartAddon, .typo ul > li.cartAddon{
flex-wrap: nowrap;
}
}
/**
* CART ADDONS
* Description in accordeon
**/
.cartAddon__details .accordionItem{
border-top: 0;
border-bottom: 0;
}
.cartAddon__details .accordionItem__title{
color: #a37158;
padding-top: 1em;
padding-bottom: 1em;
}
.cartAddon__details .accordionItem__titleText{
margin-left: 2em;
}
/* + icon */
.cartAddon__details .hasExpandIndicator::before{
bottom: calc(50% + 1px);
left: 0;
background-color: #a37158;
}
.cartAddon__details .hasExpandIndicator::after{
top: calc(50% - 2px);
right: auto;
left: 5px;
background-color: #a37158;
}
/**
* CART ADDONS
* Add-on add-to-cart
**/
/* Wrapper */
.cartAddon__addToCart{
display: flex;
align-items: center;
margin-top: 1em;
}
.cartAddon__addToCart .price{
margin: 0 2em 0 0;
}
/* Bouton mettre à jour */
.cartAddon__btn{
flex-grow: 2;
display: flex;
align-items: center;
justify-content: center;
margin-top: 1em;
width: 100%;
}
.cartAddon__content--wDetails + .cartAddon__btn{
margin-top: 2em;
}
@media (max-width: 991px){
/* Quand le bouton wrap sous la desc, aligner avec titre et prix,
donc on offset de la largeur du thumbnail + margin */
.cartAddon__btn .btn:first-child:last-child{
margin-left: 9em;
}
}
/**
* CODE PROMO
*
**/
.sPanier__codePromo .formGroup{
text-align: center;
}
.sPanier__codePromo .formGroup--send{
margin-top: 0;
}
.sPanier__codePromo p{
text-align: center;
}
.sPanier__codePromo .removebtn{
margin-left: 1em;
}
@media (min-width: 1000px){
.sPanier__section h2,
.sPanier__section h3{
text-align: left;
}
.fullCartTable tr{
display: table-row;
}
.fullCartTable thead tr{
display: table-row;
}
.fullCartTable td {
border-top: 1px solid #000;
display: table-cell;
}
/* Cell avec thumbnail et titre + desc */
.fullCartTable td:first-child{
padding-bottom: 2em;
}
/**
* CART ADDONS
*
**/
.cartAddon,
.typo ul > li.cartAddon{
justify-content: flex-start;
}
/* Number input */
.cartAddon .numInput label{
font-size: 80%;
}
.cartAddon__btn{
justify-content: flex-end;
width: auto;
margin-top: 0;
}
/**
* CODE PROMO
*
**/
.sPanier__codePromo{
display: flex;
justify-content: space-between;
}
.sPanier__codePromo h2{
margin-right: 1em;
margin-bottom: 0;
}
.sPanier__codePromo form{
display: flex;
align-items: center;
}
.sPanier__codePromo .formGroup{
margin: 0 2em 0 0;
}
.sPanier__codePromo .formGroup:first-child{
min-width: 20em;
}
.sPanier__codePromo .formGroup:last-child{
margin-right: 0;
}
.sPanier__codePromo input{
padding-top: .8em;
padding-bottom: .6em;
}
/**
* FOOTER
*
**/
.sPanier__footer{
text-align: right;
}
.sPanier .btn:last-child{
margin-right: 0;
}
}
/**
* CODE PROMO
*
**/
/* Aligner les radios */
.sPanier__section .formRadioW{
display: flex;
width: 20em;
text-align: left;
margin-left: 0;
align-items: center;
padding: .2em;
}
.sPanier__section .formRadioW:last-child{
margin-bottom: 0;
}
.sPanier__section .formRadioW .tooltipTrigger{
margin-left: auto;
}
label + span img{
display: inline-block;
}
input + .tooltipTrigger,
label + .tooltipTrigger,
img + .tooltipTrigger,
label + span + .tooltipTrigger{
margin-left: 1em;
border: 1px solid #a37158;
padding: .7em .5em .5em;
width: 2em;
height: 2em;
border-radius: 50%;
display: inline-flex;
justify-content: center;
align-items: center;
}
.tooltipTrigger2
{
margin-right: 1em;
border: 1px solid #a37158;
padding: .7em .5em .5em;
width: 2em;
height: 2em;
border-radius: 50%;
display: inline-flex;
justify-content: center;
align-items: center;
}
.tooltipTrigger:before, .tooltipTrigger2:before{
display: none;
background-color: #a37158;
bottom: .1em;
}
@media (min-width: 450px){
.sPanier__sShippingMethod .formRadioW{
display: inline-flex;
width: 49%;
text-align: left;
margin-left: 0;
margin-bottom: 1em;
margin: 0 0 1em 0;
padding-right: 1em;
}
}
@media (min-width: 1000px){
.sPanier__section .formRadioW .tooltipTrigger {
margin-left: 2em;
}
}
/**
* TOTAL/SOUS-TOTAL
*
**/
/* Aligner le total et sous-total à droite */
.sPanier__sousTotal,
.sPanier__total{
display: flex;
justify-content: flex-end;
text-align: right;
font-family: Avenir, sans-serif;
text-transform: uppercase;
padding-top: 1em;
padding-bottom: 1em;
padding-right: 2em;
}
.sPanier__total{
font-weight: 700;
color: #a37158;
text-transform: uppercase;
}
.sPanier__sousTotal table,
.sPanier__total table{
width: 100%;
}
.sPanier__sousTotal td:first-child,
.sPanier__total td:first-child{
padding-right: 2em;
letter-spacing: .1em;
white-space: nowrap;
}
.sPanier__sousTotal td:last-child,
.sPanier__total td:last-child{
text-align: left;
width: 6em;
}
/* Pas de padding/border à la section suivant le total */
.sPanier__total + .sPanier__section{
border-top: 0;
padding-top: 0;
}
/**
* BOUTON COMMANDE
*
**/
@media (max-width: 991px){
.sPanier__footer{
margin-top: 2em;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
/*
* Bouton non solide
* Le bouton plus important (solide) doit être en premier alors on done un ordre moindre aux autres
*/
.sPanier__footer .btn:not(.btn--solid){
order: 10;
margin-top: .7em;
}
}
/*
-------------------------------------------------------------------------------
COMMANDE
Page avec détail d'une commande
-------------------------------------------------------------------------------
*/
/* Logo */
.bonDeCommande__logo{
font-size: 4em;
text-align: right;
margin-bottom: .5em;
}
/* # commande et date */
.bonDeCommande__id{
text-align: left;
display: flex;
flex-wrap: wrap;
}
.bonDeCommande__id > *{
width: 100%;
}
.bonDeCommande__id table{
width: 70%;
}
/**
* INFOS DE LA COMMANDE
* Adresses du spa, facturation, livraison
**/
.bonDeCommande__billingDetails{
text-align: left;
margin-bottom: 3em;
}
.bonDeCommande__billingDetails > div:not(:last-child){
margin-bottom: 3em;
}
/**
* TABLEAU DES ITEMS
*
**/
.bonDeCommande__body table{
margin-bottom: 2em;
}
.bonDeCommande__body th:first-child,
.bonDeCommande__body td:first-child{
width: 15%;
}
.bonDeCommande__body p{
text-align: left;
}
/*
* Faut avoir une ligne entre la dernière tr stylée et la première non-stylée
* Réduire aussi le padding
*/
.bonDeCommande__body tr.unstyledRow td{
border-top: 1px solid #000;
/* padding: 1em 0; */
}
.bonDeCommande__body tr.unstyledRow + .unstyledRow td{
border-top: none;
padding-top: .5em;
}
/* Numéro du bon de commande en bronze */
.bonDeCommande__numCC{
color: #a37158;
}
/**
* FOOTER
*
**/
.bonDeCommande hr{
border-color: #000;
margin: 1.75em 0;
}
.bonDeCommande__footer{
margin-top: 2em;
display: flex;
flex-wrap: wrap;
}
.bonDeCommande__footer > div{
width: 100%;
text-align: left;
}
/* Placer le lien "retour à la page principale" après le bouton imprimer sur mobile */
.bonDeCommande__footer > div:first-child{
order: 2;
margin-top: 1em;
}
@media (min-width: 768px){
.bonDeCommande__header{
display: flex;
justify-content: space-between;
}
.bonDeCommande__id{
text-align: right;
}
.bonDeCommande__id table{
margin-left: auto;
}
.bonDeCommande__billingDetails{
display: flex;
justify-content: space-between;
text-align: right;
}
.bonDeCommande__footer{
display: flex;
justify-content: space-between;
margin-top: 5em;
align-items: center;
}
.bonDeCommande__footer > div{
width: 33.333%;
}
.bonDeCommande__footer > div:first-child{
order: initial;
margin-top: 0;
}
}
/**
* PRINT
* Styles pour l'impression d'une commande
**/
@media print{
.topBar,
.menuSections,
.bonDeCommande__footer,
footer{
display: none;
}
main,
body.hasTopBarMenu.isForcedMobile > main{
padding-top: 0;
}
.bonDeCommande__billingDetails {
display: flex;
justify-content: space-between;
}
.bonDeCommande__billingDetails > div{
max-width: calc(32%);
}
}
/*
-------------------------------------------------------------------------------
PAIEMENT
-------------------------------------------------------------------------------
*/
.sPanier__section .formItem--inline{
max-width: 65em;
}
.sPanier__section .formItem--inline h2{
width: 100%;
margin-bottom: 1em;
}
/**
* PERSONNALISER LES CARTES-CADEAUX
*
**/
.sPanier__section .accordionItem__title{
text-align: left;
padding-left: 0;
}
@media (min-width: 768px){
.sPanier__section .formItem--inline h2{
margin-bottom: 0;
width: auto;
padding-right: 1em;
}
.sPanier__section .formItem--inline h2 + select + span{
margin-top: 1em;
}
}
@media (min-width: 1000px){
/* Aligner le dropdown à droite quand c'est juste un titre h2 et le select */
.sPanier__section .formItem--inline h2 + select + span{
margin-left: auto;
margin-top: 0;
}
}
/**
* DESTINATAIRE
*
**/
/* Bloc 50/50 avec split au milieu */
.halfSplitWLine{
margin: 2em 0;
}
.halfSplitWLine > :first-child{
padding: 0 0 2em 0;
border-bottom: 1px solid #000;
}
.halfSplitWLine > :last-child{
padding: 2em 0 0 0;
}
@media (min-width: 1000px){
.halfSplitWLine{
display: flex;
margin: 4em 0;
}
.halfSplitWLine > *{
width: 50%;
}
.halfSplitWLine > :first-child{
padding: 0 4em 0 0;
border-bottom: none;
border-right: 1px solid #000;
}
.halfSplitWLine > :last-child{
padding: 0 0 0 4em;
}
.halfSplitWLine .formGroup:not(:last-child){
margin-bottom: 1em;
}
}
/**
* INFORMATIONS DE LA CARTE
*
**/
/* Selects date d'expiration plus larges pour faire fitter les mois */
.formItem--ccExpDate .select2.select2-container .select2-selection{
min-width: 10em;
}
.formItem--ccExpDate > span:not(:first-of-type){
margin-left: 1em;
}
/* Aligner les champs à gauche parce que pas tous la même largeur */
.formItem--inlineAlignLeft{
justify-content: flex-start;
}
.formItem--inlineAlignLeft > :first-child{
width: 30%;
}
.formItem_ccCode{
display: block;
}
.formInput.formInput--ccCode{
width: 10em;
}
@media (min-width: 1000px){
.formItem_ccCode{
display: flex;
}
}
/*
-------------------------------------------------------------------------------
PRODUITS
-------------------------------------------------------------------------------
*/
.textSeparator{
width: 100%;
font-family: "Avenir", sans-serif;
text-transform: uppercase;
letter-spacing: 0.33em;
font-size: 0.75em;
margin: 4em 0;
position: relative;
overflow: hidden;
}
.textSeparator span{
padding: .5em 5vw;
transition: background-color 1.5s;
position: relative;
}
.textSeparator span:before{
display: block;
position: absolute;
content: "";
left: 0;
top: 50%;
border: 1px solid currentColor;
z-index: -1;
width: 100vw;
transform: translate(-100%, -50%);
}
.textSeparator span:after{
display: block;
position: absolute;
content: "";
right: 0;
top: 50%;
border: 1px solid currentColor;
z-index: -1;
width: 100vw;
transform: translate(100%, -50%);
}
.typo .shortProduct h2 a:not(.btn){
color: #000;
}
h3 + .productsGrid{
margin-top: 3em;
}
.typo ul > li.shortProduct{
list-style: none;
padding: 0;
}
.typo ul > li.shortProduct + li.shortProduct{
margin-top: 4em;
}
@media (min-width: 768px){
.typo ul > li.shortProduct + li.shortProduct,
.typo ul.productsGrid--display.productsGrid--3cols > li.shortProduct + li.shortProduct:nth-of-type(n+4),
.shortProduct--promo + .shortProduct--promo:nth-of-type(n+4){
margin-top: 4em;
}
.typo ul.productsGrid > li.shortProduct + li.shortProduct:not(:nth-of-type(n+3)),
.typo ul.productsGrid--display.productsGrid--3cols > li.shortProduct + li.shortProduct:not(:nth-of-type(n+4)){
margin-top: 0;
}
.typo ul > li.shortProduct + li.shortProduct:nth-of-type(n+3){
margin-top: 4em;
}
.typo .productsGrid--display.productsGrid--3cols > li.shortProduct + li.shortProduct:nth-of-type(n+3){
margin-top: 0;
}
}
@media (min-width: 1500px){
.typo ul > li.shortProduct + li.shortProduct:nth-of-type(n+3){
margin-top: 0;
}
.typo ul > li.shortProduct + li.shortProduct:nth-of-type(n+4){
margin-top: 4em;
}
}
.shortProduct a.imgLink__parentLink:not(.btn):not(.noDeco)::before{
content: none;
}
/* Image */
.shortProduct__img,
.typo .shortProduct__img:last-child{
margin-bottom: 2em;
}
.productsGrid--display .shortProduct__img{
display: none;
}
@media (min-width: 600px){
.productsGrid--display .shortProduct__img{
display: block;
}
}
.shortProduct h4{
font-weight: 700;
}
.productsGrid--display .shortProduct h4{
color: #a37158;
}
.shortProduct .accordion{
margin: 1.5em 0;
}
.shortProduct ul > li{
padding: 0;
}
/**
* Promo
* Pseudo-produit sans grille de prix
**/
.typo ul > li.shortProduct.shortProduct--promo {
background-size: cover;
background-position: center;
padding: 5em calc(1em + 2vw);
display: flex;
background-color: var(--color-base);
/*min-height: 60vh;*/
height:104vh
}
li.shortProduct--promo .shortProduct__inner{
display: flex;
flex-flow: column;
justify-content: center;
color: var(--color-base-on-dark);
align-items: center;
width: 100%;
}
li.shortProduct--promo .shortProduct__inner:not(.btn):not(.noDeco)::before{
content: none;
}
@media (min-width: 600px){
.productsGrid--display{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.productsGrid--4cols .shortProduct{
width: 48%;
}
.typo ul.productsGrid--4cols > li.shortProduct + li.shortProduct:nth-of-type(n+3){
margin-top: 4em;
margin-right: 4%;
}
.typo ul.productsGrid--4cols > li.shortProduct + li.shortProduct:nth-of-type(n+5){
margin-top: 4em;
}
.typo ul.productsGrid--4cols > li.shortProduct + li.shortProduct:nth-of-type(2n){
margin-right: 0;
}
.productsGrid--3cols .shortProduct{
width: 28%;
}
.productsGrid--display .shortProduct--fWidth{
width: 100%;
}
}
@media (min-width: 768px){
.productsGrid{
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
position: relative;
}
.productsGrid--display{
/* justify-content: space-between; */
}
.shortProduct{
width: 45%;
}
.shortProduct:nth-child(2n-1){
margin-right: 5%;
}
.productsGrid--display .shortProduct.shortProduct--fWidth{
margin-right: 0;
}
.productsGrid--4cols .shortProduct{
width: 22%;
}
.productsGrid--3cols .shortProduct{
width: 30%;
}
.productsGrid--display .shortProduct:not(:nth-child(3)){
margin-right: 5%;
}
.productsGrid--display .shortProduct:nth-child(3){
margin-right: 0;
}
.productsGrid--4cols .shortProduct:not(:nth-child(4)),
.typo ul.productsGrid--4cols > li.shortProduct + li.shortProduct:nth-of-type(2n):not(:nth-child(4n)){
margin-right: 4%;
}
.productsGrid--4cols .textSeparator + .shortProduct:last-child{
margin-right: 0;
}
.typo ul.productsGrid--4cols > li.shortProduct + li.shortProduct:nth-of-type(n+3){
margin-top: 0;
}
.typo ul.productsGrid--4cols > li.shortProduct + li.shortProduct:nth-of-type(n+5){
margin-top: 4em;
}
.productsGrid--display .shortProduct--fWidth{
width: 100%;
}
}
@media (min-width: 1500px){
.shortProduct{
width: 30%;
margin-right: 5%;
}
.shortProduct:nth-child(2n-1),
.shortProduct:nth-child(3n-1),
.shortProduct:nth-child(3n-2){
margin-right: 5%;
}
.shortProduct:nth-child(3n-1){
margin-right: 5%;
}
.shortProduct:nth-child(3n){
margin-right: 0;
}
/**
* 4 cols
*
**/
.productsGrid--4cols .shortProduct:not(.shortProduct--fWidth){
width: 22%;
margin-right: 2.666%;
}
}
/**
* TABLEAU DES PRIX
*
**/
.prodPricingTable{
min-width: 100%;
}
/* Header tableau */
.prodPricingTable th{
font-family: Avenir, sans-serif;
font-weight: 400;
text-transform: uppercase;
font-size: .8em;
letter-spacing: .15em;
}
.prodPricingTable th,
.prodPricingTable td{
text-align: left;
}
.prodPricingTable th:first-child,
.prodPricingTable td:first-child{
text-align: left;
padding-right: 1em;
padding-bottom: 1em;
min-width: 7em;
}
/* Changer les h4 de couleur */
.prodPricingTable h4{
color: #000;
margin-bottom: .25em;
}
/* Réduire le margin-bottom des paragraphes dans le tableau */
.prodPricingTable p{
margin-bottom: 0;
font-size: 80%;
}
/* td avec prix et checkbox */
.prodPricingTable__price{
white-space: nowrap;
}
/* Styler les prix */
.price--pretty{
font-family: Avenir, sans-serif;
font-weight: 700;
color: var(--color-black);
display: inline-flex;
align-items: center;
font-size: 1rem;
letter-spacing: .15em;
}
.onDark .price--pretty{
color: var(--color-base-on-dark);
}
.price--pretty .dollarSign{
font-size: 60%;
/* transform: translateY(.1em); */
}
.priceRedux{
text-decoration: line-through;
margin-right: .5em;
}
@media (min-width: 1000px){
.priceRedux{
margin-right: 0;
}
}
/* Rapetisser les radios */
.prodPricingTable input[type="checkbox"] + label:before,
.prodPricingTable input[type="radio"] + label:before{
width: 1em;
height: 1em;
transform: translateY(-100%);
left: 3px;
}
.prodPricingTable input[type="checkbox"]:checked + label:before,
.prodPricingTable input[type="radio"]:checked + label:before{
box-shadow: inset 0 0 0 0.2em #ffffff;
}
/**
* QUANTITÉ ET BTN ADD TO CART
*
**/
.shortProduct__footer{
display: flex;
margin-top: 1.5em;
align-items: center;
justify-content: space-between;
}
.numInput label{
font-family: Avenir, sans-serif;
text-transform: uppercase;
letter-spacing: .15em;
font-size: .8em;
}
.shortProduct__cartButtons{
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
.shortProduct__cartButtons{
width: 15em;
}
.shortProduct__footer .btn,
.shortProduct__cartButtons .textSeparator{
margin: .25em 1em;
}
.shortProduct__cartButtons .btn + .btn{
margin-top: .25em;
}
/**
* PRODUIT "DIRECT BUY"
* Deux boutons et ajout de quantité
**/
.shortProduct--directBuy .shortProduct__footer{
justify-content: center;
}
.shortProduct--directBuy .shortProduct__footer > *{
width: 50%;
}
/**
* PREMIER FOOTER AVEC QUANTITÉ
* Centrer l'input de qté et le prix
**/
.shortProduct--directBuy .shortProduct__footer:not(.shortProduct__footer--second) > *:first-child{
text-align: right;
justify-content: center;
padding-right: 1em;
}
.shortProduct--directBuy .shortProduct__footer:not(.shortProduct__footer--second) > *:last-child{
text-align: center;
padding-left: 1em;
}
/* Premier bouton */
.shortProduct--directBuy .shortProduct__footer .btn:first-child{
margin-left: 0;
}
/* 2e bouton */
.shortProduct--directBuy .shortProduct__footer .btn:last-child{
margin-bottom: 0;
}
.shortProduct__cartButtons .textSeparator{
margin-top: .75em;
}
.shortProduct__cartButtons .textSeparator span{
padding: 0.5em 1em;
}
.shortProduct__cartButtons p{
width: 100%;
line-height: 1.2;
}
@media (min-width: 360px){
.shortProduct__cartButtons{
width: 17em;
}
}
/*
-------------------------------------------------------------------------------
PRODUITS (OPTION 2)
Le tableau des prix est dans l'image et apparaît en mouserover
-------------------------------------------------------------------------------
*/
.shortProduct--detailsIn .shortProduct__inner .shortProduct__desc{
margin-bottom: 2em;
}
.shortProduct--detailsIn .shortProduct__inner + .shortProduct__desc{
display: none;
}
@media (min-width: 768px){
.shortProduct--detailsIn{
position: relative;
}
.shortProduct--detailsIn .shortProduct__inner{
position: relative;
color: #fff;
}
.shortProduct--detailsIn h4,
.shortProduct--detailsIn .numInput input,
.shortProduct--detailsIn .numInput .svg,
.shortProduct--detailsIn .numInput .numInput__btns,
.shortProduct--detailsIn input[type="checkbox"] + label:before,
.shortProduct--detailsIn input[type="radio"] + label:before{
color: #fff;
border-color: #fff;
}
/* Padding square */
.shortProduct--detailsIn .shortProduct__inner:before{
content: "";
display: block;
padding-top: 100%;
}
/* Figure contenant l'image */
.shortProduct--detailsIn .shortProduct__inner .shortProduct__img{
position: absolute;
top: 0;
height: 100%;
}
.shortProduct--detailsIn .shortProduct__inner img{
object-fit: cover;
min-width: 100%;
min-height: 100%;
}
/* Cacher la première description */
.shortProduct--detailsIn .shortProduct__inner .shortProduct__desc{
display: none;
}
/* Form avec les prix */
.shortProduct--detailsIn .shortProduct__inner .shortProduct__pricing{
position: absolute;
top: 0;
height: 100%;
padding: 1em;
width: 100%;
overflow: hidden;
}
.onDark .prodPricingTable h4{
color: #fff;
}
/* Afficher la deuxième description */
.shortProduct--detailsIn .shortProduct__inner + .shortProduct__desc{
display: block;
margin-top: 1.5em;
}
}
@media (min-width: 1500px) and (max-width: 1600px){
.shortProduct--detailsIn .shortProduct__pricing{
font-size: 90%;
}
}
.shortProduct--detailsIn .shortProduct__footer:not(:last-child){
margin-top: 0;
}
.shortProduct--detailsIn .shortProduct__footer .btn{
margin-bottom: 0;
}
/*
-------------------------------------------------------------------------------
PRODUIT SINGLE
-------------------------------------------------------------------------------
*/
.template_produit .postNavBar{
margin-bottom: 0;
}
.template_produit .sections > .sMain:first-child{
padding-top: 0;
}
.postNavBar__left a{
display: inline-flex;
}
/* Cacher "Retour à la boutique" */
.postNavBar__left a .svg + span{
display: none;
}
@media (min-width: 600px){
/* Afficher "Retour à la boutique" */
.postNavBar__left a .svg + span{
display: inline-block;
margin-left: 1em;
white-space: nowrap;
}
}
/**
* ACCORDÉON DE CONTENU
*
**/
.fullProduct__infos .accordion{
margin-top: 4em;
}
/**
* CARROUSEL DE PRODUITS SUGGÉRÉS
* Adapté du carrousel d'article du WP
**/
.sArticlesList--square > h3{
margin-bottom: 3em;
}
.sArticlesList--square .articleItem{
padding: 0 calc(2em + 3vw);
}
.sArticlesList--square .sArticlesList__nav{
top: 0;
}
/* Activer les pointer-events sur les items left/right */
.sArticlesList--square .jsCarouselApercuHover .articleItem:not(.is-selected){
pointer-events: inherit;
}
/* Texte blanc */
.onDark .sArticlesList--square.typo a:not(.btn) p{
color: #fff;
}
/* Prix bronze */
.onDark .sArticlesList--square h4{
color: #a37158;
}
/* Déplacer les boutons chaque bord du carrousel */
.sArticlesList--square .sArticlesList__nav .btnIcon{
width: 1em;
position: absolute;
z-index: 2;
padding: 0;
height: 71vw;
left: -0.35em;
}
/* Bouton de droite */
.sArticlesList--square .sArticlesList__nav .btnIcon + .btnIcon{
left: auto;
right: -0.35em;
}
@media (min-width: 600px){
/* Cacher les flèches de nav */
.sArticlesList--square .sArticlesList__nav{
display: none;
}
.sArticlesList--square .articleItem{
width: 28%;
padding: 0;
margin: 0 calc(16%/6);
}
.sArticlesList--square .sArticlesList__nav .btnIcon{
left: -0.55em;
height: 26.1vw;
}
.sArticlesList--square .sArticlesList__nav .btnIcon + .btnIcon{
right: -.55em;
}
}
@media (min-width: 768px){
.fullProduct{
display: flex;
justify-content: space-between;
}
.fullProduct .shortProduct__img{
margin-bottom: 0;
width: 48%;
}
.fullProduct .fullProduct__infos{
width: 48%;
max-width: 30em;
margin-top: 2em;
}
}
@media (min-width: 1000px){
.sArticlesList--square{
padding-left: 6vw;
padding-right: 6vw;
}
/* Toujours afficher le contenu des items à gauche et à droite */
.sArticlesList--square .jsCarouselApercuHover .articleItem:not(.is-selected) .articleItem__c,
.sArticlesList--square .jsCarouselApercuHover .articleItem:not(.is-selected) .sFoot{
opacity: 1;
visibility: visible;
}
/* Désactivé l'effet hover */
.onNext .jsCarouselApercuHover .articleItem.is-next .imgLink__bg{
opacity: 1;
}
}
/*
-------------------------------------------------------------------------------
Calendrier
Dans le module de booking 2021
-------------------------------------------------------------------------------
*/
.calendar{
margin-top: 4em;
font-family: "Avenir", sans-serif;
}
.calendar__monthNav{
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 2em;
}
.calendar__monthNav h4{
margin-bottom: 0;
}
.calendar__nextPrevMonth{
display: inline-flex;
align-items: center;
flex-basis: 25%;
}
.calendar__currentMonth .select2-selection{
min-width: 15em;
}
.calendar__nextPrevMonth .btnIcon{
font-size: 3em;
color: currentColor;
}
.calendar__nextPrevMonth .h4{
margin-bottom: 0;
color: currentColor;
transition: all 0.2s;
}
.calendar__nextMonth > :first-child{
margin-left: auto;
}
@media (max-width: 480px){
.calendar__nextPrevMonth .h4{
display: none;
}
.calendar__nextPrevMonth .btnIcon{
font-size: 4em;
}
}
/**
* Month grid
*
**/
.calendar__grid{
width: 100%;
}
.calendar__grid__inner{
display: flex;
flex-wrap: wrap;
width: 100%;
min-width: 55em;
}
@media (max-width: 768px){
.calendar__grid{
overflow: auto;
overflow-y: visible;
height: auto;
}
}
/**
* Day (boxes)
*
**/
.calendarDay,
.weekDay{
width: calc(94%/7);
margin-right: 1%;
}
.calendarDay:nth-child(7n),
.weekDay:nth-child(7n){
margin-right: 0;
}
.calendarDay{
font-size: .75em;
position: relative;
border: 2px solid #cecece;
color: #cecece;
margin-bottom: 1%;
pointer-events: none;
transition: background-color .4s ease, border-color 1.5s ease;
}
.calendarDay:nth-child(7n){
margin-right: 0;
}
.calendarDay.active{
border-color: #a37158;
color: #a37158;
pointer-events: auto;
cursor: pointer;
}
.calendarDay:hover{
background-color: #a37158;
color: #fff;
}
@media (min-width: 480px){
.calendarDay{
font-size: .85em;
}
}
/**
* On Dark
*
**/
.onDark .calendarDay:not(.active){
border-color: #425149;
color: #425149;
}
.calendarDay::after{
content: "";
display: block;
padding-bottom: 100%;
}
.calendarDay__content{
position: absolute;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 0 .5em;
}
.calendarDay .calendarDay__date{
margin-top: 2vw;
color: inherit;
font-weight: 700;
}
.calendarDay .calendarDay__text{
font-weight: 700;
margin-bottom: 2vw;
color: inherit;
margin-top: 0;
}
.calendarDay__text .calendarDay__availableNum{
height: 2em;
width: 3em;
background: #a37158;
color: #fff;
padding: .5em .3em .3em .5em;
}
@media (min-width: 768px){
.calendarDay__text .calendarDay__availableNum{
background: none;
padding: 0;
height: auto;
width: auto;
color: inherit;
}
}
/*
-------------------------------------------------------------------------------
Booking modal
Pop-up with booking steps
-------------------------------------------------------------------------------
*/
.bookingStep{
width: 100%;
opacity: 0;
transition: opacity .2s;
}
.bookingStep.is-selected{
opacity: 1;
}
.bookingStep .topBar__panelHead{
border-bottom: 1px solid;
padding-bottom: 2em;
margin-bottom: 5vh;
}
@media (min-width: 600px){
.bookingStep .topBar__panelHead{
border-bottom: none;
}
}
.bookingStep .topBar__panelHead h2{
margin-bottom: 2em;
}
.bookingStep .formGroup{
display: block;
max-width: 100%;
justify-content: center;
}
@media (min-width: 600px){
.bookingStep .formGroup{
display: flex;
flex-wrap: wrap;
max-width: 600px;
}
}
@media (min-width: 1000px){
.bookingStep .formGroup{
max-width: 1300px;
}
}
.bookingStep .formGroup .formItem{
width: 100%;
}
@media (min-width: 600px){
.bookingStep .formGroup .formItem{
width: 50%;
max-width: 25em;
}
}
.bookingStep .formRadioW{
flex: 0 0 25%;
margin-right: 0;
padding: 0 2%;
margin: 0;
width: 100%;
display: block;
width: 100%;
margin: 1em auto 0 auto;
text-align: left;
}
.bookingStep .formRadioW.formRadioW--vertical{
text-align: center;
font-size: 1em;
}
@media (min-width: 480px){
.bookingStep .formRadioW{
width: 250px;
}
.bookingStep .formRadioW img{
width: 250px;
margin: 0 auto;
}
}
.bookingStep .formRadioW.formRadioW--vertical .formRadioL{
font-size: 1.6em;
}
.bookingStep .formRadioW.formRadioW--vertical .formRadioL:before{
font-size: 0.88em;
}
.bookingStep .formRadioW.formRadioW--vertical img + *{
margin-top: 1em;
}
.bookingStep .formRadioW.formRadioW--vertical small{
display: block;
margin-top: 1.5em;
}
.bookingStep .formItem .formRadioL{
font-size: 1em;
}
.bookingStep .formRadioW.formRadioW--vertical:first-child{
margin-top: 0;
}
@media (min-width: 600px){
.bookingStep .formRadioW.formRadioW--vertical{
flex-basis: 50%;
}
.bookingStep .formRadioW.formRadioW--vertical:nth-child(2){
margin-top: 0;
}
.textSeparator + .formRadioW--vertical:last-child{
flex-basis: 100%;
max-width: 100%;
}
}
@media (min-width: 1000px){
.bookingStep .formRadioW.formRadioW--vertical{
flex-basis: 25%;
margin-top: 0;
flex-grow: 1;
}
.bookingStep .formRadioW.formRadioW--vertical:nth-child(n+5){
margin-top: 1em;
}
.textSeparator + .formRadioW--vertical:last-child{
max-width: 100%;
}
.textSeparator + .formRadioW--vertical:last-child img{
/* max-width: 30.6%; */
margin: 0 auto;
}
/* 1 or 2 columns */
.bookingStep .formGroup--1cols .formRadioW.formRadioW--vertical img,
.bookingStep .formGroup--2cols .formRadioW.formRadioW--vertical img{
width: 25em;
margin: 0 auto;
}
/* 3 columns */
.bookingStep .formGroup--3cols .formRadioW.formRadioW--vertical img{
width: 18em;
margin: 0 auto;
}
/* 4 columns (max) */
.bookingStep .formGroup--4cols .formRadioW.formRadioW--vertical img{
width: 13em;
margin: 0 auto;
}
}
.bookingStep .formGroup > p{
width: 100%;
}
/**
* Carousel nav
*
**/
.jsCarouselSteps__nav{
margin-top: 5vh;
display: flex;
width: 100%;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
@media (min-width: 600px){
.jsCarouselSteps__nav{
flex-wrap: nowrap;
}
}
.jsCarouselSteps__nav .btn{
margin: 0;
order: 1;
margin-top: 1em;
max-width: calc(50% - .5em);
}
.jsCarouselSteps__nav .btn:not(:first-child){
margin-left: 1em;
}
.jsCarouselSteps__nav .btn.invisible{
display: none;
}
@media (min-width: 600px){
.jsCarouselSteps__nav .btn{
order: 0;
margin-top: 0;
}
.jsCarouselSteps__nav .btn.invisible{
display: inline-flex;
}
}
.carouselSteps__stepNum{
margin: 0 4vw;
width: 100%;
}
@media (min-width: 600px){
.carouselSteps__stepNum{
margin: 0 4vw;
width: auto;
}
}
/**
* Conditions accordion
*
**/
.jsCarouselSteps__nav + .wStd{
margin-top: 4em;
}
/**
* Radio
*
**/
.bookingStep input[type="checkbox"]:checked + label:before,
.bookingStep input[type="radio"]:checked + label:before{
background-color: #fff;
box-shadow: inset 0 0 0 0.3em rgb(54 63 57 / 97%);
}
html{
scroll-padding-top: 180px;
}
#frmNewsletter .has-error .error {
width: calc(18rem);
color: #b61b13;
text-align: center;
padding: 10px;
position: absolute;
z-index: 1;
right: 0;
font-size: 0.8em;
font-weight: 600;
}
.has-error {
position: relative;
}
.has-error .error {
width: calc(25rem + 10%);
color: #b61b13;
text-align: center;
padding: 10px;
position: absolute;
z-index: 1;
top: 40px;
right:0;
font-size: 0.8em;
font-weight:600;
}
.has-error .help-block {
color: #b61b13;
text-align: center;
padding: 10px;
z-index: 1;
font-size: 0.8em;
font-weight:700;
}
.simple-error {
color: #b61b13!important;
text-align: center;
font-weight:700;
}
.paddingless {
padding: 0 !important;
}
.alert-warning {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.alert-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
display:none;
text-align:center;
}
.width100{
width:100%;
}
.hideItem{
display:none;
}
.displayItem{
display:block;
}
.resMain .sMain {
padding-top: 1em!important;
padding-bottom: 1em!important;
text-align:left;
}
/*.priceRedux{
font-family: Avenir, sans-serif;
font-weight: 700;
color: #a37158;
display: inline-flex;
align-items: center;
font-size: 1em;
letter-spacing: .15em;
min-width:40px;
min-height:7px;
}*/
/*.priceRedux .dollarSign, .newPrice .dollarSign{
font-size: 60%;
}*/
/*.sideCart__itemsList .priceRedux{
background:url("../img/strikethrough-brown.png") no-repeat center;
text-align:center;
min-width:40px;
min-height:7px;
}
.newPrice{
color: #ed1c24;
font-family: Avenir, sans-serif;
font-weight: 700;
display: inline-flex;
align-items: center;
font-size: 1em;
letter-spacing: .15em;
min-width:40px;
min-height:7px;
}
*/
.productsItem, .productsDoubleItem{ cursor: pointer; }
/*
.price{
font-family: Avenir, sans-serif!important;
font-weight: 700!important;
white-space: nowrap!important;
color:white!important;
}
*/
.products-options-advanced .price--pretty{
color:#ffffff;
}
.products-options-advanced .radio{
margin-left:20px;
}
.products-options-advanced {
margin-left:auto;
margin-right:auto;
}
.products-options-advanced td {
text-align:left;
}
.products-options-advanced input[type="checkbox"] + label:before{top: -19px;left: 10px;}
.hiddenImg{
height: 0px;
width: 0px;
display: block;
}
.fullCartTable .cartprice, .sections .cartprice {
font-family: Avenir, sans-serif;
font-weight: 700;
white-space: nowrap;
color:#000000;
}
.cartAddon__addToCart .cartprice{
margin: 0 2em 0 0;
}
/*
.cartpriceRedux, .cartAddon__addToCart .priceRedux {
margin: 0 2em 0 0;
font-family: Avenir, sans-serif;
font-weight: 700;
white-space: nowrap;
color: #000000;
}
*/
.essentials-options ul{
list-style: none;
font-size: 1em;
}
.essentials-options ul li{
font-family: Avenir, sans-serif;
font-size: 0.7em !important;
line-height: 0.3em !important;
letter-spacing: 0px;
}
.essentials-options ul li a{
margin-left:20px;
}
.essentials-link{
font-size: 1.2em;
}
.largeThumbnailListing > li .productPicture{outline:none 4px #a26828; outline-offset:-2px;}
.largeThumbnailListing > li:hover .productPicture{outline-style:solid;}
img.productPicture.active{outline-style:solid;}
.displayAlert{
display:block;
}
.btn-success, .btn-success:hover {
color: #3c763d!important;
background-color: #dff0d8!important;
border-color: #d6e9c6!important;
box-shadow: inset 0 0 0 0.2em #d6e9c6!important;
}
.resetPaddingTop{
padding-top:0px!important;
}
.leaf{
margin:-4px 20px 0 0!important;
max-width: 100%;
height: auto;
vertical-align:middle;
display:inline-block;
}
@media (max-width: 767px){
.has-error .error {
position: unset;
bottom: -50%;
text-align: center;
}
p.legal {
font-size:0.9em;
}
}
@media (min-width:768px) and (max-width:1023px) {
.has-error .error {
position: unset;
bottom: -45%;
}
}
@media (min-width:768px) {
p.legal {
font-size:12px;
}
}
div.toSomeoneElse {
display: none;
}
.bgWhite{
background-color:white;
}
.split-cart {
border-top: 1px solid #000;
padding: 3em 0;
}
.fsOption{
line-height:1em;
font-size:small;
}
/* Dropdown */
.select2-container.select2-container--default .select2-dropdown {border-radius: 0;background-color: #fff;padding: 1em 0;border: .1em solid #000;max-height: 30vh;overflow-y: auto;}
.reservation-condition{
width:100%; text-align:center; margin-bottom:50px;
}
#or {
position: relative;
width: 100%;
height: 20px;
line-height: 30px;
text-align: center;
}
#or::before,
#or::after {
position: absolute;
width: 45%;
height: 2px;
top: 14px;
background-color: #aaa;
content: '';
}
#or::before {
left: 0;
}
#or::after {
right: 0;
}
.social-button {
border: none;
background: transparent;
-webkit-appearance: none;
cursor: pointer;
display: inline-flex;
flex-flow: row nowrap;
font-family: 'Avenir', sans-serif;
font-weight: 700;
font-size: 0.75em;
line-height: 1.2;
color: #a37158;
padding: 0.8em;
letter-spacing: 0.15em;
text-transform: uppercase;
text-decoration: none;
box-sizing: border-box;
text-align: center;
vertical-align: baseline;
margin: 0 auto;
width: 27em;max-width: 100%;
box-shadow: inset 0 0 0 0.2em #a37158;
}
.social-button>div,.social-button>img{
display: inline-block;
margin:unset;
}
.social-button>div{
padding-top: 6px;
}
.social-button>img{
padding:0 10px;
}
.terms-text{
font-size: .88em;
text-align:center;
margin: 0 auto;
width: 24em;max-width: 100%;
}
#frmLogin{
width: 70%;
margin-right: auto;
margin-left: auto;
}
#frmLogin .formGroup{
text-align: left;
line-height: 1.8;
}
.prodPricingTable__price label{
cursor: pointer;
}
.aslink{
cursor: pointer;
}
.qtyStyle{
margin: 0 2em 0 0;
font-family: Avenir, sans-serif;
font-weight: 700;
white-space: nowrap;
color: #000000;
}
*, ::after, ::before {
box-sizing: border-box;
}
.price {
font-family: Avenir, sans-serif;
font-weight: 700;
white-space: nowrap;
}
.newPrice{
color:#ed1c24;
}
h4{
font-size:1em;
}
.white{
color: #ffffff;
}
.gold{
color:#a37158;
}
.price-align{
margin:0 2em 0 0;
}
.price--pretty-straight{
font-family: Avenir, sans-serif;
font-weight: 700;
color: var(--color-black);
align-items: center;
font-size: 1em;
letter-spacing: .15em;
}
.price--pretty-straight .dollarSign{
font-size: 60%;
/* transform: translateY(.1em); */
}
.text-line {
overflow: hidden;
text-align: center;
}
.text-line:before,
.text-line:after {
background-color: #000;
content: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 50%;
}
.text-line:before {
right: 0.5em;
margin-left: -50%;
}
.text-line:after {
left: 0.5em;
margin-right: -50%;
}
@media (min-width:1000px) {
.topBarListSpas__col {flex: 0 0 auto; width: 19%; padding: 0; }
}
.light-slider-vertical {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.slider-flex.big-picture {
min-width:80%;
align-items: flex-start;
-webkit-align-items: flex-start;
display: flex;
}
.slider-flex.is-vertical {
flex-direction: column;
}
.light-slider-vertical .slider-flex {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
align-items:stretch;
-webkit-align-items: stretch;
flex-basis: 0;
flex-grow: 1;
flex-shrink: 1;
min-height: -webkit-min-content;
min-height: -moz-min-content;
min-height: min-content;
}
.light-slider-vertical img {
padding: 5px;
}