/* hide vcr controls */
#wp-custom-header-video-button {
    display: none;
}

/* make social icons our colors */
.social-navigation a {
	background-color: #6c6;
}
.social-navigation a:hover,
.social-navigation a:focus {
	background-color: #069;
}
/* remove entry titles from home page */
h1.entry-title {
  display: none;
}
/* get rid of powered by WP */
.site-branding {
  display: none;
}
.home .site-branding {
  display: inherit;
}

/* make links our colors */
.entry-content a:link {color:#6c6;}
.entry-content a:visited {color:#3a3;}
.entry-content a:hover {color:#069;}

/* center the logo for mobile */
.site-branding .wrap {
	 text-align:center;
}
	.main-navigation .logo-menu-item {
		display: none;
	}
/* only on computers */
@media only screen and (min-width: 768px) {
	/* remove logo from video */
.custom-logo-link img, body.home.title-tagline-hidden.has-header-image .custom-logo-link img, body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
	display: none;
}
	.main-navigation .logo-menu-item {
		display: inline-block;
	}
	
	/* fix wrapping on mid-width screens */
	@media screen and (min-width: 48em) and (max-width: 1100px){
		.main-navigation .logo-menu-item a {
			padding: 0;
		}
		.main-navigation .logo-menu-item img {
max-width: 22vw;}
		.navigation-top nav {
			margin-left: -3.3em;
			margin-right: -3.3em;
		}
}
/* get rid of whitepsace in white panels */
.page-one-column .panel-content .wrap {
  padding-top: 0px;
  margin-top: -3em;
}
}

.panel-content .recent-posts .entry-header {
	margin-bottom: 0px;
}

/* make blog page single column */
.blog:not(.has-sidebar) #primary article, .archive:not(.has-sidebar) #primary article {
	float: none;
	margin-left: auto;
	margin-right: auto;
	max-width: 740px;
	width: 100%;
}
.blog .page-header, .archive .page-header {
	max-width: 740px;
	width: 100% !important;
	margin-left: auto;
	margin-right: auto;
	float: none !important;
}
.blog .entry-meta, .archive .entry-meta {
	float: left;
	padding-bottom: 10px;
}
body:not(.twentyseventeen-front-page) .entry-header {
	margin-bottom: 0.3em !important;
}

/** Donate Button **/
@import url('https://fonts.googleapis.com/css2?family=Merriweather&display=swap');
button.menu-button,
.menu-button a{
	background-color:#66CC66;
	color: #fff;
	font-family: Merriweather;
	font-size: 21px;
	padding: 0.25rem 1.5rem;
	transition: background 0.2s ease;
}

.menu-button a:hover {
color: #fff;
background-color: #3D7A3D;
}

.navigation-top .menu-button.current-menu-item > a, .navigation-top .menu-button.current_page_item > a {
	color: #fff;
}

/**edited block styles added for RainChangers page, but will also apply to the rest of the site - adding appropriate padding and margins **/
.wp-block-button a.wp-block-button__link {
	background-color: #006699;
color: #fff;
}

.wp-block-group .wp-block-columns {
margin-bottom:0;}

.wp-block-column {
margin-bottom: 1.5rem;}
.wp-block-column:last-child {
margin-bottom: 0;}

.wp-block-buttons.justify-content-center {
justify-content: center;
}

.wp-block-embed iframe {
margin-bottom: 0;
}

.entry-content > hr.wp-block-separator,
.entry-content > .wp-block-media-text,
.entry-content > .wp-block-group
{
margin-top: 2rem;
margin-bottom: 2rem;
}

.entry-content div:first-child {
margin-top: 0;}

.wp-block-group.alignfull {
	width: 100vw;
	margin-left: -2em;
	margin-right: -2em;
	}

.wp-block-group.has-background {
padding: 1.5rem;
}

/** offset anchors to account for fixed header **/
.anchor:before {
    content: ''; display: block; position: relative; width: 0; height: 155px; margin-top: -155px;
}

@media screen and (max-width: 600px) {
	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
			padding-top: 1.5rem;
	}
}

@media screen and (min-width: 700px) {
	.wp-block-group.alignfull {
	width: 100vw;
	margin-left: calc(-1*(100vw - 628px)/2);
	margin-right: calc(-1*(100vw - 628px)/2);
	}
}
	
	@media screen and (min-width: 48em) {
	.wp-block-group.alignfull {
	width: 100vw;
	margin-left: calc(-1*(100vw - 740px)/2);
	margin-right: calc(-1*(100vw - 740px)/2);
	}
}
	

@media screen and (min-width: 1024px) {
	.rainchangers-hero h1 {
		font-size: 2.5rem;
}
	}
	
	.wp-block-group.alignfull .wp-block-group__inner-container {
max-width: 1000px;
	margin-left: auto;
	margin-right: auto;}



/** page/block styles specific to the rainchangers page **/
.page-id-6973 .site-content {
padding-top: 0;
}

body.page-id-6973 .entry-content > h2 {
	padding-top: 0;
}

body.page-id-6973 .entry-header {
margin: 0 !important;
padding: 0;}