/* 
Theme Name: Red Tomato Child Theme
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Red Tomato Child Theme is a child theme of Hello Elementor, created for Red Tomato
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: red-tomato-child-theme
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*----------------------------------------------
   Global Styles & Animations
----------------------------------------------*/

@font-face {
  font-family: 'VinchensoRegular';
  src: url('/wp-content/uploads/VinchensoRegular.woff2') format('woff2');
  font-display: swap; 
}


@media screen and (max-width: 767px) {
  /* Disable CSS animations and transitions  on mobile*/
  .elementor-widget,
  .elementor-animation,
  [data-settings*="animation"],
  [data-settings*="entrance_animation"],
	[data-settings*='"_animation"']
	[data-settings*='"animation_mobile"'],{
    animation: none !important;
    transition: none !important;
  }
}


/*Hide RECAPTCHA v3*/
.grecaptcha-badge { visibility: hidden; }

/*higlight*/
::selection {
background-color: #cd1820;
color: #fff; /* Optional: adjust for contrast */
}

/* HighlightFor Firefox */
::-moz-selection {
background-color: #cd1820;
color: #fff;
}

/* Fade-in animation */
@media screen and (max-width: 1024px) {

@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}
}
/* Smooth scroll off */
html {
  scroll-behavior: auto !important;
}
sup {
  white-space: nowrap;
}

.skip-link {
  left: -150%;
  top: auto;
}

.skip-link:focus,
.skip-link:focus-visible {
  left: 10px;
  top: 10px;
}

/*links*/
.elementor-heading-title a {
	transition: color 0.3s ease-in-out !important;
}
.elementor-heading-title a:hover {
	color:#CD1820 !important;
    text-decoration:underline;
}

.elementor-widget-text-editor a {
  color: blue;
  text-decoration: underline;
}

.elementor-widget-text-editor a:hover {
  color: darkblue;
  text-decoration: underline;
}

.elementor-widget-theme-post-content a {
  color: blue;
  text-decoration: underline;
}

.elementor-widget-theme-post-content a:hover {
  color: darkblue;
  text-decoration: underline;
}

.blue-links a {
  color: blue;
  text-decoration: underline;
}

.bluelinks a:hover {
  color: darkblue;
  text-decoration: underline;
}



/* Screen reader only text */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/*----------------------------------------------
   Base Typography & Layout
----------------------------------------------*/

/* General link formatting */

.breadcrumbs a {
    color: white !important;
}

.breadcrumbs a:hover {
    color: white !important;
    text-decoration: underline;
    text-decoration-color: white !important;
}

.breadcrumbs-dark a {
    color: #CD1820 !important;
}

.breadcrumbs-dark a:hover {
    color: #CD1820 !important;
    text-decoration: underline;
    text-decoration-color: white !important;
}




/* List item spacing */
li {
  margin-top: 20px;
  margin-bottom: 20px;
}

body {
  font-family: "news-gothic-std", sans-serif;
}

h1 {
  font-family: "VinchensoRegular", sans-serif;
}

h2 h3 h4 h5 h6 {
  font-family: "news-gothic-std", sans-serif;
}


/* Container: Page Wrapper */
.page-template-page-basic-custom-template .page-wrapper {
  width: 1140px;
  margin: 0 auto;
  padding-top: 5%;
  padding-bottom: 20px;
}

/* H1: Page Title */
.single #content h1.entry-title,
.page-template-page-basic-custom-template #content h1.entry-title {
  font-family: "VinchensoRegular", sans-serif;
  text-align: center;
  font-size: 5rem;
  line-height: 1.2em;
}

/* H2 */
.single #content h2:not(.elementor-heading-title.elementor-size-default),
.page-template-page-basic-custom-template #content h2:not(.elementor-heading-title.elementor-size-default) {
  font-family: "news-gothic-std", sans-serif;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.2em;
  color: #676d70;
}

/* H3 */
.single #content h3:not(.elementor-heading-title.elementor-size-default),
.page-template-page-basic-custom-template #content h3:not(.elementor-heading-title.elementor-size-default) {
  font-family: "news-gothic-std", sans-serif;
  font-weight: 600;
  font-size: 2.2rem;
  line-height: 1.2em;
  color: #676d70;
}

