/*
Theme Name:     Responsive Child
Theme URI:      http://lib.calpoly.edu/
Description:    Child theme for the Responsive theme
Author:         Conny Liegl, Robert E. Kennedy Library
Author URI:     http://lib.calpoly.edu/
Template:       responsive                             
Version:        2.0
*/

@import url("../responsive/style.css");
@import url("style-plugins.css");


/* =Fixing Font Awesome Social Media Icons (renaming classes so they are not blocked)
-------------------------------------------------------------- */
.fa-facebook-official:before,
.fa-fac-off:before {
  content: "\f082";
}
.fa-instagram:before,
.fa-ins:before {
  content: "\f16d";
}
.fa-twitter-square:before,
.fa-twi-square:before {
  content: "\f081";
}
.fa-vimeo-square:before,
.fa-vim-square:before {
  content: "\f194";
}
.fa-flickr:before,
.fa-fli:before {
  content: "\f16e";
}
.fa-soundcloud:before,
.fa-sou:before {
  content: "\f1be";
}


/* =General
-------------------------------------------------------------- */
html, body {
	height: 100%;
	/* The html and body elements cannot have any padding or margin. */
}

body {
	color:#252624;
	font-size:16px;
	font-size:1.0rem;
	line-height:20px;
	line-height:1.25rem;
	font-family: 'Open Sans', 'Arial', sans-serif;
	/* font-family: 'Arial', sans-serif; */
}

h2, h3, h4, h5, h6 {
	color:#31322F;
	font-weight:normal;
	letter-spacing:1px;
	font-family: 'Open Sans', 'Arial', sans-serif;
	margin-bottom:0.5em;
}

h1 {
	color:#252624;
	font-size:25px;
	font-size:1.6rem;
	font-weight:normal;
	font-family: 'Open Sans', 'Arial', sans-serif;
	letter-spacing:1px;
}

h1.entry-title, h1.post-title {
	margin-top: 2.75em;
	margin-top: 2.75rem;
	margin-bottom: 1.75em;
	margin-bottom: 1.75rem;
	color:#252624;
	border-bottom: 1px solid #31322F;
	padding: 0.25em 0;
}

.event h1.entry-title {
	border-bottom: 0;
}

h2 {
	font-weight:bold;
	font-size:24px;
	font-size:1.5rem;
	margin:1.5em 0 0.75em 0;
}

h3 {
	font-weight:normal;
	font-size:20px;
	font-size:1.25rem;
	color:#4B473C;
	margin:1.5em 0 0.75em 0;
}

.col-620 h3 {
	font-weight:bold;
	font-size:20px;
	font-size:1.25rem;
	color:#4B473C;
	letter-spacing:0;
}
 .home-page-widget-text-bold a {
	font-weight:bold;
	color:#29511A;
	text-decoration: none !important;
	margin-bottom:0.25em;	
}
 .home-page-green-bar {
	height:210px;
	color:#29511A;
	background-color:#29511A;
	width:2px;
	float: left;
	margin-left: 0.75rem;
	margin-right: 0.5rem;
	display:block;
	margin-top: 0.25rem;
	margin-bottom: 0.25rem;
} 
.home-page-widget-text-bold {
	display:block;
	margin-left:0.125em;
}

.rwd-break {
	display:none;	
}
.front-page-widget .button {
	width:auto;	
}

.bb-text {
	display:inline;	
}
footer .widget-title-home h3, footer .widget-title, .home-widgets .widget-title-home h3, .home-widgets .widget-title {
	color:#31322F;
    	margin: 0.5em 0;
    	padding: 0.25em 0;
	font-weight:500;
	font-size:26px;
	margin-bottom: 8px;
	letter-spacing:1px;
	width:100%;
}

h4 {
	font-size:18px;
	font-size:1.125rem;
	color:#24C1A;
	margin-bottom:0.5em;
	letter-spacing:0;
}

i {
	margin-right:0.5em;
	margin-right:0.5rem;
	color:#31322F;
}

.lead {
	font-family: 'Vollkorn', 'Times New Roman', serif;
}

table, p {
    margin:0 0 1.6em 0;
}

.breadcrumb {
    padding:0;
    margin:0 10px 25px 0;
    background-color:#FFFFFF;
    border-radius:0;
}

