.side_menu{
	
	position:fixed;
	z-index:30000;
	left:30px;
	top:35px;
	color:#181F4C;
	.menu_title{
		font-size: 14px;
      /*  color:$gold; */
	}
	&:hover, &:focus{
			color:#7a6569;
		}
	.menu_lines{
		text-align:right;
		/*display:inline-block;*/
		vertical-align:middle;
		
		span{
			
			display:block;transition-duration: 0.3s;-webkit-transition-duration: 0.3s;
			height:1px;
			margin:10px 0px 3px 0px;
			background:#5e7775;
		}
		span.one{
			width:35px;
		}
		span.two{
			width:31px;
			margin-left:2px;
		}
		span.three{
			width:35px;
		}
		
	}
	
}
.book_top {
  display: inline-block;
  color: #5e7775;
  background: #fff url(../images/book_icon.svg) no-repeat center left 0px;
  padding: 10px 0px 2px 43px;
  text-transform: uppercase;
  font-size: 14px;
  border-bottom: 1px solid #5e7775;
}
.gift_top {
  vertical-align: middle;
  display: inline-block;
  color: #c2a01e;
  background: url(../images/gift_icon.svg) no-repeat center left 0px;
  border-bottom: 1px solid #c2a01e;
  padding: 10px 0px 2px 30px;
  text-transform: uppercase;
  font-size: 14px;
}
.book_top_wrap{
  line-height: 1.5em;
}
/* Menu and toggle styles*/
.menu-container {
  .menu_row{
    box-shadow: 0 6px 32px 0 rgba(0,0,0,0.04), 0 1.5px 6px 0 rgba(0,0,0,0.04);
   
  }
  .menu_wrapper {

    opacity: 0;
    visibility: hidden;
    max-height: 100vh;
    overflow-y: auto;
    /* Removed transition to let GSAP handle all animations */
  }
  .mark_white{
    width:40vw;
    height:auto;
  }
  .menu_close{
		cursor:pointer;
		position:absolute;
		display:inline-block;
		padding:0px;
		margin:0px;
		right:20px;
		top:42px;
		width:14px;
		height:14px;
		
		background:url('../images/close_menu.svg');
	}
  
  .menu-main-menu-container{
    text-align:center;
    li a {
      display: inline-block;
      padding: 10px 20px;
      font-size: 18px;
      letter-spacing: 1px;
      color: #c2a01e;
      transition-duration: 0.2s;
      -webkit-transition-duration: 0.2s;
      border-bottom: 1px solid transparent;
      &:hover{
				color:#5e7775;
                border-bottom:1px solid #839794;
				
			}
  }
  }
}
/* Hamburger Menu Styles*/
.hamburger {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 37px;
  height: 25px;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  position: fixed; /* Change to fixed to ensure it stays visible */
  top: 20px;
  left: 12px;
  transform: none;
  z-index: 9999; /* Significantly higher z-index to ensure it's always on top */
  
  span {
    display: block;
    width: 100%;
    height: 2px;
    background-color: white;
    transition: all 0.3s ease;
  }
  
  /* Hamburger animation when menu is open*/
  &.open {
    span {
      background-color: white;
      
      &:first-child {
        transform: translateY(11px) rotate(45deg);
      }
      
      &:nth-child(2) {
        opacity: 0;
      }
      
      &:last-child {
        transform: translateY(-11px) rotate(-45deg);
      }
    }
  }
}
/* Menu row animations*/
.menu_row {
  position: relative;
  transition: width 0.5s;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
 
  
  /* Purple overlay that grows from left*/
  &::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0%; /* Initially 0 width*/
    background: #9967FF;
    z-index: 1;
    transition: width 0.5s ease;
  }
  
  /* When menu is open, expand the purple overlay*/
  &.menu-open::before {
    width: 100%;
  }
  
  /* Ensure contents are above backgrounds*/
  .menu, * {
    position: relative;
    z-index: 5;
  }
}
@media only screen and (max-width : 960px) {
  .hamburger{
    width: 24px;
    height: 17px;
    left:6px;
    
    /* Scale the open animation for smaller hamburger*/
    &.open {
      span {
        &:first-child {
          transform: translateY(8px) rotate(45deg);
        }
        
        &:last-child {
          transform: translateY(-8px) rotate(-45deg);
        }
      }
    }
  }

  .menu-container {
    & .menu-primary-container {
        & ul {
            li {
                margin-bottom: 2rem;
            }
        }
    }
}
}
/* FAQ Accordion*/
.faq-section {
  padding: 60px 0;
  background: transparent;
}
.faq-section__title {
  text-align: center;
  margin-top: 15px;
  font-size: 33px;
  color: #839794;
  margin-bottom: 20px;
}
.faq-accordion {
  max-width: 800px;
  margin: 0 auto;
}
.faq-accordion__item {
  border-bottom: 1px solid #e0e5e4;
}
.faq-accordion__header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  transition: color 0.3s;
}
.faq-accordion__header:hover {
  opacity: 0.7;
}
.faq-accordion__icon {
  flex-shrink: 0;
  margin-left: 16px;
  transition: transform 0.3s;
}
.faq-accordion__icon-v {
  transition: opacity 0.3s;
}
.faq-accordion__body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.faq-accordion__content {
  padding: 0 0 24px;
  line-height: 1.7;
}
.faq-accordion__content p:last-child {
  margin-bottom: 0;
}
.faq-accordion__item.is-open .faq-accordion__icon {
  transform: rotate(45deg);
}
@media only screen and (max-width: 960px) {
  .faq-section {
    padding: 40px 0;
  }

  .faq-section__title {
    margin-bottom: 24px;
  }

  .faq-accordion__header {
    padding: 16px 0;
  }
}
/* Initial states for animation classes */
/* Base animation styles to prevent flash of unstyled content */
.fade-in,
.fade-in-now,
.fade-up,
.fade-left,
.fade-right {
  opacity: 0;
  visibility: hidden;
}
/* Specific positioning for each animation type */
.fade-up {
  transform: translateY(30px);
}
.fade-left {
  transform: translateX(-50px);
}
.fade-right {
  transform: translateX(50px);
}
/* Only apply these styles if JavaScript fails to load */
.no-js {
  .fade-in,
  .fade-in-now,
  .fade-up,
  .fade-left,
  .fade-right {
    opacity: 1;
    visibility: visible;
    transform: none;
  }
}
/* Container */
.container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    max-width: 1140px; /* adjust as needed */
  }
/* Row */
.row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
/* Columns */
[class*="col-"] {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex-basis: 100%;
    max-width: 100%;
  }
/* Column sizes for extra small (default) */
.col-1 { flex: 0 0 8.3333%; max-width: 8.3333%; }
.col-2 { flex: 0 0 16.6667%; max-width: 16.6667%; }
.col-3 { flex: 0 0 25%; max-width: 25%; }
.col-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }
.col-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }
.col-6 { flex: 0 0 50%; max-width: 50%; }
.col-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }
.col-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }
.col-9 { flex: 0 0 75%; max-width: 75%; }
.col-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }
.col-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }
.col-12 { flex: 0 0 100%; max-width: 100%; }
/* Responsive: sm (≥576px) */
@media (min-width: 576px) {
    .col-sm-1 { flex: 0 0 8.3333%; max-width: 8.3333%; }
    .col-sm-2 { flex: 0 0 16.6667%; max-width: 16.6667%; }
    .col-sm-3 { flex: 0 0 25%; max-width: 25%; }
    .col-sm-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }
    .col-sm-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }
    .col-sm-6 { flex: 0 0 50%; max-width: 50%; }
    .col-sm-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }
    .col-sm-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }
    .col-sm-9 { flex: 0 0 75%; max-width: 75%; }
    .col-sm-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }
    .col-sm-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }
    .col-sm-12 { flex: 0 0 100%; max-width: 100%; }
  }
/* md (≥768px) */
@media (min-width: 768px) {
    .col-md-1 { flex: 0 0 8.3333%; max-width: 8.3333%; }
    .col-md-2 { flex: 0 0 16.6667%; max-width: 16.6667%; }
    .col-md-3 { flex: 0 0 25%; max-width: 25%; }
    .col-md-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }
    .col-md-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }
    .col-md-6 { flex: 0 0 50%; max-width: 50%; }
    .col-md-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }
    .col-md-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }
    .col-md-9 { flex: 0 0 75%; max-width: 75%; }
    .col-md-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }
    .col-md-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }
    .col-md-12 { flex: 0 0 100%; max-width: 100%; }
  }
/* lg (≥992px) */
@media (min-width: 992px) {
    .col-lg-1 { flex: 0 0 8.3333%; max-width: 8.3333%; }
    .col-lg-2 { flex: 0 0 16.6667%; max-width: 16.6667%; }
    .col-lg-3 { flex: 0 0 25%; max-width: 25%; }
    .col-lg-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }
    .col-lg-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }
    .col-lg-6 { flex: 0 0 50%; max-width: 50%; }
    .col-lg-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }
    .col-lg-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }
    .col-lg-9 { flex: 0 0 75%; max-width: 75%; }
    .col-lg-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }
    .col-lg-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }
    .col-lg-12 { flex: 0 0 100%; max-width: 100%; }
  }
