@charset "utf-8";

/*   
   Filename: faculty_designs.css
*/


/* =============================================
	Styles used by Faculty Page
   =============================================
*/

h1.company_heading {
   color: black;
   display: block;
   font-size: 1.4em;
   font-style:italic;
   font-weight:bold;
   text-align: left;
   padding-left:40px;
   padding-top:20px;	
}

div#company p {
	padding-left:50px;
}

div#company a {
	text-decoration:none;
}


table#faculty_table {
	border:4px solid darkred;
	margin:40px auto;
	border-collapse:collapse;
	padding:10px;
	width:50%;
    box-shadow: rgba(70,36,37,1.00) 10px -10px 30px;
    text-align:center;
}

table#faculty_table caption {
	line-height:25px;
	background:darkred;
	color:white;
	font-weight:700;
	padding:3px;
	font-size:1em;		
}

table#faculty_table tr, table#faculty_table td {
	border: 2px darkred solid;
	padding:5px;
	font-weight:bold;
	vertical-align:bottom;
}


table#levels th.newLevel {
	font-weight:800;
	font-size:1em;
	border: 4px darkred solid;
	padding:3px;
	line-height:25px;
	background-color:lightpink;
}

table#levels td#tickets {
	text-align:center;
	font-size:1.2em;
	color:white;
	background-color:darkred;
}

article ul li {
	font-style:normal;
	font-weight:normal;
}

aside#SDTG_events h1 {
   font-size: 1.5em;
   font-weight: normal;
   text-align: center;
   margin: 20px 0px 20px;
   letter-spacing:normal;
   line-height:1.2;
}


/* ===============  Faculty Headshots  =============== */


div.card {
   border: 1px solid rgb(81, 81, 81);
   border-radius: 20px;
   box-shadow: inset 0px 0px 3px teal, inset 0px 0px 10px teal, inset 0px 0px 20px teal, 0px 0px 25px 1px black;
   margin: 10px;
    
}

div.card header {
   background-color: rgba(179,244,227,0.3);
   width: 100%;
   height: 40px;
   border-bottom: teal 3px solid;
   border-top-left-radius: 20px;
   border-top-right-radius: 20px;
   padding-top:5px;   
}
div.card header h1 {
   font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
   color: teal;
   text-align: center;
   font-size: 1.2em;
   line-height: 1.2em;
   margin: 10px 0px;
}

div.card img {
   display: block;
   width: 190px;
   margin:1% auto;
   border:2px  black solid;
   border-radius:20px;
}

div.card footer {
   font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";   
   color: teal;
   background-color:rgba(240,237,206,0.4);
   border-bottom-left-radius: 20px;
   border-bottom-right-radius: 20px;
   font-size: 1em;
   font-weight: bold;
   text-align: center;
   height: 30px;
   width: 100%;
   border-top: 3px solid teal;
   padding-top:5px;
}

section {
   display: flex;
   flex-flow: row wrap;
}

div.card {
   display: flex;
   flex-flow: row  wrap;
   flex: 1 2 200px;
   justify-content: space-between;
   align-items: center;
}