html{
  scroll-behavior:smooth;
}

/* =========================
GLOBAL RESET
========================= */

html,
body{
  margin:0 !important;
  padding:0 !important;
  overflow-x:hidden !important;
  background:#ffffff !important;
}

body::before,
body::after,
main::before,
main::after,
.wp-site-blocks::before,
.wp-site-blocks::after{
  content:none !important;
  display:none !important;
}

.mobile-contact{
    display:none !important;
}

.mobile-footer{
    display:none !important;
}

/* =========================
VARIABLES
========================= */

:root{
  --logo-width:440px;

  --nav-gap:45px;
  --nav-size:15px;
  --nav-letterspacing:6px;
  --nav-weight:400;
  --nav-transform:uppercase;
  --nav-underline-offset:4px;

  --nav-highlight-bg:rgba(255,255,255,.88);
  --nav-highlight-pad-y:2px;
  --nav-highlight-pad-x:4px;

  --content-max-width:1400px;
  --page-side-space:220px;

  --archive-top-space:120px;
}

.home{
    --logo-width:620px;
}

/* =========================
HOME NAV
========================= */

.home-nav .wp-block-navigation__container{
    display:flex !important;
    flex-wrap:nowrap !important;
    justify-content:center !important;
    align-items:center !important;
    gap:clamp(18px,2.6vw,var(--nav-gap)) !important;

    list-style:none !important;
    margin:0 !important;
    padding:0 !important;
}


/*hide image on page*/
.artwork-row.hidden-anchor{
    position:absolute !important;
    left:-99999px !important;
    width:1px !important;
    height:1px !important;
    overflow:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
}



/* ==========================================================
TYPOGRAPHY
========================================================== */

body{

    font-family:Inter,sans-serif;

    font-size:13px;

    font-weight:400;

    line-height:20.15px;

    letter-spacing:1px;

    color:#111;

}

p{

    font:inherit;

    margin:0 0 20px;

}

h1,
.wp-block-post-title{

    font-family:Helvetica,Arial,sans-serif;

    font-size:26px;

    font-weight:400;

    line-height:62px;

    letter-spacing:7px;

    text-transform:uppercase;

    color:#111;

    margin:0 0 40px;

}





/* ==========================================================
STUDIO SIGNUP
========================================================== */

.studio-signup{

    width:100%;
    max-width:500px;

    margin-top:50px;

    border:1px solid #111;

    padding:35px;

    box-sizing:border-box;

}

.studio-signup .signup-copy{

    margin:0 0 34px;

    text-align:center;

}

.studio-signup .signup-copy,
.studio-signup .signup-copy strong{

    font-family:Inter,sans-serif;

    font-size:13px;

    font-weight:400;

    line-height:20.15px;

    letter-spacing:1px;

    color:#111;

}

.studio-signup .signup-copy strong{

    font-weight:700;

}

#studio-signup{

    display:flex;

    align-items:flex-end;

    gap:18px;

}

#studio-signup input{

    flex:1;

    border:none;

    border-bottom:1px solid #111;

    background:none;

    padding:0 0 10px;

    border-radius:0;

    outline:none;

    box-shadow:none;

    font-family:Inter,sans-serif;

    font-size:13px;

    font-weight:400;

    line-height:20.15px;

    letter-spacing:1px;

    color:#111;

}

#studio-signup input::placeholder{

    color:#111;

    opacity:1;

}

#studio-signup button{

    width:140px;

    height:42px;

    background:#fff;

    border:1px solid #111;

    cursor:pointer;

    transition:.18s;

    font-family:Inter,sans-serif;

    font-size:13px;

    font-weight:400;

    letter-spacing:4px;

    text-transform:uppercase;

}

#studio-signup button:hover{

    background:#111;

    color:#fff;

}

.signup-success{

    margin-top:18px;

    text-align:center;

    font-family:Inter,sans-serif;

    font-size:13px;

}



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

#signup-overlay{
position:fixed;
inset:0;
display:flex;
    z-index:999999999;
justify-content:center;
align-items:center;
background:rgba(255,255,255,.35);
backdrop-filter:blur(2px);
opacity:0;
visibility:hidden;
transition:.25s;



}

#signup-overlay.show{
opacity:1;
visibility:visible;
}

#signup-popup{
width:min(560px,92vw);
background:#fff;
border:1px solid #111;
padding:42px;
position:relative;
box-sizing:border-box;
}

#signup-close{
position:absolute;
top:14px;
right:16px;
background:none;
border:none;
font:inherit;
cursor:pointer;
font-size:22px;
}

#signup-popup h2{
text-align:center;
margin:0 0 24px;
}

#signup-popup .signup-copy{
text-align:center;
margin:0 0 30px;
}

#popup-signup{
display:flex;
gap:18px;
align-items:flex-end;
}

#popup-signup input{
flex:1;
background:none;
border:none;
border-bottom:1px solid #111;
border-radius:0;
padding:0 0 10px;
outline:none;
box-shadow:none;
font:inherit;
letter-spacing:inherit;
}

#popup-signup button{
width:140px;
height:42px;
background:#fff;
border:1px solid #111;
font:inherit;
letter-spacing:4px;
text-transform:uppercase;
cursor:pointer;
transition:.2s;
}

#popup-signup button:hover{
background:#111;
color:#fff;
}

@media (max-width:700px){
#signup-popup{padding:28px;}
#popup-signup{flex-direction:column;}
#popup-signup button,
#popup-signup input{width:100%;}
}







/* =========================
BASE LAYERS
========================= */

.wp-site-blocks,
main,
.wp-block-group,
.wp-block-post-content,
footer{
  position:relative;
  z-index:1;
}

/* =========================
HOME HEADER — OVERLAY ON SPLASH
========================= */

.home .site-header-sticky{
  position:absolute !important;
  top:80px !important;
  left:0 !important;
  width:100% !important;
  z-index:3000 !important;

  display:grid !important;
  grid-template-columns:1fr !important;
  grid-template-rows:auto auto !important;
  justify-items:center !important;
  align-items:start !important;

  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  opacity:1 !important;

  pointer-events:none !important;
  transition:none !important;
}

.home .site-header-sticky *{
  pointer-events:auto !important;
}

.home .site-header-sticky > .wp-block-group{
  display:grid !important;
  justify-items:center !important;
  align-items:start !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  pointer-events:auto !important;
}

.home .site-header-sticky .logo-white{
  display:block !important;
  opacity:1 !important;
}

.home .site-header-sticky .logo-black{
  display:none !important;
  opacity:0 !important;
}

.home .site-header-sticky .logo-white{
  grid-column:1 !important;
  grid-row:1 !important;
  justify-self:center !important;

  width:var(--logo-width) !important;
  max-width:min(var(--logo-width), calc(100vw - 40px)) !important;

  margin:0 !important;
  padding:0 !important;
  line-height:0 !important;
  position:relative !important;
  z-index:4000 !important;
  pointer-events:auto !important;
}

.home .site-header-sticky .logo-white figure,
.home .site-header-sticky .logo-white a{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  pointer-events:auto !important;
}

.home .site-header-sticky .logo-white img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  pointer-events:none !important;
}

.home .site-header-sticky .wp-block-navigation{
  grid-column:1 !important;
  grid-row:2 !important;

  width:max-content !important;
  max-width:calc(100vw - 40px) !important;

  margin-top:18px !important;
  padding:0 4px !important;

  background:transparent !important;
  box-shadow:none !important;
  pointer-events:auto !important;
}

.home .site-header-sticky .wp-block-navigation,
.home .site-header-sticky .wp-block-navigation *{
  pointer-events:auto !important;
}

.home .site-header-sticky .wp-block-navigation__container{
  display:flex !important;
  flex-wrap:nowrap !important;
  justify-content:center !important;
  align-items:center !important;
  gap:clamp(18px, 2.6vw, var(--nav-gap)) !important;
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}

