/* 
	Theme Name:     20 Fall 
	Theme URI: 		None
	Description:    Fall 20 Theme 
	Child Theme Author:  Dave Drogowski
	Author URI:  	Dave Drogowski
	Template:       twentythirteen
	Version:        1
	Notes: If you're reading this, I must have done something really right. 
*/


/* =Theme customization starts here-------------------------------------------------------------- */
/*Theme colors*/	

.entry-header, .entry-content, .entry-summary, .entry-meta {
	max-width:800px;
	}

.site-header-menu, .site-footer, .navbar {	
	background-color:#5d9e6e;
	}
	
.site-footer .sidebar-container {
	background-color: #333 !important;
}
	
.site-title, .site-description, #content a  {    
	color: #5d9e6e;
	}
	
.site-description {	
	letter-spacing: 1px;
	}
	
.main-navigation a:hover, .main-navigation a:focus {    
	color: #FFF;
	}
	

	
@media screen and (min-width: 56.875em){
	.main-navigation li:hover a {    
		color: #FFF;
		}
		
	.main-navigation .sub-menu  li:hover a, .main-navigation .sub-menu li a { 
		color: #FFF;
		}
	}
	
.sub-menu a, .sub-menu a:hover, .sub-menu a:visited{    
	color: #5d9e6e;
	}
	
.sub-menu li:hover a {
	color: #5d9e6e !important;
	}
	
.dropdown-toggle:hover, .dropdown-toggle:focus {    
	color: #5d9e6e;
	}
	
/*Resume other stuff */

#page {	
	background-image: url(/wp-content/themes/20-Fall/smalltown.jpg);		
	margin: 0px;	
	background-attachment: fixed;    
	background-size: cover;
	background-position-x: center;
	}
	
.site {	
	background-color:transparent !important;
	}
	
.site-header-menu {    
	width: 100%;    
	padding-left: 10px
	}
	
.textwidget {
	display: block !important;
	}
	
body {	
	background:transparent;
	}

.site-header {
	background: none !important;       
	margin: auto;     
	width: 100%; 	
    background-size: auto 100% !important;
	background-position: 100% 0% !important;
}

@media (min-width:767px) {
	
.site-header .home-link {
	min-height:300px;
}
	
}

@media (max-width: 767px) {
.site-header {
    height: 300px !important;
}
}

.content-bottom-widgets .widget {
	max-width:230px;
	float:left;
}

.widget {
	border-top:0px;
	background-color:transparent;
}

#secondary .widget-title {
	font-style: normal;
	width: 100%;
	padding: 0px 10px;
	margin: auto auto 20px auto;
	border-bottom: 1px solid black;
	text-align: center;
	word-wrap: break-word;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
}

.widget-area {
	overflow: hidden;
	margin-bottom: 0px !important;
	border-top: 3px solid #000;    padding: 5px
}

@media screen and (max-width: 44.375em) {
	body:not(.custom-background-image):before, body:not(.custom-background-image):after {
		background: inherit;
		content: "";
		display: block;
		height: 0px; !important;
		left: 0;
		position: fixed;
		width: 100%;
		z-index: 99;
	}		
	
	.site-title {		
		font-size: 5.75rem;		
		line-height: 1.25;	}
	
	.site-branding, .site-header-menu, .header-image {
		margin-top:0;
		margin-bottom:0;
	}
	
	.site-branding {
		padding: 0;		
		height: 300px;		
		margin: auto;		
		background-position: bottom right;		
		min-width: auto;
	}		
	
	.site-title, .site-description {			
		margin-left:50px !important;	
		}
}

@media (max-width: 643px) {
.menu-toggle, .menu-toggle:hover, .menu-toggle:focus, .menu-toggle:active {
    padding: 12px 12px 12px 20px;
}
}

@media screen and (max-width: 56.875em) {

	.toggled-on .menu-navigation-container {
    display: block;
	background:#5d9e6e;
	}

	.menu-toggle {
    display: block;
    margin: 0px 15px 1.3125em;
}
	
	#site-navigation {
		float: left;
		width: 100%;
		max-width: 100%;
		z-index:1000;
	}
	
	.main-navigation .menu-navigation-container {
	display:none;
	}
	
	.toggled-on .menu-navigation-container {
	display:block;
	}
}

.menu-toggle.toggled-on, .menu-toggle.toggled-on:hover, .menu-toggle.toggled-on:focus {
	border-color: #FFF;
}

button, .dropdown-toggle, .menu-toggle, .menu-toggle:hover, .menu-toggle:focus {
    background: #FFF !important;
    border-color: #FFF;
    color: #5d9e6e;
}

.site-header .search-field {
    background-color: #FFF;
	background-position: center;
	padding: 0 0 0 50px;
	background-position: 10px;
	border-radius: 2px;
}

button:hover, button:focus {
	background: #5d9e6e !important;
}

#content {
	max-width:1300px;
	margin:auto;
	padding:20px;
}

