/**
 * Page title banner specific styles
 * 
 */

/** General */
	.page-title-banner {
		color: #fff;
		text-align: center;
		background-color: #132a37;
		box-sizing: border-box;
		padding: 0;
		position: relative;
	}


		.page-title-banner .item {
			width: 100%;
			height: 200px;
			overflow: hidden;
			display: flex;
			align-items: center;
			position: relative;
		}
		.page-title-banner.homepage-banner .item {
			height: 700px;
		}

			.page-title-banner .item img {
				width: 100%;
				height: 100%;
				border-radius: 0;
				max-width: none;
				object-fit: cover;
			}

			.page-title-banner .caption {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
				z-index: 2;
				text-align: left;
				color: #fff;
			}
			.page-title-banner.homepage-banner .caption {
				text-align: left;
			}

				.page-title-banner .container {
					width: 100%;
					display: block;
				}
				section.include-nav.page-title-banner .container {
					padding-left: 40px;
					padding-right: 40px;
				}

					.page-title-banner .homepage-block {
						width: 40%;
					}

						.flexible-content.page-title-banner h1 {
							font-weight: 900;
							font-size: 40px;
							line-height: 1.15em;
							text-transform: uppercase;
							letter-spacing: 0;
							color: #fff;
							margin: 0;
						}
						.flexible-content.page-title-banner h2 {
							font-weight: 900;
							font-size: 40px;
							line-height: 1.15em;
							text-transform: uppercase;
							letter-spacing: 0;
							color: #fff;
							text-align: left;
							margin: 0;
						}

						.page-title-banner h4 {
							font-size: 28px;
							margin: .6em 0 0;
							font-weight: 300;
							letter-spacing: 0;
							color: #fff;
						}

			.page-title-banner .overlay {
				position: absolute;
				width: 100%;
				height: 100%;
				z-index: 1;
				background: rgba(19, 42, 55, 0.5);
				top: 0;
				left: 0;
			}


/** Banner Pagination */
	.page-title-banner.include-pagination .owl-dots {
		text-align: center;
		height: 16px;
		position: absolute;
		margin: 0;
		bottom: 1em;
		left: 0;
		width: 100%;
	}
	
	.page-title-banner.include-pagination .owl-dot {
		border: 4px solid #FFF;
		background-color: transparent;
		width: 15px;
		height: 15px;
		border-radius: 50%;
		display: inline-block;
		margin: 0 5px;
	}

	.page-title-banner.include-pagination .owl-dot.active {
		border-color: #FFF;
		background: #FFF;
	}


/** Owl Carousel Nav */
	.page-title-banner.owl-carousel.include-nav {
		padding: 0;
	}
	
	.page-title-banner.owl-carousel .owl-prev {
		background-image: url('/images/icons/arrow-left.svg');
		background-position: center left;
		left: 0;
	}

	.page-title-banner.owl-carousel .owl-next {
		background-image: url('/images/icons/arrow-right.svg');
		background-position: center right;
		right: 0;
	}


/** Responsive */
	@media only screen and (max-width: 1084px) {
		
		.page-title-banner.homepage-banner .item {
			height: 500px;
		}

		.page-title-banner .homepage-block {
			width: 60%;
		}

	}

	@media only screen and (max-width: 768px) {

		.page-title-banner .item {
			height: 200px;
		}

			.flexible-content.page-title-banner h2 {
				font-size: 28px;
			}

			.page-title-banner h4 {
				font-size: 16px;
			}

			.page-title-banner .button {
				font-size: 14px;
				padding: 0.5em 1.2em;
			}
		
		.page-title-banner.homepage-banner .item {
			height: 400px;
		}

			.page-title-banner .homepage-block {
				width: 100%;
			}

	}

	@media only screen and (max-width: 560px) {

		.page-title-banner.homepage-banner .item {
			height: 350px;
		}

	}

	@media only screen and (max-width: 479px) {

		header #logo {
			width: 48%;
		}

			header #logo a {
				width: 100%;
			}

		header .links {
			width: 48%;
			order: 2;
			display: flex;
			justify-content: flex-end;
			height: 60px;
		}

			header .links a {
				margin-right: 13px;
			}
			header .links a:last-child {
				margin-right: 0;
			}

	}