/*---Slick Photo Slider---*/
.slick-slide img { width: 100%; height: auto; }
.slider-thumb { text-align: center; word-break: break-all; word-wrap: break-word; }
.slider-caption { font-size: 12px; }

#slider-wrapper { padding: 10px 0 25px; }

#slider-wrapper button.slick-prev { left: 10px; z-index: 200; }
#slider-wrapper button.slick-next { right: 10px; z-index: 200; }

#slider-wrapper .slick-dots { bottom: -55px; margin: 0 0 25px 0; }
#slider-wrapper .slick-dots li button:before { color: #FFF; }
#slider-wrapper .slick-dots li.slick-active button:before { color: #C00; }

.slide { position: relative; font-size: 24px; font-family: 'Abel', sans-serif; }
.slide-caption { position: absolute; top: 10%; left: 0; min-height: 30px; width: auto; z-index: 2; background-color: rgba(0,0,0,0.6); padding: 8px 12px; }
a .slide-caption { color: #FFF; }

/*---Slick.js override---*/
.slick-prev, .slick-next { width: 36px; height: 36px; }
.slick-prev:before, .slick-next:before { content:""; }

button.slick-prev, button.slick-next { z-index: 200; }
button.slick-prev { left: 5px; background: url(images_slick_ui/arrow-prev.png) left top no-repeat; }
button.slick-next { right: 5px; background: url(images_slick_ui/arrow-next.png) right top no-repeat; }

.slick-prev:hover,
.slick-prev:focus { color: #FFF; outline: none; background: url(images_slick_ui/arrow-prev-on.png) right top no-repeat; }
.slick-next:hover,
.slick-next:focus { color: #FFF; outline: none; background: url(images_slick_ui/arrow-next-on.png) right top no-repeat; }

/*---Slick.js Products override---*/
.product-detail { margin: 0 0 1em; font-size: 10px; line-height: 1.2; }
.product-detail.spread { display: block; width: 100%; margin: 0 0 1.5em; }

/*---Drawer.js override---*/
.drawer-nav { z-index: 900; background-color: #222; color: #FFF; }

.drawer-hamburger { display: none; z-index: 901; padding: 20px .75rem 24px; background-color: #000; border-radius: 0px; }
.drawer-hamburger:hover { background-color: #222; }

.drawer-hamburger-icon { margin-top: 6px; }
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before { background-color: #E20C1A; }

ul.drawer-menu { margin: 0; padding: 0; font-size: 14px; }
ul.drawer-menu li { margin: 0; padding: 0; border-bottom: 1px solid #888; }
ul.drawer-menu li > a { display: block; padding: 10px; color: #FFF; }
ul.drawer-menu li > a:hover { background-color: #C00; }