/* @import url('"https://use.typekit.net/ubt8gim.css'); */


/* font-family: orpheuspro, serif;font-family: franklin-gothic-urw, sans-serif;  color: #b14e27;  color: #0b1f2e;  background-color: #fff8ef;  */

html {
    scroll-behavior: smooth;
    scroll-padding-top: 120px;
    /* height of sticky header */
}

:root {
    --orpheous: orpheuspro, serif;
    --franklin: franklin-gothic-urw, sans-serif;
    font-size: 16px;
    --Heading1: 72px;
    --upNextTitle: 72px;
    --Heading2: 70px;
    --Heading3: 24px;
    --Heading4: 36px;
    --Heading5: 20px;
    --LABEL: 21px;
    --TopperSubtitle: 28px;
    --pText: 16px;
    --pLargeText: 24px;
    --footerText: 31px;
    --upNextTitle: 72px;
    --poemQuoteTitle: 56px;
    --themeRelatedTopicsLink: 24px;
}


/* For Mobile Screens */

@media screen and (max-width: 480px) {
    :root {
        --pText: 14px;
        --Heading4: 21px;
        --pLargeText: 24px;
        --upNextTitle: 56px;
        --Heading1: 30px;
        --Heading2: 30px;
        --Heading3: 28px;
        --Heading5: 18px;
        --LABEL: 18px;
        --TopperSubtitle: 24px;
        --footerText: 21px;
        --poemQuoteTitle: 22px;
        --themeRelatedTopicsLink: 26px;
    }
}


/*For Laptop Screens*/

@media screen and (max-width: 1440px) and (min-width: 480px) {
    :root {
        --pText: 16px;
        --Heading4: 26px;
        --pLargeText: 24px;
        --upNextTitle: 72px;
        --Heading1: 50px;
        --Heading2: 50px;
        --Heading3: 26px;
        --Heading5: 20px;
        --LABEL: 21px;
        --TopperSubtitle: 26px;
        --footerText: 21px;
        --poemQuoteTitle: 40px;
        --themeRelatedTopicsLink: 28px;
    }
}

* {
    margin: 0;
    padding: 0;
}

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

html {
    -webkit-font-smoothing: antialiased;
    height: 100%;
    font-size: var(--pText);
    margin-top: 0 !important;
}

body {
    font-family: franklin-gothic-urw, sans-serif;
    font-size: var(--pText);
    font-weight: 400;
    line-height: 1.5;
    color: #231f20;
    background-color: #fff8ef;
    height: 100%;
    margin: auto;
    overflow-x: hidden;
}

@-moz-document url-prefix() {
    .separator-line {
        height: 2px !important;
    }
}

.topic-hero-container,
.teacher-hero-container,
.course-hero-container {
    min-height: 55vh !important;
}

.hero-topic-description-container p,
.hero-teacher-description-container p {
    line-height: 28px !important;
}

.footer-container {
    max-width: 1000px !important;
}

.theme-description-top-text {
    font-size: var(--TopperSubtitle);
    width: 18ch;
    line-height: 25px !important;
    font-weight: normal
}

.hero-theme-description-container {
    padding: 0px 20px !important;
}

.hero-theme-image-container {
    padding-right: 20px;
}

.header {
    max-width: 1220px !important;
}


/* End Scaling Down CSS for non retina screens */

.fixed-position {
    overflow-y: hidden;
}

ol,
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    color: inherit;
    transition: all 0.3s ease;
    text-decoration: none;
    cursor: pointer;
}

iframe {
    border: 0;
}

a,
a:focus,
a:hover {
    color: #000000;
    text-decoration: none;
    outline: 0;
}

img {
    max-width: 100%;
}

ul,
li {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
}

b,
strong {
    font-weight: bold;
}

.page-container {
    margin: 60px auto 0px auto;
    padding: 0px 0px;
    max-width: 1000px !important;
}

@media screen and (max-width: 769px) {
    .page-container {
        margin: 50px auto 0px auto;
        padding: 0px 0px;
        max-width: 767px !important;
    }
}

@media screen and (max-width: 480px) {
    .page-container {
        margin: 50px auto 0px auto;
        padding: 0px 0px;
        max-width: 480px !important;
    }
}

.label {
    font-family: franklin-gothic-urw, sans-serif;
    font-size: var(--LABEL);
    color: #0b1f2e;
    line-height: 25px;
    letter-spacing: 0.95px;
    text-transform: uppercase;
    font-weight: normal;
}

.label-active {
    color: #b14e27 !important;
}

h1 {
    font-family: orpheuspro, serif;
    font-size: var(--Heading1);
    font-weight: normal;
}

.preloader-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #fff8ef52;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.preloader-container img {
    width: 50px !important;
    height: 50px !important;
}


/*------------------Header--------------------*/

.header-wrapper {
    padding: 0px 20px;
    border-bottom: 0.5px solid rgba(177, 78, 39, 0.75);
}

.header {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    /* height: 89px; */
}

.sticky-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    z-index: 9999;
    background-color: #fff8ef;
}


/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */

.sticky-header+.header-container {
    padding-top: 102px;
}

.sidebar-sticky {
    position: sticky;
    position: -webkit-sticky;
    top: 90px;
    padding-bottom: 25px;
}

.navbar-sticky {
    position: sticky;
    position: -webkit-sticky;
    top: 55px;
    background: #fff8ef;
    z-index: 99;
    padding: 30px;
    border-bottom: 0.5px solid rgba(177, 78, 39, 0.3);
    padding-left: 0px;
    padding-top: 0px;
}

.header-container {
    width: 100vw !important;
    margin: 0 auto;
}

.desk-logo {
    width: 100px;
    height: 29.6px;
    margin: 0 8.7px 1.1px 0;
}

.search-btn {
    width: 21px;
    height: 21px;
    flex-grow: 0;
    /* margin: 10px 20.2px 10px 26.2px; */
    color: rgba(177, 78, 39, 0.94);
    font-size: var(--pText);
}

.log-in-btn,
.up-next-btn,
.feedback-submit-btn,
.save-button {
    width: 120px;
    height: 41px;
    flex-grow: 0;
    margin: 0px;
    border-radius: 80px;
    border: solid 1px rgba(177, 78, 39, 0.3);
    background-color: #b14e27;
    font-family: franklin-gothic-urw, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}

.save-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.log-in-btn a,
.up-next-btn,
.feedback-submit-btn a {
    color: #ffffff;
    text-decoration: none;
}

.nav-item {
    font-family: franklin-gothic-urw, sans-serif;
    font-size: var(--pText);
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 21px;
    letter-spacing: normal;
    text-align: right;
    color: #0b1f2e;
    position: static !important;
}

.nav-link:after {
    display: none;
}

.links a {
    font-family: franklin-gothic-urw, sans-serif;
    font-size: var(--pText);
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: #b14e27;
    white-space: normal;
}

.dropdown-menu {
    height: 400px;
    padding: 42px 42px 56.4px 28px;
    background-color: #fff8ef;
    /* margin-top: 33px; */
}

.dropdown-menu.show {
    top: 58px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border: none;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.dropdown-row {
    display: flex;
    flex-direction: row;
}

.dropdown-menu .links {
    overflow-y: auto;
    overflow-x: hidden;
}

.dropdown-menu .links ul {
    /* position: absolute; */
    bottom: 0px;
    column-count: 2;
}

.dropdown-menu .links::-webkit-scrollbar {
    width: 8px;
    border-radius: 20px;
    overflow-y: scroll !important;
}


/* Track */

.dropdown-menu .links::-webkit-scrollbar-track {
    background: rgba(177, 78, 39, 0.3);
    border-radius: 20px;
}


/* Handle */

.dropdown-menu .links::-webkit-scrollbar-thumb {
    background: rgba(177, 78, 39, 0.3);
    border-radius: 20px;
}


/* Handle on hover */

.dropdown-menu .links::-webkit-scrollbar-thumb:hover {
    background: rgba(177, 78, 39, 0.5);
}

.dropdown-col {
    height: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-end;
}

.dropdown-item:focus,
.dropdown-item:hover {
    background-color: transparent;
}

.description {
    border-right: 0.5px solid rgba(177, 78, 39, 0.3);
    display: flex;
    justify-content: space-between;
}

.description h2 {
    font-family: franklin-gothic-urw, sans-serif;
    font-size: var(--pText);
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: 0.95px;
    text-align: left;
    color: #0b1f2e;
}

.description p {
    /* font-family: OrpheusPro;
    font-size: 42px; */
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.03;
    letter-spacing: normal;
    text-align: left;
    color: #0b1f2e;
}

.animated-icon2 {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    width: 32px;
    height: 32px;
    padding: 6px 14px;
    /* position: absolute; */
    right: 0;
    /* margin-left: 15px;
    margin-right: 15px; */
}

.navbar-toggler {
    color: #fff8ef;
}

.animated-icon2 span {
    width: 4px;
    height: 4px;
    margin: 4px 0;
    background-color: #000000;
    border-radius: 50%;
}

.navbar-nav {
    margin-right: 20px;
}

.search-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-container-field-input {
    display: none;
    width: 0px;
    border-radius: 0px;
    background-color: #fff8ef;
    border: 0px;
    border-bottom: 1px solid rgba(177, 78, 39, 0.3);
    margin: 0px 10px;
}

.search-container-field-input:focus {
    outline: none;
}

.close-search-input-img {
    width: 0px;
    cursor: pointer;
}

.logged-in-btn {
    margin-right: 20px;
}

.user-avatar-container {
    width: 30px;
    height: 40px;
}

.user-avatar-container button {
    background-color: transparent;
}

.user-avatar-icon {
    width: 100%;
    height: 100%;
    border-top-left-radius: 100% 80%;
    border-top-right-radius: 100% 80%;
}

.user-avatar-btn {
    width: 30px !important;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    object-position: 50% 0%;
    border-top-left-radius: 100% 80%;
    border-top-right-radius: 100% 80%;
}

.library-button-container {
    width: 23px;
    height: 24px;
}

.user-avatar-container-dropdown {
    display: none;
}

.user-avatar-container-dropdown.show {
    top: 48px;
    height: fit-content;
    height: -moz-max-content;
    min-width: fit-content;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    background-color: #fff;
    color: #0b1f2e;
    text-align: left;
    box-shadow: none;
    border: 0.5px solid rgba(177, 78, 39, 0.3);
    padding-left: 0px;
    padding-right: 0px;
    border-radius: 0px;
}

.user-avatar-container-dropdown li {
    width: 100%;
    text-align: center;
}

.user-avatar-container-dropdown li:hover {
    background-color: rgba(177, 78, 39, 0.3);
    cursor: pointer;
}

.user-avatar-container-dropdown li .dropdown-item:hover {
    color: #b14e27;
}

.user-avatar-container button {
    border: 0px;
}

.user-avatar-container button::after {
    content: "";
    display: none;
}

.nav-item.log-in {
    display: none;
}

.search-container {
    margin-right: 20px;
}

.logged-in-icons-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.logged-in-icons-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.navbar-expand-xl {
    justify-content: space-between;
}

@media screen and (max-width: 1440px) {
    /* .mob-logo,
    .log-in {
        display: none;
    } */
}

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

    /* .mob-logo,
    .log-in {
        display: none;
    } */
    .nav-link {
        margin-left: 26px;
    }

    .dropdown-menu .links ul {
        /* position: absolute; */
        bottom: 0px;
        column-count: 1;
    }

    .dropdown-col {
        display: block;
    }

    .nav-link {
        margin-left: 0px;
    }
}

@media screen and (max-width: 1201px) {
    .header .log-in-btn {
        display: none;
    }

    .search-container {
        /* position: absolute; */
        right: 32px;
        margin-right: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .header-wrapper {
        padding: 0px;
    }

    .nav-item {
        border-bottom: 0.5px solid rgba(177, 78, 39, 0.3);
    }

    .nav-item.log-in {
        display: block;
    }

    .nav-link {
        margin-right: 0px;
        margin-left: 0px;
        margin-bottom: 1px solid rgba(177, 78, 39, 0.3);
        padding-top: 10px;
        padding-bottom: 10px;
        text-transform: uppercase;
        font-size: 14px;
    }

    .nav-item a {
        text-align: left;
        margin-left: 20px;
    }

    .dropdown-menu {
        height: 100%;
        padding: 0px;
        margin-top: 0px;
    }

    .dropdown-menu.show {
        box-shadow: none;
    }

    .navbar-collapse {
        position: absolute;
        top: 60px;
        height: initial;
        width: 100%;
        background: #fff8ef;
        z-index: 999;
        left: 0px;
    }

    .dropdown-col {
        padding: 0px;
    }

    .menu-item .description {
        display: none;
    }

    /*.dropdown-item {
        padding-left: 0px;
    }*/

    .my-collection-edit-button-dropdown-menu .dropdown-item {
        padding-left: 1.5rem;
    }

    .navbar-toggler:focus {
        outline: none;
    }

    .search-btn {
        margin-right: 0px;
    }

    .dropdown-menu .links ul {
        position: inherit;
        bottom: 0px;
    }

    .navbar-nav {
        height: 100%;
        overflow-y: auto;
    }

    .navbar-nav::-webkit-scrollbar {
        width: 8px;
        border-radius: 20px;
        overflow-y: scroll !important;
    }

    /* Track */
    .navbar-nav::-webkit-scrollbar-track {
        background: rgba(177, 78, 39, 0.3);
        border-radius: 20px;
    }

    /* Handle */
    .navbar-nav::-webkit-scrollbar-thumb {
        background: rgba(177, 78, 39, 0.8);
        border-radius: 20px;
    }

    /* Handle on hover */
    .navbar-navy::-webkit-scrollbar-thumb:hover {
        background: rgba(177, 78, 39, 0.5);
    }

    .dropdown-menu .links ul {
        /* position: absolute; */
        bottom: 0px;
        column-count: 1;
    }

    .dropdown-col {
        height: 100%;
        display: block;
        align-items: flex-start;
        flex-direction: column;
        justify-content: flex-end;
    }

    .search-container-field-input {
        width: 100vw;
    }

    .navbar-nav {
        margin-right: 0px;
    }

    .nav-item {
        font-family: franklin-gothic-urw, sans-serif;
        font-size: 12px;
        white-space: nowrap;
    }

    .log-in-btn {
        width: 100px;
        height: 30px;
        font-size: 12px;
    }

    .navbar-nav {
        margin-right: 5px;
    }

    .navbar-brand {
        margin-right: 1px;
    }

    /* .search-container,
    .home-button-container,
    .library-button-container,
    .user-avatar-container {
        position: absolute !important;
    } */
    /* .search-container {
        right: 150px;
    }
    .home-button-container {
        right: 120px;
    }
    .library-button-container {
        right: 80px;
    } */
    /* .user-avatar-container {
        right: 35px;
    } */
    .user-profile-image-wrapper {
        width: 100%;
        height: 340px !important;
    }

    .logged-out-search-btn {
        margin-right: 50px;
        right: 0px;
    }

    .logged-in-icons-container {
        flex-direction: row-reverse;
    }
}

@media screen and (max-width: 768px) {
    .sidebar-sticky {
        position: relative;
        position: relative;
        top: 0px;
        padding-bottom: 0px;
    }

    .navbar-sticky {
        position: relative;
        display: none;
    }
}

@media screen and (max-width: 576px) {
    .home-page-hero-image-wrapper {
        border-right: 0px !important;
    }

    .user-profile-following-items-menu-container .navbar-toggler span {
        color: #fff;
        background-color: #b14e27;
    }
}

@media screen and (max-width: 480px) {
    .navbar-brand img {
        width: 100%;
    }

    .search-container {
        /* position: absolute; */
        right: 32px;
        margin-right: 10px;
    }

    .logged-in-btn {
        margin-right: 10px;
    }

    .navbar-expand-xl {
        flex-flow: nowrap;
    }
}

@media screen and (max-width: 320px) {
    .navbar-brand {
        margin-right: -20px;
    }
}


/*------------------Header End--------------------*/


/*-------------HERO-----------*/


/* .hero {
    padding-right: 20px;
    padding-left: 20px;
} */


/* .hero .col-sm-6:first-child,
.hero .col-lg-6:first-child {
    padding-left: 0px;
} */

.hero-wrapper {
    padding-top: 45px;
    padding-bottom: 45px;
    margin: 0 auto;
}

.hero .follow-button-active img {
    margin-left: 10px;
}

.hero-container {
    height: 100%;
    margin: 0 auto;
}

.topic-hero-container {
    min-height: 55vh;
}

.topic-hero-container .small-title {
    align-items: center;
}

.topic-hero-container .topic-icons {
    align-items: center;
}

.teacher-hero-container .small-title {
    align-items: center;
}

.teacher-hero-container .topic-icons {
    align-items: center;
}

.hero-video-title-container .small-title,
.hero-video-title-container .topic-icons,
.hero-book-title-container .topic-icons,
.hero-book-title-container .small-title {
    align-items: flex-start;
}

.hero-topic-title-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-right: 0.5px solid rgba(177, 78, 39, 0.3);
    padding-top: 15px;
    /* padding-right: 30px; */
    /* min-width: 50%; */
}

.hero-teacher-title-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 15px;
}

.hero-teacher-title-container .follow-button-active img {
    margin-left: 10px;
}

.small-title {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 20px;
}

.small-title>h2 {
    margin: 0px;
}

.report-button-container {
    align-self: flex-end;
    top: 0px;
    position: absolute;
}

.topic-icons {
    /* font-size: 20px; */
    color: #b14e27;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
}

.topic-icons .add-btn {
    margin-top: -5px;
}

.topic-icons>* {
    margin-right: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.topic-icons .post-icons-btn {
    margin-left: 0px;
    margin-top: 0px !important;
}

.hero .saves {
    display: none;
}

.number {
    font-size: 10px;
    color: rgba(11, 31, 46, 0.5);
    padding: 0px;
    text-align: center;
    margin: 0px;
}

.hero-topic-description-container {
    display: flex;
    /* align-items: flex-end; */
    flex-direction: column;
    justify-content: flex-end;
    padding: 0px 20px;
}

.hero-topic-description-container p {
    font-family: franklin-gothic-urw, sans-serif;
    font-size: var(--pText);
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 32px;
    letter-spacing: normal;
    text-align: left;
    color: #0b1f2e;
    margin-bottom: 1.5rem;
}

.large-topic-title {
    word-wrap: break-word;
    width: 100%;
    hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
}

.share-btn {
    width: 18px;
    cursor: pointer;
}

.see-more-link {
    text-decoration: underline;
    color: #666;
}

.summaryModal {
    text-decoration: none !important;
    overflow-y: hidden;
}

.summaryModal .modal-header {
    border-bottom: 0.5px solid rgba(177, 78, 39, 0.3);
    color: #000000;
    font-weight: bolder;
    font-size: var(--pText);
}

.summaryModal .modal-content {
    background-color: #fff8ef;
    color: black;
    padding: 0px 20px;
    height: 70vh;
}

.summaryModal .modal-body {
    font-size: 16px !important;
    font-weight: 300;
    text-decoration: none !important;
    overflow-y: auto;
    white-space: break-spaces;
}

.summaryModal .modal-body p {
    white-space: break-spaces;
}

.summaryModal .modal-body::-webkit-scrollbar {
    width: 8px;
    border-radius: 20px;
    overflow-y: scroll !important;
}


/* Track */

.summaryModal .modal-body::-webkit-scrollbar-track {
    background: rgba(177, 78, 39, 0.3);
    border-radius: 20px;
}


/* Handle */

.summaryModal .modal-body::-webkit-scrollbar-thumb {
    background: rgba(177, 78, 39, 0.3);
    border-radius: 20px;
}


/* Handle on hover */

.summaryModal .modal-body::-webkit-scrollbar-thumb:hover {
    background: rgba(177, 78, 39, 0.5);
}

.like-btn-wrapper a {
    display: flex;
    flex-direction: column;
}

.up-next-title {
    width: 100%;
    font-size: var(--upNextTitle);
    font-family: var(--orpheous);
    font-weight: normal;
}

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

    .hero .col-sm-6:first-child,
    .hero .col-lg-6:first-child {
        padding-left: 15px;
    }

    .hero-wrapper {
        padding: 30px 20px;
    }
}


/* For Tablet Screens*/

@media screen and (max-width: 1023px) and (min-width: 480px) {
   /* .hero-topic-title-container {
        border: 0px;
    } */
}


/* For Mobile Screens */

@media screen and (max-width: 480px) {
    .topic-icons {
        flex-direction: row;
        justify-content: space-around;
        align-items: flex-start;
    }

    .like-btn-wrapper,
    .save-btn-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .topic-icons a {
        display: flex;
    }

    .small-title {
        margin-bottom: 50px;
    }

    .hero-topic-description-container {
        padding-top: 30px;
        padding-left: 0px;
    }

    .hero-topic-description-container p {
        text-align: left;
        font-size: var(--pText);
    }

    .hero {
        height: 100%;
        padding: 20px;
    }

    .hero-topic-title-container {
        border: none;
        width: 100%;
        min-width: 100%;
        padding-left: 0px;
    }

    .hero .large-title,
    .up-next-title {
        font-size: calc(var(--upNextTitle) * 0.8);
    }

    .hero-wrapper {
        height: 100%;
    }

    /* .summaryModal .modal-body {width: 20ch;} */
    .summaryModal p {
        word-break: break-word;
    }

    .topic-icons .add-btn {
        margin-top: 0px;
    }

    .up-next-title {
        font-size: 40px;
    }
}


/*-------------GET STARTED-----------*/

.get-started {
    padding-top: 45px;
    padding-bottom: 45px;
    /* height: 475px; */
    padding-left: 20px;
    padding-right: 20px;
}

.get-started-wrapper {
    margin: 0 auto;
}

.get-started-col {
    padding: 0px;
}

.get-started-carousel-col {
    padding-left: 12px;
}

.get-started-row {
    width: 100%;
    margin: 0 auto;
}

.get-started-col img {
    width: 100%;
}

.get-started-carousel {
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    position: relative;
    margin: 0px;
}

.get-started-carousel .slick-slide>div {
    height: 100% !important;
}

.get-started-carousel-item {
    height: 100%;
    border-right: 0.5px solid rgba(177, 78, 39, 0.15);
    border-left: 0.5px solid rgba(177, 78, 39, 0.15);
    padding: 0px 40px 0px 25px;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between;
}

.get-started-postcard-quotes {
    display: block;
    width: 20px !important;
    margin-bottom: 20px;
}

.get-started-prev img {
    transform: rotate(180deg);
}

.arrow-col {
    border: none !important;
    display: flex !important;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
}

.get-started-carousel-item .topic-heading {
    font-family: franklin-gothic-urw, sans-serif;
    font-size: var(--Heading5);
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 31px;
    letter-spacing: normal;
    text-align: left;
    color: #0b1f2e;
    align-self: flex-start;
    word-break: break-word;
}

.get-started-link {
    /* display: flex;/* align-items: flex-start; */
    /* justify-content: space-between;flex-direction: column;  */
    height: 100%;
    width: 100%;
}

.get-started-prev {
    align-items: flex-start;
}

.get-started-label {
    font-weight: 400;
    font-size: 18px;
}

.teacher-name {
    font-size: var(--pText);
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 25px;
    letter-spacing: normal;
    text-align: left;
    color: #b14e27;
    margin-bottom: 0px;
}

.get-started .slick-next {
    left: 90%;
    top: 90%;
}

.get-started .slick-next:before {
    content: "";
    background-image: url("../images/directionArrow.svg");
    width: 150px;
    height: 50px;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: -65px;
    position: absolute;
    top: -75%;
}

.get-started .slick-prev {
    position: absolute;
    left: 90%;
    top: 10%;
}

.get-started .slick-prev:before {
    content: "";
    background-image: url("../images/directionArrow.svg");
    width: 150px;
    height: 50px;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: -75px;
    position: absolute;
    top: -15px;
    transform: rotate(180deg);
}

.get-started-mobile-arrow {
    display: none !important;
}


/* For Tablet Screens*/

@media screen and (max-width: 1024px) and (min-width: 480px) {
    .get-started .slick-next {
        left: 87%;
        top: 90%;
    }

    .get-started .slick-prev {
        position: absolute;
        left: 87%;
        top: 10%;
    }
}


/* For Mobile Screens */

@media screen and (max-width: 480px) {
    .get-started-carousel-item {
        border: none;
    }

    .get-started-carousel {
        padding-top: 32px;
        padding-bottom: 30px;
        border-top: 0.5px solid rgba(177, 78, 39, 0.3);
        border-bottom: 0.5px solid rgba(177, 78, 39, 0.3);
        min-height: 317px;
    }

    .get-started-col {
        padding: 23px 0px 23px 0px;
    }

    .get-started-container {
        padding: 0px;
    }

    .get-started-wrapper {
        border: none;
    }

    .get-started-carousel-item .teacher-name {
        display: inline;
    }

    .get-started-carousel .slick-arrow::before {
        background-image: url("../images/directionArrow-small.png");
    }

    .get-started .slick-next {
        left: 90%;
        top: 90%;
    }

    .get-started .slick-prev {
        position: absolute;
        left: 90%;
        top: 10%;
    }

    .get-started .slick-next::before {
        width: 80px !important;
    }

    .get-started .slick-prev::before {
        width: 80px !important;
    }

    .get-started-carousel .slick-list {
        width: 65%;
    }
}


/*-------------FILTER-----------*/

.filter {
    background-color: #fff8ef;
    margin: 45px auto;
}

.filter-container-row {
    margin: 0 auto;
}

.filter-heading {
    margin-bottom: 35px;
}

.video-filter-heading {
    font-size: 26px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 31px;
    color: #0b1f2e;
}

.filter-heading-label-wrapper p {
    display: none;
}

.topic.more a,
.teacher.more a,
.type.more a,
.type-mobile.more a {
    color: grey;
}

.filter-by-topic,
.filter-by-teacher,
.filter-section .filter-by-type {
    margin-bottom: 56px;
}

.topic,
.teacher,
.type,
.type-mobile {
    font-size: var(--pText);
    /* cursor: pointer; */
    /*text-transform:lowercase;*/
}

.type h2 {
    font-size: 16px;
    font-weight: 400;
    font-family: var(--franklin);
}

.topic-active,
.teacher-active,
.type-mobile-active,
.availability-li-active,
.geography-li-active,
.city-li-active,
.country-li-active,
.video-duration-li-active {
    color: #b14e27;
    /* pointer-events: none; */
    cursor: default !important;
}

.topic-active a,
.teacher-active a,
.type-mobile-active a {
    color: #b14e27;
    /* pointer-events: none; */
    cursor: default !important;
}

.type-mobile {
    margin: 20px 0px;
}


/* .topic-name-text {text-transform: capitalize;} */

.list-group-item-active a {
    color: #b14e27 !important;
}

.more-type-dropdown {
    position: relative;
    display: block;
}

.more-type-dropdown-content {
    display: none;
    position: absolute;
    z-index: 1;
    background-color: white;
    padding: 1em;
    width: 200px;
}

.more-type-dropdown:hover .more-type-dropdown-content {
    display: block;
}

.type {
    color: #000;
    margin-right: 20px;
}

.caret img {
    width: 10px;
}

.type a,
.type-mobile a {
    display: inline;
    color: #000;
    font-size: var(--pText);
}

.type .active a {
    color: #b14e27 !important;
}

.active {
    color: #b14e27;
}

.active a {
    color: #b14e27;
}

.types {
    display: flex;
    align-items: flex-start;
    /* width: 80%; */
    /*justify-content: space-between;*/
}

.content-detail-filter {
    justify-content: flex-start;
}

.filter-section .filter-by-type {
    display: none;
}

.filter-arrow {
    display: none;
}

.filter-heading-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.filter-arrow-button,
.more-button {
    border: none;
    background-color: transparent;
    color: rgba(11, 31, 46, 0.5);
}

.filter-arrow-button:focus,
.more-button:focus {
    outline: none;
}

.modal {
    /* height: fit-content; */
    /* height: -moz-max-content; */
    min-height: 500px;
    margin-top: 80px;
    width: 100vw;
    /* overflow-y: hidden !important; */
}

.custom-dialog {
    max-width: 900px !important;
    height: 100% !important;
}

.custom-followers-dialog {
    max-width: 500px !important;
    /* height: initial !important; */
}

.create-collection-modal-image-container .create-collection-modal-error-message {
    margin: 0 auto;
    display: block;
    width: 24ch;
}

.modal-footer {
    border-top: 0px;
    height: 0px;
    padding: 0px;
}

#teacherMenuModal .modal-dialog,
#topicMenuModal .modal-dialog,
#typeMenuModal .modal-dialog {
    height: 100%;
}

#teacherMenuModal .modal-content,
#topicMenuModal .modal-content,
#typeMenuModal .modal-content {
    height: 100%;
}

#teacherMenuModal .modal-header,
#topicMenuModal .modal-header,
#typeMenuModal .modal-header {
    border-bottom: none;
}

#teacherMenuModal .modal-body ul li,
#topicMenuModal .modal-body ul li,
#typeMenuModal .modal-body ul li {
    margin-bottom: 30px;
}

.searchModal {
    max-width: 800px;
    background-color: #fff;
}

.searchModal .modal-content {
    padding: 0px 25px;
    border-radius: 0px;
}

.searchModal .modal-header {
    width: 100% !important;
    margin: 0 auto !important;
}

.custom-filter-dialog .modal-title {
    color: #b14e27;
}

.more-search-wrapper {
    width: 90%;
    display: inline;
    border: 0.5px solid #0b1f2e;
    padding: 12px;
    border-radius: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
}

.form-control {
    width: 50%;
    display: inline;
    border-right: 0px;
}

.searchModalBody {
    margin-top: 40px;
    overflow: hidden;
}

.searchModal .modal-body {
    overflow: hidden;
}

.searchModal .form-control:focus {
    outline: none !important;
    box-shadow: none !important;
}

.input-group-text {
    display: inline;
    padding: 0.375rem 0.75rem;
    font-size: var(--pText);
    font-weight: 400;
    line-height: 1.5;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(11, 31, 46, 0.5);
    border-left: 0px;
}

.modal-header button span {
    color: #b14e27;
}

.modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* padding: 1rem 0px; */
}

.filter-modal-search {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.modal .close {
    padding: 0px;
    margin: 0px;
}

.searchModalBody .scroll-col {
    height: 350px;
    overflow: auto;
}

.scroll-col::-webkit-scrollbar {
    width: 8px;
    border-radius: 20px;
}


/* Track */

.scroll-col::-webkit-scrollbar-track {
    background: rgba(177, 78, 39, 0.3);
    border-radius: 20px;
}


/* Handle */

.scroll-col::-webkit-scrollbar-thumb {
    background: rgba(177, 78, 39, 0.3);
    border-radius: 20px;
}


/* Handle on hover */

.scroll-col::-webkit-scrollbar-thumb:hover {
    background: rgba(177, 78, 39, 0.5);
}

.searchModalBody .list-group-item {
    margin-bottom: 0px;
    border: 0px;
    font-family: franklin-gothic-urw, sans-serif;
    font-size: var(--pText);
    padding: 0px;
    cursor: pointer;
    width: max-content;
}

.clear-all-filters {
    display: none;
}

#close-symbol {
    width: 20px;
}

.content-asset-filler-msg {
    color: #000;
    font-family: franklin-gothic-urw, sans-serif;
    margin: 30px 0px;
    text-align: center;
}

.content-asset-filler-msg a {
    color: #b14e27;
    cursor: pointer;
    text-decoration: underline;
}

@media screen and (max-width: 1440px) {
    .custom-dialog {
        height: 120% !important;
    }
}

@media screen and (max-width: 1024px) {
    .custom-dialog {
        height: 140% !important;
    }
}

@media screen and (max-width: 768px) {
    .type-filter-modal {
        height: fit-content !important;
        width: 320px !important;
    }
}
/* For Tablet Screens and Mobile*/

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

    /* .filter {background-color: #fff;} */
    .filter-section .filter-by-type {
        display: block;
    }

    .filter-heading-label-wrapper {
        padding-bottom: 20px;
        border-bottom: 0.5px solid rgba(177, 78, 39, 0.3);
    }

    .filter-heading-wrapper {
        padding-bottom: 10px;
        padding-top: 10px;
        border-bottom: 0.5px solid rgba(177, 78, 39, 0.3);
        margin-bottom: 10px;
    }

    .filter-arrow {
        display: inline;
        float: right;
    }

    .filter-by-type ul,
    .filter-by-topic ul,
    .filter-by-teacher ul {
        display: none;
    }

    .modal-body ul {
        display: block;
    }

    .filter-by-type,
    .filter-by-topic,
    .filter-by-teacher {
        margin-bottom: 0px;
    }

    .filter-icon::before {
        content: url("../images/filterSymbol.png");
        padding: 0px;
        width: 20px;
    }

    .searchModalBody .list-group-item {
        font-size: var(--pText);
        text-transform: capitalize;
        margin-bottom: 10px;
    }

    .searchModalBody {
        margin-top: 10px;
    }

    .clear-all-filters {
        display: block;
        font-size: var(--pText);
        color: rgba(11, 31, 46, 0.5);
        cursor: pointer;
        margin-top: 4px;
    }

    .filter-heading-clear-all {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        margin-top: 20px;
    }

    .searchModal .modal-content {
        padding: 0px 15px;
    }

    .searchModal .modal-title {
        font-size: 13px;
        margin-right: 10px;
    }

    #teacherMenuModal .modal-dialog,
    #topicMenuModal .modal-dialog,
    #typeMenuModal .modal-dialog {
        height: fit-content;
        width: 320px;
    }

    .custom-dialog {
        height: 240% !important;
    }
    .type-filter-modal {
        height: fit-content !important;
        width: 320px !important;
    }
}


/* For Mobile Screens */

@media screen and (max-width: 480px) {
    .custom-dialog {
        height: 180% !important;
    }

    .custom-filter-dialog .modal-title {
        color: #b14e27;
        font-size: 14px;
        margin-right: 10px;
    }
    .type-filter-modal {
        height: fit-content !important;
        width: 320px !important;
    }
}


/*-------------POST SECTION--------------*/

.post-section {
    margin-top: 25px;
    background-color: #fff8ef;
}

.post {
    padding: 20px 20px 20px 20px;
    margin: 20px 0px;
    background-color: #ffffff;
    margin-bottom: 20px;
    border: 0.5px solid rgba(177, 78, 39, 0.3);
}

.post-container:nth-child(even) {
    background-color: white;
}

.post-img-wrapper {
    /* width: 100%;height: 100%; */
    position: relative;
}

.post-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    overflow: hidden;
    object-position: 0% 0%;
}

.post-img-wrapper-video-duration {
    bottom: 0px;
    right: 0px;
    /* margin-right: 10px; */
    position: absolute;
    background-color: #0b1f2e;
    padding: 2px;
    font-size: 12px;
    font-family: "franklin-gothic-urw";
    color: white;
}

.post-title {
    font-size: var(--pLargeText);
    /* line-height: 32px; */
    width: 80%;
}

.post-title img {
    width: 30px;
}

.post-excerpt {
    font-size: var(--pText);
    margin-bottom: 20px;
    /* display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; */
}

.post-text-container {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    position: relative;
    justify-content: space-between;
}

.post-tags {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    /* position: absolute; */
    bottom: 0;
    margin: 0px;
}

.post-tags a {
    color: rgba(11, 31, 46, 0.5);
    font-size: var(--pText);
    text-transform: capitalize;
}

.post-tags a:not([href]):not([class]) {
    color: rgba(11, 31, 46, 0.5);
    font-size: var(--pText);
    text-transform: capitalize;
}

.post-row {
    border-bottom: 0.5px solid rgba(177, 78, 39, 0.3);
    padding-bottom: 30px;
    min-height: 200px;
}

.post-image-container {
    padding-left: 0px;
}

.post-author a {
    text-decoration: underline;
    text-transform: none;
}

.post-icons {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 20px 0px;
    position: relative;
    padding-bottom: 0px;
}

.post-icons-btn {
    margin-left: 15px;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.likes {
    padding: 0px;
    margin: 0px;
    text-align: center;
    cursor: pointer;
}

.like-btn {
    /* width: 22px; */
    /* height: 22px; */
    background-color: transparent;
    border: 0px;
    width: 20px;
}

.like-btn svg:hover {
    fill: #b14e27;
}

.save-btn {
    width: 15px;
    margin-bottom: -2px;
}

.topic-icons .save-btn {
    width: 15px;
    margin-bottom: 2px;
}

.post-share {
    padding-top: 2px;
    margin-top: 0px;
}

.post-share a {
    display: flex;
}

.post-section .slick-arrow {
    top: 100%;
    color: #b14e27;
    margin-top: 15px;
}

.post-section .slick-arrow {
    width: fit-content;
    z-index: 3;
}

.post-section .slick-dots {
    margin-top: 33px;
    z-index: 2;
}

.post-section .slick-prev:before,
.post-section .slick-next:before {
    /* color: #b14e27;content: ""; */
    display: none;
}

.post-section .slick-prev {
    content: "";
    left: 20px;
    font-size: var(--pText);
}

.post-section .slick-next {
    right: 20px;
    content: "";
    font-size: var(--pText);
}

.post-section .slick-dots li button {
    font-size: var(--pText);
    border-radius: 50%;
    color: #b14e27;
    width: 30px;
    height: 30px;
}

.post-section li.slick-active button {
    border: 0.5px solid rgba(177, 78, 39, 0.3);
}

.post-section .slick-dots li button:before {
    content: "";
}

.post-section .slick-dots li {
    margin-left: 20px;
}

.post-likes-button {
    font-size: 20px;
    color: #b14e27;
    cursor: pointer;
}

.post-likes-button:hover {
    color: rgba(177, 78, 39, 0.5);
}


/* For Tablet Screens*/

@media screen and (max-width: 1440px) and (min-width: 480px) {
    /* .post-text-container {margin-top: 10px;} */
}


/* For Mobile Screens */

@media screen and (max-width: 576px) {
    .post-img-container {
        padding: 0px;
    }
}

@media screen and (max-width: 480px) {
    .filter {
        padding-left: 0px;
    }

    .post-filter-container .filter-by-type {
        display: none;
    }

    .filter-heading-label-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .filter-heading-label-wrapper p {
        display: block;
        font-size: var(--pText);
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.2;
        letter-spacing: 0.81px;
        text-align: right;
        color: rgba(11, 31, 46, 0.5);
        margin-bottom: 0px;
    }

    .post {
        padding-left: 20px;
        padding-right: 20px;
    }

    .post .slick-cloned {
        display: none;
    }

    .post .slick-active {
        width: 100vw;
    }

    .post-title {
        font-size: var(--pLargeText);
        line-height: 29px;
        margin-top: 30px;
        margin-bottom: 10px;
    }

    .post-title-re-order {
        font-size: 12px;
        line-height: 20px;
        margin-top: 20px;
        margin-bottom: 20px;
        white-space: nowrap;
    }

    .post-img-container-reorder {
        padding-left: 5px !important;
        padding-right: 0px !important;
    }

    .row-post-img-container-reorder {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .post-img-reorder {
        object-position: 50% 50% !important;
    }

    .post-filter-container {
        padding: 0px;
    }

    .post-row,
    .post-tags {
        width: 100%;
        margin: 0 auto;
    }

    .post-tags {
        margin-top: 20px;
    }

    .post-icons {
        width: 100%;
        margin: 0 auto;
        padding-right: 20px;
        /* padding-top: 0px; */
        padding-bottom: 0px;
    }

    .post-excerpt {
        font-size: var(--pText);
        margin-bottom: 40px;
        margin-top: 20px;
        width: 100%;
        word-break: break-all;
    }

    /* #dynamic_content_postcard {padding-left: 20px;} */
}


/*---SLICK WIDTH--*/


/* .slick-arrow {width: 5px !important;height: 5px !important;background-color: #000 !important;} */

.healing-approaches-carousel .slick-slider,
.related-topics-carousel .slick-slider,
.related-teachers-carousel .slick-slider {
    width: 90% !important;
}

.related-topics-carousel .slick-next:before,
.related-teachers-carousel .slick-next:before,
.healing-approaches-carousel .slick-next:before {
    left: -10px !important;
}

.get-started-carousel .slick-list {
    width: 80%;
}

.get-started-carousel .slick-track,
.get-started-carousel .slick-list {
    height: 100%;
}


/*-----EXPLORE RELATED HEALING APPROACHES-----*/

.healing-approaches,
.suggested-for {
    /* min-height: 371px; */
    padding: 0px 20px;
    margin: 45px auto;
}

.healing-approaches-container,
.suggested-for-container {
    /* border-bottom: 0.5px solid rgba(177, 78, 39, 0.3); */
    height: 100%;
    /* padding-bottom: 100px; */
}

.healing-approaches-icon-text,
.suggested-for-icon-text {
    display: none;
    width: 20ch;
    top: -120px;
    left: 24%;
    position: absolute;
    background-color: #fff8ef;
    box-shadow: 5px 5px 5px 5px rgb(0 0 0 / 5%);
    padding: 10px;
    color: #b14e27;
    z-index: 100;
}

.healing-approaches .label,
.suggested-for .label {
    color: #0b1f2e;
    margin-bottom: 20px;
}

ul.healing-approaches-carousel {
    columns: 3;
    column-rule: 0.5px solid rgba(177, 78, 39, 0.3);
}

.healing-approaches-carousel li {
    padding-left: 10px;
    break-inside: avoid-column;
}

.healing-approaches-link {
    font-size: var(--Heading3);
    line-height: 35px;
    color: #0b1f2e;
    font-family: orpheuspro, serif;
    white-space: nowrap;
}

.healing-approaches-carousel-item {
    width: 200px;
    border-right: 0.5px solid rgba(177, 78, 39, 0.3);
    padding: 0px 0px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    margin-right: 31px;
}

.healing-approaches-link:hover {
    color: #b14e27;
}

.healing-approaches-carousel .slick-prev:before,
.healing-approaches-carousel .slick-next:before {
    color: #b14e27;
}

.healing-approaches-carousel .slick-prev {
    position: absolute;
    left: 100%;
    top: 0%;
}

.healing-approaches-carousel .slick-prev:before {
    content: "";
    background-image: url("../images/directionArrow.svg");
    width: 150px;
    height: 50px;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top: -50%;
    margin-left: -30px;
    transform: rotate(180deg);
}

.healing-approaches-carousel .slick-next {
    right: 0%;
    top: 100%;
}

.healing-approaches-carousel .slick-next:before {
    content: "";
    background-image: url("../images/directionArrow.svg");
    width: 100px;
    height: 50px;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: -25px;
    left: 100%;
}

.healing-approaches-carousel-item {
    width: 100%;
}

@media screen and (max-width: 768px) {
    .related-teachers-carousel {
        flex-wrap: wrap;
    }

    .related-topics-carousel {
        flex-wrap: wrap;
    }

    .healing-approaches-carousel {
        flex-wrap: wrap;
    }

    .theme-related-topics-carousel {
        flex-wrap: wrap;
    }
}

.related-teachers-carousel-item {
    display: flex;
    flex-direction: column;
}

.related-topics-carousel-item {
    display: flex;
    flex-direction: column;
}

.healing-approaches-carousel-item {
    display: flex;
    flex-direction: column;
}

.theme-related-topics-carousel-item {
    display: flex;
    flex-direction: column;
}


/* For Tablet Screens*/

@media screen and (max-width: 1440px) and (min-width: 480px) {
    ul.healing-approaches-carousel {
        columns: 2;
        column-rule: 0.5px solid rgba(177, 78, 39, 0.3);
    }
}


/* For Mobile Screens */

@media screen and (max-width: 480px) {
    .healing-approaches-link {
        font-size: var(--Heading3);
        line-height: 32px;
        color: #0b1f2e;
        font-family: orpheuspro, serif;
    }

    .healing-approaches-carousel-item {
        border-right: none;
        margin-right: 0px;
        padding-left: 10px;
    }

    ul.healing-approaches-carousel {
        columns: 1;
        column-rule: 0.5px solid rgba(177, 78, 39, 0.3);
    }
}


/*-----RELATED TOPICS-----*/

.related-topics {
    padding: 0px 20px;
    margin: 45px auto;
}

.related-topics-container {
    height: auto;
    margin: 0 auto;
}

.related-topics .label {
    margin-bottom: 26px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: left;
    color: #0b1f2e;
}

.related-topics-link {
    font-size: var(--Heading3);
    line-height: 35px;
    color: #0b1f2e;
    font-family: orpheuspro, serif;
    white-space: nowrap;
}

.related-topics-carousel-item {
    border-right: 0.5px solid rgba(177, 78, 39, 0.3);
    /* margin-right: 20px; */
    margin-right: 31px;
    height: 100%;
    padding-left: 0px;
}

.related-topics-link:hover {
    color: #b14e27;
}

.related-topics-carousel .slick-slide {
    width: 300px;
}

.related-topics-carousel .slick-prev:before,
.related-topics-carousel .slick-next:before {
    color: #b14e27;
}

.related-topics-carousel .slick-prev {
    position: absolute;
    left: 100%;
    top: 0%;
}

.related-topics-carousel .slick-prev:before {
    content: "";
    background-image: url("../images/directionArrow.svg");
    width: 150px;
    height: 50px;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top: -50%;
    margin-left: -30px;
    transform: rotate(180deg);
}

.related-topics-carousel .slick-next {
    right: 0%;
    top: 100%;
}

.related-topics-carousel .slick-next:before {
    content: "";
    background-image: url("../images/directionArrow.svg");
    width: 100px;
    height: 50px;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: -25px;
    left: 100%;
}

.theme-page-topics {
    width: 100%;
}

.related-topics-carousel-item {
    width: 100%;
}


/* For Tablet Screens*/

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


/* For Mobile Screens */

@media screen and (max-width: 480px) {
    .related-topics-link {
        font-size: var(--Heading3);
        line-height: 32px;
        color: #0b1f2e;
        font-family: orpheuspro, serif;
    }

    .related-topics-carousel-item {
        border-right: none;
        margin-right: 0px;
        padding-left: 10px;
    }
}


/*-----RELATED TEACHERS-----*/

.related-teachers {
    /* min-height: 371px; */
    padding: 0px 20px;
    margin: 45px auto;
}

.related-teachers-container {
    height: 100%;
}

.related-teachers .label {
    color: #0b1f2e;
    margin-bottom: 40px;
}

.related-teachers-link {
    /* font-size: var(--Heading3); */
    line-height: 35px;
    color: #0b1f2e;
    font-family: orpheuspro, serif;
    white-space: nowrap;
}

.related-teachers-link:hover {
    color: #b14e27;
}

.related-teachers-carousel-item {
    border-right: 0.5px solid rgba(177, 78, 39, 0.3);
    /* margin-right: 20px; */
    margin-right: 31px;
    flex: 0 0 auto;
    padding-left: 0px;
}

.related-teachers-link:hover {
    color: #b14e27;
}

.related-teachers-carousel .slick-slide {
    width: 300px;
}

.related-teachers-carousel .slick-prev:before,
.related-teachers-carousel .slick-next:before {
    color: #b14e27;
}

.related-teachers-carousel .slick-prev {
    position: absolute;
    left: 100%;
    top: 0%;
}

.related-teachers-carousel .slick-prev:before {
    content: "";
    background-image: url("../images/directionArrow.svg");
    width: 150px;
    height: 50px;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top: -50%;
    margin-left: -30px;
    transform: rotate(180deg);
}

.related-teachers-carousel .slick-next {
    right: 0%;
    top: 100%;
}

.related-teachers-carousel .slick-next:before {
    content: "";
    background-image: url("../images/directionArrow.svg");
    width: 100px;
    height: 50px;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: -25px;
    left: 100%;
}

.related-teachers-carousel-item {
    width: 100%;
}

.tooltip {
    position: inherit;
    display: inline-block;
    opacity: 1;
}

.tooltip .tooltipimg {
    visibility: hidden;
    width: 80px;
    height: 80px;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    position: absolute;
    z-index: 999;
    margin-left: 44px;
}

.tooltipimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    object-position: 0% 0%;
}

.tooltip:hover .tooltipimg {
    visibility: visible;
}


/* For Tablet Screens*/

@media screen and (max-width: 1000px) {
    .tooltip .tooltipimg {
        display: none;
    }
}


/* For Mobile Screens */

@media screen and (max-width: 480px) {
    .related-teachers-link {
        /* font-size: var(--Heading3); */
        line-height: 32px;
        color: #0b1f2e;
        font-family: orpheuspro, serif;
    }

    .related-teachers-carousel-item {
        border-right: none;
        margin-right: 0px;
        padding-left: 10px;
    }

    .tooltip .tooltipimg {
        left: 0%;
    }
}


/*-----UP NEXT-----*/

.up-next {
    padding: 0px 20px;
    padding-top: 64px;
    padding-bottom: 170px;
}

.up-next-container {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    margin: 0 auto;
}

.up-next-btn-container {
    margin-bottom: 1em;
}

.up-next-btn {
    padding: 6px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.up-next-btn {
    outline: none;
    border: 0px;
}


/* For Tablet Screens*/

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


/* For Mobile Screens */

@media screen and (max-width: 480px) {
    .up-next-container {
        display: block;
    }

    .up-next-btn {
        float: right;
        font-size: 18px;
    }
}


/* ------TEACHER PHOTO ATTRIBUTION-------- */

.teacher-photo-attribution {
    padding: 20px 20px;
    font-size: 16px;
}

.teacher-photo-attribution a {
    color: #b14e27;
    text-decoration: underline;
}


/*------FOOTER-----*/

footer {
    background-color: #0b1f2e;
    color: #fff;
    min-height: 375px;
    padding: 95px 50px;
    padding-bottom: 10px;
}

.footer-container {
    max-width: 1000px;
    margin: 0 auto;
}

.footer-text {
    font-family: orpheuspro, serif;
    font-size: var(--footerText);
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 38px;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    margin-bottom: 50px;
    width: 18ch;
}

.join-us {
    width: 124px;
    height: 48px;
    margin: 2px 0 0;
    font-size: var(--pText);
    line-height: 1.23;
    text-align: center;
    color: #ffffff;
    border-radius: 30px;
    border: 0.5px solid #fff;
    background-color: #0b1f2e;
}

.join-us a {
    color: #ffffff;
    text-decoration: none;
}

.footer-menu li a {
    font-size: var(--pText);
    line-height: 31px;
    margin-bottom: 20px;
    color: #fff;
}

.footer-row {
    align-items: flex-start;
    justify-content: space-between;
    margin: 0 !important;
}

.footer-menu-row {
    align-items: flex-start !important;
    justify-content: space-between;
}

.footer-findcenter-main-link {
    margin-bottom: 30px;
    margin-right: 30px;
}

.footer-findcenter-internal-link p,
.footer-findcenter-main-link p,
.footer-social-icon-row p {
    font-weight: bold;
    line-height: 38px;
}

.footer-menu-list a {
    color: white;
    white-space: nowrap;
}

.footer-menu-list-center-li {
    text-align: left;
}

.footer-menu-list::before {
    content: attr(aria-label);
    font-weight: bold;
    text-transform: uppercase;
}

.footer-menu-list {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

.footer-menu-list li {
    margin-bottom: 10px;
    break-inside: avoid-column;
}

.footer-copyright {
    margin-top: 100px;
}

.footer-copyright-text {
    text-align: center;
    font-family: franklin-gothic-urw, sans-serif;
    font-size: 16px;
    font-weight: 500;
}

.footer-about-text,
.footer-about-links {
    margin-bottom: 30px;
}

.footer-social-icon-list {
    display: flex;
    flex-direction: row;
}

.footer-social-icon-list-item {
    margin-right: 10px;
}

.footer-social-icon-row {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    /* align-items: flex-end !important; */
}


/* For Tablet Screens*/

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

@media screen and (max-width: 1024px) {
    .footer-menu-row {
        align-items: flex-start !important;
        justify-content: flex-start;
        flex-flow: wrap;
    }

    .footer-social-icon-row {
        flex-flow: nowrap;
        flex-direction: column;
    }
}

@media screen and (max-width: 1000px) {
    /* .footer-menu-row {
        align-items: flex-start !important;
        justify-content: space-between;
    } */
}

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

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


/* For Mobile Screens */

@media screen and (max-width: 480px) {
    .footer-menu-list {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
    }

    .footer-menu-interal-link {
        flex-basis: 100%;
    }

    .footer-menu-list-center-li {
        text-align: left;
    }

    .footer-menu-row {
        margin-top: 50px;
        margin-left: 0px;
    }

    .footer-menu-2 {
        margin-left: 10px;
    }

    .footer-menu {
        margin-left: 0px;
    }

    .footer-container .row {
        padding-left: 0px;
    }

    .footer-about {
        padding-left: 0px !important;
    }

    footer {
        background-color: #0b1f2e;
        color: #fff;
        min-height: 375px;
        padding: 95px 20px;
    }

    .footer-text {
        width: 100%;
    }

    .footer-social-icon-row {
        flex-direction: column;
    }
}


/*----------TEACHER PAGE----------*/

.teacher-hero-container {
    min-height: 620px;
}

.large-title-container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.teacher-header-row {
    align-items: flex-end !important;
}

.teacher-hero-container .large-title-container {
    justify-content: flex-end;
}

.hero-teacher-description-container p {
    font-family: franklin-gothic-urw, sans-serif;
    font-size: var(--pText);
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 32px;
    letter-spacing: normal;
    text-align: left;
    color: #0b1f2e;
    text-align: left;
    margin-bottom: 0px;
}

.hero-teacher-photo-container {
    width: 180px;
    height: 274px;
    float: right;
}

.teacher-photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
}

.hero .flag-img {
    display: inline;
    width: 20px !important;
    cursor: pointer;
}

.quote-author-link .flag-img {
    display: inline;
    margin-top: -24px;
    width: 11px !important;
    cursor: pointer;
}

.get-started-carousel .flag-img {
    display: inline;
    margin-left: 5px;
    margin-top: -10px;
    width: 11px !important;
    cursor: pointer;
    float: right;
}

.author-year .flag-img,
.quote-author-link .flag-img {
    width: 11px !important;
}

.author-year .flag-text,
.quote-author-link .flag-text {
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    z-index: 99;
    background-color: #fff8ef;
    padding: 10px;
    color: #b14e27;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    /*display: inline-block;*/
    margin-bottom: 0px;
    margin-left: 20px;
    display: none;
    width: 30ch;
    box-shadow: 5px 5px 5px 5px rgb(0 0 0 / 5%);
}

.get-started-carousel .flag-text,
.quote-author-link .flag-text {
    position: absolute;
    top: -90px;
    left: 0px;
    z-index: 99;
    background-color: #fff8ef;
    padding: 5px;
    color: #b14e27;
    font-size: 10px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    /*display: inline-block;*/
    margin-bottom: 0px;
    margin-left: 20px;
    display: none;
    width: 20ch;
    box-shadow: 5px 5px 5px 5px rgb(0 0 0 / 5%);
}

.get-started-carousel .teacher-flag-container {
    height: 0px !important;
    display: inline;
    right: 0px;
    width: fit-content;
}

.get-started-carousel-item a:nth-child(2) {
    display: inline-flex;
}

.theme-related-topics-carousel .flag-text {
    top: -75% !important;
}

.tab-pane .flag-text {
    top: -85%;
    position: absolute;
    left: 0;
    z-index: 99;
    background-color: #fff8ef;
    padding: 3px;
    color: #b14e27;
    font-size: 8px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    display: inline-block;
    margin-bottom: 0px;
    margin-left: 20px;
    /* display: none; */
    width: 36ch;
    box-shadow: 5px 5px 5px 5px rgb(0 0 0 / 5%);
}

.theme-related-topics-carousel .flag-text {
    position: absolute;
    top: 10%;
    left: 0;
    z-index: 99;
    background-color: #fff8ef;
    padding: 3px;
    color: #b14e27;
    font-size: 8px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    display: inline-block;
    margin-bottom: 0px;
    margin-left: 20px;
    /* display: none; */
    width: 36ch;
    box-shadow: 5px 5px 5px 5px rgb(0 0 0 / 5%);
}

.flag-img {
    display: inline;
    margin-left: 5px;
    cursor: pointer;
    width: 11px;
    margin-top: -10px;
}

.flag-text {
    position: absolute;
    top: 0;
    left: 10px;
    z-index: 99;
    background-color: #fff8ef;
    padding: 5px;
    color: #b14e27;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    /* display: inline-block; */
    margin-bottom: 0px;
    margin-left: 20px;
    display: none;
    width: 20ch;
    box-shadow: 5px 5px 5px 5px rgb(0, 0, 0, 0.05);
}

.flag-text a {
    color: #b14e27;
    text-decoration: underline;
}

.teacher-flag-container {
    display: inline;
    margin-left: 0px;
    position: relative;
    top: -5px;
}


/* .teacher-hero-container .large-title {word-wrap: break-word;width: 80%;} */

.teache-name-flag-cotainer {
    display: flex;
}


/* For Tablet Screens*/

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


/* For Mobile Screens */

@media screen and (max-width: 576px) {
    .teacher-hero-container .large-title-container {
        flex-direction: column-reverse;
        justify-content: space-evenly;
        align-items: flex-start;
    }

    .hero-teacher-photo-container {
        float: left;
    }
}

@media screen and (max-width: 480px) {
    .large-title-container {
        flex-direction: column-reverse;
        justify-content: space-evenly;
        align-items: flex-start;
    }

    .hero-teacher-photo-container {
        float: left;
    }

    .hero-teacher-title-container .small-title {
        margin-bottom: 0px;
    }

    .hero-teacher-description-container p {
        font-size: var(--pText);
    }

    .hero-teacher-wrapper {
        height: 100%;
    }

    .large-title,
    .hero-teacher-photo-container {
        margin-bottom: 20px;
    }

    .flag-text {
        left: 0px;
        font-size: 11px;
        width: 18ch;
    }
}


/*-------- VIDEO PAGE ----------*/

.hero-video-description-container {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    justify-content: flex-end;
}

.hero-video-description-container iframe {
    margin-bottom: 20px;
}

.hero-video-description-container p {
    font-family: franklin-gothic-urw, sans-serif;
    font-size: var(--pText);
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 26px;
    letter-spacing: normal;
    text-align: left;
    color: #0b1f2e;
    margin-bottom: 1.5rem;
}

.video-credits {
    font-size: var(--pLargeText);
    color: #0b1f2e;
}

.video-duration {
    align-self: flex-start;
    font-size: var(--LABEL) !important;
    color: rgba(11, 31, 46, 0.5) !important;
}

.large-video-title-container {
    display: flex;
    flex-direction: column;
    word-wrap: break-word;
    width: 100%;
    /* hyphens: auto;-moz-hyphens: auto;-webkit-hyphens: auto; */
}

.hero-video-wrapper {
    /*height: 600px;*/
    padding: 45px 0px;
    margin: 0 auto;
}

.hero-video-title-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-right: 0.5px solid rgba(177, 78, 39, 0.3);
    padding-top: 15px;
}


/* For Tablet Screens*/

@media screen and (max-width: 1440px) and (min-width: 480px) {
    /* .large-video-title-container {width: 36ch;} */
}


/* For Mobile Screens */

@media screen and (max-width: 480px) {
    .hero-video-wrapper {
        height: 100%;
        padding-top: 11px;
        padding-bottom: 64px;
        margin: 0 auto;
        border-bottom: 0.5px solid rgba(177, 78, 39, 0.3);
    }

    .hero-video-title-container {
        border-bottom: 0.5px solid rgba(177, 78, 39, 0.3);
        border-right: none;
        padding-right: 0px;
        padding-left: 0px;
    }

    .hero-video-description-container {
        padding-top: 20px;
        padding-right: 0px;
        padding-left: 0px;
    }

    .hero-video-description-container iframe {
        height: 187px;
    }

    .hero-video-description-container p {
        font-size: var(--pText);
    }

    .video-credits {
        font-size: var(--pText);
    }

    .hero-video-wrapper {
        border-bottom: 0px;
    }

    .large-video-title-container {
        width: 36ch;
    }
}


/* ---------MOVIE PAGE------ */

.movie-year {
    font-size: var(--LABEL);
    color: rgba(11, 31, 46, 0.5);
}

.movie-duration {
    align-self: flex-start;
    display: none;
}


/* For Tablet Screens*/

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


/* For Mobile Screens */

@media screen and (max-width: 480px) {
    .movie-year {
        font-size: var(--pText);
    }

    .movie-duration {
        align-self: flex-start;
        display: block;
    }
}


/*-------BOOK PAGE--------*/

.hero-book-container {
    display: flex;
}

.hero-book-title-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-right: 0.5px solid rgba(177, 78, 39, 0.3);
    padding-top: 15px;
}

.large-book-title {
    width: 100%;
}

.book-img-wrapper {
    width: 200px;
    height: 300px;
    margin-bottom: 30px;
}

.book-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    overflow: hidden;
    object-position: 50% 100%;
}

.hero-video-description-container {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-end;
    padding-top: 50px;
}

.hero-book-description-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.author-year {
    font-size: var(--LABEL);
    /* text-transform: capitalize; */
    color: rgba(11, 31, 46, 0.5);
}

.author-year a {
    color: rgba(11, 31, 46, 0.5);
}

.author-year a:hover {
    color: #000000;
}

.book-amazon-link {
    align-self: flex-start;
    margin-bottom: 20px;
}

.book-amazon-link a {
    text-decoration: underline;
    color: #b14e27;
    font-size: var(--pText);
}

.book-description {
    font-family: franklin-gothic-urw, sans-serif;
    font-size: var(--pLargeText);
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: #0b1f2e;
    text-justify: distribute;
    text-align: justify;
}

.hero-book-wrapper {
    height: 100%;
    padding-top: 25px;
    padding-bottom: 64px;
    margin: 0 auto;
}

.large-book-title-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-evenly;
}

.book-title-container {
    width: 100%;
    flex-direction: column !important;
    align-items: flex-start !important;
}

.book-description {
    font-family: franklin-gothic-urw, sans-serif;
    font-size: var(--pText);
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 32px;
    letter-spacing: normal;
    text-align: left;
    color: #0b1f2e;
    margin-bottom: 0px;
}

.book-description a {
    color: rgba(11, 31, 46, 0.5);
    text-decoration: underline;
    font-size: var(--pText);
}

.mobile-book-img-wrapper {
    display: none;
}


/* For Tablet Screens*/

@media screen and (max-width: 1023px) and (min-width: 480px) {
   /* .hero-book-title-container {
        border: 0px;
    } */

    .book-img-wrapper {
        display: none;
    }

    .mobile-book-img-wrapper {
        display: block;
        width: 170px;
        height: 260px;
        margin-bottom: 20px;
    }
}


/* For Mobile Screens */

@media screen and (max-width: 768px) {
    .author-year {
        width: 30ch;
    }
}

@media screen and (max-width: 480px) {
    .hero-book-title-container {
        border-right: 0px;
        padding-right: 0px;
        padding-left: 0px;
    }

    .book-img-wrapper {
        display: none;
    }

    .mobile-book-img-wrapper {
        display: block;
        width: 170px;
        height: 260px;
        margin-bottom: 50px;
    }

    .author-year {
        width: 20ch;
    }
}


/* ------COURSE PAGE-------- */

.course-page-ondemand-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}


/* ------ARTICLE PAGE-------- */

.article-hero-container {
    max-width: 1220px;
    margin: 0px auto;
    min-height: 55vh !important;
}

.hero-article-wrapper {
    padding: 45px 0px;
    min-height: 55vh !important;
}

.large-article-title-container {
    display: flex;
    flex-direction: column;
}

.large-article-title {
    /* word-break: break-word;hyphens: auto;-moz-hyphens: auto;-webkit-hyphens: auto; */
    width: 100%;
}

.large-article-title-container .author-year {
    color: rgba(11, 31, 46, 0.5);
}

.article-hbr-link {
    align-self: flex-start;
}

.article-hbr-link a {
    text-decoration: underline;
    color: #b14e27;
    font-size: var(--pText);
}

.hero-article-description-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding-left: 20px;
}

.hero-article-description-container p {
    font-family: franklin-gothic-urw, sans-serif;
    font-size: var(--pText);
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 32px;
    letter-spacing: normal;
    text-align: left;
    color: #0b1f2e;
    margin-bottom: 1.5rem;
    margin-top: 20px;
}


/* For Tablet Screens*/

@media screen and (max-width: 1440px) and (min-width: 1024px) {}
@media screen and (max-width: 768px) {
    .topic-title-container {
        border-right: none;
    }

}
@media screen and (max-width: 767px) {
    .hero-video-title-container,
    .hero-book-title-container,
    .hero-topic-title-container {
        border-right: none;
    }

}

/* For Mobile Screens */

@media screen and (max-width: 480px) {
    .hero-article-wrapper {
        height: 100%;
        padding-top: 11px;
        padding-bottom: 64px;
        margin: 0 auto;
        border-bottom: 0px;
    }

    .large-article-title-container {
        border-bottom: 0.5px solid rgba(177, 78, 39, 0.3);
        padding-bottom: 20px;
    }

    .hero-article-description-container {
        padding-top: 20px;
        padding-left: 0px;
    }

    .large-article-title {
        font-size: 2rem;
    }

    .hero-article-description-container p {
        font-family: franklin-gothic-urw, sans-serif;
        font-size: 1rem;
    }
}


/* ------QUOTE PAGE-------- */

.quote-hero-quotes-img {
    width: 20px;
}

.poem-quote-hero-title-container {
    margin-top: 20px;
}

.poem-quote-hero-title-container h1 {
    font-size: var(--poemQuoteTitle);
}

.quotes {
    font-family: OrpheusPro;
    font-size: var(--Heading1);
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.1;
    letter-spacing: normal;
    text-align: left;
    color: #0b1f2e;
    width: 50px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.large-quote-title-container {
    display: flex;
    flex-direction: column;
}

.large-quote-title-container .large-title {
    font-family: OrpheusPro;
    font-size: var(--Heading3);
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.1;
    letter-spacing: normal;
    text-align: left;
    color: #0b1f2e;
}

.quote-author-link {
    align-self: flex-start;
    text-decoration: underline;
}

.quote-author-link a {
    color: #b14e27;
    font-size: var(--pText);
}

.quote-author-img-wrapper {
    width: 165px;
    height: 250px;
    /* background-image: url("../images/post-5.jpg");background-position: center;background-repeat: no-repeat;background-size: cover; */
}

.hero-quote-description-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
}

.hero-quote-description-container p {
    font-family: franklin-gothic-urw, sans-serif;
    font-size: var(--pText);
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: #0b1f2e;
    text-justify: distribute;
}

.hero-quote-description-col {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    justify-content: flex-end;
}


/* For Tablet Screens*/

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


/* For Mobile Screens */

@media screen and (max-width: 480px) {
    .hero-article-wrapper {
        height: 100%;
        padding-top: 11px;
        padding-bottom: 64px;
        margin: 0 auto;
        border-bottom: 0px;
    }

    .large-quote-title-container {
        border-bottom: 0.5px solid rgba(177, 78, 39, 0.3);
        padding-bottom: 20px;
    }

    .hero-article-description-container {
        padding-top: 20px;
    }

    .hero-quote-description {
        flex-direction: column-reverse;
        padding-top: 20px;
    }

    .hero-quote-description-col {
        align-items: flex-start;
        flex-direction: column;
        justify-content: flex-start;
        padding: 10px;
    }

    .large-quote-title-container .large-title {
        font-family: OrpheusPro;
        font-size: 42px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.1;
        letter-spacing: normal;
        text-align: left;
        color: #0b1f2e;
    }
}


/* -----POEM PAGE---------- */

.poem-author-img-wrapper {
    width: 200px;
    height: 370px;
    margin-bottom: 20px;
}

.poem-author-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    object-position: 50% 100%;
}

.poem-author-img-wrapper-mobile {
    width: 300px;
    height: 380px;
    display: none;
}

.poem-author-img-wrapper-mobile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    object-position: 50% 100%;
}

.up-next-title {
    width: 100%;
    font-size: var(--upNextTitle);
}

.poem-author-year {
    font-size: var(--pLargeText);
    color: rgba(11, 31, 46, 0.5);
}

@media screen and (max-width: 1024px) and (min-width: 480px) {
    .poem-author-img-wrapper-mobile {
        display: block;
    }

    .poem-author-img-wrapper {
        display: none;
    }
}


/* For Mobile Screens */

@media screen and (max-width: 480px) {
    .poem-author-img-wrapper-mobile {
        display: block;
    }

    .poem-author-img-wrapper {
        display: none;
    }
}


/* -------THEME PAGE------ */

.hero-theme-image-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-right: 0.5px solid rgba(177, 78, 39, 0.3);
    padding-top: 20px;
    padding-left: 0px;
    padding-bottom: 1rem;
    padding-right: 40px;
}

.large-theme-image-container {
    width: 450px;
    height: 600px;
    border-top-left-radius: 100%;
    border-top-right-radius: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    color: white;
    /* margin: 0 auto; */
    /* overflow: hidden; */
}

.theme-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    border-top-left-radius: 100% 80%;
    border-top-right-radius: 100% 80%;
}

.large-theme-image-container h1 {
    position: absolute;
    width: 7ch;
    margin-left: 20px;
}

.hero-theme-description-container {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: column;
    padding: 0px 25px;
}

.theme-description-top-text {
    font-size: var(--TopperSubtitle);
    width: 18ch;
    line-height: 25px;
    margin-top: 20px;
}

.theme-description-bottom-text {
    font-family: franklin-gothic-urw, sans-serif;
    font-size: 21px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 26px;
    letter-spacing: normal;
    text-align: left;
    color: #0b1f2e;
    text-align: left;
    margin-bottom: 0.5rem;
}

.hero-theme-wrapper {
    height: 100%;
    padding-top: 45px;
    padding-bottom: 45px;
    margin: 0 auto;
    max-width: 1220px;
}

.theme-topic-third-column {
    border-right: 0px !important;
}

.theme-page-topics {
    overflow: hidden;
}

.theme-related-topics-carousel {
    position: relative;
}

.theme-related-topics-carousel-item {
    flex: 0 0 auto;
    white-space: nowrap;
    padding-right: 20px;
    border-right: 0.5px solid rgba(177, 78, 39, 0.3);
    /* margin-right: 20px; */
    margin-right: 31px;
    height: 100%;
    font-size: 1.685rem;
    line-height: 37px;
}

.theme-related-topics-link {
    font-size: var(--themeRelatedTopicsLink);
    line-height: 35px;
    color: #0b1f2e;
    font-family: orpheuspro, serif;
    white-space: nowrap;
    z-index: 1;
}

.theme-related-topics-link:hover {
    color: #b14e27;
}

ul.theme-related-topics-carousel {
    columns: 3;
    column-rule: 0.5px solid rgba(177, 78, 39, 0.3);
}

.theme-related-topics-carousel li {
    /* padding-left: 10px;*/
    break-inside: avoid-column;
}


/* For Tablet Screens*/

@media screen and (max-width: 1440px) and (min-width: 480px) {
    .hero-theme-image-container {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        border-right: 0.5px solid rgba(177, 78, 39, 0.3);
        padding-top: 20px;
        padding-left: 0px;
        padding-bottom: 1rem;
        padding-right: 20px;
    }

    .large-theme-image-container h1 {
        font-size: var(--Heading2);
    }

    .large-theme-image-container {
        width: 320px;
        height: 450px;
    }

    ul.theme-related-topics-carousel {
        columns: 2;
        column-rule: 0.5px solid rgba(177, 78, 39, 0.3);
    }
}


/* For Mobile Screens */

@media screen and (max-width: 1024px) {
    .hero-theme-wrapper {
        padding: 30px 20px;
    }
}

@media screen and (max-width: 480px) {
    .large-theme-image-container {
        width: 100%;
        height: 403px;
        border-top-left-radius: 50%;
        border-top-right-radius: 50%;
        display: flex;
        align-items: flex-end;
        justify-content: flex-start;
        color: white;
    }

    .theme-description-bottom-text {
        font-family: franklin-gothic-urw, sans-serif;
        font-size: var(--pText);
    }

    .hero-theme-wrapper {
        height: 100%;
        /* padding-top: 45px;
        padding-bottom: 45px; */
        margin: 0 auto;
        border-bottom: none;
    }

    .theme-description-top-text {
        font-size: var(--TopperSubtitle);
        width: 18ch;
        margin-bottom: 40px;
    }

    .hero-theme-description-container {
        padding-top: 20px;
        padding-left: 10px !important;
    }

    .hero-theme-image-container {
        border-right: 0px !important;
    }

    .theme-page-topics {
        flex-wrap: wrap;
    }

    .theme-related-topics-carousel-item {
        border-right: 0px;
    }

    .theme-related-topics-link {
        font-size: var(--themeRelatedTopicsLink);
        line-height: 32px;
    }

    ul.theme-related-topics-carousel {
        columns: 1;
        column-rule: 0.5px solid rgba(177, 78, 39, 0.3);
    }
}

@media screen and (max-width: 320px) {
    .large-theme-image-container {
        width: 100%;
    }
}


/* ------PLAYLIST PAGE------ */

.hero-playlist-title-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-right: 0.5px solid rgba(177, 78, 39, 0.3);
    padding-top: 15px;
}

.large-playlist-title-container {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
}

.playlist-large-title {
    word-wrap: break-word;
    width: 100%;
    hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
}

.playlist-hero-image-wrapper {
    width: 400px;
    height: 320px;
}

.playlist-hero-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: 50% 0%;
    overflow: hidden;
}

.hero-playlist-description-container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
}

.hero-playlist-description-container h3 {
    font-family: orpheuspro, serif;
    font-weight: normal;
}

.playlist-description-bottom-text {
    font-family: franklin-gothic-urw, sans-serif;
    font-size: 1.375rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 32px;
    letter-spacing: normal;
    text-align: left;
    color: #0b1f2e;
    margin-bottom: 1.5rem;
}

.hero-playlist-wrapper {
    /*height: 600px;*/
    padding-top: 45px;
    padding-bottom: 45px;
    margin: 0 auto;
}

.playlist-filter-section {
    display: none;
}

.playlist-types {
    justify-content: space-between;
    width: 100%;
}


/* For Tablet Screens*/

@media screen and (max-width: 1024px) and (min-width: 480px) {
    .playlist-hero-image-wrapper {
        width: 400px;
        height: 320px;
    }
}

@media screen and (max-width:768px) {
    .create-collection-modal-row {
        flex-flow: wrap;
    }
}


/* For Mobile Screens */

@media screen and (max-width: 480px) {
    .hero-playlist-wrapper {
        height: 100%;
        padding-top: 45px;
        padding-bottom: 64px;
        margin: 0 auto;
        border-bottom: none;
    }

    .large-playlist-title-container {
        padding-bottom: 20px;
        border-bottom: 0.5px solid rgba(177, 78, 39, 0.3);
    }

    .hero-playlist-title-container {
        border-right: none;
    }

    .hero-playlist-description-container {
        padding-top: 20px;
    }

    .playlist-filter-section {
        display: block;
    }

    .post-save-button {
        display: flex !important;
    }

    .post-tile-save-button-container {
        flex-direction: column;
        align-items: flex-start !important;
    }

    .create-collection-modal-image-container {
        margin-right: 0px !important;
        margin-bottom: 1rem;
    }

    .createCollectionModal .modal-content {
        height: 600px;
    }

    .createCollectionModal .modal-body {
        overflow-y: scroll;
    }

    .hero-playlist-title-container {
        border: none !important;
    }

    .playlist-large-title {
        font-size: calc(var(--upNextTitle) * 0.5) !important;
    }
}


/* ------USER PROFILE PAGE------ */

.user-profile-menu-avatar {
    width: 26px;
    height: 34px;
}

.large-user-image-container {
    width: 176px;
    height: 229px;
}

.user-profile-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    object-position: 50% 100%;
}

.user-details-container {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    flex-direction: row;
}

.hero-user-wrapper {
    height: 400px;
    padding-top: 11px;
    padding-bottom: 56px;
    margin: 0 auto;
    border-bottom: 0.5px solid rgba(177, 78, 39, 0.3);
}

.user-details-text {
    margin-left: 20px;
    width: 60%;
}

.user-description {
    font-family: FranklinGothicURW;
    font-size: var(--pLargeText);
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: #0b1f2e;
    margin-bottom: 0px;
}

.member-title {
    margin-bottom: 66px;
}

.user-details-text {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: column;
}

.hero-user-details-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 15px;
}

.user-description-mobile-only {
    display: none;
    font-family: FranklinGothicURW;
    font-size: var(--pLargeText);
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: #0b1f2e;
    margin-bottom: 0px;
}

.user-profile-created-collection-wrapper {
    margin: 45px 0px;
}

.user-profile-created-collection-container {
    display: flex;
    flex-wrap: wrap;
}

.viewFollowersModal .modal-body {
    height: 450px;
    overflow-y: auto;
}

.viewFollowersModal::-webkit-scrollbar {
    width: 8px;
    border-radius: 20px;
    overflow-y: scroll !important;
}


/* Track */

.viewFollowersModal::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 20px;
}


/* Handle */

.viewFollowersModal::-webkit-scrollbar-thumb {
    background: rgba(196, 196, 196, 0.8);
    border-radius: 20px;
}


/* Handle on hover */

.viewFollowersModal::-webkit-scrollbar-thumb:hover {
    background: rgba(177, 78, 39, 0.5);
}

.view-follower-modal-body-search-container {
    border: 1px solid #000;
    border-radius: 30px;
    width: 100%;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.view-follower-modal-body-search-wrapper {
    width: 100%;
}

.view-follower-modal-search-input {
    border: none;
    margin-left: 15px;
    width: 100%;
}

.view-follower-modal-search-input:active,
.view-follower-modal-search-input:focus {
    outline: 0;
    border: none;
    outline-style: none;
    -moz-outline-style: none;
}

.view-follower-modal-search-input-icon {
    margin-right: 15px;
}

.view-follower-modal-body-message-wrapper {
    width: 90%;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
}

.view-follower-modal-body-message {
    font-size: 14px;
    color: rgba(11, 31, 46, 0.6);
}

.view-follower-modal-body-followers-list-wrapper {
    width: 95%;
    margin: 0 auto;
    margin-top: 20px;
    padding-right: 5px;
}

.view-follower-modal-body-followers-list,
.view-follower-modal-body-followers-list-item,
.view-follower-modal-body-followers-list-item-container {
    width: 100%;
}

.view-follower-modal-body-followers-list-item {
    margin-bottom: 20px;
}

.view-follower-modal-body-followers-list-item-container,
.view-follower-modal-body-followers-details {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.view-follower-modal-body-followers-name {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}

.view-follower-modal-body-followers-picture {
    width: 35px;
    height: 42px;
    margin-right: 10px;
}

.view-follower-modal-body-followers-username {
    font-weight: bold;
}

.view-follower-modal-body-followers-username:hover {
    color: #b14e27;
}

.private-followers-bottom-text {
    text-align: center;
    font-weight: bold;
    line-height: normal;
    height: 30px;
    border-top: 0.5px solid rgba(177, 78, 39, 0.3);
    padding: 10px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 20px;
    width: 100;
}

.private-followers-bottom-text p {
    margin: 0px;
}

.view-follower-modal-body-followers-list-item-container .follow-button-active,
.view-follower-modal-body-followers-list-item-container .follow-button {
    font-size: 16px;
    justify-content: center;
    width: 140px;
}

.view-follower-modal-body-followers-list-item-container img {
    width: 20px;
    margin-left: 0px !important;
}

.user-profile-following-identity-topic .dropdown,
.user-profile-following-identity-topic .user-profile-following-user-privacy-status-button {
    background-color: #4264a4 !important;
}

.user-profile-following-indeity-topic-title {
    font-size: 20px;
    color: rgba(0, 0, 0, 0.5);
    margin-left: 20px;
    font-family: franklin-gothic-urw, sans-serif;
}

.user-profile-identities-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 20px;
    flex-flow: wrap;
}

.user-profile-identity {
    width: auto;
    height: 35px;
    margin-right: 10px;
    margin-bottom: 15px;
    padding: 11px;
    border-radius: 9px;
    background-color: rgba(196, 196, 196, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
}

.user-profile-identity-text {
    margin: 0px;
    font-size: 20px;
}

.user-profile-identity-remove-btn-container {
    position: absolute;
    background-color: #fff;
    top: -8px;
    right: -6px;
    border-radius: 100%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.25);
    display: none;
}

.user-profile-identity-remove-btn-image {
    width: 12px;
    height: 12px;
}

.user-profile-add-identity {
    border: 1px solid #000;
    border-style: dashed;
    width: 106px !important;
}

.user-profile-add-identity a {
    font-size: 28px !important;
}


/* For Tablet Screens*/

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


/* For Mobile Screens */

@media screen and (max-width: 768px) {
    .user-profile-following-items-menu-container {
        width: 100%;
    }

    .userFollowingItemTypesListContainer {
        width: 100%;
        top: 0px;
    }
}

@media screen and (max-width: 576px) {
    .user-profile-following-items-menu-container {
        width: initial;
    }
}

@media screen and (max-width: 480px) {
    .hero-user-wrapper {
        height: 100%;
        padding-top: 11px;
        padding-bottom: 64px;
        margin: 0 auto;
        border-bottom: none;
    }

    .large-user-image-container {
        width: 87px;
        height: 113px;
    }

    .user-description {
        font-family: FranklinGothicURW;
        font-size: var(--pText);
        display: none;
    }

    .user-description-mobile-only {
        display: block;
        font-size: var(--pText);
        margin-top: 20px;
        width: 85%;
    }

    .user-name {
        font-size: var(--Heading4);
        margin-bottom: 0px;
    }

    .member-title {
        margin-bottom: 80px;
    }

    .view-follower-modal-body-followers-follow-button-container .follow-button {
        width: 100px;
        height: 30px;
        font-size: 14px;
    }

    .view-follower-modal-body-followers-follow-button-container img {
        width: 18px;
        margin-right: 5px !important;
        margin-left: 5px !important;
    }

    .view-follower-modal-body-followers-list-wrapper {
        width: 100% !important;
        padding: 0px 10px;
    }

    #followers-modal .modal-body {
        padding: 10px 0px !important;
    }

    .user-profile-identities-wrapper {
        flex-flow: wrap;
    }
}


/* -------FEEDBACK FORM----------- */


/*feedback*/

.feedback-text {
    position: fixed;
    right: -40px;
    top: 50%;
    transform: rotate(-90deg);
    font-family: franklin-gothic-urw, sans-serif;
    font-size: var(--pText);
    font-weight: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #fff;
    background: #b14e27;
    box-shadow: 0 0 2px 0 #666;
    padding: 8px 18px;
    margin-top: -59px;
    z-index: 9999;
    cursor: pointer;
}

.feedback-form {
    position: fixed;
    right: 0;
    top: 80px;
    z-index: 999999999;
    background: #fff8ef;
    padding: 30px 35px 15px;
    overflow: hidden;
    display: none;
    overflow-y: auto;
    max-height: 768px;
    border: 1px solid #b14e27;
    max-width: 410px;
    width: 100%;
    height: 400px;
}

.feedback-form-wrapper {
    width: 100%;
    height: 400px;
}

.feedback-form .form-heading {
    color: #0b1f2e;
    text-transform: uppercase;
    font-size: var(--pText);
}

.feedback-form h4 {
    font-family: franklin-gothic-urw, sans-serif;
    font-size: var(--pText);
    color: #0b1f2e;
    margin-bottom: 18px;
}

.feedback-form p {
    font-size: var(--pText);
    font-weight: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #b14e27;
}

.feedback-form .close {
    width: 24px;
    height: 25px;
    position: absolute;
    right: 30px;
    top: 32px;
}

.feedback-form iframe {
    width: 100% !important;
}

.feedback-form .form-check-label {
    display: block;
}

#FormControlTextarea {
    width: 100%;
    border: 1px solid #0b1f2e;
    color: rgba(11, 31, 46, 0.5);
    margin-left: -20px;
    margin-top: 10px;
    background-color: #fff8ef;
}

.feedback-email-input,
.feedback-name-input {
    background-color: #fff8ef;
    border-width: 0px 0px 1px 0;
    /* top right bottom left */
    border-style: solid;
    border-color: #fff #fff #0b1f2e #fff;
    font-size: var(--pText);
    line-height: 32px;
    width: 100%;
    color: #0b1f2e;
}

.feedback-submit-btn {
    float: right;
}

.form-check-input {
    background-color: #fff8ef;
    border-radius: 0px;
}

.feedback-email-input::placeholder,
.feedback-name-input::placeholder {
    color: #0b1f2e;
}

#feedback-form-hubspot {
    font-family: franklin-gothic-urw, sans-serif;
}

#feedback-form-hubspot input,
#feedback-form-hubspot textarea {
    width: 100%;
    padding: 5px;
    border: 0.5px solid #b14e27;
}

#feedback-form-hubspot input[type="checkbox"] {
    width: initial;
    margin-right: 20px;
    margin-top: 20px;
}

#feedback-form-hubspot input[type="text"] {
    margin-bottom: 20px;
    margin-top: 5px;
}

#feedback-form-hubspot .hs-main-font-element {
    font-size: 21px;
    font-family: orpheuspro, serif;
}

#feedback-form-hubspot .hs-form-booleancheckbox-display {
    display: flex;
    margin-top: 20px;
}

#feedback-form-hubspot .hs-form-booleancheckbox-display p {
    color: #0b1f2e !important;
    line-height: 1px;
}

#feedback-form-hubspot input[type="submit"] {
    border-radius: 30px;
    background-color: #b14e27;
    color: #fff;
}

#feedback-form-hubspot {
    height: 400px !important;
    overflow-y: scroll;
    margin-bottom: 20px;
    padding-right: 20px;
}

#feedback-form-hubspot::-webkit-scrollbar {
    width: 8px;
    border-radius: 20px;
    overflow-y: scroll !important;
}


/* Track */

#feedback-form-hubspot::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 20px;
}


/* Handle */

#feedback-form-hubspot::-webkit-scrollbar-thumb {
    background: rgba(177, 78, 39, 0.8);
    border-radius: 20px;
}


/* Handle on hover */

#feedback-form-hubspot::-webkit-scrollbar-thumb:hover {
    background: rgba(177, 78, 39, 0.5);
}


/* #insidecontacthubspot .hs-form-iframe {
        height: 1000px !important;
    } */


/* For Tablet Screens*/

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


/* For Mobile Screens */

@media screen and (max-width: 768px) {
    .feedback-text {
        top: 80%;
    }
}

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


/* ------SHARE MODAL-------- */

.shareModal {
    color: #b14e27;
    font-family: franklin-gothic-urw, sans-serif;
}

.shareModal .modal-header {
    border-bottom: 0.5px solid rgba(177, 78, 39, 0.3);
}

.shareModal .modal-content {
    padding-left: 52px;
    padding-top: 38px;
    padding-right: 52px;
}

.shareModal .modal-title {
    color: #0b1f2e;
    font-size: var(--pLargeText);
    font-family: franklin-gothic-urw, sans-serif;
    font-weight: normal;
}

.share-modal-body {
    display: flex;
    /*height: 600px;*/
    flex-direction: column;
    justify-content: space-around;
    color: #b14e27;
    font-size: var(--pText);
    font-family: franklin-gothic-urw, sans-serif;
    /* padding: 0rem; */
    padding-bottom: 1rem;
}

.share-modal-body a {
    padding: 20px 0px;
    border-bottom: 1px solid rgba(177, 78, 39, 0.3);
    color: #0b1f2e;
}

.share-modal-body a:last-child {
    border-bottom: 0px;
}

.share-modal-body i {
    margin-right: 20px;
    color: #b14e27;
}

.text-success {
    color: #b14e27 !important;
}

.modal-dialog {
    height: 120%;
    max-width: max-content;
}


/* For Tablet Screens*/

#share-modal.modal-dialog {
    max-width: 510px;
}

#share-modal a {
    font-size: 18px;
}

@media screen and (max-width:768px) {
    #share-modal.modal-dialog {
        max-width: 320px;
    }
}

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


/* For Mobile Screens */

@media screen and (max-width: 480px) {
    .share-modal-body {
        max-width: 320px;
        height: 100%;
        font-size: 16px;
        padding-left: 1rem;
    }

    .shareModal .modal-content {
        padding: 0px;
    }

    .share-modal-body a {
        padding-bottom: 20px;
        padding-top: 20px;
    }
    /*.modal-dialog {
        height: 200%;
    }*/
}

.custom-filter-dialog {
    width: 500px;
    max-width: 700px;
}

@media screen and (max-width: 1440px) {
    .modal-dialog {
        height: 180%;
    }
}

@media screen and (max-width: 768px) {
    .modal {
        height: 120%;
        margin-top: 80px;
        width: 100vw;
        overflow-y: scroll !important;
    }

    .modal-dialog {
        max-width: 500px;
    }

    .custom-filter-dialog {
        width: 500px;
    }
}

@media screen and (max-width: 576px) {
    .modal-dialog {
        max-width: 320px;
        margin: 0 auto;
        height: 180%;
        max-width: 500px;
    }

    .custom-filter-dialog {
        width: 100%;
        top: 2%;
        /* overflow-y: hidden !important; */
        max-width: max-content;
    }

    .custom-filter-type-dialog {
        width: 320px !important;
        top: 2%;
        /* overflow-y: hidden !important; */
    }
}


/*For Laptop Screens*/

@media screen and (max-width: 1440px) and (min-width: 480px) {
    .type a {
        display: inline;
        font-size: var(--pText);
        margin-right: 30px;
    }

    .related-topics-link {
        font-size: var(--Heading3);
        line-height: 46px;
    }

    .healing-approaches-link {
        font-size: var(--Heading3);
        line-height: 46px;
    }

    ul.healing-approaches-carousel {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
    }

    /* .related-teachers-link {font-size: var(--Heading3);line-height: 46px;} */
    .get-started-carousel-item .topic-heading {
        font-family: franklin-gothic-urw, sans-serif;
        font-size: var(--pLargeText);
        margin-bottom: 0px;
    }

    .type a {
        margin-right: 0px !important;
    }
}


/*For Laptop and Desktop Screen */

@media screen and (min-width: 993px) {
    .topic-filter-arrow-span {
        display: none;
    }

    .teacher-filter-arrow-span {
        display: none;
    }
}


/*--------WORPDRESS CSS-------*/

ul.pagination {
    align-items: center;
    justify-content: center;
}

.page-prev a,
.page-next a {
    border: 0px;
    font-size: var(--pText);
    background-color: transparent !important;
    color: #b14e27 !important;
    margin: 0px 20px;
}

.page-link:hover {
    z-index: 2;
    color: #fff;
    text-decoration: none;
    background-color: #b14e27;
    border-color: #b14e27;
}

.page-link:click {
    background-color: #fff !important;
    color: #b14e27 !important;
    outline: 0px;
}

.page-link:focus {
    box-shadow: 0 0 0 0.2rem #ffffff !important;
}

.page-item.active .page-link {
    background-color: #b14e27 !important;
    border-color: #b14e27;
    color: #fff !important;
}

.page-item:last-child .page-link,
.page-item:first-child .page-link {
    background-color: transparent;
    color: #b14e27;
    border: none !important;
}

.disabled .page-link {
    background-color: transparent !important;
    color: #b14e27;
    border: none !important;
}

a.page-link {
    background-color: #fff;
    border-color: #b14e27;
    color: #b14e27;
    border-radius: 50% !important;
    margin: 0px 10px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px !important;
    font-size: 14px;
}

.pagination .dots {
    margin: 0px 20px 0px 0px;
}

.type {
    text-transform: capitalize;
}

button:focus {
    outline: 0px;
}

.separator {
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.separator-line {
    background-color: rgba(177, 78, 39, 0.3);
    height: 0.5px;
}

@media screen and (max-width: 481px) {
    a.page-link {
        background-color: #fff;
        border-color: #b14e27;
        color: #b14e27;
        border-radius: 50%;
        margin-right: 5px;
    }

    .pagination .dots {
        margin: 0px 0px 0px 0px;
    }
}


/*------HOME PAGE------*/


/* .home-page-hero-container { */


/* flex-direction: column;align-items: flex-end; */


/* } */

.home-page-hero-image-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.home-hero-image-container {
    padding-right: 20px;
    border-right: 0.5px solid rgba(177, 78, 39, 0.3);
}

.home-hero-image-wrapper {
    height: 100%;
}

.home-page-title {
    font-family: orpheuspro, serif;
    font-size: 60px;
    font-weight: normal;
    line-height: 70px;
    width: 100%;
    /* padding-bottom: 60px;border-bottom: 0.5px solid rgba(177, 78, 39, 0.3); */
}

.home-page-title-text {
    font-size: 21px;
}

.home-page-title-underline {
    height: 0.5px;
}

.home-description-top-text {
    font-size: 16px;
    line-height: 29px;
    width: 35ch;
    flex-grow: 1;
}

.home-page-hero-search-button {
    width: 100%;
    height: 40px;
    padding: 10px 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    background-color: #b14e27;
    border: 0px;
}

.home-page-hero-search-button h2 {
    margin-bottom: 0 !important;
}

.home-page-hero-search-button-link {
    color: #fff;
}

.home-page-hero-search-button-link:hover {
    color: #fff;
}

.home-page-search-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-radius: 0px;
}

.home-page-hero-search-form {
    width: 100%;
}

.home-page-search-wrapper .form-control {
    width: 80%;
    font-size: 28px;
    background-color: transparent;
    line-height: 35px;
    color: rgba(177, 78, 39, 0.35);
    padding-left: 0px;
}

.home-page-search-wrapper .input-group-text {
    background-color: transparent;
}

.home-page-search-wrapper .input-group-text img {
    width: 28px;
}

.home-page-search-wrapper .form-control:focus {
    box-shadow: none;
}

.home-page-search-wrapper .form-control::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgba(177, 78, 39, 0.35);
    opacity: 1;
    /* Firefox */
}

.home-page-search-wrapper .form-control:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: rgba(177, 78, 39, 0.35);
}

.home-page-search-wrapper .form-control::-ms-input-placeholder {
    /* Microsoft Edge */
    color: rgba(177, 78, 39, 0.35);
}

.home-page-hero-image-container .large-title {
    display: none;
}

.home-page-playlist-wrapper {
    padding: 45px 0px;
}

.home-page-carousel-item-wrapper {
    border: 0.5px solid rgba(177, 78, 39, 0.3);
    padding: 28px 21px;
    margin-right: 15px;
}


/* .home-page-playlist-carousel {display: flex;justify-content: space-between;width: 999px;} */

.home-page-playlist-carousel-item {
    /* width: 328px !important; */
    height: 674px;
    position: relative;
    flex-shrink: 0;
    margin-right: 5px;
}

.home-page-carousel-item-wrapper {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.home-page-playlist-carousel-theme-item * {
    color: white !important;
}

.home-page-playlist-carousel-item-heading {
    font-size: 29px;
    width: 16ch;
    text-transform: unset;
}

.home-page-playlist-carousel .home-page-playlist-carousel-item-heading {
    font-size: 24px;
    width: 100% !important;
    text-transform: unset;
}

.home-page-playlist-carousel-item-image-wrapper {
    height: 380px;
    margin: 70px 0px;
}

.home-page-playlist-carousel-item-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    overflow: hidden;
    object-position: 50% 50%;
}

.home-page-playlist-carousel-item-background-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    object-position: 50% 50%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.home-page-playlist-carousel-theme-item-details-1,
.home-page-playlist-carousel-theme-item-details-2,
.home-page-playlist-carousel-theme-item-details-3 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    /* border-bottom: 0.5px solid white; */
    padding-bottom: 5px;
    text-align: left;
}

.home-page-playlist-carousel-theme-item-details-number {
    /* padding: 2px;border: 0.5px solid white;border-radius: 50%;width: 30px;height: 30px;text-align: center; */
    font-size: var(--LABEL);
    margin-bottom: 0.5rem;
}

.home-page-playlist-carousel-theme-item-details-text {
    font-size: 21px;
}


/* .home-page-playlist-carousel .slick-slide {width: 328px !important;height: 680px !important;margin-right: 5px;}*/

.home-page-playlist-carousel .slick-list {
    margin-bottom: 20px;
}

.home-page-playlist-carousel .slick-dots {
    width: intrinsic;
    /* Safari/WebKit uses a non-standard name */
    width: -moz-max-content;
    /* Firefox/Gecko */
    width: -webkit-max-content;
    /* Chrome */
    left: 39%;
    right: 50%;
    margin-bottom: -10px;
}

.home-page-playlist-carousel .slick-next::before,
.home-page-playlist-carousel .slick-prev::before {
    color: #b14e27;
}

.home-page-playlist-carousel .slick-prev::before {
    content: "";
    background-image: url(../images/directionArrow.svg);
    width: 70px;
    height: 50px;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: -70px;
    position: absolute;
    top: -15px;
    transform: rotate(180deg);
}

.home-page-playlist-carousel .slick-next {
    top: 104%;
    right: 80px;
}

.home-page-playlist-carousel .slick-prev {
    left: 65px;
    top: 104%;
}

.home-page-playlist-carousel .slick-next::before {
    content: "";
    background-image: url(../images/directionArrow.svg);
    width: 70px;
    height: 50px;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 0px;
    position: absolute;
    top: -15px;
}

.home-page-playlist-carousel-item-subheading {
    font-size: 18px !important;
}

.home-page-quote-wrapper {
    padding: 45px 20px;
}

.home-page-quote-row {
    margin: 0px;
    padding: 0px;
}

.home-page-quote-heading-wrapper {
    border-right: 0.5px solid rgba(177, 78, 39, 0.3);
}

.home-page-quote-heading-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    height: 100%;
    min-height: 400px;
    padding: 15px 12px;
}

.home-page-quote-heading-quote-btn-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 15px 12px;
}

.home-page-quote-heading-quote-btn-wrapper img {
    width: 30px;
}

.home-page-quote-heading-mobile-refresh-btn {
    display: none;
}

.home-page-quote-refresh-btn {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    height: 100%;
    min-height: 400px;
}

.home-page-quote-refresh-btn img {
    width: 100px;
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
    -ms-transform-origin: 50% 50%;
    /* IE 9 */
    transform-origin: 50% 50%;
}

.home-page-quote-refresh-btn img,
.home-page-quote-heading-mobile-refresh-btn img {
    animation: spin 1s;
    cursor: pointer;
}

.home-page-quote-refresh-btn img:active,
.home-page-quote-heading-mobile-refresh-btn img:active {
    animation: spin-btn 1s;
}

@keyframes spin {
    100% {
        transform: rotateZ(360deg);
    }
}

@keyframes spin-btn {
    100% {
        transform: rotateZ(360deg);
    }
}

.home-page-quote-text-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    padding: 15px 0px;
    padding-right: 12px;
    height: 100%;
    min-height: 400px;
    border-right: 0.5px solid rgba(177, 78, 39, 0.3);
}

.home-page-quote-author-link {
    color: #b14e27;
}

.home-page-quote-text {
    font-size: 21px;
}

.home-page-quote-author {
    font-size: 18px;
}

.home-page-get-started-wrapper {
    padding: 45px 0px;
    height: 100%;
    margin: 0px !important;
    padding-left: 0px !important;
}


/* .home-page-get-started-wrapper:nth-child(2){} */

.home-page-get-started-arch-wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

.home-page-get-started-arch {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    color: #4264a4 !important;
    text-align: center;
    border-top-left-radius: 100% 80%;
    border-top-right-radius: 100% 80%;
    border: 0.5px solid #4264a4;
    height: 320px;
    padding: 30px;
    padding-bottom: 10px;
    padding-top: 70px;
}

.home-page-get-started-carousel-wrapper {
    padding-left: 0px;
}

.home-page-get-started-arch-subheading {
    color: #4264a4 !important;
}

.home-page-get-started-arch-heading {
    font-size: 28px;
    font-family: franklin-gothic-urw, sans-serif;
}

.home-page-get-started-carousel {
    height: 100%;
}

.home-page-get-started-carousel .slick-list {
    width: 600px !important;
    height: 100%;
}

.home-page-get-started-carousel .slick-track {
    height: 100%;
}

.home-page-get-started-carousel .slick-slide {
    width: 300px !important;
}

.home-page-get-started-carousel .slick-slide>div {
    height: 100%;
}

.home-page-get-started-carousel .slick-prev {
    left: 90%;
    top: 10%;
}

.home-page-get-started-carousel .slick-disabled::before {
    content: "" !important;
    background-image: none !important;
    cursor: auto;
}

.home-page-get-started-carousel .slick-prev::before {
    content: "";
    background-image: url(../images/directionArrow.svg);
    width: 150px;
    height: 50px;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: -46px;
    position: absolute;
    top: -25px;
    transform: rotate(180deg);
}

.home-page-get-started-carousel .slick-next {
    left: 90%;
    top: 90%;
}

.home-page-get-started-carousel .slick-next::before {
    content: "";
    background-image: url(../images/directionArrow.svg);
    width: 150px;
    height: 50px;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: -46px;
    position: absolute;
    top: -25px;
}

.home-page-get-started-carousel-item {
    border-right: 0.5px solid rgba(11, 31, 46, 0.5);
    height: 100%;
    padding: 0px 10px;
}

.home-page-get-started-link {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    height: 100%;
}

.home-page-get-started-label-number,
.home-page-get-started-teacher-name {
    color: #4264a4;
}

.home-page-get-started-label {
    font-size: 16px;
}

.home-page-get-started-teacher-name {
    bottom: 100%;
}

.home-page-about-wrapper {
    padding: 45px 20px;
}

.home-page-about-row {
    height: 400px;
}

.home-page-about-quote-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    border-right: 0.5px solid rgba(177, 78, 39, 0.3);
}

.home-page-about-quote-heading {
    font-size: 42px;
}

.home-page-about-text-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
}

.home-page-about-btn-container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
}

.home-page-about-text {
    font-size: 21px;
    margin-bottom: 40px;
}

.home-page-topics-wrapper .theme-related-topics-carousel li {
    padding-top: 0px;
    padding-bottom: 0px;
}

.home-page-topics-wrapper,
.home-page-teachers-wrapper {
    padding: 45px 20px;
}

.home-page-topics-heading,
.home-page-teachers-heading {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 30px;
}

.home-page-topics-heading a h2,
.home-page-teachers-heading a h2 {
    color: #b14e27 !important;
    padding-bottom: 5px;
    border-bottom: 0.5px solid rgba(177, 78, 39, 0.3);
}

.home-page-teacher-image-wrapper {
    width: 100%;
    height: 190px;
}

.home-page-teacher-name,
.home-page-teacher-name a {
    font-size: var(--LABEL);
    margin-bottom: 0px;
    margin-top: 30px;
    color: #b14e27;
    text-align: center;
}

.home-page-teacher-name:hover {
    color: #b14e27;
    cursor: pointer;
}

.home-page-teacher-column-link {
    display: flex;
}

.home-page-teacher-column-container {
    min-height: 330px;
    max-height: 400px;
    /* display: flex !important;justify-content: flex-end;flex-direction: column-reverse; */
    border: 0.5px solid rgba(177, 78, 39, 0.3);
    padding: 7px;
    margin-right: 10px;
    /* width: 174px !important;margin-right: 17px; */
}

.home-page-teacher-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    object-position: 50% 10%;
}

/* .home-page-teachers-row {
    height: 300px !important;
} */


.home-page-teachers-row .slick-list {
    width: 80%;
}

.home-page-teachers-row .slick-track {
    height: 100% !important;
}

.home-page-teachers-row .slick-slide>div {
    height: 100%;
}

.home-page-teacher-column {
    height: 100%;
}

.home-page-teachers-row .slick-prev {
    left: 92%;
    top: 10%;
}

.home-page-teachers-row .slick-next {
    left: 92%;
    top: 90%;
}

.home-page-teachers-row .slick-prev::before {
    content: "";
    background-image: url(../images/directionArrow.svg);
    width: 150px;
    height: 50px;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: -80px;
    position: absolute;
    top: -15px;
    transform: rotate(180deg);
}

.home-page-teachers-row .slick-next::before {
    content: "";
    background-image: url(../images/directionArrow.svg);
    width: 150px;
    height: 50px;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: -80px;
    position: absolute;
    top: -15px;
}

.home-page-teachers-row .slick-disabled::before {
    content: "" !important;
    background-image: none !important;
    cursor: auto;
}

.home-page-cta-wrapper {
    padding: 45px 0px;
    padding-bottom: 0px;
}

.home-page-cta-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin: 0px;
}

.home-page-cta-newletter-heading {
    font-size: 40px;
}

.home-page-cta-icon {
    margin-bottom: -5px;
}

.home-page-cta-newsletters-form-wrapper {
    margin-bottom: 50px;
}

.home-page-cta-newsletter-form .form-control {
    background-color: #fff8ef;
    color: #0b1f2e;
    border: 1px solid #0b1f2e;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    padding-right: 15px;
}

.home-page-cta-newsletter-form .input-newsletter-submit {
    background-color: #0b1f2e;
    color: #fff;
    padding: 7px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px;
    padding-right: 20px;
    margin-left: -4px;
    padding-bottom: 6.5px;
    padding-left: 16px;
    border: 0px;
}

.home-page-cta-newsletter-form .form-control::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #0b1f2e;
    opacity: 1;
    /* Firefox */
}

.home-page-cta-newsletter-form .form-control:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #0b1f2e;
}

.home-page-cta-newsletter-form .form-control::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #0b1f2e;
}

.mobile-see-all {
    display: none;
}

.thank-you-text {
    color: rgba(0, 128, 0, 0.7);
    font-size: 34px;
    font-weight: 500;
    text-align: center;
}

.thank-you-text-after {
    color: black;
    font-size: 24px;
    font-weight: normal;
    text-align: center;
    width: 20ch;
}


/* For laptop Screens*/

@media screen and (max-width: 1440px) and (min-width: 1024px) {
    .home-page-title {
        line-height: 55px;
    }

    .home-page-playlist-carousel {
        display: flex;
        justify-content: space-between;
        /* width: 999px; */
        /* height: 520px !important; */
    }

    .home-page-playlist-carousel-item {
        width: 333px !important;
        height: 100%;
    }

    .home-page-carousel-item-wrapper {
        /* min-height: 500px !important; */
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        margin: 0px 0px;
        min-height: 100px;
        margin: 0px 0px;
    }

    .home-page-playlist-carousel-item-image-wrapper {
        max-height: 291px;
        margin: 0px;
        margin-bottom: 10px;
    }

    .home-page-playlist-carousel .slick-list {
        height: 100%;
    }

    .home-page-carousel-item-wrapper .label {
        min-height: 25px;
    }

    .home-page-playlist-carousel .slick-dots {
        width: fit-content;
        left: 38%;
        right: 50%;
        margin-bottom: -9px;
    }

    .home-description-top-text {
        width: 30ch;
    }

    .home-page-playlist-carousel-theme-item .home-page-playlist-carousel-item-image-wrapper {
        max-height: 291px;
        margin: 0px;
        margin-bottom: 10px;
    }

    .home-page-playlist-carousel .slick-list {
        height: 100%;
    }

    .home-page-carousel-item-wrapper .label {
        min-height: 25px;
    }

    .home-page-playlist-carousel .slick-dots {
        width: fit-content;
        left: 38%;
        right: 50%;
        margin-bottom: -9px;
    }

    .home-description-top-text {
        width: 30ch;
    }

    .home-page-playlist-carousel-theme-item .home-page-playlist-carousel-item-image-wrapper {
        margin: 0px 0px;
    }

    /* .hero-theme-description-container {border-left: 0.5px solid rgba(177, 78, 39, 0.3);} */
    .home-page-hero-image-container .large-title {
        display: none;
    }

    /* .hero-theme-image-container {
        border-right: 0px;
    } */
    /* .home-page-get-started-carousel .slick-list {width: 601px !important;} */
    .home-page-get-started-carousel .slick-disabled::before {
        content: "" !important;
        background-image: none !important;
        cursor: auto;
    }

    .home-page-get-started-carousel .slick-next {
        left: 85% !important;
        top: 90%;
    }

    .home-page-get-started-carousel .slick-prev {
        left: 85% !important;
        top: 10%;
    }

    .home-page-about-quote-heading {
        width: 11ch;
    }

    .home-page-get-started-wrapper {
        height: 100%;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
    }

    .home-page-cta-newsletter-form .input-newsletter-submit {
        background-color: #0b1f2e;
        color: #fff;
        padding: 3px;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 30px;
        border-top-right-radius: 30px;
        padding-right: 20px;
        margin-left: -5px;
        padding-bottom: 5.5px;
        padding-left: 16px;
        border: 0px;
    }

    .mobile-see-all {
        display: none;
    }
}

@media screen and (max-width: 1024px) and (min-width: 767px) {
    .home-page-playlist-wrapper {
        padding: 45px 20px;
    }

    .home-page-playlist-carousel {
        display: flex;
        justify-content: space-between;
        /* width: 648px; */
        height: 400px !important;
        margin: 0 auto;
    }

    .home-page-playlist-carousel-item {
        height: 379px !important;
    }

    .home-page-playlist-carousel-item {
        height: 100%;
    }

    .home-page-carousel-item-wrapper {
        /* height: 400px !important; */
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        margin: 0px;
    }

    .home-page-playlist-carousel-item-image-wrapper {
        height: 7px;
        margin: 0px;
    }

    .home-page-playlist-carousel-theme-item .home-page-playlist-carousel-item-image-wrapper {
        height: 7px;
        margin: 0px;
    }

    .home-page-playlist-carousel-theme-item .home-page-playlist-carousel-item-image-wrapper {
        margin: 0px;
    }

    /* .home-page-playlist-carousel .slick-slide,.home-page-playlist-carousel .slick-slide > div {height: 400px !important;} */
    /* .home-page-playlist-carousel .slick-list {height: 400px !important;} */
    .home-page-playlist-carousel .slick-dots {
        width: fit-content;
        left: 32%;
        right: 50%;
        margin-bottom: -13px;
    }

    .home-page-get-started-carousel .slick-list {
        width: 300px !important;
        height: 100%;
    }

    .home-page-get-started-carousel .slick-arrow {
        margin-left: -77px;
    }

    .home-page-playlist-carousel-item-image-wrapper {
        height: 200px;
    }

    .home-page-carousel-item-wrapper .label {
        min-height: 25px;
    }

    .home-page-playlist-carousel-item-heading {
        font-size: 29px;
        width: 14ch;
        text-transform: unset;
    }

    .home-page-playlist-carousel .home-page-playlist-carousel-item-heading {
        font-size: 28px;
        width: 100% !important;
        text-transform: unset;
    }

    .mobile-see-all {
        display: none;
    }
}


/* @media screen and (max-width: 800px) {.home-page-teachers-row .slick-list {width: 270px;}} */

@media screen and (max-width: 766px) and (min-width: 481px) {
    .home-page-playlist-wrapper {
        padding: 45px 20px;
    }

    .home-page-playlist-carousel {
        display: flex;
        justify-content: space-between;
        /* width: 480px;height: 300px !important; */
        margin: 0 auto;
    }

    .home-page-playlist-carousel-item {
        width: 320px !important;
        height: 100% !important;
    }

    .home-page-carousel-item-wrapper {
        min-height: 400px !important;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        margin: 0px;
    }

    /* .home-page-playlist-carousel .slick-slide {height: 300px !important;}.home-page-playlist-carousel .slick-list {height: 300px !important;} */
    .home-page-playlist-carousel-item-heading {
        font-size: 29px;
        width: 15ch;
        text-transform: unset;
    }

    .home-page-playlist-carousel .home-page-playlist-carousel-item-heading {
        font-size: 28px;
        width: 100% !important;
        text-transform: unset;
    }

    .desktop-see-all {
        display: none;
    }

    .mobile-see-all {
        display: block;
        margin-top: 20px;
    }
}

@media screen and (max-width: 576px) {
    .home-page-hero-container {
        flex-flow: wrap;
    }
}


/* For Mobile Screens */

@media screen and (max-width: 480px) {
    .home-page-playlist-wrapper {
        padding: 45px 20px;
    }

    .home-page-playlist-carousel {
        display: flex;
        justify-content: space-between;
        /* width: 320px; */
        margin: 0 auto;
        /* max-height: 500px !important; */
    }

    .home-page-playlist-carousel-item {
        width: 320px !important;
        height: 100% !important;
    }

    .home-page-carousel-item-wrapper {
        /* min-height: 500px !important; */
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        margin: 0px;
    }

    .home-page-playlist-carousel-item-image-wrapper {
        height: 290px;
        margin: 0px 0px;
    }

    .home-page-playlist-carousel-item-heading {
        font-size: 29px;
        width: 15ch;
        text-transform: unset;
    }

    .home-page-playlist-carousel .home-page-playlist-carousel-item-heading {
        font-size: 28px;
        width: 100% !important;
        text-transform: unset;
    }

    /* .home-page-playlist-carousel .slick-slide {max-height: 500px !important;}.home-page-playlist-carousel .slick-list {max-height: 500px !important;} */
    .home-page-playlist-carousel .slick-dots {
        /* width: fit-content;left: 30%;right: 18%; */
        display: none !important;
    }

    .home-description-top-text {
        width: 29ch;
    }

    .home-page-hero-image-container {
        align-items: center;
        justify-content: center;
    }

    .home-page-hero-image-wrapper {
        padding: 0px !important;
    }

    .home-page-hero-image-container .large-title {
        display: block;
        text-align: center;
        color: white;
        margin: 60px 0px;
        /* margin-top: 200px; */
    }

    @supports (-webkit-touch-callout: none) {

        /* CSS specific to iOS devices */
        .home-page-hero-image-container .large-title {
            display: block;
            text-align: center;
            color: white;
            margin: 60px 0px;
            /* margin-top: 100px; */
        }
    }

    .home-page-title {
        margin-top: 20px;
        font-size: 45px;
        line-height: 50px;
    }

    .home-page-search-wrapper .form-control {
        font-size: 16px;
    }

    .home-page-quote-heading-mobile-refresh-btn {
        display: block;
    }

    .home-page-quote-heading-wrapper,
    .home-page-quote-text-wrapper {
        border-right: 0px;
    }

    .home-page-quote-heading-wrapper {
        border-bottom: 0.5px solid rgba(177, 78, 39, 0.3);
    }

    .home-page-quote-text-wrapper {
        padding-left: 12px;
        min-height: 100px;
    }

    .home-page-get-started-wrapper {
        height: 100%;
    }

    .home-page-get-started-arch {
        height: 420px;
        width: 320px;
        margin: 0 auto;
    }

    .home-page-get-started-carousel .slick-list {
        width: 240px !important;
        height: 300px;
    }

    .home-page-get-started-carousel .slick-slide {
        width: 240px !important;
    }

    .home-page-get-started-carousel-item {
        width: 240px !important;
    }

    .home-page-get-started-carousel .slick-next {
        left: 90% !important;
        top: 90%;
    }

    .home-page-get-started-carousel .slick-prev {
        left: 90% !important;
        top: 10%;
    }

    .slick-arrow::before {
        background-image: url(../images/directionArrow-small.png) !important;
        width: 70px;
    }

    .home-page-get-started-carousel .slick-prev::before {
        content: "";
        background-image: url(../images/directionArrow-small.png);
        width: 70px;
        height: 50px;
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        margin-left: -38px !important;
        position: absolute;
        top: -22px !important;
        transform: rotate(180deg);
    }

    .home-page-get-started-carousel .slick-next::before {
        content: "";
        background-image: url(../images/directionArrow-small.png);
        width: 70px;
        height: 50px;
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        margin-left: -41px;
        position: absolute;
        top: -23px;
    }

    .home-page-get-started-carousel-wrapper {
        padding-top: 15px;
        width: 320px;
        margin: 0 auto;
    }

    .home-page-about-quote-container {
        border-right: 0px;
    }

    .home-page-topics-heading a {
        white-space: nowrap;
    }

    .home-page-about-row {
        height: 100%;
    }

    .home-page-teachers-row .slick-next {
        top: 90%;
    }

    .home-page-teachers-row .slick-prev::before {
        content: "";
        background-image: url(../images/directionArrow-small.png);
        width: 70px;
        height: 50px;
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        margin-left: -38px;
        position: absolute;
        top: -15px;
        transform: rotate(180deg);
    }

    .home-page-teachers-row .slick-next::before {
        content: "";
        background-image: url(../images/directionArrow-small.png);
        width: 70px;
        height: 50px;
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        margin-left: -35px;
        position: absolute;
        top: -15px;
    }

    .home-page-cta-row {
        flex-direction: column-reverse;
    }

    .newsletter-form-column {
        text-align: center;
    }

    .home-page-cta-newsletter-form .input-newsletter-submit {
        background-color: #0b1f2e;
        color: #fff;
        padding: 9.5px;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 30px;
        border-top-right-radius: 30px;
        padding-right: 20px;
        margin-left: -5px;
        padding-bottom: 7.5px;
        padding-left: 16px;
        border: 0px;
    }

    /* .home-page-playlist-carousel-item .slick-slide {width: 280px !important;} */
    .home-page-cta-newletter-heading {
        font-size: 28px;
    }

    .home-page-cta-row {
        margin: 0px !important;
    }

    /* .home-page-playlist-carousel .slick-slide {width: 320px !important;} */
    .home-page-search-wrapper .input-group-text img {
        width: 16px !important;
    }

    .home-page-search-wrapper .form-control {
        width: 83%;
    }

    /* .home-page-playlist-carousel {display: flex;justify-content: space-between;width: 317px;} */
    .home-page-get-started-carousel .slick-next::before {
        width: 80px !important;
    }

    .home-page-get-started-carousel .slick-prev::before {
        width: 80px !important;
    }

    .home-page-playlist-carousel .slick-next::before {
        width: 80px !important;
    }

    .home-page-playlist-carousel .slick-prev::before {
        width: 80px !important;
    }

    .desktop-see-all {
        display: none;
    }

    .mobile-see-all {
        display: block;
        margin-top: 20px;
    }

    .home-page-teacher-image-wrapper {
        width: 100%;
        height: 330px;
    }
}

@media screen and (max-width: 320px) {
    .home-page-teachers-row .slick-arrow {
        left: 86%;
    }

    .home-page-teachers-row .slick-arrow::before {
        width: 60px;
    }
}


/*------SEARCH PAGE----*/

.search-module {
    margin: 0 auto;
    padding: 64px 0px 70px;
}

.search-module-wrapper .label {
    margin-bottom: 10px;
    font-size: 18px;
}

.header-search-field {
    border-bottom: 0.5px solid rgba(177, 78, 39, 0.3);
    margin-bottom: 28px;
    justify-content: flex-start;
}

.header-search-field .form-control {
    padding-left: 0px;
}

.header-search-field img {
    width: 36px !important;
}

.search-results {
    margin: 0 !important;
    display: grid;
    grid-template-columns: 100%;
    grid-auto-rows: minmax(100px, auto);
    grid-gap: 20px;
}

.search-result {
    display: grid;
    grid-auto-rows: minmax(100px, auto);
    height: 220px;
}

.search-result-inner:hover {
    /* background-color: #dfd9d1; */
    cursor: pointer;
}

.search-result-inner {
    border: solid 1px rgba(177, 78, 39, 0.3);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    background-color: #fff;
    height: 100%;
}

.search-result-inner .description {
    border: 0px;
    /* display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;max-width: 100%;overflow: hidden;text-overflow: ellipsis;height: 70px; */
    font-size: 16px;
    font-weight: normal;
    display: block;
}

.search-result-heading {
    font-size: 22px;
    font-family: orpheuspro, serif;
    margin-bottom: 0px;
    max-width: 100%;
    word-break: break-all;
    font-weight: normal;
}

.search-result:first-child {
    padding-left: 0px !important;
}

.search-sticky {
    position: sticky;
    top: 50px;
    z-index: 999;
    background-color: #fff8ef;
    padding: 20px 0px;
}

.search-result-heading {
    text-decoration: underline;
    color: #b14e27;
    font-family: orpheuspro, serif;
    font-size: 28px;
    margin-bottom: 0px;
}

.search-module-wrapper #loader_message {
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.search-result-inner-image-wrapper {
    width: 250px;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.search-result-inner-image {
    height: 100%;
    width: 100%;
    object-fit: contain;
    object-position: 50% 50%;
}

.highlight {
    background: rgba(177, 78, 39, 0.2);
}

.search-input-button {
    width: 95px;
    height: 40px;
    background-color: #b14e27;
    color: #fff;
    border: none;
    border-radius: 30px;
    font-size: 20px;
    font-family: franklin-gothic-urw, sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-input-button h1 {
    font-size: 20px;
    margin-bottom: 0;
    font-family: var(--franklin);
}

.search-result-inner-col-image {
    align-items: center;
    justify-content: center;
    display: flex;
}

.search-result-user-image {
    border-top-left-radius: 100% 80%;
    border-top-right-radius: 100% 80%;
    width: 118px;
    object-fit: cover;
}

.search-module-filters {
    margin-top: 46px;
    margin-bottom: 25px;
    white-space: nowrap;
}

.search-module-result-count-column {
    display: flex;
    justify-content: flex-end;
    font-family: franklin-gothic-urw, sans-serif;
    font-size: 21px;
    color: #828282;
    align-items: center;
}

.search-module-result-count-column p {
    margin: 0px;
}

.search-module-filter-list {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    font-family: franklin-gothic-urw, sans-serif;
    font-size: 21px;
    overflow-y: hidden;
}

.search-module-filter-item {
    cursor: pointer;
}

.search-module-filter-item:hover {
    color: #b14e27;
}

.search-module-filter-item-active {
    color: #b14e27;
}

.search-module-filter-item-more,
.search-module-filter-list .search-module-filter-item:last-child {
    border-right: 1px solid #b14e27;
    padding-right: 30px;
}

.search-module-filter-item-more-dropdown-toggle {
    font-size: 21px;
}

.search-module-filter-item-more-dropdown-menu {
    width: max-content !important;
    min-width: max-content !important;
    height: fit-content !important;
    height: -moz-fit-content !important;
    box-shadow: none !important;
    border-radius: 0px;
    background-color: #fff;
    padding: 10px 0px;
}

.search-module-filter-item-more-dropdown-menu li {
    padding: 10px 10px;
    width: 100%;
    height: 36px;
    text-align: left;
    line-height: 16px;
    text-transform: capitalize;
    font-size: 20px;
}

.search-module-filter-item-more-dropdown-menu li:hover {
    color: #b14e27;
    background-color: rgba(177, 78, 39, 0.3);
}

.search-post-title-author-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.search-post-name-avatar-container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.search-post-member-avatar {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    object-position: top;
    overflow: hidden;
}

.search-post-member-avatar-container {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}


/* For Tablet Screens*/

@media screen and (max-width: 1024px) and (min-width: 480px) {
    .search-results {
        display: grid;
        grid-template-columns: 100%;
        grid-auto-rows: minmax(100px, auto);
        grid-column-gap: 20px;
    }

    .search-module-wrapper {
        padding: 0px 10px;
    }

    .home-page-search-wrapper .form-control {
        font-size: 18px;
    }

    .header-search-field img {
        width: 26px !important;
    }

    /* .search-result-inner .description {height: 65px;} */
    .search-result-heading {
        font-size: 22px;
    }

    .search-module {
        margin: 0 auto;
        padding: 33px 20px 170px;
    }

    .search-module-filter-item {
        margin-right: 20px;
    }

    .search-module-filter-list {
        width: 100%;
    }

    .search-module-wrapper .label {
        margin-bottom: 0px;
    }

    .search-input-button {
        height: 30px;
        font-size: 15px;
    }
}


/* For Mobile Screens */

@media screen and (max-width: 480px) {
    .search-results {
        display: flex;
        flex-direction: column;
        margin-top: 20px !important;
    }

    .search-module {
        margin: 0 auto;
        padding: 33px 20px 170px;
    }

    .search-module-filter-item {
        margin-right: 20px;
    }

    .search-module-wrapper .label {
        margin-bottom: 0px;
    }

    .search-module-filter-list {
        width: 100%;
    }

    .search-module-result-count-column {
        display: none;
    }

    .search-result-inner {
        padding: 20px 5px;
        margin: 0px;
        height: max-content;
        margin-bottom: 20px !important;
    }

    .search-result {
        display: grid;
        grid-auto-rows: minmax(100px, auto);
        height: 100%;
    }

    .search-result-inner-image-wrapper {
        width: 125px;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .search-result-inner-col-image {
        align-items: flex-start;
        justify-content: flex-start;
        display: flex;
        margin-bottom: 20px;
    }

    .search-result-user-image {
        border-top-left-radius: 100% 80%;
        border-top-right-radius: 100% 80%;
        width: 61px;
        height: 80px;
        object-fit: cover;
    }

    .search-result-inner-image {
        object-position: 0% 0%;
    }

    .search-input-button {
        height: 30px;
        font-size: 15px;
    }

    .search-module-filter-item-more-dropdown-menu {
        left: -25px !important;
    }

    .search-module-filter-item-more-container {
        padding-left: 15px !important;
        margin-top: 15px !important;
    }

    .search-module-filter-item-more {
        border-right: 0px !important;
    }

    .search-post-name-avatar-container {
        justify-content: flex-end;
    }
}


/* ------ABOUT PAGE------ */

.about-hero-container {
    min-height: 100%;
}

.hero-about-title-container {
    display: flex;
    flex-direction: column;
    /* border-right: 0.5px solid rgba(177, 78, 39, 0.3); */
    padding-top: 15px;
    justify-content: flex-end;
}

.about-hero-top-text {
    width: 33ch;
}

.our-pillars-wrapper .theme-description-bottom-text {
    margin-bottom: 30px;
}

.our-pillars-wrapper .theme-description-bottom-text:last-child {
    margin-bottom: 0px;
}

.our-pillars,
.our-founder,
.advisory-board,
.advisory-board-member,
.our-team {
    padding: 0px 20px;
}

.our-pillars-wrapper,
.advisory-board-wrapper,
.our-founder-wrapper,
.advisory-board-members-wrapper,
.our-team-wrapper {
    padding: 45px 0px;
}

.our-pillars-label {
    margin-bottom: 20px;
}

.our-pillars-heading {
    margin-bottom: 30px;
}

.our-pillar-column-heading {
    margin-bottom: 40px;
}

.our-pillar-column {
    border-right: 0.5px solid rgba(177, 78, 39, 0.3);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.our-pillar-column:last-child {
    border-right: 0px;
}

.our-founder-label {
    margin-bottom: 20px;
}

.our-founder-heading {
    margin-bottom: 40px;
    font-family: orpheuspro, serif;
    font-size: var(--Heading1);
    font-weight: normal;
}

.our-founder-quote-symbol {
    width: 30px;
}

.our-founder-image-wrapper {
    width: 184px;
    height: 288px;
    float: right;
}

.our-founder-quote-text {
    font-family: orpheuspro, serif;
    font-size: var(--Heading4);
    font-weight: normal;
}

.our-founder-quote-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.our-founder-introduction-text-link {
    color: #b14e27;
    cursor: pointer;
}

.our-founder-quote-wrapper * {
    margin-bottom: 20px;
}

.advisory-board-row {
    height: auto;
    align-items: flex-end;
}

.advisory-board-members-row {
    margin-top: 40px;
    flex-wrap: wrap;
}

.advisory-board-member-wrapper {
    margin-right: 30px;
    margin-top: 30px;
}

.advisory-board-member-image-wrapper {
    width: 210px;
    height: 280px;
    position: relative;
    cursor: pointer;
}

.advisory-board-member-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    object-position: top;
}

.advisory-board-member-name {
    color: #0b1f2e;
    font-size: var(--Heading4);
    margin-top: 10px;
    font-family: orpheuspro, serif;
    font-weight: normal;
}

.advisory-board-member-modal {
    width: 500px;
    max-width: 700px;
}

.advisory-board-member-modal .modal-body {
    max-height: 400px;
    overflow-y: auto;
}

.advisory-board-member-modal .modal-body::-webkit-scrollbar {
    width: 8px;
    border-radius: 20px;
    overflow-y: scroll !important;
}


/* Track */

.advisory-board-member-modal.modal-body::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 20px;
}


/* Handle */

.advisory-board-member-modal .modal-body::-webkit-scrollbar-thumb {
    background: rgba(177, 78, 39, 0.8);
    border-radius: 20px;
}


/* Handle on hover */

.advisory-board-member-modal .modal-body::-webkit-scrollbar-thumb:hover {
    background: rgba(177, 78, 39, 0.5);
}

.our-team-heading {
    margin-bottom: 20px;
    font-family: orpheuspro, serif;
    font-size: var(--Heading1);
    font-weight: normal;
}

.our-team-member-image-wrapper {
    width: 210px;
    height: 280px;
    cursor: pointer;
    position: relative;
}

.our-team-member-image-overlay {
    width: 100%;
    height: 100%;
    background-color: transparent;
    position: absolute;
}

.our-team-member-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    object-position: 0% 0%;
}

.our-team-member-introduction-container {
    margin-top: 40px;
    background-color: #fff8ef;
    padding: 5px;
}

.our-team-member-introduction-name {
    font-size: var(--Heading4);
    font-family: orpheuspro, serif;
    font-weight: normal;
    /* width: 50ch; */
}

.our-team-member-introduction-text {
    font-size: var(--pText);
    width: 100%;
}

.our-team-member-introduction-link {
    font-size: var(--LABEL);
    color: #b14e27;
    text-transform: uppercase;
    white-space: nowrap;
    font-style: italic;
}

.our-team-members-carousel .slick-next,
.our-board-members-carousel .slick-next {
    top: 140px;
}

.our-team-members-carousel .slick-prev,
.our-board-members-carousel .slick-prev {
    top: 140px;
}

.our-team-members-carousel .slick-next::before,
.our-board-members-carousel .slick-next::before {
    content: "";
    background-image: url(../images/directionArrow.svg);
    width: 50px;
    height: 50px;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 0px;
    position: absolute;
    top: -15px;
}

.our-team-members-carousel .slick-prev::before,
.our-board-members-carousel .slick-prev::before {
    content: "";
    background-image: url(../images/directionArrow.svg);
    width: 50px;
    height: 50px;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: -80px;
    position: absolute;
    top: -15px;
    transform: rotate(180deg);
}

.our-team-members-row {
    display: flex;
    flex-direction: row;
}

.our-content-creator-column-heading-wrapper {
    display: flex;
    align-items: flex-end;
    height: 300px;
    border-right: 0.5px solid rgba(177, 78, 39, 0.3);
}

.our-content-creator-column-text-wrapper {
    align-items: flex-end;
}

.advisory-board-column-heading {
    font-family: orpheuspro, serif;
    font-size: var(--Heading1);
    font-weight: normal;
}

.career-listing-link {
    color: #b14e27;
}

.advisory-board-member-introduction-text {
    display: none;
}

.advisory-board-member-image-overlay {
    width: 100%;
    height: 100%;
    background-color: transparent;
    position: absolute;
}

.our-team-members-container-mobile {
    display: none;
}

.our-team-members-carousel-desktop {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 30px;
    margin-top: 30px;
}

.our-team-members-carousel-desktop .our-team-member-text-container {
    margin-bottom: 30px;
}

.our-team-member-introduction-container {
    display: none;
}

.member-1 .our-team-member-introduction-container {
    display: block;
}

.our-team-member-text-container-mobile .member-1-mobile {
    display: none;
}

.our-team-member-introduction-text a {
    color: #b14e27;
    text-decoration: underline;
}

.our-team-member-item {
    margin-top: 30px;
    margin-right: 30px;
}

.our-team-member-introduction-container a {
    color: #b14e27;
    text-decoration: underline;
}

.board-member-1 .our-team-member-introduction-container {
    display: block;
}

.advisory-board-members-introduction-container .board-member-1 {
    display: block;
}


/* For Tablet Screens*/

@media screen and (max-width: 1440px) and (min-width: 480px) {
    .our-team-member-introduction-name {
        font-size: var(--Heading4);
        font-family: orpheuspro, serif;
        font-weight: normal;
        /* width: 50ch; */
    }

    .our-team-member-introduction-text {
        font-size: var(--pText);
        /* width: 60ch; */
    }
}

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

    .our-team-members-carousel .slick-next,
    .our-board-members-carousel .slick-next {
        top: 230px;
        left: 60%;
        z-index: 999;
    }

    .our-team-members-carousel .slick-prev,
    .our-board-members-carousel .slick-prev {
        top: 10%;
        left: 60%;
        z-index: 999;
    }

    .our-team-members-carousel .slick-next::before,
    .our-board-members-carousel .slick-next::before {
        content: "";
        background-image: url(../images/directionArrow-small.png);
        width: 150px;
        height: 50px;
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        margin-left: 0px;
        position: absolute;
        top: -15px;
    }

    .our-team-members-carousel .slick-prev::before,
    .our-board-members-carousel .slick-prev::before {
        content: "";
        background-image: url(../images/directionArrow-small.png);
        width: 150px;
        height: 50px;
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        margin-left: 0px;
        position: absolute;
        top: -15px;
        transform: rotate(180deg);
    }

    .advisory-board-text {
        font-size: var(--pText);
        line-height: normal;
    }

    .our-team-member-image-wrapper,
    .advisory-board-member-image-wrapper {
        width: 170px !important;
    }

    .member-1 .our-team-member-introduction-container {
        display: block;
    }
}


/* For Mobile Screens */

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

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

    .our-team-member-image-wrapper,
    .advisory-board-member-image-wrapper {
        width: 170px !important;
    }

    .member-1-mobile {
        display: block;
    }

    .advisory-board-member-modal {
        width: 100%;
        max-width: 700px;
    }
}

@media screen and (max-width: 480px) {
    .our-founder-quote-wrapper {
        flex-direction: column-reverse;
    }

    .our-founder-image-wrapper {
        float: left;
    }

    .hero-about-title-container {
        border-right: 0px;
        padding-left: 0px;
    }

    .hero-about-description-container {
        padding-left: 0px;
    }

    .about-hero-top-text {
        width: 24ch;
    }

    .our-pillar-column-heading {
        margin-bottom: 40px;
        margin-top: 20px;
    }

    .advisory-board-row {
        height: auto;
    }

    .our-team-members-carousel .slick-next,
    .our-board-members-carousel .slick-next {
        top: 90%;
        left: 70%;
        z-index: 999;
    }

    .our-team-members-carousel .slick-prev,
    .our-board-members-carousel .slick-prev {
        top: 10%;
        left: 70%;
        z-index: 999;
    }

    .our-team-members-carousel .slick-next::before,
    .our-board-members-carousel .slick-next::before {
        content: "";
        background-image: url(../images/directionArrow-small.png);
        width: 50px;
        height: 50px;
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        margin-left: 0px;
        position: absolute;
        top: -15px;
    }

    .our-team-members-carousel .slick-prev::before,
    .our-board-members-carousel .slick-prev::before {
        content: "";
        background-image: url(../images/directionArrow-small.png);
        width: 50px;
        height: 50px;
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        margin-left: 0px;
        position: absolute;
        top: -15px;
        transform: rotate(180deg);
    }

    .our-team-member-introduction-name {
        font-size: var(--Heading4);
        font-family: orpheuspro, serif;
        font-weight: normal;
        /* width: 25ch; */
    }

    .our-team-member-introduction-text {
        font-size: var(--pText);
    }

    /* .our-team-members-carousel .slick-slider,.our-team-members-carousel .slick-track,.our-team-members-carousel .slick-list {height: 250px !important;} */
    .our-team-members-row {
        display: flex;
        flex-direction: column;
    }

    .our-team-members-container-mobile {
        display: block;
    }

    .our-team-members-carousel-desktop {
        display: none;
    }

    .our-team-member-text-container-mobile .member-1-mobile {
        display: block;
    }

    .our-team-member-text-container .member-1 .our-team-member-introduction-container {
        display: none !important;
    }

    .advisory-board-member-wrapper {
        margin: 0px;
        margin-right: 2px;
    }

    .advisory-board-member-introduction-wrapper-mobile a {
        color: #b14e27;
        text-decoration: underline;
    }

    .advisory-board-members-introduction-container-mobile .board-member-1 .advisory-board-member-introduction-text {
        display: block;
    }

    .advisory-board-member-name {
        font-size: var(--Heading4);
        font-family: orpheuspro, serif;
        width: 25ch;
        margin-top: 20px;
        margin-bottom: 20px;
        font-weight: normal;
    }

    .board-member-1 .our-team-member-introduction-container {
        display: none;
    }

    .advisory-board-members-introduction-container .board-member-1 {
        display: none;
    }

    .modal-header .advisory-board-member-name {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .our-team-member-item {
        margin-top: 0px;
        margin-right: 0px;
    }

    .our-team-member-introduction-container {
        margin-top: 20px;
    }

    .our-content-creator-column-heading-wrapper {
        height: 100%;
    }
}


/* ------FAQs------ */

.faqs-section {
    margin-top: 20px;
    margin-bottom: 5%;
}

.faqs-section p {
    white-space: pre-line;
}

.faqs-section h3 {
    margin-top: 25px;
}

.faqs-section a {
    color: #b14e27;
    text-decoration: underline;
}

.faqs-section .card {
    background-color: transparent;
    border: 0px;
    cursor: pointer;
}

.faqs-section .card-header {
    background-color: transparent;
    border: 0px;
    padding: 0.75rem 1.25rem;
}

.faqs-section .card-header h2 {
    color: #b14e27;
    font-size: 20px;
    font-weight: normal;
    padding: 0.75rem 1.25rem;
}

.faqs-section .card-header h2 button {
    border: none;
    border-radius: 0px;
}

.faqs-section .card-header h2 button:focus,
.faqs-section .card-header h2 button:hover {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
    border-radius: 0px;
}

.faqs-section .card-body {
    padding-left: 80px;
    font-size: 21px;
}

.card-body iframe {
    text-align: center;
}

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

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

@media screen and (max-width: 480px) {
    .faqs-section .card-header h2 button {
        color: #b14e27;
        font-size: 16px;
    }

    .faqs-section .card-body {
        padding-left: 30px;
        font-size: 18px;
        line-height: 26px;
    }
}


/* ------Privacy Policy------ */

.hero-privacy-title-container {
    display: flex;
    flex-direction: column;
    padding-top: 15px;
    justify-content: flex-end;
    margin-left: -30px;
}

.Privacy-policy {
    margin-top: 20px;
}

.privacy-header-text {
    font-family: franklin-gothic-urw, sans-serif;
    font-size: var(--pText);
    margin-bottom: 1rem;
    font-weight: normal;
}

.Privacy-policy p {
    white-space: pre-line;
}

.Privacy-policy a {
    color: #b14e27;
    text-decoration: underline;
}

.privacy-policy-index li {
    list-style: none !important;
}

.Privacy-policy table {
    margin-bottom: 20px;
    table-layout: fixed;
}

.Privacy-policy table,
.Privacy-policy th,
.Privacy-policy td {
    border: 1px solid #ccc;
    padding: 10px;
    width: auto;
    font-weight: normal;
    vertical-align: top;
}

.Privacy-policy ul {
    margin-left: 30px;
    margin-bottom: 20px;
}

.Privacy-policy li {
    list-style-type: disc;
}

@media screen and (max-width: 769px) {
    .hero-privacy-title-container {
        display: flex;
        flex-direction: column;
        padding-top: 15px;
        justify-content: flex-end;
        margin-left: -15px;
    }

    .Privacy-policy {
        padding: 20px;
    }

    .faqs-section {
        padding: 20px;
    }
}


/* ---------TOS PAGE-------- */

.terms-of-service-effective-date {
    color: rgba(11, 31, 46, 0.5);
}

.tos-container {
    flex-direction: column;
    /* height: 55vh; */
    justify-content: flex-end;
}

.tos-text {
    font-family: franklin-gothic-urw, sans-serif;
    font-size: var(--pText);
    margin-bottom: 175px;
    padding-top: 45px;
}

.tos-text h2 {
    font-family: franklin-gothic-urw, sans-serif;
    font-size: var(--pText);
    font-weight: 700;
}

.tos-text h3 {
    font-family: franklin-gothic-urw, sans-serif;
    font-size: var(--pText);
    font-weight: normal;
}

.tos-text a {
    color: #b14e27;
    text-decoration: underline;
}

.tos-text ul>li>ul {
    text-indent: 50px;
}

.tos-hero {
    padding: 0px;
}

@media screen and (max-width: 1000px) {
    .tos-hero {
        padding: 20px;
    }

    .tos-text {
        padding-top: 45px;
        padding-right: 20px;
        padding-left: 20px;
    }
}


/* -----ALL TEACHERS------ */

.alltopicnteacher {
    height: 100%;
    margin-top: 35px;
}

.alltopicnteacher .large-title {
    margin-bottom: -10px;
    /* margin-left: 15px; */
}

.hero-all-topic-title-container {
    display: flex;
    flex-direction: column;
    padding-top: 15px;
    justify-content: flex-end;
    /* margin-left: -30px; */
}

.all-teacher-hero-text-container {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    border-left: 0.5px solid rgba(177, 78, 39, 0.3);
}


/* .indexing .tab-content li a::after {content: "";background-image: url('../images/flagSymbol.svg');width: 20px;font-size: 10px;height: 10px;position: absolute;background-position: center;background-size: contain;background-repeat: no-repeat;} */

.indexing {
    margin-top: 25px;
}

.indexing .nav-tabs {
    border-bottom: 0px solid #dee2e6;
}

.indexing .nav-tabs .nav-item .nav-link {
    padding: 5px 7px;
}


/* .indexing .nav-tabs .nav-item {margin-right: 3px;} */

.indexing .nav-tabs .nav-item .nav-link {
    font-weight: normal;
    margin: 3px;
    border-radius: 0;
    color: #b14e27;
    border: 1px solid #b14e27;
}

.indexing .nav-tabs .nav-item.show .nav-link,
.indexing .nav-tabs .nav-link.active {
    color: #fff !important;
    background-color: #b14e27;
}

.indexing .tab-content {
    padding: 1em 0.5em;
}

.indexing .tab-content .index-list {
    margin-top: 2em;
    padding-bottom: 2em;
}

.indexing .tab-content .index-list ul {
    columns: 3;
    column-rule: 0.5px solid rgba(177, 78, 39, 0.3);
}

.index-list li {
    break-inside: avoid-column;
}

.indexing .tab-content li a {
    font-size: var(--themeRelatedTopicsLink);
    line-height: 35px;
    color: #0b1f2e;
    font-family: orpheuspro, serif;
    white-space: nowrap;
    z-index: 1;
}

.indexing .tab-content li a:hover {
    color: #b14e27;
}

@media screen and (max-width: 1440px) {
    .indexing .tab-content .index-list ul {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
    }

    .hero-all-topic-title-container {
        margin-left: 0px !important;
    }
}

@media screen and (max-width: 480px) {
    .indexing .tab-content .index-list ul {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
    }

    .all-teacher-hero-text-container {
        border: none !important;
    }

    .hero-all-topic-title-container {
        margin-left: 0px !important;
        margin-bottom: 20px !important;
    }

    .hero-all-topic-title-container,
    .all-teacher-hero-text-container {
        padding-left: 0px !important;
    }
}


/* -----ALL TOPICS------ */

.hero-all-topic-title-container {
    display: flex;
    flex-direction: column;
    padding-top: 15px;
    justify-content: flex-end;
    /* margin-left: -30px; */
}

.indexing {
    margin-top: 25px;
}

.indexing .pad0 {
    padding: 0;
}

.indexing .nav-tabs {
    border-bottom: 0px solid #dee2e6;
}

.indexing .nav-tabs .nav-item .nav-link {
    padding: 4px;
    width: 33px;
    text-align: center;
}

.indexing .nav-tabs .nav-item .nav-link {
    font-weight: normal;
    margin: 2px;
    border-radius: 0;
    color: #b14e27;
    border: 1px solid #b14e27;
}

.indexing .nav-tabs .nav-item.show .nav-link,
.indexing .nav-tabs .nav-link.active {
    color: #fff !important;
    background-color: #b14e27;
}

.indexing .tab-content {
    padding: 1em 0.5em;
}

.indexing .tab-content .index-list {
    margin-top: 2em;
    padding-bottom: 2em;
}

.indexing .tab-content .index-list ul {
    columns: 3;
    column-rule: 0.5px solid rgba(177, 78, 39, 0.3);
}

.indexing .tab-content li a {
    font-size: var(--themeRelatedTopicsLink);
    line-height: 35px;
    color: #0b1f2e !important;
    font-family: orpheuspro, serif;
    white-space: nowrap;
    z-index: 1;
}

.indexing .tab-content li a:hover {
    color: #b14e27 !important;
}

.indexing .mobile-tabs,
.indexing .mobile-tabs-wrapper {
    display: none;
}

@media screen and (max-width: 992px) {
    .indexing .pad0 {
        padding: 0 10px;
    }

    .indexing .nav {
        display: none;
    }

    .indexing .mobile-tabs-wrapper {
        display: block;
        padding: 0px 15px;
        border: 0.5px solid rgba(177, 78, 39, 0.3);
    }

    .indexing .mobile-tabs {
        display: block;
        width: 100%;
        height: 52px;
        border: none;
        background-color: #fff8ef;
        font-size: 20px;
        font-family: franklin-gothic-urw, sans-serif;
        color: #b14e27;
        text-transform: uppercase;
        outline: none;
    }
}

@media screen and (max-width: 1440px) {
    .indexing .tab-content .index-list ul {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
    }
}

@media screen and (max-width: 480px) {
    .indexing .tab-content .index-list ul {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
    }
}


/* ----404 Page----- */

.page-404-container {
    margin: 0 auto;
    padding: 45px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 90vh !important;
}

.page-404-wrapper h1 {
    margin-bottom: 20px;
    font-size: 80px;
}

.page-404-wrapper h2 {
    font-family: orpheuspro, serif;
    margin-bottom: 40px;
}

.page-404-return-btn-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 300px;
    margin: 0 auto;
}

.page-404-return-btn-wrapper .log-in-btn {
    width: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 1440px) and (min-width: 480px) {
    .page-404-return-btn-wrapper .log-in-btn {
        display: flex;
    }
}

@media screen and (max-width: 480px) {
    /* .page-404-return-btn-wrapper .log-in-btn {
            display: inline;
        } */
}


/* -----CONTACT US PAGE------ */

.hero-contact-title-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-right: 0.5px solid rgba(177, 78, 39, 0.3);
    padding-top: 15px;
    padding-right: 30px;
    min-width: 41.666%;
}

.hero-contact-details-container {
    padding-top: 30px;
    padding-left: 0px;
    padding: 0px 20px;
}

.large-contact-title {
    word-wrap: break-word;
    width: 100%;
}

.hero-contact-details-container p {
    font-family: franklin-gothic-urw, sans-serif;
    font-size: var(--pText);
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 32px;
    letter-spacing: normal;
    text-align: left;
    color: #0b1f2e;
    margin-bottom: 0;
}

.hero-contact-details-container a {
    color: #b14e27;
    text-decoration: underline;
}

.hero-contact-details-container h4 {
    font-size: var(--Heading4);
    font-weight: normal;
    line-height: 1.4;
    color: #0b1f2e;
    margin-top: 20%;
}

.hero-contact-details-container form {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
}

.hero-contact-details-container .hs-main-font-element {
    margin-top: 20px;
}

.hero-contact-details-container .hs-form-field {
    width: 100%;
}

.hero-contact-details-container .hs-button {
    width: 160px;
    height: 42px;
    background-color: #b14e27;
    color: #fff;
    border-radius: 30px;
    margin-top: 20px;
    border: none;
}

.hero-contact-details-container .hs_submit {
    align-self: flex-end;
}

.hero-contact-details-container .hs-richtext p {
    width: 70%;
}

.hero-contact-details-container textarea {
    height: 150px;
}

.hero-contact-details-container .hs-form-required {
    color: #c55050;
}

.hero-contact-details-container .hs-form-field label span:first-child {
    font-size: 21px;
    font-family: franklin-gothic-urw, sans-serif;
}

.hero-contact-details-container .hs-error-msg {
    color: #c55050;
}

.hs_error_rollup {
    display: none;
}

.hero-contact-details-container .btn-submit {
    align-self: flex-end;
}

.hero-contact-details-container .btn-submit input[type="submit"] {
    background-color: #b14e27;
    border: none;
    color: white;
    padding: 0px 30px;
    border-radius: 20px;
    text-decoration: none;
    cursor: pointer;
    height: 40px;
}

.hero-contact-details-container input,
.hero-contact-details-container textarea {
    font-size: var(--pText);
    border: none;
    box-shadow: none;
    border-bottom: solid 1px rgba(11, 31, 46, 0.5);
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    color: #5f5b5b;
    outline: none;
    padding: 2px 6px;
    margin-bottom: 10px !important;
    max-width: 300px;
    width: 100%;
    display: block;
    background: transparent;
}

.hero-contact-details-container textarea {
    border: solid 1px rgba(11, 31, 46, 0.5);
}


/* #hs-form-iframe-0 {height: 600px !important;} */

@media screen and (max-width: 769px) {
    .hero-contact-details-container form {
        display: block;
    }

    .hero-contact-details-container .feild {
        width: 100%;
    }

    .hero-contact-details-container input,
    .hero-contact-details-container textarea {
        max-width: 100%;
    }

    .hero-contact-title-container {
        border: 0px;
    }
}


/* -----CONTENT DSCOVERY PAGE---- */

.sub-nav {
    background: #fff;
    padding: 5px 0;
    position: fixed;
    width: 100%;
    top: 60px;
    left: 0;
    z-index: 99;
    border-bottom: 0.5px solid rgba(177, 78, 39, 0.3);
}

.sub-nav .subnav-container {
    width: 90%;
    max-width: 1000px;
}

.sub-navigationbar {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.sub-navigationbar .filter-label {
    margin-bottom: 0;
}

.sub-navigationbar .sub-navbar {
    align-self: center;
}

.sub-navigationbar .sub-navbar ul li,
.sub-navigationbar .sub-navbar ul li a {
    font-size: 18px;
}

.sub-navigationbar .show ul.types {
    display: block !important;
}

.sub-navigationbar .sub-menu {
    display: none;
}

@media screen and (max-width: 768px) {
    .sub-navigationbar .sub-menu {
        display: block;
    }

    .sub-navigationbar .sub-navbar ul li {
        border-bottom: 0.5px solid rgba(177, 78, 39, 0.1);
    }

    .sub-navigationbar #sub-navbar {
        background: #fff8ef;
        position: absolute;
        width: 100%;
        left: 0;
        top: 40px;
        text-align: center;
        background: #fff;
    }

    .sub-navigationbar .show ul.types {
        margin-right: 0;
    }

    .sub-navigationbar .more-type-dropdown-content {
        width: 100%;
    }

    .sub-navigationbar .showsub {
        display: block !important;
    }
}


/* -----COMING SOON--------- */

.coming-soon-checkbox {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.coming-soon-checkbox label {
    margin-top: -5px;
    margin-left: 20px;
    /* width: 47ch; */
}

.coming-soon-checkbox label a {
    text-decoration: underline;
}

#sign-up-checkbox-1,
#sign-up-checkbox-2 {
    width: 33px;
    height: 20px;
    background-color: #fff8ef;
    border: 1px solid #0b1f2e;
    border-radius: 2px;
}

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

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

#loader_image {
    padding: 45px 0px;
}

.postcard-quotes {
    display: block;
    width: 42px !important;
    margin-bottom: 0px;
}

.quote-excerpt {
    font-family: orpheuspro, serif;
    font-size: 25px;
    line-height: 30px;
}


/* -----ONBOARDING PROFILE PAGE------- */

.onboarding-profile-hero {
    height: 100% !important;
}

.onboarding-profile-hero-wrapper {
    padding-top: 45px;
    padding-bottom: 45px;
}

.onboarding-profile-hero-container {
    height: fit-content;
}

.onboarding-profile-hero-heading-column {
    /* border-right: 0.5px solid rgba(177, 78, 39, 0.3); */
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}


/* .onboarding-profile-section {display: flex;align-content: flex-start;justify-content: space-between;flex-direction: row;} */

.onboarding-profile-section-wrapper,
.onboarding-profile-topic-selection-section-wrapper {
    padding: 45px 0px;
}

.onboarding-profile-section-heading {
    margin-bottom: 40px;
}

.onboarding-profile-profile-image-wrapper {
    width: 300px;
    height: 300px;
    margin-bottom: 20px;
    background-color: rgba(0, 0, 0, 0.5);
}

.onboarding-profile-profile-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    object-position: 50% 0%;
    border-top-left-radius: 120% 120%;
    border-top-right-radius: 120% 120%;
}

.onboarding-profile-profile-image-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.onboarding-profile-profile-image-container .onboarding-profile-error-message {
    text-align: center;
    display: block !important;
    width: 33ch;
}

.onboarding-profile-image-upload-button {
    width: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.onboarding-profile-profile-text-container {
    display: flex;
    align-items: flex-start;
    justify-content: space-evenly;
    flex-direction: column;
}

.onbaoarding-profile-input-container {
    width: 100%;
    margin-bottom: 10px;
}

.onboarding-profile-row {
    margin: 0px !important;
}

.onboarding-profile-error-message {
    color: #b14e27;
    display: inline;
    visibility: hidden;
    margin: 0 auto;
}

.onboarding-profile-label {
    font-size: 16px;
    font-family: inherit;
    text-transform: capitalize;
}

.onboarding-profile-input {
    background-color: rgba(196, 196, 196, 0.2);
    border: 0px;
    border-bottom: 1px solid #000;
    width: 100%;
    font-size: 21px;
    padding: 0px 5px;
}

.onboarding-profile-input-character-limit {
    display: inline;
    float: right;
}

#onboarding-profile-bio {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
}

.onboarding-profile-submit-button {
    align-self: flex-end;
}

.onboarding-profile-topics-selection-section-wrapper {
    width: 0px;
    display: none;
}

.onboarding-profile-topics-selection-wrapper {
    padding: 45px 0px;
    display: none;
}

.onboarding-profile-selection-steps {
    font-family: franklin-gothic-urw, sans-serif;
    font-size: 21px;
    color: #000;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    width: 30%;
}

.onboarding-profile-selection-step {
    color: rgb(0, 0, 0, 0.5);
    margin: 0px;
}

.onboarding-profile-topics-selection-heading {
    font-family: franklin-gothic-urw, sans-serif;
    font-size: 26px;
    line-height: 36px;
    color: #0b1f2e;
}

.onboarding-profile-topics-selection-subheading {
    color: #828282;
    font-size: 22px;
}

.onboarding-profile-topics-selection-heading-wrapper {
    margin: 10px 0px 20px;
}

.onboarding-profile-topics-selection-list-ul,
.onboarding-profile-teachers-selection-list-ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
    /* width: 800px;margin: 0 auto; */
}

.onboarding-profile-topics-selection-list-li,
.onboarding-profile-teachers-selection-list-li {
    padding: 16px 16px;
    border-radius: 30px;
    border: 0.5px solid rgba(177, 78, 39, 0.3);
    white-space: nowrap;
    font-size: 16px;
    color: #b14e27;
    /* margin-bottom: 22px; */
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    /* width: 250px; */
    height: 40px;
}

.onboarding-profile-topics-selection-list-li:hover,
.onboarding-profile-topics-selection-list-li:active {
    background-color: #b14e27;
    color: #fff;
}

.onboarding-profile-topics-selection-list-ul .active {
    background-color: #b14e27 !important;
    color: #fff !important;
}

.onboarding-separator-line {
    width: 100%;
    height: 1px;
    background-color: #b14e27;
    margin-top: 36px;
    margin-bottom: 20px;
}

.onboarding-profile-topics-next-button-wrapper {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-direction: row;
}

.inactive {
    background-color: rgba(177, 78, 39, 0.3);
    cursor: none;
}

.onboarding-profile-teachers-selection-section-wrapper {
    width: 0px;
    display: none;
}

.onboarding-profile-teachers-selection-wrapper {
    padding: 45px 0px;
    display: none;
}

.onboarding-profile-teachers-selection-heading {
    font-family: franklin-gothic-urw, sans-serif;
    font-size: 26px;
    line-height: 36px;
    color: #0b1f2e;
}

.pick-3 {
    color: #828282;
}

.onboarding-profile-teachers-selection-heading-wrapper {
    margin: 10px 0px 20px;
}

.onboarding-profile-teachers-selection-list-li:hover,
.onboarding-profile-teachers-selection-list-li:active {
    background-color: #b14e27;
    color: #fff;
}

.onboarding-profile-teachers-selection-list-ul .active {
    background-color: #b14e27;
    color: #fff !important;
}

.onboarding-profile-teachers-next-button-wrapper {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-direction: row;
}

.onboarding-profile-collections-selection-section-wrapper {
    width: 0px;
    display: none;
}

.onboarding-profile-collections-selection-wrapper {
    padding: 45px 0px;
    display: none;
}

.onboarding-profile-collections-selection-heading {
    font-family: franklin-gothic-urw, sans-serif;
    font-size: 26px;
    line-height: 36px;
    color: #0b1f2e;
}

.onboarding-profile-collections-selection-heading-wrapper {
    margin: 10px 0px 20px;
}

.onboarding-profile-collections-selection-list-li {
    margin-bottom: 24px;
}

.onboarding-profile-collections-next-button-wrapper {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-direction: row;
}

.onboarding-profile-collections-selection-postcard {
    height: 100%;
    background-color: white;
    padding: 25px;
    border: 0.5px solid rgba(177, 78, 39, 0.6);
}

.onboarding-profile-collections-selection-postcard-image-wrapper {
    height: 200px;
}

.onboarding-profile-collections-selection-postcard-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: 50% 0%;
    overflow: hidden;
}

.onboarding-profile-collections-selection-postcard-text-column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.onboarding-profile-collections-selection-postcard-text-heading-container {
    width: 100%;
    margin-bottom: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.follow-button {
    background-color: #fff;
    color: #b14e27;
    border: 0.5px solid #b14e27;
    font-family: franklin-gothic-urw, sans-serif;
    width: 160px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    font-size: 20px;
}

.follow-button::after {
    position: absolute;
    left: 80%;
    top: 45%;
    margin: 0px !important;
}

.follow-button-active {
    background-color: #b14e27;
    border: 0.5px solid rgba(177, 78, 39, 0.3);
    color: #fff !important;
    justify-content: flex-start;
}

.follow-button-active::after {
    position: absolute;
    left: 85%;
    top: 45%;
    margin: 0px !important;
}

.follow-button-active .user-profile-following-user-privacy-status-image {
    width: 20px !important;
}

.onboarding-profile-collections-selection-postcard-text-follow-button {
    float: right;
    justify-content: center;
}

.onboarding-profile-collections-selection-postcard-text-heading-text {
    font-family: orpheuspro, serif;
    font-size: 32px;
    font-weight: normal;
    display: inline;
}

.onboarding-profile-collections-selection-postcard-text {
    font-size: var(--pLargeText);
}

.onboarding-profile-instructions-selection-wrapper {
    padding: 45px 0px;
    display: none;
}

.onboarding-profile-instructions-selection-heading {
    font-size: var(--pLargeText);
    margin-bottom: 80px;
}

.onboarding-profile-instructions-selection-icons-container {
    width: 90%;
    margin: 0 auto;
}

.onboarding-profile-instructions-selection-icon-image-wrapper {
    width: 160px;
}

.onboarding-profile-instructions-selection-icon-image-wrapper .follow-button-active {
    justify-content: center;
}

.onboarding-profile-instructions-selection-icon-image-wrapper .follow-button::after {
    display: none;
}

.onboarding-profile-instructions-selection-icon-image {
    object-fit: contain;
    object-position: 0% 0%;
    overflow: hidden;
}

.onboarding-profile-instructions-selection-text-column {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: column;
}

.onboarding-profile-instructions-selection-text {
    margin: 0px;
    font-size: var(--pLargeText);
}

.onboarding-profile-instructions-selection-icons-row {
    margin-bottom: 60px;
}


/* .onboarding-profile-instructions-selection-icons-table,.onboarding-profile-instructions-selection-icons-table tr,.onboarding-profile-instructions-selection-icons-table td {border: 1px solid black;} */

.onboarding-profile-instructions-selection-icons-table td {
    text-align: center;
    padding: 30px;
}

.onboarding-profile-instructions-selection-text-td {
    text-align: left !important;
}

.onboarding-profile-instructions-selection-icons-table {
    margin-bottom: 80px;
}

.onboarding-profile-instructions-next-button-wrapper {
    display: flex;
    align-self: flex-start;
}

.onboarding-profile-instructions-next-button {
    width: 288px !important;
    font-size: 20px !important;
}

.onboarding-profile-pagination {
    justify-content: center !important;
}

.onboarding-profile-instructions-selection-icon-image-wrapper .save-btn {
    width: 20px;
}

.onboarding-profile-teachers-skip-button {
    margin-right: 20px !important;
    background-color: #fff9ef !important;
    border: 1px solid #b14e27 !important;
    color: #b14e27 !important;
}

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

    .onboarding-profile-topics-selection-list-ul,
    .onboarding-profile-teachers-selection-list-ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px;
    }

    .onboarding-profile-topics-selection-wrapper,
    .onboarding-profile-teachers-selection-wrapper,
    .onboarding-profile-collections-selection-wrapper,
    .onboarding-profile-instructions-selection-wrapper,
    .onboarding-profile-hero-wrapper {
        padding: 45px 20px;
    }

    .onboarding-profile-profile-image-wrapper {
        width: 300px;
    }
}

@media screen and (max-width: 767px) and (min-width: 481px) {
    .onboarding-profile-collections-selection-postcard-text-heading-container {
        margin-top: 20px;
    }

    .onboarding-profile-profile-image-wrapper {
        width: 100%;
    }

    #editprofileModal .onboarding-profile-profile-image-wrapper {
        width: auto;
    }

    .onboarding-profile-topics-selection-wrapper,
    .onboarding-profile-teachers-selection-wrapper,
    .onboarding-profile-collections-selection-wrapper,
    .onboarding-profile-instructions-selection-wrapper,
    .onboarding-profile-hero-wrapper {
        padding: 45px 20px;
    }
}

@media screen and (max-width: 767px) and (min-width: 481px) {}

@media screen and (max-width: 480px) {
    .onboarding-profile-instructions-selection-wrapper {
        padding: 45px 10px;
    }

    .onboarding-profile-hero-wrapper,
    .onboarding-profile-section-wrapper,
    .onboarding-profile-topics-selection-wrapper,
    .onboarding-profile-teachers-selection-wrapper,
    .onboarding-profile-collections-selection-wrapper {
        padding-left: 20px;
        padding-right: 20px;
    }

    .onboarding-profile-profile-image-container {
        margin-bottom: 20px;
    }

    .onboarding-profile-submit-button {
        width: 100%;
    }

    .onboarding-profile-selection-steps {
        width: 100%;
        justify-content: space-around;
    }

    .onboarding-profile-topics-selection-list-ul,
    .onboarding-profile-teachers-selection-list-ul {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 20px;
    }

    .onboarding-profile-topics-next-button-wrapper,
    .onboarding-profile-teachers-next-button-wrapper,
    .onboarding-profile-collections-next-button-wrapper {
        flex-direction: column;
    }

    .onboarding-profile-teachers-next-button,
    .onboarding-profile-collections-next-button {
        margin: 20px 0px;
    }

    .onboarding-profile-topics-next-button,
    .onboarding-profile-teachers-next-button,
    .onboarding-profile-collections-next-button {
        display: block;
        width: 100%;
    }

    .onboarding-profile-topics-next-button-wrapper .onboarding-profile-error-message,
    .onboarding-profile-teachers-next-button-wrapper .onboarding-profile-error-message .onboarding-profile-collections-next-button-wrapper .onboarding-profile-error-message {
        width: 100%;
        margin-top: 10px;
    }

    .onboarding-profile-collections-selection-postcard-text-follow-button {
        float: none;
    }

    .onboarding-profile-collections-selection-postcard-text-heading-text {
        display: block;
        margin: 10px 0px;
    }

    .onboarding-profile-instructions-selection-icons-table td {
        padding: 10px;
    }

    .onboarding-profile-instructions-selection-icon-image-wrapper {
        width: 100px;
    }

    .onboarding-profile-instructions-selection-icon-image-wrapper .follow-button {
        width: 100% !important;
    }

    .onboarding-profile-instructions-selection-text {
        margin: 0px;
        font-size: 16px;
    }

    .onboarding-profile-profile-image-wrapper {
        width: 300px;
        height: 300px;
    }

    .onboarding-profile-instructions-selection-heading {
        font-size: 16px;
    }

    .onboarding-profile-instructions-selection-icon-image-wrapper .follow-button::after {
        margin-left: 10px;
    }

    .onboarding-profile-collections-selection-postcard-text-heading-container {
        margin-top: 20px;
        flex-flow: wrap;
    }

    .onboarding-profile-collections-selection-postcard-text-follow-button {
        width: 100%;
    }

    .onboarding-profile-instructions-selection-heading {
        margin-bottom: 20px;
    }

    .onboarding-profile-instructions-selection-icons-table {
        margin-bottom: 20px;
    }

    .onboarding-profile-instructions-next-button-wrapper {
        display: flex;
        align-self: center;
        justify-content: center;
    }

    .onboarding-profile-topics-selection-list-li:hover {
        background-color: #fff8ef;
        color: #b14e27;
    }

    .onboarding-profile-topics-selection-heading {
        font-size: 21px;
    }

    .onbording-skip-next-btn-container {
        width: 100%;
    }
}


/* --------SITEMAP PAGES--------- */

.sitemap-topic-heading {
    text-transform: inherit;
    font-family: franklin-gothic-urw, sans-serif;
    font-size: 32px;
    line-height: 38px;
    letter-spacing: 1.44px;
    color: #b14e27 !important;
    margin-bottom: 30px;
}

.sitemap-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px 0px;
}

.sitemap-pagination-pagination-numbers {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.sitemap-pagination-number {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #b14e27;
    border: 0.5px solid #b14e27;
    background-color: #fff8ef;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px 10px;
    cursor: pointer;
}

.sitemap-pagination-number:hover,
.sitemap-pagination-number-active {
    color: #fff;
    background-color: #b14e27;
}

.sitemap-pagiantion-previous,
.sitemap-pagiantion-next {
    color: #b14e27;
    cursor: pointer;
}


/* -------USER PROFILE PAGE------ */

.user-profile-hero-wrapper {
    padding: 45px 0px;
}

.user-profile-container {
    margin: 0px;
}

.user-profile-image-container {
    border-right: 0.5px solid rgba(177, 78, 39, 0.3);
}

.user-profile-image-container div {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
}

.user-profile-image-wrapper {
    width: 300px;
    height: 300px;
    position: relative;
}

.user-profile-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 0%;
    overflow: hidden;
    border-top-left-radius: 120% 120%;
    border-top-right-radius: 120% 120%;
}

.user-profile-image-change {
    position: absolute;
    border: 0px;
    margin-bottom: 30px;
    margin-right: 30px;
    bottom: 0%;
    right: 0%;
    border-radius: 50%;
    background-color: #0b1f2e;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.user-profile-image-change img {
    width: 20px;
}

.user-profile-details-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
}

.user-profile-details-type-edit-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.user-profile-details-type-edit-container .follow-button-active img {
    margin-left: 10px;
}

.user-profile-details-type-edit-container p {
    margin-bottom: 0px !important;
}

.user-profile-edit-button::after {
    display: none;
}

.user-profile-edit-button-dropdown {
    background-color: #fff !important;
    border: 0.5px solid rgba(177, 78, 39, 0.3) !important;
    width: 140px !important;
    height: fit-content !important;
    height: -moz-max-content !important;
    text-align: left !important;
    padding: 10px !important;
    box-shadow: none !important;
    border: 0.5px solid rgba(177, 78, 39, 0.3) !important;
    border-radius: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.user-profile-edit-button-dropdown ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.user-profile-edit-button-dropdown.show {
    justify-content: center !important;
}

.user-profile-edit-button-dropdown li {
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
    text-align: center;
}

.user-profile-edit-button-dropdown .dropdown-item:hover {
    background-color: rgba(177, 78, 39, 0.3);
    color: #b14e27;
}

.user-profile-username {
    margin-bottom: 0px;
    font-size: 3vw;
}

.user-profile-name {
    font-size: 21px;
    padding: 0px;
    margin: 0px;
    margin-bottom: 30px;
}

.user-profile-description,
.user-profile-email-address {
    font-size: 21px;
}

.user-profile-following-items-wrapper {
    padding: 45px 0px;
}

.user-profile-following-items-header-container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    font-size: 20px;
    margin-bottom: 20px;
}

.user-profile-following-items-header-container .navbar-nav {
    margin-right: 0px;
}

.user-profile-following-items-header-container .navbar {
    padding-right: 0px;
}

.user-profile-following-items-menu {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.user-profile-following-item {
    margin-left: 20px;
    cursor: pointer;
}

.user-profile-following-user-heading,
.user-profile-following-topic-heading,
.user-profile-following-item-heading {
    font-size: 32px;
    margin-bottom: 30px;
}

.user-profile-following-users-container,
.user-profile-following-topics-container,
.user-profile-following-collections-container,
.user-profile-following-teachers-container,
.user-profile-following-themes-container {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-flow: wrap;
    margin-bottom: 40px;
}

.user-profile-following-posts-container {
    display: block !important;
    justify-content: center !important;
}

.user-profile-following-topics .user-profile-following-user-privacy-status-image,
.my-library .user-profile-following-user-privacy-status-image {
    margin-left: 0px;
}

.user-profile-following-user,
.user-profile-following-topic {
    width: 328px;
    height: max-content;
    background-color: #fff;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    margin-right: 4px;
    margin-bottom: 30px;
    border: 0.5px solid rgba(177, 78, 39, 0.3);
}

.user-profile-following-theme,
.user-profile-following-teacher,
.user-profile-following-collection {
    width: 328px;
    height: 360px;
    background-color: #fff;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    margin-right: 4px;
    margin-bottom: 30px;
    border: 0.5px solid rgba(177, 78, 39, 0.3);
}

.user-profile-following-collections-heading-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.user-profile-following-collections-see-all,
.user-profile-following-teacher-heading-see-all,
.user-profile-following-topic-heading-see-all {
    color: #b14e27;
    text-decoration: underline;
    white-space: nowrap;
}

.user-profile-following-collection-heading,
.user-profile-following-teacher-heading,
.user-profile-following-topic-heading {
    font-weight: normal;
}

.user-profile-following-theme-heading-container,
.user-profile-following-teacher-heading-container,
.user-profile-following-collection-heading-container,
.user-profile-following-user-heading-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
    margin-bottom: 5px;
    height: 82px;
}

.user-profile-following-theme-description,
.user-profile-following-teacher-description,
.user-profile-following-collection-description {
    width: 100%;
    height: 250px;
    display: flex;
    align-items: center;
}

.user-profile-following-theme-heading-text,
.user-profile-following-teacher-heading-text,
.user-profile-following-collection-heading-text {
    margin: 0px;
}

.user-profile-following-theme-name,
.user-profile-following-teacher-name,
.user-profile-following-collection-name {
    font-family: orpheuspro, serif;
    font-size: 28px;
    margin: 0px;
    padding: 0px;
}

.user-profile-following-collection-name-45 {
    font-size: 24px;
    word-break: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    font-family: orpheuspro, serif;
}

.user-profile-following-collection-name-60 {
    font-size: 20px;
    word-break: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    font-family: orpheuspro, serif;
}

.user-profile-following-collection-name-90 {
    font-size: 16px;
    word-break: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    font-family: orpheuspro, serif;
}

.user-profile-following-collection-name-120 {
    font-size: 16px;
    word-break: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    font-family: orpheuspro, serif;
}

.user-profile-following-teacher-text-container,
.user-profile-following-collection-text-container {
    width: 100%;
}

.user-profile-following-user-name-container,
.user-profile-following-topic-heading-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
    margin-bottom: 5px;
}

.user-profile-following-topic-heading-container .dropdown {
    padding: 10px;
    background-color: #b14e27;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-left: 20px;
}

.user-profile-following-collection-photo-container,
.user-profile-following-teacher-photo-container {
    width: 100%;
    height: 246px;
}

.user-profile-following-collection-photo,
.user-profile-following-teacher-photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.user-profile-following-topic {
    padding: 0px;
    border-radius: 5px;
    padding-left: 20px;
    width: max-content;
    margin-right: 20px;
    margin-bottom: 10px;
}

.other-user-profile-following-topic {
    padding-right: 20px;
}

.user-profile-following-topic-heading-container {
    margin-bottom: 0px;
}

.user-profile-following-topic-name {
    white-space: nowrap;
}

.user-profile-following-user-name,
.user-profile-following-topic-heading-text {
    font-size: 15px;
    margin: 0px;
    padding: 0px;
}

.user-profile-following-user-privacy-status-button {
    width: 25px;
}

.user-profile-following-user-privacy-status-button::after {
    display: none;
}

.user-profile-following-user-privacy-status-dropdown-container {
    width: fit-content;
    height: fit-content;
    height: -moz-max-content;
    padding: 0px;
    margin: 0px;
}

.user-profile-following-user-privacy-status-dropdown-list {
    box-shadow: none;
    background-color: #fff;
    border: 0.5px solid #b14e27;
    border-radius: 0px;
    color: #b14e27;
    display: flex;
    flex-direction: column;
    width: fit-content;
    height: fit-content;
    height: -moz-max-content;
    padding: 10px;
    width: 100%;
}

.user-profile-following-user-privacy-status-dropdown li {
    width: 100%;
}

.user-profile-following-user-privacy-status-dropdown-item a {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 5px;
    padding-bottom: 0px;
    width: 100%;
    margin-bottom: 10px;
}


/* .user-profile-following-user-privacy-status-dropdown-item a:hover {background-color: #0b1f2e; color: #fff;} */

.user-profile-following-user-privacy-status-dropdown-item a p {
    margin: 0px;
    padding: 0px;
    font-size: 15px;
}

.user-profile-following-user-privacy-status-image {
    width: 25px !important;
}

.user-profile-following-user-photo-container,
.user-profile-following-topic-description {
    width: 100%;
    height: 250px;
}

.user-profile-following-user-photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    overflow: hidden;
}

.user-profile-following-user-member-text-container {
    display: flex;
    align-items: flex-start;
    width: 100%;
}

.user-profile-following-user-member-user-text,
.user-profile-following-topic-name {
    font-family: orpheuspro, serif;
    font-size: 28px;
    margin: 0px;
    padding: 0px;
    /* text-transform: capitalize; */
}

.user-profile-following-topic-name a {
    word-break: break-all;
}

.user-profile-following-topic-description {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}


/* #editprofileModal {
    max-width: 700px !important;
} */

#editprofileModal.modal-dialog {
    max-width: 800px;
}

.editprofileModal .modal-dialog {
    min-width: fit-content !important;
    max-width: max-content !important;
}

.editprofileModal .modal-header {
    padding-right: 40px;
}

.editprofileModal .modal-body {
    height: max-content;
    overflow-y: scroll;
}

.editprofileModal .modal-body::-webkit-scrollbar {
    width: 8px;
    border-radius: 20px;
    overflow-y: scroll !important;
}


/* Track */

.editprofileModal .modal-body::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 20px;
}


/* Handle */

.editprofileModal .modal-body::-webkit-scrollbar-thumb {
    background: rgba(177, 78, 39, 0.8);
    border-radius: 20px;
}


/* Handle on hover */

.editprofileModal .modal-body::-webkit-scrollbar-thumb:hover {
    background: rgba(177, 78, 39, 0.5);
}

.editprofileModal .modal-title,
.changepasswordModal .modal-title {
    font-size: 27px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: left;
    color: #0b1f2e;
}

.changepasswordModal {
    max-width: 500px;
}


/* .editprofileModal .modal-header,.changepasswordModal .modal-header {border: 0px;} */

.edit-profile-modal-row {
    align-items: flex-start;
}

.editprofileModal .onboarding-profile-profile-image-wrapper {
    width: 300px;
    height: 300px;
}

.edit-profile-input-container {
    margin-bottom: 0px;
}

.edit-profile-change-password-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
}

.edit-profile-change-password-text {
    margin: 0px;
    padding: 0px;
    margin-right: 20px;
    text-decoration: underline;
    cursor: pointer;
}


/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


/* Firefox */

input[type="number"] {
    -moz-appearance: textfield;
}

.user-profile-image-container .onboarding-profile-error-message {
    text-align: center;
    width: 100%;
    margin-top: 60px !important;
}

.user-profile-identities-container .add-identities-link {
    display: inline;
}

.user-profile-identities-container-drodown {
    /* height: 140px; */
    overflow-y: auto;
    border: 1px solid #b14e27;
    padding: 10px;
    margin-right: 20px;
    background-color: white;
    width: 500px;
}

.user-profile-identities-container-drodown-loader {
    position: absolute;
    text-align: center;
    /* top: 50%; */
    /* left: 45%; */
    background-color: rgb(255, 255, 255, 0.5);
    height: 140px;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.add-identities-link {
    display: block;
    color: #b14e27;
    text-decoration: underline;
    font-size: 21px;
    text-transform: uppercase;
    cursor: pointer;
}

.user-profile-identities-container .flag-text {
    position: absolute;
    bottom: 0;
    top: auto;
    left: 10px;
    z-index: 99;
    background-color: #fff8ef;
    padding: 15px;
    color: #b14e27;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    display: inline-block;
    margin-bottom: 0px;
    margin-left: 20px;
    /* display: none; */
    width: 30ch;
    box-shadow: 5px 5px 5px 5px rgb(0 0 0 / 5%);
}

.user-profile-identities-container .teacher-flag-container {
    display: inline;
    margin-left: 0px;
    position: relative;
    top: auto;
}

.user-profile-identities-container .flag-img {
    display: inline;
    margin-left: 5px;
    cursor: pointer;
    width: 17px;
    margin-top: -5px;
}

.user-profile-identities-container-drodown::-webkit-scrollbar {
    width: 0.5em;
    height: 6px;
    border-radius: 20px;
    overflow-x: scroll !important;
}


/* Track */

.user-profile-identities-container-drodown::-webkit-scrollbar-track {
    background: rgba(177, 78, 39, 0.3);
    border-radius: 20px;
}


/* Handle */

.user-profile-identities-container-drodown::-webkit-scrollbar-thumb {
    background: rgba(177, 78, 39, 0.3);
    border-radius: 20px;
}


/* Handle on hover */

.user-profile-identities-container-drodown::-webkit-scrollbar-thumb:hover {
    background: rgba(177, 78, 39, 0.5);
}

.user-profile-identities-container-drodown li {
    font-size: 18px;
    font-family: franklin-gothic-urw, sans-serif;
    cursor: pointer;
}

.user-profile-identities-container-drodown li:hover {
    background-color: rgba(177, 78, 39, 0.3);
    color: #b14e27;
}

.user-profile-identities-container-drodown input {
    margin-right: 10px;
}


/* The container */

.user-profile-identities-container-drodown .container {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* Hide the browser's default checkbox */

.user-profile-identities-container-drodown .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}


/* Create a custom checkbox */

.user-profile-identities-container-drodown .checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff9ef;
    border: 1px solid #b14e27;
}


/* On mouse-over, add a grey background color */

.user-profile-identities-container-drodown .container:hover input~.checkmark {
    background-color: #b14e27;
}


/* When the checkbox is checked, add a blue background */

.user-profile-identities-container-drodown .container input:checked~.checkmark {
    background-color: #b14e27;
}


/* Create the checkmark/indicator (hidden when not checked) */

.user-profile-identities-container-drodown .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the checkmark when checked */

.user-profile-identities-container-drodown .container input:checked~.checkmark:after {
    display: block;
}


/* Style the checkmark/indicator */

.user-profile-identities-container-drodown .container .checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.user-profile-personal-details-container {
    width: 100%;
}

@media screen and (max-width:1200px) {
    /*#editprofileModal.modal-dialog {
        max-width: max-content;
    }*/
    .type-filter-modal {
        height: fit-content !important;
        width: 320px !important;
    }
}

@media screen and (max-width:768px) {
    #editprofileModal.modal-dialog {
        max-width: 500px;
    }
    .type-filter-modal {
        height: fit-content !important;
        width: 320px !important;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .user-profile-following-items-wrapper {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .user-profile-image-wrapper {
        width: 300px;
        height: 300px;
    }

    .user-profile-details-type-edit-container {
        width: 80%;
        flex-wrap: wrap-reverse;
    }

    .changepasswordModal {
        max-width: 500px;
    }
}

@media screen and (max-width: 767px) and (min-width: 481px) {
    .user-profile-username {
        margin-bottom: 0px;
        font-size: 30px;
    }

    .user-profile-details-container {
        padding-top: 20px;
    }

    .user-profile-following-items-wrapper {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .user-profile-details-type-edit-container {
        width: 100%;
        flex-wrap: wrap-reverse;
    }

    .user-profile-details-type-edit-container .dropdown {
        margin-bottom: 20px;
    }

    .changepasswordModal {
        max-width: 100%;
    }
}

@media screen and (max-width: 575px) and (min-width: 481px) {
    .user-profile-image-wrapper {
        width: 300px;
        margin: auto;
    }

    .changepasswordModal {
        height: 200%;
        max-width: 100%;
    }
}

@media screen and (max-width:768px) {
    .user-profile-identities-container .flag-text {
        position: absolute;
        bottom: 0;
        left: 10px;
        z-index: 99;
        background-color: #fff8ef;
        padding: 10px;
        color: hsl(17, 64%, 42%);
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        text-align: left;
        display: inline-block;
        margin-bottom: 0px;
        margin-left: 20px;
        width: 16ch;
        box-shadow: 5px 5px 5px 5px rgb(0 0 0 / 5%);
    }
}

@media screen and (max-width:576px) {
    .user-profile-identities-container .flag-text {
        position: absolute;
        bottom: 0;
        left: 10px;
        z-index: 99;
        background-color: #fff8ef;
        padding: 10px;
        color: #b14e27;
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        text-align: left;
        display: inline-block;
        margin-bottom: 0px;
        margin-left: 20px;
        width: 15ch;
        box-shadow: 5px 5px 5px 5px rgb(0 0 0 / 5%);
    }
}

@media screen and (max-width: 480px) {
    .user-profile-image-container {
        margin-bottom: 20px;
        border: none;
    }

    .user-profile-image-wrapper {
        width: 300px;
        height: 300px;
        margin: 0 auto;
    }

    .user-profile-username {
        margin-bottom: 0px;
        font-size: 26px;
    }

    .user-profile-details-wrapper {
        padding: 0px 20px;
    }

    .user-profile-following-items-wrapper {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .user-profile-following-item-heading {
        margin: 0px;
    }

    .userFollowingItemTypesListToggler span {
        color: #fff;
        padding: 5px;
        background-color: #b14e27;
        border-radius: 3px;
    }

    .user-profile-following-items-menu {
        height: fit-content;
        height: -moz-max-content;
        width: max-content;
        overflow: hidden;
        background-color: white;
        padding: 10px;
        border: 0.5px solid #b14e27;
    }

    .user-profile-following-items-menu li {
        width: 100%;
        text-align: left;
        margin: 0px;
        padding: 10px 0px;
        border: 0px;
    }

    .userFollowingItemTypesListContainer {
        height: fit-content;
        height: -moz-max-content;
    }

    .user-profile-details-type-edit-container {
        width: 100%;
        flex-wrap: wrap-reverse;
    }

    /* .user-profile-details-type-edit-container .dropdown {margin-bottom: 20px;} */
    .user-profile-details-type-edit-container {
        margin-bottom: 100px;
    }

    .user-profile-following-items-header-container {
        margin-bottom: 30px;
    }

    .user-profile-following-user-heading,
    .user-profile-following-topic-heading,
    .user-profile-following-item-heading {
        margin-bottom: 10px;
    }

    .changepasswordModal {
        height: 200%;
        max-width: 100%;
    }

    .user-profile-identities-container-drodown {
        width: 320px;
    }

    .user-profile-following-topic-name {
        font-size: 16px;
    }
}

@media screen and (max-width: 320px) {
    .user-profile-image-wrapper {
        width: 100%;
    }
}


/* -----COLLECTION PAGE-------- */

.collection-top-text-follow-button-container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    flex-direction: column;
}

.collection-top-text-follow-button-container .follow-button-active img {
    margin-left: 10px;
}

.my-new-collection-top-text-follow-button-container {
    flex-direction: row !important;
}

.collection-top-text {
    margin: 0px;
    padding: 0px;
    font-size: var(--TopperSubtitle);
    width: 100%;
    line-height: 25px !important;
    font-weight: normal;
}

​​​ .collection-top-text-follow-button-container.my-collection-share-followers-container {
    width: 100%;
    justify-content: flex-start;
    align-items: center !important;
    margin-bottom: 20px;
}

​​​ .collection-top-text-follow-button-container.my-collection-share-followers-container div {
    padding: 0px !important;
}

​​​ .collection-top-text-follow-button-container .my-collection-share-followers-container {
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
}

.collection-top-text-follow-button-container .my-collection-share-followers-container div {
    padding: 0px !important;
}

.collection-top-text-follow-button-container .my-collection-share-followers-container {
    align-items: center !important;
    margin-bottom: 20px;
}

.collection-follow-dropdown-menu {
    width: max-content !;
    height: fit-content;
    height: -moz-max-content;
    padding: 0px !important;
    margin-top: 5px !important;
}

.collection-filter {
    margin-top: 25px;
}

.post-more-options {
    margin-top: -1px;
}

.post-more-options-dropdown-toggle::after,
.post-save-button-dropdown-toggle::after {
    display: none;
}

.post-save-button {
    display: flex;
    width: 120px;
    height: 35px;
    color: #fff;
    cursor: pointer;
    /* display: flex; */
    align-items: center;
    justify-content: center;
}

.post-tile-save-button-container {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.post-tile-save-button-container a {
    width: 80%;
}

.remove-from-feed-button {
    position: absolute;
    left: 107%;
}

.post-report-button-dropdown-toggle::after {
    display: none;
}

.post-report-button-dropdown-menu {
    width: max-content !important;
    height: fit-content;
    height: -moz-max-content;
    background-color: #fff;
    padding: 10px;
    text-align: center;
    justify-content: center;
    box-shadow: none !important;
    border: 0.5px solid rgb(177 78 39 / 30%) !important;
    border-radius: 0px;
    padding-right: 0px;
    padding-left: 0px;
}

.post-report-button-dropdown-list-item-container {
    width: 100%;
    cursor: pointer;
    padding: 5px;
}

.post-report-button-dropdown-list-item-container:hover {
    background-color: rgba(177, 78, 39, 0.3);
    color: #b14e27;
}

.post-report-button-dropdown-list {
    width: 100%;
    padding: 0px 10px;
}

.post-save-button-dropdown-menu {
    width: max-content !important;
    height: fit-content;
    height: -moz-max-content;
    background-color: #fff;
    padding: 10px;
    box-shadow: none !important;
    border: 0.5px solid #b14e27 !important;
    border-radius: 0px;
}

.post-save-button-dropdown-list-item-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
}

.post-save-button-dropdown-list {
    width: 100%;
}

.post-save-button-dropdown-list-item-container .user-profile-following-user-privacy-status-image {
    margin-left: auto;
}

.post-save-button-dropdown-list-item-collection-name {
    color: #b14e27;
    text-transform: uppercase;
    white-space: nowrap;
    margin-right: 20px;
    margin-left: 10px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.post-save-button-dropdown-list-item-collection-icon {
    width: 22px;
}

.post-save-button-dropdown-list-item:last-child {
    margin-top: 20px;
}

.post-save-button-dropdown-list-item:last-child .post-save-button-dropdown-list-item-container {
    justify-content: flex-start;
}

.post-save-button-dropdown-list-item:last-child .post-save-button-dropdown-list-item-collection-name {
    margin-left: 10px;
    cursor: pointer;
}

.createCollectionModal .modal-dialog {
    max-width: max-content !important;
    padding: 1rem !important;
}

.createCollectionModal .modal-title {
    font-size: 27px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: left;
    color: #0b1f2e;
}

.create-collection-modal-row {
    display: flex;
    /* align-items: center; */
    justify-content: space-evenly;
}

.create-collection-modal-image-wrapper {
    justify-content: center;
    background-color: #f3f3f3;
    width: 400px;
    height: 320px;
    display: flex;
    align-items: center;
}

.create-collection-modal-image-upload-button {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    width: 110px;
    height: 30px;
}

.create-collection-modal-error-message {
    /* margin: 0 auto; */
    display: inline;
    /* width: 24ch; */
}

.create-collection-modal-image-container {
    text-align: center;
    width: fit-content;
    margin-right: 1rem;
    position: relative;
}

.create-collection-modal-image-container .create-collection-modal-error-message {
    margin: 0 auto;
    display: block;
    width: 24ch;
}

.create-collection-modal-input-container {
    display: inline;
    padding-left: 0px;
    width: 100%;
}

.create-collection-modal-form-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
}

.create-collection-modal-form-title-privacy-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}


/* .create-collection-modal-form-title-privacy-container .create-collection-modal-input-container:first-child {margin-right: 30px;width: 50%} */

.create-collection-modal-submit-button {
    float: right;
}

.create-collection-modal-submit-button-wrapper {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    flex-direction: column;
    width: 100%;
    text-align: center;
}

.create-collection-modal-privacy-staus-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.create-collection-modal-privacy-staus-option p {
    margin: 0px;
    padding: 0px;
}

.create-collection-modal-form-title-privacy-container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row;
    flex-flow: wrap;
    width: 100%;
    margin: 0px;
    margin-bottom: 20px;
}

.create-collection-modal-form-privacy-dropdown::after {
    display: none;
}

.create-collection-modal-form-privacy-dropdown-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: black;
}

.create-collection-modal-privacy-staus-option img {
    margin-right: 10px;
}

.create-collection-modal-form-privacy-dropdown {
    /* background-color: grey; */
    /* width: 250px !important; */
    padding: 5px;
    background-color: rgba(196, 196, 196, 0.2);
    border: 0px;
    border-bottom: 1px solid #000;
    padding-bottom: 1px;
}

.create-collection-modal-form-privacy-dropdown img {
    width: 15px;
}

.create-collection-modal-form-privacy-dropdown-menu {
    padding: 0px;
    background-color: #fff !important;
    width: 100% !important;
    height: fit-content;
    height: -moz-max-content;
    box-shadow: none !important;
    border: 0.5px solid rgba(177, 78, 39, 0.3) !important;
    /* margin-top: 10px; */
    margin-left: -5px;
}

.create-collection-modal-form-privacy-dropdown-menu-item-wrapper {
    padding: 0px;
    background-color: #fff !important;
    width: max-content;
    height: fit-content;
    height: -moz-max-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.create-collection-modal-form-privacy-dropdown-menu-item-wrapper .dropdown-item {
    cursor: pointer;
    padding: 5px 20px;
    padding-left: 5px;
}

.create-collection-modal-form-privacy-dropdown-menu-item-wrapper .dropdown-item:hover {
    background-color: #0b1f2e;
    color: #fff;
}

.create-collection-modal-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: 50% 50%;
}

.add-btn {
    width: 15px;
}


/* .add-btn .like-active{} */

@media screen and (max-width: 1440px) and (min-width: 768px) {
    .remove-from-feed-button {
        position: initial;
        left: 100%;
    }
}

@media screen and (max-width: 767px) and (min-width: 481px) {
    .remove-from-feed-button {
        position: initial;
        left: 100%;
    }
}

@media screen and (max-width: 1440px) and (min-width: 768px) {}

@media screen and (max-width: 767px) and (min-width: 481px) {
    .create-collection-modal-image-wrapper {
        width: 400px;
        height: 385px;
    }

    .remove-from-feed-button {
        position: initial;
        left: 100%;
    }
}

@media screen and (max-width: 480px) {
    .collection-top-text-follow-button-container {
        flex-direction: column;
        align-items: flex-start;
        flex-flow: wrap;
    }

    .collection-follow-dropdown {
        margin: 20px 0px;
    }

    .collection-filter .playlist-filter-section {
        background-color: white;
    }

    .playlist-hero-image-wrapper {
        width: 100%;
        height: 320px;
        margin-bottom: 20px;
    }

    .create-collection-modal-form-privacy-dropdown {
        /* background-color: grey; */
        width: 100% !important;
    }

    .create-collection-modal-input-container {
        width: 100%;
    }

    .createCollectionModal .modal-title {
        font-size: 18px;
    }

    .create-collection-modal-form-title-privacy-container .create-collection-modal-input-container:first-child {
        margin-right: 0px;
    }

    .collection-top-text-follow-button-container .my-collection-share-followers-container {
        justify-content: space-between;
        width: 100%;
    }

    .create-collection-modal-image-wrapper {
        width: 400px;
        height: 385px;
    }

    .remove-from-feed-button {
        position: initial;
        left: 100%;
    }
}

@media screen and (max-width: 400px) {
    .create-collection-modal-image-wrapper {
        width: 100%;
        height: 385px;
    }
}


/* ------MY NEW COLLECTION----- */

.my-collection-image-wrapper {
    width: 400px;
    height: 320px;
    margin-bottom: 30px;
}

.my-collection-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* object-position: 0% 50%; */
    overflow: hidden;
}

.my-collection-username-container {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
}

.my-collection-privacy-status {
    margin-bottom: 25px;
}

.my-collection-username {
    padding: 0px;
    margin: 0px;
}

.collection-username {
    color: #b14e27;
}

.my-collection-edit-button-dropdown {
    width: max-content;
    height: max-content;
}

.my-collection-edit-button-dropdown-toggle::after {
    display: none;
}

.my-collection-edit-button-dropdown-menu {
    background-color: #fff !important;
    border: 0.5px solid rgba(177, 78, 39, 0.3) !important;
    width: fit-content;
    height: fit-content;
    height: -moz-max-content;
    text-align: left;
    padding: 10px 0px !important;
}

.my-collection-edit-button-dropdown-menu .playlist-description-bottom-text {
    word-break: break-all;
}

.my-collection-edit-button-dropdown .show {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    width: max-content !important;
    height: max-content !important;
    box-shadow: none !important;
    border: 0.5px solid rgba(177, 78, 39, 0.3);
    border-radius: 0px;
}

.my-collection-edit-button-dropdown-menu .dropdown-item {
    width: 100%;
}

.my-collection-edit-button-dropdown-menu li {
    width: 100%;
    /* text-align: center; */
}

.edit-collection-modal-upload-image-container {
    display: flex;
    justify-content: space-between;
    color: #0b1f2e;
    width: 90%;
    margin: 0 auto;
    margin-top: 10px;
}

.edit-collection-upload-image-button {
    cursor: pointer;
}

.edit-collection-upload-image-button:first-child {
    margin-right: -85px;
}

.edit-collection-textarea {
    height: 143px;
}

.my-collection-share-followers-container {
    display: flex;
    flex-direction: row;
    /* align-items: flex-end; */
    /* justify-content: space-between; */
    /* width: 50%; */
}

.my-collection-share-followers-container .post-icons {
    padding: 0px;
}

.my-collection-share-followers-container div {
    padding: 0px 10px;
    margin: 0px;
}

.my-collection-share-followers-container p {
    padding: 0px;
    margin: 0px;
}

.my-collection-edit-button-dropdown-menu .dropdown-item:hover {
    background-color: rgba(177, 78, 39, 0.3);
    color: #b14e27;
}

.my-collection-followers-container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}

.followers-count {
    color: #b14e27;
}

.my-collection-posts-wrapper {
    margin: 45px 0px;
}

.my-collection-list-number-organize-container {
    display: flex;
    justify-content: flex-end;
    margin-bottom: -30px;
}

.ui-sortable .my-collection-list-number-organize-container {
    margin-bottom: 0px;
}

.my-collection-list-number-container p {
    font-size: 22px;
}

.my-collection-list-number-container p span {
    color: #828282;
}

.done-reordering {
    background-color: #b14e27;
    color: #fff;
    border: 0.5px solid #b14e27;
    font-family: franklin-gothic-urw, sans-serif;
    width: 160px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
}

.organize-list-button {
    background-color: #fff8ef;
    color: #b14e27;
    border: 0.5px solid #b14e27;
    font-family: franklin-gothic-urw, sans-serif;
    width: 160px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
}

.organize-list-button:hover {
    background-color: #b14e27;
    color: #fff;
}

.post-more-options-dropdown-menu {
    padding: 10px;
    background-color: #fff;
    border: 0.5px solid rgba(177, 78, 39, 0.3) !important;
    color: #000;
    width: 300px !important;
    height: fit-content;
    box-shadow: none !important;
    border-radius: 0px;
    flex-direction: column;
}

.post-more-options-dropdown-menu>div {
    padding: 10px;
    margin-top: 5px;
    justify-content: flex-start;
    /* border-top: 0.5px solid rgba(177, 78, 39, 0.3); */
}


/* .post-save-button-dropdown-list-item-container:hover{background-color: rgba(177, 78, 39, 0.3);color: #b14e27;} */

.post-more-options-dropdown-menu>div:hover {
    background-color: rgba(177, 78, 39, 0.3);
}

.post-more-options-dropdown-menu>div a:hover {
    color: #b14e27;
}

.post-more-options-list {
    height: fit-content;
    max-height: 176px;
    overflow-y: auto;
    width: 100%;
}

.remove-collection-list {
    height: fit-content !important;
}

.post-more-options-list::-webkit-scrollbar {
    width: 0.5em;
    height: 6px;
    border-radius: 20px;
    overflow-x: scroll !important;
}


/* Track */

.post-more-options-list::-webkit-scrollbar-track {
    background: rgba(177, 78, 39, 0.3);
    border-radius: 20px;
}


/* Handle */

.post-more-options-list::-webkit-scrollbar-thumb {
    background: rgba(177, 78, 39, 0.3);
    border-radius: 20px;
}


/* Handle on hover */

.post-more-options-list::-webkit-scrollbar-thumb:hover {
    background: rgba(177, 78, 39, 0.5);
}

.post-more-options-list-item {
    cursor: pointer;
    padding: 10px;
}

.post-more-options-list-item:hover {
    background-color: rgba(177, 78, 39, 0.3);
    color: #b14e27;
}

.post-more-options-list-item a:hover {
    color: #b14e27;
}

.post-topic-name-container,
.post-topic-name {
    display: inline;
}

.post-topic-name-container {
    position: absolute;
    left: 0px;
}

.my-collection-sort-icon {
    width: 22px;
    cursor: pointer;
}

.my-collection-sort-icon-container {
    /* margin-left: 10px !important; */
    padding: 0px !important;
    max-width: 22px !important;
    display: none;
}

.post-share .number {
    color: transparent;
}

.privacy-active {
    color: #666 !important;
}

.deleteCollectionModal {
    max-width: 500px;
}

.deleteCollectionModal .modal-body {
    padding: 1rem 2rem;
}

.deleteCollectionModal .modal-footer {
    border-top: 0.5px solid rgba(177, 78, 39, 0.3);
    height: 100%;
    padding: 10px 0px;
}

.deleteCollectionModal p {
    font-size: 20px;
}

.delete-collection-modal-buttons-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 50%;
}

.delete-collection-modal-button-cancel {
    margin: 0px 20px;
}

.my-collection-title {
    width: 80%;
}

@media screen and (max-width: 1440px) and (min-width: 768px) {
    .my-collection-image-wrapper {
        width: 400px !important;
    }
}

@media screen and (max-width: 768px) {
    .my-collection-image-wrapper {
        width: 100% !important;
    }

    .my-collection-image-wrapper img {
        object-fit: contain;
    }

    .edit-collection-modal-upload-image-container {
        width: 100%;
    }
}

@media screen and (max-width: 720px) {
    .my-new-collection-top-text-follow-button-container {
        flex-flow: wrap;
    }
}

@media screen and (max-width: 576px) {
    .deleteCollectionModal {
        max-width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .my-collection-image-wrapper {
        width: 400px !important;
        height: 100%;
        margin-bottom: 20px;
    }

    .my-new-collection-top-text-follow-button-container {
        flex-direction: row !important;
        margin-bottom: 30px;
    }

    .others-collection-share-followers-container {
        flex-direction: row;
    }

    .others-collection-share-followers-container>div {
        margin-bottom: 10px;
    }

    .others-collection-share-followers-container .post-icons {
        justify-content: flex-start;
    }

    .others-collection-share-followers-container .my-collection-followers-container {
        justify-content: flex-start;
    }

    .others-collection-share-followers-container div {
        padding: 0px !important;
    }

    .others-collection-share-followers-container .followers-count {
        margin-left: 0px !important;
    }

    .others-collection-share-followers-container .follow-button {
        width: 130px;
        font-size: 16px;
    }

    .others-collection-share-followers-container .follow-button img {
        margin-left: 10px;
    }

    .others-collection-share-followers-container .post-icons {
        width: fit-content;
        width: -moz-fit-content;
    }

    .my-collection-share-followers-container .post-icons {
        padding-top: 0px !important;
    }

    .my-collection-share-followers-container .post-icons-btn {
        margin-left: 0px !important;
    }

    .followers-count {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    .my-collection-sort-icon-container {
        display: none;
    }

    .sitemap-pagination {
        padding: 40px 20px;
    }

    .my-collection-posts-wrapper {
        padding: 45px 20px;
    }

    .organize-list-button-reorder {
        width: 120px;
    }

    .edit-collection-upload-image-button:first-child {
        margin-right: 20px;
    }
}

@media screen and (max-width: 420px) {
    .my-collection-image-wrapper {
        width: 100% !important;
    }
}


/* -------MY LIBRARY------- */

.my-library-wrapper {
    margin: 45px 0px;
}


/* .my-library-hero-container {height: 45vh !important;} */

.my-library-header-container {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: column;
    border-right: 0.5px solid rgba(177, 78, 39, 0.3);
}

.my-library-header {
    font-size: 70px;
}

.followedCollections-tab,
.myCollections-tab,
.allCollections-tab {
    text-transform: uppercase;
    border: 0px !important;
    background-color: transparent !important;
    margin: 0px !important;
    font-size: 20px;
    padding-left: 0px !important;
}

.followedCollections-tab,
.myCollections-tab {
    margin-left: 0px !important;
}

.my-library-tabs {
    border: 0px !important;
    margin-bottom: 20px;
}

.myCollections-tab-content-items-wrapper {
    margin-right: 4px;
    display: flex;
    flex-flow: wrap;
}

.myCollections-collection {
    margin-right: 4px;
}

.collection-createdby-fc {
    background-color: #fff8ef;
}

.my-library-tab-cotent .active {
    color: #000 !important;
}

.my-library-tab-cotent .active a {
    color: #000 !important;
}

.my-library-tab-cotent .active a:hover {
    color: #b14e27 !important;
}


/* ----OTHERS COLLECTION------ */

.others-collection-follow-button-container {
    margin-left: 20px;
}

.others-collection-share-followers-container>* {
    margin-left: 20px;
}

.others-collection-share-followers-container .followers-count {
    margin-left: 20px;
}

.empty-collection-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    display: none;
    margin-top: 50px;
    margin-bottom: 50px;
}

.empty-collection-container p {
    width: 60%;
    text-align: center;
}

.empty-collection-container button {
    margin-top: 30px;
}

@media screen and (max-width: 1440px) and (min-width: 768px) {}

@media screen and (max-width: 767px) and (min-width: 481px) {
    .my-library-header-container {
        border-right: none;
    }

    .my-library-header {
        font-size: 40px;
    }
}

@media screen and (max-width: 1200px) {
    .my-library-wrapper {
        padding: 45px 20px;
    }
}

@media screen and (max-width: 480px) {
    .my-library-header-container {
        height: 35vh;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: flex-end;
    }

    .my-library {
        padding: 0px 20px;
    }

    .my-library-tab-item {
        margin: 0px 10px !important;
    }

    .my-library-tab-item button {
        padding: 0px !important;
        white-space: nowrap;
        font-size: 16px;
        margin: 0px !important;
    }

    .my-library-tabs {
        flex-wrap: nowrap;
    }

    .my-library-hero-container {
        display: flex;
        flex-direction: column-reverse;
    }

    .my-library-header-container {
        border-right: none;
        flex-direction: column;
        align-items: flex-start;
    }

    .my-library-header {
        font-size: 30px;
        white-space: nowrap;
    }
}


/* ----MY FEED---- */

.my-feed-wrapper {
    margin: 45px 0px;
    padding: 0px;
}

.invites-button {
    background-color: #b14e27;
    color: #fff;
    font-family: franklin-gothic-urw, sans-serif;
    width: 160px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0px;
    border-radius: 30px;
}

.my-feed-hero-container {
    /* height: 55vh; */
    display: flex;
    /* align-items: flex-end; */
}

.my-feed-heading-container {
    border-right: 0.5px solid rgba(177, 78, 39, 0.3);
    height: 100%;
    display: flex;
    /* align-items: flex-end; */
}

.my-feed-invites-container {
    display: flex;
    justify-content: flex-end;
    height: 100%;
}

.invitesModal {
    max-width: 500px;
}

.invitesModal .modal-header,
.inviteEmailModal .modal-header {
    border: 0px;
    color: #b14e27;
}

.onboarding-profile-input::-webkit-input-placeholder {
    /* Edge */
    color: #000;
    font-size: 16px;
}

.onboarding-profile-input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #000;
    font-size: 16px;
}

.onboarding-profile-input::placeholder {
    color: #000;
    font-size: 16px;
}

.inviteModal-email-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}

.inviteModal-email-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: 30px;
}

.inviteModal-email-invite-button {
    background-color: #b14e27;
    color: #fff;
    font-family: franklin-gothic-urw, sans-serif;
    width: 160px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0px;
    border-radius: 30px;
}

.inviteEmailModal-email-send-button {
    float: right;
    background-color: #b14e27;
    color: #fff;
    font-family: franklin-gothic-urw, sans-serif;
    width: 160px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0px;
    border-radius: 30px;
}

.inviteEmailModal-input {
    font-size: 16px;
}

.inviteEmailModal {
    font-family: franklin-gothic-urw, sans-serif;
}

.inviteEmailModal textarea {
    width: 100%;
    height: 120px;
    padding: 10px;
}

.inviteEmailModal .hs-button {
    width: 160px;
    height: 40px;
    background-color: #b14e27;
    color: white;
    border: 0;
    border-radius: 30px;
}

.inviteEmailModal .hs-button:hover {
    background-color: #fff;
    color: #b14e27;
    border: 1px solid #b14e27;
}

.post-topic-name-playlist-link,
.post-topic-name-user-name {
    text-decoration: underline;
}

.more-type-dropdown-content {
    width: max-content;
    height: fit-content;
    height: -moz-max-content;
}

.more-type-dropdown-content-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
}

.content-discovery-filter .post-section {
    margin-top: 0px;
}

.my-feed-activity-container {
    height: 180px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.my-feed-activity-container::-webkit-scrollbar {
    width: 8px;
    border-radius: 20px;
}


/* Track */

.my-feed-activity-container::-webkit-scrollbar-track {
    background: rgba(177, 78, 39, 0.3);
    border-radius: 20px;
}


/* Handle */

.my-feed-activity-container::-webkit-scrollbar-thumb {
    background: #b14e27;
    border-radius: 20px;
}


/* Handle on hover */

.my-feed-activity-container::-webkit-scrollbar-thumb:hover {
    background: #b14e27;
    border-radius: 20px;
}

.my-feed-activity-wrapper {
    padding: 20px 0px;
}

.activity-text {
    font-size: 18px;
    margin: 0px;
    text-align: start;
}

.activity-text a {
    text-decoration: underline;
}

.activity-container {
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    flex-direction: row;
    margin-bottom: 20px;
    width: 100%;
}

.activity-image-container {
    margin-right: 20px;
}

.activity-container:last-child {
    margin-bottom: 0px;
}

.my-feed-more-less-container {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0px;
}

.my-feed-more-less-button {
    background-color: transparent;
    border: 0px;
    font-size: 21px;
    color: #b14e27;
    cursor: pointer;
}

.post-topic-name-container .activity-image-container {
    padding-right: 0px;
}

.post-topic-name-container .activity-text {
    font-size: 14px;
}

.my-feed-activity-post .post-row {
    border: 0px !important;
    min-height: 0px;
    padding: 0px !important;
}

.my-feed-activity-post .activity-container {
    margin: 0px !important;
}

.activity-loader-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.activity-loader-container img {
    width: 40px;
    height: 40px;
}

@media screen and (max-width: 1440px) and (min-width: 768px) {
    .my-feed-activity {
        padding: 0px 20px;
    }

    .activity-image-container {
        padding-right: 0px;
    }
}

@media screen and (max-width: 767px) and (min-width: 481px) {
    .activity-text {
        font-size: 12px;
    }

    .activity-image-container {
        padding-right: 0px;
    }

    .my-feed-activity {
        padding: 0px 20px;
    }
}

@media screen and (max-width: 768px) {
    .activity-image-container {
        padding-right: 0px;
    }
}

@media screen and (max-width: 576px) {
    .invitesModal {
        max-width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .my-feed-heading-container {
        border: 0px;
    }

    .my-feed-hero-container {
        flex-direction: column-reverse;
    }

    .post-topic-name-container {
        width: 20ch;
    }

    .activity-text {
        font-size: 12px;
    }

    .activity-image-container {
        padding-right: 0px;
    }

    .my-feed-activity {
        padding: 0px 20px;
    }

    .activity-image-container {
        padding-right: 0px;
    }
}


/* -------CONTENT DISCOVERY PAGE---------- */

.sticky-content-discovery-navigation {
    background-color: #fff8ef;
    border-bottom: 0.5px solid rgba(177, 78, 39, 0.3);
    border-top: 0.5px solid rgba(177, 78, 39, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
}

.content-discovery-navigation-wrapper {
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1000px;
}

.content-discovery-navigation-ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.content-discovery-navigation-tabs-container {
    width: 100%;
}

.content-discovery-navigation-li {
    color: #000;
}

.content-discovery-navigation-ul.active {
    color: #b14e27;
}

.content-discovery-active-filter {
    top: 130px;
    background-color: #0b1f2e;
    z-index: 2;
    color: #fff;
    font-family: orpheuspro, serif;
}

.content-discovery-active-filter-clear-all {
    font-family: franklin-gothic-urw, sans-serif;
}

.content-discovery-active-filter-name {
    font-size: 28px;
}

.content-discovery-filter {
    margin-top: 60px;
}

.content-discovery-active-filter-column {
    display: flex;
}

.content-discovery-active-filter-name {
    align-items: center;
    /* justify-content: center; */
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

.content-discovery-active-filter-name::-webkit-scrollbar {
    height: 8px;
    border-radius: 20px;
    overflow-x: scroll !important;
}


/* Track */

.content-discovery-active-filter-name::-webkit-scrollbar-track {
    background: rgba(177, 78, 39, 0.3);
    border-radius: 20px;
}


/* Handle */

.content-discovery-active-filter-name::-webkit-scrollbar-thumb {
    background: rgba(177, 78, 39, 0.3);
    border-radius: 20px;
}


/* Handle on hover */

.content-discovery-active-filter-name::-webkit-scrollbar-thumb:hover {
    background: rgba(177, 78, 39, 0.5);
}

.content-discovery-active-filter-clear-all {
    align-items: center;
    justify-content: flex-end;
}

.content-discovery-active-filter-clear-all-button {
    color: #fff;
    font-size: 20px;
    cursor: pointer;
}

.content-discovery-active-filter-clear-all-button:hover {
    color: #b14e27;
}

.content-discovery-filter li span {
    cursor: pointer;
}

.content-finder-sub-navbar {
    justify-content: flex-end;
}

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

@media screen and (max-width: 767px) and (min-width: 481px) {
    .content-discovery-navigation-ul {
        flex-direction: column;
        width: 100px;
    }

    .content-discovery-navigation-li {
        margin-right: 0px;
    }

    .content-finder-sub-navbar-types-list-container {
        width: max-content;
        width: -moz-max-content;
        right: 0;
        left: auto;
    }
}

@media screen and (max-width: 480px) {
    .content-discovery-navigation-ul {
        flex-direction: column;
        width: 100px;
    }

    .content-discovery-navigation-li {
        margin-right: 0px;
        padding: 10px 0px;
        width: 100%;
        border: 0.5px solid rgba(177, 78, 39, 0.3);
        text-align: center;
    }

    .content-finder-sub-navbar-types-list-container {
        width: max-content;
        width: -moz-max-content;
        right: 10px;
        left: auto;
    }

    .more-type-dropdown-content.show {
        top: 40px;
        padding: 10px;
    }
}


/*------TEACHER POLICY PAGE ------*/

.teacher-policy-section-wrapper {
    margin: 45px 0px;
}

@media screen and (max-width: 1440px) and (min-width: 768px) {
    .teacher-policy-section-wrapper {
        margin: 45px 20px;
    }
}

@media screen and (max-width: 767px) and (min-width: 481px) {
    .teacher-policy-section-wrapper {
        margin: 45px 20px;
    }
}

@media screen and (max-width: 480px) {
    .teacher-policy-section-wrapper {
        margin: 45px 20px;
    }
}


/*------COLLECTION LANDING PAGE ------*/

.collection-landing-hero-container {
    display: flex;
    align-items: flex-end;
}

.collection-landing-header-container {
    border-right: 0.5px solid rgba(177, 78, 39, 0.3);
}

.collection-landing-header-text {
    font-size: 39px;
    line-height: 47px;
    font-weight: 400;
}

.collection-landing-collection-wrapper {
    padding: 45px 0px;
}

.findcenter-collection-heading,
.popular-member-collections-heading {
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: 1.44px;
    text-align: left;
    color: #0b1f2e;
    font-weight: normal !important;
}

.findcenter-collections-wrapper {
    display: grid;
    grid-gap: 11px;
    grid-template-columns: 326px 326px 326px;
}

.findcenter-collection-container {
    /* height: 370px; */
    background-color: transparent;
    width: 326px;
    display: flex;
    flex-direction: column;
}

.findcenter-collection-container {
    border: 0.5px solid rgba(177, 78, 39, 0.3);
}

.findcenter-collection-image-wrapper {
    width: 100%;
    height: 280px;
    margin: 0 auto;
}

.findcenter-collection-image-container {
    border-bottom: 0.5px solid rgba(177, 78, 39, 0.3);
    /* height: 70%; */
}

.findcenter-collection-text-container {
    padding: 16px;
    padding-top: 10px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.findcenter-collection-heading-text {
    font-family: orpheuspro, serif;
    font-size: 32px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    word-break: break-word;
    hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
}

.findcenter-collection-heading-text h4 {
    font-weight: normal;
    font-size: 32px;
}

.findcenter-collection-heading-text:hover {
    color: #b14e27;
}

.findcenter-collection-followers-follow-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.findcenter-collection-follow-button-container .follow-button {
    width: 101px;
    height: 32px;
    background-color: transparent;
    font-size: 16px;
}

.findcenter-collection-follow-button-container .follow-button-active {
    background-color: #b14e27;
    font-size: 12px;
}

.findcenter-collection-follow-button-container .follow-button-active img {
    margin-right: 3px !important;
}

.findcenter-collection-followers-count-text:hover {
    color: #b14e27;
}

.findcenter-collection-followers-count-text,
.findcenter-collection-heading-text {
    margin: 0px;
}

.findcenter-collection-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    overflow: hidden;
    object-position: 50% 50%;
}

.popular-member-collection-image {
    width: 100%;
    height: 100%;
    object-fit: cover !important;
    overflow: hidden;
    object-position: 50% 50%;
}

.popular-member-collections-wrapper {
    padding: 45px 0px;
}

.popular-member-collection-container {
    background-color: white;
}

.popular-member-collection-author-name-container {
    padding: 10px;
    padding-bottom: 3px;
    padding-left: 10px;
}

.popular-member-collection-container-author-name-text {
    margin: 0px;
}

.popular-member-collection-image-wrapper {
    width: 100%;
    height: 210px;
}

.popular-member-collection-image-container {
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
    height: initial;
}

.findcenter-collections-wrapper-carousel {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px !important;
}

.findcenter-collections-wrapper-carousel .slick-slide>div {
    margin-right: 10px !important;
}

.findcenter-collections-wrapper-carousel .popular-member-collection-container-findcenter-collection-container {
    border: 0.5px solid rgba(177, 78, 39, 0.3);
    /* margin-right: 10px; */
    background-color: white;
    height: 450px;
}

.findcenter-collections-wrapper-carousel .slick-next::before {
    content: "";
    background-image: url("../images/directionArrow.svg");
    width: 100px;
    height: 50px;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: -25px;
    left: 100%;
}

.findcenter-collections-wrapper-carousel .slick-prev::before {
    content: "";
    background-image: url("../images/directionArrow.svg");
    width: 100px;
    height: 50px;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: -75px;
    position: absolute;
    top: -15px;
    transform: rotate(180deg);
}

.findcenter-collections-wrapper-carousel .slick-next {
    top: 115%;
    right: 110px;
}

.findcenter-collections-wrapper-carousel .slick-prev {
    left: 62px;
    top: 112%;
}

.findcenter-collections-wrapper-carousel .slick-dots {
    width: fit-content;
    width: -moz-fit-content;
    margin: 0 auto;
    text-align: center;
    margin-bottom: -35px;
}

.findcenter-collections-wrapper-carousel .findcenter-collection-text-container {
    height: 160px;
}

.findcenter-collection-container .follow-button-active img {
    margin: 0px 8px;
}

.findcenter-collections-wrapper-carousel .findcenter-collection-container {
    background-color: transparent !important;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .collection-landing-collection-wrapper {
        padding: 45px 20px;
    }

    .popular-member-collections-wrapper {
        padding: 45px 20px;
    }

    .findcenter-collections-wrapper {
        display: flex;
        flex-flow: wrap;
        grid-gap: 11px;
        /* grid-template-columns: 350px 350px; */
    }

    .collection-landing-header-text {
        font-size: 25px;
        line-height: 21px;
    }
}

@media screen and (max-width: 767px) and (min-width: 481px) {

    .collection-landing-collection-wrapper,
    .popular-member-collections-wrapper {
        padding: 45px 20px;
    }

    .findcenter-collections-wrapper {
        display: grid;
        grid-gap: 11px;
        grid-template-columns: 350px;
    }

    .collection-landing-header-text {
        font-size: 25px;
        line-height: 21px;
    }

    .collection-landing-header-container {
        border: none;
    }

    .popular-member-collections-heading {
        text-align: center;
    }
}

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

    .collection-landing-collection-wrapper,
    .popular-member-collections-wrapper {
        padding: 45px 20px;
    }

    .findcenter-collections-wrapper {
        /* display: grid;
        grid-gap: 11px;
        grid-template-columns: 320px; */
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .findcenter-collection-container {
        height: 100%;
    }

    .popular-member-collection-container {
        height: 100%;
    }

    .collection-landing-header-text {
        font-size: 20px;
        line-height: 21px;
    }

    .popular-member-collections-heading {
        text-align: center;
    }

    .collection-landing-header-container {
        border: none;
    }

    .collection-landing-header {
        font-size: 40px;
    }

    .findcenter-collections-wrapper-carousel .slick-dots {
        display: none !important;
    }

    .findcenter-collections-wrapper-carousel .slick-prev::before,
    .findcenter-collections-wrapper-carousel .slick-next::before {
        width: 60px;
    }

    .findcenter-collections-wrapper-carousel .slick-next {
        right: 66px;
    }

    .findcenter-collections-wrapper-carousel .popular-member-collection-container-findcenter-collection-container {
        height: 470px;
    }
}

.clickable {
    cursor: pointer;
}


/*-----PODCAST PAGE-----*/

.podcast-image-wrapper {
    width: 300px;
    height: 300px;
    margin-bottom: 30px;
    position: relative;
}

.podcast-play-button {
    position: absolute;
    top: 50%;
    left: 50%;
}

.podcast-listen-on-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.podcast-listen-on-container img {
    width: 28px;
    height: 28px;
}

.podcast-listen-on-icon-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.podcast-listen-on-icon-container>div {
    margin-right: 10px;
}

.podcast-listen-on-container>div {
    margin-right: 10px;
}

.podcast-embed-code-container {
    width: 100%;
}


/*-----REPORT POST-----*/

.report-post-form {
    font-family: franklin-gothic-urw, sans-serif;
}

.report-post-form input[type="text"] {
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
    border: 0.5px solid #b14e27;
}

.report-post-form input[type="radio"] {
    margin-right: 20px;
}

.report-post-form textarea {
    display: block;
    width: 100%;
    border: 0.5px solid #b14e27;
}

.report-post-form button {
    background-color: #b14e27;
    margin-right: 20px;
    color: #fff;
    border-radius: 30px;
    width: 160px;
    margin-top: 20px;
}

.report-post-form .onboarding-profile-input-character-limit {
    display: block !important;
}

.report-modal-dialog {
    max-width: 500px !important;
}

@media screen and (max-width:576px) {
    .report-post-form button {
        width: 120px;
    }
}
@media screen and (max-width:320px) {
    .report-post-form button {
        width: 100px;
    }
}


/*------CRISIS SUPPORT PAGE-----*/

.crisis-support-hero-container {
    align-items: flex-end;
}

.crisis-support-hero-heading-container {
    border: none !important;
}

.crisis-support-hero-text-container {
    border-left: 0.5px solid rgba(177, 78, 39, 0.3);
}

.crisis-support-hero-text {
    font-size: 36px;
    text-align: left;
    margin: 0px;
    font-weight: normal;
    line-height: inherit;
}

.crisis-support-body-wrapper {
    margin: 45px 0px;
    margin-bottom: 100px;
}

.crisis-support-instructions-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 35%;
}

.crisis-support-instructions-text {
    margin: 0px;
    font-size: 22px;
}

.crisis-support-instructions-text-wrapper {
    text-align: left;
    width: 100%;
    padding-left: 20px;
}

.crisis-support-instructions-list-item {
    margin-bottom: 10px;
}

.crisis-support-instructions-container {
    margin-bottom: 30px;
}

.crisis-support-contact-wrapper .crisis-support-contact-container {
    width: 100%;
}

.crisis-support-contact-heading-wrapper {
    background-color: #fff;
    color: #0b1f2e;
    font-size: 30px;
}

.crisis-support-contact-wrapper:nth-child(odd) {
    background-color: rgba(177, 78, 39, 0.04);
}

.crisis-support-contact-list {
    margin: 0px;
    padding: 0px;
    border: 0.5px solid rgba(177, 78, 39, 0.3);
    padding-left: 20px;
    padding-right: 20px;
}

.crisis-support-contact-list-item {
    margin: 0px;
    padding: 10px 0px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}

.crisis-support-list-item-container {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
}

.crisis-support-list-item-text {
    padding: 0px;
    margin: 0px;
    font-family: franklin-gothic-urw, sans-serif;
    font-size: var(--pText);
    font-weight: 400;
}

.crisis-support-list-item-text a {
    color: #b14e27;
}

.crisis-support-list-item-icon-wrapper {
    margin-right: 15px;
    min-width: 27px;
}

.crisis-support-contact-list .crisis-support-contact-list-item:nth-child(2) {
    padding-left: 30px;
}

.crisis-support-contact-list .crisis-support-contact-list-item:nth-child(3) {
    padding-left: 30px;
}

.crisis-support-header-text {
    font-size: 52px;
}

.crisis-support-contact-list-item-details {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.crisis-support-contact-list-link-heading {
    margin-right: 270px;
}

@media screen and (max-width: 1024px) {
    .crisis-support-body-wrapper {
        margin: 45px 20px;
    }

    .crisis-support-contact-list-link-heading {
        margin-right: 200px;
    }
}

@media screen and (max-width: 768px) {
    .crisis-support-contact-list-link-heading {
        margin-right: 150px;
    }

    .crisis-support-list-item-icon-wrapper {
        margin-right: 5px;
        min-width: 15px;
    }
}

@media screen and (max-width: 480px) {
    .crisis-support-hero-text-container {
        border: none;
    }

    .crisis-support-contact-list .crisis-support-contact-list-item:nth-child(2) {
        padding-left: 0px;
    }

    .crisis-support-contact-list .crisis-support-contact-list-item:nth-child(3) {
        padding-left: 0px;
    }

    .crisis-support-contact-heading-wrapper {
        display: none;
    }

    .crisis-support-instructions-wrapper {
        width: 100%;
    }

    .crisis-support-hero-text {
        font-size: 28px;
    }

    .crisis-support-hero-container {
        align-items: flex-end;
        flex-wrap: wrap;
    }

    .crisis-support-contact-list-item-details {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .crisis-support-list-item-container {
        text-align: left !important;
    }
}


/*------THEMES LANDING------*/

.theme-landing-hero-header {
    margin-bottom: -10px;
}

.themes-wrapper {
    margin: 45px 0px;
}

.themes-container-row {
    margin-bottom: 40px;
}

.themes-landing-hero-container {
    align-items: flex-end;
    flex-direction: row;
}

.theme-landing-image-container {
    width: 300px;
    height: 400px;
    border-top-left-radius: 100% 80%;
    border-top-right-radius: 100% 80%;
}

.theme-landing-image {
    border-top-left-radius: 100% 80%;
    border-top-right-radius: 100% 80%;
    width: 100%;
    height: 100%;
}

.theme-landing-image-title {
    position: absolute;
    bottom: 0;
    color: #fff;
    font-size: 44px;
    margin-left: 20px;
    width: 10ch;
    word-break: break-word;
    hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    font-family: var(--orpheous);
}

.themes-container-column {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

@media screen and (max-width: 769px) {
    .themes-wrapper {
        margin: 45px 20px;
    }

    .theme-landing-image-container {
        width: 200px;
        height: 250px;
    }

    .theme-landing-image-title {
        font-size: 32px;
        width: 7ch;
    }
}

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

@media screen and (max-width: 480px) {
    .themes-landing-hero-container {
        flex-direction: column;
    }

    .themes-landing-hero-container .my-library-header {
        font-size: 56px;
    }

    .themes-container-column {
        margin-bottom: 30px;
    }

    .theme-landing-image-container {
        width: 340px;
        height: 420px;
    }

    .theme-landing-image-title {
        font-size: 44px;
        width: 10ch;
    }

    .themes-container-row {
        margin-bottom: 0px;
    }
}

.copy-link-message {
    background-color: rgb(177, 78, 39);
    color: rgb(255, 255, 255);
    padding: 5px 20px;
    width: 150px;
    text-align: center;
    height: 30px;
    border-radius: 30px;
    display: inline;
    margin-left: 10px;
    font-size: 14px;
}

.alert-shown {
    opacity: 1;
    /* transition: all 250ms linear; */
}

.alert-hidden {
    opacity: 0;
    transition: all 250ms linear 1s;
}

@media screen and (max-width:576px) {
    .copy-link-message {
        margin-top: 20px;
        display: block;
    }
}


/*-------COMMUNITY SUPPORT---------*/

.community-support-hero-bottom-text {
    font-size: 36px;
    line-height: 48px;
}

.community-support-wrapper {
    margin: 45px 0px;
    margin-bottom: 0px;
}

.community-support-text {
    font-size: 26px;
}

.community-support-bottom-image {
    margin-bottom: -5px;
}

.community-support-bottom-image-container {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

@media screen and (max-width: 1024px) {
    .community-support-wrapper {
        margin: 45px 20px;
        margin-bottom: 0px;
    }
}

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

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


/*-------COMMUNITY GUIDELINES-------*/

.community-guidelines-wrapper {
    margin: 45px 0px;
}

.community-guidelines-text,
.community-guidelines-text-list-item {
    font-size: 26px;
}

.community-guidelines-text-list {
    margin-bottom: 1rem;
    margin-left: 20px;
}

.community-guidelines-text-list-item {
    list-style-type: disc;
}

.community-guidelines-text-link {
    color: #b14e27;
    text-decoration: underline;
}

@media screen and (max-width: 1024px) {
    .community-guidelines-wrapper {
        margin: 45px 20px;
    }
}

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

    .community-guidelines-text,
    .community-guidelines-text-list-item {
        font-size: 21px;
    }
}

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

    .community-guidelines-text,
    .community-guidelines-text-list-item {
        font-size: 21px;
    }
}


/*-----CSS FOR TEXT RESIZING-----*/

.title-40 {
    font-size: 65px !important;
}

.title-80 {
    font-size: 55px !important;
}

.title-120 {
    font-size: 45px !important;
}

.title-150 {
    font-size: 35px !important;
}

@media screen and (max-width: 1024px) and (min-width: 481px) {
    .title-40 {
        font-size: 45px !important;
    }

    .title-80 {
        font-size: 35px !important;
    }

    .title-120 {
        font-size: 25px !important;
    }

    .title-150 {
        font-size: 15px !important;
    }
}

@media screen and (max-width: 480px) {
    .title-40 {
        font-size: 25px !important;
    }

    .title-120 {
        font-size: 25px !important;
    }

    .title-150 {
        font-size: 20px !important;
    }
}


/*----------MEMBER POST PAGE--------*/

.member-post-hero {
    padding: 0px;
}

.hero-member-post-container {
    min-height: 55vh;
}

.hero-member-post-wrapper {
    padding-top: 45px;
    padding-bottom: 45px;
    margin: 0 auto;
}

.member-post-hero-small-title-report-button-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.member-post-small-title {
    margin: 0px;
}

.member-post-details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}

.member-post-name-avatar-container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.member-post-member-avatar-container {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline;
}

.member-post-member-avatar {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    overflow: hidden;
    margin: 0px;
    border-radius: 50%;
}

.member-post-member-name {
    margin: 0px;
    margin-left: 20px;
}

.member-post-member-name-link {
    color: rgba(11, 31, 46, 0.5);
    text-decoration: underline;
}

.member-post-publish-date-container {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 60px;
}

.member-post-publish-date {
    margin-bottom: 0px;
    color: rgba(11, 31, 46, 0.5);
}

.member-post-link-icons-container {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}

.member-post-link-container {
    width: 310px;
    height: 40px;
    background-color: #b14e27;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    margin-bottom: 20px;
}

.member-post-link-button {
    color: #fff;
}

.member-post-image-text-container {
    margin-bottom: 60px;
}

.member-post-title {
    margin-bottom: 30px;
    font-size: 50px;
}

.member-posts-title {
    font-size: 20px;
    font-weight: normal;
}

.member-post .post-save-button-dropdown-list-item-collection-name {
    color: #b14e27;
    text-transform: uppercase;
}

.member-post .post-icons {
    padding: 0px;
}

.member-post .post-tags {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.member-post .post-share {
    margin-top: 0px;
}

.member-post .post-row {
    border: 0px;
    padding-bottom: 0px;
}

.member-posts-container {
    margin-bottom: 60px;
}


/*------EXTERNAL CONTENT BUTTON AND MODAL--------*/

.add-external-content-button-container {
    margin-right: 20px;
}

.add-external-content-button {
    width: 180px !important;
    background-color: #fff8ef;
    color: #b14e27;
    border: 0.5px solid #b14e27;
    font-family: franklin-gothic-urw, sans-serif;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
}

.add-external-content-button:hover {
    background-color: #b14e27;
    color: white;
}

.externalContentModal .modal-dialog {
    max-width: 1078px;
    height: 120%;
}

.externalContentModal .modal-content {
    width: 1078px;
}

.externalContentModal .modal-header {
    padding-left: 35px;
}

.externalContentModal .modal-body {
    padding: 35px;
}

.create-post-dialog {
    width: 700px;
}

.create-post-modal-row .onbaoarding-profile-input-container {
    margin-bottom: 30px;
}

.create-post-og-data-container {
    background-color: rgba(196, 196, 196, 0.2);
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.create-post-og-image-container,
.create-post-og-text-container {
    padding: 0px;
    margin: 0px;
}

.create-post-og-text-container {
    padding: 20px;
}

.create-post-og-heading {
    font-size: 27px;
    font-weight: bold;
    word-break: break-all;
}

.create-post-og-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.create-post-submit-container {
    margin-top: 50px;
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.create-post-submit {
    width: 220px;
    height: 40px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

.create-post-additional-text-container {
    margin-top: 50px;
}

.create-post-additional-text-container li {
    list-style-type: disc;
    margin-left: 20px;
}

@media screen and (max-width:1366px) {
    #create-post-dialog.modal-dialog {
        height: 220%;
    }
}

@media screen and (max-width: 1440px) and (min-width: 768px) {
    .externalContentModal .modal-dialog {
        max-width: 800px;
        height: 120%;
    }

    .externalContentModal .modal-content {
        width: 100%;
    }
}

@media screen and (max-width: 767px) and (min-width: 481px) {
    .externalContentModal .modal-content {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .hero-member-post-container {
        padding: 0px 20px;
    }

    .member-posts-other {
        padding: 0px 20px;
    }

    .create-post-dialog {
        width: 500px;
    }
}

@media screen and (max-width: 576px) {
    .member-post-details:nth-child(2) {
        margin-top: 20px;
    }

    .member-post-name-avatar-container {
        width: 100%;
        justify-content: flex-start;
    }

    .member-post-member-name {
        width: 100%;
    }

    .member-post-publish-date-container {
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding-left: 20px;
    }

    .member-post-link-container {
        width: 100%;
        margin-bottom: 20px;
    }

    .member-post-link-icons-container {
        width: 100%;
        margin-top: 20px;
    }

    .create-post-dialog {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .externalContentModal .modal-content {
        width: 100%;
    }
}


/*-----------REDEFINED LANDING---------*/

.redefined-landing-hero {
    /* margin-top: 60px; */
    /* height: 380px; */
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
    /* margin: 0 auto; */
    overflow: visible;
    /* transform: translateX(-24%); */
    top: 60px;
    left: 0;
}

.redefined-listen-on-icon-spotify-container,
.redefined-listen-on-icon-apple-container {
    width: 48px;
    height: 48px;
    margin-right: 10px;
}

.redefined-listen-on-icon-container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
}

.redefined-listen-on-container {
    position: absolute;
    top: 70%;
    right: 50px;
}

.redefined-listen-on-text {
    color: #fff;
    margin-bottom: 20px;
    font-size: 27px;
}

.redefined-hero-container {
    min-width: 1200px;
    height: 100%;
    position: absolute;
    margin: 0 auto;
}

.redefined-body {
    background-color: rgba(11, 31, 46, 0.97);
}

.redefined-summary {
    margin-top: 590px;
}

.redefined-summary-wrapper {
    font-size: 26px;
    font-family: orpheuspro, serif;
    font-weight: bold;
    color: #fff;
    margin: 75px 0px;
}

.redefined-summary-link {
    font-size: 18px;
    font-family: var(--franklin);
    color: white;
    margin: 25px 20px 50px;
}

.about-zainab {
    font-size: 21px;
    margin: 20px 20px;
    color: #b14e27;
    text-decoration: underline;
    font-style: italic;
    cursor: pointer;
}

.Zainab-paragraph {
    margin-bottom: 50px;
}

.about-zainab:hover,
.about-zainab-collection:hover {
    color: #b14e27;
    text-decoration: underline;
    font-style: italic;
}

.about-zainab.active,
.about-zainab-collection:active {
    color: #b14e27;
    text-decoration: underline;
    font-style: italic;
}

.about-zainab.active,
.about-zainab-collection:visited {
    color: #b14e27;
    text-decoration: underline;
    font-style: italic;
}

.about-zainab-collection:link {
    color: #b14e27;
    text-decoration: underline;
    font-style: italic;
}

.about-zainab-collection {
    font-size: 21px;
    color: #b14e27;
    text-decoration: underline;
    font-style: italic;
    cursor: pointer;
}

.redefined-page-container {
    max-width: 1425px !important;
    color: #fff;
}

.redefined-post {
    border-radius: 7px;
}

.redefined-post-title {
    width: 100%;
}

.redefined-post-title a {
    font-size: 32px;
    font-weight: normal;
    color: #b14e27;
    font-family: var(--orpheous);
}

.redefined-episode-date {
    font-size: 14px;
    color: #7e7e7e;
}

.redefined-post-title-date-container {
    width: 100%;
}

.redefined-post .post-row {
    padding-bottom: 0px;
    border-bottom: 0px;
}

.redefined-post .post-excerpt {
    margin-bottom: 40px;
    line-height: 28px;
    color: #000;
}

.redefined-post .post-excerpt a {
    color: #b14e27;
    text-decoration: underline;
}

.redefined-post .post-tags {
    padding-top: 10px;
    border-top: 0.5px solid rgba(177, 78, 39, 0.3);
}

.redefined-post .member-post-member-name-link {
    font-size: 27px;
    line-height: 32px;
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
}

.redefined-post .member-post-member-avatar {
    background-color: #b14e27;
}

.redefined-post .member-post-member-avatar-container {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #b14e27;
    color: #fff;
    font-size: 24px;
}

.redefined-post .member-post-member-avatar-container a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.redefined-post .member-post-member-avatar-container a i {
    margin-right: -5px;
    color: #fff;
}

.redefined-post .post-icons {
    padding: 0px !important;
}

.redefined-landing-postcard {
    padding-bottom: 150px;
}

.redefined-mobile-hero-image {
    display: none;
}

@media screen and (max-width:1890px) {
    .redefined-summary {
        margin-top: 550px;
    }
}

@media screen and (max-width:1800px) {
    .redefined-summary {
        margin-top: 500px;
    }
}

@media screen and (max-width: 1440px) {
    .redefined-page-container {
        max-width: 1000px !important;
    }

    .redefined-summary-wrapper {
        margin: 25px 20px;
    }

    .redefined-summary {
        margin-top: 450px;
    }
}

@media screen and (max-width: 1024px) {
    .redefined-summary-wrapper {
        font-size: 20px;
    }

    .redefined-hero-container {
        min-width: 100%;
    }

    .redefined-listen-on-container {
        position: absolute;
        top: 70%;
        left: 20px;
        margin-top: 85px;
    }

    .redefined-listen-on-text {
        color: #fff;
        margin-bottom: 10px;
        font-size: 18px;
    }

    .redefined-landing-hero {
        /* margin-top: 163px; */
        height: initial;
        transform: translateX(0%);
    }

    .redefined-listen-on-icon-container {
        justify-content: flex-start;
    }

    .redefined-summary {
        margin-top: 400px;
    }
}

@media screen and (max-width: 767px) {
    .redefined-landing-hero {
        /* margin-top: 163px; */
        height: initial;
        transform: translateX(0%);
        margin-bottom: 120px;
        z-index: 3;
    }

    .redefined-summary {
        margin-top: 350px;
    }
}

@media screen and (max-width: 480px) {
    .redefined-summary-wrapper {
        font-size: 18px;
        font-family: orpheuspro, serif;
        font-weight: bold;
        color: #fff;
        margin: 25px 20px;
        line-height: 23px;
    }

    .redefined-hero-image {
        display: none;
    }

    .redefined-hero-container {
        min-width: 100%;
    }

    .redefined-listen-on-container {
        position: absolute;
        top: 70%;
        left: 20px;
        margin-top: 85px;
    }

    .redefined-listen-on-text {
        color: #fff;
        margin-bottom: 10px;
        font-size: 18px;
    }

    .redefined-mobile-hero-image {
        display: block;
        margin-top: 0px;
    }

    .redefined-listen-on-icon-container {
        justify-content: flex-start;
    }

    .redefined-post .post-excerpt {
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 20px;
    }

    .redefined-post-title a {
        font-size: 32px;
        line-height: 45px;
        margin: 10px 0px;
    }

    .member-post-name-avatar-container {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .redefined-post .post-tags {
        padding-top: 0px;
        border-top: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
    }

    .redefined-post .member-post-member-name {
        width: 100%;
        white-space: initial;
        overflow: visible;
        text-overflow: initial;
    }

    .redefined-post .post-icons {
        justify-content: center;
        margin-top: 20px;
    }

    .post-tile-save-button-container {
        flex-direction: row;
        align-items: center !important;
        /* margin-top: 20px; */
    }

    /* .redefined-post-title-date-container {
        margin-top: 20px;
    } */
    .redirection-landing-postcard-wrapper {
        margin: 0px 20px;
    }

    .redefined-post {
        padding: 10px !important;
    }

    .redefined-landing-hero {
        margin-top: 0px;
        height: initial;
    }

    .redefined-summary {
        margin-top: 550px;
    }
}


/*--------- REDEFINED PODCAST PAGE--------*/

.redefined-podcast-hero-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.redefined-podcast-photo-credits-text {
    position: absolute;
    bottom: 0px;
    right: 2%;
    color: #fff;
    font-size: 14px;
    /* width: 100ch; */
    text-align: right;
    z-index: 100;
    opacity: 0.5;
}

.redefined-podcast-title {
    font-family: orpheuspro, serif;
    font-size: 48px;
    line-height: 40px;
    font-weight: bold;
    margin-top: 40px;
}

.redefined-podcast-guest-name {
    font-family: orpheuspro, serif;
    font-size: 72px;
    line-height: 60px;
    font-weight: bold;
    margin-top: 20px;
}

.redefined-podcast-links {
    color: #fff;
    margin-top: 450px;
    position: -webkit-sticky;
    position: sticky;
    top: 60px;
    background-color: #0f2638;
    z-index: 100;
}

.redefined-podcast-link-wrapper {
    padding: 20px 0px;
}

.redefined-podcast-link-list {
    margin: 0 auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.redefined-podcast-link-item h2 {
    margin-bottom: 0;
    font-size: 24px;
    line-height: normal;
    font-weight: 400;
}

.redefined-podcast-link-item {
    display: inline;
    margin-right: 20px;
    color: #c4c4c4;
    font-size: 24px;
    text-transform: uppercase;
    line-height: 34px;
    letter-spacing: 1.08px;
    position: relative;
    cursor: pointer;
}

.redefined-podcast-link-item a {
    color: #c4c4c4;
}

.redefined-podcast-link-item.active-link::after {
    content: "";
    position: absolute;
    width: 31px;
    height: 1px;
    bottom: 0;
    left: 40%;
    border-bottom: 1px solid #e8c46a;
}

.episode-details {
    color: #fff;
}

.episode-details-wrapper {
    margin-top: 20px;
    padding-bottom: 30px;
    border-bottom: 1px solid #fff;
}

.episode-date-container h2 {
    font-size: 28px;
    font-weight: bolder;
}

.episode-date {
    font-size: 22px;
}

.episode-share-container {
    margin-top: 20px;
}

.episode-details .redefined-listen-on-container {
    position: relative;
    top: 0;
    right: 0;
    margin-top: 20px;
}

.episode-details .redefined-listen-on-icon-container {
    justify-content: flex-start;
}

.episode-summary {
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: 1.08px;
    text-align: left;
    color: #fff;
}

.episode-audio {
    width: 100%;
}

.episode-audio-player-container {
    margin-bottom: 20px;
}

.episode-audio-player-container .rhap_progress-section {
    margin-left: -100px;
}

.episode-audio-player-container .rhap_progress-filled {
    height: 100%;
    position: absolute;
    z-index: 2;
    background-color: #780207;
    border-radius: 2px;
}

.episode-audio-player-container .rhap_progress-indicator {
    display: none;
}

.episode-quote-wrapper {
    padding: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #fff;
}

.episode-quote {
    font-family: orpheuspro, serif;
    font-size: 36px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: 1.62px;
    text-align: center;
    color: #fff;
    margin-bottom: 0px;
}

.episode-guest-inspiration {
    color: #fff;
    position: relative;
    padding: 30px 0px;
}

.episode-guest-content-title-container h3 {
    font-size: 16px;
    font-family: franklin-gothic-urw, sans-serif;
    font-weight: 400;
}

.episode-guest-inspiration-heading-container {
    /* margin: 0 87px 368px 0; */
    transform: rotate(-90deg);
    font-family: franklin-gothic-urw, sans-serif;
    font-size: 24px;
    line-height: 1.4;
    letter-spacing: 1.08px;
    text-align: left;
    color: #c4c4c4;
    width: fit-content;
    margin-left: -140px;
    margin-top: 75px;
    position: absolute;
}

.episode-guest-inspiration-heading {
    font-size: 24px;
    line-height: inherit;
    font-weight: 400;
    margin-bottom: 1rem;
}

.episode-guest-book-container,
.episode-guest-teacher-container,
.episode-guest-movie-container {
    width: 200px;
    height: 300px;
    margin-right: 20px;
    text-align: center;
    margin-bottom: 20px;
}

.episode-guest-video-container {
    width: 200px;
    margin-right: 20px;
    text-align: center;
    margin-bottom: 20px;
}

.episode-guest-books-container,
.episode-guest-teachers-container,
.episode-guest-movies-container,
.episode-guest-member-posts-container {
    display: flex;
    margin-bottom: 20px;
    flex-flow: wrap;
}

.episode-guest-book-image,
.episode-guest-movie-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.episode-guest-content-assets-container {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    padding-bottom: 50px;
    border-bottom: 1px solid #fff;
}

.episode-guest-poems-container {
    min-width: 140px;
    width: 440px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 20px;
}

.episode-guest-poem-link {
    margin-bottom: 10px;
    color: #e8c46a;
}

.episode-guest-poem-link:hover {
    color: white;
}

.episode-guest-member-post-container {
    width: 200px;
    height: 100%;
    margin-right: 20px;
    text-align: center;
    margin-bottom: 20px;
}

.episode-guest-member-post-image {
    width: 100%;
    height: 130px;
    object-fit: cover;
    margin-bottom: 20px;
    object-position: 0% 30%;
}

.episode-guest-member-post-link {
    color: #e8c46a;
    text-decoration: none;
}

.episode-guest-member-post-link:hover {
    color: #e8c46a;
}

.episode-guest-collection-link-container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.episode-guest-collection-link-container a {
    width: 550px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e8c46a;
    padding: 10px 0px;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: 1.08px;
    text-align: center;
    color: #0b1f2e;
    border-radius: 5px;
}

.episode-guest-teacher-container .episode-guest-poem-link {
    text-align: center;
}

.episode-guest-teacher-image {
    margin-bottom: 20px;
}

.episode-guest-teacher-image {
    height: 280px;
}

.episode-transcript-text-container {
    color: #fff;
    height: 440px;
    overflow: hidden;
}

.episode-transcript-text-name {
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.15;
    letter-spacing: 1.08px;
    text-align: left;
}

.episode-transcript-text {
    font-family: orpheuspro, serif;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.15;
    letter-spacing: 1.08px;
    text-align: left;
    color: #fff;
}

.episode-transcript-text-view-more-container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.episode-transcript-section {
    padding-top: 50px;
    padding-bottom: 120px;
}

#episode-transcript-section::before,
#episode-guest-inspiration::before {
    content: "";
    display: block;
    height: 150px;
    /* fixed header height*/
    margin: -100px 0 0;
    /* negative fixed header height */
}

#episode-details::before {
    content: "";
    display: block;
    height: 100px;
    /* fixed header height*/
    margin: -100px 0 0;
    /* negative fixed header height */
}

.episode-transcript-text-view-more-button {
    padding: 10px 68px;
    background-color: rgba(255, 255, 255, 0.25);
    border-radius: 5px;
    color: #fff;
    font-size: 24px;
    line-height: 1.4;
    letter-spacing: 1.08px;
}

.episode-transcript-text-view-more-button:focus {
    color: #fff;
}

.episode-transcript-text-row {
    margin-bottom: 20px;
}

.episode-transcript-text-name.guest-name {
    word-wrap: break-word;
}

@media screen and (max-width: 1440px) {
    .episode-details-wrapper {
        padding-right: 20px;
        padding-left: 20px;
    }

    .episode-details-wrapper .redefined-listen-on-container {
        left: 0;
    }

    .redefined-podcast-title {
        font-size: 24px;
        line-height: 0px;
        margin-top: 40px;
    }

    .redefined-podcast-guest-name {
        font-size: 30px;
        line-height: 0px;
    }

    .episode-guest-book-container,
    .episode-guest-teacher-container,
    .episode-guest-movie-container {
        width: 150px !important;
        height: 250px !important;
        margin-right: 10px;
    }

    .episode-guest-video-container {
        width: 150px !important;
        margin-right: 10px;
    }

    .episode-guest-teacher-image {
        height: 200px;
    }

    .episode-guest-inspiration-heading-container {
        transform: rotate(0deg);
        font-family: franklin-gothic-urw, sans-serif;
        font-size: 24px;
        line-height: 1.4;
        letter-spacing: 1.08px;
        text-align: left;
        color: #c4c4c4;
        width: fit-content;
        margin-left: 0px;
        margin-top: 0px;
        position: relative;
    }

    .episode-guest-inspiration {
        padding-left: 20px;
        padding-right: 20px;
    }

    .episode-transcript-section {
        padding-left: 20px;
        padding-right: 20px;
    }

    .redefined-podcast-links {
        color: #fff;
        margin-top: 420px;
    }
}

@media screen and (max-width: 1024px) {
    .redefined-podcast-links {
        color: #fff;
        margin-top: 280px;
    }
}

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

@media screen and (max-width: 768px) {
    .redefined-podcast-photo-credits-text {
        position: absolute;
        bottom: 0px;
        right: 2%;
        color: #fff;
        font-size: 12px;
        /* width: 100ch; */
        text-align: right;
        z-index: 100;
        opacity: 0.5;
    }

    .episode-guest-collection-link-container a {
        padding: 24px 20px;
        font-size: 14px;
    }

    .episode-details-wrapper .redefined-listen-on-container {
        margin-bottom: 20px;
    }

    .redefined-podcast-link-item {
        display: inline;
        margin-right: 9px;
        color: #c4c4c4;
        font-size: 14px;
        text-transform: uppercase;
        line-height: 0px;
        letter-spacing: 1.08px;
        position: relative;
        cursor: pointer;
    }

    .episode-summary {
        font-size: 14px;
    }

    .episode-quote {
        font-family: orpheuspro, serif;
        font-size: 18px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.4;
        letter-spacing: 1.62px;
        text-align: center;
        color: #fff;
    }

    .episode-transcript-text-name,
    .episode-transcript-text {
        font-size: 14px;
    }

    .episode-share-container {
        margin-top: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #fff;
    }

    .episode-transcript-text-view-more-container {
        font-size: 14px;
    }

    .episode-transcript-text-view-more-button {
        padding: 14px 45px;
        font-size: 14px;
    }

    .redefined-podcast-links {
        color: #fff;
        margin-top: 260px;
    }

    .episode-guest-poems-container {
        width: 100%;
    }
    .redefined-podcast-link-item.active-link::after {
        top: 10px;
    }
}

@media screen and (max-width: 576px) {
    .episode-transcript-text-name {
        font-size: 8px !important;
    }

    .redefined-podcast-photo-credits-text {
        position: absolute;
        bottom: 0px;
        right: 2%;
        color: #fff;
        font-size: 10px;
        /* width: 100ch; */
        text-align: right;
        z-index: 100;
        opacity: 0.5;
    }

    .redefined-podcast-links {
        color: #fff;
        margin-top: 200px;
    }
}

@media screen and (max-width: 480px) {
    .redefined-podcast-links {
        color: #fff;
        margin-top: 540px;
    }

    .episode-guest-poems-container {
        margin: 20px 0px;
    }

    .episode-guest-member-post-container {
        width: 140px;
        height: 100%;
        margin-right: 15px;
        text-align: center;
        margin-bottom: 20px;
    }

    .episode-guest-member-post-image {
        width: 100%;
        height: 130px;
        object-fit: cover;
        margin-bottom: 20px;
        object-position: center;
    }
}

@media screen and (max-width:450px) {
    .redefined-podcast-links {
        color: #fff;
        margin-top: 475px;
    }
}

@media screen and (max-width:380px) {
    .episode-guest-member-post-container {
        width: 140px;
        height: 100%;
        margin-right: 15px;
        text-align: center;
        margin-bottom: 20px;
    }

    .redefined-podcast-links {
        color: #fff;
        margin-top: 420px;
    }
}

@media screen and (max-width:350px) {
    .redefined-podcast-links {
        color: #fff;
        margin-top: 400px;
    }

    .redefined-podcast-link-item {
        font-size: 11px;
    }

    .episode-guest-book-container,
    .episode-guest-teacher-container,
    .episode-guest-movie-container {
        width: 145px !important;
        height: 250px !important;
        margin-right: 10px;
    }
}


/*----------AUDIO PLAYER COMPONENT CSS--------*/

.rhap_container {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    line-height: 1;
    font-family: inherit;
    width: 100%;
    padding: 10px 15px;
    background-color: #fff;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
}

.rhap_container svg {
    vertical-align: initial;
}

.rhap_container:focus(:focus-visible) {
    outline: 0;
}

.rhap_header {
    margin-bottom: 10px;
}

.rhap_footer {
    margin-top: 5px;
}

.rhap_main {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

.rhap_stacked .rhap_controls-section {
    margin-top: 8px;
}

.rhap_horizontal {
    flex-direction: row;
}

.rhap_horizontal .rhap_controls-section {
    margin-left: 8px;
}

.rhap_horizontal-reverse {
    flex-direction: row-reverse;
}

.rhap_horizontal-reverse .rhap_controls-section {
    margin-right: 8px;
}

.rhap_stacked-reverse {
    flex-direction: column-reverse;
}

.rhap_stacked-reverse .rhap_controls-section {
    margin-bottom: 8px;
}

.rhap_progress-section {
    display: flex;
    flex: 3 1 auto;
    align-items: center;
}

.rhap_progress-container {
    display: flex;
    align-items: center;
    height: 20px;
    flex: 1 0 auto;
    align-self: center;
    /* margin: 0 calc(~"10px + 1%"); */
    cursor: pointer;
    -webkit-user-select: none;
}

.rhap_progress-container:focus:not(:focus-visible) {
    outline: 0;
}

.rhap_time {
    color: white;
    font-size: 16px;
    user-select: none;
    -webkit-user-select: none;
    margin: 15px;
}

.rhap_progress-bar {
    box-sizing: border-box;
    position: relative;
    z-index: 0;
    width: 100%;
    height: 5px;
    background-color: #dddddd;
    border-radius: 2px;
}

.rhap_progress-filled {
    height: 100%;
    position: absolute;
    z-index: 2;
    background-color: #868686;
    border-radius: 2px;
}

.rhap_progress-bar-show-download {
    background-color: fade(#dddddd, (0.5 * 100));
}

.rhap_download-progress {
    height: 100%;
    position: absolute;
    z-index: 1;
    background-color: #dddddd;
    border-radius: 2px;
}

.rhap_progress-indicator {
    box-sizing: border-box;
    position: absolute;
    z-index: 3;
    width: 20px;
    height: 20px;
    margin-left: -10px;
    top: -8px;
    background: white;
    border-radius: 50px;
    box-shadow: fade(white, (0.5 * 100)) 0 0 5px;
}

.rhap_controls-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.rhap_additional-controls {
    display: flex;
    flex: 1 0 auto;
    align-items: center;
}

.rhap_repeat-button {
    font-size: 26px;
    width: 26px;
    height: 26px;
    color: #333;
    margin-right: 6px;
}

.rhap_main-controls {
    flex: 0 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.rhap_main-controls-button {
    margin: 0 3px;
    color: #333;
    font-size: 35px;
    width: 35px;
    height: 35px;
}

.rhap_play-pause-button {
    font-size: 20px;
    width: 20px;
    height: 20px;
}

.rhap_volume-controls {
    /* display: flex;flex: 1 0 auto;justify-content: flex-end;align-items: center; */
    display: flex;
    align-items: center;
    flex: 0 1 100px;
    -webkit-user-select: none;
    position: relative;
    left: 700px;
    background-color: transparent;
    width: 100px;
}

.rhap_container {
    padding: 0px;
}

.episode-audio-player-container .container {
    padding-left: 0px;
}

.rhap_volume-button {
    flex: 0 0 26px;
    font-size: 26px;
    width: 26px;
    height: 26px;
    color: #333;
    margin-right: 6px;
    color: white;
}

.rhap_volume-container {
    display: flex;
    align-items: center;
    flex: 0 1 100px;
    -webkit-user-select: none;
    position: relative;
    /* left: 555px; */
    background-color: transparent;
    width: 100px;
}

.rhap_volume-bar-area {
    display: flex;
    align-items: center;
    width: 100%;
    height: 14px;
    cursor: pointer;
}

.rhap_volume-bar-area:focus:not(:focus-visible) {
    outline: 0;
}

.rhap_volume-bar {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    height: 4px;
    background: white;
    border-radius: 2px;
}

.rhap_volume-indicator {
    box-sizing: border-box;
    position: absolute;
    width: 12px;
    height: 12px;
    margin-left: -6px;
    left: 0;
    top: -4px;
    background: white;
    opacity: 0.9;
    border-radius: 50px;
    box-shadow: fade(#868686, (0.5 * 100)) 0 0 3px;
    cursor: pointer;
}

.rhap_volume-indicator:hover {
    opacity: 0.9;
}

.rhap_volume-filled {
    height: 100%;
    position: absolute;
    z-index: 2;
    background-color: #868686;
    border-radius: 2px;
}


/* Utils */

.rhap_button-clear {
    background-color: transparent;
    border: none;
    padding: 0;
    overflow: hidden;
    cursor: pointer;
}

.rhap_button-clear:hover {
    opacity: 0.9;
    transition-duration: 0.2s;
}

.rhap_button-clear:active {
    opacity: 0.95;
}

.rhap_button-clear:focus:not(:focus-visible) {
    outline: 0;
}

@media screen and (max-width: 1440px) {
    .rhap_volume-controls {
        display: flex;
        align-items: center;
        flex: 0 1 100px;
        -webkit-user-select: none;
        position: relative;
        left: 660px;
        background-color: transparent;
        width: 100px;
    }
}

@media screen and (max-width: 1024px) {
    .rhap_volume-controls {
        display: flex;
        align-items: center;
        flex: 0 1 100px;
        -webkit-user-select: none;
        position: relative;
        left: 430px;
        background-color: transparent;
        width: 100px;
    }

    .rhap_progress-container {
        display: flex;
        align-items: center;
        height: 20px;
        flex: 0 0 auto;
        align-self: center;
        cursor: pointer;
        -webkit-user-select: none;
        width: 250px;
    }

    /* .rhap_volume-container {left: 650px;} */
}

@media screen and (max-width: 768px) {
    container .rhap_progress-section {
        margin-left: -88px;
    }

    .rhap_progress-container {
        display: flex;
        align-items: center;
        height: 20px;
        flex: 0 0 auto;
        align-self: center;
        cursor: pointer;
        -webkit-user-select: none;
        width: 200px;
    }

    .rhap_volume-controls {
        display: flex;
        align-items: center;
        flex: 0 1 100px;
        -webkit-user-select: none;
        position: relative;
        left: 370px;
        background-color: transparent;
        width: 100px;
    }

    /* .rhap_volume-container {left: 650px;} */
}

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

@media screen and (max-width: 481px) {
    .rhap_volume-controls {
        display: none;
    }

    .episode-audio-player-container .rhap_progress-section {
        margin-left: 0px;
        width: 260px;
    }

    .rhap_progress-container {
        display: flex;
        align-items: center;
        height: 20px;
        flex: 0 0 auto;
        align-self: center;
        cursor: pointer;
        -webkit-user-select: none;
        width: 135px;
    }
}


/*---------IDENTITY LANDING----------*/


/* .identity-landing-hero {position: absolute;top: 0;left: 0;} */


/* .identity-landing-hero-container {width: 100vw;} */

.identity-landing-hero-wrapper {
    padding: 45px 0px;
}

.identity-landing-hero-image-wrapper {
    /* width: 960px; */
    height: 600px;
}

.identity-page-hero-image-container {
    padding-bottom: 0px;
    padding-top: 0px;
}

.identity-landing-hero-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}


/* .identity-topics {margin-top: 700px;} */

.identity-topics-heading {
    font-size: 20px;
    font-weight: normal;
    margin-left: 5px;
    margin-bottom: 20px;
}

.identity-landing-hero-text-column {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    /* padding: 100px; */
    /* border-bottom: 0.5px solid rgba(177, 78, 39, 0.3); */
}

.identity-landing-hero-text-column h1 {
    font-size: 60px;
    margin-bottom: 0px;
}

.identity-landing-hero-text-column h2 {
    font-size: 21px;
    font-weight: normal;
    margin-bottom: 20px;
    line-height: inherit;
}

.identity-landing-hero-text-column p {
    font-size: 16px;
    width: 100%;
}

.identify-as-btn-wrapper {
    margin-top: 20px;
}

.identify-as-btn,
.identify-as-btn-wrapper {
    font-size: 21px;
    color: #fff;
}

.identify-as-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.identity-topics-wrapper {
    padding: 45px 0px;
}

.identity-page-teachers-row .home-page-teacher-column-container {
    min-height: 330px;
    max-height: 400px;
}

.identity-page-teachers-row .slick-prev::before {
    content: "";
    background-image: url(../images/directionArrow-small.png);
    width: 150px;
    height: 50px;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 0px;
    position: absolute;
    top: -15px;
    transform: rotate(180deg);
}

.identity-page-teachers-row .slick-prev {
    left: 100%;
    top: 10%;
}

.identity-page-teachers-row .slick-next {
    left: 100%;
    top: 90%;
}

.identity-page-teachers-row .slick-disabled::before {
    display: none !important;
    cursor: none;
}

.identity-page-teachers-row .slick-next::before {
    content: "";
    background-image: url(../images/directionArrow-small.png);
    width: 150px;
    height: 50px;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 0px;
    position: absolute;
    top: -15px;
}

.identity-page-teachers-wrapper {
    padding: 45px 20px;
}

.identify-as-modal {
    max-width: 700px;
}

.identify-as-modal .modal-content {
    padding: 30px;
}

.identify-as-modal .modal-body {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.identify-as-modal h2 {
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 30px;
    text-align: center;
}

.identify-as-modal p {
    margin-bottom: 30px;
    font-size: 20px;
    text-align: center;
}

.identify-as-modal .identity-filter-container {
    margin-bottom: 30px;
}

.identify-as-modal .identity-filter-container p {
    margin: 0px;
}

.identify-as-modal-link {
    color: #b14e27;
    text-decoration: underline;
}

.identify-as-modal .identity-btn-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: wrap;
    width: 100%;
    margin-top: 30px;
}

.identity-cancel-btn,
.identity-confirm-btn {
    padding: 20px 0px;
    width: 45%;
    background-color: #e5e5e5;
    color: #000;
    font-size: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.identity-confirm-btn {
    background-color: #b14e27;
    color: #fff;
}

.identity-topic-large-title-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}

.identity-topic-large-title-container h2 {
    font-weight: normal;
}
.core-topic-large-title {
    font-size: 2rem;
    font-family: var(--franklin);
    font-weight: 400;            
}

@media screen and (max-width: 1440px) {
    .identity-landing-hero-image-wrapper {
        width: 100%;
        height: 600px;
    }

    .identity-landing-hero-text-column {
        padding: 30px;
        padding-bottom: 0px;
    }

    /* .identity-topics {margin-top: 600px;} */
}

@media screen and (max-width: 1024px) {
    .identity-landing-hero-image-wrapper {
        width: 100%;
        height: 600px;
    }

    .identity-landing-hero-text-column {
        padding-bottom: 30px;
        padding-left: 30px !important;
        padding-right: 0px !important;
    }

    .identity-landing-hero {
        position: relative;
    }

    .identity-topics {
        margin-top: 0px;
    }

    .identity-page-teachers-row .slick-list {
        width: 80%;
    }

    .identity-page-teachers-row .slick-prev {
        left: 85%;
        top: 10%;
    }

    .identity-page-teachers-row .slick-next {
        left: 85%;
        top: 90%;
    }

    .identity-landing-hero-container {
        margin: 0px !important;
    }

    .identity-landing-hero-text-column p {
        font-size: 16px;
        /* width: 30ch; */
        margin-right: 20px;
    }

    .identity-landing-hero-column:first-child {
        padding: 0px !important;
    }

    .identity-page-teachers-row .slick-next::before {
        width: 50px;
    }

    .identity-page-teachers-row .slick-prev::before {
        width: 50px;
    }

    .identify-as-btn-wrapper {
        margin-top: 10px;
    }

    .identify-as-btn,
    .identify-as-btn-wrapper {
        width: 100%;
        font-size: 21px;
        margin-right: 20px;
    }
}

@media screen and (max-width: 768px) {
    .identity-page-teachers-row .slick-prev {
        left: 80%;
        top: 10%;
    }

    .identity-page-teachers-row .slick-next {
        left: 80%;
        top: 90%;
    }

    .identify-as-modal .modal-content {
        padding: 70px 50px;
    }
}

@media screen and (max-width: 690px) {
    .identity-hero-container {
        flex-flow: wrap;
    }
}

@media screen and (max-width: 576px) {
    .identify-as-modal .modal-content {
        padding: 30px 30px;
    }

    .identify-as-modal {
        padding: 0px !important;
        height: 10000px;
    }

    .identify-as-modal .modal-content {
        /* height: 500px; */
        overflow-y: scroll;
    }

    .identity-cancel-btn,
    .identity-confirm-btn {
        font-size: 16px;
        width: 100%;
    }

    .identify-as-modal h2 {
        font-size: 26px;
    }

    .identify-as-modal .identity-btn-container {
        flex-direction: column;
    }

    .identify-as-modal p {
        margin-bottom: 30px;
        font-size: 15px;
        text-align: center;
    }

    .identify-as-btn,
    .identify-as-btn-wrapper {
        width: 100%;
        font-size: 21px;
    }

    .identity-landing-hero-text-column {
        padding-bottom: 30px;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

@media screen and (max-width: 480px) {
    .identity-landing-hero-image-wrapper {
        width: 100%;
        height: 300px;
    }

    .identity-page-teachers-row .home-page-teacher-image-wrapper {
        height: 330px;
    }
}


/*---------IDENTITY TOPIC-----------*/

.identity-showing-content-for-wrapper {
    padding: 30px 0px;
    padding-bottom: 0px;
}

.showing-content-for-heading {
    font-size: 20px;
    text-transform: uppercase;
    white-space: nowrap;
}

.showing-content-for-row {
    margin: 0 auto;
    flex-flow: nowrap;
    align-items: flex-start;
}

.showing-content-for-row p {
    margin: 0px;
}

.showing-content-for-filters-container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-flow: wrap;
}

.showing-content-for-column {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 15px;
}

.showing-content-for-filter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    padding: 10px 18px;
    border: 1px solid #4264a4;
    border-radius: 9px;
    background-color: white;
    /* width: 147px; */
    height: 35px;
    margin-right: 20px;
    margin-bottom: 20px;
}

.showing-content-for-filter-text {
    font-size: 21px;
    color: #4264a4;
    margin-right: 10px !important;
}

.identity-post {
    border: 2px solid #4264a4;
}

.topic-identity-label {
    margin-right: 20px;
    padding: 10px 20px;
    background-color: rgba(196, 196, 196, 0.8);
    color: #000;
    border-radius: 9px;
}

.topic-identity-label-text {
    margin: 0px;
}

.showing-content-for-filters-container {
    margin-left: 20px;
}

.post-icon-identity-filter {
    display: flex;
    align-items: flex-start;
    /* justify-content: space-between; */
    width: 50%;
    /* position: absolute; */
    /* left: 0px; */
}

.post-icon-identity-filter .topic-identity-label-text {
    white-space: nowrap;
}

.showing-content-for-filter-remove img {
    width: 15px;
}

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

@media screen and (max-width: 1024px) {
    .showing-content-for-row {
        padding: 0px;
        flex-flow: wrap;
    }
}

@media screen and (max-width: 768px) {
    .showing-content-for-filter {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row;
        padding: 10px 18px;
        border: 1px solid #4264a4;
        border-radius: 9px;
        background-color: white;
        height: 35px;
        margin-right: 10px;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 576px) {
    .topic-identity-label {
        margin-right: 50%;
    }
}

@media screen and (max-width: 480px) {
    .topic-identity-label {
        margin-right: 40%;
    }

    .showing-content-for-heading {
        margin-bottom: 20px !important;
    }

    .showing-content-for-filters-container {
        margin-left: 0px;
    }
}


/*---------PRACTITIONER PAGE---------*/

.practitioner-claim-profile-button-container {
    background-color: #b14e27;
    color: #fff;
    width: 213px;
    height: 41px;
    border-radius: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 21px;
}

.practitioner-claim-profile-button {
    color: #fff;
    font-family: franklin-gothic-urw, sans-serif;
}

.practitioner-topic-icons {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.practitioner-report-button-container {
    position: relative;
    align-self: center;
}

.practitioner-claim-profile-button-container {
    margin-right: 30px;
}

.practitioner-contact-link {
    color: #b14e27;
    font-size: 21px;
    cursor: pointer;
    margin-top: 100px;
}

.contribution-topics-wrapper {
    padding: 45px 0px;
}

.contribution-topics-heading {
    font-size: 21px;
    font-weight: normal;
}

.contribution-topics-link:hover {
    color: #b14e27;
    text-decoration: underline;
}

.contribution-topics-link-1 {
    color: #4264a4;
    font-size: 36px !important;
    margin-right: 10px;
    font-family: orpheuspro, serif;
}

.contribution-topics-link-2 {
    color: #4264a4;
    font-size: 32px !important;
    margin-right: 10px;
    font-family: orpheuspro, serif;
}

.contribution-topics-link-3 {
    color: #4264a4;
    font-size: 30px !important;
    margin-right: 10px;
    font-family: orpheuspro, serif;
}

.contribution-topics-link-4 {
    color: #4264a4;
    font-size: 28px !important;
    margin-right: 10px;
    font-family: orpheuspro, serif;
}

.contribution-topics-link-5 {
    color: #4264a4;
    font-size: 26px !important;
    margin-right: 10px;
    font-family: orpheuspro, serif;
}

.contribution-topics-link-6 {
    color: #4264a4;
    font-size: 22px !important;
    margin-right: 10px;
    font-family: orpheuspro, serif;
}

.active-contribution-link {
    color: #b14e27 !important;
    font-size: 36px;
    text-decoration: underline !important;
}

.practitioner-filter-wrapper {
    padding: 45px 0px;
}

#practitioner-filter-tabs {
    border: none;
}

#practitioner-filter-tabs .nav-item.show .nav-link,
#practitioner-filter-tabs .nav-link.active {
    background-color: transparent;
    border: none;
}

#practitioner-filter-tabs .nav-link.active {
    color: #b14e27;
    text-decoration: underline;
}

#practitioner-filter-tabs .nav-link {
    text-transform: uppercase;
    margin-left: 0px;
    padding-left: 0px;
    font-size: 21px;
    letter-spacing: 1px;
}

#practitioner-filter-tabs .nav-link:focus,
#practitioner-filter-tabs .nav-link:hover {
    outline: none !important;
    border-color: transparent;
}

.practitioner-filter-column .tab-pane.active .post a {
    color: #000 !important;
}

.practitioner-filter-column .tab-pane.active .post-tags a {
    color: rgba(11, 31, 46, 0.5) !important;
}

.practitioner-filter-column .tab-pane.active .separator {
    display: none;
}

.contribution-filter-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    margin: 20px 0px;
    color: #000;
    font-size: 20px;
}

.contribution-filter-container .dropdown {
    margin-right: 20px;
}

.contribution-all-topics-dropdown-toggle,
.contribution-all-content-dropdown-toggle {
    letter-spacing: 1px;
    text-transform: uppercase;
}

.contribution-all-topics-dropdown-menu,
.contribution-all-content-dropdown-menu {
    padding: 10px 0px;
    background-color: #fff !important;
    width: 150px !important;
    height: 200px;
    overflow-y: auto;
    box-shadow: none !important;
    border: 0.5px solid rgba(177, 78, 39, 0.3) !important;
    margin-top: 10px;
    margin-left: 5px;
    align-items: flex-start !important;
    overflow-x: hidden;
}

.contribution-all-topics-dropdown-menu ul,
.contribution-all-content-dropdown-menu ul {
    width: 100%;
    text-align: center;
    font-family: franklin-gothic-urw, sans-serif;
    font-size: 18px;
    font-weight: normal;
}

.contribution-all-topics-dropdown-menu ul .type,
.contribution-all-content-dropdown-menu ul .type {
    margin-right: 0px;
}

.contribution-all-topics-dropdown-menu li,
.contribution-all-content-dropdown-menu li {
    padding: 5px;
    padding-left: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    /* white-space: nowrap;overflow: hidden;text-overflow: ellipsis; */
}

.contribution-all-topics-dropdown-menu li:hover,
.contribution-all-content-dropdown-menu li:hover {
    background-color: rgba(177, 78, 39, 0.3);
    cursor: pointer;
    color: #b14e27;
}

.contribution-refresh-btn-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.contribution-refresh-btn-container-link {
    display: flex;
    align-items: center;
    justify-content: center;
}

.contribution-refresh-btn-image {
    width: 100px;
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
    -ms-transform-origin: 50% 50%;
    /* IE 9 */
    transform-origin: 50% 50%;
}

.contribution-refresh-btn-image {
    animation: spin 1s;
    cursor: pointer;
    width: 20px;
    margin-top: -5px;
}

.contribution-refresh-btn-image:active {
    animation: spin-btn 1s;
}

@keyframes spin {
    100% {
        transform: rotateZ(360deg);
    }
}

@keyframes spin-btn {
    100% {
        transform: rotateZ(360deg);
    }
}

.practitioner-filter-claim-profile-container {
    margin-bottom: 30px;
}

.practitioner-filter-claim-profile-container,
.practitioner-filter-people-also-viewed-container {
    border: 0.5px solid rgba(177, 78, 39, 0.3);
    padding: 30px;
}

.practitioner-filter-claim-profile-container h2,
.practitioner-filter-people-also-viewed-container h2 {
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: 1.44px;
    text-align: left;
    color: #0b1f2e;
    margin-bottom: 20px;
}

.practitioner-filter-claim-profile-container p {
    margin-bottom: 20px;
}

.practitioner-filter-claim-profile-container .practitioner-claim-profile-button-container {
    width: 100%;
}

.people-also-viewed-update {
    border-bottom: 0.5px solid rgba(177, 78, 39, 0.3);
    padding-bottom: 20px;
    padding-top: 10px;
}

.people-also-viewed-update-image-wrapper {
    width: 50px;
    height: 60px;
}

.people-also-viewed-update-image {
    width: 100%;
    height: 100%;
    overflow: hidden;
    object-fit: cover;
    object-position: top;
    border-top-left-radius: 100% 80%;
    border-top-right-radius: 100% 80%;
}

.people-also-viewed-update-text-wrapper h3 {
    font-size: 18px;
    color: #b14e27;
}

.people-also-viewed-update-text-wrapper {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.people-also-viewed-update-text-wrapper a {
    font-weight: bold;
}

.people-also-viewed-update-text-wrapper p {
    font-size: 12px;
    margin: 0px;
}

.people-also-viewed-update-text-container {
    display: flex;
    align-items: center;
}

.practitioner-report-button-container {
    align-self: center !important;
}

.claim-profile-step-1 {
    max-width: 700px;
}

.claim-profile-step-1 .modal-title {
    font-size: 27px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: left;
    color: #0b1f2e;
}

.claim-profile-step-1 .modal-body {
    padding: 100px;
    height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.claim-profile-modal-text {
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: center;
    color: #000;
}

.claim-profile-modal-text-link {
    color: #b14e27;
}

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

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

    .contribution-topics-wrapper,
    .practitioner-filter-wrapper {
        padding: 45px 20px;
    }

    .people-also-viewed-update-text-wrapper {
        margin-left: 10px;
    }
}

@media screen and (max-width: 768px) {
    .people-also-viewed-update-image-wrapper {
        width: 30px;
        height: 40px;
    }

    .practitioner-hero-container {
        min-height: 30vh !important;
    }

    .practitioner-large-title {
        margin-bottom: 20px;
    }

    .claim-profile-step-1 {
        max-width: 80%;
    }

    .claim-profile-step-1 .modal-body {
        padding: 20px;
        height: fit-content;
        height: -moz-fit-content;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .claim-profile-modal-text {
        font-size: 18px;
    }

    .claim-profile-step-1 .modal-title {
        font-size: 21px;
    }
}

@media screen and (max-width: 576px) {
    #practitioner-filter-tabs .nav-link {
        font-size: 13px;
        padding: 5px;
    }

    .contribution-filter-container {
        justify-content: space-between;
        font-size: 16px;
        width: 100%;
    }

    .practitioner-claim-profile-button-container {
        background-color: #b14e27;
        color: #fff;
        width: 120px;
        height: 41px;
        border-radius: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        margin-right: 20px;
    }

    .practitioner-topic-icons {
        justify-content: space-around;
    }

    .practitioner-large-title {
        margin-bottom: 20px;
    }

    #practitioner-filter-tabs {
        justify-content: space-between;
    }
}

@media screen and (max-width: 480px) {
    .people-also-viewed-update-text-wrapper {
        margin-left: 0px;
    }
}


/*-------PRACTITIONER CLAIMED PROFILE------*/

.practitioner-hero-text-image-container {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.practitioner-hero-introduction-text {
    font-size: 28px;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 30px;
    margin-top: 30px;
}

.practitioner-following-follower-container {
    display: flex;
    align-items: flex-start;
}

.practitioner-follower-container {
    margin-right: 20px;
}

.practitioner-hero-text-container {
    width: 70%;
}

.practitioner-follower-count,
.practitioner-following-count {
    color: #b14e27;
}

.practitioner-hero-text-image-container .user-profile-identities-wrapper {
    margin-bottom: 0px;
}

.practitioner-hero-text-image-container .user-profile-identity {
    margin-top: 15px;
    margin-bottom: 0px;
}

.practitioner-hero-areas-speciality-heading {
    font-size: 32px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: 1.44px;
    text-align: left;
    color: #0b1f2e;
}

.practiioner-hero-image-container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
}

.practitioner-hero-edit-profile-container {
    color: #b14e27;
    margin-bottom: 20px;
    font-size: 20px;
}

.practitioner-hero-text-image-container .teacher-photo {
    filter: grayscale(100%);
}

.practitioner-create-post-filter-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.practitioner-create-post-btn-container a {
    color: #fff !important;
}

.practitioner-create-post-button {
    padding: 12px 20px;
    color: #fff !important;
    background-color: #b14e27;
    border-radius: 30px;
}

.practitioner-filter-column-courses-events-container {
    border: 0.5px solid rgba(177, 78, 39, 0.3);
    margin-bottom: 20px;
    padding: 30px;
    min-height: 400px;
}

.practitioner-filter-column-courses-events-heading {
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: 1.44px;
    text-align: left;
    color: #0b1f2e;
    margin-bottom: 20px;
}

.practitioner-course-event {
    padding-bottom: 15px;
    padding-top: 10px;
    border-bottom: 0.5px solid #b14e27;
}

.practitioner-course-event-link {
    font-size: 18px;
    color: #b14e27;
    font-weight: normal;
}

.practitioner-course-event-add-edit-see-all-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 15px;
}

.practitioner-course-event-add-edit-see-all-container a {
    color: #b14e27;
    text-transform: uppercase;
    font-size: 18px;
}

.practitioner-course-event-add-edit-container {
    width: 35%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.claim-profile-modal-button {
    padding: 10px 25px;
    color: #fff !important;
    text-decoration: none !important;
    background-color: #b14e27;
    font-size: 24px;
    margin: 40px 0px;
}

.practitioner-email {
    font-weight: bold;
}

.claim-profile-step-1 .modal-body a {
    color: #b14e27;
    text-decoration: underline;
}

.claim-profile-email-verification-form {
    margin: 40px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.claim-profile-email-verification-form-submit-button {
    padding: 6px 25px;
    color: #fff !important;
    text-decoration: none !important;
    background-color: #b14e27;
    font-size: 24px;
    border: none;
    box-shadow: none;
    width: 40%;
}

.claim-profile-email-verification-form-email-input {
    padding: 10px 25px;
    width: 60%;
}

.claim-profile-email-code-verification-form {
    margin: 40px 0px;
}

.claim-profile-email-code-verification-form-code-input {
    width: 40px;
    height: 40px;
    border: 1px solid #000;
    margin-right: 20px;
    text-align: center;
}

.claim-profile-email-code-verification-form-submit-button {
    display: block;
    width: 100%;
    padding: 6px 25px;
    color: #fff !important;
    text-decoration: none !important;
    background-color: #b14e27;
    font-size: 24px;
    border: none;
    box-shadow: none;
    margin-top: 30px;
}

#claim-profile-step-6 .modal-body {
    align-items: flex-start;
}

#claim-profile-step-6 .modal-body p {
    text-align: left;
}

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

@media screen and (max-width: 1024px) {
    .practitioner-following-items-wrapper {
        padding: 0px 20px;
    }
}

@media screen and (max-width: 768px) {
    .practitioner-hero-text-image-container {
        flex-flow: wrap-reverse;
    }

    .practitioner-hero-text-container {
        width: 100%;
    }

    .practiioner-hero-image-container {
        align-items: flex-start;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 576px) {
    .claim-profile-modal-button {
        padding: 5px 20px;
        color: #fff;
        background-color: #b14e27;
        font-size: 18px;
        margin: 20px 0px;
    }

    .claim-profile-email-code-verification-form-code-input {
        margin-right: 0px;
        text-align: center;
    }

    .practitioner-create-post-filter-container {
        flex-direction: column-reverse;
        margin-top: 20px;
    }

    .practitioner-create-post-btn-container {
        margin: 20px 0px;
    }

    .practitioner-hero-introduction-text {
        margin: 15px 0px;
    }

    .claim-profile-email-verification-form-submit-button {
        padding: 14px 20px;
        color: #fff !important;
        text-decoration: none !important;
        background-color: #b14e27;
        font-size: 12px;
        border: none;
        box-shadow: none;
        width: 40%;
    }
}

@media screen and (max-width: 480px) {
    .people-also-viewed-update-text-wrapper {
        margin-left: 0px;
    }
}


/*-------IDENTITY HOME------*/

.idenity-types-wrapper {
    padding: 45px 0px;
}

.identity-types-heading {
    margin: 0 auto;
    text-align: center;
    font-size: 36px;
    margin-bottom: 42px;
}

.identity-title {
    border-bottom: 1px solid #000;
}

.identity-home-identities-introduction-text {
    font-size: 21px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    text-align: left;
    color: #0b1f2e;
    margin-bottom: 30px;
}

.identity-home-identities-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-flow: wrap;
}

.identity-container {
    width: 180px;
    height: 211px;
    position: relative;
    /* margin-left: 20px; */
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* cursor: pointer; */
}

.identity-background-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
}

.identity-background-overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(0, 0, 0, 0.6);
}

.identity-name-pre-text {
    font-size: 18px;
}

.identity-background-overlay-active {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000);
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.identity-container .identity-name {
    margin: 0 auto;
    font-size: 26px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    position: absolute;
    left: 15px;
    bottom: 20px;
    font-family: var(--orpheous);
}

.identity-page-header {
    font-size: 36px !important;
    font-family: var(--franklin);
    font-weight: normal;
}

.identity-background-overlay+.identity-name {
    color: rgb(0, 0, 0, 0.3);
}

.view-more-identities-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
}

.view-more-identities-container h2 {
    font-size: 24px;
    font-weight: 500 !important;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: left;
    color: #000;
}

.view-more-identities-btn {
    width: 50%;
    background-color: #b14e27;
    color: #fff;
    text-align: center;
    padding: 10px 0px;
    border-radius: 30px;
}

.identity-landing-page-link {
    width: 100%;
    height: 100%;
}

.identity-landing-page-link {
    width: 100%;
    height: 100%;
}

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

@media screen and (max-width: 1024px) {
    .idenity-types-wrapper {
        padding: 45px 20px;
    }
}

@media screen and (max-width: 768px) {
    .identity-container {
        width: 230px;
        margin-right: 0px;
        height: 300px;
    }

    .view-more-identities-btn {
        width: 100%;
    }
}

@media screen and (max-width: 576px) {
    .identity-container {
        width: 100%;
        margin-right: 0px;
        height: 400px;
    }
}

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


/*-------IDENTITIES LANDING PAGE------*/

.identities-landing-hero {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 500px;
}

.identities-landing-hero-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.identities-landing-hero-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
}

.identities-hero-background-overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.37);
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.identities-hero-heading {
    font-size: 64px;
    line-height: 75px;
    color: #fff;
}

.identities-landing-types {
    margin-top: 450px;
}

.identities-hero-title {
    border-bottom: 1px solid #fff;
}

.identities-landing-identity-container {
    width: 320px;
    height: 170px;
    position: relative;
    margin-right: 0px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.identities-landing-identity-container .identity-name {
    font-size: 36px;
    line-height: 42px;
    color: #fff;
}

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

@media screen and (max-width: 1024px) {
    .identities-landing-identity-container {
        width: 470px;
    }
}

@media screen and (max-width: 768px) {
    .identities-landing-identity-container {
        width: 350px;
    }
}

@media screen and (max-width: 576px) {
    .identities-hero-heading {
        font-size: 45px;
    }
}

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


/*-------IDENTITY MANAGER----------*/

.identity-manager {
    text-align: center;
}

.identity-manager-wrapper {
    padding: 45px 0px;
}

.identity-manager-description {
    font-size: 21px;
}

.identity-to-add-container,
.identity-added-container {
    width: 450px;
    height: 650px;
    overflow-y: auto;
    background-color: #fff;
    padding: 20px;
}

.identity {
    background-color: #d9d9d9;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 15px;
    border-radius: 8px;
    margin: 10px 0px;
    cursor: pointer;
}

.identity-name {
    margin: 0px;
    font-size: 28px;
}

.identity-add-icon {
    width: 24px;
    height: 24px;
}

.identity-add-arrows-container {
    display: flex;
    flex-flow: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.identity-add-arrow-image,
.identity-remove-arrow-image {
    margin: 30px 0px;
}

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

@media screen and (max-width: 1024px) {
    .identity-manager-wrapper {
        padding: 45px 20px;
    }
}

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

@media screen and (max-width: 576px) {
    .identity-name {
        font-size: 16px;
    }

    .identity {
        height: 40px;
    }
}

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


/*------- EDIT PROFILE SLUGS---- */

.edit-profile-slug-input-container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    margin: 20px 0px;
    margin-top: 0px;
}

.edit-collection-slug-input-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
}

.edit-profile-slug-input-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.onboarding-profile-slug-label {
    margin: 0px;
    margin-right: 0px;
    font-size: 21px;
    color: #000;
}

.edit-profile-slug-icon-accept {
    width: 20px;
    height: 20px;
    background-color: #64b857;
    border-radius: 100%;
    margin-left: 10px;
    padding: 2px;
}

.edit-profile-slug-icon-reject {
    width: 20px;
    height: 20px;
    background-color: #d00900;
    border-radius: 100%;
    margin-left: 10px;
    padding: 2px;
}

.edit-profile-slug-url-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 0px;
    margin-top: 5px;
}

.edit-profile-slug-url-wrapper p {
    margin: 0px;
}

.edit-profile-slug-icon-container {
    width: 50px;
    height: 30px;
}

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

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

@media screen and (max-width: 768px) {
    .edit-profile-slug-icon-container {
        width: 50px;
        height: 15px;
    }

    .onboarding-profile-slug-label,
    .onboarding-profile-input {
        font-size: 17px;
    }
}

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

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


/* -------SIGN UP PAGE--------- */

.hero-login-logo-container {
    border-right: 0px !important;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}

.hero-signup-container {
    padding-bottom: 0px;
    height: 100%;
}

.hero-signup-wrapper {
    padding-bottom: 0px;
    height: 660px;
}

.hero-signup-text-container {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    padding-right: 100px;
}

.signup-form {
    width: 550px;
}

.signup-intro {
    font-size: var(--pLargeText);
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.34;
    letter-spacing: normal;
    text-align: left;
    color: #0b1f2e;
}

.signup-form .form-control {
    border-radius: 20px;
    border: 0.5px solid #0b1f2e;
    background-color: #fff8ef;
    font-size: var(--pText);
    color: #0b1f2e;
    height: 47px;
    width: 450px;
}

.signup-form button {
    background-color: #0b1f2e;
    color: #fff;
    border-radius: 20px;
    width: 100px;
    float: right;
}

.signup-form .form-check-input {
    background-color: #fff8ef;
}

.error-message {
    font-size: var(--pText);
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.34;
    letter-spacing: normal;
    text-align: left;
    color: #b14e27;
}

.already-have-account {
    font-size: var(--pText);
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.34;
    letter-spacing: normal;
    text-align: left;
    color: #0b1f2e;
    margin-bottom: 0px;
}

.already-have-account a {
    color: #b14e27;
}

.sign-in-wrapper {
    position: absolute;
    top: 0;
    right: 0;
}

.form-group {
    /*width: 40%; */
    float: left;
    margin-right: 10px;
    margin-bottom: 20px;
}

.api-error-group {
    width: 100% !important;
    display: block;
}

.api-error {
    margin-top: 20px !important;
    font-weight: bold !important;
    color: rgb(216, 0, 12) !important;
}

.form-control {
    width: 100% !important;
}

.coming-soon-checkbox {
    float: none;
    width: 100%;
}

.hero-login-logo-text-list {
    list-style: disc;
    display: flex;
    flex-direction: column;
}

.hero-login-logo-text-list-item {
    list-style: disc;
    font-size: 20px;
}

.hero-login-logo-text-container {
    margin-left: 70px;
}

.login-logo {
    margin-top: 380px;
}

.hero-login-logo-container,
.hero-login-text-container {
    padding-top: 60px;
}

#InputAge {
    display: inline;
    height: 20px;
    width: 20px !important;
    margin-right: 10px;
}

.form-group-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 47px;
}

.form-group-wrapper label {
    margin: 0 !important;
}

.form-group-wrapper input[type="checkbox"] {
    margin-right: 20px;
}

.error-message {
    display: block;
}

.recaptcha-container {
    margin-top: 20px;
    margin-bottom: 20px;
}

.recaptcha-container .form-group-wrapper {
    display: block;
    height: 100%;
}

.login-form {
    /*width: 550px;*/
    width: 100%;
    margin-top: 20px;
    margin-bottom: 42px;
    display: flex;
    flex-direction: column;
    /* flex-flow: wrap; */
}

.sign-up-forgot-password-wrapper {
    position: absolute;
    top: 35px;
    right: 0;
}

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

@media screen and (max-width: 1024px) {
    .form-group {
        width: 80%;
    }

    .hero-login-wrapper .large-title {
        font-size: 42px;
        text-align: center;
    }
    .hero-login-logo-text-container {
        margin-left: 90px;
    }
}

@media screen and (max-width: 960px) {
    .hero-login-container {
        height: 100%;
        flex-direction: column-reverse;
    }

    .login-logo {
        display: none;
    }

    .hero-login-logo-container,
    .hero-login-text-container {
        padding-top: 0px;
    }

    .hero-login-logo-text-container {
        margin-left: 20px;
        margin-top: 20px;
    }

    .hero-login-wrapper {
        padding-top: 90px;
    }



    .login-form {
        width: 100%;
    }

    .form-group-wrapper {
        justify-content: flex-start;
    }

    .coming-soon-checkbox {
        width: 100%;
    }

    /*.coming-soon-checkbox label {
        width: 40ch;
    }*/

    .coming-soon-checkbox:first-child {
        margin-top: 40px;
    }

    .hero-login-wrapper .large-title {
        font-size: 70px;
        text-align: left;
    }

    .hero-login-wrapper {
        padding: 45px 20px;
        padding-top: 90px;
    }
}

@media screen and (max-width: 768px) {
    .sign-up-forgot-password {
        right: 30px !important;
        top: 30px !important;
    }
}

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

    .hero-login-logo-container,
    .hero-login-text-container {
        padding-top: 0px;
    }

    .sign-up-forgot-password {
        top: 10px !important;
        right: 0 !important;
    }
}

@media screen and (max-width: 480px) {
    .sign-in-wrapper {
        position: relative;
        margin-top: 40px;
    }

    .signup-form {
        width: 100%;
        margin-top: 0px;
    }

    .signup-form .form-control {
        border-radius: 20px;
        border: 0.5px solid #0b1f2e;
        background-color: #fff8ef;
        font-size: var(--pText);
        color: #0b1f2e;
        height: 47px;
        width: 100%;
    }

    .signup-intro {
        font-size: var(--pText);
    }

    .hero-signup-text-container {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
        padding-right: 50px;
    }

    /* .form-group {
        width: 100%;
        margin-right: 0px;
    } */

    .hero-login-wrapper .large-title {
        font-size: 42px;
        text-align: left;
    }

    .hero-login-wrapper {
        padding: 45px 0px;
        padding-top: 90px;
    }
}

@media screen and (max-width: 400px) {
    .coming-soon-checkbox label {
        width: 100%;
    }

    .recaptcha-container {
        margin-left: -24px;
    }
}


/* ------LOGIN PAGE--------- */

.hero-login-logo-container {
    border-right: 0px !important;
    display: flex;
    justify-content: flex-end;
    padding-right: 0px;
}

.hero-login-container {
    padding-bottom: 0px;
    /* height: 70vh; */
}

.forgot-password-container {
    min-height: 450px;
}

.hero-login-wrapper {
    padding-bottom: 0px;
    border-bottom: 0px;
    position: relative;
}

.hero-login-text-container {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
}

.coming-soon-text {
    margin-bottom: 42px;
}

.log-in-intro {
    font-size: var(--pText);
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #0b1f2e;
    width: 38ch;
}

.login-form .form-control {
    border-radius: 0px;
    border-top: 0px;
    border-left: 0px;
    border-bottom: 0.5px solid rgba(11, 31, 46, 0.5);
    background-color: #fff8ef;
    font-size: var(--pText);
    color: #0b1f2e;
    height: 47px;
    width: 450px;
}

.login-form button {
    background-color: #b14e27;
    color: #fff;
    border-radius: 20px;
    width: 125px;
    margin-top: 10px;
    height: 45px;
    font-size: var(--pText);
    color: #fff;
}

.login-form button:hover {
    color: #fff;
}

.error-message {
    font-size: var(--pText);
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.34;
    letter-spacing: normal;
    text-align: left;
    color: #b14e27;
    display: none;
    margin-bottom: 0px;
}

.dont-have-account,
.forgot-password {
    font-size: var(--pText);
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.34;
    letter-spacing: normal;
    text-align: left;
    color: #0b1f2e;
    margin-bottom: 0px;
}

.dont-have-account a,
.forgot-password a {
    color: #b14e27;
    line-height: 21.5px;
    text-decoration: underline;
}

.forgot-password-form {
    flex-flow: column;
}

.login-page-sign-container {
    position: absolute;
    top: 84px;
    right: 49px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    width: 350px;
}

.login-page-sign-container .log-in-btn {
    width: 270px;
    height: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 20px 0px;
}

.login-page-sign-container .log-in-btn:hover {
    color: #fff;
}

.login-page-sign-container p {
    text-align: center;
    width: 30ch;
}

.login-page-sign-container a {
    font-size: 20px;
}

.login-logo {
    margin-bottom: -5px;
    width: 420px;
}

.sign-up-mobile {
    display: none;
}

.form-error {
    display: none;
}

.hero-login-page-container button {
    font-size: 20px;
}

.forgot-password-intro {
    width: 100%;
}

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

@media screen and (max-width: 1024px) {
    .sign-up-forgot-password-wrapper {
        right: 30px;
    }
}

@media screen and (max-width: 960px) {
    .hero-login-page-container .forgot-password-container {
        min-height: 100%;
    }

    .hero-login-page-container .form-group {
        margin-right: 10px;
    }

    .login-page-sign-container {
        position: relative;
        margin: 0 auto;
        margin-bottom: 90px;
        width: 100%;
    }

    .hero-login-page-wrapper .large-title {
        padding-left: 15px;
    }

    .login-logo-for-mobile {
        display: none;
    }
}

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

@media screen and (max-width: 576px) {
    .login-page-sign-container p {
        margin-bottom: 0px;
    }
}

@media screen and (max-width: 480px) {
    .sign-up-forgot-password-wrapper {
        position: absolute;
    }

    .login-form {
        width: 100%;
        margin-top: 0px;
    }

    .login-form .form-control {
        border-radius: 0px;
        border-top: 0px;
        border-left: 0px;
        border-bottom: 0.5px solid rgba(11, 31, 46, 0.5);
        background-color: #fff8ef;
        font-size: var(--pText);
        color: #0b1f2e;
        height: 47px;
        width: 100%;
    }

    .log-in-intro {
        font-size: var(--pText);
    }

    .sign-up-mobile {
        display: block;
    }

    .dont-have-account,
    .forgot-password {
        font-size: var(--pText);
        /* margin-bottom: 21.5px; */
    }

    .hero-login-page-wrapper .community-support-bottom-image-container {
        display: none;
    }

    .hero-forgot-password-wrapper .sign-up-forgot-password-wrapper {
        right: 0;
    }
}


/*-----------SUMMIT LANDING----------*/

.summit-hero .hero-theme-image-container {
    justify-content: flex-end;
    padding-bottom: 0px;
}

.summit-hero h1 {
    font-size: 60px;
    margin-bottom: 30px;
}

.summit-hero .large-theme-image-container {
    width: 480px;
    height: 570px;
}

.summit-hero .hero-theme-image-container {
    padding-right: 30px;
}

.summit-landing-hero-text {
    font-size: 30px;
}

.summit-hero-timings-container {
    border: 1px solid #b14e27;
    padding: 20px;
}

.summit-hero-timings-text-container {
    font-size: 24px;
    display: flex;
    flex-direction: row;
}

.summit-hero-timings-heading {
    font-weight: 500;
    white-space: nowrap;
}

.summit-hero-timings-text {
    margin-left: 10px;
}

.summit-hero-timings-text-container:last-child {
    font-size: 18px;
    color: rgb(0, 0, 0, 0.7);
}

.summit-join-us-btn-container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.summit-join-us-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    padding: 20px 40px;
    margin-top: 30px;
    width: 240px !important;
    height: 63px;
}

.summits-speakers-wrapper {
    padding: 45px 0px;
}

.summit-speakers-cards-container {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-flow: wrap;
}

.summit-speakers-heading {
    font-size: 40px;
    margin-bottom: 45px;
}

.summit-speakers-card {
    width: 320px;
    height: 950px;
    background-color: #0b1f2e;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    padding: 16px;
    border-radius: 16px;
    margin-bottom: 20px;
    padding-top: 20px;
    margin-right: 20px;
    position: relative;
}

.summit-speakers-card:nth-child(3) {
    margin-right: 0px;
}

.summit-speaker-heading {
    font-size: 34px;
}

.summit-speaker-small-heading {
    font-family: var(--orpheous);
    font-size: 20px;
}

.summit-speaker-sub-heading {
    font-size: 28px;
    font-family: var(--orpheous);
    margin-bottom: 20px;
    font-weight: normal;
}

.summit-speaker-timing {
    font-size: 24px;
    font-family: var(--orpheous);
    margin-top: 20px;
    margin-bottom: 20px;
}

.summit-speaker-text {
    font-size: 18px;
}

.summit-speaker-link-container {
    display: flex;
    flex-direction: column;
    font-size: 18px;
    position: absolute;
    bottom: 16px;
}

.summit-speaker-link {
    color: #fff;
    text-decoration: underline;
}

.summit-speaker-link:hover {
    color: #fff;
    text-decoration: underline;
}

.summit-speaker-image {
    width: 250px;
    height: 250px;
}

.summit-registration-wrapper {
    padding-top: 45px;
}

.summit-registration-button-container {
    border: 1px solid #b14e27;
    text-align: center;
    padding: 30px;
    margin-bottom: 80px;
}

.summit-registration-button-container h1 {
    font-size: 40px;
}

.summit-registration-button-container .summit-join-us-btn {
    margin-top: 20px;
}

.summit-registration-text {
    font-size: 26px;
    text-align: center;
    margin-bottom: 70px;
}

.summit-registration-social-share-icons-text {
    font-size: 30px;
    margin-bottom: 20px;
    text-align: center;
    font-family: var(--orpheous);
}

.summit-registration-social-share-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 60px;
}

.summit-registration-social-share-icons-list {
    display: flex;
    flex-direction: row;
}

.summit-registration-social-share-icon {
    margin-right: 20px;
}

.summit-registration-social-share-icon:last-child {
    margin-right: 0px;
}

.summit-speaker-text-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}

.summit-heading-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}

.summit-registration-social-icon-image {
    width: 104px;
}

.summit-copy-link .copy-link-message {
    margin-left: -60px;
    margin-top: 10px;
}

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

@media screen and (max-width:1024px) {
    .summit-speakers-card:nth-child(3) {
        margin-right: 20px;
    }

    .summits-speakers-wrapper {
        padding: 45px 20px;
    }

    .summit-registration-wrapper {
        padding-right: 20px;
        padding-left: 20px;
    }
}

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

@media screen and (max-width:768px) {
    .summit-hero h1 {
        font-size: 50px;
        margin-top: 30px;
    }

    .summit-hero .hero-theme-image-container {
        align-items: center;
    }

    .summit-registration-social-icon-image {
        width: 50px;
    }
}

@media screen and (max-width:576px) {
    .summit-hero .hero-theme-image-container {
        padding: 0px;
    }

    .summit-hero .large-theme-image-container {
        width: 100%;
        height: 400px;
    }

    .summit-hero .hero-theme-wrapper {
        padding: 45px 20px;
    }

    .summit-landing-hero-text {
        font-size: 30px;
    }

    .summit-hero-timings-text-container {
        flex-direction: column;
    }

    .summit-hero-timings-text {
        margin-left: 0px;
    }
}

@media screen and (max-width:480px) {
    .summit-speakers-card {
        margin-right: 0px;
    }

    .summit-speakers-card:nth-child(3) {
        margin-right: 0px;
    }

    .summit-speakers-card {
        height: 950px;
    }

    .summit-registration-social-icon-image {
        width: 50px !important;
    }

    .summit-copy-link .copy-link-message {
        margin-left: 0px;
        margin-top: 10px;
        width: 100%;
        padding: 7px;
        font-size: 10px;
        white-space: nowrap;
    }
}


/*-----SEO OPTIMIZATION--------*/

.topic-asset-type {
    font-style: italic;
    display: block;
    font-size: 2rem;
    font-family: var(--franklin);
}

.subslug {
    text-transform: capitalize;
}


/*-----------HOME PAGE 2 ----------*/

.home-page-title-2 {
    font-family: var(--orpheous);
    font-size: 70px;
    line-height: 84px;
    text-transform: uppercase;
}

.hero-theme-image-container-2 {
    border-right: 0px;
}

.large-theme-image-container-2 {
    width: 312px;
    height: 390px;
}

.home-page-about-text-2 {
    font-family: var(--franklin);
    font-size: 32px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: 1.44px;
    text-align: center;
    color: #0b1f2e;
    margin-bottom: 60px;
}

.home-page-about-text-column-text {
    font-size: 21px;
    text-align: center;
}

.home-page-about-text-column-text a {
    color: #b14e27;
}

.home-page-about-text-column-button-container {
    margin-top: 24px;
}

.home-page-about-text-column-button {
    width: 420px;
    height: 63px;
    flex-grow: 0;
    border-radius: 80px;
    border: solid 1px rgba(177, 78, 39, 0.3);
    background-color: #b14e27;
    padding: 15px 35px;
    color: #fff8ef;
    font-size: 18px;
    white-space: nowrap;
}

.home-page-about-text-column {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

/* .home-page-about-text-column:nth-child(1) {
    border-right: 0.5px solid rgba(177, 78, 39, 0.3);
} */

.home-page-2-about-wrapper,
.hero-theme-2-wrapper {
    padding: 25px 20px;
}

.home-page-2-about-wrapper {
    padding-bottom: 45px;
}

.home-page-hero-text-container {
    padding-left: 40px !important;
}

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

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

@media screen and (max-width: 992px) {
    .home-page-title-2 {
        font-family: var(--orpheous);
        font-size: 50px;
        line-height: 65px;
        text-transform: uppercase;
        text-align: center;
    }

    .home-page-about-text-2 {
        margin-bottom: 30px;
    }

    .home-page-about-text-column:nth-child(1) {
        padding-bottom: 30px;
    }
}

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

@media screen and (max-width: 576px) {
    .home-page-title-2 {
        font-family: var(--orpheous);
        font-size: 40px;
        line-height: 50px;
    }

    .home-page-hero-text-container {
        padding-left: 0px !important;
    }
}

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


/*----------PRACTITIONER CLASSES-------*/

.practitioner-classes-hero-image-wrapper {
    width: 450px;
    height: 520px;
}

.practitioner-classes-hero-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 0%;
    overflow: hidden;
}

.practitioner-class-hero-heading {
    font-size: 70px;
}

.practitioner-class-hero-date {
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: left;
    color: #0b1f2e;
}

.practitioner-class-hero-duration {
    font-family: var(--franklin);
    font-size: 26px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: 1.35px;
    text-align: left;
    color: #0b1f2e;
}

.practitioner-class-hero-button {
    width: 50%;
    height: 50px;
    border-radius: 50px;
    background-color: #b14e27;
    font-size: 21px;
    color: #fff9ef;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.practitioner-class-hero-description {
    font-family: var(--franklin);
    font-size: 21px;
}

.practitioner-class-hero-text {
    padding-left: 20px;
}

.practitioner-class-hero-column-1 {
    padding-right: 0px;
}

.practitioner-class-hero-column-2 {
    padding-left: 30px;
}

.practitioner-class-speaker-intro-heading {
    font-family: var(--franklin);
    font-size: 24px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: left;
    color: #000;
}

.practitioner-class-speaker-intro-heading a {
    color: #b14e27;
    text-decoration: underline;
}

.practitioner-class-related-topics-wrapper {
    padding: 45px 0px;
}

.practitioner-class-related-topic {
    width: auto;
    height: 63px;
    padding: 15px 40px;
    border-radius: 49px;
    border: solid 1px #b14e27;
    background-color: rgba(177, 78, 39, 0);
    color: #b14e27;
    font-size: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 10px;
    margin-left: 0px;
}

.practitioner-class-related-topic a {
    color: #b14e27;
}

.practitioner-class-related-topics-container {
    display: flex;
    align-items: flex-start;
    flex-flow: wrap;
}

.practitiner-class-related-topics-heading {
    font-size: 32px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: 1.44px;
    text-align: left;
    color: #0b1f2e;
}

.practitioner-class-other-class-container {
    width: 300px;
    height: 780px;
    border: solid 0.5px rgba(177, 78, 39, 0.6);
    background-color: #fff;
    /* padding: 10px; */
    margin-right: 10px;
    padding-bottom: 30px;
}

.practitioner-class-other-class-image-wrapper {
    width: 100%;
    height: 450px;
    padding: 8px;
    border-bottom: 1px solid rgba(177, 78, 39, 0.6);
}

.practitioner-class-other-class-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: visible;
}

.practitioner-other-class-text-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    height: 300px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.practitioner-class-other-class-heading {
    font-family: var(--orpheous);
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    /* line-height: normal; */
    letter-spacing: normal;
    text-align: left;
    color: #000;
    margin-left: 20px;
    height: 135px;
    overflow: hidden;
}

.practitioner-class-other-class-duration {
    font-family: var(--franklin);
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: 1.08px;
    text-align: left;
    color: #0b1f2e;
    margin-left: 20px;
}

.practitioner-class-other-class-time {
    font-size: 21px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5em;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    width: 20ch;
    margin-bottom: 0px;
    margin-left: 20px;
    height: 63px;
}

.practitioner-class-other-class-time a {
    color: #b14e27;
}

.practitioner-class-other-class-button {
    width: 200px;
    height: 63px;
    flex-grow: 0;
    padding: 15px 40px;
    border-radius: 50px;
    background-color: #b14e27;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.practitioner-class-other-class-button:hover {
    color: #fff;
}

.practitioner-class-related-other-classes-container {
    margin-top: 26px;
}

.practitioner-class-related-other-classes-container .slick-track {
    margin-left: 0px;
}

.practitioner-class-related-other-classes-container .slick-slide div {
    margin-right: 10px;
}

.practitioner-class-related-other-classes-container .slick-prev:before {
    content: "";
    background-image: url("../images/directionArrow.svg");
    width: 150px;
    height: 50px;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: -75px;
    position: absolute;
    top: -15px;
    transform: rotate(180deg);
}

.practitioner-class-related-other-classes-container .slick-next:before {
    content: "";
    background-image: url("../images/directionArrow.svg");
    width: 150px;
    height: 50px;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: -65px;
    position: absolute;
    top: -75%;
}

.practitioner-class-related-other-classes-container .slick-prev,
.practitioner-class-related-other-classes-container .slick-next {
    top: 110%;
}

.practitioner-class-related-other-classes-container .slick-prev {
    left: 50px;
}

.practitioner-class-related-other-classes-container .slick-next {
    right: 65px;
}

.practitioner-class-related-other-classes-container .slick-dots {
    margin-bottom: -65px;
    margin-left: 25%;
    margin-right: 25%;
    width: 50%;
}

.practitioner-class-other-classes-wrapper {
    padding-bottom: 150px !important;
}

.practitioner-class-complete-registration-modal .modal-header button {
    color: #b14e27;
    margin-top: -50px;
    margin-right: -5px;
    font-size: 30px;
}

.practitioner-class-complete-registration-modal .modal-title {
    font-size: 40px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    font-family: var(--orpheous);
    margin: 0px 40px;
    width: 80%;
    white-space: nowrap;
}

.practitioner-class-complete-registration-modal .modal-body {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 21px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    padding: 40px;
}

.practitioner-class-complete-registration-modal .modal-body p {
    width: 40ch;
}

.practitioner-class-complete-registration-modal .modal-body p a {
    color: #b14e27;
}

.practitioner-class-complete-registration-modal .modal-body .create-account-button {
    width: 340px;
    height: 63px;
    padding: 15px 40px;
    border-radius: 50px;
    background-color: #b14e27;
    margin-bottom: 20px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.practitioner-class-complete-registration-modal .modal-body .log-in-link {
    color: #b14e27;
    text-decoration: underline;
}

.upcoming-classes-image-wrapper {
    padding: 10px;
    background-color: #fff;
}

.upocming-class-hero-heading {
    font-size: 40px;
}

.practitioner-class-speaker-intro-text {
    font-size: 21px;
}

.practitioner-class-speaker-intro-text a {
    text-decoration: underline;
}

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

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

@media screen and (max-width: 992px) {
    .practitioner-class-related-topics-wrapper:last-child {
        padding: 45px 20px;
    }

    .practitioner-class-hero-column-2 {
        padding-left: 0px;
    }
    .hero-playlist-wrapper {
        padding: 45px 20px;
    }
    .hero-playlist-title-container {
        border-right: none;
    }

    .practitioner-class-other-class-container {
        height: 100%;
    }

    .practitioner-other-class-text-container {
        height: 100%;
    } 

    .practitioner-class-other-class-time {
        width: 20ch;
        height: 130px;
    }

     .practitioner-class-other-class-heading {
        height: 130px;
    } 
    .practitioner-class-hero-button {
        width: 100%;
    }

    .alltopicnteacher .large-title {
        padding-left: 15px;
    }
}

@media screen and (max-width: 768px) {
    .practitioner-class-hero-heading {
        font-size: 60px;
    }
    .practitioner-class-other-class-time {
        width: 20ch;
        height: 100px;
    }
}

@media screen and (max-width: 650px) {
    .practitioner-class-other-class-time {
        width: 15ch;
        height: 100px;
    }
}
@media screen and (max-width: 576px) {
    .practitioner-class-related-other-classes-container .slick-dots {
        display: none !important;
    }

    .practitioner-class-hero-heading {
        font-size: 40px;
    }

    .practitioner-class-hero-date {
        font-size: 20px;
    }

    .practitioner-class-hero-duration {
        font-size: 20px;
    }

    .practitioner-class-related-topic {
        width: auto;
        height: 55px;
        padding: 15px 40px;
        border-radius: 49px;
        border: solid 1px #b14e27;
        background-color: rgba(177, 78, 39, 0);
        color: #b14e27;
        font-size: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 10px 10px;
        margin-left: 0px;
    }
}

@media screen and (max-width: 480px) {
    .practitioner-class-hero-column-1 {
        padding-left: 0px !important;
    }

    .practitioner-class-other-class-time {
        width: 22ch;
        height: 110px;
    }
    .practitioner-class-other-class-heading {
        height: 100px;
    }
}

@media screen and (max-width: 450px) {
    .practitioner-classes-hero-image-wrapper {
        width: 100%;
    }
}


/*-------INTRODUCTORY ARTICLE---------*/

.introductory-article-button-container {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.introductory-article-button {
    width: 100%;
    height: 63px;
    border-radius: 30px;
    padding: 15px 30px;
    background-color: #b14e27;
    color: #fff;
    font-size: 21px;
}

.introductory-article-button:hover {
    color: #fff;
}

.hero-topic-description-container {
    flex-direction: column;
    justify-content: flex-end;
}

/*.introductory-article-container {
    display: none;
}*/

.introductory-article-heading-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 20px 0px;
}

.introductory-article-title {
    font-family: var(--franklin);
    font-size: 36px;
    font-weight: 500 !important;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #0b1f2e;
    margin-bottom: 0px;
}

.introductory-article-author-link {
    color: #b14e27;
    text-decoration: underline;
}

.introductory-article-close-link {
    font-family: var(--franklin);
    font-size: 26px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #b14e27;
    text-decoration: underline;
    margin-bottom: 0px;
    cursor: pointer;
}

.introductory-article-text-container {
    font-family: var(--franklin);
    font-size: 26px;
    margin-bottom: 20px;
}

.introductory-article-close-button-container {
    margin-top: 40px;
    margin-bottom: 50px;
}

.introductory-article-close-button {
    background-color: #b14e27;
    color: #fff;
    font-family: var(--franklin);
    border-radius: 30px;
    font-size: 26px;
    padding: 15px 30px;
}

.introductory-article-text-container h3,
.introductory-article-text-container h2,
.introductory-article-text-container h4,
.introductory-article-text-container h5,
.introductory-article-text-container h6,
.introductory-article-text-container h7 {
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    /* color: #0b1f2e; */
}

.introductory-article-text-container p {
    font-size: 16px !important;
    background-color: transparent !important;
    font-family: var(--franklin) !important;
    margin-top: 1rem !important;
}

.introductory-article-text-container span {
    background-color: transparent !important;
    font-family: var(--franklin) !important;
    font-size: 16px !important;
}

.introductory-article-text-container p span {
    font-size: 16px !important;
    font-family: var(--franklin) !important;
    margin-top: 1rem !important;
}

.introductory-article-text-container a {
    color: #b14e27 !important;
    background-color: transparent !important;
    font-family: var(--franklin) !important;
    font-size: 16px !important;
}

.introductory-article-text-container h3 a,
.introductory-article-text-container h2 a,
.introductory-article-text-container h4 a,
.introductory-article-text-container h5 a,
.introductory-article-text-container h6 a,
.introductory-article-text-container h7 a {
    color: #b14e27 !important;
    background-color: transparent !important;
    font-family: var(--orpheous) !important;
    font-size: initial !important;
}

.introductory-article-text-container h3 span,
.introductory-article-text-container h2 span,
.introductory-article-text-container h6 span,
.introductory-article-text-container h4 span,
.introductory-article-text-container h5 span,
.introductory-article-text-container h7 span {
    /* color: #b14e27 !important; */
    background-color: transparent !important;
    font-family: var(--orpheous) !important;
}

.introductory-article-text-container a span {
    color: #b14e27 !important;
    background-color: transparent !important;
    font-family: var(--franklin) !important;
    font-size: 16px !important;
}

.introductory-article-text-container ol li {
    list-style: decimal;
    margin-left: 20px;
    font-size: 16px !important;
    background-color: transparent !important;
    font-family: var(--franklin) !important;
    font-size: 16px !important;
}

.introductory-article-text-container ol li span {
    font-size: 16px !important;
    background-color: transparent !important;
    font-family: var(--franklin) !important;
    font-size: 16px !important;
}

.introductory-article-text-container ul li {
    list-style: disc;
    margin-left: 20px !important;
    font-size: 16px !important;
    background-color: transparent !important;
    font-family: var(--franklin) !important;
}

.introductory-article-text-container ul li span {
    font-size: 16px !important;
    background-color: transparent !important;
    font-family: var(--franklin) !important;
}
.introductory-article-text-container iframe {
    max-width: 100%;
}

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

@media screen and (max-width: 1024px) {
    .introductory-article-container {
        padding: 0px 20px;
    }
}

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

    .introductory-article-title,
    .introductory-article-close-link {
        font-size: 24px;
    }

    .introductory-article-text-container {
        font-size: 20px;
    }
}

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

    .introductory-article-title,
    .introductory-article-close-link {
        font-size: 20px;
    }

    .introductory-article-text-container {
        font-size: 18px;
    }
}

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

@media screen and (max-width: 480px) {
    .introductory-article-close-button {
        background-color: #b14e27;
        color: #fff;
        font-family: var(--franklin);
        border-radius: 30px;
        font-size: 20px;
        padding: 15px 30px;
    }

    .introductory-article-button {
        width: 100%;
        height: 63px;
        border-radius: 30px;
        padding: 15px 30px;
        background-color: #b14e27;
        color: #fff;
        font-size: 20px;
    }
}

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

/* Forgot password */

.v-line {
    font-size: 18px;
    line-height: 1.34;
    font-family: var(--franklin);
    font-weight: bold;
    background: #fff8ef;
    width: 20px;
    height: 20px;
    padding: 20px;
    margin-left: -20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #b14e27;
}

.email-password-card {
    display: flex;
    flex-direction: column;
}

.login-label {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 17px;
}

.google-icon {
    border: 1px solid #b14e27;
    border-radius: 80px;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 50px;
    position: relative;
    height: 41px;
    width: 270px;
    font-size: 20px;
    color: #0b1f2e;
    font-family: var(--franklin);
    font-weight: normal;


}

.google-icon a {
    font-size: 16px;
    color: #0b1f2e;
    font-family: var(--franklin);
    padding-left: 16px;
}

.google-icon img {
    left: 15px;
    position: absolute;
}

.facebook-icon {
    border: 1px solid #b14e27;
    border-radius: 80px;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 50px;
    position: relative;
    height: 41px;
    width: 270px;
    font-size: 20px;
    margin-bottom: 20px;
    color: #0b1f2e;
    font-family: var(--franklin);
    font-weight: normal;
    background-color: transparent;
}

.facebook-icon i {
    font-size: 22px;
    color: #1877f2;
    position: absolute;
    left: 15px;
    font-weight: bold;
}

.facebook-icon i::before {
    content: "\f09a";
}


.facebook-icon a {
    font-size: 16px;
    color: #0b1f2e;
    font-family: FranklinGothicURW;
    padding-left: 16px;
}

.facebook-icon img {
    position: absolute;
    left: 15px;
}

/*.forgot-password {
padding-top:7px
} */

.form-group-for-forgot {
    width: 55%;
}

.link-your-account {
    color: #000;
    font-family: var(--franklin);
    line-height: 1.34;
    font-size: 18px;
    font-weight: 500;
}

.login-left {
    width: 400px;
    border-right: 1px solid #b14e27;
    padding-right: 45px;
}

.signup-sso-left {
    display: flex;
    align-items: center;
    justify-content: center;
}

.signup-sso-left a img {
    width: 300px;
}

.signup-sso-header {
    margin-bottom: 100px;
}

@media screen and (max-width: 1024px) {
    .login-left {
        padding-right: 20px;
    }
}

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

    .signup-sso-left,
    .forgot-password-logo-container {
        display: none;
    }
}

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

    .login-left {
        width: 100%;
        border-bottom: 1px solid #b14e27;
        border-right: none;
        padding-right: 0;
    }

    .v-line {
        margin-top: -20px;
        margin-left: 3px;
    }

    .login-label {
        flex-direction: column;
        padding-top: 0;
    }

    .google-facebook-icon {
        margin-top: 24px;
        margin-left: 0px;
        padding-bottom: 60px;
        display: flex;
        flex-direction: column;
        align-self: flex-start;
    }

    .sign-up-forgot-password-wrapper {
        top: 25px;
        position: absolute;
        right: 66px;
    }

    .dont-have-account,
    .forgot-password {
        font-size: var(--pText);
        margin-bottom: 0;
        text-align: right;
    }

    .log-in-email {
        padding-top: 17px !important;
        margin-bottom: 10px
    }

    .hero-login-wrapper .large-title {
        font-size: 36px;
    }

    .forgot-password-header {
        padding-top: 21px;
    }

    .log-in-intro {
        padding-top: 17px;
    }
}

@media screen and (max-width: 576px) {
    .sign-up-forgot-password-wrapper {
        top: -65px;
        position: absolute;
        right: 0;
    }
}

/* log in */
.login-form-forlogin {
    width: 100%;
}

.login-left-loginpage {
    width: 400px;
    border-right: 1px solid #b14e27;
    padding-right: 45px;
}

.login-page-header {
    padding-left: 38px !important;
}

.forgot-password-loginpage {
    padding-top: 17px;
}

.forgot-password-header {
    padding-left: 38px !important;
}

.v-line-for-login {
    font-size: 18px;
    line-height: 1.34;
    font-family: var(--franklin);
    font-weight: bold;
    background: #fff8ef;
    width: 20px;
    height: 20px;
    padding: 20px;
    margin-left: -20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #b14e27;
}

@media screen and (max-width: 768px) {
    .login-left-loginpage {
        border-right: none
    }

    .v-line-for-login {
        display: none;
    }

    .login-page-sign-container {
        margin-left: 73px;
        align-items: self-start;
        top: -24px;
    }

    .login-page-header {
        padding-left: 0 !important;
    }

    .forgot-password-loginpage {
        padding-top: 17px;
        text-align: left;
    }

    .google-icon-loginpage {
        margin-top: 0;
    }

    .forgot-password-header {
        padding-left: 0 !important;
    }

    .hero-login-page-wrapper .large-title {
        padding-left: 0;
    }

}

@media screen and (max-width : 576px) {
    .log-in-btn-forloginpage {
        width: 250px !important;

    }

    .forgot-password-loginpage {
        text-align: left !important;
        padding-top: 17px;
    }

    .google-facebook-icon {
        margin-top: 0;
    }

    .login-page-sign-container {
        margin-left: 51px;
        top: -24px;

    }

    .login-free-account-btn {
        width: 250px !important;
    }

    .login-page-sign-container p {
        text-align: left;
        font-size: 18px;
        color: #0b1f2e;
    }

    .forgot-password {
        font-size: 16px;
    }

}

/*----------Intermediary----------*/

.intermediary-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 100px;
}

.sign-up-checkbox {
    padding-top: 17px;
}

.intermediary-inner-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.intermediary-inner-container .logo-container {
    height: 100%;
    padding-right: 45px;
}

.intermediary-inner-container img {
    width: 330px;
}

.intermediary-inner-container .hero-login-text-container {
    border-left: 1px solid rgba(177, 78, 39, 0.3);
    padding-left: 45px;
}

.intermediary-inner-container .coming-soon-checkbox {
    margin-top: 20px;
}

.navbar-image {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.facebook-icon-for-signup {
    margin-top: -286px;
}

.v-line-for-signup {
    margin-top: -472px;
}


@media screen and (max-width : 768px) {
    .intermediary-inner-container .logo-container {
        display: none;
    }

    .intermediary-inner-container .hero-login-text-container {
        border-left: none;
        padding-left: 0px;
    }

    .sign-up-header {
        flex-direction: column;
    }

    .facebook-icon-for-signup {
        margin-top: 12px;
    }

    .v-line-for-signup {
        margin-top: -21px;
    }

}

@media screen and (max-width : 576px) {
    .intermediary-inner-container .hero-login-wrapper .large-title {
        text-align: left;
    }

    .facebook-icon-for-signup {
        margin-top: 12px;
    }

    .v-line-for-signup {
        margin-top: -21px;
    }
}