/*
 Theme Name:   NCRA 2016 - Simplified
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Twenty Sixteen Child Theme for Northern California Recycling Association - Simplified without front-page customizations
 Author:       Chris Sparnicht
 Author URI:   http://low.li
 Template:     twentysixteen
 Version:      2.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
 Text Domain:  twentysixteen-child-ncra-simplified
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');

#page {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6b95ba+0,afdbff+99 */
	background: rgb(107, 149, 186);
	/* Old browsers */
	background: -moz-linear-gradient(top, rgba(107, 149, 186, 1) 0%, rgba(175, 219, 255, 1) 99%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(107, 149, 186, 1) 0%, rgba(175, 219, 255, 1) 99%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(107, 149, 186, 1) 0%, rgba(175, 219, 255, 1) 99%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b95ba', endColorstr='#afdbff', GradientType=0);
	/* IE6-9 */
}

.site {
	margin: 0;
}

.site-inner {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0.9+100 */
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.9) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.9) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.9) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6ffffff', GradientType=0);
	/* IE6-9 */
}

.site-content {
	padding: 0 5.7%;
}

.site-header {
	padding: 0.25em 5.6923%;
}

.site-logo {
	float: left;
}

.site-title {
	float: right;
	font-size: 3.4rem;
	line-height: 3.5rem;
	width: 50rem;
	padding: 1.5% 0.35%;
	text-transform: uppercase;
	color: #00376F;
	color: white;
	text-shadow:
		-2px -2px 0 #fff,
		2px -2px 0 #fff,
		-2px 2px 0 #fff,
		2px 2px 0 #fff;
}

.site-title a, .site-title a:visited {
	color: #00376F;
}

.entry-title a, .entry-title a:visited {
	color: #00376F;
}

.site-slogan {
	float: right;
}

.site-branding {
	padding-left: 1em;
	padding-right: 1em;
	margin-top: 0.75em;
	margin-bottom: 0.75em;
}

.site-header-menu {
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 1em;
	padding-right: 1em;
	background: rgb(180, 213, 72);
	width: 100%;
}


/* 


*/

#masthead {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6892b8+0,bfdff5+100 */
	background-color: #AFCEFF;
	background: rgb(104, 146, 184);
	/* Old browsers */
	background: -moz-linear-gradient(top, rgba(104, 146, 184, 1) 0%, rgba(191, 223, 245, 1) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(104, 146, 184, 1) 0%, rgba(191, 223, 245, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(104, 146, 184, 1) 0%, rgba(191, 223, 245, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6892b8', endColorstr='#bfdff5', GradientType=0);
	/* IE6-9 */
}

#masthead-inner {
	width: 100%;
	/* background: url(./assets/images/header-background-alpha-color-210px-tall.png) top right no-repeat; */
}

#primary {
	padding-top: 0.75rem;
}

.content-header {
	margin-bottom: 1em;
}

.content-header-widget {
	margin-bottom: 1rem;
}

.content-header-widget h2 {
	background: #95b9d7;
}

.wp-show-posts-inner .wp-show-posts-entry-title {
	background: none;
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	font-size: 1.5rem;
}

.wp-show-posts-entry-meta {
	font-size: .8rem;
}

.wpsp-read-more a:link {
	margin: 0 0 1em;
	margin-bottom: 1em;
	display: inline-block;
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	background: #95b9d7;
	border: none;
}



body, blockquote cite, blockquote small, .main-navigation a, .menu-toggle, .dropdown-toggle, .social-navigation a, .post-navigation a, .pagination a:hover, .pagination a:focus, .widget-title a, .site-branding .site-title a, .entry-title a, .page-links>.page-links-title, .comment-author, .comment-reply-title small a:hover, .comment-reply-title small a:focus {
	color: #00376f;
}



.widget-title {
	background: #9DBF2B;
	width: 100%;
	padding: .6em 1em;
}

.footer-widget .widget-title {
	background: rgb(13, 76, 139);
	color: #fff;
}


.widget {
	border-top: none;
}

blockquote {
	border-color: #3E71C9;
}

/* Main navigation menu font weight */
.main-navigation a {
	font-weight: 500;
}

.main-navigation a:hover,
.main-navigation a:focus {
	background: rgba(110, 215, 239, 1);
}

.main-navigation ul ul li {
	background: rgb(215, 231, 73);
}


.widget {
	margin-bottom: 2.0em;
	padding-top: 0;
	border-top: none;
}

.widget_search {
	padding-top: 1rem;
}



#footer-widgets-area {
	text-align: left;
	width: 100%;
	overflow: hidden;
}

.footer-widget {
	float: left;
	width: 33.33%;
	margin-top: 0.4em;
}

.footer-widget .widget {
	width: 95%;
}

#text-11.widget.footer-widget.widget_text .textwidget {
	text-align: center;
}

.site-footer {
	padding: 0 4.5455% 2.5em;
}

home page .entry-header h1 {
	visibility: hidden;
}