/* xl (≥1200px) */
@media (min-width: 1200px) {
    .col-xl-1 { flex: 0 0 8.3333%; max-width: 8.3333%; }
    .col-xl-2 { flex: 0 0 16.6667%; max-width: 16.6667%; }
    .col-xl-3 { flex: 0 0 25%; max-width: 25%; }
    .col-xl-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }
    .col-xl-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }
    .col-xl-6 { flex: 0 0 50%; max-width: 50%; }
    .col-xl-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }
    .col-xl-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }
    .col-xl-9 { flex: 0 0 75%; max-width: 75%; }
    .col-xl-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }
    .col-xl-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }
    .col-xl-12 { flex: 0 0 100%; max-width: 100%; }
  }
.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    }
.order-first {
      order: -1;
    }
.order-0 {
      order: 0;
    }
.order-1 {
      order: 1;
    }
.order-2 {
      order: 2;
    }
.order-3 {
      order: 3;
    }
.order-4 {
      order: 4;
    }
.order-5 {
      order: 5;
    }
.order-last {
      order: 6;
    }
@media (min-width: 992px) {
      .order-lg-first {
        order: -1;
      }
    
      .order-lg-0 {
        order: 0;
      }
    
      .order-lg-1 {
        order: 1;
      }
    
      .order-lg-2 {
        order: 2;
      }
    
      .order-lg-3 {
        order: 3;
      }
    
      .order-lg-4 {
        order: 4;
      }
    
      .order-lg-5 {
        order: 5;
      }
    
      .order-lg-last {
        order: 6;
      }
    }
/*  ! tailwindcss v3.4.11 | MIT License | https://tailwindcss.com */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}
*, ::before, ::after{
	
	--tw-border-spacing-x:0;
	
	--tw-border-spacing-y:0;
	
	--tw-translate-x:0;
	
	--tw-translate-y:0;
	
	--tw-rotate:0;
	
	--tw-skew-x:0;
	
	--tw-skew-y:0;
	
	--tw-scale-x:1;
	
	--tw-scale-y:1;
	
	--tw-pan-x: ;
	
	--tw-pan-y: ;
	
	--tw-pinch-zoom: ;
	
	--tw-scroll-snap-strictness:proximity;
	
	--tw-gradient-from-position: ;
	
	--tw-gradient-via-position: ;
	
	--tw-gradient-to-position: ;
	
	--tw-ordinal: ;
	
	--tw-slashed-zero: ;
	
	--tw-numeric-figure: ;
	
	--tw-numeric-spacing: ;
	
	--tw-numeric-fraction: ;
	
	--tw-ring-inset: ;
	
	--tw-ring-offset-width:0px;
	
	--tw-ring-offset-color:#fff;
	
	--tw-ring-color:rgb(59 130 246 / 0.5);
	
	--tw-ring-offset-shadow:0 0 #0000;
	
	--tw-ring-shadow:0 0 #0000;
	
	--tw-shadow:0 0 #0000;
	
	--tw-shadow-colored:0 0 #0000;
	
	--tw-blur: ;
	
	--tw-brightness: ;
	
	--tw-contrast: ;
	
	--tw-grayscale: ;
	
	--tw-hue-rotate: ;
	
	--tw-invert: ;
	
	--tw-saturate: ;
	
	--tw-sepia: ;
	
	--tw-drop-shadow: ;
	
	--tw-backdrop-blur: ;
	
	--tw-backdrop-brightness: ;
	
	--tw-backdrop-contrast: ;
	
	--tw-backdrop-grayscale: ;
	
	--tw-backdrop-hue-rotate: ;
	
	--tw-backdrop-invert: ;
	
	--tw-backdrop-opacity: ;
	
	--tw-backdrop-saturate: ;
	
	--tw-backdrop-sepia: ;
	
	--tw-contain-size: ;
	
	--tw-contain-layout: ;
	
	--tw-contain-paint: ;
	
	--tw-contain-style: ;
	
}
::backdrop{
	
	--tw-border-spacing-x:0;
	
	--tw-border-spacing-y:0;
	
	--tw-translate-x:0;
	
	--tw-translate-y:0;
	
	--tw-rotate:0;
	
	--tw-skew-x:0;
	
	--tw-skew-y:0;
	
	--tw-scale-x:1;
	
	--tw-scale-y:1;
	
	--tw-pan-x: ;
	
	--tw-pan-y: ;
	
	--tw-pinch-zoom: ;
	
	--tw-scroll-snap-strictness:proximity;
	
	--tw-gradient-from-position: ;
	
	--tw-gradient-via-position: ;
	
	--tw-gradient-to-position: ;
	
	--tw-ordinal: ;
	
	--tw-slashed-zero: ;
	
	--tw-numeric-figure: ;
	
	--tw-numeric-spacing: ;
	
	--tw-numeric-fraction: ;
	
	--tw-ring-inset: ;
	
	--tw-ring-offset-width:0px;
	
	--tw-ring-offset-color:#fff;
	
	--tw-ring-color:rgb(59 130 246 / 0.5);
	
	--tw-ring-offset-shadow:0 0 #0000;
	
	--tw-ring-shadow:0 0 #0000;
	
	--tw-shadow:0 0 #0000;
	
	--tw-shadow-colored:0 0 #0000;
	
	--tw-blur: ;
	
	--tw-brightness: ;
	
	--tw-contrast: ;
	
	--tw-grayscale: ;
	
	--tw-hue-rotate: ;
	
	--tw-invert: ;
	
	--tw-saturate: ;
	
	--tw-sepia: ;
	
	--tw-drop-shadow: ;
	
	--tw-backdrop-blur: ;
	
	--tw-backdrop-brightness: ;
	
	--tw-backdrop-contrast: ;
	
	--tw-backdrop-grayscale: ;
	
	--tw-backdrop-hue-rotate: ;
	
	--tw-backdrop-invert: ;
	
	--tw-backdrop-opacity: ;
	
	--tw-backdrop-saturate: ;
	
	--tw-backdrop-sepia: ;
	
	--tw-contain-size: ;
	
	--tw-contain-layout: ;
	
	--tw-contain-paint: ;
	
	--tw-contain-style: ;
	
}
.container{
	
	width:100%;
	
}
@media (min-width: 640px){
	.container{
	
		max-width:640px;
	
	}
	
}
@media (min-width: 768px){
	.container{
	
		max-width:768px;
	
	}
	
}
@media (min-width: 1024px){
	.container{
	
		max-width:1024px;
	
	}
	
}
@media (min-width: 1280px){
	.container{
	
		max-width:1280px;
	
	}
	
}
@media (min-width: 1536px){
	.container{
	
		max-width:1536px;
	
	}
	
}
.pointer-events-auto{
	
	pointer-events:auto;
	
}
.visible{
	
	visibility:visible;
	
}
.collapse{
	
	visibility:collapse;
	
}
.static{
	
	position:static;
	
}
.fixed{
	
	position:fixed;
	
}
.absolute{
	
	position:absolute;
	
}
.relative{
	
	position:relative;
	
}
.left-0{
	
	left:0px;
	
}
.left-1{
	
	left:0.25rem;
	
}
.left-1\/2{
	
	left:50%;
	
}
.top-0{
	
	top:0px;
	
}
.z-10{
	
	z-index:10;
	
}
.z-50{
	
	z-index:50;
	
}
.z-\[99999\]{
	
	z-index:99999;
	
}
.mx-auto{
	
	margin-left:auto;
	
	margin-right:auto;
	
}
.block{
	
	display:block;
	
}
.inline{
	
	display:inline;
	
}
.flex{
	
	display:flex;
	
}
.table{
	
	display:table;
	
}
.grid{
	
	display:grid;
	
}
.hidden{
	
	display:none;
	
}
.size-full{
	
	width:100%;
	
	height:100%;
	
}
.h-full{
	
	height:100%;
	
}
.min-h-\[125px\]{
	
	min-height:125px;
	
}
.w-0{
	
	width:0px;
	
}
.w-full{
	
	width:100%;
	
}
.flex-1{
	
	flex:1 1 0%;
	
}
.-translate-x-1\/2{
	
	--tw-translate-x:-50%;
	
	transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	
}
.transform{
	
	transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	
}
.resize{
	
	resize:both;
	
}
.items-center{
	
	align-items:center;
	
}
.justify-start{
	
	justify-content:flex-start;
	
}
.justify-end{
	
	justify-content:flex-end;
	
}
.justify-between{
	
	justify-content:space-between;
	
}
.overflow-hidden{
	
	overflow:hidden;
	
}
.border{
	
	border-width:1px;
	
}
.bg-white{
	
	--tw-bg-opacity:1;
	
	background-color:rgb(255 255 255 / var(--tw-bg-opacity));
	
}
.p-6{
	
	padding:1.5rem;
	
}
.px-6{
	
	padding-left:1.5rem;
	
	padding-right:1.5rem;
	
}
.px-\[20px\]{
	
	padding-left:20px;
	
	padding-right:20px;
	
}
.pt-\[120px\]{
	
	padding-top:120px;
	
}
.text-left{
	
	text-align:left;
	
}
.antialiased{
	
	-webkit-font-smoothing:antialiased;
	
	-moz-osx-font-smoothing:grayscale;
	
}
.opacity-0{
	
	opacity:0;
	
}
.blur{
	
	--tw-blur:blur(8px);
	
	filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
	
}
.filter{
	
	filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
	
}
.transition{
	
	transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
	
	transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	
	transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
	
	transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
	
	transition-duration:150ms;
	
}
.ease-out{
	
	transition-timing-function:cubic-bezier(0, 0, 0.2, 1);
	
}
@font-face {
  font-family: "ivypresto-headline", serif;
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "ivyepic-variable", sans-serif;
font-variation-settings: "slnt" 0, "wght" 100, "wdth" 100;
}
:root {
  --background: #F5F1E5;
  --foreground: #181F4C;
  --ivypresto-font: 'ivypresto-headline';
  --ivyepic-font: 'ivyepic-variable';
}
img{
	display:inline;
}
img.aligncenter {
    display: block;
    margin: 0 auto;
}
@media (prefers-color-scheme: dark) {
  :root {
  
  }
}
html {
 /* scroll-behavior: smooth;*/
}
body{
	font-family: adobe-caslon-pro, serif;
	font-size:20px;
	line-height:30px;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	padding-top:110px;
	letter-spacing: 0px;
	color:#7a6569;
}
.container {
    padding-left: 6vw;
    padding-right: 6vw;
}
.top_navbar{
	box-shadow: 0px 0px 15px -4px rgba(0, 0, 0, 0.2)
}
.main_wrap{transition-duration: 0.3s;-webkit-transition-duration: 0.3s;
	/*opacity:0;*/
	background:#fff url('../images/bg.webp');
    background-size:contain;
    background-position: center top;
	padding-bottom:100px;
}
p{
   /*padding-bottom: 0.3rem;*/
}
.side_menu{
	cursor: pointer;
}
.fullscreen,
.content-a {
    width:100%;
    height:100%;
    overflow:hidden;
}
.fullscreen.overflow,
.fullscreen.overflow .content-a {
    height:auto;
    min-height:100%;
}
/* content centering styles */
.content-a {
    display:table;
}
.content-b {
    display:table-cell;
    position:relative;
    vertical-align:middle;
    text-align:center;
}
.not-fullscreen{
	background-size: cover;
	background-position: center center;
}
.size-full{
	width:inherit;
	height:inherit;
	margin:auto;
}
/* .container {*/
/*     width: 100%;*/
/*     padding-right:6vw;*/
/*     padding-left: 6vw;*/
/*     margin-right: auto;*/
/*     margin-left: auto;*/
/* }*/
/* Clearfix for floating elements */
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
@media only screen and (min-width : 1400px) {
	.container{
	/*	min-width:1320px;*/
	}
	
}
.masthead{
	position: relative;
	height:83vh;
	background-position:center center;
	background-size: cover;
	background-repeat: no-repeat;
	.content-a{
		background:rgba(20,20,20,0);
		position: absolute;
	}
	h1.heading{
		color:#fff;
		font-family: emily-austin, sans-serif;
		padding:30px;
		text-align: center;
		font-size:7vw;
		line-height: 1;
		/*display:none;*/
	}
	.masthead_hero{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		-o-object-fit: cover;
		   object-fit: cover;
		-o-object-position: center center;
		   object-position: center center; 
	}
}
a.block_link{
	color:#fff;
}
.masthead_wrap {
	overflow: hidden;
}
.masthead_home_block{
	position: relative;
	height:34vw;
	background-position:center center;
	.content-a{
		/*background:rgba(20,20,20,0.2);*/
	}
	.content-d{
		display: table-cell;
    	position: relative;
    	vertical-align: bottom;
    	
	
	}
	.text{
		padding-bottom:10vh;
		text-align: center;
		position: relative;
		
		h3,h1, h2{
			font-size:49px;
			line-height: 59px;
			letter-spacing: 2px;
			text-shadow: 0px 0px 18px rgba(0,0,0,0.83);
			-webkit-text-shadow: 0px 0px 18px rgba(0,0,0,0.83);
			-moz-text-shadow: 0px 0px 18px rgba(0,0,0,0.83);
		}
		.more{
			font-style: italic;
			font-size:22px;
			border-bottom:1px solid #fff;
			display:inline-block;
			cursor: pointer;
			text-shadow: 0px 0px 18px rgba(0,0,0,0.83);
			-webkit-text-shadow: 0px 0px 18px rgba(0,0,0,0.83);
			-moz-text-shadow: 0px 0px 18px rgba(0,0,0,0.83);
			text-decoration: none;
			&:hover{
				border-bottom:1px solid transparent;
			}
		}
		
	}
    .text.dark{
        color:#343535;
        h3,h1{
			text-shadow: 0px 0px 11px rgba(250,250,250,0.53);
			-webkit-text-shadow: 0px 0px 11px rgba(250,250,250,0.53);
			-moz-text-shadow: 0px 0px 11px rgba(250,250,250,0.53);
		}
        .more{
			text-decoration: none;
			border-bottom:1px solid #343535;
            text-shadow: 0px 0px 11px rgba(250,250,250,0.53);
			-webkit-text-shadow: 0px 0px 11px rgba(250,250,250,0.53);
			-moz-text-shadow: 0px 0px 11px rgba(250,250,250,0.53);
        }
    }
	
}
.masthead_about_block{
    height:32vw;
}
.masthead_wedding_inner_block{
	position: relative;
	height:40vw;
	margin-top:20px;
	
}
.masthead_dine_inner_block{
	position: relative;
	height:36vw;
	margin-top:0px;
	
}
.back_to_wrap_dine{
		text-align: right;
		margin-top:40px;
		.back_to, .dine_up{
			vertical-align: middle;
			display: inline-block;
			padding-left:20px;
			padding-top:5px;
			font-size: 14px;
			background:url('../images/back_arrow.svg') no-repeat center left;
			color:#7a6569;
			font-style: italic;
			&:before{
				content:"";
			}
		}
	}
