@font-face {
    font-family: "Guton";
    src: url("../fonts/new-font.woff2") format("woff2"),
    src: url("../fonts/new-font.woff") format("woff");
}
/***Change Menu Breakpoint***/
@media (max-width: 1325px) {
    .tm-header-mobile {
        display:block!important;
    }
}
@media (min-width:960px) and (max-width:1325px) {
    .tm-header {
        display:none!important;
    }
}

.resi-footer-logo-light a {
fill: #fdf6ee !important;
}

/* Solid popover icon — single color pulse */
.tm-popover-items .el-marker {
  background-color: #f2eee1;
  border: none;
  animation: solid-pulse 1.5s infinite;
  color: #455324; /* ensures the "+" stays visible */
}

@keyframes solid-pulse {
  0% {
    transform: scale(0.95);
  }
  70% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.95);
  }
}



/* Adds a border radius to images on the left-bottom corner */

.left-border img {
	border-radius: 0 0 0 90px;
  display: inline-block;
  overflow: hidden;
  background-color: #fff6ed; 
}

.left-border img {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
 	object-fit: cover;
}

.left-border-card {
border-radius: 0 0 0 90px;
}

.right-border-bottom img {
	border-radius: 0 0 90px 0;
  display: inline-block;
  overflow: hidden;
  background-color: #fff6ed; 
}

.right-border-bottom img {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
 	object-fit: cover;
}

.right-border-top {
	border-radius: 0 90px 0 0;
  overflow: hidden;
}


.left-border-top .uk-tile-default {
		border-radius: 90px 0 0 0;
}

/* Adds a longer line to section titles */
.tm-section-title>::before {
    top: -375px;
    height: 350px;
}

/* Adds a border radius to images in a slideshow */
.heroSlideshow-leftBottom ul {
    border-radius: 0 0 0 90px;
}

.heroSlideshow-leftTop ul {
    border-radius: 90px 0 0 0;
}

.heroSlideshow-rightBottom ul {
    border-radius: 0 0 90px 0;
}

@media (max-width: 960px) {
#home-amenities-slider ul {
    border-radius: 0 0 0 0;
}
}


