/* HEADER BACKGROUNDS */

#event-bg {
    background-color: #5352ed;
    color: white !important;
}

#header {
    /* margin-top: -9em;
    transition:top 1s linear; */
}

/* .hero-date {
    font-size: 2em !important;;
} */

#hero-image {
    width:100% !important;
    height: auto;
    max-width: 550px;
    transition:all 0.3s ease;
    padding: 0 1em 0 1em;
}

#hero-image:hover {
    transform: translateY(-0.5em) scaleX(-1);
}

#header-wrapper.tao-garden-hero {
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.2)), url("../../images/tao-garden/tao-garden-cover.webp") !important;
    background-position: center;
    padding-bottom: 6em !important;
}

#header-wrapper.be-chi-bg-wrapper {
    /* background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.1), rgba(0,0,0,0.3)), url("../../images//bechi/meditation-1.jpg") !important; */
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.1), rgba(0,0,0,0.3)), url("https://images.squarespace-cdn.com/content/5bd2013f2727be0fd991bf94/1561759114665-YIXQ5APLSBL73BBH3MU6/qigong-history.jpeg") !important;
    background-position: left 50%;
    /* background-size: 100% 100%; */
    padding-bottom: 4em !important;
}

#header-wrapper.store-wrapper,
#header-wrapper.blog-wrapper {
    padding-top: 5.5em !important;
    padding-bottom: 3em !important;
}

#header-wrapper.teacher-training-bg-wrapper {
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/bechi/yin-yang-bg.jpg") !important;
    background-position: center 30%;
    padding-bottom: 4em !important;
}

#header-wrapper.teacher-training-direct-bg-wrapper {
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/teacher-training/hero.jpg") !important;
    background-position: center 30%;
    padding-bottom: 4em !important;
}

#header-wrapper.teacher-training-gradual-bg-wrapper {
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/teacher-training/training-3.jpg") !important;
    background-position: center 70%;
    padding-bottom: 4em !important;
}

#header-wrapper.darkroom-hero {
    
    background-color: #2d3436;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg fill-opacity='0.14'%3E%3Cpath fill='%233c3c56' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%234a4478' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%23564c9c' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%236154c1' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%236c5ce7' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23574ab4' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%23433884' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%23302757' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%231c172d' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%23000000' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E") !important;
    background-attachment: fixed;
    background-size: cover;

    padding-bottom: 6em !important;
}

.blog-wrapper {
    background-color: white;
/* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='360' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%230b1e44' stroke-width='1'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%235f27cd'%3E%3Ccircle cx='769' cy='229' r='8'/%3E%3Ccircle cx='539' cy='269' r='8'/%3E%3Ccircle cx='603' cy='493' r='8'/%3E%3Ccircle cx='731' cy='737' r='8'/%3E%3Ccircle cx='520' cy='660' r='8'/%3E%3Ccircle cx='309' cy='538' r='8'/%3E%3Ccircle cx='295' cy='764' r='8'/%3E%3Ccircle cx='40' cy='599' r='8'/%3E%3Ccircle cx='102' cy='382' r='8'/%3E%3Ccircle cx='127' cy='80' r='8'/%3E%3Ccircle cx='370' cy='105' r='8'/%3E%3Ccircle cx='578' cy='42' r='8'/%3E%3Ccircle cx='237' cy='261' r='8'/%3E%3Ccircle cx='390' cy='382' r='8'/%3E%3C/g%3E%3C/svg%3E"); */
    padding-bottom: 4em !important;
}

    .blog-wrapper h1,
    .blog-wrapper h2,
    .blog-wrapper h3,
    .blog-wrapper p,
    .blog-wrapper span {
        color: black;
    }

.blog-header-main-title {
    font-weight: 500;
}

.blog-content-wrapper {
    padding-top: 4em;
}

.blog-read-more-items-container {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

.blog-read-more-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    color: black;
}
    .blog-read-more-text  {
        border-bottom: 0;
    }
        .blog-read-more-text h3  {
            font-size: 1.2em;
        }

.blog-read-more-item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 46%;
}
    .blog-read-more-item a {
        width: 100%;
        border-bottom: 0;
    }

.blog-read-more-item-category {
    padding-top: 1em;
    margin-bottom: 0.2em;
    font-weight: 500;
    letter-spacing: 0.05em;
}

.blog-read-more-item-image {
    margin: 0 auto;
    width: 100%;
    height: 270px;
    /* max-height: 270px; */
    object-fit: cover;
    object-position: center;
    transition: all 0.2s ease-in-out;
}

.blog-read-more-item-image:hover {
    width: 101%;
    -webkit-box-shadow: 0px 6px 16px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 6px 16px 1px rgba(0,0,0,0.5);
    box-shadow: 0px 6px 16px 1px rgba(0,0,0,0.5);
}

.blog-read-more-item-title {
    font-weight: 500;
    font-size: 1.5em;
    color: black;
    transition: color 0.2s ease-in-out;
}
    .blog-read-more-item-title:hover {
        color: #0984e3;
    }

.blog-read-more-item-blurb {
    padding-top: 0.5em;
    font-size: 1em;
    color: black;
}

/* LIVESTREAMS */
.video-title {
    font-weight: 500;
    /* margin-bottom: 0.5em; */
    font-size: 1.8em;
}
.video-home-header {
    margin: 2em 0 4em 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
}
.video-home-content {
    text-align: left;
}
.video-title-container {
    text-align: left; 
    padding-left: 2em;
}
.video-logo {
    width: 200px;
    height: auto;
}


/* HOME COMPONENTS */
#hero header h2 {
    font-weight: 700;
}
#hero header h2:first-child {
    font-size: 280%;
}
.event-features {
    padding-top: 60px
}
.event-features p {
    margin-bottom: 0em;
    font-weight: 500;
}
.homepage #header-wrapper {
    padding-bottom: 0;
    padding-top: 5em;
}

