/*
Theme Name: POA Site
Theme URI: 
Author: the WordPress team
Author URI: http://preservepoa.info/
Description: POA theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white, sidebar, columns, 
Text Domain: POA Site

*/
html {
	font-family: 'Lato', sans-serif;
}
body {
	background-color: #FFFFFF;
}
.title-default {
	margin:0;
	padding: .4em;
	background-color: white;
	border: 1px solid grey;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAgAElEQ…MRpsbqGAu1zn2ab08GCziozoVddVFrq7sYZArkPV3T3Oz9fx8SOCj5kztAAAAAAElFTkSuQmCC) 50% 50% repeat rgb(244, 244, 244);	
}
.p-default {
	padding: 1.5em;
	box-shadow: 0px 1px 1px 1px silver;
	width: 99.72%;
	margin-right: auto;
	margin-left: auto;
}
.navbar-default {
	border-radius: 0px!important;
border-bottom-left-radius: 5px!important;
border-bottom-right-radius: 5px!important;
border: 1px solid rgb(215, 215, 215)!important;
}
#menu-top-navbar {
	float:right!important;
}
.brand-logo-mobile {
	display:none;
	float:left;
	width:85%;
}
.wrapper {
	width:85%;
	margin:auto;
	background-color: #FFFFFF;
	overflow:hidden;
	border-radius:8px;
	padding:1em;
	padding-top:0px;
	padding-bottom:0px;
}
.sidebar {
	float:right;
	width:25%;
	border-left:1px solid rgb(218, 218, 218);
	padding-left: 2%;
	display:inline-block;
}
#primary-sidebar {
	margin-top:2em;
}
.body-wrapper {
	overflow:hidden!important;
	margin-top:.2em;
}
.featured-image {
	height:25%;
	width:100%;
	background-color: rgb(213, 213, 213);
	background-image: url("http://preservepoa.info/wp-content/uploads/2017/10/preserve-poa-header-back.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border-radius: 5px;
	box-shadow: 1px 1px 10px 0px rgb(60, 60, 60);
}
.latest-featured-post-out-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}
.latest-featured-post-in-wrapper {
	border: 2px solid rgb(134, 134, 134);
	border-radius: 5px;
	padding: .4em;
	background-color: white;
	width: 25%;
	height: 50%;
	opacity: .75;
	box-shadow: 1px 1px 1px 1px rgb(189, 189, 189);
	display:none;
}
.latest-featured-post-in-wrapper:hover {
	opacity:1!important;
}
.latest-featured-post-h {
	margin-top:0px!important;
	margin-bottom:0px!important;
	text-align:center;
	overflow: hidden;
	width: 100%;
	flex-grow: 1;
	flex-shrink: 1;
	align-self: flex-start;
}
.latest-featured-post-p {
	margin-top:0px!important;
	margin-bottom:0px!important;
	width: 100%;
	flex-grow: 1;
	flex-shrink: 1;
	align-self: center;
	text-align: center;
}
.latest-featured-post {
	background-color: rgb(197, 224, 255);
	height: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.featured-read-more {
	align-self: flex-end;
	border: 1px solid rgb(42, 77, 255);
	padding: .3em;
	border-bottom: 0px;
	border-left: 0px;
	border-top-right-radius: 5px;
	font-size: .8rem;
	background-color: rgb(234, 234, 234);
	text-decoration:none;
}
.post-entry>ul {
	margin:0!important;
}
.brand-logo {
	float: left;
	color: black;
	padding-top: 5.5px;
}
.brand-logo>a {
	color: black!important;
	font-size: 2.9rem;
	font-family: 'Roboto Condensed', sans-serif;
}
.the-meta>ul {
	list-style: none;
	display: inline-block;
	margin:0px!important;
}
.brand-logo>a:hover {
	text-decoration:none!important;
}
.textwidget {
	word-wrap:break-word;
	padding: .3em;
}
#sidebar-1 {
	border: 1px solid rgb(184, 184, 184);
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	margin-bottom: 2%;
}
#sidebar-1:last-child {
	margin-bottom:0px!important;
}
.sidebar-title {
	text-align: center;
	margin: 0;
	padding: .3em;
	border-bottom: 1px solid rgb(184, 184, 184);
	font-family: 'Yanone Kaffeesatz', sans-serif;
	background-image: url('http://preservepoa.info/wp-content/themes/poa_site/noisy-texture-1.png');
}
.sidebar-widgets {
	list-style-type: none;
	padding: 0;
}
.featured-read-more:hover {
	box-shadow: 1px -1px 2px 0px rgba(128,128,128,1);
}
ul#menu-top-navbar:first-child {
border-left: 1px solid rgb(189, 189, 189);
}
span.post-date {
	margin-left: 1em;
}
span.post-date::before {
	content: '- ';
}
#sidebar-1>ul {
	padding:.3em!important;
	list-style: none;
}
#sidebar-1>ul>li>a {
	font-size: 1.9rem;
}
#sidebar-1>ul>li {
	border-bottom: 1px solid rgb(215, 215, 215);
}
#sidebar-1>ul>li:last-child {
	border-bottom:0px!important;
}
.read-more-post {
	float: right;
	background-color: rgb(116, 191, 255);
	padding: .3em;
	border-radius: 2px;
	border: 1px solid rgb(171, 171, 171);
	text-decoration: none;
	color: white;
	font-weight: 600;
	text-shadow: 1px 1px 1px grey;
}
.read-more-post:hover {
	-webkit-box-shadow: inset 0px 0px 5px 0px rgba(150, 150, 150, 0.75);
	-moz-box-shadow: inset 0px 0px 5px 0px rgba(150, 150, 150, 0.75);
	box-shadow: inset 0px 0px 5px 0px rgba(150, 150, 150, 0.75);
	background-color: rgb(77, 172, 255);
	text-decoration: none;
	color: rgb(232, 232, 232);
}
.post-entry {
	margin: 0;
	padding: 1.5em;
	background-color: white;
	width: 100%;
	background-image: url('http://preservepoa.info/wp-content/themes/poa_site/debut_light.png');
}
.post {
	border: 1px solid rgb(189, 189, 189);
	box-shadow: 1px 1px 1px 1px rgb(223, 223, 223);
	width:100%;
	float:left;
}
.brand-logo {
	padding-left: 1em;
	padding-right: 1em;
}
.post {
	margin-bottom:3em;
}
.post:nth-last-child(1) {
margin-bottom: 0em;
}
.post-title {
	margin:0;
	padding:.4em;
	border-bottom: 1px solid grey;
	border-left: 5px solid rgb(52, 139, 255);
	background-color: rgb(234, 234, 234);
}
#menu-top-navbar:last-child {
	border-right:0px!important;
}
.posts {
	float:left;
	width:75%;
	margin-top:2em;
	padding-right:2%;
}
.navbar-nav>li {
	border-right: 1px solid rgb(189, 189, 189);
	background-color: rgb(239, 239, 239);
}
.header_skin1 #nav > ul > li:hover, .header_skin1 #nav > ul > li.current-menu-item, .header_skin1 #nav > ul > li.current-menu-ancestor, .header_skin1 #nav > ul > li.current_page_ancestor, .header_skin1 #nav > ul > li.current_page_item, .header_skin1 .welcome_username:hover, .header_skin1 .wpml:hover, .header_skin1 .woo_cart:hover {
	border-top:4px solid blue!important;
}
.collapse.navbar-collapse.navbar-ex1-collapse {
	padding-right:0px!important;
	background-color: rgb(239, 239, 239);
}
.navbar-default .navbar-nav>li>a {
	font-size: 1.5rem;
	font-weight: 600;
}
.post-ul>li>.posts>.post {
	margin-bottom:3em;
}
#menu-sidebar-links>li>a {
	color: rgb(8, 8, 8);
	font-weight: 600;
	text-shadow: 1px 1px 1px white;
}
.post-ul>li>.posts>.post:first-child {
	margin-top:1em;
}
.sidebar-widgets>li {
	margin-bottom:2.5em;
}
.sidebar-widgets>li:last-child {
	margin-bottom:0px!important;
}
.menu-sidebar-links-container {
	border-top: 2px solid rgb(90, 167, 255);
}
#wpadminbar {
	display:block!important;
}
li>a {
text-decoration: none;
}
#menu-sidebar-links {
	list-style-type: none;
	padding-left:0;
	background-image: url('http://preservepoa.info/wp-content/themes/poa_site/debut_light.png');
}
#menu-sidebar-links>li {
padding: .3em;
text-align: center;
border-bottom: 1px solid rgb(184, 184, 184);
}
#menu-sidebar-links>li:last-child  {
	border-bottom:0px;
}

