/*!
Theme Name: aamunkoitto
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: aamunkoitto
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

aamunkoitto is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

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

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

html, body { min-width: 340px; }

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
	margin-top: 206px;
}

@media (max-width: 1199px) {
	main { margin-top: 126px; }
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
	overflow-wrap: break-word;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}


select:focus {
  outline: auto;
}

select:focus-visible {
  outline: 1px dotted #000000;
  outline-offset: 3px;
}


a:focus, button:focus, select:focus, .facetwp-facet.facetwp-facet-reference_categories .facetwp-radio:focus, .facetwp-facet.facetwp-facet-post_categories .facetwp-radio:focus {
    outline: thin dotted #989898;
    outline-offset: 2px;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/*Fonts & colors */
:root {
  --mw: "Merriweather", serif;
  --os: "Open Sans", sans-serif;

  --red: #a5112a;
  --beige: #f4eddf;
  --gold: #c2b17d;
  --navy: #1f2339;
  --grey: #666479;
}


.bg-blue { background-color: var(--navy) !important; }
.bg-gold { background-color: var(--gold); }
.bg-beige { background-color: var(--beige); }

/*Spacing  */
.ptb-112 { padding-block: 112px; }
.ptb-72 { padding-block: 72px; }
.pt-72 { padding-top: 72px; }
.ptb-50 { padding-block: 50px; }
.pb-50 { padding-bottom: 50px; }

.mtb-72 { margin-block: 72px; }
.mtb-50 { margin-block: 50px; }

@media (max-width: 768px) {
	.ptb-112 { padding-block: 64px; }
	.ptb-72 { padding-block: 50px; }
	.pt-72 { padding-top: 50px; }
	.mtb-72 { margin-block: 50px; }
	.ptb-50 { padding-block: 36px; }
	.pb-50 { padding-bottom: 36px; }

}

/*Elements */
.fullline-separator { width: 100%; height: 2px; background-color: var(--gold); }

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

body,
button,
input,
select,
optgroup,
textarea {
  color: var(--navy);
  font-family: var(--os);
  font-size: 1rem;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}

h1 {
  font-size: 1.625rem;
  font-size: clamp(
    1.625rem,
    1.0174050632911391rem + 1.2658227848101267vw,
    2.125rem
  );
  font-family: var(--mw);
  font-weight: 400;
}

h2,
.title-h2 {
  font-size: 1.5rem;
  font-size: clamp(1.5rem, 0.8924050632911392rem + 1.2658227848101267vw, 2rem);
  font-family: var(--mw);
  font-weight: 400;
}

h3,
.title-h3 {
  font-size: 1rem;
  font-size: clamp(
    1rem,
    0.8481012658227848rem + 0.31645569620253167vw,
    1.125rem
  );
  font-family: var(--os);
  text-transform: uppercase;
  font-weight: 700;
}

h4,
.title-h4 {
	font-size: 1.2rem;
	font-size: clamp( 1.2rem, 0.8212025316455696rem + 0.6329113924050633vw, 1.375rem);
	font-family: var(--mw);
	font-weight: 400;
	text-transform: inherit;
}

@media(max-width:768px) { 
	h4, .title-h4 { font-weight: 500; }
}

h5,
.title-h5 {
  font-size: 1rem;
  font-size: clamp(
    1rem,
    0.8481012658227848rem + 0.31645569620253167vw,
    1.125rem
  );
  font-family: var(--mw);
  font-weight: 300;
}

h6,
.title-h6 {
  font-size: 0.75rem;
  font-size: clamp(0.75rem, 0.4462025316455696rem + 0.6329113924050633vw, 1rem);
  font-family: var(--os);
  font-weight: 600;
  letter-spacing: 0.1em;
}

p {
  margin-bottom: 1.5em;
}

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

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}


.entry-content blockquote { 
	position: relative;
	font-weight: 600;
	margin: 0; 
	padding-left: 2rem;
}

.entry-content blockquote::before { content: ""; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 1px;  background-color: var(--red); }

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;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
  background: #fff;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 0;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

