@media only screen and (min-width: 600px) {
    journal {
        min-height: 885px;
    }
}

@media only screen and (min-width: 1200px) {
    main {
        margin: 0 auto;
        width: 1000px;
    }
}

main {
    display: block;
    min-height: 915px;
    padding-top: 20px;
}

row .is-column.is-12, row column.is-12 {
    width: 100% !important;
}

row .is-column, row column {
    flex-grow: 0;
    flex-shrink: 1;
    order: 0;
    position: relative;
}

row {
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

    row.is-aligned-center {
        align-items: center;
    }

    row.is-wrap {
        flex-wrap: wrap;
    }


@charset "UTF-8";

*, :after, :before {
    box-sizing: border-box
}

.is-h2, .is-h3, .is-h4, .is-h5, .is-h6, a, abbr, acronym, address, applet, b, big, blockquote, body, caption, center, cite, code, del, dfn, div, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var {
    background: transparent;
    border: 0;
    font-size: 100%;
    line-height: revert;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

html {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-size-adjust: none;
    text-rendering: optimizeLegibility
}

body {
    -webkit-backface-visibility: hidden;
    -webkit-tap-hightlight-color: transparent;
    background: #fff;
    font-family: Montserrat,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4em;
    margin: 0;
    padding: 0
}

    body.is-dev:before {
        content: 'this is "dev"'
    }

    body.is-dev:before, body.is-stage:before {
        background-color: rgba(108,48,130,.5);
        color: #fff;
        padding: 10px 6px;
        position: fixed;
        right: 0;
        text-transform: uppercase;
        top: 50%;
        transform: translateY(-50%);
        -ms-writing-mode: tb-lr;
        writing-mode: vertical-lr;
        z-index: 10000
    }

    body.is-stage:before {
        content: 'this is "stage"'
    }

    body.is-live:before {
        content: 'this is "live"'
    }

    body.is-live:before, body.is-test:before {
        background-color: rgba(108,48,130,.5);
        color: #fff;
        padding: 10px 6px;
        position: fixed;
        right: 0;
        text-transform: uppercase;
        top: 50%;
        transform: translateY(-50%);
        -ms-writing-mode: tb-lr;
        writing-mode: vertical-lr;
        z-index: 10000
    }

    body.is-test:before {
        content: 'this is "test"'
    }

    body.show-nav, body.show-notify {
        overflow: hidden;
        position: relative
    }

header {
    top: 0;
    z-index: 25
}

.subheader {
    padding: 10px
}

main {
    display: block;
    min-height: 915px;
    padding-top: 20px
}

    main a:hover {
        color: #000;
        text-decoration: underline
    }

    main.show-nav, main.show-notify {
        position: fixed
    }

a {
    color: #5590d9;
    text-decoration: none
}

    a:hover.has-hover-underline {
        text-decoration: underline
    }

    a:hover.has-hover-no-underline {
        text-decoration: none
    }

.is-h1, h1 {
    font-family: Montserrat,sans-serif;
    font-size: 42px;
    font-weight: 400;
    line-height: 50px;
    margin: 10px 0
}

    .is-h1 a, h1 a {
        font-size: 14px;
        font-style: normal;
        margin-left: 20px
    }

    .is-h1 a, .is-h2, h1 a, h2 {
        font-family: Montserrat,sans-serif;
        font-weight: 500
    }

.is-h2, h2 {
    font-size: 28px;
    line-height: 1.2em
}

.is-h3, h3 {
    font-size: 24px;
    line-height: 35px
}

.is-h3, .is-h4, h3, h4 {
    font-family: Montserrat,sans-serif;
    font-weight: 500
}

.is-h4, h4 {
    font-size: 20px;
    line-height: 30px
}

.is-h5, h5 {
    font-size: 16px;
    line-height: 25px
}

.is-h5, .is-h6, h5, h6 {
    font-family: Montserrat,sans-serif;
    font-weight: 500
}

.is-h6, h6 {
    font-size: 12px;
    text-transform: uppercase
}

.is-p, p {
    font-size: 17px;
    line-height: 28px;
    margin: 0 0 21px
}

    .is-p.example, p.example {
        padding-left: 15px
    }

ul li {
    font-size: 17px;
    line-height: 28px
}

logged-in, logged-out {
    display: none
}

    logged-in.shown, logged-out.shown {
        display: inline
    }

article {
    margin: 0 10px
}

img {
    height: auto;
    max-width: 100%
}

    img.is-full-width {
        width: 100%
    }

    img[height="350"] {
        min-height: 350px
    }

div.ad-topbanner {
    min-height: 90px
}

div.ad-flexrec {
    min-height: 250px
}

div.ad-flexincontent {
    min-height: 60px
}

div.ad-footer {
    margin-top: 35px;
    min-height: 90px
}

.fancy-title {
    font-family: Baskerville,Times New Roman,serif !important;
    font-style: italic !important
}

.is-sticky {
    position: sticky
}

.has-text-left {
    text-align: left
}

.has-text-center {
    text-align: center
}

.has-text-right {
    text-align: right
}

.has-text-uppercase {
    text-transform: uppercase
}

.has-line-height-0 {
    line-height: 0
}

.has-line-height-8 {
    line-height: 8px
}

.has-line-height-9 {
    line-height: 9px
}

.has-line-height-10 {
    line-height: 10px
}

.has-line-height-11 {
    line-height: 11px
}

.has-line-height-12 {
    line-height: 12px
}

.has-line-height-13 {
    line-height: 13px
}

.has-line-height-14 {
    line-height: 14px
}

.has-line-height-15 {
    line-height: 15px
}

.has-line-height-16 {
    line-height: 16px
}

.has-line-height-17 {
    line-height: 17px
}

.has-line-height-18 {
    line-height: 18px
}

.has-line-height-19 {
    line-height: 19px
}

.has-line-height-20 {
    line-height: 20px
}

.has-line-height-21 {
    line-height: 21px
}

.has-line-height-22 {
    line-height: 22px
}

.has-line-height-23 {
    line-height: 23px
}

.has-line-height-24 {
    line-height: 24px
}

.has-line-height-25 {
    line-height: 25px
}

.has-line-height-26 {
    line-height: 26px
}

.has-line-height-27 {
    line-height: 27px
}

.has-line-height-28 {
    line-height: 28px
}

.has-line-height-29 {
    line-height: 29px
}

.has-line-height-30 {
    line-height: 30px
}

.has-line-height-31 {
    line-height: 31px
}

.has-line-height-32 {
    line-height: 32px
}

.has-line-height-33 {
    line-height: 33px
}

.has-line-height-34 {
    line-height: 34px
}

.has-line-height-35 {
    line-height: 35px
}

.has-line-height-36 {
    line-height: 36px
}

.has-text-size-9 {
    font-size: 9px !important
}

.has-text-size-10 {
    font-size: 10px !important
}

.has-text-size-11 {
    font-size: 11px !important
}

.has-text-size-12 {
    font-size: 12px !important
}

.has-text-size-13 {
    font-size: 13px !important
}

.has-text-size-14 {
    font-size: 14px !important
}

.has-text-size-15 {
    font-size: 15px !important
}

.has-text-size-16 {
    font-size: 16px !important
}

.has-text-size-17 {
    font-size: 17px !important
}

.has-text-size-18 {
    font-size: 18px !important
}

.has-text-size-19 {
    font-size: 19px !important
}

.has-text-size-20 {
    font-size: 20px !important
}

.has-text-size-21 {
    font-size: 21px !important
}

.has-text-size-22 {
    font-size: 22px !important
}

.has-text-size-23 {
    font-size: 23px !important
}

.has-text-size-24 {
    font-size: 24px !important
}

.has-text-size-25 {
    font-size: 25px !important
}

.has-text-size-26 {
    font-size: 26px !important
}

.has-text-size-27 {
    font-size: 27px !important
}

.has-text-size-28 {
    font-size: 28px !important
}

.has-text-size-29 {
    font-size: 29px !important
}

.has-text-size-30 {
    font-size: 30px !important
}

.has-text-size-31 {
    font-size: 31px !important
}

.has-text-size-32 {
    font-size: 32px !important
}

.has-text-size-33 {
    font-size: 33px !important
}

.has-text-size-34 {
    font-size: 34px !important
}

.has-text-size-35 {
    font-size: 35px !important
}

.has-text-size-36 {
    font-size: 36px !important
}

.has-text-size-37 {
    font-size: 37px !important
}

.has-text-size-38 {
    font-size: 38px !important
}

.has-text-size-39 {
    font-size: 39px !important
}

.has-text-size-40 {
    font-size: 40px !important
}

.has-text-size-41 {
    font-size: 41px !important
}

.has-text-size-42 {
    font-size: 42px !important
}

.has-text-size-43 {
    font-size: 43px !important
}

.has-text-size-44 {
    font-size: 44px !important
}

.has-text-size-45 {
    font-size: 45px !important
}

.has-weight-300 {
    font-weight: 300
}

.has-weight-400 {
    font-weight: 400
}

.has-weight-500 {
    font-weight: 500
}

.has-weight-700 {
    font-weight: 700
}

.is-hidden {
    display: none !important
}

.is-flex {
    display: flex !important
}

.is-block {
    display: block !important
}

.is-inline {
    display: inline !important
}

.is-inline-flex {
    display: inline-flex !important
}

.is-inline-block {
    display: inline-block !important
}

.is-relative {
    position: relative
}

.has-margin-auto {
    margin: auto
}

.has-padding-0, .has-padding-0-print {
    padding: 0 !important
}

.has-padding-0-top {
    padding-top: 0 !important
}

.has-padding-0-right {
    padding-right: 0 !important
}

.has-padding-0-bottom {
    padding-bottom: 0 !important
}

.has-padding-0-left {
    padding-left: 0 !important
}

.has-margin-0, .has-margin-0-print {
    margin: 0 !important
}

.has-margin-0-top {
    margin-top: 0 !important
}

.has-margin-0-right {
    margin-right: 0 !important
}

.has-margin-0-bottom {
    margin-bottom: 0 !important
}

.has-margin-0-left {
    margin-left: 0 !important
}

.has-padding-5, .has-padding-5-print {
    padding: 5px !important
}

.has-padding-5-top {
    padding-top: 5px !important
}

.has-padding-5-right {
    padding-right: 5px !important
}

.has-padding-5-bottom {
    padding-bottom: 5px !important
}

.has-padding-5-left {
    padding-left: 5px !important
}

.has-margin-5, .has-margin-5-print {
    margin: 5px !important
}

.has-margin-5-top {
    margin-top: 5px !important
}

.has-margin-5-right {
    margin-right: 5px !important
}

.has-margin-5-bottom {
    margin-bottom: 5px !important
}

.has-margin-5-left {
    margin-left: 5px !important
}

.has-padding-10, .has-padding-10-print {
    padding: 10px !important
}

.has-padding-10-top {
    padding-top: 10px !important
}

.has-padding-10-right {
    padding-right: 10px !important
}

.has-padding-10-bottom {
    padding-bottom: 10px !important
}

.has-padding-10-left {
    padding-left: 10px !important
}

.has-margin-10, .has-margin-10-print {
    margin: 10px !important
}

.has-margin-10-top {
    margin-top: 10px !important
}

.has-margin-10-right {
    margin-right: 10px !important
}

.has-margin-10-bottom {
    margin-bottom: 10px !important
}

.has-margin-10-left {
    margin-left: 10px !important
}

.has-padding-15, .has-padding-15-print {
    padding: 15px !important
}

.has-padding-15-top {
    padding-top: 15px !important
}

.has-padding-15-right {
    padding-right: 15px !important
}

.has-padding-15-bottom {
    padding-bottom: 15px !important
}

.has-padding-15-left {
    padding-left: 15px !important
}

.has-margin-15, .has-margin-15-print {
    margin: 15px !important
}

.has-margin-15-top {
    margin-top: 15px !important
}

.has-margin-15-right {
    margin-right: 15px !important
}

.has-margin-15-bottom {
    margin-bottom: 15px !important
}

.has-margin-15-left {
    margin-left: 15px !important
}

.has-padding-20, .has-padding-20-print {
    padding: 20px !important
}

.has-padding-20-top {
    padding-top: 20px !important
}

.has-padding-20-right {
    padding-right: 20px !important
}

.has-padding-20-bottom {
    padding-bottom: 20px !important
}

.has-padding-20-left {
    padding-left: 20px !important
}

.has-margin-20, .has-margin-20-print {
    margin: 20px !important
}

.has-margin-20-top {
    margin-top: 20px !important
}

.has-margin-20-right {
    margin-right: 20px !important
}

.has-margin-20-bottom {
    margin-bottom: 20px !important
}

.has-margin-20-left {
    margin-left: 20px !important
}

.has-padding-25, .has-padding-25-print {
    padding: 25px !important
}

.has-padding-25-top {
    padding-top: 25px !important
}

.has-padding-25-right {
    padding-right: 25px !important
}

.has-padding-25-bottom {
    padding-bottom: 25px !important
}

.has-padding-25-left {
    padding-left: 25px !important
}

.has-margin-25, .has-margin-25-print {
    margin: 25px !important
}

.has-margin-25-top {
    margin-top: 25px !important
}

.has-margin-25-right {
    margin-right: 25px !important
}

.has-margin-25-bottom {
    margin-bottom: 25px !important
}

.has-margin-25-left {
    margin-left: 25px !important
}

.has-padding-30, .has-padding-30-print {
    padding: 30px !important
}

.has-padding-30-top {
    padding-top: 30px !important
}

.has-padding-30-right {
    padding-right: 30px !important
}

.has-padding-30-bottom {
    padding-bottom: 30px !important
}

.has-padding-30-left {
    padding-left: 30px !important
}

.has-margin-30, .has-margin-30-print {
    margin: 30px !important
}

.has-margin-30-top {
    margin-top: 30px !important
}

.has-margin-30-right {
    margin-right: 30px !important
}

.has-margin-30-bottom {
    margin-bottom: 30px !important
}

.has-margin-30-left {
    margin-left: 30px !important
}

.has-padding-35, .has-padding-35-print {
    padding: 35px !important
}

.has-padding-35-top {
    padding-top: 35px !important
}

.has-padding-35-right {
    padding-right: 35px !important
}

.has-padding-35-bottom {
    padding-bottom: 35px !important
}

.has-padding-35-left {
    padding-left: 35px !important
}

.has-margin-35, .has-margin-35-print {
    margin: 35px !important
}

.has-margin-35-top {
    margin-top: 35px !important
}

.has-margin-35-right {
    margin-right: 35px !important
}

.has-margin-35-bottom {
    margin-bottom: 35px !important
}

.has-margin-35-left {
    margin-left: 35px !important
}

.has-padding-40, .has-padding-40-print {
    padding: 40px !important
}

.has-padding-40-top {
    padding-top: 40px !important
}

.has-padding-40-right {
    padding-right: 40px !important
}

.has-padding-40-bottom {
    padding-bottom: 40px !important
}

.has-padding-40-left {
    padding-left: 40px !important
}

.has-margin-40, .has-margin-40-print {
    margin: 40px !important
}

.has-margin-40-top {
    margin-top: 40px !important
}

.has-margin-40-right {
    margin-right: 40px !important
}

.has-margin-40-bottom {
    margin-bottom: 40px !important
}

.has-margin-40-left {
    margin-left: 40px !important
}

.has-padding-45, .has-padding-45-print {
    padding: 45px !important
}

.has-padding-45-top {
    padding-top: 45px !important
}

.has-padding-45-right {
    padding-right: 45px !important
}

.has-padding-45-bottom {
    padding-bottom: 45px !important
}

.has-padding-45-left {
    padding-left: 45px !important
}

.has-margin-45, .has-margin-45-print {
    margin: 45px !important
}

.has-margin-45-top {
    margin-top: 45px !important
}

.has-margin-45-right {
    margin-right: 45px !important
}

.has-margin-45-bottom {
    margin-bottom: 45px !important
}

.has-margin-45-left {
    margin-left: 45px !important
}

.has-padding-50, .has-padding-50-print {
    padding: 50px !important
}

.has-padding-50-top {
    padding-top: 50px !important
}

.has-padding-50-right {
    padding-right: 50px !important
}

.has-padding-50-bottom {
    padding-bottom: 50px !important
}

.has-padding-50-left {
    padding-left: 50px !important
}

.has-margin-50, .has-margin-50-print {
    margin: 50px !important
}

.has-margin-50-top {
    margin-top: 50px !important
}

.has-margin-50-right {
    margin-right: 50px !important
}

.has-margin-50-bottom {
    margin-bottom: 50px !important
}

.has-margin-50-left {
    margin-left: 50px !important
}

.has-padding-100, .has-padding-100-print {
    padding: 100px !important
}

.has-padding-100-top {
    padding-top: 100px !important
}

.has-padding-100-right {
    padding-right: 100px !important
}

.has-padding-100-bottom {
    padding-bottom: 100px !important
}

.has-padding-100-left {
    padding-left: 100px !important
}

.has-margin-100, .has-margin-100-print {
    margin: 100px !important
}

.has-margin-100-top {
    margin-top: 100px !important
}

.has-margin-100-right {
    margin-right: 100px !important
}

.has-margin-100-bottom {
    margin-bottom: 100px !important
}

.has-margin-100-left {
    margin-left: 100px !important
}

.sidebar {
    padding: 0 0 0 30px
}

    .sidebar aside {
        margin: 0 0 25px;
        width: 100%
    }

row {
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start
}

    row.is-wrap {
        flex-wrap: wrap
    }

    row.is-justified-end {
        justify-content: flex-end
    }

    row.is-justified-around {
        justify-content: space-around
    }

    row.is-justified-between {
        justify-content: space-between
    }

    row.is-justified-center {
        justify-content: center
    }

    row.is-justified-start {
        justify-content: flex-start
    }

    row.is-aligned-end {
        align-items: flex-end
    }

    row.is-aligned-center {
        align-items: center
    }

    row.is-aligned-stretch {
        align-items: stretch
    }

    row.is-content-aligned-end {
        align-content: flex-end
    }

    row.is-content-aligned-center {
        align-content: center
    }

    row.is-blue {
        background-color: #e5f9f6
    }

    row.is-purple {
        background-color: #967bb6
    }

    row .is-column, row column {
        flex-grow: 0;
        flex-shrink: 1;
        order: 0;
        position: relative
    }

        row .is-column.is-1, row column.is-1 {
            width: 8.3333333333%
        }

        row .is-column.is-2, row column.is-2 {
            width: 16.6666666667%
        }

        row .is-column.is-3, row column.is-3 {
            width: 25%
        }

        row .is-column.is-4, row column.is-4 {
            width: 33.3333333333%
        }

        row .is-column.is-5, row column.is-5 {
            width: 41.6666666667%
        }

        row .is-column.is-6, row column.is-6 {
            width: 50%
        }

        row .is-column.is-7, row column.is-7 {
            width: 58.3333333333%
        }

        row .is-column.is-8, row column.is-8 {
            width: 66.6666666667%
        }

        row .is-column.is-9, row column.is-9 {
            width: 75%
        }

        row .is-column.is-10, row column.is-10 {
            width: 83.3333333333%
        }

        row .is-column.is-11, row column.is-11 {
            width: 91.6666666667%
        }

        row .is-column.is-12, row column.is-12 {
            width: 100%
        }

        row .is-column.is-one-seventh, row column.is-one-seventh {
            width: 14.2857142857%
        }

        row .is-column.is-one-eighth, row column.is-one-eighth {
            width: 12.5%
        }

        row .is-column.is-aligned-end, row column.is-aligned-end {
            align-self: flex-end
        }

        row .is-column.is-aligned-center, row column.is-aligned-center {
            align-self: center
        }

        row .is-column.is-aligned-stretch, row column.is-aligned-stretch {
            align-self: stretch
        }

        row .is-column.is-items-aligned-center, row column.is-items-aligned-center {
            align-items: center
        }

        row .is-column.is-justified-center, row column.is-justified-center {
            justify-content: center
        }

        row .is-column.is-justified-around, row column.is-justified-around {
            justify-content: space-around
        }

daily-nav {
    background-color: #fef4f8;
    box-shadow: 0 2px 4px -3px hsla(0,0%,47.8%,.3);
    display: block;
    height: 68px;
    position: sticky;
    top: 68px;
    z-index: 20
}

    daily-nav > ul {
        align-items: center;
        display: flex;
        justify-content: space-evenly;
        list-style-type: none;
        margin: 0 auto;
        max-width: 1175px;
        padding: 0 15px;
        right: 70px;
        width: 100%
    }

        daily-nav > ul > li {
            flex-grow: 1
        }

            daily-nav > ul > li.daily-nav-button, daily-nav > ul > li .section-heading, daily-nav > ul > li .section-item {
                color: #6c3082;
                display: block;
                font-size: 13px;
                font-weight: 400;
                line-height: 68px;
                position: relative;
                text-align: center;
                text-decoration: none;
                white-space: nowrap
            }

.article-header {
    height: 0;
    overflow: hidden;
    padding-top: 62%;
    position: relative
}

    .article-header img {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

.is-li.is-user-lo, .is-lo.is-user-li {
    display: none !important
}

.video-wrapper {
    aspect-ratio: 16/9;
    margin-bottom: 15px;
    width: 100%
}

    .video-wrapper iframe {
        width: 100%
    }

tarot-reading {
    display: block;
    margin-bottom: 100px
}

    tarot-reading reading-header-price {
        display: block;
        position: relative
    }

    tarot-reading[class*="1-card"] reading-header-price, tarot-reading[class*=celtic-cross-love-sample] reading-header-price, tarot-reading[class*=celtic-cross-sample] reading-header-price {
        display: inline-block;
        min-height: 0
    }

tarot-reading-header header {
    border: none;
    margin: 0 auto 14px;
    width: 80%
}

tarot-reading-header .icon-teeup {
    background-position: 50%;
    background-repeat: no-repeat;
    height: 45px;
    margin: 0 auto;
    max-width: 25%
}

tarot-reading-header aside.details {
    display: none
}

tarot-reading-header #toggle:checked ~ aside.details {
    display: block
}

tarot-reading-header .visually-hidden {
    left: -100vw;
    position: absolute
}

.homepage-banner {
    display: block;
    min-height: 370px;
    padding-top: 20px;
    text-align: center
}

    .homepage-banner a:hover {
        text-decoration: none
    }

promo-message[placement=text-top] {
    background-color: #fff;
    display: block;
    height: 26px;
    padding-bottom: 5px
}

promo-message[placement=daily-readings] {
    display: block;
    height: 250px
}

promo-message[placement=sidebar] {
    display: block;
    min-height: 575px
}

promo-message[placement=bday-promo-message] {
    display: block;
    min-height: 45px
}

.is-content-visibility-auto {
    content-visibility: auto
}

horoscope {
    display: block;
    min-height: 600px
}

article-nav {
    display: block;
    min-height: 50px
}

ac-header {
    display: block;
    margin-top: 20px
}

tarot-card-bar {
    display: block;
    height: 75px;
    position: sticky;
    z-index: 2
}

tarot-deck-filters {
    display: block;
    height: 224px;
    margin-bottom: 50px
}

    tarot-deck-filters > row:first-of-type {
        margin: 0 auto;
        max-width: 890px
    }

    tarot-deck-filters label.checkbox {
        align-items: center;
        color: #6c3082;
        cursor: pointer;
        display: flex;
        position: relative
    }

        tarot-deck-filters label.checkbox::-moz-selection {
            background: transparent
        }

        tarot-deck-filters label.checkbox::selection {
            background: transparent
        }

        tarot-deck-filters label.checkbox input + span {
            -webkit-backface-visibility: hidden;
            background: #fff;
            border: 1px solid #6c3082;
            border-radius: 4px;
            display: inline-block;
            height: 13px;
            margin-right: 10px;
            padding: 4px;
            vertical-align: middle;
            width: 13px
        }

        tarot-deck-filters label.checkbox input:checked + span {
            background-color: #6c3082
        }

        tarot-deck-filters label.checkbox input {
            cursor: pointer;
            margin: 0;
            opacity: 0;
            padding: 0;
            position: absolute
        }

        tarot-deck-filters label.checkbox p {
            display: inline-block;
            font-size: 14px;
            line-height: 18px;
            margin: 0
        }

.astrology-compatibility-header {
    height: 188px
}

daily-links {
    min-height: 168px
}

    daily-links div.scroller > row > column {
        flex-grow: 1
    }

        daily-links div.scroller > row > column > a {
            width: 85px
        }

.daily-links-header {
    min-height: 49px
}

div.action-bar-dropdown.daily-links-dropdown {
    border-radius: 5px;
    box-shadow: 0 3px 5px 3px #dbdbdb;
    box-sizing: content-box;
    margin-top: 0;
    padding: 5px;
    top: -5px
}

    div.action-bar-dropdown.daily-links-dropdown ul.action-bar-list {
        margin-bottom: 0
    }

        div.action-bar-dropdown.daily-links-dropdown ul.action-bar-list li.dropdown {
            width: 25%
        }

daily-links-vip {
    content-visibility: auto;
    display: block;
    margin-top: 30px;
    min-height: 70px;
    overflow: hidden
}

    daily-links-vip .daily-links-container {
        align-content: center;
        align-items: flex-start;
        background-color: #fef4f8;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        margin: 10px 0 25px;
        overflow-x: scroll;
        padding: 10px 5px
    }

    daily-links-vip a {
        color: #6c3082;
        flex-shrink: 0;
        font-size: 11px;
        font-weight: 400;
        line-height: 1.27em;
        text-align: center;
        width: 16.666667%
    }

        daily-links-vip a:hover {
            color: #6c3082
        }

        daily-links-vip a img {
            display: block;
            height: 40px;
            margin: 0 auto 3px
        }

.daily-links, .daily-links a {
    display: inline-block
}

    .daily-links a {
        padding: 0 13px 0 0
    }

        .daily-links a.selected {
            color: #000
        }

        .daily-links a.disabled {
            color: #bfc1c2
        }

            .daily-links a.disabled:hover {
                cursor: default;
                text-decoration: none
            }

.top-bar-logo {
    margin-top: 4px;
    width: 145px
}

top-bar {
    background-color: #fff;
    box-sizing: content-box;
    display: block;
    height: 51px
}

    top-bar.show-nav {
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 5
    }

        top-bar.show-nav + daily-nav {
            z-index: 2
        }

    top-bar.show-notify {
        left: 0;
        position: fixed;
        right: 0;
        z-index: 5
    }

nav {
    align-items: center;
    background-color: #fff;
    display: flex;
    height: 68px;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1175px;
    width: 100%
}

    nav mobile-menu {
        display: inline-flex;
        min-width: 30px
    }

    nav form {
        flex-grow: 1
    }

    nav nav-bar-full {
        box-sizing: border-box;
        flex-grow: 4;
        height: 100%
    }

        nav nav-bar-full > ul {
            display: inline-flex;
            height: 100%;
            justify-content: space-evenly;
            list-style-type: none;
            margin: 0;
            padding: 0;
            right: 70px;
            width: 100%
        }

            nav nav-bar-full > ul > li {
                align-items: center;
                display: inline-flex;
                flex-grow: 1;
                justify-content: center
            }

                nav nav-bar-full > ul > li:hover > a.nav-item {
                    color: #000
                }

                    nav nav-bar-full > ul > li:hover > a.nav-item:after {
                        border-bottom: 1px solid #000;
                        bottom: -7px;
                        content: "";
                        height: 1px;
                        left: 0;
                        margin: 0 auto;
                        position: absolute;
                        right: 0;
                        width: 60%
                    }

                nav nav-bar-full > ul > li:hover nav-submenu {
                    display: flex
                }

input[type=search] {
    -webkit-appearance: none;
    background-image: url(https://gfx.tarot.com/images/catalog/update/catalog-search.svg);
    background-repeat: no-repeat;
    border: 1px solid #dbdbdb;
    border-radius: 13px;
    color: #323232;
    font-family: Montserrat,sans-serif;
    height: 40px;
    width: 95%
}

    input[type=search]#searchsite {
        background-position: 6px;
        background-size: 17px;
        font-size: 14px;
        height: 30px;
        margin-top: 3px;
        padding: 5px 5px 5px 28px
    }

.nav-item {
    color: #6c3082;
    display: block;
    font-size: 14px;
    line-height: 20px;
    position: relative;
    text-align: center;
    text-decoration: none
}

    .nav-item.psychic-advice {
        color: #c71585
    }



.avatar {
    height: 100%;
    width: 100%
}

.avatar-mask {
    border-radius: 50%;
    display: inline-block;
    height: 40px;
    margin-right: 10px;
    min-width: 40px;
    overflow: hidden;
    position: relative;
    top: 2px;
    vertical-align: middle;
    width: 40px
}

ul.user-menu-lo {
    align-items: center;
    justify-content: space-between;
    list-style: none;
    width: 160px
}

    ul.user-menu-lo a {
        color: #5590d9;
        font-weight: 500;
        text-transform: uppercase
    }

    ul.user-menu-lo li {
        font-size: 12px
    }

        ul.user-menu-lo li:last-of-type {
            margin-right: 5px
        }

    ul.user-menu-lo p {
        color: #000;
        font-size: 11px;
        margin: 0
    }

    ul.user-menu-lo .button {
        background-color: #4eabd1;
        color: #fff;
        font-size: 12px;
        padding: 4px;
        width: 80px
    }

.article-menu {
    background: #fff;
    margin: 0 -10px 10px;
    padding-bottom: 5px;
    padding-top: 10px;
    position: sticky;
    z-index: 1
}

    .article-menu > ul {
        -ms-overflow-style: none;
        scrollbar-width: none;
        align-items: center;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        height: 53px;
        justify-content: flex-start;
        list-style: none;
        margin: 0
    }

        .article-menu > ul::-webkit-scrollbar {
            display: none
        }

        .article-menu > ul > li, .article-menu > ul promo-message:not(:empty) {
            display: block;
            margin: 0 4px;
            width: 100%
        }

            .article-menu > ul > li .article-menu-item, .article-menu > ul promo-message:not(:empty) .article-menu-item {
                align-items: center;
                border: 1px solid #da3287;
                border-radius: 7px;
                color: #da3287;
                display: flex;
                font-size: 11px;
                font-weight: 400;
                line-height: 14px;
                min-height: 40px;
                padding: 5px 8px;
                position: relative;
                width: 100%
            }

                .article-menu > ul > li .article-menu-item.active, .article-menu > ul promo-message:not(:empty) .article-menu-item.active {
                    color: #fff
                }

                .article-menu > ul > li .article-menu-item a, .article-menu > ul promo-message:not(:empty) .article-menu-item a {
                    color: #da3287
                }

                    .article-menu > ul > li .article-menu-item a.selected, .article-menu > ul promo-message:not(:empty) .article-menu-item a.selected {
                        color: #fff
                    }

                .article-menu > ul > li .article-menu-item.selected, .article-menu > ul promo-message:not(:empty) .article-menu-item.selected {
                    background-color: #da3287;
                    border: 1px solid #da3287;
                    color: #fff
                }

            .article-menu > ul > li.related-articles:first-child, .article-menu > ul > li.table-contents, .article-menu > ul promo-message:not(:empty).related-articles:first-child, .article-menu > ul promo-message:not(:empty).table-contents {
                width: 50%
            }

            .article-menu > ul > li.related-articles:nth-child(2), .article-menu > ul promo-message:not(:empty).related-articles:nth-child(2) {
                width: 25%
            }

            .article-menu > ul > li.promo-message:nth-child(2), .article-menu > ul promo-message:not(:empty).promo-message:nth-child(2) {
                width: 50%
            }

            .article-menu > ul > li.promo-message:nth-child(3), .article-menu > ul promo-message:not(:empty).promo-message:nth-child(3) {
                width: 25%
            }

            .article-menu > ul > li label.article-menu-item, .article-menu > ul promo-message:not(:empty) label.article-menu-item {
                cursor: pointer;
                padding: 0 26px 0 5px
            }

                .article-menu > ul > li label.article-menu-item:after, .article-menu > ul promo-message:not(:empty) label.article-menu-item:after {
                    content: "▼";
                    font-size: 10px;
                    position: absolute;
                    right: 15px;
                    transform: scaleY(.5)
                }

            .article-menu > ul > li .related-articles-dropdown, .article-menu > ul > li .table-contents-dropdown, .article-menu > ul promo-message:not(:empty) .related-articles-dropdown, .article-menu > ul promo-message:not(:empty) .table-contents-dropdown {
                background: #fff;
                display: none;
                left: 0;
                max-height: 250px;
                overflow-y: auto;
                padding-bottom: 10px;
                padding-top: 10px;
                position: absolute;
                right: 0;
                z-index: 25
            }

                .article-menu > ul > li .related-articles-dropdown ul.article-menu-list, .article-menu > ul > li .table-contents-dropdown ul.article-menu-list, .article-menu > ul promo-message:not(:empty) .related-articles-dropdown ul.article-menu-list, .article-menu > ul promo-message:not(:empty) .table-contents-dropdown ul.article-menu-list {
                    align-items: stretch;
                    display: flex;
                    flex-wrap: wrap;
                    list-style: none;
                    margin: 0
                }

                    .article-menu > ul > li .related-articles-dropdown ul.article-menu-list li, .article-menu > ul > li .table-contents-dropdown ul.article-menu-list li, .article-menu > ul promo-message:not(:empty) .related-articles-dropdown ul.article-menu-list li, .article-menu > ul promo-message:not(:empty) .table-contents-dropdown ul.article-menu-list li {
                        flex: 1 0 max-content;
                        height: auto;
                        padding: 5px
                    }

                        .article-menu > ul > li .related-articles-dropdown ul.article-menu-list li a, .article-menu > ul > li .table-contents-dropdown ul.article-menu-list li a, .article-menu > ul promo-message:not(:empty) .related-articles-dropdown ul.article-menu-list li a, .article-menu > ul promo-message:not(:empty) .table-contents-dropdown ul.article-menu-list li a {
                            height: 100%;
                            min-height: 34px;
                            min-width: -moz-fit-content;
                            min-width: fit-content;
                            white-space: normal
                        }

                .article-menu > ul > li .related-articles-dropdown li, .article-menu > ul > li .table-contents-dropdown li, .article-menu > ul promo-message:not(:empty) .related-articles-dropdown li, .article-menu > ul promo-message:not(:empty) .table-contents-dropdown li {
                    max-width: 100%;
                    min-width: 100%
                }

#table-contents-toggle {
    left: -100vw;
    position: absolute
}

    #table-contents-toggle:checked ~ label.article-menu-item:after {
        content: "▲";
        padding-bottom: 5px
    }

    #table-contents-toggle:checked ~ .table-contents-dropdown {
        display: block
    }

