//
// Toggle
//

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

	.qazana-toggle-title {
		font-weight: bold;
		line-height: 1;
		padding: 15px;
		border-bottom: 1px solid $gray-light;
		cursor: pointer;

		.qazana-toggle-icon {
			display: inline-block;
			width: 1em;

			.fa {

				&:before {
					content: getValueByDirection('\f0da', '\f0d9');
				}
			}
		}

		&.active {
			border-bottom: none;

			.qazana-toggle-icon {

				.fa {

					&:before {
						content: '\f0d7';
					}
				}
			}
		}
	}

	.qazana-toggle-content {
	    padding: 0 15px 15px;
		border-bottom: 1px solid $gray-light;
	    display: none;
	}
}

// Responsive mode
@media (max-width: $screen-sm-max) {

	.qazana-toggle {

		.qazana-toggle-title {
			padding: 12px;
		}

		.qazana-toggle-content {
			padding: 0 12px 10px;
		}
	}
}