/**
 * cms.css
 *
 * Some cms elements need a specifix styling, which is defined here.
 * Alos the cms-page itself got bit of extra style here.
 *
 * Index
 * - CMS
 * - CMS-INFO
 * - FAQ
 *
 * Media
 * - DESKTOP
 */

/* ------------------------------------ *
 * #CMS
 * ------------------------------------ */

.cms-content {
    margin: 0 0 40px;
}
.cms-content.cms-content-plain {
    margin: 0;
}
.cms-content ul {
    margin: 20px 0;
    padding: 0 0 0 20px;
}
.cms-content li {
    padding: 1px 0;
}
.cms-content .cms-highlight {
    color: rgb(1, 93, 168);
}


/* #CMS-INFO */
.cmsinfo {
    margin: 40px 0;
}

.cmsinfo-help {

}
.cmsinfo-help-badge {
    display: none;
}
.cmsinfo-help-badge img {
    display: block;
}

.cmsinfo-service {
    
}
.cmsinfo-service .cmsinfo-service-shopman {
    display: none;
}


.cmsinfo-facebook {

}
.cmsinfo-facebook a {
    display: block;
}
.cmsinfo-facebook img {
    display: block;
    width: 100%;
}


/* #FAQ */
.faq {

}
.faq h3 {
    position: relative;
    margin: 0;
    padding: 10px 35px 10px 10px;
    background: rgb(243, 243, 243);
    font-size: 1.2em;
    cursor: pointer;
}
.faq:first-child h3 {
    border-radius: 2px 2px 0 0;
}
.faq:last-child h3 {
    border-radius: 0 0 2px 2px;
}
.faq .info-controller:after {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    top: 0;
    right: 17px;
    height: 100%;
}
.faq .info-text {
    margin: 0;
    padding: 0 10px;
    border-top: 1px solid rgb(255, 255, 255);
    border-right: 1px solid rgb(243, 243, 243);
    border-left: 1px solid rgb(243, 243, 243);
}
.faq.info-state-expanded .info-text {
    margin: 0;
    padding: 15px 10px;
    max-height: 400px;
}

.cms-content-plain .faq h3 {
    cursor: auto;
}
.cms-content-plain .faq .info-controller:after {
    display: none;
}



/* #DESKTOP */
@media screen and (min-width: 1024px) {
    /* #CMS-INFO */
    .cmsinfo {
        margin: 0 -15px -15px;
        padding: 15px;
        background: rgb(243, 243, 243);
    }

    /* #FAQ */
    .cmsinfo .faq h3 {
        background: rgb(255, 255, 255);
    }
    .cmsinfo .faq .info-text {
        border-right-color: rgb(255, 255, 255);
        border-left-color: rgb(255, 255, 255);
    }

    /* #ABOUT-US */
    .cmsinfo-service {
        margin: 30px 0 15px;
        padding: 0;
        background: rgb(255, 255, 255);
    }
}