/*
Theme Name: Virginia Biosolids Council
Description: Custom theme for the Virginia Biosolids Council website
Author: Access Advertising and PR
Author URI: http://visitaccess.com
Version: 1.0
*/

body {
	font-family: 'Hind', sans-serif; 
	font-size: 16px; 
	color: #0f0f0a;
	line-height: 1.4; 
	font-weight: normal;
}

:focus
{
	outline: none;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

.glyphicon
{
	top: 3px;
}

.menu-item i._mi
{
	margin-top: -0.1em;
}

a,
a:hover
{
	color: #1b5e20;
}

/* Images and wp-captions should always fit and be responsive */
img {
	display: inline-block;
	height: auto;
	max-width: 100%;
}
img[class*="wp-image-"] {
	margin-top: 10px;
	margin-bottom: 10px;
}
.wp-caption {
	margin: 10px 0 20px;
	padding: 0;
	color: #191919;
	font-size: 12px;
}
.wp-caption.aligncenter {
	margin-bottom: 10px;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
}
.wp-caption .wp-caption-text {
	text-align: center;
	margin-top: 10px;
}

/* WP Gallery */
.gallery {
	margin-bottom: 1.5em;
}
.gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.gallery dd {
	margin: 0;
}
.gallery-caption {
	display: block;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	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 */
}

/* Header */

#masthead
{
	background: #1b5e20;
	margin-bottom: 44px;
}

#masthead .container
{
	position: relative;
}

#masthead .input-group-addon,
#masthead .input-group-btn
{
	display: inline;
}

#masthead input
{
	background: transparent;
	border: 1px solid #fff;
	border-radius: 6px 0 0 6px;
	color: #fff;
	padding: 4px;
}

#masthead input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #fff;
}
#masthead input::-moz-placeholder { /* Firefox 19+ */
	color: #fff;
}
#masthead input:-ms-input-placeholder { /* IE 10+ */
	color: #fff;
}
#masthead input:-moz-placeholder { /* Firefox 18- */
	color: #fff;
}

#masthead .btn
{
	background: transparent;
	border: 1px solid #fff;
	border-left: none;
	border-radius: 0 6px 6px 0;
	color: #fff;
	margin-top: -1px;
	margin-left: -4px;
	padding: 5px 10px 4px;
}

#masthead .btn .glyphicon
{
	top: 3px;
}

.navbar-default
{
	background: transparent;
	border-color: transparent;
	border: none;
	display: flex;
	flex-direction: column;
}

