//
// Accordion
//

.qazana-accordion {
	text-align: $start;

	.qazana-accordion-item {
		border: 1px solid $gray-light;

		+ .qazana-accordion-item {
			border-top: none;
		}
	}

	.qazana-accordion-title {
		padding: 15px 20px;
		font-weight: bold;
		line-height: 1;
		cursor: pointer;

		.qazana-accordion-icon {
			display: inline-block;
			width: 1.5em;

			&.qazana-accordion-icon- {
				&right {
					float: right;
					text-align: right;
				}

				&left {
					float: left;
					text-align: left;
				}
			}
		}
	}

	.qazana-accordion-content {
		display: none;
		padding: 15px 20px;
		border-top: 1px solid $gray-light;
	}
}

// Responsive mode
@media (max-width: $screen-sm-max) {
	.qazana-accordion {
		.qazana-accordion-title {
			padding: 12px 15px;

			.qazana-accordion-icon {
				width: 1.2em;
			}
		}

		.qazana-accordion-content {
			padding: 7px 15px;
		}
	}
}
