/*
 Theme Name:   RASC01
 Description:  A child theme of the Twenty Sixteen default WordPress theme
 Author:       W Ken Jackson
 Template:     twentysixteen
 Version:      1.0.0
*/

body {
	background: #fff;
}

body:not(.custom-background-image):before {
	height: 0px;
}

.site {
	background-color: #fff;
	margin: 0 0;
}

.site-header {
	padding: 0;
}

.site-inner {
	margin: 0 0 0 0;
	max-width: 2500px;
	position: relative;
}
.site-header-main {
    margin: -30px auto 0 0;
}

.site-branding {
    width: 100%;
}

.site-branding-part1 {
    display: block;
    margin-left: 10px;
}

.site-branding-part2 {   
    display: flex;
    margin-left: auto;
    margin-right: 5px;
}

div#join_or_meetup {
    display: block;
    order: 0;
}

.site-branding .rasc-headline {
    padding-top: 10px;
    margin-left: 2em;
    font-size: 0.8rem;
    margin: auto 0px 0px 0.5em;
}


.site-branding .rasc-headline-full {
    	display: none;
}

.site-branding .rasc-headline-short {
    display: inline;
}

.site-branding .rasc-headline-join {
    margin:  auto 0 0 0;
    min-width: 75px;
}


/* Center the social icons in the header and v-align with search widget!!! */
.site-branding .aps-social-icon-wrapper {
    margin: auto auto 0px 0px;
    padding-right: 1em;
    padding-left: 1em;
}

.site-branding .aps-group-horizontal {
    display: flex;
}

.site-branding .aps-each-icon {
    width: 24px;
    height: 24p;
}


/* Search widget in header - move towards right an no border. */
section#search-3 {
    order: 5;
    margin: auto 5px 0 0;
    min-width: 10em;
    max-width: 20em;
    border: 0;
}

.custom-logo-link {
    border: 4px;
    border-color: white;
    border-style: solid;
    border-radius: 3px;
    max-width: 188px;
}

.header-image {
	width: 100%;
	padding: 0px;
    	margin: 0px;
}

.header-image img {
	max-height: 110px;
	width: 100%;
}

.site-header-menu {
       	margin: 0.5em 0;
	width: 100%;
	background-color: rgb(43,57,131);
 } 


.menu-main-menu-container {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.main-navigation {
        font-family: Montserrat, "Helvetica Neue", sans-serif;
        background-color: rgb(43,57,131);
	color: white;
	font-size: 0.8rem;
}

.site-footer .main-navigation {
	background-color: rgb(43,57,131);
}

.main-navigation li {
	border-top: 1px solid #d1d1d1;
	position: relative;
}
.main-navigation a {
	color: lightgray;
	background: rgb(43,57,131);
	display: block;
	line-height: 1.3125;
	outline-offset: -1px;
	padding: 0.84375em 0.5em;;
}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
    	background: rgb(25,151,255);
	color: white;
}


li.current-menu-ancestor a, 
li.current-menu-item a {
    background: none repeat scroll 0 0 rgb(25,151,255);
    color: rgb(255,255,255) !important;
}

.sub-menu a {
    background-color: rgb(25,151,255);
}

.sub-menu li:hover > a {
    text-decoration: underline;
}

.entry-footer .byline {
	display: inline;
}

/* For cell phone that are in landscape mode, or larger windows then 
 * put the headline beside the custom logo instead of below it
 * and allow a larger logo.
 */
@media screen and (min-width: 31.25em) {
	.site-branding-part1 {
    		display: flex;
    		margin-left: 20px;
	}

	div#join_or_meetup {
    		display: flex;
	}

	.custom-logo-link {
 		max-width: 300px;
	}
}

/* For desktop and wider screen use full headline text */
@media screen and (min-width: 44.75em) {
	.site-branding {
    		display: flex;
	}

	.site-branding .rasc-headline {
    		background-color: white;
		padding: 5px 5px 0px 5px;
		border-radius: 10px;
		border-style: solid;
		border: 3px;    
	}

	.site-branding .rasc-headline-full {
		display: inline;	
   	}

   	.site-branding .rasc-headline-short {
    		display: none;
	}
}

/* Make post content wider and put post date at bottom. */
@media screen and (min-width: 61.5625em) {
	body:not(.search-results) article:not(.type-page) .entry-footer
	{
		float: none;
		margin-top: 1.5em;
		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: 95%;
	}
	body:not(.search-results) article:not(.type-page) .entry-footer .avatar
	{
		display: inline;
		margin: auto 0.3em 1em auto;
		width: 50px;
	}
}

body:not(.search-results) article:not(.type-page) .author.vcard
{
	display: inline;
	margin-right: 1em;
}

body:not(.search-results) article:not(.type-page) .entry-footer > span:first-child:after
{
	content: "";
	padding: 0;
}

.sidebar .widget {
    margin-bottom: 1.25em;
    border-top: 0;
    padding-top: 0em;
}

.sidebar .widget .widget-title {
	margin: 0 0 0.5em;
	text-transform: none;
}