.layout-container {
	position: relative;
  	min-height: 100vh;
	#content-wrap {
		// padding-bottom: 430px;
		// @include breakpoint($breakpoint-l) {
		// 	padding-bottom: 300px;
		// }
	}
	.layout-footer {
		position: relative;
		bottom: 0;
		width: 100%;
		// height: 430px;
		@include breakpoint($breakpoint-l) {
			// height: 300px;
		}
	}
}


.layout-content {
	padding: 0;
	margin-top: -23px;
	@include breakpoint($breakpoint-l) {
		margin-top: 0;
	}
	// background: $grey-3 url(../images/pattern.jpg) repeat;
	// background-size: 70%;
	.region-content {
		position: relative;
		// margin: 0 auto;
		// max-width: 1200px;
		// background: #fff;
		// padding: 20px 20px 0;
		// @include breakpoint($breakpoint-l-max) {
		// 	padding: 0;
		// }
		// .content-top.inner {
		// 	padding: 0;
		// }
		.menu--main {
			.menu {
				display: block;
				justify-content: center;
				@include breakpoint($breakpoint-l) {
					display: flex;
				}
				.menu-item {
					a {
						display: block;
						background: #fff;
						border: 1px solid $border-color;
						padding: 1em 3em;
						margin: 0 1em;
						color: $color-alpha;
						&:hover,
						&.is-active {
							background: $border-color;
						}
					}
				}
			}
		}
	}
	nav.tabs {
		max-width: 1200px;
		margin: 0 auto;
	}
}

ul.tabs {
	margin: 0 0 0.5em;
	padding: 0;
	list-style: none;
	> li {
		display: inline-block;
		margin-right: 0.3em;
		padding: 5px 15px;
		background: #eee;
	}
}

.content-top.inner {
	max-width: 1200px;
	@include breakpoint($breakpoint-l-max){
		padding: 0;
	}
}

.node--type-event {
	.event-promo {
		height: auto;
		color: inherit;
		.event-promo--title {
			margin-top: 10px;
		}
		.event-promo--text {
			margin: 10px 25px;
		}
	}
}

.region-content {
	border-radius: 2rem;
	background: #fff;
	padding-bottom: 2rem;
	margin: 1rem 0.5rem 0.5rem;
	@include breakpoint($breakpoint-m) {
		margin: 1rem 2rem 2rem;
	}
	&::before{
		display: block;
		content: "";
		width: 100%;
		height: 200px;
		border-radius: 2rem 2rem 0 0;
		background: #f1f7f7 url(../images/bg-05.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center top;
		@include breakpoint($breakpoint-m) {
			height: 100px;
		}
	}
	.container.inner {
		width: 100%;
		margin: 0 auto;
		padding: 0;
		max-width: 1200px;
		@include breakpoint($breakpoint-l-max) {
			padding: 0;
		}
		.col-md-12 {
			margin: 0 auto;
		}
	}
}

.region-content-bottom {
	background: #f5f7f9;
	.container.inner {
		width: 100%;
		margin: 0 auto;
		padding: 0;
		max-width: 1200px;
		@include breakpoint($breakpoint-l-max) {
			padding: 0;
		}
		.col-md-12 {
			margin: 0 auto;
			> .content {
				display: flex;
				flex-wrap: wrap;
				justify-content: start;
			}
		}
	}
}

.taxonomy-term {
	.container.inner,
	.content-top.inner {
		margin: 1rem auto;
		max-width: 1200px;
		@include breakpoint($breakpoint-l-max) {
			padding: 0;
		}
		.col-md-12 {
			margin: 0 auto;
		}
	}
	.term-promo {
		position: relative;
		display: none;
		@include breakpoint($breakpoint-l) {
			display: block;
		}
		img {
			width: 100%;
			height: auto;
		}
		.term-promo--text {
			position: absolute;
			top: 1rem;
			left: 2rem;
			color: $color-beta;
			h1,h2,h3,h4 {
				color: $color-beta;
			}
		}
		.field--name-field-image {
			position: relative;
			&:after {
				content: "";
				position: absolute;
				top: 0;
				left: 0;
				display: block;
				width: 100%;
				height: 70%;
				background: rgb(64,64,64);
				background: linear-gradient(180deg, rgba(64,64,64,1) 0%, rgba(255,255,255,0) 60%);
				opacity: 0.7;
			}
		}

		@include breakpoint($breakpoint-l) {
			&.top-left {

			}
			&.top-center {
				.term-promo--text {
					right: 2rem;
					top: 1rem;
    				width: 100%;
    				text-align: center;
				}
			}
			&.top-right {
				.term-promo--text {
					right: 2rem;
					top: 1rem;
    				text-align: right;
				}
			}
			&.bottom-left {
				.term-promo--text {
					bottom: 1rem;
					top: initial;
				}
			}
			&.bottom-center {
				.term-promo--text {
					bottom: 1rem;
					top: initial;
					width: 100%;
    				text-align: center;
				}
			}
			&.bottom-right {
				.term-promo--text {
					bottom: 1rem;
					right: 2rem;
					top: initial;
					left: initial;
					text-align: right;
				}
			}

			&.top-left,
			&.top-center,
			&.top-right {
				.field--name-field-image {
					&:after {
						top: 0;
						background: linear-gradient(180deg, rgba(64,64,64,1) 0%, rgba(255,255,255,0) 60%);
					}
				}
			}
			&.bottom-left,
			&.bottom-center,
			&.bottom-right {
				.field--name-field-image {
					&:after {
						top: initial;
						bottom: 0;
						background: linear-gradient(0deg, rgba(64,64,64,1) 0%, rgba(255,255,255,0) 60%);
					}
				}
			}
		}
	}


}

