/*--------------------------------------------------------------
19.0 Media Queries
--------------------------------------------------------------*/

/* Adjust positioning of edit shortcuts, override style in customize-preview.css */
@media screen and (min-width: 20em) {

	body.customize-partial-edit-shortcuts-shown .site-header .site-title {
		padding-left: 0;
	}
}

@media screen and (min-width: 30em) {

	/* Typography */

	.entry-content blockquote.alignleft,
	.entry-content blockquote.alignright {
		font-size: 1.5rem;
	}


	/* Blog Index, Archive, Search */

	.taxonomy-description {
		font-size: 1.4rem;
	}

	.page-numbers.current {
		font-size: 1.6rem;
	}

	/* Site Footer */

	.site-footer {
		font-size: 1.6rem;
	}

	/* Gallery Columns */

	.gallery-item {
		max-width: 25%;
	}

	.gallery-columns-1 .gallery-item {
		max-width: 100%;
	}

	.gallery-columns-2 .gallery-item {
		max-width: 50%;
	}

	.gallery-columns-3 .gallery-item {
		max-width: 33.33%;
	}

	.gallery-columns-4 .gallery-item {
		max-width: 25%;
	}
}

@media screen and (min-width: 48em) {

	/* Typography */

	.entry-content blockquote.alignleft,
	.entry-content blockquote.alignright {
		font-size: 1.3rem;
	}

	/* Layout */

	.error404 #primary {
		float: none;
	}


	/* Front Page - Recent Posts */
	.more-link-all a {
		float: right;
	}

	.recent-posts {
		clear: both;
	}

	.recent-posts article.col-sm-6 .thumbnail-front-news  {
		width: 100%; margin-right: 0;
	}

	/* Posts */

	.comments-pagination,
	.post-navigation {
		clear: both;
	}

	.post-navigation .nav-previous {
		float: left;
		width: 50%;
	}

	.post-navigation .nav-next {
		float: right;
		text-align: right;
		width: 50%;
	}

	.nav-next,
	.post-navigation .nav-next {
		margin-top: 0;
	}

	body.page .entry-content .column-2 > div {
		float: left;
		width: 49%;
		margin-left: 1%;
		margin-right: 1%;
	}
	body.page .entry-content .column-2 > div:first-child { margin-left: 0; }
	body.page .entry-content .column-2 > div:last-child { margin-right: 0; }
	body.page .entry-content small {
		line-height: 2rem;
		display: inline-block;
	}

	/* Blog, archive, search */

	.sticky .icon-thumb-tack {
		height: 23px;
		left: -2.5em;
		top: 1.5em;
		width: 32px;
	}

	.blog .site-main > article,
	.archive .site-main > article,
	.search .site-main > article {
		padding-bottom: 1em;
		margin-bottom: 3em;
	}

	.blog .site-main > article h2.entry-title,
	.archive .site-main > article h2.entry-title,
	.search .site-main > article h2.entry-title {
		clear: none;
		font-size: 2rem;

	}

	.blog .site-main > article .thumbnail-news,
	.archive .site-main > article .thumbnail-news,
	.search .site-main > article .thumbnail-news {
		float: left;
		width: 33%;
		margin-right: 2%;
	}
	.blog .site-main > article.staggered:nth-child(2n+1) .thumbnail-news,
	.archive .site-main > article.staggered:nth-child(2n) .thumbnail-news,
	.search .site-main > article.staggered:nth-child(2n+1) .thumbnail-news {
		float:right;
		margin-left: 2%;
		margin-right: 0;
	}

	.blog .site-main > article .entry-summary,
	.archive .site-main > article .entry-summary,
	.search .site-main > article .entry-summary {
		font-size: 1.5rem;
	}
	.blog .site-main > article .link-more,
	.archive .site-main > article .link-more,
	.search .site-main > article .link-more {
		text-align: right;
	}

	.navigation.pagination {
		clear: both;
	}

	.has-sidebar .navigation.pagination,
	.archive.page-one-column:not(.has-sidebar) .navigation.pagination {
		float: none;
		width: 100%;
	}


	/* Post formats */

	.format-quote blockquote .icon {
		left: -1.5em;
	}

	/* 404 page */

	.error404 .page-content {
		padding-bottom: clamp(4.2rem, 4.6vw, 9rem);
	}

	/* Posts pagination */

	.nav-links .nav-title {
		position: relative;
	}

	.nav-title-icon-wrapper {
		position: absolute;
		text-align: center;
		width: 2rem;
	}

	.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
		left: -2rem;
	}

	.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
		right: -2rem;
	}

	/* Footer */

	.site-info .logo svg {
		width: 100%; height: auto;
	}

	/* Gallery Columns */

	.gallery-columns-5 .gallery-item {
		max-width: 20%;
	}

	.gallery-columns-6 .gallery-item {
		max-width: 16.66%;
	}

	.gallery-columns-7 .gallery-item {
		max-width: 14.28%;
	}

	.gallery-columns-8 .gallery-item {
		max-width: 12.5%;
	}

	.gallery-columns-9 .gallery-item {
		max-width: 11.11%;
	}
}

@media screen and ( min-width: 67em ) {

	/* Layout */

	/* Navigation */
	.navigation-top .wrap {
		padding: 0.75rem;
	}

	.navigation-top nav {
		margin-left: 0;
	}

	/* Sticky posts */

	.sticky .icon-thumb-tack {
		font-size: 3.2rem;
		height: 22px;
		left: -1.25em;
		top: 0.75em;
		width: 32px;
	}

	/* Pagination */

	.page-numbers {
		display: inline-block;
	}

	.page-numbers.current {
		font-size: 1.5rem;
	}

	.page-numbers.current .screen-reader-text {
		clip: rect(1px, 1px, 1px, 1px);
		height: 1px;
		overflow: hidden;
		position: absolute !important;
		width: 1px;
	}

}

@media screen and ( min-width: 79em ) {
	.has-sidebar .entry-content blockquote.alignleft {
		margin-left: -20%;
	}

	.blog:not(.has-sidebar) .entry-content blockquote.alignright,
	.archive:not(.has-sidebar) .entry-content blockquote.alignright,
	.page-two-column .entry-content blockquote.alignright,
	.twentyseventeen-front-page .entry-content blockquote.alignright {
		margin-right: -20%;
	}
}

@media screen and ( max-width: 48.875em ) and ( min-width: 48em ) {
	.admin-bar .site-navigation-fixed.navigation-top,
	.admin-bar .site-navigation-hidden.navigation-top {
		top: 46px;
	}
}


@media (min-width: 600px) and (max-width: 781px) {

    .wp-block-column:not(:only-child),
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child) {
        flex-basis: inherit!important;
        flex-grow: 1;
    }

    .wp-block-column:nth-child(2n),
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child) {
        margin-left: 0;
    }

}

@media (min-width: 782px) {

    .wp-block-column,
    .wp-block-column[style*=flex-basis] {
        flex-basis: inherit;
        flex-grow: 1;
    }

    .wp-block-columns {
        flex-wrap: wrap;
    }

    .wp-block-column:nth-child(2n) {
        margin-left: 0;
    }
}

@media screen and (min-width: 1200px) {

    .wp-block-column {
        flex-basis: 0;
        flex-grow: 1;
    }

    .wp-block-columns {
        flex-wrap: nowrap;
    }

    .wp-block-column:not(:first-child) {
        margin-left: 2em;
    }
}