@import url(http://fonts.googleapis.com/css?family=Cardo:400italic,400,700);
@import url(http://fonts.googleapis.com/css?family=Crimson+Text);
@import url('https://fonts.googleapis.com/css?family=Alegreya+Sans:400,800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Overpass&display=swap');
@import url('https://fonts.googleapis.com/css?family=Raleway&display=swap');

.home.blog #black-studio-tinymce-3 {
    /* font-size: 1.25em; */
    font-size: 1.35em;
    text-decoration: none;
    font-family: Crimson Text, Cardo, serif;
}

.Section_Heading {
		position: relative;
}

.Section_Heading #sectionheader {
		text-align: center !important;
    padding-top: 25px !important;
    font-size: 1.5em !important;
		font-weight: 400;
		font-style: italic;
    width: 25%;
    margin: auto;
		color: 	#808080;
}

p#sectionheader a {
    color: #808080;
}

.Section_Heading #sectionheader:before, 
.Section_Heading #sectionheader:after {
    content: "";
    display: block;
    border-bottom: 1px dotted #808080;
    width: 10%;
    position: absolute;
}

@media (min-width: 980px) {
.Section_Heading #sectionheader:after {
    bottom: 20%;
    left: 50%;
    transform: translate(70%, -0%);
}

.Section_Heading #sectionheader:before {
		bottom: 20%;
    transform: translate(-50%, -0%);
}
}

@media (max-width: 980px) and (min-width: 768px) {
.Section_Heading #sectionheader:after {
    bottom: 20%;
    left: 50%;
    transform: translate(95%, -0%);
}

.Section_Heading #sectionheader:before {
		bottom: 20%;
    transform: translate(-70%, -0%);
}
}

@media (max-width: 767px) and (min-width: 350px) {
.Section_Heading #sectionheader:after {
    bottom: 20%;
    left: 50%;
    transform: translate(130%, -0%);
}

.Section_Heading #sectionheader:before {
		bottom: 20%;
    transform: translate(-99%, -0%);
}
}

@media (max-width: 349px) {
.Section_Heading #sectionheader:after {
    bottom: 20%;
    left: 50%;
    transform: translate(165%, -0%);
}

.Section_Heading #sectionheader:before {
		bottom: 20%;
    transform: translate(-110%, -0%);
}
}


body {
	background: #001a57 !important;
}

/*
 * 
 * This basically shuts down any and all blank widgets, so they have to be used ot show up. If this prevents your ability to select widgets, disable this. 
 * */
.blank_widget {
	display:none; 
}

.wp-pagenavi span, a.page.larger, a.nextpostslink, a.previouspostslink, a.page.smaller {
		border-radius: 3px;
    padding: 5px 10px;
    line-height: 1.85em;
    color: #fff;
    background-color: #0045e6;
    font-family: 'Alegreya Sans';
    font-weight: 800;
    border: 1px solid #fff;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
}

.wp-pagenavi span.current {
    background-color: #0085cc;
}

.wp-pagenavi a:hover {
	  color: grey;
	   cursor: pointer;
    border: 1px solid #006398;
    background-color: #002e99;
}

/*Media Queries for Responsive Design -- May 5, 2020*/

@media (min-width: 1200px){
	.container-fluid.main .container {
    width:1200px;
}

	.container-fluid.header .container {
    width: 1202px;
}

.container-fluid.main-nav .container {
    width: 100%;
}

.container-fluid.header .container {
width: 1002px;
}
.container-fluid.secondary-menu .container {
width: 1052px;
}
.container-fluid.main-nav .container {
/*width: 1052px; THIS EXTENDS THE LINE ALL THE WAY TO THE MARGINS*/ 
padding-left: 0px;
padding-right: 0px;
}
	
		h2.widget-title {
    font-size: 32px;
}
	
.home .span3.sidebar h2:after {
	border-bottom: 3px solid black !important; /* This creates the border. Replace black with whatever color you want. */
	}
	
		.row-fluid .span5 h2:after {
  /*left: 85%;*/
	transform: translate(5%, -0%) !important;
}
	
	.single-post .span9, .single-article .span9 {
		width: 66%;
	}
}


@media (min-width: 980px) and (max-width: 1199px) {
	h2.widget-title {
    font-size: 26px;
	}
	.span3.sidebar h2:after {
		border-bottom: 2px solid black !important; /* This creates the border. Replace black with whatever color you want. */
	}
}



