/** Copyright © Ulmod. All rights reserved. **/

/**  =============== UM Faq List and View Styles ====================== **/
.block.newsletter .action.subscribe {
    padding: 5px 15px !important;
}
/** Top page **/
.faqs-index-index .page-title-wrapper,
.faqs-category-view .page-title-wrapper {
    padding: 0px 0px 25px;
    text-align: center !important;
}
.faqs-search-index .page-title-wrapper {
    padding-bottom: 20px;
    text-align: center;
}
.message.info {
    font-size: 13px !important;
}
.faqs-index-index .page-title-wrapper .page-title,
.faqs-category-view .page-title-wrapper .page-title,
.faqs-faq-view .page-title-wrapper .page-title,
.faqs-search-index .page-title-wrapper .page-title {
    font-size: 22px;
    font-weight: 600;
    padding: 0px;
    margin: 0px;
    text-align: center;
}
.faqs-index-index .page-title-wrapper .page-title span:after {
    position: relative;
    margin: 0px auto;
    width: 80px;
    height: 2px;
    background: rgb(234, 122, 0) none repeat scroll 0% 0%;
}
/**  ======= Faq Search ========== **/

.umfaqs-search {
    padding: 0px 0px 25px 0px;
    float: left;
    width: 100%;
}
.umfaqs-search .faqsearch .faqsearch-label {
    display: block;
    padding-bottom: 12px;
}
.umfaqs-search .faqsearch .faqsearch-input input {
    padding: 5px 20px 5px 20px;
    border: 1px solid #ccc;
    box-shadow: none;
    height: 35px;
}
.umfaqs-search .faqsearch-button {
    position: relative;
    top: 31px;
}
.umfaqs-search .faqsearch-button button {
    display: inline-block;
    padding: 5px 10px 5px 10px;
    font-size: 13px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    height: 35px;
    box-shadow: none !important;
    width: 100%;
    border-radius: 0px;
    color: #333;
    background: white;
    border: 1px solid #ccc;
}
.umfaqs-search .faqsearch-button button:hover {
    color: white;
    background: #006bb4;
    border: 1px solid #006bb4;
}
/**  ======= Faq List Item ========== **/

