*{
/* 
margin:0;
padding:0;
 */
}


h1, h2, h3, h4, 
span.trade_gothic {
	font-family: 'Trade Gothic LT Std Cn Bold';
	font-style: normal;
	font-weight: 400;
	text-transform: uppercase;
	margin:0; 
	-webkit-margin:0; 
}


.home_wrap ul,
.home_wrap ul li, 
#home_wrap ul {
	margin:0;
	padding:0;
}

.home_wrap ul li, 
#home_wrap ul li {
	list-style:none;
}

img.filler {
	opacity:0 !important;
}

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

.clear {
	clear:both;
}

.rel,
.relative {
	position:relative;
}

.text_center {
	text-align:center;
}

.text_right {
	text-align:right;
}


iframe {
	z-index:1000;
	max-width:100%;
}

.z-1 {
	z-index:1 !important;
}

.z-200 {
	z-index:200 !important;
}


.height_auto {
	height:auto;
}

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

.inner,
.col .inner {
	padding:30px;
}

.col .inner.inner_deep,
.inner.inner_deep {
	padding:60px;
}	

.col.span_1_of_3 .excerpt .inner {
	padding:25px;
}

.inner_left {
	padding-left:30px;
}

.section-title {
	padding:30px 0;
}

.section-title.tall {
	padding:60px 0;
}

.section-title.short {
/* 
	padding:15px 0;
 */
}

.fixed_section {
	position:fixed;
	width:100%;
	z-index:2000 !important;
	top:0;
}	

@media only screen and (max-width: 800px) {
	.fixed_section.mobile_no_sticky {
		position:relative;
	}
}

.col.span_7_of_9.special_width {
	width:69.5% !important;
}

.col.span_2_of_3.special_width {
	width:58% !important;
}

a.action {
	display:inline-block;
	text-decoration:none; 
	padding:12px 9px 9px 9px; 
	background:black;
	color:white;
}

a.action:hover {
	background:#121212;
}

.sharing ul {
	float:left;
	text-align:left;
	margin:0;
	padding:0;
}


.sharing ul li {
	float:left;
	margin-right:12px;
}


.entries .entry .sharing {
	display:block;
	width:100%;
	clear:both;
	float:left;
	background:white;
	padding:10px 0 0 0 ;
}

.entries .entry .sharing ul {
	float:right;
	display:block;	
	margin:0 0 10px 0;
}

.sharing ul li a.circle {
	width:35px;
	height:35px;
	line-height:40px;
	display:block;
	background:rgba(0, 0, 0, 0.2); 
	text-decoration:none;
	color:white;
}

/*--------------------------------------------

Styles added for WWD 2019 quiz customizations

*--------------------------------------------*/

a.button_style {
  display:block !important;
  font-family: 'Trade Gothic LT Std Cn Bold';
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
  word-spacing: 0;
  text-transform: uppercase;
  padding: 24px 30px 16px 30px;
  font-size: 24px;
  letter-spacing: 0.09em;
  border: none;
  cursor: pointer;
  background: #5979ff;
  background: rgba(89, 121, 255, 0.75);
  position: relative;
  color: #fff;
  outline: none;
  width: 80%;
  margin:0 auto; 
  text-decoration: none;
}


a.button_style:hover {
	color:white !important;
	background:#5979ff;	
}

.skipQuiz .field-name-field-singleline-text:HOVER {
	color:white !important;
}

body.node-type-quiz.quizInside button[data-event-category="quiz"] {
	display:none !important;
}

ul.quiz-questions, 
ul.quiz-questions p, 
ul.quiz-questions h3  {
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
	-webkit-padding-start: 0;
}

/*--------------

COLORS

----------------*/

.back_black {
	background:black;
}


.blue, 
span.blue {
	color:#088dbf;
}

.back_blue {
	background:#088dbf;
}

.back_white {
	color:black;
}

.back_yellow {
	background:#f3bd4f;
}

.yellow {
	color:#f3bd4f;
}

/*--------------

SHAPES

----------------*/

.circle {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border-radius: 50%;
  -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
  font-size: 18px;
  line-height: 62px;
  font-weight:bold;
  text-align: center;
}


.arrow_wrap {
	position:absolute;
	z-index:111;
	width:100%;
	text-align:center;
}

.arrow_wrap.bottom {
	bottom:0;
}