#related-articles-toggle {
    left: -100vw;
    position: absolute
}

    #related-articles-toggle:checked ~ label.article-menu-item:after {
        content: "▲";
        padding-bottom: 5px
    }

    #related-articles-toggle:checked ~ .related-articles-dropdown {
        display: block
    }

mobile-action-bar {
    -ms-overflow-style: none;
    scrollbar-width: none;
    background-color: #fff;
    box-shadow: 0 4px 6px -4px #efefef;
    display: block;
    height: 57px;
    margin-top: -3px;
    overflow-x: scroll;
    overflow-y: hidden;
    top: 51px;
    z-index: 4
}

    mobile-action-bar::-webkit-scrollbar {
        display: none
    }

    mobile-action-bar.show-nav {
        position: relative;
        top: 0
    }

    mobile-action-bar > ul {
        align-items: center;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        height: 53px;
        justify-content: flex-start;
        list-style: none;
        padding-left: 4px
    }

        mobile-action-bar > ul > li {
            display: block;
            margin: 0 4px
        }

            mobile-action-bar > ul > li:last-child {
                padding-right: 8px
            }

            mobile-action-bar > ul > li.login-button {
                align-items: center;
                background: #6c3082;
                border-radius: 50%;
                display: flex;
                flex-direction: column;
                flex-shrink: 0;
                font-weight: 500;
                height: 50px;
                justify-content: center;
                text-align: center;
                width: 50px
            }

                mobile-action-bar > ul > li.login-button a {
                    color: #fff;
                    display: block;
                    font-size: 10px;
                    line-height: 14px;
                    text-align: center
                }