.home .site-header-sticky .wp-block-navigation-item{
  flex:0 0 auto !important;
}

.home .site-header-sticky .wp-block-navigation-item__content,
.home .site-header-sticky .wp-block-navigation-item__content:link,
.home .site-header-sticky .wp-block-navigation-item__content:visited,
.home .site-header-sticky a,
.home .site-header-sticky a:link,
.home .site-header-sticky a:visited{
  display:inline-block !important;
  color:#ffffff !important;
  font-size:var(--nav-size) !important;
  font-weight:var(--nav-weight) !important;
  letter-spacing:var(--nav-letterspacing) !important;
  text-transform:var(--nav-transform) !important;
  text-decoration:none !important;
  text-shadow:2px 2px 0 #000 !important;
  white-space:nowrap !important;
  background:transparent !important;
  line-height:1.2 !important;
  padding:0 !important;
}

.home .site-header-sticky .wp-block-navigation-item__content:hover,
.home .site-header-sticky .wp-block-navigation-item__content:focus,
.home .site-header-sticky a:hover,
.home .site-header-sticky a:focus,
.home .site-header-sticky a.is-current-link,
.home .site-header-sticky .wp-block-navigation-item__content.is-current-link{
  text-decoration:underline !important;
  text-underline-offset:var(--nav-underline-offset) !important;
}

/* kill old home fade */
body.scrolled-past-hero .site-header-sticky,
body.scrolled-past-hero .site-header-sticky:hover{
  opacity:1 !important;
  transition:none !important;
}

/* =========================
INTERIOR HEADER — NORMAL PAGE FLOW
========================= */

.section-header{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  width:100% !important;
  z-index:20 !important;

  display:grid !important;
  grid-template-columns:1fr !important;
  grid-template-rows:auto auto auto !important;
  justify-items:center !important;
  align-items:start !important;

  margin:0 !important;
  padding:70px 0 0 0 !important;

  background:transparent !important;
  opacity:1 !important;
  pointer-events:auto !important;
  transition:none !important;
}

.section-header > .wp-block-group{
  display:grid !important;
  justify-items:center !important;
  align-items:start !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  pointer-events:auto !important;
}

/* WHITE LOGO ONLY ON HOME */

.section-header .logo-white{
    display:none !important;
}

.home .site-header-sticky .logo-white{
    display:block !important;
}

/* BLACK LOGO HIDDEN ON HOME */
.home .logo-black{
    display:none !important;
}

.section-header .logo-black{
  display:block !important;
  grid-column:1 !important;
  grid-row:1 !important;
  justify-self:center !important;

  width:var(--logo-width) !important;
  max-width:min(var(--logo-width), calc(100vw - 40px)) !important;

  margin:0 !important;
  padding:0 !important;
  line-height:0 !important;
  position:relative !important;
  z-index:30 !important;
  opacity:1 !important;
  pointer-events:auto !important;
}

.section-header .logo-black figure,
.section-header .logo-black a{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  pointer-events:auto !important;
}

.section-header .logo-black img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  pointer-events:none !important;
}

.section-header .home-nav{
  grid-column:1 !important;
  grid-row:2 !important;
  justify-self:center !important;

  width:max-content !important;
  max-width:calc(100vw - 40px) !important;

  margin-top:18px !important;
  padding:2px 8px !important;

  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  position:relative !important;
  z-index:20 !important;
  pointer-events:auto !important;
}

.section-header .section-subnav{
  grid-column:1 !important;
  grid-row:3 !important;
  justify-self:center !important;

  width:max-content !important;
  max-width:calc(100vw - 40px) !important;

  margin-top:14px !important;
  padding:2px 8px !important;

  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  position:relative !important;
  z-index:20 !important;
  pointer-events:auto !important;
}

.section-header .home-nav,
.section-header .home-nav *,
.section-header .section-subnav,
.section-header .section-subnav *{
  pointer-events:auto !important;
}

.section-header .home-nav .wp-block-navigation__container,
.section-header .section-subnav ul,
.section-header .section-subnav .wp-block-navigation__container{
  display:flex !important;
  flex-wrap:nowrap !important;
  justify-content:center !important;
  align-items:center !important;
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}

.section-header .home-nav .wp-block-navigation__container{
  gap:clamp(18px, 2.6vw, var(--nav-gap)) !important;
}

.section-header .section-subnav ul,
.section-header .section-subnav .wp-block-navigation__container{
  gap:42px !important;
}

.section-header .home-nav .wp-block-navigation-item,
.section-header .section-subnav li,
.section-header .section-subnav .wp-block-navigation-item{
  flex:0 0 auto !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
}

.section-header .home-nav .wp-block-navigation-item__content,
.section-header .home-nav .wp-block-navigation-item__content:link,
.section-header .home-nav .wp-block-navigation-item__content:visited,
.section-header .home-nav a,
.section-header .home-nav a:link,
.section-header .home-nav a:visited{
  display:inline-block !important;
  color:#000 !important;
  font-size:var(--nav-size) !important;
  font-weight:var(--nav-weight) !important;
  letter-spacing:var(--nav-letterspacing) !important;
  text-transform:var(--nav-transform) !important;
  text-decoration:none !important;
  text-shadow:none !important;
  white-space:nowrap !important;
  background:var(--nav-highlight-bg) !important;
  line-height:1.2 !important;
  padding:var(--nav-highlight-pad-y) var(--nav-highlight-pad-x) !important;
  box-decoration-break:clone !important;
  -webkit-box-decoration-break:clone !important;
}

/* HOME OVERRIDE */

.home .section-header .home-nav .wp-block-navigation-item__content,
.home .section-header .home-nav .wp-block-navigation-item__content:link,
.home .section-header .home-nav .wp-block-navigation-item__content:visited,
.home .section-header .home-nav a,
.home .section-header .home-nav a:link,
.home .section-header .home-nav a:visited{

    color:#fff !important;
    background:transparent !important;
    text-shadow:2px 2px 0 #000 !important;
}

.section-header .section-subnav .wp-block-navigation-item__content,
.section-header .section-subnav .wp-block-navigation-item__content:link,
.section-header .section-subnav .wp-block-navigation-item__content:visited,
.section-header .section-subnav a,
.section-header .section-subnav a:link,
.section-header .section-subnav a:visited{
  display:inline-block !important;
  color:#000 !important;
  font-size:13px !important;
  font-weight:400 !important;
  line-height:1.3 !important;
  letter-spacing:5px !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  text-shadow:none !important;
  background:var(--nav-highlight-bg) !important;
  padding:var(--nav-highlight-pad-y) var(--nav-highlight-pad-x) !important;
  box-decoration-break:clone !important;
  -webkit-box-decoration-break:clone !important;
  white-space:nowrap !important;
}

.section-header .home-nav .wp-block-navigation-item__content:hover,
.section-header .home-nav .wp-block-navigation-item__content:focus,
.section-header .home-nav a:hover,
.section-header .home-nav a:focus,
.section-header .home-nav a.is-current-link,
.section-header .home-nav .wp-block-navigation-item__content.is-current-link,
.section-header .section-subnav .wp-block-navigation-item__content:hover,
.section-header .section-subnav .wp-block-navigation-item__content:focus,
.section-header .section-subnav a:hover,
.section-header .section-subnav a:focus,
.section-header .section-subnav a.is-current-link,
.section-header .section-subnav .wp-block-navigation-item__content.is-current-link{
  color:#000 !important;
  text-decoration:underline !important;
  text-underline-offset:4px !important;
}

/* kill old interior fade */
body.section-header-over-content .section-header,
html.section-header-over-content .section-header,
body.section-header-over-content .section-header:hover,
html.section-header-over-content .section-header:hover{
  opacity:1 !important;
  transition:none !important;
}

