/*
 Theme Name:   Hello CoVaBiz Child
 Theme URI:    https://staging2026.covabizmag.com/
 Description:  Child theme of Hello Elementor for CoVaBiz rebuild (Elementor Theme Builder).
 Author:       Vista Media
 Template:     hello-elementor
Version:      1.0.14
Text Domain:  hello-covabiz-child
*/

/**
 * Section heading rule between the title and its adjacent “View all” widget.
 * Elementor adds the reusable `ruled` class to the heading widget.
 */
.ruled.elementor-widget-heading {
  flex: 1 1 0;
  min-width: 0;
}

.ruled.elementor-widget-heading > .elementor-widget-container {
  width: 100%;
}

.ruled.elementor-widget-heading .elementor-heading-title {
  display: flex;
  align-items: center;
  width: 100%;
  color: var(--covabiz-accent-color, inherit);
  white-space: nowrap;
}

.ruled.elementor-widget-heading .elementor-heading-title > a {
  color: inherit;
}

.ruled.elementor-widget-heading .elementor-heading-title::before {
  content: "";
  display: var(--covabiz-accent-marker-display, none);
  flex: 0 0 0.6em;
  width: 0.6em;
  height: 0.6em;
  margin-right: 10px;
  background-color: var(--covabiz-accent-color);
}

.ruled.elementor-widget-heading .elementor-heading-title::after {
  content: "";
  display: block;
  flex: 1 1 auto;
  height: 4px;
  min-width: 20px;
  margin-left: 16px;
  border-top: 1px solid var(--covabiz-accent-color, #999);
  border-bottom: 1px solid var(--covabiz-accent-color, #999);
  box-sizing: border-box;
}

/**
 * Per-category badges rendered by [covabiz_category_badges].
 * PHP supplies the term-specific colors through CSS custom properties.
 */
.covabiz-term-badges {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem;
}

.covabiz-term-badge-item {
  display: inline-flex;
}

.covabiz-term-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.35em 0.65em;
  border-radius: 2px;
  background-color: var(--covabiz-term-color, #21356A);
  color: var(--covabiz-term-text-color, #fff) !important;
  font-size: 0.78em;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none !important;
  text-transform: uppercase;
  transition: filter 150ms ease-in-out;
}

.covabiz-term-badge:hover {
  color: var(--covabiz-term-text-color, #fff) !important;
  filter: brightness(0.9);
}

.covabiz-term-badge:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

/* WP Archives widget title (Elementor sidebar) */
#sidebararchive h5,
.sidebararchive h5 {
  display: none !important;
}

/**
 * Homepage / sidebar “Current Issue” widget
 * Markup: #current-issue > ul > .latest-series > ul > li.series-icon
 * (cover + title only — Subscribe / Archive are separate Elementor widgets)
 */
#current-issue ul,
.current-issue ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

#current-issue .latest-series,
.current-issue .latest-series {
  width: 100% !important;
  max-width: 100%;
}

#current-issue .latest-series > ul,
.current-issue .latest-series > ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

#current-issue .latest-series li.series-icon,
#current-issue .latest-series li,
.current-issue .latest-series li.series-icon,
.current-issue .latest-series li {
  list-style: none !important;
  float: none !important;
  width: 150px !important;
  max-width: 150px;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  gap: 10px;
}

#current-issue .latest-series li br,
.current-issue .latest-series li br {
  display: none !important;
}

#current-issue .latest-series li img,
.current-issue .latest-series li img {
  display: block;
  width: 150px !important;
  max-width: 150px !important;
  height: auto;
  margin: 0;
}

#current-issue .latest-series li a,
.current-issue .latest-series li a {
  text-align: left !important;
  text-decoration: none !important;
}

#current-issue .latest-series li a[class^="series-"],
.current-issue .latest-series li a[class^="series-"] {
  display: block;
  width: 150px;
  font-family: "Rubik", sans-serif;
  font-weight: 600;
  line-height: 1.3;
}

.currentissuecover {
  margin: 5px 20px 5px 0 !important;
  float: left !important;
  width: 150px !important;
}

.currentissuesection {
  padding: 15px !important;
}

.currentissuerow {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.currentissuerow>.row>div {
  padding-left: 25px !important;
  padding-right: 25px !important;
}

.currentissue-col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.currentissue-col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.currentissueissue_links {
  margin-bottom: 2px;
}
.serieslist-box {
  padding: 50px !important;
  border: 1px solid #8d8d8d !important;
  text-align: center;
  height: 370px !important;
  float: left !important;
  width: 23% !important;
  align-items: stretch;
  justify-content: space-between;
  align-content: center;
  flex-wrap: wrap;
  flex-direction: row;
  margin-bottom: 35px !important;
}
.serieslist-content {
  font-weight: bolder;
  text-transform: uppercase;
  padding-top: 20px;
}
li.series-icon {
  list-style-type: none!important;
}
#current-issue-left ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none outside none !important;
}

#current-issue-left ul li {
  display: flex !important;
  padding: 0px;
  margin: 0px !important;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: space-around;
  justify-content: flex-start;
  align-items: flex-start;
}

#current-issue-left ul li a {
  text-decoration: none !important;
  color: #000 !important;
  text-align: left !important;
}

#current-issue-left li a {
  border: none !important;
}

#current-issue-left li {
  border: none !important;
}

