/*
 Theme Name:   Inn of the Mountain Gods - GeneratePress Child
 Theme URI:    https://foundryideas.com
 Description:  Inn of the Mountain Gods - GeneratePress Child
 Author:       Foundry
 Author URI:   https://foundryideas.com
 Template:     generatepress
 Version:      1.0.1
*/

@media screen and (max-width: 600px) {
	.global-amenity-alert-box {
		width: 100%;
	}
	.global-amenity-alert-box .kt-blocks-info-box-link-wrap {
		flex-direction: column;
	}
	.global-amenity-alert-box
		.kt-blocks-info-box-link-wrap
		.kt-blocks-info-box-media-container
		.kt-blocks-info-box-media {
		margin-right: 0 !important;
		margin-bottom: 1.25rem !important;
	}
}

/* Adjust Theme Navigation */
.sticky-enabled .main-navigation.is_stuck {
	box-shadow: 0 4px 4px -4px rgba(0, 0, 0, .4);
}
.inside-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.site-logo {
    display: block;
    max-width: none;
}
.navigation-branding img, .site-logo.mobile-header-logo img {
    width: 190px !important;
	height: unset !important;
	padding: 0;
}
.nav-float-right .navigation-stick .navigation-branding {
    margin-right: initial;
}
.main-navigation.has-sticky-branding:not(.grid-container) .inside-navigation:not(.grid-container) .navigation-branding {
    margin-left: 0;
}
.main-navigation.has-sticky-branding:not(.grid-container) .inside-navigation:not(.grid-container) .navigation-branding {
    margin-left: 0;
}
.navigation-branding img, .site-logo.mobile-header-logo img {
	height: unset !important;
	width: 190px !important;
	padding: 0 !important;
}
.flex-book {
	order:4;
	font-size: .9rem;
	font-weight: 900;
	color: #bc962c;
}
.flex-book.sticky {
	display: none;
}
.is_stuck .flex-book.sticky,
.flex-book.mobile {
	order:4;
	display: inline-block;
	color: #bc962c;
}
.nav-align-right .inside-navigation {
	justify-content: space-between;
}

.inside-header .inside-navigation .menu-toggle, 
.inside-header .mobile-menu-control-wrapper .menu-toggle {
    padding-left: 10px !important;
    padding-right: 10px !important;
	order: 0 !important;
	background-color: transparent;
}
#sticky-placeholder {
	display: none !important;
}
.inside-header {
	padding: 0;
	margin: 0;
}
.main-navigation .inside-navigation {
	justify-content: space-between !important;
}
.inside-header .site-logo, 
.inside-header .main-navigation .inside-navigation .navigation-branding {
	order: 2;
}
.inside-header .mobile-menu-control-wrapper {
	order: 1;
	margin-left: 0;
}
.inside-header .mobile-menu-control-wrapper  .flex-book.mobile {
	display: none;
}
.inside-header .flex-book.mobile {
	display: block;
}
#primary-menu {
	display: none;
	order: 3;
}

@media screen and (min-width: 1024px) {
	.inside-header .site-logo {
		order: 0;
	}
	.inside-header .mobile-menu-control-wrapper .flex-book.mobile {
		display: none;
	}
	.inside-header .flex-book.mobile {
		display: block;
	}
	.flex-book.mobile {
		order: 4;
	}
	.nav-float-right #site-navigation {
		margin-left: unset;
	}
	#primary-menu {
		display: block;
	}
}

/* Subscribe - Gravity Form Overrides */
/* Form ID=26 */
input#gform_submit_button_26, input#gform_submit_button_25 {
    background-color: #454545 !important;
    color: #fff !important;
	border-width: 1px;
    border-radius: 10px;
	border-color: #444444;
	font-weight: 700;
}

input#gform_submit_button_26:hover, input#gform_submit_button_25:hover {
    color: #fff;
	background-color: #7ca6ad !important;
    border-color: #7ca6ad;
}

#gform_26 input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    line-height: 1.85rem;
	border-radius: 0;
}

@media screen and (min-width: 1024px) {
	input#gform_submit_button_26, input#gform_submit_button_26 {
		border-radius: 0 10px 10px 0;
	}
	#gform_26 input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
		border-radius: 10px 0 0 10px;
	}
  }

