/* Navigation
--------------------------------------------- */
.main-navigation {
}

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


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

.post,
.page {
	margin: 0 0 0em;
}

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

.post-thumbnail img {
	width: 100%;
	margin-bottom: 0;
}
.entry-title.s-content__title {
	margin-bottom: 0;
}
.entry-meta {
    font-size: var(--text-sm);
    font-weight: 500;
    text-transform: uppercase;
    color: var(--color-gray-10);
	margin-bottom: var(--vspace-0_5);
}

.entry-meta span + span {
	margin-left: var(--vspace-0_25);
}


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

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
@media screen and (max-width: 1200px){
	.page-content,
	.entry-content,
	.entry-summary {
		--gutter-lg: var(--gutter-md);
	}
	
}

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

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0;
}

.widget select {
	max-width: 100%;
}

.s-aside .widget {
	background-color: var(--color-white);
    padding: var(--vspace-0_5);
	border-bottom: 1px solid var(--color-gray-1);
	/*
    -webkit-box-shadow: 0 10px 5px -5px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 10px 5px -5px rgb(0 0 0 / 15%);
    box-shadow: 0 10px 5px -5px rgb(0 0 0 / 15%);
	*/
}
.s-aside .widget:last-child {
    border-bottom: none;
}
.s-aside .widget .widget-title {
	position: relative;
	font-size: var(--text-md);
	margin-bottom: var(--vspace-0_5);
}
.s-aside .widget .widget-title:before {
    content: '';
    border-left: var(--vspace-0_25) solid var(--color-gray-14);
    width: var(--vspace-0_25);
    height: var(--vspace-1);
    left: calc(var(--vspace-0_75) * -1);
    position: absolute;
}
.s-aside .widget.widget_search {
}

.s-aside .widget.widget_search .searchform, .s-aside .widget.widget_search input {
	margin: 0;
}

.s-aside .widget.widget_search .searchform-wrapper {
	display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
}

.s-aside .widget.widget_search .searchform-input {
    width: calc(100% - 100px);
	margin-right: 2px;
}

.s-aside .widget.widget_search .searchform-button {
	width: 100px;
}

.s-aside .widget.widget_archive ul {
	list-style: none;
    margin: 0;
    display: grid;
    grid-gap: var(--vspace-0_125);
    grid-template-columns: repeat(3, 1fr);
    font-size: var(--text-sm);
    font-weight: 700;
    text-transform: uppercase;
	line-height: var(--vspace-0_75);
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-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;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/* Archive Grid
--------------------------------------------- */
.grid-archive {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.grid-archive-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.grid-archive-columns {
	grid-template-columns: repeat(1, 1fr);
}

.grid-archive-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.grid-archive-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

@media screen and (max-width: 425px) {
	.grid-archive-columns-2 {
		grid-template-columns: repeat(1, 1fr);
	}
	.grid-archive-columns-3 {
		grid-template-columns: repeat(1, 1fr);
	}
}



.grid-archive .thumbnail-archive {
    display: block;
    width: auto;
    height: 250px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: var(--vspace-0_5);
}

.grid-archive .title-archive {
	margin-top: 0;
    letter-spacing: -.01em;
    text-align: left;
	margin-bottom: var(--vspace-0_125);
}

.grid-archive .entry-meta {
    font-size: var(--text-sm);
    font-weight: 500;
    text-transform: uppercase;
    color: var(--color-gray-10);
	margin-bottom: var(--vspace-0_25);
}

.grid-archive .entry-meta span + span {
	margin-bottom: var(--vspace-0_125);
}