/* open-sans-300 - hebrew_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/open-sans-v34-hebrew_latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */ url('../fonts/open-sans-v34-hebrew_latin-300.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-regular - hebrew_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/open-sans-v34-hebrew_latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */ url('../fonts/open-sans-v34-hebrew_latin-regular.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-500 - hebrew_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/open-sans-v34-hebrew_latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */ url('../fonts/open-sans-v34-hebrew_latin-500.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-600 - hebrew_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/open-sans-v34-hebrew_latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */ url('../fonts/open-sans-v34-hebrew_latin-600.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-700 - hebrew_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/open-sans-v34-hebrew_latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */ url('../fonts/open-sans-v34-hebrew_latin-700.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-800 - hebrew_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/open-sans-v34-hebrew_latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */ url('../fonts/open-sans-v34-hebrew_latin-800.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


:root {
    --sponser-font-sans-serif: 'Open Sans', sans-serif, system-ui, -apple-system;
    --base-font-size: 16px;
    --base-font-weight: 400;
    --line-height: 1.5;
    /**/
    --sponser-bg: #eaeef7;
    --sponser-bg-darker: #DBE2F1;
    --sponser-bg-lighter: #F0F3F9;
    --sponser-bg-xlighter: #F8F9FC;
    --sponser-bg-xlighter-alt: #F8F9FC;

    --sponser-gray-light: #f0f2f5;
    --sponser-gray-dark: #E4E6EB;
    --sponser-gray-darker: #E1E7F3;

    --sponser-text: #3E3158;
    --sponser-black: #272d3d;

    --sponser-white: #FDFEFF;
    --sponser-white-alt: #f8f8f8;
    --sponser-white-bg: #FDFEFF;

    --sponser-purple: #6932d4;
    --sponser-purple-lighter: #F6F7FF;
    --sponser-purple-extra-lighter: #eaeef7;
    --sponser-purple-light: #8c4bff;
    --sponser-purple-soft: #E8ECFF;
    --sponser-purple-dark: #51289b;
    --sponser-purple-darker: #382979;
    --sponser-purple-pastel-bg: #f6f7fe;
    --sponser-purple-pastel-border: #ccccfc;
    --sponser-purple-pastel-shadow: 0 1px 4px 0 rgb(126 108 238 / 10%);

    --stockmonkey-chart-border: #9eb5c5;

    --forum-msg-border: #C3BFD7;
    --forum-card-hover: #A0AEC0;
    --forum-title-bg: #DED7ED;
    --forum-comment-bg: #f0f2f5;
    --forum-body-width: 100%;
    --forum-tag-bg: #EDE9F9;
    --forum-tag-border: rgba(87, 67, 155, .2);
    --forum-section-bg: #6653a5;
    --sponser-purple-darkmode: #E6C9FF;
    --forum-msg-title: #000000;
    --forum-msg-title-visited: #651FFF;
    --forum-sidebar-margin: 20rem;

    --sponser-orange: #FA8C05;
    --sponser-orange-light: #fff1e7;
    --sponser-orange-border: #ffb381;
    --sponser-orange-dark: #d05a00;

    --sponser-pink: #ea1e63;
    --sponser-green: #008456;
    --sponser-red: #ce2b2b;

    --twitter: #1da1f2;
    --facebook: #1877f2;
    --whatsapp: #25d366;
    --whatsapp-alt: #128c7e;
}

[data-theme="data-dark-mode"] {

    --sponser-bg: #202324;
    --sponser-bg-darker: #26292b;
    --sponser-bg-lighter: #1e2022;
    --sponser-bg-xlighter: #1b1d1e;
    --sponser-bg-xlighter-alt: #F8F9FC;

    --sponser-gray-light: #1f2223;
    --sponser-gray-dark: #25282a;
    --sponser-gray-darker: #242728;
    --sponser-text: #dedee3;
    --sponser-black: #1f2431;

    --sponser-white: #dedee3;
    --sponser-white-alt: #d3d3d9;
    --sponser-white-bg: #191b1c;
    --sponser-purple: #9147ff;
    --sponser-purple-lighter: #1b1d1e;
    --sponser-purple-light: #39009f;
    --sponser-purple-soft: #1e2122;
    --sponser-purple-dark: #41207c;
    --sponser-purple-darker: #2d2161;

    --sponser-purple-pastel-bg: #1b1d1e;
    --sponser-purple-pastel-border: #272b2c;
    --sponser-purple-pastel-shadow: 0 1px 4px 0 rgb(126 108 238 / 10%);

    --stockmonkey-chart-border: #9eb5c5;

    --forum-msg-border: #c7c2bb;
    --forum-msg-border: #3f4447;
    --forum-card-hover: #464c4f;
    --forum-title-bg: #282c2d;
    --forum-comment-bg: #1f2223;
    --forum-body-width: 100%;
    --forum-tag-bg: #202324;
    --forum-tag-border: rgba(74, 57, 132, 0.2);
    --forum-section-bg: #6653a5;
    --sponser-purple-darkmode: #d6a6ff;
    --forum-msg-title: #e8e6e3;
    --forum-msg-title-visited: #651FFF;
    --forum-sidebar-margin: 20rem;
    --sponser-orange: #fb981e;

    --sponser-orange-light: #411b00;
    --sponser-orange-border: #8c3700;
    --sponser-orange-dark: #ff8f3a;
    --sponser-pink: #ec3371;


    --sponser-green: #70ffcd;
    --sponser-red: #ea1e63;
    --twitter: #0b76b8;
    --facebook: #0b57bb;

    --whatsapp: #1ea952;

    .toggle-theme-container {

        .light {
            display: none;
        }

        .dark {
            display: block;
        }
    }
}


html {
    font-family: var(--sponser-font-sans-serif);
    /*font-family: 'Open Sans', sans-serif;*/
    font-size: var(--base-font-size);
    font-weight: var(--base-font-weight);
    line-height: var(--line-height);
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    box-sizing: border-box;
    -ms-overflow-style: scrollbar;
    scroll-behavior: smooth;
}

body {
    margin: 0;
    direction: rtl;
    color: var(--sponser-text) !important;
    background-color: var(--sponser-bg);
    font-weight: 400;
    transition: all 0.2s ease-in-out;
    transition-delay: 0s !important;
}

body,
html {
    height: 100%;
    min-height: 100%
}

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

::placeholder {
    color: var(--sponser-text);
    opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12 -18 */
    color: var(--sponser-text);
}

a {
    transition: color .15s ease-in-out;
    background-color: transparent;
    text-decoration: none;
    cursor: pointer;

}

a, a:visited {
    color: inherit;
    text-decoration: none;
}

a:hover {
    color: inherit;
}

::-moz-selection { /* Code for Firefox */
    color: var(--sponser-purple-extra-lighter);
    background: var(--sponser-purple-light);
}

::selection {
    color: var(--sponser-purple-extra-lighter);
    background: var(--sponser-purple-light);
}

blockquote,
body,
dd,
dl,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
legend,
ol,
p,
pre,
ul {
    margin: 0;
    padding: 0
}

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block
}

address {
    font-style: normal
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: var(--line-height);
    margin: 0;
    color: var(--sponser-text);
}

button {
    padding: 0;
    border: unset;
    background-color: unset;
    cursor: pointer;
    font-weight: inherit;
}

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

li > ol,
li > ul {
    margin-bottom: 0
}

img {
    display: inline-block;
    max-width: 100%;
    height: auto;
    border-style: none;
    object-fit: cover;
}

textarea {
    display: block;
    margin: 0;
    outline: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.link, .link:visited {
    color: var(--sponser-text) !important;
}

.link:hover {
    color: var(--sponser-purple) !important;
}

.link-reverse, .link-reverse:visited {
    color: var(--sponser-purple) !important;
}

.link-reverse.orange:hover,
.link-reverse:hover {
    color: var(--sponser-text) !important;
}

.link.underline, .link-reverse.underline {
    text-decoration: underline;
}

.link-reverse.orange, .link-reverse.orange:visited {
    color: var(--sponser-orange-dark) !important;
}

p {
    margin-bottom: 0.75rem;
    color: var(--sponser-text);
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    color: var(--sponser-text);
    font-weight: inherit;
}

h1 {
    font-size: 2.25rem
}

h2 {
    font-size: 1.75rem
}

h3 {
    font-size: 1.5rem
}

h4 {
    font-size: 1.25rem
}

h5 {
    font-size: 1.125rem
}

h6 {
    font-size: 1rem
}

.s-h1 {
    font-size: 2.25rem !important;
}

.s-h2 {
    font-size: 1.75rem !important;
}

.s-h3 {
    font-size: 1.5rem !important;
}

.s-h4 {
    font-size: 1.25rem !important;
}

.s-h5 {
    font-size: 1.125rem !important;
}

.s-h6 {
    font-size: 1rem !important;
}

.s-h7 {
    font-size: .875rem !important;
}

.s-h8 {
    font-size: .675rem !important;
}

.sidebar, .sidebar_right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    will-change: min-height;
}

.sidebar__inner {
    transform: translate(0, 0); /* For browsers don't support translate3d. */
    transform: translate3d(0, 0, 0);
    will-change: position, transform;
}
ul.sidebar-wrapper {
    flex: 1;
    & > li:last-child {
        position: sticky;
        top: 70px;
        z-index: 10 !important;
    }

    .sidebar-unit > div.gpt-slot {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0.625rem;
        margin-bottom: var(--forum-sidebar-margin);
        border-radius: 0.625rem;
        background-color: var(--sponser-bg-darker);

        &::before {
            display: block;
            content: "פרסומת";
            position: relative;
            text-align: center;
            font-size: .75rem;
            opacity: .75;
            margin-bottom: .25rem
        }
    }
}
.scrollbar-thin::-webkit-scrollbar {
    width: 12px;
}

.scrollbar-thin::-webkit-scrollbar {
    width: 8px; /* width of the entire scrollbar */
}

.scrollbar-thin::-webkit-scrollbar-track {
    background: var(--sponser-purple-soft); /* color of the tracking area */
}

.scrollbar-thin::-webkit-scrollbar-thumb {
    background-color: var(--sponser-purple-light); /* color of the scroll thumb */
    border-radius: 20px; /* roundness of the scroll thumb */
    border: 3px solid var(--sponser-purple-soft); /* creates padding around scroll thumb */
}

.s-bg {
    background-color: var(--sponser-bg) !important;
}

.s-bg-black {
    background-color: var(--sponser-black) !important;
}

.s-bg-white {
    background-color: var(--sponser-white-bg) !important;
}

.s-text-white {
    color: var(--sponser-white) !important;
}

.s-text-primary {
    color: var(--sponser-text);
}

.s-text-purple {
    color: var(--sponser-purple);
}

.s-text-green {
    color: var(--sponser-green);
}

.s-text-red {
    color: var(--sponser-red);
}


section {
    position: relative;
}

#container {
    width: 1200px;
    padding: 0;
    margin-left: auto;
    margin-right: auto;

    &.article-page {
        .section-container:not(.ob-in-article) {
            /*padding: .9375rem 3.875rem;*/
            padding: .9375rem 5rem;
        }
    }

    &.embedded {
        width: 100%;
        max-width: 638px;

        .section-container {
            padding: .9375rem !important;
            margin-bottom: 0;
        }

        .sidebar_right {
            display: none;
        }

        .sidebar {
            display: none;
        }
    }
}

#indices_strip {
    width: 100%;
    position: fixed;
    margin: 0 auto !important;
    bottom: -3px;
    height: 63px;
    z-index: 900;
    background-color: var(--sponser-bg);
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 35%);
}

#indices_strip_iframe {
    border: 0;
    margin: 0;
    width: 100%;
    height: 55px;
    overflow: hidden;
}

