/**
 * The following styles will provide an attempt to normalize the sliders
 */

/* Reset some style. Using body to push specificity */
body .metaslider .coin-slider,
body .metaslider .nivoSlider,
body .metaslider .nivoSlider img,
body .metaslider .rslides,
body .metaslider .rslides li,
body .metaslider .flexslider ul.slides,
body .metaslider .flexslider .slides li,
body .metaslider .flexslider .slides ul,
body .metaslider .flexslider .slides ol,
body .metaslider .flexslider .slides img,
body .metaslider .flexslider .flex-direction-nav,
body .metaslider .flexslider .flex-direction-nav li {
    border: 0;
    margin: 0;
    list-style-type: none;
    list-style: none;
    padding: 0;
    line-height: normal;
    max-width: none;
    max-height: none;
}

.metaslider {
    position: relative;
    z-index: 0;
}

/* Avoids overflow when slideshow takes the whole window' width - The fullwidth class needs to be added in the slideshow settings. */
.metaslider.fullwidth {
	overflow: hidden;
}

.metaslider .caption {
    padding: 5px 10px;
    word-wrap: break-word;
}

.metaslider .caption-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    background: black;
    color: white;
    opacity: 0.7;
    margin: 0;
    display: block;
    width: 100%;
    line-height: 1.4em;
}

.metaslider img {
    height: auto;
    padding: 0;
    margin: 0;
    -moz-user-select: none;
}

.metaslider a {
    outline: none;
}

.metaslider.ms-left {
    float: left;
    margin: 0 20px 20px 0;
}

.metaslider.ms-right {
    float: right;
    margin: 0 0 20px 20px;
}

.metaslider li:before,
.metaslider li:after {
    content: "" !important;
    display: none !important;
    bottom: auto !important;
    margin: 0 !important;
}

.metaslider .caption-wrap .caption img {
    width: auto;
}

.metaslider .slides img {
	width: 100%;
	display: block;
}

.metaslider .flex-pauseplay a {
    box-sizing: border-box;
	height: 30px;
	width: 30px;
}

/* Flexslider */

.metaslider .flexslider {
    background: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    border: 0;
    margin: 0 0 40px;
    max-width: none;
    max-height: none;
}

.metaslider .flex-control-nav {
    border: 0;
    margin: auto;
    list-style-type: none;
    list-style: none;
    padding: 0;
	bottom: -27px;
    line-height: 11px;
    z-index: 2;
}

.metaslider.has-dots-onhover-navigation .flexslider .flex-control-paging {
    opacity: 1;
    transition: opacity .3s ease;
}
.metaslider.has-dots-onhover-navigation:hover .flexslider .flex-control-paging {
    opacity: 1 !important;
}

.metaslider-flex.ms-theme-default .flex-next:focus {
    background: url('bg_direction_nav.png') scroll right 0 transparent!important;
    height: 27px!important;
}
.metaslider-flex.ms-theme-default .flex-prev:focus {
    background: url('bg_direction_nav.png') scroll left 0 transparent!important;
    height: 27px!important;
}

/** move margin from list items to anchors */
.metaslider .flex-control-nav li {
	margin: 0;
}

.metaslider .flex-control-nav li a {
	margin: 0 6px;
	padding: 0;
}

.metaslider .flexslider .slides li {
    position: relative;
    height: auto;
}

/** fix for users with RTL languages */
.metaslider .flex-viewport {
    direction: ltr;
}

/** add transition effects to firefox **/
.metaslider .flex-direction-nav a {
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.metaslider .flexslider .slides p {
    margin: 0;
}

.metaslider .flexslider.filmstrip {
	margin-top: 10px;
}

.metaslider .flexslider.filmstrip .slides li {
    cursor: pointer;
    opacity: 0.5;
}

.metaslider .flexslider.filmstrip .slides li.flex-active-slide,
.metaslider .flexslider.filmstrip .slides li:hover,
.metaslider .flexslider.filmstrip .slides li:focus {
    opacity: 1.0 !important;
}

.metaslider .flex-control-thumbs li {
    width: auto;
}

.metaslider ol.flex-control-thumbs img,
#content .metaslider ol.flex-control-thumbs img {
    margin: 10px 5px 0;
    width: auto;
}

