
/*------------------------------------------------------------------------
# Soapbox -> Style CSS (v2.3.0) : RESPONSIVE
# ------------------------------------------------------------------------
# Copyright (C) 2012 PICNet, Inc. All Rights Reserved.
# Author: Ryan Belisle
# Website:  http://www.picnet.net
-------------------------------------------------------------------------*/

/* ------------------------------------------------------------------------
/* !MEDIA QUERIES > Template */
/* ----------------------------------------------------------------------*/

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

.burger {
	display: none;
}

.burger {
    height: 20px;
    width: 24px;
    position: relative;
    font-size: 12px;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.burger .burger-lines, 
.burger .burger-lines:after, 
.burger .burger-lines:before {
	pointer-events: none;
	display: block;
	content: "";
	width: 100%;
	border-radius: .25em;
	background-color: #59471e;
	height: .25em;
	position: absolute;
	left: 0;
	-webkit-transform: rotate(0);
	transform: rotate(0);
    -webkit-transition: top .2s .2s,left .1s,transform .2s,background-color .4s .2s;
    transition: top .2s .2s,left .1s,transform .2s,background-color .4s .2s;
}

.burger .burger-lines {
	top: 50%;
}

.burger .burger-lines:before {
    top: 7px;
}

.burger .burger-lines:after {
    top: -7px;
}

.burger.open .burger-lines, 
.burger.open .burger-lines:after, 
.burger.open .burger-lines:before {
    -webkit-transition: background-color .2s,top .2s,left .2s,transform .2s .15s;
    transition: background-color .2s,top .2s,left .2s,transform .2s .15s;
}

.burger.open .burger-lines {
    background-color: initial;
}

.burger.open .burger-lines:after, .burger.open .burger-lines:before {
    top: 0;
}

.burger.open .burger-lines:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.burger.open .burger-lines:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

a.jcepopup span.jcemediabox-zoom-span {
	float: none;
	max-width: 100%;
}

.js-mq {
	height: 0;
}

.screen-xs,
.screen-sm,
.screen-md,
.screen-lg {
  display: none;
}

/* START Embedded video CSS */

.rwd-video, .allvideos_player {
    height: 0;
    margin-bottom: 0.4em;
    margin-top: 0.4em;
    overflow: hidden;
    padding-bottom: 67.5%;
    padding-top: 25px;
    position: relative;
}
.rwd-video.widescreen {
    padding-bottom: 57.25%;
}
.rwd-video.vimeo {
    padding-top: 0;
}
.rwd-video embed, .allvideos_player embed, .rwd-video iframe, .allvideos_player iframe, .rwd-video object, .allvideos_player object, .rwd-video video, .allvideos_player video {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.allvideos_player {
    display: block;
    height: 0 !important;
    width: 100% !important;
}
.allvideos_player embed, .allvideos_player iframe, .allvideos_player object, .allvideos_player video {
    height: 100% !important;
    width: 100% !important;
}

/* END Embedded video CSS */

@media only screen and (min-width:992px) and (max-width:1199px) {
	.container {
		width:970px;
	}
	
	#wrapper {
		min-width: 0;
	}
	
	#headerinner {
		width: 970px;
	}
	
	#nav {
		width: 970px;
	}
	
	#home-hero-modules {
		width: 970px;
	}
	
	#nav ul.menu {
		margin: 0 -5px;
	}
	
	#nav ul.menu > li {
		float: left;
		padding: 0 5px;
	}
	
	#nav ul.menu li a, #nav ul.menu > li > ul a {
		font-size: 16px;
	}
	
	#nav ul.menu li.separator {
		display: none;
	}
	
	#home-hero .action-buttons .col1-text {
		left: 0;
	}
	
	#home-hero .action-buttons .col2-text {
		left: 280px;
	}
	
	#home-hero .action-buttons .col3-text {
		left: 550px;
		width: 430px;
	}
	
	#home-hero .action-buttons .row1-col2,
	#home-hero .action-buttons .row2-col2 {
		left: 310px;
		width: 325px;
	}
	
	#home-hero .action-buttons .row1-col3,
	#home-hero .action-buttons .row2-col3 {
		left: 645px;
		width: 325px;
	}
	
	#home-hero .home-quotes {
		width: 635px;
	}
	
	#home-hero .home-quote {
		width: 559px;
	}
	
	#home-hero .mod-home-hero-last .sbxMod-content > div:last-child {
		margin-left: 700px !important;
	}
	
	#home-hero .mod-home-hero-last .sbxMod-content > div.action-buttons:last-child {
		margin-left: 0 !important
	}
	
	#bottom .sbxModTable-bottommenu {
		right: 0;
	}
	
	#bottom .sbxModTable-sbxlink {
		left: 0;
		top: 30px;
	}
	
	#footer .sbxModTable-footermenu {
		left: 370px;
	}
	
	#footer .sbxModTable-socials {
		left: 606px;
	}
	
	#footer .sbxModTable-contact {
		left: auto;
		right: 0;
	}
	
	#mainbody .sbxModTable-home-highlights .sbxMod-title span {
		width: 660px;
	}
	
	#mainbody .sbxMod-title, #mainbody .sbxMod-content, .component-wrap1 {
		width: 660px;
	}
	
	#sidebar-right-inner1 {
		margin-left: 175px;
	}
	
	#mainbody #content {
		margin-right: -175px;
	}
	
	.bluecols-inner2 {
		width: 660px;
	}
	
	#mainbody.without-right .bluecols-inner2 {
		width: 940px;
	}
	
	.bluecols-inner2:before, .bluecols-inner2:after {
		content: "";
		display: table;
	}
	
	.bluecols-inner2:after {
		clear: both;
	}
	
	.bluecols .sbxMod {
		float: left;
		margin: 0 30px 0 0;
		width: 300px;
	}
	
	#mainbody.without-right .bluecols .sbxMod {
		width: 283px;
	}
	
	.component-wrap2 {
		width: 630px;
	}
	
	.article-content table {
		height: auto !important;
		width: 100% !important;
	}
	
	#mainbody.without-right {
		width: 970px;
	}
}