.action-bar-item {
    align-items: center;
    background-color: #e2d8ed;
    border-radius: 7px;
    color: #6c3082;
    display: flex;
    font-size: 11px;
    font-weight: 400;
    height: 34px;
    line-height: 14px;
    padding: 5px 10px;
    text-align: center;
    white-space: nowrap;
    width: 100%
}

    .action-bar-item.inverted {
        background-color: #fff;
        border: 1px solid #6c3082;
        color: #6c3082
    }

label.action-bar-item:after {
    content: " ▼";
    font-size: 10px;
    margin: 3px 0 0 4px;
    position: relative;
    transform: scaleY(.5)
}

a.action-bar-item:hover {
    background-color: #c8aabf
}

    a.action-bar-item:hover.inverted {
        background-color: #6c3082;
        color: #fff
    }

.action-bar-dropdown a.is-pill {
    align-items: center;
    background-color: #e2d8ed;
    border-radius: 7px;
    color: #6c3082;
    display: flex;
    font-size: 11px;
    justify-content: center;
    line-height: 14px;
    min-height: 34px;
    padding: 5px 10px
}

    .action-bar-dropdown a.is-pill:active, .action-bar-dropdown a.is-pill:hover {
        background-color: #c8aabf;
        color: #6c3082
    }

.action-bar-dropdown {
    background: #fff;
    box-shadow: 0 5px 5px #dbdbdb;
    display: none;
    left: 0;
    margin-top: 8px;
    padding-bottom: 5px;
    position: absolute;
    right: 0;
    z-index: 25
}

    .action-bar-dropdown ul.action-bar-list {
        align-items: stretch;
        display: flex;
        flex-wrap: wrap;
        list-style: none;
        margin-bottom: 5px
    }

        .action-bar-dropdown ul.action-bar-list li.dropdown {
            height: auto;
            padding: 5px;
            width: 33%
        }