.umfaqs-list {
    float: left;
    width: 100%;
}
.umfaqs-list .umfaqs-container {
    float: left;
    position: relative;
    border: 0px solid rgb(204, 204, 204);
    padding: 10px 0px 20px;
    width: 100%;
}
.umfaqs-list .umfaqs-container .faq-list {
    float: left;
    position: relative;
    min-height: 1px;
    width: 100%;
}
.umfaqs-list .umfaqs-container .faq-list .faq {
    border-radius: 3px;
    margin-bottom: 12px;
    color: #333;
    position: relative;
    padding: 10px 5px 10px 36px;
    border: 1px solid #ececec;
}
.umfaqs-list .umfaqs-container .faq-list .faq .faq-question {
    padding: 0px;
    text-align: left;
    font-weight: 600;
    font-size: 14px;
}
.umfaqs-list .umfaqs-container .faq-list .faq .faq-question .collapsed:before {
    content: "\f0fe";
    font-family: FontAwesome;
    position: absolute;
    left: 15px;
    top: 10px;
}
.umfaqs-list .umfaqs-container .faq-list .faq .faq-question a:before {
    content: "\f146";
    font-family: FontAwesome;
    position: absolute;
    left: 15px;
    top: 10px;
}
.umfaqs-list .umfaqs-container .faq-list .faq .faq-question a {
    text-decoration: none;
    cursor: pointer;
    color: #333;
}
.umfaqs-list .umfaqs-container .faq-list .faq .faq-question a:hover {
    color: #006bb4;
}
.umfaqs-list .umfaqs-container .short-answer {
    padding: 6px 0px;
}
.umfaqs-list .umfaqs-container .faq-list .faq .faq-answer {
    text-align: left;
    font-weight: 400;
    font-size: 13px;
    padding: 0px 10px 10px 10px;
}
.umfaqs-list .umfaqs-container .faq-list .short-answer p {
    margin: 0px;
    font-size: 13px;
}
.umfaqs-list .umfaqs-container .faq-list .faq .faq-answer .read-more {
    text-decoration: none;
    font-size: 12px;
    display: inline-block;
    padding: 5px;
    color: #333;
    font-weight: 600;
}
.umfaqs-list .umfaqs-container .faq-list .faq .faq-answer .read-more:hover {
    color: #1979c3;
}
/** faq list toolbar **/
.toolbar-faqs-faqs {
    float: left;
    width: 100%;
    margin: 0px;
    padding-bottom: 20px;
}
.toolbar-faqs-faqs .pages {
    margin: 0px;
}
.toolbar-faqs-faqs .pages strong.page {
    border: 0px solid #ccc;
    background: #333;
    padding: 0px 10px;
    line-height: 25px;
    color: white;
}
.toolbar-faqs-faqs .pages a.page {
    text-decoration: none;
    border: 1px solid #ccc;
    background: white;
    padding: 0px 10px;
    line-height: 25px;
    color: #333;
    line-height: 25px;
}
.toolbar-faqs-faqs .pages a.page:hover,
.toolbar-faqs-faqs .pages .action.next,
.toolbar-faqs-faqs .pages .action.previous  {
    color: white;
    background: #006bb4;
    border: 1px solid #006bb4;
}
.toolbar-faqs-faqs .pages .action.next,
.toolbar-faqs-faqs .pages .action.previous {
    margin-left: 0px;
    text-decoration: none;
    border: 1px solid #ccc;
    background: white;
    padding: 0px 10px;
    line-height: 30px;
    color: #333;
    line-height: 25px;
    border-radius: 0px;
    box-shadow: none;
}
.toolbar-faqs-faqs .pages .action.next::before,
.toolbar-faqs-faqs .pages .action.previous::before {
    font-size: 12px;
    color: #333;
}
.umfaq-divider-bottom {
    width: 100%;
    float: left;
    border-bottom: 1px dotted #b2b2b2;
    min-height: 2px;
    border-top: 1px dotted #b2b2b2;
}
/** ask question form **/
.umfaqs-askquestion {
    float: left;
    width: 100%;
    padding: 30px 0px;
}
.faq-buttons {
    float: left;
    width: 100%;
    padding-bottom: 20px;
}
.umfaqs-askquestion .faqview-ask-txt {
    padding-bottom: 15px;
}
.umfaqs-askquestion .faqview-ask-txt p {
    font-size: 14px;
    font-weight: 600;
    margin: 0px;
}
.umfaqs-askquestion .back {
    border: 1px solid #c2c2c2;
    padding: 6px 50px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin-right: 40px;
}
.umfaqs-askquestion .back i {
    margin-right: 10px;
}
.umfaqs-askquestion .back:hover {
    color: white;
    background: #262626;
    font-weight: 600;
    border: 1px solid #262626;
}
.umfaqs-askquestion .ask {
    color: white;
    background: #006bb4;
    font-weight: 600;
    border: 1px solid #006bb4;
    padding: 6px 50px;
}
.umfaqs-askquestion .ask:hover {
    color: white;
    background: #91bd09;
    border: 1px solid #91bd09;
    font-weight: 600;
}
.umfaqs-askquestion .question-form {
    padding: 20px 40px;
    background-color: #fbfbfb;
    border: 1px solid #ececec;
    float: left;
    width: 70%;
}
.umfaqs-askquestion .question-form::before {
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #ececec;
    position: relative;
    content: '';
    border-bottom-color: #ececec;
    top: -52px;
    right: -30px;
}
.faqs-faq-view .umfaqs-askquestion .question-form::before {
right: -230px;
}
.umfaqs-askquestion .question-form .fieldset {
    font-size: 13px;
}
.umfaqs-askquestion .question-form .fieldset .txt {
    padding: 0px 0px 20px;
    text-align: center;
}
.umfaqs-askquestion .question-form .fieldset .field-name {
    width: 50%;
    box-sizing: border-box;
    float: left;
    padding-right: 20px;
}
.umfaqs-askquestion .question-form .fieldset .field-email {
    width: 50%;
    box-sizing: border-box;
    float: left;
    padding-left: 20px;
    padding-bottom: 8px;
}
.umfaqs-askquestion .question-form .fieldset .field-name .name-input,
.umfaqs-askquestion .question-form .fieldset .field-email .email-input,
.umfaqs-askquestion .question-form .fieldset .field-message {
    padding: 8px 0px 0px;
}
.umfaqs-askquestion .question-form .fieldset .field-message {
    float: left;
    width: 100%;
}
.umfaqs-askquestion .question-form .fieldset .field-message textarea {
    margin: 8px 0px 0px 0px;
    box-shadow: none;
    padding: 5px;
    height: 100px;
}
.umfaqs-askquestion .question-form .fieldset .um-field input {
    height: 30px;
    padding: 5px;
    box-shadow: none;
}
.umfaqs-askquestion .question-form .fieldset .um-field .required {
    color: rgb(224, 43, 39);
    font-size: 1.2rem;
    margin: 4px;
}
.umfaqs-askquestion .question-form .fieldset .um-field .mage-error {
    font-size: 12px !important;
}
.umfaqs-askquestion .question-form .fieldset .field-message .mage-error {
    font-size: 12px !important;
}
.umfaqs-askquestion .question-form .fieldset .field-message .required {
    color: rgb(224, 43, 39);
    font-size: 1.2rem;
    margin: 4px;
}
.umfaqs-askquestion .form-action {
    float: left;
    width: 100%;
    padding: 20px 0px;
}
.umfaqs-askquestion .form-action button {
    border: 1px solid #c2c2c2;
    box-shadow: none;
    background: white;
    padding: 8px 20px;
}
.umfaqs-askquestion .form-action button:hover {
    box-shadow: none;
    background: #006bb4;
    font-weight: 600;
    border: 1px solid #006bb4;
    color: white;
}
/**  ======= Faq View Item ========== **/