@media only screen and (max-width:992px) {
	.screen-sm {
		display: inherit !important;
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.container {
		width: 750px;
	}
	
	#wrapper {
		min-width: 0;
	}
	
	#headerinner {
		width: 750px;
	}
	
	#nav {
		width: 750px;
	}
	
	#home-hero-modules {
		width: 750px;
	}
	
	#home-hero .home-quote {
		width: 674px;
	}
	
	#home-hero .mod-home-hero-last .sbxMod-content > div:last-child {
		position: static !important;
		margin-left: 0 !important;
		margin-top: 0 !important;
	}
	
	#home-hero .mod-home-hero-last .sbxMod-content > div.action-buttons:last-child {
		position: relative !important;
	}
	
	#mainbody .sbxModTable-home-highlights .sbxMod-title span {
		width: 750px;
		margin: 0 auto;
	}
	
	#footer .sbxModTable-logo {
		width: 33.33%;
	}
	
	#footer .sbxModTable-footermenu {
		left: 280px;
	}
	
	#footer .sbxModTable-socials {
		left: 510px;
	}
	
	#footer .sbxModTable-contact {
		left: 520px;
		top: 47px;
	}
	
	#bottom {
		background-size: cover;
		height: auto;
		padding-bottom: 50px;
		text-align: center;
	}
	
	#bottom .sbxModTable-copyright,
	#bottom .sbxModTable-bottommenu,
	#bottom .sbxModTable-sbxlink {
		margin-bottom: 5px;
		position: static;
	}
	
	#bottom .sbxModTable-bottommenu li {
		margin: 0 15px;
	}
	
	#bottom .sbxModTable-bottommenu li:first-child:before {
		content: '\2022';
	}
	
	#home-hero {
		background-size: cover;
		max-height: none;
	}
	
	#home-hero .action-buttons .col1-text {
		left: 0;
		width: 33.33%;
	}
	
	#home-hero .action-buttons .col2-text {
		left: 250px;
		width: 33.33%;
	}
	
	#home-hero .action-buttons .col3-text {
		left: 500px;
		width: 33.33%;
	}
	
	#home-hero .action-buttons .search {
		top: 48px;
		width: 250px;
	}
	
	#home-hero .action-buttons .row1-col2 {
		top: 48px;
		left: 260px;
		width: 240px;
	}
	
	#home-hero .action-buttons .row1-col3 {
		top: 48px;
		left: 510px;
		width: 240px;
	}
	
	#home-hero .action-buttons .row2-col2 {
		top: 210px;
		left: 260px;
		width: 240px;
	}
	
	#home-hero .action-buttons .row2-col3 {
		top: 210px;
		left: 510px;
		width: 240px;
	}
	
	#home-hero .action-buttons a.search span {
		padding: 0 10px;
	}
	
	#home-hero .action-buttons a.button span {
		padding: 0 10px;
	}
	
	#mainbody, #sidebar-right {
		float: none;
		width: auto;
	}
	
	#mainbody.without-right {
		width: 750px;
	}
	
	#sidebar-right-inner1 {
		margin-left: 0;
		min-height: 0 !important;
	}
	
	#mainbody #content {
		margin-right: 0;
		min-height: 0 !important;
	}
	
	#mainbody .sbxMod-title, #mainbody .sbxMod-content, .component-wrap1 {
		margin: 0 auto;
		width: 750px;
	}
	
	.component-wrap2 {
		width: auto;
	}
	
	.sbxModTable-home-highlights .item-cntr {
		padding: 0;
	}
	
	.bluecols-inner2 {
		margin: 0 auto;
		width: 750px;
	}
	
	#mainbody.without-right .bluecols-inner2 {
		width: 750px;
	}
	
	.bluecols .sbxMod {
		width: 355px;
		margin: 0 0 0 15px;
	}
	
	#mainbody.without-right .bluecols .sbxMod {
		width: 230px;
	}
	
	.bluecols .mod-bluecols-first .sbxMod {
		margin: 0 15px 0 0;
	}
	
	a#logo {
		top: 17px;
	}
	
	#header-right {
		top: 50%;
		margin-top: -10px;
	}
	
	#header-nav, #header-socials {
		display: none;
	}

	.burger {
		display: block;
	}
	
	#nav {
		display: none;
		padding-top: 0; 
		width: 750px;
	}
	
	#nav ul.menu > li {
		display: block;
	}
	
	#nav ul.menu > li > ul {
		margin: 0;
		position: static;
		width: auto;
	}
	
	#nav ul.menu > li.toggle-open > ul {
		display: block;
	}
	
	.article-content table {
		height: auto !important;
		width: 100% !important;
	}
}