input[id=daily-links-toggle], input[id^=action-bar-toggle-] {
    left: -100vw;
    position: absolute
}

    input[id=daily-links-toggle]:checked + label.action-bar-item, input[id=daily-links-toggle]:checked + row label.action-bar-item, input[id^=action-bar-toggle-]:checked + label.action-bar-item, input[id^=action-bar-toggle-]:checked + row label.action-bar-item {
        background-color: #6c3082;
        color: #fff
    }

        input[id=daily-links-toggle]:checked + label.action-bar-item:after, input[id=daily-links-toggle]:checked + row label.action-bar-item:after, input[id^=action-bar-toggle-]:checked + label.action-bar-item:after, input[id^=action-bar-toggle-]:checked + row label.action-bar-item:after {
            content: " ▲";
            padding-bottom: 5px
        }

    input[id=daily-links-toggle]:checked ~ .action-bar-dropdown, input[id=daily-links-toggle]:checked ~ row .action-bar-dropdown, input[id^=action-bar-toggle-]:checked ~ .action-bar-dropdown, input[id^=action-bar-toggle-]:checked ~ row .action-bar-dropdown {
        display: block
    }

mobile-action-bar ~ top-bar {
    border-bottom: none
}

#pmc-atlasmg-adhesion-bar, mobile-sticky-nav {
    transition: bottom .5s linear
}

mobile-sticky-nav {
    -webkit-appearance: none;
    -webkit-box-shadow: 0 -4px 5px -2px rgba(0,0,0,.2);
    background: #fff;
    bottom: -80px;
    box-shadow: 0 -4px 5px -2px rgba(0,0,0,.2);
    display: block;
    overflow-x: scroll;
    position: fixed;
    scrollbar-width: none;
    width: 100vw;
    z-index: 6000001
}

    mobile-sticky-nav::-webkit-scrollbar {
        display: none
    }

div.scroller {
    padding-right: 10px
}

    div.scroller > div, div.scroller a {
        color: #6c3082;
        display: block;
        font-size: 11px;
        font-weight: 500;
        line-height: 13px;
        min-width: 66px;
        padding-bottom: 10px;
        text-align: center;
        width: 18vw
    }

        div.scroller > div[data-label=PsychicAdvice], div.scroller a[data-label=PsychicAdvice] {
            color: #da3287
        }

        div.scroller > div img, div.scroller a img {
            display: block;
            height: 42px;
            margin: 3px auto;
            padding: 0 15px;
            width: 75px
        }

@media only screen and (max-width: 899px) {
    body.has-ads footer {
        padding-bottom: 85px
    }

    daily-nav {
        height: 53px;
        overflow: hidden;
        padding: 0 10px 10px
    }

        daily-nav.is-open {
            height: auto
        }

            daily-nav.is-open .daily-nav-button:after {
                border: 7px solid transparent;
                border-top: none;
                border-bottom: 7px solid #6c3082
            }

            daily-nav.is-open .section-item {
                display: inline-block
            }

        daily-nav > ul {
            display: block;
            overflow: auto;
            padding: 0
        }

            daily-nav > ul > li.daily-nav-button {
                display: block;
                height: 53px;
                line-height: 53px
            }

                daily-nav > ul > li.daily-nav-button:after {
                    border: 7px solid transparent;
                    border-top-color: #6c3082;
                    border-bottom: none;
                    content: "";
                    margin-left: 11px;
                    position: absolute;
                    top: 23px
                }

            daily-nav > ul li {
                display: inline-block
            }

                daily-nav > ul li .section-item {
                    background-color: #fff;
                    border: 1px solid #da3287;
                    border-radius: 7px;
                    color: #da3287;
                    display: none;
                    font-size: 12px;
                    font-weight: 500;
                    height: 34px;
                    line-height: 14px;
                    margin: 6px 3px;
                    padding: 9px
                }

    top-bar {
        border-bottom: 1px solid #dbdbdb
    }

    nav, top-bar {
        background-clip: padding-box
    }

    nav {
        background-color: #fff;
        box-sizing: content-box;
        height: 30px;
        margin: 0;
        max-width: none;
        padding: 10px;
        position: relative;
        width: auto;
        z-index: 3
    }

        nav nav-bar-full, user-menu {
            display: none
        }

    ul.user-menu-lo {
        border-bottom: 1px solid #efefef;
        display: flex;
        height: 60px;
        margin: 0 auto
    }

    .article-menu {
        display: block;
        padding-top: 5px;
        top: 132px
    }
}

