/*
 Theme Name: ELB 2021
 Description: The custom theme ELB 2021 using the parent theme Twenty Thirteen.
 Author: Kristine McGuire
 Template: twentythirteen
 Version: 1
 */


 
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;1,200;1,300;1,400;1,600;1,700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;1,200;1,300;1,400;1,600;1,700&display=swap');


/*

Colors:
ELB Red: #C93333
Dk blue: #007bc7 -- Used for link text
ELB blue: #4e8acc


Fonts:
'Source Serif Pro', serif;
'Source Sans Pro', Helvetica, sans-serif;
*/




.site{
	border-left:none;
	display:block;
	display:flex;
	flex-direction:column;
	max-width:100%;
}


/*Site header*/

.site-header{
	background:transparent !important;
	box-shadow:0 4px 4px -2px rgb(0 0 0 / 15%);
}

#topbar .widget {
    display: block;
    float: right;
	margin:0;
	padding:0 5px;
    width: auto !important;
}

#topbar .widget-area {
    display: block;
    background: #c93333;
	float:left;
    margin-bottom: 20px;
	padding:2px 20px 8px;
	width:100%;
}

#topbar .widget a{
	border-bottom:none;
	color:#fff;
}

@media(max-width:550px){
	#topbar .widget-area{
		margin-bottom:20px;
	}
}

.site-header .home-link{
	display:flex;
	flex-direction:row;
	max-width:100%;
	min-height:80px;
	padding:0 2em;
}

@media(max-width:550px){
	.site-header .home-link{
		padding:0 20px;
	}
}

@media(min-width:1366px){
	.site-header .home-link{
		min-height:85px;
		max-width:1366px;
		padding:0 1em;
	}
}

.site-title{
	background-image:url('https://electionlawblog.org/wp-content/uploads/ELB-1221.png');
	background-size:200px;
	background-repeat:no-repeat;
	height:64px;
	text-indent:-9999px;
	font-size:1;
	margin:0;
	min-width:200px;
}

@media(max-width:550px){
	.site-title{
		background-size:180px;
		height:57px;
		min-width:180px;
	}
}

.site-description {
    font: 400 italic 18px 'Source Serif Pro', serif;
    margin: 0 0 0 20px;
    height: 63px;
    border-left: 1px #ddd solid;
    padding-left: 20px;
    padding-top: 20px;
}
	@media(max-width:650px){
		.site-description{
		font-size:15px;
		margin-left:20px;
		padding-top:5px;
		padding-left:20px;
		}
	}

/*Top navigation*/

.navbar{
	background-color:#fff;
	border-top:1px solid #eee;
	padding:5px 0;
}

.main-navigation{
	max-width:100%;
	padding-left:1em;
}

@media(min-width:1366px){
	.main-navigation{
		max-width:1366px;
		padding:0;

	}
}

ul.nav-menu ul a:hover, .nav-menu ul ul a:hover{
	background-color:#c93333;
}

.nav-menu li a{
	color:#333;
	font-size:.85em;
	font-weight:600;
	letter-spacing:.02em;
	margin-right:20px;
	text-transform:uppercase;
}

@media(max-width:1280px){
	.nav-menu li a{
		font-size:.85em;
		margin-right:10px;
	}
}

.site-header .search-form{
	right:40px;
}

.site-header .search-field{
	background-image:url('https://electionlawblog.org/wp-content/uploads/search-icon-blue-circle.png');
	background-size:35px 35px;
	height:50px;
	margin-top:-4px;
	padding-left:50px;
	padding-right:10px;
	border-color:#eee !important;
	border-radius:3px;
}



/*Text formatting*/

h1, h2, h3, h4, h5, h6{
		font-family: 'Source Serif Pro', serif;
}

h1{
	font-size:30px;

}

h2{
	color:#555;
	font-weight:600;
	font-size:1.3em;
	font-style:italic;
	letter-spacing:.02em;
}

.entry-content a, .entry-meta a, .entry-summary a{
	color:#007bc7;
}

.entry-content a{
		border-bottom:1px dotted 
}

.entry-content a:hover, .entry-meta a:hover, .entry-summary a:hover{
	border-bottom:1px solid;
	color:#C93333;
	text-decoration:none;
}

.entry-content{
	font-family:'Source Serif Pro', serif;
	font-size:1.2em;
}

.entry-content blockquote{
	border-left:5px solid #eee;
	color:#6b6969;
	font-size: 1em;
	font-weight:400;
	margin:0 0 0 40px;
	padding: 0 0 0 1em;
}