#indices_strip__inner {
    border-left: solid 1px var(--sponser-bg-darker);
    border-right: solid 1px var(--sponser-bg-darker);

    width: 1200px;
    margin: 0 auto;
    /*
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    */
    overflow: hidden;

    height: 100%;
}

.s-indices {
    display: flex;
    padding: 0 1rem;
}

.s-indices .info {

    max-width: 125px;
    font-size: .825rem;

    flex: 2;
    text-align: center;
}

.s-indices .info header {
    font-weight: 700;
    font-size: .875rem;
    margin-bottom: 6px;

}

.s-indices .total-volume {
    flex: 2;
}

.s-indices > li {
    padding-top: .5rem;
}

.s-indices > li:not(.info, .total-volume) {
    flex: 3;
}

.s-indices > li:not(:last-child) {
    margin-left: 1rem;
    padding-left: 1rem;
    border-left: solid 1px var(--sponser-gray-dark);
}

.s-indices > li > ul > li {
    margin-bottom: .25rem;
}

.divider-before:before {
    display: inline-block;
    position: relative;
    top: 3px;
    width: 1px;
    height: 15px;
    margin: 0 5px;
    background-color: var(--sponser-purple-soft);
    content: " "
}

#notifications-list {
    /* border-left: solid 1px var(--sponser-purple-dark);*/
}

.s-breadcrumb {
    display: flex;
    margin: 0;
    padding: 0;
}

.s-breadcrumb-item {
    display: inline-block;
    position: relative;
}

.s-breadcrumb-item:not(:last-child) {
    margin-left: 0.75rem;
}

.s-breadcrumb-item > a {
    color: var(--sponser-text);
}

.s-breadcrumb-item.logo {
    height: 35px;
    display: none;
    align-items: center;
}

.s-breadcrumb-item.logo > a {
    line-height: 35px;
    display: flex;
    align-items: center;
}

.s-breadcrumb-item.logo .sponser-logo-nav {
    height: 22px !important;
    width: 95px !important;
    fill: var(--sponser-white);
}

.s-breadcrumb-item > a:hover {
    color: var(--sponser-orange-dark);
}

.n-breadcrumb {
    display: flex;
    font-size: .785rem;
    opacity: .8;
}

.n-breadcrumb > li {
    display: inline-block;
    position: relative;
}

.n-breadcrumb > li:not(:last-child):after {
    opacity: .7;
    line-height: 1;
    margin: 0 .125rem;
    vertical-align: middle;
    content: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath d='M16.2426 6.34317L14.8284 4.92896L7.75739 12L14.8285 19.0711L16.2427 17.6569L10.5858 12L16.2426 6.34317Z' fill='currentColor' /%3E%3C/svg%3E");
}

.n-breadcrumb > li:not(:last-child) {

    /*margin-left: 0.75rem;*/
}

.s-notification-btn {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 0 0 0 .5rem;
}

.s-notification-title {
    color: var(--sponser-text);
    padding: 0 !important;
}

.s-notification-title svg {

    fill: var(--sponser-white);
    margin-right: 2px;
}

.s-notification-container {
    margin: 0 !important;
    padding: .5rem 0 !important;
}

.s-notification-panel {
    margin: 0 !important;
    padding: .75rem 1rem !important;
    border-top: 1px solid var(--sponser-gray-dark);
    border-radius: unset !important;
    /*background-color: var(--sponser-purple-soft);*/
}

.s-notification-panel > a {
    width: 100%;
    display: inline-block;

}

.s-notification-panel a > i {
    width: 1rem !important;
    margin-right: 0 !important;
    margin-left: 0.25rem !important;
    font-size: 75%;
}

.s-notification-content {
    width: 100%;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    /*padding-left: .25rem !important;
    padding-right: .5rem !important;*/
    padding: .25rem !important;
}

.s-notification-content .s-message {
    padding: .5rem .25rem;
    display: block;
    display: flex;
    align-items: center;
    color: var(--sponser-text);
}

.s-notification-content .s-message p {
    font-size: .875rem;
    font-weight: 400;
}

.s-notification-content .pushUser {
    display: inline-block;
    color: var(--sponser-orange-dark);

}

.s-notification-content .pushUser:after {
    font-family: "Font Awesome 5 Free";
    margin-right: 0.15rem;
    margin-left: 0.15rem;
    color: inherit;
    content: "\f104";
    font-weight: 900;
    vertical-align: middle;
    float: left;
}


.s-notification-content .s-message:not(:last-child) {
    border-bottom: 1px solid var(--sponser-purple-soft);
}

.s-notification-content .s-message:hover {
    background-color: var(--sponser-purple-soft);
}

.s-notification-content .s-message:hover i {
    color: #8c4bff !important;
}

.s-notification-content .s-message > div {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
}

.s-notification-content .s-message > div:hover {

}

.s-notification-counter {
    color: #ffffff;
    font-size: 12px;
    font-weight: 300;
    text-align: center;
    line-height: 20px;
    height: 20px;
    min-width: 20px;
    margin-left: .25rem;
    padding: 0 4px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background-color: var(--sponser-pink);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), to(rgba(0, 0, 0, 0.15)));
    background-image: linear-gradient(rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.15) 100%);
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 20%);
    box-shadow: 0 1px 3px rgb(0 0 0 / 20%);
    /*text-shadow: 0 -1px rgb(0 0 0 / 30%);*/
}

