/*
Theme Name: Astra Child
Theme URI: https://www.forwardfood.org
Template: astra
Author: Humane World for Animals
Author URI: https://www.forwardfood.org
Description: The Astra WordPress child theme was customized for the Forward Food website.
Version: 1.1.1769439616
Updated: 2026-01-26 15:00:16

*/

     /* =========================================
   GENERAL STYLES
   ========================================= */

.wprm-align-center {
  text-align: left !important;
}

.wpforms-container .wpforms-two-thirds.wpforms-first {
  width: calc( 2 * 90% / 3) !important;
}

@media (min-width: 922px) {
  .site-content .ast-container {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}

header.entry-header .entry-title {
  font-size: 36px !important;
  font-weight: bold;
}

.main-header-bar {
  border-bottom-style: none !important;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 5px !important;
}

.entry-meta, .entry-meta * {
  display: none !important;
}

.wpforms-container label.wpforms-error {
  color: #e50913 !important;
  font-size: .8rem !important;
  font-weight: bold !important;
}

/* =========================================
   MAIN NAVIGATION MENU SEPARATORS
   ========================================= */

/* Remove default Astra spacing */
[class*="ast-builder-menu"] .main-header-menu {
  display: flex;
  align-items: center;
}

/* Menu items inline */
[class*="ast-builder-menu"] .main-header-menu > li.menu-item {
  display: inline-block;
  position: relative;
  margin: 0;
}

/* Add separator after each menu item (except last) */
[class*="ast-builder-menu"] .main-header-menu > li.menu-item:not(:last-child)::after {
  content: "|";
  color: #153B2F;
  opacity: 0.85;
  font-weight: 600;
  margin: 0 14px;
  pointer-events: none;
}

/* Menu links */
[class*="ast-builder-menu"] .main-header-menu > li.menu-item > a {
  display: inline-block;
  padding: 0 0.25rem;
}

/* Main menu hover underline */
[class*="ast-builder-menu"] .main-header-menu > li.menu-item > a:hover {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-decoration-skip-ink: none;
}

/* =========================================
   SUB-MENU SEPARATORS
   ========================================= */

.main-header-menu .sub-menu > li.menu-item {
  display: inline-block;
  position: relative;
}

/* Add separator after each sub-menu item (except last) */
.main-header-menu .sub-menu > li.menu-item:not(:last-child)::after {
  content: "|";
  color: #153B2F;
  opacity: 0.6;
  margin: 0 8px;
  pointer-events: none;
}

.main-header-menu .sub-menu > li.menu-item > a {
  display: inline-block;
}

/* =========================================
   TOP COUNTRY MENU
   ========================================= */

.ast-builder-menu-2 .main-header-menu {
  display: flex;
  align-items: center;
}

.ast-builder-menu-2 .main-header-menu > li.menu-item {
  display: inline-block;
  margin: 0;
}

/* White separators for country menu */
.ast-builder-menu-2 .main-header-menu > li.menu-item:not(:last-child)::after {
  content: "|";
  color: #ffffff !important;
  opacity: 1;
  margin: 0 4px;
  pointer-events: none;
}

/* White text for country links */
.ast-builder-menu-2 .main-header-menu > li.menu-item > a {
  color: #ffffff !important;
  padding: 0 0.15rem;
  font-weight: 600;
  display: inline-block;
}

/* Top country menu hover underline */
.ast-builder-menu-2 .main-header-menu > li.menu-item > a:hover {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-decoration-skip-ink: none;
}

/* =========================================
   FOOTER MENU
   ========================================= */

/* Reset footer menu to basics */
.site-footer nav ul {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  text-align: center;
}

/* Each footer menu item stays inline on desktop */
.site-footer nav ul > li {
  display: inline-block;
  margin: 0;
  padding: 0;
  position: relative;
}

/* Footer links */
.site-footer nav ul > li > a {
  color: #000000 !important;
  text-decoration: none;
  display: inline-block;
  padding: 0 16px;
}

/* Specific Astra footer menu adjustment */
#astra-footer-menu .menu-item > a {
  padding-left: 10px;
}

/* Hover effect */
.site-footer nav ul > li > a:hover {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-decoration-skip-ink: none;
}

/* Add custom separator - DESKTOP & TABLET */
@media (min-width: 769px) {
  .site-footer nav ul > li:not(:first-child)::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 0.7em;
    background: #000000;
    opacity: 0.8;
  }
}

/* =========================================
   MOBILE MENU STYLES
   ========================================= */
