.knowledge-faq-item {
background-color : #fff;
border : #ddd solid 1px;
margin-bottom : 10px;
}
.knowledge-faq-question {
border-color : #ddd;
transition : opacity 0.2s linear;
}
.knowledge-faq-question:hover {
opacity : 0.9;
}
.knowledge-faq-question a {
position : relative;
display : block;
text-decoration : none;
}
.faq_cat_item a.collapsed {
position : relative;
}
.knowledge-faq-answer {
height : auto;
padding : 10px 15px;
}
.collapse {
display : none;
}
.faq_category {
margin-bottom : 25px;
}
.faq_category .faq_cat_item {
margin-bottom : 5px;
margin-right : 5px;
text-align : center;
}
.faq_category .faq_cat_item img {
max-width : 100%;
}
.faq_category .faq_cat_info.last {
margin-right : 0;
}
.faq_category .faq_cat_info a {
padding : 5px;
display : block;
background : #f5f5f5;
border : #ddd solid 1px;
color : #333;
font-weight : 600;
text-transform : uppercase;
cursor : pointer;
transition : opacity 0.2s linear;
}
.faq_category .faq_cat_info a:hover, .faq_category .faq_cat_info a.selected {
opacity : 0.9;
background : #212121;
color : white;
}
.knowledge-faq-top-search-container {
background : #2e7f7e;
padding : 15px 0;
}
#index .knowledge-faq-top-search-container {
margin-top : 2rem;
}
.knowledge-faq-top-search-content {
max-width : 760px;
margin : 0 auto;
}
.knowledge-faq-top-search-content h1, .knowledge-faq-top-search-content .h1 {
text-align : center;
font-size : 30px;
font-weight : normal;
color : #fff;
margin-bottom : 20px;
margin-top : 2rem;
text-transform : none;
}
.knowledge-faq-top-search-content h2 {
text-align : center;
font-size : 30px;
font-weight : normal;
color : #fff;
margin-bottom : 20px;
}
.knowledge-faq-top-search-content .titrehome {
margin-top : 20px;
text-align : center;
font-size : 30px;
font-weight : normal;
color : #fff;
margin-bottom : 20px;
}
.knowledge-faq-top-search-note {
font-size : 16px;
margin-top : 20px;
padding-bottom : 10px;
text-align : center;
color : #fff;
}
.knowledge-faq-top-search-input {
height : 48px;
border : 0;
border-radius : 4px;
margin : 0 auto;
}
.knowledge-faq-search-container {
position : relative;
}
.knowledge-faq-search-results {
background : white;
border : none;
border-radius : 6px;
box-shadow : 2px 2px 8px 0 rgb(0, 0, 0, 0.2);
max-height : 400px;
left : 0;
position : absolute;
top : 54px;
width : 100%;
z-index : 50;
}
.knowledge-faq-page-description {
margin-bottom : 30px;
float : none !important ;
padding-top : 20px;
}
.knowledge-faq-search-elemenets {
max-height : 376px;
list-style : none;
overflow-y : auto;
padding : 12px;
margin : 0;
}
.knowledge-faq-search-elemenets li {
border-radius : 4px;
padding-bottom : 14px;
padding-left : 16px;
padding-right : 16px;
padding-top : 10px;
}
.knowledge-faq-search-elemenets li > a:active, .knowledge-faq-search-elemenets li > a:focus {
text-decoration : none;
}
.knowledge-faq-search-elemenets li:hover {
background : #f5f5f5;
}
.knowledge-faq-search-item-category {
color : #b4b8b7;
font-size : 13px;
font-weight : 500;
margin-bottom : 2px;
}
.knowledge-faq-search-item-question {
color : #2e7f7e;
font-size : 18px;
font-weight : 400;
line-height : normal;
margin-bottom : 8px;
}
.knowledge-faq-search-item-answer {
color : #7a7a7a;
}
.knowledge-faq-category-item h2 {
margin-bottom : 26px;
}
.knowledge-faq-category-item h2 a {
color : #2e7f7e;
font-weight : normal;
font-size : 24px;
font-weight : 600;
}
.knowledge-faq-category-faqs a {
color : #5b5f62;
font-size : 14px;
}
.knowledge-faq-category-faqs a:hover {
text-decoration : underline;
}
.knowledge-faq-category-faqs li {
margin-bottom : 12px;
}
.knowledge-faq-category-item {
padding-bottom : 12px;
padding-right : 20px;
}
.knowledge-faq-category-row {
margin-bottom : 24px;
border-bottom : 1px solid #f3f4f5;
}
.knowledge-faq-view-all-questions a {
color : #b0b0b0;
}
.knowledge-faq-block-17 {
margin-bottom : 1.563rem;
background : #fff;
}
.knowledge-faq-block > p {
color : #343333;
margin-bottom : 1rem;
}
.knowledge-faq-block a {
color : #343333;
}
.knowledge-faq-block a:hover {
color : #359182;
}
.knowledge-faq-block > ul > li {
border-bottom : 1px solid #e2e2e2;
}
.knowledge-faq-block a.post-read-more-button {
font-style : italic;
}
.knowledge-faq-items .faq-info-block {
padding-top : 15px;
}
.knowledge-faq-block.knowledge-faq-faqs > ul > li {
padding : 1.5rem 0;
}
.knowledge-faq-block.knowledge-faq-faqs > ul > li:first-child {
padding-top : 0.5rem;
}
.knowledge-faq-search-block form {
position : relative;
}
.knowledge-faq-search-block input[type="text"] {
border : none;
padding : 10px;
color : #7a7a7a;
border : rgb(0, 0, 0, 0.25) solid 1px;
width : 100%;
}
.knowledge-faq-search-block button {
position : absolute;
background : none;
border : none;
bottom : 0.3125rem;
right : 0.125rem;
color : #7a7a7a;
}
.knowledge-faq-search-block input[type="text"]:focus {
outline : 3px solid #2e7f7e;
color : #343333;
background : #fff;
}
.knowledge-faq-search-block input[type="text"]:focus + button .search, .knowledge-faq-search-block button[type="submit"] .search:hover {
color : #2e7f7e;
}
.knowledge-faq-search-block .button-search {
bottom : 9px;
right : 10px;
}
.knowledge-faq-search-block .button-search:before {
content : "\f002";
display : block;
font-family : "FontAwesome";
font-size : 17px;
width : 100%;
text-align : center;
}
.knowledge-faq-link {
text-align : right;
}
.knowledge-faq-question .collapsed + .knowledge-faq-link {
display : none;
}
#module-knowledgebase-faqdetails #products .thumbnail-container, #module-knowledgebase-faqdetails #products .product-description, #module-knowledgebase-faqdetails #products .highlighted-informations {
max-width : 244px;
}
#module-knowledgebase-faqdetails #products .product-miniature {
margin : 0 0.4rem;
}
#module-knowledgebase-faqdetails #products .product-miniature:first-child {
margin-left : 0;
}
#module-knowledgebase-faqdetails #products .product-miniature:last-child {
margin-right : 0;
}
#module-knowledgebase-faqdetails #products > .title {
color : #343333;
padding : 10px 0;
}
.knowledge-faq-product-page {
margin-top : 15px;
}
@media (max-width: 767px) {
.knowledge-faq-top-search-container {
padding : 25px 0;
}
#index .knowledge-faq-top-search-container {
margin-top : 1rem;
}
.knowledge-faq-top-search-content h1, .knowledge-faq-top-search-content .h1 {
font-size : 16px;
margin-bottom : 25px;
}
.knowledge-faq-top-search-content h2 {
font-size : 16px;
margin-bottom : 25px;
}
.knowledge-faq-top-search-content .titrehome {
font-size : 16px;
margin-bottom : 25px;
}
.knowledge-faq-top-search-note {
margin-top : 25px;
padding : 0 5px;
}
.knowledge-faq-search-results {
border-radius : 0;
}
.knowledge-faq-top-search-input {
max-width : 95%;
}
}