/*!
 Theme Name: Rubrum
 Theme URI:
 Author: Dev Team
 Author URI:
 Description: Rubrum is a blank canvas for your ideas and it makes the block editor your best brush.
 Requires at least: 6.6
 Tested up to: 6.8.3
 Requires PHP: 8.0
 Version: 6.8
 Text Domain: rubrum
*/


/** Add your custom styles here **/


/** HEADER **/
@media (max-width: 767.98px) {
    .wp-block-site-logo {
        width: 150px;
    }
}


/** PAGE - HOME **/
.home-cover {
    height: 36.7vw;
    max-height: 680px;
}

.home .taxonomy-resource-category {
    justify-content: start !important;
}

/** Photo Gallery **/
.home-photo-gallery img {
    border-radius: 20px;
}
.home-photo-gallery .slick-slide {
    transition: all ease-in-out .3s;
    transform: scale(0.8); /* Smaller size for non-active slides */
    opacity: 0.67; /* Optional: make non-active slides less prominent */
}
.home-photo-gallery .slick-center {
    transform: scale(1); /* Larger size for the center slide */
    opacity: 1; /* Full opacity for the center slide */
}
.wp-block-getwid-images-slider.has-arrows-inside .slick-prev {
    left: 21.5%;
}
.wp-block-getwid-images-slider.has-arrows-inside .slick-next {
    right: 21.5%;
}
.wp-block-getwid-images-slider.has-arrows-inside .slick-next,
.wp-block-getwid-images-slider.has-arrows-inside .slick-prev {
    height: 58px !important;
    width: 50px !important;
    background-color: var(--wp--preset--color--tertiary) !important;
    border-radius: 20px !important;
}
.wp-block-getwid-images-slider.has-arrows-inside .slick-next:before,
.wp-block-getwid-images-slider.has-arrows-inside .slick-prev:before {
    color: #000 !important;
    text-shadow: none !important;
    font-size: 21px;
}
.wp-block-getwid-images-slider.has-arrows-inside .slick-next:before {
    content: '❯' !important;
}
.wp-block-getwid-images-slider.has-arrows-inside .slick-prev:before {
    content: '❮' !important;
}


/** Position the fancy shape images **/
.section-resources {
    position: relative;
}
.section-resources::before {
    content: "";
    position: absolute;
    top: -64px;
    left: 0;
    width: 100%;
    height: 127px;
    background-image: url('/wp-content/uploads/shapes-1.webp');
    background-repeat: no-repeat;
    background-size: 165px 127px;
    background-position: calc(50% - 584px) 0;
    z-index: 1;
}
.section-resources::after {
    content: "";
    position: absolute;
    bottom: -55px;
    right: 0;
    width: 100%;
    height: 109px;
    background-image: url('/wp-content/uploads/shape.webp');
    background-repeat: no-repeat;
    background-size: 96px 109px;
    background-position: calc(50% + 617px) 100%;
    z-index: 1;
}


/** PAGE - Blog **/
.card-news .wp-block-post-featured-image {
    aspect-ratio: 53 / 47 !important;
}
.card-news a.wp-block-read-more:hover {
    color: var(--wp--preset--color--primary) !important;
    text-decoration: none;
}
.card-news .btn-blog-readmore a.wp-block-button__link {
    background-color: var(--wp--preset--color--accent-blue) !important;
    border-color: var(--wp--preset--color--accent-blue) !important;
    color: #FFF !important;
    font-size: var(--wp--preset--font-size--med-small) !important;
}
.block-post-link-container:has(a:hover) > .wp-block-buttons .wp-block-button a.wp-block-button__link {
    background-color: #6BBDEE !important;
    border-color: #6BBDEE !important;
    color: #FFF !important;
}
.card-news .wp-block-button.is-style-btn-primary .wp-block-button__link::after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="11" viewBox="0 0 5 11" fill="none"><path d="M1.00024 1.00018L3.59839 5.50018L1.00024 10.0003" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="bevel"/></svg>') !important;
}
.single-post .entry-content a {
    font-weight: 500;
}