.dine_content, .dine_content_no_feature{
	margin-top:50px;
	h1, h2{
		font-size:32px;
		margin:0px 0px 20px 0px;
		color:#c2a01e;
	}
	a{
		color:#7a6569;
		/*border-bottom:1px solid @brown;*/
		&:hover{
			text-decoration: none;
		/*	border-bottom:1px solid transparent;*/
		}
	}
}
.dine_content_no_feature{
	margin-top:50px;
}
.open_table_id_single{
	display:none;
}
.glider-prev{
	left:23px!important;
	top:45%!important;
}
.glider-next{
	right:23px!important;
	top:45%!important;
}
.glider-dots{
	position:absolute;
	bottom:10px;
	left:50%;
	transform: translateX(-50%);
}
.glider-dot.active {
    background: #c2a01e !important;
}
.block_slider, .page_slider, .room_slider{
	.slideprev{
		position:absolute;
		left:30px;
		top:50%;
		margin-top:-16px;
		z-index: 1;
		cursor: pointer;
	}
	.slidenext{
		position:absolute;
		right:30px;
		top:50%;
		margin-top:-16px;
		z-index: 1;
		cursor: pointer;
	}
}
.block_wrap, .page_slider, .room_slider, .masthead_slider{
	margin:16px 0px;
	.slick-dots {
		position: absolute;
		bottom: 00px;
		display: block;
		width: 200px;
		padding: 0px 12px;
		list-style: none;
		text-align: left ;
	}
	.slick-dots li {
		position: relative;
		display: inline-block;
		width: 17px;
		height: 17px;
		margin: 0px;
		padding: 0;
		cursor: pointer;
	}
	.slick-dots li button {
		font-size: 0;
		line-height: 0;
		display: block;
		width: 17px;
		height: 17px;
		padding: 5px;
		cursor: pointer;
		color: transparent;
		border: 0;
		outline: none;
		background: transparent;
	}
	.slick-dots li button:before {
		font-family: 'slick';
		font-size: 10px;
		line-height: 20px;
		position: absolute;
		top: 0;
		left: 0;
		border: 0px solid #fff;
		border-radius: 50%;
		background:rgba(255,255,255,0.5);
		width: 12px;
		height: 12px;
		content: '';
		/* content: "\f052"; */
		text-align: center;
		opacity: .75;
		color: black;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	.slick-dots li.slick-active button:before {
		opacity: 1;
		color: black;
		background: #fff;
	}
}
.masthead_wrap{
	position: relative;
	.arrow_down{
		position: absolute;
		bottom:30px;
		left:50%;
		transform: translateX(-50%);
		cursor: pointer;
	}
    .video_popup_link{
        position: absolute;
		bottom:30px;
        right:30px;
        a{
            color:#fff;
        }
    }
	.covid_msg{ 
        position: absolute;
		bottom:30px;
        right:30px;
		width:250px;
		padding:15px;
		background:rgba(10,10,10,0.5);
        a{
            color:#fff;
        }
    }
	.covid_msg2{ 
        position: absolute;
		bottom:90px;
        right:30px;
		width:250px;
		padding:15px;
		background:rgba(10,10,10,0.5);
        a{
            color:#fff;
        }
    }
	a.white_link{ 
            color:#fff;
        }
    .video_popup_link_left{
        position: absolute;
		bottom:30px;
        left:30px;
        a{
            color:#fff;
        }
    }
}
.main_top{
	padding:12vh 0px 8vh 0px;
	.extra_padding{
		padding:0px 40px;
	}
}
.main_top_home{
    font-size:24px;
    line-height: 34px;
}
.footer{
	position: relative;
	background:#3c514e;
	padding:20px 3vw;
	/*margin-top:80px;*/
	color:#fff;
	font-size: 17px;
	line-height: 28px;
	a{
		color:#fff;
	}
    h4{
        font-size:24px;
    }
	.right_border{
		border-right:1px solid rgba(255,255,255,0.4);
	}
	p{
		margin-bottom:25px;
	}
	.arrow_up{
		position: absolute;
		right:20px;
		top:-80px;
		cursor: pointer;
		z-index: 3;
	}
	.inner{
		padding:0px 15px;
	}
	ul{
		list-style: none;
		padding:0px;
		li{
			a{
				display: block;
				padding-bottom:1px;
			}
		}
		.underline{
			border-bottom:1px solid #fff;
			padding-bottom:6px;
			margin-bottom:10px;
		}
		.bold{
			font-weight:600;
		}
	}
	
	
	.footer_right_btn{
		display: inline-block;
		border-bottom:1px solid #fff;
		padding:5px 0px;
		margin:5px 0px;
	}
	.gift{
		background:url('../images/gift_icon_footer.svg') no-repeat;
		padding-left:30px;
	}
	.footer_right_blog_btn{
		border:1px solid #fff;
		/*ackground:$green2;*/
		margin:10px 0px;
		padding:10px 9px 6px 9px;
		display: inline-block;
        font-size:15px;
	}
	.footer_connect_title{
		font-size:13px;
		padding:10px 0px;
	}
	.social_footer{
		font-size: 26px;
		a{
			padding-right:1px;
		}
		.fa-facebook{
			&:hover{
				color:#4b69ad !important;
			}
		}
		.fa-instagram{
			&:hover{
				color:#d32d4d !important;
			}
		}
		.fa-twitter{
			&:hover{
				color:#37aede !important;
			}
		}
		.fa-pinterest{
			&:hover{
				color:#df3d38 !important;
			}
		}
		.fa-youtube{
			&:hover{
				color:#d32d4d !important;
			}
		}
		.fa-tripadvisor{
			&:hover{
				color:#3add45 !important;
			}
		}
	}
	.footer_book_wrap{
		color:#181F4C;
		position: relative;
		top:-60px;
		
		.book_bar{
			border:1px solid rgba(10,10,10,0.4);
			background:#fff;
			
			color:#181F4C;
			padding:35px 20px 15px 20px;
			text-align:center;
			.book_bar_shadow{
				display:none;
				position:absolute;
				bottom:-10px;
				height:10px;
				width:100%;
				background:rgba(112,112,103,0.1);
			}
			label{
				font-weight:600;
				font-size:13px;
				line-height:11px;
				margin-bottom:10px !important;
				margin-top:0px !important;
				display:block !important;
				text-transform:uppercase;
				padding-left:10px;
				
			}
			.inputs{
				display:inline-block;
			}
			input[type=text]{
				height:30px;
				border:none;
				background:#fff;
				outline:none;
				cursor:pointer;
				width:140px;
				text-align: center;
				padding-left:15px;
				font-size:13px;
				color:#181F4C;
				text-transform:uppercase;
				font-style: italic;
			}
			.promotionCode{
				width:100px !important;
			}
			.date{
				border-bottom:1px solid rgba(0,36,48,0.2) !important;
				display:inline-block;
				padding-left:5px;
				
			}
			.dateOut{
				margin:0px 10px;
				border-bottom:1px solid rgba(0,36,48,0.2) !important;
				display:inline-block;
			}
			.input-date-in{
				

				background:#fff url('../images/cal_bg.svg') no-repeat center right 10px !important;
			}

			.input-date-out{
				
				background:#fff url('../images/cal_bg.svg') no-repeat center right 10px !important;
			}
			::-webkit-input-placeholder {
				   color: #181F4C;
				}

				:-moz-placeholder { /* Firefox 18- */
				   color:#181F4C;
				}

				::-moz-placeholder {  /* Firefox 19+ */
				   color: #181F4C;
				}

				:-ms-input-placeholder {  
				   color: #181F4C;
				}
			select{
				text-transform:uppercase;
				height:60px;
				border:none;
				background:#fff;
				outline:none;
				cursor:pointer;
				width:180px;
				padding-left:20px;
				font-size:14px;
				color:#181F4C;
				-webkit-appearance: none;
			   -moz-appearance:    none;
			   appearance:         none;
			   border-right:1px solid rgba(0,36,48,0.1) !important;
				background:url('../images/people_bg.svg') no-repeat center right 10px !important;
			}
			.people{
				border-right:1px solid rgba(0,36,48,0.1) !important;
				background:url('../images/people_bg.svg') no-repeat center right 10px !important;
			}
			input[type=submit], button{
				height:48px;
				border:none;
				margin-top:-1px;
				background:#3c514e;
				outline:none;
				cursor:pointer;
				letter-spacing:1px;
				padding:12px 30px 12px 30px;
				font-size:11px;
				color:#fff;
				text-transform:uppercase;
			}
		}
		.tripadvisor_footer{
			
		}
		
	}
}
.mojo-button{
    border:none;
    background:none;
    padding:0px;
    font-weight: 600;
    width:100%;
    border-bottom:1px solid #fff;
    text-align: left;
    padding-bottom:6px;
			margin-bottom:15px;
    font-size:17px;
    outline:none;
}
.newsletter_footer{
			background:#3c514e;
			padding:25px 20px;
			color:#5e7775;
			font-size:18px;
			h3{
				font-size:21px;
				margin:3px 0px 10px 0px;
				font-style: italic;
                color:#fff;
			}
			.newsletter_btn{
				background:#fff;
				width:100%;
				display: inline-block;
				text-align: center;
				padding:6px 6px 4px 6px;
				text-align: 12px;
                color:#3c514e;
			}
            .newsletter_form{
                input[type=email]{
                    width:100%;
                    border:none;
                }
            }
		}
.ui-datepicker .ui-datepicker-header {
		position: relative;
		padding: .2em 0;
	}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
		position: absolute;
		top: 2px;
		width: 1.8em;
		height: 1.8em;
	}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
		top: 1px;
	}