.darkroom-bg {
    /* background-color: #a29bfe;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg stroke='%23000000' stroke-width='66.7' stroke-opacity='0.05' %3E%3Ccircle fill='%23a29bfe' cx='0' cy='0' r='1800'/%3E%3Ccircle fill='%239c90ef' cx='0' cy='0' r='1700'/%3E%3Ccircle fill='%239586e0' cx='0' cy='0' r='1600'/%3E%3Ccircle fill='%238e7cd2' cx='0' cy='0' r='1500'/%3E%3Ccircle fill='%238772c4' cx='0' cy='0' r='1400'/%3E%3Ccircle fill='%238068b6' cx='0' cy='0' r='1300'/%3E%3Ccircle fill='%23795ea8' cx='0' cy='0' r='1200'/%3E%3Ccircle fill='%2371559a' cx='0' cy='0' r='1100'/%3E%3Ccircle fill='%23694c8d' cx='0' cy='0' r='1000'/%3E%3Ccircle fill='%23614380' cx='0' cy='0' r='900'/%3E%3Ccircle fill='%23593a73' cx='0' cy='0' r='800'/%3E%3Ccircle fill='%23513267' cx='0' cy='0' r='700'/%3E%3Ccircle fill='%2349295b' cx='0' cy='0' r='600'/%3E%3Ccircle fill='%2341214f' cx='0' cy='0' r='500'/%3E%3Ccircle fill='%23381944' cx='0' cy='0' r='400'/%3E%3Ccircle fill='%23301239' cx='0' cy='0' r='300'/%3E%3Ccircle fill='%23280a2e' cx='0' cy='0' r='200'/%3E%3Ccircle fill='%23210024' cx='0' cy='0' r='100'/%3E%3C/g%3E%3C/svg%3E") !important;
    background-attachment: fixed !important;
    background-size: cover !important; */

    background-color: #2d3436;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg fill-opacity='0.14'%3E%3Cpath fill='%233c3c56' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%234a4478' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%23564c9c' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%236154c1' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%236c5ce7' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23574ab4' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%23433884' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%23302757' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%231c172d' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%23000000' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E") !important;
    background-attachment: fixed !important;
    background-size: cover !important;
}
    .darkroom-bg header h2
     {
        color: white;
        font-weight: 500;
        font-size: 1.8em;
    }
    .darkroom-bg p,
    .darkroom-bg h2,
    .darkroom-bg h3 {
        color: white;
        font-weight: 400;
        font-size: 1.5em;
    }

.synthesis-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.6em;
}
    .synthesis-container .synthesis-plus {
        color: #feca57;
        font-size: 300%;
    }
    .synthesis-container .molecule {
        width: 25%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
    }
    .synthesis-container .molecule img {
        width: 100%;
        height: auto;
    }
    .synthesis-container .molecule p {
        /* text-align: left; */
        margin-top: 1em;
        font-size: 1em;
    }

#mantak-crop-darkroom {
    width: 40%; 
    margin-left: -10%;
}

.newsletter-signup {
    /* background-color: #a29bfe;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg stroke='%23000000' stroke-width='66.7' stroke-opacity='0.05' %3E%3Ccircle fill='%23a29bfe' cx='0' cy='0' r='1800'/%3E%3Ccircle fill='%239c90ef' cx='0' cy='0' r='1700'/%3E%3Ccircle fill='%239586e0' cx='0' cy='0' r='1600'/%3E%3Ccircle fill='%238e7cd2' cx='0' cy='0' r='1500'/%3E%3Ccircle fill='%238772c4' cx='0' cy='0' r='1400'/%3E%3Ccircle fill='%238068b6' cx='0' cy='0' r='1300'/%3E%3Ccircle fill='%23795ea8' cx='0' cy='0' r='1200'/%3E%3Ccircle fill='%2371559a' cx='0' cy='0' r='1100'/%3E%3Ccircle fill='%23694c8d' cx='0' cy='0' r='1000'/%3E%3Ccircle fill='%23614380' cx='0' cy='0' r='900'/%3E%3Ccircle fill='%23593a73' cx='0' cy='0' r='800'/%3E%3Ccircle fill='%23513267' cx='0' cy='0' r='700'/%3E%3Ccircle fill='%2349295b' cx='0' cy='0' r='600'/%3E%3Ccircle fill='%2341214f' cx='0' cy='0' r='500'/%3E%3Ccircle fill='%23381944' cx='0' cy='0' r='400'/%3E%3Ccircle fill='%23301239' cx='0' cy='0' r='300'/%3E%3Ccircle fill='%23280a2e' cx='0' cy='0' r='200'/%3E%3Ccircle fill='%23210024' cx='0' cy='0' r='100'/%3E%3C/g%3E%3C/svg%3E") !important;
    background-attachment: fixed !important;
    background-size: cover !important; */

    background-color: #6c5ce7;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg stroke='%23000000' stroke-width='66.7' stroke-opacity='0.05' %3E%3Ccircle fill='%236c5ce7' cx='0' cy='0' r='1800'/%3E%3Ccircle fill='%236b55d9' cx='0' cy='0' r='1700'/%3E%3Ccircle fill='%236a4ecc' cx='0' cy='0' r='1600'/%3E%3Ccircle fill='%236848be' cx='0' cy='0' r='1500'/%3E%3Ccircle fill='%236542b1' cx='0' cy='0' r='1400'/%3E%3Ccircle fill='%23623ba4' cx='0' cy='0' r='1300'/%3E%3Ccircle fill='%235e3698' cx='0' cy='0' r='1200'/%3E%3Ccircle fill='%235a308c' cx='0' cy='0' r='1100'/%3E%3Ccircle fill='%23552a80' cx='0' cy='0' r='1000'/%3E%3Ccircle fill='%23502574' cx='0' cy='0' r='900'/%3E%3Ccircle fill='%234b2069' cx='0' cy='0' r='800'/%3E%3Ccircle fill='%23451b5e' cx='0' cy='0' r='700'/%3E%3Ccircle fill='%233f1653' cx='0' cy='0' r='600'/%3E%3Ccircle fill='%23391249' cx='0' cy='0' r='500'/%3E%3Ccircle fill='%23330e3f' cx='0' cy='0' r='400'/%3E%3Ccircle fill='%232d0a36' cx='0' cy='0' r='300'/%3E%3Ccircle fill='%2326062d' cx='0' cy='0' r='200'/%3E%3Ccircle fill='%23210024' cx='0' cy='0' r='100'/%3E%3C/g%3E%3C/svg%3E") !important;
    background-attachment: fixed !important;
    background-size: cover !important;
}
    .newsletter-signup header h2 {
        color: white;
        font-weight: 500 !important;
    }

.banner-container {
    margin: 0 auto;
    width: 90%;
    height: auto;
    max-width: 1160px !important;

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.top-banner {
    margin-top: 0 !important;
    height: 11vh !important;
    padding: 0 2em 0 2em !important;
}

#video-feature {
    padding-top: 2em;
    padding-bottom: 4em;
}
    #main-video,
    #become-a-sexual-master-video {
        width: 100%;
        height: 560px;
    }

.top-banner-container {
    margin: 0 auto;
    width: 100%;
    height: auto;

    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: flex-start;
}

