/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 

/* -- transition with Opacity at 50% for all hover links -- */
.fl-page-content, .uabb-cat-links, .uabb-post-meta a {
    transition: all .333s linear;
}

.fl-page-content a:hover {
    opacity: .5;
}
/* -- END transition with Opacity at 50% for all hover links -- */

/*--Link colors--*/
.uabb-cat-links, .uabb-post-meta a {
    color: #1689f4;
}


/* Home page Styling */

.hero-headline {
  position: relative;
  z-index: 10; /* above */
}

.hero-photo {
  position: relative;
  z-index: 1; /* below */
}


.fl-node-90sita3gk1fr .pp-card-slider-container .pp-card-slider {
  background-image: url('/wp-content/uploads/2025/11/SliderBackground2.jpg');
  background-size: cover;       /* makes the image fill the area */
  background-position: center;  /* keeps it centered */
  background-repeat: no-repeat; /* no tiling */
}

/* Inactive bullets */
.swiper-pagination-bullet {
  background: #02586B !important;
  opacity: 1!important;

}

/* Active bullet */
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #43B8F7 !important;
  opacity: 1 !important;
}


.pp-card-slider-container .pp-card-slider-button {
    display: inline-block !important;
}


/* -- Flip Box Link -- */
.flips .pp-more-link, .woo-flips .pp-more-link{
    background-color: #43B8F7!important;
    border-radius: 25px;
    display: block;
    font-weight: 600;
    font-size:15px;
    color: #fff !important;
    text-transform: none !important;
    margin: 30px auto 0 !important;
    bottom:20px;
    position: relative;
    padding: 10px 20px !important;
    box-shadow: 4px 5px 0 0 rgba(0, 0, 0, 0.1);
}

.flips .pp-flipbox-description p {
    min-height: 50px;
}
/* -- END Flip Box Link -- */

/* FLIP BOXES - CUSTOM IMAGES */
.flips .pp-flipbox-description img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover !important;
    min-height: 300px;
}
.flips .pp-flipbox-front-title {
    background: rgba(255,255,255,0.8);
    width: 100%;
    font-weight: bold !important;
    font-size: 20px;
    padding: 20px;
    position: relative;
    z-index: 1;
    top: 20px;
}
.flips .pp-flipbox-title .pp-flipbox-back-title{
    position: absolute;
    top: 0;
    text-align: center;
    width: 100%;
    background: #02586B;
    padding: 20px;
    font-weight: bold;
    font-size: 20px;
    color: #fff;
}
.flips .pp-flipbox {
    padding: 0px !important;
    -webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.25);
    box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.25);
}
.flips .pp-flipbox-back .pp-flipbox-description p{
    margin: 40px;
    line-height: 32px !important;
}
.flips .pp-flipbox .pp-more-link{
    background: #5496A5;
    color: #ffffff;
    width: 188px;
    border-radius: 25px;
}

/* old way to show the image on the front of Flip Box 
.mfu-legislation-flip .pp-flipbox-front { ... }
.mfu-legislation-flip-two .pp-flipbox-front { ... }
.mfu-legislation-flip-three .pp-flipbox-front { ... }
.mfu-strong-ag-budget-flip .pp-flipbox-front { ... }
.mfu-flip-generational-farm-trans .pp-flipbox-front { ... }
.mfu-flip-beginning-farmer .pp-flipbox-front { ... }
.mfu-flip-drought-relief .pp-flipbox-front { ... }
.mfu-flip-expanding-meat .pp-flipbox-front { ... }
.mfu-flip-affordable-health .pp-flipbox-front { ... }
*/
/* END FLIP BOXES */


/* Support Row */ 

.fl-builder-content-28 .fl-node-5urg7lmdsfzj > .fl-row-content-wrap {
    /* Layer 1: GreenLayer.png */
    background-image: url(/wp-content/uploads/2025/11/GreenLayer.png),
                      url(/wp-content/uploads/2025/11/SupportBackground.jpg);
                      
    background-repeat: repeat, no-repeat;
    background-position: right top, center top;
    background-size: cover, cover;
    
    /* Make the second background fixed for parallax */
    background-attachment: scroll, fixed;
}


/* Force UABB thumbnails to 325x325 and add shadow */
.news .uabb-blog-posts .uabb-post-thumbnail {
    width: 325px !important;
    height: 325px !important;
    max-width: 325px !important;
    max-height: 325px !important;
    overflow: hidden;
    box-shadow: 4px 5px 0 0 rgba(0, 0, 0, 0.1);
    flex: none !important; /* prevents flex layouts from resizing */
}

.news .uabb-blog-posts .uabb-post-thumbnail img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}


/* Responsive: tablets */
@media screen and (max-width: 1024px) {
    .news .uabb-blog-posts .uabb-post-thumbnail {
        width: 250px !important;
        height: 250px !important;
        max-width: 250px !important;
        max-height: 250px !important;
    }
}

/* Responsive: phones */
@media screen and (max-width: 768px) {
    .news .uabb-blog-posts .uabb-post-thumbnail {
        width: 300px !important;
        height: 300px !important;
        max-width: 300px !important;
        max-height: 300px !important;

        display: block;          /* makes margin auto work */
        margin-left: auto;
        margin-right: auto;
    }
}


