/*======== THIS GETS LOADED BY SF ========*/

@media all and (min-width:500px) and (max-width:600px) {
	.k-menu .k-item > .k-link {
		margin: 0 6px 0 0;
		padding: 11px 6px 23px 6px;
	}
}

/* ====== MEDIUM WIDTH ADJUSTMENTS ====== */
@media all and (max-width:899px) {

	.home-button-wrapper { text-align: center; }
	.home-buttons { display: inline-block; }
	
	.home-slider { text-align: center; }
	
	.training-info { width: 60%; }
	
	.side-contact span { white-space: normal !important; }
}

/* ====== CALENDAR GRID ADJUSTMENTS ====== */
@media all and (min-width:751px) {
	.training-grid { display: block; }
	.training-list { display: none; }
}
@media all and (max-width:750px) {
	.training-grid { display: none; }
	.training-list { display: block; }
	.cal-events-full {  display: none; }
	
	/* Training calendar list view */
	.training-calendar-month-form {
		display: block;
		position: relative;
		top: initial;
		right: initial;
		margin-top: 10px;
	}
	.training-list .training-calendar-link-today {
		display: block;
	}
	.training-list table tr:nth-child(odd){
		border-bottom: 1px solid #ccc2b8;
		margin: 5px 0;
	}
	.training-list table tr:first-child, .training-list table tr:nth-child(2), .training-list table tr:first-child + td {
		border-bottom: none;
	}
	.training-list table tr td { padding-bottom: 5px; }
	.training-list table tr td:first-child { padding-top: 6px; }
	.training-list .training-list-title { font-weight: bold; }
	
	/* convergence calendar list view */
	.training-list .cal-events-line-cells {
		background-color: transparent;
		width: 98%;
		margin-left: 0;
		margin-bottom: 0;
		position: relative;
	}
		
	.training-list .cal-events-line-group a { }
	
	.training-list .cal-events-line-group a:hover { 
		color: #77A474;
		background: #f2efeb;
	}
	
	.training-list .cal-events-line-date {
		position: absolute;
		width: 20%;
		min-width: 95px;
	}
	.training-list .cal-events-line-title,
	.training-list .cal-events-line-time,
	.training-list .cal-events-line-lov {
		display: block;
		width: 100%;
		padding: 0 0 0 95px;
		box-sizing: border-box;
	}
	.training-list .cal-events-line-title { font-weight: bold; }
	.training-list .cal-events-line-title font {
		font-style: italic;
		font-weight: normal;
	}
	
}

/* ===== RESET ON RESIZE BACK TO DESKTOP ====*/
@media all and (min-width:601px) {
	.cjpia-top-nav .sfNavHorizontalDropDown { display: inline-block !important; }
}

