/*!
 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.6
 Requires PHP: 8.0
 Version: 6.6.0
 Text Domain: rubrum
*/


/* Custom CSS */

strong, b {
    font-weight: 800;
}

/* Header */
@media (max-width: 1199.98px) {
    .header-logo img {
        width: 180px;
    }
}
@media (max-width: 767.98px) {
    .header-logo img {
        width: 133px;
    }
}
.wp-block-navigation.is-style-link-separator .wp-block-navigation__container>.wp-block-navigation-item:after {
    font-weight: 400;
    font-size: 16px;
}

/* Home Page */
.hero-banner {
    height: 58vw;
    max-height: 914px;
}
@media (max-width: 991.98px) {
    .hero-banner-inner {
        padding-right: 40%;
    }
}

.wp-block-image.aligncenter {
    margin-left: auto;
    margin-right: auto;
}

.home-carousel {
    max-height: 280px !important;
    overflow: hidden !important;
}
.carousel-control-prev-icon {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="26" viewBox="0 0 15 26" fill="none"><path d="M13 1.5L1.5 13L13 24.5" stroke="%23CA2D92" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.carousel-control-next-icon {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="26" viewBox="0 0 15 26" fill="none"><path d="M2 24.5L13.5 13L2 1.5" stroke="%23CA2D92" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

@media (max-width: 991.98px) {
    .carousel-control-next,
    .carousel-control-prev {
        top: -150px;
    }
}

/* Endorsements */
.list-endorsements ul {
    font-size: clamp(16px,2vw,19px) !important;
}
.list-endorsements ul li {
    line-height: 1.2 !important;
    margin-bottom: 8px !important;
}

/* Pagination Block */
.wp-block-query-pagination-numbers {
    margin: 0 !important;
    padding: 8px 0;
}
.wp-block-query-pagination-numbers span.page-numbers,
.wp-block-query-pagination-numbers a.page-numbers {
    padding: 7px 13px;
    background-color: var(--wp--preset--color--accent);
    color: var(--wp--preset--color--base);
    margin: 3px;
}

.wp-block-query-pagination-numbers span.page-numbers.current {
    background-color: var(--wp--preset--color--primary);
}
.wp-block-query-pagination-numbers span.page-numbers:hover,
.wp-block-query-pagination-numbers a.page-numbers:hover {
    background-color: var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--base) !important;
}