@media screen and (max-width: 768px) {
    .fl-builder-content-28 .fl-node-5urg7lmdsfzj > .fl-row-content-wrap {
        /* Remove the desktop multiple backgrounds */
        background-image: 
            linear-gradient(rgba(39, 90, 82, 0.85), rgba(39, 90, 82, 0.85)),
            url('/wp-content/uploads/2025/11/SupportBackground.jpg') !important;

        background-repeat: no-repeat, no-repeat;
        background-position: center bottom, center bottom;
        background-size: cover, cover;
        background-attachment: scroll, scroll;
    }
}



.crotf-feature .uabb-blog-posts {
    display: flex;
    align-items: flex-start;
    gap: 20px; /* space between image and text */
    flex-wrap: wrap; /* allows stacking on smaller screens */
}

.crotf-feature .uabb-blog-posts .uabb-post-thumbnail {
    width: 50%;
    max-width: 575px;
    height:350px!important;
    max-height:350px!important;

    overflow: hidden;
    box-shadow: 4px 5px 0 0 rgba(0, 0, 0, 0.1);

    flex: 0 0 40%; /* fixes width in flex layout */
    border-top-right-radius: 100px;
}

.crotf-feature .uabb-blog-posts .uabb-post-thumbnail img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-top-right-radius: 100px;
}


/* Mobile styles */
@media (max-width: 767px) {
    .crotf-feature .uabb-blog-posts .uabb-post-thumbnail {
        width: 100% !important;   /* make thumbnail full width on mobile */
        flex: 0 0 100% !important; /* override flex sizing */
        max-width: 100% !important; 
        height: 250px !important;  /* optional: slightly shorter for mobile */
        max-height: 250px !important;
    }
}


/* Climate Overview Page */


.fl-builder-content-396 .fl-node-sy0avmei2xgn > .fl-row-content-wrap {
    /* Layer 1: GreenLayer.png */
    background-image: url(/wp-content/uploads/2025/11/GreenLayer.png),
                      url(/wp-content/uploads/2025/12/ClimateOverview.jpg);
                      
    background-repeat: repeat, no-repeat;
    background-position: right top, center top;
    background-size: cover, cover;
    
    /* Make the second background fixed for parallax */
    background-attachment: scroll, fixed;
}

@media screen and (max-width: 768px) {
    .fl-builder-content-396 .fl-node-sy0avmei2xgn > .fl-row-content-wrap {
        /* Remove the desktop multiple backgrounds */
        background-image: 
            linear-gradient(rgba(39, 90, 82, 0.85), rgba(39, 90, 82, 0.85)),
            url('/wp-content/uploads/2025/12/ClimateOverview.jpg') !important;

        background-repeat: no-repeat, no-repeat;
        background-position: center bottom, center bottom;
        background-size: cover, cover;
        background-attachment: scroll, scroll;
    }
}


/* Climate Research Reports Archive Row */ 

.climate-research  .uabb-blog-posts .uabb-post-thumbnail {
    width: 203px !important;
    height: 279px !important;
    max-width: 203px !important;
    max-height: 279px !important;
    overflow: hidden;
    box-shadow: 4px 5px 0 0 rgba(0, 0, 0, 0.1);
    flex: none !important; /* prevents flex layouts from resizing */
}

.climate-research .uabb-blog-posts .uabb-post-thumbnail img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* Youth Overview Page */

.youth-featured .pp-card-slider-container .pp-card-slider {
  background-image: url('/wp-content/uploads/2025/11/SliderBackground2.jpg');
  background-size: cover;       /* makes the image fill the area */
  background-position: center;  /* keeps it centered */
  background-repeat: no-repeat; /* no tiling */
}


.fl-builder-content-407 .fl-node-alof7rqsjw5x > .fl-row-content-wrap {
    /* Layer 1: GreenLayer.png */
    background-image: url(/wp-content/uploads/2025/11/GreenLayer.png),
                      url(/wp-content/uploads/2025/11/SupportBackground.jpg);
                      
    background-repeat: repeat, no-repeat;
    background-position: right top, center top;
    background-size: cover, cover;
    
    /* Make the second background fixed for parallax */
    background-attachment: scroll, fixed;
}

@media screen and (max-width: 768px) {
    .fl-builder-content-407 .fl-node-alof7rqsjw5x > .fl-row-content-wrap {
        /* Remove the desktop multiple backgrounds */
        background-image: 
            linear-gradient(rgba(39, 90, 82, 0.85), rgba(39, 90, 82, 0.85)),
            url('/wp-content/uploads/2025/11/SupportBackground.jpg') !important;

        background-repeat: no-repeat, no-repeat;
        background-position: center bottom, center bottom;
        background-size: cover, cover;
        background-attachment: scroll, scroll;
    }
}

/* Blog Styling */

h3.fl-author-bio-name {
    font-size: 18px;
}

.fl-author-bio-thumb img {
    border-radius: 50px;
}

.uabb-cat-links {
    text-transform: uppercase;
}

.uabb-post-thumbnail {
    background-color: #ffffff;
    max-height: 190px;
    display: inline-block; /* makes it fit in like an <img> */
    background-size: cover; /* or contain */
    background-position: center center;
    background-repeat: no-repeat;
}

.archive-feature-thumbnail .uabb-post-thumbnail {
    max-height: 490px;
}