﻿
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

    .slick-track:after, .slick-track:before {
        display: table;
        content: ''
    }

    .slick-track:after {
        clear: both
    }

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
}

@font-face {
    font-family: slick;
    font-weight: 400;
    font-style: normal;
    src: url(fonts/slick.eot);
    src: url(fonts/slick.eot?#iefix) format('embedded-opentype'),url(fonts/slick.woff) format('woff'),url(fonts/slick.ttf) format('truetype'),url(fonts/slick.svg#slick) format('svg')
}

.slick-next, .slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: 0 0
}

    .slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
        color: transparent;
        background: 0 0
    }

        .slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
            opacity: 1
        }

    .slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
        opacity: .25
    }

    .slick-next:before, .slick-prev:before {
        font-family: slick;
        font-size: 1.25rem;
        line-height: 1;
        opacity: .75;
        color: #fff;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: '←'
}

[dir=rtl] .slick-prev:before {
    content: '→'
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

.slick-next:before {
    content: '→'
}

[dir=rtl] .slick-next:before {
    content: '←'
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer
    }

        .slick-dots li button {
            font-size: 0;
            line-height: 0;
            display: block;
            width: 20px;
            height: 20px;
            padding: 5px;
            cursor: pointer;
            color: transparent;
            border: 0;
            background: 0 0
        }

            .slick-dots li button:focus:before, .slick-dots li button:hover:before {
                opacity: 1
            }

            .slick-dots li button:before {
                font-family: slick;
                font-size: .375rem;
                line-height: 20px;
                position: absolute;
                top: 0;
                left: 0;
                width: 20px;
                height: 20px;
                content: '•';
                text-align: center;
                opacity: .25;
                color: #000;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale
            }

        .slick-dots li.slick-active button:before {
            opacity: .75;
            color: #000
        }

* {
    box-sizing: border-box;
}

img {
    max-width: 100%;
}

.tc {
    text-align: center;
}

.rtp_hdr {
    text-transform: uppercase;
    font-family: "ModernCaps";
    letter-spacing: 0.4px;
    font-weight: normal;
}


.rtp_bookends {
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
}

    .rtp_bookends::before,
    .rtp_bookends::after {
        display: inline-block;
        position: absolute;
        top: 50%;
        z-index: 1;
        width: 140px;
        height: 5px;
        background-color: #e32527;
        font-size: 1rem;
        content: '';
        -webkit-transform: translate(0%,-50%);
        transform: translate(0%,-50%);
    }

    .rtp_bookends::before {
        left: 102%;
    }

    .rtp_bookends::after {
        right: 102%;
    }

@media (max-width: 767px) {
    .rtp_bookends::before,
    .rtp_bookends::after {
        content: none;
    }
}

#rewards_outer {
    background-position: center top;
    background-image: url(https://koala-marketing-api-production.s3.amazonaws.com/round-table-pizza/assets/zz-pattern.png);
}

@media (min-width: 768px) {
    #points_breakdown #fav_items {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
}

#points_breakdown #fav_items {
    margin-top: 10px;
}

#points_breakdown .rtp_bookends.rtp_hdr {
    margin: 40px 0;
    font-size: 2.3vw;
    padding: 0 10px;
}

#points_breakdown #fav_items .fav_item {
    display: flex;
    flex-direction: column;
    flex: 1 0 20%;
    align-items: center;
    margin-top: 50px;
    text-align: center;
    text-transform: uppercase;
}



    #points_breakdown #fav_items .fav_item .fav_circle_pts {
        flex-direction: column;
        align-items: center;
        width: 72px;
        height: 120px;
        background-repeat: no-repeat;
        background-position: center top;
        background-size: contain;
        text-transform: uppercase;
    }

        #points_breakdown #fav_items .fav_item .fav_circle_pts .points {
            margin-top: 5px;
            font-weight: bold;
        }

    #points_breakdown #fav_items .fav_item .font-caps {
        font-size: 1.5rem;
    }

    #points_breakdown #fav_items .fav_item .fav_sub {
        text-transform: none;
        font-size: 1.3rem;
    }

    #points_breakdown #fav_items .fav_item .fav_img {
        flex: 1 0 400px;
        width: 100%;
        margin-top: 20px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

