/*!
Theme Name: Eleventh Peak Digital
Author: Eleventh Peak Digital 
Author URI: https://eleventhpeakdigital.com/

*/

/* Utility Classes */
.flex {
	display: flex;
}

.flex-wrap {
	display: flex;
	flex-wrap: wrap;
}
.flex-ac-jc {
	display: flex;
	align-items: center;
	justify-content: center;
}
.flex-start {
	justify-content: flex-start;
}

.margin-za {
	margin: 0 auto;
}

.margin-z {
	margin: 0;
}

.max-width-extra-narrow {
	max-width: 800px;
	margin: 0 auto;
}

.max-width-narrow {
	max-width: 1000px;
	margin: 0 auto;
}

.max-width-standard {
	max-width: 1200px;
	margin: 0 auto;
}

.max-width-wide {
	max-width: 1600px;
	margin: 0 auto;
}

.column-count-3 {
	-webkit-column-count: 3;
    -moz-column-count: 3;
	column-count: 3;
}

.text-center {
	text-align: center;
}

.flex-half-left img, .flex-half-right img {
	width: 100%;
	height: auto;
	object-fit: cover
}

.m-tb-1 {
	margin: 1rem auto;
}

.m-t-2-b-0 {
	margin-top: 2rem;
	margin-bottom: 0;
}

.m-t-1 {
	margin-top: 1rem;
}

.hidden {
	display: none;
}
#content-container {
	margin-top: 2rem;
	background-color: #fff;
	min-height: calc(100vh - 40px);
}

.border-top {
	border-top: solid 1px #000;
	padding-top: 3rem;
}

.border-bottom {
	border-bottom: solid 1px #000;
	padding-bottom: 3rem;
}

/* Elements */
html {
	scroll-behavior: smooth;
	scroll-padding-top: var(--scroll-padding, 80px);
	html {
  scrollbar-gutter: stable both-edges;
}
}

body {
	padding: 0;
	margin: 0;
}

:root {

}

a {
	text-decoration: none;
	color: #000;
}
a:hover:not(a.button:hover), a[href^="mailto:"] {
	text-decoration: underline;
}

h1 {
	font-size: 2.5rem;
	  font-weight: 400;

}



h1, h2 {
    font-family: "Montserrat", sans-serif;
		  margin-top: 0;
	   margin-bottom: 2rem;
  font-style: normal;
   text-wrap:balance;
}

h2 {
	font-size: 2rem;
	  font-weight: 500;
}



h3 {
margin: 0;
color: var(--gray-black);
}

h3, h4, h5, h6, h3 a{
font-family: "Merriweather", serif;
  font-weight: 500;
  font-style: normal;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-wrap: balance;
}

p, a, ul, li {
  font-family: "Merriweather", serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.5rem;
}

p {
	font-size: 1.1rem;
	margin-top: 1rem;
	margin-bottom: 1rem;
	line-height: 1.8rem;
	color: #000;
}

 p:last-child, p:last-of-type {
	margin-bottom: 0px;
}


/* Header & Menu */
header {
	width: 100%;
    background-color: white;
	align-items: center;
	/* position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	*/
}

.header-wrap {
	padding-top: 3rem;
	width: 100%;
}
.logo-wrap {
	justify-content: center;
}

.menu-wrap {
	align-items: center;
	justify-content: center;
	margin-top: 2rem;
}
#main-nav {
width: 100%;
}

#menu-main-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: space-between;
	width: 100%;
	
}

#menu-main-menu li {
	display:flex;
	align-items: center;
	position: relative;
	padding: 1rem 0;
    cursor: pointer;
}

#menu-main-menu a {
	text-decoration: none;
	color: #000;
}

header.transparent.dark #menu-main-menu a {
	color: #fff;
}
header.transparent.scrolled #menu-main-menu a {
	color: #000;
}

#menu-main-menu a, .menu-cta {
	font-size: 1.1rem;
}

.menu-item-has-children .sub-menu {
	opacity: 0;
}

#menu-main-menu li.menu-item-has-children:after {
		display: inline-block;
  content: "";
	transform: rotate(90deg);
  width: .8rem;
  height: .8rem;    
  background-image: url(/wp-content/uploads/2025/06/chevron-black.svg);
  background-size: cover;
  background-repeat: no-repeat;
  margin-left: .5rem;
  vertical-align: middle;
	cursor: pointer;
}

#menu-main-menu .sub-menu {
	padding: 1.25rem;
    left: -1.25rem;
    background-color: #fff;
	border-radius: 2px;
    opacity: 0;
    position: absolute;
    top: 100%;
    transition: opacity 0.25s ease-out;
	display: inline-block; 
   white-space: nowrap; 
	font-size: 1.1rem;
	pointer-events: none;
	transform: translateY(-16px);
    transition: opacity 0.25s ease-out, transform 0.25s ease-out;
	background-color: #fff;
}

