/*
 Theme Name:   Twenty Sixteen Child
 Theme URI:    http://scripophily.webresolver.com/twenty-sixteen-child/
 Description:  Twenty Sixteen Child Theme
 Author:       Erik
 Author URI:   http://holistictech.net
 Template:     twentysixteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-sixteen-child
*/


body { background-color: #fbf2e1; color: #2b2407; }

body:not(.custom-background-image)::before, body:not(.custom-background-image)::after { position: static; }

a:link { color: #663333; }
a:hover { color: #993300; }

h1, h2, h3 { font-family: "Times New Roman", Serif !important; font-weight: bold !important; }

#page { background-color: #faedd5; font-family: Arial, Helvetica, sans-serif; max-width: 1202px; margin: 40px auto 0px auto; }
.site-inner { box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.45), -1px -1px 3px 0px rgba(0,0,0,0.45); }
#masthead { background: #faedd5 url("/wp-content/themes/twentysixteen-child/top-bgr.jpg") no-repeat; padding: 60px 1% 0 1%; margin-bottom: 0; text-align: center; }
#logoabs { margin: auto; margin-top: -111px; z-index: 9; }
#socialabs { position: absolute; top: 50px; right: 100px; z-index: 9; }

.site-header-main { /* position: relative; top: -111px; */ }

#site-navigation { background-color: #f0d7a1; box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.45); font-family: "Times New Roman", Serif; font-weight: bold; text-align: left; }

#site-header-menu {
	width: 100%;
	padding: 0px 2px;
	margin-top: 0px;
}

#menu-auto-menu-from-pages { text-align: center; }
#menu-auto-menu-from-pages li { float: none; display: inline-block; }

.site-branding { margin-top: 0; text-align: center; margin: auto; }
.site-title img { max-width: 100%; }

.site-description { display: none; }

#content {  background: #faedd5 url("/wp-content/themes/twentysixteen-child/watermark.png") no-repeat center; /* position: relative; top: -111px; */ }

.content-area {
	width: 100%;
	margin-right: 0;
}

.site-content { padding: 0 1.5%; }

.site-main { margin-bottom: 0; }

.entry-content ul { padding-left: 1.75em; }
.entry-content ol { padding-left: 1.75em; }
.entry-content p { clear: both; display: block; text-align: justify; }

.buddypress #primary { margin-right: auto; width: 100%; }
#buddypress div.activity-comments div.acomment-content { margin: 5px 10px 0 40px; }
.entry-content #buddypress p { clear: none; }
#home-container { width: 100%; display: flex;  display: -webkit-box; display: -webkit-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
#left-side-col { order: 1; width: 15%; text-align: center !important; }
#left-side-col p { text-align: center !important; }
#middle-col { order: 2; width: 70%; }
#right-side-col { order: 3; width: 15%; text-align: center !important; }
#right-side-col p { text-align: center !important; }

#left-side-col a img { display: inline-block; }
#right-side-col a img { display: inline-block; }

#left-content-col { float: left; width: 50%;  padding: 0 12px; }
#right-content-col { float: left; width: 50%;  padding: 0 12px; }

#memberlogin { border: 1px solid #333; border-radius: 9px; background-color: #fbf8f3; padding: 6px; margin-bottom: 1.75em; max-width: 250px; display: inline-block; }
#memberlogin input[type="text"] { padding: 2px; font-size: 1em; font-family: sans-serif; width: 100% !important; }
#memberlogin input[type="password"] { padding: 2px; font-size: 1em; font-family: sans-serif; width: 100% !important; }
#memberlogin input[type="submit"] { padding: 5px; background-color: #999; color: #000; }
#memberlogin h3 { margin-bottom: 10px; }
#memberlogin p { margin-bottom: 4px; }
.login-username { margin-bottom: 0px !important; font-size: .8em; }
.login-password { margin-bottom: 0px !important; font-size: .8em; }
.login-username label { display: block;  width: 100% !important; }
.login-password label { display: block;  width: 100% !important; }

.wppb-user-forms ul li, #wppb-login-wrap p, #select_user_to_edit_form p {
    padding-bottom: 4px !important;
}

#post-5 header { display: none; }


#colophon { background: #faedd5 url("/wp-content/themes/twentysixteen-child/bot-bgr.jpg") no-repeat; padding-bottom: 14px; }

#colophon .site-info { text-align: center; margin: auto; font-family: "Times New Roman", Serif; color: #333; padding-top: 0px; }
#colophon .site-info a:link { color: #333; }
#colophon .site-info a:visited { color: #333; }
.site-footer .site-title::after { display: none; }

.gallery-item { float: none !important; }

#paypal-container { margin: auto;	text-align: center; }
.paypal-button {

	display: inline-block;
	text-align: center;
	font-weight: bold;
	padding: 0 8px;

}

.page-restrict-output p { text-align: left; }

@media screen and (max-width: 1220px) {

	#page { background-color: #faedd5; font-family: Arial, Helvetica, sans-serif; max-width: 955px; margin: 40px auto 0px auto; }
	#masthead { background: #faedd5 url("/wp-content/themes/twentysixteen-child/top-bgr-tab.jpg") no-repeat; padding: 60px 1% 0 1%; margin-bottom: 0; text-align: center; background-size: 100% auto;  }
	#colophon { background: #faedd5 url("/wp-content/themes/twentysixteen-child/bot-bgr-tab.jpg") no-repeat; background-size: 100% auto;  }
	#site-header-menu {
		padding: 0px 4px;
	}
	.main-navigation a {
		padding: 0.5em 0.5em;
	}

}

@media screen and (max-width: 970px) {
	.site-title img { max-width: 600px; }
}

@media screen and (max-width: 910px) {
	#masthead { background-image: none; }

	#socialabs { top: 50px; right: 40px; z-index: 9; }

	#colophon { background-image: none; }
	.site-title img { max-width: 480px; }

	#left-side-col { order: 2; width: 50%; }
	#middle-col { order: 1; width: 100%;  clear: both; }
	#right-side-col { order: 3; width: 50%; }

	.entry-header, .post-thumbnail, .entry-content, .entry-summary, .entry-footer, .comments-area, .image-navigation, .post-navigation, .page-header, .page-content, .content-bottom-widgets {
		margin-right: 0;
		margin-left: 0;
	}
	#menu-auto-menu-from-pages { text-align: left; }
	#menu-auto-menu-from-pages li { display: block; }



}

@media screen and (max-width: 600px) {

	.site-content { padding: 0 0.5%; }

	.site-title img { max-width: 100%; }
	#logoabs { margin-top: -100px; }

	#left-side-col { order: 2; -webkit-order: 2; width: 50%; }
	#middle-col { order: 1; -webkit-order: 1; width: 100%;  clear: both; }
	#right-side-col { order: 3; -webkit-order: 3; width: 50%; }

	#left-content-col { float: none; width: 100%; padding: 0 3px; }
	#right-content-col { float: none; width: 100%; padding: 0 3px; }
	.entry-content img { max-width: 100%; }


}