body.jaibor { --Link:#b99d6b; --SubmitButton:#967f55; --Head:rgba(164,140,95,0.9); --SubHead:#af9f82 }
body.jaibor > header a.logo { padding:0 }
body.jaibor > header a.order span:not(.disabled) { background-color:#931e42 }
body.jaibor > footer { background-color:#765 }
body.jaibor > footer .links { display:none }

/* Show higher header on main page, if screen is high enough */
body > header > nav { transition:height 0.2s }
@media (min-height:700px) and (min-width:600px) {
   body.main-page > header > nav { height:100px }
   body.main-page > header a.logo { padding:20px 0 5px }
   body.main-page > header a.nav { margin-top:40px }
   body.main-page > dialog.panel { top:100px; max-height:calc(100vh - 100px) }
}

#main-carousel-wrapper { height:440px; background-color:#aaa; box-shadow:0 1px 10px rgba(0,0,0,0.33) }
body.jaibor #main-carousel-wrapper { height:500px; background-color:var(--Link) }
#main-carousel { margin:auto; width:100%; max-width:100%; height:100% }
#main-carousel .slide-caption { position: absolute; font-size: 5em; }
@media (max-width: 1370px) {
   #main-carousel .slide-caption { font-size: 4.5em; }
}
@media (max-width: 1200px) {
   #main-carousel .slide-caption { font-size: 3em;}
}
@media (max-width: 800px) {
   #main-carousel .slide-caption { font-size: 2em;}
}
@media (max-width: 500px) {
   #main-carousel .slide-caption { font-size: 1.5em; }
}
/* RED CARPET SLIDE */
#main-carousel .slide-caption.red-carpet { bottom: 30px; left: 60px; }
@media (max-width: 1370px) {
   #main-carousel .slide-caption.red-carpet { left: 60px; }
}
@media (max-width: 1060px) {
   #main-carousel .slide-caption.red-carpet { left: 30px; }
}
@media (max-width: 600px) {
   #main-carousel .slide-caption.red-carpet { bottom: 25px; }
}
@media (max-width: 500px) {
   #main-carousel .slide-caption.red-carpet { left: 15px; }
}
@media (max-width: 430px) {
   #main-carousel .slide-caption.red-carpet { left: 45px; }
}
/* TENNIS SLIDE */
#main-carousel .slide-caption.tennis { bottom: 21px; right: 24%; }
@media (max-width: 800px) {
   #main-carousel .slide-caption.tennis { right: 15%; }
}
/* CLASSICS SLIDE */
#main-carousel .slide-caption.classics { color: white; bottom: 20px; left: 35%; }
@media (max-width: 800px) {
   #main-carousel .slide-caption.classics { left: 20%; }
}
/* TRENDS SLIDE */
#main-carousel .slide-caption.trends { color: white; top: 105px; left: 27%; }
@media (max-width: 1370px) {
   #main-carousel .slide-caption.trends { left: 20%; }
}
@media (max-width: 800px) {
   #main-carousel .slide-caption.trends { left: 20%; top: 20%; }
}

#main-carousel .slide-caption.white { color: white; }
#main-carousel .slide-caption.black { color: black; }
#main-carousel img { display:block; width:100%; height:100%; object-fit:cover }
#main-carousel .flickity-page-dots { bottom:10px }
#main-carousel .flickity-page-dots .dot { width:6px; height:6px; border:3px solid White }
#main-carousel .flickity-page-dots .dot:hover { opacity:1 }
#main-carousel .flickity-page-dots .dot.is-selected { background-color:White }
#main-carousel .flickity-slide .slide-ribbon { background:#b31313; color: white; position: absolute; top: 54px; left: -54px; box-shadow: 0 5px 10px rgba(0,0,0,.3); transform: rotate(-45deg); width: 250px; height: 30px; display: flex; justify-content: center; align-items: center; }
@media (max-width: 380px) {
   #main-carousel .flickity-slide .slide-ribbon { top: 38px; left: -73px;}
}
#main-carousel .flickity-slide { width: 100%; height: 100%; position: relative; overflow: hidden;}
#main-links { margin:auto; width:100%; max-width:1200px; padding:30px 0 15px; display: flex; }

@media (max-width: 700px) {
   #main-links { flex-direction: column; justify-content: center; align-items: center; }
   #main-links a.title { width: 51%; margin-bottom: 5%;}
}
#main-links a { display:inline-block; position:relative }
#main-links img { display:block; width:100% }
body:not(.jaibor) #main-links img { box-shadow:0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.22) }
body.jaibor #main-links img { box-shadow:0 0 8px #bbb }
#main-links a:hover img { outline:2px solid var(--Link) }
#main-links span { display:inline-block; margin-top:0.5em; color:var(--Link); font:1.2rem "Century Gothic","Lucida Sans Unicode",sans-serif; text-transform:uppercase }
body:not(.jaibor) #main-links span { display:none }
@media (max-aspect-ratio: 1/1) { /* portrait */
   #main-carousel-wrapper { max-height:45vw }
}
@media (min-aspect-ratio: 1/1) { /* landscape */
   #main-carousel-wrapper { max-height:50vh }
}
@media (max-width:550px) {
   #main-links { padding-bottom:10px }
   #main-links a { width:51%; margin-bottom:5% }
}
@media (min-width:551px) and (max-width:1200px) {
   #main-links a { width:29%; margin:0 1.67% }
}
@media (min-width:1201px) {
   #main-links a { width:31%; margin-right:3.5% }
   #main-links a:last-child { margin-right:0 }
}

#listing-page li.item span.nuevo[data-icon]:before { display:none }
#listing-page li.item.nuevo span.nuevo { display:block; background-color:#ebb134; font-weight:bold }
#listing-page li.item.bestSeller span.bestSeller { display:block; background-color:var(--Link) }
#listing-page li.item.calidades span.calidades { display:block; color:#555 }
#listing-page li.item span.calidades i { font-style:normal; font-weight:bold; color:#a48b00 }
#listing-page li.item span.calidades i:before { font-weight:normal }
#listing-page li.item span.calidades i:first-child:before { content:"Qualities:"; text-decoration:underline; margin-right:6px }
#listing-page li.item span.calidades i:not(:first-child):before { content:" | "; font-size:1rem; margin:0 2px }
@media (max-width:599px) {
   #listing-page li.item span.calidades i:first-child:before { content:"Qualities:" }
   #listing-page li.item span.calidades i:not(:first-child):before { margin:0 }
}
@media (min-width:768px) {
   #listing-packs label > span { background-image:url(../img/producto/facetusa/pack-bridal.jpg) }
}

/* Listing filters */
#filters-header { position:sticky; position:-webkit-sticky; top:60px; background:White; z-index:1; opacity:0.9 }
body.public #filters-header { top:0 }
body.public #filters-form { padding:15px 0 }
#filters-form { padding:5px 0 2px; background:White; border-bottom:2px solid #ccc; opacity:0.9 }
#filters-form select { width:125px; text-transform:capitalize }
#filters-form label.line select { width:132px !important; height:100% }
#filters-form label.line img { position:absolute; top:2px; left:1px; width:108px; height:33px; object-fit:cover; pointer-events:none; border-radius:6px }
body.jaibor #filters-form label.line img {display:none }
body.jaibor #filters-form select[name="program"] { display:none }
body:not(.agent) #filters-form select[name="program"] { display:none }
#filters-form input[name="ref"] { width:120px }
body.jaibor #filters-form label.promoQuality, body:not(.agent) #filters-form label.promoQuality { display:none }
body.closeout #filters-form .filter:not(.closeout) { display:none }
body:not(.closeout) #filters-form .filter:not(.regular) { display:none }
@media (max-width:1200px) {
   body:not(.jaibor) #filters-form select { width:100px }
   body:not(.jaibor) #filters-form input[name="ref"] { width:90px }
   header #filters-form label.checkbox { padding:0 }
   #filters-form label.checkbox input { position:absolute; opacity:0 }
   #filters-form label.checkbox span { display:block; padding:0 6px; line-height:34px; text-transform:lowercase; border:1px solid #bbb; border-radius:6px }
   #filters-form label.checkbox input:checked + span { border-color:var(--Link); color:var(--Link) }
}

#item-dialog.nuevo span.ribbon.nuevo { background-color:#ebb134 }
#item-dialog.icon .swipe:before { left:7%; top:40px }

#section-customers td.nombre span.notice { color:#070 }
#section-customers td.nombre span.warning { color:#d00 }

body.public #item-dialog {
   left: 50%;
   position: fixed !important;
   top: 15px;
   -webkit-transform: translateX(-50%);
   -moz-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   width: 90%;
}

@media (min-width:768px) {
   body.public #item-dialog {
      width: 60%;
   }
}