#menu-main-menu li.menu-item-has-children:hover ul,
#menu-main-menu li.menu-item-has-children ul:hover {
	transform: translateY(0);
    opacity: 1;
    pointer-events: all;
}


#menu-main-menu .sub-menu li {
	padding: 0;
	margin-bottom: .25rem;
}

#menu-main-menu .sub-menu li:last-of-type {
	margin-bottom: 0px
}

#menu-main-menu .sub-menu a {
	color: #000;
}

.scrolled #menu-main-menu .sub-menu {
    left: -1.25rem;
    background-color: #fff;
	box-shadow: 0 1px 2px rgba(255,255,255,0.15)
	
}

.scrolled #menu-main-menu .sub-menu a {
	color: #000;
}

.scrolled #menu-main-menu a {
	color: black;
}


#menu-main-menu a:hover, .scrolled #menu-main-menu a:hover, .shop .text-block-section a {
	text-decoration: underline;
}

 .menu-cta, .mobile-menu-cta a {
	padding: .4rem .9rem;
	border-radius: 4px;
	color: #000;
	background-color: transparent;
	border: solid 1px #000;
	 transition: all .5s ease !important;
}
header.transparent .menu-cta {
	background-color: rgba(0,0,0,.1);
}

header.transparent.dark .menu-cta {
	border: solid 1px #fff;
	color: #fff;
}

.menu-cta:hover, .mobile-menu-cta a:hover, 
header.transparent.dark .menu-cta:hover {
	background-color: var(--white);
	color: var(--black);
}


.scrolled .menu-cta, .scrolled .mobile-menu-cta a, header.transparent.dark.scrolled .menu-cta {
	color: #000;
	background-color: transparent;
	border: solid 1px #000;
}

.scrolled .menu-cta:hover, .scrolled .mobile-menu-cta a:hover, .menu-cta:hover, header.transparent.dark.scrolled .menu-cta:hover{
	background-color: var(--gray-black);
	color: var(--white);
}


.logo {
	width: 300px;
	height: auto;
}

#ham-menu {
	display: none;
}

#close-menu-con {
	display: none;
}
/* Buttons*/


button.button {
	all: unset;
	display: inline-block;
	cursor: pointer;
}
.button {
	padding: .5rem 1rem; 
	border: solid 1px black;
	margin-top: 2rem;
	display: inline-block;
	transition: background-color 0.3s ease, color 0.3s ease;
}

.button:hover {
	background-color: #000;
	color: #fff;
}

/* Page Sections*/

.image-loop-slider-section, 
.mini-bio-section, 
.img-text-section,
footer, 
.gray-content-section, 
.alternating-service-blocks-section,
.featured-blogs-con, 
.text-block-section,
.works-for-sale-section, 
.collection-selection-tile-section,
.form-section {
	padding: 3.5rem 0;
}

.portfolio-gallery-section {
	padding: 2rem 0;
}


.large-button-call-out-wrapper {
	padding: 0 0 3.5rem 0;
}

 .mini-bio-text,
 .img-text-text{
		flex-basis: 100%;
	}
 
.gray-content-wrapper, 
.alternating-service-blocks,
.blogs-wrap,
.large-button-call-out-wrapper, 
.works-for-sale, 
.text-block, 
.form-section, 
.blog-content-wrapper, 
.porfolio-wrapper{
		width: 95%;
	}

.mini-bio-wrapper,
.img-text-wrapper, 
.collection-selection-tile-wrapper{
	width: 90%;
}

/* Header Image*/
.header-img-wrap {
 text-align: center;
}
.header-img-wrap img {
	max-width: 1400px;
	width: 90%;
	height: auto;
	object-fit: cover
}


/* Text Block Section*/

.page-id-220 .text-block-section,
.page-id-227 .text-block-section, 
.page-id-832 .text-block-section{
	padding: 0;
} 

/* End Of Text Block Section*/

/* Image Loop Slider Section*/
	.image-loop-slider-section img {
	width: 100%;
    height: auto;
    aspect-ratio: 3 / 2;
    object-fit: cover;
}

.splide__arrow {
	background-color: #fff !important;
	opacity: 1 !important;
}
.splide__arrow svg {
	fill: #000 !important;
}

.splide__arrow:hover {
	background-color: #000 !important;
}
.splide__arrow:hover svg {
	fill: #fff !important;
}

.splide__pagination__page {
	background: #eeeeee !important;
}

/* Mini Bio */

