.responsive_container {

margin: 0 auto;

	padding: 0;

	box-sizing: border-box;

}





/*@media screen and (max-width: 1640px) {*/

@media screen and (max-width: 1720px) {



	.responsive_container {

		width: 100%;

		margin: 0;

		/*padding: 0 20px;*/

		padding: 0 60px;



	}

	

	/*#rpp_section_videos .responsive_container, #rpp_section_interactive .responsive_container, #rpp_section_downloadables .responsive_container{

		 padding: 0 20px;

	}*/



}





.rpp_section {

	padding: 0 0 20px;

}



.rpp_section h2 {

}



#rpp_section_featured {

	background-color: #3d7983;

	padding-bottom: 80px;

	/*

	width: 100vw;

	margin-left: calc(-50vw + 800px);

	*/

}



#rpp_section_featured h2 {

	color: #ffffff;

}



#rpp_section_videos {

	

	/*background-color: #e4e4e4;

	width: 100vw;

	margin-left: calc(-50vw + 800px);

	*/

}



#rpp_section_videos h2 {

	background-color: #ffffff;

	color: #3a3a3a;

}



#rpp_section_interactive {

	background-color: #2c585f;

	/*

	width: 100vw;

	margin-left: calc(-50vw + 800px);

	*/

}



#rpp_section_interactive h2 {

	color: #ffffff;

}



#rpp_section_downloadables {

}



#rpp_section_downloadables h2 {

}



/*



@media screen and (max-width: 1600px) {

	#rpp_section_featured,

	#rpp_section_videos,

	#rpp_section_interactive {

		width: 100%;

		margin-left: 0;

	}

}

*/



/*



div.rpp_downloadable_item {

  padding: 9px;

  background: #F3F2ED;

  font-size: 85%;

  margin: 0 5% 10px 0;

  width: 30%;

  float: left;

  display: inline;

}



div.rpp_downloadable_item h2 {

  margin: 0 0 10px 0;

  font-size: 110%;

  color: #44230F;

  font-weight: normal;

  background: #FFFFFF;

  padding: 5px;

  text-transform: none;

  height: 300px;

  overflow: hidden;

}



div.rpp_downloadable_item p {

  padding: 10px 0 0 0;

  margin: 0 0 0px 0;

  clear: both;

}



*/



@keyframes fadeIn {

	0% { opacity: 0; }

	100% { opacity: 1; }

}





/*



https://stackoverflow.com/questions/16989585/css-3-slide-in-from-left-transition



@keyframes sideSlide {



	0% { opacity: 0; }



	100% { opacity: 1; }



}



*/











div.rpp_downloadable_container {

/*div.rpp_downloadable_container_innergrid {*/











/*



	display: flex;



	flex-wrap: wrap;



	align-items: flex-start;



*/



	/* flex-direction: column; */











  display: grid;







  /*grid-gap: 30px;*/



  grid-gap: 0px; /* see bottom padding on inner item further down to account for this */







  column-gap: 80px;







/*



  row-gap: 10px;



  column-gap: 30px;



*/







  grid-template-columns: repeat(auto-fill, minmax(300px,1fr));

  grid-auto-rows: 5px;



	



}







div.rpp_downloadable_item {







	clear: both;







	animation: fadeIn 6s;











/*



	flex-grow: 1;



	flex-basic: 0; 



*/



/*width: calc(25% - 15px);*/











/*margin-bottom: 15px;*/







/*float: left;*/



 



}







div.rpp_downloadable_item_content {











	padding: 0 0 50px 0; /* this takes the place of row-gap as was throwing off the rounding and giving inconsistent results */







}















/*



div.rpp_downloadable_item:nth-of-type(2n) {







	background-color: #fafafa;



}



*/







div.rpp_downloadable_item h3.rpp_dl_item_title {







/*



  margin: 0 0 10px 0;



  font-size: 110%;



  color: #44230F;



  font-weight: normal;



  background: #FFFFFF;



  padding: 5px;



  text-transform: none;



*/  



  /*height: 300px;*/



/*  



  height: auto;



  overflow: hidden;

	font-weight: bold;



*/



	

	margin: 0;



}