.s-badge, .s-pills {

    padding: 1px 5px 3px;
    font-size: 80%;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .375rem;
    -webkit-border-radius: .375rem;
    -moz-border-radius: .375rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.s-pills-small {
    font-size: .75rem;
}

.s-badge-primary {
    background: var(--sponser-purple-soft, #E8ECFF);
    color: var(--sponser-bg, #f2f4ff);
}

.s-pills-primary {
    border: solid 1px var(--sponser-bg-darker);
}

.s-pills-primary:hover {
    color: var(--sponser-purple);

}

.s-pills-secondary {
    background-color: var(--sponser-orange-light);
    color: var(--sponser-orange-dark) !important;
    border: solid 1px var(--sponser-orange-dark);
}

.s-pills-secondary:hover {
    /* background-color: #d05a00;*/
    color: #d05a00 !important;
}

/* colors */
.purple-50 {
    color: #EDE7F6;
}

.purple-100 {
    color: #D1C4E9;
}

.purple-200 {
    color: #B39DDB;
}

.purple-300 {
    color: #9575CD;
}

.purple-400 {
    color: #7E57C2;
}

.purple-500 {
    color: #673AB7;
}

.purple-600 {
    color: #5E35B1;
}

.purple-700 {
    color: #512DA8;
}

.purple-800 {
    color: #4527A0;
}

.purple-900 {
    color: #311B92;
}

.sponser-primary-color {
    background: #512DA8;
}

.sponser-primary-color-alt {
    background: #673AB7;
}

.sponser-light-primary-color {
    background: #D1C4E9;
}

.sponser-text-primary-color {
    color: var(--sponser-white);
}

.sponser-accent-color {
    background: #7C4DFF;
}

.sponser-primary-text-color {
    color: #212121;
}

.sponser-secondary-text-color {
    color: #757575;
}

.sponser-divider-color {
    border-color: #BDBDBD;
}

.small-arrow {
    width: 11px;
    height: 12px;
    transform: rotatey(180deg);
    fill: var(--sponser-purple-darker);
}

.has-arrow-after:after {
    font-family: "Font Awesome 5 Free";
    margin-right: 0.15rem;
    color: inherit;
    content: "\f060";
    font-size: 75%;
    font-weight: 900;
    vertical-align: middle;
}

/* sponser header */


menu {
    width: 1200px;
    margin: 0 auto;
    padding-right: 0;
    display: flex;
    flex-direction: column;

}

.sponser-nav {
    display: flex;
    width: 1200px;
    margin: 0 auto;
    background: var(--sponser-purple-darker);
    justify-content: space-between;
    align-items: center;
}

.sponser-nav.sticky {
    position: fixed;
    top: 0;
    width: 1200px;
    z-index: 1040;
    -webkit-box-shadow: 0 1px 4px rgb(26 26 67 / 10%);
    box-shadow: 0 1px 4px rgb(26 26 67 / 10%);
}

.sponser-sub-nav {
    margin: 0 auto;
    width: 1200px;
    border-bottom: 1px solid var(--sponser-purple-soft);
    background-color: var(--sponser-white-bg);
    display: flex;
    justify-content: space-between;
    padding: .5rem .9375rem;


}

.sponser-sub-nav .rightSideLinks {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex: 2;
}


.sponser-sub-nav .rightSideLinks li {
    color: var(--sponser-purple-darker);
    font-size: 1rem;
}

.sponser-sub-nav .rightSideLinks li span {
    cursor: pointer;
    display: flex;
    align-items: center;
}

.sponser-sub-nav .rightSideLinks li svg {
    fill: var(--sponser-purple-darker);
    margin-right: .2rem;
    transition: all 0.5s ease;

}

.sponser-sub-nav .rightSideLinks li svg.rotate {
    transform: rotate(180deg);

}


.sticky-nav {
    top: 0;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: space-between;

    /*position: sticky;*/
    /*position: -webkit-sticky;*/ /* safari */

}

.sponserHeader {
    width: 1200px;
    margin: 0 auto;
    padding: 0;
    display: flex;
    position: relative;
    flex-direction: column;
}

.sponserHeader .headerTop {
    padding: 1rem 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    transition: height 0.3s;
    position: relative;
}

.sponserHeader .headerTop .sponser-logo {
    height: 50px !important;
    width: 220px !important;
    /*fill: #5c16c5;*/
    fill: var(--sponser-purple, #6932d4);
}

.sponserHeader .headerTop .logo img {
    width: 100%;
}

.sponserHeader .headerTop .rightSideQuotes, .rightSideLinks {
    display: flex;
    flex: 0 0 460px;
    align-items: center;
    justify-content: start;
    padding-left: 1rem;
    /*height: 28px;
    font-size: 13px;
    position: absolute;
    right: 0;
    bottom: 2rem;*/
}

.rightSideLinks li a:hover {
    /*color:*/
}

.sponserHeader .rightSideLinks li {
    margin-left: .9375rem;
}

.sponserHeader .rightSideLinks li a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.sponserHeader .rightSideLinks li i {
    color: rgba(127, 143, 164, .975);
    margin-left: 4px;
    font-size: 12px;
}

.sponserHeader .headerTop .leftSideLinks {
    display: flex;
    flex: 0 0 460px;
    align-items: center;
    justify-content: end;
    padding-right: 1rem;
    /*position: absolute;
    left: 0;
    bottom: 2rem;
    height: 28px;*/
}

.sponserHeader .headerTop .rightSideQuotes li {
    background: #E8ECFF;
    color: #0e0e10;
    padding: 3px .5rem;
    font-size: 0.875rem;
    margin-left: 1rem;
    border-radius: 4px;
    border: 1px solid #e3e7ff;
}

.sponserHeader .headerTop .rightSideQuotes li a {
    line-height: 1;
}

.sponserHeader .headerTop .rightSideQuotes li span {
    display: block;
}

.sponserHeader .headerTop .rightSideQuotes li i {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}

.sponserHeader .headerTop .rightSideQuotes li:hover {
    background: #E2E7FF;
    -webkit-box-shadow: 0 1px 4px rgb(26 26 67 / 10%);
    box-shadow: 0 1px 4px rgb(26 26 67 / 10%);
}

.rightSideLinks li:last-child {
    margin-left: 0;
}

.header-user {
    margin-right: 1.5rem;
    height: 35px;
}

/*.header-user:hover {
    -webkit-box-shadow: 0 1px 4px rgb(26 26 67 / 10%);
    box-shadow: 0 1px 4px rgb(26 26 67 / 10%);
    background-color: #FFFFFF;
}*/

.header-user span {
    color: var(--sponser-text);
    height: 24px;
    display: flex;
    align-items: center;
}

.header-user span i {
    color: rgb(127, 143, 164);
    font-size: 20px;
    margin-left: 0.25rem;
}

/*.header-user:hover ul{
    display: block;
}*/

/* header search bar */
.header-search, .s-btn {
    position: relative;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
}

.header-search {
    height: 35px;
    max-width: 250px;
    border-radius: 6px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: .5rem .5rem .5rem 1rem;
    border: 1px solid var(--sponser-bg-darker);
    background-color: var(--sponser-purple-lighter);
}

.sponser-nav .links {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
}

.sponser-nav .links li a {
    color: var(--sponser-white);
    font-size: 1rem;
    margin-right: 1rem;
    line-height: 1;
}

.sponser-nav .links li svg {
    height: 23px !important;
    width: 100px !important;
    fill: currentColor;
}

.sponser-nav .links li a:hover {
    color: #D1C4E9;

}


.header-search:hover, .header-search:focus, .header-search-focus {
    -webkit-box-shadow: 0 1px 4px rgb(26 26 67 / 10%);
    box-shadow: 0 1px 4px rgb(26 26 67 / 10%);
    /*background-color: var(--sponser-white);*/
    border-color: var(--sponser-purple);
}

#txtSearchHeader {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    outline: none;
    width: 100%;
    color: var(--sponser-text);
}

.header-search .search-filter {
    width: 100%;
    cursor: pointer;
    position: relative;
    flex: 0 0 65px;
    margin-left: 0.5rem;

}

.header-search .search-filter > span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--sponser-text);
    line-height: 1;
    height: 30px;
    font-size: 0.875rem;
    /*padding-right: 0.5rem;*/
    padding-left: 0.5rem;
    border-left: solid 1px var(--sponser-bg-darker);
}

.header-search .search-filter ul {
    width: 80px;
}

.header-search .search-filter span i {
    color: #757575;
    font-size: 14px;
}

.header-search svg path {
    opacity: 1;
    fill: var(--sponser-purple, #6932d4);
}

.header-search .icon {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    /*margin-right: 1rem;*/
}

.header-search button[type=submit] {
    display: inline-flex;
    margin: 0;
    border: 0 none;
    width: 20px;
    background-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.header-search .search-bar {
    width: 80px;
}

.s-aside {
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    justify-content: center;
}

.s-aside-320 {
    flex: 0 0 320px;
    width: 320px;
    padding-right: 20px;

}

.s-btn {
    display: flex;
    position: relative;
    cursor: pointer;
    padding: 5px 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 6px;
}

.s-btn svg {
    margin-right: 0.15rem;
    fill: currentColor;
}

.s-btn:hover {
    background-color: var(--sponser-white-bg);
    -webkit-box-shadow: 0 1px 4px rgb(26 26 67 / 10%);
    box-shadow: 0 1px 4px rgb(26 26 67 / 10%);
}

.s-btn.s-btn-white {
    background-color: var(--sponser-white-bg);
    border: 1px solid var(--sponser-white-bg);
    color: var(--sponser-text);
}

.s-btn.s-btn-primary {
    background-color: var(--sponser-purple);
    color: var(--sponser-white);
    border: 1px solid var(--sponser-purple);
}

/* s-menu */
.s-menu {
    display: flex;
    align-items: center;
}

.s-menu > li {
    position: relative;
    display: inline-block;
    margin-left: .25rem;
}

.s-menu > li:last-child {
    margin-left: unset;
}

.s-menu > li.highlight {
    background-color: var(--sponser-purple, #6932d4);
}

.s-menu > li:hover {
    cursor: pointer;
    /*background-color: var(--sponser-purple, #6932d4);*/
}

.s-menu > li:hover > span svg {
    transform: rotate(90deg);
}

.s-menu > li:hover ul {
    cursor: auto;
}

.s-menu > li span[menu-item] {
    color: var(--sponser-white);
    line-height: 50px;
    padding: 0 .75rem;
    font-size: 1.06rem;
}

.s-menu > li span svg {
    margin-right: 0.15rem;
    transition: all 0.5s ease;
}

.s-menu li.s-dropdown-menu > ul {
    border-radius: 0 0 12px 12px;
    overflow: hidden;
    transition: all 0.5s ease;
}


.s-menu .menu-section {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0.5rem 0.75rem;
}

.s-menu .menu-section {
    background-color: var(--sponser-bg);
}

.s-menu .menu-section.alt {
    background-color: var(--sponser-bg-xlighter);
}


.s-menu .sponser-logo {
    /*height: 50px !important;*/
    width: 100px !important;
    /*fill: #5c16c5;*/
    fill: var(--sponser-purple, #6932d4);
}

.s-menu h4 {
    margin-bottom: 0.5rem;

}

.s-menu section {
    display: flex;
    width: 100%;
}

.s-menu .menu-section ul.extra-links {
    margin-top: .75rem;
    padding-top: .75rem;
    border-top: solid 1px var(--sponser-bg-darker);
}

.s-menu .menu-section ul.container, ul.extra-links {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
}

.s-menu .menu-section ul.container li {
    margin-bottom: 0.75rem;
    width: 100%;
}

.s-menu .menu-section ul.container li:last-child {
    margin-bottom: 0;
}

.s-menu .menu-section ul.container li a {
    position: relative;
    display: block;
    font-size: 1rem;
}

.s-menu .s-menu-item a {
    color: var(--sponser-text);
}


.s-menu .s-menu-item a:hover {
    /*color: #8c4bff;*/
    color: var(--sponser-orange-dark);
}

.s-menu li:hover.s-dropdown-menu ul:not(.menu-section) {
    display: flex;
}

.s-menu-item i {
    font-size: 0.75rem;
}

.s-dropdown-menu.open ul.with-caret {
    display: block;
}

.s-dropdown-menu.open ul.with-caret.to-right {
    left: 0;
    right: unset;
}

.s-dropdown-menu.open ul.with-caret.to-right .dropdown-caret {
    left: 1rem;
    right: unset;
}

.s-dropdown-menu span {
    display: flex;
    align-items: center;
}

.s-dropdown-menu > ul {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    font-size: 14px;
    width: 100%;
    background: var(--sponser-white-bg);
    -webkit-box-shadow: 0 1px 5px 0 rgb(0 0 0 / 30%);
    box-shadow: 0 1px 5px 0 rgb(0 0 0 / 30%);
    padding: 0;
    z-index: 999;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.s-dropdown-menu ul.with-caret {
    /*top: 110%;*/
    margin-top: 0.25rem;
}

.s-dropdown-menu li {
    margin: 0;
    list-style-type: none;
    color: var(--sponser-text);
}

.s-dropdown-menu-item a {
    color: var(--sponser-text);
    display: block;
}

.s-dropdown-menu-item:hover {
    background-color: var(--sponser-white-bg);

    a {
        color: var(--sponser-orange-dark);
    }
}


.s-dropdown-menu li.selected {
    font-weight: 400;
    background-color: var(--sponser-purple);
    color: var(--sponser-white);


}

.s-dropdown-menu li i {
    margin-left: 0.25rem;
    width: 20px;

}

.s-dropdown-menu li:not(.dropdown-caret, .s-menu-item, .menu-section) {
    margin: 5px;
    line-height: 1;
    position: relative;
    padding: 4px 8px;
    border-radius: 4px;
    overflow: hidden;

}

/*
.s-dropdown-menu li:not(.dropdown-caret, .menu-section, .s-menu-item):hover {
    background-color: var(--sponser-purple, #6932d4);
    color: #FFFFFF;
}

.s-dropdown-menu li:not(.dropdown-caret, .menu-section, .s-menu-item) a:hover{
    color: #FFFFFF !important;
}
*/

.s-dropdown-menu .dropdown-caret {
    /* position: absolute;
     top: -10px;
     right: 12px;
     width: 18px;
     height: 10px;
     float: right;
     overflow: hidden;*/
    display: none;
}

.s-dropdown-menu .dropdown-caret .caret-outer, .dropdown-caret .caret-inner {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    margin-left: -1px
}

.s-dropdown-menu .dropdown-caret .caret-outer {
    border-bottom: 10px solid #ddd;
    /*border-bottom-color:rgba(0,0,0,0.1);*/
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    height: auto;
    left: 0;
    top: 0;
    width: auto;
}

.s-dropdown-menu .dropdown-caret .caret-inner {
    top: 1px;
    left: 1px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #FAFAFA;
}


.market-view-link {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start;
}

.market-view-link > a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.market-view-link svg {
    width: 24px;
    height: 24px;
    margin-left: 3px;

    circle {
        fill: var(--sponser-bg);
    }
}

.market-view-link:after {
    display: inline-block;
    position: relative;
    width: 1px;
    height: 70%;
    margin: 0 .75rem 0 0;
    background-color: var(--sponser-purple-soft);
    content: ""
}


.search-bar .search_dropdown {
    font-weight: 300;
    min-width: 1.5rem;
    background: #886ce6;
    /* border-left: 1px solid #ddd; */
    color: #fff;
    padding: 0 5px 0 28px;
    /* border-radius: 0 2px 2px 0; */
    position: absolute;
    top: 0;
    left: 54px;
    bottom: 0;
    /* z-index: 10000; */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}


.quote {
    font-size: 85%;
    direction: ltr;

    &.gain {
        color: var(--sponser-green);
    }

    &.loss {
        color: var(--sponser-red);
    }
}

.article-quote {
    line-height: 1;
    margin-bottom: .5rem;
}

.article-quote > .quote {
    font-size: .875rem;

}

.article-quote > .quote.loss::before,
.article-quote > .quote.gain::before {
    font-size: .975rem;
    padding: 0 0 0 .25rem;
    font-family: "Font Awesome 5 Free";
    display: inline-flex;
    font-weight: 700;
}

.article-quote > .quote.loss::before {
    content: "\f0d7";
    color: var(--sponser-red);
}

.article-quote > .quote.gain::before {
    content: "\f0d8";
    color: var(--sponser-green);
}

figure img {
    border: none;
    display: block;
    object-fit: cover;
}

figure.category-main img {
    width: 100%;
    height: 300px;
}


.header-dropdown-menu {
    position: relative;
    display: inline-block;
}

.header-dropdown-content {
    display: none;
    overflow: visible;
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 200px;
    margin: 0;
    padding: 5px 0 0 0;
    text-align: right;
    /* border-radius: 2px; */
    background-color: #fafafa;
    box-shadow: 0 1px 5px 0 rgb(0 0 0 / 30%);
    z-index: 1000;
}

.dropdown:hover .dropdown-menu {
    display: block;
}


figure.sponser-tv-icon {
    position: relative;

    &:after {
        content: "";
        position: absolute;
        bottom: 10px;
        left: 10px;
        width: 100%;
        height: 100%;
        background-image: url("https://www.sponser.co.il/itemPics/sponserTV_play_btn.png");
        background-repeat: no-repeat;
        background-position: left bottom;
        opacity: .9;
        background-size: clamp(30px, 20%, 50px) auto;
    }
}


.article-promoted {
    color: var(--sponser-pink);
}

.article-title {
    /*color: var(--sponser-purple-darker);*/
    /*color: #24094e;*/
}

.article-sub-title, .article-meta {
    opacity: 75%;
}

.content-container, .footer-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}


/*#article_body .stockInfo {
    margin-right: 7px;
    text-decoration: none;
    !*color: #121212;
    font-size: 0.85rem;*!
}*/

#article_body .stockInfo::before {
    content: " ";
}

/* footer */
.footer-container {
    padding: 1rem 0 80px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.75rem;
    background-color: var(--sponser-purple-darker);
    font-size: .925rem;
}

.footer-container a {
    color: var(--sponser-white);
}

.footer-container i.fas {
    font-size: 65%;
}

.footer-container .s-breadcrumb-item:not(:last-child) {
    margin-left: 1.25rem;
}

.footer-container a:hover {
    color: var(--sponser-orange);
}

.footer-container header h4 {
    color: var(--sponser-white);
    font-weight: 700;
    border-bottom: solid 2px var(--sponser-purple);
    padding-bottom: 0.25rem;
    display: inline-block;
}

.footer-container .footer-items {
    display: flex;
    flex-direction: column;
}

.footer-container .footer-items li {
    margin-top: 1rem;
}

.footer-container .logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 1rem;
}

.footer-container .logo svg {
    height: 5.5rem !important;
    width: 250px !important;
    fill: var(--sponser-white);
}

.footer-section {
    width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
}


.footer-container .credits {
    color: var(--sponser-purple-soft);
    font-size: .75rem;
    line-height: calc(var(--line-height) * var(--base-font-size));
    height: calc(var(--line-height) * var(--base-font-size));

}


/* utils */
.hide {
    display: none !important;
}

.s-relative {
    position: relative;
}

.s-block {
    display: block;
}
.s-inline{
    display: inline;
}
.s-underline{
    text-decoration: underline;
}

.s-flex {
    display: flex;
}

.s-flex-1 {
    flex: 1;
}

.s-flex-wrap {
    flex-wrap: wrap;
}

.items-center {
    align-items: center;
}

.s-justify-between {
    justify-content: space-between;
}

.flex-start-between {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

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

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

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

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


.flex-stretch-between {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.flex-stretch-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.flex-column {
    flex-direction: column;
}

.s-float-left {
    float: right !important
}

.s-float-right {
    float: left !important
}


.s-text-mute {
    color: #7f8fa4 !important
}


.s-clearfix:after {
    display: table !important;
    clear: both !important;
    content: "" !important
}


.s-col-2 {
    flex: 0 0 25% !important;
    margin: 0 !important;
    max-width: 30%;
}

.s-col-3 {
    flex: 0 0 33% !important;
    margin: 0 !important;
    max-width: 33%;
}

/* */

.inner-wrapper-sticky:after {
    display: table !important;
    clear: both !important;
    content: "" !important
}

.s-m-zero {
    margin: 0 !important
}

.s-mt-zero {
    margin-top: 0 !important
}

.s-mr-zero {
    margin-left: 0 !important
}

.s-mb-zero {
    margin-bottom: 0 !important
}

.s-ml-zero {
    margin-right: 0 !important
}

.s-mv-zero {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.s-mh-zero {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.s-m-auto {
    margin: auto !important
}

.s-mt-auto {
    margin-top: auto !important
}

.s-mr-auto {
    margin-left: auto !important
}

.s-mb-auto {
    margin-bottom: auto !important
}

.s-ml-auto {
    margin-right: auto !important
}

.s-mv-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.s-mh-auto {
    margin-left: auto !important;
    margin-right: auto !important
}

.s-m-xs {
    margin: .625rem !important
}

.s-mt-xs {
    margin-top: .625rem !important
}

.s-mr-xs {
    margin-left: .625rem !important
}

.s-mr-xxs {
    margin-left: .5rem !important
}

.s-ml-xxs {
    margin-right: .5rem !important
}

.s-mt-xxs {
    margin-top: .5rem !important
}

.s-mb-xxs {
    margin-bottom: .5rem !important
}

.s-mb-xs {
    margin-bottom: .625rem !important
}

.s-ml-xs {
    margin-right: .625rem !important
}

.s-mv-xs {
    margin-top: .625rem !important;
    margin-bottom: .625rem !important
}

.s-mh-xs {
    margin-left: .625rem !important;
    margin-right: .625rem !important
}

.s-m-s {
    margin: .9375rem !important
}

.s-mt-s {
    margin-top: .9375rem !important
}

.s-mr-s {
    margin-left: .9375rem !important
}

.s-mr-tiny {
    margin-left: .125rem !important;
}

.s-mb-s {
    margin-bottom: .9375rem !important;
}

.s-ml-tiny {
    margin-right: .125rem !important;
}

.s-mt-tiny {
    margin-top: .125rem !important;
}

.s-mb-tiny {
    margin-bottom: .125rem !important;
}

.s-mv-tiny {
    margin-top: .125rem !important;
    margin-bottom: .125rem !important;
}

.s-mh-tiny {
    margin-right: .125rem !important;
    margin-left: .125rem !important;
}

.s-ml-s {
    margin-right: .9375rem !important;
}

.s-mv-s {
    margin-top: .9375rem !important;
    margin-bottom: .9375rem !important;
}

.s-mh-s {
    margin-left: .9375rem !important;
    margin-right: .9375rem !important;
}

.s-m-m {
    margin: 1.875rem !important;
}

.s-mt-m {
    margin-top: 1.875rem !important;
}

.s-mr-m {
    margin-left: 1.875rem !important;
}

.s-mb-m {
    margin-bottom: 1.875rem !important;
}

.s-ml-m {
    margin-right: 1.875rem !important
}

.s-mv-m {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important
}

.s-mh-m {
    margin-left: 1.875rem !important;
    margin-right: 1.875rem !important
}

.s-m-large {
    margin: 3.125rem !important
}

.s-mt-l {
    margin-top: 3.125rem !important
}

.s-mr-l {
    margin-left: 3.125rem !important
}

.s-mb-l {
    margin-bottom: 3.125rem !important
}

.s-ml-l {
    margin-right: 3.125rem !important
}

.s-mv-l {
    margin-top: 3.125rem !important;
    margin-bottom: 3.125rem !important
}

.s-mh-l {
    margin-left: 3.125rem !important;
    margin-right: 3.125rem !important
}

.s-m-xl {
    margin: 6.25rem !important
}

.s-mt-xl {
    margin-top: 6.25rem !important
}

.s-mr-xl {
    margin-left: 6.25rem !important
}

.s-mb-xl {
    margin-bottom: 6.25rem !important
}

.s-ml-xl {
    margin-right: 6.25rem !important
}

.s-mv-xl {
    margin-top: 6.25rem !important;
    margin-bottom: 6.25rem !important
}

.s-mh-xl {
    margin-left: 6.25rem !important;
    margin-right: 6.25rem !important
}

.s-p-zero {
    padding: 0 !important
}

.s-pt-zero {
    padding-top: 0 !important
}

.s-pr-zero {
    padding-left: 0 !important
}

.s-pb-zero {
    padding-bottom: 0 !important
}

.s-pl-zero {
    padding-right: 0 !important
}

.s-pv-zero {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.s-ph-zero {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.s-ph-tiny {
    padding-left: .125rem !important;
    padding-right: .125rem !important
}

.s-p-xxs {
    padding: .5rem !important
}

.s-pv-xxs {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.s-ph-xxs {
    padding-left: .5rem !important;
    padding-right: .5rem !important
}

.s-ph-xs {
    padding-left: .625rem !important;
    padding-right: .625rem !important;
}

.s-p-xs {
    padding: .625rem !important
}

.s-pt-xs {
    padding-top: .5rem !important
}

.s-pt-xxs {
    padding-top: .625rem !important
}

.s-pr-xs {
    padding-left: .625rem !important
}

.s-pr-xxs {
    padding-left: .5rem !important
}

.s-pl-xxs {
    padding-right: .5rem !important
}

.s-pb-xs {
    padding-bottom: .625rem !important
}

.s-pb-xxs {
    padding-bottom: .5rem !important
}

.s-pl-xs {
    padding-right: .625rem !important
}

.s-pv-xs {
    padding-top: .625rem !important;
    padding-bottom: .625rem !important
}

.s-ph-auto {
    padding-left: .625rem !important;
    padding-right: .625rem !important
}

.s-p-s {
    padding: .9375rem !important
}

.s-pt-s {
    padding-top: .9375rem !important
}

.s-pr-s {
    padding-left: .9375rem !important
}

.s-pb-s {
    padding-bottom: .9375rem !important
}

.s-pl-s {
    padding-right: .9375rem !important
}

.s-pv-s {
    padding-top: .9375rem !important;
    padding-bottom: .9375rem !important
}

.s-ph-s {
    padding-left: .9375rem !important;
    padding-right: .9375rem !important
}

.s-p-m {
    padding: 1.875rem !important
}

.s-pt-m {
    padding-top: 1.875rem !important
}

.s-pr-m {
    padding-left: 1.875rem !important
}

.s-pb-m {
    padding-bottom: 1.875rem !important
}

.s-pl-m {
    padding-right: 1.875rem !important
}

.s-pv-m {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important
}

.s-ph-m {
    padding-left: 1.875rem !important;
    padding-right: 1.875rem !important
}

.s-p-l {
    padding: 3.125rem !important
}

.s-pt-l {
    padding-top: 3.125rem !important
}

.s-pr-l {
    padding-left: 3.125rem !important
}

.s-pb-l {
    padding-bottom: 3.125rem !important
}

.s-pl-l {
    padding-right: 3.125rem !important
}

.s-pv-l {
    padding-top: 3.125rem !important;
    padding-bottom: 3.125rem !important
}

.s-ph-l {
    padding-left: 3.125rem !important;
    padding-right: 3.125rem !important
}

.s-p-xl {
    padding: 6.25rem !important
}

.s-pt-xl {
    padding-top: 6.25rem !important
}

.s-pr-xl {
    padding-left: 6.25rem !important
}

.s-pb-xl {
    padding-bottom: 6.25rem !important
}

.s-pl-xl {
    padding-right: 6.25rem !important
}

.s-pv-xl {
    padding-top: 6.25rem !important;
    padding-bottom: 6.25rem !important
}

.s-ph-xl {
    padding-left: 6.25rem !important;
    padding-right: 6.25rem !important
}


.s-text-tiny {
    font-size: .625rem !important
}

.s-text-xxs {
    font-size: .70rem !important
}

.s-text-xs {
    font-size: .75rem !important
}

.s-text-s {
    font-size: .875rem !important
}

.s-text-m {
    font-size: 0.95rem !important
}

.s-text-l {
    font-size: 1rem !important
}

.s-text-xl {
    font-size: 1.25rem !important
}

.s-text-b {
    font-weight: 700 !important
}

.s-text-n {
    font-weight: 300 !important
}

.s-text-mute {
    opacity: 75%;
}

.s-width-100 {
    width: 100%;
}

.s-border {
    border: 1px solid var(--sponser-purple-soft);
}

.s-border-top {
    border-top: 1px solid var(--sponser-purple-soft);
}

.s-border-right {
    border-right: 1px solid var(--sponser-purple-soft);
}

.s-border-bottom {
    border-bottom: 1px solid var(--sponser-purple-soft);
}

.s-border-left {
    border-left: 1px solid var(--sponser-purple-soft);
}

/* article */
.article-title_main {
    text-decoration: none;
}

.article-container {
    width: 100%;
}

.article-container figure {
    position: relative;
}

.article-container figure:not(.sponser-tv-main, .category-main, .category-horizontal) {
    margin-bottom: .675rem;
}

.article-container figure > a img {
    width: 100%;
    border-width: 1px;
    border-style: solid;
    border-color: var(--sponser-purple-soft);
    object-fit: cover;
    aspect-ratio: 4 / 3;
}

.article-container figure figcaption:not(.sponser-tv-tag) a {
    background: var(--sponser-purple-light);
    color: var(--sponser-white);
    font-weight: 400;
    padding: 3px 5px 2px;
    line-height: 1;
    font-size: .875rem;
}

.article-container figure figcaption {
    display: flex;
    position: absolute;
    bottom: 1px;
    right: 1px;
}

/*.article-tag a:not(.s-bg-black)::before {
    content: "#";
    position: relative;
    padding-left: .15rem;
    display: inline-block;
    font-weight: 300;
    top: 0px;
    font-size: 90%;
}*/

/*.article-container figure figcaption {
    display: flex;
    position: absolute;
    bottom: 1px;
    right: 1px;
}

.article-container figure figcaption a {
    background: var(--sponser-purple-light);
    color: #ffffff;
    font-weight: 300;
    padding: 2px 3px;
    line-height: 1;
    font-size: inherit;
}*/

.article-container > article {
    /* margin-top: .675rem;*/
}


.articles-row li {
    flex: 1;
    margin-left: .9375rem;
}

.articles-row li:last-child {
    margin-left: 0;
}

.articles-col {
    flex-direction: column;
}

.articles-col > li {
    flex: 1;
    margin-bottom: 1rem;
}

.articles-col > li:last-child {
    margin-bottom: 0;
}


.article-horizontal {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    padding-bottom: .75rem;
    border-bottom: solid 1px var(--sponser-purple-soft);
}

.article-horizontal:last-child {
    border-bottom: unset;
}

.article-horizontal figure {
    margin-left: .75rem;
    flex: 1.5;
}

.article-horizontal article {
    flex: 2;
}

.article-horizontal article p {
    font-size: 75%;
}

.article-body {
    font-size: 1.125rem;
    line-height: 1.75rem;
    display: flex;

}

#article_body > ul, #article_body > ol {
    padding: 0 1rem 0;
    margin-right: 1rem;
}

#article_body > ul {
    list-style-type: initial;
}

#article_body > ol {
    list-style-type: decimal;
}

#article_body > ol > li {
    margin-bottom: 1rem !important;
}

#article_body > ul > li {
    margin-bottom: 1rem !important;
}

.article-disclaimer-divider {
    display: block;
    color: var(--sponser-purple-darker);
    letter-spacing: .25rem;
    font-weight: 700;
}


.article-container-meta {
    opacity: .75;
    line-height: 1;
    font-size: .75rem;
    margin-bottom: 0.75rem;
}

.article-container-meta time ul > li {
    display: flex;
    align-items: center;
}

.article-container-meta ul > li:not(:last-child) {
    margin-left: 1rem;
}

.article-container-meta ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.article-container-meta .comments {
    color: var(--sponser-text);
    font-size: inherit;
    font-weight: 700;
}

.article-container-meta i {
    margin-right: .25rem;
    color: var(--sponser-text);
}

.article-container-meta svg {
    width: 13px;
    height: 13px;
    margin-right: .25rem;
    fill: currentColor;
}

.article-container-meta li.comments {
    max-width: 38px;
    align-self: flex-start;
}

.article-container-meta address {
    font-weight: 700;
}

.article-container-meta time:before {
    position: relative;
    content: "|";
    margin: 0 .2rem;
}

.article-header-tag {
    color: var(--sponser-purple) !important;
}

.article-header-tag.divider:before {
    position: relative;
    content: "|";
    margin: 0 .2rem;
}


/* article page */
.article-page-meta {
}

.article-page-meta ul > li:not(:last-child) {
    margin-left: 1.5rem;
}

.article-page-meta {
    font-weight: normal;
    font-style: normal;
}

.article-page-meta ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.article-page-meta address {
    display: inline-block;
}

.article-page-meta time:before {
    position: relative;
    content: "|";
    margin: 0 .2rem;
}

.article-page-meta time {
    /*font-size: .975rem;*/
}

.font-increase, .font-decrease {
    font-size: 1.25rem;
    font-weight: 300;
}


.article-comment {
    font-size: 1rem;
    font-weight: 400;
    color: var(--sponser-text);
}

.article-comment i {
    margin-right: .25rem;
    font-size: .9375rem;
}

.article-comment svg {
    width: 1.25rem;
    height: 1.25rem;
    fill: var(--sponser-purple);
    margin-left: .25rem;
}


.article-body {
    p {
        margin-bottom: 1rem;
    }


    .channel-promotion {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 100%;

        svg {
            width: 20px;
            height: 20px;
            margin-left: .5rem;
            fill: var(--whatsapp);
        }

        a {
            color: var(--sponser-text);

            &:hover {
                color: var(--whatsapp-alt);
            }
        }
    }

    #article_body {
        font-size: 1.15rem;
        line-height: 1.5;

        a {
            color: var(--sponser-green);
            text-decoration: none;

            &:hover {
                text-decoration-thickness: 1px;
                text-underline-offset: 3px;
                text-decoration-line: underline;
                text-decoration-color: var(--sponser-green);
            }
        }

        strong {
            font-weight: 600;
        }
    }

    a {
        color: var(--sponser-purple);

        &:hover {
            color: var(--sponser-purple-dark);
        }
    }

    .unit-inArticle {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        margin-bottom: 1rem;
        background-color: var(--sponser-bg-xlighter);

        &:has(> div:empty) {
            /*display: none;*/
            margin-bottom: 0 !important;
        }
    }
}

.empty-child-mb-0 {
    &:has(> div:empty) {
        margin-bottom: 0 !important;
    }
}

.article-body .social-links {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    /*margin-top: 1.75rem;*/
}


.article-body ul.tag-list {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    padding: 0;
    flex-wrap: wrap;
}

.article-body ul.tag-list li:not(:last-child) {
    margin-left: .5rem;
}

.article-body section.article-tags {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}

.article-body section.article-tags p {
    font-size: 1.15rem;
    font-weight: 600;
    line-height: 1;
    margin-bottom: .75rem;
}

.article-body section.article-tags ul.tag-list a {
    display: flex;
    align-items: center;
    line-height: 1;
    padding: 5px 12px;
    border: solid 1px var(--sponser-bg-darker);
    border-radius: 99px;
    overflow: hidden;
    color: var(--sponser-text) !important;
}

.article-body section.article-tags ul.tag-list a:hover {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    border-color: var(--sponser-purple-pastel-border);
}

#chartContainer {
    figure {
        margin-bottom: 1.5rem;

        img {
            width: 100%;
            height: auto;
            object-fit: unset;
            border-right: solid 1px var(--stockmonkey-chart-border);
            border-left: solid 1px var(--stockmonkey-chart-border);

            &:hover {
                -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
                box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
            }
        }


        figcaption {
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-size: 1rem;
            font-weight: 600;
            line-height: 1;
            border-right: solid .375rem var(--sponser-bg-darker);
            margin-top: .375rem;
            padding: 0 .375rem 0 0;

            p {
                margin: 0;
            }

            i {
                font-size: .875rem;
                font-weight: 400;
                color: var(--sponser-text);
                margin-right: .375rem;
            }
        }
    }
}


.article-body .social-links li {
    margin-bottom: 1rem;
}

.article-body .social-links a {
    line-height: 1;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--sponser-bg);
    border-radius: 99px;
    width: 50px;
    height: 50px;
}

.article-body .social-links a:hover svg {
    fill: var(--sponser-purple);
}

.article-body .social-links li a svg {
    width: 28px;
    height: 28px;
    fill: var(--sponser-text);
}

.article-body figure {
    align-self: center;
    justify-self: center;
}

.article-body figure img {
    width: 610px;
    /*height: 384px;*/
    object-fit: cover;
}

.article-body figure figcaption {
    width: 100%;
    padding: .25rem 0;
    font-size: .875rem;
}

.article-body figure figcaption b {
    font-weight: 600;
}

.article-body .whatsapp-promote {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    background-color: var(--sponser-purple-darker);
    padding: .25rem .5rem;
    border-radius: .25rem;
    overflow: hidden;
}

.article-body .whatsapp-promote > a {
    color: var(--sponser-white);
}

/**/
.section-links {
    width: 100%;
    padding: .625rem 0;
    margin-bottom: .5rem;
}

.section-container {
    margin-bottom: 1.875rem;
}

.section-container.white {
    background-color: var(--sponser-white-bg);
    padding: .9375rem .9375rem;
}

/*.section-container.white:hover {
    border-radius: 12px;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
}*/

.rounded {
    border-radius: 12px;
    overflow: hidden;
}

.with-shadow {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
}


.section-header, .aside-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: .25rem;
    margin-bottom: 1rem;
    position: relative;

    &.bordered {
        border-bottom: 1px solid var(--sponser-bg-darker);

        .section-title, .aside-title {
            &::after{
                content: "";
                display: block;
                position: absolute;
                background-color: var(--sponser-purple);
                width: 100%;
                height: 3px;
                bottom: -6px;
            }
        }
    }
}




.section-title {
    color: var(--sponser-text);
    font-size: 1.75rem;
    font-weight: 700;
    position: relative;
}

.aside-title {
    color: var(--sponser-text);
    font-size: 1.5rem;
    font-weight: 700;
    position: relative;
}

/*
.aside-title::after {
    width: 50px;
    height: 4px;
    right: 0;
    bottom: 0;
    content: "";
    position: absolute;
    background-color: var(--sponser-purple);

}*/

.article-category.highlight {
    font-size: 1.5rem;
    background-color: var(--sponser-black);
    line-height: 1;
    color: var(--sponser-white);
    padding: 0 .5rem;
}

.article-category {
    width: 176px;
}

.article-category img {
    /*height: 99px;*/
    width: 100%;
    object-fit: cover;
}

.article-category:nth-child(-n + 2) {
    /*width: 48%;*/
}

/* utils */
.line-ellipsis-1 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.line-ellipsis-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.line-ellipsis-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}
.line-ellipsis-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}
/* s-card */

