/**
 * mod_all_side_module_slider
 * Copyright (C) 2011 Inwebpro Ltd. All rights reserved.
 * License: http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
 *
 * Rewritten for modern browsers: no jQuery dependency, no ID selectors
 * (so multiple instances of this module can be published on the same
 * page safely), and CSS transitions instead of JS-animated pixel values.
 */

.iwp-asms {
	position: relative;
	z-index: 888;
	overflow: hidden;
	display: flex;
	transition: width 1.2s ease, height 1.2s ease;
}

.iwp-asms.is-open {
	width: var(--iwp-w-open) !important;
	height: var(--iwp-h-open) !important;
}

.iwp-asms a,
.iwp-asms button.iwp-asms__toggle {
	color: #ccc;
}

.iwp-asms fieldset {
	padding: 5px;
	margin: 10px 20px;
	border: none;
}

.iwp-asms ul {
	margin: 0 20px;
}

.iwp-asms label {
	color: #fff;
}

/* The toggle tab */
.iwp-asms__toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	border: 0;
	margin: 0;
	padding: 8px;
	cursor: pointer;
	font-size: 14px;
	white-space: nowrap;
	background: transparent;
}

.iwp-asms__toggle:hover {
	font-size: 16px;
}

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

.iwp-asms.is-open .iwp-asms__toggle-open {
	display: none;
}

.iwp-asms.is-open .iwp-asms__toggle-close {
	display: inline;
}

/* Vertical tab text for the left/right dock positions - modern
   writing-mode instead of the old (and, in current browsers, buggy)
   writing-mode:tb-rl + transform:rotate(90deg) combination. */
.iwp-asms--vertical .iwp-asms__toggle {
	writing-mode: vertical-rl;
	text-orientation: mixed;
	transform: rotate(180deg);
}

/* The sliding content area */
.iwp-asms__content {
	overflow: hidden;
	transition: width 1.2s ease, height 1.2s ease;
	background-repeat: no-repeat;
	background-size: cover;
}

.iwp-asms.is-open .iwp-asms__content {
	width: var(--iwp-content-w-open) !important;
	height: var(--iwp-content-h-open) !important;
}

.iwp-asms__content table {
	border-collapse: collapse;
}

.iwp-asms__module {
	float: left;
}

.iwp-asms__custom {
	color: #fff;
	padding: 20px;
	font-size: 16px;
}