@media (max-width: 921px) {
  
  /* Hide all menu separators on mobile */
  [class*="ast-builder-menu"] .main-header-menu > li.menu-item::after,
  .main-header-menu .sub-menu > li.menu-item::after,
  .ast-builder-menu-2 .main-header-menu > li.menu-item::after {
    display: none !important;
  }
  
  /* Stop Astra's mobile header from stretching children */
  .ast-header-break-point .ast-mobile-popup-content {
    display: flex !important;
    align-items: flex-start !important;
    gap: 0 !important;
    background: transparent !important;
  }
  
  .ast-header-break-point .ast-mobile-popup-content > * {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: max-content !important;
    margin: 0 !important;
  }
  
  /* Override width on header elements */
  .ast-header-break-point .country-pill.ast-builder-layout-element,
  .ast-header-break-point .country-pill {
    width: auto !important;
    max-width: max-content !important;
    align-self: flex-start !important;
  }
  
  /* Green country pill wrap */
  .country-pill,
  .country-pill .wp-block-navigation__container,
  .country-pill ul {
    display: inline-flex !important;
    flex-wrap: wrap !important;
    width: auto !important;
    max-width: calc(100vw - 32px) !important;
    background: #1fa24a !important;
    border-radius: 10px !important;
    padding: 6px 10px !important;
  }
  
  .country-pill li { 
    display: inline-block !important; 
  }
  
  .country-pill a { 
    padding: 8px 10px !important; 
  }
  
  /* Remove green from parent containers */
  .ast-header-break-point .ast-above-header-wrap,
  .ast-header-break-point .ast-above-header-bar,
  .ast-header-break-point .ast-builder-grid-row,
  .ast-header-break-point .ast-mobile-header-wrap,
  .ast-header-break-point .ast-mobile-popup-drawer,
  .ast-header-break-point .ast-mobile-popup-drawer .ast-mobile-popup-inner {
    background: transparent !important;
  }
  
  /* Fix country menu background */
  .wp-block-navigation__responsive-container.has-ast-global-color-3-background-color {
    background: transparent !important;
  }
  
  .ast-builder-menu-2,
  .ast-builder-menu-2 > *,
  .ast-builder-menu-2 .main-header-menu,
  .ast-builder-menu-2 ul {
    background-color: rgba(0, 156, 235, 0.43) !important;
    width: fit-content !important;
    display: inline-flex !important;
    padding: 10px 15px !important;
  }
  
  .ast-builder-menu-2 .main-header-menu > li,
  .ast-builder-menu-2 li {
    display: inline-block !important;
    background: transparent !important;
  }
  
  .ast-builder-menu-2 a {
    color: #ffffff !important;
  }
  
  .wp-block-navigation__responsive-dialog {
    background-color: #F3EFEA;
    color: #1A5CC7 !important;
    font-weight: 700 !important;
  }
  
  .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  
  /* Country menu close button - add padding from corner */
  .wp-block-navigation__responsive-container-close {
    padding: 15px 20px !important;
    margin: 0 !important;
  }
  
  /* Change "Menu" button to "Countries" with arrow */
  .wp-block-navigation__responsive-container-open.always-shown {
    color: transparent !important;
    position: relative !important;
  }
  
  /* Default: Down arrow */
  .wp-block-navigation__responsive-container-open.always-shown::before {
    content: "Countries ▼";
    font-size: 16px;
    font-weight: 600;
    color: #ffffff !important;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
  }
  
  /* When open: Up arrow */
  .wp-block-navigation__responsive-container-open.always-shown[data-open="true"]::before {
    content: "Countries ▲";
  }
  
  .wp-block-navigation__responsive-container-open.always-shown svg {
    display: inline-block !important;
    color: #ffffff !important;
  }
}

/* =========================================
   FOOTER MENU - MOBILE
   ========================================= */

@media (max-width: 768px) {
  .site-footer nav ul {
    display: block;
  }
  
  .site-footer nav ul > li {
    display: block;
    margin: 2px 0;
  }
  
  .site-footer nav ul > li > a {
    padding: 8px 0;
    display: block;
  }
  
  /* Hide all separators on mobile */
  .site-footer nav ul > li:not(:first-child)::before {
    display: none !important;
  }
}

/* =========================================
   MENU WRAPPING PREVENTION (920px-1058px)
   ========================================= */

@media (min-width: 920px) and (max-width: 1058px) {
  
  /* Reduce spacing between menu items */
  [class*="ast-builder-menu"] .main-header-menu > li.menu-item:not(:last-child)::after {
    margin: 0 8px;
  }
  
  [class*="ast-builder-menu"] .main-header-menu > li.menu-item > a {
    padding: 0 0.15rem;
    font-size: 14px;
  }
  
  /* Force menu to stay in one line */
  [class*="ast-builder-menu"] .main-header-menu {
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
  }
  
  /* Prevent text wrapping */
  [class*="ast-builder-menu"] .main-header-menu > li.menu-item {
    white-space: nowrap !important;
  }
}

/* =========================================
   RECIPE DATABASE & SEARCH
   ========================================= */

#wpupg-grid-recipe-database-filter-2 .wpupg-filter-checkboxes-term-container {
  font-size: 13px !important;
}

#wpupg-grid-recipe-database .wpupg-item {
  width: calc(33.33% - 20px);
  border-radius: 8px !important;
  border-color: #444 !important;
  border-width: 0px !important;
}

.wp-container-core-navigation-is-layout-f254a0f6 {
  padding-bottom: 15px;
  padding-top: 15px;
}

@media (max-width: 544px) {
  .ast-header-break-point .site-above-footer-wrap[data-section="section-above-footer-builder"] {
    padding-left: 5px;
    padding-right: 5px;
  }
}

/* =========================================
   SEARCH & INPUT FOCUS STYLES
   ========================================= */

/* Ajax Search Lite - Glowing border focus */
.asl_w input[type="search"]:focus,
.asl_w input[type="text"]:focus,
.probox input.orig:focus,
input.orig:focus,
.asl_m input:focus,
#ajaxsearchlite input:focus,
.asl_main input:focus,
div.asl_r input:focus {
  border-color: #009ceb !important;
  outline: none !important;
  box-shadow: 0 0 0 1px rgba(0, 156, 235, 0.4) !important;
}

/* ASL Search Box Wrapper - glowing effect */
.asl_w:focus-within,
.asl_m:focus-within {
  box-shadow: 0 0 0 1px rgba(0, 156, 235, 0.4) !important;
  border-color: #009ceb !important;
}

.asl_w,
.asl_m,
div[id*="ajaxsearchlite"],
.asl_main_container {
  transition: box-shadow 0.3s ease, border-color 0.3s ease !important;
}

.asl_w:focus-within,
.asl_m:focus-within,
div[id*="ajaxsearchlite"]:focus-within,
.asl_main_container:focus-within {
  box-shadow: 0 0 0 1px rgba(0, 156, 235, 0.4) !important;
  border-color: #009ceb !important;
}

.asl_w input,
.asl_m input,
.probox input.orig,
input.orig,
#ajaxsearchlite input,
.asl_main input,
div.asl_r input {
  outline: none !important;
}

