/**
 * mod_iwp_side_article_slider
 * Copyright (C) 2011 Inwebpro.gr All Rights Reserved.
 * License: http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
 *
 * Rewritten: the panel is now a click-to-toggle container (CSS
 * transitions, no jQuery) holding an auto-rotating article carousel,
 * instead of the original hover-to-peek stacked list.
 */

.iwp-slider {
	position: relative;
	z-index: 9999;
	display: flex;
	overflow: hidden;
	transition: width 0.6s ease, height 0.6s ease;
}

.iwp-slider__toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	border: 0;
	margin: 0;
	padding: 10px;
	cursor: pointer;
	font-size: 14px;
	white-space: nowrap;
	background: #4f4f4f;
	color: #fff;
}

.iwp-slider__toggle:hover {
	font-size: 15px;
}

.iwp-slider__toggle-close {
	display: none;
}

.iwp-slider.is-open .iwp-slider__toggle-open {
	display: none;
}

.iwp-slider.is-open .iwp-slider__toggle-close {
	display: inline;
}

/* Vertical tab text when docked left/right - same modern technique used
   across this set of converted modules. */
.iwp-slider__toggle {
	writing-mode: vertical-rl;
	text-orientation: mixed;
	transform: rotate(180deg);
}

.iwp-slider__viewport {
	overflow: hidden;
	width: 0;
	transition: width 0.6s ease;
	background: #fff;
}

.iwp-slider.is-open .iwp-slider__viewport {
	width: var(--iwp-panel-width);
}

.iwp-slider__track {
	display: flex;
	flex-direction: column;
	transition: transform 0.6s ease;
}

.iwp_main {
	box-sizing: border-box;
	flex: 0 0 auto;
	border-radius: 5px;
	overflow: hidden;
}

.iwp_img {
	overflow: hidden;
}

.iwp_img img {
	display: block;
	max-width: 100%;
	height: auto;
}

.iwp_title {
	margin: 0;
	padding: 5px 0;
}

.iwp_description {
	color: #434343;
	text-align: left;
}

.iwp_readmore a:hover {
	background-color: grey;
}

.iwp-slider__nav {
	display: flex;
	justify-content: space-between;
	padding: 4px 8px;
}

.iwp-slider__nav button {
	border: 0;
	background: transparent;
	cursor: pointer;
	font-size: 18px;
	line-height: 1;
	padding: 4px 8px;
}