/*

*/
@import url('/Style%20Library/font-awesome.min.css');

/

img {
    vertical-align: inherit; }

body {
	background: #bbb;
	font-family: 'Arimo', Helvetica, Verdana, sans-serif; }
.show-only-print {
	display: none; }
textarea, .prefix-textarea {
	min-height: 4em; }
.prefix-textarea {
	line-height: 4em; }
.button.radius {
	border-radius: 3px; }
.mod-contact .row .row {
	margin-top: 2em;
	margin-bottom: 2em; }
.slider-wrapper {
	margin: 20px; }
a.small.button.radius {
	text-align: center;
	width: 100%; }
p { line-height: 1.3; }
img + p {
	margin-top: 1.25rem; }
.logo {
	max-width: 160px;
    float: none;
    margin: -50px 0 0 -2px; }
.footer-logo {
	margin-bottom: 40px;
	padding-right: 30px;
	max-width: 400px;
	width: 100%; }
h1 {
	font-size: 3rem;
	font-family: 'Oswald', Impact, sans-serif;
	margin-left: 10px; }
.row:not(.pop-box) > h2 {
	margin-left: 10px; }	
.panel h2 {
	font-family: 'Oswald', Impact, sans-serif;
	clear: both;
	margin-top: 2rem;
	position:relative;
	z-index: 1;
	border-bottom: 5px solid #111;
    padding-bottom: 6px; }
	/*.panel h2 span {
	    background: dodgerblue;
	    opacity: 0.3;
	    min-height: calc(3.5rem + 50px);
	    transform: skew(76deg) rotate(1deg) translateX(-20%) translateY(20%);
	    position: absolute;
	    left: 0;
	    width: 100px;
	    z-index: 0; } */

.panel h3,
.panel h4,
.panel h5 {
	font-family: 'Oswald', Impact, sans-serif;
	clear: both;
	margin-top: 1rem; }

[data-magellan-expedition] {
	padding: 0;
	box-shadow: 0 4px 14px rgba(0,0,0,0.6); }
.sub-nav {
	list-style: none;
	padding-top: 0;
	margin: 0; }
.sub-nav li {
	font-size: 1rem;
	padding: 1rem 0;
	margin-left: 1px; }
	.sub-nav li:first-child {
		margin-left: 0; }

.sub-nav li a {
	color: #222;
	padding: 1.25rem; }
.sub-nav li a.active,
.sub-nav li a:hover,
.sub-nav li a:focus {
	color: #222;
	box-shadow: inset 0px -5px #1aa88b;
    transition: all 0.2s ease; }
	.sub-nav li a.active:hover,
	.sub-nav li a.active:focus {
		background: #f2f2f2;
		color: #222;
		transition: all 0.2s ease; }


.button:hover,
.button:focus {
	box-shadow: inset 0px -5px #008CBA, inset 0px 5px #008CBA, inset 5px 0px #008CBA, inset -5px 0px #008CBA;
    transition: all 0.2s ease; }





html body form a:link:after,
html body form a:visited:after,
html body form a.moduleLink:link:after {
	font-size: 9px!important; }
	

.footer {
	clear: both;
	background: #222 url("/imgs/bg-02.jpg");
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	padding-top: 5em;
	padding-bottom: 3em; }
