@import './icons.css';
:root {
    --jg-blue: #39F;
    --jg-blue-darker: #06c;
    --text-darker: #111;
    --text: #333;
    --text-lighter: #777;
    --jg-orange: #F90;
}

nav {
    display: none;
}



#page_bg {
    position: fixed;
    left: 0;
    top: 0;
    background-size: cover;
    -webkit-transition: background-image 1s ease;
    transition: background-image 1s;
    width: 100vw;
    height: 100vh;
    z-index: 0;
}

html, #background-photo-mask {
    background: #333 repeat-y top center fixed;
    background-size: cover;
    -webkit-transition: background-image 1s ease;
    transition: background-image 1s;
    max-width: 100%;
    overflow-y: scroll !important;
    overflow-x: hidden;
}

html[dir] {
    background: #fff;
    padding: 10px;
}

@font-face {
    font-family: "museo-slab";
    src: url("../fonts/museo-slab.eot?#iefix") format("embedded-opentype"), url("../fonts/museo-slab.woff") format("woff"), url("../fonts/museo-slab.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "proxima-nova";
    src: url("../fonts/proxima-nova.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima-nova.woff") format("woff"), url("../fonts/proxima-nova.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "proxima-nova";
    src: url("../fonts/proxima-nova-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima-nova-bold.woff") format("woff"), url("../fonts/proxima-nova-bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}
.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

/* Rich, LFD */
.payment-button {
    border: 0;
    color: #fff;
    text-transform: uppercase;
    width: 100%;
    background-color: var(--jg-blue);
    font-weight: bold;
    text-align: center;
    padding: 6px;
    border-radius: 6px;
    cursor: pointer; /* Changes the cursor to a hand pointer on hover */
    transition: background-color 0.3s ease; /* Smooth transition */
}

.payment-button:hover {
    background-color: #2a8; /* Change color on hover */
}

/* End Rich, LFD */
.disabled {
    color: #999;
}

.lfd_table_wrapper {
    max-width: 100%;
    overflow-x: auto;
}

table.lfd {
    border-collapse: collapse;
    padding: 0;
    margin: 10px 0;
}

table.lfd:first-child {
    margin-top: 0;
}

table.lfd > tbody td {
    padding: 4px 10px;
    border-top: 1px solid #000;
    text-align: left;
    vertical-align: top;
}

table.lfd > thead th {
    padding: 4px 10px;
    text-align: left;
    vertical-align: bottom;
}

table.lfd > thead th + th,
table.lfd > tbody td + td {
    border-left: 1px dotted #ccc;
    text-align: center;
}

table.lfd > tbody td[colspan] {
    text-align: right;
    font-weight: bold;
}

table.lfd.small {
    width: 100%;
}

table.lfd.small > tbody td {
    padding: 3px 2px;
}

table.lfd > tbody > tr + tr td {
    border-top: 1px solid #ccc;
}

table.lfd > tbody > tr:last-child td {
    border-bottom: 1px solid #000;
}

body {
    font-family: proxima-nova, Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.2;
    margin: 0;
    padding: 0;
}

.loading {
    min-height: 70px;
    background: url("../assets/loading.gif") center 20px no-repeat;
}

img {
    border: 0;
}

img.right {
    float: right;
    margin: 0 0 5px 10px;
}

img.article {
    min-width: 100%;
    max-width: 100%;
    height: auto;
}

img.lazy {
    display: none;
}

table {
    border-collapse: collapse;
    width: 100%;
}

table.padded {
    border-collapse: separate;
    border-spacing: 2px;
}

td {
    padding: 0;
}

.padded td {
    padding: 1px;
}

.skiplink {
    display: none;
}

.small {
    font-size: 14px;
    line-height: 18px;
}

.normal {
    font-weight: normal;
}

.center {
    display: block;
    text-align: center;
}

.onlyphone {
    display: none !important;
}

.success {
    color: green;
}

.discount {
    color: #fff;
    background-color: var(--jg-blue);
    display: inline-block;
    white-space: nowrap;
    border-radius: 2px;
    padding: 1px 5px;
}

body .error, #main A.error {
    color: #f00;
}

.faded {
    color: #888;
}

.faded img {
    opacity: 0.3;
    filter: alpha(opacity=30); /* IE v7-8 */
}

#main .faded A {
    color: #aaa;
}

.fadedark {
    color: #666;
}

.rule {
    padding-top: 8px;
    border-top: 1px dashed #999;
    margin-top: 13px;
}

.nowrap {
    white-space: nowrap;
}

.videodetector {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    max-width: 100%;
}

.videodetector > input {
    display: none;
}

.videodetector > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.clear {
    clear: both;
}

.blurred {
    filter: blur(3px) brightness(80%);
}

.showjs {
    display: none;
}

.bold {
    font-weight: bold;
}

.print {
    display: none;
}

#wrap {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
}

@media screen and (min-width: 640px) {
    #wrap {
        min-height: calc( 100vh - 40px );
    }

}

#wrap > * {
    flex-grow: 0;
    flex-shrink: 0;
}

#search_background {
    display: none;
    content: '';
    position: sticky;
    top: 0;
    left: 0;
    max-width: 100vw;
    width: 100vw;
    height: 65px;
    margin-top: -65px;
    background-color: var(--jg-blue);
    z-index: 6;
    transition: top 0.5s ease;
}

@media screen and (max-width: 639px) {

    #search_background {
        display: block;
    }
    #search_background.mobile-search-active {
        top: 80px;
    }

}



/* CSS rules without definitions:
.nocontent - used by Google Custom Search to exclude any text in shared headers/sidebars
.hidejs    - hide content if javascript enabled
*/
#wrap {
    width: 1600px;
    max-width: 90%;
    margin: 16px auto 20px auto;
    transition: opacity 1s ease;
}

.chat_wrapper {
    transition: opacity 1s ease;
}

/* Background photo/credits */
div#background-photo-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    overflow-y: hidden !important;
    z-index: -1;
    opacity: 0;
    transition: opacity 0.3s ease, left 0.3s ease;
}

div#background-photo-mask.active {
    opacity: 1;
    z-index: 2000;
    left: 0;
}

#photo {
    position: absolute;
    display: inline-block;
    margin-left: 15px;
    z-index: 2001;
    transition: left 0.3s ease;
}

#photo.active {
    z-index: 2001;
    left: -35px;
}

#photo, #main .photocredit {
    width: 20px;
    height: 15px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAMAAADTRh9nAAAAe1BMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////NgkbwAAAAKHRSTlMAJvoR/N+S88BybFweFgTo17yqd83HtYwv7p6Ae2NZVhsL9bm3REMJdVSU9wAAALJJREFUGNNNjFeSAjEMROU8jpOHIcMuoe9/QrChXLwPSf1UEn04K7xRZ/qBSRQk+4rVjuMA3mvdcwzj6FaiIzJDICEoDCUcqc1tQ74DOk+bnFrKdUp7NNY12Kcp5yJPTO6Ss89FslOV8SDF+1ABh1hl0oYaZHSqkjkwL7FTcKxKK7ZzYGuctsJW2caHMctizD22RfJcGxH0POsgymdOPTLKX4muXpXQ0+Wfo6y77jP83S4vszAb/ed3cdcAAAAASUVORK5CYII%3D);
    *background-image: url("../assets/photocredit.png"); /* IE v6-7 */
}

#photocredit {
    position: absolute;
    display: inline-block;
    background-color: #000;
    padding: 10px;
    margin-left: 15px;
    margin-top: -20px;
    color: #fff;
    transition: opacity 1s ease;
    pointer-events: none;
    z-index: 20;
    opacity: 0;
    transition: left 0.3s ease;
}

#photocredit.active {
    filter: alpha(opacity=80); /* IE v7-8 */
    opacity: 0.8;
    pointer-events: all;
    z-index: 2001;
    left: 0;
}

#photocredit DIV {
    font-weight: bold;
    border-bottom: 1px solid #999;
    padding-bottom: 6px;
}

#photocredit SPAN {
    font-size: 12px;
    line-height: 16px;
    color: #999;
}

/* Little Fire -file downloads */
#main a.link_download,
#main a.link_download:visited {
    color: #333;
}

#main a.link_download:hover {
    color: #fff;
}

.button_row {
    padding-top: 20px;
    width: auto;
    overflow: hidden;
}

.button_row .button {
    float: right;
    margin-left: 5px;
}

.button_row {
    text-align: center;
}

button,
.button,
.button:visited {
    color: #333;
    text-decoration: none;
    display: block;
    line-height: 28px;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 4px;
    text-align: center;
    transition: background-color 0.2s ease, color 0.2s ease;
    padding: 0 14px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
}
button:hover,
.button:hover,
.button:visited:hover {
    color: var(--jg-orange);
}

button {
    font-family: proxima-nova, serif;
    font-size: 16px;
    display: inline-block;
}

button[disabled],
.button[disabled] {
    opacity: 0.5;
}

button.primary,
.button.primary,
.button.primary:visited {
    border: 1px solid rgba(0, 0, 0, 0);
    background-color: var(--jg-blue);
    color: #fff;
}

.button.primary:hover {
    background-color: var(--jg-blue-darker);
    color: #fff;
}

#main .link_download,
#main .link_download:visited {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0);
    line-height: normal;
    padding: 3px 3px 3px 42px;
    background-position: left top;
    background-repeat: no-repeat;
    margin-bottom: 1px;
    text-align: left;
    position: relative;
}

#main .link_download .download_icon {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 30px;
    background-color: var(--jg-blue);
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../assets/download_icons/file.png);
}

#main .link_download.file_type_pdf .download_icon {
    background-image: url(../assets/download_icons/file_pdf.png);
}

.download_title {
    font-weight: bold;
}

.input_row_checkboxgroup label > * {
    float: left;
}

.input_row_checkboxgroup label .field_description {
    margin-left: 2.2em;
    padding-top: 0.25em;
}

.custom_form .input_row_checkboxgroup input[type=text] {
    height: 1.5em;
    line-height: 1.5em;
    min-height: 1.5em;
}

.input_row_checkboxgroup .item_input label {
    padding-top: 8px;
}

.footnote {
    font-size: 70%;
}

.footnote.deposit {
    display: block;
    margin-top: -2px;
    text-align: center;
}

#main ul.ul_stripped li,
#main ul.ul_stripped ul {
    background-image: none;
    padding: 0;
    margin: 0;
    text-indent: 0;
}

#main ul.ul_stripped.inline li {
    display: inline-block;
    list-style: none;
    text-indent: 0;
    padding: 0;
    background: none;
}

.ul_stripped .footnote {
    display: block;
}

#main ul.ul_stripped.selector {
    width: auto;
    overflow: hidden;
    margin-bottom: 1em;
}

#main ul.ul_stripped.selector li {
    float: left;
    text-align: center;
    cursor: pointer;
    padding: 0.25em 1em;
    min-width: 100px;
}

.flexbox {
    display: flex; /* or inline-flex */
    flex-wrap: wrap;
}

.flexbox > * {
    flex-grow: 1; /* or inline-flex */
}

#main ul.ul_stripped.selector li.disabled:hover {
    color: #000;
}


#top {
    color: #fff;
    padding: 20px 0;
    position: relative;
    font-size: 16px;
}

@media screen and (max-width: 640px) {
    #top {
        z-index: 7;
    }
}
#top img, #cts img {
    vertical-align: bottom;
}

#div_nav a {
    color: #fff;
    text-decoration: none;
}

