/*!
Theme Name: irinalicious
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Version: 2.0.0
Tested up to: 5.4
Requires PHP: 5.6
Text Domain: irinalicious

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalizer
# Base
	- Typography
	- Elements
	- Layout
	- Links
	- Forms
# Components
	- Top navigation
	- Posts and pages
	- Tag & category pages 
	- Bottom navigation
	- Comments
	- Bottom navigation
	- Media
	- Captions
	- Galleries
# Plugins	
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalizer
--------------------------------------------------------------*/

/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */

html {box-sizing: border-box;}
*, *::before, *::after {box-sizing: inherit; margin: 0; padding: 0;}
html {font-size: 1rem; line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; tab-size: 4;}
body {margin: 0;}
hr {height: 0; color: inherit;}
abbr[title] {text-decoration: underline dotted;}
b, strong {font-weight: bolder;}
code, kbd, samp, pre {font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;	font-size: 1em;}
small {font-size: 80%;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
table {text-indent: 0; border-color: inherit;}



::-moz-focus-inner {border-style: none; padding: 0;}
:-moz-focusring {outline: 1px dotted ButtonText;}
:-moz-ui-invalid {box-shadow: none;}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */

:root {
	--main-font-family: "Open Sans", sans-serif;
	--headings-font-family: "Jaldi", sans-serif;
	--articleheadings-font-family: "Jaldi", sans-serif;
	--meta-font-family: "Open Sans", sans-serif;

	--size-sm: 0.75rem;   /* 12px */
	--size-base: 1rem;    /* 16px, base */
	--size-md: 1.25rem;   /* 20px */
	--size-lg: 1.5rem;    /* 24px */
	--size-xl: 1.75rem;   /* 28px */
	--size-xxl: 2rem;     /* 32px */
	--size-xxxl: 2.25rem; /* 36px */

	--link-color: #D65456;
  }

body, button, input, select, textarea {color: #1C1C1C; font-family: var(--main-font-family); font-size: 0.85rem; line-height: 1.65;}
  @media (min-width: 850px) {
	body, button, input, select, textarea {font-size: 0.9rem;}
  }

h1, h2, h3, h4, h5, h6 {clear: both; line-height: 1.2; color: #2E2E2E;}
h3, h4, h5, h6 {margin-bottom: 0.8em;}
p {margin-bottom: 1.5em;}
dfn, cite, em, i {font-style: italic;}
blockquote {background-color: #FFF5F5; padding: 15px 15px 15px 15px; margin-inline: -10px; margin-bottom: 1.5em;} 
	blockquote p:last-child {margin-bottom: 0;}
address {margin: 0 0 1.5em;}
pre {background: #EEE; font-family: "Courier 10 Pitch", courier, monospace; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em;}
abbr, acronym {border-bottom: 1px dotted #666; cursor: help;}
mark, ins {background: #FFF9C0; text-decoration: none;}

/* Elements
--------------------------------------------- */
hr {background-color: #CCC; border: 0; height: 1px; margin-bottom: 1.5em;}
dt {font-weight: 700;}
dd {margin: 0 1.5em 1.5em;}
embed, iframe, object {max-width: 100%;}
img {height: auto; max-width: 100%;}
table {margin: 0 0 1.5em; width: 100%;}

/* Layout
--------------------------------------------- */
body {display: flex; flex-direction: column; background: #fff;}
.site-header {margin-bottom: 5rem;}
.site-main {max-width: 800px; padding:0 1.25rem 70px 1.25rem; margin-inline: auto;}
	@media (min-width: 1200px) { .site-main {max-width: 900px;} }
.site-main img, .gallery img {margin-bottom: 1.5rem; display: block;}

/* Makes a paragraph immediately followed by an image have a margin / same for an image directly followed by a paragraph */
.site-main p:has(+img), .site-main p:has(+.gallery) {margin-bottom: 2.0em;}
.site-main img:has(+p), .site-main .gallery:has(+p) {margin-bottom: 2.0em;}


.site-title {font-size: 3.1rem; line-height: 1.2; font-weight: 100; color: #000; font-family: 'Jullian-Regular', Mistral, sans-serif; text-align: center; margin-top: 30px; margin-bottom: 30px;}
	@media (min-width: 630px) {
		.site-title {font-size: 3.4rem;}
	}

@media (min-width: 830px) {
	.headerimg {position: relative; margin: 8px auto 0; max-width: 1150px; display: grid; grid-template-columns: 1fr 10% minmax(565px, auto);}
	.headerphoto, .headertext {grid-row: 1/2; align-self: center;}
	.headerphoto {grid-column: 1/3; max-width: 575px; justify-self: end; z-index: 1; transform: rotate(-6.71deg); filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); min-width: 300px; margin-left: -200px;}
	.headerphoto img {transform: translate(20px, 20px);}
	.headertext {grid-column: 2/4; max-width: 640px; justify-self: end;}
	.site-title {position: absolute; font-size: clamp(2.625rem, 0.2989rem + 3.4783vw, 3.125rem); line-height: 1; z-index: 2; top: 105px; left: 45%; background-color: #FFF; padding-inline: 8px; padding-bottom: 2px; margin: 0; text-align: unset; display: inline;}
	.main-navigation {position: relative; max-width: 1160px; margin: 0 auto; display: flex; justify-content: end;}
}

@media (min-width: 1000px) {
	.site-title {left: 57%;}
}

.entry-category {font-size: 0.8rem; font-family: var(--meta-font-family); text-align: center; text-transform: uppercase; letter-spacing: 1px; margin: 20px 0;}
.entry-title {text-align: center; margin: 0 0.1em 0.1em 0.1em; font-family: var(--headings-font-family); font-size: 1.4rem; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; text-wrap: balance;}
.entry-meta {font-family: var(--meta-font-family); font-size: var(--size-sm); color: #000000; text-transform: uppercase; letter-spacing: 1px; text-align: center; width: 100%;}

/* Geolocation text */
.post-location::before {
	content: '';
	background-image: url('assets/icons/location-marker.svg');
	background-repeat: no-repeat;
	display: inline-block;
	height: 14px;
	width: 10px;
	background-size: 10px;
	background-position-y: bottom;
	vertical-align: sub;
	margin-right: 2px;}

.post-location::after {content: '/'; margin: 0 0 0 6px; font-size: 16px; vertical-align: middle; color: #e6e6e6;}

.entry-thumbnail {margin-bottom: 20px; margin-bottom: 1.25rem;}
.entry-content h1, .entry-content h2, .entry-content h3, .comment-content h1, .comment-content h2, .comment-content h3 {letter-spacing: -0.5px;}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-content hr, .comment-content h1, .comment-content h2, .comment-content h3, .comment-content h4, .comment-content h5, .comment-content h6, .comment-content hr {margin-bottom: 17px;}
.entry-content iframe {display: block; margin-inline: auto;}
.entry-content ul, .entry-content ol {margin-bottom: 20px; margin-bottom: 1.25rem; margin-top: 0; padding-left: 3em; padding-right: 4em;}
.entry-content li, .entry-content ol {margin-bottom: 0.3em;}
.entry-content ul {list-style-type: square;}

.entry-footer {font-family: var(--meta-font-family); font-size: var(--size-sm); text-transform: uppercase; letter-spacing: 1px; color: #000000; display: flex; flex-wrap: wrap; gap: 8px; border-top: 4px double #E6E6E6; padding-bottom: 10px; margin: 20px 0 70px 0; width: 100%; align-items: center;}
.entry-footer span {margin-top: 10px;}
.entry-footer span + span {margin-left: 9px;}

.entry-footer .cat-links::before {
	content: '';
	background-image: url('assets/icons/folder-open.svg');
	background-repeat: no-repeat;
	display: inline-block;
	height: 14px;
	width: 18px;
	background-size: 15px;
	background-position-y: bottom;
	vertical-align: sub;
}

.entry-footer .tags-links::before{
	content: '';
	background-image: url('assets/icons/tags.svg');
	background-repeat: no-repeat;
	display: inline-block;
	height: 14px;
	width: 18px;
	background-size: 15px;
	background-position-y: bottom;
	vertical-align: sub;
}

.entry-footer .edit-link::before{
	content: '';
	background-image: url('assets/icons/pencil.svg');
	background-repeat: no-repeat;
	display: inline-block;
	height: 14px;
	width: 18px;
	background-size: 15px;
	background-position-y: bottom;
	vertical-align: sub;
}

.entry-footer .comments-link {margin-left: auto;}
.single .social-link-text {margin-left: auto;}
.social-link-fb img, .social-link-x img, .social-link-email img {margin: 0; height: 26px; width: auto;}
.social-link-email img {height: 19px;}



@media (max-width: 600px) {
  .entry-footer span + span {margin-left: 0;}
  .entry-footer .comments-link {margin-left: 0;}
  .single .social-link-text {margin-left: 0;}
  .entry-footer .social-link-text {flex-basis: 100%; margin-top: 14px;}
  .entry-footer .social-link-fb, .entry-footer .social-link-x, .entry-footer .social-link-email {margin-top: 0;}
}

	  
.site-footer {padding:1.375rem 1rem; border-top: 1px solid #f1f1f1; font-size: var(--size-sm); display: flex; justify-content: center; text-align: center;}
.site-footer_container {max-width: 950px;}

/* Links
--------------------------------------------- */
a {color: #1C1C1C; text-decoration: none;}
a:visited {color: inherit;}
a:hover, a:focus, a:active {color: inherit;}
a:focus {text-decoration: none;}
a:hover, a:active {outline: 0;}

.entry-content a, .comment-form a, .entry-category a, .entry-content a:visited, .comment-form a:visited, .entry-category a:visited, .loabanner-indexpage a, .loabanner-singlepage a:visited {color: var(--link-color);}
.entry-content a:hover, .comment-form a:hover, .entry-category a:hover, .loabanner-indexpage a:hover, .loabanner-singlepage a:hover {color: #222222;}

/* Forms
--------------------------------------------- */
input[type="text"], input[type="email"], input[type="search"], textarea {background-color: #FFF; color: #222222; border: 1px solid #f1f1f1; margin: 0 0 10px; padding: 7px 12px; border-radius: 2px; max-width: 100%;}
input[type="text"]:focus, input[type="email"]:focus, input[type="search"]:focus, textarea:focus {outline: 1px solid #DDDDDD;} 
input[type="checkbox"] {margin-right: 9px;}
input {accent-color: var(--link-color);}

select {max-width: 100%; background-color: #FFF; color: #222222; border: 1px solid #f1f1f1; border-radius: 2px; padding: 5px 3px 5px 3px; cursor: pointer; line-height: 1.4;}
textarea {width: 100%; resize: vertical;}
::-webkit-search-decoration {-webkit-appearance: none;}

button, input[type="button"], input[type="reset"], input[type="submit"] {border: none; background: #000000; color: #fff; font-size: 12px; padding: 8px 24px; border-radius: 3px; cursor: pointer; text-shadow: none; text-transform: uppercase; letter-spacing: 1.4px; -webkit-appearance: button; box-shadow: 0 2px 4px rgba(0,0,0,0.2); transition: all 0.2s ease-in-out;}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {transform: translateY(-2px); box-shadow: 0 4px 6px rgba(0,0,0,0.3);}

button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {box-shadow: 0 2px 6px rgba(165, 165, 165, 0.3); background: #FFFFFF; color: #000; border: 1px solid #c5c5c5;}

.comment-form input[type="submit"] {width: 166px;}

/* Comment form
--------------------------------------------- */

.comment-form {display: grid; grid-template-columns: 1fr;}
.comment-form-author input, .comment-form-email input {width: 100%;}
.logged-in-as, .comment-instructions, .comment-notes {text-align: center;}
.comment-instructions {margin-top: -0.5em;}
.comment-form-cookies-consent label, .comment-form-cookies-consent input[type="checkbox"] {vertical-align: middle;}

@media screen and (min-width: 750px) {
.comment-form {width: 100%; display: grid; grid-template-columns: 1fr 1fr; column-gap:1rem;
	grid-template-areas: 
			"logged-in-as logged-in-as"
			"comment-instructions comment-instructions"
			"comment-notes comment-notes"
			"comment-form-comment comment-form-comment"
			"comment-form-author comment-form-email"
			"comment-form-cookies-consent comment-form-cookies-consent"
			"form-submit ...";}

.logged-in-as {grid-area: logged-in-as;}
.comment-instructions {grid-area: comment-instructions; margin-top: unset;}			
.comment-notes {grid-area: comment-notes;}
.comment-form-comment {grid-area: comment-form-comment;}
.comment-form-author {grid-area: comment-form-author;}			
.comment-form-email {grid-area: comment-form-email;}
.comment-form-cookies-consent {grid-area: comment-form-cookies-consent;}
.form-submit {grid-area: form-submit;}
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Site Topbar */
.site-topbar {position: relative; z-index: 20; font-size: 12px; font-family: var(--main-font-family); margin-bottom: 10px;}


/* Top navigation
--------------------------------------------- */
.menu {font-family: var(--meta-font-family); font-size: var(--size-sm); letter-spacing: 1.2px; text-transform: uppercase;}
.main-navigation input[type="checkbox"]{display: none;}

@media (max-width: 830px) {     
	.main-navigation {display: flex; justify-content: center; align-items: center; flex-direction: column;}
	.main-navigation label {display: inline-block; height: 21px; width: 21px; margin-bottom: 10px; background: url('assets/icons/menubars.svg') no-repeat center / contain transparent; cursor: pointer;}
  	.main-navigation input[type="checkbox"] + div {display: none;}
  	.main-navigation input[type="checkbox"]:checked + div {display: block;} 
	.main-navigation ul {list-style: none; text-align: center;}
	.main-navigation li {background-color: #F6F6F6; padding-inline: 28px; padding-block: 10px; margin-bottom: 4px;}
}

@media (min-width: 831px) {
	.main-navigation label {display: none;}
	.menu-huvudmeny-container {position: absolute; margin-right: 15%; top: -30px;}
	.menu-huvudmeny-container ul {display: flex; justify-content: center; align-items: center; flex-direction: row; list-style: none; gap: 30px;}
	.menu-huvudmeny-container a {display: block; text-decoration: none;}
}

/* Posts and pages
--------------------------------------------- */
.sticky {display: block;}
.post, .page {margin: 0 0 4.5em;}
.updated:not(.published) {display: none;}
.page-content, .entry-content, .entry-summary {margin: 1.6em 0 0;}
.page-links {clear: both; margin: 0 0 1.5em;}
.page-title {text-align: center; margin: 0; font-family: var(--headings-font-family); font-size: 1.4rem; text-transform: uppercase; letter-spacing: 1px;}

.search-results .page-title span {color: #d65456;}
body.search-no-results .page-content {max-width: 900px; margin-inline: auto; padding: 0 1.25rem 70px 1.25rem;}

h2 {margin: 0 0 0.4em; font-family: var(--articleheadings-font-family); font-size: 1.3rem; text-transform: uppercase; margin-top: 30px;}
h3 {margin: 0 0 0.4em; font-family: var(--articleheadings-font-family); font-size: 1.1rem; text-transform: uppercase; margin-top: 30px;}

.question {background-color: #FFF7F3; padding: 15px 15px 15px 15px; margin-inline: -10px; margin-bottom: 1.5em;} /* Readers' questions styling */
.question p:last-child, .textbox p:last-child {margin-bottom: 0;}
.textbox {background-color: #F1F1F1; padding: 15px 15px 15px 15px; margin-inline: -10px; margin-bottom: 1.5em;} /* Background color behind text */ 
.centerparagraph {margin-inline: auto; text-align: center; max-width: 650px;}

.youtube-container {position: relative; overflow: hidden; margin-inline: auto; margin-bottom: 1.5em;}
.youtube-container iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
	@media (max-width: 679px) {.youtube-container {padding-top: 56.25%;}} /* For 16:9 aspect ratio */
	@media (min-width: 680px) {.youtube-container {max-width: 100%; height: 485px;}}

.affiliate-disclaimer {margin-top: 1.6em;}	
.affiliate-disclaimer p {background-color: #FFF6EA; text-align: center; padding: 6px 10px;}

/* Expand text on click - good for lyrics */
.expand-text summary{cursor: pointer; color: var(--link-color); list-style: none; display: inline; font-weight: 700;}
.expand-text summary::marker {content: "";}
.expand-text summary::-webkit-details-marker {display: none;}
.expand-text {margin: 0.8em 0 1.5em;}
.expand-text[open] summary {margin-bottom: 0.6em; display: inline-block;}


/* Tag & category pages - display posts in pairs */
.archive__layout {display: flex; flex-wrap: wrap; justify-content: space-around; align-items: flex-start;}
.archive__layout .post {flex-basis: 32%;}
    @media (max-width: 991px) { .archive__layout {flex-basis: 49%;} }

.archive-header {max-width: 950px; padding: 25px 40px 0 40px; border-top: 1px solid #F1F1F1; clear: both; position: relative; margin: 0 auto 5rem;}
.archive-header .taxonomy-description {margin-bottom: 5rem; margin-top: 15px; color: #777777;}

/* Tag & category pages - displays the featured images as squares  */
.entry-thumbnail {width: 270px; height: 270px; overflow: hidden;}
.entry-thumbnail img {width: 100%; height: 100%; object-fit: cover;}

.loabanner-indexpage {margin-top: 40px; max-width: 800px; margin-inline: auto; margin-bottom: 80px;}
.loabanner-singlepage {max-width: 800px; margin: 50px auto 70px auto;}
.loabanner-indexpage img, .loabanner-singlepage img {display: block; margin: 0 auto;}
.loabanner-indexpage a, .loabanner-singlepage a {font-weight: bold;}


/* Bottom navigation
--------------------------------------------- */

/* Post navigation - previous / next buttons */
.posts-navigation {margin-top: 50px;}
.posts-navigation .nav-links {display: flex; justify-content: space-between;}
.posts-navigation a {letter-spacing: 1.3px; font-size: 11px; text-transform: uppercase; border-radius: 2px; background: #000000; color: #fff; padding: 8px 24px; padding: 0.5rem 1.5rem; display: inline-block;}
.posts-navigation .nav-previous a::before, .posts-navigation .nav-next a::after {
	content: '';
	background-image: url('assets/icons/angle-left-solid.svg');
	background-repeat: no-repeat;
	display: inline-block;
	height: 14px;
	width: 18px;
	background-size: 14px;
	vertical-align: -3px;
}
.posts-navigation .nav-next a::after {
	content: '';
	background-image: url('assets/icons/angle-right-solid.svg');
	background-repeat: no-repeat;
	display: inline-block;
	height: 14px;
	width: 18px;
	background-size: 14px;
	vertical-align: -3px;
}

/* Post navigation - numbered */
.pagination {clear: both; text-align: center;}
.page-numbers {display: inline-block; padding: 5px 10px; margin: 0 2px 0 0; line-height: 1; text-decoration: none; border-radius: 2px; font-size: 11px; font-weight: 400; background-color: #E6E6E6;}
.page-numbers.current, a.page-numbers:hover {background: #F9F9F9;}


/* Comments
--------------------------------------------- */
.comment-respond {margin-block: 3em;}
.comment-reply-title, .comments-title {text-align: center; font-family: var(--headings-font-family); font-size: 1.2rem; text-transform: uppercase; letter-spacing: 1px;}
.comments-title {margin-bottom: 1em;}
.required-field-message {display: block;}
@media (min-width: 480px) {.comment-content {padding-left: 3.5em;} .required-field-message {display: unset;} }
.comment-content a {word-wrap: break-word;}
.comment-list {padding: 0px; list-style: none;}
.comment-body {padding: 0.8rem 0.7rem; border-bottom: 1px solid #F1F1F1;}
.comment-author .fn {font-weight: 500; text-transform: uppercase; font-size: 14px; letter-spacing: 1.5px;}
.comment-metadata {margin-bottom: 15px;;}
.comment-metadata p, .comment-metadata a {color: #777777; font-size: 12px; font-style: italic;}
.no-comments {text-align: center; margin-top: 30px;}
.bypostauthor {background-color: #FBFBFB;}  /* Author comment highlight */
.comment-moderation p {display: inline-block; background-color: #FFEACE; padding: 1px 8px;}

/* 404 page
--------------------------------------------- */
.widget {margin: 0 0 1.5em;}
.widget ul {list-style-type: none;}
.widget h2 {margin: 0 0 0.4em; font-family: var(--headings-font-family); font-size: 1.2rem; text-transform: uppercase; letter-spacing: 1px; margin-top: 30px;}
.tagcloud {display: flex; flex-wrap: wrap; margin-left: -7px;}
.tagcloud a {text-transform: uppercase; display: inline-block; line-height: 0; margin: 7px; padding: 12px 8px; background-color: #f7f7f7; border: 1px solid #F1F1F1; border-radius: 2px;}



/* Media
--------------------------------------------- */

/* Make sure logo link wraps around logo image. */
.custom-logo-link {display: inline-block;}

/* Captions
--------------------------------------------- */
figure {max-width: 100%;}
.wp-caption  {display: flex !important; flex-direction: row-reverse; align-items: flex-end; justify-content: center;}
.wp-caption-text {font-style: italic; font-size: 11px; writing-mode: vertical-rl; transform: rotate(180deg); text-align: left;}
.wp-caption img {margin-bottom: 0;}
.img-caption {margin: 1em 1em 2em 1em; max-width: 100%; text-align: center; font-weight: 700; text-wrap: balance;}

/* Alignments
--------------------------------------------- */
.alignleft {float: left; margin-right: 1.5em; margin-bottom: 1.5em; max-width: 45%;}
.alignright {float: right; margin-left: 1.5em; margin-bottom: 1.5em; max-width: 45%;}
.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto; margin-bottom: 1.5em;}
.fullwidth {margin: 0 calc(50% - 50vw) 1.5em; transform: translateX(calc(50vw - 50%)); min-width: 110%; padding-inline: 1em;}


/* Photos
--------------------------------------------- */

/* To make an image escape the container and be wider than the blog post text */

.widepic {max-width: 100%;}
@media (min-width: 1120px) {
.widepic {margin: 0 calc(50% - 50vw) 1.5em; transform: translateX(calc(50vw - 50%)); max-width: 1100px;}
}

/* Galleries
--------------------------------------------- */

/* To display images in pairs on iPad portrait view */
@media (min-width: 700px) {
.gallery {display: grid; gap: 8px; margin: 0 calc(50% - 50vw) 1.5em; transform: translateX(calc(50vw - 50%)); padding-inline: 1em;}
.gallery-item {display: inline-block; text-align: center; width: 100%; justify-self: stretch;}
.gallery-icon {height: 100%;}
.gallery img {object-fit: cover; height: 100%; margin-bottom: unset;}
.gallery-caption {display: block;}

.gallery-columns-2 {grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));} 
.gallery-columns-3 {grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));} 
.gallery-columns-4 {grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); } 

.gallery-size-medium {max-width: 100%; padding-inline: 0px;}
.gallery-size-large {max-width: 1100px;}
.gallery-size-full {max-width: 1200px;}
}


/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Highlight Seach Terms */
.hilite {
    background-color: yellow; 
}


/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; 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;}


/*--------------------------------------------------------------
# Legacy styling from Boston theme
--------------------------------------------------------------*/

.noborder_aligncenter {display: block; margin: 15px auto 15px auto; text-align: center;}
.noborder_aligncenter iframe {display: block; margin-left: auto; margin-right: auto;}

/* Compact Archives */
.compact-archives ul, .compact-archives ol {list-style: none; margin: 0; padding: 0;}
.compact-archives li {margin: 0 27px 0 0; line-height: 1.9;}
.compact-archives li a, .compact-archives li .emptymonth {margin-right: 4px;}
.compact-archives li strong {margin-right: 5px; background-color: #f5f5f5; padding: 2px 5px;}
.emptymonth {color: #bbbbbb;}
.nolinkcolor a {color: #000;}
.nolinkcolor a:hover {color: #d65456;}


/* Temporary Header 
--------------------*/

.temp-header {position: relative; z-index: 20; text-align: center; margin: 10px 0 4rem;}

/* Title area */
.temp-branding {padding: 50px 0;}

.temp-site-title {margin: 0; font-family: 'Jullian-Regular', Mistral, sans-serif; font-weight: 100; line-height: 1; font-size: clamp(2.6rem, 5vw, 3.5rem); color: #000;}
.temp-site-title a {color: inherit; text-decoration: none;}
.temp-site-title a:hover {text-decoration: none; color: inherit;}

/* Menu bar */
.temp-topbar {font-family: var(--main-font-family); font-size: 12px; margin-bottom: 10px;}
.temp-navigation {display: flex; justify-content: center;}

/* Menu list */
.temp-navigation ul {list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 24px;}
.temp-navigation a {display: block; text-decoration: none; color: #000; text-transform: uppercase; letter-spacing: 1.2px; line-height: 1.2; padding: 10px 0;}
.temp-navigation a:hover {color: #888;}
.temp-navigation .current-menu-item > a, .temp-navigation .current-menu-ancestor > a, .temp-navigation .current_page_item > a, .temp-navigation .current_page_ancestor > a {color: #d65456;}
.temp-navigation a:visited {color: #000;}

/* Mobile: stack nicely */
@media (max-width: 991px) {
	.temp-branding { padding: 35px 0; } .temp-navigation ul {gap: 12px 18px;}
	.temp-navigation a {font-size: 12px; padding: 8px 0;}
}