/*
Theme Name: Athens Independent
Theme URI: athensindependent.com
Author: Ben Weibel
Author URI: athensindependent.com
Description: Custom block theme for the Athens Independent.
Tags: blog, portfolio, entertainment, grid-layout, one-column, two-columns, three-columns, four-columns, block-patterns, block-styles, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, full-width-template, rtl-language-support, style-variations, template-editing, theme-options, translation-ready, wide-blocks
Tested up to: 6.7.1
Requires PHP: 7.3
Version: 1.5.2
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: athens-independent
*/

/* CSS Reset
---------------------------------------------------------------------------- */

*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

ol,
ul {
	padding: 0;
}

ol:where(:not([class*="wp-block"])),
ol:where(.wp-block-list),
ul:where(:not([class*="wp-block"])),
ul:where(.wp-block-list) {
	padding-inline-start: var(--wp--preset--spacing--medium);
}

div[class*="wp-block-"] figcaption {
	color: var(--wp--preset--color--secondary);
	font-size: var(--wp--preset--font-size--x-small);
	margin-bottom: 0;
	margin-top: 20px;
	text-align: center;
}

img,
figure {
	max-width: 100%;
	height: auto;
}

/* Temporary fix for text-decoration-thickness in Firefox */
@-moz-document url-prefix() {
	a {
		text-decoration-thickness: .1rem !important;
	}
}

/* Standardize form styling
--------------------------------------------- */

input,
button,
textarea,
select {
	font: inherit;
}

input[type="button"],
input[type="email"],
input[type="search"],
input[type="submit"],
input[type="text"],
textarea {
	-webkit-appearance: none;
	appearance: none;
}

input:not([type="submit"]),
select,
textarea,
.wp-block-post-comments-form input:not([type="submit"]):not([type="checkbox"]),
.wp-block-post-comments-form textarea {
	color: var(--wp--preset--color--main);
	border-radius: 5px;
	border: solid 1px var(--wp--preset--color--border-light);
	padding: .5em 1em;
	font-size: var(--wp--preset--font-size--small);
	background-color: #fff;
}

input:focus-visible,
textarea:focus-visible {
	outline-color: var(--wp--preset--color--primary);
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
}

label {
	width: 100%;
	display: block;
}

::placeholder {
	color: var(--wp--preset--color--secondary);
	font-size: var(--wp--preset--font-size--small);
	opacity: 0.75;
}

/* Layout
---------------------------------------------------------------------------- */
/*  */
.logo-bar {
	display: grid;
	grid-template-columns: 30% 40% 30%;
	align-items: center;
	padding: var(--wp--preset--spacing--medium);
	transition: padding 0.2s ease-in;
}

.logo-bar .wp-block-site-logo {
	grid-column: 2/3;
}

.main-navigation-wrap {
	background-color: var(--wp--preset--color--main);
}

@media (max-width: 60rem) {
	.logo-bar {
	display: grid;
	grid-template-columns: 1fr;
	align-items: center;
}
.logo-bar .wp-block-site-logo {
	grid-column: 1/-1;
}
}

@media (max-width: 781px) {
	.main-navigation-wrap {
		justify-content: right;
		background-color: var(--wp--preset--color--base);
	}

	.is-scrolling .logo-bar .buttons {
		display: none;
	}

	.site-header .header-wrap {
		display: grid;
		grid-template-columns: 1fr 5rem;
	}

	.aci-header-utility-bar {
		grid-column: 1/-1;
	}
}

.top-menu {
	gap: 0.5rem;
}

/* Sticky header */

header:has(>.is-position-sticky) {
	position: sticky;
	top: calc( 0px + var( --wp-admin--admin-bar--height, 0px ) );
	z-index: 100;
}

.is-scrolling header.site-header.wp-block-template-part {
    position: sticky;
    top: 0;
    z-index: 100;
}

.is-scrolling .aci-header-utility-bar {
	display: none;
}

.is-scrolling .logo-bar {
	grid-template-columns: 1fr 1fr;
	padding-block: 0.5rem;
}

.is-scrolling .logo-bar .wp-block-site-logo {
	grid-column: 1/2;
}

.is-scrolling .logo-bar .buttons {
	margin: 0;
}

/* Account for admin bar on mobile */

@media (max-width: 600px) {
	header:has(>.is-position-sticky) {
		top: 0;
	}
}

.sticky-sidebar {
	top: 110px
}

/* Helper styles
---------------------------------------------------------------------------- */

a.more-link {
	display: block;
}