.arrow_down {
	width: 0px;
	height: 0px;
	margin:0 auto;
	border-style: solid;
	border-width: 15px 15px 0 15px;
	border-color: #222 transparent transparent transparent;
}

.arrow_up {
	width: 0px;
	height: 0px;
	margin:0 auto;	
	border-style: solid;
	border-width: 0 15px 15px 15px;
	border-color: transparent transparent #fff transparent;
	_border-color: #fff #fff #fff #fff;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}


.arrow_large {
	border-width: 25px 25px 0 25px;
}

.arrow_black {
	border-color: #000 transparent transparent transparent;
}

.arrow_blue {
	border-color: #088dbf transparent transparent transparent;
}

.arrow_white {
/* 
	border-color: #fff transparent transparent transparent;
 */
}

.arrow_yellow {
	border-color: #f3bd4f transparent transparent transparent;
}

.arrow_222 {
	border-color: #222 transparent transparent transparent;
}


/*----------

TYPE

------------*/

/*Resources page*/
h1.views-title {
	margin-bottom:60px;
}

/*----------

HEADER

------------*/

.header_absolute {
	position:absolute;
	width:80%;
	left:10%;
	z-index:1000;
}
 
.home_wrap {
	padding-top:125px;
}

/*----------

HERO 

------------*/


#hero-cycle,
#hero-cycle .hero,
#hero-cycle .cycle-slide {
	width:100%;
	background:black;
}

#hero-cycle .hero img {
	width:100%;
}


#hero-cycle {
	overflow-x:hidden;
}
#hero-cycle .animal-img, 
#hero-cycle .face-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	background-position: 50% 50%;
	-moz-background-size: contain;
	-o-background-size: contain;
	-webkit-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1);
	opacity: 1; 
	-moz-animation-delay: 0s;
	-webkit-animation-delay: 0s;
	animation-delay: 0s; 
	z-index:3;
	opacity:0;
}

#hero-cycle .face-img {
	opacity:0.4;
}
    
@media (max-width: 767px) {
  #hero-cycle .animal-img, #hero-cycle .face-img {
	width: 140%;
	left: -35%;
	top: 5%; 
	} 
}

#hero-cycle .fallback-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: 50% 50%;
	-moz-background-size: contain;
	-o-background-size: contain;
	-webkit-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	display: none;
	-moz-background-size: contain;
	-o-background-size: contain;
	-webkit-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat; 
}

.hero div.statement {
	left:12%;
}

.hero-morph .statement a.action {
	display:inline-block;
	margin-top:80px;
	font-size:19px;
	opacity:0;
	padding:0px;
}

.hero-morph .statement a.action:hover {
	border-bottom:solid 2px white;
	background:none;
}


/*---------

MEDIA

------------*/

div.media {
	float:left;
	position:relative;
	width:100%;
	max-height:100%;
	height:auto;
	display:block;
}

img.chocolate-img, 
.section .col img,
.media img {
	max-width:100%;
	width: 100%;
	height:auto !important;
	display:block;
}


.col .media.tinted img {
	opacity:0.6;
}


.col .media.tinted img:hover {
	opacity:1;
}

.col .media, .col .media img {
	-webkit-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease;
	-moz-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease;
	-ms-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease;
	-o-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease;
}


.media {
	background:black;
}

.entry .media:hover img {
	opacity:0.6;
	filter: alpha(opacity=10);
}

.media.no_fade:hover img, 
.entry .media.no_fade:hover img {
	opacity:1;
	filter: alpha(opacity=100);
}


/*-----TITLES------*/

div.media-title a, 
div.overlay a {
}

/*-----OVERLAYS & TITLES------*/

.overlay, 
div.overlay,
div.media .overlay, 
div.media .media-thumb .media-title {
	position:absolute;
/* 
	width:100%;
 */
	z-index:1000;				
/* 
	opacity:0;
	filter: alpha(opacity=0);	
	display:none;
 */
}

a.overlay.icon_gallery {
	top:0; 
	right:0; 
	width:50px;
	height:50px;
	background:rgba(0, 0, 0, 0.88) url('../images/icon_gallery.png') center center no-repeat; 
	background-size:50% !important;
}


a.overlay.icon_gallery:hover {
	background:rgba(0, 0, 0, 0.88) url('../images/icon_gallery.png') center center no-repeat !important; 
	background-size:50% !important;
}

