/************************************************************************************
FONTS
*************************************************************************************/


.inverse {
 color: #003333;

}

a.inverse:link { color: #003333; }
a.inverse:visited { color: #003333; }
a.inverse:hover { color: #faca33; }
a.inverse:active { color: #faca33; }


.mobile-nav-normal {
	font-size: 17px;
 font-weight: normal;
 color: #888888;

}
.mobile-nav {
	font-size: 17px;
 font-weight: bold;
 color: #faca33;

}

a.mobile-nav:link { color: #56aadf; }
a.mobile-nav:visited { color: #56aadf; }
a.mobile-nav:hover { color: #faca33; }
a.mobile-nav:active { color: #faca33; }


.mobile-nav-over {
	font-size: 17px;
 font-weight: bold;
 color: #faca33;

}

a.mobile-nav-over:link { color: #faca33; }
a.mobile-nav-over:visited { color: #faca33; }
a.mobile-nav-over:hover { color: #faca33; }
a.mobile-nav-over:active { color: #faca33; }


.mobile-nav-sub {
	font-size: 16px;
	line-height: 24px;
	 font-weight: normal;

}

a.mobile-nav-sub:link { color: #dddddd; }
a.mobile-nav-sub:visited { color: #dddddd; }
a.mobile-nav-sub:hover { color: #faca33; }
a.mobile-nav-sub:active { color: #faca33; }

.nav-bar {
			font-family:  Source Sans Pro, Verdana;
	font-size: 16px;
			color: #faca33;
			font-weight: 300;
				letter-spacing: 0.2px;
}


a.nav-bar:link { color: #003366; }
a.nav-bar:visited { color: #003366; }
a.nav-bar:hover { color: #56aadf; }
a.nav-bar:active { color: #56aadf; }



.nav-bar-over {
			font-family:  Source Sans Pro, Verdana;
			font-size: 16px;
			color: #faca33;
			font-weight: 300;
				letter-spacing: 0.2px;

}


a.nav-bar-over:link { color: #56aadf; }
a.nav-bar-over:visited { color: #56aadf; }
a.nav-bar-over:hover { color: #56aadf; }
a.nav-bar-over:active { color: #56aadf; }


.nav-slash {
			font-family:  Source Sans Pro, Verdana;
	color: #56aadf;
	margin: 0 25px;
	opacity: 0.5;
	font-weight: 100;
			font-size: 16px;
}




.nav-slash-ipad {
	color: #56aadf;
}


.show-title {
			font-family:  Merriweather, Heebo, Karla, Source Sans Pro, Verdana;
		font-size: 16px;
	line-height: 16px;
color: #333333; 
font-weight: 300;

}

a.show-title:link { color: #000033; 	 }
a.show-title:visited { color: #000033; }
a.show-title:hover { color: #56aadf;  }
a.show-title:active { color: #56aadf;  }


.show-title-dark {
			font-family:  Merriweather, Heebo, Karla, Source Sans Pro, Verdana;
		font-size: 16px;
	line-height: 16px;
color: #333333; 
font-weight: 300;

}

a.show-title-dark:link { color: #56aadf; 	 }
a.show-title-dark:visited { color: #56aadf; }
a.show-title-dark:hover { color: #000033;  }
a.show-title-dark:active { color: #000033;  }


.show-title-schedule {
			font-family:  Merriweather, Heebo, Karla, Source Sans Pro, Verdana;
		font-size: 18px;
	line-height: 16px;
color: #333333; 
font-weight: 300;

}

a.show-title-schedule:link { color: #56aadf; 	 }
a.show-title-schedule:visited { color: #56aadf; }
a.show-title-schedule:hover { color: #000033;  }
a.show-title-schedule:active { color: #000033;  }

.title {
			font-family:  Source Sans Pro, Heebo, Karla, Source Sans Pro, Verdana;
font-size: 20px;
	line-height: 22px;
color: #000044;
 font-weight: 300;
 				letter-spacing: 0.2px;

}

a.title:link { color: #000044; 	 }
a.title:visited { color: #000044; }
a.title:hover { color: #56aadf;  }
a.title:active { color: #56aadf;  }


.title-light {
			font-family:  Heebo, Karla, Source Sans Pro, Verdana;
font-size: 22px;
	line-height: 26px;
color: #ffffff;
 font-weight: bold;
}

a.title-light:link { color: #56aadf; 	 }
a.title-light:visited { color: #56aadf; }
a.title-light:hover { color: #faca33;  }
a.title-light:active { color: #faca33;  }

.article {
			font-family:  Heebo, Karla, Source Sans Pro, Verdana;
font-size: 18px;
	line-height: 26px;
color: #222222;
 font-weight: 200;
 letter-spacing: 0.4px;
}

a.article:link { color: #000044; 	 }
a.article:visited { color: #000044; }
a.article:hover { color: #56aadf;  }
a.article:active { color: #56aadf;  }

.event-title {
					font-family:  Merriweather, Heebo, Karla, Source Sans Pro, Verdana;
font-size: 23px;
	line-height: 32px;
color: #333333;
 font-weight: 300;

}

a.event-title:link { color: #000066; 	 }
a.event-title:visited { color: #000066; }
a.event-title:hover { color: #56aadf;  }
a.event-title:active { color: #56aadf;  }


.news-title {
					font-family:  Merriweather, Heebo, Karla, Source Sans Pro, Verdana;
font-size: 28px;
	line-height: 36px;
color: #333333;
 font-weight: 300;

}

a.news-title:link { color: #000066; 	 }
a.news-title:visited { color: #000066; }
a.news-title:hover { color: #56aadf;  }
a.news-title:active { color: #56aadf;  }


.headline {
			font-family: Karla, Heebo,Helvetica, Verdana;
		font-size: 26px;

	color: #000033;
	line-height: 32px;
}
a.headline:link {  color: #56aadf; }
a.headline:visited {  color: #56aadf; }
a.headline:hover { color: #000033; }
a.headline:active { color: #000033; }


.headline-dark {
			font-family: Karla, Heebo,Helvetica, Verdana;
		font-size: 26px;

	color: #56aadf;
	line-height: 32px;
}
a.headline-dark:link {  color: #000033; }
a.headline-dark:visited {  color: #000033; }
a.headline-dark:hover { color: #56aadf; }
a.headline-dark:active { color: #56aadf; }

.text {
		font-family:  Source Sans Pro, Verdana;
font-size: 17px;
	line-height: 20px;
	color: #555555;
		font-weight: 300;

}


.blogroll {
	font-family:  Source Sans Pro,  Heebo, Karla, Source Sans Pro, Verdana;
	font-size: 15px;
	line-height: 18px;
	font-weight: 300;
	color: #56aadf;
}


a.blogroll:link {  color: #777777; }
a.blogroll:visited {  color: #777777; }
a.blogroll:hover { color: #56aadf; }
a.blogroll:active { color: #56aadf; }


.blogroll-inverse {
	font-family:  Heebo, Karla, Source Sans Pro, Verdana;
	font-size: 15px;
	line-height: 16px;
	font-weight: normal;
	color: #000033;
}


a.blogroll-inverse:link {  color: #56aadf; }
a.blogroll-inverse:visited {  color: #56aadf; }
a.blogroll-inverse:hover { color: #56aadf; }
a.blogroll-inverse:active { color: #56aadf; }


.calendar_month {
	font-size: 18px;
	line-height: 24px;
	color: #888888;
}


.footer {
		font-family:  Merriweather, Heebo, Karla, Source Sans Pro, Verdana;
font-size: 17px;
	font-weight: 300;
	color: #ffffff;
}
a.footer:link { color: #56aadf; 	 }
a.footer:visited { color: #56aadf; }
a.footer:hover { color: #faca33;  }
a.footer:active { color: #faca33;  }


.footer-slash {
	color: #999999;
	margin: 0 5px;
	opacity: 1;
}



/************************************************************************************
DROPDOWN MENU
*************************************************************************************/

#dropdown-menu {
	float: right; 
	margin: 0 0 0 10px;
	z-index: 1;
}

/* Dropdown Button */
.dropbtn {
	font-family: Heebo, Source Sans Pro, Helvetica, Verdana;
	font-weight: 400;
	background: #efefef;
    color: #333333;
    padding: 3px 10px;
    font-size: 14px;
    border: 1px solid #cccccc;
    cursor: pointer;
    margin-bottom: 0px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
    
}

/* Dropdown Content SCHEDULE*/
.dropdown-content {
	text-align: right;
    display: none;
    position: absolute;
    background-color: #dee2e1;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   right: 0;
   		z-index: 1;


}

/* Links SCHEDULE */
.dropdown-content a {
    color: black;
    font-weight: 400;
    padding: 20px 20px;
    text-decoration: none;
    display: block;
    border-bottom: 1px solid #cccccc;
    overflow: hidden;
    min-width: 120px;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #56aadf; color: #faca33; }

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #dee2e1;
}


/************************************************************************************
DROPDOWN MENU SHOWS
*************************************************************************************/




/* Dropdown Content SHOWS*/
.dropdown-content-shows {
	text-align: right;
    display: none;
    position: absolute;
    background-color: #dee2e1;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   right: 0;
	z-index: 1;

}

/* Links SHOWS */
.dropdown-content-shows a {
    color: black;
    font-weight: 400;
    padding: 10px 20px;
    text-decoration: none;
    display: block;
    border-bottom: 1px solid #cccccc;
    overflow: hidden;
    width: 240px;
    max-width: 240px;
}

/* Change color of dropdown links on hover */
.dropdown-content-shows a:hover {background-color: #56aadf; color: #faca33; }

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content-shows {
    display: block;
}