/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/


      /* CSS RESET */
      *, *::before, *::after {
        box-sizing: border-box;
      }
      * {
        margin: 0;
      }
      html, body {
        height: 100%;
        scroll-behavior: smooth;
      }
      body {
        font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
        font-size: 18px;
        line-height: 1.5em;
        -webkit-font-smoothing: antialiased;
      }

      img, picture, video, canvas, svg, iframe {
        display: block;
        height: auto;
        max-width: 100%;
        width: 100%;
      }
      input, button, textarea, select {
        font: inherit;
      }
      h1, h2, h3, h4, h5, h6, p {
        overflow-wrap: break-word;
      }

      table {
          border: 0 !important;
/*           margin-bottom: 1.4rem; */
          /* overflow-wrap: break-word; */
      }
        thead th, thead td{
          background: inherit !important;
          border:0 !important;
          color: inherit !important;
        }

      /* TYPOGRAPHY */
      @font-face {
        font-family: "Calistoga";
        font-style: normal;
        font-weight: 400;
        font-display: fallback;
        src: local("Calistoga Regular"), url(//20345524.fs1.hubspotusercontent-na1.net/hubfs/20345524/raw_assets/public/_carbon-collective/assets/font/calistoga-regular.woff2) format("woff2");
      }
      h1, h2, h3, h4, h5, h6 {
        font-family: "Calistoga", serif;
        font-weight: 400;
        line-height: 1.2;
        padding: 0.5em 0;
      }
      p {
        line-height: 1.5;
        margin-bottom: 1.5em;
      }

      h1 {
        font-size: clamp(32px, 4vw, 45px);
      }

      h2 {
        font-size: clamp(24px, 3vw, 36px);
      }

      h3 {
        font-size: clamp(20px, 3vw, 26px);
      }
      h4 {
        font-size: clamp(18px, 2vw, 20px);
      }
      p {
        font-size: 16px;
      }
      
      
            /* MAIN NAVBAR */
      
      body {
        background-image: url(https://www.carboncollective.co/hubfs/image-from-rawpixel-id-2896223-png%201-min.png);
        background-repeat: no-repeat;
        background-size: cover;
      }


      
      /* Navbar FIX END */
      
      
      /* HEADER */
      #breadcrumbs {
        font-size: 75%;
        padding: 0.5em 0;
      }
      .banner .banner__container {
        margin: 0 auto;
        padding: 55px 15px 25px 50px;
        max-width: 1300px;
      }
      
      /* MAIN */
      main,
      section#bottom {
        margin: 0 auto;
        max-width: 1300px;
      }
			section#bottom {
        padding: 1em;
			}
      main#level0 {
        display: flex;
        gap: 6rem;
      }
      section#bottom h2,
      section#bottom p {
        text-align: center;
      }
      section#bottom {
        border-radius: 8px;
        box-shadow: rgb(0 0 0 / 8%) 0px 2px 12px;
        margin: 0 auto;
      }
      #bottom a {
        color: #1a936f;
        cursor: pointer;
      }
      #breadcrumbs a,
      #level1 a,
      #level2 a {
        color: #1a936f;
        cursor: pointer;
        text-decoration: underline;
      }
      @media screen and (max-width: 768px) {
        #level0 .sticky-search,
        #level0 .main-section {
          max-width: 95%;
        }
      }
      
      /******************
      Main Level 1
      ******************/
      
      main#level1 table {
        background-color: #fff;
        border: 1px solid #f4f5f5;
        border-radius: 16px;
        margin: 0px 0px 50px;
        padding: 10px 35px;
        box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 13%);
      }
      
      main#level1 #list-of-stocks {
        text-align: center;
        color: #1a936f;
        text-decoration: none;
      }
      main#level1 #left {
        background-color: #fff;
        border: 1px solid #f4f5f5;
        border-radius: 4px;
        margin: 0px 0px 50px;
        padding: 10px 35px;
        box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 13%);
        max-width: 1264px;
      }
      main#level1 #right>p {
        text-align: center;
      }
      main#level1 #right>p a {
        text-decoration: none;
        text-align: center;
        color: #1a936f;
      }
      
      /******************
      Main Level 1 END
      ******************/
      
      /******************
      Main Level 2
      ******************/
      #level2 {
      max-width: none;
      padding: 0;
      }
      main#level2 .bottom__content article {
        display: flex;
        gap: 3em;
      }
      #level2 main__container {
        max-width: 1300px;
        margin: 0 auto;
      }
      #level2 p {
        line-height: 1.7;
      }
      
      #level2 #company-links {
        background: #fff;
        padding: 30px 30px 18px 30px;
        width: 100%;
        /* max-width: 688px; */
        border-radius: 8px;
        position: relative;
        box-shadow: rgb(0 0 0 / 8%) 0px 2px 12px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin: 0 auto;
        max-width: 1123px;
      }
      #level2 #company-links a {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 12px;
        font-family: Helvetica;
        text-decoration: none;
      }
      #level2 .main__content {
        display: flex;
        max-width: 1115px;
        margin: 0 auto;
        padding-bottom: 80px;
        flex-direction: column-reverse;
        gap: 40px;
      }
      #level2 .main__left {
        background: #f4f5f5;
        border-radius: 12px;
        padding: 30px 50px;
        flex: 1 0 37%;
        margin-left: 0;
        box-shadow: rgb(0 0 0 / 8%) 0px 2px 12px;
      }
      #level2 .main__right {
        flex: 1 0 55%;
        padding: 50px;
        max-width: 100vw;
        background: #FFFFFF;
        border-radius: 12px;
        box-shadow: rgb(0 0 0 / 8%) 0px 2px 12px;
      }
      .main__right .about-content h2:nth-child(1) {
        padding-top: 0;
      }
      
      
      #stats {
        padding: 30px 15px 40px;
        display: flex;
        gap: 20px;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        justify-content: center;
        max-width: 1256px;
        margin: auto;
      }
      #stat1,
      #stat2,
      #stat3 {
        padding: 16px 20px;
        border-radius: 8px;
        background-color: #fff;
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-rows: auto auto auto;
        border-top: 6px solid #1a936f;
        box-shadow: rgb(0 0 0 / 8%) 0px 2px 12px;
        width: 360px;
      }
      
      .stats__stat {
        font-size: 60px;
        font-weight: 700;
        color: #1a936f;
        margin: 0px;
        font-family: Helvetica;
      }
      .stats__headline {
        font-size: 18px;
        margin-bottom: 8px;
        color: #05141a;
        font-weight: 700;
        display: block;
      }
      .stats__description {
        color: #05141a;
        line-height: 26px;
        font-size: 16px;
        font-weight: 300;
        margin: 0px;
        width: 100%;
      }
      .stat__margin {
        margin: 0px auto 40px;
        max-width: 1115px;
        height: 1px;
        color: #fff;
        position: relative;
        background: transparent;
        border-top: 1px solid rgba(0,0,0,.1);
        display: block;
      }
      
      .bottom__content {
        background-color: #DCF1EF;
        padding: 40px 6% 100px 6%;
      }
      .improvements__heading {
        font-weight: 400;
        font-size: 32px;
        margin: 0px auto 40px !important;
        max-width: 75%;
        color: #232323;
        font-family: Calistoga;
        text-align: center;
      }
      #level2 #bottom-content>article {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 24px;
        margin: auto;
        flex-wrap: wrap;
        max-width: 1256px;
      }
      .improvements__content>div {
        padding: 40px 30px 48px;
        border-radius: 8px;
        background-color: #fff;
        position: relative;
        z-index: 1;
        width: 100%;
        box-shadow: rgb(8 34 43 / 12%) 0px 2px 12px;
        display: inline-block;
        flex-direction: row;
        align-items: flex-start;
        -webkit-box-pack: justify;
        justify-content: space-between;
      }
      
      .bottom__content article div>p:first-child::before {
        display: block;
        position: relative;
        content: "";
        width: 80px;
        background-color: #1a936f;
        margin: 20px 0px;
        height: 4px;
        border-top: 1px solid rgba(0,0,0,.1);
      }
      .bottom__content article>div {
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 0px;
        text-align: left;
        /* font-family: Calistoga; */
        color: #05141a;
      }
      .bottom__content article>div>p {
        font-size: 18px;
        font-weight: 400;
        color: rgba(35,35,35,1.0);
      }
      
      @media screen and (max-width: 1150px) {
        #level2 .main__content {
          flex-direction: column-reverse;
        }
        #level2 .main__left,
        #level2 .main__right {
          margin: 10px;
        }
        #level2 #bottom-content>article.improvements__content {
          display: flex;
          flex-direction: column;
        }
      }
      
      @media screen and (max-width: 1170px) {
        #level2 #company-links {
/*           margin: 30px; */
        }
      }
      @media screen and (max-width: 430px) {
        #level2 #company-links {
          display: flex;
          flex-direction: column;
          align-items: center;
          flex-wrap: wrap;
          justify-content: center;
        }
      }
      
      /******************
      Main Level 2 END
      ******************/
      
      /******************
      Interactive Module
      ******************/
      
      .bottom-module {
          background-color: rgb(26, 147, 111);
          background-image: url(https://20345524.fs1.hubspotusercontent-na1.net/hubfs/20345524/carbon-collective-green-investing-bg-cta.8082a702.png);
          background-repeat: no-repeat;
          background-size: cover;
          background-position: center center;
          background-blend-mode: multiply;
          padding-bottom: 120px;
          padding-top: 120px;
      }

      .bottom-module .grid-wrapper {
          max-width: 1256px;
          width: 100%;
          margin: auto;
          display: grid;
          grid-template-columns: 1fr 1fr 1fr;
          gap: 20px;
          -webkit-box-align: center;
          align-items: center;
      }

      .bottom-module .grid-wrapper .card__module {
          display: flex;
          flex-direction: row;
          align-items: flex-start;
          -webkit-box-pack: justify;
          justify-content: space-between;
          width: 100%;
          padding: 40px 30px;
          box-shadow: rgb(8 43 33 / 12%) 0px 2px 12px;
          border-radius: 16px;
          background-color: #fff;
          flex-direction: column;
          -webkit-box-align: center;
          align-items: center;
          height: 400px;
          text-align: center;
      }

      .bottom-module .grid-wrapper .card__module:nth-child(2) {
          padding: 40px 30px;
          box-shadow: rgb(8 43 33 / 12%) 0px 2px 12px;
          border-radius: 16px;
          background-color: #fff;
          flex-direction: column;
          -webkit-box-align: center;
          align-items: center;
          height: unset;
      }

      .bottom-module .card__module__img {
          width: 48px;
          height: 48px !important;
          margin: 0 auto 24px;
          display: block;
      }

      .bottom-module .grid-wrapper h3 {
          font-family: Calistoga;
          font-style: normal;
          font-weight: normal;
          text-align: center;
          color: #05141a;
          font-size: 24px;
          padding: 0;
      }

      .bottom-module .grid-wrapper>p {
          color: #777;
          margin-top: 10px;
          font-size: 16px;
          text-align: center;
          margin-bottom: 1rem;
          font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
          font-weight: 400;
      }

      .bottom-module .module__button {
          width: 220px;
          border-color: #05141a;
          background-color: transparent;
          color: #05141a;
          margin: 0 auto;
          display: block;
          border: 2px solid;
          border-radius: 8px;
          padding: 12px 24px;
          font-size: 16px;
          font-weight: bold;
          text-align: center;
          text-decoration: none;
          font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
          margin-top: auto;
          margin-bottom: 0px;
      }

      .bottom-module .module__button.black {
          border: 2px solid #05141a;
          border-radius: 8px;
          padding: 14px 36px;
          margin-top: 40px;
          text-align: center;
          font-size: 16px;
          font-weight: bold;
          width: 220px;
          background-color: #05141a;
          color: #fff;
      }


      /* CSS Accordion Newsletter */

      .btn__container {
        margin-top: 40px;
      }
      .btn__container .newsletter__accordion-input {
          display: none;
      }
      .btn__container .newsletter__accordion-label {
          display: block;
          color: #ffffff;
          font-weight: 500;
          cursor: pointer;
          position: relative;
          transition: background 0.1s;
      }
      .btn__container .newsletter__accordion-content {
          background: #ffffff;
          line-height: 1.6;
          font-size: 0.85em;
          display: none;
          transform: scale(1, 0);
          transition: transform 400ms ease-in-out;
      }
      .newsletter__accordion-input:checked ~ .newsletter__accordion-content {
          display: block;
          background-color: rgba(0,0,0,0.25);
          transform: scale(1, 1);
          transform-origin: bottom;
          transition: transform 400ms ease-in-out;
      }
      .btn__container .btn-fullscreen {
          position: fixed;
          z-index: 9999;
          top: 0px;
          right: 0px;
          bottom: 0px;
          left: 0px;
      }
      .btn__container .newsletter__accordion-content .typeform__module {
          height: 100%;
          width: 100%;
          overflow-y: hidden;
          overflow-x: hidden;
          background-color: rgba(0,0,0,0.25);
          display: flex;
          flex-direction: row;
      }
      .btn__container .newsletter__accordion-content .opaque-newsletter__container {
          flex: 1 1 50%;
      }
      .btn__container .newsletter__accordion-content .label-close__container {
          width: 100%;
          flex: 1 0 50%;
          min-width: 800px;
      }
      
      .btn__container .newsletter__accordion-content .typeform__module iframe {
          height: 100%;
          z-index: 9999;
      }
      .btn__container .newsletter__accordion-label img {
          position: absolute;
          padding: 8px;
          cursor: pointer;
          width: initial;
          max-width: initial;
          top: 12px;
          left: -38px;
          right: auto;
      }
      @media screen and (max-width: 840px) {
        .btn__container .newsletter__accordion-label img {
          left: 8px;
        }
        
      }
      @media screen and (max-width: 800px) {
        .btn__container .newsletter__accordion-content .opaque-newsletter__container {
          display: none;
        }
        .btn__container .newsletter__accordion-content .label-close__container {
          min-width: fit-content;
          flex: 1 1 100%;
        }
      }
      
      @media screen and (max-width: 1440px) {
        .bottom-module {
          padding: 64px 6%;
        }
      }
      
      @media screen and (max-width: 1200px) {
        .bottom-module .grid-wrapper {
          display: flex;
          flex-direction: column;
        }
        .bottom-module .module__button.black,
        .bottom-module .btn__container,
        .bottom-module .module__button {
          margin: 0;
        }
        .bottom-module .grid-wrapper .card__module {
          height: auto;
          gap: 10px;
        }
        .bottom-module .card__module p {
          margin: 0;
        }
        .bottom-module .grid-wrapper .card__module:nth-child(2) {
          gap: 20px;
        }
      }
      
     
      /******************
      Interactive Module END
      ******************/
      
      /* Sticky Search */
/*       .main-section {
          margin: 0 auto;
          max-width: 80%;
      }
      
      .sticky-search {
          display: block;
          height: 100vh;
          max-width: 41.6875rem;
          min-width: 18.5vw;
          left: 0px;
          position: sticky;
          top: 20px;
      }
      .search__container {
          background-color: #fff;
          border: 1px solid #f4f5f5;
          border-radius: 16px;
          margin: 0px 0px 50px;
          padding: 20px 23px;
          box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 13%);
          min-width: 260px;
      }
      .search-list {
          padding: 20px 0;
      }
      
      .search-list li {
          list-style-type: none;
          padding: 3px 0;
          font-size: 16px;
      }
      .search-list li a {
          text-decoration: none;
          background: rgba(239,111,45,0.08);
          color: #ef6f2d;
          padding: 5px 10px;
          border-radius: 4px;
          font-size: 13px;
          display: block;
      }
      .search__filter {
          overflow-y: scroll;
          height: 80vh;
          direction: rtl;
          text-align: left;
          padding-left: 10px;
          right: 6px;
          position: relative;
      }
      /* Mobile Sticky Search */
      /* @media screen and (max-width: 1050px) {
        main#level0 {
          flex-direction: column;
          position: relative;
        }
        .sticky-search {
          position: relative;
          width: 100%;
          margin: 0 auto;
        }
        
      } */
      


      /* Initial Viewport */
      .container {
        margin: 0 auto;
        width: 100%;
      }
      header h1 {
/*         padding: 2em; */
      }
      table {
        margin-bottom: 3em;
      }
      table th,
      table td {
        padding: 0.25em 0.5em;
      }
      table tr:nth-child(even) {
/*         background-color: rgba(0,0,0,0.125); */
      }
      table .allocated {
        text-align: center;
        min-width: 115px;
      }
      table .logo {
        text-align: center;
        max-width: 60px;
        min-width: 40px;
      }
      table .company,
      table .description {
        text-align: left;
      }
      table .description p {
        margin-bottom: 0;
      }
      
      @media screen and (max-width: 768px) {
        table .allocated,
        table .logo,
        table .company {
          vertical-align: top;
        }
        .table-sortable {
          display: grid;
          justify-content: center;
        }
        table .allocated {
          text-align: left;
        }
        table .allocated p {
          margin-top: 7px;
        }
        table .logo {
          max-width: 50px;
        }
        table .logo img {
          margin-top: -6px;
          min-width: 25px;
          padding-right: 4px;
        }
        table .table__sort-description {
          display: none;
        }
        tbody tr {
/*             display: flex;
            flex-wrap: wrap; */
        }

        tbody .allocated {
            min-width: 90px;
        }

        tbody .logo {
            min-width: 40px;
        }

        tbody .company {
            flex: 1 1 100px;
        }

        tbody.description {
            min-width: 270px;
        }
      }
      
      @media screen and (max-width: 420px) {
        main .main__stocks {
            padding: 10px 15px;
        }
      }
      
      /* View List of Stocks */
      .stocks-list {
        margin: 1.2rem 0 0 0;
      }
      .stocks-list a {
        padding: 10px 0;
      }
      
      /* MOBILE */
      .mobile-only {
        display: none;
      }
      @media screen and (max-width: 768px) {
        .mobile-only {
          display: initial;
        }
      }
      
      /* Table of Contents (mobile) */
      
/*       @media screen and (max-width: 1050px) {
        .sticky-search {
          height: auto;
          position: sticky;
          z-index: 99;
        }
        .search__container {
          display: flex;
          flex-direction: column;
          width: 100%;
          position: absolute;
          top: -14px;
          padding: 15px 25px;
          height: auto;
          max-height: 97vh;
        }
        .search__filter {
          left: -5px;
        }
        .toc__accordion {}
        .toc__accordion-label {
          margin: 0;
          position: relative;
          padding: 5px 30px;
          width: 100%;
          color: #ffffff;
          display: block;
          font-weight: 500;
          background-color: #209572;
          cursor: pointer;
          transition: all 0.3s ease-in-out;
          border-radius: 5px;
          box-shadow: 0 20px 25px -5px rgb(0 0 0 / 15%), 0 10px 10px -5px rgb(0 0 0 / 10%) !important;
          z-index: 10;
        }
        .toc__accordion-label>span{
          display: block;
          position: absolute;
          height: 14px;
          width: 14px;
          right: 20px;
          top: 11px;
        }
        .toc__accordion-label>span::before {
          content: "";
          width: 14px;
          height: 3px;
          border-radius: 2px;
          background-color: #fff;
          position: absolute;
          top: 6px;
          transform: rotate(90deg);
          transition: all 0.3s ease-in-out;
        }
        .toc__accordion-label>span::after {
          content: "";
          width: 14px;
          height: 3px;
          border-radius: 2px;
          background-color: #fff;
          position: absolute;
          top: 6px;
        }
        .toc__accordion-content {
          width: 100%;
          transition: all 0.2s ease-in-out;
          overflow: auto;
          display: block;
          position: relative;
          height: auto;
          max-height: 73vh;
          transform: scale(1, 0);
          transform-origin: top;
          transition: transform 400ms ease-in-out;
        }
        .toc__accordion-content>ul {
          position: inherit;
          display: none;
        }
        input.toc__accordion:checked ~ .search__filter.toc__accordion-content {
          display: block;
          transform: scale(1, 1);
        }
        .toc__accordion:checked ~ .toc__accordion-content>ul {
          display: block;
          height: auto;
        }
        .toc__accordion:checked ~ .toc__accordion-label>span::before {
          transform: rotate(0deg);
        }
      } */
      
/* Ultimate Guide Fix */
main a {
		color: #1a936f;
}

section.sticky-search{
	  max-height: 100vh;
    height: auto;
}

/* img {
    border-radius: 10px;
} */

h2 span,
h3 span,
h4 span,
h5 span,
h2, h3, h4, h5 {
/*     color: #1a936f; */
    text-decoration: none;
}

div.row-fluid-wrapper.row-depth-1.row-number-3.dnd-row,
#left div.row-fluid-wrapper.row-depth-1.row-number-3.dnd-row {
    background-color: #fff;
    border: 0;
    border-radius: 16px;
    margin: 0;
    padding: 0;
    box-shadow: none;
    min-width: 260px;
}