/*---------

VIDEO

------------*/

.video-block {
	padding:100px 0 60px 0;
	background:#222;
}

.video-block h2 {
	margin-bottom:15px;
}

.video-container {
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
}

.direct-embed-container {
    position: relative;
/* 
    padding-bottom: 56.25%;
 */
    padding-bottom: 41.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

 .direct-embed-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}


.direct_embed {  
	position:absolute;
	text-align:center;		
	z-index:10;
	top: 50%;
    left: 0;
    min-height: 10%;
    width: 100%;
    margin: -25% 0 0 0;
}


.video-captions {
	position:relative;
	display:block;
	height:70%;
	background:black;
	color:white;
}


div.media .overlay.play {
	top:35%;
	left:35%;
}	

.btn_play {
	display:inline-block;
	width:74px;
	height:74px;
	margin:auto;
    background-image: url("../images/btn_play.png");
    color:#444;
    font-weight:bold;
    z-index:4000;
}

#video-cycle, 
#video-cycle .slide, 
.cycle-slideshow .slide {
	width:100%;
}	

#video-cycle .sharing {
	float:right;
	padding:0 0 20px 0;
}	


body.node-type-video .media .overlay.play,
#video-cycle .slide .media .overlay.play {
	top:46.5%;
	left:47.5%;
}

.video-label ul li, 
#video-pager ul li {
	display:inline;
	float:left;
	width:33.33%;	
}

.video-label ul li.info {
	width:85%; 
}	


.video-label ul li.action {
	width:15%;
	line-height:25px;
	text-align:center;
}

#video-pager ul li.span_1_of_1 {
	width:100% !important;
}	

#video-pager ul li.span_1_of_2 {
	width:50% !important;
}	

#video-pager ul li.span_1_of_3 {
	width:33.33% !important;
}	

.video-label ul li a,
.video-label ul li.action a, 
#video-pager ul li a {
	display:block;
	padding:35px;
	min-height:80px;
	background:#272727;
	color:rgba(255, 255, 255, 0.3); 
	text-decoration:none;
	line-height:16px;
}


.video-label ul li, 
#video-pager ul li {
	position:relative;
}

.video-label ul li .arrow_wrap, 
#video-pager ul li .arrow_wrap {
	top:-12px;
	left:25px;
	width:15px;	
	opacity:0;
}	

.video-label ul li a, 
#video-pager ul li.cycle-pager-active a, 
#video-pager ul li.cycle-pager-active a:hover { 
	color:rgba(0, 0, 0, 1); 
	background:white;
} 

.video-label ul li a:hover, 
#video-pager ul li a:hover {
	color:black;
	background:#eee;
}

.video-label ul li.info div.arrow_wrap, 
#video-pager ul li.cycle-pager-active .arrow_wrap {
	opacity:1; 
	z-index:2000;
}

#video-pager ul li a span {
/* 
	border-left: solid 4px #5b65dd; 
	padding-left:10px;
	padding-top:3px;
 */
}

#video-pager-cycle ul li a.active img {
	opacity:1 !important; 
}

#video-pager ul li a img {
	float:left;
	margin:0 12px 0 0;
}

ul.video-arrows {
	display:block;
	opacity:0;
	margin-top:20px;
	z-index:1111;
}

.video_menu ul.video-arrows {
	float:left;
	opacity:1;
}

ul.video-arrows li {
	display:inline; 
	z-index:1111;
}


ul.video-arrows li a {
	display:inline-block;
	text-decoration:none;
	color:white;
	z-index:1111;
}


ul.video-arrows li a:hover {
	opacity:0.4;
}

ul.video-arrows li.cycle-count {
	color:#666; 
	font-size:15px;
	margin-left:12px;
}

div.thumb-pager {
	position:absolute; 
	bottom:0;
	right:0;
}


div.media .overlay.thumb-pager {
	z-index:1000;
}

div.thumb-pager ul {
	margin:0;
	list-style:none;
}

div.thumb-pager ul li {
	display:inline;
	float:left;
	list-style:none;
	margin:0;
}


div.thumb-pager ul li a {
	display:inline-block;
	background:#111;
	color:white;
	padding:5px 7px;
	margin:0;
	text-decoration:none;
}

div.thumb-pager ul li a:hover {
	background:#000;
}


