/*!
Theme Name:PantheonPoets
Author: Made in 13
Author URI: https://madein13.com
Version:1.0.2
Text Domain:pantheonpoets
*/

body.admin-bar .nav-wrapper {
	top:46px;
}

	@media screen and (min-width:783px) {
		body.admin-bar .nav-wrapper {
			top:32px;
		}
	}

html {
	scroll-padding-top:7rem;
}


/* Typography
----------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color:#212529;
	font-family:'Merriweather', serif;
	font-style:normal;
	font-weight:300;
}

h1, h2, h3, h4, h5 {
	clear:both;
	font-family:'Frank Ruhl Libre', serif;
	font-weight:700;
	letter-spacing:0.063rem;
	text-transform:uppercase;
}

p:last-of-type {
	margin-bottom:0;
}

.fs-6 {
	font-size:1.125rem !important;
}

.small {
	font-size:0.875rem !important;	
}

.x-small {
	font-size:0.813rem;
}

.fw-bold,
.lead,
strong, b {
	font-weight:700 !important;	
}


/* =Placeholder text
----------------------------------------------- */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color:#212529;
}

::-moz-placeholder { /* Firefox 19+ */
	color:#212529;
}

:-ms-input-placeholder { /* IE 10+ */
	color:#212529;
}

:-moz-placeholder { /* Firefox 18- */
	color:#212529;
}

.search-box.dark ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color:#e4e7eb;
}

.search-box.dark ::-moz-placeholder { /* Firefox 19+ */
	color:#e4e7eb;
}

.search-box.dark :-ms-input-placeholder { /* IE 10+ */
	color:#e4e7eb;
}

.search-box.dark :-moz-placeholder { /* Firefox 18- */
	color:#e4e7eb;
}

.newsletter.ftr ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color:#8d9094;
}

.newsletter.ftr ::-moz-placeholder { /* Firefox 19+ */
	color:#8d9094;
}

.newsletter.ftr :-ms-input-placeholder { /* IE 10+ */
	color:#8d9094;
}

.newsletter.ftr :-moz-placeholder { /* Firefox 18- */
	color:#8d9094;
}


/* Buttons
--------------------------------------------- */
.btn {
	border-radius:0;
	font-family:'Frank Ruhl Libre', serif;
	letter-spacing:2px;
	text-transform:uppercase;
}

.btn-red {
    --bs-btn-color: #fff;
    --bs-btn-bg: #c1432e;
    --bs-btn-border-color: #c1432e;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #a03a29;
    --bs-btn-hover-border-color: #a03a29;
    --bs-btn-focus-shadow-rgb: 66,70,73;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4d5154;
    --bs-btn-active-border-color: #a03a29;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #c1432e;
    --bs-btn-disabled-border-color: #c1432e;
}

.py-2x {
    padding-top: 0.7rem!important;
    padding-bottom: 0.7rem!important;
}


/* Header
--------------------------------------------- */
.nav-wrapper {
	background:#fff;
	box-shadow: var(--bs-box-shadow-sm);	
	left:0;
	position:fixed;
	top:0;
	z-index:3;	
}

/* homepage */
.hero-page .nav-wrapper {
	background:transparent;
	box-shadow:none;
}

.nav-wrapper.scroll {
	background:#fff;
	box-shadow: var(--bs-box-shadow-sm);	
}

.navbar-brand .logo {
	max-width:180px;	
}

/* homepage */
.hero-page .nav-wrapper.scroll .navbar-brand .logo.logo-secondary {
	display:none;
}
.hero-page .nav-wrapper.scroll .navbar-brand .logo.logo-primary  {
	display:block !important;
}

.nav-link,
.dropdown-item {
	color:#212529;
	font-size:0.813rem;
	font-weight:400;
	letter-spacing:0.063rem;
	text-transform:uppercase;	
}

.dropdown-item:hover, 
.dropdown-item:focus,
.dropdown-item.active, 
.dropdown-item:active {
	background-color:#fff;
	color:#a09f9f;
}

