/** * 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; } /* 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-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: 0; -webkit-transition: all .3s ease; -moz-transition: opacity .25s ease-in-out; transition: all .3s ease; } .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; } /* 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; }