/* =========================
HOME SPLASH
========================= */

.home,
.home .wp-site-blocks,
.home .entry-content,
.home main,
.home .wp-block-post-content{
  margin:0 !important;
  padding:0 !important;
  overflow-x:hidden !important;
}

.home .wp-site-blocks{
  min-height:100vh !important;
}

.home-stage{
  position:relative !important;
  width:100vw !important;
  max-width:100vw !important;
  min-width:100vw !important;

  height:100vh !important;
  min-height:100vh !important;

  margin:0 !important;
  padding:0 !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;

  overflow:hidden !important;
  line-height:0 !important;
  z-index:1 !important;
}

.home-stage > .wp-block-columns,
.home-grid{
  position:absolute !important;
  inset:0 !important;

  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:stretch !important;
  justify-content:stretch !important;

  width:100% !important;
  height:100% !important;

  gap:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}

.home-stage > .wp-block-columns{
  margin-block-start:0 !important;
  margin-block-end:0 !important;
}

.home-stage .wp-block-column,
.home-stage .tile{
  position:relative !important;

  flex:1 1 33.3333% !important;
  flex-basis:33.3333% !important;
  width:33.3333% !important;
  min-width:0 !important;

  height:100% !important;
  min-height:100% !important;

  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}

.home-stage .wp-block-column{
  margin-block-start:0 !important;
  margin-block-end:0 !important;
}

.home-stage .tile > .wp-block-image,
.home-stage .tile > .wp-block-uagb-image{
  position:absolute !important;
  inset:0 !important;

  width:100% !important;
  height:100% !important;
  min-height:100% !important;

  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}

.home-stage .tile > .wp-block-image figure,
.home-stage .tile > .wp-block-uagb-image figure,
.home-stage .tile > .wp-block-uagb-image .wp-block-uagb-image__figure{
  position:absolute !important;
  inset:0 !important;

  width:100% !important;
  height:100% !important;

  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}

.home-stage .tile a{
  display:block !important;
  width:100% !important;
  height:100% !important;
}

.home-stage .tile img,
.home-stage .tile .wp-block-uagb-image img,
.home-stage .tile img[width][height]{
  display:block !important;

  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  max-width:none !important;

  margin:0 !important;
  padding:0 !important;

  object-fit:cover !important;
  object-position:center center !important;
}

.home-stage .img-default,
.home-stage .tile > .wp-block-image:first-of-type,
.home-stage .tile > .wp-block-uagb-image:first-of-type{
  z-index:1 !important;
  opacity:1 !important;
}

.home-stage .img-hover,
.home-stage .tile > .wp-block-image:last-of-type,
.home-stage .tile > .wp-block-uagb-image:last-of-type{
  z-index:2 !important;
  opacity:0 !important;
  transition:opacity .28s ease !important;
}

.home-stage .tile:hover .img-hover,
.home-stage .tile:hover > .wp-block-image:last-of-type,
.home-stage .tile:hover > .wp-block-uagb-image:last-of-type{
  opacity:1 !important;
}

/* =========================
GLOBAL CONTENT LAYOUT
========================= */



.wp-block-post-content{
  background:#ffffff !important;
}

body:not(.home) .wp-block-post-content > .wp-block-group.has-global-padding{
width:100% !important;
max-width:100% !important;

    margin:var(--page-top-space) auto 0 auto !important;

    padding:0 !important;
    background:#ffffff !important;
}


.home .wp-block-post-content > *:not(.home-stage),
.home .wp-block-post-content > .alignwide:not(.home-stage),
.home .wp-block-post-content > .alignfull:not(.home-stage){
  width:min(var(--content-max-width), 100%) !important;
  max-width:min(var(--content-max-width), 100%) !important;
  margin:0 auto !important;
  padding-top:0 !important;
  background:#ffffff !important;
}

footer,
.home footer{
  width:min(var(--content-max-width), calc(100vw - var(--page-side-space))) !important;
  max-width:min(var(--content-max-width), calc(100vw - var(--page-side-space))) !important;
  margin:80px auto 0 auto !important;
  background:transparent !important;
  position:relative !important;
  z-index:1 !important;
}

/* =========================
GLOBAL TOP LINK
========================= */

.global-top-link{
    position:fixed;
    right:12px;
    bottom:24px;
    z-index:999999;

    display:block;

    background:#fff;

    /* top right bottom left */
    padding:5px 7px 7px 7px;

  border: 1px solid black; 
    

    color:#000;
    text-decoration:underline;
    text-underline-offset:3px;
text-transform: uppercase;
    font-size:11px;
    line-height:1;
    letter-spacing:5px;


}

/* =========================
ARTWORK SIDEBAR
========================= */

.sidebar-title{
  display:none !important;
}

.artwork-sidebar{
  position:fixed !important;
  top:50% !important;
  bottom:auto !important;
  right:12px !important;
  left:auto !important;
  transform:translateY(-50%) !important;

  margin:0 !important;
  z-index:100 !important;

  width:max-content !important;
  max-width:none !important;

  text-align:right !important;
  pointer-events:auto !important;
}

.artwork-sidebar-heading{
  display:block !important;
  margin:0 0 10px 0 !important;
  font-size:12px !important;
  font-style:italic !important;
  letter-spacing:5px !important;
  line-height:1.2 !important;
  text-align:right !important;
  text-transform:uppercase !important;
}

.artwork-top-link{
  display:none !important;
}

.artwork-sidebar-list{
  display:block;
  text-align:right;
  margin-top:10px;
}

.artwork-sidebar-nav{
  display:block;
  list-style:none;
  margin:0;
  padding:0;
  text-align:right;
}

.artwork-sidebar-nav li{
  display:block;
  margin:0 0 5px 0;
  padding:0;
  text-align:right;
}

.artwork-sidebar-nav a{
  display:block;
  width:auto;
  color:#000;
  text-decoration:none;
  font-size:12px;
letter-spacing:2px;
  line-height:1.1;
  text-align:right;
  white-space:nowrap;
}

.artwork-sidebar-nav a:hover,
.artwork-sidebar-nav a:focus,
.artwork-sidebar-nav a.is-active{
  text-decoration:underline;
  text-underline-offset:3px;
}

/* =========================
ARTWORK CONTENT
========================= */

.artwork-row{
  width:100%;
  margin-bottom:200px;
  scroll-margin-top:40px;
}

.artwork-row > .title{
  font-family:"inter", sans-serif !important;
}

.artwork-item{
  width:fit-content;
  max-width:none;
  margin-left:auto;
  margin-right:auto;
}

.artwork-item .wp-block-image,
.artwork-item figure{
  margin:0 !important;
  line-height:0 !important;
}

.artwork-item .wp-block-image img{
  display:block !important;
  height:auto !important;
  margin-left:auto !important;
  margin-right:auto !important;
  object-fit:contain !important;
}

.wp-block-image.art-hero-wide{
  width:1200px !important;
  min-width:1200px !important;
  max-width:1200px !important;
}

.wp-block-image.art-hero-wide img{
  width:100% !important;
}

.wp-block-image.art-hero-sq{
  width:900px !important;
  min-width:900px !important;
  max-width:900px !important;
}

.wp-block-image.art-hero-sq img{
  width:100% !important;
}

.wp-block-image.art-hero-vertical{
  width:750px !important;
  min-width:750px !important;
  max-width:750px !important;
}

.wp-block-image.art-hero-vertical img{
  width:100% !important;
}

.artwork-row .wp-block-columns{
  align-items:start !important;
  justify-content:center !important;
  gap:30px !important;
}

.artwork-row.row-2 .wp-block-columns{
  display:flex !important;
  flex-wrap:nowrap !important;
  justify-content:center !important;
  align-items:flex-start !important;
  gap:30px !important;
}

