@charset "utf-8";
/* CSS Document */

body {font-size:13px;}

a {color:#21637c; }

h1,h2,h4 {font-family: 'Oswald', sans-serif; text-transform:uppercase;}

h1 {font-size:32px; }
h2 {color:#053A49; font-size:26px;}

h4 { font-weight:600;
    padding:4px 0px; font-size:16px; text-transform:uppercase;}




hr.primary {
    border-top: 3px solid #89C5D3;
}
hr.primary {
    max-width: 100px;
    margin: 25px auto;
    border-bottom: none;
}

.overflow-hidden {overflow:hidden;}
.no-pad {padding-right:0px; padding-right:0px}
.white {color:#fff;}
.bg-white {background:#fff; width:100%; }
.bg-dark {background:#111111; width:100%;}
.bg-dark p {color:#eee;}
.bg-light p {color:#111;}


.space-30 { padding-top:30px; padding-bottom:40px; }
.space-30-60 { padding-top:30px; padding-bottom:60px; }
.text-center {text-align:center;}

.btn {text-decoration:none !important;}
.btn-primary {background:#053A49; border:#053A49;}
.btn-minimal {background:none; border:none; color:#89C5D3;}

.btn-group-lg>.btn, .btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 2px;}

.btn-default {
    color: #286090;
    background-color: #fff;
    border-color: #89C5D3;
        margin: 15px;
}

.bg-dark h4 {color:#89C5D3;}

.navbar {
    min-height: 50px;
    margin-bottom: 0px;
    border: 0px solid transparent;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 12px;
}

.navbar-inverse .navbar-nav>li>a {
    color: #eee;
}

.nav-logo { width:100%; max-width:310px; padding:15px 10px; margin-left:-30px;}

.navbar-mtb {color:#eee; font-family: 'Oswald', sans-serif; font-weight:600;
    padding:4px 5px; font-size:16px; text-transform:uppercase;}

.nav-social-group li a {padding-left:6px; padding-right:6px; }
.nav-social {color:#89C5D3; font-size:26px;}
.nav-social-group-mobi {display:none;}
.nav-social-group-mobi ul  { list-style-type: none;}
.nav-social-group-mobi li {}


.dropdown-toggle .fa-angle-down {color:#89C5D3;}

.navbar-toggle {margin-right: 35px; }
.post-nav-spacer {margin-top:150px;}

@media (max-width: 768px) {
    .nav-logo { margin:0 auto; margin-left:-5px;}
    .nav>li>a {
    position: relative;
    display: block;
    padding: 10px 9px;
}
    .nav-social {font-size: 22px;}
    .nav-social-group {display:none;}
    .nav-social-group-mobi {display:inline; margin: 8px 0px 0px 20px;}
.post-nav-spacer {margin-top:110px;}
    .site-search-holder {display:none;}

}

.hero-bg { width:100%; height:480px; margin-top:100px;
margin-bottom: 0px;
background-image: url(/img/hero-pano.jpg);
    background-position: top;
    background-size:     cover;
    background-repeat: no-repeat;
    color: white;
 }
.hero-bg a {color:#fff;}
.hero-bg a:hover {color:#eee;}
.hero-bg h1 {text-shadow: 1px 1px 1px rgba(0,0,0, 0.7); margin:20px;}

.hero-content {margin-top:65px;}

.hero-action-box {border:2px solid #fff; background:none; background: rgba(0,0,0, .2); margin-bottom:20px;}
.hero-action-box h1 {font-size:28px;}

.hero-action-box:hover {border:2px solid #fff; background:none; background: rgba(0,0,0, .6);}

.hero-nav .btn-lg {width:23%; margin-right:1%; margin-left:1%;
    background: rgb(0,0,0); /* Fall-back for browsers that don't support rgba */
    background: rgba(0,0,0, .6);}


.hero-nav .btn-lg:hover {width:23%; margin-right:1%; margin-left:1%;
    background: rgb(5,58,73); /* Fall-back for browsers that don't support rgba */
    background: rgba(5,58,73, 1.0);}

.hero-nav h3 {font-family: 'Oswald', sans-serif; font-weight:600; font-size:20px; margin:0px;
    padding:10px; text-transform:uppercase;}


@media (max-width: 768px) {
    .hero-content {margin-top:90px;}
 .hero-action-box { width:90%; margin:0 auto; margin-bottom:15px;}

   .hero-nav h1 {
    font-size: 22px;
}

    .hero-nav .btn-lg {
        width:100%;}
    .hero-nav-switch {display:none;}
}


.marketing a {text-decoration:underline;}
.marketing h3 a {text-decoration:none;}
.marketing img {max-width:100%;}

    .start-mbl-news {}
    .start-mbl-news .blog-post {
        text-align:center;
        padding-left:15px; padding-right:15px;
        float:left;
        overflow: hidden;
    margin-left: 5px !important;
    margin-right: 5px !important;
        
}

.side-panel {width:100%; overflow:hidden;}

.post-title { font-size:19px; margin:20px 25px; font-weight:bold;}

.start-mbl-news img {width:100%;}

.start-mbl-news .mtb-post-list {width:24%;}
.start-mbl-news .post-title {font-size:18px;}

#catblogoutput {padding:15px 0px;}

#catblogoutput .blog-post {!important; overflow:hidden;}
#catblogoutput .blog-post img {max-width:100%; padding: 15px 0px;}

.blogpostcategories ul {padding:0; margin:0;}
.blogpostcategories li {list-style:none;}

.BlogRecentPost ul {width:100%;}
.BlogRecentPost li {float:left; background:#000; margin:3px; padding:3px 5px;}
.BlogRecentPost li a {color:#fff; text-decoration:none;}


.mtb-post-list { width:48%; min-height:380px;
    margin-bottom:30px; margin-left:3px; 
    margin-right:3px; text-align:center; border: 1px solid #ccc;
    padding:0px !important; }


.post-list-special-head {color:#21637c; border-bottom:4px solid #21637c; padding:10px 0px; margin: 20px 0;
    font-size:20px; text-transform:uppercase; width:98%;}

.action-call {background:#eee; width:100%; height:180px; margin:10px 0px 15px;}

.system-error-message {
    background:none;
    background-color: #f9f9f9;
    border: 1px solid #eee;
    color: #666;
    margin: 18px;
    min-height: 110px;
    height: auto !important;
    height: 110px;
    padding: 36px;
}

.system-error-message li {list-style:none;}

.gallery-table {}
.gallery-table .col-sm-6 {max-height:260px; overflow:hidden;}


.photogalleryItem {text-align:center; max-width:360px;}
.photogalleryItem img {width:80%; max-height:140px;}


.events-content .photogalleryItem {float:left; overflow: hidden;}
.events-content .photogalleryItem img {
    width: 100%;
    max-height: 300px;
}

.booking-list .date {background:#EEF5FA;}

.footer-menu {}
.footer-menu .col-sm-3 { padding-bottom:10px;} 


.footer-gallery {margin-bottom:15px; height:60px; overflow:hidden;}
.footer-gallery img{width:100%;}

.footer {}




  /* ============ RESPONSIVE TABLE ============= */
  /* Force table to not be like tables anymore */
	table.photogalleryTable, .photogalleryTable thead, .photogalleryTable tbody, .photogalleryTable th, .photogalleryTable td, .photogalleryTable tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	.photogalleryTable thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.photogalleryTable tr { border: 1px solid #fff; overflow: hidden; }

	.photogalleryTable td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #fff;
		position: relative;
		padding-left: 50%;
	}

	.photogalleryTable td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}

	.responsive-table td:nth-of-type(1):before { content: "First Name"; }
	.responsive-table td:nth-of-type(2):before { content: "Last Name"; }
	.responsive-table td:nth-of-type(3):before { content: "Job Title"; }


    #outerImageContainer {
        max-width: 90%;
        overflow: hidden;
        height: auto !important;
        font-size:0!important;
        }
        #imageDataContainer {
        max-width: 90%;
        overflow: hidden;
        }
        #lightboxImage {
        max-width: 100%;
        }

/* Changed for lightbox */
    #imageContainer { overflow:hidden;}
    #numberDisplay {display:none !important;}
    }


.module-calendar {}
.module-calendar li {padding:2px; margin:0px;}

table.module-calendar td ul {
    margin: 9px 0;
    padding-left: 6px;}

.booking-container {}
.booking-container img {max-width:100%;}

.mtbl-event h3 {font-size:20px;}

.mtb-fade-box {
  cursor: pointer;
  height: 180px;
  position: relative;
  overflow: hidden;
  width: 100%;
        background-color: #000;
        text-align:center;
            font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
        font-weight:300;

}

.mtb-fade-box-large {

  height: 300px;

}

.mtb-fade-box img {
  position: absolute;
  left: 0;

  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;

}

.mtb-fade-box .overbox {
  background: rgb(0, 0, 0); /* Fall-back for browsers that don't
                                    support rgba */
    background: rgba(0, 0, 0, .5);
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  z-index: 100;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;

  width: 100%;
  height: 100%;
  padding: 10px 20px;
}

.mtb-fade-box:hover .overbox { opacity:0.2; }

.mtb-fade-box .overtext {
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  transform: translateY(10px);
  -webkit-transform: translateY(10px);
}

.mtb-fade-box .title {
  font-size: 1.1em;
  line-height: 1.7em;
  text-transform: uppercase;
  opacity: 1;
  transition-delay: 0.1s;
  transition-duration: 0.2s;
}

.mtb-fade-box:hover .title,
.mtb-fade-box:focus .title {
  opacity:0.7;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
}


.system-message, .system-error-message {

    background: #f9f9f9;
    border: 1px solid #eee;
    color: #666;
    margin: 18px;
    min-height: 110px;
    height: auto !important;
    height: 110px;
    padding: 25px;
}

.system-message h1, .system-error-message h1 {
    color: #333;
    font-size:22px;
    margin: 0 0 18px 0;
}

.webform-results {display:none;}


    a.accomodation {display: block; position: relative; top: -150px; visibility: hidden;}
    a.adventure {display: block; position: relative; top: -150px; visibility: hidden;}
    a.anchor-link {display: block; position: relative; top: -150px; visibility: hidden;}

table {border:0px;}

    .school-cal table {
        background:#eee; border:0px solid #ddd;
        border-collapse: collapse;
        font-size: 11px;
    }

.school-cal th {
        padding: 4px;
    background:#89C5D3;
    border: 1px solid #89C5D3;
    text-align:center;
    }

  .school-cal td {
        padding: 4px;
    border: 1px solid #ddd;
    }
   .school-cal td a {
        font-size: 12px;
        padding: 2px;
        color: #fff;
        background: #21637c;
        text-decoration: none !important;
    }
   .school-cal td a:hover {
        font-size: 12px;
        padding: 2px;
        color: #fff;
        background: #21637c;
        text-decoration: none !important;
    }



#catblogoutput .blog-post img {
    max-width: 100%;
    padding: 0px;
}

.blog-post .post-body {
    margin: 0 0 36px;
    padding: 0px 15px 25px;
}

.mtb-post-list-img {height:180px; width:100%; overflow:hidden;}
.mtb-post-read-btn {background:#21637c; padding:10px 20px; width:100%; text-size:9px; color:#fff; position: absolute; bottom: 0;}

.side-panel {}
.side-panel .mtb-post-list {width:99% !important; height:auto; background:#000; color:#fff; min-height:100px !important;}
.side-panel .mtb-post-list  a {color:#fff; font-size:15px; }
.side-panel .post-body {display:none;}
.side-panel .mtb-post-read-btn {display:none;}
.side-panel .mtb-post-list-img {height:120px; width:100%; overflow:hidden;}

.BlogTagCloud a {padding:3px; background:#000; color:#fff; margin:0 2px 0 0;     margin: 0 2px 3px 0;
    text-decoration: none;
    float: left;}
 
@media (max-width: 768px) {
    .mtb-post-list { width: 100%;}
#imageContainer img {max-width:400px !important; }
.start-mbl-news .mtb-post-list {width:100%;}
}
    
   .start-mbl-news .blog-post .post-body {
    margin: 0 0 36px;
    padding: 0px 15px 45px; max-height: 80px; 
}

.photogalleryNavigation {display:none;}