.asl_w input:focus,
.asl_m input:focus,
.probox input.orig:focus,
input.orig:focus,
#ajaxsearchlite input:focus,
.asl_main input:focus,
div.asl_r input:focus {
  border-color: #009ceb !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Recipe Database Search - Glowing effect */
.recipe-database input:focus,
.entry-content input[type="search"]:focus,
.entry-content input[type="text"]:focus,
input[type="search"]:focus,
input[type="text"]:focus {
  border-color: #009ceb !important;
  outline: none !important;
  box-shadow: 0 0 0 4px rgba(0, 156, 235, 0.4) !important;
}

.recipe-database input[type="text"]:focus,
.recipe-database input[type="search"]:focus,
input[type="text"]:focus,
input[type="search"]:focus,
.search-form input:focus,
.wp-block-search__input:focus {
  border-color: #017ACD !important;
  outline-color: #017ACD !important;
  box-shadow: 0 0 0 1px #017ACD !important;
}

.entry-content input[type="search"]:focus,
.entry-content input[type="text"]:focus {
  border-color: #009ceb !important;
  outline-color: #009ceb !important;
  box-shadow: 0 0 0 1px #009ceb !important;
}

/* =========================================
   CONTACT US FORM
   ========================================= */
/* Contact Us Form - All text input fields focus (in main content) */
.entry-content .wpforms-container input[type="text"]:focus,
.entry-content .wpforms-container input[type="tel"]:focus,
.entry-content .wpforms-container input[type="email"]:focus,
.entry-content .wpforms-container .wpforms-field-email input:focus,
main .wpforms-container input[type="text"]:focus,
main .wpforms-container input[type="tel"]:focus,
main .wpforms-container input[type="email"]:focus,
main .wpforms-container .wpforms-field-email input:focus {
  border-color: #009ceb !important;
  outline: none !important;
  box-shadow: 0 0 0 1px rgba(0, 156, 235, 0.4) !important;
}
/* Contact Us Form - Comment/Message textarea focus (in main content) */
.entry-content .wpforms-container textarea:focus,
.entry-content .wpforms-container .wpforms-field-textarea textarea:focus,
main .wpforms-container textarea:focus,
main .wpforms-container .wpforms-field-textarea textarea:focus {
  border-color: #009ceb !important;
  outline: none !important;
  box-shadow: 0 0 0 1px rgba(0, 156, 235, 0.4) !important;
}

/* Desktop: Make ALL fields equal width */
@media (min-width: 1025px) {
  /* All field containers - Name, Email, State/Province, Country */
  .entry-content .wpforms-container .wpforms-field-name,
  .entry-content .wpforms-container .wpforms-field-email,
  .entry-content .wpforms-container .wpforms-field-select,
  .entry-content .wpforms-container .wpforms-field-text,
  main .wpforms-container .wpforms-field-name,
  main .wpforms-container .wpforms-field-email,
  main .wpforms-container .wpforms-field-select,
  main .wpforms-container .wpforms-field-text {
    width: 60% !important;
    max-width: 60% !important;
    flex: 0 0 60% !important;
  }
  
  /* Comment/Message textarea container */
  .entry-content .wpforms-container .wpforms-field-textarea,
  main .wpforms-container .wpforms-field-textarea {
    width: 60% !important;
    max-width: 60% !important;
    flex: 0 0 60% !important;
  }
  
  /* Ensure inner inputs/selects/textareas are full width within their containers */
  .entry-content .wpforms-container .wpforms-field input,
  .entry-content .wpforms-container .wpforms-field select,
  .entry-content .wpforms-container .wpforms-field textarea,
  main .wpforms-container .wpforms-field input,
  main .wpforms-container .wpforms-field select,
  main .wpforms-container .wpforms-field textarea {
    width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* Tablet & Mobile: Full width */
@media (max-width: 1024px) {
  .entry-content .wpforms-container .wpforms-field-textarea,
  main .wpforms-container .wpforms-field-textarea {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
  
  .entry-content .wpforms-container .wpforms-field-textarea textarea,
  main .wpforms-container .wpforms-field-textarea textarea {
    width: 100% !important;
  }
}

/* Contact Us Form - Submit button styling */
.entry-content .wpforms-container button[type="submit"],
.entry-content .wpforms-container .wpforms-submit,
main .wpforms-container button[type="submit"],
main .wpforms-container .wpforms-submit {
  background-color: #009CEB !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 12px 30px !important;
  font-weight: bold !important;
  font-size: 20px !important;
  cursor: pointer !important;
  height: 45px !important;
  min-height: 45px !important;
  width: 200px !important;
  min-width: 200px !important;
}
/* Contact Us Form - Submit button hover */
.entry-content .wpforms-container button[type="submit"]:hover,
.entry-content .wpforms-container .wpforms-submit:hover,
main .wpforms-container button[type="submit"]:hover,
main .wpforms-container .wpforms-submit:hover {
  background-color: #1a5cc7 !important;
}

/* =========================================
   FOOTER SUBSCRIBER FORM
   ========================================= */

/* Desktop - Above 1200px */
@media (min-width: 1201px) {
  
  footer .wpforms-container .wpforms-form {
    display: flex !important;
    justify-content: center;
    align-items: flex-start !important;
    flex-wrap: nowrap;
    gap: 0 !important;
  }
  
  footer .wpforms-container .wpforms-field-container { 
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 20px !important;
  }
  
  footer .wpforms-container .wpforms-submit-container { 
    display: block !important;
  }
  
  /* All items: no default margins */
  footer .wpforms-container .wpforms-field,
  footer .wpforms-container .wpforms-field-name,
  footer .wpforms-container .wpforms-field-email {
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 auto;
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    overflow: visible !important;
    position: relative !important;
  }
  
  footer .wpforms-container .wpforms-submit-container {
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 auto;
  }
  
  /* Force exact same width AND height on all inputs */
  footer .wpforms-container input[type="text"],
  footer .wpforms-container input[type="email"],
  footer .wpforms-container .wpforms-field-name input,
  footer .wpforms-container .wpforms-field-email input {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    font-size: 15px !important;
    padding: 0 15px !important;
    border: 1px solid #ccc !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    position: relative !important;
    z-index: 10 !important;
    line-height: normal !important;
  }
  
  /* Subscribe button alignment */
  footer .wpforms-submit-container {
    padding-top: 23px !important;
  }
  
  footer .wpforms-submit-container button[type="submit"],
  footer .wpforms-submit-container .wpforms-submit {
    margin-top: 23px !important;
  }
  
  /* Subscribe button - 200px width, 45px height */
  footer .wpforms-container button[type="submit"],
  footer .wpforms-container .wpforms-submit {
    background-color: #009CEB !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    height: 45px !important;
    min-height: 45px !important;
    max-height: 45px !important;
    width: 200px !important;
    min-width: 200px !important;
    max-width: 200px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 20px;
    cursor: pointer;
    padding: 0 15px !important;
    line-height: normal !important;
    box-sizing: border-box !important;
  }
  
  footer .wpforms-container button[type="submit"]:hover,
  footer .wpforms-container .wpforms-submit:hover {
    background-color: #1a5cc7 !important;
  }
  
  footer .wpforms-container .wpforms-error {
    margin: 3px 0 0 0 !important;
  }
  
  /* Gap between Email and Subscribe button */
  footer .wpforms-container .wpforms-submit-container {
    margin-left: 20px !important;
  }
  
  /* Footer form focus on Name AND Email fields */
  footer .wpforms-container input[type="text"]:focus,
  footer .wpforms-container input[type="email"]:focus,
  footer .wpforms-container .wpforms-field-name input:focus,
  footer .wpforms-container .wpforms-field-email input:focus {
    border-color: #009ceb !important;
    outline: none !important;
    box-shadow: 0 0 0 1px rgba(0, 156, 235, 0.4) !important;
  }
}

/* Tablet & Mobile - Stack vertically (increased breakpoint to 1200px) */
@media (max-width: 1200px) {
  
  /* Force form to stack */
  footer .wpforms-container .wpforms-form {
    display: block !important;
    padding: 0 15px !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
  }
  
  /* Force field container to stack */
  footer .wpforms-container .wpforms-field-container {
    display: block !important;
    width: 100% !important;
  }
  
  /* All fields full width - STRONGEST SELECTORS */
  footer .wpforms-container .wpforms-field,
  footer .wpforms-container .wpforms-field-name,
  footer .wpforms-container .wpforms-field-email,
  footer .wpforms-container .wpforms-submit-container,
  footer .wpforms-container .wpforms-field.wpforms-field-name,
  footer .wpforms-container .wpforms-field.wpforms-field-email {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
    flex: none !important;
    float: none !important;
  }
  
  /* Inputs full width and CLICKABLE */
  footer .wpforms-container .wpforms-field-name input,
  footer .wpforms-container .wpforms-field-email input,
  footer .wpforms-container input[type="text"],
  footer .wpforms-container input[type="email"],
  footer .wpforms-container .wpforms-field.wpforms-field-name input,
  footer .wpforms-container .wpforms-field.wpforms-field-email input {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    height: 44px !important;
    box-sizing: border-box !important;
    font-size: 15px !important;
    padding: 0 15px !important;
    border: 1px solid #ccc !important;
    border-radius: 8px !important;
    margin: 0 !important;
    background: white !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  
  /* Focus styles for Name and Email fields on tablet/mobile */
  footer .wpforms-container .wpforms-field-name input:focus,
  footer .wpforms-container .wpforms-field-email input:focus,
  footer .wpforms-container input[type="text"]:focus,
  footer .wpforms-container input[type="email"]:focus,
  footer .wpforms-container .wpforms-field.wpforms-field-name input:focus,
  footer .wpforms-container .wpforms-field.wpforms-field-email input:focus {
    border-color: #009ceb !important;
    outline: none !important;
    box-shadow: 0 0 0 1px rgba(0, 156, 235, 0.4) !important;
  }
  
  /* Button full width */
  footer .wpforms-container button[type="submit"],
  footer .wpforms-container .wpforms-submit {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 12px 15px !important;
    font-size: 15px !important;
    border-radius: 8px !important;
    background-color: #009CEB !important;
    color: #ffffff !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
    font-weight: bold !important;
    justify-content: center !important;
    white-space: nowrap !important;
  }
  
  /* Remove ALL desktop overrides */
  footer .wpforms-submit-container {
    padding-top: 0 !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
  }
  
  /* Last field no bottom margin */
  footer .wpforms-container .wpforms-submit-container {
    margin-bottom: 0 !important;
  }
}

/* =========================================
   "CHECK OUT THIS RECIPE" BUTTON
   ========================================= */

/* Desktop - Style the specific recipe roundup button */
.wprm-recipe-roundup-link-inline-button,
.wprm-recipe-link-inline-button {
  background-color: #009CEB !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 12px 30px !important;
  font-weight: bold !important;
  font-size: 18px !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 45px !important;
  min-height: 45px !important;
  width: 250px !important;
  min-width: 250px !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
}

/* Recipe button hover */
.wprm-recipe-roundup-link-inline-button:hover,
.wprm-recipe-link-inline-button:hover {
  background-color: #1a5cc7 !important;
}

/* Tablet only (601px to 1024px) */
@media (min-width: 601px) and (max-width: 1024px) {
  .wprm-recipe-roundup-link-inline-button,
  .wprm-recipe-link-inline-button {
    font-size: 16px !important;
    width: 230px !important;
    min-width: 230px !important;
  }
}

/* Recipe Database Layout */
.wpupg-template-clone-the-overlaye-tempalte.wpupg-item-has-image .wpupg-template-clone-the-overlaye-tempalte-container{
	background-color:#005944 !important;
}

.wpupg-template-clone-the-overlaye-tempalte .wpupg-template-clone-the-overlaye-tempalte-container{
	padding: 8px !important;
}

/* Mobile and Tablet view - up to 1024px */
@media (max-width: 1024px) {
  .wpupg-template-clone-the-overlaye-tempalte {
    font-size: 12px !important;
  }
}

/* =========================================
   SEARCH BUTTON HOVER COLOR
   ========================================= */

/* Search button hover color */
.wp-block-search__button:hover,
.search-form button[type="submit"]:hover,
button.wp-block-search__button:hover {
  background: #1a5cc7 !important;
}

.post-page-numbers.current .page-link, .ast-pagination .page-numbers.current {
  border-color: #009ceb !important;
  background-color: #009ceb !important;
}

#wpupg-grid-recourse-page-filter-filter-2 .wpupg-filter-checkboxes-term-container{
	margin-bottom: 15px;
}

.wpupg-template-clone-the-overlaye-tempalte {
  border-style: none !important;
  border-width: 0px !important;
  border-color: #fff !important;
	border-radius: 8px !important;
}

.uagb-block-2c770608.is-grid .uagb-post__inner-wrap {
	border-radius: 8px !important;
}

.uagb-block-640157b7.is-grid .uagb-post__inner-wrap {
  border-radius: 8px !important;
}

.wp-block-button .wp-block-button__link{
	border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
	font-weight: bold !important;
  font-size: 18px !important;
	background-color: #009ceb !important;
}

.wp-block-button .wp-block-button__link:hover{
	background-color: #1a5cc7 !important;
}

/* Astra theme specific submenu stacking */
.main-header-menu .sub-menu {
    display: block !important;
    width: auto !important;
    min-width: 200px; /* Adjust as needed */
    max-width: max-content;
}

.main-header-menu .sub-menu li {
    display: block !important;
    width: 100% !important;
    float: none !important;
    border: none !important;
    border-right: none !important;
    border-left: none !important;
}

.ast-desktop .main-header-menu .sub-menu {
    display: block !important;
}

/* Remove the | separator */
.main-header-menu .sub-menu li::before,
.main-header-menu .sub-menu li::after {
    content: none !important;
    display: none !important;
}

.main-header-menu .sub-menu .menu-link::before,
.main-header-menu .sub-menu .menu-link::after {
    content: none !important;
    display: none !important;
}

/* Remove any borders that might be creating the separator */
.main-header-menu .sub-menu li {
    border: none !important;
}

.main-header-menu .sub-menu .menu-link {
    border: none !important;
}

/* Ensure proper width */
.main-header-menu .menu-item-has-children .sub-menu {
    width: auto !important;
    white-space: nowrap;
}

/* Additional separator removal */
.ast-desktop .main-header-menu .sub-menu li:not(:last-child)::after {
    display: none !important;
}

.main-header-menu .sub-menu li + li::before {
    display: none !important;
}

/* DESKTOP ONLY - Background color */
@media (min-width: 922px) {
    .main-header-menu .sub-menu {
        background-color: #f2efea !important;
    }
    
    .ast-desktop .main-header-menu .sub-menu {
        background-color: #f2efea !important;
    }
}

/* DESKTOP ONLY - Submenu hover underline matching main menu */
@media (min-width: 922px) {
    .main-header-menu .sub-menu {
        background-color: #f2efea !important;
    }
    
    .ast-desktop .main-header-menu .sub-menu {
        background-color: #f2efea !important;
    }
    
    /* Hover underline matching main menu - 2px thickness */
    .main-header-menu .sub-menu .menu-link:hover .menu-text {
        text-decoration: underline;
        text-decoration-thickness: 2px;
        text-underline-offset: 4px; 
    }
}

/* ========================================
   PLEDGE FORM (3603) - ALL FIELDS 60% WIDTH
   ======================================== */

/* DESKTOP ONLY - Force ALL fields to 60% */
@media (min-width: 1025px) {
  
  /* Name field container */
  #wpforms-3603 div.wpforms-field-name {
    width: 60% !important;
    max-width: 60% !important;
  }
  
  /* Title field */
  #wpforms-3603 div.wpforms-field-text {
    width: 60% !important;
    max-width: 60% !important;
  }
  
  /* Email field */
  #wpforms-3603 div.wpforms-field-email {
    width: 60% !important;
    max-width: 60% !important;
  }
  
  /* Phone field */
  #wpforms-3603 div.wpforms-field-phone {
    width: 60% !important;
    max-width: 60% !important;
  }
  
  /* Textarea fields */
  #wpforms-3603 div.wpforms-field-textarea {
    width: 60% !important;
    max-width: 60% !important;
  }
  
  /* Select/Dropdown fields */
  #wpforms-3603 div.wpforms-field-select {
    width: 60% !important;
    max-width: 60% !important;
  }
  
  /* Radio button fields */
  #wpforms-3603 div.wpforms-field-radio {
    width: 60% !important;
    max-width: 60% !important;
  }
  
  /* Checkbox fields */
  #wpforms-3603 div.wpforms-field-checkbox {
    width: 60% !important;
    max-width: 60% !important;
  }
  
  /* Number fields */
  #wpforms-3603 div.wpforms-field-number {
    width: 60% !important;
    max-width: 60% !important;
  }
  
  /* Date fields */
  #wpforms-3603 div.wpforms-field-date-time {
    width: 60% !important;
    max-width: 60% !important;
  }
  
  /* Signature field */
  #wpforms-3603 div.wpforms-field-signature {
    width: 60% !important;
    max-width: 60% !important;
  }
}