@media (min-width: 980px) {

	.logo h1 {
		padding-top: 0px;
	}
	
	
	.header .row-fluid {
    padding: 45px 0px 35px 0;
	}
	
	.row-fluid.homepage-posts .span12 h2 {
    margin: auto auto;
    /*width: 40%;*/
		padding-top: 15px;
    position: relative;
		z-index: 1;
}
	
	.container-fluid.main-nav .container {
    width: 100%;
		padding-left: 0px !important;
		padding-right: 0px !important;
}
	
	.secondary-menu .row-fluid {
    background-color: #001a57;
  	padding-top: 18px !important;
  	padding-bottom: 32px !important;
}
	
	.span8.logo h1 {
    font-size: 5.75em;
}
	
	/*
	.row-fluid.homepage-posts .span12 h2:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: black;
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 1300px;
    transform: translate(-50%, -50%); 
	}*/

.row-fluid .span5 {
	  margin: auto auto;
    width: 40%;
	  display: inline-block;
		left: 20%;
    color: #ffffff;
    padding: 0 2rem;
    /*border-left: 1px solid #001a57;
    border-right: 1px solid #001a57;*/
    position: relative;
    z-index: 1;
	}
	
	.row-fluid .span5 h2:before,
	.row-fluid .span5 h2:after {
    content: "";
    position: absolute;
    height: 5px;
		border-top: 1px solid #001a57;
    border-bottom: 1px solid #001a57;
    top: 40%;
    width: 45%;
}
.row-fluid .span5 h2:before {
  /*right: 85%;*/
	transform: translate(-105%, -0%);
}
.row-fluid .span5 h2:after {
  /*left: 85%;*/
	transform: translate(25%, -0%);
}
	/*
	.row-fluid .span5 h2:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: black;
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 1300px;
    transform: translate(-50%, -50%); 

	}*/
	
  .navbar-inner:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #ffffff;
    position: absolute;
    left: 50%;
    top: 45%;
    /*max-width: 1300px;*/
    transform: translate(-50%, -0%); 
	}
	
	.page-id-73 .span9, 
	.page-id-869 .span9, 
	.page-id-38 .span9, 
	.category-announcements1	.span9, 
	.page-id-74 .span9, 
	.page-id-314 .span9,
	.page-id-12 .span9, 
	.single-archive .span9,
	.page-id-36 .span9,
	.page-id-34 .span9,
	.page-id-43 .span9,
	.page-id-45 .span9,
	.page-id-47 .span9
	{
	width: 50% !important;
}
	


	.current-issue-title > div:first-child { width: 60% }
}

@media (min-width: 768px) {
	.single-post .span9 p {
		font-size: 1.20em;
		line-height: 150% !important;
	}
}

@media (max-width: 979px) and (min-width: 768px){
	
	.single-post .span9, .single-article .span9 {
		width: 100%;
	}
	
	.navbar .nav > .active > a {
	color: #0045e6;
}
	
.container-fluid.header .container {
width: 726px;
}
	
.container-fluid.secondary-menu .container {
width: 776px;
}
	
/*.container-fluid.main-nav .container {
width: 776px;
}*/
	
.current-issue-title > div:first-child { width: 100% }
	
.main-nav {
padding-top: 0px;
padding-bottom: 0px;
}
.navbar-inner span.main-menu-heading {
padding: 10px 0 0 10px;
float: left;
font-size: 22px;
font-family: Raleway;
font-weight: 800;
font-style: none;
}
	
.span3.sidebar	h2.widget-title {
    font-size: 18px;
		overflow-wrap: break-word;
}
	
.logo img {
margin-top: 15px;
padding-top: 5px;
padding-bottom: 5px;
}
.logo h1 {
	font-size:40px;
	padding-bottom: 5px;
	padding-top: 5px;
}
.row-fluid .span8 {
width: 60%;
}
.row-fluid .span4 {
width: 36%;
}

.page-id-73 .span3, 
.page-id-869 .span3, 
	.page-id-38 .span3, 
	.category-announcements1	.span3, 
	.page-id-74 .span3, 
	.page-id-314 .span3, 
	.single-archive .span3,
	.page-id-36 .span3,
	.page-id-34 .span3,
	.page-id-43 .span3,
	.page-id-45 .span3,
	.page-id-47 .span3
	{
	width: 0;
}
	
.page-id-73 .span9, 
	.page-id-869 .span9, 
	.page-id-38 .span9, 
	.category-announcements1 .span9, 
	.page-id-74 .span9, 
	.page-id-314 .span9, 
	.single-archive .span9
	.page-id-36 .span9,
	.page-id-34 .span9,
	.page-id-43 .span9,
	.page-id-45 .span9,
	.page-id-47 .span9{
	  float: none !important;
    margin: auto;

}
}

/*Navbar that shows up below 979px is annoyingly green, removing with this. */
.navbar .btn-navbar {
    background: #0045e6;
    border-radius: 0;
    border: 1px solid #002e99;
    padding: 10px;
		transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
}