.banner-next-class {
    /* background-color: #6c5ce7; */
    background: rgb(108,92,231);
    background: linear-gradient(52deg, rgba(108,92,231,1) 40%, rgba(128,116,240,1) 73%, rgba(162,155,254,1) 100%);

    width: 100%;
    height: auto;
    padding: 2em;

    margin-top: 6em;
}
.banner-next-class-alt {
    background: linear-gradient(25deg,#d64c7f,#ee4758 50%) !important;
    /* background-attachment: fixed !important; */
    background-size: contain !important;
}
.banner-next-class-alt-2 {
    /* background-color: #0093E9;
background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%); */

    /* background: #A770EF;
    background: -webkit-linear-gradient(to right, #FDB99B, #CF8BF3, #A770EF);
    background: linear-gradient(to right, #FDB99B, #CF8BF3, #A770EF); */
    background: #141E30 !important;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #243B55, #141E30) !important;  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #243B55, #141E30) !important; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    /* background-attachment: fixed !important; */
    background-size: contain !important;
}
.banner-next-class-alt-3 {
    background-color: #FBAB7E !important;
    background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) !important;
    /* background-attachment: fixed !important; */
    background-size: contain !important;
}
.banner-next-class-alt-4 {
    background-color: #3bb78f !important;
    background-image: linear-gradient(315deg, #3bb78f 0%, #0bab64 74%) !important;
    /* background-attachment: fixed !important; */
    background-size: contain !important;

/* background-color: #6e72fc;
background-image: linear-gradient(315deg, #6e72fc 0%, #ad1deb 74%); */
/* background-image: linear-gradient(120deg, #89f7fe 0%, #66a6ff 100%); */
}
.banner-next-class-alt-5 {
    background-color: #0d0433 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%230d0433' stroke-width='1'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%23c7c489'%3E%3Ccircle cx='769' cy='229' r='6'/%3E%3Ccircle cx='539' cy='269' r='6'/%3E%3Ccircle cx='603' cy='493' r='6'/%3E%3Ccircle cx='731' cy='737' r='6'/%3E%3Ccircle cx='520' cy='660' r='6'/%3E%3Ccircle cx='309' cy='538' r='6'/%3E%3Ccircle cx='295' cy='764' r='6'/%3E%3Ccircle cx='40' cy='599' r='6'/%3E%3Ccircle cx='102' cy='382' r='6'/%3E%3Ccircle cx='127' cy='80' r='6'/%3E%3Ccircle cx='370' cy='105' r='6'/%3E%3Ccircle cx='578' cy='42' r='6'/%3E%3Ccircle cx='237' cy='261' r='6'/%3E%3Ccircle cx='390' cy='382' r='6'/%3E%3C/g%3E%3C/svg%3E") !important;
    background-attachment: fixed !important;
    background-size: contain !important;
}
.banner-next-class-alt-5b {
    background: #0d0433 !important;
    background-attachment: fixed !important;
    background-size: contain !important;
}

.banner-next-class-alt-6 {
    background-color: #2d3436 !important;
    background-image: linear-gradient(300deg, #74b9ff 0%, #0984e3 75%) !important;
    /* background-attachment: fixed !important; */
    background-size: contain !important;
}

/* cloud alt */
.banner-next-class-alt-7 {
    background-color: #2d3436 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 28' width='56' height='28'%3E%3Cpath fill='%236c5ce7' fill-opacity='0.76' d='M56 26v2h-7.75c2.3-1.27 4.94-2 7.75-2zm-26 2a2 2 0 1 0-4 0h-4.09A25.98 25.98 0 0 0 0 16v-2c.67 0 1.34.02 2 .07V14a2 2 0 0 0-2-2v-2a4 4 0 0 1 3.98 3.6 28.09 28.09 0 0 1 2.8-3.86A8 8 0 0 0 0 6V4a9.99 9.99 0 0 1 8.17 4.23c.94-.95 1.96-1.83 3.03-2.63A13.98 13.98 0 0 0 0 0h7.75c2 1.1 3.73 2.63 5.1 4.45 1.12-.72 2.3-1.37 3.53-1.93A20.1 20.1 0 0 0 14.28 0h2.7c.45.56.88 1.14 1.29 1.74 1.3-.48 2.63-.87 4-1.15-.11-.2-.23-.4-.36-.59H26v.07a28.4 28.4 0 0 1 4 0V0h4.09l-.37.59c1.38.28 2.72.67 4.01 1.15.4-.6.84-1.18 1.3-1.74h2.69a20.1 20.1 0 0 0-2.1 2.52c1.23.56 2.41 1.2 3.54 1.93A16.08 16.08 0 0 1 48.25 0H56c-4.58 0-8.65 2.2-11.2 5.6 1.07.8 2.09 1.68 3.03 2.63A9.99 9.99 0 0 1 56 4v2a8 8 0 0 0-6.77 3.74c1.03 1.2 1.97 2.5 2.79 3.86A4 4 0 0 1 56 10v2a2 2 0 0 0-2 2.07 28.4 28.4 0 0 1 2-.07v2c-9.2 0-17.3 4.78-21.91 12H30zM7.75 28H0v-2c2.81 0 5.46.73 7.75 2zM56 20v2c-5.6 0-10.65 2.3-14.28 6h-2.7c4.04-4.89 10.15-8 16.98-8zm-39.03 8h-2.69C10.65 24.3 5.6 22 0 22v-2c6.83 0 12.94 3.11 16.97 8zm15.01-.4a28.09 28.09 0 0 1 2.8-3.86 8 8 0 0 0-13.55 0c1.03 1.2 1.97 2.5 2.79 3.86a4 4 0 0 1 7.96 0zm14.29-11.86c1.3-.48 2.63-.87 4-1.15a25.99 25.99 0 0 0-44.55 0c1.38.28 2.72.67 4.01 1.15a21.98 21.98 0 0 1 36.54 0zm-5.43 2.71c1.13-.72 2.3-1.37 3.54-1.93a19.98 19.98 0 0 0-32.76 0c1.23.56 2.41 1.2 3.54 1.93a15.98 15.98 0 0 1 25.68 0zm-4.67 3.78c.94-.95 1.96-1.83 3.03-2.63a13.98 13.98 0 0 0-22.4 0c1.07.8 2.09 1.68 3.03 2.63a9.99 9.99 0 0 1 16.34 0z'%3E%3C/path%3E%3C/svg%3E") !important;
    background-attachment: fixed !important;
    background-size: contain !important;
}

.banner-next-class-alt-8 {
    background-color: #74b9ff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 1000'%3E%3Cg %3E%3Ccircle fill='%2374b9ff' cx='50' cy='0' r='50'/%3E%3Cg fill='%2373b4fe' %3E%3Ccircle cx='0' cy='50' r='50'/%3E%3Ccircle cx='100' cy='50' r='50'/%3E%3C/g%3E%3Ccircle fill='%2371aefd' cx='50' cy='100' r='50'/%3E%3Cg fill='%2370a9fc' %3E%3Ccircle cx='0' cy='150' r='50'/%3E%3Ccircle cx='100' cy='150' r='50'/%3E%3C/g%3E%3Ccircle fill='%236ea3fb' cx='50' cy='200' r='50'/%3E%3Cg fill='%236d9dfa' %3E%3Ccircle cx='0' cy='250' r='50'/%3E%3Ccircle cx='100' cy='250' r='50'/%3E%3C/g%3E%3Ccircle fill='%236c98f9' cx='50' cy='300' r='50'/%3E%3Cg fill='%236a92f8' %3E%3Ccircle cx='0' cy='350' r='50'/%3E%3Ccircle cx='100' cy='350' r='50'/%3E%3C/g%3E%3Ccircle fill='%23698df7' cx='50' cy='400' r='50'/%3E%3Cg fill='%236887f6' %3E%3Ccircle cx='0' cy='450' r='50'/%3E%3Ccircle cx='100' cy='450' r='50'/%3E%3C/g%3E%3Ccircle fill='%236682f5' cx='50' cy='500' r='50'/%3E%3Cg fill='%23657cf3' %3E%3Ccircle cx='0' cy='550' r='50'/%3E%3Ccircle cx='100' cy='550' r='50'/%3E%3C/g%3E%3Ccircle fill='%236477f2' cx='50' cy='600' r='50'/%3E%3Cg fill='%236371f1' %3E%3Ccircle cx='0' cy='650' r='50'/%3E%3Ccircle cx='100' cy='650' r='50'/%3E%3C/g%3E%3Ccircle fill='%23626cef' cx='50' cy='700' r='50'/%3E%3Cg fill='%236166ee' %3E%3Ccircle cx='0' cy='750' r='50'/%3E%3Ccircle cx='100' cy='750' r='50'/%3E%3C/g%3E%3Ccircle fill='%236061ed' cx='50' cy='800' r='50'/%3E%3Cg fill='%23625feb' %3E%3Ccircle cx='0' cy='850' r='50'/%3E%3Ccircle cx='100' cy='850' r='50'/%3E%3C/g%3E%3Ccircle fill='%23655eea' cx='50' cy='900' r='50'/%3E%3Cg fill='%23695de8' %3E%3Ccircle cx='0' cy='950' r='50'/%3E%3Ccircle cx='100' cy='950' r='50'/%3E%3C/g%3E%3Ccircle fill='%236c5ce7' cx='50' cy='1000' r='50'/%3E%3C/g%3E%3C/svg%3E") !important;
    background-attachment: fixed !important;
    background-size: contain !important;
}

.banner-next-class-alt-9 {
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' %3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='0' y1='0' y2='1'%3E%3Cstop offset='0' stop-color='%2380F'/%3E%3Cstop offset='1' stop-color='%23f40'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpattern id='b' width='24' height='24' patternUnits='userSpaceOnUse'%3E%3Ccircle fill='%23ffffff' cx='12' cy='12' r='12'/%3E%3C/pattern%3E%3Crect width='100%25' height='100%25' fill='url(%23a)'/%3E%3Crect width='100%25' height='100%25' fill='url(%23b)' fill-opacity='0.1'/%3E%3C/svg%3E");
    background-attachment: fixed;
    background-size: cover;
}

    .banner-next-class p,
    .banner-next-class h1,
    .banner-next-class h2 {
        text-align: left;
        color: white;
        padding: 0;
        margin: 0;
    }
.banner-no-margin {
    margin-top: 1em;
}

.black-actions {
    padding-top: 0;
}
    .black-actions a
    {
        color: black;
    }
    .black-actions a {
        font-weight: 600;
    }
    .black-actions .button {
        border: 1px solid black !important;
        font-size: 100% !important;
        /* line-height: 1.4em !important; */
    }

.white-actions {
    padding-top: 0;
}

.white-actions a {
    color: white;
    font-weight: 600;
    
}

.tt-home-button {
    margin-bottom: 1em;
}

#bi-chi-feature {
    padding-bottom: 2em;
}

#store-wrapper {
    padding: 3em 0 5em 0;
}

