/* Generated bundle — edit the source stylesheets, not this file. */

/* --- manrope.css --- */
/* Manrope — self-hosted.
 *
 * Previously loaded from fonts.googleapis.com, which was a render-blocking stylesheet
 * on a third-party origin: the browser paid a DNS + TCP + TLS handshake to
 * fonts.googleapis.com before it could even discover the font URLs, then a second
 * handshake to fonts.gstatic.com to fetch them. Serving the files ourselves removes
 * both, and these @font-face rules ride along inside the existing CSS bundle, so they
 * cost no request at all.
 *
 * Manrope is a variable font (wght axis 200-800), so ONE file per subset covers every
 * weight the site uses (300/400/500/700) - Google's own CSS pointed all four weights at
 * the same URL. Only the latin and latin-ext subsets are shipped; the cyrillic, greek
 * and vietnamese subsets Google also serves are not used by this site's content.
 * unicode-range is kept so the browser skips latin-ext unless a page needs it.
 *
 * Source: https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;700&display=swap
 * (Manrope v20, SIL Open Font License 1.1 — redistribution and self-hosting permitted.)
 */

/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('/wp-content/themes/uovo/fonts/manrope-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('/wp-content/themes/uovo/fonts/manrope-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* --- uovo.css --- */
:root {
  --Primary: #0000C8;
  --Danger: #F57E77;
  --Black-1: #CFD3D4;
  --Black-4: #5E6366;
  --InputDefaultBackground: rgba(239, 241, 249, 0.60);
  --InputDisabledBackground: #F2F4F5;
  --InputDisabledBorder: #CFD3D4;
  --InputDisabledColor: #ABAFB1;
}

.gform_required_legend {
  display: none;
}

.gform_body .gform_fields > div.gfield {
  position: relative;
  padding: 0px;
}
.gform_body .gform_fields > div.gfield > .gfield_label {
  position: absolute;
  left: 12px;
  top: 8px;
  column-gap: 4px;
  color: var(--Primary);
  font-size: 10px;
  font-weight: 400;
  line-height: 13px;
  text-transform: uppercase;
  z-index: 3;
}
.gform_body .gform_fields > div.gfield > .gfield_label .gfield_required {
  color: var(--Danger);
  font-size: 10px;
  font-weight: 400;
  line-height: 13px;
}
.gform_body .gform_fields > div.gfield .ginput_container {
  position: relative;
}


.gform_body .gform_fields > .gfield--type-text input,
.gform_body .gform_fields > .gfield--type-email input,
.gform_body .gform_fields > .gfield--type-phone input,
.gform_body .gform_fields > .gfield--type-textarea textarea {
  height: auto;
  width: 100%;
  padding: 29px 12px 7px;
  background: none !important;
  border: 1px solid var(--Primary);
  border-radius: 4px;
  box-shadow: none;
  color: var(--Primary);
  font-size: 14px;
  line-height: 17px;
}
.gform_body .gform_fields > .gfield--type-text input:focus,
.gform_body .gform_fields > .gfield--type-email input:focus,
.gform_body .gform_fields > .gfield--type-phone input:focus,
.gform_body .gform_fields > .gfield--type-textarea textarea:focus {
  background-color: var(--InputDefaultBackground);
  border-color: var(--Primary);
  box-shadow: none !important;
  outline: none !important;
}
.gform_body .gform_fields > .gfield--type-text input::placeholder,
.gform_body .gform_fields > .gfield--type-email input::placeholder,
.gform_body .gform_fields > .gfield--type-phone input::placeholder,
.gform_body .gform_fields > .gfield--type-textarea textarea::placeholder {
  color: var(--Black-4);
}
.gform_body .gform_fields > .gfield--type-text .ginput_container.gfield-filled::after,
.gform_body .gform_fields > .gfield--type-email .ginput_container.gfield-filled::after,
.gform_body .gform_fields > .gfield--type-phone .ginput_container.gfield-filled::after {
  content: '';
  display: block;
  position: absolute;
  right: 17px;
  top: 50%;
  height: 18px;
  width: 18px;
  transform: translateY(-50%);
  background-image: url('/wp-content/plugins/uovo/checkmark-filled.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 3;
}

/* Error - Input Field Styles */
.gform_body .gform_fields > .gfield--type-text.gfield_error input[type="text"],
.gform_body .gform_fields > .gfield--type-email.gfield_error input[type="email"],
.gform_body .gform_fields > .gfield--type-phone.gfield_error input[type="tel"],
.gform_body .gform_fields > .gfield--type-textarea.gfield_error textarea {
  border-color: var(--Danger);
}
.gform_body .gform_fields > .gfield--type-text.gfield_error input[type="text"]::placeholder,
.gform_body .gform_fields > .gfield--type-email.gfield_error input[type="email"]::placeholder,
.gform_body .gform_fields > .gfield--type-phone.gfield_error input[type="tel"]::placeholder,
.gform_body .gform_fields > .gfield--type-textarea.gfield_error textarea::placeholder {
  color: var(--Danger);
}
.gform_body .gform_fields > .gfield--type-text.gfield_error > .gfield_label,
.gform_body .gform_fields > .gfield--type-email.gfield_error > .gfield_label,
.gform_body .gform_fields > .gfield--type-phone.gfield_error > .gfield_label,
.gform_body .gform_fields > .gfield--type-textarea.gfield_error > .gfield_label {
  color: var(--Danger);
}
.gform_body .gform_fields > .gfield > .gfield_validation_message {
  margin-top: 6px;
  color: var(--Danger);
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
}

/* Disabled - Input Field Styles */
.gform_body .gform_fields > .gfield--type-text.disabled > .gfield_label,
.gform_body .gform_fields > .gfield--type-email.disabled > .gfield_label,
.gform_body .gform_fields > .gfield--type-phone.disabled > .gfield_label,
.gform_body .gform_fields > .gfield--type-textarea.disabled > .gfield_label,
.gform_body .gform_fields > .gfield--type-text.disabled > .gfield_label .gfield_required,
.gform_body .gform_fields > .gfield--type-email.disabled > .gfield_label .gfield_required,
.gform_body .gform_fields > .gfield--type-phone.disabled > .gfield_label .gfield_required,
.gform_body .gform_fields > .gfield--type-textarea.disabled > .gfield_label .gfield_required {
  color: var(--InputDisabledColor);
}
.gform_body .gform_fields > .gfield--type-text input:disabled,
.gform_body .gform_fields > .gfield--type-email input:disabled,
.gform_body .gform_fields > .gfield--type-phone input:disabled,
.gform_body .gform_fields > .gfield--type-textarea textarea:disabled {
  color: var(--InputDisabledColor);
  background: var(--InputDisabledBackground) !important;
  border-color: var(--InputDisabledBorder);
}
.gform_body .gform_fields > .gfield--type-text input:disabled::placeholder,
.gform_body .gform_fields > .gfield--type-email input:disabled::placeholder,
.gform_body .gform_fields > .gfield--type-phone input:disabled::placeholder,
.gform_body .gform_fields > .gfield--type-textarea textarea:disabled::placeholder {
  color: var(--InputDisabledColor);
}

/* Email - Input Field Styles */
.gform_body .gform_fields > .gfield input[type="email"] {
  padding-left: 46px;
}
.gform_body .gform_fields > .gfield--type-email > .gfield_label {
  left: 46px;
}
.gform_body .gform_fields > .gfield--type-email .ginput_container::before {
  content: '';
  display: block;
  position: absolute;
  left: 17px;
  top: 50%;
  height: 16px;
  width: 16px;
  transform: translateY(-50%);
  background-image: url('/wp-content/plugins/uovo/email-input-icon.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 3;
}
.gform_body .gform_fields > .gfield--type-email.disabled .ginput_container::before {
  background-image: url('/wp-content/plugins/uovo/email-input-icon-disabled.svg');
}
.gform_body .gform_fields > .gfield--type-email.gfield_error .ginput_container::before {
  background-image: url('/wp-content/plugins/uovo/email-input-icon-error.svg');
}

/* Checkbox - Input Field Styles */
.gform_body .gform_fields > .gfield--type-choice .gfield_checkbox .gchoice .gform-field-label {
  margin-left: 8px;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
}
.gform_body .gform_fields > .gfield--type-choice.gfield_error .gfield_checkbox .gchoice .gform-field-label {
  color: var(--Danger);
}
.gform_body .gform_fields > .gfield--type-choice .gfield_checkbox .gchoice input {
  height: 18px;
  width: 18px;
  appearance: none;
  border: none;
  border-radius: 0px;
  box-shadow: none !important;
  background: url('/wp-content/plugins/uovo/checkbox-unchecked.svg');
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
.gform_body .gform_fields > .gfield--type-choice .gfield_checkbox .gchoice input::before {
  content: none !important;
}
.gform_body .gform_fields > .gfield--type-choice .gfield_checkbox .gchoice input:focus {
  box-shadow: none !important;
  outline: none !important;
}
.gform_body .gform_fields > .gfield--type-choice.gfield_error .gfield_checkbox .gchoice input {
  background: url('/wp-content/plugins/uovo/checkbox-unchecked-error.svg');
}
.gform_body .gform_fields > .gfield--type-choice .gfield_checkbox .gchoice input:checked {
  background: url('/wp-content/plugins/uovo/checkbox-checked.svg');
}

/* Select - Input Field Styles */
.gform_body .gform_fields select {
  height: auto;
  padding: 29px 12px 7px;
  background: none !important;
  border: 1px solid var(--Primary);
  border-radius: 4px;
  box-shadow: none !important;
  color: var(--Primary);
  font-size: 14px;
  line-height: 17px;
}

/* Enhanced Select - Input Field Styles */
.gform_body .gform_fields .chosen-container {
  width: 100%;
}
.gform_body .gform_fields .chosen-container .chosen-single {
  height: auto;
  padding: 29px 12px 7px;
  background: none !important;
  border: 1px solid var(--Primary);
  border-radius: 4px;
  box-shadow: none !important;
  color: var(--Primary);
  font-size: 14px;
  line-height: 17px;
}

/* Multi-Select - Input Field Styles */
.gform_body .gform_fields .ginput_container_multiselect .chosen-container {
  border: none !important;
  box-shadow: none !important;
}
.gform_body .gform_fields .ginput_container_multiselect .chosen-container .chosen-choices {
  height: auto;
  padding: 29px 12px 7px;
  background: none !important;
  border: 1px solid var(--Primary);
  border-radius: 4px;
  box-shadow: none !important;
}
.gform_body .gform_fields .ginput_container_multiselect .chosen-container .chosen-choices .chosen-search-input {
  height: 100%;
  min-height: 17px;
  margin: 0px !important;
  padding: 0px !important;
  border: none ;
  font-size: 14px;
  line-height: 17px;
}
.gform_body .gform_fields .ginput_container_multiselect .chosen-container .chosen-choices .search-choice {
  padding: 5px 24px 5px 8px;
}
.gform_body .gform_fields .ginput_container_multiselect .chosen-container .chosen-choices .search-choice span {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
}
.gform_body .gform_fields .ginput_container_multiselect .chosen-container .chosen-choices .search-choice .search-choice-close {
  background-image: url('/wp-content/plugins/uovo/multiselect-checkbox-X.svg') !important;
  background-position: center center !important;
  background-size: 8px 8px !important;
}
.gform_body .gform_fields .ginput_container_multiselect .chosen-container .chosen-choices .search-choice .search-choice-close::before {
  content: none !important;
}

/* --- form.css --- */
/**
  * Uovo Form Styles
  *
  * Table of Contents
  * ---------------------
  * Variables
  * Toggle Styles
  * Drawer Layout Styles
  * Drawer Header Styles
  * Drawer Field Styles
  * Drawer Footer Styles
  * Text Input - Input Field Styles
  * Name - Input Field Styles
  * Radio - Input Field Styles
  * Buttons - Input Field Styles
  */

/* Variables */
:root {
  --Primary: #0000C8;
  --Ice: #80A5D1;
  --InputDisabledBackground: #F2F4F5;
  --InputDisabledBorder: #CFD3D4;
  --InputDisabledColor: #ABAFB1;
  --InputPlaceholderColor: #80A5D1;
}

/* Toggle Styles */
#uovo-form-toggle {
  display: flex;
  position: fixed;
  z-index: 1;
  height: 57px;
  width: 178px;
  right: 50px;
  bottom: 50px;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
  padding: 10px;
  background-color: var(--Ice);
  border: none;
  border-radius: 10px;
  cursor: pointer;
  
  /* Frost + tint */
  background: rgba(128, 165, 209, 0.8); /* #80A5D1 with transparency */
  backdrop-filter: blur(12px) saturate(140%);
  -webkit-backdrop-filter: blur(12px) saturate(140%);
  
  /* Depth */
  box-shadow:
    0 10px 30px rgba(0, 0, 0, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.45);
  
  transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease, border-color 180ms ease;

  
}

#uovo-form-toggle:hover {
  background: rgba(128, 165, 209, 1);
  border-color: rgba(255, 255, 255, 0.5);
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.5);
  transform: translateY(-1px);
}

@media (max-width: 800px) {
  
  
  #uovo-form-toggle {
    width: 90%;
    right: 0;
    left: 50%;
    bottom: 2rem;
    transform: translateX(-50%);
  }  
  
  #uovo-form-toggle:hover {
    color: var(--Primary);
    width: 90%;
    right: 0;
    left: 50%;
    bottom: 2rem;
    transform: translateX(-50%) !important;
  }
}


#uovo-form-toggle svg {
  display: block;
  height: auto;
  width: 22px;
  transform: rotate(45deg) scale(1);
  position: relative;
  transition: all 220ms ease;
}

#uovo-form-toggle:hover svg {
  transform: rotate(45deg) scale(1.15);
}

#uovo-form-toggle span {
  display: block;
  color: #fff;
  font-size: 19px;
  font-weight: 700;
}

/* Drawer Layout Styles */
.uovo-form-container {
  display: none;
  position: fixed;
  height: 100svh;
  width: 100vw;
  left: 0;
  top: 0;
  z-index: 99999999;
}
/* #uovo-form-overlay {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), url(/wp-content/plugins/uovo/<path-to-image>) lightgray 50% / cover no-repeat;
  filter: blur(2px);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
} */

/* #uovo-form-overlay.active {
  opacity: 1;
} */

#uovo-form-overlay {
  position: fixed;
  inset: 0;
  z-index: 900; /* below the flyout, above site */

  /* Subtle glass */
  background: rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(8px) saturate(110%);
  -webkit-backdrop-filter: blur(8px) saturate(110%);

  /* Smooth entrance */
  opacity: 0;
  pointer-events: none;
  transition: opacity 220ms ease;
}

#uovo-form-overlay.active {
  opacity: 1;
  pointer-events: auto;
}

#uovo-form-inner {
  position: relative;
  z-index: 1000;
  height: 100%;

  /* Frosted white glass */
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(14px) saturate(115%);
  -webkit-backdrop-filter: blur(14px) saturate(115%);

  /* Shape + depth */
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.55);
  box-shadow:
    0 20px 60px rgba(0, 0, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.6);

  /* Spacing */
  /* padding: clamp(1.25rem, 2vw, 2rem); */
}

#uovo-form-drawer {
  display: flex;
  position: absolute;
   z-index: 999;
  max-width: 450px;
  height: 100%;
  width: 100%;
  left: 100%;
  top: 0;
  padding: 1rem;
  flex-direction: column;
  /* background-color: #fff; */
  transform: translateX(0%);
  transition: transform 0.3s ease-in-out;
}
#uovo-form-drawer.active {
  transform: translateX(-100%);
}

@media (max-width: 800px) {
  
  #uovo-form-drawer {
    max-width: 100%;
  }
  
}


#uovo-form-drawer header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 0 0 auto;
  padding: 10px 35px 10px;
  border-bottom: 2px solid var(--Primary);
}
#uovo-form-drawer nav {
  display: flex;
  align-items: center;
  column-gap: 0px;
  flex: 0 0 auto;
  padding: 20px 45px 30px;
}
.uovo-form-fields {
  height: calc(100svh - 300px);
  overflow-y: auto;
  padding: 0 45px 45px;
  flex: 1 1 auto;
  box-sizing: border-box;
}
.uovo-form-fields-container {
  display: flex;
  flex-direction: column;
  row-gap: 35px;
}
#uovo-form-drawer footer {
  padding: 0 45px 45px;
  flex: 0 0 auto;
}

/* Drawer Header Styles */
#uovo-form-drawer header > div {
  padding-left: 10px;
  color: var(--Primary);
  font-size: 20px;
  font-weight: 500;
  line-height: 2;
}
#uovo-form-drawer header button {
  padding: 10px;
  background: none !important;
  border: none;
  line-height: 0;
}

/* Drawer Nav Styles */
#uovo-form-drawer nav .nav-back {
  display: flex;
  height: 24px;
  width: 24px;
  align-items: center;
  flex: 0 0 auto;
  justify-content: center;
  margin-left: -4px;
  padding: 4px;
  background: none;
  border: none;
  box-shadow: none;
  line-height: 0;
  cursor: pointer;
}
#uovo-form-drawer nav .nav-back.uovo-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
#uovo-form-drawer nav progress {
  display: block;
  height: 10px;
  width: 100%;
  flex: 1 1 auto;
  appearance: none;
  -webkit-appearance: none;
  border-radius: 5px;
  overflow: hidden;
  accent-color: var(--Primary) !important;
}
#uovo-form-drawer nav progress::-webkit-progress-bar {
  background-color: #c9c9c9;
}
#uovo-form-drawer nav progress::-webkit-progress-value,
#uovo-form-drawer nav progress::-moz-progress-bar {
  background-color: var(--Primary) !important;
}

progress::-webkit-progress-value {
background-color: #80A5D1 !important; 
}

/* Drawer Field Styles */
.uovo-field-group {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.uovo-hidden {
  display: none !important;
}
.uovo-h2 {
  margin: 0 0 12px;
  padding: 0;
  color: var(--Primary);
  font-size: 20px;
  font-weight: 500;
  line-height: 25px;
}
.uovo-h2 .uovo-required {
  color: var(--Danger);
}
.uovo-h3 {
  margin: 0 0 8px;
  padding: 0;
  color: var(--Primary);
  font-size: 11px;
  font-weight: 500;
  line-height: 13px;
  text-transform: uppercase;
}

/* Drawer Footer Styles */
#uovo-form-drawer footer .uovo-footer-required {
  margin: 0 0 15px;
  padding: 0;
  color: #5E6366;
  font-size: 10px;
  font-weight: 500;
  line-height: 12px;
}
#uovo-form-drawer footer .uovo-footer-required span {
  color: var(--Danger);
}