/* Tablet - Full width */
@media (max-width: 1024px) {
  #wpforms-3603 .wpforms-field {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* All inputs full width within their container */
#wpforms-3603 input[type="text"],
#wpforms-3603 input[type="tel"],
#wpforms-3603 input[type="email"],
#wpforms-3603 textarea,
#wpforms-3603 select {
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 10px 12px !important;
  border: 1px solid #ddd !important;
  border-radius: 4px !important;
}

/* Focus - Blue border */
#wpforms-3603 input:focus,
#wpforms-3603 textarea:focus,
#wpforms-3603 select:focus {
  border-color: #009ceb !important;
  outline: none !important;
  box-shadow: 0 0 0 1px rgba(0, 156, 235, 0.4) !important;
}

/* Labels wrap */
#wpforms-3603 .wpforms-field-label {
  word-wrap: break-word !important;
  white-space: normal !important;
  line-height: 1.5 !important;
  margin-bottom: 8px !important;
}

/* Radio buttons */
#wpforms-3603 .wpforms-field-radio ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

#wpforms-3603 .wpforms-field-radio li {
  margin-bottom: 10px !important;
}

/* Checkboxes */
#wpforms-3603 .wpforms-field-checkbox ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

#wpforms-3603 .wpforms-field-checkbox li {
  margin-bottom: 10px !important;
}