#teacher-training-feature .teacher-training-title {
    /* font-size: 200%; */
    /* font-weight: 500; */   
}

.gradual-path {
    background: #000000;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #434343, #000000);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #434343, #000000); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    
}

.intensive-path {
    background: #000428;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #004e92, #000428);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #004e92, #000428); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */    
}

.gradual-path h2,
.intensive-path h2 {
    color: white;
    font-weight: 500;
}

/* MANTAK CHIA ONLINE */

.online-offering-body-text {
    font-size: 110%;
}

.agenda-container {
    display: flex !important;
    flex-direction: row;
    /* align-items: flex-start;
    justify-content: flex-start;
    margin: 0 auto 0 auto; */
    margin: 0 auto;
    width: 80%;
}
    .agenda-image {
        width: 65%;
    }
        .agenda-image img {
            width:100%; 
            max-width: 600px; 
            height: auto
        }

    .agenda-textbox {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin: 0 auto 0 auto;
        text-align: left;
        width: 35%;
        padding: 0.5em 1.5em;
    }

@media screen and (max-width: 1000px) {
    .agenda-container {
        flex-direction: column;
    }
        .agenda-image {
            width: 98%;
            margin: 0 auto;
        }
        .agenda-textbox {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            margin: 0 auto 0 auto;
            text-align: left;
            width: 95%;
            padding-left: 0;
            margin: 2em auto 0 auto;
        }
}

@media screen and (max-width: 650px) {
    .agenda-container {
        width: 100%;
    }
}

@media screen and (max-width: 425px) {
    #promo-wrapper {
        padding: 2em 1.5em 2em !important;
    }
}


/* TAO GARDEN COMPONENTS */

.online-training-header h2 {
    /* padding-top: 1em; */
    font-size: 200%;
    font-weight: 600;
    color: white;
}

.video-header h2,
.video-header-alt-2 h2 {
    font-weight: 600;
    color: white;
}
.video-header-alt h2 {
    font-weight: 800 !important;
    color: #2c3e50;
}
.video-backgound {
    background: rgb(9,132,227) !important;
    background: linear-gradient(84deg, rgba(9,132,227,1) 0%, rgba(0,144,255,1) 44%) !important;
}

.darkroom-text-background {
    background: #192a56 !important;
}

.video-backgound-alt {
    background: #fdcb6e !important;
}

.video-backgound-alt-2 {
    background: #000000 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='30' viewBox='0 0 1000 120'%3E%3Cg fill='none' stroke='%23222' stroke-width='10' %3E%3Cpath d='M-500 75c0 0 125-30 250-30S0 75 0 75s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 45c0 0 125-30 250-30S0 45 0 45s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 105c0 0 125-30 250-30S0 105 0 105s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 15c0 0 125-30 250-30S0 15 0 15s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500-15c0 0 125-30 250-30S0-15 0-15s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 135c0 0 125-30 250-30S0 135 0 135s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3C/g%3E%3C/svg%3E") !important;
}

