/*!
Theme Name: Sealife Photography
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: saltpeakstudio
*/

/* Theme customization starts here
-------------------------------------------------------------- */


/* NMS Styles */

.mobile-site-branding {
    padding: 0px 0px 0px 10px !important;
}


@media screen and (min-width: 641px) {
  .kb-row-layout-id340_147243-ae > .kt-row-column-wrap, .kb-row-layout-id340_24ac30-77 > .kt-row-column-wrap {
     grid-template-columns: minmax(0, 5%) minmax(0, 85%) !important;
  }
}
@media screen and (max-width: 640px) {
    /* mobile only */
  .kb-row-layout-id340_147243-ae > .kt-row-column-wrap, .kb-row-layout-id340_24ac30-77 > .kt-row-column-wrap {
     grid-template-columns: minmax(0, 10%) minmax(0, 85%) !important;
  }
    .site-header-section>.site-header-item:last-child {
        padding-bottom: 20px !important;
        padding-top: 20px !important;
    }
    .site-branding a.brand img {
        max-width: 100% !important;
    }
}

#mobile-drawer .drawer-header .drawer-toggle {
    color: #000000 !important;
}


.kadence-blocks-form-success {
    background: #ebf8ff !important;
    margin-top: 10px;
    padding: 10px;
    border-radius: 4px !important;;
    border: 1px solid green !important;
    color: black !important;;
    font-weight: 500 !important;
}





/* Justified Gallery - v2 - match the gallery on Smugmug */
.sp-justified .kb-query-grid-wrap {
  display: flex !important;
  flex-wrap: wrap;
  gap: 8px;
  grid-template-columns: none !important;
  --row-h: 280px;                 /* target row height */
}
.sp-justified .kb-query-grid-wrap::after {   /* last row stays natural, not stretched */
  content: "";
  flex-grow: 999999;
}
.sp-justified .kb-query-grid-wrap > * {
  flex-grow: var(--r, 1.5);
  flex-basis: calc(var(--r, 1.5) * var(--row-h));
  width: auto !important;
  max-width: none !important;
  min-width: 0;
  margin: 0 !important;
}
.sp-justified .kb-query-grid-wrap > * img {
  display: block;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  position: static !important;
}
@media (max-width: 767px) {
  .sp-justified .kb-query-grid-wrap { --row-h: 160px; }
}

/* Homepage pause Button */
.wp-block-kadence-advancedgallery .kb-gallery-pause-button {
    left: 10px !important;
	right:auto !important;
}