img {
  height: auto;
  max-width: 100%;
}

figure {
  margin: 1em 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: var(--navy);
	transition: ease-in-out 0.3s;
	overflow-wrap: break-word;

}


a:hover,
a:focus,
a:active {
	color: var(--navy);
	text-decoration: none; 
}

a:focus {
  outline: thin dotted;
}

a:hover,
a:active {
  outline: 0;
}

textarea {
  width: 100%;
}

.linkbtn, .facetwp-load-more { font-size: 0.875rem; font-size: clamp( 0.875rem, 0.7231012658227848rem + 0.31645569620253167vw, 1rem); font-family: var(--os); padding: 10px 18px; border: solid 2px var(--red); transition: ease-in-out 0.4s; text-decoration: none; background-color: transparent; display: table; }

.linkbtn:hover, .post-link:hover .linkbtn, .linkbtn:focus-visible, .post-link:focus-visible .link-btn, .post-link:focus-visible .linkbtn.posts-read-more { background-color: var(--red); color: #fff;  }

.linkbtn.linkbtn-gold, .facetwp-load-more { border: solid 2px var(--gold); }

.linkbtn.linkbtn-gold:hover, .facetwp-load-more:hover, .post-link:hover .linkbtn-gold, .linkbtn-gold:focus-visible, .post-link:focus-visible .linkbtn-gold.posts-read-more { background-color: var(--gold); color: #000 !important; text-decoration: none !important; }

.post-link:focus-visible h4, .post-link:focus-visible .excerpt, .author-link:focus-visible h3, .author-link:focus-visible .author-name { text-decoration: underline; }

.linkbtn-large { padding-inline: 120px; }

@media (max-width: 768px) {
	.linkbtn, .facetwp-load-more { padding: 4px 15px; }
	.linkbtn-large { padding-inline: 20px; width: 100%; text-align: center; }
}



/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

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

/* Navigation
--------------------------------------------- */
.main-navigation {
  display: block;
  width: 100%;
}

.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}

.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
  display: block;
  left: auto;
}

.main-navigation ul ul a {
  width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}

.main-navigation li {
  position: relative;
}

.main-navigation a {
  display: block;
  text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }

  .main-navigation ul {
    display: flex;
  }
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}

.nav-top { padding-top: 52px; padding-bottom: 24px; }

@media (min-width: 1200px) { .nav-top { border-bottom: solid 2px var(--red); } }
@media (max-width: 1199px) { .nav-top { padding-top: 22px; } }


.site-branding img { width: 244px; }

.main-navigation ul { justify-content: center; }

#primary-menu a { text-transform: uppercase;  font-size: 0.75rem; font-size: clamp(0.75rem, 0.4462025316455696rem + 0.6329113924050633vw, 1rem); font-family: var(--os); font-weight: 600; letter-spacing: 0.1em; margin-inline: 11px; padding: 24px 0 24px; }

@media (max-width: 1399px) and (min-width: 1200px) { #primary-menu a {letter-spacing: 0rem; }}

#primary-menu > li:first-child > a { margin-left: 0; }
#primary-menu > li:last-child > a { margin-right: 0; }


#primary-menu a:hover, #primary-menu .current-menu-item a { color: var(--red); }

#masthead { position: fixed; top: 0; width: 100%; background-color: #fff; z-index: 999; }

.nav-top .site-branding { width: 244px;  }
.nav-top .site-branding svg { max-width: 100%; }



.hamburger-btn { position: relative; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; appearance: none; outline: none; border: none; z-index: 99; padding: 0; flex-direction: column; background-color: transparent; }

#mobile-navigation { display: none; padding-bottom: 30px; }
.mm-open #mobile-navigation { display: block; } 


.bar { width: 24px; height: 3px; background: black; margin: 2px 0px; content: ""; display: block; border-radius: 3px; transition: transform 0.3s ease-in-out, opacity 0.2s ease-in-out, visibility 0.2s ease-in-out; }

.mm-open .bar-1 { transform: rotate(-45deg) translate(-6px, 6px); }
.mm-open .bar-2 { opacity: 0; visibility: hidden; }
.mm-open .bar-3 { transform: rotate(45deg) translate(-4px, -4px); }

#mobile-nav #primary-menu { flex-direction: column; display: flex !important; }
#mobile-nav #primary-menu a { margin-inline: 0; text-transform: none; font-size: 0.875rem; font-weight: 400;     padding: 12px 0 12px; }


@media screen and (max-width: 1200px) {
	.mm-open { overflow: hidden !important;  }
	
	#masthead { min-height: 140px; }

    #mobile-navigation {
        height: calc(100vh - 120px);
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        z-index: 1000;
		position: absolute;
        top: 124px;
        left: 0;
        background-color: #fff;
		padding-bottom: 10rem;
    }
}

