/*
Theme Name: SBCS Avada Child
Description: Child theme for Avada theme customized for the Society for Buddhist-Christian Studies (SBCS)
Author: Holy Cow Online Marketing
Author URI: https://www.HolyCowOnlineMarketing.com/
Template: Avada
Version: 1.0.2
Text Domain:  Avada
*/

/* Define variables for our official named colors */
:root {
    --sbcs-color-white: var(--awb-color1);
    --sbcs-color-light-gray: var(--awb-color3);
    --sbcs-color-green: var(--awb-color5);
    --sbcs-color-medium-gray: var(--awb-color6);
    --sbcs-color-dark-gray: var(--awb-color7);
    --sbcs-color-black: var(--awb-color8);
}

/* Header and Footer Cart Counter BG color and size*/
.fusion-widget-cart-counter>a .fusion-widget-cart-number {
    background-color: var(--sbcs-color-light-gray);
}

#menu-widget-2 .fusion-widget-cart-counter>a .fusion-widget-cart-number  {
    background-color: var(--sbcs-color-light-gray);
}

.fusion-main-menu .fusion-widget-cart-counter>a:before {
    margin-right: 12px;
    font-size: 16px;
}

.sbcs-outlined-white-text .menu-text {
  /* text-shadow: 0 0 3px rgba(0,0,0,0.9); */
  /* -webkit-text-stroke: 1px black; */
  text-shadow:
    -1px -1px 2px rgba(0,0,0,0.5),
     1px -1px 2px rgba(0,0,0,0.5),
    -1px  1px 2px rgba(0,0,0,0.5),
     1px  1px 2px rgba(0,0,0,0.5);
}

.sbcs-outlined-white-text .menu-text:hover {
  /* text-shadow: 0 0 3px rgba(255,255,255,0.5); */
  text-shadow:
    -1px -1px 2px rgba(255,255,255,0.2),
     1px -1px 2px rgba(255,255,255,0.2),
    -1px  1px 2px rgba(255,255,255,0.2),
     1px  1px 2px rgba(255,255,255,0.2);
}

/* Display an arrow after any links with this class. */
.sbcs-right-arrow::after {
    content: " →";
}

/* Override MailPoet button styling with default Avada styling. */
.sbcs-button input {
    background: var(--button_gradient_top_color);
    color: var(--button_accent_color);
    border-color: var(--button_border_color);
    border-width: var(--button_border_width-top, 0) var(--button_border_width-right, 0) var(--button_border_width-bottom, 0) var(--button_border_width-left, 0);
    border-style: solid;
    border-radius: var(--button-border-radius-top-left, 0) var(--button-border-radius-top-right, 0) var(--button-border-radius-bottom-right, 0) var(--button-border-radius-bottom-left, 0);
    font-size: var(--button_font_size, 14px);
    line-height: var(--button_line_height, 1);
    padding-top: var(--button_padding-top, 13px) !important;
    padding-right: var(--button_padding-right, 29px) !important;
    padding-bottom: var(--button_padding-bottom, 13px) !important;
    padding-left: var(--button_padding-left, 29px) !important;
    text-transform: var(--button_text_transform);
}

.sbcs-button input:hover {
    background: var(--button_gradient_top_color_hover);
    color: var(--button_accent_hover_color, var(--button_accent_color));
}

/* Handle customization needed to underlay content under the header. */
.sbcs-content-underlays-header #main {
    --main_padding-top: 0;
}
.sbcs-content-underlays-header .fusion-fullwidth .fusion-layout-column .fusion-column-wrapper:has(.sbcs-underlay-hero-container) {
    --awb-spacing-left: 0;
    --awb-spacing-right: 0;
}

.sbcs-positions {
    font-weight: bold;
}

.sbcs-person-card .sbcs-title {
    font-weight: bold;
}

.sbcs-person-card .sbcs-positions {
    font-weight: normal;
}

.fusion-imageframe.sbcs-bio-image {
    display: block;
}
.fusion-imageframe.sbcs-bio-image img {
    width: 100%;
}

/* Add a separator between our in-page menu elements */
.sbcs-in-page-menu 
{
    text-align: center;
}
.sbcs-in-page-menu a + a::before {
  content: '|';
  margin: 0 0.5em;
  color: var(--sbcs-color-medium-gray);
}

.sbcs-heading {
    margin: 0.5em 0 0.25em 0;
}

.sbcs-committee-members h2 {
    margin-bottom: 0.5em;
}

.sbcs-committee-members p {
    margin-left: 3em;
}

/* Add sticky header margin to Person Card pages. */
.single-person #main {
    padding-top: var(--header_height, 100px);
}

.single-person .fusion-tb-header .fusion-fullwidth {
    --full_width_bg_color: var(--sbcs-color-black);
}

/* Keep category images at a consistent 3:2 aspect ratio. */
.fusion-imageframe a[href*="/category/"] {
    display: block;
    aspect-ratio: 3 / 2;
    overflow: hidden;
}

.fusion-imageframe a[href*="/category/"] img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Conference page: keep faces visible in the title-bar featured image. */
.page-id-2274 .fusion-page-title-bar .fusion-fullwidth {
    --awb-background-position: center top;
    background-position: center top !important;
}