/*
From there files:

// Device-specific breakpoints
$break-devices: (
  mobile: (
    portrait:  px2em(220px)  px2em(479px),  // 13.75em-29.9375em
    landscape: px2em(480px)  px2em(719px)   // 30em-44.9375em
  ),
  tablet: (
    portrait:  px2em(720px)  px2em(959px),  // 45em-59.9375em
    landscape: px2em(960px)  px2em(1219px)  // 60em-76.1875em
  ),
  screen: (
    small:     px2em(1220px) px2em(1599px), // 76.25em-99.9375em
    medium:    px2em(1600px) px2em(1999px), // 100em-124.9375em
    large:     px2em(2000px) px2em(2399px), // 125em-149.9375em
    vlarge:    px2em(2400px) px2em(3599px), // 150em-224.9375em
    xlarge:    px2em(3600px)                // 225em+
  )
);
*/

@font-face {
    font-family: "SAP-Icons";
    src: url("../images/SAP-icons.ttf");
}

.lp-content {
    width: 85%;
}

.center {
    display: block;
    margin: 0 auto;
}

/* Fix screen estate */

.md-main__inner .md-main-lp {
    max-width: 70%;
}

/* Landing Page flex tables */
.lp-table {
    display: flex;
    flex-wrap: wrap;
}

.lp-table > .lp-cell {
    margin-bottom: 1.6rem;
    flex-grow: 0;
    flex-shrink: 1;
}

.lp-table-groups {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.lp-table-groups > .lp-cell {
    margin-bottom: 1.6rem;
    flex-grow: 0;
    flex-shrink: 1;
}

/* Tech overview */

.lp-tech {
    padding-top: 1.6rem;
}

/* [tablet landscape -] */
@media only screen and (max-width: 76.25em) {
    .lp-tech {
        padding-left: 0.8rem;
        padding-right: 0.8rem;
    }
}

.lp-cell-tech {
    min-width: 10rem;
    text-align: center;
    padding: 0.8rem;
}

.lp-product-icon {
    width: 4rem;
    height: 4rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.2rem;
    border-radius: 100%;
    border: 0.05rem solid #EFAB00;
    transition: opacity 0.25s;
}

.lp-product-icon:focus, .lp-product-icon:hover {
    opacity: 0.7;
}

.lp-product-icon__inner {
    width: 60%;
    height: 60%;
    margin: 20% auto;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    font-family: "SAP-Icons";
    font-size: 2rem;
    color: #EFAB00;
    line-height: 1.1;
}

.lp-product-details {
    white-space: nowrap;
    line-height: 2;
}

.lp-product-details-header {
    font-size: 0.8rem;
}

a.lp-product-details-header {
    display: block;
    transition: opacity 0.25s;
}

a.lp-product-details-header:hover, a.lp-product-details-header:focus {
    opacity: 0.7;
}

ul.lp-product-details-links {
    font-size: 0.8rem;
    margin: 0;
}

ul.lp-product-details-links li {
    list-style: none;
    margin: 0;
}

ul.lp-product-details-links li a, ul.lp-feature-list li a {
    color: #707070;
    transition: opacity 0.25s;
}

ul.lp-product-details-links li a:hover, ul.lp-product-details-links li a:focus, ul.lp-feature-list li a:hover, ul.lp-product-details-links li a:focus {
    color: #707070;
    opacity: 0.7;
}

/* [tablet portrait -] change tech cell layout from top-to-bottom to left-to-right */
@media only screen and (max-width: 59.9375em) {
    .lp-cell-tech {
        display: flex;
        flex-direction: row;
        min-width: 16rem;
    }

    .lp-product-details {
        text-align: left;
        margin-left: 1.6rem;
    }
}

.lp-product-icon-metadata {
    background-image: url("../images/logo-metadata.png");
}

.lp-product-icon-clientapi {
    background-image: url("../images/logo-clientapi.png");
}

/* nav groups */

.md-nav {
    font-size: 0.9rem !important;
}

/* nav Title */
.md-nav__title {
    text-transform: uppercase;
    font-size: 0.7rem;
}

/* nav items */
.md-nav__item  {
    margin-top: 0.1rem;
    font-weight: under;
    padding-top: 0rem;
    padding-bottom: 0rem;
    margin: 0rem;
}

/* nav item text */
.md-nav__item.md-nav__item--active >a {
    /*border-bottom: 1px solid;*/
}

/* sub toc within the nav item */
/*
.md-nav__item.md-nav__item--active .md-nav--sub-toc{
    display: block !important;
}
.md-nav__item.md-nav__item--active .md-nav--sub-toc a{
    font-size: 0.7rem !important;
}
*/
/* nav item normal here if needed */
.md-nav__item  .md-nav__link {
    font-size: 0.7rem;
    margin: 0.5rem;
}

/* customize nav item highlighted here if needed */
.md-nav__item  .md-nav__link--active {
    font-size: 0.7rem;
}

.lp-nav-primary {
    display: none;
}

@media only screen and (max-width: 76.1875em) {
    .md-nav__item .md-nav__group {
        font-weight: bold;
        padding: 0.6rem 0.8rem;
        margin-top: 0;
    }
    .lp-nav-primary {
        display: block;
    }
}

a.overview-tech-link {
    color: #3f51b5 !important; /* Need to forcefully override mkdocs theme font color */
    text-transform: uppercase;
}

a.overview-tech-link:hover, a.overview-tech-link:active {
    color: #536dfe;
}

/* Left-aligned icon */

@media only screen and (min-width: 76.25em) {
    .md-header-nav__button.md-logo {
        margin-left: 0;
        padding-left: 0;
    }
}
/* Left-aligned tabs */

@media only screen and (min-width: 76.25em) {
    .md-tabs__list {
        margin: 0;
    }

    .md-tabs__item {
        padding-left: 0;
    }
}

/* Theme customization */

@media only screen and (min-width: 76.25em) {
    [data-md-color-primary=black] .md-tabs {
        color: #000 !important;
        background-color: #fff !important;
    }
}

.md-banner {
    height: 10rem;
    background-image: linear-gradient(rgba(74, 72, 72, 0.9), rgba(74, 72, 72, 0.9)), url(banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.md-banner__message {
    padding-top: 1rem;;
}

/* Overview Page */

/* title */
/*
#sap-cloud-platform-mobile-services-api-references {
    font-size: 1.5625rem;
}
*/

#sap-cloud-platform-mobile-services-api-references .headerlink {
    font-size: 0rem;
}

.lp-product-details .lp-product-details-header{
    color:inherit;
}

/* Content */

.md-typeset {
    margin: 0.5rem 0.5rem
}
/*
.md-typeset > p {

 }
*/
/*
.md-typeset h1{

 }
*/
.md-typeset h1 .headerlink{
    font-size: 0rem;
 }

.md-typeset h2{
    margin: 1rem 0 0.8rem;
 }

.md-typeset h2 .headerlink{
    font-size: 0rem;
 }
/*
.md-typeset h3{
     color: green;
 }
*/
.md-typeset h3 .headerlink{
    font-size: 0rem;
 }

.md-typeset table td {
    padding: .6rem 1rem;
} 

.md-typeset ul {
  margin-bottom: 0.1rem;
}

.md-typeset ul li {
  margin-bottom: 0.2rem;
}

.md-logo > img {
    width: 3.2rem !important;
}
