/*
Theme Name: Four Towers
Theme URI: 
Author: MARCOMM
Author URI: 
Description: A WP theme for the Visitor's Center at UGA.
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: four-towers
Tags: 
*/
* {
	word-break: normal !important;
}

:where(.wp-site-blocks *:focus) {
    outline-style: none !important;
}

div:has(> h2) {
    text-align: center;
}

h2 {
    position: relative;
    margin-top: 1.5rem;
    display: inline-block;
    border-top: 1px solid rgba(0, 0, 0, .2);
    padding-top: 1.625rem;
}

h2::after {
    content: "";
    background: url(./assets/img/shield.png) transparent 50% no-repeat;
    position: absolute;
    background-size: contain;
    top: -10px;
    left: 0;
    width: 100%;
    height: 25px;
}

/* ===========================
	HOMEPAGE HERO
   =========================== */

.title {
	font-family: Merriweather, Georgia, Times New Roman, Times, serif;
	font-style: italic;
	font-size: 1.5rem;
	font-weight: 500;
	margin-bottom: 1rem;
	text-shadow: 0 2px 1px rgba(0, 0, 0, .5);
	display: inline-block;
    text-transform: none;
}

@media (min-width:875px) {
	.title {
		font-size: 2rem
	}
}

.title .standout {
	margin-top: 1rem;
	font-family: Oswald, Impact, Arial Narrow, Helvetica Neue;
    font-weight: 400;
	text-transform: uppercase;
	letter-spacing: .02em;
	font-style: normal;
	font-size: 2rem;
	line-height: 1em;
	border-style: solid;
	border-color: #fff;
	border-width: 2px 0;
	padding: 1rem 0;
	display: block;
}

@media (min-width:875px) {
	.title .standout {
		font-size: 5rem
	}
}

/* ===========================
	PAGE HEADER
   =========================== */
.page-header {
	position: relative;
}

.page-header__title {
	position:absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
}

/* Places title below the image on small screens */
@media screen and (max-width: 768px) {
	.page-header__title {
		position: relative;
	}
}


/* ===========================
   PORTALS GRID
   =========================== */
.portal__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-flow: row;
	grid-gap: 1rem;
	align-items: stretch;
	justify-content: center !important;
}

.portal__grid--2-col {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-auto-flow: row;
	grid-gap: 1rem;
	align-items: stretch;
	justify-content: center !important;
}

@media screen and (max-width: 768px) {
	.portal__grid,
	.portal__grid--2-col {
		grid-template-columns: 1fr;
	}
}

/* ===========================
   PORTAL HYPERLINK GROUP
   =========================== */
.portal__hyperlink-group {
	height: 100%;
	text-decoration: none !important;
	overflow: hidden;
}

.portal__hyperlink-group:hover .portal__background-photo {
	transform: scale(1.05);
}

.portal__hyperlink-group:hover .portal__background-photo::before {
	opacity: 0.75;
}

.portal__hyperlink-group:hover .portal__text {
	transform: scale(0.95);
}

/* ===========================
   PORTAL BACKGROUND PHOTO
   =========================== */
.portal__background-photo {
	height: 100%;
	position: relative;
	transition: all 0.2s ease-in-out;
}

.portal__background-photo:hover {
	transform: scale(1.4rem);
}

.portal__background-photo::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(
		circle,
		rgba(0, 0, 0, 0.4) 30%,
		rgba(0, 0, 0, 0.5) 70%,
		rgba(0, 0, 0, 0.6) 100%
	);
	opacity: 1;
	transition: all 0.2s ease-in-out;
}

/* ===========================
   PORTAL TEXT
   =========================== */
.portal__text {
	z-index: 1;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
	transition: all 0.2s ease-in-out;
}


/* ===========================
   TOUR LEADERS GRID
   =========================== */
.tour-leader-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 1rem;
	align-items: stretch;
	justify-content: center !important;
}

.tour-leader-card {
	height: 100%;
}

.tour-leader-card__photo div img {
	border-radius: 50%;
	width: 100%;
}

.tour-leader-card__information {
	text-align: left;
	font-family: 'Merriweather Sans', sans-serif;
}

.tour-leader-card__information-hometown {
	font-style: italic;
}

@media screen and (max-width: 1150px) {
	.tour-leader-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}


/* ===========================
   PHOTO GRIDS
   =========================== */
@media screen and (max-width: 768px) {
	.photo-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.photo-grid > * {
		grid-column: span 1;
		grid-row: span 1;
	}

	.photo-grid > div:last-child {
		grid-column: span 2;
	}
}

/* ===========================
	BUTTON HOVER STATES
   =========================== */
/* Set the default transition speed/style for all buttons */
.wp-block-button .wp-block-button__link {
	cursor: pointer;
	transition: all .2s ease-in-out;
}

/* BROWN - DEFAULT */
.wp-block-button .wp-block-button__link:hover {
	background-color: #554F47;
	color:#fff;
}

/* WHITE */
.wp-block-button.is-style-white-outline .wp-block-button__link:hover {
	background-color: #fff;
	color: #292b2c;
}

/* RED */
.wp-block-button.is-style-bulldog-red .wp-block-button__link:hover {
	background-color: #8a0923;
	border-color: #8a0923;
}

/* SANFORD */
.wp-block-button.is-style-sanford .wp-block-button__link:hover {
	background-color: #393530;
	border-color: #393530;
}


/* ===========================
	__SECTION SIDE-BY-SIDE CONTENT
   =========================== */
.side-by-side__photo {
	background-position: center center;
}

@media screen and (max-width: 781px) {
	.side-by-side__photo {
		min-height: 300px !important;
	}
}

/* ===========================
	NAV SEARCHBAR
   =========================== */
.nav-search div {
	align-items: center;
}

.nav-search div input {
	height: 32px;
	padding: 0.5rem;
	border: 1px solid #554F47;
	border-radius: 2px;
	font-family: Merriweather, serif;
	text-transform: none !important;
	font-size: 0.8rem !important;
}

.nav-search div button.has-icon {
	padding: 0 1rem;
	margin-left: 0;
}

/* ===========================
	SITE NAVIGATION (HEADER)
   =========================== */
.navigation__main a {
	transition: ease-in-out .2s all;
	text-decoration: none;
}

/* Sets active status on "Main Navigation" menu */
.navigation__main .wp-block-navigation-item__content.active,
.navigation__main li:not(.wp-block-navigation-submenu) a:hover {
	color: #ba0c2f !important;
	text-decoration: none;
}

/* Sets active status on "Information For" menu */
:root :where(.wp-block-navigation a:where(:not(.wp-element-button)).active) {
	text-decoration: underline;
}

.wp-block-navigation-submenu li {
	border-bottom: 1px solid #00000026;
}


/* ===========================
	SITE FOOTER
   =========================== */
footer .site-footer p {
	margin-bottom: 0;
}

@media ( min-width: 1000px ) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
      display: none !important;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
      display: block !important;
    }
}
@media ( min-width: 600px ) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
      display: flex;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
      display: none;
    }
}