.video-backgound-alt-3 {
    background: #00cec9 !important;
    /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='30' viewBox='0 0 1000 120'%3E%3Cg fill='none' stroke='%23222' stroke-width='10' %3E%3Cpath d='M-500 75c0 0 125-30 250-30S0 75 0 75s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 45c0 0 125-30 250-30S0 45 0 45s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 105c0 0 125-30 250-30S0 105 0 105s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 15c0 0 125-30 250-30S0 15 0 15s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500-15c0 0 125-30 250-30S0-15 0-15s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 135c0 0 125-30 250-30S0 135 0 135s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3C/g%3E%3C/svg%3E") !important; */
}

.video-text-section p {
    font-size: 1.5em;
    line-height: 1.5em;
}
.tao-garden-gallery {
    padding-top: 0;
}
#youtube-video {
    cursor: grab !important;
}


/* BECHI COMPONENTS */

.bechi-hero-wrapper {
    padding: 2em 2em 0 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.qigong-icon-container {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: center;
}
.bechi-benefit-icon {
    width: 32%;
}

#bechi-hero {
    padding: 3.5em 4em;
    background-color: #74b9ff;
    border-radius: 0.5em;
}
    #bechi-hero h2,
    #bechi-hero strong {
        color: white;
    }
    #bechi-hero strong {
        font-size: 3em;
    }
    #bechi-hero hr {
        border: 1.5px solid #ffeaa7;
        margin: 0.5em 0;
    }

.be-chi-benefits .major h2 {
    color: white;
    font-weight: 500;
    font-size: 2.5em;
}
.be-chi-benefits .major p {
    color: white;
}

.be-chi-benefits .feature h3 {
    color: white;
    font-weight: 500;
    text-align: center;
}

.be-chi-gallery {
    padding-top: 0;
}

.get-in-contact {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.get-in-contact .contact-logo {
    width: 22%;
    padding: 0 0 2em 0;
}
.get-in-contact .contact-name {
    font-size: 190%;
    margin:0 auto; 
    padding-bottom: 0;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-align:center;
    line-height:1.2em;
}
.get-in-contact .contact-company {
    font-size: 160%;
    text-align: center;
}
.get-in-contact .contact-address {
    font-size: 160%;
    margin:0.2em auto;
}
.get-in-contact .contact-phone {
    font-size: 200%;
    margin:0.5em auto;
    font-weight: 500;
}
.get-in-contact hr {
    width: 80%;
    margin: 1.5em auto 1em auto;
    border: 2px solid #DE5B4C;
}
.get-in-contact .contact-email {
    font-size: 220%;
    margin:0.2em auto;
}

/* TEACHER TRAINING */
.training-path-title {
    padding-top: 1em;
}
.training-path-section h3 {
    font-size: 2em;
}
.training-path-section p:first-of-type {
    /* margin: 0; */
    padding-top: 0.8em;
}
.training-path-section p {
    /* margin: 0; */
    padding-top: 0.2em;
}

.teacher-training-benefits .major h2 {
    color: white;
    font-weight: 500;
    font-size: 2.5em;
}
.teacher-training-benefits .major p {
    color: white;
}

.teacher-training-benefits .feature h3 {
    font-weight: 500;
    color: white;
    text-align: center;
}

.color-text {
    /* color: #74b9ff; */
    font-weight: 700;
}

/* BLOG */

    

    /* LOGIN */
    #login-button {
        width: 100%;
    }
    .error_message {
        color: #f35858;
    }

    /* ADMIN */
    .blog-post-item {
        text-align: left;
        margin-bottom: 0.5em;
    }
    .edit-toolbar p {
        margin-bottom: 0;
    }
    .edit-main {
        padding-top: 0.5em;
    }
    .set-thumbnail-active {
        color: #f35858 !important;
        border-color: rgba(243, 88, 88, 0.5) !important;
    }

.blog-row {
    padding-top: 2em !important;
}
    .blog-row:first-of-type {
        padding-top: 0 !important;
    }

.blog-post img {
    width: 100%;
    /* height: auto; */
    height: 220px;
    object-fit: cover;
}

.stream-header {
    margin-top: -2em;
}
.stream-item img {
    width: 100%;
    height: 280px;
    object-fit: contain;
}

    .stream-item p {
        font-size: 100%;
    }

.post-header-edit {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: space-between;
}
    .post-header-edit .edit-page {
        width: 50%;
    }
        .post-header-edit .edit-page header {
            display: flex;
            flex-direction: row;
            align-items: baseline;
            justify-content: space-between;
        }
            .post-header-edit .edit-page header h2 {
                white-space: nowrap;
                margin-right: 1em;
            }

.delete {
    font-size: 0.8em;
    border-bottom: 0;
}

/* BLOG SLIDER */

.blog-container {
    border-radius: 0.5em;
    padding: 0em 0 0 0;
}

.blog-section {
    padding-top: 5em;
    flex-direction: row-reverse;
}

.blog-slider {
    margin: 0em auto;
    border-radius: 0.2em;
    width: 85%;
}

.blog-sidebar {
    /* background-color: white;  */
    display: flex; 
    flex-direction:column; 
    justify-content: flex-start; 
    align-items: flex-start; 
    padding: 1em 0 2em 0;
    border-radius: 0.3em;
}

.blog-header {
    font-weight: 500;
    padding-left: 1.2em;
}

.blog-bottom-carousel {
    width: 80%;
    margin: 1em auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: row;
}

.blog-sidebar-item {
    /* background-color: #b2bec3; */

    border-radius: 0.4em;
    width: 80%; 
    height: auto;
    min-height: 150px;

    margin: 0.2em auto;
    /* padding: 1em; */

    /* padding-right: 0.5em; */

    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;

    font-family: inherit;
}

.blog-bottom-item {

    border-radius: 0.1em;
    height: auto;
    /* min-height: 150px; */

    width: 30%;

    margin: 1em 0;
    /* padding: 1em 0.5em; */

    /* padding-right: 0.5em; */

    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;

    font-family: inherit;
}

    .blog-bottom-item-text {
        z-index: 0;
        width: 100%;
        height: 100px;
        padding: 0.8em 1em;
        background-color: whitesmoke;
        /* border-radius: 0em 0.5em 0.5em 0; */
        border-radius: 0em 0 0.5em 0.5em;
        -webkit-box-shadow: 0px 6px 16px 1px rgba(0,0,0,0.5);
        -moz-box-shadow: 0px 6px 16px 1px rgba(0,0,0,0.5);
        box-shadow: 0px 6px 16px 1px rgba(0,0,0,0.5);
    }

    .blog-bottom-item-text h2 {
        font-size: 100%;
        font-weight: 500;
        padding: 0 0 0 0.1em;
    }