.s-card {
    background-color: var(--sponser-gray-light);
    padding: .5rem .5rem;
    border-radius: .25rem;
    overflow: hidden;
}


/* s-widget */

.s-widget {
    display: flex;
    flex-direction: column;
    padding: .9375rem;
    background-color: var(--sponser-white-bg);
    width: 100%;

    .item-container {
        display: flex;
        justify-content: flex-start;
        padding: .5rem .5rem;
    }

    p {
        font-size: 1rem;
        font-weight: 600;
        margin-bottom: 0;
    }

    .s-widget .content {
        padding-right: 1rem;

        ul {
            display: flex;
            align-items: center;
            justify-content: flex-start;

            li {
                .user-name {
                    color: var(--sponser-text);
                    font-size: .875rem;
                    font-weight: 400;
                    margin-left: .5rem;
                }

                .timestamp {
                    color: #757575;
                    font-size: 0.5rem;
                    line-height: 1;
                }

            }
        }
    }
}


.s-widget .s-forum-messages .tag-list {
    display: flex;
    flex-wrap: wrap;
}

.s-widget .s-forum-messages .tag-list li {
    margin-bottom: .125rem;
}

.s-username-circle {
    padding-top: 0.4rem;
}

.s-username-circle i {
    color: var(--sponser-text);
    font-size: 1.5rem;
    opacity: .4;
}

