/*
Theme Name: Overmountain Studios
Theme URI: https://overmountainstudios.com
Description: Child Theme for Westglow Luxury Resort & Spa
Author: Overmountain Studios
Author URI: https://overmountainstudios.com
Template: Impreza
Version: 1.0.0
*/

.mfp-title
{
	display: none!important;
}
/*
 * Header
 */
.menu_separated
{
	border-top: 1px dotted #ffffff;
	padding-top: .5rem;
	margin-top: .5rem;
}
	.overmountain_custom_nav_toggle
	{
		font-size: 1.5rem;
		color: #fffff;
		cursor: pointer;
		border: 1px solid #ffffff;
		line-height: 3rem;
		width: 3rem;
		height: 3rem;
		text-align: center;
		border-radius: 50%;
		display: block;
	}
	.nav_overlay
	{
		position: fixed;
		left: 0;
		right: 0;
		z-index: 999;
		background: rgba(0,0,0,.9);
		opacity: 0;
		top: -50px;
		bottom: 50px;
		pointer-events: none;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}
		.nav_overlay.active
		{
			top: 0;
			opacity: 1;
			bottom: 0;
			pointer-events: auto;
		}
		.nav_overlay_inner
		{
			max-width: 1440px;
			margin: 0 auto;
			height: 100%;
			position: relative;
		}
			.nav_overlay_inner .overmountain_custom_nav_toggle
			{
				position: absolute;
				top: 1.5rem;
				right: 1.5rem;
				color: #ffffff;
				z-index: 999;
			}
			.nav_overlay_inner:after 
			{
				content: "";
				position: absolute;
				right: 100%;
				bottom: 0;
				top: 0;
				left: -100vw;
				background: #2c3829;
			}
			.nav_pics
			{
				position: absolute;
				right: 0;
				left: 50%;
				width: 50%;
				top: 0;
				bottom: 0;
				z-index: 1;
			}
				.nav_pic_pane
				{
					position: absolute;
					top: 0;
					right: 0;
					left: 0;
					bottom: 0;
					background: #000000;
				}
				.nav_pic_item
				{
					position: absolute;
					top: 0;
					bottom: 0;
					background-position: left;
					background-size: cover;
					background-repeat: none;
					opacity: 0;
					right: -50px;
					left: 50px;
					-webkit-transition: all .3s ease-in-out;
					-moz-transition: all .3s ease-in-out;
					-ms-transition: all .3s ease-in-out;
					-o-transition: all .3s ease-in-out;
					transition: all .3s ease-in-out;
	
				}
					.nav_pic_item:before 
					{
						position: absolute;
						top: 0;
						left: 0;
						right: 0;
						bottom: 0;
						content: "";
						background: rgba(0,0,0,0.25);
					}
					.nav_pic_item.active 
					{
						right: 0;
						left: 0;
						opacity: 1;
						animation: kenburns-bg 5s ease-in-out 1;
					}
			.nav_main
			{
				background: #2c3829;
				width: 50%;
				height: 100%;
				display: flex;
				align-items: center;
				z-index: 2;
				position: relative;
			}
				
				.nav_main_inner
				{
					width: 100%;
					padding: 0 0 0 1.5rem;
					position: relative;
				}					
					.nav_overlay_logo 
					{
						display: block;
						max-width: 250px;
						position: absolute;
						top: 0;
						left: 0;
						padding: 1.5rem;
					}
					.nav_overlay_logo img
					{
						width: 100%;
					}			
					.primary_nav>ul
					{
						display: block;
						margin: 0;
						padding: 0;
					}
						.primary_nav>ul>li 
						{
							display: block;
							margin: 0;
							padding: 0;
							font-family: "Merriweather";
							font-weight: 100;
							color: #ffffff;	
							position: relative;
						}
						.primary_nav>ul>li>a 
						{
							display: block;
							color: rgba(255,255,255,.8);
							font-size: 1.8rem;
							line-height: 2;
							letter-spacing: 0.06rem;
							position: relative;
						}
							.primary_nav>ul>li .selection_marker 
							{
								position: absolute;
								font-size: 1rem;
								line-height: 3.6rem;
								top: 0;
								opacity: 0;
								right: 50px;
								-webkit-transition: all .3s ease-in-out;
								-moz-transition: all .3s ease-in-out;
								-ms-transition: all .3s ease-in-out;
								-o-transition: all .3s ease-in-out;
								transition: all .3s ease-in-out;
							}
								.primary_nav>ul>li:hover .selection_marker
								{
									opacity: 1;
									right: 3rem;
								}
							.primary_nav>ul>li .menu_inline-book_now
							{
								display: inline-block;
								position: absolute;
								right: 4rem;
								top: .5rem;
								background: rgba(255,255,255,0.9);
								color: #2c3829;
								border-radius: .3rem;
								font-size: .8rem;
								line-height: 2.6rem;
								padding: 0 1.5rem;
								text-align: center;
								font-family: "Merriweather";
								font-weight: 700;
								margin: 0 3rem 0 0;
								-webkit-transition: all .3s ease-in-out;
								-moz-transition: all .3s ease-in-out;
								-ms-transition: all .3s ease-in-out;
								-o-transition: all .3s ease-in-out;
								transition: all .3s ease-in-out;
							}
								.primary_nav>ul>li .menu_inline-book_now:hover 
								{
									background: #222222!important;
								}
						.primary_nav>ul>li>ul 
						{
							position: absolute;
							top: 0;
							left: calc(100% - 50px);
							pointer-events: none;
							opacity: 0;
							margin: 0;
							padding: 0 0 0 3rem;
							-webkit-transition: all .3s ease-in-out;
								-moz-transition: all .3s ease-in-out;
								-ms-transition: all .3s ease-in-out;
								-o-transition: all .3s ease-in-out;
								transition: all .3s ease-in-out;
						}
							.primary_nav>ul>li:hover>ul 
							{
								opacity: 1;
								pointer-events: auto;
								left: 100%;
							}
							.primary_nav>ul>li>ul>li 
							{
								display: block;
								margin: 0;
							}
							.primary_nav>ul>li>ul>li>a
							{
								display: block;
								font-size: 1.25rem;
								color: #ffffff;
								width: 300px;
								padding: .5rem 0;
								font-weight: bold;
							}
							.primary_nav>ul>li>ul>li>a .selection_marker
							{
								display: none!important;
							}
					.secondary_nav
					{
						margin: 1rem 3rem 1rem 0 ;
						padding: 1rem 0 ;
						border: dotted rgba(255,255,255,0.7);
						border-width: 1px 0;
					}
					.secondary_nav>ul 
					{
						display: block;
						margin: 0;
						padding: 0;
					}
						.secondary_nav>ul>li 
						{
							display: block;
							margin: 0;
							padding: 0;
							font-family: "Merriweather";
							font-weight: 100;
							color: #ffffff;							
						}
							.secondary_nav>ul>li>a 
							{
								display: block;
								color: rgba(255,255,255,.8);
								font-size: 1rem;
								line-height: 2;
								letter-spacing: 0.06rem;
								position: relative;

							}
					.primary_nav>ul:hover>li>a:not(.menu_inline-book_now),
					.secondary_nav>ul:hover>li>a
					{
						color: rgba(255,255,255,0.5)!important;
					}
						.primary_nav>ul:hover>li>a:hover,
						.secondary_nav>ul:hover>li>a:hover
						{
							color: rgba(255,255,255,.8)!important;
						}
					.nav_book_now
					{
						display: block;
						background: rgba(255,255,255,0.9);
						color: #2c3829;
						border-radius: .3rem;
						font-size: 1rem;
						line-height: 3;
						padding: 0 1.5rem;
						text-align: center;
						font-family: "Merriweather";
						font-weight: 700;
						margin: 0 3rem 0 0;
						-webkit-transition: all .3s ease-in-out;
						-moz-transition: all .3s ease-in-out;
						-ms-transition: all .3s ease-in-out;
						-o-transition: all .3s ease-in-out;
						transition: all .3s ease-in-out;
					}
						.nav_book_now:hover 
						{
							background: #222222;
							color: #ffffff!important;
						}

#ot-widget-container6
{
	width: 840px;
	margin: 0 auto;
}
	#ot-widget-container6 iframe 
	{
		width: 100%!important;
	}
.ot-title
{
	display: none!important;
}

@keyframes kenburns-bg {
  0% {
    background-size: auto 110%;
    background-position: top left;
  }
  100% {
    background-size: auto 100%; /* Zoom in slightly */
    background-position: left; /* Pan direction */
  }
}