.navbar .btn-navbar:hover {
    background-color: #002e99;
}

.navbar .btn-navbar .icon-bar {
	  background-color: #002e99;
}

.navbar .btn-navbar:hover .icon-bar {
	 background-color: #4d82ff;
}

@media (max-width: 767px)
{
	
	.navbar .nav > .active > a {
	color: #0045e6;
}
	
.container-fluid.header .container {
width: auto;
}
	
.container-fluid.secondary-menu .container {
width: auto;
}
	
.container-fluid.main-nav .container {
width: auto;
}
	
.main-nav {
padding-top: 0px;
padding-bottom: 0px;
}
	body {
		padding: 0;
	}
.navbar-inner span.main-menu-heading {
padding: 10px 0 0 10px;
float: left;
font-size: 22px;
font-family: Raleway;
font-weight: inherit;
font-style: none;
}
	
header > .container { 
	padding: 0% 10%; 
}
	
	.secondary-menu ul li a {
		border-bottom: 1px solid;
	}
	
.logo img {
margin-right: 0px;
padding-right: 0px;
border-right: none;
}
.header form {
float: none;
}
.logo {
padding-bottom: 15px;
}

	
}

/*Subscribe Button*/
/*  */

/*a[href^="http://scholarship.law.duke.edu/cgi/viewcontent."] {
 
  font: bold 11px Arial;
  text-decoration: none;
  background-color: #001a57;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
 }*/

a[href^="http://scholarship.law.duke.edu/cgi/"][href$="context=dlj_online"],
.row-fluid.homepage-posts a[href^="http://scholarship.law.duke.edu/cgi/"],
.page-id-73 .span9 a[href^="http://scholarship.law.duke.edu/cgi/"],
.page-id-869 .span9 a[href^="http://scholarship.law.duke.edu/cgi/"],
.archive-template-default .span9 a[href^="http://scholarship.law.duke.edu/cgi/"],
.single-article a[href^="http://scholarship.law.duke.edu/cgi/"],
.single-post a[href^="http://scholarship.law.duke.edu/cgi/"], 
a[href^="https://scholarship.law.duke.edu/cgi/"][href$="context=dlj_online"],
.row-fluid.homepage-posts a[href^="https://scholarship.law.duke.edu/cgi/"],
.page-id-73 .span9 a[href^="https://scholarship.law.duke.edu/cgi/"],
.page-id-869 .span9 a[href^="https://scholarship.law.duke.edu/cgi/"],
.single-article a[href^="https://scholarship.law.duke.edu/cgi/"],
.single-post a[href^="https://scholarship.law.duke.edu/cgi/"]
{
 	border-radius: 3px;
  padding: 5px 20px;
	line-height: 1.85em;
  cursor: pointer;
  color: #fff;
  background-color: #0045e6;
  font-family: 'Alegreya Sans';
  font-weight: 800;
  border: 1px solid #fff;
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
 }

a[href^="http://scholarship.law.duke.edu/cgi/"][href$="context=dlj_online"]:hover,
.row-fluid.homepage-posts a[href^="http://scholarship.law.duke.edu/cgi/"]:hover,
.page-id-73 .span9 a[href^="http://scholarship.law.duke.edu/cgi/"]:hover, 
.page-id-869 .span9 a[href^="http://scholarship.law.duke.edu/cgi/"]:hover,
.archive-template-default .span9 a[href^="http://scholarship.law.duke.edu/cgi/"]:hover,
.single-article a[href^="http://scholarship.law.duke.edu/cgi/"]:hover,
.single-post a[href^="http://scholarship.law.duke.edu/cgi/"]:hover,
a[href^="http://scholarship.law.duke.edu/cgi/"][href$="context=dlj_online"]:hover,
.row-fluid.homepage-posts a[href^="https://scholarship.law.duke.edu/cgi/"]:hover,
.page-id-73 .span9 a[href^="https://scholarship.law.duke.edu/cgi/"]:hover, 
.page-id-869 .span9 a[href^="https://scholarship.law.duke.edu/cgi/"]:hover,
.single-article a[href^="https://scholarship.law.duke.edu/cgi/"]:hover,
.single-post a[href^="https://scholarship.law.duke.edu/cgi/"]:hover {
	color: grey;
  border: 1px solid #006398;
	background-color: #002e99;
}

.span8.logo a { 
	display: none; 
}

.footer .row-fluid {
    border-top: none;
    width: 100%;
    justify-content: center;
    margin: auto;
    float: none;
		height: 150px; 
}

.footer p {
	padding: 10px;
}


