/* MAIN COLORS */
.primary-color-back{background-color: #126!important;}
.secondary-color-back{background-color: #8AC!important;transition: background-color 0.3s ease;color:#FFF;}
.secondary-color-back:hover{background-color: #FC3!important;color:#126;}
.secondary-color-back.no-hover:hover{background-color: #8AC!important;color:#FFF;}
.tertiary-color-back{background-color: #902!important;}
.contrast-color-back{background-color: #FC3!important;}
.primary-color-font{color:#FFF!important;}
.secondary-color-font{color: #8AC!important;}
.tertiary-color-font{color: #902!important;}
.contrast-color-font{color: #FC3!important;}
.logo-icon{height:2.2rem;max-width:none;}

/*GENERAL*/
html{height:100%;}
*,
*:before,
*:after {
  box-sizing: inherit;
}
body{ position: relative;min-height: 100%; font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;}
h1,h2,h3,h4,h5,h6{font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;}
.button.r-margin{margin-right:1rem;}
.button.disabled{background-color:#999999;}
.button.disabled:hover{background-color:#999999;}
.underlined{border-bottom:thin solid #CCC;padding:0.5rem 0rem;}
.small-text{font-size:90%;}
.hidden { border: 0; clip: rect(1 1 1 1); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.noscript-warning{display:none;}
.auto-margin{margin-left:auto;margin-right:auto;}
.max-6{max-width:600px;}
.max-8{max-width:800px;}
.max-9{max-width:900px;}
.max-10{max-width:1000px;}
.max-16{max-width:1600px;margin-right:auto;margin-left:auto;}
.cell.pad-left{padding-left:1rem;}
.cell.pad-right{padding-right:1rem;}
.off-canvas{display:none;}
.staff-picture{min-width:2rem;min-height:2rem;max-height:5.5rem;max-width:5.5rem;}
.code-container{background-color:#e6e6e6;padding:1rem; margin-bottom:1rem;}
.code-container code{border:none;padding:0px;}
.code-container code ol{margin-top:0px;margin-bottom:0px;line-height:1.0;}
.code-container code ol li{margin:0px;}
.code-container code ol li::before{content:"| ";color:#000;}
.sticky.white-bottom-border{background-color:#FFF;border-bottom:thin solid;}
.text-bold{font-weight:bold;}
.audio-play-button{width:2.6rem;height:2.6rem;background-image: url(/Images/common/play_btn.png);background-repeat: no-repeat; background-position:center;cursor:pointer;}
.no-margin{margin:0px;}
.no-padding{padding:0px;}
.responsive-embed.ninetysix{padding-bottom: 66.67%;}
.bubble-notice{width:1.2rem;height:1.2rem;border:.2rem solid transparent;border-radius:.7rem;background-color:#F90;color:#000;font-size:.7rem;line-height:.8rem;text-align:center;position:absolute; bottom:.1rem;right:.1rem;}
.overlay-div{position:fixed;top:0px;left:0px;bottom:0px;width:100%;background-color:#000;overflow:scroll;}
.overlay-div .overlay-container{width:80%;margin-left:auto;margin-right:auto;background-color:#FFF;margin-top:20px;padding:10px;}
.button.menu-button{width:100%;text-align:left;min-height:3rem;position:relative;background-color:#CCCCCC;color:#000;border:thin solid #666;}
.button.menu-button:hover{background-color: #999;transition: background-color 0.3s ease;}
.button.menu-button img{margin-right:1rem; float:left;}
.hidden-iframe { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
#mainContent{margin-bottom:2rem;min-height:300px;max-width:1600px;margin-right:auto;margin-left:auto;}
/*MODIFIERS*/
.cell.relative{position:relative;}
.cell.relative .abs-bottom{position:absolute;bottom:0px;}
.cell.relative .abs-bottom.right{right:0.5rem;}
.orbit .orbit-figure{position:relative;}
.orbit .orbit-figure .audio-play-button{position:absolute;}
.cell.border-left-large{border-left:thin solid #CCC;}
.cell.border-right-large{border-right:thin solid #CCC;}
/*TABLE HELPERS */
.td-align-top td, .td-align-top th{vertical-align:top;}
.td-borders-medium td, .td-borders-medium th{border:medium solid;}
table .clickable-row:hover, table .clickable-row:hover td{cursor:pointer;background-color:#FFFFCC;}
.header-row{font-weight:bold;}

/*MOBLIE NAV*/
.nav-mobile{width:100%;}
.nav-mobile .header{padding:.25rem;}
.title-bar.no-padding{padding:0px;}
.nav-mobile .menu-sign-in-icon{background:url("/Images/mobile_icons/mobile-sign-in.svg") no-repeat;background-position: center;background-size:cover;width:1.7rem;height:1.7rem;cursor:pointer;border:none;}
.nav-mobile button{margin:0px;}
.nav-mobile .menu > li.is-accordion-submenu-parent > a::after {border-color: #FFF transparent transparent;}

/*NAV DESKTOP*/
.nav-desktop .top-bar, .nav-desktop .menu{padding: 0; background-color:inherit; border:none;line-height:2.1rem;}
.nav-desktop .top-bar-left{margin-right:1.5rem;}
.nav-desktop .top-bar-right{min-width:450px;}
.nav-desktop .menu > li.is-dropdown-submenu-parent > a::after {border-style: none;right: 0px;margin-top: 0px;}

/*ALL NAV*/
.nav-desktop .menu > li > a, .nav-mobile .menu > li > a{color:#FFF;display:inline-block;line-height:2.1rem;width:100%;transition: background-color 0.3s ease;}
.nav-desktop .menu > li > a:hover, .nav-mobile .menu > li > a:hover{background-color: #8AC;}
.nav-desktop .menu .is-active > a,  .nav-mobile .menu .is-active > a{background-color: #8AC;color:#FFF;}
.nav-desktop .menu > li > a.no-hover:hover, .nav-mobile .menu > li > a.no-hover:hover{background-color: #126;}
.nav-desktop .menu .is-active > a.no-hover,  .nav-mobile .menu .is-active > a.no-hover{background-color: #126;color:#FFF;}
.nav-desktop .menu.full, .menu.full li{width:100%}
.sign-in-container{background-color:#FFF;padding:1.7rem;}
.sign-in-container input{width:100%;max-width:400px;margin-bottom:1rem;}
.sign-in-container.dropdown-pane a{margin:0;padding:0;}

/*HERO*/
.hero-section{max-width:1600px;height:19.1rem;background-image:url("/Images/slideshow/org5.jpg");background-size:cover;background-position: center;background-repeat: no-repeat;padding: 3em 3em 3em 1em;min-width:326px;position:relative; margin-left:auto;margin-right:auto;}
.hero-section .layover{font-size:1.5rem;;color:#FFF;position:absolute;top:60%;}
.hero-section .nav-arrow {color:#FFF;font-size:2.5rem;font-weight:strong;position:absolute;top:43%;}
.hero-section .nav-arrow.right {right:1rem;}
/*ACTION*/
.action-section{text-align:center;padding: .2rem 1rem;font-weight:bold;cursor:pointer;font-size:1.5rem;}

/*MAIN*/
.main-section{padding:1.5rem 0rem;margin-bottom:2rem;min-height:300px;}
.main-section .cell.large-10{max-width:1600px;margin-right:auto;margin-left:auto;}
/*FOOTER*/
.footer{color:rgba(255, 255, 255, .8);padding:.6rem;font-size:.8rem;position: absolute;right: 0;bottom: 0;left: 0;}
.footer .social-media-links{float:right;}
.footer .social-media-links img{width:1.3rem;height:1.3rem; margin-left:.8rem;}

/*TRANSFER FROM OLD */
.audioPlayer{ position:fixed; bottom:0px; left:0px; background-color:#FFF;font-size:70%;}
.headerAddonAlert{font-size:90%;font-weight:bold; background-color:#f9a66b;padding:2px;}

/*LOADER ICON*/
.loaderIcon {z-index: 1;width: 50px;height: 50px;border: 14px solid #f3f3f3;border-radius: 50%;border-top: 16px solid #3498db;-webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite;margin-left:auto; margin-right:auto;}

/*MEDIA */
@media (max-width:639.5px){
	.nav-desktop{display:none;}
	.action-section{font-size:1rem;}
	.header-row{display:none;}
	.hero-section{background-image:url("/Images/slideshow/org6.jpg");}
	.hide-for-small{display:none;}
	.cell.relative{display: -ms-flexbox; display: flex;}
	.cell.relative .abs-bottom{position:inherit;}
	.cell.relative .abs-bottom.right{right:inherit;}
	
}
@media (max-width:1024px){
section{padding-left:0.5rem;padding-right:0.5rem;}
.cell.border-left-large{border-left:none;}
.cell.border-right-large{border-right:none;}
}


@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {position: relative;-webkit-animation-name: animatebottom;-webkit-animation-duration: 1s;animation-name: animatebottom;animation-duration: 1s}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}

@media print {.responsive-embed{display:none;}
.menu{display:none;}
.nav-desktop{display:none;}
a[href*="/"]:after, a[href*="/"]:visited:after {content: normal;}
}