/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/

#vertical-slider div.vertical-slide {
   display:table;
   border-radius:5px;
   background:#fff;
   border:1px solid #ececec;
   height:110px; width:100%;
   overflow:hidden;
   margin-top:10px;
   font-size:1rem;
}

#vertical-slider div.vertical-slide > a {
   display:table-cell;
   vertical-align:middle;
}

#vertical-slider div.vertical-slide > a:first-of-type {
   text-align:center;
   width:110px;
   background-color:#f2f2f2;
   transition:all 0.5s;
}

#vertical-slider div.vertical-slide > a:first-of-type img {
   max-width:110px; max-height:110px;
   transition:all 0.5s; 
   margin:auto;
}

#vertical-slider div.vertical-slide:hover > a:first-of-type, #vertical-slider div.vertical-slide > a:first-of-type:focus {
   background-color:#2998ff;
}

#vertical-slider div.vertical-slide:hover > a:first-of-type img, #vertical-slider div.vertical-slide > a:first-of-type:focus img {
   -webkit-filter: brightness(0) invert(1);
   -moz-filter: brightness(0) invert(1);
   -ms-filter: brightness(0) invert(1);
   filter: brightness(0) invert(1);
}

#vertical-slider div.vertical-slide > a:last-of-type {
   padding:0 15px 0 30px;
}

#vertical-slider div.vertical-slide > a:last-of-type:hover, #vertical-slider div.vertical-slide > a:last-of-type:focus {
   text-decoration: none;
}

#vertical-slider div.vertical-slide > a:last-of-type h6 {   
   font:1.29em 'Open Sans';
   font-weight:700;
   color:#424242;
}

#vertical-slider div.vertical-slide > a:last-of-type p {
   font:1.14em 'Open Sans';
   font-weight:400;
   color:#787878;
   margin:0; margin-top:5px;
}

/***/

#vertical-slider {
   padding:30px 0 40px 0;
}

#vertical-slider .slick-arrow {
   left:0; right:0; width:100%;
   background:#fff; border-radius:5px;
   text-align:center;
   transition:all 0.5s;   
   -webkit-transform: translate(0,0);
   transform: translate(0,0);
}

#vertical-slider .slick-arrow:hover, #vertical-slider .slick-arrow:focus {
   background:#634d34;
}

#vertical-slider .slick-prev {
   top:0;
}

#vertical-slider .slick-next {
   bottom:0;
   top:auto;
}

#vertical-slider .slick-arrow::before {
   font-size:0;
   width:18px; height:10px;
   background-image:url('./images/updown_icons.png');
   display:block; margin:auto;
   transition:all 0.3s;   
}

#vertical-slider .slick-arrow:hover::before, #vertical-slider .slick-arrow:focus::before {
   background-position-y: 10px;
}

#vertical-slider .slick-prev::before {
   font-size:0;
   width:18px; height:10px;
   background-position:0 0;
}

#vertical-slider .slick-next::before {
   background-position:18px 0;
}

#vertical-slider .slick-track {
   font-size:0;
}