@media (max-width: 767px) {
	.screen-xs {
		display: inherit !important;
	}
	/* !Template Style */
	body				{ padding-left: 0px !important; padding-right: 0px !important; }
	#pathway			{ padding-left: 0px; }
	#main #content		{ margin-right: 0px; min-height: 0 !important; }
	#headerinner		{ min-height: 0; padding: 15px 55px 15px 10px; width: auto; }
	#global				{ display: none; }
	#nav				{ display: none; padding-left: 10px; padding-right: 10px; padding-top: 0; width: auto; }
	
	/* !JA Suckerfish w/ Bootstrap Collapse Menu */
	.navbar-ja .navbar-inner-ja	{ padding-left: 0px; }
	
	button.button		{ font-size: 1.2em; padding: 5px 8px; }
	
	
	/* !Events Calendar */
	.cal-monthTBL td.cal-wdEvent,
	.cal-monthTBL td.cal-weEvent  {
		background-color: #eef9ff;
		font-weight: bold;
	}
	.cal-monthTBL a.cal-wdNumEvent {
		color: #006699;
	}
	
	.container {
		padding-left: 10px;
		padding-right: 10px;
		width: auto;
	}
	
	#wrapper {
		min-width: 0;
	}
	
	#home-hero {
		max-height: none;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 12px;
	}
	
	#home-hero-modules {
		width: 100%;
	}
	
	#home-hero .action-buttons {
		height: auto;
	}
	
	#home-hero .action-buttons .col1-text, 
	#home-hero .action-buttons .col2-text,
	#home-hero .action-buttons .col3-text {
		display: block;
		margin-bottom: 12px;
		position: static;
		width: 100%;
	}
	
	#home-hero .action-buttons a.button {
		font-size: 30px;
	}
	
	#home-hero .action-buttons .search,
	#home-hero .action-buttons .row1-col2,
	#home-hero .action-buttons .row1-col3,
	#home-hero .action-buttons .row2-col2,
	#home-hero .action-buttons .row2-col3 {
		background-size: cover;
		display: block;
		margin-bottom: 9px;
		position: static;
		width: 100%;
	}
	
	#home-hero .action-buttons .search {
		background-image: url(../images/action_button_1_m.png);
	}
	
	#home-hero .action-buttons a.search:hover {
		background-image: url(../images/action_button_1_m_hover.png);
		background-position: 0 0;
	}
	
	#home-hero .home-quotes {
		width: 100%;
	}
	
	#home-hero .home-quote {
		padding: 0 0 0 37px;
		width: 253px;
	}
	
	#home-hero .quote {
		font-size: 36px;
		line-height: 48px;
	}
	
	#home-hero .mod-home-hero-last .sbxMod-content > div:last-child {
		position: static !important;
		margin-left: 0 !important;
		margin-top: 0 !important;
	}
	
	#mainbody .sbxMod-title, #mainbody .sbxMod-content, .component-wrap1 {
		width: auto;
	}
	
	#footer {
		height: auto;
	}
	
	#footer .sbxModTable-logo,
	#footer .sbxModTable-footermenu,
	#footer .sbxModTable-socials,
    #footer .sbxModTable-contact {
		margin-bottom: 20px;
		position: static;
	}
	
	#mainbody, #sidebar-right {
		float: none;
		width: auto;
	}
	
	#mainbody.without-right {
		width: auto;
	}
	
	#sidebar-right-inner1 {
		margin-left: 0;
		min-height: 0 !important;
	}
	
	.sbxModTable-home-highlights .sbxMod-content {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.sbxModTable-home-highlights .item-cntr {
		padding: 0;
	}
	
	.bluecols-inner2 {
		width: auto;
	}
	
	.bluecols .sbxMod {
		display: block;
		margin: 0;
		width: auto;
	}
	
	#mainbody .sbxModTable-home-highlights .sbxMod-title span {
		width: auto;
	}
	
	#mainbody .sbxModTable-home-highlights .sbxMod-title {
		font-size: 42px;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	#mainbody .bluecols .sbxMod .sbxMod-title {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	#mainbody .bluecols .sbxMod-content {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	#bottom {
		background-size: cover;
		height: auto;
		padding-bottom: 50px;
		text-align: center;
	}
	
	#bottom .sbxModTable-copyright,
	#bottom .sbxModTable-bottommenu,
	#bottom .sbxModTable-sbxlink {
		margin-bottom: 5px;
		position: static;
	}
	
	#bottom .sbxModTable-bottommenu li {
		margin: 0 15px;
	}
	
	#bottom .sbxModTable-bottommenu li:first-child:before {
		content: '\2022';
	}
	
	#footer .sbxModTable-socials a {
		margin: 0 10px 0 0;
	}
	
	#sidebar-right-inner2 {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	#sidebar-right .sbxMod {
		margin: 0;
		width: auto;
	}
	
	#sidebar-right .sbxMod.brown {		
		width: auto;
	}
	
	#sidebar-right .sbxMod.green, #sidebar-right .sbxMod.brown, #sidebar-right .sbxMod.blue {
		background-size: cover;
	}
	
	#header-right {
		top: 50%;
		right: 10px;
		margin-top: -10px;
	}
	
	#header-nav, #header-socials {
		display: none;
	}
	
	a#logo {
		position: static;
	}
	
	.burger {
		display: block;
	}
	
	#nav ul.menu > li {
		display: block;
	}
	
	#nav ul.menu > li > ul {
		margin: 0;
		position: static;
		width: auto;
	}
	
	#nav ul.menu > li.toggle-open > ul {
		display: block;
	}
	
	.component-wrap2 {
		padding: 0 10px;
		width: auto;
	}
	
	.article-content table {
		height: auto !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100% !important;
	}
	
	#above-content h1 {
		font-size: 42px;
		line-height: 56px;
		word-wrap: break-word;
		overflow-wrap: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}
	
	h1.componentheading, .item-header h1.title, h1.title, .article-title h2.contentheading {
		font-size: 42px;
		line-height: 54px;
	}
	
	.sbxModTable-home-highlights .item-cntr img {
	position: initial;
    }

}

@media only screen and (min-width:481px) and (max-width:767px) {
	#home-hero .home-quote {
		width: 423px;
	}
	
	.sbxModTable-home-highlights .item-cntr img {
	position: initial;
    }
}