/* Booking Widget */
.booking-block {
	width: 100%;
  }
  @media screen and (min-width: 1024px) {
	.booking-block {
	  width: 1025px;
	  margin: 0 auto;
	}
  }
  .booking-block .booking-block-container {
	display: grid;
	grid-template-columns: auto;
	grid-template-rows: auto auto auto;
	grid-template-areas: "left" "." "right";
	background: #fff;
	border: 2px solid #e1e1e1;
	font-family: "Hind", sans-serif;
  }
  @media screen and (min-width: 1024px) {
	.booking-block .booking-block-container {
	  grid-template-columns: 25% 75%;
	  grid-template-areas: "left right";
	  grid-template-rows: auto;
	  flex-direction: row;
	  margin: 0 auto;
	}
  }
  .booking-block .booking-block-container .booking-block__left {
	grid-area: left;
	background: url("https://innofthemountaingods.com/wp-content/uploads/2023/12/room-651-booking-background-300x300.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	position: relative;
	padding: 25px;
	box-sizing: border-box;
	display: none;
	grid-template-columns: auto;
	grid-template-rows: 33% 33% 33%;
	grid-template-areas: "subtitle" "title" "footer";
  }
  .booking-block .booking-block-container .booking-block__left:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	/* background: rgba(0, 0, 0, 0.25); */
	width: 100%;
	height: 100%;
  }
  @media screen and (min-width: 1024px) {
	.booking-block .booking-block-container .booking-block__left {
	  display: grid;
	}
  }
  .booking-block .booking-block-container .booking-block__left .subtitle {
	grid-area: subtitle;
	align-self: start;
	color: #fff;
	z-index: 2;
	font-size: 22px;
	font-weight: 300;
	text-align: center;
	text-transform: uppercase;
  }
  .booking-block .booking-block-container .booking-block__left .title {
	grid-area: title;
	color: #fff;
	z-index: 2;
	text-align: center;
	font-size: 36px;
	font-weight: 700;
	text-transform: uppercase;
	align-self: center;
  }
  .booking-block .booking-block-container .booking-block__left .title span {
	display: block;
	font-size: 24px;
	text-transform: none;
  }
  .booking-block .booking-block-container .booking-block__left .footer {
	grid-area: footer;
	color: #fff;
	z-index: 2;
	align-self: end;
	text-align: center;
  }
  .booking-block .booking-block-container .booking-block__left .footer a {
	color: #fff;
  }
  .booking-block .booking-block-container .grid-col-span-4 {
	grid-column: unset;
  }
  @media screen and (min-width: 1024px) {
	.booking-block .booking-block-container .grid-col-span-4 {
	  grid-column: span 4;
	}
  }
  .booking-block .booking-block-container .grid-col-border__right {
	border-right: 2px none #e1e1e1;
  }
  @media screen and (min-width: 1024px) {
	.booking-block .booking-block-container .grid-col-border__right {
	  border-right: 2px solid #e1e1e1;
	}
  }
  .booking-block .booking-block-container .booking-block__right {
	grid-area: right;
	width: 100%;
	display: inline-block;
	gap: 1rem;
	grid-template-columns: repeat(4, 1fr);
	padding: 30px 0 0 30px;
	box-sizing: border-box;
  }
  @media screen and (min-width: 1024px) {
	.booking-block .booking-block-container .booking-block__right {
	  display: grid;
	}
  }
  .booking-block .booking-block-container .booking-block__right .booking-block__title h3 {
	font-size: 34px;
	text-transform: uppercase;
	font-weight: 200;
	color: #707070;
	margin: 0;
	padding-bottom: 20px;
  }
  @media screen and (min-width: 1024px) {
	.booking-block .booking-block-container .booking-block__right .booking-block__title h3 {
	  padding-bottom: 0;
	}
  }
  .booking-block .booking-block-container .booking-block__right .booking-block__subtitle {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
	color: #707070;
  }
  .booking-block .booking-block-container .booking-block__right .booking-block__column {
	width: 100%;
	position: relative;
  }
  .booking-block .booking-block-container .booking-block__right .booking-block__column input {
	width: calc(100% - 20px);
	border: 0;
	border-bottom: 2px solid #fff;
	padding: 8px 0;
	box-sizing: border-box;
	color: #707070;
	background-color: #fff;
	transition: all 0.2s ease;
	font-weight: 600;
	font-size: 17px;
    line-height: 1.5;
  }
  @media screen and (min-width: 1024px) {
	.booking-block .booking-block-container .booking-block__right .booking-block__column input {
	  width: calc(100% - 30px);
	}
  }
  .booking-block .booking-block-container .booking-block__right .booking-block__column input:focus {
	outline: none;
	border-bottom-color: #AFD275;
	background-color: rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
  }
  .booking-block .booking-block-container .booking-block__right .booking-block__column input::placeholder {
	color: rgba(0, 0, 0, 0.54);
	opacity: 0.5;
  }
  .booking-block .booking-block-container .booking-block__right .booking-block__column input:-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.54);
  }
  .booking-block .booking-block-container .booking-block__right .booking-block__column input::-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.54);
  }
  .booking-block .booking-block-container .booking-block__right .booking-block__column .booking-block__dropdown {
	width: 100%;
  }
  .booking-block .booking-block-container .booking-block__right .booking-block__column select {
	margin-bottom: 1em;
	border: 0;
	width: calc(100% - 30px);
	font-weight: 500;
	font-size: 24px;
	text-align: center;
	line-height: 32px;
	letter-spacing: 0.15em;
	border-radius: 0;
	border-bottom: 2px solid #fff;
	padding: 8px 0;
	box-sizing: border-box;
	color: #707070;
	background-color: #fff;
	transition: all 0.2s ease;
  }
  .booking-block .booking-block-container .booking-block__right .booking-block__column select:focus, .booking-block .booking-block-container .booking-block__right .booking-block__column select:active {
	outline: 0;
	outline: none;
	background-color: #fff;
	box-sizing: border-box;
  }
  .booking-block .booking-block-container .booking-block__right .booking-block__column:last-child {
	grid-column: 3;
	grid-column: 3/span 2;
  }
  .booking-block .booking-block-container .booking-block__right .buttons {
	display: inline-block;
	margin: 0 -4px 10px 0;
	padding: 10px 0;
	width: calc(100% - 30px);
  }
  @media screen and (min-width: 1024px) {
	.booking-block .booking-block-container .booking-block__right .buttons {
	  display: flex;
	  align-self: flex-end;
	  margin: 0 -4px 0 0;
	  padding-bottom: 0;
	  width: 100%;
	}
  }
  .booking-block .booking-block-container .booking-block__right .buttons button.booking-btn_primary {
	background: #7ca6ad;
	display: inline-block;
	color: #FFF;
	width: 100%;
	height: 60px;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 700;
	padding: 8px 15px;
	margin-bottom: -2px;
    margin-right: -1px;
	border: none;
	transition: all 0.2s ease;
  }
  .booking-block .booking-block-container .booking-block__right .buttons button.booking-btn_primary:hover {
	background-color: #454545 !important;
	color: #FFF;
	border: none;
	outline: none;
  }

  /* Arrival/Departure Calendar  */
  div.datetime-container button.date,
  div.datetime-container button.time {
	background-color: #fff;
	color: #787878;
  }
  
  div.datetime-container,
  div.datetime-container * {
	box-sizing: border-box;
	font-family: arial, sans-serif;
  }
  .fix-float:after {
	clear: both;
	content: "";
	display: table;
  }
  div.datetime-container {
	background-color: #fff;
	border-radius: 5px 5px 0 0;
	margin: 5px 0;
	position: relative;
	text-align: center;
	user-select: none;
	width: calc(100% - 30px);
  }
  div.datetime-container button.date,
  div.datetime-container button.time {
	-webkit-appearance: none;
	background-color: #fff;
	border: 0;
	border-radius: 5px 5px 0 0;
	cursor: pointer;
	outline: 0;
	padding: 0;
	text-transform: uppercase;
	width: 100%;
  }
  div.datetime-container button.w-50 {
	float: left;
	width: 50%;
  }
  div.datetime-container button.active {
	background-color: #fec601;
	color: #000;
  }
  div.datetime-container button > span {
	display: inline-block;
	margin: 0 -2px;
  }
  div.datetime-container button span.week-day {
	font-size: 14px;
	text-align: right;
  }
  div.datetime-container button span.hours,
  div.datetime-container button span.month-day {
	font-size: 36px;
	text-align: center;
	width: 45px;
  }
  div.datetime-container button span.month-year {
	font-size: 16px;
	text-align: left;
  }
  div.datetime-container span.month-year span {
	font-size: 14px;
	font-weight: 700;
	position: relative;
	top: 2px;
  }
  div.datetime-container button span.minutes {
	font-size: 18px;
  }
  div.picker {
	background-color: #fff;
	border-radius: 0 0 5px 5px;
	box-shadow: 0 1px 10px #555;
	display: none;
	padding: 0 5px 10px;
	position: absolute;
	width: 100%;
	max-width: unset;
	z-index: 90;
  }
  @media screen and (min-width: 1024px) {
	  div.picker {
	  width: calc(150% + 100px);
	  max-width: 300px;
	  }
  }
  div.picker::after {
	z-index: 20;
  }
  div.picker table {
	border-collapse: collapse;
	margin: 0 auto;
	width: 100%;
  }
  div.picker table a {
	color: #000;
	display: inline-block;
	height: 20px;
	line-height: 20px;
	text-decoration: none;
	width: 20px;
  }
  div.picker table th {
	font-size: 20px;
	font-weight: 400;
  }
  div.picker table th span.month {
	font-weight: 700;
  }
  div.picker table td,
  div.picker table th {
	border-bottom: 1px solid #ddd;
	padding: 10px 2px;
	text-align: center;
	vertical-align: middle;
	width: 14.285%;
  }
  div.picker table td.day-label {
	font-size: 14px;
	text-transform: uppercase;
  }
  div.picker table td.selectable {
	cursor: pointer;
  }
  div.picker table td.selectable:hover {
	font-weight: 700;
  }
  div.picker table a.disabled,
  div.picker table td.disabled {
	color: #ccc;
  }
  div.picker table td.end-day,
  div.picker table td.start-day,
  div.picker table td.time-selected {
	background-repeat: no-repeat;
	font-weight: 700;
  }
  div.picker table td.start-day {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath fill='%23FFF' d='m0 14 6-7-6-7'/%3E%3C/svg%3E");
	background-position: 0;
  }
  div.picker table td.end-day {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath fill='%23FFF' d='M14 0 8 7l6 7'/%3E%3C/svg%3E");
	background-position: 100%;
  }
  div.picker table td.start-day.end-day {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath fill='%23FFF' d='m0 14 6-7-6-7'/%3E%3C/svg%3E"),
	  url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath fill='%23FFF' d='M14 0 8 7l6 7'/%3E%3C/svg%3E");
	background-position: 0, 100%;
  }
  div.picker table td.active,
  div.picker table td.time-selected {
	background-color: #fec601;
	color: #000;
  }
  div.picker table td.inactive {
	background-color: #0b6e38;
	color: #fff;
  }
  div.picker table td.range {
	background-color: #eee;
  }
  div.picker table td select {
	appearance: none;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.02 7.409v-3.98L7.752 7.854 2.485 3.43v3.978l5.267 4.426z'/%3E%3C/svg%3E");
	background-position: right 0.7em top 50%;
	background-repeat: no-repeat;
	background-size: 0.65em auto;
	border: 0;
	border-radius: 5px 5px 0 0;
	font-size: 18px;
	height: 40px;
	outline: none;
	padding: 0 5px;
	width: 60px;
  }
  div.picker table td select::-ms-expand {
	display: none;
  }
  div.picker button.confirm {
	-webkit-appearance: none;
	background-color: #f4f4f4;
	border: 0;
	border-radius: 5px 5px 0 0;
	cursor: pointer;
	height: 40px;
	outline: 0;
	padding: 10px;
	text-transform: uppercase;
  }

  /* Footer Overrides! */
  .footer-bar .widget_nav_menu li {
    margin: 0 0 0 0.5rem;
  }
  ul#menu-footer-navigation li::after {
    padding: 0 0 0 0.5rem;
  }