.ui-datepicker .ui-datepicker-prev {
		left: 2px;
	}
.ui-datepicker .ui-datepicker-next {
		right: 2px;
	}
.ui-datepicker .ui-datepicker-prev-hover {
		left: 1px;
	}
.ui-datepicker .ui-datepicker-next-hover {
		right: 1px;
	}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
		display: block;
		position: absolute;
		left: 50%;
		margin-left: -8px;
		top: 50%;
		margin-top: -8px;
	}
.ui-datepicker .ui-datepicker-title {
		margin: 0 2.3em;
		line-height: 1.8em;
		text-align: center;
	}
.ui-datepicker .ui-datepicker-title select {
		font-size: 1em;
		margin: 1px 0;
	}
.ui-datepicker select.ui-datepicker-month-year {
		width: 100%}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
		width: 49%}
.ui-datepicker table {
		width: 100%;
		font-size: .9em;
		border-collapse: collapse;
		margin: 0 0 .4em;
	}
.ui-datepicker th {
		padding: .7em .3em;
		text-align: center;
		font-weight: bold;
		border: 0;
	}
.ui-datepicker td {
		border: 0;
		padding: 1px;
	}
.ui-datepicker td span, .ui-datepicker td a {
		display: block;
		padding: .2em;
		text-align: right;
		text-decoration: none;
	}
.ui-datepicker .ui-datepicker-buttonpane {
		background-image: none;
		margin: .7em 0 0 0;
		padding: 0 .2em;
		border-left: 0;
		border-right: 0;
		border-bottom: 0;
	}
.ui-datepicker .ui-datepicker-buttonpane button {
		float: right;
		margin: .5em .2em .4em;
		cursor: pointer;
		padding: .2em .6em .3em .6em;
		width: auto;
		overflow: visible;
	}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
		float: left;
	}
.ui-datepicker.ui-datepicker-multi {
		width: auto;
	}
.ui-datepicker-multi .ui-datepicker-group {
		float: left;
	}
.ui-datepicker-multi .ui-datepicker-group table {
		width: 95%;
		margin: 0 auto .4em;
	}
.ui-datepicker-multi-2 .ui-datepicker-group {
		width: 50%}
.ui-datepicker-multi-3 .ui-datepicker-group {
		width: 33.3%}
.ui-datepicker-multi-4 .ui-datepicker-group {
		width: 25%}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
		border-left-width: 0;
	}
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
		border-left-width: 0;
	}
.ui-datepicker-multi .ui-datepicker-buttonpane {
		clear: left;
	}
.ui-datepicker-row-break {
		clear: both;
		width: 100%;
		font-size: 0em;
	}
.ui-datepicker-rtl {
		direction: rtl;
	}
.ui-datepicker-rtl .ui-datepicker-prev {
		right: 2px;
		left: auto;
	}
.ui-datepicker-rtl .ui-datepicker-next {
		left: 2px;
		right: auto;
	}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
		right: 1px;
		left: auto;
	}
.ui-datepicker-rtl .ui-datepicker-next:hover {
		left: 1px;
		right: auto;
	}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
		clear: right;
	}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
		float: left;
	}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
		float: right;
	}
.ui-datepicker-rtl .ui-datepicker-group {
		float: right;
	}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
		border-right-width: 0;
		border-left-width: 1px;
	}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
		border-right-width: 0;
		border-left-width: 1px;
	}
.ui-datepicker-cover {
		display: none;
		position: absolute;
		z-index: -1;
		filter: mask();
		top: 0px;
		left: 0px;
	}
.ui-datepicker {
		padding: .2em .2em 0;
		display: none;
		z-index:9999999999999 !important;
		padding: 0;
		width: 300px;
		margin-top: -1px;
		/* position:absolute; */
		border: 1px solid #181F4C;
		border-top:none;
		a{
			&:hover{
				text-decoration:none;
			}
		}
	}
