custom.css

/* (C) Copyright Bobbing Wide 2016,2018 */
/* custom.css for genesis-SB - Specially Built */

.genesis-nav-menu {
	display: block;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

img { 
	max-width: 100%;
	margin: 0 auto;
}

.nav-primary { 
	background-color: #ffffff;
}

div.bw_taxonomy {
	display: inline-block;
}

.entry { 
	margin-bottom: 0px;
}


div.bw_taxonomy span.label,
div.bw_taxonomy span.sep {
	display: none;
}

div.bw_taxonomy.category a,
div.bw_taxonomy.s-word a,
div.bw_taxonomy.b-word a
 {
    background-color: #767676;
    border-radius: 0 2px 2px 0;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2727272727;
    margin: 2px 4px 2px 10px;
    padding: 3px 7px;
    position: relative;
    /* text-transform: uppercase; */
}


div.bw_taxonomy.category a:before,
div.bw_taxonomy.s-word a:before,
div.bw_taxonomy.b-word a:before {
    border-top: 10px solid transparent;
    border-right: 8px solid #767676;
    border-bottom: 10px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    top: 0;
    left: -8px;
    width: 0
}


div.bw_taxonomy.category a:after,
div.bw_taxonomy.s-word a:after,
div.bw_taxonomy.b-word a:after {
    background-color: #fff;
    border-radius: 50%;
    content: "";
    height: 4px;
    position: absolute;
    top: 8px;
    left: -2px;
    width: 4px;
}

div.ajax-shortcode div {
	box-sizing: content-box;
}
div.ajax-shortcode div:first {
	clear: both;
}
span.bw_s2eofn { display: block; }

.bw_attachment span.title { 
	display: none; 
}

ul.continuous {
	display: inline;
	
}

ul.continuous > li {
	float: left; 
	list-style-type: none;
	padding-right: 8px;
	
}
ul.continuous > li:after {
	content: " ";
}

div.w14p0 p { 
	margin-bottom: 0px;
	line-height: 0.8;
}

span.seen-before,
span.seen-before-value {
	font-size: 16px;
}

article.image div.entry-content {
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
}

article.image div.entry-content:after {
	display: block;
	content: " ";
	padding-top: 100%;
}

article.image div.entry-content:hover header {
	z-index: 1;
	background-color: white;
	top: 70%;
}

article.image div.entry-content header .entry-title {
	font-size: 20px;
}

div.taxonomy-archive-description {
	margin-bottom: 40px;
	padding: 20px;
	border-bottom: 2px solid #f5f5f5;
}


em {
	color: #62ADD5;
	text-decoration: none;
	font-style: normal;
}

div.seen-before {
	display: block;
	clear: both;
}

/** 
 * A failed attempt to use plain text for the logo
 * Failed because:
 * 1. Serif is the wrong font. It needs to be Yu Mincho. Sitka Banner is similar but not quite the same
 * 2. The vertical alignment of the SB and square brackets needs to be tweaked slightly.
 * 3. I managed to get the logo and text description working... choosing logo in theme options
 
h1.site-title:before {
	content: "[SB]";
	font-family: Serif;
}
 */
	

/**

.s-letter-a { border: 1px dotted #aa0000; }
.s-letter-b { border: 1px dotted #bb0000; }
.s-letter-c { border: 1px dotted #cc0000; }
.s-letter-d,
.s-letter-e,
.s-letter-f,
.s-letter-g { border: 1px dotted #100000; }


.b-letter-a { }
*/

/**
 * On a wide screen each article should be 50%
 * and there should be 2 a line
 */
@media screen and ( min-width: 768px ) {

body.single article {
	width: 100%;
}


}