.breadcrumb a {
	text-decoration:none;
}

.breadcrumb-list i {
	margin-left:0.25rem;
}

.post-entry {
	line-height:22px;
	line-height:1.375rem;
}

.entry-content p img {
	float:left;
	margin-right:25px;
}

.space-left {
	margin-left:1rem;
}

ul li {
	padding:0.15em 0;
	padding:0.15rem 0;
}

#content ul {
	list-style-type:disc;
	color:#4B473C;
}

#content ul li {
	padding-left:8px;
	padding-left:0.5rem;
}

dl {
	margin:1em 0;
}

dl dd {
	margin:0 1em;
}


/* =Skip to content & navigation styles
--------------------------------------------------------------- */
#skip {
	visibility: visible;
	position: absolute;
}

#skip ul {
	list-style-type: none;	
	background-color: white;
	margin: 0;
	padding: 0;
}

#skip ul li a {
	height: 1px;
	left: 0px;
	overflow: hidden;
	position: absolute;
	top: -500px;
	width: 1px;
}

#skip ul li a:focus, #skip ul li a:active {
	height: auto;
	width: auto;
	position: static;
}


/* =Link styles
-------------------------------------------------------------- */

header a, navigation li a {
	text-decoration:none;
}

a {
	text-decoration:underline;
	color:#035642;
}

a:link {
	text-decoration:underline;
}

a:visited {
	color:#82786F;
	text-decoration:underline;
}

a:hover, a:active, a:focus {
	color:#58a618;
	text-decoration:underline;
}

[class*="span"] {
    	margin-left: 0;
}

dl dt a {
	font-weight:700;
}

h1.entry-title a , h1.post-title a {
	font-size:25px;
	font-size:1.6rem;
	font-weight:normal;
	font-family: 'Open Sans', 'Arial', sans-serif;
}


/* =Button styles
-------------------------------------------------------------- */

button, .dropdown-toggle, .input-prepend, .input-append, .btn:first-child, .btn:last-child, .btn-group, .btn  {
	border-radius:0;
}
/*
#searchbar-search .btn-group  {
	line-height:1rem;
	border-radius:0;
}
*/
#searchbar-search .btn {
	line-height:1rem;
	border-radius:0;
}

.btn {
	background-color:#427730;
	color:#FFFFFF;
	border-radius:0;
	background-image:none;
	line-height:1.375em;
	line-height:1.375rem;
	text-shadow:none;
	border:none;
	font-size:16px;
	font-size:1rem;
	font-family: 'Vollkorn', 'Times New Roman', serif;
}

.btn i {
	color:#FFFFFF;
	margin-left: 3px;
}

.btn:hover {
	background-color:#58A618;
	color:#FFFFFF;
}

a.btn {
	text-decoration:none;
	color:#FFFFFF;
}

a:hover.btn {
	color:#FFFFFF;
}

a:visited.btn {
	text-decoration:none;
	color:#FFFFFF;
}


/* =Header styles
-------------------------------------------------------------- */

header {
	margin:1em 8em 0em 8em;
	margin:1rem 9rem 0rem 9rem;
}

header .row-fluid p {
	padding:0;
	margin:0;
	height:0.8em;
}

header .row-fluid .span7 {
	margin:5px 0 0 30px;
}

/* audience styles */

#audience {
	float:right;
	left: auto;
}

#audience ul {
	list-style-type:none;
	margin:0;
	padding-right: 3.5em;
}

#audience ul li {
	float:left;
	padding-left:1.0em;
	list-style-type:none;
}

#audience a {
	color:#252624;
	text-decoration:none;
}

#audience .graybar {
	height:15px;
	color:#C0C0C0;
	background-color:#C0C0C0;
	width:2px;
	float: left;
	margin-top: 5px;
	margin-left: 16px;
	opacity: 0.7;
}

#audience a {
}

#audience a:hover {
	color:#427730;
	text-decoration:underline;
}

hr.top-bar {
	height:4px;
	color:#035642;
	background-color:#035642;
	width:100%;
	clear:both;
	margin:0;
	padding:0;
}

#hours {
	color:#545454;	
}

#hours-chat #hours i {
	color:#545454;	
	padding:0 0 0 10px;
}