/* Text Input - Input Field Styles */
.uovo-form-fields .uovo-field-error {
  margin: 0 0 6px;
  color: var(--Danger);
  font-size: 11px;
  font-weight: 500;
  line-height: 13px;
}
.uovo-form-fields .uovo-field-ti {
  display: block;
  position: relative;
  width: 100%;
  color: var(--Primary);
  box-sizing: border-box;
}
.uovo-form-fields .uovo-field-ti label {
  position: absolute;
  top: 8px;
  left: 12px;
  color: var(--Primary);
  font-size: 11px;
  font-weight: 500;
  line-height: 13px;
  text-transform: uppercase;
}
.uovo-form-fields .uovo-field-ti label .uovo-required {
  color: var(--Danger);
}
.uovo-form-fields .uovo-field-ti input,
.uovo-form-fields .uovo-field-ti textarea {
  width: 100%;
  padding: 29px 12px 7px;
  background: none;
  border: 1px solid var(--Primary);
  border-radius: 4px;
  box-shadow: none;
  color: var(--Primary);
  font-size: 14px;
  line-height: 17px;
}
.uovo-form-fields .uovo-field-ti input::placeholder,
.uovo-form-fields .uovo-field-ti textarea::placeholder {
  color: var(--Primary);
}
.uovo-form-fields .uovo-disabled .uovo-field-ti,
.uovo-form-fields .uovo-disabled .uovo-field-ti label {
  color: var(--InputDisabledColor);
}
.uovo-form-fields .uovo-disabled .uovo-field-ti label .uovo-required {
  color: var(--InputDisabledColor);
}
.uovo-form-fields .uovo-disabled .uovo-field-ti input,
.uovo-form-fields .uovo-disabled .uovo-field-ti textarea {
  background-color: var(--InputDisabledBackground);
  border-color: var(--InputDisabledBorder);
  color: var(--InputDisabledColor);
}
.uovo-form-fields .uovo-disabled .uovo-field-ti input::placeholder,
.uovo-form-fields .uovo-disabled .uovo-field-ti textarea::placeholder {
  color: var(--InputDisabledColor);
}

/* Name - Input Field Styles */
.uovo-form-fields .uovo-field-name .uovo-field-inputs {
  display: flex;
  column-gap: 10px;
  box-sizing: border-box;
}

/* Phone - Input Field Styles */
.uovo-form-fields .uovo-field-phone svg {
  position: absolute;
  height: auto;
  width: 15px;
  left: 17px;
  top: 50%;
  transform: translateY(-50%);
}
.uovo-form-fields .uovo-field-phone label {
  left: 47px;
}
.uovo-form-fields .uovo-field-phone input {
  padding-left: 47px;
}

/* Email - Input Field Styles */
.uovo-form-fields .uovo-field-email svg {
  position: absolute;
  height: auto;
  width: 16px;
  left: 17px;
  top: 50%;
  transform: translateY(-50%);
}
.uovo-form-fields .uovo-field-email label {
  left: 47px;
}
.uovo-form-fields .uovo-field-email input {
  padding-left: 47px;
}

/* Radio - Input Field Styles */
.uovo-form-fields .uovo-field-radio .uovo-radio-options {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: auto;
  column-gap: 10px;
  row-gap: 10px;
}
.uovo-form-fields .uovo-radio {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border: 1px solid var(--Primary);
  border-radius: 4px;
  text-align: center;
}
.uovo-form-fields .uovo-radio input {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  margin: 0;
  opacity: 0;
  cursor: pointer;
  appearance: none;
}
.uovo-form-fields .uovo-radio .uovo-radio-label {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 8px;
  color: #5E6366;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
}
.uovo-form-fields .uovo-radio.active {
  background-color: var(--Primary);
}
.uovo-form-fields .uovo-radio.active .uovo-radio-label {
  color: #fff;
}

/* Textarea - Input Field Styles */
.uovo-form-fields .uovo-field-textarea textarea {
  min-height: 249px;
}

/* Checkbox - Input Field Styles */
.uovo-form-fields .uovo-checkbox {
  display: flex;
  align-items: flex-start;
  column-gap: 8px;
}
.uovo-form-fields .uovo-checkbox input {
  display: block;
  height: 18px;
  width: 18px;
  appearance: none;
  flex: 0 0 auto;
  border: none;
  border-radius: 0px;
  box-shadow: none !important;
  background: url('/wp-content/plugins/uovo/checkbox-unchecked.svg');
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
.uovo-form-fields .uovo-checkbox input:checked {
  background: url('/wp-content/plugins/uovo/checkbox-checked.svg');
}
.uovo-form-fields .uovo-checkbox span {
  display: block;
  flex: 1 1 auto;
  color: #5E6366;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
}

/* Multiselect - Input Field Styles */
.uovo-form-fields .uovo-field .uovo-field-multiselect {
  position: relative;
  width: 100%;
  padding: 29px 12px 7px;
  border: 1px solid var(--Primary);
  border-radius: 4px;
}
.uovo-form-fields .uovo-field .uovo-field-multiselect button {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  z-index: 2;
}
.uovo-form-fields .uovo-field .uovo-field-multiselect > label {
  position: absolute;
  top: 8px;
  left: 12px;
  color: var(--Primary);
  font-size: 11px;
  font-weight: 500;
  line-height: 13px;
  text-transform: uppercase;
}
.uovo-form-fields .uovo-field .uovo-field-multiselect > label .uovo-required {
  color: var(--Danger);
}
.uovo-form-fields .uovo-field .uovo-field-multiselect > .uovo-multiselect-placeholder {
  color: var(--Primary);
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
}
.uovo-form-fields .uovo-field .uovo-field-multiselect > svg {
  position: absolute;
  height: 23px;
  width: 23px;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.uovo-form-fields .uovo-field .uovo-field-multiselect.active .uovo-multiselect-options {
  display: flex !important;
}
.uovo-form-fields .uovo-field .uovo-field-multiselect .uovo-multiselect-options {
  display: none;
  position: absolute;
  column-gap: 8px;
  flex-wrap: wrap;
  height: auto;
  width: 100%;
  left: 0;
  padding: 8px;
  row-gap: 8px;
  top: calc(100% + 8px);
  background-color: #fff;
  border: 1px solid var(--Primary);
  border-radius: 4px;
  z-index: 10;
}
.uovo-multiselect-selected {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  column-gap: 8px;
  row-gap: 8px;
  flex-wrap: wrap;
}
.uovo-multiselect-option,
.uovo-multiselect-selected-option {
  display: flex;
  position: relative;
  align-items: center;
  column-gap: 8px;
  padding: 5px 8px;
  background-color: #CFD3D4;
  border-radius: 4px;
  z-index: 3;
}
.uovo-multiselect-option input,
.uovo-multiselect-selected-option input {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  margin: 0;
  opacity: 0;
  cursor: pointer;
  appearance: none;
}
.uovo-multiselect-option .uovo-multiselect-option-label,
.uovo-multiselect-selected-option .uovo-multiselect-option-label {
  display: block;
  color: #5E6366;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
}
.uovo-multiselect-option .uovo-multiselect-option-icon {
  display: block;
  height: 8px;
  width: 12px;
  background-image: url('/wp-content/plugins/uovo/multiselect-checkbox-check.svg');
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}
.uovo-multiselect-selected-option {
  background-color: var(--Primary);
}
.uovo-multiselect-selected-option .uovo-multiselect-option-label {
  color: #fff;
}
.uovo-multiselect-selected-option .uovo-multiselect-option-icon {
  display: block;
  height: auto;
  width: 12px;
}
.uovo-multiselect-option:hover {
  background-color: rgba(239, 241, 249, 0.60);
}
.uovo-multiselect-option:hover .uovo-multiselect-option-label {
  color: var(--Primary);
}
.uovo-multiselect-option:hover .uovo-multiselect-option-icon {
  background-image: url('/wp-content/plugins/uovo/multiselect-checkbox-check-hover.svg');
}
.uovo-multiselect-option.active {
  background-color: var(--Primary);
}
.uovo-multiselect-option.active .uovo-multiselect-option-label {
  color: #fff;
}
.uovo-multiselect-option.active .uovo-multiselect-option-icon {
  background-image: url('/wp-content/plugins/uovo/multiselect-checkbox-X.svg');
}

/* Select - Input Field Styles */
.uovo-form-fields .uovo-field .uovo-field-select {
  position: relative;
  width: 100%;
  padding: 29px 12px 7px;
  border: 1px solid var(--Primary);
  border-radius: 4px;
}
.uovo-form-fields .uovo-field .uovo-field-select > button {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  z-index: 2;
}
.uovo-form-fields .uovo-field .uovo-field-select > label {
  position: absolute;
  top: 8px;
  left: 12px;
  color: var(--Primary);
  font-size: 11px;
  font-weight: 500;
  line-height: 13px;
  text-transform: uppercase;
}
.uovo-form-fields .uovo-field .uovo-field-select > label .uovo-required {
  color: var(--Danger);
}
.uovo-form-fields .uovo-field .uovo-field-select > .uovo-select-placeholder,
.uovo-form-fields .uovo-field .uovo-field-select > .uovo-select-text {
  color: #5E6366;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
}
.uovo-form-fields .uovo-field .uovo-field-select > .uovo-select-text {
  color: var(--Primary);
}
.uovo-form-fields .uovo-field .uovo-field-select > svg {
  position: absolute;
  height: 23px;
  width: 23px;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.uovo-form-fields .uovo-field .uovo-field-select.active .uovo-select-options {
  display: flex !important;
}
.uovo-form-fields .uovo-field .uovo-field-select .uovo-select-options {
  display: none;
  position: absolute;
  flex-direction: column;
  height: auto;
  width: 100%;
  left: 0;
  padding: 15px 6px;
  row-gap: 2px;
  top: calc(100% + 8px);
  background-color: #fff;
  border: 1px solid var(--Primary);
  border-radius: 4px;
  z-index: 10;
}
.uovo-select-option {
  display: flex;
  position: relative;
  align-items: center;
  margin: 0;
  padding: 4px 6px;
  background-color: transparent;
  border: none;
  border-radius: 4px;
  color: #5E6366;
  font-size: 15px;
  font-weight: 500;
  line-height: 19px;
  z-index: 3;
}
.uovo-select-option:hover {
  background-color: rgba(239, 241, 249, 0.60);
  color: var(--Primary);
}
.uovo-select-option.active {
  background-color: var(--Primary);
  color: #fff;
}

/* File Upload - Input Field Styles */
.uovo-field-upload-droparea {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  row-gap: 10px;
  border: 1px solid var(--Primary);
  border-radius: 4px;
  padding: 20px;
  text-align: center;
  cursor: pointer;
}
.uovo-field-upload-droparea svg {
  display: block;
  height: 20px;
  width: auto;
  color: var(--Primary);
}
.uovo-field-upload-droparea div {
  color: var(--Primary);
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}
.uovo-field-upload-droparea p {
  margin: 0;
  padding: 0;
  color: #5E6366;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
}
.uovo-field-upload-file-uploaded {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  row-gap: 10px;
  border: 1px solid var(--Primary);
  border-radius: 4px;
  padding: 20px;
  text-align: center;
}
.uovo-field-upload-file-uploaded svg {
  display: block;
  height: 20px;
  width: auto;
  color: var(--Primary);
}
.uovo-field-upload-file-uploaded div {
  color: var(--Primary);
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}
.uovo-field-upload-file-list {
  display: flex;
  width: 100%;
  flex-direction: column;
  row-gap: 10px;
}
.uovo-field-upload-file-item {
  display: flex;
  width: 100%;
  align-items: center;
  padding: 5px 10px;
  background-color: var(--Primary);
  border: none;
  border-radius: 4px;
}
.uovo-field-upload-file-item p {
  flex: 1 1 auto;
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
  text-align: left;
}
.uovo-field-upload-file-item svg {
  display: block;
  height: auto;
  width: 8px;
  flex: 0 0 auto;
  padding: 0;
  color: #fff;
  line-height: 0;
}

/* Thank You Submission - Styles */
.uovo-thank-you-message {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding-top: 100px;
  text-align: center;
}
.uovo-thank-you-message h2 {
  margin: 30px 0 60px;
  padding: 0;
  color: var(--Primary);
  font-size: 50px;
  font-weight: 500;
  line-height: 1.1;
  text-align: center;
}
.uovo-thank-you-message p {
  margin: 0 0 30px;
  padding: 0;
  color: var(--Primary);
  font-size: 30px;
  font-weight: 500;
  line-height: 1.1;
  text-align: center;
}

/* Buttons - Input Field Styles */
.uovo-button {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  column-gap: 8px;
  padding: 18px;
  border: 1px solid var(--Primary);
  border-radius: 4px;
  box-shadow: none;
  background-color: var(--Primary);
  color: #fff;
}
.uovo-button:hover {
  background-color: rgba(239, 241, 249, 0.60);
  color: var(--Primary);
}
.uovo-button:disabled {
  background-color: var(--InputDisabledBackground);
  color: var(--InputDisabledColor);
  border: 1px solid var(--InputDisabledBorder);
}
.uovo-button span {
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  text-transform: uppercase;
}
.uovo-button.uovo-form-next svg {
  display: block;
  height: auto;
  width: 16px;
}
.uovo-button.uovo-form-submit svg {
  display: block;
  height: auto;
  width: 16px;
}
.uovo-button.uovo-form-reset {
  padding: 9px;
  background-color: transparent;
  color: #5E6366;
}
.uovo-button.uovo-form-reset span {
  font-weight: 500;
  text-transform: none;
}
.uovo-button.uovo-form-reset svg {
  display: block;
  height: auto;
  width: 10px;
}

.uovo-form-fields .uovo-radio {
  border-radius: .5rem;
}

.uovo-form-fields .uovo-field-ti input, .uovo-form-fields .uovo-field-ti textarea {
  border-radius: .5rem;
}

.uovo-button, #uovo-form-toggle {
 border-radius: .75rem; 
 transition: all 420ms ease;
 cursor: pointer;
}

.uovo-button:hover, #uovo-form-toggle:hover {
  border-radius: 1.1rem; 
}

/* .uovo-form-fields .uovo-radio .uovo-radio-label {
    color: var(--InputPlaceholderColor);
} */

 #uovo-form-drawer header {
  padding: 10px 1rem 10px;
}


#uovo-form-drawer nav {
  padding: 20px 1rem 30px;
}

.uovo-form-fields {
  padding: 0 1rem 45px;
}

#uovo-form-drawer footer {
  padding: 0 1rem 45px;
}

.uovo-form-fields .uovo-field-ti input::placeholder, .uovo-form-fields .uovo-field-ti textarea::placeholder {
  color: #666;
}

.uovo-form-fields .uovo-field-ti input, .uovo-form-fields .uovo-field-ti textarea {
  color: var(--Primary) !important;
}

@media (max-width: 800px) {
  
 
  
}
/* --------------------------------------------------------------
   Embedded mode — [uovo_form_embed] relocates the flyout form
   inline into page content (e.g. Contact Us). The drawer becomes
   a static card: no overlay, no slide, no close button.
   -------------------------------------------------------------- */
.uovo-form-container.uovo-embedded {
  display: block;
  position: static;
  height: auto;
  width: 100%;
  z-index: auto;
}
.uovo-embedded #uovo-form-overlay { display: none; }
.uovo-embedded #uovo-form-drawer {
  position: static;
  transform: none !important;
  transition: none;
  max-width: 640px;
  height: auto;
  left: auto;
  margin: 0;
  z-index: auto; /* drop the flyout stacking so the page nav stays on top */
}
.uovo-embedded #uovo-form-inner {
  height: auto;
  z-index: auto; /* ditto — flyout mode uses 1000, which sat above the header */
  /* Floating-panel styling — drop shadow, translucent frosted background, hairline
     border and rounded corners — is right for the flyout but wrong for a form sitting
     inline in the page. The border also pushed the fields 1px off the column edge.
     Flyout mode keeps all of it. */
  box-shadow: none;
  border: none;
  border-radius: 0;
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.uovo-embedded .uovo-form-fields {
  height: auto;          /* let the page scroll instead of an inner scrollbar */
  max-height: none;
  overflow-y: visible;
}
.uovo-embedded #uovo-form-close { display: none; }
/* The drawer header holds the "Contact Us" label, the close button, and the 2px blue
   rule (its border-bottom). All three are flyout chrome — on the Contact page the page
   already has its own heading, so hide the header entirely. */
.uovo-embedded #uovo-form-drawer header { display: none; }
/* Strip the drawer's surrounding padding so the form sits flush with the column edge.
   The 16px box padding and the horizontal insets on nav/fields/footer exist to inset
   content from the floating panel's edges — inline in the page there's no panel to
   inset from. Vertical spacing is kept so the sections don't collapse together. */
.uovo-embedded #uovo-form-drawer { padding: 0; }
.uovo-embedded #uovo-form-drawer nav,
.uovo-embedded .uovo-form-fields,
.uovo-embedded #uovo-form-drawer footer {
  padding-left: 0;
  padding-right: 0;
}

/* Full-width contact module: the row that hosts the embedded form drops its image
   column and lays out contact info (left) | form (right) across the page width.
   Classes are added by the embed relocation script. */
.uovo-embed-row .two-col-image-wrap { display: none; }
/* Stacked at every width: the form first, full width, then the contact details and
   Hours of Operation beneath it. (This was a 65/35 two-column grid on desktop; the
   client asked for the "get in touch" column to sit below the form instead.)
   The details come BEFORE the form in the DOM (they share one WYSIWYG field), so
   `display: block` would put the form underneath. Flex + order flips it without
   touching the content; the text keeps its own order because equal `order` values
   fall back to source order. */
.uovo-embed-row .wysiwyg {
  max-width: 100% !important;
  display: flex;
  flex-direction: column;
  align-items: stretch; /* not `start` — in a flex column that stops children filling the width */
}
.uovo-embed-row .wysiwyg > * { order: 2; }
.uovo-embed-row .wysiwyg > #uovo-form-embed {
  order: 1;
  margin-bottom: 3rem;
  width: 60%; /* the form keeps its former column width; the details below stay full width */
  max-width: 100%;
}
@media (max-width: 800px) {
  .uovo-embed-row .wysiwyg > #uovo-form-embed { width: 100%; }
}
.uovo-embed-row #uovo-form-drawer { max-width: none; }


