/*

Author: Mike Hartley
URL:    http://bigflannel.com

*/

/* univers font / licensed for Reuben Wu via myfonts.com and Reuben Wu account
-------------------------------------------------- */

/**
* @license
* MyFonts Webfont Build ID 144372
*
* The fonts listed in this notice are subject to the End User License
* Agreement(s) entered into by the website owner. All other parties are
* explicitly restricted from using the Licensed Webfonts(s).
*
* You may obtain a valid license from one of MyFonts official sites.
* http://www.fonts.com
* http://www.myfonts.com
* http://www.linotype.com
*
*/
@font-face {
	font-family: "Univers";
	src: url('../fonts/univers-light.woff2') format('woff2'), url('../fonts/univers-light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: "Univers";
	src: url('../fonts/univers-light-italic.woff2') format('woff2'), url('../fonts/univers-light-italic.woff') format('woff');
	font-weight: 300;
	font-style: italic;
}

/* Reuben Wu Theme web font
/* fonts-loaded class added to body tag after load managed by fontfaceobserver js
-------------------------------------------------- */

body.site-font-loaded {
	font-family: 'Univers', sans-serif;
  	font-weight: 300;
  	font-style: normal;
}
.site-font-loaded h1,
.site-font-loaded h2,
.site-font-loaded h3,
.site-font-loaded h4,
.site-font-loaded h5,
.site-font-loaded h6 {
	font-family: 'Univers', sans-serif;
  	font-weight: 300;
}
strong,
b {
  	font-weight: 400;
}
em,
i,
cite,
dfn,
address {
  	font-style: italic;
}

/* typography amendments for smaller size
-------------------------------------------------- */

/* body {
	font-size: 12px;
	font-size: .75rem;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 14px;
	font-size: .875rem;
	margin: 0 0 1em 0;
} */
/*#site-navigation {
	font-size: 14px;
	font-size: .875rem;
}*/
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 1em 0;
}

/* Reuben Wu Theme variables
-------------------------------------------------- */

:root {
	--col-bg: #FFFFFF;
	--col-bg-alt: #000000;

	--col-title: #000000;
	--col-body: #727272;
	--col-meta: #BEBEBE;
	--col-line: #EDEDED;
	--col-social-icon-block: #c1c0c0;
	--col-border: #FFFFFF;
	--col-link: #000000;

	--col-title-alt: #FFFFFF;
	--col-body-alt: #ABABAB;
	--col-meta-alt: #545454;
	--col-line-alt: #3B3B3B;
	--col-border-alt: #252525;
	--col-link-alt: #FFFFFF;

	--col-share-text: #9B9B9B;
	--example-with-important: #F7FF00 !important; 

	/* for the gallery block on selected works and commissions pages */
	--wp--style--block-gap: .75em;


	--wp--preset--font-size--small: .75em;
	--wp--preset--font-size--medium: .825em;
	--wp--preset--font-size--large: 1.125em;
	--wp--preset--font-size--x-large: 1.25em;
}

/* Theme Base Styles
-------------------------------------------------- */

html {
	overflow-x: hidden;
	overflow-y: scroll;
}
body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: var(--col-bg);
	color: var(--col-body);
}
body.alt {
	background-color: var(--col-bg-alt);
	color: var(--col-body-alt);
}
h1, h2, h3, h4, h5, h6 {
	color: var(--col-meta);
}
a {
	color: var(--col-body);
}
a:hover {
	color: var(--col-link);
}
.alt a {
	color: var(--col-body-alt);
}
.alt a:hover {
	color: var(--col-link-alt);
}
img {
	border: .5px solid var(--col-border);
}
.alt img {
	border: .5px solid var(--col-border-alt);
}
.wp-block-jetpack-videopress iframe,
.portfolio-videopress {
	border: .5px solid var(--col-border);
}
.alt .wp-block-jetpack-videopress iframe,
.portfolio-videopress {
	border: .5px solid var(--col-border-alt);
}
#masthead {
	padding: 1em 2em 0 2em;
}
#content {
	padding: 0 4em 6em 4em;
}
.share .h6 {
	padding: 2em 0 0 0;
	color: var(--col-share-text);
}
.share ul {
	padding: 1em 0 0 0;
}
.share li {
	display: inline-block;
	margin: 0 .4em 0 0;
}
@media (max-width: 1024px) {
}
@media (max-width: 768px) {
	#masthead {
		padding: 1em 1em 0 1em;
	}
	#content {
		padding: 0 1em 6em 1em;
	}
}
@media (max-width: 480px) {
}

