/*Google fonts =

 "-" Indicates doesn't load for this site
 "*" Indicates readability as small text
 
	Baloo 2
	Comfortaa
	- Dosis
	- Exo
	- Kufam
	Open Sans*
	- Quicksand [Like Ubuntu Sans]
	Roboto Flex*
	Ubuntu Sans
*/

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
  overflow-y: scroll;
}

body {
    font: 15px/19px "Roboto Flex", Helvetica, Helvetica Neue, Sans-Serif;
	padding-top: 65px;
    background: #444;
	height: 100%;
	overflow-x: hidden;
}

#welcome h1, #welcome .h1 {
	color: #acdc;
	font-family: "Baloo 2", Helvetica, Helvetica Neue, Sans-Serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	position:relative;
}

#welcome p {display:none}

.content {
	color: #ccc;
	/* LSPhoto styles removed */
	/* Fallback for web browsers that don't support RGBa */
	/*background: rgb(255, 255, 255);*/
	/* RGBa with 0.6 opacity */
	/*background: rgba(255, 255, 255, 0.75);*/
	padding: 1% 2%;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	color: #aaccdddd;
}

p {margin: .7em .5em; }

a {
	color: #12a4a4;
	display: inline-block;
	position: relative;
}

a:hover, a:focus {color: #12c4c4;}

.content a::after {
	background: linear-gradient(45deg, #00000000, #12a4a4 10%, #12a4a4 90%, #00000000);
}

.content a::after, .parallax-container a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.1em;
  opacity 1;
  transform: scale(0);
  transform-origin: center;
  transition: opacity 300ms, transform 300ms;
}

.content a:hover::after, .content a:focus::after,
.parallax-container a:hover::after, .parallax-container a:focus::after {
  transform: scale(1);
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #999;
    *margin: 1em 0;
    padding: 0;
}

::-moz-selection {
    background: #006455;
    text-shadow: none;
}

::selection {
    background: #006455;
    text-shadow: none;
}

.parallax-zoom-blur {
	height:45vw
}

.parallax-zoom-blur img {
	width: 101%;
	max-width: none;
	position: fixed;
	top: 10%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	border: none;
}

.parallax {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.parallax-container {
    position:relative;
	padding:25px 30px;
	font: 15px/20px "Roboto Flex", Helvetica, Helvetica Neue, Sans-Serif;
    background: url("../images/bgd.png");
}

.parallax-container a {
	color: #12aabc;
}

.parallax-container a:hover,
.parallax-container a:focus {
	color: #12bbde;
}

.parallax-container a::after {
	background: linear-gradient(45deg, #00000000, #12bbde 10%, #12bbde 90%, #00000000);
}

.justified-container {
    position:relative;
    background: url("../images/bg.png");
}

#bg {
    background: url("../images/bg.png");
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

footer {
	color: #999;
	padding: 1em;
	margin: 0 auto;
    background-image: linear-gradient(to top, #333 0%, #111 100%);
    background-repeat: repeat-x;
	position:relative;
	z-index:2;
}

#footer-cont {
    width:100%;
	background-image: linear-gradient(to top, #333 0%, #111 100%);
    background-repeat: repeat-x;
	position:relative;
	z-index:1;
}

.navbar-brand img {width:190px; height:40px; display:inline; position:relative; top:-2px; margin:0 .5em 0 0;}

.navbar-brand #logo{
  background-image: url("../images/logo.png");
  background-image: url("../images/logo.svg"), none;
  background-repeat: no-repeat;
  background-size: contain;
  width:190px;
  height:40px;
  position:relative;
  top:-3px;
  opacity:0.9;
}

/* ===== Initializr Styles ================================================== */

.wrapper {width: 90%; margin: 0 5%; }

.navbar {
	font:16px/20px "Ubuntu Sans", Helvetica, Helvetica Neue, Sans-Serif;
	font-weight:442;
	font-variation-settings:
    "wdth" 100;
	background-image: linear-gradient(to top, #111 0%, #333 100%);
	}

.content h1, footer h1,
.content h2, footer h2,
.content h3, footer h3,
.content h4, footer h4,
.content h5, footer h5,
.content h6, footer h6 {
	font-family: 'Ubuntu Sans', Helvetica, Helvetica Neue, Sans-Serif; font-weight:500;
}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
    margin: .2em .6em .2em .2em;
}

.content header {position:relative}
	
.com_a h3 {font-family: 'Ubuntu Sans', Helvetica, Helvetica Neue, Sans-Serif; font-weight:400;}

.jumbotron h1, .jumbotron p {font-family: 'Ubuntu Sans', Helvetica, Helvetica Neue, Sans-Serif; font-weight:600;}

/* ===================
          Theme
   =================== */

.header-container {
    padding-bottom: 5px;
    background: url("../img/head-img.png") no-repeat scroll left bottom transparent;
    -webkit-box-shadow: 0 5px 10px #aaa;
    -moz-box-shadow: 0 5px 10px #aaa;
    box-shadow: 0 5px 10px #aaa;
    }

/*.footer-container,*/
/*aside {
    -webkit-box-shadow: 0 -5px 10px #aaa;
    -moz-box-shadow: 0 -5px 10px #aaa;
    box-shadow: 0 -5px 10px #aaa;
    padding-bottom: 20px;
}*/

.main-container {
    background: url("../img/foot-img.png") repeat-x bottom;
    padding-bottom: 55px;
}

.footer-container {
    background: #242014;
}

.logo {
    float: left;
    margin: 10px 15px 10px 0;
}

.title {
    width: 200px;
    float: left;
    margin: .75em 0;
    padding: 5px 0;
}

.jumbotron {
	padding: 50% 0;
	background-size: 100%;
}

.jumbotron .container {
	width: 100%;
	position: absolute;
	top: 7.5em;
}

#welcome {
	width: 100%;
	position: relative;
	/*background-image: linear-gradient(to bottom, #111 0%, #333 100%);
    background-repeat: repeat-x;*/
	background-color: rgba(42,42,42,0.8);
	z-index:1;
}

#welcome h1 {
	padding:1.5% 0;
	margin:0;
	font-size:100%;
}

#divide-line-dk {
	position: relative;
	width:100%;
	height:1px;
	z-index:3;
	background-image: linear-gradient(to right, #111 0%, #333 25%, #333 75%, #111 100%);
}

#blue-line {
	position: relative;
	width:100%;
	height:1px;
	z-index:3;
	background-image: linear-gradient(to right, #007 0%, #00D 50%, #007 100%);
}

#green-line {
	position: relative;
	width:100%;
	height:1px;
	z-index:3;
	background-image: linear-gradient(to right, #050 0%, #090 50%, #050 100%);
}

#footslide {
	width: 100%;
	position: fixed;
	bottom: 0;
	padding: 12px 0;
	/*background-image: linear-gradient(to bottom, #222 0%, #3c3c3c 100%);
    background-repeat: repeat-x;*/
	background-color: rgba(42,42,42,0.5);
}