@media only screen and (max-width: 599px) {
    article p.breadcrumb {
        display: flex;
        overflow-x: scroll
    }

        article p.breadcrumb a {
            white-space: nowrap
        }

    img.is-full-width-mobile {
        width: 100%
    }

    div.ad-topbanner {
        min-height: 50px
    }

        div.ad-topbanner.show-nav {
            display: none;
            height: 0
        }

    div.ad-flexincontent, div.ad-footer {
        min-height: 50px
    }

    div.ad-footer {
        margin-top: 0
    }

    .has-padding-0-mobile {
        padding: 0 !important
    }

    .has-padding-0-top-mobile {
        padding-top: 0 !important
    }

    .has-padding-0-right-mobile {
        padding-right: 0 !important
    }

    .has-padding-0-bottom-mobile {
        padding-bottom: 0 !important
    }

    .has-padding-0-left-mobile {
        padding-left: 0 !important
    }

    .has-margin-0-mobile {
        margin: 0 !important
    }

    .has-margin-0-top-mobile {
        margin-top: 0 !important
    }

    .has-margin-0-right-mobile {
        margin-right: 0 !important
    }

    .has-margin-0-bottom-mobile {
        margin-bottom: 0 !important
    }

    .has-margin-0-left-mobile {
        margin-left: 0 !important
    }

    .has-padding-5-mobile {
        padding: 5px !important
    }

    .has-padding-5-top-mobile {
        padding-top: 5px !important
    }

    .has-padding-5-right-mobile {
        padding-right: 5px !important
    }

    .has-padding-5-bottom-mobile {
        padding-bottom: 5px !important
    }

    .has-padding-5-left-mobile {
        padding-left: 5px !important
    }

    .has-margin-5-mobile {
        margin: 5px !important
    }

    .has-margin-5-top-mobile {
        margin-top: 5px !important
    }

    .has-margin-5-right-mobile {
        margin-right: 5px !important
    }

    .has-margin-5-bottom-mobile {
        margin-bottom: 5px !important
    }

    .has-margin-5-left-mobile {
        margin-left: 5px !important
    }

    .has-padding-10-mobile {
        padding: 10px !important
    }

    .has-padding-10-top-mobile {
        padding-top: 10px !important
    }

    .has-padding-10-right-mobile {
        padding-right: 10px !important
    }

    .has-padding-10-bottom-mobile {
        padding-bottom: 10px !important
    }

    .has-padding-10-left-mobile {
        padding-left: 10px !important
    }

    .has-margin-10-mobile {
        margin: 10px !important
    }

    .has-margin-10-top-mobile {
        margin-top: 10px !important
    }

    .has-margin-10-right-mobile {
        margin-right: 10px !important
    }

    .has-margin-10-bottom-mobile {
        margin-bottom: 10px !important
    }

    .has-margin-10-left-mobile {
        margin-left: 10px !important
    }

    .has-padding-15-mobile {
        padding: 15px !important
    }

    .has-padding-15-top-mobile {
        padding-top: 15px !important
    }

    .has-padding-15-right-mobile {
        padding-right: 15px !important
    }

    .has-padding-15-bottom-mobile {
        padding-bottom: 15px !important
    }

    .has-padding-15-left-mobile {
        padding-left: 15px !important
    }

    .has-margin-15-mobile {
        margin: 15px !important
    }

    .has-margin-15-top-mobile {
        margin-top: 15px !important
    }

    .has-margin-15-right-mobile {
        margin-right: 15px !important
    }

    .has-margin-15-bottom-mobile {
        margin-bottom: 15px !important
    }

    .has-margin-15-left-mobile {
        margin-left: 15px !important
    }

    .has-padding-20-mobile {
        padding: 20px !important
    }

    .has-padding-20-top-mobile {
        padding-top: 20px !important
    }

    .has-padding-20-right-mobile {
        padding-right: 20px !important
    }

    .has-padding-20-bottom-mobile {
        padding-bottom: 20px !important
    }

    .has-padding-20-left-mobile {
        padding-left: 20px !important
    }

    .has-margin-20-mobile {
        margin: 20px !important
    }

    .has-margin-20-top-mobile {
        margin-top: 20px !important
    }

    .has-margin-20-right-mobile {
        margin-right: 20px !important
    }

    .has-margin-20-bottom-mobile {
        margin-bottom: 20px !important
    }

    .has-margin-20-left-mobile {
        margin-left: 20px !important
    }

    .has-padding-25-mobile {
        padding: 25px !important
    }

    .has-padding-25-top-mobile {
        padding-top: 25px !important
    }

    .has-padding-25-right-mobile {
        padding-right: 25px !important
    }

    .has-padding-25-bottom-mobile {
        padding-bottom: 25px !important
    }

    .has-padding-25-left-mobile {
        padding-left: 25px !important
    }

    .has-margin-25-mobile {
        margin: 25px !important
    }

    .has-margin-25-top-mobile {
        margin-top: 25px !important
    }

    .has-margin-25-right-mobile {
        margin-right: 25px !important
    }

    .has-margin-25-bottom-mobile {
        margin-bottom: 25px !important
    }

    .has-margin-25-left-mobile {
        margin-left: 25px !important
    }

    .has-padding-30-mobile {
        padding: 30px !important
    }

    .has-padding-30-top-mobile {
        padding-top: 30px !important
    }

    .has-padding-30-right-mobile {
        padding-right: 30px !important
    }

    .has-padding-30-bottom-mobile {
        padding-bottom: 30px !important
    }

    .has-padding-30-left-mobile {
        padding-left: 30px !important
    }

    .has-margin-30-mobile {
        margin: 30px !important
    }

    .has-margin-30-top-mobile {
        margin-top: 30px !important
    }

    .has-margin-30-right-mobile {
        margin-right: 30px !important
    }

    .has-margin-30-bottom-mobile {
        margin-bottom: 30px !important
    }

    .has-margin-30-left-mobile {
        margin-left: 30px !important
    }

    .has-padding-35-mobile {
        padding: 35px !important
    }

    .has-padding-35-top-mobile {
        padding-top: 35px !important
    }

    .has-padding-35-right-mobile {
        padding-right: 35px !important
    }

    .has-padding-35-bottom-mobile {
        padding-bottom: 35px !important
    }

    .has-padding-35-left-mobile {
        padding-left: 35px !important
    }

    .has-margin-35-mobile {
        margin: 35px !important
    }

    .has-margin-35-top-mobile {
        margin-top: 35px !important
    }

    .has-margin-35-right-mobile {
        margin-right: 35px !important
    }

    .has-margin-35-bottom-mobile {
        margin-bottom: 35px !important
    }

    .has-margin-35-left-mobile {
        margin-left: 35px !important
    }

    .has-padding-40-mobile {
        padding: 40px !important
    }

    .has-padding-40-top-mobile {
        padding-top: 40px !important
    }

    .has-padding-40-right-mobile {
        padding-right: 40px !important
    }

    .has-padding-40-bottom-mobile {
        padding-bottom: 40px !important
    }

    .has-padding-40-left-mobile {
        padding-left: 40px !important
    }

    .has-margin-40-mobile {
        margin: 40px !important
    }

    .has-margin-40-top-mobile {
        margin-top: 40px !important
    }

    .has-margin-40-right-mobile {
        margin-right: 40px !important
    }

    .has-margin-40-bottom-mobile {
        margin-bottom: 40px !important
    }

    .has-margin-40-left-mobile {
        margin-left: 40px !important
    }

    .has-padding-45-mobile {
        padding: 45px !important
    }

    .has-padding-45-top-mobile {
        padding-top: 45px !important
    }

    .has-padding-45-right-mobile {
        padding-right: 45px !important
    }

    .has-padding-45-bottom-mobile {
        padding-bottom: 45px !important
    }

    .has-padding-45-left-mobile {
        padding-left: 45px !important
    }

    .has-margin-45-mobile {
        margin: 45px !important
    }

    .has-margin-45-top-mobile {
        margin-top: 45px !important
    }

    .has-margin-45-right-mobile {
        margin-right: 45px !important
    }

    .has-margin-45-bottom-mobile {
        margin-bottom: 45px !important
    }

    .has-margin-45-left-mobile {
        margin-left: 45px !important
    }

    .has-padding-50-mobile {
        padding: 50px !important
    }

    .has-padding-50-top-mobile {
        padding-top: 50px !important
    }

    .has-padding-50-right-mobile {
        padding-right: 50px !important
    }

    .has-padding-50-bottom-mobile {
        padding-bottom: 50px !important
    }

    .has-padding-50-left-mobile {
        padding-left: 50px !important
    }

    .has-margin-50-mobile {
        margin: 50px !important
    }

    .has-margin-50-top-mobile {
        margin-top: 50px !important
    }

    .has-margin-50-right-mobile {
        margin-right: 50px !important
    }

    .has-margin-50-bottom-mobile {
        margin-bottom: 50px !important
    }

    .has-margin-50-left-mobile {
        margin-left: 50px !important
    }

    .has-padding-100-mobile {
        padding: 100px !important
    }

    .has-padding-100-top-mobile {
        padding-top: 100px !important
    }

    .has-padding-100-right-mobile {
        padding-right: 100px !important
    }

    .has-padding-100-bottom-mobile {
        padding-bottom: 100px !important
    }

    .has-padding-100-left-mobile {
        padding-left: 100px !important
    }

    .has-margin-100-mobile {
        margin: 100px !important
    }

    .has-margin-100-top-mobile {
        margin-top: 100px !important
    }

    .has-margin-100-right-mobile {
        margin-right: 100px !important
    }

    .has-margin-100-bottom-mobile {
        margin-bottom: 100px !important
    }

    .has-margin-100-left-mobile {
        margin-left: 100px !important
    }

    row.is-justified-start-mobile {
        justify-content: flex-start !important
    }

    body {
        cursor: pointer
    }

    .is-h1, h1 {
        font-size: 32px;
        line-height: 40px
    }

    p.glyph {
        margin: 0
    }

    .is-hidden-mobile, .is-visible-desktop, .is-visible-print, .is-visible-tablet, .is-visible-tablet-landscape, .is-visible-tablet-portrait {
        display: none !important
    }

    .is-block-mobile {
        display: block !important
    }

    .sidebar {
        display: none
    }

    column.is-1-mobile {
        width: 8.3333333333% !important
    }

    column.is-2-mobile {
        width: 16.6666666667% !important
    }

    column.is-3-mobile {
        width: 25% !important
    }

    column.is-4-mobile {
        width: 33.3333333333% !important
    }

    column.is-5-mobile {
        width: 41.6666666667% !important
    }

    column.is-6-mobile {
        width: 50% !important
    }

    column.is-7-mobile {
        width: 58.3333333333% !important
    }

    column.is-8-mobile {
        width: 66.6666666667% !important
    }

    column.is-9-mobile {
        width: 75% !important
    }

    column.is-10-mobile {
        width: 83.3333333333% !important
    }

    column.is-11-mobile {
        width: 91.6666666667% !important
    }

    column.is-12-mobile {
        width: 100% !important
    }

    .has-text-left-mobile {
        text-align: left
    }

    .has-text-center-mobile {
        text-align: center
    }

    .has-text-right-mobile {
        text-align: right
    }

    .has-text-size-11-mobile {
        font-size: 11px !important
    }

    .has-text-size-20-mobile {
        font-size: 20px !important
    }

    .article-header {
        margin: 0 -10px
    }

    tarot-reading reading-header-price {
        min-height: 49px
    }

    tarot-card-bar {
        height: 94px
    }

        tarot-card-bar row:first-of-type {
            transform: translatey(0);
            transition: transform .6s
        }

        tarot-card-bar row:nth-of-type(2).is-visible-mobile {
            position: relative;
            top: -40px;
            z-index: -1
        }

        tarot-card-bar.show-anchors row:first-of-type {
            transform: translatey(-40px)
        }

    .astrology-compatibility-header {
        height: 160px
    }

    daily-links-vip {
        min-height: 124px
    }

        daily-links-vip a {
            margin: 0 5px;
            max-width: 20%;
            width: calc(20% - 10px)
        }

    article daily-links {
        margin-left: -10px;
        margin-right: -10px
    }

    .daily-links a {
        padding: 0 8px 0 0
    }

    .article-menu > ul {
        overflow-x: scroll;
        overflow-y: hidden
    }

        .article-menu > ul > li.related-articles:first-child, .article-menu > ul > li.table-contents, .article-menu > ul promo-message:not(:empty).related-articles:first-child, .article-menu > ul promo-message:not(:empty).table-contents {
            min-width: 50%
        }

        .article-menu > ul > li.related-articles:nth-child(2), .article-menu > ul promo-message:not(:empty).related-articles:nth-child(2) {
            min-width: 33%
        }

        .article-menu > ul > li.promo-message:nth-child(2), .article-menu > ul promo-message:not(:empty).promo-message:nth-child(2) {
            min-width: 45%
        }

        .article-menu > ul > li.promo-message:nth-child(3), .article-menu > ul promo-message:not(:empty).promo-message:nth-child(3) {
            min-width: 33%
        }

    mobile-action-bar {
        border-bottom: 1px solid #dbdbdb
    }
}

@media only screen and (max-width: 369px) {
    img.is-full-width-tiny {
        width: 100%
    }

    .is-hidden-tiny {
        display: none !important
    }

    column.is-1-tiny {
        width: 8.3333333333% !important
    }

    column.is-2-tiny {
        width: 16.6666666667% !important
    }

    column.is-3-tiny {
        width: 25% !important
    }

    column.is-4-tiny {
        width: 33.3333333333% !important
    }

    column.is-5-tiny {
        width: 41.6666666667% !important
    }

    column.is-6-tiny {
        width: 50% !important
    }

    column.is-7-tiny {
        width: 58.3333333333% !important
    }

    column.is-8-tiny {
        width: 66.6666666667% !important
    }

    column.is-9-tiny {
        width: 75% !important
    }

    column.is-10-tiny {
        width: 83.3333333333% !important
    }

    column.is-11-tiny {
        width: 91.6666666667% !important
    }

    column.is-12-tiny {
        width: 100% !important
    }

    .has-text-size-9-tiny {
        font-size: 9px !important
    }

    tarot-deck-filters {
        height: 296px
    }

    daily-links-vip a {
        font-size: 10px
    }
}