#hours div {
	font-size: 0.8em;
	font-size: 0.8rem;
}

#hours span {
	font-weight:bold;
}

#hours span.late:before, #hours span.sca:before, #hours span.main:before {
	content:"|";
	padding-right:1em;
}


/* main logo styles */

#logo {
	clear:both;
	height:75px;
	width:90%;
	margin: 1.8em 0 1em 4em;
	float:left;
	position: absolute;
}

#logo h1  { /* CalPoly */
	background-image:url(http://lib.calpoly.edu/wp-content/uploads/2015/12/cpshield_logo_wide.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-size: contain;
	height: 60px;
	width: 180px;
	float:left;
}

#logo h1 a { /* CalPoly */
	text-decoration:none;
	padding-right: 72px;
	display:block;
}

#logo h1 a:hover { /* CalPoly */
	text-decoration:none;
	background-position:top left;
	text-decoration:none;
}

#logo h1 span {
	visibility:hidden;
}

#logo .graybar {
	height:65px;
	color:#C0C0C0;
	background-color:#C0C0C0;
	width:2px;
	float: left;
	margin-left: 30px;
	margin-top: 3px;
	opacity: 0.7;
}

#logo h2 { /* "Library" */
	color:#035642;
	width:auto;
	margin-top:25px;
	margin-left:30px;	
	text-indent:0px;
	background-image:none;
	font-size:1.8rem;
	float:left;
	letter-spacing:1px;
	font-family: 'Vollkorn', 'Times New Roman', serif;
}

#logo h2 a {
	text-decoration:none;
	font-weight:normal;
	font-size: 22px;
}

#logo h2 a:visited {
	color: #82786F;
}

#logo h2 a:hover {
	text-decoration:none;
	color:#58A618;
}

#logo h2 span {
	font-size:0.5em;
	font-weight:normal;
}

/* search box */

#search {
	text-align: right;
	padding: 0em 0.5em 0.5em 4em;
	margin-top:0.75em;
	font-family: 'Vollkorn', 'Times New Roman', serif;
	float:right;
}

#search h1 {
	color:#545454;
	font-size:22px;
	font-size:1.375rem;
	letter-spacing:1px;
	padding-bottom:0;
}

#search i.fa-search {
	font-size:14px;
	font-size:1.2rem;
	margin-left:5px;
	margin-top:2px;
}

#search form {
	margin: 0;
	width: 100%;
	padding-top:10px;
}



#search ul {
	font-family: 'Open Sans', 'Arial', sans-serif;
    	font-size: 0.6rem;
	vertical-align:middle; 
	float:right;
	text-align:right;
	display:block;
	padding-top:3px;
	margin-right: 0px !important;
}
#search li {
	float:left;
	padding-left:0.7rem;
	list-style-type:none;
	display:inline-block;
}

#search #searchbar-search .input-prepend {
	width: 100%;	
}
#search #searchbar-search .btn-group {
	width: 0;	
}

#search #searchbar-search #searchbar-searchterms {
	width: 45%;	
}
#search #searchbar-search #searchbar-searchterms:focus {
	border-color: rgba(163,184,156, 0.8);
    	box-shadow: 0 1px 1px rgba(163,184,156, 0.075) inset, 0 0 8px rgba(163,184,156, 0.6);
    	outline: 0 none;	
}
#search #searchbar-search #searchbtn-container {
	width: 20%;
	padding: 0;	
}
#widget-title-one {
	margin-top:0rem;
}
#main-page-more-links a {
	text-decoration: none !important;
	font-weight: 500;
	display:inline-block;
		
}
#main-page-more-links a:hover, #main-page-more-links a:visited {
	color: #82786f;
		
}

#search #searchbar-search #searchbtn-container {
	height: 2em;
	height: 2rem;
	display: block;
	padding: 4px 12px;
	width: 100%;
}

#searchbar-submit {
	border:0;
	border-radius:0;
	box-shadow:none;
	height: 1.8em;
	padding-bottom:3px;
	padding-top:4px;
	float: right;
	margin-top: 10px;
}

#searchbar-searchterms {
	border:1px solid #82786f;
	background-color:#FFFFFF;
	border-radius:0;
	height:2.05em;
	width: 280px;
	margin-top: 10px;
}