@media (min-width: 768px) {

    #points_breakdown #fav_items .fav_item + .fav_item {
        border-left: 2px solid #ddd;
    }
}

@media (max-width: 1375px) {
    #points_breakdown #fav_items .fav_item {
        flex: 1 0 30%;
    }
}

@media (max-width: 900px) {
    #points_breakdown #fav_items .fav_item {
        flex: 1 0 50%;
    }
}

@media (max-width: 767px) {
    #points_breakdown .rtp_bookends.rtp_hdr {
        font-size: 3rem;
    }

    #points_breakdown #fav_items {
        display: block;
    }

        #points_breakdown #fav_items .fav_item .fav_img {
            height: 350px;
        }
}

#rewards_faq {
    width: 1500px;
    max-width: 100%;
    padding: 30px;
    margin: auto;
    font-family: "BrandonGrotesque", 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

    #rewards_faq .rtp_hdr {
        margin: 50px 0;
        font-size: 2.3vw;
        font-weight: 100;
    }

@media (max-width: 767px) {

    #rewards_faq .rtp_hdr {
        font-size: 3rem;
    }
}

#rewards_faq .faqs {
    margin-top: 20px;
}

#rewards_faq .faq {
    position: relative;
    padding: 10px 0;
    margin-bottom: 40px;
    background-color: #FFFFFF;
    border-radius: 5px;
    border: 1px solid #ccc;
    font-size: 1.7rem;
}

    #rewards_faq .faq ul {
        list-style-position: outside;
        margin-left: 1em;
    }

        #rewards_faq .faq ul li {
            margin-bottom: .5em;
        }

    #rewards_faq .faq .desc {
        font-size: 1rem;
        padding: 0 4%;
    }


#rewards_faq button {
    width: 100%;
    overflow: hidden;
    padding: 10px 55px;
    -webkit-appearance: none;
    background-color: transparent;
    border: none;
    font-size: inherit;
    font-weight: bold;
    cursor: pointer;
}

#rewards_faq .plus_minus {
    position: absolute;
    top: 0.2em;
    right: .3em;
    z-index: 1;
    pointer-events: none;
    font-family: "BrandonGrotesque", 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 2em;
    font-weight: bold;
    line-height: 1;
}

#rewards_faq .desc {
    display: none;
}


#points_popup,
.popup_sect {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20000;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#rtp_popup_wrap,
.rtp_popup_wrap {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 100;
    width: 1100px;
    max-width: 90%;
    overflow: hidden;
    padding: 40px 0;
    background-color: #FFFFFF;
    background-position: center;
    border: 4px solid #000;
    font-size: .8rem;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-image: url(https://koala-marketing-api-production.s3.amazonaws.com/round-table-pizza/assets/diamond-background.png);
}

    #rtp_popup_wrap #popup_dismiss,
    .rtp_popup_wrap .popup_dismiss {
        position: absolute;
        top: 1em;
        right: 1em;
        z-index: 1;
        overflow: hidden;
        padding: 0;
        margin-top: 0;
        -webkit-appearance: none;
        background-color: transparent;
        border: none;
        font-size: 1.5rem;
        cursor: pointer;
    }

        #rtp_popup_wrap #popup_dismiss:hover,
        .rtp_popup_wrap .popup_dismiss:hover {
            background-color: transparent;
        }

    #rtp_popup_wrap #popup_content,
    #rtp_popup_wrap #popup_content p,
    .rtp_popup_wrap .popup_content,
    .rtp_popup_wrap .popup_content p {
        text-align: left;
        font-size: 1rem;
    }

    #rtp_popup_wrap #popup_header,
    .rtp_popup_wrap .popup_header {
        text-align: center;
        font-size: 2.4rem;
        text-transform: uppercase;
        font-weight: normal;
        margin-bottom: 1em;
    }



    #rtp_popup_wrap .prehead {
        text-transform: uppercase;
        font-family: "BrandonGrotesque", 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: 2.5rem;
    }

    #rtp_popup_wrap #popup_header {
        margin: 0 0 50px;
    }


