/**
Theme Name: Almost Anything Blocks
Author: Almost Anything
Author URI: https://www.almostanything.com.au/
Description: Almost Anything child theme based on Astra. Designed for use with the new Wordpress Blocks editor.
Version: 2022.12.15
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: almost-anything-blocks
Template: astra
*/

/* Making file download buttons look normal */
.wp-block-file a.wp-block-file__button {
	/* change colours below */
	background-color: #fff;
	color: #000;
	border: 1px solid #000;
	/* the rest should be okay */
	line-height: 1;
	border-radius: 2px;
	padding-top: 10px;
	padding-right: 40px;
	padding-bottom: 10px;
	padding-left: 40px;
	display: inline-block;
	padding: .667em 1.333em;
	text-align: center;
	text-decoration: none;
	overflow-wrap: break-word;
}
.wp-block-file a.wp-block-file__button:hover {
	color: #fff;
	background-color: #000;
	border-color: #fff;
}
/*
* Need to make text over an image to video glow?
* replace containerclass below with the class of, well, the container! And obviously change p to h2 or whatever if needed. 
* The last one is for the custom header
*/
.aahero h1, .aahero h2, .aahero h3, h1.ast-advanced-headers-title{color: #fff !important; text-shadow:0 0 20px #000, 0 0 5px #000, 0 0 3px #000 !important;}
.aahero h1 {font-size: 60px !important;}

/* 
* When using custom layouts for headers (using Astra hooks) you'll need to turn off the plain H1 output.
*/
h1.entry-title{display:none;}
section.ast-archive-description{display:none;}

/* 
* Pods events
*/
.single-event div.entry-meta{display:none;} /* remove author and posted date */

/* 
* Mobile mods
*/
@media only screen and (max-width: 767px){
	/*
	example rule for mobile only
	h1#we-solve-x-for-y{font-size:40px !important;}
	*/
	div.wp-block-media-text__content{padding:10px 0 !important;} /* update to media and text block so that text doesn't push up too hard against image on mobile */
	div.image-column div.wp-block-cover{min-height:300px !important;} /* this makes the cover element this height on phones when the container's class is .image-column */
}