.artwork-row.row-2 .wp-block-column,
.artwork-row.row-2 .wp-block-column .artwork-item,
.artwork-row.row-2 .wp-block-column .wp-block-image,
.artwork-row.row-2 .wp-block-column .wp-block-image figure,
.artwork-row.row-2 .wp-block-column .wp-block-image img{
  width:550px !important;
  max-width:550px !important;
  min-width:550px !important;
}

.artwork-row.row-2 .wp-block-column{
  flex:0 0 550px !important;
}

.artwork-row.row-2 .wp-block-column .wp-block-image,
.artwork-row.row-2 .wp-block-column .wp-block-image figure{
  margin:0 !important;
}

.artwork-row.row-2 .wp-block-column .wp-block-image img{
  display:block !important;
  height:auto !important;
  object-fit:contain !important;
}

.artwork-row.row-2.row-shared-caption .artwork-row-caption,
.artwork-row.row-shared-caption .artwork-row-caption{
  width:1130px !important;
  max-width:1130px !important;
  min-width:1130px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.artwork-row.row-2.row-shared-caption .artwork-row-caption .artwork-caption,
.artwork-row.row-shared-caption .artwork-row-caption .artwork-caption{
  width:100% !important;
  max-width:100% !important;
}

.artwork-row.row-2.row-shared-caption .art-title-row,
.artwork-row.row-shared-caption .art-title-row{
  display:flex !important;
  justify-content:space-between !important;
  align-items:baseline !important;
  gap:20px !important;
}

.artwork-row .wp-block-column .artwork-caption{
  width:100%;
  max-width:100%;
}

.artwork-item .artwork-caption{
  margin-top:14px;
  font-size:12px;
letter-spacing:2px;
  line-height:1.35;
  text-align:left;
}

.art-title-row{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:20px;
}

.artwork-item .title{
  font-style:italic;
  font-size:15px;
  margin-bottom:2px;
  text-transform:uppercase;
  letter-spacing:3px;
}

.art-status{
  font-size:11px;
  color:#b3b3b3;
  font-style:italic;
  text-transform:uppercase;
  letter-spacing:2px;
  text-decoration:none;
  white-space:nowrap;
  line-height:1;
}

.art-status:hover{
  color:#000;
}

.art-meta{
  font-size:12px;
letter-spacing:2px;
  line-height:1.35;
  text-align:left;
}




/* =========================
VISUAL PORTFOLIO
========================= */

.vp-portfolio__item-meta,
.vp-portfolio__item-caption,
.vp-portfolio__item-title,
.vp-portfolio__item-excerpt,
.vp-portfolio__item-categories,
.vp-portfolio__item-overlay{
  display:none !important;
}

.vp-portfolio a{
  text-decoration:none !important;
}

/* overall gallery width */

.vp-portfolio,
.wp-block-visual-portfolio{
  width:100% !important;
  max-width:100% !important;
  margin:0 auto !important;
  box-sizing:border-box !important;
}



/* remove VP hover zoom */

.vp-portfolio__item img,
.vp-portfolio__item-image img,
.vp-portfolio img{
  transform:none !important;
}

.vp-portfolio__item:hover img,
.vp-portfolio__item-image:hover img,
.vp-portfolio img:hover{
  transform:none !important;
}

/* featured hover */

.featured-portfolio .vp-portfolio__item,
.featured-portfolio figure,
.featured-portfolio article{
  position:relative !important;
}

.featured-portfolio .vp-portfolio__item img,
.featured-portfolio figure img,
.featured-portfolio article img{
  transition:opacity .18s ease !important;
}

.featured-portfolio .vp-portfolio__item:hover img,
.featured-portfolio figure:hover img,
.featured-portfolio article:hover img{
  opacity:.7 !important;
}

.featured-hover-meta{
  position:absolute;
  inset:0;
  z-index:10;

  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;

  padding:20px;
  box-sizing:border-box;

  text-align:center;
  color:#000;
  pointer-events:none;

  opacity:0;
  transition:opacity .18s ease;
}

.featured-portfolio .vp-portfolio__item:hover .featured-hover-meta,
.featured-portfolio figure:hover .featured-hover-meta,
.featured-portfolio article:hover .featured-hover-meta{
  opacity:1;
}

.featured-hover-title{
  font-size:15px;
  font-style:italic;
  letter-spacing:3px;
  line-height:1.25;
  text-transform:uppercase;
  margin-bottom:6px;
}

.featured-hover-line{
  font-size:12px;
  line-height:1.35;
}


/* =========================
ART ARCHIVE
========================= */

.archive-controls{

    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;

    gap:18px;
padding-top:-20px;
top:-20px;
    font-size:12px;
    letter-spacing:2px;
    text-transform:uppercase;

}

.archive-sort-nav{

    display:flex;
    gap:14px;

}

.archive-sort-nav a{

    color:#000;
    text-decoration:none;

    font-size:11px;
    letter-spacing:3px;
    text-transform:uppercase;

}

.archive-sort-nav a.is-active{

    text-decoration:underline;
    text-underline-offset:4px;

}

.archive-masonry{

    width:100%;
    max-width:100%;
 margin:20px auto 0 auto;

    display:grid;

    grid-template-columns:repeat(6,minmax(0,1fr));

    grid-auto-rows:8px;

    gap:10px;

}

.archive-masonry-item{

    display:block;
    width:100%;

}

.archive-masonry-item img{

    width:100%;
    height:auto;
    display:block;

}


/*==================================================
ARCHIVE DROPDOWN
==================================================*/

.archive-controls select, .archive-controls select option{

    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;

    background:#fff;

    border:1px solid #bfbfbf;

    border-radius:0;

    padding:4px 10px 4px 10px;

    height:28px;

    font-family:inherit;
    font-size:12px;
    font-weight:400;
    font-style:normal;
    letter-spacing:.08em;
    line-height:1;
    text-transform:uppercase;

    color:#111;

    cursor:pointer;

}


/* Focus */

.archive-controls select:focus{

    outline:none;
    border-color:#999;

}


/* PHOTO ARCHIVE COLLECTION NAV */

.photo-collection-nav{

    display:flex;
    flex-wrap:wrap;
    justify-content:center;

    gap:16px;
padding-top:15px;
    padding-bottom:20px;

}

.photo-collection-nav a{

    font-size:11px;

    letter-spacing:3px;

    text-transform:uppercase;

    color:#8a8a8a;

    text-decoration:none;

}

.photo-collection-nav a:hover,
.photo-collection-nav a.is-active{

    text-decoration:underline;

    text-underline-offset:4px;

}


/* =========================
FULL PAGE PHOTO LIGHTBOX
========================= */

.nicole-photo-lightbox{
    position:fixed;
    inset:0;
    z-index:999999;
    display:none;
    align-items:center;
    justify-content:center;
    background:#fff;
    padding:50px;
    box-sizing:border-box;
}

.nicole-photo-lightbox.is-open{
    display:flex;
}

.photo-inner{
    display:flex;
    flex-direction:column;
    max-width:calc(100vw - 180px);
    max-height:calc(100vh - 100px);
}

.photo-inner img{
    display:block;
    max-width:calc(100vw - 180px);
    max-height:calc(100vh - 160px);
    width:auto;
    height:auto;
    object-fit:contain;
    transition:opacity .15s ease;
}

.photo-caption{
    width:100%;
    margin-top:14px;
    font-size:12px;
letter-spacing:2px;
    line-height:1.6;
    color:#444;
    text-align:left;
    white-space:pre-wrap;
}

.photo-close{
    position:fixed;
    top:24px;
    right:28px;
    z-index:1000000;
    background:#fff;
    border:1px solid #000;
    color:#000;
    font-size:20px;
    line-height:1;
    padding:6px 10px;
    cursor:pointer;
}

.photo-prev,
.photo-next{
    position:fixed !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    z-index:1000000;
    background:#fff;
    border:1px solid #000;
    width:36px;
    height:36px;
    font-size:20px;
    line-height:34px;
    cursor:pointer;
}

.photo-prev{
    left:30px !important;
}

.photo-next{
    right:30px !important;
}




/* =========================
ART DETAILS ARCHIVE LIGHTBOX
========================= */

.nicole-art-lightbox{
  position:fixed;
  inset:0;
  z-index:999999;
  display:none;
  align-items:center;
  justify-content:center;
  background:#ffffff;
  padding:50px;
  box-sizing:border-box;
}

.nicole-art-lightbox.is-open{
  display:flex;
}

.nicole-art-lightbox-inner{
  display:grid;
  grid-template-columns:minmax(0, auto) 280px;
  gap:34px;
  align-items:center;

  max-width:calc(100vw - 100px);
  max-height:calc(100vh - 100px);
}

.nicole-art-lightbox-image img{
  display:block;
  max-width:calc(100vw - 450px);
  max-height:calc(100vh - 100px);
  width:auto;
  height:auto;
  object-fit:contain;
}

.nicole-art-lightbox-meta{
  font-size:12px;
letter-spacing:2px;
  line-height:1.45;
  color:#000;
  align-self:center;
}

.nicole-art-lightbox-title{
  display:block;
  margin-bottom:10px;

  color:#000;
  font-size:15px;
  font-style:italic;
  letter-spacing:3px;
  line-height:1.25;
  text-transform:uppercase;
  text-decoration:underline;
  text-underline-offset:4px;
}


.nicole-art-lightbox-line{
  display:block;
  margin-bottom:3px;
}

.nicole-art-lightbox-availability{
  display:block;
  margin-top:10px;

  color:#b3b3b3;
  font-size:11px;
  font-style:italic;
  letter-spacing:2px;
  line-height:1.2;
  text-transform:uppercase;
}

.nicole-art-lightbox-close{
  position:fixed;
  top:24px;
  right:28px;
  z-index:1000000;
  background:#ffffff;
  border:1px solid #000;
  color:#000;
  font-size:20px;
  line-height:1;
  padding:6px 10px;
  cursor:pointer;
}

.nicole-art-prev,
.nicole-art-next{
    background:#fff;
    border:0;
    width:auto;
    height:auto;
    font-size:42px;
    line-height:1;
    position:fixed !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    z-index:10002 !important;
    cursor:pointer;
}

.nicole-art-prev{
    left:30px !important;
}

.nicole-art-next{
    right:30px !important;
}

.nicole-art-lightbox-price{
    margin-top:38px;
    color:#8b8b8b;
    font-size:11px;
    font-style:italic;
    letter-spacing:2px;
    line-height:1.3;
    text-transform:uppercase;
}
.nicole-art-lightbox-price::before{
    content:"--";
    display:block;

    margin-bottom:28px;

    color:#000;
    font-style:normal;
}

.nicole-art-lightbox-price,
.nicole-art-lightbox-price a{
    color:#8b8b8b;
    font-style:italic;
    text-decoration:none;
}

.nicole-art-lightbox-price a:hover{
    opacity:.7;
}




/* =========================
PHOTO DETAIL ARCHIVE LIGHTBOX
========================= */

.nicole-photo-detail-lightbox{
    position:fixed;
    inset:0;
    z-index:999999;

    display:none;
    align-items:center;
    justify-content:center;

    background:#ffffff;

    padding:50px;
    box-sizing:border-box;
}

.nicole-photo-detail-lightbox.is-open{
    display:flex;
}

.nicole-photo-detail-inner{

    display:grid;

    grid-template-columns:minmax(0,1fr) max-content;

    gap:34px;

    align-items:center;

    max-width:calc(100vw - 100px);
    max-height:calc(100vh - 100px);

}

.nicole-photo-detail-image img{

    display:block;

    max-width:calc(100vw - 450px);
    max-height:calc(100vh - 100px);

    width:auto;
    height:auto;

    object-fit:contain;

    transition:opacity .15s ease;

}

.nicole-photo-detail-meta{

    font-size:12px;
    letter-spacing:2px;
    line-height:1.45;

    color:#000;

    align-self:center;

}

.nicole-photo-detail-title{

    display:block;

    margin-bottom:10px;

    color:#000;

    font-size:15px;
    font-style:italic;
    letter-spacing:3px;
    line-height:1.25;
    text-transform:uppercase;

}

.nicole-photo-detail-collection{

    display:block;
    white-space:nowrap;

    margin-bottom:10px;

    color:#000;

    font-size:15px;
    font-style:italic;
    letter-spacing:3px;
    line-height:1.25;
    text-transform:uppercase;

    text-decoration:underline;
    text-underline-offset:4px;

}


.nicole-photo-detail-spacer{

    display:block;

    margin:34px 0;

}

.nicole-photo-detail-prints{

    display:block;

    color:#8b8b8b;

    font-size:11px;
    font-style:italic;
    letter-spacing:2px;
    line-height:1.3;

    text-transform:uppercase;

    text-decoration:none;

}

.nicole-photo-detail-prints::before{

    content:"--";

    display:block;

    margin-bottom:28px;

    color:#000;

    font-style:normal;

}

.nicole-photo-detail-prints:hover{

    opacity:.7;

}

.nicole-photo-detail-close{

    position:fixed;

    top:24px;
    right:28px;

    z-index:1000000;

    background:#ffffff;

    border:1px solid #000;

    color:#000;

    font-size:20px;
    line-height:1;

    padding:6px 10px;

    cursor:pointer;

}

.nicole-photo-detail-prev,
.nicole-photo-detail-next{

    background:#fff;

    border:0;

    width:auto;
    height:auto;

    font-size:42px;
    line-height:1;

    position:fixed;

    top:50%;

    transform:translateY(-50%);

    z-index:1000000;

    cursor:pointer;

}

.nicole-photo-detail-prev{

    left:30px;

}

.nicole-photo-detail-next{

    right:30px;

}

@media (max-width:800px){

    .nicole-photo-detail-lightbox{

        padding:28px;

    }

    .nicole-photo-detail-inner{

        display:block;

        max-width:calc(100vw - 56px);
        max-height:calc(100vh - 56px);

        overflow:auto;

    }

    .nicole-photo-detail-image img{

        max-width:100%;
        max-height:70vh;

    }

    .nicole-photo-detail-meta{

        margin-top:18px;

    }

}






/* =========================
PHOTOGRAPHY COLLECTIONS/SERIES SUBSUB NAV
========================= */


.series-subnav{
    display:block !important;
}

/* THIRD NAV */
.section-header .series-subnav{
    margin-top:20px !important;
    margin-bottom:0 !important;
}

.section-header .series-subnav .wp-block-navigation__container{
    display:flex !important;
    justify-content:center !important;
    flex-wrap:nowrap !important;
    gap:28px !important;

    margin:0 !important;
    padding:0 !important;

    list-style:none !important;
}

.section-header .series-subnav a{
    display:inline-block !important;

    font-size:11px !important;
    letter-spacing:3px !important;
    text-transform:uppercase !important;

    text-decoration:none !important;
}

/* hover */
.section-header .series-subnav a:hover{
    text-decoration:underline !important;
    text-underline-offset:4px !important;
}




/* ACTIVE NAV LINKS */

.section-header .home-nav a.current-location,
.section-header .home-nav .wp-block-navigation-item__content.current-location,

.section-header .section-subnav a.current-location,
.section-header .section-subnav .wp-block-navigation-item__content.current-location,

.section-header .series-subnav a.current-location,
.section-header .series-subnav .wp-block-navigation-item__content.current-location{

    text-decoration:underline !important;
    text-underline-offset:4px !important;

}


/* underline SERIES in second nav when inside collection pages */
.page-id-485 .section-subnav a[href="/photo/series/"]{
    text-decoration:underline !important;
    text-underline-offset:4px !important;
}


/* prevent hover zoom */
.vp-portfolio__item img,
.vp-portfolio__item-image img{
    transform:none !important;
}

.vp-portfolio__item:hover img,
.vp-portfolio__item-image:hover img{
    transform:none !important;
}




/* hover fade */
.featured-portfolio .vp-portfolio__item img{
    transition:opacity .2s ease !important;
}

.featured-portfolio .vp-portfolio__item:hover img{
    opacity:.7 !important;
}


/* featured artwork position*/
.featured-portfolio,
.photo-featured{

    margin:0 auto !important;

    overflow:hidden !important;
    box-sizing:border-box !important;
}

.featured-portfolio .vp-portfolio{
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
}

.featured-portfolio .vp-portfolio__items-wrap{
    width:100% !important;
    margin:0 auto !important;
}

.featured-portfolio .vp-portfolio__items{
    position:relative !important;
    margin:0 auto !important;
}



.featured-hover-meta{
    pointer-events:none !important;
}

.vp-portfolio__item::before,
.vp-portfolio__item-wrap::before,
.vp-portfolio__item-img::before{
    pointer-events:none !important;
}

body:not(.home) .entry-content{
    width:min(1900px,85vw) !important;
    max-width:min(1900px,85vw) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    margin-top:30px !important;
}








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

@media (max-width:1300px){
  .archive-masonry{
    grid-template-columns:repeat(5, minmax(0, 1fr));
  }
}

@media (max-width:1200px){
  .artwork-row.row-2 .wp-block-columns{
    gap:20px !important;
  }

  .artwork-row.row-2 .wp-block-column,
  .artwork-row.row-2 .wp-block-column .artwork-item,
  .artwork-row.row-2 .wp-block-column .wp-block-image,
  .artwork-row.row-2 .wp-block-column .wp-block-image figure,
  .artwork-row.row-2 .wp-block-column .wp-block-image img{
    width:calc((100vw - 80px) / 2) !important;
    max-width:calc((100vw - 80px) / 2) !important;
    min-width:calc((100vw - 80px) / 2) !important;
  }

  .artwork-row.row-2.row-shared-caption .artwork-row-caption,
  .artwork-row.row-shared-caption .artwork-row-caption{
    width:calc(100vw - 60px) !important;
    max-width:calc(100vw - 60px) !important;
    min-width:0 !important;
  }
}

@media (max-width:1000px){
  .archive-controls,
  .archive-masonry,
  .vp-portfolio,
  .wp-block-visual-portfolio{
    width:calc(100vw - 80px) !important;
    max-width:calc(100vw - 80px) !important;
  }

  .archive-masonry{
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }
}

@media (max-width:900px){
  .artwork-sidebar{
    position:static !important;
    transform:none !important;
    width:auto !important;
    max-width:100% !important;
    margin:0 25px 30px 25px !important;
    text-align:left !important;
  }

  .artwork-sidebar-heading,
  .artwork-sidebar-list,
  .artwork-sidebar-nav,
  .artwork-sidebar-nav li,
  .artwork-sidebar-nav a{
    text-align:left !important;
  }

  .artwork-sidebar-nav{
    display:flex;
    flex-wrap:wrap;
    gap:10px 18px;
  }

  .artwork-sidebar-nav li{
    margin:0;
  }

  .artwork-sidebar-nav a{
    white-space:normal;
    line-height:1.2;
  }

  .artwork-row{
    scroll-margin-top:30px;
  }
}




@media (max-width:800px){
  .nicole-art-lightbox{
    padding:28px;
  }

  .nicole-art-lightbox-inner{
    display:block;
    max-width:calc(100vw - 56px);
    max-height:calc(100vh - 56px);
    overflow:auto;
  }

  .nicole-art-lightbox-image img{
    max-width:100%;
    max-height:70vh;
  }

  .nicole-art-lightbox-meta{
    margin-top:18px;
  }
}







 /* ==========================================================
   ***************MOBILE (≤781px)
========================================================== */

@media (max-width:781px){

:root{

    --logo-width:280px;

    --page-top-space:70px;

    --archive-top-space:90px;

}



.home .site-header-sticky .logo-black,
.section-header .logo-black{
    width:min(var(--logo-width),88vw) !important;
}



/* ==========================================================
   **************HOMEPAGE HEADER
========================================================== */

.home .site-header-sticky{

    position:relative !important;

    top:auto !important;
    left:auto !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;

    width:100% !important;

    margin:0 !important;

    padding:24px 0 0px 0 !important;

    background:#fff !important;

    pointer-events:auto !important;

}

.home .site-header-sticky > .wp-block-group{

    display:flex !important;

    flex-direction:column !important;

    align-items:center !important;

    width:100% !important;

    margin:0 !important;

    padding:0 !important;

}

.home .logo-white img{

    display:none !important;

}

.home .logo-white{

    height:0 !important;

    overflow:hidden !important;

    margin:0 !important;

    padding:0 !important;

}

.home .site-header-sticky .logo-black{

    display:block !important;
    visibility:visible !important;
    opacity:1 !important;

    width:min(280px,88vw) !important;

    margin:16px auto 18px auto !important;
    padding:0 !important;
}

.home .site-header-sticky .logo-black img{

    display:block !important;
    width:100% !important;
    height:auto !important;
}

.section-header{

    padding:24px 0 0 !important;

}


/*==========================================================
INTERIOR PAGE SPACING
==========================================================*/

body:not(.home) .entry-content{

    padding-top:0 !important;
  

}



/* ==========================================================
   ******************HOMEPAGE SPLASH
========================================================== */

.home .home-stage{

    margin:0 !important;

    padding:0 !important;

}

.home .home-splash{

    display:flex !important;

    flex-direction:row !important;

    gap:0 !important;

    width:100% !important;

    height:240px !important;

    overflow:hidden !important;

}

.home .home-splash-column{

    flex:1 1 33.333% !important;

    padding:0 !important;

    margin:0 !important;

    overflow:hidden !important;

}

.home .home-splash-column .wp-block-uagb-image{

    width:100% !important;

    height:100% !important;

    margin:0 !important;

}

.home .home-splash-column img{

    width:100% !important;

    height:100% !important;

    object-fit:cover !important;

    display:block !important;

}

/* Splash */

.home .home-stage{

    margin:0 !important;


    height:220px !important;

    min-height:220px !important;

    max-height:220px !important;

    overflow:visible !important;

}

/* ==========================================================
   ************************HOMEPAGE NAV
========================================================== */

/* Hide hamburger */

.home .wp-block-navigation__responsive-container-open{

    display:none !important;

}

/* Keep desktop nav visible */

.home .wp-block-navigation__responsive-container{

    position:static !important;

    display:block !important;

    visibility:visible !important;

    opacity:1 !important;

    transform:none !important;

    background:transparent !important;

}

/* Position nav below splash */

.home .home-nav{

    position:absolute !important;

    top:220px !important;

    left:50% !important;

    transform:translateX(-50%) !important;

    z-index:6000 !important;

    width:100% !important;

    max-width:420px !important;

    margin:0 !important;

    padding:0 !important;

}

.home .home-nav .wp-block-navigation__container{

    display:flex !important;

    flex-direction:column !important;

    align-items:center !important;

    justify-content:center !important;

    gap:18px !important;

}

.home .home-nav .wp-block-navigation-item{

    width:auto !important;

    text-align:center !important;

}


.home .home-nav .wp-block-navigation-item__content,
.home .home-nav .wp-block-navigation-item__content:link,
.home .home-nav .wp-block-navigation-item__content:visited,
.home .home-nav .wp-block-navigation-item__label{

    color:#000 !important;

    fill:#000 !important;

    -webkit-text-fill-color:#000 !important;

    text-shadow:none !important;

    font-size:14px !important;

    letter-spacing:4px !important;

    text-transform:uppercase !important;

}

.home .home-nav .current-menu-item::before,
.home .home-nav .current_page_item::before,
.home .home-nav .is-current-link::before,
.home .home-nav .is-current-link-parent::before{

    display:none !important;

    content:none !important;

}

.home .home-nav .wp-block-navigation__container{

    display:flex !important;

    flex-direction:column !important;

    align-items:center !important;

    justify-content:center !important;

    gap:4px !important;

}

.home .home-nav .wp-block-navigation-item{

    width:auto !important;

    margin:0 !important;

    padding:0 !important;

    line-height:1 !important;

}

.home .home-nav .wp-block-navigation-item__content{

    display:block !important;

    margin:0 !important;

    padding:8px 0 !important;

    line-height:1 !important;

}



/* ==========================================================
   ******************HOMEPAGE CONTENT
========================================================== */

.home .wp-block-uagb-container.alignfull{

    margin-top:180px !important;

}

.home .your-email-heading-class{

    line-height:1.5 !important;

}

.about-portrait{
    width:220px !important;
    max-width:70vw !important;
    margin:0 auto 30px auto !important;
}

.about-portrait img{
    width:100% !important;
    height:auto !important;
}


.desktop-contact{
    display:none !important;
}

.mobile-contact{
    display:block !important;
}



/* ==========================================================
   MOBILE FOOTER
========================================================== */
footer.wp-block-template-part{
    width:100% !important;
    max-width:100% !important;
    padding:0 !important;
}

footer.wp-block-template-part > .wp-block-group{
    width:100% !important;
    max-width:100% !important;
}

.wp-block-group.mobile-footer{

    width:100% !important;
    max-width:100% !important;
    flex:1 1 100% !important;
    align-self:stretch !important;

}

/* hide desktop footer */

.desktop-footer{
    display:none !important;
}

/* override desktop footer width */

footer{
    width:100% !important;
    max-width:100% !important;
    margin:40px 0 0 0 !important;
    padding:0 !important;
}

/* mobile footer */

.mobile-footer{

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;

    width:100% !important;
    max-width:100% !important;

    margin:0 auto !important;
    padding:0 18px !important;

    box-sizing:border-box !important;

    text-align:center !important;

    gap:0 !important;
}

.mobile-footer.is-layout-flex{
    gap:0 !important;
}

.mobile-footer > *{

    width:100% !important;
    max-width:100% !important;

    margin:0 !important;

    box-sizing:border-box !important;

}



/* keep your section spacers */

.mobile-footer .wp-block-spacer{
    height:18px !important;
}

.mobile-footer{
    gap:8px !important;
}

/* MOBILE FOOTER TYPOGRAPHY */

.mobile-footer,
.mobile-footer p,
.mobile-footer a,
.mobile-footer li,
.mobile-footer .wp-block-navigation-item__content{

    font-size:12px !important;
    font-weight:400 !important;
    font-style:normal !important;

    letter-spacing:2px !important;
    line-height:1.45 !important;

    color:#000 !important;

    text-transform:none !important;
}

.mobile-footer .wp-block-heading,
.mobile-footer .kt-adv-heading{

    font-size:12px !important;
    font-weight:700 !important;
    font-style:normal !important;

    letter-spacing:2px !important;
    line-height:1.45 !important;

    text-transform:none !important;

    margin:0 0 8px !important;
}

.mobile-footer a{

    text-decoration:underline !important;
    text-underline-offset:3px;
}



/* paragraphs */

.mobile-footer p,
.mobile-footer .wp-block-paragraph{

    margin:0 !important;

    font-size:12px !important;
    line-height:1.7 !important;

    text-align:center !important;

}

.mobile-footer > *{
    margin-block-start:0 !important;
    margin-block-end:0 !important;
}

.mobile-footer p a{

    display:inline-block !important;

    font-size:12px !important;
    line-height:1.7 !important;
    font-weight:400 !important;

    color:#000 !important;

    text-decoration:underline !important;

}

/* ==========================================================
   INTERIOR MOBILE LOGO
========================================================== */

.section-header .logo-black{

    width:min(var(--logo-width),88vw) !important;

    display:block !important;

    margin:16px auto 18px auto !important;

    padding:0 !important;

}

.section-header .logo-black img{

    width:100% !important;
    height:auto !important;

}



/*==================================================
***************MOVE UP GALLERY PAGES******************
==================================================*/
.artwork-page{

    margin-top:-100px !important;

}

/*============MOVE UP VP PORTFOLIO PAGES*************/

.wp-block-visual-portfolio {margin-top:-50px !important;}

.archive-controls {margin-top:-50px !important;}




/* ==========================================
   ARTWORK CATEGORY PAGES
========================================== */

.artwork-page .artwork-row{
    margin-bottom:250px !important;
}

.artwork-page .artwork-item{
    width:100% !important;
    max-width:100% !important;
}

.wp-block-image.art-hero-vertical,
.wp-block-image.art-hero-wide,
.wp-block-image.art-hero-sq{

    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;

    margin:0 !important;
}

.wp-block-image.art-hero-vertical img,
.wp-block-image.art-hero-wide img,
.wp-block-image.art-hero-sq img{

    display:block !important;

    width:100% !important;
    max-width:100% !important;
    height:auto !important;

}

/* mobile artwork caption */

.artwork-page .artwork-caption{
    margin-top:14px !important;

}

.artwork-page .art-title{

    font-style:italic !important;
    font-size:15px !important;
    text-transform:uppercase !important;
    letter-spacing:3px !important;
line-height:12px;
    margin:0 0 6px !important;

}

.artwork-page .art-meta{

    margin:0 0 16px !important;

    font-size:12px !important;
    letter-spacing:2px !important;


}

.artwork-page .art-status{

    display:block !important;

    margin:16px 0 0 0 !important;

    font-size:11px !important;
    color:#b3b3b3 !important;
    font-style:italic !important;
    text-transform:uppercase !important;
    letter-spacing:2px !important;
    line-height:1.2 !important;

}





/*==================================================
ARTWORK PAGE CAPTIONS
==================================================*/

.nicole-art-caption{

    margin-top:14px !important;

}

.nicole-art-caption .art-title{

    display:block;

    margin:18px 0 4px !important;

    font-size:15px !important;
    font-style:italic !important;
    font-weight:400 !important;

    letter-spacing:3px !important;
    line-height:1.25 !important;

    text-transform:uppercase !important;

}

.nicole-art-caption .art-meta{

    display:block;

    margin:0 0 12px !important;

    font-size:12px !important;
    letter-spacing:2px !important;
    line-height:1.45 !important;

}

.nicole-art-caption .art-status{

    display:block;

    margin-top:0 !important;

    font-size:11px !important;

    color:#b3b3b3 !important;

    font-style:italic !important;

    letter-spacing:2px !important;

    text-transform:uppercase !important;

}



/* ====== HIDE WORDPRESS MENU BUTTONS =====*/

.section-header
.wp-block-navigation__responsive-container-open{

    display:none !important;

}

.section-header
.wp-block-navigation__responsive-container-close{

    display:none !important;

}

.section-header .home-nav,
.section-header .section-subnav,
.section-header .series-subnav{

    margin:0 !important;
    padding:0 !important;

}



/* ==========================================================
   INTERIOR MOBILE BROWSE BUTTON AND NAV*/

.mobile-browse-button{

    position:fixed;

    top:60px;
    left:-1px;

    z-index:99990;

    width:25px;
    height:140px;

 border:1px solid #adadad;

    background:#fff;

writing-mode: vertical-lr;
transform: rotate(0deg);

    display:flex;

    align-items:center;

    justify-content:center;

 

    font-size:14px;


    letter-spacing:5px;

    text-transform:uppercase;

    cursor:pointer;

    padding:10px 0px 10px 0px;

}

.mobile-nav-overlay{

    position:fixed;
    inset:0;

    background:rgba(131, 131, 131, 0.5);

    opacity:0;
    pointer-events:none;

    transition:.25s;

    z-index:99998;

}

.mobile-nav-overlay.open{

    opacity:1;
    pointer-events:auto;

}

.mobile-nav-drawer{

    position:fixed;

    top:0;
    left:0;

    width:80vw;
    max-width:360px;

    height:100vh;

    background:#fff;

    transform:translateX(-100%);

    transition:.25s;

    z-index:99999;

 

    box-sizing:border-box;

    overflow-y:auto;
    padding:15px;
    padding-left: 30px;
    

}

.mobile-nav-drawer.open{

    transform:translateX(0);

}

.mobile-nav-close{

    background:none;
    border:0;

    font-size:26px;

    float:right;

    cursor:pointer;

}

.mobile-nav-main{

    transform:translateY(-45px);

       position:relative;

    overflow:hidden

}


.mobile-nav-main ul{

    list-style:none;

    margin:0px 0 0;

    padding:0;

}

.mobile-nav-main li{

    margin:0;

}

.mobile-nav-main a{

    display:block;

    padding:12px 0;

    text-decoration:none;

    color:#111;

    font-size:15px;

    letter-spacing:2px;

    text-transform:uppercase;

}

.mobile-nav-page{

    width:100%;

    transition:transform .22s ease,
               opacity .22s ease;

}

.mobile-nav-enter-right{

    transform:translateX(30px);

    opacity:0;

}

.mobile-nav-enter-left{

    transform:translateX(-30px);

    opacity:0;

}

.mobile-nav-active{

    transform:translateX(0);

    opacity:1;

}

.mobile-drawer .wp-block-navigation__container{

    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:20px !important;

}

.mobile-drawer .wp-block-navigation-item{

    width:100%;

}

.mobile-drawer .wp-block-navigation-item__content{

    display:block;
    width:100%;
    text-align:left;

}

.mobile-nav-main ul{

    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;

    gap:4px !important;

    list-style:none !important;

    margin:70px 0 0 !important;

    padding:0 !important;

}

.mobile-nav-main li{

    width:100% !important;

    margin:0 !important;

}

.mobile-nav-main a{

    display:block !important;

    width:100% !important;

    padding:6px 0 !important;

    text-align:left !important;

    font-size:14px !important;

    letter-spacing:4px !important;

    text-transform:uppercase !important;

    color:#000 !important;

    text-decoration:none !important;

}

.mobile-nav-back{

    display:block;

    margin-top:45px;

    padding-top:16px;

   font-weight:400 !important;
line-height:23px !important;
font-size:14px !important;
    background:none;
    border-left:0;
    border-right:0;
    border-bottom:0;
    border-top:none;

    font:inherit;
text-align:left;
    letter-spacing:4px;

    text-transform:uppercase;

    cursor:pointer;


}


.mobile-nav-heading{

    text-transform:uppercase;

    letter-spacing:5px;

    font-size:15px;

    text-decoration:underline;

    text-underline-offset:6px;

    margin:0 0 22px;

}

.mobile-nav-main .series-subnav a,
.mobile-nav-main .series-subnav .wp-block-navigation-item__content,
.mobile-nav-main .series-subnav .wp-block-navigation-item__label{

    font-weight:400 !important;
    line-height:18.2px !important;

}

/* Force drawer controls to black */

.mobile-browse-button,
.mobile-browse-button:link,
.mobile-browse-button:visited,
.mobile-browse-button:hover{
    color:#000 !important;
}

.mobile-nav-back,
.mobile-nav-back:link,
.mobile-nav-back:visited{
    color:#000 !important;
}

.mobile-nav-close,
.mobile-sidebar-close{
    color:#000 !important;
}

.mobile-page-button,
.mobile-page-button:link,
.mobile-page-button:visited{
    color:#000 !important;
}


/*====Active Nav====*/

.mobile-nav-main .current-menu-item > a,
.mobile-nav-main .current_page_item > a,
.mobile-nav-main .current-menu-ancestor > a,
.mobile-nav-main .current_page_ancestor > a{

    text-decoration:underline !important;
    text-underline-offset:4px;

}


}



 
/*==========================================================
MOBILE SIDEBAR
==========================================================*/

@media (max-width:781px){

/*==================================================
TAB
==================================================*/

.mobile-page-button{

    position:fixed;

    bottom:10%;
    right:-5px;

    width:25px;
    height:170px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#fff;


 border:1px solid #adadad;

    writing-mode:vertical-rl;

    transform:rotate(180deg);

    letter-spacing:6px;
    text-transform:uppercase;
    font-size:11px;
    font-style:italic;
    font-weight:400;

    cursor:pointer;

    z-index:99996;

}

/*==================================================
OVERLAY
==================================================*/

.mobile-sidebar-overlay{

    position:fixed;
    inset:0;

    background:rgba(0,0,0,.45);

    opacity:0;
    pointer-events:none;

    transition:.25s;

    z-index:99997;

}

.mobile-sidebar-overlay.open{

    opacity:1;
    pointer-events:auto;

}

/*==================================================
DRAWER
==================================================*/

.mobile-sidebar-drawer{

    position:fixed;

    top:0;
    right:0;

    width:65vw;
    max-width:360px;

    height:100vh;

    background:#fff;

    transform:translateX(100%);
    transition:.28s ease;

    overflow-y:auto;

    box-sizing:border-box;

    z-index:99998;

}

.mobile-sidebar-drawer.open{

    transform:translateX(0);

}

/*==================================================
CLOSE
==================================================*/

.mobile-sidebar-close{

    position:absolute;

    top:18px;
    right:18px;

    background:none;
    border:0;

    font-size:30px;

    cursor:pointer;

}

/*==================================================
CONTENT
==================================================*/

.mobile-sidebar-content{

    width:100%;

    padding:0;

    text-align:right;

    box-sizing:border-box;

}

/*==================================================
HIDE DESKTOP SIDEBAR
==================================================*/

.artwork-sidebar{

    position:fixed !important;

    left:-9999px !important;

    visibility:hidden !important;

    pointer-events:none !important;

}

.mobile-sidebar-content > .artwork-sidebar{

    position:static !important;

    left:auto !important;

    visibility:visible !important;

    pointer-events:auto !important;

    margin:0 !important;

    padding:15px !important;

    width:100% !important;

    max-width:none !important;

    box-sizing:border-box;

}

/*==================================================
HEADING
==================================================*/

.mobile-sidebar-content
.artwork-sidebar-heading{

    display:block;

    width:100%;

    margin:55px 0 18px 0 !important;

    text-align:right !important;

}

/*==================================================
LIST
==================================================*/

.mobile-sidebar-content
.artwork-sidebar-list{

    margin:0 !important;

    padding:0 !important;

    width:100% !important;

    max-width:none !important;

}

/*==================================================
NAV
==================================================*/

.mobile-sidebar-content
.artwork-sidebar-nav{

    display:block !important;

    list-style:none;

    margin:0;

    padding:0;

    width:100%;

}

.mobile-sidebar-content
.artwork-sidebar-nav li{

    display:block !important;

    float:none !important;

    clear:both !important;

    width:100%;

    margin:0;

    padding:0;

    text-align:right;

}

.mobile-sidebar-content
.artwork-sidebar-nav a{

    display:block;

    width:100%;

    padding:4px 0;

    text-align:right !important;

    text-decoration:none;

    line-height:12px;

}

.mobile-sidebar-content
.artwork-sidebar-nav a:hover,

.mobile-sidebar-content
.artwork-sidebar-nav a:focus,

.mobile-sidebar-content
.artwork-sidebar-nav a.is-active{

    text-decoration:none !important;

    border:0 !important;

    font-weight:400 !important;

}


}