/* ====== SMARTPHONE STYLES ====== */
@media all /* and (min-width:120px) */ and (max-width:600px) {

	#Navigation { height: auto; padding: 0; width: 100%; border: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
	
	#Navigation .sfNavWrp { text-align: left; }
	
	#Navigation .sfNavList { margin: 0; height: auto; width: 100%; }
	
	.k-menu .k-menu-group .k-item>.k-link { padding-left: 25px; }
	.k-menu .k-item > .k-link {
		background-color: #0C5232;
		padding: 15px 10px;
		height: 23px;
		margin: 0;
		-webkit-border-top-left-radius: 0;
		-webkit-border-top-right-radius: 0;
		-moz-border-radius-topleft: 0;
		-moz-border-radius-topright: 0;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		padding-left: 10px;
	}
	
	.sfNavWrp.cjpia-top-nav .k-group { margin: 0; }
	
	#Navigation .k-menu-group {
		border-top: 0;
		border-left: 0;
		border-right: 0;
	}

	#Header-Content {
		float: none;
		margin-top: 15px;
		display: block;
		color: #76A370;
		font-weight: bold;
		text-align: left;
		font-size: 12px;
	}
	
	/* Fix 8px margin on training section */
	.sf_2cols_1in_75 { 
		margin: 0 !important;
	}
	
	/* Training Catalog Table of Contents */
	.training-listing-icon { width: 5%; }
	.training-listing-text { width: 90%; }
	
	/* Training details */
	.training-info-title { //margin-bottom: 0; }
	.training-info { //margin-top: 0; }
	.green-divider { margin: 10px -3.5%; }
	.training-section-gray .training-info { width: 100%; }
	.training-section .training-info-title { min-width: 80px; width: 20%; }
	.training-section .training-info-title-empty  { min-width: 80px; width: 20%; }
	
	
	/* Resources and Documents */
	.rd-keyword-section { width: 100%; background-image: none; padding: 0; margin-bottom: 20px; }
	.rd-category-section { width: 100%; padding: 0; }
	
	/* Call Out Box adjustments for mobile */
	.call-out {
		width: 90%;
		padding: 15px 5%;
	}
	
	/* Sidebar "side-contact" Box adjustments for mobile */
	.side-contact {
		width: 90%;
		padding: 15px 5%;
	}
	
	.strategic-plan-sidebar-image { display: none; }
	
	/* Remove sidebar images on mobile view */
	.sf_2cols_2in_25 .sfimageWrp { display: none; }
	
	.side-contact .RadSocialShare_Default .sshListItem {
		display: inline-block;
		padding-right: 10px;
	}
	
	#footer-right {
		display: block;
		width: 100%;
		text-align: left;
		margin-top: 15px;
	}

	#footer-social-icons a {
		margin: 0 7px 0 0;
	}

	#footer-navigation-column-2 {
		padding-left: 0;
		padding-top: 20px;
	}
	
	.sfnewsContent .sfImageWrapper img, .sfnewsSummary .sfImageWrapper img {
		float: none !important;
		margin: 0 !important;
		display: block;
	}
	
	/* training calendar lightbox edits */
	.top-events-left { width: 30%; }
	.top-events-right { width: 66%; }
	
	.training-lightbox .training-calendar-details-info .responsive-calendar-lightbox-left {
		display: block; width: 96%;
	}
	.training-lightbox .training-calendar-details-info .responsive-calendar-lightbox-right {
		display: block; width: 96%;
	}
	
	.training-registration-row { padding: 2%; }
	.hide-me { display: none; }
	.training-registration-title { display: none; }
	.training-registration-info { display: block; width: 94%; padding: 0; }
	
	.trti-date { font-weight: bold; padding-left: 0; }
	.trti-date span { margin-right: 8px; }
	.trti-register { margin: 8px 0; }
		
}

/* ====== EXTRA SMALL STYLES ====== */
@media all /* and (min-width:120px) */ and (max-width:400px) {

	/* executive-management-section */
	.executive-management-section { 	padding: 10px 0; }
	.executive-management-image {
		display: inline-block;
		width: 100%;
	}
	.executive-management-image img { width: auto; }
	.executive-management-content { width: 100%; }
	.executive-management-content h2 { margin-top: 15px; }
	
	.newsletter-search-bar .newsletter-search-label { padding-left: 14px; }
	.newsletter-search .sfsearchBox input.sfsearchTxt { width: 130px; }
	
}	
	
