/**
 * MHRD RecExcite public programs list
 */
 
/* master container */
main > .content#RecExcite-program-details {
	display: block;
	position: relative;
	
	margin-bottom: 25px;
}
	
	
	/** TOP CONTENT **/
	
	
	/* "back to progs" link */
	main > .content#RecExcite-program-details > a#Programs {
		display: inline-block;
		padding: 5px;
		
		font-family: DINCond;
		font-size: 23px;
		color: #470A59;
		opacity: .85;
		
		margin-bottom: 10px;
	}
		/* hover on "back to progs" link */
		main > .content#RecExcite-program-details > a#Programs:hover {
			color: 3px solid #470A59;
			opacity: 1;
		}
		
		/* icon in "back to progs" link */
		main > .content#RecExcite-program-details > a#Programs > .fa {
			margin-right: 5px;
			font-size: 18px;
			vertical-align: bottom;
		}
	
	
	/* main header */
	main > .content#RecExcite-program-details > h3 {
		margin-bottom: 10px;
		cursor: default;
	}
	
		/* session name in header */
		main > .content#RecExcite-program-details > h3 > .SessionName {
			margin-left: 50px;
		}
	
	
	
	
	/** GENERAL CONTENT OVERRIDES **/
		
	/* content section */
	main > .content#RecExcite-program-details section {
		margin: 0px 0px 45px 10px;
	}
	
	/* gallery display */
	main > .content#RecExcite-program-details .RecExcite-pub-gallery {
		margin-top: 35px !important;
		width: calc( 100% - 10px );
	}
	
	/* lists */
	main > .content#RecExcite-program-details ul,
	main > .content#RecExcite-program-details ol {
		margin: 10px 0px 35px 0px;
	}
	
	
	
	
	/* PROGRAM-SPECIFIC CONTENT */
	
	/* main registration button */
	main > .content#RecExcite-program-details a.register.button {
		margin: 0px 0px 0px 15px;
	}
	
	/* button registration button */
	main section#register {
		display: block;
		text-align: center;
		margin: 0px 0px 45px 0px !important;
	}
		/* button element */
		main section#register > a.register.button {
			float: none;
			display: inline-block;
			text-align: center;
			margin: 0px 0px 0px 0px !important;
			
			font-size: 50px;
		}
		/* "flashy icons" (because lol) */
		main section#register > img.flashy-icon {
			vertical-align: baseline;
		}
		
	/* program description */
	main > .content#RecExcite-program-details section#Description > article,
	main > .content#RecExcite-program-details section#Description > article *:not(.fa) {
		font-size: 17px;
	}
	
	
	
	/* categories */
	main > .content#RecExcite-program-details section#ProgramDisplayCategories {
		
	}
	
		/* category */
		main > .content#RecExcite-program-details section#ProgramDisplayCategories > a {
			display: inline-block;
			width: auto;
			margin: 5px 5px 5px 0px;
			padding: 8px;
			
			text-align: left;
			background-color: rgba(217,240,217,.65);
			box-shadow: 1px 1px 3px rgba(0,0,0,.05);
		}
		
			main > .content#RecExcite-program-details section#ProgramDisplayCategories > a:hover {
				background-color: rgba(217,240,217,.9);
				box-shadow: 1px 1px 3px rgba(0,0,0,.15);
			}
		
			/* category icon container */
			main > .content#RecExcite-program-details section#ProgramDisplayCategories > a > div {
				display: inline-block;
				width: auto;
				margin: 0px 5px 0px 0px;
				vertical-align: top;
				text-align: center;
			}
				/* category icon */
				main > .content#RecExcite-program-details section#ProgramDisplayCategories > a > div > img {
					display: inline-block;
					height: 30px;
					width: auto;
					vertical-align: top;
				}	
			
			/* category name */
			main > .content#RecExcite-program-details section#ProgramDisplayCategories > a > name {
				display: inline-block;
				margin-top: 8px;
				
				font-family: Lato;
				font-size: 14px;
				color: #2A6629;
			}
		
		
	
	/* instructor bios */
	main > .content#RecExcite-program-details section.Contacts_Instructor {
		display: block;
		position: relative;
		width: calc( 100% - 10px );
		
		text-align: left;
	}
	
		/* individual instructor */
		main > .content#RecExcite-program-details section.Contacts_Instructor > div {
			display: block;
			margin: 20px 0px 25px 0px;
		}
	
			/* instructor name */
			main > .content#RecExcite-program-details section.Contacts_Instructor > div > h6 {
				display: block;
				margin-bottom: 10px;
				
				font-family: Lato;
				font-size: 16px;
				font-weight: bold;
				color: rgba(0,0,0,.65);	
			}
		
			/* instructor photo */
			main > .content#RecExcite-program-details section.Contacts_Instructor > div > div.photo {
				display: block;
				float: right;
				width: 100px;
				height: 100px;
				margin: 0px 10px 10px 10px;
				
				border-radius: 50px;
				overflow: hidden;
			}
				/* picture when no bio */
				main > .content#RecExcite-program-details section.Contacts_Instructor > div.Bio-empty > div.photo {
					margin-top: 20px;
					float: none;
				}
				
				/* no photo */
				main > .content#RecExcite-program-details section.Contacts_Instructor > div > div.photo:not(.selected) {
					display: none;
				}
			
				/* photo */
				main > .content#RecExcite-program-details section.Contacts_Instructor > div > div.photo.selected > img {
					width: auto;
					height: 100px;
				}
				
				/* no photo */
				main > .content#RecExcite-program-details section.Contacts_Instructor > div > div.photo:not(.selected) > img {
					display: none;
				}
				
				/* placeholder */
				main > .content#RecExcite-program-details section.Contacts_Instructor > div > div.photo:not(.selected) > .fa {
					font-size: 100px;
					color: rgba(0,0,0,.1);
				}
				
				/* no placeholder */
				main > .content#RecExcite-program-details section.Contacts_Instructor > div > div.photo.selected > .fa {
					display: none;
				}
				
			/* bio */
			main > .content#RecExcite-program-details section.Contacts_Instructor > div > article,
			main > .content#RecExcite-program-details section.Contacts_Instructor > div > article *:not(.fa) {
				font-size: 14px;
				color: rgba(0,0,0,.75);
			}
				main > .content#RecExcite-program-details section.Contacts_Instructor > div > article > p {
					margin-bottom: 7px;
				}
				
	
	/* share link section */
	main > .content#RecExcite-program-details section.RecExcite-share-page {
		
	}
	
		/* links */
		main > .content#RecExcite-program-details section.RecExcite-share-page a {
			display: inline-block;
			margin-bottom: 10px;
			font-weight: bold;
		}
		
			/* fa icons */
			main > .content#RecExcite-program-details section.RecExcite-share-page a > .fa {
				width: 35px;
				text-align: center;
				font-size: 24px;
				vertical-align: top;
				margin-top: -1px;
				
				opacity: 0.75;
			}
				main > .content#RecExcite-program-details section.RecExcite-share-page a:hover > .fa {
					opacity: 1;
				}
	
	
	/* schedule / ProgramBookings */
	main > .content#RecExcite-program-details section#schedule #ProgramBookings {
		display: block;
		width: 60%;
		margin: 20px 10px 10px 10px;
			
		column-count: 2;
		-moz-column-count: 2;
	}
		
		/* booking entry */
		main > .content#RecExcite-program-details section#schedule #ProgramBookings > div {
			display: inline-block;
			width: 345px;
			padding-top: 25px;
			
			border-bottom: 1px dotted rgba(100,45,110,.65);
		}
			
			/* booking entry and data containers when cancelled */
			main > .content#RecExcite-program-details section#schedule #ProgramBookings > div.Cancelled {
				background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAFUlEQVQImWNgQAP/GRh8qS7AwMAAAFodBn0+dHvTAAAAAElFTkSuQmCC);
			}
			
			main > .content#RecExcite-program-details section#schedule #ProgramBookings > div.Cancelled,
			main > .content#RecExcite-program-details section#schedule #ProgramBookings > div.Cancelled * {
				text-decoration: line-through !important;
				color: red !important;
				font-weight: bold !important;
			}
		
			/* booking entry data containers */
			main > .content#RecExcite-program-details section#schedule #ProgramBookings > div > data {
				display: inline-block;
				padding: 0px 10px 3px 10px;
				
				font-family: Lato;
				color: rgba(0,0,0,.65);
			}
				/* booking entry data containers */
				main > .content#RecExcite-program-details section#schedule #ProgramBookings > div > data,
				main > .content#RecExcite-program-details section#schedule #ProgramBookings > div > data *:not(.fa) {
					font-size: 14px !important;
				}
		
			/* date */
			main > .content#RecExcite-program-details section#schedule #ProgramBookings > div > .date {
				width: 190px;
			}
		
			/* time */
			main > .content#RecExcite-program-details section#schedule #ProgramBookings > div > .time {
				width: 155px;
				text-align: right;
			}
				
			/* facility when changed */
			main > .content#RecExcite-program-details section#schedule #ProgramBookings > div > .FacilityName {
				display: block;
				margin: 0px 0px 3px 0px;
				
				font-size: 11px;
			}
				
			/* other booking data when cancelled */
			/* main > .content#RecExcite-program-details section#schedule #ProgramBookings > div.Cancelled > .info {
				display: block;
				margin-top: 5px;
				text-align: center;
				
				font-size: 11px;
				font-style: normal;
				text-decoration: none;
				font-weight: bold;
			} */
			
			
			
	/* rates/payments */
	
	/* registration rates */
	main > .content#RecExcite-program-details section#rates-payments ul#ProgramRegistrationRates {
		display: block;
		width: 60%;
		margin-top: 20px;
	}
	
		/* registration rate */
		main > .content#RecExcite-program-details section#rates-payments ul#ProgramRegistrationRates > li {
			display: block;
			margin: 5px 0px 0px 0px;
			list-style-type: none;
			
			border-bottom: 1px dotted rgba(100,45,110,.65);
			
			font-family: Lato;
		}
		
			/* set height for public view to compensate for floating of cost elements */
			main > .content#RecExcite-program-details section#rates-payments ul#ProgramRegistrationRates.public > li {
				height: 40px;
			}
			
			/* rate name */
			main > .content#RecExcite-program-details section#rates-payments ul#ProgramRegistrationRates > li > label {
				display: inline-block;
				position: relative;
				width: 60%;
					
				vertical-align: top;
				font-size: 15px;
				font-weight: bold;
			}
				
				/* rate description/details */
				main > .content#RecExcite-program-details section#rates-payments ul#ProgramRegistrationRates > li > label > article {
					display: block;
					margin-top: 5px;
					
					font-size: 13px;
					font-weight: normal;
					color: rgba(0,0,0,.75);
				}
				
			/* rate amounts */
			main > .content#RecExcite-program-details section#rates-payments ul#ProgramRegistrationRates > li > data {
				display: inline-block;
				float: right;
				width: calc( 20% - 10px );
				padding: 0px 0px 5px 10px;
				
				vertical-align: top;
				text-align: right;
				font-size: 15px;
				font-weight: bold;
			}
			
				/* rate amount when displaying specifically for customer */
				main > .content#RecExcite-program-details section#rates-payments ul#ProgramRegistrationRates > li > data.customer {
					width: calc( 40% - 10px );
					text-align: right;
					color: black;
				}
			
				/* rate label */
				main > .content#RecExcite-program-details section#rates-payments ul#ProgramRegistrationRates > li > data > label {
					display: block;
					margin-bottom: 5px;
					
					font-size: 10px;
					font-weight: normal;
				}
				
				/* out-of-district */
				main > .content#RecExcite-program-details section#rates-payments ul#ProgramRegistrationRates > li > data:not(.InDistrict):not(.free):not(.customer) {
					color: rgba(0,0,0,.65);
				}
				
				/* free rates */
				main > .content#RecExcite-program-details section#rates-payments ul#ProgramRegistrationRates > li > data.free {
					width: calc( 40% - 20px );
					text-align: right;
				}
				
		/* payment options */
		main > .content#RecExcite-program-details section#rates-payments > article#PaymentMethods {
			margin-top: 25px;
		}
	
			/* payment methods */
			main > .content#RecExcite-program-details section#rates-payments > article#PaymentMethods > ul > li {
				margin-left: 30px;
				list-style-type: disc;
			}