#video-pager-cycle ul li a img {
	opacity:0.33;
}


#video-pager-cycle ul li a:hover img {
	opacity:1; 
}

/*----------------

HERO

-------------------*/

.hero .overlay.title {
	margin-top:175px;
	margin-top:20%;
}

.hero-bar {
	background:#222 url('../images/hero_bar.png') 0 0;
	background-size:100%;
}

.hero-bar .col {
	padding:35px 0;
}

.hero-bar .pager {
	background:rgba(0, 0, 0, 0.4); 
	background:#121212;
}


#hero-pager a {
	display:inline-block;
	width:20px;
	height:3px;
	background:rgba(255, 255, 255, 0.3);
}

#hero-pager a:hover,
#hero-pager a.cycle-pager-active {
	background:rgba(255, 255, 255, 1);	
}

/*-----------------

FEATURED

------------------*/

#featured-title h1 {
	font-size:35px;
	letter-spacing:0px;
	line-height:37px;
	max-width:75%;
}

#featured-title h3 {
	font-weight:normal;
	margin:0 !important;
	line-height:15px;
}

#featured-title ul.terms.categories {
	font-size:1.2em;
}

#featured-title h2:after {
/* 
	display:inline-block;
	width:20px;
	height:2px;
	background:black;
	color:black;
	float:left;
	margin-top:20px;
	
	content: '';
	border-top: 1px solid rgba(0,0,0, 0.3);
	background:rgba(0, 0, 0, 0.1);

 */
	
}

#featured-title h2 {
	padding:0;
	margin:0;
/* 
	line-height:35px;
 */
}


#featured-title h1 a,
#featured-title h2 a {
	color:black;
	text-decoration:none;
}


#featured-title h2 a:hover {
	color:#111;
}

#featured-title p {
	margin:0;
}

#featured-media {
	color:white;
	font-size:16px;
	background:#222;
}

#featured-media .inner {
	padding:30px;
}

#featured-media .summary, 
#featured-media .quote {
	border-left: solid 6px #5b65dd; 
	padding-left:15px;
}

#featured-media .summary
#featured-media .quote strong {
	color:#088dbf !important;
}

#featured-media a, 
#featured-media p a {
	text-decoration:none; 
}

#featured-media span.watch {
	color:rgba(255, 255, 255, 0.3); 
}

#featured .sharing {
	padding-bottom:75px;
	padding:0;
	border-left:dotted 1px rgba(0, 0, 0, 0.2); 
}

#featured .sharing.inner {
	padding-right:0;
}

#featured .sharing ul {
	float:right;	
}


/*-------------

INLINE GALLERY

---------------*/

.inline-gallery ul {
	display:inline-block;
	width:auto;
}


.inline-gallery ul li {
	display:inline-block;
	width:15%;
	margin-left:1%;
	height:auto;
	background:black;
}


.inline-gallery ul li img {
	width:100%;
	max-width:100%;
	height:auto;
	opacity:0.66;
	display:block; 
}


.inline-gallery ul li img:hover {
	opacity:1; 
}



/*-------------

ENTRIES

---------------*/

.entries {
	position:relative;
	background:white; 
	padding:0px 0 60px 0;

}

#featured .entries {
	padding:0px 0 45px 0;
}

.guttered.entries .col.entry {
	margin-bottom:45px;
}

.entries .bar {
	width:100%;
	height:35%;
	position:absolute; 
	bottom:0;
	left:0; 
	z-index:1;
	background:#222;
}


.entries .entry {
	position:relative;
	z-index:2;
}

.overlay.permalink {
	width:100%;
	bottom:0;
	left:0;
}

.listing.listing_home .excerpt .inner {
	min-height:135px;
}

.listing .entry a.permalink:hover, 
.entries .entry:hover a.permalink {
	background:#4f58c0;
}

.listing_home.entries .entry a:hover {
	background:none;
}

.listing_home.entries .entry a.permalink:hover {
	background:#4f58c0;
}

.listing_home a.action {
	width:65%;
	font-style:italic; 
	text-decoration:underline;
	background:none; 
	color:#5b65dd;
	line-height:42px;
}


.listing_home a.action:hover {
	color:#4f58c0;
}

.entries .entry:hover .overlay.label {
	background:#333;
	color:white;
}

