/** * All of the CSS for your public-facing functionality should be * included in this file. */ a.docs-single-cat-wrap:hover, .docs-single-cat-wrap a:hover { text-decoration: none; } .betterdocs-wraper .betterdocs-archive-wrap { width: 100%; max-width: 1400px; display: block; margin: 0 auto; } .betterdocs-search-form-wrap .betterdocs-live-search { width: 100%; max-width: 800px; display: block; margin: 0 auto; } .betterdocs-search-heading { text-align: center; } .betterdocs-wraper { background-color: #fff; flex: auto; } .betterdocs-search-form-wrap { background-color: #f7f7f7; padding: 50px 20px; border-bottom: 1px solid #f1f1f1; } .betterdocs-searchform { display: flex; flex-flow: row nowrap; } .betterdocs-live-search { position: relative; } .betterdocs-searchform .betterdocs-search-field { width: 100%; background: none; color: #595959; font-size: 1em; padding: 0 15px; border: none; box-shadow: none; position: relative; outline: 0; margin: 0; box-shadow: none !important; } .betterdocs-single-wraper.betterdocs-single-bg.betterdocs-single-layout1 { width: 100%; } .betterdocs-category-wraper.betterdocs-single-wraper { width: 100%; } .betterdocs-searchform { width: 100%; display: flex; align-items: center; background: #fff; border: 1px solid #f1f1f1; position: relative; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } .betterdocs-searchform-input-wrap { display: flex; align-items: center; width: 100%; } .betterdocs-search-result-wrap { position: absolute; z-index: 9999; width: 100%; left: 0; bottom: 2px; } .betterdocs-search-result-wrap::before { border-color: transparent transparent #fff; z-index: 9999; border-style: solid; border-width: 12px; content: ""; height: 0; left: 47px; position: absolute; top: -8px; width: 0; } .betterdocs-search-result-wrap.hideArrow::before { display: none; } .betterdocs-live-search .docs-search-result { background-color: #fff; border: 1px solid #f1f1f1; min-width: 300px; position: absolute; top: auto; margin: 15px 0 0; padding: 0; list-style: none; max-height: 400px; overflow-y: scroll; z-index: 999; } .betterdocs-live-search .docs-search-result li { border-bottom: 1px solid #f5f5f5; padding: 5px; display: flex; flex-direction: row; } .betterdocs-live-search .docs-search-result li img { align-self: center; width: 80px; } .betterdocs-live-search .docs-search-result li span { font-size: 0.8em; color: #444b54; } .betterdocs-live-search .docs-search-result li:hover { background: #f5f5f5; } .betterdocs-live-search .docs-search-result li:only-child { border: none; padding: 15px; } .betterdocs-live-search .docs-search-result li a { display: block; color: #444; padding: 10px; white-space: nowrap; text-decoration: none; } .betterdocs-searchform svg { height: 30px; fill: #444b54; opacity: 0.5; cursor: pointer; transition: all 0.3s; } .betterdocs-searchform svg.docs-search-icon { margin-left: 15px; } .betterdocs-searchform svg.docs-search-loader { display: none; margin-right: 15px; height: 30px; } .betterdocs-searchform svg.docs-search-close { display: none; margin-right: 13px; } .docs-search-result { animation: slideDown 400ms ease-in-out; } @keyframes slideDown { 0% { max-height: 0; } 100% { max-height: 400px; } } /* Archive Listing */ .betterdocs-categories-wrap { margin-left: auto; margin-right: auto; } .betterdocs-categories-wrap.layout-masonry .docs-single-cat-wrap { float: left; } .betterdocs-categories-wrap.layout-flex .docs-single-cat-wrap { margin: 15px; } @media only screen and (max-width: 768px) { .betterdocs-categories-wrap.layout-masonry.docs-col-3 .docs-single-cat-wrap, .betterdocs-categories-wrap.layout-masonry.docs-col-4 .docs-single-cat-wrap, .betterdocs-categories-wrap.layout-masonry.docs-col-5 .docs-single-cat-wrap, .betterdocs-categories-wrap.layout-masonry.docs-col-6 .docs-single-cat-wrap { width: 45% !important; } } @media only screen and (max-width: 670px) { .betterdocs-categories-wrap.layout-masonry.docs-col-3 .docs-single-cat-wrap, .betterdocs-categories-wrap.layout-masonry.docs-col-4 .docs-single-cat-wrap, .betterdocs-categories-wrap.layout-masonry.docs-col-5 .docs-single-cat-wrap, .betterdocs-categories-wrap.layout-masonry.docs-col-6 .docs-single-cat-wrap { width: 100% !important; } } .betterdocs-categories-wrap.layout-flex { display: flex; flex-flow: row wrap; } .betterdocs-categories-wrap .docs-single-cat-wrap.category-grid { background-color: #fff; box-shadow: 0px 10px 100px 0px rgba(40, 47, 98, 0.08); border-radius: 5px; padding-bottom: 25px; } .betterdocs-full-sidebar-left .betterdocs-categories-wrap .docs-single-cat-wrap, .betterdocs-sidebar-content .betterdocs-categories-wrap .docs-single-cat-wrap { border-radius: 0 !important; } .betterdocs-categories-wrap.layout-flex .docs-single-cat-wrap { flex: 1 1 30%; } .betterdocs-categories-wrap.layout-flex.docs-col-1 .docs-single-cat-wrap { flex: 1 1 100%; } .betterdocs-categories-wrap.layout-flex.docs-col-2 .docs-single-cat-wrap { flex: 1 1 45%; } .betterdocs-categories-wrap.layout-flex.docs-col-3 .docs-single-cat-wrap { flex: 1 1 30%; } .betterdocs-categories-wrap.layout-flex.docs-col-4 .docs-single-cat-wrap { flex: 1 1 22%; } .betterdocs-categories-wrap.layout-flex.docs-col-5 .docs-single-cat-wrap { flex: 1 1 15%; } .betterdocs-categories-wrap.layout-flex.docs-col-6 .docs-single-cat-wrap { flex: 1 1 12%; } @media only screen and (max-width: 768px) { .betterdocs-categories-wrap.layout-flex .docs-single-cat-wrap { flex: 1 1 45% !important; } } @media only screen and (max-width: 670px) { .betterdocs-categories-wrap.layout-flex .docs-single-cat-wrap { flex: 1 1 100% !important; } } .betterdocs-categories-wrap ul { margin: 0; padding: 0; } .betterdocs-categories-wrap .docs-single-cat-wrap { box-shadow: 0 10px 100px 0 rgba(40, 47, 98, 0.08); } .betterdocs-categories-wrap .docs-single-cat-wrap .docs-cat-title-wrap { padding: 20px 20px 0 20px; } .docs-cat-title { display: flex; align-items: center; } .docs-cat-title img { width: auto; } .docs-cat-title-inner { border-bottom: 2px solid #528ffe; padding-bottom: 20px; display: flex; align-items: center; justify-content: space-between; } .docs-cat-title-inner .docs-cat-heading { color: #528ffe; font-size: 20px; padding-left: 30px; position: relative; margin: 0; } .docs-cat-title, .docs-cat-title .docs-cat-heading { line-height: 1; } .docs-cat-title a { text-decoration: none; } .docs-category-listing .docs-cat-title { display: block; } .docs-item-count { background-color: rgba(82, 143, 255, 0.1); padding: 6px; border-radius: 50%; } .docs-cat-title-inner span { background-color: rgba(82, 143, 255, 0.2); width: 30px; height: 30px; border-radius: 50%; text-align: center; color: #528ffe; font-size: 15px; font-weight: bold; display: flex; justify-content: center; align-items: center; line-height: 1; } .docs-cat-title-inner .docs-item-count span { color: #fff; } .betterdocs-categories-wrap li, .betterdocs-categories-wrap .docs-sub-cat-title, .betterdocs-popular-list li { list-style: none; margin: 10px; position: relative; display: flex; align-items: center; } .betterdocs-categories-wrap .docs-item-container .docs-sub-cat-title { margin-bottom: 0; } .betterdocs-categories-wrap li a, .betterdocs-categories-wrap .docs-sub-cat-title a, .betterdocs-popular-list li a { color: #566e8b; font-size: 14px; line-height: 2; transition: all 0.3s; outline: none; text-decoration: none; } .betterdocs-categories-wrap li a, .betterdocs-popular-list li a { font-weight: 400; } .betterdocs-categories-wrap .docs-sub-cat-title a { font-weight: 500; } .betterdocs-categories-wrap li a:hover, .betterdocs-categories-wrap .docs-sub-cat-title a:hover, .betterdocs-popular-list li a:hover { color: #528ffe; } .docs-item-container { padding: 20px; } .betterdocs-categories-wrap .docs-item-container .docs-sub-cat, .docs-listing-main .docs-category-listing .docs-list .docs-sub-cat { display: none; margin-left: 20px; } .elementor-element-edit-mode .docs-listing-main .docs-category-listing .docs-list ul li .docs-sub-cat { display: block; } .betterdocs-categories-wrap .docs-item-container .docs-sub-cat.current-sub-cat { display: block; } .docs-sub-cat-title { display: flex; align-items: center; cursor: pointer; } .docs-sub-cat-title > a { line-height: 2; } .betterdocs-categories-wrap .docs-item-container li svg, .docs-category-listing .docs-list ul li svg, .betterdocs-popular-list li svg { margin-right: 10px; min-width: 15px; } .docs-sub-cat-title svg { margin-right: 10px; font-size: 15px; } .docs-category-listing .docs-list ul li .docs-sub-cat-title svg { margin-top: 0; } .docs-sub-cat-title svg.arrow-down { display: none; } .docs-cat-link-btn { display: inline-block; font-size: 16px; color: #528ffe; border: 1px solid #528ffe; border-radius: 50px; padding: 10px 20px; margin: 10px 20px; transition: all 0.3s; text-decoration: none; } .docs-cat-link-btn:hover { background-color: #528ffe; color: #fff; } .tax-doc_category .docs-category-listing .docs-cat-title { display: block; } .tax-doc_category .betterdocs-category-wraper .docs-category-listing .docs-cat-title p { line-height: 1.5; } /* Sidebar */ .betterdocs-sidebar-content .betterdocs-categories-wrap .docs-single-cat-wrap { box-shadow: none; margin: 0; padding: 0; } .betterdocs-sidebar-content .betterdocs-categories-wrap .docs-cat-title-inner { padding: 0; border: none; } .betterdocs-sidebar-content .betterdocs-categories-wrap .docs-single-cat-wrap .docs-cat-title-wrap { padding: 10px 15px; box-shadow: none; cursor: pointer; } .betterdocs-sidebar-content .docs-single-cat-wrap .docs-cat-title-wrap.active-title { background-color: rgba(90, 148, 255, 0.1); border-right: 3px solid #5a94ff; } .betterdocs-sidebar-content .docs-cat-title-inner .docs-cat-heading { color: #3f5876; font-size: 16px; padding-left: 15px; } .betterdocs-sidebar-content .docs-cat-title-inner .docs-cat-heading::before { top: 2px; } .betterdocs-sidebar-content .docs-cat-title-inner .docs-cat-heading::after { top: 8px; } .betterdocs-sidebar-content .docs-cat-title img { width: auto; } .betterdocs-sidebar-content .betterdocs-categories-wrap { flex-flow: column wrap; background-color: #fff; padding: 50px 0; } .betterdocs-sidebar-content .betterdocs-categories-wrap { overflow: auto; } .betterdocs-sidebar-content .betterdocs-categories-wrap li a { font-size: 14px; line-height: 1.6; } .betterdocs-sidebar-content .betterdocs-categories-wrap li a:hover { color: #528fff; } .betterdocs-sidebar-content .docs-cat-link-btn { font-size: 12px; padding: 7px 20px; } .betterdocs-sidebar-content .betterdocs-categories-wrap .docs-item-container li::before { display: none; } .betterdocs-sidebar-content .docs-item-container { padding: 15px; } .betterdocs-sidebar-content .betterdocs-categories-wrap li { padding: 0; width: 100%; } .betterdocs-sidebar-content .docs-item-count { background-color: transparent; } .betterdocs-sidebar-content .docs-cat-title-inner span { font-size: 12px; } /* Category List */ .betterdocs-single-wraper .betterdocs-content-area .docs-listing-main { flex: 1 1 70%; padding: 0 20px 20px; } .docs-category-listing .docs-cat-title-wrap { display: flex; align-items: center; } .docs-category-listing .docs-cat-title-wrap h3 { font-size: 24px; color: #3f5876; } .docs-category-listing .docs-list ul { margin: 0; padding: 0; } .docs-category-listing .docs-list ul li { list-style: none; position: relative; display: flex; align-items: center; } .docs-category-listing .docs-list ul li a { color: #566e8b; font-weight: 400; font-size: 1em; line-height: 2; transition: all 0.3s; outline: none; text-decoration: none; } .docs-category-listing .docs-list ul li a:hover { color: #528ffe; } .betterdocs-single-layout3 .betterdocs-sidebar-content .betterdocs-categories-wrap .docs-item-container li svg { display: none; } .docs-category-listing .betterdocs-breadcrumb { margin-bottom: 10px; } /* TOC */ .betterdocs-toc { background-color: #fff; padding: 20px 25px; border-radius: 5px; display: inline-block; } .betterdocs-entry-content .betterdocs-toc .toc-title { pointer-events: none; } .betterdocs-toc .angle-icon { display: none; width: 18px; float: right; } @media only screen and (max-width: 767px) { .betterdocs-toc { position: relative; width: 100%; } .betterdocs-toc.collapsible-sm .toc-title { pointer-events: auto; } .betterdocs-toc.collapsible-sm .angle-down { display: block; } .betterdocs-toc.collapsible-sm .toc-list { display: none; } } .betterdocs-entry-content .betterdocs-toc { min-width: 250px; } .betterdocs-el-single-sidebar .sticky-toc-container .betterdocs-toc, .betterdocs-single-layout1 .sticky-toc-container .betterdocs-toc { max-height: 70vh; overflow-y: scroll; } .betterdocs-toc > .toc-title { color: #3f5876; font-size: 16px; font-weight: bold; margin: 0; display: block; } .betterdocs-toc ul { list-style-type: none; margin: 0; padding: 0 0 0 10px; } .betterdocs-toc ul.betterdocs-hierarchial-toc, .betterdocs-toc ul.betterdocs-hierarchial-toc ul { counter-reset: item; } .betterdocs-toc > ul { padding-left: 0; } .betterdocs-toc .toc-list li { display: table; font-size: 14px; font-weight: 400; margin-left: 0; margin-right: 0; } .betterdocs-toc .toc-list li ul li:last-child { margin-bottom: 0; } .betterdocs-toc .toc-list li::before { display: table-cell; padding-right: 0.3em; vertical-align: top; word-break: normal; line-height: 1.9em; } .betterdocs-toc.toc-list-number .toc-list.betterdocs-hierarchial-toc li a::before { content: counters(item, ".") ". "; counter-increment: item; } .betterdocs-toc > .toc-list a { color: #566e8b; font-size: 14px; line-height: 1.6; font-weight: 600; display: inline-block; } .betterdocs-content ul li { word-wrap: break-word; word-break: break-word; } .right-sidebar-toc-wrap .betterdocs-toc > .toc-list a { font-weight: normal; outline: none; } .betterdocs-toc > .toc-list a:hover, .betterdocs-toc > .toc-list a:focus { color: #528fff; } .sticky-toc-container { display: none; position: fixed; width: 320px; left: auto; right: auto; top: 15vh; } .sticky-toc-container.toc-sticky { display: block; z-index: 2; } .sticky-toc-container .betterdocs-toc { width: 100%; } .sticky-toc-container .betterdocs-toc .toc-list li { margin: 8px 0; } a.close-toc { width: 16px; display: block; position: absolute; top: 8px; right: 8px; line-height: 1; } /* Category Box */ .betterdocs-categories-wrap.betterdocs-category-box .docs-single-cat-wrap { display: flex; flex-flow: column wrap; justify-content: center; align-items: center; padding: 20px; background-color: #fff; text-align: center; transition: all 0.25s ease-in-out; } .betterdocs-categories-wrap.betterdocs-category-box a.docs-single-cat-wrap { text-decoration: none; } .betterdocs-categories-wrap.betterdocs-category-box .docs-single-cat-wrap:hover { box-shadow: 0px 20px 50px 0px rgba(0, 9, 78, 0.1); text-decoration: none; } .betterdocs-categories-wrap.betterdocs-category-box .docs-single-cat-wrap:hover { text-decoration: none; } .betterdocs-category-box .docs-single-cat-wrap img { width: auto; margin-bottom: 20px; } .betterdocs-category-box .docs-single-cat-wrap .docs-cat-title { color: #3f5876; font-weight: 500; font-size: 18px; line-height: 1.3; font-weight: 700; margin-bottom: 15px; margin-top: 0; } .betterdocs-category-box .docs-single-cat-wrap p { color: #566e8b; font-size: 14px; margin-bottom: 15px; line-height: 1.8; } .betterdocs-category-box .docs-single-cat-wrap a { color: #528ffe; font-size: 14px; } .cat-description:empty { display: none; } /* Breadcrumbs */ .docs-single-main .betterdocs-breadcrumb { margin-bottom: 20px; } .betterdocs-breadcrumb .betterdocs-breadcrumb-list { margin: 0; padding: 0; display: flex; align-items: center; flex-flow: row wrap; } .betterdocs-breadcrumb .betterdocs-breadcrumb-list li { list-style: none; line-height: 1.7; display: flex; justify-content: center; } .betterdocs-breadcrumb .betterdocs-breadcrumb-item { color: #566e8b; font-size: 0.75rem; letter-spacing: 0.035em; } .betterdocs-breadcrumb .betterdocs-breadcrumb-item a { color: #566e8b; font-size: 0.75rem; letter-spacing: 0.035em; text-decoration: none; } .betterdocs-breadcrumb-item.current span { color: #528fff; } .betterdocs-breadcrumb .betterdocs-breadcrumb-list li a:hover { color: #528fff; } .betterdocs-breadcrumb .betterdocs-breadcrumb-list li a:focus { color: #528fff; } .betterdocs-breadcrumb .betterdocs-breadcrumb-item { margin: 0; } .betterdocs-breadcrumb .breadcrumb-delimiter { margin: 0 7px; opacity: 0.5; } .betterdocs-breadcrumb .breadcrumb-delimiter .icon-container { position: relative; width: 8px; height: 16px; display: flex; align-items: center; justify-content: center; } .betterdocs-breadcrumb .breadcrumb-delimiter .breadcrumb-delimiter-icon { width: 8px; } /* Single Docs */ .betterdocs-single-wraper { background-color: #f2f4f7; } .betterdocs-sidebar-content .betterdocs-categories-wrap { flex-flow: column wrap; background-color: #fff; padding: 0; } .betterdocs-content a.batterdocs-anchor { display: none; line-height: 1; } .betterdocs-content h1:hover a.batterdocs-anchor, .betterdocs-content h2:hover a.batterdocs-anchor, .betterdocs-content h3:hover a.batterdocs-anchor, .betterdocs-content h4:hover a.batterdocs-anchor, .betterdocs-content h5:hover a.batterdocs-anchor, .betterdocs-content h6:hover a.batterdocs-anchor { display: inline-block; } .betterdocs-single-wraper .betterdocs-content-area { display: flex; width: 100%; max-width: 1400px; margin: 0 auto; padding: 2.5em 1.5em; } @media (max-width: 768px) { .betterdocs-single-wraper .betterdocs-content-area { width: auto; } } .betterdocs-single-wraper .betterdocs-content-area #betterdocs-sidebar { flex: 0 0 30%; max-width: 400px; } .betterdocs-single-wraper .betterdocs-content-area .docs-single-main { flex: 1 1 68%; padding: 20px; } .docs-single-title .betterdocs-entry-title { color: #3f5876; font-size: 36px; text-transform: uppercase; letter-spacing: 0.035em; margin: 10px auto; padding-bottom: 40px; } .betterdocs-entry-footer { margin: 25px 0; } .betterdocs-modalwindow { position: fixed; display: none; z-index: 9999; top: 0; left: 0; right: 0; bottom: 0; overflow-x: hidden; overflow-y: auto; background-color: rgba(0, 0, 0, 0.3); } .modal-inner { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } .betterdocs-modalwindow .modal-content { width: 90%; max-width: 500px; margin: 0 auto; background: #ffffff; padding: 25px; border-radius: 4px; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, 20%); transform: translate(0, 20%); } .betterdocs-modalwindow h2 { margin: 10px 0; font-size: 21px; } .betterdocs-feedback-form input[type="text"], .betterdocs-feedback-form input[type="email"], .betterdocs-feedback-form textarea { width: 100%; padding: 10px; border: 1px solid #e7ecf4; } .betterdocs-feedback-form textarea { height: 150px; } #feedback_form_submit_btn { background-color: #528ffe; color: #fff; border: none; box-shadow: none; padding: 15px; font-size: 16px; } #feedback_form_submit_btn:hover { opacity: 0.8; } .betterdocs-feedback-form label { color: #7e8da2; font-size: 14px; width: 100%; } .betterdocs-modalwindow .close { position: absolute; top: 3px; right: 3px; display: inline-block; padding: 10px; line-height: 1; color: #000000; text-align: center; text-decoration: none; font-weight: bold; } .betterdocs-feedback-form .val-error { border: 1px solid #de071c; } .betterdocs-feedback-form .error-message { color: #de071c; } .betterdocs-tags { margin: 20px 0; } .betterdocs-tags a { color: #566e8b; font-size: 16px; font-weight: bolder; transition: all 0.3s; } .betterdocs-entry-footer a:hover, .betterdocs-entry-footer a:focus, .docs-navigation a:hover, .docs-navigation a:focus { color: #528fff; } .feedback-update-form { display: flex; justify-content: space-between; margin: 50px 0; } @media only screen and (max-width: 670px) { .feedback-update-form { display: block; } } .feedback-form-link { display: flex; align-items: center; color: #566e8b; } .feedback-form-link .feedback-form-icon { margin-right: 10px; } .feedback-form-link .feedback-form-icon svg, .feedback-form-link .feedback-form-icon img { width: 26px; } .update-date { color: #566e8b; font-size: 14px; font-style: italic; } .docs-navigation { display: flex; justify-content: space-between; align-items: center; margin: 20px 0; } .docs-navigation a { position: relative; color: #3f5876; font-size: 16px; font-weight: bolder; display: flex; align-items: center; transition: all 0.3s; line-height: 1.5em; } .docs-navigation a:first-child { margin-right: 20px; } .docs-navigation a:last-child { margin-left: 20px; text-align: right; } .batterdocs-anchor { position: relative; display: inline-block; } .batterdocs-anchor .tooltip-box { visibility: hidden; width: 90px; background-color: #555; color: #fff; text-align: center; border-radius: 6px; padding: 5px; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -44px; opacity: 0; transition: opacity 0.3s; font-size: 0.9rem; font-weight: normal; } .batterdocs-anchor .tooltip-box::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; } .batterdocs-anchor:hover .tooltip-box { visibility: visible; opacity: 1; } .betterdocs-single-wraper .betterdocs-content .batterdocs-anchor { margin-left: 5px; font-size: 0.9em; } @media only screen and (max-width: 670px) { .docs-navigation { display: block; } .docs-navigation a { margin-bottom: 15px; } } .docs-navigation a svg { min-width: 16px; width: 16px; fill: #5edf8e; } .docs-navigation a[rel="prev"] svg { margin-right: 10px; } .docs-navigation a[rel="next"] svg { margin-left: 10px; } .betterdocs-credit p { text-align: center; margin: 50px 0 0; padding: 15px; font-size: 14px; font-style: italic; color: #201d3a; } .betterdocs-credit a, .betterdocs-credit a:visited { color: #528fff; text-decoration: none; border-bottom: 1px dotted; } .betterdocs-credit a:hover { color: #3e7bec; } .betterdocs-print-pdf { float: right; margin-right: 10px; margin-top: -15px; } .betterdocs-print-btn { background-color: #fafafa; padding: 6px; border-radius: 5px; display: flex; justify-content: center; align-items: center; cursor: pointer; } .betterdocs-article-reactions p { margin: 0; text-align: center; width: 100%; } .betterdocs-article-reactions h5 { display: inline-block; } .betterdocs-article-reaction-links { margin: 0; padding: 0; } .betterdocs-article-reaction-links li { list-style: none; display: inline-table; margin: 0; } .betterdocs-article-reaction-links li a { display: inline-block; width: 29px; height: 29px; margin-left: 5px; text-align: center; border-radius: 50%; background-color: #19ca9e; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; box-shadow: 0px 3px 10px 0px rgba(3, 29, 60, 0.15); } .betterdocs-article-reaction-links li a:hover { background-color: #fff; } .betterdocs-article-reaction-links li a svg { width: 15px; height: 15px; } .betterdocs-article-reaction-links li a svg path { fill: #fff; } .betterdocs-article-reaction-links li a:hover svg path { fill: #19ca9e; } .betterdocs-article-reactions, .betterdocs-social-share { display: flex; flex-flow: row wrap; } .betterdocs-article-reactions { padding: 2em; background-color: #fff; border-radius: 5px; justify-content: space-between; } .betterdocs-social-share .betterdocs-social-share-heading, .betterdocs-article-reactions .betterdocs-article-reactions-heading { flex: 0 0 auto; } .betterdocs-article-reactions .betterdocs-article-reactions-heading h5, .betterdocs-social-share .betterdocs-social-share-heading h5 { font-size: 1em; margin: 0; } .betterdocs-social-share { margin-top: 44px; } .betterdocs-social-share .betterdocs-social-share-heading { margin-right: 10px; display: flex; align-items: center; } .betterdocs-social-share-links { padding: 0; margin: 0; flex: 0 0 auto; text-align: center; display: flex; justify-content: space-around; } .betterdocs-social-share-links li { list-style: none; padding: 0 8px; text-align: center; flex: 1 1 auto; margin: 0; } .betterdocs-social-share-links li a { display: inline-block; color: #f56a6a; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .betterdocs-social-share-links li a img { height: 30px; width: 30px; } .betterdocs-entry-content code { display: block; white-space: pre-wrap; overflow-wrap: break-word; } .betterdocs-entry-content pre { overflow: auto; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } .betterdocs-entry-content img { max-width: 100%; height: auto; } .cat-list-arrow-down { display: none; } /** Single Layout 4, 5 CSS Migrated From Betterdocs Docs Pro To Free START**/ .betterdocs-full-sidebar-left .betterdocs-categories-wrap { width: 100% !important; border-radius: 0; } /* single layout 2 */ .betterdocs-single-wraper.full-wrapper { background-color: #fff; width: 100%; } .betterdocs-content-full { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: 30px; padding-left: 15px; padding-right: 15px; } .betterdocs-full-sidebar-left { grid-column: 1 / span 3; border-right: 1px solid #eff2f7; padding-right: 1px; } /*** Category Sidebar Layout 4 Css ***/ .betterdocs-content-area .betterdocs-full-sidebar-left.sidebar-layout-4{ max-width: 400px; width: 30%; padding: 0; } .betterdocs-content-area .betterdocs-full-sidebar-left.sidebar-layout-4 .betterdocs-sidebar-content.betterdocs-category-sidebar .docs-single-cat-wrap .docs-cat-title-wrap.active-title{ background-color: transparent !important; border: none !important; } .betterdocs-content-area .betterdocs-full-sidebar-left.sidebar-layout-4 .betterdocs-sidebar-content.betterdocs-category-sidebar .betterdocs-categories-wrap.category-grid .docs-single-cat-wrap .docs-cat-title-wrap .docs-cat-title-inner .cat-list-arrow-down{ display: block; height: 15px; width: 15px; transition: all 0.3s ease-in-out 0s; } .betterdocs-content-area .betterdocs-full-sidebar-left.sidebar-layout-4 .betterdocs-sidebar-content.betterdocs-category-sidebar.betterdocs-height{ height: auto; } .betterdocs-content-area .betterdocs-full-sidebar-left.sidebar-layout-4.betterdocs-background{ height: fit-content; } /*** Category Sidebar Layout 4 Css ***/ /*** Category Sidebar Layout 5 Css ***/ .betterdocs-content-area .betterdocs-full-sidebar-left.sidebar-layout-5{ max-width: 400px; width: 30%; padding: 0; } .betterdocs-content-area .betterdocs-full-sidebar-left.sidebar-layout-5 .betterdocs-sidebar-content.betterdocs-category-sidebar .docs-single-cat-wrap .docs-cat-title-wrap.active-title{ background-color: transparent !important; border: none !important; } .betterdocs-content-area .betterdocs-full-sidebar-left.sidebar-layout-5 .betterdocs-sidebar-content.betterdocs-category-sidebar .betterdocs-categories-wrap.category-grid .docs-single-cat-wrap .docs-cat-title-wrap .docs-cat-title-inner .cat-list-arrow-down{ display: block; height: 15px; width: 15px; transition: all 0.3s ease-in-out 0s; } .betterdocs-content-area .betterdocs-full-sidebar-left.sidebar-layout-5 .betterdocs-sidebar-content.betterdocs-category-sidebar.betterdocs-height{ height: auto; } .betterdocs-content-area .betterdocs-full-sidebar-left.sidebar-layout-5.betterdocs-background{ height: fit-content; } .betterdocs-content-area .sidebar-layout-5{ box-shadow: 0px 8px 20px rgb(0 1 35 / 10%); } /*** Category Sidebar Layout 5 Css ***/ .betterdocs-full-sidebar-right { grid-column: 11 / span 2; border-left: 1px solid #eff2f7; padding-left: 1px; } .grid-col-3 .docs-content-full-main { grid-column: 4 / span 7; } .grid-col-2.toc-enable .docs-content-full-main { grid-column: 1 / span 10; } .grid-col-2.sidebar-enable .docs-content-full-main { grid-column: 4 / span 10; } .grid-col-1 .docs-content-full-main { grid-column: 1 / span 12; } #betterdocs-sidebar-left { position: relative; } .betterdocs-full-sidebar-left .betterdocs-sidebar-content.betterdocs-category-sidebar, .betterdocs-full-sidebar-right .layout2-toc-container { position: sticky; top: 4vh; height: 100vh; overflow: auto; } .betterdocs-full-sidebar-left .betterdocs-sidebar-content.betterdocs-category-sidebar { left: 0; } .betterdocs-full-sidebar-right .layout2-toc-container { right: 0; } .betterdocs-content-full .docs-single-main, .betterdocs-full-sidebar-left, .betterdocs-full-sidebar-right { padding-top: 50px; } .betterdocs-full-sidebar-left ul { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; } .betterdocs-full-sidebar-left .betterdocs-sidebar-content.betterdocs-category-sidebar .betterdocs-categories-wrap { padding: 15px 0px; } betterdocs-single-layout5 .betterdocs-full-sidebar-left { max-width: 270px; } .betterdocs-single-layout4 .betterdocs-full-sidebar-left .betterdocs-categories-wrap { padding: 60px 0px; } .betterdocs-single-layout5 .betterdocs-full-sidebar-left .betterdocs-categories-wrap { padding: 20px 0px; } .betterdocs-toc .toc-list li::before { display: none !important; } .betterdocs-single-layout2 .betterdocs-full-sidebar-left .betterdocs-sidebar-content.betterdocs-category-sidebar .betterdocs-categories-wrap .docs-cat-title-inner { display: inline-block; width: 100%; } .betterdocs-single-layout2 .betterdocs-full-sidebar-left .betterdocs-sidebar-content.betterdocs-category-sidebar .betterdocs-categories-wrap .docs-cat-title-inner .docs-cat-heading { padding-left: 0; } .betterdocs-single-layout2 .betterdocs-full-sidebar-left .betterdocs-sidebar-content.betterdocs-category-sidebar .docs-item-container { padding: 0 15px; } .betterdocs-full-sidebar-left .betterdocs-categories-wrap.white-bg .docs-single-cat-wrap { background-color: transparent !important; } @media (min-width: 1199px) and (max-width: 1280px) { .betterdocs-full-sidebar-left { grid-column: 1 / span 3; border-right: 1px solid #eff2f7; padding-right: 1px; } .betterdocs-full-sidebar-right { grid-column: 10 / -1; border-left: 1px solid #eff2f7; padding-left: 1px; } .docs-content-full-main { grid-column: 4 / span 6; } } @media (min-width: 768px) and (max-width: 1199px) { #betterdocs-sidebar-right { display: none; } .betterdocs-full-sidebar-left { grid-column: 1 / span 3; } .grid-col-2 .docs-content-full-main, .grid-col-3 .docs-content-full-main { grid-column: 4 / -1; } } @media (max-width: 767px) { #betterdocs-sidebar-left, #betterdocs-sidebar-right { display: none; } .grid-col-2 .docs-content-full-main, .grid-col-3 .docs-content-full-main { grid-column: 1 / -1; } } /* single layout 3 */ .betterdocs-single-wraper.full-wrapper { background-color: #fff; } .betterdocs-full-sidebar-left { grid-column: 1 / span 3; padding-right: 1px; } .betterdocs-single-wraper .betterdocs-full-sidebar-left { border-right: 1px solid #eff2f7; } .betterdocs-full-sidebar-right { grid-column: 11 / span 2; padding-left: 1px; list-style: none; } .betterdocs-single-wraper .betterdocs-full-sidebar-right { border-left: 1px solid #eff2f7; } .grid-col-3 .docs-content-full-main { width: inherit; grid-column: 4 / span 7; } .grid-col-2.toc-enable .docs-content-full-main { grid-column: 1 / span 10; } .grid-col-2.sidebar-enable .docs-content-full-main { grid-column: 4 / span 10; } .grid-col-1 .docs-content-full-main { grid-column: 1 / span 12; } #betterdocs-sidebar-left { position: relative; } .betterdocs-full-sidebar-left .betterdocs-sidebar-content.betterdocs-category-sidebar, .betterdocs-full-sidebar-right .layout3-toc-container { position: sticky; top: 4vh; height: 100vh; overflow: auto; } .betterdocs-full-sidebar-left .betterdocs-sidebar-content.betterdocs-category-sidebar { left: 0; } .betterdocs-full-sidebar-right .layout2-toc-container { right: 0; } .betterdocs-full-sidebar-left .betterdocs-categories-wrap .docs-single-cat-wrap { min-width: auto; } .betterdocs-full-sidebar-left .betterdocs-sidebar-content.betterdocs-category-sidebar .category-list .docs-cat-title-inner .docs-cat-heading { padding-left: 0; } .betterdocs-full-sidebar-left ul { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; } .betterdocs-full-sidebar-lef .betterdocs-sidebar-content.betterdocs-category-sidebar .betterdocs-categories-wrap { padding: 15px 0px; } .betterdocs-toc .toc-list li::before { display: none !important; } .betterdocs-single-layout4 .betterdocs-content-full { grid-gap: 15px; } .betterdocs-single-layout4 .docs-single-main { background-color: #ffffff; } .betterdocs-single-bg .betterdocs-content-full.betterdocs-single-layout4 { background-color: #F1F1F5; } .betterdocs-single-layout4.betterdocs-single-wraper .betterdocs-full-sidebar-left, .betterdocs-single-layout4.betterdocs-single-wraper .betterdocs-full-sidebar-right { padding-top: 0px; } .betterdocs-single-layout4.betterdocs-single-wraper .docs-single-main { padding: 35px; width: inherit; width: -moz-available; } .betterdocs-single-layout4.betterdocs-single-wraper .betterdocs-full-sidebar-left { border-right: none; } .betterdocs-single-layout4.betterdocs-single-wraper .betterdocs-content-full { padding-left: 0; padding-right: 0; } .betterdocs-single-layout4.betterdocs-single-wraper .betterdocs-full-sidebar-right { border-left: none; } .betterdocs-single-layout4 .betterdocs-sidebar-content .docs-single-cat-wrap .docs-cat-title-wrap.active-title { background-color: transparent !important; border: none !important; } .betterdocs-single-layout5 .betterdocs-full-sidebar-left, .betterdocs-single-layout5 .docs-content-full-main, .betterdocs-single-layout5 .betterdocs-full-sidebar-right { margin-top: 100px; } .betterdocs-single-layout5 .docs-content-full-main .betterdocs-breadcrumb { position: absolute; margin-top: -100px; margin-bottom: 0; margin-left: -30px; } .betterdocs-single-layout5 .docs-single-main { padding: 40px 30px; } .betterdocs-single-layout5 .betterdocs-toc { background-color: transparent !important; padding: 0 !important; } .betterdocs-single-layout5 .betterdocs-content-full { grid-gap: 30px; } @media (min-width: 1199px) and (max-width: 1280px) { .betterdocs-full-sidebar-left { grid-column: 1 / span 3; border-right: 1px solid #eff2f7; padding-right: 1px; } .betterdocs-full-sidebar-right { grid-column: 10 / -1; border-left: 1px solid #eff2f7; padding-left: 1px; } .docs-content-full-main { grid-column: 4 / span 6; } } @media (min-width: 768px) and (max-width: 1199px) { #betterdocs-sidebar-right { display: none; } .betterdocs-full-sidebar-left { grid-column: 1 / span 3; } .grid-col-2 .docs-content-full-main, .grid-col-3 .docs-content-full-main { grid-column: 4 / -1; } } .betterdocs-full-sidebar-left .docs-cat-title-wrap { position: relative; } .betterdocs-single-layout3 .betterdocs-full-sidebar-left .cat-list-arrow-down, .betterdocs-single-layout4 .betterdocs-full-sidebar-left .cat-list-arrow-down { display: block; height: 15px; width: 15px; transition: all 0.3s ease-in-out 0s; } .betterdocs-full-sidebar-left .docs-cat-title-wrap.active-title .cat-list-arrow-down { transform: rotate(-180deg); } .betterdocs-popular-list ul li svg { margin-right: 10px; } .betterdocs-archive-list-view { flex-basis: 70%; margin-right: 30px; } .betterdocs-archive-popular { flex-basis: 30%; margin-left: 30px; } .betterdocs-popular-list ul li { display: flex; align-items: center; } .betterdocs-popular-list ul li a { font-size: 17px; line-height: 36px; color: #15063F; line-height: 2; } .betterdocs-popular-list ul li svg { font-size: 15px; min-width: 15px; width: 15px; fill: #A6A4EF; } .betterdocs-tab-content.active { display: block; } .betterdocs-tab-content { display: none; } .betterdocs-tab-list { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; width: 100%; margin-bottom: 30px; } .betterdocs-tab-list a { display: block; margin: 8px; font-weight: 500; font-size: 16px; line-height: 36px; padding: 10px 36px; color: #15063F; background-color: #EDEDFF; border-radius: 5px; } .betterdocs-tab-list a.active { background-color: #614EFC; color: #fff; } .betterdocs-tab-categories { width: 100%; display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 30px; } .betterdocs-tab-categories .docs-cat-title-inner { border-bottom: none; padding-bottom: 0; } .betterdocs-tab-categories .docs-single-cat-wrap { padding: 25px; background-color: #fff; } .betterdocs-tab-categories .docs-cat-title-inner { margin-bottom: 20px; } .betterdocs-tab-categories .docs-item-container { padding: 0 !important; } .betterdocs-single-layout4 .betterdocs-full-sidebar-right .betterdocs-toc ul.betterdocs-hierarchial-toc { border-left: 1px solid #D2D2D2; padding-left: 16px; position: relative; margin-top: 15px; } .betterdocs-single-layout4 .betterdocs-full-sidebar-right .betterdocs-toc ul.betterdocs-hierarchial-toc a.active:after { content: ""; position: absolute; width: 2px; height: 1.6em; left: -1px; } .betterdocs-single-layout5 .betterdocs-content-full { display: block; width: 100%; } .betterdocs-single-layout5 .docs-single-grid-content { display: grid; grid-template-columns: repeat(12, 1fr); width: 100%; max-width: 1400px; margin: 0 auto; grid-gap: 30px; } .betterdocs-single-layout5 .betterdocs-full-sidebar-left .betterdocs-categories-wrap { box-shadow: 0px 8px 20px rgba(0, 1, 35, 0.1); border-radius: 5px; } @media (max-width: 767px) { #betterdocs-sidebar-left, #betterdocs-sidebar-right { display: none; } .grid-col-2 .docs-content-full-main, .grid-col-3 .docs-content-full-main { grid-column: 1 / -1; } .grid-col-2.sidebar-enable .docs-content-full-main { grid-column: 1/span 10; } .betterdocs-single-layout4.betterdocs-single-wraper { margin: 0; } .betterdocs-single-layout4.betterdocs-single-wraper .docs-single-main { padding: 15px; } .docs-single-title .betterdocs-entry-title { padding-bottom: 10px; margin-bottom: 10px; } .betterdocs-single-layout4 .betterdocs-entry-content .betterdocs-toc, .betterdocs-single-layout5 .betterdocs-entry-content .betterdocs-toc { border: 1px solid #D2D2D2; padding: 10px !important; } .betterdocs-single-layout5 .docs-content-full-main .betterdocs-breadcrumb { margin-left: 0; } } .betterdocs-categories-wrap.pro-layout-4.single-kb .docs-single-cat-wrap.docs-cat-list-2-items .docs-item-container .docs-cat-link-btn { margin-left: 0; margin-right: 0; } .betterdocs-single-layout4 .betterdocs-entry-content .betterdocs-toc, .betterdocs-single-layout5 .betterdocs-entry-content .betterdocs-toc{ display: none; } @media only screen and (max-width: 1199px) { .betterdocs-single-layout4 .betterdocs-entry-content .betterdocs-toc, .betterdocs-single-layout5 .betterdocs-entry-content .betterdocs-toc{ display: block; } } /** Single Layout 4, 5 CSS Migrated From Betterdocs Docs Pro To Free END**/ /* Single Layout 5 Max Width Issue With Astra Theme Fix */ .betterdocs-single-wraper.betterdocs-single-bg.full-wrapper.betterdocs-single-layout4.betterdocs-single-layout5{ width: 100%; } /* Astra Fullwdidth support */ body.single-docs .site-content > .ast-container, .archive.post-type-archive-docs .site-content > .ast-container, .archive.tax-doc_category .site-content > .ast-container, .archive.tax-doc_tag .site-content > .ast-container { max-width: none; padding: 0; } /* Responsiveness */ @media only screen and (max-width: 959px) { #betterdocs-sidebar { display: none; } .sticky-toc-container, .betterdocs-print-pdf { display: none; } .betterdocs-sidebar-content .docs-item-container { padding: 5px; } } @media only screen and (max-width: 767px) { .betterdocs-single-wraper .betterdocs-content-area .docs-single-main { padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; } } /** FAQ LAYOUT 1 CSS **/ .betterdocs-faq-section-title { text-align: center; margin: 20px 0; font-size: 30px; font-weight: 500; line-height: 1.2; color: #15063F; } .betterdocs-faq-main-wrapper-layout-1{ margin: 0px auto; width: 100%; max-width: 1000px; } .betterdocs-faq-main-wrapper-layout-1 .betterdocs-faq-title h2 { font-weight: 500; font-size: 25px; line-height: 1.2; color: #15063F; padding: 20px 20px; margin: 0; } .betterdocs-faq-main-wrapper-layout-1 .betterdocs-faq-list { list-style: none; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 2em; padding: 0px; text-indent: 0; } .betterdocs-faq-main-wrapper-layout-1 .betterdocs-faq-list > li { margin: 0px; padding: 0px; text-indent: 0; list-style: none; background: none; } .betterdocs-faq-main-wrapper-layout-1 .betterdocs-faq-list > li .betterdocs-faq-group.active .betterdocs-faq-post .betterdocs-faq-post-name { color: #528ffe; } .betterdocs-faq-main-wrapper-layout-1 .betterdocs-faq-list > li .betterdocs-faq-group .betterdocs-faq-post { display: flex; justify-content: space-between; align-items: center; cursor: pointer; padding: 20px; margin-bottom: 5px; background-color: #f0f1f5; } .betterdocs-faq-main-wrapper-layout-1 .betterdocs-faq-list .betterdocs-faq-group { margin-bottom: 5px; } .betterdocs-faq-main-wrapper-layout-1 .betterdocs-faq-list > li .betterdocs-faq-group .betterdocs-faq-post .betterdocs-faq-post-name{ font-size: 17px; line-height: 1.2; color: #2f3b48; font-weight: 500; } .betterdocs-faq-main-wrapper-layout-1 .betterdocs-faq-group .betterdocs-faq-main-content { display: none; padding: 20px; overflow: auto; color: #7B7B7B; } .betterdocs-faq-main-wrapper-layout-1 .betterdocs-faq-group .betterdocs-faq-main-content { background-color: #fbfcff; } .betterdocs-faq-main-wrapper-layout-1 .betterdocs-faq-list > li .betterdocs-faq-group .betterdocs-faq-post .betterdocs-faq-iconplus { margin-left: 16px; max-width: 30px; max-height: 20px; flex-shrink: 0; } .betterdocs-faq-main-wrapper-layout-1 .betterdocs-faq-list > li .betterdocs-faq-group .betterdocs-faq-post .betterdocs-faq-iconminus { margin-left: 16px; max-width: 30px; max-height: 20px; flex-shrink: 0; display: none; } /** FAQ LAYOUT 2 CSS **/ .betterdocs-faq-main-wrapper-layout-2 { margin: 0px auto; width: 100%; max-width: 1000px; } .betterdocs-faq-main-wrapper-layout-2 .betterdocs-faq-list-layout-2 { padding: 0px; margin: 0px; } .betterdocs-faq-main-wrapper-layout-2 .betterdocs-faq-list-layout-2 > li { margin: 0px; padding: 0px; text-indent: 0; list-style: none; background: none; } .betterdocs-faq-main-wrapper-layout-2 .betterdocs-faq-title h2 { font-weight: 500; font-size: 25px; line-height: 1.2; color: #15063F; padding: 20px 20px; margin: 0; } .betterdocs-faq-main-wrapper-layout-2 .betterdocs-faq-list > li .betterdocs-faq-group .betterdocs-faq-post-layout-2 .betterdocs-faq-post-name { font-size: 17px; line-height: 1.2; color: #2f3b48; font-weight: 500; } .betterdocs-faq-main-wrapper-layout-2 .betterdocs-faq-list-layout-2 > li .betterdocs-faq-group-layout-2 { background: #fff; box-shadow: 0px 3px 15px rgb(0 0 0 / 15%), 0 0 2px rgb(0 0 0 / 5%); margin: 0 0 20px; border-radius: 1px; } .betterdocs-faq-main-wrapper-layout-2 .betterdocs-faq-list-layout-2 > li .betterdocs-faq-group-layout-2 .betterdocs-faq-post-layout-2 { display: flex; justify-content: flex-start; align-items: center; padding: 20px 20px 20px 20px; margin: 0px; cursor: pointer; font-weight: bold; } .betterdocs-faq-main-wrapper-layout-2 .betterdocs-faq-list-layout-2 > li .betterdocs-faq-group-layout-2 .betterdocs-faq-post-layout-2 .betterdocs-faq-post-layout-2-icon-group { padding: 5px 10px 0px 0px; flex-shrink: 0; } .betterdocs-faq-main-wrapper-layout-2 .betterdocs-faq-list-layout-2 > li .betterdocs-faq-group-layout-2 .betterdocs-faq-post-layout-2 .betterdocs-faq-post-layout-2-icon-group .betterdocs-faq-iconplus-layout-2 { height: 18px; width: 18px; } .betterdocs-faq-main-wrapper-layout-2 .betterdocs-faq-list-layout-2 > li .betterdocs-faq-group-layout-2 .betterdocs-faq-post-layout-2 .betterdocs-faq-post-layout-2-icon-group .betterdocs-faq-iconminus-layout-2 { height: 18px; width: 18px; display: none; } .betterdocs-faq-main-wrapper-layout-2 .betterdocs-faq-list-layout-2 > li .betterdocs-faq-group-layout-2 .betterdocs-faq-main-content-layout-2 { display: none; overflow: auto; padding: 20px; } .betterdocs-faq-main-wrapper-layout-2 .betterdocs-faq-group-layout-2 .betterdocs-faq-post-layout-2 { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .betterdocs-faq-main-wrapper-layout-2 .betterdocs-faq-group-layout-2.active .betterdocs-faq-post-layout-2 { background-color: #f0f1f5; }