/* Icon Styles
-------------------------------------------------- */

.icon-body {
	width: auto;
	height: 27px;
	color: var(--col-body);
	cursor: pointer;
}
.icon-body:hover  {
	color: var(--col-title);
}
.alt .icon-body {
	color: var(--col-body-alt);
}
.alt .icon-body:hover  {
	color: var(--col-title-alt);
}


.icon-line,
.icon-line a {
	width: auto;
	height: 37px;
	color: var(--col-line);
	cursor: pointer;
}
.social-icon-block .icon-line a {
	color: var(--col-social-icon-block);
}
.icon-line:hover,
.icon-line a:hover  {
	color: var(--col-body);
}
.icon-mode-container:hover .icon-line,
.icon-mode-container:hover .icon-line a  {
	color: var(--col-body);
}
.alt .icon-line,
.alt .icon-line a {
	color: var(--col-line-alt);
}
.alt .icon-line:hover,
.alt .icon-line a:hover {
	color: var(--col-body-alt);
}
.alt .icon-mode-container:hover .icon-line,
.alt .icon-mode-container:hover .icon-line a {
	color: var(--col-body-alt);
}


.post-type-archive-works article .icon-line:hover,
.post-type-archive-commissions article .icon-line:hover {
	color: var(--col-line);
}
.gallery-video-icon .icon-line  {
	color: var(--col-line);
}
.gallery-video-icon .icon-line:hover  {
	color: var(--col-line);
}
.gallery-video-icon .icon-line {
	height: 81px;
}


.icon-mode-container {
	position: relative;
	width: 37px;
	height: 37px;
	cursor: pointer;
}
#icon-light, #icon-dark {
	position: absolute;
	top: 0;
	left: 0;
}
#icon-dark {
	opacity: 0;
}
.icon-mode-container:hover #icon-light {
	opacity: 0;
}
.icon-mode-container:hover #icon-dark {
	opacity: 1;
}
.alt #icon-light {
	opacity: 0;
}
.alt #icon-dark {
	opacity: 1;
}
.alt .icon-mode-container:hover #icon-light {
	opacity: 1;
}
.alt .icon-mode-container:hover #icon-dark {
	opacity: 0;
}


