/*
Theme Name: presskit
Author: miguel angel expósito fernández
Author URI: 
Theme URI: 
Tags: full-site-editing, editor-style, block-styles, block-patterns
Text Domain: presskit
Requires at least: 6.0
Requires PHP: 7.4
Tested up to: 6.0
Version: 1.0.0

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

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

/* Styles intended only for the front.*/
html {
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {

	html {
		scroll-behavior: auto;
	}
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

main {
	padding: 0 30px;
	margin-block-start: 0 !important;
	/* margin-block-start: var(--wp--style--); */
}

/*
 * Increase horizontal padding on smaller screens.
 * Temporary solution to avoid text content
 * running up to the edge of the browser window,
 * making the text difficult to read.
*/
@media ( max-width: 1024px ) {

	main > :not(.alignfull),
	main .wp-block-query > :not(.alignfull),
	main .entry-content > :not(.alignfull),
	main .entry-content .wp-block-columns.alignfull p {
		padding-left: var(--wp--custom--h-spacing);
		padding-right: var(--wp--custom--h-spacing);
	}
}

/* positioning/centering/layout-utils */
.horizontally-center {
	display: flex;
	justify-content: center;
}
.fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 2;
}
.full-height {
	height: 100%;
}
.full-width {
	width: 100% !important;
}
.space-between, .wp-block-navigation {
	display: flex;
	justify-content: space-between;
	gap: 0 !important;
}
.wp-block-navigation-link {
	margin-right: 30px;
}
.column {
	flex-direction: column;
	align-items: center;
}

.no-break {
	margin-top: 0;
	margin-block-start: 0 !important;
}

.wp-block-separator {
	border-width: 1px;
	margin-left: 0 !important;
}

/* Sections */
.section {
	/* height: calc(100vh - var( --wp--style--block-gap )); */
	height: 100vh;
	width: 100%;
}
.section-start {
	height: auto;
	min-height: 100vh;
}
/* .poem {
	max-width: 200px;
} */

.section-about {
	height: auto;
}

.gallery-container {
	background-color: black;
	/* background-color: #16161e; */
	height: calc(100vh - 30px);
}

/* Hero section */
.sound-cloud-wrapper {
	padding: 20px;
	border-radius: 5px;
	width: 440px;
}
.section-start-cover {
	min-height: calc(100vh - 100px) !important;
}
.site-header {
	height: 100px;
	background-color: blue;
}
.poem-title {
	font-size: 16px !important;
}

/* about */
.cover {
	height: calc(100vh - 86px);
	position: sticky;
	top: 30px;
	overflow: hidden;
}
.cover img {
	height: 100%;
	object-fit: cover;
}
.p-margin {
	margin: 0 50px 0 80px;
}
.about-text-column {
	padding: 0 230px !important;
	/* flex-basis: auto !important;
	width: 50% !important; */
	flex-basis: 30% !important;
}

pre {
	font-size: 16px;
}

.about-text-column p {
	font-size: 16px;
}
.p-margin {
	font-size: 16px;
}

/* gallery */
.gallery-container > div {
	height: auto;
	max-height: 800px;
}

.gallery-container > div > div {
	height: auto;
	max-height: 800px;
}

.gallery-container > div > div > div {
	max-height: 800px;
}

/* responsive */

.header {
	display: flex;
}
.header-small {
	display: none;
	margin: 10px;
}
.header-small ul {
	margin-bottom: 30px;
}
.header-small-icon {
	width: 26px !important;
	height: 26px !important;
	padding: 8px !important;
}
.section-video {
	height: 100%;
}
@media only screen and (max-width: 1700px) {
	/* gallery */
	.gallery-container > div {
		height: auto;
		max-height: 600px;
	}

	.gallery-container > div > div {
		height: auto;
		max-height: 600px;
	}

	.gallery-container > div > div > div {
		max-height: 600px;
	}
}
@media only screen and (max-width: 1400px) {
	pre {
		font-size: 16px;
	}
	.about-text-column p {
		font-size: 16px;
	}
	.p-margin {
		font-size: 16px;
	}
	.about-text-column {
		padding: 0 30px !important;
	}
	.wp-block-navigation-link {
		margin-right: 20px !important;
	}
	.about-text-column {
		padding: 0 100px !important;
		/* flex-basis: auto !important;
		width: 50% !important; */
		/* flex-basis: 50% !important; */
	}

}
@media only screen and (max-width: 1140px) {
	.header-sizing {
		font-size: 16px;
	}
	.wp-social-link {
		width: 25px;
		height: 25px;
	}
	/* .wp-block-social-links {
		gap: 10px !important;
	} */
	.space-between {
		margin-right: 10px !important;
	}
	.wp-block-navigation-link {
		margin-right: 12px !important;
	}
	.wp-social-link > a {
		padding: 1px !important;
	}
	.p-margin {
		margin: 0px;
	}
	.about-text-column {
		padding: 0 30px !important;
		/* flex-basis: auto !important;
		width: 50% !important; */
		flex-basis: 40% !important;
	}

}
@media only screen and (max-width: 934px) {
	.header-navigation {
		display: none !important;
	}
	.section {
		padding: 0 0 0px 0 !important;
	}
	.wp-block-social-links {
		/* gap: 30px !important; */
	}
}

@media only screen and (max-width: 780px) {
	main {
		padding: 0 10px;
		margin-block-start: 0 !important;
	}
	.section {
		height: auto;
		padding-top: 30px !important;
	}
	.reverse-small {
		flex-direction: column-reverse;
	}
	.about-text-column {
		width: auto !important;
	}
	.section-video {
		height: 600px;
	}
}
@media only screen and (max-width: 552px) {
	.header-small {
		display: flex;
  }
  .header {
		display: none;
  }
	.section:not(.section-start) {
		padding-top: 30px !important;
	}
	.section-start {
		padding-top: 0 !important;
	}
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #fafafa;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #bbb;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}