div.rpp_downloadable_item h3.rpp_dl_item_title a {

	color: #222222;

	text-decoration: none;

	display: block;

}



div.rpp_downloadable_item h3.rpp_dl_item_title a:hover {

	color: #B6426F;

	text-decoration: none;

}

div.rpp_downloadable_item h3.rpp_dl_item_title a:focus {

	color: #C44676;

	text-decoration: none;

	outline: 4px solid #000;

}



div.rpp_downloadable_item h3.rpp_dl_item_title a span {







	text-align: left;



	padding: 20px;



	margin: 0;



	display: inline-block;



	width: 100%;



	background-color: #f0f0f0;



}















div.rpp_downloadable_item p {
  padding: 10px 0 0 0;
  margin: 0 0 0px 0;
  line-height: unset;
  
}

div.rpp_downloadable_item img {
	display: block;
	width: 100%;
	overflow: hidden;
	height: auto !important;
	margin: 0;
}







.rpp_item_moreinfo_container {







	display: none;



	clear: both;



}







a.rpp_more_info_button {

	float: right;

	display: inline-block;

	text-decoration: none;

	border-radius: 4px;

	border-top-left-radius: 0;

	border-top-right-radius: 0;

	background-color: #f0f0f0;

	padding: 5px 10px 5px 10px;

	font-size: 12px;

	border-top: 1px dashed #cccccc;

	color: #000;

	text-transform: uppercase;

}



a.rpp_more_info_button:hover{

	color: #fff;

	background-color: #333;

}

a.rpp_more_info_button:focus{

	color: #fff;

	background-color: #333;

}





.fancy_select select {



  /* Reset Select */



  appearance: none;



  outline: 10px red;



  border: 0;



  box-shadow: none;



  /* Personalize */



  flex: 1;



  padding: 0 1em;



  color: #fff;



  background-color: #2c3e50;



  background-image: none;



  cursor: pointer;



}







.fancy_select select:focus-visible {







	background-color: #3d7983;



	text-decoration: underline;



}







/* Remove IE arrow */



.fancy_select select::-ms-expand {



  display: none;



}



/* Custom Select wrapper */



.fancy_select {

  position: relative;

  display: flex;

  width: 15em;

  height: 3em;

  border-radius: .25em;

  overflow: hidden;

  /*margin: -12px 0 0 20px; */

  margin: -12px 0 0 0; 

  float: left;



}



@media screen and (max-width: 650px) {

	.fancy_select {

		margin: 0 auto;

		float: none;

		

	}

}



/* Arrow */



.fancy_select::after {



  content: '\25BC';



  position: absolute;



  top: -3px;



  right: 0;



  padding: 1em;



  background-color: #34495e;



  transition: .25s all ease;



  pointer-events: none;



  color: #ffffff;



}



/* Transition */



.fancy_select:hover::after {



  color: #f39c12;



}



.fancy_select_down_note {



    display: flex;



    justify-content: center;







}







#rpp_filter_container {

	position: fixed;

	right: 0;

	top: calc(100vh - 120px); /* use top rather than use bottom so we can animate on a single rule */

	/*bottom: 30px;*/

	height: 60px;

	z-index: 999999;

}



#rpp_filter_container h2 {

	padding: 0;

	margin: 0;

}



#rpp_filter_container a#rpp_filter_menu_trigger {

	margin: 0 auto;

	/*max-width: 350px;*/

	padding: 17px 30px  18px 30px;

	height: 60px;

	width: 330px;

	background-color: #3a3a3a; /*#2C585F;*/

	color: #ffffff;

	text-decoration: none;

	border-top: 4px solid #fff;

	border-left: 4px solid #fff;

	border-bottom: 4px solid #fff;

	border-radius: 30px;

	border-top-right-radius: 0;

	border-bottom-right-radius: 0;

	text-align: center;

	font-size: 18px;

	font-weight: normal;

	display: block;

	

}



#rpp_filter_container a#rpp_filter_menu_trigger:hover {

	background-color: #3d7983;

}