#rtp_popup_content,
.rtp_popup_content {
    width: 800px;
    margin: auto;
    max-width: 95%;
}

    #rtp_popup_content .small-p {
        font-size: 1rem;
    }

    #rtp_popup_content .red_head {
        margin-bottom: 0;
        font-size: 1.8rem;
        color: #A56933; /* rtp red */
        text-transform: uppercase;
    }

#rtp_popup_wrap #popup_dismiss,
.rtp_popup_wrap .popup_dismiss {
    text-transform: uppercase;
    font-size: .9rem;
    text-decoration: underline;
}

#redeem_info,
.block_cta {
    width: 50%;
    padding: 8px 1.2em 8px 1.2em;
    background-color: #A56933; /* rtp red */
    border-radius: 5px;
    border: none;
    font-size: 16px;
    color: #FFF;
    font-weight: normal;
    line-height: 1em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}


@media (max-width: 767px) {

    #rtp_popup_wrap .small-p {
        font-size: 1rem;
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.mobile_only {
    display: none;
}

@media (max-width: 767px) {
    .mobile_only {
        display: inline-block;
    }

    .desk_only {
        display: none;
    }
}


/* slider */

.slick-arrow {
    position: absolute;
    bottom: 200px;
    z-index: 5;
    width: 1em;
    height: 1em;
    font-size: 3.5rem;
    color: #FFF;
    padding: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    overflow: hidden;
    border: none;
    cursor: pointer;
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
}

#fav_items .lt_arrow {
    left: 20px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAnCAYAAAALkrgzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAeNJREFUeNqsl8tKw0AUhlNbpYWKpYhaKFqp4BWxIEJBV4IIrgTdCq5c+QL6BILo0nU3bgQXLnThjSIiCEVQoVQRb6iIeNeFosb/lAmUkjlpJjnwlSaTfM1kZs6cenRd11yMMBgHKZ+L0ghYB+3A75Y4BjZAXBwHy1yQtoCdAmk+nIoTIA2ixQ1OxL1gG9SYtP1qNCsUGACfunm8goSKdBh8SaQvIJmfwjalY+BHIn0C3ca1dqST4E8ifaDuF15fqnRal8c96Cy+x0roATOM9A60md3LSb1ggZHegGbZ/TJpOVhkpFegieut2Uk/WGGk56DRalyKTwTBJiM9Aw2lDHjhQRjsMdIciJY6PY0vdeCQkWZBxM5i0sRTnDDSI1Brd+nTxzwjfRa9sZ1TKG2ugW9JagyBWWB/pxG/MMikQYplUGH3VRgkRYaSxSoIqIiJDnDLyLfEXLctJmLglJHvgpCKWBPT64CRZ0C1ipioAmlGfsxNRat3FbBISLTM61XEhA+kGPkFiKuIjZ1kziLpt6qIDaaYDZX2vi5VMTFhUQL0qIqJUaZoeaMnV63dlsAQ+DBpqwQjTopCqof7waNJm9dpGbsP+sC1m2WsEVkhz7ktprgU8ow4fve4/K8pP3Bg+V+AAQBO0ZBPx+6ShgAAAABJRU5ErkJggg==");
}

#fav_items .rt_arrow {
    right: 20px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAnCAYAAAALkrgzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAc9JREFUeNqs178vA2Ecx/G7a9M2WlUEo1FiMSqLhURMLAZh9uMPwGCyCbuJpIlFxI+GGCoaUSKhkkoIJpEYJIJIpyblfL48tzTt9/J8757kFdU2b9LnueeemrZtBwzDmIYTuDX8Ggj32f/jE3rB8IOFdkz9jQRkoN+Pf9iq+D0KBzDid5hGGLZgwmu4XOV5mtAUzHiZvAa4t2uPecnkOQ/a4I6JL4EpCZMWKDDxVbAkYdIM10x8A4KSMEnAJRPfg7Ak7EzoORM/hpgkTOrhlIlfQKMkTKKQZeIFtaK0w6QOMkz8AdolYRKBQyb+DB2SMAlBmom/Qpck7MS3mfgHJCVhQ10gm0y8SDePv+tfMGj3y0FPjdcLlnBTpHtkknl9V/JRzNn8WJB8xotMsAxTuquC5mKFiZZgVHcdm2ov5lbBgO6VF4AUE32Hbt29IuSyXl+gU3d3o71hn4k+Vtt43MK0mx0x0Ty06t5B4pBjoln1Hq17XhNcudzrIpJzxQ0TXVcrROtcEXc5CS3rHlac8GCN4A/MSs/HQbUFVo5vmIQ16ZkwWOW5EozBjpdjbGW4CMOQ9XrwpvCXevwGQ5D346sCzbaJn+NwBk9+fWn6FWAA1HvWX5Cbw5kAAAAASUVORK5CYII=");
}

