/*
 * Colors:  
 * 海角论坛Green: 	     #006A52 | rgba(0,106,82,1)    | Primary
 * 海角论坛Yellow:      #FFD100 | rgba(255,210,0,1)   | Primary
 * 海角论坛Dark Yellow: #FFC600 | rgba(255,198,0,1)   | Primary
 * 海角论坛Bright Lime: #44D62C | rgba(68,214,44,1)   | Secondary
 * 海角论坛Dark Lime:   #00B74F | rgba(0,183,79,1)    | Secondary
 * 海角论坛Light Grey:  #F0F3F5 | rgba(240,243,245,1) | Neutral
 * 海角论坛Dark Grey:   #DBE2E9 | rgba(219,226,233,1) | Neutral
 * 海角论坛Dark Green:  #22372B | rgba(34,55,43,1)    | Neutral
 * 
 * Fonts:
 * font-family: 'Montserrat', sans-serif; 	(300|400|600|700) 	(Replacement for Proxima Nova)
 * font-family: 'Oswald', sans-serif; 		(400|500) 			(Replacement for Trade Gothic Number 20)
 * font-family: 'Volkhov', serif; 			(400|700) 			(Replacement for Mercury) 
 */


/** 
 * Photo Gallery - Slider Content 
 * This photo gallery contains an image on the left hand side (50%), and a set of text on the right 
 * hand side (50%). Text is:, type, title, paragraph, link and has a yellow OR green background. The
 * original design of this was to be static but it was later changed to be a slider. 
 */
.gallerysc { display: block; clear: both; height: 590px; max-width: 100%; overflow: hidden; position: relative; }
.gallerysc::after { content: ""; display: block; clear: both; }
.gallerysc__window { /*position: absolute; */ height: 100%; width: 999999px; top: 0; left: 0; }
.gallerysc__slides { margin: 0; padding: 0; list-style: none; background-image: none; display: block; height: 100%; }
.gallerysc__slide { margin: 0 0 0 -5px; padding: 0; max-width: 100vw; width: 100%; list-style: none; background-image: none; display: inline-block; }
.gallerysc__slide:first-child { margin: 0; }