.datein{
		padding: 0;
		width: 300px;
		
	}
.dateout{
		padding: 0;
		width: 300px;
		/* right:100px; */
	}
.rgba .ui-datepicker {
		border: 1px solid #fff;
		border-top:none;
		/* -webkit-box-shadow: 0px 13px 30px -10px  rgba(0,36,48,0.75);*/
		/*-moz-box-shadow: 0px 13px 30px -10px  rgba(0,36,48,0.75);*/
		/*box-shadow: 0px 13px 30px -10px  rgba(0,36,48,0.75); */
	}
.ui-datepicker .ui-datepicker-header {
		background: #fff;
		border-bottom: none;
	}
.ui-datepicker-calendar .ui-state-default {
		text-align: center;
		color: #181F4C;
		border: 1px solid #fff;
		border-radius: 0px;
	}
.ui-datepicker-calendar .ui-state-hover, .ui-datepicker-calendar .ui-state-focus {
		text-decoration:underline;
		color: #fff;
		outline: none;
		background: #181F4C;
	}
.ui-datepicker-calendar .ui-state-highlight {
		/*border: 1px solid @red;*/
		/*color: @white;*/
		/*outline: none;*/
		/*background: @red;*/
		
		background: #fff;
		color:#181F4C;
	}
.ui-datepicker-calendar .ui-state-active {
		background:#181F4C;
		color:#fff;
	}
.ui-datepicker .ui-datepicker-calendar td.ui-state-disabled span, .ui-datepicker .ui-datepicker-calendar td.ui-state-disabled a {
		text-align: center;
		color: #181F4C;
		opacity: 0.3;
	}
.ui-datepicker .ui-datepicker-header .ui-state-disabled {
		opacity: 0.3;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
		filter: alpha(opacity=30);
	}
.ui-datepicker .ui-datepicker-title {
		color: #181F4C;
		text-transform: uppercase;
		letter-spacing:1px;
		font-weight:600;
		font-size:14px;
	}
.ui-datepicker th {
		font-weight: normal;
		text-transform: uppercase;
		padding: 0 0 1em 0;
		color: #181F4C;
		text-align: center;
		font-weight:600;
	}
.ui-datepicker th span {
		font-size: 8px;
		padding: 0.7em 0.3em 1.25em 0.3em;
		display: block;
	}
.ui-datepicker .ui-datepicker-header {
		padding: 0.79em 0;
	}
.ui-datepicker table {
		margin: 0;
		padding: 0;
		border-top: 1px solid #fff;
		background: #fff;
		width: 298px;
		border-left: 4px solid #fff;
		border-right: 4px solid #fff;
		border-bottom: 10px solid #fff;
		font-size:13px;
	}
.ui-datepicker td {
		padding: 2px;
	}
.ui-datepicker td, .ui-datepicker th {
		min-width: 30px;
	}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
		top: 11px; 
		background: transparent url("../images/sprite.png") repeat 0 -546px;
		text-indent:-999em;
		cursor:pointer;
	}
.ui-datepicker .ui-datepicker-prev {
		 background-position: 10px -496px; 
	}
.ui-datepicker table tbody {
		padding: 1em;
		margin: 0;
	}