#rpp_filter_container a#rpp_filter_menu_trigger:focus {

	background-color: #C44676;

	border-top: 4px solid #000;

	border-left: 4px solid #000;

	border-bottom: 4px solid #000;

	outline: none;

}







#rpp_filter_inner {

	background-color: #ffffff;

	margin: 0;

	padding: 30px 10px 20px;

	max-width: 300px;

	position: fixed;

	top: calc(15vh + 30px);

	/*right: 0;*/

	right: -330px;

	bottom: 30px;

	overflow-x: hidden;

	overflow-y: hidden;

	z-index: 999998;

	/*filter: drop-shadow(-4px 4px 4px #3a3a3a);*/

	box-shadow: -1px 1px 6px 0px #aaaaaa;

	/*display: none;*/

}



#rpp_filter_container h2 { position: relative; }



#rpp_filter_container a#rpp_filter_menu_trigger.rpp_filters_set { background-color: #0F8711; }



#rpp_filter_set_notification { display: none; position: absolute; top: 12px; left: 20px; color: #ffffff;

	-webkit-transform: rotate(-45deg); 

    -moz-transform: rotate(-45deg); 

    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); //For IE support

	}





@media screen and (max-width: 650px) {







	#rpp_filter_container {



		/*height: 40px;*/



	}







	#rpp_filter_container a#rpp_filter_menu_trigger {

		/*height: 40px;

		width: 260px;

		border-radius: 20px;*/

		border-top-right-radius: 0;

		border-bottom-right-radius: 0;

		font-size: 18px;



	}



	#rpp_filter_set_notification { font-size: 0.7em; top: 8px; left: 13px; }





	#rpp_filter_inner {



		/*max-width: 240px;*/



		top: calc(15vh + 20px)



	}



}











#rpp_filter_inner legend, #rpp_filter_label_keyword {

	margin: 0;

	padding: 20px 0 10px 0;

	font-size: 14px;

	border-bottom: 0;

	color: #333;

	font-weight: bold !important;

}







#rpp_filter_inner p {







	margin: 0;



	padding: 2px 5px;



	line-height: 100%;



	font-size: 100%;



}







#rpp_filter_inner input[type="submit"] {







	width: auto;



	width: 100%;



}







#rpp_filter_inner input#rpp_filter_input_keyword {







	width: 100%;



	border-radius: 10px;



	padding: 5px 10px !important;



	border: 1px solid #3A3A3A !important;



}







#rpp_filter_inner .regular-checkbox {



	-webkit-appearance: none;



	-moz-appearance: none;



	background-color: #fafafa;



	border: 1px solid #cacece;



	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);



	padding: 9px !important;



	border-radius: 3px;



	display: inline-block;



	position: relative;



	/*float:right;*/



	/*float: none;*/



	display: block;



	/*margin: -10px 0 0 20px !important;*/



	margin: 0px 10px -3px 0px !important;



	border: 1px solid #3A3A3A !important;



	width: auto;



}



#rpp_filter_inner .regular-checkbox:active, .regular-checkbox:checked:active {



	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);



}







#rpp_filter_inner .regular-checkbox:checked {



	/*background-color: #e9ecee;*/



	background-color: #3a3a3a;



	border: 1px solid #adb8c0;



	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);



	/*color: #99a1a7;*/



	color: #ffffff;



}



#rpp_filter_inner .regular-checkbox:checked::after {



	content: '\2714';



	font-size: 14px;



	position: absolute;



	top: 0px;



	left: 3px;



	/*color: #99a1a7;*/



	color: #ffffff;



}







/*#rpp_filter_inner input[type="submit"] {*/

#rpp_filter_inner #rpp_filters_form_submit {





	border: none !important;



	margin-top: 20px;



	float: none;



}



#rpp_filter_inner #rpp_filters_form_submit:hover {



	/*background-color: #12b215;*/

}









button#rpp_filters_form_reset {

	margin-top: 20px !important;

	float: none;

  width: 100%;

  background: #CD1919;

  padding: 10px 25px !important;

  color: #fff;

  text-decoration: none;

  text-transform: uppercase;

  display: block;

  margin: 0 auto;

    margin-top: 0px;

  border-radius: 30px;

  

  -webkit-appearance: button;

  cursor: pointer;

  border: none;

}