/* Limit results box - <select> */
/*#search select {
	box-shadow:none;
	padding:4px;
	border:0;
	border-radius:0;
	font-family: 'Vollkorn', 'Times New Roman', serif;
	font-size:14px;
	font-size:0.875rem;
	visibility:hidden;
}
*/
#searchbar-service { /* ID for above <select> */
	background-color:#4d4f53;
	color:#FFFFFF;
	padding-bottom:3px;
	height: 32px;
	height: 2rem;
}

#searchbar-searchterms, #search .btn {
	font-size:16px;
	font-size:1rem;
}



/* =Responsive theme buttons
-------------------------------------------------------------- */

a.brown i, #widgets a.brown i {
	color:#FFFFFF;
	margin-left:0.25em;
}

.header-hours a.green {
	margin-bottom: 10px;
	font-size:12px;
	max-width:50%;
	display:inline-block;
	margin-right:0;
}

.row-fluid .span6 a.brown:not(#searchbar-submit) {
	display: inline-block;
	max-width:38%;
	font-size:12px;
	margin-left: 1.5rem;
	margin-bottom: 1rem;;
	margin-right:0;
	box-shadow: 5px 5px 5px #999999;
}

a.button, #widgets a.button {
	border-radius:0;
	margin-right:8%;
	padding:5px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:normal;
	font-family: 'Open Sans', 'Arial', sans-serif;
	font-size:1.0em;	
	margin: 0 0 0 0;	
	text-align:center;
}