/*#top INPUT {*/
/*    width: 85px;*/
/*    margin: 0;*/
/*    padding: 0 18px 3px 0;*/
/*    border: 0;*/
/*    border-bottom: 1px solid #fff;*/
/*    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAAnElEQVQYlWXOMQ4BYRCG4dEoidKWCgeQUDuK1hFWFFqrkMhGSeMSriAh2UZWJwoHkKDZ5PVhZwUzzXx5Jv8/hlFjxpmMPX1Kyq82qqRcWTBgDcw/MOVOK48jUdfhpO18izIXYocbUQHGkZXDlk3xZUNPDR16CjEVhSY7zW0HY6yY6eB3HQgcjA4TloS6LnUyvrvu9AtOyT88KSF6AEmIvKT3yoyHAAAAAElFTkSuQmCC) no-repeat center right;*/
/*    *background-image: url('../assets/magnify.png'); !* IE v6-7 *!*/
/*    font-family: proxima-nova, Arial, Helvetica, sans-serif;*/
/*    font-weight: bold;*/
/*    color: #fff;*/
/*    font-size: 16px;*/
/*    line-height: 20px;*/
/*}*/
#top .contact {
    position: absolute;
    right: 20px;
    top: 50px;
}

#top .contact A {
    font-weight: bold;
}

#top #magnify {
    display: none;
}

#foot a.c19,
#top a.c19,
a.c19,
a.c19:visited {
    position: relative;
    display: inline-block;
    padding-left: 1.8em;
    transition: color 0.5s ease;
    color: #88ed5d;
    text-decoration: none;
    font-weight: bold;
}

a.c19:hover {
    color: #ff9900;
}

a.c19:before {
    position: absolute;
    content: "";
    background-color: currentColor;
    width: 1.5em;
    height: 1.5em;
    left: 0;
    top: calc(50% - 0.8em);
    -webkit-mask-image: url(../assets/c19.png);
    -webkit-mask-size: 1.5em 1.5em;
}

hr.c19 {
    margin: 16px 0 0 0;
    padding: 0;
    height: 1px;
    border: none;
    box-sizing: border-box;
    background-color: #fff;
}

#foot a.c19 {
    font-size: 1.3em;
    display: block;
    margin: 1em 0 0;
}

#booking_c19 {
    padding: 0.5em 0;
    text-align: center;
    font-size: 1.3em;
}

#booking_c19 a.c19 {
    color: #666;
}

@media all and (-ms-high-contrast: none) {
    /* Hack to exclude IE 11 */
    a.c19 {
        position: static;
        display: inline-block;
        padding-left: 0;
    }
    a.c19:before {
        display: none;
    }
}
.topbar_links--your_booking {
    display: inline-block;
    padding: 0 15px;
    margin-left: 15px;
    color: #fff;
}
@media screen and (min-width: 640px) {
    .topbar_links--your_booking {
        position: relative;
        top: -5px;
    }
}

.photo {
    position: relative;
}

.photo.fullwidth img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

#mobile_topbar {
    display: none;
}

/* TODO: Remove.     Temporary, will go in own component when data is ready and can be output programatically */
#top_trips {
    background-color: #fff;
    min-height: 400px;
}

#top_trips h2 {
    color: var(--jg-blue);
    text-align: center;
}

/* Main content styles */
#main,
#section-content {
    margin-top: 30px;
    background: rgba( 255,255,255,.95 );
    padding: 20px;
    overflow: hidden;
}
@media screen and (min-width: 639px) {
    #main.static_image {
        margin-top: 30vw;
    }
}

@media screen and (max-width: 639px) {
    background: #fff;
}

#section-content {
    margin-top: 0;
}

#main H1, #main B.news {
    font-family: museo-slab, serif;
    font-weight: normal;
    font-size: 28px;
    line-height: 30px;
    margin-top: 0;
    margin-bottom: 18px;
    text-transform: uppercase;
    display: block;
}

#main H1 + h2.subtitle {
    margin-top: -0.5em;
}

#main H2, #main H1.news {
    font-family: proxima-nova, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 19px;
    line-height: 21px;
    margin: 17px 0 10px 0;
    text-transform: none;
    clear: left;
}

#main H1.news, #main H2.top {
    margin-top: 0;
}

#main H3 {
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
}

#main H4 {
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    color: #666;
}

#main H5 {
    font-family: museo-slab, serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 20px;
    border-top: 1px solid #000;
    margin: 16px 0;
    padding-top: 6px;
    text-transform: uppercase;
}

#main H6 {
    border-bottom: 1px solid #ccc;
    margin: 0 0 5px 0;
    padding-bottom: 5px;
    font-size: 16px;
    line-height: 20px;
}

#main UL {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#main ul > li {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIBAMAAAA2IaO4AAAAElBMVEUAAAAAAAAAAAAAAAAAAAAAAADgKxmiAAAABXRSTlMAwUI+QEidjJEAAAAdSURBVAjXYxBiAIJQERARKgwkgCSMEAFyQdIgDABfBASUNr0lJgAAAABJRU5ErkJggg%3D%3D);
    background-repeat: no-repeat;
    background-position: 4px 5px;
    padding-left: 30px;
    margin-bottom: 3px;
}

#main ul.li_stripped li {
    margin: 0;
    padding: 0;
    background-image: none;
}

#main UL UL {
    margin: 5px 0 8px 0;
}

#main .spaced LI {
    padding-bottom: 5px;
}

#main .spaced LI LI {
    padding-bottom: 2px;
}

A {
    color: #000;
}

A.title {
    text-decoration: none;
}

A[target=admin], .admin {
    color: #00F;
}

/*#top A[target='shop'], #main A[target='shop'], #foot A[target='shop'] {
	color: var(--jg-blue);
}*/
A:hover {
    color: #F90;
}

#main .mbox {
    padding: 10px 15px;
    border: 1px solid #036;
}

#main .mbox TR {
    vertical-align: top;
}

#main .mbox TH {
    font-weight: bold;
    text-align: left;
}

#main .mbox TH, #main .mbox td {
    padding: 4px;
}

/* #main .mbox H3 {
  background: #5c4955;
  color: #fff;
  padding: 4px 10px;
  margin: 0 0 5px 0;
  } */
#main .mbox H2 {
    padding: 0;
    margin: 2px 0 5px;
}

#main .testimonial p {
    display: inline;
}

#main .testimonial p + p::before {
    content: "\a";
    white-space: pre;
}

#main .testimonial span {
    color: #666;
    font-style: italic;
    white-space: nowrap;
}

#main ::-moz-selection {
    background: #0A246A;
    color: #fff;
}

#main .tum {
    display: inline-block;
    width: 140px;
    height: 140px;
}

#main .underline {
    border-bottom: 1px solid #ccc;
    display: block;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

#tabs {
    list-style: none;
    margin: 0 0 13px 0;
    padding: 0;
    font-size: 16px;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    overflow: hidden;
    display: none;
}

H2.notab {
    border-bottom: 1px solid #000;
    margin-bottom: 0;
}

#overview > H2.notab {
    margin-top: 0;
}

.notab SPAN {
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    border-left: 1px solid #000;
    padding: 4px 10px;
    background: #000;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    font-weight: normal;
    display: inline-block;
}

UL#tabs LI {
    background-image: none;
    padding: 4px 10px;
    float: left;
    text-align: center;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    margin-bottom: 0;
}

#tabs LI:hover {
    background-color: #E99B00;
}

#tabs .tab {
    background: #000;
}

#tabs A, #tabs A:visited {
    text-decoration: none;
}

#tabs .tab A {
    color: #fff;
}

#tabs A:hover {
    color: #fff;
}

#main .photo {
    position: relative;
    /* cursor: url(/images/highslide/zoomin.cur), pointer; */
}

#main .photocredit {
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: 0.5;
    filter: alpha(opacity=50); /* IE v7-8 */
    transition: opacity .3s ease;
}

#main .photo a:hover .photocredit {
    opacity: 1;
    filter: alpha(opacity=100); /* IE v7-8 */
}

#main .landscape {
    position: relative;
    padding-top: 75%; /* Amazing hack to keep height 75% of photo width! */
    overflow: hidden;
}

#main .landscape img:first-of-type {
    position: absolute;
    top: 0;
}

.video {
    position: relative;
    height: 0;
    overflow: hidden;
    margin-top: 13px;
}

.video IFRAME, .video OBJECT, .video EMBED {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Styles for non-javascript full size photos/videos */
#bigDiv {
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
    opacity: 0.8;
    filter: alpha(opacity=80);
    width: 100%;
    height: 100%;
}

#bigImg {
    position: relative;
    border: 10px solid #fff;
    margin: 20px 0 7px 0;
}

#bigVid {
    position: relative;
    height: 0;
    overflow: hidden;
    border: 10px solid #fff;
    margin: 20px 0 7px 0;
}

#bigVid IFRAME {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

#cboxTitle.bigTxt {
    position: relative;
    margin-top: 0;
    bottom: 0;
    text-align: left;
}

#cboxTitle.bigTxt DIV {
    margin-right: 0;
}

#cboxTitle.bigTxt SPAN:nth-of-type(2) {
    display: block;
    margin-top: 6px;
}

#cboxTitle.bigTxt P {
    margin: 8px 0 0 0;
}

#main .triplist, #main .triplist2 {
    line-height: 25px;
}

#main .triplist .rule, #main .triplist2 .rule {
    border-top: 1px solid #ccc;
    padding-top: 0;
}

#main .triplist A, #main .triplist A:visited, #main .triplist2 A {
    text-decoration: none;
}

#main .triplist td:last-child {
    width: 30px;
    text-align: right;
    line-height: 0;
}

#main .triplist2 .grades-box {
    margin-right: 0;
}

#main .triplist2 td + td {
    width: 80px;
}

#main .triplist2 td:last-child {
    width: 16px;
    line-height: 0;
}

.triplist2 .grades-left {
    -moz-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
}

.triplist2 .grades-right {
    -moz-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
}

/* .triplist2 .grades-title {
  width: 63px;
  height: 12px;
  font-size: 9px;
  line-height: 12px;
  } */
.triplist2 .grades-exp {
    font-size: 14px;
    line-height: 17px;
    width: 32px;
    height: 16px;
}

.triplist2 .grades-trek {
    font-size: 14px;
    line-height: 17px;
    width: 65px;
    height: 16px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

UL#leaders {
    margin: 13px 0;
    cursor: pointer;
    border-top: 1px solid #ccc;
}

UL#leaders LI {
    border-bottom: 1px solid #ccc;
    line-height: 44px;
    background-image: url("../assets/bullet-sprite.png");
    background-repeat: no-repeat;
    background-position: 8px 6px;
    padding-left: 60px;
}

#leaders .open {
    background-position: 8px -36px;
}

#leaders DIV {
    margin-bottom: 15px;
    line-height: 20px;
}

/* Download full details PDFs */
#main .pdfs {
    margin-top: 6px;
}

#main .pdfs P {
    margin: 8px 0;
}

#main .pdfs img {
    margin-right: 10px;
    float: left;
}

#main .dateslist td {
    vertical-align: top;
}

#main .dateslist tr th:nth-of-type(2) {
    text-align: left;
}

/* Dates & Prices table */
#main .dateslist {
    margin-bottom: 6px;
}

#main .dateslist TR:nth-child(3n+3) td {
    padding-top: 8px;
}

#main .dateslist TR:nth-child(3n+4) td {
    padding-bottom: 30px;
}

#main .dateslist TH:first-child {
    text-align: left;
}

#main .dateslist TR:nth-child(3n+3) td:last-child {
    /*padding-top: 2px;*/
}

#main .dateslist TH.flights_with {
    text-align: right;
}

#main .dateslist TH.flights_only {
    text-align: left;
}

#main .dateslist TH:last-child {
    width: 100px;
}

#main .dateslist .rule {
    border-top: 2px solid #ccc;
    padding-top: 0;
}

#main .dateslist img {
    vertical-align: middle;
}

#main .dateslist .strike {
    text-decoration: line-through;
    color: #aaa;
}

.accomm_inc,
.accomm_no,
.accomm_0,
.flights_inc,
.flights_no,
.flights_0 {
    position: relative;
    padding-left: 25px;
}

.accomm_inc:before,
.accomm_no:before,
.accomm_0:before,
.flights_inc:before,
.flights_no:before,
.flights_0:before {
    position: absolute;
    left: 0;
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: cover;
}

.flights_inc:before, .flights_no:before {
    background-image: url("data:image/png;base64,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");
}