main.body-container-wrapper {
	  display: flex;
    flex-direction: row;
    gap: 1rem;
}

#main>div.container-fluid.sidebar>div.row-fluid-wrapper {
    width: 400px;
}


.sidebar .card__module__container {
		gap: 0.75rem;
}

div.container-fluid.sidebar .chapter__card__container {
    height: min-content;
    width: 100%;
}


.sidebar .email__course {
    background-color: #fff;
    border: 1px solid #f4f5f5;
    border-radius: 10px;
    margin: 50px 0px 50px 0px;
    padding: 20px 23px;
    box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 13%);
	  display: none;
}

@media screen and (max-width : 920px){
/* 	main.body-container-wrapper {
		flex-wrap: nowrap!important;
	} */
	#main>div.container-fluid.sidebar>div.row-fluid-wrapper {
	  width: 100% !important;
	}
}

section#main-dnd {
    overflow: auto;
    position: relative;
}

main section#left .search__filter {
  max-height: 80vh;
	height: auto;
	margin-bottom: 1rem;
}
#left #toc li:hover {
  border: 1px transparent solid;
}

.card__module .chapter__card__container:hover {
  border: 1px transparent solid;
}



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

}





/* Fixed Button */



.fixed-sidebar__button {
    display: none;
}
#aside-dnd>.sidebar {
/*     max-width: 400px; */
	  direction: ltr;
}

