/* edited and reuploaded 1/24/20 */
/* Licensed to Hayes Hitchens Moondance Adventures */
@font-face {
    font-family: 'relative-mono11pitch';
    src: url('../_fonts/relative-mono11pitch.eot');
    src: url('../_fonts/relative-mono11pitch.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/relative-mono11pitch.woff') format('woff'),
         url('../_fonts/relative-mono11pitch.woff2') format('woff2'),
         url('../_fonts/relative-mono11pitch.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* colors */
.text-red { color: #FF3A1E; }

.gray { background-color: #42403F; }
.red { background-color: #FF3A1E; }
.old-gold { background-color: #F4BE18; }
.gold { background-color: #f3c75a; }
.blue { background-color: #00A7E1; }

.classic { background-color: rgba(163, 148, 133, 0.15); }
.discovery { background-color: rgba(243, 200, 90, 0.15); }
.leadership { background-color: rgba(167, 186, 194, 0.15); }
.service { background-color: rgba(191, 186, 138, 0.15); }
.alumni { background-color: #e8eae6}

.bg-topo {background-image: url(../_images/wave-pattern-5x5-gray.png); background-position: center center; }
.bg-white {background-color: #fff;}

/* reset */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
pre { display: block; font-family: monospace; white-space: pre; margin: 1em 0; }
ol, ul, li { list-style: none; margin: 0; padding: 0; }
sup, sub { vertical-align: baseline; position: relative; top: -1.5px;}
sub {  top: 16px; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; vertical-align: middle; }
em {font-style: italic;}
.clickable { cursor: pointer; } /* make modals work on mobile */
.d-none {display: none;}
.nomargin { margin: 0!important; }
.nopad { padding: 0!important; }
.lesspad {padding: 0 7px;}
.margin-top {margin-top: 15px;}
.margin-bottom {margin-bottom: 15px;}
.pad-bottom {padding-bottom: 25px;}
.pad-bottom-small {padding-bottom: 15px;}
.container {padding-top: 50px; padding-bottom: 50px; border-bottom: 1px solid rgba(255, 255, 255, 0.25);}
.noborder, .noborder .container {border: 0!important;}
.border-top .container {border-top: 1px dashed #999;}
.border-bottom .container {border-bottom: 1px dashed #999;}
.pad-medium .container { padding-top: 25px!important; padding-bottom: 25px!important;}
.pad-medium-bottom .container { padding-bottom: 25px!important;}
.pad-small .container { padding-top: 15px!important; padding-bottom: 15px!important;}
.pad-small-bottom .container { padding-bottom: 15px!important;}
.uppercase {text-transform: uppercase;}

body {color: #42403F; font-family: 'PT Serif', serif; font-weight: 400; letter-spacing: .5px; position: relative; /* background-color: #e8eae6; */ }

/* general bootstrap overrides
--------------------------------------- */
a, a:visited, a:focus, a:hover {text-decoration: none;}
a, a:focus { text-decoration: none; color: #FF3A1E; }
a:hover { text-decoration: none; color: #999; }
a:focus { outline: none; outline-offset: 0; }

a:hover, .ease {-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;}

h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, li { margin: 0; padding: 0;	}
h1, h2, h3, h4, h5, h6, h7, p { margin-bottom: 5px; line-height: 1.2;}
h2, h3, h4, h5, h6, h7 {font-weight: 700; line-height: 1.0; letter-spacing: .75px;}
h1 {font-size: 24px;}
h2 {font-size: 41px;}
h3 {font-size: 32px; color: #FF3A1E; margin-bottom: 20px;}

h4 {font-size: 25px;}
h5 {font-size: 22px;}
h6 {font-size: 20px;}
.border { border-bottom: 8px solid #FF3A1E; display: inline-block; padding-bottom: 20px; margin-bottom: 20px;}
p {font-size: 16px; line-height: 1.4;}
blockquote {
  padding: 0;
  margin: 30px 10px 10px 10px;
  font-size: 32px; line-height: 38px;
  border: none; position: relative;
}
blockquote:before {content:'“';}
blockquote:after {content:'”';}
cite {font-family: "relative-mono11pitch", sans-serif; font-weight: 300; text-transform: uppercase; font-size: 13px; display: block; padding: 0; margin: 0; font-style: normal; }
img.alignleft, img.alignnone {margin-bottom: 15px; margin-right: 15px;}
img.alignleft {float: left;}
img.alignright {float: right; margin-bottom: 15px; margin-left: 15px;}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}
@media (max-width: 576px) {
  blockquote {
    font-size: 24px; line-height: 28px;
  }
}
.d-block {display: block}

/* NEW * FLOATING CTA
-------------------------------------*/
.cta-button-fixed {position: fixed; top: 40%; right: -5px; padding: 15px 20px 10px 20px; background: #FF3A1E; color: #fff; z-index: 9999; border-left: 1px solid #fff; border-bottom: 1px solid #fff; border-right: 1px solid #fff;
	font-family: "relative-mono11pitch", sans-serif; font-weight: 300; font-size: 16px; text-transform: uppercase; text-align: center;
transform-origin: right top;
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.cta-button-fixed:hover { background: #f3c75a; color: #fff; right: 0;}

@media (min-width: 1200px) {
	.cta-button-fixed {right: -10px; padding: 25px 30px 15px 30px; font-size: 18px;}
}

/* VALUE PROP BLOCK
-------------------------------------*/
.value-prop { height: 800px; background-size: cover; color: #fff;}
.value-prop h1, .value-prop p { font-size: 36px; line-height: 1.3; margin-top: 5%; }

@media only screen and (max-width : 480px) {
	.value-prop h1, .value-prop p { font-size: 28px; }
}

/* TEASER BLOCK
-------------------------------------*/
.teaser { height: 800px; background-size: cover; color: #fff;}
.teaser .container {height: 800px; }
.teaser p { font-size: 24px; line-height: 1.3; margin-top: 3%; width: 50%; }
.teaser.text-center p {margin-left: auto; margin-right: auto; width: 75%;}
.teaser.link-only .btn {padding: 20px 30px; font-size: 24px; margin-top: 50%; text-transform: uppercase;}

@media only screen and (max-width : 640px) {
	.teaser, .value-prop { text-align: center;}
	.teaser {padding: 0;}
	.teaser p {width: 100%!important; font-size: 18px; line-height: 1.2; }
	.teaser .container { background-color: rgba(0, 0, 0, 0.3)!important; padding-left: 15px; padding-right: 15px;}
}
@media only screen and (max-width : 480px) {
	.teaser p, .teaser.text-center p {width: 100%!important;}
	.teaser.link-only .btn {margin-top: 70%!important;}
	.value-prop, .teaser, .teaser .container {height: 600px;}

	.teaser.link-only {height: 400px;} /* shorter bc no text */
	.value-prop .btn-transparent, .teaser .btn-transparent {background: rgba(0, 0, 0, 0.5);}
}

/* HERO BLOCK
-------------------------------------*/

.hero { padding: 0; margin: 0; position: relative; z-index: 1;}
.anniversary-badge {position: absolute; right: 10%; top: 11%; width: 100px !important; z-index: 9999!important}
	.anniversary-badge.badge-red {fill:#FF3A1E;}
	.anniversary-badge.badge-white {fill:#fff;}
	.anniversary-badge.badge-gray {fill:#42403F;}
.arrow-scroll-down {display: block; position: absolute; bottom: 12px; left: 48%; z-index: 9999;}
.arrow-scroll-down:hover {opacity: .5;}
.slides {z-index: 88;  text-align: center;}
.slides div {position: relative;}
.slides div img {width: 100%;}
.hero .trip-name, .hero .blog-hero-title { position: absolute;  left: 0; right: 0; background: transparent; max-width: 100%; padding: 25px; margin: 0 auto; text-align: center; z-index: 1020; text-transform: lowercase; font-weight: 700; color: #fff; font-size: 112px; top: 20%;  line-height: .9!important; margin-bottom: 0;}
.hero .trip-name span.blog-subtitle { color: #fff; font-family: "relative-mono11pitch", sans-serif; font-weight: 300; display: block; font-size: 18px; margin-top: 40px; text-transform: uppercase; letter-spacing: 1px }
.coordinates {position: absolute; bottom: 30px; left: 50px; font-family: "relative-mono11pitch", sans-serif; font-weight: 300; text-transform: uppercase; text-align: center; z-index: 999; font-size: 26px; }
.coordinates, .coordinates a, .coordinates a:active, .coordinates a:focus, .coordinates a:hover {color: rgba(255, 255, 255, 0.95);}

.hero-home .coordinates { bottom: 60px; }
.slides .slick-dots, .random-slide .slides .slick-dots {display: none!important;} /* use has-slides class on home hero block to show this on homepage where multiple images*/
.hero.has-slides .slides .slick-dots {display: block!important;}

@media only screen and (max-width : 991px) {
	.trip-name { top: 17%; font-size: 98px}
	body.blog .wp-post-image {padding-bottom: 30px;}
}
@media only screen and (max-width : 767px) {
	.hero {margin-top: 100px;}
	.hero .trip-name {background: #42403F!important; position: relative; display: block!important; top: auto; max-width: 100%!important; padding-bottom: 25px; font-size: 36px!important; }
	.hero.trip .trip-name {background: rgba(0, 0, 0, 1)!important; padding-bottom: 20px}
	.hero .trip-name span.blog-subtitle { margin-top: 10px; }
	body.blog .hero .trip-name {padding-bottom: 30px;}
	.coordinates { font-size: 16px;}
  .arrow-scroll-down {display: none;}
}
@media only screen and (max-width : 555px) {
	.coordinates {font-size: 10px; top: 270px; left: 20px;}
	.trip-name {position: relative; display: block!important; top: auto; max-width: 100%!important; background: rgba(0, 0, 0, 0.8); padding-bottom: 0; font-size: 48px}
	.hero.has-slides .slides .slick-dots {display: none!important;}
}
@media only screen and (max-width : 400px) {
	.coordinates {font-size: 10px; top: 200px; left: 20px; color: #fff;}
}


/* update slider to full height on homepage - styles that make this work are in slick.css */
.slides { z-index: 999;}
.slide-single { position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat; min-height: 600px; }

@media only screen and (max-width : 555px) {
.slides-home .slide-single .coordinates {font-size: 10px; top: auto; bottom: 20px; left: 20px;}
}

/* put icons with division names in this block */
.hero:not(.trip) .trip-division {display: none;}
.trip-division {position: absolute; bottom: 15px; right: 50px; color: #fff; font-family: "relative-mono11pitch", sans-serif; font-weight: 300; text-transform: uppercase; text-align: right; z-index: 999; font-size: 16px;}
.division-icon {padding-left: 30px;}
.division-icon:before {content: ''; padding-left: 30px;  margin-right: 15px; background-repeat: no-repeat; background-size:contain; background-position: center center;}
.discovery-icon:before { background-image: url(../_images/i-discovery-white.png)}
.classic-icon:before { background-image: url(../_images/i-classic-white.png)}
.leadership-icon:before { background-image: url(../_images/i-leadership-white.png)}
.service-icon:before { background-image: url(../_images/i-service-white.png)}

@media (min-width: 768px) {
	.trip-division { font-size: 26px; bottom: 30px;}
	.anniversary-badge {width: 150px !important; height: 150px;}
}
@media (min-width: 992px) {
	.anniversary-badge {width: 200px !important; height: 200px;}
}


/* TRIP INFO BLOCK
-------------------------------------*/
.trip-info { background: #fff; text-align: center; padding: 30px 0;}
.trip-info table {color: #42403F; font-family: "relative-mono11pitch", sans-serif; font-weight: 300; margin: 0 auto; line-height: 1; text-align: left; font-size: 14px;}
.trip-info table td { padding: 4px 15px; text-transform: uppercase;}
.trip-info table th { text-transform: uppercase; border-bottom: 1px solid #FF3A1E; padding: 4px 15px 10px 15px; font-weight: 300; font-size: 14px; letter-spacing: .75px; text-align: center;}
.trip-info table tr:nth-child(2) td { padding-top: 10px; }
.bullet {font-size: 14px; color: #FF3A1E; margin-left: 5px; margin-right: 5px;}
@media only screen and (max-width : 767px) {
	.trip-info table td {font-size: 12px;}
}

.trip-info.classic { border-top: 10px solid rgba(163, 148, 133, 1); }
.trip-info.discovery { border-top: 10px solid rgba(243, 200, 90, 1); }
.trip-info.leadership { border-top: 10px solid rgba(167, 186, 194, 1); }
.trip-info.service { border-top: 10px solid rgba(191, 186, 138, 1); }
.trip-info.alumni { border-top: 10px solid #e8eae6}



/* TRIP NAV BLOCK
-------------------------------------*/
.trip-nav .nav, .trip-nav .nav li, .trip-nav .nav li a {margin: 0; padding: 0;}
.trip-nav {position: fixed; bottom: 0; z-index: 1029; width: 100%; text-align: center; color: #fff; background: rgba(0, 0, 0, 0.8); border-top: 1px solid rgba(255, 255, 255, 0.5);  }
.trip-nav ul { margin: 0 auto; text-align: center;}
.trip-nav .nav li { display: inline-block; font-family: "relative-mono11pitch", sans-serif; font-weight: 300; text-transform: uppercase; text-align: center; padding: 25px;}
.trip-nav li a {color: #fff;}
.trip-nav li a.white {color: #fff;}
.trip-nav li a.white:hover, #menu-trip-nav-standard li.enroll-link a {color: #FF3A1E;}
.trip-nav .nav > li > a:hover, .trip-nav .nav > li > a:focus, .trip-nav .nav .active a  { color: #F4BE18; background: transparent; }
@media only screen and (max-width : 767px) {
	.trip-nav .nav > li { padding: 15px!important;}
}
@media only screen and (max-width : 640px) {
	.trip-nav .nav > li { padding: 15px 8px!important; font-size: 12px;}
}
@media only screen and (max-width : 550px) {
	.trip-nav .nav { padding: 8px 0px!important;}
	.trip-nav .nav > li { padding: 8px 8px!important;}
}

/* TRIP DETAILS BLOCK
-------------------------------------*/
.details { color: #42403F; }
.details .container {border-bottom: none;}
.details table.costs {font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1; width: 100%; border-top: 1px solid #FF3A1E; margin-bottom: 40px;}
.details table.costs td {padding: 8px; border-bottom: 1px solid #FF3A1E; width: 50%; vertical-align: top;}
.details table.costs td.left-col {text-align: left; text-transform: uppercase;}
.details table.costs td.right-col {text-align: right; font-style: italic;}
.similar-trips div { height: 289px; position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; margin-bottom: 20px;}
.similar-trips h3 {color: #FF3A1E;}
.similar-trips h4 {position: absolute; bottom: 20px; padding: 20px; background: rgba(255, 57, 31, 0.85); color: #fff; left: 0; font-weight: 400; margin: 0 auto; width: 160px; font-family: "relative-mono11pitch", sans-serif; font-size: 16px; }
.similar-trips div { -webkit-transition: all .1s ease-in-out;}
.similar-trips div:hover h4 {background: rgba(255, 57, 31, 1);}
.similar-trip-1:hover, .similar-trip-2:hover {border: 4px solid #FF3A1E;}
.related-video { position: relative;}
.related-video:before { content: ''; width: 60px; height: 60px; background-image: url(../_images/play-circle-solid.svg); background-position: center center; background-repeat: no-repeat; background-size: cover;  position: absolute; top: 40%; left: 0; right: 0; margin: 0 auto; z-index: 9; opacity: .75}
.related-video:hover:before {opacity: 1}
@media only screen and (max-width : 991px) {
	.similar-trips h3 { margin-top: 40px;}
}
@media only screen and (max-width : 767px) {
	.similar-trips { padding: 0;}
}
.details table.dates {color: #42403F; font-family: "relative-mono11pitch", sans-serif; font-size: 14px; line-height: 1; width: 100%; border-top: 1px solid #FF3A1E;  margin-bottom: 40px;}
.details table.dates td {padding: 8px; border-bottom: 1px solid #FF3A1E; vertical-align: top;}
.details table.dates td.dates {text-align: left; text-transform: uppercase; width: 45%;}
.details table.dates td.availability {width: 25%; text-transform: uppercase;}
.details table.dates td.action {text-align: right; width: 30%; text-transform: uppercase;}

.available, .trip-info table td.available,

.available.all, table td.available-all-girls, .trip-info table td.available.all { color: #00A7E1!important}
.limited, .trip-info table td.limited,
.available.boys, table td.available-for-guys, .trip-info table td.available.guys,
.available.girls, table td.available-for-girls, .trip-info table td.available.girls { color: #F4BE18!important; }
.trip-info table td.one-spot-left, .trip-info table td.two-spots-left { color: greenyellow!important; }
.full, .trip-info table td.full, .waitlist, .trip-info table td.waitlist { color: #FF3A1E!important;}
table .glyphicon-play {font-size: 10px;}

/* CLINCHER BLOCK
-------------------------------------*/
.clincher { background: #FF3A1E; color: #fff; text-align: center;}
.clincher h1, .clincher p {font-size: 22px; line-height: 1.75;}
.clincher .btn {display: inline-block; margin: 20px auto 0 auto; min-width: 150px;}
.clincher .btn:hover {border-color: #fff; color: #FF3A1E; background-color: #fff; }

@media only screen and (max-width : 639px) {
	.clincher h1, .clincher p {font-size: 18px; line-height: 1.5;}
}
/* HIGHLIGHTS LIST
-------------------------------------*/
.bullets ul { text-align: center; color: #42403F; font-family: "relative-mono11pitch", sans-serif; font-size: 18px; line-height: 1.3;}
.bullets ul li { margin-bottom: 5px;}
.bullets ul li:after {content: "•"; display: block; font-size: 18px; color: #FF3A1E;}
.bullets ul li:last-child:after {content: none;}

/* HIGHLIGHTS/ACTIVITY TABS
-------------------------------------*/
.highlights { color: #42403F; text-align: center; }
.highlights .container {padding-bottom: 0; border-bottom: none; min-height: 520px;} /* set min height so box doesnt jump around when more or less text */
.highlights .col-md-6 { }
.highlights h3 {color: #FF3A1E; border-bottom: 8px solid #FF3A1E; display: inline-block; padding-bottom: 20px; margin-bottom: 20px; text-transform: lowercase; }
.nav-tabs li img {max-width: 80px!important; opacity: .75;}
.nav-tabs { display: inline-block; border-bottom: none; margin: 0 auto; }
.nav-tabs > li { float: left; margin-bottom: -1px; }
.nav-tabs > li > a { margin-right: 0px; border: none; border-radius: 0; }
.nav-tabs > li > a:hover { border-color: transparent; background: transparent!important; }
/* .nav-tabs > li > a:hover:after { content:url(../_images/arrow-down-sm.png); display: block; } */
.nav-tabs > li > a:hover img {opacity: 1;}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus,
.nav-tabs > li > a:active,
.nav > li > a:hover,
.nav > li > a:focus,
.nav-tabs > li.active > a img {opacity: 1!important;}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {  border: none; background-color: transparent!important; background: transparent!important}
.nav-tabs > li.active > a:after {content:url(../_images/arrow-down-sm-active.png); display: block; margin-top: 5px; }
.activity-desc .tab-pane {margin-bottom: 25px;}
.activity-photos {text-align: center;}
.activity-photos img { margin-top: 30px; max-width: 700px; height: auto;}
@media only screen and (max-width : 991px) {
	.activity-photos img { margin: 0 auto!important;}
	.nav-tabs li img {max-width: 70px!important;}
}
@media only screen and (max-width : 767px) {
	.nav-tabs {margin: 0;}
	.highlights .map { border-left: none; margin-top: 30px;}
	.activity-photos, .tab-pane { padding: 0; margin: 0;}
	.highlights .container {min-height: auto;}
}
@media only screen and (max-width : 514px) {
	.nav-tabs li img {max-width: 65px!important;}
}
@media only screen and (max-width : 454px) {
	.nav-tabs li img {max-width: 48px!important;}
}

/* HIGHLIGHTS STACKED REDO 2020
-------------------------------------*/

.highlights-stacked .container {padding-bottom: 0;}
.highlights-stacked .row {margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #f3c75a;}
.highlights-stacked .row:last-child {border-bottom: 0;}
.highlights-stacked .activity-desc img {width: 150px; margin-bottom: 15px;}
.highlights-stacked .activity-desc p {margin-bottom: 20px;}
.highlights-stacked .activity-photos img {width: 100%; margin: 0 0 20px 0!important;}
.highlights-stacked.hide-icon .activity-desc img {display: none;}
.highlights-stacked ul {margin-left: 14px; margin-bottom: 20px; font-size: 16px;}
.highlights-stacked ul li {margin-bottom: 5px}
.highlights-stacked ul li:before {content: "•"; color: #FF3A1E; margin-right: 5px; margin-left: -14px;}
@media (min-width: 992px) {
	.highlights-stacked .activity-photos img { margin: 0!important;}
}

/* FEATURED PERSPECTIVES 2020
---------------------------
--------------------------- */
.featured-perspectives {background: rgba(66, 64, 63, 0.15) url(../_images/wave-pattern-5x5.png) center center;}
.featured-perspectives .row {margin-bottom: 20px;}
.featured-perspectives .col-md-4, .featured-perspectives .post-wrap {height: 100%!important;}
.featured-perspectives h3 { color: #FF3A1E; border-bottom: 8px solid #FF3A1E; display: inline-block; padding-bottom: 20px; margin-bottom: 40px; text-transform: lowercase;}
.featured-perspectives .post-wrap {position: relative; background: #fff; padding-bottom: 30px; }
.featured-perspectives .post-wrap img {max-width: 100%; margin-bottom: 25px;}
.featured-perspectives .post-wrap h5 {margin: 0 20px 5px 30px;}
.featured-perspectives .post-wrap p {color: #42403F; margin: 0 30px;}
.featured-perspectives .post-wrap p:after {content: 'Read More'; color: #FF3A1E; display: block; margin-top: 5px; font-family: "relative-mono11pitch", sans-serif; font-size: 14px;}
.featured-perspectives h4 {position: absolute; top: 20px; padding: 13px 20px; background: rgba(255, 57, 31, 0.85); color: #fff; left: 0; font-weight: 400; margin: 0 auto; /* width: 110px; */ font-family: "relative-mono11pitch", sans-serif; font-size: 16px; text-transform: uppercase}
.featured-perspectives .post-wrap:hover h4 {background: #f3c75a;}

/* MEDIA BLOCK
-------------------------------------*/
.media { color: #fff; }
.gallery, .video, .notes, .guide { background-repeat: no-repeat; background-position: center center; background-size: cover;}
.gallery {height: 593px; position: relative; background-position: center bottom;}
.video, .notes, .guide {height: 289px; position: relative; margin-bottom: 15px; }
.video-notes {padding-right: 0;}
/* .notes, .guide {width: 49%;} */
.guide {float: right;}

.media h4, .double-box h4, .team-member h4, .media-gallery-boxes .double-box-box h4 {position: absolute; bottom: 20px; padding: 20px; background: rgba(255, 57, 31, 0.85); color: #fff; left: 0; font-weight: 400; margin: 0 auto; width: 160px; font-family: "relative-mono11pitch", sans-serif; font-size: 16px; text-transform: uppercase; -webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;}
.gallery:hover h4, .video:hover h4, .notes:hover h4, .guide:hover h4, .box-inner:hover h4, .team-member:hover h4, .media-gallery-boxes .double-box-box:hover h4 {background: #f3c75a;}

/* media gallery main pages */
.double-box-media-entry .container {width: 100%; padding: 0;}

@media only screen and (max-width : 767px) {
	.video-notes {padding: 0;}
	.gallery, .video, .notes, .guide {height: 289px!important;  margin-bottom: 20px;}
	/* .notes, .guide {width: 100%; float: left;} */
}

/* PAGE TITLE
-------------------------------------*/
.page-title { background: rgba(66, 64, 63, 0.25) url(../_images/wave-pattern-5x5.png) center center; color: #42403F;}
.page-title .container {padding-top: 60px;}
.page-title h2 { margin-bottom: 0;}
.page-title h6 { font-family: "relative-mono11pitch", sans-serif; font-weight: 300; font-size: 14px; text-transform: uppercase; color: #42403F; margin-top: 20px;}

/* DOUBLE-TRIPLE BOX & TEAM BOX, SOME STYLES HANDLED IN MEDIA BLOCK ABOVE
-------------------------------------*/
.double-box {margin-bottom: 15px;}
.double-box .container {border-bottom: 0; margin-bottom: 15px;}
.double-box.stacked.top-row .container {padding-bottom: 0; border-bottom: 0;}
.double-box.stacked.bottom-row .container {padding-top: 0;}
.double-box h4 {width: 50%!important;}

.team-member {position: relative; margin-bottom: 15px;}
.team-member h4 {left: 7px; width: 50%!important;}
.team-member h4 span.position, .team-member h4:hover span.name {display: none;}
.team-member h4:hover span.position {display: block;}

.media-gallery-boxes h2 {color: #FF3A1E}
.media-gallery-boxes h4 {font-size: 14px; width: 70%;}
.media-gallery-boxes .double-box-box.lesspad h4 {left: 7px; width: auto!important;}
.media-gallery-boxes .double-box-box {margin-bottom: 15px;}

@media only screen and (max-width : 767px) {
	.double-box.stacked {margin-bottom: 0;}
	.double-box.stacked.top-row .container {margin-bottom: 0px; padding-bottom: 0px!important;}
	.double-box.stacked.bottom-row .container {margin-top: 0; padding-top: 0!important;}
	}

.box-inner {position: relative;}
.box-inner h4 {left: 7px;}

@media only screen and (max-width : 767px) {
	.box-inner { padding: 0; margin-bottom: 30px;}
	.box-inner h4 {left: 0px;}
	.box-inner img, .team-member img {width: 100%;}
	.double-box.stacked .box-inner {margin-bottom: 15px!important;}
}

/* FAQS
-------------------------------------*/
.faqs .container {border-bottom: 0;}
.question { text-indent: -29px; margin-left: 15px; font-family: "relative-mono11pitch", sans-serif; padding-bottom: 15px; }
.question, .question p {font-size: 15px!important;}
.question p { margin: 15px 30px; width: 80%; text-indent: 0;}
.question a.question-open {text-transform: uppercase; margin: 15px 0 15px 0px; color: #42403F}
.question a.question-open:hover {color: #FF3A1E;}
.question a.question-open:before {content: '+'; margin-right: 5px; margin-left: 15px;}
.answer ul {margin-left: 43px;}
.answer ul li:before {content: "•"; color: #FF3A1E; margin-right: 5px; margin-left: -14px;}
.question:first-of-type .answer { display: block!important}


.faqs.jobs-faqs .container {padding-left: 45px; border-bottom: 1px dashed #999;}
.faqs.jobs-faqs .row.text-center {text-align: left;}
.faqs.jobs-faqs h3.border {border-bottom: none; text-align: left; font-size: 25px; padding-bottom: 0;}
.faqs.jobs-faqs .collapse {display: block;}
.faqs.jobs-faqs .question:hover,
.faqs.jobs-faqs .question-open:hover { color: #42403F; cursor: default; }
.faqs.jobs-faqs .question p {margin: 5px 0 0 0}
.faqs.jobs-faqs .question a.question-open:before {content: ''; margin-left: 23px;}

/* TRIP COMPARISON CHART
-------------------------------------*/
/* .trip-comp-chart {background-color: #e8eae6;} default color in case they add new divisions */

.trip-comp-chart .table, .trip-comp-chart .table td ul li {color: #42403F; font-family: "relative-mono11pitch", sans-serif; font-weight: 300; font-size: 12px;}
.trip-comp-chart .table th {font-weight: 300; text-transform: uppercase; font-size: 11px;}
.trip-comp-chart .table td a {text-transform: uppercase;}
.trip-comp-chart .table td ul li a {text-transform: none;}
.trip-comp-chart .table td.trip-dates {width: 175px!important;}
.trip-comp-chart .table td.trip-availability {width: 120px;}
.trip-comp-chart .table td.trip-select {padding-right: 0;}
.trip-comp-chart .table th.trip-select {width: 10px;}
.trip-comp-chart .table th.trip-length {width: 80px;}
.trip-comp-chart .table th.trip-grades {width: 80px;}
.trip-comp-chart .table th.trip-ages {width: 60px;}
.trip-comp-chart .table th.trip-challenge {width: 90px;}
.trip-comp-chart .table th.trip-airports {width: 90px;}
.trip-comp-chart .table th.trip-begins {width: 120px;}
.trip-comp-chart .table th.trip-ends {width: 120px;}
.trip-comp-chart .table th.trip-cost {width: 60px;}
.trip-comp-chart .available {color: #00A7E1;}
.trip-comp-chart .available.for.guys,
.trip-comp-chart .available.for.girls {color:#f3c75a!important}
.trip-comp-chart .one.spot.left,
.trip-comp-chart .two.spots.left {color:green!important}
.trip-comp-chart.alumni h3:before {content:url(../_images/i-alumni.png); margin-right: 15px; margin-bottom: -4px;}
.trip-comp-chart.classic h3:before {content:url(../_images/i-classic.png); margin-right: 15px;}
.trip-comp-chart.leadership h3:before {content:url(../_images/i-leadership.png); margin-right: 15px;}
.trip-comp-chart.service h3:before {content:url(../_images/i-service.png); margin-right: 15px;}
.trip-comp-chart.discovery h3:before {content:url(../_images/i-discovery.png);  margin-right: 15px;}
.trip-comp-chart .division-explanation { font-family: "relative-mono11pitch", sans-serif; font-weight: 300; font-size: 12px; text-align: right; padding-top: 20px;}
.trip-comp-chart .full:before {content:url(../_images/i-full.png); margin-right: 5px; }
.trip-comp-chart .available:before {content:url(../_images/i-available.png); margin-right: 5px;}
.trip-comp-chart .limited:before,
.trip-comp-chart .available.for.guys:before,
.trip-comp-chart .available.for.girls:before,
.trip-comp-chart .one.spot.left:before,
.trip-comp-chart .two.spots.left:before {content:url(../_images/i-limited.png); margin-right: 5px;}

.trip-comp-chart.classic { background-color: rgba(163, 148, 133, 0.15); }
.trip-comp-chart.discovery { background-color: rgba(243, 200, 90, 0.15); }
.trip-comp-chart.leadership { background-color: rgba(167, 186, 194, 0.15); }
.trip-comp-chart.service { background-color: rgba(191, 186, 138, 0.15); }
.trip-comp-chart.alumni { background-color: #e8eae6}


@media screen and (max-width: 991px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .trip-comp-chart .table .trip-length, .trip-comp-chart .table .trip-begins, .trip-comp-chart .table .trip-ends
	 {display: none;}
}
@media only screen and (max-width : 767px) {
	.trip-comp-chart .division-explanation { text-align: left; padding-top: 0; padding-bottom: 20px;}
	.trip-comp-chart .table .trip-ages
	 {display: none;}
}

/* TRIP FINDER
-------------------------------------*/
.trip-finder-results {min-height: 290px; background: rgba(0, 0, 0, 0.8); color: #fff;} /* fixed for 6 date ranges */
.trip-finder-results h4 {color: #fff;}
.trip-finder-results table {margin: 20px auto; font-size: 11px;}
.trip-finder-results table td {vertical-align: top; color: #fff;}
.trip-finder-results table th { color: #fff; }
.trip-pic {position: relative;}
.trip-finder .division { font-family: "relative-mono11pitch", sans-serif; font-weight: 300; text-transform: uppercase; position: absolute; bottom: 10px; left: 20px; padding-left: 20px; font-size: 12px; color: rgba(255, 255, 255, 0.75); }
.trip-finder .alumni .division:before, .trip-finder .classic .division:before, .trip-finder .service .division:before, .trip-finder .leadership .division:before, .trip-finder .discovery .division:before { content:''; display: inline-block; margin-right: 10px; position: absolute; height: 20px; width: 20px; bottom: 5px; left: 0; background-size: contain; opacity: .75;}
.trip-finder .classic .division:before { background: url(../_images/i-classic-white.png) no-repeat; bottom: 5px; background-size: contain;}
.trip-finder .service .division:before { background: url(../_images/i-service-white.png) no-repeat; bottom: 3px; background-size: contain; left: -3px;}
.trip-finder .leadership .division:before { background: url(../_images/i-leadership-white.png) no-repeat; bottom: 3px;background-size: contain;}
.trip-finder .discovery .division:before { background: url(../_images/i-discovery-white.png) no-repeat; bottom: 5px; background-size: contain;}
.trip-finder .alumni .division:before { background: url(../_images/i-alumni-white.png) no-repeat; bottom: 1px; background-size: contain;}

.trip-finder-results.trip-info {padding-bottom: 15px;}
.trip-info table.challenge td {margin-top: 20px; border: 2px solid #FF3A1E; padding: 8px!important; text-transform: uppercase;}
table.challenge td.level {background: #FF3A1E; color: #42403F;}
.trip-finder .classic, .trip-finder .leadership, .trip-finder .service, .trip-finder .discovery {background-color: #fff; }
.trip-finder-results {margin-bottom: 30px;}

form .btn {margin-top: 5px;}
form { font-family: "relative-mono11pitch", sans-serif; font-weight: 300; }
form.form-trip-finder { margin-top: 25px; }
.trip-finder .col-lg-4:hover h4  { color: #FF3A1E}

.trip-finder .simplefavorite-button {position: absolute; top: 20px; right: 40px;  font-size: 30px; z-index: 999; color: #fff;}

.hero.trip .simplefavorite-button {position: absolute; top: auto; bottom: 20px; left: 0; right: auto;  font-size: 22px; z-index: 999; color: #fff;  padding: 10px;}
}

.simplefavorite-button.active, .simplefavorite-button:hover { color: #FF3A1E; opacity: 1!important;}
.trip-finder p.intl-airfare-included {color: #fff; font-size: 12px;}

@media (min-width: 768px) {
	.hero.trip .simplefavorite-button { font-size: 30px; border-bottom: 4px solid #FF3A1E; bottom: 100px; width: 250px}
	.hero.trip .simplefavorite-button:after {content: 'Save to Favorites'; color: #fff; margin-left: 10px; font-size: 16px; margin-bottom: 40px;}
	.hero.trip .simplefavorite-button.active:after {content: 'Saved to Favorites';}
}



/* BLOG & TRIP ENTRIES
-------------------------------------*/
.blogpost_date, .trip-update-entry .list-area h4, .trip-update-entry .list-area ul, .blog-sidebar {font-family: "relative-mono11pitch", sans-serif; font-weight: 300;}
.trip-update-entry .post-area h4 { color: #FF3A1E }
.blogpost_date { font-size: 14px; text-transform: uppercase; }
.trip-update-entry .list-area ul {margin-bottom: 20px;}
.trip-update-entry .list-area ul li a:before {content: '+'; margin-right: 3px;}
.trip-update-entry .post-area hr { border-top-color: rgba(66, 64, 63, 0.25);}

.blog-list h5 {color: #FF3A1E!important;}
.blog-sidebar h5 { font-size: 16px; font-weight: 300; text-transform: uppercase;}
.blog-sidebar ul {margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #ccc;}
.blog-sidebar li {font-size: 13px;}
body.blog .blog-list p, body.blog .blog-sidebar, body.blog .blog-sidebar li a,
body.archive .blog-list p, body.archive .blog-sidebar, body.archive .blog-sidebar li a {color: #42403F!important;}
.blog-sidebar li a:hover {color: #FF3A1E!important;}
.blog-list .row {padding-bottom: 20px; border-bottom: 1px dashed #666; margin-bottom: 30px;}
.blog-list .row:last-child {border: 0;}
body.single-post .col-md-9 img {margin-bottom: 20px; }
body.single-post .blog-sidebar hr {border-bottom: 1px dashed #666; margin-top: 15px;}
.blog-box .lesspad {position: relative;}
.blog-box .lesspad h4 {position: absolute; bottom: 20px; padding: 20px; background: rgba(255, 57, 31, 0.85); color: #fff; left: 7px; font-weight: 400; margin: 0 auto; width: 160px; font-family: "relative-mono11pitch", sans-serif; font-size: 14px; text-transform: uppercase}
.blog-box .excerpt h3 {margin-top: 20px;}
.blog-box .excerpt p {color: #42403F; margin-right: 5%}

@media (min-width: 1200px) {
	.blog-box img {max-height: 455px}
}

/* jetpack */
#subscribe-text p {font-size: 12px!important; line-height: 14px;}
input#subscribe-field-blog_subscription-2 {font-size: 12px!important; line-height: 14px; padding: 5px 8px; margin: 10px 0;}

body.single-trip-logs #content {background: #fff}

.field-notes-list .showall { cursor: pointer; text-transform: uppercase;}
.field-notes-list h2 { color: #FF3A1E; margin-bottom: 10px; }
.field-notes-list ul {font-family: "relative-mono11pitch", sans-serif; font-weight: 300; margin-bottom: 30px; }
.field-notes-list li a {color: #42403F}
.field-notes-list li a:hover, .field-notes-list li a.showall { color: #FF3A1E!important;}
li.session.pastyear.d-none { display: none!important; color: blue;}

/* hide H2 headers for trips that arent running */
body.page-template-page-field-notes h2#colorado-river,
body.page-template-page-field-notes h2#costa-rica,
body.page-template-page-field-notes h2#mountains-to-sea,
body.page-template-page-field-notes h2#sardinia,
body.page-template-page-field-notes h2#the-grand {display: none!important}


/* GENERAL TEXT
-------------------------------------*/
.general-text {color: #42403F; /* background: #e8eae6; */}
.general-text .container { border-bottom: 1px dashed #999;}
.general-text hr { border-top: 1px dashed #999; margin-top: 40px; margin-bottom: 40px;}
.general-text h2 { color: #FF3A1E; border-bottom: 8px solid #FF3A1E; display: inline-block; padding-bottom: 20px; margin-bottom: 20px; line-height: 1.2}
.general-text h3 { color: #42403F; margin-bottom: 5px; margin-top: 20px; }
.general-text h4 { color: #FF3A1E; margin-bottom: 15px; line-height: 1.3}
.general-text h5 {font-size: 20px; margin-bottom: 10px; line-height: 1.3}
.general-text h6 {font-size: 18px; margin-bottom: 10px; line-height: 1.3}
.general-text p, .trip-update-entry .post-area p {padding-bottom: 15px;}
.general-text p, .general-text ul li, .general-text ol li, .trip-update-entry .post-area p, .trip-update-entry .post-area ul li, .trip-update-entry .post-area ol li, .section-wrap ul li, .packing-tips ul li, .tab-content ul li {font-size: 17px; line-height: 1.5!important;}
.general-text ol, .trip-update-entry .post-area ol {margin-left: 24px; margin-bottom: 20px;}
.general-text ol li, .trip-update-entry .post-area ol li {list-style: decimal; }
.general-text ol li ol, .general-text ul li ul {margin-top: 0; margin-bottom: 8px;}
.general-text ol li ol li {list-style: none;}
.general-text ul, .trip-update-entry .post-area ul, .section-wrap ul, .packing-tips ul {margin-left: 14px; margin-bottom: 20px; }
.general-text ul li ul, .general-text ul li ul li ul, .trip-update-entry .post-area ul li ul {margin-bottom: 0!important;}
.general-text ul li:before, .trip-update-entry .post-area ul li:before, .general-text ol li ol li:before, .section-wrap ul li:before, .packing-tips ul li:before {content: "•"; color: #FF3A1E; margin-right: 5px; margin-left: -14px;}
/* .general-text ul li ul li:before, .trip-update-entry .post-area ul li ul li:before {color:#42403F} */
/* .sidebar { text-align: center;} */

.general-text .sidebar p, .general-text .sidebar ul li { font-family: "relative-mono11pitch", sans-serif; font-weight: 300; font-size: 14px; }
.general-text .sidebar img {margin: 20px 0; }
.general-text hr {border-top-color: rgba(66, 64, 63, 0.25);}

.general-text.sitemap a {color: #42403F!important}
.general-text.sitemap a:hover {color: #FF3A1E!important}
.general-text.sitemap ul {margin-bottom: 20px!important;}

.sitemap-page-list {width: 33%; float: left; margin-bottom: 20px;}

.announcement { background: #f3c75a url(../_images/wave-pattern-5x5.png) center center;  color: #42403F; text-align: center; font-family: "relative-mono11pitch", sans-serif; font-weight: 300; }
.announcement-red {background-color: #FF3A1E; color: #fff!important;}
.announcement .container {padding-top: 35px; padding-bottom: 35px; border-bottom: none; text-align: center;}
.announcement .container .btn {margin-bottom: 0; margin-top: 10px;}
.announcement .container .btn-transparent:hover {border: 1px solid #fff; background: #fff; color: #f3c75a;}
.announcement p {font-size: 24px; line-height: 1.3; margin-bottom: 0; padding-bottom: 0; }
.announcement a {color: #FF3A1E}
.announcement a:hover {color: #fff}
@media (max-width: 767px) {
  .announcement .container {padding-top: 15px!important; padding-bottom: 15px!important;}
}
@media (max-width: 640px) {
.announcement p {font-size: 18px; line-height: 1.2; }
}

.itinerary-callout { background: #f3c75a; color: #FF3A1E; text-align: center; font-family: 'PT Serif', serif; font-weight: 400; margin-bottom: 40px; }
.itinerary-callout .container {padding-top: 25px; padding-bottom: 25px; text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.25); border-bottom: 1px solid rgba(255, 255, 255, 0.25);}
.itinerary-callout .container .btn {margin-bottom: 0;}
.itinerary-callout .container .btn-transparent:hover {border: 1px solid #fff; background: #fff; color: #FF3A1E;}
.itinerary-callout h3 {color: #FF3A1E; margin-bottom: 20px;}
@media (max-width: 767px) {
  .itinerary-callout .container {padding-top: 15px!important; padding-bottom: 15px!important;}
}

.seasonal-callout {background: #42403F}

/* ANYTHING BLOCK STYLES */
.timeline {padding-top: 50px; padding-bottom: 50px;}
.why-moondance-anything h3 { margin-top: 50px; margin-bottom: 40px;}
.why-moondance-anything h4 { margin-bottom: 5px; color:#FF3A1E; font-family: "relative-mono11pitch", sans-serif; font-size: 16px; text-transform: uppercase; font-weight: 300;}
/* .why-moondance-anything p {color: #fff;} */
.why-moondance-anything img {width: 80px; margin-bottom: 20px;}
.why-moondance-anything .btn {margin-bottom: 50px;}
.why-moondance-anything .container {padding-bottom: 20px!important; padding-top: 20px!important;}
@media only screen and (max-width : 991px) {
	.why-moondance-anything .container {padding: 0!important;}
	.why-moondance-anything .col-sm-6 {padding-bottom: 30px!important; padding-top: 30px!important;}
	}
@media (min-width:768px) and (max-width:991px) {
	.why-moondance-anything .col-sm-6 {height: 300px!important;}
	}

/* LANDING (NEW 2019)
-------------------------------------*/
.landing .sidebar {background-color: transparent; }
.landing .btn {width: 100%;}

/* FOOTER
-------------------------------------*/
#footer {padding-top: 50px; padding-bottom: 100px; color: #fff; font-family: "relative-mono11pitch", sans-serif; font-weight: 300; background-color: #42403F; position: relative;}
#footer ul {text-align: center;}
#footer ul li {display: inline-block; padding: 15px 15px;}
#footer ul li a {color: #fff; font-family: "relative-mono11pitch", sans-serif; font-weight: 300; font-size: 12px;}
#footer ul li a:hover, #copyright a:hover {color: #FF3A1E}
#footer .anniversary-badge-white {position: absolute; left: 40px; bottom: 40px; width: 100px; z-index: 9999!important}
#footer ul li.instagram a {font-size: 22px;}
@media (max-width: 767px) {
  #footer ul li {display: block; padding: 10px;}
}

@media (min-width: 768px) {

}
@media (min-width: 992px) {
	#footer .anniversary-badge-white { width: 150px; }
}
@media (min-width: 1200px) {

}
@media (min-width: 1600px) {

}


/* RESPONSIVE VIDEO */
.video-responsive{
    overflow:hidden;
    padding-bottom:54.1%;
    padding-top: 2.2%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/* BUTTONS & MODALS
-------------------------------------*/
form button {text-shadow: none!important; box-shadow: none;}
.btn, form button.btn, #subscribe-submit input[type="submit"] /* jetpack*/ { border: 0; border-radius: 0; font-family: "relative-mono11pitch", sans-serif; font-size: 15px; padding: 12px 18px; margin-right: 8px; margin-bottom: 8px;}
.btn:hover, form button.btn:hover {background: #f3c75a; color: #fff;}
.btn-primary, form button.btn.btn-primary, #subscribe-submit input[type="submit"] {color: #fff; background: #FF3A1E; border: 1px solid #FF3A1E; }
.btn-primary:hover, form button.btn.btn-primary:hover {color:#fff; background: #F4BE18; border-color: #F4BE18; }

.btn-transparent {background: transparent; border: 1px solid #fff!important; color: #fff!important;}
.btn-transparent:hover { background: transparent; color: #FF3A1E!important; border-color: #FF3A1E!important; }

.btn-transparent-red { background: transparent; color: #FF3A1E!important; border: 1px solid #FF3A1E!important; }
.btn-transparent-red:hover {background: transparent; border: 1px solid #42403F!important; color: #42403F!important;}

.btn-bordered { background: #fff; color: #FF3A1E!important; border: 1px solid #FF3A1E!important; }
.btn-bordered:hover {background: #fff; border: 1px solid #42403F!important; color: #42403F!important;}

/* give a little background to teaser buttons */
.teaser .btn-transparent {background: rgba(0, 0, 0, 0.25); }
.teaser .btn-transparent:hover { background: rgba(0, 0, 0, 0.75); }

/* use for trip comp chart */
.btn-select {min-height: 12px; min-width: 12px; padding: 0px; background: transparent; border: 1px solid #42403F; border-radius: 15px; margin-top: 3px;}
.btn-select:hover { border: 1px solid #FF3A1E; background: #FF3A1E;}
.btn-select.selected {border: 1px solid #FF3A1E; background: #FF3A1E; color: #fff!important;}
/* use for trip finder */
.btn-go, form button.btn.btn-go {margin-left: 10px; margin-right: 0px;}
.btn-clear, form button.btn.btn-clear {background: transparent; border: 1px solid #999; color: #999;}
.btn-clear:hover, form button.btn.btn-clear:hover { background: transparent; border: 1px solid #fff; color: #fff;}

.btn-sm, form button.btn.btn-sm { padding: 8px 12px;font-size: 13px;}
.btn-md {padding: 15px 25px!important; font-size: 18px!important;}
.btn-lg {padding: 20px 30px!important; font-size: 20px!important;}
.btn-pad-top {margin-top: 20px;}

.modal {z-index: 99999!important;} /* force this to overlay mapify tooltip */
.modal-backdrop.in { filter: alpha(opacity=85); opacity: .85; z-index: 99998!important;}
.modal-header {padding-bottom: 0; border-bottom: 0;}
.modal-body {padding: 0 30px 30px 30px; }
.modal-full {width: 100%!important; margin: 0; padding: 0;}


body.modal-open{
	/* fix navbar shifting when scrollbar present and modal opens */
    width:100%!important;
    padding-right:0!important;
    overflow-y:scroll!important;
}
@media (min-width: 992px) {
  .modal-lg {
    width: 1100px;
  }
}
@media (max-width: 991px) {
  .modal-lg {
    width: 100%;
  }
}

#photos-modal {margin-left: 15px!important;}
#nav-modal .modal-content, #video-modal .modal-content, #photos-modal .modal-content {background: transparent; box-shadow: none; border: 0;}
#nav-modal .close, #video-modal .close, #photos-modal .close {color: #fff; font-size: 48px; opacity: .8; text-shadow: none; font-family: "Helvetica Neue", Arial, sans-serif; font-weight: 300!important; }
.modal-bio a {font-family: "relative-mono11pitch", sans-serif; font-size: 15px; }

/* CONTACT MODAL */
#contact-modal .modal-content {background: transparent; box-shadow: none; border: 0; }
#contact-modal .modal-content p {color: #fff; font-family: "relative-mono11pitch", sans-serif; font-size: 15px; margin-bottom: 20px;}
#contact-modal .modal-content h3 {color: #FF3A1E; border-bottom: 8px solid #FF3A1E; display: inline-block; padding-bottom: 20px; margin-bottom: 40px; }
#contact-modal .modal-content h4 {color: #fff; margin-bottom: 10px;}
#contact-modal .modal-content hr {border-top: 1px solid rgba(255, 255, 255, 0.35);}
#contact-modal .close {color: #fff; font-size: 48px; opacity: .8; text-shadow: none; font-family: "Helvetica Neue", Arial, sans-serif; font-weight: 300!important; }

/* CAN ALL MODALS JUST BE LIKE THIS?? */
.modal .modal-content {background: transparent; box-shadow: none; border: 0; }
.modal .modal-content p, .modal .modal-content ul li {color: #fff; font-family: "relative-mono11pitch", sans-serif; font-size: 15px; }
.modal .modal-content h3 {color: #FF3A1E; border-bottom: 8px solid #FF3A1E; display: inline-block; padding-bottom: 20px; margin-bottom: 40px; }
.modal .modal-content h4 {color: #fff; margin-bottom: 10px;}
.modal .modal-content hr {border-top: 1px solid rgba(255, 255, 255, 0.35); width: 33%;}
.modal .modal-content p, .modal#included-modal .modal-content ul {margin-bottom: 20px}
.modal#included-modal .modal-content ul li ul:before {content: "•"}
.modal#included-modal .modal-content ul li {padding-bottom: 8px;}
.modal#included-modal .modal-content ul li ul li {color: #f3c75a; font-style: italic; padding-bottom: 3px;}
.modal .close {color: #fff; font-size: 48px; opacity: .8; text-shadow: none; font-family: "Helvetica Neue", Arial, sans-serif; font-weight: 300!important; }

.enroll-btn-only {padding-top: 50px; padding-bottom: 50px;}

@media (min-width: 992px) {
  #contact-modal .modal-content h3 { text-align: center!important; }
}

.social-icons {margin-top: 10px;}
.social-icons a {font-size: 24px; margin-right: 15px; }
.login {margin-top: 50px; padding-top: 50px; border-top: 1px solid rgba(255, 255, 255, 0.35);}

/* background positioning */
.desktop-bg-center-center { background-position: center center; }
.desktop-bg-center-bottom { background-position: center bottom; }
.desktop-bg-center-top { background-position: center top; }

@media (min-width:768px) and (max-width:991px) {
	.tablet-bg-center-center { background-position: center center; }
	.tablet-bg-center-bottom { background-position: center bottom; }
	.tablet-bg-center-top { background-position: center top; }
}
@media only screen and (max-width : 767px) {
	.phone-bg-center-center { background-position: center center; }
	.phone-bg-center-bottom { background-position: center bottom; }
	.phone-bg-center-top { background-position: center top; }
}

/*===================================================
Bootstrap 3 Media Queries
Min-Width: Refers to everything greater than or equal to the amount given.
Max-Width: Refers to everything less than or equal to the amount given.
==================================================*/

/* Large Devices, Wide Screens */
    @media only screen and (max-width : 1199px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 991px) {
		.lesspad { padding-bottom: 15px!important; }
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 767px) {
		.container {padding: 30px 0;}
		#copyright .text-right, #copyright, .nav {text-align: center;}

    }
	/* Extra Small Devices, Phones */
    @media only screen and (max-width : 639px) {

    }
    /* Extra Small Devices, Phones */
    @media only screen and (max-width : 479px) {
	    .container {padding: 20px 0;}
	    .details .btn {padding: 8px 12px; font-size: 14px;}
		.similar-trips {margin-top: 30px;}

    }

    /* Custom, iPhone Retina */
    @media only screen and (max-width : 320px) {

    }


/* HEADER & NAV
-------------------------------------*/

.gradient {z-index: 2!important; position: absolute; top: 0; width: 100%; height: 200px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
body.home .gradient {height: 150px;}
.navbar-brand { float: left; height: auto; padding: 0px; }
.navbar .container-fluid {z-index: 9998;}
.navbar .container { padding: 0 15px; }
.navbar { border-radius: 0px; margin: 0; border: none; /* background: rgba(255, 255, 255, 0.5) */ z-index: 9997!important}
.semi-transparent.add-opacity, .navbar-collapse.in {background-color: #fff;}

.navbar-brand img {width: 220px; margin: 15px 0 20px 25px; z-index: 999;}

.navbar .navbar-toggle .icon-bar {background-color: #FF3A1E; width: 30px;}
.navbar-toggle:hover .icon-bar {background-color: #F4BE18}
.navbar-nav a:hover, .navbar-nav > .active > a, .navbar-nav > .active > a:hover,
.navbar-nav > .active > a:focus, .navbar-nav a:focus { color: #FF3A1E; background-color: transparent!important; }

.navbar-toggle {border-color: transparent; margin-top: 10px;}

/* stuff at top right */
.nav-topbar { position: absolute; top: 17px; right: 65px; font-family: "relative-mono11pitch", sans-serif; text-transform: uppercase; color: #42403F; font-size: 14px;}
.nav-topbar a { margin-right: 10px; color: #42403F;}
.nav-topbar a:hover { color: #FF3A1E;}
/* @media (max-width: 865px) { .nav-topbar .phone {display: none;} } */
@media (max-width: 767px) {
  .nav-topbar { display: none;}
}

@media (min-width: 768px) {
	body.home .gradient {height: 180px;}
}

/* CHANGE BREAKPOINT FOR MOBILE NAV
-----------------------------------------*/
@media (max-width: 9000px) {
	.navbar-fixed-top .navbar-collapse {
	  max-height: calc(100vh - 50px);
	  background-color: rgba(0, 0, 0, .85);
	  padding-bottom: 20px; padding-top: 10px;
	  border: 0;
	}

	.navbar-toggle {
	  padding: 9px 5px 9px 10px;
	  margin-right: 5px;
	}

    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block; z-index: 9999;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
        font-family: "relative-mono11pitch", sans-serif; font-size: 16px;
        text-transform: uppercase;
    }
    .navbar-nav .sub-menu li a {text-transform: none;}
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
        color: #fff;
        font-size: 18px;
    }
    .navbar-nav>li>ul>li>a {color: #fff; margin-left: 30px; font-size: 16px;}
    .navbar-nav>li>ul {margin-bottom: 25px;}

    .collapse.in{
        display:block !important;
    }


}
@media only screen and (max-width : 767px) {
	.navbar-nav>li>ul>li>a {margin-left: 0px;}
	}


.test {background-color: yellow!important;}
.hide {display: none!important;}

@media only screen and (max-width : 767px) {
	.desktoponly {display: none!important}
	}

/* INTERNAL AIRFARE INLCLUDED DISCLAIMER */
.internal-air-explanation {padding-top: 25px;}



/* RANDOM SETTINGS FOR SPECIFIC PAGES */

/* trip leaders */
body.page-id-34944 .clincher .container { border-bottom: 0;}
body.page-template-page-trip-comparison .explanatory .container {border-bottom: none; padding: 0;}


/*documentation page */
body.page-id-34933 h3 {margin-bottom: 15px;}
body.page-id-34933 h6  { margin-bottom: 15px; color:#FF3A1E; font-family: "relative-mono11pitch", sans-serif; font-size: 16px; text-transform: uppercase; font-weight: 300!important }
body.page-id-34933 #go-assets ul {margin-bottom: 15px!important;}
body.page-id-34933 hr {border-top: 1px dashed #666; margin-bottom: 30px;}

/*why ma*/
body.page-id-35547 .double-box, body.page-id-35547 .double-box .container {margin-bottom: 0;}

/*giving back */
body.page-id-35354 .media  { background: #e8eae6; margin-top: 0;}
.giving-back img { margin: 20px;}
.giving-back img.alignleft {float: none; display: inline-block;}

/* about us */
.timeline {min-height: 650px;} /* set min height so content doesnt change height of box */

/* meet founder */
.hayes-intro .container {padding-top: 0;}
.hayes-intro .sidebar {padding: 50px 15px 0 15px; color: #7f7f7f; text-align: left;}
.hayes-intro .sidebar h6 { margin-bottom: 10px; color:#FF3A1E; font-family: "relative-mono11pitch", sans-serif; font-size: 16px; text-transform: uppercase; font-weight: 300!important}
.hayes-intro h2 {border-bottom: 0; font-size: 48px;}
body.page-id-43801 { margin-top: 80px!important;}
.hayes-photo {position: relative;}
.hayes-photo:after { content: ''; background: url(/wp-content/themes/Moondance/library/_images/badge-year-white.svg) no-repeat center center; background-size: 120px; z-index: 999; position: absolute; height: 120px; width: 120px; top: 60px; right: 30px;}


/* employment new */
.employment-sidebar .sidebar {text-align: left;}

@media (min-width: 992px) {
	.hayes-intro .sidebar {padding: 100px 25px 25px 25px;}
	.hayes-photo:after { background-size: 200px; height: 200px; width: 200px; top: 90px; right: 50px;}
}
@media (min-width: 1200px) {
/* 	.hayes-photo:after { bottom: -60px; right: 180px;} */
}


/* OVERRIDE SETTINGS ON SPECIFIC PAGES THAT USE PAGE-TITLE INSTEAD OF HERO AS FIRST BLOCK
-----------------------------------------*/
body.page-template-page-trip-finder,
body.page-template-page-trip-comparison,
body.page-template-page-field-notes,
body.trip-session-template-default,
body.page-id-34933,
body.page-id-36722,
body.page-id-34933,
body.single-post,
body.page-id-35435,
body.page-id-36952,
body.page-id-36621,
body.blog
	{ margin-top: 100px!important;}

body.page-template-page-trip-finder .gradient,
body.page-template-page-trip-comparison .gradient,
body.page-template-page-field-notes .gradient,
body.trip-session-template-default .gradient,
body.page-id-36621 .gradient,
body.page-id-34933 .gradient,
body.single-post .gradient,
body.blog .gradient,
body.page-id-35435 .gradient,
body.page-id-36722 .gradient
	{display: none!important;}

body.page-template-page-trip-finder .navbar,
body.page-template-page-trip-comparison .navbar,
body.page-template-page-field-notes .navbar,
body.trip-session-template-default .navbar,
body.page-id-34933 .navbar /*documentation page */,
body.page-id-36722 .navbar /*motion page */,
body.page-id-35435 .navbar /*stills page */,
body.single-post .navbar,
body.blog .navbar
	{background-color: #fff!important;}


/* lower header below WP admin bar when logged in */
.admin-bar .navbar {top: 32px;}

/* adult kili trip hide things */
body.page-id-51936 tr.current-grade-row,
body.page-id-51936 tr.ages-row,
body.page-id-51936 tr.group-size-row,
body.page-id-51936 td.action,
body.page-id-51936 .similar-trips {display: none!important}

/* ENROLLED STUDENTS PAGE
---------------------------
--------------------------- */
.hero-enrolled {height: 450px; background-repeat: no-repeat; background-size: cover; background-position: center center; text-align: center}
.hero-trip-name {text-transform: lowercase; font-weight: 700; color: #fff; font-size: 112px; margin-top: 150px;  line-height: .9!important;}
.hero-page-title { font-family: "relative-mono11pitch", sans-serif; font-size: 18px; text-transform: uppercase; color: #fff; margin-top: 10px; letter-spacing: 1px;}

.section-wrap hr {width: 33%; margin: 35px auto 35px 0;}
.section-wrap ul {margin-left: 25px;}
.section-wrap h4 {margin-bottom: 15px;}
.field-guide.section-wrap { margin-bottom: 1em; }
.packing-list { border-bottom: 0; padding-top: 0;}
.packing-list h3, .field-guide .section-intro h3 {display: inline-block;}
.packing-tips {margin-top: 40px;}
.expand-collapse-section { border-bottom: 1px solid #999; }

.section-heading { color: #42403F; font-family: "relative-mono11pitch", sans-serif; font-size: 18px; text-transform: uppercase; display: block; padding: 15px 0; position: relative;}
.section-heading:hover {color:#FF3A1E;}
.section-heading:after {content:''; position: absolute; right: 15px; top: 20px; width: 20px; height: 20px; background-repeat: no-repeat; background-size: contain; background-position: center center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M432 256C432 264.8 424.8 272 416 272h-176V448c0 8.844-7.156 16.01-16 16.01S208 456.8 208 448V272H32c-8.844 0-16-7.15-16-15.99C16 247.2 23.16 240 32 240h176V64c0-8.844 7.156-15.99 16-15.99S240 55.16 240 64v176H416C424.8 240 432 247.2 432 256z' fill='%23FF3A1E'/%3E%3C/svg%3E");}
.section-heading[aria-expanded=true]:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M432 256C432 264.8 424.8 272 416 272H32c-8.844 0-16-7.15-16-15.99C16 247.2 23.16 240 32 240h384C424.8 240 432 247.2 432 256z' fill='%23FF3A1E'/%3E%3C/svg%3E");
}
.section-container {padding: 15px 0;}
.section-container[aria-expanded=true] { padding-bottom: 50px;}
.item { padding: 25px; margin-bottom: 20px; border: 1px solid #ccc; background-color: rgba(204, 204, 204, 0.1); border-radius: 8px;}
.item p {border-bottom: 1px solid #ccc; padding-bottom: 20px;}
.item h4 {font-weight: 600; margin-bottom: 15px;}
.qty, .purchase, .recommendation {margin-top: 15px; font-family: "relative-mono11pitch", sans-serif; font-size: 14px; display: inline-block; position: relative;}
.recommendation {border-left: 1px solid #ccc; margin-left: 10px; padding-left: 15px;}
.purchase { padding-left: 40px; border-left: 1px solid #ccc; margin-left: 10px;}
.purchase:before {content: ''; position: absolute; left: 15px; top: -2px; width: 20px; height: 20px; background-repeat: no-repeat; background-size: contain; background-position: top left; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M128 128V96C128 42.98 170.1 0 224 0C277 0 320 42.98 320 96V128H400C426.5 128 448 149.5 448 176V416C448 469 405 512 352 512H96C42.98 512 0 469 0 416V176C0 149.5 21.49 128 48 128H128zM160 128H288V96C288 60.65 259.3 32 224 32C188.7 32 160 60.65 160 96V128zM48 160C39.16 160 32 167.2 32 176V416C32 451.3 60.65 480 96 480H352C387.3 480 416 451.3 416 416V176C416 167.2 408.8 160 400 160H320V240C320 248.8 312.8 256 304 256C295.2 256 288 248.8 288 240V160H160V240C160 248.8 152.8 256 144 256C135.2 256 128 248.8 128 240V160H48z' fill='%23FF3A1E'/%3E%3C/svg%3E");}
.section-note {padding: 15px 0 15px 35px; position: relative; font-weight: 700;}
.expand-collapse-section .section-note {padding: 15px 0 0 35px; }
.section-note:before {content: ''; position: absolute; left: 0; top: 15px; width: 25px; height: 25px; background-repeat: no-repeat; background-size: contain; background-position: center center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 480c-123.5 0-224-100.5-224-224s100.5-224 224-224s224 100.5 224 224S379.5 480 256 480zM256 304c8.844 0 16-7.156 16-16V128c0-8.844-7.156-16-16-16S240 119.2 240 128v160C240 296.8 247.2 304 256 304zM256 344c-13.25 0-24 10.75-24 24s10.75 24 24 24s24-10.75 24-24S269.3 344 256 344z' fill='%23FF3A1E'/%3E%3C/svg%3E");
}
.expand-collapse-all {color: #FF3A1E; text-transform: uppercase; font-weight: 600; position: relative; letter-spacing: 1px; display: inline-block; padding: 10px; text-align: right; font-family: "relative-mono11pitch", sans-serif; font-size: 14px; float: right; font-weight: normal}
.expand-collapse-all:hover { color: #FF3A1E; text-decoration: none;}

.enrolled-tabs {width: 100%}
.enrolled-tabs li {text-align: center; border-bottom: 1px solid #999; display: block; padding: 12px;}
.enrolled-tabs li a { color: #42403F; font-family: "relative-mono11pitch", sans-serif; font-size: 14px; text-transform: uppercase;  position: relative;}
.enrolled-tabs li:hover {background-color:#FF3A1E; }
.enrolled-tabs li:hover a {color: #fff!important; }

.enrolled-tabs li.active a {color:#FF3A1E!important;}
.enrolled-tabs li.active:hover a {color:#FF3A1E!important; color: #fff!important;}

@media (min-width: 1200px) {
  .enrolled-tabs {width: unset; display: flex;  border-bottom: 1px solid #999;}
  .enrolled-tabs li {flex: 1 1 auto;  border-right: 1px solid #999; border-bottom: 0; display: flex; align-items: center; justify-content: center; padding: 30px;}
  .enrolled-tabs li a { font-size: 18px; display: block;}
  .enrolled-tabs li:last-child {border-right: 0;}
  
}
.enrolled-sidebar .btn {margin-bottom: 20px;}

.lodging h5 { color: #42403F; font-family: "relative-mono11pitch", sans-serif; font-size: 18px; text-transform: uppercase; font-weight: normal;}

.flights h3 {margin-bottom: 30px;}
.flights h4 {clear: left; }
.flights h4.expandableheading { color: #42403F; font-family: "relative-mono11pitch", sans-serif; font-size: 18px; text-transform: uppercase; display: block; padding: 0 0 15px 0; position: relative; font-weight: normal}
.flights h4.expandableheading:hover {color:#FF3A1E;}
.flights h4.expandableheading:after {content:''; position: absolute; right: 15px; top: 0px; width: 20px; height: 20px; background-repeat: no-repeat; background-size: contain; background-position: center center; }
.flights h4.expandableheading.collapsed:after {right: 15px; top: 0px; background-repeat: no-repeat; background-size: contain; background-position: center center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M432 256C432 264.8 424.8 272 416 272h-176V448c0 8.844-7.156 16.01-16 16.01S208 456.8 208 448V272H32c-8.844 0-16-7.15-16-15.99C16 247.2 23.16 240 32 240h176V64c0-8.844 7.156-15.99 16-15.99S240 55.16 240 64v176H416C424.8 240 432 247.2 432 256z' fill='%23FF3A1E'/%3E%3C/svg%3E");}
.flights h4.expandableheading.expanded:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M432 256C432 264.8 424.8 272 416 272H32c-8.844 0-16-7.15-16-15.99C16 247.2 23.16 240 32 240h384C424.8 240 432 247.2 432 256z' fill='%23FF3A1E'/%3E%3C/svg%3E"); }
.flights h4.expandableheading { border-bottom: 1px solid #999;}

.incoming-outbound-flight-info h4 {margin-top: 30px;}
/* hr.flight-divider {width: 50%; border-top: 4px solid #FF3A1E; margin: 35px auto 55px 0;} */
/* .flights .section-note { padding: 5px 0 15px 35px; }
.flights .section-note:before {top: 5px;} */
.flight-table { border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; margin-bottom: 15px; }
.flight-table>thead>tr>th { border-bottom: 2px solid #FF3A1E; background: rgba(221, 221, 221, 0.45); }
.flight-table th {text-transform: uppercase; }
.flight-table td, .flight-table th {  font-family: "relative-mono11pitch", sans-serif;font-weight: normal font-size: 14px; border-right: 1px solid #ddd}
.arrive, .depart {width: 50%;  padding: 30px 40px; text-align: center; color: #fff; margin: 30px 0}
.arrive {background: #42403f;}
.depart {background: #FF3A1E; }
.arrival-departure-window svg {max-width: 50px; margin-bottom: 15px;}
.arrival-departure-header, .arrival-departure-window ul li { font-family: "relative-mono11pitch", sans-serif; font-size: 14px; font-weight: normal}
.arrival-departure-window ul {margin: 10px 0 0 0 ;}
.arrival-departure-window ul li:before {content: ''}
.arrival-departure-header {text-transform: uppercase;}
.print-logo, .clincher-print {display: none;}

.flight-options {margin-bottom: 50px;}
.flight-tab {margin: 25px 0 35px 0; padding-bottom: 15px; border-bottom: 1px dashed #FF3A1E}
.flight-tab h5 {margin-bottom: 15px;}
.flight-tab.partner-agency { background: #42403f; color: #fff; padding: 30px; border-bottom: none; margin-top: 40px;}
.flight-tab.partner-agency a {color: #fff; text-decoration: underline;}

@media print {
  .hero-page-title,
  .packing-list .section-intro,
  .packing-list .section-note,
  .packing-tips,
  .tab-content .btn {display: none;}
  .print-logo {display: block!important; margin: 0 auto; width: 50px; height: auto;}
  .hero-enrolled {height: auto;}
  .hero-trip-name {margin: 20px 0 5px 0; font-size: 30px}
  .section-container.collapse {
      display: block !important;
      height: auto !important;
    }
  .cta-button-fixed,
  .enrolled-tabs,
  .expand-collapse-all,
  .sidebar,
  #footer,
  .clincher .btn,
  .purchase,
  .arrival-departure-window svg { display: none;}
  
  .section-wrap,
  .expand-collapse-section {border: 0!important;}
  
  .expand-collapse-section {margin-bottom: 15px;}
  /* .expand-collapse-section,
  .flight-table:first-of-type {break-after: page;} */
  
  .item {border: 0; padding: 0; margin: 0 0 8px 20px;  position: relative;}
  .item:before {content:''; height: 12px; width: 12px; border: 1px solid #000; position: absolute; left: -20px; top: 4px; }
  .item h4, .item p, .item .qty, .item .recommendation,  .item h4 {display: inline; font-family: 'PT Serif', serif; font-weight: 400; letter-spacing: .5px; font-size: 14px; line-height: 1.4;}
  .item p:after { content: ';'; margin-right: 5px;}
  .recommendation:before {content:','; margin-right: 5px;}
  .item h4 {font-weight: 600}
  .item h4:after {content: ':'; margin-right: 5px;}
  
  .qty, .purchase, .recommendation, .item p, .section-note, .section-note:before { margin: 0; padding: 0!important; border: 0; content: ''}
  
  
  .section-heading {border-bottom: 0; padding: 0; margin-bottom: 5px; font-size: 16px; color: #000}
  .section-intro {margin-bottom: 20px;}
  
  .depart, .arrive { text-align: left; margin: 0 0 30px 0; padding: 0; width: 100%;}
  .depart ul, .arrive ul {margin-left: 10px;}
  .clincher-print {display: inline-block;}
  .clincher .print-logo {margin-top: 30px; width: 200px;}
  
}

/* HIDE SECTIONS OF ENROLLED CONTENT 8/2023
---------------------------
--------------------------- 
.enrolled-content #flights,
.enrolled-content #tab-flights {display: none!important}*/

/* TRAVEL PORTAL PAGE
---------------------------
--------------------------- */
#travel-portal table {margin-bottom: 50px;}
#travel-portal table ul li  {font-size: 14px;}
#travel-portal ul:not(table ul) {margin-left: 25px;}
.vaccine {margin-bottom: 30px;}

/* ENROLLED STUDENTS BLOCK
---------------------------
--------------------------- */
.enrolled-students-block {background-image: url(../_images/wave-pattern-5x5-gray.png); background-position: center center; border-top: 5px solid #FF3A1E}
.enrolled-students-block h2 {margin-bottom: 25px;}
.enrolled-students-block p {margin-bottom: 25px;}

/* FANCYBOX TRIP PAGES CAROUSEL
---------------------------
--------------------------- */
/* .f-carousel__slide img {width: 400px;} */

.f-carousel__slide {
    min-height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* HIDE STUFF ON MYSTERY TRIP */
body.page-id-35258 .similar-trips {display: none}

/* SUMMER JOBS TABS
---------------------------
--------------------------- */
.tab-content p {margin-bottom: 15px;}
.tab-content blockquote {margin-top: 50px}
.tab-content blockquote p {display: inline-block; font-size: 20px; font-family: "relative-mono11pitch", sans-serif; text-indent: -12px; margin-left: 2px;}
.tab-content blockquote:before {content:'';}
.tab-content blockquote:after {content:'';}

.tab-content blockquote p:before {content:'“';}
.tab-content blockquote p:after {content:'”';}

.tab-content cite { margin-left: 14px}
.tab-content ul li:before {content: "•"; color: #FF3A1E; margin-right: 5px; margin-left: -14px;}
.tab-content ul {margin-left: 30px; margin-bottom: 20px; }
