/* 
Theme Name: Full Frame Child Theme
Theme URI: http://jhfrey.com
Description: Full Frame Child Theme
Template: full-frame
Version: 1.0.0
Author: Betsy Wolff Frey
Author URI: http://jhfrey.com
License: GNU General Public License
License URI: license.txt

*/

/* =Start From Here
-------------------------------------------------------------- */
/* *********************************************************** */
body {
	background:   #fff8eb; 
}

.xxxentry-meta {
  visibility: hidden;
  display: none;
}

/* *********************************************************** */
/* Smaller font size for the mission statement and sponsors in the footer */
footer #first,
footer #second,
footer #third {
  font-size: 12px;
}

/* *********************************************************** */
/* In Calendar of Events, et al, don't let the H3 subtitle be too large */
.srp-content-box h3 {
  font-size: 16px;
}
  
/* *********************************************************** */
/* Hide footer "Full Frame Child Theme by Betsy Wolff Frey" with link to jhfrey.com */
#footer-right-content {
  visibility: hidden;
  display: none;
}

/* *********************************************************** */
/* This code is intended to make the "Meet the Family" slider more responsive to */
/* small screens. */
@media screen and (max-width: 990px) {	
  .leftcolhome {
	width: 100% !important;
	clear: both !important;
	padding: 0 !important;
  }
  .rightcolhome {
	width: 50% !important;
  }
}

/* *********************************************************** */
/* SIDEBAR:  smaller font, darker color */
.sidebar .widget
{
    font-size: 12px; 
}

.sidebar
{
    background-color: #f4e8d0; 
}

/* *********************************************************** */
/* increase padding, when there is a sidebar,
/* particularly when there are zero or small pics */
.content-left .page,
.content-left .post {
  padding-left: 15%;
}

/* *********************************************************** */
/* social icons */
.genericon-facebook-alt {
  	color: #385998 !important;
}

.site .widget_fullframe_social_icons a.genericon-facebook-alt:hover {
	color: #ffffff !important;
}

.genericon-youtube {
        color: #e52d27 !important;
}

.site .widget_fullframe_social_icons a.genericon-youtube:hover {
	color: #ffffff !important;
}

/* *********************************************************** */
/* hide text for banners and also Prev & Next for posts */
.nav-links,
.kh-hidden {
  visibility: hidden;
  display: none;
}

/* *********************************************************** */
/* comment author was not visible */
.comment-author {
  color: #111;
}

/* *********************************************************** */
/* variant of h1, h2, h3 without the clear:both that interferes 
   when a right side picture is on the page */
.kh-h1, .kh-h2, .kh-h3 {
	line-height: 1.2;
	margin: 0 0 10px;
}

.kh-h1 {
	font-size: 30px;
}

.kh-h2 {
	font-size: 28px;
}

.kh-h3 {
	font-size: 24px;
}

/* *********************************************************** */
/* Remove (or not) the genericon-hierarchy on the right side of the menu bar */
#xxxxheader-toggle {
  visibility: hidden;
}

/* *********************************************************** */
.kh-exhibit {
  text-decoration: underline;
}

/* *********************************************************** */
/* a semi-visible HR reserves space between blocks */
.kh-block hr {
 /* visibility: hidden;  */
    clear: both;
    display: block;
height: 1px;
background-color:#777;
color:#ccc;
border: 0 none;
margin-top: 30px;
margin-right: 5px;
}

/* *********************************************************** */
/* Prevent text from wrapping beneath an image too quickly. */
.kh-img-pad img {
  margin-bottom: 10%;
}

.kh-img-pad12x img {
  margin-bottom: 30%;
}

.size-khlanding {
  padding-bottom: 5%;
}

/* *********************************************************** */
/* Fullframe breadcrumb: smaller font and italic */
#breadcrumb-list span {
        font-size: 70%;
   	font-style: italic; 
}

/* *********************************************************** */
/* provide padding between the logo and menu */
#logo-icon {
  padding-right: 40px;
}

/* *********************************************************** */
/* hide the HOME title */
.home header h1 {
  visibility: hidden;
  display: none;
}

/* *********************************************************** */
/* Don't know why these remove a square list marker, but they do.
   for Recent Posts Widget Extended plugin */
.rpwe-block ul {
    list-style: none !important;
}
.rpwe-block li {
    list-style-type: none !important;
}

