.responsive_container {

	width: 1600px;

	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 {

	font-size: 50px;

	text-align: center;

	padding: 80px 20px;

	margin: 0;

}

#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 {

	background-color: #ffffff;

}

#rpp_section_downloadables h2 {

	color: #3a3a3a;

}

/*

@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_item {



	clear: both;




/*

	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;

*/

	font-size: 16px;

	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 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;

  font-size: 16px;

  -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;

	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: 20px;
	
}

.playicon {
	display: block;
	background: url("/userfiles/images/icons/playicon.svg") no-repeat center center;
	width: 100%;
	height: 100%;
	position:absolute;
	top: 0px;
}
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;
	font-size: 16px;
	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;
}

.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 {

	display: none;

	margin: 20px auto;

	padding: 14px 25px;

	background-color: #2C585F;

	color: #ffffff;

	text-decoration: none;

	border-radius: 30px;

	text-align: center;

	font-size: 16px;

	max-width: 350px;

}

a#rpp_downloadables_more_button:hover {

	background-color: #C44676;

}

a#rpp_downloadables_more_button:focus {

	background-color: #C44676;

	outline: 4px solid #000;

}

/*

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;
}