/*
 Theme Name:   Spacious Child
 Theme URI:    http://riverbendadvisors.com/blog/spacious-child/
 Description:  Spacious Child Theme for Riverbend Advisors
 Author:       Michael Greis
 Author URI:   http://riverbendadvisors.com
 Template:     spacious
 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:  Spacious-child
*/
/* Local Customizations */
/*                      */
.c  {
    color: #237AB2;	
	}
b.c  {
    color: #237AB2;	
	}
.bc {
    color: #237AB2;
    font-weight: bold;	
	}
p  {
		line-height: 20px;
	}
p.rba-resources-header  {
    color: #000000; 
	text-align: center; 
	font-weight: bold;
	font-size: 1.5rem;
	line-height: 1.5rem; 
	background: #fbf0a3;
	}
p.rba-resources-separator  {
    color: #000000; 
	text-align: center; 
	font-size: 1.3rem;
	line-height: 1.3rem; 
	background: #ffffd4;
	}
/* Banner paragraph (gray background, 100% width */
p.banner {
    font-size: 1.2em;
    margin-top: 1.5em;
	margin-bottom: 0.5em; 
    padding: 2px 0 2px 0;
    background-color: #d9d9d9;
}
/* Inset paragraph */
p.inset {
  font-size: 90%;
  line-height: 100%;
  padding: 0 5% 0 5%;
  margin-top: 0.5em;
}
/* Updatebox */
div.updatebox {
	display: block; 
	margin: 1em 2em 1em 2em; 
	padding: 1em; 
	border-style: solid; 
	border-color: #08870e; 
	border-width: 2px;
	color: #222222;
}
/* 
/* Text characteristics for front page text */
.fp {
	font-weight: normal;
	font-size: 1rem;
	line-height: 1.2rem;
    margin-left: 5%;
    margin-right: 5%;
	color: #222222;
}
/* Class for lists with additional space between items */
.spacedlist {
  margin-bottom: 1.5em;
	}	
/* Blockquote class to serve as an item header */
blockquote.itemhead {
	display: block; 
	margin: 1.5em 0em 0.5em 0em; 
	padding: 1em; 
	border-style: solid; 
	border-color: #08870e; 
	border-width: 3px 1px 1px 3px;
	}
a.itemhead {
	display: block; 
	margin: 1.5em 0em 0.5em 0em; 
	padding: 1em; 
	border-style: solid; 
	border-color: #08870e; 
	border-width: 3px 1px 1px 3px;
	font-style: italic;
}
/* Modifications to reduce realtive width of sidebar */
/* Spacious theme default width: (primary) 61.5763547%; (secondary) 34.4827586%; total 96.1% */
/* 67.2 and 28.8 are a 70/30 split of the 96% */

#primary {
	width: 67.2414%;
}
#secondary {
	width: 28.8177%;
}
/* Needed to ensure that mobile device has primary & secondary both at 100%, one after the other */
@media only screen and (max-width: 768px) {
	#primary, #secondary {
		float: none;
		width: 100%;
		margin: 0;
	}
}
/*  Allows the right sidebar (search box0 and site menu to appear next to the logo and site name
    when the screen is larger than 900px.  This creates a more compact header (less vertical space used). 
*/
@media only screen and (min-width: 900px) {
	#header-left-section {
		float: none;
	}
}
@media only print {
	#sidebar { display:none; }
	#primary {
	margin-left: 0;
	margin-right: 0;
	float: none;
	width: 100%;
}
	#secondary { 
		display: none;
		width: 0%;}
	#header-right-section { display:none; }
	#breadcrumb { display: none; }
	#comments { display: none; }

	#footer-widgets-area { display:none; }
	#footer-socket-wrapper { display:none; }
	
}
/* Header background color */
#header-text-nav-container {
/* Uncomment when have selected color (and uploaded image with transparent background) */
	background-color: #F8F8F8; 
}
/*  2017-12-11 - This section may not be needed when using Metasider instead of the default slider? */
/* Slider Modifications - Title, description and read more location estingn alignment, but easier to create images with blank space on left? */
#featured-slider .entry-container {
	top: 80%;
	-ms-transform: translateY(-80%); /* IE 9 */
   -webkit-transform: translateY(-80%);
   transform: translateY(-80%);
	position: absolute;
	left: 5%;
	max-width: 40%;
}
/* Slider modifications - Title & Description box */
#featured-slider .entry-description-container {
	padding: .5rem 1rem;
}
/* Slider modifications - Read More box (line 837) */
#featured-slider .slider-read-more-button {
	padding: .5rem 1rem;
	float: left;
	margin-top: 15px;
	font-size: 1rem;
}
/* RBA specific formatting elements */
/* -------------------------------- */
/* Change image size for featured post on post pages */
.blog-medium .post .post-featured-image {
	max-width: 25%;
	height: auto;
	display: block;
}
/* Footer widget area mods */
.footer-widgets-wrapper {
     background-color: #EAEAEA;
	    }
.footer-widgets-area {
  padding-top: 10px;
		}
.tg-one-fourth {
	  padding: 0px 0px 0px;
			}
#colophon .widget {
	  padding-bottom: 5px;
	}
/* Modifications and Customizations for plug-ins */
/* --------------------------------------------- */
/* Modifications for Breadcrumb NavXT plug-in 
      Limits the length of a post title as a breadcrumb 
	  Note: The author's site https://mtekk.us/ provides the example CSS for this setting 
	  (Search the site to find it)
      Two changes are required:
         - change class name to "breadcrumb"
         - change property to "v:title"            			
*/
.breadcrumb span[property="v:title"] {
    display: inline-block;
    padding: 0;
    margin-top: -3px;
    vertical-align: middle;
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* Shows entire breadcrumb when hovering */
.breadcrumb span[property="v:title"]:hover {
    max-width: none;
}
/* Modifications for Display Posts shortcode */
.display-posts-mjg {
	clear: both;
}
/* Modifications for Meta Slider Pro plug-in         */
/*                                                   */
/*     Meta Slider Pro -  allow clipping of caption background 
                          (2016-11-11) from tech support */
.metaslider .caption-wrap {
    display: inline-block !important;
    width: auto !important;
}
/*     Meta Slider Pro - vary location of slide caption
                         (2016-11-14) from tech support */
.slides li:nth-child(2) .caption-wrap {
    left:auto;
    right:0;
}
.slides li:nth-child(4) .caption-wrap {
    left:auto;
    right:0;
}

/* Modifications for Recent Posts Widget Extended */
/* 2017-12-11 - This may not take effect as plugin uses own CSS unless it is turned off (and then
                must incorporate all of plugin's CSS and modify that.  
*/
.rpwe-block a {
font-size: 1.3em;
}
/* Modifications for The Events Calendar plug-in
       Sets the line height (less spacing)
*/
#tribe-events .tribe-events-content p {
    line-height: 1.2em;
}
/* Modifications for Zotpress plug-in */
/*                                    */
/*     Modifications to Zotpress item spacing */
.zp-Abstract {
	/* was 1.2em and 1.1rem */
    line-height: 1.0em !important;
	font-size: 1.0rem;
	border-top: 0.5em;
	padding-left: 2em;
	margin: .5em 0em 1em;
}
/*     2017-12-10 - What is this? */
.csl-bib-body {
    line-height: 1.0em !important;
}
/*     Modifications to Zotpress item spacing and size */ 
.csl-entry {
	/* was 1.2em and 1.2rem; */
	margin-top: 1.0em;
	font-size: 1.0rem;
}
.widget_zotpresssidebarwidget {
	line-height: 1.0em !important;
	font-size: 1.0rem;
}