/*!
 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 **/


/** Page - Home **/
.home-cover {
    height: 50vw;
    max-height: 774px;
}
@media (max-width: 575.98px) {
    .home-cover .wp-block-cover__image-background {
        display: none;
    }
    .home-cover .img-logo {
        max-width: 360px;
    }
}

@media (min-width: 782px) {
    .img-phone {
        margin-top: -32px !important;
        margin-left: -58px !important;
    }
}
@media (max-width: 781.98px) {
    .img-phone {
        max-width: 420px;
        margin: 0 auto;
    }
}

/** Home - Section - Issues **/
@media (max-width: 981.98px) {
    .section-issues .icon--container,
    .section-issues .icon--container .icon,
    .section-issues .icon--container .icon svg {
        width: 50px !important;
        height: 50px !important;
    }
}

/** Home - Section - FAQ **/
.home-faq > div {
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 20px;
}
.home-faq .accordion-item {
    border: 2px solid var(--wp--preset--color--secondary) !important;
}
.home-faq h2.accordion-header .accordion-button {
    padding-top: 24px;
    padding-right: var(--wp--preset--spacing--40);
    padding-bottom: 10px;
    padding-left: var(--wp--preset--spacing--40);
    font-size: var(--wp--preset--font-size--large);
    font-weight: 600;
}
.home-faq h2.accordion-header .accordion-button.collapsed {
    padding-bottom: 24px;
}
.home-faq .accordion-body {
    padding-top: 10px !important;
}
.home-faq h2.accordion-header,
.home-faq button.accordion-button {
    border-bottom: 0 !important;
    border-image-width: 0 !important;
}
.home-faq .accordion-body,
.home-faq .accordion-collapse {
    border-top: 0 !important;
    border-image-width: 0 !important;
}
@media (max-width: 575.98px) {
    .accordion-button::after {
        background-size: 14px !important;
        background-position: 100% 50%;
    }
    .accordion-button:not(.collapsed)::after {
        background-size: 14px !important;
        background-position: 0% 50%;
    }
}