.blog-sidebar-item:first-of-type {
    /* margin-top: 2em; */
}
    .active-blog-item {
        -webkit-box-shadow: 0px 6px 16px 1px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 6px 16px 1px rgba(0,0,0,0.75);
        box-shadow: 0px 6px 16px 1px rgba(255,255,100,0.75);
    }
    .blog-sidebar-image {
        z-index: 1;
        width: 100%;
        height: 250px;
        object-fit: cover;
        height: auto;
        /* margin-top: 0.5em; */
        border-radius: 0.5em 0.5em 0 0;
        -webkit-box-shadow: 0px 0px 16px 1px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 16px 1px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 16px 1px rgba(0,0,0,0.75);
    }
    .blog-bottom-image {
        width: 100%;
        height: 200px !important;
        object-fit: cover;
        height: auto;
        max-height: 140px;
        /* margin-top: 0.5em; */
        /* border-radius: 0.5em 0 0 0.5em; */
        border-radius: 0.5em 0.5em 0 0;
        -webkit-box-shadow: 0px 0px 16px 1px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 16px 1px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 16px 1px rgba(0,0,0,0.75);
    }

    .blog-sidebar-item-text {
        z-index: 0;
        width: 100%;
        padding: 1em;
        background-color: whitesmoke;
        border-radius: 0 0 0.5em 0.5em;
        -webkit-box-shadow: 0px 6px 16px 1px rgba(0,0,0,0.5);
        -moz-box-shadow: 0px 6px 16px 1px rgba(0,0,0,0.5);
        box-shadow: 0px 6px 16px 1px rgba(0,0,0,0.5);
    }
    .blog-sidebar-item-text h2 {
        font-size: 200%;
        font-weight: 500;
        padding-left: 0.1em 0.2em;
    }

.blog-split-panel {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.blog-quote {
    border-left: #a255ff 2px solid;
    padding-left: 1em;
}

.blog-list {
    list-style-type: circle;
    padding: 1em 0 0 1.5em;
}
.blog-list li {
    font-size: 150% !important;
    letter-spacing: 0.03em;
    padding: 0.2em 0;
    /* font-weight: 400; */
}

.blog-list-o {
    padding: 1em 0 0 1.5em;
}
.blog-list-o li {
    font-size: 130% !important;
    letter-spacing: 0.03em;
    padding: 0.2em 0;
    /* font-weight: 400; */
}

.next-lesson-button {
    background: linear-gradient(90deg, #e3ffe7 0%, #d9e7ff 100%);
    padding: 0.6em;
    border-radius: 0.3em;
    margin-top: 1em;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.next-lesson-button.electric-blue { 
    background: #8E2DE2;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to top, #4A00E0, #8E2DE2);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to top, #4A00E0, #8E2DE2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */    
}

.next-lesson-button.electric-blue > strong {
    color: white;
    font-weight: 500;
}

.next-lesson-button:hover {
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
    transform: translateY(-1%);
}

.blog_home_item {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding: 1em;
}
    .blog_home_item img {
        width: 80%;
        height: auto;
        border-radius: 1em;
    }
    .blog_home_item .text-container {
        padding-left: 2em;
        padding-right: 2em;
    }

    .blog_home_item_head {
        display: flex;   
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 90%;
    }
    .blog_home_item .product-btn {
        margin-top: 1em;
        font-size: 80%;
    }
    .button-link {
        border-bottom: none;
    }

.slick-prev:before,
.slick-next:before {
    color: black !important;
}

/* STORE */
.store-slider {
    margin: 1em auto 0 auto;
}
.store-title {
    /* font-weight: 500; */
    text-align: center;
    margin-bottom: 0.5em;
}
.store_home_item_head {
    display: flex;   
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 90%;
}
.store_home_item_head .product-btn {
    margin-top: 1em;
    font-size: 70%;
}

.store_home_item {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding: 1em;
}
    .store_home_item img {
        width: auto;
        height: auto;
        max-height: 410px;
        border-radius: 1em;
    }
    .store_home_item .text-container {
        padding-left: 2em;
        padding-right: 2em;
        /* width:100%; */
    }

.store-item:hover {
    cursor: pointer;
}

/* INCLUDES */

#map {
	padding: 2em 0 0 0;

	background-image: -moz-linear-gradient(top, rgba(0,0,0,0.45), rgba(0,0,0,0.1)), url("../../images/gc_2.jpg");
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.45), rgba(0,0,0,0.1)), url("../../images/gc_2.jpg");
	background-image: -ms-linear-gradient(top, rgba(0,0,0,0.45), rgba(0,0,0,0.1)), url("../../images/gc_2.jpg");
	background-image: linear-gradient(top, rgba(0,0,0,0.45), rgba(0,0,0,0.1)), url("../../images/gc_2.jpg");
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

#map.qigong {
    background-image: -moz-linear-gradient(top, rgba(0,0,0,0.8), rgba(0,0,0,0.7)), url("https://images.unsplash.com/photo-1589138115101-2a18ae79750c?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80");
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.8), rgba(0,0,0,0.7)), url("https://images.unsplash.com/photo-1589138115101-2a18ae79750c?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80");
	background-image: -ms-linear-gradient(top, rgba(0,0,0,0.8), rgba(0,0,0,0.7)), url("https://images.unsplash.com/photo-1589138115101-2a18ae79750c?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80");
	background-image: linear-gradient(top, rgba(0,0,0,0.8), rgba(0,0,0,0.7)), url("https://images.unsplash.com/photo-1589138115101-2a18ae79750c?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80");
}

#map.wrapper {
    padding: 1em 0 0 0;
    margin: 0;
}

#map .map-title {
    color: white;
    font-weight: 500;
    padding-bottom: 0.5em;
}

#map .date {
    color: white;
    margin-bottom: 0;
}

#map .map-info-container {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* UTILITY */

.box-shadow {
    -webkit-box-shadow: 0px 6px 16px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 6px 16px 1px rgba(0,0,0,0.75);
    box-shadow: 0px 6px 16px 1px rgba(0,0,0,0.75);
}

.green-text {
    color: #00b894;
}

.bonus-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 0 auto 0 auto;
    text-align: center;
    width: 60%;

    background: rgba(255, 255, 255, 0.05);
    border: solid 1px rgba(255, 255, 255, 0.25);
    border-radius: 0.5em;
    padding: 1.75em 2.5em 1.75em 2.5em;
    display: inline-block;
    position: relative;
    z-index: 1;

}

.mc-online-welcome-image {
    text-align: center;
}
    .mc-online-welcome-image img {
        width: 90%;
        margin: 2em auto 0 auto;
        border-radius: 0.5em;
    }

.darkroom-benefit {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}

.darkroom-benefit-icon {
    margin: 0;
}
    .darkroom-benefit-icon span {
        width: 100%;
        height: auto;
        padding-top: 0.1em;
    }

.darkroom-promo {
    width: 70%;
}

.livestream-button {
    white-space: nowrap; 
    margin-left: 3em;
}

.livestream-banner-container {
    margin: 0 auto;
    width: 100%;
    max-width: 780px !important;
    height: auto;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}

