@charset "utf-8";
/* CSS Document */

/*
 Theme Name:   Pure Simple Child - HGP
 Theme URI:    http://www.styledthemes.com/
 Description:   Pure Simple Child theme, for StyledThemes's Pure and Simple theme. Child theme based on concept by BrandSpeak for The Human Generosity Project, humangenerosity.org.
 Author:       Tom Fikes
 Author URI:   http://www.thomasfikes.com
 Template:     puresimple
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: custom-colors, white, light, two-columns, three-columns, fluid-layout, responsive-layout, fixed-layout, custom-background, custom-header, custom-menu, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options, translation-ready
 Text Domain:  puresimple
*/

body {
    font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    background-color: #EEE8D5; /* tgf tan bakground for when gradient runs out; was #44474c;*/
    color: #767676;
    line-height: 1.6;
}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    clear: both;
    font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    line-height: 1.25;
    color: #4c4c4c;
}

/*--------------------------------------------------------------
 Page width and Layout
 --------------------------------------------------------------*/

#page {
    border-top: 0.063em solid #000;
    -webkit-box-shadow: none;  /* tgf was  0 0 1.250em 0.313em rgba(0, 0, 0, .5);*/
    box-shadow:         none   /* tgf was  0 0 1.250em 0.313em rgba(0, 0, 0, .5);*/
}
#page.boxmedium {
    background-image: url("http://test.humangenerosity.net/wp-content/uploads/2015/02/BG-Gradient-12x1024.png"); /* tgf */
    background-repeat: repeat-x;
    max-width: 1500px;
    margin: 2rem auto;
}
#page.boxsmall {
    background-image: url("http://test.humangenerosity.net/wp-content/uploads/2015/02/BG-Gradient-12x1024.png"); /* tgf */
    max-width: 1200px;
    margin: 2rem auto;
}

/*--------------------------------------------------------------
 Page header
 --------------------------------------------------------------*/
#header-navbar {
    max-width: 500px;
    float:right;
    margin-right: 6rem; /* tgf controls left margin of top menu */
}

#masthead {
    background-color:transparent !important;
    /*background-color: #fff;*/
}

.header-bg {
    padding: 2rem 0 1rem 0; /* tgf sets padding above & below logo/topmenu */
}

.header-inner { position: relative; z-index: 2;text-align: left;}



.logo img {
    margin: 0 0 0 6rem; /* tgf sets margins around logo image in header*/
}

#page-banner {
    background-color: #000;
    /*border-bottom: 9px solid #000;*/
}

#content {
    padding: 1rem 1rem 1rem 1rem; /* tgf padding around main content area -- smaller at top*/
}
#bottom-wrapper {
    background-color:transparent !important; /* tgf changed to transparent from #566965*/
    padding: .5rem 0 1.125rem; /* tgf changed from 2rem 0 1.125rem;*/
}
#site-footer {
    background-color:transparent !important; /* tgf changed to transparent*/
}

/* tgf*/
#site-footer {
    overflow:auto;
    margin-left: 6rem;
    margin-right: 6rem;
 
 }
/* end tgf */

#footer-content li {
    border: none;
}

/*--------------------------------------------------------------
 Accessibility - Text meant only for screen readers
 --------------------------------------------------------------*/
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 0;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar */
}

/*--------------------------------------------------------------
 WP Alignments an image caption alignments
 --------------------------------------------------------------*/
img.aligncenter,
.wp-caption.aligncenter {
    margin: 0 auto .5rem auto; /*tgf changed from margin: 1.5rem auto;*/
}

/*--------------------------------------------------------------
 Widgets - Standard
 --------------------------------------------------------------*/
/* tgf note that these are not in new parent theme... but I did not add */
/* menu widget */
aside ul ul {
    margin-left: 1rem;
}

aside ul.children li:last-child,
aside ul.menu li:last-child {
    border: none;
    padding-bottom: 0;
}

/*--------------------------------------------------------------
 Menus - Mobile first...tgf LEAVING ALL THIS FOR NOW
 --------------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 782px) {}
.navigation .col-md-12 {
    padding:0;
}
.site-navigation.toggled-on ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.site-navigation.toggled-on a {
    display: block;
    padding: 0.750rem 1.5rem;
    border-bottom: 1px solid #5b371f;
    background: #bc9053;
    display: block;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: white;
    font-size: 0.813rem;
}
.site-navigation.toggled-on a:hover {
    color: #FFF;
    text-decoration: none;
}
.site-navigation.toggled-on ul a { width: 100%; }
.site-navigation.toggled-on ul a { padding-left: 1.250rem; }
.site-navigation.toggled-on ul ul a { padding-left: 2.50rem; }
.site-navigation.toggled-on ul ul ul a { padding-left: 3.750rem; }
.site-navigation.toggled-on ul ul ul ul a { padding-left: 5rem; }
.site-navigation.toggled-on ul ul ul ul ul a { padding-left: 6.250rem; }

.primary-navigation .nav-menu {
    display: none;
}
.primary-navigation.toggled-on .nav-menu {
    display: block;
}
.toggle-container {
    display: block;
    height: 3.188rem;
    background: #789993;
    text-align: center;
}

/* Mobile menu button */
.menu-toggle {
    border: 0;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: auto;
    margin-top: 0.375rem;
    padding: 0.563rem 1.25rem;
    text-transform: uppercase;
    background-color: #5b371f;
    color: #FFF;
    font-size: 0.875rem;
}
.menu-toggle:active,
.menu-toggle:focus,
.menu-toggle:hover {
    color: #5b371f;
    background-color: #c69f63;
    outline: 0 dotted;
}

