body#resources .btn.btn-link p {
    margin-bottom: 0px;
}
body#resources .toggle-all,
body#resources .toggle-all:hover {
    color: var(--gray);
}
body#resources #collapseTwo .card-accordion-body-gradient p:first-of-type {
    margin-bottom: 0;
}
@media (min-width: 768px) {
    body#resources .nav-item:nth-child(3) a {
        color: var(--purple);
    }
}

.logo-daybue {
    max-width: 340px;
}
@media (max-width: 450px) {
    .logo-daybue {
        max-width: 280px;
    }
}

.nav-item:hover {
    color: var(--purple) !important;
}

.card-accordion-header {
    background-color: rgb(50, 134, 160, 0.09) !important;
}

.card-accordion-header .collapsed {
    background-color: rgb(50, 134, 160, 0.09) !important;
}

ul li {
    padding-top: 10px;
    padding-bottom: 10px;
}

#accordion .card-accordion-header a span.accordion-title {
    line-height: 1.3;
}

img.download-icon.show-ontop {
    position: absolute;
    left: 49%;
    top: 20px;
    width: 55%;
}
img.download-icon.show-ontop-download {
    position: absolute;
    left: 0;
    top: -12px;
    max-width: 100%;
    width: 100%;
}
img.download-icon.show-onboth {
    position: absolute;
    left: 0;
    bottom: 35px;
}

img.download-icon.show-ontop-textbig {
    position: absolute;
    left: 48%;
    top: -75px;
    width: 57%;
}

body#resources .row .btn-section {
    left: 4px;
}
@media (max-width: 552px) {
    body#resources .row .daybue-btn {
        padding-left: 6px;
        padding-right: 6px;
    }
    body#resources .row .btn-section {
        top: 0px;
        bottom: 0;
    }
    body#resources .row .btn-steps {
        top: -21px !important;
    }
    body#resources .row .btn-section.double {
        top: 5px;
    }
    body#resources .row .btn-section.single {
        top: 31px;
    }
    body#resources .logo-visit h3,
    body#resources .logo-visit-2 p {
        padding-left: 10px;
    }

    .purple-font-44-euclid {
        font-size: 36px !important;
        line-height: 42px !important;
    }

    .grey-font-38-euclid {
        font-size: 36px !important;
        line-height: 42px !important;
    }

    .mobile-margin {
        margin: 20px;
    }
    body#resources .main-subtitle {
        margin-bottom: 20px !important;
    }
    body#resources .card-accordion-body-gradient {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .ribbon .download-icon,
    .ribbon.download-icon {
        position: relative;
        top: -100px;
        left: 2px;
    }
    #accordion .card-accordion-header a span.accordion-title {
        line-height: 1.1;
    }

    img.download-icon.show-ontop {
        position: absolute;
        left: 0;
        bottom: 1px;
    }
    img.download-icon.show-ontop-textbig {
        position: absolute;
        left: 5px;
        top: 20%;
        width: 100%;
    }
    body#resources
        .resource-card-mobile.resource-card-mobile-hcp
        .row.center-resource-content
        p:nth-of-type(2),
    body#resources
        .resource-card-mobile.resource-card-mobile-hcp
        .row.center-resource-content
        p:nth-of-type(4) {
        display: none;
    }
    sup.faq-dagger {
        position: relative;
        top: -7px !important;
    }
}

.btn-link-no-hover:hover {
    text-decoration: none !important;
}

.hover-only-text:hover {
    text-decoration: underline;
    text-decoration-color: white;
}

body#resources .btn.btn-link.text-left.collapsed,
body#resources .btn.btn-link.text-left {
    text-decoration: none !important;
}

body#resources .img-placeholder {
    width: 100px;
}

body#resources .img-placeholder img {
    height: 100%;
    max-height: 127px;
}
@media (min-width: 553px) and (max-width: 991px) {
    body#resources .resource-card {
        height: auto;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    body#resources .row .btn-section {
        bottom: -45px;
    }
}

@media (min-width: 833px) and (max-width: 1075px) {
    body#resources .row .daybue-btn {
        padding-left: 6px;
        padding-right: 6px;
    }
}

@media (min-width: 553px) and (max-width: 820px) {
    body#resources .resources-cg .btn-section {
        top: 92px !important;
    }
    body#resources .resources-hcp .btn-section {
        top: 115px !important;
    }

    body#resources h3.purple-font-44-euclid.purple-font-36-tablet {
        font-size: 38px;
    }

    body#resources p.purple-font-44-euclid.grey-font-33-tablet {
        font-size: 33px;
    }

    /* .daybue-btn{
		width: 94px !important;
		font-size: 8px !important;
	} */

    body p {
        font-size: 14px;
        line-height: 19px;
    }
    body#resources .card-accordion .card-accordion-body-gradient p,
    body#resources .card-accordion .card-accordion-body-gradient {
        font-size: 17px;
        line-height: 22px;
    }
    body#resources .card-accordion .accordion-title,
    body#resources .card-accordion .accordion-title p {
        font-size: 20px;
        line-height: 26px;
    }

    .resource-card-title {
        font-size: 15px !important;
    }

    .long-title {
        font-size: 12px !important;
        line-height: 18px !important;
    }

    body#resources .col-lg-9.content-card.col-md-8 {
        height: 110px;
    }

    body#resources div.img-placeholder {
        margin-right: 0px;
    }
}

@media (max-width: 767px) {
    body#resources .nav-item:nth-child(3) a {
        color: var(--yellow);
    }
   
}
@media (min-width: 1200px) {
    body#resources .row .btn-section {
        bottom: -20px;
    }
    body#resources .row .btn-section.understanding {
        bottom: -50px;
    }
}
@media (min-width: 553px) and (max-width: 767px) {
    body#resources .row .btn-section {
        top: 101px;
        float: left;
        margin-left: 130px;
    }
    body#resources .content-card {
        height: auto;
        margin-top: 35px;
    }
    body#resources .row.resource-card .row {
        flex-direction: column-reverse;
    }
    body#resources .resource-card.resource-card-row-2 .content-card {
        height: 150px;
    }
    body#resources .row .btn-section.btn-section.mobile.dwn {
        top: auto !important;
    }
    body#resources .thumbnail-tablet {
        right: -6px;
        position: relative;
    }
    body#resources .row.spacer-large.mobile.resource {
        display: none;
    }
}

@media (max-width: 552px) {
    #resources .scroll-img {
        position: absolute;
        bottom: 20px;
        display: block;
        width: calc(100% - 54px);
    }
    body#resources .row .btn-section.understanding {
        top: 25px !important;
    }
    html[lang=es] body#resources .row .btn-section.understanding {
        top: 0px !important;
    }
}

.hide-on-english {
    display: none;
}
html[lang=es] .hide-on-english {
    display: inline;
}