/*
Theme Name: Paul Regan Studio
Template: twentytwentyfour
Version: 1.1.3
Author: Degas Guruve
                      
PRS 1.0 06/2024

00 Overrides ..............................................   77
01 Degas Guruve ...........................................  263
02 paulregan.studio .......................................  332
03 Header .................................................  432
04 Menu ...................................................  439
05 Transitions ............................................  463
06 Links ..................................................  498
07 Panels .................................................  533
     Dummy ................................................  540
     Hero .................................................  555
     About ................................................  627
     Stickys ..............................................  641
     Painter/Carousel .....................................  664
	 Multi-image ..........................................  877
	 Gallery ..............................................  896
	 Video ................................................  901
	 Parallax .............................................  906
	 Mentor ...............................................  931	
     Teacher ..............................................  970
     Subscribe ...........................................  1018  
	 Button ..............................................  1027
	 Blog/Learning .......................................  1041
	 Spotify .............................................  1148
08 Learning ..............................................  1166
09 Blog ..................................................  1254
     Single posts ......................................... 1392
     Tags ................................................. 1457
10 Available Works ........................................ 1472
11 Popup .................................................. 1475
12 Search ................................................. 1623
13 Footer ................................................. 1651
14 Responsive ............................................. 1709
     Min .................................................. 1712
     Max .................................................. 2047
*/


:root { 
	--prs--section--max: 1650px;
	--prs--para--max: 685px;
	--prs--oth--max: 800px;
	--prs--bg: #f9f9f9;
	--prs--bg2: #eee;
	--prs--bg3: rgba(219,219,219,0.25);
	--prs--dark--grey: #555;
	--prs--darker--grey: #3c3c3c;
	--prs--btn--bg: #333;
	--prs--link--grey: #777;
	--prs--scale: 1.075;
	--prs--border--grey: #ccc;
	--prs--footer--link--grey: #ddd;
	--prs--image--height: 50vw;
}

img {
	vertical-align: middle;
}

html {
	scroll-behavior: smooth;
	scrollbar-gutter: stable;
}


/* Holding  
--------------- */

body.page-template-holding .entry-content {
	height: 90vh;
	align-items: center;
	display: flex;
	justify-content: center;
	min-height: 0 !important;
}


/* ==========================================================
   00 OVERRIDES
   ======================================================= */

	main, .entry-content {
		margin-block-start: 0 !important;
	}
	body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	  	max-width: 100vw;
	  	z-index: 2345;
	  	position: relative;
	}
	body.single .is-layout-constrained .top-menu {
		width: inherit !important;
	}
	.wp-element-button, .wp-block-button__link {
  		background-color: var(--prs--btn--bg);
		padding-left: 1.15rem !important;
		padding-right: 0.75rem !important;
		padding-top: 0.5rem !important;
	}
	.wp-element-button:hover, .wp-block-button__link:hover {
  		background-color: var(--prs--dark--grey);
	}
	.wp-block-search .wp-element-button, .wp-block-search .wp-block-button__link {
	  	text-transform: uppercase;
		letter-spacing: 0.333px;
  		padding: 0.75em 1em !important;
		margin-left: 0 !important;
  		border-radius: 0 !important;
		font-size: 82.5% !important;
	}
	.wp-block-search .wp-element-button:after, .wp-block-search .wp-block-button__link:after {
		content: '';
  		background: url('assets/img/plus-white2.png') no-repeat;
    	background-size: auto;
  		background-size: 16px 16px;
  		border: 7px solid black;
  		border-radius: 50%;
  		width: 16px;
  		height: 16px;
  		display: inline-block;
  		margin-left: 6px;
  		margin-bottom: -9px;
	}
	.entry-content ol, .entry-content ul {
	  	max-width: 850px;
	  	width: 100%;
	  	margin: 3em auto;
	}
	.entry-content ul {
		list-style: none;
		padding-left: 0;
	}
	.entry-content li {
		padding: 0 1em;  		
  		margin: 1em 0 1.5em;
	}
	.entry-content ul li {
		border-left: 3px solid var(--prs--btn--bg);
		width: 90%;
	  	background: var(--prs--bg2);
		padding: 2em;
  		margin: 1em 5% 1.5em !important;
	}
	.blog .wp-block-post-excerpt__excerpt {
		margin-top: -0.75em !important;
		margin-left: 0 !important;		
		font-size: 87.5%;
	}
	.post-type-archive-lessons main, .post-type-archive-learning main, .blog main, .single.single-lessons main, .single.single-learning main {
		padding-top: 2em;
	}
	.wp-block-separator:not(.is-style-wide):not(.is-style-dots):not(.alignwide):not(.alignfull) {
  		margin: 4em auto;
		max-width: 1280px;
  		width: 100vw !important;
		opacity: 25%;
	}
	.single-lessons figure, .single-learning figure { 
		width: 100% !important;
		max-width: var(--prs--oth--max) !important;
		margin-left: auto;
  		margin-right: auto;
	}
	html .single-lessons figure.wp-block-gallery figure, html .single-learning figure.wp-block-gallery figure {
		width: 0 !important;
	} 
	figure {
		text-align: center;
	}
	.wp-block-image img {
	  	width: 100% !important;
		max-width: 800px;
	}
	.taxonomy-post_tag.is-style-pill.wp-block-post-terms {
		text-align: center;
	}
	.wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg {
    	height: 30px !important;
  		width: 30px !important;
	}
	.wp-block-post-navigation-link {
		width: 100%;
  		max-width: 300px;
	}
	.post-navigation-link-previous.wp-block-post-navigation-link .post-navigation-link__label:before, .post-navigation-link-next.wp-block-post-navigation-link .post-navigation-link__label:after {
		content: "";
		background: url('assets/img/arrow_black_L.png') no-repeat;
		background-size: 28px;
		width: 24px;
	  	height: 24px;
	  	display: inline-block;		
		margin: 0 9px -4px -33px;
	  	opacity: 0.85;
	}
	.post-navigation-link-next.wp-block-post-navigation-link .post-navigation-link__label:after {
		background: url('assets/img/arrow_black_R.png') no-repeat;
		margin: 0 -29px -4px 0;
		background-size: 28px;
	}
	.post-navigation-link-next.wp-block-post-navigation-link {
		text-align: right;
	}
	.wp-block-post-navigation-link .post-navigation-link__label {
		text-transform: uppercase;
	  	display: block;
	}
	.wp-block-post-navigation-link .is-arrow-arrow {
		display: none;
	}
	main nav.wp-block-group {
		max-width: var(--prs--oth--max) !important;
	}
	main a:where(:not(.wp-element-button)), footer a {
		box-shadow: inset 0 -.15em 0 var(--prs--link--grey) !important;
  		padding-bottom: 1px !important;
		text-decoration: none !important;
	}
	figure a, figure a:hover {
		box-shadow: none !important;
	}
	main a:hover:where(:not(.wp-element-button)), footer a:hover {
		box-shadow: inset 0 -.4em 0 var(--prs--link--grey) !important;
  		padding-bottom: 1px !important;
		text-decoration: none !important;
	}
	.taxonomy-post_tag a, .taxonomy-post_tag a:hover {
		box-shadow: none !important;
  		background: white !important;
		border-radius: 0;
		border: 5px solid white;
		text-decoration: none;
		padding: 0;
	}
	.taxonomy-post_tag a:hover {
		box-shadow: inset 0 -.15em 0 var(--prs--link--grey) !important;
	}
	html .wp-container-core-group-is-layout-6.wp-container-core-group-is-layout-6 > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
		margin-left: auto !important;
	}
	.wp-block-query-title span {
	  	font-style: normal !important;
	}
	.archive .wp-block-post-featured-image img, .search .wp-block-post-featured-image img, .search-results .wp-block-post-featured-image img {
	  	/* border-radius: 1rem !important; */
		border-radius: 0 !important;
	}
	.wp-block-search .wp-block-search__input {
	  	border-radius: 0 !important;
	}
	.footer-block .has-global-padding {  
  		padding-left: calc(0.8 * var(--wp--style--root--padding-left)) !important;
  		padding-right: calc(0.8 * var(--wp--style--root--padding-right)) !important;
	}
	:root :where(.wp-element-caption, .wp-block-audio figcaption, .wp-block-embed figcaption, .wp-block-gallery figcaption, .wp-block-image figcaption, .wp-block-table figcaption, .wp-block-video figcaption) {
	  	max-width: 780px;
	  	margin-left: auto;
	  	margin-right: auto;
	}
	
