@import url("https://use.typekit.net/rnd5xaz.css");


/* HEADER AND NAVBAR CUSTOM CSS STARTS */

@media screen and (max-width: 960px){
	.uk-logo img {
		width: 200px;
		height: 94px;
	}
}

#module-menu-mobile > ul{
  font-family: 'Open Sans';
}

#module-menu-mobile > ul > li > a:hover, .uk-navbar-toggle:hover, .uk-nav-primary>li.uk-active>a{
  color: #E1AA71;
}

.tm-page-container .tm-page {
	width: 100%;
	height: 100%;
	max-width: 100%;
}

.tm-header :not(.uk-sticky-below)>.uk-navbar-container {
	padding-top: 15px;
	padding-bottom: 15px;
}

.uk-navbar-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: baseline;
    align-content: center;
    width: 100%;
}

.uk-navbar .uk-navbar-left {
	display: flex;
    align-items: center;
}

.uk-navbar .uk-navbar-left:only-child {
	margin-left: auto;
    margin-right: auto;
    position: relative;
}

.uk-navbar-nav>li.uk-active>a {
    font-weight: bold;
    text-decoration: underline;
}

.tm-headerbar-top .uk-container .uk-logo {
	flex-grow: 1;
}

.tm-headerbar-top .uk-container .uk-margin-auto-left {
	flex-grow: 10;
	margin-left: 0!important;
}

.tm-headerbar-top .uk-container .uk-grid-medium div.uk-first-column {
	width: calc(100% - 240px);
}

@media screen and (max-width: 768px) {
    
  li.el-item{
      margin-left: 20px;
  }
  

}

@media screen and (min-width: 961px) {

.tm-headerbar-top {
    padding-top: 0;
    margin-top: -15px;
}

}

/* HEADER AND NAVBAR CUSTOM CSS ENDS */


/*UTILITY CUSTOM CSS STARTS*/

html{
  scroll-behavior: smooth;
}

.font__cezanne{
  font-family: p22-cezanne-pro;
  line-height: 80px;
  letter-spacing: 0.02em;
  font-weight: 400;
}

h2.font__cezanne{
  font-size: 70px;
  line-height: 100px;
}

.font__white{
  color: #fff;
}

.font__gold {
  color: #e1aa71;
}

.font__dark{
 	color: #333 !important;
}

.font__small{
  font-size: 20px;
}

.font__medium{
  font-size: 24px;
}

.button{
  padding: 14px 20px;
  font-size: 20px;
}

a:hover{
  text-decoration: none;
}

a.link__text:hover{
	filter: brightness(85%);
}

p.button__text:hover{
  opacity: 0.8;
}

a.button:hover{
  color: white;
  opacity: 0.8;
  
}

a.normal__link{
  color: #333;
}

p.normal__link:hover{
  opacity: 0.6;
}

.link:hover{
  opacity: 0.8;
}

div.button:hover{
  color: white;
  opacity: 0.8;
}

.button__square{
  padding: 14px;
  font-size: 20px;
}

.button__white{
  background-color: #fff;
  color: #525252;
}

.button__orange{
  background-color: #E1AA71;
  color: #333;
  border-radius: 0 !important;
}

.background__large{
  padding: 80px;
}

.background{
  padding: 50px;
}

.background__horizontal{
  padding: 0 50px;
}

.background__small{
  padding: 10px 20px;
}

.background__medium{
  padding: 30px;
}

.background__lightgrey{
  background-color: #E2E3E4;
}

.background__grey{
  background-color: #525252;
}

.background__darkgrey{
  background-color: #333333;
}

.background__orange{
  background-color: #E1AA71;
}

.background__margintop--negative{
  margin-top: -25px;
}

.background__marginbottom--negative{
  margin-bottom: -25px;
}

.hero__overlay{
  background: rgba(51, 51, 51, 0.35);
}

.heading__smallmargin--top{
  margin-top: 20px;
}

.heading__smallmargin--bottom{
  margin-bottom: 20px !important;
}

.font__orange{
  color: #E1AA71;
}
.margintop__negative{
  margin-top: -150px;
}

.image__whiteborder{
	border: 4px solid #fff;
  	box-shadow: 5px 5px 20px 0 #000;
}

