/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/
.entry-title, h2, h3 {
	color: #133A60;
}

.front-page-content-area .entry-title {
	font-weight: 600;
}

.front-testimonials {
	background-color: rgba(134,160,132,0.3);
}

.hero-container-inner .hentry {
	border-color: rgb(168,186,206);
}

.main-navigation a:hover, .main-navigation li.current-menu-ancestor>a, .main-navigation li.current-menu-item>a, .main-navigation li.current_page_ancestor>a, .main-navigation li.current_page_item>a, .main-navigation ul>.focus>a, .main-navigation ul>:hover>a, .menu-toggle:focus, .menu-toggle:hover {
	color: rgb(168,186,206);
}

.banner_text h2 {
	color: #fff;
	font-family: 'Playfair Display', sans-serif;
	font-size: 65px;
	font-weight: 400;
	letter-spacing: -2px;
	text-align: center;
	margin-bottom: 0;
}

.banner_text p {
	text-align: center;
	font-family: 'Lato';
	color: #fff;
	font-size: 18px;
	line-height: 29px;
	max-width: 900px;
	margin: 0 auto;
	line-height: 33px;
}

.page-id-1712 .content-wrapper.full-width.with-featured-image {
	margin: 0;
	width: 100%;
	padding: 0 0 50px;
}

.page-id-1712 .hero {
	position: relative;
}

.page-id-1712 .hero::after {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	position: absolute;
	content: "";
	top: 0;
	left: 0;
}

.page-id-1712 .banner_text {
	position: absolute;
	top: -360px;
	z-index: 99;
	left: 0;
	width: 100%;
}

.page-id-1712 .content-wrapper.full-width .content-area {
	float: none;
	width: 100%;
	max-width: 100%;
}

.silder_area {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.silde {
	width: 65%;
}

.silde .slide_img {
	height: 509px;
	width: 96%;
	background: #000;
}

.text_area {
	width: 35%;
}

.page-id-1712 h1.entry-title {
	display: none;
}

.para_cont {
	max-width: 1140px;
	margin: 57px auto 97px;
	padding: 0 15px;
}

.silde .slide_img {
	background: url('https://theolneyhouse.ca/wp-content/uploads/2025/08/yellowext.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center !important;
	animation: data 40s linear infinite;
}

@keyframes data {
	0% {
		background: url('https://theolneyhouse.ca/wp-content/uploads/2025/08/primaryensuite.jpg');
	}
	
	10% {
		background: url('https://theolneyhouse.ca/wp-content/uploads/2025/08/primarybedroom.jpg');
	}
	
	20% {
		background: url('https://theolneyhouse.ca/wp-content/uploads/2025/08/mainlevelqueen.jpg');
	}
	
	30% {
		background: url('https://theolneyhouse.ca/wp-content/uploads/2025/08/mainlevelking.jpg');
	}
	
	40% {
		background: url('https://theolneyhouse.ca/wp-content/uploads/2025/08/lowerlevelqueen.jpg');
	}
	
	50% {
		background: url('https://theolneyhouse.ca/wp-content/uploads/2025/08/lowerlevellivingroom.jpg');
	}
	
	60% {
		background: url('https://theolneyhouse.ca/wp-content/uploads/2025/08/lowerleveldoublequeen.jpg');
	}
	
	70% {
		background: url('https://theolneyhouse.ca/wp-content/uploads/2025/08/kitchen.jpg');
	}
	
	80% {
		background: url('https://theolneyhouse.ca/wp-content/uploads/2025/08/diningroom.jpg');
	}
	
	90% {
		background: url('https://theolneyhouse.ca/wp-content/uploads/2025/08/yellowdeck.jpg');
	}
	
	100% {
		background: url('https://theolneyhouse.ca/wp-content/uploads/2025/08/deckwithview.jpg');
	}
}

.tab_container {
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 15px;
}

.tab_area .tab {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	border-bottom: 4px solid #133b61;
	background: #efefef;
	justify-content: space-between;
}

.tab_area .tab  a {
	background: #efefef;
	padding: 15px 40px;
	font-weight: 700;
	font-family: 'Lato';
	color: #133b61;
	text-transform: uppercase;
	border: 0 !important;
}

.tab_area .tab  a:hover, .tab_area .tab  a:focus {
	background: #133b61;
	color: #fff;
}

.tabcontent {
	background: #efefef;
	padding: 40px;
	margin-top: 34px;
	border-radius: 12px;
}

.page-id-1712 .entry-content {
	background: #f1f1f1;
}

.tab_area {
	background: #fff;
	padding: 100px 0 50px;
}

html {
	scroll-behavior: smooth;
}

.text_area {
	padding-right: 35px;
}

@media screen and (max-width:991px) {
.page-id-1712 .entry-thumbnail {
    height: 359px !important;
	min-height:auto !important;
}
	.page-id-1712 .banner_text {
    top: -204px !important;
    padding: 0 20px;
}
.page-id-1712 .banner_text {
        top: -148px;
        padding: 0 20px;
    }
	
	.silder_area {
		flex-direction: column;
	}
	
	.silde {
		width: 100%;
	}
	
	.silde .slide_img {
		height: 462px;
		width: 100%;
	}
	
	.text_area {
		width: 100%;
		padding: 41px 15px 0;
	}
	
	.para_cont {
		margin: 23px auto 97px;
		padding: 0 15px;
	}
	
	.tab_area .tab a {
		padding: 13px 26px;
	}
	.form_area_new {
    padding: 0 0px 0 0;
    width: 100% !important;
}
	.form_new div#contact-form-1712 {
    width: 100% !important;
}
	.silder_area {
    margin-top: 55px;
}
}

@media screen and (max-width:767px) {
	.banner_text h2 {
		font-size: 43px;
	}
	
	.tab_area .tab {
		justify-content: flex-start;
	}
	
	.tab_area {
		background: #fff;
		padding: 61px 0 50px;
	}
	
	.para_cont {
		margin: 23px auto 52px;
	}
	
	.silde .slide_img {
		height: 351px;
		width: 100%;
	}
	
	.tabcontent {
		padding: 15px;
	}
	.page-id-1712 .entry-thumbnail {
       height: 208px;
    }
	
.page-id-1712 .banner_text {
        top: -219px !important;
        padding: 0 20px;
    }
}

.tabcontent  h3 {
	color: #133A60;
	font-size: 20px;
	margin-bottom: 15px;
}

.form_new {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
}

.form_new div#contact-form-1712 {
	width: 50%;
}

.form_new .contact-form .grunion-field-wrap input, .form_new .contact-form .grunion-field-wrap textarea {
	width: 100%;
}

.form_area_new {
	padding: 0 57px 0 0;
	width: 48%;
}
.form_new .contact-form .grunion-field-wrap input, .form_new .contact-form .grunion-field-wrap textarea {
    width: 100%;
    background: #fff;
}