/* Browser Reset */

	* {
		margin: 0;
		padding: 0;
		/*box-sizing: border-box;*/
	}
	html{
		-moz-text-size-adjust: 170%;
		-webkit-text-size-adjust: 170%;
		text-size-adjust: 170%;
	}
	body::-webkit-scrollbar{
		background: rgba(50,50,50,.95);
		width: 8px;
	}
	body::-webkit-scrollbar-thumb{
		background: #85426b90;
		border-radius: 5px;
	}

/* Main Global settings */
	body {
		font-family: "Monda", Verdana;
		line-height: 110%;
		font-size: 1em;
		text-align: center;
		color: #b99a3d;	
		background: url("../Images/Design/oigny-bg-hero-home.webp") repeat-y #000;	
		background-size: cover;
	}
	a {
		text-decoration: none;
		color: #b99a3d ;
	}
	.darkMaroonSection a {
		text-decoration: none;
		color: #f0d480 ;
	}
	a:hover {
		text-decoration: none;
		color: #fff;
	}	
	li{
		text-align: left;
		font-size: 0.75em;
		margin-left: 40px;
	}
	hr{
		border: 1px dashed #b99a3d;
		margin: 15px 0;
	}

/* Main Structure - Vertical Sections/grid*/
	#topSection{
		/* Only once per page so ID */
		max-width: 1500px;	
		margin-left: auto;
		margin-right: auto;
		padding: 20px;
		text-align: right;
	}		
	.topSectionLeft{		
		width: auto;
		text-align: center;
		float: left;
		padding-top: 25px;
		display: block;
	}	
	.topSectionRight{		
		width: 350px;	
		padding-bottom: 20px;
		text-align: right;
		float: right;
		display: block;
	}	
	.topSectionRight img{
		width: 100%;
   		max-width: 320px;
	}
	.darkContainer{
		width: auto;
		padding: 20px 10vw 20px 10vw;
		border-top: solid #b99a3d 3px;
		border-bottom: solid #b99a3d 3px;
		background: #1c1c1c;
		text-align: left;
	}
	.darkInsert{
		max-width: 1500px;
		margin: auto;
	}	
	.transContainer{		
		width: auto;
		text-align: center;
		padding: 0 9vw 50px 9vw;
	}	
	.transContainerFull{		
		width: auto;
		text-align: center;
		padding: 0 0 50px 0;
	}	
	.standardRow{
		max-width: 1280px;
	}
	#footer {
		width: auto;
		padding: 40px;
		margin-left: auto;
		margin-right: auto;
		border-top: solid #b99a3d 2px;
		border-bottom: solid #b99a3d 2px;
		color: #b99a3d;
		background: #1c1c1c;
	}
	.clearer  {display:block; clear: both; line-height: 0; height: 0;} /* For making container Divs work in IE6*/
	.clearer2  {display:block; clear: both; line-height: 5px; height: 5px;} /* For making container Divs work in IE6*/
	.clearer3  {display:block; clear: both; line-height: 10px; height: 10px;} /* For making container Divs work in IE6*/
	.clearer4  {display:block; clear: both; line-height: 15px; height: 15px;} /* For making container Divs work in IE6*/
	.clearer5  {display:block; clear: both; line-height: 25px; height: 25px;} /* For making container Divs work in IE6*/

/* Main Structure - Reuseable Grid Configuration */
	.gridContainer {
		max-width: 1500px;
		margin: auto;
		display: grid;
		grid-template-columns: repeat(10, minmax(0, 1fr));
		grid-gap: 5px;		
		padding: 5px 0 5px 0;
		text-align: center;
	}
	.gridContainerTwelve {					
		max-width: 1500px;
		margin: auto;
		display: grid;
		grid-template-columns: repeat(12, minmax(0, 1fr));
		grid-gap: 2px;		
		padding: 10px 0 10px 0;
		text-align: center;
	}
	.gridContainerTwelve > div, .gridContainer > div {			
		padding: 2px;
	}