.mini-bio-wrapper, .img-text-wrapper {
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.mini-bio-img, .img-text-img  {
	width: 100%;
	height: auto;
	object-fit:cover;
}

.mini-bio-text, .img-text-text {
	width: 90%;
}


.mini-bio-text h2, .img-text-text h2  {
	text-align: center;
}

.mini-bio-text p:last-of-type, .img-text-text p:last-of-type{
	margin-top: 2rem;
}

.mini-bio-cta-wrap .button, .img-text-cta-wrap .button {
		display: inline-block;
	}


/* Gray Content Box Section */
.gray-content-section {
	background-color: #f7f7f7;
}

.gray-content-wrapper p:has(a.button), .gray-content-wrapper p:has(img), .gray-content-wrapper h1,  .gray-content-wrapper h2 {
	text-align: center !important;
}

.gray-content-wrapper p, .gray-content-wrapper a {
	margin-top: 2rem;
}

.gray-content-wrapper p {
	text-align: left;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}


/* End of Gray Content Box Section*/
/* End Of Page Sections */


/* Alternating Block Section */

.alternating-service-blocks .service {
	justify-content: center;
	align-items: start;
	flex-wrap: wrap;
	margin-top: 2rem;
	row-gap: 1rem;
	position: relative;
}
.alternating-service-blocks {
	max-width: 1300px;
}

.alternating-service-blocks .service:first-of-type {
	margin-top: 0;
}

.flex-left-section, .flex-right-section {
	flex-basis: 100%;
}

.alternating-service-blocks h2 {
	margin-bottom: 2rem;
}

.flex-left-section {
	padding-top: 35%;
	z-index: 2;
	position: relative;
	border-radius: 4px;
	
}

.left-to-right .service-wrapper:nth-of-type(even) .service, 
.right-to-left .service-wrapper:nth-of-type(odd) .service{
	flex-direction: row-reverse;
	
}


.alternating-service-blocks .service img {
	width:100%;
	height: auto;
	object-fit: cover;
}

 .alternating-service-blocks .service p:last-of-type {
	text-align: left;
}



/* End of Alternating Block Section */

/* Featured Blogs Styles
--------------------------------------------------------------*/
.featured-blogs-con {
	background: initial !important;
}
.featured-blogs-con .blogfeatured img, 
.blogs-wrap .blogfeatured img {
	    width: 100%;
    height: auto;
    aspect-ratio: 5 / 3;
	object-fit: cover;
}

.blogs-wrap {
	display: flex; 
	flex-wrap: wrap;
	justify-content:space-between;
	row-gap: 2rem;
}

.blogs-wrap article {
	flex-basis: 100%;
	margin: 0;
}

.featured-blogs-con h2, 
.featured-blogs-con h3,
.blogs-wrap h3{
	text-align: center;
}
.featured-blogs-con h3, 
.blogs-wrap h3{
	margin-top: 2rem;
}
.featured-blogs-con h3 a,
.blogs-wrap h3 a{
	text-transform: none;
}

.blogs-wrap article h3 {
	font-size: 1.1rem;
}

/* Blog Page */
.blog .blog-wrapper {
	padding-top: 2rem;
}
#blog-page-title {
flex-basis: 100%;	
}

#pagination-con {
	flex-basis: 100%;
	display: flex;
	justify-content: center;
	margin-top: 3rem;
}
.pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 1rem;
}
.pagination *:not(.next):not(.prev):not(.page-numbers.dots){
	color: #000;
	background-color: #f7f7f7;
	display: flex;
    align-items: center;
    border-radius: 5px;
    height: 35px;
	width: 35px;
    justify-content: center;
}

#pagination-con .pagination .current  {
	background-color: #000;
	color: #fff;
}

.next.page-numbers, .prev.page-numbers {
	color: #000;
}

.next.page-numbers:hover, .prev.page-numbers:hover {
	text-decoration: underline;
}

.page-numbers.dots, .last-page, .hide-first-page {
	display: none !important;
}

.show-last-page {
	display: flex !important;
}

/* Drop Down Section */

.drop-down-menu-section {
	display: flex;
	justify-content: center;
	margin-bottom: 2rem;
}
.drop-down-menu-wrapper {
  position: relative;
  display: inline-block;
  padding: .5rem 1rem;
	background-color: #000;
	cursor: pointer;
}

.drop-down-menu-section a.menu-trigger {
	color: #fff;
	text-decoration: none;
	font-size: 1rem;
}

a.menu-trigger i {
	margin-left: .5rem;
}

.drop-down-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #fff;
  z-index: 1000;
  min-width: 250px; 
 box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.drop-down-menu-section .drop-down-menu li  {
	padding-left: 0;
}

.drop-down-menu li::before {
	display: none !important;
	
}

.drop-down-menu li a {
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  color: #000;
  white-space: nowrap;
}

