// Default Bootstrap styling for sliders (.accordion-inner)

// Parent container
.rl_sliders {
	//
	// Component animations
	// --------------------------------------------------
	.fade {
		opacity: 0;
		.transition(opacity 1ms linear);

		&.in {
			opacity: 1;
		}
	}

	&.has_effects .fade {
		.transition(opacity .15s linear);
	}

	.collapse {
		display:  block;
		position: relative;
		height:   auto;
		overflow: hidden;
		.transition(height 1ms ease);

		&.in {
			height: auto;
		}
	}

	&.has_effects .collapse {
		.transition(height .35s ease);
	}

	&.accordion {
		margin-bottom: @baseLineHeight; // Group == heading + body
		//
		// Accordion
		// --------------------------------------------------
		> .accordion-group {
			margin-bottom: 2px;
			border:        1px solid #e5e5e5;
			.border-radius(4px);

			.accordion-heading {
				border-bottom: 0;

				.accordion-toggle {
					display: block;
					padding: 8px 15px;
					cursor:  pointer;
				}
			}

			// Inner needs the styles because you can't animate properly with any styles on the element
			> .accordion-body {
				padding: 0;
				border:  none;

				> .accordion-inner {
					padding:    9px 15px;
					border-top: 1px solid #e5e5e5;
				}

				// Accordion overflow fix
				&.in:hover {
					overflow: visible;
				}
			}
		}
	}
}

@font-face {
	font-family: 'IcoMoon';
	src:         url('../../jui/fonts/IcoMoon.eot');
	src:         url('../../jui/fonts/IcoMoon.eot?#iefix') format('embedded-opentype'),
				 url('../../jui/fonts/IcoMoon.svg#IcoMoon') format('svg'),
				 url('../../jui/fonts/IcoMoon.woff') format('woff'),
				 url('../../jui/fonts/IcoMoon.ttf') format('truetype');
	font-weight: normal;
	font-style:  normal;
}