/* --- style.css --- */
/*!
Theme Name: UOVO
Theme URI: http://underscores.me/
Author: Between State
Author URI: http://betweenstate.com
Description: A custom theme for UOVO.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: uovo
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

UOVO is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

#uovo-form-toggle {
	z-index: 9 !important;	
}


/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: #0000C8;
}

/* No :visited color rule on purpose. The _s default (a:visited { #800080 })
   showed clicked links as purple wherever a more specific rule didn't cover the
   visited state (generic links, the Journal eyebrow, etc.). With no :visited
   override, every link keeps its own author color for the visited state (author
   color beats the browser's purple default), so nothing turns purple and
   intentionally-colored links — nav, footer — are unaffected. */

a:hover,
a:focus,
a:active {
	color: #0000C8;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

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

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}


/* --- motion.css --- */
/**
 * UOVO — site-wide scroll motion styles. Paired with js/uovo-motion.js.
 * Elements are only tagged with [data-reveal] (and hidden) by JS, so if the
 * script fails everything renders normally.
 *
 * !important is deliberate — theme rules on h2/p/img out-specify a bare
 * attribute selector and would otherwise override these.
 *
 * ---- TUNABLE KNOBS (one place — everything reads these) ----
 *   --uovo-dur   reveal duration (0.5s — tight)
 *   --uovo-rise  fade-up distance (12px)
 *   --uovo-ease  shared easing
 *   Refined 2026-08: dropped the heavy blur, shorter durations, smaller rise +
 *   tighter stagger so grids (e.g. the journal list) read crisp, not soft.
 */
:root {
	--uovo-dur: 0.5s;
	--uovo-rise: 12px;
	--uovo-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}

/* Text — clean fade + slight rise (no blur). */
[data-reveal="text"] {
	opacity: 0 !important;
	transform: translateY(var(--uovo-rise)) !important;
	transition:
		opacity var(--uovo-dur) var(--uovo-ease),
		transform var(--uovo-dur) var(--uovo-ease) !important;
}
[data-reveal="text"].uovo-in {
	opacity: 1 !important;
	transform: none !important;
}

/* Images — fade + wipe (bottom → up), no blur.
   clip-path inset(100% 0 0 0) hides from the bottom; -> inset(0) wipes upward. */
[data-reveal="image"] {
	opacity: 0 !important;
	clip-path: inset(100% 0 0 0) !important;
	-webkit-clip-path: inset(100% 0 0 0) !important;
	transition:
		opacity var(--uovo-dur) var(--uovo-ease),
		clip-path 0.6s var(--uovo-ease),
		-webkit-clip-path 0.6s var(--uovo-ease) !important;
}
[data-reveal="image"].uovo-in {
	opacity: 1 !important;
	clip-path: inset(0 0 0 0) !important;
	-webkit-clip-path: inset(0 0 0 0) !important;
}

/* Cards (service / news / journal-list cards) — clean fade + slight rise, no image
   blur. --uovo-stagger is set per card (left→right) so they cascade tightly. */
[data-reveal="card"] {
	opacity: 0 !important;
	transform: translateY(var(--uovo-rise)) !important;
	transition:
		opacity var(--uovo-dur) var(--uovo-ease) var(--uovo-stagger, 0s),
		transform var(--uovo-dur) var(--uovo-ease) var(--uovo-stagger, 0s) !important;
}
[data-reveal="card"].uovo-in {
	opacity: 1 !important;
	transform: none !important;
}

/* Location directory / region GRID cards: fade only, NO transform.
   In a 2-D grid a staggered translateY reads as "jumping around", but more
   importantly these cards hand off to the plugin's FLIP filter, which slides them
   via inline transforms — and ANY !important transform here (even `none`) would
   override that inline transform and make cards snap instead of slide. So this
   reveal deliberately never sets `transform`, leaving it free for FLIP. */
[data-reveal="fade"] {
	opacity: 0 !important;
	transition: opacity var(--uovo-dur) var(--uovo-ease) var(--uovo-stagger, 0s) !important;
}
[data-reveal="fade"].uovo-in { opacity: 1 !important; }

/* Locations map module: a single, gentle whole-section opacity fade. Slightly
   slower for elegance, and no per-image blur (the map/marker cards fade together
   with the section rather than each blurring in). Opacity only keeps Mapbox happy. */
.uovo-loc[data-reveal="fade"] {
	transition: opacity 0.7s var(--uovo-ease) !important;
}
.uovo-loc[data-reveal="fade"] img,
.uovo-loc[data-reveal="fade"].uovo-in img { filter: none !important; }

/* Map module "animated top rule" (opt-in): draws in from the left as the section
   reveals. Collapsed only while the section is tagged-but-not-yet-revealed, so if
   the map is above the fold (never tagged) or motion is off, the rule just shows. */
.uovo-loc[data-reveal="fade"] .uovo-loc__rule {
	transition: transform 0.6s var(--uovo-ease);
}
.uovo-loc[data-reveal="fade"]:not(.uovo-in) .uovo-loc__rule {
	transform: scaleX(0) !important;
}

/* Section dividers — draw in from the left on scroll.
   (a) Dedicated line bars: scale the element itself. */
[data-reveal="line"] {
	transform: scaleX(0) !important;
	transform-origin: left center !important;
	transition: transform 0.6s var(--uovo-ease) !important;
}
[data-reveal="line"].uovo-in { transform: scaleX(1) !important; }

/* (b) Sections whose CSS border is the divider: hide the real border and draw an
   overlaid line via a pseudo-element (avoids scaling the whole section).
   The doubled attribute + html raises specificity above the theme's service-page
   rules (e.g. `.service-art .post_slider { border-top: ... !important }`), which
   would otherwise keep the static border visible and mask the draw. */
/* Section-break line thickness + horizontal inset (so the line doesn't bleed to
   the screen edges). Tunable: 1px or 2px for thickness; the inset matches the
   default full-width section padding (2rem). */
:root {
	--uovo-line-thickness: 2px;
	--uovo-line-inset: 2rem;
}
/* Mobile: sections drop to a 1.2rem gutter (mobile_0525.css), so the line's inset
   follows — otherwise it renders narrower than the content beneath it. */
@media (max-width: 900px) {
	:root { --uovo-line-inset: 1.2rem; }
}
[data-line] { position: relative; }
html [data-line="top"][data-line="top"] { border-top-color: transparent !important; }
html [data-line="bottom"][data-line="bottom"] { border-bottom-color: transparent !important; }
[data-line]::before {
	content: '';
	position: absolute;
	left: var(--uovo-line-inset);
	right: var(--uovo-line-inset);
	width: auto;
	height: var(--uovo-line-thickness);
	background: var(--uovo-line-color, #0000C8);
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 0.6s var(--uovo-ease);
	pointer-events: none;
}
[data-line="top"]::before { top: 0; }
[data-line="bottom"]::before { bottom: 0; }
[data-line].uovo-in::before { transform: scaleX(1); }

/* Hero content animates in on page load (it's above the fold, so the scroll
   system leaves it alone). CSS-only, so it always ends visible even if JS fails,
   and it's hidden before first paint (motion.css is in <head>) — no flash. */
@media (prefers-reduced-motion: no-preference) {
	@keyframes uovo-hero-in {
		from { opacity: 0; transform: translateY(var(--uovo-rise)); }
		to   { opacity: 1; transform: translateY(0); }
	}
	.hero-content .hero-lead,
	.hero-content .reel-link,
	.uovo-loc-directory__title {
		animation: uovo-hero-in 0.7s var(--uovo-ease) both;
	}
	.hero-content .hero-lead { animation-delay: 0.08s; }
	.hero-content .reel-link { animation-delay: 0.3s; }
	/* The Locations directory header sits above the fold, so it animates in on
	   load like the hero (the scroll system deliberately leaves the fold alone). */
	.uovo-loc-directory__title { animation-delay: 0.1s; }
}

@media (prefers-reduced-motion: reduce) {
	[data-reveal],
	[data-reveal].uovo-in {
		opacity: 1 !important;
		filter: none !important;
		transform: none !important;
		clip-path: none !important;
		-webkit-clip-path: none !important;
		transition: none !important;
	}
	[data-line]::before {
		transform: none !important;
		transition: none !important;
	}
}


/* --- uovo_0326.css --- */
:root {
	--div-height: 0px; /* Default value */
}

#alert-height {
	display: flex;
	height: var(--div-height); /* Use the CSS variable */
	/* This height can change dynamically */
	
}

.dynamic-height {
	height: calc(var(--div-height) + 20px); /* Use the CSS variable */
	background-color: lightcoral;
	margin-top: 20px;
}

.arrow-link {
	position: relative;
}

.arrow-link:after {
	position: absolute;
	width: 20px;
	height: 20px;
	display: inline-block;
	content: '';
	-webkit-mask: url('/wp-content/themes/uovo/img/icons/link-arrow.svg') no-repeat 50% 50%;
	mask: url('/wp-content/themes/uovo/img/icons/link-arrow.svg') no-repeat 50% 50%;
	-webkit-mask-size: cover;
	mask-size: cover;
	background-color: #0000C8;
	bottom: 3px;
	margin-left: 7px;
}


/*--------------------------------------------------------------
# Fonts
--------------------------------------------------------------*/

/* — Hoefler - */

@font-face {
  font-family: Hoefler;
  src: url('/wp-content/themes/uovo/fonts/hoefler-text.woff') format('woff');
}

@font-face {
  font-family: Hoefler-Italic;
  src: url('/wp-content/themes/uovo/fonts/hoefler-text-italic.woff') format('woff');
}

@font-face {
  font-family: Hoefler-Black;
  src: url('/wp-content/themes/uovo/fonts/hoefler-text-black.woff') format('woff');
}

@font-face {
  font-family: Hoefler-Black-Italic;
  src: url('/wp-content/themes/uovo/fonts/hoefler-text-black-italic.woff') format('woff');
}

/* — Union - */

.union-regular {
  font-family: "Union";
  font-style:   normal;
  font-weight:  400;
  font-stretch: normal;
}

.union-regular-italic {
  font-family: "Union";
  font-style:   italic;
  font-weight:  400;
  font-stretch: normal;
}

.union-bold {
  font-family: "Union";
  font-style:   normal;
  font-weight:  700;
  font-stretch: normal;
}

.union-bold-italic {
  font-family: "Union";
  font-style:   italic;
  font-weight:  700;
  font-stretch: normal;
}

body {
	font-family: 'Manrope', "Helvetica Neue", sans-serif;
	font-style:   normal;
	font-weight:  500;
	font-stretch: normal;
	text-rendering: geometricPrecision;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 300,
  'GRAD' 0,
  'opsz' 48;
  font-size: 40px;
  color: #0000C8;
}


.utility-content-wrap {
	max-width: 100%;
	padding: 100px 0;
	color: #0000C8;
}

/*--------------------------------------------------------------
# Service Page Template
--------------------------------------------------------------*/

/* Art Styles */
.service-art .page-title, .service-art p, .service-art .page_intro .wysiwyg p, .service-art ul.resources li a, .service-art .two-col-inner .wysiwyg h3, .wysiwyg h3, .service-art .service-info h3, .service-art .service-info p, .service-art .page-nav li a, .service-art .slider-header h3, .service-art .slider-links a, .service-art .page-nav-wrap ul li a, .service-art .accordion a, .service-art .team-columns h3, .service-art .location-overview h3, .service-art .drawer-content h4, .service-art .material-symbols-outlined, .service-art .wysiwyg a, .service-art .service-dropdown-link, .service-art .hero-excerpt-wrap a, .service-art .wysiwyg li,  .service-art .faq-title, .service-art .leadgen-header-text p, .service-art .leadgen-header-text h1, .service-art .gen-service-list h3, .service-art .gen-service-list li a {
	color: #1B4075 !important;
}

.service-art .arrow-link:after, .service-art .border-top {
	background-color: #1B4075 !important;
}

.service-art a.question-title {
	background: rgba(27,64,117,.1) !important;
}

.service-art a.question-title:after {
	content: '';
	background-image: url('/wp-content/themes/uovo/img/icons/navy-arrow.svg');
}

.service-art .page-title, .service-art .body-content {
	border-bottom: 4px solid #1B4075;
}

.service-art header, .service-art .service-border-bottom, .service-art .page-nav li:after, .service-art .page-nav-wrap ul li:after, .service-art .circle-plus .circle .vertical, .service-art .circle-plus .circle .horizontal, .service-art .nav-drop{
	background: #1B4075 !important;
}

.service-art .services-list-outer, .service-art #two-col-border-top, .service-art .features-list-title {
	border-top: 4px solid #1B4075;
}

.service-art .post_slider, .service-art .body-content, .service-art .image-text, .service-art #section-title, .service-art .accordion a#drawer-trigger {
	border-top: 4px solid #1B4075 !important;
}

.service-art .page-nav-outer, .service-art .sticky-int-nav {
	border-bottom: 4px solid #1B4075 !important;
}

.service-art .post-slides .slick-next:after {
	background-size: cover !important;
	background: url('/wp-content/themes/uovo/img/icons/art-arrow-next.svg') !important;
	background-repeat: no-repeat !important;
}

.service-art .post-slides .slick-prev:after {
	background: url('/wp-content/themes/uovo/img/icons/art-arrow-prev.svg') !important;
	background-size: cover !important;
}

.service-art .accordion a:after {
	background: url('/wp-content/themes/uovo/img/icons/accord-arrow-art.svg') !important;
	background-size: cover !important;
}


/* Fashion Styles */
.service-fashion .page-title, .service-fashion p, .service-fashion .page_intro .wysiwyg p, .service-fashion ul.resources li a, .service-fashion .two-col-inner .wysiwyg h3, .wysiwyg h3, .service-fashion .service-info h3, .service-fashion .service-info p, .service-fashion .page-nav li a, .service-fashion .slider-header h3, .service-fashion .slider-links a, .service-fashion .page-nav-wrap ul li a, .service-fashion .accordion a, .service-fashion .team-columns h3, .service-fashion .location-overview h3,.service-fashion .drawer-content h4, .service-fashion .material-symbols-outlined, .service-fashion .wysiwyg a, .service-fashion .service-dropdown-link, .service-fashion .hero-excerpt-wrap a, .service-fashion .wysiwyg li, .service-fashion .faq-title, .service-fashion .leadgen-header-text p, .service-fashion .leadgen-header-text h1, .service-fashion .gen-service-list h3, .service-fashion .gen-service-list li a {
	color: #326F79 !important;
}

.service-fashion a.question-title {
	background: rgba(50,111,121,.1) !important;
}

.service-fashion a.question-title:after {
	content: '';
	background-image: url('/wp-content/themes/uovo/img/icons/teal-arrow.svg');
}

.service-fashion .page-title, .service-fashion .body-content {
	border-bottom: 4px solid #326F79;
}

.service-fashion header, .service-fashion .service-border-bottom, .service-fashion .page-nav li:after, .service-fashion .page-nav-wrap ul li:after, .service-fashion .circle-plus .circle .vertical, .service-fashion .circle-plus .circle .horizontal, .service-fashion .nav-drop, .service-fashion .border-top, .fashion-trigger .sub-menu {
	background: #326F79 !important;
}

.service-fashion .arrow-link:after {
	background-color: #326F79 !important;
}

.service-fashion .services-list-outer, .service-fashion #two-col-border-top, .service-fashion .features-list-title {
	border-top: 4px solid #326F79;
}

.service-fashion .post_slider, .service-fashion .body-content, .service-fashion .image-text, .service-fashion .accordion a#drawer-trigger, .service-fashion #section-title, .service-fashion .features-list-title {
	border-top: 4px solid #326F79 !important;
}

.service-fashion .page-nav-outer, .service-fashion .sticky-int-nav {
	border-bottom: 4px solid #326F79 !important;
}

.service-fashion .post-slides .slick-next:after {
	background-size: cover !important;
	background: url('/wp-content/themes/uovo/img/icons/fashion-arrow-next.svg') !important;
	background-repeat: no-repeat !important;
}

.service-fashion .post-slides .slick-prev:after {
	background: url('/wp-content/themes/uovo/img/icons/fashion-arrow-prev.svg') !important;
	background-size: cover !important;
}

.service-fashion .accordion a:after {
	background: url('/wp-content/themes/uovo/img/icons/accord-arrow-fashion.svg') !important;
	background-size: cover !important;
}


/* Wine Styles */
.service-wine .page-title, .service-wine p, .service-wine .page_intro .wysiwyg p, .service-wine ul.resources li a, .service-wine .two-col-inner .wysiwyg h3, .service-info .wysiwyg h3, .service-wine .service-info h3, .service-wine .service-info p, .service-wine .page-nav li a, .service-wine .slider-header h3, .service-wine .slider-links a, .service-wine .page-nav-wrap ul li a, .service-wine .accordion a, .service-wine .team-columns h3, .service-wine .location-overview h3, .service-wine .drawer-content h4, .service-wine .material-symbols-outlined, .service-wine .wysiwyg a, .service-wine .hero-excerpt-wrap a, .service-wine .wysiwyg li, .service-wine .faq-title,  .service-wine .service-dropdown-link, .service-wine .wpforms-field-description, .service-wine .leadgen-header-text p, .service-wine .leadgen-header-text h1, .service-wine .gen-service-list h3, .service-wine .gen-service-list li a {
	color: #6B404B !important;
}

.service-wine a.question-title {
	background: rgba(107,64,75,.1) !important;
}

.service-wine .arrow-link:after, .service-wine .border-top {
	background-color: #6B404B !important;
}


.service-wine .circle-plus .circle .horizontal, .service-wine .circle-plus .circle .vertical {
	background-color: #6B404B !important;
}

.service-wine a.question-title:after {
	content: '';
	background-image: url('/wp-content/themes/uovo/img/icons/red-arrow.svg');
}

.service-wine .page-title, .service-wine .body-content, .service-wine .sticky-int-nav {
	border-bottom: 4px solid #6B404B !important;
}

.service-wine .sticky-int-nav {
	border-bottom: 4px solid #6b404b !important;
}

.service-wine header, .service-wine .service-border-bottom, .service-wine .page-nav li:after, .service-wine .page-nav-wrap ul li:after, .service-wine .nav-drop, .wine-trigger .sub-menu {
	background: #6B404B !important;
}