.entry a.permalink,
.entries a.permalink {
	display:block;
	width:97%;
	padding:6px 3% 0 0;
	color:white;
	text-decoration:none;
	text-align:right;
	background:#5b65dd;
/* 
	background:#111;
 */
}

#featured .entry a.permalink {
	width:98%;
	padding:3px 2% 0 0;
	font-size:20px;
}

.media .overlay.label {
	position:absolute;
	bottom:0;
	left:0;
	width:60%;
	padding:20px;
	background:#f3f3f3;
	color:black;
	font-size:17px;
	line-height:20px;
}

.media .overlay.label h4 {
	margin:0;
	padding:0;
}

/*---------------------

RESOURCES

-----------------------*/

.col.span_1_of_3.sidebar,
.col.span_2_of_3.resources-header {
	margin-bottom:0.5% !important;
}

.resources-header h3 {
	display:inline-block; 
	font-weight:bold;
/* 
	width:80%;
 */
}


.resources-header i,
.resources-header h3 i {
	color:rgba(255, 255, 255, 0.4); 
}


.resources-header .resources-heading {
/* 
	width:66%;
	background:red;
 */
}


.resources-header {

}

.resources-header span.tag {
	float:right;
	color:rgba(255, 255, 255, 0.4); 
	font-style:italic;
}

.resources-header ul {
	padding:0;
	margin:0;
}


.resources-header ul.view-nav {
}

.resources-header ul li {
	display:inline;
	list-style:none;
}

.listing .col.entry_col {
	margin:0 0 15px 0;
}

.listing .excerpt {
	clear:both;
}

.listing h4 {
	font-size:21px;
	line-height:22px;
	margin:0;
	padding:0;	
	display:block;	
}

.listing h4 a {
	color:black;
	text-decoration:none;
}

.listing h4 a:hover {
	color:#222;
}

.listing .entry span.date {
	display:block;
/* 
	margin-top:9px;
 */
	font-size:14px;
	color:#333;
}

.listing ul.terms {
	display:block;
	margin:0;
	padding:0;
	list-style:none;
	font-size:16px;
}

.listing #featured-title ul.terms {
	font-size:20px;
}

.listing ul.terms li {
	display:inline; 
}


.entries ul.terms li a,
.listing ul.terms li a {
	text-decoration:none;
	margin-right:4px;	
}

.listing ul.terms li a:hover {
	color:#4f58c0;	
}

.entries ul.terms.categories,
.listing ul.terms.categories {
	display:inline-block;
	font-family: 'Trade Gothic LT Std Cn Bold';
	font-size:18px;
	font-style: normal;
	font-weight: 400;
	word-spacing: 0; 
}

ul.terms.tags {
	font-style:italic;
	font-size:15px;
}
.listing ul.terms.tags {
	margin-top:20px;
}


/*-------------

PAGINATION

---------------*/

.item-list ul.pager {
	display:block;
	width:66.46%;
	width:auto;
	float:right;
	border-bottom:solid 3px white;
	padding:0px 0 20px 0;
}


.item-list ul.pager li {
	list-style:none; 
	display:inline;
	margin-left:3px;
}


.item-list ul.pager li a {
	text-decoration:none;
}

.item-list ul.pager li a:hover {
	text-decoration:none;
	opacity:0.7;
}

.item-list ul.pager li.pager-first a, 
.item-list ul.pager li.pager-last a, 
.item-list ul.pager li.pager-next a, 
.item-list ul.pager li.pager-previous a {
	font-size:28px !important;
}

/*-------------

SIDEBAR 

---------------*/

.sidebar, 
.resource-header {
	min-height:95px;
	z-index:2000;
}

.fixedsticky { 
	top: 0; 
}

.sidebar span.muted, 
.sidebar span.amp {
	color:rgba(255, 255, 255, 0.35); 
}

.sidebar ul.sf-menu {
	display:inline-block;
	float:left;
	margin:0 35px 0 30px;
}

@media only screen and (max-width: 1330px) {
	.sidebar ul.sf-menu {
		margin:0 20px 0 20px;
	}
}

@media only screen and (max-width: 1165px) {
	.sidebar ul.sf-menu {
		margin:0 15px 0 15px;
	}
}

@media only screen and (max-width: 950px) {
	.sidebar ul.sf-menu {
		margin:0 10px 0 10px;
	}
}

