revealability

Back Back Up Advanced Editor

.theme-accordion-s1 {
	margin-bottom: 0;

.panel-default {
		background: transparent;
		border: 0;
		border-radius: 0;
		box-shadow: none;
	}

.panel-heading {
		background-color: transparent;
		padding: 0;
		border-radius: 0;
	}

.panel+.panel {
		margin-top: 15px;
	}

.panel-heading a {
		background: $theme-primary-color;
		font-size: 16px;
		font-size: calc-rem-value(16);
		font-weight: 600;
		color: $white;
		display: block;
		padding: 18px 25px;
		position: relative;

@include media-query(991px) {
			font-size: 15px;
			font-size: calc-rem-value(15);
			padding: 15px 25px;
        }

@include media-query(767px) {
			padding: 12px 15px;
        }

&:before {
			font-family: "themify";
			content: "\e64b";
			font-size: 15px;
			font-size: calc-rem-value(15);
			position: absolute;
			right: 25px;
			-webkit-transform: rotate(180deg);
			transform: rotate(180deg);
			@include transition-time(0.3s);

@include media-query(991px) {
				font-size: 18px;
				font-size: calc-rem-value(18);
				right: 20px;
	        }
		}

&:focus {
			text-decoration: none;
		}
	}

.panel-heading .collapsed {
		background-color: #fff;
		color: $heading-color;
		box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
	}

.panel-heading .collapsed:before {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

.panel-heading+.panel-collapse>.panel-body {
		background-color: #fff;
		border: 0;
		padding: 40px 25px 15px;
		box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);

@include media-query(991px) {
			padding: 20px 25px 10px;
			font-size: 15px;
			font-size: calc-rem-value(15);
		}

@include media-query(767px) {
			padding: 15px 15px 8px;
		}

p {
			margin-bottom: 1.3em;
		}
	}
}