button#rpp_filters_form_reset:hover {

	background-color: #3a3a3a;

}



button#rpp_filters_form_reset:focus {

	background-color: #CD1919;

	outline: 4px solid #000;

}



















#rpp_filter_inner .display-table { display: table; }







#rpp_filter_inner .display-table::before { display: table-row; content: ' '; }







#rpp_filter_inner .display-table > input { display: table-cell; }



#rpp_filter_inner .display-table > label { display: table-cell; line-height: 135%; }











#rpp_section_downloadables, #rpp_section_videos { position: relative; }



#rpp_dl_record_count {

	text-transform: uppercase;

	/*

	margin: 0 auto;

	left: 0; 

    right: 0; 

    margin-inline: auto; 

    width: fit-content;

	position: absolute; 

	top: 215px; 

	*/

	margin-top: -10px;

	padding-bottom: 40px;

}



#rpp_videos_record_count{

	text-transform: uppercase;

	margin-top: -70px;

/*

	margin: 0 auto;

	left: 0; 

   right: 0; 

   margin-inline: auto; 

   width: fit-content;

   position: absolute;

   top: 245px;

*/	

	padding-bottom: 40px;

}











#rpp_video_viewer_blocker {







	position: fixed;



	left: 0px;



	top: 0px;



	right: 0px;



	bottom: 0px;



	z-index: 999999999;



	background-color: rgba(0, 0, 0, 0.9);







	display: none;



}







#rpp_video_viewer_container {



	position: fixed;



	left: 0px;



	top: 0px;



	right: 0px;



	bottom: 0px;



	z-index: 9999999999;







display: flex;







	flex-direction: column;











justify-content: center;



align-items: center;



text-align: center;



min-height: 100vh;











	display: none;







}







#rpp_video_viewer_container iframe {







	width: 80%;



	max-width: 1200px;



	height: 80%;



	max-height: 600px;







}







#rpp_section_featured .responsive_container {







	display: flex;



	/*gap: 20px 20px;*/



}



#rpp_section_featured .responsive_container > *:not(:last-child){

    margin-right:80px;

}









.rpp_featured_item {

	background-color: #ffffff;

	width: 15%;

	margin: 0;

	position: relative;

	padding-bottom: 40px;

}







.rpp_featured_item_interactive, .rpp_featured_item_video {







	flex-grow: 5;



	max-width: 610px;







}







.rpp_featured_item_download {







	flex-grow: 1;



	max-width: 320px;



}







@media screen and (max-width: 650px) {







	#rpp_section_featured .responsive_container {







		display: block;



	}







	.rpp_featured_item {







		width: 100%;



		max-width: 100%;



		margin: 20px 0;



	}







}







div.rpp_featured_item_image {







	padding-top: 50%;



	background-size: cover;



	background-position-x: center;



	background-position-y: center;



}







.rpp_featured_item_download div.rpp_featured_item_image {







	padding-top: 95%;



	background-size: cover;



	background-position-x: center;



	background-position-y: center;



}



.rpp_featured_item a h3 {

	color: #3a3a3a;

	font-size: 18px;

	font-weight: bold;

	margin: 0;

	padding: 20px;

}





.rpp_featured_item a:hover {

	text-decoration: none;

}



.rpp_featured_item a:hover h3 {

	/*color: #6caaff;*/

	text-decoration: none;

}







.rpp_featured_item a p {



	color: #5B5A5A;

	font-size: 12px;

	font-weight: normal;

	margin: 0;

	padding: 20px 20px 20px 20px;

	text-transform: uppercase;

	position: absolute;

	bottom: 0;

	left: 0;

	width: calc(100% - 20px);

	

}



.rpp_featured_item a p.frw_file{

	background:  url('/userfiles/images/frwfile.svg') no-repeat right center;

}



.rpp_featured_item a p.frw_video{

	background:  url('/userfiles/images/frwvideo.svg') no-repeat right center;

}