.drop-down-menu li a:hover,
.drop-down-menu li a:focus, .drop-down-menu li.current-cat {
  background-color: #e8e8e8;
}

.drop-down-menu-wrapper:hover .drop-down-menu,
.drop-down-menu-wrapper:focus-within .drop-down-menu {
  display: block;
}

/* Large Button*/
.large-btn {
    margin-top: 0;
    font-size: 1.3rem;
}


/* Works For Sale Section*/
.shop .text-block-section p:nth-of-type(3):has(a) {
	margin-top: 2rem;
}
.works-for-sale.max-width-standard {
	max-width: 1300px;
}
.works-for-sale:not(.works-for-sale:first-of-type) {
	margin-top: 3.5rem;
}
.works-for-sale-wrapper, 
.portfolio-items-wrapper {
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	
}

.portfolio-items-wrapper {row-gap: 2.5rem;}

.works-for-sale-wrapper {row-gap: 8rem;}

.porfolio-wrapper {
	max-width: 1400px;
	width: 90%;
}



.works-for-sale-wrapper.flex-start,
.portfolio-items-wrapper.flex-start {
	justify-content: flex-start;
	column-gap: 6.5%;
}

.work-wrapper, 
.portfolio-item-wrapper{
flex-basis: 100%;
	max-width: 500px;
}
.work-title-size, 
.portfolio .work-title{
margin-bottom: 1rem;
text-transform: initial;
}

.work-img-wrap, 
.img-hover-text,
.collection-img-wrap, 
.portfolio-img-wrap{
	height: 300px;
}
.collection-img-wrap .img-hover-text {
		height: calc(min(95vw, 500px) - 3.5rem);
}

.img-hover-text {
	opacity: 0;
	background-color: #0000009c;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	transition: opacity 0.25s ease-in;
}
.img-hover-text:hover {
	opacity: 1;
}

.img-hover-text span {
	font-size: 2rem;
	text-transform: uppercase;
	color: #fff;
	flex-basis: 100%;
	text-wrap: balance;
	
}

.img-hover-text span {
	padding: 0 1rem;
}

.img-hover-text span.collection-hover-title {
	font-size: 1.75rem;
	max-width: 90%;
	display: block;
	margin: 0 auto;
}

.img-hover-text .button  {
	padding: .5rem 1rem; 
	border: solid 1px #fff;
	margin-top: 1rem;
	color: #fff;
	font-size: 1.25rem;
	text-transform: uppercase;
}

.work-price {
	display: block;
	margin-top: 1rem;
}




/* the overlay container */
#photo-gallery-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.9);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
#photo-gallery-container.active {
  display: flex !important;
}

/* the scrolling “strip” of images */
.light-box-gallery-images {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  -ms-overflow-style: none;    /* hide IE scrollbar */
  scrollbar-width: none;       /* hide Firefox scrollbar */
}
.light-box-gallery-images::-webkit-scrollbar {
  display: none;               /* hide WebKit scrollbar */
}

/* each slide wrapper */
.lbg-img-con {
  flex: none;
  width: 100vw;
  display: flex;
  align-items: center;
  justify-content: center;
  scroll-snap-align: start;
	flex-direction: column; 
}

/* the image inside each slide */
.lbg-img-con img {
  max-width: min(700px, 90vw);
  max-height: min(375px, 80vh);
  object-fit: cover;
  object-position: center;
}

/* close “X” button */
#close-gallery-pop-up {
  position: absolute;
  top: 1%;
  right: 5%;
  font-size: 50px;
  transform: rotate(45deg);
  cursor: pointer;
  opacity: 0.8;
  z-index: 1001;
}

/* arrows (hidden by default) */
#fa-arrow-l,
#fa-arrow-r {
  display: none;
  position: absolute;
  bottom: 2%;
  z-index: 1001;
  cursor: pointer;
}
.arrow-icon-l-gal,
.arrow-icon-r-gal {
  width: 1.5rem;
  height: auto;
  cursor: pointer;
  user-select: none;
}

#fa-arrow-l {
	right: 55%;
}
#fa-arrow-r{
left: 55%;
}

/* rotate the left arrow 180° */
.arrow-icon-l-gal {
  transform: rotate(180deg);
}

/* optional: add a little hover effect */
.arrow-icon-l-gal:hover,
.arrow-icon-r-gal:hover {
  opacity: 0.8;
}

.lt-bx-work-text:not(.light-box-gallery-images .lt-bx-work-text ) {
	display: none;
}

.lt-bx-text {
	width: 90%;
	margin-top: 1rem;
	margin-left: auto;
	margin-right: auto;
}

.lt-bx-text p {
	font-size: .9rem;
}