.flights_no:before {
    background-position: left bottom;
}

.accomm_inc:before, .accomm_no:before {
    background-image: url("data:image/png;base64,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");
}

.accomm_no:before {
    background-position: left bottom;
}

.itinerary_sample_price {
    display: block;
    margin-bottom: 0.3em;
}

/*#search_results .flights_inc, #search_results .flights_no {*/
/*    white-space: nowrap;*/
/*    display: inline-block;*/
/*    height: 20px;*/
/*    margin-bottom: 4px;*/
/*}*/
/*#search_results .flights_inc {*/
/*    background-position: 0 0;*/
/*}*/
/*#search_results .flights_no {*/
/*    background-position: 0 -30px;*/
/*}*/
/* Dates & Prices table - CSS textual jg-icons */
.dates-title {
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 4px 4px 0 0;
    color: #fff;
    height: 18px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    line-height: 19px;
    margin-bottom: 1px;
}

.dates-available {
    background-color: #FF9900;
    /* background-color: #4066D9; */
    /* box-shadow: inset 0 -5px 5px #1E44B7; */
}

.dates-available,
.dates-limited {
    background-color: #40D966;
    /* box-shadow: inset 0 -5px 5px #1EB744; */
    /* background-color: #FFD940;
    box-shadow: inset 0 -5px 5px #DDB71E; */
}

.dates-full {
    background-color: #FD0000;
    /* box-shadow: inset 0 -5px 5px #DB0000; */
}

.dates-book {
    font-weight: bold;
    font-size: 14px;
    line-height: 26px;
    -moz-border-radius: 0 0 8px 8px;
    border-radius: 0 0 4px 4px;
    text-align: center;
    background-color: var(--jg-blue);
    transition: background-color 0.5s ease;
}

.dates-book:hover {
    background-color: var(--jg-blue-darker);
}

/* .dates-enquire {
  font-weight: bold;
  font-size: 14px;
  line-height: 26px;
  background-color: #FC0000;
  box-shadow: inset 0 -15px 15px #E40000;
  border-radius: 0 0 8px 8px;
  padding: 0px 10px;
  text-align: center;
  text-shadow: 0 1px #940000;
  } */
#main .dates-book A, .dates-book A:hover {
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    display: block;
    width: 100%;
}

H3.dates-limited {
    height: 22px;
}

#dates-limited {
    background-color: #fff;
    padding: 5px 15px 8px 15px;
    -moz-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
    border-bottom: 1px solid #ccc;
}

#main .boxes {
    margin-top: 20px;
}

#main .boxes LI {
    background: none;
    padding-left: 0;
    float: left;
    margin: 0 15px 15px 0;
    width: 140px;
    height: 140px;
    overflow: hidden;
}

/*#main .boxes A {
  cursor: url(/images/highslide/zoomin.cur), pointer;
  } */
#main .clip {
    position: relative;
    display: block;
}

#main .clip:after {
    content: "";
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAMAAAAPdrEwAAAAb1BMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAARERHi4uIDAwP8/PwJCQmzs7MAAADu7u7Ly8v+/v739/eHh4fz8/P+/v7d3d3q6upRUVHBwcGgoKDV1dVjY2MIgZRKAAAAJXRSTlMAswEHBRIPChUYDQgDHRoCIIIkqy5MHI5gsp85lq93hytXQ3JCrgmBswAAA9xJREFUWMPtmd1y2jAQhas2qYEgIzCW/3+AvP8zdldS2IKMV3bclIuci4wzk/ly5ni1Wsk/vvWM+mm1ONLXQtzddrt9+RA87z5Nt1hL/UWy/N0n6JbrqG+gCIUPjm/ps8HIRegG9BuFD1Fk8AycBSMWoa8k+M3gZ8EJDFzErkBrK3wEPNIJPsWyAyMXoXGsJUjhDx3H+A+Q7uBkPMSyBYNf5Ep1ztusTApRJGXW5mclgQ7eHZyM82Sw7MDA7fMuEbdKurwHuoOD8SA2huHIBpx2jRhS06UIN2wXCk+2YThwLR6rdnAMhdgM2VqWVSbGlVXSGndsjuzCiNWlEJyKi4ptKMRmyBBGVYsQ1RWEwrOhNjANJOs0EWFKUg1szATrZIT8YsnyVIhQFSdp2LYGx+Iw5FxMUW7YI5Eg2VTdWp/ENJ30GmrQsh/EYes5TpuJ6CLVpr4pbs80BA3kKhFTlVRQg5uIbPumMWhVi+mqFcZNtj3TGLS8iDlqJcRNtn3TGEczC11gJGR70PR93ygDk88e2b6aTsWd9sdLGDy92n5guvbRxzB47dl2aFMeaNpHg/q2CbFti+QOvcOaBtPdAPqA6vdsV+nA9ibCRPw8Vuu+GUQrJZWq9gy66dcrSoTQNo9c+OjDQeJ4EGtVdUybsolc0RS1rTwfraDZo9ZanTOu/qhGKGqsD9UMobWZCl5fLbweSURhjdyiXdTxWQygcfczY6QZpKQa2eXPsQ37Fv2G6HwQDaZxeow+RhN1KkfDvkObpajbIbTZQnDq5eGtNgvyBm1XucyG0abL4wxP8EOeDL5Hu9Z/+gVSPkTj7LWl4RUiH4KXrkSw+ggdcegtTcaO7beWxPyth8belAyi3fJ187xjQyaH4/ulCUWLEbQ9jtGsiejj8b29aS2Kcc2iN3+hb988ufayZgO5hh0rDKRjsg6rkO3uenJypt/3BVMhTF1T8REYXqIiMCkjdMhqpCVDVR0r2Hb41cj3EDc/E1j2l4TpIYGdz5xXQByYOh/Tr72m6sAqT9h+HbzLSLANcuAycJfh90bawKiZ8ntj4I4OG7qOQVKl5dQdnZ9DFCqtJ88h/PR0AJ2z6dMTP/OBqixkeqeZL3RShS40Z1Ll5+s9NotZg6p/KrgDJcXMUwF/likmn2UWPoGV3gns354b/dOuTovPnHYXP6Ov6Iz+hTcLy9+HLH+Lw9896aoMq7pKe3dP/I1ZW/BhtLC9MeR593w1c8+33O3kV96p8jfBmTeiZ8xN8OT7a2Dy99fL37r/928F079wPMl3mQlfk57sGxj/5e5pvzeSrshvzdQfs8pzF7rBT78AAAAASUVORK5CYII%3D) no-repeat center center;
    *background-image: url("../assets/icon-play.png");
    width: 100%;
    height: 140px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    border: 4px solid rgba(0, 0, 0, 0.5);
}

.news_summary {
    min-height: 120px;
}

.news_summary, .news_links {
    border-top: 1px solid #ccc;
    padding: 20px 0;
}

.news_summary > a {
    float: left;
}

.news_summary > div {
    margin: 0 100px 0 160px;
}

.news_summary h3 {
    margin: 0;
}

.news_summary span {
    display: none;
}

.news_ribbon {
    float: right;
    background: url("../news/icons/ribbon-sprite.png") no-repeat 0 -390px;
    width: 80px;
    height: 120px;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
}

.news_ribbon.announcement {
    background-position: 0 0;
    /*background-image: url('/news/assets/ribbon-news-announcement.png');*/
}

.news_ribbon.blog {
    background-position: 0 -260px;
    /*background-image: url('/news/assets/ribbon-news-blog.png');*/
}

.news_ribbon.report {
    background-position: 0 -520px;
    /*background-image: url('/news/assets/ribbon-news-report.png');*/
}

.news_ribbon.article {
    background-position: 0 -130px;
    /*background-image: url('/news/assets/ribbon-news-article.png');*/
}

.news_ribbon.item {
    float: none;
    position: absolute;
    right: 40px;
    top: 0;
}

.news_ribbon SPAN {
    color: #fff;
    margin-top: 78px;
    display: block;
    margin-bottom: 30px;
}

.news_ribbon B {
    white-space: nowrap;
}

UL#news_months {
    list-style-type: none;
    padding: 0;
    margin: 0 0 32px 0;
    border-bottom: 1px solid #ccc;
}

UL#news_months LI {
    border-top: 1px solid #ccc;
    background-image: none;
    padding: 4px 0 0 0;
    font-weight: bold;
}

#news_months A {
    text-decoration: none;
}

UL#news_categories {
    list-style-type: none;
    padding: 0;
    margin: 0 0 32px 0;
    border-bottom: 1px solid #ccc;
    line-height: 32px;
}

UL#news_categories LI {
    border-top: 1px solid #ccc;
    background-image: url("../news/icons/icon-sprite.png");
    /*background-image: url('/news/assets/icon-news-news.png'); */
    background-repeat: no-repeat;
    /* background-position: 0px 5px; */
    background-position: 0 -113px;
    padding: 4px 0 0 40px;
    color: #aaa;
}

#news_categories .announcement {
    /* background-image: url('/news/assets/icon-news-announcement.png'); */
    background-position: 0 5px;
}

#news_categories .blog {
    /* background-image: url('/news/assets/icon-news-blog.png'); */
    background-position: 0 -73px;
}

#news_categories .report {
    /* background-image: url('/news/assets/icon-news-report.png'); */
    background-position: 0 -151px;
}

#news_categories .article {
    /* background-image: url('/news/assets/icon-news-article.png'); */
    background-position: 0 -34px;
}

#news_categories A {
    text-decoration: none;
    font-weight: bold;
}

/* Trip Itinerary table styles */
.itinerary {
    border-collapse: separate;
    border-spacing: 2px;
}

.itinerary TR {
    vertical-align: top;
}

.itinerary td {
    padding: 1px;
}

.itinerary td:first-child {
    width: 60px;
    white-space: nowrap;
}

.itinerary P {
    margin-top: 9pt;
    margin-bottom: 0;
}

/* CSS textual jg-icons, using box-shadow for a graduated fill rather than linear-gradient()
 * because better cross-browser compatibility with fewer CSS rules
 */
/*.book-now {
	font-weight: bold;
	font-size: 14px;
	line-height: 30px;
	color: #fff;
	background-color: #F90;
	box-shadow: inset 0 -15px 15px #e68a00;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border-bottom: 1px solid #960;
	display: inline-block;
	zoom: 1;				 IE v7 hack for inline-block
	*display: inline;		 IE v7 hack for inline-block
	padding: 0px 10px;
	text-align: center;
	text-shadow: 0 1px #C60;
}*/
#main .book-now A, .book-now A:hover {
    text-decoration: none;
    color: #fff;
}

#rightbar #availability {
    padding-top: 10px;
    clear: both;
    width: 100%;
    float: none;
}

/*
#availability {
	font-weight: bold;
	font-size: 14px;
	line-height: 30px;
	color: #000;
	background-color: #ddd;
	box-shadow: inset 0 -15px 15px #c6c6c6;
	-moz-border-radius: 8px;
	border-radius: 8px;
	text-align: center;
	border-bottom: 1px solid #aaa;
}

#availability A, #availability A:hover {
	text-decoration: none;
	color: #000;
	text-shadow: 0px 1px #bbb;
}*/
.grades-box {
    float: left;
    margin-right: 20px;
}

.grades-title {
    background-color: #fafafa;
    box-shadow: inset 0 -5px 5px #dfdfdf;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    border: 1px solid #dedede;
    text-align: center;
    text-shadow: 1px 1px #fff;
    color: #999;
    width: 97px;
    height: 18px;
    font-weight: bold;
    font-size: 12px;
    line-height: 19px;
}

.grades-left {
    -moz-border-radius-bottomleft: 8px;
    border-bottom-left-radius: 8px;
}

.grades-right {
    -moz-border-radius-bottomright: 8px;
    border-bottom-right-radius: 8px;
    margin-left: 1px;
}

.grades-exp {
    font-weight: bold;
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    display: inline-block;
    text-align: center;
    width: 49px;
    height: 30px;
}

