/*
Welcome to Custom CSS!

To learn how this works, see https://wp.me/PEmnE-Bt
*/

/*tint on 3 blocks*/

.wp-block-cover.has-background-dim:before{
    content:'';
    display:block;
    z-index: 1;
    position:absolute;
    top:0;
    left:0;
    background-color: rgba(0,0,0,0.9);
    width:100%;
    height:100%;
}

/* nav */
.site-title {
	display: none;
}

.scroll-header .site-branding img {
	visibility: hidden;
}

.scroll-header .site-branding {
	background: url('https://go-donate.uk/wp-content/uploads/2023/02/goDonate_Logo_150ppi.png') no-repeat scroll left bottom / contain;
}

.site-header .site-branding img {
	max-height: 50px;
}

@media screen and (max-width: 767px) {
	/* goDonate pages */
	.page-id-866 .wp-block-cover  .wp-block-spacer {
		height: 80px !important;
	}
	
	.page-id-1462 .wp-block-cover  .wp-block-spacer {
		height: 80px !important;
	}
	
	.page-id-1464 .wp-block-cover  .wp-block-spacer {
		height: 80px !important;
	}
	
	.page-id-1365 .wp-block-cover  .wp-block-spacer {
		height: 140px !important;
	}
	
	.page-id-1354 .wp-block-cover  .wp-block-spacer {
		height: 80px !important;
	}
	
	.site-header .site-branding img {
		visibility: hidden !important;
	}
	
	.site-header .site-branding {
		background: url('https://go-donate.uk/wp-content/uploads/2023/02/goDonate_Logo_150ppi.png') no-repeat scroll center bottom / contain;
	}
	
	.site-header .site-branding img {
		max-height: 40px;
	}
	
	.blog .site-header .site-branding {
		background: url('https://go-donate.uk/wp-content/uploads/2023/02/goDonate_Logo_150ppi.png') no-repeat scroll center / contain !important;
	}
	
	.archive .site-header .site-branding {
		background: url('https://go-donate.uk/wp-content/uploads/2023/02/goDonate_Logo_150ppi.png') no-repeat scroll center / contain !important;
	}
	
	h2 {
		font-size: 26px;
	}
}

/* nav - blog/portfolio */
.blog .site-header .site-branding img {
	visibility: hidden;
}

.blog .site-header .site-branding {
	background: url('https://go-donate.uk/wp-content/uploads/2023/02/goDonate_Logo_150ppi.png') no-repeat scroll left bottom / contain;
}

.archive .site-header .site-branding img {
	visibility: hidden;
}

.archive .site-header .site-branding {
	background: url('https://go-donate.uk/wp-content/uploads/2023/02/goDonate_Logo_150ppi.png') no-repeat scroll left bottom / contain;
}

.search-results .site-header .site-branding img {
	visibility: hidden;
}

.search-results .site-header .site-branding {
	background: url('https://go-donate.uk/wp-content/uploads/2023/02/goDonate_Logo_150ppi.png') no-repeat scroll left bottom / contain;
}

/*error page*/
.error404 .site-header .site-branding img {
	visibility: hidden;
}

.error404 .site-header .site-branding {
	background: url('https://go-donate.uk/wp-content/uploads/2023/02/goDonate_Logo_150ppi.png') no-repeat scroll left bottom / contain;
}

.error404 .site-header .site-branding img {
	visibility: hidden;
}

.error404 .site-header .site-branding {
	background: url('https://go-donate.uk/wp-content/uploads/2023/02/goDonate_Logo_150ppi.png') no-repeat scroll left bottom / contain;
}

/*home page*/
.wp-block-columns.alignfull {
	padding: 0;
}

@media all and (min-width: 500px) {
	.fullscreen-header .entry-title {
		font-size: 48px !important;
	}
	
	.fullscreen-header .entry-title:after {
		font-size: 21px !important;
	}
}

.fullscreen-header .entry-title {
	font-size: 26px;
}

.fullscreen-header .entry-title:after {
	content: " We help UK and international charities boost their online donations";
	display: block;
	text-align: center;
	font-size: 18px;
	margin-top: 20px;
	font-family: "Open sans", sans-serif;
	font-weight: normal;
}

.home .front-block {
	padding-bottom: 0;
}


.inactive-sidebar .alignfull {
	width: 99.58vw;
}