.lt-bx-text h3{
	font-size: 1.25rem;
}
/* End Works For Sale Section*/


/* Collection Tiles Section*/

.collection-selection-tile-section h2 {
	text-align: center;
}
.collection-selection-tile-wrapper {
margin: 0 auto;	
}
.collection-tiles-wrapper {
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 2rem;
}

.collection-wrapper {
flex-basis: 100%;	
position: relative;
	max-width: 500px;
}

.collection-title {
	position: absolute;
	bottom: 0;
	padding: 1rem;
	background-color: RGBA(0,0,0, .8);
	width: calc(100% - 2rem);
	color: #fff;
	text-align: center;
	font-size: 1.2rem;
}

/* End of Collection Tiles Section*/

/* Form Section */
.gform-body {
	font-family: "Merriweather", serif;
    font-weight: 400;
    font-style: normal;
    line-height: 1.5rem;
}
.form-section {
	align-items: center;
	justify-content: center;
}

.form-section:has(.gform_confirmation_message) p:first-of-type {
  display: none;
}

.form-section h1 {
	text-align: center;
}

.form-wrapper {
	flex-basis: 100%;
	max-width: 600px;
	padding: 2rem 2rem;
}

.gform_validation_errors{
	background-color: #a6a6a6;
}

.gform_validation_error:focus {
	outline: #000 !important;
}

.gform-theme--framework .gfield_error input[type]:where(:not(.gform-text-input-reset):not([type=hidden])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gfield_error textarea:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
	border: none !important;
	background-color: #a6a6a6;
}

.gform_submission_error, .gform-icon--circle-error, .gform-theme--framework .gform_validation_errors .gform-icon::before   {
	color: #fff !important;
}

.gform-theme--framework .gform_validation_errors .gform-icon {
	border-color: #fff !important;
}

.gform-theme--framework .gform_validation_errors {
	background-color: #000 !important;
	border: none !important;
}

.validation_message {
 display: none !important;
}

.form-wrapper.gfield_label, 
.form-wrapper .gform-field-label {
	color: #fff;
}

.form-wrapper .gfield_required   {
	color: #800020;
}
.gform_required_legend {
	display: none;
}

.form-wrapper input:focus, .form-wrapper textarea:focus, .form-wrapper select:focus  {
    border: none;
	box-shadow: 0 0 0 3px orange;
}


/* Gravity Form Class Overides*/
.form-wrapper .gform_button  {
	padding: .4rem .9rem !important;
	border-radius: 4px !important;
	border: solid 1px transparent !important;
	transition: all .5s ease !important;
	background-color: #000 !important;
	color: #fff !important;
	border: solid 1px #000 !important;
}

.form-wrapper .gform_button:hover {
	color: #000 !important;
	background-color: transparent !important;
	
}
.gform-theme--foundation .gform_fields {
	grid-row-gap: 1rem !important;
}

.form-wrapper h2  {
	text-align: center;
}
.gfield_label, .gform-field-label {
	font-size: 1.2rem!important;
}

.gfield_required {
	font-size: 1rem !important;
}
.form-wrapper input {
	border: solid 1px #000 !important;
}

.form-wrapper label, .form-wrapper legend, .form-wrapper .gform_button {
	font-family: "Montserrat", sans-serif !important;
}

.form-wrapper label, .form-wrapper legend {
	color: #000 !important;
}



textarea {
	min-block-size: 10rem !important;
	border: solid 1px #000 !important;
}

.gform-theme--framework input[type=checkbox]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):checked::before
{
	color: #000;
}

.form-wrapper input:focus, .gform_validation_errors:focus {
	outline: 2px solid #000 !important
}

.gform_validation_errors:focus {
	border: none !important;
}

.gform_confirmation_message {
	    font-family: "Montserrat", sans-serif !important;
    font-weight: 500  !important;
	    font-size: 1.1rem  !important;
    margin-top: 1rem  !important;
    margin-bottom: 1rem  !important;
    line-height: 1.8rem !important;
    color: #000 !important;
}

/* Form With Image Section */

.form-with-image-section  {
background: linear-gradient(180deg, rgba(247, 247, 247, 1) 0%, rgba(251, 251, 251, 1) 51%, rgba(255, 255, 255, 1) 100%);
}

.image-form-wrapper {
justify-content: space-between;
flex-wrap: wrap;
width: 95%;
max-width: 1000px;
padding: 2.5rem 0;
}
.form-img {
	width: 100%;
	height: auto;
}

.image-wrapper, .form-wrapper {
	flex-basis: 100%;
}

.form-with-image-section .form-wrapper {
	max-width: 500px;
}

/* Footer */
.footer {
	flex-wrap: wrap;
	max-width: 1400px;
	justify-content: space-between;
	padding: 2rem 1.5rem 0 1.5rem;
	border-top: 1px solid #000;
}