/* Adds a large downward arrow element */
.hero-arrow::after {
    content: "";
	position: relative;
	left: -15px;
    display: block;
    height: 100px;
    width: 100px;
    background-image: url("data:image/svg+xml,%3Csvg fill='%23fdf6ee' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M8 1a.5.5 0 01.5.5v11.793l3.146-3.147a.5.5 0 01.708.708l-4 4a.5.5 0 01-.708 0l-4-4a.5.5 0 01.708-.708L7.5 13.293V1.5A.5.5 0 018 1z'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: 20px; 
}
.hero-arrow::after {
  content: "";
  position: relative;
  left: -15px;
  display: block;
  height: 100px;
  width: 100px;
  background-image: url("data:image/svg+xml,%3Csvg fill='%230E1A30' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M8 1a.5.5 0 01.5.5v11.793l3.146-3.147a.5.5 0 01.708.708l-4 4a.5.5 0 01-.708 0l-4-4a.5.5 0 01.708-.708L7.5 13.293V1.5A.5.5 0 018 1z'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: 20px; 
}
.hero-arrow-dark::after {
  content: "";
  position: relative;
  left: -15px;
  display: block;
  height: 100px;
  width: 100px;
  background-image: url("data:image/svg+xml,%3Csvg fill='%230E1A30' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M8 1a.5.5 0 01.5.5v11.793l3.146-3.147a.5.5 0 01.708.708l-4 4a.5.5 0 01-.708 0l-4-4a.5.5 0 01.708-.708L7.5 13.293V1.5A.5.5 0 018 1z'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: 20px; 
}

.hero-arrow-center::after {
    content: "";
    display: block;
    position: relative;
    left: 50%;
    transform: translate(-50%, -0%);00px;
		height: 100px;
    width: 100px;
    background-image: url("data:image/svg+xml,%3Csvg fill='%230E1A30' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M8 1a.5.5 0 01.5.5v11.793l3.146-3.147a.5.5 0 01.708.708l-4 4a.5.5 0 01-.708 0l-4-4a.5.5 0 01.708-.708L7.5 13.293V1.5A.5.5 0 018 1z'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: 20px;  
}
.hero-arrow-center-dark::after {
    content: "";
    display: block;
    position: relative;
    left: 50%;
    transform: translate(-50%, -0%);00px;
		height: 100px;
    width: 100px;
    background-image: url("data:image/svg+xml,%3Csvg fill='%230E1A30' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M8 1a.5.5 0 01.5.5v11.793l3.146-3.147a.5.5 0 01.708.708l-4 4a.5.5 0 01-.708 0l-4-4a.5.5 0 01.708-.708L7.5 13.293V1.5A.5.5 0 018 1z'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: 20px;  
}
/***Customize Subnav***/
@media only screen and (max-width: 767px) {
    
.el-nav .uk-subnav .uk-subnav-pill {
    margin: 0 auto !important;
 }   
.el-nav .uk-subnav .uk-subnav-pill li {  
    padding: 10px 0 !important;  
}
.uk-subnav a {
    font-size: .75rem !important;
    padding: 10px !important;
  }
}

/***Responsive Sizing***/

@media (max-width: 768px) {
.hero-arrow::after {
		height: 80px;
    width: 80px;
		position: relative;
		left: -10px;
}
	.hero-arrow-center::after {
		height: 80px;
    width: 80px;
}
}
.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li>a,
.uk-light .uk-navbar-nav>li>a,
.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li.uk-active>a,
.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li>a:hover,
.uk-light .uk-navbar-nav>li>a:hover, .tm-headerbar-default .uk-nav-default>li>a, .tm-toolbar-default .uk-nav-default>li>a, .uk-card-primary.uk-card-body .uk-nav-default>li>a, .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default>li>a, .uk-dropbar .uk-nav-default>li>a, .uk-light .uk-nav-default>li>a, .uk-navbar-container:not(.uk-navbar-transparent) .uk-nav-default>li>a, .uk-offcanvas-bar .uk-nav-default>li>a, .uk-overlay-primary .uk-nav-default>li>a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li>a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li>a,.tm-headerbar-default .uk-nav-default>li>a:hover, .tm-toolbar-default .uk-nav-default>li>a:hover, .uk-card-primary.uk-card-body .uk-nav-default>li>a:hover, .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default>li>a:hover, .uk-dropbar .uk-nav-default>li>a:hover, .uk-light .uk-nav-default>li>a:hover, .uk-navbar-container:not(.uk-navbar-transparent) .uk-nav-default>li>a:hover, .uk-offcanvas-bar .uk-nav-default>li>a:hover, .uk-overlay-primary .uk-nav-default>li>a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li>a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li>a:hover,.tm-headerbar-default .uk-icon-link, .tm-toolbar-default .uk-icon-link, .uk-card-primary.uk-card-body .uk-icon-link, .uk-card-primary>:not([class*=uk-card-media]) .uk-icon-link, .uk-dropbar .uk-icon-link, .uk-light .uk-icon-link, .uk-navbar-container:not(.uk-navbar-transparent) .uk-icon-link, .uk-offcanvas-bar .uk-icon-link, .uk-overlay-primary .uk-icon-link, .uk-section-primary:not(.uk-preserve-color) .uk-icon-link, .uk-tile-primary:not(.uk-preserve-color) .uk-icon-link{
	color: #F2eee1;
}

.uk-navbar-container:not(.uk-navbar-transparent) .uk-button-secondary,
.uk-light .uk-button-secondary,
.uk-section-primary:not(.uk-preserve-color) .uk-button-primary,
.tm-headerbar-default .uk-button-primary, .tm-toolbar-default .uk-button-primary, .uk-card-primary.uk-card-body .uk-button-primary, .uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary, .uk-dropbar .uk-button-primary, .uk-light .uk-button-primary, .uk-navbar-container:not(.uk-navbar-transparent) .uk-button-primary, .uk-notification-message-danger .uk-button-primary, .uk-notification-message-primary .uk-button-primary, .uk-notification-message-success .uk-button-primary, .uk-notification-message-warning .uk-button-primary, .uk-offcanvas-bar .uk-button-primary, .uk-overlay-primary .uk-button-primary, .uk-section-primary:not(.uk-preserve-color) .uk-button-primary, .uk-tile-primary:not(.uk-preserve-color) .uk-button-primary{
	background-color: #F2eee1;
	border-color: #F2eee1;
}

.uk-navbar-container:not(.uk-navbar-transparent) .uk-button-secondary:hover,
.uk-light .uk-button-secondary:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:hover,
.tm-headerbar-default .uk-button-primary:hover, .tm-toolbar-default .uk-button-primary:hover, .uk-card-primary.uk-card-body .uk-button-primary:hover, .uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary:hover, .uk-dropbar .uk-button-primary:hover, .uk-light .uk-button-primary:hover, .uk-navbar-container:not(.uk-navbar-transparent) .uk-button-primary:hover, .uk-notification-message-danger .uk-button-primary:hover, .uk-notification-message-primary .uk-button-primary:hover, .uk-notification-message-success .uk-button-primary:hover, .uk-notification-message-warning .uk-button-primary:hover, .uk-offcanvas-bar .uk-button-primary:hover, .uk-overlay-primary .uk-button-primary:hover, .uk-section-primary:not(.uk-preserve-color) .uk-button-primary:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:hover{
	background-color: transparent;
	color: #F2eee1;
}

.uk-navbar .uk-icon{
	color: #f2eee1;
}
div#instagramCTA .uk-tile-muted{
	background-color: #f6e980;
}
@media (min-width: 960px) {
    div#instagramCTA .uk-tile {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.uk-card-default,
.uk-card-default.uk-card-hover:hover {
    background-color: #666037;
    border-color: #666037;
}
.uk-card-default .el-content{
	color: #f2eee1;
}
.uk-button-secondary:hover{
	border-color: #f2eee1;
}
.uk-card .uk-inline-clip {
    width: 100%;
    background: #fff;
}
.popover-item .uk-drop {
    width: unset !important;
}
a.uk-inline-clip.uk-transition-toggle.uk-link-toggle .uk-position-bottom-right.uk-overlay-primary {
    background-color: #F6E980;
    color: #26221A;
}

#contactForm .uk-tile-primary{
    background: #666037;
}

#contactForm .uk-input,
#contactForm .uk-input::placeholder,
#contactForm .uk-select,
#contactForm .uk-textarea,
#contactForm .uk-textarea::placeholder {
	color: #fff;
    border-color: #ffffff !important;
}


#contactForm .uk-select:not([multiple]):not([size])
 {
    background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23FFFFFF%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23FFFFFF%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A);
}