#icon-thumbnail,
#icon-thumbnail .icon-body {
	width: auto;
	height: 21px;
}
@-moz-keyframes flip { 
	.1% {
		-moz-transform: scale(-1, -1);
		-webkit-transform: scale(-1, -1);
		transform: scale(-1, -1);
	}
	20% {
		-moz-transform: scale(-1, -1);
		-webkit-transform: scale(-1, -1);
		transform: scale(-1, -1);
	}
	20.1% {
		-moz-transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
	100% {
		-moz-transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
}
@-webkit-keyframes flip { 
	.1% {
		-moz-transform: scale(-1, -1);
		-webkit-transform: scale(-1, -1);
		transform: scale(-1, -1);
	}
	20% {
		-moz-transform: scale(-1, -1);
		-webkit-transform: scale(-1, -1);
		transform: scale(-1, -1);
	}
	20.1% {
		-moz-transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
	100% {
		-moz-transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
}
@keyframes flip { 
	.1% {
		-moz-transform: scale(-1, -1);
		-webkit-transform: scale(-1, -1);
		transform: scale(-1, -1);
	}
	20% {
		-moz-transform: scale(-1, -1);
		-webkit-transform: scale(-1, -1);
		transform: scale(-1, -1);
	}
	20.1% {
		-moz-transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
	100% {
		-moz-transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
}
/* thinner black with grey border */

#portfolio .slick-slide,
#portfolio .swiper-slide,
.wp-block-cb-carousel-v2 .slick-slide,
.wp-block-cb-carousel-v2 .swiper-slide {
	cursor: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='32px' height='32px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Enext-chevron-icon-04@1x%3C/title%3E%3Cg id='next-chevron-icon-04' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpolygon id='Path' stroke='%23ABABAB' stroke-width='0.3' fill='%23000000' fill-rule='nonzero' transform='translate(8, 8) scale(-1, 1) translate(-8, -8)' points='10.9897611 15 4 8 10.9897611 1 12 2.01171875 6.01774744 8 12 13.9882812'%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E") 16 16, pointer;
}
/* thinner black with grey border */
#portfolio .slick-slide.cursor-prev,
#portfolio .swiper-slide.cursor-prev,
.wp-block-cb-carousel-v2 .slick-slide.cursor-prev,
.wp-block-cb-carousel-v2 .swiper-slide.cursor-prev {
	cursor: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='32px' height='32px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eprevious-chevron-icon-04@1x%3C/title%3E%3Cg id='previous-chevron-icon-04' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpolygon id='Path' stroke='%23ABABAB' stroke-width='0.3' fill='%23000000' fill-rule='nonzero' points='10.9897611 15 4 8 10.9897611 1 12 2.01171875 6.01774744 8 12 13.9882812'%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E") 16 16, pointer;
}


/* thinner black with grey border */
.alt #portfolio .slick-slide,
.alt #portfolio .swiper-slide,
.alt .wp-block-cb-carousel-v2 .slick-slide,
.alt .wp-block-cb-carousel-v2 .swiper-slide {
	cursor: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='32px' height='32px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Enext-chevron-icon-04@1x%3C/title%3E%3Cg id='next-chevron-icon-04' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpolygon id='Path' stroke='%23ABABAB' stroke-width='0.3' fill='%23000000' fill-rule='nonzero' transform='translate(8, 8) scale(-1, 1) translate(-8, -8)' points='10.9897611 15 4 8 10.9897611 1 12 2.01171875 6.01774744 8 12 13.9882812'%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E") 16 16, pointer;
}
/* thinner black with grey border */
.alt #portfolio .slick-slide.cursor-prev,
.alt #portfolio .swiper-slide.cursor-prev,
.alt .wp-block-cb-carousel-v2 .slick-slide.cursor-prev,
.alt .wp-block-cb-carousel-v2 .swiper-slide.cursor-prev {
	cursor: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='32px' height='32px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eprevious-chevron-icon-04@1x%3C/title%3E%3Cg id='previous-chevron-icon-04' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpolygon id='Path' stroke='%23ABABAB' stroke-width='0.3' fill='%23000000' fill-rule='nonzero' points='10.9897611 15 4 8 10.9897611 1 12 2.01171875 6.01774744 8 12 13.9882812'%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E") 16 16, pointer;
}


/* Animated Burger
-------------------------------------------------- */

.burger-wrapper {
	display: block;
	cursor: pointer;
	margin: auto;
	width: 14px;
	height: 14px;
}
.burger-wrapper .hamburger {
	background: var(--col-body);
	width: 14px;
	height: 1px;
	position: relative;
	transition: background 5ms 150ms ease;
	transform: translateY(5px);
}
.burger-wrapper .hamburger:before, 
.burger-wrapper .hamburger:after {
	transition: top 150ms 175ms ease, transform 150ms 25ms ease;
	position: absolute;
	background: var(--col-body);
	width: 14px;
	height: 1px;
	content: "";
}
.alt .burger-wrapper .hamburger {
	background: var(--col-body-alt);
}
.alt .burger-wrapper .hamburger:before, 
.alt .burger-wrapper .hamburger:after {
	background: var(--col-body-alt);
}
.burger-wrapper .hamburger:before {
	top: -6px;
}
.burger-wrapper .hamburger:after {
	top: 6px;
}
.burger-wrapper:hover .hamburger,
.burger-wrapper:hover .hamburger:before, 
.burger-wrapper:hover .hamburger:after {
	background: var(--col-title);
}
.alt .burger-wrapper:hover .hamburger,
.alt .burger-wrapper:hover .hamburger:before, 
.alt .burger-wrapper:hover .hamburger:after {
	background: var(--col-title-alt);
}
.menu-trigger:checked ~ .burger-wrapper .hamburger {
	background: transparent;
}
.menu-trigger:checked ~ .burger-wrapper .hamburger:after, .menu-trigger:checked ~ .burger-wrapper .hamburger:before {
	transition: top 150ms 25ms ease, transform 150ms 175ms ease;
	top: 0;
}
.menu-trigger:checked ~ .burger-wrapper .hamburger:before {
	transform: rotate(45deg);
}
.menu-trigger:checked ~ .burger-wrapper .hamburger:after {
	transform: rotate(-45deg);
}
.hidden {
	display: none;
}

/* Header Styles
-------------------------------------------------- */

#masthead {
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 1000;
}
.site-branding img {
	width: 170px;
	height: auto;
	border: none;
}
.alt .site-branding img {
	filter: invert(100%);
}
nav #site-navigation {
	margin: 0 0 0 0;
}
#site-navigation {
	padding: 0 0 0 0;
}
#nav-columns {
	display: flex;
	gap: 6em;
}
#nav-columns li {
	display: block;
	margin: 0 0 0 0;
	line-height: 2;
}
.current-menu-item a,
.current_page_item a {
	color: var(--col-link);
}
.alt .current-menu-item a,
.alt .current_page_item a {
	color: var(--col-link-alt);
}
#menu {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100dvh;
	background-color: var(--col-bg);
	z-index: 999;
}
.alt #menu {
	background-color: var(--col-bg-alt);
}
#menu-layout {
	display: flex;
	flex-direction: column;
	gap: 2em;
	height: 100%;
}
#menu-navigation {
	padding: 8em 2em 0 2em;
}
#menu-footer {
	display: flex;
	align-items: center;
	justify-content: left;
	gap: 2em;
	margin-top: auto;
	border-top: 1px solid var(--col-line);
	padding: .8em 2em .8em 2em;
}
.alt #menu-footer {
	border-top: 1px solid var(--col-line-alt);
}
@media (max-width: 1024px) {
}
@media (max-width: 768px) {
	.site-branding img {
		width: 120px;
	}
	#nav-columns {
		flex-direction: column;
		gap: 1em;
	}
	#menu-footer {
		padding: .8em 1em .8em 1em;
	}
}
@media (max-width: 480px) {
}

