/**
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License version 3.0
* that is bundled with this package in the file LICENSE.txt
* It is also available through the world-wide-web at this URL:
* https://opensource.org/licenses/AFL-3.0
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade this module to a newer
* versions in the future. If you wish to customize this module for your
* needs please refer to CustomizationPolicy.txt file inside our module for more information.
*
* @author Webkul IN
* @copyright Since 2010 Webkul
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
*/

.form-control.lg-textbox {
    height: 4rem;
    margin-bottom: 3rem
}

#wkFAQcontent {
    margin-top: 0 !important;
}

#wkFAQcontent .text-center {
    text-align: center;
}

#wkFAQcontent .pd0 {
    padding: 0 !important;
}

[name="submitFAQForm"] .material-icons {
    margin-right: 0rem !important;
    font-size: 2.5rem;
    font-weight: 300;
}
.wk_referesh .material-icons{
    margin-right: 0rem !important;
    font-size: 2rem;
    font-weight: 400;
}



/* .ul-discstyle ul,
.ul-discstyle li {
    margin: 0;
    padding: 0;
} */


/*
.ul-discstyle {
    list-style: disc !important;
} */

ul.pager {
    float: right;
}

ul.pager li {
    display: inline !important;
}

h3[id^="ui-accordion-wkFAQTab"],
h3[id^="ui-accordion-faq_detail_div"] {
    background: #24b9d7 !important;
    color: white !important;
}

#faq_details {
    color: #343a40;
    font-size: 1.5rem;
    font-weight: 600;
    margin: 2.5rem 0;
}

#wkFAQcontent .card {
    padding-bottom: 25px !important;
}

.serch_area .input-group .input-group-btn>.btn {
    padding: 0.65em 2rem !important;
    height: 4rem;
}

.ul-discstyle li a {
    font-size: .9rem !important;
}

.faq-block {
    background: white;
    padding: 0 0 0.5rem 0.8rem;
}

.faq-block a {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 300;
}

.wkFAQcontent .card h3,
.wkFAQcontent .card h3 a {
    font-size: 15px;
    color: #333;
    margin-bottom: 15px;
    font-weight: 400;
}

.faq-block .wktitle {
    padding-top: 20px;
    font-size: 1.25rem;
    color: #333;
    font-weight: 500;
}

.noFAQAvailable {
    padding: 20px;
    background: white;
}

.wkcontent {
    border: 1px solid #9c9c9c !important;
    padding: 10px 10px 0;
    margin: 10px 5px;
}

.collapsible {
    background-color: #fff;
    width: 100%;
    text-align: left;
    outline: none;
    border: 1px solid #e8e4e4;
    border-bottom: none;
    padding: 1.875rem 1.875rem 2rem 1.875rem;
    font-size: 1.25rem;
    color: #333;
    position: relative;
    cursor: pointer;
    font-weight: 600;
    /* line-height: 1.6; */
}

.collapsible:after {
    content: '\002B';
    color: var(--cc-primary);
    font-weight: 600;
    float: right;
    margin-left: 5px;
    font-size: 4rem;
}

.collapsible.active:after {
    content: "\2212";
    color: var(--cc-primary);
    font-weight: 600;
    font-size: 4rem;
}

.content {
    padding: 0 2rem;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: #fff;
    border: 1px solid #e8e4e4;
    border-top: none;
    margin-bottom: 1.25rem;
}

/* --------------- */

#wkFAQcontent {
    height: auto;
    min-height: 35rem;
    width: 100%;
}
.wk-faq-image {
    position: static;
    height: auto;
    min-height: 35rem;
    width: auto;
    min-width: 100%;
    /* background-color: #ccc; */
    overflow: hidden;
}

.wk-faq-image picture {
    display: block;
    position: relative;
}

.wk-faq-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wk-faq-block {
    height: 35rem;
    margin-top: -48vw;
    top: 0;
    position: relative;
    padding: 1rem 4rem;
    z-index: 2;
}

.wk-faq-title {
    margin-bottom: .1875rem;
    width: 100%;
    text-align: center;
    margin: 0 auto 1.875rem;
    line-height: 1.2;
    font-size: 3rem;
    font-weight: 200;
    color: #fff;
    text-shadow: 5px 3px 9px rgba(25, 39, 40, .3);
}