@media (min-width: 480px) {
.footer .row-fluid {
    display: flex;
		justify-content: center;
}
	.container-fluid.footer .container .span8 {
    width: 33%;
    /* position: relative; */
    /* display: inline-block; */
    margin-left: 0;
    /* left: 33%; */
	}
	
	.container-fluid.footer .container .span4 {
    width: 10%;
    /* height: 50%; */
    height: 50px;
}
}

@media (max-width: 480px) {
.footer .row-fluid {
		display: block;
}
	
		.container-fluid.footer .container .span8 {
    width: 100%;
		margin-left: 0;
	}
	
	.container-fluid.footer .container .span4 {
    width: 10%;
    /* height: 50%; */
    height: 50px;
		transform: translate(-65%, -0%) !important;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
    vertical-align: middle;
}
}

@media (min-width: 650px) {
.container-fluid.footer .container .span4 {
    margin-top: 0px;
		margin-left: 5%;
}
}

@media (max-width: 649px) {
.container-fluid.footer .container .span4 {
    margin-top: 20px;
}
}

.footer img {
		max-width: none;
    height: 100px;
    width: 100px;
    vertical-align: middle;
    margin-top: 0;
    float: left;
}

.container-fluid.header .container {
background-color: #001a57;
}

.row-fluid .span8 > p {
	color: white;
	font-family:Crimson Text;
	text-align: center;
	font-size: 20px;
}

.span8.logo h1 { 
	font-family: Crimson Text;
	font-weight: 500;
	line-height: 40px !important;
}

.header {
  	background: initial;
    background-color: #001a57;
    border-bottom: none;
}

header > .container { 
	margin: 0 auto; 
}


footer > .container { 
	margin: 0 auto; 
	padding-left: 0px;
	width: 100%;
}

.main-nav {
 	background: #001a57;
}

#main-menu.nav.nav-tabs{
	display: inline-block;
    color: #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    position: relative;
    z-index: 1
}
/*Scotty Schenck Changes, April 10 */

.row-fluid.navbar{
  	position:relative
}

.navbar-inner {
		/*max-width: 1175px;*/
    margin: 0 auto;
    width: 100%;
    position: relative; 
}

.navbar-inner {
  background: #001a57;
	box-shadow: none;
	padding: 0;
	text-align: center !important; 
}

.navbar-inner > div { display: inline-block; }



.navbar .nav {
	padding: 0 0 0 0px;
}

.navbar .nav > li > a,
.navbar .nav > li.current-menu-item > a, 
.navbar .nav > li.current-menu-ancestor > a, 
.navbar .nav > li.current_page_item > a, .navbar 
.nav > li.current_page_ancestor > a, 
.navbar .nav > li:last-child > a {
   	background: #001a57 !important;
  	border-bottom: 2px solid #001a57;
}
 
.navbar .nav > li > a:hover, 
.navbar .nav > li.current-menu-item > a:hover, 
.navbar .nav > li.current-menu-ancestor > a:hover, 
.navbar .nav > li.current_page_item > a:hover, 
.navbar .nav > li.current_page_ancestor > a:hover, 
.navbar .nav > li:last-child > a:hover {
  	cursor:pointer;
    border-bottom: 2px solid #2d57bb;
  	color: white;
}

.navbar .nav > li > a:focus, 
.navbar .nav > li.current-menu-item > a:focus, 
.navbar .nav > li.current-menu-ancestor > a:focus, 
.navbar .nav > li.current_page_item > a:focus, 
.navbar .nav > li.current_page_ancestor > a:focus,
.navbar .nav > li:last-child > a:focus {
    cursor:pointer;
    border-bottom: 2px solid #2d57bb;
  	color: white;
    text-decoration: none;
}

.navbar .nav > .active > a:hover, 
.navbar .nav > .active > a:focus {
    border-bottom: 2px solid #2d57bb;
  	color: white;
}



.nav-collapse .nav > li > a:hover, .nav-collapse .nav > li > a:focus {
    background-color: #0045e6 !important;
    color: #fff;
}

.secondary-menu {
    background-color: #001a57;
}

.secondary-menu .row-fluid {
    background-color: #001a57;

}

.secondary-menu ul li a {
    text-decoration: none;
    padding-top: 5px;
    padding-bottom: 5px;
		font-family: 'Raleway', sans-serif; 
		font-weight: 800; 
}

.secondary-menu ul li a:hover, .secondary-menu ul li a:focus{
    border-bottom: 2px solid #2d57bb;
  	color: white !important;
}

.navbar .nav > li > a, .navbar .nav > li:last-child > a, .navbar .nav > li:first-child > a, .navbar .nav > li:last-child > a {
background:none;
}