/*Main layout*/

.site-main{
	display:flex;
	flex-direction:column;
}

	@media(min-width:1100px){
		.site-main {
			flex-direction:row;
			flex-wrap:wrap;
			margin:0 auto;
			max-width:100%;
			padding:0 2em;
		}
	}

	@media(min-width:1366px){
		.site-main{
			max-width:1366px;
			padding:0 1em;
		}
	}

.sidebar .entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta{
	margin-bottom:15px;
	max-width:100%;
	padding:0 20px;
}

.site-main .sidebar-container{
	height:auto;
	position:relative;
	padding:0;
	top:0;
	width:100%;
	margin:0 auto;
}
	@media(min-width:1100px){
		.site-main .sidebar-container{
			height:auto;
			position:relative;
			width:30%;
			padding:0 0 20px 0;
			top:0;
		}
	}

	@media(min-width:1366px){
		.site-main .sidebar-container{
			width:35%;
		}
	}

@media(min-width:1100px){

	div#primary{
		width:70%;
		padding:20px 2.5em 0 0;
	}
		
	div#tertiary.sidebar-container .widget-area{
		border-left:1px solid #eee;
		padding:0 0 0 1em;
		margin-top:60px;
	}
			
	.sidebar .entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta{
		padding:0;
	}
}

@media(min-width:1366px){
	div#primary{
		width:65%;
	}
		
	div#tertiary.sidebar-container .widget-area{
		border-left:1px solid #eee;
	}

	@media(min-width:1100px){
		div#tertiary.sidebar-container .widget-area .textwidget p{
			font-size:.95em;
		}
	}
	@media(min-width:1366px){
		div#tertiary.sidebar-container .widget-area .textwidget p{
			font-size:1em;
		}
	}
			
	.sidebar .entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta{
		padding:0;
	}}

/*post and page navigation links */

.paging-navigation{
	background:#fff;
	width:100%;
}
.paging-navigation .meta-nav{
	background-color:#c93333;
}

.paging-navigation .meta-nav{
	background-color:#c93333;
}
.paging-navigation a:hover .meta-nav{
	background-color:#007bc7;
}

.navigation a{
	color:#c93333;
}

.navigation a:hover{
	color:#007bc7;
}

.paging-navigation .nav-previous .meta-nav {
    margin-right: 10px;
    padding: 3px 0 8px;
    width: 50px;

}

.sidebar .paging-navigation .nav-links, .sidebar .post-navigation .nav-links{
	padding:0 20px;
}

.sidebar .post-navigation .nav-links a{
	display:block;
	width:45%;
}

@media(max-width:550px){
	.sidebar .post-navigation .nav-links a{
		border-top:1px solid #eee;
		padding-top:1em;
		font-size:.9em;
		margin-bottom:1.5em;
		width:100%;
	}
}


.post-navigation{
	font-weight:400;
}

/*Sidebar*/

.site-main .widget-area{
	width:100%;
}

.widget{
	background:transparent;
	float:left;
	hyphens:none;
	padding:0 20px;
	width:100%;
}

@media(min-width:1100px){
	.widget{
		padding:0 0 0 15px;
	}
}

.textwidget{
	font-size:1rem;
}

.textwidget .elblogger, .textwidget .contr-col{
	font-size:.9rem;
}

.textwidget .contr-col a{
	color:#333;
	font-size:1em;
	font-weight:normal;
	text-transform:none;
	border-bottom:1px dotted;
	font-style:italic;
}

.textwidget .elblogger h3 a, .textwidget .contr-col h3 a{
	border-bottom:none;
	color:#c93333;
	font-weight:bold;
	text-transform:uppercase;
	font-style:normal;
}

.widget .textwidget p{
	margin:10px 0;
	padding:8px 0 8px;
}

@media(min-width:1100px){
	.widget .textwidget p{
		font-size:.95em;
	}
}

@media(min-width:1366px){
	.widget .textwidget p{
		font-size:1em;
	}
}

.textwidget .elblogger p, .textwidget .contr-col p{
	margin:0 0 15px;
	padding:0;
}


.widget .textwidget a{
	border-bottom:1px dotted;

}

.textwidget a:hover{
	border-bottom:1px solid;
	color:#105d8b;
	text-decoration:none;
}

.widget .widget-title{
	border-bottom:solid 1px #000;
	color:#000;
	font: 400 24px "Source Serif Pro", serif;
	padding: 0 0 10px 0;
}