#footslide p{
	color: #ccc;
	margin:0;
	text-align:center;
	font-size:1.2em;
}

#slidecover {
	width: 100%;
	background: #000;
	color: #BBB;
	padding: 0 0 2%;
	position: relative;
	z-index: 1;
	-webkit-box-shadow: 0px -15px 25px 15px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px -15px 25px 15px rgba(0,0,0,0.75);
	box-shadow: 0px -15px 25px 15px rgba(0,0,0,0.75);
}

/*=============================================================================
Table styling
==============================================================================*/

table#conversion { border-width: 0px; border-spacing: 0px; border-style: none; margin:20px auto;}
table#conversion th { border-width: 0px; padding:3px 10px 3px 4px; font-size: 1em; border-bottom: 2px solid #128484; }
table#conversion td { border-width: 0px; padding:3px 10px 3px 4px; font-size: .8em; border-top: 1px solid #128484; }
table#conversion th:nth-child(2n+1){ background-color: #BFE0FA; }
table#conversion th:nth-child(2n){ background-color: #D9E9FA; }
table#conversion td:nth-child(2n+1){  background-color: #C3E5FF; }
table#conversion td:nth-child(2n){  background-color: #DDEEFF; }

table.prices { border-spacing: 0px; border-style: none; border-color: #128484; width: 100%;}
table.prices th { width: 140px; border-width: 0px; padding:7px 10px; font-size: .9em; border-right: 3px solid #128484; background-color: #d0dafd; }
table.prices td { border-width: 0px; padding:7px 10px; font-size: .9em; }
table.prices tr:nth-child(2n) th { background: #BFE0FA; }
table.prices tr:nth-child(2n+1) th { background: #D9E9FA; }
table.prices tr:nth-child(2n) { background: #C3E5FF;}
table.prices tr:nth-child(2n+1) { background: #DDEEFF;}

table.pricesCompare { border-spacing: 0px; border-style: none; border-color: #128484; width: 100%;}
table.pricesCompare th { border-width: 0px; padding:7px 10px; font-size: .9em; border-bottom: 3px solid #128484; background-color: #d0dafd; }
table.pricesCompare td { border-width: 0px; padding:7px 10px; font-size: .9em; }
table.pricesCompare th:nth-child(2n+1){ background-color: #BFE0FA; }
table.pricesCompare th:nth-child(2n){ background-color: #D9E9FA; }
table.pricesCompare td:nth-child(2n+1){  background-color: #C3E5FF; }
table.pricesCompare td:nth-child(2n){  background-color: #DDEEFF; }

table.total { border-spacing: 0px; border-style: none; border-top: 3px solid #128484; width: 100%;}
table.total th { width: 140px; border-width: 0px; padding:7px 10px; font-size: .9em; border-right: 3px solid #128484; background-color: #6ED2D2; }
table.total td { border-width: 0px; padding:7px 10px; font-size: .9em; background-color: #A0DCDC;}


/* ==========================================================================
   Custom styles
   ========================================================================== */

.fl {float: left;}
.fr {float: right;}

.tr {text-align:right}
.tc {text-align:center}

.tsnp {font-size:.9em}
.tstq {font-size:.75em}
.tshf {font-size:.5em}
.tsoq {font-size:.25em}

.nm {margin:0}
.mtenpx {margin:10px; font-size: 0.9em}
.mtwtpx {margin:20px}
.mtrtpx {margin:30px}
.mfrtpx {margin:40px}
.mftypx {margin:50px}

.tcl, .tcr {margin-top:20px; padding:1%}

.tcl h1, .tcr h1 {margin-top:0}

.main a, .main a:link, .main a:visited {color: #428484; text-decoration: none; }
.main a:hover {color: #128484; text-decoration: underline; }
.main a:active {text-decoration: none;}

.com_q {float:left; width:40%; padding:0 0 0 2%; font-weight: bold; color: #128484;}
.com_a {float:left; width:60%; padding:0 0 0 2%; }

.upcoming .com_a, .upcoming .com_q {width:45%; padding:.2em 0 .2em 2%;}

.prevcomyr {float:left; width:45%; margin:2%}
.com_r {float: left; width: 50%; padding: .5% 2%; font-weight: bold; color: #128484; border-right: 1px solid #333;}
.com_p {float: left; width: 40%; padding: .5% 2%; position:relative; left:-1px; border-left: 1px solid #333;}
.prevcomyr .box {width:100%; border: 1px solid #333; border-bottom:none}
.prevcomyr .clearfix {width:100%; border-bottom: 1px solid #333;}


/* Styles for Slideshow. */
.rslides {position:relative; list-style:none; overflow:hidden; width:100%; padding:0; margin:25px auto; /*border:5px solid #55AAAA;*/}
.rslides li {-webkit-backface-visibility:hidden; position:absolute; display:none; width:100%; left:0; top:0; }
.rslides li:first-child {position: relative; display:block; float:left; }
.rslides img {display:block; height:auto; float:left; width:100%; border:0; }

footer a, footer a:link, footer a:visited, #footslide a, #footslide a:link, #footslide a:visited {font-size: 2em; color: #55AAAA; text-decoration: none; display:block; margin:.5em 0;}
#slidecover a, #slidecover a:link, #slidecover a:visited {font-size: .85em; color: #55AAAA; text-decoration: none; margin:-.3em 0;}
footer a:hover, #slidecover a:hover , #footslide a:hover {color: #008E8E; text-decoration: none; }
footer a:active, #slidecover a:active , #footslide a:active {text-decoration: none;}

footer a img {vertical-align: baseline;}

#footslide h2 {font-family: 'Ubuntu Sans', Helvetica, Helvetica Neue, Sans-Serif; font-weight:400; margin:.8em 0;}

.indshow { width:100%; }

#map_div {border: 5px solid #F4F4F4; height: 390px; width: 96%;}
.infowindow {font: 14px/18px Helvetica, Helvetica Neue, Arial;}

.acelr {
    margin: 1%;
    height: 35px;
    width: 135px;
    background-image: url(../images/acelr.png);
	background-size: contain;
    float: left;
}

/* Standard Form Element Styles */
form { border:none; margin:0; padding:0; color:#eee; }
label, fieldset { border:none; margin:2px 0 0 0; padding:0; color:#ccc; }
textarea, optionvalue { width:99%; border:thin solid #999999; margin:2px 0 0 0; padding:0; background: #eee; }
input:focus, select:focus, textarea:focus { background: #aaccdd; }
select {height:24px; border:thin solid #999999}
/* Custom classes for Form Element Styles */
.text_input { width:99%; border:thin solid #999999; margin:2px 0 5px 0; padding:0; background:#eee; }
.radio { margin:0 35px -2px 10px; padding:0; background:#eee; position:relative; top:2px }
.required, .invalidValue {color: #ff7525; font-size: small; font-weight: normal; margin: 0;}
.highlight { border:thin solid #ff7525; }
#contact { margin:10px 0 }

/* Styles for the Show/Hide functionality. */
.more { display: none; }
a.showLink, a.hideLink { text-decoration: none; color: #128484; font-size: small; text-align: left; display:block; margin-bottom: 10px;}
a.showLink:hover, a.hideLink:hover { text-decoration: underline; display:block; margin-bottom: 10px;}
/*.addmore { color: #128484; font-size: small; text-align: left; float: left; height: 15px; width: 545px; }*/

#archives {padding-bottom: 15px }
#archives ul, ol {padding:0; list-style: none;}
#archives ul div ul {padding:0 0 0 20px; margin:0; list-style: none;}
#archives a.showLink, a.hideLink { margin-bottom: 5px;}
#archives a.showLink:hover, a.hideLink:hover { margin-bottom: 5px;}

#headhome {margin: 0 0 20px 8px}

.date {
    font-size:0.9em;
    color: #009080;
}

aside .events {
    margin: -4px 0 0 0;
}

.stafflist h2, .stafflist h3 {font-size:1.5em; display:inline;}

.stafflist hr {margin:1em 0;}

.stafflist .clearfix{margin: .5em;}

.trip, .upcoming {
	border-bottom: solid #428484;
	padding: 0.42em 0 1em;
}

.trip img, .upcoming img {
	margin:0.42em 0;
}

.upcoming h3, .upcoming h4 {display:inline; margin:.5em .5em .5em 0;}

.half {width:50%;}

.threeq {width:75%;}

.person {
    border-bottom: solid #428484;
	padding: 0.42em 0 1em;
}

.toprule {padding: 0.24em 0; }

.dash {border-bottom: thin dashed #428484;
	padding:.25em;}

.mug {
	width:140px;
    padding-left: 10px;
    padding-right: 10px;
}

footer .fl, footer .fr {
    margin: 0;
}

#address {
    /*padding: 15px;*/
    font: 12px/18px Helvetica,Helvetica Neue,Arial;
    text-align: center;
}

img.pict_fb {
    width:30px;
    height:30px;
    background:url("../img/pictograms.png") 0 0;
    position: relative;
    top: -5px;
}

img.pict_fb:hover {
    background:url("../img/pictograms.png") -30px 0;
}


/* ==============
    MOBILE: Menu
   ============== */

#menu ul {
    margin: 16px 0px;
    padding: 0;
	list-style: none;
}

#menu a {
	  color: #A6A6A6;
	  text-decoration: none;
	  position: relative;
	  padding: 3px 10px;
	}

#menu a::before,
#menu a::after {
	  content: "";
	  position: absolute;
	  display: block;
	  border: 0 solid transparent;
	  width: 0%;
	  height: 0%;
	  transition: all 0.3s ease;
	}

#menu a::after {
	  bottom: 0;
	  left: 0;
	  border-bottom: 2px solid transparent;
	  border-left: 2px solid transparent;
	}

#menu a::before {
	  right: 0;
	  top: 0;
	  border-top: 2px solid transparent;
	  border-right: 2px solid transparent;
	}

#menu a:hover {
	  color: #ddd;
	}
	
#menu a:hover::before,
#menu a:hover::after {
	  width: 10px;
	  height: 10px;
	  border-color: #ddd;
	}
	
#id-1 .id-1 a, #id-2 .id-2 a, #id-3 .id-3 a,
#id-4 .id-4 a, #id-5 .id-5 a, #id-6 .id-6 a,
#id-7 .id-7 a, #id-8 .id-8 a, #id-9 .id-9 a {
	color: #ddd;
	//text-decoration: underline 0.5px;
	//text-underline-offset: 6px;
}

.find {
  display: inline-block;
  position: relative;
}

#id-1 .id-1 .find::after, #id-2 .id-2 .find::after,
#id-3 .id-3 .find::after, #id-4 .id-4 .find::after, 
#id-5 .id-5 .find::after, #id-6 .id-6 .find::after,
#id-7 .id-7 .find::after, #id-8 .id-8 .find::after,
#id-9 .id-9 .find::after {
  position: absolute;
  bottom: 0;
  left: 25%;
  width: 50%;
  border-bottom: 0.75px solid #ddd;
}

#id-1 .id-1 a::before, #id-1 .id-1 a::after,
#id-2 .id-2 a::before, #id-2 .id-2 a::after,
#id-3 .id-3 a::before, #id-3 .id-3 a::after,
#id-4 .id-4 a::before, #id-4 .id-4 a::after,
#id-5 .id-5 a::before, #id-5 .id-5 a::after,
#id-6 .id-6 a::before, #id-6 .id-6 a::after,
#id-7 .id-7 a::before, #id-7 .id-7 a::after,
#id-8 .id-8 a::before, #id-8 .id-8 a::after,
#id-9 .id-9 a::before, #id-9 .id-9 a::after {
	  width: 10px;
	  height: 10px;
	  border-color: transparent;
}


/* ==============
    MOBILE: Main
   ============== */

.main {
    padding: 25px 0 35px 0;
}

.main article {
    margin: 0 2%;
}

.main article h1, #headhome h1 {
    font-size: 2em;
    margin: 0 0 .6em 0;
}

/*aside {
    color: black;
    padding: 1px 2% 25px;
    margin: 42px 1% 20px 0;
}*/

.footer-container footer {
    color: #ccc;
    padding: 20px 0;
}

/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
    padding-top: 20px;
}


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 460px) {

/* ====================
    INTERMEDIATE:#menu
   ==================== */

	#top {min-height:calc(100vh - 305px)}
	
	.title {
        width: 75%;
        margin: 1.2em 0 .5em 0;
    }
	
	#menu {
	float: right;
	}
	
    #menu a {
		float: left;
		margin: 0 10px 10px 0;
		padding: 5px 15px;
    }

    #menu li:first-child a {
        margin-left: 0;
    }

    #menu li:last-child a {
        margin-right: 0;
    }

/* ========================
    INTERMEDIATE: IE Fixes
   ======================== */

    #menu ul li {
        display: inline;
    }

    .oldie nav a {
        margin: 0 0.7%;
    }
		
	#map_div {width:97%}
	
	footer a, footer a:link, footer a:visited, #footslide a, #footslide a:link, #footslide a:visited {font-size: .85em; margin:-.3em 0;}
	
}

@media only screen and (min-width: 750px) {

/* ============
    WIDE: Main
   ============ */
   
	#welcome h1, #welcome .h1 {
		top:-2px;
	}

	#welcome p {
		display:block;
		color: #aaccdddd;
		font:17px/20px "Baloo 2", Helvetica, Helvetica Neue, Sans-Serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
		margin:0;
		position:relative;
		top:-12px;
	}

	#map_div {width:100%}
	
	.tcl, .tcr {width:48%; float: left; padding:0 5% 0 0}
    .tcr {padding:0 0 0 5%;}

    .tclb {width:48%; border-right:thin solid #999999 }
    .tclr {width:48%; border-left:thin solid #999999; position:relative; left:-1px;}
}

@media only screen and (min-width: 992px) {
	
	.modflex {
        float: left;
        width: 60%;
        padding: 0 2.5% 0 1%;
		border-right: thin solid #999999
		}


	aside {
        float: right;
        width: 40%;
		padding: 0 0 0 2.5%;
		border-left:thin solid #999999; position:relative; left:-1px;
	}

	.report {width:80%}
	
	#welcome h1 {font-size:212%;}

}

@media only screen and (min-width: 1140px) {

	/* Nice effect but causes more problems than it's worth
	.h1-p-align h1 {
		float: left;
	}
	
	.h1-p-align p:first-of-type {padding: 1.2em 0 0;}
	*/
	
    .wrapper {
        width: 1026px; /* 1140px - 10% for margins */
        margin: 0 auto;
    }
	
	#welcome h1 {font-size:242%;}
	
}


@media (max-width: 991px) {
  article {padding:0 0 .5em 0;}
  aside {margin:1em 0; border-top:thin solid #999999;}
  .upcoming img {width:90px;}
  .prevcomyr {float:none; width:95%; margin:2%}
  #welcome h1 {font-size:188%;}  
}

@media (max-width: 749px) {
	.trip img {width:25%;}
	.half {width:70%}
	.clearsm {clear:both}
	.centersm {margin:4% auto; display:block; float:none; text-align:center}
	.tsnp {font-size:.75em}
	.tstq {font-size:.6em}
}

@media (max-width: 625px) {
.parallax-zoom-blur {height:40vw}
#welcome h1 {font-size:160%;}  
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
	width: 100%;
    *zoom: 1;
}

.clearboth {
    clear: both;
}