/* Slider
   ──────────────────────────────────────────────────────────────────────
   Rakuten Styling Foundation: Main CSS Framework
   Author: Chris Gkilitsas | CWD Strategy Section | Rakuten Inc.
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */


.rf-slideshow							{ margin-bottom: .5em; }
.rf-slideshow a:focus					{ outline-color: #66b821; }
.rf-slideshow a:focus:active,
.rf-slideshow a:focus:hover				{ outline-color: #238901; }
.rf-slider								{ position: relative; z-index: 1; margin: 0 auto; width: 100%; height: auto; overflow: hidden; }
.rf-slider-items,
.swiper-container-android .rf-slider-item {
											-webkit-transform: translate3d(0, 0, 0);
											   -moz-transform: translate3d(0, 0, 0);
											    -ms-transform: translate3d(0, 0, 0);
											        transform: translate3d(0, 0, 0); }
.rf-slider-items,
.rf-slider-item							{ list-style-type: none; margin: 0; padding: 0; }
.rf-slider-items						{ position: relative; z-index: 1; width: 100%; height: 100%;
											display: -webkit-box;
											display: -webkit-flex;
											display:    -moz-box;
											display:     -ms-flexbox;
											display:         flex;
											-webkit-transition-property: -webkit-transform;
											   -moz-transition-property:    -moz-transform;
											    -ms-transition-property:     -ms-transform;
											        transition-property:         transform;
											-webkit-box-sizing: content-box;
											   -moz-box-sizing: content-box;
											        box-sizing: content-box; }
.swiper-container-free-mode > .rf-slider-items
										{ margin: 0 auto;
											-webkit-transition-timing-function: ease-out;
											   -moz-transition-timing-function: ease-out;
											    -ms-transition-timing-function: ease-out;
											        transition-timing-function: ease-out; }

/* Slides */
.rf-slider-item							{ position: relative; width: 30em; height: 100%;
											-webkit-flex-shrink: 0;
											           -ms-flex: 0 0 auto;
											        flex-shrink: 0; }
.swiper-container-no-flexbox .rf-slider-item
										{ float: left; }
.rf-slider-item a						{ display: block; }
.rf-slider-item figure					{ position: relative; }
.rf-slider-item figcaption				{ position: absolute; left: 0; right: 0; bottom: 0; padding: .5em 1em; color: #fff; }
.rf-slider-item figcaption h2,
.rf-slider-item figcaption p			{ margin: 0; }
.rf-slider-item figcaption h2			{ text-shadow: .042em .042em .083em black; }
.rf-slider-item figcaption p			{ margin-top: .5em; text-shadow: .071em .071em .143em black; }
.rf-slider-item figure img				{ display: block; width: 100%; }

/* Pagination */
.rf-slider-pagination-nav				{ width: 100%; }
.rf-slider-pagination					{ text-align: center; }
.swiper-pagination-clickable .rf-slider-pagination--item
										{ cursor: pointer; }
.rf-slider-pagination--item				{ display: inline-block; margin: 0 .5em; padding: 0; width: .625em; height: .625em;
											overflow: hidden; text-indent: 150%; background-color: #ccc; border-radius: 50%; }
.rf-slider-pagination--item__active		{ background-color: #bf0000; }
.rf-slider-pagination li:focus			{ outline-color: #c85b5b; }
.rf-slider-pagination li:focus:active,
.rf-slider-pagination li:focus:hover	{ outline-color: #bf0000; }

/* Navigation buttons */
.rf-slider-nav							{ position: absolute; z-index: 10; top: 50%; left: 0; right: 0; }
.rf-slider-nav a						{ position: absolute; top: -1em; display: block; padding: .05em; width: 1em; height: 1em;
											font-size: 2.25em; line-height: 1; text-decoration: none; text-align: center; vertical-align: 0;
											color: #fff; background-color: #000; border-radius: 50%; }
.rf-slider-nav a:hover,
.rf-slider-nav a:focus					{ color: #fff; background-color: #238901; }
.rf-slider-nav a:active					{ color: #fff; background-color: #66b821; }
.rf-slider-previous						{ left:  50%; margin-left:  -7.5em; }
.rf-slider-next							{ right: 50%; margin-right: -7.5em; }
.rf-slider-nav [class*='rf-icon-ui']	{ vertical-align: 0; }
.rf-slider-nav em						{ display: block; width: 0; height: 0; overflow: hidden; text-indent: 150%; }

/* a11y */
.rf-slider .swiper-notification			{ pointer-events: none; position: absolute; z-index: -1000; left: 0; top: 0; opacity: 0; }

/* IE 10 Windows Phone 8 fixes */
.swiper-wp8-horizontal {
											-ms-touch-action: pan-y;
											    touch-action: pan-y; }
.swiper-wp8-vertical {
											-ms-touch-action: pan-x;
											    touch-action: pan-x; }

/* Smartphones — Narrow viewport: 0–768 pixels */
@media screen and (max-width: 48em) {

	.rf-slideshow,
	.rf-slider							{ margin: 0; }

	/* Slides */
	.rf-slider-item						{ width: 100%; }
	.rf-slider-item figcaption h2 		{ text-shadow: .05em .05em .1em black; }

	/* Navigation buttons */
	.rf-slider-nav a					{ font-size: 2em; }
	.rf-slider-previous					{ left:  .25em; margin-left:  0; }
	.rf-slider-next						{ right: .25em; margin-right: 0; }

}