.faqs-faq-view .breadcrumbs{
    padding-bottom: 15px;
}
.umfaqs-view {
    float: left;
    width: 100%;
    padding-bottom: 20px;
}
.umfaqs-view .umfaqs-container .faq-question h1 {
    font-size: 16px;
    margin: 0px;
    font-weight: 600;
}
.umfaqs-view .umfaqs-container .faq-full-answer {
    text-align: left;
    font-weight: 400;
    font-size: 13px;
    padding: 12px 5px 10px;
}
.umfaqs-view .umfaqs-container .faq-topics,
.umfaqs-view .umfaqs-container .author,
.umfaqs-view .umfaqs-container .publish-date {
    float: left;
    font-size: 12px;
    border-right: 1px solid #ececec;
    padding-left: 10px;
    padding-right: 10px;
}
.umfaqs-view .umfaqs-container .faq-topics {
    width: auto;
}
.faqlist-social-share{
    padding: 5px 0px;
}
.umfaqs-view .umfaqs-container .faq-social-share {
    float: left;
    font-size: 12px;
    padding-left: 10px;
}
.umfaqs-view .umfaqs-container .faq-social-share .faq-share {
    float: right;
}
.umfaqs-view .umfaqs-container .faq-topics a {
    white-space: nowrap;
    color: #333;
    font-size: 13px;
    font-weight: 400;
    text-decoration: none;
}
.umfaqs-view .umfaqs-container .faq-topics a:hover {
    color: #006bb4;
}
.umfaqs-view .umfaqs-container .faq-buttom {
    float: left;
    width: 100%;
}
.umfaqs-view .umfaqs-container .faq-buttom .faq-buttons .back {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    line-height: 34px;
    width: 186px;
    height: 34px;
    border: 1px solid #ccc;
    font-size: 13px;
    color: #262626;
    text-decoration: none;
}
.umfaqs-view .umfaqs-container .faq-buttom .faq-buttons .back:hover {
    color: white;
    background: #262626;
    font-weight: 600;
    border: 1px solid #262626;
}
.umfaqs-view .umfaqs-container .faq-buttom .faq-buttons .ask {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    line-height: 34px;
    width: 186px;
    border: 1px solid #ccc;
    margin-left: 60px;
    height: 34px;
    font-size: 13px;
    box-shadow: none;
}
.umfaqs-view .umfaqs-container .faq-buttom .faq-buttons .ask:hover {
    color: white;
    background: #91bd09;
    font-weight: 600;
}
/**  ======= Faq Categories Sidebar ========== **/