/* ==========================================================
   01 DEGAS GURUVE
   ======================================================= */

	* { 		
	   -webkit-box-sizing: border-box; 
	   -moz-box-sizing: border-box; 
		box-sizing: border-box; 
	}
	.none, .hidden {
		display: none;	
	}
	.show {
		display: inline-block
	}
	.clear {
		clear: both;
	}
	.left {
		float: left;	
	}
	.right {
		float: right;	
	}
	.centre, .align-centre {
		text-align: center !important;	
	}
	a:active, a:focus { 
		outline: 0;
	}
	.upper {
		text-transform: uppercase;
	}
	.lower {
		text-transform: lowercase;
	}
	.full {
		width: 100% !important;
	}
	.strong {
		font-weight: bold;	
	}
	.relative {
		position: relative;	
	}
	.absolute {
		position: absolute;	
	}
	.fixed {
		position: fixed;	
	}
	.align-left {
		text-align: left;	
	}
	.align-right {
		text-align: right;	
	}
	.nopad {
		padding: 0 !important;
		max-width: none !important;
	}
	.open {
		height: auto !important;
	}


/* ==========================================================
   02 PAULREGAN.STUDIO
   ======================================================= */	

	body, .wp-block-site-title {
		font-family: "proxima-nova", sans-serif !important;
	}
	.page-id-15 page .entry-content {
		min-height: 150vh;
	}
	h1, h2, h3, h4, p, .single h1, .single h2, .single h3, .single p,
	.dummy-panel, .apply, .home-outer .wp-block-buttons {
		max-width: var(--prs--oth--max) !important;
  		margin-left: auto !important;
  		margin-right: auto !important;
  		width: 100%;
		font-family: "proxima-nova", sans-serif !important;
		font-weight: 400;
	}
	.single p.wp-block-site-title {
		font-weight: 600 !important;
	}
	.apply a:after,
	.wp-block-buttons .btn a:after,
	.wp-block-button.btn a:after,
	.wp-block-button.btn span.reveal:after {
		content: '';
		background: url('assets/img/plus-white2.png') no-repeat;
		background-size: 16px 16px;
		border: 5px solid black;
		color: black;
		border-radius: 50%;
		width: 16px;
  		height: 16px;
  		display: inline-block;
  		margin-left: 6px;
		margin-bottom: -7px;
	} 
	.wp-block-button.btn span.reveal.opened:after {
		background: url('assets/img/minus-white2.png') no-repeat;
		background-size: 16px 16px;
		border: 5px solid black;
		border-radius: 50%;
		width: 16px;
  		height: 16px;
  		display: inline-block;
  		margin-left: 6px;
		margin-bottom: -7px;
	}
	.header {
	  	position: sticky !important;
		padding: 0 0 1em;
		background: var(--prs--bg);
	  	color: #222;
		z-index: 10;
		margin: 0 auto 1em;
	}
	.header h2 {
		padding: 5px 0 5px 5%;
		margin: 0 !important;
	  	width: 100% !important;
	  	max-width: var(--prs--section--max) !important;
 		border: solid var(--prs--link--grey);
  		border-width: 1px 0;
		font-size: calc(0.825 * var(--wp--preset--font-size--x-large) );		
		background: var(--prs--bg2);
	}
	.header p {
		margin-left: 0 !important;
	}
	#headerabout, #header01, #header02, #header03 {
		top: 0;
		border-top: 9px solid transparent;
	}
	#headerabout {
		z-index: 10;
	}
	#header02 {
		z-index: 11;
	}
	#header03 {
		z-index: 12;
	}
	.header-intro {
		display: block;
		max-width: var(--prs--section--max) !important;
  		margin: 0 auto;
		padding: 0 5% 0.5em;
		position: relative;
	}
	html .header-intro p {
		max-width: 675px !important;
	 	margin-left: 0 !important; 
	}
	.has-large-font-size, .header h2, .home-outer h2 {
	  	font-weight: 500;
	}

	
	main > .has-global-padding {
		padding-left: 0;
		padding-right: 0;
	}


/* ==========================================================
   03 HEADER + 04 MENU
   ======================================================= */

    :root {
		--header-top-offset: 0;
		--header-padding: 15px;
		--header-height: 59px;
		--header-menu-btn-height: 46px;
		--header-menu-btn-padding: 8px;
	}

	html .admin-bar {
		--header-top-offset: 32px;
	}

	@media screen and (max-width: 782px) {
		html .admin-bar {
			--header-top-offset: 48px;
		}
	}

	header {
		position: relative;
		display: flex;
	  	z-index: 99998;
		background: var(--prs--bg);
		padding: var(--header-padding);
	}

		header .wp-block-site-title {
			margin: 0;
		}
			header .wp-block-site-title a {
				color: black !important;
			}
	
		header > .wp-block-navigation {
			max-height: calc(100vh - var(--header-top-offset));
			overflow: visible;
			flex-wrap: nowrap;
		}
		html.has-modal-open header > .wp-block-navigation {
			overflow: auto;
		}
	
	.wp-block-navigation__responsive-container.is-menu-open {
		animation: none;
	}

	header .wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open::after,
	header .wp-block-navigation__responsive-container-close::after {
		content: '';
		display: inline-block;
		width: 30px;
		height: 30px;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		margin-left: .5em;
	}
	
	header .wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open::after {
		background-image: url(./assets/img/menu-open.svg);
	}

	header .wp-block-navigation__responsive-container-close::after {
		background-image: url(./assets/img/menu-close.svg);

	}

    /* this class name is repeated for specificity against wp core */
	header .wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open,
	header .wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close {
		padding: var(--header-menu-btn-padding);
		align-items: center;
	}

	@media (max-width: 599px) {
		/* position the open button */
		header .wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open,
		header .wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close {
			position: fixed;
			top: calc(
				var(--header-top-offset)
				+ (
					(var(--header-height)
					- var(--header-menu-btn-height)
				) / 2)
			);
			right: calc(var(--header-padding) / 2);
			font-size: 0;
			border-radius: 50%;
		}
		header .wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open {
			z-index: 99999;
			background: var(--prs--bg);
		}

		header .wp-block-navigation:not(.has-text-color) .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) {
			color: white;
		}

		header .wp-block-navigation ul {
			width: 100%;
			max-width: 120px;
			margin-left: auto;
			margin-right: auto;
		}

		header .wp-block-navigation-item {
			width: 100%;
			border-bottom: 1px solid currentColor;
		}
	}

	header .wp-block-navigation__overlay-container button {
		position: absolute;
		top: calc(
			var(--header-top-offset)
			+ (
				(var(--header-height)
				- var(--header-menu-btn-height)
			) / 2)
		);
		right: calc(var(--header-padding) / 2);
		padding: 13px;
		z-index: 10000;
	}

	header .wp-block-navigation__overlay-container > .wp-block-group {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	header .wp-block-navigation__overlay-container .wp-block-navigation {
		margin-block-start: 0;
	}

	@media (max-width: 599px) {
		.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) {
			background: var(--prs--dark--grey) !important;
		}
	}

	@media (min-width: 600px) {
		:root {
			--header-menu-btn-padding: 12px 30px;
		}
		header > .wp-block-navigation {
			position: fixed;
			top: var(--header-top-offset);
			right: 0;
			display: flex;
			flex-direction: column;
			background: rgba(241, 241, 241, 0.55);
			backdrop-filter: blur(10px);
			-webkit-backdrop-filter: blur(10px);
			z-index: 99998;
			gap: 0;
		}

		.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open {
			justify-content: center;
			padding: var(--header-menu-btn-padding);
			background: none;
		}

		.wp-block-navigation__responsive-container.is-menu-open {
			background: none;
		};

		.wp-block-navigation__responsive-container {
			position: static;
		}

		.wp-block-navigation__responsive-container.is-menu-open {
			position: static;
			width: 100%;
		}

		header .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) {
			background: none;
			padding: 0;
		}

		.has-modal-open .admin-bar .is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-dialog {
			margin-top: 0;
		}

		header .wp-block-navigation__responsive-container-close,
		header .wp-block-navigation__responsive-container.disable-default-overlay.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__overlay-container {
			display: none !important;
		}

		.wp-block-navigation__responsive-container.disable-default-overlay.is-menu-open .wp-block-navigation__responsive-container-content>:not(.wp-block-navigation__overlay-container) {
			display: block !important;
			flex-grow: 1;
		}

		header .has-modal-open .admin-bar .is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-dialog,
		header .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .wp-block-navigation__responsive-container-content {
			padding-top: 0;
			margin-top: 0;
		}

		header .wp-block-navigation .wp-block-navigation-item__content {
			flex-grow: 1;
			padding: var(--header-menu-btn-padding);
		}
		
		header .wp-block-navigation__container {
			width: 100%;
		}

		header .wp-block-navigation .wp-block-navigation-item {
			width: 100%;
		}
		header .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
			display: block;
			width: 100%;
			padding: var(--header-menu-btn-padding);
			border-top: 1px solid white;
		}

		.wp-block-navigation .wp-block-navigation-item a:hover {
			box-shadow: 0 0 10px white;
			background: rgba(255, 255, 255, 0.6);
		}

		.home {
			--header-height: 0px;
		}
		.home header {
			position: static;
			background: none;
			padding: 0;
		}
			.home header .wp-block-site-title {
				position: absolute;
				bottom: 20px;
				z-index: 10000;
				text-align: center;
				max-width: none !important;
			}
				.home header .wp-block-site-title a {
					color: white !important;
					opacity: 0.7;
				}
	}