.metaslider.nav-hidden .flexslider {
    margin-bottom: 0;
}

.metaslider.nav-hidden.add-margin .flexslider {
    margin-bottom: 40px;
}

/* Arrow styles to use background images (old style) */
/* which makes it compatible with the theme builder */

.metaslider .flexslider .flex-direction-nav li a:before {
    content:none!important;
}
.metaslider .flexslider .flex-direction-nav li a {
    width: 30px;
    height: 30px;
    border: 0;
    margin: -20px 0 0;
    box-shadow: none!important;
    display: block;
    background-color: transparent;
    background-image: url('bg_direction_nav.png');
    background-repeat:  no-repeat;
    position: absolute;
    right: 10px;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 1;
    -webkit-transition: all .3s ease;
       -moz-transition: opacity .25s ease-in-out;
            transition: all .3s ease;
}
.metaslider.has-onhover-arrows .flexslider .flex-direction-nav li a {
    opacity: 0;
}
.metaslider.has-onhover-arrows:hover .flexslider .flex-direction-nav li a{
    opacity: 1;
}

.metaslider .flex-direction-nav .flex-prev {
    background-position: left 0;
    left: 10px;
}
.metaslider .flex-direction-nav .flex-next {
    background-position: right 0;
    text-align: left;
    /* Fix for single character text */
    text-indent: 9999px;
}
.metaslider .flexslider:focus-within .flex-next,
.metaslider .flexslider:hover .flex-next {
    opacity: 0.8;
    
}
.metaslider .flexslider:focus-within .flex-prev,
.metaslider .flexslider:hover .flex-prev {
    opacity: 0.8;
    /* Fix for single character text */
    text-indent: -9999px;
}
.metaslider .flexslider:focus-within .flex-next:focus,
.metaslider .flexslider:focus-within .flex-prev:focus,
.metaslider .flexslider:hover .flex-next:hover,
.metaslider .flexslider:hover .flex-prev:hover {
    opacity: 1;
}
.metaslider .flexslider .flex-next:focus,
.metaslider .flexslider .flex-prev:focus {
	outline: -webkit-focus-ring-color auto 5px;
}
.metaslider .flexslider .flex-direction-nav .flex-disabled {
    cursor: default;
    pointer-events: none;
}
.metaslider .flexslider .flex-control-nav a {
	box-shadow: none !important;
}
.metaslider .flexslider .flex-control-nav a:focus {
	outline: -webkit-focus-ring-color auto 5px;
}
.metaslider .flexslider .slides > li {
    position: relative;
}
.metaslider .flexslider .flex-pauseplay .flex-play,
.metaslider .flexslider .flex-pauseplay .flex-pause {
    width: 30px;
    height: 30px;
    background: #000;
    color: #fff;
    text-align: center;
    padding: 0 8px;
    border-radius: 50px;
    text-decoration: none;
    line-height: 30px;
    font-size: 16px;
}
.metaslider .flexslider .flex-pauseplay a:before {
    font-size: 16px;
}
.metaslider .flexslider .flex-pauseplay .flex-play:focus,
.metaslider .flexslider .flex-pauseplay .flex-pause:focus {
    background: #000;
    color: #fff;
}
.metaslider .flexslider .flex-pauseplay .flex-play:before {
    margin-left: 4px;
}
.metaslider .flexslider .flex-pauseplay .flex-pause:before {
    margin-left: 1px;
}

/* Responsive Slides */
.metaslider .rslides_nav,
.metaslider .rslides_tabs a {
    box-shadow: none !important;
}
.metaslider .rslides_tabs {
    margin: 0 0 40px;
}

.metaslider .rslides_nav:focus,
.metaslider .rslides_nav:hover {
    color: #ffffff;
}

.metaslider-responsive.no-text .rslides_nav{
	width: 30px;
	height: 30px;
	border: 0;
	margin: 0 5px;
	box-shadow: none !important;
	display: block;
	background-color: transparent;
	background-image: url('bg_direction_nav.png');
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	text-indent: -9999px;
	opacity: 1;
	-webkit-transition: all .3s ease;
	-moz-transition: opacity .25s ease-in-out;
	transition: all .3s ease;
}
.metaslider-responsive.no-text .rslides_nav.next {
	background-position: right 0;
}

