@charset utf-8;
/*
Theme Name: Faculty
Theme URI: https://law.missouri.edu
Author: University of Missouri School Of Law
Template: mizzoulaw-cs

Description: Faculty Section
Version: 1.0
*/


@import url("../mizzoulaw-cs/style.css");  /*Links the mizzoulaw Template Styles*/
hr { clear:both;}
#email {font-size: 16px;font-family:Arial;}
#contactName {font-size: 16px;font-family:Arial;}
blockquote { margin: 15px}
.n-left { width:150px; margin-bottom:15px; margin-right:20px}
.n-left img { border-radius:100px; width:150px; height:150px}
#brochure img {border-radius:0px; width:125px; height:auto}
#brochure { width:125px; margin-bottom:15px; margin-right:20px}
#directory { margin-top:10px}
#directory:nth-child(odd) { background: #fff; padding:10px; height:125px}
#directory:nth-child(even) { background: #f2f2f2;  padding:10px; height:125px} 
#directory img { width:100px; height:100px; border:1px solid #888;}
.left {float:left; margin-right:10px}
.right { float:left; width:110px; margin-right:10px; position: relative; margin-top:0px }
#clear {clear:both}
#title {width: 330px; margin-top:0px;}
.publication-item { padding:20px 10px 20px 10px}
.publication-item:nth-child(even) { background-color:#f2f2f2}
.pub-links { margin-left:0px; padding-left:0px;}
.pub-links li { display:inline; margin-right:10px; list-style:circle}
.n-left-f { float:left; width:130px; margin-right: 10px; height:150px; margin-bottom:25px;}
.n-left-f img { border:1px solid #888; width: 130px; height:130px; border-radius:0px }
.n-right-f {margin-bottom: 15px; margin-top:0px; padding-top:0px; min-height:200px}
.n-right-f p { margin-top: 0px; padding-top:0px}
.pub-type { font-size:2em; padding-top:20px}
.message { color:#900000;font-weight:bold;margin-bottom:25px;}
em {font-family:"ProximaNova Italic", "Arial";}
/* */
.contactform input[type=submit], .form-style-1 input[type=button] 
	{
		margin-top: 25px;
		width:100%;
		border-radius:5px;
		font-size:18px;
	}
	

.wpcf7-submit { padding:10px; color:#f1b82d; background-color:#333; font-size:15px}
.wpcf7-submit:hover { padding:10px; color:#333; background-color:#f1b82d; font-size: 15px}

ul.contactform {
	margin-left:0px;
}
.button-primary {    
    text-decoration: none;    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #f1b82d;
    border: 0;
    border-radius: 0.3rem;
    color: #222;
    cursor: pointer;
    display: inline-block;
    font-family: "Proxima Nova", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    font-size: 1.25rem;
    font-weight: 200;
    line-height: 1;
    outline: none;
    padding: 1rem 2rem;
    text-align: center;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
}
/* Begin customization and overrides */

.transformer-tabs ul {
  list-style: none;
  padding: 0;
  margin: 1em 0em;
  background-color:#f5f5f5;
}
.transformer-tabs li {
  display: inline-block;
  padding: 0;
  vertical-align: bottom;
}
.transformer-tabs li:nth-child(1) .active {
  color: #444;
  border-bottom-color: #f1b82d;
}
.transformer-tabs li:nth-child(2) .active {
  color: #444;
  border-bottom-color: #f1b82d;
}
.transformer-tabs li:nth-child(3) .active {
  color: #444;
  border-bottom-color: #f1b82d;
}
.transformer-tabs li:nth-child(4) .active {
  color: #444;
  border-bottom-color: #f1b82d;
}
.transformer-tabs a {
  display: inline-block;
  color:#444;
  font-weight:bold;
  text-decoration: none;
  padding: 0.5rem;
}

@media (max-width: 700px) {
  .transformer-tabs ul {
    border-bottom: 0;
    overflow: hidden;
    position: relative;
    background: #666;
    /* fallback */
    background: linear-gradient(#666, #222);
  }
  .transformer-tabs ul::after {
    content: "☰";
    position: absolute;
    top: 8px;
    right: 15px;
    z-index: 2;
    pointer-events: none;
  }
  .transformer-tabs ul.open a {
    position: relative;
    display: block;
  }
  .transformer-tabs li {
    display: block;
  }
  .transformer-tabs a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .transformer-tabs a.active {
    border: 0;
    z-index: 1;
    background: #666;
    /* fallback */
    background: linear-gradient(#666, #222);
  }
}

.tabs > div {
  display: none;
  padding: 0rem;
}
.tabs > div:nth-of-type(1) {
  background: #fff;
}
.tabs > div:nth-of-type(2) {
  background: #fff;
}
.tabs > div:nth-of-type(3) {
  background: #fff;
}
.tabs > div:nth-of-type(4) {
  background: #fff;
}
.tabs > .active {
  display: block;
}

#directory:nth-child(odd) { background: #fff; padding:10px; height:125px}
#directory:nth-child(even) { background: #f2f2f2;  padding:10px; height:125px} 
#directory img { width:100px; height:100px; border:1px solid #888; border-radius:120px}
.left {float:left; margin-right:10px}
.right { float:left; width:110px; margin-right:10px; position: relative; margin-top:0px }
#clear {clear:both}
#title {width: 330px; margin-top:0px;}

/* Symposia specific styles */

.symposia h1, .symposia h2, .symposia h3, .symposia h4 {
	font-family: "ProximaNova Light", Arial, sans-serif!important;
	color:#900000;
}
.symposia h1 {
	font-size:34px!important;
	color:#000;
	
}
.symposia h2 {
	font-size:32px!important;
	color:#900000;
}
.symposia h3 {
	font-size:24px!important;
	color:#333;
	font-family: "ProximaNova Bold", Arial, sans-serif!important;
	font-weight: bold;
}
.symposia p, .symposia li {
	font-family: "ProximaNova Light", Arial, sans-serif!important;
	font-size: 16px;
    line-height: 24px;
    color: #000;
}

.symposia a {
	font-size: 16px!important;
}
.symposia b, .symposia strong {
	font-family: "ProximaNova Bold", Arial, sans-serif!important;
	font-size:16px!important;
	font-weight: bold;
}
span.conference-date {
	font-size: 24px;
}

.contact-box {
	background-color:#fcf1d4;
	overflow:hidden;
	padding:18px;
}

.two-columns {
	width:100%;
	margin-top:22px;
}
.two-columns-left {
	width:49%;
	background-color:#fff;
	float:left;
}
.two-columns-right {
	width:49%;
	float:right;
	background-color:#fff;
}

.symposia a {
	color:#444;
	font-size:16px!important;
	font-family: "ProximaNova Light", Arial, sans-serif!important;
	color: #222;
    transition: color 0.3s, background-color 0.3s;
    text-decoration: none;
    border-bottom: solid 1px #F1B82D;
}

.symposia em {
	font-family: "ProximaNova Italic", Arial, sans-serif;
	font-style: italic;
}

.symposia a:hover, .symposia a:focus {
    color: #900000;
    background-color: #FFF4D6;
}

.symposium-banner {
	width:335px;
}

.attribution {
	font-family: "ProximaNova Light", Arial, sans-serif;
	text-align: center;
	margin:0em 0em 1em 0em;
	font-size:12px;
	/* box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); */
}

.symposium-banner {
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.attribution-logo {
	vertical-align: top;
}
.subhead {
	font-size: 18px;
}
span.subheader {
	font-size:17px;
	line-height:21px;
	font-family: "ProximaNova Regular", Arial, sans-serif;
	color:#676767;
}

.event-date {
	color:white;
	font-size: 54px;
	font-family: "ProximaNova Bold", Arial, sans-serif;
	font-weight:bold;
}
/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}
/*! TABLE STYLES */
/*--------------------------------------------------------------
--------------------------------------------------------------*/
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}
table p {
	font-size:16px!important;
	line-height:20px!important;
}
.symposia th,
.symposia td {
  border: 1px solid #cccccc;
  text-align: left;
  vertical-align: top;
  padding: 4px;
  font-size:14px!important;
  padding: 0.25rem;
  padding-left: 8px;
  padding-left: 0.5rem;
  padding-right: 8px;
  padding-right: 0.5rem;
  font-family:"ProximaNova Light", Arial, sans-serif!important;
}
.symposia td.callout {
	background-color: #f3f3f3;
}


span.red {
	font-weight:bold;
	font-family:"ProximaNova Bold", Arial!important;
	color:#820202;
	font-size:16px;
	margin:25px 0em 15px 0em;
}
.stripe th,
.stripe td {
  background-color: #eeeeee;
}
th {
  background-color: #fcf1d4;
  font-family:"ProximaNova Bold", Arial!important;
}
th[scope="col"] {
  border-bottom-width: 2px;
}
th[scope="row"] {
  border-right-width: 2px;
}
tfoot th,
tfoot td {
  font-size: 14px;
  font-size: 0.875rem;
  border: 0;
}
caption {
  font-weight: normal;
  color: #111;
  margin-bottom: 24px!important;
  margin-bottom: 2.5rem;
  font-size: 19.2px;
  font-size: 1.2rem;
  font-weight: 600;
  margin: 0;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  text-align: left;
}

.portrait {

	clear:both;
}
.portrait p {
	text-overflow: hidden;

}
.portrait .push {
	padding-top:12px;
}
.symposium-portrait {
	float:left;
	margin:0px 15px 15px 10px;
}


.brochure {
	float:right;
	text-align: center;
	background-color:#f9f9f9;
	padding:1em 0em;
	margin:0em 20px;
}

.brochure a {
	font-size:13px!important;
	font-weight:bold;
}
.brochure img {
	width:125px;
	height:295px;
}

.brochure img a, .brochure img a:hover {
	text-decoration: none;
	background-color:none;
}


/*----------------------------------
ODDBALLS
----------------------------------*/

.elephant {
	background-image: url('http://law.missouri.edu/faculty/files/2016/09/ElephantTop-e1472761755507.png');
	background-repeat: no-repeat;
	position: absolute;
    margin-left: 450px;
	margin-top:-48px;
	width:250px;
	height:99px;
	text-indent: 9999px;
	z-index:9999;
}

div.asil-box {
    display: inline-block;
    position: relative;
    width: 318px;
    margin: 0px;
    border-right: 1px solid #dedede;
    /* border-left: 1px solid #dedede; */
    padding: 5px;
}
div.asil-box30 {
    display: inline-block;
    position: relative;
    width: 218px;
    margin: 0px;
    border-right: 1px solid #dedede;
    /* border-left: 1px solid #dedede; */
    padding: 5px;
}