/*****************************
            #FAQ
*****************************/

/******* header ***********/

#main-header.faq-header {
    background: #628C91;
}

.logged-in.page-template-faq .workshop-header .second-back-button-header,
.post-type-archive-faq .workshop-header .second-back-button-header {
    display: none;
}

.logged-in.faq-template-default .navbar-light .navbar-toggler-icon,
.logged-in.page-template-faq .navbar-light .navbar-toggler-icon,
.logged-in.post-type-archive-faq .navbar-light .navbar-toggler-icon {
    background: url("../svg/menu-white.svg") no-repeat;
}

.logged-in.faq-template-default .navbar-light.sticky .navbar-toggler-icon,
.logged-in.page-template-faq .navbar-light.sticky .navbar-toggler-icon,
.logged-in.post-type-archive-faq .navbar-light.sticky .navbar-toggler-icon {
    background: url("../svg/menu.svg") no-repeat;
}

.logged-in.faq-template-default .navbar-light.sticky .navbar-toggler-icon {
    background: url("../svg/menu.svg") no-repeat;
    height: 15px;
    margin-top: 15px;
}

.faq-template-default .navbar-light .navbar-toggler-icon {
    margin-top: 20px;
}

.logged-in.faq-template-default .second-site-header .navbar-brand div.post-type-name {
    color: #fff;
    display: block;
    margin: -4px 0 0 -25px;
}

.logged-in.faq-template-default #main .ekhartyoga-workshop-content .entry-content > ul,
.logged-in.faq-template-default #main .ekhartyoga-workshop-content .entry-content > ol {
    max-width: 100%;
    margin: 0;
    padding:0 24px 0 20px!important;
}

.single-faq .ekhartyoga-workshop-header,
.page-template-faq .ekhartyoga-workshop-header,
.post-type-archive-faq .ekhartyoga-workshop-header {
    margin:0 auto;
    max-width: 1160px;
}

.logged-in.post-type-archive-faq .ekhartyoga-workshop-header,
.logged-in.single-faq .ekhartyoga-workshop-header,
.logged-in.faq-template-default #main  .ekhartyoga-workshop-content,
.logged-in.page-template-faq #main  .ekhartyoga-workshop-content,
.logged-in.post-type-archive-faq #main  .ekhartyoga-workshop-content {
    max-width: 1160px;
    margin:0 auto 0 304px;
}

.faq-header {
    position: relative;
    overflow: hidden;
}

.faq-header header#masthead.workshop-site-header,
.faq-header header#masthead.workshop-site-header.sticky {
    background: #fff;
    z-index:10;
}

.faq-header header#masthead.workshop-site-header.sticky .second-back-button-header svg path {
    fill:#0c646f;
}

.faq-header .navbar-brand div {
    color:#fff;
}

.faq-header header,
.faq-header .ekhartyoga-workshop-header {

}


.faq-header .workshop-header {
    z-index:9;
}

.faq-header:after {
    content:'';
    width:612px;
    height:615px;
    position: absolute;
    top:-65px;
    right:175px;
    /*background: url("images/faqheadericon.png") no-repeat;*/
    background: url("../png/testfaq.png") no-repeat;
    z-index:0;
}


.logged-in .faq-header header#masthead.workshop-site-header {
    z-index:10;
    background: transparent;
}

.logged-in .faq-header header#masthead.workshop-site-header.sticky {
    background: #fff;
    z-index:12;
}

.logged-in .faq-header header#masthead.workshop-site-header.sticky,
.faq-header .second-back-button-header svg path {
    fill:#fff;
}

.faq-header .workshop-header {
    margin-top:110px;
    margin-bottom:93px;
    padding-left:0px;
}

.faq-header .workshop-header h1.entry-title {
    color:#fff;
    margin:0;
    padding:0;
    font-size:40px;
    line-height:60px;
    margin-bottom:0px!important;
}

.logged-in .page-template-faq .ekhartyoga-workshop-header,
.logged-in .page-template-faq header#masthead.second-site-header{
    background: #628C91;
}

.page-template-contact .faq-header .workshop-header h1.entry-title {
    margin-bottom:16px!important;
}

.page-template-faq .faq-header .workshop-header h1.entry-title,
.post-type-archive-faq .faq-header .workshop-header h1.entry-title {
    margin-bottom:24px!important;
    text-transform: uppercase;
}


/** test **/

.page-template-faq header#masthead.second-site-header .second-back-button-header,
.post-type-archive-faq header#masthead.second-site-header .second-back-button-header {
    display: none;
}

.page-template-faq .ekhartyoga-workshop-header h1,
.page-template-faq .ekhartyoga-workshop-header .excerpt-content {
    color:#fff;
    max-width:640px;
}

.page-template-faq .ekhartyoga-workshop-header .excerpt-content {
    font-size:16px;
    line-height:28px;
    margin-bottom:0px!important;
}

.logged-in.page-template-faq #footer-widget,
.logged-in.page-template-faq #logged-footer,
.logged-in.page-template-faq .site-footer {
    display: none;
}


