/* ============================================= */ /* Only Layout 2 modification from Default Layout /* ============================================= */ /* ===================================== */ /* Column CSS /* ===================================== */ .el-betterdocs-category-grid-wrapper { margin: 0 -7.5px; } .el-betterdocs-category-grid-wrapper .el-betterdocs-category-grid.fit-to-screen { display: flex; flex-wrap: wrap; } .el-betterdocs-category-grid-wrapper .el-betterdocs-category-grid.fit-to-screen .el-betterdocs-category-grid-post { display: flex; } .el-betterdocs-category-grid-wrapper .el-betterdocs-category-grid.fit-to-screen .el-betterdocs-category-grid-post .el-betterdocs-cg-inner { width: 100%; } .el-betterdocs-category-grid-post .el-betterdocs-cg-inner { background: #ffffff; box-shadow: 0 10px 100px 0 rgba(40, 47, 98, 0.08); margin: 0 7.5px 15px 7.5px; } .el-betterdocs-category-grid-post .docs-sub-cat-list { display: block; } .betterdocs-category-grid-wrapper .el-betterdocs-cg-body { padding: 0px 20px 0px 20px; } .betterdocs-category-grid-wrapper .el-betterdocs-cg-body ul { margin: 0; padding: 0; list-style: none; } .betterdocs-category-grid-wrapper .el-betterdocs-cg-body ul li { margin: 10px; display: flex; align-items: center; color: #566e8b; } .betterdocs-category-grid-wrapper .el-betterdocs-cg-body ul li a { text-decoration: none; color: #566e8b; line-height: 1.8; } .betterdocs-category-grid-wrapper .el-betterdocs-cg-body ul li .el-betterdocs-cg-post-list-icon { font-style: normal; line-height: 1.8; margin-right: 10px; } .betterdocs-category-grid-wrapper .el-betterdocs-cg-body ul.docs-sub-cat-list { margin-left: 20px; } .el-betterdocs-cg-header { padding: 20px; } .el-betterdocs-cg-header .el-betterdocs-cg-header-inner { display: flex; flex-direction: row; align-items: center; padding-bottom: 20px; } .el-betterdocs-cg-header .betterdocs-category-title { color: #528ffe; font-size: 20px; position: relative; margin: 0; word-break: break-word; } .el-betterdocs-cg-header .el-betterdocs-cat-icon { max-height: 32px; max-width: 32px; margin-right: 30px; transition: 300ms; } .el-betterdocs-cg-header .el-betterdocs-cat-icon img { width: 100%; } .el-betterdocs-cg-header .el-betterdocs-item-count { min-height: 35px; min-width: 35px; background: #528ffe; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-left: auto; color: #ffffff; font-size: 15px; } .elgb-betterdocs-grid-sub-cat-title { display: block; cursor: pointer; margin: 10px 10px 0 10px; } .elgb-betterdocs-grid-sub-cat-title .toggle-arrow { margin-right: 5px; } .elgb-betterdocs-grid-sub-cat-title .arrow-down { display: none; } .elgb-betterdocs-grid-sub-cat-title a { color: #566e8b; font-size: 18px; line-height: 2; transition: all 0.3s; outline: none; text-decoration: none !important; } .elgb-betterdocs-grid-sub-cat-title i { font-size: 16px; } .docs-sub-cat-wrapper { display: none; } .el-betterdocs-cg-button { text-decoration: none !important; display: inline-block; background-color: #ffffff; font-size: 16px; color: #528ffe; border: 1px solid #528ffe; border-radius: 50px; line-height: 1; padding: 15px 20px; margin: 10px 20px; } .el-betterdocs-cg-button .el-betterdocs-cg-button-icon { font-style: normal; position: relative; top: 1px; } .el-betterdocs-cg-button .el-betterdocs-cg-button-icon.el-betterdocs-cg-button-icon-left { margin-right: 5px; } .el-betterdocs-cg-button .el-betterdocs-cg-button-icon.el-betterdocs-cg-button-icon-right { margin-left: 5px; } .el-betterdocs-category-grid-post.layout-2 .el-betterdocs-cg-header { padding: 0px 20px; } .el-betterdocs-category-grid-post.layout-2 .betterdocs-category-title { transition: 300ms; margin-top: 30px; color: #528ffe; font-size: 18px; font-weight: 500; } .el-betterdocs-category-grid-post.layout-2 .el-betterdocs-item-count { margin: 0; border-radius: 0; position: relative; display: block; width: auto; background: none; height: 45px; width: 40px; } .el-betterdocs-category-grid-post.layout-2 .el-betterdocs-item-count:before { content: attr(data-content); position: absolute; left: 0; top: -1px; height: 45px; width: 40px; background: #fc8c91; align-items: center; display: flex; justify-content: center; } .el-betterdocs-category-grid-post.layout-2 .el-betterdocs-item-count:after { position: absolute; left: 40px; top: -1px; content: ""; border-top: 6px solid #ad5e62; border-right: 6px solid transparent; opacity: 0.9; } .el-betterdocs-category-grid-post.layout-2 .el-betterdocs-cg-body ul li { font-size: 15px; } .el-betterdocs-category-grid-post.layout-2 .el-betterdocs-cg-body ul li a { color: #707070; } .el-betterdocs-category-grid-post.layout-2 .el-betterdocs-cg-inner { transition: 300ms; box-shadow: 0px 1px 5px 0px rgba(0, 9, 78, 0.1); border-radius: 5px; } .el-betterdocs-category-grid-post.layout-2 .el-betterdocs-cg-inner:hover { box-shadow: 0px 15px 40px 0px rgba(0, 9, 78, 0.1); } .el-betterdocs-category-grid-post.layout-2 .el-betterdocs-cg-button { font-size: 15px; text-decoration: none !important; border: 0px solid; border-radius: 0; color: #333333; transition: 300ms; } .el-betterdocs-category-grid-post.layout-2 .el-betterdocs-cg-button:hover { color: #fc8c91; } .rtl .el-betterdocs-category-grid-post.layout-2 .el-betterdocs-item-count:after { position: absolute; right: 40px; left: 0; border-top: 6px solid #ad5e62; border-left: 6px solid transparent; border-right: unset; } .rtl .el-betterdocs-category-grid-post.layout-2 .el-betterdocs-cg-header .el-betterdocs-item-count { margin-right: unset; margin-left: auto; } .rtl .el-betterdocs-category-grid-post .el-betterdocs-cg-header .el-betterdocs-item-count { margin-right: auto; margin-left: unset; } .betterdocs-category-grid-wrapper { width: 100%; max-width: 1600px; display: block; margin: 0 auto; } .betterdocs-category-grid.masonry { margin-left: auto; margin-right: auto; } .betterdocs-category-grid { display: flex; flex-wrap: wrap; } .docs-sub-cat-wrapper { overflow: hidden; transition: height 300ms ease-in; } /* ===================================== */ /* Column CSS /* ===================================== */ @media only screen and (min-width: 1025px) { .betterdocs-block.betterdocs-grid-1 { position: relative; } .betterdocs-block.betterdocs-grid-1 .el-betterdocs-category-grid-post { width: 100%; } .betterdocs-block.betterdocs-grid-2 { position: relative; } .betterdocs-block.betterdocs-grid-2 .el-betterdocs-category-grid-post { width: 50%; } .betterdocs-block.betterdocs-grid-2 .el-betterdocs-category-grid-post:nth-of-type(2n) { margin-right: 0 !important; } .betterdocs-block.betterdocs-grid-2 .el-betterdocs-category-grid-post:nth-of-type(2n + 1) { clear: left; } .betterdocs-block.betterdocs-grid-3 { position: relative; } .betterdocs-block.betterdocs-grid-3 .el-betterdocs-category-grid-post { width: 33.3333%; } .betterdocs-block.betterdocs-grid-3 .el-betterdocs-category-grid-post:nth-of-type(3n) { margin-right: 0 !important; } .betterdocs-block.betterdocs-grid-3 .el-betterdocs-category-grid-post:nth-of-type(3n + 1) { clear: left; } .betterdocs-block.betterdocs-grid-4 { position: relative; } .betterdocs-block.betterdocs-grid-4 .el-betterdocs-category-grid-post { width: 25%; } .betterdocs-block.betterdocs-grid-4 .el-betterdocs-category-grid-post:nth-of-type(4n) { margin-right: 0 !important; } .betterdocs-block.betterdocs-grid-4 .el-betterdocs-category-grid-post:nth-of-type(4n + 1) { clear: left; } .betterdocs-block.betterdocs-grid-5 { position: relative; } .betterdocs-block.betterdocs-grid-5 .el-betterdocs-category-grid-post { width: 20%; } .betterdocs-block.betterdocs-grid-5 .el-betterdocs-category-grid-post:nth-of-type(5n) { margin-right: 0 !important; } .betterdocs-block.betterdocs-grid-5 .el-betterdocs-category-grid-post:nth-of-type(5n + 1) { clear: left; } .betterdocs-block.betterdocs-grid-6 { position: relative; } .betterdocs-block.betterdocs-grid-6 .el-betterdocs-category-grid-post { width: 16%; } .betterdocs-block.betterdocs-grid-6 .el-betterdocs-category-grid-post:nth-of-type(6n) { margin-right: 0 !important; } .betterdocs-block.betterdocs-grid-6 .el-betterdocs-category-grid-post:nth-of-type(6n + 1) { clear: left; } } @media only screen and (max-width: 1024px) and (min-width: 766px) { .betterdocs-block.betterdocs-grid-tablet-1 { position: relative; } .betterdocs-block.betterdocs-grid-tablet-1 .el-betterdocs-category-grid-post { width: 100%; } .betterdocs-block.betterdocs-grid-tablet-2 { position: relative; } .betterdocs-block.betterdocs-grid-tablet-2 .el-betterdocs-category-grid-post { width: 50%; } .betterdocs-block.betterdocs-grid-tablet-2 .el-betterdocs-category-grid-post:nth-of-type(2n) { margin-right: 0 !important; } .betterdocs-block.betterdocs-grid-tablet-2 .el-betterdocs-category-grid-post:nth-of-type(2n + 1) { clear: left; } .betterdocs-block.betterdocs-grid-tablet-3 { position: relative; } .betterdocs-block.betterdocs-grid-tablet-3 .el-betterdocs-category-grid-post { width: 33.3333%; } .betterdocs-block.betterdocs-grid-tablet-3 .el-betterdocs-category-grid-post:nth-of-type(3n) { margin-right: 0 !important; } .betterdocs-block.betterdocs-grid-tablet-3 .el-betterdocs-category-grid-post:nth-of-type(3n + 1) { clear: left; } .betterdocs-block.betterdocs-grid-tablet-4 { position: relative; } .betterdocs-block.betterdocs-grid-tablet-4 .el-betterdocs-category-grid-post { width: 25%; } .betterdocs-block.betterdocs-grid-tablet-4 .el-betterdocs-category-grid-post:nth-of-type(4n) { margin-right: 0 !important; } .betterdocs-block.betterdocs-grid-tablet-4 .el-betterdocs-category-grid-post:nth-of-type(4n + 1) { clear: left; } .betterdocs-block.betterdocs-grid-tablet-5 { position: relative; } .betterdocs-block.betterdocs-grid-tablet-5 .el-betterdocs-category-grid-post { width: 20%; } .betterdocs-block.betterdocs-grid-tablet-5 .el-betterdocs-category-grid-post:nth-of-type(5n) { margin-right: 0 !important; } .betterdocs-block.betterdocs-grid-tablet-5 .el-betterdocs-category-grid-post:nth-of-type(5n + 1) { clear: left; } .betterdocs-block.betterdocs-grid-tablet-6 { position: relative; } .betterdocs-block.betterdocs-grid-tablet-6 .el-betterdocs-category-grid-post { width: 16%; } .betterdocs-block.betterdocs-grid-tablet-6 .el-betterdocs-category-grid-post:nth-of-type(6n) { margin-right: 0 !important; } .betterdocs-block.betterdocs-grid-tablet-6 .el-betterdocs-category-grid-post:nth-of-type(6n + 1) { clear: left; } } @media only screen and (max-width: 767px) { .betterdocs-block.betterdocs-grid-mobile-1 { position: relative; } .betterdocs-block.betterdocs-grid-mobile-1 .el-betterdocs-category-grid-post { width: 100%; } .betterdocs-block.betterdocs-grid-mobile-2 { position: relative; } .betterdocs-block.betterdocs-grid-mobile-2 .el-betterdocs-category-grid-post { width: 50%; } .betterdocs-block.betterdocs-grid-mobile-2 .el-betterdocs-category-grid-post:nth-of-type(2n) { margin-right: 0 !important; } .betterdocs-block.betterdocs-grid-mobile-2 .el-betterdocs-category-grid-post:nth-of-type(2n + 1) { clear: left; } .betterdocs-block.betterdocs-grid-mobile-3 { position: relative; } .betterdocs-block.betterdocs-grid-mobile-3 .el-betterdocs-category-grid-post { width: 33.3333%; } .betterdocs-block.betterdocs-grid-mobile-3 .el-betterdocs-category-grid-post:nth-of-type(3n) { margin-right: 0 !important; } .betterdocs-block.betterdocs-grid-mobile-3 .el-betterdocs-category-grid-post:nth-of-type(3n + 1) { clear: left; } .betterdocs-block.betterdocs-grid-mobile-4 { position: relative; } .betterdocs-block.betterdocs-grid-mobile-4 .el-betterdocs-category-grid-post { width: 25%; } .betterdocs-block.betterdocs-grid-mobile-4 .el-betterdocs-category-grid-post:nth-of-type(4n) { margin-right: 0 !important; } .betterdocs-block.betterdocs-grid-mobile-4 .el-betterdocs-category-grid-post:nth-of-type(4n + 1) { clear: left; } .betterdocs-block.betterdocs-grid-mobile-5 { position: relative; } .betterdocs-block.betterdocs-grid-mobile-5 .el-betterdocs-category-grid-post { width: 20%; } .betterdocs-block.betterdocs-grid-mobile-5 .el-betterdocs-category-grid-post:nth-of-type(5n) { margin-right: 0 !important; } .betterdocs-block.betterdocs-grid-mobile-5 .el-betterdocs-category-grid-post:nth-of-type(5n + 1) { clear: left; } .betterdocs-block.betterdocs-grid-mobile-6 { position: relative; } .betterdocs-block.betterdocs-grid-mobile-6 .el-betterdocs-category-grid-post { width: 16%; } .betterdocs-block.betterdocs-grid-mobile-6 .el-betterdocs-category-grid-post:nth-of-type(6n) { margin-right: 0 !important; } .betterdocs-block.betterdocs-grid-mobile-6 .el-betterdocs-category-grid-post:nth-of-type(6n + 1) { clear: left; } } .rtl .el-betterdocs-category-grid-post.layout-2 .el-betterdocs-item-count:after { position: absolute; right: 40px; left: 0; border-top: 6px solid #ad5e62; border-left: 6px solid transparent; border-right: unset; } .rtl .el-betterdocs-category-grid-post .el-betterdocs-cg-header .el-betterdocs-item-count { margin-right: auto; margin-left: unset; } .rtl .el-betterdocs-category-grid-post.layout-2 .el-betterdocs-cg-header .el-betterdocs-item-count { margin-right: unset; margin-left: auto; } .betterdocs-category-grid-wrapper { width: 100%; max-width: 1600px; display: block; margin: 0 auto; } .betterdocs-category-grid.masonry { margin-left: auto; margin-right: auto; }/*# sourceMappingURL=style.css.map */