/**
 * RecExcite MHRD global public content styles
 */
 
	/* content wrapper */
	main > .content {
		display: block;
	}
	
	/* content when sidebar present */
	main.has-sidebar > .content {
		width: 71.1%;
		margin: 0px 0px 0px auto;
	}
 
	/* no content on homepage */
	main[designation="homepage"] > .content {
		display: none;
	}
		
	/* page title */
	main > .content h1 {
		display: block;
		margin-top: 20px;
		
		text-align: left;
		font-family: Lato;
		font-size: 35px;
	}

		/* main headers */
		main > .content h3,
		main > .content a.h3 {
			display: block;
			margin-top: 0px;
			padding: 10px;
			text-align: left;
			
			font-family: Lato;
			font-size: 25px !important;
			color: #299926;
			
			background-color: #D9F0D9;
			box-shadow: 1px 1px 3px rgba(0,0,0,.15);
			
			cursor: pointer;
		}
		
			/* summary data in main program list header */
			main > .content h3 > data,
			main > .content a.h3 > data {
				float: right;
				display: block;
				margin-top: 4px;
				
				font-family: Lato;
				font-size: 18px !important;
				
				opacity: .75;
			}
			
				/* summary data for category icons */
				main > .content h3 > data.ProgramDisplayCategories {
					margin-top: -2px;
					min-width: 50px;
					text-align: center;
				}
			
					/* icon image */
					main > .content h3 > data.ProgramDisplayCategories > img {
						display: inline-block;
						margin: auto 10px auto 10px;
						height: 30px;
						width: auto;
					}
			
		/* main subheaders */
		main > .content h4 {
			display: block;
			margin: 10px 0px 10px 10px;
			
			font-family: Lato !important;
			font-size: 23px !important;
			color: #1E701C;
		}
		
		/* in-content headers */
		main > .content h5 {
			display: block;
			margin: 10px 0px 10px 0px;
			
			font-family: Lato !important;
			font-size: 23px !important;
			color: rgba(30,110,30,.75);
		}
		
		/* smaller in-content headers */
		main > .content h6 {
			display: block;
			margin: -5px 0px 15px 0px;
			
			font-family: Lato;
			font-weight: normal;
			font-size: 15px;
			color: rgba(30,110,30,.7);
			line-height: 1.25;
		}
		
		/* main registration link */
		main > .content a.register.button {
			float: right;
			
			display: inline-block;
			padding: 10px;
			margin-right: 10px;
					
			text-align: center;
			font-family: DINCond;
			font-size: 32px;
			color: #470A59;
			border-bottom: 3px solid #299926;
			opacity: .85;
		}
		
			/* hover main registration link */
			main:not(.is-mobile) > .content a.register.button:hover {
				color: #470A59;
				border-bottom: 3px solid #470A59;
				opacity: 1;
			}
		
		/* hide content elements when empty/blank */
		main > .content *:blank,
		main > .content *:empty {
			display: none !important;
		}
					
		/* admin preview note */
		main > .content article.admin-preview {
			display: block;
			border: 1px solid #602D71;
			padding: 15px;
			margin: 15px;
			
			text-align: center;
			background-color: rgba(255,255,255,.9);
		}
			/* icon */
			main > .content article.admin-preview > .fa {
				margin-right: 25px;
				font-size: 35px;
				color: rgba(0,0,0,.25);
			}
			/* text */
			main > .content article.admin-preview > p {
				display: inline-block;
				width: 80%;
				padding-top: 8px;
				margin: 0px;
				vertical-align: top;
				
				font-family: Roboto;
				color: rgba(0,0,0,.75);
				font-size: 16px;
				font-weight: normal;
			}
	 
		/* PLACEHOLDER */
		main > .content > article.placeholder {
			padding: 35px;
			
			font-family: Lato;
			font-size: 20px;
			text-align: center;
		}
	 
	 
		/* 404 or other message */
		main > .content > article.notfound,
		main > .content > article.empty,
		main > .content > article.complete,
		main > .content > article.info,
		main > .content > article.notice {
			margin-bottom: 50px;
			padding: 35px 0px 0px 0px;
			
			text-align: center;
			
			font-family: Lato;
			line-height: 1.25;
		}
			/* info article contained in visual box */
			main > .content > article.info.boxed {
				display: block;
				width: 90%;
				position: relative;
				padding: 25px;
				margin: 25px auto 25px auto;
				text-align: left;
				
				background-color: rgba(255,255,255,.75);
				border: 2px solid #299926;
			}
				main > .content > article.info.boxed.centered {
					text-align: center;
				}
		
			main > .content > article.notfound  *,
			main > .content > article.empty  *,
			main > .content > article.complete  *,
			main > .content > article.info  *,
			main > .content > article.notice  * {
				font-size: 20px !important;
			}
			
			/* bold links */
			main > .content > article.notfound a,
			main > .content > article.empty a,
			main > .content > article.complete a,
			main > .content > article.info a,
			main > .content > article.notice a {
				font-size: 20px;
				font-weight: bold;
			}
	
		
		/* content section */
		main > .content section {
			margin: 0px 0px 0px 0px;
		}
			
			/* content section header styling icon */
			main > .content h5 > .fa {
				display: none;
				/* 
				width: 22px;
				margin-right: 10px;
				
				text-align: center;
				font-size: 25px;
				color: rgba(100,50,115,.25); */
			}
			
		/* article texts */
		main > .content section,
		main > .content article {
			display: block;
		}
			/* article content text */
			main > .content article,
			main > .content article *:not(.fa) {
				font-family: Lato;
				font-size: 17px;
				line-height: 1.45;
			}
			
			/* paragraphs in article texts */
			main > .content article > p {
				margin-bottom: 25px;
			}
			
				/* small text */
				main > .content article > p.small,
				main > .content article > p.small * {
					font-size: small;
				}
				
			/* lists */
			main > .content article > ul,
			main > .content article > ol {
				display: block;
				margin: -5px 0px 35px 0px;
			}
				/* list items */
				main > .content article > ul > li,
				main > .content article > ol > li {
					display: list-item;
					margin-left: 35px;
					
					font-size: 17px;
					line-height: 1.25;
				}
				
				/* unordered */
				main > .content article > ul > li {
					list-style-type: disc;
				}
				
				/* ordered */
				main > .content article > ol > li {
					list-style-type: decimal;
				}
		
		/* basic article */
		main > .content article {
			display: block;
			margin-top: 15px;
		}
		
			/* paragraph in article */
			main > .content article > p {
				font-family: Lato;
				font-size: 17px;
				margin-bottom: 25px;
				line-height: 1.3;
			}
			
	
		/* aside content in wide view */
		main > .content aside.screen-wide {
			display: block;
			position: relative;
			float: right;
			clear: right;
			width: calc( 35% - 35px );
			margin: 0px 0px 15px 35px;
			
			text-align: left;
		}
			
		
		/* aside content in narrow view */
		main > .content aside.screen-narrow {
			display: block;
			position: relative;
			margin-top: 15px;
			width: 100%;
		}
		
		/* hide aside when empty */
		main > .content aside:empty {
			display: none;
		}
		
		/* tables */
		main > div.content table {
			display: table;
			width: 100%;
			margin-bottom: 35px;
		}
			
			/* first row as headers */
			main > div.content table tr:first-of-type > td {
				padding: 5px !important;
				background-color: rgba(243,217,255,.75) !important;
				white-space: nowrap !important;
			}
			main > div.content table tr:first-of-type > td,
			main > div.content table tr:first-of-type > td * {
				font-size: 16px !important;
				font-weight: bold !important;
			}
		
				/* avoid breaks, except where specified */
				main > div.content table td {
					display: table-cell;
					padding: 10px 10px 5px 5px;
					
					vertical-align: top;
					/* white-space: nowrap; */
					
					border-bottom: 1px solid rgb(144,211,144);
				}
					main > div.content table td,
					main > div.content table td * {
						font-size: 14px !important;
					}
					
					/* first col */
					main > div.content table td:first-of-type {
						font-weight: bold;
					}
		
		
		/* expandable/collapsible content sections container */
		main > div.content > div.content-sections {
			
		}
		
			/* individual section */
			main > div.content > div.content-sections > div.content {
				display: block;
				margin-top: 10px;
				padding: 0px;
				
				background-color: rgba(255,255,255,.75);
				border: 1px solid rgba(0,0,0,.25);
				box-shadow: 1px 1px 3px rgba(0,0,0,.15);
			}
			
				/* no margin for header */
				main > div.content > div.content-sections > div.content > h3 {
					margin: 0px !important;
				}
	
				/* hover on main program list header */
				main > div.content > div.content-sections > div.content > h3:hover,
				main > div.content > div.content-sections > div.content > a.h3:hover {
					color: #299926;
					background-color: #c7e9c7;
					text-shadow: none !important;
				}
			
				/* expand/collapse icon for section header */
				main > div.content > div.content-sections > div.content > h3:before,
				main > div.content > div.content-sections > div.content > a.h3:before {
					margin-right: 10px;
					
					font-family: 'FontAwesome';
					font-size: 25px;
					color: rgba(41, 153, 38,.5);
					text-shadow: 1px 1px 0px rgba(255,255,255,1);
				}
			
					/* expand/collapse icon when section collapsed */
					main > div.content > div.content-sections > div.content:not(.show) > h3:before,
					main > div.content > div.content-sections > div.content:not(.show) > a.h3:before {
						/* .fa-chevron-circle-right */
						content: "\f138";
					}
			
					/* expand/collapse icon when section expanded */
					main > div.content > div.content-sections > div.content.show > h3:before {
						/* fa-chevron-circle-down */
						content: "\f13a";
					}
			
				/* section content */
				main > div.content > div.content-sections > div.content > .content-components {
					display: none;
				}
				
					/*
						avoid clearing in order to prevent gap in collapsed in content section
						otherwise, it attempts to clear sidebar
						this clearing is only intended for the photos block
					*/
					main > div.content > div.content-sections > div.content:not(.show) * {
						clear: none !important;
					}
			
					/* section content expanded */
					main > div.content > div.content-sections > div.content.show > .content-components {
						display: block;
						margin: 15px;
					}