/* ==================  CALENDAR CSS ===================== */

.training-calendar-title-bar {
	//background-color: #FBFAF4;
	//padding: 8px;
	//position: relative;
	//border: 1px solid #ccc2b8;
	//border-radius: 5px;
	//box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
	//text-align: left;
}

.training-calendar-title-bar:after,
.training-calendar-title-bar::after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}

h1.training-calendar-page-title { display: inline-block; margin: 2px 0 0 0; }

/* old
.training-calendar-month-form { display: inline-block; position: absolute; right: 5px; top: 8px; }
*/

.training-calendar-month-form {
	display: inline-block;
	position: static;
}

.training-calendar-month-form form {
	display: inline-block;
	vertical-align: top;
}

/* old
#training-calendar-arrow-prev img {
	width: 34px;
	height: 34px;
	border: 1px solid #ccc2b8;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

#training-calendar-arrow-next img {
	width: 34px;
	height: 34px;
	border: 1px solid #ccc2b8;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
} */

.training-calendar-filter-wrapper {
	display: inline-block;
	float: right;
	padding: 3px;
}

.training-calendar-filter-wrapper select {
	height: 24px;
	font-size: 12px;
	border: 1px solid #998B7E;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #555;
}
.training-calendar-filter-wrapper input {
	border: 1px solid #77A474;
	background: #CEDFC9;
	color: #0C5232;
	padding: 5px 8px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	font-size: 12px;
	font-weight: bold;
}
.training-calendar-filter-wrapper input:hover {
	background: #DFEDCF;  
}

/*responsiveness for calendar controls */
@media all and (max-width:898px) {
	.training-calendar-filter-wrapper {
		padding-top: 10px;
		border-top: 1px solid #ccc2bc;
		margin-top: 8px;
		max-width: 100%;
		float: none;
		display: block;
	}
	.training-calendar-filter-wrapper select {
		margin-bottom: 8px;
		max-width: 100%;
	}
}
  
#training-calendar-arrow-prev img, #training-calendar-arrow-next img { //display: none; }

#training-calendar-arrow-today {
  border-radius: 6px;
  padding: 5px 10px;
  border: 1px solid #77A474;
  background-color: #CEDFC9;
  color: #0C5232;
  font-weight: bold;
  vertical-align: middle;
  height: 26px;
}
#training-calendar-arrow-today:hover {
  background-color: #DFEDCF;
}

#training-calendar-arrow-prev {
  border-radius: 6px;
  padding: 5px 12px;
  border: 1px solid #77A474;
  background-color: #CEDFC9;
  color: #CEDFC9;
  background-image: url(../images/arrow-left.png);
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
  font-size: 0;
  height: 26px;
  width: 28px;
}
#training-calendar-arrow-prev:hover {
  background-color: #DFEDCF;
}

#training-calendar-arrow-next {
  border-radius: 6px;
  padding: 5px 12px;
  border: 1px solid #77A474;
  background-color: #CEDFC9;
  color: #CEDFC9;
  background-image: url(../images/arrow-right.png);
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
  font-size: 0;
  height: 26px;
  width: 28px;
}
#training-calendar-arrow-next:hover {
  background-color: #DFEDCF;
}

.training-calendar-month-form a img { margin: 0 !important; }
.training-calendar-month-form a img { margin: 0 !important; }

.training-calendar-month-menu {
	border: none;
	background-color: transparent;
	//border-radius: 7px;
	//-moz-border-radius: 7px;
	//-webkit-border-radius: 7px;
	font-weight: bold;
	color: #0c5232;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 30px;
	//width: 200px;
	padding-left: 15px;
	background: url(../images/calendar-small.png) no-repeat;
	background-position: left center;
	margin-left: 8px;
	-webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}
.training-calendar-month-menu::-ms-expand {
	display: none;
}

.training-calendar-table {
	background-color: white;
	//box-shadow: 0px 2px 6px rgba(0,0,0,0.3);
	clear: both;
	margin: 0px !important;
	border-radius: 5px;
	overflow: hidden;
	border: 1px solid #ccc2b8;
	width: 100%;
	table-layout: fixed;
}