/* homepage */
.hero-page .toggler {
	fill:#fff;
}
.hero-page .nav-wrapper.scroll .toggler {
	fill:#212529;
}

	@media (min-width: 992px) {
		/* homepage */
		.hero-page .navbar .nav-link {
			color:#fff;
		}
		.hero-page .nav-wrapper.scroll .navbar .nav-link {
			color:#212529;
		}
	}

	@media (min-width: 1440px) {
		.navbar .nav-link {
			padding-left:1.2rem !important;
			padding-right:1.2rem !important;
		}
	}
	
	@media (max-width: 991.98px) {
		.offcanvas-body {
			padding:0 !important;
		}
		.navbar-nav .dropdown-menu {
			background:#f5f1f2;
			border:none;
			padding:0 0 1rem 0;
		}
		.navbar-nav .nav-item:not(.dropdown-menu .nav-item) {
			border-bottom:0.063rem solid #fff;
		}
		.navbar-nav .nav-item:first-child:not(.dropdown-menu .nav-item:first-child) {
			border-top:0.063rem solid #fff;
		}		
		.navbar-nav .nav-link {
			font-size:1.5rem;
			padding:1rem 1.25rem !important;
		}
		.dropdown-item {
			font-size:1.125rem !important;		
			padding:0.5rem 1.25rem !important;
		}
		.dropdown-item:hover, 
		.dropdown-item:focus,
		.dropdown-item.active, 
		.dropdown-item:active {
			background:#f5f1f2;
			color:#a09f9f;
		}
		.offcanvas-body {
			margin-top:1rem;
		}
	}

.offcanvas-header .btn-close {
    --bs-btn-close-color: #212529;
    --bs-btn-close-opacity:1;
    --bs-btn-close-hover-opacity:1;
    opacity:1;
}


/* =Background Colors
----------------------------------------------- */
.bg-lte-grey {
	background:#f5f1f2;
}

.bg-x-dark {
	background:#181b1f;
}

.single-poems {
	background:#f5f1f2;
}


/* =Background Images
----------------------------------------------- */
.background-section.homepage.hero,
.background-section.contact-page.hero,
.background-section.error-page.hero {
	align-items:center;
	background-attachment:scroll;
	background-color:#464646;
	background-image:url(images/hero-min.jpg);
	background-position:center center;
	background-position:top center;	
	background-repeat:no-repeat;
	background-size:cover; 
	display:flex;
	left:0;
	justify-content:center;
	top:0;
	width:100%;
	z-index:-1;
}

.background-section.contact-page.hero,
.background-section.error-page.hero {
	background-image:url(images/contact.jpg);
	background-attachment:fixed;
	background-blend-mode: overlay;
	min-height:100vh;	
}

.background-section.error-page.hero {
	background-image:url(images/404.jpg);
}

	@media (min-width: 1200px) {
		.background-section.homepage.hero {
			background-attachment:fixed;
			min-height:100vh;	
		}
		.background-section.hero .hero-text {
			position:fixed;
		}
	}


/* =Spacing
----------------------------------------------- */
	@media (max-width: 575.98px) {
		.container {
			padding-left:1.5rem;
			padding-right:1.5rem;
		}
	}
	
.block {
	margin-top:6rem;
}

.block.leading {
	margin-top:3rem;
}

	@media (max-width: 991.98px) {
		.block:not(.leading) {
			margin-top:4rem;
		}
	}

.py-6 {
	padding-top:6rem;
	padding-bottom:6rem;
}
	
	@media (max-width: 991.98px) {
		.py-6 {
			padding:4rem 0;
		}
	}


/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin:0;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin:0;
}

.entry-content h2 {
	margin-bottom:1.5rem;
}

.entry-summary a,
.entry-content a:not(.btn):not(.text-decoration-none), 
.entry-content a:not(.btn):not(.text-decoration-none):hover,
.entry-footer a,
.archive-description a,
.link-red {
    border-bottom: 0.063rem solid #c1432e;
    color:#c1432e;
    padding-bottom:0.063rem;
    text-decoration:none;
}

.page-links {
	clear: both;
	margin:0;
}

.tags-links {
	margin-top:0.5rem;
}

.entry-footer .edit-link {
	display:none;
}

.comments-link,
.comments-area {
	display:none;
}

/*
.category-latin-selections .entry-content {
	display: -webkit-box;
	-webkit-line-clamp:10;
	-webkit-box-orient: vertical;  
	overflow: hidden;
}
*/