.footer p {
	margin-top: 0;
}

.footer-icon {
	height: auto;
	cursor: pointer;
}

.footer-icon.instagram {
	width: 25px;
}
.footer-icon.email {
	width: 39px;
	margin-top: -6px;
}
.icon-con {
	column-gap: 1.25rem;
	align-items: start;
}

.dev-by-con {
	flex-basis: 100%;
}

.dev-by-con p {
	font-size: 12px;
	margin-top: 1rem;
}

.dev-by-con a {
	text-decoration: underline;
}
.copyright-con p, .links-con a {
	line-height: 1.1rem;
}
.copyright-symbol {
 display: inline-block;      
  vertical-align: middle;     
  line-height: 1; 
}

.links-con a:first-of-type{
    position: relative; 
    display: inline-block;
}

.links-con a:first-of-type::after {
    content: ""; 
    position: absolute;
    right: -10px;
    top: 50%;
    width: 2px; /* Adjust the width to shorten it */
    height: 12px; /* Thickness of the border */
    background-color: #7d7d7d;
    transform: translateY(-50%);
}

.links-con a:last-of-type {
	margin-left: 12px;
}
@media screen and (max-width: 600px) {
	
	.mini-bio-img-wrap, .img-text-img-wrap  {
		margin: 0 auto;
		text-align: center;
	}
	.lt-bx-text p {
	font-size: .9rem;
}
	.image-loop-slider-section, 
.mini-bio-section, 
.img-text-section,
footer, 
.gray-content-section, 
.alternating-service-blocks-section,
.featured-blogs-con, 
.text-block-section,
.works-for-sale-section, 
.collection-selection-tile-section{
	padding: 2rem 0;
}

.large-button-call-out-wrapper {
	padding: 0 0 2rem 0;
}
	
	
}
@media screen and (max-width: 767px) {
	.footer {
	flex-direction: column;
    align-items: center; 
}
 .icon-con {
    order: 1;      
    margin-bottom: 1rem;
  }

  .links-con {
    order: 2;     
    margin-bottom: 1rem;
  }

  .copyright-con {
    order: 3;      
    text-align: center;
  }
	.flex-left-section {
		padding-top: 70%;
	}
	.form-img {
		aspect-ratio: 1/1;
		object-fit: cover;
	}
}
@media screen and (max-width: 1024px) { 
	header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	}
	 #content-container {
	 margin-top: 88px;
	}

	.header-wrap {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 90%;
		padding: 1.5rem 0;
	}
	.menu-wrap {
		margin-top: 0;
	}
	.logo {
		width: 200px;
	}

	 #ham-menu {
        display:block;
        height: 100%;
        padding: 6px 0;
        cursor: pointer;
        align-items: center
    }

    #ham-menu span, #ham-menu span::before,#ham-menu span::after {
        display: block;
        background: #000;
        height: 2px;
        width: 2em;
        border-radius: 2px;
        position: relative
    }
	

    #ham-menu span::before,#ham-menu span::after {
        content: '';
        position: absolute
    }

    #ham-menu span::before {
        bottom: 7px
    }

    #ham-menu span::after {
        top: 7px
    }
	

    header.scrolled #ham-menu span::after {
        top: 7px
    }
 	.home header.scrolled #ham-menu span::after {
		top: 5px;
	}
    #main-nav {
        position: absolute;
        text-align: left;
        top: 0;
        height: 0;
        overflow-y: scroll;
        overflow-x: hidden;
        display: flex;
        justify-content: center;
        align-items: start;
        margin: 0 auto;
        left: 0;
        background-color: #fff;
        width: 100vw;
        z-index: 899;
        transition: height 400ms
    }

    #close-menu-con {
        display: block;
        height: 60px;
        width: 94%;
        position: absolute;
        max-width: 1500px;
        top: 0;
        margin: 0 auto;
        display: flex;
        align-items: center
    }

    #close-menu-icon {
        margin-left: auto;
        font-size: 45px;
        transform: rotate(45deg);
        font-family: serif;
        cursor: pointer;
        color: #000;
    }
	
	#menu-main-menu a, #menu-main-menu .sub-menu a {
		color: #000;
	}
	
	#menu-main-menu a {
		font-size: 24px;
	}
	
	#menu-main-menu .sub-menu a {
		font-size: 16px;
		padding-bottom: .5rem;
	}
	


    .menu-main-menu-container {
        position: relative;
        top: 12px
    }

    #menu-main-menu {
        display: block;
        font-size: 30px;
        opacity: 0;
        transition: opacity 1700ms 200ms;
        font-weight: lighter;
        margin-top: 60px
    }

    nav li {
        margin-left: 0;
        padding: 20px;
        margin-bottom: .5em
    }

    #menu-main-menu .menu-item:last-child a {
        width: 100%
    }

    #menu-main-menu .sub-menu {
        position: relative;
        display: none;
		background-color: transparent;
        left: 0;
        margin-top: 1rem;
		padding: 0 0 0 1rem;
    }

    #menu-main-menu li.menu-item-has-children {
        display: block
    }
   #menu-main-menu li.menu-item-has-children:after {
        display: none;
    }

	#menu-main-menu li.menu-item-has-children .sub-menu a:after {
		display: none;
	}

    #menu-main-menu .sub-menu li {
        padding: 0;
        margin-bottom: .25rem
    }

    #menu-main-menu .sub-menu li:last-of-type {
        margin-bottom: 0
    }

    #menu-main-menu .sub-menu.active {
        display: block;
        opacity: 1;
        transform: translateY(0)
    }


    #menu-main-menu a:hover,.scrolled #menu-main-menu a:hover {
        text-decoration: none
    }
	/* Hide the pseudo-chevron on the link (we use a real button) */
  #menu-main-menu li.menu-item-has-children > a:after {
    display: none !important;
  }

  /* Stack children so the submenu sits UNDER the heading row */
  #menu-main-menu li.menu-item-has-children {
    display: block;
  }

  /* Heading row = link + toggle button side-by-side */
  #menu-main-menu li.menu-item-has-children > a {
    display: inline-flex;
    align-items: center;
  }

  /* Injected chevron button */
  #menu-main-menu li.menu-item-has-children > button.sub-toggle {
    all: unset;
    display: inline-flex;
    width: 1.25rem;
    height: 1.25rem;
    background-image: url(/wp-content/uploads/2025/06/chevron-black.svg);
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    transform: rotate(90deg);              /* closed = pointing right */
    transition: transform 200ms ease;
    margin-left: .5rem;
    vertical-align: middle;
  }

  /* Rotate chevron when open */
  #menu-main-menu li.submenu-open > button.sub-toggle {
    transform: rotate(270deg);
  }

  /* Submenu drops underneath, indented */
  #menu-main-menu li.menu-item-has-children > .sub-menu {
    display: none;
    position: relative;
    margin-top: .5rem;
    margin-left: 1.5rem;
    padding: 0;                            /* keep flat on mobile */
    background: transparent;
    opacity: 1;
    transform: none;
    box-shadow: none;
  }

  #menu-main-menu li.menu-item-has-children > .sub-menu.active {
    display: block;
  }
	.mini-bio-text h2, 
	.mini-bio-text h1, 
	.img-text-text h2, 
	.img-text-text h1{
	margin-top: 2rem;
}
		.hero-text-container.bottom-left .hero-text-area h2, .hero-text-container.bottom-left .hero-text-area h1 {
		font-size: 1.75rem;
			margin-bottom: 0;
	}
	
		.alternating-service-blocks .service h2 {
	text-align: center;
}
	.mini-bio-img {
		aspect-ratio: 1/1
	}
	.mini-bio-wrapper,
	.img-text-wrapper{
		flex-wrap: wrap-reverse;
	}
	.image-loop-slider-section, 
	.mini-bio-section,
	.img-text-section{
	padding: 2rem 0;
	
}
			.alternating-service-blocks .service h2 {
	text-align: center;
}
	.flex-left-section {
		padding-top: 50%;
		margin-bottom: 1.5rem;
	}
	.service-cta-wrap {
		margin-bottom: 3rem;
	}
	.service-wrapper:last-of-type .service-cta-wrap {
		margin-bottom: 0;
	}
	.featured-blogs-con article:not(.featured-blogs-con article:last-of-type) {
		margin-bottom: 3rem;
	}
		.mini-bio-img-wrap,
	    .img-text-img-wrap{
		margin: 0 auto;
	}
}
@media screen and (max-width: 1199px) {
	.work-img-wrap,
	.collection-img-wrap,
	.img-hover-text,
	.portfolio-img-wrap{
		height: min(95vw, 500px);
		max-width: 500px;
		max-height: 500px;
	}
	
	.works-for-sale, .portfolio-wrapper {
		max-width: 500px;
	}
	
	.works-for-sale-wrapper, 
	.portfolio-items-wrapper{
		row-gap: 2.5rem;
	}
	.light-box-gallery-images {
		touch-action: none;
		overflow-x: hidden;
	}

}
@media screen and (min-width: 768px) {
	.alternating-service-blocks .service  {
		justify-content: space-between;
	}
	#fa-arrow-l { right: min(94%,1400px); display: block;  top: 50vh;}
  #fa-arrow-r { left:  min(94%,1400px); display: block;  top: 50vh;}
	.arrow-icon-l-gal,
.arrow-icon-r-gal {
  width: 2em;
}
		.lbg-img-con img {
  max-width: min(650px, 70vw);
  max-height: min(575px, 70vh);
}
	
	.lt-bx-text {
		width: 100%;
	}
	.lt-bx-text h3{
	font-size: 1.3rem;
}
		.collection-wrapper {
flex-basis: 45%;	
}
	.collection-selection-tile-wrapper {
		width: 100%;
	}
	
	.image-wrapper, .form-wrapper {
	flex-basis: 45%;
}
	.image-wrapper {
		max-width: 375px;
	}
	
	.form-img {
		aspect-ratio: 8/10;
		object-fit: cover;
	}
	
	.form-wrapper {
		padding: 0 2rem;
	}
	
	.image-form-wrapper h1 {
		margin-bottom: 1rem;
	}
	
		
}