/*header nav add */
.header-navigation li {
    border: 0;
    display: inline-block;
    height: 3.188rem;
    line-height: 3.188rem;
    position: relative;
    text-align: left;
}
.header-navigation li a {
    display: inline-block;
    padding: 0 0.75rem;
    white-space: nowrap;
    color: #bc9053;
}

.header-navigation li a:hover {
    color: #5b371f;
}

.header-nav-menu .current-menu-item a {
    background-color:transparent !important;
    color: #5b371f !important;
}

.home-news {
    display: inline-block; /* tgf */
    margin-right: 0rem;
    min-width:200px;
    max-width:450px;
    border-left:1px solid #bc9053;
    padding-left:15px;
    float:left;
    line-height: 1rem; /* tgf */
}
.home-news ul ol { /* tgf */
    padding: 0;
}

/* Menus - Primary Navigation */

@media screen and (min-width: 783px) {
    
    .primary-navigation li {
        /*border: 1px solid black; /* border around primary menu icons/elements: top-right-bottom-left */
        display: inline-block;
        height: 3.5rem; /*3.188rem*/
        line-height: 2rem;
        position: relative;
        text-align: left;
    }
    .primary-navigation li a {
        display: inline-block;
        padding: 0 0 0 0; /*0 0.75rem;*/
        margin: 0 0 1rem 0;
        white-space: nowrap;
        color: #ff0;
    }
   
   /*header nav add */
    .header-navigation li {
        /* border: 1px solid black; /* border around top-menu elements */
        border-right-style: solid;
        border-width: 3px;
        border-color: #c3924c;
        display: inline-block;
        font-size: 1rem;
        height: 2rem; /*3.188rem*/
        line-height: 2.5rem;
        position: relative;
        text-align: left;
    }
    .header-navigation li a {
        display: inline-block;
        padding: 0 0.75rem;
        white-space: nowrap;
        color: #bc9053;
    }
    
    .header-navigation li a:hover {
        color: #5b371f;
    }
    
    .header-nav-menu .current-menu-item a {
        background-color:transparent !important;
        color: #5b371f !important;
    }
    
    /* Submenus */
    /* tgf deleted 8/6 */
    
}

@media (max-width: 767px) {
    .header-navigation li a {
        padding: 0 0.3rem;
        font-size:smaller;
    }
    .home-news {
        border-left: 0px;
    }
    .visible-sm {
        display: block !important;
    }
}


/* CSS Document */
/* tgf deleted 8/6 */


/* tgf ***********************************************************************************/
/* gradient bg image */
#page {
    background-image: url("http://test.humangenerosity.net/wp-content/uploads/2015/02/BG-Gradient-12x1024.png");
    background-repeat: repeat-x;

}

#content {
    background-color:transparent !important;
    /*background-color: rgba(255,255,255,00); !important*/
}

/* table style for NextGEN slideshows on homepage */
table.hpTable1 {
    margin: 0 0 1rem 0;
    width: 100%;
}
.hpTable1 th,td,tbody {
    /*background-color: #ffff00;*/
    /*border-right-style: solid;*/
    vertical-align: top;
    height: auto;
}
table.hpTable2 {
    margin: 0;
    width: 100%;
}
.hpTable2 td, th { padding: 0 10px 0 0; vertical-align: top; height: auto; line-height: 1rem}

table.fieldTable1 {
    margin: 0;
    width: 100%;
    color: white;
    background-color: #bc9153;
}
.fieldTable1 th,td,tbody {
    vertical-align: top;
    height: auto;
}
table.fieldTable2 {
    margin: 0;
    width: 100%;
    color: white;
    background-color: #bc9153;
}
.fieldTable2 th,td,tbody {
    vertical-align: top;
    height: auto;
}

h1.fieldTables,h2.fieldTables,h3.fieldTables,h4.fieldTables,h5.fieldTables,h6.fieldTables {
    color: white;
    margin: 0.5rem 0;
}


#fieldTable {
    color: white;
    vertical-align: text-bottom;
}

/* this centeres the table containing the slideshows and constains max width*/
.entry-content  {
    margin-left: auto;
    margin-right: auto;
    width: 99%;
    max-width: 1000px; /* 1000px is full header width for small page (1200 width)
/*    height:auto;
    max-height:auto;*/
}