.livestream-content {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.livestream-content-bottom {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 2em;
}
.livestream-content-bottom a {
    width: 48% !important;
    height: auto;
}

.livestream-content-image {
    width: 48%;
    height: auto;
    border-bottom: 0;
}
.livestream-content-text {
    width: 50%;
    text-align: left;
}
    .livestream-content-text p {
        color: black;
        font-size: 150%;
        line-height: 1.1em;
        letter-spacing: 0.02em;
        padding-left: 0.5em;
    }
    .livestream-content-text .list-item {
        font-size: 100%;
        line-height: 1.3em;
    }

.banner-text p {
    font-size: 200%;
}

/* MOBILE */
@media screen and (max-width: 1600px) {
    .livestream-banner-container {
        width: 75%;
    }

    .blog-container {
        width: 50% !important;
    }

    .blog-sidebar {
        width: 40% !important;
    }
}

@media screen and (max-width: 1300px) {
    .blog-bottom-carousel {
        margin: 0 0 0 1em;
        flex-direction: column;
    }

    .blog-bottom-item {
        width: 100%;
        flex-direction: row;
    }
    .blog-bottom-item:first-of-type {
        margin-top: 0;
    }
    .blog-bottom-item:last-of-type {
        margin-bottom: 0;
    }
        .blog-bottom-image {
            z-index: 1;
            width: 100px;
            height: 100px !important;
            max-height: none;
            border-radius: 0.5em 0 0 0.5em
        }
        .blog-bottom-item-text {
            height: 100px;
            z-index: 0;
            border-radius: 0em 0.5em 0.5em 0
        }

    .blog-section {
        flex-direction: column-reverse;
    }
    
    .blog-sidebar {
        width: 70% !important;
        margin: 2em auto;
        /* margin: 2em auto 2em 4.5em; */
        flex-direction: row;
    }
    .blog-sidebar-item {
        margin-top: 0;
        height: 370px;
    }
    .blog-sidebar-image {
        height: 70%;
    }
    .blog-sidebar-item-text {
        height: 50%;
    }
        .blog-sidebar-item-text h2 {
            font-size: 1.5em;
        }

    .blog-container {
        width: 90% !important;
        margin: 0 auto;
    }
    
}


@media screen and (max-width: 1200px) {
    #main-video,
    #become-a-sexual-master-video {
        width: 100%;
        height: 480px;
    }

    .livestream-content-text p {
        font-size: 130%;
    }

    /* .livestream-banner-container {
        width: 60%;
    } */
}

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

    .blog-container {
        width: 100% !important;
    }
    .blog-sidebar {
        width: 82% !important;
    }
    .blog-sidebar-image {
        height: 55%;
    }

    .blog_home_item .text-container {
        padding: 0;
    }

    .store-slider {
        width: 90%;
    }

    .tao-garden-home-item {
        font-size: 0.9em !important;
    }

    .tt-path-header {
        padding-bottom: 1em;
    }

    .tt-why-text {
        margin-bottom: 1.3em;
    }

    #main-video,
    #become-a-sexual-master-video {
        width: 100%;
        height: 420px;
    }

    .video-title-container h2 {
        font-size: 1.5em;
    }

    .video-home-header {
        margin-bottom: 2em !important;
    }

    .livestream-banner-container {
        width: 100%;
        font-size: 90%;
    }

    #hero p {
        font-size: 1.5em;
    }

    .darkroom-bg {
        padding: 3em 1.5em 3em 1.5em !important;
    }

    #mantak-crop-darkroom {
        width: 60%;
    }

    .livestream-content {
        flex-direction: column;
    }
    .livestream-content-image {
        width: 60%;
        margin: 0 auto;
    }
    .livestream-content-text {
        width: 100%;
        margin-top: 3em;
    }
}

/* BECHI */
@media screen and (max-width: 820px) {

    .store_home_item {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        /* padding: 1em; */
    }
        .store_home_item img {
            width: 55%;
            margin: 0 auto 2em auto;
        }
        .store_home_item_head {
            align-items: center;
            text-align: center;
            width: 100%;
        }
        /* .post-portrait {
            text-align: center;
        } */
            .post-portrait p {
                line-height: 1.8em;
                font-size: 110%;
                text-align: center;
            }
    
    .audio-product-benefit-list {
        font-size: 120%;
        text-align: center;
        line-height: 1.5em;
    }

    .video-home-header {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 0;
        margin-bottom: 0 !important;
    }

    .video-title-container {
        padding: 1.3em 0 0.8em 0;
    }

    #main-video,
    #become-a-sexual-master-video {
        width: 100%;
        height: 360px;
    }

    #hero header h2:first-child {
        font-size: 200%;
    }

    #header-wrapper.be-chi-bg-wrapper {
        background-position: 35%;
    }

    #bechi-hero {
        padding: 2em;
    }
        #bechi-hero strong {
            font-size: 2em;
        }
        #bechi-hero hr {
            border: 1.5px solid #ffeaa7;
            margin: 0.5em 0;
        }

    /* .bechi-benefit-icon:first-of-type {
        padding-top: 0;
    } */

    .qigong-icon-container {
        flex-direction: column;
        /* align-items: center; */
        justify-content: center;
        width: 50%;
        margin: 0 auto;
        padding-top: 0;
        padding-bottom: 1.5em;
    }

    .bechi-benefit-icon {
        width: auto;
        display: flex;
        flex-direction: row;
        align-items: center;
        /* padding-left: 20%; */
    }
        .bechi-benefit-icon h3 {
            padding-left: 1em;
            text-align: left !important;
        }
        .bechi-benefit-icon .featured {
            margin: 0;
        }

    #teacher-training-first-img {
        margin-bottom: 0 !important;
    }
        #teacher-training-first-img .image.featured {
            margin-bottom: 1em !important;
        }

    .teacher-training-title {
        font-size: 1.8em !important;
        margin-bottom: 0.5em;
    }

    .tao-garden-home-item {
        font-size: 1.2em !important;
    }

    .teacher-training-bg-wrapper #hero h2 {
        font-size: 2.2em;
        font-weight: 700;
    }

    #tt-healing-tao-image {
        text-align:center;
    }

    #tt-healing-tao-text {
        padding-top: 0;
    }

    .benefits > .feature:first-of-type {
        padding-top: 4em;
    }
    .benefits > .feature h3 {
        font-size: 2em;
        font-weight: 600;
    }
    .benefits > .feature p {
        font-size: 1.3em;
    }

    .darkroom-promo {
        width: 90%;
    }

    .darkroom-benefit {
        align-items: flex-start;
        margin: 0 !important;
    }
}

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

    .blog_home-title-header {
        font-size: 2em;
    }

    #bechi-hero {
        text-align: left;
    }

    .top-banner-container {
        /* flex-direction: column; */
        /* padding-top: 1em; */
    }
        .top-banner {
            /* height: 22vh !important; */
        }

    /* #hero p {
        font-size: 1.5em;
    } */
    #hero p {
        font-size: 1.5em;
    }

    .be-chi-byline {
        margin-top: 1em;
        font-size: 130%;
    }

    .blog-mobile-column {
        flex-direction: column-reverse;
    }

    .blog-mobile-column img:last-of-type {
        margin: 0 auto;
    }

    .blog-mobile-column img {
        width: 70% !important;
        margin: 4em auto;
    }
    
}

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

    .blog-sidebar {
        width: 80% !important;
    }

    .blog-sidebar-item {
        width: 100%;
    }
    .blog-sidebar-item-text h2 {
        font-size: 1.3em;
    }

    .blog-read-more-items-container {
        flex-direction: column;
    }
    .blog-read-more-item {
        width: 100%;
        margin-top: 2em;
    }
    .blog-read-more-item:first-of-type {
        margin-top: 0;
    }

    /* .blog-container {
        text-align: left;
        width: 90% !important;
    } */

    .newsletter-signup {
        padding-top: 2em !important;
        padding-bottom: 2em !important; 
    }

    .banner-container {
        width: 100%;
    }

    #main-video,
    #become-a-sexual-master-video {
        width: 100%;
        height: 300px;
    }

    .banner-text p {
        font-size: 1.2em;
    }

    .store_home_item_head .product-btn {
        font-size: 80%;
        line-height: 1.5em;
    }

    .livestream-content-image {
        width: 90%;
    }

    .livestream-content-bottom {
        flex-direction: column;
    }

    .livestream-content-bottom a:first-of-type {
        margin: 0 auto !important;
    }

    .livestream-content-bottom a {
        width: 90% !important;
        height: auto;
        margin: 2em auto !important;
    }

    .qigong-icon-container {
        width: 80%;
    }

    /* .livestream-banner-container {
        width: 80%;
    } */

}