/* ==========================================================
   05 TRANSITIONS 
   ======================================================= */	
	
	a, a:hover,
	.page-id-15 header .wp-block-navigation .wp-block-navigation-item__content span, .page-id-15 header .wp-block-navigation .wp-block-navigation-item__content:hover span, .blog-item a span, .learning-item a span, .blog-item a:hover span, .learning-item a:hover span {
	  	transition: all 0.25s ease 0s;
	}
	.apply a:after, .wp-block-buttons .btn a:after, .wp-block-button.btn a:after, .wp-block-button.btn span.reveal:after,
	.apply a:hover:after, .wp-block-buttons .btn a:hover:after, .wp-block-button.btn a:hover:after, .wp-block-button.btn span.reveal:hover:after {
	  	transition: all 0.33s ease 0s;
	}
	.blog-item a img, .blog-item a:hover img, .learning-item a img, .learning-item a:hover img,
	.wp-block-post-featured-image a img, .wp-block-post-featured-image a:hover img {
		-webkit-transition: transform 0.25s ease-in-out;
	}

	@keyframes come-in {
		/* from { transform: translateY(150px); } */
		to { transform: translateY(0); }
	}

	.come-in {
	  transform: translateY(150px);
	  animation: come-in 0.8s ease forwards;
	}
	.come-in:nth-child(odd) {
	  animation-duration: 0.6s; /* So they look staggered */
	 }
	.already-visible {
	  transform: translateY(0);
	  animation: none;
	}			


/* ==========================================================
   06 LINKS
   ======================================================= */

	.blog-item a, .blog-item a:hover, .learning-item a, .learning-item a:hover, .wp-block-site-logo a, .wp-block-site-logo a:hover,
	footer a, footer a:hover {
		box-shadow: none !important;
 		text-decoration: none;
		padding-bottom: 0 !important;
	}
	.blog-item a span, .learning-item a span {
		font-size: 0.825em;
		text-transform: uppercase;
  		padding-bottom: 1px !important;
		text-decoration: none;
		display: inline;		
		font-weight: 600;
	}
	.blog-item a:hover span, .learning-item a:hover span {
		text-decoration: none;	
		box-shadow: inset 0 -.4em 0 var(--prs--link--grey) !important;
  		padding-bottom: 1px !important;
	}
	.blog-item a:hover img, .learning-item a:hover img {
		transform: scale(var(--prs--scale));	
	}
	.archive.search h2 a, .archive.tag h2 a {
		display: inline;
	}
	.archive.search figure a, .archive.tag figure a {
		box-shadow: none !important;
  		border-radius: 1rem;
	}