.grades-exp1 {
    background-color: #FF99CC;
    box-shadow: inset 0 -22px 16px -8px #E187B4;
    border-bottom: 1px solid #B46C90;
    text-shadow: 1px 1px #BB7095;
}

.grades-exp2 {
    background-color: #EF6E94;
    box-shadow: inset 0 -22px 16px -8px #D36183;
    border-bottom: 1px solid #A94E69;
    text-shadow: 1px 1px #97465E;
}

.grades-exp3 {
    background-color: #E14860;
    box-shadow: inset 0 -22px 16px -8px #C74055;
    border-bottom: 1px solid #9F3344;
    text-shadow: 1px 1px #8F2E3D;
}

.grades-exp4 {
    background-color: #D51E28;
    box-shadow: inset 0 -22px 16px -8px #AC1820;
    border-bottom: 1px solid #89131A;
    text-shadow: 1px 1px #9B161D;
}

.grades-exp5 {
    background-color: #910103;
    box-shadow: inset 0 -22px 16px -8px #750102;
    border-bottom: 1px solid #5E0102;
    text-shadow: 1px 1px #5F0102;
}

.grades-trek {
    font-weight: bold;
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    display: inline-block;
    text-align: center;
    width: 99px;
    height: 30px;
    -moz-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
}

.grades-trek1 {
    background-color: #D789F5;
    box-shadow: inset 0 -22px 16px -8px #BF7AD9;
    border-bottom: 1px solid #9962AE;
    text-shadow: 1px 1px #8D5AA1;
}

.grades-trek2 {
    background-color: #9A55D1;
    box-shadow: inset 0 -22px 16px -8px #884BB8;
    border-bottom: 1px solid #6D3C93;
    text-shadow: 1px 1px #80A09E;
}

.grades-trek3 {
    background-color: #5B1CA9;
    box-shadow: inset 0 -22px 16px -8px #501996;
    border-bottom: 1px solid #9F3344;
    text-shadow: 1px 1px #3C1270;
}

.grades-ski1 {
    background-color: #C9FCF8;
    box-shadow: inset 0 -22px 16px -8px #B1DEDB;
    border-bottom: 1px solid #8EB2AF;
    text-shadow: 1px 1px #93B8B5;
}

.grades-ski2 {
    background-color: #ACF2F0;
    box-shadow: inset 0 -22px 16px -8px #98D6D4;
    border-bottom: 1px solid #7AABAA;
    text-shadow: 1px 1px #6D9A98;
}

.grades-ski3 {
    background-color: #8AE6E5;
    box-shadow: inset 0 -22px 16px -8px #7BCCCB;
    border-bottom: 1px solid #62A3A2;
    text-shadow: 1px 1px #589392;
}

.grades-ski4 {
    background-color: #7BDEDA;
    box-shadow: inset 0 -22px 16px -8px #6DC5C1;
    border-bottom: 1px solid #579E9A;
    text-shadow: 1px 1px #4E8E8B;
}

.grades-ski5 {
    background-color: #74D9CF;
    box-shadow: inset 0 -22px 16px -8px #66C0B8;
    border-bottom: 1px solid #529A93;
    text-shadow: 1px 1px #4E938C;
}

.grades-ski6 {
    background-color: #6CCDC4;
    box-shadow: inset 0 -22px 16px -8px #5FB6AE;
    border-bottom: 1px solid #4C928B;
    text-shadow: 1px 1px #498B85;
}

.grades-ski7 {
    background-color: #61B6BA;
    box-shadow: inset 0 -22px 16px -8px #4E9396;
    border-bottom: 1px solid #3E7578;
    text-shadow: 1px 1px #40777A;
}

.grades-ski8 {
    background-color: #569DB1;
    box-shadow: inset 0 -22px 16px -8px #458090;
    border-bottom: 1px solid #376672;
    text-shadow: 1px 1px #335E69;
}

.grades-ski9 {
    background-color: #4B89A7;
    box-shadow: inset 0 -22px 16px -8px #3D6F87;
    border-bottom: 1px solid #30586B;
    text-shadow: 1px 1px #2D5263;
}

.grades-ski10 {
    background-color: #3E779A;
    box-shadow: inset 0 -22px 16px -8px #32607C;
    border-bottom: 1px solid #284D63;
    text-shadow: 1px 1px #25475B;
}

.grades-ski11 {
    background-color: #305F87;
    box-shadow: inset 0 -22px 16px -8px #274D6D;
    border-bottom: 1px solid #1F3D57;
    text-shadow: 1px 1px #1D3950;
}

.grades-ski12 {
    background-color: #1B3D69;
    box-shadow: inset 0 -22px 16px -8px #163155;
    border-bottom: 1px solid #122743;
    text-shadow: 1px 1px #10243E;
}

.grades-course1 {
    background-color: #89D7F5;
    box-shadow: inset 0 -22px 16px -8px #7ABFD9;
    border-bottom: 1px solid #6299AE;
    text-shadow: 1px 1px #5A8DA1;
}

.grades-course2 {
    background-color: #559AD1;
    box-shadow: inset 0 -22px 16px -8px #4B88B8;
    border-bottom: 1px solid #3C6D93;
    text-shadow: 1px 1px #A0809E;
}

.grades-course3 {
    background-color: #1C5BA9;
    box-shadow: inset 0 -22px 16px -8px #195096;
    border-bottom: 1px solid #33449F;
    text-shadow: 1px 1px #123C70;
}

.grades-help .grades-exp, .grades-help .grades-trek {
    -moz-border-radius: 15px;
    border-radius: 15px;
    width: 29px;
    height: 29px;
    margin-right: 10px;
    margin-bottom: 6px;
}

.grades-help TR {
    vertical-align: top;
}

.grades-help td:nth-child(2) {
    padding-bottom: 6px;
}

#rightbar {
    padding-top: 5px;
    position: relative;
    float: right;
    width: 31.6666666667%; /* One third of the page */
    min-height: 370px;
}

/*#rightbar.accounts {*/
/*    width: 201px;*/
/*}*/
#rightbar UL.links {
    text-transform: uppercase;
    list-style-type: none;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #000;
    font-family: museo-slab, serif;
    font-size: 18px;
    line-height: 26px;
}

#rightbar.accounts UL.links {
    font-size: 16px;
    line-height: 20px;
}

#rightbar ul.links > LI {
    border-top: 1px solid #000;
    background-image: none;
    padding: 4px 0 0 0;
}

#rightbar .links LI.title {
    font-weight: bold;
    padding-top: 10px;
    font-size: 14px;
}
#rightbar .links li li {
    text-transform: none;
    font-size: 14px;
    padding-left: 1rem;
}

#rightbar .links LI.sub {
    text-transform: none;
    font-size: 14px;
}

#rightbar .links A {
    text-decoration: none;
}

#rightbar .grades-box + DIV {
    min-height: 32px;
    padding: 5px 0 6px 0;
}

#rightbar .grades-box + DIV + P {
    margin-top: 8px;
}

/*#rightbar INPUT[type=email] {
	width: 256px;
	padding: 4px 30px 4px 8px;
	border: 1px solid #000;
	background-position: 270px center;
	font-family: proxima-nova, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
}*/
#rightbar .info {
    overflow: hidden;
}

#rightbar .info DIV {
    width: 140px;
    float: left;
}

#rightbar .info DIV:first-child {
    margin-right: 15px;
}

#feefo_intro_mobile, #feefo_link_mobile, #feefo_wrapper {
    display: none;
}

#pagebar {
    float: left;
    width: 66.6666666667%; /* Two thirds of the page */
    margin-right: 10px;
}

#rightbar h1:first-child,
#rightbar h2:first-child,
#rightbar h3:first-child,
#rightbar h4:first-child,
#rightbar h5:first-child {
    margin-top: 0;
}

#rightbar .item_row {
    padding: 0;
    margin: 0;
}

#main #rightbar button {
    padding: 0;
}

.newsletter_small .input_row_text.item_row {
    position: absolute;
    height: 0;
    top: -300000px;
}

.rarrowblk {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsSAAALEgHS3X78AAAA/ElEQVR4nI3TPS9EQRTG8d9dsoVsNGqdbyGhlaW0lYRSiEahV+wnEIUCBYVErVAqtvRSeWm8FVqNhBBxFe4m4+7snS2e6jzPf+acOSPPc6EwjUM8I8c7rrGFiR5/EGzgqAj10yc2UfsHwAguEuFQB8hCQOrkmNaLrMlIcQqdBOANY7BTLgZzaeK8ArIC9/0ABSTDPG4igGP4qgIEoBoW8RB4O/AxIKCOVbwE3jO4SrQwhCU8RlrYg3YMUPTewm3FEFsw7m9dw8IsLhPP+IR695obCXNZ35gJNzHD7oDhHyzHPlOGNbxWhO+6J/cAAtAoFrCPU5xgG3MYLvt/AZI/Ql4vGybzAAAAAElFTkSuQmCC") no-repeat center;
    *background-image: url("../assets/icon-arrow-black-right.png"); /* IE v6-7 */
    display: inline-block;
    width: 16px;
    height: 16px;
}

.rarrow {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsSAAALEgHS3X78AAAA+ElEQVR4nI3TK0tFQRTF8TlXuUHEYrb5LQStokZvEjSKYjHYDX4CMRjUoEEwG4yGG30kH8VXsFoERRF/hsvAcBjP3AU7DHut/94DMwGhVlM4wouePnCDbYzX/elhGMea9YVNtOqAIVwWwqkOUaWA0uSc1iNgItOcRLcAeMdowG6mGTebwUUDZCXgoQEQ9O46j9uM7yTguwCI1cIiHhNfN+CzT0Abq3hNfOcB1wXAAJbwlPHtB2z9A6jQwV2mH9UJGNN7rqlmcdUQhGe045obBXNdP5iWvMQKe32Gf7Es85kqrOGtIXwfJ+cAsUawgAOc4RQ7mMNg3f8HDOehG7qvLTUAAAAASUVORK5CYII%3D) no-repeat center;
    *background-image: url("../assets/icon-arrow-right.png"); /* IE v6-7 */
    display: inline-block;
    width: 16px;
    height: 16px;
}

.share {
    background: url("../assets/share-sprite.png") 0 0;
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 8px;
    vertical-align: middle;
}

#foot .share {
    -webkit-filter: grayscale(100%); /* Chrome v18/Safari v6 */
    filter: grayscale(100%); /* Firefox v35 */
    opacity: 0.7;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

#foot .share:hover {
    -webkit-filter: grayscale(0%);
    filter: none;
    opacity: 1;
}

#share_rss {
    background-position: 0 -42px;
}

#share_twtr {
    background-position: 0 -84px;
}

#share_pi {
    background-position: 0 -126px;
}

#share_lin {
    background-position: 0 -168px;
}

#share_ins {
    background-position: 0 -210px;
}

.form > DIV {
    clear: both;
    overflow: hidden;
    margin: 3px 0;
}

.form > DIV.gap {
    margin-top: 13px;
}

.form > DIV > LABEL {
    width: 160px;
    float: left;
    font-weight: bold;
    text-align: right;
}

.form > DIV > LABEL.wide {
    width: auto;
    font-weight: normal;
}

.form > DIV DIV {
    margin-left: 170px;
}

.form TEXTAREA {
    width: 98%;
    margin: 1px 0;
    padding: 0;
}

.form INPUT[type=text], .form INPUT[type=submit] {
    margin: 0;
}

.form INPUT[type=checkbox] {
    margin: 3px 3px 0 0;
}

.form SELECT {
    margin: 0;
}

.darkbox {
    border: 1px solid #000;
    background: #ddd;
    padding: 6px 10px;
    border-radius: 3px;
}

#crafty_main, #crafty_card, #crafty_kin1, #crafty_kin2, #crafty_kin3, #crafty_kin4, #crafty_kin5, #crafty_kin6 {
    color: red;
    display: block;
}

/*#pagebar.accounts {*/
/*    width: 715px;*/
/*} */
#pagebar.accounts PRE {
    overflow-x: scroll;
}

