@charset "utf-8";

.image_item {
    position: relative;
    display: block;
    margin: 1px;
    margin-bottom: 10px;
    text-align: center;
}

.image_item img {
    max-width: 100%;
}

.goldbar_wrap2nd {
    padding-top: 100px;
}

.banner_container {
    text-align: center;
    margin: 10px auto;
    padding-top:1em;
}

/* Aside Styles */
.tarot-h1 {
    font-size: 4em;
    text-align: justify;
    margin-top:1vh;
}

.tarot_blurb {
    text-align: justify;
}

/* Crystal Girl image container with border */
.img_crystalgirl_wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    box-shadow: rgba(139, 20, 20, 0.8) 0px 0px 0px 0px;
}

.aside_blurb_container {
    display:inline-block;
    width: 100%;
    margin-top: 1.5em;
}

.blurb_container1 {
    display:inline-block;
    float:left;
    width:100%;
}

.blurb_container2 {
   display:inline-block;
    float:left;
    width:100%;
  
}

.asideAside{
    width: 48%;
    display:inline-block;
    float:left;
}

.figureFigure{
    width: 48%;
    display:inline-block;
    float:right;   
    text-align:right;
    position:absolute;
    display:inline-block;
    margin:0px;
 }


figure > h1 { /* Need Psychic Help? */
    margin-bottom: 0px; /* Pushes Crystal Girl image down (directly under Need Psychic Help?) */
}

figcaption { /* Already have your favorite Advisor? */
    color: #ffd2ff; /* Same light pink as Crisp Chat */
    font-size: 1.5em;
    text-align: center;
    width:100%;
    display:inline-block;
}

.figcaption2 { /* Already have your favorite Advisor? */
    color: #ffd2ff; /* Same light pink as Crisp Chat */
    font-size: 1.5em;
    text-align: center;
    width:90%;
    display:inline-block;
}

.tele_cartouche {
    border: 6px double #66186d; /* Same purplish border color as Nav cartouches */
    font-weight: bold;
    font-size: 1.6em;
    padding: 2px 10px 2px 10px; /* 1st top  2nd R side 3rd bottom 4th L side */
    position: relative;
    border-radius: 30px;
    background: #ecaa20;
    text-align: center;
}

.tele_cartouche::after {
    content: '';
    position: absolute;
    width: 2;
    top: -7px;
    right: -6px; /* Moves cartouche bar to the right */
    height: calc(100% + 14px);
    display: inline-block;
    border-right: 4px solid #ecaa20; /* Changed the double lines as the end bar to solid */
    border-radius: 4px;
}

a {
    text-decoration: none;
}

.cartouche_bar {
    content: '';
    position: absolute;
    width: 0;
    top: -4px;
    right: -7px;
    height: calc(100% + 8px);
    display: inline-block;
    border-right: 4px solid #ecaa20; /* Changed the double lines as the end bar to solid */
    border-radius: 4px;
}

.tele_directions { /* "A scheduled Video Reading is only a moment away" */
    font-family: Oxygen;
    font-size: .7em;
    text-align: justify;
}

.nav_link-group li::not(::last-child) {
    border-right: none;
}

.cartouche {
    border: 6px double #66186d; /* Purple border on nav cartouches */
    font-weight: bold;
    font-size: 1.6em;
    padding: 0px 12px 12px 8px; /*0px for padding at top of nav courtouches */
    position: relative;
    border-radius: 30px;
    background: #ecaa20;
    text-align: center;
    height: 26px;
}

aside > h1 {
    color: #ecaa20; /* Yellow-gold */
    font-weight: bold;
    font-size: 1.9em;
    
    margin-bottom: 20px;
}

.tarot_h1 {
    color: #ecaa20; /* Yellow-Gold */
    font-weight: bold;
    font-size: 1.6em;
    margin-top:1vh;
}

/* Questions & Blurb */
aside {
    color: #ecaa20; /* Yellow-Gold */
    font-weight: bold;
    font-size: 1.3em;
}

.tarot_blurb {
    margin-top: -40px;
    /* text-align: center; */
}

.iframewrapper {
    text-align: center;
}

/* Tablet Media Query to float figure on RIGHT/LEFT of blurb at larger screen sizes*/
/* Figure and aside */
.aside_blurb_container {
   
    flex-flow: column nowrap;
    display:inline-block;
    width: 100%;
    margin-top: 1.5em;
}

.needhelp_text {
    font-size: 1.9em;
    text-align: center;
}

/* To lower h1_header paragraph so text doesn't hit bottom of lotuses */
#h1_para {
    margin-top: 50px;
}


@media only screen and (max-width: 1024px) {

}

@media only screen and (max-width: 768px) {
    .asideAside{
        width:98%;
    }
    .figureFigure{
        width:100%;
        position:relative;
    }
    figcaption { /* Already have your favorite Advisor? */
        text-align: center;
        width:100%;
        display:inline-block;
    }
}

@media only screen and (max-width: 600px) {
    .tarot_h1 {
        font-size: 1.7em;
    }

    .columns li {
        padding: 0 5px;
    }

    .tele_directions {
        font-size: .9em;
    }

    header .logo_wrap {
        left: -120px;
        right: -120px;
    }

    .crisp-client > #crisp-chatbox > div > a {
       margin: 0 !important;
    }
    
    .needhelp_text {
        padding-top: 0;
    }
    .asideAside{
        width:98%;
    }
    .figureFigure{
        width:100%;
        position:relative;
    }
    figcaption { /* Already have your favorite Advisor? */
        text-align: center;
        width:100%;
        display:inline-block;
    }
}

@media only screen and (max-width: 320px) {
    ul.columns {
        flex-flow: column wrap;
    }

    .aside_blurb_container {
        flex-flow: column;
        margin-top: 1.5em;
    }

    aside, figure {
        display: flex;
        flex: 1;
        flex-flow: column nowrap;
    }
       .asideAside{
        width:100%;
    }
    .figureFigure{
        width:100%;
        position:relative;
    }
    figcaption { /* Already have your favorite Advisor? */
        text-align: center;
        width:100%;
        display:inline-block;
    }

    .needhelp_text {
        padding-top: 0;
    }
}