/*Guides*/

/*Work Area*/
/*////////////////////////////////////////////////////////////////*/

/*Load Fonts*/
@font-face {
	font-family: FGM;
	src: url('../Fonts/FranklinGothicMedium.ttf') format('truetype');
	/* font-weight: bold; */
}

@font-face {
	font-family: 'FGMI';
	src: url('../Fonts/FranklinGothicMedium_Italic.ttf') format('truetype');
	/* font-weight: bold; */
}

@font-face {
	font-family: 'FGB';
	src: url('../Fonts/FranklinGothicBook.TTF') format('truetype');
	/* font-weight: bold; */
}

@font-face {
	font-family: 'FGBI';
	src: url('../Fonts/FranklinGothicBook_Italic.TTF') format('truetype');
	/* font-weight: bold; */
}

@font-face {
	font-family: 'FGH';
	src: url('../Fonts/FranklinGothicHeavy.TTF') format('truetype');
	/* font-weight: bold; */
}

/*Setup Page*/

*{
	color: white;
	text-decoration: none;
	font-family: 'FGB';
}




/*NEW TEXT STRUCTURE*/
	.text_subtext {
		font-size: 14px;
		margin-left: 5%;
		color: #5f879c !important;
	}


/*Font Selection*/
	h1 {
		font-family: 'FGM';
		z-index: 80;
	}
	h2 {
		font-family: 'FGB';
		z-index: 80;
		font-size: 3vw;
	}
	h3 {
		font-family: 'FGB';
		z-index: 60;
		font-size: 3vw;
	}
	h4 {
		font-family: 'FGBI';
		z-index: 60;
		font-size: 1vw;
	}
	.H2 {
		font-family: 'FGB';
		z-index: 80;
		font-size: 1.5vw;
	}
	p{
		font-family: 'FGB';
		z-index: 80;
		overflow-wrap: break-word;
	}
	.List_Catagory{
		font-family: FGBI;
		font-size: 30px;
	}
	.P_Italic{
		font-family: 'FGBI';
		z-index: 80;
		overflow-wrap: break-word;
	}
	.Small_P {
		font-family: 'FGB';
		font-size: .75vw;
		z-index: 80;
		overflow-wrap: break-word;
	}
	.Text_White {
		color: white;
	}
    .Text_Black {
        color: black;
    }
    .Text_ADAC-Blue {
    	color: #001c28;
    }
    .Text_Pail-Blue {
		color: #5f879c;
	}
	.Text_Subtle {
		color: #5f879c;
		font-size: 10px;
	}
	.Text_Subtle_Em {
		font-family: FGBI;
		color: #5f879c;
		font-size: 12px;
	}

	/*>>>>>>>>>>>>>>>>>>>>>*/
	/*Utility*/
	.Div_CenterText_40H{
		display: flex;
		justify-content: center;
		align-items: center;
		height: 40px;
	}
	.NoPadding {
		padding-top: 0 !important;
		padding-bottom:  0 !important;
		padding-left:  0 !important;
		padding-right:  0 !important;
	}
	.Grid_Font {
		font-size: 10px;
	}
	/*>>>>>>>>>>>>>>>>>>>>>*/
	/*Homepage*/
	.PageHeader_Text {
		font-family: FGM;
		font-size: 50px;
		/*text-transform: uppercase;*/
		font-variant: small-caps;
		padding-top: 10px;
		padding-left: 10px;
		color: white;
	}

	.Homepage_TopBanner_H {
		font-family: FGB;
		font-size: 3vw;
		line-height: 2.5vw;
		/*text-transform: uppercase;*/
		font-variant: small-caps;
		color: white;
		/*display: table-cell;*/
		vertical-align: bottom;
		text-shadow: 0px 2px 5px black;
	}
	.Homepage_TopBanner_Sub_H {
		font-family: FGB;
		font-size: 3vw;
		line-height: 2.5vw;
		/*text-transform: uppercase;*/
		font-variant: small-caps;
		color: white;
		display: table-cell;
		vertical-align: bottom;
		text-shadow: 0px 2px 5px black;
	}
	.Homepage_TopBanner_P {
		font-family: FGBI;
		font-size: 1.25vw;
		line-height: 1.25vw;
		/*text-transform: uppercase;*/
		color: #fff;
		display: table-cell;
		vertical-align: top;
		text-shadow: 0px 2px 5px black;
	}

	.Homepage_TopBanner_TextBlocks {
		display: table;
		width: 100%;
		height: 50%;
	}

	.SectionHeader_Text {
		font-family: FGB;
		font-size: 2em;
		font-variant: small-caps;
		letter-spacing: .5em;
		margin-left: 25.3%;
		color: white;
	}

	.AllCaps {
		text-transform: uppercase;
	}
	.SmallCaps {
		font-variant: small-caps;
	}
	.Text_Position-Right {
		text-align: right;
	}
	.Font_40px {
		font-size: 40px;
	}

	#PageInfo {
		font-family: FGM;
		font-size: 35px;
		color: white;
		text-shadow: 1px 1px 2px black;
		margin-top: 7px;
		text-align: center;
		font-variant: small-caps;
	}
	
	.DropShadow {
		text-shadow: 1px 1px 2px black;
	}