/* Misc
--------------------------------------------- */
.latest-blog .link-red {
	display:none;
}

	@media (min-width: 992px) {
		.latest-blog .post-thumbnail img {
			height:500px;
		}
	}
	
	@media (min-width: 1200px) {
		.latest-blog .post-thumbnail img {
			position:relative;
			box-shadow:35px 35px 0px 0px #c1432e;
			position:relative;
			margin-left:6%;
			margin-bottom:40px;
			max-width:80%;
		}
	}

.poet-details .col-lg-6:nth-child(1) {
	margin-top:0;
}

	@media (min-width: 992px) {
		.poet-details .col-lg-6:nth-child(2) {
			margin-top:0;
		}
	}

.poems .col-lg-4:nth-child(1) {
	margin-top:0;
}

	@media (min-width: 576px) {
		.poems .col-lg-4:nth-child(2) {
			margin-top:0;
		}
	}

	@media (min-width: 992px) {
		.poems .col-lg-4:nth-child(3) {
			margin-top:0;
		}
	}


/* =Poem Translations
----------------------------------------------- */
	@media (min-width:576px) {
		.stanzas .col-12 {
			-ms-flex:0 0 50%;
			flex:0 0 50%;
			max-width:50%;
		}
	}

	@media (max-width: 575.98px) {
		.scroll-note {
			display:block;
			font-style:italic;
		}	
		.col-scroll-1,
		.col-scroll-2 {
			background:#f0eaec;
			display:block; 
			height:260px; 
			max-width:100%; 
			margin:0 auto 0 0; 
			margin-bottom:1.25rem;
			overflow-y:scroll; 
			padding:1.25rem; 
		}
		.col-scroll-2 {
			background:#e2d7da;
		}
	}


/* =Poem Lists
----------------------------------------------- */
.poem-list {
    list-style-type:upper-roman;
    list-style-position:inside;
}

.poem-list li:last-child {
    padding-bottom:0
}

.poem-list li a {
	border-bottom:0.063rem solid #999;
    color:#e4e7eb;
    font-size:1.25rem;
	letter-spacing:2px;
	word-spacing:0.063rem;
	padding-bottom:0.063rem;
}


/* =Media
----------------------------------------------- */
img, 
video {
	height:auto;
	max-width:100%;
}

.object-fit-cover {
	height:100%;
	object-fit:cover;
	width:100%;
}

.grayscale {
	filter: grayscale(100%);
	filter: gray;
	-webkit-filter: grayscale(100%);
	opacity:1;
	transition: 1s ease;
}
	
.grayscale:hover {
	/*
	filter: grayscale(0%);
	filter: none;
	-webkit-filter: grayscale(0%);
	transition: 1s ease;
	*/
}

.placeholder-image {
    align-items: center;
    background: #eee;
    color: #212529;
    display: flex;
	padding:3rem 2rem;
    justify-content: center;
    text-align: center;
    width: 100%;
}

	@media (max-width: 767.98px) {
			.collage .ratio-16x9 {
			--bs-aspect-ratio: 75% !important;
		}
	}


/* Audio player
-------------------------------------------------- */
.mejs-container .mejs-button > button {
	background-image:url("images/mejs-controls-svg.svg");
}

.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body {
	background-color:transparent !important;
}

.mejs-container .mejs-time {
	color:#212529 !important;
}

.mejs-container .mejs-controls {
	padding-left:0 !important;
	padding-right:0 !important;
}

.mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
  background-color:#ccc !important;
}

.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total {
  background-color:#212529 !important;
}

.mejs-controls .mejs-time-rail .mejs-time-loaded {
  background-color:#ccc !important;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.mejs-controls .mejs-time-rail .mejs-time-current {
  background:#212529 !important;
}


/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom:1.5rem;
	max-width:100%;
}