a.brown, #widgets a.brown {
    	background-color: #4d4f53;
	/•	background-image: none !important;
    	background-image: -webkit-gradient(linear, left top, left bottom, from(#604d20), to(#4d4f53));
    	background-image: -webkit-linear-gradient(top, #604d20, #4d4f53);	*/
		box-shadow: 5px 5px 5px #999999;
		border: none;
}

a:hover.brown, #widgets a:hover.brown {
	background-color:#857756;
    	/•	background-image: -webkit-gradient(linear, left top, left bottom, from(#4d4f53), to(#857756));
    	background-image: -webkit-linear-gradient(top, #4d4f53, #857756);	*/
	border: none !important;
}

a.green, #widgets a.green {
    	background-color: #035642;
	/•	background-image: none !important;
    	background-image: -webkit-gradient(linear, left top, left bottom, from(#4a783a), to(#035642));
    	background-image: -webkit-linear-gradient(top, #4a783a, #035642);	*/
}

a:hover.green, #widgets a:hover.green {
	background-color:#5b8d4a;
    	/•	background-image: -webkit-gradient(linear, left top, left bottom, from(#4a783a), to(#5b8d4a));
    	background-image: -webkit-linear-gradient(top, #4a783a, #5b8d4a);	*/
}

a.red, #widgets a.red {
    	background-color: #792330;
    	/•	background-image: -webkit-gradient(linear, left top, left bottom, from(#cf142b), to(#792330));
    	background-image: -webkit-linear-gradient(top, #cf142b, #792330);	*/
}

a:hover.red, #widgets a:hover.red {
	background-color:#b7082a;
    	/•	background-image: -webkit-gradient(linear, left top, left bottom, from(#cf142b), to(#b7082a));
    	background-image: -webkit-linear-gradient(top, #cf142b, #b7082a);	*/
}

#widgets a.circular i {
	margin-top: 0.25rem; 
	font-size:0.9rem;
	background-color: #FFFFFF;
	overflow:hidden;
	padding-right: 0.05rem;
	margin-right: 0;
	float:right;
	color:#FFFFFF;
	text-align:center !important;
	color:#4d4f53;
}

#widgets a.circular i:before {
	vertical-align: middle;
	text-align: center;
	height: 16px !important;
	width: 16px !important;	
}



/* =Essentials buttons
-------------------------------------------------------------- */
#essentials p {
	color: #FFF;
	font-family: 'Vollkorn', 'Times New Roman', serif;
	margin-top: 2px;
	height: 26px;
	white-space: nowrap;
}

#essentials p.first {
	margin-top:15px;
}

#essentials p a {
	color: #FFF;
	text-decoration:none;
	display:block;
	padding: 4px 0px 2px 0px;
	background-color: #035642;
}

#essentials p a:hover {
	background-color:#427730;
}

#essentials p i.fa {
	color: #FFF;
}

#essentials p i.fa {
    	width: 14px;
    	text-align: center;
    	padding-left: 5px;
}


/* =Navigation
-------------------------------------------------------------- */
.sub-menu { display: none; }
.current_page_item .sub-menu, .current_page_parent .sub-menu { display: block; }


.navbar, #slideshow {
	right:0;
	left:0;
}

.navbar {
	background-color:#f3f3f3;
	border-top:1.5px solid #4d4f53;
	border-bottom:1.5px solid #4d4f53;
	border:1.5px solid #C0C0C0;
	/* To move it to the top of the screen */
	position: absolute;
	top:14em; /* chrome is 14.66rem - use a browser hack? (see below) */
	z-index: 1000;
	right:7.5%;
	left:7.5%;
	height: 2.25rem;
	min-height:2.25rem;
	width: inherit;
}

.navbar li.divider {
	height:2.25em;
	color:#b8b173;
	background-color:#b8b173;
	width:1px;
	float: left;
	margin-top: 0;
	opacity: 0.7;	
}
.navbar-fixed-top {
	top: 0 !important;
	position: fixed;
	left:0%;
	right:0%;
	width:100%;
}

.navbar .nav {
	padding:0;
	background-color:#f3f3f3;
	background-image:none;
	box-shadow:none;
	min-height:2.25rem !important;
	height:2.25rem;
	border:none;
	text-align:center;
	display:inline;
	width:90%;
	margin: 0 !important;
	padding-right:0;
	z-index:2;
}

.navbar .sr-only {
	display:none; 	
}
.navbar .navbar-toggle {
	display:none;
}

.navbar .navbar-toggle i {
	margin-top:0.25rem;
	color:#4d4f53;
}

.navbar .nav .goto-link {
	display:none;
}
.navbar .nav li.menu-item a.goto-link i {
		display:none;
}
.navbar li.dropdown > .dropdown-toggle .caret {
	display:none; 
}
.navbar .nav li.dropdown, li.home-icon {
	display:inline;
	width:10%;
	padding:0;
	margin:0;
}
.navbar .nav .menu-item-8790 > a:after {
	content: "\f004";
  	font-family: FontAwesome;
  	color:#4d4f53;
	margin-left: 0.25rem;
	font-size: 1.0rem;
  
}
.navbar .nav .menu-item-8790:hover > a:after {
	color: #FFFFFF;	
}
ul.dropdown-menu li { 
	width: inherit;
	list-style-type:none;
}

.navbar .nav li.menu-item a span,
.navbar .nav li.menu-item a,
.navbar .nav li.menu-item {
	line-height:2.25em;
}
.navbar .nav ul.dropdown-menu li {
	background-color:#FFFFFF;
	text-align:left;
}
.navbar .nav li.dropdown {
	width: 16.25%;
	display:inline;
}
.navbar .nav li.dropdown, .navbar .nav li.dropdown-toggle {
	position:relative;
	text-shadow:none;
	z-index:1;
}

.navbar .nav li a.dropdown-toggle { 
	padding:0;
	height:2.25em;
	height:2.25rem;
	color: #31322F;
}

.navbar .nav li.dropdown.open>.dropdown-toggle, .navbar .nav li.dropdown.active>.dropdown-toggle, .navbar .nav li.dropdown.open.active>.dropdown-toggle {
   	background-color: #29511A;
	color: #FFFFFF;
	
}
.navbar .nav li.menu-item ul.dropdown-menu li.menu-item a:hover {
	background-image: none;
	background-color: #427730;
	color: #FFFFFF;	
	
	
}
.navbar .nav li.dropdown.open> a.dropdown-toggle:hover {
	z-index:-2;	
}
.navbar .nav li.menu-item a:hover {
	background-color:#427730;
	color: #FFFFFF;
}
.navbar .nav li.dropdown:focus .dropdown-menu, .navbar .nav li.dropdown:hover .dropdown-menu {
	display:block;	
	margin-top:0;
}
.navbar .nav li.dropdown:not(:hover) > ul.dropdown-menu{
	display:none;	
}

.navbar .nav li a span {
	display: block; 
}

li.dropdown i {
	color:#4d4f53;
	font-size:1.5rem;
	text-shadow:none;
	text-align:left;
	padding:0;
	position:relative;
	margin-top: 15px;
}
.dropdown-menu > .active > a {
	background-color: #427730;
	background-image: none;
}

.navbar .nav .current_page_item a:before, .current-menu-item a:before {
	content:normal;
}

.dropdown-menu .divider {
    	margin: 0px;
	padding-top:0px;
}
li.nav-graybar {
	height:22px;
	color:#C0C0C0;
	background-color:#C0C0C0;
	width:2px !important;
	margin-top:5px;
	float: left;
	opacity: 0.7;
}
.navbar .navbar-header .navbar-brand i:hover {
	color: #29511A; 
}
.navbar .nav li:hover > a:after {
	color: #29511A;
}



.navbar .navbar-header {
	width: 100%;
	min-height: 38px;
	text-align:center;
	float:none;
	margin:0;
}
.navbar .navbar-brand {
	float:left;
	display:inline-block;
	height: 38px;
	text-decoration:none;	
	margin: 0rem 1rem 0rem 1rem;
	padding-right: 1.0rem;
}

.navbar .navbar-header .navbar-brand i {
	width:auto;
	max-height:1.8rem;
	color:#4d4f53;
	text-decoration:none;
	font-size:1.75rem;
	line-height:2.25rem;
	text-shadow:none;
	vertical-align:top;
	text-align:center;
	display:block;
	padding:0;
	text-align:center;
	margin-right: 0 !important;
}

.navbar .navbar-header .libname {
	display:none;	
}
.navbar .navbar-header .navbar-toggle {
	background:none;
	text-decoration:none;
	border:0;
	font-size: 1.75rem;
	float:right;
	color:#4d4f53;
	color:red;
	padding:0;
	margin: 0rem 0.25rem 0 0;
}

.nabvar .navbar-collapse {
	height: 38px;
	display:inline;
}

ul.dropdown-menu li a {
	text-decoration:none;
	color:#252624;
}

li.nav-header {
	border-bottom:1px solid #035642;
	color:#035642;
	margin-top:10px;
}

/* mobile nav styles */


.iphone-nav {
	display: none;
}

#iphone-menu {
	background-color: #f3f3f3;
	border: 1px solid #B8B173;
	padding: 0 10em;
	padding: 0 10rem;
	visibility: hidden;
	height: 2.25em;
	height: 2.25rem;
}

#iphone-menu form {
	margin: 7px 30px 0;	
	display: inline-block;
	float: left;
}

#iphone-menu form input, #iphone-menu form select {
	display: inline-block;
	width: 140px;
	min-height: 30px;
	float: left;
}