/* Page Styles
-------------------------------------------------- */

#content {
	margin-top: 4em !important;
	/* browser height - header height - footer height - content padding */
	min-height: calc(100vh - 128px - 62.19px - 4em)
}
.slug-squeeze #content,
.slug-home #content {
	margin-top: 0 !important;
}
#content.no-margin-top {
	margin-top: 0 !important;
}
@media (max-width: 1024px) {
}
@media (max-width: 768px) {
	#content {
		/* browser height - header height - footer height - content padding*/
		min-height: calc(100dvh - 46.21px - 47.19px - 4em)
	}
}
@media (max-width: 480px) {
}

/* Home Page Styles
-------------------------------------------------- */

.slug-home #content {
	padding-bottom: 0;
}
.home .hentry,
.home .entry-content,
.slug-home .hentry,
.slug-home .entry-content {
	margin: 0 0 0 0;
}

/* for carousel version 2 */
#home-slideshow,
#home-slideshow .swiper-wrapper,
#home-slideshow .swiper-slide {
	/* browser height - header height - footer height */
	height: calc(100vh - 128px - 62.19px) !important;
}
#home-slideshow .swiper-slide {
	display: flex;
	justify-content: center;
	align-items: center;
}
#home-slideshow .swiper-slide img,
#home-slideshow .swiper-slide video  {
	/* object-fit: contain !important; */
	/* browser height - header height - padding for image footer - height */
	max-height: calc(100vh - 128px - 4em - 62.19px - 15vh) !important;
	width: auto;
}
#home-slideshow .swiper-slide iframe {
	/* aspect-ratio: 16 / 9; */
	/* height: auto; */
	/* browser height - header height - padding for video - footer height */
	max-height: calc(100vh - 128px - 4em - 62.19px - 15vh) !important;
}
#home-slideshow .swiper-slide:has(> .wp-block-jetpack-videopress),
#home-slideshow .swiper-slide:has(> .wp-block-video)  {
	display: block;
}
/* set a default width of videopress video based on 16/9 relative dimensions */
#home-slideshow .swiper-slide .wp-block-jetpack-videopress,
#home-slideshow .swiper-slide .wp-block-video.is-provider-videopress {
	width: calc(((100vh - 128px - 4em - 62.19px - 15vh)/900)*1600);
}
/* center a videopress video */
#home-slideshow .swiper-slide .wp-block-jetpack-videopress,
#home-slideshow .swiper-slide .wp-block-video {
	position: relative;
	left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
}
/* makes text below a vertical image respond to image width! */
#home-slideshow .swiper-slide .wp-block-image {
	display: inline-block;
}
/* makes text below a vertical image respond to image width! */
#home-slideshow .swiper-slide .wp-element-caption,
#home-slideshow .swiper-slide figcaption {
	width: 0;
  	min-width: 100%;
	font-size: 1em;
	text-align: right;
}
@media (max-width: 1024px) {
}
@media (max-width: 768px) {
	/* .home #content,
	.slug-home #content {
		padding: 0 0 0 0;
	} */
	.home .wp-block-cb-carousel .slick-slide,
	.slug-home .wp-block-cb-carousel .slick-slide {
	    padding:  0 0 0 0;
	}
	#home-slideshow,
	#home-slideshow .swiper-wrapper,
	#home-slideshow .swiper-slide  {
		/* browser height - header height - slide count height - padding for slide count - footer height */
		height: calc(100dvh - 46.21px - 18px - 2em - 47.19px) !important;
	}
	#home-slideshow .swiper-slide img,
	#home-slideshow .swiper-slide video,
	#home-slideshow .swiper-slide iframe {
		/* browser height - header height - padding for image - slide count height - padding for slide count - footer height */
		max-height: calc(100dvh - 46.21px - 10em - 18px - 1em - 47.19px) !important;
	}
	#home-slideshow .swiper-slide .wp-element-caption,
	#home-slideshow .swiper-slide figcaption {
		padding: 0 1em 0 0;
	}
}
@media (max-width: 480px) {
}