/* section#aside-dnd {
		position: -webkit-sticky;
    position: sticky;
    top: 0;
    height: 100vh;
/*     overflow-y: scroll; */
    /*flex-shrink: 0;
	  direction: rtl;
		z-index: 1000;
} */

@media screen and (max-width: 1000px) {
	
		div.container-fluid.sidebar .chapter__card__container {
				max-width: 320px;
		}
	  
		main.body-container-wrapper {
				gap: 0;
			  flex-wrap: wrap;
/* 				justify-content: space-evenly; */
		}
		section#aside-dnd {
				overflow-y: auto;
			  position: relative;
				width: 100%;
			  max-width: unset !important;
		}

		.fixed-sidebar__button {
/* 				display: block;
				position: relative;
				bottom: 0px;
				left: -10px;
				height: 40px;
				display: flex;
				align-items: center;
				z-index: 9999;
				background: white;
				border: 2px solid #199370;
				border-radius: 7px 7px;
				background-color: #199370;
				padding: 1em;
				box-shadow: 0px 0px 13px 5px rgb(0 0 0 / 15%); */
			  display: none;
		}

	  
		.fixed-sidebar__button span,
		.fixed-sidebar__button span::before,
		.fixed-sidebar__button span::after {
				display: block;
				background: #fff;
				height: 2px;
				width: 15px;
				border-radius: 2px;
				position: relative;
				transition: .5s;
				left: 8px;
		}

		.fixed-sidebar__button span::before,
		.fixed-sidebar__button span::after {
				content: '';
				position: absolute;
		}

		.fixed-sidebar__button span::before {
				bottom: 4px;
				left: 0px;
		}

		.fixed-sidebar__button span::after {
				top: 4px;
				left: 0px;
		}