/* brighten up the recent post text */
.rpwe-summary,
.rpwe-time {
    color: #ccc; !important;
} 

/* *********************************************************** */
/* Font */
body,
button,
input,
select,
textarea {
	font-family: 'Trebuchet MS', 'Open Sans', sans-serif;
}

#feature-slider .cycle-pager span { 
    font-family: 'Trebuchet MS', arial, sans-serif; 
}

/* *********************************************************** */
/* optimize home page gallery display for large screen */
.kh_gallery {
  font-size: 130%;
  padding-top: 30px;
  padding-bottom: 0px;
  padding-left: 30px;
  padding-right: 30px;
}

/* *********************************************************** */
/* widget titles are in the sidebars and the footers */
/* b26006 is an KH Guideline color (178,96,6), but the green looks better. */
.entry-content a
{
	color: #b26006 !important; */
}

/* brighten up the text widgets on the footer but leave dark on the sidebar. */
#colophon .textwidget {
	color: #ccc; !important; 
} 

.textwidget a,
.kh-title a,
.widget-title
{
	color: #3c5d19 !important; /* #b26006 !important; */
}

/* *********************************************************** */
#breadcrumb-list a,
.entry-meta a {
  color: #000 !important;
}

/* *********************************************************** */
/* ******* STORE / PUBLICATIONS PAGE ************* */
.kh_store ul {
  list-style-position: inside;
}

.kh_store .highlight {
  color: #b26006;
  font-size: 120%;
}

.kh_store h3 {
  font-size: 150%;
  color: #444;
}

.kh_store .kh_author {
  font-size: 80%;
  font-style: italic;
}

.kh_store img {
  border: 1px solid #222;
}

/* *********************************************************** */
.text_line {
    clear: both;
    margin-bottom: 2px;
}

/* *********************************************************** */
.archive-post-wrap,
.page-header .page-title {
    border-bottom: 3px solid #b26006; 
}

/* *********************************************************** */
.hr-wide hr {
  clear: both;
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* *********************************************************** */
.entry-container {
  font-size: 80%;
}

/* *********************************************************** */
/* Home Page text area with Kelley family slider */
.leftcolhome {
    width: 65%;
    float: left;
    padding: 0px 15px 15px 15px;
}
.rightcolhome {
    width: 35%;
    float: left;
    padding: 0px 15px 15px 15px;
}

/* *********************************************************** */
footer {
  color: #fdfdfd;
}

header {
  color: #222;
}

/* *********************************************************** */
/* Footer */
/* black footer background needs brighter title */
/* ad782b is a KH Guideline color (173,120,43) */
#colophon {
  margin-top: -30px;
}

#colophon .rpwe_widget a,
#colophon .widget_text a,
#colophon .widget_recent_entries a
{
	color: #eee !important;
}

/* important that this be BELOW the above */
#colophon .widget-title,
 #colophon .widget-title a
{
  color: #ad782b !important;
}

/* *********************************************************** */
/* Home Page photo gallery link section */
.greenbg {
  background-color: #8a9769;
  color: #f4f3c9;
  padding: -90px 30px -30px 30px !important;
  width: 100%;
  margin: 0%; 
  float: left;  /* needed to keep the green from flowing into the content above */
}

.greenbg h3, .greenbg p {
  padding: 10px;
}

/* *********************************************************** */
// Home Page sliders
/* KH - do not overlap the slider with the menu bar */
/* *********************************************************** */
/* Home Page slides */

#feature-slider {
    margin-top: 0px; /* -44px */
}

/* ensure that small screens do not cut off the top of the home image */
#feature-slider .slider-image { 
  margin-top: 42px;
 /* border: 1px solid black; */
}

/* KH - move text to left */
#feature-slider .entry-container {
    left: 8%; /* 25%; */
    text-align: left; 
    width: 20%;
}

/* KH customization for entry-container, not just on hover */
/* medium opacity lets the wallpaper of Meet the Family show through
   but also allows the top line text on a vertical iPad to be seen */
#feature-slider .entry-container,
#feature-slider .entry-container:hover {
    background: #444;
    background: rgba(0,0,0,.5);
}

#feature-slider .more-link {
  font-size: smaller;
  color: #a4b196 !important;
}

/* KH - text size of home page top slider */
#feature-slider  .entry-content {
  font-size: large;
}

/*The last 29 days of the month are the hardest."- Nikola Tesla*/