@media only screen and (min-width: 600px) and (max-width:1199px) {
    img.is-full-width-tablet {
        width: 100%
    }

    .has-padding-0-tablet {
        padding: 0 !important
    }

    .has-padding-0-top-tablet {
        padding-top: 0 !important
    }

    .has-padding-0-right-tablet {
        padding-right: 0 !important
    }

    .has-padding-0-bottom-tablet {
        padding-bottom: 0 !important
    }

    .has-padding-0-left-tablet {
        padding-left: 0 !important
    }

    .has-margin-0-tablet {
        margin: 0 !important
    }

    .has-margin-0-top-tablet {
        margin-top: 0 !important
    }

    .has-margin-0-right-tablet {
        margin-right: 0 !important
    }

    .has-margin-0-bottom-tablet {
        margin-bottom: 0 !important
    }

    .has-margin-0-left-tablet {
        margin-left: 0 !important
    }

    .has-padding-5-tablet {
        padding: 5px !important
    }

    .has-padding-5-top-tablet {
        padding-top: 5px !important
    }

    .has-padding-5-right-tablet {
        padding-right: 5px !important
    }

    .has-padding-5-bottom-tablet {
        padding-bottom: 5px !important
    }

    .has-padding-5-left-tablet {
        padding-left: 5px !important
    }

    .has-margin-5-tablet {
        margin: 5px !important
    }

    .has-margin-5-top-tablet {
        margin-top: 5px !important
    }

    .has-margin-5-right-tablet {
        margin-right: 5px !important
    }

    .has-margin-5-bottom-tablet {
        margin-bottom: 5px !important
    }

    .has-margin-5-left-tablet {
        margin-left: 5px !important
    }

    .has-padding-10-tablet {
        padding: 10px !important
    }

    .has-padding-10-top-tablet {
        padding-top: 10px !important
    }

    .has-padding-10-right-tablet {
        padding-right: 10px !important
    }

    .has-padding-10-bottom-tablet {
        padding-bottom: 10px !important
    }

    .has-padding-10-left-tablet {
        padding-left: 10px !important
    }

    .has-margin-10-tablet {
        margin: 10px !important
    }

    .has-margin-10-top-tablet {
        margin-top: 10px !important
    }

    .has-margin-10-right-tablet {
        margin-right: 10px !important
    }

    .has-margin-10-bottom-tablet {
        margin-bottom: 10px !important
    }

    .has-margin-10-left-tablet {
        margin-left: 10px !important
    }

    .has-padding-15-tablet {
        padding: 15px !important
    }

    .has-padding-15-top-tablet {
        padding-top: 15px !important
    }

    .has-padding-15-right-tablet {
        padding-right: 15px !important
    }

    .has-padding-15-bottom-tablet {
        padding-bottom: 15px !important
    }

    .has-padding-15-left-tablet {
        padding-left: 15px !important
    }

    .has-margin-15-tablet {
        margin: 15px !important
    }

    .has-margin-15-top-tablet {
        margin-top: 15px !important
    }

    .has-margin-15-right-tablet {
        margin-right: 15px !important
    }

    .has-margin-15-bottom-tablet {
        margin-bottom: 15px !important
    }

    .has-margin-15-left-tablet {
        margin-left: 15px !important
    }

    .has-padding-20-tablet {
        padding: 20px !important
    }

    .has-padding-20-top-tablet {
        padding-top: 20px !important
    }

    .has-padding-20-right-tablet {
        padding-right: 20px !important
    }

    .has-padding-20-bottom-tablet {
        padding-bottom: 20px !important
    }

    .has-padding-20-left-tablet {
        padding-left: 20px !important
    }

    .has-margin-20-tablet {
        margin: 20px !important
    }

    .has-margin-20-top-tablet {
        margin-top: 20px !important
    }

    .has-margin-20-right-tablet {
        margin-right: 20px !important
    }

    .has-margin-20-bottom-tablet {
        margin-bottom: 20px !important
    }

    .has-margin-20-left-tablet {
        margin-left: 20px !important
    }

    .has-padding-25-tablet {
        padding: 25px !important
    }

    .has-padding-25-top-tablet {
        padding-top: 25px !important
    }

    .has-padding-25-right-tablet {
        padding-right: 25px !important
    }

    .has-padding-25-bottom-tablet {
        padding-bottom: 25px !important
    }

    .has-padding-25-left-tablet {
        padding-left: 25px !important
    }

    .has-margin-25-tablet {
        margin: 25px !important
    }

    .has-margin-25-top-tablet {
        margin-top: 25px !important
    }

    .has-margin-25-right-tablet {
        margin-right: 25px !important
    }

    .has-margin-25-bottom-tablet {
        margin-bottom: 25px !important
    }

    .has-margin-25-left-tablet {
        margin-left: 25px !important
    }

    .has-padding-30-tablet {
        padding: 30px !important
    }

    .has-padding-30-top-tablet {
        padding-top: 30px !important
    }

    .has-padding-30-right-tablet {
        padding-right: 30px !important
    }

    .has-padding-30-bottom-tablet {
        padding-bottom: 30px !important
    }

    .has-padding-30-left-tablet {
        padding-left: 30px !important
    }

    .has-margin-30-tablet {
        margin: 30px !important
    }

    .has-margin-30-top-tablet {
        margin-top: 30px !important
    }

    .has-margin-30-right-tablet {
        margin-right: 30px !important
    }

    .has-margin-30-bottom-tablet {
        margin-bottom: 30px !important
    }

    .has-margin-30-left-tablet {
        margin-left: 30px !important
    }

    .has-padding-35-tablet {
        padding: 35px !important
    }

    .has-padding-35-top-tablet {
        padding-top: 35px !important
    }

    .has-padding-35-right-tablet {
        padding-right: 35px !important
    }

    .has-padding-35-bottom-tablet {
        padding-bottom: 35px !important
    }

    .has-padding-35-left-tablet {
        padding-left: 35px !important
    }

    .has-margin-35-tablet {
        margin: 35px !important
    }

    .has-margin-35-top-tablet {
        margin-top: 35px !important
    }

    .has-margin-35-right-tablet {
        margin-right: 35px !important
    }

    .has-margin-35-bottom-tablet {
        margin-bottom: 35px !important
    }

    .has-margin-35-left-tablet {
        margin-left: 35px !important
    }

    .has-padding-40-tablet {
        padding: 40px !important
    }

    .has-padding-40-top-tablet {
        padding-top: 40px !important
    }

    .has-padding-40-right-tablet {
        padding-right: 40px !important
    }

    .has-padding-40-bottom-tablet {
        padding-bottom: 40px !important
    }

    .has-padding-40-left-tablet {
        padding-left: 40px !important
    }

    .has-margin-40-tablet {
        margin: 40px !important
    }

    .has-margin-40-top-tablet {
        margin-top: 40px !important
    }

    .has-margin-40-right-tablet {
        margin-right: 40px !important
    }

    .has-margin-40-bottom-tablet {
        margin-bottom: 40px !important
    }

    .has-margin-40-left-tablet {
        margin-left: 40px !important
    }

    .has-padding-45-tablet {
        padding: 45px !important
    }

    .has-padding-45-top-tablet {
        padding-top: 45px !important
    }

    .has-padding-45-right-tablet {
        padding-right: 45px !important
    }

    .has-padding-45-bottom-tablet {
        padding-bottom: 45px !important
    }

    .has-padding-45-left-tablet {
        padding-left: 45px !important
    }

    .has-margin-45-tablet {
        margin: 45px !important
    }

    .has-margin-45-top-tablet {
        margin-top: 45px !important
    }

    .has-margin-45-right-tablet {
        margin-right: 45px !important
    }

    .has-margin-45-bottom-tablet {
        margin-bottom: 45px !important
    }

    .has-margin-45-left-tablet {
        margin-left: 45px !important
    }

    .has-padding-50-tablet {
        padding: 50px !important
    }

    .has-padding-50-top-tablet {
        padding-top: 50px !important
    }

    .has-padding-50-right-tablet {
        padding-right: 50px !important
    }

    .has-padding-50-bottom-tablet {
        padding-bottom: 50px !important
    }

    .has-padding-50-left-tablet {
        padding-left: 50px !important
    }

    .has-margin-50-tablet {
        margin: 50px !important
    }

    .has-margin-50-top-tablet {
        margin-top: 50px !important
    }

    .has-margin-50-right-tablet {
        margin-right: 50px !important
    }

    .has-margin-50-bottom-tablet {
        margin-bottom: 50px !important
    }

    .has-margin-50-left-tablet {
        margin-left: 50px !important
    }

    .has-padding-100-tablet {
        padding: 100px !important
    }

    .has-padding-100-top-tablet {
        padding-top: 100px !important
    }

    .has-padding-100-right-tablet {
        padding-right: 100px !important
    }

    .has-padding-100-bottom-tablet {
        padding-bottom: 100px !important
    }

    .has-padding-100-left-tablet {
        padding-left: 100px !important
    }

    .has-margin-100-tablet {
        margin: 100px !important
    }

    .has-margin-100-top-tablet {
        margin-top: 100px !important
    }

    .has-margin-100-right-tablet {
        margin-right: 100px !important
    }

    .has-margin-100-bottom-tablet {
        margin-bottom: 100px !important
    }

    .has-margin-100-left-tablet {
        margin-left: 100px !important
    }

    main {
        margin: 0 10px
    }

    .subheader {
        overflow: hidden;
        padding: 0 0 0 10px
    }

    .has-text-left-tablet {
        text-align: left
    }

    .has-text-center-tablet {
        text-align: center
    }

    .has-text-right-tablet {
        text-align: right
    }

    .is-hidden-tablet, .is-visible-desktop, .is-visible-print {
        display: none !important
    }

    column.is-1-tablet {
        width: 8.3333333333% !important
    }

    column.is-2-tablet {
        width: 16.6666666667% !important
    }

    column.is-3-tablet {
        width: 25% !important
    }

    column.is-4-tablet {
        width: 33.3333333333% !important
    }

    column.is-5-tablet {
        width: 41.6666666667% !important
    }

    column.is-6-tablet {
        width: 50% !important
    }

    column.is-7-tablet {
        width: 58.3333333333% !important
    }

    column.is-8-tablet {
        width: 66.6666666667% !important
    }

    column.is-9-tablet {
        width: 75% !important
    }

    column.is-10-tablet {
        width: 83.3333333333% !important
    }

    column.is-11-tablet {
        width: 91.6666666667% !important
    }

    column.is-12-tablet {
        width: 100% !important
    }

    column.is-pull-6-tablet, column.is-push-6-tablet {
        order: 6
    }

    tarot-reading {
        margin-bottom: 125px;
        padding: 0 45px
    }
}