@media all /*and (min-width:120px) */ and (max-width:500px) {
	/* staff page formatting */
	.table-staff-title { width: 96%; padding: 2%; font-size: 14px; }
	.table-staff { width: 100%; }
	.table-staff > div:nth-child(odd) { background-color: #F1F1E3; }
	.table-staff-section { padding: 2%; width: 96%; }
	.table-staff-1 { width: 100%; display: block; font-weight: bold; }
	.table-staff-2 { width: 100%; display: block; }
	.table-staff-3 { width: 100%; display: block; }

	/* claim form formatting */
	.form-label { width: 100%; display: block; margin-bottom: 5px; }
	.form-input { width: 100%; display: block; }
	
	/* email/contact form formatting */
	.email-form .form-label { text-align: left; width: 100%; margin-bottom: 5px; }
	.email-form .form-input  { text-align: left; width: 100%; }
	
	/* newsletter archive page formatting */
	.newsletter-archives-list ul.sfnewsListTitlesOnly {
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
		-moz-column-count: 1; /* Firefox */
		column-count: 1;
	}
	
	/* medium-narrow training calendar lightbox edits */
	.top-events-right .responsive-calendar-lightbox-left { display: none; }
	
	.top-events-left { width: 40%; }
	.top-events-right { width: 56%; }
	
}

/* home slideshow edits medium */
@media all /* and (min-width:101px) */ and (max-width:600px) {

	.home-slideshow .galleria-info-title h1, 
	.home-slideshow .galleria-info-title h2 {
		margin: 6% 0;
		font-size: 20px;
		
	}
	.home-slideshow .galleria-info ul li {
		font-size: 13px;
		margin-bottom: 8px;
	}
	
	.home-slideshow .galleria-info p {
		font-size: 13px;
		line-height: 16px;
	}
	.home-slideshow .galleria-info p.more {
		padding-top: 12px;
		margin-top: 14px;
	}
	
}

/* home slideshow edits small */
@media all /* and (min-width:101px) */ and (max-width:500px) {

	.home-slideshow  {
		//height: 100px;
		//padding-bottom: 50%;
	}
	.home-slideshow .galleria-info-text { padding: 2px !important; }
	.home-slideshow .galleria-info-title h1,
	.home-slideshow .galleria-info-title h2 {
		font-size: 16px;
	}
	.home-slideshow .galleria-info ul {
		//margin-top: 0;
	}
	.home-slideshow .galleria-info ul li {
		font-size: 11px;
		margin-bottom: 3px;
	}
	.home-slideshow .galleria-info p {
		font-size: 11px;
		line-height: 14px;
	}
	.home-slideshow .galleria-info p.more {
		padding-top: 10px;
		margin-top: 12px;
	}
	.home-slideshow .galleria-thumbnails-container,
	.home-slideshow .galleria-image-nav	{
		padding-top: 59%;
	}

}

/* home slideshow edits smaller */
@media all /* and (min-width:101px) */ and (max-width:400px) {
	
	.home-slideshow .galleria-info-title h1,
	.home-slideshow .galleria-info-title h2 {
		font-size: 13px;
		margin-bottom: 10px;
	}
	.home-slideshow .galleria-info ul li {
		font-size: 9px;
		margin-bottom: 0;
	}
	.home-slideshow .galleria-info p {
		font-size: 10px;
		line-height: 12px;
	}
	.home-slideshow .galleria-info p.more {
		padding-top: 0;
		margin-top: 5px;
		border-top: 0;
	}
	
}

/*=================================================
TOUCHSCREEN EDITS FOR ALL SCREEN SIZES
=================================================*/

@media all and (min-width:900px) {
	.Navigation-touch-override {
		height: auto !important;
		padding: 0 !important;
		width: 100% !important;
		border: 0 !important;
	}
}

@media all and (max-width:899px) {
	.Navigation-touch-override {
		height: auto !important;
		padding: 0 !important;
		width: 100% !important;
		border: 0 !important;
		border-radius: 0 !important;
		-webkit-border-radius: 0 !important;
		-moz-border-radius: 0 !important
	}
}
	
#Navigation .sfNavWrp.cjpia-top-nav-touch { text-align: left; }
	
#Navigation .cjpia-top-nav-touch .sfNavList { margin: 0; height: auto; width: 100%; }
	
.cjpia-top-nav-touch .k-menu .k-menu-group .k-item>.k-link { 
	padding: .28em 1.8em .38em .9em;
	padding-left: 25px;
}
.cjpia-top-nav-touch .k-menu .k-item > .k-link {
	background-color: #0C5232;
	padding: 15px 10px;
	height: 23px;
	margin: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	padding-left: 10px;
}
	
.sfNavWrp.cjpia-top-nav-touch .k-group { margin: 0; }
	
#Navigation .cjpia-top-nav-touch .k-menu-group {
	border-top: 0;
	border-left: 0;
	border-right: 0;
}