#search H5 {
    border-top: 0;
    padding-top: 0;
    margin-bottom: 5px;
}

#search .select-wrap, #search .select-wrap2 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsSAAALEgHS3X78AAABAklEQVR4nJ3TPUqDQRDG8V8Q0lhoqnTptLS08gCClYUnEMtcQFu1Np1CQElA9AYWdhZWYmOn4hEUlBD8yGuzL6zrbkCLp5mZ/7M7s7OqqhILyzjEA94xwi320PlVH4GzGGCCqqARttH4YYA53EwBUx3XJrXB2R/gWt3AWvkHXOEF83ASBd/QTgcVzWknMdmCxyTYK8CtcGpcO4BxEhxnn4v9TBuX8JpJ9BO4HdpL6y7gLpP4wEJk0CsM8ggOCsnTAHcybdbagMVwYpr8whL6BfgJzfqKu4Wi64L5BGvxJs5gWDBJ9SlsYfqZGujieQp8j9Xsb0wWZhPnoYWrMId1NNP6b0KMSGu6lY9TAAAAAElFTkSuQmCC) no-repeat;
    *background-image: url("../assets/icon-arrow-black-down.png"); /* IE v6-7 */
    overflow: hidden;
    height: 30px;
}

img {
    max-width: 100%;
    height: auto;
}

#search .select-wrap {
    margin: 4px 20px 0 0;
    width: 298px;
    border: 1px solid #000;
    background-position: 275px;
}

#search .select-wrap.loading {
    background-image: url("../assets/icon-loading.gif");
}

#search SELECT {
    background: transparent;
    width: 320px;
    height: 30px;
    padding: 5px;
    border: 0;
    font-family: proxima-nova, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px;
    -webkit-appearance: none;
}

#search OPTION {
    background: #fff;
}

#search .select-wrap2 {
    margin: 25px 20px 0 0;
    width: 120px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    background-position: 95px;
    display: none;
}

#search .select-wrap2.loading {
    background-image: url("../assets/icon-loading.gif");
}

#search .select-wrap2 SELECT {
    width: 140px;
    font-weight: bold;
}

.cards {
    --gap: 20px;
    --cards-per-row: 1;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: var(--gap);
    /* border-top: 1px solid #000; */
    padding: 20px 0;
    box-sizing: border-box;
}
@media screen and (min-width: 640px) {
    .cards {
        --cards-per-row: 2;
        align-items: unset;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .cards .card {
        flex-grow: 0;
    }
}
@media screen and (min-width: 1024px) {
    .cards {
        --cards-per-row: 4;
    }
}
.cards > .card {
    flex: 1 1 calc(100% / var(--cards-per-row) - var(--gap) * (var(--cards-per-row) - 1) / var(--cards-per-row));
    width: 320px;
    min-width: 275px;
    max-width: 320px;
    background: white;
    padding: 20px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}
.cards > .card h2, .cards > .card h3 {
    font-size: 20px !important;
    line-height: 1.2 !important;
    margin: 0 !important;
}
.cards > .card .photo_div {
    aspect-ratio: 4/3;
    background-color: #ddd;
    background-size: cover;
    background-repeat: no-repeat;
}
.cards > .card > * + * {
    margin-top: 10px;
}
.cards > .card .src_breadcrumbs {
    flex-grow: 1;
}
.cards > .card .buttons {
    margin-top: 20px;
}
.cards > .card .buttons > * {
    display: inline-block;
    width: calc(50% - 5px);
    color: #333;
}
.cards > .card .buttons > *.primary {
    color: #fff;
    position: relative;
    z-index: 5;
}
.cards > .card .buttons > *:first-child:last-child {
    width: 100%;
}
.cards > .card .buttons > * + * {
    margin-left: 10px;
}
.cards > .card .src_breadcrumbs {
    font-size: 12px;
    color: #999;
}
.cards > .card .src_breadcrumbs > span {
    white-space: nowrap;
}
.cards > .card .src_prices {
    line-height: 22px;
}
.cards > .card .cover {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}

#search_results {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 20px 0;
    border-top: 1px solid #000;
}
@media only screen and (min-width: 1140px) {
    #search_results {
        grid-template-columns: 1fr 1fr;
    }
}

#search_results > DIV {
    padding: 15px;
    overflow: hidden;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: auto auto auto;
    flex-wrap: wrap;
    background-color: #fff;
    box-shadow: 2px 2px 5px #ccc;
    /* Difficulty */
    /* Prices */
    /* Duration */
    /* Region */
}
#search_results > DIV .small {
    position: relative;
    grid-column: 1/-1;
    display: flex;
    flex-direction: row;
    padding: 0 0 15px 0;
}
@media only screen and (max-width: 639px) {
    #search_results > DIV .small {
        padding-bottom: 60px;
    }
}
#search_results > DIV .small > a {
    flex: 0 0 90px;
}
@media only screen and (min-width: 640px) {
    #search_results > DIV .small > a {
        flex: 0 0 140px;
    }
}
#search_results > DIV .small > a img {
    margin: 0;
}
#search_results > DIV .small > div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-left: 15px;
}
#search_results > DIV .small > div H3 {
    flex: 1 1 50%;
    display: inline-block;
    margin: 0;
    font-size: 1.2em;
}
@media only screen and (min-width: 640px) {
    #search_results > DIV .small > div H3 {
        min-height: 30px;
    }
}
#search_results > DIV .small > div H3 a {
    vertical-align: sub;
}
#search_results > DIV .small > div .button_row {
    flex: 1 1 50%;
    display: inline-block;
    height: 30px;
    padding: 0;
}
@media only screen and (max-width: 639px) {
    #search_results > DIV .small > div .button_row {
        position: absolute;
        bottom: 0;
        left: 0;
        flex: 1 1 100%;
        display: flex;
        flex-direction: row-reverse;
        flex-wrap: nowrap;
        gap: 15px;
        width: 100%;
        text-align: center;
        padding-bottom: 15px;
    }
    #search_results > DIV .small > div .button_row .button {
        width: 50%;
        margin: 0;
    }
}
#search_results > DIV .small > div p {
    flex: 1 1 100%;
    margin-top: 10px;
}
#search_results > DIV > div:nth-of-type(2) {
    grid-column: 1/4;
    grid-row: 2/-1;
}
#search_results > DIV > div:nth-of-type(3) {
    grid-column: 4/10;
    grid-row: 2/-1;
    padding: 0 10px;
}
#search_results > DIV > div:nth-of-type(4) {
    grid-column: 10/-1;
    text-align: center;
    font-weight: 600;
}
#search_results > DIV > div:nth-of-type(5) {
    grid-column: 10/-1;
    line-height: 1;
    text-align: center;
}
@media only screen and (min-width: 640px) {
    #search_results > DIV {
        /* Difficulty */
        /* Prices */
        /* Duration */
        /* Region */
    }
    #search_results > DIV > div:nth-of-type(2) {
        grid-column: 1/3;
        grid-row: 2/-1;
    }
    #search_results > DIV > div:nth-of-type(3) {
        grid-column: 4/7;
        grid-row: 2/-1;
    }
    #search_results > DIV > div:nth-of-type(4) {
        grid-column: 8/10;
        grid-row: 2/-1;
        font-weight: unset;
    }
    #search_results > DIV > div:nth-of-type(5) {
        grid-column: 11/-1;
        grid-row: 2/-1;
    }
}

#search_results > DIV:last-child {
    border-bottom: none;
}

#search_results P {
    margin: 4px 0;
}

#search_results img.tum {
    margin-right: 20px;
    float: left;
}

#search_results img {
    vertical-align: middle;
    margin-bottom: 4px;
}

#search_results .grades-box {
    margin-right: 10px;
    margin-top: 2px;
    line-height: 0;
}

#search_results .grades-title {
    width: 73px;
    height: 14px;
    font-size: 10px;
    /* font-family: Arial, Helvetica, sans-serif; */
    line-height: 13px;
}

#search_results .grades-exp {
    font-size: 15px;
    line-height: 20px;
    width: 37px;
    height: 20px;
}

#search_results .grades-trek {
    font-size: 15px;
    line-height: 20px;
    width: 75px;
    height: 20px;
}

/* From old site */
#main .nbox {
    margin-top: 8px;
    width: 100%;
    font-size: 14px;
    line-height: 18px;
}

#main .nbox TH, #main .nbox2 TH {
    font-weight: bold;
    text-align: left;
    color: #fff;
    background-color: #444;
    padding: 4px;
}

#main .nbox td {
    padding: 4px;
}

#main .nbox2 td {
    padding: 3px 5px 2px 0;
}

#main .nbox .small td {
    padding: 4px;
}

#main .nbox tr.client_details + tr.trip_details {
    border-top: 1px solid #666;
}

#main .nbox tr.client_details:last-child {
    border-bottom: 1px solid #666;
}

#main .nbox td table td {
    padding: 0;
}

#main .nbox .rule, #main .nbox2 .rule {
    border-top: 1px solid #ccc;
    padding: 0;
}

#main .nbox .small {
    font-size: 13px;
    line-height: 14px;
}

#main .grading TH, #main .grading td {
    text-align: left;
}

#main .grading TH:nth-child(n+3), #main .grading td:nth-child(n+3) {
    text-align: center;
}

#main .grading TH:nth-child(2n+3) {
    width: 50px;
}

#main .grading TH:nth-child(2) {
    width: 150px;
}

#main .grading TH:nth-child(4) {
    width: 110px;
}

#main .col1 {
    float: left;
    width: calc(50% - 10px);
    margin-right: 20px;
}

#main .col2 {
    float: left;
    width: calc(50% - 10px);
}

/* Page footer styles */
#foot {
    filter: alpha(opacity=80); /* IE v7-8 */
    opacity: 0.8;
    background-color: #000;
    zoom: 1; /* IE v6 */
    padding: 4px 20px 20px 20px;
    color: #fff;
    overflow: hidden;
}

#foot A {
    color: #fff;
    text-decoration: none;
}

#foot H2 {
    font-family: museo-slab, serif;
    font-weight: normal;
    font-size: 28px;
    line-height: 30px;
    border-top: 1px solid #fff;
    margin: 16px 0 10px 0;
    padding-top: 6px;
    text-transform: uppercase;
}

#foot H5 {
    font-family: museo-slab, serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 20px;
    border-top: 1px solid #fff;
    margin: 16px 0 10px 0;
    padding-top: 6px;
    text-transform: uppercase;
}

#foot FORM {
    display: inline;
}

#foot .select-wrap {
    margin: 3px 0 10px 0;
    width: 298px;
    height: 30px;
    overflow: hidden;
    border: 1px solid #fff;
    background-position: 275px;
}

#foot SELECT {
    background: transparent;
    width: 320px;
    height: 30px;
    padding: 5px;
    border: 0;
    font-family: proxima-nova, Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    -webkit-appearance: none;
}

#foot {
    display: flex;
    justify-content: space-between;
}

#foot .column {
    flex: 1;
    margin-right: 1%;
}

#foot .column:last-child {
    margin-right: 0;
}

#foot UL {
    list-style-type: none;
    padding: 0;
    margin: 0;
    float: left;
}

#foot LI {
    width: 140px;
    border-bottom: 1px solid #333;
    padding: 5px 0;
}

#foot .triplist {
    line-height: 25px;
    width: 100%;
}

#foot .triplist TH {
    text-align: left;
}

#foot .triplist .rule {
    border-top: 1px solid #333;
    padding-top: 0;
}

#foot .triplist td:last-child {
    line-height: 0;
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

/* Calender view styles */
#main ul.ul_stripped.trip_date_calendar {
    border-top: 1px solid #000;
    /*border-bottom: 1px solid #000;*/
    padding-bottom: 20px;
}

#main .button.button_status {
    color: #ffffff;
}