/* Button */
#wpforms-3603 button[type="submit"],
#wpforms-3603 .wpforms-page-button {
  background-color: #009CEB !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 12px 30px !important;
  font-weight: bold !important;
  font-size: 18px !important;
  height: 45px !important;
  width: 200px !important;
}

#wpforms-3603 button[type="submit"]:hover,
#wpforms-3603 .wpforms-page-button:hover {
  background-color: #1a5cc7 !important;
}

.wpforms-container input.wpforms-field-medium{
	max-width: 100%;
} 

.wpforms-container .wpforms-field-row.wpforms-field-medium {
  max-width: 100%;
}

/* ========================================
   PREVIEW PAGE - Complete Styling
   ======================================== */

/* Desktop - Preview content at 60% width */
@media (min-width: 1025px) {
  #wpforms-3603 .wpforms-page-preview .wpforms-field {
    width: 60% !important;
    max-width: 60% !important;
  }
  
  #wpforms-3603 .wpforms-page-preview .wpforms-field-container {
    display: block !important;
  }
  
  /* Buttons side by side */
  #wpforms-3603 .wpforms-page-button-container {
    display: flex !important;
    gap: 15px !important;
    align-items: center !important;
  }
  
  #wpforms-3603 .wpforms-page-button {
    margin: 0 !important;
  }
}