.training-calendar-heading {
	background: #998B7E; /* Old browsers */
	//background: -moz-linear-gradient(top,  #998B7E 0%, #807569 100%); /* FF3.6+ */
	//background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#998B7E), color-stop(100%,#807569)); /* Chrome,Safari4+ */
	//background: -webkit-linear-gradient(top,  #998B7E 0%,#807569 100%); /* Chrome10+,Safari5.1+ */
	//background: -o-linear-gradient(top,  #998B7E 0%,#807569 100%); /* Opera 11.10+ */
	//background: -ms-linear-gradient(top,  #998B7E 0%,#807569 100%); /* IE10+ */
	//background: linear-gradient(to bottom,  #998B7E 0%,#807569 100%); /* W3C */
	//filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#998B7E', endColorstr='#807569',GradientType=0 ); /* IE6-9 */


	border: 1px solid #998B7E;
	height: 30px;
}

.training-calendar-heading  td {
	font-size: 13px;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
}

.training-calendar-rows {
	height: 92px;
}

.training-calendar-rows  td.training-calendar-beginning-days:first-child { background-color: #f2efeb; }
.training-calendar-rows  td.training-calendar-other-day:first-child { background-color: #FBFAF4; }
.training-calendar-rows  td.training-calendar-today:first-child { background-color: #dce8c6; }
.training-calendar-rows  td.training-calendar-finishing-days:first-child { background-color: #eeead5; }

.training-calendar-beginning-days {
	width: 117px;
	background: #f2efeb;
	border: 1px solid #ccc2b8;
}

.training-calendar-today {
	width: 113px;
	background: #dfedcf;
	border: 1px solid #ccc2b8;
	padding: 5px;
}

.training-calendar-other-day {
	width: 113px;
	background: #ffffff;
	border: 1px solid #ccc2b8;
	padding: 5px;
}

.training-calendar-day-number {
	font-size: 12px;
	font-family: Arial, Helvetica;
	font-weight: bold;
	color: #0f5433;
	display: block;
	//background-color: #ebf4e1;
	margin-left: -3px;
	margin-top: -3px;
	margin-right: -3px;
	padding: 1px 3px;
	margin-bottom: 2px;
}

.training-calendar-today .training-calendar-day-number { //background-color: #ebf4e1; }

.training-calendar-event-listing {
	font-size: 10px;
	font-family: Arial, Helvetica;
	//font-weight: bold;
}

.training-calendar-event-listing a {
	font-size: 12px;
	font-family: Arial, Helvetica;
	margin-bottom: 3px;
	display: inline-block;
	font-weight: normal;
	line-height: 12px;
	padding: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #f4f7f6;
	border: 1px solid #E6E2DD;
}

.training-calendar-event-listing a:hover {
	background-color: rgba(12,82,50,0.02);
	background-color: #f9fafa;
}

a.training-calendar-link-past, a.training-calendar-link-past:visited, a.training-calendar-link-past:active, a.training-calendar-link-past:link {
	color: #aaa;
	background-color: rgba(0,0,0,0.05);
	background-color: #f2f2f2;
}

a.training-calendar-link-past:hover {
	background-color: rgba(0,0,0,0.03);
	background-color: #f6f6f6;
}

a.training-calendar-link-today, a.training-calendar-link-today:link, a.training-calendar-link-today:active, a.training-calendar-link-today:visited {
	font-size: 12px;
	font-family: Arial, Helvetica;
	margin-bottom: 3px;
	display: inline-block;
	font-weight: normal;
	line-height: 12px;
	padding: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: rgba(12,82,50,0.06);
	color: #699778;
}

a.training-calendar-link-today:hover {
	background-color: rgba(12,82,50,0.03);
}

.training-calendar-finishing-days {
	width: 117px;
	background: #f2efeb;
	border: 1px solid #ccc2b8;
}
.training-calendar-rollover-wrapper {
	border: 1px solid #998B7E;
	margin: -2px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.292969);
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.292969);
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	background-color: #f2efeb;
}
.training-calendar-rollover-title {
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	background-color: #998B7E;
	font-weight: normal !important;
	padding: 8px;
	font-size: 13px;
	border-radius: 7px 7px 0 0;
	-moz-border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
}

.training-calendar-rollover-info {
	font-family: Arial, Helvetica, sans-serif;
	color: #555;
	font-size: 12px;
	//margin: 5px 0 8px 0;
	padding: 8px;
	padding-bottom: 10px;
}

.training-calendar-rollover-click{
	border-top: 1px solid #ccc2b8;
	font-family: Arial, Helvetica, sans-serif;
	color: #555;
	font-size: 12px;
	padding-top: 15px;
	margin: 8px;
}

.calendar-link {
	color: #77a474;
}

.calendar-link:hover {
	color: #A7C5A6;
}

/********************************
CALENDAR LIST CSS
*********************************/

.training-calendar-region-other {}
.training-calendar-region-other::after {
	content: "Additional training offerings available in other regions";
	font-style: italic;
	font-size: 12px;
	margin-top: 3px;
}

.clist a { 
	display: block;
	font-family: Arial;
	font-weight: normal;
	text-align: left;
	text-decoration:none; 
	font-size:10px; 
	letter-spacing: 0px;
	background: #FBFAF4;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;

	/* height: 92px;
	width: 92px; */

	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	
	/* border-bottom:1px solid #933443;
	border-right:1px solid #933443; */
} 
.clist a {
	color: #77A474;  
	text-decoration: none;
}

.clist a:link {
	color: #77A474;  
	text-decoration: none;
}

.clist a:active { 
	color: #77A474; 
	text-decoration: none;
}

.clist a:visited {
	color: #77A474;  
	text-decoration: none;
}

.clist a:hover {
	color: #77A474;
	background: #f2efeb; 
	text-decoration: none;
}

.clist-month-line {
	background: #998b7e;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	padding: 6px;
	font-size: 13px;
}

.training-calendar-region-filter {
	border: 1px solid #ccc2b8;
	border-radius: 3px;
	padding: 2px;
	margin: 0 0 -2px 0;
	width: 100%;
	max-width: 400px;
}

/********************************
CONVERGENCE CALENDAR FULL LIST
*********************************/
.cal-events-full {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}
.cal-clist-month-line { 
	background: #998b7e;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	padding: 6px;
	font-size: 13px;
	text-align: left;
	font-weight: bold;
	margin-bottom: 5px;
}
.cal-events-line-group {  }
.cal-events-line-cells {
	font-size: 0;
	text-align: left;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none; 
	//letter-spacing: 0px;
	background: #FBFAF4;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	padding: 1%;
	margin-bottom: 5px;
	width: 95%;
	margin-left: 3%;
}
.cal-events-line-cells:hover {
	color: #77A474;
	background: #f2efeb;
}
.cal-events-line-date {
	display: inline-block;
	font-size: 12px;
	width: 15%;
	vertical-align: middle;
}
.cal-events-line-title { 
	display: inline-block;
	font-size: 12px;
	width: 25%;
	vertical-align: middle;
}
.cal-events-line-longdate { }
.cal-events-line-time {
	display: inline-block;
	font-size: 12px;
	width: 25%;
	vertical-align: middle;
}
.cal-events-line-lov {
	display: inline-block;
	font-size: 12px;
	width: 35%;
	vertical-align: middle;
}

#cboxOverlay {
	background: black;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/* IE 5-7 */
	filter: alpha(opacity=50);
	opacity: 0.5;
	
}

/* calendar lightbox CSS */
.workshop-box {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #f0f0f0;
	margin-top: 0;
	border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 0;
	text-align: left;
	overflow: hidden;
	color: #686868;
}

.responsive-calendar-lightbox .workshop-box {
	background-color: white;
	color: #555555;
}

.responsive-calendar-lightbox .workshop-box h1 {
	background-color: #6D635B;
	color: white;
	font-size: 20px;
	padding: 10px 15px;
	line-height: 24px;
	//text-transform: uppercase;
	margin: 0;
	font-weight: bold;
}

.responsive-calendar-lightbox .workshop-box p {
	font-size: 13px;
	background-color: #F2EFEB;
	border: 1px solid #998B78;
	color: #555555;
	margin: 12px 0;
	padding: 8px 15px 15px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

.workshop-info {
	background-color: #f0f0f0;
	//border-top: 2px solid #77A474;
	padding: 6px 0;
}

.responsive-calendar-lightbox-left {
	display: inline-block;
	color: #6D635B;
	font-weight: bold;
	width: 21%;
	padding: 1% 2%;
	font-size: 13px;
	vertical-align: top;
}
.responsive-calendar-lightbox-right {
	display: inline-block;
	width: 71%;
	padding: 1% 2%;
	font-size: 13px;
	vertical-align: top;
}

.responsive-calendar-lightbox-right p {
  background-color: transparent !important;
  border: none !important;
  margin: 12px 0 !important;
  padding: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
.responsive-calendar-lightbox-right ul {
  margin: 0 !important;
  padding: 0 15px !important;
}


/* training calendar responsive lightbox */
.training-calendar-details-top-events {
	padding: 1% 0 0 0;
	background-color: white;
	//border-bottom: 2px solid #77A474;
} 

.top-events-left { display: inline-block; width: 23%; vertical-align: middle; padding-left: 2%; }
.top-events-right { display: inline-block; width: 75%; vertical-align: middle; padding: 8px 0;}

.top-events-right .responsive-calendar-lightbox-left { padding: 0 2%; }
.top-events-right .responsive-calendar-lightbox-right { padding: 0 2%; }

.more-available { text-align: center; font-size: 13px; padding: 1.5%; }

.workshop-box h4 {
	font-size: 14px;
	margin: 0;
	padding: 2%;
	color: #0C5232;
}

.responsive-calendar-lightbox .workshop-box h4 {
	color: #555555;
}

.training-lightbox-bullet {  }

.responsive-calendar-lightbox .workshop-info { background-color: white; }

.responsive-calendar-lightbox .training-calendar-details-info { 
	background-color: #F2EFEB;
	border: 1px solid #998B78;
	margin: 12px 0;
	padding: 8px 15px 5px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

.training-registration-title  {
	display: inline-block;
	vertical-align: top;
	font-size: 13px;
	font-weight: bold;
	color: #555555;
	padding-top: 1%;
	padding-bottom: 1%;
}

.trt-date {	width: 18%; padding-left: 2%; padding-right: 2%;  }
.trt-time  { width: 13%; padding-right: 2%;  }
.trt-instructor  { width: 18%; padding-right: 2%;  }
.trt-location  { width: 40%; padding-right: 2%; }
.trt-register  { width: 0%; }

.training-registration-info {
	display: inline-block;
	vertical-align: top;
	font-size: 13px;
	padding-top: 2%;
	padding-bottom: 2%;
}

.trti-date {	width: 18%; padding-left: 2%; padding-right: 2%; }
.trti-time  { width: 13%; padding-right: 2%;  }
.trti-instructor  { width: 18%; padding-right: 2%;  }
.trti-location  { width: 40%; padding-right: 2%; }
.trti-register  { width: 0%; }

.trti-date span {
	display: inline-block;
}

.training-registration-row {
	border-bottom: 1px solid #ddd;
}

.cjpia-button-workshop-register {
	font-size: 14px;
	text-align: center;
	display: inline-block;
	color: white !important;
	width: auto;
	outline: none;
	border: none;
	line-height: 22px;
	height: 22px;
	padding: 5px 15px;
	background-color: #77A474;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none !important;
}
.cjpia-button-workshop-register:hover {
	background-color: #A7C5A6;
}

/********************************
CALENDAR LIST MOBILE CSS
*********************************/

.training-list table {
		width: 100%;
}

.training-list .clist-month-line { font-weight: bold; }

.training-list a { 
	display: block;
	font-family: Arial;
	font-weight: normal;
	text-align: left;
	text-decoration:none; 
	font-size: 12px; 
	letter-spacing: 0px;
	background: #FBFAF4;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;

	/* height: 92px;
	width: 92px; */

	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	
	/* border-bottom:1px solid #933443;
	border-right:1px solid #933443; */
} 

.training-list a.training-calendar-link-past, .training-list a.training-calendar-link-past:visited, .training-list a.training-calendar-link-past:active, .training-list a.training-calendar-link-past:link {
	color: #aaa;
	background-color: rgba(0,0,0,0.05);
	background-color: #f2f2f2;
}

.training-list a.training-calendar-link-past:hover {
	background-color: rgba(0,0,0,0.03);
	background-color: #f6f6f6;
}

.training-list a.training-calendar-link-today, .training-list a.training-calendar-link-today:link, .training-list a.training-calendar-link-today:active, .training-list a.training-calendar-link-today:visited {
	font-size: 12px;
	font-family: Arial, Helvetica;
	margin-bottom: 3px;
	display: inline-block;
	font-weight: normal;
	line-height: 12px;
	padding: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: rgba(12,82,50,0.06);
	color: #699778;
}

.training-list a.training-calendar-link-future, .training-list a.training-calendar-link-future:visited, .training-list a.training-calendar-link-future:active, .training-list a.training-calendar-link-future:link {
	background-color: rgba(12,82,50,0.04);
}

.multidays2 {
	width: 200%;
}

.multidays3 {
	width: 310%;
}

.multidays4 {
	width: 420%;
}


a.training-calendar-green-bar {
	border-top: 5px solid #77a474;
}

a.training-calendar-link-past.training-calendar-green-bar {
	border-top: 5px solid #bbb;
}

a.training-calendar-link-past-invisible,
a.training-calendar-link-today-invisible,
a.training-calendar-link-future-invisible {
	width: 1px;
	border: none;
	background-color: transparent;
	height: 24px;
	padding: 0;
}

a.training-calendar-link-past-invisible:hover,
a.training-calendar-link-today-invisible:hover,
a.training-calendar-link-future-invisible:hover {
	width: 1px;
	border: 1px solid transparent;
	background-color: transparent;
}

a.lms-register {
	border: 1px solid #77A474;
	background: #CEDFC9;
	color: #0C5232;
	padding: 5px 8px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	font-size: 12px;
	font-weight: bold;
	float: right;
	text-decoration: none;
}

a.lms-register:hover {
	color: #0C5232;
	background: #DFEDCF;
}

/* Training calendar list view */
.training-calendar-fulllist {
	border: 1px solid #998b7e;
	margin: 0 -6px -6px -6px;
}

.training-calendar-fulllist > div:nth-of-type(even){
	background-color: #FBFAF4;
}

.training-calendar-listcolumns {
	width: 100%;
	font-size: 0;
	border-bottom: 1px solid #CBCBB2;
}

.training-calendar-fulllist > div:last-child {
	border-bottom: none;
}

.training-calendar-listcolumns a,
.training-calendar-listcolumns a:hover {
	color: #6D635B;
}

.training-calendar-listrow-blank {
	display: block;
	height: 0;
	border-bottom: 2px solid #CBCBB2;
}

.training-calendar-daystyle-header {
	font-size: 0;
	background-color: #998b7e;
	width: 100%;
}
.training-calendar-daystyle-header div {
	color: white;
	font-weight: normal;
	font-size: 13px;
}

.training-calendar-daystyle-past {
	width: 100%;
}

.training-calendar-daystyle-future {
	width: 100%;
}

.training-calendar-listcolumn-date,
.training-calendar-listcolumn-title,
.training-calendar-listcolumn-facility,
.training-calendar-listcolumn-region,
.training-calendar-listcolumn-county {
	display: inline-block;
	border-right: 1px solid #CBCBB2;
	font-size: 12px;
	font-weight: bold;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: middle;
	height: 30px;
	line-height: 30px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.training-calendar-listcolumn-date {
	width: 17%;
	min-width: 50px;
	padding-left: 1%;
}
.training-calendar-listcolumn-title {
	width: 33%;
	padding-left: 1%;
	min-width: 10px;
}
.training-calendar-listcolumn-facility {
	width: 25%;
	padding-left: 1%;
	min-width: 50px;
}
.training-calendar-listcolumn-region {
	width: 10%;
	padding-left: 1%;
	min-width: 50px;
}
.training-calendar-listcolumn-county {
	width: 15%;
	padding-left: 1%;
	min-width: 50px;
	border-right: none;
}



/*****************************************************
REMOVE ONCE RESPONSIVE SMALL IS ADDED TO LIGHTBOX LINK
THIS IS A DUPLICATE OF THE RESPONSIVE SMALL CSS
*****************************************************/

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

/*==== REMOVE EVERYTHING WITHIN IF NOTHING APPEARS BROKEN 
@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; }
	
	/* 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) {
	.sfNavHorizontalDropDown { display: inline-block !important; }
}====*/

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

	/*==== REMOVE EVERYTHING WITHIN IF NOTHING APPEARS BROKEN 
	#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:300px) {

	/* 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; } */
	
	.top-events-right .responsive-calendar-lightbox-left { display: none; }
	
}	
	
@media all /*and (min-width:120px) */ and (max-width:450px) {
	/* 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; 
		-moz-column-count: 1; 
		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: 100%; }
	
}