.s-username-circle svg {
    --size: 30px;
    width: var(--size);
    height: var(--size);
    fill: var(--sponser-text);
}

/* f-widget */

.f-widget.social .icon {
    flex: 1;
    align-self: center;
}

.f-widget.social .circle-icon {

}

.f-widget.social .item-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .5rem .5rem;
}

.f-widget.social .circle-icon i {
    font-size: 1.8rem;
}

.f-widget.social .circle-icon.twitter {
    color: var(--twitter) !important;
    background-color: var(--sponser-bg);
}

.f-widget.social .circle-icon.facebook {
    color: var(--facebook) !important;
    background-color: var(--sponser-bg);
}

.f-widget.services .circle-icon,
.f-widget.social .circle-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--sponser-bg);
    color: var(--sponser-pink);
    font-size: .75rem;
    flex: 1;
}

.f-widget.services .circle-icon svg {
    --size: 32px;
    width: var(--size);
    height: var(--size);
    fill: var(--sponser-purple);
    stroke: var(--sponser-purple);
}

.f-widget.services .icon,
.f-widget.social .icon {
    flex: 1;
    align-self: center;
}

.f-widget.services .content,
.f-widget.social .content {
    flex: 5
}

.f-widget.services .service-type {
    color: var(--sponser-orange-dark);
    margin-bottom: 0;
    font-size: .875rem;
}