.page_slider{
	color:#fff;
	h1{
		font-size: 40px;
		margin:0px;
	}
}
.no_feature{
	padding-top:80px;
	h1{
		color:#839794;
		font-size: 40px;
		line-height: 1.2em;
		margin:0px 0px 20px 0px;
        letter-spacing: 1px;
	}
	.back_to_wrap{
		text-align: right;
		.back_to{
			vertical-align: middle;
			display: inline-block;
			padding-left:20px;
			padding-top:5px;
			font-size: 14px;
			background:url('../images/back_arrow.svg') no-repeat center left;
			color:#7a6569;
			font-style: italic;
			&:before{
				content:"";
			}
		}
	}
}
.meeting_top_no_feature{
	h1{
		color:#839794;
		font-size: 40px;
		margin:0px0px;
        letter-spacing: 1px;
	}
}
.page_slider_wrap{
	position: relative;
	.arrow_down{
		position: absolute;
		bottom:30px;
		left:50%;
		transform: translateX(-50%);
		cursor: pointer;
	}
}
.stay_main{
	padding:0px 0px 10vh 0px;
	h2{
		padding:30px 0px 0px 0px;
		font-size: 34px;
		margin:0px;
	}
    .dine_main_block{
        position: relative;
        .overlay_image{
            width:100%;
        }
    }
	.garden_wing_wrap{
        position: relative;
		margin-bottom:30px;
		a{
			color:#fff;
		}
		h2 a{
			color:#c2a01e;
		}
        
		.overlay_block{
			height:100%;
            width:100%;
            position: absolute;
            top:0px;
			background-position: center center;
			.text{
				padding:3vh 9vw;
				font-size:27px;
				line-height:32px;
			}
			.content-a{
				opacity:0;transition-duration: 0.3s;-webkit-transition-duration: 0.3s;
			}
			&:hover{
				.content-a{
					background:rgba(194,160,30,0.7);
					opacity:1;
				}
			}
		}
		.more{
			color:#7a6569;
			font-style: italic;
			border-bottom:1px solid #7a6569;
			display: inline-block;
			padding-bottom:0px;
			font-size: 15px;
			text-decoration: none;
		}
		
		
	}
	.main_wing_wrap{
        position: relative;
		margin-bottom:30px;
		a{
			color:#fff;
		}
		h2 a{
			color:#c2a01e;
		}
		.overlay_block{
            top:0px;
			height:100%;
            width:100%;
            position: absolute;
			.text{
				padding:3vh 9vw;
				font-size:27px;
				line-height:32px;
			}
			.content-a{
				opacity:0;transition-duration: 0.3s;-webkit-transition-duration: 0.3s;
			}
			&:hover{
				.content-a{
					background:rgba(194,160,30,0.7);
					opacity:1;
				}
			}
		}
		.more{
			color:#7a6569;
			font-style: italic;
			border-bottom:1px solid #7a6569;
			display: inline-block;
			padding-bottom:0px;
			font-size: 16px;
			text-decoration: none;
		}
	}
}
.split_text_main{
	
	.text{
	/*	column-count: 2;*/
	/*column-gap: 40px;*/
        h3{
            color:#839794;
        }
		.more{
			color:#7a6569;
			font-style: italic;
			display: inline-block;
			border-bottom:1px solid #7a6569;
			text-decoration: none;
		}
	}
	
}
.stay_inner_main{
	
	.text{
		
	
		.more{
			color:#7a6569;
			font-style: italic;
			display: inline-block;
			border-bottom:1px solid #7a6569;
		}
	}
	
}
.one_col_text_main{
    .text{
		
		.more{
			color:#7a6569;
			font-style: italic;
			display: inline-block;
			border-bottom:1px solid #7a6569;
		}
	}
}
.room_blocks{
	padding:0vh 0px 6vh 0px;
	.room_block{
		padding:0px 0px 12vh 0px;
		font-size:17px;
		line-height: 24px;
		h2{
			margin-top:15px;
			font-size:33px;
			color:#839794;
			margin-bottom:20px;
		}
		.description{
			border-top:1px solid #7a6569;
			border-bottom:1px solid #7a6569;
			padding:15px 0px 0px 0px;
			margin-bottom:5px;
			a{
				color:#7a6569;
			}
			.expand{
				overflow:hidden; 
			}
			.expand_link{
				font-style: italic;
				padding:8px 0px;
			}
		}
		.room_slider{
			position: relative;
			.slide{
				img{
					width:100%;
				}
			}
		}
		.details{
			.row div[class^="col"]{padding-left:9px;padding-right:9px;}
			border-bottom:1px solid #7a6569;
			padding:10px 5px;
			font-size:15px;
			line-height: 24px;
			ul{
				list-style: none;
				padding:0px;
				margin-bottom:0px;
				li{
					padding:0px 0px;
				}
				a{
					color:#7a6569;
					text-decoration: underline;
				}
			}
		}
		.detail_links{
			border-left:1px solid #7a6569;
			padding-left:15px;
			
			.book_btn_stay{
				margin-top:15px;
				border-bottom:1px solid #7a6569;
				display:inline-block;
				color:#7a6569;
				font-size:18px;
			}
            .compare_rooms_link{
                color:#c2a01e;
                border-bottom: none;
				padding:0px;
				line-height: 36px;
				span{
					border-bottom:1px solid #c2a01e;
				}
            }
		}
	}
}
.mfp-hide{
	display: none;
	
}
.show_popup{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
}
.mfp-fade{

}
.popup_close{
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.info_popup{
	z-index: 1001;
	background:#fff;
	position: fixed;
	overflow-y: scroll;
	left:0;
	top:0;
	width:100%;
	height:100%;
	font-size:14px;
	line-height:23px;
	.book_btn_popup{
		margin-top:20px;
		display: inline-block;
	}
	hr{
		border:none;
		border-bottom:1px solid #7a6569;
	}
	h3{
		font-size:24px;
		color:#5e7775;
	}
	.nav_btn_close{
		position: fixed;
		top:30px;
		right:30px;
		font-style: italic;
		cursor: pointer;
        z-index: 10;
	}
	.info_wrap{
		
		position: relative;
		margin-top:10vh;
        iframe{
            width:100%;
                height:90vh;
            border:none;
        }
	}
    .spa_wrap{
        position: relative;
        margin-top:5vh;
        iframe{
            width:100%;
                height:95vh;
            border:none;
        }
    }
	.inner_wrap{
		padding-top:20px;
		
		padding-right:10px;
        a{
            color:#7a6569;
        }
        p{
            margin-bottom:30px;
        }
        .book{
            font-weight: 600;
            font-size: 20px;
        }
		
	}
	.right_border{
		border-right:1px solid #7a6569;
	}
	
	.green{
		h4{
			margin-top:30px;
			margin-bottom:15px;
			color:#839794;
			text-transform:uppercase;
		}
		.table{
			font-size:16px;
			background:#b0c4bd;
			color:#181F4C;
			td,th{
				padding:20px;
				font-weight: 400;
				text-align: left;
			}
			thead{
				
				font-size:14px;
			}
		}
	}
	
	.gold{
		h4{
			margin-top:30px;
			margin-bottom:15px;
			color:#c2a01e;
			text-transform:uppercase;
		}
		.table{
			font-size:16px;
			background:#ece3c5;
			color:#181F4C;
			td,th{
				padding:20px;
				font-weight: 400;
			}
			thead{
				
				font-size:14px;
			}
		}
	}
}
.dine_main_top{
	padding:8vh;
	h2{
		color:#c2a01e;
		font-size: 40px;
    margin: 0 0 20px 0;
	}
}
.all_main_top{
	padding:20px 0px 8vh 0px;
	h2{
		color:#c2a01e;
		font-size: 40px;
    margin: 0 0 20px 0;
	}
}
.gifts_main_top{
	padding-top:0vh !important;
	padding-bottom:4vh !important;
	
}
.dine_feed{
	h2,h3{
		color:#c2a01e;
		font-size:28px;
		line-height: 32px;
		margin:20px 0px 5px 0px;
		a{
			color:#c2a01e;
			&:hover{
				color:#5e7775;
			}
		}
	}
	.more{
		font-size:16px;
		font-style: italic;
		color:#7a6569;
		display: inline-block;
		margin-bottom:25px;
		border-bottom:1px solid #7a6569;
		&:hover{
			border-bottom:1px solid transparent;
		}
	}
	.more_book{
			font-size:16px;
		
		color:#7a6569;
		display: inline-block;
		margin-bottom:25px;
		border-bottom:1px solid #7a6569;
		&:hover{
			border-bottom:1px solid transparent;
		}
		}
	.dine_thumb{
		position: relative;
		.overlay{
			opacity:0;
			position: absolute;
			background:rgba(122,101,105,0.9);
			width:100%;
			height:100%;
			color:#fff;transition-duration: 0.3s;-webkit-transition-duration: 0.3s;
			.text{
				padding:40px;
                font-size:21px;
                line-height: 24px;
			}
		}
		img{
			width:100%;
		}
		&:hover{
			.overlay{
				opacity:1;
			}
		}
		
	}
}
.about_feed{
    h3{
		font-size:24px;
		line-height: 29px;
    }
}
.art_main_top{
	padding:0px 8vh  8vh  8vh;
	h2{
		color:#839794;	
		font-size: 40px;
    margin: 0 0 20px 0;
	}
    h3{
        margin:0px !important;
        color:#839794;
		font-size: 20px !important;
    }
    .vid_image{
        width:100%;
        margin-bottom:15px;
    }
}
.art_vid_wrap{
    position: relative;
    .play_btn{
        position: absolute;
        top:50%;
        left:50%;
        margin-top:-51px;
        margin-left:-51px;
    }
}
.afternoon_tea_text{
    padding:5vh 0px;
    a{
        color:#7a6569;
        font-style: italic;
        border-bottom:1px solid #7a6569;
        margin-bottom:5px;
        display:inline-block;
    }
}
.afternoon_tea_image{
    img{
        width:100%;
    }
}
.merrion_plinth_content{
    h2{
        font-size: 34px;
        color:#5e7775;
        margin:30px 0px;
    }
    
}
.merrion_plinth_main_image{
    margin:100px 0px 40px 0px;
    img{
        width:100%;
    }
}
.artist_profiles_body{
    border-top:1px solid #5e7775;
    margin-top:12vh;
    padding:8vh;
	h2{
		color:#839794;
		font-size: 40px;
    margin: 0 0 20px 0;
	}
    h3{
        margin:50px 0px 20px 0px;
        color:#7a6569;
		font-size: 26px !important;
    }
}
.spa_main_top{
	padding:0px 0px 4vh 0px !important ;
	h2{
		color:#839794;
		font-size: 40px;
    margin: 0 0 20px 0;
	}
    h3{
        margin:0px !important;
        color:#839794;
		font-size: 20px !important;
    }
}
.wedding_main_top{
    padding:0px 0px 0px 0px; 
	h2{
		color:#839794;
		font-size: 40px;
    margin: 0 0 20px 0;
	}
    h3{
        margin:0px !important;
        color:#839794;
		font-size: 20px !important;
    }
}
.spa_main_bottom{
    text-align: center;
    margin-bottom:30px;
    a{
       
		font-style: italic;
		color:#7a6569;
		display: inline-block;
		margin-bottom:25px;
		border-bottom:1px solid #7a6569;
		&:hover{
			border-bottom:1px solid transparent;
		}
    }
}
.wedding_main_bottom{
	 margin-bottom:30px;
    margin-top:10px;
	a{
		text-decoration: none;
	}
	/*
    text-align: center;
   
    font-size: 15px;
    a{
       
		font-style: italic;
		color:@gold !important;
        text-transform: uppercase;
		display: inline-block;
		margin-bottom:25px;
	//border-bottom:1px solid @gold !important;
		&:hover{
	//		border-bottom:1px solid transparent;
		}
    }
	*/
}
.spa_feed{
	h3{
		color:#839794;
		font-size:24px;
		line-height: 28px;
		margin:20px 0px 5px 0px;
		a{
			color:#5e7775;
			&:hover{
				color:#5e7775;
			}
		}
	}
	.more{
		font-size:16px;
		font-style: italic;
		color:#7a6569;
		display: inline-block;
		margin-bottom:25px;
		border-bottom:1px solid #7a6569;
		&:hover{
			border-bottom:1px solid transparent;
		}
	}
	.more_book{
			font-size:16px;
		
		color:#7a6569;
		display: inline-block;
		margin-bottom:25px;
		border-bottom:1px solid #7a6569;
		&:hover{
			border-bottom:1px solid transparent;
		}
		}
	.dine_thumb{
		position: relative;
		.overlay{
			opacity:0;
			position: absolute;
			background:rgba(122,101,105,0.9);
			width:100%;
			height:100%;
			color:#fff;transition-duration: 0.3s;-webkit-transition-duration: 0.3s;
			.text{
				padding:20px;
                font-size:18px;
                line-height: 21px;
			}
		}
		img{
			width:100%;
		}
		&:hover{
			.overlay{
				opacity:1;
			}
		}
		
	}
}
.dine_options_info{
	padding:100px 0px 50px 0px;
}
.weddingsoptions_info{
	padding:20px 0px 50px 0px;
}
.gift_info{
	padding:0px 0px 50px 0px;
}
.h2_heading{
    font-size:34px;
    margin-bottom:40px;
    color:#5e7775;
}
.about_options{
    padding:50px 0px 40px 0px;
}
.reserve_wrap{
		text-align:center;
		padding:40px;
		color:#7a6569;
		background:#e0e5e4;
		p{
			margin-bottom:15px;
		}
		a{
			color:#7a6569;
		}
		.red{
			color:#7a6569;
		}
		.head_wrap{
			margin:0vh 0px 5vh 0px;
		}
		h3{
			
			display:inline-block;
			font-weight:700;
			color:#5e7775;
			letter-spacing:1px;
			text-transform:uppercase;
			font-size:21px;
		}
		select{
			height:40px;
			width:100%;
			display:block;
			color:#5e7775;
			background:none;
			-webkit-appearance: none;  
				 -moz-appearance: none;  
				 border: none;
				 border-bottom:1px solid #5e7775;  
				 font-size:16px;
				 border-radius: 0px;
				 padding: 0px 5px;
				 cursor: pointer;
					outline:none;
		}
		input[type=text]{
			font-size:16px;
			width:100%;
			color:#5e7775;
			-webkit-appearance: none;
  			-webkit-border-radius: 0;
			background:none;
			border: none;
			padding:10px 5px;
				 border-bottom:1px solid #5e7775; 
				 outline:none;
		}
		#resDate{
			background: transparent url('../images/icon_book_1.svg') no-repeat right center;
		}
		#resTime{
			background: transparent url('../images/icon_book_2.svg') no-repeat right center;
		}
		#partySize{
			background: transparent url('../images/icon_book_3.svg') no-repeat right center;
		}
		::-webkit-input-placeholder { /* Chrome/Opera/Safari */
		  color: #5e7775;
		}
		::-moz-placeholder { /* Firefox 19+ */
		   color: #5e7775;
		}
		:-ms-input-placeholder { /* IE 10+ */
		   color: #5e7775;
		}
		:-moz-placeholder { /* Firefox 18- */
		   color: #5e7775;
		}
		input[type=button]{
			width:100%;
			-webkit-appearance: none;
  			-webkit-border-radius: 0;
			background:transparent url('../images/side_arrow.svg') no-repeat right center;
			color:#fff;
			border: none;
			background:#5e7775;
			margin-top:30px;
			outline:none;
			padding:10px;
			font-size:21px;transition-duration: 0.3s;-webkit-transition-duration: 0.3s;
			&:hover{
				background:#7a6569;
				color:#fff;
			}
		}
		.form-group{
			margin:10px 0px;
			display:block;
			width:100%;
		}
		
	}
