
@font-face {
font-family:"roc-grotesk-compressed";
src:url("https://use.typekit.net/af/c86089/00000000000000007735b7e4/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/c86089/00000000000000007735b7e4/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/c86089/00000000000000007735b7e4/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:500;font-stretch:normal;
}

@font-face {
font-family:"roc-grotesk-compressed";
src:url("https://use.typekit.net/af/7b1cee/00000000000000007735b7e1/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/7b1cee/00000000000000007735b7e1/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/7b1cee/00000000000000007735b7e1/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:300;font-stretch:normal;
}

@font-face {
font-family:"obviously";
src:url("https://use.typekit.net/af/633627/00000000000000007735c9da/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/633627/00000000000000007735c9da/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/633627/00000000000000007735c9da/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"obviously";
src:url("https://use.typekit.net/af/5bb57c/00000000000000007735c9e3/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/5bb57c/00000000000000007735c9e3/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/5bb57c/00000000000000007735c9e3/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"obviously";
src:url("https://use.typekit.net/af/ab941d/00000000000000007735ca02/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/ab941d/00000000000000007735ca02/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/ab941d/00000000000000007735ca02/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"obviously";
src:url("https://use.typekit.net/af/4e95da/00000000000000007735ca07/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/4e95da/00000000000000007735ca07/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/4e95da/00000000000000007735ca07/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

.tk-roc-grotesk-compressed { font-family: "roc-grotesk-compressed",sans-serif; }
.tk-obviously { font-family: "obviously",sans-serif; }


h1	{

font-family: roc-grotesk-compressed, sans-serif;

font-style: normal;

font-weight: 500;

font-size: 4em;
    
text-transform: uppercase;
    
text-align: left;
    
line-height: 90%;

color: black;

}

h1.region	{

font-family: roc-grotesk-compressed, sans-serif;

font-style: normal;

font-weight: 300;

font-size: 8em;
    
text-transform: uppercase;
    
text-align: left;
    
line-height: 90%;

}


h2	{

font-family: obviously, sans-serif;

font-style: normal;

font-weight: 700;

font-size: 1.5em;
	
line-height: 1.25em;

color: #000000;

}


p	{

font-family: obviously, sans-serif;

font-style: normal;

font-weight: 400;

font-size: 1.0em;

color: #000000;

}

p.where	{

font-family: obviously, sans-serif;

font-style: normal;

font-weight: 400;

font-size: 1.0em;

line-height: 130%;

text-transform: uppercase;

color: #97999b;
    
text-align: left;

}

.credit	{
	font-family: obviously, sans-serif;

	font-style: normal;

	font-weight: 400;

	font-size: 0.5em;
	
	line-height: 80%;
	
	text-transform: uppercase;
	
	text-align: right;

	color: #747579;

}

.sponsor	{
	font-family: obviously, sans-serif;

	font-style: italic;

	font-weight: 800;

	font-size: 0.6em;
	
	line-height: 125%;
	
	text-align: left;

	color: black;

}

.drive	{
	font-family: obviously, sans-serif;

	font-style: normal;

	font-weight: 400;

	font-size: 1.0em;
	
	line-height: 120%;
    
    text-align: left;
	
	color: black;

}

.pix	{
	font-family: obviously, sans-serif;

	font-style: normal;

	font-weight: 800;

	font-size: 1.0em;
	
	line-height: 130%;
	
    text-align: left;
    
	color: black;

}

.hr	{
	height: 2px;
	color: black;
	background-color: black;
	border: none;
}

/* History */
hr.history {
  height: 2px;
	color: #ed532d;
	background-color: #ed532d;
	border: none;
}

/* Wildlife */
hr.wild {
  height: 2px;
	color: #4b4226;
	background-color: #4b4226;
	border: none;
}

/* Splash */
hr.splash {
height: 2px;
	color: #4499ce;
	background-color: #4499ce;
	border: none;
}

/* Parks */
hr.parks {
  height: 2px;
	color: #847c50;
	background-color: #847c50;
	border: none;
}

/* Quirky */
hr.quirky {
  height: 2px;
	color: #9f0820;
	background-color: #9f0820;
	border: none;
}

/* Music */
hr.music {
  height: 2px;
	color: black;
	background-color: black;
	border: none;
}

/* Bonus */
hr.bonus {
  height: 2px;
	color: #919388;
	background-color: #919388;
	border: none;
}


a {
  font-family: obviously, sans-serif;
  font-size: 1.0em;
  text-decoration: underline;
  color: black;
  font-weight: 400;
}

a:hover {
   font-style: italic;
   text-decoration: underline;
   color: #9FA558;
}

.history	{
	color: #ed532d;
}


.splash	{
	color: #4499ce;
}

.quirky	{
	color: #9f0820;
}

.music	{
	color: black;
}

.wildlife	{
	color: #4b4226;
}

.parks	{
	color: #847c50;
}

.eat	{
	color: #919388;
}

.ctx	{
	color: #d22630;
}

.stx	{
	color: #511b29;
}

.pan	{
	color: #402b25;
}

.rev	{
	color: #ffffff;
}

.hou	{
	
	color: #192933;
}

.dal	{
	color: #473452;
}

.thin { font-weight: 400; }
.thick { font-weight: 700; }

.tshift	{ top: .5em; }

/* rlink */

.rlink a {
	color: white;
	font-size: 1em;
	text-decoration: none;
	font-weight: 400;
}

.rlink	a:hover {
   font-style: italic;
   text-decoration: underline;
   color: #9FA558;
}

/* rlink2*/

.rlink2 a {
	color: white;
	font-size: 1em;
	text-decoration: none;
	font-weight: 400;
}

.rlink2	a:hover {
   font-style: italic;
   text-decoration: underline;
   color: black;
}

/* historylink */

.historylink a {
  font-family: obviously, sans-serif;
  font-size: 1em;
  text-decoration: underline;
  line-height: 0.8 em;
  color: black;
  font-weight: 400;
}

.historylink a:hover {
   text-decoration: underline;
	font-style: normal;
   color: #ed532d;
}

/* wildlink */

.wildlink a {
  font-family: obviously, sans-serif;
  font-size: 1em;
  text-decoration: underline;
  color: black;
  font-weight: 400;
}

.wildlink a:hover {
   text-decoration: underline;
	font-style: normal;
   color: #4b4226;
}

/* splashlink */

.splashlink a {
  font-family: obviously, sans-serif;
  font-size: 1em;
  text-decoration: underline;
  color: black;
  font-weight: 400;
}

.splashlink a:hover {
   text-decoration: underline;
	font-style: normal;
   color: #4499ce;
}

/* parklink */

.parklink a {
  font-family: obviously, sans-serif;
  font-size: 1em;
  text-decoration: underline;
	line-height: 0.8 em;
  color: black;
  font-weight: 400;
}

.parklink a:hover {
   text-decoration: underline;
	font-style: normal;
   color: #847c50;
}
/* quirklink */

.quirklink a {
  font-family: obviously, sans-serif;
  font-size: 1em;
  text-decoration: underline;
  color: black;
  font-weight: 400;
}

.quirklink a:hover {
   text-decoration: underline;
	font-style: normal;
   color: #9f0820;
}

/* bonuslink */

.bonuslink a {
  font-family: obviously, sans-serif;
  font-size: 1em;
  text-decoration: underline;
  color: black;
  font-weight: 400;
}

.bonuslink a:hover {
   text-decoration: underline;
	font-style: normal;
   color: #919388;
}

/* Step 1: Common Properties: All required to make icons render reliably */
.icon::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

/* Step 2: Reference Individual Icons */
.mailus::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
	color: #ea2d3f;
  content: "\f0e0";
}

.home::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
	color: #9fa558;
  content: "\f015";
}

.pinmap::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
	color: black;
  content: "\f3c5";
}

.wallet::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
	color: black;
  content: "\f555";
}

.selfie::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
	color: black;
  content: "\f3cd";
}

.illo::before {
    font-family: "Font Awesome 5 Free";
  font-weight: 900;
	color: #92949B;
  content: "\f1fc";
}

.star::before {
    font-family: "Font Awesome 5 Free";
  font-weight: 900;
	color: black;
  content: "\f005";
}



/* Note: Make sure to include the correct weight and unicode value for the icon */
.facebook::before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
color: #3B5998;
  content: "\f082";
}

.twitter::before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
	color: #55acee;
  content: "\f099";
}

.instagram::before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
	color: black;
  content: "\f16d";
}

.facebookrev::before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
color: white;
  content: "\f082";
}

.twitterrev::before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
	color: white;
  content: "\f099";
}

.instagramrev::before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
	color: white;
  content: "\f16d";
}

.pinterestrev::before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
	color: white;
  content: "\f0d2";
}