.f-widget.services .service-title,
.f-widget.social .service-title {
    margin-bottom: .125rem;
    font-weight: 700;
}

.f-widget.services .service-sub-title {
    margin-bottom: 0;
    font-size: .875rem;
}

.f-widget {
    display: flex;
    flex-direction: column;
    padding: .9375rem;
    width: 100%;
    border-radius: 0.625rem;
    background-color: transparent;
}


.f-widget.bordered {
    background-color: var(--sponser-white-bg);
    border-radius: 0;
    /*border: solid 1px var(--sponser-bg-darker);
    background-color: var(--forum-comment-bg);*/
}

.f-widget.bordered:hover {
    /*box-shadow: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.1) !important;*/
    /*background-color: var(--forum-comment-bg);*/
}

.f-widget .s-forum-messages li:hover a {
    color: inherit;
}

/*
.f-widget > .s-forum-messages > li:not(:last-child) {
    border-bottom: 1px solid var(--sponser-purple-soft);
}*/

.f-widget .item-container {
    display: flex;
    justify-content: flex-start;
    padding: .25rem .5rem;
}

.f-widget .item-container.forum-msg {
    background-color: var(--sponser-gray-darker);
    border: solid 1px var(--sponser-gray-darker);
    border-radius: .375rem;
    margin-bottom: .5rem;
}

.f-widget .item-container.forum-msg:hover {
    border-color: var(--forum-msg-border);
}


.f-widget .item-container.forum-msg .content {
    padding-right: .5rem;
}

.f-widget .forum-msg .s-pills {
    border: unset;
    padding: 0;
    color: var(--sponser-purple);
    display: flex;
}

.f-widget .item-container.forum-msg .s-username-circle {
    padding-top: 2px;
}

.f-widget .item-container.forum-msg .trend {
    width: 1rem;
    font-size: .875rem;
    opacity: .4;
    display: flex;
    align-items: center;
    justify-content: center;
}

.f-widget .item-container.forum-msg .trend > .flaticon-dry-clean {
    font-size: .625rem;
}

.forum-msg .content .p {
    display: flex;
    align-items: center;
}

.f-widget > p {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 0;
}

.f-widget .content {
    padding-right: 1rem;
}

.f-widget .content ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.f-widget .content ul li.user-name {
    color: var(--sponser-orange-dark);
    font-size: .875rem;
    font-weight: 400;
    margin-left: .5rem;
}

.f-widget article ul li.timestamp {
    color: #757575;
    font-size: 0.5rem;
    line-height: 1;
}

.f-widget .s-forum-messages .tag-list {
    display: flex;
    flex-wrap: wrap;
}

.f-widget .s-forum-messages .tag-list li {
    margin-bottom: .125rem;
}

.f-widget .aside-title {
    font-size: 1.25rem;
}

.f-widget.forum-sidebar .aside-header {
    margin-bottom: .5rem;
}

.f-widget.forum-sidebar figure {
    margin-left: .5rem;
}

.f-widget.forum-sidebar figure img {
    /*    border-radius: 0.375rem;*/
    border-color: var(--forum-msg-border);
}

.f-widget.forum-sidebar .articles-col li {
    margin-bottom: 0.75rem;
    border-bottom-color: var(--sponser-purple-pastel-border);
}

/* article comments */
.article-comments {
    display: flex;
    flex-direction: column;

    input, textarea {
        border: solid 1px var(--sponser-bg-darker);
        padding: .25rem .5rem;
        color: var(--sponser-text);
        background-color: var(--sponser-white-bg);
    }

    & > ul {
        display: flex;
        flex-direction: column;

        & > li {
            padding-bottom: .5rem;
            margin-bottom: .5rem;

            &:not(:last-child) .comment-content {
                border-bottom: 1px solid var(--sponser-purple-soft);
            }
        }
    }

    .comment-posted {
        padding: .5rem;
        border-radius: 0.25rem;
        overflow: hidden;
        background: var(--sponser-purple-light);
        color: var(--sponser-purple-lighter);
        margin-bottom: 1.875rem;
    }

    .add-comment {
        display: flex;
        flex-direction: column;
        border-radius: .25rem;
        padding: 0.675rem;
        background: var(--sponser-bg);
        margin-bottom: 1.875rem;

        footer {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
    }

    .item-container {
        display: flex;
        justify-content: flex-start;
    }

    .comment-count {
        flex: 0 0 2rem;
        position: relative;
        width: 2rem;
        height: 2rem;
        margin-left: 1rem;
        border-radius: 100%;
        background-color: var(--sponser-purple-soft);
        color: var(--sponser-purple-darker);
        font-size: 1rem;
        line-height: 2rem;
        text-align: center;

        & > ul {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: flex-start;
        }
    }

    .user-name {
        color: var(--sponser-orange-dark);
        font-size: 1rem;
        font-weight: 400;
        margin-left: .5rem;
    }

    .timestamp {
        color: var(--sponser-text);
        opacity: .7;
        font-size: 1rem;
        font-weight: 400;
        margin-left: .5rem;
    }
}

.s-widget .articles-col {
    .article-horizontal {
        flex-direction: row-reverse;

        &:hover a {
            color: var(--sponser-purple);
        }

        figure {
            margin-left: 0;
            margin-right: .75rem;
            flex: 1;
        }

        h6 {
            font-weight: 700 !important;
            margin-bottom: 0 !important;
        }

        .article-meta {
            display: none;
        }
    }
}

.s-widget .s-forum-messages {
    li {
        background-color: var(--sponser-bg);
        border-radius: .375rem;
        overflow: hidden;
        border: solid 1px transparent;

        .item-container {
            .s-username-circle {
                padding-top: 2px;

                i {
                    font-size: 1rem;
                }
            }

            .content {
                padding-right: .5rem;

                p {
                    font-weight: 700;
                }

                .user-name {
                    opacity: 75%;
                    font-size: 75%;
                }

                .tag-list {
                    display: none;
                }
            }
        }

    }

    & > li:hover {
        border-color: var(--sponser-bg-darker);

        a > p {
            color: var(--sponser-purple);
        }
    }


    & > li:not(:last-child) {

        margin-bottom: .5rem;
    }
}


.s-pagination {
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    margin-bottom: 15px;
    text-align: center
}

.s-pagination__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0
}

.s-pagination__item {
    display: inline-block;
    margin-right: -1px;

    &:first-child .s-pagination__control {
        border-left: 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    &:last-child .s-pagination__control {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
}


.s-pagination__control {
    display: block;
    height: 2.1875rem;
    padding: 0 16px;
    border: 1px solid var(--sponser-bg-darker);
    border-radius: 12px;
    background-color: var(--sponser-white-bg);
    font-size: 1rem;
    font-weight: 400;
    line-height: 2.1875rem;
    text-align: center;
    color: var(--sponser-text);

    i {
        font-size: 16px;
        color: var(--sponser-purple);
        position: relative;
        transition: color .15s
    }

    &:hover {
        color: var(--sponser-purple);
        text-decoration: none;

        i {
            color: var(--sponser-purple)
        }
    }

}

.s-pagination__link {
    display: block;
    height: 2.1875rem;
    padding: 0 1rem;
    border: 1px solid var(--sponser-bg-darker);
    background-color: var(--sponser-white-bg);
    color: var(--sponser-text);
    font-size: 1rem;
    line-height: 2.1875rem;
    text-align: center;

    &.is-active {
        color: var(--sponser-purple);
        font-weight: 700;

    }

    &:hover {
        color: var(--sponser-purple-light);
        text-decoration: none
    }
}


.s-pagination__counter {
    display: inline-block;
    margin: 0;
    padding: 8px 15px;
    color: #7f8fa4;
    vertical-align: middle
}


/* skira */
.s-line-1 {
    line-height: 1 !important;
}

.box-icon {
    display: flex;
    align-items: center;
    margin-left: 0.25rem;
}

.box-icon i {
    font-size: 10px;
    color: var(--forum-msg-border);
}

#skira {

    .main-content {
        display: flex;
        align-items: stretch;
        justify-content: space-between;
    }

    /* skira posts */

    .skira-content {
        display: flex;
        flex: 500px;
        flex-direction: column;
        align-items: flex-start;

        .skira-post {
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-direction: column;
            outline: 0 none;
            border: solid 1px var(--forum-msg-border);
            border-radius: .375rem;
            overflow: hidden;
            margin-bottom: 2rem;

            & > header {
                width: 100%;
                padding: .625rem;
                background-color: var(--sponser-bg-lighter);
                display: flex;
                align-items: center;
                justify-content: space-between;

                & > p {
                    font-size: .975rem;
                    margin-bottom: 0;
                    font-weight: 400;
                }


                h4 {
                    scroll-margin-top: 70px;
                }

                .post-title-desc {

                    margin-right: .5rem;
                    opacity: 70%;
                }
            }

            &:hover {
                box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1) !important;
            }

            .body {
                padding: .625rem;
                font-size: 1.15rem;
                width: 100%;

                p {
                    font-size: .975rem;
                    font-weight: 400;
                }
            }

            figure {
                flex: 3;
                width: 100%;
                padding: 0 .625rem .625rem;
            }
        }


    }

    aside.skira-sidebar {
        width: 200px;
        margin-left: 1rem;

        .info {
            position: sticky;
            top: 70px;
            z-index: 1;

            ul {
                & > li {
                    margin-bottom: .5rem;
                }
            }
        }

        & > section {
            padding: .625rem;
            border-radius: .375rem;

            background-color: var(--sponser-purple-pastel-bg);
        }

        .skira-toc .current {
            color: var(--sponser-orange-dark) !important;
        }
    }

    /* skira navigation */

    .skira-content,
    .skira-content-info {
        width: 100%;

        a {
            color: var(--sponser-orange-dark);
        }

        & > h4 {
            color: var(--sponser-text);
        }

        &:not(:last-child) {
            border-bottom: solid 1px var(--forum-msg-border);
            padding-bottom: .9375rem;
        }

        .with-bg {
            background-color: var(--sponser-orange-light);
            border: unset;
            border-radius: .375rem;
        }
    }


}


/* form */
.contact-us-container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.contact-us-container .details {
    background-color: var(--sponser-bg-lighter);
    padding: .625rem;
    border-radius: .625rem;
    overflow: hidden;
}


.s-form {

}

.s-form fieldset {
    margin: unset;
    border: unset;
    position: relative;
}

.s-form .container {
    display: flex;
    flex-direction: column;
    padding: 1rem 2.5rem;
    width: 25rem;
}

.s-form .s-form-button,
.s-form button {
    display: inline-block;
    margin: 1rem 0;
    padding: 0.75rem;
    cursor: pointer;
    outline: none;
    border: none;
    border-radius: 0.25em;
    font-size: 1.15rem;
    letter-spacing: 1.5px;
    font-weight: 700;
    transition: all 100ms ease-in-out;
    background-color: var(--sponser-purple);
    color: var(--sponser-white);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    width: 100%;
}


.reset-password .s-form-button {
    background-color: var(--sponser-black) !important;
    color: var(--sponser-white);
}

