body {
    border-top: solid 0.5rem #ff7900;
}

.tabbed-set {
    border: solid 0.05rem var(--md-default-fg-color--lightest);
}

:root {
    --tabbed-content-padding: 1.875em;
    --md-admonition-icon--questions-answers: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18 15H6l-4 4V3a1 1 0 0 1 1-1h15a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1m5-6v14l-4-4H8a1 1 0 0 1-1-1v-1h14V8h1a1 1 0 0 1 1 1M8.19 4c-.87 0-1.57.2-2.11.59-.52.41-.78.98-.77 1.77l.01.03h1.93c.01-.3.1-.53.28-.69a1 1 0 0 1 .66-.23c.31 0 .57.1.75.28.18.19.26.45.26.75 0 .32-.07.59-.23.82-.14.23-.35.43-.61.59-.51.34-.86.64-1.05.91C7.11 9.08 7 9.5 7 10h2c0-.31.04-.56.13-.74.09-.18.26-.36.51-.52.45-.24.82-.53 1.11-.93.29-.4.44-.81.44-1.31 0-.76-.27-1.37-.81-1.82C9.85 4.23 9.12 4 8.19 4M7 11v2h2v-2H7m6 2h2v-2h-2v2m0-9v6h2V4h-2z"/></svg>');
    --md-admonition-icon--important: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 5a1 1 0 0 1-1-1 1 1 0 0 1 1-1 1 1 0 0 1 1 1 1 1 0 0 1-1 1m1 9h-2V8h2m0 10h-2v-2h2m6-13h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2z"/></svg>');
    --md-admonition-icon--note: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21.04 12.13c.14 0 .27.06.38.17l1.28 1.28c.22.21.22.56 0 .77l-1 1-2.05-2.05 1-1c.11-.11.25-.17.39-.17m-1.97 1.75 2.05 2.05L15.06 22H13v-2.06l6.07-6.06M19 3c1.1 0 2 .9 2 2v4L11 19v2H5c-1.1 0-2-.9-2-2V5c0-1.1.9-2 2-2h4.18C9.6 1.84 10.7 1 12 1c1.3 0 2.4.84 2.82 2H19m-7 0c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1z"/></svg>');
    --md-admonition-icon--warning: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2c-.5 0-1 .19-1.41.59l-8 8c-.79.78-.79 2.04 0 2.82l8 8c.78.79 2.04.79 2.82 0l8-8c.79-.78.79-2.04 0-2.82l-8-8C13 2.19 12.5 2 12 2m-1 5h2v6h-2V7m0 8h2v2h-2v-2z"/></svg>')
}
/* Q&A admonition */
.md-typeset .admonition.questions-answers,
.md-typeset details.questions-answers {
    border-color: #9e9e9e;
}
.md-typeset .questions-answers > .admonition-title,
.md-typeset .questions-answers > summary {
    background-color: hsla(0,0%,62%,.1);
    border-color: hsla(0,0%,62%,.1);
}
.md-typeset .questions-answers > .admonition-title::before,
.md-typeset .questions-answers > summary::before {
    background-color: #000000;
    -webkit-mask-image: var(--md-admonition-icon--questions-answers);
    mask-image: var(--md-admonition-icon--questions-answers);
}

/* Note admonition */
.md-typeset .admonition.note,
.md-typeset details.note {
    border-color: #50BE87;
}
.md-typeset .note > .admonition-title,
.md-typeset .note > summary {
    background-color: #50be876b;
    border-color: #50BE87;
}
.md-typeset .note > .admonition-title::before,
.md-typeset .note > summary::before {
    background-color: #50BE87;
    -webkit-mask-image: var(--md-admonition-icon--note);
    mask-image: var(--md-admonition-icon--note);
}

/* Important admonition */
.md-typeset .admonition.important,
.md-typeset details.important {
    border-color: #A885D8;
}
.md-typeset .important > .admonition-title,
.md-typeset .important > summary {
    background-color: #A885D86b;
    border-color: #A885D8;
}
.md-typeset .important > .admonition-title::before,
.md-typeset .important > summary::before {
    background-color: #A885D8;
    -webkit-mask-image: var(--md-admonition-icon--important);
    mask-image: var(--md-admonition-icon--important);
}

:root > * {
    /* Footer */
    --md-footer-bg-color: #ff7900;
    --md-footer-bg-color--dark: hsl(0deg, 0%, 0%, 87%);
    --md-typeset-a-color: #ff7900
}

.tabbed-content {
    padding-left:  var(--tabbed-content-padding);
    padding-right: var(--tabbed-content-padding);
}

.tabbed-content > .highlight:only-child {
    margin-left:  calc(-1 * var(--tabbed-content-padding));
    margin-right: calc(-1 * var(--tabbed-content-padding));
}

.tabbed-content > ul, .tabbed-content > ol {
    margin-left:  calc(-1 * var(--tabbed-content-padding) + 0.625em);
    margin-right: calc(-1 * var(--tabbed-content-padding) + 0.625em);
}

/* Cards */

.cards-list {
  z-index: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.card-square.mdl-card {
    width: 200px;
    height: 255px;
    margin: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    position: relative;
    }

.card-square.mdl-card:hover {
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.card-square > .mdl-card-image {
    width: 80px;
    height: 80px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
}   

.card-square > .mdl-card-title {
    color: #fff;
    padding: 6px;
    text-align: center;
    background: #ff7900;
}

.card-square > .mdl-card-supporting-text {
    padding: 10px;  
    text-align: center;
}

.card-square > .mdl-card-button {
    color: #fff;
    text-align: center;
    background: #f8f1e0;
    height: 26px;
    margin: 8px;
    font-size: 16px;
}   

.card-square > .mdl-card-button:hover {
    background: #f7e7c1;
}