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

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

		.page-title-banner .item {
			width: 100%;
			padding: 2em 0;
			min-height: 250px;
			overflow: hidden;
			display: flex;
			align-items: center;
			justify-content: center;
			position: relative;
			background-position: center;
			background-size: cover;
		}
		.page-title-banner.homepage-banner .item {
			height: 650px;
		}

		.page-title-banner .item.left{
			justify-content: flex-start;
		}
			.page-title-banner .item.left .caption{
				text-align: left;
			}
		.page-title-banner .item.centre{
			justify-content: center;
		}
			.page-title-banner .item.centre .caption{
				text-align: center;
			}
		.page-title-banner .item.right{
			justify-content: flex-end;
		}
			.page-title-banner .item.right .caption{
			  text-align: right;
			}
			.page-title-banner .caption {
				width: 50%;
				height: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
				z-index: 2;
				text-align: center;
				color: #fff;
			}

				.page-title-banner .container {
					display: block;
				}
				section.include-nav.page-title-banner .container {
					padding-left: 60px;
					padding-right: 60px;
				}

					.flexible-content.page-title-banner h1 {
						margin: 0;
						/*font-weight: 500;*/
						font-size: 38px;
						color: #fff;
					}

					.flexible-content.page-title-banner h2 {
						margin: 0;
						/*font-weight: 500;*/
						font-size: 38px;
						color: #fff;
					}

					.page-title-banner h3 {
						font-size: 34px;
						margin: .6em 0 .6em 0;
						font-weight: 400;
						color: #fff;
						font-family:"Born Ready W05 Regular" !important;
						font-style:normal;
    				/*-webkit-font-smoothing: antialiased;*/
    				/*-webkit-text-stroke-width: 0.2px;*/
    				/*-moz-osx-font-smoothing: grayscale;*/
						text-transform:none;
						letter-spacing:1px;
					}

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

			.breadcrumbs{
				margin: 0;
				font-size: 1em;
				color: #444;
				line-height: 1em;
			  }
			  	.breadcrumbs .content{
					padding: 18px 0;
					border-bottom: solid 1px #e1e1e1;
				}
				.breadcrumbs p {
				  margin: 0;
				  width: auto;
				  line-height: 40px;
				  float: left;
				}
				form.woocommerce-ordering {
				  color: #4d4d4d;
				  order: 2;
				  margin: 0;
				  position: relative;
				  padding: 0;
				  height: 40px;
				  border: solid 1px rgb( 238, 238, 238 );
				  opacity: 1;
				  float: right;
				}
				  form.woocommerce-ordering select {
					cursor: pointer;
					text-transform: uppercase;
					color: #444444;
					-webkit-appearance: none;
					-moz-appearance: none;
					padding: 0 1em;
					height: 100%;
					margin: 0 0 0;
					border: none;
					font-size: .9em;
				 }
				  form.woocommerce-ordering::after {
					content: '';
					position: absolute;
					right: 20px;
					top: 10px;
					height: 15px;
					width: 15px;
					background-image: url(/images/icons/down.svg);
					background-position: center;
					background-size: contain;
					background-repeat: no-repeat;
					transition: all .5s;
				  }


/** 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: 3px solid #FFF;
		background-color: #4d596a;
		width: 12px;
		height: 12px;
		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;
		max-width: 1600px;
		margin: 0 auto;
	}

	.page-title-banner.owl-carousel .owl-prev {
		background-image: url('/images/icons/arrow-left.svg');
	}

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


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

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

			.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 .caption {
				width: 90%;
			}

				section.include-nav.page-title-banner .container {
					padding-left: 10px;
					padding-right: 10px;
				}

				/* WKMODS */
				.page-title-banner h1 {
					font-size: 30px !important;
				}
				.page-title-banner h2 {
					font-size: 30px !important;
				}
				.page-title-banner h3 {
					font-size: 30px !important;
				}
				/* */
	}