/* Works & Commissions Styles
-------------------------------------------------- */

.single-works #content,
.single-commissions #content {
	padding-bottom: 0;
}
.single-works #content .entry-content,
.single-commissions #content .entry-content {
	padding-bottom: 4em;
}
/* spacing between text and tiled gallery */
.single-commissions :where(.wp-block-columns.is-layout-flex),
.single-works :where(.wp-block-columns.is-layout-flex) {
    gap: 4em;
}
/* spacing on tiled galleries */
.tiled-gallery__gallery,
.tiled-gallery__row,
.tiled-gallery__col {
	gap: .75em;
}
.single-commissions .tiled-gallery__item img,
.single-works .tiled-gallery__item img,
.single-commissions .wp-block-gallery .wp-block-image img,
.single-works .wp-block-gallery .wp-block-image img {
	cursor: pointer;
}
.gallery-video-icon {
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	opacity: .5;
}
#portfolio {
	display: none;
}
.single-works .hentry,
.single-works .entry-content {
	margin: 0 0 0 0;
}
#portfolio,
#portfolio .slick-track,
#portfolio .slick-slide   {
	/* browser height - header height  - footer height */
	height: calc(100vh - 128px - 62.19px) !important;
}
#portfolio .slick-slide {
	display: flex;
	justify-content: center;
	align-items: center; 
} 
#portfolio .slick-slide img,
#portfolio .slick-slide video {
	/* object-fit: contain !important; */
	/* browser height - header height - padding for image - footer height */
	max-height: calc(100vh - 128px - 4em - 62.19px) !important;
	width: auto;

}
#portfolio .slick-slide iframe {
	/* aspect-ratio: 16 / 9; */
	/* height: auto; */
	/* browser height - header height - padding for image - footer height */
	max-height: calc(100vh - 128px - 4em - 62.19px) !important;
}
.behind-the-scenes .wp-block-columns,
.behind-the-scenes .wp-block-group {
	gap: 1em;
}
.single-works .nav-links,
.single-commissions .nav-links {
	display: inline-block;
	padding-bottom: 6em;
	width: calc(66% - 2em);
	float: right;
}
.single-works .nav-previous,
.single-commissions .nav-previous {
	float: right;
	text-align: right;
}
.single-works .nav-next,
.single-commissions .nav-next {
	float: left;
	text-align: left;
}
.pagination-link {
	font-size: .75em;
}
@media (max-width: 1024px) {
}
@media (max-width: 768px) {
	.single-works #content #portfolio,
	.single-commissions #content #portfolio {
		margin: 0 -1em 0 -1em;
	}
	.home .wp-block-cb-carousel .slick-slide,
	.slug-home .wp-block-cb-carousel .slick-slide {
	    padding:  0 0 0 0;
	}
	#portfolio,
	#portfolio .slick-track,
	#portfolio .slick-slide {
		/* browser height - header height - footer height */
		height: calc(100dvh - 63.33px - 50.39px) !important;
	}
	#portfolio .slick-slide img,
	#portfolio .slick-slide video,
	#portfolio .slick-slide iframe {
		/* browser height - header height - padding for video - footer height */
		max-height: calc(100dvh - 63.33px - 2em - 50.39px) !important;
	}
	.behind-the-scenes .wp-block-columns,
	.behind-the-scenes .wp-block-group {
		gap: .5em;
	}
	.single-works .nav-links,
	.single-commissions .nav-links {
		width: 100%;
	}
}
@media (max-width: 480px) {
	#portfolio,
	#portfolio .slick-track,
	#portfolio .slick-slide {
		/* browser height - header height - footer height */
		height: calc(100dvh - 46.21px - 47.19px) !important;
	}
	#portfolio .slick-slide img,
	#portfolio .slick-slide video,
	#portfolio .slick-slide iframe {
		/* browser height - header height - padding for video - footer height */
		max-height: calc(100dvh - 46.21px - 2em - 47.19px) !important;
	}
	.behind-the-scenes .wp-block-columns,
	.behind-the-scenes .wp-block-group {
		gap: .5em;
	}
}