@media only screen and (max-width: 900px) {
	.sidebar ul.sf-menu {
		margin:0 8px 0 0px;
	}
	
	.sidebar span.amp {
		display:none;
	}
}

@media only screen and (max-width: 825px) {
	.sidebar ul.sf-menu {
		margin:0 5px 0 0px;
	}	
	ul.sf-menu li a.trigger {
		padding-right:8px;
	}
}

/*Full width */
@media only screen and (max-width: 800px) {
	
	.sidebar {
		/*reduce to account for main mobile nav*/
		z-index:10; 
	}
	.sidebar ul.sf-menu {
		margin:0 15px;
	}
	ul.sf-menu li a.trigger {
		padding-right:16px;
	}	
	.sidebar span.amp {
		display:inline-block;
	}	
}

.sidebar ul.sf-menu:first-of-type {
	margin-left:0;
}

ul.sf-menu li a.trigger {
	color:white; 
	position:relative;
	display:inline-block;
/* 
	padding-bottom:2px;
	border-bottom:solid 2px white; 
 */

	padding-right:16px;
}



ul.sf-menu li.sfHover a.trigger,
ul.sf-menu li.sfHover a.trigger.muted {
}

ul.sf-menu li.top-level,
ul.sf-menu li.sfHover {
	padding-bottom:2px;
	border-bottom:solid 2px #fff; 
}

ul.sf-menu li a.trigger.muted {
	color:rgba(255, 255, 255, 0.35); 
}

ul.sf-menu li a span.arrow_down {
	position:absolute;
	margin:8px 0 0 8px;
	border-width: 5px 5px 0 5px;
	border-color: #444 transparent transparent transparent;		
}


/*#team-nav-header .sf-menu,*/
#team-nav-header .copy,
#team-pledge-header .copy {
	float:left;
	display:inline-block;
	margin:20px 0 0 20px;
}


#team-nav-header ul.sf-menu li a.trigger {
	width:100%;
}	

#team-nav-header ul.sf-menu li {
	float:left;
}

#team-nav-header ul.sf-menu li ul.jump_nav, 
.sidebar ul.sf-menu li ul.resource-nav.tags-list {
}

.sidebar ul.sf-menu li ul {
/* 
	padding-top:12px;
 */
 	min-width:300%;
 	width:1265px;
	background:#191919;
/* 
	background:#eee;
 */
	padding:12px 0 12px 25px;
	top:85px;
/* 
	background:#5b65dd;
	background:#ddd;
 */
}


@media only screen and (max-width: 800px) {
	.sidebar ul.sf-menu li ul {
		min-width:90%;
		width:90%;
		padding:12px 5%; 
	}
}


.sidebar ul.sf-menu li {
	padding:0;
}


.sidebar ul.sf-menu li a {
/* 
	color:#111;
 */
}

.sidebar ul.sf-menu li div.list-group {
	float:left;
	width:33.33%;
	width:14.5%;
	margin-right:4%;
/* 
	padding-top:12px;
 */
}


.sidebar ul.sf-menu li div.list-group.all {
	width:63px;
	width:105px;
}

.sidebar ul.sf-menu li div.list-group:nth-of-type(2) {
	border-left:dotted 1px #272727;
	padding-left:30px;
}

.sidebar ul.sf-menu li ul.tags-list {
/* 
	padding-left:50%;
 */
}

#team-nav-header ul.sf-menu li ul.jump_nav li {
	line-height:26px;
	float:left;
/* 
	display:block;
 */
	width:400px;
/* 
	padding-top:12px;	
 */
}

#team-nav-header ul.sf-menu li ul.jump_nav li a {
	padding:6px 6px 0px 10px;
}

#team-nav-header .sf-menu li {
	white-space:normal;
/* 
	width:400px;
	display:inline;
 */

}	



/*-----------------


GALLERIES


--------------------*/

.gallery-cycle-wrap {
	background:black;
	padding:6% 0;
	height:800px;
}

.gallery-cycle-wrap .canvas-loader {
	position:absolute;
	text-align:center;		
	z-index:100;
	left:50%;
    height: 1%;
    width: 70%;
    margin: 350px 0 0 -35%;	
}

.gallery-cycle-wrap .cycle-slideshow {
	width:100%;
	max-height:800px;
	margin:auto;
	
}

