/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Specialised modifications to the GeneratePress WordPress theme.
 Author:       Will Baker
 Author URI:   https://zookri.com
 Template:     generatepress
 Version:      0.1
*/

/************* 
*Utility classes
**************/
.home .site-content, .archive .site-content{
	margin: 16px 0 16px 0;
}

.category-news .filter-container {
	display:none;
}

a.ust-archive-filter__link[data-filter="post"], .category-stanza .ust-archive-filter {
    display:none;
}


a {
	text-decoration:none;
}

.project-text p a, .project-text li a {
    text-decoration: none;
	border-bottom: 1px dotted;
}



.site-header .header-image {
    opacity: 0.85;
}

.site-header {
    border-bottom: solid 1px #575760;
}

.main-navigation .inside-navigation {
	justify-content: end;
}

.site-footer {
    border-top: solid 1px #575760;
}

.footer-logo {
	opacity:0.6 !important;
}

.quick-links .wp-block-navigation-item__label:hover {
	color:#fff;
}

.slideout-navigation .main-nav {
	margin-bottom:20px;
}

.slideout-buttons .gb-shape svg {
	width:2em;
	height:2em;
}

.underline-cat-desc {
    text-transform: uppercase;
    margin-bottom: 8px;
}

.home-first-post h1 a:hover {
	color:#fff;
}

.wp-block-separator {
	border-top: 1px dashed !important;
}

.home .hero-post a, .hero-tags a {
	color:#fff;
}

.home .hero-post a, .hero-tags a:hover {
	color:#f0f0f0;
}

.project-text h2:first-of-type {
	margin-top: 0.75rem;
}

.project-text h2, .project-text h3{
	margin-bottom: 1rem;
 	margin-top: 3.25rem;
	
}

.reverse-icon.gb-headline {
    display: flex;
    flex-direction: row-reverse;
}

.single-post-hero-content .play-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.post-term-item {
	margin-top: -1px;
}

blockquote {
  border-left: 5px solid rgba(41, 140, 134, 0.49);
  padding: 8px;
}

/* Allow clicks to pass through the invisible overlay */
#gb-overlay-4002 {
    pointer-events: none;
}

/* Keep the newsletter banner itself interactive */
#gb-overlay-4002 .gb-overlay__content {
    pointer-events: auto;
}


/*Hide empty wordpress posts div in article tags*/

.post-template-default .underline-cpt-label-block:empty {
	display:none;
	
}


/* Container links */

.stretch-link {
	position: relative;
}

.stretch-link .card-link a::after {
	content: '';
	position: absolute;
	inset: 0;
}

.stretch-link .card-link a:focus-visible::after {
	outline: 2px solid;
	outline-offset: -2px;
}

.stretch-link .card-link a:is(:hover, :focus) {
	outline: none;
}

.stretch-link a:not(.card-link a) {
	position: relative;
	z-index: 2;
}

.tag-hover a:hover { /* tag colour on archive pages */
	color: #298c86;
}

/* Other locations widget */
.underline-term-siblings, .underline-term-siblings a {
	font-size:.75rem;
	color: rgba(0, 0, 0, 0.60);
	text-transform:uppercase;
	margin-bottom: 1.5rem;
	
}

.underline-term-siblings__current {
	color:var(--contrast)
}

/***
 * glightbox styles
 */
.gslide-image img{
	padding:32px !important;
}
 .gslide-description {
    display: none !important;
}

/************* 
*Forms
**************/
#brevo-newsletter {
	display: flex;
	gap: 16px;
	align-items: flex-end;
}

#brevo-newsletter p {
	margin: 0;
}

#brevo-newsletter .sib-default-btn {
	margin-top: 0;
}

.newsletter-gdpr {
  margin-top: 24px;
  font-size: 80%;
}

#form_contact-form2 input, #form_contact-form2 textarea, #brevo-newsletter input {
	border-color: #898989;
	margin-top:8px;
}


#form_contact-form2 .frm_fields_container {
    grid-gap: 16px 2%;    
  }

#form_contact-form2 .frm_submit {
  display: flex;
  justify-content: flex-end;
}


/* Submit button styling */
#form_contact-form2 .frm_button_submit  {
    border: solid 1px #3a4769;
    padding:  16px 24px 12px;
}

/************* 
* Contributor byline cards 
**************/

.underline-author-byline {
  display: flex;
  align-items: top;
  gap: .5rem;
  max-width: 460px;
  padding: .75rem 1rem .75rem 0rem;
  color: #222222e3;
  text-decoration: none;
  column-gap: 1.5rem;
}

.underline-author-byline__image-wrap {
	flex: 0 0 80px;
}

.underline-author-byline__photo {
	display: block;
	width: 80px;
	height: auto;
	border-radius: 50%;
	object-fit: cover;
}

