/** 4 - Thuoc tinh FAQ trang san pham **/
/** 
Thuoc tinh FAQ trang san pham 
CSS tại style.css
JS tai Function theme
**/
h2.faq-title {
    color: #c38c29;
    padding-top: 20px;	
}

.faqs-container{
    overflow: hidden;
}
.faq-singular {
    position: relative;
    border-bottom: 1px solid #ccc;
    padding: 0 30px 0 20px;
}
.faq-singular:hover,
.faq-singular.active{
    background: #f2f2f2;
    background-image: linear-gradient(90deg, #335548 0%, #335548 2px, transparent 2px, transparent 100%);
}
.faq-singular .faq-question {
    position: relative;
    cursor: pointer;
    margin: 0;
    padding: 25px 25px 25px 0px;    
    font-size: 18px;
}
.faq-singular .faq-question:before {
    position: absolute;
    content: "+";
    color: #808080;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 28px;
    transition: all .5s;
}
.faq-singular.active .faq-question:before {
    transform: translateY(-50%) rotate(45deg) scale(1.3);
}
.faq-answer {
    display: none;
    padding-bottom: 20px;
}

/* small screens adjustments */
@media (max-width: 768px) {
  .faq-title { font-size: 18px; }
  .faq-question { font-size: 16px; padding: 14px 22px 14px 0; }
  .faq-question:before { right: -16px; font-size: 22px; }
  .faq-singular { padding: 0 22px 0 12px; }
  .faq-answer { font-size: 14px; }
}

/* accessibility focus */
.faq-question:focus {
  outline: 2px dashed #c38c29;
  outline-offset: 4px;
}