.gallery-cycle-wrap .cycle-slideshow div {
	position:relative;
	margin:auto;
	width:100%;
}

.gallery-cycle-wrap .cycle-slideshow div img {
	margin:auto !important;
	width: 40%;
	max-width: 40%;	
	height:auto !important;
	display:block;

}

/*------

ACTION

--------*/

.action-list .col .inner.inner_deep{
	padding:60px 60px 0 60px;
}

.action-list .col .inner.inner_deep:last-of-type {
	padding:60px 60px 60px 60px;
}



.action-list .circle {
/* 
	background:rgba(0, 0, 0, 1);
 */
	background:rgba(243,189,79, 0.15);
}	


.action-list p {
	display:block;
	margin-top:30px;
	font-weight:bold !important;
	color:rgba(255, 255, 255, 0.7) !important;
}

.action-list p a {
	color:#f3bd4f;
}

.action-list p a:hover {
	color:#fff;
}



/*------------------------

TEAM CHALLENGE / PLEDGE

-------------------------*/


a.pledge_trigger {
	display:inline-block;
	background:#5979ff;
	color:white;
	padding:17px;
	font-size:17px;
	text-decoration:none;
	position:absolute;
	right:0px;
	bottom:0px;
}

a.pledge_trigger.circle {
	position:absolute;
	right:25px;
	bottom:22px;
}

a.pledge_trigger.ar,
a.pledge_trigger.circle.ar {
	position:absolute;
	left:25px !important;
	bottom:22px;
}


a.pledge_trigger,
a.pledge_trigger.circle:hover {
	opacity:0.9;
}

a.pledge_trigger:hover {
	background:black;
}

.team_entry strong {
	font-family: 'Trade Gothic LT Std Cn Bold';
	font-style: normal;
	font-weight: 400;
	text-transform: uppercase;
	margin:0; 
	font-size:18px;
}

.team_entry .entry-content ul {
	max-width:88%;
	list-style:none;
}

.team_entry a.more {
	text-decoration:none; 
	display:inline-block; 
	color:#000;	
	border-bottom:solid 2px #5979ff;
	margin-top:20px;
}

.team_entry a.more:hover {
	border-bottom:solid 2px #fff !important;
}


#team-pledge-header.backstage,
#pledge_wrap.backstage {
	opacity:0; 
	position:fixed; 
	left:-9999px;
}

#team-pledge-header h3 span#team_name {
	font-style:italic; 
	color:rgba(255, 255, 255, 0.55);
}

#pledge_wrap .pledge_team_badge {
	opacity:0;
}

.pledge_form_thumb {
	display:inline-block;
	width:260px;
	height:260px;
	margin:30px auto;
	text-align:center;
}

.pledge_form_logo {
	display:block;
	clear:both;
	width:60px;
	height:60px;
	margin:0px auto;
	text-align:center;	
}

.pledge_form_thumb h3 {
	display:inline-block;
	margin-top:88px;
}

@media only screen and (max-width: 800px) {
	div.inner.pledge_team_badge {
		display:none;
	}
}

/*------------

OVERRIDES

-----------*/

/*footer*/

.node-type-collaborator nav.breadcrumbs {
	position:relative;
	float:right;
	top:auto;
	left:auto;
}

/*fix white background*/
#home {
	background:black;
	height:80%;
	padding-top:5%;
}


/*------------

MAILCHIMP

-----------*/

.hero-bar div.mail_form {
	position:absolute;
	width:420px;
	background: url('../images/icon_mail_white.png') 0 2px no-repeat;
	background-size:18px;
}

.hero-bar div.mail_form form  {
	display:inline-block;
	border-bottom:solid white 2px; 
	padding-bottom:5px;
	width:100%;
}


.hero-bar div.mail_form form input[type="email"] {
	float:left;
	width:85%;
	text-align:left;
	margin:0 5px 0 30px;
	padding:3px 0 2px 0px;
	background:none;
	color:rgba(255, 255, 255, 0.5); 
	border-bottom:1px solid rgba(255, 255, 255, 0.3); 
	border:none;
	font-size:0.7em !important;

}

.hero-bar div.mail_form form input[type="submit"] {
	float:left;
	width:20px;
	margin:1px 0 0 ;
	color:#5b65dd;
	background:none;
	border:none;
	text-align:left;
	font-size:0.8em !important;
 }