/* 		#aside-dnd>.sidebar {
				width: 100vw;
				margin-right: 5rem;
				position: fixed;
				height: 100vh;
				z-index: 999;
				overflow-y: scroll;
				top: 0px;
/* 				background: #0000004f; */
/* 			  background: #eeeeee;
				left: 0; */ */
/* 				padding: 10px; */
/* 				direction: rtl;
				transform: scale(1, 0);
		} */
	  
	#aside-dnd>.sidebar {
	      overflow-x: scroll;
	}

/* 		section#aside-dnd>.sidebar>.row-fluid-wrapper {
				direction: ltr;
				max-width: 400px;
				left: 0;
				position: absolute;
				background: #eee;
				top: 0;
				padding: 0 20px 0 10px;
		} */

/* 		#fixed-sidebar:checked ~ div.sidebar {
				transform: scale(1,1);
				transition: transform 500ms ease-in-out;
				transform-origin: bottom;
		} */
	  
	  #fixed-sidebar:checked ~ div.sidebar-button__container .fixed-sidebar__button>span,
	  #fixed-sidebar:checked ~ div.sidebar-button__container .fixed-sidebar__button>span::before,
		#fixed-sidebar:checked ~ div.sidebar-button__container .fixed-sidebar__button>span::after {
        background: #35cb6a !important;
		}

		#fixed-sidebar:checked ~ div.sidebar-button__container .fixed-sidebar__button>strong {
			  color: #35cb6a !important;
		}

		.fixed-sidebar__button>strong {
				color: #ffffff;
				margin-left: 0px;
		}

		div.sidebar-button__container {
/* 		    position: fixed;
				background-color: #199370;
				z-index: 9999;
				width: 100vw;
				bottom: 0;
				left: 0;
				height: 3.25rem;
				display: flex;
				justify-content: center;
				align-items: center; */
			  display: none;
		}
}