.widget.widget_sp_image .widget-title{
	display:none;
}

.widget_sp_image-description {
    font-size: 1rem;
}

@media(min-width:1100px){
	.widget_sp_image-description {
		font-size:1em;
	}
}
@media(min-width:1366px){
	.widget_sp_image-description {
		font-size:1rem;
	}
}

.widget_sp_image-description a{
	border-bottom:1px dotted;
}

.widget_sp_image-description a:hover{
	border-bottom:1px solid;
	color:#105d8b;
	text-decoration:none;
}

.widget a{
	color:#333;
}

.headshot{
	border-radius:50%;
	float:left;
	height:58px;
	width:58px;
	margin-right:15px;
	margin-bottom:10px;
}

@media(min-width:500px){
	.headshot{
		background:#ddd;
		height:55px;
		width: 55px;px;
		border-radius:50%;
		float:left;
		margin-right:20px;
		margin-top:5px;
	}
}

@media(min-width:1100px){
	.headshot{
		height:50px;
		width:50px;
	}
}
@media(min-width:1366px){
	.headshot{
		height:55px;
		width:55px;
	}
}

.contr-col{
	width:100%;
}

@media(min-width:600px){
	.contr-col{
		padding:0 10px 0 0;
		width:50%;
		float:left;
	}

	.contr-col:nth-child(2){
		border-left:1px solid #ddd;
		padding: 0 0 0 10px;
	}
}
.contributor{
	border-bottom:1px solid #ddd;
	clear:both;
	margin:1em 0;
}

@media(min-width:600px){
	.contr-col .contributor:last-child{
		border-bottom:none;
	}

	.contributor .headshot{
		float:right;
		margin-right:2px;
		margin-left:5px;
	}
}

.elblogger h3, .contributor h3{
	display:inline;
	margin:0;
	font-family:'Source Sans Pro', sans-serif;
	font-size:.95em;
	text-transform:uppercase;
}

.contributor a{
	font-weight:bold;
	text-transform:uppercase;
}

@media(min-width:1100px){
	.contributor a{
		font-size:.95em;
	}
}

@media(min-width:1366px){
	.contributor a{
		font-size:1em;
	}
}

/*Byline and other metadata*/

.single-author .entry-meta .author, .sticky.format-standard .entry-meta .date, .sticky.format-audio .entry-meta .date, .sticky.format-chat .entry-meta .date, .sticky.format-image .entry-meta .date, .sticky.format-gallery .entry-meta .date{
	display:inline;
}

.entry-meta{
	display:flex;
	flex-wrap:wrap;
}
.sidebar .entry-header .entry-meta{
	padding-bottom:15px;
	font-size:.95em;
}

.entry-meta a{
	border-bottom:1px dotted;
}

.entry-meta .author{
	order:1;
	margin-right:0;
}

.entry-meta .author:before{
	content:"By ";
}

.entry-meta .author a{
	font-weight:bold;
	text-transform:uppercase;
}

.entry-meta .author a:before{
	content:none;
}

.entry-meta .author:after{
	content:" on";
}

.entry-meta .date{
	margin-left:4px;
	order:2;
}

.entry-meta .date a:before{
	content:none;
}

.entry-meta .categories-links{
	order:3;
}

.entry-meta .tags-links{
	order:4;
}


.entry-meta .edit-link{
	order:5;
}

/*Home page posts*/
.home .site-content{
	display:flex;
	flex-wrap:wrap;
}

.home .hentry{
	border-bottom:1px solid #ddd;
	margin:0 20px;
	padding:25px 0px 0;
	width:100%;
}

.home .hentry:nth-child(3){
	border-bottom:none;
}

.home.paged .hentry:nth-child(3){
	border-bottom:1px solid #ddd;
}

@media(min-width:600px){
	.home .hentry{
		border-top:1px solid #ddd;
		border-bottom:none;
		margin:0;
		padding:25px 0 0;
		width:48%;
	}
}
.home .hentry:nth-child(4),
.home .hentry:nth-child(6),
.home .hentry:nth-child(8),
.home .hentry:nth-child(10),
.home .hentry:nth-child(12),
.home .hentry:nth-child(14){
	margin-right:4%;
}

.home article .entry-title{
	font-family:"Source Sans Pro", Helvetica, sans-serif;
	font-size:22px;
	font-weight:600;
	line-height:1.3em;
	margin-bottom:15px;
}

.entry-title a:hover{
	color:#C93333;
	text-decoration:none;
}