.gallery{
	margin:30px 0px 30px -6px !important;
}
.gallery-item{
	
	padding:6px;
	/*width: calc(100% / 3 - 0px) !important;*/
	img{
		width:100%;
		height:auto;
		border:none !important;
	box-shadow: none !important;
	}
}
.menu_wrap{
	padding:20px 0px 80px 0px;
	h3{
		 font-size: 32px;
    	margin: 0 0 0px 0;
    	color: #c2a01e;
	}
	h4{
		text-transform: uppercase;
		color: #c2a01e;
		font-size: 21px;
		font-weight: 600;
		margin: 25px 0 5px 0;
	}
}
.menu_wrap_main{
    padding:0px 0px;
}
.menu_tabs{
	
}
.nav-tabs {
    border-bottom: 1px solid transparent;
}
.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: transparent;
    border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.428571429;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}
.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 20px 10px 0px;
	font-size: 32px;
	&:hover{
		background:transparent !important;
		border-color:transparent !important;
	}
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #c2a01e;
    background-color: transparent;
    border-color: transparent !important;
}
.main_content{
	h1{
		margin:20px 0px 30px 0px;
		color:#c2a01e;
		font-size:45px;
		line-height: 1.2em;
		/*font-style: italic;*/
	}
    h1.wedding{
		margin:40px 0px 30px 0px;
		color:#5e7775;
		font-size:55px;
		font-style: italic;
	}
    h2.testimonials{
        font-size: 25px;
		font-weight:600;
		margin:0px 0px 20px 0px;
        color:#5e7775;
    }
	h3{
		font-size: 25px;
		font-weight:600;
		margin:0px 0px 20px 0px;
	}
    h4{
        font-size: 21px;
		font-weight:600;
		margin:0px 0px 20px 0px;
        color:#c2a01e;
    }
	ul{
		padding:0px 0px 0px 10px;
		list-style: none;
		li{
			padding-bottom:15px;
		}
	}
	p{
		margin-bottom:25px;
	}
	a{
		color:#7a6569;
		/*border-bottom:1px solid @brown;*/
		/*text-decoration: underline;*/
		font-weight: bold;
		&:hover{
			text-decoration: underline;
		}
	}
	h3 a{
		&:hover{
			text-decoration: none;
		}
	}
    .more{
		font-weight: 400;
		font-style: italic;
		color:#7a6569;
		display: inline-block;
		margin-bottom:15px;
		border-bottom:1px solid #7a6569;
		&:hover{
			border-bottom:1px solid transparent;
			text-decoration: none;
		}
	}
    img{
        max-width:100%;
    }
}
.no_title{
	padding-top:10px; 
}
.attractions_feed{
	padding-top:20px;
	h2{
		font-size: 32px;
    margin: 20px 0 20px 0;
    color: #5e7775;
		
	}
}
.sitemap_wrap{
    padding-top: 0px;
    .wsp-pages-title{
        display:none;
    }
    ul{
        list-style: inherit;
        padding:20px;
        li{
            padding-left:10px; 
            a{
                border-bottom:none;
            }
        }
    }
}
.media_centre_wrap{
    padding-top: 0px;
    .wsp-pages-title{
        display:none;
    }
    ul{
        list-style: inherit;
        padding:20px;
        li{
            padding-left:10px; 
            a{
                border-bottom:none;
            }
        }
    }
}
.wedding_links{
	font-style: italic;
	list-style: none;
	padding:10px 0px;
	li{
		padding-bottom:15px;
		a{
			color:#7a6569;
			border-bottom:1px solid #7a6569;
			text-decoration: none;
		}
        .goldit{
            color:#c2a01e;
			border-bottom:1px solid #c2a01e;
        }
	}
}
.wedding_quote{
		text-align: center;
		font-style:italic;
		padding:30px;
		font-size: 35px;
		line-height: 45px;
	}
.video_container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-container {
	width: 100%;
	max-width: 100%;
	position: relative;
	padding-top: 56.25%; /* 16:9 aspect ratio (adjust if needed)*/
	overflow: hidden;
  }
.video-container .wp-video,
  .video-container .mejs-container,
  .video-container video {
	position: absolute !important;
	top: 0; left: 0; bottom: 0; right: 0;
	width: 100% !important;
	height: 100% !important;
	max-width: 100%;
	max-height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	background: #000;
  }
.wedding_packages{
	margin-top:0px;
	
	.package_list{
		font-style:italic;
		list-style: none;
		padding:20px 0px;
		font-size: 35px;
		line-height: 45px;
		li{
			padding:5px 0px;
			a{
				color:#7a6569;
			}
		}
	}
}
.footer_package{
	margin:60px 0px;
	font-style: italic;
	hr{
		border:none;
		border-bottom:1px solid #7a6569;
		margin-bottom:30px;
	}
	ul{
		list-style: none;
		padding:0px;
		li{
		
			padding:8px 0px;
		}
	}
	a{
		color:#7a6569;
		text-decoration: none;
		border-bottom:1px solid #7a6569;
	}
}
.videopop{
	height:100vh;
	.video_wrap{
		height:100vh;
		width:100%;
		display: table;
		.inner{
			vertical-align: middle;
			display: table-cell;
		}
	}
}
.popup_close{
	position: absolute;
	top:20px;
	right:20px;
	cursor: pointer;
}
/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;
  transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 1;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}
/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}
.dine_options_info_content_single{
    padding:60px 0px;
    h2{
        color:#c2a01e;
        font-size:40px;
    }
    a{
        font-style: italic;
        color:#7a6569;
        border-bottom:1px solid #7a6569;
    }
}
#news_head{
    padding-top:80px;
    padding-bottom:40px;
    color:#5e7775;
    h1{
        color:#5e7775;
        font-size: 40px;
    margin: 0 0 20px 0;
    letter-spacing: 1px;
    }
}
.blog_header{
    background:#839794;
    color:#fff;
    text-align: center;
    text-transform: uppercase;
    font-size:50px;
    line-height: 120px;
    padding:20px 20px 0px 20px;
}
#news_content{
    h2{
        font-size: 24px;
        line-height: 30px;
        margin:20px 0px 5px 0px;
       
        a{
            color:#5e7775;
        }
        
    }
    .meta{
            margin-bottom:15px;
        font-size:16px;
        }
}
#news_content_inner{
    padding-top:20px;
    .heading{
        padding:30px 0px 0px 0px;
         h1{
             color:#5e7775;
        font-size: 30px;
    margin: 0 0 0px 0;
    letter-spacing: 1px;
        }
        a{
            color:#7a6569;
            font-style: italic;
            border-bottom:1px solid #7a6569;
        }
    }
    .text{
        padding:15px 0px;
       /* column-count: 2;*/
	  /*  column-gap: 40px;*/
        h1{
             color:#5e7775;
        font-size: 30px;
    margin: 0 0 0px 0;
    letter-spacing: 1px;
        }
        a{
            color:#7a6569;
            font-style: italic;
            border-bottom:1px solid #7a6569;
        }
        img{
            margin:10px 0px 20px 0px;
        }
    }
}
.blog_feed_image{
    width:100%;
}
.video_gallery_wrap{
    position: relative;
    .video_gallery_wrap_image{
        position: relative;
        .play{
            position: absolute;
            background:url('../images/play_btn.svg') no-repeat;
            width:52px; 
            height:52px;
            top:50%;
            left:50%;
            opacity:0.7;transition-duration: 0.3s;-webkit-transition-duration: 0.3s;
            margin-top:-26px;
            margin-left:-26px;
        }
        &:hover{
            .play{
                opacity:1;
            }
        }
    }
    a.zoom_image{
        color:#343535;
    }
    .gallery_wrap_image{
        position: relative;
        margin-bottom:40px;
        .overlay{
            position: absolute;
            width:100%;
            height:100%;
            top:0px;
            left:0px;
            background:rgba(209,206,201,0.7);
            opacity:0;transition-duration: 0.3s;-webkit-transition-duration: 0.3s;
        }
        &:hover{
            .overlay{
                opacity:1;
            }
        }
    }
    h3{
        margin:20px 0px 40px 0px;
        font-size: 21px;
        a{
            color:#7a6569;
        }
    }
    .thumb{
        width:100%;
    }
}
.map_wrap{
    height:50vh;
    margin-bottom:40px;
	iframe{
		height:100%;
		width:100%;
	}
}
.location_videos{
    margin:20px 0px;
	h1, h2{
		font-size:32px;
		margin:0px 0px 20px 0px;
		color:#7a6569;
	}
	a{
		color:#7a6569;
		border-bottom:1px solid #7a6569;
		&:hover{
			text-decoration: none;
			border-bottom:1px solid transparent;
		}
	}
}
.location_details{
    
	a{
		color:#7a6569;
		border-bottom:1px solid #7a6569;
		&:hover{
			text-decoration: none;
			border-bottom:1px solid transparent;
		}
	}
}
.about_inner_2_text{
    padding:25px 0px;
    
    .more{
			color:#7a6569;
			font-style: italic;
			border-bottom:1px solid #7a6569;
			display: inline-block;
			padding-bottom:0px;
			
		}
}
.about_inner_2_heading{
    font-size:32px;
		margin:20px 0px 20px 0px;
		color:#5e7775;
}
.masthead_about_inner_2{
	height:35vw;
}
.meeting_details{
    padding-top:50px;
}
.meeting_details_2{
    padding:40px 0px;
    .facilities{
        h2{
            font-size: 24px;
            color:#5e7775;
        }
    }
    .room_plan{
        img{
            max-width:100%;
        }
    }
}
.meetings_link{
	margin:10px 0px 60px 0px;
	a{
		/*border:none;*/
		border-color:#c2a01e;
	}
}
.wedding_form{
    background:#f5f5f5;
    padding:40px;
    h2{
        font-size: 34px;
        margin-bottom:30px;
    }
}
.book_mobile{
    display: none;
    position: fixed;
    bottom:0px;
    left:0px;
    background:#3c514e;
    color:#fff;
    width:50%;
    text-align: center;
    padding:20px 20px 18px 20px;
    font-size: 16px;
    text-transform: uppercase;
    
    &:hover{
     text-decoration: none;
		color:#fff;
    }
}
.dine_book_mobile{
    display: none;
    position: fixed;
    bottom:0px;
    right:0px;
    background:#3c514e;
    color:#fff;
    width:50%;
    text-align: center;
    padding:20px 20px 18px 20px;
    font-size: 16px;
    text-transform: uppercase;
    
    &:hover{
     text-decoration: none;
		color:#fff;
    }
}
.home_vid{
	position:absolute;
	min-width:100%;
	height:100%;
	background:#fff;
	/*z-index:-1;*/
}
#bgvid{
	height: 100vh; min-height: 100%; 
	min-width: auto; width: 100%;  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition-duration: 500ms;
	-o-object-fit: cover;
	   object-fit: cover;
	
}
.navbar-form{
    padding:0px 0px 20px 0px;

    ::-moz-placeholder {
      color: #fff;
    }

    ::placeholder {
      color: #fff;
    }
}
.search-query{
    width:185px;
    border:none;
    border-bottom:1px solid #fff;
    background:none;
    background: url('../images/search_icon.svg') no-repeat center right;
    color:#fff;
    outline:none;
}
.search_content{
    a{
        color:#5e7775 !important;
    }
    .meta{
    a{
        color:#5e7775 !important;
    }
    }
    h2{
        font-size:34px;
    }
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    z-index: 2;
    color: #fff !important;
    background-color: #5e7775;
    border-color: #5e7775;
}
.pagination {

	display: flex; 
	gap:10px;   
	li a{
		padding:5px 10px 0px 10px;
	}
	}