@media screen and (max-width: 440px){
		#aside-dnd>.sidebar {
				width: 100%;
		}
/* 	  section#aside-dnd>.sidebar>.row-fluid-wrapper {
				width: 100%;
			  padding: 0 13px;
		} */
}



/* Blockquote fix */

blockquote:after {
  visibility: hidden;
  content: close-quote;
}

/* Table Fix */

.table-ux__module {
    background-color: #fff;
    border: 1px solid #f4f5f5;
    border-radius: 10px;
    margin: 25px 0px 50px 0px;
    padding: 15px 17px;
    box-shadow: 0px 0px 4px 1px rgb(0 0 0 / 13%);
}


/* Ultimate Guide Video Thumbnail Fix */
#main-dnd .oembed_container .oembed_custom-thumbnail_icon svg:hover {
		fill: #ffffff;
		stroke: #2f9875;
}



#main p {
    line-height: 2;
    margin-bottom: 1.5em;
}

main h2,
main h3,
main h4,
main h5 {
		margin-top: 3rem;
		color: #232323 !important;
	  font-family: Helvetica Now Display, sans-serif;
		font-style: normal;
}
main h2 {
    font-weight: 700;
}

main h2 + h3,
main h3 + h4 {
  margin-top: 0;
}
main h3 {
    margin-bottom: 10px;
		color: #1f725a;
}
main h4 {
    color: #23342f;
}