.faq_message p {
    text-align: center;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-top: .9375rem;
    margin-bottom: 3.4375rem;
    font-size: 1.125rem;
    font-weight: 500;
    color: #fff;
    text-shadow: 5px 3px 9px rgba(25, 39, 40, .3);
    line-height: 1.6;
    text-rendering: optimizeLegibility;
}

.faq_message a:hover {
    color: #d3074c;
}

.wk-faq-form-container {
    width: 100%;
}

.wk-faq-search-container {
    display: flex;
}

.wk-faq-refresh-btn {
    margin-left: 1rem;
}

.wk-faq-refresh-btn a {
    height: 4rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 1.8rem;
}

.wk-faq-refresh-btn a:hover {
    padding: 1.8rem !important;
}

.wk-faq-form-container input {
    border-radius: 3rem 0 0 3rem;
}

#faq_detail_div .content p {
    font-size: 1rem;
    font-weight: 300;
    color: #333;
    line-height: 1.6;
    text-rendering: optimizeLegibility;
}

h3.wk-faq-related-products {
    font-size: 1rem;
    font-weight: 500;
}

.wk-faq-related-products-list {
    margin-bottom: 1.8rem;
}

#module-wkfaq-faq .wk-product-listing,
#module-wkfaq-wkcategory .wk-product-listing {
    width: 100% !important;
}

#module-wkfaq-faq #wrapper > .col-md-12,
#module-wkfaq-wkcategory #wrapper > .col-md-12 {
    padding: 0 !important;
}

@media screen and (max-width: 992px) {
    .wk-faq-block {
        height: auto !important;
        margin-top: -34rem;
    }

    .wk-faq-image img {
        width: 100vw;
        height: 100vh;
        object-fit: cover;
    }
}

@media screen and (max-width: 767px) {
    .wk-faq-image img {
        width: 100vw;
        height: 120vh;
        object-fit: cover;
    }

    .wk-faq-row {
        margin-bottom: 1rem;
    }

    .faq_message p {
        width: 90%;
    }

    .wk-faq-block {
        height: auto !important;
        margin-top: -34rem;
    }

    #wkFAQcontent .text-center {
        text-align: left !important;
    }

    .faq_message p {
        font-size: 1rem;
    }

    .wk-faq-title, .faq_message p {
        text-align: left !important;
    }
}

@media screen and (max-width: 640px) {
    .wk-faq-image img {
        width: 100vw;
        height: 130vh;
        object-fit: cover;
    }

    .wk-faq-block {
        height: auto !important;
        margin-top: -32rem;
    }

    .form-control.lg-textbox {
        height: 3rem;
        margin-bottom: 1rem;
    }

    .wk-faq-title {
        font-size: 9vw;
    }

    .serch_area .input-group .input-group-btn>.btn {
        padding: 0.65em 1rem !important;
        height: 3rem;
    }

    [name="submitFAQForm"] .material-icons {
        font-size: 1.5rem;
    }

    .collapsible {
        padding: 1rem;
        font-size: 1rem;
    }

    .collapsible::after, .collapsible.active:after {
        font-size: 2rem;
    }
}

@media screen and (max-width: 480px) {
    .wk-faq-image img {
        width: 100vw;
        height: 140vh;
        object-fit: cover;
    }

    .wk-faq-block {
        padding: 0.5rem;
    }
}

/* -------------- */

.faq-item {
  border-bottom: 1px solid #ddd;
}

.faq-question {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  padding: 10px 0;
}

.faq-answer {
  padding: 5px 0 10px 0;
}

.faq-answer p {
    display: inline;
}
.faq-footer a {
    color: #333;
}
.faq-icon {
  font-size: 18px;
}

.faq-footer {
  margin-top: 20px;
  margin-bottom: 0px;
  font-size: inherit;
  color: #333;
}

.material-icons.faq-icon {
  font-size: 20px;
  color: #555;
  transition: 0.2s;
  font-weight: 600;
}

.faq-answer {
  display: none;
}
.faq-answer.show {
  display: block;
}

.faq-hidden {
  display: none;
}

.faq-toggle-btn {
    letter-spacing: -.02em;
    font-weight: 300;
    background-color: transparent;
    color: var(--cc-primary);
  margin-top: 10px;
  background: none;
  border: none;
  cursor: pointer;
  outline: none !important;
}

.faq-hidden {
  /* max-height: 0;
  overflow: hidden;
  transition: 0.3s ease; */
}

.faq-hidden.show {
  max-height: 200px;
}