.page-id-870 .container .entry-title {
	text-align: center;
}

/* Responsive client logos - Home */

@media all and (max-width: 781px) {
	.wp-block-jetpack-layout-grid-column .wp-block-columns {
	    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
		padding: 0 2em;
}
}

@media all and (max-width: 430px) {
	.wp-block-jetpack-layout-grid-column .wp-block-columns {
	    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
		padding: 0 1.5em;
}
}


/* Responsive client logos - inMem page */

@media all and (max-width: 781px) {
	#our-inmem-clients-include ~ .wp-block-columns {
	    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
		padding: 0 2em;
}
}

@media all and (max-width: 430px) {
	#our-inmem-clients-include ~ .wp-block-columns {
	    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
		padding: 0 1.5em;
}
}

/* @media all and (max-width: 781px) {
	.page-id-1462 .wp-container-core-columns-is-layout-6 {
	    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
		padding: 0 2em;
}
}

@media all and (max-width: 430px) {
	.page-id-1462 .wp-container-core-columns-is-layout-6 {
	    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
		padding: 0 1.5em;
}
} */

/* Responsive client logos - goDonate page */

@media all and (max-width: 781px) {
	#our-godonate-clients-include ~ .wp-block-columns {
	    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
		padding: 0 2em;
}
	
/* 	.page-id-11500 #our-godonate-clients-include ~ .wp-block-columns {
    grid-template-columns: repeat(2, 1fr);
} */
}

@media all and (max-width: 430px) {
	#our-godonate-clients-include ~ .wp-block-columns {
	    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
		padding: 0 1.5em;
}
	
/* 	.page-id-11500 #our-godonate-clients-include ~ .wp-block-columns {
    grid-template-columns: repeat(2, 1fr);
} */
}

/* @media all and (max-width: 781px) {
	.page-id-866 .wp-container-core-columns-is-layout-6 {
	    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
		padding: 0 2em;
}
}

@media all and (max-width: 430px) {
	.page-id-866 .wp-container-core-columns-is-layout-6 {
	    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
		padding: 0 1.5em;
}
}

@media all and (max-width: 781px) {
	.page-id-866 .wp-container-core-columns-is-layout-7 {
	    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
		padding: 0 2em;
}
}

@media all and (max-width: 430px) {
	.page-id-866 .wp-container-core-columns-is-layout-7 {
	    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
		padding: 0 1.5em;
}
} */

/* goDonate pages */
.page-id-866 #primary-header {
	display: none;
}

.page-id-1462 #primary-header {
	display: none;
}

.page-id-1464 #primary-header {
	display: none;
}

.page-id-1365 #primary-header {
	display: none;
}

.page-id-1354 #primary-header {
	display: none;
}

.page-id-2765 #primary-header {
	display: none;
}

.page-id-4267 #primary-header {
	display: none;
}

.page-id-4534 #primary-header {
	display: none;
}

.page-id-5411 #primary-header {
	display: none;
}

.page-id-9798 #primary-header {
	display: none;
}

.page-id-865 #primary-header {
	display: none;
}

.page-id-11067 #primary-header {
	display: none;
}

.page-id-11164 #primary-header {
	display: none;
}

.page-id-11500 #primary-header {
	display: none;
}


.page-id-11606 #primary-header {
	display: none;
}

.page-id-11820 #primary-header {
	display: none;
}

/* Footer */
.site-info {
	display: none;
}

footer .wp-block-button__link {
	font-size: 14px;
	color: #fff;
}

.footer-navigation {
	display: none;
}

/* Jetpack Portfolio */

.jetpack-portfolio-shortcode .project-types {
	display: none;
}

.jetpack-portfolio-shortcode .project-tags {
	display: none;
}



/* Fix for raw SVG code showing in the "Older posts" button.
   The theme is escaping the SVG markup as text instead of rendering it.
   This hides the broken button text and replaces it with a clean label.
   Ref: Zendesk #11082012 */

/* Hide the broken SVG text inside the button */
#infinite-handle button {
  visibility: hidden;
  position: relative !important;
}

/* Replace with a clean "Older posts" label */
#infinite-handle button::after {
  content: "← Older posts";
  visibility: visible;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Adjusted height */

.site #infinite-handle span {
	line-height: 0.2;
	
	@media all and (max-width: 430px) {
			line-height: 0.1;
	}
}