/** end test **/


/********* faq page ***********/

.faq-site-content {
    padding:64px 0 0 0;
}

.faq-template-default.single .faq-site-content {
    padding:0;
}

.faq-content {
    max-width:1160px;
    width:100%;
    margin:0 auto;
    padding-top:70px;
}


.faq-template-default.single .faq-site-content #main .entry-content {
    padding-right:72px;
}

.logged-in .faq-content {
    max-width:100%;
}


#faq-accordion {
    width:100%;
    max-width:1160px;
    margin: 0 auto;
}

#faq-accordion .card-header {
    background-color: transparent;
    border-bottom: 1px solid transparent;
    padding:30px 32px;
}

#faq-accordion .card-header h2 {
    font-size:17px;
    font-family: "sofia-pro",sans-serif;
    font-weight:700;
    position: relative;
    padding:0;
}

#faq-accordion .card-header h2 button {
    color:#0C646F;
    width:100%;
    text-align: left;
    line-height:24px;
    padding: 0;
    border: none!important;
    font-size:17px;
    font-weight:600;
}

#faq-accordion .card-header h2 button:hover {
    text-decoration: none!important;
}

#faq-accordion .card-header h2 button.collapsed svg {
    position: absolute;
    top:15px;
    right:0;
    transform: rotate(0deg);
}

#faq-accordion .card-header h2 button svg {
    position: absolute;
    top:15px;
    right:0;
    transform: rotate(180deg);
}

#faq-accordion .card-body {
    padding: 0px 32px 25px;
}

#faq-accordion .card-body a {
    display: block;
    font-size:15px;
    line-height:20px;
    color:#545554;
    font-family:"sofia-pro";
    margin-bottom: 16px;
}


.other-faq-posts {
    background:#D6E5E3;
    padding:40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width:100%;
}

.other-faq-posts .faq-item a {
    color:#628C91;
    font-family:"sofia-pro";
    font-weight:600;
    font-size:16px;
    line-height:19px;
    margin-bottom:20px;
    display: inline-block;
}

.other-faq-posts .faq-item a.active {
    position: relative;
}

.other-faq-posts .faq-item a.active:before {
    content: "•";
    position: absolute;
    color: #0C646F;
    left: -15px;
    top: -2px;
}

.other-faq-posts .faq-item a.active,
.other-faq-posts .faq-item a:hover {
    color:#0C646F;
    text-decoration: none;
}

.other-faq-posts .faq-item:last-child a {
    margin-bottom:0px;
}


.faq-top-menu {
    margin-top:-50px!important;
}

.logged-in .faq-top-menu {
    margin:-50px 24px 0 304px;
}

.faq-top-menu a {
    line-height:32px;
    font-size:14px;
    color:#989898;
    padding:6px 10px;
    font-family: "sofia-pro",sans-serif;
    font-weight:600;
    margin-right:30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.faq-top-menu a.active,
.faq-top-menu a:hover {
    background:#E6E6E6;
    color:#545554;
    text-decoration:none;
}

@media screen and (max-width: 1480px) {

    .logged-in.post-type-archive-faq .ekhartyoga-workshop-header,
    .logged-in.single-faq .ekhartyoga-workshop-header,
    .logged-in.page-template-faq .ekhartyoga-workshop-header,
    .logged-in.faq-template-default #main .ekhartyoga-workshop-content,
    .logged-in.page-template-faq #main .ekhartyoga-workshop-content,
    .logged-in.post-type-archive-faq #main .ekhartyoga-workshop-content {

    }

    .logged-in.page-template-faq .ekhartyoga-workshop-header,
    .logged-in.faq-template-default #main .ekhartyoga-workshop-content,
    .logged-in.page-template-faq #main .ekhartyoga-workshop-content,
    .logged-in.post-type-archive-faq #main .ekhartyoga-workshop-content {
        margin: 0 20px 0 304px;
    }

}

@media screen and (max-width: 1366px) {

    .logged-in.post-type-archive-faq .second-site-header .navbar-brand div.post-type-name {
        display: none;
    }

    .logged-in.post-type-archive-faq .ekhartyoga-workshop-header .second-back-button-header,
    .logged-in.page-template-faq .ekhartyoga-workshop-header .second-back-button-header {
        display: none;
    }

    .logged-in.faq-template-default .second-site-header .navbar-brand div.post-type-name {
        display: none;
    }

}

@media screen and (max-width: 1280px) {

    .faq-header:after {
        right:0;
    }

}