.navbar .nav > li.current-menu-item > a, .navbar .nav > li.current-menu-ancestor > a, .navbar .nav > li.current_page_item > a, .navbar .nav > li.current_page_ancestor > a, .navbar .nav > li:last-child > a {
    background-color: #a22020;
}

/*This basically fixed horrible the current issue title was*/

/*.current-issue-title > div:first-child { width: 60% }*/

.current-issue-title ul {
    float: initial;
		text-align:center;
		margin: auto auto;

}


.current-issue-title ul li {
		color: #001a57 !important;
}

.current-issue-title > div.span7 {
		margin-left: 0;
		width: 100% !important;
	  position: relative;
  	z-index : 1;
}

.current-issue-title > div.span7:after {
		content: "";
		width: 15%;
    /*border-bottom: 1px solid black;*/
    padding-bottom: 10px;
	  position: absolute;
		height: 1px;
	  transform: translate(-50%, -50%); 
}

/* homepage center column title alignment/formatting */
.current-issue-title h2 { 
  padding: 5px 0px 0px 0px; 
  font-size: 3em !important;
	color: #001a57;
}

.row-fluid.current-issue-title {
  text-align: center;
	font-family: Raleway;
	font-weight: 500;
}

/*PAGE TITLES and underlines (using CSS pseudoelements--i.e., after)*/


h2 {
 	color: #003366; 
 	font-family: "Raleway" !important;
	font-weight: 500 ;
}
.span3.sidebar h2:after {
    content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
		border-bottom: 1px solid black; /* This creates the border. Replace black with whatever color you want. */
    width: 60%; /* Change this to whatever width you want. */
    padding-top: 10px; /* This creates some space between the element and the border. */
}

.span9 > div {
	margin-left: 0px !important;
}

.span9 h1 {
	font-family: "Raleway" !important;
	font-weight: 500;
	font-size: 3em;
	color: #001a57;
}

/* Page Title Underlines */
div.span9 h1:after {
	  content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    width: 50%; /* Change this to whatever width you want. */
    padding-top: 10px; /* This creates some space between the element and the border. */
    border-bottom: 3px solid; /* This creates the border. Replace black with whatever color you want. */
	/*
width: 60%;
border-bottom-style:solid;
border-width:2px;
padding-bottom: 5px;*/
}

.single-article .span9 h1:after,
.single-post .span9 h1:after {
	margin: auto;

}

h3 {
	color: #003366;
	font-family: Crimson Text, Cardo, serif;
}

.span3.sidebar h4:after {
    content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    width: 60%; /* Change this to whatever width you want. */
    padding-top: 10px; /* This creates some space between the element and the border. */
    border-bottom: 1px solid black; /* This creates the border. Replace black with whatever color you want. */
}

h4 {
	font-family: "Raleway" !important;
	font-weight: 500 ;
	color: #001a57;
}

em {
 	font-style: initial !important;

}

.row-fluid.homepage-posts p {
  text-align: justify;
	hyphens: auto;
	font-size: 1.25em;
	line-height: 1.5em !important;
}

.row-fluid.homepage-posts h2 {
 	font-variant: small-caps;
  text-align: center !important;
	font-size: 2.25em !important;
	font-weight: 800;
}

.row-fluid.homepage-posts a:before {
	text-align: center;
	padding-bottom: 5px;
}


.homepage-center-column .widget {
    border: none;
    padding: 0 20px;
		background: none !important;
}

.homepage-center-column {
   border: none !important; 
}

.homepage-posts .articletitle:before {
    border-top: 3px solid #001a57;
    position: relative;
    color: black;
    content: "";
    display: block;
		left: 50%;
    width: 45%;
    height: 1px;
    max-width: 1300px;
    padding-bottom: 20px !important;
    transform: translate(-50%, -0%);
}

#black-studio-tinymce-10 p {
	padding-left: 10px;
}

#black-studio-tinymce-10 strong {
	font-family: Raleway;
	font-size: 18px;
}

#black-studio-tinymce-10 strong:after {
    content: "";
    display: block;
    width: 60%;
    padding-top: 10px;
    border-bottom: 3px solid black;
}

.single-post strong {
	font-size: 1.25em;
}

.span9 .span12 small {
	font-family: "Crimson Text", sans serif !important;
}

/* Footnote Changes--created a new span to allow for block quotes inline*/

#captionz span.blockquoteftn {
	display:inline-block;
	margin-left: 1em;
	margin-right: 2.25em;
	line-height: 1.25;
	text-align: justify;
}

/*End Scotty Schenck Changes*/

#subscribebutton ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: "Roboto Condensed";
}