#menu-sidebar-links li.updated a:before, #menu-sidebar-links li.new a:before {
	content: 'NEW';
	background: #dd0000;
	padding: 4px;
	color: #ffffff;
	font-size: 10px;
	font-family: Verdana;
    letter-spacing: 0.05em;
	text-shadow: none;
	display: block;
    width: 30%;
    margin: 0 auto;
}

#menu-sidebar-links li.updated a:before {
	content: 'UPDATED';
	background: #2D80FF;
}


.post-meta {
	overflow: hidden;
	background-color: rgb(234, 234, 234);
	border-top: 1px solid rgb(194, 194, 194);
	padding: .2em;
	padding-left: 1em;
}
.the-meta {
	float:left;
	text-align:left;
	padding-top: .4em;
	font-family: 'Bitter', serif;
	color: rgb(86, 86, 86);
}
.out-foot-wrapper {
	width:100%;
	background-color: whitesmoke;
	height: auto;
	box-shadow: -2px -4px 27px -7px #BABABA;
	padding:1em;
	font-size: 1.6rem;
	color: rgb(124, 124, 124);
	overflow:hidden;
	border:1px solid rgb(200, 200, 200) ;
	margin-left: auto;
	margin-right: auto;
	margin-top:4em;
}
#footer-widget-1 {
	float:left;
	width:45%;
	display:inline-block;
}
#footer-widget-2 {
	float:right;
	width:45%;
	text-align:right;
	display:inline-block;
}
#footer-widget-1::after {
	border-right:1px solid black;
	height:100%;
	width:1px;
	content:"";
	display:none;
}
.in-foot-wrapper {
	height:95%;
}
.navbar-default .navbar-nav>.active>a {
	box-shadow: inset 0 4px 0 0 rgb(52, 139, 255)!important;
	background-color: rgb(249, 249, 249)!important;
	background-image:none!important;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	box-shadow: inset 0 4px 0 0 rgb(52, 139, 255)!important;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}