@media screen and (min-width: 1025px) { 
	
		#main-nav {
		width: 90%;
        max-width: 1400px;
		}
	
	header.scrolled .logo-wrap {
	display: none;
   }
	header.scrolled .header-wrap {
		padding: 0;
	}
	
		.mini-bio-img-wrap{
	flex-basis: 30%;
    }
	
	.img-text-img-wrap {
		flex-basis: 40%;
	}
	
	.mini-bio-img-wrap img {
		aspect-ratio: 8/10;
	}
	
	.img-text-img-wrap img {
		aspect-ratio: 1.6/1;
	}
	
	.mini-bio-text,
	.img-text-text{
	width: 100%;
}

	
	.mini-bio-text{
	flex-basis: 55%;
	max-width: 800px;
   }
	
	.img-text-text{
	flex-basis: 50%;
	max-width: 700px;
   }
	.mini-bio-wrapper h2,
	.img-text-wrapper h2{
	text-align:left;
}
	.mini-bio-img, 
	.work-img,
	.img-text-img {
	width: 100%;
    }
	
	
	.mini-bio-cta-wrap .button:first-of-type,
	.img-text-cta-wrap .button:first-of-type{
		margin-right: 2rem;
	}
	#menu-main-menu .sub-menu {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	}
	.flex-left-section {
		flex-basis: 45%
	}
	
	.flex-right-section {
	flex-basis: 50%;
}
	.alternating-service-blocks .service {
		padding: 3.5rem 0;
	}
	
	.alternating-service-blocks .service:last-of-type {
		padding: 3.5rem 0 0 0;
	}
	.blogs-wrap article {
	flex-basis: 32%;
}
	.image-form-wrapper {
		width: 100%;
		align-items; center;
	}
	
	/*.image-form-wrapper .form-wrapper {
		padding-top: 100px;
	}
    */
}

