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

*/

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

  padding: 10px 0 0 0;

  margin: 0 0 0px 0;

  

  font-family: Arial;

  line-height: unset;

  font-size: 16px;

}



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: 21%;
margin: 0 5.3% 5.3% 0;
animation: fadeIn 6s;
	background: #fff;
}



/*.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(4n) {
	margin-right: 0;
}

.rpp_video_item:nth-of-type(4n + 1) {
	clear: both;
}





/*

1600

1300

1000

650

*/



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



}


#widgets_container div.rpp_video_item a {
	text-decoration: none;
}


div.rpp_video_item_image {



	padding-top: 60%;

	background-size: cover;

	background-position-x: center;

	background-position-y: center;

}



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



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