#iphone-menu a {
	text-decoration: none;
	color:#035642;
	display: inline;
	padding-left: 10px;
}

#iphone-menu a i {
	display:inline-block;
	font-size:25px;
	font-size:1.6rem;
	height:2.25em;
	height:2.25rem;
	line-height:38px;
	line-height:2.25rem;
	margin:0;
	padding:0;	
}

#iphone-menu span {
	display: inline-block;
	font-size:25px;
	font-size:1.6rem;
	height: 2.25em;
	height: 2.25rem;
	line-height:38px;
	line-height:2.25rem;
}



/* =Grid
-------------------------------------------------------------- */

.grid {
    margin-bottom:0;
}

.col-220 {
    width: 21.404255319149%;
    margin-left: 2%;
}

.col-300 {
    width: 27.9149%;
    padding: 0 6em 0 0;
    margin: 0 0 0 -40px;
}

.col-620 {
	width: 61.9574%;
}


/* =Wrappers
-------------------------------------------------------------- */

#wrapper {
	border:0;
	padding:0;
	margin:0em 8em;
	margin:0rem 8rem;
	border-radius:0;
    	min-height: 100%;
    	height: auto !important;
  max-width: 1440px;
}

#wrap {
	display: block;
	height: 100%;
}

#container {
  	max-width: 100%;
	margin: 2.5em 8.5em 0 9.5em;
	padding:0 0;
}


body.error404 #container {
	margin-top: 2em;
	margin-top: 2rem;
}

#content {
	margin-top:3.5em;
	margin-top:2.5rem;
}