/* Border before header elements (removed for now) */
/* #main h2::before {
    content: "";
    display: block;
    top: -31px;
    left: 0;
    border: 1px solid #000;
    width: 20rem;
    position: relative;
    margin: auto;
} */

.banner .banner__container h1,
.banner .banner__container p {
    text-align: left;
}

.large-img__fix {
    max-height: 860px;
    width: auto;
	  margin: 0 auto;
}
main h3#overview {
    margin-top: 0;
}


header .banner .banner__container {
		padding: 0px !important;
		display: flex!important;
		align-content: center;
		justify-content: space-between;
}
/* header .header__padding {
  height: 106.5px;
} */
input#fixed-sidebar {
  display: none;
}
/* .sidebar .dnd-section {
  padding: 0;
} */
.body-container__full-wd .hs_cos_wrapper_type_rich_text {
    padding: 0;
}

.banner__container > div.container-fluid:first-child {
    padding-top: 100px;
		max-width: 636px;
}

header.banner{
    height: initial;
}

header .banner .banner__container p {
		margin-bottom: 0.75rem;
    max-width: 404px;
    color: #1A936F;
    font-size: 1rem;
    font-weight: 700;
    font-family: Helvetica;
		line-height: 26px;
}

header .banner .banner__container h1 {
		padding: 0;
    font-weight: 400;
    line-height: 54px;
    font-family: 'Calistoga';
    color: #05141A;
}

