@import '../../variables.less';
@import '../../mixins.less';

/**********************
real-fields/heading.less
*************************/
.ecf-output-fields-wrapper {

	&.ecf-customizer {
		.box-shadow(0 -1px 0 @grey_3, 0 -15px 0 @grey_2;);
		background: @white;

		> .ecf-heading {
			.box-shadow(none);
			padding: 12px 40px;
			margin-top: -1px;

			&.ecf-sr-1 {
				border-top-width: 0;
			}
		}
	}

	.ecf-field-group {
		.ecf-heading {
			margin-left: -1px;
			margin-right: -1px;
	    border-width: 1px;
	    background: @grey_2;
		}
	}

	.ecf-accordion-wrapper {
		.ecf-heading {
			.box-shadow(0 -16px 0 @grey_0);
			background: @grey_1;
			margin-left: -60px;
			margin-right: -20px;
			padding-left: 59px;
		}
	}

	.ecf-tabs-wrapper {
		.ecf-heading {			
			background: @grey_1;
			border-left-width: 1px;
			margin-left: -22px;
			margin-right: -25px;
			padding-left: 21px;
			border-right-width: 0;
		}
	}

	.ecf-heading {
		.box-shadow(0 -16px 0 @white);
		background: @grey_1;
		border: 1px solid @grey_3;
		border-width: 1px 0;
		margin: 15px -24px;
		padding: 12px 24px;
		position: relative;
		&.ecf-sr-1 {
			.box-shadow(none);
			margin-top: -1px;
		}
		&.ecf-is-last {
			margin-bottom: 0;
		}
		h3, p {
			margin: 0;
		}
		h3 {
			color: @text_2;
			font-size: 18px !important;
			font-weight: 600;
			line-height: 1.1;
			text-transform: uppercase;
		}
		p {
			font-size: 15px;
			color: @text_2;
		}
	}

}