.menu-toggle {
	margin: 1.3125em 1em;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b8eded+0,18d5f7+100&0.5+0,0.5+100 */
	background: -moz-linear-gradient(top, rgba(184, 237, 237, 0.5) 0%, rgba(24, 213, 247, 0.5) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(184, 237, 237, 0.5) 0%, rgba(24, 213, 247, 0.5) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(184, 237, 237, 0.5) 0%, rgba(24, 213, 247, 0.5) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80b8eded', endColorstr='#8018d5f7', GradientType=0);
	/* IE6-9 */

}

.ms-info {
	margin-top: -5.5em;
	margin-bottom: 0.5em;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	text-align: left;
	height: 78px;
	/* Permalink - use to edit and share this gradient: old version - http://colorzilla.com/gradient-editor/#00376f+0,00376f+100&0.45+0,0.9+100 */
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00376f+0,00376f+100&0.55+0,0.9+70,1+100 */
	background: -moz-linear-gradient(top, rgba(0, 55, 111, 0.55) 0%, rgba(0, 55, 111, 0.9) 70%, rgba(0, 55, 111, 1) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0, 55, 111, 0.55) 0%, rgba(0, 55, 111, 0.9) 70%, rgba(0, 55, 111, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0, 55, 111, 0.55) 0%, rgba(0, 55, 111, 0.9) 70%, rgba(0, 55, 111, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8c00376f', endColorstr='#00376f', GradientType=0);
	/* IE6-9 */
}

.ms-info h2, .ms-info p {
	color: #FFF;
}

.ms-info h2 {
	font-size: 1.2rem;
}

.ms-info p {
	font-size: 0.8rem;
	margin-bottom: 0;
}

.ms-info a:link, .ms-info a:focus, .ms-info a:hover, .ms-info a:active, .ms-info a:visited {
	color: #EDFFAF;
}

.ms-info a:hover {
	color: #CFECFF;
}

.site-footer {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bfdff5+0,6892b8+100 */
	background: rgb(191, 223, 245);
	/* Old browsers */
	background: -moz-linear-gradient(top, rgba(191, 223, 245, 1) 0%, rgba(104, 146, 184, 1) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(191, 223, 245, 1) 0%, rgba(104, 146, 184, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(191, 223, 245, 1) 0%, rgba(104, 146, 184, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfdff5', endColorstr='#6892b8', GradientType=0);
	/* IE6-9 */

}

/* --- CSS BUTTONS --- 2016.10.05 - CWS */
/* A dark blue gradient button for use on things like "Join Us" links, etc. 
2016.10.05 - CWS
example use: <a class="blue_grad_button" href="#">JOIN NCRA!</a>
A customization link from css button generator:
http://cssgradientbutton.com/?bg0=3093c7&bg1=1c5a85&bg2=26759e&bg3=133d5b&r=5&p_top=10&p_right=10&p_bottom=10&p_left=10&w_auto=yes&w=150&text_c=FFFFFF&textshadow=yes&textshadow_c=000000&shadow_bt=0&shadow_c=CCCCCC&border_s=1&border_c=8A66F4&border_c_hover=9174ED&f_size_auto=no&f_s=15&font=arial, helvetica, sans-serif&bold=yes&inset=yes&s_x=0&s_y=1&s_b=0&t_s_px=-1&b_top=1&b_right=1&b_bottom=1&b_left=1&bt_c=8A66F4&br_c=8A66F4&bb_c=8A66F4&bl_c=8A66F4&bhover_top=1&bhover_right=1&bhover_bottom=1&bhover_left=1&bhover_t_c=9174ED&bhover_r_c=9174ED&bhover_b_c=9174ED&bhover_l_c=9174ED&bh_top=1&br_top=5&br_right=5&br_bottom=5&br_left=5&h_s=-1&v_s=-1&b_s=0&o_s=0.3
*/
.blue_grad_button {
	border: 1px solid #8A66F4;
	-webkit-box-shadow: #CCCCCC 0px 1px 0px inset;
	-moz-box-shadow: #CCCCCC 0px 1px 0px inset;
	box-shadow: #CCCCCC 0px 1px 0px inset;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 18px;
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	padding: 10px 10px 10px 10px;
	text-decoration: none;
	display: inline-block;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
	font-weight: bold;
	color: #FFFFFF;
	background-color: #3093c7;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#3093c7), to(#1c5a85));
	background-image: -webkit-linear-gradient(top, #3093c7, #1c5a85);
	background-image: -moz-linear-gradient(top, #3093c7, #1c5a85);
	background-image: -ms-linear-gradient(top, #3093c7, #1c5a85);
	background-image: -o-linear-gradient(top, #3093c7, #1c5a85);
	background-image: linear-gradient(to bottom, #3093c7, #1c5a85);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#3093c7, endColorstr=#1c5a85);
}

.blue_grad_button:hover {
	color: #FFFFFF;
	border: 1px solid #9174ED;
	background-color: #26759e;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#26759e), to(#133d5b));
	background-image: -webkit-linear-gradient(top, #26759e, #133d5b);
	background-image: -moz-linear-gradient(top, #26759e, #133d5b);
	background-image: -ms-linear-gradient(top, #26759e, #133d5b);
	background-image: -o-linear-gradient(top, #26759e, #133d5b);
	background-image: linear-gradient(to bottom, #26759e, #133d5b);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#26759e, endColorstr=#133d5b);
}

.blue_grad_button:visited {
	color: #FFFFFF;
}


/* Home page is post 25. Don't let "Home" show as the title. Redundant */
#post-11328 .entry-header .entry-title {
	display: none;
}

.textwidget #social-footer {}

.textwidget #social-footer a img {
	display: inline;
}

.textwidget #social-footer a:link,
#post-tiles a:link {
	text-decoration: none;
	box-shadow: 0 0 0 0 currentcolor;
}

/* MORE BUTTON On BLOG PAGE */
.entry-content .more-link:link, .entry-content .more-link:visited {
	margin: 1em 0 1em 0;
	padding: 0.5em .9rem .3em 1rem;
	color: #00376F;
	text-decoration: none;
	display: block;
	width: 8rem;
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bfdff5+0,95b9d7+30,6892b8+100 */
	background: #bfdff5;
	/* Old browsers */
	background: -moz-linear-gradient(top, #bfdff5 0%, #95b9d7 30%, #6892b8 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #bfdff5 0%, #95b9d7 30%, #6892b8 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #bfdff5 0%, #95b9d7 30%, #6892b8 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfdff5', endColorstr='#6892b8', GradientType=0);
	/* IE6-9 */
	border: none;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border: 0px solid #000000;
}

.entry-content .more-link:hover {
	color: white;
}


#low-credits {
	width: 100%;
	vertical-align: middle;
}

#low-credits p {
	color: #BFDFF5;
	font-size: 0.68rem;
	text-align: center;
	vertical-align: middle;
	padding-top: 1rem;
	margin: 3rem 0 0 0;
}


#low-credits a:link,
#low-credits a:hover,
#low-credits a:visited,
#low-credits a:active {
	color: #BFDFF5;
}

/* SOCIAL LOGIN BUTTONS HIDE */
.WaGadgetAuthorizationRequired .openAuthFormContainer {
	border-right: none;
	max-width: 0px;
	padding-right: 40px;
	display: none;
}

/* PADDING TO SOCIAL LOGIN BUTTONS HIDE */
.WaGadgetAuthorizationRequired .authFormContainer {
	padding-left: 0;
}

/* To remove the login buttons from the member directory personal profiles (at the bottom) */

/* MEMBER SOCIAL LOGIN BUTTONS HIDE */
#socialLoginContainer, #idSocialLoginContainer {
	display: none;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object,
video {
	margin-bottom: 1.75em;
	vertical-align: middle;
}



@media screen and (max-width: 1150px) {
	.site {
		margin: 0;
	}

	.site-title {
		font-size: 3rem;
		line-height: 3.2rem;
		width: 42rem;
		padding: 2% 0.25%;
	}

}

@media screen and (max-width: 999px) {
	.site {
		margin: 0;
	}

	.site-title {
		font-size: 1.8rem;
		line-height: 2rem;
		width: 20rem;
		padding: 2% 1.5%;
	}

	.footer-widget {
		float: none;
		width: 100%;
	}

	.main-navigation ul ul li a,
	.main-navigation ul li a {
		padding-left: 1rem;
	}
}

@media screen and (max-width: 590px) {
	.site {
		margin: 0;
	}

	.site-title {
		font-size: 1.8rem;
		line-height: 1.5rem;
		width: 20rem;
		padding: 2% 1.5%;
		float: left;
	}

	.footer-widget {
		float: none;
		width: 100%;
	}
}

/* Remove Twenty Sixteen's top/bottom margin bars */
@media screen and (min-width: 44.375em) {

	body:not(.custom-background-image):before,
	body:not(.custom-background-image):after {
		display: none !important;
	}

	.wp-custom-logo .site-title {
		margin-top: 0.1em;
		margin-left: 0.1em;
	}

	.site-header {
		padding-left: 0;
		padding-top: 0;
		padding-right: 0;
		padding-bottom: 0;
	}

	.widget-area {
		margin-top: 2.5em;
	}
}


/* Override dropdown menu positioning for >= 910px screens */
@media screen and (min-width: 56.875em) {

	/* Position second-level dropdowns to the right of their parent */
	.main-navigation li:hover>ul,
	.main-navigation li.focus>ul {
		left: 0;
		/* Start from left edge of parent */
		right: auto;
		/* Remove right positioning */
	}

	/* Position third-level dropdowns to the right of their parent */
	.main-navigation ul ul li:hover>ul,
	.main-navigation ul ul li.focus>ul {
		left: 100%;
		/* Position to the right (100% width of parent) */
		right: auto;
		/* Remove right positioning */
	}

	/* Adjust the arrow indicators if needed */
	.main-navigation ul ul .menu-item-has-children>a:after {
		content: "\f431";
		/* Right-pointing arrow */
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}
}