.service-wine .services-list-outer, .service-wine #two-col-border-top, .service-wine .features-list-title {
	border-top: 4px solid #6B404B;
}

.service-wine .post_slider, .service-wine .body-content, .service-wine .image-text, .service-wine .accordion a#drawer-trigger, .service-wine #section-title {
	border-top: 4px solid #6B404B !important;
}

.service-wine .page-nav-outer {
	border-bottom: 4px solid #6B404B !important;
}

.service-wine .post-slides .slick-next:after {
	background-size: cover !important;
	background: url('/wp-content/themes/uovo/img/icons/wine-arrow-next.svg') !important;
	background-repeat: no-repeat !important;
}

.service-wine .post-slides .slick-prev:after {
	background: url('/wp-content/themes/uovo/img/icons/wine-arrow-prev.svg') !important;
	background-size: cover !important;
}

.service-wine .accordion a:after {
	background: url('/wp-content/themes/uovo/img/icons/accord-arrow-wine.svg') !important;
	background-size: cover !important;
}

.wysiwyg a {
	color: #0000C8;
	opacity: 1;
	transition: opacity 200ms ease;
}

.wysiwyg a:hover {
	opacity: .7;
}

.wysiwyg ul {
	list-style: disc !important;
}

html {
	background: #0000C8;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

.site-header {
	background: #0000C8;
	height: 105px;
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1000;
	transition: all 300ms ease;
}

.shrink {
	height: 70px;
	transition: all 300ms ease;
}

.header-inner {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 2rem;
}

.site-branding {
	width: 100%;
	max-width: 170px;
	transition: all 300ms ease;
}

.shrink .site-branding {
	max-width: 155px;
	transition: all 300ms ease;
}

.site-branding a {
	display: block;
	line-height: 1;
	transition: opacity	200ms ease;
}

.site-branding a:hover {
	opacity: .7;
}

.site-logo {
	width: 100%;
	height: auto;	
}

.site-header li a {
	font-size: 17px !important; /* beats #flex-end li a (ID selector) in type_0824.css */
	color: #fff !important;
	text-transform: uppercase;
	letter-spacing: 0.06rem;
	transition: opacity	200ms ease;
}

.site-header li a:hover {
	opacity: .7;
}

.header-left {
	display: flex;
	column-gap: 2rem;
	width: 100%;
	align-items: center;
	height: 100%;
}

.main-navigation, .menu-primary-navigation-container, .menu-primary-contact-container, .menu-primary-container {
	height: 100%;
	width: auto;
}

.main-navigation ul {
	height: 100%;
	align-items: center;
}

#flex-end ul {
	column-gap: 16px;	
}

#flex-end {
	justify-content: flex-end;
}

#flex-end .main-navigation {
	width: auto;
}

.site-icon {
	width: 30px;
	height: auto;
}

.resources .material-symbols-outlined {
	font-size: 40px;
}

.animated-gradient {
  background: repeating-linear-gradient(to right, #5B87AA 0%, #2BB3AA 33.3333%, #CE6A63 66.66666%, #5B87AA 100%);
  width: 100%;
  height: 6px;
  background-size: 200% auto;
  background-position: 0 100%;
  animation: gradient 10s infinite;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}

@keyframes gradient { 
  0%   { background-position: 0 0; }
  100% { background-position: -200% 0; }
}

.tel-link {
	margin-left: 18px;	
}

.tel-link a {
	position: relative;
}

.tel-link a:before {
	content: '';
	position: absolute;
	width: 22px;
	height: 22px;
	left: -24px;
	top: 52%;
	transform: translateY(-50%);
	background: url('/wp-content/themes/uovo/img/icons/phone.svg');
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
}

.main-navigation li {
	position: inherit !important;
	height: calc(100% + 10px);
}

.main-navigation li a {
	height: 100%;
	display: flex;
	align-items: center;
}

.main-navigation .sub-menu {
	position: absolute;	
	left: -65% !important;
	top: 111px !important;
	width: 65%;
	height: calc(100vh - 111px) !important;
	transition: left 300ms ease;
	display: flex;
	flex-direction: column;
	column-gap: 200px;
	box-shadow: none !important;
	transition: all 300ms ease;
}

.shrink .main-navigation .sub-menu {
	position: absolute;	
	left: -65% !important;
	top: 74px !important;
	width: 65%;
	height: calc(100vh - 74px) !important;
	transition: left 300ms ease;
	display: flex;
	flex-direction: column;
	column-gap: 200px;
	box-shadow: none !important;
	transition: all 300ms ease;
}

.main-navigation .sub-menu, .shrink .main-navigation .sub-menu {
	width: 50%;
	left: -50%;
	flex-direction: row;
	align-items: flex-start;
	column-gap: 0 !important;
}

.main-navigation .services-nav .sub-menu .sub-menu li {
	width: 100% !important;
	margin-bottom: 10px;
}

.main-navigation .sub-menu li {
	height: 100% !important;
}

.main-navigation ul ul {
	width: 100%;
}


.main-navigation .menu-item-has-children:hover .sub-menu {
	left: 0 !important;
	opacity: .98;
}

.art-hover > .sub-menu {
	left: 0 !important;
	opacity: .98;
}

.fashion-hover > .sub-menu {
	left: 0 !important;
	opacity: .98;
}

.main-navigation .menu-item-has-children:hover .sub-menu li {
	border-right: 1px solid rgba(255,255,255,.1);
}

.main-navigation .services-nav .sub-menu .sub-menu li {
	border-right: none !important;
}

.main-navigation .sub-menu li {
	display: flex;
	position: relative !important;
	height: auto !important;
	width: 100%;
	flex-direction: column;
}

.main-navigation .sub-menu li a {
	display: flex;
	position: inherit !important;
	height: auto !important;
	font-weight: 700;
}

.main-navigation .services-nav .sub-menu {
	background: #1B3F74;
}

.main-navigation .uovoworld-nav .sub-menu {
	background: rgba(255,255,255,.98);
	color: #0000C8 !important;
}

/* About UOVO flyout: one brand-style column (header + list) on the white panel.
   Metrics mirror the service flyouts exactly (trigger > header li > nested list);
   ONLY the colors differ — white panel, brand-blue text, and the white-tinted
   hairlines swapped for their blue-on-white analogs. */
/* Panel keeps the brands' standard half-width geometry — it must extend under the
   ABOUT UOVO trigger so the cursor's path down to it never leaves the li (pure CSS
   hover). The single column is created by capping the header li, not the panel. */
.main-navigation .uovoworld-nav > .sub-menu > li.art-header {
	max-width: 50%;   /* content occupies the first-column width, like the brand flyouts */
	/* Column hairline runs the panel's full height: align-self beats the panel's
	   align-items:flex-start, and the .art-header class raises specificity above the
	   later generic `.uovoworld-nav .sub-menu li { height: auto !important }`. */
	align-self: stretch;
	height: auto !important;
}
/* Column hairline on hover — brands use rgba(255,255,255,.1). */
.main-navigation .uovoworld-nav:hover > .sub-menu > li {
	border-right: 1px solid rgba(0, 0, 200, 0.1);
}
/* Nested list — mirrors .services-nav .sub-menu .sub-menu. */
.main-navigation .uovoworld-nav .sub-menu .sub-menu {
	display: flex;
	position: inherit !important;
	top: 0 !important;
	left: 0 !important;
	width: 100%;
	flex-direction: column;
	align-items: flex-start;
	padding-left: 2rem;
	padding-bottom: 0;
	height: auto !important;
	background: none !important;
}
/* Nested items — mirrors .services-nav .sub-menu .sub-menu li. */
.main-navigation .uovoworld-nav .sub-menu .sub-menu li {
	height: auto !important;
	width: 100% !important;
	margin-bottom: 10px;
	padding: 0 !important;
	border-right: none !important;
}
/* Nested links — mirrors .services-nav .sub-menu .sub-menu li a. */
.main-navigation .uovoworld-nav .sub-menu .sub-menu li a {
	text-transform: inherit !important;
	letter-spacing: normal;
	margin-bottom: 0;
	border-bottom: none;
	padding: 0 !important;
	font-weight: 700;
	position: relative !important;
	left: 0;
	transition: all 200ms ease;
}

.main-navigation .uovoworld-nav .sub-menu a {
	color: #0000C8 !important;
}

/* Header link — brand headers add ONLY a background to the generic .sub-menu li a
   metrics (width/padding/size/spacing/underline all come from that rule below).
   Same here: white background + the underline's blue-on-white analog. */
.main-navigation .uovoworld-nav .art-header a {
	background: #fff !important;
	border-bottom: 1px solid rgba(0, 0, 200, 0.15);
}

.main-navigation .sub-menu li a {
	width: 100% !important;
	padding: 10px 0 10px 2rem;
	font-size: 13px !important;
	color: #fff;
	letter-spacing: 1px;
	margin-bottom: 10px;
	border-bottom: 1px solid rgba(255,255,255,.1);
}

.main-navigation .sub-menu li a span {
	text-transform: none !important;
	font-weight: 400;
	letter-spacing: normal;
	margin-bottom: 0;
	border-bottom: none;
	padding: 0 !important;
	margin-top: 10px;
}
 
.main-navigation .uovoworld-nav .sub-menu li {
	height: auto !important;
}

.main-navigation .services-nav .sub-menu .sub-menu {
	display: block;
	position: inherit !important;
	top: 0 !important;
	left: 0 !important;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding-left: 2rem;
	padding-bottom: 0;
	height: auto !important;
}

.main-nav li a {
	font-size: 20px !important;
	padding: 0 16px;
}

/* Top-level nav items never wrap — "ABOUT UOVO" must stay on one line at every
   width. Scoped to the top level so flyout links can still wrap normally. */
.main-nav .main-navigation ul.menu > li > a {
	white-space: nowrap;
}

.main-navigation .services-nav .sub-menu .sub-menu li a {
	text-transform: inherit !important;
	font-weight: inherit;
	letter-spacing: normal;
	margin-bottom: 0;
	border-bottom: none;
	padding: 0 !important;
	overflow: none !important;
}

.main-navigation .services-nav .sub-menu .sub-menu li {
	height: auto !important;
	width: 60%;
	padding: 0 !important;
	/* border-right: 1px solid rgba(255,255,255,.1); */
}

.main-navigation .art-header a {
	background: rgba(27,63,116,1)!important;
}

.main-navigation .fashion-header a, .main-navigation .fashion-header, .main-navigation .fashion-header .sub-menu {
	background: rgba(50,111,121,1)!important;
}

.main-navigation .wine-header a, .main-navigation .wine-header, .main-navigation .wine-header .sub-menu {
	background: rgba(107,64,75,1)!important;
} 

.main-navigation .services-nav .sub-menu .sub-menu li a {
	font-weight: 700;
	position: relative !important;
	left: 0;
	transition: all 200ms ease;
}

.main-navigation .services-nav .sub-menu .sub-menu .sub-menu li a {
	font-weight: 400;
}

.main-navigation .services-nav .sub-menu .sub-menu li a:hover {
	left: 0;
}

.main-navigation .uovoworld-nav .art-header a {
	background: none !important;
}

#flex-end li a {
	text-transform: inherit !important;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.site-footer {
	background: #0000C8 !important;
	padding: 0 1.5rem;
	color: #fff !important;
}

.site-footer p, .site-footer a {
	color: #fff !important;
}

p.subscribe-header {
	color: #fff !important;
}

.footer-top {
	padding: 30px 0 80px;
	display: flex;
	justify-content: space-between;
}

.footer-subscribe {
	width: 100%;
	max-width: 25%;	
}

.footer-navigation {
	width: 100%;
	max-width: 70%;
}

.footer-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	column-gap: 30px;
	width: 100%;
	justify-content: space-between;
}

.footer-navigation ul li {
	width: 100%;
}

.footer-navigation ul li a {
	color: #fff !important;
	font-weight: 700;
	opacity: 1;
	text-decoration: none !important;
	font-size: 15px;
	transition: opacity 200ms ease;
	cursor: default !important;
}

.footer-navigation ul li a:hover {
	opacity: 1;
}



.footer-navigation ul .sub-menu {
	display: flex;
	flex-direction: column;
}

.footer-navigation ul .sub-menu a {
	font-weight: 500;
	opacity: 1;
	transition: opacity 200ms ease;
}

.footer-navigation ul .sub-menu a:hover {
	opacity: .7;
	cursor: pointer !important;
}

.social-footer .sub-menu {
	display: flex !important;
	flex-direction: row !important;
	justify-content: flex-start !important;
	column-gap: 10px;
	margin-top: 10px;
}

.social-footer > a {
	display: none;
}

.social-footer li {
	width: 30px !important;
}

.social-footer li a {
	position: relative;
	font-size: 0 !important;
}

.social-footer li.instagram-icon a:before {
	content:'';
	position: absolute;
	width: 30px;
	height: 30px;
	left: 0;
	background: url('/wp-content/themes/uovo/img/icons/instagram.svg');
}

.social-footer li.facebook-icon a:before {
	content:'';
	position: absolute;
	width: 30px;
	height: 30px;
	left: 0;
	background: url('/wp-content/themes/uovo/img/icons/facebook.svg');
}

.social-footer li.linkedin-icon a:before {
	content:'';
	position: absolute;
	width: 30px;
	height: 30px;
	left: 0;
	background: url('/wp-content/themes/uovo/img/icons/linkedin.svg');
}

.social-footer li.twitter-icon a:before {
	content:'';
	position: absolute;
	width: 30px;
	height: 30px;
	left: 0;
	background: url('/wp-content/themes/uovo/img/icons/twitter.svg');
}

.social-footer li.vimeo-icon a:before {
	content:'';
	position: absolute;
	width: 30px;
	height: 30px;
	left: 0;
	background: url('/wp-content/themes/uovo/img/icons/vimeo.svg');
}

.footer-bottom {
	padding: 20px 0;
	display: flex;
	justify-content: space-between;
	width: 100%;
	align-items: center;
}

.footer-logo {
	width: 100%;
	max-width: 140px;	
}

.footer-btm-navigation {
	width: 100%;
}

.footer-btm-navigation ul {
	display: flex;
	justify-content: space-between;
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-btm-sm {
	display: flex;
	align-items: middle;
}

.footer-btm-md {
	width: 100%;
	max-width: 50%;
}

.footer-btm-md .menu-footer-bottom-container, .footer-btm-md ul {
	width: 100%;
}

.footer-btm-navigation ul li {
	width: 100%;
	max-width: 50%;
	text-align: center;
}

.footer-btm-navigation ul li a {
	font-size: 13px;
	color: #fff !important;
	text-decoration: none;
	line-height: 1;
	transition: opacity 200ms ease;
}

.footer-btm-navigation ul li a:hover {
	opacity: .7;
}

.footer-text {
	font-size: 13px;
	color: #fff !important;
	text-decoration: none;
	line-height: 1;
	margin: 0;
}

.subscribe-header {
	color: #fff !important;
	font-weight: 700;
	opacity: 1;
	text-decoration: none !important;
	font-size: 15px;
	margin: 0;
	margin-bottom: 5px;
}

.footer-subscribe .wpforms-container {
	margin: 0 !important;
	max-width: 90% !important;
}

.footer-subscribe .wpforms-field-medium {
	background: none !important;
	border-radius: 0 !important;
	color: #fff !important;
	border: none !important;
	border-bottom: 1px solid #fff !important;
	padding: 0 !important;
	max-width: 100% !important;
	width: 100% !important;
	font-size: 15px !important;
}

.footer-subscribe .wpforms-field-medium::placeholder {
	color: #fff !important;
}

.footer-subscribe .wpforms-container .wpforms-field {
	padding: 4px 0 0 !important;
}

.footer-subscribe .wpforms-submit {
	width: 100% !important;
	background: #fff !important;
	max-width: 100% !important;
	border: 0 !important;
	border-radius: 0 !important;
	color: #0000C8 !important;
	font-size: 14px !important;
	text-transform: uppercase !important;
	letter-spacing: .04rem;
	transtion: opacity 200ms ease;
}

.footer-subscribe .wpforms-submit:hover {
	opacity: .7;
}

.footer-subscribe .wpforms-confirmation-container-full {
	background: #0000C8 !important;
	border: 1px solid #fff !important;
	color: #fff !important;
	font-size: 15px !important;
	margin-top: 10px !important;
}

.sm-sub-text {
	display: block;
	margin-top: 20px;
	font-size: 12px;
	color: #B1B3B6;
	max-width: 90% !important;
}

#footer-right {
	justify-content: flex-end;
}

/*--------------------------------------------------------------
# Home - Hero Slider
--------------------------------------------------------------*/

.nav-spacer {
	width: 100%;
	height: 105px;	
	transition: all 300ms ease;
}

.shrink {
	height: 70px;
	transition: all 300ms ease;
}

.hero-slides {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height: calc(100vh - 100px);
}


.hero-slides li {
	width: 100%;
	height: 100%;
}

.hero-slides li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hero-slides .slick-list, .hero-slides .slick-track {
	height: 100%;
}

.hero-slides .slick-arrow {
	position: absolute;
	bottom: 30px;
	z-index: 1;
	font-size: 0;
	width: 40px;
	height: 40px;
	background: none;
	border: none;
	opacity: .5;
	transition: opacity	300ms ease;
}

.hero-slides .slick-arrow:hover {
	opacity: 1;
	cursor: pointer !important;
}

.hero-slides  .slick-next {
	right: 1.5rem;
}

.hero-slides  .slick-prev {
	left: 1.5rem;
}

.hero-slides .slick-next:after {
	content:'';
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 40px;
	background: url('/wp-content/themes/uovo/img/icons/next-arrow_white.svg');
	background-size: cover;
}

.hero-slides .slick-prev:after {
	content:'';
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 40px;
	background: url('/wp-content/themes/uovo/img/icons/prev-arrow_white.svg');
	background-size: cover;
}

section {
	padding: 40px 2rem;
}

.hero-overview p {
	font-family: Hoefler, georgia, serif;
	font-weight: normal;
	font-size: 48px;
	color: #0000C8;
	margin: 0;
	line-height: 1.25;	
}

section.fw-image {
	padding: 0;
}

.fw-image-wrap {
	width: 100%;
	height: calc(100vh - 74px);
}

