/*
Theme Name: TFEU
Author: Emily O'Neill
Author URI: https://emilyoneill.dev
Description: Theme for [description]
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Version: 0.1
Requires at least: 5.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: [text domain]
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@import "css/meyer-setup.css";
@import "css/settings.css";
@import "css/components.css";
@import "css/structure.css";
@import "css/typography.css";

/* COMPONENTS */
@import "css/site-menu.css";

/* FONT */



/* HEADER */

.home-logo {
	min-width: 150px;
	max-width: 350px;
	margin-right: 10px;
}

.site-header {
	background-color: var(--dark-blue);
	color: var(--ink);
	position: sticky;
	top: 0;
	width: 100%;
	z-index: 5;
	padding: 40px 0 20px 0;
	transition: transform .25s;
}

.site-header inner-column {
	display: flex;
	justify-content: space-between;
}

.hidden {
	transform:translateY(-100%);
}

@media (min-width: 950px) {
	#header-rows {
		display: grid;
		grid-template-rows: 1fr 1fr;
		width: 100%;
	}

	#header-rows nav {
		align-self: end;
	}

	#nav-rows {
		margin-top: 20px;
	}
}

/* MOBILE MENU */

.mob-menu-header-holder {
	background-color: var(--dark-blue) !important;
}

.mobmenu-content #mobmenuright .sub-menu {
	background-color: transparent !important;
}

@media (max-width: 1024px) {
	.mobmenu-content #mobmenuright li:hover {
		background-color: transparent !important;
	}

	.mobmenu-content #mobmenuright a {
		color: var(--ink) !important;
	}
   .mobmenu-content #mobmenuright a:hover {
        background-color: var(--gold) !important;
        color: white !important;
   }

   .mob-expand-submenu:hover {
/*   	color: white !important;*/
   }
}

/* PAGES */

.page-heading {
	color: var(--paper);
}


/* HOME TILES */

#home-top {
	display: flex;
	flex-direction: column;
}

#home-botom {
	display: flex;
	flex-direction: column;
}

@media (min-width: 700px) {
	#home-bottom {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
		grid-template-rows: auto;
		gap: 1rem;
		margin-top: 35px;
	}
}

.home-tile {
	padding: 15px;
	background-color: var(--paper);
	box-shadow: -8px 8px var(--accent);
	margin-top: 35px;
	margin-bottom: 20px;
}

@media (min-width: 600px) {
	.home-tile {
		box-shadow: -15px 15px var(--accent);
		padding: 25px;
		margin-left: 15px;
	}
}

#home-top .long-card {
	max-width: 100%;
}

@media (min-width: 700px) {
	.home-tile {
		margin-top: 0;
		margin-bottom: 25px;
	}
}

@media (min-width: 1000px) {
	#home-top, #home-bottom{
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 15px;
		max-width: 1150px;
	}

	.long-card {
		max-width: 45vw;
	}

	.home-tile {
		max-width: 45vw;
	}
}

@media (min-width: 1050px) {
	#home-top {
		gap: 20px;
	}

	#home-bottom {
		grid-template-columns: 1fr 1fr 1fr;
		gap: 20px;
		max-width: 1150px;
	}
}

@media(min-width: 1350px) {
	.home-tile {
		max-width: 400px;
	}
}

/* EVENT CARD */

.event-info p + p {
	margin-top: 3px;
}

.event-info .event-description {
	margin-top: 15px;
}

/* CONSTITUTION */


/* ANNOTATED AGREEMENT */

.ca-commentary {
	border: 2px solid red;
	padding: 15px;
}

.ca-menu {
	color: white;
}

.annotated-agreement-content .the-content {
	display: grid;
	grid-template-columns: 90% 10%;
	overflow: hidden;
}

@media (min-width: 600px) {
	.annotated-agreement-content .the-content {
		display: grid;
		grid-template-columns: 70% 30%;
	}
}

@media (min-width: 750px) {
	.annotated-agreement-content .the-content {
		display: grid;
		grid-template-columns: 80% 20%;
	}
}

.annotated-agreement-content .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog {
/*	height: 100%;*/
	left: 10%;
	position: absolute;
	top: 50%;
	z-index: 10;
	width: 90%;
}
.annotated-agreement-content .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
	position: fixed;
	top: 40%;
	bottom: 15%;
	padding-left: 10px;
	float: right;
	overflow: scroll;
}

.annotated-agreement-content .wp-block-navigation__responsive-container.is-menu-open {
	overflow: scroll;
}

@media (min-width: 900px) {
	.annotated-agreement-content .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
		top: 30%;
	}
}

@media (min-width: 1375px) {
	.annotated-agreement-content .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {		padding-left: 60px;
	}
}

.annotated-agreement-content .wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open {
	position: fixed;
	top: 50%;
	padding-left: 10px;
}

.annotated-agreement-content .wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close {
	position: fixed;
	top: 50%;
	right: 5%;
}

.annotated-agreement-content div#modal-1.wp-block-navigation__responsive-container.has-modal-open.is-menu-open ul {
	position: fixed;
	right: 40%;
	top: 10%;
	padding-left: 20px;
	max-width: 300px;
}
.annotated-agreement-content p:first-of-type {
	margin-top: 15px;
}

.annotated-agreement-content p, .annotated-agreement-content li {
	max-width: 75ch;
}

.annotated-agreement-content ul {
	list-style-type: none;
}

.annotated-agreement-content li:hover {
	background-color: transparent;
	color: currentColor;
}

/* MEETINGS & DOCUMENTS */



/* JOB DESCRIPTIONS */

.job-descriptions-content ul {
	list-style-type: none;
	margin-top: 15px;
}
.job-descriptions-content li:hover {
/*	background-color: salmon;*/
/*	color: white;*/
}

/* EFAP */

.efap-content details + h2 {
	margin-top: 20px;
}

/* WELLNESS NEWSLETTERS */

.newsletters .wp-block-group__inner-container {
}

.newsletters .wp-block-group__inner-container ul {
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin-top: 20px;
}

.newsletters .wp-block-group__inner-container li {
	border-left: 2px solid var(--dark-blue);
	margin: 0;
}

.newsletters .wp-block-group__inner-container li:hover {
	background-color: var(--gold);
	color: white;
}

@media(min-width: 500px) {
	.newsletters .wp-block-group__inner-container ul {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
	}
}

@media(min-width: 900px) {
	.newsletters .wp-block-group__inner-container ul {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	.newsletters .wp-block-group__inner-container li {
		margin: 0;
	}
}


/* EMAIL DIRECTORY */

.directory-content .wp-block-table {
	font-size: .8rem;
}

@media(min-width: 430px) {
	.directory-content .wp-block-table {
		font-size: 1.1rem;
	}
}

.directory-content table td:nth-child(1) {
	max-width: 300px;
}

/* FOOTER */

.site-footer {
	background-color: var(--gray);
	color: var(--myrtle);
	margin-top: 100px;
	padding: 50px 0 50px 0;
}

.site-footer inner-column {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
@media(min-width: 500px) {
	.site-footer inner-column {
		flex-direction: row;
		justify-content: space-between;
	}
}

.site-footer a:hover {
	color: var(--gold);
}