.addtoany_list {
	display: inline-block;
	width: 100%;
	text-align: center;
	@include breakpoint($breakpoint-m) {
		width: auto;
		position: absolute;
		left: 50px;
		top: 130px;
		z-index: 2;
	}
}

.node--type--section-gallery {
	.field__item {
		&.field--name-body {
			height: auto;
		}
	}
}


.path-search {
	height: 100%;
	.layout-container {
		min-height: 100%;
		display: flex;
		flex-direction: column;
		align-items: stretch;
	}
	main {
		background-size: cover;
		position: relative;
		flex-grow: 1;
		min-height: 600px;
	}
}

.path-frontpage {
	.page-title,
	#block-uvtheme-page-title {
		display: none;
	}
	.region-content {
		border-radius: 2rem;
		background: #fff;
		margin: 1rem 0.5rem 0.5rem;
		@include breakpoint($breakpoint-m) {
			margin: 1rem 2rem 2rem;
		}

		&::before {
			display: block;
			content: "";
			width: 100%;
			height: 300px;
			border-radius: 2rem 2rem 0 0;
			background: #f1f7f7 url(../images/bg-08.jpg);
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center center;
		}
	}
}

#block-views-block-banners-block-big {
	margin: 30px auto;
	.views-row {
		margin: 20px 0;
		img {
			max-width: 100%;
			height: auto;
		}
	}
}

.path-checkout,
.path-composition {
	.page-title,
	#block-uvtheme-page-title {
		display: none;
	}
}

.path-composition {
	.tabs.primary {
		margin-bottom: 40px;
		li {
			font-size: 1.6em;
			.is-active {
				display: none;
			}
		}
	}
}


#block-checkoutprogress {
	margin: 0 auto;
	max-width: 1200px;
	padding: 0 20px;
	@include breakpoint($breakpoint-l-max){
		padding: 0;
	}

	.checkout-progress {
		display: block;
		border-bottom: 1px solid #eee;
		padding: 0.5rem;
		@include breakpoint($breakpoint-m) {
			display: flex;
			justify-content: space-around;
		}
		li {
			display: block;
			flex: none;
			text-align: left;
			font-size: 0.8em;
			color: #ccc;
			@include breakpoint($breakpoint-m) {
				text-align: center;
				margin-left: 0;
				font-size: 1.2em;
			}
			&.checkout-progress--step__current {
				font-size: 1.4em;
				color: $color-alpha;
			}
		}
	}
}

.eu-cookie-compliance-banner {
	font-size: 0.8em;
	p {
		font-size: 1em !important;
	}
}


#block-simpleinstagramfeed {
	margin-top: 2rem;
}


.node--view-mode-full,
.taxonomy-term--view-mode-full {
	.content-top.inner {
		background: #fff;
		padding: 1em;
		border-top: 2px solid $color-delta;
	}

	.section {
		border: 4px solid $grey-3;
		border-radius: 10px;
		margin-bottom: 2rem;
		padding: 0 0 10px;
		background: $grey-4;

		&.light {
			border-width: 2px;
			border-color: #ebeeee;
			background: none;

			.field {
				padding: 0.5rem 1rem;
			}

			h2, h4 {
				background-color: #ebeeee;
				color: inherit;
			}
		}

		h2,
		h4 {
			padding: 5px 15px;
			font-weight: 600;
			font-size: 16px;
			margin-top: 0;
			color: $grey-1;
			background: $grey-3;
		}
	}
}

.mailchimp-signup-subscribe-form {
	background: #fff;
	border-top: 2px solid $color-delta;
	padding: 1em;
}

.node--type-article,
.taxonomy-term.vocabulary-categories,
.taxonomy-term.vocabulary-counties {
	.news-promo--text {
		padding-bottom: 1rem;
		font-size: 13px;
		border-bottom: 1px solid #eee;
		margin-bottom: 1rem;
		// display: flex;
		.created {
			margin-right: 5px;
			border: 1px solid #ebeeee;
			border-width: 0 1px 1px 1px;
			border-radius: 0 0 5px 5px;
			margin: 0 5px 0 0;
			padding: 0 5px;
			width: 200px;
			text-align: center;
		}
	}
	.field--name-field-news-category {
		text-transform: uppercase;
		font-weight: 400;
		color: $grey-1;
	}
	.content-sidebar {
		.content {
			@include breakpoint($breakpoint-m) {
				width: 66%;
				margin-right: 2%;
				display: inline-block;
				vertical-align: top;
			}

			.project-title {
				background: $color-epsilon;
				padding: 20px;
				color: #fff;
				text-align: center;
				font-weight: 500;
			}
		}

		.sidebar {
			@include breakpoint($breakpoint-m) {
				display: inline-block;
				vertical-align: top;
				width: 31%;
			}

			.field--type-image {
				img {
					width: 100%;
					height: auto;
				}
			}
		}
	}
}