/*
Theme Name:     Workshop Press Child Theme
Theme URI:      http://www.workshoppress.com/
Description:    Child theme for Workshop Press theme
Author:         WSP
Author URI:     http://www.workshoppress.com
Template:       workshop
Version:        1.0.4
Tags: dark, light, left-sidebar, right-sidebar, fluid-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, full-width-template, theme-options, translation-ready
Text Domain:  zn_framework
*/

.related-items-container{
  display: block;
}
a:link, a:visited, a:hover, a:active, a:focus{
  text-decoration: none;
  outline: none;
}
.fp-wrapper {
    text-align: center;
}
.fp-slider-wrapper {
    padding: 7px;
}
.fp-slider-wrapper a {
    display: block;
    position: relative;
}
.fp-wrapper h1 {
    font: 400 40px 'Playfair Display', serif;
    color: #e1ab35;
    text-transform: uppercase;
}
.fp-wrapper span {
    font: 400 13px/21px 'Roboto', sans-serif;
    color: #680909;
}
.fp-slider-items.slick-initialized.slick-slider {
    padding: 0;
}
.fp-slider-items button.slick-arrow{
    display: inline-block;
    position: absolute;
    width: 41px;
    height: 41px;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: translateY(-40px);
    font-size:  0;
    border: none;
    outline: none;
}
.fp-slider-items button.slick-prev.slick-arrow {
    left: -40px;
}
.fp-slider-items button.slick-prev.slick-arrow::before {
  content:url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'><polyline fill='none' stroke='black' stroke-width='10' stroke-linejoin='round' stroke-linecap='round' points='184,16 72,128 184,240'></polyline></svg>");
}
.fp-slider-items button.slick-next.slick-arrow {
    right: -40px;
}
.fp-slider-items button.slick-next.slick-arrow::before {
content:url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'><polyline fill='none' stroke='black' stroke-width='10' stroke-linejoin='round' stroke-linecap='round' points='72,16 184,128 72,240' ></polyline></svg>");
}
.fp-slider-wrapper .fp-img:before {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: rgba(153, 126, 67, .30);
    opacity: 0;
    outline: 1px solid #ffffff;
    outline-offset: -3px;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.fp-slider-wrapper .fp-img:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0;
    background: rgba(255, 255, 255, .5);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
/*
.fp-slider-wrapper:hover .fp-img:before,
.fp-slider-wrapper:hover .fp-img:after {
    opacity: 1;
}*/
#ft-title{
    font: 500 13px/21px 'Roboto', sans-serif;
    color: #680909;
    text-transform: uppercase;
    letter-spacing: 0.20em;
}
.fp-img {
    position: relative;
}
.slick-slide img{
    display: inline-block;
    width: 100%;
    height: auto;
}
.slider-details {
    padding: 20px 0;
    opacity: 0;
    transition: all .3s ease;
}
.fp-slider-wrapper:hover .slider-details {
    opacity: 1;
}
.slider-details strong{
    font: 500 20px 'Roboto', sans-serif;
    color: #2f2f2f;
}
.slider-details a{
    font: 500 12px 'Roboto', sans-serif;
    color: #680909;
    line-height: 2.5em;
}
.slick-track * {
  outline: none;
}
.slick-arrow{
    background-color: transparent;
}