/* @media (max-width: 920px) {
	header .banner .banner__container {
		padding: 4vh 1em!important;
	}
}
 */
#main-dnd .oembed_container {
  height: auto !important;
}


/* ************************************************ */
/* New Margin, Padding and Layout Changes June 2022 */
/* ************************************************ */

main h2:first-child {
    padding-top: 0px !important;
}


@media (max-width: 1420px) {
	header .banner {
	      margin-left: 74px;
				min-height: 280px;
	}
	header .banner .banner__container {
	      margin: 0;
	}
	main.body-container-wrapper #aside-dnd,
	main.body-container-wrapper #main-dnd {
	      margin-left: 74px !important;
		    
	}
	main.body-container-wrapper #main-dnd {
	      margin-right: 74px !important;
	}
	
}


@media (max-width: 1080px) {
	.banner__container>div.container-fluid:first-child {
	      padding-top: 60px;
		    padding-bottom: 25px;
	}
	.banner__container>div.container-fluid:last-child {
				display: flex;
				align-items: flex-end;
	}
	.banner__container>div.container-fluid:last-child img {
				min-height: 260px;
				min-width: 260px;
	}
}


@media screen and (max-width: 700px) {
	header .banner {
	      margin-left: 0;
				padding-left: 20px;
				padding-right: 20px;
	}
	header .banner .banner__container {
	      flex-wrap: wrap;
				justify-content: center;
	}
	
	.banner .banner__container h1,
	.banner .banner__container p {
				text-align: center !important;
				margin-right: auto !important;
				margin-left: auto !important;
/* 		    margin: 0 auto; */
	}
	
	main.body-container-wrapper #aside-dnd,
	main.body-container-wrapper #main-dnd {
	      margin-left: 20px !important;
		    
	}
	main.body-container-wrapper #main-dnd {
	      margin-right: 20px !important;
	}
	
}