@media screen and (max-width: 1160px) {

    .page-template-faq .ekhartyoga-workshop-header,
    .post-type-archive-faq .ekhartyoga-workshop-header,
    .single-faq .ekhartyoga-workshop-header {
        max-width: 100%;
    }

    .logged-in.single-faq .ekhartyoga-workshop-header {
        max-width: calc(100% - 324px);
    }

    .single-faq .ekhartyoga-workshop-header .workshop-header,
    .page-template-faq .ekhartyoga-workshop-header .workshop-header,
    .post-type-archive-faq .ekhartyoga-workshop-header .workshop-header {
        margin:70px 24px 47px;
    }

    .logged-in.page-template-faq .ekhartyoga-workshop-header .workshop-header,
    .logged-in.post-type-archive-faq .ekhartyoga-workshop-header .workshop-header {
        margin:70px 0 47px;
    }

    .page-template-faq .ekhartyoga-workshop-content #faq-accordion,
    .post-type-archive-faq .ekhartyoga-workshop-content #faq-accordion {
        margin:0 24px 0 0;
    }

    .logged-in.page-template-faq .ekhartyoga-workshop-content #faq-accordion {
        margin:0px;
    }

    .logged-in.single-faq .ekhartyoga-workshop-header .workshop-header {
        margin:70px 0 47px;
    }

    .faq-template-default.single-faq .ekhartyoga-workshop-content {
        max-width:100%;
        padding:0 24px;
    }

    .logged-in.faq-template-default.single-faq .ekhartyoga-workshop-content {
        max-width:100%;
        padding:0;
        margin:0 24px;
    }

    .faq-top-menu {
        padding-left: 24px;
    }

}

@media screen and (max-width: 1024px) {

    .page-template-faq .ekhartyoga-workshop-content #faq-accordion,
    .post-type-archive-faq .ekhartyoga-workshop-content #faq-accordion {
        margin:0 0 0 0;
    }

    .not-logged-in.single-faq .workshop-header .second-back-button-header {
        margin-bottom:20px;
    }

    .faq-site-content {
        padding: 32px 0 0 0;
    }

    .logged-in.single-faq #search-box,
    .logged-in.page-template-contact #search-box,
    .logged-in.page-template-faq #search-box {
        display: block;
    }

    .logged-in.single-faq .ekhartyoga-workshop-header {
        max-width: calc(100% - 48px);
        margin:0 24px;
    }

    .logged-in.faq-template-default #main .ekhartyoga-workshop-content {
        margin:0;
        max-width:100%;
        padding:0 24px;
    }

    .logged-in.page-template-faq .ekhartyoga-workshop-header,
    .logged-in.post-type-archive-faq .ekhartyoga-workshop-header,
    .logged-in.page-template-faq #main .ekhartyoga-workshop-content,
    .logged-in.post-type-archive-faq #main .ekhartyoga-workshop-content {
        margin:0 24px;
        max-width:calc(100% - 48px);
    }

    .logged-in.faq-template-default #main .faq-top-menu {
        margin:-50px 24px 0 24px;
    }

}

@media screen and (max-width: 978px) {

    .faq-header:after {
        right:-10%;
    }

}

@media screen and (max-width: 768px) {

    .faq-template-default.logged-in #footer-widget,
    .faq-template-default.logged-in .site-footer,
    .faq-template-default.logged-in #logged-footer {
        display: none;
    }

    .faq-template-default.single .faq-site-content #main .entry-content {
        padding-right:0;
    }

    .faq-header:after {
        right:-50%;
    }

}

@media screen and (max-width: 600px) {

    .faq-top-menu {
        padding-left:0;
    }

    .faq-top-menu a {
        display: block;
        margin-bottom:15px;
        text-align: center;
        margin-right: 0;
    }

    .logged-in.single-faq .ekhartyoga-workshop-header  {
        margin:0 16px;
        max-width: calc(100% - 32px);
    }

    .logged-in.faq-template-default #main .ekhartyoga-workshop-content,
    .logged-in.post-type-archive-faq #main .ekhartyoga-workshop-content,
    .logged-in.page-template-faq #main .ekhartyoga-workshop-content {
        padding: 0;
        max-width: calc(100% - 32px);
        margin: 0 16px;
    }

    .faq-template-default .faq-site-content #main .top-menu-section .entry-content  .faq-top-menu {
        margin:-50px 40px 0!important;
    }

    .other-faq-posts {
        margin-right:auto;
    }

    .single-faq .ekhartyoga-workshop-header .workshop-header {
        margin:70px 16px 47px;
    }

    .faq-template-default.single-faq .ekhartyoga-workshop-content {
        padding:0 16px;
    }

    /**** FAQ ACCORDION *******/

    .page-template-faq .ekhartyoga-workshop-header .workshop-header,
    .post-type-archive-faq .ekhartyoga-workshop-header .workshop-header {
        margin:70px 16px 47px;
    }

    .page-template-faq .ekhartyoga-workshop-content #faq-accordion,
    .post-type-archive-faq .ekhartyoga-workshop-content #faq-accordion,
    .logged-in.page-template-faq .ekhartyoga-workshop-content #faq-accordion,
    .logged-in.post-type-archive-faq .ekhartyoga-workshop-content #faq-accordion {
        margin:0 16px;
    }

    .logged-in.page-template-faq .ekhartyoga-workshop-header,
    .logged-in.post-type-archive-faq .ekhartyoga-workshop-header {
        margin: 0 16px;
        max-width: calc(100% - 32px);
    }
}