#subscribebutton a
{
	border-radius: 5px;
	display:block;
  padding: 5px 25px 5px 23px;
  cursor: pointer;
  color: #fff;
  background-color: #0045e6;
  font-family: 'Raleway';
	font-size: 18px;
  font-weight: 800;
  border: 1px solid #fff;
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
	text-decoration: none;
	text-align: center !important;
	text-shadow: none;
	text-transform: uppercase;
	border-bottom:none;
}

#subscribebutton a:hover
{
	color: grey;
  border: 1px solid #006398;
	background-color: #002e99;
}

/* widget titles alignment */
h2.widget-title { padding-left:15px; }

/* vertical space in homepage center column */
.main .row-fluid .homepage-posts { 
	background: none !important;
	padding-top: 0px; }

/* space below secondary links */
.main { padding-top: 18px;}

/* button "Go" text disappears */
.search-submit {font-size: 0px;}

label,
input,
button,
select,
textarea {
  font-size: 0px;
 }

/* Announcements dates margins, added heading 5*/
h5 { font-size:18px; line-height:18px; font-family:"Roboto Condensed"; font-weight:700; color:#cc3300; margin-top: 15px}



/* search bar and button alignment */
.header form input { 
	margin-top: 10px; 
	border-radius: 0px;
}

input[type="search"] {
	border-radius: 0px;
}

/* search button formatting */
.header form button 
{
border:1px solid #40638b;
}

/* Removes underline from secondary links */
.secondary-menu ul li a {text-decoration: none;}
.secondary-menu ul li a:hover {text-decoration: underline;}



/* ~~~~~~~~~~~~~~~~~ Announcements Section ~~~~~~~~~~~~~~~~ */

div.announcements {
margin-left: 15px;
margin-right: 15px;


}

/* Announcements dates margins, added heading 6*/
h6 { font-size:14px; line-height:5px; color:#ACACAC; margin-top: 20px}

/* Announcements line */
div.hrAnnouncements {
margin-left: 1px;
width:70%;
height:1px;
background-color: white;
background: -webkit-linear-gradient(left, #BBBBBB, rgba(255,0,0,0)); /* For Safari */
background: -o-linear-gradient(right, #BBBBBB, rgba(255,0,0,0)); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(to right, #BBBBBB, white); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, #BBBBBB, white); /* Standard syntax (must be last) */

}

div.hrAnnouncements hr {
  display: none;
}

/* Announcements Paragraph Style*/
div.announcements p {
line-height: 20px;
text-indent: 0em;
margin-bottom:15px;
font-size: 1.25em !important;
}



.span3.sidebar {
	  /*border: 1px solid #DDDDDD;
    background: white; Doing this ruined the widget/sidebar dynamic need another way around*/
}

.span3.sidebar .subpages{
	   background-color: white;
    padding: 25px 25px 15px 25px;
    margin-bottom: 25px;
    border: 1px solid #e3e3e3;
}

.subpages ul li {
	border: none;
	background: none !important; 
	margin-bottom: 0;
}

.span3.sidebar .subpages > ul li:after {
    content:  ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    width: 60%; /* Change this to whatever width you want. */
    padding-top: 10px; /* This creates some space between the element and the border. */
    border-bottom: 1px solid  #BBBBBB; /* This creates the border. Replace black with whatever color you want. */
}

/* -------------------TOC Formatting---------------------------*/


a.articletitle {
font-size: 1.35em;
text-decoration: none;
font-family: Crimson Text, Cardo, serif;
}

a.articletitle:hover, a.articletitle:focus{
 text-decoration: underline; 
}

/* -------------------ARTICLE FORMATTING-------------------------*/

.single-article small {
	text-align:center;
	font-size: 24px !important;
	line-height: 20px;
	text-transform: none;
	font-family: "Crimson Text";
	padding-bottom: 10px;
   color: #001a57;
}

.single-article .span9 h1,
.single-post .span9 h1 {
    text-align: center;
    font-variant: small-caps;
		font-family: "Crimson Text" !important;
		line-height: 1em;
		color: #333333 !important;
}

.single-article div#abstract p {
    text-align: justify;
    line-height: 150%;
    font-family: "Crimson TexT";
}

@media (min-width: 979px) {
.single-article div#abstract p {
    font-size: 20px;
}
.single-article .span9 {
	width: 66%;
}
	.single-article .span9 h1,
.single-post .span9 h1 {
	    font-size: 54px;
	}
	.page-id-30 .span9 {
		width: 66% !important;
	}
}

@media (max-width: 979px) {
	.single-article div#abstract p {
    font-size: 16px;
}
/*.single-article .span9, .single-post .span9 {
	width: 100%;
}*/
		.single-article .span9 h1,
.single-post .span9 h1 {
	    font-size: 2.5em;
	}
}

@media (max-width: 979px) and (min-width: 768px) {
.single-article .row-fluid [class*="span"]:first-child {
    margin-left: auto;
}
}
@media (max-width: 768px) {
.single-article .row-fluid [class*="span"]:first-child {
    /*margin: auto;*/
		width: 100%;
}
}

.single-article p {
    font-family: Crimson Text;
    font-size: 18px;
}

.single-article h4 {
    text-align: center;
		font-size: 28px;  
		font-weight: 700px;
	  padding-top: 5px;
		color: #001a57;
}

.single-article h4:after {
    border-bottom: 1px solid black;
    padding-top: 10px;
    content: '';
    width: 33%;
    display: block;
    margin: auto;
}

div#recommended_citation {
    text-align: center;
}