/* Works & Commissions Archive styles
-------------------------------------------------- */

.post-type-archive-works #content,
.post-type-archive-commissions #content {
	margin: 0 auto;
	max-width: 106em;	
}
#posts-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 3em;
}
.post-type-archive-works .entry-header,
.post-type-archive-commissions .entry-header {
	display: flex;
	align-items: center;
	gap: 1em;
}
.post-type-archive-works .entry-header .entry-title,
.post-type-archive-commissions .entry-header .entry-title {
	margin: 0 0 0 0;
}
.post-type-archive-works .thumbnail-archive,
.post-type-archive-commissions .thumbnail-archive {
	margin: 0 0 .4em 0;
}
@media (max-width: 1024px) {
}
@media (max-width: 768px) {
	#posts-grid {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 2em;
	}
}
@media (max-width: 480px) {
}

/* Limited Width Page Template styles
-------------------------------------------------- */

.page-template-template-limited-width #content {
	margin: 0 auto;
	max-width: 120em;
}

/* Single Column Template styles
-------------------------------------------------- */

.page-template-template-single-column #content {
	margin: 0 auto;
	max-width: 60em;
}

/* Block styles
-------------------------------------------------- */

/* styles applied to blocks */

.content-title {
	color: var(--col-title);
}
.alt .content-title {
	color: var(--col-title-alt);
}

.content-title a {
	color: var(--col-title);
}
.alt .content-title a {
	color: var(--col-title-alt);
}

.limited-width {
	margin: 0 auto;
	width: 40em;
	text-align: justify;
}

ul.wp-block-list {
	padding: 0 0 0 0;
	list-style: none; /* Remove default bullets */
}
.wp-block-list li:before {
	content: "- "; /* Add a dash before each list item */
}
.list-no-bullets {
	padding: 0 0 0 0;
	list-style-type: none;
}
.wp-block-list.list-no-bullets li:before {
	content: "";
}
.button-book {
}
.button-book a {
	padding: 1em 2em 1em 2em;
    border: 1px solid var(--col-meta);
    display: block;
}
.sold-out {
	padding: 1em 2em 1em 2em;
    border: 1px solid var(--col-meta);
    display: block;
}
.full-width {
	width: 100%;
}
.alt .button-book {
    border: 1px solid var(--col-meta-alt);
}
.button-book:hover {
    border: 1px solid var(--col-link);
}
.alt .button-book:hover {
    border: 1px solid var(--col-link-alt);
}
.button-book:hover a {
    color: var(--col-link);
}
.alt .button-book:hover a {
    color: var(--col-link-alt);
}

.has-separator {
	border-bottom: 1px solid var(--col-line);
}
.alt .has-separator {
	border-bottom: 1px solid var(--col-line-alt);
}
.wp-block-group:last-child .has-separator {
	border-bottom: none;
}