/* H4 */
.single #content h4:not(.elementor-heading-title.elementor-size-default),
.page-template-page-basic-custom-template #content h4:not(.elementor-heading-title.elementor-size-default) {
  font-family: "news-gothic-std", sans-serif;
  font-size: 2rem;
  line-height: 1.2em;
  color: #676d70;
}

/* H5 */
.single #content h5:not(.elementor-heading-title.elementor-size-default),
.page-template-page-basic-custom-template #content h5:not(.elementor-heading-title.elementor-size-default) {
  font-family: "news-gothic-std", sans-serif;
  font-size: 1.8rem;
  line-height: 1.2em;
  color: #676d70;
}

/* H6 */
.single #content h6:not(.elementor-heading-title.elementor-size-default),
.page-template-page-basic-custom-template #content h6:not(.elementor-heading-title.elementor-size-default){
  font-family: "news-gothic-std", sans-serif;
  font-style: italic;
  font-size: 1.8rem;
  line-height: 1.2em;
  color: #676d70;
}

/* Body text & Paragraphs */
.single #content p,
.page-template-page-basic-custom-template #content p {
  font-family: "news-gothic-std", sans-serif;
  font-size: 1.6rem;
  line-height: 1.3em;
  margin-bottom: 2rem;
}

/* General link styling */
.single #content a:not(.wp-block-button__link)a:not(.elementor-heading-title)a:not(.elementor-size-default),
.page-template-page-basic-custom-template #content a:not(.wp-block-button__link) {
  font-weight: 600;
  color: blue;
  text-decoration: underline;
  position: relative;
	display: inline-block;
  transition: color 0.3s ease-in-out;
}
.single #content a:not(.wp-block-button__link)a:not(.elementor-heading-title)a:not(.elementor-size-default):hover,
.page-template-page-basic-custom-template #content a:not(.wp-block-button__link):hover {
  font-weight: 600;
  color: darkblue;
}
.single #content a:not(.wp-block-button__link)a:not(.elementor-heading-title)a:not(.elementor-size-default):focus,
.page-template-page-basic-custom-template #content a:not(.wp-block-button__link):focus,
.single #content a:not(.wp-block-button__link)a:not(.elementor-heading-title)a:not(.elementor-size-default):focus-visible,
.page-template-page-basic-custom-template #content a:not(.wp-block-button__link):focus-visible {
  font-weight: 600;
  color: darkblue;
}



/*----------------------------------------------
   Responsive Typography & Layout (Basic Page Template)
----------------------------------------------*/

/* Screens up to 1024px */

@media screen and (max-width: 1024px) {
.single #content h1.entry-title { font-size: 3.7rem; }
.single #content h2 { font-size: 2.3rem; }
.single #content h3, #content h4 { font-size: 1.6rem; }
.single #content h5 { font-size: 1.5rem; }
.single #content h6 { font-size: 1.5rem; }
.single #content p { font-size: 1.4rem; }

  
  /* Adjust page wrapper to 90% width */
   .page-template-page-basic-custom-template .page-wrapper {
    width: 90%;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
    animation: fadeIn 0.8s ease-in-out;
  }
}

/* Screens up to 767px */
@media screen and (max-width: 767px) {
.single #content h1.entry-title { font-size: 3rem; }
.single #content h2 { font-size: 2.1rem; }
.single #content h3, 
.single #content h4 { font-size: 1.5rem; }
.single #content h5 { font-size: 1.4rem; }
.single #content h6 { font-size: 1.4rem; }
.single #content p { font-size: 1.3rem; }
}


/*----------------------------------------------
   Link Card & Content Links
----------------------------------------------*/

/* Link card pseudo element */
.dd-link-card { 
  position: relative; 
} 

.dd-link-card :has(.dd-link-card__trigger a) { 
  position: static; 
} 

.dd-link-card__trigger a::before {
  position: absolute;
  inset: 0;
  z-index: 3;
}

/* Global custom link styling */
.elementor-heading-title a {
  /* your unique styling for title links */
  color: inherit;
  text-decoration: none;
}


/* ------------------------------------------------------------------
   Reset/override custom styling for Elementor widget heading links
--------------------------------------------------------------------- */


/*----------------------------------------------
   Gutenberg Specific Styles
----------------------------------------------*/

/* Gutenberg Image Padding */
.wp-block-image img {
  padding: 15px;
}

