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

	/* Fix image alignment */
	img.alignleft {
		float: left;
		margin-right: 1.5rem;
	}

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

	/* Site Branding */

	.site-branding {
		padding: 3rem 0;
	}

	/* Thematic navigation */
	.thematic-entry ul[class*="menu-"] {
		text-align: center;
	}
	.thematic-entry ul[class*="menu-"] > li {
		display: inline-block;
		margin-left: 0.5%;
		margin-right: 0.5%;
		margin-bottom: 2rem;
		vertical-align: top;
	}

	.thematic-entry[class*="column-"] ul[class*="menu-"] > li {
		width: 48.25%;
	}

	/* Front Page */

	.panel-content .wrap {
		padding-bottom: 2em;
		padding-top: 3.5em;
	}

	.page-one-column .panel-content .wrap {
		/*max-width: 740px;*/
	}

	.panel-content .entry-header {
		margin-bottom: 1.5em;
	}

	.panel-content .recent-posts .entry-header {
		margin-bottom: 0;
	}


	/* 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) {
	body.menu-opened {
	    overflow: auto;
	}

	/* Typography */

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

	/* Layout */

	#masthead > .metaslider-wrap,
	#masthead > .custom-header {
		margin-top: 168px;
	}

	.wrap {
		max-width: 1200px;
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}

	.has-sidebar:not(.error404) #primary {
		float: left;
		width: 58%;
	}

	.has-sidebar #secondary {
		float: right;
		padding-top: 0;
		width: 36%;
	}

	.error404 #primary {
		float: none;
	}

	/* Site Branding */

	.site-branding {
		margin-bottom: 0;
	}

	.has-header-image.twentyseventeen-front-page .site-branding,
	.has-header-video.twentyseventeen-front-page .site-branding,
	.has-header-image.home.blog .site-branding,
	.has-header-video.home.blog .site-branding {
		bottom: 0;
		display: block;
		left: 0;
		height: auto;
		padding-top: 0;
		position: absolute;
		width: 100%;
	}

	.has-header-image.twentyseventeen-front-page .custom-header,
	.has-header-video.twentyseventeen-front-page .custom-header,
	.has-header-image.home.blog .custom-header,
	.has-header-video.home.blog .custom-header {
		display: block;
		height: auto;
	}

	.custom-header-media {
		height: 165px;
		position: relative;
	}

	.twentyseventeen-front-page.has-header-image .custom-header-media,
	.twentyseventeen-front-page.has-header-video .custom-header-media,
	.home.blog.has-header-image .custom-header-media,
	.home.blog.has-header-video .custom-header-media {
		height: 0;
		position: relative;
	}

	.custom-logo-link {
		padding-right: 2em;
	}

	.custom-logo-link img,
	body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
	body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
		max-width: 350px;
	}

	.title-tagline-hidden.home.has-header-image .custom-logo-link img,
	.title-tagline-hidden.home.has-header-video .custom-logo-link img {
		max-height: 200px;
	}

	.site-title {
		font-size: 3.6rem;
	}

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

	#logo {
		float: left;
	}
	#logo img {
		display: block;
	}

	/* Navigation */

	.navigation-top {
		top: 0;
		bottom: auto;
		font-size: 1.4rem;
		left: 0;
		position: absolute;
		right: 0;
		width: 100%;
		z-index: 3;
	}

	.navigation-top .wrap {
		max-width: 1200px;
		/* The font size is 14px here and we need 50px padding in ems */
		padding: 0.75em 1em;
	}

	.menu-align-right .navigation-top nav {
		text-align: right;
		float: right;
	}
	.menu-align-right .navigation-top #logo + nav {
		clear: none;
	}
	.menu-align-right #site-navigation > div[class*="menu-"] {
		display: inline-block;
	}

	.site-navigation-fixed.navigation-top {
		bottom: auto;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		width: 100%;
		z-index: 7;
	}

	.admin-bar .site-navigation-fixed.navigation-top {
		top: 32px;
	}

	/* Main Navigation */

	.js .menu-toggle,
	.js .dropdown-toggle {
		display: none;
	}

	.main-navigation {
		width: auto;
	}

	.js .main-navigation ul,
	.js .main-navigation ul ul,
	.js .main-navigation > div > ul {
		display: block;
	}

	.main-navigation ul {
		background: transparent;
		padding: 0;
	}

	.main-navigation > div > ul {
		border: 0;
		margin-bottom: 0;
		padding: 0;
	}

	.main-navigation li {
		border: 0;
		display: inline-block;
	}

	.main-navigation li li {
		display: block;
	}

	.main-navigation a {
		padding: 1em .5em;
	}

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

	.main-navigation ul ul a {
		padding: 0.75em 1.25em;
		/*width: 16em;*/
	}

	.main-navigation li li {
		-webkit-transition: background-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out;
	}

	.main-navigation li li a {
		-webkit-transition: color 0.3s ease-in-out;
		transition: color 0.3s ease-in-out;
	}

	.main-navigation li li.focus > a,
	.main-navigation li li:focus > a,
	.main-navigation li li:hover > a,
	.main-navigation li li a:hover,
	.main-navigation li li a:focus,
	.main-navigation li li.current_page_item a:hover,
	.main-navigation li li.current-menu-item a:hover,
	.main-navigation li li.current_page_item a:focus,
	.main-navigation li li.current-menu-item a:focus {
		color: #fff;
	}

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

	.main-navigation .menu-item-has-children > a > .icon,
	.main-navigation .page_item_has_children > a > .icon {
		display: inline;
		left: 5px;
		position: relative;
		top: -1px;
	}

	.main-navigation ul ul .menu-item-has-children > a > .icon,
	.main-navigation ul ul .page_item_has_children > a > .icon {
		margin-top: -9px;
		left: auto;
		position: absolute;
		right: 1em;
		top: 50%;
		-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
		-ms-transform: rotate(-90deg); /* IE 9 */
		transform: rotate(-90deg);
	}

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

	.main-navigation ul ul li.menu-item-has-children.focus:before,
	.main-navigation ul ul li.menu-item-has-children:hover:before,
	.main-navigation ul ul li.menu-item-has-children.focus:after,
	.main-navigation ul ul li.menu-item-has-children:hover:after,
	.main-navigation ul ul li.page_item_has_children.focus:before,
	.main-navigation ul ul li.page_item_has_children:hover:before,
	.main-navigation ul ul li.page_item_has_children.focus:after,
	.main-navigation ul ul li.page_item_has_children:hover:after {
		display: none;
	}

	.site-header .site-navigation-fixed .menu-scroll-down {
		display: none;
	}

	.navigation-principal {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
	    z-index: 5;
	}
	.navigation-principal > .wrap {
		background-color: #fff;
	}


	/* Themathic navigation */

	.thematic-entry ul[class*="menu-"] > li img {
		margin-bottom: 16px;
		margin-bottom: 1rem;
	}

	.thematic-entry.column-2 ul[class*="menu-"] > li {
		width: 49%;
	}
	.thematic-entry.column-3 ul[class*="menu-"] > li {
		width: 32.25%;
	}
	.thematic-entry.column-4 ul[class*="menu-"] > li {
		width: 23.8%;
	}
	.thematic-entry[class*="column-"] ul[class*="menu-"] > li:first-child {
		margin-left: 0;
	}
	.thematic-entry[class*="column-"] ul[class*="menu-"] > li:last-child {
		margin-right: 0;
	}


	/* Form Search */

	.site-header .search-header {
    	float: right;
    	margin-bottom: 40px;
	}
	.site-header .search-header + nav {
	    position: relative;
	    margin-top: 10px;
	    clear: right;
	}


	/* Scroll down arrow */

	.site-header .menu-scroll-down {
		display: block;
		padding: 1em;
		position: absolute;
		right: 0;
	}

	.site-header .menu-scroll-down .icon {
		-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
		-ms-transform: rotate(90deg); /* IE 9 */
		transform: rotate(90deg);
	}

	.site-header .menu-scroll-down {
		color: #fff;
		top: 2em;
	}

	.site-header .navigation-top .menu-scroll-down {
		color: #767676;
		top: 0.7em;
	}

	.menu-scroll-down:focus {
		outline: thin dotted;
	}

	.menu-scroll-down .icon {
		height: 18px;
		width: 18px;
	}

	/* Front Page */

	article:not(.col-md-4) .thumbnail-front-news {
		float: left;
		width: 49%;
		margin-right: 2%;
		padding-top: 0.4rem;
	}
	.thumbnail-front-news img {
		width: 100%;
		height: auto;
	}

	.thumbnail-home {
		float: left;
		padding-right: 1.5em;
		max-width: 37%;
	}

	.bxslider-news {
		width: 200%;
	}

	.content-home {
		display: inline-block;
    	max-width: 60%;
	}

	.twentyseventeen-front-page .site-main article.type-page {
		margin-top: 2rem;
	    margin-bottom: 1rem;
	}

	.twentyseventeen-front-page.has-header-image .site-branding,
	.twentyseventeen-front-page.has-header-video .site-branding,
	.home.blog.has-header-image .site-branding,
	.home.blog.has-header-video .site-branding {
		margin-bottom: 70px;
	}

	.twentyseventeen-front-page.has-header-image .custom-header-media,
	.twentyseventeen-front-page.has-header-video .custom-header-media,
	.home.blog.has-header-image .custom-header-media,
	.home.blog.has-header-video .custom-header-media {
		height: calc( 1200px - 168px);
		height: calc( 100vh - 168px);
		max-height: 100%;
		overflow: hidden;
	}

	.twentyseventeen-front-page.has-header-image .custom-header-media:before,
	.twentyseventeen-front-page.has-header-video .custom-header-media:before,
	.home.blog.has-header-image .custom-header-media:before,
	.home.blog.has-header-video .custom-header-media:before {
		height: 33%;
	}

	.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media,
	.admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media,
	.admin-bar.home.blog.has-header-image .custom-header-media,
	.admin-bar.home.blog.has-header-video .custom-header-media {
		height: calc( 1200px - 200px);
		height: calc( 100vh - 200px);
	}

	
	/* With panel images 100% of the screen height, we're going to fix the background image where supported to create a parallax-like effect. */
	.background-fixed .panel-image {
		background-attachment: fixed;
	}

	.page-two-column .panel-content .entry-header {
		float: left;
		width: 36%;
	}

	.page-two-column .panel-content .entry-content {
		float: right;
		width: 58%;
	}

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

	.recent-posts {
		clear: both;
	}

	.page-two-column .panel-content .recent-posts {
		clear: right;
		float: right;
		width: 58%;
	}

	.panel-content .recent-posts article {
		margin-bottom: 3rem;
	}

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

	.panel-content .recent-posts .entry-header,
	.page-two-column #primary .panel-content .recent-posts .entry-header,
	.panel-content .recent-posts .entry-content,
	.page-two-column #primary .panel-content .recent-posts .entry-content {
		float: none;
		width: 100%;
	}

	.panel-content .recent-posts .entry-header {
		margin-bottom: 1.5rem;
	}

	.page .panel-content .recent-posts .entry-title {
		font-size: 2.5rem;
	}

	/* Posts */

	.site-content {
		padding: 1.5rem 0 0;
	}

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

	.entry-footer {
		display: table;
		width: 100%;
	}

	.entry-footer .cat-tags-links {
		display: table-cell;
		vertical-align: middle;
		width: 100%;
	}

	.entry-footer .edit-link {
		display: table-cell;
		text-align: right;
		vertical-align: middle;
	}

	.entry-footer .edit-link a.post-edit-link {
		margin-top: 0;
		margin-left: 1rem;
	}

	/* Entry content */

	/* without sidebar */

	:not(.has-sidebar) .entry-content blockquote.alignleft {
		margin-left: -17.5%;
		width: 48%;
	}

	:not(.has-sidebar) .entry-content blockquote.alignright {
		margin-right: -17.5%;
		width: 48%;
	}

	/* with sidebar */

	.has-sidebar .entry-content blockquote.alignleft {
		margin-left: 0;
		width: 34%;
	}

	.has-sidebar .entry-content blockquote.alignright {
		margin-right: 0;
		width: 34%;
	}

	.has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta {
		margin-right: -72.5%;
		width: 62%;
	}

	/* blog and archive */

	.blog:not(.has-sidebar) .entry-content blockquote.alignleft,
	.twentyseventeen-front-page.page-two-column .entry-content blockquote.alignleft,
	.archive:not(.has-sidebar) .entry-content blockquote.alignleft,
	.page-two-column .entry-content blockquote.alignleft {
		margin-left: -72.5%;
		width: 62%;
	}

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

	/* Post formats */

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

	/* Pages */

	.page.page-one-column .entry-header,
	.twentyseventeen-front-page.page-one-column .entry-header,
	.archive.page-one-column:not(.has-sidebar) .page-header {
		margin-bottom: 4em;
	}

	.thumbnail-page {
		float: left;
		margin-right: 1.5rem;
		max-width: 42%;
	}


	/* 404 page */

	.error404 .page-content {
		padding-bottom: 9em;
	}

	/* Comments */

	#comments {
		padding-top: 2.5rem;
	}

	.comments-title {
		margin-bottom: 2.5rem;
	}

	ol.children .children {
		padding-left: 1rem;
	}

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

	/* Secondary */

	#secondary {
		font-size: 1.4rem;
		line-height: 1.6;
	}

	/* Footer */

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

	.social-navigation {
		clear: left;
		float: left;
		margin-bottom: 0;
		width: 36%;
	}

	.site-info {
		float: left;
		padding: 0.7rem 0 0;
		width: 70%;
	}

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

	.social-navigation + .site-info {
		margin-left: 6%;
	}

	.site-info .sep {
		margin: 0 0.5rem;
		display: inline;
		visibility: visible;
		height: auto;
		width: 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;
	}

	/* Comments */

	.comment-body {
		margin-left: 0;
	}
}

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