.has-padded-separator {
	margin: 0 0 4em 0;
	padding: 0 0 4em 0;
	border-bottom: 1px solid var(--col-line);
}
.alt .has-padded-separator {
	border-bottom: 1px solid var(--col-line-alt);
}
.wp-block-group:last-child .has-padded-separator {
	border-bottom: none;
}

.bigger-gap {
	gap: 4em;
}
@media (max-width: 1024px) {
}
@media (max-width: 768px) {
	/* .limited-width {
		margin: 0 2em 0 2em;
	} */
	.mobile-padded {
		margin: 0 2em 0 2em;
	}
	.bigger-gap {
		gap: 1em;
	}
}
@media (max-width: 480px) {
}

/* styling standard blocks */

.wp-block-embed-vimeo .wp-element-caption {
	text-align: right;
}
.wp-block-jetpack-slideshow_button-prev,
.wp-block-jetpack-slideshow_button-next {
	display: none !important;
}

.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination.swiper-pagination-custom {
    bottom: 2.5em;
    justify-content: center;
}
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination.swiper-pagination-custom .swiper-pagination-bullet {
    border: .5px solid rgba(255, 255, 255, 0.3);
}

.block-with-border {
	/* padding: 2em 2em 2em 2em;
	background-color: var(--col-line); */
}
.alt .block-with-border {
	/* background-color: var(--col-line-alt); */
}

.wp-block-video .jetpack-video-wrapper,
.wp-block-jetpack-videopress .jetpack-video-wrapper,
.wp-block-video iframe {
    margin-bottom: 0;
	border: .5px solid var(--col-border);
}
.alt .wp-block-video .jetpack-video-wrapper,
.alt .wp-block-jetpack-videopress .jetpack-video-wrapper,
.alt .wp-block-video iframe {
	border: .5px solid var(--col-border-alt);
}

/* stops icons in icon block expanding */
.wp-block-outermost-icon-block a:hover {
     transform: none; 
}
/* makes icons in icon block justify left */
.wp-block-outermost-icon-block svg {
	width: auto;
}
@media (max-width: 1024px) {
}
@media (max-width: 768px) {
	:where(.wp-block-columns.is-layout-flex) {
		gap: .4em;
	}
}
@media (max-width: 480px) {
}

/* add_mailing_list shortcode styles
-------------------------------------------------- */

.form-mailing-list input[type="submit"],
.form-mailing-list input[type="email"] {
	background: transparent;
	color: var(--col-meta);
	border: 1px solid var(--col-line);
	border-radius: 0;
	padding: .3em 1em .3em 1em;
	font: inherit;
	cursor: pointer;
	outline: inherit;
	box-shadow: none;
	text-shadow: none;
}
.alt .form-mailing-list input[type="submit"],
.alt .form-mailing-list input[type="email"] {
	color: var(--col-meta-alt);
	border: 1px solid var(--col-line-alt);
}
.form-mailing-list input[type="email"]::placeholder {
	color: var(--col-meta);
}
.alt .form-mailing-list input[type="email"]::placeholder {
	color: var(--col-meta-alt);
}
.form-mailing-list input[type="submit"]:hover {
	border: 1px solid var(--col-body);
	color: var(--col-body);
}
.alt .form-mailing-list input[type="submit"]:hover {
	border: 1px solid var(--col-body-alt);
	color: var(--col-body-alt);
}
.form-mailing-list input[type="submit"]:focus,
.form-mailing-list input[type="email"]:focus {
	color: var(--col-body);
}
.alt .form-mailing-list input[type="submit"]:focus,
.alt .form-mailing-list input[type="email"]:focus {
	color: var(--col-body-alt);
}
#menu .form-mailing-list,
#colophon .form-mailing-list {
	margin: 0 0 0 0;
}
.grecaptcha-badge { 
    visibility: hidden;
} 
@media (max-width: 1223px) {
	#colophon .form-mailing-list {
		display: none;
	}
}

/* Squeeze Page styles
-------------------------------------------------- */