.fw-image-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.page-title {
	color: #0000C8;
	padding: 4px 2rem 0;
	font-size: 24px;
	margin: 0;
	text-transform: uppercase;
	line-height: 1;
	height: 74px;
	display: flex;
	align-items: center;
	border-bottom: 2px solid #0000C8;
}

.page_intro .wysiwyg p {
	font-family: Hoefler, georgia, serif;
	font-weight: normal;
	font-size: 48px;
	color: #0000C8;
	margin: 0;
	line-height: 1.25;
}

.wysiwyg p {
	color: #0000C8;
}

ul.resources {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.resources li a {
	display: flex;
	column-gap: 4px;
	align-items: center;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04rem;
	color: #0000C8 !important;
	text-decoration: none;
	transition: opacity 300ms ease;
}

ul.resources li a:hover {
	opacity: .7;
}

ul.resources li a .icon {
	width: 70px;
}

.sidebar {
	width: 100%;
	max-width: 25%;	
}

.flex-row {
	display: flex;
	column-gap: 4rem;	
}

#section-title {
	border-top: 2px solid #0000C8;
}

.anchor-link {
	height: 74px;
	position: relative;
	margin-top: -74px;
}



/*--------------------------------------------------------------
# Accordion
--------------------------------------------------------------*/

.features-list-title {
	color: #0000C8;
	padding: 0 2rem;
	font-size: 24px;
	margin: 0;
	text-transform: uppercase;
	line-height: 1;
	height: 74px;
	display: flex;
	align-items: center;
	font-weight: 700;
	border-top: 2px solid #0000C8;
	position: relative;
	z-index: 2;
	cursor: pointer;
}

.location-overview p {
	color: #0000C8;
}

#location-overview {
	padding-top: 40px !important;
}

#location-overview .features-list-title {
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 700;
	padding-top: 80px;
	margin-bottom: 60px;
}

.feature-list li p {
	color: #0000C8;
}

.team-list {
	padding: 0;
}

.accordion {
	margin: 0;
	padding: 0;
	list-style: none;	
}

.accordion li {
  position: relative;
}

.accordion li .drawer-content {
	display: none;
}

.accordion a#drawer-trigger {
  color: #0000C8;
  padding: 0 2rem;
  font-size: 24px;
  margin: 0;
  text-transform: uppercase;
  line-height: 1;
  height: 74px;
  display: flex;
  align-items: center;
  font-weight: 700;
  border-top: 2px solid #0000C8;
  position: relative;
  z-index: 2;
  cursor: pointer;
}
.accordion a#drawer-trigger:after {
	content: '';
	position: absolute;
	right: 2rem;
	width: 30px;
	height: 30px;
	background-image: url('/wp-content/themes/uovo/img/icons/blue-arrow.svg');
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	transform: rotate(0);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

a#drawer-trigger.active:after {
  transform: rotate(-180deg);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* --------------------------------------------------------------
   Features / location details: always expanded, no accordion.
   Scoped to #location-overview, which the features_list and
   location_overview modules share — the team and solution-form
   accordions keep their collapse behaviour.

   Done in CSS (not just by disabling the JS) so the content is
   open even before scripts run, and with JS off entirely.
   -------------------------------------------------------------- */
#location-overview .drawer-content {
	display: block !important;
	height: auto !important;
}
/* The heading stays styled as-is, but is no longer a control. */
#location-overview a#drawer-trigger {
	cursor: default;
	pointer-events: none;
}
#location-overview a#drawer-trigger:after {
	content: none; /* remove the open/close chevron */
}

/* Accordion dividers (location-overview trigger + features-list title): draw the top
   rule as an inset 2px line (content width), matching the site's other section breaks —
   instead of the full-bleed border the base + .service-* rules apply (2px / 4px
   edge-to-edge). The service selectors are included so this wins the specificity +
   source-order match. Line color comes from --uovo-svc-color (set per service below),
   falling back to the signature blue on non-service pages. */
.service-art { --uovo-svc-color: #1B4075; }
.service-fashion { --uovo-svc-color: #326F79; }
.service-wine { --uovo-svc-color: #6B404B; }

.service-art .accordion a#drawer-trigger,
.service-fashion .accordion a#drawer-trigger,
.service-wine .accordion a#drawer-trigger,
.accordion a#drawer-trigger,
.service-art .features-list-title,
.service-fashion .features-list-title,
.service-wine .features-list-title,
.features-list-title {
	border-top: 2px solid transparent !important;
}
.accordion a#drawer-trigger::before,
.features-list-title::before {
	content: '';
	position: absolute;
	top: 0;
	left: var(--uovo-line-inset, 2rem);
	right: var(--uovo-line-inset, 2rem);
	height: var(--uovo-line-thickness, 2px);
	background: var(--uovo-svc-color, #0000C8);
	pointer-events: none;
}

.drawer-content {
	padding: 0 2rem 2rem;
}

.drawer-content ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.team-columns {
	display: flex;
	column-gap: 4rem;
}

.team-columns li {
	width: 100%;
	max-width: 50%;
}

.team-columns h3 {
	color: #0000C8;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: .04rem;
}

.members-list li {
	margin-bottom: 20px;
}

.members-list li p {
	margin: 0;
	padding: 0;
	font-size: 20px;
	color: #0000C8;
}

.name {
	font-weight: 700;
}

.body-content {
	border-top: 2px solid #0000C8;
	padding-bottom: 0 !important;
}

.body-content .wysiwyg p {
	font-size: 20px;
	color: #0000C8;
}

.body-title {
	font-size: 24px;
	color: #0000C8;
	text-transform: uppercase;
	font-weight: 700;
}

.body-iconcta {
	display: flex;
	column-gap: 4px;
	align-items: center;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04rem;
	color: #0000C8 !important;
	text-decoration: none;
	transition: opacity 300ms ease;
	position: relative;
	left: -14px;
}

.body-iconcta:hover {
	opacity: .7;
}

.body-iconcta .icon {
	max-width: 60px;
}

/*--------------------------------------------------------------
# Article Header
--------------------------------------------------------------*/

.article-header {
	display: flex;
	padding: 34px 2rem 30px;
	border-bottom: 2px solid #0000C8;
	align-items: center;
	justify-content: space-between;
}

.one-fourth {
	width: 100%;
	max-width: 25%;
}

#flex-end {
	display: flex;	
	justify-content: flex-end;
}

.post-title {
	margin: 0;
	color: #0000C8;
	font-size: 24px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .04rem;
	line-height: 1.2;
}

.article-header a, .article-header .pub-date {
	font-weight: 500;
	font-size: 18px;
	color: #0000C8 !important;
	text-transform: uppercase;
	letter-spacing: 0.06rem;
	text-decoration: none;
	transition: opacity 200ms ease;
}

.article-header a:hover {
	opacity: .7;
}

.article-content {
	padding: 30px 2rem 60px;
	display: flex;
	column-gap: 2rem;
	position: relative;
}

.article-content .one-half {
	width: 100%;
	max-width: 50%;
}

img {width: 100%;}

.article-content {
	color: #0000C8 !important;
}

.article-content p, .article-content a, .article-content li {
	margin: 0;
	margin-bottom: 18px;
	/* font-size: 18px; */
	color: #0000C8 !important;
	line-height: 1.4;
}

.article-content > h1, h2, h3, h4, h5, h6 {
	margin: 0;
}

.article-content li {
	margin-bottom: 0;
}

.article-content blockquote {
	margin: 30px 0;
	padding: 30px 0;
	border-top: 2px solid #0000C8;
	border-bottom: 2px solid #0000C8;
}

.article-content blockquote p {
	font-family: Hoefler, georgia, serif;
	font-weight: normal;
	font-size: 24px;
	color: #0000C8;
	margin: 0;
	line-height: 1.4;
}

.article-content blockquote h5 {
	font-family: Hoefler, georgia, serif;
	font-weight: normal;
	font-size: 14px;
	color: #0000C8;
	margin: 0;
	margin-top: 20px;
	line-height: 1.4;
}

.sticky-wrap {
	position: sticky;
	top: 120px;
}

.image-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.image-list li {
	margin-bottom: 18px;
}

.article-feature {
	padding: 0;
	border-top: 2px solid #0000C8;
}

.feature-link {
	display: block;
	width: 100%;
	text-decoration: none !important;
	transition: opacity 300ms ease;
}

.feature-link:hover {
	opacity: .7;
}

.feature-wrap {
	display: block;
	width: 100%;
	height: 820px;
}

.feature-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.feature-content-wrap {
	padding: 20px 2rem;
}

.feature-content-wrap h2, .feature-content-wrap p {
	color: #0000C8 !important;
	text-decoration: none !important;
}

.feature-content-wrap h2 {
	margin: 0;
	display: inline;
	font-size: 24px;
}

.feature-content-wrap p {
font-size: 18px;
line-height: 1.4;
}

.recent-posts {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style: none;
	column-gap: 2rem;
}

.recent-posts li {
	width: 100%;
	max-width: calc(25% - 1.5rem);
}

#square-crop {
	width: 100% !important;
	height: 0 !important;
	padding-bottom: 100% !important;
	position: relative;
}

#square-crop img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
}


.recent-posts p {
	color: #0000C8 !important;
}

a.related-inner {
	text-decoration: none;
	display: block;
	transition: opacity 300ms ease;
}

a.related-inner:hover {
	opacity: .7;
}

a.related-inner .cat-link {
	text-transform: uppercase;
	color: #0000C8 !important;
	font-size: 15px;
	margin: 12px 0 4px;
}

.cat-link {
	display: block;
	text-transform: uppercase;
	color: #0000C8 !important;
	font-size: 15px;
	margin: 12px 0 4px;
	font-weight: 700;
	text-decoration: none;
}

.a-art {
	color: #1B3F74 !important;
}

.a-fashion {
	color: #326F79 !important;
}

.a-wine {
	color: #6B404B !important;
}

h3.post-title-link {
	text-transform: uppercase;
	color: #0000C8 !important;
}

a.related-inner p {
	color: #0000C8 !important;
}

.related-posts-wrap-inner {
	border-top: 2px solid #0000C8;
}

/* Journal homepage — editor-picked Featured Articles row (two across). Replaces the
   old single full-width 820px hero. Reuses the .feature-link / .feature-content-wrap
   card styles; the square-crop thumbnail (same pattern as the recent-posts grid) keeps
   the two cards balanced. The top border is the section divider — .featured-row-wrap is
   in motion.js's BORDER_SEC_SEL, so it renders as the inset animated line, not a
   full-width rule. */
.featured-row-wrap {
	border-top: 2px solid #0000C8;
	/* No padding override — inherit the base `section { padding: 40px 2rem }` so the
	   row is inset 2rem, matching the section-break lines (--uovo-line-inset) and the
	   recent-posts grid below. (The old single hero used padding:0 to bleed full-width.) */
}

.featured-row {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.featured-item {
	flex: 1 1 calc(50% - 1rem);
	min-width: 0;
}

/* Text flush with the card's image edge (like the recent-posts cards), not indented
   by the shared .feature-content-wrap 2rem side padding. */
.featured-item .feature-content-wrap {
	padding: 20px 0 0;
}

.featured-item .feature-content-wrap h2 {
	font-size: 28px;
}

.featured-item .cat-link {
	font-weight: 700;
}

/*--------------------------------------------------------------
# Two Col
--------------------------------------------------------------*/

.two_col {
	padding-bottom: 0;
}

.two-col-list {
	list-style: none;
	margin: 0;
	padding: 0;	
}

.two-col-list li {
	display: flex;
	column-gap: 2rem;
	margin-bottom: 40px;
}

.two-col-image-wrap {
	width: 100%;
	max-width: 50%;
}

.two-col-image-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.two-col-inner .wysiwyg {
	width: 100%;
	max-width: 50%;
}

.wysiwyg h3 {
	font-size: 700;
	color: #0000C8;
	font-size: 18px;
	text-transform: uppercase;
}

.wysiwyg p {
	font-size: 18px;
}


/*--------------------------------------------------------------
# Service List
--------------------------------------------------------------*/

.service-list .service-inner {
	width: 100%;
	max-width: 75%;
}

.services-list-outer {
	padding: 0;
	border-top: 2px solid #0000C8;
	display: flex;
	column-gap: 4rem;
}

.service-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.service-list li:last-child .service-border-bottom {
	display: none;
}

.service-image {
	display: block;
	width: 100%;
	margin-bottom: 15px;
}

.service-info h3 {
	font-size: 20px;
	text-transform: uppercase;
	color: #0000C8;
	font-weight: 500;
}

.service-info p {
	font-size: 18px;
	color: #0000C8 !important;
}

.services-list-outer .sidebar {
	position: sticky;
	top: 200px;
	align-self: flex-start;
}

.service-border-bottom {
	width: auto;
	height: 2px;
	background: #0000C8;
	margin: 40px 2rem 0; /* inset from the screen edges, 2px thick */
}

.services-list-outer .anchor-link {
	height: 110px;
	position: relative;
	margin-top: -110px;
}

.page-nav-outer {
	padding: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 2px solid #0000C8;
	position: sticky;
	top: 70px;
	background: #fff;
	z-index: 100;
}

/* NEW .page-nav-outer {
	padding: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 2px solid #0000C8;
	position: fixed;
	top: 106px;
	background: #fff;
	z-index: 100;
	width: 100%;
} */

.page-nav-outer .page-title {
	border-bottom: none !important;
}

ul.page-nav {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	column-gap: 5px;
	padding-right: 2rem;
	max-width: 70%;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.page-nav li, .page-nav-wrap ul li {
	position: relative;
	padding-right: 10px;
}

/* .page-nav li:after, .page-nav-wrap ul li:after {
	content:'';
	position: absolute;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #0000C8;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
} */

.page-nav li:last-child:after, .page-nav-wrap ul li:last-child:after {
	display: none !important;
}

.page-nav li a {
	text-transform: uppercase;
	text-decoration: none;
	color: #0000C8;
	transition: opacity 200ms ease;
}

.page-nav li a:hover {
	opacity: .7;
}

.page-nav li a:active, .page-nav li a:focus {
	font-weight: 700 !important;
}

.service-flex-wrap {
	display: flex;	
	column-gap: 4rem;
	padding: 2rem 2rem 0;
}

.service-flex-wrap .resources li {
	padding: 0 !important;
}

.post_slider {
	border-top: 2px solid #0000C8;
	/* Tighten the gap between the section-break rule and the header ("ART SERVICES").
	   The base `section` rule sets 40px top padding; 16px brings the title up close to
	   the line (the flex header row adds a little more on its own). */
	padding-top: 16px;
}

.post-slides {
	list-style: none;
	padding: 0;
	margin: 0 -1rem;
}

.post-slides li {
	padding: 1rem;
}

.post-slider-image {
	width: 100%;
	height: 320px;
	margin-bottom: 10px;
}

.post-slider-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.post-slides .slick-arrow {
	border: none !important;
	position: absolute;
	top: 47%;
	transform: translateY(-50%);
	z-index: 1;
	font-size: 0;
	width: 40px;
	height: 40px;
	backdrop-filter: blur(12px) saturate(180%);
	  -webkit-backdrop-filter: blur(12px) saturate(180%);
	  background-color: rgba(255, 255, 255, 0.8);
	  border: 1px solid rgba(255, 255, 255, 0.3) !important;
	  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	opacity: 1;
	border-radius: 50%;
	transition: opacity	300ms ease;
}

.post-slides .slick-arrow:hover {
	opacity: .7;
	cursor: pointer !important;
}

.post-slides  .slick-next {
	right: 2rem;
	

}

.post-slides  .slick-prev {
	left: 2rem;
}

.post-slides .slick-next:after {
	content:'';
	position: absolute;
	left: 50%;
	top: 10px;
	width: 20px;
	height: 20px;
	background-image: url('/wp-content/themes/uovo/img/icons/blue-arrow-next.svg');
	transform: translate(-50%);
	background-size: cover;
}

.post-slides .slick-prev:after {
	content:'';
	position: absolute;
	left: 50%;
	top: 10px;
	width: 20px;
	height: 20px;
	background-image: url('/wp-content/themes/uovo/img/icons/blue-arrow-prev.svg');
	transform: translate(-50%);
	background-size: cover;
}

.slider-header h3 {
	padding: 0 0 20px;
	font-size: 20px;
	color: #0000C8;
	text-transform: uppercase;
	text-decoration: none;
}

.slider-header a h3, .slider-header a {
	text-decoration: none !important;
	transition: opacity 200ms ease;
}

.slider-header a h3:hover {
	opacity: .7;
}

.slider-header {
	display: flex;
	justify-content: space-between;
}

.slider-links {
	display: flex;
	column-gap: 1rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.slider-links a {
	font-weight: 500;
	color: #0000C8;
	text-decoration: none;
	text-transform: uppercase;
	transition: opacity 200ms ease;
}

.slider-links a:hover {
	opacity: .7;
}

.image-grid {
	display: flex;
	margin: 0;
	padding: 0;	
	list-style: none;
	column-gap: 2rem;
}

.image-grid li {
	width: 100%;
}

.image-grid li .image-grid-wrap {
	height: 420px;
}

.image-grid li .image-grid-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.image-text {
	border-top: 2px solid #0000C8;	
}

.image-grid-wrap {
	margin-bottom: 10px;
}

.page-nav-wrap {
	max-width: 50%;
}

.page-nav-wrap ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	padding-right: 2rem;
	flex-wrap: wrap;
	justify-content: flex-end;
	column-gap: 20px;
}

.page-nav-wrap ul li {
	position: relative;
}

.page-nav-wrap ul li a {
	text-transform: uppercase;
	text-decoration: none;
	color: #0000C8;
	transition: opacity 200ms ease;
}

.page-nav-wrap ul li a:hover {
	opacity: .7;	
}

.two-col-inner h3 {
	margin-bottom: 20px;	
}

.location-overview {
	max-width: 75%;
	width: 100%;
	font-size: 18px;
}

.location-overview h3 {
	color: #0000C8
}

.location-overview a {
	transition: opacity 200ms ease;
}

.location-overview a:hover {
	opacity:.7
}

.feature-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}

.feature-list li {
	width: 100%;
	max-width: 25%;
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
	padding-right: 30px;
}

.feature-icon {
	max-width: 90px;
}

.drawer-content h4 {
	color: #0000C8;
	text-size: 18px;
	text-transform: uppercase;
	margin-bottom: 20px;
	margin-top: 20px;
}

/* .page-nav-wrap .current-menu-item a {
	font-weight: 700;
} */

.solution-form {
	border-top: 2px solid #0000C8;
}

.service-art .solution-form {
	border-top: 4px solid #1B4075 !important
}

.service-fashion .solution-form {
	border-top: 4px solid #326F79 !important
}

.service-wine .solution-form {
	border-top: 4px solid #6B404B !important
}


.submission-form-wrap {
	color: #0000C8 !important;
}

.service-art .submission-form-wrap {
	color: #1B4075 !important;
}

.service-fashion .submission-form-wrap {
	color: #326F79 !important;
}


.service-wine .submission-form-wrap {
	color: #6B404B !important;
}

.submission-form-wrap .wpforms-field-label, .submission-form-wrap h5 {
	color: #0000C8 !important;
	text-transform: uppercase !important;
	font-size: 14px !important;
}

.service-art .submission-form-wrap .wpforms-field-label, .service-art .submission-form-wrap h5 {
	color: #1B4075 !important;
}

.service-fashion .submission-form-wrap .wpforms-field-label, .service-fashion .submission-form-wrap h5 {
	color: #326F79 !important;
}

.service-wine .submission-form-wrap .wpforms-field-label, .service-wine .submission-form-wrap h5 {
	color: #6B404B !important;
}


.submission-form-wrap .wpforms-field-medium {
	border: none !important;
	border-radius: 0 !important;
	padding: 0 !important;
	border-bottom: 1px solid #0000C8 !important;
	color: #0000C8 !important;
	font-weight: 500 !important;
}

.service-art .submission-form-wrap .wpforms-field-medium {
	border-bottom: 1px solid #1B4075 !important;
	color: #1B4075 !important;
}

.service-fashion .submission-form-wrap .wpforms-field-medium {
	border-bottom: 1px solid #326F79 !important;
	color: #326F79 !important;
}

.service-wine .submission-form-wrap .wpforms-field-medium {
	border-bottom: 1px solid #6B404B !important;
	color: #6B404B !important;
}

.submission-form-wrap .wpforms-field-medium::placeholder {
	color: rgba(0, 0, 200, .7) !important;
}

.service-art .submission-form-wrap .wpforms-field-medium::placeholder {
	color: rgba(27, 64, 117, .7) !important;	
}

.service-fashion .submission-form-wrap .wpforms-field-medium::placeholder {
	color: rgba(50, 111, 121, .7) !important;	
}

.service-wine .submission-form-wrap .wpforms-field-medium::placeholder {
	color: rgba(107, 64, 75, .7) !important;	
}

.submission-form-wrap .wpforms-field-textarea textarea {
	border: 1px solid #0000C8 !important;
	padding: 10px !important;
	color: #0000C8 !important;
}

.service-art .submission-form-wrap .wpforms-field-textarea textarea {
	border: 1px solid #1B4075 !important;
	color: #1B4075 !important;
}

.service-fashion .submission-form-wrap .wpforms-field-textarea textarea {
	border: 1px solid #326F79 !important;
	color: #326F79 !important;
}

.service-wine .submission-form-wrap .wpforms-field-textarea textarea {
	border: 1px solid #6B404B !important;
	color: #6B404B !important;
}


.submission-form-wrap .wpforms-field-layout-columns {
	column-gap: 4rem !important;
}

.submission-form-wrap #wpforms-560-field_10 {
	border-bottom: none !important;
}

.submission-form-wrap .wpforms-field-label-inline {
	color: #0000C8 !important;
}

.service-art .submission-form-wrap .wpforms-field-label-inline {
	color: #1B4075 !important;
}

.service-fashion .submission-form-wrap .wpforms-field-label-inline {
	color: #326F79 !important;
}

.service-wine .submission-form-wrap .wpforms-field-label-inline {
	color: #6B404B !important;
}

.submission-form-wrap {
	max-width: 75% !important;
}

.submission-form-wrap .wpforms-layout-column-50 {
	width: 80% !important
}

.submission-form-wrap .wpforms-submit {
	background: #fff !important;
	width: 100%;
	max-width: 300px !important;
	border: 1px solid #0000C8 !important;
	border-radius: 0 !important;
	color: #0000C8 !important;
	text-transform: uppercase !important;
	transition: all 300ms ease;
}

.service-art .submission-form-wrap .wpforms-submit { 
	color: #1B4075 !important;
	border: 1px solid #1B4075 !important;
}

.service-fashion .submission-form-wrap .wpforms-submit { 
	color: #326F79 !important;
	border: 1px solid #326F79 !important;
}

.service-wine .submission-form-wrap .wpforms-submit { 
	color: #6B404B !important;
	border: 1px solid #6B404B !important;
}

.submission-form-wrap .wpforms-confirmation-container-full {
	background: #0000C8 !important;
	color: #fff !important;
	border: none !important;
}

.submission-form-wrap .wpforms-field select {
	color: #0000C8 !important;
}

.submission-form-wrap .wpforms-confirmation-container-full p {
	color: #fff !important;
}

.submission-form-wrap .wpforms-submit:hover {
	background: #0000C8 !important;
	color: #fff !important;
}

.service-art .submission-form-wrap .wpforms-submit:hover {
	background: #1B4075 !important;
	color: #fff !important;
}

.service-fashion .submission-form-wrap .wpforms-submit:hover {
	background: #326F79 !important;
	color: #fff !important;
}

.service-wine .submission-form-wrap .wpforms-submit:hover {
	background: #6B404B !important;
	color: #fff !important;
}

.solution-form p {
	color: #0000C8;
	font-size: 22px;
}

.resources li {
	margin-bottom: 10px;
}

.wysiwyg p, .wysiwyg li {
	margin-top: 0;
	margin-bottom: 20px;
	color: #0000C8;
	font-size: 20px;
}

.wysiwyg ul, .wysiwyg ol, .article-content ul, .article-content ol  {
	position: relative;
	margin: 0;
	padding: 0;
	padding-left: 9px
}

.service-image {
	text-decoration: none;
	transition: opacity 200ms ease;	
}

a.service-image:hover {
	opacity: .7;	
}

.wysiwyg ul li, .article-content ul li {
	display: list-item;
	list-style-type: none;
	margin-bottom: 10px;
	text-indent: -24px;
	padding-left: 20px;
}

.wysiwyg ul li:before, .article-content ul li:before {
	content: "—";
	text-indent: -5px;
	margin-right: 10px;
}

.wysiwyg ol li {
	display: list-item;
	list-style-position: inside;
	list-style-type: decimal;
	margin-bottom: 10px;
}

.left-align-slick > .slick-list > .slick-track {
	margin-left:0;
}

.no-hover a {
	cursor: default !important;
	opacity: 1 !important;
}

.no-hover .sub-menu a:hover {
	cursor: pointer !important;
	opacity: .6 !important;
}

/* Icon 4 */

#nav-icon4 {
	display: none;
	position: relative;
	right: 0;
	width: 30px;
	height: 20px;
	margin: 50px auto;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
	margin: 0;
	z-index: 10;
}