.gallerysc__breadcrumbs { position: absolute; z-index: 1; bottom: 25px; left: 0; width: 50%; height: 70px;  margin: 0; padding: 0; list-style: none; text-align: center; }
.gallerysc__breadcrumbs li { margin: 0 10px; padding: 0; list-style: none; display: inline-block; background-image: none;  }
.gallerysc__breadcrumbs li a { display: block; width: 70px; height: 70px; background-size: cover;  border: 2px solid #FFFFFF; border-radius: 50%; background-color: transparent;  box-shadow: 0 0 15px rgba(0,0,0,1);  }
.gallerysc__breadcrumbs li.active a { border-color: #44D62C; }


@media (max-width: 991px) {
    .gallerysc { height: auto; background-color: #FFD100; }
    .gallerysc__slide .cta50 .cta50__content { padding: 80px 30px 30px 30px;  }    
    .gallerysc__breadcrumbs { bottom: auto; top: 365px; width: 100%; }
    .gallerysc__breadcrumbs li a { width: 50px; height: 50px; }
}
@media print { }


/* ==================================================================================================== */
/* Photo Gallery - Skidbox Modal */
/* ==================================================================================================== */
.skidbox { position: fixed; z-index: 1000; top: 0; width: 100vw; height: 100vh; background-color: #f0f3f5; display: none; }
.skidbox__close { position: absolute; z-index: 1005; top: 20px; right: 20px; }
.skidbox__close a { display: block; width: 40px; height: 40px; border-radius: 50%; background-color: #FFFFFF; color: #000000; text-align: center; line-height: 40px; box-shadow: 0px 0px 10px 0px #000000;  }
.skidbox__close a span.glyphicon { line-height: 38px; }

.skidbox__sidebar { float: left; width: 350px; height: 100%; background-color: #e5e8e9; padding: 25px; }
.skidbox__logo { padding-bottom: 10px; border-bottom: 1px solid #006752; margin-bottom: 20px; }
.skidbox__logo img { display: block; margin: 0 auto; }
.skidbox__title { font-family: 'Oswald', sans-serif; font-size: 2.8rem; line-height: 1.3; font-weight: 300; text-transform: uppercase; margin: 0 0 0 0; color: #006752; }
.skidbox__description { font-size: 1.4rem; line-height: 1.3; color: #000000; font-weight: 600; margin: 0 0 20px 0; }
.skidbox__nav { clear: both; margin: 0 0 30px 0; }
.skidbox__nav::after { content: ""; display: block; clear: both; }
.skidbox__nav ul { margin: 0; padding: 0; list-style: none; float: left; width: 50%; }
.skidbox__nav ul li { margin: 0; padding: 0; list-style: none; background-image: none; display: inline-block; }
.skidbox__nav ul li a { color: #FFFFFF; background-color: #006752; width: 30px; height: 30px; display: block; text-align: center; }
.skidbox__nav ul li a span.glyphicon { line-height: 26px; }
.skidbox__count { font-size: 1.4rem; line-height: 1.3; color: #000000; font-weight: 600; float: left; width: 50%; text-align: right; padding-top: 12px; }
.skidbox__count a { font-size: 1.2rem; text-decoration: underline; }

.skidbox__content { float: left; width: calc(100% - 350px); height: 100%; padding: 50px; position: relative; } 
.skidbox__image { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); }
.skidbox__image img { max-height: calc(100vh - 100px); max-width: calc(100vw - 450px); display: block; margin: 0 auto; }

.skidbox__mobile-caption { display: none; }

.skidbox.removeSidebar { }
.skidbox.removeSidebar .skidbox__sidebar { display: none; }
.skidbox.removeSidebar .skidbox__content { float: none; width: 100%;  }

@media (max-width: 991px) {
    .skidbox__sidebar { float:none; width: 100%; padding: 15px; position: fixed; z-index: 10; bottom: 0; left: 0; height: auto; }
    .skidbox__logo { display: none; }
    .skidbox__nav::after { content: ""; display: block; clear: both; }
    .skidbox__nav ul { display: block; float: left; width: 100px; }
    .skidbox__count { float: left; width: calc(100% - 100px); text-align: right; padding-top: 14px; }
    
    .skidbox__content { float: none; width: 100%; padding: 15px; }
    .skidbox__image { position: relative; /*top: auto; left: auto; transform: none;*/ }
    .skidbox__image img { max-width: 100%; max-height: 100%; }
    
    .skidbox__video { position: absolute; top: 50%; transform: translateY(-50%); width: calc(100% - 30px); }
    
    .skidbox__mobile-caption { display: block; position: absolute; top: -15px; left: 50%; border-radius: 50%; background-color: #e5e8e9; width: 40px; height: 30px; padding-top: 5px; text-align: center; transform: translateX(-50%); cursor: pointer; }
    .skidbox__sidebar.skinny { height: 5px; }    
}


/* ==================================================================================================== */
/* Background Slideshow */
/* ==================================================================================================== */
.background-slideshow { clear: both; position: relative; min-height: 500px; }
.background-slideshow__gallery { position: absolute; z-index: 1; top: 0; left: 0;  width: 100%; height: 100%; display: block; margin: 0; padding: 0; list-style: none; }
.background-slideshow__gallery.photo-tint:before { z-index: 2; } 
.background-slideshow__gallery li { display: none; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; list-style: none; background-position: center; background-size: cover; }
.background-slideshow__gallery li.active { display: block; }
.background-slideshow__gallery li:first-child { display: block; }

@media (max-width: 991px) {
    .background-slideshow { min-height: 450px!important; }
}


/* ==================================================================================================== */
/* Photo Gallery - Presentation [OBSOLETE]
/* This is a disused photo gallery that is being kept around because the Schick Gallery uses it and 
/* there were to many archive photo galleries to replace 
/* ==================================================================================================== */
div.ad-gallery { margin: 10px 0 60px 0; clear: both;  }
div.ad-gallery .ad-image-wrapper .ad-image .ad-image-description { width: 100%!important; font-size: 11px; color: #000; font-weight: 600; }
div.ad-gallery .ad-nav .ad-thumbs .ad-thumb-list li { background-image: none; }
div.ad-gallery .ad-nav .ad-thumbs .ad-thumb-list a:focus { outline:  none; }