.status-badge {
    float: left;
    margin-right: 5px;
    width: 12px;
    height: 12px;
    border-radius: 4px;
    margin-top: 2px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

.trip_date_details > div {
    float: left;
    width: 30%;
}

.trip_date_details > div + div {
    float: left;
    width: calc(35% - 10px);
    margin-left: 10px;
}

.trip_date_details > div.trip_name {
    position: relative;
    padding-left: 20px;
    box-sizing: border-box;
}

.trip_date_details > div.trip_name .status-badge {
    position: absolute;
    left: 0;
    top: 0;
}

/*
// Temporary fix - JG doing away with huaranteed status 20200403 simon@lfd
.status-available {
	background-color: #FF9900;
}
*/
.status-available,
.status-guaranteed,
.status-limited {
    background-color: #40D966;
}

.status-full {
    background-color: #ff0000;
}

#main .trip_date_calendar.ul_stripped li {
    padding: 0.5em 0;
}

.trip_date_calendar .trip_date span {
    white-space: nowrap;
}

.trip_date_calendar.ul_stripped li > * {
    float: left;
    width: auto;
    margin: 0;
    position: relative;
    min-height: 30px;
    box-sizing: border-box;
}

.trip_date_calendar.ul_stripped li > .trip_date_details {
    width: 60%;
}

.trip_date_calendar.ul_stripped li > .trip_date_buttons {
    width: 40%;
}

.trip_date_calendar.ul_stripped .grades-box {
    position: absolute;
    left: 0;
    top: 0;
}

.trip_date_calendar.ul_stripped .grades-box,
.trip_date_calendar.ul_stripped .grades-title {
    box-sizing: border-box;
    width: 81px;
}

.trip_date_calendar.ul_stripped .grades-title {
    font-weight: normal;
    background: #f9f9f9;
    font-size: 8pt;
    line-height: 13px;
    height: 13px;
    overflow: hidden;
    text-shadow: none;
    box-shadow: none;
    border-radius: 4px 4px 0 0;
    border-bottom: none;
}

.trip_date_calendar .button {
    width: 125px;
}

#main .trip_date_calendar.ul_stripped p {
    margin: 0;
}

.trip_date_calendar.ul_stripped .grades-ski,
.trip_date_calendar.ul_stripped .grades-trek,
.trip_date_calendar.ul_stripped .grades-exp,
.trip_date_calendar.ul_stripped .grades-course {
    width: 81px;
    border-radius: 0 0 4px 4px;
}

.trip_date_calendar.ul_stripped .grades-ski,
.trip_date_calendar.ul_stripped .grades-trek,
.trip_date_calendar.ul_stripped .grades-exp,
.trip_date_calendar.ul_stripped .grades-course {
    font-size: 8pt;
    line-height: 16px;
    height: 16px;
    box-sizing: border-box;
    float: left;
    border-top: 1px solid #fff;
}

.trip_date_calendar.ul_stripped .grades-left,
.trip_date_calendar.ul_stripped .grades-right {
    width: 40px;
}

.trip_date_calendar.ul_stripped .grades-left {
    border-radius: 0 0 0 4px;
}

.trip_date_calendar.ul_stripped .grades-right {
    border-radius: 0 0 4px 0;
}

.trip_date_calendar li + li {
    border-top: 1px dotted #000;
}

.trip_date_calendar li .button_row {
    position: absolute;
    padding-top: 0;
    right: 0;
    top: 0;
    width: 260px;
}

.trip_date_details > div.calendar_date_status {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    border-radius: 4px;
    text-align: center;
    margin: 0;
    overflow: hidden;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

.trip_date_details div.calendar_date {
    color: #fff;
    height: 27px;
    line-height: 27px;
}

.calendar_title_row {
    position: relative;
}

.calendar_key {
    position: absolute;
    bottom: 0;
    right: 0;
}

img.width_15 {
    width: 15%;
}

img.width_30 {
    width: 30%;
}

img.width_50 {
    width: 50%;
}

img.width_100 {
    width: 100%;
}

image.left {
    float: left;
    margin: 0 1em 1em 0;
}

image.right {
    float: right;
    margin: 0 0 1em 1em;
}

image.border {
    padding-bottom: 0;
}


#mobile_view_fill {
    display: none;
}

.terms li {
    margin-bottom: .5em;
}

.terms li li li {
    margin-bottom: .1em;
}

.terms table {
    min-width: 100%;
}

.terms table tbody tr {
    border-bottom: 1px solid #ccc;
}

.terms table tr > * {
    padding: 2px;
}

.terms table thead tr {
    padding-top: 2rem;
    border-bottom: 1px solid #000;
}

.terms table tr > *:first-child {
    text-align: left;
}

.terms table tr > *:last-child {
    text-align: right;
}

.terms tbody tr > *+* {
    border-left: 1px dotted #ccc;
}

@media only screen and (max-width: 640px) {

    #mobile_view_fill {
        position: relative;
        height: 0;
        width: 100%;
        flex-grow: 1;
        z-index: 4;
        background-position: center;
        background-size: cover;
        transition: height 0.3s ease;
    }

    /* Mask to make header more readable given background image rotation */
    #mobile_view_fill::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        display: block;
        max-width: 100vw;
        width: 100vw;
        height: 200px;
        background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
        transform: translateX( calc( -50% ) );
        z-index: -1;
    }

    #mobile_view_fill img {
        position: absolute;
        bottom: 10px;
        left: 5px; /* there are some pixels in the image to account for the shadow */
        width: calc( 100% - 10px );

    }

    #mobile_view_fill {
        display: block;
        min-height: 30vh;
        opacity: 1;
        background-size: cover;
    }

    #mobile_view_fill.mobile-search-active {
        height: 65px;
    }
}



/* ColorBox gallery Core Style */
#colorbox, #cboxOverlay, #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
    clear: left;
}

#cboxContent {
    position: relative;
}

#cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

#cboxTitle {
    margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
    cursor: pointer;
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
    box-sizing: content-box;
}

/* ColorBox gallery User Style */
#cboxOverlay {
    background: #000;
}

#colorbox {
    outline: 0;
}

#cboxContent {
    margin-bottom: 83px;
    background: #000;
    margin-top: 8px;
    margin-right: 8px;
}

.cboxIframe {
    background: #fff;
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc;
}

#cboxLoadedContent {
    border: 10px solid #fff;
}

#cboxTitle {
    padding: 10px;
    margin-top: 10px;
    color: #fff;
    position: absolute;
    bottom: -83px;
    left: 0;
    right: 0;
}

#cboxTitle DIV {
    font-weight: bold;
    border-bottom: 1px solid #666;
    padding-bottom: 6px;
    margin-bottom: 6px;
    margin-right: 100px;
    height: 18px;
    overflow: hidden;
    white-space: nowrap;
}

#cboxTitle SPAN {
    color: #999;
    font-size: 14px;
    line-height: 18px;
}

#cboxTitle A {
    color: #fff;
}

#cboxCurrent {
    position: absolute;
    font-size: 14px;
    bottom: -74px;
    right: 10px;
    color: #999;
}

#cboxLoadingGraphic {
    background: url(../assets/colorbox/loading.gif) no-repeat center center;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
    line-height: 26px;
    position: absolute;
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    width: 26px;
    height: 26px;
    background: url(../assets/colorbox/controls.png);
    text-indent: -9999px;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
    outline: 0;
}

#cboxSlideshow {
    bottom: -48px;
    right: 42px;
}

.cboxSlideshow_on #cboxSlideshow {
    background-position: 0 -144px;
}

.cboxSlideshow_on #cboxSlideshow:hover {
    background-position: 0 -108px;
}

.cboxSlideshow_off #cboxSlideshow {
    background-position: 0 -72px;
}

.cboxSlideshow_off #cboxSlideshow:hover {
    background-position: 0 -180px;
}

#cboxPrevious {
    bottom: -48px;
    right: 74px;
    background-position: 0 -216px;
}

#cboxPrevious:hover {
    background-position: 0 -252px;
}

#cboxNext {
    bottom: -48px;
    right: 10px;
    background-position: 0 -288px;
}

#cboxNext:hover {
    background-position: 0 -324px;
}

#cboxClose {
    top: -8px;
    right: -8px;
    background-position: 0 0;
}

#cboxClose:hover {
    background-position: 0 -36px;
}

.gsc-webResult.gsc-result,
.gsc-imageResult,
.gsc-webResult.gsc-result:hover,
.gsc-imageResult:hover,
.cse .gsc-control-cse,
.gsc-control-cse {
    border: none !important;
    background: none !important;
}