@media (max-width: 1199px) {
	.nav-top .site-branding { margin-left: 50%; transform: translateX(-50%); }
}

@media (max-width: 767px) { 
	.logo { width: 144px; }
	.nav-top .site-branding { width: 144px; }
}

@media (max-width: 420px) {
	.logo { width: 130px; }
	.nav-top .site-branding { width: 130px; }
	.hamburger-btn { width: 45px; }
}


.title-header { font-size: 0.75rem; font-size: clamp(0.75rem, 0.5981012658227848rem + 0.31645569620253167vw, 0.875rem); text-transform: uppercase; font-family: var(--os); font-weight: 700; text-align: center; color: #0F2346; }
.site-branding a { text-decoration: none; text-align: center; }


.modal-search { background-color: transparent; border: none; text-transform: uppercase; font-size: 0.938rem; font-weight: 600;     display: flex; align-items: center; }
.modal-search::before { content: ""; background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5 10.5C8.26142 10.5 10.5 8.26142 10.5 5.5C10.5 2.73858 8.26142 0.5 5.5 0.5C2.73858 0.5 0.5 2.73858 0.5 5.5C0.5 8.26142 2.73858 10.5 5.5 10.5Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.4993 13.5L9.0293 9.03003' stroke='black' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; height: 13px; width: 13px; display: inline-block; margin-right: 15px; }


.modal-search-mobile { background-color: transparent; border: solid 1px #000; font-size: 1rem; display: flex; align-items: center; width: 100%; padding-block: 5px; justify-content: center; }
.modal-search-mobile::after { content: ""; background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5 10.5C8.26142 10.5 10.5 8.26142 10.5 5.5C10.5 2.73858 8.26142 0.5 5.5 0.5C2.73858 0.5 0.5 2.73858 0.5 5.5C0.5 8.26142 2.73858 10.5 5.5 10.5Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.4993 13.5L9.0293 9.03003' stroke='black' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; height: 13px; width: 13px; display: inline-block; margin-left: 15px; }

#readspeaker_button1, #readspeaker_button2 { font-size: 0.938rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; }
#readspeaker_button1 a, #readspeaker_button2 a { text-decoration: none; display: flex; align-items: center;}
#readspeaker_button1 img, #readspeaker_button2 img { display: none !important;  }
#readspeaker_button1 a::after, #readspeaker_button2 a::after { content: ""; background-image: url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3532_794)'%3E%3Cpath d='M4.08334 4.61539H1.75001C1.10834 4.61539 0.583344 5.13462 0.583344 5.76923V9.23077C0.583344 9.86539 1.10834 10.3846 1.75001 10.3846H4.08334L8.75001 13.8462V1.15385L4.08334 4.61539Z' stroke='%23212121'/%3E%3Cpath d='M11.8417 4.03846C13.7783 5.72308 13.965 8.64231 12.25 10.5577C12.1217 10.7077 11.9817 10.8346 11.8417 10.9615' stroke='%23212121'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3532_794'%3E%3Crect width='14' height='15' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; display: inline-block; height: 15px; width: 15px; margin-left: 15px; }
#readspeaker_button2 a { justify-content: center; }

/* Posts and pages
--------------------------------------------- */

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

.title-wrap, .facetwp-facet-load_more { display: flex; align-items: center; gap: 8%; margin-bottom: 85px;  margin-top: 40px; }
.title-wrap.wrap-logo { gap: 1%; }

.title-wrap img { width: 86px; }

.title-wrap::before, .title-wrap::after, .facetwp-facet-load_more::before, .facetwp-facet-load_more::after { content: ""; flex: 1; height: 2px; background-color: var(--gold); display: flex; }
.title-line, .facetwp-load-more { text-align: center; width: 450px; margin: 0; flex-shrink: 0; }
.wrap-red.title-wrap::before, .wrap-red.title-wrap::after { background-color: var(--red); }

@media (max-width: 992px ) { 
	.title-line { width: 180px; }
	.title-wrap { margin-bottom: 50px; }
	.title-wrap img { width: 52px; }
}


/*Posts highlights */
.post-item .post-thumbnail { position: relative; aspect-ratio: 416/312; overflow: hidden; }
.author-thumb .post-thumbnail { aspect-ratio: 1/1; }

@media (max-width: 400px) {
	.post-item .post-thumbnail { aspect-ratio: 296/ 222; }
}

.post-item .post-thumbnail img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; object-position: 50% 50%; transition: ease-in-out 0.3s; }
/*.post-item .post-thumbnail .placeholder-thumb { object-fit: contain; padding: 50px; background-color: #fff; }*/
.post-link { text-decoration: none; }
.post-link:hover img { transform: scale(1.05); }

h3.post-title { margin-block: 28px; text-transform: inherit; }
.posts-read-more { display: block; margin-block: 30px; width: fit-content; }

/*Single posts*/
.author-wrap { margin-top: 60px; }
.author-thumb { position: relative; height: 198px; width: 198px;  }
.author-thumb img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; object-position: 50% 50%; }
.author-title { margin-block: 30px; }

.author-link { display: flex; flex-direction: column; align-items: center; }
.author-thumb { height: 260px; width: 260px; position: relative; overflow: hidden; border-radius: 50%; }
.author-thumb img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; object-position: 50% 50%;  transition: ease-in-out 0.4s; }

.author-thumb.author-sq { border-radius: 0; }
.blog-item h2, .blog-item h3 { text-align: center; text-wrap: pretty; }

.entry-content img { margin-bottom: 12px; }

@media (max-width: 992px) {
	.author-thumb { height: 200px; width: 200px; }
}

@media (max-width: 768px) {
	.author-wrap { margin-top: 28px; }
}

div.heateor_sss_follow_ul a, div.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a { margin: 15px !important; }

.post-hero { height: 636px; width: 100%; }
.post-hero img { height: 100%; width: 100%; object-fit: cover; object-position: 50% 30%; position: absolute; top: 0; left: 0; }
.lead, .lead p { 
	font-size: 1.125rem;
	font-size: clamp(1.125rem, 0.9731012658227848rem + 0.31645569620253167vw, 1.25rem);
	font-weight: 400;
}

.date-wrap *, .info-wrap span { font-size: 0.875rem; }
.date-wrap, .info-wrap { margin-bottom: 15px; }

article figure img, article figure { width: 100% !important; }
figcaption, .wp-caption .wp-caption-text { font-size: 0.875rem; color: #666479; text-align: left; }

/*Archives */
.title-line .facetwp-facet-load_more { margin-bottom: 0; }

.facetwp-facet-load_more:has(.facetwp-load-more.facetwp-hidden) { display: none; }

/*Frontpage */
.hero { height: 732px; min-height: fit-content; }
.hero-thumb { position: absolute; top: 0; left: 0; /* width: 65%; */ width: 100%; height: 100%; z-index: 1; }
.hero-thumb img { height: 100%; width: 100%; object-fit: cover; object-position: 50% 50%; }

.hero-content { position: relative; z-index: 2; background-color: #fff; border: solid 2px var(--red); padding: 48px; }
.hero-category { color: var(--red); margin-bottom: 24px; display: block; }

@media (max-width: 768px) {
	.hero-thumb { position: relative; width: 100%; height: 296px; } 
	.hero { height: fit-content; }
	.hero-content { padding: 28px; margin-top: 35px !important; margin-bottom: 0 !important; }
}

.link-categories { text-decoration: none; font-weight: 700; position: relative; padding-left: 19px; display: table; }
.link-categories::before { content: ""; background-image: url("data:image/svg+xml,%3Csvg width='8' height='18' viewBox='0 0 8 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.414 14.414L7.121 8.707L1.414 3L0 4.414L4.293 8.707L0 13L1.414 14.414Z' fill='%231F2339'/%3E%3C/svg%3E%0A"); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; height: 16px; width: 10px; display: inline-block; position: absolute; top: 5px; left: 0; }

.post-link time, .link-categories time { display: block; font-weight: 400; font-size: 0.875rem; }
.link-categories:hover { text-decoration: underline; 
}
.author-link .author-name { margin-block: 25px; }


.juicer-feed .j-meta a { color: #6c757d !important; }

/*Contact page */
.contact-info h2 { color: var(--navy); font-family: var(--os); font-size: 1rem; line-height: 1.5; font-weight: 700; margin-bottom: 0; }

/*Search */
.search-results { list-style: none; margin: 0; padding: 0; } 
.search-results a { text-decoration: none; }
.search-results a:hover { text-decoration: underline; }


.pagination-prev, .pagination-next { display: inline-block; height: 24px; width: 24px; background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }
.pagination-prev { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2929 6.29297L7.58594 12L13.2929 17.707L14.7069 16.293L10.4139 12L14.7069 7.70697L13.2929 6.29297Z' fill='%231F2339'/%3E%3C/svg%3E%0A");  }
.pagination-prev.is-disabled { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2929 6.29297L7.58594 12L13.2929 17.707L14.7069 16.293L10.4139 12L14.7069 7.70697L13.2929 6.29297Z' fill='%23A6A6A6'/%3E%3C/svg%3E%0A"); }

.pagination-next { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.70697 16.9496L15.414 11.2426L9.70697 5.53564L8.29297 6.94964L12.586 11.2426L8.29297 15.5356L9.70697 16.9496Z' fill='%231F2339'/%3E%3C/svg%3E%0A"); }
.pagination-next.is-disabled { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.70697 16.9496L15.414 11.2426L9.70697 5.53564L8.29297 6.94964L12.586 11.2426L8.29297 15.5356L9.70697 16.9496Z' fill='%23A6A6A6'/%3E%3C/svg%3E%0A");}

.search-page form label { display: block; } 
.pagination-status { margin-inline: 33px; }
.search-field { border: solid 2px #000; border-radius: 0; padding: 4px 10px; }
.search-form button, .search-submit { background-color: #fff; padding: 4px 10px; transition: ease-in-out 0.3s; border: solid 2px #000; }
.search-form button:hover, .search-submit:hover { background-color: var(--navy); color: #fff; border-color: var(--navy); }
/*Footer */
#colophon a { color: #fff; text-decoration: none; }
#colophon a:hover { color: var(--gold); }

#colophon h2 { text-transform: uppercase; font-size: 1rem; font-weight: 700; font-family: var(--os); }

.some-link { height: 30px; width: 30px; background-repeat: no-repeat; background-size: contain; display: inline-block; margin-right: 20px; }

.some-insta { background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.6667 0H8.33333C3.73097 0 0 3.73097 0 8.33333V21.6667C0 26.269 3.73097 30 8.33333 30H21.6667C26.269 30 30 26.269 30 21.6667V8.33333C30 3.73097 26.269 0 21.6667 0ZM27.0833 21.6667C27.0742 24.6543 24.6543 27.0742 21.6667 27.0833H8.33333C5.34558 27.0742 2.92582 24.6543 2.91667 21.6667V8.33333C2.92582 5.34558 5.34558 2.92582 8.33333 2.91667H21.6667C24.6543 2.92582 27.0742 5.34558 27.0833 8.33333V21.6667ZM22.9167 8.75C23.8372 8.75 24.5833 8.0038 24.5833 7.08333C24.5833 6.16287 23.8372 5.41667 22.9167 5.41667C21.9962 5.41667 21.25 6.16287 21.25 7.08333C21.25 8.0038 21.9962 8.75 22.9167 8.75ZM15 7.5C10.8579 7.5 7.5 10.8579 7.5 15C7.5 19.1422 10.8579 22.5 15 22.5C19.1422 22.5 22.5 19.1422 22.5 15C22.5045 13.0095 21.7157 11.0993 20.3082 9.6918C18.9007 8.28432 16.9905 7.49557 15 7.5ZM10.4167 15C10.4167 17.5313 12.4687 19.5833 15 19.5833C17.5313 19.5833 19.5833 17.5313 19.5833 15C19.5833 12.4687 17.5313 10.4167 15 10.4167C12.4687 10.4167 10.4167 12.4687 10.4167 15Z' fill='white'/%3E%3C/svg%3E%0A"); }
.some-fb { background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M33.3333 16.7685C33.3333 7.50752 25.8715 0 16.6667 0C7.46192 0 0 7.50752 0 16.7685C0 25.138 6.09473 32.0753 14.0625 33.3333V21.6157H9.83073V16.7685H14.0625V13.0742C14.0625 8.8716 16.5508 6.5502 20.3577 6.5502C22.1813 6.5502 24.0885 6.87772 24.0885 6.87772V11.0043H21.987C19.9167 11.0043 19.2708 12.297 19.2708 13.6232V16.7685H23.8932L23.1543 21.6157H19.2708V33.3333C27.2387 32.0753 33.3333 25.1383 33.3333 16.7685Z' fill='white'/%3E%3C/svg%3E%0A"); }

.some-insta:hover { background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.6667 0H8.33333C3.73097 0 0 3.73097 0 8.33333V21.6667C0 26.269 3.73097 30 8.33333 30H21.6667C26.269 30 30 26.269 30 21.6667V8.33333C30 3.73097 26.269 0 21.6667 0ZM27.0833 21.6667C27.0742 24.6543 24.6543 27.0742 21.6667 27.0833H8.33333C5.34558 27.0742 2.92582 24.6543 2.91667 21.6667V8.33333C2.92582 5.34558 5.34558 2.92582 8.33333 2.91667H21.6667C24.6543 2.92582 27.0742 5.34558 27.0833 8.33333V21.6667ZM22.9167 8.75C23.8372 8.75 24.5833 8.0038 24.5833 7.08333C24.5833 6.16287 23.8372 5.41667 22.9167 5.41667C21.9962 5.41667 21.25 6.16287 21.25 7.08333C21.25 8.0038 21.9962 8.75 22.9167 8.75ZM15 7.5C10.8579 7.5 7.5 10.8579 7.5 15C7.5 19.1422 10.8579 22.5 15 22.5C19.1422 22.5 22.5 19.1422 22.5 15C22.5045 13.0095 21.7157 11.0993 20.3082 9.6918C18.9007 8.28432 16.9905 7.49557 15 7.5ZM10.4167 15C10.4167 17.5313 12.4687 19.5833 15 19.5833C17.5313 19.5833 19.5833 17.5313 19.5833 15C19.5833 12.4687 17.5313 10.4167 15 10.4167C12.4687 10.4167 10.4167 12.4687 10.4167 15Z' fill='%23C2B17D'/%3E%3C/svg%3E%0A"); }

.some-fb:hover { background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M33.3333 16.7685C33.3333 7.50752 25.8715 0 16.6667 0C7.46192 0 0 7.50752 0 16.7685C0 25.138 6.09473 32.0753 14.0625 33.3333V21.6157H9.83073V16.7685H14.0625V13.0742C14.0625 8.8716 16.5508 6.5502 20.3577 6.5502C22.1813 6.5502 24.0885 6.87772 24.0885 6.87772V11.0043H21.987C19.9167 11.0043 19.2708 12.297 19.2708 13.6232V16.7685H23.8932L23.1543 21.6157H19.2708V33.3333C27.2387 32.0753 33.3333 25.1383 33.3333 16.7685Z' fill='%23C2B17D'/%3E%3C/svg%3E%0A"); }

#footer-menu-1, #footer-menu-2 {
	list-style: none; margin: 0; padding: 0;
} 

#footer-menu-1 a , #footer-menu-2 a {
	font-weight: 700;
	padding-block: 8px;
	display: block;
}

.video-wrapper { max-width: 100%; aspect-ratio: 16 / 9; }

.video-wrapper iframe { width: 100%; height: 100%; border: 0; }
.video-wrapper p { margin: 0; height: 100%; }

.toggle-modal { background-color: transparent; border: none; text-align: left; width: 100%; display: block; }
.video-thumbnail::before {background: url("data:image/svg+xml,%3Csvg width='73' height='73' viewBox='0 0 73 73' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='71' height='71' rx='21' stroke='white' stroke-width='2'/%3E%3Cpath d='M51 36.5L27 49.9234L27 23.0766L51 36.5Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center / contain; content: ''; position: absolute; z-index: 2; margin: auto; width: 27%; height: 27%; top: 0; left: 0; right: 0; bottom: 0; }
.video-header { border: none; }

.video-thumbnail::after { content: ""; height: 100%; width: 100%; background-color: rgba(0,0,0,0.15); position: absolute; top: 0; left: 0; z-index: 1;}
.video-thumbnail .post-thumbnail { position: relative; aspect-ratio: 428 / 285; }
.video-thumbnail .post-thumbnail img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }

.videomodal .modal-content { background-color: transparent; border: none; }
.videomodal .btn-close { opacity: 1; background-color: rgb(255 255 255 / 36%); backdrop-filter: blur(10px); }

#video-categories-title, .facet-group { max-width: fit-content; display: inline-flex; }
.facetwp-facet-categories.facetwp-facet { margin-bottom: 0; }
.facetwp-facet-categories select { border: solid 2px var(--red); border-radius: 0; padding: 5px 35px 5px 20px; background-color: transparent; }

.facetwp-dropdown {
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0L5.707 4.293L1.414 0L0 1.414L5.707 7.121L11.414 1.414L10 0Z' fill='black'/%3E%3C/svg%3E%0A");
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0.7em 1em;
    border-radius: 50px;
    border: none;
    outline: none;
    background-size: 13px 100%;
    background-position: 93% 50%;
    background-repeat: no-repeat;
    width: 100%;
}

.post-item-highlight.post-item .post-thumbnail, .video-thumbnail .post-thumbnail { aspect-ratio: 428 / 285; }
.post-item .post-thumb-read { aspect-ratio: 6/4; }
.counter, .most-read-cat { text-transform: uppercase; width: fit-content; }
.post-most-read { border-bottom: solid 2px var(--gold); padding-block: 20px }
.post-most-read:first-of-type { padding-top: 0 !important; }
.post-most-read:last-of-type { padding-bottom: 0 !important; border-bottom: none; }

.most-read-posts a:hover h4 { text-decoration: underline; }



.ort-news-feed-list { list-style: none; padding: 0; margin: 0; }
.ort-news-feed__link { text-decoration: none; display: block; margin-bottom: 25px; padding-right: 50px; position: relative; }
.ort-news-feed__link::after { content: ""; display: inline-block; position: absolute; top: 5px; right: 20px;  height: 16px; width: 10px; background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.414 11.414L7.121 5.707L1.414 0L0 1.414L4.293 5.707L0 10L1.414 11.414Z' fill='black'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }
.ort-news-feed__link:hover .col-10 { text-decoration: underline; }

.ort-news-feed__date { font-weight: 700; }

@media (max-width: 768px) {
	.feeds.mtb-72 { margin-bottom: 0; }
	.themes h3 { text-align: center; }
	.post-hero { height: 200px; }
	.most-read-posts .col-md-6 a { border-bottom: solid 2px var(--gold); display: block; padding-block: 20px; }
	.most-read h3 { text-align: center; }
}

@media (max-width: 577px) {
	.themes .linkbtn { width: 100%; text-align: center; }
	.facetwp-load-more { width: 75%; }
}

/* Comments
--------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

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

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

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

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

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

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# 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;
}