.spro-field{
    width:300px;
    margin:10px 0px;
}
.floor_plans{
	h2{
		margin:20px 0px;
	}
}
.pagination_wrap{
	text-align: center;
}
.pagination {
   justify-content: center;
}
.offers_link{
	
	text-align: right;
	img{
		max-width: 100%;
	}
}
.trip_link{
	
	img{
		max-width: 100%;
	}
}
.gift_link{

	img{
		max-width: 100%;
	} 
}
.circleimage{
    border-radius: 50%;
    width:100px;
    margin-right:15px;
    margin-bottom:10px;
    margin-top:10px;
}
.wiw{
    strong{
        color:#a7c19a;
    }
}
.wedding_slider_wrap{
	position: relative;
	margin-top:80px;
	.slide{
		display: flex;
		/*justify-content: center;*/
		/*align-items: center;*/
		.image{
			flex:1;
		}
		.text{
			flex:1;
			padding:80px 40px;
		}
		
	}
	.slideprev{
		position: absolute;
		top:20px;
		right:60px;
		cursor: pointer;
		z-index: 1;
	}
	.slidenext{
		position: absolute;
		top:20px;
		right:20px;
		cursor: pointer;
		z-index: 1;
	}
	.wedding_slide{
		display: flex;
		.image{
			flex:1;
		}
		.text{
			flex:1;
			padding:80px 40px;
		}
	}
	.swiper-button-next, .swiper-button-prev {
		&:after {
			display:none;
		}
	}
}
.glightbox-clean .gslide-title {
    font-size: 1em;
    font-weight: 400;
    font-family: adobe-caslon-pro, serif !important;
    color: #5e7775 !important;
    margin-bottom: 0px !important;
    line-height: 1.0em !important;
}
.swiper-button-next, .swiper-button-prev {
	color:#fff;
	opacity: 0.3;
	
	&:hover{
		opacity: 1;
	}
	&:after{
font-size: 30px;
	}
}
.swiper-pagination-bullet-active{
	background:#fff;
}
.page-header {
	padding-bottom: 9px;
	margin: 40px 0 20px;
	border-bottom: 1px solid #eee;
	}
.search_content{
	/*padding-top:100px;*/
	h2{
		line-height: 1.2em;
	}
	.meta{
		margin-bottom:10px;
	}
	.hentry{
		margin-bottom:40px;
	}
}
@media only screen and (min-width : 1400px) {
	.container{
		min-width:1320px;
	}
	
}
@media only screen and (min-width : 1600px) {
	.container{
	/*	min-width:1520px;*/
	}
}
@media only screen and (min-width : 1700px) {
	.container{
	/*	min-width:1620px;*/
	}
}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	
	.widget{
		margin-bottom:20px;
	}
	
    .masthead_home_block{
        position: relative;
        height:50vh; 

        .text{
            padding:20vh 0px;
            text-align: center;
            position: relative; 

            h3,h1,h2{
                font-size:34px;
                letter-spacing: 2px;
				line-height: 1.2em;
                text-shadow: 0px 0px 11px rgba(0,0,0,0.53);
                -webkit-text-shadow: 0px 0px 11px rgba(0,0,0,0.53);
                -moz-text-shadow: 0px 0px 11px rgba(0,0,0,0.53);
            }
            .more{
                font-style: italic;
                font-size:22px;
                border-bottom:1px solid #fff;
                display:inline-block;
                cursor: pointer;
                text-shadow: 0px 0px 11px rgba(0,0,0,0.53);
                -webkit-text-shadow: 0px 0px 11px rgba(0,0,0,0.53);
                -moz-text-shadow: 0px 0px 11px rgba(0,0,0,0.53);
                &:hover{
                    border-bottom:1px solid transparent;
                }
            }

        }


    }

	.wedding_slider_wrap{
		position: relative;
		margin-top:40px;
		.slide{
			display: block;
		}
		.wedding_slide{
			display: block;
		}
	}

	.footer .inner{
		padding:0px;
		.navbar-form {
			padding-left:15px;
		}
	}
	
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .book_mobile, .dine_book_mobile{
        display: block;
    }
    
    .split_text_main{
	
	.text{
		-moz-column-count: 1;
		     column-count: 1;
	-moz-column-gap: 0px;
	     column-gap: 0px;
		
	}
      
}
	
  .dine_main_top {
        padding: 8vh 0px !important;
    }
    
    .book_top_wrap{
           
        display:none;
        }
	.gift_top_mobilea{
		display: block;
		position: fixed;
		right:10px;
		top:38px;
	}
       .gift_top_mobile{
			vertical-align: middle;
			
			color:#c2a01e;
			background:url('../images/gift_icon.svg') no-repeat center left 0px;
			border-bottom:none;
			width:50px;
		   height:50px;
			text-transform: uppercase;
			font-size: 13px;

		}
    .masthead{
	height:45vh;
     h1.heading{
		/*color:@black;*/
		font-family: emily-austin, sans-serif;
		padding:30px;
		text-align: center;
		font-size:9vw;
		line-height: 1;
		/*display:none;*/
        /* display:none;*/
	}
    }
    
    
    .masthead_home_block{
        position: relative;
       /* height:inherit;*/

        .text{
            padding:20vh 0px;
            text-align: center;
            position: relative;

            h3,h1, h2{
                font-size:29px;
                letter-spacing: 2px;
                text-shadow: 0px 0px 11px rgba(0,0,0,0.53);
                -webkit-text-shadow: 0px 0px 11px rgba(0,0,0,0.53);
                -moz-text-shadow: 0px 0px 11px rgba(0,0,0,0.53);
            }
            .more{
                font-style: italic;
                font-size:22px;
                border-bottom:1px solid #fff;
                display:inline-block;
                cursor: pointer;
                text-shadow: 0px 0px 11px rgba(0,0,0,0.53);
                -webkit-text-shadow: 0px 0px 11px rgba(0,0,0,0.53);
                -moz-text-shadow: 0px 0px 11px rgba(0,0,0,0.53);
                &:hover{
                    border-bottom:1px solid transparent;
                }
            }

        }


    }
    
    .footer{
	position: relative;
	background:#5e7775;
	padding:20px 3vw 80px 3vw;
    }
	
	.main_top_home{
		font-size:21px;
		line-height: 28px; 
		padding-top:30px;
	}
	.main_top .extra_padding {
		padding: 0 10px;
	}
	
	.book_bar, .tripadvisor_footer{
		display:none;
	}
	
	.social_footer{
		padding:60px 0px 20px 0px;
	}
	
	.footer .right_border {
    border-right:none;
}
	
	.navbar-brand {
		top:30px;
		img{
			max-width:150px;
		}
	}
	
	.trip_link{
		text-align: center;
	}
	
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

}
@media (min-width: 640px){
	.sm\:visible{
	
		visibility:visible;
	
	}
	.sm\:block{
	
		display:block;
	
	}
	.sm\:hidden{
	
		display:none;
	
	}
	
}