.footer a {
	color: #9ac455; }
.footer a:hover {
	color: #006699;
	background: transparent; }
.footer .panel p {
	color: #888; }
	
.area {
	max-width: none;
	overflow: hidden;
	/*max-width: 1000px;
		min-height: 21vh;
*/
	padding-top: 80px;
	padding-bottom: 40px;
	background:transparent;
	margin: 0 auto;
	padding-top: 3em;
	padding-bottom: 3em; 	 }
.area .row,
.footer .panel {
	background: transparent; }
.panel {
	border: 0; }

.sponsors {
	background: rgba(200,200,200,0.8);
	padding: 30px 0 20px 0;
	text-align: center; }
.sponsors img {
	max-width: 140px;
	margin-bottom: 20px; }
	

.text--transparent {
	fill: transparent; }

.head-pop-text {
    color: #1aa88b!important;    
	font: 800 14vw/1 'Oswald', Impact, sans-serif;
	text-transform: uppercase;
    text-shadow: 2px 2px rgba(000, 000, 020, 0.1), 0px 0px rgba(255, 255, 255, 0.1);
    word-spacing: 0.5rem;
	background: -webkit-gradient(linear,left top,right top,from(#1aa88b),to(#0067a7));
    background: linear-gradient(to right,#1aa88b,#0067a7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone; }


.pop-box-v1 {
	background: #d7631a url("../bigshoulders/imgs/bg-01.jpg");
    border: double 4px #803506;
    padding: 1rem;
    margin-bottom: 1rem  }
.pop-box-v1 * {
	color: #fff!important; }
.pop-box-v1 h4 {
    text-shadow: 0px 2px 4px #6f320b, 1px 2px #6f320b; }	


.pop-box-v1 .button {
    border: solid 2px #793e03;
    background: #007095;  }


.pop-box-v2 {
	position: relative; }

.pop-box-v2 span {
    width: 34px;
    line-height: 1;
    text-align: center;
    background: #333;
    color: #ff9f59;
    transform: rotate(-90deg);
    transform-origin: left top 0px;
    position: absolute;
    padding: 2px;
    margin: 36px 0 0 -24px;
    font-size: 14px; }


/* ==5) Videos
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	
.video-resize-wrapper video {
  width: 100%!important;
  height: auto!important; }	
.video-resize-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-bottom: 49%; /* eyeballing it */
	padding-top: 25px;
	height: 0;
	margin-top: 1rem; }
.video-resize-wrapper object,
.video-resize-wrapper embed,
.video-resize-wrapper iframe  {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; }		
.video-resize-wrapper.video-full-width,
.video-full-width.video-resize-wrapper {
	padding-bottom: 54%;
	clear: both; }	





.program-list span {
	min-width: 50px;
	display: inline-block; }


@media only screen and (min-width: 40.0625em) {

	h4 { font-size: 1.3rem; }
}

@media screen and (min-width: 1025px) {
	.desktop-same-height {
		min-height: 910px; }
	.large-4.medium-6.small-12.columns p {
		min-height: 5em; }
}

@media screen and (max-width: 600px) {
.sub-nav li {
	font-size: 0.85rem;
	padding: 0.6rem 0; }
.sub-nav li a {
	padding: 15px 12px; }
.sub-nav li a.active,
.sub-nav li a:hover,
.sub-nav li a:focus {
	color: #222;
	box-shadow: inset 0px -6px #1aa88b; }
}

@media screen and (max-width: 500px) {
	.footer .inline-header {
		float: none;
		padding-bottom: 0;
		margin-bottom: 0; }
	.fi-size-60 {
		line-height: 1;
		padding-top: 0.1em;
		display: inline-block; }
}
@media screen and (max-width: 400px) {
.sub-nav li {
	font-size: 0.8rem;
	padding: 0.6rem 0; }
}
@media screen and (max-width: 370px) {
	span.prefix {
		line-height: 1;
		padding: 0.65625rem 0; }
}

@media print {
	.hide-print {
		display: none; }
	.show-only-print {
		display: inherit; }
	.site-welcome {
		margin: 5px auto; }
	.button {
		border: 1px dotted #ccc!important; }
	.mod-social a {
		display: block;
		font-size: 18px!important; }
	.footer .inline-header {
		float: none;
		padding-bottom: 0;
		margin-bottom: 0; }
	.fi-size-60 {
		line-height: 1;
		padding-top: 0.1em;
		display: inline-block; }
}


@media screen and (min-width: 1000px) {
	.head-pop-text {
		font-size: 6em; }
}

@media screen and (max-width: 960px) {
}
@media screen and (max-width: 900px) {
}
@media screen and (max-width: 860px) {
	.area:first-child .row { line-height: 9!important; }
}
@media screen and (max-width: 600px) {
	.area:first-child .row { line-height: 6!important; }	
}




.ie-only { display: none; }

/* ==6) IE10+
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
_:-ms-input-placeholder, :root .ie-only,
_:-ms-fullscreen, :root .ie-only {
	display: block!important;
	z-index: 200;
	position:relative; }
_:-ms-input-placeholder, :root .not-ie,
_:-ms-fullscreen, :root .not-ie {
	display: none; }


/* ==6) IE Edge
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@supports (-ms-accelerator:true) {
.ie-only {
	display: block!important;
	z-index: 200;
	position:relative; }
.not-ie {
	display: none; }
	
}


/* https://css-tricks.com/should-i-use-a-video-as-a-background/ */
video { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
	/*background: url('') no-repeat;*/
	background-size: cover;
	transition: 1s opacity; }
.stopfade { 
   opacity: .5; }

.pop-box {
	background: #9ac455 !important;
	padding: 0.5rem 1.5rem;
	box-shadow: 5px 5px #999;
	margin-bottom: 2.5rem; }    


.v2 .feature {
	background: #ddd; }
	.v2 .feature--content a:before {	
		z-index: 5;
		width: 0;
		transition: all ease 0.1s; }
	.v2 .feature--content a:before:hover {	
		z-index: 5;
		width: 100%;
		background: aqua; }

	.v2 .feature--content a {	
		z-index: 5; }	
		
.feature {
	background: #194877;
	position: relative;
	padding: 0;
	margin: 0.5rem 1px 2rem 0px; }
.feature--content {
	padding: 20px;
	font-size: 1rem;
	color: #ecf6ff; }
	.feature--content * {
		clear: inherit!important; }
.feature--content a {
	/*margin-bottom: 0.4rem;
	display: inline-block;*/ }
.feature--content .feature--title {
	font-size: 1.2rem;
	font-weight: normal;
	line-height: 1!important;
	margin: 18px 0px 14px 0px!important;
	/*margin: 28px 0px 16px 0px!important;*/
	color: #fff!important; }


.feature--title a,
.feature--title a.feature--link {
	line-height: 1!important;
	margin: 0!important;
	color: #fff!important; }
	.feature--title a:after {
		color: #fff;
	    content: "\f105";
	    font-family: 'FontAwesome';
	    position: relative;
	    left: 8px;
	    font-size: 0.8rem; }
	.v2 .feature--title a:after {
		color: #444; }
	.feature--title a:hover:after,
	.feature--title a:focus:after {
	     content: "\f0da";
    	text-decoration: none!important; }
.feature--title .feature--link {
	margin-bottom: 0; }
:not(.feature--title) .feature--link {
	font-size: 1.2rem;
	line-height: 1!important; }
.feature--title span.pull-up,
.feature--title a.pull-up {
    margin-top: -4%!important;
    display: block; }
.feature--title .shrink-title {
	font-size: 0.8rem;
    line-height: 0.9rem!important;
    display: block; }
.video-resize-wrapper + .feature--content .feature--title span.pull-up {
	margin-top: -3.66%;
    display: block; }
		
.lrg_1-up .feature {
	flex-basis: 100%;
	margin: 3px 0 0 0;
	}
.lrg_2-up .feature {
	flex-basis: calc(50% - 3px);
	margin: 3px 3px 0 0; }
.lrg_3-up .feature {
	flex-basis: calc(33% - 3px);
	margin: 3px 3px 0 0; }
	
[class~="col"], [class*="col_"] {
    flex: 1 1 1px; }

[class~="grid"][class~="col"],
[class~="grid"][class*="col-"],
[class~="grid"][class*="col_"],
[class*="grid-"][class~="col"],
[class*="grid-"][class*="col-"],
[class*="grid-"][class*="col_"],
[class*="grid_"][class~="col"],
[class*="grid_"][class*="col-"],
[class*="grid_"][class*="col_"] {
	margin: 0;
	padding: 0; }

[class*="grid-"][class*="-noGutter"] {
	margin: 0; }

[class*="grid-"][class*="-noGutter"]>[class~="col"],
[class*="grid-"][class*="-noGutter"]>[class*="col-"] {
	padding: 0; }

[class*="grid-"][class*="-noWrap"] {
	flex-wrap: nowrap; }

[class*="grid-"][class*="-center"] {
	justify-content: center; }

[class*="grid-"][class*="-right"] {
	justify-content: flex-end;
	align-self: flex-end;
	margin-left: auto; }

[class*="grid-"][class*="-top"] {
	align-items: flex-start; }

[class*="grid-"][class*="-middle"] {
	align-items: center; }

[class*="grid-"][class*="-bottom"] {
	align-items: flex-end; }

[class*="grid-"][class*="-reverse"] {
	flex-direction: row-reverse; }

[class*="grid-"][class*="-column"] {
	flex-direction: column; }

[class*="grid-"][class*="-column"]>[class*="col-"] {
	flex-basis: auto; }

[class*="grid-"][class*="-column-reverse"] {
	flex-direction: column-reverse; }

[class*="grid-"][class*="-spaceBetween"] {
	justify-content: space-between; }

[class*="grid-"][class*="-spaceAround"] {
	justify-content: space-around; }

[class*="grid-"][class*="-equalHeight"]>[class~="col"],
[class*="grid-"][class*="-equalHeight"]>[class*="col-"],
[class*="grid-"][class*="-equalHeight"]>[class*="col_"] {
	display: flex;
	flex-wrap: wrap; }

[class*="grid-"][class*="-equalHeight"]>[class~="col"]>*,
[class*="grid-"][class*="-equalHeight"]>[class*="col-"]>*,
[class*="grid-"][class*="-equalHeight"]>[class*="col_"]>* {
	flex: 1 0 100%; }

[class*="grid-"][class*="-noBottom"]>[class~="col"],
[class*="grid-"][class*="-noBottom"]>[class*="col-"],
[class*="grid-"][class*="-noBottom"]>[class*="col_"] {
	padding-bottom: 0; }


[class~="grid"], [class*="grid-"], [class*="grid_"] {
    box-sizing: border-box;
    display: flex;
    flex-flow: row wrap;
    margin: 0 -0.5rem;
}

	
/* ==5) Person Spotlight or Quote
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.spotlight-v01 {
	width: 160px;
	height: 160px;
	border: 4px solid #eee;
	float: right;
	margin: 10px 0 10px 10px; }
.spotlight--identifier {
    font-size: 1rem;
    font-weight: normal;
    display: block; }
.quote {
	font-style: italic;
    color: aquamarine;
    padding: 10px; }
    .feature .quote {
    	color: #7fcde6 }
    .v2 .quote {
    	color: #235b94; }
p.quote:before {
    font: normal normal normal 2rem/1 FontAwesome, "Source Sans Pro", sans-serif!important;
    content: "\f10d";
    position: absolute;
    opacity: 0.1;
    margin-top: -0.5rem;
    margin-left: -5px; }
p.quote:after {
    font: normal normal normal 2rem/1 FontAwesome, "Source Sans Pro", sans-serif!important;
    content: "\f10e";
    position: absolute;
    opacity: 0.1;
    margin-top: -0.1rem;
    margin-left: -1.5rem; }	
	
/*don't combine selectors*/
::-moz-selection  {  
    color: #fff;
    background: #9ac455; }
::selection {  
    color: #fff;
    background: #9ac455; }

html::-webkit-scrollbar {
    width: 20px;
    height: 20px;
    background:#f2f2f2; }
html::-webkit-scrollbar-thumb {
    background: -webkit-gradient(linear,left top,left bottom,from(#1aa88b),to(#0067a7));
    background: linear-gradient(to bottom,#1aa88b,#0067a7);
    border-radius: 10px;
   -webkit-box-shadow: inset 2px 2px 2px rgba(255,255,255,.25), inset -2px -2px 2px rgba(0,0,0,.25);
    box-shadow: inset 2px 2px 2px rgba(255,255,255,.25), inset -2px -2px 2px rgba(0,0,0,.25); }
    
    
a.fancyLink { 
  -webkit-backface-visibility:hidden;
          backface-visibility:hidden;
	position:relative;
  	transition:0.5s color ease;
	text-decoration:none;
	display: inline-block; }
a.fancyLink:hover,
a.fancyLink:focus {
	color: #0067a7; }
a.fancyLink:before,
a.fancyLink:after {
  content: " ";
  transition:0.5s all ease;
  -webkit-backface-visibility:hidden;
          backface-visibility:hidden;
  position:absolute; }
a.fancyLink:before{
  top:-0.25em; }
a.fancyLink:after {
  bottom:-0.25em;
    left:0; }
a.fancyLink:before,
a.fancyLink:after{
  height:5px;
  height:0.35rem;
  width:0;
  background:#0067a7; }
a.fancyLink:hover:before,
a.fancyLink:hover:after,
a.fancyLink:focus:before,
a.fancyLink:focus:after {
  width:100%; }  
  
  
  
/* ==xyz) Print
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media print {
  html,body {
		background: #fff!important; }
	img {
		max-width: 300px;
		width: 300px; }		
	.logo,
	video,
	.sub-nav,
	video + .panel {
		display: none; }
	 {
		padding: 0px!important; }			
}
  
  
  }