.reset-password .s-btn {
    width: auto;
    display: inline-block;
    background-color: var(--sponser-black) !important;
    color: var(--sponser-white);
}


.reset-password .details.error {
    border: unset;
}
.reset-password .details {
    background-color: var(--sponser-bg-lighter) !important;

}


.s-form button:hover {
    background-color: var(--sponser-black) !important;
    opacity: 90%;
}

.s-form .wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;

}

.s-form .wrapper label {
    position: absolute;
    margin-right: .625rem;
    color: var(--sponser-text);
    font-size: 1rem;
    transition: all 0.2s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);

}

.s-form .wrapper input,
.s-form .wrapper textarea {
    box-sizing: content-box;
    height: 45px;
    border-radius: 4px;
    border: 1px solid var(--sponser-purple);
    padding: 0 .625rem;
    font-size: 1rem;
    outline: none;
    background-color: var(--sponser-white-bg);
}

.s-form .wrapper textarea {
    padding: .625rem;
    color: var(--sponser-text);
}

.s-form .wrapper input:disabled {
    /*background-color: var(--sponser-bg-darker);*/
}

.s-form input[type=checkbox] {
    accent-color: var(--sponser-orange-dark);
    margin-top: .2rem;
}

.s-form .wrapper input:focus,
.s-form .wrapper textarea:focus {
    border: 1px solid var(--sponser-purple);
}

.s-form input:not(:focus)::placeholder {
    opacity: 0;
    transition: inherit;
}

.s-form input:focus::-webkit-input-placeholder {
    opacity: 1;
}

.s-form .confirm-section {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.s-form .wrapper input:focus + label,
.s-form .wrapper input:not(:placeholder-shown) + label,
.s-form .wrapper textarea:not(:placeholder-shown) + label,
.s-form .wrapper textarea:focus + label {
    transform: translate(0, -25px);
    font-size: .875rem;
    background-color: var(--sponser-white-bg);
    padding: 0 .25rem;
    font-weight: 700;
    color: var(--sponser-purple);
}

.s-form .wrapper input:-webkit-autofill,
.s-form .wrapper input:-webkit-autofill:hover,
.s-form .wrapper input:-webkit-autofill:focus,
.s-form .wrapper input:-webkit-autofill:active,
.s-form .wrapper textarea:-webkit-autofill,
.s-form .wrapper textarea:-webkit-autofill:hover,
.s-form .wrapper textarea:-webkit-autofill:focus,
.s-form .wrapper textarea:-webkit-autofill:active {
    background-color: var(--sponser-white-bg);
    transition: background-color 5000s ease-in-out 0s;

}

.s-form .wrapper input:-webkit-autofill + label,
.s-form .wrapper input:-webkit-autofill:focus + label,
.s-form .wrapper input:-webkit-autofill:active + label,
.s-form .wrapper textarea:-webkit-autofill + label,
.s-form .wrapper textarea:-webkit-autofill:focus + label,
.s-form .wrapper textarea:-webkit-autofill:active + label {
    transform: translate(0, -25px);
    font-size: .875rem;
    background-color: var(--sponser-white-bg);
    padding: 0 .25rem;
    font-weight: 700;
    color: var(--sponser-purple);
}


.controller {


    .password-strength-indicator2,
    .password-strength-indicator {
        /*display: none;*/
        font-size: .875rem;

        i {
            &.base-icon {
                color: var(--sponser-text);
                opacity: .5;
            }
            &.fa-times-circle:not(.base-icon) {
                color: var(--sponser-red);
            }

            &.fa-check-circle:not(.base-icon) {
                color: var(--sponser-green);
            }
        }
    }

    .signup-input-password,
    .signup-input-password2 {
        text-align: left;
        direction: ltr;
    }
    /*&:has(.signup-input-password2:focus-within, .signup-input-password2:focus) {*/
    /*    .password-strength-indicator2 {*/
    /*        display: block;*/
    /*    }*/
    /*}*/
    /*&:has(.signup-input-password:focus-within, .signup-input-password:focus) {*/
    /*    .password-strength-indicator {*/
    /*        display: block;*/
    /*    }*/
    /*}*/
}


/* animations */

.ring-container {
    position: relative;
    color: var(--sponser-pink);
    font-size: inherit;
    align-self: center;
}

.ring-circle {
    width: 8px;
    height: 8px;
    margin-right: 0.25rem;
    margin-left: 0.25rem;
    background-color: var(--sponser-pink);
    border-radius: 50%;
    position: relative;
    display: inline-block;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-direction: alternate;
    opacity: 0;
}

@-webkit-keyframes pulsate {
    0% {
        opacity: 0;
    }
    30% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

.trending_list li:nth-child(n+3) {
    display: none;
}

.trending_list:hover li:nth-child(n+3) {
    display: inline-block;
    -webkit-animation: trending_list .15s ease;
    -moz-animation: trending_list .15s ease;
    -o-animation: trending_list .15s ease;
    animation: trending_list .15s ease;
}

@-webkit-keyframes trending_list {
    0% {
        transform: scaleY(0);
    }
    100% {
        transform: scaleY(1);
    }
}

@-moz-keyframes trending_list {
    0% {
        transform: scaleY(0);
    }
    100% {
        transform: scaleY(1);
    }
}

@-o-keyframes trending_list {
    0% {
        transform: scaleY(0);
    }
    100% {
        transform: scaleY(1);
    }
}

@keyframes trending_list {
    0% {
        transform: scaleY(0);
    }
    100% {
        transform: scaleY(1);
    }
}


#sponserTvContainer {
    display: flex;
    flex-direction: column;
}

#sponserTvContainer > .section-header h2 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

#sponserTvContainer > .section-header h2 svg {
    width: 36px;
    height: 36px;
    margin-left: .375rem;
    fill: var(--sponser-purple)
}

#sponserTvContainer .sponser-tv-main {
    background-color: var(--sponser-bg-lighter);
}


#sponserTvContainer .brid-poster {
    background-color: var(--sponser-white-bg);
}

/* fix sponserTV.css*/

#sponserTvContainer .sponsertv-subtitle {
    display: none;
}


/* */

#sponserTvContainer .sponsertv-title {
    font-size: 1.5rem !important;
    font-weight: 700;
    line-height: 1.25;
}

#sponserTvContainer .sponsertv-subtitle {
    font-size: 1rem !important;
    font-weight: 300;
    line-height: 1.2;
}

#sponserTvContainer .sponsertv-tagLabel {
    padding: 0;
    font-size: 1.5rem;
    font-weight: 300;
    margin-right: 2px;
}

#sponserTvContainer .related-video h4 {
    font-size: 1rem;
    line-height: 1.2;
}

#sponserTvContainer .related-video {
    margin-left: 1rem;
}

#sponserTvContainer .related-video:last-child {
    margin-left: 0;
}

#sponserTvContainer .poster {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    background-color: #000;
    transition: opacity .2s;
}


#sponserTvContainer .play-btn__container {

    position: absolute;
    top: 50%;
    left: 50%;
    right: unset;
    margin: 0 !important;
    min-height: 30px;
    transform: translate(-50%, -50%);
    transition: opacity .3s;
}

#sponserTvContainer .play-btn__img {
    display: inline-block;
    width: 70px !important;
    height: 70px !important;
    opacity: 90%;
}


/* Bird Player */
#spnsr_vod {
    border-radius: 0 !important;
}

.brid-poster-title div {
    direction: rtl;
    text-align: right;
}

.brid-branding img {
    position: unset !important;
    max-width: 95px;
}

/* toast */

.toast-like {
    font-size: .75rem;
    margin-left: .25rem;
    content: "\f140";
    font-family: flaticon_sponser;
    color: var(--sponser-orange-dark);
    opacity: .8;
}

/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: rgba(0, 0, 0, .5);
    backdrop-filter: blur(2px);
    filter: blur(2px);
    -webkit-filter: blur(2px);

}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box;
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

.mfp-preloader a {
    color: #CCC;
}

.mfp-preloader a:hover {
    color: #FFF;
}

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
}

.mfp-close:active {
    top: 1px;
}

.mfp-close-btn-in .mfp-close {
    color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
    margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}

.mfp-arrow-left {
    left: 0;
}

.mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px;
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
    right: 0;
}

.mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px;
}

.mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
    top: -40px;
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000;
}

/* sponser TV */
#spnsr_vod {
    margin-bottom: 1.875rem;
}

#article_body #spnsr_vod, #article_body #spnsr_vod > .brid-holder {
    background: var(--sponser-white) !important;
    height: 343px !important;
}

.sponser-tv-tag {
    display: flex;
    align-items: center;
    position: relative !important;
    margin-top: .5rem;
}

.sponser-tv-tag svg {
    fill: var(--sponser-purple);
}

.sponser-tv-tag > a {

    margin-right: .25rem;
}

.brid-holder {
    background: var(--sponser-purple-darker) !important;
}


#NagishLiTrigger {
    bottom: 3px !important;
}

#NagishLiTrigger .nagishli-trigger-icon {
    background-color: var(--sponser-purple-darker) !important;
}

.grecaptcha-badge {
    bottom: -100px !important;
    box-shadow: unset !important;
}

/* table */

.s-table {
    display: table;
    width: 100%;
    max-width: 100%;
    border: 1px solid var(--sponser-purple-soft);
    border-radius: 4px;
    background-color: var(--sponser-white-bg);
    border-collapse: collapse !important;
    box-sizing: border-box;
}

.s-table-row {
    /*border-top: 1px solid #e6eaee;
    border-bottom: 1px solid #e6eaee*/
}

.s-table-row:last-child {
    border-bottom: 0
}

.s-table-cell {
    padding: .625rem;
    color: var(--sponser-text);
    text-align: right;
    white-space: nowrap;
    vertical-align: middle;
    border: solid 1px var(--sponser-purple-soft);
    text-overflow: ellipsis;
    max-width: 120px;
    overflow: hidden;
    width: auto;
}

.s-table-cell.s-table-cell--wrap {
    white-space: normal !important;
}

.s-table-cell:hover {
    cursor: pointer;
}

.s-table-cell .indexName {
    font-size: .875rem;
    font-weight: 700;
}

.s-table-cell.quote {
    font-size: 90%;
}


.signup-container {
    display: flex;
    align-items: stretch;
    justify-content: space-between;

}

.signup-container .signup-form {
    width: 500px;
    padding: .9375rem 1.9375rem;

}

.signup-container .signup-form input[type=checkbox] {
    accent-color: var(--sponser-purple-dark);
}

.signup-container .signup-form input:-webkit-autofill,
.signup-container .signup-form input:-webkit-autofill:hover,
.signup-container .signup-form input:-webkit-autofill:focus,
.signup-container .signup-form input:-webkit-autofill:active {
    /*transition: background-color 5000s;*/
    /*-webkit-text-fill-color: var(--sponser-white-bg) !important;*/

}

.signup-container .signup-form .link-signin {
    text-decoration: underline !important;
}

.signup-container .signup-form .link-signin:hover {
    color: var(--sponser-purple);
}

.personal-container .signup-form .details,
.signup-container .signup-form .details {
    padding: .375rem;
    background-color: var(--sponser-orange-light);
    border-radius: .375rem;
    overflow: hidden;
}

.signup-form .details.error {
    background-color: var(--sponser-pink) !important;
    color: var(--sponser-white);
}

.signup-form .details.success {
    background-color: var(--sponser-green) !important;
    color: var(--sponser-white);
}

.signup-form .details.success p,
.signup-form .details.error p {
    color: inherit;
}

.signup-container .signup-form button {
    background-color: var(--sponser-black);
}

.signup-container .signup-form button:hover {
    background-color: var(--sponser-purple-darker);
}