/** PAGE - Resources **/
.card-resource a.wp-block-read-more:hover {
    color: var(--wp--preset--color--accent) !important;
    text-decoration: none;
}
.card-resource h3 a:hover {
    color: var(--wp--preset--color--accent) !important;
    text-decoration: none;
}
.card-resource .truncate-multiline {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.resources-loop .wp-block-cover .wp-block-cover__image-background {
    height: auto !important;
    object-fit: contain !important;
}
.resource-category-papers .wp-block-post-featured-image {
    display: none !important;
}

/** PAGE - About **/

@media (max-width: 781.98px) {
    .column-one {
        order: 2 !important;
    }
    .column-two {
        order: 1 !important;
    }
    .col-mission, .col-vision {
        padding-top: 30px !important;
    }
}

/** Image margin adjustments **/
.img-about-1,
.img-about-2 {
    position: relative;
    z-index: 999;
}
@media (min-width: 1300px) {
    .img-about-1 {
        position: relative;
        z-index: 999;
        margin-top: -100px !important;
    }
    .img-about-2 {
        position: relative;
        z-index: 999;
        margin-top: -115px !important;
    }
}
@media (min-width: 1100px) and (max-width: 1299.98px) {
    .img-about-1 {
        margin-top: -40px !important;
    }
    .img-about-2 {
        margin-top: -115px !important;
    }
}
@media (max-width: 1099.98px) {
    .img-about-1 {
        margin-top: 0 !important;
    }
    .img-about-2 {
        margin-top: 0 !important;
    }
}

.section-bios h6 {
    font-family: var(--wp--preset--font-family--default) !important;
}
.caption-bio {
    margin-top: -4px !important;
    margin-bottom: 4px !important;
    font-weight: 300 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}


/** Single - Resource **/

header.header-light-blue .wp-block-group {
    background-color: var(--wp--preset--color--tertiary) !important;
}

.taxonomy-resource-category {
    gap: 10px 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
}
.single .taxonomy-resource-category {
    justify-content: center;
}
.taxonomy-resource-category .wp-block-post-terms__separator {
    display: none;
}
.taxonomy-resource-category a {
    display: inline-block;
    transition: var(--wp--custom--bootstrap--button--secondary--styles--transition, var(--wp--custom--utility--transition--default));
    transform: var(--wp--custom--bootstrap--button--secondary--styles--transform, scale(1));
    box-shadow: var(--wp--custom--bootstrap--button--secondary--styles--box-shadow);
    text-shadow: var(--wp--custom--bootstrap--button--secondary--styles--text-shadow);
    color: var(--wp--custom--bootstrap--button--secondary--color--text);
    background: var(--wp--custom--bootstrap--button--secondary--color--background);
    font-size: var(--wp--custom--bootstrap--button--secondary--typography--font-size);
    font-family: var(--wp--custom--bootstrap--button--secondary--typography--font-family);
    font-style: var(--wp--custom--bootstrap--button--secondary--typography--font-style);
    font-weight: var(--wp--custom--bootstrap--button--secondary--typography--font-weight);
    text-transform: var(--wp--custom--bootstrap--button--secondary--typography--text-transform);
    text-decoration: var(--wp--custom--bootstrap--button--secondary--typography--text-decoration);
    line-height: var(--wp--custom--bootstrap--button--secondary--typography--line-height);
    letter-spacing: var(--wp--custom--bootstrap--button--secondary--typography--letter-spacing);
    margin: 0 0;
    padding-top: var(--wp--custom--bootstrap--button--secondary--spacing--padding--top, 0px);
    padding-bottom: var(--wp--custom--bootstrap--button--secondary--spacing--padding--bottom, 0px);
    padding-left: var(--wp--custom--bootstrap--button--secondary--spacing--padding--left, 0px);
    padding-right: var(--wp--custom--bootstrap--button--secondary--spacing--padding--right, 0px);
    border-radius: var(--wp--custom--bootstrap--button--secondary--border--radius);
    border-style: var(--wp--custom--bootstrap--button--secondary--border--style);
    border-color: var(--wp--custom--bootstrap--button--secondary--border--color);
    border-width: var(--wp--custom--bootstrap--button--secondary--border--width);
}
.taxonomy-resource-category a:active,
.taxonomy-resource-category a:hover,
.taxonomy-resource-category a:focus {
    background: var(--wp--preset--color--accent-blue-alt);
    border-color: var(--wp--preset--color--accent-blue-alt);
    color: #FFF !important;
}

.resource-category-videos .wp-block-post-featured-image {
    display: none !important;
}


/** OTHER **/

.heading-line {
    padding-left: 30px !important;
    border-left: 5px solid var(--wp--preset--color--accent);
}

.img-shadow img {
    box-shadow: var(--wp--custom--utility--box-shadow--normal) !important;
}
.page-home .alignleft,
.page-about .alignleft {
    margin-inline-end: 20px !important;
}
.page-home .alignright,
.page-about .alignright {
    margin-inline-start: 20px !important;
}

@media (max-width: 991.98px) {
    .page-template-default .block-featured-cover {
        min-height: clamp(180px,26vw,250px) !important;
    }
    .archive .block-featured-cover {
        min-height: clamp(180px,26vw,250px) !important;
    }
}

.page-resources .group-resources-btns .btn-all .wp-block-button__link:not(:hover),
.term-resources .group-resources-btns .btn-advocacy .wp-block-button__link:not(:hover),
.term-papers .group-resources-btns .btn-papers .wp-block-button__link:not(:hover),
.term-graphics .group-resources-btns .btn-social .wp-block-button__link:not(:hover),
.term-videos .group-resources-btns .btn-videos .wp-block-button__link:not(:hover) {
    background-color: white !important;
    border-color: var(--wp--preset--color--accent-blue) !important;
    color: var(--wp--preset--color--accent-blue) !important;
}

.big-text {
    font-size: var(--wp--preset--font-size--large);
    font-weight: 400;
    letter-spacing: 1.2px;
}

/** Add Arrow to Primary Buttons **/
.wp-block-button.is-style-btn-primary {
    position: relative;
}
.wp-block-button.is-style-btn-primary .wp-block-button__link::after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="11" viewBox="0 0 5 11" fill="none"><path d="M1.00024 1.00018L3.59839 5.50018L1.00024 10.0003" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="bevel"/></svg>');
    display: inline-block;
    width: 6px;
    height: 15px;
    position: relative;
    top: -1px;
    right: -8px;
    transition: all .33s ease-in-out;
}