/* Tablet - Buttons side by side, content full width */
@media (max-width: 1024px) and (min-width: 768px) {
  #wpforms-3603 .wpforms-page-preview .wpforms-field {
    width: 100% !important;
    max-width: 100% !important;
  }
  
  #wpforms-3603 .wpforms-page-button-container {
    display: flex !important;
    gap: 15px !important;
    align-items: center !important;
  }
  
  #wpforms-3603 .wpforms-page-button {
    margin: 0 !important;
  }
}

/* Mobile - Stack buttons, full width content */
@media (max-width: 767px) {
  #wpforms-3603 .wpforms-page-preview .wpforms-field {
    width: 100% !important;
    max-width: 100% !important;
  }
  
  #wpforms-3603 .wpforms-page-button-container {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
  }
  
  #wpforms-3603 .wpforms-page-button {
    width: 100% !important;
    max-width: 300px !important;
  }
}

/* Preview field styling */
#wpforms-3603 .wpforms-page-preview .wpforms-field {
  margin-bottom: 20px !important;
}

#wpforms-3603 .wpforms-page-preview .wpforms-field-label {
  font-weight: 600 !important;
  margin-bottom: 5px !important;
  color: #333 !important;
  font-size: 16px !important;
}

#wpforms-3603 .wpforms-page-preview .wpforms-field-value {
  color: #666 !important;
  line-height: 1.6 !important;
  word-wrap: break-word !important;
  background: #f9f9f9 !important;
  padding: 10px !important;
  border-radius: 4px !important;
  border: 1px solid #e0e0e0 !important;
}

/* Preview heading */
#wpforms-3603 .wpforms-page-preview h3 {
  margin-bottom: 20px !important;
  font-size: 20px !important;
}

/* Preview message */
#wpforms-3603 .wpforms-page-preview .wpforms-notice {
  margin-bottom: 25px !important;
}

/* Previous button (gray) */
#wpforms-3603 button.wpforms-page-prev,
#wpforms-3603 .wpforms-page-prev {
  background-color: #6c757d !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 12px 30px !important;
  font-weight: bold !important;
  font-size: 18px !important;
  height: 45px !important;
  width: 200px !important;
  cursor: pointer !important;
}

#wpforms-3603 button.wpforms-page-prev:hover,
#wpforms-3603 .wpforms-page-prev:hover {
  background-color: #5a6268 !important;
}

.wprm-recipe-template-cloneing-template-for-button-color-change .wprm-summary-container {
  padding: 12px 19px 17px 13px !important;
}

.wprm-block-text-normal{
	padding-bottom: 10px;
}

/* Desktop logo size: 160 x 68 */
.site-header .custom-logo,
.site-header .custom-logo-link img,
.site-logo-img img {
    width: 160px !important;
    height: 68px !important;
    max-width: 160px !important;
    display: block !important;
}

/* Remove any extra spacing */
.site-header .custom-logo-link {
    display: block !important;
    line-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Tablet: 105 x 45 */
@media (max-width: 921px) {
    .site-header .custom-logo,
    .site-header .custom-logo-link img,
    .site-logo-img img {
        width: 105px !important;
        height: 45px !important;
        max-width: 105px !important;
    }
		 .ast-builder-layout-element .ast-site-identity {
   margin-top: 0px !important;
    margin-left: 10px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
  }
}

/* Mobile: 105 x 45 */
@media (max-width: 544px) {
    .site-header .custom-logo,
    .site-header .custom-logo-link img,
    .site-logo-img img {
        width: 105px !important;
        height: 45px !important;
        max-width: 105px !important;
    }
	 .ast-builder-layout-element .ast-site-identity {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
    margin-right: 0px;
}
}

@media (min-width: 768px) {
  .wpforms-form .wpforms-field-checkbox li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
  }

  .wpforms-form .wpforms-field-checkbox input[type="checkbox"] {
    width: auto !important;
    margin: 4px 0 0 !important;
    flex: 0 0 auto;
  }

  .wpforms-form .wpforms-field-checkbox label {
    margin: 0 !important;
    line-height: 1.5;
    flex: 1 1 auto;
  }
}