/* ==========================================================
   07 PANELS
   ======================================================= */

	.wp-block-buttons > .wp-block-button.btn, .wp-block-button.btn {
	  	text-transform: uppercase;
	}

	/* Dummy */
	.dummy-panel {
	  	display: flex;
		align-items: center;
  		justify-content: center;
		text-transform:  uppercase;	
		flex-direction: column;
		height: 10em;
  		border: 1px solid;
	}
	.dummy-sub {
		font-size: 0.825em;
		color: #999;
	}
	.dummy-head {
		font-size: 1.3em;
		padding: 0 2em;
	}

	/* Hero */
	html .hero-panel,
	html .inner-hero-panel {
		width: 100%;
		height: 100vh;
	}
	.hero-panel img, .hero-panel video {
		object-fit: cover;
		width: 100%;
		height: 100vh;
	}
	.inner-hero-panel img, .inner-hero-panel video {
		object-fit: cover;
		width: 100%;
		height: 50vh;
	}
	.hero-panel > picture img {
		object-position: center center;
	}
	@media (max-width: 767px) {
		.hero-panel img {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
		.hero-panel > picture.has-mobile-image img {
			object-position: center bottom;
		}
	}
	html .page-id-15 .hero-panel {
		position: fixed;
		top: 0;
		background: white;
		max-width: 100%;
}
	html .page-id-15 .hero-overlay {
	  	position: absolute;
	  	bottom: 10vh;
	  	width: 100%;
  		text-align: center;
		background: none;
  		left: 0;
  		right: 0;
	}
	html .page-id-15 .hero-overlay h1 {
	  	display: inline-block;
	  	text-align: center;
	  	margin: 0 !important;
	  	max-width: none !important;
	  	width: auto !important;
	  	padding: 0 .25em 0.2em;
	  	backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
	  	border-radius: 1rem;
	  	font-size: 7.5vw;	
		color: white;	
		background: rgba(0,0,0,0.25);
	}
	html .home-outer {
		background: #f9f9f9;
		display: flex;
		flex-direction: column;
		gap: 4em;
		padding: 0; 
		overflow: clip;
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
		margin: calc(100vh - var(--header-height)) 0 0 !important;
		width: 100% !important;	
		border-top: 1px solid white;
  		box-shadow: 0 0 10px white;
	}
	@media (min-width:767px) {
		html .home-outer {
			margin-top: 100vh !important;
		}
	}
	.hero-title { 
		width: 96%; 
		text-align: center; 
		line-height: 10vw; 
		background: white; 
		position: absolute; 
		bottom: 0;
		padding: 0.4em 0 0.6em;
		letter-spacing: 0.5px;
		font-size: 10.75vw;
	}

	/* About */
	figure.about {
		max-width: 780px;
	}
	.wp-block-table.about table {
	  	width: auto;
	}
	figure.about table td {
		border: none;
	}
	.home-outer .wp-block-buttons {
		padding-top: 0.75em;
	}

	/* Stickys */
	.main-parent {
		width: 100%;
		background: var(--prs--bg);
	}
	.main-parent a.anchor{
		display: block; 
		position: relative; 
		visibility: hidden;		
	}	
	.main-parent a.anchor#teacher {	
		top: -250px;
	}

	/* Painter/Carousel */
	body .is-layout-constrained > .scroll-gallery-panel {
		margin: 4em -3% 3em !important;
  		width: 106%;
	}
	.scroll-gallery-panel {
		padding: 0 5%;	
		margin-bottom: 0;
	}
	.film_roll_pager {
		display: none;
	}
	.header-intro.painter {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-bottom: 1em !important;
	}
	.painter-text p {
		margin: 0 1em 0 0 !important;
	}
	.painter-links {
		text-align: left;		
		margin: 1em 0 0;
	}
	.painter-links .wp-block-button.btn {
		margin-bottom: 6px;
		display: inline-block;
		margin-right: 3px;
	}
	.exhibition-panel {
		display: none;
		background: white;
		margin-left: calc(0.5 * (100% - 100vw) );
		margin-bottom: 4em;
		padding: 1.5em 1.5em 1em;
	}
	.exhibition-list {
	  	max-width: 800px;
	  	margin: 0 auto;
	  	border-left: 2px solid var(--prs--btn--bg);
	  	padding-left: 1em;
		padding: 1em 0 1em 1em;
		margin-bottom: 3em;
	}
	.exhibition-list p {
		margin: 0 !important;
  		display: inline-block;
	}
	.exhibition-list p a {
		margin-bottom: 4px;
	}
	.exhibition-list span.year {
		font-weight: 500;
	}
	.exhibition-list span.year:before {
		content: "•—";
		display: inline-block;
		margin-left: -30px;
	  	font-size: 4em;
	  	margin-right: 10px;
		line-height: 1em;
		color: var(--prs--btn--bg);
		vertical-align: -12px;
	}
	.exhib {
		margin-top: 2em;
	}
	.exhibition-more {
		display: none;
	}
	.more:after {
		content: " more"
	}
	.less:after {
		content: " less"
	}
	section.carousel-outer {
  		height: 100%;
  		display: flex;
  		align-items: center;
  		justify-content: center;	
		width: 100%;
	}
	.carousel-container {
	  	position: relative;
	  	overflow: hidden;
		width: 100%;
	}
	.carousel {
	  	display: flex;
		gap: 17px;
	}
	.scroll-inner {	
		display: flex;
	  	flex-direction: column;	
		height: 100%;		
		padding: 0 4px;
	}	
	.carousel.sliding-transition {
	  	transition: transform 0.5s ease-in-out;
	}
	.carousel-image {
		height: var(--prs--image--height);
  		width: auto;		
	}
	.gallery-scroll {
		max-width: var(--prs--section--max);
		display: flex;
		overflow: hidden;
	}
	.gallery-scroll .scroll-outer {
		width: 100%;
		display: flex;
		gap: 1em;
	}	
	.gallery-scroll .scroll-inner {
		display: flex;
  		flex-direction: column;
	}
	.gallery-scroll .scroll-inner img {
		transition: transform 0.5s;
		height: 32.5vw;
  		width: auto;
		align-self: center;
	}
	.gallery-scroll::-webkit-scrollbar {
		display: none;
	} 
	.gallery-wrapper {
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 auto;
	}
	.gallery-scroll-copy {
		margin-top: 0;
  		padding-top: 2px;
	}
	.gallery-scroll-copy.active.show {
		background: white;
		width: calc(100% - 8px);
	}
	.gallery-scroll-copy .gallery-title {
		padding-left: 10px;
		font-size: 0.825em;
		text-transform: uppercase;
	}
	.gallery-scroll-copy .dets {
		opacity: 0;
		padding: 0 0 10px 10px; 
		font-size: 0.825em;
  		color: #555;
		transition: all 0.25s ease-in;
		height: 0;
	}
	.gallery-scroll-copy.active.show .dets {
		opacity: 1;
		padding: 0 0 10px 10px;
		transition: all 0.25s ease-in;
		height: auto;
	}
	.adj {
		cursor: pointer;
		display: inline-block;
		margin: 0 10px 5px 3px;		
	}
	.gallery-scroll-copy .adj:before  {
		content: "+";
		width: 20px;
	  	height: 20px;
	  	text-align: center;
	  	display: inline-block;
		background: var(--prs--bg2);
	  	border-radius: 50%;
	  	padding: 5px;
	  	line-height: 20px;
	  	margin-top: 5px;
	}
	.gallery-scroll-copy.active.show .adj:before {
		content: "-";
	}
	.inner-top {
  		display: inline-block;
	}
	.scroll-inner .show {
		display: block;
	}
	.scroll-inner .show.active {
		display: inline-block;
	}
	html .film_roll_wrapper {
	  	padding-left: 6px !important;
	}
	.film_roll_child {
		vertical-align: top !important;
	}
	.film_roll_prev, .film_roll_next {
		top: calc(0.5 * var(--prs--image--height)) !important;
		box-shadow: none !important;
		border: none !important;
	}
	.film_roll_prev {
	  	left: 2px !important;
	}
	.film_roll_next {
	  	right: 2px !important;
	}
	main a.film_roll_prev:hover, main a.film_roll_next:hover {
	  	box-shadow: none !important;
	}

	.c-book {
		padding: 1em 5% 2em 5%;
		margin-bottom: 0;
		background: var(--prs--bg2);
	}
	.c-book__intro {}
		.c-book__intro p {
			margin-left: 0 !important;
		}
	.c-book__images {
		display: flex;
		gap: 20px;
		flex-wrap: wrap;
		justify-content: center;
	}
		.c-book__images__item {
			flex-basis: calc((100% - 20px) / 2);
		}
		.c-book__images__item,
		.c-book__images__item:hover,
		.c-book__images__item:focus {
			text-decoration: none;
			box-shadow: none !important;
		}

		.c-book__images__item img {
			max-width: 100%;
			width: 100%;
			height: auto;
		}

		@media screen and (min-width: 768px) {
			.c-book__images__item {
				flex-basis: calc((100% - (3 * 20px)) / 4);
			}
		}

	/* Multi image */
	.image-panel-outer {
		display: flex;
	}
	.image-panel-outer {
		flex-wrap: wrap;
		padding: 0 0.25em;
	}
	.image-panel-outer .image-panel {
  		flex: 33.33%;
		padding: 0.25em !important;
	}
	.image-panel {		
		position: relative;
	}
	.hero-panel .image-panel img {
		height: calc(100vh - 33px);
	}

	/* Gallery */
	.gallery-panel {
		margin-top: 4em;
	}

	/* Video */
	.vjs-poster img {
  		margin-top: -1em;
	}

	/* Parallax */
	.parallax-panel {
		background: var(--prs--bg); 
		width: 100%;
	  	margin: 0;
		padding: 0 5%;
	  	max-width: 110% !important;
	}
	.wp-block-psb-parallax {
		max-width: var(--prs--section--max) !important;		
		width: 100%;
    	margin: 0 auto !important;		
	}
	.psbParallaxSection h2 {
		max-width: 960px !important;
	}
	#psbParallaxSection-83b96e0f-d .psbParallaxImg {
  		background-size: inherit !important;
  		background-position: inherit !important;
	}
	.wp-block-psb-parallax .psbParallaxImg {
		height: 1220px !important;	
		background-position: 40% center !important;
	}

	.buttons-container {
		margin-top: 2em;
		margin-bottom: 2em;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 1em;
	}
		.buttons-container > * {
			display: inline-flex;
		}
	
	/* About Panel */
	.about-panel {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		padding-bottom: 0;
		padding-top: 0;
		background: #f9f9f9;	
	}
		.about-panel__content {
			display: flex;
			flex-direction: column;
			gap: 1rem;
			padding: 0 5%;
		}
			.about-panel__content__text > *:first-child {
				margin-top: 0;
			}
			.about-panel__content__photo figure {
				margin: 0;
			}
			.about-panel__content__photo img {
				width: 100%;
			}
	@media (max-width:675px) {
		.about-panel__content {
		}
	}
	@media (min-width:676px) {
		.about-panel {
			padding-top: 0;
		}
		.about-panel__content {
			display: grid;
			grid-template-columns: 1fr min(30%, 400px);
			gap: 5%;
			padding: 0 5%;
		}
			.about-panel__content__text {
				flex-basis: 60%;
				--prs--oth--max: 1300px;
			}
			.about-panel__content__photo {
				flex-basis: 40%;
			}
	}

	/* Mentor */
	.mentor-block {
		gap: 2em;
		margin-bottom: 4em;
		max-width: var(--prs--section--max) !important;
	}
	.mentor-panel {
		max-width: var(--prs--section--max) !important;
		display: flex;
		margin-bottom: -16.5%;
		margin-left: auto;
  		margin-right: auto;
		padding: 0 5%;
	}
	.mentor1 {
	  	flex-direction: column; 
	  	align-items: flex-start;
		display: flex;
		width: 100%;
		gap: 1em;
		padding-bottom: 3em;
	}
	.mentor1 .kgvid_wrapper {
		width: 100% !important;
	}
	.mentor1 p {
		font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.542), 1.2rem);
	}
	.mentor1 p:empty {
		display: none;
	}
	.mentor1 figure {
		width: 100%;	
	}
	.mentor1 img {
		max-width: 100%;
		height: auto;
	}

	/* Teacher */
	.teacher-panel {
		max-width: var(--prs--section--max) !important;
		margin-left: auto;
  		margin-right: auto;
		padding: 0 5%;
	}
	html .teacher-panel p {
		max-width: 750px !important;
		margin-left: 0 !important;
	}
	.teacher-wrapper {
		display: grid;
		grid-template-rows: 1fr 1fr;
		grid-template-columns: 1fr 1fr 1fr;
  		grid-gap: 20px;
		margin-bottom: 3em;
	}
	.p1, .p2, .p3 {
		width: 100%;
		overflow: hidden;
		aspect-ratio: 3/2;
		position: relative;		
		grid-column: span 3;
	}
	.p1 img, .p2 img, .p3 img {
		aspect-ratio: 3/2;
		object-fit: cover;
	  	width: 100%;
	  	height: 100%;
	  	position: absolute;
	  	left: 50%;
	  	top: 50%;
	  	transform: translate(-50%, -50%);
	}
	.txt {
		background: none !important;
		color: #222;		
		aspect-ratio: auto;
		padding: 0 5vw;
		place-content: center;
  		display: grid;
		font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.542), 1.2rem);
	}
	#content02 {
	  	border-bottom: 1px solid transparent;
	}

	/* Subscribe */
	.subscribe .wp-block-group {
		width: 100%;
		padding: 0 1rem;
	}
	.subscribe .wp-block-group h2 {
		margin-left: 0 !important;
	}

	/* Button */
	.max {
		max-width: 780px !important;
	}
	.btn .wp-block-button__link {
		display: inline-block;
  		border-radius: 99px !important;
		letter-spacing: 0.333px;
	}
	.btn .wp-block-button__link.show {
		padding-right: 1.15rem !important;
  		width: 132px;
  		text-align: center;
	}

	/* Blog, Learning */
	.blog-panel, .learning-panel {
	  	display: flex;
		margin-top: 4em;		
		width: 100%;
		margin: 0 0;
		padding: 2.5em 5% 4em;
  		max-width: 110% !important;
		background: var(--prs--bg);		
		position: relative;	
	}
	.blog-panel {
		margin-top: 0;
		background: var(--prs--bg);		
	}
	.blog-inner, .learning-inner {
		position: absolute;
	  	top: 0;
	  	left: 0;
	  	right: 0;
	  	bottom: 0;
		backdrop-filter: blur(10px);
	}
	.blog-panel .wp-block-buttons {
	  	margin-left: 0 !important;
	  	margin-bottom: 2em;
	}
	.blog-item-outer, .learning-item-outer {
  		display: flex;
		gap: 1em;
		flex-wrap: wrap;
	}
	.blog-wrapper, .learning-wrapper, .c-book__wrapper {
  		width: 100%;		
		max-width: var(--prs--section--max) !important;
  		margin: 0 auto;
		position: relative;
	}
	.blog-wrapper .blog-top, .learning-wrapper .learning-top {
  		display: flex;
		flex-direction: row;
	}
	.blog-wrapper .intro-text p,
	.learning-wrapper .intro-text p {
  		width: 100%;
		max-width: 750px !important;
		margin-top: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.blog-wrapper .blog-top .item, .learning-wrapper .learning-top .item {
  		width: 50%;
		margin-left: 0 !important; 
		margin-right: 0 !important;
		margin-top: 0 !important;
  		padding: 0;
	}
	.blog-wrapper .blog-top div.item, .learning-wrapper .learning-top div.item {
  		text-align: right;
	}
	.blog-wrapper .blog-top div.item span, .learning-wrapper .learning-top div.item span {
		border: 1px solid;
		padding: 0.5em;
	}
	.blog-item, .learning-item {
		flex: calc(0.5 * (100% - 3em)); /* 2 across */
		box-shadow: 0 0 5px white;
		background: white;
	}
	.blog-title, .learning-title {
		line-height: 1.3;		
		margin-top: -0.5em;
		padding: 0.25em 1em 1em;
		background: white;
		text-align: center;
	}
	.learning-title {
		padding: 0 1em 1em;
	}
	.blog-item span, .learning-item span {
	  	margin-top: 3px;
	  	display: inline-block;
	}
	.blog-thumb, .learning-thumb {
		aspect-ratio: 1/1;
		width: 100%;
  		overflow: hidden;
  		border: 0.75em solid white;
		border-width: 1em 1em 0.75em;
		background: white;
		color: white;
	}
	.learning-thumb {
		margin-bottom: 0.5em; 
	}	
	.blog-thumb img, .learning-thumb img {
		width: 100%;
		object-fit: cover;
		height: 100%;
	}
	.learning-panel {
		background: var(--prs--bg2);
	}
	.learning-panel .wp-block-buttons {
	  	margin-left: 0 !important;
	  	margin-bottom: 2em;
	}
	.learning-wrapper .intro-text {
		position: relative;
	}

	/* Spotify */
	.spotify-panel {
		background: var(--prs--bg2);
		width: 100%;
	  	margin: 0;
		padding: 2em 5% 5em;
	  	max-width: 110% !important;
	}
	.spotify-outer {
		width: 100%;
	  	max-width: var(--prs--section--max) !important;
	}
	.spotify-outer h2 {
		margin-left: 0 !important;	
	}


/* ==========================================================
   08 LEARNING
   ======================================================= */

	.post-type-archive-lessons .wp-block-post-template.wp-block-post-template, .post-type-archive-learning .wp-block-post-template.wp-block-post-template {
	  	text-align: center;
	}
	.post-type-archive-lessons ul.lessons-outer li, .post-type-archive-learning ul.lessons-outer li {
		display: inline-block;
		margin-block-start: 0 !important;
	}
	.post-type-archive-lessons ul.lessons-outer li .wp-block-spacer, .post-type-archive-learning ul.lessons-outer li .wp-block-spacer {
		display: none;
	}
	.post-type-archive-lessons ul.lessons-outer li h2:after, .post-type-archive-learning ul.lessons-outer li h2:after {
		content: "/";
		margin: 0 5px;
	}
	.post-type-archive-lessons ul.lessons-outer li:last-of-type h2:after, .post-type-archive-learning ul.lessons-outer li:last-of-type h2:after {
		content: "";
		margin: 0;
	}
	.lessons-outer {
		margin-top: 5rem;
	}
	.post-type-archive-lessons main h2 a:where(:not(.wp-element-button)), .post-type-archive-learning main h2 a:where(:not(.wp-element-button)) {
	  	padding-bottom: 2px !important;
	}
	.post-type-archive-lessons main h2 a:hover:where(:not(.wp-element-button)), .post-type-archive-learning main h2 a:hover:where(:not(.wp-element-button)) {
	  	box-shadow: inset 0 -.3em 0 var(--prs--link--grey) !important;
	}
	.wp-block-vk-filter-search-filter-search {
	  	background: white;
	  	width: 100%;
	  	max-width: calc(800px + 5em);
		padding: 1.5em;
  		margin: 2em auto -3em !important;
	}
	.vkfs__label-name {
	  	text-transform: uppercase;
	  	font-weight: 500 !important;
	  	letter-spacing: 0.5px;
	}
	.vkfs .btn[type="submit"] {
	  	color: white;
		background-color: var(--prs--btn--bg);
	  	border: none;
	  	text-transform: uppercase;
	  	display: inline-block;
	  	width: auto;
	  	border-radius: 99px;
		padding: 5px 8px 12px 18px;
		line-height: 1.2em;
		text-decoration: none;
		transition: 0.25s;
		letter-spacing: 0.75px;
		margin-left: 4px;
	}
	.vkfs .btn[type="submit"]:hover {
		background-color: var(--prs--dark--grey);
	}
	.vkfs .btn[type="submit"]::after {
	  	content: '';
	  	background: url('assets/img/plus-white2.png') no-repeat;
	  	background-size: 16px 16px;
	  	border: 7px solid black;
	  	border-radius: 50%;
	  	width: 16px;
	  	height: 16px;
	  	display: inline-block;
	  	margin-left: 6px;
	  	margin-bottom: -10px;
	}
	.search-results .wp-block-post-featured-image img {
		object-fit: cover;
	  	height: 100%;
	  	width: 100%;
	}	
	.post-type-archive-lessons .has-x-large-font-size, .post-type-archive-learning .has-x-large-font-size {
	  	font-size: 22px !important;
	}
	.prev-next {
		padding-left: 5%;
  		padding-right: 5%;
		align-items: flex-start !important;
	}


/* ==========================================================
   09 BLOG
   ======================================================= */

	.blog-outer {
		max-width: 1280px !important;
		margin-left: auto !important;
		margin-right: auto !important;	
	}
	.blog .feat-archive {
		max-width: 225px; 
	}
	.blog .wp-block-post-featured-image {
		aspect-ratio: 1/1;
		margin-bottom: 0;
		overflow: clip;
		margin: 0.5em 0 1.5em;
	}
	.blog .wp-block-post-featured-image img {
	  	object-fit: cover;
	  	width: 100%;
	  	height: 100%;
		border-radius: 0 !important;
		box-shadow: none !important;
	}	
	.blog .wp-block-post-title {
		margin-left: 0 !important;
		margin-right: 0 !important;
		font-weight: 500;
		font-size: calc(1.125 * clamp(0.984rem, 0.984rem + ((1vw - 0.2rem) * 0.86), 1.5rem) ) !important;
	}
	.blog .wp-block-post-title a {
	  	display: inline !important;
		line-height: 1.3;
	}
	.wp-block-gallery {
	  	margin-bottom: 4em !important;
	}
	.wp-block-gallery + figure {
	  	margin-top: -2em !important;
	}
	.wp-block-gallery.wp-block-gallery-2 {
		max-width: var(--prs--oth--max) !important;
	  	margin-left: auto !important;
	  	margin-right: auto !important;
		gap: 2em 1em !important;
	}
	.wp-block-column.is-vertically-aligned-center {
	  	align-self: flex-start;
	}
	.wp-block-post-featured-image a:hover img {
		transform: scale(var(--prs--scale));		
	}
	.wp-block-post-excerpt {
	  	display: inline-block;
	  	margin-top: 3em; 
	}
	.blog h1.wp-block-heading, .blog h2.wp-block-heading {
		max-width: 1280px !important;
  		font-weight: 500;
	}
	.blog h1.wp-block-heading {
		margin-top: 5px !important;
	}	
	.blog h2.wp-block-post-title {
		margin-top: 0 !important;
		line-height: 1.3 !important;
	}
	.wp-block-post-title a:where(:not(.wp-element-button)) {
	  	box-shadow: inset 0 -.2em 0 var(--prs--link--grey);
	  	padding-bottom: 6px;
	}
	.wp-block-post-title a:where(:not(.wp-element-button)):hover {
	  	box-shadow: inset 0 -.35em 0 var(--prs--link--grey);
		text-decoration: none;
	}
	.taxonomy-category.wp-block-post-terms {
		margin-block-start: 0.5rem !important;
	}
	.blog .wp-block-post-date a {
	  	pointer-events: none;
  		cursor: default;
		box-shadow: none !important;
	}
	.taxonomy-category.wp-block-post-terms {
	  	text-transform: uppercase;
	}
	.taxonomy-category.wp-block-post-terms a {
		color: var(--prs--link--grey) !important;
	}
	.wp-block-read-more {
	  	font-size: 87.5%;
		margin-top: 0.5em;
		color: var(--prs--link--grey);
		box-shadow: none !important;
	}
	.wp-block-read-more:after {
	  	content: "";
		background: url('assets/img/arrow_black_R.png') no-repeat;
		background-size: 16px;
		width: 18px;
	  	height: 18px;
	  	display: inline-block;		
		margin: 0 3px -5px;
	  	opacity: 0.85;
	}
	.blog-intro {
		margin-bottom: -1em !important;
	}
	.keep-in-touch {
		padding-top: 0 !important;
	}	
	.blog .wp-container-core-query-pagination-is-layout-1.wp-container-core-query-pagination-is-layout-1 {
	  	width: 75%;
		max-width: 300px;
	  	margin-left: auto;
	  	margin-right: auto;
	}
	.blog .wp-block-query-pagination > .wp-block-query-pagination-numbers {
		font-size: 150%;
	}
	.wp-block-query-pagination-previous-arrow.is-arrow-arrow, .wp-block-query-pagination-next-arrow.is-arrow-arrow {
		display: none;
	}
	.wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-previous:before, .wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-next:after {
		content: "";
	  	background: url('assets/img/arrow_black_L.png') no-repeat;
		width: 20px; 
  		height: 20px;
  		background-size: 20px !important;
	  	display: inline-block;
	  	margin: 0 3px -5px 0 !important;
	  	opacity: 0.85;
	}
	.wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-next:after {
		background: url('assets/img/arrow_black_R.png') no-repeat;
		margin: 0 0 -5px 3px !important;
	}

	/* Single posts */		
	.single .title-panel {
		margin-bottom: 1em !important;
		padding-top: 0 !important;
	}
	.single.single-post .entry-content {
		padding-top: 2em;
	}
	.single .title-panel .wp-block-group {
		max-width: 685px !important;
  		width: 100% !important;
	}
	.author-panel {
	  	width: 100%;
	  	font-size: 87.5%;		
		margin: -1em auto 2em !important;
  		max-width: var(--prs--para--max);
	}
	.author-name {
		font-weight: 500;
	}
	.gallery-panel {
		max-width: 1600px;
	}
	.gallery {
		display: flex;
		gap: 1em !important;
		align-items: baseline;
		flex-wrap: wrap;
	}
	.gallery-inner {
		flex: 0 0 calc( (100% - 2em) / 2 ); /* uniform widths, no grow */ 
		line-height: 1.25;
		letter-spacing: 1px !important;
  		font-size: 82.5%;
		color: var(--prs--link--grey);
	}
	.gallery-inner img {		
		width: 100%;
		max-width: 100%;
	}
	.gallery-img a, .gallery-img a:hover {
		box-shadow: none !important;
	}
	.single .entry-content h2, .single .entry-content p {
		max-width: var(--prs--para--max) !important;
	}
	.single main {
		padding-top: 8em;
	}
	.single.single-lessons main, .single.single-learning main {
		padding-top: 3.75em;
	}
	.single h1.title {
		font-weight: 500;
	}
	.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
		background: none !important;
		color: black;
		/* margin-bottom: -2.5em; */
		margin-bottom: -0.75em;
  		position: relative !important;
	}
	.wp-block-gallery.has-nested-images figcaption {
		flex-basis: auto !important;
  		flex-grow: 0 !important;
	}
	.connected {
		padding: 1em !important;
	}

	/* Tags */
	.archive.tag .wp-block-post-featured-image {
	  	position: relative;
	  	aspect-ratio: 3/2;
	  	margin-top: 1em;
		overflow: hidden;
  		border-radius: 1rem;
	}


