@charset 'UTF-8';

@font-face {
    font-family: 'DIN Condensed';
    src: url('DINCondensed-Bold.woff2') format('woff2'),
        url('DINCondensed-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}




html {scroll-behavior: smooth!important;}
 
body {background-color: #FFFFFF; padding: 0px;margin: 0px;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}

div {padding: 20px;margin: 0px;}



/* NAVIGATION */

.nav {height: 103px;width:100%;padding:0px;margin:0px;background-image: url("nav-bg.png");}
 
.logo {height: 103px;padding:0px;margin: 0px;background-repeat: no-repeat;background-image: url("ELENCANTO-LOGO-FULL.png");}
 
    
    
    
/* CONTENT */

.nav, .history, .contact {background-color: #7c8c61;color: #FFFFFF;}

.welcome, .map {background-color: #FFFFFF;color: #453b30;}

.amenities {background-color: #453b30;color: #FFFFFF;}
     
h1 {font-family: 'DIN Condensed';font-weight: bold;font-style: normal;letter-spacing: 0.03em;text-align: center;font-size: 5vmin;line-height: 4vmin;}
    
p  {font-family: 'DIN Condensed';font-weight: bold;font-style: normal;letter-spacing: 0.03em; text-align: center;font-size: 2.5vmin;line-height: 4.5vmin;}

p.intro {padding-right:12%;padding-left:12%}
    
p.bullet  {font-family: 'DIN Condensed';font-weight: bold;font-style: normal; text-align: center;font-size: 2.5vmin;line-height: 4.5vmin; white-space:pre-wrap;text-wrap: nowrap;}    
  
p.history  {font-family: 'DIN Condensed';font-weight: bold;font-style: normal; text-align: left;font-size: 2.5vmin;line-height: 4.0vmin; white-space:pre-wrap;padding-left:20px;padding-right:50px;background-color: #453b30;}    

p.historytitle  {font-family: 'DIN Condensed';font-weight: bold;font-style: normal; text-align: left;font-size: 3.5vmin;line-height: 5.5vmin; white-space:pre-wrap;padding-left:20px;background-color: #453b30;}    

h2  {font-family: 'DIN Condensed';font-weight: bold;font-style: normal; text-align: center;font-size: 3.0vmin;line-height: 13vmin;white-space:pre-wrap;text-wrap: nowrap;background-color: #453b30;color:#FFFFFF;border-radius: 40px;}     
  
h3  {font-family: 'DIN Condensed';font-weight: bold;font-style: normal; text-align: center;font-size: 3vmin;line-height: 3vmin;white-space:pre-wrap;text-wrap: nowrap;color:#453b30;}   
    
a:link, a:visited, a:hover, a:active {color:#FFFFFF;}

   
   
   

/* COLUMNS */

* {box-sizing: border-box;}

/* Create two equal columns that floats next to each other */
.column2 {float: left;width: 50%;padding: 0px;}

.column3 {float: left;width: 33%;padding: 10px;padding-right: 3vw;padding-left: 3vw;}

/* Clear floats after the columns */
.row:after {content: "";display: table;clear: both;}

      



/* CAROUSEL */

.photos {background-size:cover;width:100%;height:500px;background-repeat: no-repeat;background-position-x: center;background-position-y: center;padding:0px;margin: 0px;}

.slick-prev {left:0px;z-index:2}

.slick-next {right:40px;z-index:2}

.slick-prev:before, .slick-next:before {font-size: 60px; opacity: .50;}

.slick-track {padding:0px;margin: 0px;}

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {opacity: .75;}



@media screen and (max-width: 800px) {

.nav {height: 54px;width:100%;padding:0px;margin:0px;background-image: url("ELENCANTO-new-center-mobile-bg.png");}
  
.logo {height: 54px;padding:0px;margin: 0px;background-repeat: no-repeat;background-image: url("ELENCANTO-new-center-mobile-nav.png");}

.photos {height:300px;}

.column2, .column3 {width: 100%;}

.slick-prev {left:-3px;z-index:2}

.slick-next {right:37px;z-index:2}

}


@media screen and (max-width: 800px) {

h1 {font-size: 9vmin;line-height: 4.2vmin;}
    
p  {font-size: 4.5vmin;line-height: 6vmin;}

p.intro {padding-right:50px !important;padding-left:50px !important}
    
p.bullet  {font-size: 5vmin;line-height: 6vmin;}    
  
p.history  {font-size: 3.0vmin;line-height: 4.0vmin;padding-right:30px;}    

p.historytitle  {font-size: 4.3vmin;line-height: 5.5vmin;}    

h2  {font-size: 6vmin;line-height: 13vmin;border-radius: 40px;}     
  
h3  {font-size: 5vmin;line-height: 3vmin;}   


}