/*!
Theme Name: Culligan v4 Tulsa Culligan Child
Author: BAM Advertising
Author URI: https://bamadv.com
Template: culligan-v4
Version: 1.0.0
Bitbucket Theme URI: taylorcollins/culligan-v4-tulsa-child
Primary Branch: main
*/

/* ----------------------------------------------------------------------
 * Rebates
 * ---------------------------------------------------------------------- */

body.page-template-rebates {
    padding: 1.25rem 1rem;
    background: #f0f9fd url(assets/img/rebates-bkgd.jpg) center bottom no-repeat;
    background-size: 100%;
}

body.page-template-rebates #app-panel {
    padding-top: 0;
}

body.page-template-rebates .rebates .rebate {
    display: block;
}

body.page-template-rebates .rebates .rebate .rebate__name {
    display: inline-block;
    margin: 0 0 .3125rem 0;
    color: #0073bd;
    font-size: 1.1rem;
    font-weight: normal;
    cursor: pointer;
}

body.page-template-rebates .rebates .rebate .rebate__name .icn-angle-right {
    vertical-align: -1px;
}

body.page-template-rebates .rebates .rebate .rebate__name:hover {
    color: #222;
}

body.page-template-rebates .rebates .rebate .rebate__graphic {
    display: none;
    width: fit-content;
    padding-bottom: 1.25rem;
}

body.page-template-rebates .rebates .rebate .rebate__graphic img {
    max-width: 100%;
    margin-bottom: .625rem;
}

body.page-template-rebates .rebates .rebate.rebate--expired .rebate__graphic {
    position: relative;
}

body.page-template-rebates .rebates .rebate.rebate--expired .rebate__graphic:after {
    content: "Expired";
    display: block;
    position: absolute;
    left: 50%;
    top: 40%;
    z-index: 10;
    transform: translate(-50%, -50%) rotate(-15deg);
    color: red;
    font-size: 4rem;
    font-weight: 900;
    text-transform: uppercase;
    text-shadow:
        -4px -4px 0 #fff,  
         4px -4px 0 #fff,
        -4px  4px 0 #fff,
         4px  4px 0 #fff;
}

body.page-template-rebates .rebates .rebate .timer {
    font-size: .8rem;
}

body.page-template-rebates .text-expired {
    display: inline-block;
    margin-left: .3125rem;
    color: #fb0d1b;
    font-size: .85rem;
    font-weight: bold;
}

/* ----------------------------------------------------------------------
 * Referrals Modals
 * ---------------------------------------------------------------------- */

.modal.modal--referrals .modal-content {
    border: none;
    border-radius: 2px;
    background: #fff url(assets/img/referral-modal-header.jpg) no-repeat;
    background-size: contain;
}

.modal.modal--referrals .modal-content .modal-body {
    padding-top: 57%;
    color: #00253d;
    font-size: 1rem;
    text-align: center;
}
    @media (min-width: 400px) {
        .modal.modal--referrals .modal-content .modal-body {
            font-size: 1.1rem;
        }
    }

.modal.modal--referrals .modal-content .modal-body .modal__headline {
    margin: 0 0 3px 0;
    font-size: 1.45rem;
    line-height: 1.1;
}
    @media (min-width: 400px) {
        .modal.modal--referrals .modal-content .modal-body .modal__headline {
            font-size: 1.625rem;
        }
    }

.modal.modal--referrals .modal-content .modal-body .modal__button {
    padding: .2rem 2.5rem .3rem 2.5rem;
    background: #ff3a20;
    border-radius: 9999px;
    color: #fff;
    font-size: 1.1875rem;
    font-weight: bold;
    text-decoration: none;
}

.modal.modal--referrals .modal-content .modal-body .modal__button:hover {
    background: #e6331b;
}

.modal.modal--referrals .modal-content .modal-body .modal__dismiss {
    padding: 0;
    border: none;
    background: transparent;
    font-size: .85rem;
    text-decoration: underline;
}

.modal.modal--referrals .modal-content .modal-body .modal__dismiss:hover {
    text-decoration: none;
}