/*Education Page*/
	.E_H {
		font-family: FGM;
		font-size: 50px;
		/*text-transform: uppercase;*/
		font-variant: small-caps;
		color: white;
	}
	.E_SH {
		font-family: FGMI;
		font-size: 25px;
		/*text-transform: uppercase;*/
		font-variant: small-caps;
		color: white;
	}
	.E_List_Point{
		padding-left: 5%;
	}
	.E_List_Indent {
		margin-left: 50px;
	}
	.E_List_Point li {
		font-family: FGB;
		font-size: 15px;
		color: white;
		padding: 2px;
		margin-bottom: 5px;

	}
	.E_List_SubPoint {
		font-family: FGB;
		font-size: 15px;
		color: white;
		padding-left: 5%;
	}

/*////////////////////////////////////////////////////////////////*/
	
	.EventTicket_Date {
		font-family: FGH;
	}
	.EventTicket_H_Catagory {
		font-size: 15px;
	}
	.EventTicket_H {
		font-size: 25px;
	}
	.EventTicket_S {
		font-family: FGBI;
		font-size: 20px;
		color: #5f879c;
	}
	.EventTicket_P{
		position: relative;
		margin: 15px;
	}
	.EventTicket_Text_Resources{
		font-size: 1.5vw
	}
	
	



/*Event Page*/
	.EventTicket_Pop_H {
		font-size: 14px;
	}
	.EventTicket_Pop_S {
		font-size: 10px;
	}
	.EventTicket_Pop_P {
		font-size: 12px;
	}

