/*
Welcome to Custom CSS!

To learn how this works, see https://wp.me/PEmnE-Bt
*/
/*
*. Change order of the Logo and church title for desktop view. 
* TO DO: Adjustments for mobile

.site-logo {
	position: absolute;
	top: 141px;
}
*/
/**
*. Remove Grace Episcopal Church from the Footer
*/
.site-name {
	display: none;
}	
}

/*
* Footer:
*/
footer {
	background-color: #d7eaf5;
	width: 100% !important;
/* fill 100% of the width of the page */
}

/*
*
* Create 
*

aside.widget-area {
	display: flex;
}

div.fb_iframe_widget {
	margin-top: 3px;
}
section#widget_contact_info-3 h2.widget-title {
	margin-right: 10px;
}


section#facebook-likebox-3 {
	margin-top: 0;
	margin-left: 10px;
}*/
/*
* Remove Like. 
*/
.wpl-likebox, .wpl-follow a, .wpl-count a {
	display: none;
}

/* Add footer widget area columns | #24709585-hc */
.site-footer .widget-area {
	display: grid;
	grid-gap: 30px;
	grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
	max-width: 100%;
	padding-left: 15px;
	padding-right: 15px;
}

.site-footer .widget-area > .widget {
	width: 100%;
	margin: 0;
}

.site-footer .widget-area > * {
	max-width: none;
}

.site-footer .widget * {
	max-width: 100%;
}

/* End - footer columns | 24709585-hc */
/* hide page title About Us | KW-24709585-hc */
#post-8 .entry-title {
	display: none;
}

/*Center Give Button*/
button.tithely-give-btn {
  margin: 0;
  position: absolute;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/*Center Give Button*/
button.tithely-give-btn {
  margin: 0;
  position: absolute;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/*Adjusting the positions of the site logo, title, and tagline -3619229-zen - SM*/
@media only screen and (min-width: 560px) {
    .site-branding {
        display: grid;
        grid-template-areas:
            "site-logo site-title"
            "site-logo site-description";
    }
    .site-logo {
        grid-area: site-logo;
        width: auto;
    }
    .site-title {
        grid-area: site-title;
        align-self: end;
    }
    .site-description {
        grid-area: site-description;
    }
}