/* ==========================================================
   10 AVAILABLE WORKS
   ======================================================= */	

	/* .works-wrapper {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 1em;
	} 

.gutter-sizer {
	width: 2%;
}*/
	.available-works {
		/* width: calc(0.333 * (100% - 6em)); */
		width: 100%;
		margin-bottom: 1em;
	}
	.available-works a.work {
		box-shadow: none !important;
	}
	.available-works .panel-text {
	  	background: white;
	  	padding: 0.5em 0.75em 1em;
	  	margin-top: -6px;
	}
	.available-works img {
	  	width: 100%;
	  	height: auto;
	}
	.available-works .title-text {
	  	font-size: 1.1em;
	  	font-weight: 600;
	}
	.available-works .caption-text {
  		line-height: 1.1;
  		margin-top: 4px;
	}
	.fancybox-container {
		z-index: 999992 !important;
	}
	.enquire-text {
		margin-top: 0.125em;
	}
	p.available-intro {
	  	margin-top: -0.25em;
	  	margin-bottom: 2em;
	}


/* ==========================================================
   11 POPUP
   ======================================================= */	

	.popup-outer {
		display: none;
		position: fixed !important;		
		left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0 !important;
		width: 100%;
		max-width: none !important;
		height: 100%;	
		background: rgba(158,150,142,0.5);
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
		margin: 0 !important;		
		z-index: 123456 !important;
	}
	.popup-outer.finish {
        display: none !important;
     }	
	.popup-inner {
		position: absolute;				 
		top: 50%; left: 50%; 		
		transform: translate(-50%, -50%); 
		width: 90%;
		background: var(--prs--bg);
		padding: 1.5em 2em;
  		max-width: 550px;
		font-size: 82.5%;
	}
	.popup-inner h2 {
		margin-top: 0;
		font-size: calc(0.825 * var(--wp--preset--font-size--x-large) );
		line-height: 1.05;
		font-weight: 500;
	}
	.popup-content-outer {
	  	display: flex;
		align-items: center;
		flex-direction: column;
	}
	.popup-content-outer div {
	  	flex: 100%;
	}
	.popup-image img {
		width: 100%;
		height: auto;
	}
	.cta {
		margin-top: 0.5em;
	}
	.cta p {
		margin: 1em 0 0;	
	}
	.popup-form-outer {
		margin-top: 0.5em;
		padding: 1em 0;
		color: var(--cm-metallic-grey);
	}
	.popup-form-outer .popup-form {
	  	text-align: center;
	}
	a.popup {
	  	text-transform: uppercase;
	  	color: white;
		padding: 12px 8px 12px 18px !important;
	  	line-height: 1.2em;
	  	text-decoration: none;
	  	transition: all 0.25s;
	  	letter-spacing: 0.333px;
		background: black;
  		border-radius: 99px;
		font-size: 87.5% !important; /* to counter body 120% */
		box-shadow: none !important;
	}
	a.popup:after{
		content: '';
		background: url('assets/img/plus-white2.png') no-repeat;
		background-size: 16px 16px;
		border: 7px solid black;
		border-radius: 50%;
		width: 16px;
  		height: 16px;
  		display: inline-block;
  		margin-left: 6px;
		margin-bottom: -10px;
		box-shadow: none !important;
	}
	a.popup:hover {	
		background: var(--wp--preset--color--contrast-2);
		box-shadow: none !important;
		padding: 12px 8px 12px 18px !important;
	}
	#closeButton, #closeButton2 {
		position: absolute; 
		padding: 3px;
		cursor: default;
		z-index: 3000;		
		top: -0.95em; 
		right: -0.95em;
		transform: rotate(45deg);
		border-radius: 50%;
		background: url(assets/img/plus-white2.png) no-repeat;
		background-size: 20px 20px;
		height: 30px; width: 30px;
  		border: 5px solid black;		
	 }	 
	 #closeButton:hover {
		opacity: 0.75;		 
		top: -0.95em; 
		right: -0.95em;
		transform: rotate(45deg);
		border-radius: 50%;
		background: url(assets/img/plus-white2.png) no-repeat;
		background-size: 20px 20px;
		height: 30px; width: 30px;
  		border: 5px solid black;
	 }
	 #closeButton2, #closeButton2:hover {		
		background: url(images/icon_close3.png) no-repeat;
		top: 0.5em; right: 0.5em;		
		border-radius: 50%;
		border: 1px solid;	
	 }
	 #closeButton2:hover {
		background: url(assets/img/plus-white2.png) no-repeat;
		opacity: 0.75;
		cursor: pointer;
	 }
	.leave, .timeout {
		display: none;			
	}
	.view {
		display: block !important;
	}