#nav-icon4 span {
	display: block;
	position: relative;
	height: 2px;
	width: 100%;
	background: #fff;
	border-radius: 0;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

#nav-icon4 span:nth-child(1) {
	top: 0px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

#nav-icon4 span:nth-child(2) {
	top: 4px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

#nav-icon4 span:nth-child(3) {
	top: 12px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

#nav-icon4.open span:nth-child(1) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: -2px;
	left: 5px;
}

#nav-icon4.open span:nth-child(2) {
	width: 0%;
	opacity: 0;
}

#nav-icon4.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 15px;
	left: 5px;
}

.mobile-nav-popup {
	visibility: hidden;
	opacity: 0;
	background: #fff;
	position: fixed;
	width: 100%;
	left: 0;
	top: 70px;
	height: calc(100% - 70px);
	padding: 0;
	z-index: 1000;
	overflow-y: hidden;
}

.no-scroll {
	overflow: hidden;	
}

.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}


.mobile-nav-popup .main-navigation ul {
	align-items: flex-start;
	height: auto;
	padding: 0 1.2rem;
	background: #fff;
	height: 50px;
	margin-top: 4px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	border-bottom: 2px solid #0000C8;
}

.mobile-nav-popup  .main-navigation li a {
	font-size: 14px;
	color: #0000C8;
	text-transform: uppercase;
	font-weight: 700;
}

.mobile-nav-popup .main-navigation .sub-menu {
	width: 100%;
	left: -100% !important;
}

.mobile-nav-popup .main-navigation .active-mobile .sub-menu {
	left: 0 !important;
	top: 50px !important;
}

.mobile-nav-popup .main-navigation .sub-menu .sub-menu {
	left: 0 !important;
	top: 10px !important;
	padding-left: 1.2rem;
	padding-right: 1.2rem;
}

.mobile-nav-popup .main-navigation ul {
	padding: 0 1.2;
}

.mobile-nav-popup .main-navigation ul ul {
	padding: 0;
}

.mobile-nav-popup .main-navigation .sub-menu li a {
	color: #fff;
}

.mobile-nav-popup .main-navigation .services-nav .sub-menu .sub-menu {
	height: 100%;
}

.mobile-nav-popup .main-navigation .sub-menu {
	top: 50px !important;
}

.mobile-nav-popup .uovoworld-nav a {
	color: #0000C8 !important;
}

.mobile-nav-popup .main-navigation .sub-menu li a {
	padding: 10px 0 10px 1.2rem;
}

.mobile-nav-popup .main-navigation .uovoworld-nav .sub-menu {
	background: #fff;
	padding-right: 1.2rem;
}

.mobile-nav-popup .main-navigation .uovoworld-nav .sub-menu li {
	height: 100% !important;
}

#nav-icon4 {
	display: none !important;
}

.mobile-nav-popup .main-navigation .sub-menu li {
	overflow-y: hidden;
}

.mobile-find-solution-btn {
	position: fixed;
	bottom: 20px;
	z-index: 1001;
	left: 50%;
	transform: translateX(-50%);
	background: #fff;
	border: 2px solid #0000C8;
	font-size: 14px;
	color: #0000C8 !important;
	text-transform: uppercase;
	text-decoration: none;
	padding: 10px 14px;
	font-weight: 700;
	display: none;
}

.mobile-nav-popup .main-navigation .sub-menu .sub-menu li {
	max-width: 100% !important;	
}

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

#responsive-menu-pro-container .tel-link a {
	position: relative;
	left: 20px;
}

#responsive-menu-pro-container .tel-link a:before {
	left: -8px;
}

#responsive-menu-pro-container {
	height: calc(100% - 74px) !important;
	top: 74px !important;
}

#responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-item-link {
	font-size: 18px !important;
}

#responsive-menu-pro-container .art-header a, #responsive-menu-pro-container .art-header ul {
	background: #1B4075 !important;
	color: #fff !important;
}

#responsive-menu-pro-container .fashion-header a, #responsive-menu-pro-container .fashion-header ul {
	background: #326F79 !important;
	color: #fff !important;
}

#responsive-menu-pro-container .wine-header a, #responsive-menu-pro-container .wine-header ul {
	background: #6B404B !important;
	color: #fff !important;
}

#responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item a {
	border-bottom: 1px solid rgba(255,255,255,.1) !important;
}

.responsive-menu-pro-subarrow {
	top: 5px !important;	
}

#responsive-menu-pro-container .uovoworld-nav a, #responsive-menu-pro-container .wine-header ul { 
	background: #fff !important;
	color: #0000C8 !important;
}

#responsive-menu-pro-container .uovoworld-nav ul li a span {
	display: none !important;
}

#responsive-menu-pro-container .art-trigger a {
	background: #1B4075 !important;
	color: #fff !important;
	text-transform: uppercase !important;
}

#responsive-menu-pro-container .fashion-trigger a {
	background: #326F79 !important;
	color: #fff !important;
	text-transform: uppercase !important;
}

#responsive-menu-pro-container .wine-trigger a {
	background: #6B404B !important;
	color: #fff !important;
	text-transform: uppercase !important;
}


#responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item a .responsive-menu-pro-subarrow {
	color: #fff !important;
}

#responsive-menu-pro-container #responsive-menu-pro ul.responsive-menu-pro-submenu-depth-1 a.responsive-menu-pro-item-link {
	text-transform: none !important;
	font-weight: 700;
	font-size: 14px !important;
}

#responsive-menu-pro-container #responsive-menu-pro ul.responsive-menu-pro-submenu-depth-2 a.responsive-menu-pro-item-link {
	font-weight: 400;
}

.service-art #responsive-menu-pro-button {
	background: #1B4075 !important;
}

.service-fashion #responsive-menu-pro-button {
	background: #326F79 !important;
}

.service-wine #responsive-menu-pro-button {
	background: #6B404B !important
}

.flex-row .wysiwyg {
	width: 100%;
	max-width: 75%;
}

#two-col-border-top {
	border-top: 2px solid #0000C8;
}

.active .drawer-content {
	display: block !important;
}

.nav-drop {
	padding: 12px 0 12px;
	background: #0000C8;
	color: #fff;
	overflow: scroll;
	width: 100%;
	position: absolute;
	bottom: 45px;
	transition: bottom 200ms ease;
	-ms-overflow-style: none !important;  /* Internet Explorer 10+ */
	scrollbar-width: none !important;  /* Firefox */
}

.nav-drop::-webkit-scrollbar { 
	display: none !important;  /* Safari and Chrome */
}

.is-visible {
	bottom: -45px;	
	transition: bottom 200ms ease;
}

.service-art .page-nav-wrap ul li a, .service-fashion .page-nav-wrap ul li a, .service-wine .page-nav-wrap ul li a{
	color: #fff !important;
}



.page-nav-wrap {
	width: 100%;
	max-width: 100%;	
}

.nav-drop .page-nav-wrap ul {
	margin: 0;
	padding: 0 10px !important;
	list-style: none;
	column-gap: 0px;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
	overflow-x: auto;
	column-gap: 20px;
}

.nav-drop .page-nav-wrap ul::-webkit-scrollbar {
  display: none;
  -ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}

.nav-drop .page-nav-wrap ul {
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}

.nav-drop .page-nav-wrap ul li {
  flex: 0 0 auto;
 }
 
 /* .nav-drop .page-nav-wrap ul li:last-child a {
	 padding-right: 20px;
 } */

.page-nav li, .page-nav-wrap ul li {
	padding: 0 !important
}

#inner-nav {
	display: block;
	padding: 0;
	border-bottom: 0 !important;
}

.sticky-int-nav {
	border-bottom: 2px solid #0000C8 !important;	
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 2rem;
	position: relative;
	z-index: 1;
	background: #fff;
	top: 4px;
}

.sticky-int-nav h1 {
	padding: 0;	
}

.service-dropdown-link {
	position: relative;
	top: 4px;
	color: 	#0000C8 !important;
	text-decoration: none;
}

.circle-plus {
  height: 30px;
  width: 30px;
  opacity: 0.7;
}

.circle-plus .circle {
  position: relative;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  top: 35%;
  left: 50%;
  transform: translate(-50%);
}

.circle-plus .circle .horizontal {
  position: absolute;
  background-color: #0000C8 !important;
  width: 15px;
  height: 2px;
  left: 50%;
  margin-left: -9px;
  top: 50%;
  margin-top: -2px;
}

.circle-plus .circle .vertical {
  position: absolute;
  background-color: #0000C8 !important;
  width: 2px;
  height: 15px;
  left: 50%;
  margin-left: -2.5px;
  top: 50%;
  margin-top: -9px;
}

.opened .horizontal {
transition: all 0.2s ease-in-out;
transform: rotate(90deg);
opacity: 0;
}

.opened .vertical {
transition: all 0.2s ease-in-out;
transform: rotate(90deg);
}

.service-btn-wrap {
	display: flex;
}

.journal-cat-nav {
	display: flex;
	justify-content: flex-end;
	column-gap: 10px;
}

.breadcrumb-wrap {
	visibility: hidden;
	height: 0;
	opacity: 0;
	font-size: 0;
}

.testimonials {
	list-style: none;
	margin: 0 -20px;
	padding: 0;
}

.testimonials li {
	padding: 0 20px;
}

/*--------------------------------------------------------------
# Side to Side Scroll
--------------------------------------------------------------*/

.is-visible {
	bottom: -38px;
	transition: bottom 200ms ease;
}

.nav-drop {
	grid-area: main;
	padding: 0;
	overflow-x: scroll;
	overflow-y: hidden;	
	-ms-overflow-style: none !important;  /* Internet Explorer 10+ */
	scrollbar-width: none !important;  /* Firefox */
}
	
.nav-drop::-webkit-scrollbar { 
	display: none !important;  /* Safari and Chrome */
}

  .nav-drop ul {
	position: relative;
	width: 100%;
	overflow-x: scroll;
	overflow-y: hidden;
	white-space: nowrap;
	transition: all 0.2s;
	will-change: transform;
	user-select: none;
	cursor: pointer;
	-ms-overflow-style: none !important;  /* Internet Explorer 10+ */
	scrollbar-width: none !important; 
  }
  
  .nav-drop ul::-webkit-scrollbar { 
		display: none !important;  /* Safari and Chrome */
	}

  .nav-drop ul.active {
	cursor: grabbing;
	cursor: -webkit-grabbing;
  }

  .nav-drop ul li {
	display: inline-block;
	/* width: 400px; */
	height: 40px;
	margin: 0 20px;
	display: flex;
	align-items: center;
}

a, a:active, a:focus {
   outline: none !important;
}


/*--------------------------------------------------------------
# 404
--------------------------------------------------------------*/

.error-404 {
	padding: 120px 20px;
}

.error-inner {
	height: 550px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}

.error-inner h1 {
	margin: 0;
	font-size: 160px;
	color: #0000C8;
	line-height: 1;
	margin-bottom: 20px;
}

.error-inner p, .error-inner a {
	color: #0000C8 !important;
	line-height: 1;
	font-size: 20px;
}

.error-inner a {
	font-size: 14px;
	transition: opacity 200ms ease;
}

.error-inner a:hover {
	opacity: .7;
}

/*--------------------------------------------------------------
# Alert Bar
--------------------------------------------------------------*/

.alert-bar-outer {
	width: 100%;
}

.alert-bar {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 8px 30px;
	background: #fff;
	color: #0000C8 !important;
	text-decoration: none;
	font-size: 15px;
	font-weight: 500;
	text-align: center;
	transition: opacity 200ms ease;
	border-bottom: 1px solid #0000C8;
}

a.alert-bar:hover {
	opacity: .8;
}