@media only screen and (max-width: 1024px) {

    #pagebar {
        margin-right: 5px;
        width: 100%;
    }
    #rightbar {
        width: 100%;
        float: right;
    }
    #foot {
        flex-direction: column;
    }
    #foot .column {
        margin-right: 0;
        margin-bottom: 1%; /* Add some bottom margin to separate the columns when they stack */
    }
}
@media screen and (max-width: 640px) {
    #main .trip_date_calendar.ul_stripped {
        margin-bottom: 2em;
    }
    .trip_date_calendar.ul_stripped li > .trip_date_details {
        padding-bottom: 0.5em;
    }
    .trip_date_calendar.ul_stripped li > .trip_date_details,
    .trip_date_calendar.ul_stripped li > .trip_date_buttons {
        float: none;
        clear: both;
        width: auto;
    }
    .trip_prices {
        text-align: right;
    }
    #main ul.ul_stripped {
        line-height: 2em;
    }
}
@media only screen and (max-width: 640px) {
    #rightbar {
        min-height: 100px;
    }
    #rightbar .grades-box + div {
        min-height: 32px;
    }
}
@media screen and (max-width: 425px) {
    img.width_15,
    img.width_30,
    img.width_50,
    img.width_100 {
        width: 100%;
    }
    .trip_date_details {
        padding-left: 100px;
        position: relative;
    }
    .trip_date_details > div.trip_date {
        width: 90px;
        position: absolute;
        left: 0;
        top: 0;
    }
    .trip_date_details > div,
    .trip_date_details > div + div {
        float: none;
        width: auto;
        margin: 0;
    }
    .trip_date_calendar.ul_stripped .grades-box {
        top: 0;
    }
    .trip_date_calendar li .button_row {
        top: auto;
        bottom: 0;
        width: calc(100% - 100px);
    }
    .trip_date_calendar li .button_row .button:last-child {
        margin-left: 0;
        float: left;
    }
    #main .trip_date_calendar .button, #main .trip_date_calendar .button:visited {
        padding: 0 7px;
    }
    .trip_prices {
        text-align: left;
    }
    .trip_date_calendar li .button_row .button {
        width: calc(50% - 5px);
    }
    #main ul.ul_stripped.calendar_key {
        position: static;
        margin: 5px 0 10px;
    }
}
/* CSS definitions for paper version of Jagged Globe pages */
@media print {
    HTML {
        background: #fff !important;
    }
    #top, #photo, #cts, #rightbar, #foot {
        display: none;
    }
    #wrap {
        width: 100%;
        margin: 16px 0 0 0;
    }
    #main {
        background-image: none;
        padding: 0;
        margin-top: 0;
    }
    #main A {
        color: #00c;
    }
    #pagebar {
        width: 100%;
        margin-right: 0;
    }
    .screen {
        display: none;
    }
    .print {
        display: inline;
    }
}
@media only screen and (max-width: 639px) {
    HTML {
        background-image: none;
    }
    BODY {
        font-size: 12pt;
        line-height: 1.3;
        min-width: 320px;
    }
    #main {
        background: #fff;
    }
    .small {
        font-size: 11pt;
        line-height: 12pt;
    }
    #top,
    .cts H5 {
        font-size: 14pt;
        line-height: 16pt;
    }
    .nophone {
        display: none;
    }
    .onlyphone {
        display: block !important;
    }
    .discount {
        white-space: unset;
        margin: 5px 0;
    }
    #wrap {
        width: 100%;
        max-width: 100vw;
        min-width: 320px;
        min-height: 100vw;
        margin: 0 auto;
    }
    #magnify,
    #logo {
        width: 32px;
        height: 32px;
        position: relative;
        padding: 0;
    }
    #magnify a,
    #logo span {
        width: auto;
        height: auto;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-position: center center;
        background-size: cover;
    }
    #logo span {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALZJREFUeNrslmEOQDAMhVUcYEdxhB3FjRzBkRzFEaqlEoIxLPPjNXnJNF37abplxMxFTiuLzAYAAADg/wBEdCgxJ+pNLhD3fQfk9qyXwguI+R4lC+og3osGkRZ1pt58Pjp/DIB8Nzxbp4VXfmc+tSYJgKxbK9AGurmLeQ0Q+rsTiE2XPumAJfQRc6Vzwnc6QFfvAT1KmozunKktxLTnKj9uQgBkB6hipjoFAOFZDgAAACA3wCjAANAVieiz++pDAAAAAElFTkSuQmCC");
    }
    span#logo span {
        opacity: 0.25;
    }
    #photo,
    #top .contact,
    #top form,
    #top img {
        display: none;
    }
    #top {
        background: #336;
        height: 80px;
        padding: 0;
        font-weight: normal;
    }
    #top #magnify {
        display: inline;
    }
    #top #magnify a {
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAATxJREFUeNrsl+ERgjAMhcVzgI7QEdhAR2AE3MAR2IARYANHACdAJ4ANYANM717PKgWKRPghuXtXS0P7tSRBvLZtd2vafreybQAbwKFvwPO8tz5li09NQDriUkO6kVLybcYW6s02NWCTMS5I1/ZlGVSgX5NCFwDrOkMAWFwvFKn+x6QSMMriXwDonZ9GJk/gF7ABqGeud+4STORXKnECRAAQjgAh/P0pAENpqKI9d4lwWI5WrFIHCLTiLkTVlN30Hf0cgAdJBaJ0nEtnwH0SwUAQChSZzGEOCd+Euw5cENnJyOIFACQrAG6MAVEi1aR+5kjVGooBErIC4OYAADZLjFPQFrICmJGuyrIhYSlEVggWgAnVsAOxCMAQxGIAfRDfvAvmlOWUmvOsv2QcEPokzd8dv+3LaAP4e4CnAAMAnM9e7KUo4LAAAAAASUVORK5CYII=");
    }
    ul.menu2 > LI SPAN {
        display: none;
    }
    .imenu {
        left: 35px;
        top: 0;
    }
    .imenu > .menu > li > a {
        line-height: 32px;
    }
    .menu2 > li > a {
        display: none;
    }
    #mobile_topbar {
        position: fixed;
        width: 100vw;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        height: 80px;
        padding: 0 10px;
        background-color: #fff;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.5019607843);
        border-bottom: 1px solid rgba(0, 0, 0, 0.5019607843);
        z-index: 1001;
    }
    #mobile_topbar .topbar_links {
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-end;
        max-height: 80px;
        width: calc(100% - 80px);
        padding: 5px 0;
        margin: 0;
        list-style: none;
        overflow: hidden;
        z-index: 10000;
    }
    #mobile_topbar .topbar_links li {
        display: block;
        height: 100%;
        max-height: 100%;

        /* JG Logo container */
    }
    #mobile_topbar .topbar_links li:first-child {
        flex: 1 1 100%;
    }
    #mobile_topbar .topbar_links li:first-child a {
        --logo-size: 70px;
        display: block;
        width: var(--logo-size);
        height: var(--logo-size);
        max-width: var(--logo-size);
        max-height: var(--logo-size);
    }
    #mobile_topbar .topbar_links li:first-child a img {
        display: block;
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    #mobile_topbar .topbar_links li:not(:first-child) {
        margin-left: 10px;
    }
    #mobile_topbar .topbar_links li a, #mobile_topbar .topbar_links li span {
        --button-size: 32px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        background-color: transparent;
        border-radius: 50%;
        padding: 10px;
        width: var(--button-size);
        max-width: var(--button-size);
        height: var(--button-size);
        max-height: var(--button-size);
        color: var(--text-darker);
        text-decoration: none;
    }
    #mobile_topbar .topbar_links li a i, #mobile_topbar .topbar_links li span i {
        position: relative;
        color: var(--text-darker);
        font-size: var(--button-size);
        line-height: var(--button-size);
    }
    #mobile_topbar .topbar_links li a.topbar_links--your_booking {
        --button-size: 22px;
        background-color: var(--jg-blue);
    }
    #mobile_topbar .topbar_links li a.topbar_links--your_booking i {
        top: 1px;
        right: 1px;
        color: #fff;
    }
    #mobile_topbar .topbar_links li span.topbar_links--search {
        --button-size: 26px;
    }
    #mobile_topbar .topbar_links li span.topbar_links--search i {
        top: 1px;
        right: 1px;
    }
    #mobile_topbar .topbar_links li a.topbar_links--account {
        --button-size: 30px;
    }
    #mobile_topbar .topbar_links li a.topbar_links--account i {
        top: 1px;
        right: 2px;
    }
    #mobile_topbar .slicknav_menu a {
        color: var(--text);
    }
    #mobile_topbar .slicknav_menu .nav_tab-labels {
        display: none;
    }
    #mobile_topbar .slicknav_menu a.slicknav_item a, #mobile_topbar .slicknav_menu a.slicknav_item .nav_tab-label {
        padding: 3px;
    }
    #mobile_topbar .slicknav_menu .slicknav_open > a.slicknav_item {
        color: var(--jg-blue-darker);
        background-color: #ededed;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }
    #mobile_topbar .slicknav_menu .slicknav_open > a.slicknav_item a, #mobile_topbar .slicknav_menu .slicknav_open > a.slicknav_item .nav_tab-label {
        color: var(--jg-blue-darker);
    }


    mobile .search_container {
        position: fixed;
        top: 0;
        width: calc(100% - 10px); /* 100% - padding /2 */
        padding: 0 5px;
        z-index: 999;
        transition: top 0.3s ease;
    }

    mobile .search_container.mobile-search-active {
        top: 90px;
    }

    #div_nav {
        display: none;
    }
    /* Positioning for the dropdown menu */
    ul.menu UL {
        top: 32px;
        padding: 2px 8px 5px 0;
    }
    ul.menu > li {
        padding: 0;
    }
    ul.menu ul li {
        padding: 2px 10px;
    }
    ul.menu > li + li {
        padding-left: 7px;
    }
    ul.menu UL LI A {
        padding: 3px 10px 3px 0;
    }
    ul.menu > LI A {
        padding-right: 0;
        background: 0 0;
    }
    ul.menu2 {
        width: 100%;
        height: 0;
        overflow: visible;
        position: relative;
        z-index: 1;
    }
    ul.menu2 > LI {
        position: absolute;
        padding-right: 0;
        background: 0 0;
        width: 100%;
    }
    #cts_trek,
    #cts_climb,
    #cts_ski {
        width: 100%;
        left: 0;
        top: 0;
    }
    .news_ribbon A[target=admin],
    ul.menu LI.liAcnt LI.title {
        display: none;
    }
    ul.menu LI.liAcnt:hover UL {
        left: -64px;
        opacity: 0.8;
        width: 145px;
    }
    #bigDiv,
    #foot {
        filter: alpha(opacity=100);
        opacity: 1;
    }
    ul.menu LI.liAcnt A,
    ul.menu LI.liTop A {
        padding-right: 0;
        background: none;
    }
    ul.menu LI.liAcnt LI.faded {
        margin-left: 8px;
        padding: 3px 10px 3px 0;
        border-bottom: 1px solid #333;
    }
    #cts_climb > div,
    #cts_trek > div,
    #cts_ski > div {
        top: 0;
        padding-top: 10px;
        max-width: 100%;
        box-sizing: border-box;
        overflow: hidden;
        display: block;
    }
    #cts_trek > div div,
    #cts_ski > div > div {
        padding: 0 0 20px 0 !important;
        border-left: none !important;
        float: none;
        display: block;
    }
    #cts LI#cts_climb.visible > DIV,
    #cts LI#cts_trek.visible > DIV,
    #cts LI#cts_ski.visible > DIV {
        right: auto;
        left: 0;
    }
    #cts_climb DIV.rpad {
        margin-bottom: 10px;
    }
    #cts_trek DIV.rpad,
    #cts_ski DIV.rpad {
        margin-bottom: 10px;
    }
    #main {
        margin-top: 0;
        padding: 20px 5px 5px 5px;
    }
    #main B.news,
    #main H1 {
        font-weight: 400;
        font-size: 24px;
        line-height: 22px;
        margin: 0 0 5px;
    }
    #main H1.news,
    #main H2 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 20px;
        line-height: 22px;
        margin: 11px 0 2px;
    }
    #main H5,
    #rightbar UL.links {
        font-family: museo-slab, serif;
    }
    #main H1.news,
    #main H2.top {
        margin-top: 0;
    }
    #main H3 {
        font-size: 14px;
        line-height: 15px;
        margin-bottom: 2px;
    }
    #main H5 {
        font-size: 16px;
        line-height: 18px;
        margin: 10px 0 6px;
        padding-top: 6px;
    }
    #main H6,
    #tabs,
    .notab SPAN {
        font-size: 14px;
    }
    #main H6 {
        margin-bottom: 4px;
        padding-bottom: 3px;
        line-height: 15px;
    }
    #main P {
        margin: 8px 0;
        padding: 0;
    }
    #main P.small {
        margin: 6px 0;
    }
    #main UL LI {
        background-position: 2px 4px;
        padding-left: 15px;
    }
    #main OL {
        padding-left: 25px;
        margin-bottom: 7px;
    }
    #main OL OL {
        padding-left: 0;
    }
    #main .mbox {
        padding: 5px 8px;
    }
    #main .mbox TD,
    #main .mbox TH {
        padding: 2px;
    }
    #main .tum {
        width: 90px;
        height: 90px;
    }
    UL#tabs LI {
        padding: 5px 8px;
    }
    .notab SPAN {
        padding: 2px 6px;
        line-height: 14px;
    }
    #main .photo IMG:first-child {
        width: 100%;
        height: auto;
    }
    #main .video {
        width: 100% !important;
        margin-top: 5px;
    }
    #bigImg,
    #bigVid {
        border: 0;
        margin: 0;
    }
    #bigImg {
        width: 100%;
        height: auto;
    }
    #bigVid {
        width: 100% !important;
    }
    #cboxTitle.bigTxt {
        width: 100% !important;
        position: fixed;
    }
    #main .pdfs {
        overflow: hidden;
    }
    #main .pdfs IMG {
        width: 45px;
        height: 45px;
    }
    #main .dateslist TR:nth-child(3n+3) TD {
        padding-top: 3px;
    }
    #main .dateslist TR:nth-child(3n+4) TD {
        padding-bottom: 30px;
    }
    /* Trip Date and Details */
    #main .dateslist tr td:nth-child(1) {
        max-width: 150px;
        padding-right: 5px;
    }
    /* Prices */
    /* Headings */
    #main .dateslist tr:first-of-type th:nth-child(2),
    #main .dateslist tr:first-of-type td:nth-child(3) {
        text-align: center;
    }
    /* Cells */
    #main .dateslist tr td.flights_inc::before,
    #main .dateslist tr td.flights_no::before {
        position: unset;
        display: block;
        margin: 0 auto;
        text-align: center;
    }
    #main .dateslist tr td.flights_inc strong,
    #main .dateslist tr td.flights_no strong {
        display: block;
        margin: 0 auto;
        text-align: center;
    }
    #main .dateslist tr .flights_1,
    #main .dateslist tr .flights_0 {
        padding-top: 10px;
        text-align: center;
    }
    #main .dateslist TR:nth-child(3n+3) TD:last-child {
        padding-top: 0;
        padding-bottom: 2px;
        padding-left: 5px;
    }
    #main .dateslist TH:first-child + TH {
        text-align: left;
    }
    #main .dateslist TH:last-child {
        width: 72px;
    }
    #main .dateslist .rule {
        border-top: 2px solid #ccc;
        padding-top: 2px;
    }
    .dateslist .flights_0,
    .dateslist .flights_inc,
    .dateslist .flights_no {
        background: 0 0;
        padding-left: 0;
    }
    #search_results .flights_inc,
    #search_results .flights_no {
        line-height: 20px;
        margin-bottom: 2px;
    }
    .dates-title {
        height: 16px;
        font-size: 12px;
        line-height: 16px;
    }
    .dates-book,
    .dates-enquire,
    .dates-limited {
        font-size: 12px;
        line-height: 18px;
        padding: 0 2px;
    }
    H3.dates-limited {
        height: 18px;
        margin-top: 10px;
    }
    #dates-limited {
        background-color: #eee;
        padding: 5px 8px;
    }
    #main .boxes {
        margin-top: 15px;
        font-size: 12px;
        line-height: 15px;
    }
    #main .boxes LI {
        margin-right: 13px;
        width: 90px;
        height: 137px;
    }
    #main .clip:after {
        border-width: 3px;
        height: 90px;
        background-size: 70%;
    }
    #main .triplist,
    #main .triplist2 {
        line-height: 23px;
    }
    #main .triplist TD:last-child {
        width: 20px;
    }
    .triplist2 .grades-exp {
        font-size: 12px;
        line-height: 14px;
        width: 25px;
        height: 14px;
    }
    .triplist2 .grades-trek {
        font-size: 12px;
        line-height: 14px;
        width: 51px;
        height: 14px;
    }
    UL#leaders {
        margin: 8px 0 0;
        padding-top: 4px;
    }
    UL#leaders LI {
        line-height: 22px;
        background-size: 18px;
        background-position: 0 1px;
        padding-left: 25px;
        margin-bottom: 4px;
        padding-bottom: 2px;
    }
    #leaders .open {
        background-position: 0 -23px;
    }
    #leaders DIV {
        margin-bottom: 5px;
        line-height: 16px;
    }
    .news_links,
    .news_summary {
        padding: 5px 0;
    }
    .news_summary DIV {
        margin: 0 0 0 95px;
    }
    .news_summary SPAN {
        display: inline;
        font-weight: 400;
        font-size: 12px;
        color: #999;
        white-space: nowrap;
    }
    #cboxCurrent,
    #cboxNext,
    #cboxPrevious,
    #chat_wrapper,
    #feefo_intro,
    #feefo_link,
    #news_categories,
    #news_months,
    #search_results .grades-box + SPAN,
    #search_results H6,
    .news_ribbon B,
    .news_ribbon SPAN {
        display: none;
    }
    .news_ribbon {
        background: url("../news/icons/icon-sprite.png") 0 -117px;
        width: 29px;
        height: 29px;
        margin: 4px 0 0 5px;
    }
    .news_ribbon.blog {
        background-position: 0 -78px;
    }
    .news_ribbon.report {
        background-position: 0 -156px;
    }
    .news_ribbon.article {
        background-position: 0 -39px;
    }
    .itinerary TD:first-child {
        width: 40px;
    }
    #pagebar,
    #pagebar.accounts {
        width: auto;
        max-width: 100%;
    }
    #availability {
        font-size: 12px;
        line-height: 22px;
    }
    .grades-box {
        margin-right: 10px;
    }
    #rightbar .grades-box + DIV {
        padding: 0;
    }
    #pagebar {
        margin-right: 0;
    }
    #pagebar.accounts PRE {
        overflow-x: visible;
        white-space: pre-wrap;
    }
    #pagebar.accounts .nbox TD {
        word-wrap: break-word;
    }
    #rightbar {
        margin-top: 10px;
        width: 100%;
    }
    #rightbar UL.links {
        display: none;
    }
    /*
    #rightbar INPUT[type=email] {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        line-height: 16px;
        padding: 2px 32px 2px 4px;
        width: 256px
    }*/
    .grades-help .grades-exp,
    .grades-help .grades-trek {
        -moz-border-radius: 12px;
        border-radius: 12px;
        width: 24px;
        height: 24px;
        line-height: 24px;
        margin-right: 8px;
        margin-bottom: 4px;
    }
    #search .select-wrap2 {
        height: 20px;
        margin-top: 10px;
        width: 95px;
        background-position: 75px 50%;
    }
    #search SELECT {
        font-family: Arial, Helvetica, sans-serif;
        height: 20px;
        padding: 2px;
        font-size: 12px;
    }
    #search .select-wrap2 SELECT {
        width: 120px;
    }
    /*#search_results>DIV>DIV {*/
    /*	padding: 0 10px 5px 0*/
    /*}*/
    /*#search_results>DIV>DIV:first-child {*/
    /*	width: auto;*/
    /*	padding: 5px 0 4px*/
    /*}*/
    /*#search_results>DIV>DIV:nth-child(2) {*/
    /*	width: 65px;*/
    /*	padding-bottom: 3px*/
    /*}*/
    /*#search_results>DIV>DIV:nth-child(3) {*/
    /*	width: 130px*/
    /*}*/
    /*#search_results>DIV>DIV:nth-child(4),*/
    /*#search_results>DIV>DIV:nth-child(5) {*/
    /*	padding-top: 3px;*/
    /*	width: auto*/
    /*}*/
    #search_results IMG.tum {
        margin-right: 10px;
    }
    #search_results .grades-box {
        margin-right: 0;
        margin-bottom: 2px;
        cursor: help;
    }
    #search_results .grades-title,
    .grades-title {
        width: 59px;
        height: 12px;
        font-size: 9px;
        line-height: 11px;
    }
    #search_results .grades-exp,
    .grades-exp {
        font-size: 14px;
        line-height: 18px;
        width: 30px;
        height: 17px;
    }
    #search_results .grades-trek,
    .grades-trek {
        font-size: 14px;
        line-height: 18px;
        width: 61px;
        height: 17px;
    }
    #search_results P {
        position: relative;
        margin: 3px 0;
        max-height: 51pt;
        overflow: hidden;
    }
    #search_results P:after {
        content: "";
        text-align: right;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 50%;
        height: 12px;
        background: -webkit-gradient(linear, left center, right center, from(rgba(245, 245, 243, 0)), to(rgb(255, 255, 255)));
        background: -webkit-linear-gradient(left, rgba(245, 245, 243, 0), rgb(255, 255, 255));
        background: -moz-linear-gradient(left, rgba(245, 245, 243, 0), rgb(255, 255, 255));
        background: -o-linear-gradient(left, rgba(245, 245, 243, 0), rgb(255, 255, 55));
        background: linear-gradient(to right, rgba(245, 245, 243, 0), rgb(255, 255, 255));
    }
    #main .nbox TH  {
        background: #999;
    }
    #main .nbox {
        font-size: 12px;
        line-height: 14px;
    }
    #main .nbox TD {
        padding: 2px;
    }
    #main .nbox TD:first-child {
        padding-left: 0;
    }
    #main .nbox TD:last-child {
        padding-right: 0;
    }
    #main .nbox .small {
        font-size: 11px;
        line-height: 12px;
    }
    #main .grading TH:nth-child(n+2) {
        width: auto;
    }
    #main .col1 {
        width: 100%;
        margin-right: 0;
    }
    #main .col2 {
        margin-top: 13px;
        width: 100%;
    }
    .form > DIV > LABEL {
        float: none;
        padding-bottom: 1px;
    }
    .form > DIV DIV {
        margin-left: 0;
    }

    #cboxContent {
        margin: 0;
    }
    #cboxLoadedContent {
        border: none;
    }
    #cboxTitle {
        padding: 5px;
        margin-top: 0;
        bottom: 0;
    }
    #cboxTitle DIV {
        padding-bottom: 3px;
        margin-bottom: 3px;
        margin-right: 0;
        height: 14px;
    }
    #cboxCurrent,
    #cboxTitle SPAN {
        font-size: 12px;
        line-height: 14px;
        color: #ccc;
    }
    #cboxSlideshow {
        top: 5px;
        right: 36px;
    }
    #cboxClose {
        top: 5px;
        right: 5px;
    }
    #foot {
        padding: 10px;
    }
    #foot .column {
        width: auto;
        float: none;
    }
    #foot .column + .column {
        margin-left: 0;
    }
    #foot H2,
    #foot H5 {
        font-family: museo-slab, serif;
    }
    #foot SELECT {
        font-family: Arial, Helvetica, sans-serif;
    }
}
/*

	Better type sizes for

*/
@media screen and (max-width: 640px) {
    BODY {
        font-size: 16px;
        line-height: 1.3;
    }
    .small {
        font-size: 10pt;
        line-height: 1;
    }
}