/* *********************** */
/* Previous and Next Links */
/* *********************** */

.p-n__links {
		margin-top: 15px;
    margin-bottom: 100px;
}

.p-n__links__container {
	display: flex;
	justify-content: space-between;
	border-top: 1px solid #E4E7E7;
	padding-top: 40px;
}

.p__link,
.n__link {
	width: 50%;
  display: flex;
  flex-direction: column;
  position: relative;
  max-width: 330px;
	font-size: 14px;
	line-height: 22px;
	font-weight: 400;
	justify-content: flex-start;
}

.p__link {
	text-align: left;
	align-items: flex-start;
	align-content: flex-start;
}
.n__link {
	text-align: right;
	align-items: flex-end;
	align-content: flex-end;
}

.n__link p,
.p__link p {
	font-style: normal;
	font-weight: 400 !important;
	font-size: 14px !important;
	line-height: 22px !important;
	color: #05141A !important;
  margin-bottom: 10px !important;
}

.p__link p {
	padding-left: 22px;
}

.n__link p {
	padding-right: 22px;
}

.p__link a,
.n__link a {
	text-decoration: none;
}

.n__link p::before,
.n__link p::after {
    content: "";
    display: block;
    position: absolute;
    border: 1px solid #05141A;
		background-color: #05141a;
    width: 9px;
    right: 3px;
		border-radius: 3px;	
}


.n__link p::before {
		top: 7px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.n__link p::after {
    top: 12px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}


.p__link p::before,
.p__link p::after {
    content: "";
    display: block;
    position: absolute;
    border: 1px solid #05141A;
		background-color: #05141a;
    width: 9px;
    left: 3px;
		border-radius: 3px;	
}


.p__link p::before {
		top: 7px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.p__link p::after {
    top: 12px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

/* ************* */
/* Author Module */
/* ************* */

.a-m__container {
  max-width: 302px;
	margin-top: 48px;
  margin-bottom: 30px;
}
.a-m__container .author__section {
  margin-bottom: 20px;
}
.a-m__container .author__section p {
/*   font-family: 'Helvetica Now Display'; */
  font-style: normal;
  font-size: 16px;
  line-height: 26px;
  color: #05141A;
}
.a-m__container .author__section .a-m__author {
  color: #05141A;
  font-weight: 700;
  margin: 0 !important;
}
.a-m__container .author__section .a-m__date {
  margin: 0 !important;  
  color: #777777;
  font-weight: 400;
}


.a-m__container div.image__section {
  display: flex;
  gap: 12px;
  justify-content: flex-start;
}

.a-m__container a.img__container,
.a-m__container a.img__container img {
  max-width: 24px;
  max-height: 24px;
}

@media (max-width: 1000px) {
	.a-m__container {
	  max-width: unset;
		margin-right: 74px;
		margin-bottom: 0;
    margin-top: 35px;
	}
	.a-m__container .author__module {
	  display: flex;
    flex-direction: row;
    justify-content: space-between;
	}
	.a-m__container .author__section .a-m__author,
	.a-m__container .author__section .a-m__date {
	  font-size: 14px;
		line-height: 22px;
	}
	.a-m__container .author__section .a-m__date {
		color: #1a936f;
    font-weight: 500;
	}
	.a-m__container div.image__section {
    margin-top: 0.75rem;
  }
	#aside-dnd ._sidebar-row-1-padding {
    padding-top: 0px !important;
  }
}

@media screen and (max-width: 700px) {
	.a-m__container {
		margin-right: 20px;
	}
	.a-m__container .author__section .a-m__author,
	.a-m__container .author__section .a-m__date {
	  font-size: 13px;
		line-height: 20px;
	}
}

/* Hidden FB Section for Author Module */
.author__module a.img__container:first-child {
    display: none;
}

/* Hidden Author Module/Section */

section.a-m__container {
    display: none;
}


/* Sticky Sidebar 2022 */

@media screen and (min-width: 1000px) {
  section#aside-dnd .container-fluid.sidebar {
    position: sticky;
    top: 0;
    left: 0;
	}
}

@media screen and (min-width: 1420px) {
  main.body-container-wrapper {
    gap: 5rem;
	}
}