.wp-caption img[class*="wp-image-"] {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.wp-caption .wp-caption-text {
	font-size:0.8rem;
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}


/* =Post Navigation
----------------------------------------------- */
.nav-previous,
.nav-next {
	font-weight:300;
	margin:1rem 0;
}

.nav-previous a:before,
.nav-next a:after {
	font-size:1.3rem;
	font-weight:400;	
	margin:0;
	padding:0;
}

.nav-previous a:before {
	content:"\2190";
	padding-right:0.5rem;
}

.nav-next a:after {
	content:"\2192";
	padding-left:0.5rem;
}

.nav-previous a,
.nav-next a,
.nav-previous a:hover,
.nav-next a:hover {
	color:#c1432e;
	font-weight:300;	
	text-decoration:none;
}


/* Pagenavi
----------------------------------------------- */
.wp-pagenavi .pages {
	display:none;
}

.wp-pagenavi a, .wp-pagenavi span {
	border:0.063rem solid transparent;
	color:#c1432e;
	padding:4px 10px;
	margin:5px;
	text-decoration:none;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border:0.063rem solid #212529;
	color:#212529;
}

	@media (max-width: 575.98px) {
		.wp-pagenavi .first,
		.wp-pagenavi .last,
		.wp-pagenavi .extend{
			display:none;
		}
	}


/* Social Share
-------------------------------------------------- */
.social-share-buttons {
    display:flex;
    justify-content:start;
    gap:1rem;
}

.social-share-buttons a {
	height:22px;
	width:22px;
	text-indent:-9999px;
}

.social-share-buttons a[href*="facebook.com"] {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="%23c1432e"><path d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z"/></svg>');	
}

.social-share-buttons a[href*="twitter.com"] {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="%23c1432e"><path d="M0 0v24h24v-24h-24zm18.862 9.237c.208 4.617-3.235 9.765-9.33 9.765-1.854 0-3.579-.543-5.032-1.475 1.742.205 3.48-.278 4.86-1.359-1.437-.027-2.649-.976-3.066-2.28.515.098 1.021.069 1.482-.056-1.579-.317-2.668-1.739-2.633-3.26.442.246.949.394 1.486.411-1.461-.977-1.875-2.907-1.016-4.383 1.619 1.986 4.038 3.293 6.766 3.43-.479-2.053 1.079-4.03 3.198-4.03.944 0 1.797.398 2.396 1.037.748-.147 1.451-.42 2.085-.796-.245.767-.766 1.41-1.443 1.816.664-.08 1.297-.256 1.885-.517-.44.656-.997 1.234-1.638 1.697z"/></svg>');}

.social-share-buttons a[href*="linkedin.com"] {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="%23c1432e"><path d="M0 0v24h24v-24h-24zm8 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.397-2.586 7-2.777 7 2.476v6.759z"/></svg>');
}


/* Footer
--------------------------------------------- */
.site-footer ul {
	list-style:none;
	padding:0;
}

.site-footer li {
	display:inline-block;
}

.site-footer a {
	color:#8d9094;
	text-decoration:none;
}

.footer-links a {
	font-size:0.9rem;
	margin:0 1rem 0 0;
} 


/* Newsletters
-------------------------------------------------- */
	@media (max-width:1199px) {
		.newsletter.ftr {
			max-width:500px;
		}
	}

.newsletter.ftr .content .heading {
	font-family:'Frank Ruhl Libre', serif;
	font-weight:400;
	letter-spacing:0.063rem;
}

.newsletter.ftr .content .form-control {
	border:0.063rem solid #8d9094;
	border-right:0;
	border-radius:0;
	color:#8d9094;
	height:40px;
}

.newsletter .content.form-control:focus {
	border:none;
	box-shadow:none;
}

.newsletter.ftr .content input {
	font-size:0.9rem;
}

.newsletter.ftr .content .btn {
	background:transparent;
	border-color:#8d9094;
	border-radius:0;
	color:#8d9094;
	font-size:0.813rem;
	letter-spacing:2px;
	padding-left:20px;
	padding-right:20px;
	min-height:40px; 
	text-transform:uppercase;
	word-spacing:2px;
}


/* =Accessibility
----------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(0.063rem, 0.063rem, 0.063rem, 0.063rem);
	clip-path: inset(50%);
	height: 0.063rem;
	margin: -0.063rem;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 0.063rem;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}


/* Alignments
--------------------------------------------- */
.alignleft {
	float: left;
	margin-right: 1.5rem;
	margin-bottom: 1.5rem;
}

.alignright {
	float: right;
	margin-left: 1.5rem;
	margin-bottom: 1.5rem;
}

	@media (max-width: 767.98px) {
		.alignright {
			display:block;
			float:none;
			margin-left:0;
		}
	}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5rem;
}