/* ==========================================================
   12 SEARCH
   ======================================================= */

	.search-results h2.wp-block-post-title a {
		line-height: 1.3;
	}
	.search-results .wp-block-post-featured-image {
	  	position: relative;
	  	aspect-ratio: 3/2;
	  	margin-top: 1em;
	}
	.search-results .wp-block-post-featured-image img {
		object-fit: cover;
	  	height: 100%;
	  	width: 100%;
	}
	.search-results ul li div:first-of-type {
		margin-top: 0 !important;
	}
	.search-results ul li a.wp-block-read-more {
		margin-left: 0 !important;
	}
	form.wp-block-vk-filter-search-filter-search {
		max-width: 870px !important;
	}


/* ==========================================================
   13 FOOTER
   ======================================================= */

	footer {
		background: var(--prs--darker--grey);
  		color: white;
	}
	.footer-inner {
		padding-bottom: var(--wp--preset--spacing--40) !important;
	}
	footer a {
		color: var(--prs--footer--link--grey) !important;
	}
	.footer-block {
		max-width: var(--prs--oth--max) !important;
  		margin-left: auto !important;
  		margin-right: auto !important;
  		width: 100%;
  		padding-right: var(--wp--style--root--padding-right);
  		padding-left: var(--wp--style--root--padding-left);
	}
	footer a.wp-block-navigation-item__content {
		font-size: 112.5% !important;
	}
	footer nav ul li:last-of-type a.wp-block-navigation-item__content:after {
		content: "";
		margin: 0;
	}
	.page-id-15 footer.wp-block-template-part {
		position: relative;
		z-index: 12345;
		margin-block-start: 0;
	}
	footer .contact-dets {
	  	line-height: 1.1;
		border-bottom: 1px solid #ccc;
	  	padding-bottom: 1em;
	}
	footer .footer-block {
  		align-items: flex-start !important;
	} 
	footer .contact-dets a {
	  	font-size: var(--wp--preset--font-size--small) !important;
	}
	footer .wp-block-navigation {
	  	--navigation-layout-align: left !important;
		margin-block-start: 0.5rem;
	}
	footer nav.wp-block-navigation ul {
		flex-direction: column !important;
		gap: 0 !important;
	}
	footer .studio {
		font-size: var(--wp--preset--font-size--small) !important;
	}