.slick-dots li {
    margin: 0 10px;
}

    .slick-dots li button:before {
        width: 20px;
        height: 20px;
        opacity: 1;
        border-radius: 100%;
        border: 1px solid #FFF;
        background-color: #FFFFFF;
        color: transparent;
        content: '';
    }

    .slick-dots li.slick-active button:before {
        background-color: #A56933; /* rtp red */
        opacity: 1;
    }

#fav_items .slick-dots {
    bottom: 27px;
}

/* end existing faq css		 */

#earn_pop_header {
    margin: 10px 0 0;
    font-size: 1.7rem;
    padding: 0 20px;
}

#earn_popup_wrap {
    background-image: url(https://koala-marketing-api-production.s3.amazonaws.com/round-table-pizza/assets/parchment-bknd.jpeg);
    width: 1175px;
    background-size: cover;
    max-height: 88vh;
}

#earn_pop_content {
    width: 860px;
    overflow-y: auto;
    max-height: 69vh;
}

.earn_row {
    display: flex;
    justify-content: space-between;
    margin-top: 35px;
    text-align: left;
}

.earn_block {
    display: flex;
    flex-direction: column;
    flex: 1 1 20%;
    justify-content: space-between;
    align-items: flex-start;
}

#newsweek_banner {
    padding: 20px 10px;
}

    #newsweek_banner .container {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #newsweek_banner img {
        width: 200px;
    }

    #newsweek_banner .copy {
        font-size: 1.7rem;
        font-weight: bold;
        padding: 0 2em;
    }

.zig_bknd {
    background-position: center top;
    background-image: url(https://koala-marketing-api-production.s3.amazonaws.com/round-table-pizza/assets/zz-pattern.png);
}

.red_txt {
    color: #a86f39;
}


@media (max-width: 767px) {

    #newsweek_banner .container {
        flex-direction: column;
    }

    #newsweek_banner .copy {
        text-align: center;
        padding: 20px 2em;
    }
}



@media (min-width: 816px) {

    #earn_pop_dismiss {
        top: 2em;
        right: 4em;
    }

    .earn_block.big {
        flex: 1 1 29%;
    }

    .earn_block + .earn_block {
        margin-left: 6%;
    }
}

.earn_block img {
    flex: 0 0 20%;
}

.earn_block .hdr {
    flex: 0 0 83px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    margin-top: 20px;
}

.earn_block .heading {
    margin: 0 0 10px;
    font-family: "BrandonGrotesque", 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 1.5rem;
    font-weight: normal;
    text-transform: uppercase;
}

.earn_block p {
    flex: 1 1 auto;
    margin: 0;
    font-family: "BrandonGrotesque", 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 1rem;
}

.earn_block .heading span {
    font-size: .6em;
    font-weight: bold;
}

@media (max-width: 815px) {

    .earn_row {
        flex-wrap: wrap;
        margin-top: 60px;
        padding: 0 3%;
    }

    .earn_block {
        flex: 0 0 41%;
        margin-bottom: 50px;
    }

        .earn_block:nth-child(even) {
            margin-left: 8%;
        }
}

@media (max-width: 767px) {

    .earn_block .hdr {
        flex: 0 0 auto;
    }
}

@media (max-width: 400px) {

    .earn_block {
        flex: 0 0 100%;
        align-items: center;
        margin-bottom: 50px;
    }

        .earn_block:nth-child(even) {
            margin-left: 0;
        }

        .earn_block .hdr {
            flex: 1 1 auto;
        }

        .earn_block .heading br {
            display: none;
        }
}