.alert-bar p {
	margin: 0;	
}

.alert-bar a {
	color: #0000C8 !important;
}

	#bar-blue .alert-bar {
		background: #0000C8;
		color: #fff !important;
		border-bottom: 1px solid #fff;
	}
	
	#bar-blue .alert-bar p {
		color: #fff !important;
		margin: 0;	
	}
	
	#bar-blue .alert-bar a {
		color: #fff !important;
	}



	#bar-art-blue .alert-bar {
		background: #80A5D1;
		color: #fff !important;
		border-bottom: 1px solid #fff;
	}
	
	#bar-art-blue .alert-bar p {
		color: #fff !important;
		margin: 0;	
	}
	
	#bar-art-blue .alert-bar a {
		color: #fff !important;
	}



	
	#bar-fashion-green .alert-bar {
	background: #57BDBE;
	color: #fff !important;
	border-bottom: 1px solid #fff;
	}
	
	#bar-fashion-green .alert-bar p {
		color: #fff !important;
		margin: 0;	
	}
	
	#bar-fashion-green .alert-bar a {
		color: #fff !important;
	}

	#bar-wine-red .alert-bar {
		background:  #CD6A63;
		color: #fff !important;
		border-bottom: 1px solid #fff;
	}
	
	#bar-wine-red .alert-bar p {
		color: #fff !important;
		margin: 0;	
	}
	
	#bar-wine-red .alert-bar a {
		color: #fff !important;
	}

.submission-form-wrap .wpforms-container .wpforms-field-label-inline {
	font-weight: 500 !important;
}

.other-label .wpforms-field-label {
	font-weight: 500 !important;
	text-transform: inherit !important;
}

.wpforms-container-full .wpforms-form .wpforms-image-choices-classic .wpforms-image-choices-item label {
	border: 3px solid #f5f5f5 !important;
	box-shadow: none !important;
	outline: none;
	transition: all 200ms ease;
}

.wpforms-container-full .wpforms-form .wpforms-image-choices-classic .wpforms-image-choices-item.wpforms-selected label {
border: 3px solid #0000C8 !important;
box-shadow: none !important;
outline: none;
transition: all 200ms ease;
}

.wpforms-image-choices-label {
	text-transform: uppercase !important;
	color: #0000C8 !important;
	transition: all 200ms ease;
}

.wpforms-field-description {
	color: #0000C8 !important;
	font-weight: 500 !important;
}

div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-item label:hover, div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-item label:hover {
	border: 3px solid #0000C8 !important;
	transition: all 200ms ease;
}

.art-other .wpforms-field-label {
	color: #1B4075 !important;
}

.submission-form-wrap .art-other textarea {
	color: #1B4075 !important;
	border: 1px solid #1B4075 !important;
}

.art-select .wpforms-field-label, .art-select .wpforms-field-label-inline, .wpforms-image-choices li:first-child .wpforms-image-choices-label {
	color: #1B4075 !important;
}

.wpforms-container-full .wpforms-form .wpforms-image-choices-classic .wpforms-image-choices-item.wpforms-selected:first-child label {
	border: 3px solid #1B4075 !important;
	transition: all 200ms ease;
}

.wpforms-container-full .wpforms-form .wpforms-image-choices-classic .wpforms-image-choices-item:first-child label:hover, .wpforms-image-choices-item:first-child .wpforms-selected {
	border: 3px solid #1B4075 !important;
	transition: all 200ms ease;
}

.fashion-other .wpforms-field-label {
	color: #326F79 !important;
}

.submission-form-wrap .fashion-other textarea {
	border: 1px solid #326F79 !important;
	color: #326F79 !important;
}


.fashion-select .wpforms-field-label, .fashion-select .wpforms-field-label-inline, .wpforms-image-choices li:nth-child(2)  .wpforms-image-choices-label {
	color: #326F79 !important;
}

.wpforms-container-full .wpforms-form .wpforms-image-choices-classic .wpforms-image-choices-item.wpforms-selected:nth-child(2) label {
	border: 3px solid #326F79 !important;
	transition: all 200ms ease;
}

.wpforms-container-full .wpforms-form .wpforms-image-choices-classic .wpforms-image-choices-item:nth-child(2) label:hover, .wpforms-image-choices-item:nth-child(2) .wpforms-selected {
	border: 3px solid #326F79 !important;
	transition: all 200ms ease;
}

.wine-other .wpforms-field-label {
	color: rgba(107,64,75,1)!important;
}

.submission-form-wrap .wine-other textarea {
	border: 1px solid rgba(107,64,75,1)!important;
	color: rgba(107,64,75,1)!important;
}

.wine-select .wpforms-field-label, .wine-select .wpforms-field-label-inline, .wpforms-image-choices li:nth-child(3)  .wpforms-image-choices-label {
	color: rgba(107,64,75,1)!important;
}

.wpforms-container-full .wpforms-form .wpforms-image-choices-classic .wpforms-image-choices-item.wpforms-selected:nth-child(3) label {
	border: 3px solid rgba(107,64,75,1)!important;
	transition: all 200ms ease;
}

.wpforms-container-full .wpforms-form .wpforms-image-choices-classic .wpforms-image-choices-item:nth-child(3) label:hover, .wpforms-image-choices-item:nth-child(3) .wpforms-selected {
	border: 3px solid rgba(107,64,75,1)!important;
	transition: all 200ms ease;
}

div.wpforms-container-full .wpforms-form label.wpforms-error, div.wpforms-container-full .wpforms-form em.wpforms-error {
	font-weight: 500 !important;
}

.wpforms-container .wpforms-image-choices-classic img {
	width: 100% !important;	
}

.wpforms-image-choices {
	display: flex !important;
}

.project-details-wrap label {
	margin: 0 !important;
	margin-bottom: 0 !important;
}

.project-details-wrap .wpforms-field-description {
	margin-bottom: 10px !important;
}

.wpforms-field.wpforms-field-content .wpforms-field-row h5 {
	margin-top: -10px !important;	
}

.iframe-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}
.iframe-container iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  border: 1px solid #c7c7c7;
}

.jounal-space {
	display: none;
	width: 100%;
	height: 20px;
}

/* FAQ List
--------------------------------------------- */

.section--faq_list {
	padding: 20px 2rem 80px;
	width: 100%;
	margin: 0 auto;
	display: table;
}

.tab-btn-wrap {
	display: block;
	width: 100%;
}

.faq-title {
	color:#0000C8;
	font-size: 18px;
	/* font-weight: 500; */
	padding: 10px 0 30px;
	font-size: 20px;
	/* color: #0000C8; */
	text-transform: uppercase;
	text-decoration: none;
}

.faq-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

li.faq {
	margin-bottom: 0;
}

a.question-title {
	background: rgba(0,0,200,.1);
	border-radius: 15px;
	font-size: 20px;
	font-weight: 700;
	position: relative;
	display: block;
	text-decoration: none;
	width: 100%;
	cursor: pointer;
	padding: 14px 14px 15px;
	display: flex;
	align-items: center;
}

a.question-title p {
	margin: 0;
	max-width: 90%;
	color: #0000C8;
}

.answer-wrap p, .answer-wrap a {
	color: #0000C8;
}

a.question-title:after { 
	content: '';
	position: absolute;
	right: 15px;
	width: 24px;
	height: 24px;
	background-image: url('/wp-content/themes/uovo/img/icons/blue-arrow.svg');
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	transform: rotate(0deg);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

a.turn-arrow:after {
	transform: rotate(-180deg);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.question-title-inner {
	display: flex;
	justify-content: flex-start;
	column-gap: 20px;
	align-items: center;
}

.answer-wrap {
	display: block;
	visibility: hidden;
	opacity: 0;
	height: 0;
	overflow: hidden;
	padding: 10px 14px 0;
	transition: opacity 200ms linear, height 200ms ease, visibility 200ms ease;
}

.show-answer {
	visibility: visible;
	opacity: 1;	
	height: auto;
	padding-bottom: 30px;
	transition: opacity 200ms linear, height 200ms ease, visibility 200ms ease;;
}

.faq_category {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

/*--------------------------------------------------------------
# Login Pane	
--------------------------------------------------------------*/

.overflow {
	overflow: hidden !important;
}

.login-pane {
	width: 100%;
	height: calc(100svh - var(--div-height));
	background: #fff;
	position: relative;
	padding: 0 20px 20px;
}

.pane-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 70px
}

.pane-header p, .pane-header a {
	margin: 0;
}

.pane-inner {
	width: 100%;
	height: calc(100% - 35px);
}

.pane-header p {
	color: #0000C8;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: .04rem;
	font-weight: 700;
}

.pane-header a {
	position: relative;
	color: #0000C8;
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
	right: 22px;
	transition: opacity	300ms ease;
}

.pane-header a:after {
	content: '';
	position: absolute;
	right: -22px;
	width: 14px;
	height: 14px;
	background: url('/wp-content/themes/uovo/img/icons/uovo-close.svg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%;
	top: 50%;
	transform: translateY(-50%);
}

.pane-header a:hover {
	opacity: .6;	
}

.pane-header img {
	width: 100%;
}

.login-links {
	width: 100%;
	height: calc(100% - 75px);
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
}

.login-links li {
	width: 100%;
	height: 100%;
	max-width: 33.333333333%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.portal-bg-wrap {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.portal-bg-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.portal-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.3);
}

.portal-title-wrap {
	display: flex;
	flex-direction: column;
}

.portal-title-wrap {
	position: relative;
	z-index: 100;
	display: flex;
	justify-content: center;
	align-content: center;
	text-align: center;
	flex-direction: column;
	row-gap: 20px;
}

.portal-logo {
	width: 100%;
	max-width: 240px;
	margin: 0 auto;
	margin-bottom: 30px;
}

.login-title {
	font-weight: 500;
	font-size: 28px;
	color: #fff;
	text-transform: uppercase;
	margin: 0;
	margin-bottom: 10px;
}

.portal-title-wrap .button {
	text-decoration: none;
	padding: 10px 20px;
	border: 1px solid #fff;
	align-self: flex-start;
	margin: 0 auto;
}

.cd-popup {
  position: relative;
  background-color: #fff;
  top: calc(-1* var(--div-height));
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, height 200ms ease;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, height 200ms ease;
  transition: opacity 0.3s 0s, visibility 0s 0.3s, height 200ms ease;
}
.cd-popup.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s, height 200ms ease;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s, height 200ms ease;
  transition: opacity 0.3s 0s, visibility 0s 0s, height 200ms ease;
}

.login-stretch {
	/* height: calc(100vh - 76px); */
	transition: height 200ms ease;
}

.mobile-login {
	display: none;
}

.pdf-wrap {
	max-width: 75%;
}


:root {
  --font-primary: "BrandonTextWeb", sans-serif;
  --font-secondary: "freight-big-pro", serif;
  --black: 0 0 0;
  --cherrywood: 110 22 30;
  --dark-blue: 0 0 199;
  --ebony-clay: 36 42 55;
  --fiord: 70 83 102;
  --heath: 84 19 19;
  --pearl-bush: 229 220 211;
  --twine: 190 123 84;
  --white: 255 255 255;
  --nav-height: 3.1875rem;
  --footer-height: 39.1875rem;
  --nav-logo-color: var(--cherrywood);
  --nav-link-color: var(--white);
}


/* == Lead Gen == */

.leadgen-header {
	padding: 0;
	width: 100%;
	height: calc(95svh - 105px);
}

.flex-column-wrap {
	display: flex;
	flex-direction: row;	
	height: 100%;
}

.flex-column-half {
	width: 100%;
	max-width: 50%;
}

.gen-header-wrap {
	height: 100%;
}

.gen-header-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50%;
}

.lead-gen-col {
	padding: 2rem;	
	display: flex;
	flex-direction: column;
	gap: 0;
}

.gen-service-list {
	margin-top: 2rem;
}

.gen-service-list {
	list-style: none;
	margin: 0;
	padding: 0;	
	margin-top: 1.2rem;
}

.gen-service-list li {
	margin-bottom: .7rem;
}

.gen-cta-wrap {
	margin-top: 6rem;	
}

.gen-service-list li a {
	text-decoration: none;	
}

	#big-text {
		max-width: 100% !important;
		width: 100% !important;
	}

.leadgen-header-text h1, #big-text p {
	font-weight: 400;
	font-size: clamp(var(--text-md), 4vw, var(--text-lg));
	line-height: 1.25;
	font-family: 'Manrope', "Helvetica Neue", sans-serif !important;
	font-style: normal !important;
	font-weight: 500 !important;
	font-stretch: normal !important;
}

.leadgen-header-text p {
	font-weight: 400;
	font-size: var(--text-body);
}

.gen-service-list h3 {
	text-transform: uppercase;
	font-size: var(--text-md);
}

.gen-service-list .service-link{
	display: flex;
	align-items: center;
	gap: 10px;
}

.gen-service-list .material-symbols-outlined {
	font-size: 30px;
}

.border-top {
	/* Standalone divider element emitted by the features_list / full_width_content
	   "border top" toggle. It sits directly in #primary (no padding), so at 4px and
	   width:100% it rendered thick and edge-to-edge while every other section break on
	   the site is a 2px line inset from the content edge. Match them — reusing the same
	   tokens as the animated dividers in motion.css keeps the two in sync, including
	   the narrower gutter on mobile. */
	width: auto;
	height: var(--uovo-line-thickness, 2px);
	margin-left: var(--uovo-line-inset, 2rem);
	margin-right: var(--uovo-line-inset, 2rem);
	background: #0000C8;
	margin-bottom: 2.25rem;	
}

/* Hero Reel
--------------------------------------------- */

.hero-reel {
	width: 100%;
	height: calc(100svh - 105px);
	position: relative;
	padding: 0;
	top: 0;
}

.reel-spacer {
	height: 0;
}

.video-wrap {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

	#video {
	width: calc(100% + 2px);
	height: 100%;
	display: table;
	margin: 0 auto;
	object-fit: cover;
}

.hero-content {
	position: absolute;
	bottom: 40px;
	left: 40px;
	width: 100%;
	max-width: 40%;
	z-index: 2;
}

.hero-content .hero-lead p {
	font-size: 4vw;
	font-weight: var(--normal);
	color: #fff !important;
	line-height: 1.25;
	margin: 0;
	margin-bottom: 30px;
	letter-spacing: -0.3px;
}

.hero-bg-grad {
	width: 100%;
	height: 70%;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
	pointer-events: none; /* ensures it doesn't block interaction */
	z-index: 1; /* make sure it sits above the video but below the text */
	position: absolute;
	bottom: 0;
	left: 0;
}

#h1-hidden {
	font-size: 0 !important;
	visibility: hidden !important;
	opacity: 0 !important;
	height: 0 !important;
}

/* -------------------------------- 

Pop Up

-------------------------------- */

.vid-popup-trigger {
	font-weight: inherit;
	color: #fff !important;
	font-size: 18px;
	border-bottom: 1px solid #fff;
	text-decoration: none;
	padding-bottom: 2px;
	cursor: pointer !important;
	transition: opacity 300ms linear;
}

.vid-popup-trigger:hover {
	opacity: .7;
}


.vid-popup {
  position: fixed;
  inset: 0;
  height: 100vh;
  width: 100vw;
  backdrop-filter: blur(5px);
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  visibility: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.3s ease, visibility 0s linear 0.3s;
  z-index: 1000000;
}

.vid-popup.is-visible {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease, visibility 0s linear 0s;
}

.vid-popup-container {
  position: relative;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  transform: translateY(-40px);
  transition: transform 0.3s ease;
  -webkit-backface-visibility: hidden;
}

.vid-popup.is-visible .vid-popup-container {
  transform: translateY(0);
}

.hero-embed-wrap {
  width: 100%;
  max-width: 1200px;
  height: 100%;
  margin: 0 auto;
}

.hero-embed-wrap iframe,
.fitVids-wrapper iframe {
  width: 100%;
  height: 100%;
  border: none;
}

.fitVids-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}

.fitVids-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
}

.vid-popup-close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  background: none;
  border: none;
  color: white;
  font-size: 2rem;
  line-height: 1;
  cursor: pointer;
  transition: opacity 0.2s linear;
  z-index: 10;
  font-size: 0;
}

.vid-popup-container .vid-popup-close:hover {
  opacity: .5;
}

.vid-popup-container .vid-popup-close::before, .vid-popup-container .vid-popup-close::after {
	content: '';
	position: absolute;
	top: 12px;
	width: 30px;
	height: 1px;
	background-color: #fff;
}
.vid-popup-container .vid-popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: -1px;
}
.vid-popup-container .vid-popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 12px;
}
.is-visible .vid-popup-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}


.footer-subscribe {
	
	.klaviyo-form button {
		transition: all 300ms ease;
	}
	
}

/* --- mobile_0525.css --- */
/* 1440 Dell 15in */
@media (max-width: 2400px) {

.main-navigation .sub-menu, .shrink .main-navigation .sub-menu {
	width: 65%;
	left: -65%;
	flex-direction: row;
	align-items: flex-start;
	column-gap: 0 !important;
}

.main-navigation .services-nav .sub-menu .sub-menu li {
	width: 100% !important;
	margin-bottom: 10px;
}

.main-navigation .sub-menu li {
	height: 100% !important;
}

.main-navigation ul ul {
	width: 100%;
}

.hero-overview p, .page_intro .wysiwyg p {
	font-size: 42px;
}

.page_intro .wysiwyg {
	max-width: 75%;
}

.body-content .wysiwyg p {
	font-size: 22px;
}

.wysiwyg p {
	font-size: 20px;
}

}

/* 1280 MacBookAir 13in */
@media (max-width: 1320px) {
	
.site-branding {
	width: 140px;
}

.site-header li a {
	font-size: 15px !important;
}

ul.page-nav {
	max-width: 75%;
}

.post-slider-image {
	height: 260px;
}

.article-header #flex-end {
	justify-content: flex-end;
	right: 0;
}

#flex-end li a {
	font-size: var(--text-sm);
}

.gen-cta-wrap {
	margin-top: 3rem;
}

.leadgen-header-text h1 {
	font-size: var(--text-title);
}
	
.leadgen-header-text p {
	font-weight: 400;
	font-size: var(--text-sm);
}
	
	
}


/* 1200 IPad Pro */
@media (max-width: 1200px) {

.site-icon {
	display: none;	
}

.header-inner {
	padding: 0 1.2rem;
} 


.hero-overview p, .page_intro .wysiwyg p {
	font-size: 36px;
}

.post-slides li {
	padding: 1rem;
	padding-bottom: 3rem;
}

}