/*This deals with the span problem*/

.single-article .span3, 
.single-article .span3 .widget,
.single-post .span3, 
.single-post .span3 .widget {
	display: none;
}

.single-article .span3.sidebar,
.single-post .span3.sidebar {
	width: 0;
}

.single-article .span9,
.single-post .span9 {
	float: none !important;
	margin:auto;
}

.single-article .span9 {
	width: 66%;
	 text-align: center;
}

.single-article p {
		text-align: center;
}

.single-article a.pdf {
		background: #0045e6; 
}

/*This below fixed the problem with tables inserted as images showing up not centered (because the main text is justified)*/
.single-post img {
	  display: block;
    margin: 0 auto;
	
}


/**/

@media (min-width: 480px) {
	.single-article a.pdf {
	padding: 9px 26px !important;
}
	.single-post div.online_piece_header_bar {
		font-size: 18px;
	}
	
}

@media (max-width: 480px) {
	.single-article a.pdf {
	padding: 5px !important;
}
		.single-post div.online_piece_header_bar {
		font-size: 14px;
	}
	
}



/* -------------------DLJ Online Article Formatting---------------------------*/

div.online_article_text {
background: white;
text-indent:4em;
text-align: justify;
/*margin-left: 1em;*/
margin-right: 1em;
margin-top:2em;
padding-left: 3em;
padding-right: 3em;
padding-bottom: 3em;
border: 1px solid #ccc;
/*-moz-box-shadow:    4px 4px 5px #ccc;
  -webkit-box-shadow: 4px 4px 5px #ccc;
  box-shadow:         4px 4px 5px #ccc;*/
position: relative
}

div.online_article_text a {
text-decoration:none;
}

div.online_piece_header_bar {
border-bottom:1px solid #000000;
border-top:1px solid #000000;
margin-top: 40px;
margin-bottom: 35px;
padding-top: 0.5em;
padding-bottom: 0.5em;
text-indent: 0;
font-variant:small-caps;
width: 100%;
}

div.online_piece_header_bar table {
margin-top: 0;
}

#onlinearticletitle {
font-size: 1.5em;
font-weight: bold;
text-transform: uppercase;
font-family: PT Serif;
text-align: center;
text-indent: 0;
}

#onlinearticleauthor {
text-align: center;
text-indent: 0;
margin-top: 25px;
margin-bottom: 20px;
}

div.online_article_text h3 {
text-indent:0em;
}

@media (min-width: 480px) {
div.blockquote {
text-indent:0em;
margin-left: 4em;
margin-right: 4em;
}
}

@media (max-width: 480px) {
div.blockquote {
text-indent:0em;
margin-left: 0em;
margin-right: 0em;
}
}

div.afterblockquote {
text-indent:0em;
}

/* Hover over footnotes  */

#captionz {
  border: 2px solid #001a57;
background: #F0F0F0;
  display: none;
  margin-top: 10px;
  padding-top: 20px;
padding-bottom: 20px;
padding-left: 25px;
padding-right: 25px;
position: absolute;
text-align: left;

text-indent:0em;
left: 10%;
right: 10%;
line-height: 1.5;
-moz-box-shadow:    4px 4px 5px #ccc;
  -webkit-box-shadow: 4px 4px 5px #ccc;
  box-shadow:         4px 4px 5px #ccc;
}


#divcaptionz:hover #captionz {
  display: block;
}

div.hiddenposttext {
display: none;
}

#smcapstoallcaps {
font-variant:small-caps;
}


/* -------------------Experimental Stuff---------------------------*/

body {
font-family: Crimson Text, Cardo, serif;
}

p {
line-height: 22px;
}

.page-id-314 p {
	line-height: 1.45em;
	font-size: 1.25em !important;
} /*these edits are specific to DLJ Online*/