.umfaq-categories,
.umfaqs-rss {
    border: 1px solid #ececec;
    padding: 10px 15px 15px 15px;
    float: left;
    width: 100%;
}
.umfaq-categories .title h2,
.umfaqs-rss .title h2 {
    margin: 0 0 10px;
    border: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.75);
    border-bottom: 1px solid #E8E8E8;
    background: none;
    font-size: 15px;
    font-weight: 600;
    line-height: 35px;
}
.umfaq-categories ul {
    margin-bottom: 0;
    list-style: none;
    padding-left: 15px;
}
.umfaq-categories ul li {
    margin: 0px !important;
}
.umfaq-categories ul li a:before {
    font-family: 'FontAwesome';
    content: "\f0da";
    position: absolute;
    left: 0;
}
.umfaq-categories ul li a {
    font-size: 13px;
    color: #333;
    display: block;
    padding: 5px 5px 5px 15px;
    position: relative;
    text-decoration: none;
    cursor: pointer;
}
.umfaq-categories ul li a:hover {
    color: #006bb4;
}
.sidebar .stickycats {
    position: fixed !important;
    top: 0;
    width: 250px;
    z-index: 99;
    margin-top: 5px;
}
.umfaq-categories ul .current-cat a {
    color: #006bb4;
}
.sidebar .stickycats-over {
    display: none;
}
.faqs-faq-view .sidebar .stickycats {
    position: initial !important;
    width: 100%;
}
.faqs-faq-view .sidebar .stickycats-over {
    display: initial !important;
}
.umfaqs-rss .content .fa-rss-square {
    color: #ffc600;
    font-size: 20px;
}
.umfaqs-rss .content a {
    text-decoration: none;
    color: #333;
    font-size: 12px !important;
}
.umfaq-categories,
.umfaqs-rss {
    margin-bottom: 20px !important;
}
/*==== RWD Styles ======*/
/*** Smartphones Portrait and Landscape ***/
/*@media only screen and (min-width: 100px) and (max-width: 468px) {
 .umfaqs-askquestion .ask,
 .umfaqs-askquestion .back {
         padding: 6px 20px
 }
 .umfaqs-askquestion .back {
    margin-right: 20px;
}
.umfaqs-askquestion .question-form::before {
    display: none;
}
}*/

/*@media only screen and (min-width: 100px) and (max-width: 640px) {*/
    /**-----faq page header ---**/
    
    /*.faqs-index-index .page-title-wrapper {
        padding-top: 20px !important;
    }*/
    /*.faqs-index-index .page-title-wrapper,
    .faqs-category-view .page-title-wrapper {
        padding: 20px 0px 10px !important;
    }*/
    /**-----faq list , view ask question form----**/

    /*.umfaqs-list .umfaqs-container {
        padding: 0 10px !important;
    }
    .umfaqs-list .umfaqs-container .faq-list {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }*/
    /*.umfaqs-search {
        padding: 5px !important;
    }*/
    /*.umfaqs-search .faqsearch {
        float: left !important;
        width: 80% !important;
    }*/
    /*.umfaqs-search .faqsearch .faqsearch-input {
        width: auto !important
    }
    .umfaqs-search .faqsearch .faqsearch-input input {
        padding: 2px 10px !important;
        height: 30px;
        font-size: 12px;
    }
    .umfaqs-search .faqsearch-button {
        width: auto !important;
        position: relative !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        height: 30px !important;
        padding-top: 0px !important;
        top: 32px;
    }
    .umfaqs-search .faqsearch-button button {
        height: 30px !important;
        width: auto !important;
        padding: 2px 5px !important;
        font-size: 10px !important;
        border-left: 0px !important;
        float: left;
        border: 1px solid #ccc !important;
    }
    .umfaqs-view .faq-topics,
    .umfaqs-view .umfaqs-container .faq-topics a,
    .umfaqs-view .author,
    .umfaqs-view .publish-date {
        font-size: 11px;
    }
    .umfaqs-list .umfaqs-container .faq-list .faq .faq-question {
        padding: 0px !important;
        font-size: 13px !important;
    }
    .umfaqs-list .umfaqs-container .faq-list .faq .faq-answer {
        font-size: 12px !important;
        padding: 0px 5px 0px 5px !important;
    }
    .umfaqs-list .umfaqs-container .faq-list .faq .faq-answer .read-more {
        padding: 0px !important;
    }
    .umfaq-divider-bottom {
        margin: 0 0 10px !important;
    }
    .umfaqs-askquestion .question-form {
        width: 100%;
    }
    .umfaqs-askquestion .question-form .fieldset .field-name,
    .umfaqs-askquestion .question-form .fieldset .field-email {
        width: 100%;
        box-sizing: border-box;
        float: left;
        padding-right: 0px;
        margin-bottom: 10px;
        padding-left: 0px;
    }
    .umfaqs-view .umfaqs-container .faq-question h1 {
        font-size: 14px !important;
        line-height: 20px !important;
    }
    .umfaqs-view .umfaqs-container .faq-full-answer {
        font-size: 12px !important;
        padding: 0px 0px 0px 10px !important;
    }
    .umfaqs-view .umfaqs-container .faq-topics {
        margin: 0px !important;
    }
    .umfaqs-view .umfaqs-container .faq-social-share {
        margin: 0px !important;
        padding: 10px 0px;
    }
    .umfaqs-view .umfaqs-container .faq-buttom .faq-buttons .back {
        line-height: 30px !important;
        width: 50% !important;
        height: 30px !important;
        border: 1px solid #ccc !important;
        margin-bottom: 10px;
        font-size: 12px;
        color: #262626;
        text-decoration: none;
    }
    .umfaqs-view .umfaqs-container .faq-buttom .faq-buttons .ask {
        line-height: 30px !important;
        border: 1px solid #ccc !important;
        margin-left: 0px !important;
        width: 50% !important;
        height: 30px !important;
        font-size: 12px;
        box-shadow: none;
    }*/
    /**-----faq sidebar ---**/
    
   /* .sidebar .stickycats {
        position: initial !important;
        width: 100% !important;
        margin-top: 0px !important;
    }
    .umfaq-categories {
        left: 0px !important;
        position: initial !important;
    }
}*/
/*==== Tablets Portrait and Landscape ======*/