/* 1180 IPad Air */
@media (max-width: 1180px) {

.header-left .main-navigation{
	display: none;
}

#flex-end .main-navigation {
	display: inherit !important;
}

.site-header {
	height: 70px;
}

#nav-icon4 {
	display: none !important;
}

#flex-end {
	width: 100% !important;
}

#flex-end {
position: relative;
right: 40px;
}

.nav-spacer {
	height: 70px;
}

	.footer-bottom {
	flex-direction: column;
	align-items: flex-start;
	row-gap: 20px;
}

	.hero-reel {
	height: calc(100svh - 60px);
}

	
.hero-content {
	bottom: 60px;
}

.footer-btm-navigation ul li {
	max-width: 100%;
	text-align: left;
}

.footer-btm-sm {
max-width: 100%;
}

#footer-right {
	justify-content: flex-start;
}

.footer-btm-md {
	max-width: 100%;
}

button#responsive-menu-pro-button {
	background: transparent !important;
}

}


/* 1024 IPad Mini */
@media (max-width: 1024px) {
	
.header-left {
	width: auto;
}
	
.post-slider-image {
	height: 200px;
}

.hero-overview p, .page_intro .wysiwyg p {
	font-size: 30px;
}

.resources .material-symbols-outlined {
	font-size: 28px;
}

.page_intro .wysiwyg {
	max-width: 70%;
}

.submission-form-wrap {
	max-width: 100% !important;
}

.recent-posts li {
	max-width: calc(50% - 1rem);
}

.nav-spacer {
	height: 70px;
}
	
.hero-slides {
	height: calc(100vh - 70px);
}

.article-header {
 margin-top: 70px;
}

.hero-content {
	max-width: 70%;
}

.hero-content .wysiwyg h1 {
	font-size: 64px;
}

.hero-content .hero-lead p {
	font-size: 54px;	
}
	
}

/* 900 IPad Mini */
@media (max-width: 900px) {
	
	.hero-content .hero-lead p {
		font-size: 46px;	
	}
		

	.hero-content {
		max-width: 70%;
	}
	
	.hero-content .wysiwyg h1 {
		font-size: 54px;
	}
	
	.article-content {
		flex-direction: column;
		row-gap: 30px;
	}
	
	.article-content .one-half {
		max-width: 100%;
	}
	
	.article-header {
		flex-direction: column;
		row-gap: 20px;
	}
	
	.one-fourth {
		text-align: center;
	}
	
	.article-header #flex-end {
		justify-content: center;
	}
	
	.desktop-hide {
		display: inherit !important;
	}
	
	.hero-slides {
		height: 360px;
		overflow: hidden;
	}
	
	.sticky-int-nav {
		padding: 0 1.2rem;
	}
	
	.header-left {
		width: auto;
	}
	
	.mobile-nav-popup .main-navigation .sub-menu {
		flex-direction: column;
	}
	
	
	.mobile-nav-popup .main-navigation .sub-menu .sub-menu li {
		width: 100% !important;
		margin-bottom: 6px;
		max-width: 50%;
	}
	
	.mobile-nav-popup .main-navigation .uovoworld-nav .sub-menu li {
		height: auto !important;
	}
	
	.footer-top {
		flex-direction: column;	
		row-gap: 20px;
	}
	
	.footer-subscribe {
		max-width: 60%;
	}
	
	.footer-navigation {
		max-width: 100%;
		border-top: 1px solid rgba(255,255,255,.2);
		padding-top: 20px;
	}
	
	.flex-row {
		flex-direction: column;
		row-gap: 30px;
	}
	
	.page_intro .wysiwyg {
		max-width: 100%;
	}
	
	.sidebar {
		max-width: 100%;
	}
	
	.page-nav {
		display: none !important;	
	}
	
	.service-flex-wrap {
		flex-direction: column;
	}
	
	.service-list .service-inner {
		max-width: 100%;
	}
	
	.post-slider-image {
		height: 300px;
	}
	
	section {
		padding-left: 1.2rem;
		padding-right: 1.2rem;
	}
	
	.fw-image-wrap {
		height: 500px;
	}
	
	
	#flex-end {
		right: 60px;
		position: relative;
	}
	
	.feature-list li {
		max-width: 33.333333333%;
	}
	
	.page-nav-outer .page-title {
	max-width: 75%;
	}
	
	#post-title {
		font-size: 18px;	
	}
	
	#post-description {
		font-size: 16px;	
	}
	
	.jounal-space {
		display: block;
	}
	
	
	
	.image-grid {
		flex-wrap: wrap;
	}
	
	.image-grid li {
		display: none;
	}
	
	.image-grid li:first-child {
		display: block !important;
		max-width: 100% !important;
	}
	
	.image-grid li .image-grid-wrap {
		height: 400px;
		margin-bottom: 0 !important;
	}
	
	.image-grid-wrap {
		margin-bottom: 0 !important;
	}
	
	.pdf-wrap {
		max-width: 100%;
	}
	
	.leadgen-header {
		height: auto;
	}
	
	.flex-column-wrap {
		flex-direction: column-reverse;	
	}
	
	.flex-column-half {
		max-width: 100%;
	}
	
	.gen-header-wrap img {
		height: 360px;
	}
	
	.lead-gen-col {
		padding: 1.5rem;
	}
	
	.leadgen-header-text h1 {
		font-size: var(--text-title);
	}
	
}

/* 600 Big Phone */
@media (max-width: 800px) {
	
	.footer-btm-navigation ul {
		display: grid;
		grid-template: 1fr 1fr;
	}
	
.article-header #flex-end {
	justify-content: flex-start;
	right: 0;
}

.journal-info {
	width: 100% !important;
	max-width: 100% !important;
	text-align: left !important;
}

.wysiwyg p, .service-info h3 {
	font-size: 16px;
}

.page-title {
	height: auto !important;
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.slider-links a {
	font-size: 1rem !important;
}

.article-header a, .article-header .pub-date {
	font-size: 1rem !important;
	text-transform: none !important;
	font-weight: 500 !important;
}

.article-header {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-top: 0;
}

.features-list-title {
	padding: 0 1.2rem !important;
}

.hero-overview p, .page_intro .wysiwyg p {
	font-size: 28px !important;
}

.page-title {
	font-size: 36px !important;
}

.hero-content .wysiwyg h1 {
	font-size: 44px;
}

	.hero-content {
	left: 0;
	bottom: 0;
	padding: 20px 20px 30%;
	max-width: 100%;
}

.site-footer {
	padding-bottom: 140px;
}

}

/* 600 Big Phone */
@media (max-width: 600px) {
	
	.hero-content {
		padding: 20px 20px 40%;
	}
	
	.hero-content .hero-lead p {
		font-size: 38px;	
	}
		
	

	
	.hero-content .wysiwyg h1 {
		font-size: 38px;
	}
	
	.vid-popup-container .vid-popup-close {
		right: 0;
	}

.feature-list li {
	max-width: 50%;
}

.slider-header {
	display: flex;
	flex-direction: column;	
}

.slider-header h3 {
	padding: 0;
}

.sticky-int-nav .page-title {
	max-width: 100%;
}

.desktop-hide {
	display: inherit !important;
}

.mobile-nav-popup .main-navigation .sub-menu {
	display: block;
}

.mobile-nav-popup .main-navigation .sub-menu {
	overflow-y: scroll;
	height: 100% !important;
}

.sticky-int-nav {
	flex-direction: column;
	align-items: flex-start;
}

.sticky-int-nav .page-title {
	height: auto !important;
	margin-bottom: 5px;
}

.sticky-int-nav {
	padding: 12px 1.2rem;
}

.mobile-nav-popup .main-navigation li a {
	font-size: 13px;
}

.mobile-nav-popup .main-navigation ul {
	column-gap: 12px;
	justify-content: flex-start;
}

#menu-item-559 {
	display: none;
}

.hero-overview p, .page_intro .wysiwyg p {
	font-size: 26px;
}

.slider-header h3 {
	font-size: 18px;
}

.slider-links a {
	font-size: 14px;
}

.footer-subscribe, .footer-subscribe .wpforms-container {
	max-width: 100%;
}

.footer-navigation ul {
	flex-direction: column;
}

.nav-drop .page-nav-wrap ul {
	column-gap: 0;
}

.footer-btm-sm, .footer-btm-md {
	max-width: 100%;
	display: flex;
	justify-content: flex-start !important;
}

.footer-btm-navigation ul li {
	width: auto;
}

.footer-btm-navigation ul {
	justify-content: flex-start;
	column-gap: 1rem;
}

.post-slides .slick-arrow {
top: 40%;
}

/* .post-slides .slick-prev:after, .post-slides .slick-next:after, .hero-slides .slick-arrow, .hero-slides .slick-prev:after, .hero-slides .slick-next:after {
	width: 30px;
	height: 30px;
} */

.footer-navigation .menu-item-has-children {
	margin-bottom: 20px;
	display: block;
}

.mobile-find-solution-btn {
	display: inherit;
}

.fw-image-wrap {
	height: 280px !important;
}

.two-col-list li {
	flex-direction: column;
	row-gap: 20px;
}

.two-col-image-wrap {
	max-width: 100%;
}

.two-col-inner .wysiwyg {
	max-width: 100%;
}

.submission-form-wrap .wpforms-layout-column-50 {
	width: 100% !important;
}


.submission-form-wrap .wpforms-submit {
	width: 100% !important;
	max-width: 100% !important;
}

#section-title {
	font-size: 32px;
	padding-left: 1.2rem;
	padding-right: 1.2rem;
}

.page-title {
	font-size: 18px;
	padding: 6px 1.2rem 0;	
	height: 65px;
}

.accordion a#drawer-trigger {
	font-size: 18px;
	padding: 6px 1.2rem 0;	
}

.drawer-content {
	padding: 0 1.2rem 2rem;
}

.team-columns h3, .members-list li p {
	font-size: 16px;
}

.team-columns {
	flex-direction: column;
}

.team-columns li {
	max-width: 100%;
}

.footer-subscribe .wpforms-container {
	max-width: 100% !important;
}

.recent-posts li {
	max-width: 100%;
	margin-bottom: 20px;
}

.featured-item {
	flex-basis: 100%;
}

.feature-wrap {
	height: 500px;
}

.feature-content-wrap {
	padding: 20px 1.2rem;	
}

.article-header .one-fourth {
	max-width: 100%;
}

.article-header #flex-end {
	justify-content: center;
	right: 0;
}

.article-content {
	display: flex;
	flex-direction: column;
}

.article-content .one-half {
	max-width: 100%;
}

.article-content {
	padding: 30px 1.2rem 60px;
}

.feature-wrap {
	height: 320px;
}

.article-header {
	row-gap: 10px;
}

.error-404 {
	padding: 80px 20px 0;
}

.error-inner {
	height: 450px;
}

.error-inner h1 {
	margin: 0;
	font-size: 90px;
	color: #0000C8;
	line-height: 1;
	margin-bottom: 20px;
}

.alert-bar {
	font-size: 14px;
	padding: 10px;
}

.login-links {
	flex-direction: column;
}

.login-links li {
	width: 100%;
	max-width: 100%;
}

.login-pane {
	padding: 0;
}

.portal-title-wrap {
	row-gap: 5px;
}

.portal-logo {
	max-width: 120px;
	margin-bottom: 5px;
}
/* 
.login-pane {
	height: calc(100vh - 40px) !important;
} */

.pane-header {
	padding: 0 1.2rem;
}

.mobile-login {
	display: block;
	position: relative;
	right: 40px;
	color: #fff !important;
	text-decoration: none;
	font-weight: 500;
	width: 100%;
	text-align: right;
	justify-content: flex-end;
}

.pane-header {
	height: 35px;
}

.login-title {
	font-size: 22px;
}

.image-grid li {
	max-width: 100%;
}

.image-grid li .image-grid-wrap {
	height: 320px;
}

}

/* 320 Big Phone */
@media (max-width: 400px) {
	
	.feature-list li {
		max-width: 100%;
	}
	
	div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul {
		flex-direction: column;
	}
	
	.wpforms-container .wpforms-image-choices-classic img {
		max-width: 75% !important;
	}
	
}

/* 600 Big Phone */
@media (max-height: 1000px) {
	
.leadgen-header {
	height: auto;
}

}
/* --------------------------------------------------------------
   Mobile gutter alignment: elements that carry their own 2rem side
   gutters (matching desktop sections) follow the 1.2rem mobile
   standard, same as the `section` rule above.
   -------------------------------------------------------------- */
@media (max-width: 900px) {
	.page-title,
	.features-list-title,
	.accordion a#drawer-trigger {
		padding-left: 1.2rem;
		padding-right: 1.2rem;
	}
	.drawer-content {
		padding: 0 1.2rem 2rem;
	}
	.article-header {
		padding: 34px 1.2rem 30px;
	}
	.article-content {
		padding: 30px 1.2rem 60px;
	}
}

/* --------------------------------------------------------------
   Responsive Menu Pro (mobile menu): About UOVO rows.
   RMP's generated styles give submenu chevrons a white color —
   invisible on this item's white row — and render labels as-is.
   Brand-blue chevron + uppercase label for the About UOVO item
   (RMP copies the menu item's uovoworld-nav class, so we key off it).
   -------------------------------------------------------------- */
#responsive-menu-pro-container li.uovoworld-nav > a.responsive-menu-pro-item-link {
	text-transform: uppercase !important;
}
/* Specificity matters here: the theme's own white-chevron rule is
   `#responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item a
   .responsive-menu-pro-subarrow` with !important — two IDs. Ours must out-rank it
   (two IDs + one more class), or the !important on both makes the white one win. */
#responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item.uovoworld-nav a .responsive-menu-pro-subarrow,
#responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item.uovoworld-nav a .responsive-menu-pro-subarrow .fas,
#responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item.uovoworld-nav li.responsive-menu-pro-item a .responsive-menu-pro-subarrow {
	color: rgba(0, 0, 200, 1) !important;
}

/* In the mobile menu, the About UOVO flyout's intermediate header item (needed for
   the desktop column design) reads as a duplicate row — hide its link and show its
   children directly under the top-level ABOUT UOVO item. display:block !important
   also outranks any inline display RMP's slide toggles set. */
#responsive-menu-pro-container li.uovoworld-nav li.art-header > a {
	display: none !important;
}
#responsive-menu-pro-container li.uovoworld-nav li.art-header > ul.responsive-menu-pro-submenu {
	display: block !important;
	height: auto !important;
}

/* --------------------------------------------------------------
   Mobile menu chevrons, drawn in CSS.
   Replaces Font Awesome, which RMP loaded site-wide (~45KB CSS +
   ~26KB webfont from a third-party host) purely for this one glyph.
   currentColor keeps the per-item colour rules above working.
   -------------------------------------------------------------- */
#responsive-menu-pro-container .responsive-menu-pro-subarrow .fas,
#responsive-menu-pro-container .responsive-menu-pro-subarrow .fa,
#responsive-menu-pro-container .responsive-menu-pro-subarrow .fab {
	display: none !important;
}
#responsive-menu-pro-container .responsive-menu-pro-subarrow::before {
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: translateY(-2px) rotate(45deg);
	transition: transform 0.2s ease;
}
/* Expanded state: flip the chevron up. */
#responsive-menu-pro-container .responsive-menu-pro-subarrow.responsive-menu-pro-subarrow-active::before {
	transform: translateY(2px) rotate(-135deg);
}


/* --- type_0824.css --- */
:root {

/* Font Sizes */
--text-xs: 15px !important;
--text-sm: 18px !important;
--text-md: 20px !important;
--text-body: 22px !important; 
--text-title: 32px !important;
--text-lg: 36px !important;
--text-xl: 40px !important;

/* Font Weight */
--normal: normal !important;
--medium: 500 !important;
--strong: 700 !important;

/* Font Family */
--serif: Hoefler, georgia, serif !important;
--sans:  'Manrope', "Helvetica Neue", sans-serif !important;

/* Font Transform */
--upper: uppercase !important;
--std: normal !important;

}

/* Style Overwrites */
.main-nav li a {
	font-size: var(--text-body);
	font-weight: var(--strong);
}

#flex-end li a {
	font-size: var(--text-body);
	font-weight: var(--medium);
}

.hero-overview p, .page_intro .wysiwyg p {
	font-size: var(--text-lg);
	font-weight: var(--normal);
}

.page-title {
	font-family: var(--serif);
	text-transform: var(--normal);
	font-size: var(--text-xl);
	font-weight: var(--normal);
	line-height: 1 !important;
	position: relative;
	top: 10px;
}

ul.resources li a, .slider-links a {
	font-weight: var(--strong);
	font-size: var(--text-body);
	text-transform: var(--std);
	letter-spacing: 0!important;
}

.slider-links a {
	font-weight: var(--medium);
	/* font-size: 1rem !important; */
}

.slider-header h3 {
	font-weight: var(--strong);
	font-family: var(--sans);
}

.wysiwyg p, .hero-excerpt-wrap p, .service-info h3{
	font-size: var(--text-body);
	font-weight: var(--medium);
	text-transform: var(--std); 
}

.service-info h3 {
	font-weight: var(--strong);
}

.service-info p {
	font-size: var(--text-sm);
	font-weight: var(--medium);
}

.post-title {
	font-family: var(--serif);
	text-transform: var(--std);
	font-weight: var(--normal);
	font-size: var(--text-title);
	text-align: left;
}

.article-header a, .article-header .pub-date {
	font-weight: var(--strong);
	font-size: var(--text-body);
	letter-spacing: 0 !important;
}

.article-content p, .wysiwyg ul li, .article-content ul li{
	font-size: var(--text-body);
}

h3.post-title-link {
	text-transform: var(--std);	
	line-height: 1.3;
}

.wysiwyg ul li, .article-content ul li {
	font-size: var(--text-sm);
}

/* 1280 MacBookAir 13in */
@media (max-width: 1320px) {
	
	#flex-end li a, .main-nav li a {
		font-size: var(--text-sm);
	}

/* 1280 MacBookAir 13in */
	@media (max-width: 800px) {
		
		#primary-contact {
			display: none;
		}
	
	
}

/* 900 IPad Mini */
@media (max-width: 900px) {

.hero-overview p, .page_intro .wysiwyg p {
	font-size: var(--text-title);
}
	
}