.page-id-314 div.hrAnnouncements {
margin-left: 1px;
width:70%;
height:1px;
background-color: white;
background: -webkit-linear-gradient(left, #BBBBBB, #F4F1F8); /* For Safari */
background: -o-linear-gradient(right, #BBBBBB, #F4F1F8); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(to right, #BBBBBB, #F4F1F8); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, #BBBBBB, #F4F1F8); /* Standard syntax (must be last) */
}

.page-id-73 .span9 p, 
.page-id-869 .span9 p,
.page-id-314 .span9 p, 
.page-id-30 .span9 p, 
.page-id-11 .span9 p, 
.page-id-38 .span9 p, 
.page-id-10 .span9 p, 
.category-announcements1 .span9 p, 
.page-id-74 .span9 p,
.single-archive .span9 p,
.page-id-12 .span9 p 
	.page-id-36 .span9 p,
	.page-id-34 .span9 p,
	.page-id-43 .span9 p,
	.page-id-45 .span9 p,
	.page-id-47 .span9 p
{
	text-align: justify;
	font-size: 1.25em;
    line-height: 1.5em !important;
}

.page-id-73 .span3 {
	/*width: 0;*/
}

.page-id-73 .span9 .articletitle:before,
.page-id-869 .span9 .articletitle:before,
.archive-template-default .span9 .articletitle:before {
    border-top: 3px solid #001a57;
    position: relative;
    color: black;
    content: "";
    display: block;
    left: 50%;
    width: 45%;
    height: 1px;
    max-width: 1300px;
    padding-bottom: 20px;
    transform: translate(-50%, -0%);
}
	
.page-id-73 .span9 h2,
.page-id-869 .span9 h2,
.archive-template-default .span9 h2 {
	text-align: center !important;
}


.mastheadz {
text-indent: 0;
}

div.mastheadz .online_piece_header_bar {
font-size: 20px;
font-family: PT Serif;
}

.container-fluid.secondary-menu .container {
padding-left: 0px;
padding-right: 0px;
}

.main {
background: #F4F1F8;
padding-top: 0px;
}

/* .header {
background: white;
} */

.main-nav {
    background-color: #001a57;
    border-bottom: none;
}

.navbar .nav > li > a { 
padding: 10px 25px 10px 23px; 
font-size: 22px; 
font-style: inherit;
text-transform: small-caps;
font-family: 'Raleway', sans-serif; 
font-weight: 800; 
text-transform: none; 
border-radius:0; 
}

.navbar .nav > li:last-child > a {
background: #9dae1f;
}

.navbar .nav li:last-child:hover > a, .navbar .nav li:last-child:hover a:focus {
background-color:#9dae1f ;
color: #FFFFFF;
}

.main .container {
background-color: #F4F1F8;
}

	.secondary-menu .row-fluid {
		background-color: #001a57;
		padding-top: 20px;
    padding-bottom: 28px;
}

.container-fluid.footer .container {
border-top: 10px solid #001a57;
padding-left: 0px;
padding-right: 0px;
background: #001a57;
}


.main .container {
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;

}

.container-fluid {
padding-left: 0px;
padding-right: 0px;
}

.footer .row-fluid {
border-top: none;
}


.widget {
/*border: none !important; 
 I think it's just better to get rid of this at this stage, because all of the 
	widgets on the other pages don't get affected by this. It's literally only the homepage'*/
background: white;
}

h2.widget-title {
		background: none !important;
		color: black;
    font-weight: 100;
    margin-top: 30px;
}

.archive .widget {
border: 0px;
background: none;
}

.row-fluid .span12 {
background: white;
}

.main .row-fluid .homepage-posts {
padding-top: 0px;
/*box-shadow: 1px 3px 15px #C5C5C5; 
  This had originally created a terrible shadow*/
background: white;
}

.current-issue-title {
background: none;
padding-bottom: 5px !important;
padding-top: 5px !important;
/*box-shadow: 1px 3px 15px #C5C5C5;*/
}



.span12 h2 {
font-family: "Crimson Text" !important;
}

a {
text-decoration: none;
}

.navbar .nav li:hover > a, .navbar .nav li:hover a:focus {
text-decoration: none;
}

.secondary-menu ul li a:hover {
text-decoration: none;
color: #000000;
}

div#page_in_widget-5.widget.widget_page_in_widget p {
font-size: 0.9em;
}

/* -------------------Formatting the Announcements Page---------------------------*/

.addthis_toolbox {
display: none;
}

.row-fluid .span12 {
background: inherit;
}

/* -------------------Formatting the list on Admin Law Symposium Videos---------------------------*/

.adminvideos p {
margin-left: 100px;
text-indent:-75px;
margin-top: 0px;
margin-bottom: 0px;
	}