/* tgf this is the container around the primary navigatin buttons; was 1.6, set under body */
.menu-main-menu-container {
    line-height: 3.2;
}

/* tgf grid column plugin only allows for 2 3 4 5 & 12 column layouts (columns.css). this modifies the right margin to be 2% instead of 5%, and adds css for a 7-column layout with no push and no span greater than 1. see columns.css for formula for calculating width based on right-margin. */
.column-grid .column {
    float: left;
    margin-right: 2%;
    margin-left: 0;
}
.column-grid .column-last {
    float: right;
    margin-right: 0;
    margin-left: 0;
}
.column-grid-5 .column-span-1 {
    width: 18.4%;
}

#page.boxsmall {
    background-color: #ede7d4;
}

a:link {
    color: #000;
}
a:hover {
    color: #c3924c;
}
a:visited {
    color: #4b91c0;
}

/* added 5/4/2015 to see full height of icon slideshow on homepage*/
.ngg-slideshow {
}

/*table#t01 tbody {
    width: 80%;
    border-right-color: #ffff00;
    border-right-style: solid;
    height: 300px;
} */

/*table#t01 td {
    border-right-color: #ff00ff;
    border-right-style: solid;
    vertical-align: top;
    height: 350;
 }*/

/*table#t01 th {
    border-right-color: #00ffff;
    border-right-style: solid;
    height: 200px;
}*/


/* added to fix links in side divs */
div.fieldtextbox {
    color: black;
}
div.fieldtextbox  a, a:link,a:visited {
    color: #4c4c4c; /*!important*/
}
div.fieldtextbox  a:hover,a:active {
    color: black; /*#8e631d; !important*/
} 


/* tgf ***********************************************************************************/


/* front page slider */

#content div.hpcontainer {
    background-color:#bc9153;
    height:auto;
    width:auto;
    overflow: auto;
}

#content .hpcontainer div.hpslider {
    margin:0;
    padding:0;
    width: 67%;
    height:377px;
    float: left;
    background-color: #bc9153;
}

#content .hpcontainer div.hptextbox {
    margin:0;
    padding:0;
    width: 33%;
    height:377px;
    float: right;
    background-color: #bc9153;
    color: white;
	padding: 25px;
}

#content .hpcontainer div.fieldimage {
    margin:0;
    padding:0;
    width: 50%;
    height:100%;
    float: left;
    background-color: #bc9153;
}

#content .hpcontainer div.fieldtextbox {
    margin:0;
    padding:0;
    width: 50%;
    height:100%;
    float: right;
    background-color: #bc9153;
    color: white;
    padding: 20px;
}
/* slider mobile styles */ 
@media (min-width: 768px) and (max-width: 991px) {
	#content .hpcontainer div.hpslider,
    .hpcontainer div.hptextbox,
    .hpcontainer div.fieldimage,
    .hpcontainer div.fieldtextbox {
        float: none;
    }
	#content .hpcontainer div.hpslider {
		width: 100%;		
		height: auto;
	}
	#content .hpcontainer div.hptextbox {
		height: auto;
		width: 100%;
    }
    #content .hpcontainer div.fieldimage {
        width: 100%;
        height: auto;
    }
    #content .hpcontainer div.fieldtextbox {
        height: auto;
        width: 100%;
    }

	#content .ngg-slideshow {
		margin:0;
		padding:0;
		height: 100%;
		background-color: #EFDE00;
    }

}

@media (max-width: 767px) {
    #content .hpcontainer div.hpslider,
    .hpcontainer div.hptextbox,
    .hpcontainer div.fieldimage,
    .hpcontainer div.fieldtextbox {
        float: none;
    }
	#content .hpcontainer div.hpslider {
		width: 100%;
		height: auto;
	}
	#content .hpcontainer div.hptextbox {
		height: auto;
		width: 100%;
    }
    #content .hpcontainer div.fieldimage {
        width: 100%;
        height: auto;
    }
    #content .hpcontainer div.fieldtextbox {
        height: auto;
        width: 100%;
    }


    /* these clean up the news/blog column on frontpage when columns collapse for mobile */
    .column-grid .column-last {
    	float: left;
        width: 90%;
    }
    .home-news {
    	width: 290px;
        padding-left: 0;
    }
    .column-grid-5 .column-span-1 {
    width: 100%;
    }
}


/* other mobile styles */

/* top logo */

@media (max-width: 767px) {
.logo img {
	margin:0;
	padding: 5px;
	width:100%;
	height:auto;
}
}

/* top menu */
@media (max-width: 767px) {
#header-navbar {
	width:100%;
	margin:0;
	padding:10px;
	float: none;
	font-size:1.3em;
	text-align:center;
	}
	
#menu-top-menu {
	margin:0;
	padding:0;
}

.menu-top-menu-container ul{
	text-align:center;
}

.header-bg {
	margin:0;
	padding:0;
}
}