.site-footer a{	color: #FFF;}

.pieceblock {
	width:33%;
	float:left;
}

.flexcontainer {
	display: flex;
	flex-wrap: wrap;
}

.flexitem {
	width:30%;
	padding-right:1%;
	margin-right:3%;
	margin-bottom:45px;
	border-right:1px solid #AAA
}

.flexitemfull {
	width:100%%;
	padding-right:35px;
}

.flexitem p, .flexitemfull p {
	margin-bottom: 0px;
}

@media screen and (max-width: 767px) {
	.flexitem {
		width:100%;
		border-right: none;
	}
}

/* Typography */
@font-face {
	font-family: Montserrat;
	src: url('Montserrat-Regular.ttf');
}

.entry-content h1, .entry-content h2, .entry-content h3, h4, h5, h6, p, span, a , ol, ul, li, .widget .widget-title, .entry-title, .entry-content h1 a, .entry-content h2 a, .entry-content h3 a {
	font-family: 'Montserrat', sans serif;
}

.entry-content p , .entry-content span, .entry-content a {
	font-family: 'Montserrat', sans serif;
	}
	
/*Site Title*/

.site-title, .site-description {
    font-style: normal;
    font-size: 1em;
    color: #FFF;
    float: left;
    text-align: left;
}

.site-title {
	font-size: 3em;
	}

.site-title, .site-title a, .site-description{	font-family: 'Montserrat';	font-weight:normal;	text-shadow: 1px 1px 15px #000;}

@media (max-width: 767px) {
	.site-title {
		padding: 40px 0 10px;
	}
}

.site-branding .site-title a:link, .site-branding .site-title a:active, .site-branding .site-title a:hover, .site-branding .site-title a:visited {
	color: #FFF;    text-decoration: none;    box-shadow: none;	font-size:3em;
}

.site-header .site-title:hover{
	text-decoration: none;
}

a:hover {
	text-decoration: none !important;
}

.site-title a:hover, .site-title:hover {
	box-shadow: none;
	text-decoration: none;
}

.entry-content a, .site-title a {
	box-shadow: none;
}

.primary-menu a {
	color: #FFF;
}.primary-menu .sub-menu a {	color: #5d9e6e;}

@media screen and (max-width: 56.875em) {
	.sub-menu a, .sub-menu a:hover, .sub-menu a:visited {
		color: #5d9e6e;
	}
}

.blogroll li {
	font-size:20px;
}

#site-header-menu li {
	font-size:20px;
}

.entry-content p , .entry-content span, .entry-content a{
	font-size: 16px;
	margin: 0 0 1em 0;
}

.textindent {
	text-indent:30px;
}

#content h2 {
	margin: 20px 0px !important;
}
	
.flexitem  p {
	font-size:18px;
}

.entry-content h1, .entry-content h1 a {
	margin-bottom:0;
	margin-top: 0;
}

.entry-content h2, .entry-content h2 a {
	margin-bottom:0;
	margin-top: 1em;
	font-size:26px;
}

.entry-content h3, .entry-content h3 a {
	margin-bottom:0;
	margin-top: .5em;
	font-size:19px;
}

#content h4 {
	margin-bottom:0;
	margin-top: .5em;
}

#content h5 {
	margin-bottom:0;
	margin-top: .5em;
}

#content h6 {
	margin-bottom:0;
	margin-top: .5em;
}

.widget .widget-title {
	font-style: normal;
	font-weight: bold;
}

#secondary a {
	font-weight: bold;
}

.entry-title {
    font-weight: bold;
    margin: 0 0 30px;
    border-bottom: 1px solid #AAA;
    padding: 0px 0px 10px;
}

.widget-title {
	hyphens: none;
}

.hentry {
	padding: 20px;
	background-color: rgba(224,231,241,.86);
}

/* Non-negotiable */

pre {
	font-family: 'Montserrat', sans serif;
	background:none !important;
    color: #141412;
    font-size: 16px;
    margin: 0px 0;
    overflow: auto;
    padding: 0px;
    white-space: pre-wrap;
    word-wrap: unset;
}

.textwidget {
	display: block !important;
}

/* More hack job CSS from a lazy designer who really could have cleaned this up, but did not */

.nav-menu li a {
    color: #FFF;
    display: block;
    font-size: 15px;
    line-height: 1;
    padding: 10px 15px;
    text-decoration: none;
	}
	
.nav-menu .current_page_item > a, .nav-menu .current_page_ancestor > a, .nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor > a {
    color: #5d9e6e;
    font-style: normal;
    font-weight: bold;
    background: #FFF;
}
	
ul.nav-menu ul a:hover, .nav-menu ul ul a:hover, ul.nav-menu ul a:focus, .nav-menu ul ul a:focus {
    background-color: #FFF !important;
}

.nav-menu li:hover > a, .nav-menu li a:hover, .nav-menu li:focus > a, .nav-menu li a:focus {
    background-color: #5d9e6e;
    color: #fff;
	}
	
	
.nav-menu .sub-menu, .nav-menu .children {
    background-color: #5d9e6e;
	border: 2px solid #5d9e6e;
	margin: 0px 2px;
	}


.site {
    max-width: 100% !important;
}

.navbar {
	max-width: 100%;
}

/*@media (max-width: 359px)	{
	.site-header {
	height:100px !important;
	}
}*/

@media (max-width: 767px)	{
	.site-header {
	height:220px !important;
	}
}