/* Inline code */
*:not(.wp-block-code) > code {
	background-color: var(--wp--preset--color--tertiary);
	padding: 3px 5px;
	position: relative;
	border-radius: 3px;
}

.wp-block-categories {
	position: relative;
}

.wp-block-post-terms a {
    background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--main);
	font-weight: 600;
    padding: .25em .5em;
}
/* Adjust terms at bottom of posts */
.single .wp-block-group .wp-block-post-terms,
.blog .wp-block-group .wp-block-post-terms {
	/* margin-bottom: -8px !important; */
}

/* Remove margin on term description on archive pages */
.wp-block-term-description p:last-child {
	margin-bottom: 0;
}

.taxonomy-category {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
}

/* Remove last separator on post list */
.remove-border-and-padding .wp-block-post-template li:last-child .wp-block-separator {
	display: none;
}

/* Hide post meta div if no tags assigned */
.single .wp-block-group:has(> .post-meta:empty) {
	display: none;
}

.wp-block-group:empty:has(+ .comment-respond) {
	display: none;
}

.row-logos > figure {
	flex-shrink: 1 !important;
}


/* Mobile helper classes */

@media (max-width: 781px) {
	.athensindie-hide-on-mobile {
		display: none;
	}

	.athensindie-unstick-mobile {
		position: static;
	}

	header:has(>.athensindie-unstick-mobile) {
		position: static;
	}
}

/* ACI — Header utility bar
---------------------------------------------------------------------------- */

.aci-header-utility-bar {
	font-size: var(--wp--preset--font-size--x-small);
	background-color: var(--wp--preset--color--tertiary);
}

.aci-header-utility-bar .wp-block-social-links .wp-block-social-link {

}

.aci-header-utility-bar .wp-block-navigation a {
	text-transform: uppercase;
}

/* ACI — Breaking news ticker bar
---------------------------------------------------------------------------- */

.aci-breaking-news {
	overflow: hidden;
	background-color: var(--wp--preset--color--primary-alt);
	padding-block: 1rem;
	text-align: center;
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 800;
	text-transform: uppercase;
}

.aci-breaking-news a{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0;
	text-decoration: none;

}


/* ACI — Homepage category section READ MORE tab
---------------------------------------------------------------------------- */
.home-feature__title {
	background-color: var(--wp--preset--color--primary);
	max-width: 80%;
}


.aci-read-more-tab {
	height: 100%;
	min-height: 120px;
	writing-mode: vertical-rl;
	text-orientation: mixed;
	transform: rotate(180deg);
	cursor: pointer;
}

.aci-read-more-tab p {
	writing-mode: vertical-rl;
	text-orientation: mixed;
	transform: rotate(180deg);
	margin: 0;
}

.aci-read-more-tab a {
	color: var(--wp--preset--color--base) !important;
	text-decoration: none;
	display: block;
}

.aci-read-more-tab a:hover {
	text-decoration: underline;
}

/* ACI — Pull quote: big style variation
---------------------------------------------------------------------------- */

.wp-block-pullquote.is-style-aci-big {
	border-top: none;
	border-left: 5px solid var(--wp--preset--color--primary);
	border-right: none;
	border-bottom: none;
	padding-top: var(--wp--preset--spacing--small);
	padding-bottom: var(--wp--preset--spacing--small);
	padding-left: var(--wp--preset--spacing--medium);
	padding-right: 0;
	text-align: left;
}

.wp-block-pullquote.is-style-aci-big blockquote p {
	font-size: clamp(1.25rem, 3vw, 1.75rem);
	font-weight: 700;
	line-height: 1.2;
	color: var(--wp--preset--color--main);
}

.wp-block-pullquote.is-style-aci-big blockquote cite {
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--secondary);
	font-style: normal;
}

/* ACI — Homepage hero cover overlay
---------------------------------------------------------------------------- */

.wp-block-query .wp-block-cover {
	border-radius: 4px;
	overflow: hidden;
}

/* ACI — Homepage footer
---------------------------------------------------------------------------- */
/* .scoop-says {
    max-width: 300px;
    margin: 2rem auto;
	position: relative;
}

.scoop-says::after {
    content: url(assets/svg/speechbubble.svg);
    position: absolute;
    width: 160px;
    height: 120px;
    top: 80px;
    right: -130px;
} */

/* ACI — 404 illustration placeholder
---------------------------------------------------------------------------- */

.aci-404-illustration img {
	display: block;
	margin: 0 auto;
}

.aci-404-illustration img[src=""] {
	display: none;
}