.home .hentry:nth-child(1), 
.home .hentry:nth-child(2), 
.home .hentry:nth-child(3){
	padding:40px 0 0;
	width:100%;
	
}

.home article:nth-child(1),
.home article:nth-child(4),
.home article:nth-child(5){
	border-top:none;
}

.home article:nth-child(1) .entry-title, 
.home article:nth-child(2) .entry-title,
.home article:nth-child(3) .entry-title{
   font-family:'Source Serif Pro', serif;
	font-size:1.6em;
	font-weight:400;
	line-height:1.2em;
}

@media(min-width:600px){
.home article:nth-child(1) .entry-title, 
.home article:nth-child(2) .entry-title,
.home article:nth-child(3) .entry-title{
   font-family:'Source Serif Pro', serif;
	font-size:2.2em;
	font-weight:400;
}
}

.home article .entry-content{
	font-family:'Source Sans Pro', Helvetica, sans-serif;
	font-size:1em;
}

.home article:nth-child(1) .entry-content, 
.home article:nth-child(2) .entry-content,
.home article:nth-child(3) .entry-content{
	font-family:'Source Serif Pro', serif;
	font-size:1.2em;
}

.home article:nth-child(3):after{
	content:"More Recent Posts";
	border-bottom: solid 1px #000;
	color: #000;
	display:block;
	font: 400 25px "Source Serif Pro", serif;
	margin: 40px 20px 0 20px;
	padding:0 0 10px;
	width:92%;	
}

@media(min-width:600px){
	.home article:nth-child(3):after{
		content:"More Recent Posts";
		border-bottom: solid 1px #000;
		color: #000;
		display:block;
		font: 400 25px "Source Serif Pro", serif;
		margin: 40px 20px 0 0;
		padding:0 0 10px;
		width:100%;	
	}
}
/*other blog pages*/

.home.paged .hentry{
	border-top:1px solid #eee;
	width:100%;
}

.home.paged .hentry:first-child{
	border-top:0;
}

.home.paged .entry-title{
    font-family:'Source Serif Pro', serif;
	font-size:1.6em !important;
	font-weight:400;
	line-height:1.2em;
}

.home.paged .entry-summary{
	font-family:'Source Serif Pro', serif;
	font-size:1.1em;

}

.home.paged article:nth-child(3):after{
	content:"";
	border-bottom:none;
}


/*page*/

.page-template-default .site-main, .post-template-default .site-main{
	max-width:950px;
}

.page-template-default div#primary, 
.post-template-default div#primary{
	border-right:none;
	width:100%;
}

.page-template-default div#tertiary, 
.post-template-default div#tertiary{
	display:none;
}

.page-template-default .entry-title{
	border-bottom:1px solid #ccc;
	font-size:2.2em;
	padding-bottom:.5em;
	
}

.small-btn a{
	font-size:1em;
	margin-bottom:1em;
}

.small-btn a:hover{
	background:#4170a5;
	color:#fff;
}

.wp-block-separator.is-style-wide {
    border-bottom-width: 1px;
    border: 1px solid #eee;
    margin-top: 20px;
}

/*search template*/
.page-header{
	background-color:transparent;
}

.search article{
	border-bottom:1px solid #eee;
	padding:30px 0 10px;
}



/*archive template*/
.archive-header{
	background:#eee;
}

.archive-title, .archive-meta{
	color:#777;
	font:400 20px "Source Sans Pro", Helvetica;
	padding:20px;
	text-transform:uppercase;
}

/*Footer*/
.site-footer{
	background-color:#4e8acc;
	color:#fff;
	margin-top:0 !important;
	width:100%;
}

.site-footer .sidebar-container{
	background:transparent;
	
}

@media(min-width:768px){

.site-footer .sidebar-container{
	float:right;
	width:50%;
}
}

.site-footer .copyright{
	float:left;
	width:50%;
	padding: 2em 2em;
    font-size: 1.2em;
}

@media(max-width:550px){
	.site-footer .copyright{
		width:100%;
		padding:2em 1.5em 0;
	}
}


.site-footer .widget a{
	color:#fff;
}

.site-info{
	display:none;
}

.sidebar .site-footer .widget-area{
	max-width:100%;
	left:0;
}

@media(min-width:1366px){
	.sidebar .site-footer .widget-area{
		max-width:1366px;
	}
}

.sidebar .site-footer .widget {
	left:0;
	padding:0 5px;
    width: 100%;
    position: relative !important;
}

@media(min-width:768px){
	.sidebar .site-footer .widget {
		float:right;
		text-align: right;
	}
}