:root {
   --md-primary-fg-color: #123a31;
   --md-accent-fg-color: #f3c72a;
   --md-typeset-a-color: #f3c72a;

   /*
   ACK            - #07ae73;
   KIRFED GREEN   - #123a31;
   KIRFED YELLOW  - #f3c72a;
   SELFIE GREEN   - #68a36c;
   ADRI'S GREEN   - #325d4a;
   ADRI'S YELLOW  - #e3c934;
   ADRI'S RED     - #b04a22;


    */
}

[data-md-color-scheme="default"] {
   --md-hue: 500;
   --md-primary-fg-color: #123a31;
   --md-typeset-a-color: #12614f;
   --md-accent-fg-color: #8b6d01;
}

[data-md-color-scheme="slate"] {
   --md-hue: 500;
   --md-primary-fg-color: #123a31;
   --md-typeset-a-color: #f3c72a;
   --md-accent-fg-color: #68a36c;
}

.post-content-flex {
   display: flex;
   align-items: center;
   flex-direction: column;

   & .md-post__content {
      order: 2;
   }

   & img {
      order: 1;
      max-width: 100%;
      /* margin-left: 15px; */
   }
}

/* 
.md-post__content {
   display: -webkit-box;
   -webkit-line-clamp: 6;
   -webkit-box-orient: vertical;
   overflow: hidden;
} */

/* custom admonition type for FAQ */


/* :root {
  --md-admonition-icon--faq: url('data:image/svg+xml;charset=utf-8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g id="flag_1_"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.99,2.99c-0.55,0-1,0.45-1,1v11c0,0.55,0.45,1,1,1s1-0.45,1-1v-11C3.99,3.44,3.54,2.99,2.99,2.99z M2.99-0.01c-0.55,0-1,0.45-1,1s0.45,1,1,1s1-0.45,1-1S3.54-0.01,2.99-0.01z M4.99,3.02v7.23c2.07-2.11,5.92,1.75,9,0V3.02C10.99,5.09,7.05,0.99,4.99,3.02z"/></g></svg>');
}
.md-typeset .admonition.faq,
.md-typeset details.faq {
  border-color: var(--md-primary-fg-color);
}
.md-typeset .faq > .admonition-title,
.md-typeset .faq > summary {
  background-color:rgba(43, 155, 70, 0.1);
}
.md-typeset .faq > .admonition-title::before,
.md-typeset .faq > summary::before {
  background-color: rgb(43, 155, 70);
  -webkit-mask-image: var(--md-admonition-icon--faq);
          mask-image: var(--md-admonition-icon--faq);
} */


:root {
   --md-admonition-icon--faq: url('data:image/svg+xml;charset=utf-8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g id="flag_1_"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.99,2.99c-0.55,0-1,0.45-1,1v11c0,0.55,0.45,1,1,1s1-0.45,1-1v-11C3.99,3.44,3.54,2.99,2.99,2.99z M2.99-0.01c-0.55,0-1,0.45-1,1s0.45,1,1,1s1-0.45,1-1S3.54-0.01,2.99-0.01z M4.99,3.02v7.23c2.07-2.11,5.92,1.75,9,0V3.02C10.99,5.09,7.05,0.99,4.99,3.02z"/></g></svg>');
}

.md-typeset .admonition.faq,
.md-typeset details.faq {
   border-color: var(--md-typeset-table-color);
}

.md-typeset .faq>.admonition-title,
.md-typeset .faq>summary {
   background-color: var(--md-typeset-table-color--light);
}

.md-typeset .faq>.admonition-title::before,
.md-typeset .faq>summary::before {
   background-color: var(--md-accent-fg-color);
   -webkit-mask-image: var(--md-admonition-icon--faq);
   mask-image: var(--md-admonition-icon--faq);
}

/* Add Video Wrapper for embedding youtube videos */

.content-wrapper {
   position: relative;
   display: block;
   height: 0;
   padding: 0;
   overflow: hidden;
   padding-bottom: 56.25%;
}

.content-wrapper>iframe,
.content-wrapper>video,
.content-wrapper>#openseadragon1 {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border: 0;
}

/* CUstom Fonts for titles */

/* @font-face {
    font-family: "Staatliches";
    src:url(Staatliches-Regular.ttf) ;
} */
.md-nav__title,
.md-header,
.md-tabs {
   font-family: "Audiowide";
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
   font-family: "Audiowide";
}