­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ @charset "UTF-8"; /* Slider */ .slick-loading .slick-list { background: #FFFFFF url("./ajax-loader.gif") center center no-repeat; } /* Icons */ /* @if $slick-font-family == "slick" { @font-face { font-family: "slick"; src: slick-font-url("slick.eot"); src: slick-font-url("slick.eot?#iefix") format("embedded-opentype"), slick-font-url("slick.woff") format("woff"), slick-font-url("slick.ttf") format("truetype"), slick-font-url("slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; } } */ /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 44px; width: 33px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -22px; padding: 0; border: none; outline: none; z-index: 1; display: inline-block; width: 60px; height: 60px; border-radius: 50%; text-align: center; background: rgba(136, 136, 136, 0.2); color: #FFFFFF; } .slick-prev:hover, .slick-next:hover { outline: none; background: #FFFFFF !important; color: #111111 !important; } .slick-prev:hover:before, .slick-next:hover:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } @media (max-width: 767px) { .slick-prev, .slick-next { display: none !important; } } .slick-prev:before, .slick-next:before { font-family: "entypo"; font-size: 18px; font-weight: bold; line-height: 1; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: 30px; } [dir="rtl"] .slick-prev { left: auto; right: 0px; } .slick-prev:before { content: ""; } [dir="rtl"] .slick-prev:before { content: ""; } .slick-next { right: 30px; } [dir="rtl"] .slick-next { left: 0px; right: auto; } .slick-next:before { content: ""; } [dir="rtl"] .slick-next:before { content: ""; } /* Dots */ .slick-dots { position: absolute; bottom: -30px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; margin: 0; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; background: transparent; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: ''; display: inline-block; width: 20px; height: 20px; font-family: "entypo"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIxMDI0IiB3aWR0aD0iNTExLjgyNSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNLTAuMDg4IDUxMmMwLTE0MS41IDExNC41LTI1NiAyNTYtMjU2IDE0MS40MzggMCAyNTYgMTE0LjUgMjU2IDI1NnMtMTE0LjU2MiAyNTYtMjU2IDI1NkMxMTQuNDEzIDc2OC0wLjA4OCA2NTMuNS0wLjA4OCA1MTJ6Ii8+PC9zdmc+"); background-repeat: no-repeat; background-position: center; background-size: 30%; } .slick-dots li.slick-active button:before { color: black; opacity: 0.75; } /*////////////////////////////////////// // Custom //////////////////////////////////////*/ .slick-prev, .slick-next { border-radius: 0; top: initial; bottom: 15%; background-color: rgba(0, 0, 0, 0.2); } .slick-prev:hover, .slick-next:hover { background-color: rgba(0, 0, 0, 0.5) !important; color: #FFFFFF !important; } .slick-prev { left: 0px; } .slick-next { right: 0px; }