.image__zindex{
  z-index: 5;
  position: relative;
}

.grid__platemargin{
  margin-right: -60%;
}

.background__image{
  background-position: center center;
  background-size: cover !important;
}

.header__button--marginbottom{
  margin-bottom: 2px;
}

.uk-icon > svg{
  margin-bottom: 6px;
}

/*UTILITY CUSTOM CSS ENDS*/

/**HOMEPAGE CUSTOM CSS STARTS*/
.background__marginright{
  margin-right: 300px;
}

.background__marginleft{
  margin-left: 200px;
}

.grid__item--small{
  margin: 100px 0;
}

.grid__item--xsmall{
  margin: 40px 0;
}

.corporate__image--large{
  z-index: 5;
  margin: -80px -200px 40px 100px;
}

.grid__item--image{
  padding: 250px 0 0 0;
}

.grid__item--overlay{
  color: #fff;
  text-align: center;
  background: rgba(51, 51, 51, 0.75);
  min-height: 60px;
  width: 100%;
}
/*HOMEPAGE CUSTOM CSS ENDS*/

/**ABOUT US CUSTOM CSS STARTS*/
.image__marginbottom{
  margin-bottom: -300px;
}

.grid__image--negativemargin{
  margin: -80px 0;
}

.grid__overlay--padding{
  padding: 10px;
}
/*ABOUT US CUSTOM CSS ENDS*/

/*CONFERENCES CUSTOM CSS STARTS*/
.grid__item--shadow{
  color: #fff;
  background: -webkit-linear-gradient(top,rgba(31,41,52,0) 0%,rgba(31,41,52,.75) 15%,rgba(31,41,52,.75) 100%);
  width: 100%;
  padding: 20px;
}
/*CONFERENCES CUSTOM CSS ENDS*/

/*CELEBRATIONS CUSTOM CSS STARTS*/
.image__margintop{
  margin-top: -250px;
}
/*CELEBRATIONS CUSTOM CSS ENDS*/

/*NEWS CUSTOM CSS STARTS*/
.news__image{
  border: 15px solid #333333;
  outline: 5px solid #E1AA71;
  margin-left: -30px;
  margin-top: -30px
}
/*NEWS CUSTOM CSS ENDS*/

/*CONTACT US CUSTOM CSS STARTS*/
.grid__phonemargin{
  margin-right: -170px;
}
/*CONTACT US CUSTOM CSS ENDS*/

/*OUR ROOMS CUSTOM CSS STARTS*/
#rooms-type, #rooms-capacity, #rooms-disabled{
  background-color: #fff;
  border: 1px solid #525252;
  margin-top: 10px;
}

fieldset.display__inline{
  display: inline-block;
}

.room__details--margin{
  margin-top: 60px;
  margin-left: 30%;
  margin-right: -200px;
  z-index: 10;
  position: relative;
}

form > div.background__medium{
  margin-bottom: 30px;
}

.rooms-accordion {
  padding: 10px;
  border: 3px solid #e1aa71;
}

.rooms-accordion .uk-accordion-title {
  font-family: "Open Sans";
  color: #FFFFFF;
  font-size: 24px;
}

.rooms-accordion .uk-accordion-title:hover {
  color: #e1aa71;
}

.rooms-accordion .uk-accordion-title::before {
	content: "";
	width: 1.4em;
	height: 1.4em;
	margin-left: 10px;
	float: right;
	background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23FFFFFF%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23FFFFFF%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.rooms-accordion .uk-accordion-title:hover::before {
	background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23E1AA71%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23E1AA71%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E);
}

.rooms-table.uk-table-hover tbody tr:hover, .uk-table-hover>tr:hover {
	background: #454545;
}

/*OUR ROOMS CUSTOM CSS ENDS*/

/*ZOOLANDER FORMS CUSTOM CSS STARTS*/
.uk-form-label{
  color: #525252;
  font-weight: 800;
}

.uk-input, .uk-select, .uk-textarea{
  background-color: #fff;
  border: 1px solid #DC3952;
  border-bottom: 1px solid #DC3952 !important;
  margin-bottom: 20px;
  margin-top: 10px;
}