/*Resources*/
	.Resources_Year {
		position: relative;
		font-size: 20px;
		margin-left: 5%;
		top:5px;
		height: 30px;
	}
	.Resources_Range {
		position: relative;
		margin-left: 10%;
		margin-top: 7px;
	}
	.Resources_H {
		font-size: 40px;
	}
	.Resources_Pop_P {
		font-size: 12px;
		margin-bottom: 15px;
	}
	.DropDown_Pop_H {
		position: absolute;
		font-size: 20px;
		margin-left: 50px;
		top:5px;
		height: 30px;
	}
	.DropDown_Pop_SH {
		font-family: FGBI;
		position: absolute;
		font-size: 15px;
		margin-left:50px;
		top:5px;
		height: 30px;
	}
	.Document_Catagory {
		font-family: FGM;
		display: inline-block;
		font-size: 15px;
		margin-left: 30px;
		margin-top: 12px;
		margin-bottom: 15px;
		top:5px;
		width: 60%;
		/*height: 30px;*/
	}
	.Document_Name {
		display: inline-block;
		font-size: 12px;
		margin-left: 20%;
		margin-top: 5px;
		top:5px;
		width: 80%;
		/*height: 30px;*/
	}
	.Presentation_Name {
		font-family: FGBI;
		display: inline-block;
		font-size: 20px;
		margin-left: 10%;
		margin-top: 5px;
		margin-bottom: 15px;
		top:5px;
		width: 80%;
		/*height: 30px;*/
	}
	.Presentation_SubTitle {
		font-family: FGBI;
		display: inline-block;
		font-size: 15px;
		margin-left: 7%;
		margin-top: -12px;
		margin-bottom: 15px;
		top:5px;
		width: 80%;
		/*height: 30px;*/
	}
	.Document_Auth {
		display: inline-block;
		font-size: 12px;
		margin-left: 30%;
		top:5px;
		width: 70%
		/*height: 30px;*/
	}
	.Library_Doc {
		position: relative;
		display: block;
		font-size: 20px;
		top:5px;
		width: 100%
		padding-bottom:5px;
	}
	.Library_Auth {
		position: relative;
		display: block;
		font-size: 12px;
		margin-left: 30%;
		padding-top: 10px;
		width: 70%
		/*height: 30px;*/
	}
	.Presentation_Auth {
		display: inline-block;
		font-size: 12px;
		margin-left: 15%;
		top:5px;
		width: 70%
		/*height: 30px;*/
	}
	/*Media*/
	.Video_Link_Title {
		position: relative;
		display: inline-block;
		text-align: left;
		float: left;
		top: 130px;
		left: 10px;
		width: calc(100% - 20px);
		font-size: 15px;
		color:#61c8ff;
		/*background-color: red;*/
		/*transition: 1.5s;*/
	}
	.Video_Link_Year {
		font-family: FGBI;
		position: relative;
		display: inline-block;
		text-align: left;
		float: left;
		top: 130px;
		left: 10px;
		width: calc(100% - 20px);
		font-size: 10px;
		color:#5f879c;
		/*background-color: red;*/
		/*transition: 1.5s;*/
	}
	.Video_Link_Title_Sub {
		position: relative;
		display: inline-block;
		float: left;
		text-align: left;
		font-size: 12px;
		color:#5f879c;
		/*left: 10%;*/
		margin-bottom: 15px;
		width: 90%;
		top:55%;
		/*transition: 1.5s;*/
	}
	.Video_Link_Title_Holder {
		position: relative;
		display: inline-block;
		padding: 0 10px;
		width: 100%;
		float: left;
		background-color: red;
		/*transition: 1.5s;*/
	}
	.Video_Link_Button:hover .Video_Link_Title .Video_Link_Title_Sub{
		color:white;
		/*transition: .25s*/
	}
	#Video_Current_Year{
		font-family: FGMI;
		position: relative;
		display: block;
		font-size: 15px;
		left: 20%;
		top: 25px;
		height: 20px;
		width: 70%;
	}
	#Video_Current_Title{
		position: relative;
		display: block;
		font-size: 25px;
		left: 20%;
		top: 25px;
		height: 75px;
		width: 70%;
	}
	/*#Partner_Current_Title{
		position: relative;
		display: block;
		font-size: 25px;
		left: 20%;
		top: 5px;
		height: 75px;
		width: 70%;
	}
	#Partner_Current_Title_Sub{
		position: relative;
		display: block;
		font-size: 15px;
		left: 20%;
		top: 10px;
		height: 20px;
		width: 70%;
		margin-bottom: 15px;
	}*/
	.Current_Title_Block{
		position: relative;
		display: block;
		font-size: 15px;
		padding: 0 50px;
		top: 10px;
		width: calc(100% - 100px);
		margin-bottom: 50px;
		margin-top: 15px;
	}
	.Current_Title_Block h3 {
		font-size: 35px;
	}
	.Video_Title_Sub {
		font-size: 20px;
	}


	.Gallery_H {
		font-size: 22px;
		padding: 5px 5%;
		width: 100%;
		float: left;

	}

/*////////////////////////////////////////////////////////////////*/
	.TeamMember_Name {
		font-size: 20px;
		padding: 0 15px;
	}
	.TeamMember_SubText{
		font-size: 10px;
		margin-left: 5%;
		color: #5f879c !important;
	}
/*////////////////////////////////////////////////////////////////*/



	.Categories_Header {
		font-family: FGBI;
		font-size: 1.5vw;
		text-align: center;
	}
	.Contact_Info {
		font-size: .7vw;
		width: 100%;
		height: content;
		padding-left: 15px;
		padding-top: 5px;
	}
	.Project_PI_TextBlock {
		width: 100%;
		height: content;
		padding-bottom: 5%;
		padding-top: 15px;
	}
	.Project_PI_Support{
		font-family: FGBI;
		font-size: .5vw;
		margin-left: 5%;
	}

	.Project_PI_Name {
		font-size: 12px;
	}
	.Project_Title {
		font-size: 1.5vw;
		text-align: center;
	}
	.Project_Status{
		font-size: 1vw;
		margin-left: 5%;
	}
	.Project_PI_SubText{
		font-size: 10px;
		margin-left: 5%;
	}

/*Workshops*/
	.Workshop_Year_H {
		font-family: FGBI;
		font-size: 30px;
		margin-left: 15px;
		width: 50%;
		padding-bottom: 0px !important;
	}
	.Workshop_Year_D {
		font-family: FGB;
		font-size: 20px;
		margin-left: 25px;
		padding-bottom: 5px !important;
		width: 50%;
	}
	.Workshop_Year_SH {
		font-family: FGB;
		font-size: 15px;
		margin-left: 25px;
		padding-bottom: 15px !important;
	}
	.Workshop_Year_H2 {
		font-family: FGBI;
		font-size: 25px;
		margin-left: 15px;
		padding-bottom: 10px !important;
	}