@media (min-width: 0px) and (max-width: 1280px) {
	.wrapper {
		width:100%!important;
	}
}
@media (min-width: 0px) and (max-width: 1105px) {
	.sidebar {
		width:31%!important;
	}
	.posts {
		width:65%!important;
	}
}
@media (min-width: 0px) and (max-width: 900px) {
	.sidebar {
		width:100%!important;
	}
	.sidebar-widgets>li {
	display: block!important;
	width: 100%;
	padding:0px!important;
}
.posts {
	padding:.5em;
	padding-bottom: 0px;
	margin-bottom: 2em;
}
.sidebar {
	border:0;
	border-top: 2px solid grey;
	background-color: rgb(221, 221, 221);
	padding-bottom: 2em;
	padding-left:.5em!important;
	padding-right:.5em!important;
	background: url(http://subtlepatterns.com/patterns/rough_diagonal.png);
}
.sidebar-title {
	background-color: rgb(86, 86, 86)!important;
	border-bottom: 1px solid rgb(90, 90, 90);
	background-image:none!important;
	color:white;
}
#sidebar-1>.textwidget {
	background-color:white!important;
}
#menu-sidebar-links>li {
	background-color: white!important;
}
.wrapper {
	padding:0px!important;
	border-radius: 0px!important;
	margin-bottom: 0px;
}
#sidebar-1 {
	border: 1px solid rgb(152, 152, 152)!important;
}
.post-entry>p {
	padding: .6em!important;
	}
	.posts {
		width:100%!important;
	}
	#sidebar-1>ul {
		background-color: white;
	}
	.out-foot-wrapper {
		width:100%!important;
		padding:0px!important;
	}
	#footer-widget-1 {
	float:none!important;
	width:100%!important;
	display:block!important;
	text-align:center;
	padding: .75em;
}
#footer-widget-2 {
	float:none!important;
	width:100%!important;
	display:block!important;
	text-align:center;
	background-color: rgb(34, 34, 34);
	padding: .75em;
	color: white;
}
}
@media (min-width: 0px) and (max-width: 769px) {
.nav-collapse.collapse {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
  }
	}
@media (min-width: 0px) and (max-width: 768px) {
.navbar-default {
	width: auto;
	border: 0!important;
	box-shadow: 0px 0px 0px 0px!important;
	background-color: transparent;
}
.brand-logo-mobile {
	display:inline-block;
	float:left;
	width:70%;
	padding-top:8px;
	padding-left: 1em;
	padding-right: 1em;
}
.brand-logo-mobile>a {
	font-size:2.5rem;
	color: rgb(63, 63, 63);
}	
.brand-logo-mobile>a:hover {
	text-decoration:none!important;
	color:grey;
}
.brand-logo>a {
	font-size:2.5rem!important;
}
.brand-logo {
	width:85%;
	display:none!important;
}
.sidebar-title {
	text-shadow: 2px 1px 1px black;
}
.navbar-collapse.navbar-ex1-collapse.collapse.in {
	padding: 0px!important;
	overflow:hidden;
	background-color:white;
	margin: 0px;
	border: 0;
	overflow: visible;
}
.featured-image {
	border-radius: 0px!important;
}
#menu-top-navbar {
	-moz-box-shadow: -1px 1px 3px grey;
	-webkit-box-shadow: -1px 1px 3px grey;
	box-shadow: -1px 1px 3px grey;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	box-shadow: inset 4px 0px 0px 0px rgb(52, 139, 255)!important;
}
.navbar-default .navbar-nav>.active>a {
	box-shadow: inset 4px 0px 0px 0px rgb(52, 139, 255)!important;
}
#menu-top-navbar {
	margin: 0px!important;
}
.navbar-nav>li {
	border:0;
	border-bottom: 1px solid grey;
}
.navbar-header {
	background-color:white;
	box-shadow: 0 3px 1px -2px rgb(208, 208, 208);
	border-bottom: 1px solid black;
}
.wrapper {
	padding:0px!important;
	border-radius: 0px!important;
	margin-bottom:0px!important;
}
.header-nav {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	border-top: 1px solid black;
}

.navbar-default .navbar-nav>.active>a {
color: black!important;	
}
}
@media (min-width: 0px) and (max-width: 605px) {
.brand-logo {
	padding-top: 10px!important;
}	
.brand-logo>a {
	font-size:2.2rem!important;
}	
}