@media only screen and (min-width: 1200px) {
    img.is-full-width-desktop {
        width: 100%
    }

    .has-padding-0-desktop {
        padding: 0 !important
    }

    .has-padding-0-top-desktop {
        padding-top: 0 !important
    }

    .has-padding-0-right-desktop {
        padding-right: 0 !important
    }

    .has-padding-0-bottom-desktop {
        padding-bottom: 0 !important
    }

    .has-padding-0-left-desktop {
        padding-left: 0 !important
    }

    .has-margin-0-desktop {
        margin: 0 !important
    }

    .has-margin-0-top-desktop {
        margin-top: 0 !important
    }

    .has-margin-0-right-desktop {
        margin-right: 0 !important
    }

    .has-margin-0-bottom-desktop {
        margin-bottom: 0 !important
    }

    .has-margin-0-left-desktop {
        margin-left: 0 !important
    }

    .has-padding-5-desktop {
        padding: 5px !important
    }

    .has-padding-5-top-desktop {
        padding-top: 5px !important
    }

    .has-padding-5-right-desktop {
        padding-right: 5px !important
    }

    .has-padding-5-bottom-desktop {
        padding-bottom: 5px !important
    }

    .has-padding-5-left-desktop {
        padding-left: 5px !important
    }

    .has-margin-5-desktop {
        margin: 5px !important
    }

    .has-margin-5-top-desktop {
        margin-top: 5px !important
    }

    .has-margin-5-right-desktop {
        margin-right: 5px !important
    }

    .has-margin-5-bottom-desktop {
        margin-bottom: 5px !important
    }

    .has-margin-5-left-desktop {
        margin-left: 5px !important
    }

    .has-padding-10-desktop {
        padding: 10px !important
    }

    .has-padding-10-top-desktop {
        padding-top: 10px !important
    }

    .has-padding-10-right-desktop {
        padding-right: 10px !important
    }

    .has-padding-10-bottom-desktop {
        padding-bottom: 10px !important
    }

    .has-padding-10-left-desktop {
        padding-left: 10px !important
    }

    .has-margin-10-desktop {
        margin: 10px !important
    }

    .has-margin-10-top-desktop {
        margin-top: 10px !important
    }

    .has-margin-10-right-desktop {
        margin-right: 10px !important
    }

    .has-margin-10-bottom-desktop {
        margin-bottom: 10px !important
    }

    .has-margin-10-left-desktop {
        margin-left: 10px !important
    }

    .has-padding-15-desktop {
        padding: 15px !important
    }

    .has-padding-15-top-desktop {
        padding-top: 15px !important
    }

    .has-padding-15-right-desktop {
        padding-right: 15px !important
    }

    .has-padding-15-bottom-desktop {
        padding-bottom: 15px !important
    }

    .has-padding-15-left-desktop {
        padding-left: 15px !important
    }

    .has-margin-15-desktop {
        margin: 15px !important
    }

    .has-margin-15-top-desktop {
        margin-top: 15px !important
    }

    .has-margin-15-right-desktop {
        margin-right: 15px !important
    }

    .has-margin-15-bottom-desktop {
        margin-bottom: 15px !important
    }

    .has-margin-15-left-desktop {
        margin-left: 15px !important
    }

    .has-padding-20-desktop {
        padding: 20px !important
    }

    .has-padding-20-top-desktop {
        padding-top: 20px !important
    }

    .has-padding-20-right-desktop {
        padding-right: 20px !important
    }

    .has-padding-20-bottom-desktop {
        padding-bottom: 20px !important
    }

    .has-padding-20-left-desktop {
        padding-left: 20px !important
    }

    .has-margin-20-desktop {
        margin: 20px !important
    }

    .has-margin-20-top-desktop {
        margin-top: 20px !important
    }

    .has-margin-20-right-desktop {
        margin-right: 20px !important
    }

    .has-margin-20-bottom-desktop {
        margin-bottom: 20px !important
    }

    .has-margin-20-left-desktop {
        margin-left: 20px !important
    }

    .has-padding-25-desktop {
        padding: 25px !important
    }

    .has-padding-25-top-desktop {
        padding-top: 25px !important
    }

    .has-padding-25-right-desktop {
        padding-right: 25px !important
    }

    .has-padding-25-bottom-desktop {
        padding-bottom: 25px !important
    }

    .has-padding-25-left-desktop {
        padding-left: 25px !important
    }

    .has-margin-25-desktop {
        margin: 25px !important
    }

    .has-margin-25-top-desktop {
        margin-top: 25px !important
    }

    .has-margin-25-right-desktop {
        margin-right: 25px !important
    }

    .has-margin-25-bottom-desktop {
        margin-bottom: 25px !important
    }

    .has-margin-25-left-desktop {
        margin-left: 25px !important
    }

    .has-padding-30-desktop {
        padding: 30px !important
    }

    .has-padding-30-top-desktop {
        padding-top: 30px !important
    }

    .has-padding-30-right-desktop {
        padding-right: 30px !important
    }

    .has-padding-30-bottom-desktop {
        padding-bottom: 30px !important
    }

    .has-padding-30-left-desktop {
        padding-left: 30px !important
    }

    .has-margin-30-desktop {
        margin: 30px !important
    }

    .has-margin-30-top-desktop {
        margin-top: 30px !important
    }

    .has-margin-30-right-desktop {
        margin-right: 30px !important
    }

    .has-margin-30-bottom-desktop {
        margin-bottom: 30px !important
    }

    .has-margin-30-left-desktop {
        margin-left: 30px !important
    }

    .has-padding-35-desktop {
        padding: 35px !important
    }

    .has-padding-35-top-desktop {
        padding-top: 35px !important
    }

    .has-padding-35-right-desktop {
        padding-right: 35px !important
    }

    .has-padding-35-bottom-desktop {
        padding-bottom: 35px !important
    }

    .has-padding-35-left-desktop {
        padding-left: 35px !important
    }

    .has-margin-35-desktop {
        margin: 35px !important
    }

    .has-margin-35-top-desktop {
        margin-top: 35px !important
    }

    .has-margin-35-right-desktop {
        margin-right: 35px !important
    }

    .has-margin-35-bottom-desktop {
        margin-bottom: 35px !important
    }

    .has-margin-35-left-desktop {
        margin-left: 35px !important
    }

    .has-padding-40-desktop {
        padding: 40px !important
    }

    .has-padding-40-top-desktop {
        padding-top: 40px !important
    }

    .has-padding-40-right-desktop {
        padding-right: 40px !important
    }

    .has-padding-40-bottom-desktop {
        padding-bottom: 40px !important
    }

    .has-padding-40-left-desktop {
        padding-left: 40px !important
    }

    .has-margin-40-desktop {
        margin: 40px !important
    }

    .has-margin-40-top-desktop {
        margin-top: 40px !important
    }

    .has-margin-40-right-desktop {
        margin-right: 40px !important
    }

    .has-margin-40-bottom-desktop {
        margin-bottom: 40px !important
    }

    .has-margin-40-left-desktop {
        margin-left: 40px !important
    }

    .has-padding-45-desktop {
        padding: 45px !important
    }

    .has-padding-45-top-desktop {
        padding-top: 45px !important
    }

    .has-padding-45-right-desktop {
        padding-right: 45px !important
    }

    .has-padding-45-bottom-desktop {
        padding-bottom: 45px !important
    }

    .has-padding-45-left-desktop {
        padding-left: 45px !important
    }

    .has-margin-45-desktop {
        margin: 45px !important
    }

    .has-margin-45-top-desktop {
        margin-top: 45px !important
    }

    .has-margin-45-right-desktop {
        margin-right: 45px !important
    }

    .has-margin-45-bottom-desktop {
        margin-bottom: 45px !important
    }

    .has-margin-45-left-desktop {
        margin-left: 45px !important
    }

    .has-padding-50-desktop {
        padding: 50px !important
    }

    .has-padding-50-top-desktop {
        padding-top: 50px !important
    }

    .has-padding-50-right-desktop {
        padding-right: 50px !important
    }

    .has-padding-50-bottom-desktop {
        padding-bottom: 50px !important
    }

    .has-padding-50-left-desktop {
        padding-left: 50px !important
    }

    .has-margin-50-desktop {
        margin: 50px !important
    }

    .has-margin-50-top-desktop {
        margin-top: 50px !important
    }

    .has-margin-50-right-desktop {
        margin-right: 50px !important
    }

    .has-margin-50-bottom-desktop {
        margin-bottom: 50px !important
    }

    .has-margin-50-left-desktop {
        margin-left: 50px !important
    }

    .has-padding-100-desktop {
        padding: 100px !important
    }

    .has-padding-100-top-desktop {
        padding-top: 100px !important
    }

    .has-padding-100-right-desktop {
        padding-right: 100px !important
    }

    .has-padding-100-bottom-desktop {
        padding-bottom: 100px !important
    }

    .has-padding-100-left-desktop {
        padding-left: 100px !important
    }

    .has-margin-100-desktop {
        margin: 100px !important
    }

    .has-margin-100-top-desktop {
        margin-top: 100px !important
    }

    .has-margin-100-right-desktop {
        margin-right: 100px !important
    }

    .has-margin-100-bottom-desktop {
        margin-bottom: 100px !important
    }

    .has-margin-100-left-desktop {
        margin-left: 100px !important
    }

    main {
        margin: 0 auto;
        width: 1000px
    }

    .subheader {
        height: 300px;
        overflow: hidden;
        padding: 10px 0
    }

    .has-text-left-desktop {
        text-align: left
    }

    .has-text-center-desktop {
        text-align: center
    }

    .has-text-right-desktop {
        text-align: right
    }

    .is-hidden-desktop, .is-visible-print, .is-visible-tablet, .is-visible-tablet-landscape, .is-visible-tablet-portrait {
        display: none !important
    }

    column.is-1-desktop {
        width: 8.3333333333% !important
    }

    column.is-2-desktop {
        width: 16.6666666667% !important
    }

    column.is-3-desktop {
        width: 25% !important
    }

    column.is-4-desktop {
        width: 33.3333333333% !important
    }

    column.is-5-desktop {
        width: 41.6666666667% !important
    }

    column.is-6-desktop {
        width: 50% !important
    }

    column.is-7-desktop {
        width: 58.3333333333% !important
    }

    column.is-8-desktop {
        width: 66.6666666667% !important
    }

    column.is-9-desktop {
        width: 75% !important
    }

    column.is-10-desktop {
        width: 83.3333333333% !important
    }

    column.is-11-desktop {
        width: 91.6666666667% !important
    }

    column.is-12-desktop {
        width: 100% !important
    }

    column.is-pull-6-desktop, column.is-push-6-desktop {
        order: 6
    }

    tarot-reading {
        margin-bottom: 125px;
        padding: 0 125px
    }

    top-bar {
        box-shadow: 0 5px 7px 0 rgba(50,50,50,.1);
        height: 68px;
        position: relative
    }

    nav {
        max-width: 1250px
    }

    .article-menu > ul > li .article-menu-item a.selected, .article-menu > ul promo-message:not(:empty) .article-menu-item a.selected {
        color: #e2d8ed
    }

    .article-menu > ul > li .article-menu-item a, .article-menu > ul promo-message:not(:empty) .article-menu-item a {
        color: #6c3082
    }

    .article-menu > ul > li .article-menu-item.selected, .article-menu > ul promo-message:not(:empty) .article-menu-item.selected {
        background-color: #6c3082;
        border: 1px solid #6c3082;
        color: #e2d8ed
    }

    .article-menu > ul > li .article-menu-item, .article-menu > ul promo-message:not(:empty) .article-menu-item {
        background-color: #e2d8ed;
        border-color: #e2d8ed;
        color: #6c3082;
        font-size: 12px
    }

    .article-menu > ul > li .related-articles-dropdown, .article-menu > ul > li .table-contents-dropdown, .article-menu > ul promo-message:not(:empty) .related-articles-dropdown, .article-menu > ul promo-message:not(:empty) .table-contents-dropdown {
        max-height: 325px
    }

        .article-menu > ul > li .related-articles-dropdown li, .article-menu > ul > li .table-contents-dropdown li, .article-menu > ul promo-message:not(:empty) .related-articles-dropdown li, .article-menu > ul promo-message:not(:empty) .table-contents-dropdown li {
            max-width: 50%;
            min-width: 50%
        }
}

@media only screen and (min-width: 600px) and (max-width:899px) {
    .has-padding-0-tablet-portrait {
        padding: 0 !important
    }

    .has-margin-0-tablet-portrait {
        margin: 0 !important
    }

    .has-padding-5-tablet-portrait {
        padding: 5px !important
    }

    .has-margin-5-tablet-portrait {
        margin: 5px !important
    }

    .has-padding-10-tablet-portrait {
        padding: 10px !important
    }

    .has-margin-10-tablet-portrait {
        margin: 10px !important
    }

    .has-padding-15-tablet-portrait {
        padding: 15px !important
    }

    .has-margin-15-tablet-portrait {
        margin: 15px !important
    }

    .has-padding-20-tablet-portrait {
        padding: 20px !important
    }

    .has-margin-20-tablet-portrait {
        margin: 20px !important
    }

    .has-padding-25-tablet-portrait {
        padding: 25px !important
    }

    .has-margin-25-tablet-portrait {
        margin: 25px !important
    }

    .has-padding-30-tablet-portrait {
        padding: 30px !important
    }

    .has-margin-30-tablet-portrait {
        margin: 30px !important
    }

    .has-padding-35-tablet-portrait {
        padding: 35px !important
    }

    .has-margin-35-tablet-portrait {
        margin: 35px !important
    }

    .has-padding-40-tablet-portrait {
        padding: 40px !important
    }

    .has-margin-40-tablet-portrait {
        margin: 40px !important
    }

    .has-padding-45-tablet-portrait {
        padding: 45px !important
    }

    .has-margin-45-tablet-portrait {
        margin: 45px !important
    }

    .has-padding-50-tablet-portrait {
        padding: 50px !important
    }

    .has-margin-50-tablet-portrait {
        margin: 50px !important
    }

    .has-padding-100-tablet-portrait {
        padding: 100px !important
    }

    .has-margin-100-tablet-portrait {
        margin: 100px !important
    }

    .sidebar {
        display: none
    }

    .is-hidden-tablet-portrait {
        display: none !important
    }

    column.is-1-tablet-portrait {
        width: 8.3333333333% !important
    }

    column.is-2-tablet-portrait {
        width: 16.6666666667% !important
    }

    column.is-3-tablet-portrait {
        width: 25% !important
    }

    column.is-4-tablet-portrait {
        width: 33.3333333333% !important
    }

    column.is-5-tablet-portrait {
        width: 41.6666666667% !important
    }

    column.is-6-tablet-portrait {
        width: 50% !important
    }

    column.is-7-tablet-portrait {
        width: 58.3333333333% !important
    }

    column.is-8-tablet-portrait {
        width: 66.6666666667% !important
    }

    column.is-9-tablet-portrait {
        width: 75% !important
    }

    column.is-10-tablet-portrait {
        width: 83.3333333333% !important
    }

    column.is-11-tablet-portrait {
        width: 91.6666666667% !important
    }

    column.is-12-tablet-portrait {
        width: 100% !important
    }
}

@media only screen and (min-width: 900px) and (max-width:1199px) {
    .has-padding-0-tablet-landscape {
        padding: 0 !important
    }

    .has-margin-0-tablet-landscape {
        margin: 0 !important
    }

    .has-padding-5-tablet-landscape {
        padding: 5px !important
    }

    .has-margin-5-tablet-landscape {
        margin: 5px !important
    }

    .has-padding-10-tablet-landscape {
        padding: 10px !important
    }

    .has-margin-10-tablet-landscape {
        margin: 10px !important
    }

    .has-padding-15-tablet-landscape {
        padding: 15px !important
    }

    .has-margin-15-tablet-landscape {
        margin: 15px !important
    }

    .has-padding-20-tablet-landscape {
        padding: 20px !important
    }

    .has-margin-20-tablet-landscape {
        margin: 20px !important
    }

    .has-padding-25-tablet-landscape {
        padding: 25px !important
    }

    .has-margin-25-tablet-landscape {
        margin: 25px !important
    }

    .has-padding-30-tablet-landscape {
        padding: 30px !important
    }

    .has-margin-30-tablet-landscape {
        margin: 30px !important
    }

    .has-padding-35-tablet-landscape {
        padding: 35px !important
    }

    .has-margin-35-tablet-landscape {
        margin: 35px !important
    }

    .has-padding-40-tablet-landscape {
        padding: 40px !important
    }

    .has-margin-40-tablet-landscape {
        margin: 40px !important
    }

    .has-padding-45-tablet-landscape {
        padding: 45px !important
    }

    .has-margin-45-tablet-landscape {
        margin: 45px !important
    }

    .has-padding-50-tablet-landscape {
        padding: 50px !important
    }

    .has-margin-50-tablet-landscape {
        margin: 50px !important
    }

    .has-padding-100-tablet-landscape {
        padding: 100px !important
    }

    .has-margin-100-tablet-landscape {
        margin: 100px !important
    }

    .is-hidden-tablet-landscape {
        display: none !important
    }

    column.is-1-tablet-landscape {
        width: 8.3333333333% !important
    }

    column.is-2-tablet-landscape {
        width: 16.6666666667% !important
    }

    column.is-3-tablet-landscape {
        width: 25% !important
    }

    column.is-4-tablet-landscape {
        width: 33.3333333333% !important
    }

    column.is-5-tablet-landscape {
        width: 41.6666666667% !important
    }

    column.is-6-tablet-landscape {
        width: 50% !important
    }

    column.is-7-tablet-landscape {
        width: 58.3333333333% !important
    }

    column.is-8-tablet-landscape {
        width: 66.6666666667% !important
    }

    column.is-9-tablet-landscape {
        width: 75% !important
    }

    column.is-10-tablet-landscape {
        width: 83.3333333333% !important
    }

    column.is-11-tablet-landscape {
        width: 91.6666666667% !important
    }

    column.is-12-tablet-landscape {
        width: 100% !important
    }

    daily-nav > ul > li.daily-nav-button, daily-nav > ul > li .section-heading, daily-nav > ul > li .section-item {
        font-size: 12px
    }

    top-bar {
        box-shadow: 0 5px 7px 0 rgba(50,50,50,.1);
        height: 68px;
        padding: 0 3px;
        position: relative
    }

    .nav-item, user-menu .user-li .my-account .account-details h5 {
        font-size: 13px
    }
}