/* ==========================================================
   14 RESPONSIVE
   ======================================================= */

	/* MIN */	
	@media (min-width: 360px) {
		.post-type-archive-lessons .has-x-large-font-size, .post-type-archive-learning .has-x-large-font-size {
			font-size: 5.5vw !important;
		}
	}
	
	@media (min-width: 480px) {
		.post-type-archive-lessons .has-x-large-font-size, .post-type-archive-learning .has-x-large-font-size {
			font-size: calc(0.925 * var(--wp--preset--font-size--x-large) ) !important;
		}
		.single h1.title, .author-panel {
		  	text-align: center;
		}
		.gallery-inner {
			flex: 0 0 calc( (100% - 3em) / 3 ); /* uniform widths, no grow */ 
		}
		.hero-title {
  			width: 98%;
		}
	}

	@media (min-width: 500px) {	
		.film_roll_prev {
			left: 5px !important;
		}
		.film_roll_next {
			right: 5px !important;
		}
	}

	@media (min-width: 550px) {
		.popup-inner {
			padding: 2em;
		}
		.cta p {
			margin: 0;	
		}
		.exhibition-panel {
		  	padding: 3em 3em 1em;
		}
		.exhibition-list span.year:before {
			margin-left: -34px; 
		}
	}

	@media (min-width: 600px) {		
		.image-panel-outer {
			padding: 0.5em;
		}
		.image-panel-outer .image-panel {
			padding: 0.5em !important;
		}		
		.p1 {
			grid-column: span 1;
		}
		.p2 {
			grid-column: span 2;
		}
		.p3 {
			grid-row: span 2;
			grid-column: span 2;
			aspect-ratio: auto;
		}
		.menu-title.inner {
			display: none; 
		}
		.menu-title a {
			padding-right: 0.25em;
		}
		.menu-title span {
			font-size: 112.5%;
		}
		.wp-block-psb-parallax .psbParallaxImg {
			background-position: center center !important;
		}
		.page-id-15 header .is-layout-constrained {
			padding: 0 !important;
		}
		.parallax-panel {
			padding-bottom: 4em;
		}
		.wp-block-vk-filter-search-filter-search {
			padding: 2em 2.5em 1.75em;
	  	  	margin: 2.75em auto -3.25em !important;
		}
		.scroll-gallery-panel {
			margin-bottom: 1em; 
		}
		.hero-title {
			display: none;	
		}
		.available-works {
			width: calc(50% - 1.5em);
			margin-right: 1.5em;
			margin-bottom: 1.5em;
		}
	}

	@media (min-width: 700px) {
		.header-intro.painter {
			flex-direction: row; 
		}
			.header-intro.painter .buttons-container {
				margin-top: 0;
				justify-content: flex-end;
			}
		.painter-links {
			display: flex;
			flex-wrap: wrap;
			gap: 1rem;
			justify-content: flex-end;
			margin: 0 0 1.5em auto;
		}
		.painter-links .wp-block-button.btn {
			margin: 0 !important;
		}
		.blog-wrapper .painter-links .wp-block-button.btn {
			margin-top: 8px;
		}
		.blog-wrapper .intro-text {
		  	display: flex;
			gap: 3rem;
		}
			.blog-wrapper .intro-text .buttons-container {
				margin-top: 0;
				justify-content: flex-end;
			}
		.film_roll_prev {
			left: 10px !important;
		}
		.film_roll_next {
			right: 10px !important;
		}
	}

	@media (min-width: 740px) {
		body, .wp-block-site-title {
			font-size: 107.5%;
		}
		.popup-form form {
			grid-template-columns: 1fr 1fr;	
		}
	}

	@media (min-width: 782px) {
		.blog .wp-block-post-excerpt {
  			width: calc(100% - 32% - 0.5em);
		}
		.blog .feat-archive {
		  	max-width: 225px;
		  	margin-left: calc(28% - 200px) !important;
		}
		.blog .wp-block-post-title a {
		  	line-height: inherit;
		}
		.vkfs__labels {
		  	width: calc(100% - 120px - 0.25em);
		}
		.vkfs .btn[type="submit"] {
			margin-top: -54px;
			float: right;
		}
	}

	@media (min-width: 800px) {
		.mentor1 {
  		  	flex-direction: row;
		}
		.mentor1 .kgvid_wrapper {
		  	width: 60% !important;
		}
		.mentor1 figure {
			width: 40%;		
			overflow-y: hidden;
			max-height: calc( 113% * 9 / 16); /* guestimate fit */
			margin-top: 0.5em;		
		}
		.blog .wp-block-post-excerpt {
  			width: calc(100% - 32% - 0.5em);
		}
		.scroll-gallery-panel {
			margin-bottom: 2em; 
		}
	}

	@media (min-width: 925px) {
		#content02 .header-intro .btn a,
		#content03 .header-intro .btn a {
  			position: absolute;
  			top: 0;
  			right: 5%;
			width: auto;
			height: auto;
		}
		
		.header-intro.painter .btn a {
  			right: 0; 
		}
		.gallery-inner {
			flex: 0 0 calc( (100% - 4em) / 4 ); /* uniform widths, no grow */ 
		}
	}

	@media (min-width: 999px) {
		html .header-intro p {
			max-width: 750px !important; 
		}
		.blog-item, .learning-item {
	  		flex: calc(0.25 * (100% - 5em)); /* 4 across */
		}
		body, .wp-block-site-title {
			font-size: 112.5%;
		}
		:root { 
			--prs--image--height: 30vw;
		}
		.available-works {
			width: calc(33.333% - 2em);
			margin-right: 2em;
			margin-bottom: 2em;
		}
	}		

	@media (min-width: 1099px) {
		.blog-thumb, .learning-thumb {
			aspect-ratio: 3/4;
		}
		.learning-wrapper .intro-text .btn a {
  			position: absolute;
  			top: 0;
  			right: 0;
			width: auto;
			height: auto;
		}
	}

	@media (min-width: 1250px) {
		.blog .wp-block-post-excerpt {
  			width: auto;
		}
	}

	@media (min-width: 1325px) {
		body, .wp-block-site-title {
			font-size: 120%;
		}
	}

	@media (min-width: 1500px) {
		.post-type-archive-lessons main, .post-type-archive-learning main, .blog main, .single.single-lessons main, .single.single-learning main {
			padding-top: 3em;
		}
	}

	@media (min-width: 1650px) {
		.header h2, .header-intro, .mentor-panel, .teacher-panel, .scroll-gallery-panel  {
			padding-left: calc(0.5 * (100vw - 1650px) );
			max-width: 100vw !important;
		}
		:root { 
			--prs--image--height: 25vw;
		}
	}


	/* MAX */
	@media (max-width: 1299px) {
		.search-results .wp-container-core-post-template-is-layout-1.wp-container-core-post-template-is-layout-1,
		.archive.tag .wp-container-core-post-template-is-layout-1.wp-container-core-post-template-is-layout-1 {
			grid-template-columns: repeat(3, minmax(0, 1fr));
		}
	}

	@media (max-width: 1175px) {
		body .is-layout-constrained > h1.alignwide {
			padding-top: 1.85em !important;
		}
		body.blog .is-layout-constrained > h1.alignwide {
			padding-top: 0 !important;
		}
	}

	@media (max-width: 999px) {
		.search-results .wp-container-core-post-template-is-layout-1.wp-container-core-post-template-is-layout-1,
		.archive.tag .wp-container-core-post-template-is-layout-1.wp-container-core-post-template-is-layout-1 {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}
		.scroll-inner {
			padding: 0 3px;
		}

		.gallery-scroll-copy.active.show {
			width: calc(100% - 5px);
  			margin-top: -7px;
		}
	}

	@media (max-width: 599px) {
		html .home-outer.relative {
		  	margin-top: 0 !important;
		}
		.home .has-base-background-color {
			background: none !important;
		}
		#modal-1-content li a:hover {
			text-decoration: none;	
		}
		/* #modal-1-content li.sep{
			margin-top: 2em;
		}		 */
		.mentor-block {
			flex-wrap: wrap-reverse !important; 
		}	
		.view {
		  	display: inline-block !important;
		}
		.home .hero-title {
			/* line-height: 10vw; 
			letter-spacing: 0.5px;
    		font-size: 12vw !important;
    		margin: 14px 0 0.5em !important; */
		}
	  	.search-results .wp-container-core-post-template-is-layout-1.wp-container-core-post-template-is-layout-1, .archive.tag .wp-container-core-post-template-is-layout-1.wp-container-core-post-template-is-layout-1 {
    		grid-template-columns: repeat(1, minmax(0, 1fr));
  		}	
		:root {
			--wp--style--root--padding-right: 3% !important;
  			--wp--style--root--padding-left: 3% !important;
		}
		body header .is-layout-constrained {
			padding-top: 1em !important;
		}
		body.blog .is-layout-constrained > h1.alignwide {
			padding-top: 0.25em !important;
			margin-bottom: 1em !important;
		}
		.has-medium-font-size {
		  	font-size: calc(0.825 * var(--wp--preset--font-size--medium)) !important;
		}
		.psbParallaxSection .wp-block-heading {
		  	font-size: calc(0.875 * clamp(22.041px, 1.378rem + ((1vw - 3.2px) * 1.454), 36px)) !important;
		}
		.post-navigation-link-previous.wp-block-post-navigation-link .post-navigation-link__label:before {
			margin: 0 4px -4px -28px;
		}
		.post-navigation-link-next.wp-block-post-navigation-link .post-navigation-link__label:after {
			margin: 0 -24px -4px -5px;
		}
		.footer-block {
			padding-top: 1.5em;
			padding-left: 5.5% !important;
			padding-right: 5.5% !important;
		}
		footer nav {
		  	gap: 0.25em;
		}		
		.blog-thumb, .learning-thumb {
  			aspect-ratio: 1/1;
			border-width: 0.5em;
		}
		.learning-title {
		  	padding-bottom: 0.5em;
		}
		.teacher-wrapper {
		  	grid-gap: 0.75em;
			margin-bottom: 1.5em;
		}
		.kgvid_wrapper {
  			margin-bottom: 0.5em !important;
		}
		.blog-panel, .learning-panel, .spotify-panel {
  			padding: 1.5em 5% !important;
		}
		.wp-block-group.has-global-padding.spotify-panel {
		  	padding-left: 5% !important;
			padding-right: 5% !important;
		}
		.wp-block-psb-parallax .psbParallaxImg {
  			height: 675px !important;
		}
		.blog-wrapper .blog-top .item, .learning-wrapper .learning-top .item {
			margin-bottom: 0 !important;
		}
		.blog-wrapper .painter-links {
			margin: 1em 0;
		}
		.film_roll_prev, .film_roll_next {
			height: 34px !important;
		  	width: 32px !important;
		  	font-size: 51px !important;
		  	line-height: 25px !important;
		}
		.film_roll_prev {
			padding-right: 2px !important;
		} 
		.film_roll_next {
			padding-left: 2px !important;
		}
		.scroll-inner {
			padding: 0 2px;
		}
		.no-mob {
			display: none !important;
		}
		.home .image-panel-outer {
			height: 100vh;
			height: 100svh;
		}
	}

	@media (max-width: 479px) {
		.prev-next {
			padding-left: 7%;
			padding-right: 7%;
		}
		.btn .wp-block-button__link {
		  	font-size: 80%;
		}
		.apply a::after, .wp-block-buttons .btn a::after, .wp-block-button.btn a::after, .wp-block-button.btn span.reveal::after {
		  	margin-bottom: -8px;
		}
		.image-panel-outer {
		  	padding: 0 2%;
		}
		.blog-item, .learning-item {
		  	flex: calc(1 * (100% - 3em));
		}
	}

	@media (max-width: 420px) {
		.blog .wp-block-post-featured-image {
  			aspect-ratio: 4/3;
		}
		.blog .feat-archive {
			max-width: none;
		}
	}

	@media (max-width: 379px) {
		.prev-next {
			font-size: 95%;
		}
	}