/*Newsletter*/
	.Newsletter_H {
		font-size: 1.25vw;
		text-align: center;
		padding: 5px 0;
	}
	.Newsletter_SH{
		font-size: .7vw;
		margin-left: 5%;
	}
/*////////////////////////////////////////////////////////////////*/
	.Info_Block_Text_P {
		font-size: 14px;
		/*max-height: 50vh;
		overflow: scroll;*/
		margin: 0 2%;
	}
	.Info_Block_Text_P_NoScroll {
		font-size: 14px;
		margin: 0 2%;
	}
	.EventTicket_Info_Block_Text_P {
		font-size: 12px;
		max-height: 50vh;
		margin: 0 2%;
	}
	.Center-Text_Horizontal {
		text-align: center;
		/*padding: 0;*/
	}

	.Page_PText {
		color: #999;
		font-size: 1vw; 
	}

	.PageLink{
		text-decoration: none;
		background-color: #082447;
		color: #5f879c;
		font-family: FGMI;
		padding: 5px;
		transition: 1s;
	}
	.PageLink:hover{
		background-color: #315d91;
		color: white;
		transition: .25s;
	}



	.TextOverImageLeft {
		position: absolute;
		display: block;
		width: 40%;
		height: 80%;
		top: 3%;
		left: 0;
		color: white;
		background-color: rgba(0,0,0,.75);
		z-index: 50;
	}

	.TextOverImageRight {
		position: absolute;
		display: block;
		top:50%;
		right: 0;
		color: white;
		background-color: rgba(0,0,0,.75);
		z-index: 50;
	}

	.ImageCaption_Top {
		font-family: FGBI;
		float: left;
		color: #999;
		top: 0;
		text-shadow: 0px 2px 2px black;
	}

	.Index_Text {
		z-index: 80;
	}
	.Text_Link_Header {
		font-size: 15px;
	}
/*
	@media (max-width: 1000px) {
		.Homepage_TopBanner_H {
			font-family: FGB;
			font-size: 2vw;
			
			font-variant: small-caps;
			color: white;
			display: table-cell;
			vertical-align: bottom;
		}
		.Homepage_TopBanner_P {
			font-family: FGBI;
			font-size: 1vw;
			line-height: 35px;
			
			color: #999;
			display: table-cell;
			vertical-align: top;
			text-shadow: 0px 2px 5px black;
		}

	}*/
	.P_FontSize {
		font-size: 14px;
	}
	@media (max-width: 1200px) {
		.Info_Block_Text_P {
			font-size: 18px;
			overflow-y: scroll;
			margin: 0 5%;
			max-height: 40vh;
		}
	}
	@media (max-width: 700px) {
		.DropDown_Pop_H {
			position: absolute;
			font-size: 3vw;
			margin-left: 50px;
			top:5px;
			height: 30px;
		}
		.Page_PText {
		font-size: 1vw;	
		}
		
		.PageHeader_Text {
		font-family: FGM;
		font-size: 40px;
		font-variant: small-caps;
		}
		
		h2 {
		font-family: FGB;
		z-index: 80;
		font-size: 6vw;
		}

		.Homepage_TopBanner_H {
			font-size: 5vw;
			line-height: 5vw;
		}
		.Homepage_TopBanner_P {
			font-size: 2vw;
			line-height: 2.5vw;
			color: #fff;
		}
		.Info_Block_Text_P {
			font-size: 18px;
			overflow-y: scroll;
			margin: 0 5%;
		}
		
		.Homepage_SlideCaption {
			color: #f2f2f2;
			position: absolute;
			width: 100%;
			height: calc(var(--Ticket-Height)*.5);
			left: 0%;
			top: 20%;
			overflow-y: auto;
    		overscroll-behavior-y: contain;
		}
		
		.Homepage_SlideCaption {
			color: #f2f2f2;
			position: absolute;
			width: 100%;
			height: calc(var(--Ticket-Height)*.7);
			left: 0%;
			top: 7%;
			overflow-y: scroll;
		}
		.Text_Link_Header {
			font-size: 20px;
		}
		.Info_Block_Text_P {
		font-size: 12px;
		max-height: 50vh;
		/*overflow-y: hidden;*/
		margin: 0 2%;
	}
	}