/* column spacing and responsivity */
@media screen and (max-width: 799px) {
  .wp-block-columns {
    flex-flow: row wrap;
  }
  
  .wp-block-column:first-child {
    flex-basis: 100%;
  }
}

@media screen and (min-width: 800px) {
.wp-block-column:first-child {
	flex-basis: 70%;
	flex-grow: 0;
}
	.home-images :first-child {
		flex-basis: 50%;
		flex-grow: 0;
		/* exception for homepage */
	}
}

.wp-block-columns {
    margin: 0 20px;
}

/* **** */
/* MENU */
/* **** */

.menu-toggle {
	color: white; }

#main-navigation {
	background-color: #22CCC9;
}

.nav-menu, .nav-menu a {
	background-color: #22CCC9;
	color: white;
	font-weight: bold;
	line-height: 1.4;
	font-size: 100%;
} 


.nav-menu .menu-item:hover a, .nav-menu .menu-item:focus {
	background-color: #743671;
	color: white;
}

.nav-menu .menu-item-has-children:hover a, .nav-menu .page_item_has_children:hover a, .nav-menu .menu-item-has-children.focus a, .nav-menu .page_item_has_children.focus a {
	background-color: #743671;
	color: white;
}

.nav-menu .sub-menu a {
    width: 298px;
}
.sub-menu .menu-item:hover a, .sub-menu .menu-item:focus a {
	background-color: #c98bc6; /* hover highlight */
	color: #222;
}

/* menu link text color protection */
.nav-menu a:link, .nav-menu a:visited {
	color: white;
}


.search-toggle .icon {
	color: white;
}

.search-toggle .icon-close {
	color: black;
}
/* ***** */
/* LINKS */
/* ***** */

a:link {
	color: #FC6222;
}
a:visited {
	color: #743671;
}
a:hover {
	color: #2A43BC;
}
a:active {
	color: #2A43BC;
}

/* social links */
.jetpack_widget_social_icons ul.size-medium a {
	color: #2A43BC; 
}
.jetpack_widget_social_icons ul.size-medium a:hover {
	color: #FC6222;
}

/* ************** */
/* *** FOOTER *** */
/* ************** */

.footer-text a {
	color: #22CCC9
}

.footer-text a:hover {
	color: white;
}

.footerbutton a, input[type="submit"] {
	color: white;
	background-color: #743671;
	padding: 15px;
	border-radius: 15px;
	box-shadow: none;
	text-transform: none;
	font-weight: bold;
	letter-spacing: 0;
	
}

h3.widget-title {
	color: white;
}

input[type="text"] {
	width: 40%;
}
.footerbutton a:hover, input[type="submit"]:hover {
	background-color: #FC6222;
	color: white;
	box-shadow: none;
	letter-spacing: 0;
}

.footer-widgets {
    background-color: #22CCC9;
    color: white;
}
.footer-widgets .widget {
		padding: 10px 0;
}

.donatebutton {
	line-height: 2.5;
}

.footer-widgets .widget-wrapper:first-child .widget, .footer-widgets .widget {
	padding-top: 20px;
}

h3.widget-title {
	margin-bottom: 10px;
}

.footer-widgets .widget-wrapper:first-child {
	max-width: 18%;
}

.footer-widgets .widget-wrapper:last-child {
	min-width: 45%;
}

.widget {
	font-size: 100%;
	line-height: 2
}

#colophon {
	background-color: #743671;
	color: white;
	font-size: 1em;
}

/* ************** */
/* HOMEPAGE RULES */
/* ************** */

.home-images, .home-images p {
	color: white;
	text-align: center;
	font-size: 1.1em;
	padding-bottom: 5px;
}

.home-images h2, .home-images h2 a {
	margin: -1.1rem 0 0 0;
	color: white;
	font-size: 1.6rem;
	line-height: 2em;
}

.home-images .aligncenter {
	margin: 0 auto;
}

.home-images a img {
	display: inherit;
}

.home-images img {
	width: 90%;
	padding-top: 5%;
} 

.home-image-1 {
	background-color: #22CCC9;
}

.home-image-2 {
	background-color: #743671;
}

.home-image-3 {
	background-color: #FC6222;
}

.home-image-4 {
	background-color: #2A43BC;
}


/* *************** */
/* EVERYTHING ELSE */
/* *************** */

body {
	font-family: "Source Sans Pro", Helvetica Neue, Helvetica, Arial, sans-serif;
}

.post-wrapper {
	padding: 10px 30px;
}

h2, h3 {
	color: #2A43BC;
}

@media only screen and (min-width: 860px) {
.site-content {
    padding: 20px 0 0;
}
}

blockquote {
    border-left: 4px solid #FC6222;
    color: #444;
    margin-inline-start: 20px;
	background-color: #fff9d8; 
	padding: 15px;
	font-size: 1em;
}

blockquote cite {
	font-size: .9em;
}

.site-branding {
	padding: 25px;
}

.wp-block-image figcaption {
    margin-top: 0.5em;
    margin-bottom: 1em;
    color: #515151;
    text-align: left;
    font-size: .9em;
	background-color: #eff;
	padding: 10px;
}