/*
Theme Name: BCLHC Theme
Description: Custom theme for BC Labour Heritage Centre
Author: AvO WebWorks
Author URI: https://avowebworks.ca
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/
p {
    margin: 10px 0!important;
}
.no-margin p {
    margin:0!important;
}
blockquote {
    background-color: #e7f2f8!important;
}
.redtxt {
    color: #ba0a0a;
    font-weight: bold;
}
.whitetxt a {
     color: white!important;
 }
#post-2152 .awb-custom-text-color, #post-1638 .awb-custom-text-color, .awb-imageframe-caption-title {
    color: #0A76BA!important;
}

#post-2152 .awb-custom-text-hover-color, #post-1638 .awb-custom-text-hover-color {
    color: #000;
}
#plague-carousel .awb-imageframe-caption-title {
    color: #0A76BA!important;
    font-weight: 500!important;
    font-size: 28px!important;
}

.ua-mobile .modal-open {
    position: static !important;
}
.fusion-standard-logo {
    width: 128px;
}
.img-border-bottom {
    border-bottom: 9px solid #FAA010;
}

 /* FRONT PAGE STYLES */
.blue-bg {
    background-color: #0A76BA;
    padding: 20px;
}
.yellow-bg {
    background-color: #FAA010;
    padding: 20px;
}
.red-bg {
    background-color: #BA0A0A;
    padding: 20px;
}
/* Center buttons inside the fusion-column-wrapper */
.suggested-searches-btns .fusion-column-wrapper.fusion-content-layout-block {
    justify-content: center !important;
    text-align: center;
}
/* Optional: inline-block alignment for buttons */
.suggested-searches-btns .fusion-button-wrapper {
    display: inline-block;
}
/* ABOUT US STYLES */
.person-desc {
    margin-top: 10px!important;
}
.person-name {
    font-size: 19px!important;
}
.person-title {
    font-size: 15px!important;
    font-weight: bold;
    margin-top: 8px!important;
}
.person-content {
    font-size: 15px!important;
    margin-top: 0!important;
    line-height: 18px!important;
}
/* UPDATES STYLES */
.fusion-format-box {
   display:none;
}
/* ORAL HISTORY SERIES STYLES */
@media only screen and (max-width: 1080px) {
    .oral-history-pics {
        max-width: 100% !important;
        min-width: 100%!important;
    }
}
@media only screen and (min-width: 1081px) {
    .oral-history-pics {
        max-width: 406px !important;
        min-width: 406px !important;
    }
}
/* SEARCH THE COLLECTION STYLES */
.fusion-filters {
    display: flex;
    flex-wrap: wrap; /* Wrap items if they overflow */
    justify-content: center; /* Center items horizontally inside flex container */
    width: 80%;
    margin: 0 auto; /* Center the container itself */
    padding-bottom: 40px
}
.fusion-filter {
    padding: 6px 24px;
    border: 1px solid #707070;
    margin-bottom: 20px;
}
.fusion-active, .fusion-filter:hover {
    background-color: #0A76BA;
}
/* SEARCH THE COLLECTION IMAGE STYLES */
.carousel-equal .fusion-image-wrapper img {
    width: 350px!important;
    height: 400px!important;
    object-fit: cover;  /* Ensures the image will be cropped to fit */
}
.carousel-plague .fusion-image-wrapper img {
    width: 100%!important;
    height: 400px!important;
    object-fit: cover;  /* Ensures the image will be cropped to fit */
}
.fusion-sharing-box h2 {
    font-size: 22px!important;
}
/* RESPONSIVE VIDEOS youtube */
/* Keep desktop as-is; only make YouTube iframes responsive on small screens */
@media (max-width: 640px) {
    .fusion-text iframe[src*="youtube.com/embed"],
    .fusion-text iframe[src*="youtu.be"] {
        display: block;
        width: 100% !important;    /* fill the column width */
        max-width: 100%;
        height: auto !important;
        aspect-ratio: 4 / 3;       /* matches your 520x390 (4:3).
                                  If your videos are 16:9, change to 16/9. */
    }
}

/* Related Posts Carousel in Collection */
#relevanssi_related .swiper-container {
    width: 100%;
    height: auto;
    overflow: hidden;
}
#relevanssi_related .swiper-wrapper {
    display: flex;
    align-items: stretch; /* makes all slides fill the height of the tallest */
}
#relevanssi_related .swiper-slide {
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: stretch;
    align-items: stretch;
    text-align: left;
    border-radius: 15px;
    background-color: #FCF2DA;
}
#relevanssi_related .swiper-slide-wrapper {
    padding: 30px;
    flex: 1;
    display: flex;
    flex-direction: column;
}
#relevanssi_related .relevanssi_related_grid_header h2 {
    text-align: center;
    margin-bottom: 20px;
}
#relevanssi_related .term {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 2.8px;
    color: #0A76BA;
    margin-bottom: 15px;

}
#relevanssi_related .swiper-slide-wrapper h3 {
    font-size: 24px;
    font-weight: bold;
    margin: 12px 0 10px 0;
}
#relevanssi_related .swiper-slide-wrapper p {
    font-size: 15px;
}

/* Style for Swiper Navigation Arrows */
#relevanssi_related .swiper-button-next, #relevanssi_related .swiper-button-prev {
    color: #FFFFFF;  /* Set color of the arrows (can be changed as per your preference) */
    background: #ba0a0a; /* Optional: make the arrow background slightly transparent */
    width: 30px; /* Set size of the arrows */
    height: 30px;
    border-radius: 50%; /* Optional: to make the arrows circular */
    display: flex;
}
.swiper-button-next::after, .swiper-button-prev::after {
    font-size: 20px;
}
.swiper-navigation-icon {
    display: none;
}

/* Content Filter on Search Page */
.content-format-filters {
    margin-bottom: 20px;
}
.content-format-filters a {
    display: inline-block;
    margin-right: 10px;
    padding: 6px 12px;
    background: #ffffff;
    text-decoration: none;
    border: 1px solid #707070;
}
.content-format-filters a.active, .content-format-filters a.hover {
    background: #0A76BA;
    color: #fff;
}

/* SHOP STYLES */
input {
    font-weight: lighter;
}

/* DONATE STYLES */
#wcdp .avada-myaccount-user, #wcdp .continue-checkout, #wcdp .woocommerce-additional-fields {
    display: none;
}
#wcdp .payment_box, .wcdp_options > li > label {
    background-color: #e7f2f8;
}
#wcdp #place_order {
    background-color: #0A76BA;
    color: #fff;
    border: none;
}
#wcdp #place_order:hover{
    background-color: #ba0a0a;
    color: #fff;
}
@media only screen and (max-device-width: 640px) {
    #content { margin-bottom: 0!important }
    .fusion-standard-logo { width:110px }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .fusion-standard-logo { width:180px }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

}

/* Extra large devices (large laptops and desktops, 1400px and up) */
@media only screen and (min-width: 1400px) {

}

/* Extra large devices (large laptops and desktops, 1692px and up) */
@media only screen and (min-width: 16920px) {

}