#content-archive {
	margin-top: 5.5em;
	margin-top: 5.5rem;	
}


/* =Widgets
-------------------------------------------------------------- */

#widgets {
	margin:1em 6em auto 6em;
	margin:1rem 6rem auto 6rem;
}

#widgets ul li a {
    	display:block;
	padding:1px 10px 1px 10px;
}

#widgets a {
    	display:block;
	padding:inherit;
	margin:inherit;
	text-decoration:underline;
}

#widgets a.btn {
	text-decoration:none;
}

.widget-wrapper {
	background-color:#FFFFFF;
	border:none;
	border-radius:0;
	padding:0;
	box-shadow:none;
}

#widgets a.h1-aside {
	text-decoration:none;
}

#widgets .h1-aside, #widgets .widget_nav_menu .widget-title {
	padding: 1em 0 0.35em 0;
    	border-bottom:1px solid #31322F;
}

#widgets div ul.menu-widget {
	margin: 0 2em 1.5em -0.5em;
	padding-top: 0.5em;
}

.textwidget .rightlink {
	font-size:0.5em;
	float: right;
	margin-right: 10px;
	font-weight:500;
	font-style:italic;
    	margin-top: 5px;
}

/* =Widget Blog on Homepage 
-------------------------------------------------------------- */


#widgets ul.mainblog li {
	list-style-type:none;
    	clear: both;
}

#widgets ul.mainblog li a {    
    	float: left;
}

#widgets .blogthumb {
    height: 32px;
    width: 32px;
    border-right: #035642 solid 1px;
    padding-right: 10px;
	margin-left: -10px;
    	margin-bottom: 0;
}

/* =Sidebar
-------------------------------------------------------------- */

aside.col-300 {
	width: 31.75%;
	padding: 2em 0 0 4%;
	padding: 2rem 0 0 4%;
}

aside.col-300 .widget_nav_menu {
	padding:0;
}

aside .widget-title, aside .widget-title-home h3 {
	color:#31322F;
    	margin:0 0 1em 0;
    	margin:0 0 1rem 0;
	font-weight:normal;
	letter-spacing:1px;
	padding:0 0 0.5em 1em;
	padding:0 0 0.5rem 1rem;
}

aside a.h1-aside {
	color:#31322F;
	font-family: 'Open Sans', 'Arial', sans-serif;
	font-weight:normal;
	font-size:25px;
	font-size:1.6rem;
	letter-spacing:1px;
	text-decoration:none;
	display:block;
}

aside img.wp-post-image, aside img.attachment-full, aside img.attachment-large, aside img.attachment-medium, aside img.attachment-thumbnail {
    	margin: 1em auto 0 auto;
	margin: 1rem auto 0 auto;
}

aside ul.menu-widget {
	margin:1em 2em 1.5em -0.5em;
}

aside ul.menu-widget li {
	line-height:1.5rem;
    	list-style-type:none;
}

aside ul.menu-widget li.menu-item a {
	font-size:16px;
	font-size:1rem;
	color:#31322F;
	text-decoration:none;
	display:block;
	width:100%;
}

aside ul.menu-widget li.menu-item a:hover, aside a:hover.h1-aside  {
	color:#000000;
	text-decoration:none;
	background-color:#f3f3f3;
}

aside ul.menu-widget li.menu-item ul.sub-menu li {
	padding:1px;
}

aside ul.menu-widget li.menu-item ul.sub-menu li.menu-item a {
	font-size:14px;
	font-size:0.875rem;
	font-weight:normal;
	color:#31322F;
	display:block;
	width:100%;
}

aside ul.menu-widget li.menu-item ul.sub-menu li.menu-item a:hover {
	font-size:14px;
	font-size:0.875rem;
	color:#000000;
	background-color:#f3f3f3;
}

aside ul.menu-widget li.menu-item ul.sub-menu li.menu-item a:visited {
	color:#82786f;
}

aside ul.menu-widget li.menu-item ul.sub-menu li.current_page_item a {
	font-weight:700;
	color:#338019;
}

aside .current_page_item a, aside .current-menu-item a {
	font-weight:700;
	color:#338019;
}


/* =Footer
-------------------------------------------------------------- */


#colophon-widget {
	color:#FFFFFF;
	line-height:2.75em;
	font-size: 0.9em;
	width:100%;
	
}