/* Image/card containers */
.wp-block-post-featured-image,
.wp-block-image,
.post-thumbnail,
.wp-block-query .wp-block-post,
.recipe-card,
.card,
.wprm-credit-image-wrap {
  position: relative !important;
  overflow: hidden !important;
}

/* Default: small i icon bottom-right */
.asyncimagecreditscredit.asyncimagecreditsinfoicon {
  position: absolute !important;
  right: 12px !important;
  bottom: 12px !important;
  left: auto !important;
  top: auto !important;

  z-index: 99999 !important;
  cursor: pointer !important;
}

/* Custom SVG info icon */
.asyncimagecreditscredit .asyncimagecreditsi {

  width: 17px !important;
  height: 18px !important;

  display: block !important;

  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='12' fill='black' fill-opacity='0.4'/%3E%3Cpath d='M12 20.75C7.16751 20.75 3.25 16.8325 3.25 12C3.25 7.16751 7.16751 3.25 12 3.25C16.8325 3.25 20.75 7.16751 20.75 12C20.75 16.8325 16.8325 20.75 12 20.75ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z' fill='white'/%3E%3Cpath d='M13.1634 10.2349L10.2996 10.5938L10.1971 11.0698L10.761 11.1724C11.1272 11.2603 11.2005 11.3921 11.1199 11.7583L10.1971 16.0942C9.95537 17.2148 10.3289 17.7422 11.2078 17.7422C11.889 17.7422 12.68 17.4272 13.0389 16.9951L13.1487 16.4751C12.8997 16.6948 12.5335 16.7827 12.2918 16.7827C11.9476 16.7827 11.823 16.541 11.9109 16.1162L13.1634 10.2349Z' fill='white'/%3E%3Cpath d='M13.25 7.625C13.25 8.31536 12.6904 8.875 12 8.875C11.3096 8.875 10.75 8.31536 10.75 7.625C10.75 6.93464 11.3096 6.375 12 6.375C12.6904 6.375 13.25 6.93464 13.25 7.625Z' fill='white'/%3E%3C/svg%3E");

  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;

  text-indent: -9999px !important;
  overflow: hidden !important;

  border: none !important;
  border-radius: 0 !important;

  font-size: 0 !important;
  line-height: 0 !important;

  background-color: transparent !important;
}

/* Hide credit text until clicked */
.asyncimagecreditscredit .asyncimagecreditstooltip {
  display: none !important;
}

/* When clicked, turn the whole credit into a full black bar */
.asyncimagecreditscredit.aic-active {
  right: 0 !important;
  bottom: 0 !important;
  top: auto !important;

  width: 100% !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;

  padding: 8px 12px !important;

  background: #000 !important;
  color: #fff !important;
background-color: #00352C !important;
  border-radius: 0 0 16px 16px !important;

  box-sizing: border-box !important;
}

/* Show credit text inside the black bar */
.asyncimagecreditscredit.aic-active .asyncimagecreditstooltip {
  display: inline-block !important;
  position: static !important;

  width: auto !important;
  max-width: calc(100% - 34px) !important;

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

  background: transparent !important;
  color: #fff !important;

  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  text-align: right !important;
  white-space: normal !important;
}

/* Change i icon style when bar is open */
.asyncimagecreditscredit.aic-active .asyncimagecreditsi {
  width: 22px !important;
  height: 22px !important;

  /* border: 2px solid #fff !important;*/
  /*background: transparent !important;
  color: #fff !important;*/

  flex-shrink: 0 !important;
}

/* Fix all radio fields on Pledge form */
#wpforms-form-3603 .wpforms-field-radio ul {
  display: block !important;
  width: 100% !important;
}

#wpforms-form-3603 .wpforms-field-radio li {
  display: grid !important;
  grid-template-columns: 20px auto !important;
  column-gap: 10px !important;
  align-items: start !important;
  width: 100% !important;
  margin-bottom: 12px !important;
}

#wpforms-form-3603 .wpforms-field-radio input[type="radio"] {
  grid-column: 1 !important;
  position: static !important;
  margin: 4px 0 0 0 !important;
  width: 16px !important;
  height: 16px !important;
}

#wpforms-form-3603 .wpforms-field-radio .wpforms-field-label-inline {
  grid-column: 2 !important;
  display: block !important;
  width: auto !important;
  margin: 0 !important;
  text-align: left !important;
}

/* Services page: only UAGB info boxes with image above title */
.uagb-infobox-icon-above-title .uagb-ifb-image-content {
  position: relative !important;
  display: block !important;
  overflow: hidden !important;
}

.uagb-infobox-icon-above-title .uagb-ifb-image-content img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

/* Position credit only on image-above-title cards */
.uagb-infobox-icon-above-title .uagb-ifb-image-content .asyncimagecreditscredit.asyncimagecreditsinfoicon {
  position: absolute !important;
  right: 12px !important;
  bottom: 30px !important;
  left: auto !important;
  top: auto !important;
  z-index: 99999 !important;
}

/* Full bar only inside image-above-title cards when clicked */
.uagb-infobox-icon-above-title .uagb-ifb-image-content .asyncimagecreditscredit.aic-active {
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
}

/* Keep active credit bar inside image area only */
.uagb-infobox-icon-above-title .uagb-ifb-image-content .asyncimagecreditscredit.aic-active {
  position: absolute !important;

  left: 0 !important;
  right: 0 !important;
  bottom: 20px !important;
  top: auto !important;

  width: 100% !important;
  margin: 0 !important;

  box-sizing: border-box !important;
}

/* Services page: UAGB icon-left image credit placement */
.uagb-infobox-icon-left .uagb-ifb-image-content {
  position: relative !important;
  display: inline-block !important;
  overflow: hidden !important;
}

.uagb-infobox-icon-left .uagb-ifb-image-content img {
  display: block !important;
}

