/* FILE: main/plugins/__beaver-builder.scss */

//
// Beaver Builder
//





.fl-builder {

	&.page-template {

		.site-content {
			padding: 0;
		}

		.content-area {
			width: 100%;
			max-width: 100%;
			padding: 0;
		}

	}

	.page-section + .site-main,
	.site-main + .page-section {
		margin-top: 0;
	}

	.page-section {
		@extend %content_width;

		&:first-child .page-title {
			padding-top: 3.62rem;
		}

	}

	&.is-singular {

		.posts .entry-header,
		.items .entry-header {
			display: block;
		}

	}

}



// Row

	.fl-row {

		&-fixed-width {

			.page-template & {
				@extend %content_width;
			}

			.fl-row-fixed-width {
				width: 100%;
				max-width: 100%;
			}

		}

	}



// Column

	.fl-col {
		max-width: 100%;



		&-small {

			.site & {
				max-width: 100%;
			}

		}



		&-group {

			@include responsive( map_get( $breakpoint, 'l' ) ) {
				width: 100%;
				width: calc( 100% + 3.24rem );
				margin: 0 -1.62rem;
			}

			.fl-row-full-width .fl-row-full-width & {
				width: 100%;
				margin-left: 0;
				margin-right: 0;

				@include responsive( map_get( $breakpoint, 'l' ), 'max-width' ) {
					padding-left: 1.62rem !important;
					padding-right: 1.62rem !important;
				}

			}

		}



		&-content {
			padding: 2.62rem 1.62rem;

			@include responsive( map_get( $breakpoint, 'l' ) ) {
				padding-top: 3.62rem;
				padding-bottom: 3.62rem;
			}

		}



		.sidebar {
			width: 100%;
		}

		&:first-child .sidebar {
			padding-left: 0;
			padding-right: 8%;
		}

	}



// Modules

	// Contact form

		.fl-input-group {
			margin-bottom: 1em;
		}

		.fl-contact-form {

			label {
				display: block;
			}

			input[type="submit"],
			input[type="text"],
			input[type="email"],
			textarea {
				width: 100%;
			}

		}



	// Text

		.fl-module-rich-text {

			h1, h2, h3,
			.h1, .h2, .h3,
			p,
			ol, ul,
			blockquote,
			.gallery,
			.tiled-gallery {

				&:last-child {
					margin-bottom: 0;
				}

			}

		}



	// Photo

		.fullwidth .fl-photo-content img {
			width: 100% !important;
		}



// "Templates" custom post type

	.single-fl-builder-template {

		.content-area {
			width: 100%;
			max-width: 100%;
			padding: 0;
		}

		.site-main > .entry {
			float: none;
			width: 100%;
		}

		.sidebar {
			display: none;
		}

	}