/* General Blueprint Style */
@import url('https://fonts.googleapis.com/css2?family=BioRhyme:wght@200..800&family=Lexend:wght@100..900&display=swap');

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?l053k5');
  src:  url('fonts/icomoon.eot?l053k5#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?l053k5') format('truetype'),
    url('fonts/icomoon.woff?l053k5') format('woff'),
    url('fonts/icomoon.svg?l053k5#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-facebook-square:before {
  content: "\f082";
    font-size: 20pt;
    margin-right: 5px;
}
.icon-google-plus:before {
  content: "\f0d5";
}
.icon-instagram:before {
  content: "\f16d";
    font-size: 20pt;
}
.icon-map-pin:before {
  content: "\f276";
}
.icon-chevron-left:before {
  content: "\e900";
}
.icon-chevron-right:before {
  content: "\e901";
}
.icon-controller-paus:before {
  content: "\e902";
}
.icon-controller-play:before {
  content: "\e903";
}
.icon-download:before {
  content: "\e904";
}
.icon-resize-100:before {
  content: "\e905";
}
.icon-resize-full-screen:before {
  content: "\e906";
}
.icon-clock:before {
  content: "\e90c";
}
.icon-cross:before {
  content: "\e907";
}
.icon-grid:before {
  content: "\e908";
}
.icon-mail:before {
  content: "\e90d";
}
.icon-menu:before {
  content: "\e90f";
}
.icon-minus:before {
  content: "\e909";
}
.icon-mobile:before {
  content: "\e90e";
}
.icon-plus:before {
  content: "\e90a";
}
.icon-popup:before {
  content: "\e90b";
}

.icon-facebook-square:hover { color:#ffdd00; cursor: pointer;}

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

.yel { color:#ffdd00;}
.whi { color:#fff;}
.ora { color:#fa4515;}
.blu { color:#00acb5;}
.bla { color: #212525;}
.bold { font-weight: 600;}

.icon { width: 35px;}

.title { font-family: 'Lexend', sans-serif; font-size: 34pt; line-height: 34pt; font-weight: 900;}
.title2 { font-family: 'BioRhyme', serif; font-size: 42pt; line-height: 52pt; font-weight: 500;}
.sub { font-family: 'Lexend', sans-serif; font-size: 19.5pt;line-height:27pt; font-weight: 300;} 
.txt { font-family: 'Lexend', sans-serif; font-size: 12pt; line-height: 16pt; font-weight: 300;}
.txt2 { font-family: 'BioRhyme', serif; font-size: 15pt; line-height: 18pt; font-weight: 400;}
.dish { font-family: 'Lexend', sans-serif; font-weight: 600; font-size: 11pt; line-height: 14pt; letter-spacing: 0.4px;}
.prc { font-family: 'Lexend', sans-serif; font-weight: 500; font-size: 11pt; line-height: 15pt; color: #fa4515;}
.des { font-family: 'Lexend', sans-serif; font-weight: 300; font-size: 10.5pt; line-height: 13.5pt;}
.opt { font-family: 'Lexend', sans-serif; font-size: 10.5pt; letter-spacing: 0; color: #fa4515; font-weight: 400;}
.info { font-size: 10pt; line-height: 14.5pt; font-weight: 300;letter-spacing: 0.1px;}
.txt a:hover { color:#ffdd00;}
.spe { font-family: 'BioRhyme', serif; font-size: 28pt; letter-spacing: 0; font-weight: 500;}

#TabbedPanels1 .title2 { font-size: 38pt; line-height: 40pt; font-weight: 500;}
#TabbedPanels1 .txt2 { background: #ffdd00; padding: 0.8% 2.5%; color: #fa4515; font-size: 14pt; margin-bottom: 2%;}

#join.sub {  font-size: 16pt; line-height: 20pt;}
#join .title2 {  font-size: 27pt; line-height: 35pt;}

#copy a { color:#212525;}
#foot #copy a { color:#fff;}
#copy a:hover, #foot #copy a:hover { color:#fff;}
footer.txt, #foot.txt { font-size: 9pt; line-height: 14pt; font-weight: 300;letter-spacing: 0.1px;}
footer .sub, footer .sub a { font-size: 8pt; line-height: 14pt; font-weight: 300;letter-spacing: 1.2px;}

#foot .icon-instagram, #foot .icon-facebook-square { color: #00acb5;}
#foot .icon-instagram:hover, #foot .icon-facebook-square:hover { color: #ffdd00;}

@media screen and (max-width: 769px) {
.title { font-size: 30pt; line-height: 30pt; }
.sub { font-size:16pt; line-height:22pt;}
.title2 { line-height: 45pt;}
}
@media screen and (max-width: 581px) {
.title { font-size: 26pt; line-height:27pt;}
.sub { font-size: 14pt;line-height:17pt;} 
.text { font-size: 14pt; line-height:18pt; letter-spacing: 0.5px;}
.title2 { font-size: 36pt; line-height: 40pt;}

}