/* Hide image credit icons only in Training and employee engagement section */
.uagb-block-a72f03b0 .asyncimagecreditscredit,
.uagb-block-a6eb1947 .asyncimagecreditscredit,
.uagb-block-15781a65 .asyncimagecreditscredit,
.uagb-block-66a6c68d .asyncimagecreditscredit {
  display: none !important;
}

body.page-id-16 .asyncimagecreditscredit.asyncimagecreditsinfoicon {
  display: none !important;
}

/* Hide image credit "i" icon only on Recipes and Resources listing pages */
body.page-id-16 .asyncimagecreditscredit.asyncimagecreditsinfoicon,
body.page-id-3563 .asyncimagecreditscredit.asyncimagecreditsinfoicon {
  display: none !important;
}

/* Remove grid animation/fade delay */
.wp-grid-builder .wpgb-card,
.wp-grid-builder .wpgb-card *,
.wpgb-grid,
.wpgb-grid * {
  transition: none !important;
  animation: none !important;
}

.uagb-post-pagination-wrap span.page-numbers.current{
	border: 1px solid #009ceb;
  border-radius: 8px;
	color: #009ceb;
  font-size: 20px;
  margin: 5px 5px;
  padding: 5px 10px;
	font-size: 20px;
}
.uagb-block-c829f6de .uagb-post-pagination-wrap a {
  font-size: 20px;
	background-color: #ffffff;
  color: #009ceb;
  border: 1px solid #009ceb;
  border-radius: 8px;
  margin: 5px 5px;
  padding: 5px 10px;
}

.uagb-block-c829f6de .uagb-post-pagination-wrap a:hover {
  outline: none;
  border-color: #009ceb;
  background-color: #009ceb;
  color: #FFFFFF;
}

/* Services page: How we help image-credit fix only */
.uagb-block-5f6ce237 .uagb-ifb-image-content,
.uagb-block-60ae8a2e .uagb-ifb-image-content,
.uagb-block-6e2228d4 .uagb-ifb-image-content {
  position: relative !important;
  display: block !important;
  overflow: hidden !important;
}

/* Keep images clean inside wrapper */
.uagb-block-5f6ce237 .uagb-ifb-image-content img,
.uagb-block-60ae8a2e .uagb-ifb-image-content img,
.uagb-block-6e2228d4 .uagb-ifb-image-content img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

/* Position the i icon only for this How we help section */
.uagb-block-5f6ce237 .asyncimagecreditscredit.asyncimagecreditsinfoicon,
.uagb-block-60ae8a2e .asyncimagecreditscredit.asyncimagecreditsinfoicon,
.uagb-block-6e2228d4 .asyncimagecreditscredit.asyncimagecreditsinfoicon {
  position: absolute !important;
  right: 12px !important;
  bottom: 20px !important;
  left: auto !important;
  top: auto !important;
  z-index: 99999 !important;
}

/* Keep opened black bar inside these images only */
.uagb-block-5f6ce237 .asyncimagecreditscredit.asyncimagecreditsinfoicon.aic-active,
.uagb-block-60ae8a2e .asyncimagecreditscredit.asyncimagecreditsinfoicon.aic-active,
.uagb-block-6e2228d4 .asyncimagecreditscredit.asyncimagecreditsinfoicon.aic-active {
  left: 0 !important;
  right: 0 !important;
  bottom: 20px !important;
  top: auto !important;

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

  box-sizing: border-box !important;
}

/* Remove rounded corners for homepage + Services How we help image credit bars */
.wprm-image-container .asyncimagecreditscredit.aic-active,
.uagb-post__image .asyncimagecreditscredit.aic-active,
.uagb-block-5f6ce237 .asyncimagecreditscredit.asyncimagecreditsinfoicon.aic-active,
.uagb-block-60ae8a2e .asyncimagecreditscredit.asyncimagecreditsinfoicon.aic-active,
.uagb-block-6e2228d4 .asyncimagecreditscredit.asyncimagecreditsinfoicon.aic-active {
  border-radius: 0 !important;
}


/* Side-by-side UAGB image credit fix without breaking layout */
.uagb-infobox-icon-left .uagb-ifb-image-content {
  position: relative !important;
  overflow: hidden !important;
}

/* Normal i icon placement */
.uagb-infobox-icon-left 
.uagb-ifb-image-content 
.asyncimagecreditscredit.asyncimagecreditsinfoicon {

  position: absolute !important;

  right: 25px !important;
  bottom: 15px !important;

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

  z-index: 99999 !important;
}

/* Open credit bar inside the image */
.uagb-infobox-icon-left 
.uagb-ifb-image-content 
.asyncimagecreditscredit.asyncimagecreditsinfoicon.aic-active {

  position: absolute !important;

  left: 0 !important;
  right: auto !important;
  bottom: 0 !important;
  top: auto !important;

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

  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;

  padding: 8px 12px !important;
  margin: 0 !important;

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

  border-radius: 0 !important;
}

/* WPForms field styling */
.wpforms-form input,
.wpforms-form textarea,
.wpforms-form select {
  border: 1px solid #cccccc !important;
  border-radius: 8px !important;
  padding: 10px !important;
  transition: all 0.2s ease-in-out;
}

/* Focus state */
.wpforms-form input:focus,
.wpforms-form textarea:focus,
.wpforms-form select:focus {
  border-color: #009ceb !important;
  outline: none !important;
  box-shadow: 0 0 0 1px #009ceb !important;
}


/* WPForms Submit Button */
.entry-content .wpforms-container button[type="submit"],
.entry-content .wpforms-container .wpforms-submit,
main .wpforms-container button[type="submit"],
main .wpforms-container .wpforms-submit {
  padding: 0px 24px !important;
}



html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

#page,
.site,
.site-content,
.entry-content,
.uagb-is-root-container,
.uagb-container-inner-blocks-wrap {
  max-width: 100%;
  overflow-x: hidden;
}