/*

These are custom styles for the Animals Aotearoa website. This should always mirror the
version-controlled file on GitHub:

https://github.com/altruisticagency/www.animalsaotearoa.org/custom.css

Author: Markus Amalthea Magnuson / Altruistic Agency

*/

/* modifies appearance of donate button */
@media only screen and (min-width: 769px) {
	/* Change link hover colour to lighter purple */
.can_embed #can_embed_form a:hover,
.can_embed #donate_auto_modal a:hover {
    color: #b856af !important;
}
	.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-456 {
  background-color: #ff8210;
	border-radius: 15px;
	}
	
	/* Prevent awkward white highlight on the Donate button*/
	.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-456 :hover {
    background-color: #ff8210 !important;
		color:#ffffff !important;
	}
}

/* Donate button CSS for mobile devices */
@media only screen and (max-width: 768px) {
	.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-456 {
  	background-color: #ff8210;
		border-radius: 15px;
		text-align: center;
/* 		width: 80px */
	}
	
	.toggle-menu {
		display: none
	}
}

.custom-footer-block {
    margin: 0 !important;
}

.single-post .post-thumbnail {
    display: none;
} 

.single-post .content-area p {
    font-size: 16.6667px;
}

h2 {
    color: #1e847f;
}

.site-logo {
    margin: 0 !important;
}

#masthead {
    padding-bottom: 16px !important;
}

.entry-header.responsive-max-width:first-child {
    padding-top: 0;
}

@media only screen and (max-width: 559px) {
    body #masthead {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}

/*

Below are Action Network style overrides.

More suggestions:

https://help.actionnetwork.org/hc/en-us/articles/115005729066-CSS-snippets-for-embed-customization

*/

#can_fundraising_widget {
    padding: 20px;
}

/* Hide entire left column */
#can_main_col {
    display: none;
}

/* Make right column take up width with left column gone */
#can_embed_form #can_sidebar {
    width: auto !important;
}

/* Change button colour to gold */
.can_embed .can_button,
.can_embed #can_embed_form input[type="submit"],
.can_embed #can_embed_form .button,
.can_embed #donate_auto_modal input[type="submit"],
.can_embed #donate_auto_modal .button {
    background-color: #ef9d10 !important;
}

/* Change button hover colour to lighter gold */
.can_embed .can_button:hover,
.can_embed #can_embed_form input[type="submit"]:hover,
.can_embed #can_embed_form .button:hover,
.can_embed #donate_auto_modal input[type="submit"]:hover,
.can_embed #donate_auto_modal .button:hover {
    background-color: #f0a729 !important;
}

/* Change counter progress bar to gold */
#can_embed_form .action-widget--toggle .action_status_status_bar span.action_status_status_bar-grow {
    background-color: #ef9d10 !important;
}

/* Change link colour to purple */
.can_embed #can_embed_form a,
.can_embed #donate_auto_modal a {
    color: #d061c7 !important;
}

/* Change link hover colour to lighter purple */
.can_embed #can_embed_form a:hover,
.can_embed #donate_auto_modal a:hover {
    color: #b856af !important;
}

/* Leave thank you screen button text color alone */
.can_embed #can_embed_form #action_thank_you_text a,
.can_embed #can_embed_form #action_thank_you_text a:hover {
    color: white !important;
}

/* Hide Action Network logo */
.can_embed #logo_wrap {
    display: none;
}

ul.qe-faqs-filters-container{ display: none;}

/* Hide Featured Images on Pages */
.page figure.post-thumbnail {
    display: none;
}

/* Show Blog Posts on page (KL)|zd-7449348*/
.wp-block-newspack-blocks-homepage-articles.image-aligntop .post-thumbnail
{display:contents;
}

/* Hide title of Inflation landing page */
.page-id-6541 .entry-title {
display: none;
}

/* Hide title of Windows landing page */
.page-id-6597 .entry-title {
display: none;
}

/* Hide title of Cancer landing page */
.page-id-6604 .entry-title {
display: none;
}

/* Hide title of Too Big landing page */
.page-id-6609 .entry-title {
display: none;
}
	
/* Hide title of Drawing landing page */
.page-id-6581 .entry-title {
display: none;
}