/* 
Theme Name: upgarden 
Description: Custom child theme for Kadence
Author: Lauren Blue Tucker
Template: kadence
Version: 1.0.0 
*/



/*------------------------------------------------------------------------------
---> UTILITY CLASSES
------------------------------------------------------------------------------*/
/* push flex item to end for tablet view */
@media (max-width: 1024px) {
  .push-item-to-end-tablet {
    order: 99;
  }
}

/* push flex item to end for mobile view */
@media (max-width: 767px) {
  .push-item-to-end-phone {
    order: 99;
  }
  .clear-float figure {
        float: none!important;
        display: block;
        max-width: 80%;
        margin: 0 auto!important;
    }
}

/*------------------------------------------------------------------------------
---> HEADER: LAYOUT
------------------------------------------------------------------------------*/
/* more breathing space for logo and nav on tablet */
@media (max-width: 1024px) {
  #main-header .site-main-header-wrap .site-header-row-container-inner > .site-container {
    padding: 0px 20px 0px 20px!important;
  }
}

/* no idea why there is not a kadence setting for mobile drop shadow */
@media (max-width: 767px) {
  #mobile-header {
    box-shadow: 0px 2px 8px 0px #718096;
  }
}

/*------------------------------------------------------------------------------
---> HEADER: LOGO
------------------------------------------------------------------------------*/

/* oversized logo for transparent header - spilling out of box effect*/
.site-brand-logo-only {
  position: relative;
  overflow: visible;
}

.kadence-transparent-logo {
  position: absolute;
  left: 0;
  top: -20px;
  z-index: 25;
}

/*------------------------------------------------------------------------------
---> CONTENT: PAGE TITLE
------------------------------------------------------------------------------*/


@media (min-width: 768px) {
  .transparent-header .entry-hero .entry-hero-container-inner {
      padding-top: 60px;
    }
}


/*------------------------------------------------------------------------------
---> CONTENT: CALENDARS
------------------------------------------------------------------------------*/
/* calendar detail modals to the top of stack */
.column-with-modals {
  z-index: 9999999!important;
}

.fc-list-day-cushion.fc-cell-shaded {
  background-color: var(--global-palette9);
}

.fc-list-day-text,
.fc-list-day-side-text,
.fc-list-day-text:hover,
.fc-list-day-side-text:hover {
  color: var(--global-palette3);
}

.fc-list-event-graphic {
  display: none;
}

/*------------------------------------------------------------------------------
---> FOOTER: CONTACT FORM
------------------------------------------------------------------------------*/

/* field borders */
.kb-advanced-form .kb-adv-form-field .kb-field,
.kb-advanced-form .wp-block-kadence-advanced-form-checkbox,
.kb-advanced-form .kb-adv-form-field select {
    border: 2px solid var(--global-palette4);
}

/* newsletter checkboxes */
.wp-block-kadence-advanced-form-checkbox {
  padding: 8px;
  background-color: white;
}

.wp-block-kadence-advanced-form-checkbox .kb-adv-form-label {
  font-size: 1rem!important;
  text-align: left;
  padding-top: 0!important;
}

.wp-block-kadence-advanced-form-checkbox .kb-radio-check-item label {
  text-align: left;
  font-size: 0.9em;
}
.wp-block-kadence-advanced-form .kb-adv-form-field {
  border-radius: 3px!important;
}
.kb-form-basic-style input[type="checkbox"]:checked {
  border-color: var(--global-palette1)!important;
  background: var(--global-palette1)!important;
}

/* newsletter radio buttons */
.kb-form-basic-style .footer-radio-buttons .kb-adv-form-label {
    margin-bottom: 0.5rem;
    font-size: 80%!important;
}
.kb-form-basic-style .footer-radio-buttons .kb-radio-check-item label {
    margin-bottom: 1rem;
    font-size: 60%!important;
}
.kb-form-basic-style .footer-radio-buttons input[type="radio"] {
    /* hide native input styling */
    appearance: none; /* Removes default browser styling */
    -webkit-appearance: none;
    margin: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    
    /* custom input styling */
    border: 2px solid var(--global-palette4);
    background-color: #fff;
    cursor: pointer;
    vertical-align: middle;
}
.kb-form-basic-style .footer-radio-buttons input[type="radio"]:checked {
    background-color: var(--global-palette1); /* Fills the center */
    border-color: var(--global-palette1);
}

/*------------------------------------------------------------------------------
---> FOOTER: MAP
------------------------------------------------------------------------------*/

/* map container full width */
.site-footer .site-middle-footer-wrap .site-container {
  padding: 0;
}


/* svg shape on top edge of map */
#block-29 {
position: absolute;
  top: 0;
  height: 100px;
  width: 100vw;
}

/*------------------------------------------------------------------------------
---> GLOBAL LAYOUT
------------------------------------------------------------------------------*/

/* prevent space between wave separator and footer */
#primary {
  margin-bottom: 0;
}

#primary .kt-row-layout-bottom-sep {
  z-index: 99;
}

/*------------------------------------------------------------------------------
---> GALLERIES
------------------------------------------------------------------------------*/

.hover-zoom .kadence-blocks-gallery-item {
    overflow: hidden;
}

.hover-zoom .kadence-blocks-gallery-item img {
    transition: transform 0.4s ease !important;
}

.hover-zoom .kadence-blocks-gallery-item:hover img {
    transform: scale(1.1);
}

/*------------------------------------------------------------------------------
---> CUSTOM PAGES
------------------------------------------------------------------------------*/
/* Hide Kadence's native archive banner; the custom one replaces it */
.custom-template .entry-hero.-archive-hero-section {
    display: none !important;
}

/* Banner image: same on every custom-template page */
body.custom-template .entry-hero .entry-hero-container-inner {
    background-image: url('../../uploads/2026/10/hot-peppers-upgarden-page-banner.jpeg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: scroll;
}

/* Overlay color */
body.custom-template .entry-hero .hero-section-overlay {
    background-color: rgba(195, 59, 68, 0.75);
}

/* Title */
body.custom-template .entry-hero .page-title h1,
body.custom-template .entry-hero h1.entry-title {
    font-style: normal;
    font-size: 3em;
    text-transform: capitalize;
    color: var(--global-palette7);
}

.custom-template .quick-links {
    padding-bottom: 6rem;
}

.custom-template .error {
  padding-bottom: 6rem;
}

mark.search-highlight {
    background: #bee39e;
    color: inherit;
    padding: 0 2px;
    border-radius: 2px;
}