/* Gutenberg Button Styling (Custom) */
.wp-block-button .wp-block-button__link {
  font-family: "news-gothic-std", sans-serif;
  font-size: 1.6rem;
  font-weight: 600;
  color: #ffffff !important;
  background-color: #CD1820 !important;
  padding: 0.8rem 1.2rem;
  border: none !important;
  border-radius: 0 !important;
  display: inline-block;
  text-decoration: none;
  transition: background-color 0.3s ease-in-out !important;
}

/* Responsive font sizes */
@media screen and (max-width: 1024px) {
  .wp-block-button .wp-block-button__link {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 767px) {
  .wp-block-button .wp-block-button__link {
    font-size: 1.3rem;
  }
}

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

/* Gutenberg Paragraph, List & Quote Links */
.wp-block-paragraph a,
.wp-block-list a,
.wp-block-quote a {
  color: blue;
  text-decoration: underline;
  text-decoration-color: darkblue;
  transition: all 0.3s ease;
}

.wp-block-paragraph a:hover,
.wp-block-list a:hover,
.wp-block-quote a:hover {
  color: darkblue;
}

/*----------------------------------------------
   Additional Elements & Utilities
----------------------------------------------*/

/* Image Padding for Aligned Images */
img.size-medium.alignright {
  padding: 10px;
}

/* Background Text Highlight (Italic) */
.highlight-text {
  background-color: #eee7c4 !important;
  font-style: italic !important;
}

.red-divider {
  width: 20%;           
  height: 2px;          
  background-color: #CD1820;
  border: none;          
  margin: 1rem auto;     
  opacity: 0;            
  animation: fadeInLine 2s ease forwards;
	  animation-delay: 0.3s; 

	margin-bottom: 2rem;
}

@keyframes fadeInLine {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* image and caption styling */
.wp-block-image {
  position: relative;
  display: inline-block;
}


.wp-block-image figcaption.wp-element-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #eee7c4;
  padding: 0.5rem 1rem;
  font-family: "news-gothic-std", sans-serif;
  font-size: 1rem;
  color: #1a1a1a; 
  margin: 0;
  opacity: 0.95;
}



/*----------------------------------------------
   Blockquotes
----------------------------------------------*/
blockquote, blockquote p {
  font-family: "news-gothic-std", Sans-serif;
  font-size: 2.5rem !important;
  line-height: 1.3em;
  position: relative;
  padding: 1rem; 
  text-align: left;
  border: none; 
 margin-left: 2rem;
}

/* Large Open Quotation Mark */
blockquote::before {
  content: "“"; 
  font-family: "VinchensoRegular", sans-serif;
  font-size: 6rem; 
  color: #CD1820;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 1; 
}

/* Responsive adjustments for blockquotes */
@media (max-width: 1024px) {
blockquote, blockquote p {
  font-family: "News Gothic Std", sans-serif;
  font-size: 1.8rem !important;
  line-height: 1.3em;
  position: relative;
  padding: .5rem; 
  text-align: left;
  border: none; 
 margin-left: 1rem;
}

blockquote::before {
  content: "“"; 
  font-family: "VinchensoRegular", sans-serif;
  font-size: 3rem; 
  color: #CD1820;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 1; 
}
}
@media (max-width: 767px) {
blockquote, blockquote p {
  font-family: "News Gothic Std", sans-serif;
  font-size: 1.5rem !important;
  line-height: 1.3em;
  position: relative;
  padding: .5rem; 
  text-align: left;
  border: none; 
 margin-left: 1rem;
}

blockquote::before {
  content: "“"; 
  font-family: "VinchensoRegular", sans-serif;
  font-size: 3rem; 
  color: #CD1820;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 1; 
}
	
	.wp-block-image figcaption.wp-element-caption {
  position: static;
  bottom: 0;
  left: 0;
  font-size: 1rem;
  color: #1a1a1a; 
  margin: 0;
  opacity: 0.95;
}
}

/*----------------------------------------------
   Gutenberg Pullquote Styling (Centered Container)
----------------------------------------------*/
.wp-block-pullquote {
  position: relative;
  font-family: "VinchensoRegular", sans-serif;
  font-size: 2.1rem;
  line-height: 1.2em;
  margin: 2rem auto;      /* centers the container */
  max-width: 800px;       /* optional: limits the width */
  padding: 1rem 1.5rem 1rem 3rem; /* extra left padding for the open quote */
  text-align: left;       /* keeps text left aligned inside the container */
  border: none;
}


.wp-block-pullquote > p::after {
  content: "”";
  font-family: "VinchensoRegular", sans-serif !important;
  font-size: 5rem;
  color: #CD1820;
  margin-left: 0.5rem;
  vertical-align: bottom;
  line-height: 1;      
  display: inline-block;
}


/*----------------------------------------------
Pullquote Citation Styling (Centered, basic template)
----------------------------------------------*/
.wp-block-pullquote cite,
.wp-block-pullquote__citation {
  display: block;
  font-family: "news-gothic-std", sans-serif;
  font-size: 1.2rem;
  color: #555;
  text-align: center;  
  font-style: italic;
}


/*----------------------------------------------
   Third-Party & Widget Styles
----------------------------------------------*/

/* GTranslate Widget */
.gtranslate_wrapper .gtranslate {
  border: none !important;
  width: 50px !important;
  font-family: "News Gothic Std", sans-serif !important;
  font-weight: 600 !important;
}

.gtranslate_wrapper .gtranslate ul {
  transition: all 0.3s ease-in-out;
}

/*----------------------------------------------
   Farmer List Items
----------------------------------------------*/

/* Farmer List Labels */
ecocertified-produce-listlabel {
  display: inline-flex;
  align-items: center;
}

ecocertified-produce-listlabel img {
  width: 15px;
  height: 15px;
  margin-left: 10px;
}

/* Farmer List Responsive Layouts */

/* Desktop (above 1024px) */
@media (min-width: 1025px) {
  ul.produce-farmer-list {
    columns: 3;
    column-gap: 10px;
    font-family: "News Gothic Std", sans-serif !important;
  }
  .produce-farmer-list li {
    display: block;
    padding-top: 0 !important;
    margin-top: 0 !important;
    font-family: "News Gothic Std", sans-serif !important;
    font-size: 1.1rem;
  }
}

/* Tablet (768px to 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
  ul.produce-farmer-list {
    columns: 2; /* 2-column layout on tablets */
    column-gap: 10px;
  }
  .produce-farmer-list li {
    display: inline-block;
    margin-bottom: 10px;
    font-family: "News Gothic Std", sans-serif !important;
  }
}