@media screen and (min-width: 1024px) {
    #section-content {
        padding: 30px;
    }
}

#section-content .content_section {
    margin-bottom: 4em;
}
#section-content .content_section .section_heading {
    margin: 0;
    text-align: center;
    font-family: museo-slab, serif;
    font-weight: 400;
    text-transform: uppercase;
}
#section-content .content_section .cards {
    --gap: 20px;
    --cards-per-row: 1;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    gap: var(--gap);
    border-top: none;
    box-sizing: border-box;
}
#section-content .content_section .cards .card {
    flex: 1 1 calc(100% / var(--cards-per-row) - var(--gap) * (var(--cards-per-row) - 1) / var(--cards-per-row));
    box-sizing: border-box;
}
@media screen and (min-width: 640px) {

    #section-content.feature_page {
        margin-top: 45vh;
    }

    #section-content .content_section .cards {
        --cards-per-row: 2;
        flex-direction: row;
        flex-wrap: wrap;
    }
    #section-content .content_section .cards .card {
        flex-grow: 0;
    }
}
@media screen and (min-width: 840px) {
    #section-content .content_section .cards {
        --cards-per-row: 3 ;
    }
}
#section-content .content_section .section_description {
    margin-left: auto;
    margin-right: auto;
    max-width: 1024px;
}
#section-content .content_section.homepage_trips .cards {
    align-items: center;
}
@media screen and (min-width: 640px) {
    #section-content .content_section.homepage_trips .cards {
        --cards-per-row: 2;
        align-items: unset;
    }
}
@media screen and (min-width: 1024px) {
    #section-content .content_section.homepage_trips .cards {
        --cards-per-row: 4 ;
    }
}
#section-content .content_section.homepage_trips .cards .card h2 {
    font-size: 1.1em;
    margin: 0;
}
#section-content .content_section.homepage_pages .cards .card, #section-content .content_section.homepage_7summits .cards .card {
    min-width: unset;
    max-width: unset;
    padding: 0;
}
#section-content .content_section.homepage_pages .cards .card .photo_div, #section-content .content_section.homepage_7summits .cards .card .photo_div {
    margin: 0;
}
#section-content .content_section.homepage_pages .cards .card .src_details, #section-content .content_section.homepage_7summits .cards .card .src_details {
    padding: 20px;
    margin: 0;
}
#section-content .content_section.homepage_pages .cards .card .src_details .src_title, #section-content .content_section.homepage_7summits .cards .card .src_details .src_title {
    margin: 0;
    /* color: var(--jg-blue); */
    /*font-family: museo-slab, serif;*/
    /*font-weight: 400;*/
    /*text-transform: uppercase;*/
}
#section-content .content_section.homepage_pages .cards .card .src_details .src_synopsis, #section-content .content_section.homepage_7summits .cards .card .src_details .src_synopsis {
    margin: 10px 0 0 0;
}

#copyright_row {
    bottom: 0;
    height: calc(20px + 2rem);
    font-size: .7rem;
    color: #000
}

#copyright_row>* {
    display: inline-block;
    opacity: .5;
    transition: all 0s,opacity .25s ease;
    line-height: 17px;
    padding-top: 3px;
    margin-top: 1rem
}

.reversed #copyright_row>* {
    color: #fff
}

#copyright_row>*:hover {
    opacity: 1
}

#copyright {
    float: left
}

a[id$=_credit] {
    position: relative;
    float: right;
    overflow: hidden;
    color: #000;
    text-decoration: none
}