/* Static Resources CSS file for SN Popup */

/* Mobile mode code starts */

.bose-ds-button-hover-line-effect[c-expCommonHowToFindSNPopup_expCommonHowToFindSNPopup] button {
    line-height: 1.25rem;
    color: #0161a9;
    font-family: 'Bose (Medium)', sans-serif;
    font-size: 0.875rem;
}

.bose-ds-button-hover-line-effect[c-expCommonHowToFindSNPopup_expCommonHowToFindSNPopup] button:hover {
    color: #0161a9;
}

.bose-ds-button-hover-line-effect[c-expCommonHowToFindSNPopup_expCommonHowToFindSNPopup]:hover .slds-button {
    text-decoration: underline;
}

.back-button[c-expCommonHowToFindSNPopup_expCommonHowToFindSNPopup] button {
    font-family: 'Bose (Medium)', sans-serif;
    font-size: 1rem;
    line-height: 1rem;
    color: #000000;
    letter-spacing: 0.01rem;
    padding: 1.5rem 0;
    border: none;
    margin-left: 0.75rem;
}

.back-button[c-expCommonHowToFindSNPopup_expCommonHowToFindSNPopup] button:hover {
    background-color: transparent;
}

.Rich-Text[c-expCommonHowToFindSNPopup_expCommonHowToFindSNPopup] lightning-formatted-rich-text.slds-rich-text-editor__output h3 strong,
.Rich-Text[c-expCommonHowToFindSNPopup_expCommonHowToFindSNPopup] lightning-formatted-rich-text.slds-rich-text-editor__output p strong {
    font-family: 'Bose (Medium)' , sans-serif !important;  /* To override the inline style coming from Richtext editor */
    font-size: 1.25rem !important;  /* To override the inline style coming from Richtext editor */
    line-height: 1.5rem;
    font-weight: normal;
}

.Rich-Text[c-expCommonHowToFindSNPopup_expCommonHowToFindSNPopup] lightning-formatted-rich-text.slds-rich-text-editor__output p,
.Rich-Text[c-expCommonHowToFindSNPopup_expCommonHowToFindSNPopup] lightning-formatted-rich-text.slds-rich-text-editor__output p span {
    font-family: 'Bose (Regular)', sans-serif;
    font-size: 0.875rem !important; /* To override the inline style coming from Richtext editor */
    line-height: 1.25rem;
}

.Rich-Text[c-expCommonHowToFindSNPopup_expCommonHowToFindSNPopup] lightning-formatted-rich-text.slds-rich-text-editor__output p b {
    font-family: 'Bose (Medium)', sans-serif;
} 
/*Mobile mode code Ends*/

/* Tablet and Desktop Mode code starts */

@media (min-width: 33rem) {

    .back-button[c-expCommonHowToFindSNPopup_expCommonHowToFindSNPopup] button {
        margin-left: 0;
    }

    .Rich-Text[c-expCommonHowToFindSNPopup_expCommonHowToFindSNPopup] lightning-formatted-rich-text.slds-rich-text-editor__output p,
    .Rich-Text[c-expCommonHowToFindSNPopup_expCommonHowToFindSNPopup] lightning-formatted-rich-text.slds-rich-text-editor__output p span {
        font-size: 1rem !important; /* To override the inline style coming from Richtext editor */
        line-height: 1.625rem;
    }

    .Rich-Text[c-expCommonHowToFindSNPopup_expCommonHowToFindSNPopup] lightning-formatted-rich-text.slds-rich-text-editor__output h3 strong,
    .Rich-Text[c-expCommonHowToFindSNPopup_expCommonHowToFindSNPopup] lightning-formatted-rich-text.slds-rich-text-editor__output p strong {
        font-size: 2rem !important; /* To override the inline style coming from Richtext editor */
        line-height: 2.375rem;
        letter-spacing: -0.02rem;
    }
}
/*Tablet reponsive code Ends*/

/* Tablet and Desktop Mode code ends */