@media only screen and (min-width: 600px) {
    .subheader row {
        margin: 0 auto;
        width: 1000px
    }

    .is-visible-mobile {
        display: none !important
    }

    row.is-justified-center-not-mobile {
        justify-content: center
    }

    tarot-reading-header .icon-teeup {
        height: 50px;
        margin-top: 5px
    }

    .homepage-banner {
        min-height: 240px;
        padding-top: 30px;
        text-align: left
    }

    horoscope {
        min-height: 360px
    }

        horoscope[base_url="/monthly-horoscope"] {
            min-height: 1100px
        }

    daily-tarot-card {
        display: block;
        min-height: 770px
    }

    tarot-deck-filters {
        height: 114px
    }

    daily-links-vip .daily-links-container {
        align-items: center;
        background-color: transparent;
        justify-content: center;
        margin: 0 15px 0 0;
        overflow-x: hidden;
        padding: 0;
        width: auto
    }

        daily-links-vip .daily-links-container a {
            flex-shrink: 1;
            width: auto
        }

    mobile-action-bar > ul {
        justify-content: space-around;
        max-width: 600px
    }

    mobile-sticky-nav {
        display: none
    }

    div.scroller > div, div.scroller a {
        width: auto
    }
}

@media only screen and (min-width: 370px) {
    .is-visible-tiny {
        display: none !important
    }
}

@media only screen and (orientation: landscape) {
    .is-visible-tablet-portrait {
        display: none !important
    }
}

@media only screen and (orientation: portrait) {
    .is-visible-tablet-landscape {
        display: none !important
    }
}

@media only screen and (min-width: 900px) {
    daily-nav > ul > li.selected .section-heading, daily-nav > ul > li.selected .section-item, daily-nav > ul > li:hover .section-heading, daily-nav > ul > li:hover .section-item {
        color: #000
    }

        daily-nav > ul > li.selected .section-heading:after, daily-nav > ul > li.selected .section-item:after, daily-nav > ul > li:hover .section-heading:after, daily-nav > ul > li:hover .section-item:after {
            border-bottom: 1px solid #000;
            content: "";
            height: 1px;
            left: 0;
            margin: 0 auto;
            position: absolute;
            right: 0;
            transform: translateY(50px);
            width: 60%
        }

    tarot-card-bar {
        top: 68px
    }

    div.action-bar-dropdown.daily-links-dropdown {
        left: auto;
        top: -8px;
        width: 375px
    }

    nav mobile-menu {
        display: none
    }

    input[type=search]#searchsite {
        width: 90%
    }

    .article-menu {
        top: 94px
    }
}


@media only screen and (min-width: 1200px) {
    journal a.journal-view-control {
        padding-top: 5px;
    }
}

journal a.journal-view-control {
    color: #6c3082;
    cursor: pointer;
    display: block;
    font-size: 10px;
    text-align: center;
}

    journal a.journal-view-control img {
        display: block;
        margin: 0 auto;
        width: 25px;
    }

journal input-group {
    height: 45px;
}

input-group {
    display: block;
    height: 77px;
    position: relative;
    transform-style: preserve-3d;
}

input[type=search]:not(#searchsite) {
    background-position: 98%;
    background-size: 25px;
    border-radius: 13px;
    font-size: 15px;
    padding: 7px;
}

tile-view tile-view-item {
    border: 1px solid #dbdbdb;
    border-radius: 10px;
    display: block;
    height: 425px;
    margin: 0 7.5px 15px;
    opacity: 1 !important;
    overflow: hidden;
    padding: 5px 15px 50px;
    position: relative;
}

    tile-view tile-view-item journal-item-menu {
        inset: 5px 5px auto auto;
        position: absolute;
    }

journal-item-menu {
    text-align: right;
}


    journal-item-menu > span {
        color: #6c3082;
        cursor: pointer;
        display: inline-block;
        font-size: 27px;
        padding: 1px 10px 16px;
        position: relative;
        z-index: 6;
    }

    journal-item-menu > ul {
        display: none;
        list-style: none;
        padding-top: 10px;
        position: absolute;
        right: 5px;
        top: 36px;
        width: 185px;
        z-index: 5;
    }

        journal-item-menu > ul li {
            background-color: #fff;
            border: 1px solid #6c3082;
            border-radius: 5px;
            margin-bottom: 4px;
        }


            journal-item-menu > ul li a, journal-item-menu > ul li a:active, journal-item-menu > ul li a:hover, journal-item-menu > ul li a:visited {
                color: #6c3082;
                display: block;
                font-size: 14px;
                padding: 5px 10px;
                text-align: left;
            }


tile-view tile-view-item p.date {
    margin: 10px 0 0;
}

tile-view tile-view-item p {
    font-size: 12px;
    line-height: 16px;
    margin: 0 0 15px;
    text-align: center;
}

tile-view tile-view-item h5 {
    color: #6c3082;
    font-size: 14px;
    line-height: 18px;
    margin: 10px 0;
    text-align: center;
}

tile-view tile-view-item p {
    font-size: 12px;
    line-height: 16px;
    margin: 0 0 15px;
    text-align: center;
}


tile-view tile-view-item div.v-center.iching, tile-view tile-view-item div.v-center.tarot {
    height: 240px;
    text-align: center;
}

tile-view tile-view-item div.v-center {
    align-items: center;
    display: flex;
    justify-content: center;
}

tile-view tarot-report {
    display: block;
}

tile-view tarot-spread {
    cursor: pointer;
    max-width: 100%;
    min-height: 0 !important;
}

tile-view tile-view-item > row:last-of-type {
    inset: auto auto 15px auto;
    position: absolute;
    width: calc(100% - 30px);
}


journal list-view {
    display: block;
}

@media only screen and (min-width: 600px) {
    journal list-view list-view-controls {
        margin-bottom: 15px;
    }
}

@media only screen and (min-width: 600px) {
    journal list-view list-view-controls, journal list-view list-view-item {
        grid-template-columns: 15% 10% 30% 45%;
    }
}

journal list-view list-view-controls {
    margin-bottom: 10px;
}

journal list-view list-view-controls, journal list-view list-view-item {
    display: grid;
    grid-template-columns: 20% 15% 55% 10%;
}

    journal list-view list-view-controls a:first-of-type {
        padding-left: 10px;
    }

@media only screen and (min-width: 600px) {
    journal list-view list-view-controls a, journal list-view list-view-item > span:nth-of-type(2) {
        font-size: 14px;
    }
}

journal list-view list-view-controls a {
    color: #6c3082;
    cursor: default;
    font-size: 12px;
}

journal list-view list-view-item > span:first-of-type {
    color: #6c3082;
    padding-left: 10px;
}

@media only screen and (min-width: 600px) {
    journal list-view list-view-controls a, journal list-view list-view-item > span:nth-of-type(2) {
        font-size: 14px;
    }
}

journal list-view list-view-item > span {
    display: inline-block;
}

    journal list-view list-view-item > span:nth-of-type(3) a {
        color: #6c3082;
    }

journal-item-menu {
    text-align: right;
}

journal list-view list-view-item > span:nth-of-type(4) {
    position: relative;
    text-align: center;
}

@media only screen and (min-width: 1200px) {
    journal list-view journal-item-menu > span {
        display: none;
    }
}

journal-item-menu > span {
    color: #6c3082;
    cursor: pointer;
    display: inline-block;
    font-size: 27px;
    padding: 1px 10px 16px;
    position: relative;
    z-index: 6;
}

@media only screen and (min-width: 1200px) {
    journal list-view journal-item-menu:hover > ul, journal list-view journal-item-menu > ul {
        align-content: stretch;
        align-items: center;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-end;
        padding: 0;
        position: static;
        width: auto;
    }
}

journal-item-menu > ul {
    display: none;
    list-style: none;
    padding-top: 10px;
    position: absolute;
    right: 5px;
    top: 36px;
    width: 185px;
    z-index: 5;
}

@media only screen and (min-width: 1200px) {
    journal list-view journal-item-menu:hover > ul li, journal list-view journal-item-menu > ul li {
        background-color: transparent;
        border: none;
        border-radius: 0;
        margin: 0;
    }
}

journal-item-menu > ul li {
    background-color: #fff;
    border: 1px solid #6c3082;
    border-radius: 5px;
    margin-bottom: 4px;
}

@media only screen and (min-width: 1200px) {
    journal list-view journal-item-menu:hover > ul li a.run-another, journal list-view journal-item-menu:hover > ul li a:focus.run-another, journal list-view journal-item-menu:hover > ul li a:hover.run-another, journal list-view journal-item-menu:hover > ul li a:visited.run-another, journal list-view journal-item-menu > ul li a.run-another, journal list-view journal-item-menu > ul li a:focus.run-another, journal list-view journal-item-menu > ul li a:hover.run-another, journal list-view journal-item-menu > ul li a:visited.run-another {
        background-image: url(https://gfx.tarot.com/images/member/journal/repeat.svg);
    }
}

@media only screen and (min-width: 1200px) {
    journal list-view journal-item-menu:hover > ul li a, journal list-view journal-item-menu:hover > ul li a:focus, journal list-view journal-item-menu:hover > ul li a:hover, journal list-view journal-item-menu:hover > ul li a:visited, journal list-view journal-item-menu > ul li a, journal list-view journal-item-menu > ul li a:focus, journal list-view journal-item-menu > ul li a:hover, journal list-view journal-item-menu > ul li a:visited {
        background-position: 15px;
        background-repeat: no-repeat;
        background-size: 45px;
        font-size: 10px;
        line-height: 15px;
        padding: 0 10px 0 50px;
    }
}

journal-item-menu > ul li a, journal-item-menu > ul li a:active, journal-item-menu > ul li a:hover, journal-item-menu > ul li a:visited {
    color: #6c3082;
    display: block;
    font-size: 14px;
    padding: 5px 10px;
    text-align: left;
}

@media only screen and (min-width: 600px) {
    journal list-view list-view-controls {
        margin-bottom: 15px;
    }
}

@media only screen and (min-width: 600px) {
    journal list-view list-view-controls, journal list-view list-view-item {
        grid-template-columns: 15% 10% 30% 45%;
    }
}

journal list-view list-view-controls, journal list-view list-view-item {
    display: grid;
    grid-template-columns: 20% 15% 55% 10%;
}

@media only screen and (min-width: 600px) {
    journal list-view list-view-controls a, journal list-view list-view-item > span:nth-of-type(2) {
        font-size: 14px;
    }
}

@media only screen and (min-width: 600px) {
    journal list-view list-view-controls, journal list-view list-view-item {
        grid-template-columns: 15% 10% 30% 45%;
    }
}

journal list-view list-view-item {
    align-items: center;
    border-top: 1px solid #dbdbdb;
    cursor: default;
    padding: 15px 0;
}


journal-item-menu:active > span, journal-item-menu:hover > span {
    background: #6c3082;
    border-radius: 50%;
    color: #fff;
}

tile-view-item:hover {
    background-color: rgba(0,0,0,0.1);
}

journal-item-menu:hover > ul {
    display: block;
}

tile-view tarot-spread img {
    height: auto !important;
    width: 25px !important;
}