/*@media only screen and (min-width: 641px) and (max-width: 1024px) {
    /** faqs list, view content  and faqs ask question form **/
    
    /*.umfaqs-list .umfaqs-container {
        padding: 0px 0px 0px !important;
    }
    .umfaqs-view .faq-topics,
    .umfaqs-view .umfaqs-container .faq-topics a,
    .umfaqs-view .author,
    .umfaqs-view .publish-date {
        font-size: 11px;
    }
    .umfaqs-list .umfaqs-container .faq-list .faq .faq-question {
        padding: 5px 5px 5px 0px!important;
        font-size: 13px!important;
    }
    .umfaqs-list .umfaqs-container .faq-list .faq .faq-question a::before {
        top: 12px!important;
    }
    .umfaqs-list .umfaqs-container .faq-list .faq .faq-answer {
        padding: 0px 10px 0px 10px !important;
    }
    .umfaqs-list .umfaqs-container .faq-list .faq .faq-answer p {
        margin: 0px!important;
    }
    .umfaqs-list .umfaqs-container .faq-list .faq .faq-answer .read-more {
        padding: 5px 0px!important;
    }
    .umfaqs-view .umfaqs-container .faq-question {
        padding-bottom: 5px!important;
    }
    .umfaqs-view .umfaqs-container .faq-question h1 {
        font-size: 14px!important;
    }
    .umfaqs-view .umfaqs-container .faq-full-answer {
        padding: 0px 10px 10px 10px!important;
    }
    .umfaqs-view .umfaqs-container .faq-full-answer p {
        margin: 0px!important;
    }
    .umfaqs-view .umfaqs-container .faq-topics a,
    .umfaqs-view .umfaqs-container .faq-buttom .question-form .fieldset {
        font-size: 12px!important;
    }
    .umfaqs-view .umfaqs-container .faq-buttom .faq-buttons .back {
        line-height: 30px!important;
        height: 32px!important;
    }
    .umfaqs-view .umfaqs-container .faq-buttom .faq-buttons .ask {
        line-height: 0px!important;
        margin-left: 140px!important;
        height: 32px!important;
        box-shadow: none!important;
    }
    .umfaqs-view .umfaqs-container .faq-buttom .question-form {
        padding: 40px!important;
        width: 100%!important;
        padding: 20px 20px!important;
        margin: 0px!important;
        margin-top: 20px!important;
    }
    .umfaqs-view .umfaqs-container .faq-buttom .question-form .fieldset .field-message {
        padding: 10px 0px!important;
    }
    /** faqs sidebar **/
    
    /*.umfaq-categories {
        padding: 5px 10px !important;
        margin: 0px 0px 10px !important;
        left: 5px !important;
    }
    .sidebar .stickycats {
        width: 150px !important;
    }
    .umfaq-categories {
        padding: 5px 10px !important;
        margin: 0px 0px 10px !important;
    }
    .umfaq-categories .title h2 {
        margin: 0 0 5px !important;
        font-size: 13px !important;
        line-height: 30px !important;
    }
    .umfaq-categories ul li a {
        padding: 2px 2px 2px 10px !important;
    }*/
/*}*/