/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/************* Shortcode Styling *************/
/* Yuba GPU and Plumas SPU styling */
.yuba-gpu-container,
.plumas-spu-container {
    width: 100%;
    position: relative;
}
.yuba-gpu-content,
.plumas-spu-content {
    position: relative;
    width: 100%;
}
.yuba-gpu-image,
.plumas-spu-image {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
}
.yuba-gpu-book-text,
.yuba-gpu-item,
.plumas-spu-book-text,
.plumas-spu-item {
    position: absolute;
    color: #ffffff;
    line-height: 1.4;
    z-index: 2;
}
.yuba-gpu-item,
.plumas-spu-item {
    font-size: clamp(0.8rem, 1.6vw, 1.6rem);
    max-width: 33%;
}
.yuba-gpu-item-icon,
.plumas-spu-item-icon {
    display: none;
}
.yuba-gpu-book-text,
.plumas-spu-book-text {
    left: 11.2%;
    top: 51%;
    transform: translate(-50%, -50%);
    font-weight: 400;
    font-size: clamp(1.2rem, 1.8vw, 2rem);
    width: clamp(90px, 8vw, 120px);
    text-align: center;
}
.plumas-spu-book-text {
    left: 8.2%;
    font-size: clamp(1rem, 1.5vw, 1.8rem);
}
.yuba-gpu-item-1 {
    top: 4%;
    right: 13%;
}
.yuba-gpu-item-2 {
    top: 32%;
    right: 9%;
}
.yuba-gpu-item-3 {
    top: 57.3%;
    right: 8%;
}
.yuba-gpu-item-4 {
    top: 85.2%;
    right: 12%;
}
.plumas-spu-item-1 {
    top: 7%;
    right: 15%;
}
.plumas-spu-item-2 {
    top: 39%;
    right: 12%;
}
.plumas-spu-item-3 {
    top: 78%;
    right: 15%;
}
@media (max-width: 768px) {
    .yuba-gpu-content,
    .plumas-spu-content {
        display: flex;
        flex-direction: column;
        padding: 20px;
    }
    .yuba-gpu-image,
    .plumas-spu-image {
        display: none;
    }
    .yuba-gpu-item,
    .plumas-spu-item {
        position: static;
        max-width: 100%;
        font-size: 16px;
        color: #333;
        margin: 10px 0;
        text-align: left;
    }
    .yuba-gpu-book-text,
    .plumas-spu-book-text {
        font-size: 34px;
        text-align: center;
        max-width: 100%;
        color: inherit;
        margin: auto;
        position: initial;
        width: initial;
        transform: none;
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .yuba-gpu-item,
    .plumas-spu-item {
        display: flex;
        align-items: center;
        gap: 12px;
        color: #ffffff;
        background: #008675;
        border-radius: 12px;
        padding: 40px;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        font-size: 1.3rem;
    }
    .yuba-gpu-item-icon,
    .plumas-spu-item-icon {
        display: inline-block;
        width: 70px !important;
        height: auto !important;
        flex: 0 0 auto;
        margin-top: 2px;
    }
}

/* Timeline styling */
.timeline-1-image {
    display: block;
}
.timeline-2-image {
    display: block;
}
.timeline-1-image-mobile {
    display: none;
}
.timeline-2-image-mobile {
    display: none;
}
.timeline-1-container,
.timeline-2-container {
    width: 100%;
    position: relative;
}
.timeline-1-content,
.timeline-2-content {
    position: relative;
    width: 100%;
}
.timeline-1-image,
.timeline-2-image {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
}
.timeline-1-item,
.timeline-1-subitem,
.timeline-2-item,
.timeline-2-subitem {
    position: absolute;
    color: #ffffff;
    line-height: 1.2;
    z-index: 2;
}
.timeline-1-item,
.timeline-2-item {
    font-size: clamp(0.6rem, 1.4vw, 1.4rem);
    max-width: 12%;
}
.timeline-1-subitem,
.timeline-2-subitem {
    font-size: clamp(0.5rem, 1.2vw, 1.2rem);
    color: inherit;
    max-width: 33%;
}
.timeline-1-item-1 {
    top: 37%;
    right: 82%;
}
.timeline-1-item-2 {
    top: 37%;
    right: 66%;
}
.timeline-1-item-3 {
    top: 37%;
    right: 50%;
}
.timeline-1-item-4 {
    top: 37%;
    right: 35%;
}
.timeline-1-item-5 {
    top: 37%;
    right: 19%;
}
.timeline-1-item-6 {
    top: 26%;
    right: 3.5%;
}
.timeline-2-item-1 {
    top: 37%;
    right: 82%;
}
.timeline-2-item-2 {
    top: 29%;
    right: 66.3%;
}
.timeline-2-item-3 {
    top: 37%;
    right: 50%;
}
.timeline-2-item-4 {
    top: 37%;
    right: 35%;
}
.timeline-2-item-5 {
    top: 37%;
    right: 19%;
}
.timeline-2-item-6 {
    top: 23%;
    right: 3.5%;
}
.timeline-1-subitem-1 {
    top: 81%;
    right: 86.5%;
}
.timeline-1-subitem-2 {
    top: 81%;
    right: 75.9%;
}
.timeline-1-subitem-3 {
    top: 81%;
    right: 65%;
}
.timeline-1-subitem-4 {
    top: 80%;
    right: 55.3%;
    text-align: center;
}
.timeline-1-subitem-5 {
    top: 81%;
    right: 45.9%;
}
.timeline-2-subitem-1 {
    top: 81%;
    right: 86.5%;
}
.timeline-2-subitem-2 {
    top: 81%;
    right: 75.9%;
}
.timeline-2-subitem-3 {
    top: 81%;
    right: 65%;
}
.timeline-2-subitem-4 {
    top: 80%;
    right: 55.3%;
    text-align: center;
}
.timeline-2-subitem-5 {
    top: 81%;
    right: 45.9%;
}
@media (max-width: 768px) {
    .timeline-1-image {
        display: none;
    }
    .timeline-2-image {
        display: none;
    }
    .timeline-1-image-mobile {
        display: block;
    }
    .timeline-2-image-mobile {
        display: block;
    }
    .timeline-1-item,
    .timeline-1-subitem,
    .timeline-2-item,
    .timeline-2-subitem {
        line-height: 1.2;
    }
    .timeline-1-item,
    .timeline-2-item {
        font-size: 3.4vw;
        max-width: 30%;
    }
    .timeline-1-subitem,
    .timeline-2-subitem {
        font-size: 3.4vw;
        max-width: 33%;
    }
    .timeline-1-item-1 {
        top: 9%;
        right: 22%;
    }
    .timeline-1-item-2 {
        top: 25%;
        right: 20%;
    }
    .timeline-1-item-3 {
        top: 40.5%;
        right: 21%;
    }
    .timeline-1-item-4 {
        top: 56.3%;
        right: 22%;
    }
    .timeline-1-item-5 {
        top: 72%;
        right: 21%;
    }
    .timeline-1-item-6 {
        top: 84.5%;
        right: 23%;
    }
    .timeline-2-item-1 {
        top: 9%;
        right: 22%;
    }
    .timeline-2-item-2 {
        top: 23%;
        right: 23%;
    }
    .timeline-2-item-3 {
        top: 40.5%;
        right: 21%;
    }
    .timeline-2-item-4 {
        top: 56.3%;
        right: 22%;
    }
    .timeline-2-item-5 {
        top: 72%;
        right: 21%;
    }
    .timeline-2-item-6 {
        top: 83.5%;
        right: 23%;
    }
    .timeline-1-subitem-1 {
        top: 10.1%;
        right: 74%;
    }
    .timeline-1-subitem-2 {
        top: 17.6%;
        right: 72.5%;
    }
    .timeline-1-subitem-3 {
        top: 25.2%;
        right: 70.3%;
    }
    .timeline-1-subitem-4 {
        top: 32.1%;
        right: 72.2%;
        text-align: center;
    }
    .timeline-1-subitem-5 {
        top: 40.3%;
        right: 74%;
    }
    .timeline-2-subitem-1 {
        top: 10.1%;
        right: 74%;
    }
    .timeline-2-subitem-2 {
        top: 17.6%;
        right: 72.5%;
    }
    .timeline-2-subitem-3 {
        top: 25.2%;
        right: 70.3%;
    }
    .timeline-2-subitem-4 {
        top: 32.1%;
        right: 72.2%;
        text-align: center;
    }
    .timeline-2-subitem-5 {
        top: 40.3%;
        right: 74%;
    }
}

/* Plumas elements and Yuba elements styling */
.plumas-elements-container,
.yuba-elements-container {
    width: 100%;
    position: relative;
}
.yuba-elements-container {
    margin-top: 80px;
    margin-bottom: 60px;
}
.plumas-elements-container {
    margin-bottom: 80px;
}
.yuba-elements-content,
.plumas-elements-content {
    position: relative;
    width: 100%;
}
.yuba-elements-content {
    max-width: 1000px;
    margin: auto;
}
.yuba-elements-image,
.plumas-elements-image {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
}
.plumas-elements-image-mobile,
.yuba-elements-image-mobile {
    display: none;
}
.yuba-elements-item,
.plumas-elements-item {
    position: absolute;
    color: initial;
    line-height: 1.2;
    z-index: 2;
    font-size: clamp(0.8rem, 1.6vw, 1.6rem);
    text-align: center;
}
.yuba-elements-item {
    font-size: clamp(0.8rem, 1.8vw, 2rem);
}
.yuba-elements-title {
    left: 48%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-weight: 700;
    font-size: clamp(1.7rem, 2.8vw, 2.8rem);
    width: clamp(90px, 8vw, 132px);
    text-align: center;
    color: #fff;
    position: absolute;
    z-index: 2;
    line-height: 1.3;
}
.plumas-elements-item-1 {
    top: 98%;
    right: 84.7%;
}
.plumas-elements-item-2 {
    top: 98%;
    right: 58.7%;
}
.plumas-elements-item-3 {
    top: 98%;
    right: 30.8%;
}
.plumas-elements-item-4 {
    top: 98%;
    right: 5.6%;
}
.yuba-elements-item-1 {
    top: -5%;
    right: 41.7%;
}
.yuba-elements-item-2 {
    top: 8%;
    right: 0.7%;
}
.yuba-elements-item-3 {
    top: 34%;
    right: -3.2%;
}
.yuba-elements-item-4 {
    top: 91%;
    right: 9.6%;
}
.yuba-elements-item-4 span {
    font-style: italic;
    color: #b3489b;
    font-weight: bold;
}
.yuba-elements-item-5 {
    top: 98%;
    right: 58.7%;
}
.yuba-elements-item-6 {
    top: 87%;
    right: 85.7%;
}
.yuba-elements-item-7 {
    top: 34%;
    right: 91.8%;
}
.yuba-elements-item-8 {
    top: 8%;
    right: 83.6%;
}
@media (max-width: 768px) {
    .plumas-elements-image-mobile {
        display: block;
        width: 100%;
        height: auto;
        position: relative;
        z-index: 1;
    }
    .plumas-elements-image {
        display: none;
    }
    .yuba-elements-container {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .plumas-elements-container {
        margin-bottom: 10px;
    }
    .plumas-elements-content {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    .plumas-elements-item {
        line-height: 1.2;
        font-size: 3.4vw;
        text-align: left;
    }
    .plumas-elements-item-1 {
        top: 6.7%;
        right: 8.7%;
    }
    .plumas-elements-item-2 {
        top: 33%;
        right: 9.7%;
    }
    .plumas-elements-item-3 {
        top: 61.6%;
        right: 2.7%;
    }
    .plumas-elements-item-4 {
        top: 86%;
        right: 6.7%;
    }
}

/* Plumas and Yuba focal areas styling */
.plumas-focus-container,
.yuba-focus-container {
    width: 100%;
    position: relative;
}
.plumas-focus-content,
.yuba-focus-content {
    position: relative;
    width: 100%;
}
.plumas-focus-grid,
.yuba-focus-grid {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-end;
    gap: 10px;
    width: 100%;
}
.plumas-focus-cell,
.yuba-focus-cell {
    position: relative;
    flex: 0 1 auto;
    min-width: 0;
}
.plumas-focus-image,
.yuba-focus-image {
    display: block;
    max-width: 100%;
    height: auto;
}
.plumas-focus-image {
    max-height: clamp(180px, 18vw, 300px);
    width: auto;
}
.plumas-focus-image-2 {
    max-height: clamp(185px, 18.5vw, 308px);
}
.yuba-focus-image {
    max-height: clamp(150px, 15vw, 250px);
    width: auto;
}
.yuba-focus-image-2,
.yuba-focus-image-3 {
    max-height: clamp(155px, 15.5vw, 258px);
}
.yuba-focus-image-4 {
    max-height: clamp(145px, 14.5vw, 243px);
}
.yuba-focus-item,
.plumas-focus-item {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    line-height: 1.2;
    z-index: 2;
    font-size: clamp(0.8rem, 1.6vw, 1.6rem);
    text-align: center;
    box-sizing: border-box;
    overflow-wrap: break-word;
    padding: clamp(12px, 1.4vw, 18px);
}
.yuba-focus-item p,
.plumas-focus-item p {
    margin: 0;
    max-width: 90%;
}

@media (max-width: 1100px) and (min-width: 769px) {
    .yuba-focus-item,
    .plumas-focus-item {
        font-size: clamp(0.8rem, 1.35vw, 1.4rem);
    }
}
@media (max-width: 768px) {
    .plumas-focus-grid,
    .yuba-focus-grid {
        flex-direction: column;
        align-items: center;
    }

    .plumas-focus-cell,
    .yuba-focus-cell {
        width: 100%;
        background: #00536E;
        border-radius: 12px;
        overflow: hidden;
    }

    .plumas-focus-image,
    .yuba-focus-image {
        display: none;
    }

    .yuba-focus-item,
    .plumas-focus-item {
        position: static;
        inset: auto;
        display: flex;
        font-size: clamp(1.1rem, 4vw, 1.7rem);
        padding: clamp(14px, 3.5vw, 22px);
    }
}