/** Add Arrow to Accent Buttons **/
.wp-block-button.is-style-btn-accent {
    position: relative;
}
.wp-block-button.is-style-btn-accent:not(.btn-back) .wp-block-button__link::after,
.wp-block-read-more:not(.btn-back)::after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="6" height="12" viewBox="0 0 6 12" fill="none"><path d="M1 0.5L5 6L1 11.5" stroke="%23000000" stroke-width="1.5"/></svg>');
    display: inline-block;
    width: 8px;
    height: 16px;
    position: relative;
    top: 1px;
    right: -8px;
    transition: all .33s ease-in-out;
}
.wp-block-button.is-style-btn-accent.btn-back .wp-block-button__link::before,
.wp-block-read-more.btn-back::before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="11" viewBox="0 0 5 11" fill="none"><path d="M3.46387 10.0002L0.865723 5.50024L3.46387 1.00013" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="bevel"/></svg>');
    display: inline-block;
    width: 22px;
    height: 18px;
    position: relative;
    top: 0;
    left: -20px;
    transition: all .33s ease-in-out;
}
.wp-block-button.is-style-btn-accent.btn-readmore-alt .wp-block-button__link,
.wp-block-read-more.btn-readmore-alt {
    font-weight: 500 !important;
}
.wp-block-button.is-style-btn-accent.btn-readmore-alt .wp-block-button__link::after,
.wp-block-read-more.btn-readmore-alt::after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="11" viewBox="0 0 5 11" fill="none"><path d="M1.00012 1.00012L3.59827 5.50012L1.00012 10.0002" stroke="%23EAF3F8" stroke-width="2" stroke-linecap="round" stroke-linejoin="bevel"/></svg>');
    display: inline-block;
    width: 6px;
    height: 15px;
    position: relative;
    top: -1px;
    right: -8px;
    transition: all .33s ease-in-out;
}
.wp-block-button.is-style-btn-accent.btn-readmore-alt .wp-block-button__link,
.wp-block-read-more.btn-readmore-alt {
    color: var(--wp--preset--color--tertiary);
}
.wp-block-button.is-style-btn-accent:not(.btn-back) .wp-block-button__link:active::after,
.wp-block-button.is-style-btn-accent:not(.btn-back) .wp-block-button__link:hover::after,
.wp-block-button.is-style-btn-accent:not(.btn-back) .wp-block-button__link:focus::after,
.wp-block-read-more:not(.btn-back):active::after,
.wp-block-read-more:not(.btn-back):hover::after,
.wp-block-read-more:not(.btn-back):focus::after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="11" viewBox="0 0 5 11" fill="none"><path d="M1.00024 1.00018L3.59839 5.50018L1.00024 10.0003" stroke="%23FFC907" stroke-width="2" stroke-linecap="round" stroke-linejoin="bevel"/></svg>');
    right: -14px;
    transition: all .33s ease-in-out;
}
.wp-block-button.is-style-btn-accent.btn-back .wp-block-button__link:active::before,
.wp-block-button.is-style-btn-accent.btn-back .wp-block-button__link:hover::before,
.wp-block-button.is-style-btn-accent.btn-back .wp-block-button__link:focus::before,
.wp-block-read-more.btn-back:active::before,
.wp-block-read-more.btn-back:hover::before,
.wp-block-read-more.btn-back:focus::before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="11" viewBox="0 0 5 11" fill="none"><path d="M3.46387 10.0002L0.865723 5.50024L3.46387 1.00013" stroke="%2340BEB3" stroke-width="2" stroke-linecap="round" stroke-linejoin="bevel"/></svg>');
    left: -26px;
    transition: all .33s ease-in-out;
}
.wp-block-read-more:active,
.wp-block-read-more:hover,
.wp-block-read-more:focus {
    color: var(--wp--preset--color--tertiary) !important;
}

.wp-block-button.is-style-btn-primary,
input.gform_button {
    transition: all .33s ease-in-out;
    margin: 6px 0 0 !important;
}
.wp-block-button.is-style-btn-primary:has(:hover),
input.gform_button:hover {
    transition: all .33s ease-in-out;
    margin: 0 0 6px !important;
}
.is-field-name-resources-papers-file a:hover {
    text-decoration: none !important;
}


/** FOOTER **/
footer a {
    text-decoration: underline;
}

.text-decoration-none, .text-decoration-none a {
    text-decoration: none !important;
}