/*
Theme Name: Twenty Sixteen Child
Theme URI: http://biz130.inmotionhosting.com/~chicos8/themes/twentysixteen-child/
Author: the WordPress team and ChicoSol team
Author URI: http://biz130.inmotionhosting.com/~chicos8/
Template:   twentysixteen
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: twentysixteen-child

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

.wp-caption {
    margin-bottom: 0.0em;
    max-width: 100%;
}

.wp-caption .wp-caption-text {
    color: #000000;
    font-size: 13px;
    font-size: 0.8125rem;
    font-style: italic;
    line-height: 1.6153846154;
    //padding-top: 0.5384615385em;
    padding-top: 0.0em;
}

.wp-caption .wp-caption-text .cs-caption-text-photo-credit {
    color: #000000;
    font-size: 13px;
    font-size: 0.8125rem;
    font-style: italic;
    font-weight: bold;
    line-height: 1.6153846154;
    padding-top: 0.0em;
    padding-bottom: 0.5384615385em;
    text-align:right;
}

#dh-form-embed { width: 500px; } /* Documenting Hate Crimes Form. Width can be anything. Height is automatic. */

/*Following CSS hides the sidebar panel, and expands the width of the post to use the sidebar panel space.*/
/*#secondary {
    display: none;
}

@media screen and (min-width: 56.875em) {
    .content-area {
        width: 100%;
    }
}*/

/* Following code hides the submit button in WordPress comment form. So that we can place the reCaptcha box above the submit button by inserting both submit button and reCaptcha box manually.
*/
#submit {
	display: none;
	}

/*Following CSS removes the meta links (author, category, date, tags) from being to the left of the post, to the end of the post, and stretch the body of the post to the left, so it fills up the space currently occupied by the meta links NOTE:the margin bottom for the footer does not work in mobile */

@media screen and (min-width: 61.5625em) {
	body:not(.search-results) article:not(.type-page) .entry-footer
	{
		float: none;
		margin-top: 0.0em;
		margin-bottom: 3.0em;
		width: 100%;
	}
	.single .byline, .full-size-link,
	body.group-blog:not(.search-results) .byline,
	body:not(.search-results) .entry-format,
	body:not(.search-results) .cat-links,
	body:not(.search-results) .tags-links,
	body:not(.search-results) article:not(.sticky) .posted-on,
	body:not(.search-results) article:not(.type-page) .comments-link,
	body:not(.search-results) article:not(.type-page) .entry-footer .edit-link
	{
   		display: inline;
	}
  	body:not(.search-results) article:not(.type-page) .entry-footer > span:not(:last-child):after
	{
		display: inline;
	}
	body:not(.search-results) article:not(.type-page) .entry-content
	{
		float: none;
		width: 100%;
	}
	body:not(.search-results) article:not(.type-page) .entry-footer .avatar
	{
		display: inline;
		margin: auto 0.3em 1em auto;
		width: 27px;
	}
}

.site-header-menu {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
	float: left;
	text-align: left;
}

.site-header{
padding: 0;
}

.site-main > article {
    margin-bottom: 0.75em;
}

.entry-title {
	font-size: 24px;
	font-size: 1.75rem;
	line-height: 1.20em;
	margin-bottom: 0.75em;
}

.header-image {
	margin-top: 0em;
	margin-bottom: 1.75em;
	display: block;
	clear: both;
}

.header-image a {
	display: inline;
	clear: both;
}

.search {
	display: block;
	float: right;
}

.search-form {
	padding-left: 1.5em;
	padding-top: 1.75em;
}

.search-submit {
	height: 50px;
	margin-top: 1.75em;
}

/* Attempt to put the search icon in main menu (navigational menu) */
 
.site-header .search-field {
    background-color: transparent;
    background-image: url(http://chicosol.org/wp-content/themes/twentysixteen-child/images/search_48_48.png);
    background-position: 5px center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    border: none;
    cursor: pointer;
    height: 37px;
    margin: 3px 0;
    padding: 0 0 0 34px;
    position: relative;
    -webkit-transition: width 400ms ease, background 400ms ease;
    transition:         width 400ms ease, background 400ms ease;
    width: 0;
}
 
.site-header .search-field:focus {
    background-color: #fff;
    border: 2px solid #c3c0ab;
    cursor: text;
    outline: 0;
    width: 230px;
}

.site-header .search-form
.search-submit { 
display:none;
}

.searchbox-position {
	margin-right: 60px;
	margin-bottom: 2.5em;
}

.site-header .search-form {
    padding-left: 0em;
    padding-top: 0.5em;
}

/* End putting a search icon in main menu */

/*.widget {
	border-top: 4px solid #1a1a1a;
	margin-bottom: 2.5 em;
	padding-top: 0.0 em;
}
*/

@media screen and (min-width: 56.875em)
.widget .widget-title {
    margin-bottom: 0.0em;
	margin 0 0 0 0em;
	line-height 1.0;
}

/*Following CSS alternates the background of posts in posts page 

.post:nth-child(odd) {
 background: #f5f5f5;
}*/

/* Following CSS puts a line separating posts in posts page */
.post + .post {
  border-top: 1px solid #c8c8c8;
  padding-top: 1.75em;
}

/* Following CSS allows to center youtube player in page */
.youtube-centered { display: block; margin: 0 auto; }

/* Following CSS adds a custom button for things like Donate, etc. */
.csol-button {
	background: orange;
	border: 0;
	border-radius: 2px;
	color: #fff;
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	font-weight: 700;
	letter-spacing: 0.046875em;
	line-height: 1;
	padding: 0.84375em 0.875em 0.78125em;
	text-transform: uppercase;
}

.csol-button: hover,
.csol-button: focus,
input[type="csol-button"]:hover,
input[type="csol-button"]:focus {
	background: #007acc;
}

csolbutton:focus,
input[type="csolbutton"]:focus {
	outline: thin dotted;
	outline-offset: -4px;
}

@media print {
	form,
	button,
	input,
	select,
	textarea,
	.navigation,
	.social-navigation,
	.content-bottom-widgets,
	.page-links,
	.edit-link,
	.comment-respond,
	.comment-edit-link,
	.comment-reply-link,
	.comment-metadata .edit-link,
	.pingback .edit-link {
		display: none;
	}


.sidebar {
	display: block;
	float: left;
	margin-left: 75%;
	padding: 0;
	width: 25%;
	}

.main-navigation {
	display: block;
	}

.site-header {
	padding-top: 0;
	padding-bottom: 0;
	}

.page-header-image-single {
    text-align: center;
}

}