.rpp_featured_item a p.frw_link{

	background:  url('/userfiles/images/frwlink.svg') no-repeat right center;

}





.rpp_featured_item a:hover p {

	color: #000;

	text-decoration: underline;

}







a.rpp_video_viewer_modal_close_button {
	text-align: right;
	display: block;
	width: 80%;
	max-width: 1200px;
	color: #ffffff;
	padding: 10px 0;
}

#rpp_video_container {


}

.rpp_video_item {
	float: left;
	width: 29.8%;
	margin: 0 5.3% 5.3% 0;
	animation: fadeIn 6s;
	position: relative;
}



/*.rpp_video_item:nth-of-type(4n) {*/

/* ^^ change 4n to 4n+1 to account for info/record-count div at the start.. also changed all similar instances in the media queries further down */

.rpp_video_item:nth-of-type(3n) {

	margin-right: 0;

}



.rpp_video_item:nth-of-type(3n + 1) {

	clear: both;

}


@media screen and (max-width: 1300px) {

	.rpp_video_item,



	.rpp_video_item:nth-of-type(4n) {







		float: left;



		width: calc(33.34% - 14px);



		max-width: 420px;



		margin: 0 20px 20px 0;



	}







	.rpp_video_item:nth-of-type(3n) {







		margin: 0 0 20px 0;



		float: right;



	}



/* reset the clears for media query */

.rpp_video_item:nth-of-type(4n + 1) {

	clear: none;

}

.rpp_video_item:nth-of-type(3n + 1) {

	clear: both;

}







}







@media screen and (max-width: 1000px) {







	.rpp_video_item,



	.rpp_video_item:nth-of-type(4n),



	.rpp_video_item:nth-of-type(3n) {







		float: left;



		width: calc(50% - 15px);



		max-width: 485px;



		margin: 0 30px 30px 0;



	}







	.rpp_video_item:nth-of-type(2n) {







		margin: 0 0 30px 0;



		float: right;



	}



/* reset the clears for media query */

.rpp_video_item:nth-of-type(4n + 1),

.rpp_video_item:nth-of-type(3n + 1) {

	clear: none;

}

.rpp_video_item:nth-of-type(2n + 1) {

	clear: both;

}





}







@media screen and (max-width: 650px) {







	.rpp_video_item,



	.rpp_video_item:nth-of-type(4n),



	.rpp_video_item:nth-of-type(3n),



	.rpp_video_item:nth-of-type(2n) {







		float: none;



		width: 100%;



		max-width: 100%;



		margin: 0 0 40px 0;



	}



/* reset the clears for media query */

.rpp_video_item:nth-of-type(4n + 1),

.rpp_video_item:nth-of-type(3n + 1),

.rpp_video_item:nth-of-type(2n + 1) {

	clear: none;

}







}

div.rpp_video_item_image {
	padding-top: 60%;
	background-size: cover;
	background-position-x: center;
	background-position-y: center;
	border-radius: 8px;
	
}

.playicon {
	display: block;
	background: url("/userfiles/images/icons/playicon.svg") no-repeat center center;
	width: 100%;
	height: 100%;
	position:absolute;
	top: 0px;
}
@media (max-width: 1366px) {
	.playicon {
		background: url("/userfiles/images/icons/small_playicon.svg") no-repeat center center;;
	}
}

div.rpp_video_item_inner {
	background-color: #ffffff;
	padding: 0;
	min-height: 0;
	position: relative;	
	margin-top: 0px;
}

div.rpp_video_item_inner h3 {
	margin: 0;
	line-height: 1.3em;
	font-size: 18px;
	color: #343434;
	min-height: 90px;
}
a.rpp_video_item_trigger {
	color: inherit;
	text-decoration: none;
	display: block;

}


a.rpp_video_item_trigger:focus{
	outline: none;
}

a.rpp_video_item_trigger:focus .rpp_video_item_image {
	outline: 4px solid #000;
}

