/* custom shortcode youtube player*/

.ytplayer {
	position: relative;
  height: 0;
  overflow: hidden;
  width: 100%;
  padding-bottom: calc(100% * var(--aspect-ratio));
  background-color: var(--wp--preset--color--tertiary-light);
}
.ytplayer form {
	padding: 2em; position: absolute; z-index: 2
}
.ytplayer iframe {
position: absolute; z-index: 1;
border: none; 
top: 0;left: 0;
width: 100%;
height: 100%;
}

/* custom shortcode subpages*/
.subpagesmenu>ul {
  flex-wrap: wrap;
  display: flex;
	place-content: center;
}

.subpagesmenu>ul>li {
	margin: 0 1em 1em 0;
    display: flex;
    flex-direction: column;
    position: relative;

  word-break: break-word;
  overflow-wrap: break-word;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
}

.subpagesmenu>ul>li figcaption>a {
	display:block;
	text-align: center;
	font-weight: bold;
	color: var(--color-text);
  padding: calc(0.5 * var(--padding-v)) calc(0.5 * var(--padding-h));
}

.entry-content .subpagesmenu>ul>li::before {
  content: none !important
}
.subpagesmenu>ul>li>figure>a{
	display: block;
	height: 0;
	padding-bottom: 65%;
	overflow: hidden;
}
.subpagesmenu>ul>li>figure>a>img{
	width: 100%;
	height: auto;
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
.subpagesmenu>ul>li>figure>a:hover>img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);

}
@media (min-width: 480px) {
  .subpagesmenu>ul>li {
		width: calc(50% - 1em);
  }
	.subpagesmenu>ul>li:nth-of-type(2n) {
    margin-right: 0;
	}
}
@media (min-width: 768px) {
  .subpagesmenu>ul>li {
		width: calc(33.33333% - .66667em);
    margin-right: 1em;
  }
	.subpagesmenu>ul>li:nth-of-type(2n) {
    margin-right: 1em;
	}
	.subpagesmenu>ul>li:nth-of-type(3n) {
    margin-right: 0;
	}
}