/* 
 Theme Name:   Constitution for the Human Future
 Theme URI:    
 Description:  
 Author:       Alex Wellerstein
 Author URI:   https://alexwellerstein.com
 Template:     twentytwentyfour
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/




h3.subtitle {
    text-transform: none;
    letter-spacing: normal;
    font-style: italic;
    color: #444;
}

.columns-3 h3.subtitle {
    font-size: 12px;
}

h2 a {
	text-decoration: none;
}
h2 a:hover {
	text-decoration: underline;
}

/* needed for dynamic header resizing */ 
header {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	z-index: 3;
	margin: 0;
}
header, header-div.header-bar-group {
	height: 65px !important; /* this is the height of the very top header */
}
header div.header-bar-group {
	padding-top: 10px !important;
	padding-bottom: 10px !important;

}

.banner-div {
	position: fixed;
	top: 65px; /* this needs to be the same as the height of header above */
	right: 0px;
	left: 0px;
	z-index: 3;
	margin-top: 0;
    overflow: hidden;
	border-bottom: 1em solid var(--wp--preset--color--base);
}
.banner-div.front, .banner-image.front {
	height: 430px; /* this is the max height of the image header -- hardcoded here and banner-script.js */
	transition: height 0.05s linear;
}

.banner-image {
	min-height: auto !important;  /* this is necessary to make the text resize in the header */
}

main {
	padding-top: 200px !important; /* this is how much pages are offset on non-front pages to make room for header */
}
main.front {
	padding-top: 495px !important; /* this is how much pages are offset on front page to make room for header */
}

.banner-div.inner, .banner-image.inner {
	height: 120px !important; /* banner height for non front page, non-scrolling -- hardcoded here and banner-script.js */
}

.wp-block-navigation__submenu-container, .wp-block-navigation-submenu {
	z-index: 10;
}