#main-menu li
{
	font-family: 'Montserrat', sans-serif; 
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover
{
	color: #fff;
	background: transparent;
}

.hamburger
{
	position: absolute;
	right: 15px;
	bottom: 0;
	opacity: 1 !important;
	margin: -2px -15px -2px 0;
}

.hamburger.is-active
{
	background: transparent;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after
{
	background: #fff;
}

/* Slideshow */

#slideshow-wrapper
{
	float: left;
	width: 100%;
	margin-bottom: 28px;
}

.slide_title
{
	margin-top: 15px;
	font-size: 18px;
	font-weight: bold;
}

.slide_caption
{
	margin-top: 15px;
}

.slide_title + .slide_caption
{
	margin-top: 10px;
}

.slick-dots
{
	float: right;
	display: block;
	padding: 0;
	list-style: none;
	text-align: center;
	margin-right: 36px;
}

.slick-dots li 
{
	position: relative;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}

.slick-dots li button 
{
	font-size: 0;
	line-height: 0;
	display: block;
	width: 10px;
	height: 10px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}

.slick-dots li button::before {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	content: '';
	text-align: center;
	background: #d8d8d8;
	-webkit-font-smoothing: antialiased;
}

.slick-dots li button:hover, .slick-dots li button:focus 
{
	outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before, .slick-dots li.slick-active button:before
{
	background: #4caf50;
}

.cycle-prev,
.cycle-next
{
	float: right;
	margin-top: 3px;
	color: #ffca28;
	cursor: pointer;
}

/* Home page highlighted content */

#highlighted-content
{
	border-top: 1px solid #bdbdbd;
	padding: 28px 0;
	font-family: Hind, sans-serif;
}

#highlighted-content a.more
{
	display: inline-block;
	margin-top: 10px;
}

#highlighted-content .col-sm-6
{
	margin-bottom: 24px;
}

#highlighted-content .col-sm-6:last-child
{
	margin-bottom: 0;
}

/* Content */

.h1, .h2, .h3, .h4, h1, h2, h3, h4
{
	margin-top: 14px;
	font-family: 'Montserrat', sans-serif; 
}

.h1 a, .h2 a, .h3 a, .h4 a, h1 a, h2 a, h3 a, h4 a,
.h1 a:hover, .h2 a:hover, .h3 a:hover, .h4 a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover
{
	color: inherit;
	text-decoration: none;
}

.h1, h1
{
	font-size: 22px;
	line-height: 1.33;
	font-weight: bold;
	color: #000;
}

h1.page-title
{
	margin: 10px 0 16px;
	border-bottom: 1px solid #bdbdbd;
	padding-bottom: 4px;
}

.h2, h2
{
	font-size: 18px;
	font-weight: bold;
	color: #000;
}

.h3, h3
{
	font-size: 16px;
	font-weight: bold;
	color: #000;
}

.h4, h4
{
	font-size: 14px;
	font-weight: bold;
	color: #000;
}

.main-content-inner a,
.main-content-inner a:hover
{
	font-weight: bold;
}

.main-content-inner img.attachment-post-thumbnail
{
	margin: 0 12px 10px 0;
	float: left;
}

a.more
{
	font-weight: bold;
}

.main-content-inner {
	padding-bottom: 1.5em;
	border-top: 5px solid #4caf50;
}

.main-content-inner .search-form input[type=search],
.main-content-inner .search-form input[type=text]
{
	width: 100%;
	padding: 7.5px;
	border: 1px solid #bdbdbd;
}

.sticky {
	display: block;
}
.bypostauthor {
	display: block;
}

.search-results article + article,
.archive .main-content-inner .row,
.category .main-content-inner .row
{
	border-top: 1px solid #bdbdbd;
	padding: 24px 0 16px;
	margin: 0;
	float: left;
	width: 100%;
}

.search-results article
{
	padding: 24px 0 16px;
	margin: 0;
	float: left;
	width: 100%;
}

/* Sidebar Nav */

.child-pages-outer
{
	margin-top: 20px;
}

ul.child-pages
{
	margin: 0;
	padding: 0;
}

ul.child-pages li
{
	list-style-type: none;
	margin-bottom: 4px;
}

ul.child-pages li a
{
	font-weight: bold;
}

/* Tables */

.main-content-inner table
{
	width: 100%;
	margin-top: 30px;
}

.main-content-inner table caption
{
	background: #1b5e20;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: 20px 30px;
}

.main-content-inner table tr
{
	border-bottom: 1px solid #bdbdbd;
}

.main-content-inner table th
{
	font-size: 16px;
}

.main-content-inner table th,
.main-content-inner table td
{
	padding: 16px 30px;
}

/* News landing page */

ul.news-list
{
	padding: 0;
	margin: 0;
}

ul.news-list li
{
	list-style-type: none;
	border-top: 1px solid #bdbdbd;
	padding: 28px 0;
}

ul.news-list li:first-child
{
	border-top: none;
	padding-top: 12px;
}

ul.news-list li > .wp-post-image
{
	width: 100%;
}

ul.news-list li .row h4.post-title
{
	margin-top: 0;
}

.entry-meta .posted-on
{
	display: inline-block;
	margin-bottom: 10px;
}

/* Sidebar */

.sidebar-padder
{
	border-top: 5px solid #4caf50;
	padding: 0;
}

.sidebar h2
{
	text-transform: uppercase;
	color: #212121;
	font-size: 20px;
}

.sidebar h3
{
	font-size: 18px;
	color: #212121;
}

.sidebar p
{
	font-family: Hind, sans-serif;
	font-size: 14px;
}

.sidebar aside + aside
{
	border-top: 1px solid #bdbdbd;
}

.sidebar .widget_custom_sidebar_widget a
{
	font: normal bold 12px/1.5 "Montserrat", sans-serif;
	color: #1b5e20;
}

ul.recent-posts
{
	padding: 0;
	margin: 0 0 10px;
	border-bottom: 1px solid #bdbdbd;
}

ul.recent-posts li
{
	list-style-type: none;
	font: normal normal 12px/1.5 "Montserrat", sans-serif;
	padding-bottom: 20px;
}

ul.recent-posts li a
{
	color: #1b5e20;
	font-weight: 600;
}

.advanced-recent-posts ul.recent-posts li
{
	border-top: solid 1px #bdbdbd;
	font: normal normal 14px/1.5 "Hind", sans-serif;
	padding: 16px 0;
}

ul.recent-posts .recent-post-date
{
	font-size: 12px;
	color: #626262;
	font-weight: 600;
}

ul.recent-posts .recent-post-title
{
	font-size: 15px;
	color: #191919;
	font-weight: 600;
	padding: 5px 0;
}

ul.recent-posts .recent-post-title a
{
	color: inherit;
	text-decoration: none;
}

a.view-more
{
	color: #1b5e20;
	font-weight: bold;
	font-size: 14px;
}

a.view-more span
{
	color: #bdbdbd;
	font-size: 20px;
	border: 3px solid #bdbdbd;
	border-radius: 50%;
	padding: 3px;
	margin-right: 12px;
	top: 5px;
}

/* Footer */

.site-footer .container
{
	border-top: 1px solid #bdbdbd;
	padding: 30px 15px;
	font-family: 'Montserrat', sans-serif; 
}

.site-footer-left
{
	font-size: 12px;
	line-height: 1;
	color: #191919;
	text-align: center;
}

.site-footer-left ul
{
	margin: 0;
	padding: 20px 0 0;
	width: 100%;
}

.site-footer-left ul + ul
{
	padding: 0 0 12px;
}

.site-footer-left li
{
	list-style-type: none;
	display: inline-block;
	padding: 0 12px;
	margin-bottom: 12px;
	border-right: 1px solid #191919
}

.site-footer-left li:first-child,
.site-footer-left li.first-of-row
{
	padding-left: 0;
}

.site-footer-left li:last-child,
.site-footer-left li.no-border
{
	border-right: none;
	padding-right: 0;
}

.copyright
{
	font-size: 10px;
	text-transform: uppercase;
}

.no-transform
{
	text-transform: none;
}

#footer-nav
{
	display: none;
	font-family: 'Montserrat', sans-serif; 
}

/* Clearing */
.clear {
	clear: both;
}

/* Navigation */

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:active>.dropdown-menu, .dropdown-submenu:hover>.dropdown-menu {
display: block;
}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:active>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}


/* Here some needed widget styles
 * Most widgets are adapted in the file bootstrap-wp.js - and REALLY easy to modify! ;) */
.widget { margin-bottom: 2em; }
.widget_nav_menu ul.sub-menu li, .widget_pages ul.children li { padding-left: 15px; }

/* Hiding the search widget's button in widgets. thats just too old-skool. :) but if you want it back, just delete the next line.
 * Note: you can change the whole appearance of the search_form() function in our searchform.php */
.widget_search .search-form input[type="submit"] { display: none; }

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Nested comments? They are threaded and nested already, you just need to add your own styling to finalize!
 * For example with some margin, like the line below ;) Delete, modify, change classes in HTML if you desire another style */
 .comment .children { margin-left: 1.5em; }

.entry-meta {
	clear: both;
}

/* styles for _tk_pagination und _tk_link_pages */
nav form.tk-page-nav,
nav .input-group,
nav .input-group-btn,
nav .form-control {
    display: inline;
}

.pagination-container
{
	border-top: 1px solid #bdbdbd;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover
{
	background-color: #1b5e20;
	border-color: #1b5e20;
}

.pagination>li>a, .pagination>li>span
{
	color: #1b5e20;
}

@media (min-width: 768px)
{
	.hamburger
	{
		right: 0;
	}
	
	.h1, h1
	{
		font-size: 30px;
	}

	.h2, h2
	{
		font-size: 24px;
	}

	.h3, h3
	{
		font-size: 20px;
	}

	.h4, h4
	{
		font-size: 16px;
	}

	.navbar-nav > li
	{
		padding: 15px;
	}
	
	.navbar-nav > li > a {
		padding: 0;
	}

	.main-content
	{
		margin-bottom: 40px;
	}

	.hentry {
		margin: 0 0 1.5em;
	}
	
	.search-results article h3,
	.archive article h3,
	.category article h3
	{
		margin-top: 0;
	}

	#highlighted-content .col-sm-6
	{
		margin-bottom: 0;
	}

	.sidebar
	{
		padding-right: 25px;
	}
	
	#highlighted-content .col-sm-6:nth-child(even)
	{
		padding-right: 0;
	}
	
	#highlighted-content .col-sm-6:nth-child(odd)
	{
		padding-left: 0;
	}
	
	.col-sm-8 .entry-content .attachment-post-thumbnail
	{
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	
	.col-sm-12 .entry-content .attachment-post-thumbnail
	{
		width: 67%;
		margin-left: 0;
		padding-right: 20px;
	}

	.main-content-inner .entry-content img.attachment-post-thumbnail ~ ul
	{
		padding-left: 20px;
	}

	.main-content-inner .entry-content ul li
	{
		margin-bottom: 6px
	}

	.site-footer-left
	{
		text-align: left;
	}

	.site-footer-left ul
	{
		float: left;
	}

	.site-footer-left li
	{
		float: left;
	}

}

@media screen and (min-width: 1100px)
{
	.hamburger
	{
		display: none;
	}
	#masthead .navbar-default
	{
		flex-direction: column-reverse;
		text-align: right;
		margin-bottom: 0;
	}
	.container {
		width: 1024px;
	}

	#masthead .container
	{
		padding-top: 15px;
	}
	
	#masthead .col-sm-9
	{
		padding-top: 8px;
	}
	
	#masthead .search-form
	{
		position: relative;
		top: 6px;
	}

	.site-header-row
	{
		display: flex;
		align-items: center;
	}
	
	#navbar-collapse
	{
		display: table;
		padding: 0;
	}
	
	#navbar-collapse .navbar-nav
	{
		display: table-row;
	}
	
	#navbar-collapse .navbar-nav li
	{
		display: table-cell;
		vertical-align: top;
		float: none;
	}
	.navbar-default .navbar-nav > li > a
	{
		font-size: 16px;
		line-height: 1.5;
	}
	ul#main-menu li.dropdown:hover > ul.dropdown-menu 
	{
		display: block;
		background: transparent;
		padding: 20px 0 0;
		border: none;
		box-shadow: none;
	}

	#main-menu
	{
		float: right;
	}
	#main-menu.navbar-nav > li
	{
		padding-bottom: 0;
	}
	#main-menu.navbar-nav > li > a
	{
		font-size: 18px;
		font-weight: 600;
	}
	
	#navbar-collapse #main-menu.navbar-nav li li
	{
		display: list-item;
		background: #2e7d32;
		padding: 4px 20px;
		min-width: 180px;
	}
	
	#navbar-collapse #main-menu.navbar-nav li li:first-child
	{
		padding-top: 20px;
	}
	
	#navbar-collapse #main-menu.navbar-nav li li:first-child:before
	{
		content: "\f0d8";
		font-family: 'FontAwesome';
		color: #2e7d32;
		position: absolute;
		top: -10px;
		left: calc(50% - 20px);
		font-size: 36px;
	}
	
	#navbar-collapse #main-menu.navbar-nav li li:last-child
	{
		padding-bottom: 20px;
	}
	
	#navbar-collapse #main-menu.navbar-nav li li a
	{
		color: #fff;
		padding: 0;
		white-space: normal;
		background-color: transparent;
	}
	
	.dropdown-menu li a:hover, .dropdown-menu li a:focus
	{
		background: transparent;
	}
	
	#social-menu.navbar-nav > li
	{
		padding: 10px 15px;
	}
	
	#main-menu.navbar-nav > li:first-child
	{
		padding-left: 0;
	}
	
	#main-menu.navbar-nav > li:last-child,
	#social-menu.navbar-nav > li:last-child
	{
		padding-right: 0;
	}
	
	#secondary-menu-container
	{
		border-bottom: 1px solid #fff;
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
	}
	#secondary-menu
	{
		margin-right: 15px;
	}
	#secondary-menu.navbar-nav > li > a
	{
		border-right: 1px solid #fff;
		line-height: 1;
		padding-right: 15px;
		margin-right: -15px;
	}
	#secondary-menu.navbar-nav > li:last-child > a
	{
		border-right: none;
	}

	#footer-nav
	{
		display: block;
	}
	
	.site-footer .navbar-default .navbar-nav>.active>a, .site-footer .navbar-default .navbar-nav>.active>a:focus, .site-footer .navbar-default .navbar-nav>.active>a:hover,
	.site-footer .navbar-default .navbar-nav>li>a, .site-footer .navbar-default .navbar-nav>li>a:focus, .site-footer .navbar-default .navbar-nav>li>a:hover
	{
		color: #212121;
	}

	.site-footer .navbar-default
	{
		text-align: left;
	}

	.site-footer .navbar-default .sub-menu
	{
		padding-left: 0;
		margin-top: 10px;
	}

	.site-footer .navbar-default .sub-menu li
	{
		list-style-type: none;
		margin-bottom: 6px;
	}

	.site-footer .navbar-default .sub-menu li a
	{
		color: inherit;
		font-size: 14px;
	}

	#footer-menu > li
	{
		padding: 0 60px 15px 0;
	}

	#footer-menu > li:last-child
	{
		padding-right: 0;
	}

	#footer-secondary-navbar
	{
		border-top: 1px solid #bdbdbd;
	}
	
	#footer-secondary-navbar .navbar-nav > li
	{
		padding-top: 20px;
	}
	
	#footer-secondary-navbar .navbar-nav > li > a
	{
		font-size: 12px;
		line-height: 1.33;
		text-transform: uppercase;
	}
	
	#footer-secondary-menu li:first-child
	{
		padding-left: 0;
	}

}

@media screen and (min-width: 1200px)
{
	#main-menu li
	{
		padding-left: 25px;
		padding-right: 25px;
	}
	
	.container {
		width: 1170px;
	}
}

@media screen and (max-width: 767px)
{
	.sidebar
	{
		float: left;
		width: 100%;
	}
	#content
	{
		width: 100%;
	}
	
	.col-sm-8 .col-sm-4,
	.col-sm-8 .col-sm-8
	{
		padding-left: 0;
		padding-right: 0;
	}
	img.attachment-post-thumbnail
	{
		width: 100%;
	}
}

@media screen and (max-width: 1100px)
{
	#masthead .col-sm-9
	{
		position: static;
	}
	
	#masthead input
	{
		width: 80%;
	}
	
	#navbar-collapse
	{
		position: absolute;
		background: #4caf50;
		top: 100%;
		right: 0px;
		left: 0;
		border-top: none;
		z-index: 1000;
	}
	
	#navbar-collapse .navbar-nav,
	#masthead .search-form
	{
		float: left;
		width: 100%;
		text-align: center;
	}
	
	#main-menu
	{
		margin-bottom: 0;
	}
	
	#secondary-menu
	{
		margin-top: 0;
	}
	
	#navbar-collapse li
	{
		float: none;
		text-align: center;
		font-size: 16px;
		font-weight: 600;
	}
	.navbar-collapse.collapse
	{
		display: none!important;
	}
	.collapse.in 
	{
		display: block !important;
	}
}