﻿
.wsSlideshow
{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
}

.wsSlideshow > div
{
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

.wsSlideshow .wsSlide
{
    z-index: 0;
}

.wsSlideshow .wsFixedSlide
{
    z-index: 2;
    pointer-events: none;
}

.wsSlideshow .wsFixedSlide > *
{
    pointer-events: auto;
}

.wsSlideshow .wsNavigation
{
    z-index: 3;
    display: -webkit-flex;
    display: flex;
    padding: 15px;
    pointer-events: none;
}

.wsSlideshow .wsNavigation *
{
    pointer-events: auto;
}

.wsSlideshow .wsNavigation.wsArrows
{
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
}

.wsSlideshow .wsNavigation.wsArrows > div
{
    position: relative;
    width: 40px;
    height: 40px;
    background-color: #292929;
    border-radius: 50%;
    cursor: pointer;
    opacity: 0.5;
    -webkit-transition: opacity .3s, visibility .3s;
    transition: opacity .3s, visibility .3s;
}

.wsSlideshow .wsNavigation.wsArrows > div:hover
{
    opacity: 1;
    -webkit-transition: opacity .3s, visibility .3s;
    transition: opacity .3s, visibility .3s;
}

.wsSlideshow .wsNavigation.wsArrows > div img
{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50%;
    height: 50%;
    margin: auto;
}

.wsSlideshow .wsNavigation.wsArrows > div:first-child img
{
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    left: -3px;
}

.wsSlideshow .wsNavigation.wsArrows > div:last-child img
{
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    left: 3px;
}

.wsSlideshow .wsNavigation.wsDots
{
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.wsSlideshow .wsNavigation.wsDots.wsVertical
{
    -webkit-flex-direction: column;
    flex-direction: column;
}

.wsSlideshow .wsNavigation.wsDots > div
{
    margin: 5px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #292929;
    cursor: pointer;
}

.wsSlideshow .wsNavigation.wsDots > div.wsCurrent
{
    background-color: #888;
    cursor: default;
}

/* Mobile reflow */
.Block.Type_Slideshow.wsMobile
{
    text-align: center;
}

.Block.Type_Slideshow.wsMobile div.Block,
.Block.Type_Slideshow.wsMobile div.Block > .Block_Wrapper
{
    position: relative;
    left: auto !important;
    top: auto !important;
    margin: 0 !important;
}

.Block.Type_Slideshow.wsMobile div.Block
{
     max-width: 100%;
}

.Block.Type_Slideshow.wsMobile div.Block > .Block_Wrapper
{
   width: auto !important;
}

.Block.Type_Slideshow.wsMobile div.Block:not(.Type_Button) > .Block_Wrapper 
{
    height: auto !important;
}

.Block.Type_Slideshow.wsMobile div.Block [class^="wsCtImage"] img
{
    position: initial;
}

.Block.Type_Slideshow.wsMobile .wsSlide
{
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
    
    -webkit-flex-direction: column;
    flex-direction: column;
 
    -webkit-justify-content: space-around;
    justify-content: space-around;

    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

/* Button style when in slideshow mobile */

.Block.Type_Slideshow.wsMobile .wsSlideshow .wsCtButtonMain 
{
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
}

.Block.Type_Slideshow.wsMobile .wsSlideshow .wsCtButtonMain .wsText
{
    position: relative;
}

.Block.Type_Slideshow.wsMobile .wsSlideshow .wsCtButtonMain .wsText p
{
    margin: 0;
}

.Block.Type_Slideshow.wsMobile .wsSlideshow .Block.Type_Button .Block_Wrapper
{
    height: 100%;
}

.Block.Type_Slideshow.wsMobile .wsSlideshow .Block.Type_Button svg
    {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
}