button.el-content{
  background-color: #E1AA71;
  color: #333;
  border-radius: 0 !important;
  font-size: 20px;
  padding: 5px 20px;
}

button.el-content:hover{
  color: #fff;
  background-color: #E1AA71;
  opacity: 0.8;
}

/*ZOOLANDER FORMS CUSTOM CSS ENDS*/

/*FOOTER CUSTOM CSS STARTS*/
.footer-container ul li:not(:first-child) {
	margin-left: 30px;
	text-align: center;
}

.footer-container ul li {
	display: inline-block;
}

.footer-container--info {
	color: #FFFFFF!important;
}

.footer-container--link {
	color: #FFFFFF!important;
}

.footer-container--link:hover {
	color: #E1AA71!important;
}
/*FOOTER CUSTOM CSS ENDS*/

/*RESPONSIVE CLASSES START*/
@media only screen and (max-width: 1199px){
  .grid__platemargin{
    margin-right: initial;
  }
  .grid__phonemargin{
    margin-right: initial;
  }
  .background__marginright{
    margin-right: initial;
  }
  .image__responsive--center{
    text-align: center;
  }
  .background__marginleft{
    margin-left: initial;
  }
  .grid__item--small{
    display: none;
  }
  .corporate__image--large{
    display: none;
  }
  .image__marginbottom{
    margin-bottom: initial;
  }
  .grid__people--responsive{
    margin-top: 80px !important;
  }
  .background__height--responsive{
    height: 450px;
  }
  
  .remove__responsive{
    display: none;
  }
  
  .responsive__nomargin{
    margin: 0 !important;
  }
  
  .responsive__nopadding{
    padding: 0 !important;
  }
  
  #explore__more{
    margin-top: 150px !important;
    margin-right: 20px !important;
  }
}

@media only screen and (min-width: 1600px){
  .plate__responsive{
    margin-left: 160px;
  }
}


@media only screen and (max-width:960px){
  .responsive__remove{
    display: none;
  }
  .grid__imageheight--responsive{
    height: 400px;
  }
  
  .room__details--margin{
    margin: auto;
  }
  #homepage__header{
    display: none;
  }
  
  .responsive__opacity{
    opacity: 0.85;
  }
}

@media only screen and (min-width: 960px){
  #mobileMenu__logo{
    display: none;
  }
}

@media only screen and (max-width: 768px){
  li.el-item {
      margin-left: 0 !important;
  }
  
  .button {
    padding: 14px 10px;
  }
  
  .footer-container ul li:not(:first-child) {
    margin-left: 20px;
  }
  
  .footer-container ul li:nth-child(4), .footer-container ul li:nth-child(7) {
    margin-left: 0;
  }
  
  .font__cezanne .background, .uk-panel.uk-margin .background {
    padding: 20px;
  }
  
  .uk-panel.uk-margin .background {
    position: relative;
    z-index: 3;
    margin-bottom: -120px!important;
  }
  
  .wedding-hero {
    z-index: 3;
    position: relative;
  }
  
  .wedding-subhero {
    margin-top: -120px!important;
  }
  
  .uk-logo img {
	width: 150px;
	height: 70px;
  } 
  
}

@media only screen and (max-width: 670px){
  .responsive__center{
    text-align: center !important;
  }
  
  #brochure-form > .uk-grid > .el-item{
    width: 100%;
  }
  
  #googleMap{
    display: none;
  }
  
  h2.font__cezanne {
	font-size: 62px;
	line-height: 80px;
}
  
  .uk-heading-2xlarge {
    font-size: 5rem;
  }
  
  .homepage-title {
    margin-bottom: 25px!important;
    margin-top: 25px!important;
  }
  
  .button {
    display: inline-block!important;
  }
  
}

@media only screen and (max-width: 400px){
  #explore__more{
    display: none;
  }
}
/*RESPONSIVE CLASSES END*/

/*UI KIT OVERRIDERS START*/
.uk-modal-dialog{
  background-color: #333333;
  border: 5px solid #E1AA71;
  outline: 15px solid #333333;
}
div.uk-modal-footer{
  display: none;
}
/*UI KIT OVERRIDES END*/