a.rpp_video_item_trigger:hover .rpp_video_item_inner, a.rpp_video_item_trigger:focus .rpp_video_item_inner {
	color: #C44676;
}
a.rpp_video_item_trigger:hover div.rpp_video_item_inner h3, a.rpp_video_item_trigger:focus div.rpp_video_item_inner h3 {
	color: #C44676;
}

div.rpp_video_item_inner p {
	font-size: 14px;
	float: left;
}

div.rpp_video_item_inner p:nth-of-type(2n) {
	float: right;
}
a#rpp_videos_more_button {
	display: none;
	margin: 20px auto;
	padding: 14px 25px;
	background-color: #2C585F;
	color: #ffffff;
	text-decoration: none;
	border-radius: 30px;
	text-align: center;
	
	max-width: 350px;
}
a#rpp_videos_more_button:hover {
	background-color: #C44676;
}

a#rpp_videos_more_button:focus {
	background-color: #C44676;
	outline: 4px solid #000;
}


/*
1600px total
width: calc(25% - 15px);
max-width: 385px;
margin: 0 20px 20px 0;
*/

.rpp_interactive_item {
float: left;
width: 30%;
margin: 0 5% 5% 0;
animation: fadeIn 6s;
}

.rpp_interactive_item:nth-of-type(3n) {
	margin-right: 0;
}

@media screen and (max-width: 1200px) {
	.rpp_interactive_item,
	.rpp_interactive_item:nth-of-type(3n) {
		float: left;
		width: calc(50% - 15px);
		max-width: 585px;
		margin: 0 30px 30px 0;
	}
	.rpp_interactive_item:nth-of-type(2n) {
		margin: 0 0 30px 0;
		float: right;
	}
}


@media screen and (max-width: 650px) {







	.rpp_interactive_item,



	.rpp_interactive_item:nth-of-type(3n),



	.rpp_interactive_item:nth-of-type(2n) {







		float: none;



		width: 100%;



		max-width: 100%;



		margin: 0 0 40px 0;



	}











}







/*



.rpp_interactive_item img {







	display: block;



	width: 100%;



	height: 250px;



}



*/







div.rpp_interactive_item_image {







	padding-top: 50%;



	background-size: cover;



	background-position-x: center;



	background-position-y: center;



}







.rpp_interactive_item a p {

	color: #ffffff;

	font-size: 18px;

	font-weight: bold;

	margin: 0;

	padding: 20px;

}

.rpp_interactive_item a{ display: block;}

.rpp_interactive_item a:hover {

	background: #fff;

	text-decoration: none;

}



.rpp_interactive_item a:hover p {

	color: #C44676;

	text-decoration: none;

}



.rpp_interactive_item a:focus {

	background: #fff;

	text-decoration: none;

	outline: 4px solid #fff;

}



.rpp_interactive_item a:focus p {

	color: #C44676;

	text-decoration: none;

}







a#rpp_downloadables_more_button {

}



a#rpp_downloadables_more_button:hover {



}

a#rpp_downloadables_more_button:focus {



}





/*

body:not(.pg_resources) #rpp_section_featured {







	margin: 20px 0;



}

*/







/*@media screen and (max-width: 1000px) {*/

@media screen and (max-width: 1080px) {



	#rpp_dl_record_count,

	#rpp_videos_record_count {



		top: 155px;

	}



	.rpp_reset_all_filters_ptag {

		margin: 0px 0 0px 0;

		text-align: center;

		float: right;

	}



	.rpp_reset_all_filters_button {

		float: none;

	}



	.browsernote {

		margin: 0px auto 60px auto;

	}

}

@media screen and (max-width: 650px) {

	#rpp_dl_record_count,

	#rpp_videos_record_count {



			top: 185px;



	}

	

	.rpp_reset_all_filters_ptag {

		margin:25px 0 0px 0;

		text-align: center;

		float: none;

	}

}







.browsernote {

  /*margin: -30px auto 60px auto;*/

  width: 100%;

  /*text-align: center;*/

  text-align: left;

  margin: -50px 0 0 0;

  padding: 0 0 40px 0;

}


.rpp_video_viewer_close_button{
	color: #002638;
	text-decoration: none;
}