@media screen and (min-width: 1200px) { 
.work-img-wrap, 
	.img-hover-text,
	.collection-img-wrap, 
	.portfolio-img-wrap{
	height: 350px;
}
	
	.collection-img-wrap .img-hover-text {
		height: calc(350px - 3.5rem);
	}
	
	.collection-wrapper,
	.portfolio-item-wrapper{
	flex-basis: 29%;
}
	.lt-bx-text {
    max-width: min(800px, 80vw);
}
	.work-wrapper {
		flex-basis: 31%;
	}
	.works-for-sale-wrapper{
	justify-content: space-between;
}
	
	.portfolio-items-wrapper {
		gap: 2.5rem;
	}
	

}

@media screen and (min-width: 1300px) { 
	.portfolio-img-wrap, 
	.portfolio-item-wrapper .img-hover-text{
	height: 385px;
}
}

@media screen and (min-width: 1400px) { 
	.portfolio-img-wrap, 
	.portfolio-item-wrapper .img-hover-text{
	height: 430px;
}
	
			
}
@media screen and (min-width: 1500px) { 
.image-wrapper {
		max-width: 450px;
	}
	
	.form-wrapper {
		margin-top: 50px;
	}
	.image-form-wrapper {
	max-width: 1200px;
}

	.portfolio-img-wrap, 
	.portfolio-item-wrapper .img-hover-text{
	height: 450px;
}
	
	.lt-bx-text h3 {
		font-size: 1.4rem;
	}
.lbg-img-con img {
  max-width: min(700px, 80vw);
  max-height: min(625px, 80vh);
}
	
	}



@media screen and (min-width: 1600px) { 
	.portfolio-img-wrap, 
	.portfolio-item-wrapper .img-hover-text{
	height: 460px;
}
}


@media screen and (min-width: 1700px) { 
	.portfolio-img-wrap, 
	.portfolio-item-wrapper .img-hover-text{
	height: 500px;
}
}