@import "/Themes/modern/page_style.css";

/* special restyling of the main table of contents page.  Uses the presentation's image dir as a qualifier so that we can select just the table of contents page and not the other pages of the presentation */
.commonInnerBox.PictureDataTOC .presentationElementText {
	padding: 0;
	margin: 0;
}

.commonInnerBox.PictureDataTOC .presentationBase {
	background-image:url(Graphics/MainPageBkg.jpg);
	background-position: -50px 0px;
}

.commonInnerBox.PictureDataTOC .presentationTitleBanner {
	background-image:none; /* only on the main page, we'll have no banner background and instead use the background above */
}

.big_presentation_toc {
	display: flex;
    align-items: start;
}

.big_presentation_left_column {
	flex:50%;
	margin:20px;
	padding-top:20px;
	padding-left:30px;
	padding-bottom:3px;
}

.big_presentation_right_column {
	flex:50%;
	margin:20px;
	padding-top:20px;
}

.presentationVideoMainPageWrapper {
	padding-left:18px;
	padding-right:18px;
	background-color:rgba(0,0,0,0.1);
	margin-top:20px;
}


.commonInnerBox.PictureDataTOC hr {
	 border:0; 
	 color:#efefef;
	 background-color:#888;
	 height:1px;
	 width: 300px;
	 margin-top: 30px;
	 margin-bottom: 30px;
}

.article_quote_unquote {
	font-family: 'Libre Baskerville', serif;
	line-height: 1.5;
	background-image:url(Graphics/LukeQuoteAvatar.png);
	background-size:75px;
	background-position: top right;
	background-repeat: no-repeat;
}

.presentationTitleBanner {
	background-image: url(Graphics/TitleBannerBkg.jpg);
	background-size: 1000px;
	background-position: -250px -120px;
}


@media only screen and (min-width: 1000px) {
	.presentationTitleBanner {
		background-size: 1150px;
    	background-position: -240px -140px;
	}
}

@media only screen and (min-width: 1200px) {
	.presentationTitleBanner {
		background-size: 1350px;
		background-position: -250px -100px;
	}
}