/*FAQs*/
.faq-stores{display:block; overflow:hidden; position:relative;  color:#2f2f2f; padding: 0px 50px 40px;}
.faq-stores span{display: block; height: 45px; background-size: contain; background-repeat: no-repeat; width: 100%; font-size:25px; opacity:0.4;}
.faq-stores .active span{opacity:1;}
.faq-stores span:hover{cursor: pointer; opacity:1;}
.faq-stores .connect{background-image: url(icons/msc-logo.png);}
.faq-stores .tuckshop{background-image: url(icons/mst-logo.png);}
.faq-stores .uniform{background-image: url(icons/msu-logo.png);}
.faq-stores .event{background-image: url(icons/mse-logo.png);}
.faq-stores .volunteer{background-image: url(icons/msv-logo.png);}
.faq-stores .raffle{background-image: url(icons/msr-logo.png);}
.faq-stores .books{background-image: url(icons/msb-logo.png);}
.faq-stores .all{text-align:center;}

@media only screen and (max-width: 980px){
    .faq-stores span{
        display: block;
        height: 50px;
        background-size: contain;
        background-repeat: no-repeat;
        width: 100%;
        font-size: 25px;
        margin-bottom: 20px;
        margin-left: 20%;
    }
    .faq-stores .all{margin:0px;}
}
@media only screen and (max-width: 768px){
    .faq-stores span{
        margin-left: 10%;
    }
}

@media only screen and (max-width: 767px) {
    .faq-stores {padding: 0px 20px 40px;}
}

.tabs-faq { height:51px; width:30%; clear: both; background:#e7e7e7; margin:0px auto !important; padding:0px !important; list-style:none; -webkit-border-radius: 4px;
    -moz-border-radius: 4px;border-radius: 4px; overflow:hidden }
.tabs-faq li { float: left; width:50%; text-align:center;}
.tabs-faq li.current { position: relative; background-color: #02c04a; z-index: 5; }
.tabs-faq li a { padding: 14px; color: #444444; text-decoration: none; font-family: 'Open Sans', sans-serif; font-weight:bold; display:block; height: 51px; line-height:21px;}
.tabs-faq .current a { color: #fff; }
.tab-contents {width:auto;}
.tab-content-faq {display: none; text-align:center; }
.tab-content-faq .sub-title{color:#444444; font-size:12px; font-family: 'Open Sans', sans-serif; display:inline-block; padding:0px 0px 20px;}
#parent { display: block; }

.faq-video {
    padding: 0px 5px 20px;
}

.faq-video-transcript-header {
    border-bottom: 1px solid #02c04a;
    margin-bottom: 20px;
    margin-left: 5px;
}

.faq-video-transcript-header span {
    padding: 4px 12px 4px 6px;
    color: #ffffff;
    background-color: #02c04a;
    bottom: 3px;
    position: relative;
    border-top-right-radius: 4px;
    border-top-left-radius: 2px;
    font-weight: 700;
}

.faq-video-transcript-title {
    margin-left: 5px;
    margin-bottom: 20px;
    font-weight: 700;
}

.faq-video-transcript-title img {
    width: 22px;
    vertical-align: sub;
    margin-right: 8px;
}

.faq-video-transcript-container {
    padding: 15px 10px;
    max-height: 300px;
    max-width: 560px;
    border: 1px solid #e5e5e5;
    margin-left: 5px;
    background-color: #fbfbfb;
    margin-bottom: 10px;
}

.faq-video-transcript {
    overflow-y: scroll;
    max-height: 270px;
    max-width: 540px;
}

.faq-video-transcript::-webkit-scrollbar {
    width: 16px;
}

.faq-video-transcript::-webkit-scrollbar-track {
    box-sizing: border-box;
    border-radius: 8px;
    padding: 10px;
    -webkit-box-shadow: inset 0 0 6px #d8d8d8;
    background-color: #d8d8d8;
    background-clip: padding-box;
}

.faq-video-transcript::-webkit-scrollbar-thumb {
    box-sizing: border-box;
    border-radius: 8px;
    -webkit-box-shadow: inset 0 0 6px #d8d8d8;
    background-color: #02c04a;
    background-clip: padding-box;
}

.faq-question {
    max-width: 90%;
}

.faq-arrow {
    float: right;
    width: 26px;
    height: 16px;
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: 0px;
}

.faq-arrow-opened {
    background-image: url(icons/arrow-green-up.png);
}

.faq-arrow-closed {
    background-image: url(icons/arrow-green-down.png);
}

.faq-arrow img {
    width: 28px;
}

.faq-section{
    overflow:hidden;
    padding-left: 10px;
    padding-right: 10px;
}
.faq-group-title{color: #898989;text-transform: uppercase;font-size: 14px; font-weight: 700; padding: 32px 10px; display: inline-block;}
@media only screen and (max-width: 767px){
    .tabs-faq { width: 90% }
}

#nav {
    width: 100%;
    list-style:none;
    padding:0px !important;
}
#nav li{
    list-style:none;
}

#nav > li{
    border-bottom: 1px solid #e5e5e5;
}
#nav > li:last-child{
    /* border-bottom: none; */
}

#nav > li > a{
    font-size:18px;
}

#nav li a {
    display: block;
    padding: 30px 10px;
    text-decoration: none;
    color: #444444;
    text-align:left;
    font-family: 'Open Sans', sans-serif;
}
#nav > li > a:hover, #nav > li > a.active {
    color: #349E47;
}
#nav > li ul {
    display: none;
    padding: 0px !important;
}
#nav li ul li a {
    padding: 0px 5px 20px;
    color: #444444;
}

@media only screen and (max-width: 760px){
    /*#nav li a{text-align:center;}*/
    #nav li ul li a{line-height: 22px;}
}