.underline-author-byline__content {
	display: flex;
	flex-direction: column;
	min-width: 0;
	color: rgba(0, 0, 0, 0.60);
}

.underline-author-byline__meta {
	display:flex;
	column-gap:4px;
}

.underline-author-byline__name,
.underline-author-byline__role {
	text-transform: uppercase;
	display: block;
	margin: 0;
}

.underline-author-byline__name {
	font-size: 0.85rem;
	font-weight: 600;
}

.underline-author-byline__role {
	font-size: 0.75rem;
	opacity: 0.8;
}
.underline-author-byline__bio {
	font-size:.9rem;
}

/* Multiple byline cards */
.underline-author-bylines {
	display: grid;
	gap: 1.5rem;
}

.underline-author-bylines--multiple {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 767px) {
	.underline-author-bylines--multiple {
		grid-template-columns: 1fr;
	}
}


/**************
 * User grid
**************/

.underline-user-grid {
	display: grid;
	gap: 1.25rem;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.underline-user-grid.cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.underline-user-grid.cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.underline-user-grid.cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.underline-user-grid.cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.underline-user-grid.cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.underline-user-grid.cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }

.underline-user-card {
	display: grid;
	gap: 0.75rem;
	align-content: start;
	cursor: pointer;
}

.underline-user-photo-wrap img {
	width: 100%;
	height: auto;
	display: block;
	aspect-ratio: 1 / 1;
	object-fit: cover;	
	transition: opacity 0.5s ease-in-out, filter 0.5s ease-in-out;
}

.underline-user-card:hover .underline-user-photo-wrap img {
	opacity: 0.8;
	filter: hue-rotate(130deg);
}

.underline-user-meta {
    text-transform: uppercase;
    font-size: .75rem;
}

.underline-user-name {
	font-family: var(--gp-font--bebas-neue);
  	font-size: 1.25rem;
  	margin-bottom: 4px;
}

.underline-user-role {
	margin: 0;
}


/**************
 * HTML Sitemap
**************/

.html-sitemap ul {
	list-style: none;
	margin:0 0 1.5em 0.5em;
	line-height: 1.75rem;
}


/**************
 * Tweak Complianz styles
**************/

#cmplz-document h2 {
	font-size: 2.25rem;
  	margin-bottom: 1.5rem;
	margin-top: 0;
   	padding-bottom: 0;
}

#cmplz-cookies-overview, #cmplz-manage-consent-container {
	margin-bottom:1.5rem;
}

/**************
 * Custom featured image position
**************/

.post-3662 .gb-element-c8729c2b::before { /*Cows*/
	background-position: center 25%;
}

.post-3802 .gb-element-c8729c2b::before { /*Jaden Panashe named Underline’s Poet in Residence*/
	background-position: center 20%;
}

.post-3113 .gb-element-c8729c2b::before { /*T7harrek*/
	background-position: center 90%;
}

.post-2651 .gb-element-c8729c2b::before { /*Being British*/
	background-position: center 60%;
}

.post-3670 .gb-element-c8729c2b::before { /*The moment*/
	background-position: center 15%;
}

.post-3925 .gb-element-c8729c2b::before { /*The Dilapidated Capitol*/
	background-position: center 30%;
}

.post-3980 .gb-element-c8729c2b::before { /*Introducing Xavier Greenidge: The Dilapidated Capitol*/
	background-position: center 35%;
}


/*************************
 * Custom archive card image position
*************************/

.post-3662 .blog-card__image { /*Cows*/
	object-position: center 20%;	
}

.post-2651 .blog-card__image { /*Being British*/
	object-position: center 65%;
}

.post-3980 .blog-card__image { /*Introducing Xavier Greenidge: The Dilapidated Capitol*/
	object-position: center 35%;
}

.post-3670 .blog-card__image { /*The Moment*/
	object-position: center top;
}

/**************
 * Lazy load
**************/

/* PART 1 - Before Lazy Load */
img[data-lazyloaded]{
    opacity: 0;
}

/* PART 2 - Upon Lazy Load */
img.litespeed-loaded{
    -webkit-transition: opacity .5s linear 0.2s;
    -moz-transition: opacity .5s linear 0.2s;
    transition: opacity .5s linear 0.2s;
    opacity: 1;
}



@media (max-width: 768px) {
    /* CSS in here for mobile only */
	.site-footer {
    border-top: none;
}
	#brevo-newsletter {	
	flex-direction: column;
	align-items: flex-start;	
	}
	
	#brevo-newsletter label {
		display:block;
	}
	
	.gb-form-a22932eb .gb-form-field { /* Mobile SignUp slider */
    margin-bottom: 0;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
    /* CSS in here for tablet only */
}
@media (min-width: 1025px) {
    /* CSS in here for desktop only */
}