div.sample-articles ul.disc li.active ul li.active::before {
    content: "\00BB";
    margin-right: 1px; /* Space between arrow and text */
    /* If you want it positioned exactly: */
    position: absolute;
    left: 0;
    font-size: 150%;
}

        .breadcrumbs {
            margin: 25px 0 30px 0;
            color: #777;
            font-size: 88%;
        }

        .watch-first {
            background-color: #f8ff75;
            padding-left: 4px;
            padding-top: 3px;
            margin-bottom: 20px;
        }

        .float-right {
            float: right;
        }

        .video-buttons {
            text-align: center;
            margin-bottom: 55px !important;
        }

        #nav-bar {
            display: block;
        }
        .main-menu .topbar::before {
            top: -500px !important;
        }
        
        #demo-button-line-2 {
            padding-top: 15px;
        }







    button,
    input[type="button"],
    input[type="reset"],
    input[type="submit"],
    .button,
    .entry-content .button {
        background-color:#44c767;
        border-radius:28px;
        border:1px solid #18ab29;
        box-shadow: none;
        color: #bbb !important;
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        padding: 16px 24px;
        text-transform: uppercase;
        width: auto;
    }

    .myButton {
    background-color:#eee!important;
    border-radius:28px !important;
    border:1px solid #aaa !important;
    display:inline-block;
    color:#ccc !important;
    font-family:Arial !important;
    font-size:17px !important;
    padding:16px 31px !important;
    text-decoration:none;
    text-shadow:0px 1px 0px #2f6627 !important;
    }

    .myButton:hover, div.entry-content input.myButton:hover {
       /* background-color:#5cbf2a !important; */
    }

    .myButton:active {
    position:relative;
    top:1px;
    }

    div#navtop {
    margin-top: -10px;
    margin-bottom:  25px;
    }

    #demo-button {
    margin-top: 0px !important;
    text-align: center;
    padding-bottom: 25px;
    }

    #substack-pitch {
        padding-bottom: 15px;
    }

    p#margin-zero {
        margin: 0 0 0 0px;
    }

    h4.widget_text widget-wrap, h4 {
    font-size: 18px;
    }

    li.footnote {
        margin: 0 0 20px 50px;
        list-style: number;
    }

    ol.num {
        list-style: number;
        margin-left: 50px;
    }


    ol.disc {
        list-style: disc;
        margin-left: 50px;
    }

    a.underline {
        text-decoration: underline;
    }

    button, input[type="button"], input[type="reset"], input[type="submit"], .button, .entry-content .button, button, input[type="button"], input[type="reset"], input[type="submit"], .button, .entry-content .button {
        background-color: #eee;
        border-radius: 28px !important;
        border: 1px solid #18ab29;
        box-shadow: none !important;
        color: #999 !important;
        font-family: 'Roboto', sans-serif !important;
        font-weight: 500 !important;
        padding: 16px 24px !important;
        text-transform: uppercase !important;
        width: auto !important;
    }


    h4.video-buttons header-with-anchor {
        margin-bottom: 60px;
    }




    .highlight {
      background-color: #f8ff75;
      padding: 13px 30px !important;
      margin: 0 25px;
    }
    .highlight ul {
      font-size: 80%;
    }
    .highlight ul li.active ul li.active {
      font-size: 115%;
      color: #0ebfe9;
      font-weight: 800;
    }
    .highlight .active{
      background-color: rgb(214, 232, 236);
      padding: 10px;
      font-weight: 600;
    }


    .sample-articles {
      background-color: #FFFDD0;
      padding: 20px 50px !important;
      margin-bottom: 35px;
      font-size: 110%;
    }
    .sample-articles ul {
      font-size: 95%;
    }
    .sample-articles ul.disc li.active {
      font-size: 106%;
      color: orange;
      font-weight: 800;
      padding: 15px 0px 0 15px !important;
    }

    .sample-articles .active{
      background-color: rgb(214, 232, 236);
      padding: 18px;
      font-weight: 600;
    }
    div.sample-articles ul.disc li.active ul li.active {
        font-size: 95%;
        color: red;
        content: "\00BB";
        margin-left: 30px;
        font-weight: 800;
        padding: 10px 0px 5px 7px !important;
        list-style: none; /* Removes the default bullet */
        position: relative; /* Allows positioning of the arrow */
    }

    div.sample-articles ul.disc li.active ul li.active::before {
        content: "\00BB";
        margin-right: 1px; /* Space between arrow and text */
        margin-top: -10px;
        /* If you want it positioned exactly: */
        position: absolute;
        left: -15px;
        font-size: 150%;
    }

    div.sample-articles ul.disc li ul li.active a {
        color: orange;
        text-decoration: none;
        pointer-events: none;
        cursor: default;
    }

    div.sample-articles ul.disc li.active span.title{
        color: #555;
        font-size: 90%;
    }

        .breadcrumbs {
            margin: 25px 0 30px 0;
            color: #777;
            font-size: 88%;
        }

        .watch-first {
            background-color: #f8ff75;
            padding-left: 4px;
            padding-top: 3px;
            margin-bottom: 20px;
        }

        .float-right {
            float: right;
        }

        .video-buttons {
            text-align: center;
            margin-bottom: 55px !important;
        }

        #nav-bar {
            display: block;
        }
        .main-menu .topbar::before {
            top: -500px !important;
        }
        
        #demo-button-line-2 {
            padding-top: 15px;
        }







    button,
    input[type="button"],
    input[type="reset"],
    input[type="submit"],
    .button,
    .entry-content .button {
        background-color:#44c767;
        border-radius:28px;
        border:1px solid #18ab29;
        box-shadow: none;
        color: #bbb !important;
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        padding: 16px 24px;
        text-transform: uppercase;
        width: auto;
    }

    .myButton {
    background-color:#eee!important;
    border-radius:28px !important;
    border:1px solid #aaa !important;
    display:inline-block;
    color:#ccc !important;
    font-family:Arial !important;
    font-size:17px !important;
    padding:16px 31px !important;
    text-decoration:none;
    text-shadow:0px 1px 0px #2f6627 !important;
    }

    .myButton:hover, div.entry-content input.myButton:hover {
       /* background-color:#5cbf2a !important; */
    }

    .myButton:active {
    position:relative;
    top:1px;
    }

    div#navtop {
    margin-top: -10px;
    margin-bottom:  25px;
    }

    #demo-button {
    margin-top: 0px !important;
    text-align: center;
    padding-bottom: 25px;
    }

    #substack-pitch {
        padding-bottom: 15px;
    }

    p#margin-zero {
        margin: 0 0 0 0px;
    }

    h4.widget_text widget-wrap, h4 {
    font-size: 18px;
    }

    li.footnote {
        margin: 0 0 20px 50px;
        list-style: number;
    }

    ol.num {
        list-style: number;
        margin-left: 50px;
    }


    ol.disc {
        list-style: disc;
        margin-left: 50px;
    }

    a.underline {
        text-decoration: underline;
    }

    button, input[type="button"], input[type="reset"], input[type="submit"], .button, .entry-content .button, button, input[type="button"], input[type="reset"], input[type="submit"], .button, .entry-content .button {
        background-color: #eee;
        border-radius: 28px !important;
        border: 1px solid #18ab29;
        box-shadow: none !important;
        color: #999 !important;
        font-family: 'Roboto', sans-serif !important;
        font-weight: 500 !important;
        padding: 16px 24px !important;
        text-transform: uppercase !important;
        width: auto !important;
    }


    h4.video-buttons header-with-anchor {
        margin-bottom: 60px;
    }




    .highlight {
      background-color: #f8ff75;
      padding: 13px 30px !important;
      margin: 0 25px;
    }
    .highlight ul {
      font-size: 80%;
    }
    .highlight ul li.active ul li.active {
      font-size: 115%;
      color: #0ebfe9;
      font-weight: 800;
    }
    .highlight .active{
      background-color: rgb(214, 232, 236);
      padding: 10px;
      font-weight: 600;
    }


    .sample-articles {
      background-color: #FFFDD0;
      padding: 20px 50px !important;
      margin-bottom: 35px;
      font-size: 110%;
    }
    .sample-articles ul {
      font-size: 95%;
    }
    .sample-articles ul.disc li.active {
      font-size: 110% !important;
      color: orange;
      font-weight: 800;
      padding: 15px 0px 0 15px !important;
      list-style-type: disc;
    }

    .sample-articles ul.disc li.active strong{
      color: #000;
    }

    .sample-articles .active{
      background-color: rgb(214, 232, 236);
      padding: 10px;
      font-weight: 600;
    }
    div.sample-articles ul.disc li.active ul li.active {
        font-size: 95%;
        color: orange;
        content: "\00BB";
        margin-left: 33px;
        font-weight: 800;
        padding: 15px 0px 7px 7px !important;
        list-style: none; /* Removes the default bullet */
        position: relative; /* Allows positioning of the arrow */
    }

    div.sample-articles ul.disc li.active ul li.active::before {
        content: "\00BB";
        margin-right: 1px; /* Space between arrow and text */
        /* If you want it positioned exactly: */
        position: absolute;
        left: -20px;
        font-size: 150%;
    }


    div.sample-articles ul.disc li.active span.title {
        color: #555;
        font-size: 90%;
    }