@media screen and (max-width: 550px) {
    .store-slider {
        width: 80%;
    }

    .blog-sidebar {
        width: 80% !important;
        flex-direction: column;
    }
    .blog-sidebar-item {
        height: auto;
    }
    .blog-sidebar-image {
        height: 60%;
    }
    .blog-sidebar-item-text {
        height: 30%;
    }
    .blog-bottom-carousel {
        width: 100% !important;
        margin-left: 0;
    }

    .blog-bottom-item:first-of-type {
        margin-top: 2em;
    }

    .blog-sidebar-item-text h2 {
        font-size: 1.5em;
    }
    .blog-bottom-item-text h2 {
        font-size: 1.3em;
    }

    .blog-mobile-column img {
        width: 90% !important;
        margin-bottom: 0;
    }

    .get-in-contact .contact-email,
    .get-in-contact .contact-phone,
    .get-in-contact .contact-address
     {
        font-size: 150%;
        text-align: center;
    }

}

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

    .store_home_item img {
        width: 70%;
    }

    #main-video,
    #become-a-sexual-master-video {
        width: 100%;
        height: 240px;
    }

    .top-banner-container {
        flex-direction: column;
        /* padding-top: 1em; */
    }
    .livestream-button {
        margin-left: 0em;
        width: 100%;
    }
    
    #hero header h2:first-child {
        font-size: 180%;
        padding-bottom: 0.3em;
    }

    #hero p {
        font-size: 120%;
    }

    .bechi-hero-wrapper {
        padding: 4em 0 0 0;
    }
        #bechi-hero {
            padding: 1em 0.8em 2em 0.8em;
        }
            .bechi-benefit-icon {
                display: flex;
                flex-direction: row;
                align-items: center;
                padding-left: 0;
            }

    .be-chi-title {
        font-weight: 500;
        margin-bottom: 0.5em;
    }

    .mc-online-agenda-container {
        padding-bottom: 0 !important;
    }

    .mc-online-agenda-container .major p  {
        font-size: 1.3em;
    }

    .mc-online-agenda-container .major h2  {
        font-size: 2em;
    }

    .mc-online-agenda-container > .features:nth-of-type(2) {
        padding-top: 2em;
    }

    .bonus-container {
        width: 90%;
    }

    .gift-header-text {
        width: 90% !important;
    }

    .mc-online-welcome-image img {
        width: 100%;
    }

    .mc-online-welcome-family-msg {
        font-size: 1.3em !important;
    }

    #taogarden-benefits:last-child {
        padding-bottom: 4em;
    }

    #taogarden-benefits .major p  {
        font-size: 1.3em;
    }

    #taogarden-benefits .major h2  {
        font-size: 2em;
    }

    #taogarden-benefits > .features:nth-of-type(2) {
        padding-top: 2em;
    }

    .tao-garden-gallery .features:nth-of-type(2) {
        padding-top: 3em;
    }

    /* .banner-text p,
    .banner-text h2 {
        text-align: left;
    } */

    .banner-text h2 {
        font-weight: 600;
        font-size: 1.4em;
    }

    .banner-text p {
        font-size: 1em;
    }

    .banner-next-class {
        display: block;
    }

    #map {
        padding-top: 0em;
    }

    .upcoming-class {
        margin: 0 !important;
    }

    .upcoming-class header h2 {
        font-size: 1.5em;
    }

    .upcoming-class header p {
        font-size: 1.2em;
    }

    .tao-garden-gallery .feature {
        margin-bottom: 0;
    }

    .teacher-training-benefits .major h2 {
        text-align:center;
    }

    .teacher-training-benefits .benefits > .feature h3 {
        font-size: 1.6em;
        font-weight: 600;
        margin-bottom: 0.5em;
        line-height: 1em;
    }

    .teacher-training-benefits .benefits > .feature:first-of-type {
        padding-top: 2em;
    }

    .path-title {
        font-size: 2em !important;
    }

    .synthesis-container {
        padding-top: 2em;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
        .synthesis-container .molecule {
            width: 50%;
        }

    .darkroom-header {
        padding-top: 0.6em;
    }

    .be-chi-benefits .feature h3 {
        text-align: left;
        padding-left: 1em;
    }

    .darkroom-text-background {
        padding-top: 3em !important;
    }
        .darkroom-text-background .video-header {
            padding-bottom: 1em !important;
        }

    .darkroom-benefit-icon {
        text-align: center;
    }

    .darkroom-text-background .video-header h2 {
        font-size: 260%;
        padding: 0 0.2em 0 0.2em;
    }

    #mantak-crop-darkroom {
        width: 80%; 
    }

    .livestream-banner-container {
        width: 100%;
        font-size: 110%;
    }
}

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

    .bechi-benefit-icon h3 {
        font-size: 100% !important;
    }

    .get-in-contact .contact-email {
        font-size: 120%;
    }

    .white-action-learn-more a {
        font-size: 100% !important;
    }

    .white-actions a {
        font-size: 80%;
        line-height: 1.3em;
    }
}