/*this is needed for a dark image in the pattern Squeeze Page Full Bleed*/
.slug-squeeze {
	background-color: var(--col-bg-alt);
}
.slug-squeeze .site-branding img {
	filter: invert(100%);
}
.slug-squeeze #site-nav {
	display: none;
}
.slug-squeeze #content {
	position: fixed;
	padding: 0 0 0 0;
    top: 0;
    left: 0;
    width: 100vw;
}
.slug-squeeze .limited-width {
	width: 30em;
	text-align: left;
}
.slug-squeeze #content .entry-content {
	margin: 0 0 0 0;
}
.slug-squeeze .form-mailing-list {
	display: flex;
	width: 100%;
	gap: .5em;
	text-align: center;
}
#squeeze-stack .form-mailing-list input[type="email"] {
	flex-grow: 1;
}
.slug-squeeze #colophon {
	display: none;
}
#columns-squeeze {
	min-height: 100vh;
}
#squeeze-stack {
	margin: 0 auto;
	padding: 2em 0em 2em 2em;
	justify-content: center;
	gap: 2em;
	min-height: 100vh;
	font-size: 1.25em;
	max-width: 26em;
}
#squeeze-cover {
	min-height: 100vh;
}
#squeeze-cover img {
	width: 100%;
	height: 100vh;
	object-fit: cover;
}
#squeeze-video .jetpack-video-wrapper>iframe {
	height: 100vh !important;
	width: 100%;
	object-fit: cover;
}
@media (max-width: 1400px) {
	#squeeze-stack {
		max-width: 23em;
	}
}
@media (max-width: 1240px) {
	#squeeze-stack {
		max-width: 21em;
	}
}
@media (max-width: 900px) {
	#columns-squeeze {
		flex-wrap: wrap !important;
		flex-direction: column-reverse;
	}
	#columns-squeeze {
		min-height: 0vh;
	}
	#squeeze-stack {
		padding: 1em 2em 2em 2em;
		justify-content: start;
		gap: 1em;
		min-height: 0vh;
		max-width: 26em;
	}
	#squeeze-cover {
		min-height: 40dvh;
	}
	#squeeze-cover img {
		height: 40dvh;
	}
	#squeeze-video .jetpack-video-wrapper>iframe {
		height: 40dvh !important;
	}
}
@media (max-width: 1024px) {
}
@media (max-width: 768px) {
	.slug-squeeze .limited-width {
		width: 20em;
	}
}
@media (max-width: 480px) {
}

/* Footer Styles
-------------------------------------------------- */

#colophon {
	display: grid;
	grid-template-columns: 2fr 1fr 2fr;
	gap: 2em;
	width: 100%;
	padding: .8em 2em .8em 2em;
	border-top: 1px solid var(--col-line);

	position: fixed;
	bottom: 0;
	background: var(--col-bg);
	z-index: 1000;
}
.alt #colophon {
	border-top: 1px solid var(--col-line-alt);
	background: var(--col-bg-alt);
}
#footer-left{
	display: flex;
	align-items: center;
	gap: 1em;
}
#link-instagram {
	display: flex;
}
#footer-center {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1em;
}
#home-slider-count {
	width: 3em;
    text-align: center;
}
#icon-previous,
#home-slider-count,
#icon-thumbnail,
#icon-next {
	display: none;
}
#footer-right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	text-align: right;
}
.home #colophon,
.footer-portfolio,
.slug-home #colophon {
	position: fixed;
	left: 0;
	bottom: 0;
}
.home #icon-previous,
.home #home-slider-count,
.home #icon-next,
.slug-home #icon-previous,
.slug-home #home-slider-count,
.slug-home #icon-next {
	display: block;
}
#mobile-home-slider-count {
	display: none;
}
@media (max-width: 1024px) {
}
@media (max-width: 768px) {
	#colophon {
		/* grid-template-columns: 1fr 1fr 2fr; */
		padding: .8em 1em .8em 1em;

		display: flex;
		gap: 1em;
	}
	#footer-right {
		margin-left: auto;
	}
	.home #mobile-home-slider-count,
	.slug-home #mobile-home-slider-count {
		display: block;
		text-align: center;
	}
}
@media (max-width: 480px) {
}

/* media queries
-------------------------------------------------- */

@media (max-width: 1024px) {
}
@media (max-width: 768px) {
}
@media (max-width: 480px) {
}


/* draft css
-------------------------------------------------- */

.social-card {
	padding: 1em 1em 1em 1em;
	border: 1px solid #ededed;
	font-size: .875em;
}
.social-card h2 {
	margin: 0 0 0 0;
}
.alt .social-card {
	border: 1px solid #252525;
}