div#breadcrumb ol li a {color:#222;}
.view-table{display: table;float: left;width: 100%;padding: 10px 0px;text-align: left;}
.view-row{display: table-row;min-height: 40px;border-bottom: 1px solid #d3d3d3;}
.view-row:hover{background-color: #d3d3d3;cursor: pointer;}
.view-col-1{
	position: relative;
	display: table-cell;
	padding: 8px;
	float: left;
	width: 100%;
	vertical-align: middle;
	border-bottom: 1px solid #d3d3d3;}
table{border-collapse: collapse;width: 100%;}
th, td{text-align: left;padding: 8px;}
tr:nth-child(even){background-color: #f2f2f2}
th{background-color: #000;color: white;}

#support-organization img{margin: 10px 20px;height: 50px;}
.event-link a{color: #333;text-decoration: none;transition: 0.1s ease-in-out;}
a:hover{text-decoration: underline;}

.event{
	width: 300px;
	box-shadow: 0 0 3px 1px #ccc;
	border-radius: 3px;
	margin: 10px 10px;
	overflow: hidden;
	flex-grow: 0;
	background: white;}
.event > a{text-decoration:none;}
.eventcontainer{
	max-width: 980px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;}
.eventcontainer > *{text-align:left;}
.event-card{
	background-color: #4ec3c7;
	padding: 15px 20px;
	box-sizing: border-box;}
.event-heading{font-size: 18px;color: #a0e4e6;padding-bottom: 7px;}
.event-content{display: flex; height: 95px;}
.event-date{
	font-size: 95px;
	font-weight: 600;
	color: white;
	line-height: 1;
	width: 50%;
	flex-shrink: 0;}
.event-name{
	font-size: 13px;
	color: white;
	text-align: left;}
.event-name > span{
	font-size: 18px;
	padding-bottom: 3px;
	line-height: 1.5}
.event-link{
	background-color: #ffd464;
	margin-top: 5px;
	padding: 10px 25px;
	text-align: right;
	color: #333;
	box-sizing: border-box;
	font-size: 14px;
	font-weight: 700;}
.arrows{width: 100%;}
.arrow-left, .arrow-right{top:70px;}

.container2{text-align: center;border-color:#2C4275;}
.vid-item:hover{background: #c0cafe;}
.pid-item{
			display: block;
			width: 148px;
			height: 148px;
			float: left;
			margin: 0;
			padding: 10px;
			position: relative;}
.pid-item:hover{
			cursor: pointer;
			background: #8faea3;}
.pid-list-container{
			width: 92%;
			overflow: hidden;
			margin-top: 20px;
			margin-left: 4%;
			margin-right: 4%;
			padding-bottom: 0px;}
.photo-arrow-left{
			color: #fff;
			position: absolute;
			background: #67B4FF;
			padding: 15px;
			left: -25px;
			top:50px;
			z-index: 99;
			cursor: pointer;}
.photo-arrow-right{
			color: #fff;
			position: absolute;
			background: #67B4FF;
			padding: 15px;
			right: -25px;
			top: 50px;
			z-index: 100;
			cursor: pointer;}
.photo-arrow-right:hover, .photo-arrow-left:hover{
			background:#CC181E;}
.photo-arrows{
			position: relative;
			width: 100%;}
a.safety-accordion-heading.active h2{
			background:none;}
.learningcontainer{
			margin: 0 auto;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;}
	
.swiper-container{width: 100%;height: 340px;}
.swiper-slide{width: 210px;height: 340px;text-align: center;}
.swiper-slide a{display: inline;}
.swiper-slide img{margin: 2px 0;width: 200px;}

@media (min-width:440px){
  div.safety-accordion-risk > div {width: 480px;}
}
@media (min-width:768px){
  div.safety-accordion-risk > div {width: 580px;}
	.swiper-container {height: 414px;}
	.swiper-slide{width: 261px;height: 414px;}
	.swiper-slide img{width: 241px;}
}
@media (min-width:992px){
  div.safety-accordion-risk > div {width: 800px;}
	.swiper-container {height: 460px;}
	.swiper-slide{width: 288px;height: 460px;}
	.swiper-slide img{width: 288px;}
	.swiper-container{height: 460px\9;}
	.swiper-slide{width: 288px\9;height: 460px\9;}
	.swiper-slide img{width: 288px\9;}
  
}
@media (min-width:1200px){
  div.safety-accordion-risk > div {width: 1000px;}
	a.safety-accordion-heading{background-color: #00C1C3;}
	a.safety-accordion-heading > h2{background-color: #00C1C3;color:#000;}
	a.safety-accordion-heading.active{background: #00C1C3 !important;}
	div.safety-accordion-risk{
	  background-color: #B5E0EB;
	  text-align: left;
	  color: #000000;
	  background-image: none;
	  background-repeat: repeat-y;
	  background-position: 120px 0;
	  position: relative;}
	div.safety-accordion-risk p{font-size: 1em;}
	.safety-accordion-control{margin-left:120px;}
}