.signup-container .side-details {
    background-color: #322471;
    /*background-color: var(--sponser-purple-darker);*/
    /*border-right: solid 1px var(--sponser-purple-pastel-border);*/
    width: 500px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: .9375rem 2.9375rem;
}

.signup-container .side-details h2 {
    font-size: 3rem;
    font-weight: 700;
    line-height: 3.5rem;
    color: var(--sponser-white);
}

.signup-container .side-details header > p {
    color: var(--sponser-white);
    text-align: right;
}


.signup-container .side-details svg.details-logo {

    fill: var(--sponser-purple-pastel-border);
    width: 200px;
    height: 200px;
    /*filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.3));*/
}

.signup-container .side-details p {
    color: var(--sponser-white);
    text-align: right;
}

.signup-container .side-details p a {
    color: var(--sponser-white) !important;
    border-bottom: solid 1px var(--sponser-white);
    line-height: 1.2;
}

.signup-container .side-details p a:hover {
    border-bottom: solid 1px transparent;
}

.signup-container .side-details p i {
    font-size: 65%;
}


.signup-container .side-details .welcome-card {
    display: flex;

    align-items: flex-start;
    justify-content: center;
    padding: .9375rem .9375rem;
    background-color: var(--sponser-purple-darker);
    /*border: solid 1px var(--sponser-purple-pastel-border);*/
    color: var(--sponser-white);

    &.help-container {
        justify-content: flex-start;
    }
}

.signup-container ul.welcome-list {
    width: 100%;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
}

.signup-container li.welcome-card svg.card-icon {
    width: 60px;
    height: 60px;
    fill: var(--sponser-purple-pastel-border);
    filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.3));

    margin: 0 !important;
}

.signup-container li.welcome-card article {
    flex: 1;
}

.signup-container li.welcome-card p {
    text-align: right;
    color: var(--sponser-white);
}

.s-hr {
    border-color: var(--sponser-purple-soft);
    border-radius: .5rem;
}


.s-card-clean {
    padding: .5rem;
    border-radius: .375rem;
    border: solid 1px var(--sponser-purple-pastel-border);
    /*background-color: var(--sponser-purple-pastel-bg);*/
}

.s-card-clean.gray-border {
    border-color: var(--sponser-bg-darker);
}

.list-with-dividers > li:not(:last-child) {
    border-bottom: solid 1px var(--sponser-bg-darker);
    padding-bottom: .625rem !important;
    margin-bottom: .625rem !important;
}

/* Radio */

.radio-container {
    display: flex;
    flex-direction: column;
    /*border: solid 1px var(--sponser-purple-soft);*/
    /*border-radius: .375rem;*/
    /*overflow: hidden;*/
    /*padding: .625rem;*/
}

.radio-container fieldset {
    border: unset;
    background-color: transparent;
}

.radio-container fieldset:not(:last-child) {
    margin-bottom: .5rem;
}

.radio-container fieldset input[type='radio'] {
    accent-color: var(--sponser-purple);
}

/* personal sections details */

.personal-container {
    display: flex;
    align-items: stretch;
    justify-content: space-between;

}

.personal-container .main-content {
    flex: 3;
    padding: .9375rem 1.875rem;
}

.personal-container aside {
    background-color: var(--sponser-bg-xlighter);
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: .9375rem .625rem;
    border-left: solid 1px var(--sponser-bg-darker);
}

.personal-container aside .section-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--sponser-purple-dark);

}

.personal-container aside ul.sidebar-menu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
}

.personal-container aside ul.sidebar-menu li {
    margin-bottom: .375rem;
    width: 100%;
}

.personal-container aside ul.sidebar-menu li.sub-menu:not(:first-child) {
    border-style: solid;
    border-color: var(--sponser-bg-darker);
    border-width: 1px 0 0 0;
    padding-top: .5rem;
}

.personal-container aside ul.sidebar-menu li.sub-menu-title {
    font-weight: 700;
    opacity: 70%;
}

.personal-container aside ul.sidebar-menu li a:before {
    content: "\f053";
    font-family: "Font Awesome 5 Free";
    margin-left: .375rem;
    color: var(--sponser-purple-dark);
    font-size: .5rem;
    font-weight: 700;

}

.personal-container aside ul.sidebar-menu li a {
    display: flex;
    align-items: center;
    padding: .25rem;

    border-radius: .375rem;
    color: var(--sponser-text);
    background-color: transparent;
}

.personal-container aside ul.sidebar-menu li a:hover {
    background-color: var(--sponser-bg-lighter);
    display: flex;
    padding: .25rem;
    border-radius: .375rem;
    color: var(--sponser-purple);
}

.personal-container aside ul.sidebar-menu li a.selected {
    background-color: var(--sponser-bg-darker);
}

input[type=checkbox] {
    accent-color: var(--sponser-orange-dark);

}


ul#following li,
ul#followed li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .5rem;
}

ul#following li:not(:last-child),
ul#followed li:not(:last-child) {
    margin-bottom: 1rem;
}

ul#following li label,
ul#followed li label {
    line-height: 1;
}

.s-follow-btn {
    background-color: var(--sponser-white-bg);
    border: solid 1px var(--sponser-bg-darker);
    color: var(--sponser-text);
    align-self: flex-start;
    padding: 0.35rem .5rem;
    border-radius: 1rem;
    font-weight: 700;
    font-size: 0.75rem;
    line-height: 1;
}

.s-follow-btn:hover {
    /* background-color: var(--sponser-purple-soft);*/
    /*color: var(--sponser-purple-dark);*/
    border-color: var(--sponser-purple);
    cursor: pointer;
}

.s-search-input {
    display: flex;
    align-items: center;
    height: 32px;
    width: 100%;
    border-radius: 999px;
    box-sizing: border-box;
    padding: 0.5rem;
    background-color: var(--sponser-bg-lighter);
    border: transparent;
    /*border: 1px solid var(--sponser-bg-darker);*/
    transition: width .5s;
}

.s-search-input input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 15px;
    font-weight: 300;
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    outline: none;
    width: 100%;
}

.s-search-input:focus-within {
    border: solid 1px var(--sponser-bg-darker);
}

.s-search-input button {
    display: inline-flex;
    margin: 0;
    border: 0 none;
    width: 20px;
    background-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.s-search-input .icon {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    fill: var(--sponser-text);
    opacity: .4;
}

.s-search-input:focus-within .icon {
    fill: var(--sponser-purple);
    opacity: 1;
}


.s-follow-btn.following {
    background-color: var(--sponser-black) !important;
    color: var(--sponser-white);
    border-color: var(--sponser-black) !important;
}


.s-scrollable {
    width: 100%;
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: .25rem !important;
}

/* s-popover */

.s-popover-wrapper {
    display: inline-block;
    cursor: pointer;
}

.s-popover-wrapper button {
    display: flex;
    align-items: center;
    line-height: 1;
    color: var(--sponser-orange-dark);
}

.s-popover-wrapper button .with-icon {
    display: flex;
    align-items: center;
}

.s-popover-wrapper .with-icon i,
.s-popover-wrapper .with-icon svg {
    fill: currentColor;
    width: 12px;
    height: 12px;
    margin-right: .125rem;
}

.s-popover-content {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    right: 0;
    width: auto;
    min-width: 200px;
    background: var(--sponser-white-bg);
    border-right: solid 1px var(--sponser-white-bg);
    transform: translateY(0.5rem);
    transition: all 0.1s cubic-bezier(0.16, 1, 0.5, 1);
    box-shadow: rgba(0, 0, 0, 0.05) 0 6px 10px 0, rgba(0, 0, 0, 0.1) 0 0 0 1px;
    border-radius: .375rem;
    z-index: 99;
    padding: .375rem;
}

.s-popover-content.show {
    visibility: visible;
    opacity: 1;
    transform: translateY(.5rem);
}

.s-popover-content .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .375rem;
}

.s-popover-content .item:not(:last-child) {
    margin-bottom: .5rem;
}

.s-popover-content .item:hover {
    background-color: var(--sponser-purple-soft);
    border-radius: .375rem;
}

.page-footer-toast {
    width: 100%;
    z-index: 10;
    position: sticky;
    bottom: 60px;
    padding: 1rem .625rem;
}

/* stock chart */

.indexCellSelected {
    background-color: var(--sponser-purple-lighter);
}

#indicesBoxChartArea {
    background-color: var(--sponser-white-bg);
    width: 270px;
    height: 210px;
}

.chart-svg {
    background-image: url('https://www.sponser.co.il:443/streams/lib/img/chart-logo.png');
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-color: var(--sponser-white-bg);
}

.chart-svg .chart-title {
    fill: var(--sponser-orange-dark);
    font-size: .875rem;
    text-anchor: end;
}

.chart-svg .close {
    stroke: var(--sponser-purple)
}

.chart-svg .axis line, .chart-svg .axis path {
    fill: none;
    stroke: var(--sponser-text);
    shape-rendering: crispEdges
}

.chart-svg path.candle {
    stroke: var(--sponser-purple-extra-lighter);
}

.chart-svg text {
    fill: var(--sponser-text);
}

.chart-svg path {
    fill: none;
    stroke-width: 1
}

.chart-svg path.candle.body {
    stroke-width: 0
}

.chart-svg path.candle.up {
    fill: #0A0;
    stroke: #0A0
}

.chart-svg path.candle.down {
    fill: #c00;
    stroke: #c00
}

.chart-svg .y.annotation.left path {
    fill: #0A0;
    font: 10px sans-serif
}

.chart-svg .y.annotation.right path {
    fill: red;
    font: 10px sans-serif
}

.chart-svg .x.annotation path {
    fill: #DDD80E;
    font: 10px sans-serif
}

.chart-svg .crosshair {
    cursor: crosshair
}

.chart-svg .crosshair path.wire {
    stroke: var(--sponser-purple-darker);
    stroke-dasharray: 1, 1;
    font: 10px sans-serif
}

.chart-svg .crosshair .axisannotation path {
    fill: #D4D6ED;
    font: 10px sans-serif
}

.chart-svg .axisannotation.y text {
    padding: 0 5px;
    font-size: .625rem;
    text-anchor: end !important
}

.chart-svg .axisannotation.x text {
    font-size: .625rem;
    text-anchor: middle !important
}

.chart-svg .sma {
    font-size: 9px
}

.chart-svg .ma-0 path.line {
    stroke: #1f77b4
}

.chart-svg path.volume {
    fill: #DDD
}

.chart-svg .grid line {
    stroke: #ddd;
    stroke-opacity: .7;
    shape-rendering: crispEdges
}

.chart-svg .grid path {
    stroke-width: 0
}

.chart-svg .yaxis {
    text-anchor: start;
    direction: ltr;
    font-size: 11px
}


/* Main image in popup */

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}


.mfp-figure {
    line-height: 0;
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444;
}

.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px;
}

.mfp-figure figure {
    margin: 0;
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
         * Remove all paddings around the image on small screen
         */
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box;
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}


.toggle-theme-container {
    display: flex;
    align-items: center;

    button {

    }

    svg {
        padding: .375rem;
        color: var(--sponser-text);
        background-color: var(--sponser-bg-darker);
        border-radius: 999px;
        overflow: hidden;
        width: 28px;
        height: 28px;
        fill: var(--sponser-text);

        &:hover {
            box-shadow: 0 1px 4px rgb(26 26 67 / 10%);
        }
    }

    .light {
        display: block;
    }

    .dark {
        display: none;
        fill: rgb(247, 185, 0);
    }
}


/* 3rd party */

.ob-widget-header {
    margin: 0 0 1rem 0 !important;
    font-size: 1.75rem !important;
    color: var(--sponser-purple-darker) !important;
}

.ob-in-article .ob-widget-header {
    font-size: 1.5rem !important;
    color: var(--sponser-purple-darker) !important;
}