/* Main Structure - Content Sections */
	.user-display-pane{ /*use for block level single column user entries*/
        background: #2c2c2c;
        border-spacing: initial;
        margin-left: auto;
        margin-right: auto;
        word-break: break-word;
        table-layout: auto;
        line-height: 1.8em;
        border-radius: 8px;
        padding: 20px;
        max-width: 100%;
        border: solid #b99a3d 2px;		
    }
	.user-display-pane-scrollable{ /*use for block level single column user entries*/
        background: #2c2c2c;
        border-spacing: initial;
        margin-left: auto;
        margin-right: auto;
        word-break: break-word;
        table-layout: auto;
        line-height: 1.8em;
        border-radius: 8px;
        padding: 20px;
        max-width: 100%;
        border: solid #b99a3d 2px;	
		overflow-y: auto;
		max-height: 450px;
	}   
	.user-display-pane-scrollable::-webkit-scrollbar{
		width: 14px;
	}	
	.user-display-pane-scrollable::-webkit-scrollbar-thumb{
		border: 4px solid rgba(0, 0, 0, 0);
		background: #85426b90;
		background-clip: padding-box;
		border-radius: 9999px;
	}
	.scrollable-div{
		overflow-y: auto;
		max-height: 320px;
		border: 1px dotted #b99a3d;
		padding: 5px;
	}	
/*--News divs-----------------------*/
	.news-item-blurb{	
		border-top: 1px dotted #b99a3d;
		display: inline-flex;
		width: 98%;
		padding: 1%;
		cursor: pointer;
	}
	.news-item-blurb:hover {
		background: rgba(158, 78, 127, 0.10);
	  }
	.selected{
		background: rgba(158, 78, 127, 0.40);
	}
	.news-image{
		max-width: 20%;
		width: 60px;	
	}
	.news-image img{
		max-width: 100%;
		vertical-align: middle;
	}
	.news-headline{
		padding: 18px 0 18px 20px;
		font-size: 1.3rem;
		width: 75%;
		text-align: left;
	}
	.news-arrow{
		padding: 17px 0 0 0;
		max-width: 5%;
		width: 10px;
	}
	.news-story-div{
		text-align: left;
		padding: 0 0 0 20px;
		overflow-y: auto;
		max-height: 380px;
	}
	.news-story-div p{
        text-align: left;
		line-height: 1.2rem;
        color: #b99a3d;
        padding: 15px 2px 0 0;
    }
	.news-story-div a{
        color: #ca83af;
    }
	.news-story-div a:hover{
        color: #df5371;
    }
	.news-story-div H3{
        line-height: 1rem;
        color: #b99a3d;
        padding: 0;
    }
	.news-story-date {
        color: #df5371;
        padding: 0;
		font-size: 0.8rem;
    }

/*---Global Icons in Table View---*/			
	.save_as {
		background: transparent; 
		border: 0; 
		cursor: pointer;
		text-align: right;
	}
	.save_as:hover .material-icons.blackheart, 
    .save_as:hover .material-icons.bluelagoon, 
    .save_as:hover .material-icons.blackheart-small, 
    .save_as:hover .material-icons.bluelagoon-small,
    .save_as:hover .material-icons.blackheart-smallest {
        color: #b99a3d;
    }
	.material-icons.blackheart-small {
        color: #9e4e80;
        font-size: 30px;
        display: inline-flex;
        vertical-align: middle;
        padding: 5px
    }
    .material-icons.blackheart-smallest {
        color: #9e4e80;
        font-size: 25px;
        display: inline-flex;
        vertical-align: middle;
        padding: 5px
    }
	.material-icons.blackheart-smallest-white {
        color: #ccc;
        font-size: 25px;
        display: inline-flex;
        vertical-align: middle;
        padding: 5px
    }
/*--Scrollbars for Divs that need them--------------------*/
	.scrollable-div::-webkit-scrollbar,
	.news-story-div::-webkit-scrollbar{
		background: rgba(50,50,50,.95);
		width: 14px;
	}	
	.scrollable-div::-webkit-scrollbar-thumb,
	.news-story-div::-webkit-scrollbar-thumb{
		border: 4px solid rgba(50,50,50,.95);
		background: #85426b90;
		background-clip: padding-box;
		border-radius: 9999px;
	}
	.progress-bar {
		width: 100%;
		height: 10px;
		background-color: #ccc;
		margin: 5px 0;
	}
	.progress {
		height: 100%;
		background-color: #4CAF50;
	}