#colophon-widget .textwidget {
	text-align: center;
	margin-left: 2.5rem;
	margin-right: 2.5rem;
}

#colophon-widget a, #colophon-widget i {
	color:#FFFFFF;
}	
	
footer {
    	bottom:0;
	margin-bottom:0;
	padding-top:0.5em;
	padding-bottom:0;
	display:block;
	line-height:2.75rem;
	height:2.25rem;
	margin-right: 7.5%;
	margin-left: 7.5%;
	width: auto;
}

footer .widget-wrapper {
	background-color:#4d4f53;
	height: auto;
   	width: 100%;
}
#colophon-dotted-line {
  border:none;
  border-top:1.5px dotted #666666;
  color:#666666;
  background-color:#fff;
  height:1px;
  width:100%;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0.25rem;
  padding-bottom: 0px;
}
#main-page-more-links p {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}



/* =Scroll Top Button
-------------------------------------------------------------- */
.scroll-top {
	background-color:#f3f3f3;
	border:1px solid #035642;
   	bottom:344px;
    	bottom:21.5rem;
    	height:42px;
    	width:2.625rem;
    	position:fixed;
    	right:20px;
    	text-align:center;
    	width:44px;
   	 width:2.75rem;
    	z-index:1000;
	display:none;
}

.scroll-top a {
	text-decoration: none;
	color:#035642;
	display:block;
}

.scroll-top i {
	font-size: 35px;	
	font-size: 2.188rem;
	margin: 0;
	position: relative;
	top: -10px;
}

.scroll-top span {
	position: relative;
	top: -20px;
}


/* =Content Area Table
-------------------------------------------------------------- */

.col-620 table td {
	text-align:left;
	font-size:14px;
	font-size:0.875rem;
}

.col-620 table th {
	background-color:#f3f3f3;
	color:#4E4B3D;
	font-weight:normal;
}

.col-620 table th a {
	color:#FFFFFF;
}

.col-620 th, td, table {
	border: 1px solid #B8B173;
}

.col-620 table th, .col-620 table td {
	padding:4px 8px;
}

.col-620 table tr:hover {
	background-color:#EEE9C9;
}



/* =People, Single pages
-------------------------------------------------------------- */
.people-single {
	margin:2em 0;
	margin:2rem 0;
}

.people-single i {
	margin-right:1em;
	margin-right:1rem;
}

.people-single h3 {
	margin-top: -0.25em;
}

.people-single ul {
	padding:0;
	margin:2em 0;
}

.people-single ul li {
	padding:0.25em 0;
	margin:0;
	list-style-type:none;
}



/* =Navigation, Goto-link
-------------------------------------------------------------- */
.navbar .nav .goto-link {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0;
	margin: 0;
	display: none !important;
}

.navbar .nav .goto-link i {
	background-color: black;
	color:#9DA196;
	display: block;
	margin: 0;
	padding-right: 8px;
	display: none !important;
}

.navbar .nav .goto-link i:hover {
	color:#035642;
	display: none;
}

.navbar .nav .active .goto-link i {
	background-color: red;
	box-shadow: inset -5px 3px 8px rgba(0, 0, 0, 0.125);
	-webkit-box-shadow: inset -5px 3px 8px rgba(0, 0, 0, 0.125);
	-moz-box-shadow: inset -5px 3px 8px rgba(0, 0, 0, 0.125);	
	display: none;
}


/* =Error404 Page
-------------------------------------------------------------- */

#search404 #search404-query {
	height: 38px;
}

#search404 #searchbtn-container {
	padding: 0;
}

#search404 #searchbtn-container #search404-submit {
	height: 38px;	
}



/* =Oldschool Forms
-------------------------------------------------------------- */

select, input[type="text"], input[type="password"], input[type="email"] {
    	height: 30px;
	width:75%;
}

form fieldset ul li {
    list-style-type: none;
}



/* =Sidebar Image Consistent Aspect Ratio 
-------------------------------------------------------------- */

#sidebar-photo{
	position: relative;
	margin: 1rem auto 0 auto;
}
#sidebar-photo:before{
	content: "";
	display: block;
	padding-top: 20%; 	/* initial ratio of 1:1*/
}