/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/


/* Larger than mobile */
@media (max-width: 667px) {
	.wrapper { margin: 10px 0 0; }
	div.header-container div.logo svg { max-height: 30px; max-width: 40%; }
	.is-style-ls-page-scrollable div.wp-block-column { margin-bottom: 0; }
	.is-style-ls-page-scrollable div.wp-block-column:not(:first-child) .is-style-ls-cover { margin-top: 0; }
}

/* Larger than tablet */
@media (max-width: 1279px) {
	#wpadminbar { position: fixed; }
	body, html { overflow-y: scroll; }
	.row { padding: 0; }
	main { min-height: 100vh; display: block; }
	div.header-container { height: 60px; position: relative; }
	div.header-container div.logo { text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);  }
	div.header-container div.logo svg { max-height: 30px; max-width: 400px; width: 220px; }
	.btnforMenu { font-size: 24px; color: #210784; margin: 0; position: absolute; top: 50%; left: 0; transform: translateY(-50%); margin-left: 30px; }
	.menu-wrapper { width: 100vw; height: 0; min-height: 0.0001px; overflow: hidden; background: #FFF; color: #210784; transition: .3s; z-index: 99; }
	.menu-wrapper nav { box-shadow: inset 0 0 10px rgba(0,0,0,.1); padding: 10px 0; }
	.menu-wrapper ul { display: flex; justify-content: space-between; align-content: center; flex-direction: column; list-style-type: none; text-align: center; height: 400px; }
	.menu-wrapper ul li { padding: 10px 0; }
	#btnMenu:checked + .menu-wrapper { min-height: 450px; transition: .3s; }
	aside { display: none; }
	aside + section { height: auto; overflow: visible; margin-left: 0; padding-left: 0; }
	.is-style-ls-page-scrollable { overflow: initial; position: relative; margin-top: 25px; left: 0; top: 0; padding: 0 25px; }
	.is-style-ls-head-title-h1 { padding: 10px 0; text-align: center; }
	.is-style-ls-head-title-h1:after { height: 100%; bottom: 0; top: unset; }

	.masonry .masonry-post { min-width: 100%; }

	.is-style-ls-contact-form div.wpcf7 form { display: block; }

	.homepage div.header-container { box-shadow: 0 5px 5px rgba(0,0,0,.075); }
}
@media (min-width: 668px) and (max-width: 1279px) {
	.masonry .masonry-post { min-width: 50%; padding: 8px; }
}
/* Larger than desktop */
@media (min-width: 1280px) {
	.mobile { display: none; }
	.homepage .is-style-ls-page-scrollable { margin-top: 0; padding-top: 0; height: 100%; }
}
@media (min-width: 1280px) and (max-width: 1439px) {
	.masonry .masonry-post { min-width: 33.333%; padding: 16px; }
}