/* Mobile (up to 767px) */
@media (max-width: 767px) {
  ul.produce-farmer-list {
    columns: 1; /* 1-column layout on mobile */
  }
}


/*----------------------------------------------
   CookieYes
----------------------------------------------*/

button.cky-btn {
    font-size: 1rem;
}

button.cky-btn.cky-btn-preferences {
    color: #CD1820!important;
    background-color: transparent;
    border-color: #312315!important;
}

.cky-btn-revisit-wrapper.cky-revisit-bottom-left:hover {
  background-color: #1a1a1a!important;
}

/* button background to red */
.cookieyes-btn {
    background-color: #CD1820 !important;
    border-color: #CD1820 !important;
}


.cky-btn-revisit-wrapper {
    background-color: #CD1820 !important;
}

.give-donation {
  --give-primary-font: "news-gothic-std", sans-serif;
}

/*============improved elementor fade in animations=====*/
/*improved fade*/
 /* Improved Animations Stylesheet from https://element.how/elementor-improve-entrance-animations/ , works for the 'fade' animations */

@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translate3d(0,-30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInDown {
    animation-name: fadeDown
}

@keyframes fadeLeft {
    from {
        opacity: 0;
        transform: translate3d(-30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInLeft {
    animation-name: fadeLeft
}

@keyframes fadeRight {
    from {
        opacity: 0;
        transform: translate3d(30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInRight {
    animation-name: fadeRight
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translate3d(0,30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInUp {
    animation-name: fadeUp
}


/*=====================
GIVE STYLING
=======================*/
/* Email access form container */
.give-form {
  font-family: "news-gothic-std", sans-serif !important;
  background-color: #fff; /* or any background color you prefer */
  padding: 1rem;
  border: 1px solid #ddd;
  max-width: 500px;
  margin: 0 auto;
}

/* Paragraph and labels styling */
.give-form p {
  font-size: 1rem;
  color: #333;
  margin-bottom: 1rem;
}

.give-form label {
  display: block;
  font-weight: bold;
  margin-bottom: 0.5rem;
}

/* Input styling */
.give-form input[type="email"] {
  width: 100%;
  padding: 0.5rem;
  margin-bottom: 1rem;
  border: 1px solid #ccc;
  font-size: 1rem;
}

/* Submit button styling */
.give-form input.give-submit {
  background-color: #cd1820 !important;
  color: #fff !important;
  border: none;
  border-radius: 0;
  padding: 0.75rem 1.5rem;
  font-size: 1.125rem;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out;
}

.give-form input.give-submit:hover {
  background-color: #1a1a1a !important;
}

/* === Classic Form Styles === */
.give-form-header-top-wrap {
  background-color: #cd1820 !important;
}
.give-btn {
  background-color: #cd1820 !important;
  color: #fff !important;
  border: none;
  border-radius: 0;
}
.give-btn:hover {
  background-color: #1a1a1a !important;
}
:focus-visible {
  outline: var(--focus-outline-color, -webkit-focus-ring-color) auto 1px;
  outline-offset: 2px;
}
:root {
  --focus-outline-color: black !important;
}
.give-btn.give-donation-level-btn:active {
  background-color: #1a1a1a;
}
h2.give-amount-heading {
  font-family: "news-gothic-std", sans-serif !important;
}

  .give-donor-dashboard__auth-modal .give-donor-dashboard__auth-modal-frame .give-donor-dashboard__auth-modal-heading {
        font-family: "news-gothic-std", sans-serif !important;
  }
  .give-donor-dashboard__auth-modal-instruction {
font-family: "news-gothic-std", sans-serif !important;
font-size: 1.2rem;
}


body #give-donor-dashboard {
  font-family: "news-gothic-std", sans-serif !important;
font-size: 1.2rem;
}

.give-donor-dashboard__auth-modal .give-donor-dashboard__auth-modal-frame .give-donor-dashboard__auth-modal-heading {
  font-family: "news-gothic-std", sans-serif !important;
}

div#give_error_warning {
  text-align: center;
}

.give-form-header {
  background-color: #cd1820  !important;
}

.give-form-header {
  --give-header-background-color--for-rgb: 205, 24, 32 !important;
}


body .give-form-header {
  background-image: none !important;
  background-color: #cd1820 !important;
}

/*------------------
CookieYes Styling
--------------------*/
.cky-btn-accept {
font-weight: 600 !important;
}

.cky-consent-container,
.cky-consent-container * {
font-family: "news-gothic-std", sans-serif !important;
}

.cky-notice-des,
.cky-notice-des p {
font-size: 1rem !important;
}


/*-----modal-----*/
.cky-modal,
.cky-modal * {
font-family: "news-gothic-std", sans-serif !important;
font-size: 1rem!important;
}

/* show more/less*/
button.cky-show-desc-btn:not(:hover):not(:active) {
  color: #cd1820 !important;
border-radius: 0px!important;
  background: transparent;
font-size: 1rem!important;
}

.cky-preference-content-wrapper .cky-show-desc-btn {
  font-family: inherit;
  border-radius: 0px!important;
  color: #cd1820 !important;
}

button.cky-show-desc-btn:hover,
.cky-preference-content-wrapper .cky-show-desc-btn:hover {
  text-decoration: underline !important;
}

button.cky-btn.cky-btn-preferences {
  color: #1a1a1a !important;
  border-radius: 0px!important;
}


/* hover styles buttons */

button.cky-btn.cky-btn-customize:hover{
background-color: #1a1a1a !important;
color: white !important;
}

button.cky-btn.cky-btn-reject:hover {
  background-color: #1a1a1a !important;
color: white !important;
}

button.cky-btn.cky-btn-accept:hover {
font-weight: 600 !important;
background-color: #1a1a1a!important;
color: #b9c9a5 !important;
}


button.cky-btn.cky-btn-preferences:hover {
  background-color: #1a1a1a !important;
color: white !important;
}

.cky-btn {
border-radius: 0 !important;
}

/*===================
Elementor Form Styling
==============*/



.e-contact-buttons__content.visible {
  z-index: 0!important;
}

.elementor.elementor-10820.elementor-location-popup {
z-index; 1!important;
}


.e-contact-buttons.e-contact-buttons-var-3.has-h-alignment-end.has-v-alignment-bottom.has-corners-rounded {
  z-index: 0 !important;
}

a.e-contact-buttons__contact-icon-link.has-icon-position-start.has-dividers {
  display: none !important;
}

.e-contact-buttons__links {
  display: none !important;
}

/*recipe buttons*/

a.wprm-recipe-print.wprm-recipe-link.wprm-print-recipe-shortcode.wprm-block-text-normal.wprm-recipe-print-wide-button.wprm-recipe-link-wide-button.wprm-color-accent {
	text-decoration:none!important
}
a.wprm-recipe-print.wprm-recipe-link.wprm-print-recipe-shortcode.wprm-block-text-normal.wprm-recipe-print-wide-button.wprm-recipe-link-wide-button.wprm-color-accent:hover {
	color:white!important;
}

a.wprm-recipe-pin.wprm-recipe-link.wprm-block-text-normal.wprm-recipe-pin-wide-button.wprm-recipe-link-wide-button.wprm-color-accent {
    text-decoration: none ! Important;
}
a.wprm-recipe-pin.wprm-recipe-link.wprm-block-text-normal.wprm-recipe-pin-wide-button.wprm-recipe-link-wide-button.wprm-color-accent:hover {
    color: white!important;
	background-color:red!important;
}

/*=============================================

 * FAQ STYLES
 IDs:
  ----

  #faq-filter         - Overall filter container.
  #faq-filter-buttons - Container for desktop filter buttons.
  #faq-filter-select  - Container for mobile filter dropdown.

  Classes:
  --------
  .faq-category       - Wraps each FAQ category group.
  .faq-category-title - Styles the category heading.
  .faq-items          - Container for FAQ items within a category.
  .faq-item           - Styles each individual FAQ item.
  .faq-answer         - Styles the answer section for an FAQ item.
  .active             - Used for active states (e.g., active filter button).

 * ==============================================*/

 #faq-filter,
 #faq-filter-buttons,
 #faq-filter-select {
   background-color: white;
 }
 
 #faq-filter {
   margin-bottom: 2rem;
 }
 
 #faq-filter-buttons {
   text-align: center;
 }
 
 #faq-filter-select {
   text-align: center;
   display: none;
 }
 
 
 /* Filter buttons desktop*/
 
 #faq-filter-buttons button {
   font-family: "news-gothic-std", sans-serif;
   text-transform: uppercase;
   font-weight: 500;
   font-size: 1.2rem;
   color: black;
   background: none;
   cursor: pointer;
   padding: 0.5rem 1rem;
   transition: 0.05s !important;
   border-radius: 50px;
   border-color:white;
   transition: ease 0.3s;
 }
 
 #faq-filter-buttons button:hover {
   background-color: transparent;
   color: black;
   text-decoration:underline;
   text-decoration-color: #CD1820;
 }
 
 /* Override focus/focus-visible styles for filter buttons */
 
 #faq-filter-buttons button:focus,
 #faq-filter-buttons button:focus-visible {
   background-color: transparent;
   color: black;
   text-decoration:underline;
   text-decoration-color: #CD1820;
border:none!important;
 }
 
 #faq-filter-buttons button.active,
 #faq-filter-buttons button.focus {
   background-color: transparent;
   color: black;
   text-decoration:underline;
   text-decoration-color: #CD1820;
 }
 
 /*filter dropdown mobile*/
 
 #faq-filter-select select {
   font-family: "news-gothic-std", sans-serif;
   font-size: 1.3rem !important;
   color: rgb(88, 85, 85)!important;
   padding: 0.5rem 1rem;
    width: 100%;
    box-sizing: border-box;
  }
  
 
 #faq-filter-select select {
   appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'14'%20height%3D'14'%20viewBox%3D'0%200%2014%2014'%20xmlns%3D'http://www.w3.org/2000/svg'%3E%3Cpath%20d%3D'M2%205l5%205%205-5'%20stroke%3D'%23000000'%20stroke-width%3D'2'%20fill%3D'none'%20stroke-linecap%3D'round'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-position: right 1rem center;
   background-size: 1em auto;
   padding-right: 2rem;
 }
 
 @media (max-width: 768px) {
   #faq-filter-buttons {
     display: none;
   }
 
   #faq-filter-select {
     display: block;
   }
 }
 
   /* --------------------
      Native Disclosure Marker Reset
      ------------------------*/
 
    details summary::-webkit-details-marker {
     display: none;
   }
   
   details summary::-moz-list-bullet {
     font-size: 0;
   }
   
   details summary::-ms-list {
     font-size: 0;  
   }
 
   details summary {
     list-style: none;
   }
   
   /* --------------------
      FAQ Category
      ------------------------*/
   
   .faq-category {
     margin-bottom: 2rem;
   }
   
   /* Category Title */
   
   .faq-category-title {
     background-color: white !important;
     font-family: "acumin-pro", sans-serif;
     font-size: 1.7rem !important;
     font-weight: 500;
     text-transform: uppercase;
     line-height: 2rem;
     align-self: center;
     letter-spacing: -1px;
     color: rgb(88, 85, 85);
     border-bottom: 1px solid grey;
     transition: color 0.05s ease !important;
   }
   
   .faq-category-title:hover {
     color: black;
     text-decoration: underline;
     text-decoration-color: #CD1820;
     background-color: white!important;
   }
   
   .faq-category-title::before {
     color: #CD1820 !important;
   }
    
   /* --------------------
      FAQ items container
      ------------------------*/
 
   .faq-items {
     background-color: white !important;
     font-family: "acumin-pro", sans-serif;
     margin: 1rem 0 0 2rem;
     overflow: hidden;
     height: 0;
     transition: height 0.05s ease !important;
   }
     
   /* --------------------
      FAQ item
      ------------------------*/
   
   .faq-item {
     margin-bottom: 1rem;
     background-color: white !important;
     border-bottom: 1px solid grey;
   }
   
   .faq-item:hover {
     background-color: none !important;
     border-bottom: 1px solid grey;
   }
   
   .faq-item:active {
     background-color: none !important;
     border-bottom: 1px solid grey;
   }
   
   /* If .active is used within a faq-item */
   .faq-item .active {
     border-bottom: 1px solid grey;
   }
   
   /* FAQ Item Details (Question Area)*/
   
   .faq-item > details > summary {
     font-family: "news-gothic-std", sans-serif;
     font-size: 1.8rem;
     padding: 0.75rem 1rem;
     background-color: white !important;
     cursor: pointer;
     position: relative;
     transition: background-color 0.05s !important;
     border-bottom: 1px solid grey;
   }
   
   .faq-item > details > summary:hover {
     color: #CD1820;
     border-bottom-color: #CD1820;
     text-decoration: underline;
     background-color: none !important;
   }
   
   /* FAQ Answer (Answer Area) */
   
   .faq-answer {
     font-family: "news-gothic-std", sans-serif;
     padding: 0.75rem 1rem;
     background-color: white !important;
     overflow: hidden;
     height: 0;
     transition: height 0.05s ease !important;
   }
   
   /* Set background for details container within a faq-item */
   .faq-item > details {
     background-color: white !important;
   }
    
   /* --------------------
      Details for FAQ category and items
      ------------------------*/
   
   .faq-category > details > summary,
   .faq-item > details > summary {
     font-family: "news-gothic-std", sans-serif;
     padding: 1rem;
     background-color: white;
     cursor: pointer;
     position: relative;
     transition: background-color 0.05s !important;
   }
   
   .faq-category > details > summary:hover,
   .faq-item > details > summary:hover {
     background-color: none !important;
     color: #CD1820;
     border-bottom-color: #CD1820;
     text-decoration: underline;
   }
   
   /* --------------------
      FAQ plus minus icons (details)
      ------------------------*/
   
   .faq-category > details > summary::before,
   .faq-item > details > summary::before {
     content: "+";
     display: inline-block;
     margin-right: 0.5rem;
     font-weight: 500 !important;
     color: dark-grey!important;
     transition: color 0.05s ease !important;
   }
   
   .faq-category > details[open] > summary::before,
   .faq-item > details[open] > summary::before {
     content: "−";
     color: #CD1820;
   }
   
   
   /* --------------------
      FAQ Mobile Styles (<=767px)
      ------------------------*/
   
   @media (max-width: 767px) {
     .faq-category-title {
       font-size: 1.5rem !important;
     }
 
     /* Reduce FAQ Item Question (summary) font size */
 
     .faq-item > details > summary {
       font-size: 1.6rem !important;
     }
   
     .faq-items {
       margin: 0 auto !important;
     }  
   }