/* Nivo Slider */
div.metaslider .theme-default .nivoSlider {
   -webkit-box-shadow: 0 0 0;
      -moz-box-shadow: 0 0 0;
           box-shadow: 0 0 0;
}

.metaslider .slider-wrapper .nivo-directionNav a,
.metaslider .slider-wrapper .nivo-controlNav a,
.metaslider .slider-wrapper img {
    border: 0;
    box-shadow: none;
    /* margin: 0; */
    list-style-type: none;
    list-style: none;
    padding: 0;
    line-height: normal;
    max-width: none;
    max-height: none;
}
div.metaslider .slider-wrapper .nivo-controlNav a {
    transition: none;
}

/* Coin Slider */
.metaslider .coin-slider {

    /* This keeps the slider from spilling out the container */
    max-width: 100%;
    overflow:hidden;
}
.metaslider .coin-slider .cs-buttons a,
.metaslider .coin-slider > a {
	box-shadow: none !important;
}
.metaslider .coin-slider a[href="javascript:void(0)"] {
	cursor: default !important;
}

/* Admin Bar */
#wpadminbar #wp-admin-bar-ms-main-menu .ab-item #metaslider-main-menu-icon {
	background-size: 18px;
	background-repeat: no-repeat;
	background-position: left center;
	width: 18px;
	height: 32px;
	float: left;
	margin-right: 5px;
}
#wpadminbar #wp-admin-bar-ms-main-menu:hover #metaslider-main-menu-icon{
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyBmaWxsPSIjNzJhZWU2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjU1LjggMjU1LjgiIHN0eWxlPSJmaWxsOiM3MmFlZTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGQ9Ik0xMjcuOSwwQzU3LjMsMCwwLDU3LjMsMCwxMjcuOWMwLDcwLjYsNTcuMywxMjcuOSwxMjcuOSwxMjcuOWM3MC42LDAsMTI3LjktNTcuMywxMjcuOS0xMjcuOUMyNTUuOCw1Ny4zLDE5OC41LDAsMTI3LjksMHogTTE2LjQsMTc3LjFsOTIuNS0xMTcuNUwxMjQuMiw3OWwtNzcuMyw5OC4xSDE2LjR6IE0xNzAuNSwxNzcuMWwtMzguOS00OS40bDE1LjUtMTkuNmw1NC40LDY5SDE3MC41eiBNMjA4LjUsMTc3LjFMMTQ2LjksOTkgbC02MS42LDc4LjJoLTMxbDkyLjUtMTE3LjVsOTIuNSwxMTcuNUgyMDguNXoiLz48L2c+PC9zdmc+Cg==") !important;
}
.ms-edit-frontend {
	text-decoration: none !important;
	font-size: 18px;
}
.ms-edit-frontend .dashicons.dashicons-external {
	height: 25px;
	vertical-align: middle;
}

#preview-container .ms-edit-frontend{
    display: none;
}


/* Precognition Theme */
.ms-theme-precognition .flex-control-nav {
	display: table !important;
	width: 100% !important;
	margin-top: 0 !important;
}
.metaslider.ms-theme-precognition .flex-control-nav li {
	display: table-cell !important;
	width: auto;
	text-align: center;
	border-left: 1px solid;
	border-bottom: 1px solid;
}
.metaslider.ms-theme-precognition .flex-control-nav li:last-child {
	border-right: 1px solid;
}
.metaslider.ms-theme-precognition .flex-control-nav li a {
	text-indent: 0 !important;
	width: auto !important;
	display: block !important;
	height: auto !important;
	padding: 10px !important;
	margin: 0 !important;
}

/* Progress Bar */
.flex-progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 4px;
    width: 0%;
    background-color: #fff;
    transition: width 2s linear;
    z-index: 999;
}
/* Carousel */
.ms-carousel-force-height .slides > li {
    overflow: hidden;
}
.ms-carousel-force-height .slides > li.ms-image img {
    height: 100%;
    width: auto;
}
@media only screen and (max-width : 767px) {
    .metaslider.ms-theme-precognition .flex-control-nav li a {
        text-indent: -9999px !important;
    }
}
@media only screen and (min-width : 768px) {
    .metaslider.ms-theme-precognition .flex-control-nav li a {
        text-indent: 0 !important;
    }
}