.hero-bar div.mail_form form input[type="submit"]:hover {
	opacity:0.6;
}


.mailchimp_wrap {
	padding:100px 0;
/* 
	background:#000 url('../cam-img/snow_leopard_background.gif') right center no-repeat;
	background-size:58%;
 */
}

.mailchimp_wrap span.logo {
	float:right;
	margin-right:7%;
	background: url('../images/logo.png') 0 0 no-repeat; 
	background-size:100%;
	width:80px;
	height:80px;
}

.mailchimp_wrap fieldset input[type="text"],  
.mailchimp_wrap input[type="text"],
.mailchimp_wrap input[type="email"], 
.mailchimp_wrap input[type="submit"] {
 	margin:0 0 20px 0;
	width: 90%;
	clear:both;
	display:block;
	padding: 5px;
	font-size: 1em;
	color: #000;
	background: #fff;
	border: none;
}

.mailchimp_wrap input[type="submit"] {
	font-family: 'Trade Gothic LT Std Cn Bold';
	font-style: normal;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 1.1em;
 	color:#fff;
 	background:#5b65dd;
 	padding:20px 0;
 }
 
.mailchimp_wrap input[type="submit"]:hover {
	background:black;
}

/*------------

MISCELLANEOUS

-------------*/

.elephant {
	background:#000 url('../images/elephant.jpg') no-repeat right center; 
	background-size:100%;
	height:560px;
	border-bottom:solid 25px #5772ff;
}


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

	header {
		position:relative !important;
	}
	
	.home_wrap {
		padding-top:0;
	}
	
	.home_wrap div.pageBG {
		opacity:0 !important;
	}
	
	div.field-item p img {
		max-width:100%;
		width: 100%;
		height:auto !important;
		display:block;	
	}

	/*----MAIN---*/
	
	.mobile_show, 
	.mobile_only_celis, 
	img.mobile_only_celis {
		display:inline-block !important;
	}
	
	.mobile_hidden,
	.mobile_hide_celis, 
	img.mobile_hide_celis	 {
		display:none !important;
	}

	#featured,
	.pangolin_day_main,
	div.section,
	div.section.full,
	 div.section .col {
		width:100%;
		max-width:100%;
		float:left;
		display:block;
		clear:both;
	}	
	
	.guttered .col {
		margin-left:0 !important;
	}
	
	.hero div.overlay,
	.hero div.media .overlay {
		z-index:10; 
	}	
	
	.hero-bar {
		background:#222;
	}
	
	.hero-bar .inner_left {
		padding-left:10%;
	}
	
	#hero-pager {
		margin-left:30px;
	}
	
	.hero-bar div.mail_form {
		position:relative;
		width:90%;
	}
	
	div.col.span_1_of_4.pager {
		padding:10px 0;
	}
	
	#featured .overlay,
	#featured-media .overlay.summary,	
	#featured-media .overlay.quotes,
	#featured-media .overlay.bottom {
		position:relative;
	}
	
	#featured-media .overlay.play {
/* 
		top:35%;
		left:35%;
 */
	}
	
	.entries .bar {
		display:220px;
	}
	
	#pangolin-action-video .overlay.play {
		top:40%;
		left:35%;
	}

	#video-cycle .slide .media .overlay.play {
		top:40%;
	}

	#video-pager ul li,
	#video-pager ul li.span_1_of_2, 
	#video-pager ul li.span_1_of_3 {
		width:100%;
		display:block;
		clear:both;
		float:left;
		display:none;
	}

	ul.video-arrows {
		opacity:1;
		z-index:1111;
	}
	
	.inline-gallery {
		padding:30px 0;
		background:black;
	}
	
	.inline-gallery ul li {
		width:33%;
		max-width:33.33%;
		float:left;
		margin:0;
	}

	.inline-gallery ul li img {
		opacity:1;
	}

	#support-content .entry .excerpt,
	#support-content .entry ul.logos li img {
		max-width:75%;
	}

	.page-bottom .secondary-section.footer {
		border:none;
		float:left;
		padding-top:60px;
	}	
	
	.page-bottom .secondary-section.partners-section {
		float:left;
	}

	#team-nav-header ul.sf-menu li ul.jump_nav {
		width:400px;
	}

}

.back_fade {
  transition:background-color 1.25s ease;
}