/*
Theme Name: Collins Hammett
Author: Drastic Impact
Description: This is a bare-minimum theme to make the blog section match the rest of the site.
Version: 1.0
Text Domain: collinshammett
*/

main {
    max-width: 1320px;
    margin: 1em auto;
}

.bg-yellow-texture h1 {
  font-size: clamp(4rem, 3vw, 7rem);
  padding-top: 1rem;
}


.article-grid {
    display: flex;
    flex-wrap: wrap;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 1em;
    justify-content: space-evenly;
}
.article-grid article {
	display: flex;
    width: 100%;
}
.article-thumbnail {
	aspect-ratio:1/1;
}
.article-preview {
	margin-left: 1em;
}

.article-grid h2 {
  font-size: clamp(2rem, 2vw, 4rem);
  margin-top: 0;
}

article a,
article .btn {
    color: var(--primary-yellow);
    text-decoration: none;
}
article a:hover,
article .btn:hover {
    color: var(--bs-link-hover-color)
}

article .btn::after {
  content: "\00BB";
  margin-left: .2em;
}

/*Single Posts*/
.single-post .wp-post-image {
	max-width: 50%;
	height: auto;
}

.single-post .wp-block-heading {
	margin: 1.5em 0 .2em;
}

.single-post h2.wp-block-heading {
	font-size: 2.5em;
}

/*Basic Styles*/

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}