/*
Theme Name: Oshin Child
Description: Oshin Child Theme
Author: Brand Exponents
Template: oshin
Version: 1.0
*/

@import url("../oshin/style.css");


/* html,
      body {
        height: 100%;
        width: 100%;
        margin: 0;
        font-family: "Inter", sans-serif;
      }
      .docs {
        display: grid;
        grid-auto-flow: rows;
        grid-template-rows: auto 1fr;
        height: 100%;
      }
      .header {
        border-bottom: 1px solid #dfe4ed;
        padding: 12px 24px;
      }
      .header {
        display: grid;
        grid-auto-flow: column;
        grid-template-columns: auto 1fr auto;
      }
      .header .search {
        display: flex;
        align-items: center;
        padding: 0 24px;
      }
      .header .search input {
        width: 100%;
        height: 36px;
        border: 1px solid #dfe4ed;
        border-radius: 4px;
        padding: 12px;
        background: #f5f8fb;
      }
      .header-menu {
        display: grid;
        grid-auto-flow: column;
        align-items: center;
        justify-content: center;
        grid-column-gap: 24px;
      }
      .menu {
        border-right: 1px solid #dfe4ed;
        padding: 32px;
      }
      .menu-content {
        padding: 32px 60px;
      }*/
      .content {
        display: grid;
        grid-auto-flow: column;
        grid-template-columns: 1fr 3fr;
      }

      /* accordian styles */
      label {
        padding: 8px;
        margin: 0 0 1px 0;
        cursor: pointer;
        border-radius: 3px;
        color: #081c3d;
        transition: ease 0.5s;
        display: grid;
        align-items: center;
        grid-auto-flow: column;
        grid-template-columns: auto auto 1fr;
      }
      label:hover {
        color: #485fd5;
      }
      .accordian-content {
        padding: 20px 36px;
        border-bottom: 1px solid #dfe4ed;
        margin: 0 0 1px 0;
        border-radius: 3px;
        padding-top: 12px;
      }
      .accordian-content:last-child {
        border-bottom: none;
      }
      .accordian input + label + .accordian-content {
        display: none;
      }
      .accordian input:checked + label + .accordian-content {
        display: grid;
        grid-row-gap: 8px;
      }
      .accordian-content a {
        text-decoration: none;
        color: #2d3e5a;
      }
      .accordian-content a:visited {
        color: #485fd5;
      }
      .accordian input + label > .accordian-icon {
        transform: rotate(-90deg);
      }
      .accordian input:checked + label > .accordian-icon {
        transform: rotate(0deg);
      }
      .accordian input {
        display: none;
      }
      .accordian-icon {
        padding: 12px;
        font-size: 10px;
        color: #6b778b;
        background-image: url(./icons/triangle-down.svg);
        background-repeat: no-repeat;
        background-position: center;
      }
      /* logo */
      /*.logo {
        background-repeat: no-repeat;
        height: 36px;
        width: 208px;
        background-size: contain;
        background-image: url("data:image/svg+xml,%3Csvg height='3.6rem' viewBox='0 0 248 43' width='auto' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(47.48 3.64)'%3E%3Cpath d='m6.72 29.68v-12.76l9.68 12.76h8.16l-11.88-15.04 11.64-13.44h-8.12l-9.48 11.36v-11.36h-6.72v28.48zm29.2828571.8c5 0 9.32-2.92 10.32-6.92l-5.4-.76c-.64 1.8-2.52 3.08-4.76 3.08-2.72 0-4.68-1.88-5.2-4.76l16.04.04c.08-.44.08-1.28.08-1.8 0-6.48-4.48-10.96-11.04-10.96-6.6 0-11.28 4.48-11.28 10.88 0 6.6 4.64 11.2 11.24 11.2zm5-12.96h-10.08c.52-2.72 2.36-4.52 5-4.52 2.72 0 4.72 1.92 5.08 4.52zm13.8428572 21.4c4.16 0 6.36-3.24 8.28-8.52l7.92-21.2h-6.24l-4.56 13.2-5.56-13.2h-6.56l9.68 20.68c-.92 2.48-1.92 4.28-4.48 4.28-.72 0-1.72-.16-2.44-.4v4.44c1.12.44 2.68.72 3.96.72zm27.9228571-8.36c5.72 0 9.64-3.08 9.64-7.36 0-4.8-5.24-5.64-9.4-6.2-2.32-.36-4.12-.76-4.12-2.12.04-1.36 1.52-2.32 3.36-2.32 2.4 0 4.2 1.16 4.2 2.84h5.28c0-4.12-3.96-7.08-9.44-7.08-5 0-8.8 2.88-8.8 6.88 0 5 3.8 5.72 8.36 6.28l.2853209.0288143c2.3697087.2499431 4.5146791.7573395 4.5146791 2.4111857 0 1.36-1.6 2.4-3.8 2.4-2.6 0-4.48-1.44-4.48-3.48h-5.08c-.04 4.48 3.96 7.72 9.48 7.72zm19.5228576 8.32v-11.68c1.64 2.08 3.96 3.28 6.76 3.28 5.72 0 9.72-4.56 9.72-11.04s-4.04-11.04-9.72-11.04c-2.84 0-5.2 1.24-6.84 3.28v-2.48h-5.9200004v29.68zm5.12-13.8c-3.12 0-5.36-2.4-5.36-5.64s2.24-5.64 5.36-5.64c3.08 0 5.36 2.36 5.36 5.64 0 3.24-2.24 5.64-5.36 5.64zm21.762857 4.6v-20.48h-6v20.48zm14.122857.8c2.88 0 5.24-1.24 6.84-3.28v2.48h5.92v-29.68h-6v11.68c-1.6-2.08-3.96-3.28-6.76-3.28-5.68 0-9.72 4.56-9.72 11.04s4.04 11.04 9.72 11.04zm1.64-5.4c-3.08 0-5.36-2.36-5.36-5.64 0-3.24 2.24-5.64 5.36-5.64s5.36 2.4 5.36 5.64-2.24 5.64-5.36 5.64zm26.282857 5.4c5 0 9.32-2.92 10.32-6.92l-5.4-.76c-.64 1.8-2.52 3.08-4.76 3.08-2.72 0-4.68-1.88-5.2-4.76l16.04.04c.08-.44.08-1.28.08-1.8 0-6.48-4.48-10.96-11.04-10.96-6.6 0-11.28 4.48-11.28 10.88 0 6.6 4.64 11.2 11.24 11.2zm5-12.96h-10.08c.52-2.72 2.36-4.52 5-4.52 2.72 0 4.72 1.92 5.08 4.52zm16.002857 12.16v-10.88c0-3.08 1.72-5.24 4.32-5.24.88 0 2.24.24 3.36.72v-5.32c-.8-.32-1.64-.52-2.44-.52-2.24 0-4.28 1.32-5.48 3.36v-2.6h-5.76v20.48z' fill='%23030303' fill-rule='nonzero'%3E%3C/path%3E%3Cpath d='m123.26.18h6v6h-6z' fill='%230786ff'%3E%3C/path%3E%3C/g%3E%3Cg%3E%3Cpath d='m3 0h5.4375c4.6599026 0 8.4375 3.77759742 8.4375 8.4375 0 4.6599026-3.7775974 8.4375-8.4375 8.4375h-5.4375c-1.65685425 0-3-1.3431458-3-3v-10.875c0-1.65685425 1.34314575-3 3-3z' fill='%230786ff'%3E%3C/path%3E%3Cpath d='m8.4375 19.125h5.4375c1.6568542 0 3 1.3431458 3 3v10.875c0 1.6568542-1.3431458 3-3 3h-5.4375c-4.65990258 0-8.4375-3.7775974-8.4375-8.4375s3.77759742-8.4375 8.4375-8.4375z' fill='%2328cb73' transform='matrix(-1 0 0 1 16.875 0)'%3E%3C/path%3E%3Cpath d='m27.5625 19.125c4.6599026 0 8.4375 3.7775974 8.4375 8.4375 0 1.8524878-.5969978 3.5655393-1.6090953 4.9572564l-4.2555205-5.0714579 1.94216-1.6292552-8.1862881-1.6125304.0500949 8.4396071 2.1002917-1.7627645 3.9858753 4.7508751c-.7797607.2378311-1.6074486.3657694-2.465018.3657694h-5.4375c-1.6568542 0-3-1.3431458-3-3v-10.875c0-1.6568542 1.3431458-3 3-3z' fill='%23fb5b52'%3E%3C/path%3E%3Cpath d='m22.125 0h5.4375c4.6599026 0 8.4375 3.77759742 8.4375 8.4375 0 4.6599026-3.7775974 8.4375-8.4375 8.4375h-5.4375c-1.6568542 0-3-1.3431458-3-3v-10.875c0-1.65685425 1.3431458-3 3-3z' fill='%23ffad00'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      }*/
      /* label icons */
      .label-icon {
        height: 28px;
        width: 28px;
        border-radius: 6px;
        margin-right: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .label-avatar{
        background-repeat: no-repeat;
        background-position: center;
        height: 12px;
        width: 12px;
      }
      .label-icon-0 {
        background: #fbe4f4;
      }
      .label-icon-0 .label-avatar{
        background-image: url(./icons/label-icon-0.svg);
      }
      .label-icon-1 {
        background: #E0F7DE;
      }
      .label-icon-1 .label-avatar{
        background-image: url(./icons/label-icon-1.svg);
      }
      .label-icon-2 {
        background: #FFE5DB;
      }
      .label-icon-2 .label-avatar{
        background-image: url(./icons/label-icon-2.svg);
      }
      .label-icon-3 {
        background: #E0F7DE;
      }
      .label-icon-3 .label-avatar{
        background-image: url(./icons/label-icon-3.svg);
      }
      .menu.accordian {
        padding: 20px 0;
        display: none;
        border-right: 1px solid #dfe4ed;
      }
      .mobile-side-menu {
        display: none;
        padding: 0px 52px;
        border-bottom: 1px solid #dfe4ed;
      }
      .mobile-side-menu input {
        display: none;
      }
      .mobile-side-menu label {
        padding: 12px 0;
      }
      .mobile-side-menu input + label + .mobile-side-menu-content {
        display: none;
      }
      .mobile-side-menu input:checked + label + .mobile-side-menu-content {
        display: grid;
        position: relative;
        background: white;
        display: grid;
        grid-auto-rows: min-content;
        width: 100%;
      }
      .header-break{
        height: 1px;
        width: 250%;
        display: flex;
        position: relative;
        background: #dfe4ed;
        transform: translateX(-50%);
      }
      @media (min-width: 600px) {
        .menu.accordian {
          display: block;
        }
        .mobile-side-menu {
          display: none;
        }
      }
      @media (max-width: 600px) {
        .menu.accordian {
          display: none;
        }
        .mobile-side-menu {
          display: block;
        }
        .content {
          grid-auto-flow: row;
          grid-template-columns: unset;
          grid-template-rows: min-content 1fr;
        }
        .menu-content {
          padding: 0 32px;
        }
        #eckb-article-right-sidebar{
          display: none;
        }
      }
