/*
 Theme Name:   Spacious Child
 Theme URI:    http://sustainablerangelands/spacious-child/
 Description:  Sustainable Rangelands Roundtable child theme, based on Spacious
 Author:       Ann Tanaka
 Author URI:   
 Template:     spacious
 Version:      1.0.0
 Tags:         
 Text Domain:  spacious-child
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
---------------------------------------------------------------- */

/* Styles for all pages on the SRR website 
1.0 - General Styles
2.0 - Links
3.0 - Header
	3.1 - Page Title
4.0 - Content
5.0 - Right Callout
	5.1 - Search Box
	5.2 - Secondary Navigation
6.0 - Footer
*/

/*--------------------------------------------------------------
1.0 General Styles
--------------------------------------------------------------*/

ul {
	list-style: disc;
}

li {
	padding-bottom: 5px;
}


/*--------------------------------------------------------------
2.0 Tables
--------------------------------------------------------------*/

.table {
    display: table;
    width: 100%;
	padding-bottom: 10px;
	
    }

.table-row {
    display: table-row;
	width: 100%;
}

.table-cell15, .table-cell18, .table-cell20, .table-cell25, .table-cell30, .table-cell33, .table-cell46, .table-cell50, .table-cell75, .table-cell85, .table-cell100 {
    display: table-cell;
    padding: .5em 1em;
}

.table-cell15 { width: 15%; }
.table-cell18 { width: 18%; }
.table-cell20 { width: 20%; }
.table-cell25 { width: 25%; }
.table-cell30 { width: 30%; }
.table-cell33 { width: 33%; }
.table-cell40 { width: 40%; }
.table-cell46 { width: 46%; }
.table-cell50 { width: 50%; }
.table-cell60 { width: 60%; }
.table-cell75 { width: 75%; }
.table-cell85 { width: 85%; }
.table-cell100 { width: 100%; }

.table-cell20 { /* Used on Meetings to separate different date lines */
	border-bottom: dashed 1px #ccc;
	padding: .5em 1em .5em 0;
}

@media screen and (max-width: 480px) {
    .table-cell15, .table-cell18, .table-cell20, .table-cell25, .table-cell30, .table-cell33, .table-cell40, .table-cell46, .table-cell50, .table-cell60, .table-cell75, .table-cell85, .table-cell100 { display: block; width: 100%; padding: .25em;}
}


/*--------------------------------------------------------------
2.0 Links
--------------------------------------------------------------*/

#site-title a {
	color: #ffffff !important;
	text-shadow: 3px 3px 10px #000000;
}

.main-navigation a { color: #ffffff;}

.main-navigation a:hover, .main-navigation ul li.current-menu-item a, .main-navigation ul li.current_page_ancestor a, .main-navigation ul li.current-menu-ancestor a, .main-navigation ul li.current_page_item a, .main-navigation ul li:hover > a {
	color: #ffffff !important;
	text-decoration: underline;
}

.footer-widgets-area a:hover { /* additional style code has been added to the header file */
	color: #d5d5d5 !important;
	text-decoration: underline;
}

a.custom-logo-link img:hover {
	opacity: 1.0;
	filter: alpha(opacity=100);
}

/*--------------------------------------------------------------
3.0 Header
--------------------------------------------------------------*/
#site-title {
	letter-spacing: 2px;
}
#masthead {
	background-image: url(images/bg-header.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #1a281b;
}

#header-text {
	padding: 50px 20px 0 0;
}

/*--------------------------------------------------------------
3.1 Page Title
--------------------------------------------------------------*/

.header-post-title-container {
	background-color: #000000;
	opacity: 0.6;
}
.header-post-title-class {
	font-size: 28px;
	letter-spacing: 2px;
	color: #ffffff;
}

/*--------------------------------------------------------------
4.0 Content
--------------------------------------------------------------*/
#primary { 
	width: 61.5763547%
	float: left;
}

#content a {
	text-decoration: underline;
}

h4 { /* Used on Meetings for the Years */
	font-size: 20px;
	border-bottom: solid 1px #000000;
	padding-bottom: 0;
	padding-top: 20px;
}

.entry-content ul {
	margin-left: 25px;
	list-style-type: disc;
}

.entry-content ol {
	margin-left: 25px;
}

.entry-content li {
	padding-bottom: 10px;
	padding-left: 5px;
}





/*--------------------------------------------------------------
5.0 Right Callout
--------------------------------------------------------------*/

#secondary {
	width: 30.4827586%;
	float: right;
}

@media screen and (max-width: 480px) {
	#secondary {
		width: 100%;
		float: none;
	}
}

/*--------------------------------------------------------------
5.1 Search Box
--------------------------------------------------------------*/

input.s { /* Search Box */
	width: 80%;
}

@media screen and (max-width: 770px) {
	input.s {
		float: left;
		width: 50%;
	}
}
/*--------------------------------------------------------------
5.2 Secondary Navigation
--------------------------------------------------------------*/

#nav_menu-2, #nav_menu-3, #nav_menu-4 { /* Secondary Navigation */
	margin-bottom: 35px;
	padding-right: 25px;
    font-size: 16px;
    text-align: right;
    width: 100%;
    float: right;
}

#secondary .widget ul li {
	list-style: none;
}

@media screen and (max-width: 770px) {
	#secondary {
		float: none;
		width: 100%;
	}
	
	#secondary aside {
		float: left;
		width: 50%;
	}
}

@media screen and (max-width: 480px) {
	#nav_menu-2, #nav_menu-3 {
		float: none;
		width: 100%;
	}
}

/*--------------------------------------------------------------
6.0 Footer
--------------------------------------------------------------*/

.small-menu ul li {
	list-style: none;
}

.footer-widgets-area .tg-one-fourth p {
	color: #c8c8c8;
}