/* General Blueprint Style */
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500&family=Yrsa:ital,wght@0,300;0,600;0,700;1,300&display=swap');

@font-face {
  font-family: 'icomoon';
  src:  url('../css/fonts/icomoon.eot');
  src:  url('fonts/icomoon.eot?bbcs9l#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?bbcs9l') format('truetype'),
    url('fonts/icomoon.woff?bbcs9l') format('woff'),
    url('fonts/icomoon.svg?bbcs9l#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-tiktok:before {
  content: "\e901";
}
.icon-clock:before {
  content: "\e900";
}
.icon-map-marker:before {
  content: "\f041";
}
.icon-facebook-square:before {
  content: "\f082";
  font-size: 25pt;
  line-height: 35pt;
  margin-right: 4px;
}
.icon-instagram:before {
  content: "\f16d";
}
.icon-google:before {
  content: "\f1a0";
  font-size: 25pt;
  line-height: 35pt;
}
.icon-whatsapp:before {
  content: "\f232";
}
.icon-cross:before {
  content: "\e905";
}
.icon-mail:before {
  content: "\e903";
}
.icon-menu:before {
  content: "\e902";
}
.icon-phone:before {
  content: "\e904";
}


a:link { color: #fff; text-decoration:none; }
a:visited { color: #fff }
a:active { color: #f37721; }

.gold { color:#a27d41;}
.yell { color: #f6b02d;}
.blue { color: #054e63;}
.blue2 { color: #87aba9;}
.red { color: #b4462c;}
.whi { color:#fff;}
.black { color: #071f2c;}
.bold { font-weight: 700;}
.fa-pepper-hot { color: #b4462c;}
.fa-seedling { color:#87aba9;}

/*PORTAL*/
#portal2 .text, #portal3 .text, #portal4 .text { font-family: 'Jost', sans-serif; font-size: 15pt; line-height:19pt; color: #fff;}
#portal2 .title, #portal3 .title, #portal4 .title { font-size: 15pt; line-height: 3.5vw; font-weight: 100; text-transform: uppercase; letter-spacing: 2pt;}
#portal2 .title b, #portal3 .title b, #portal4 .title b { font-size: 3.6vw; line-height: 3.5vw; text-transform: none; letter-spacing: 0;}
#portal2 .icon-map-marker, #portal3 .icon-map-marker, #portal4 .icon-map-marker { color: #87aba9; font-size: 20pt;}
/**/


.title { font-family: 'Yrsa', serif; font-size: 4vw; line-height: 3.2vw; font-weight: 700;}
.ital { font-family: 'Yrsa', serif; font-size: 4vw; line-height: 3.8vw; font-weight: 300; font-style: italic; }
.sub { font-family: 'Yrsa', serif; font-size: 15pt; line-height: 14pt; font-weight: 300; font-style: italic; }
.sub2 { font-family: 'Yrsa', serif; font-size: 2.6vw; line-height: 3vw; font-weight: 300;}
.sub2 a { color: #054e63;}

#contact .sub2, #contact .sub2 a { font-size: 18pt; line-height: 20pt; font-weight: 300;}
#contact .sub2 a:hover { color: #b4462c;}

.text { font-family: 'Yrsa', serif; font-weight:300; font-size: 16pt; line-height:21pt;}
.text a , .text a:active { color:#efe3d5;}

.footer .text { font-family: 'Yrsa', serif; font-size: 12pt; text-transform: uppercase; letter-spacing: 2pt; font-weight: 500;}
.footer .tel { font-family: 'Yrsa', serif; font-size: 14pt; font-weight: 300;}
.footer a, .footer a:visited { color: #054e63;}
.footer a:hover { color: #a27d41;}

.sitemap, .sitemap a, .sitemap a:active { font-family: 'Yrsa', serif; font-size: 9pt; text-transform: uppercase; letter-spacing: 2pt; font-weight: 500; color: #75adac; line-height: 16pt;}
.sitemap a:hover { color: #fff;}

.copy { font-family: 'Jost', sans-serif; font-size: 9pt; font-weight: 300;}
.copy a, .copy a:active { color: #a27d41; font-weight: 300;}
.copy a:hover { color: #fff;}

.desc { font-family: 'Jost', sans-serif; font-size: 11pt; font-weight: 400; line-height: 14pt; color: #071f2c;margin-left: 3%;}
.dish { font-family: 'Yrsa', serif; font-size: 14pt; font-weight: 600; line-height: 15pt; letter-spacing: 0.4px; color: #071f2c; display: block; margin-top: 2.5%;}
.opt { display: block; margin-left: 5%;font-family: 'Jost', sans-serif; font-size: 10pt; font-weight: 500; text-transform: uppercase;}

@media screen and (max-width: 769px) {
.title {
	font-family: 'Yrsa', serif;
	font-size: 32pt;
	line-height:34pt; }
.ital {
	font-size: 34pt; line-height: 34pt; }
.sub {
	font-size: 14pt; line-height: 17pt; }
.sub2 {
	font-size: 22pt; line-height: 32pt; }
.dish { font-size: 14pt; line-height: 18pt; margin-top: 1%;}
	
.footer .text { font-size: 11pt; line-height: 13pt;}
.footer .tel { font-size: 13pt;}
    
/*PORTAL*/
#portal2 .text, #portal3 .text, #portal4 .text { font-size: 15pt; line-height:19pt;}
#portal2 .title, #portal3 .title, #portal4 .title { font-size: 16pt; line-height: 25pt; text-transform: uppercase; letter-spacing: 2pt;}
#portal2 .title b, #portal3 .title b, #portal4 .title b { font-size: 35pt; line-height: 34pt; text-transform: none; letter-spacing: 0;}
/**/
}

@media screen and (max-width: 581px) {
.title {
	font-size: 30pt; line-height: 30pt;
	}
.sitemap { font-size: 8pt;}
.dish { font-size: 12.5pt; line-height: 16pt;}
#contact .sub2 { font-size: 14pt; line-height: 16pt; font-weight: 300;}

}