/*
 * Theme Name: dissent
 *
 * Layout: Content-Sidebar
 *
 * Learn more: https://developer.wordpress.org/themes/basics/template-files/
*/
.clear{clear:both;}
body{background:#e9e0db;}
#masthead{background:#fff;}

nav.main-navigation ul{margin-left:2em;}

@media screen and (max-width:768px){
	nav.main-navigation ul{margin-left:0;}
}
	
.site-branding{border-bottom:1px solid #069; margin-top:60px;}
.content-area {
	float: left;
	margin: 0 -350px 0 0;
	width: 100%;
	background:#e9e0db;
}
	.entry-title{margin-bottom:0; color:#069;}

.entry-content{border-bottom:10px solid #d1c2b2;}
	.entry-content p:first-child{margin-top:0;}

.site-main {
	margin: 0 350px 0 0;
	padding:2em 3em;
}
	
.site-content .widget-area {
	width:350px;
	float: right;
	overflow: hidden;
	padding:2rem;
	background:#069;
	margin:-2em 0 0 0;
	border-radius:5px;
background: -moz-linear-gradient(top, rgba(0,83,125,1) 0%, rgba(0,102,153,1) 25%, rgba(0,102,153,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,83,125,1)), color-stop(25%, rgba(0,102,153,1)), color-stop(100%, rgba(0,102,153,1)));
background: -webkit-linear-gradient(top, rgba(0,83,125,1) 0%, rgba(0,102,153,1) 25%, rgba(0,102,153,1) 100%);
background: -o-linear-gradient(top, rgba(0,83,125,1) 0%, rgba(0,102,153,1) 25%, rgba(0,102,153,1) 100%);
background: -ms-linear-gradient(top, rgba(0,83,125,1) 0%, rgba(0,102,153,1) 25%, rgba(0,102,153,1) 100%);
background: linear-gradient(to bottom, rgba(0,83,125,1) 0%, rgba(0,102,153,1) 25%, rgba(0,102,153,1) 100%);
}
	.dissent-blurb{
		font-family:'Crete Round', serif;
		margin:0 -2em;
		padding:.5em 1em;
		background:#d98b40;
		text-align:center;
		border-top:solid 2px #eee;
		border-bottom:solid 2px #eee;
	}
		.dissent-blurb p{font-size:1.5em; color:#fff; font-weight:bold; margin:0;}
		.dissent-blurb p i{font-size:.8em; color:#000;}
		
	.widget-area h2.widget-title{color:#fff;}
	.widget-area a:link, .widget-area a:visited{color:#fff;}
	.widget-area a:hover, .widget-area a:active{color:#ccc;}
	.widget-area a.btn .fa{margin-right:5px; font-size:1.4em;}
	input[type="search"]{width:100%;}

	@media screen and (max-width:768px){
		.site-main{padding:0em 2em;}
		.site-content .widget-area{border-radius:0px; margin:0;}
		.site-branding {padding:2em 0; text-align:center;}
	}

.site-footer {
	clear: both;
	width: 100%;
}

a.btn{
   border: 1px solid #fff;
   background:none;
   -webkit-border-radius:5px;
   -moz-border-radius:5px;
   border-radius:5;
   color: #fff;
   font-weight:bold;
   padding:1em;
   text-wrap:none;
   display:block;
   text-decoration:none;
   margin-bottom:1.5em;
   text-align:center;
   }
a.btn:hover{
	color:#069;
	background:#fff;
	}
			   
@media screen and (max-width:768px){
	.site-content .widget-area{float:none; width:100%; margin:0 auto;}
	.content-area, .site-main{margin-right:0;}
}