/*
 * The PublishPress class suffix is the issue term ID and changes with every
 * issue. Match the stable class prefixes instead of a specific ID range.
 * The left widget supplies the cover; the right widget supplies the title.
 */
#current-issue-left .latest-series li a[class^="series-"]:not([class^="series-icon-"]) {
  display: none !important;
}

#current-issue-left .latest-series li br {
  display: none !important;
}

#current-issue-right .latest-series li img[class^="series-icon-"] {
  display: none !important;
}

#current-issue-right ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none outside none !important;

}

#current-issue-right ul li {
  display: table-cell !important;
  padding: 0px;
}

#current-issue-right ul li a {
  text-align: left !important;
  font-family: "Rubik", Sans-serif;
  font-weight: 500;
  text-decoration: none !important;
  line-height: 1.5em;
}

#current-issue-right ul li a:hover {
  text-decoration: none !important;
  color: #1B6E89 !important;
}


#current-issue-right br {
  display: none !important;
}

#current-issue-right li a {
  border: none !important;
}

#current-issue-right li {
  border: none !important;
}

#current-issue-right [class^="series-"] span {
  display: none !important
}


#current-issue-right a.series-icon-link {
  display: none!important;
}

#current-issue-middle #current-issue-middle ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none outside none !important;

}

#current-issue-middle ul li {
  display: flex !important;
  padding: 0px;
  margin: 0px !important;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: space-around;
  justify-content: center;
  align-items: center;
}

#current-issue-middle ul li a {
  color: #1c6f8a !important;
  text-align: left !important;
  font-family: "Rubik", Sans-serif;
  font-size: 1.2em;
  font-weight: 600;
  text-decoration: none !important;
  line-height: 1.5em;
}

#current-issue-middle ul li a:hover {
  text-decoration: none !important;
  color: #000 !important;
}

#current-issue-middle .series-icon-link {
  display: none !important;
}

#current-issue-middle br {
  display: none !important;
}

#current-issue-middle li a {
  border: none !important;
}

#current-issue-middle li {
  border: none !important;
}

#current-issue-middle [class^="series-"] span {
  display: none !important
}

#current-issue-middle [class^="series-"]:after {
  content: 'View Digital Publication';
}

li.series-icon {
  list-style: none !important;
}

#issuearchive [class^="series-"] {
  font-family: "Rubik", sans-serif !important;
  font-weight: 600 !important;
}

/**
 * Past Issues grid
 *
 * Markup is: #issuearchive > … > .latest-series > ul > li.series-icon
 * Flex must be on the inner UL (the LI parents), not on .latest-series alone —
 * otherwise space-evenly only sees one child (the ul) and does nothing.
 * Do not mix float + flex; adjacent floated borders read as one shared table line.
 */
#issuearchive .latest-series {
  width: 100% !important;
  max-width: 100%;
  box-sizing: border-box;
}

#issuearchive .latest-series > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: flex-start;
  align-items: stretch;
  margin: 0;
  padding: 0;
  list-style: none;
}

#issuearchive .latest-series li.series-icon,
#issuearchive .latest-series li {
  list-style: none !important;
  float: none !important;
  box-sizing: border-box;
  width: calc(25% - 18px) !important;
  max-width: none;
  height: auto !important;
  min-height: 0;
  margin: 0 !important;
  padding: 24px 16px !important;
  border: 1px solid #8d8d8d !important;
  text-align: center;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
}

#issuearchive .latest-series li br {
  display: none;
}

#issuearchive .latest-series li img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
}

@media (max-width: 1024px) {
  #issuearchive .latest-series li.series-icon,
  #issuearchive .latest-series li {
    width: calc(50% - 12px) !important;
  }
}

@media (max-width: 640px) {
  #issuearchive .latest-series li.series-icon,
  #issuearchive .latest-series li {
    width: 100% !important;
  }
}