/*----------------------------------------------------------------------------------- Theme Name: Ceris Theme URI: http://atbs.bk-ninja.com/ceris Description: Ultimate News and Magazine Template Author: bkninja Author URI: http://themeforest.net/user/bkninja Version: 1.0 Stylesheet -----------------------------------------------------------------------------------*/ /* ============================================================================= ## BASE ============================================================================= */ html { font-size: 14px; } body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; color: rgba(0, 0, 0, 0.8); -webkit-font-smoothing: antialiased; } .row:before { display: none !important; } .ceris-field-invisible { display: none !important; } a { color: #FC3C2D; outline: 0 !important; } a:hover, a:focus, a:active { color: #FC3C2D; } button { outline: 0 !important; } dt { margin-bottom: 0.4em; } dl dt:not(:first-child) { margin-top: 0.8em; } hr { border-color: rgba(0, 0, 0, 0.05); } img { max-width: 100%; height: auto; } p { margin: 0 0 1em; } iframe, object, embed, figure, .fluid-width-video-wrapper { max-width: 100%; } pre { padding: 1.6em; margin: 0 0 1.6em; font-size: 0.9em; background-color: #fafafa; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; line-height: 1.6; color: rgba(0, 0, 0, 0.85); } table { margin: 0 0 1.6em; width: 100%; } tr { border-bottom: 1px solid #eee; } th { padding: 0.8em; text-align: left; } td { padding: 0.8em; } th:first-child, td:first-child { padding-left: 0; } thead th { border-bottom: 2px solid #bbb; padding-bottom: 0.8em; } ul, ol { margin: 0 0 1.6em; padding: 0; } .gallery .gallery-item img{ border: 0 !important; } /** Spacing **/ @media(min-width: 768px){ .atbs-ceris-block.atbs-custom-margin-top-100{margin-top: 100px}.atbs-ceris-block.atbs-custom-margin-bottom-100{margin-bottom: 100px}.atbs-ceris-block.atbs-custom-margin-top-95{margin-top: 95px}.atbs-ceris-block.atbs-custom-margin-bottom-95{margin-bottom: 95px}.atbs-ceris-block.atbs-custom-margin-top-90{margin-top: 90px}.atbs-ceris-block.atbs-custom-margin-bottom-90{margin-bottom: 90px}.atbs-ceris-block.atbs-custom-margin-top-85{margin-top: 85px}.atbs-ceris-block.atbs-custom-margin-bottom-85{margin-bottom: 85px}.atbs-ceris-block.atbs-custom-margin-top-80{margin-top: 80px}.atbs-ceris-block.atbs-custom-margin-bottom-80{margin-bottom: 80px}.atbs-ceris-block.atbs-custom-margin-top-75{margin-top: 75px}.atbs-ceris-block.atbs-custom-margin-bottom-75{margin-bottom: 75px}.atbs-ceris-block.atbs-custom-margin-top-70{margin-top: 70px}.atbs-ceris-block.atbs-custom-margin-bottom-70{margin-bottom: 70px}.atbs-ceris-block.atbs-custom-margin-top-65{margin-top: 65px}.atbs-ceris-block.atbs-custom-margin-bottom-65{margin-bottom: 65px}.atbs-ceris-block.atbs-custom-margin-top-60{margin-top: 60px}.atbs-ceris-block.atbs-custom-margin-bottom-60{margin-bottom: 60px}.atbs-ceris-block.atbs-custom-margin-top-55{margin-top: 55px}.atbs-ceris-block.atbs-custom-margin-bottom-55{margin-bottom: 55px}.atbs-ceris-block.atbs-custom-margin-top-50{margin-top: 50px}.atbs-ceris-block.atbs-custom-margin-bottom-50{margin-bottom: 50px}.atbs-ceris-block.atbs-custom-margin-top-45{margin-top: 45px}.atbs-ceris-block.atbs-custom-margin-bottom-45{margin-bottom: 45px}.atbs-ceris-block.atbs-custom-margin-top-40{margin-top: 40px}.atbs-ceris-block.atbs-custom-margin-bottom-40{margin-bottom: 40px}.atbs-ceris-block.atbs-custom-margin-top-35{margin-top: 35px}.atbs-ceris-block.atbs-custom-margin-bottom-35{margin-bottom: 35px}.atbs-ceris-block.atbs-custom-margin-top-30{margin-top: 30px}.atbs-ceris-block.atbs-custom-margin-bottom-30{margin-bottom: 30px}.atbs-ceris-block.atbs-custom-margin-top-25{margin-top: 25px}.atbs-ceris-block.atbs-custom-margin-bottom-25{margin-bottom: 25px}.atbs-ceris-block.atbs-custom-margin-top-20{margin-top: 20px}.atbs-ceris-block.atbs-custom-margin-bottom-20{margin-bottom: 20px}.atbs-ceris-block.atbs-custom-margin-top-15{margin-top: 15px}.atbs-ceris-block.atbs-custom-margin-bottom-15{margin-bottom: 15px}.atbs-ceris-block.atbs-custom-margin-top-10{margin-top: 10px}.atbs-ceris-block.atbs-custom-margin-bottom-10{margin-bottom: 10px}.atbs-ceris-block.atbs-custom-margin-top-5{margin-top: 5px}.atbs-ceris-block.atbs-custom-margin-bottom-5{margin-bottom: 5px} .atbs-ceris-block.atbs-custom-margin-top-minus-100{margin-top: -100px}.atbs-ceris-block.atbs-custom-margin-bottom-minus-100:not(:last-child){margin-bottom: -100px}.atbs-ceris-block.atbs-custom-margin-top-minus-95{margin-top: -95px}.atbs-ceris-block.atbs-custom-margin-bottom-minus-95:not(:last-child){margin-bottom: -95px}.atbs-ceris-block.atbs-custom-margin-top-minus-90{margin-top: -90px}.atbs-ceris-block.atbs-custom-margin-bottom-minus-90:not(:last-child){margin-bottom: -90px}.atbs-ceris-block.atbs-custom-margin-top-minus-85{margin-top: -85px}.atbs-ceris-block.atbs-custom-margin-bottom-minus-85:not(:last-child){margin-bottom: -85px}.atbs-ceris-block.atbs-custom-margin-top-minus-80{margin-top: -80px}.atbs-ceris-block.atbs-custom-margin-bottom-minus-80:not(:last-child){margin-bottom: -80px}.atbs-ceris-block.atbs-custom-margin-top-minus-75{margin-top: -75px}.atbs-ceris-block.atbs-custom-margin-bottom-minus-75:not(:last-child){margin-bottom: -75px}.atbs-ceris-block.atbs-custom-margin-top-minus-70{margin-top: -70px}.atbs-ceris-block.atbs-custom-margin-bottom-minus-70:not(:last-child){margin-bottom: -70px}.atbs-ceris-block.atbs-custom-margin-top-minus-65{margin-top: -65px}.atbs-ceris-block.atbs-custom-margin-bottom-minus-65:not(:last-child){margin-bottom: -65px}.atbs-ceris-block.atbs-custom-margin-top-minus-60{margin-top: -60px}.atbs-ceris-block.atbs-custom-margin-bottom-minus-60:not(:last-child){margin-bottom: -60px}.atbs-ceris-block.atbs-custom-margin-top-minus-55{margin-top: -55px}.atbs-ceris-block.atbs-custom-margin-bottom-minus-55:not(:last-child){margin-bottom: -55px}.atbs-ceris-block.atbs-custom-margin-top-minus-50{margin-top: -50px}.atbs-ceris-block.atbs-custom-margin-bottom-minus-50:not(:last-child){margin-bottom: -50px}.atbs-ceris-block.atbs-custom-margin-top-minus-45{margin-top: -45px}.atbs-ceris-block.atbs-custom-margin-bottom-minus-45:not(:last-child){margin-bottom: -45px}.atbs-ceris-block.atbs-custom-margin-top-minus-40{margin-top: -40px}.atbs-ceris-block.atbs-custom-margin-bottom-minus-40:not(:last-child){margin-bottom: -40px}.atbs-ceris-block.atbs-custom-margin-top-minus-35{margin-top: -35px}.atbs-ceris-block.atbs-custom-margin-bottom-minus-35:not(:last-child){margin-bottom: -35px}.atbs-ceris-block.atbs-custom-margin-top-minus-30{margin-top: -30px}.atbs-ceris-block.atbs-custom-margin-bottom-minus-30:not(:last-child){margin-bottom: -30px}.atbs-ceris-block.atbs-custom-margin-top-minus-25{margin-top: -25px}.atbs-ceris-block.atbs-custom-margin-bottom-minus-25:not(:last-child){margin-bottom: -25px}.atbs-ceris-block.atbs-custom-margin-top-minus-20{margin-top: -20px}.atbs-ceris-block.atbs-custom-margin-bottom-minus-20:not(:last-child){margin-bottom: -20px}.atbs-ceris-block.atbs-custom-margin-top-minus-15{margin-top: -15px}.atbs-ceris-block.atbs-custom-margin-bottom-minus-15:not(:last-child){margin-bottom: -15px}.atbs-ceris-block.atbs-custom-margin-top-minus-10{margin-top: -10px}.atbs-ceris-block.atbs-custom-margin-bottom-minus-10:not(:last-child){margin-bottom: -10px}.atbs-ceris-block.atbs-custom-margin-top-minus-5{margin-top: -5px}.atbs-ceris-block.atbs-custom-margin-bottom-minus-5:not(:last-child){margin-bottom: -5px} .atbs-ceris-block.atbs-custom-margin-top-0{margin-top: 0}.atbs-ceris-block.atbs-custom-margin-bottom-0{margin-bottom: 0} } /** Spacing heading **/ @media(min-width: 576px) { .atbs-ceris-block.atbs-ceris-block-custom-margin .block-heading.atbs-custom-margin-bottom-100{margin-bottom: 100px}.atbs-ceris-block.atbs-ceris-block-custom-margin .block-heading.atbs-custom-margin-bottom-95{margin-bottom: 95px}.atbs-ceris-block.atbs-ceris-block-custom-margin .block-heading.atbs-custom-margin-bottom-90{margin-bottom: 90px}.atbs-ceris-block.atbs-ceris-block-custom-margin .block-heading.atbs-custom-margin-bottom-85{margin-bottom: 85px}.atbs-ceris-block.atbs-ceris-block-custom-margin .block-heading.atbs-custom-margin-bottom-80{margin-bottom: 80px}.atbs-ceris-block.atbs-ceris-block-custom-margin .block-heading.atbs-custom-margin-bottom-75{margin-bottom: 75px}.atbs-ceris-block.atbs-ceris-block-custom-margin .block-heading.atbs-custom-margin-bottom-70{margin-bottom: 70px}.atbs-ceris-block.atbs-ceris-block-custom-margin .block-heading.atbs-custom-margin-bottom-65{margin-bottom: 65px}.atbs-ceris-block.atbs-ceris-block-custom-margin .block-heading.atbs-custom-margin-bottom-60{margin-bottom: 60px}.atbs-ceris-block.atbs-ceris-block-custom-margin .block-heading.atbs-custom-margin-bottom-55{margin-bottom: 55px}.atbs-ceris-block.atbs-ceris-block-custom-margin .block-heading.atbs-custom-margin-bottom-50{margin-bottom: 50px}.atbs-ceris-block.atbs-ceris-block-custom-margin .block-heading.atbs-custom-margin-bottom-45{margin-bottom: 45px}.atbs-ceris-block.atbs-ceris-block-custom-margin .block-heading.atbs-custom-margin-bottom-40{margin-bottom: 40px}.atbs-ceris-block.atbs-ceris-block-custom-margin .block-heading.atbs-custom-margin-bottom-35{margin-bottom: 35px}.atbs-ceris-block.atbs-ceris-block-custom-margin .block-heading.atbs-custom-margin-bottom-30{margin-bottom: 30px}.atbs-ceris-block.atbs-ceris-block-custom-margin .block-heading.atbs-custom-margin-bottom-25{margin-bottom: 25px}.atbs-ceris-block.atbs-ceris-block-custom-margin .block-heading.atbs-custom-margin-bottom-20{margin-bottom: 20px}.atbs-ceris-block.atbs-ceris-block-custom-margin .block-heading.atbs-custom-margin-bottom-15{margin-bottom: 15px}.atbs-ceris-block.atbs-ceris-block-custom-margin .block-heading.atbs-custom-margin-bottom-10{margin-bottom: 10px}.atbs-ceris-block.atbs-ceris-block-custom-margin .block-heading.atbs-custom-margin-bottom-5{margin-bottom: 5px}.atbs-ceris-block.atbs-ceris-block-custom-margin .block-heading.atbs-custom-margin-bottom-0{margin-bottom: 0px} } /* ============================================================================= ## TYPOGRAPHY ============================================================================= */ h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, .h1:first-child, .h2:first-child, .h3:first-child, .h4:first-child, .h5:first-child, .h6:first-child { margin-top: 0; } /*---- Typography scale ----*/ .h6, h6 { font-size: 1rem; line-height: 1.5; } @media (min-width: 768px) { .h6, h6 { font-size: 1rem; line-height: 1.5; } } @media (min-width: 992px) { .h6, h6 { font-size: 1rem; line-height: 1.5; } } .h5, h5 { font-size: 1.125rem; line-height: 1.4; } @media (min-width: 768px) { .h5, h5 { font-size: 1.2rem; line-height: 1.4; } } @media (min-width: 992px) { .h5, h5 { font-size: 1.25rem; line-height: 1.4; } } .h4, h4 { font-size: 1.266rem; line-height: 1.4; } @media (min-width: 768px) { .h4, h4 { font-size: 1.44rem; line-height: 1.4; } } @media (min-width: 992px) { .h4, h4 { font-size: 1.563rem; line-height: 1.3; } } .h3, h3 { font-size: 1.424rem; line-height: 1.4; } @media (min-width: 768px) { .h3, h3 { font-size: 1.728rem; line-height: 1.3; } } @media (min-width: 992px) { .h3, h3 { font-size: 1.953rem; line-height: 1.3; } } .h2, h2 { font-size: 1.602rem; line-height: 1.3; } @media (min-width: 768px) { .h2, h2 { font-size: 2.074rem; line-height: 1.3; } } @media (min-width: 992px) { .h2, h2 { font-size: 2.441rem; line-height: 1.2; } } .h1, h1 { font-size: 1.802rem; line-height: 1.3; } @media (min-width: 768px) { .h1, h1 { font-size: 2.488rem; line-height: 1.2; } } @media (min-width: 992px) { .h1, h1 { font-size: 3.052rem; line-height: 1.2; } } .h0, h0 { font-size: 2.027rem; line-height: 1.3; } @media (min-width: 768px) { .h0, h0 { font-size: 2.986rem; line-height: 1.2; } } @media (min-width: 992px) { .h0, h0 { font-size: 3.815rem; line-height: 1.1; } } .h-1, h-1 { font-size: 2.281rem; line-height: 1.3; } @media (min-width: 768px) { .h-1, h-1 { font-size: 3.583rem; line-height: 1.2; } } @media (min-width: 992px) { .h-1, h-1 { font-size: 4.768rem; line-height: 1.1; } } .h-2, h-2 { font-size: 2.566rem; line-height: 1.3; } @media (min-width: 768px) { .h-2, h-2 { font-size: 4.3rem; line-height: 1.1; } } @media (min-width: 992px) { .h-2, h-2 { font-size: 5.96rem; line-height: 1.1; } } .typescale-n1 { font-size: 0.889rem; line-height: 1.5; } @media (min-width: 768px) { .typescale-n1 { font-size: 0.889rem; line-height: 1.5; } } @media (min-width: 992px) { .typescale-n1 { font-size: 0.889rem; line-height: 1.5; } } .typescale-0 { font-size: 15px; font-size: 1.0714rem; line-height: 1.5; } @media (min-width: 768px) { .typescale-0 { font-size: 15px; font-size: 1.0714rem; line-height: 1.5; } } @media (min-width: 992px) { .typescale-0 { font-size: 15px; font-size: 1.0714rem; line-height: 1.5; } } @media (min-width: 577px) and (max-width: 991px) { .post__title.typescale-0 { font-size: 16px; font-weight: 500 !important; } } .typescale-1 { font-size: 1.1428rem; line-height: 1.5; } @media (min-width: 768px) { .typescale-1 { font-size: 1.2857rem; /*font system*/ line-height: 1.5; } } @media (min-width: 992px) { .typescale-1 { font-size: 1.25rem; line-height: 1.5; } } .typescale-2 { font-size: 1.266rem; line-height: 1.5; } @media (min-width: 360px) and (max-width: 480px) { .post__title.typescale-2.custom-typescale-2--xxs, .post__title.typescale-2.custom-typescale-2--xs { font-size: 1.2857rem; line-height: 1.5; } } @media (min-width: 360px) { .typescale-2 { font-size: 1.3571rem; line-height: 1.5; font-weight: 500; } } @media (min-width: 421px) and (max-width: 576px){ .typescale-2.custom-typescale-2--xxs { font-size: 18px; font-size: 1.2857rem; } } @media (min-width: 577px) { .typescale-2 { font-size: 1.44rem; line-height: 1.5; } } @media (min-width: 577px) and (max-width: 767px){ [class*=" custom-typescale-2--x"].post__title.typescale-2 { font-size: 1.3571rem; line-height: 1.5; } .post__title.typescale-2.custom-typescale-2--xxs { font-size: 1.2857rem; line-height: 1.5; } } @media (min-width: 768px) { .typescale-2 { font-size: 1.44rem; line-height: 1.5; } } @media (min-width: 992px) { .typescale-2 { font-size: 1.5rem; line-height: 1.5; } } @media (min-width: 1200px) { .typescale-2 { font-size: 1.563rem; line-height: 1.5; } } .typescale-3, .post__title.typescale-3, .entry-title.typescale-3 { font-size: 1.424rem; line-height: 1.5; } @media (min-width: 480px) { .typescale-3, .post__title.typescale-3, .entry-title.typescale-3 { font-size: 1.5714rem; line-height: 1.5; } } @media (min-width: 768px) { .typescale-3, .post__title.typescale-3, .entry-title.typescale-3 { font-size: 1.6428em; line-height: 1.5; } } @media (min-width: 992px) { .typescale-3, .post__title.typescale-3, .entry-title.typescale-3 { font-size: 1.953rem; line-height: 1.4; } } .typescale-4 { font-size: 1.602rem; line-height: 1.3; } @media (min-width: 768px) { .typescale-4 { font-size: 2.074rem; line-height: 1.3; } } @media (min-width: 992px) { .typescale-4 { font-size: 2.441rem; line-height: 1.2; } } .typescale-5 { font-size: 1.802rem; line-height: 1.3; } @media (min-width: 768px) { .typescale-5 { font-size: 2.488rem; line-height: 1.2; } } @media (min-width: 992px) { .typescale-5 { font-size: 3.052rem; line-height: 1.2; } } .typescale-6 { font-size: 2.027rem; line-height: 1.3; } @media (min-width: 768px) { .typescale-6 { font-size: 2.986rem; line-height: 1.2; } } @media (min-width: 992px) { .typescale-6 { font-size: 3.815rem; line-height: 1.1; } } .typescale-7 { font-size: 2.281rem; line-height: 1.3; } @media (min-width: 768px) { .typescale-7 { font-size: 3.583rem; line-height: 1.2; } } @media (min-width: 992px) { .typescale-7 { font-size: 4.768rem; line-height: 1.1; } } .typescale-8 { font-size: 2.566rem; line-height: 1.3; } @media (min-width: 768px) { .typescale-8 { font-size: 4.3rem; line-height: 1.1; } } @media (min-width: 992px) { .typescale-8 { font-size: 5.96rem; line-height: 1.1; } } @media (max-width: 480px) { .post__title.typescale-2:not([class*=" custom-"]), .typescale-3, .typescale-4, .typescale-5, .typescale-6 { font-size: 19px !important; line-height: 1.5 !important; } .typescale-2, .typescale-3, .typescale-4, .typescale-5, .typescale-6 { font-weight: 600 !important; line-height: 1.5 !important; } } @media (max-width: 360px) { .typescale-2, .typescale-3, .typescale-4, .typescale-5, .typescale-6, .post__title { font-weight: 500 !important; } } @media (max-width: 320px) { .typescale-2, .typescale-3, .typescale-4, .typescale-5, .typescale-6 { font-size: 18px !important; } .post__title.typescale-1 { font-size: 16px !important; } .post__title.typescale-0 { font-size: 15px !important; } } .nocomments { font-size: 15px; font-style: italic; color: rgba(0, 0, 0, 0.8); font-weight: 400; } .typography-copy, .comment-content { font-size: 17px; font-size: 1.21429rem; line-height: 1.7; } .typography-copy ul li, .typography-copy ol li, .comment-content ul li, .comment-content ol li { margin-top: 1rem; margin-bottom: initial; } .comment-content img{ margin-top: 15px; margin-bottom: 15px; } .typography-copy .h6, .typography-copy h6, .comment-content .h6, .comment-content h6 { margin-top: 1.5em; margin-bottom: 0.75em; font-size: 1em; line-height: 1.5; } @media (min-width: 768px) { .typography-copy .h6, .typography-copy h6, .comment-content .h6, .comment-content h6 { font-size: 1em; line-height: 1.5; } } @media (min-width: 992px) { .typography-copy .h6, .typography-copy h6, .comment-content .h6, .comment-content h6 { font-size: 1em; line-height: 1.5; } } .typography-copy .h5, .typography-copy h5, .comment-content .h5, .comment-content h5 { margin-top: 1.5em; margin-bottom: 0.75em; font-size: 1.125em; line-height: 1.4; } @media (min-width: 768px) { .typography-copy .h5, .typography-copy h5, .comment-content .h5, .comment-content h5 { font-size: 1.2em; line-height: 1.4; } } @media (min-width: 992px) { .typography-copy .h5, .typography-copy h5, .comment-content .h5, .comment-content h5 { font-size: 1.25em; line-height: 1.4; } } .typography-copy .h4, .typography-copy h4, .comment-content .h4, .comment-content h4 { margin-top: 1.5em; margin-bottom: 0.75em; font-size: 1.266em; line-height: 1.4; } @media (min-width: 768px) { .typography-copy .h4, .typography-copy h4, .comment-content .h4, .comment-content h4 { font-size: 1.44em; line-height: 1.4; } } @media (min-width: 992px) { .typography-copy .h4, .typography-copy h4, .comment-content .h4, .comment-content h4 { font-size: 1.563em; line-height: 1.3; } } .typography-copy .h3, .typography-copy h3, .comment-content .h3, .comment-content h3 { margin-top: 1.5em; margin-bottom: 0.75em; font-size: 1.424em; line-height: 1.4; } @media (min-width: 768px) { .typography-copy .h3, .typography-copy h3, .comment-content .h3, .comment-content h3 { font-size: 1.728em; line-height: 1.3; } } @media (min-width: 992px) { .typography-copy .h3, .typography-copy h3, .comment-content .h3, .comment-content h3 { font-size: 1.953em; line-height: 1.3; } } .typography-copy .h2, .typography-copy h2, .comment-content .h2, .comment-content h2 { margin-top: 1.5em; margin-bottom: 0.75em; font-size: 1.602em; line-height: 1.3; } @media (min-width: 768px) { .typography-copy .h2, .typography-copy h2, .comment-content .h2, .comment-content h2 { font-size: 2.074em; line-height: 1.3; } } @media (min-width: 992px) { .typography-copy .h2, .typography-copy h2, .comment-content .h2, .comment-content h2 { font-size: 2.441em; line-height: 1.2; } } .typography-copy .h1, .typography-copy h1, .comment-content .h1, .comment-content h1 { margin-top: 1.5em; margin-bottom: 0.75em; font-size: 1.802em; line-height: 1.3; } @media (min-width: 768px) { .typography-copy .h1, .typography-copy h1, .comment-content .h1, .comment-content h1 { font-size: 2.488em; line-height: 1.2; } } @media (min-width: 992px) { .typography-copy .h1, .typography-copy h1, .comment-content .h1, .comment-content h1 { font-size: 3.052em; line-height: 1.2; } } .typography-copy .h0, .typography-copy h0, .comment-content .h0, .comment-content h0 { margin-top: 1.5em; margin-bottom: 0.75em; font-size: 2.027em; line-height: 1.3; } @media (min-width: 768px) { .typography-copy .h0, .typography-copy h0, .comment-content .h0, .comment-content h0 { font-size: 2.986em; line-height: 1.2; } } @media (min-width: 992px) { .typography-copy .h0, .typography-copy h0, .comment-content .h0, .comment-content h0 { font-size: 3.815em; line-height: 1.1; } } .typography-copy .h-1, .typography-copy h-1, .comment-content .h-1, .comment-content h-1 { margin-top: 1.5em; margin-bottom: 0.75em; font-size: 2.281em; line-height: 1.3; } @media (min-width: 768px) { .typography-copy .h-1, .typography-copy h-1, .comment-content .h-1, .comment-content h-1 { font-size: 3.583em; line-height: 1.2; } } @media (min-width: 992px) { .typography-copy .h-1, .typography-copy h-1, .comment-content .h-1, .comment-content h-1 { font-size: 4.768em; line-height: 1.1; } } .typography-copy .h-2, .typography-copy h-2, .comment-content .h-2, .comment-content h-2 { margin-top: 1.5em; margin-bottom: 0.75em; font-size: 2.566em; line-height: 1.3; } @media (min-width: 768px) { .typography-copy .h-2, .typography-copy h-2, .comment-content .h-2, .comment-content h-2 { font-size: 4.3em; line-height: 1.1; } } @media (min-width: 992px) { .typography-copy .h-2, .typography-copy h-2, .comment-content .h-2, .comment-content h-2 { font-size: 5.96em; line-height: 1.1; } } .typography-copy .typescale-n1, .comment-content .typescale-n1 { font-size: 0.889em; line-height: 1.5; } @media (min-width: 768px) { .typography-copy .typescale-n1, .comment-content .typescale-n1 { font-size: 0.889em; line-height: 1.5; } } @media (min-width: 992px) { .typography-copy .typescale-n1, .comment-content .typescale-n1 { font-size: 0.889em; line-height: 1.5; } } .typography-copy .typescale-0, .comment-content .typescale-0 { font-size: 1em; line-height: 1.5; } @media (min-width: 768px) { .typography-copy .typescale-0, .comment-content .typescale-0 { font-size: 1em; line-height: 1.5; } } @media (min-width: 992px) { .typography-copy .typescale-0, .comment-content .typescale-0 { font-size: 1em; line-height: 1.5; } } .typography-copy .typescale-1, .comment-content .typescale-1 { font-size: 1.125em; line-height: 1.4; } @media (min-width: 768px) { .typography-copy .typescale-1, .comment-content .typescale-1 { font-size: 1.2em; line-height: 1.4; } } @media (min-width: 992px) { .typography-copy .typescale-1, .comment-content .typescale-1 { font-size: 1.25em; line-height: 1.4; } } .typography-copy .typescale-2, .comment-content .typescale-2 { font-size: 1.266em; line-height: 1.4; } @media (min-width: 768px) { .typography-copy .typescale-2, .comment-content .typescale-2 { font-size: 1.44em; line-height: 1.4; } } @media (min-width: 992px) { .typography-copy .typescale-2, .comment-content .typescale-2 { font-size: 1.563em; font-size: 1.8571rem; /*font system*/ line-height: 1.3; } } .typography-copy .typescale-3, .comment-content .typescale-3 { font-size: 1.424em; line-height: 1.4; } @media (min-width: 768px) { .typography-copy .typescale-3, .comment-content .typescale-3 { font-size: 1.728em; line-height: 1.3; } } @media (min-width: 992px) { .typography-copy .typescale-3, .comment-content .typescale-3 { font-size: 1.953em; line-height: 1.3; } } .typography-copy .typescale-4, .comment-content .typescale-4 { font-size: 1.602em; line-height: 1.3; } @media (min-width: 768px) { .typography-copy .typescale-4, .comment-content .typescale-4 { font-size: 2.074em; line-height: 1.3; } } @media (min-width: 992px) { .typography-copy .typescale-4, .comment-content .typescale-4 { font-size: 2.441em; line-height: 1.2; } } .typography-copy .typescale-5, .comment-content .typescale-5 { font-size: 1.802em; line-height: 1.3; } @media (min-width: 768px) { .typography-copy .typescale-5, .comment-content .typescale-5 { font-size: 2.488em; line-height: 1.2; } } @media (min-width: 992px) { .typography-copy .typescale-5, .comment-content .typescale-5 { font-size: 3.052em; line-height: 1.2; } } .typography-copy .typescale-6, .comment-content .typescale-6 { font-size: 2.027em; line-height: 1.3; } @media (min-width: 768px) { .typography-copy .typescale-6, .comment-content .typescale-6 { font-size: 2.986em; line-height: 1.2; } } @media (min-width: 992px) { .typography-copy .typescale-6, .comment-content .typescale-6 { font-size: 3.815em; line-height: 1.1; } } .typography-copy .typescale-7, .comment-content .typescale-7 { font-size: 2.281em; line-height: 1.3; } @media (min-width: 768px) { .typography-copy .typescale-7, .comment-content .typescale-7 { font-size: 3.583em; line-height: 1.2; } } @media (min-width: 992px) { .typography-copy .typescale-7, .comment-content .typescale-7 { font-size: 4.768em; line-height: 1.1; } } .typography-copy .typescale-8, .comment-content .typescale-8 { font-size: 2.566em; line-height: 1.3; } @media (min-width: 768px) { .typography-copy .typescale-8, .comment-content .typescale-8 { font-size: 4.3em; line-height: 1.1; } } @media (min-width: 992px) { .typography-copy .typescale-8, .comment-content .typescale-8 { font-size: 5.96em; line-height: 1.1; } } .typography-copy blockquote, .comment-content blockquote { margin: 0 0 1.6em 0; padding: 0 0 0 1em; border-left: 5px solid #eee; font-size: 1.2em; line-height: 1.5; } blockquote.wp-block-quote p:first-child { margin-top: 1.4em; margin-bottom: 1.5em; } blockquote.wp-block-quote p { margin-top: 1.5em; margin-bottom: 1.5em; } .typography-copy blockquote:before, .comment-content blockquote:before { content: '\201c'; display: block; position: relative; top: 0.225em; margin-bottom: 0.2em; color: #eee; font-family: sans-serif; font-weight: 700; font-size: 4.2em; line-height: 0.3; } .typography-copy blockquote cite, .comment-content blockquote cite { font-size: 18px; display: block; margin-top: 12px; color: rgba(0, 0, 0, 0.6); } .typography-copy blockquote p, .comment-content blockquote p { margin-bottom: 1em; } .typography-copy mark, .comment-content mark { color: rgba(0, 0, 0, 0.8); background: #FBFF64; } .typography-copy ol, .typography-copy ul, .comment-content ol, .comment-content ul { margin-bottom: 1.6em; padding-left: 1.8em; } .typography-copy li>ol, .typography-copy li>ul, .comment-content li>ol, .comment-content li>ul { margin-bottom: 0; } .typography-copy p { margin-top: 1.5em; margin-bottom: 1.5em; } .comment-content p { margin-bottom: 1em; } .comment-content li{ margin-top: 0.5em; } .typography-copy .single-body--content > ol li:not(:last-child), .typography-copy .single-body--content > ul li:not(:last-child), .comment-content .single-body--content > ol li:not(:last-child), .comment-content .single-body--content > ul li:not(:last-child) { margin-top: 1rem; margin-bottom: 1rem; } .typography-copy .h1, .typography-copy .h2, .typography-copy .h3, .typography-copy .h4, .typography-copy .h5, .typography-copy .h6, .typography-copy h1, .typography-copy h2, .typography-copy h3, .typography-copy h4, .typography-copy h5, .typography-copy h6, .comment-content .h1, .comment-content .h2, .comment-content .h3, .comment-content .h4, .comment-content .h5, .comment-content .h6, .comment-content h1, .comment-content h2, .comment-content h3, .comment-content h4, .comment-content h5, .comment-content h6 { font-weight: bold; } @media(max-width: 480px) { .typography-copy .h1, .typography-copy .h2, .typography-copy .h3, .typography-copy .h4, .typography-copy .h5, .typography-copy .h6, .typography-copy h1, .typography-copy h2, .typography-copy h3, .typography-copy h4, .typography-copy h5, .typography-copy h6, .comment-content .h1, .comment-content .h2, .comment-content .h3, .comment-content .h4, .comment-content .h5, .comment-content .h6, .comment-content h1, .comment-content h2, .comment-content h3, .comment-content h4, .comment-content h5, .comment-content h6 { font-weight: 600; } } @media(max-width: 320px) { .typography-copy .h1, .typography-copy .h2, .typography-copy .h3, .typography-copy .h4, .typography-copy .h5, .typography-copy .h6, .typography-copy h1, .typography-copy h2, .typography-copy h3, .typography-copy h4, .typography-copy h5, .typography-copy h6, .comment-content .h1, .comment-content .h2, .comment-content .h3, .comment-content .h4, .comment-content .h5, .comment-content .h6, .comment-content h1, .comment-content h2, .comment-content h3, .comment-content h4, .comment-content h5, .comment-content h6 { font-weight: 500; } } /* ============================================================================= ## UTILITIES ============================================================================= */ /* ----------------------------------------------------------------- ## Objects ----------------------------------------------------------------- */ /*---- Responsive Video wrapper ----*/ .atbs-ceris-responsive-video { position: relative; padding-bottom: 56.25%; height: 0; width: 100%; overflow: hidden; } .single-entry-featured-media .atbs-ceris-responsive-video, .single-billboard--video .atbs-ceris-responsive-video{ margin-bottom: 0; } .atbs-ceris-responsive-video iframe, .atbs-ceris-responsive-video object, .atbs-ceris-responsive-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } /*---- Rainbow bar ----*/ .rainbow-bar { width: 100%; height: 6px; background: -o-linear-gradient(left, #a85e6c 0%, #a85e6c 12.5%, #e37f52 12.5%, #e37f52 25%, #ef9f48 25%, #ef9f48 37.5%, #9cb641 37.5%, #9cb641 50%, #009484 50%, #009484 62.5%, #21acb8 62.5%, #21acb8 75%, #1972dd 75%, #1972dd 87.5%, #8fa0ae 87.5%, #8fa0ae 100%); background: -webkit-gradient(linear, left top, right top, from(#a85e6c), color-stop(12.5%, #a85e6c), color-stop(12.5%, #e37f52), color-stop(25%, #e37f52), color-stop(25%, #ef9f48), color-stop(37.5%, #ef9f48), color-stop(37.5%, #9cb641), color-stop(50%, #9cb641), color-stop(50%, #009484), color-stop(62.5%, #009484), color-stop(62.5%, #21acb8), color-stop(75%, #21acb8), color-stop(75%, #1972dd), color-stop(87.5%, #1972dd), color-stop(87.5%, #8fa0ae), to(#8fa0ae)); background: -webkit-linear-gradient(left, #a85e6c 0%, #a85e6c 12.5%, #e37f52 12.5%, #e37f52 25%, #ef9f48 25%, #ef9f48 37.5%, #9cb641 37.5%, #9cb641 50%, #009484 50%, #009484 62.5%, #21acb8 62.5%, #21acb8 75%, #1972dd 75%, #1972dd 87.5%, #8fa0ae 87.5%, #8fa0ae 100%); background: -moz-linear-gradient(left, #a85e6c 0%, #a85e6c 12.5%, #e37f52 12.5%, #e37f52 25%, #ef9f48 25%, #ef9f48 37.5%, #9cb641 37.5%, #9cb641 50%, #009484 50%, #009484 62.5%, #21acb8 62.5%, #21acb8 75%, #1972dd 75%, #1972dd 87.5%, #8fa0ae 87.5%, #8fa0ae 100%); background: linear-gradient(90deg, #a85e6c 0%, #a85e6c 12.5%, #e37f52 12.5%, #e37f52 25%, #ef9f48 25%, #ef9f48 37.5%, #9cb641 37.5%, #9cb641 50%, #009484 50%, #009484 62.5%, #21acb8 62.5%, #21acb8 75%, #1972dd 75%, #1972dd 87.5%, #8fa0ae 87.5%, #8fa0ae 100%); background-image: -o-linear-gradient(left, #a85e6c 0%, #a85e6c 12.5%, #e37f52 12.5%, #e37f52 25%, #ef9f48 25%, #ef9f48 37.5%, #9cb641 37.5%, #9cb641 50%, #009484 50%, #009484 62.5%, #21acb8 62.5%, #21acb8 75%, #1972dd 75%, #1972dd 87.5%, #8fa0ae 87.5%, #8fa0ae 100%); background-image: -webkit-gradient(linear, left top, right top, from(#a85e6c), color-stop(12.5%, #a85e6c), color-stop(12.5%, #e37f52), color-stop(25%, #e37f52), color-stop(25%, #ef9f48), color-stop(37.5%, #ef9f48), color-stop(37.5%, #9cb641), color-stop(50%, #9cb641), color-stop(50%, #009484), color-stop(62.5%, #009484), color-stop(62.5%, #21acb8), color-stop(75%, #21acb8), color-stop(75%, #1972dd), color-stop(87.5%, #1972dd), color-stop(87.5%, #8fa0ae), to(#8fa0ae)); background-image: -webkit-linear-gradient(left, #a85e6c 0%, #a85e6c 12.5%, #e37f52 12.5%, #e37f52 25%, #ef9f48 25%, #ef9f48 37.5%, #9cb641 37.5%, #9cb641 50%, #009484 50%, #009484 62.5%, #21acb8 62.5%, #21acb8 75%, #1972dd 75%, #1972dd 87.5%, #8fa0ae 87.5%, #8fa0ae 100%); background-image: -moz-linear-gradient(left, #a85e6c 0%, #a85e6c 12.5%, #e37f52 12.5%, #e37f52 25%, #ef9f48 25%, #ef9f48 37.5%, #9cb641 37.5%, #9cb641 50%, #009484 50%, #009484 62.5%, #21acb8 62.5%, #21acb8 75%, #1972dd 75%, #1972dd 87.5%, #8fa0ae 87.5%, #8fa0ae 100%); background-image: linear-gradient(left, #a85e6c 0%, #a85e6c 12.5%, #e37f52 12.5%, #e37f52 25%, #ef9f48 25%, #ef9f48 37.5%, #9cb641 37.5%, #9cb641 50%, #009484 50%, #009484 62.5%, #21acb8 62.5%, #21acb8 75%, #1972dd 75%, #1972dd 87.5%, #8fa0ae 87.5%, #8fa0ae 100%); } /*---- Flexbox ----*/ .flexbox { display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; } .flexbox>* { -webkit-box-flex: 0; box-flex: 0; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; -webkit-flex: 0 1 auto; -moz-box-flex: 0; flex: 0 1 auto; /*IE fix*/ } .flexbox--middle { -webkit-box-align: center; box-align: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -ms-flex-align: center; } .flexbox__item { -webkit-box-flex: 1; box-flex: 1; -moz-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; } /*---- Scrollable list ----*/ .atbs-ceris-scrollable-list { display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; box-direction: normal; -moz-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -ms-flex-direction: column; } .atbs-ceris-scrollable-list-wrapper { position: relative; -webkit-box-flex: 1; box-flex: 1; -moz-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; overflow: hidden; } .atbs-ceris-scrollable-list-inner { height: 0; } /* ---------------------------------------------------------------- Background -----------------------------------------------------------------*/ .block-with-bg { position: relative; padding: 10px; } @media (min-width: 768px) { .block-with-bg { padding: 20px; } } .background-wrap { overflow: hidden; background: #444; } .has-cover-bg-img, .background-img { background-color: #333; background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-attachment: scroll; } .header-main .background-img { background-color: #fff; } .header-main .background-img:after { display: none; } .background-img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; } .background-img:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #111; opacity: 0.2; -webkit-transition-property: all; -o-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; -moz-transition-timing-function: ease; transition-timing-function: ease; } .background-img--dimmed:after { opacity: 0.2; } .background-img--darkened:after { opacity: 0.4; } .background-img--more-darkened:after { opacity: 0.6; } .background-img--tinted:after { background-color: #fff; } .background-img--floorfade:after { opacity: 1; background-color: transparent; background-image: -o-linear-gradient(bottom, black 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, black), color-stop(70%, rgba(0, 0, 0, 0.6)), to(transparent)); background-image: -webkit-linear-gradient(bottom, black 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%); background-image: -moz-linear-gradient(bottom, black 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%); background-image: linear-gradient(0deg, black 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%); } .background-img--floorfade-light:after { opacity: 1; background-color: transparent; background-image: -o-linear-gradient(bottom, black 0, transparent 50%, transparent 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, black), color-stop(50%, transparent), to(transparent)); background-image: -webkit-linear-gradient(bottom, black 0, transparent 50%, transparent 100%); background-image: -moz-linear-gradient(bottom, black 0, transparent 50%, transparent 100%); background-image: linear-gradient(0deg, black 0, transparent 50%, transparent 100%); } .background-img--scrim-bottom:after { opacity: 1; background-color: transparent; background-image: -o-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%); background-image: -webkit-gradient(linear, left bottom, left top, from(black), color-stop(5.3%, rgba(0, 0, 0, 0.917)), color-stop(10.6%, rgba(0, 0, 0, 0.834)), color-stop(15.9%, rgba(0, 0, 0, 0.753)), color-stop(21.3%, rgba(0, 0, 0, 0.672)), color-stop(26.8%, rgba(0, 0, 0, 0.591)), color-stop(32.5%, rgba(0, 0, 0, 0.511)), color-stop(38.4%, rgba(0, 0, 0, 0.433)), color-stop(44.5%, rgba(0, 0, 0, 0.357)), color-stop(50.9%, rgba(0, 0, 0, 0.283)), color-stop(57.7%, rgba(0, 0, 0, 0.213)), color-stop(65%, rgba(0, 0, 0, 0.147)), color-stop(72.9%, rgba(0, 0, 0, 0.089)), color-stop(81.4%, rgba(0, 0, 0, 0.042)), color-stop(90.6%, rgba(0, 0, 0, 0.011)), to(transparent)); background-image: -webkit-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%); background-image: -moz-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%); background-image: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%); } .background-pattern { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; background-color: #aaa; -webkit-background-size: auto auto; -moz-background-size: auto; -o-background-size: auto; background-size: auto; background-repeat: repeat; background-attachment: scroll; } .background-svg-pattern { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url("data:image/svg+xml,%3Csvg width='304' height='304' viewBox='0 0 304 304' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44.1 224c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h44.1zm160 48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H82v-2h122.1zm57.8-46c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm0 16c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm6.2-114c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2zm-256-48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h12.1zm185.8 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2zM258 12.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V0h2v12.1zm-64 208c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-54.2c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9v54.2zm48-198.2c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V82h64v-2h-62V21.9zm16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V66h48v-2h-46V37.9zm-128 96c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V210h16v10.1c-2.282.463-4 2.48-4 4.9 0 2.76 2.24 5 5 5s5-2.24 5-5c0-2.42-1.718-4.437-4-4.9V208h-16v-74.1zm-5.9-21.9c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H114v48H85.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H112v-48h12.1zm-6.2 130c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H176v-74.1c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V242h-60.1zm-16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H114v48h10.1c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H112v-48h-10.1zM66 284.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V274H50v30h-2v-32h18v12.1zM236.1 176c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H274v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V146h-10.1zm-64 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H208v-80h16v-14h-42.1c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H226v18h-16v80h-12.1zm86.2-210c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H272V0h2v32h10.1zM98 101.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V144H53.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H98v-44.1zM53.9 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80V0h2v34H53.9zm60.1 3.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V64H80v64H69.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H82V66h32V37.9zM101.9 82c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H128V37.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-28.1zm16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H146v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V18h-26.1zm102.2 270c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H98v14h-2v-16h124.1zM242 149.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V162h16v30h-16v66h48v46h2v-48h-48v-62h16v-34h-16v-10.1zM53.9 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64V2H48V0h18v18H53.9zm112 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H192V0h50v2h-48v48h-28.1zm-48-48c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5 0-.342.034-.677.1-1h2.07c-.11.313-.17.65-.17 1 0 1.657 1.343 3 3 3s3-1.343 3-3c0-.35-.06-.687-.17-1H178v34h-18V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V32h14V2h-58.1zm0 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H137l32-32h39V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V66h-40.172l-32 32H117.9zm28.1 90.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-76.513L175.586 80H224V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-49.586L146 112.414V188.1zm16 32c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-99.513L184.586 96H300.1c.398-1.96 1.94-3.502 3.9-3.9v2.07c-1.165.413-2 1.524-2 2.83s.835 2.417 2 2.83v2.07c-1.96-.398-3.502-1.94-3.9-3.9H185.414L162 121.414V220.1zm-144-64c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-3.513l48-48V48h32V0h2v50H66v55.413l-48 48v2.687zM50 53.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v42.686l-48 48V210h28.1c.463 2.282 2.48 4 4.9 4 2.76 0 5-2.24 5-5s-2.24-5-5-5c-2.42 0-4.437 1.718-4.9 4H2v-62.586l48-48V53.9zm-16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v18.686l-32 32v2.828l34-34V69.9zM12.1 32c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H9.414L0 43.414v-2.828L8.586 32H12.1zm265.8 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h18.686L304 40.586v2.828L297.414 50H277.9zm-16 160c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H288V136.587l16-16v2.827l-14 14V210h-28.1zm-208 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64v-22.586L40.586 194H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.513L66 216.586V242H53.9zm150.2 14c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H96v-56.598L56.598 162H37.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.502L98 200.598V256h106.1zm-150.2 2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80v-46.586L48.586 178H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h27.513L82 208.586V258H53.9zM97 100c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-48 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 96c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-144c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM49 36c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM33 68c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 240c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm80-176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm112 176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 180c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 84c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 39.793V0h-2v40.586L8.586 64H0v2h9.413L34 41.414v-1.62zM2 300.1V258h14v46h2v-48H0V302.17c.313-.11.65-.17 1-.17 1.306 0 2.417.835 2.83 2H5.9c-.398-1.96-1.94-3.502-3.9-3.9zM34 241v63h-2v-62H0v-2h34v1zM17 18h1V0h-2v16H0v2h17zm273-2V0h-2v18h16v-2h-14zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1c.323-.066.658-.1 1-.1 2.76 0 5 2.24 5 5s-2.24 5-5 5c-.342 0-.677-.034-1-.1v-2.07c.313.11.65.17 1 .17 1.657 0 3-1.343 3-3s-1.343-3-3-3c-.35 0-.687.06-1 .17V92.1zM80 272h2v32h-2v-32zm37.9 32c-.463-2.282-2.48-4-4.9-4-2.42 0-4.437 1.718-4.9 4h2.07c.413-1.165 1.524-2 2.83-2s2.417.835 2.83 2h2.07zM5.9 0c.066.323.1.658.1 1 0 2.76-2.24 5-5 5-.342 0-.677-.034-1-.1V3.83C.313 3.94.65 4 1 4c1.657 0 3-1.343 3-3 0-.35-.06-.687-.17-1H5.9zm294.2 0c-.066.323-.1.658-.1 1 0 2.42 1.718 4.437 4 4.9V3.83c-1.165-.413-2-1.524-2-2.83 0-.35.06-.687.17-1h-2.07zm3.9 300.1c-1.96.398-3.502 1.94-3.9 3.9h2.07c.302-.852.978-1.528 1.83-1.83v-2.07z' fill='%23ffffff' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E"); } .background-svg-pattern-inverse { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url("data:image/svg+xml,%3Csvg width='304' height='304' viewBox='0 0 304 304' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44.1 224c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h44.1zm160 48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H82v-2h122.1zm57.8-46c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm0 16c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm6.2-114c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2zm-256-48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h12.1zm185.8 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2zM258 12.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V0h2v12.1zm-64 208c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-54.2c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9v54.2zm48-198.2c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V82h64v-2h-62V21.9zm16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V66h48v-2h-46V37.9zm-128 96c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V210h16v10.1c-2.282.463-4 2.48-4 4.9 0 2.76 2.24 5 5 5s5-2.24 5-5c0-2.42-1.718-4.437-4-4.9V208h-16v-74.1zm-5.9-21.9c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H114v48H85.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H112v-48h12.1zm-6.2 130c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H176v-74.1c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V242h-60.1zm-16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H114v48h10.1c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H112v-48h-10.1zM66 284.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V274H50v30h-2v-32h18v12.1zM236.1 176c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H274v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V146h-10.1zm-64 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H208v-80h16v-14h-42.1c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H226v18h-16v80h-12.1zm86.2-210c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H272V0h2v32h10.1zM98 101.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V144H53.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H98v-44.1zM53.9 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80V0h2v34H53.9zm60.1 3.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V64H80v64H69.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H82V66h32V37.9zM101.9 82c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H128V37.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-28.1zm16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H146v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V18h-26.1zm102.2 270c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H98v14h-2v-16h124.1zM242 149.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V162h16v30h-16v66h48v46h2v-48h-48v-62h16v-34h-16v-10.1zM53.9 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64V2H48V0h18v18H53.9zm112 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H192V0h50v2h-48v48h-28.1zm-48-48c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5 0-.342.034-.677.1-1h2.07c-.11.313-.17.65-.17 1 0 1.657 1.343 3 3 3s3-1.343 3-3c0-.35-.06-.687-.17-1H178v34h-18V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V32h14V2h-58.1zm0 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H137l32-32h39V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V66h-40.172l-32 32H117.9zm28.1 90.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-76.513L175.586 80H224V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-49.586L146 112.414V188.1zm16 32c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-99.513L184.586 96H300.1c.398-1.96 1.94-3.502 3.9-3.9v2.07c-1.165.413-2 1.524-2 2.83s.835 2.417 2 2.83v2.07c-1.96-.398-3.502-1.94-3.9-3.9H185.414L162 121.414V220.1zm-144-64c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-3.513l48-48V48h32V0h2v50H66v55.413l-48 48v2.687zM50 53.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v42.686l-48 48V210h28.1c.463 2.282 2.48 4 4.9 4 2.76 0 5-2.24 5-5s-2.24-5-5-5c-2.42 0-4.437 1.718-4.9 4H2v-62.586l48-48V53.9zm-16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v18.686l-32 32v2.828l34-34V69.9zM12.1 32c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H9.414L0 43.414v-2.828L8.586 32H12.1zm265.8 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h18.686L304 40.586v2.828L297.414 50H277.9zm-16 160c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H288V136.587l16-16v2.827l-14 14V210h-28.1zm-208 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64v-22.586L40.586 194H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.513L66 216.586V242H53.9zm150.2 14c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H96v-56.598L56.598 162H37.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.502L98 200.598V256h106.1zm-150.2 2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80v-46.586L48.586 178H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h27.513L82 208.586V258H53.9zM97 100c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-48 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 96c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-144c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM49 36c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM33 68c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 240c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm80-176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm112 176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 180c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 84c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 39.793V0h-2v40.586L8.586 64H0v2h9.413L34 41.414v-1.62zM2 300.1V258h14v46h2v-48H0V302.17c.313-.11.65-.17 1-.17 1.306 0 2.417.835 2.83 2H5.9c-.398-1.96-1.94-3.502-3.9-3.9zM34 241v63h-2v-62H0v-2h34v1zM17 18h1V0h-2v16H0v2h17zm273-2V0h-2v18h16v-2h-14zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1c.323-.066.658-.1 1-.1 2.76 0 5 2.24 5 5s-2.24 5-5 5c-.342 0-.677-.034-1-.1v-2.07c.313.11.65.17 1 .17 1.657 0 3-1.343 3-3s-1.343-3-3-3c-.35 0-.687.06-1 .17V92.1zM80 272h2v32h-2v-32zm37.9 32c-.463-2.282-2.48-4-4.9-4-2.42 0-4.437 1.718-4.9 4h2.07c.413-1.165 1.524-2 2.83-2s2.417.835 2.83 2h2.07zM5.9 0c.066.323.1.658.1 1 0 2.76-2.24 5-5 5-.342 0-.677-.034-1-.1V3.83C.313 3.94.65 4 1 4c1.657 0 3-1.343 3-3 0-.35-.06-.687-.17-1H5.9zm294.2 0c-.066.323-.1.658-.1 1 0 2.42 1.718 4.437 4 4.9V3.83c-1.165-.413-2-1.524-2-2.83 0-.35.06-.687.17-1h-2.07zm3.9 300.1c-1.96.398-3.502 1.94-3.9 3.9h2.07c.302-.852.978-1.528 1.83-1.83v-2.07z' fill='%23000000' fill-opacity='0.025' fill-rule='evenodd'/%3E%3C/svg%3E"); } .background-svg-pattern--solid-color { background-color: #12162d; } .overlap-background { position: absolute; top: 0; right: 0; bottom: 60px; left: 0; } .atbs-ceris-carousel-nav-a .overlap-background { bottom: 90px; } .background-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.6; } .js-overlay-bg-sub { display: none; } .blurred { filter: blur(10px); -webkit-filter: blur(10px); -moz-filter: blur(10px); -o-filter: blur(10px); -ms-filter: blur(10px); } .blurred-subtle { filter: blur(5px); -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); } .blurred-more { filter: blur(20px); -webkit-filter: blur(20px); -moz-filter: blur(20px); -o-filter: blur(20px); -ms-filter: blur(20px); } .blurred-massive { filter: blur(30px); -webkit-filter: blur(30px); -moz-filter: blur(30px); -o-filter: blur(30px); -ms-filter: blur(30px); } .grayscale { -webkit-filter: grayscale(1); filter: grayscale(1); } .floorfade { background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.9)), color-stop(70%, rgba(0, 0, 0, 0.6)), to(transparent)); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%); background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%); background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%); } .floorfade-pseudo:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.6) 50%, transparent 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.7)), color-stop(50%, rgba(0, 0, 0, 0.6)), to(transparent)); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.6) 50%, transparent 100%); background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.6) 50%, transparent 100%); background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.6) 50%, transparent 100%); } .ceilingfade { background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.6) 50%, transparent 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0.7)), color-stop(50%, rgba(0, 0, 0, 0.6)), to(transparent)); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.6) 50%, transparent 100%); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.6) 50%, transparent 100%); background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.6) 50%, transparent 100%); } .sidefade-from-left { background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.9)), color-stop(70%, rgba(0, 0, 0, 0.6)), to(transparent)); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%); background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%); } .sidefade-from-left--wide:before { content: ''; position: absolute; top: 0; right: 100%; bottom: 0; left: -9999px; background: rgba(0, 0, 0, 0.9); } .sidefade-from-left--pseudo:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.9)), color-stop(70%, rgba(0, 0, 0, 0.6)), to(transparent)); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%); background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%); } .sidefade-from-right { background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.6) 50%, transparent 100%); background-image: -webkit-gradient(linear, right top, left top, color-stop(0, rgba(0, 0, 0, 0.7)), color-stop(50%, rgba(0, 0, 0, 0.6)), to(transparent)); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.6) 50%, transparent 100%); background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.6) 50%, transparent 100%); background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.6) 50%, transparent 100%); } .color-primary { color: #FC3C2D; } .primary-bg-color { background-color: #FC3C2D !important; } .secondary-bg-color { background-color: #0a293b !important; } .lightgray-bg { background-color: #fafafa; } /* ---------------------------------------------------------------- Positioning -----------------------------------------------------------------*/ .abs-center, .atbs-ceris-video-player__play-icon, .atbs-ceris-video-box__playlist .is-playing .post__thumb:after { position: absolute !important; top: 50%; left: 50%; right: auto; bottom: auto; -webkit-transform: translate(-50%, -50%) translateZ(0); -ms-transform: translate(-50%, -50%) translateZ(0); -moz-transform: translate(-50%, -50%) translateZ(0); transform: translate(-50%, -50%) translateZ(0); } .stretched { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .overlay-content, .overlay-content__inner { position: relative; } .overlay-bottom.overlay-bottom { position: absolute; top: auto; right: 0; bottom: 0; left: 0; } .overlay-center-y.overlay-center-y { position: absolute; top: 50%; right: 0; bottom: auto; left: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } .overlap-bottom.overlap-bottom { position: absolute; top: auto; right: auto; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); -moz-transform: translate(-50%, 50%); -o-transform: translate(-50%, 50%); transform: translate(-50%, 50%); } .pos-relative { position: relative !important; } /* ---------------------------------------------------------------- Padding & Margin -----------------------------------------------------------------*/ .p-0 { padding: 0; } .p-t-0 { padding-top: 0; } .p-r-0 { padding-right: 0; } .p-b-0 { padding-bottom: 0; } .p-l-0 { padding-left: 0; } .p-xs { padding: 10px !important; } .p-t-xs { padding-top: 10px !important; } .p-r-xs { padding-right: 10px !important; } .p-b-xs { padding-bottom: 10px !important; } .p-l-xs { padding-left: 10px !important; } .p-x-xs { padding-left: 10px !important; padding-right: 10px !important; } .p-y-xs { padding-top: 10px !important; padding-bottom: 10px !important; } .p-sm { padding: 15px !important; } .p-t-sm { padding-top: 15px !important; } .p-r-sm { padding-right: 15px !important; } .p-b-sm { padding-bottom: 15px !important; } .p-l-sm { padding-left: 15px !important; } .p-x-sm { padding-left: 15px !important; padding-right: 15px !important; } .p-y-sm { padding-top: 15px !important; padding-bottom: 15px !important; } .p-md { padding: 20px !important; } .p-t-md { padding-top: 20px !important; } .p-r-md { padding-right: 20px !important; } .p-b-md { padding-bottom: 20px !important; } .p-l-md { padding-left: 20px !important; } .p-x-md { padding-left: 20px !important; padding-right: 20px !important; } .p-y-md { padding-top: 20px !important; padding-bottom: 20px !important; } .p-lg { padding: 30px !important; } .p-t-lg { padding-top: 30px !important; } .p-r-lg { padding-right: 30px !important; } .p-b-lg { padding-bottom: 30px !important; } .p-l-lg { padding-left: 30px !important; } .p-x-lg { padding-left: 30px !important; padding-right: 30px !important; } .p-y-lg { padding-top: 30px !important; padding-bottom: 30px !important; } .p-xl { padding: 40px !important; } .p-t-xl { padding-top: 40px !important; } .p-r-xl { padding-right: 40px !important; } .p-b-xl { padding-bottom: 40px !important; } .p-l-xl { padding-left: 40px !important; } .p-x-xl { padding-left: 40px !important; padding-right: 40px !important; } .p-y-xl { padding-top: 40px !important; padding-bottom: 40px !important; } .p-xxl { padding: 50px !important; } .p-t-xxl { padding-top: 50px !important; } .p-r-xxl { padding-right: 50px !important; } .p-b-xxl { padding-bottom: 50px !important; } .p-l-xxl { padding-left: 50px !important; } .p-x-xxl { padding-left: 50px !important; padding-right: 50px !important; } .p-y-xxl { padding-top: 50px !important; padding-bottom: 50px !important; } .m-l-a { margin-left: auto !important; } .m-r-a { margin-right: auto !important; } .m-x-a { margin-left: auto !important; margin-right: auto !important; } .m-0 { margin: 0; } .m-t-0 { margin-top: 0; } .m-r-0 { margin-right: 0; } .m-b-0 { margin-bottom: 0; } .ceris-m-b-0 { margin-bottom: 0 !important; } .m-l-0 { margin-left: 0; } .m-xs { margin: 10px !important; } .m-t-xs { margin-top: 10px !important; } .m-r-xs { margin-right: 10px !important; } .m-b-xs { margin-bottom: 10px !important; } .m-l-xs { margin-left: 10px !important; } .m-x-xs { margin-left: 10px !important; margin-right: 10px !important; } .m-y-xs { margin-top: 10px !important; margin-bottom: 10px !important; } .m-sm { margin: 15px !important; } .m-t-sm { margin-top: 15px !important; } .m-r-sm { margin-right: 15px !important; } .m-b-sm { margin-bottom: 15px !important; } .m-l-sm { margin-left: 15px !important; } .m-x-sm { margin-left: 15px !important; margin-right: 15px !important; } .m-y-sm { margin-top: 15px !important; margin-bottom: 15px !important; } .m-md { margin: 20px !important; } .m-t-md { margin-top: 20px !important; } .m-r-md { margin-right: 20px !important; } .m-b-md { margin-bottom: 20px !important; } .m-l-md { margin-left: 20px !important; } .m-x-md { margin-left: 20px !important; margin-right: 20px !important; } .m-y-md { margin-top: 20px !important; margin-bottom: 20px !important; } .m-lg { margin: 30px !important; } .m-t-lg { margin-top: 30px !important; } .m-r-lg { margin-right: 30px !important; } .m-b-lg { margin-bottom: 30px !important; } .m-l-lg { margin-left: 30px !important; } .m-x-lg { margin-left: 30px !important; margin-right: 30px !important; } .m-y-lg { margin-top: 30px !important; margin-bottom: 30px !important; } .m-xl { margin: 40px !important; } .m-t-xl { margin-top: 40px !important; } .m-r-xl { margin-right: 40px !important; } .m-b-xl { margin-bottom: 40px !important; } .m-l-xl { margin-left: 40px !important; } .m-x-xl { margin-left: 40px !important; margin-right: 40px !important; } .m-y-xl { margin-top: 40px !important; margin-bottom: 40px !important; } .m-xxl { margin: 50px !important; } .m-t-xxl { margin-top: 50px !important; } .m-r-xxl { margin-right: 50px !important; } .m-b-xxl { margin-bottom: 50px !important; } .m-l-xxl { margin-left: 50px !important; } .m-x-xxl { margin-left: 50px !important; margin-right: 50px !important; } .m-y-xxl { margin-top: 50px !important; margin-bottom: 50px !important; } .spacer-xs { height: 20px; clear: both; } .spacer-sm { height: 30px; clear: both; } .spacer-md { height: 40px; clear: both; } .spacer-lg { height: 60px; clear: both; } .spacer-xl { height: 80px; clear: both; } .spacer-xxl { height: 100px; clear: both; } /* ---------------------------------------------------------------- Width & Height -----------------------------------------------------------------*/ .max-width-xs { max-width: 320px !important; } .max-width-sm { max-width: 720px !important; } .max-width-md { max-width: 940px !important; } .max-width-lg { max-width: 1140px !important; } .max-width-xl { max-width: 1440px !important; } .max-width-xxl { max-width: 1920px !important; } [class*="max-width-"].text-center { margin-left: auto; margin-right: auto; } @media (max-width: 767px) { .fullwidth-xs { width: -webkit-calc(100% + 30px); width: -moz-calc(100% + 30px); width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; } } /*---- Ratio ----*/ .ratio-1by1 { position: relative; padding-bottom: 100%; height: 0; } .ratio-2by1 { position: relative; padding-bottom: 50%; height: 0; } .ratio-3by1 { position: relative; padding-bottom: 33.33%; height: 0; } .ratio-4by3 { position: relative; padding-bottom: 75%; height: 0; } .ratio-16by9 { position: relative; padding-bottom: 56.25%; height: 0; } /* ---------------------------------------------------------------- Text styling -----------------------------------------------------------------*/ @media (max-width: 767px) { .text-center-xs { text-align: center; } } .text-white { color: #fff !important; } .text-underline { text-decoration: underline; } .inverse-text { position: relative; color: white; } .inverse-text .text-secondary { color: rgba(255, 255, 255, 0.8); } .text-truncate, .category-tile__name { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .truncate-y { position: relative; overflow: hidden; } .truncate-y:after { content: ''; display: block; height: 40px; width: 100%; position: absolute; top: auto; right: 0; bottom: 0; left: 0; background: -o-linear-gradient(bottom, white 0, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(70%, rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(bottom, white 0, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(bottom, white 0, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(0deg, white 0, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%); } .link-overlay { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .link-block { display: block; } .meta-color, a.meta-color { color: rgba(0, 0, 0, 0.4); } .meta-text, a.meta-text { color: rgba(0, 0, 0, 0.4); } .v-align { vertical-align: middle; } .visuallyhidden { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } .has-mdicon>span, .has-mdicon>b, .has-mdicon>em, .has-mdicon>strong, .has-mdicon>a, .has-mdicon>i { vertical-align: middle; } /* ---------------------------------------------------------------- List styling -----------------------------------------------------------------*/ .list-unstyled, .atbs-ceris-video-box__playlist ul { margin: 0; padding: 0; list-style: none; } .list-center { text-align: center; } .list-center>li { display: inline-block; } .list-float::after { clear: both; content: ""; display: table; } .list-float>li { float: left; } .list-space-xs { margin-top: -5px; margin-bottom: -5px; } .list-space-xs>* { padding-top: 5px; padding-bottom: 5px; } .list-space-sm { margin-top: -7.5px; margin-bottom: -7.5px; } .list-space-sm>* { padding-top: 7.5px; padding-bottom: 7.5px; } .list-space-md { margin-top: -10px; margin-bottom: -10px; } .list-space-md>* { padding-top: 10px; padding-bottom: 10px; } .list-space-md-s { margin-top: -12.5px; margin-bottom: -12.5px; } .list-space-md-s>* { padding-top: 12.5px; padding-bottom: 12.5px; } .list-space-lg { margin-top: -15px; margin-bottom: -15px; } .list-space-lg>* { padding-top: 15px; padding-bottom: 15px; } .list-space-xl { margin-top: -20px; margin-bottom: -20px; } .list-space-xl>* { padding-top: 20px; padding-bottom: 20px; } .list-space-xxl { margin-top: -25px; margin-bottom: -25px; } .list-space-xxl>* { padding-top: 25px; padding-bottom: 25px; } .list-horizontal { margin-top: 0; margin-bottom: 0; } .list-horizontal>li { display: inline-block; padding-top: 0; padding-bottom: 0; } .list-horizontal.list-space-xs { margin-left: -5px; margin-right: -5px; } .list-horizontal.list-space-xs>* { padding-left: 5px; padding-right: 5px; } .list-horizontal.list-space-sm { margin-left: -7.5px; margin-right: -7.5px; } .list-horizontal.list-space-sm>* { padding-left: 7.5px; padding-right: 7.5px; } .list-horizontal.list-space-md { margin-left: -10px; margin-right: -10px; } .list-horizontal.list-space-md>* { padding-left: 10px; padding-right: 10px; } .list-horizontal.list-space-lg { margin-left: -15px; margin-right: -15px; } .list-horizontal.list-space-lg>* { padding-left: 15px; padding-right: 15px; } .list-horizontal.list-space-xl { margin-left: -20px; margin-right: -20px; } .list-horizontal.list-space-xl>* { padding-left: 20px; padding-right: 20px; } .list-horizontal.list-space-xxl { margin-left: -25px; margin-right: -25px; } .list-horizontal.list-space-xxl>* { padding-left: 25px; padding-right: 25px; } [class*="list-seperated"].list-space-xs { margin-top: -10px; margin-bottom: -10px; } [class*="list-seperated"].list-space-xs>* { padding-top: 10px; padding-bottom: 10px; } [class*="list-seperated"].list-space-sm { margin-top: -15px; margin-bottom: -15px; } [class*="list-seperated"].list-space-sm>* { padding-top: 15px; padding-bottom: 15px; } [class*="list-seperated"].list-space-md { margin-top: -20px; margin-bottom: -20px; } [class*="list-seperated"].list-space-md>* { padding-top: 20px; padding-bottom: 20px; } [class*="list-seperated"].list-space-lg { margin-top: -30px; margin-bottom: -30px; } [class*="list-seperated"].list-space-lg>* { padding-top: 30px; padding-bottom: 30px; } [class*="list-seperated"].list-space-xl { margin-top: -40px; margin-bottom: -40px; } [class*="list-seperated"].list-space-xl>* { padding-top: 40px; padding-bottom: 40px; } [class*="list-seperated"].list-space-xxl { margin-top: -50px; margin-bottom: -50px; } [class*="list-seperated"].list-space-xxl>* { padding-top: 50px; padding-bottom: 50px; } [class*="list-seperated"]>*:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.07); } .list-seperated-only-first>*:not(:first-child) { border-bottom: none; } .list-seperated-only-last>*:last-child { border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .list-seperated-exclude-first>*:first-child { border-bottom: none; } .inverse-text .list-seperated>*:not(:last-child), .overlay-content .list-seperated>*:not(:last-child) { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .inverse-text .list-seperated-only-first>*:first-child, .overlay-content .list-seperated-only-first>*:first-child { border-top: 1px solid rgba(255, 255, 255, 0.1); } .inverse-text .list-seperated-only-last>*:last-child, .overlay-content .list-seperated-only-last>*:last-child { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .list-square-bullet { list-style: none; } .list-square-bullet>li>* { position: relative; padding-left: 15px; } .list-square-bullet>li>*:before { content: ''; display: inline-block; width: 5px; height: 5px; position: absolute; top: 0.5em; right: auto; bottom: auto; left: 0; background: rgba(0, 0, 0, 0.1); } .list-square-bullet-exclude-first>li:not(:first-child)>* { position: relative; padding-left: 15px; } .list-square-bullet-exclude-first>li:not(:first-child)>*:before { content: ''; display: inline-block; width: 5px; height: 5px; position: absolute; top: 0.58em; right: auto; bottom: auto; left: 0; background: rgba(0, 0, 0, 0.1); } /* ---------------------------------------------------------------- Social branding color -----------------------------------------------------------------*/ .facebook-theme, .facebook-theme-hover:hover { color: #3b5998 !important; } .facebook-theme-bg, .facebook-theme-bg-hover:hover { background-color: #3b5998 !important; } .twitter-theme, .twitter-theme-hover:hover { color: #55acee !important; } .twitter-theme-bg, .twitter-theme-bg-hover:hover { background-color: #55acee !important; } .dribbble-theme, .dribbble-theme-hover:hover { color: #EA4C89 !important; } .dribbble-theme-bg, .dribbble-theme-bg-hover:hover { background-color: #EA4C89 !important; } .youtube-theme, .youtube-theme-hover:hover { color: #cd201f !important; } .youtube-theme-bg, .youtube-theme-bg-hover:hover { background-color: #cd201f !important; } .pinterest-theme, .pinterest-theme-hover:hover { color: #bd081c !important; } .pinterest-theme-bg, .pinterest-theme-bg-hover:hover { background-color: #bd081c !important; } .googleplus-theme, .googleplus-theme-hover:hover { color: #dc4e41 !important; } .googleplus-theme-bg, .googleplus-theme-bg-hover:hover { background-color: #dc4e41 !important; } .tumblr-theme, .tumblr-theme-hover:hover { color: #35465c !important; } .tumblr-theme-bg, .tumblr-theme-bg-hover:hover { background-color: #35465c !important; } .instagram-theme, .instagram-theme-hover:hover { color: #3f729b !important; } .instagram-theme-bg, .instagram-theme-bg-hover:hover { background-color: #3f729b !important; } .vk-theme, .vk-theme-hover:hover { color: #45668e !important; } .vk-theme-bg, .vk-theme-bg-hover:hover { background-color: #45668e !important; } .stumbleupon-theme-bg, .stumbleupon-theme-bg-hover:hover { background-color: #EB4823 !important; } .linkedin-theme-bg, .linkedin-theme-bg-hover:hover { background-color: #0073B0 !important; } /* ---------------------------------------------------------------- Shadows -----------------------------------------------------------------*/ .shadow-1, .atbs-ceris-carousel-shadow-1 .owl-stage-outer { -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); } .shadow-2, .atbs-ceris-carousel-shadow-2 .owl-stage-outer { -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.06); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.06); } .shadow-3, .atbs-ceris-carousel-shadow-3 .owl-stage-outer { -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05); } .shadow-4, .atbs-ceris-carousel-shadow-4 .owl-stage-outer { -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04); box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04); } .shadow-5, .atbs-ceris-carousel-shadow-5 .owl-stage-outer { -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.06), 0 15px 12px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.06), 0 15px 12px rgba(0, 0, 0, 0.04); box-shadow: 0 19px 38px rgba(0, 0, 0, 0.06), 0 15px 12px rgba(0, 0, 0, 0.04); } .shadow-hover-1 { -webkit-transition: all 0.15s ease-out 0s; -o-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; } .shadow-hover-1:hover { -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); } .shadow-hover-2 { -webkit-transition: all 0.15s ease-out 0s; -o-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; } .shadow-hover-2:hover { -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.06); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.06); } .shadow-hover-3 { -webkit-transition: all 0.15s ease-out 0s; -o-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; } .shadow-hover-3:hover { -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05); } .shadow-hover-4 { -webkit-transition: all 0.15s ease-out 0s; -o-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; } .shadow-hover-4:hover { -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04); box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04); } .shadow-hover-5 { -webkit-transition: all 0.15s ease-out 0s; -o-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; } .shadow-hover-5:hover { -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.06), 0 15px 12px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.06), 0 15px 12px rgba(0, 0, 0, 0.04); box-shadow: 0 19px 38px rgba(0, 0, 0, 0.06), 0 15px 12px rgba(0, 0, 0, 0.04); } .stacked-top { -webkit-box-shadow: 0 -20px 0 -10px #f5f5f5, 0 -38px 0 -20px #fafafa; -moz-box-shadow: 0 -20px 0 -10px #f5f5f5, 0 -38px 0 -20px #fafafa; box-shadow: 0 -20px 0 -10px #f5f5f5, 0 -38px 0 -20px #fafafa; } .stacked-bottom { -webkit-box-shadow: 0 20px 0 -10px #f5f5f5, 0 38px 0 -20px #fafafa; -moz-box-shadow: 0 20px 0 -10px #f5f5f5, 0 38px 0 -20px #fafafa; box-shadow: 0 20px 0 -10px #f5f5f5, 0 38px 0 -20px #fafafa; } /* ----------------------------------------------------------------- ## Sticky Signal ----------------------------------------------------------------- */ .sticky-ceris-post .cerisStickyMark i{ color: var(--color-logo); padding-bottom: 10px; font-size: 18px; } .bypostauthor { opacity: 1; } /* ---------------------------------------------------------------- Animation -----------------------------------------------------------------*/ @-webkit-keyframes kenburns { 0% { -webkit-transform: scale(1.2); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes kenburns { 0% { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } } @-o-keyframes kenburns { 0% { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @keyframes kenburns { 0% { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } /*---- Scrollable container ----*/ .scroll-area-horizontal { overflow-x: auto; -webkit-overflow-scrolling: touch; } .scroll-area-horizontal__inner { display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-lines: no-wrap; -moz-box-lines: no-wrap; box-lines: no-wrap; -ms-flex-wrap: no-wrap; -webkit-flex-wrap: no-wrap; flex-wrap: no-wrap; } .scroll-area-horizontal__inner>* { -webkit-box-flex: 0; box-flex: 0; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; -moz-box-flex: 0; flex: 0 0 auto; } .kenburns { -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-animation-name: kenburns; -moz-animation-name: kenburns; -o-animation-name: kenburns; animation-name: kenburns; -webkit-animation-duration: 30s; -moz-animation-duration: 30s; -o-animation-duration: 30s; animation-duration: 30s; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; -moz-animation-direction: alternate; -o-animation-direction: alternate; animation-direction: alternate; } /* ============================================================================= ## LAYOUT ============================================================================= */ .site-wrapper { overflow: hidden; } .site-content { padding-top: 50px; padding-bottom: 50px; position: relative; z-index: 0; } @media (min-width: 768px) { .site-content { padding-top: 65px; padding-bottom: 65px; } } @media (max-width: 767px) { .container.fullwidth-xs { width: 100%; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; } } .container--narrow { max-width: 970px; } .container--wide { width: 100%; max-width: 1440px; } .container--fw { width: 100%; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .container--fw { padding-left: 30px; padding-right: 30px; } } .atbs-ceris-main-col { width: 100%; min-height: 1px; float: left; padding-left: 15px; padding-right: 15px; } @media (min-width: 992px) { .atbs-ceris-main-col { width: 680px; } } @media (min-width: 1200px) { .atbs-ceris-main-col { width: 840px; padding-right: 35px; } } .atbs-ceris-main-col.has-left-sidebar { float: right; } @media (min-width: 1200px) { .atbs-ceris-main-col.has-left-sidebar { padding-left: 35px; padding-right: 15px; } } .atbs-ceris-sub-col { width: 100%; float: left; padding-top: 30px; padding-left: 15px; padding-right: 15px; } @media (min-width: 992px) { .atbs-ceris-sub-col { padding-top: 0; width: 290px; } } @media (min-width: 1200px) { .atbs-ceris-sub-col { width: 330px; } } .row--flex { display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .row--flex.row--vertical-center { -webkit-box-align: center; box-align: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -ms-flex-align: center; } .row--flex>[class*='col-'] { float: none; } .row--stack>[class*='col-'] { margin-bottom: 30px; } .row--space-between { margin-top: -15px; margin-bottom: -15px; clear: both; } .row--space-between>[class*='col-'] { padding-top: 15px; padding-bottom: 15px; } .grid-no-gutter .row, .grid-no-gutter.row { margin-left: 0; margin-right: 0; } .grid-no-gutter .row--space-between, .grid-no-gutter.row--space-between { margin-top: 0; margin-bottom: 0; } .grid-no-gutter [class*="col-"] { padding-left: 0; padding-right: 0; } .grid-no-gutter .row--space-between>[class*="col-"], .grid-no-gutter.row--space-between>[class*="col-"] { padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; } .grid-gutter-2 .row, .grid-gutter-2.row { margin-left: -1px; margin-right: -1px; } .grid-gutter-2 .row--space-between, .grid-gutter-2.row--space-between { margin-top: -1px; margin-bottom: -1px; } .grid-gutter-2 [class*="col-"] { padding-left: 1px; padding-right: 1px; } .grid-gutter-2 .row--space-between>[class*="col-"], .grid-gutter-2.row--space-between>[class*="col-"] { padding-left: 1px; padding-right: 1px; padding-top: 1px; padding-bottom: 1px; } .grid-gutter-4 .row, .grid-gutter-4.row { margin-left: -2px; margin-right: -2px; } .grid-gutter-4 .row--space-between, .grid-gutter-4.row--space-between { margin-top: -2px; margin-bottom: -2px; } .grid-gutter-4 [class*="col-"] { padding-left: 2px; padding-right: 2px; } .grid-gutter-4 .row--space-between>[class*="col-"], .grid-gutter-4.row--space-between>[class*="col-"] { padding-left: 2px; padding-right: 2px; padding-top: 2px; padding-bottom: 2px; } .grid-gutter-10 .row, .grid-gutter-10.row { margin-left: -5px; margin-right: -5px; } .grid-gutter-10 .row--space-between, .grid-gutter-10.row--space-between { margin-top: -5px; margin-bottom: -5px; } .grid-gutter-10 [class*="col-"] { padding-left: 5px; padding-right: 5px; } .grid-gutter-10 .row--space-between>[class*="col-"], .grid-gutter-10.row--space-between>[class*="col-"] { padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; } .grid-gutter-20 .row, .grid-gutter-20.row { margin-left: -10px; margin-right: -10px; } .grid-gutter-20 .row--space-between, .grid-gutter-20.row--space-between { margin-top: -10px; margin-bottom: -10px; } .grid-gutter-20 [class*="col-"] { padding-left: 10px; padding-right: 10px; } .grid-gutter-20 .row--space-between>[class*="col-"], .grid-gutter-20.row--space-between>[class*="col-"] { padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; } .grid-gutter-w30-h40 .row--space-between [class*="col-"], .grid-gutter-w30-h40.row--space-between [class*="col-"]{ padding-top: 20px; padding-bottom: 20px; padding-left: 15px; padding-right: 15px; } .grid-gutter-w30-h40 .row--space-between, .grid-gutter-w30-h40.row--space-between{ margin-top: -20px; margin-bottom: -20px; margin-left: -15px; margin-right: -15px; } .grid-gutter-40 .row, .grid-gutter-40.row { margin-left: -20px; margin-right: -20px; } .grid-gutter-40 .row--space-between, .grid-gutter-40.row--space-between { margin-top: -20px; margin-bottom: -20px; } .container .atbs-ceris-block__inner .grid-gutter-40 .row--space-between, .container .atbs-ceris-block__inner .grid-gutter-40.row--space-between { display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .grid-gutter-40 [class*="col-"] { padding-left: 20px; padding-right: 20px; } .grid-gutter-40 .row--space-between>[class*="col-"], .grid-gutter-40.row--space-between>[class*="col-"] { padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px; } .grid-gutter-50 .row, .grid-gutter-50.row { margin-left: -25px; margin-right: -25px; } .grid-gutter-50 .row--space-between, .grid-gutter-50.row--space-between { margin-top: -25px; margin-bottom: -25px; } .grid-gutter-50 [class*="col-"] { padding-left: 25px; padding-right: 25px; } .grid-gutter-50 .row--space-between>[class*="col-"], .grid-gutter-50.row--space-between>[class*="col-"] { padding-left: 25px; padding-right: 25px; padding-top: 25px; padding-bottom: 25px; } .grid-gutter-w40-h70 .row--space-between [class*="col-"], .grid-gutter-w40-h70 [class*="col-"]{ padding-top: 35px; padding-bottom: 35px; padding-left: 20px; padding-right: 20px; } .grid-gutter-w40-h70 , .grid-gutter-w40-h70{ margin-top: -35px; margin-bottom: -35px; margin-left: -20px; margin-right: -20px; } .grid-gutter-w50-h40 .row--space-between [class*="col-"], .grid-gutter-w50-h40 [class*="col-"]{ padding-top: 20px; padding-bottom: 20px; padding-left: 25px; padding-right: 25px; } .grid-gutter-w50-h40 , .grid-gutter-w50-h40{ margin-top: -20px; margin-bottom: -20px; margin-left: -25px; margin-right: -25px; } .grid-gutter-w50-h80 .row--space-between [class*="col-"], .grid-gutter-w50-h80.row--space-between [class*="col-"]{ padding-top: 40px; padding-bottom: 40px; padding-left: 25px; padding-right: 25px; } .grid-gutter-w50-h80 .row--space-between, .grid-gutter-w50-h80.row--space-between{ margin-top: -40px; margin-bottom: -40px; margin-left: -25px; margin-right: -25px; } /* ----------------------------------------------------------------- ## Site Header ----------------------------------------------------------------- */ .site-header { position: relative; background: #fff; -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.03), 0 1px 0 0 rgba(0, 0, 0, 0.04), 0 -1px 0 0 rgba(0, 0, 0, 0.04); -moz-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.03), 0 1px 0 0 rgba(0, 0, 0, 0.04), 0 -1px 0 0 rgba(0, 0, 0, 0.04); box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.03), 0 1px 0 0 rgba(0, 0, 0, 0.04), 0 -1px 0 0 rgba(0, 0, 0, 0.04); z-index: 20; } .site-header__inner { padding: 0 15px; } .container .site-header__inner { padding: 0; } /* * ## Top bar *--------------------*/ .top-bar__inner { padding: 10px 0; } .top-bar__inner--fw { padding: 10px 30px; } .top-bar__inner--flex { display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; box-align: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: justify; box-pack: justify; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; -ms-flex-pack: justify; } .top-bar__inner--flex>.top-bar__section { padding-right: 20px; } .top-bar__inner--flex>.top-bar__section:last-child { padding-right: 0; } /*---- Top navigation ----*/ .top-bar__nav .navigation { margin: 0 -8px; font-size: 12px; } .top-bar__nav .navigation a { color: rgba(255, 255, 255, 0.8); } .top-bar__nav .navigation li { position: relative; } .top-bar__nav .navigation>li>a { padding: 0 8px; line-height: 20px; } .top-bar__nav .navigation>li.menu-item-has-children>a:after { /* use !important to prevent issues with browser extensions that change fonts */ display: inline-block; font-family: 'mdicon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\e5c5'; display: inline-block; margin-left: 0.1em; margin-top: -0.2em; font-size: 1.2em; } .top-bar__nav .navigation .sub-menu { min-width: 200px; position: absolute; top: 100%; right: auto; bottom: auto; left: 0; margin-top: 11px; padding: 8px; background: #fafafa; color: rgba(0, 0, 0, 0.6); opacity: 0; visibility: hidden; z-index: 10; border: 1px solid rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.09); box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.09); -webkit-transition: all 0.1s ease-in-out 0.1s; -o-transition: all 0.1s ease-in-out 0.1s; -moz-transition: all 0.1s ease-in-out 0.1s; transition: all 0.1s ease-in-out 0.1s; } .top-bar__nav .navigation li:hover>.sub-menu { opacity: 1; visibility: visible; } .top-bar__nav .navigation .sub-menu a { display: block; padding: 4px 8px; color: rgba(0, 0, 0, 0.6); } .top-bar__nav .navigation .sub-menu li:hover>a { background: rgba(0, 0, 0, 0.05); } .top-bar a { color: rgba(0, 0, 0, 0.4); } .top-bar__nav .navigation>li>a { color: rgba(0, 0, 0, 0.4); -webkit-transition: "color", 0.2s; -o-transition: "color", 0.2s; -moz-transition: "color", 0.2s; transition: "color", 0.2s; } .top-bar__nav .navigation>li:hover>a { color: rgba(0, 0, 0, 0.8); } /*---- Top bar fullwidth ----*/ .top-bar--fullwidth { border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .top-bar:not(.top-bar--fullwidth) .top-bar__inner { border-bottom: 1px solid rgba(0, 0, 0, 0.05); } /*---- Top bar inverse ----*/ .top-bar--inverse.top-bar--fullwidth { background: #111; color: rgba(255, 255, 255, 0.8); } .top-bar--inverse .top-bar__nav .navigation>li>a, .top-bar--inverse .social-list--inline>li>a { color: rgba(255, 255, 255, 0.8); -webkit-transition: "color", 0.2s; -o-transition: "color", 0.2s; -moz-transition: "color", 0.2s; transition: "color", 0.2s; } .top-bar--inverse .top-bar__nav .navigation>li:hover>a, .top-bar--inverse .social-list--inline>li:hover>a { color: white; } /* * ## Header main *--------------------*/ .header-main { padding: 5px 0; } @media (min-width: 992px) { .header-main { padding: 40px 0; } } .header-main__inner--flex { display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; box-pack: justify; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; -ms-flex-pack: justify; -webkit-box-align: center; box-align: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -ms-flex-align: center; } .header-main__section { padding-right: 20px; } .header-main__section:last-child { padding-right: 0; } .header-main--inverse { color: rgba(255, 255, 255, 0.95); } /*---- Header branding ---*/ .navigation-bar .header-branding { max-width: 30%; } .header-branding--mobile { min-width: 0; } .site-title { color: #FC3C2D; font-size: 36px; font-weight: 700; } @media (min-width: 1200px) { .site-title { font-size: 48px; } } .site-title:first-child { margin-top: 0; } .site-title:last-child { margin-bottom: 0; } .site-title a { color: inherit; text-decoration: none; } .navigation-bar .site-title { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; margin: 0; font-size: 36px; line-height: 60px; } .site-description { font-size: 14px; color: rgba(0, 0, 0, 0.4); } .mobile-header .site-title { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; margin: 0; font-size: 20px; } .mobile-header .site-title a { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } /*---- Header logo ---*/ .header-logo a { text-decoration: none !important; } .navigation-bar .header-logo { display: inline-block; vertical-align: middle; } .navigation-bar .header-logo img { max-height: 60px; } .sticky-header .navigation-bar .header-logo img { max-hright: 50px; } .navigation-bar--inverse i.mdicon-mail_outline, .navigation-bar--inverse .header-logo--text, .navigation-bar--inverse .header-logo--text a { color: #fff; } /*---- Header main buttons ---*/ .header-main-btn { display: inline-block; padding: 5px 10px; font-size: 24px; text-align: center; cursor: pointer; vertical-align: middle; color: inherit; text-decoration: none; } .header-main-btn:hover, .header-main-btn:active, .header-main-btn:focus { color: inherit; text-decoration: none; } .header-main-btn .mdicon, .header-main-btn i { font-size: 1.2em; } .header-main-btn .mdicon:not(:last-child), .header-main-btn i:not(:last-child) { margin-right: 0.2em; } /*---- Header search ---*/ .header-main .header-search .search-form__input { -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); } /* * ## Navigation bar *--------------------*/ .navigation-bar { height: 60px; position: relative; z-index: 1; } .sticky-header .navigation-bar { height: 70px; } .navigation-bar--fullwidth { background: #fff; } .navigation-bar__inner { position: relative; display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; box-align: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -ms-flex-align: center; } .navigation-bar--inverse:not(.navigation-bar--fullwidth) .navigation-bar__inner { padding-left: 10px; padding-right: 10px; } .navigation-bar--fullwidth .navigation-bar__inner { padding-left: 15px; padding-right: 15px; } .sticky-header .navigation-bar--fullwidth .navigation-bar__inner { padding-left: 15px; padding-right: 15px; } .navigation-bar--fullwidth .container .navigation-bar__inner { padding-left: 0; padding-right: 0; } .navigation-bar:not(.navigation-bar--fullwidth):not(.navigation-bar--inverse) .navigation-bar__inner { -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05); } .navigation-bar__section { min-width: 0; padding-left: 8px; padding-right: 8px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .navigation-bar__section:first-child { padding-left: 0; } .navigation-bar__section:last-child { padding-right: 0; margin-left: 20px; } /* * #Main navigation *--------------------*/ .navigation-wrapper { -webkit-box-flex: 1; box-flex: 1; -moz-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; overflow: hidden; } @media (min-width: 1200px) { .navigation-bar .header-logo { padding-right: 20px; } } .navigation--main { display: inline-block; vertical-align: middle; white-space: nowrap; font-size: 0; } .navigation--main * { white-space: initial; } .navigation--main a { text-decoration: none; } .navigation--main>li { font-size: 14px; white-space: normal; text-align: left; } .navigation--main>li>a { display: inline-block; height: 60px; padding: 0 15px; font-size: 14px; line-height: 60px; font-weight: 500; } .sticky-header .navigation--main>li>a { height: 70px; line-height: 70px; } .navigation--main>li.menu-item-has-children>a:after, .navigation--main .sub-menu li.menu-item-has-children>a:after { /* use !important to prevent issues with browser extensions that change fonts */ display: inline-block; font-family: 'mdicon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\e5cf'; display: inline-block; margin-left: 0.1em; margin-top: -0.1em; font-size: 1.3em; letter-spacing: -0.2857em; } .navigation--main .sub-menu>li.menu-item-has-children>a { position: relative; padding-right: 20px; } .navigation--main .sub-menu li.menu-item-has-children>a:after { content: '\e409'; position: absolute; top: 50%; right: 7px; left: auto; bottom: auto; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } .navigation--main>li>a { position: relative; color: rgba(0, 0, 0, 0.8); -webkit-transition: all 0.2s ease-out 0.05s; -o-transition: all 0.2s ease-out 0.05s; -moz-transition: all 0.2s ease-out 0.05s; transition: all 0.2s ease-out 0.05s; } .navigation--main>li>a:before { content: ''; display: block; height: 3px; position: absolute; top: auto; right: 0; bottom: 0; left: 0; background: #FC3C2D; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); -moz-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: bottom center; -ms-transform-origin: bottom center; -moz-transform-origin: bottom center; -o-transform-origin: bottom center; transform-origin: bottom center; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .navigation--main>li:hover>a, .navigation--main>li.current-menu-item>a { color: rgba(0, 0, 0, 0.8); } .navigation--main>li:hover>a:before, .navigation--main>li.current-menu-item>a:before { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .navigation--main .sub-menu { color: #222; font-size: 14px; line-height: 1.4; } .navigation--main>li>.sub-menu, .navigation--main li>.sub-menu .sub-menu { width: 290px; position: absolute; top: 100%; right: auto; bottom: auto; left: auto; padding: 15px 0; background: #fff; opacity: 0; visibility: hidden; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1), 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1), 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05); box-shadow: 0 0 4px rgba(0, 0, 0, 0.1), 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05); -webkit-transform: scale(1, 0.9); -ms-transform: scale(1, 0.9); -moz-transform: scale(1, 0.9); -o-transform: scale(1, 0.9); transform: scale(1, 0.9); -webkit-transform-origin: top left; -ms-transform-origin: top left; -moz-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; -o-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; -moz-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; z-index: 30; } .navigation--main>li>.sub-menu li, .navigation--main li>.sub-menu .sub-menu li{ padding-left: 20px; padding-right: 15px; } .navigation--main>li>.sub-menu li > a, .navigation--main li>.sub-menu .sub-menu li > a { position: relative; } .navigation--main li:hover>.sub-menu { opacity: 1; visibility: visible; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; -moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; } .navigation--main li>.sub-menu .sub-menu { position: absolute; top: 0; right: auto; bottom: auto; left: 100%; } .navigation--main .sub-menu a { display: block; padding: 6px 8px; color: #444; line-height: 1.4; } .navigation--main .sub-menu li:hover>a { background: rgba(0, 0, 0, 0.05); } /* * Priority nav dropdown *------------------------*/ .priority-nav__more { direction: rtl; } .priority-nav__more i { font-size: 25px; } .priority-nav__more * { direction: ltr; } .priority-nav__more>a>i { display: inline-block; margin-left: 0.1em; margin-top: -0.1em; letter-spacing: -0.2857em; } .priority-nav__more .sub-menu .sub-menu, .priority-nav__more li.menu-item-has-children>a:after, .priority-nav__more .atbs-ceris-mega-menu { display: none !important; } /* * Navigation bar inverse *------------------------*/ .navigation-bar--inverse:not(.navigation-bar--fullwidth) .navigation-bar__inner { background: #1B1D1C; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .header-9 .navigation-bar__inner{ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 0 10px; } .navigation-bar--inverse.navigation-bar--fullwidth { background: #1B1D1C; } .navigation-bar--inverse.navigation-bar--fullwidth .container .navigation-bar__inner { padding-left: 0; padding-right: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: none; -moz-border-radius: none; border-radius: none; } .navigation-bar--inverse .navigation-bar__section--seperated { border-color: rgba(255, 255, 255, 0.1); } .navigation-bar--inverse .navigation--main>li>a, .navigation-bar--inverse .navigation-bar-btn { color: rgba(255, 255, 255, 0.8); } .sticky-header .navigation-bar.navigation-bar--inverse .header-article-nav-icon { fill: rgba(255, 255, 255, 0.95); } .navigation-bar--inverse .menu-icon a span:not(.menu-icon--text), .navigation-bar--inverse .menu-icon a span:not(.menu-icon--text), .navigation-bar--inverse .menu-icon a span:not(.menu-icon--text){ background-color: rgba(255, 255, 255, 0.8); } .header-11 .navigation-bar--inverse .offcanvas-menu-toggle{ border-right: 1px solid rgb(255,255,255,0.5) } .header-12 .navigation-bar.navigation-bar--inverse{ border-top: 0px solid rgba(0, 0, 0, 0.05); } .navigation-bar--inverse .navigation--main>li>a:hover, .navigation-bar--inverse .navigation--main>li>a:focus, .navigation-bar--inverse .navigation--main>li>a:active, .navigation-bar--inverse .navigation-bar-btn:hover, .navigation-bar--inverse .navigation-bar-btn:focus, .navigation-bar--inverse .navigation-bar-btn:active { color: white; } .navigation-bar--inverse .navigation--main>li:hover>a, .navigation-bar--inverse .navigation--main>li.current-menu-item>a { color: white; } .navigation-bar-btn tr { border-bottom: 0; } /* * Mega menu *--------------------*/ .atbs-ceris-mega-menu { width: 100%; position: absolute; top: 100%; right: auto; bottom: auto; left: 0; background: #fff; -webkit-box-shadow: 0px 4px 6px 2px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px 4px 6px 2px rgba(0, 0, 0, 0.09); box-shadow: 0px 4px 6px 2px rgba(0, 0, 0, 0.09); z-index: 20; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1), 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1), 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05); box-shadow: 0 0 4px rgba(0, 0, 0, 0.1), 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05); opacity: 0; visibility: hidden; -webkit-transform: scale(1, 0.9); -ms-transform: scale(1, 0.9); -moz-transform: scale(1, 0.9); -o-transform: scale(1, 0.9); transform: scale(1, 0.9); -webkit-transform-origin: top left; -ms-transform-origin: top left; -moz-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; -o-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; -moz-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; } .navigation--main li:hover>.atbs-ceris-mega-menu { opacity: 1; visibility: visible; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; -moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; } @media(min-width:992px){ .atbs-ceris-mega-menu{ right: unset; left: 50%; width: 940px; -moz-transform: translateX(-50%) scale(1, 0.9); -o-transform: translateX(-50%) scale(1, 0.9); transform: translateX(-50%) scale(1, 0.9); -webkit-transform: translateX(-50%) scale(1, 0.9); -ms-transform: translateX(-50%) scale(1, 0.9); transform: translateX(-50%) scale(1, 0.9); -webkit-transform-origin: top center; -ms-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; -o-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; -moz-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; } .navigation--main li:hover>.atbs-ceris-mega-menu{ opacity: 1; visibility: visible; -webkit-transform: translateX(-50%) scale(1, 1); -ms-transform: translateX(-50%) scale(1, 1); -moz-transform: translateX(-50%) scale(1, 1); -o-transform: translateX(-50%) scale(1, 1); transform: translateX(-50%) scale(1, 1); -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; -moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; } } @media(min-width:1200px){ .atbs-ceris-mega-menu{ right: unset; left: 50%; width: 1170px; -moz-transform: translateX(-50%) scale(1, 0.9); -o-transform: translateX(-50%) scale(1, 0.9); transform: translateX(-50%) scale(1, 0.9); -webkit-transform: translateX(-50%) scale(1, 0.9); -ms-transform: translateX(-50%) scale(1, 0.9); transform: translateX(-50%) scale(1, 0.9); -webkit-transform-origin: top center; -ms-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; -o-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; -moz-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; } .navigation--main li:hover>.atbs-ceris-mega-menu{ opacity: 1; visibility: visible; -webkit-transform: translateX(-50%) scale(1, 1); -ms-transform: translateX(-50%) scale(1, 1); -moz-transform: translateX(-50%) scale(1, 1); -o-transform: translateX(-50%) scale(1, 1); transform: translateX(-50%) scale(1, 1); -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; -moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; } } .atbs-ceris-mega-menu__inner { padding: 35px 30px; pointer-events: auto; } .atbs-ceris-mega-menu .container .atbs-ceris-mega-menu__inner { padding-left: 0; padding-right: 0; } /*---- Category mega menu ----*/ .atbs-ceris-mega-menu .posts-list { display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; margin: 0 -15px; } .atbs-ceris-mega-menu ul.posts-list.megamenu-style-3 { margin: -30px -15px -10px; } .atbs-ceris-mega-menu .posts-list>li { max-width: 25%; -webkit-box-flex: 1; box-flex: 1; -moz-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; padding: 0 10px; } .atbs-ceris-mega-menu .posts-list>li.big-post { max-width: 50%; -webkit-box-flex: 2; box-flex: 2; -moz-flex: 2; -ms-flex: 2; -webkit-flex: 2; -moz-box-flex: 2; flex: 2; } .atbs-ceris-mega-menu ul.sub-categories { margin: 0; list-style: none; margin-top: 30px; } .atbs-ceris-mega-menu ul.sub-categories li { display: inline-block; } .atbs-ceris-mega-menu ul.sub-categories li:not(:first-child) { margin-left: 2px; } .atbs-ceris-mega-menu ul.sub-categories li a { margin-bottom: 0; } /*---- Links mega menu ----*/ .atbs-ceris-mega-menu__inner>.sub-menu { display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: -10px; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); margin: -20px; } .atbs-ceris-mega-menu__inner>.sub-menu>li { -webkit-box-flex: 1; box-flex: 1; -moz-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; -webkit-flex-basis: 20%; flex-basis: 20%; -ms-flex-preferred-size: 20%; padding: 20px; } .navigation--main .atbs-ceris-mega-menu> .atbs-ceris-mega-menu__inner > .sub-menu > li { border-bottom: 0px solid #000; } .atbs-ceris-mega-menu__inner>.sub-menu>li:nth-child(n+6) { max-width: 20%; } .atbs-ceris-mega-menu__inner>.sub-menu>li>a { padding-left: 0; padding-right: 0; background: transparent; font-weight: 700; text-transform: uppercase; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .atbs-ceris-mega-menu__inner>.sub-menu>li:hover>a { background: transparent; } .atbs-ceris-mega-menu__inner .sub-menu>li.menu-item-has-children>a:after { content: none; } .atbs-ceris-mega-menu__inner .sub-menu .sub-menu { padding: 10px 0 0; } /* * Nav bar buttons *--------------------*/ .navigation-bar-btn { color: inherit; text-decoration: none; display: inline-block; height: 60px; padding: 0 10px; background: transparent; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font-size: 1rem; text-align: center; cursor: pointer; vertical-align: top; } .sticky-header .navigation-bar-btn { height: 70px; } .navigation-bar-btn:hover, .navigation-bar-btn:active, .navigation-bar-btn:focus { color: inherit; text-decoration: none; } .navigation-bar-btn span, .navigation-bar-btn i { line-height: 60px; vertical-align: middle; } .sticky-header .navigation-bar-btn span, .sticky-header .navigation-bar-btn i{ line-height: 70px; } .navigation-bar-btn i { font-size: 19px; } .navigation-bar-btn i:not(:last-child) { margin-right: 0.2em; } /*---- Header search ---*/ .header-search { max-width: 100%; min-width: 280px; } .navigation-bar--inverse .header-search .search-form__input, .navigation-bar--dark .header-search .search-form__input, .site-header--inverse .header-search .search-form__input { background: #fff; } .header-search-dropdown { display: none; position: absolute; top: 100%; left: 0; right: 0; background-color: #fafafa; opacity: 0; visibility: hidden; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .header-search-dropdown.is-active { display: block; -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.03), 0 1px 0 0 rgba(0, 0, 0, 0.04), 0 -1px 0 0 rgba(0, 0, 0, 0.04); -moz-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.03), 0 1px 0 0 rgba(0, 0, 0, 0.04), 0 -1px 0 0 rgba(0, 0, 0, 0.04); box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.03), 0 1px 0 0 rgba(0, 0, 0, 0.04), 0 -1px 0 0 rgba(0, 0, 0, 0.04); opacity: 1; visibility: visible; } .header-search-dropdown .search-form__input { padding: 18px 8px; background: transparent; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font-size: 16px; font-size: 1.14286rem; } @media (min-width: 768px) { .header-search-dropdown .search-form__input { font-size: 26px; font-size: 1.85714rem; } } .header-search-dropdown .search-form__input:focus { border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; outline: none; } .header-search-dropdown .search-form__submit { text-transform: uppercase; } .search-form--horizontal { display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; box-align: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -ms-flex-align: center; } .search-form--horizontal .search-form__input-wrap { -webkit-box-flex: 1; box-flex: 1; -moz-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; } .search-form--horizontal .search-form__submit-wrap { -webkit-box-flex: 0; box-flex: 0; -moz-flex: 0; -ms-flex: 0; -webkit-flex: 0; -moz-box-flex: 0; flex: 0; } .search-results { color: rgba(0, 0, 0, 0.8); } .ajax-search .search-results { display: none; opacity: 0; visibility: hidden; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .ajax-search .search-results.is-active { display: block; opacity: 1; visibility: visible; } .ajax-search .search-results .typing-loader { margin: 0 auto; } .ajax-search .search-results:not(.is-loading) .typing-loader { display: none; } /*Typing Loader*/ .typing-loader { width: 6px; height: 6px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-animation: typing 1s linear infinite alternate; -moz-animation: typing 1s linear infinite alternate; -o-animation: typing 1s linear infinite alternate; animation: typing 1s linear infinite alternate; position: relative; left: -12px; } .site-wrapper { --background-color-dark-mode-keyframes: #222; --background-color-dark-mode-keyframes-02: rgba(0,0,0,0.2); --background-color-dark-mode-keyframes-04: rgba(0,0,0,0.4); } .site-wrapper.ceris-dark-mode { --background-color-dark-mode-keyframes: #fff; --background-color-dark-mode-keyframes-02: rgba(255,255,255,0.2); --background-color-dark-mode-keyframes-04: rgba(255,255,255,0.4); } @-webkit-keyframes typing { 0% { background-color: var(--background-color-dark-mode-keyframes); -webkit-box-shadow: 12px 0px 0px 0px var(--background-color-dark-mode-keyframes-02), 24px 0px 0px 0px var(--background-color-dark-mode-keyframes-02); box-shadow: 12px 0px 0px 0px var(--background-color-dark-mode-keyframes-02), 24px 0px 0px 0px var(--background-color-dark-mode-keyframes-02); } 25% { background-color: var(--background-color-dark-mode-keyframes-04); -webkit-box-shadow: 12px 0px 0px 0px var(--background-color-dark-mode-keyframes), 24px 0px 0px 0px var(--background-color-dark-mode-keyframes-02); box-shadow: 12px 0px 0px 0px var(--background-color-dark-mode-keyframes), 24px 0px 0px 0px var(--background-color-dark-mode-keyframes-02); } 75% { background-color: var(--background-color-dark-mode-keyframes-04); -webkit-box-shadow: 12px 0px 0px 0px var(--background-color-dark-mode-keyframes-02), 24px 0px 0px 0px var(--background-color-dark-mode-keyframes); box-shadow: 12px 0px 0px 0px var(--background-color-dark-mode-keyframes-02), 24px 0px 0px 0px var(--background-color-dark-mode-keyframes); } } @-moz-keyframes typing { 0% { background-color: var(--background-color-dark-mode-keyframes); -webkit-box-shadow: 12px 0px 0px 0px var(--background-color-dark-mode-keyframes-02), 24px 0px 0px 0px var(--background-color-dark-mode-keyframes-02); box-shadow: 12px 0px 0px 0px var(--background-color-dark-mode-keyframes-02), 24px 0px 0px 0px var(--background-color-dark-mode-keyframes-02); } 25% { background-color: var(--background-color-dark-mode-keyframes-04); -webkit-box-shadow: 12px 0px 0px 0px var(--background-color-dark-mode-keyframes), 24px 0px 0px 0px var(--background-color-dark-mode-keyframes-02); box-shadow: 12px 0px 0px 0px var(--background-color-dark-mode-keyframes), 24px 0px 0px 0px var(--background-color-dark-mode-keyframes-02); } 75% { background-color: var(--background-color-dark-mode-keyframes-04); -webkit-box-shadow: 12px 0px 0px 0px var(--background-color-dark-mode-keyframes-02), 24px 0px 0px 0px var(--background-color-dark-mode-keyframes); box-shadow: 12px 0px 0px 0px var(--background-color-dark-mode-keyframes-02), 24px 0px 0px 0px var(--background-color-dark-mode-keyframes); } } @-o-keyframes typing { 0% { background-color: var(--background-color-dark-mode-keyframes); -webkit-box-shadow: 12px 0px 0px 0px var(--background-color-dark-mode-keyframes-02), 24px 0px 0px 0px var(--background-color-dark-mode-keyframes-02); box-shadow: 12px 0px 0px 0px var(--background-color-dark-mode-keyframes-02), 24px 0px 0px 0px var(--background-color-dark-mode-keyframes-02); } 25% { background-color: var(--background-color-dark-mode-keyframes-04); -webkit-box-shadow: 12px 0px 0px 0px var(--background-color-dark-mode-keyframes), 24px 0px 0px 0px var(--background-color-dark-mode-keyframes-02); box-shadow: 12px 0px 0px 0px var(--background-color-dark-mode-keyframes), 24px 0px 0px 0px var(--background-color-dark-mode-keyframes-02); } 75% { background-color: var(--background-color-dark-mode-keyframes-04); -webkit-box-shadow: 12px 0px 0px 0px var(--background-color-dark-mode-keyframes-02), 24px 0px 0px 0px var(--background-color-dark-mode-keyframes); box-shadow: 12px 0px 0px 0px var(--background-color-dark-mode-keyframes-02), 24px 0px 0px 0px var(--background-color-dark-mode-keyframes); } } @keyframes typing { 0% { background-color: var(--background-color-dark-mode-keyframes); -webkit-box-shadow: 12px 0px 0px 0px var(--background-color-dark-mode-keyframes-02), 24px 0px 0px 0px var(--background-color-dark-mode-keyframes-02); box-shadow: 12px 0px 0px 0px var(--background-color-dark-mode-keyframes-02), 24px 0px 0px 0px var(--background-color-dark-mode-keyframes-02); } 25% { background-color: var(--background-color-dark-mode-keyframes-04); -webkit-box-shadow: 12px 0px 0px 0px var(--background-color-dark-mode-keyframes), 24px 0px 0px 0px var(--background-color-dark-mode-keyframes-02); box-shadow: 12px 0px 0px 0px var(--background-color-dark-mode-keyframes), 24px 0px 0px 0px var(--background-color-dark-mode-keyframes-02); } 75% { background-color: var(--background-color-dark-mode-keyframes-04); -webkit-box-shadow: 12px 0px 0px 0px var(--background-color-dark-mode-keyframes-02), 24px 0px 0px 0px var(--background-color-dark-mode-keyframes); box-shadow: 12px 0px 0px 0px var(--background-color-dark-mode-keyframes-02), 24px 0px 0px 0px var(--background-color-dark-mode-keyframes); } } .search-results { padding-top: 20px; overflow: hidden; } .atbs-ceris-search-full .search-results { padding-top: 0; } body.search-results { padding-top: 0; overflow: visible; } .header-search-dropdown .search-results { max-height: -webkit-calc(100vh - 108px); max-height: -moz-calc(100vh - 108px); max-height: calc(100vh - 108px); overflow-y: auto; } @media (min-width: 1200px) { .header-search-dropdown .search-results { max-height: -webkit-calc(100vh - 133px); max-height: -moz-calc(100vh - 133px); max-height: calc(100vh - 133px); } } .header-search-dropdown .search-results__inner { padding-bottom: 30px; } .search-results__view-all { display: block; clear: both; margin-top: 20px; font-size: 18px; font-size: 1.28571rem; text-align: center; } /*---- Dropdown login ---*/ .nav-login__dropdown { padding: 20px; background: #fafafa; } /* * Header banner *--------------------*/ .header-main--inverse .search-form__input { background: #fff; } .navigation-bar--inverse .navigation--main>li>a, .navigation-bar--inverse .navigation-bar-btn, .sticky-header .navigation-bar--inverse .current-reading-title, .sticky-header .navigation-bar--inverse .ceris-article-wpm--wrap { color: rgba(255, 255, 255, 0.95); } .sticky-header .navigation-bar--inverse .ceris-article-wpm--wrap:before { background: #eee; } .navigation-bar--inverse .navigation--main>li>a:hover, .navigation-bar--inverse .navigation--main>li>a:focus, .navigation-bar--inverse .navigation--main>li>a:active, .navigation-bar--inverse .navigation-bar-btn:hover, .navigation-bar--inverse .navigation-bar-btn:focus, .navigation-bar--inverse .navigation-bar-btn:active { color: white; } .site-header .site-logo a { display: block; height: 100%; } .header-10 .site-header .site-logo{ /*max-height: 60px;*/ display: block; } .header-10 .site-header .site-logo img{ /*max-height: 60px;*/ } .site-header .logo-text{ font-size: 40px; } .header-5 .site-header .site-logo a, .header-6 .site-header .site-logo a { max-height: 60px; display: block; } /* * Mobile header *--------------------*/ .mobile-header { position: relative; height: 60px; background: #fff; -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.03), 0 1px 0 0 rgba(0, 0, 0, 0.04), 0 -1px 0 0 rgba(0, 0, 0, 0.04); -moz-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.03), 0 1px 0 0 rgba(0, 0, 0, 0.04), 0 -1px 0 0 rgba(0, 0, 0, 0.04); box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.03), 0 1px 0 0 rgba(0, 0, 0, 0.04), 0 -1px 0 0 rgba(0, 0, 0, 0.04); } @media (max-width: 991px) { .ceris-mobile-header-sticky { margin-top: 60px; } .ceris-mobile-header-sticky .mobile-header { position: fixed; top:0; left:0; right:0; } .admin-bar .ceris-mobile-header-sticky .mobile-header { top: 32px; } } @media screen and (max-width: 782px) { .admin-bar .ceris-mobile-header-sticky .mobile-header { top: 46px; } } @media (min-width: 768px) { .mobile-header { height: 60px; } } .mobile-header__inner { padding: 0 15px; position: relative; } .container .mobile-header__inner { padding: 0; } .mobile-header__inner--flex { display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; box-pack: justify; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; -ms-flex-pack: justify; -webkit-box-align: center; box-align: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -ms-flex-align: center; width: 100%; } .mobile-header__section { padding-right: 20px; white-space: nowrap; } .mobile-header__section:last-child { padding-right: 0; } .header-logo--mobile img { max-height: 50px; } @media (min-width: 768px) { .header-logo--mobile img { max-height: 60px; } } .mobile-header-btn { color: inherit; text-decoration: none; display: inline-block; height: 60px; padding: 0 4px; background: transparent; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: rgba(0, 0, 0, 0.8); font-size: 14px; font-weight: 700; text-transform: uppercase; cursor: pointer; vertical-align: middle; } .mobile-header-btn:hover, .mobile-header-btn:active, .mobile-header-btn:focus { color: inherit; text-decoration: none; } @media (min-width: 768px) { .mobile-header-btn { height: 60px; } } .mobile-header-btn:hover { color: rgba(0, 0, 0, 0.8); } .mobile-header-btn>span { display: inline-block; line-height: 60px; vertical-align: middle; } @media (min-width: 768px) { .mobile-header-btn>span { line-height: 60px; } } .mobile-header-btn i { font-size: 24px; line-height: 60px; } @media (min-width: 768px) { .mobile-header-btn i { font-size: 24px; line-height: 60px; } } .mobile-header--dark, .mobile-header--inverse { background: #1B1D1C; color: #fff; } .mobile-header--dark .mobile-header-btn, .mobile-header--inverse .mobile-header-btn, .mobile-header--inverse .header-logo a { color: rgba(255, 255, 255, 0.8); } .mobile-header--inverse .menu-icon a span, .mobile-header--inverse .menu-icon a span:before, .mobile-header--inverse .menu-icon a span:after{ background-color: rgba(255, 255, 255, 0.8); } .mobile-header--dark .mobile-header-btn:hover, .mobile-header--inverse .mobile-header-btn:hover, .mobile-header--inverse .header-logo a:hover { color: white; } /*---- Sticky header ----*/ .sticky-header { position: fixed; top: 0; left: 0; width: 100%; -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.03), 0 1px 0 0 rgba(0, 0, 0, 0.04), 0 -1px 0 0 rgba(0, 0, 0, 0.04); -moz-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.03), 0 1px 0 0 rgba(0, 0, 0, 0.04), 0 -1px 0 0 rgba(0, 0, 0, 0.04); box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.03), 0 1px 0 0 rgba(0, 0, 0, 0.04), 0 -1px 0 0 rgba(0, 0, 0, 0.04); visibility: hidden; pointer-events: none; z-index: 50; -webkit-transition: all 0.15s ease-out 0s; -o-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; -webkit-transform: translate3d(0, -101%, 0); -ms-transform: translate3d(0, -101%, 0); -moz-transform: translate3d(0, -101%, 0); transform: translate3d(0, -101%, 0); } .sticky-header.is-shown { pointer-events: initial; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .sticky-header.is-fixed { pointer-events: initial; visibility: visible; } @media (min-width: 992px) { .admin-bar .sticky-header.is-fixed { margin-top: 32px; } } /*---- Overlap header ---*/ .has-overlap-header .site-header--overlap::after { clear: both; content: ""; display: table; } .has-overlap-header .site-header--overlap .navigation-bar { margin-bottom: -30px; } @media (min-width: 992px) { .has-overlap-header .atbs-ceris-block--fullwidth.atbs-ceris-mosaic-block--with-bg:first-child, .has-overlap-header .atbs-ceris-block--fullwidth.has-overlap-background:first-child, .has-overlap-header .atbs-ceris-block--fullwidth.has-background:first-child, .has-overlap-header .atbs-ceris-block--fullwidth:first-child .atbs-ceris-block__inner { padding-top: 60px; } } /* ----------------------------------------------------------------- ## Site Footer ----------------------------------------------------------------- */ .site-footer { position: relative; background: #F2F2F2; color: rgba(0, 0, 0, 0.6); } .site-footer__inner { position: relative; } .site-footer__section { position: relative; padding-bottom: 35px; } .site-footer__section:first-child { padding-top: 40px; } .site-footer__section--seperated { padding-top: 30px; } .site-footer__section-inner { position: relative; } .site-footer__section--bordered, .site-footer__section--bordered-inner .site-footer__section-inner { border-top: 1px solid rgba(0, 0, 0, 0.05); } .site-footer__section--bordered-inner .site-footer__section-inner { padding-top: 30px; } /* * Footer Logo *--------------------*/ .site-footer .logo-text { font-size: 22px; font-weight: 700; } .site-footer .site-logo a { color: rgba(0, 0, 0, 0.8); } .site-footer--inverse .site-logo a { color: #fff; } /* * Footer widget *--------------------*/ .site-footer .widget:last-child { margin-bottom: 0; } .has-block-heading-line-under .site-footer .widget__title { border-bottom: none; } /* * Footer menu *--------------------*/ .navigation--footer { font-weight: 700; text-transform: uppercase; } .navigation--footer .sub-menu { display: none; } .navigation--footer>li { padding: 0.2em 0.4em; } .navigation--footer>li>a { color: rgba(0, 0, 0, 0.6); } .navigation--footer>li>a:hover { color: rgba(0, 0, 0, 0.8); } .footer-menu--bold .navigation--footer>li>a { font-weight: 700; text-transform: uppercase; } @media (min-width: 768px) { .site-footer__section--flex .site-footer__section-inner { display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; box-align: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -ms-flex-align: center; } } .site-footer__section--flex .site-footer__section-left { padding-bottom: 20px; text-align: center; } @media (min-width: 768px) { .site-footer__section--flex .site-footer__section-left { -webkit-box-flex: 1; box-flex: 1; -moz-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; padding-right: 10px; padding-bottom: 0; text-align: left; } } .site-footer__section--flex .site-footer__section-right { text-align: center; } @media (min-width: 768px) { .site-footer__section--flex .site-footer__section-right { -webkit-box-flex: 1; box-flex: 1; -moz-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; padding-left: 10px; text-align: right; } } /*---- Footer inverse ----*/ .site-footer--inverse { background: #222; color: rgba(255, 255, 255, 0.8); } .site-footer--inverse a, .site-footer--inverse .post__title a { color: white; } .site-footer--inverse .navigation--footer>li>a { color: rgba(255, 255, 255, 0.8); } .site-footer--inverse .navigation--footer>li>a:hover { color: white; } .site-footer--inverse .site-footer__section--bordered, .site-footer--inverse .site-footer__section--bordered-inner .site-footer__section-inner { border-top: 1px solid rgba(255, 255, 255, 0.06); } .has-block-heading-line-around .site-footer--inverse .widget__title:before, .has-block-heading-line-around .site-footer--inverse .widget__title:after { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .has-block-heading-line-around .page-heading__subtitle{ text-align: center; } .atbs-ceris-go-top.atbs-ceris-go-top { width: 40px; height: 40px; position: fixed; top: auto; bottom: 10px; left: auto; right: 10px; padding: 0; font-size: 18px; line-height: 40px; -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05); -webkit-transform: translate(0, 54px); -ms-transform: translate(0, 54px); -moz-transform: translate(0, 54px); -o-transform: translate(0, 54px); transform: translate(0, 54px); -webkit-transition: all 0.15s ease-out 0s; -o-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; pointer-events: none; visibility: hidden; z-index: 10; } @media (min-width: 1200px) { .atbs-ceris-go-top.atbs-ceris-go-top { bottom: 20px; right: 20px; -webkit-transform: translate(0, 64px); -ms-transform: translate(0, 64px); -moz-transform: translate(0, 64px); -o-transform: translate(0, 64px); transform: translate(0, 64px); } } .atbs-ceris-go-top.atbs-ceris-go-top.is-active { visibility: visible; pointer-events: initial; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .atbs-ceris-go-top.atbs-ceris-go-top { display: none; } .atbs-ceris-go-top.atbs-ceris-go-top i { line-height: 38px; vertical-align: initial; } /* ============================================================================= ## COMPONENTS ============================================================================= */ /* ----------------------------------------------------------------- ## Block heading ----------------------------------------------------------------- */ .block-heading { display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; box-align: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: justify; box-pack: justify; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; -ms-flex-pack: justify; width: 100%; position: relative; margin-bottom: 1.4rem; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; font-size: 1rem; line-height: 1.2; } .block-heading a { color: inherit; text-decoration: none; } .block-heading a:hover, .block-heading a:active, .block-heading a:focus { color: inherit; text-decoration: none; } .block-heading__title { margin: 0; color: rgba(0, 0, 0, 0.8); font-size: 24px; line-height: 1.2; letter-spacing: 0.08em; font-weight: 700; text-transform: uppercase; } .block-heading--secondary .block-heading__title { font-size: 1rem; font-weight: 300; } .block-heading__subtitle { line-height: 1.4; letter-spacing: normal; font-size: 1rem; color: rgba(0, 0, 0, 0.4); } .overlay-content .block-heading__subtitle, .inverse-text .block-heading__subtitle { color: rgba(255, 255, 255, 0.8); } .block-heading__secondary { padding-left: 0.6em; text-align: right; vertical-align: middle; } .block-heading__secondary a { color: inherit; text-decoration: none; } .block-heading__secondary a:hover, .block-heading__secondary a:active, .block-heading__secondary a:focus { color: inherit; text-decoration: none; } /*---- Block heading large ----*/ @media (min-width: 768px) { .block-heading--lg { margin-bottom: 1.6rem; } } @media (min-width: 768px) { .block-heading--lg .block-heading__title { font-size: 36px; font-size: 2.5714rem; /*font system*/ } .single .block-heading--lg .block-heading__title { font-size: 28px; font-size: 2rem; /*font system*/ } } /*---- Block heading line ----*/ .block-heading--line.block-heading .block-heading__title{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; box-pack: justify; -ms-flex-pack: justify; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; width: 100%; position: relative; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; text-align: center; } .block-heading--line.block-heading .block-heading__title:after { content: ''; -webkit-box-flex: 1; box-flex: 1; -moz-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; -webkit-box-ordinal-group: 2; box-ordinal-group: 2; -moz-order: 2; -webkit-order: 2; -moz-box-ordinal-group: 3; order: 2; -ms-flex-order: 2; margin-left: 30px; border-top: 2px solid #222; border-color: inherit; } .widget .block-heading--line.block-heading:after { content: ''; -webkit-box-flex: 1; box-flex: 1; -moz-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; -webkit-box-ordinal-group: 2; box-ordinal-group: 2; -moz-order: 2; -webkit-order: 2; -moz-box-ordinal-group: 3; order: 2; -ms-flex-order: 2; border-top: 1px solid #ddd; margin-left: 20px; } .has-block-heading-line .block-heading__secondary, .block-heading--line .block-heading__secondary { -webkit-box-ordinal-group: 3; box-ordinal-group: 3; -moz-order: 3; -webkit-order: 3; -moz-box-ordinal-group: 4; order: 3; -ms-flex-order: 3; } .site-footer .block-heading--line.block-heading:after { content: ''; -webkit-box-flex: 1; box-flex: 1; -moz-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; -webkit-box-ordinal-group: 2; box-ordinal-group: 2; -moz-order: 2; -webkit-order: 2; -moz-box-ordinal-group: 3; order: 2; -ms-flex-order: 2; margin-left: 20px; border-top: 1px solid rgba(255, 255, 255, 0.1); } /*---- Block heading center ----*/ .block-heading--center { display: block; text-align: center; border: none !important; } .block-heading--center .block-heading__title { padding: 0; } .block-heading--center .block-heading__subtitle { padding: 0; } .block-heading--center:before, .block-heading--center:after { display: none; } /*---- Block heading line around ----*/ .block-heading.has-block-heading-line-around { display: block !important; } .block-heading.has-block-heading-line-around .block-heading__title{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; box-pack: justify; -ms-flex-pack: justify; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; width: 100%; position: relative; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; text-align: center; } .has-block-heading-line-around.block-heading .block-heading__title:before, .has-block-heading-line-around.block-heading .block-heading__title:after { content: ''; max-width: 100px; margin-right: 30px; border-bottom: 2px solid #222; border-color: inherit; -webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;-moz-box-flex: 1;flex: 1; } .has-block-heading-line-around.block-heading .block-heading__title:after { margin-left: 30px; margin-right: 0 } .has-block-heading-line-around.block-heading__secondary { display: none; } .site-footer .has-block-heading-line-around.block-heading .block-heading__title:before, .site-footer .has-block-heading-line-around.block-heading .block-heading__title:after { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } /*---- Block heading line under ----*/ .block-heading--line-under.block-heading { padding-bottom: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .overlay-content .block-heading--line-under.block-heading, .inverse-text .block-heading--line-under.block-heading, .block-heading--inverse.block-heading--line-under.block-heading { border-color: rgba(255, 255, 255, 0.4); } .site-footer .block-heading--line-under.block-heading { border-color: rgba(255, 255, 255, 0.15); } /*---- Block heading box ----*/ .block-heading--box { padding: 10px 12px 11px; border: 1px solid rgba(0, 0, 0, 0.05); border-bottom: none; background: #fafafa; } .block-heading--box .block-heading__title { font-size: 14px; } /*---- Block heading vertical ----*/ .block-heading--vertical { display: block; } .block-heading--vertical.block-heading--vertical { padding-bottom: 0; border-bottom: none; } .block-heading--vertical>*:not(:last-child) { margin-bottom: 0.4em; } /*---- Block heading inverse ----*/ .block-heading--inverse { position: relative; color: white; z-index: 1; } .block-heading--inverse .block-heading__title { color: white; } .block-heading--inverse .block-heading__subtitle { color: rgba(255, 255, 255, 0.8); } .block-heading.block-heading--inverse:before, .block-heading.block-heading--inverse:after { border-color: rgba(255, 255, 255, 0.2); } /*---- Search results section heading ----*/ .search-results__section-heading { display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; box-align: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: justify; box-pack: justify; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; -ms-flex-pack: justify; width: 100%; position: relative; margin-bottom: 1.4rem; padding-bottom: 2px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); line-height: 1.2; } .search-results__section-heading-title { margin-bottom: 0; font-size: 1rem; font-weight: 300; line-height: 1.2; text-transform: uppercase; } .search-results__section-heading a { color: inherit; text-decoration: none; } .search-results__section-heading a:hover, .search-results__section-heading a:active, .search-results__section-heading a:focus { color: inherit; text-decoration: none; } /* ----------------------------------------------------------------- ## Buttons ----------------------------------------------------------------- */ input[type="button"]:not(.btn), input[type="reset"]:not(.btn), input[type="submit"]:not(.btn) { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: #f5f5f5; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } input[type="button"]:not(.btn):hover, input[type="reset"]:not(.btn):hover, input[type="submit"]:not(.btn):hover { opacity: 0.8; } .post-password-required input[type="button"]:not(.btn), .post-password-required input[type="reset"]:not(.btn), .post-password-required input[type="submit"]:not(.btn) { outline: 0 !important; display: inline-block; padding: 5px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; color: #fff; line-height: 1.42857143; text-align: center; white-space: nowrap; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: #333; margin-left: 5px; min-height: 0; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .post-password-required input[type="button"]:not(.btn):hover, .post-password-required input[type="reset"]:not(.btn):hover, .post-password-required input[type="submit"]:not(.btn):hover { opacity: 0.8; } .btn { border: 1px solid rgba(0, 0, 0, 0.1); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .btn:hover, .btn:focus, .btn:active, .btn:visited { border: 1px solid rgba(0, 0, 0, 0.2); } a.btn { text-decoration: none; } .btn-link { border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-link:active, .btn-link:focus, .btn-link:hover { border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-default:hover, .btn-default:focus, .btn-default:active { background: #f8f8f8; } .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover { background: #eee; border: 1px solid rgba(0, 0, 0, 0.2); } .btn-primary { background: #FC3C2D; color: #fff; } .btn-primary:active, .btn-primary:focus, .btn-primary:hover { background: #ef392b; color: #fff; } .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover { background: #e33629; color: #fff; } .btn-pill { -webkit-border-radius: 999em; -moz-border-radius: 999em; border-radius: 999em; } .btn-glass { border: 3px solid rgba(255, 255, 255, 0.4); background-clip: padding-box; } .btn-glass:active, .btn-glass:focus, .btn-glass:hover { border: 3px solid rgba(255, 255, 255, 0.4); } .btn-ghost { border: 1px solid rgba(255, 255, 255, 0.4); color: rgba(255, 255, 255, 0.8); } .btn-ghost:hover, .btn-ghost:active, .btn-ghost:focus, .btn-ghost:visited { border: 1px solid rgba(255, 255, 255, 0.8); color: white; } .btn-frame { border: 1px solid rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.8); } .btn-frame:hover, .btn-frame:active, .btn-frame:focus, .btn-frame:visited { border: 1px solid rgba(0, 0, 0, 0.4); color: rgba(0, 0, 0, 0.8); } /* ----------------------------------------------------------------- ## Custom Scrollbar ----------------------------------------------------------------- */ .ps-container>.ps-scrollbar-y-rail, .ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y { width: 6px; } .ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y { right: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .ps-container>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y, .ps-container>.ps-scrollbar-y-rail:active>.ps-scrollbar-y { width: 8px; } .ps-container>.ps-scrollbar-y-rail { background: transparent !important; } .scrollbar-always-visible.ps-container>.ps-scrollbar-x-rail, .scrollbar-always-visible.ps-container>.ps-scrollbar-y-rail { opacity: 0.6; } .iScrollVerticalScrollbar { position: absolute; z-index: 9999; width: 6px; bottom: 4px; top: 4px; right: 4px; overflow: hidden; } .iScrollIndicator { position: absolute; background: rgba(0, 0, 0, 0.1); -webkit-border-radius: 999em; -moz-border-radius: 999em; border-radius: 999em; } .iScrollVerticalScrollbar .iScrollIndicator { width: 100%; } .atbs-ceris-video-box .iScrollIndicator { background: rgba(255, 255, 255, 0.5); } /* ----------------------------------------------------------------- ## Category Tile ----------------------------------------------------------------- */ [id^="bk_widget_category_titles-"] .widget__title{ margin-bottom: 10px; } .site-footer [id^="bk_widget_category_titles-"] .widget__title{ margin-bottom: 30px; } .category-tile { -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); } .category-tile__wrap { position: relative; margin-top: 20px; -webkit-box-shadow: 0 -20px 0 -10px rgba(0, 0, 0, 0.05), 0 -38px 0 -20px rgba(0, 0, 0, 0.02); -moz-box-shadow: 0 -20px 0 -10px rgba(0, 0, 0, 0.05), 0 -38px 0 -20px rgba(0, 0, 0, 0.02); box-shadow: 0 -20px 0 -10px rgba(0, 0, 0, 0.05), 0 -38px 0 -20px rgba(0, 0, 0, 0.02); background: #f8f8f8; } .category-tile__wrap img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .category-tile__inner { display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; box-align: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -ms-flex-align: center; min-height: 180px; position: relative; } .category-tile--sm .category-tile__inner { min-height: 120px; } .category-tile .link-overlay { z-index: 1; } .category-tile__text { width: 100%; position: relative; padding: 20px 20px 15px; text-align: center; } .category-tile__name { max-width: 100%; display: inline-block; padding: 0.4em 1em; background: #333; color: #fff; font-size: 12px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; text-transform: uppercase; -webkit-transition: all 0.15s ease-out 0s; -o-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; } .category-tile__description { margin-top: 0.4em; color: rgba(255, 255, 255, 0.8); font-size: 0.8571rem; } .category-tile:hover .background-img:after { opacity: 0.6; } @media(min-width: 481px) and (max-width: 991px){ [id^="bk_widget_category_titles-"] ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -10px; } [id^="bk_widget_category_titles-"] ul li{ width: 50%; padding: 10px; } .site-footer [id^="bk_widget_category_titles-"] ul li { margin: 0 !important; } .site-footer [id^="bk_widget_category_titles-"] ul li .category-tile__wrap{ margin: 0 !important; } } /* ----------------------------------------------------------------- ## Block Divider ----------------------------------------------------------------- */ .block-divider { display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; box-align: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -ms-flex-align: center; margin: 1.2em 0; } .block-divider:before, .block-divider:after { content: ''; -webkit-box-flex: 1; box-flex: 1; -moz-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .block-divider>span { margin: 0 0.6em; } .horizontal-divider { margin: 30px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .horizontal-divider--space-sm { margin: 10px 0; } /* ----------------------------------------------------------------- ## Forms ----------------------------------------------------------------- */ label { font-size: 14px; font-size: 1rem; } ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: rgba(0, 0, 0, 0.4); } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: rgba(0, 0, 0, 0.4); opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: rgba(0, 0, 0, 0.4); opacity: 1; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: rgba(0, 0, 0, 0.4); } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, textarea.form-control, select, select.form-control { width: 100%; padding: 10px 12px; font-size: 14px; font-weight: 400; line-height: 1.42857143; vertical-align: middle; background-color: #fff; background-image: none; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: rgba(0, 0, 0, 0.8); outline: none; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .widget input.search-form__input { padding: 12px 15px; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus, textarea.form-control:focus, select:focus, select.form-control:focus { border: 1px solid rgba(0, 0, 0, 0.2); } /* ----------------------------------------------------------------- ## Icons ----------------------------------------------------------------- */ @font-face { font-family: 'mdicon'; src: url("../fonts/mdicon.ttf?sx8kbt") format("truetype"), url("../fonts/mdicon.woff?sx8kbt") format("woff"), url("../fonts/mdicon.svg?sx8kbt#mdicon") format("svg"); font-weight: normal; font-style: normal; } .mdicon { /* use !important to prevent issues with browser extensions that change fonts */ display: inline-block; font-family: 'mdicon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .btn .mdicon { font-size: 1.2em; } @font-face { font-family: 'mdicon'; src: url('../fonts/mdicon.ttf?1qswia') format('truetype'), url('../fonts/mdicon.woff?1qswia') format('woff'), url('../fonts/mdicon.svg?1qswia#mdicon') format('svg'); font-weight: normal; font-style: normal; } .mdicon { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'mdicon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .mdicon-schedule:before { content: "\e8b5"; } .mdicon-add_circle:before { content: "\e147"; } .mdicon-apps:before { content: "\e5c3"; } .mdicon-arrow_back:before { content: "\e5c4"; } .mdicon-arrow_downward:before { content: "\e5db"; } .mdicon-arrow_drop_down:before { content: "\e5c5"; } .mdicon-arrow_drop_up:before { content: "\e5c7"; } .mdicon-arrow_forward:before { content: "\e5c8"; } .mdicon-arrow_upward:before { content: "\e5d8"; } .mdicon-audiotrack:before { content: "\e3a1"; } .mdicon-border_color:before { content: "\e22b"; } .mdicon-cached:before { content: "\e86a"; } .mdicon-chat_bubble:before { content: "\e0ca"; } .mdicon-chat_bubble_outline:before { content: "\e0cb"; } .mdicon-navigate_before:before { content: "\e408"; } .mdicon-navigate_next:before { content: "\e409"; } .mdicon-close:before { content: "\e5cd"; } .mdicon-mode_edit:before { content: "\e254"; } .mdicon-crop_original:before { content: "\e3c4"; } .mdicon-dehaze:before { content: "\e3c7"; } .mdicon-remove_circle:before { content: "\e15c"; } .mdicon-expand_less:before { content: "\e5ce"; } .mdicon-expand_more:before { content: "\e5cf"; } .mdicon-extension:before { content: "\e87b"; } .mdicon-favorite:before { content: "\e87d"; } .mdicon-favorite_border:before { content: "\e87e"; } .mdicon-get_app:before { content: "\e884"; } .mdicon-filter:before { content: "\e3d3"; } .mdicon-flash_on:before { content: "\e3e7"; } .mdicon-folder:before { content: "\e2c7"; } .mdicon-folder_open:before { content: "\e2c8"; } .mdicon-star:before { content: "\e838"; } .mdicon-home:before { content: "\e88a"; } .mdicon-open_in_new:before { content: "\e89e"; } .mdicon-shopping_cart:before { content: "\e8cc"; } .mdicon-local_offer:before { content: "\e54e"; } .mdicon-mail_outline:before { content: "\e0e1"; } .mdicon-menu:before { content: "\e5d2"; } .mdicon-more_horiz:before { content: "\e5d3"; } .mdicon-more_vert:before { content: "\e5d4"; } .mdicon-person:before { content: "\e7fd"; } .mdicon-play_arrow:before { content: "\e037"; } .mdicon-play_circle_filled:before { content: "\e038"; } .mdicon-play_circle_outline:before { content: "\e039"; } .mdicon-public:before { content: "\e80b"; } .mdicon-visibility:before { content: "\e8f4"; } .mdicon-reply:before { content: "\e15e"; } .mdicon-rss_feed:before { content: "\e0e5"; } .mdicon-search:before { content: "\e8b6"; } .mdicon-share:before { content: "\e80d"; } .mdicon-shuffle:before { content: "\e043"; } .mdicon-star_border:before { content: "\e83a"; } .mdicon-star_half:before { content: "\e839"; } .mdicon-thumb_up:before { content: "\e8dc"; } .mdicon-trending_up:before { content: "\e8e5"; } .mdicon-chevron-thin-down:before { content: "\e902"; } .mdicon-chevron-thin-left:before { content: "\e900"; } .mdicon-chevron-thin-right:before { content: "\e901"; } .mdicon-chevron-thin-up:before { content: "\e903"; } .mdicon-fire:before { content: "\e9a9"; } .mdicon-enter:before { content: "\ea13"; } .mdicon-telegram:before { content: "\ea95"; } .mdicon-spinner2:before { content: "\e97b"; } .mdicon-youtube-square:before { content: "\f166"; } .mdicon-youtube:before { content: "\f167"; } .mdicon-twitter:before { content: "\f099"; } .mdicon-facebook:before { content: "\f09a"; } .mdicon-facebook-f:before { content: "\f09a"; } .mdicon-google-plus:before { content: "\f0d5"; } .mdicon-linkedin:before { content: "\f0e1"; } .mdicon-xing:before { content: "\f168"; } .mdicon-youtube-play:before { content: "\f16a"; } .mdicon-instagram:before { content: "\f16d"; } .mdicon-tumblr:before { content: "\f173"; } .mdicon-dribbble:before { content: "\f17d"; } .mdicon-skype:before { content: "\f17e"; } .mdicon-foursquare:before { content: "\f180"; } .mdicon-vk:before { content: "\f189"; } .mdicon-stumbleupon:before { content: "\f1a4"; } .mdicon-behance:before { content: "\f1b4"; } .mdicon-spotify:before { content: "\f1bc"; } .mdicon-deviantart:before { content: "\f1bd"; } .mdicon-soundcloud:before { content: "\f1be"; } .mdicon-vine:before { content: "\f1ca"; } .mdicon-codepen:before { content: "\f1cb"; } .mdicon-twitch:before { content: "\f1e8"; } .mdicon-yelp:before { content: "\f1e9"; } .mdicon-pinterest-p:before { content: "\f231"; } .mdicon-medium:before { content: "\f23a"; } .mdicon-vimeo:before { content: "\f27d"; } .mdicon-product-hunt:before { content: "\f288"; } .mdicon-snapchat-ghost:before { content: "\f2ac"; } .mdicon-exit2:before { content: "\ea15"; } .mdicon-person_pin:before { content: "\e55a"; } .mdicon-sign-out:before { content: "\f08b"; } .mdicon-sort-asc:before { content: "\f0de"; } .mdicon-sort-up:before { content: "\f0de"; } .mdicon-envelope:before { content: "\f0e0"; } .mdicon-linkedin1:before { content: "\f0e2"; } .mdicon-rotate-left:before { content: "\f0e3"; } .mdicon-undo:before { content: "\f0e3"; } .mdicon-gavel:before { content: "\f0e4"; } .mdicon-legal:before { content: "\f0e4"; } .mdicon-dashboard:before { content: "\f0e5"; } .mdicon-tachometer:before { content: "\f0e5"; } .mdicon-comment-o:before { content: "\f0e6"; } .mdicon-comments-o:before { content: "\f0e7"; } .mdicon-cloud-download:before { content: "\f0ed"; } .mdicon-cloud-upload:before { content: "\f0ee"; } .mdicon-user-md:before { content: "\f0f0"; } .mdicon-stethoscope:before { content: "\f0f1"; } .mdicon-suitcase:before { content: "\f0f2"; } .mdicon-bell:before { content: "\f0f3"; } .mdicon-coffee:before { content: "\f0f4"; } .mdicon-cutlery:before { content: "\f0f5"; } .mdicon-beer:before { content: "\f0fc"; } .mdicon-h-square:before { content: "\f0fd"; } .mdicon-plus-square:before { content: "\f0fe"; } .mdicon-angle-double-left:before { content: "\f100"; } .mdicon-angle-double-right:before { content: "\f101"; } .mdicon-angle-double-up:before { content: "\f102"; } .mdicon-angle-double-down:before { content: "\f103"; } .mdicon-angle-left:before { content: "\f104"; } .mdicon~span { vertical-align: middle; } .mdicon--first { margin-right: 0.35em; } .mdicon--last { margin-left: 0.35em; } .icon-twitter, .icon-facebook, .icon-google-plus, .icon-linkedin, .icon-youtube, .icon-tumbler, .icon-dribbble, .icon-vk, .icon-stumbleupon, .icon-behance, .icon-soundcloud, .icon-vine, .icon-twitch, .icon-facebook-official, .icon-pinterest_p, .icon-vimeo { font-size: 1em; } .icon--2x.icon--2x { font-size: 200%; } /* ----------------------------------------------------------------- ## Links ----------------------------------------------------------------- */ a.link { color: inherit; text-decoration: none; cursor: pointer; } a.link:active, a.link:focus, a.link:hover, a.link:visited { color: inherit; text-decoration: none; } a.link--meta { color: rgba(0, 0, 0, 0.4); } a.link--meta:active, a.link--meta:focus, a.link--meta:hover { color: rgba(0, 0, 0, 0.6); } a.link--underlined { text-decoration: underline; } a.link--underlined:active, a.link--underlined:focus, a.link--underlined:hover { text-decoration: underline; } a.link--underlined-hover:hover { text-decoration: underline; } /* ----------------------------------------------------------------- ## Login Form ----------------------------------------------------------------- */ .login-lost-password, .login-with-social { text-align: center; } .login-lost-password a { text-decoration: underline; } .login-submit, .register-submit { margin-top: 20px; margin-bottom: 15px; } .login-modal .modal-dialog { width: 400px; max-width: 90vw; margin: 10vh auto; } @media (min-width: 768px) { .login-modal .modal-dialog { margin: 15vh auto; } } .login-modal .modal-title .nav-tabs { border-bottom: none; text-align: center; } .login-modal .modal-title .nav-tabs li { margin-bottom: 5px; } .login-modal .modal-title .nav-tabs li:not(:last-child) { margin-right: 15px; } .login-modal .modal-title .nav-tabs a { padding: 0; border: none !important; background: transparent !important; color: rgba(0, 0, 0, 0.4); } .login-modal .modal-title .nav-tabs li.active a, .login-modal .modal-title .nav-tabs a:hover { border-bottom: 1px solid currentColor !important; color: rgba(0, 0, 0, 0.8); } .login-modal .modal-body { padding: 15px; } @media (min-width: 768px) { .login-modal .modal-body { padding: 30px; } } /* ----------------------------------------------------------------- ## Modal ----------------------------------------------------------------- */ .modal-dialog { margin: 15vh auto; } .modal-header { padding: 15px; } @media (min-width: 768px) { .modal-header { padding: 20px 30px; } } .modal-title.modal-title { margin: 0; font-size: 14px; font-size: 1rem; line-height: 1.42857143; text-transform: uppercase; } /* ----------------------------------------------------------------- ## Navigations ----------------------------------------------------------------- */ .navigation, .menu, .sub-menu { margin: 0; padding: 0; list-style: none; } .navigation, .menu { } .navigation .sub-menu li { position: relative; } .navigation a { display: inline-block; text-decoration: none; } .navigation--horizontal::after { clear: both; content: ""; display: table; } .navigation--horizontal>li { float: left; } .navigation--inline>li { display: inline-block; } .navigation--center { text-align: center; } .navigation--center>li { display: inline-block; } /* ----------------------------------------------------------------- ## Paginations ----------------------------------------------------------------- */ .atbs-ceris-pagination { margin: 40px 0 20px; } .atbs-ceris-pagination:last-child { margin-bottom: 0; } .atbs-ceris-module-pagination .atbs-ceris-pagination__item-prev { display: none; } .atbs-ceris-pagination__title { font-size: 16px; font-size: 1.14286rem; } .atbs-ceris-pagination__links { margin: -2px; font-size: 0; } .atbs-ceris-pagination__item { display: inline-block; min-width: 34px; height: 34px; margin: 2px; padding: 0 4px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #f5f5f5; color: rgba(0, 0, 0, 0.8); font-size: 12px; font-weight: 700; line-height: 34px; text-align: center; text-decoration: none !important; text-transform: uppercase; } .atbs-ceris-pagination__item:hover, .atbs-ceris-pagination__item:focus, .atbs-ceris-pagination__item:active { background: #ddd; color: rgba(0, 0, 0, 0.8); } @media (min-width: 768px) { .atbs-ceris-pagination__item { padding: 0 6px; font-size: 14px; } .single-body .atbs-ceris-pagination__item { font-size: 12px; } } .atbs-ceris-pagination__item-current { background: #FC3C2D; color: #fff; } .atbs-ceris-pagination__item-current:hover, .atbs-ceris-pagination__item-current:focus, .atbs-ceris-pagination__item-current:active { background: #FC3C2D; color: #fff; } .atbs-ceris-pagination__item>i { line-height: 34px; } .atbs-ceris-pagination__dots { min-width: auto; background: transparent !important; } .atbs-ceris-pagination--next-n-prev .atbs-ceris-pagination__inner { display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; box-pack: justify; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; -ms-flex-pack: justify; -webkit-box-align: center; box-align: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -ms-flex-align: center; } .atbs-ceris-pagination--next-n-prev .atbs-ceris-pagination__label { padding-right: 10px; font-size: 14px; font-size: 1rem; } .typography-copy .atbs-ceris-pagination__label, .post--single .atbs-ceris-pagination__label { font-style: italic; color:#888; font-size: 16px; } @media (min-width: 768px) { .atbs-ceris-pagination--next-n-prev .atbs-ceris-pagination__label { font-size: 16px; font-size: 1.14286rem; } } .atbs-ceris-pagination--next-n-prev .atbs-ceris-pagination__item { position: relative; padding: 0 8px; background: #FC3C2D; color: #fff; } .atbs-ceris-pagination--next-n-prev .atbs-ceris-pagination__links a:first-child .atbs-ceris-pagination__item, .atbs-ceris-pagination--next-n-prev .atbs-ceris-pagination__links.atbs-ceris-pagination-last-page-link a:last-child .atbs-ceris-pagination__item { margin-left: 8px; background: #f1f1f1; color: rgba(0, 0, 0, 0.8); } .atbs-ceris-pagination--next-n-prev .atbs-ceris-pagination__links a:first-child .atbs-ceris-pagination__item:after, .atbs-ceris-pagination--next-n-prev .atbs-ceris-pagination__links.atbs-ceris-pagination-last-page-link a:last-child .atbs-ceris-pagination__item:after { content: ''; display: block; width: 0; position: absolute; right: 100%; left: auto; top: 0; border-width: 17px 8px; margin-left: 0; margin-right: -1px; border-style: solid; border-color: transparent; border-right-color: #f1f1f1; } .atbs-ceris-pagination--next-n-prev .atbs-ceris-pagination__links a:last-child .atbs-ceris-pagination__item { margin-right: 8px; color: #fff; } .atbs-ceris-pagination--next-n-prev .atbs-ceris-pagination__links a:last-child .atbs-ceris-pagination__item:after { content: ''; display: block; width: 0; position: absolute; left: 100%; right: auto; top: 0; border-width: 17px 8px; margin-left: -1px; margin-right: 0; border-style: solid; border-color: transparent; border-left-color: #FC3C2D; } .atbs-ceris-pagination .ceris-no-more-button { background: #eee; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; opacity: 0.6; cursor: auto; } .atbs-ceris-pagination .btn.ceris-no-more-button:active, .atbs-ceris-pagination .ceris-no-more-button:focus { padding: 6px 12px; border: 1px solid rgba(0, 0, 0, 0.2); } /* ----------------------------------------------------------------- ## Review Score ----------------------------------------------------------------- */ /*---- Score circle ----*/ .post-score { display: inline-block; color: #fff; font-weight: 700; line-height: 1; text-align: center; } .post-score__inner { position: relative; z-index: 10; } .post-score-star { font-size: 1.2em; line-height: 1; color: #F7E74A; } .hexagon-svg { width: 100%; height: auto; } .post-score-hexagon { position: relative; display: inline-block; line-height: 0; vertical-align: middle; } .post-score-hexagon .hexagon-svg { width: 50px; padding: 2px; -webkit-filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.25)); filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.25)); overflow: visible; } @media (min-width: 768px) { .post-score-hexagon .hexagon-svg { width: 60px; } } @media (min-width: 1200px) { .post-score-hexagon .hexagon-svg { width: 64px; } } .post-score-hexagon .hexagon-svg g path { fill: #FC3C2D; } .post-score-hexagon .post-score-value { position: absolute; top: 50%; right: auto; bottom: auto; left: 50%; z-index: 2; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; font-size: 20px; font-weight: 700; line-height: 1; text-shadow: 0 0 10px rgba(0, 0, 0, 0.08); } @media (min-width: 768px) { .post-score-hexagon .post-score-value { font-size: 22px; } } @media (min-width: 1200px) { .post-score-hexagon .post-score-value { font-size: 26px; } } .post-score-hexagon--s .hexagon-svg { width: 50px; } .post-score-hexagon--s .post-score-value { font-size: 20px; } .post-score-hexagon--l .hexagon-svg { width: 100px; } .post-score-hexagon--l .post-score-value { font-size: 42px; } .post-score-hexagon--xl .hexagon-svg { width: 100px; } @media (min-width: 1200px) { .post-score-hexagon--xl .hexagon-svg { width: 100px; } } .post-score-hexagon--xl .post-score-value { font-size: 42px; } @media (min-width: 1200px) { .post-score-hexagon--xl .post-score-value { font-size: 42px; } } .atbs-ceris-review .post-score-hexagon .hexagon-svg { -webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.3)); filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.3)); } /* ----------------------------------------------------------------- ## Search Form ----------------------------------------------------------------- */ .search-form { position: relative; } .search-form__input { color: rgba(0, 0, 0, 0.8); } .search-form--inline { display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; } .search-form--inline .search-form__input { -webkit-box-flex: 1; box-flex: 1; -moz-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; width: auto; margin-right: 4px; } .search-form--btn-inside .search-form__input { padding-right: 40px; } .search-form--btn-inside .search-form__input:focus { outline: none; } .search-form--btn-inside .search-form__submit { position: absolute; top: 50%; right: 0; bottom: auto; left: auto; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); padding: 6px 10px; background: transparent; border: none; outline: 0; color: rgba(0, 0, 0, 0.4); } .search-form--btn-inside .search-form__submit i { font-size: 20px; } /* ----------------------------------------------------------------- ## Search Modal ----------------------------------------------------------------- */ .search-modal .modal-dialog { margin: 10vh 10px; } @media (min-width: 768px) { .search-modal .modal-dialog { margin: 15vh auto; } } .search-modal__inner { max-width: 480px; margin: auto; } .search-modal .modal-body { padding: 15px; } @media (min-width: 768px) { .search-modal .modal-body { padding: 30px; } } .search-modal .search-form { margin-bottom: 15px; } .search-modal .search-form__input { padding-right: -webkit-calc(1em + 40px); padding-right: -moz-calc(1em + 40px); padding-right: calc(1em + 40px); font-size: 14px; } @media (min-width: 768px) { .search-modal .search-form__input { padding-right: -webkit-calc(1em + 40px); padding-right: -moz-calc(1em + 40px); padding-right: calc(1em + 40px); font-size: 20px; } } .search-modal .search-form__submit { width: 40px; position: absolute; top: 50%; right: 0; bottom: auto; left: auto; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); background: transparent; border: none; color: rgba(0, 0, 0, 0.4); font-size: 14px; } @media (min-width: 768px) { .search-modal .search-form__submit { width: 50px; font-size: 20px; } } .search-modal .search-form__submit:focus { outline: none; } /* ----------------------------------------------------------------- ## Tabs ----------------------------------------------------------------- */ ul.nav-tabs { padding-left: 0; } .nav-tabs>li>a { color: #aaa; } .panel-title.panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; } /* ----------------------------------------------------------------- ## Social List ----------------------------------------------------------------- */ .social-list { margin: 0; padding: 0; font-size: 14px; font-size: 1rem; list-style: none; } @media (min-width: 768px) { .social-list { font-size: 16px; font-size: 1.14286rem; } } .social-list>li>a { color: inherit; text-decoration: none; display: inline-block; padding: 0 0.4em; color: rgba(0, 0, 0, 0.8); line-height: 20px; -webkit-transition: all 0.15s ease-out 0s; -o-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; } .social-list>li>a:hover, .social-list>li>a:active, .social-list>li>a:focus { color: inherit; text-decoration: none; } .social-list>li>a:hover, .social-list>li>a:focus, .social-list>li>a:active { color: rgba(0, 0, 0, 0.4); } .social-list--inverse.social-list>li>a { color: rgba(255, 255, 255, 0.8); } .social-list--inverse.social-list>li>a:hover, .social-list--inverse.social-list>li>a:focus, .social-list--inverse.social-list>li>a:active, .social-list--inverse.social-list>li>a:visited { color: white; } .social-list--inverse>li>a { color: rgba(255, 255, 255, 0.9); } .social-list--inverse>li>a:hover, .social-list--inverse>li>a:focus, .social-list--inverse>li>a:active { color: white; } .social-list--circle>li { margin-bottom: 8px; } .social-list--circle>li:not(:last-child) { margin-right: 8px; } .social-list--circle>li>a { width: 40px; height: 40px; padding: 0; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 1px solid rgba(0, 0, 0, 0.05); text-align: center; } .social-list--circle>li>a i { display: inline-block; font-size: 16px; line-height: 40px; } .inverse-text .social-list--circle>li>a, .overlay-content .social-list--circle>li>a { border: 1px solid rgba(255, 255, 255, 0.2); } @media (min-width: 768px) { .social-list--sm { font-size: 14px; font-size: 1rem; } } @media (min-width: 768px) { .social-list--lg { font-size: 18px; } } @media (min-width: 768px) { .social-list--xl { font-size: 26px; font-size: 1.85714rem; } } @media (min-width: 768px) { .social-list--md.social-list--circle>li>a { width: 60px; height: 60px; border-width: 2px; } .social-list--md.social-list--circle>li>a i { font-size: 24px; line-height: 60px; } } /* ----------------------------------------------------------------- ## Subscribe Form ----------------------------------------------------------------- */ .mc4wp-form-fields h3 { font-weight: bold; } .subscribe-form--has-background { padding: 30px; background-color: #f5f5f5; border: 1px solid rgba(0, 0, 0, 0.05); } @media (min-width: 768px) { .subscribe-form--has-background { padding: 40px; } } @media (min-width: 480px) { .mc4wp-form-fields h3 { font-weight: 600; } } .subscribe-form__inner { position: relative; } .subscribe-form__fields { max-width: 550px; margin-left: auto; margin-right: auto; } .subscribe-form__fields input[type="submit"] { margin-bottom: 0.5rem; background: #FC3C2D; color: #fff; } .subscribe-form__fields input[type="submit"]:hover { background: #ef392b; color: #fff; } .subscribe-form--horizontal input[type="email"], .subscribe-form--horizontal input[type="text"], .subscribe-form--horizontal input[type="url"] { display: inline-block; width: auto; max-width: 100%; min-width: 240px; margin-bottom: 0.5rem; } .subscribe-form--center, .subscribe-form--center input[type="email"], .subscribe-form--center input[type="text"], .subscribe-form--center input[type="url"] { text-align: center; } /* ----------------------------------------------------------------- ## Post General ----------------------------------------------------------------- */ .post { position: relative; } /*---- Post thumb ----*/ .post__thumb, .entry-thumb { position: relative; } .post__thumb img, .entry-thumb img { display: block; width: 100%; height: auto; } .post__thumb a, .entry-thumb a { display: block; } .post__thumb--circle { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .post__thumb--circle img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /*---- Post content ----*/ .post__text-inner { position: relative; padding: 20px; } .post--overlay-floorfade .post__text-inner { position: relative; padding: 25px 20px; } .post__text-inner--p-sm .post__text-inner { padding: 15px; } .post__text-inner--p-lg .post__text-inner { padding: 30px; } .has-overlap-bg:before { content: ''; position: absolute; top: -20px; right: 0; bottom: -20px; left: 0; background: #FC3C2D; opacity: 0.6; -webkit-transform: scale(0.6, 1); -ms-transform: scale(0.6, 1); -moz-transform: scale(0.6, 1); -o-transform: scale(0.6, 1); transform: scale(0.6, 1); -webkit-transform-origin: center center; -ms-transform-origin: center center; -moz-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; -webkit-transition-property: all; -o-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; -moz-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } article:hover .has-overlap-bg:before { opacity: 1; -webkit-transform: scale(0.9, 1); -ms-transform: scale(0.9, 1); -moz-transform: scale(0.9, 1); -o-transform: scale(0.9, 1); transform: scale(0.9, 1); } .has-overlap-frame:before { content: ''; position: absolute; top: -20px; right: 20%; bottom: -20px; left: 20%; border: 12px solid #FC3C2D; opacity: 0.6; } /*---- Post category ----*/ .post__cat, a.post__cat, .entry-cat, a.entry-cat { text-transform: uppercase; letter-spacing: 1px; display: inline-block; border-bottom: 1px solid currentColor; font-size: 9px; font-size: 0.64286rem; font-weight: 700; line-height: 1.4; margin-right: 8px; text-decoration: none; } .inverse-text .post__cat, .inverse-text a.post__cat { color: #fff; } @media (min-width: 768px) { .post__cat, a.post__cat, .entry-cat, a.entry-cat { font-size: 10px; font-size: 0.71429rem; } } .post__cat--bg, a.post__cat--bg, .entry-cat--bg, a.entry-cat--bg { display: inline-block; padding: 6px 11px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff !important; line-height: 1; background: #FC3C2D; margin-right: 8px; border: none; } @media (max-width: 480px) { .post__cat--bg, a.post__cat--bg, .entry-cat--bg, a.entry-cat--bg { padding: 6px 10px; font-size: 10px; } .post__cat, a.post__cat, .entry-cat, a.entry-cat { font-size: 10px; } } .post--vertical .post__thumb .post__cat--bg, .post--vertical .post__thumb a.post__cat--bg, .post--vertical .post__thumb .entry-cat--bg, .post--vertical .post__thumb a.entry-cat--bg { -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; } @media (min-width: 768px) { .post__cat--bg, a.post__cat--bg, .entry-cat--bg, a.entry-cat--bg { padding: 6px 11px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .post--vertical .post__thumb .post__cat--bg, .post--vertical .post__thumb a.post__cat--bg, .post--vertical .post__thumb .entry-cat--bg, .post--vertical .post__thumb a.entry-cat--bg { -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; } } .post__cat--bg-inverse, a.post__cat--bg-inverse, .entry-cat--bg-inverse, a.entry-cat--bg-inverse { display: inline-block; padding: 2px 6px; color: #333; background: #fff !important; margin-right: 8px; border: none; } .post__cat--ghost, a.post__cat--ghost, .entry-cat--ghost, a.entry-cat--ghost { display: inline-block; padding: 2px 6px; color: #fff !important; background: transparent; margin-right: 8px; border: 1px solid rgba(255, 255, 255, 0.4); } .post__cat--overlap, a.post__cat--overlap, .entry-cat--overlap, a.entry-cat--overlap { position: absolute; top: 0; right: auto; bottom: auto; left: 50%; margin-right: 8px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .post__thumb .post__cat--overlap, .post__thumb a.post__cat--overlap, .post__thumb .entry-cat--overlap, .post__thumb a.entry-cat--overlap { top: 100%; } .text-left .post__cat--overlap, .text-left a.post__cat--overlap, .text-left .entry-cat--overlap, .text-left a.entry-cat--overlap { left: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } /*---- Owl Circle Nav Button ---- */ .owl-carousel .owl-prev, .owl-carousel .owl-next{ width: 50px; height: 50px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #fff; color: var(--color-logo); -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .owl-carousel .owl-prev i, .owl-carousel .owl-next i{ font-size: 17px; } /*---- Read more ----*/ .btn.read-more { text-transform: uppercase; } .read-more-link { color: rgba(0, 0, 0, 0.8); text-decoration: none; } .read-more-link:hover, .read-more-link:focus, .read-more-link:active, .read-more-link:visited { color: rgba(0, 0, 0, 0.8); text-decoration: none; } .read-more-link i { color: rgba(0, 0, 0, 0.25); -webkit-transition: "all", 0.3s, 0, "bounce"; -o-transition: "all", 0.3s, 0, "bounce"; -moz-transition: "all", 0.3s, 0, "bounce"; transition: "all", 0.3s, 0, "bounce"; } .read-more-link:hover i { -webkit-transform: translate(40%, 0); -ms-transform: translate(40%, 0); -moz-transform: translate(40%, 0); -o-transform: translate(40%, 0); transform: translate(40%, 0); } /*---- Post title ----*/ .post__title, .entry-title { margin: 0.25em 0 0.45em; color: rgba(0, 0, 0, 0.8); } .post__title:first-child, .entry-title:first-child { margin-top: 0; } .post__title:last-child, .entry-title:last-child { margin-bottom: 0; } .text-center .post__title, .post--vertical-overlap .post__title, .text-center .entry-title, .post--vertical-overlap .entry-title { margin-left: auto; margin-right: auto; } .post__title.typescale--1, .entry-title.typescale--1 { font-weight: 400; } .post__title.typescale-0, .entry-title.typescale-0 { font-weight: 400; } .post__title.typescale-1, .entry-title.typescale-1 { font-weight: 500; line-height: 1.5; font-size: 17px; font-size: 1.2142rem; } @media(max-width: 360px) { .post__title.typescale-1, .entry-title.typescale-1 { font-size: 16px !important; } } .post__title.typescale-2, .entry-title.typescale-2 { font-weight: 700; line-height: 1.5; } @media(max-width: 991px) { [class*=" custom-"].post__title.typescale-2 { font-weight: 600; line-height: 1.5; } } @media(max-width: 576px) { [class*=" custom-"].post__title.typescale-2 { font-weight: 600; line-height: 1.5; } .post__title.typescale-2.typescale-2--xs { font-size: 17px; font-weight: 400; } } @media(max-width: 320px) { [class*=" custom-"].post__title.typescale-2 { font-weight: 500; line-height: 1.5; font-size: 16px !important; } } .post__title.typescale-3, .entry-title.typescale-3 { font-weight: 700; line-height: 1.5; } @media(max-width: 480px) { .post__title.typescale-3, .entry-title.typescale-3 { font-weight: 600; line-height: 1.4; } } .post__title.typescale-4, .entry-title.typescale-4 { font-weight: 700; } .post__title.typescale-5, .entry-title.typescale-5 { font-weight: 700; } .post__title.typescale-6, .entry-title.typescale-6 { font-weight: 700; } .post__title.typescale-7, .entry-title.typescale-7 { font-weight: 700; } .post__title.typescale-8, .entry-title.typescale-8 { font-weight: 700; } .post__title a, .post__title a:hover, .post__title a:focus, .post__title a:active, .entry-title a, .entry-title a:hover, .entry-title a:focus, .entry-title a:active { display: inline-block; color: inherit; text-decoration: none; } .post__cat--overlap+.post__title, a.post__cat--overlap+.post__title, .entry-cat--overlap+.post__title, a.entry-cat--overlap+.post__title { margin-top: 0; } /*---- Post excerpt ----*/ .post__excerpt, .entry-excerpt { max-width: 36em; margin-top: 0.6em; margin-bottom: 0.6em; color: rgba(0, 0, 0, 0.6); font-size: 1rem; line-height: 1.6; } .text-center .post__excerpt, .post--vertical-overlap .post__excerpt, .text-center .entry-excerpt, .post--vertical-overlap .entry-excerpt { margin-left: auto; margin-right: auto; } @media (min-width: 768px) { .post__excerpt--lg, .entry-excerpt--lg { font-size: 16px; font-size: 1.142857142857143rem; } } /*---- Post meta ----*/ .post__meta, .entry-meta { margin-top: 0.4em; margin-bottom: 0.4em; color: rgba(0, 0, 0, 0.5); font-size: 12px; font-size: 0.85714rem; line-height: 1.5; } .post__meta span.post-view-counter, .entry-meta span .post-view-counter, .post__meta span.post-comment-counter, .entry-meta span .post-comment-counter { color: rgba(0, 0, 0, 0.5); white-space: nowrap; } .post__meta .author_name--wrap { display: inline-block; } @media(min-width: 992px) { .post-meta--large .post__meta { font-size: 13px; } } .post__meta .time i { padding-bottom: 2px; } .inverse-text.post__meta, .inverse-text.entry-meta { color: white; } .post__meta:first-child, .entry-meta:first-child { margin-top: 0; } .post__meta:last-child, .entry-meta:last-child { margin-bottom: 0; } .post__meta:not(.post__meta--box)>*:not(:last-child), .post__meta-left:not(.entry-meta--box)>*:not(:last-child), .post__meta-right:not(.entry-meta--box)>*:not(:last-child), .entry-meta:not(.entry-meta--box)>*:not(:last-child) { margin-right: 12px; } .post__meta .entry-lable { margin-right: 2px !important; } .post__meta a, .entry-meta a { text-decoration: none; color: rgba(0, 0, 0, 0.4); } .post__meta a:active, .post__meta a:focus, .post__meta a:hover, .entry-meta a:active, .entry-meta a:focus, .entry-meta a:hover { text-decoration: none; } .post__meta i, .post__meta .mdicon, .entry-meta i, .entry-meta .mdicon { margin-right: 0.3em; } .post__meta .meta-seperator.meta-seperator, .entry-meta .meta-seperator.meta-seperator { margin-left: -0.4em; margin-right: 0.2em; } .post__meta--box, .entry-meta--box { display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; box-align: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: justify; box-pack: justify; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; -ms-flex-pack: justify; margin-top: 20px; padding: 10px; border: 1px solid rgba(0, 0, 0, 0.05); border-bottom: none; background: #fafafa; } .post__meta--flex, .entry-meta--flex { display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; box-align: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: justify; box-pack: justify; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; -ms-flex-pack: justify; } .post__meta--flex>.post__meta-left, .entry-meta--flex>.post__meta-left { -webkit-box-flex: 1; box-flex: 1; -moz-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; margin-right: 5px; text-align: left; } .post__meta--flex>.post__meta-right, .entry-meta--flex>.post__meta-right { -webkit-box-flex: 1; box-flex: 1; -moz-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; margin-left: 5px; text-align: right; } .post__meta .updated, .entry-meta .updated { display: none; } .post__meta--border-top, .entry-meta--border-top { margin-top: 15px; padding-top: 15px; border-top: 1px solid rgba(0, 0, 0, 0.05); } .post--overlay .post__meta--border-top, .post--overlay .entry-meta--border-top { border-top: 1px solid rgba(255, 255, 255, 0.2); } /*---- Post author ----*/ .post__meta > .entry-author{ display: inline-block; } .entry-author { text-transform: none; color: #888; } .entry-author__name, a.entry-author__name, .single-header .entry-author a { color: inherit; text-decoration: none; text-transform: capitalize; font-weight: 700; } .entry-author__name:hover, .entry-author__name:active, .entry-author__name:focus, a.entry-author__name:hover, a.entry-author__name:active, a.entry-author__name:focus { color: inherit; text-decoration: none; } .post__meta .entry-author__name, .post__meta a.entry-author__name { color: rgba(0, 0, 0, 0.6); } .overlay-content .entry-author__name, .overlay-content a.entry-author__name { color: rgba(255, 255, 255, 0.8); } /*---- Post author with date ----*/ .post__meta--author-w-date { display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; box-align: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -ms-flex-align: center; } .post__meta--author-w-date>* { -webkit-box-flex: 0; box-flex: 0; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; -moz-box-flex: 0; flex: 0 0 auto; } .post__meta--author-w-date .author-avatar img { height: 34px; width: 34px; margin-right: 10px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .post__meta--author-w-date .author-name a { color: rgba(0, 0, 0, 0.8); font-size: 110%; font-weight: 700; text-transform: capitalize; } .entry-author__avatar, .wp-user-avatar { height: 34px; width: 34px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; margin-right: 10px; } /*---- Post comments count ----*/ .comments-count-box { display: inline-block; position: relative; padding: 6px 10px; background: #FC3C2D; font-size: 12px; line-height: 1; font-weight: 700; color: #fff !important; text-align: center; text-decoration: none !important; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .comments-count-box:hover, .comments-count-box:active, .comments-count-box:focus { color: #fff; } .comments-count-box:before { content: ''; position: absolute; top: 100%; right: auto; bottom: auto; left: 50%; margin-left: -5px; border: 0 solid transparent; border-width: 4px 5px; border-bottom-width: 0; border-top-color: #FC3C2D; } /** entry-author-horizontal **/ .entry-author.entry-author--horizontal{ display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; margin-top: 20px; } .post--overlay-back-face .entry-author.entry-author--horizontal { margin-top: 0; } .owl-carousel .entry-author.entry-author--horizontal img { width: 35px; height: 35px; margin-right: 15px; } .entry-author.entry-author--horizontal .entry-author__name { font-size: 13px; text-transform: uppercase; letter-spacing: 1px; } @media (max-width:768px){ .entry-author.entry-author--horizontal{ margin-top: 15px; } .entry-author.entry-author--horizontal .entry-author__name { font-size: 12px; } } .inverse-text .entry-author.entry-author--horizontal .entry-author__name { color: rgba(255, 255, 255, 0.9); } .item-justify-center { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; } @media (max-width: 480px) { .entry-author.entry-author--horizontal { display: none !important; } .ceris-feature-h .entry-author.entry-author--horizontal { display: block !important; } } /*-- Overlay item --*/ .overlay-item { position: absolute; top: 20px; right: 20px; bottom: auto; left: auto; } .overlay-item.overlay-item--sm-p { position: absolute; top: 10px; right: 10px; bottom: auto; left: auto; } .overlay-item--top-left { position: absolute; top: 20px; right: auto; bottom: auto; left: 20px; } .overlay-item--top-left.overlay-item--sm-p { position: absolute; top: 10px; right: auto; bottom: auto; left: 10px; } .overlay-item--left-bottom { position: absolute; top: auto; right: auto; bottom: 20px; left: 20px; } .overlay-item--left-bottom.overlay-item--sm-p { position: absolute; top: auto; right: auto; bottom: 10px; left: 10px; } .overlay-item--right-bottom { position: absolute; bottom: 20px; left: auto; top: auto; right: 20px; } .overlay-item--right-bottom.overlay-item--sm-p { position: absolute; bottom: 10px; left: auto; top: auto; right: 10px; } .media-right .overlay-item--right-bottom { position: relative; left: auto; right: auto; top: auto; bottom: auto; } .overlay-item--center-xy { position: absolute; top: 50%; right: auto; bottom: auto; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .post-type-icon, .post-type-icon--inverse { z-index: 99; } .post-type-icon a{ position: inherit; width: inherit; height: inherit; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .post-type-icon i { font-size: 46px; line-height: 1.1; } .post-type-icon svg { width: 60px; height: 60px; } @media (min-width: 768px) { .post-type-icon i { font-size: 60px; } .post-type-icon svg { width: 60px; height: 60px; } } @media (min-width: 1200px) { .post-type-icon i { font-size: 68px; } } @media (max-width: 480px) { .post--overlay .post-type-icon , .post--overlay .post-type-icon--inverse { display: none; } } .post-type-icon.gallery-icon i { font-size: inherit !important; } .overlay-content .post-type-icon, .post__thumb .post-type-icon, .post--overlay .post-type-icon, .post-type-icon--inverse { color: rgba(255, 255, 255, 0.8); } .post-color-icon--grey i { color: rgba(0, 0, 0, 0.2); } .post-type-icon--sm i { font-size: 56px; } .post-type-icon--sm .hexagon-svg { width: 60px; height: 60px; } .post-type-icon--sm svg { width: 50px; height: 50px; } .post-type-icon--sm .post-score-value { font-size: 20px; } @media (min-width: 768px) { .post-type-icon--md i { font-size: 80px; } .post-type-icon--md .hexagon-svg { width: 70px; } .post-type-icon--md .post-score-value { font-size: 26px; } .post-type-icon--md svg { width: 70px; height: 70px; } } @media (min-width: 768px) { .post-type-icon--lg i { font-size: 120px; } .post-type-icon--lg .post-score-hexagon .hexagon-svg { width: 80px; } .post-type-icon--lg .post-score-hexagon .post-score-value { font-size: 32px; } .post-type-icon--lg .hexagon-svg { width: 100px; } .post-type-icon--lg .post-score-value { font-size: 42px; } .post-type-icon--lg svg { width: 100px; height: 100px; } } .media-left.post-type-icon>i:only-child, .media-right.post-type-icon>i:only-child { display: block; } .post--overlay .gallery-icon, .post__thumb .gallery-icon, .overlay-item.gallery-icon { padding: 0.4em 0.8em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: rgba(0, 0, 0, 0.4); color: #fff; } .post--overlay .gallery-icon .mdicon:not(:last-child), .post__thumb .gallery-icon .mdicon:not(:last-child), .overlay-item.gallery-icon .mdicon:not(:last-child) { margin-right: 0.4em; } .overlay-content .post__title, .overlay-content .post__title a, .inverse-text .post__title, .inverse-text .post__title a, .inverse-text .entry-title, .inverse-text .entry-title a { color: #fff; } .overlay-content .post__excerpt, .inverse-text .post__excerpt, .overlay-content .entry-excerpt, .inverse-text .entry-excerpt { color: rgba(255, 255, 255, 0.85); } .overlay-content .post__meta, .overlay-content .post__meta a, .overlay-content .entry-meta, .overlay-content .entry-meta a, .overlay-content .meta-text, .overlay-content a.meta-text, .inverse-text .post__meta, .inverse-text .post__meta a, .inverse-text .entry-meta, .inverse-text .entry-meta a, .inverse-text .meta-text, .inverse-text a.meta-text { color: rgba(255, 255, 255, 0.85); } .overlay-content .entry-author__name.entry-author__name, .inverse-text .entry-author__name.entry-author__name { color: rgba(255, 255, 255, 0.85); } /** Post Thumb **/ .post__thumb a:not(.post__cat) { width: 100%; height: 100%; } /* ----------------------------------------------------------------- ## Post Card ----------------------------------------------------------------- */ .post--card { height: auto; position: relative; padding: 20px; border: 1px solid rgba(0, 0, 0, 0.1); background-color: #fff; background-clip: padding-box; overflow: hidden; } .post--card .post__text { min-height: 2.85714rem; } .post--card .post__text .post__title.typescale-1 { font-size: 18px; font-size: 1.2857rem; } @media (min-width: 768px) { .post--card-xs { height: 17.85714rem; } } @media (min-width: 768px) { .post--card-sm { height: 25rem; } } @media (min-width: 768px) { .post--card-md { height: 27rem; } } @media (min-width: 992px) { .post--card-md { height: 32.14286rem; } } @media (min-width: 768px) { .post--card-lg { height: 32.14286rem; } } @media (min-width: 992px) { .post--card-lg { height: 39.28571rem; } } .post--card .post__thumb { height: 40%; min-height: 120px; position: relative; margin: -21px -21px 25px; } .post--card.cat--not-overlap .post__thumb { margin: -21px -21px 10px; } .post--card-sm .post__thumb { height: 140px; } .post--card-md .post__thumb { height: 180px; } .post--card .post__thumb .post__cat--overlap { position: absolute; top: auto; right: auto; bottom: 0; left: 50%; white-space: nowrap; -webkit-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); -moz-transform: translate(-50%, 50%); -o-transform: translate(-50%, 50%); transform: translate(-50%, 50%); margin-bottom: 0; } .post--card .post__footer { margin: 20px -20px -20px; padding: 10px 15px; border-top: 1px solid rgba(0, 0, 0, 0.05); background: #fff; } .post--card .post__footer::after { clear: both; content: ""; display: table; } @media (min-width: 768px) { .post--card .post__footer { position: absolute; top: auto; right: 0; bottom: 0; left: 0; margin: 0; } .post--card .post__footer:before { content: ''; display: block; position: absolute; top: auto; right: 0; bottom: 100%; left: 0; height: 20px; width: 100%; margin-bottom: 1px; background: -o-linear-gradient(bottom, white 0, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(70%, rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(bottom, white 0, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(bottom, white 0, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(0deg, white 0, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%); } } .post--card .post__footer-left { width: 50%; float: left; padding-right: 5px; text-align: left; } .post--card .post__footer-right { width: 50%; float: left; padding-left: 5px; text-align: right; } .post--card .post__footer .post__meta { margin-top: 0; margin-bottom: 0; } /* ----------------------------------------------------------------- ## Post Horizontal ----------------------------------------------------------------- */ .post--horizontal::after { clear: both; content: ""; display: table; } .post--horizontal .post__thumb { width: 100%; margin: 0 15px 5px 0; } .post--horizontal .post__excerpt { max-width: initial; margin-bottom: 15px; } @media (min-width: 768px) { .post--horizontal .post__thumb { width: -webkit-calc(50% - 15px); width: -moz-calc(50% - 15px); width: calc(50% - 15px); float: left; margin: 0 20px 0 0; } } @media (min-width: 992px) { .post--horizontal .post__thumb { margin: 0 30px 0 0; } } .post--horizontal-xxs .post__thumb, .post--horizontal-xs .post__thumb { width: 70px; float: left; margin: 0 15px 5px 0; } .post--horizontal-xxs a.post__cat { margin-bottom: 10px; } @media (min-width: 768px) { .post--horizontal-xs .post__thumb { width: 100px; float: left; margin: 0 18px 0 0; } } .post--horizontal-sm .post__thumb { width: 33%; float: left; margin: 0 15px 5px 0; } @media (min-width: 768px) { .post--horizontal-sm .post__thumb { margin-right: 25px; } } @media (min-width: 768px) { .post--horizontal-md .post__thumb { width: 40%; } } @media (min-width: 768px) { .post--horizontal-lg .post__thumb { width: 55%; } } .post--horizontal .post__text { overflow: hidden; } @media (max-width: 767px) { .post--horizontal-xxs .post__excerpt, .post--horizontal-xs .post__excerpt, .post--horizontal-sm .post__excerpt, .post--horizontal-xxs .post__cat, .post--horizontal-xs .post__cat, .post--horizontal-sm .post__cat { display: none; } } @media (max-width: 767px) { .post--horizontal-xxs .post__cat+.post__title, .post--horizontal-xs .post__cat+.post__title, .post--horizontal-sm .post__cat+.post__title { margin-top: 0; } } /*---- Post horizontal reverse ----*/ @media (min-width: 768px) { .post--horizontal-reverse .post__thumb { float: right; margin: 0 0 0 20px; } } @media (min-width: 992px) { .post--horizontal-reverse .post__thumb { margin: 0 0 0 30px; } .post__thumb--width-450.post--horizontal-reverse .post__thumb { margin: 0 0 0 45px; } } .post--horizontal-xxs.post--horizontal-reverse .post__thumb, .post--horizontal-xs.post--horizontal-reverse .post__thumb, .post--horizontal-sm.post--horizontal-reverse .post__thumb { float: right; margin: 0 0 0 10px; } @media (min-width: 768px) { .post--horizontal-xs.post--horizontal-reverse .post__thumb { margin: 0 0 0 20px; } } @media (min-width: 768px) { .post--horizontal-sm.post--horizontal-reverse .post__thumb { margin-left: 20px; } } @media (min-width: 768px) { .post--horizontal-sm.post--horizontal-reverse .post__thumb { margin-left: 30px; } } /*---- Post horizontal middle ----*/ @media (min-width: 768px) { .post--horizontal-middle { display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; box-align: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: justify; box-pack: justify; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; -ms-flex-pack: justify; } } .post--horizontal-middle:after { content: none; } @media (min-width: 768px) { .post--horizontal-middle .post__thumb { -webkit-box-flex: 0; box-flex: 0; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; -moz-box-flex: 0; flex: 0 0 auto; } } @media (min-width: 768px) { .post--horizontal-middle .post__text { -webkit-box-flex: 1; box-flex: 1; -moz-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; } } .post--horizontal-middle.post--horizontal-xxs, .post--horizontal-middle.post--horizontal-xs { display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; box-align: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: start; box-pack: start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; -o-justify-content: flex-start; -webkit-justify-content: flex-start; -moz-box-pack: start; justify-content: flex-start; -ms-flex-pack: start; } .post--horizontal-middle.post--horizontal-xxs .post__thumb, .post--horizontal-middle.post--horizontal-xs .post__thumb { -webkit-box-flex: 0; box-flex: 0; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; -moz-box-flex: 0; flex: 0 0 auto; } .post--horizontal-middle.post--horizontal-reverse { -webkit-box-pack: justify; box-pack: justify; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; -ms-flex-pack: justify; } @media(min-width: 768px){ .post--horizontal-normal.post--horizontal-reverse .post__thumb { margin-left: 40px; } } .post--horizontal-middle.post--horizontal-reverse .post__text { -webkit-box-ordinal-group: -1; box-ordinal-group: -1; -moz-order: -1; -webkit-order: -1; -moz-box-ordinal-group: 0; order: -1; -ms-flex-order: -1; } /*---- Post horizontal equal height ----*/ .post--horizontal-equal-height .post__thumb { position: relative; padding-bottom: 56.25%; height: 0; } @media (min-width: 768px) { .post--horizontal-equal-height .post__thumb { height: auto; position: absolute; top: 0; right: auto; bottom: 0; left: 0; margin: 0; padding-bottom: 0; } } .post--horizontal-equal-height .post__text { margin: 0; } @media (min-width: 768px) { .post--horizontal-equal-height .post__text { width: 100%; padding: 30px; padding-left: -webkit-calc(50% + 15px); padding-left: -moz-calc(50% + 15px); padding-left: calc(50% + 15px); } } .post--horizontal-equal-height.post--horizontal-xxs .post__text { padding-left: 85px; } .post--horizontal-equal-height.post--horizontal-xs .post__text { padding-left: 115px; } .post--horizontal-equal-height.post--horizontal-sm .post__text { padding-left: -webkit-calc(33% + 30px); padding-left: -moz-calc(33% + 30px); padding-left: calc(33% + 30px); } .post--horizontal-equal-height.post--horizontal-md .post__text { padding-left: -webkit-calc(40% + 30px); padding-left: -moz-calc(40% + 30px); padding-left: calc(40% + 30px); } .post--horizontal-equal-height.post--horizontal-lg .post__text { padding-left: -webkit-calc(55% + 30px); padding-left: -moz-calc(55% + 30px); padding-left: calc(55% + 30px); } @media (min-width: 768px) { .post--horizontal-equal-height.post--horizontal-reverse .post__text { -webkit-box-ordinal-group: -1; box-ordinal-group: -1; -moz-order: -1; -webkit-order: -1; -moz-box-ordinal-group: 0; order: -1; -ms-flex-order: -1; } } .post--horizontal-equal-height.post--horizontal-xxs, .post--horizontal-equal-height.post--horizontal-xs { display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; box-align: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: justify; box-pack: justify; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; -ms-flex-pack: justify; } .post--horizontal-equal-height.post--horizontal-xxs .post__thumb, .post--horizontal-equal-height.post--horizontal-xs .post__thumb { -webkit-box-flex: 0; box-flex: 0; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; -moz-box-flex: 0; flex: 0 0 auto; } .post--horizontal-equal-height.post--horizontal-reverse.post--horizontal-xxs .post__text, .post--horizontal-equal-height.post--horizontal-reverse.post--horizontal-xs .post__text { -webkit-box-ordinal-group: -1; box-ordinal-group: -1; -moz-order: -1; -webkit-order: -1; -moz-box-ordinal-group: 0; order: -1; -ms-flex-order: -1; } /** Update from Ceris Theme **/ @media(min-width: 768px){ .post--horizontal-flex{ display: -webkit-flex; display: flex; display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: flex; } .post--horizontal-flex .post__thumb{ -webkit-box-flex: 0; box-flex: 0; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; -moz-box-flex: 0; flex: 0 0 auto; } .post--horizontal-flex .post__text{ -webkit-box-flex: 1; box-flex: 1; -moz-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; } } /* * Post list *--------------------*/ .post--list::after { clear: both; content: ""; display: table; } .post--list .post__thumb { max-width: 100%; position: relative; margin: 0 0 10px 0; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); -webkit-transition: all 0.15s ease-out 0s; -o-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; } @media (min-width: 768px) { .post--list .post__thumb { max-width: 200px; float: left; margin: 0 30px 0 0; } } @media (min-width: 768px) { .post--list .post__thumb { max-width: 300px; margin: 0 30px 0 0; } } .post--list .post__thumb img { width: 100%; } .post--list .post__text { overflow: hidden; } .post--list--size-1 .post__thumb { width: 60px; float: left; margin: 0 15px 0 0; } .post--list--size-2 .post__thumb { width: 80px; float: left; margin: 0 15px 0 0; } @media (min-width: 768px) { .post--list--size-3 .post__thumb { width: 50%; max-width: 50%; float: left; margin: 0 30px 0 0; } } @media (min-width: 768px) { .post--list--size-4 .post__thumb { width: 55%; } } /*---- Post list reverse ----*/ .post--list--reverse .post__thumb { float: right; margin: 0 0 0 10px; } @media (min-width: 768px) { .post--list--reverse .post__thumb { margin: 0 0 0 15px; } } @media (min-width: 768px) { .post--list--reverse.post--list--size-md .post__thumb, .post--list--reverse.post--list--size-lg .post__thumb { margin: 0 0 0 30px; } } /* ----------------------------------------------------------------- ## Post Overlay ----------------------------------------------------------------- */ .post--overlay { position: relative; overflow: hidden; background-color: #333; } .post--overlay .post__text { display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%; min-height: 14.28571rem; } .post--overlay-bottom { display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; } .post--overlay-bottom .post__text { display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: end; box-align: end; -moz-align-items: flex-end; -ms-align-items: flex-end; -o-align-items: flex-end; -webkit-align-items: flex-end; -moz-box-align: end; align-items: flex-end; -ms-flex-align: end; padding-top: 40px; } .post--overlay-bottom.has-score-badge .post__text { padding-top: 80px; } .post--overlay.has-badge-bottom .post__text { padding-bottom: 80px; } .post--overlay.has-badge-bottom .badge-bottom { position: absolute; top: auto; right: auto; bottom: 20px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } .post--overlay-middle .post__text { -webkit-box-align: center; box-align: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -ms-flex-align: center; padding-top: 20px; padding-bottom: 20px; } @media (min-width: 768px) { .post--overlay-xs .post__text { min-height: 17.85714rem; } } .post--overlay-sm .post__text, .atbs-ceris-block--fullwidth.carousel_overlay_post_1i .js-atbs-ceris-carousel-1i .post--overlay-sm .post__text { min-height: 17.85714rem; } @media (min-width: 768px) { .post--overlay-sm .post__text { min-height: 25rem; } .atbs-ceris-block--fullwidth.carousel_overlay_post_1i .js-atbs-ceris-carousel-1i .post--overlay-sm .post__text { min-height: 35rem; } } .post--overlay-md .post__text { min-height: 20.85714rem; } @media (min-width: 768px) { .post--overlay-md .post__text { min-height: 25rem; } } @media (min-width: 992px) { .post--overlay-md .post__text { min-height: 32.14286rem; } } .post--overlay-lg .post__text { min-height: 25rem; } @media (min-width: 768px) { .post--overlay-lg .post__text { min-height: 32.14286rem; } } @media (min-width: 992px) { .post--overlay-lg .post__text { min-height: 39.28571rem; } } @media (max-width: 767px) { .post--overlay-primary-xs .post__text { min-height: 17.85714rem; } } .post--overlay .background-img { overflow: hidden; } .post--overlay-floorfade .post__text-wrap { position: relative; width: 100%; } .post--overlay-floorfade .post__text-wrap:before { content: ''; position: absolute; top: -100%; right: 0; bottom: 0; left: 0; background-image: -o-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%); background-image: -webkit-gradient(linear, left bottom, left top, from(black), color-stop(5.3%, rgba(0, 0, 0, 0.917)), color-stop(10.6%, rgba(0, 0, 0, 0.834)), color-stop(15.9%, rgba(0, 0, 0, 0.753)), color-stop(21.3%, rgba(0, 0, 0, 0.672)), color-stop(26.8%, rgba(0, 0, 0, 0.591)), color-stop(32.5%, rgba(0, 0, 0, 0.511)), color-stop(38.4%, rgba(0, 0, 0, 0.433)), color-stop(44.5%, rgba(0, 0, 0, 0.357)), color-stop(50.9%, rgba(0, 0, 0, 0.283)), color-stop(57.7%, rgba(0, 0, 0, 0.213)), color-stop(65%, rgba(0, 0, 0, 0.147)), color-stop(72.9%, rgba(0, 0, 0, 0.089)), color-stop(81.4%, rgba(0, 0, 0, 0.042)), color-stop(90.6%, rgba(0, 0, 0, 0.011)), to(transparent)); background-image: -webkit-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%); background-image: -moz-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%); background-image: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%); } .post--overlay.post--overlay-floorfade.post-has-bookmark .post__text-wrap:before { width: -webkit-calc(100% + 50px); width: -moz-calc(100% + 50px); width: calc(100% + 50px); } @media (min-width: 768px) { .post--overlay-padding-lg .post__text-inner { padding: 30px; } } @media (min-width: 768px) { .post--overlay-padding-lg .overlay-item { top: 20px; right: 20px; } } @media (min-width: 768px) { .post--overlay-padding-lg .overlay-item--top-left { top: 30px; left: 30px; } } .post--overlay-padding-lg.has-score-bottom .post-score-hexagon { bottom: 30px; } /* ----------------------------------------------------------------- ## Post Thumb Overlap ----------------------------------------------------------------- */ .post--thumb-overlap::after { clear: both; content: ""; display: table; } .post--thumb-overlap .post__wrap { position: relative; margin-top: 20px; background: #f5f5f5; } @media (min-width: 768px) { .post--thumb-overlap .post__wrap { margin: 0 0 60px 0; padding: 40px 40px; } } .post--thumb-overlap .post__thumb { position: relative; top: -20px; margin: 0 20px -20px; border: 5px solid #fff; -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04); box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); } @media (min-width: 768px) { .post--thumb-overlap .post__thumb { width: 50%; position: absolute; top: 40px; right: auto; bottom: -40px; left: auto; margin: 0; border: 8px solid #fff; } } .post--thumb-overlap .post__text { position: relative; padding: 20px; } @media (min-width: 768px) { .post--thumb-overlap .post__text { width: 50%; padding: 0 0 0 80px; margin-left: 50%; } } /* ----------------------------------------------------------------- ## Post Vertical ----------------------------------------------------------------- */ .post--vertical .post__thumb { display: block; margin-bottom: 15px; -webkit-transition: all 0.15s ease-out 0s; -o-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; } /*---- Post vertical reverse ----*/ .post--vertical-reverse .post__thumb { margin-top: 10px; margin-bottom: 0; } /*---- Post vertical center ----*/ .post--vertical-center .post__thumb { margin-bottom: 20px; } .post--vertical-center .post__thumb .post__cat { position: absolute; top: auto; right: auto; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); -moz-transform: translate(-50%, 50%); -o-transform: translate(-50%, 50%); transform: translate(-50%, 50%); } .post--vertical-center .post__text, .post--vertical-center .post__meta { text-align: center; } .post--vertical-center .post__excerpt { margin-left: auto; margin-right: auto; } /*---- Post Vertical Cat Overlap ---*/ .post--vertical-cat-overlap .post__thumb { margin-bottom: 25px; } /*---- Post vertical fixed height ----*/ .post--vertical--fixed-height .post__text-wrapper { overflow: hidden; } @media (min-width: 768px) { .post--vertical--fixed-height .post__text { height: 180px; position: relative; overflow: hidden; } .post--vertical--fixed-height .post__text:after { content: ''; display: block; height: 40px; width: 100%; position: absolute; top: auto; right: 0; bottom: 0; left: 0; background: -o-linear-gradient(bottom, white 0, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(70%, rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(bottom, white 0, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(bottom, white 0, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(0deg, white 0, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%); } } .post--vertical--fixed-height .post__meta--box { margin-top: 10px; } /*---- Post vertical overlap ----*/ .post--vertical-overlap .post__text { position: relative; margin: -40px 20px 0; text-align: center; } .post--vertical-overlap .post__text:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 75px; background: #fff; background: -o-linear-gradient(top, white 0, white 40px, rgba(255, 255, 255, 0.2) 100%); background: -webkit-linear-gradient(top, white 0, white 40px, rgba(255, 255, 255, 0.2) 100%); background: -moz-linear-gradient(top, white 0, white 40px, rgba(255, 255, 255, 0.2) 100%); background: linear-gradient(180deg, white 0, white 40px, rgba(255, 255, 255, 0.2) 100%); -webkit-box-shadow: 6px -10px 27px -8px rgba(0, 0, 0, 0.2), -6px -10px 27px -8px rgba(0, 0, 0, 0.2); -moz-box-shadow: 6px -10px 27px -8px rgba(0, 0, 0, 0.2), -6px -10px 27px -8px rgba(0, 0, 0, 0.2); box-shadow: 6px -10px 27px -8px rgba(0, 0, 0, 0.2), -6px -10px 27px -8px rgba(0, 0, 0, 0.2); } .post--vertical-overlap .post__text-inner { padding: 15px 15px 0; } .post--vertical-overlap .post__text-inner .post__meta--box { margin-left: -20px; margin-right: -20px; } @media (min-width: 768px) { .post--vertical-overlap-l .post__text { margin-left: 30px; margin-right: 30px; margin-top: -60px; } .post--vertical-overlap-l .post__text:before { height: 110px; background: -o-linear-gradient(top, white 0, white 60px, rgba(255, 255, 255, 0.2) 100%); background: -webkit-linear-gradient(top, white 0, white 60px, rgba(255, 255, 255, 0.2) 100%); background: -moz-linear-gradient(top, white 0, white 60px, rgba(255, 255, 255, 0.2) 100%); background: linear-gradient(180deg, white 0, white 60px, rgba(255, 255, 255, 0.2) 100%); } } @media (min-width: 768px) { .post--vertical-overlap-l .post__text-inner { padding: 30px 30px 0 30px; } } @media (min-width: 768px) { .post--vertical-overlap-l .post__text-inner .post__meta--box { margin-left: -30px; margin-right: -30px; } } /* ============================================================================= ## PARTIALS ============================================================================= */ /* ----------------------------------------------------------------- ## Advertisement area ----------------------------------------------------------------- */ .advertisement-area--before-content { padding: 10px 0; border: 1px solid rgba(0, 0, 0, 0.05); } .advertisement-inner { margin: 0 auto; text-align: center; } /* ----------------------------------------------------------------- ## Carousels ----------------------------------------------------------------- */ /* ## Owl carousel ----------------------------------------------------------------- */ .owl-carousel { display: block; } .owl-carousel .owl-item { -webkit-backface-visibility: visible; } .owl-carousel .owl-item:not(:first-child), .owl-carousel .slide-content:not(:first-child) { display: none; } .owl-carousel .owl-item:first-child, .owl-carousel .slide-content:first-child { visibility: hidden; } .owl-carousel.owl-loaded .owl-item:not(:first-child), .owl-carousel.owl-loaded .slide-content:not(:first-child) { display: block; } .owl-carousel.owl-loaded .owl-item:first-child, .owl-carousel.owl-loaded .slide-content:first-child { visibility: visible; } .owl-prev, .owl-next { cursor: pointer; } .carousel-stage-visible .owl-stage-outer { overflow: visible; } .dots-visible-xs .owl-dots { display: none; } @media (max-width: 767px) { .dots-visible-xs .owl-dots { display: block; } } .dots-visible-sm .owl-dots { display: none; } @media (max-width: 991px) { .dots-visible-sm .owl-dots { display: block; } } @media (max-width: 767px) { .nav-hidden-xs .owl-nav { display: none; } } .atbs-ceris-carousel { position: relative; } /* ## Default Dots Pagination ----------------------------------------------------------------- */ .atbs-ceris-carousel .owl-dots { padding: 15px 0; text-align: center; line-height: 1; } .atbs-ceris-carousel .owl-dot { display: inline-block; padding: 7px; } .atbs-ceris-carousel .owl-dot span { display: block; height: 8px; width: 8px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: rgba(0, 0, 0, 0.2); vertical-align: middle; } .atbs-ceris-carousel .owl-dot.active span { background: rgba(0, 0, 0, 0.4); } .atbs-ceris-carousel .flickity-page-dots { position: relative; bottom: 0; padding: 15px 0; text-align: center; line-height: 1; } .atbs-ceris-carousel .flickity-page-dots .dot { display: inline-block; width: auto; height: auto; margin: 0; padding: 7px; background: transparent; opacity: 1; vertical-align: middle; } .atbs-ceris-carousel .flickity-page-dots .dot:after { content: ''; display: block; height: 8px; width: 8px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: rgba(0, 0, 0, 0.2); } .atbs-ceris-carousel .flickity-page-dots .dot.is-selected:after { background: rgba(0, 0, 0, 0.4); } /*---- Inverse dots pagination ----*/ .atbs-ceris-carousel-dots-inverse .owl-dot span { background: rgba(255, 255, 255, 0.4); } .atbs-ceris-carousel-dots-inverse .owl-dot.active span { background: rgba(255, 255, 255, 0.8); } .atbs-ceris-carousel-dots-inverse .flickity-page-dots .dot:after { background: rgba(255, 255, 255, 0.4); } .atbs-ceris-carousel-dots-inverse .flickity-page-dots .dot.is-selected:after { background: rgba(255, 255, 255, 0.8); } /*---- Inside inverse dots pagination ----*/ .atbs-ceris-carousel-dots-inside .slide-content .post__text-wrap { padding-bottom: 20px; } .atbs-ceris-carousel-dots-inside .owl-dots { width: 100%; position: absolute; bottom: 0; } .atbs-ceris-carousel-dots-inside .owl-dot span { background: rgba(255, 255, 255, 0.4); } .atbs-ceris-carousel-dots-inside .owl-dot.active span { background: rgba(255, 255, 255, 0.8); } .atbs-ceris-carousel-dots-inside .flickity-page-dots { position: absolute; bottom: 0; } .atbs-ceris-carousel-dots-inside .flickity-page-dots .dot:after { background: rgba(255, 255, 255, 0.4); } .atbs-ceris-carousel-dots-inside .flickity-page-dots .dot.is-selected:after { background: rgba(255, 255, 255, 0.8); } /* ## Default Navigation ----------------------------------------------------------------- */ .atbs-ceris-carousel .owl-prev, .atbs-ceris-carousel .owl-next { background: rgba(0, 0, 0, 0.4); color: #fff; text-align: center; cursor: pointer; -webkit-transform: translate(0, -50%) scale(1, 1); -ms-transform: translate(0, -50%) scale(1, 1); -moz-transform: translate(0, -50%) scale(1, 1); -o-transform: translate(0, -50%) scale(1, 1); transform: translate(0, -50%) scale(1, 1); -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s; -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s; -moz-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s; transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s; } .atbs-ceris-carousel .owl-prev:hover, .atbs-ceris-carousel .owl-next:hover { width: 51px; background: rgba(0, 0, 0, 0.6); } .atbs-ceris-carousel .owl-prev.disabled, .atbs-ceris-carousel .owl-next.disabled { -webkit-transform: translate(0, -50%) scale(0, 1); -ms-transform: translate(0, -50%) scale(0, 1); -moz-transform: translate(0, -50%) scale(0, 1); -o-transform: translate(0, -50%) scale(0, 1); transform: translate(0, -50%) scale(0, 1); } .atbs-ceris-carousel .owl-prev i, .atbs-ceris-carousel .owl-next i { margin: 0; font-size: 30px; line-height: 1; } .atbs-ceris-carousel .owl-prev { position: absolute; top: 50%; right: auto; bottom: auto; left: 0; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; } .atbs-ceris-carousel .owl-next { position: absolute; top: 50%; right: 0; bottom: auto; left: auto; -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; } .atbs-ceris-carousel .slick-arrow { width: 36px; padding: 25px 0; background: rgba(0, 0, 0, 0.4); color: #fff; text-align: center; cursor: pointer; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s; -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s; -moz-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s; transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s; } .atbs-ceris-carousel .slick-arrow:hover { width: 51px; background: rgba(0, 0, 0, 0.6); } .atbs-ceris-carousel .slick-arrow:before { margin: 0; font-size: 30px; line-height: 1; } .atbs-ceris-carousel .slick-prev { position: absolute; top: 50%; right: auto; bottom: auto; left: 0; } .atbs-ceris-carousel .slick-prev.disabled { -webkit-transform: translate(-100%, -50%); -ms-transform: translate(-100%, -50%); -moz-transform: translate(-100%, -50%); -o-transform: translate(-100%, -50%); transform: translate(-100%, -50%); } .atbs-ceris-carousel .slick-next { position: absolute; top: 50%; right: 0; bottom: auto; left: auto; } .atbs-ceris-carousel .slick-next.disabled { -webkit-transform: translate(100%, -50%); -ms-transform: translate(100%, -50%); -moz-transform: translate(100%, -50%); -o-transform: translate(100%, -50%); transform: translate(100%, -50%); } .atbs-ceris-carousel .flickity-prev-next-button { width: 36px; height: auto; padding: 25px 0; background: rgba(0, 0, 0, 0.4); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #fff; text-align: center; cursor: pointer; -webkit-transform: translate(0, -50%) scale(1, 1); -ms-transform: translate(0, -50%) scale(1, 1); -moz-transform: translate(0, -50%) scale(1, 1); -o-transform: translate(0, -50%) scale(1, 1); transform: translate(0, -50%) scale(1, 1); -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s; -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s; -moz-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s; transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s; } .atbs-ceris-carousel .flickity-prev-next-button:hover { width: 51px; background: rgba(0, 0, 0, 0.6); } .atbs-ceris-carousel .flickity-prev-next-button.disabled { -webkit-transform: translate(0, -50%) scale(0, 1); -ms-transform: translate(0, -50%) scale(0, 1); -moz-transform: translate(0, -50%) scale(0, 1); -o-transform: translate(0, -50%) scale(0, 1); transform: translate(0, -50%) scale(0, 1); } .atbs-ceris-carousel .flickity-prev-next-button svg { display: none; } .atbs-ceris-carousel .flickity-prev-next-button:before { content: '\e408'; font-family: 'mdicon'; font-size: 30px; } .atbs-ceris-carousel .flickity-prev-next-button.previous { left: 0; } .atbs-ceris-carousel .flickity-prev-next-button.next { right: 0; } .atbs-ceris-carousel .flickity-prev-next-button.next:before { content: '\e409'; } /*---- Owl carousel nav A ----*/ .atbs-ceris-carousel-nav-none .owl-nav { display: none; } .atbs-ceris-carousel-nav-a { padding-bottom: 30px; } .atbs-ceris-carousel-nav-a .owl-nav { position: absolute; top: auto; right: auto; bottom: 0; left: 50%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #fff; overflow: hidden; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); -webkit-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); -moz-transform: translate(-50%, 50%); -o-transform: translate(-50%, 50%); transform: translate(-50%, 50%); } .atbs-ceris-carousel-nav-a .owl-nav .disabled { cursor: auto; } .atbs-ceris-carousel-nav-a .owl-prev, .atbs-ceris-carousel-nav-a .owl-next { display: inline-block; height: 40px; width: 40px; position: relative; padding: 0; background: #fff; color: rgba(0, 0, 0, 0.8); font-size: 24px; line-height: 40px; text-align: center; -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; transform: none; } .atbs-ceris-carousel-nav-a .owl-prev i, .atbs-ceris-carousel-nav-a .owl-next i { color: rgba(0, 0, 0, 0.8); font-size: 24px; line-height: 40px; text-align: center; } .atbs-ceris-carousel-nav-a .owl-prev { border-right: 1px solid rgba(0, 0, 0, 0.05); } /*---- Owl theme B ----*/ .atbs-ceris-carousel-nav-b .owl-prev, .atbs-ceris-carousel-nav-b .owl-next, .atbs-ceris-carousel-nav-b .slick-arrow { display: block; height: 40px; width: 40px; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #fff; font-size: 24px; line-height: 40px; text-align: center; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); } .atbs-ceris-carousel-nav-b .owl-prev.disabled, .atbs-ceris-carousel-nav-b .owl-next.disabled, .atbs-ceris-carousel-nav-b .slick-arrow.disabled { display: none; } .atbs-ceris-carousel-nav-b .owl-prev, .atbs-ceris-carousel-nav-b .slick-prev { position: absolute; top: 50%; right: auto; bottom: auto; left: 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .atbs-ceris-carousel-nav-b .owl-next, .atbs-ceris-carousel-nav-b .slick-next { position: absolute; top: 50%; right: 0; bottom: auto; left: auto; -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); -moz-transform: translate(50%, -50%); -o-transform: translate(50%, -50%); transform: translate(50%, -50%); } /*---- Owl theme C ----*/ .atbs-ceris-carousel-nav-c .owl-prev, .atbs-ceris-carousel-nav-c .owl-next { top: 0; bottom: 0; -webkit-transform: translate(0, 0) scale(1, 1); -ms-transform: translate(0, 0) scale(1, 1); -moz-transform: translate(0, 0) scale(1, 1); -o-transform: translate(0, 0) scale(1, 1); transform: translate(0, 0) scale(1, 1); } .atbs-ceris-carousel-nav-c .owl-prev.disabled, .atbs-ceris-carousel-nav-c .owl-next.disabled { -webkit-transform: translate(0, 0) scale(0, 1); -ms-transform: translate(0, 0) scale(0, 1); -moz-transform: translate(0, 0) scale(0, 1); -o-transform: translate(0, 0) scale(0, 1); transform: translate(0, 0) scale(0, 1); } .atbs-ceris-carousel-nav-c .owl-prev i, .atbs-ceris-carousel-nav-c .owl-next i { position: absolute; top: 50%; right: auto; bottom: auto; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /*---- Owl nav D ----*/ .atbs-ceris-carousel-nav-d .owl-carousel .owl-stage-outer { overflow: visible; } .atbs-ceris-carousel-nav-d .owl-prev, .atbs-ceris-carousel-nav-d .owl-next { display: block; width: 9999px; width: -webkit-calc(100vw - 100%); width: -moz-calc(100vw - 100%); width: calc(100vw - 100%); background: rgba(255, 255, 255, 0.8); color: rgba(0, 0, 0, 0.4); font-size: 40px; text-align: center; } .atbs-ceris-carousel-nav-d .owl-prev.disabled, .atbs-ceris-carousel-nav-d .owl-next.disabled { display: none; } .atbs-ceris-carousel-nav-d .owl-prev { position: absolute; top: 0; right: auto; bottom: 0; left: -10px; -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); } @media (min-width: 992px) { .atbs-ceris-carousel-nav-d .owl-prev { left: -30px; } } .atbs-ceris-carousel-nav-d .owl-next { position: absolute; top: 0; right: -10px; bottom: 0; left: auto; -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } @media (min-width: 992px) { .atbs-ceris-carousel-nav-d .owl-next { right: -30px; } } .atbs-ceris-carousel-nav-d .owl-prev i { position: absolute; top: 50%; right: 20px; bottom: auto; left: auto; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } .atbs-ceris-carousel-nav-d .owl-next i { position: absolute; top: 50%; right: auto; bottom: auto; left: 20px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } /*---- Owl nav E ----*/ .atbs-ceris-carousel-nav-e .owl-prev, .atbs-ceris-carousel-nav-e .owl-next, .atbs-ceris-carousel-nav-e .slick-arrow, .atbs-ceris-carousel-nav-e .swiper-button-next, .atbs-ceris-carousel-nav-e .swiper-button-prev { display: block; height: 80px; width: 36px; background: rgba(0, 0, 0, 0.4); color: #fff; font-size: 24px; text-align: center; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); -moz-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); } .atbs-ceris-carousel-nav-e .owl-prev:hover, .atbs-ceris-carousel-nav-e .owl-next:hover, .atbs-ceris-carousel-nav-e .slick-arrow:hover, .atbs-ceris-carousel-nav-e .swiper-button-next:hover, .atbs-ceris-carousel-nav-e .swiper-button-prev:hover { width: 46px; } .atbs-ceris-carousel-nav-e .owl-prev i, .atbs-ceris-carousel-nav-e .slick-prev i { margin-right: 6px; line-height: 60px; } .atbs-ceris-carousel-nav-e .owl-next i, .atbs-ceris-carousel-nav-e .slick-next i { margin-left: 6px; line-height: 60px; } .atbs-ceris-carousel-nav-e .owl-prev, .atbs-ceris-carousel-nav-e .slick-prev, .atbs-ceris-carousel-nav-e .swiper-button-prev { position: absolute; top: 50%; right: auto; bottom: auto; left: 0; } .atbs-ceris-carousel-nav-e .owl-prev:before, .atbs-ceris-carousel-nav-e .slick-prev:before, .atbs-ceris-carousel-nav-e .swiper-button-prev:before { content: '\e408'; font-family: 'mdicon'; font-size: 36px; line-height: 80px; } .atbs-ceris-carousel-nav-e .owl-next, .atbs-ceris-carousel-nav-e .slick-next, .atbs-ceris-carousel-nav-e .swiper-button-next { position: absolute; top: 50%; right: 0; bottom: auto; left: auto; } .atbs-ceris-carousel-nav-e .owl-next:before, .atbs-ceris-carousel-nav-e .slick-next:before, .atbs-ceris-carousel-nav-e .swiper-button-next:before { content: '\e409'; font-family: 'mdicon'; font-size: 32px; line-height: 80px; } /*---- Owl carousel nav F ----*/ .atbs-ceris-carousel-nav-f .owl-prev, .atbs-ceris-carousel-nav-f .owl-next, .atbs-ceris-carousel-nav-f .slick-arrow { display: inline-block; height: 50px; width: 50px; position: absolute; top: 50%; right: 20px; bottom: auto; left: auto; background: #fff; background-clip: padding-box; border: 3px solid rgba(255, 255, 255, 0.4); -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; font-size: 28px; line-height: 50px; text-align: center; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05); } .atbs-ceris-carousel-nav-f .owl-prev, .atbs-ceris-carousel-nav-f .slick-prev { left: 20px; right: auto; } /*---- Custom Owl carousel nav ----*/ .atbs-ceris-carousel-nav-custom-holder .owl-prev, .atbs-ceris-carousel-nav-custom-holder .owl-next { display: inline-block; height: 50px; width: 50px; position: relative; padding: 0; background: #fff; border: 1px solid rgba(0, 0, 0, 0.05); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #888; line-height: 50px; text-align: center; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; transform: none; } .atbs-ceris-carousel-nav-custom-holder .owl-prev:hover, .atbs-ceris-carousel-nav-custom-holder .owl-next:hover { background: #fff; } .atbs-ceris-carousel-nav-custom-holder .owl-prev.disabled, .atbs-ceris-carousel-nav-custom-holder .owl-next.disabled { background: #aaa; cursor: default; opacity: 0.5; -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; transform: none; } .atbs-ceris-carousel-nav-custom-holder .owl-prev i, .atbs-ceris-carousel-nav-custom-holder .owl-next i { font-size: 20px; } .atbs-ceris-carousel-nav-custom-holder .owl-prev { margin-right: 10px; margin-bottom: 10px } /*---- Owl dot nav A ----*/ .atbs-ceris-carousel-dots-none .owl-dots { display: none; } .atbs-ceris-carousel-dots-a .owl-dots { position: absolute; top: auto; right: auto; bottom: 0; left: 50%; white-space: nowrap; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } @media (min-width: 768px) { .atbs-ceris-carousel-dots-a .owl-dots { bottom: 10px; } } .atbs-ceris-carousel-dots-a .owl-dot { display: inline-block; padding: 10px; } .atbs-ceris-carousel-dots-a .owl-dot span { display: inline-block; height: 8px; width: 8px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: rgba(255, 255, 255, 0.4); vertical-align: middle; -webkit-transition-property: all; -o-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; -moz-transition-timing-function: ease; transition-timing-function: ease; } .atbs-ceris-carousel-dots-a .owl-dot.active span { background: rgba(255, 255, 255, 0.8); } /*---- Owl dot nav B ----*/ .atbs-ceris-carousel-dots-b .owl-dots { padding: 15px 0; text-align: center; } .atbs-ceris-carousel-dots-b .owl-dot { display: inline-block; height: 8px; width: 8px; margin: 0 8px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: rgba(0, 0, 0, 0.2); -webkit-transition: all 0.15s ease-out 0s; -o-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; } .atbs-ceris-carousel-dots-b .owl-dot.active { background: rgba(0, 0, 0, 0.4); } .atbs-ceris-carousel-dots-b .swiper-pagination { position: static; padding: 15px 0; } .atbs-ceris-carousel-dots-b--inverse .swiper-pagination-bullet { background: #fff; } /* * Slick carousel *--------------------*/ .atbs-ceris-carousel .slide-content:not(:first-child) { display: none; } .atbs-ceris-carousel.slick-initialized .slide-content, .atbs-ceris-carousel .slick-initialized .slide-content { display: block; } /* * Flickity carousel *--------------------*/ .atbs-ceris-carousel.flickity-enabled .slide-content, .atbs-ceris-carousel .flickity-enabled .slide-content { display: block; } /*---- Arrow ----*/ .slick-arrow { border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font-size: 0; z-index: 10; } .slick-arrow:before { content: '\e408'; font-family: 'mdicon'; font-size: 22px; } .slick-next:before { content: '\e409'; } /*---- Arrow ----*/ .slick-dots { display: block; margin: 10px auto; padding: 0; list-style: none; text-align: center; z-index: 10; } .slick-dots li { display: inline-block; } .slick-dots li button { display: inline-block; height: 12px; width: 12px; padding: 0; margin: 0 10px; border: 1px solid transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: rgba(0, 0, 0, 0.2); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font-size: 0; vertical-align: middle; -webkit-transition-property: all; -o-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); -o-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); -moz-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .slick-dots li button:hover, .slick-dots li button:focus { background: rgba(0, 0, 0, 0.4); } .slick-dots li.slick-active button { -webkit-transform: scale(1.4, 1.4); -ms-transform: scale(1.4, 1.4); -moz-transform: scale(1.4, 1.4); -o-transform: scale(1.4, 1.4); transform: scale(1.4, 1.4); background: transparent; border: 1px solid rgba(0, 0, 0, 0.2); } .atbs-ceris-carousel--dots-transparent .slick-dots { width: 100%; position: absolute; top: auto; right: auto; bottom: 20px; left: auto; margin: 0 auto; } /* * Flexslider *--------------------*/ .flexslider { margin: 0; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; min-height: 400px; } .flexslider .slides>li:first-child { display: block; opacity: 0; } .flexslider .flex-viewport .slides>li:first-child { opacity: 1; } /* * Fotorama *--------------------*/ .atbs-ceris-gallery-slider .fotorama__stage { background: #111; } .atbs-ceris-gallery-slider .fotorama__thumb-border { border-color: #FC3C2D; background: transparent; } .atbs-ceris-gallery-slider .fotorama__nav__frame:not(.fotorama__active) { opacity: 0.8; } .atbs-ceris-gallery-slider .fotorama__nav--thumbs { position: relative; background: #111; } .atbs-ceris-gallery-slider .fotorama__nav--dots { margin-top: 5px; } .atbs-ceris-gallery-slider .fotorama__nav--dots .fotorama__nav__frame { width: auto; height: auto; padding: 12px 8px; } .atbs-ceris-gallery-slider .fotorama__dot { height: 8px; width: 8px; top: auto; left: auto; border: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .atbs-ceris-gallery-slider .fotorama__nav__frame.fotorama__active .fotorama__dot { height: 8px; width: 8px; background: rgba(0, 0, 0, 0.4); } .atbs-ceris-gallery-slider .fotorama__caption { text-align: center; background-color: transparent; background-image: -o-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%); background-image: -webkit-gradient(linear, left bottom, left top, from(black), color-stop(5.3%, rgba(0, 0, 0, 0.917)), color-stop(10.6%, rgba(0, 0, 0, 0.834)), color-stop(15.9%, rgba(0, 0, 0, 0.753)), color-stop(21.3%, rgba(0, 0, 0, 0.672)), color-stop(26.8%, rgba(0, 0, 0, 0.591)), color-stop(32.5%, rgba(0, 0, 0, 0.511)), color-stop(38.4%, rgba(0, 0, 0, 0.433)), color-stop(44.5%, rgba(0, 0, 0, 0.357)), color-stop(50.9%, rgba(0, 0, 0, 0.283)), color-stop(57.7%, rgba(0, 0, 0, 0.213)), color-stop(65%, rgba(0, 0, 0, 0.147)), color-stop(72.9%, rgba(0, 0, 0, 0.089)), color-stop(81.4%, rgba(0, 0, 0, 0.042)), color-stop(90.6%, rgba(0, 0, 0, 0.011)), to(transparent)); background-image: -webkit-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%); background-image: -moz-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%); background-image: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%); } .atbs-ceris-gallery-slider .fotorama__caption__wrap { padding: 1em; background: transparent; color: #fff; font-size: 1rem; text-shadow: 0 0 8px rgba(0, 0, 0, 0.5); } .atbs-ceris-gallery-slider .fotorama__caption__wrap a, .atbs-ceris-gallery-slider .fotorama__caption__wrap a:hover, .atbs-ceris-gallery-slider .fotorama__caption__wrap a:focus, .atbs-ceris-gallery-slider .fotorama__caption__wrap a:active { color: #fff; text-decoration: none; border: none; } /* * Overflow carousel *--------------------*/ .atbs-ceris-carousel-overflow { overflow: hidden; } @media (max-width: 767px) { .atbs-ceris-carousel-overflow { margin-left: -15px; margin-right: -15px; } } .atbs-ceris-carousel-overflow--has-background { padding: 20px; border: 1px solid rgba(0, 0, 0, 0.1); background-color: #f5f5f5; } @media (min-width: 768px) { .atbs-ceris-carousel-overflow--has-background { padding: 40px; } } .atbs-ceris-carousel-overflow--has-background .atbs-ceris-carousel__inner { margin-left: -20px; margin-right: -20px; } @media (min-width: 768px) { .atbs-ceris-carousel-overflow--has-background .atbs-ceris-carousel__inner { margin-left: -40px; margin-right: -40px; } } .atbs-ceris-carousel-overflow--has-background:not(.atbs-ceris-carouel-dots-none) { padding-bottom: 0; } /* ----------------------------------------------------------------- ## Categories bar ----------------------------------------------------------------- */ .category-bar { margin-bottom: 30px; } .category-bar-inner { display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -8px; } .category-bar__cat { -webkit-box-flex: 1; box-flex: 1; -moz-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; margin: 0 8px 10px; text-align: center; } .category-bar__cat a { display: block; padding: 8px; border: 1px solid rgba(0, 0, 0, 0.04); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #fff; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); -webkit-transition: all 0.15s ease-out 0s; -o-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; } .category-bar__cat a:hover { -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.06); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.06); } .category-bar .cat-icon { color: rgba(0, 0, 0, 0.2); font-size: 30px; -webkit-transition: all 0.15s ease-out 0s; -o-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; } .category-bar .cat-name { color: rgba(0, 0, 0, 0.8); font-size: 12px; text-transform: uppercase; } /* ----------------------------------------------------------------- ## Count down ----------------------------------------------------------------- */ .atbs-ceris-countdown { position: relative; text-align: center; } .atbs-ceris-countdown__inner { display: inline-block; margin: 0 -10px; } .atbs-ceris-countdown__inner::after { clear: both; content: ""; display: table; } @media (min-width: 768px) { .atbs-ceris-countdown__inner { margin: 0 -20px; } } @media (min-width: 992px) { .atbs-ceris-countdown__inner { margin: 0 -30px; } } .countdown__section { display: inline-block; min-width: 60px; margin: 0 10px; text-align: center; } @media (min-width: 768px) { .countdown__section { min-width: 80px; margin: 0 20px; } } .countdown__digit { display: block; font-size: 32px; font-weight: 700; } @media (min-width: 768px) { .countdown__digit { font-size: 48px; } } @media (min-width: 992px) { .countdown__digit { font-size: 60px; } } .countdown__text { display: block; font-size: 14px; font-weight: 300; text-transform: uppercase; letter-spacing: 0.1em; } @media (min-width: 768px) { .countdown__text { font-size: 16px; } } @media (min-width: 992px) { .countdown__text { font-size: 20px; } } .atbs-ceris-countdown-block::after { clear: both; content: ""; display: table; } .atbs-ceris-countdown-block .atbs-ceris-block__inner { padding: 20px; } @media (min-width: 768px) { .atbs-ceris-countdown-block .atbs-ceris-block__inner { padding: 30px; } } .atbs-ceris-countdown-block--solid-overlay .atbs-ceris-countdown { padding: 20px; background-color: #fff; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.06); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.06); } /* ----------------------------------------------------------------- ## Block general ----------------------------------------------------------------- */ .atbs-ceris-block { position: relative; margin-bottom: 40px; } .atbs-ceris-block:last-child { margin-bottom: 0; } .atbs-ceris-block__inner { position: relative; } @media (min-width: 1200px) { .atbs-ceris-block--fullwidth { margin-bottom: 60px; } } .atbs-ceris-block--fullwidth.atbs-ceris-block--contiguous:first-child { margin-top: -50px; } .single-entry--video .atbs-ceris-block--contiguous:first-child{ margin-top:0; } @media (min-width: 768px) { .atbs-ceris-block--fullwidth.atbs-ceris-block--contiguous:first-child { margin-top: -65px; } .single-entry--video .single-entry-featured-media-wrap.atbs-ceris-block--contiguous:first-child { margin-top:0; } } .atbs-ceris-block--fullwidth.has-background:last-child { margin-bottom: -50px; } @media (min-width: 1200px) { .atbs-ceris-block--fullwidth.has-background:last-child:first-child { margin-bottom: -65px; } } .atbs-ceris-block--contiguous:not(.has-overlap-background)+.atbs-ceris-block--contiguous { margin-top: -40px; } @media (min-width: 1200px) { .atbs-ceris-block--fullwidth.atbs-ceris-block--contiguous:not(.has-overlap-background)+.atbs-ceris-block--fullwidth.atbs-ceris-block--contiguous { margin-top: -40px; } } .atbs-ceris-block.has-background { padding-top: 40px; padding-bottom: 40px; } @media (min-width: 992px) { .atbs-ceris-block.has-background { padding-top: 60px; padding-bottom: 60px; } } @media (min-width: 992px) { .atbs-ceris-block.has-background--md { padding-top: 60px; padding-bottom: 60px; } } .atbs-ceris-block.has-overlap-background { padding-top: 30px; } @media (min-width: 992px) { .atbs-ceris-block.has-overlap-background { padding-top: 40px; } } .atbs-ceris-block.has-border { padding-top: 30px; padding-bottom: 30px; border-top: 1px solid rgba(0, 0, 0, 0.05); border-bottom: 1px solid rgba(0, 0, 0, 0.05); } @media (min-width: 992px) { .atbs-ceris-block.has-border { padding-top: 40px; padding-bottom: 40px; } } .atbs-ceris-layout-split:first-child { margin-top: 0; } /* ----------------------------------------------------------------- ## Offcanvas Menu ----------------------------------------------------------------- */ body.is-atbs-ceris-offcanvas-opened { overflow: hidden; } .atbs-ceris-offcanvas { max-width: 100%; width: 320px; position: fixed; top: 0; left: 0; right: auto; bottom: 0; margin: 0; overflow: hidden; background: #fff; z-index: 1039; /* bootstrap modal */ -webkit-transform: translate(-101%, 0); -ms-transform: translate(-101%, 0); -moz-transform: translate(-101%, 0); -o-transform: translate(-101%, 0); transform: translate(-101%, 0); -webkit-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1) 0.1s; -o-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1) 0.1s; -moz-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1) 0.1s; transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1) 0.1s; } body.admin-bar .atbs-ceris-offcanvas { margin-top: 46px; } @media (min-width: 768px) { .atbs-ceris-offcanvas { width: 360px; } } @media (min-width: 784px) { body.admin-bar .atbs-ceris-offcanvas { margin-top: 32px; } } .atbs-ceris-offcanvas.is-active { -webkit-box-shadow: 0 1px 10px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 10px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 10px 10px rgba(0, 0, 0, 0.1); -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .atbs-ceris-offcanvas-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); z-index: 1030; /* bootstrap backdrop */ } .atbs-ceris-offcanvas-close { height: 30px; width: 30px; position: absolute; top: 8px; right: 8px; bottom: auto; left: auto; padding: 0; border: 1px solid rgba(0, 0, 0, 0.05); -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: transparent; color: rgba(0, 0, 0, 0.4) !important; font-size: 14px; line-height: 28px; text-align: center; text-decoration: none !important; overflow: hidden; } .atbs-ceris-offcanvas__title { position: relative; padding: 20px 50px 20px 20px; font-size: 14px; } .atbs-ceris-offcanvas__title .social-list { margin-top: 10px; font-size: 16px; color: rgba(0, 0, 0, 0.4); } .atbs-ceris-offcanvas__section { padding: 20px; } .atbs-ceris-offcanvas__section:not(:first-child) { border-top: 1px solid rgba(0, 0, 0, 0.05); } .atbs-ceris-offcanvas__section-search+.atbs-ceris-offcanvas__section-navigation { padding-top: 0; border-top: none; } .navigation--offcanvas { margin: 0 -20px; } .navigation--offcanvas li { color: rgba(0, 0, 0, 0.6); } .navigation--offcanvas li>a { color: inherit; text-decoration: none; display: block; position: relative; padding: 12px 7px; background: transparent; color: rgba(0, 0, 0, 0.8); } .navigation--offcanvas li>a:hover, .navigation--offcanvas li>a:active, .navigation--offcanvas li>a:focus { color: inherit; text-decoration: none; } .navigation--offcanvas li>a:hover { background: rgba(0, 0, 0, 0.02); } .navigation--offcanvas li>a:after { content: ''; position: absolute; top: 0; right: auto; bottom: 0; left: 0; border-right: 3px solid #FC3C2D; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); -moz-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: left center; -ms-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s; -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s; -moz-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s; transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s; } .navigation--offcanvas li.current-menu-item>a:after { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .sub-menu li.menu-item-has-children >a{ padding-right: 25px; } .navigation--offcanvas li.menu-item-has-children>a { padding-right: 56px; } .navigation--offcanvas>li>a { padding: 12px 30px; opacity: 0.9; } .navigation--offcanvas .sub-menu { display: none; padding: 5px 0; } .navigation--offcanvas>li>.sub-menu>li>a { padding-left: 40px; font-weight: 400; } .navigation--offcanvas>li>.sub-menu>li>.sub-menu>li>a { padding-left: 50px; } .navigation--offcanvas .submenu-toggle { display: block; width: 36px; position: absolute; top: 0; right: 10px; bottom: 0; left: auto; text-align: center; } .navigation--offcanvas .submenu-toggle i { position: absolute; top: 50%; right: auto; bottom: auto; left: 50%; margin: 0; font-size: 20px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* ----------------------------------------------------------------- ## Widgets ----------------------------------------------------------------- */ .widget { margin-bottom: 40px; } .widget:last-child { margin-bottom: 0; } .widget--centered { text-align: center; } .widget--has-background { padding: 20px; } .widget__title { margin-bottom: 20px; } .has-block-heading-line-around .widget__title, .has-block-heading-line .widget__title { display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; box-align: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: justify; box-pack: justify; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; -ms-flex-pack: justify; } .has-block-heading-line .widget__title:after { content: ''; -webkit-box-flex: 1; box-flex: 1; -moz-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; -webkit-box-ordinal-group: 2; box-ordinal-group: 2; -moz-order: 2; -webkit-order: 2; -moz-box-ordinal-group: 3; order: 2; -ms-flex-order: 2; margin-left: 1.5em; border-top: 2px solid rgba(0, 0, 0, 0.05); } .widget__title a { color: inherit; text-decoration: none; } /* Comment Out by Hung .site-footer .widget__title:before, .site-footer .widget__title:after, .atbs-ceris-offcanvas .widget__title:before, .atbs-ceris-offcanvas .widget__title:after { content: none !important; } */ .atbs-ceris-offcanvas .widget__title:before, .atbs-ceris-offcanvas .widget__title:after { content: none !important; } .has-block-heading-line-around .site-footer .widget__title { display: block; text-align: center; } .widget__title-text { margin: 0; font-size: 15px; font-size: 1.1rem; line-height: 1.2; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; } .widget__title span { font-weight: 300; } .has-block-heading-line-under .widget__title { padding-bottom: 5px; border-bottom: 2px solid rgba(0, 0, 0, 0.1); } .has-block-heading-line-around .widget__title__title { padding-right: 0; } .has-block-heading-line-under .widget__title__seperator, .has-block-heading-line-around .widget__title__seperator { display: none; } .has-block-heading-line-around .widget__title:before, .has-block-heading-line-around .widget__title:after { content: ''; -webkit-box-flex: 1; box-flex: 1; -moz-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; margin-right: 1.5em; border-bottom: 2px solid rgba(0, 0, 0, 0.05); } .has-block-heading-line-around .widget__title:after { margin-left: 1.5em; } .has-block-heading-line-around .atbs-ceris-widget--box .widget__title { -webkit-box-pack: center; box-pack: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -ms-flex-pack: center; } .site-footer .widget__title__title { font-size: 14px; } /*---- Box Widget ----*/ .atbs-ceris-widget--box .widget__title { margin-bottom: 0; padding: 15px 20px; background: #FC3C2D; border-bottom: none; color: #fff; } .atbs-ceris-widget--box .widget__title:before, .atbs-ceris-widget--box .widget__title:after { content: none; } .atbs-ceris-widget--box .widget__inner { padding: 20px; background: #fafafa; } /*---- Indexed Widget A ----*/ .atbs-ceris-widget-indexed-posts-a .posts-list { counter-reset: li; } .atbs-ceris-widget-indexed-posts-a .posts-list>li .post__thumb { position: relative; } .atbs-ceris-widget-indexed-posts-a .posts-list>li .post__thumb:after { content: counter(li); /* Use the counter as content */ counter-increment: li; display: block; height: 25px; width: 25px; position: absolute; top: -12px; right: auto; bottom: auto; left: -12px; border: 1px solid rgba(255, 255, 255, 0.4); background: #FC3C2D; color: #fff; text-align: center; font-size: 12px; line-height: 25px; font-weight: 700; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } /*---- Indexed Widget B ----*/ .atbs-ceris-widget-indexed-posts-b .posts-list { counter-reset: li; } .atbs-ceris-widget-indexed-posts-b .posts-list>li .post__title { position: relative; } .atbs-ceris-widget-indexed-posts-b .posts-list>li .post__title:after { content: counter(li); /* Use the counter as content */ counter-increment: li; display: block; position: absolute; top: -30px; right: 15px; bottom: auto; left: auto; color: #FC3C2D; font-size: 96px; line-height: 1; font-weight: 700; font-style: italic; opacity: 0.25; } /*---- Indexed Widget C ----*/ .atbs-ceris-widget-indexed-posts-c .list-index { display: inline-block; min-width: 45px; margin-left: 10px; color: rgba(0, 0, 0, 0.8); font-size: 26px; font-size: 1.86rem; line-height: 1; font-weight: 700; text-align: center; } .atbs-ceris-widget-indexed-posts-c .posts-list>li .post--overlay .post__text-inner { padding-left: 10px; } .atbs-ceris-widget-indexed-posts-c .posts-list>li .post--overlay .list-index { margin-left: 0; color: #fff; font-size: 36px; font-size: 2.57rem; } /*---- Widget most commented ----*/ .atbs-ceris-widget-most-commented .comments-count-box { color: inherit; text-decoration: none; min-width: 48px; margin-right: 10px; padding: 10px 12px; background: #444; font-size: 16px; } .atbs-ceris-widget-most-commented .comments-count-box:hover, .atbs-ceris-widget-most-commented .comments-count-box:active, .atbs-ceris-widget-most-commented .comments-count-box:focus { color: inherit; text-decoration: none; } .atbs-ceris-widget-most-commented .comments-count-box:before { border-top-color: #444; } /*---- Social counter widget ----*/ .atbs-ceris-widget-social-counter::after { clear: both; content: ""; display: table; } .social-tile { color: inherit; text-decoration: none; display: block; position: relative; padding: 15px 30px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: rgba(0, 0, 0, 0.05); overflow: hidden; -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15); -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .social-tile:hover, .social-tile:active, .social-tile:focus { color: inherit; text-decoration: none; } .social-tile:hover { background: rgba(0, 0, 0, 0.02); } .social-tile:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: -o-linear-gradient(top, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0) 100%); background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0) 100%); } .social-tile__inner { -webkit-box-align: center; box-align: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -ms-flex-align: center; } .social-tile__icon { position: absolute; top: auto; right: auto; bottom: 0; left: 0; font-size: 5.7143rem; color: rgba(255, 255, 255, 0.2); line-height: 1; -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); -webkit-transform: translate(20%, 25%) scale(1, 1); -ms-transform: translate(20%, 25%) scale(1, 1); -moz-transform: translate(20%, 25%) scale(1, 1); -o-transform: translate(20%, 25%) scale(1, 1); transform: translate(20%, 25%) scale(1, 1); -webkit-transform-origin: 0 50% 0; -ms-transform-origin: 0 50% 0; -moz-transform-origin: 0 50% 0; -o-transform-origin: 0 50% 0; transform-origin: 0 50% 0; } .social-tile:hover .social-tile__icon { -webkit-transform: translate(20%, 20%) scale(1.4, 1.4); -ms-transform: translate(20%, 20%) scale(1.4, 1.4); -moz-transform: translate(20%, 20%) scale(1.4, 1.4); -o-transform: translate(20%, 20%) scale(1.4, 1.4); transform: translate(20%, 20%) scale(1.4, 1.4); } .social-tile__title { margin: 0; color: #fff; font-size: 1.2rem; font-weight: 700; text-transform: uppercase; } .social-tile__count { color: rgba(255, 255, 255, 0.6); font-size: 1rem; line-height: 1.1; } .social-tile__right .mdicon { display: inline-block; font-size: 1.2857rem; color: #fff; -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); } .social-tile:hover .social-tile__right .mdicon { -webkit-transform: translate(40%, 0); -ms-transform: translate(40%, 0); -moz-transform: translate(40%, 0); -o-transform: translate(40%, 0); transform: translate(40%, 0); } /*---- Subscribe widget ----*/ .widget-subscribe { padding-top: 20px; } .widget-subscribe__inner { padding: 20px; -webkit-box-shadow: 0 -20px 0 -10px #f5f5f5, 0 -38px 0 -20px #fafafa; -moz-box-shadow: 0 -20px 0 -10px #f5f5f5, 0 -38px 0 -20px #fafafa; box-shadow: 0 -20px 0 -10px #f5f5f5, 0 -38px 0 -20px #fafafa; } @media (min-width: 768px) { .widget-subscribe__inner { padding: 30px; } } .widget-subscribe .subscribe-form { color: #fff; } .widget-subscribe.widget--centered .subscribe-form input[type="email"] { text-align: center; } .widget-subscribe--stack-bottom { padding-top: 0; padding-bottom: 0; } .widget-subscribe--stack-bottom .widget-subscribe__inner { -webkit-box-shadow: 0 20px 0 -10px #f5f5f5, 0 38px 0 -20px #fafafa; -moz-box-shadow: 0 20px 0 -10px #f5f5f5, 0 38px 0 -20px #fafafa; box-shadow: 0 20px 0 -10px #f5f5f5, 0 38px 0 -20px #fafafa; } /*---- Widget Categories ----*/ /* ----------------------------------------------------------------- ## WordPress Defaul Widgets ----------------------------------------------------------------- */ /*---- ## Archive Widget ----*/ .widget_archive ul { list-style: none; padding: 0; } .widget_archive li:not(:last-child) { margin-bottom: 15px; } .widget_archive li>a { display: inline-block; text-decoration: none; color: rgba(0, 0, 0, 0.8); } .widget_archive a>span { display: inline-block; background: #ccc; padding: 1px 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-left: 5px; font-size: 0.8571rem; color: #fff; } .widget_archive ul.children { padding-top: 15px; padding-left: 15px; } .widget_archive ul.children li>a { color: rgba(0, 0, 0, 0.6); } /*---- ## Calendar Widget ----*/ .widget_calendar { border-bottom: none; } #calendar_wrap { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; background-color: #fff; } .widget_calendar caption { padding: 0.6em; text-align: center; font-size: 16px; font-size: 1.1428rem; font-weight: 500; color: #fff; background-color: #333; } .widget_calendar table { width: 100%; margin-bottom: 0; font-size: 12px; font-size: 0.8571rem; color: rgba(0, 0, 0, 0.6); border: 1px solid rgba(0, 0, 0, 0.05); } .widget_calendar .wp-calendar-nav, .wp-calendar-nav { margin-top: 15px; } .wp-block-calendar table caption{ margin: 10px 0; } .widget_calendar thead { background-color: #fafafa; } .widget_calendar th { padding: 1em; text-align: center; border: none; } .widget_calendar td { padding: 0.8em 1em; border: none; text-align: center; } .widget_calendar td a { position: relative; text-decoration: none; color: rgba(0, 0, 0, 0.8); font-weight: 700; } .widget_calendar td a:before { content: ''; display: block; width: 4px; height: 4px; position: absolute; top: -4px; right: -6px; bottom: auto; left: auto; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background-color: #aaa; background-color: #FC3C2D; } .widget_calendar #today, .widget_calendar #today a { position: relative; font-weight: 700; color: #fff; background-color: #444; background-color: #FC3C2D; } .widget_calendar tfoot { border-top: 1px solid rgba(0, 0, 0, 0.05); } .widget_calendar tfoot td { padding: 1em; } .widget_calendar tfoot a { font-size: 14px; font-size: 1rem; font-weight: 400; color: rgba(0, 0, 0, 0.8); } .widget_calendar tfoot a:before { content: none; } /*---- ## Categories Widget ----*/ .widget_categories ul { list-style: none; padding: 0; } .widget_categories ul li { margin-bottom: 15px; } .widget_categories ul li:last-child { margin-bottom: 0; } .widget_categories li>a { display: inline-block; text-decoration: none; color: rgba(0, 0, 0, 0.8); } .widget_categories a>span { display: inline-block; background: #ccc; padding: 1px 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-left: 5px; font-size: 0.8571rem; color: #fff; } .widget_categories ul.children { padding-top: 15px; padding-left: 20px; } /*---- ## Menu Widget ----*/ .widget_nav_menu ul { list-style: none; padding: 0; } .widget_nav_menu li:not(:last-child) { margin-bottom: 15px; } .widget_nav_menu li>a { display: inline-block; text-decoration: none; color: rgba(0, 0, 0, 0.8); } .inverse-text .widget_nav_menu li>a { color: rgba(255, 255, 255, 0.8); } .inverse-text .widget_nav_menu li>a:hover, .inverse-text .widget_nav_menu li>a:focus, .inverse-text .widget_nav_menu li>a:active { color: white; } .widget_nav_menu .sub-menu { padding-top: 15px; padding-left: 20px; } .widget_nav_menu .sub-menu .sub-menu { font-size: 100%; } /*---- ## Meta Widget ----*/ .widget_meta ul { list-style: none; padding: 0; } .widget_meta li:not(:last-child) { margin-bottom: 15px; } .widget_meta li>a { display: inline-block; text-decoration: none; color: rgba(0, 0, 0, 0.8); } .inverse-text .widget_meta li>a { color: rgba(255, 255, 255, 0.8); } .inverse-text .widget_meta li>a:hover, .inverse-text .widget_meta li>a:focus, .inverse-text .widget_meta li>a:active { color: white; } /*---- ## Pages Widget ----*/ .widget_pages ul { list-style: none; padding: 0; } .widget_pages li:not(:last-child) { margin-bottom: 15px; } .widget_pages li>a { display: inline-block; text-decoration: none; color: rgba(0, 0, 0, 0.8); } .widget_pages ul.children { padding-top: 15px; padding-left: 20px; } /*---- ## Recent Comments Widget ----*/ .widget_recent_comments #recentcomments { margin: 0; padding: 0; list-style: none; } .widget_recent_comments .recentcomments { position: relative; margin-bottom: 20px; } .widget_recent_comments .recentcomments:before { content: '\e0cb'; font-family: 'mdicon'; margin-right: 0.2em; } .widget_recent_comments .recentcomments>a { display: block; position: relative; margin-top: 8px; padding: 10px 15px; border: 1px solid rgba(0, 0, 0, 0.05); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.8); text-decoration: none !important; } .widget_recent_comments .comment-author-link { font-weight: 700; } .widget_recent_comments .comment-author-link a { color: inherit; text-decoration: none !important; text-transform: uppercase; } .inverse-text .widget_recent_comments .recentcomments>a { color: white; border: 1px solid rgba(255, 255, 255, 0.1); background: transparent; } /*---- ## Recent Posts Widget ----*/ .widget_recent_entries ul { list-style: none; padding: 0; } .widget_recent_entries li:not(:last-child) { margin-bottom: 15px; } .widget_recent_entries li>a { display: inline-block; text-decoration: none; color: rgba(0, 0, 0, 0.8); } /*---- ## RSS Widget ----*/ .widget_rss .rss-widget-icon { display: none; } .widget_rss .widget__title a.rsswidget:last-child:before { content: '\e0e5'; font-family: 'mdicon'; margin-right: 0.3em; } .widget_rss ul { list-style: none; } .widget_rss li { position: relative; padding: 12px 0; border-top: 1px solid rgba(0, 0, 0, 0.05); } .widget_rss li:first-child { padding-top: 0; border-top: none; } .widget_rss a.rsswidget { font-weight: 700; color: inherit; } .widget_rss .rss-date { display: block; margin-top: 0.4em; font-size: 12px; font-size: 0.8571rem; font-style: italic; } .widget_rss .rssSummary { margin: 0.4em 0; } /*---- ## Search Widget ----*/ .widget_search .search-form__submit { position: absolute; top: 50%; right: 0; bottom: auto; left: auto; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); padding: 6px 10px; background: transparent; border: none; outline: 0; color: rgba(0, 0, 0, 0.4); } .widget_search .search-form__submit i { font-size: 20px; } /*---- ## Tag Cloud Widget ----*/ .tagcloud::after { clear: both; content: ""; display: table; } .tagcloud a { display: inline-block; float: left; padding: 5px 10px; margin: 0 10px 10px 0; font-size: 12px; font-size: 0.8571rem; text-decoration: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.1); background: #fafafa; color: rgba(0, 0, 0, 0.44); -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .tagcloud a:hover { background: #fff; color: rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); } /*---- ## Instagram Widget ----*/ .ceris-instagram-widget-wrap ul li { width: 33.33%; border: 1px solid transparent; float: left; } /* ----------------------------------------------------------------- ## Carousel Heading Aside ----------------------------------------------------------------- */ .atbs-ceris-carousel-heading-aside .owl-nav { display: none; } .atbs-ceris-carousel-heading-aside .carousel-heading { height: 100%; text-align: center; padding-bottom: 15px; } .atbs-ceris-carousel-heading-aside .block-carousel-heading{ margin-bottom: 25px; } .atbs-ceris-carousel-heading-aside .block-carousel-heading .block-carousel-heading__title { font-weight: bold; } .atbs-ceris-carousel-heading-aside .atbs-ceris-carousel-nav-custom-holder .owl-prev, .atbs-ceris-carousel-heading-aside .atbs-ceris-carousel-nav-custom-holder .owl-next{ display: inline-block; height: 40px; width: 40px; position: relative; padding: 0; background: #fff; border: 1px solid rgba(0, 0, 0, 0.08); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #666; line-height: 40px; text-align: center; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; transform: none; } .atbs-ceris-carousel-heading-aside .atbs-ceris-carousel-nav-custom-holder .owl-prev i, .atbs-ceris-carousel-heading-aside .atbs-ceris-carousel-nav-custom-holder .owl-next i{ font-size: 16px; } @media (min-width: 768px) { .atbs-ceris-carousel-heading-aside .carousel-heading { text-align: left; padding-right: 15px; } } @media (max-width: 767px){ .atbs-ceris-carousel-heading-aside .row [class*='col']{ width: 100%; } .atbs-ceris-carousel-heading-aside .row [class*='col']:nth-child(2):last-child{ margin-top: 20px; } .atbs-ceris-carousel-heading-aside .block-carousel-heading{ margin-bottom: 15px; text-align: center; } .atbs-ceris-carousel-heading-aside .atbs-ceris-carousel-nav-custom-holder{ text-align: center; } .atbs-ceris-carousel-heading-aside .post--card .post__text { min-height: 6.85714rem; } } .atbs-ceris-carousel-heading-aside .carousel-heading--has-bg { padding: 20px; /*background: #0a293b;*/ } @media (max-width: 576px){ .atbs-ceris-carousel-heading-aside .post--card .post__title{ font-size: 1.2857rem; /*font system*/ line-height: 1.5; } } @media (max-width: 480px){ .atbs-ceris-carousel-heading-aside .post--card .post__thumb { margin-bottom: 25px; height: 230px; } .atbs-ceris-carousel-heading-aside .post--card .post__text { min-height: auto; } .atbs-ceris-carousel-heading-aside .post--card .post__title.typescale-1 { font-size: 1.2857rem; line-height: 1.5; } .atbs-ceris-carousel-heading-aside .post--card .post__footer{ margin-top: 40px; } .atbs-ceris-carousel-heading-aside .block-carousel-heading .block-carousel-heading__title { font-weight: 600; } } @media (max-width: 380px){ .atbs-ceris-carousel-heading-aside .post--card .post__thumb { height: 180px; } } @media (max-width: 320px){ .atbs-ceris-carousel-heading-aside .post--card .post__thumb { height: 150px; } } /* ----------------------------------------------------------------- ## Carousel Thumb Overlap ----------------------------------------------------------------- */ @media (min-width: 768px) { .atbs-ceris-carousel-thumb-overlap .post__text { min-height: 380px; } } /* ----------------------------------------------------------------- ## Carousel Overlap ----------------------------------------------------------------- */ .atbs-ceris-carousel-overlap .overlap-background { bottom: 112px; } @media (max-width: 767px) { .atbs-ceris-carousel-overlap .atbs-ceris-carousel__inner { margin-top: -30px; } } .atbs-ceris-carousel-overlap .flickity-viewport { overflow: visible !important; } .atbs-ceris-carousel-overlap .slide-content { width: 100%; visibility: hidden; } @media (min-width: 768px) { .atbs-ceris-carousel-overlap .slide-content { margin: 0 -20px; max-width: 720px; } } @media (min-width: 992px) { .atbs-ceris-carousel-overlap .slide-content { margin: 0 -30px; max-width: 970px; } } .atbs-ceris-carousel-overlap .flickity-enabled .slide-content { visibility: visible; } @media (min-width: 768px) { .atbs-ceris-carousel-overlap .slide-content .post--overlay { -webkit-transform: scale(0.8, 0.8); -ms-transform: scale(0.8, 0.8); -moz-transform: scale(0.8, 0.8); -o-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); -webkit-transform-origin: center top; -ms-transform-origin: center top; -moz-transform-origin: center top; -o-transform-origin: center top; transform-origin: center top; -webkit-transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1); -o-transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1); -moz-transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1); transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1); } } @media (min-width: 768px) { .atbs-ceris-carousel-overlap .slide-content.is-selected .post--overlay { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } .atbs-ceris-carousel-overlap .post--overlay { -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2); } .atbs-ceris-carousel-overlap .post--overlay .post__text { min-height: 360px; } @media (min-width: 768px) { .atbs-ceris-carousel-overlap .post--overlay .post__text { min-height: 480px; } } /* ----------------------------------------------------------------- ## Mosaic Block ----------------------------------------------------------------- */ .atbs-ceris-mosaic .row, .atbs-ceris-mosaic.row { margin-left: -5px; margin-right: -5px; } .atbs-ceris-mosaic .row--space-between, .atbs-ceris-mosaic.row--space-between { margin-top: -5px; margin-bottom: -5px; } .atbs-ceris-mosaic [class*="col-"] { padding-left: 5px; padding-right: 5px; } .atbs-ceris-mosaic .row--space-between>[class*="col-"], .atbs-ceris-mosaic.row--space-between>[class*="col-"] { padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; } .atbs-ceris-mosaic.has-background, .atbs-ceris-mosaic.has-overlap-background { padding-top: 30px; } .atbs-ceris-mosaic .mosaic-item { float: left; position: relative; } .post--overlay.post--overlay-bottom .post__text .post__content-section{ width: 100%; } @media (min-width: 992px) { .atbs-ceris-mosaic .mosaic-item { height: 480px; } } @media (min-width: 992px) { .atbs-ceris-mosaic .mosaic-item--half { height: 240px; } } @media (max-width: 991px) { .atbs-ceris-mosaic .mosaic-item .post--overlay .post__text { min-height: 280px; } } @media (max-width: 767px) { .atbs-ceris-mosaic .mosaic-item .post--overlay .post__text { min-height: 260px; } } @media (max-width: 767px) { .atbs-ceris-mosaic .mosaic-item:first-child .post--overlay .post__text { min-height: 320px; } } @media (max-width: 991px) { .atbs-ceris-mosaic .mosaic-item:first-child .post--overlay .post__text { min-height: 320px; } } @media (min-width: 992px) { .atbs-ceris-mosaic .mosaic-item .post--overlay, .atbs-ceris-mosaic .mosaic-item .post--overlay .post__text { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } .atbs-ceris-mosaic--has-shadow .mosaic-item .post--overlay { -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.4); } @media (min-width: 992px) { .atbs-ceris-mosaic--gutter-10 .mosaic-item .post--overlay { position: absolute; top: 5px; right: 5px; bottom: 5px; left: 5px; } } @media (min-width: 992px) { .atbs-ceris-mosaic--gutter-20 .mosaic-item .post--overlay { position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; } } @media (min-width: 992px) { .atbs-ceris-mosaic--gutter-30 .mosaic-item .post--overlay { position: absolute; top: 15px; right: 15px; bottom: 15px; left: 15px; } } @media(max-width: 991px){ .atbs-ceris-mosaic .post__title.typescale-1{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; font-weight: 500; } } .atbs-ceris-mosaic .mosaic-item .post--overlay .background-img { -webkit-box-shadow: inset 0 0 20px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 0 20px 0 rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 20px 0 rgba(0, 0, 0, 0.1); } .atbs-ceris-mosaic-block .overlap-background { bottom: 60px; } .atbs-ceris-mosaic .post__title.typescale-1 { font-weight: 500; } .atbs-ceris-mosaic .post__title.typescale-2 { font-weight: 600; } .atbs-ceris-mosaic .post__title.typescale-2 { margin-bottom: 12px; } .atbs-ceris-mosaic .post__title.typescale-2.custom-typescale-2--xxs { margin-bottom: 0; } .atbs-ceris-mosaic .post__title.typescale-3{ margin-bottom: 15px; max-width: 680px; } /* ----------------------------------------------------------------- ## Featured with overlap posts ----------------------------------------------------------------- */ .featured-with-overlap-posts .main-post { min-height: 420px; display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: end; box-align: end; -moz-align-items: flex-end; -ms-align-items: flex-end; -o-align-items: flex-end; -webkit-align-items: flex-end; -moz-box-align: end; align-items: flex-end; -ms-flex-align: end; } @media (min-width: 768px) { .featured-with-overlap-posts .main-post { min-height: 520px; } } .featured-with-overlap-posts .main-post .background-img:after { background-color: transparent; background-image: -o-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%); background-image: -webkit-gradient(linear, left bottom, left top, from(black), color-stop(5.3%, rgba(0, 0, 0, 0.917)), color-stop(10.6%, rgba(0, 0, 0, 0.834)), color-stop(15.9%, rgba(0, 0, 0, 0.753)), color-stop(21.3%, rgba(0, 0, 0, 0.672)), color-stop(26.8%, rgba(0, 0, 0, 0.591)), color-stop(32.5%, rgba(0, 0, 0, 0.511)), color-stop(38.4%, rgba(0, 0, 0, 0.433)), color-stop(44.5%, rgba(0, 0, 0, 0.357)), color-stop(50.9%, rgba(0, 0, 0, 0.283)), color-stop(57.7%, rgba(0, 0, 0, 0.213)), color-stop(65%, rgba(0, 0, 0, 0.147)), color-stop(72.9%, rgba(0, 0, 0, 0.089)), color-stop(81.4%, rgba(0, 0, 0, 0.042)), color-stop(90.6%, rgba(0, 0, 0, 0.011)), to(transparent)); background-image: -webkit-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%); background-image: -moz-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%); background-image: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%); opacity: 1; background-color: transparent; } .featured-with-overlap-posts .main-post .post__text { width: 100%; } .featured-with-overlap-posts .main-post .post__text-inner { padding: 20px 0 100px; } .featured-with-overlap-posts .sub-posts { position: relative; margin-top: -60px; } .featured-with-overlap-posts .sub-posts>ul { padding: 0; list-style: none; } .featured-with-overlap-posts .sub-posts>ul>li:nth-child(3) { clear: both; } @media (min-width: 992px) { .featured-with-overlap-posts .sub-posts>ul>li:nth-child(3) { clear: none; } } .featured-with-overlap-posts .sub-posts article .post__thumb { -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.06); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.06); } /* ----------------------------------------------------------------- ## Featured Block B ----------------------------------------------------------------- */ .atbs-ceris-featured-block-b { padding-top: 40px; } .atbs-ceris-featured-block-b .atbs-ceris-block__background { bottom: 30px; } /* ----------------------------------------------------------------- ## Featured Block C ----------------------------------------------------------------- */ .atbs-ceris-featured-block-a { position: relative; overflow: hidden; } .atbs-ceris-featured-block-a article { position: relative; } @media (max-width: 767px) { .atbs-ceris-featured-block-a .main-post-wrap { position: relative; margin: -30px -15px 0; padding: 30px 15px; } } .atbs-ceris-featured-block-a .main-post { position: relative; padding: 30px 0; } @media (min-width: 768px) { .atbs-ceris-featured-block-a .main-post { margin: 40px auto; } } @media (min-width: 992px) { .atbs-ceris-featured-block-a .main-post { margin: 40px auto 60px; } } @media (min-width: 768px) { .atbs-ceris-featured-block-a .main-post:before { content: ''; position: absolute; top: 0; right: 20%; bottom: 0; left: 20%; border: 10px solid #FC3C2D; opacity: 0.6; } } @media (min-width: 1200px) { .atbs-ceris-featured-block-a .main-post:before { content: ''; position: absolute; top: 0; right: 30%; bottom: 0; left: 30%; border: 12px solid #FC3C2D; opacity: 0.6; } } .atbs-ceris-featured-block-a .main-post .video-post .atbs-ceris-post-type-icon { margin-top: 30px; } .atbs-ceris-featured-block-a .main-post .post__text { position: relative; margin: 0 auto; text-align: center; } .atbs-ceris-featured-block-a .main-post .post__excerpt { max-width: 600px; margin: 20px auto 0; font-weight: 300; color: rgba(255, 255, 255, 0.8); } @media (min-width: 768px) { .atbs-ceris-featured-block-a .main-post .post__excerpt { font-size: 16px; } } @media (max-width: 767px) { .atbs-ceris-featured-block-a .sub-posts-wrap { position: relative; margin: -30px -15px; padding: 15px; background: #12162d; } } /* ----------------------------------------------------------------- ## Featured with list ----------------------------------------------------------------- */ .atbs-ceris-featured-with-list__wrapper { position: relative; overflow: hidden; } .atbs-ceris-featured-with-list .main-post { overflow: hidden; } .atbs-ceris-featured-with-list .main-post .post__title { text-shadow: 0 0 50px rgba(0, 0, 0, 0.4); } .atbs-ceris-featured-with-list .main-post .post__meta, .atbs-ceris-featured-with-list .main-post .post__excerpt { text-shadow: 0 0 8px rgba(0, 0, 0, 0.2); } .atbs-ceris-featured-with-list .sub-posts { position: relative; overflow: hidden; } .atbs-ceris-featured-with-list .sub-posts__inner { width: 100%; /* IE fix */ max-width: 1440px; margin: 0 auto; } @media (min-width: 992px) { .atbs-ceris-featured-with-list--vertical-list .atbs-ceris-featured-with-list__inner { display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; } } .atbs-ceris-featured-with-list--vertical-list .sub-background, .atbs-ceris-featured-with-list--vertical-list .sub-background .background-img { position: absolute; top: 0; right: 0; bottom: 0; left: auto; } .atbs-ceris-featured-with-list--vertical-list .main-post { position: relative; padding: 50px 30px; } @media (min-width: 992px) { .atbs-ceris-featured-with-list--vertical-list .main-post { -webkit-box-flex: 1; box-flex: 1; -moz-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; box-align: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -ms-flex-align: center; position: static; min-height: 520px; padding: 80px 40px; } .atbs-ceris-featured-with-list--vertical-list .main-post:before { content: ''; position: absolute; top: 0; right: 52%; bottom: 0; left: 0; background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.7) 0, transparent 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.7)), to(transparent)); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.7) 0, transparent 100%); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.7) 0, transparent 100%); background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0, transparent 100%); } } .atbs-ceris-featured-with-list--vertical-list .atbs-ceris-featured-with-list__heading { max-width: 1440px; margin: auto; } .atbs-ceris-featured-with-list--vertical-list .block-heading { margin: 40px 40px 0 40px; } .atbs-ceris-featured-with-list--vertical-list .main-post .block-heading { margin: 0 0 80px 0; } .atbs-ceris-featured-with-list--vertical-list .main-post .post__text { z-index: 1; max-width: 680px; } .atbs-ceris-featured-with-list--vertical-list .sub-posts { padding: 20px; background-color: #12162d; } @media (min-width: 768px) { .atbs-ceris-featured-with-list--vertical-list .sub-posts { padding: 30px; } } @media (min-width: 992px) { .atbs-ceris-featured-with-list--vertical-list .sub-posts { display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; box-align: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -ms-flex-align: center; width: 40%; padding: 80px 40px; background: transparent; } } @media (min-width: 1200px) { .atbs-ceris-featured-with-list--vertical-list .sub-posts { width: 30%; } } @media (min-width: 992px) { .atbs-ceris-featured-with-list--vertical-list .sub-posts__inner { -webkit-box-flex: 1; box-flex: 1; -moz-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; } .atbs-ceris-featured-with-list--vertical-list .sub-posts__inner:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: -o-linear-gradient(right, rgba(0, 0, 0, 0.6) 0, transparent 100%); background: -webkit-gradient(linear, right top, left top, color-stop(0, rgba(0, 0, 0, 0.6)), to(transparent)); background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.6) 0, transparent 100%); background: -moz-linear-gradient(right, rgba(0, 0, 0, 0.6) 0, transparent 100%); background: linear-gradient(-90deg, rgba(0, 0, 0, 0.6) 0, transparent 100%); } } .atbs-ceris-featured-with-list--vertical-list .posts-list { list-style: none; margin: -20px 0; padding: 0; } .atbs-ceris-featured-with-list--vertical-list .posts-list>li { position: relative; padding: 20px 0; border-bottom-color: rgba(255, 255, 255, 0.1); } .atbs-ceris-featured-with-list--vertical-list .posts-list article { position: relative; } .atbs-ceris-featured-with-list--vertical-list .posts-list article:before { content: none; position: absolute; top: -20px; right: -20px; bottom: -20px; left: -20px; background: #fff; opacity: 0; -webkit-transform: scale(0.5, 1); -ms-transform: scale(0.5, 1); -moz-transform: scale(0.5, 1); -o-transform: scale(0.5, 1); transform: scale(0.5, 1); -webkit-transform-origin: center right; -ms-transform-origin: center right; -moz-transform-origin: center right; -o-transform-origin: center right; transform-origin: center right; -webkit-transition-property: all; -o-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } @media (min-width: 992px) { .atbs-ceris-featured-with-list--vertical-list .posts-list article:before { content: ''; } .atbs-ceris-featured-with-list--vertical-list .posts-list article:hover:before { opacity: 1; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .atbs-ceris-featured-with-list--vertical-list .posts-list article:hover .post__text .post__title, .atbs-ceris-featured-with-list--vertical-list .posts-list article:hover .post__text .post__title a { color: rgba(0, 0, 0, 0.8); text-shadow: none; } .atbs-ceris-featured-with-list--vertical-list .posts-list article:hover .post__text .post__meta, .atbs-ceris-featured-with-list--vertical-list .posts-list article:hover .post__text .post__meta a { color: rgba(0, 0, 0, 0.4); text-shadow: none; } } .atbs-ceris-featured-with-list--horizontal-list .main-post { display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; box-align: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -ms-flex-align: center; min-height: 360px; position: relative; } .atbs-ceris-featured-with-list--horizontal-list .main-post__inner{ padding-top: 40px !important; padding-bottom: 40px !important; } .atbs-ceris-featured-with-list--horizontal-list .main-post .post__cat{ margin-bottom: 18px; } .atbs-ceris-featured-with-list--horizontal-list .main-post .post__meta{ margin-top: 20px; } @media (max-width: 991px){ .atbs-ceris-featured-with-list--horizontal-list .main-post .post__excerpt{ display: none; } } @media (min-width: 768px) { .atbs-ceris-featured-with-list--horizontal-list .main-post { position: static; } } @media (min-width: 992px) { .atbs-ceris-featured-with-list--horizontal-list .main-post { min-height: 480px; } .atbs-ceris-featured-with-list--horizontal-list .main-post:before { content: ''; position: absolute; top: 0; right: 0; bottom: 160px; left: 0; background-color: transparent; background-image: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(black), color-stop(5.3%, rgba(0, 0, 0, 0.917)), color-stop(10.6%, rgba(0, 0, 0, 0.834)), color-stop(15.9%, rgba(0, 0, 0, 0.753)), color-stop(21.3%, rgba(0, 0, 0, 0.672)), color-stop(26.8%, rgba(0, 0, 0, 0.591)), color-stop(32.5%, rgba(0, 0, 0, 0.511)), color-stop(38.4%, rgba(0, 0, 0, 0.433)), color-stop(44.5%, rgba(0, 0, 0, 0.357)), color-stop(50.9%, rgba(0, 0, 0, 0.283)), color-stop(57.7%, rgba(0, 0, 0, 0.213)), color-stop(65%, rgba(0, 0, 0, 0.147)), color-stop(72.9%, rgba(0, 0, 0, 0.089)), color-stop(81.4%, rgba(0, 0, 0, 0.042)), color-stop(90.6%, rgba(0, 0, 0, 0.011)), to(transparent)); background-image: -webkit-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%); background-image: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%); background-image: linear-gradient(180deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%); opacity: 0.85; } } .atbs-ceris-featured-with-list--horizontal-list .main-post__inner { width: 100%; margin: 0 auto; padding: 30px 15px; } @media (min-width: 768px) { .atbs-ceris-featured-with-list--horizontal-list .main-post__inner { padding: 60px; } } @media (min-width: 992px) { .atbs-ceris-featured-with-list--horizontal-list .main-post__inner { padding: 60px 0; } } .atbs-ceris-featured-with-list--horizontal-list .main-post .block-heading { margin-bottom: 80px; } .atbs-ceris-featured-with-list--horizontal-list .sub-posts { padding: 20px; background-color: #333; } @media (min-width: 768px) { .atbs-ceris-featured-with-list--horizontal-list .sub-posts { padding: 50px 40px; background-color: transparent; } } @media (min-width: 992px) { .atbs-ceris-featured-with-list--horizontal-list .sub-posts__inner:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 0, transparent 100%); background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.7)), to(transparent)); background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 0, transparent 100%); background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 0, transparent 100%); background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, transparent 100%); background-color: transparent; background-image: -o-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%); background-image: -webkit-gradient(linear, left bottom, left top, from(black), color-stop(5.3%, rgba(0, 0, 0, 0.917)), color-stop(10.6%, rgba(0, 0, 0, 0.834)), color-stop(15.9%, rgba(0, 0, 0, 0.753)), color-stop(21.3%, rgba(0, 0, 0, 0.672)), color-stop(26.8%, rgba(0, 0, 0, 0.591)), color-stop(32.5%, rgba(0, 0, 0, 0.511)), color-stop(38.4%, rgba(0, 0, 0, 0.433)), color-stop(44.5%, rgba(0, 0, 0, 0.357)), color-stop(50.9%, rgba(0, 0, 0, 0.283)), color-stop(57.7%, rgba(0, 0, 0, 0.213)), color-stop(65%, rgba(0, 0, 0, 0.147)), color-stop(72.9%, rgba(0, 0, 0, 0.089)), color-stop(81.4%, rgba(0, 0, 0, 0.042)), color-stop(90.6%, rgba(0, 0, 0, 0.011)), to(transparent)); background-image: -webkit-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%); background-image: -moz-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%); background-image: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%); } } @media (min-width: 768px) { .atbs-ceris-featured-with-list--horizontal-list .posts-list { display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: end; box-align: end; -moz-align-items: flex-end; -ms-align-items: flex-end; -o-align-items: flex-end; -webkit-align-items: flex-end; -moz-box-align: end; align-items: flex-end; -ms-flex-align: end; margin-left: -20px; margin-right: -20px; } } .atbs-ceris-featured-with-list--horizontal-list .posts-list li { position: relative; border-bottom-color: rgba(255, 255, 255, 0.1); } @media (min-width: 768px) { .atbs-ceris-featured-with-list--horizontal-list .posts-list li { -webkit-box-flex: 1; box-flex: 1; -moz-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; margin-bottom: 0; padding: 0; border-bottom: none; } .atbs-ceris-featured-with-list--horizontal-list .posts-list li:not(:first-child) { border-left: 1px solid rgba(255, 255, 255, 0.1); } } @media (min-width: 768px) { .atbs-ceris-featured-with-list--horizontal-list .posts-list article { padding: 0 20px; } .atbs-ceris-featured-with-list--horizontal-list .posts-list article:before { content: ''; position: absolute; top: -15px; right: 0; bottom: -15px; left: 0; background: #fff; opacity: 0; -webkit-transform: scale(1, 0.5); -ms-transform: scale(1, 0.5); -moz-transform: scale(1, 0.5); -o-transform: scale(1, 0.5); transform: scale(1, 0.5); -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; -moz-transform-origin: center bottom; -o-transform-origin: center bottom; transform-origin: center bottom; -webkit-transition-property: all; -o-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } .atbs-ceris-featured-with-list--horizontal-list .posts-list article:hover:before { opacity: 1; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .atbs-ceris-featured-with-list--horizontal-list .posts-list article:hover .post__text .post__title, .atbs-ceris-featured-with-list--horizontal-list .posts-list article:hover .post__text .post__title a { color: rgba(0, 0, 0, 0.8); text-shadow: none; } .atbs-ceris-featured-with-list--horizontal-list .posts-list article:hover .post__text .post__meta, .atbs-ceris-featured-with-list--horizontal-list .posts-list article:hover .post__text .post__meta a { color: rgba(0, 0, 0, 0.4); text-shadow: none; } } @media (min-width: 768px) { .atbs-ceris-featured-with-list--horizontal-list .posts-list article .post__thumb { display: none; } } @media(max-width: 767px) and (min-width: 577px){ .atbs-ceris-featured-with-list--horizontal-list .sub-posts__inner ul.posts-list{ max-width: 510px; margin-left: auto; margin-right: auto; } } @media (min-width: 992px) { .atbs-ceris-featured-with-list--horizontal-list .posts-list article .post__thumb { display: block; } } @media (max-width: 991px){ .atbs-ceris-featured-with-list--horizontal-list .main-post__inner { width: 100%; margin: 0 auto; padding: 30px 60px; } } @media (max-width: 767px){ .atbs-ceris-featured-with-list .main-post .post__title{ font-size: 1.7857rem; /*font system*/ } } @media (max-width: 576px){ .atbs-ceris-featured-with-list .main-post .post__title{ font-size: 1.7142rem; /*font system*/ line-height: 1.5; } .atbs-ceris-featured-with-list--horizontal-list .main-post__inner { padding: 30px; } } @media (max-width: 480px){ .atbs-ceris-featured-with-list .main-post .post__title{ font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; font-weight: 600; } } /* ----------------------------------------------------------------- ## Horizontal List ----------------------------------------------------------------- */ .atbs-ceris-horizontal-list [class^="col-"]:not(:last-child) article { padding-bottom: 30px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } @media (min-width: 768px) { .atbs-ceris-horizontal-list [class^="col-"]:not(:last-child) article { padding-right: 15px; padding-bottom: 0; border-right: 1px solid rgba(0, 0, 0, 0.05); border-bottom: none; } } .atbs-ceris-horizontal-list .index { font-size: 40px; font-size: 2.8571rem; font-weight: 700; color: rgba(0, 0, 0, 0.4); } .atbs-ceris-horizontal-list.has-background { background: #fafafa; } /* ----------------------------------------------------------------- ## Posts Listing A ----------------------------------------------------------------- */ .atbs-ceris-posts-listing-a__cat-wrap { position: relative; } .atbs-ceris-posts-listing-a__cat-inner { padding: 20px; } @media (min-width: 768px) { .atbs-ceris-posts-listing-a__cat-inner { padding: 30px; } .atbs-ceris-posts-listing-a__cat-inner ul { min-height: 320px; } } .atbs-ceris-posts-listing-a .cat-title { margin-top: 0; margin-bottom: 20px; font-weight: 700; text-transform: uppercase; } /* ----------------------------------------------------------------- ## News Ticker ----------------------------------------------------------------- */ .atbs-ceris-news-ticker__inner { display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; box-align: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -ms-flex-align: center; background-color: #f5f5f5; border: 1px solid rgba(0, 0, 0, 0.05); padding: 0.5rem; } @media (min-width: 768px) { .atbs-ceris-news-ticker__inner { padding: 1rem; } } .atbs-ceris-news-ticker--fw .atbs-ceris-news-ticker__inner { padding-left: 0; padding-right: 0; border: none; } .atbs-ceris-news-ticker--fw { background-color: #f5f5f5; border: 1px solid rgba(0, 0, 0, 0.05); } .atbs-ceris-news-ticker__heading { -webkit-box-flex: 0; box-flex: 0; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; -moz-box-flex: 0; flex: 0 0 auto; margin-right: 20px; font-size: 1.2rem; font-weight: 700; text-transform: uppercase; letter-spacing: -0.08em; } .atbs-ceris-news-ticker__content { -webkit-box-flex: 1; box-flex: 1; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; -moz-box-flex: 1; flex: 1 1 auto; position: relative; overflow: hidden; } .atbs-ceris-news-ticker__content>ul { max-width: 100%; margin: 0; } .atbs-ceris-news-ticker__content>ul li { display: block; } .atbs-ceris-news-ticker__content:not(.initialized)>ul>li:not(:first-child) { display: none; } .atbs-ceris-news-ticker__content .post { padding: 5px 0; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .atbs-ceris-news-ticker__content .post__cat { display: inline; margin-right: 1em; } .atbs-ceris-news-ticker__content .post__title { display: inline; margin: 0; vertical-align: middle; } .atbs-ceris-news-ticker__control { margin-left: 10px; white-space: nowrap; } .atbs-ceris-news-ticker__next, .atbs-ceris-news-ticker__prev { width: 34px; height: 34px; padding: 0; border: none; line-height: 34px; text-align: center; } .atbs-ceris-news-ticker__next i, .atbs-ceris-news-ticker__prev i { font-size: 20px; } .atbs-ceris-news-ticker__prev { margin-right: 2px; } /* ----------------------------------------------------------------- ## Carousel Gallery Posts ----------------------------------------------------------------- */ .atbs-ceris-carousel-gallery-posts .atbs-ceris-carousel__inner { position: relative; } .atbs-ceris-carousel-gallery-posts__thumbs { position: relative; padding: 10px; background-color: #000; } .atbs-ceris-carousel-gallery-posts__thumbs:after { content: ''; height: 20px; position: absolute; top: -20px; right: 0; bottom: auto; left: 0; background-image: -o-linear-gradient(bottom, black 0%, transparent 100%); background-image: -webkit-gradient(linear, left bottom, left top, from(black), to(transparent)); background-image: -webkit-linear-gradient(bottom, black 0%, transparent 100%); background-image: -moz-linear-gradient(bottom, black 0%, transparent 100%); background-image: linear-gradient(0deg, black 0%, transparent 100%); } .atbs-ceris-carousel-gallery-posts__thumbs .slide-content { width: 70px; height: auto; margin: 0 5px; } @media (min-width: 768px) { .atbs-ceris-carousel-gallery-posts__thumbs .slide-content { width: 120px; } } /* ----------------------------------------------------------------- ## Video Box ----------------------------------------------------------------- */ .atbs-ceris-video-box__inner { background: #2B2D32; } @media (min-width: 992px) { .atbs-ceris-video-box__inner { display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; } } .atbs-ceris-video-box__player { padding: 20px 20px 0; } @media (min-width: 992px) { .atbs-ceris-video-box__player { width: 70%; } } .atbs-ceris-video-box--fullwidth-bg .atbs-ceris-video-box__player { padding: 0 20px 0 0; } .atbs-ceris-video-box__player .atbs-ceris-responsive-video { cursor: pointer; -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04); box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04); } .atbs-ceris-video-player__info { position: relative; padding: 20px; color: #fff; } .atbs-ceris-video-player__info a { color: #fff; } .atbs-ceris-video-player__info .post__meta { color: rgba(255, 255, 255, 0.6); } .atbs-ceris-video-player__play-icon { font-size: 80px; color: rgba(255, 255, 255, 0.8); } @media (min-width: 768px) { .atbs-ceris-video-player__play-icon { font-size: 120px; } } .atbs-ceris-video-box__playlist { height: 320px; position: relative; overflow: hidden; background: rgba(0, 0, 0, 0.3); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 13px 8px -6px rgba(0, 0, 0, 0.2), inset 0 -13px 8px -6px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 13px 8px -6px rgba(0, 0, 0, 0.2), inset 0 -13px 8px -6px rgba(0, 0, 0, 0.2); box-shadow: inset 0 13px 8px -6px rgba(0, 0, 0, 0.2), inset 0 -13px 8px -6px rgba(0, 0, 0, 0.2); } @media (min-width: 992px) { .atbs-ceris-video-box__playlist { height: auto; width: 30%; } } @media (min-width: 992px) { .atbs-ceris-video-box__playlist ul { position: absolute; top: 0; right: 0; bottom: auto; left: 0; } } .atbs-ceris-video-box__playlist li { cursor: pointer; padding: 10px 20px; } .atbs-ceris-video-box__playlist li:hover { background: rgba(0, 0, 0, 0.2); } .atbs-ceris-video-box__playlist li.is-playing { background: rgba(0, 0, 0, 0.5); } .atbs-ceris-video-box__playlist .post__thumb img { width: 100%; height: auto; } .atbs-ceris-video-box__playlist .is-playing .post__thumb:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.6); } .atbs-ceris-video-box__playlist .is-playing .post__thumb:after { font-size: 12px; color: rgba(255, 255, 255, 0.9); text-transform: uppercase; } .atbs-ceris-video-box__playlist .post__meta { margin-top: 0; } /*---- Videos box overlap ----*/ @media (min-width: 992px) { .atbs-ceris-video-box--overlap { padding-top: 30px; } } .atbs-ceris-video-box--overlap .atbs-ceris-video-player__info { padding: 20px; } .atbs-ceris-video-box--overlap .atbs-ceris-video-box__inner { background: #2B2D32; } @media (min-width: 992px) { .atbs-ceris-video-box--overlap .atbs-ceris-video-box__player { margin-top: -30px; padding-top: 0; padding-left: 30px; padding-right: 30px; } } .atbs-ceris-video-box--overlap .atbs-ceris-responsive-video { -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04); box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04); } .atbs-ceris-video-box--overlap .atbs-ceris-video-box__playlist { background: rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 13px 8px -6px rgba(0, 0, 0, 0.2), inset 0 -13px 8px -6px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 13px 8px -6px rgba(0, 0, 0, 0.2), inset 0 -13px 8px -6px rgba(0, 0, 0, 0.2); box-shadow: inset 0 13px 8px -6px rgba(0, 0, 0, 0.2), inset 0 -13px 8px -6px rgba(0, 0, 0, 0.2); } @media (min-width: 992px) { .atbs-ceris-video-box--overlap .atbs-ceris-video-box__playlist { -webkit-box-shadow: inset 0 13px 8px -6px rgba(0, 0, 0, 0.2), inset 0 -13px 8px -6px rgba(0, 0, 0, 0.2), inset 13px 0 10px -6px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 13px 8px -6px rgba(0, 0, 0, 0.2), inset 0 -13px 8px -6px rgba(0, 0, 0, 0.2), inset 13px 0 10px -6px rgba(0, 0, 0, 0.3); box-shadow: inset 0 13px 8px -6px rgba(0, 0, 0, 0.2), inset 0 -13px 8px -6px rgba(0, 0, 0, 0.2), inset 13px 0 10px -6px rgba(0, 0, 0, 0.3); } } /* ============================================================================= ## PAGES ============================================================================= */ /* ----------------------------------------------------------------- ## 404 ----------------------------------------------------------------- */ .page-404-logo { margin-bottom: 60px; } .page-404-image { margin-bottom: 60px; text-align: center; } .page-404-search { max-width: 450px; margin: auto; margin-top: 60px; } .page-404-text { font-size: 18px; } .page-404-search .search-form--inline .search-form__input { padding: 12px 30px; min-width: 0; } .page-404-search .btn { padding: 6px 20px; } /* ----------------------------------------------------------------- ## Archives ----------------------------------------------------------------- */ .page-heading { position: relative; } .atbs-ceris-block .page-heading { margin-bottom: 30px; } .page-heading__title { margin: 0; font-size: 1.4rem; font-weight: 700; text-transform: uppercase; } @media (min-width: 768px) { .page-heading__title { font-size: 2.5714rem; } } .page-heading__subtitle { margin-top: 8px; color: rgba(34, 34, 34, 0.6); font-size: 15px; line-height: 1.5; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; -webkit-order: 3; -moz-box-ordinal-group: 4; order: 3; width: 100%; } .page-heading__subtitle p { margin-bottom: 0; } .block-heading--lg .page-heading__subtitle { font-size: 16px; } .page-heading__subtitle p { max-width: 576px; width: 100%; } .block-heading.block-heading--center .page-heading__subtitle p, .block-heading.has-block-heading-line-around .page-heading__subtitle p { margin: auto; } .page-heading--inverse .page-heading__title { position: relative; color: #fff; } .page-heading--inverse .page-heading__subtitle { position: relative; color: rgba(255, 255, 255, 0.8); } .page-heading--center { text-align: center; } .block-heading--center .page-heading__subtitle, .page-heading--center .page-heading__title, .page-heading--center .page-heading__subtitle { margin-left: auto; margin-right: auto; } .page-heading--has-background { padding-top: 30px; padding-bottom: 30px; background-color: #f8f8f8; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } @media (min-width: 768px) { .page-heading--has-background { padding-top: 40px; padding-bottom: 40px; } } /* ----------------------------------------------------------------- ## Coming Soon ----------------------------------------------------------------- */ .page-coming-soon .site-wrapper { position: relative; } .page-coming-soon .page-content { display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; box-align: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -ms-flex-align: center; min-height: 100vh; position: relative; padding: 50px 0; } .page-coming-soon .site-logo { margin-bottom: 60px; text-align: center; } .page-coming-soon .social-list { font-size: 24px; } .page-coming-soon .atbs-ceris-countdown { margin: 60px auto; text-align: center; } .page-coming-soon .countdown__section { display: inline-block; min-width: 60px; margin: 0 10px; text-align: center; } @media (min-width: 768px) { .page-coming-soon .countdown__section { min-width: 80px; margin: 0 20px; } } @media (min-width: 992px) { .page-coming-soon .countdown__section { min-width: 100px; margin: 0 30px; } } /* ----------------------------------------------------------------- ## Single ----------------------------------------------------------------- */ .single-entry-section { margin-top: 40px; } @media (min-width: 1200px) { .single-entry-section { margin-top: 60px; } } .single-header-wrap { margin-bottom: 20px; } @media (min-width: 992px) { .single-header-wrap { margin-bottom: 30px; } } .single-header { margin: 30px 0; } .single-header:first-child { margin-top: 0; } .single-header__content { position: relative; } .single-header .entry-title { max-width: 970px; font-size: 2.027rem; font-weight: 700; line-height: 1.3; } @media (min-width: 768px) { .single-header .entry-title { font-size: 2.986rem; line-height: 1.2; } } @media (min-width: 992px) { .single-header .entry-title { font-size: 3.052rem; line-height: 1.2; } } @media (min-width: 992px) { .single-header .entry-title--lg { font-size: 3.815rem; line-height: 1.1; } } .single-header--center .entry-title { margin-left: auto; margin-right: auto; } .single-header>*:first-child, .single-header .post__header-inner>*:first-child, .single-content>*:first-child, .single-content .entry-content>*:first-child, .single-content .single-body--content >*:first-child { margin-top: 0; } .single-header>*:last-child, .single-header .post__header-inner>*:last-child { margin-bottom: 0; } .single-header .post__header-inner { max-width: 940px; } .entry-teaser { margin: 12px 0; font-size: 18px; line-height: 1.5; color: rgba(0, 0, 0, 0.45); } .inverse-text .entry-teaser { color: rgba(255, 255, 255, 0.8); } @media (min-width: 768px) { .entry-teaser--lg { font-size: 18px; } } .single-header .entry-teaser { max-width: 40em; } .single-header--center .entry-teaser { margin-left: auto; margin-right: auto; } .single-header--center { text-align: center; } .entry-interaction { margin: 15px 0; } .entry-interaction:first-child { margin-top: 0; } .entry-interaction:last-child { margin-bottom: 0; } .entry-interaction--border-top { padding-top: 10px; border-top: 1px solid rgba(0, 0, 0, 0.05); } .entry-interaction--horizontal { display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: flex-start; box-align: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; -o-align-items: flex-start; -webkit-align-items: flex-start; -moz-box-align: flex-start; align-items: flex-start; -ms-flex-align: flex-start; -webkit-box-pack: justify; box-pack: justify; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; -ms-flex-pack: justify; } .entry-interaction--horizontal>div { margin-top: 5px; margin-bottom: 5px; } .entry-interaction__left { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; padding-right: 30px; } .entry-interaction__left:not(:last-child) { margin-right: 15px; } .single-entry-thumb, .single-entry-featured-media { margin-bottom: 15px; } .single-entry-thumb img { -ms-flex-item-align: start; -ms-grid-row-align: start; -webkit-align-self: start; align-self: start; } .single-entry-thumb-caption { position: absolute; left: 0; right: 0; top: 0; padding: 15px 20px; color: #fff; font-size: 15px; line-height: 1.4; } .single-entry-thumb-caption span { position: relative; } .single-entry-thumb-caption a { display: inline-block; color: inherit !important; text-decoration: underline; } .single-entry-thumb-caption:before { content: ''; position: absolute; top: 0%; left: 0; right: 0; bottom: 0; background-image: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(black), color-stop(5.3%, rgba(0, 0, 0, 0.917)), color-stop(10.6%, rgba(0, 0, 0, 0.834)), color-stop(15.9%, rgba(0, 0, 0, 0.753)), color-stop(21.3%, rgba(0, 0, 0, 0.672)), color-stop(26.8%, rgba(0, 0, 0, 0.591)), color-stop(32.5%, rgba(0, 0, 0, 0.511)), color-stop(38.4%, rgba(0, 0, 0, 0.433)), color-stop(44.5%, rgba(0, 0, 0, 0.357)), color-stop(50.9%, rgba(0, 0, 0, 0.283)), color-stop(57.7%, rgba(0, 0, 0, 0.213)), color-stop(65%, rgba(0, 0, 0, 0.147)), color-stop(72.9%, rgba(0, 0, 0, 0.089)), color-stop(81.4%, rgba(0, 0, 0, 0.042)), color-stop(90.6%, rgba(0, 0, 0, 0.011)), to(transparent)); background-image: -webkit-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%); background-image: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%); background-image: linear-gradient(180deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%); opacity: 0.8; } @media (max-width: 767px) { .single-entry-thumb, .single-entry-featured-media { margin-left: -15px; margin-right: -15px; } } .single-entry-thumb:last-child, .single-entry-featured-media:last-child { margin-bottom: 0; } .page.post--single .single-entry-thumb { margin-bottom: 60px; } .single-entry-featured-media-wrap { margin-bottom: 20px; } @media (min-width: 992px) { .single-entry-featured-media-wrap { margin-bottom: 30px; } } .single-content::after, .entry-content::after { clear: both; content: ""; display: table; } /* * Post sharing *--------------------*/ .post-sharing>ul { display: inline-block; margin: -4px -2px; padding: 0; line-height: 0; list-style: none; vertical-align: middle; } .post-sharing>ul>li { display: inline-block; margin: 4px 2px; line-height: 0; } .post-sharing--simple .sharing-btn { display: inline-block; height: 30px; width: 30px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #fff; text-decoration: none; text-align: center; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); } @media (min-width: 768px) { .post-sharing--simple .sharing-btn { height: 34px; width: 34px; } } .post-sharing--simple .sharing-btn i { font-size: 12px; font-size: 0.8571rem; } @media (min-width: 768px) { .post-sharing--simple .sharing-btn i { font-size: 14px; font-size: 1rem; } } .post-sharing--simple .sharing-btn>* { line-height: 30px; } @media (min-width: 768px) { .post-sharing--simple .sharing-btn>* { line-height: 34px; } } @media (min-width: 768px) { .post-sharing--simple .sharing-btn-primary { width: auto; padding: 0 15px; } } .post-sharing--simple .sharing-btn-primary .sharing-btn__text { display: none; } @media (min-width: 768px) { .post-sharing--simple .sharing-btn-primary .sharing-btn__text { display: inline-block; margin-left: 0.4em; } } .entry-action-btn { color: inherit; text-decoration: none; display: inline-block; height: 30px; min-width: 60px; padding: 0 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #FC3C2D; color: #fff !important; font-size: 12px; text-align: center; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); } .entry-action-btn:hover, .entry-action-btn:active, .entry-action-btn:focus { color: inherit; text-decoration: none; } @media (min-width: 768px) { .entry-action-btn { height: 34px; min-width: 80px; padding: 0 14px; font-size: 14px; } } .entry-action-btn:not(:first-child) { margin-left: 5px; } .entry-action-btn i { margin-right: 0.4em; font-size: 1.2em; } .entry-action-btn span { vertical-align: middle; } .entry-action-btn>* { line-height: 30px; } @media (min-width: 768px) { .entry-action-btn>* { line-height: 34px; } } /*---- Single center ----*/ .post--single-center .single-header, .post--single-center .post__header-inner, .post--single-center .entry-teaser { margin-left: auto; margin-right: auto; text-align: center; } /*---- Single thumb top ----*/ @media (max-width: 767px) { .single-entry--template-2 .post--single.has-post-thumbnail .single-entry-thumb { margin-top: -20px; } } .single-entry--template-2-alt .single-billboard .background-img:after { background-color: transparent; background-image: -o-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%); background-image: -webkit-gradient(linear, left bottom, left top, from(black), color-stop(5.3%, rgba(0, 0, 0, 0.917)), color-stop(10.6%, rgba(0, 0, 0, 0.834)), color-stop(15.9%, rgba(0, 0, 0, 0.753)), color-stop(21.3%, rgba(0, 0, 0, 0.672)), color-stop(26.8%, rgba(0, 0, 0, 0.591)), color-stop(32.5%, rgba(0, 0, 0, 0.511)), color-stop(38.4%, rgba(0, 0, 0, 0.433)), color-stop(44.5%, rgba(0, 0, 0, 0.357)), color-stop(50.9%, rgba(0, 0, 0, 0.283)), color-stop(57.7%, rgba(0, 0, 0, 0.213)), color-stop(65%, rgba(0, 0, 0, 0.147)), color-stop(72.9%, rgba(0, 0, 0, 0.089)), color-stop(81.4%, rgba(0, 0, 0, 0.042)), color-stop(90.6%, rgba(0, 0, 0, 0.011)), to(transparent)); background-image: -webkit-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%); background-image: -moz-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%); background-image: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%); opacity: 1; } /*---- Single billboard ----*/ .single-billboard { min-height: 480px; position: relative; margin-bottom: 20px; overflow: hidden; } @media (min-width: 768px) { .single-billboard { min-height: 580px; } } @media (min-width: 992px) { .single-billboard { min-height: 640px; margin-bottom: 30px; } } .single-billboard--sm { min-height: 280px; } .single-billboard--md { min-height: 340px; } @media (min-width: 768px) { .single-billboard--sm { min-height: 380px; } .single-billboard--md { min-height: 480px; } } @media (min-width: 992px) { .single-billboard--sm { min-height: 480px; } .single-billboard--md { min-height: 580px; } } .single-billboard .single-billboard__outer { display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; position: relative; } .single-billboard .single-billboard__inner { display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: end; box-align: end; -moz-align-items: flex-end; -ms-align-items: flex-end; -o-align-items: flex-end; -webkit-align-items: flex-end; -moz-box-align: end; align-items: flex-end; -ms-flex-align: end; min-height: 480px; } @media (min-width: 768px) { .single-billboard .single-billboard__inner { min-height: 580px; } } @media (min-width: 992px) { .single-billboard .single-billboard__inner { min-height: 640px; } } .single-billboard .single-header { width: 100%; margin: 0; padding: 20px 0; } @media (min-width: 768px) { .single-billboard .single-header { padding: 30px 0; } } .single-entry--billboard-floorfade.single-entry--no-sidebar .atbs-ceris-block.single-billboard, .single .site-content .atbs-ceris-block.single-billboard, .single .site-content .atbs-ceris-block.single-billboard--video { margin-bottom: 60px; } @media (max-width: 991px) { .single-entry--billboard-floorfade.single-entry--no-sidebar .atbs-ceris-block.single-billboard, .single .site-content .atbs-ceris-block.single-billboard, .single .site-content .atbs-ceris-block.single-billboard--video { margin-bottom: 50px; } } @media (max-width: 767px) { .single-entry--billboard-floorfade.single-entry--no-sidebar .atbs-ceris-block.single-billboard, .single .site-content .atbs-ceris-block.single-billboard, .single .site-content .atbs-ceris-block.single-billboard--video { margin-bottom: 30px !important; } } .single-entry--billboard-floorfade .single-billboard .single-header { position: relative; padding-bottom: 45px; } .single-entry--billboard-floorfade .single-billboard .single-header .post__title{ font-size: 38px; font-size: 2.7142rem; /*font system*/ } .single-entry--billboard-floorfade .single-billboard .single-header:before { content: ''; position: absolute; top: -100%; right: 0; bottom: 0; left: 0; background-image: -o-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%); background-image: -webkit-gradient(linear, left bottom, left top, from(black), color-stop(5.3%, rgba(0, 0, 0, 0.917)), color-stop(10.6%, rgba(0, 0, 0, 0.834)), color-stop(15.9%, rgba(0, 0, 0, 0.753)), color-stop(21.3%, rgba(0, 0, 0, 0.672)), color-stop(26.8%, rgba(0, 0, 0, 0.591)), color-stop(32.5%, rgba(0, 0, 0, 0.511)), color-stop(38.4%, rgba(0, 0, 0, 0.433)), color-stop(44.5%, rgba(0, 0, 0, 0.357)), color-stop(50.9%, rgba(0, 0, 0, 0.283)), color-stop(57.7%, rgba(0, 0, 0, 0.213)), color-stop(65%, rgba(0, 0, 0, 0.147)), color-stop(72.9%, rgba(0, 0, 0, 0.089)), color-stop(81.4%, rgba(0, 0, 0, 0.042)), color-stop(90.6%, rgba(0, 0, 0, 0.011)), to(transparent)); background-image: -webkit-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%); background-image: -moz-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%); background-image: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%); -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } @media (max-width: 767px) { .single-entry--billboard-floorfade .single-billboard .single-header { padding-bottom: 40px; } } @media (max-width: 576px) { .single-entry--billboard-floorfade .single-billboard .single-header { padding-bottom: 30px; } } /*---- Single overlap thumb ----*/ .single-entry--template-4 .single-header--has-pattern { /* background-image: url("data:image/svg+xml,%3Csvg width='304' height='304' viewBox='0 0 304 304' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44.1 224c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h44.1zm160 48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H82v-2h122.1zm57.8-46c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm0 16c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm6.2-114c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2zm-256-48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h12.1zm185.8 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2zM258 12.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V0h2v12.1zm-64 208c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-54.2c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9v54.2zm48-198.2c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V82h64v-2h-62V21.9zm16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V66h48v-2h-46V37.9zm-128 96c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V210h16v10.1c-2.282.463-4 2.48-4 4.9 0 2.76 2.24 5 5 5s5-2.24 5-5c0-2.42-1.718-4.437-4-4.9V208h-16v-74.1zm-5.9-21.9c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H114v48H85.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H112v-48h12.1zm-6.2 130c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H176v-74.1c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V242h-60.1zm-16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H114v48h10.1c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H112v-48h-10.1zM66 284.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V274H50v30h-2v-32h18v12.1zM236.1 176c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H274v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V146h-10.1zm-64 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H208v-80h16v-14h-42.1c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H226v18h-16v80h-12.1zm86.2-210c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H272V0h2v32h10.1zM98 101.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V144H53.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H98v-44.1zM53.9 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80V0h2v34H53.9zm60.1 3.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V64H80v64H69.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H82V66h32V37.9zM101.9 82c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H128V37.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-28.1zm16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H146v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V18h-26.1zm102.2 270c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H98v14h-2v-16h124.1zM242 149.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V162h16v30h-16v66h48v46h2v-48h-48v-62h16v-34h-16v-10.1zM53.9 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64V2H48V0h18v18H53.9zm112 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H192V0h50v2h-48v48h-28.1zm-48-48c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5 0-.342.034-.677.1-1h2.07c-.11.313-.17.65-.17 1 0 1.657 1.343 3 3 3s3-1.343 3-3c0-.35-.06-.687-.17-1H178v34h-18V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V32h14V2h-58.1zm0 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H137l32-32h39V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V66h-40.172l-32 32H117.9zm28.1 90.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-76.513L175.586 80H224V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-49.586L146 112.414V188.1zm16 32c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-99.513L184.586 96H300.1c.398-1.96 1.94-3.502 3.9-3.9v2.07c-1.165.413-2 1.524-2 2.83s.835 2.417 2 2.83v2.07c-1.96-.398-3.502-1.94-3.9-3.9H185.414L162 121.414V220.1zm-144-64c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-3.513l48-48V48h32V0h2v50H66v55.413l-48 48v2.687zM50 53.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v42.686l-48 48V210h28.1c.463 2.282 2.48 4 4.9 4 2.76 0 5-2.24 5-5s-2.24-5-5-5c-2.42 0-4.437 1.718-4.9 4H2v-62.586l48-48V53.9zm-16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v18.686l-32 32v2.828l34-34V69.9zM12.1 32c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H9.414L0 43.414v-2.828L8.586 32H12.1zm265.8 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h18.686L304 40.586v2.828L297.414 50H277.9zm-16 160c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H288V136.587l16-16v2.827l-14 14V210h-28.1zm-208 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64v-22.586L40.586 194H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.513L66 216.586V242H53.9zm150.2 14c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H96v-56.598L56.598 162H37.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.502L98 200.598V256h106.1zm-150.2 2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80v-46.586L48.586 178H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h27.513L82 208.586V258H53.9zM97 100c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-48 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 96c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-144c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM49 36c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM33 68c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 240c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm80-176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm112 176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 180c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 84c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 39.793V0h-2v40.586L8.586 64H0v2h9.413L34 41.414v-1.62zM2 300.1V258h14v46h2v-48H0V302.17c.313-.11.65-.17 1-.17 1.306 0 2.417.835 2.83 2H5.9c-.398-1.96-1.94-3.502-3.9-3.9zM34 241v63h-2v-62H0v-2h34v1zM17 18h1V0h-2v16H0v2h17zm273-2V0h-2v18h16v-2h-14zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1c.323-.066.658-.1 1-.1 2.76 0 5 2.24 5 5s-2.24 5-5 5c-.342 0-.677-.034-1-.1v-2.07c.313.11.65.17 1 .17 1.657 0 3-1.343 3-3s-1.343-3-3-3c-.35 0-.687.06-1 .17V92.1zM80 272h2v32h-2v-32zm37.9 32c-.463-2.282-2.48-4-4.9-4-2.42 0-4.437 1.718-4.9 4h2.07c.413-1.165 1.524-2 2.83-2s2.417.835 2.83 2h2.07zM5.9 0c.066.323.1.658.1 1 0 2.76-2.24 5-5 5-.342 0-.677-.034-1-.1V3.83C.313 3.94.65 4 1 4c1.657 0 3-1.343 3-3 0-.35-.06-.687-.17-1H5.9zm294.2 0c-.066.323-.1.658-.1 1 0 2.42 1.718 4.437 4 4.9V3.83c-1.165-.413-2-1.524-2-2.83 0-.35.06-.687.17-1h-2.07zm3.9 300.1c-1.96.398-3.502 1.94-3.9 3.9h2.07c.302-.852.978-1.528 1.83-1.83v-2.07z' fill='%23ffffff' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E") */} .single-entry--template-4 .single-header-with-bg, .single-entry--template-4-alt .single-header-with-bg { margin-bottom: 20px; padding-top: 50px; background-color: #fafafa; } @media (min-width: 768px) { .single-entry--template-4 .single-header-with-bg, .single-entry--template-4-alt .single-header-with-bg { padding-top: 60px; } } @media (min-width: 992px) { .single-entry--template-4 .single-header-with-bg, .single-entry--template-4-alt .single-header-with-bg { margin-bottom: 30px; } } .single-entry--template-4-alt .single-header--has-pattern { /* background-image: url("data:image/svg+xml,%3Csvg width='304' height='304' viewBox='0 0 304 304' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44.1 224c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h44.1zm160 48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H82v-2h122.1zm57.8-46c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm0 16c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm6.2-114c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2zm-256-48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h12.1zm185.8 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2zM258 12.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V0h2v12.1zm-64 208c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-54.2c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9v54.2zm48-198.2c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V82h64v-2h-62V21.9zm16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V66h48v-2h-46V37.9zm-128 96c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V210h16v10.1c-2.282.463-4 2.48-4 4.9 0 2.76 2.24 5 5 5s5-2.24 5-5c0-2.42-1.718-4.437-4-4.9V208h-16v-74.1zm-5.9-21.9c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H114v48H85.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H112v-48h12.1zm-6.2 130c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H176v-74.1c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V242h-60.1zm-16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H114v48h10.1c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H112v-48h-10.1zM66 284.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V274H50v30h-2v-32h18v12.1zM236.1 176c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H274v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V146h-10.1zm-64 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H208v-80h16v-14h-42.1c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H226v18h-16v80h-12.1zm86.2-210c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H272V0h2v32h10.1zM98 101.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V144H53.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H98v-44.1zM53.9 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80V0h2v34H53.9zm60.1 3.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V64H80v64H69.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H82V66h32V37.9zM101.9 82c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H128V37.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-28.1zm16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H146v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V18h-26.1zm102.2 270c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H98v14h-2v-16h124.1zM242 149.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V162h16v30h-16v66h48v46h2v-48h-48v-62h16v-34h-16v-10.1zM53.9 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64V2H48V0h18v18H53.9zm112 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H192V0h50v2h-48v48h-28.1zm-48-48c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5 0-.342.034-.677.1-1h2.07c-.11.313-.17.65-.17 1 0 1.657 1.343 3 3 3s3-1.343 3-3c0-.35-.06-.687-.17-1H178v34h-18V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V32h14V2h-58.1zm0 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H137l32-32h39V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V66h-40.172l-32 32H117.9zm28.1 90.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-76.513L175.586 80H224V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-49.586L146 112.414V188.1zm16 32c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-99.513L184.586 96H300.1c.398-1.96 1.94-3.502 3.9-3.9v2.07c-1.165.413-2 1.524-2 2.83s.835 2.417 2 2.83v2.07c-1.96-.398-3.502-1.94-3.9-3.9H185.414L162 121.414V220.1zm-144-64c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-3.513l48-48V48h32V0h2v50H66v55.413l-48 48v2.687zM50 53.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v42.686l-48 48V210h28.1c.463 2.282 2.48 4 4.9 4 2.76 0 5-2.24 5-5s-2.24-5-5-5c-2.42 0-4.437 1.718-4.9 4H2v-62.586l48-48V53.9zm-16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v18.686l-32 32v2.828l34-34V69.9zM12.1 32c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H9.414L0 43.414v-2.828L8.586 32H12.1zm265.8 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h18.686L304 40.586v2.828L297.414 50H277.9zm-16 160c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H288V136.587l16-16v2.827l-14 14V210h-28.1zm-208 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64v-22.586L40.586 194H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.513L66 216.586V242H53.9zm150.2 14c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H96v-56.598L56.598 162H37.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.502L98 200.598V256h106.1zm-150.2 2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80v-46.586L48.586 178H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h27.513L82 208.586V258H53.9zM97 100c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-48 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 96c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-144c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM49 36c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM33 68c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 240c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm80-176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm112 176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 180c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 84c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 39.793V0h-2v40.586L8.586 64H0v2h9.413L34 41.414v-1.62zM2 300.1V258h14v46h2v-48H0V302.17c.313-.11.65-.17 1-.17 1.306 0 2.417.835 2.83 2H5.9c-.398-1.96-1.94-3.502-3.9-3.9zM34 241v63h-2v-62H0v-2h34v1zM17 18h1V0h-2v16H0v2h17zm273-2V0h-2v18h16v-2h-14zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1c.323-.066.658-.1 1-.1 2.76 0 5 2.24 5 5s-2.24 5-5 5c-.342 0-.677-.034-1-.1v-2.07c.313.11.65.17 1 .17 1.657 0 3-1.343 3-3s-1.343-3-3-3c-.35 0-.687.06-1 .17V92.1zM80 272h2v32h-2v-32zm37.9 32c-.463-2.282-2.48-4-4.9-4-2.42 0-4.437 1.718-4.9 4h2.07c.413-1.165 1.524-2 2.83-2s2.417.835 2.83 2h2.07zM5.9 0c.066.323.1.658.1 1 0 2.76-2.24 5-5 5-.342 0-.677-.034-1-.1V3.83C.313 3.94.65 4 1 4c1.657 0 3-1.343 3-3 0-.35-.06-.687-.17-1H5.9zm294.2 0c-.066.323-.1.658-.1 1 0 2.42 1.718 4.437 4 4.9V3.83c-1.165-.413-2-1.524-2-2.83 0-.35.06-.687.17-1h-2.07zm3.9 300.1c-1.96.398-3.502 1.94-3.9 3.9h2.07c.302-.852.978-1.528 1.83-1.83v-2.07z' fill='%23000000' fill-opacity='0.025' fill-rule='evenodd'/%3E%3C/svg%3E"); */} .single-entry--template-4-alt .single-header-with-bg { -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05) inset; -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05) inset; box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05) inset; background-color: #fafafa; } .single-entry--template-4 .single-header, .single-entry--template-4-alt .single-header { position: relative; margin-bottom: 70px; } @media (min-width: 992px) { .single-entry--template-4 .single-header, .single-entry--template-4-alt .single-header { margin-bottom: 70px; } } .single-entry--template-4.has-no-thumb .single-header, .single-entry--template-4-alt.has-no-thumb .single-header { margin-bottom: 20px; } @media (min-width: 768px) { .single-entry--template-4.has-no-thumb .single-header, .single-entry--template-4-alt.has-no-thumb .single-header { margin-bottom: 40px; } } .single-entry--template-4 .single-entry-thumb, .single-entry--template-4 .single-entry-featured-media, .single-entry--template-4-alt .single-entry-thumb, .single-entry--template-4-alt .single-entry-featured-media { position: relative; margin-top: -100px; margin-left: 0; margin-right: 0; } @media (min-width: 992px) { .single-entry--template-4 .single-entry-thumb, .single-entry--template-4 .single-entry-featured-media, .single-entry--template-4-alt .single-entry-thumb, .single-entry--template-4-alt .single-entry-featured-media { margin-top: -110px; } } @media (max-width: 767px) { .single-entry--template-4 .single-header, .single-entry--template-4-alt .single-header { position: relative; margin-bottom: 40px; } } .single-entry--template-4.single-entry--no-sidebar .single-entry-thumb, .single-entry--template-4.single-entry--no-sidebar .single-entry-featured-media, .single-entry--template-4-alt.single-entry--no-sidebar .single-entry-thumb, .single-entry--template-4-alt.single-entry--no-sidebar .single-entry-featured-media { margin-bottom: 40px; } @media (max-width: 576px) { .single-entry--template-4-alt .single-entry-thumb, .single-entry--template-4-alt .single-entry-featured-media { margin-top: -70px; } } /*---- Single cover blur ----*/ .single-entry--billboard-blur.single-entry--no-sidebar .single-billboard { margin-bottom: 60px; } .single-entry--billboard-blur .single-header { padding-bottom: 0; } .single-entry--billboard-blur .single-header__inner { position: relative; padding: 30px; background: rgba(0, 0, 0, 0.5); overflow: hidden; } @media (min-width: 768px) { .single-entry--billboard-blur .single-header__inner { padding: 30px 40px; } } .single-entry--billboard-blur .single-billboard .background-img { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); /* fix chrome blur edge */ } /*---- Single billboard overlap thumb ----*/ .single-entry--billboard-overlap-title-aside .single-billboard { background-color: #12162d; background-image: url("data:image/svg+xml,%3Csvg width='304' height='304' viewBox='0 0 304 304' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44.1 224c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h44.1zm160 48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H82v-2h122.1zm57.8-46c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm0 16c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm6.2-114c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2zm-256-48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h12.1zm185.8 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2zM258 12.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V0h2v12.1zm-64 208c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-54.2c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9v54.2zm48-198.2c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V82h64v-2h-62V21.9zm16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V66h48v-2h-46V37.9zm-128 96c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V210h16v10.1c-2.282.463-4 2.48-4 4.9 0 2.76 2.24 5 5 5s5-2.24 5-5c0-2.42-1.718-4.437-4-4.9V208h-16v-74.1zm-5.9-21.9c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H114v48H85.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H112v-48h12.1zm-6.2 130c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H176v-74.1c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V242h-60.1zm-16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H114v48h10.1c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H112v-48h-10.1zM66 284.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V274H50v30h-2v-32h18v12.1zM236.1 176c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H274v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V146h-10.1zm-64 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H208v-80h16v-14h-42.1c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H226v18h-16v80h-12.1zm86.2-210c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H272V0h2v32h10.1zM98 101.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V144H53.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H98v-44.1zM53.9 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80V0h2v34H53.9zm60.1 3.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V64H80v64H69.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H82V66h32V37.9zM101.9 82c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H128V37.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-28.1zm16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H146v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V18h-26.1zm102.2 270c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H98v14h-2v-16h124.1zM242 149.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V162h16v30h-16v66h48v46h2v-48h-48v-62h16v-34h-16v-10.1zM53.9 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64V2H48V0h18v18H53.9zm112 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H192V0h50v2h-48v48h-28.1zm-48-48c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5 0-.342.034-.677.1-1h2.07c-.11.313-.17.65-.17 1 0 1.657 1.343 3 3 3s3-1.343 3-3c0-.35-.06-.687-.17-1H178v34h-18V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V32h14V2h-58.1zm0 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H137l32-32h39V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V66h-40.172l-32 32H117.9zm28.1 90.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-76.513L175.586 80H224V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-49.586L146 112.414V188.1zm16 32c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-99.513L184.586 96H300.1c.398-1.96 1.94-3.502 3.9-3.9v2.07c-1.165.413-2 1.524-2 2.83s.835 2.417 2 2.83v2.07c-1.96-.398-3.502-1.94-3.9-3.9H185.414L162 121.414V220.1zm-144-64c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-3.513l48-48V48h32V0h2v50H66v55.413l-48 48v2.687zM50 53.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v42.686l-48 48V210h28.1c.463 2.282 2.48 4 4.9 4 2.76 0 5-2.24 5-5s-2.24-5-5-5c-2.42 0-4.437 1.718-4.9 4H2v-62.586l48-48V53.9zm-16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v18.686l-32 32v2.828l34-34V69.9zM12.1 32c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H9.414L0 43.414v-2.828L8.586 32H12.1zm265.8 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h18.686L304 40.586v2.828L297.414 50H277.9zm-16 160c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H288V136.587l16-16v2.827l-14 14V210h-28.1zm-208 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64v-22.586L40.586 194H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.513L66 216.586V242H53.9zm150.2 14c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H96v-56.598L56.598 162H37.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.502L98 200.598V256h106.1zm-150.2 2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80v-46.586L48.586 178H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h27.513L82 208.586V258H53.9zM97 100c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-48 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 96c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-144c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM49 36c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM33 68c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 240c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm80-176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm112 176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 180c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 84c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 39.793V0h-2v40.586L8.586 64H0v2h9.413L34 41.414v-1.62zM2 300.1V258h14v46h2v-48H0V302.17c.313-.11.65-.17 1-.17 1.306 0 2.417.835 2.83 2H5.9c-.398-1.96-1.94-3.502-3.9-3.9zM34 241v63h-2v-62H0v-2h34v1zM17 18h1V0h-2v16H0v2h17zm273-2V0h-2v18h16v-2h-14zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1c.323-.066.658-.1 1-.1 2.76 0 5 2.24 5 5s-2.24 5-5 5c-.342 0-.677-.034-1-.1v-2.07c.313.11.65.17 1 .17 1.657 0 3-1.343 3-3s-1.343-3-3-3c-.35 0-.687.06-1 .17V92.1zM80 272h2v32h-2v-32zm37.9 32c-.463-2.282-2.48-4-4.9-4-2.42 0-4.437 1.718-4.9 4h2.07c.413-1.165 1.524-2 2.83-2s2.417.835 2.83 2h2.07zM5.9 0c.066.323.1.658.1 1 0 2.76-2.24 5-5 5-.342 0-.677-.034-1-.1V3.83C.313 3.94.65 4 1 4c1.657 0 3-1.343 3-3 0-.35-.06-.687-.17-1H5.9zm294.2 0c-.066.323-.1.658-.1 1 0 2.42 1.718 4.437 4 4.9V3.83c-1.165-.413-2-1.524-2-2.83 0-.35.06-.687.17-1h-2.07zm3.9 300.1c-1.96.398-3.502 1.94-3.9 3.9h2.07c.302-.852.978-1.528 1.83-1.83v-2.07z' fill='%23ffffff' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E"); } .single-entry--billboard-overlap-title-aside.single-entry--no-sidebar .single-billboard { margin-bottom: 10px; } .single-entry--billboard-overlap-title-aside .single-billboard__inner { -webkit-box-align: center; box-align: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -ms-flex-align: center; min-height: 300px; } @media (min-width: 768px) { .single-entry--billboard-overlap-title-aside .single-billboard__inner { min-height: 420px; } } @media (min-width: 992px) { .single-entry--billboard-overlap-title-aside .single-billboard__inner { min-height: 520px; } } @media (min-width: 768px) { .single-entry--billboard-overlap-title-aside .single-billboard .background-img { left: 40%; } } @media (min-width: 768px) { .single-entry--billboard-overlap-title-aside .single-header__inner { max-width: 70%; } } @media (min-width: 992px) { .single-entry--billboard-overlap-title-aside .single-header__inner { max-width: 50%; } } .single-entry--billboard-overlap-title-aside .single-header .entry-title, .single-entry--billboard-overlap-title-aside .single-header .entry-teaser { text-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } @media (min-width: 768px) { .single-entry--billboard-overlap-title-aside .single-header .entry-teaser, .single-entry--billboard-overlap-title-aside .single-header .entry-meta { max-width: 70%; } } /*---- Single cover gradient ----*/ .post--single-cover-gradient .single-header { background-image: -o-linear-gradient(bottom, #fc3c2d 0%, rgba(252, 60, 45, 0.7) 50%, rgba(252, 60, 45, 0) 100%); background-image: -webkit-gradient(linear, left bottom, left top, from(#fc3c2d), color-stop(50%, rgba(252, 60, 45, 0.7)), to(rgba(252, 60, 45, 0))); background-image: -webkit-linear-gradient(bottom, #fc3c2d 0%, rgba(252, 60, 45, 0.7) 50%, rgba(252, 60, 45, 0) 100%); background-image: -moz-linear-gradient(bottom, #fc3c2d 0%, rgba(252, 60, 45, 0.7) 50%, rgba(252, 60, 45, 0) 100%); background-image: linear-gradient(to top, #fc3c2d 0%, rgba(252, 60, 45, 0.7) 50%, rgba(252, 60, 45, 0) 100%); } /*---- Single cover small ----*/ .post--single-cover-small .post--single__cover--small { margin-left: -15px; margin-right: -15px; margin-bottom: 0; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); } @media (min-width: 768px) { .post--single-cover-small .post--single__cover--small { margin-left: 0; margin-right: 0; } } .post--single-cover-small .post__header-inner { padding: 30px; } @media (min-width: 1200px) { .post--single-cover-small .post__header-inner { padding: 30px 40px; } } /*---- Single overlap title ----*/ .single-entry--billboard-overlap-title .single-billboard { height: 320px; } @media (min-width: 992px) { .single-entry--billboard-overlap-title .single-billboard { height: 420px; } } .single-entry--billboard-overlap-title .has-post-thumbnail { position: relative; background: #fff; } .single-entry--billboard-overlap-title .single-header:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 120px; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); } @media (min-width: 768px) { .single-entry--billboard-overlap-title .single-header:before { height: 150px; } } .single-entry--billboard-overlap-title .single-header--has-background { margin-bottom: 10px; } .single-entry--billboard-overlap-title .has-post-thumbnail { margin-top: -80px; } @media (min-width: 576px) { .single-entry--billboard-overlap-title .has-post-thumbnail { -webkit-border-top-right-radius: 8px; -moz-border-radius-topright: 8px; border-top-right-radius: 8px; -webkit-border-top-left-radius: 8px; -moz-border-radius-topleft: 8px; border-top-left-radius: 8px; } } @media (min-width: 768px) { .single-entry--billboard-overlap-title .has-post-thumbnail { margin-top: -210px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topright: 8px; border-top-right-radius: 8px; -webkit-border-top-left-radius: 8px; -moz-border-radius-topleft: 8px; border-top-left-radius: 8px; } } .single-entry--billboard-overlap-title .single-header__inner { position: relative; padding: 20px 20px 0; background: #fff; } @media (min-width: 768px) { .single-entry--billboard-overlap-title .single-header__inner { padding: 20px 40px 0; } } .single-entry--billboard-overlap-title .single-header--has-background .single-header__inner { padding-bottom: 20px; } .single-entry--billboard-overlap-title .single-header--fullwidth { margin-bottom: 40px; } .single-entry--billboard-overlap-title .single-header--svg-bg.single-header--has-background { background-color: #12162d; } .single-entry--billboard-overlap-title .single-header--svg-bg.single-header--has-pattern { background-image: url("data:image/svg+xml,%3Csvg width='304' height='304' viewBox='0 0 304 304' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44.1 224c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h44.1zm160 48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H82v-2h122.1zm57.8-46c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm0 16c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm6.2-114c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2zm-256-48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h12.1zm185.8 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2zM258 12.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V0h2v12.1zm-64 208c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-54.2c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9v54.2zm48-198.2c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V82h64v-2h-62V21.9zm16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V66h48v-2h-46V37.9zm-128 96c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V210h16v10.1c-2.282.463-4 2.48-4 4.9 0 2.76 2.24 5 5 5s5-2.24 5-5c0-2.42-1.718-4.437-4-4.9V208h-16v-74.1zm-5.9-21.9c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H114v48H85.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H112v-48h12.1zm-6.2 130c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H176v-74.1c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V242h-60.1zm-16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H114v48h10.1c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H112v-48h-10.1zM66 284.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V274H50v30h-2v-32h18v12.1zM236.1 176c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H274v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V146h-10.1zm-64 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H208v-80h16v-14h-42.1c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H226v18h-16v80h-12.1zm86.2-210c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H272V0h2v32h10.1zM98 101.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V144H53.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H98v-44.1zM53.9 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80V0h2v34H53.9zm60.1 3.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V64H80v64H69.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H82V66h32V37.9zM101.9 82c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H128V37.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-28.1zm16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H146v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V18h-26.1zm102.2 270c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H98v14h-2v-16h124.1zM242 149.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V162h16v30h-16v66h48v46h2v-48h-48v-62h16v-34h-16v-10.1zM53.9 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64V2H48V0h18v18H53.9zm112 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H192V0h50v2h-48v48h-28.1zm-48-48c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5 0-.342.034-.677.1-1h2.07c-.11.313-.17.65-.17 1 0 1.657 1.343 3 3 3s3-1.343 3-3c0-.35-.06-.687-.17-1H178v34h-18V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V32h14V2h-58.1zm0 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H137l32-32h39V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V66h-40.172l-32 32H117.9zm28.1 90.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-76.513L175.586 80H224V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-49.586L146 112.414V188.1zm16 32c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-99.513L184.586 96H300.1c.398-1.96 1.94-3.502 3.9-3.9v2.07c-1.165.413-2 1.524-2 2.83s.835 2.417 2 2.83v2.07c-1.96-.398-3.502-1.94-3.9-3.9H185.414L162 121.414V220.1zm-144-64c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-3.513l48-48V48h32V0h2v50H66v55.413l-48 48v2.687zM50 53.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v42.686l-48 48V210h28.1c.463 2.282 2.48 4 4.9 4 2.76 0 5-2.24 5-5s-2.24-5-5-5c-2.42 0-4.437 1.718-4.9 4H2v-62.586l48-48V53.9zm-16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v18.686l-32 32v2.828l34-34V69.9zM12.1 32c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H9.414L0 43.414v-2.828L8.586 32H12.1zm265.8 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h18.686L304 40.586v2.828L297.414 50H277.9zm-16 160c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H288V136.587l16-16v2.827l-14 14V210h-28.1zm-208 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64v-22.586L40.586 194H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.513L66 216.586V242H53.9zm150.2 14c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H96v-56.598L56.598 162H37.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.502L98 200.598V256h106.1zm-150.2 2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80v-46.586L48.586 178H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h27.513L82 208.586V258H53.9zM97 100c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-48 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 96c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-144c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM49 36c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM33 68c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 240c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm80-176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm112 176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 180c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 84c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 39.793V0h-2v40.586L8.586 64H0v2h9.413L34 41.414v-1.62zM2 300.1V258h14v46h2v-48H0V302.17c.313-.11.65-.17 1-.17 1.306 0 2.417.835 2.83 2H5.9c-.398-1.96-1.94-3.502-3.9-3.9zM34 241v63h-2v-62H0v-2h34v1zM17 18h1V0h-2v16H0v2h17zm273-2V0h-2v18h16v-2h-14zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1c.323-.066.658-.1 1-.1 2.76 0 5 2.24 5 5s-2.24 5-5 5c-.342 0-.677-.034-1-.1v-2.07c.313.11.65.17 1 .17 1.657 0 3-1.343 3-3s-1.343-3-3-3c-.35 0-.687.06-1 .17V92.1zM80 272h2v32h-2v-32zm37.9 32c-.463-2.282-2.48-4-4.9-4-2.42 0-4.437 1.718-4.9 4h2.07c.413-1.165 1.524-2 2.83-2s2.417.835 2.83 2h2.07zM5.9 0c.066.323.1.658.1 1 0 2.76-2.24 5-5 5-.342 0-.677-.034-1-.1V3.83C.313 3.94.65 4 1 4c1.657 0 3-1.343 3-3 0-.35-.06-.687-.17-1H5.9zm294.2 0c-.066.323-.1.658-.1 1 0 2.42 1.718 4.437 4 4.9V3.83c-1.165-.413-2-1.524-2-2.83 0-.35.06-.687.17-1h-2.07zm3.9 300.1c-1.96.398-3.502 1.94-3.9 3.9h2.07c.302-.852.978-1.528 1.83-1.83v-2.07z' fill='%23ffffff' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E"); } .single-entry--billboard-overlap-title .single-header--svg-bg:before { content: none; } .single-entry--billboard-overlap-title.billboard-overlap-alt .single-header--svg-bg.single-header--has-pattern { background-image: url("data:image/svg+xml,%3Csvg width='304' height='304' viewBox='0 0 304 304' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44.1 224c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h44.1zm160 48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H82v-2h122.1zm57.8-46c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm0 16c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm6.2-114c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2zm-256-48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h12.1zm185.8 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2zM258 12.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V0h2v12.1zm-64 208c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-54.2c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9v54.2zm48-198.2c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V82h64v-2h-62V21.9zm16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V66h48v-2h-46V37.9zm-128 96c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V210h16v10.1c-2.282.463-4 2.48-4 4.9 0 2.76 2.24 5 5 5s5-2.24 5-5c0-2.42-1.718-4.437-4-4.9V208h-16v-74.1zm-5.9-21.9c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H114v48H85.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H112v-48h12.1zm-6.2 130c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H176v-74.1c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V242h-60.1zm-16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H114v48h10.1c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H112v-48h-10.1zM66 284.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V274H50v30h-2v-32h18v12.1zM236.1 176c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H274v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V146h-10.1zm-64 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H208v-80h16v-14h-42.1c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H226v18h-16v80h-12.1zm86.2-210c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H272V0h2v32h10.1zM98 101.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V144H53.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H98v-44.1zM53.9 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80V0h2v34H53.9zm60.1 3.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V64H80v64H69.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H82V66h32V37.9zM101.9 82c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H128V37.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-28.1zm16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H146v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V18h-26.1zm102.2 270c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H98v14h-2v-16h124.1zM242 149.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V162h16v30h-16v66h48v46h2v-48h-48v-62h16v-34h-16v-10.1zM53.9 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64V2H48V0h18v18H53.9zm112 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H192V0h50v2h-48v48h-28.1zm-48-48c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5 0-.342.034-.677.1-1h2.07c-.11.313-.17.65-.17 1 0 1.657 1.343 3 3 3s3-1.343 3-3c0-.35-.06-.687-.17-1H178v34h-18V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V32h14V2h-58.1zm0 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H137l32-32h39V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V66h-40.172l-32 32H117.9zm28.1 90.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-76.513L175.586 80H224V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-49.586L146 112.414V188.1zm16 32c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-99.513L184.586 96H300.1c.398-1.96 1.94-3.502 3.9-3.9v2.07c-1.165.413-2 1.524-2 2.83s.835 2.417 2 2.83v2.07c-1.96-.398-3.502-1.94-3.9-3.9H185.414L162 121.414V220.1zm-144-64c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-3.513l48-48V48h32V0h2v50H66v55.413l-48 48v2.687zM50 53.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v42.686l-48 48V210h28.1c.463 2.282 2.48 4 4.9 4 2.76 0 5-2.24 5-5s-2.24-5-5-5c-2.42 0-4.437 1.718-4.9 4H2v-62.586l48-48V53.9zm-16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v18.686l-32 32v2.828l34-34V69.9zM12.1 32c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H9.414L0 43.414v-2.828L8.586 32H12.1zm265.8 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h18.686L304 40.586v2.828L297.414 50H277.9zm-16 160c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H288V136.587l16-16v2.827l-14 14V210h-28.1zm-208 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64v-22.586L40.586 194H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.513L66 216.586V242H53.9zm150.2 14c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H96v-56.598L56.598 162H37.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.502L98 200.598V256h106.1zm-150.2 2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80v-46.586L48.586 178H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h27.513L82 208.586V258H53.9zM97 100c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-48 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 96c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-144c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM49 36c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM33 68c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 240c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm80-176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm112 176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 180c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 84c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 39.793V0h-2v40.586L8.586 64H0v2h9.413L34 41.414v-1.62zM2 300.1V258h14v46h2v-48H0V302.17c.313-.11.65-.17 1-.17 1.306 0 2.417.835 2.83 2H5.9c-.398-1.96-1.94-3.502-3.9-3.9zM34 241v63h-2v-62H0v-2h34v1zM17 18h1V0h-2v16H0v2h17zm273-2V0h-2v18h16v-2h-14zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1c.323-.066.658-.1 1-.1 2.76 0 5 2.24 5 5s-2.24 5-5 5c-.342 0-.677-.034-1-.1v-2.07c.313.11.65.17 1 .17 1.657 0 3-1.343 3-3s-1.343-3-3-3c-.35 0-.687.06-1 .17V92.1zM80 272h2v32h-2v-32zm37.9 32c-.463-2.282-2.48-4-4.9-4-2.42 0-4.437 1.718-4.9 4h2.07c.413-1.165 1.524-2 2.83-2s2.417.835 2.83 2h2.07zM5.9 0c.066.323.1.658.1 1 0 2.76-2.24 5-5 5-.342 0-.677-.034-1-.1V3.83C.313 3.94.65 4 1 4c1.657 0 3-1.343 3-3 0-.35-.06-.687-.17-1H5.9zm294.2 0c-.066.323-.1.658-.1 1 0 2.42 1.718 4.437 4 4.9V3.83c-1.165-.413-2-1.524-2-2.83 0-.35.06-.687.17-1h-2.07zm3.9 300.1c-1.96.398-3.502 1.94-3.9 3.9h2.07c.302-.852.978-1.528 1.83-1.83v-2.07z' fill='%23000000' fill-opacity='0.025' fill-rule='evenodd'/%3E%3C/svg%3E"); } .single-entry--billboard-overlap-title .single-header--svg-bg .single-header__inner { background: transparent; } /*---- Single video ----*/ .single-billboard--video { min-height: auto; padding: 40px 0; background-color: #111; } @media (min-width: 768px) { .single-billboard--video { padding: 80px 0; } } .single-billboard--video .single-billboard__background { opacity: 0.7; } @media (max-width: 991px){ .single-billboard--video .atbs-ceris-sub-col { padding-top: 40px; } .single-billboard--video .block-heading { margin-bottom: 25px; } } @media (max-width: 576px){ .single-billboard--video .atbs-ceris-sub-col { padding-top: 30px; } .single-billboard--video .block-heading { margin-bottom: 20px; } .single-billboard--video .block-heading .block-heading__title{ font-size: 20px ; } } /*---- Post single body ----*/ .post--single .single-body { margin: auto; color: rgba(0, 0, 0, 0.85); font-size: 16px; font-size: 1.14286rem; line-height: 1.75; margin-bottom:0; } @media (min-width: 768px) { .post--single .single-body { font-size: 17px; font-size: 1.21429rem; } } @media (min-width: 1200px) { .post--single .single-body { padding-left: 60px; padding-right: 60px; } } .post--single .single-body .atbs-ceris-post-format-media { margin-bottom: 2em; } .single-content>.single-body:first-child { margin-top: 0; } .single-body p { margin-bottom: 1.7em; } .single-body .atbs-ceris-gallery-wrap { margin-top: 2em; margin-bottom: 2em; } .atbs-ceris-post-media-wide { max-width: -webkit-calc(100%); max-width: -moz-calc(100%); max-width: calc(100%); } .single-body .atbs-ceris-post-media-wide { max-width: -webkit-calc(100% + 30px); max-width: -moz-calc(100% + 30px); max-width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; } .single-body .atbs-ceris-post-media-wide > a { display: block; } @media (min-width: 768px) { .single-body .atbs-ceris-post-media-wide { max-width: 100%; margin-left: 0; margin-right: 0; } } @media (min-width: 1200px) { .single-body .atbs-ceris-post-media-wide { max-width: -webkit-calc(100% + 120px); max-width: -moz-calc(100% + 120px); max-width: calc(100% + 120px); margin-left: -60px; margin-right: -60px; } } .single-body .atbs-ceris-post-media-wide .wp-caption-text { padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .single-body .atbs-ceris-post-media-wide .wp-caption-text { padding-left: 0; padding-right: 0; } } @media (min-width: 992px) { .single-body--wide { padding-left: 80px; padding-right: 80px; } } /*---- WordPress core ----*/ /* Alignment */ .alignleft { float: left; margin: 0.8em 1.6em 0.8em 0; } @media (min-width: 1200px) { .post.post--single .alignleft { /*margin-left: -60px;*/ } } @media (min-width: 992px) { .post.post--single .single-body--wide .alignleft { /*margin-left: -80px;*/ } } .alignright { float: right; margin: 0.8em 0 1.6em 1.6em; } @media (min-width: 1200px) { .post.post--single .alignright { /*margin-right: -60px;*/ } } @media (min-width: 992px) { .post.post--single .single-body--wide .alignright { /*margin-right: -80px;*/ } } .aligncenter { clear: both; display: block; margin: 0.8em auto; } /* Caption */ .wp-caption { max-width: 100%; margin-bottom: 1.6em; text-align: inherit; } .wp-caption .wp-caption-text, .wp-caption-dd { padding-top: 0.8em; padding-bottom: 0; color: #666; font-size: 12px; font-size: 0.8em; } .wp-caption .wp-caption-text { margin-top: 0; } .wp-caption.alignleft { margin: 0.8em 1.6em 1.6em 0; text-align: left; } .wp-caption.alignright { margin: 0.8em 0 1.6em 1.6em; text-align: right; } .wp-caption.aligncenter { margin: 0.8em auto; text-align: center; } /* Galleries */ [class*="gallery-columns-"] { margin: 0 -1.79104477%; } .gallery-item { display: inline-block; padding: 1.79104477%; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery .gallery-caption { color: rgba(0, 0, 0, 0.44); display: block; font-size: 13px; line-height: 1.5; padding: 7px 0; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } .screen-reader-text { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px); clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px); } /*---- Single footer ----*/ .entry-info { margin: 15px 0; padding-bottom: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .entry-info::after { clear: both; content: ""; display: table; } .entry-tags__icon, .entry-categories__icon { margin-right: 0.2em; color: rgba(0, 0, 0, 0.4); font-size: 18px; } .entry-tags ul, .entry-categories ul { display: inline-block; margin: -4px; padding: 0; vertical-align: middle; list-style: none; } .entry-tags ul>li, .entry-categories ul>li { display: inline-block; margin: 4px; line-height: 1; } .entry-tags ul>li>a { text-decoration: none; color: rgba(0, 0, 0, 0.6); font-size: 13px; font-size: 0.9285rem; } .entry-tags ul>li>a:hover { color: rgba(0, 0, 0, 0.8); } .entry-tags ul>li:not(.entry-tags__icon)>a:before { content: '#'; } /*---- Review box ----*/ .atbs-ceris-review { padding-top: 25px; margin-bottom: 30px; font-size: 16px; font-size: 1.1429rem; } .single-body--content > .atbs-ceris-review:first-child { padding-top: 0; } @media (min-width: 1200px) { .single-body .atbs-ceris-review:not(.atbs-ceris-review--aside) { /*margin-left: -60px; margin-right: -60px;*/ } } @media (min-width: 1200px) { .single-body--wide .atbs-ceris-review:not(.atbs-ceris-review--aside) { /*margin-left: -80px; margin-right: -80px;*/ } } .atbs-ceris-review__inner { padding: 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #fafafa; } @media (min-width: 768px) { .atbs-ceris-review__inner { padding: 30px; } } .atbs-ceris-review__inner>*:not(:last-child) { margin-bottom: 20px; } @media (min-width: 768px) { .atbs-ceris-review__top { display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: start; box-align: start; -moz-align-items: flex-start; -ms-align-items: flex-start; -o-align-items: flex-start; -webkit-align-items: flex-start; -moz-box-align: start; align-items: flex-start; -ms-flex-align: start; -webkit-box-pack: justify; box-pack: justify; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; -ms-flex-pack: justify; } } .atbs-ceris-review__product { width: 100%; margin-right: 15px; margin-bottom: 15px; } .atbs-ceris-review__product-image { width: 60px; } @media (min-width: 768px) { .atbs-ceris-review__product-image { width: 70px; } } .atbs-ceris-review .atbs-ceris-review__product-name { margin-top: 0; font-weight: 600; } .atbs-ceris-review__product-byline { color: rgba(0, 0, 0, 0.4); } .atbs-ceris-review__overall-score { text-align: center; } @media (min-width: 768px) { .atbs-ceris-review__overall-score { margin-top: -40px; } } @media (min-width: 1200px) { .atbs-ceris-review__overall-score { margin-top: -50px; } } .atbs-ceris-review__summary p:last-child { margin-bottom: 0; } .atbs-ceris-review .atbs-ceris-review__list-title { margin-top: 0; margin-bottom: 10px; font-size: 1.1em; font-weight: 700; text-transform: uppercase; } .atbs-ceris-review__pros ul, .atbs-ceris-review__cons ul { margin: 0; padding: 0; list-style: none; } .atbs-ceris-review__pros ul li:not(:first-child), .atbs-ceris-review__cons ul li:not(:first-child) { margin-top: .5em; } .atbs-ceris-review__pros ul i, .atbs-ceris-review__cons ul i { margin-right: 0.4em; } .atbs-ceris-review__pros ul i { color: #59d66f; } .atbs-ceris-review__cons ul i { color: #fa3f40; } @media (max-width: 767px) { /** Review **/ .atbs-ceris-review__inner { position: relative; padding-top: 120px; } .atbs-ceris-review__inner>*:not(:last-child) { margin-bottom: 25px; } .atbs-ceris-review__overall-score { position: absolute; top: -15px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .atbs-ceris-review .atbs-ceris-review__product-name { font-size: 22px; font-size: 1.5714rem; /*font system*/ line-height: 1.41; } } @media (max-width: 480px) { /** Review **/ .atbs-ceris-review__product .media-left { display: block; margin-bottom: 20px; padding: 0; } .atbs-ceris-review__product-image { margin: 0 auto; width: 200px; } .atbs-ceris-review__product .media-middle { text-align: center; } } /* Review box aside */ .atbs-ceris-review--aside { width: 100%; padding-top: 30px; } @media (min-width: 768px) { .atbs-ceris-review--aside { width: 300px; } } .atbs-ceris-review--aside .atbs-ceris-review__inner { padding: 20px; font-size: 0.9em; } .atbs-ceris-review--aside .atbs-ceris-review__overall-score { margin-top: -45px; } .atbs-ceris-review--aside .atbs-ceris-review__product-image { width: 50px; } /* ----------------------- Reader-form-reviews */ .ceris-noselect { text-decoration: none !important; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */ } /* Layout */ .ceris-reviews-section{ padding: 50px 25px; background-color: #F8F8F8; } .ceris-reviews-section .reviews-title{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: -15px; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .ceris-reviews-section .reviews-title > *{ padding: 15px; } .ceris-reviews-section .reviews-title > *:first-child{ -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; margin-bottom: 0; } .ceris-reviews-section .heading-title{ font-size: 18px; font-weight: bold; color: #222222; margin-top: 0; } .ceris-reviews-section .heading-title.text-center { font-size: 15px; font-weight: 400; color: #666; } .ceris-reviews-section .heading-title-link{ text-decoration: none; color: #0661F1; text-transform: uppercase; font-size: 12px; font-weight: 400; } .ceris-reviews-section .reviews-content{ margin-top: 25px; background-color: #fff; padding: 45px 30px 25px 30px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .reviews-score-list{ -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; /*margin-right: 90px;*/ } .reviews-score-list .score-item:not(:last-child){ margin-bottom: 20px; } /* Content */ /**/ .score-item .score-text{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; } .score-item .score-name, .score-item .score-number{ font-size: 14px; line-height: 1.5; color: #000; font-weight: 400; } /**/ .score-item .score-value{ width: 100%; -webkit-border-radius: 0 24px 24px 0; -moz-border-radius: 0 24px 24px 0; border-radius: 0 24px 24px 0; background-color: #f3f3f3; height: 4px; margin-top: 8px; position: relative; } .score-item .score-percent{ position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: block; height: 100%; background-color: #0661F1; } .single-percent-login-required { position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; } /*==========================================*/ .reviews-score{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .reviews-score-average{ color: var(--color-logo); font-size: 20px; line-height: 1.4; width: 100%; text-align: center; margin-bottom: 25px; -webkit-transition: 0.6s; -o-transition: 0.6s; -moz-transition: 0.6s; transition: 0.6s; } .reviews-score-average > span, .score-average-content-wrap > span{ display: block; } .reviews-score-average .score-average-title{ color: #222222; text-transform: capitalize; font-size: 16px; line-height: 1.5; display: block; margin-bottom: 15px; } .reviews-score-average .score-average-number{ font-weight: 500; font-size: 50px; line-height: 1; margin-bottom: 10px; } .reviews-score-average .score-average-number > span{ font-size: 35px; } .reviews-score-average .score-average-counter{ font-size: 14px; line-height: 1.5; color: #222222; opacity: 0.6; width: 100%; } .reviews-score-average .stars-list{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; margin-bottom: 10px; padding: 0; } .reviews-score-average .star-item{ color: #86868670; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .star-item.star-full i:before{ content: '\e838'; color: var(--color-logo); } .star-item.star-half i:before{ content: '\e838'; background: -o-linear-gradient( left, var(--color-logo) 50%, #86868670 50%); background: -webkit-gradient( linear, left top, right top, color-stop(50%, var(--color-logo)), color-stop(50%, #86868670)); background: -webkit-linear-gradient( left, var(--color-logo) 50%, #86868670 50%); background: -moz-linear-gradient( left, var(--color-logo) 50%, #86868670 50%); background: linear-gradient( to right, var(--color-logo) 50%, #86868670 50%); -webkit-text-fill-color: #40404000; -webkit-background-clip: text; } .reviews-rating{ margin-top: 45px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; margin-bottom: -40px; } .btn-open-form-rating{ cursor: pointer; background-color: #F5F5F7; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; font-size: 13px; line-height: 1.15; color: #222222; font-weight: 400; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 13px 45px; text-transform: uppercase; margin-bottom: 0; margin-right: auto; margin-left: auto; position: relative; -webkit-transition: 0.6s; -o-transition: 0.6s; -moz-transition: 0.6s; transition: 0.6s; } a.btn-open-form-rating, a.btn-open-form-rating:hover, a.btn-open-form-rating:focus, a.btn-open-form-rating:active{ color: #222222; text-decoration: none; } .btn-open-form-rating label{ cursor: pointer; background-color: #F5F5F7; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; font-size: 13px; line-height: 1.15; color: #222222; font-weight: 400; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; text-transform: uppercase; margin-left: auto; margin-right: auto; margin-bottom: 0; position: relative; } input.toggle-btn-open-form-rating{ margin: 0; -webkit-appearance: none; } input:checked.toggle-btn-open-form-rating + .rating-frame{ max-height: 999px; visibility: visible; /*margin-top: 50px;*/ padding-bottom: 40px; } .rating-frame{ width: 100%; max-height: 0; overflow: hidden; visibility: hidden; -webkit-transition: 0.4s; -o-transition: 0.4s; -moz-transition: 0.4s; transition: 0.4s; margin-top: 40px; padding-bottom: 0; } .reviews-rating .rating-title{ margin-bottom: 35px; } .reviews-rating .rating-title .heading-title{ color: #131313; font-size: 20px; line-height: 1.4; margin-bottom: 10px; margin-top: 0; } .reviews-rating .rating-title .heading-excerpt{ color: #222222; opacity: 0.56; font-size: 14px; font-style: italic; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; } a.ceris-btn-view-review{ background-color: #F5F5F7; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; font-size: 13px; line-height: 1.15; color: #222222; font-weight: 400; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 13px 45px; text-transform: uppercase; margin-bottom: 0; position: relative; text-decoration: none; margin-right: 15px; margin-left: auto; } a.ceris-btn-view-review, a.ceris-btn-view-review:hover, a.ceris-btn-view-review:focus, a.ceris-btn-view-review:active{ color: #222222; text-decoration: none; } /**/ .reviews-rating .rating-form p{ margin-bottom: 20px; } .reviews-rating .rating-form p:nth-last-child(2){ margin-bottom: 0; } .reviews-rating .rating-form p:last-child{ margin-top: 30px; margin-bottom: 0; } .reviews-rating .rating-form .field-input{ padding: 15px; border: 1px solid rgba(0,0,0,0.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #222222; font-size: 15px; line-height: 1.6; } .reviews-rating .rating-form textarea.field-input{ max-width: 100%; min-height: 200px; min-width: 100%; } .reviews-rating .rating-form .field-input::-webkit-input-placeholder{ color: #222222; opacity: 0.6; } .reviews-rating .rating-form .field-input::-moz-placeholder{ color: #222222; opacity: 0.6; } .reviews-rating .rating-form .field-input:-ms-input-placeholder{ color: #222222; opacity: 0.6; } .reviews-rating .rating-form .field-input::-ms-input-placeholder{ color: #222222; opacity: 0.6; } .reviews-rating .rating-form .field-input:-moz-placeholder{ color: #222222; opacity: 0.6; } .reviews-rating .rating-form .field-input::placeholder{ color: #222222; opacity: 0.6; } /**/ .rating-star{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; padding: 15px; background-color: var(--color-logo); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #fff; font-size: 15px; line-height: 1.6; position: relative; } .rating-star .stars-label{ max-width: 200px; word-break: break-word; } .rating-star .stars-list, .rating-star .star-item { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .rating-star .stars-list{ margin: 0 -7.5px; /*position: absolute;*/ /*left: 50%;*/ /*top: 50%;*/ /*transform: translate(-50%,-50%);*/ direction: rtl; } .rating-star .star-item{ padding: 0 5px; cursor: pointer; } .rating-star .star-item i{ font-size: 18px; } .rating-star .star-item:hover i:before, .rating-star .star-item.active i:before, .rating-star .star-item:last-child i:before{ content: '\e838'; } .rating-star .star-item:hover ~ .star-item i:before{ content: '\e838'; } .rating-star .star-item:active{ -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } /**/ .reviews-rating .rating-form .rating-submit{ color: #fff; font-size: 15px; line-height: 1.6; -webkit-transition: 0.2s; -o-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; display: inline-block; padding: 0 25px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; background-color: var(--color-logo); float: right; } .reviews-rating .rating-form .rating-submit:hover{ background-color: var(--color-logo); -webkit-box-shadow: 0px 10px 20px 0px rgba(12, 0, 46, 0.1); -moz-box-shadow: 0px 10px 20px 0px rgba(12, 0, 46, 0.1); box-shadow: 0px 10px 20px 0px rgba(12, 0, 46, 0.1); } .reviews-rating .rating-form .rating-submit .field-submit{ display: inline-block; background: none; border: 0; padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; outline: 0; } .reviews-rating .rating-form .rating-submit i { display: inline-block; } /**/ /*user reviews*/ .ceris-user-reviews{ margin-top: 40px; padding-top: 40px; margin-left: -30px; margin-right: -30px; border-top: 1px solid rgba(0,0,0,0.05); } .ceris-user-reviews .user-reviews__inner{ padding: 0 30px; } .ceris-user-reviews .user-reviews-title{ margin-bottom: 40px; font-size: 1.7142rem; /*font system*/ line-height: 1.375; } .ceris-user-reviews .user-reviews-title .heading-title{ margin-bottom: 0; } .ceris-user-reviews .user-reviews-list{ margin: -30px 0; -webkit-transition: min-height 0.2s ease-in-out; -o-transition: min-height 0.2s ease-in-out; -moz-transition: min-height 0.2s ease-in-out; transition: min-height 0.2s ease-in-out; } .ceris-user-reviews .list-item{ padding: 30px 0; border-bottom: 1px solid rgba(0,0,0,0.05); } .ceris-user-reviews .list-item:last-child{ border-bottom: none; } .user-review-item{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; position: relative; } .user-review-item .user__info{ width: 125px; margin-right: 20px; text-align: center; } .user-review-item .user__info time { font-size: 12px; } .user-review-item .user__info-avatar{ width: 70px; height: 70px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; margin: 0 auto 10px auto; } .user-review-item .user__info-avatar img{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .user-review-item .user__info-name{ font-size: 1rem; /*font system*/ line-height: 1.5; /*font system*/ font-weight: 400; color:#222222; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .user-review-item .user__info-time time{ font-size: 0.8571rem; /*font system*/ line-height: 1; /*font system*/ color:#222222; opacity: 0.6; } /**/ .user-review-item .user__description{ -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; } .user-review-item .user__description-title{ margin-bottom: 5px; } .user-review-item .user__description-title h3{ font-size: 1.1428rem; line-height: 1.43; font-weight: 700; color:#222222; margin-bottom: 0; margin-top: 0; } .user-review-item .user__description-star{ margin-bottom: 10px; } .ceris-user-reviews .atbs-ceris-pagination{ margin-top: 30px; } .star-score-background{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .star-score-background .star-item{ color: #D3D3D3; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; font-size: 16px; } .star-score-background .star-item.star-full{ color: var(--color-logo); } .star-score-background .star-item.star-half i:before { content: '\e838'; background: -o-linear-gradient( left, var(--color-logo) 50%, #86868670 50%); background: -webkit-gradient( linear, left top, right top, color-stop(50%, var(--color-logo)), color-stop(50%, #86868670)); background: -webkit-linear-gradient( left, var(--color-logo) 50%, #86868670 50%); background: -moz-linear-gradient( left, var(--color-logo) 50%, #86868670 50%); background: linear-gradient( to right, var(--color-logo) 50%, #86868670 50%); -webkit-text-fill-color: #40404000; -webkit-background-clip: text; } .user-review-item .user__description-excerpt{ font-size: 1.0714rem; /*font system*/ line-height: 1.7; font-weight: 400; color: #222222; margin-bottom: 0; } .user-review-item .user__description-excerpt-wrap.review-content-loading { max-height: 6.8rem; overflow: hidden; } .user-review-item .user__description-excerpt-wrap.review-content-loading .review-text-fadeout { display: block; position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; margin: 0; padding: 40px 0; background-image: -moz-linear-gradient(top, transparent, white); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, white)); } .user-review-item .user__description-excerpt-wrap.has-more-active .user__description-excerpt { max-height: 6.8rem; position: relative; overflow: hidden; } .user-review-item .user__description-excerpt p{ margin-bottom: 0; margin-top: 0; } .user-review-item .user__description-excerpt:last-child{ margin-bottom: 0; } .user-review-item .user__description-excerpt-wrap .review-text-fadeout, .user-review-item .user__description-excerpt-wrap .review-readmore { display: none; } .user-review-item .user__description-excerpt-wrap.has-more-active .review-text-fadeout { display: block; position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; margin: 0; padding: 40px 0; background-image: -moz-linear-gradient(top, transparent, white); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, white)); } .user-review-item .user__description-excerpt-wrap.has-more-active .review-readmore { display: block; margin-top: 15px; font-size: 1rem; /*font system*/ color: rgba(0, 0, 0, 0.6); cursor: pointer; letter-spacing: 1px; } .reviews-rating.hidden-form .rating-frame{ max-height: 0 !important; visibility: hidden !important; padding-bottom: 0 !important; } .reviews-rating.hidden-form .btn-open-form-rating{ overflow: hidden; visibility: hidden; padding: 0; max-height: 0; } .reviews-rating.hidden-form .reviews-score-average{ margin-bottom: 0; } .atbs-ceris-pagination.ceris-user-review-pagination { margin-top: 45px; margin-bottom: 15px; } .ceris-user-review-pagination .atbs-ceris-pagination__links { text-align: right; } .ceris-admin-delete-review { position: absolute; right: 0; top: 0; font-size: 12px; padding: 2px 12px; background: #3545EE; color: #fff; border-radius: 5px; cursor: pointer; } @media (max-width: 1366px) { /* Layout */ /* Content */ } @media (max-width: 1199px) { /* Layout */ .ceris-reviews-section{ padding: 35px 25px; } .ceris-reviews-section .reviews-content{ margin-top: 30px; padding: 35px 30px; } .reviews-score-list .score-item:not(:last-child) { margin-bottom: 30px; } /* Content */ /**/ .reviews-score-average{ min-width: 170px; } .reviews-score-average, .reviews-rating .rating-title .heading-title{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } /*====*/ .btn-open-form-rating, a.ceris-btn-view-review{ padding: 15px 30px; } /**/ .rating-star .star-item i{ font-size: 18px; } /**/ .reviews-rating .rating-form p { margin-bottom: 15px; } .reviews-rating .rating-form textarea.field-input{ min-height: 175px; } /*user reviews*/ .ceris-user-reviews .heading-title{ font-size: 1.2857rem; /*font system*/ line-height: 1.5; } .user-review-item .user__info { width: 115px; margin-right: 20px; /*text-align: center;*/ } .user-review-item .user__info-avatar{ width: 60px; height: 60px; } } @media (max-width: 991px) { /* Layout */ /* Content */ /*user reviews*/ .ceris-user-reviews { margin-top: 50px; padding-top: 30px; } } @media (max-width: 767px) { /* Layout */ .ceris-reviews-section .reviews-content{ padding: 30px 25px; margin-top: 20px; } /* Content */ /**/ .reviews-score-average { min-width: 140px; } .reviews-score-average, .reviews-rating .rating-title .heading-title, .ceris-reviews-section .heading-title{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } .reviews-score-average .score-average-title{ font-size: 14px; line-height: 1.5; } .reviews-score-average .score-average-number{ font-size: 40px; } .reviews-score-average .score-average-number > span{ font-size: 30px; } /*====*/ .btn-open-form-rating, a.ceris-btn-view-review{ padding: 15px 20px; font-size: 12px; } .reviews-rating{ margin-top: 35px; } .reviews-rating .rating-title { margin-bottom: 25px; } /**/ .rating-star, .reviews-rating .rating-form .field-input{ padding: 10px 15px; } /**/ .rating-star .stars-list{ margin: 0 -5px; } .rating-star .star-item{ padding: 0 5px; } .rating-star .star-item i{ font-size: 16px; } /**/ .reviews-rating .rating-form p { margin-bottom: 10px; } .reviews-rating .rating-form p:last-child{ margin-top: 20px; } .reviews-rating .rating-form textarea.field-input { min-height: 150px; } /*user reviews*/ .ceris-user-reviews{ margin-left: -25px; margin-right: -25px; } .ceris-user-reviews .user-reviews__inner{ padding: 0 25px; } .ceris-user-reviews .heading-title{ font-size: 1.2857rem; /*font system*/ line-height: 1.5; } .user-review-item .user__info-avatar{ width: 50px; height: 50px; } /*user reviews*/ .ceris-user-reviews .user-reviews-title{ margin-bottom: 35px; } .ceris-user-reviews { margin-top: 40px; padding-top: 30px; } } @media (max-width: 576px) { /* Layout */ .ceris-reviews-section { padding: 30px 20px; } .ceris-reviews-section .reviews-content { padding: 25px 20px; margin-top: 20px; } /* Content */ /*===*/ .reviews-rating{ margin-bottom: -30px; } input:checked.toggle-btn-open-form-rating + .rating-frame{ padding-bottom: 30px; } .rating-frame{ margin-top: 30px; } .reviews-rating .rating-form .field-submit{ min-height: 40px; } /*user review*/ .ceris-user-reviews .user-reviews-title{ margin-bottom: 30px; } .ceris-user-reviews { margin-left: -20px; margin-right: -20px; } .ceris-user-reviews .user-reviews__inner { padding: 0 20px; } } @media (max-width: 480px) { /* Layout */ .reviews-rating { margin-top: 25px; } .ceris-reviews-section .reviews-content{ margin-top: 25px; } /* Content */ a.ceris-btn-view-review{ margin-bottom: 10px; margin-right: 0; } .btn-open-form-rating, a.ceris-btn-view-review{ width: 100%; -webkit-box-flex: initial; -ms-flex: initial; -webkit-flex: initial; -moz-box-flex: initial; flex: initial; } .reviews-score-list .score-item:not(:last-child) { margin-bottom: 25px; } .reviews-score-list{ margin-right: 0; } .reviews-score-list, .reviews-score-average{ width: 100%; } .reviews-score-average{ margin-top: 35px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; /*align-items: center;*/ /*padding-bottom: 20px;*/ /*border-bottom: 1px solid rgba(0,0,0,0.1);*/ } .reviews-score-average .score-average-title{ font-size: 20px; line-height: 1.4; margin-bottom: 10px; -webkit-box-flex: initial; -ms-flex: initial; -webkit-flex: initial; -moz-box-flex: initial; flex: initial; text-align: center; width: 100%; margin-right: 0; } .reviews-score-average .score-average-content-wrap{ width: 100%; } /**/ .reviews-rating .rating-form p { margin-bottom: 15px; } /*user reviews*/ .ceris-user-reviews { margin-top: 50px; padding-top: 30px; } .ceris-user-reviews .user-reviews-title{ margin-bottom: 30px; } .user-review-item .user__info{ width: -webkit-calc(100% - 120px); width: -moz-calc(100% - 120px); width: calc(100% - 120px); margin-right: 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px; text-align: left; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .user-review-item .user__info-avatar{ margin-right: 15px; margin-left: 0; margin-bottom: 0; width: 60px; height: 60px; } .user-review-item .user__info-context{ -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; } .user-review-item .user__info-name{ font-size: 1.1428rem; line-height: 1.5; } .user-review-item .user__description{ -webkit-box-flex: initial; -ms-flex: initial; -webkit-flex: initial; -moz-box-flex: initial; flex: initial; /*display: flex;*/ /*flex-wrap: wrap;*/ width: 100%; } .user-review-item .user__description-title{ /*flex: 1;*/ /*margin-right: 15px;*/ margin-bottom: 10px; } .user-review-item .user__description-title h3{ font-size: 1.1428rem; line-height: 1.5; } .user-review-item .user__description-star { margin-bottom: 10px; position: absolute; right: 0; top: 30px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .star-score-background .star-item{ font-size: 18px; } .star-score-background .star-item:not(:last-child) { margin-right: 2px; } .user-review-item .user__description-excerpt, .user-review-item .user__description-btn-more{ width: 100%; } } @media (max-width: 420px) { /* Layout */ .reviews-rating { margin-top: 25px; } /* Content */ .reviews-score-list .score-item:not(:last-child){ margin-bottom: 20px; } .reviews-score-average .score-average-number { font-size: 35px; } .reviews-score-average .score-average-number > span{ font-size: 25px; } .reviews-score-average .score-average-title{ font-size: 18px; line-height: 1.5; } .btn-open-form-rating, a.ceris-btn-view-review{ padding: 15px; } /*====*/ .rating-star .stars-list{ margin: 0 -2.5px; } .rating-star .star-item{ padding: 0 2.5px; } .rating-star .star-item i{ font-size: 14px; } input:checked.toggle-btn-open-form-rating + .rating-frame{ margin-top: 30px; } /*user reviews*/ .user-review-item .user__info{ width: -webkit-calc(100% - 100px); width: -moz-calc(100% - 100px); width: calc(100% - 100px); } .user-review-item .user__info-avatar{ margin-right: 10px; margin-left: 0; margin-bottom: 0; width: 50px; height: 50px; } .user-review-item .user__info-context{ -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; } .user-review-item .user__info-name{ font-size: 1.1428rem; /*font system*/ line-height: 1.5; } .user-review-item .user__description{ -webkit-box-flex: initial; -ms-flex: initial; -webkit-flex: initial; -moz-box-flex: initial; flex: initial; /*display: flex;*/ /*flex-wrap: wrap;*/ } .user-review-item .user__description-title{ /*flex: 1;*/ /*margin-right: 15px;*/ margin-bottom: 10px; } .user-review-item .user__description-title h3{ font-size: 1.1428rem; /*font system*/ line-height: 1.5; } .user-review-item .user__description-star { top: 25px; } .star-score-background .star-item{ font-size: 15px; } .star-score-background .star-item:not(:last-child) { margin-right: 1px; } } @media (max-width: 380px) { /* Layout */ .ceris-reviews-section .heading-title{ font-size: 1.1428rem; /*font system*/ line-height: 1.5; } /* Content */ .rating-star, .reviews-rating .rating-form .field-input{ padding: 10px; } .reviews-rating .rating-form textarea.field-input { min-height: 130px; } .reviews-score-average .score-average-number { font-size: 30px; } /*user reviews*/ .ceris-user-reviews { margin-top: 35px; padding-top: 25px; } .ceris-user-reviews .heading-title{ font-size: 1.2857rem; line-height: 1.5; } .user-review-item .user__info{ width: 100%; margin-bottom: 20px; } .user-review-item .user__info-avatar{ margin-right: 15px; margin-left: 0; margin-bottom: 0; width: 55px; height: 55px; } .user-review-item .user__info-context{ -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; } .user-review-item .user__info-name{ font-size: 1.1428rem; /*font system*/ line-height: 1.5; } .user-review-item .user__description-title{ margin-bottom: 5px; } .user-review-item .user__description-title h3{ font-size: 1.1428rem; /*font system*/ line-height: 1.5; } .user-review-item .user__description-star { position: initial; -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; transform: none; margin-bottom: 10px; } .star-score-background .star-item{ font-size: 16px; } } @media (max-width: 360px) { /* Layout */ .ceris-reviews-section { padding: 25px 15px; } .ceris-reviews-section .reviews-content { padding: 20px 15px; margin-top: 15px; } .ceris-reviews-section .reviews-title{ margin: -2.5px; } .ceris-reviews-section .reviews-title > *{ padding: 2.5px; } .ceris-reviews-section .reviews-title > *:first-child{ -webkit-box-flex: initial; -ms-flex: initial; -webkit-flex: initial; -moz-box-flex: initial; flex: initial; width: 100%; } /* Content */ .reviews-score-average, .reviews-rating .rating-title .heading-title, .ceris-reviews-section .heading-title{ font-size: 14px; line-height: 1.5; } .rating-star, .reviews-rating .rating-form .field-input{ font-size: 14px; line-height: 1.5; } .reviews-rating .rating-form p { margin-bottom: 10px; } .btn-open-form-rating, a.ceris-btn-view-review{ padding: 15px 10px; } .reviews-rating .rating-title .heading-title{ font-size: 1.1428rem; /*font system*/ line-height: 1.5; } /*user review*/ .ceris-user-reviews .heading-title { font-size: 1.1428rem; /*font system*/ line-height: 1.5; } .ceris-user-reviews { margin-left: -15px; margin-right: -15px; } .ceris-user-reviews .user-reviews__inner { padding: 0 15px; } } @media (max-width: 320px) { /* Layout */ .reviews-rating{ margin-top: 20px; } /* Content */ .reviews-score-average{ -webkit-box-flex: initial; -ms-flex: initial; -webkit-flex: initial; -moz-box-flex: initial; flex: initial; width: 100%; } .btn-open-form-rating, a.ceris-btn-view-review{ padding: 15px 10px; } /*user reviews*/ .ceris-user-reviews .user-reviews-list { margin: -25px 0; } .ceris-user-reviews .list-item { padding: 25px 0; } .user-review-item .user__info{ margin-bottom: 15px; } .user-review-item .user__info-avatar{ margin-right: 10px; width: 50px; height: 50px; } .user-review-item .user__info-name{ font-size: 1.0714rem; /*font system*/ line-height: 1.53; } .user-review-item .user__description-title{ margin-bottom: 5px; } .user-review-item .user__description-title h3{ font-size: 1.0714rem; /*font system*/ line-height: 1.53; } .user-review-item .user__description-star { margin-bottom: 10px; } .star-score-background .star-item{ font-size: 14px; } } .ceris-user-review-popup-notification { position: fixed; top: 50%; left: 50%; text-align: center; min-width: 400px; min-height: 450px; -webkit-transform: translate(-200px, -225px) scale(0, 0); -ms-transform: translate(-200px, -225px) scale(0, 0); -moz-transform: translate(-200px, -225px) scale(0, 0); -o-transform: translate(-200px, -225px) scale(0, 0); transform: translate(-200px, -225px) scale(0, 0); color: #fff; z-index: 100; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; /*align-items: center;*/ -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-transition: all ease-in-out 0.15s; -o-transition: all ease-in-out 0.15s; -moz-transition: all ease-in-out 0.15s; transition: all ease-in-out 0.15s; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; border-top: 5px solid var(--color-logo); padding: 60px 35px 50px 35px; } .ceris-user-review-popup-notification .popup-heading-icon{ line-height: 1; width: 100%; margin-bottom: 30px; } .ceris-user-review-popup-notification .popup-heading-icon svg{ width: 100px; height: 100px; } .ceris-user-review-popup-notification.enable-review-popup { -webkit-transform: translate(-200px, -225px) scale(1, 1); -ms-transform: translate(-200px, -225px) scale(1, 1); -moz-transform: translate(-200px, -225px) scale(1, 1); -o-transform: translate(-200px, -225px) scale(1, 1); transform: translate(-200px, -225px) scale(1, 1); } .ceris-user-review-popup-notification .popup-heading-wrap{ width: 100%; } .ceris-user-review-popup-notification .popup-heading-wrap h3{ margin-top: 0; margin-bottom: 10px; font-size: 28px; text-transform: capitalize; color: var(--color-logo); } .ceris-user-review-popup-notification .popup-content-wrap{ height: auto; width: 260px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: justify; -webkit-align-content: space-between; align-content: space-between; } .ceris-user-review-popup-notification .popup-content{ width: 100%; } .ceris-user-review-popup-notification .popup-content p{ margin: 0; color: #888; } .review-popup-backdrop { opacity: 0; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); z-index: -1; } .ceris-user-review-popup-notification.enable-review-popup + .review-popup-backdrop { opacity: 1; z-index: 99; } .ceris-user-review-popup-notification .btn-close-review-popup { border: 1px solid rgba(0,0,0,0.1); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #fff; color: #222222; padding: 10px; margin-top: 40px; -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; cursor: pointer; } .ceris-user-review-popup-notification .btn-close-review-popup:hover{ background-color: var(--color-logo); color: #fff; border: 1px solid transparent; } .ceris-user-review-popup-notification .btn-close-review-normal { position: absolute; right: 25px; top: 15px; font-size: 20px; color: #222222; font-weight: 500; -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; cursor: pointer; } .ceris-user-review-popup-notification .btn-close-review-normal:hover { color: var(--color-logo); } @media (max-width: 480px){ .ceris-user-review-popup-notification { min-width: 370px; min-height: 430px; -webkit-transform: translate(-185px, -215px) scale(0, 0); -ms-transform: translate(-185px, -215px) scale(0, 0); -moz-transform: translate(-185px, -215px) scale(0, 0); -o-transform: translate(-185px, -215px) scale(0, 0); transform: translate(-185px, -215px) scale(0, 0); padding: 105px 35px 40px 35px; } .ceris-user-review-popup-notification.enable-review-popup { -webkit-transform: translate(-185px, -215px) scale(1, 1); -ms-transform: translate(-185px, -215px) scale(1, 1); -moz-transform: translate(-185px, -215px) scale(1, 1); -o-transform: translate(-185px, -215px) scale(1, 1); transform: translate(-185px, -215px) scale(1, 1); } .ceris-user-review-popup-notification .popup-heading-icon svg { width: 85px; height: 85px; } } @media (max-width: 380px){ .ceris-user-review-popup-notification { min-width: 330px; min-height: 380px; -webkit-transform: translate(-165px, -190px) scale(0, 0); -ms-transform: translate(-165px, -190px) scale(0, 0); -moz-transform: translate(-165px, -190px) scale(0, 0); -o-transform: translate(-165px, -190px) scale(0, 0); transform: translate(-165px, -190px) scale(0, 0); padding: 75px 30px 35px 30px; } .ceris-user-review-popup-notification.enable-review-popup { -webkit-transform: translate(-165px, -190px) scale(1, 1); -ms-transform: translate(-165px, -190px) scale(1, 1); -moz-transform: translate(-165px, -190px) scale(1, 1); -o-transform: translate(-165px, -190px) scale(1, 1); transform: translate(-165px, -190px) scale(1, 1); } .ceris-user-review-popup-notification .popup-heading-icon svg { width: 70px; height: 70px; } } @media (max-width: 320px){ .ceris-user-review-popup-notification { width: 280px; min-width: 280px; min-height: 350px; -webkit-transform: translate(-140px, -190px) scale(0, 0); -ms-transform: translate(-140px, -190px) scale(0, 0); -moz-transform: translate(-140px, -190px) scale(0, 0); -o-transform: translate(-140px, -190px) scale(0, 0); transform: translate(-140px, -190px) scale(0, 0); padding: 75px 30px 35px 30px; } .ceris-user-review-popup-notification.enable-review-popup { -webkit-transform: translate(-140px, -190px) scale(1, 1); -ms-transform: translate(-140px, -190px) scale(1, 1); -moz-transform: translate(-140px, -190px) scale(1, 1); -o-transform: translate(-140px, -190px) scale(1, 1); transform: translate(-140px, -190px) scale(1, 1); } .ceris-user-review-popup-notification .popup-heading-icon svg { width: 60px; height: 60px; } } /* Reader-form-reviews ----------------------- */ /*---- Author box ----*/ .author-box { position: relative; padding: 30px; background: #fafafa; border: 1px solid rgba(0, 0, 0, 0.05); } .author-box .author-avatar { height: 100px; width: 100px; margin: -50px auto 20px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 4px solid #fff; -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04); box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04); } @media (min-width: 768px) { .author-box .author-avatar { margin: 0; position: absolute; top: 50%; right: auto; bottom: auto; left: -15px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } } .author-box .author-avatar img { height: 100%; width: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .author-box__text { text-align: center; } @media (min-width: 768px) { .author-box__text { padding-left: 80px; text-align: left; } } .author-box .author-name span { color: rgba(0, 0, 0, 0.4); } .author-box .author-name a{ color: rgba(0, 0, 0, 0.8); color: #FC3C2D; font-size: 110%; font-weight: 700; text-transform: uppercase; } .author-box .author-bio { margin: 8px 0; color: rgba(0, 0, 0, 0.6); font-size: 15px; max-width: 540px; } .author-box .author-info { color: rgba(0, 0, 0, 0.6); text-align: center; } @media (min-width: 768px) { .author-box .author-info { text-align: left; } } .author-box .author-info a, .author-box .author-bio a { color: rgba(0, 0, 0, 0.6); } .author-box .author-info a:hover, .author-box .author-info a:focus, .author-box .author-info a:active, .author-box .author-bio a:hover, .author-box .author-bio a:focus, .author-box .author-bio a:active { color: rgba(0, 0, 0, 0.8); } .author-box .author-socials ul { margin-top: 0; margin-bottom: 0; padding-left: 0; padding-right: 0; } .author-box .author-socials a { display: inline-block; font-size: 1.1rem; white-space: nowrap; text-decoration: none; } @media (min-width: 768px) { .author-box .author-all-posts { text-align: right; } } .author-box .author-all-posts__link { border-bottom: 1px solid rgba(0, 0, 0, 0.1); text-decoration: none; } /*---- Posts navigation ----*/ .posts-navigation { padding-bottom: 20px; } .posts-navigation .post--overlay .post__text { min-height: 200px; } .posts-navigation .post--overlay .post__text-wrap { padding-bottom: 15px; } .posts-navigation__prev, .posts-navigation__next { position: relative; } @media (min-width: 768px) { .posts-navigation__prev, .posts-navigation__next { width: 50%; float: left; } } @media (min-width: 768px) { .posts-navigation__prev { padding-right: 10px; } } .posts-navigation__prev:not(:only-child) { margin-bottom: 35px; } @media (min-width: 768px) { .posts-navigation__prev:not(:only-child) { margin-bottom: 0; } } .posts-navigation__prev i { margin-right: 0.4em; } .posts-navigation__next { text-align: right; float: right; } @media (max-width: 480px) { .posts-navigation__next { float: none; } } @media (min-width: 768px) { .posts-navigation__next { padding-left: 10px; } } .posts-navigation__next i { margin-left: 0.4em; } .posts-navigation__label { display: block; position: absolute; left: 0; right: 0; bottom: 0; margin: 0; padding: 10px 35px; color: inherit; text-decoration: none; font-size: 12px; color: #fff !important; text-transform: uppercase; overflow: hidden; -webkit-transform: translate(0, 50%); -ms-transform: translate(0, 50%); -moz-transform: translate(0, 50%); -o-transform: translate(0, 50%); transform: translate(0, 50%); } .posts-navigation__label:hover, .posts-navigation__label:active, .posts-navigation__label:focus { color: inherit; text-decoration: none; } .posts-navigation__label:before { content: ''; position: absolute; top: 0; right: 20px; bottom: 0; left: 20px; background: #FC3C2D; -webkit-transition-property: all; -o-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } .posts-navigation>div:hover .posts-navigation__label:before { left: 0; right: 0; } @media (min-width: 768px) { .posts-navigation__prev .posts-navigation__label { right: 10px; } } @media (min-width: 768px) { .posts-navigation__next .posts-navigation__label { left: 10px; } } .posts-navigation__label span { position: relative; } /*---- Comments section ----*/ .comments-title { margin: 0 0 2em 0; font-weight: 700; } @media (min-width: 768px) { .comments-title { font-size: 1.3rem; } } .comments-title:before { content: '\e0ca'; margin-right: 0.4em; font-family: 'mdicon'; font-weight: 400; color: rgba(0, 0, 0, 0.4); font-size: 1.2em; vertical-align: middle; } .comments-title__text { margin: 0; font-weight: 700; text-transform: uppercase; } .comments-title .add-comment { padding-left: 0.6em; color: rgba(0, 0, 0, 0.8); font-size: 90%; text-transform: uppercase; } .comment-list { margin-bottom: 45px; list-style: none; } .comment-list>li:not(:first-child) { padding-top: 20px; border-top: 1px solid rgba(0, 0, 0, 0.05); } .comment-list ol.children { position: relative; padding: 0 0 0 30px; list-style: none; } @media (min-width: 768px) { .comment-list ol.children { padding-left: 65px; } } .comment-list ol.children ol.children { padding-left: 0; } @media (min-width: 768px) { .comment-list ol.children ol.children { padding-left: 50px; } } .comment-list ol.children>li { padding-top: 20px; border-top: 1px solid rgba(0, 0, 0, 0.05); } .comment-body { margin-left: 65px; margin-bottom: 20px; } .trackback .comment-body{ margin-left: 0; } .pingback .comment-body { margin-left: 0; } .comment-meta { margin-bottom: 8px; } .comment-meta>*:not(:last-child) { margin-right: 4px; } .comment-author { position: relative; font-size: 1.1429rem; font-weight: 700; } @media (min-width: 768px) { .comment-author { display: inline-block; } } .comment-author>img { height: 50px; width: 50px; position: absolute; top: 0; left: -65px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .bypostauthor>.comment-body .comment-author>img { border: 2px solid #FC3C2D; } .comment-author a { color: inherit; text-decoration: none; } .comment-author a:hover, .comment-author a:active, .comment-author a:focus { color: inherit; text-decoration: none; } .comment-author .says { display: none; } .children .comment-author>img { height: 36px; width: 36px; left: -51px; } .children .comment-body { margin-left: 51px; } .comment-metadata { font-size: 12px; font-size: 0.85714rem; color: rgba(0, 0, 0, 0.4); } @media (min-width: 768px) { .comment-metadata { display: inline-block; } .comment-metadata:before { content: '\b7'; margin-right: 4px; font-weight: 400; } } .comment-metadata>*:not(:last-child) { margin-right: 4px; } .comment-metadata a, .comment-metadata a:hover, .comment-metadata a:focus, .comment-metadata a:active, .comment-metadata a:visited { color: rgba(0, 0, 0, 0.4); text-decoration: none; } .comment-metadata .edit-link { text-transform: uppercase; } .comment-metadata .comment-edit-link { color: rgba(0, 0, 0, 0.8); font-weight: 700; } .comment-metadata .comment-edit-link:before { content: '\e254'; margin-right: 0.2em; font-family: 'mdicon'; font-weight: 400; color: rgba(0, 0, 0, 0.4); font-size: 1.1em; } .comment-content { margin-bottom: 12px; font-size: 16px; font-size: 1.14286rem; line-height: 1.6; } .comment-content>*:last-child { margin-bottom: 0; } .comment-content .info { padding: 15px; background: #eee; font-style: italic; } .comment-content .info p:last-child { margin-bottom: 0; } .comment-reply-link { color: inherit; text-decoration: none; color: rgba(0, 0, 0, 0.8); font-size: 12px; line-height: 16px; font-weight: 700; text-transform: uppercase; } .comment-reply-link:hover, .comment-reply-link:active, .comment-reply-link:focus { color: inherit; text-decoration: none; } .comment-reply-link:hover { color: rgba(0, 0, 0, 0.8); } .comment-reply-link:before { content: '\e15e'; margin-right: 0.2em; font-family: 'mdicon'; font-weight: 400; color: rgba(0, 0, 0, 0.4); font-size: 1.1em; } .comment-respond { margin: 0; } .comments-area > .comment-respond { margin: 0; } .comment-respond { margin: 0 0 40px; } @media (min-width: 768px) { .comments-area > .comment-respond { margin: 0; } } @media (min-width: 768px) { .comment-list .comment-respond { padding: 0 0 0 65px; } } @media (min-width: 768px) { .comment-list .children .comment-respond { padding-left: 51px; } } .comment-reply-title { margin-top: 0; margin-bottom: 1em; color: rgba(0, 0, 0, 0.8); font-size: 1rem; font-weight: 700; text-transform: uppercase; } @media (min-width: 768px) { .comment-reply-title { font-size: 1.142857142857143rem; } } .comment-reply-title small { font-size: 80%; } #cancel-comment-reply-link { color: inherit; text-decoration: none; display: inline-block; margin-left: 0.4em; border-bottom: 1px solid rgba(0, 0, 0, 0.05); line-height: 1.2; } #cancel-comment-reply-link:hover, #cancel-comment-reply-link:active, #cancel-comment-reply-link:focus { color: inherit; text-decoration: none; } .comment-form .logged-in-as a { color: inherit; text-decoration: underline; } .comment-form .logged-in-as a:hover, .comment-form .logged-in-as a:active, .comment-form .logged-in-as a:focus { color: inherit; text-decoration: underline; } .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form input[type="password"], .comment-form input[type="search"], .comment-form input[type="tel"], .comment-form input[type="number"], .comment-form textarea { display: block; } .comment-form-comment textarea { max-width: 790px; font-size: 16px; font-size: 1.14286rem; line-height: 1.6; } .comment-form-author, .comment-form-email, .comment-form-url { max-width: 320px; } .comment-form-url { margin-right: 0; } .comments-section .comment-form-url{ display: none; } .comment-form .form-submit { clear: both; padding-top: 10px; margin-bottom: 0; } .comment-form .form-submit input[type="submit"] { background: #FC3C2D; color: #fff; } .comment-form .form-submit input[type="submit"]:active, .comment-form .form-submit input[type="submit"]:focus, .comment-form .form-submit input[type="submit"]:hover { background: #ef392b; color: #fff; } /*---- Disqus Comment ----*/ #disqus_thread { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .atbs-ceris-main-col #disqus_thread { padding-right: 0; padding-left: 0; max-width: 100%; } @media (min-width: 768px) { #disqus_thread { max-width: 750px; } } @media (min-width: 992px) { #disqus_thread { max-width: 970px; } } @media (min-width: 1200px) { #disqus_thread { max-width: 1170px; } } /* ============================================================================= ## THEMES ============================================================================= */ /* ----------------------------------------------------------------- ## Skin ----------------------------------------------------------------- */ .site-header--skin-3:not(.sticky-header) .navigation-bar { -webkit-box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1); -moz-box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1); box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1); } .site-header--skin-5:not(.sticky-header) .navigation-bar { -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05); } /* ----------------------------------------------------------------- ## Demo styling ----------------------------------------------------------------- */ .site-header--side-logo .header-logo:not(.header-logo--mobile), .list-square-bullet>li>*:before, .list-square-bullet-exclude-first>li:not(:first-child)>*:before, .atbs-ceris-carousel-dots-b .swiper-pagination-bullet-active { background: #FC3C2D; } /* * Header 3 / Footer 4 *--------------------*/ .header-3 .navigation-bar--fullwidth .container .navigation-bar__inner { margin-left: -10px; margin-right: -10px; } .footer-3.site-footer { background: #43C6AC; background: -o-linear-gradient(120deg, #43C6AC 0, #191654 100%); background: -webkit-linear-gradient(120deg, #43C6AC 0, #191654 100%); background: -moz-linear-gradient(120deg, #43C6AC 0, #191654 100%); background: linear-gradient(-30deg, #43C6AC 0, #191654 100%); } /* * Header 4 / Footer 4 *--------------------*/ .header-4 .navigation--main>li>a:before { content: none; } /* * Header 5 / Footer 5 *--------------------*/ .header-5 .navigation--main>li>a:before { content: none; } /* * Header 6 / Footer 6 *--------------------*/ .header-6 .atbs-ceris-featured-block-b .atbs-ceris-block__background { background: #43C6AC; background: -o-linear-gradient(bottom, #43C6AC 0, #191654 100%); background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #43C6AC), to(#191654)); background: -webkit-linear-gradient(bottom, #43C6AC 0, #191654 100%); background: -moz-linear-gradient(bottom, #43C6AC 0, #191654 100%); background: linear-gradient(0deg, #43C6AC 0, #191654 100%); } .header-6 .atbs-ceris-featured-block-b .atbs-ceris-news-ticker__inner { border: none; -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05); } .footer-6.site-footer { background-color: #191654; } /* * Header 7 / Footer 7 / Header 8 / Footer 8 *--------------------*/ .header-7 .header-main { position: relative; } /* * Footer *---------------------*/ .site-footer.has-bg-pattern:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url("data:image/svg+xml,%3Csvg width='304' height='304' viewBox='0 0 304 304' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44.1 224c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h44.1zm160 48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H82v-2h122.1zm57.8-46c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm0 16c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm6.2-114c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2zm-256-48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h12.1zm185.8 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2zM258 12.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V0h2v12.1zm-64 208c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-54.2c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9v54.2zm48-198.2c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V82h64v-2h-62V21.9zm16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V66h48v-2h-46V37.9zm-128 96c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V210h16v10.1c-2.282.463-4 2.48-4 4.9 0 2.76 2.24 5 5 5s5-2.24 5-5c0-2.42-1.718-4.437-4-4.9V208h-16v-74.1zm-5.9-21.9c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H114v48H85.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H112v-48h12.1zm-6.2 130c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H176v-74.1c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V242h-60.1zm-16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H114v48h10.1c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H112v-48h-10.1zM66 284.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V274H50v30h-2v-32h18v12.1zM236.1 176c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H274v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V146h-10.1zm-64 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H208v-80h16v-14h-42.1c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H226v18h-16v80h-12.1zm86.2-210c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H272V0h2v32h10.1zM98 101.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V144H53.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H98v-44.1zM53.9 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80V0h2v34H53.9zm60.1 3.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V64H80v64H69.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H82V66h32V37.9zM101.9 82c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H128V37.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-28.1zm16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H146v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V18h-26.1zm102.2 270c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H98v14h-2v-16h124.1zM242 149.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V162h16v30h-16v66h48v46h2v-48h-48v-62h16v-34h-16v-10.1zM53.9 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64V2H48V0h18v18H53.9zm112 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H192V0h50v2h-48v48h-28.1zm-48-48c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5 0-.342.034-.677.1-1h2.07c-.11.313-.17.65-.17 1 0 1.657 1.343 3 3 3s3-1.343 3-3c0-.35-.06-.687-.17-1H178v34h-18V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V32h14V2h-58.1zm0 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H137l32-32h39V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V66h-40.172l-32 32H117.9zm28.1 90.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-76.513L175.586 80H224V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-49.586L146 112.414V188.1zm16 32c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-99.513L184.586 96H300.1c.398-1.96 1.94-3.502 3.9-3.9v2.07c-1.165.413-2 1.524-2 2.83s.835 2.417 2 2.83v2.07c-1.96-.398-3.502-1.94-3.9-3.9H185.414L162 121.414V220.1zm-144-64c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-3.513l48-48V48h32V0h2v50H66v55.413l-48 48v2.687zM50 53.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v42.686l-48 48V210h28.1c.463 2.282 2.48 4 4.9 4 2.76 0 5-2.24 5-5s-2.24-5-5-5c-2.42 0-4.437 1.718-4.9 4H2v-62.586l48-48V53.9zm-16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v18.686l-32 32v2.828l34-34V69.9zM12.1 32c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H9.414L0 43.414v-2.828L8.586 32H12.1zm265.8 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h18.686L304 40.586v2.828L297.414 50H277.9zm-16 160c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H288V136.587l16-16v2.827l-14 14V210h-28.1zm-208 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64v-22.586L40.586 194H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.513L66 216.586V242H53.9zm150.2 14c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H96v-56.598L56.598 162H37.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.502L98 200.598V256h106.1zm-150.2 2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80v-46.586L48.586 178H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h27.513L82 208.586V258H53.9zM97 100c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-48 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 96c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-144c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM49 36c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM33 68c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 240c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm80-176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm112 176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 180c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 84c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 39.793V0h-2v40.586L8.586 64H0v2h9.413L34 41.414v-1.62zM2 300.1V258h14v46h2v-48H0V302.17c.313-.11.65-.17 1-.17 1.306 0 2.417.835 2.83 2H5.9c-.398-1.96-1.94-3.502-3.9-3.9zM34 241v63h-2v-62H0v-2h34v1zM17 18h1V0h-2v16H0v2h17zm273-2V0h-2v18h16v-2h-14zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1c.323-.066.658-.1 1-.1 2.76 0 5 2.24 5 5s-2.24 5-5 5c-.342 0-.677-.034-1-.1v-2.07c.313.11.65.17 1 .17 1.657 0 3-1.343 3-3s-1.343-3-3-3c-.35 0-.687.06-1 .17V92.1zM80 272h2v32h-2v-32zm37.9 32c-.463-2.282-2.48-4-4.9-4-2.42 0-4.437 1.718-4.9 4h2.07c.413-1.165 1.524-2 2.83-2s2.417.835 2.83 2h2.07zM5.9 0c.066.323.1.658.1 1 0 2.76-2.24 5-5 5-.342 0-.677-.034-1-.1V3.83C.313 3.94.65 4 1 4c1.657 0 3-1.343 3-3 0-.35-.06-.687-.17-1H5.9zm294.2 0c-.066.323-.1.658-.1 1 0 2.42 1.718 4.437 4 4.9V3.83c-1.165-.413-2-1.524-2-2.83 0-.35.06-.687.17-1h-2.07zm3.9 300.1c-1.96.398-3.502 1.94-3.9 3.9h2.07c.302-.852.978-1.528 1.83-1.83v-2.07z' fill='%23ffffff' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E"); } .bg-color-light-gray { background-color: #fafafa; } .bg-color-custom-1 { background-color: #38003C !important; } .bg-color-custom-2 { background-color: #4F86C6 !important; } .bg-color-custom-3 { background-color: #E90606 !important; } .bg-color-custom-4 { background-color: #19AAD1 !important; } .bg-color-5 { background-color: #2B2D32 !important; } .bg-color-6 { background-color: #000032 !important; } .bg-gradient-1 { background: #2af598; background: -o-linear-gradient(right, #2af598, #009efd); background: -webkit-gradient(linear, right top, left top, from(#2af598), to(#009efd)); background: -webkit-linear-gradient(right, #2af598, #009efd); background: -moz-linear-gradient(right, #2af598, #009efd); background: linear-gradient(to left, #2af598, #009efd); } .bg-gradient-1-vertical { background: #2af598; background: -o-linear-gradient(bottom, #2af598, #009efd); background: -webkit-gradient(linear, left bottom, left top, from(#2af598), to(#009efd)); background: -webkit-linear-gradient(bottom, #2af598, #009efd); background: -moz-linear-gradient(bottom, #2af598, #009efd); background: linear-gradient(to top, #2af598, #009efd); } .bg-gradient-2 { background: #12162d; background: -o-linear-gradient(top, #19aad1 0, #12162d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #19aad1), to(#12162d)); background: -webkit-linear-gradient(top, #19aad1 0, #12162d 100%); background: -moz-linear-gradient(top, #19aad1 0, #12162d 100%); background: linear-gradient(180deg, #19aad1 0, #12162d 100%); } .bg-gradient-3 { background: #34e89e; /* fallback for old browsers */ /* Chrome 10-25, Safari 5.1-6 */ background: -o-linear-gradient(right, #34e89e, #0f3443); background: -webkit-gradient(linear, right top, left top, from(#34e89e), to(#0f3443)); background: -webkit-linear-gradient(right, #34e89e, #0f3443); background: -moz-linear-gradient(right, #34e89e, #0f3443); background: linear-gradient(to left, #34e89e, #0f3443); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ } .bg-gradient-4 { background: #004e66; background: -o-linear-gradient(top, #004e66 0, transparent 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #004e66), to(transparent)); background: -webkit-linear-gradient(top, #004e66 0, transparent 100%); background: -moz-linear-gradient(top, #004e66 0, transparent 100%); background: linear-gradient(180deg, #004e66 0, transparent 100%); } .gradient-5 { background: #43C6AC; background: -o-linear-gradient(225deg, #43C6AC 0, #191654 100%); background: -webkit-linear-gradient(225deg, #43C6AC 0, #191654 100%); background: -moz-linear-gradient(225deg, #43C6AC 0, #191654 100%); background: linear-gradient(225deg, #43C6AC 0, #191654 100%); } .gradient-5-alt { background: #43C6AC; background: -o-linear-gradient(290deg, #43C6AC 0, #191654 100%); background: -webkit-linear-gradient(290deg, #43C6AC 0, #191654 100%); background: -moz-linear-gradient(290deg, #43C6AC 0, #191654 100%); background: linear-gradient(160deg, #43C6AC 0, #191654 100%); } /* ----------------------------------------------------------------- ## More CSS ----------------------------------------------------------------- */ .site-logo a:hover, .site-logo a:focus { text-decoration: none; } .ceris-error--notice { padding: 10px 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #FC3C2D; color: #fff; margin: 30px 0; } /* Add here all your CSS customizations */ .top-bar__nav .navigation li .sub-menu { text-align: left; } .module-viewmore-btn { clear: both; } /*--- bk-preload ---*/ .bk-preload-wrapper { width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: 100; } .bk-preload-blur { opacity: 0.3; } /* Loading spinner */ .bk-preload-wrapper:after { border: 2px solid #000; border-left-color: transparent; border-right-color: transparent; -webkit-border-radius: 34px; -moz-border-radius: 34px; border-radius: 34px; content: ""; width: 34px; height: 34px; display: inline-block; overflow: hidden; -webkit-animation: loading-icon-spin 1000ms infinite linear; -moz-animation: loading-icon-spin 1000ms infinite linear; -o-animation: loading-icon-spin 1000ms infinite linear; animation: loading-icon-spin 1000ms infinite linear; } .bk-preload-wrapper:after { position: absolute; z-index: 2; top: 50%; left: 50%; margin-top: -32px; margin-left: -16px; border-width: 3px; } .bk-preload-wrapper:after { border-top-color: #FC3C2D; border-bottom-color: #FC3C2D; } @-webkit-keyframes loading-icon-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @-moz-keyframes loading-icon-spin { 0% { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg) } 100% { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg) } } @-o-keyframes loading-icon-spin { 0% { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg) } 100% { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes loading-icon-spin { 0% { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg) } 100% { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg) } } .header-logo>a .logo-text { font-size: 40px; font-weight: 700; height: 100%; line-height: 1; display: flex; justify-content: center; align-items: center; } @media (max-width: 991px) { .header-logo>a .logo-text { justify-content: flex-start; } } #atbs-ceris-mobile-header .header-logo>a .logo-text { font-size: 22px; font-weight: 700; } .header-branding--mobile>a { font-size: inherit; } .atbs-ceris-offcanvas__title .site-logo img { max-width: 100%; width: 100%; } .atbs-ceris-offcanvas__title .site-logo a{ display: block; max-width: 140px; } .lwa { margin-bottom: 0; } .lwa-avatar { width: auto; height: auto; } .atbs-ceris-offcanvas__section .lwa-avatar>.bk-username { display: inline-block !important; margin-left: 8px; } .atbs-ceris-offcanvas__section .lwa-avatar>.bk-username a { text-decoration: none !important; color: #444; font-weight: bold; outline: 0 !important; } .atbs-ceris-offcanvas__section .lwa-avatar .bk-canvas-logout { border-left: 1px solid rgba(0, 0, 0, 0.15); display: inline-block !important; margin-left: 10px; padding-left: 10px; } .atbs-ceris-offcanvas__section .bk-canvas-logout a { text-decoration: none !important; color: #444; font-weight: bold; outline: 0 !important; } .atbs-ceris-offcanvas__section .bk-lwa.navigation-bar-btn .avatar, .atbs-ceris-offcanvas__section .navigation-bar-btn span, .atbs-ceris-offcanvas__section .navigation-bar-btn i { line-height: 1; } .atbs-ceris-offcanvas__section tr, .lwa-template-modal>.bk-lwa>table>tbody>tr { border-bottom: none !important; } .lwa-modal { padding: 0; background: none; width: auto; margin-left: 0; } .lwa-status, .bk-login-status { margin-bottom: 20px; } .lwa-avatar.bk-avatar img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .bk-lwa.navigation-bar-btn { position: relative; } .bk-lwa.navigation-bar-btn .avatar { line-height: 60px; } .sticky-header .bk-lwa.navigation-bar-btn .avatar { line-height: 70px; } .bk-lwa.navigation-bar-btn .avatar > a { font-size: 0; display: block; } .bk-account-info { width: 230px; position: absolute; top: 100%; right: 0; bottom: auto; left: auto; /*padding: 15px 0 10px 0;*/ padding: 15px 0 0 0; background: #fff; opacity: 0; visibility: hidden; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1), 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1), 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05); box-shadow: 0 0 4px rgba(0, 0, 0, 0.1), 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05); -webkit-transform: scale(1, 0.9); -ms-transform: scale(1, 0.9); -moz-transform: scale(1, 0.9); -o-transform: scale(1, 0.9); transform: scale(1, 0.9); -webkit-transform-origin: top left; -ms-transform-origin: top left; -moz-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; -o-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; -moz-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; z-index: 30; overflow-y: auto; max-height: 380px; } .bk-account-info::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 20px; border-radius: 20px; background-color: #F5F5F5; } .bk-account-info::-webkit-scrollbar { width: 3px; background-color: #F5F5F5; } .bk-account-info::-webkit-scrollbar-thumb { -webkit-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #999; } .bk-lwa:hover>.bk-account-info { opacity: 1; visibility: visible; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; -moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; } .bk-lwa-profile { text-align: left; } .bk-lwa-profile .profile-author-wrap{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; align-items: center; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 0 25px 15px 25px; border-bottom: 1px solid rgba(0,0,0,0.1); } .bk-lwa-profile .bk-avatar { width: auto; height: auto; float: none; margin-left: 0; position: initial; -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; transform: none; text-align: left; margin-right: 5px; } .bk-lwa-profile.bk-profile-custom .bk-avatar img{ width: 50px; height: 50px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .lwa-avatar.bk-avatar img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .bk-lwa-profile .bk-username > a{ font-size: 16px; line-height: 50px; font-weight: 600; color: rgba(0,0,0,0.6); text-transform: capitalize; } .bk-lwa-profile .bk-user-data { color: rgba(0,0,0,0.8); font-size: 14px; text-align: left; line-height: 1; } .bk-lwa-profile .bk-user-data>div { padding: 0 8px; } .bk-lwa-profile.bk-profile-custom .bk-user-item{ padding: 12px 25px; } .bk-lwa-profile.bk-profile-custom .bk-user-item:not(:last-child){ border-bottom: 1px solid rgba(0,0,0,0.1); } .bk-lwa-profile.bk-profile-custom .bk-user-item a{ font-size: 14px; line-height: 1.5; font-weight: 400; display: block; color: rgba(0,0,0,0.5); text-transform: initial; } .bk-lwa-profile .bk-user-data>div:first-child { margin-top: 0; } .bk-lwa-profile .bk-user-data i { margin-right: 5px; width: 17px; height: 17px; line-height: 14px; color: #666; } .bk-recover-submit input[type="submit"], .bk-register-submit input[type="submit"] { font-size: 12px; padding: 8px 12px; float: right; width: auto; text-transform: uppercase; background: none; border: 1px solid #888; color: #888; } .bk-recover-submit .bk-back-login, .bk-register-form-wrapper .bk-back-login { text-transform: uppercase; font-size: 12px; color: #888; padding: 8px 12px; border: 1px solid #888; float: left; -ms-transform: none; -moz-transform: none; -o-transform: none; transform: none; -webkit-transform: none; -o-transition: none; -moz-transition: none; transition: none; -webkit-transition: none; } .bk-back-login i { margin-right: 8px; } .lwa .bk-remember-form-wrapper, .lwa .bk-register-form-wrapper { margin-top: 0; } .lwa-modal .lwa-modal-close { font-size: 20px; top: 15px; right: 15px; } .bk-login-modal a { -ms-transform: none; -moz-transform: none; -o-transform: none; transform: none; -webkit-transform: none; -o-transition: none; -moz-transition: none; transition: none; -webkit-transition: none; } .bk-lwa-profile .bk-user-data a:visited, .bk-lwa-profile .bk-user-data a:focus, .bk-lwa-profile .bk-user-data a:hover { text-decoration: none !important; color: inherit; outline: 0 !important; } .bk-lwa-profile .bk-user-data a { color: #444; } .mobile-header .bk-lwa table{ margin: 0; } .mobile-header .lwa-avatar{ padding: 0; } @media (max-width: 767px){ .bk-lwa.navigation-bar-btn .avatar { /*line-height: 50px;*/ } } /** Plugins **/ .apsl-login-networks a:last-child .apsl-icon-block { margin-right: 0; } span.apsl-login-new-text { font-weight: normal; } /** Modules **/ .atbs-ceris-horizontal-list .item-list:nth-child(3n+1) { clear: both; } /** Post Cat Margin **/ @media (min-width: 768px) { .post__cat, a.post__cat, .entry-cat, a.entry-cat { font-size: 10px; font-size: 0.71429rem; } } /** Shortcode **/ .atbs-ceris-shortcode-wrap { margin-top: 2em; margin-bottom: 2em; } /** Single **/ .single-entry--template-2-alt .single-entry-featured-media { margin-bottom: 30px; } @media (max-width: 767px) { .single-entry--template-2-alt .single-entry-featured-media, .single-entry--template-2--no-sidebar .single-entry-featured-media { margin-left: -15px; margin-right: -15px; margin-top: -20px; } } .single-entry--template-4 .single-entry-featured-media { position: relative; margin-top: -70px; margin-left: 0; margin-right: 0; } @media (min-width: 992px) { .single-entry--template-4 .single-entry-featured-media { margin-top: -110px; } } .post_format-post-format-gallery .single-entry-featured-media { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } @media (max-width: 991px) { .single-entry--template-4 .single-entry-thumb, .single-entry--template-4 .single-entry-featured-media{ margin-top: -110px; } } @media (max-width: 768px) { .single-entry--template-4 .single-entry-thumb, .single-entry--template-4 .single-entry-featured-media{ margin-top: -90px; } } .page-404-logo a { font-size: 50px; font-weight: bold; } .page-404-image .page-404-title { text-align: center; font-size: 120px; font-weight: bold; } /*Featured With OverLap (Default Thumb)*/ .featured-with-overlap-posts .ceris-default-thumb { width: 100%; height: 131px; background: #333; } /* Ajax Load More Button */ .js-ajax-load-post .js-ajax-load-post-trigger { -webkit-transition: all 10s ease; -o-transition: all 10s ease; -moz-transition: all 10s ease; transition: all 10s ease; } .js-ajax-load-post .js-ajax-load-post-trigger i, .rating-submit i { font-size: 0px; opacity: 0; -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; -moz-transition: 0.3s all ease; transition: 0.3s all ease; } .mdicon-spinner2{ position: relative; } .js-ajax-load-post.ceris_loading .js-ajax-load-post-trigger i, .rating-submit.ceris_loading i { font-size: 14px; margin-left: 12px; margin-bottom: 2px; opacity: 1; -webkit-animation: spin 2s linear infinite; /* Safari */ -moz-animation: spin 2s linear infinite; -o-animation: spin 2s linear infinite; animation: spin 2s linear infinite; visibility: visible; } /* Safari */ @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes spin { 0% { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } /** Update 4.3 **/ .site-header__img { text-align: right; } /** Update 5.1**/ .author-listing-grid--layout ul li:nth-child(2n+1) { clear: both; } .author-listing-grid--fw-layout ul li:nth-child(3n+1) { clear: both; } .ceris-author-grid-page .author-box { -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .ceris-author-grid-page .author-box > div { width: 100%; } .ceris-author-grid-page .author-box .author-socials { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -ms-flex-wrap: wrap-reverse; -webkit-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } .ceris-author-grid-page .atbs-ceris-main-col, .ceris-author-grid-page .atbs-ceris-main { margin-top: 50px; } @media (min-width: 768px) { div[class*="author-listing-grid-"] .author-box__text, div[class*="author-listing-grid-"] .author-box .author-info { padding-left: 0; text-align: center; } div[class*="author-listing-grid-"] .author-box .author-avatar { height: 100px; width: 100px; margin: -50px auto 20px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 4px solid #fff; -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04); box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04); position: static; -ms-transform: none; -moz-transform: none; -o-transform: none; transform: none; -webkit-transform: none; } } /* ----------------------- all home css */ /* home-1 */ @media (min-width: 1200px) { .container{ width: 1200px; } } @media (min-width: 577px) and (max-width: 767px){ .container{ width: 540px; } } .items-clear-both-2 > div:nth-child(2n+1){ clear: both; } .items-clear-both-3 > div:nth-child(3n+1){ clear: both; } @media (max-width: 991px) { .items-clear-both-3 > div:nth-child(3n+1){ clear: none; } .items-clear-both-3 > div:nth-child(2n+1){ clear: both; } } .remove-margin-bottom-lastchild *:last-child{ margin-bottom: 0 !important; } /**/ /**/ .atbs-ceris-block{ margin-bottom: 100px; } .atbs-ceris-block-sub:not(:last-child){ margin-bottom: 60px; } .remove-margin-bottom-lastchild *:last-child{ margin-bottom: 0 !important; } /* color */ :root{ --color-white: #fff; --color-text: #222222; --color-logo: #3545ee; --color-sub: rgba(34, 34, 34, 0.8); } /* font-family */ /* rubik */ .font-family-rubik, .post__title, .post__title a{ } /* roboto */ /**/ /*post*/ /*-----post-thumb - weight-------*/ .post__thumb-width-80 .post__thumb { width: 80px; } .post__thumb--width-400 .post__thumb{ width: 400px; } .post__thumb--width-450 .post__thumb{ width: 450px; } /* post-thumb - height */ .post__thumb-80 .post__thumb { height: 80px; } .post__thumb-120 .post__thumb { height: 120px; } .post__thumb-140 .post__thumb { height: 140px; } .post__thumb-140 .post__thumb { height: 160px; } .post__thumb-180 .post__thumb { height: 180px; } .post__thumb-200 .post__thumb { height: 200px; } .post__thumb-250 .post__thumb{ height: 250px; } .post__thumb-260 .post__thumb{ height: 260px; } .post__thumb-295 .post__thumb{ height: 295px; } .post__thumb-360 .post__thumb{ height: 360px; } .post__thumb-300 .post__thumb{ height: 300px; } .post__thumb-380 .post__thumb{ height: 380px; } .post__thumb-400 .post__thumb{ height: 400px; } .post__thumb-420 .post__thumb{ height: 420px; } .post__thumb-450 .post__thumb{ height: 450px; } .post__thumb-460 .post__thumb{ height: 460px; } .post__thumb-470 .post__thumb{ height: 470px; } .post__thumb-480 .post__thumb{ height: 480px; } .post__thumb-500 .post__thumb{ height: 500px; } .post__thumb-550 .post__thumb{ height: 550px; } .post__thumb-560 .post__thumb{ height: 560px; } .post__thumb-580 .post__thumb{ height: 580px; } .post__thumb-600 .post__thumb{ height: 600px; } .post__thumb-640 .post__thumb{ height: 640px; } .post__thumb-675 .post__thumb{ height: 675px; } .post__thumb-700 .post__thumb{ height: 700px; } .post__thumb-160 .post__thumb{ height: 160px; } .post__thumb-800 .post__thumb{ height: 800px; } .post__thumb-850 .post__thumb{ height: 850px; } .post--overlay-height-300 .post__text{ min-height: 300px; } .post--overlay-height-360 .post__text{ min-height: 360px; } .post--overlay-height-400 .post__text { min-height: 400px; } .post--overlay-height-435 .post__text { min-height: 435px; } .post--overlay-height-520 .post__text{ min-height: 520px; } .post--overlay-height-785 .post__text{ min-height: 785px; } .post--overlay-height-735 .post__text { min-height: 735px; } /* post-cat */ .post__cat, a.post__cat{ font-size: 12px; color: var(--color-sub); border-bottom: none; opacity: 1; text-transform: uppercase; margin-bottom: 12px; } a.post__cat.post__cat--bg, a.post__cat.post__cat--bg[class*="cat-"] { font-weight: 400 !important; color: #fff !important; } /** For specific modules **/ .post--horizontal-xs .post__cat, .post--horizontal-xs a.post__cat{ margin-bottom: 10px; font-size: 11px; font-weight: 500; } .listing-list-d a.post__cat, .listing-list-e a.post__cat{ font-weight: 500; } .inverse-text .post__cat, .inverse-text a.post__cat { color: #fff; } /* Smaller Post Cat */ .posts-has-smaller-post-cat .post__cat, .posts-has-smaller-post-cat a.post__cat{ /*font-size: 11px;*/ z-index: 1; } /* post cat has line */ a.post__cat.post__cat-has-line{ position: relative; padding-left: 13px; font-weight: 500; } .post__cat-has-line:before{ content: ''; width: 3px; height: 60%; background-color: #0661f1; position: absolute; left: 0; top: 50%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); } /* post-title */ .post__title{ font-weight: bold; margin-top: 0; color: #222222; word-break: break-word; } /* post-expect */ .post__excerpt{ margin-top: 0; font-size: 15px; color: rgba(34, 34, 34, 0.6); line-height: 1.6; } .post__excerpt > a.excerpt-link { color: inherit; decoration: none !important; } /*-----post-read more------------*/ a.readmore-normal, .readmore-normal{ display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; text-decoration: none; color: var(--color-text); font-size: 15px; } /*----post-interactive-----------*/ .post__meta span a, .post__meta span{ color: #666; } .inverse-text .post__meta span a, .inverse-text .post__meta span{ color: #fff; } .readmore-normal i{ margin-left: 8px; } .dots-circle .owl-dot{ padding: 4px; } .dots-circle .owl-dot span{ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .dots-circle .owl-dot.active span{ background-color: var(--color-logo); } .post--overlay.post--overlay-text-has-shadow{ overflow: initial; } /* flex-wrap */ .flexbox-space-x{ -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; } .flexbox-space-y{ -ms-flex-line-pack: justify; -webkit-align-content: space-between; align-content: space-between; } .flexbox-space-y > *{ width: 100%; } .flexbox-space-y-top{ -ms-flex-item-align: start; -webkit-align-self: flex-start; align-self: flex-start; width: 100%; } .flexbox-space-y-bottom { -ms-flex-item-align: end; -webkit-align-self: flex-end; align-self: flex-end; width: 100%; } .flexbox-center-x{ -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; } .flexbox-center-y{ -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .flexbox-center-xy{ -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; } .flexbox-right-x{ -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; justify-content: flex-end; } .flexbox-bottom-y{ -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-box-align: end; align-items: flex-end; } .flexbox-top-y{ -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-box-align: end; align-items: flex-end; } .flexbox-wrap{ display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .flexbox-wrap.flexbox-wrap-1i > *, .flexbox-wrap .flexbox-item-100{ width: 100%; } .flexbox-wrap.flexbox-wrap-2i > *, .flexbox-wrap .flexbox-item-50{ width: 50%; } .flexbox-wrap.flexbox-wrap-3i > *{ width: -webkit-calc(100% / 3); width: -moz-calc(100% / 3); width: calc(100% / 3); } .flexbox-wrap.flexbox-wrap-4i > *{ width: -webkit-calc(100% / 4); width: -moz-calc(100% / 4); width: calc(100% / 4); } .flexbox-wrap.flex-space-15{ margin: -7.5px; } .flexbox-wrap.flex-space-15 > *{ padding: 7.5px; } .flexbox-wrap.flex-space-20{ margin: -10px; } .flexbox-wrap.flex-space-20 > *{ padding: 10px; } .flexbox-wrap.flex-space-30{ margin: -15px; } .flexbox-wrap.flex-space-30 > *{ padding: 15px; } .flexbox-wrap.flex-space-40{ margin: -20px; } .flexbox-wrap.flex-space-40 > *{ padding: 20px; } .flexbox-wrap.flex-space-45{ margin: -22.5px; } .flexbox-wrap.flex-space-45 > *{ padding: 22.5px; } .flexbox-wrap.flex-space-50{ margin: -25px; } .flexbox-wrap.flex-space-50 > *{ padding: 25px; } .flexbox-wrap.flex-space-55{ margin: -27.5px; } .flexbox-wrap.flex-space-55 > *{ padding: 27.5px; } .flexbox-wrap.flex-space-60{ margin: -30px; } .flexbox-wrap.flex-space-60 > *{ padding: 30px; } .flexbox-wrap.flex-space-70{ margin: -35px; } .flexbox-wrap.flex-space-70 > *{ padding: 35px; } .flexbox-wrap.flex-space-80{ margin: -40px; } .flexbox-wrap.flex-space-80 > *{ padding: 40px; } .flexbox-wrap.flex-space-90{ margin: -45px; } .flexbox-wrap.flex-space-90 > *{ padding: 45px; } .flexbox-wrap.flex-space-100{ margin: -50px; } .flexbox-wrap.flex-space-100 > *{ padding: 50px; } .flexbox-wrap.flex-space-110{ margin: -55px; } .flexbox-wrap.flex-space-110 > *{ padding: 55px; } .flex-self-start{ -ms-flex-item-align: start; -webkit-align-self: flex-start; align-self: flex-start; } .flex-column-reverse > *:not(.container){ /*width: 100%;*/ } .flex-row-reverse > *{ width: 100%; } .flex-row-reverse > *:not(:last-child){ margin-bottom: 30px; } @media(min-width: 768px){ .flex-column-reverse{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; flex-direction: column-reverse; } .flex-row-reverse{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; flex-direction: row-reverse; } } @media (max-width: 991px){ .flexbox-wrap.flexbox-wrap-4i > *{ width: 50%; } } @media (max-width: 767px){ .flexbox-wrap.flexbox-wrap-2i > *{ width: 100%; } } @media (max-width: 420px){ .flexbox-wrap.flexbox-wrap-4i > *, .flexbox-wrap .flexbox-item-50{ width: 100%; } } /* font-size */ @media (min-width: 768px){ .typescale-2.custom-typescale-2--lg { font-size: 1.5rem; line-height: 1.5; font-weight: 600; } .typescale-2.custom-typescale-2{ font-size: 1.428rem; line-height: 1.5; font-weight: 600; } .typescale-2.custom-typescale-2--xs { font-size: 1.3571rem; line-height: 1.5; font-weight: 600; } .typescale-2.custom-typescale-2--xxs { font-size: 1.2857rem; line-height: 1.5; font-weight: 600; } } @media (min-width: 992px){ .typescale-0.custom-typescale-0{ font-size: 16px; font-size: 1.1428rem; line-height: 1.5; } .typescale-2.custom-typescale-2--lg { font-size: 1.5rem; line-height: 1.5; font-weight: 600; } .typescale-2.custom-typescale-2{ font-size: 1.428rem; line-height: 1.5; font-weight: 600; } .typescale-2.custom-typescale-2--xs { font-size: 1.3571rem; line-height: 1.5; font-weight: 600; } .typescale-2.custom-typescale-2--xxs { font-size: 1.2857rem; line-height: 1.5; font-weight: 600; } .typescale-3.custom-typescale-3{ font-size: 24px; font-size: 1.7142rem; line-height: 1.5; } } @media (max-width: 991px){ .atbs-ceris-pagination__links{ text-align: center; } } @media (max-width: 767px) { .post__cat, a.post__cat{ font-size: 12px; } .typescale-0.custom-typescale-0{ font-size: 1.143rem; } } @media (max-width: 480px) { .post__cat, a.post__cat{ font-size: 12px; } } @media (max-width: 380px) { .typescale-0.custom-typescale-0{ font-size: 15px; font-size: 1.0714rem; /*font system*/ } } /* .all home css ----------------------- */ /* ----------------------- header css */ .header-10 .site-header { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .header-10 .navigation-bar{ height: 80px; } .header-10 .navigation-bar--fullwidth .container .navigation-bar__inner{ height: 80px; } .header-10 .navigation--main > li > a{ padding: 0 20px; height: 80px; line-height: 80px; } .header-10 .navigation--main > li > a:before{ bottom: auto; top: 0; background-color: var(--color-logo); } .header-10 .navigation-bar .header-logo img{ max-height: 80px; } .header-10 .navigation-bar-btn{ height: 80px; line-height: 80px; } .header-10 .sticky-header .navigation-bar-btn{ height: 70px; line-height: 70px; } .header-10 .sticky-header .navigation--main > li > a{ height: 70px; line-height: 70px; } .header-10 .sticky-header .navigation-bar{ height: 70px; } .header-10 .sticky-header .site-logo{ height: 70px; padding-left: 5px; line-height: 70px; } .header-10 .btn-bookmark-list { height: 80px; margin-right: 17px; } .header-10 #atbs-ceris-mobile-header .btn-bookmark-list { height: 70px; } .sticky-header .site-logo{ line-height: 70px; } .menu-icon a{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; margin-right: 10px; } .mobile-header .menu-icon a { margin-right: 0; padding-right: 0; } .mobile-header .menu-icon a span:not(:last-child) { margin-right: 0; } #atbs-ceris-sticky-header .menu-icon{ margin-right: 10px; } .menu-icon a span:not(:last-child) { margin-right: 10px; } .menu-icon a span:not(.menu-icon--text){ height: 2px; width: 22px; background-color: #000; position: relative; opacity: 0.85; } .menu-icon a span:not(.menu-icon--text):hover{ opacity: 1; } .menu-icon a span:not(.menu-icon--text):before{ content: ""; position: absolute; top: -webkit-calc(100% + 4px); top: -moz-calc(100% + 4px); top: calc(100% + 4px); left:0; height: 100%; width: 100%; background-color: #000; } .menu-icon a span:not(.menu-icon--text):after{ content: ""; position: absolute; bottom: -webkit-calc(100% + 4px); bottom: -moz-calc(100% + 4px); bottom: calc(100% + 4px); left:0; height: 100%; width: 100%; background-color: #000; } .mobile-header--inverse .menu-icon a span:not(.menu-icon--text) , .mobile-header--inverse .menu-icon a span:not(.menu-icon--text):before , .mobile-header--inverse .menu-icon a span:not(.menu-icon--text):after , .navigation-bar--inverse .menu-icon a span:not(.menu-icon--text) , .navigation-bar--inverse .menu-icon a span:not(.menu-icon--text):before, .navigation-bar--inverse .menu-icon a span:not(.menu-icon--text):after{ content: ""; background-color: #fff; } /* ----------------------- header-11 css */ .header-18 .navigation-bar, .header-17 .navigation-bar, .header-16 .navigation-bar, .header-14 .navigation-bar, .header-13 .navigation-bar, .header-11 .navigation-bar{ height: 70px; } .header-18 .navigation-bar-btn, .header-17 .navigation-bar-btn, .header-16 .navigation-bar-btn, .header-13 .navigation-bar-btn, .header-11 .navigation-bar-btn{ line-height: 70px; height: 70px; } .header-18 .bk-lwa.navigation-bar-btn .avatar, .header-17 .bk-lwa.navigation-bar-btn .avatar, .header-16 .bk-lwa.navigation-bar-btn .avatar, .header-13 .bk-lwa.navigation-bar-btn .avatar, .header-11 .bk-lwa.navigation-bar-btn .avatar{ line-height: 70px; } .header-18 .navigation--main>li>a, .header-17 .navigation--main>li>a, .header-16 .navigation--main>li>a, .header-14 .navigation--main>li>a, .header-13 .navigation--main>li>a, .header-11 .navigation--main>li>a{ line-height: 70px; padding: 0 25px; height: 70px; } .header-18 .navigation-bar .header-logo, .header-17 .navigation-bar .header-logo, .header-16 .navigation-bar .header-logo, .header-13 .navigation-bar .header-logo, .header-11 .navigation-bar .header-logo{ line-height: 70px; } .header-16 .btn-subscribe-theme:active, .header-14 .btn-subscribe-theme:active, .header-11 .btn-subscribe-theme:active, .header-16 .btn-subscribe-theme:focus, .header-14 .btn-subscribe-theme:focus, .header-11 .btn-subscribe-theme:focus, .header-16 .btn-subscribe-theme, .header-14 .btn-subscribe-theme, .header-11 .btn-subscribe-theme{ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: none; background: var(--color-logo); height: 70px; color: #fff; line-height: 70px; font-size: 15px; padding: 0 50px; } .header-14 a.navigation-bar__login-btn{ display: initial; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .header-18 a.navigation-bar__login-btn:hover, .header-17 a.navigation-bar__login-btn:hover, .header-16 a.navigation-bar__login-btn:hover, .header-15 a.navigation-bar__login-btn:hover, .header-14 a.navigation-bar__login-btn:hover, .header-13 a.navigation-bar__login-btn:hover, .header-12 a.navigation-bar__login-btn:hover, .header-11 a.navigation-bar__login-btn:hover{ opacity: 1; } a.navigation-bar__login-btn{ background: none !important; } a.navigation-bar__login-btn:hover{ background: none !important; } a.navigation-bar__login-btn:hover{ opacity: 1; } .header-16 .navigation-bar__inner, .header-14 .navigation-bar__inner, .header-11 .navigation-bar__inner{ padding:0; } .header-11 .offcanvas-menu-toggle{ padding: 0 50px; border-right: 1px solid rgb(0,0,0,0.1); } .header-13 #atbs-ceris-mobile-header .offcanvas-menu-toggle, .header-11 #atbs-ceris-mobile-header .offcanvas-menu-toggle{ padding: 0px; border-right:0; } .header-13 .offcanvas-menu-toggle span, .header-11 .offcanvas-menu-toggle span{ font-size: 15px; text-transform: capitalize; font-weight: 400; } .header-5 .site-logo.header-logo, .header-6 .site-logo.header-logo{ line-height: 60px; } .social-list--inverse.social-list>li>a{ color: rgba(255, 255, 255, 0.9); } .header-11 .site-logo.header-logo{ padding-left: 30px; } .header-11 .navigation--main>li:last-child>a{} .navigation--main>li>a{ } .header-11 .btn-bookmark-list{ height: 70px; } /* .header-11 css ----------------------- */ /* ----------------------- header-12 css */ .header-12 .navigation-bar{ border-top: 1px solid rgba(0, 0, 0, 0.05); } .header-12 .site-header{ } .header-12 .site-wrapper{ position: relative; } .header-12 .navigation--main>li>a{ padding: 0 25px; text-transform: capitalize; } @media(min-width: 992px){ .header-12 .site-header.container-1170{ width: 100%; position: absolute; left: 50%; top: 0; -webkit-transform: translatex(-50%); -ms-transform: translatex(-50%); -moz-transform: translatex(-50%); -o-transform: translatex(-50%); transform: translatex(-50%); } .header-12 .site-header .container-1170{ width: 970px; } } @media(min-width: 1200px){ .header-12 .site-header.container-1170{ width: 1170px; position: absolute; left: 50%; top: 50px; -webkit-transform: translatex(-50%); -ms-transform: translatex(-50%); -moz-transform: translatex(-50%); -o-transform: translatex(-50%); transform: translatex(-50%); } .header-12 .site-header .container-1170{ width: 1170px; } } .header-12 .header-main .menu-icon a, .header-15 .header-main .menu-icon a{ -webkit-box-pack: unset; -ms-flex-pack: unset; -webkit-justify-content: unset; -moz-box-pack: unset; justify-content: unset; } /* .header-12 css ----------------------- */ /* ----------------------- header-13 css */ .header-13 .site-logo.header-logo{ padding-left: 40px; } .header-17 .btn-subscribe-theme:active, .header-13 .btn-subscribe-theme:active, .header-17 .btn-subscribe-theme:focus, .header-13 .btn-subscribe-theme:focus, .header-17 .btn-subscribe-theme, .header-13 .btn-subscribe-theme{ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: none; background: var(--color-logo); color: #fff; font-size: 15px; padding: 9px 20px; } .header-13 .btn-search{ color: rgba(2,2,2,0.5); } .header-13 .navigation-bar--inverse .btn-search{ color: rgba(255, 255, 255, 0.95); } .space{ margin-left: -25px; margin-right: -25px; } /*.space >*{ padding-left: 25px; padding-right: 25px; }*/ .space >*:not(.atbs-theme-switch){ padding-left: 25px; padding-right: 25px; } .space-xs{ margin-left: -5px; margin-right: -5px; } .space-xs >*{ padding-left: 5px; padding-right: 5px; } .space-sm{ margin-left: -10px; margin-right: -10px; } .space-sm >*{ padding-left: 10px; padding-right: 10px; } .space-md{ margin-left: -15px; margin-right: -15px; } .space-md >*{ padding-left: 15px; padding-right: 15px; } .space-lg{ margin-left: -20px; margin-right: -20px; } .space-lg >*{ padding-left: 20px; padding-right: 20px; } .space-seperated{ margin-left: -25px; margin-right: -25px; } .space-seperated >*{ padding-left: 25px; padding-right: 25px; } .space-seperated >*:not(:first-child){ border-left: 1px solid rgba(0,0,0,0.05); } .navigation-bar--inverse .space-seperated >*:not(:first-child){ border-left: 1px solid rgba(255,255,255,0.5); } /* .header-13 css ----------------------- */ .header-13 .navigation-bar__section:last-child { overflow: visible; } .header-13 .btn-bookmark-list { height: 70px; } /* ----------------------- header-14 css */ .header-14 .icon-menu{ border-right: 1px solid rgba(0,0,0,0.05); } .header-14 .lwa.lwa-template-modal, .header-14 .subscribe{ padding: 0; } .header-14 .navigation-bar__section.search-border-right{ padding-left: 15px; padding-right: 15px; } .header-14 .navigation-bar__section.navigation-wrapper { position: relative; overflow: visible; } .header-14 .btn-bookmark-list{ margin-right: 0; height: 70px; padding: 0 10px; } .header-14 .mobile-header .btn-bookmark-list { line-height: 60px; height: 60px; margin-right: 4px; } .header-14 .subscribe { overflow: visible; } .header-14 .header-top { position: relative; z-index: 100; } @media(min-width:992px){ .search-border-right, .header-14 .header-logo{ border-right: 1px solid rgb(0,0,0,0.05); } } .header-14 .icon-menu, .header-14 .lwa.lwa-template-modal, .header-14 .subscribe{ width: 198px } .header-14 .sticky-header .lwa.lwa-template-modal { width: auto; } .header-14 .icon-menu, .header-14 .lwa.lwa-template-modal{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; z-index: 1; } .header-14 .btn-subscribe-theme{ display: block; } /* .header-14 css ----------------------- */ /* ----------------------- header-15 css */ .header-15 .btn-bookmark-list { margin-left: auto; } .header-15 .navigation-bar__inner:before{ content:""; width: 100%; height: 1px; background-color: rgb(0,0,0,0.05); top: 0; left: 0; position: absolute; } .header-14 .navigation-bar:before{ content:""; width: 100%; height: 1px; background-color: rgb(0,0,0,0.05); top: 0; left: 0; position: absolute; } /* .header-15 css ----------------------- */ /* ----------------------- header-16 css */ .header-16 .btn-bookmark-list { height: 70px; } .header-16 .offcanvas-menu-toggle.navigation-bar-btn{ background: var(--color-logo); color: #fff; padding-left: 25px; padding-right: 25px; } .header-16 .menu-icon .offcanvas-menu-toggle.navigation-bar-btn span, .header-16 .menu-icon .offcanvas-menu-toggle.navigation-bar-btn span:before, .header-16 .menu-icon .offcanvas-menu-toggle.navigation-bar-btn span:after{ background-color: #fff; } .header-16 .sticky-header .navigation-bar__inner{ padding-right: 15px; padding-left: 0; } @media(min-width: 992px){ .header-16 .navigation-bar .header-logo{ padding-left: 27px; } } /* .header-16 css ----------------------- */ /* ----------------------- header-17 css */ .header-17 .bk-lwa.navigation-bar-btn{ padding:0; } .header-17 .navigation-bar__section:last-child { overflow: visible; } .header-17 .btn-bookmark-list { height: 70px; } /* .header-17 css ----------------------- */ /* ----------------------- header-18 css */ .header-18 .btn-bookmark-list { height: 70px; } /* .header-18 css ----------------------- */ /**/ /* search form*/ .atbs-ceris-search-full{ background-color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; position: fixed; z-index: 999; visibility: hidden; overflow: hidden; padding: 0 15px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; width: 100%; height: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; left: 0; top: 0; -webkit-transform: scale(0); -ms-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); } /*---layout search---*/ .atbs-ceris-search-full .atbs-ceris-search-full--wrap{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; width: 100%; } .post-grid-video-space-between .post__text { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; padding: 0 65px; position: relative; } .post--overlay-height-320.post--overlay .post__text { min-height: 320px; } .atbs-ceris-search-full .atbs-ceris-search-full--form{ width: 820px; width: 45%; margin: auto; visibility: hidden; -webkit-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; transition: .5s ease-in-out; } .atbs-ceris-search-full .atbs-ceris-search-full--result{ display: block; visibility: hidden; position: absolute; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); -moz-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } /*left - frame search*/ .atbs-ceris-search-full .result-default [class*='search-']:not(:only-child){ margin-bottom: 50px; } .atbs-ceris-search-full .result-default [class*='search-']:last-child{ margin-bottom: 0; } .atbs-ceris-search-full .result-default [class*='search-module-heading']{ margin-bottom: 20px !important; } .atbs-ceris-search-full .result-default [class*='-list']{ -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; } /*left - post default*/ .atbs-ceris-search-full .result-default{ visibility: hidden; } /*search-recommend-articles*/ .atbs-ceris-search-full .search-recommend-articles{ padding: 0 4px; } .atbs-ceris-search-full .posts-time-line-wrap{ max-width: 425px; } .atbs-ceris-search-full .search-recommend-articles .post-list{ position: relative; padding-top: 10px; padding-bottom: 10px; } .atbs-ceris-search-full .search-recommend-articles .post-list:before{ content: ''; position: absolute; left: 0; top: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 1px; height: 100%; background-color: rgba(0,0,0,0.1); } .atbs-ceris-search-full .search-recommend-articles .list-item{ padding-left: 30px; position: relative; } .atbs-ceris-search-full .search-recommend-articles .list-item:not(:last-child){ margin-bottom: 30px; } .atbs-ceris-search-full .search-recommend-articles .list-item:before{ content: ''; position: absolute; left: 0; top: 8px; width: 8px; height: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: rgba(0,0,0,0.5); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .atbs-ceris-search-full.On .search-recommend-articles .list-item{ opacity: 0; } .atbs-ceris-search-full.On .search-recommend-articles .list-item{ -webkit-animation: 0.7s ease forwards running fadeInUp; -moz-animation: 0.7s ease forwards running fadeInUp; -o-animation: 0.7s ease forwards running fadeInUp; animation: 0.7s ease forwards running fadeInUp; } .atbs-ceris-search-full.On .search-recommend-articles .list-item:nth-child(1){ -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -o-animation-delay: 0.1s; animation-delay: 0.1s; } .atbs-ceris-search-full.On .search-recommend-articles .list-item:nth-child(2){ -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -o-animation-delay: 0.2s; animation-delay: 0.2s; } .atbs-ceris-search-full.On .search-recommend-articles .list-item:nth-child(3){ -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; } .atbs-ceris-search-full.On .search-recommend-articles .list-item:nth-child(4){ -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -o-animation-delay: 0.4s; animation-delay: 0.4s; } .atbs-ceris-search-full.On .search-recommend-articles .list-item:nth-child(5){ -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0,150%,0); transform: translate3d(0,150%,0); } to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @-moz-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0,150%,0); -moz-transform: translate3d(0,150%,0); transform: translate3d(0,150%,0); } to { opacity: 1; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @-o-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0,150%,0); transform: translate3d(0,150%,0); } to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0,150%,0); -moz-transform: translate3d(0,150%,0); transform: translate3d(0,150%,0); } to { opacity: 1; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @media (max-width: 1366px){ .atbs-ceris-search-full .posts-time-line-wrap { max-width: 370px; } } @media (max-width: 1024px){ .atbs-ceris-search-full .posts-time-line-wrap { max-width: 100%; } } /*post search*/ .atbs-ceris-search-full .result-default .search-terms-section { vertical-align: middle; } .atbs-ceris-search-full .result-default .search-terms-section ul{ display: inline-block; padding: 0; vertical-align: middle; list-style: none; } .atbs-ceris-search-full .result-default .search-terms-section li { display: inline-block; margin-right: 5px; } .atbs-ceris-search-full .result-default .search-terms-section li a{ font-size: 16px; margin-right: 15px; font-weight: 400; color: rgba(0,0,0,0.6); -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; text-decoration: none; } .atbs-ceris-search-full .result-default .search-terms-section li a:hover { background-color: #f8f8f8; color: var(--color-excerpt-1); } /*title*/ .atbs-ceris-search-full .result-default .search-module-heading { font-size: 20px; color: var(--color-logo); letter-spacing: 0; line-height: 2; font-weight: 700; } /*item tags*/ .atbs-ceris-search-full .search-tags .entry-tags{ text-align: left; } .atbs-ceris-search-full .search-tags .entry-tags ul{ padding: 0; margin: 0; list-style: none; } .atbs-ceris-search-full .search-tags .entry-tags li{ padding: 0; margin: 0; list-style: none; width: 200px; height: 100px; position: relative; } .atbs-ceris-search-full .search-tags .entry-tags li .category-tile__inner { min-height: 0; height: 100px; } .atbs-ceris-search-full .search-tags .entry-tags li:not(:last-child){ margin-right: 8px; margin-bottom: 8px; } .atbs-ceris-search-full .search-tags .entry-tags ul { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .atbs-ceris-search-full .search-tags .entry-tags ul > li > a{ font-size: 16px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; } .atbs-ceris-search-full .search-tags .entry-tags ul > li:not(.entry-tags__icon) > a:before{ display: none; } /*item post*/ .atbs-ceris-search-full .result-default .search-recommend-articles .post__title, .atbs-ceris-search-full .result-default .search-phrase .post__title{ font-weight: 400; } .atbs-ceris-search-full .result-default .search-phrase .post__title{ font-size: 15px; line-height: 1.5; } /*using animation*/ .atbs-ceris-search-full .result-default .search-tags, .atbs-ceris-search-full .result-default .search-phrase{ opacity: 0; } /*---search---*/ /*input*/ .atbs-ceris-search-full form{ width: 100%; max-width: 100px; margin: auto auto 75px auto; position: relative; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; opacity: 0; } .atbs-ceris-search-full .form-control{ padding: 15px 50px 15px 30px; width: 100%; height: 120px; border: none; outline: none; background-color: var(--color-logo); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #fff; font-size: 35px; } .atbs-ceris-search-full .form-control::-webkit-input-placeholder{ color: #fff; font-size: 28px; } .atbs-ceris-search-full .form-control::-moz-placeholder{ color: #fff; font-size: 28px; } .atbs-ceris-search-full .form-control:-ms-input-placeholder{ color: #fff; font-size: 28px; } .atbs-ceris-search-full .form-control::-ms-input-placeholder{ color: #fff; font-size: 28px; } .atbs-ceris-search-full .form-control:-moz-placeholder{ color: #fff; font-size: 28px; } .atbs-ceris-search-full .form-control::placeholder{ color: #fff; font-size: 28px; } /*button submit*/ .atbs-ceris-search-full .btn-search-full{ position: absolute; right: 26px; top: 50%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); background-color: transparent; border: none; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #fff; padding: 0; } .atbs-ceris-search-full .btn-search-full i{ font-size: 30px; } /*button remove*/ #atbs-ceris-search-remove{ position: absolute; right: 15px; top: 50px; margin: -15px 0; height: 25px; font-size: 20px; cursor: pointer; color: #222222; font-size: 35px; visibility: hidden; } /*---Open frame search---*/ .atbs-ceris-search-full.On{ max-width: 100%; opacity: 1; visibility: visible; width: 100%; height: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; -webkit-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /*input*/ .atbs-ceris-search-full.On form{ -o-transition: all 0.5s ease 0.5s; transition: all 0.5s ease 0.5s; -moz-transition: all 0.5s ease 0.5s; -webkit-transition: all 0.5s ease 0.5s; max-width: 100%; opacity: 1; } .atbs-ceris-search-full.On .atbs-ceris-search-full--form{ visibility: visible; } .atbs-ceris-search-full.On .form-control{ font-weight: 300; font-size: 25px; } .atbs-ceris-search-full.On input:focus{ outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /*post default*/ .atbs-ceris-search-full.On .atbs-ceris-search-full--form .result-default{ visibility: visible; padding-left: 30px; } .atbs-ceris-search-full.On .atbs-ceris-search-full--form .result-default .search-tags{ -webkit-animation: Search_FadeIn 1s forwards 0.7s; -moz-animation: Search_FadeIn 1s forwards 0.7s; -o-animation: Search_FadeIn 1s forwards 0.7s; animation: Search_FadeIn 1s forwards 0.7s; } .atbs-ceris-search-full.On .atbs-ceris-search-full--form .result-default .search-phrase{ -webkit-animation: Search_FadeIn 1s forwards 1s; -moz-animation: Search_FadeIn 1s forwards 1s; -o-animation: Search_FadeIn 1s forwards 1s; animation: Search_FadeIn 1s forwards 1s; } /*button remove*/ .atbs-ceris-search-full.On #atbs-ceris-search-remove{ visibility: visible; -webkit-transition-delay: 1s; -o-transition-delay: 1s; -moz-transition-delay: 1s; transition-delay: 1s; } /*---layout search result---*/ /*layout - left*/ /*input*/ .atbs-ceris-search-full.active .atbs-ceris-search-full--form{ width: 50%; max-width: 820px; margin: 0; padding-right: 80px; position: relative; } /*layout - right*/ .atbs-ceris-search-full.active .atbs-ceris-search-full--result{ position: initial; display: block; width: 50%; max-width: 700px; margin-left: 75px; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; -webkit-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); visibility: visible; } /*post-first (only module)*/ .atbs-ceris-search-full.active .atbs-ceris-search-full--result .post-grid-video-space-between:not(:last-child){ margin-bottom: 40px; } .atbs-ceris-search-full.active .atbs-ceris-search-full--result .post-grid-video-space-between .post__text-inner{ max-width: 90%; min-width: 260px; } .atbs-ceris-search-full.active .atbs-ceris-search-full--result .post-grid-video-space-between a.post__cat { margin-bottom: 15px; } .atbs-ceris-search-full.active .atbs-ceris-search-full--result .post-grid-video-space-between .post__title{ margin-bottom: 20px; margin-top: 0 !important; } .atbs-ceris-search-full.active .atbs-ceris-search-full--result .post-grid-video-space-between .post__meta{ margin-top: 0; margin-bottom: 0; color: #fff; } /*post-grid result*/ .atbs-ceris-search-full--result .post-grid-video-space-between .post__text { padding: 0 30px; } .atbs-ceris-search-full--result .post-grid-result{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 40px; } .atbs-ceris-search-full--result [class*='post-grid-result--']:not(:last-child){ margin-right: 40px; } /*post-grid result-left*/ .atbs-ceris-search-full .atbs-ceris-search-full--result .post-grid-result--left{ width: 370px; } /*post-grid result-body*/ .atbs-ceris-search-full .atbs-ceris-search-full--result .post-grid-result--body{ -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; } .atbs-ceris-search-full .post-grid-result--body .list-item:not(:last-child){ margin-bottom: 20px; } /*result-body post-vertical*/ .atbs-ceris-search-full .atbs-ceris-search-full--result .post--vertical-thumb-reverse .post__text{ margin-bottom: 20px; } .atbs-ceris-search-full .atbs-ceris-search-full--result .post--vertical-thumb-reverse .post__title{ font-size: 20px; margin-bottom: 0; font-weight: 400; } /*result-body post-horizontal*/ .post--horizontal-search .post__title{ font-size: 16px; } .post--horizontal-search .post__cat{ letter-spacing: 0.15px; } .atbs-ceris-search-full--result { max-height: 100%; overflow-x: auto; overflow-y: scroll; padding-right: 50px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /*button load all*/ .atbs-ceris-search-full--result .atbs-ceris-pagination{ margin-top: 0; } .atbs-ceris-search-full--result .atbs-ceris-pagination .btn{ color: var(--color-logo); -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; padding: 12px 20px; font-size: 15px; -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .atbs-ceris-search-full--result .atbs-ceris-pagination .btn:hover{ opacity: 0.8; } @-webkit-keyframes Search_FadeIn { 0%{ opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100%{ opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes Search_FadeIn { 0%{ opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); transform: translateY(-20px); } 100%{ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } } @-o-keyframes Search_FadeIn { 0%{ opacity: 0; -webkit-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } 100%{ opacity: 1; -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @keyframes Search_FadeIn { 0%{ opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } 100%{ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @media (max-width: 1600px){ /*---frame search---*/ /*input*/ .atbs-ceris-search-full .form-control::-webkit-input-placeholder{ font-size: 24px; } .atbs-ceris-search-full .form-control::-moz-placeholder{ font-size: 24px; } .atbs-ceris-search-full .form-control:-ms-input-placeholder{ font-size: 24px; } .atbs-ceris-search-full .form-control::-ms-input-placeholder{ font-size: 24px; } .atbs-ceris-search-full .form-control:-moz-placeholder{ font-size: 24px; } .atbs-ceris-search-full .form-control::placeholder{ font-size: 24px; } /*---frame result---*/ /*post-grid result-left*/ .atbs-ceris-search-full .atbs-ceris-search-full--result .post-grid-result--left{ width: 45%; } } @media (max-width: 1368px){ /*layout*/ /*---frame search---*/ .atbs-ceris-search-full.active .atbs-ceris-search-full--form{ padding-right: 60px; } .atbs-ceris-search-full .result-default [class*='search-']:not(:only-child){ margin-bottom: 40px; } .atbs-ceris-search-full .result-default [class*='search-']:last-child{ margin-bottom: 0; } .atbs-ceris-search-full .result-default [class*='search-module-heading'] { margin-bottom: 20px !important; } /*item post*/ .atbs-ceris-search-full .result-default .search-recommend-articles .post__title{ font-size: 18px; } /*---frame result---*/ .atbs-ceris-search-full.active .atbs-ceris-search-full--result{ margin-left: 60px; } /*post-grid result-left*/ .atbs-ceris-search-full .atbs-ceris-search-full--result .post-grid-result--left{ width: 275px; } .atbs-ceris-search-full .post-grid-result--left .post--vertical-thumb-reverse .post__thumb{ height: 195px; } /*post-grid result-body*/ .atbs-ceris-search-full .post-grid-result--body .list-item:not(:last-child){ margin-bottom: 30px; } /*edit*/ /*layout*/ /*---frame search---*/ .atbs-ceris-search-full{ -webkit-box-align: initial; -ms-flex-align: initial; -webkit-align-items: initial; -moz-box-align: initial; align-items: initial; padding-top: 40px; padding-bottom: 40px; } .atbs-ceris-search-full form{ margin: auto auto 60px auto; } .atbs-ceris-search-full .form-control{ height: 80px; } .atbs-ceris-search-full .result-default [class*='search-']:not(:only-child){ margin-bottom: 50px; } .atbs-ceris-search-full .result-default [class*='search-']:last-child{ margin-bottom: 0; } /*---frame result---*/ .atbs-ceris-search-full--result .post-grid-result{ margin-bottom: 40px; } /*post first*/ .atbs-ceris-search-full.active .atbs-ceris-search-full--result .post-grid-video-space-between:not(:last-child){ margin-bottom: 40px; } /*.post--overlay-height-320.post--overlay .post__text{*/ /* min-height: 200px;*/ /*}*/ .atbs-ceris-search-full.active .atbs-ceris-search-full--result .post-grid-video-space-between .post__title{ font-size: 22px; } .atbs-ceris-search-full.active #atbs-ceris-search-remove { display: block; right: 15px; top: -3px; margin: 0; width: 25px; height: 25px; font-size: 25px; -webkit-transition: 0s; -o-transition: 0s; -moz-transition: 0s; transition: 0s; z-index: 1; } } @media (min-width: 1200px) and (max-width: 1367px){ /*layout*/ /*---frame search---*/ .atbs-ceris-search-full .atbs-ceris-search-full--form{ width: 60%; } .atbs-ceris-search-full.active .atbs-ceris-search-full--form{ padding-right: 50px; } .atbs-ceris-search-full.active .result-default .search-recommend-articles .list-item:not(:last-child){ padding-bottom: 15px; margin-bottom: 15px; } .atbs-ceris-search-full.active .result-default .search-module-heading{ font-size: 18px; } /*item post*/ .atbs-ceris-search-full.active .result-default .search-recommend-articles .post__title{ font-size: 16px; } /*---frame result---*/ .atbs-ceris-search-full.active .atbs-ceris-search-full--result{ margin-left: 50px; } /*post-grid result-left*/ .atbs-ceris-search-full--result [class*='post-grid-result--']:not(:last-child){ margin-right: 30px; } .atbs-ceris-search-full .atbs-ceris-search-full--result .post-grid-result--left{ width: 250px; } /*post vertical thumb*/ .atbs-ceris-search-full .post-grid-result--left .post--vertical-thumb-reverse .post__thumb{ height: 200px; } .atbs-ceris-search-full .atbs-ceris-search-full--result .post--vertical-thumb-reverse .post__title{ font-size: 18px; } } @media (max-width: 1199px){ /*layout*/ /*---frame search---*/ .atbs-ceris-search-full .atbs-ceris-search-full--form{ width: 75%; } /*active*/ .atbs-ceris-search-full.active .atbs-ceris-search-full--form{ width: 55%; padding-right: 40px; } .atbs-ceris-search-full .atbs-ceris-search-full--form form{ margin-bottom: 50px; } /*input*/ .atbs-ceris-search-full .form-control{ height: 100px; } .atbs-ceris-search-full .form-control::-webkit-input-placeholder{ font-size: 20px; } .atbs-ceris-search-full .form-control::-moz-placeholder{ font-size: 20px; } .atbs-ceris-search-full .form-control:-ms-input-placeholder{ font-size: 20px; } .atbs-ceris-search-full .form-control::-ms-input-placeholder{ font-size: 20px; } .atbs-ceris-search-full .form-control:-moz-placeholder{ font-size: 20px; } .atbs-ceris-search-full .form-control::placeholder{ font-size: 20px; } /*item post*/ .atbs-ceris-search-full.active .result-default .search-recommend-articles .list-item:not(:last-child){ padding-bottom: 15px; margin-bottom: 15px; } .atbs-ceris-search-full .result-default .search-recommend-articles .post__title{ font-size: 16px; } .atbs-ceris-search-full .post-grid-result--left .post--vertical-thumb-reverse .post__thumb{ height: 250px; } /*---frame result---*/ .atbs-ceris-search-full.active .atbs-ceris-search-full--result{ width: 45%; margin-left: 40px; } /*post-grid result-left*/ .atbs-ceris-search-full .atbs-ceris-search-full--result .post-grid-result--left{ width: 100%; margin-right: 0; margin-bottom: 30px; } /*post-grid result-body*/ .atbs-ceris-search-full .atbs-ceris-search-full--result .post-grid-result--body{ width: 100%; -webkit-box-flex: initial; -ms-flex: initial; -webkit-flex: initial; -moz-box-flex: initial; flex: initial; } } @media (max-width: 991px) { /*layout*/ /*---frame search---*/ .atbs-ceris-search-full .result-default [class*='search-']:not(:only-child){ margin-bottom: 50px; } .atbs-ceris-search-full .result-default [class*='search-']:last-child{ margin-bottom: 0; } .atbs-ceris-search-full .atbs-ceris-search-full--form form{ margin-bottom: 50px; } .atbs-ceris-search-full .form-control{ height: 80px; } .atbs-ceris-search-full .result-default .search-module-heading{ font-size: 18px; } /*post item*/ .atbs-ceris-search-full .result-default .search-recommend-articles .post__title{ font-size: 14px; } .atbs-ceris-search-full .result-default .search-phrase .post__title{ font-size: 14px; } /*---frame result---*/ /*post-grid result-left*/ /*post vertical*/ .atbs-ceris-search-full .atbs-ceris-search-full--result .post--vertical-thumb-reverse .post__title{ font-size: 18px; } .atbs-ceris-search-full .post-grid-result--left .post--vertical-thumb-reverse .post__thumb{ height: 200px; } /*button close*/ .atbs-ceris-search-full.active #atbs-ceris-search-remove{ right: 5px; top: 0px; } } @media (max-width: 767px){ /*layout*/ /*---frame search---*/ .atbs-ceris-search-full.active .atbs-ceris-search-full--form, .atbs-ceris-search-full .atbs-ceris-search-full--form{ width: 100%; padding-right: 0; } .atbs-ceris-search-full.active .atbs-ceris-search-full--form:before{ display: none; } .atbs-ceris-search-full .result-default .search-recommend-articles .list-item:not(:last-child){ padding-bottom: 15px; margin-bottom: 15px; } /*---frame result---*/ .atbs-ceris-search-full.active .atbs-ceris-search-full--result{ display: none; } } @media (max-width: 576px) { /*layout*/ /*---frame search---*/ .atbs-ceris-search-full{ display: block; } .atbs-ceris-search-full .atbs-ceris-search-full--wrap{ display: block; margin-top: 100px; } } @media (max-width: 380px){ /*layout*/ /*---frame search---*/ .atbs-ceris-search-full .result-default [class*='search-']:not(:only-child){ margin-bottom: 60px; } } /* update wp btn view all*/ .form-submit .submit{ color: var(--color-logo); -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; padding: 12px 25px; border: 1px solid var(--color-logo); font-size: 15px; -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .atbs-ceris-pagination.atbs-ceris-pagination-view-all-post .btn{ background: none; font-size: 13px; text-transform: uppercase; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding:0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; color: var(--color-excerpt-1); letter-spacing: 0.5px; } .atbs-ceris-pagination .btn:active{ border: none; padding: 0; } .atbs-ceris-pagination.atbs-ceris-pagination-view-all-post{ padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .atbs-ceris-pagination.atbs-ceris-pagination-view-all-post .btn i{ font-size: 16px; outline: none; color: var(--color-excerpt-1); } .atbs-ceris-pagination.atbs-ceris-pagination-view-all-post .btn:hover{ background: none; color: var(--color-logo); } .atbs-ceris-pagination.atbs-ceris-pagination-view-all-post .btn:hover i{ color: var(--color-logo); } .atbs-ceris-pagination [class*='js-ajax-load-'] , .atbs-ceris-pagination [class*='js-ajax-load-']:active{ border: 1px solid var(--color-logo); background: var(--color-logo); color: #fff; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; padding: 12px 25px; font-size: 15px; -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .atbs-ceris-pagination [class*='js-ajax-load-']{ color: #fff !important; } a.post__cat.color-white{ color: #fff !important; } a.post__cat.color-white.cat-theme{ color: #fff !important; } a.post__cat.color-white:before{ content: ""; background-color: #fff !important; } #section-search-panel-popular-option span.tag { border: 1px solid #a5d24a; -moz-border-radius: 2px; -webkit-border-radius: 2px; display: block; float: left; padding: 5px; text-decoration: none; background: #cde69c; color: #638421; margin-right: 5px; margin-bottom: 5px; font-size: 13px; } /*Ajax Search Modify */ .ceris-ajax-no-result { font-size: 20px; padding: 20px 40px; border: 2px dashed #ccc; text-align: center; max-width: 300px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .typing-loader { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-25px, -50%); -ms-transform: translate(-25px, -50%); -moz-transform: translate(-25px, -50%); -o-transform: translate(-25px, -50%); transform: translate(-25px, -50%); z-index: 11; } .atbs-ceris-search-full--result.is-loading .search-results__inner { position: relative; } .atbs-ceris-search-full--result.is-loading .search-results__inner:before{ content: ''; top: 0; left: 0; right: 0; bottom: 0; position: absolute; background: rgba(255, 255, 255, 0.95); z-index: 10; } .atbs-ceris-search-full--result.is-loading .ceris-ajax-no-result { display: none; } .atbs-ceris-search-full{ -webkit-box-align: initial; -ms-flex-align: initial; -webkit-align-items: initial; -moz-box-align: initial; align-items: initial; padding-top: 100px; padding-bottom: 100px; } .result-default{ max-height: 550px; overflow-x: auto; padding-right: 60px; } .atbs-ceris-search-full--result{ max-height: 100%; /*max-height: 550px;*/ overflow-x: auto; padding-right: 50px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .atbs-ceris-search-full .result-default::-webkit-scrollbar, .atbs-ceris-search-full .atbs-ceris-search-full--result::-webkit-scrollbar{ width: 5px; -webkit-border-radius: 15px; border-radius: 15px; } .atbs-ceris-search-full--form { position: relative; } .result-default::-webkit-scrollbar-thumb, .atbs-ceris-search-full--result::-webkit-scrollbar-thumb{ -webkit-border-radius: 50px; border-radius: 50px; background-color: #e8e8e8; } /*research*/ .atbs-ceris-search-full .show-content{ opacity: 0; } .atbs-ceris-search-full.active .show-content{ -webkit-animation: 1s ShowContent forwards 0.5s; -moz-animation: 1s ShowContent forwards 0.5s; -o-animation: 1s ShowContent forwards 0.5s; animation: 1s ShowContent forwards 0.5s; } @-webkit-keyframes ShowContent { 0%{ opacity: 0; -webkit-transform: translateY(-50px); transform: translateY(-50px); } 100%{ opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes ShowContent { 0%{ opacity: 0; -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); transform: translateY(-50px); } 100%{ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } } @-o-keyframes ShowContent { 0%{ opacity: 0; -webkit-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); } 100%{ opacity: 1; -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @keyframes ShowContent { 0%{ opacity: 0; -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); } 100%{ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @media (max-width: 1366px){ .atbs-ceris-search-full.active #atbs-ceris-search-remove, .atbs-ceris-search-full.active #atbs-ceris-search-remove{ top: 40px; right: 40px; } .result-default{ /*max-height: calc( 100% - 140px);*/ } } @media (max-width: 1199px) { .atbs-ceris-search-full.active #atbs-ceris-search-remove, .atbs-ceris-search-full.active #atbs-ceris-search-remove{ right: 30px; } .atbs-ceris-search-full--result-inner .post-grid-video-space-between.post--overlay .post__text { min-height: 300px; padding: 0 35px; } .atbs-ceris-search-full.active .atbs-ceris-search-full--result .post-grid-video-space-between .post__title { font-size: 20px; } .atbs-ceris-search-full.active .atbs-ceris-search-full--result .post-grid-video-space-between .post__text-inner { max-width: 100%; } } @media (max-width: 767px){ .atbs-ceris-search-full{ -webkit-box-align: initial; -ms-flex-align: initial; -webkit-align-items: initial; -moz-box-align: initial; align-items: initial; padding-top: 80px; padding-bottom: 80px; } #atbs-ceris-search-remove, .atbs-ceris-search-full.active #atbs-ceris-search-remove{ position: fixed; right: 15px !important; top: 20px !important; width: auto; height: auto; font-size: 35px; margin: 0; } } @media (max-width: 576px) { .atbs-ceris-search-full .atbs-ceris-search-full--wrap{ margin-top: 0; } } @media (max-width: 480px){ #atbs-ceris-search-remove, .atbs-ceris-search-full.active #atbs-ceris-search-remove{ top: 30px; } } .atbs-ceris-search-full--result-inner .atbs-ceris-pagination [class*='js-ajax-load-'] i{ display: none; } .atbs-ceris-search-full--result-inner .atbs-ceris-pagination [class*='js-ajax-load-'] a{ text-decoration: none; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #fff; } .atbs-ceris-search-full--result-inner .atbs-ceris-pagination [class*='js-ajax-load-']:active{ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .atbs-ceris-search-full--form .search-tags .tags-list ul, .atbs-ceris-search-full--form .search-phrase .search-terms-list ul{ margin-bottom: -5px; } .atbs-ceris-search-full--form .search-tags .tags-list ul li, .atbs-ceris-search-full--form .search-recommend-articles .search-terms-list ul li{ padding-bottom: 5px; } /* m-b-0-mobile*/ @media(max-width: 991px){ .m-b-0-mobile-md{ margin-bottom: 0 !important; } } @media(max-width: 767px){ .m-b-0-mobile-sm{ margin-bottom: 0 !important; } } /** * Menu To Left */ .atbs-submenu-to-left .sub-menu { right: -webkit-calc(100%) !important; right: -moz-calc(100%) !important; right: calc(100%) !important; left: auto !important; } .atbs-submenu-to-right .sub-menu{ right: auto !important; bottom: auto !important; left: 100% !important; } /**/ .sticky-header .navigation-wrapper{ -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; } #sticky-main-menu.menu-main-menu-container{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; } /* .header-4 #main-menu.menu-main-menu-container, .header-5 #main-menu.menu-main-menu-container, .header-6 #main-menu.menu-main-menu-container{ display: flex; justify-content: center; }*/ .sticky-header .atbs-ceris-mega-menu{ left: auto; right: auto; } .header-17 .atbs-ceris-mega-menu, .header-16 .atbs-ceris-mega-menu, .header-13 .atbs-ceris-mega-menu, .header-11 .atbs-ceris-mega-menu, .header-6 .atbs-ceris-mega-menu, .header-5 .atbs-ceris-mega-menu, .sticky-header .navigation--main li > .atbs-ceris-mega-menu{ right: unset; left: 50%; max-width: 1170px; -moz-transform: translateX(-50%) scale(1, 0.9); -o-transform: translateX(-50%) scale(1, 0.9); transform: translateX(-50%) scale(1, 0.9); -webkit-transform: translateX(-50%) scale(1, 0.9); -ms-transform: translateX(-50%) scale(1, 0.9); transform: translateX(-50%) scale(1, 0.9); -webkit-transform-origin: top center; -ms-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; -o-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; -moz-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; } .header-17 .navigation--main li:hover > .atbs-ceris-mega-menu, .header-16 .navigation--main li:hover > .atbs-ceris-mega-menu, .header-13 .navigation--main li:hover > .atbs-ceris-mega-menu, .header-11 .navigation--main li:hover > .atbs-ceris-mega-menu, .header-5 .navigation--main li:hover > .atbs-ceris-mega-menu, .header-6 .navigation--main li:hover > .atbs-ceris-mega-menu, .sticky-header .navigation--main li:hover > .atbs-ceris-mega-menu{ opacity: 1; visibility: visible; -webkit-transform:translateX(-50%) scale(1, 1); -ms-transform:translateX(-50%) scale(1, 1); -moz-transform:translateX(-50%) scale(1, 1); -o-transform:translateX(-50%) scale(1, 1); transform:translateX(-50%) scale(1, 1); -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; -moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; } .section-has-subscribe-no-border .btn:active, .section-has-subscribe-no-border .btn:focus, .section-has-subscribe-no-border .btn { border: 0px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .section-has-subscribe-no-border > *{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-flex:1; -ms-flex:1; -webkit-flex:1; -moz-box-flex:1; flex:1; height: 70px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .header-16 .lwa.lwa-template-modal, .header-11 .lwa.lwa-template-modal{ padding-right: 15px; } .section-has-subscribe-no-border > .btn { background: none; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .section-has-subscribe-no-border > .btn:active, .section-has-subscribe-no-border > .btn:focus, .section-has-subscribe-no-border > *:hover{ background-color: rgba(0,0,0,0.05); color: #fff; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; -moz-transition: background-color 0.3s; transition: background-color 0.3s; } .section-has-subscribe-no-border > *:not(:last-child){ border-right: 1px solid rgba(0,0,0,0.05); } .section-has-subscribe-no-border .btn i{ margin:0; } .section-has-subscribe-no-border { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; } @media(max-width: 1199px){ .header-17 .atbs-ceris-mega-menu, .header-16 .atbs-ceris-mega-menu, .header-13 .atbs-ceris-mega-menu, .header-11 .atbs-ceris-mega-menu, .header-6 .atbs-ceris-mega-menu, .header-5 .atbs-ceris-mega-menu, .sticky-header .navigation--main li > .atbs-ceris-mega-menu{ max-width: 940px; } .sticky-header .atbs-ceris-mega-menu{ width: 970px; } } @media(max-width: 991px){ .sticky-header .atbs-ceris-mega-menu{ width: 750px; } } @media(max-width: 767px){ .sticky-header .atbs-ceris-mega-menu{ width: 540px; } } @media(max-width: 576px){ .sticky-header .atbs-ceris-mega-menu{ width: 100%; } } /* .header css ----------------------- */ /* ----------------------- footer css */ .footer-ceris .site-footer{ background-color: transparent; } .footer-ceris .site-footer__section-inner { position: relative; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .footer-ceris .navigation--footer > li{ padding-left: 30px; padding-right: 30px; } .footer-ceris .navigation--footer > li > a, .footer-ceris .atbs-ceris-offcanvas a{ color: #222222; font-size: 13px; font-weight: 600; text-transform: uppercase; } .footer-ceris .social-list > li > a{ font-size: 15px; color: rgba(34, 34, 34, 0.6); } .footer-ceris .site-footer__section:first-child{ padding-top: 30px; } .footer-ceris .site-footer__section{ padding-bottom: 30px; } @media (max-width: 991px) { .footer-ceris .site-footer__section-inner:not(:last-child) { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; margin-bottom: 25px; } .footer-ceris .site-footer__section-inner { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; } } @media (max-width: 767px){ .footer-ceris .site-footer .social-list{ width: 100%; } } @media (max-width: 576px) { .footer-ceris .navigation--footer > li{ width: 100%; } } /* .footer css ----------------------- */ /* ----------------------- sidebar css */ /* Slide bar -- frame*/ .widget{ margin-bottom: 55px; } .widget__title-text{ font-size: 17px; font-weight: 600; text-transform: initial; letter-spacing: 0; } /*--frame*/ .atbs-ceris-main-col{ width: 900px; } .atbs-ceris-sub-col{ width: 300px; } /*--slide bar*/ .atbs-ceris-widget-posts-list .list-space-md{ margin-bottom: 0; margin-top: 0; } .atbs-ceris-widget-posts-list .list-space-md > *:first-child{ padding-top: 0; } .atbs-ceris-widget-posts-list .list-space-md > *:last-child{ padding-bottom: 0; } /* .atbs-ceris-widget-posts-list .post__thumb{ // height: 70px; // margin-right: 20px; } */ .atbs-ceris-widget-posts-list .post__excerpt{ display: none; } .atbs-ceris-widget-posts-list .post__title{ line-height: 1.5; color: #222222; } .atbs-ceris-widget-posts-list.atbs-ceris-widget-posts-list-overlay-first .post__title, .atbs-ceris-widget-posts-list.atbs-ceris-widget-posts-list-overlay-first .post__cat, .atbs-ceris-widget-posts-list.atbs-ceris-widget-posts-list-overlay-first .background-img{ -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; -moz-transition: 0.3s ease; transition: 0.3s ease; } .atbs-ceris-widget-posts-list.atbs-ceris-widget-posts-list-overlay-first .posts-list li .post__cat{ opacity: 1; } .atbs-ceris-widget-posts-list.atbs-ceris-widget-posts-list-overlay-first li .background-img, .atbs-ceris-widget-posts-list.atbs-ceris-widget-posts-list-overlay-first ul:hover li.active .background-img{ -webkit-transition: 0.4s ease; -o-transition: 0.4s ease; -moz-transition: 0.4s ease; transition: 0.4s ease; } .atbs-ceris-widget-posts-list.atbs-ceris-widget-posts-list-overlay-first .background-img:after{ opacity: 0.4; background-color: #000000; } .atbs-ceris-widget-posts-list.atbs-ceris-widget-posts-list-overlay-first .posts-list li.active .post__cat{ color: #fff; opacity: 1; } .atbs-ceris-widget-posts-list.atbs-ceris-widget-posts-list-overlay-first .posts-list li{ border-top: 1px solid rgb(3,3,3,0.04); } .atbs-ceris-widget-posts-list.atbs-ceris-widget-posts-list-overlay-first .posts-list li:first-child { border: none; } .site-footer.inverse-text .atbs-ceris-widget-posts-list.atbs-ceris-widget-posts-list-overlay-first .posts-list li { border-color: rgb(3,3,3,0.08); } .atbs-ceris-widget-posts-list.atbs-ceris-widget-posts-list-overlay-first .posts-list:hover li:hover .post__cat[class*="cat-"]:before, .atbs-ceris-widget-posts-list.atbs-ceris-widget-posts-list-overlay-first .posts-list li.active .post__cat[class*="cat-"]:before, .atbs-ceris-widget-posts-list.atbs-ceris-widget-posts-list-overlay-first .posts-list:hover li.active:hover .post__cat[class*="cat-"]:before{ background-color: #fff !important; } .atbs-ceris-widget-posts-list.atbs-ceris-widget-posts-list-overlay-first .posts-list:hover li.active .post__cat:before { background-color: var(--color-logo) !important; } .atbs-ceris-widget-posts-list.atbs-ceris-widget-posts-list-overlay-first .posts-list li.active .post__title{ color: #fff; opacity: 1; } .atbs-ceris-widget-posts-list.atbs-ceris-widget-posts-list-overlay-first .post__text{ padding-top: 0; } .atbs-ceris-widget-posts-list.atbs-ceris-widget-posts-list-overlay-first .post__text-inner{ margin: auto; } .atbs-ceris-widget-posts-list.atbs-ceris-widget-posts-list-overlay-first .post--overlay{ background: none; } .atbs-ceris-widget-posts-list.atbs-ceris-widget-posts-list-overlay-first .post--overlay .background-img{ opacity: 0; } .atbs-ceris-widget-posts-list.atbs-ceris-widget-posts-list-overlay-first li.active .post--overlay .background-img{ opacity: 1; } .atbs-ceris-widget-posts-list.atbs-ceris-widget-posts-list-overlay-first ul:hover li.active .post--overlay .background-img{ opacity: 0; } .atbs-ceris-widget-posts-list.atbs-ceris-widget-posts-list-overlay-first ul:hover li.active .post--overlay .post__title{ color: #222; } .atbs-ceris-widget-posts-list.atbs-ceris-widget-posts-list-overlay-first ul:hover li.active .post--overlay .post__cat{ color: var(--color-sub); } .atbs-ceris-widget-posts-list.atbs-ceris-widget-posts-list-overlay-first ul:hover li.active .post--overlay .post__cat:before{ background-color: #0661f1; } .atbs-ceris-widget-posts-list.atbs-ceris-widget-posts-list-overlay-first ul:hover li.active:hover .post--overlay .post__cat:before{ background: red; } .atbs-ceris-widget-posts-list.atbs-ceris-widget-posts-list-overlay-first ul li:hover .post--overlay .background-img{ opacity: 1 } .atbs-ceris-widget-posts-list.atbs-ceris-widget-posts-list-overlay-first ul li:hover .post--overlay .post__title{ color: #fff; } .atbs-ceris-widget-posts-list.atbs-ceris-widget-posts-list-overlay-first ul li:hover .post--overlay .post__cat{ color: #fff; } .atbs-ceris-widget-posts-list.atbs-ceris-widget-posts-list-overlay-first ul li:hover .post--overlay .post__cat:before{ background-color: #fff !important; } .atbs-ceris-widget-posts-list.atbs-ceris-widget-posts-list-overlay-first ul li.active:hover .post--overlay .background-img{ opacity: 1 } .atbs-ceris-widget-posts-list.atbs-ceris-widget-posts-list-overlay-first ul li.active:hover .post--overlay .post__title{ color: #fff; } .atbs-ceris-widget-posts-list.atbs-ceris-widget-posts-list-overlay-first ul li.active:hover .post--overlay .post__cat{ color: #fff; } .atbs-ceris-widget-posts-list.atbs-ceris-widget-posts-list-overlay-first ul li.active:hover .post--overlay .post__cat:before{ background-color: #fff; } .media-left{ padding-right: 30px; } .list-index{ font-weight: 300; color: var(--color-logo); } .atbs-ceris-widget-indexed-posts-a .list-index{ font-size: 16px; font-weight: 400; font-style: italic; opacity: 0.7; width: 30px; height: 30px; text-align: center; display: inline-block; line-height: 30px; background: blue; color: #fff !important; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .atbs-ceris-widget-indexed-posts-a .media-left{ padding-right: 25px; } .atbs-ceris-widget-posts-list-overlay-first .post--overlay .post__text{ min-height: 150px; } /*--email*/ .widget-subscribe{ padding-top: 0; } .widget-subscribe .widget-subscribe__inner{ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #3343e9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .widget-subscribe .subscribe-form{ text-align: center; } .widget-subscribe .subscribe-form p{ margin-bottom: 25px; } .widget-subscribe .subscribe-form input.btn-primary{ background: #222; } .subscribe-form h4{ font-size: 20px; font-weight: 600; margin-bottom: 20px; } .subscribe-form small { color: #eee; } .widget-subscribe .subscribe-form__fields{ max-width: 100%; position: relative; } .widget-subscribe .subscribe-form__fields p{ margin-bottom: 0; } .widget-subscribe .subscribe-form__fields input[type="email"]{ width: 100%; height: 50px; background-color: #888; border: none; outline: none; color: #000; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 20px 45px 20px 15px; position: relative; } .widget-subscribe .subscribe-form__fields input::-webkit-input-placeholder { color: rgba(34, 34, 34, 0.6); opacity: 0.3; font-size: 12px; } .widget-subscribe .subscribe-form__fields input::-moz-placeholder { color: rgba(34, 34, 34, 0.6); opacity: 0.3; font-size: 12px; } .widget-subscribe .subscribe-form__fields input:-ms-input-placeholder { color: rgba(34, 34, 34, 0.6); opacity: 0.3; font-size: 12px; } .widget-subscribe .subscribe-form__fields input::-ms-input-placeholder { color: rgba(34, 34, 34, 0.6); opacity: 0.3; font-size: 12px; } .widget-subscribe .subscribe-form__fields input:-moz-placeholder { color: rgba(34, 34, 34, 0.6); opacity: 0.3; font-size: 12px; } .widget-subscribe .subscribe-form__fields input::placeholder { color: rgba(34, 34, 34, 0.6); opacity: 0.3; font-size: 12px; } .widget-subscribe .subscribe-form__fields button{ width: 40px; height: 50px; border: none; outline: none; color: var(--color-logo); background-color: transparent; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; font-size: 15px; position: absolute; right: 0; top: 0; padding: 0; } .widget-subscribe .subscribe-form__fields button span{ font-size: 12px; } /*--instagram*/ .widget--instagram .widget__content{ position: relative; margin: -5px; } .widget--instagram .instagram-item{ float: left; padding: 5px; width: 33.333%; -webkit-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; overflow: hidden; } .widget--instagram .instagram-item img{ -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } /*temp*/ .widget--instagram .instagram-item:nth-child(4n+1){ width: -webkit-calc( 150px + 5px); width: -moz-calc( 150px + 5px); width: calc( 150px + 5px); height: -webkit-calc( 165px + 5px); height: -moz-calc( 165px + 5px); height: calc( 165px + 5px); /*10px of padding top-bottom*/ } .widget--instagram .instagram-item:nth-child(4n+2), .widget--instagram .instagram-item:nth-child(4n+3){ width: -webkit-calc( 120px + 5px); width: -moz-calc( 120px + 5px); width: calc( 120px + 5px); height: -webkit-calc( 80px + 5px); height: -moz-calc( 80px + 5px); height: calc( 80px + 5px); } .widget--instagram .instagram-item:nth-child(4n+4){ width: 100%; height: -webkit-calc( 120px + 10px); height: -moz-calc( 120px + 10px); height: calc( 120px + 10px); } /* post-main-col -- frame*/ /*--*/ /*responsive for main-col and sub-col*/ @media (min-width: 1200px) { /* post main*/ .atbs-ceris-main-col{ width: 900px; } /* slide bar*/ .atbs-ceris-sub-col{ width: 300px; float: right; } } @media (max-width: 1199px) { /* main*/ .atbs-ceris-main-col{ width: 680px; } /*sub*/ .atbs-ceris-sub-col{ width: 290px; } } @media (min-width: 992px) and (max-width: 1199px){ .widget--instagram .instagram-item:nth-child(4n+2), .widget--instagram .instagram-item:nth-child(4n+3){ width: -webkit-calc( 110px + 5px); width: -moz-calc( 110px + 5px); width: calc( 110px + 5px); height: -webkit-calc( 80px + 5px); height: -moz-calc( 80px + 5px); height: calc( 80px + 5px); } } @media (max-width: 991px) { .atbs-ceris-main-col{ width: 100%; padding-right: 15px; } /* slide bar*/ .atbs-ceris-sub-col{ width: 100%; float: left; padding-top: 60px; } /*post list*/ .atbs-ceris-widget-posts-list.atbs-ceris-widget-posts-list-overlay-first .posts-list li{ width: 100%; } .atbs-ceris-widget-posts-list.atbs-ceris-widget-posts-list-overlay-first .posts-list li:not(:last-child) .post{ border-bottom: 1px solid rgba(0,0,0,.1); } .atbs-ceris-widget-posts-list.atbs-ceris-widget-posts-list-overlay-first .posts-list li:first-child .post{ border-bottom: none; } .atbs-ceris-widget-posts-list.atbs-ceris-widget-posts-list-overlay-first .posts-list li:not(:first-child) .post__text{ min-height: auto; padding: 20px 0; } .atbs-ceris-widget-posts-list.atbs-ceris-widget-posts-list-overlay-first .post__title{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } .atbs-ceris-widget-posts-list.atbs-ceris-widget-posts-list-overlay-first .post__text-inner{ margin: auto 0; width: 100%; } .atbs-ceris-widget-posts-list.atbs-ceris-widget-posts-list-media-nothumb .post__title{ line-height: 1.5; max-width: 80%; } /*sub*/ .widget-subscribe .subscribe-form{ text-align: center; } .widget-subscribe .subscribe-form__fields{ max-width: 75%; } /*categories*/ .widget_categories ul{ -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; /*justify-content: center;*/ /*margin: 0 auto;*/ /*margin: 0 -15px;*/ } .widget_categories li{ /*width: calc( 120px + 30px );*/ } /*instagram*/ .widget--instagram .instagram-list{ margin: 0 auto; width: 100% !important; } .widget--instagram .instagram-item:nth-child(n){ width: -webkit-calc(100% / 4); width: -moz-calc(100% / 4); width: calc(100% / 4); height: 150px; } /*.social*/ .atbs-ceris-widget-social-counter-counter{ text-align: center; } } @media (max-width: 767px) { /* side bar*/ .atbs-ceris-widget-posts-list.atbs-ceris-widget-posts-list-media-nothumb .posts-list li{ margin-bottom: 35px; padding-top: 0; } .atbs-ceris-widget-posts-list.atbs-ceris-widget-posts-list-media-nothumb .posts-list li:last-child{ margin-bottom: 0; } .atbs-ceris-widget-posts-list.atbs-ceris-widget-posts-list-media-nothumb .post__title{ font-size: 16px; font-size: 1.1428rem; /*font system*/ line-height: 1.5; max-width: 90%; } .atbs-ceris-widget-posts-list .post--horizontal .post__thumb{ margin-bottom: 0; margin-right: 15px; } /*categories*/ .widget_categories ul{ -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; /*justify-content: center;*/ /*margin: 0 -15px;*/ } .widget--instagram .widget__content{ position: relative; margin: 0; } } @media (max-width: 576px) { /*list*/ .atbs-ceris-widget-posts-list.atbs-ceris-widget-posts-list-media-nothumb .post__title{ max-width: 100%; } .widget-subscribe .subscribe-form__fields{ max-width: 100%; } } @media (max-width: 480px) { /* slide bar*/ /*--post*/ .atbs-ceris-widget-posts-list.atbs-ceris-widget-posts-list-media-nothumb .posts-list li{ margin-bottom: 25px; } .widget--instagram .instagram-item:nth-child(n){ width: -webkit-calc(100% / 2); width: -moz-calc(100% / 2); width: calc(100% / 2); height: 150px; } } /* .sidebar css ----------------------- */ /* ----------------------- Featured Slider Css */ .atbs-ceris-feature-slider .atbs-ceris-block__inner{ width: -webkit-calc( 50% + ( 1170px / 2 ) ); width: -moz-calc( 50% + ( 1170px / 2 ) ); width: calc( 50% + ( 1170px / 2 ) ); position: relative; } .atbs-ceris-feature-slider .post__text--wrap{ background-color: #fff; position: absolute; bottom: 0; left: 0; max-width: -webkit-calc( 100% - 1170px + 400px ); max-width: -moz-calc( 100% - 1170px + 400px ); max-width: calc( 100% - 1170px + 400px ); padding: 60px 60px 60px 0; padding-left: -webkit-calc( 100% - 1170px); padding-left: -moz-calc( 100% - 1170px); padding-left: calc( 100% - 1170px); } .atbs-ceris-feature-slider .post__cat, .atbs-ceris-feature-slider a.post__cat { margin-bottom: 15px; } .atbs-ceris-feature-slider .post__title{ font-size: 22px; font-size: 1.5714rem; /*font system*/ line-height: 1.4; margin-bottom: 15px; } .atbs-ceris-feature-slider .post__readmore{ width: 80px; height: 80px; background-color: var(--color-logo); position: absolute; right: -80px; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; } .atbs-ceris-feature-slider .readmore__text i{ font-size: 20px; color: #fff; } /* owl nav */ .atbs-ceris-feature-slider .owl-nav{ display: none; } .atbs-ceris-feature-slider .atbs-ceris-carousel-nav-custom-holder{ position: absolute; /*left: calc( 50% + ( 1170px / 2 - 70px ) );*/ right: 0; bottom: 0; z-index: 1; } .atbs-ceris-carousel-nav-custom-holder .owl-prev i, .atbs-ceris-carousel-nav-custom-holder .owl-next i{ font-size: 25px; } .atbs-ceris-feature-slider .owl-prev, .atbs-ceris-feature-slider .owl-next, .atbs-ceris-feature-slider .owl-number{ width: 70px; height: 60px; background-color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; font-size: 12px; margin: 0; } .atbs-ceris-feature-slider .owl-prev:hover, .atbs-ceris-feature-slider .owl-next:hover { width: 70px; } .atbs-ceris-feature-slider .slide-seperated{ margin: 0 2px; } /*owl-dot*/ .atbs-ceris-feature-slider .atbs-ceris-carousel .owl-dots{ position: absolute; right: -15px; top: 50%; display: none; -webkit-transform: translate(0,-50%) rotate(90deg); -ms-transform: translate(0,-50%) rotate(90deg); -moz-transform: translate(0,-50%) rotate(90deg); -o-transform: translate(0,-50%) rotate(90deg); transform: translate(0,-50%) rotate(90deg); padding: 0; } .atbs-ceris-feature-slider .atbs-ceris-carousel .owl-dot { padding: 5px; } .atbs-ceris-feature-slider .atbs-ceris-carousel .owl-dot span { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: rgba(255,255,255,0.4); } .atbs-ceris-feature-slider .atbs-ceris-carousel .owl-dot.active span { background-color: rgba(255,255,255,1); } /* feature - slider */ @media (max-width: 1199px){ /*feature - slider*/ .atbs-ceris-feature-slider .atbs-ceris-block__inner{ width: -webkit-calc( 50% + ( 940px / 2) ); width: -moz-calc( 50% + ( 940px / 2) ); width: calc( 50% + ( 940px / 2) ); } /*post*/ /*--thumb*/ .atbs-ceris-feature-slider .post__thumb{ height: 500px; } /*text*/ .atbs-ceris-feature-slider .post__text--wrap{ padding: 50px 50px 50px 0; max-width: -webkit-calc( 100% - 940px + 430px ); max-width: -moz-calc( 100% - 940px + 430px ); max-width: calc( 100% - 940px + 430px ); padding-left: -webkit-calc( 100% - 940px); padding-left: -moz-calc( 100% - 940px); padding-left: calc( 100% - 940px); } /* feature - slider*/ } @media (max-width: 991px){ /*feature - slider*/ .atbs-ceris-feature-slider .atbs-ceris-block__inner{ width: -webkit-calc( 50% + ( 720px / 2)); width: -moz-calc( 50% + ( 720px / 2)); width: calc( 50% + ( 720px / 2)); } /*-post-*/ /*text*/ .atbs-ceris-feature-slider .post__text--wrap{ padding: 30px 50px 30px 0; max-width: -webkit-calc( 100% - 720px + 330px ); max-width: -moz-calc( 100% - 720px + 330px ); max-width: calc( 100% - 720px + 330px ); padding-left: -webkit-calc( 100% - 720px); padding-left: -moz-calc( 100% - 720px); padding-left: calc( 100% - 720px); } /*--thumb*/ .atbs-ceris-feature-slider .post__thumb{ height: 450px; } /*--text*/ .atbs-ceris-feature-slider .post__title{ font-size: 22px; font-size: 1.5714rem; /*font-system*/ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; } /*/ feature - slider*/ } @media (max-width: 767px){ /*-feature - slider*/ .atbs-ceris-feature-slider .atbs-ceris-block__inner{ width: 100%; } /*button readmore*/ .atbs-ceris-feature-slider .post__readmore{ width: 60px; height: 60px; right: -60px; } /*nav-next-prev-number*/ .atbs-ceris-feature-slider .atbs-ceris-carousel-nav-custom-holder{ left: initial; right: 0; display: none; } .atbs-ceris-feature-slider .post__text--wrap { padding: 35px 50px 35px 50px; max-width: 430px; } .atbs-ceris-feature-slider .post__title{ max-width: 90%; } /*owl dots*/ .atbs-ceris-feature-slider .atbs-ceris-carousel .owl-dots{ display: initial; } /*---------// feature - slider--------*/ } @media (max-width: 680px){ /*---------feature - slider--------*/ .atbs-ceris-feature-slider .post__text--wrap { max-width: 380px; } /*---------// feature - slider--------*/ } @media (max-width: 576px) { /*---------feature - slider--------*/ /*------------post----------*/ /*--text*/ .atbs-ceris-feature-slider .post__text--wrap{ max-width: 380px; padding: 30px; } /*--thumb*/ .atbs-ceris-feature-slider .post__thumb{ height: 400px; } /*---------// feature - slider--------*/ } @media (max-width: 480px) { /*---------feature - slider--------*/ /*------------post----------*/ /*--thumb*/ .atbs-ceris-feature-slider .post__thumb{ height: 350px; } /*--text*/ .atbs-ceris-feature-slider .post__text--wrap{ max-width: 350px; } /*--button*/ .atbs-ceris-feature-slider .post__readmore{ display: none; } .atbs-ceris-feature-slider .post__title{ font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; font-weight: 600; } .atbs-ceris-feature-slider .post-type-icon { display: none; } /*---------// feature - slider--------*/ } @media (max-width: 420px) { /*---------feature - slider--------*/ /*------------post----------*/ /*--thumb*/ .atbs-ceris-feature-slider .post__thumb{ height: 330px; } /*--text*/ .atbs-ceris-feature-slider .post__text--wrap{ max-width: 325px; padding: 25px 30px; } /*---------// feature - slider--------*/ } @media (max-width: 380px) { /*feature - slider-*/ /*post*/ /*--text*/ .atbs-ceris-feature-slider .post__text--wrap{ max-width: 290px; padding: 25px; } .atbs-ceris-feature-slider .post__title { font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; font-weight: 600; } /*---------// feature - slider--------*/ } @media (max-width: 320px) { .atbs-ceris-feature-slider .post__thumb { height: 280px; } .atbs-ceris-feature-slider .post__title{ max-width: 100%; } .atbs-ceris-feature-slider .post__text--wrap{ max-width: 270px; } } .atbs-ceris-feature-slider .overlay-item{ top: 25px; right: 25px; } /* .Featured Slider Css ----------------------- */ /* ----------------------- Grid Carousel Css */ /* Frame */ .atbs-ceris-grid-carousel__inner{ width: -webkit-calc( 50% + ( 1170px / 2 ) ); width: -moz-calc( 50% + ( 1170px / 2 ) ); width: calc( 50% + ( 1170px / 2 ) ); position: relative; } .grid-carousel--wrap{ padding: 70px 95px 0 0; background-color: #f5f5f5; padding-left: -webkit-calc( 100% - 1170px); padding-left: -moz-calc( 100% - 1170px); padding-left: calc( 100% - 1170px); } .grid-carousel--wrap .owl-stage{ padding-bottom: 70px; } /* Post - item */ .atbs-ceris-grid-carousel .post-item{ padding: 5px 0; } .post--horizontal-thumb__top{ padding: 20px; background-color: #fff; } .atbs-ceris-grid-carousel .post:before{ content: ''; position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 86%; height: 100%; -webkit-box-shadow: 0px 20px 29px 0 rgba(0, 0, 0, 0.11); -moz-box-shadow: 0px 20px 29px 0 rgba(0, 0, 0, 0.11); box-shadow: 0px 20px 29px 0 rgba(0, 0, 0, 0.11); z-index: -1; } .post--horizontal-thumb__top .post__thumb{ width: 155px; height: 165px; /*margin-top: -20px;*/ margin-right: 30px } .post--horizontal-thumb__top .post__title{ line-height: 1.5; margin-bottom: 12px; } .post--horizontal-thumb__top .post-type-icon{ left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); bottom: auto; right: auto; } /*---owl-nav---*/ .atbs-ceris-grid-carousel .owl-nav{ display: none; } /*---owl-dots--*/ .atbs-ceris-grid-carousel .owl-dots { counter-reset: dots; display: inline-block; position: absolute; right: -60px; padding: 0; top: -webkit-calc(50% - 70px/2); top: -moz-calc(50% - 70px/2); top: calc(50% - 70px/2); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 28px; } .atbs-ceris-grid-carousel .owl-dot{ position: relative; height: 28px; width: 28px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; padding: 0; margin-bottom: 8px; } .atbs-ceris-grid-carousel .owl-dot:last-child{ margin-bottom: 0; } .atbs-ceris-grid-carousel .owl-dot:before { counter-increment:dots; content: counter(dots); position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); color: rgba(34, 34, 34, 0.6); font-size: 15px; } .atbs-ceris-grid-carousel .atbs-ceris-carousel .owl-dot span{ width: 100%; height: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: transparent; } .atbs-ceris-grid-carousel .atbs-ceris-carousel .owl-dot:last-child.active span{ width: 28px; height: 28px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: var(--color-logo); -webkit-box-shadow: 0px -5px 12px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px -5px 12px 0 rgba(0, 0, 0, 0.2); box-shadow: 0px -5px 12px 0 rgba(0, 0, 0, 0.2); } .atbs-ceris-grid-carousel .atbs-ceris-carousel .owl-dot.active span{ width: 28px; height: 28px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: var(--color-logo); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .atbs-ceris-grid-carousel .owl-dot.active:before{ color: #fff; } .atbs-ceris-grid-carousel .carousel-slide-content-flex{ padding-right:0; } .atbs-ceris-grid-carousel .carousel-slide-content-flex .grid-carousel--wrap { padding-left: -webkit-calc( 100% - 1170px + 70px ); padding-left: -moz-calc( 100% - 1170px + 70px ); padding-left: calc( 100% - 1170px + 70px ); } .atbs-ceris-grid-carousel .carousel-slide-content-flex .atbs-ceris-carousel{ padding-bottom: 55px; z-index: 1; } .atbs-ceris-grid-carousel .carousel-slide-content-flex .slide-content{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .atbs-ceris-grid-carousel .carousel-slide-content-flex .post-item{ width: 50%; padding: 5px; } /* Responsive */ @media (max-width: 1199px) { /* ---------------------------------------------------------------- Post - item */ .atbs-ceris-grid-carousel__inner{ width: -webkit-calc( 50% + ( 940px / 2 ) ); width: -moz-calc( 50% + ( 940px / 2 ) ); width: calc( 50% + ( 940px / 2 ) ); } .grid-carousel--wrap{ padding: 55px 55px 0 0; background-color: #f5f5f5; padding-left: -webkit-calc( 100% - 940px ); padding-left: -moz-calc( 100% - 940px ); padding-left: calc( 100% - 940px ); } .atbs-ceris-grid-carousel .carousel-slide-content-flex .grid-carousel--wrap { padding-left: -webkit-calc( 100% - 940px + 70px ); padding-left: -moz-calc( 100% - 940px + 70px ); padding-left: calc( 100% - 940px + 70px ); } .grid-carousel--wrap .owl-stage{ padding-bottom: 55px; } /*---owl-dots--*/ .atbs-ceris-grid-carousel .owl-dots { right: -webkit-calc( -55px - 70px ); right: -moz-calc( -55px - 70px ); right: calc( -55px - 70px ); } .post--horizontal-thumb__top .post__title{ font-size: 19px; font-size: 1.3571rem; line-height: 1.5; } .post--horizontal-thumb__top .post__title a{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; } .post--horizontal-thumb__top .post__thumb{ width: 125px; height: 140px; margin-right: 25px; } .post--horizontal-thumb__top .post__text{ padding-top: 15px; } } @media (max-width: 991px) and (min-width: 768px) { .post--horizontal-thumb__top .post__title{ font-size: 1.2142rem; /*font system*/ line-height: 1.5; } } @media (max-width: 991px) { /* Frame */ .atbs-ceris-grid-carousel__inner{ width: -webkit-calc( 50% + ( 720px / 2 ) ); width: -moz-calc( 50% + ( 720px / 2 ) ); width: calc( 50% + ( 720px / 2 ) ); padding-right: 50px; padding-right: 0; } .grid-carousel--wrap{ padding: 55px 30px 0 0; background-color: #f5f5f5; padding-left: -webkit-calc( 100% - 720px ); padding-left: -moz-calc( 100% - 720px ); padding-left: calc( 100% - 720px ); } .atbs-ceris-grid-carousel .carousel-slide-content-flex .grid-carousel--wrap { padding-left: -webkit-calc( 100% - 720px ); padding-left: -moz-calc( 100% - 720px ); padding-left: calc( 100% - 720px ); } .grid-carousel--wrap .owl-stage{ padding-bottom: 55px; } /* Post - item */ /*---post-thumb---*/ .post--horizontal-thumb__top{ padding: 15px; } .post--horizontal-thumb__top .post__thumb{ width: 100px; height: 110px; margin-right: 20px; } .post--horizontal-thumb__top a.post__cat { display: none; } .post--horizontal-thumb__top .post__meta .author_name--wrap { display: none; } .post--horizontal-thumb__top .post__text{ padding-top: 0; } /*---owl-dots--*/ .atbs-ceris-grid-carousel .owl-dots { right: -webkit-calc( -30px - 50px ); right: -moz-calc( -30px - 50px ); right: calc( -30px - 50px ); } } @media (max-width: 767px){ /* Frame */ .atbs-ceris-grid-carousel__inner{ width: 100% ; /*padding-right: calc(50% - 255px + 50px);*/ padding-right: -webkit-calc(50% - 510px / 2); padding-right: -moz-calc(50% - 510px / 2); padding-right: calc(50% - 510px / 2); } .grid-carousel--wrap{ padding: 55px 80px 0 0; background-color: #f5f5f5; /*padding-left: calc(100% - 510px);*/ /*padding-left: 15px;*/ padding-left: -webkit-calc(50vw - 525px/2); padding-left: -moz-calc(50vw - 525px/2); padding-left: calc(50vw - 525px/2); } .atbs-ceris-grid-carousel .carousel-slide-content-flex .grid-carousel--wrap { padding-left: -webkit-calc(50% - 255px); padding-left: -moz-calc(50% - 255px); padding-left: calc(50% - 255px); padding-right: -webkit-calc(50% - 255px); padding-right: -moz-calc(50% - 255px); padding-right: calc(50% - 255px); } .grid-carousel--wrap .owl-stage{ padding-bottom: 35px; } .atbs-ceris-grid-carousel .post-item{ padding: 6px 0; } .atbs-ceris-grid-carousel .carousel-slide-content-flex .post-item{ width: 100%; } /* ---------------------------------------------------------------- Post - item */ .post--horizontal-thumb__top{ padding: 20px; } /*---post-thumb---*/ .post--horizontal-thumb__top .post__thumb{ margin-right: 20px; } .post--horizontal-thumb__top .post__text{ padding-top: 15px; } /*---post-cat---*/ .post--horizontal-thumb__top .post__cat{ display: block; } /*---post-title---*/ .post--horizontal-thumb__top .post__title{ max-width: 85%; } .post--horizontal-thumb__top .post__title a{ -webkit-line-clamp: 3; } /*---owl-dots--*/ .atbs-ceris-grid-carousel .owl-dots { /*right: calc( -55px - 10px );*/ position: initial; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; padding-bottom: 40px; -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; transform: none; } .atbs-ceris-grid-carousel .owl-dot{ margin: 0 2px; margin-bottom: 0; } } @media (max-width: 576px) { /* Frame */ .atbs-ceris-grid-carousel__inner{ padding-right: 15px; } .grid-carousel--wrap{ padding: 45px 70px 15px 70px; } /* Post - item */ /*---post-thumb---*/ .post--horizontal-thumb__top .post__thumb{ /*width: 85px;*/ } /*---post-title---*/ .post--horizontal-thumb__top .post__title{ max-width: 100%; } /*---owl-dots--*/ .atbs-ceris-grid-carousel .owl-dots { right: -webkit-calc( -50px - 25px ); right: -moz-calc( -50px - 25px ); right: calc( -50px - 25px ); padding-top: 10px; } .atbs-ceris-grid-carousel .carousel-slide-content-flex .grid-carousel--wrap { padding-left: 10px; padding-right: 10px; } } @media (max-width: 480px) { /* Frame */ .atbs-ceris-grid-carousel__inner{ padding-right: 0; } .grid-carousel--wrap { padding: 45px 15px 40px 15px; } /* Post - item */ /*---post-title---*/ .post--horizontal-thumb__top .post__title{ max-width: 100%; } /*---owl-dots--*/ .atbs-ceris-grid-carousel .owl-dots { counter-reset: dots; display: inline-block; position: absolute; top: initial; bottom: 7px; left: 50%; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; padding-bottom: 0; } .atbs-ceris-grid-carousel .atbs-ceris-carousel .owl-dot, .atbs-ceris-grid-carousel .atbs-ceris-carousel .owl-dot:last-child.active span, .atbs-ceris-grid-carousel .atbs-ceris-carousel .owl-dot.active{ position: relative; height: 8px; width: 8px; display: block; margin: 0 2px; } .atbs-ceris-grid-carousel .owl-dot:before { display: none; } .atbs-ceris-grid-carousel .atbs-ceris-carousel .owl-dot span{ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: rgba(0,0,0,.2); padding: 0 4px; } .atbs-ceris-grid-carousel .atbs-ceris-carousel .owl-dot.active span{ width: 8px; height: 8px; } } @media (max-width: 380px){ .grid-carousel--wrap { padding: 45px 15px 45px 15px; } .atbs-ceris-grid-carousel .post-item{ padding: 8px 0; } .post--horizontal-thumb__top .post__thumb { width: 110px; height: 115px; } } /* .Grid Carousel Css ----------------------- */ /* ----------------------- Ceris Grid A Css */ /* Frame */ .atbs-ceris-multiple-style--vertical-full__inner{ width: -webkit-calc( 50% + 585px); width: -moz-calc( 50% + 585px); width: calc( 50% + 585px); } .atbs-ceris-multiple-style--vertical-full__inner .atbs-ceris-post--vertical-full{ width: -webkit-calc( 100% - 560px); width: -moz-calc( 100% - 560px); width: calc( 100% - 560px); float: left; } .atbs-ceris-multiple-style--vertical-full__inner .atbs-ceris-post-list--horizontal{ float: right; width: 500px; } /* Post - item */ /*vertical*/ .atbs-ceris-post--vertical-full .post__thumb{ margin-bottom: 35px; } .atbs-ceris-post--vertical-full .post__text{ width: 100%; padding-left: -webkit-calc( 100% - 610px); padding-left: -moz-calc( 100% - 610px); padding-left: calc( 100% - 610px); } /*horizontal*/ .atbs-ceris-post-list--horizontal .post__thumb{ width: 180px; } .ceris-grid-a.atbs-ceris-multiple-style--vertical-full .post--horizontal:after{ clear: both; content: ""; display: table; } .ceris-grid-a.atbs-ceris-multiple-style--vertical-full .post--horizontal:not(.post--horizontal-reverse) .post__thumb{ margin-right: 25px; margin-bottom: 0; } .atbs-ceris-post-list--horizontal .post__title{ line-height: 1.5; margin-bottom: 12px; font-size: 19px; } .atbs-ceris-post-list--horizontal .post__meta{ color: rgba(0, 0, 0, 0.6); margin-bottom: 0; margin-top: 0; } /* Responsive */ @media (min-width: 1200px){ .atbs-ceris-post--vertical-full .post__text{ padding-right: 100px; } } @media (max-width: 1199px) { /* Frame */ .atbs-ceris-multiple-style--vertical-full__inner{ width: -webkit-calc( 50% + 940px / 2 ); width: -moz-calc( 50% + 940px / 2 ); width: calc( 50% + 940px / 2 ); } .atbs-ceris-multiple-style--vertical-full__inner .atbs-ceris-post--vertical-full{ width: -webkit-calc( 100% - 500px); width: -moz-calc( 100% - 500px); width: calc( 100% - 500px); float: left; } .atbs-ceris-multiple-style--vertical-full__inner .atbs-ceris-post-list--horizontal{ float: right; width: 450px; } /* Post item */ /*---vertical---*/ /*thumb*/ .atbs-ceris-post--vertical-full .post__thumb{ height: 370px; } /*text*/ .atbs-ceris-post--vertical-full .post__text{ width: 100%; padding-left: -webkit-calc( 100% - 420px); padding-left: -moz-calc( 100% - 420px); padding-left: calc( 100% - 420px); } /*---horizontal---*/ .atbs-ceris-post-list--horizontal .post__thumb { width: 170px; } } @media (max-width: 1199px) { /* Post item */ /*---vertical---*/ .atbs-ceris-post--vertical-full .post__text--wrap{ display: block; } .atbs-ceris-post--vertical-full .post__text--wrap .post__title{ max-width: 100%; margin-bottom: 20px; margin-right: 0; } } @media (max-width: 991px) and (min-width: 768px){ .atbs-ceris-post--vertical-full .post__text--wrap .post__title{ font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; } } @media (max-width: 991px) { /* Frame */ .atbs-ceris-multiple-style--vertical-full__inner{ width: -webkit-calc( 50% + 720px / 2 ); width: -moz-calc( 50% + 720px / 2 ); width: calc( 50% + 720px / 2 ); } .atbs-ceris-multiple-style--vertical-full__inner .atbs-ceris-post--vertical-full{ width: -webkit-calc( 100% - 400px ); width: -moz-calc( 100% - 400px ); width: calc( 100% - 400px ); float: left; } .atbs-ceris-multiple-style--vertical-full__inner .atbs-ceris-post-list--horizontal{ float: right; width: 350px; } /* Post - item */ /*vertical*/ .atbs-ceris-post--vertical-full .post__thumb{ margin-bottom: 35px; margin-bottom: 25px; height: 300px; height: 275px; } .atbs-ceris-post--vertical-full .post__text{ width: 100%; padding-left: -webkit-calc( 100% - 320px ); padding-left: -moz-calc( 100% - 320px ); padding-left: calc( 100% - 320px ); } .atbs-ceris-post--vertical-full .post__text--wrap { display: block; max-width: 90%; } .atbs-ceris-post--vertical-full .post__excerpt { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; } /*horizontal*/ .atbs-ceris-post-list--horizontal .post__thumb{ width: 100px; height: 100px; } .atbs-ceris-post-list--horizontal .post--horizontal.post--horizontal-middle{ -webkit-box-align: initial; -ms-flex-align: initial; -webkit-align-items: initial; -moz-box-align: initial; align-items: initial; } .atbs-ceris-post-list--horizontal .post__title{ line-height: 1.5; font-size: 18px; font-size: 1.2857rem; } .atbs-ceris-post-list--horizontal [class*="list-seperated"]{ margin-top: -20px; margin-bottom: -20px; } .atbs-ceris-post-list--horizontal [class*="list-seperated"]>*{ padding-top: 20px; padding-bottom: 20px; } } @media (max-width: 767px) { /* Frame */ .atbs-ceris-multiple-style--vertical-full__inner{ width: 100%; } /*vertical*/ .atbs-ceris-multiple-style--vertical-full__inner .atbs-ceris-post--vertical-full{ /*width: calc( 100% - 380px );*/ width: 100%; float: none; margin-bottom: 40px; } .atbs-ceris-multiple-style--vertical-full__inner .atbs-ceris-post-list--horizontal{ float: none; } /*horizontal*/ .atbs-ceris-post-list--horizontal .post--horizontal-reverse .post__thumb{ margin-left: 25px; } .atbs-ceris-post-list--horizontal [class*="list-seperated"].list-space-xl{ margin: -20px 0; } .atbs-ceris-post-list--horizontal [class*="list-seperated"].list-space-xl > *{ padding: 20px 0; } .atbs-ceris-multiple-style--vertical-full__inner .atbs-ceris-post-list--horizontal{ /*width: calc( 100% - 380px );*/ width: 100%; } /* Post - item */ /*vertical*/ .atbs-ceris-post--vertical-full .post__thumb{ margin-bottom: 25px; } .atbs-ceris-post--vertical-full .post__text{ width: 100%; padding-left: 0; } .atbs-ceris-post--vertical-full .post__text--wrap .post__title { max-width: 100%; margin-right: 0; float: none; font-size: 22px; font-size: 1.5714rem; /*font system*/ line-height: 1.5; } .atbs-ceris-post--vertical-full .post__text--wrap .post__title a{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; } .atbs-ceris-post--vertical-full .post__text--wrap .post__excerpt{ overflow: hidden; } /*update wp*/ .atbs-ceris-post--vertical-full .post__text--wrap .post__excerpt .excerpt{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; } /*horizontal*/ .atbs-ceris-post-list--horizontal .post--horizontal-reverse .post__thumb{ width: 180px; /*height: 130px;*/ } .atbs-ceris-post-list--horizontal .post--horizontal-reverse .post__text{ max-width: 55%; } .atbs-ceris-post-list--horizontal .post__title{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } .atbs-ceris-post-list--horizontal .post--horizontal-xs .post__cat{ display: block; } } @media (max-width: 680px) { /* Frame */ /* Post - item */ /*vertical*/ .atbs-ceris-post--vertical-full .post__thumb{ height: 320px; } .atbs-ceris-post--vertical-full .post__title{ font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; } /*horizontal*/ .atbs-ceris-post-list--horizontal .post--horizontal-reverse .post__thumb{ margin-left: 25px; } /*.atbs-ceris-post-list--horizontal [class*="list-seperated"].list-space-xl{*/ /* margin: -25px 0;*/ /*}*/ /*.atbs-ceris-post-list--horizontal [class*="list-seperated"].list-space-xl > *{*/ /* padding: 25px 0;*/ /*}*/ } @media (max-width: 576px) { /* Frame */ .atbs-ceris-multiple-style--vertical-full__inner .atbs-ceris-post-list--horizontal{ width: 100%; } /* Post - item */ /*vertical*/ .atbs-ceris-post--vertical-full .post__thumb{ height: 250px; margin-bottom: 20px; } .atbs-ceris-post--vertical-full .post__text--wrap .post__title{ margin-bottom: 15px; margin-right: 0; max-width: 95%; float: none; } .atbs-ceris-post--vertical-full .post__text--wrap .post__excerpt { max-width: 80%; } /*horizontal*/ .atbs-ceris-post-list--horizontal .post__title{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } } @media (max-width: 480px) { .atbs-ceris-post--vertical-full .post__text--wrap .post__title{ max-width: 100%; } .atbs-ceris-post-list--horizontal .post--horizontal-reverse .post__text { max-width: 100%; } .atbs-ceris-post-list--horizontal .post__title{ max-width: 100%; } .atbs-ceris-post-list--horizontal .post--horizontal-reverse .post__thumb{ width: 150px; /*height: 105px;*/ } } @media (max-width: 420px) { /* - Post item */ .atbs-ceris-multiple-style--vertical-full__inner .atbs-ceris-post-list--horizontal .post__title{ font-size: 16px; font-size: 1.1428rem; /*font system*/ line-height: 1.5; } .ceris-grid-a.atbs-ceris-multiple-style--vertical-full .post--horizontal:not(.post--horizontal-reverse) .post__thumb{ margin-right: 20px; } .atbs-ceris-post-list--horizontal .post__thumb { width: 120px; margin-right: 20px; } } @media (max-width: 380px){ .atbs-ceris-multiple-style--vertical-full__inner .atbs-ceris-post--vertical-full{ margin-bottom: 50px; } .atbs-ceris-post--vertical-full .post__thumb{ height: 200px; } .atbs-ceris-post--vertical-full .post__text--wrap .post__excerpt{ max-width: 90%; } .atbs-ceris-post-list--horizontal .post--horizontal-reverse .post__thumb{ width: 110px; /*height: 80px;*/ margin-left: 15px; } .atbs-ceris-post-list--horizontal .post--horizontal-reverse .post__title{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; } .ceris-grid-a.atbs-ceris-multiple-style--vertical-full .post--horizontal:not(.post--horizontal-reverse) .post__thumb{ margin-right: 20px; } .atbs-ceris-post-list--horizontal .post__thumb { width: 100px; height: 90px; margin-right: 20px; } } /* .Ceris Grid A Css ----------------------- */ /* ----------------------- Ceris Grid B Css */ /* Post - item */ /*item*/ @media (min-width: 768px){ .ceris-grid-b-reverse.atbs-ceris-post--overlay-first-big .post-list{ -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; flex-direction: row-reverse; } } .atbs-ceris-post--overlay-first-big .post-list{ margin: 0 -5px; } .atbs-ceris-post--overlay-first-big .post-list .post-item{ padding: 0 5px; position: relative; -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; transition: .5s; } .atbs-ceris-post--overlay-first-big .post-item:hover:before{ content: ''; position: absolute; width: 92%; height: 89.5%; -webkit-box-shadow: 0px 18px 62px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 18px 62px 0 rgba(0, 0, 0, 0.25); box-shadow: 0px 18px 62px 0 rgba(0, 0, 0, 0.25); background-color: #9b9b9b; left: 50%; bottom: 0; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); z-index: -1; } .atbs-ceris-post--overlay-first-big .post-list .post-item:first-child{ width: 560px; } .atbs-ceris-post--overlay-first-big .post--overlay-bottom.post--overlay-sm{ min-height: 360px; } /*post thumb*/ .atbs-ceris-post--overlay-first-big .post--overlay .background-img:after{ opacity: 0.2; background-color: #000000; } .atbs-ceris-post--overlay-first-big .post--overlay:hover .background-img:after{ opacity: 0.8; background-color: #0661f1; -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; transition: .5s; } .atbs-ceris-post--overlay-first-big .post--overlay .post__text-wrap:before { -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; transition: .5s; } .atbs-ceris-post--overlay-first-big .post--overlay:hover .post__text-wrap:before { opacity: 0; } /*post text*/ .post__cat-has-line.overlay-item--top-left.post__cat{ position: absolute; z-index: 2; margin-bottom: 0; color: #fff; color: rgba(255, 255, 255, 0.8); } .post__cat-has-line.overlay-item--top-left.post__cat:before{ background-color: #fff; } .atbs-ceris-post--overlay-first-big .post-item:first-child .post__title{ max-width: 95%; } /* Responsive */ @media (max-width: 1199px){ /* Post - item */ /*item*/ .atbs-ceris-post--overlay-first-big .post-list .post-item:first-child{ width: 400px; } .atbs-ceris-post--overlay-first-big .post--overlay-bottom.post--overlay-sm{ min-height: auto; } /*text*/ .atbs-ceris-post--overlay-first-big .post--overlay-bottom.post--overlay-sm .post__text-inner{ padding: 20px; } } @media (max-width: 991px){ /* Post - item */ /*item*/ .atbs-ceris-post--overlay-first-big .post-list .post-item:first-child{ width: 300px; } .post--overlay-padding-lg .overlay-item--top-left { top: 20px; left: 20px; } .post--overlay-padding-lg .post__text-inner { padding: 20px; } /*text*/ .atbs-ceris-post--overlay-first-big .post--overlay-sm .post__text { min-height: 300px; } .atbs-ceris-post--overlay-first-big .post__cat{ font-size: 12px; } .atbs-ceris-post--overlay-first-big .post__text-wrap{ max-width: 100%; } .atbs-ceris-post--overlay-first-big .post__text-wrap .post__title { font-size: 19px; font-size: 1.3571rem; /*font system*/ line-height: 1.5; } } @media (max-width: 767px){ /* Post - item */ /*item*/ .atbs-ceris-post--overlay-first-big .post-list{ display: block; margin: -5px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .atbs-ceris-post--overlay-first-big .post-list .post-item { width: 50%; -webkit-box-flex: initial; -ms-flex: initial; -webkit-flex: initial; -moz-box-flex: initial; flex: initial; padding: 5px; } .atbs-ceris-post--overlay-first-big .post-list .post-item:first-child{ width: 100%; } /*text*/ .atbs-ceris-post--overlay-first-big .post--overlay-sm .post__text { min-height: 250px; } .atbs-ceris-post--overlay-first-big .post__cat{ font-size: 15px; } .atbs-ceris-post--overlay-first-big .post-list .post-item:first-child .post__title{ font-size: 22px; font-size: 1.5714rem; /*font system*/ line-height: 1.5; } .atbs-ceris-post--overlay-first-big .post__text-wrap .post__title{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; max-width: 100%; } } @media (max-width: 576px) { .atbs-ceris-post--overlay-first-big .post__text-wrap .post__title{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } .atbs-ceris-post--overlay-first-big .post__text-wrap{ width: 100%; max-width: 100%; } } @media (max-width: 480px) { .atbs-ceris-post--overlay-first-big .post-list .post-item { width: 100%; } .atbs-ceris-post--overlay-first-big .post-item:first-child .post__title{ max-width: 100%; } .atbs-ceris-post--overlay-first-big .post-list .post-item:first-child .post__title { font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } .atbs-ceris-post--overlay-first-big .post__text-wrap .post__title{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } .post--overlay-padding-lg .overlay-item--top-left{ left: 20px; } } @media (max-width: 420px) { .atbs-ceris-post--overlay-first-big .post-list .post-item { width: 100%; -webkit-box-flex: initial; -ms-flex: initial; -webkit-flex: initial; -moz-box-flex: initial; flex: initial; padding: 5px; } .atbs-ceris-post--overlay-first-big .post-item:not(:first-child) .post--overlay-sm .post__text{ min-height: 220px; } .atbs-ceris-post--overlay-first-big .post__text-wrap .post__title{ font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; } } @media (max-width: 380px){ .atbs-ceris-post--overlay-first-big .post--overlay-sm .post__text { min-height: 240px; } .atbs-ceris-post--overlay-first-big .post-list .post-item:first-child .post__title{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } .atbs-ceris-post--overlay-first-big .post__text-wrap .post__title{ max-width: 100%; font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } } @media (max-width: 320px){ .atbs-ceris-post--overlay-first-big .post__text-wrap{ max-width: 100%; } } /* .Ceris Grid B Css ----------------------- */ /* ----------------------- Cris Module Video Css */ /* Post - item */ .atbs-ceris-video-has-post-list .atbs-ceris-video-has-post-list__inner{ /*padding: 0 70px;*/ } /*item*/ .atbs-ceris-video-has-post-list .post-list-no-thumb-3i { margin-top: -80px; padding: 0 65px; } /*video*/ .atbs-ceris-video-has-post-list .main-post .post__text{ position: absolute; left: 65px; top: -webkit-calc( 50% - 40px); top: -moz-calc( 50% - 40px); top: calc( 50% - 40px); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); max-width: 295px; } .atbs-ceris-video-has-post-list .main-post .post__thumb.background-img:after{ content: ''; opacity: 0.2; } .atbs-ceris-video-has-post-list .main-post .post__cat{ color: #fff; margin-bottom: 15px; } .atbs-ceris-video-has-post-list .main-post .post__cat:before{ background-color: #fff; } .atbs-ceris-video-has-post-list .main-post .post__title{ font-size: 22px; font-size: 1.5714rem; /*font system*/ font-weight: bold; line-height: 1.33; color: #fff; } .atbs-ceris-video-has-post-list .main-post .post__thumb{ margin-bottom:0; height: 520px; } .atbs-ceris-video-has-post-list .main-post .post__thumb a{ width: 100%; height: 100%; } .atbs-ceris-video-has-post-list .main-post .post__thumb img{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .atbs-ceris-video-has-post-list .main-post .post__title{ margin-bottom: 15px; } .atbs-ceris-video-has-post-list .main-post .post__excerpt { max-width: 320px; margin-bottom: 0; } @media(min-width: 992px){ .atbs-ceris-video-has-post-list .main-post .post__title{ font-size: 32px; font-size: 2.2857rem; /*font system*/ } .atbs-ceris-video-has-post-list .main-post .post__text { max-width: 600px; } } .atbs-ceris-video-has-post-list .main-post .post-type-icon{ background-color: #ffffff; color: var(--color-logo); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; right: 65px; left: auto; top: -webkit-calc( 50% - 40px); top: -moz-calc( 50% - 40px); top: calc( 50% - 40px); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); position: absolute; z-index: 1; } .atbs-ceris-video-has-post-list .main-post .post-type-icon i{ font-size:30px; } .atbs-ceris-video-has-post-list .post-list-no-thumb-3i .post__button{ display: none; } .atbs-ceris-video-has-post-list .post-list-no-thumb-3i .post__button i { width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #fff; color: rgba(0,0,0,0.6); border: 1px solid rgba(0,0,0,0.2); margin: 0; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .atbs-ceris-video-has-post-list .main-post .entry-author .entry-author__avatar { width: 40px; height: 40px; margin-right: 10px; } .atbs-ceris-video-has-post-list .main-post .post__meta .entry-author { margin-right: 15px; } .atbs-ceris-video-has-post-list .main-post .entry-author .entry-author__name { font-size: 13px; font-weight: 500; } .atbs-ceris-video-has-post-list .main-post time.time { font-size: 13px; font-weight: 400; color: rgba(255, 255, 255, 0.9); } @media (min-width: 1200px){ .atbs-ceris-video-has-post-list .post-list-no-thumb-3i{ padding: 0 135px; } .atbs-ceris-video-has-post-list .main-post .post__text{ left: 135px; } .atbs-ceris-video-has-post-list .main-post .post-type-icon{ right: 135px } } @media (max-width: 1199px) { .atbs-ceris-video-has-post-list .atbs-ceris-video-has-post-list__inner{ padding: 0; } .atbs-ceris-video-has-post-list .main-post .post__text { max-width: 500px; } .atbs-ceris-video-has-post-list .main-post .post__title{ font-size: 30px; font-size: 2.1428rem; /*font system*/ line-height: 1.4; } } @media (max-width: 991px){ /* Post - item */ /*item*/ .atbs-ceris-video-has-post-list .post-list-no-thumb-3i{ padding: 0; margin-top: 30px; } /*video*/ .atbs-ceris-video-has-post-list .main-post .post__text{ left: 30px; } .atbs-ceris-video-has-post-list .main-post .post-type-icon{ right: 30px; } .atbs-ceris-video-has-post-list .main-post .post-type-icon i{ font-size: 25px; } .atbs-ceris-video-has-post-list .main-post .post__text{ max-width: 620px; } .atbs-ceris-video-has-post-list .main-post .post__title{ font-size: 22px; font-size: 1.5714rem; /*font system*/ line-height: 1.41; } .atbs-ceris-video-has-post-list .main-post .post-type-icon { display: none; } /*post list*/ .atbs-ceris-video-has-post-list .post-list-no-thumb-3i .posts-no-thumb .post__title{ font-size: 17px; font-size: 1.2142rem; /*font system*/ } .atbs-ceris-video-has-post-list .post-list-no-thumb-3i .list-item .post__cat{ font-size: 12px; } .atbs-ceris-video-has-post-list .main-post .post__thumb{ height: 360px; } } @media (max-width: 767px){ /* Post - item */ /*item*/ .atbs-ceris-video-has-post-list .main-post .post__thumb{ height: 320px; } .atbs-ceris-video-has-post-list .main-post .post__thumb a{ width: 100%; height: 100%; } .atbs-ceris-video-has-post-list .main-post .post__thumb img{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .atbs-ceris-video-has-post-list .main-post .post__text, .atbs-ceris-video-has-post-list .main-post .post-type-icon{ top: -webkit-calc( 50% - 40px); top: -moz-calc( 50% - 40px); top: calc( 50% - 40px); /*right: 55px;*/ } .atbs-ceris-video-has-post-list .main-post .post-type-icon{ width: 50px; height: 50px; } .atbs-ceris-video-has-post-list .main-post .post__text{ max-width: 100%; left: 0; padding: 0 40px; } .atbs-ceris-video-has-post-list .main-post .post__title{ line-height: 1.5; margin-bottom: 0; } .atbs-ceris-video-has-post-list .main-post .post__title{ margin-bottom: 0; } .atbs-ceris-video-has-post-list .main-post .post__meta, .atbs-ceris-video-has-post-list .main-post .post__excerpt { display: none; } .atbs-ceris-video-has-post-list .post-list-no-thumb-3i .list-item { padding: 25px; } .atbs-ceris-video-has-post-list .post-list-no-thumb-3i .list-item:not(:last-child){ border-bottom: 1px solid rgba(0,0,0,0.1); } .atbs-ceris-video-has-post-list .post-list-no-thumb-3i{ margin-top: 0; padding: 0 40px; } .atbs-ceris-video-has-post-list .post-list-no-thumb-3i .post-list{ z-index: 1; width: 100%; margin: -80px auto 0 auto; -webkit-box-shadow: 0 43px 20px -20px rgba(0,0,0,.05), 0 0 30px rgba(0,0,0,0.05); -moz-box-shadow: 0 43px 20px -20px rgba(0,0,0,.05), 0 0 30px rgba(0,0,0,0.05); box-shadow: 0 43px 20px -20px rgba(0,0,0,.05), 0 0 30px rgba(0,0,0,0.05); } .atbs-ceris-video-has-post-list .post-list-no-thumb-3i .posts-no-thumb .post__text{ padding-right: 25%; } .post-list-no-thumb-3i .posts-no-thumb.post-not-exist-icon-video .post__text{ padding-right: 0; } .post-list-no-thumb-3i .posts-no-thumb.post-exist-icon-video .post-type-icon{ top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .atbs-ceris-video-has-post-list .post-list-no-thumb-3i .posts-no-thumb .post__cat{ margin-bottom: 15px; } .atbs-ceris-video-has-post-list .post-list-no-thumb-3i .posts-no-thumb .post__title{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; margin-bottom: 0; } .atbs-ceris-video-has-post-list .post-list-no-thumb-3i .post__button{ display: block; } .atbs-ceris-video-has-post-list .post-list-no-thumb-3i .posts-no-thumb .post__title:not(:last-child){ margin-bottom: 10px; } } @media (max-width: 767px) and (min-width: 481px){ .atbs-ceris-video-has-post-list .post-list-no-thumb-3i .posts-no-thumb .post__title:not(:last-child){ margin-bottom: 15px; } } @media (max-width: 576px){ /* Post - item */ /*video*/ .atbs-ceris-video-has-post-list .main-post{ margin-bottom: 10px; } .atbs-ceris-video-has-post-list .main-post .post__thumb{ height: 250px; height: 300px; } .atbs-ceris-video-has-post-list .main-post .post-type-icon{ width: 50px; height: 50px; } .atbs-ceris-video-has-post-list .main-post .post-type-icon i{ font-size: 20px; } } @media (max-width: 480px) { .atbs-ceris-video-has-post-list .main-post .post__title{ font-weight: 600; } .atbs-ceris-video-has-post-list .main-post .post__text { padding: 0 25px; } .atbs-ceris-video-has-post-list .post-list-no-thumb-3i { padding: 0 25px; } } @media (max-width: 420px){ .post-list-no-thumb-3i .posts-no-thumb.post-exist-icon-video .post__text{ padding-right: 0; } .post-list-no-thumb-3i .posts-no-thumb.post-exist-icon-video .post-type-icon{ display: none; } } /*item*/ .post-list-no-thumb-3i ul{ list-style: none; margin-bottom: 0; } .post-list-no-thumb-3i .post-list{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; border-bottom: 1px solid rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.1); position: relative; } .post-list-no-thumb-3i .post-list:before{ content: ''; position: absolute; width: 1px; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,0.1); z-index: 1; } .post-list-no-thumb-3i .post-list:after{ content: ''; position: absolute; width: 1px; height: 100%; right: 0; top: 0; background-color: rgba(0,0,0,0.1); z-index: 1; } .post-list-no-thumb-3i .list-item{ -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; position: relative; background-color: #fff; -webkit-transition: background-color .3s ease; -o-transition: background-color .3s ease; -moz-transition: background-color .3s ease; transition: background-color .3s ease; opacity: 1; padding: 30px 35px; } .post-list-no-thumb-3i .list-item:not(:last-child):after{ content: ''; position: absolute; width: 1px; height: 100%; right: 0; top: 0; background-color: rgba(0,0,0,0.1); z-index: 1; } .post-list-no-thumb-3i .list-item:before{ content: ''; position: absolute; left: 50%; top: 0; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); width: 85%; height: 100%; -webkit-transition: .3s ease; -o-transition: .3s ease; -moz-transition: .3s ease; transition: .3s ease; z-index: -1; } /*hover item*/ .post-list-no-thumb-3i .list-item:hover{ background-color: #0661f1; opacity: 1; } .post-list-no-thumb-3i .list-item:hover a.post__cat{ color: #fff !important; } .post-list-no-thumb-3i .list-item:hover a.post__cat:before{ background-color: #fff !important; } .post-list-no-thumb-3i .list-item:hover:before{ -webkit-box-shadow: 0px 20px 27px 0 rgba(1, 42, 173, 0.2); -moz-box-shadow: 0px 20px 27px 0 rgba(1, 42, 173, 0.2); box-shadow: 0px 20px 27px 0 rgba(1, 42, 173, 0.2); } .post-list-no-thumb-3i .list-item:hover .post__cat{ color: #fff; } .post-list-no-thumb-3i .list-item:hover .post__cat:before{ background-color: #fff; } .post-list-no-thumb-3i .list-item:hover .post__title{ color: #fff; } .post-list-no-thumb-3i .list-item:hover .post__meta time.time{ color: #fff; } @media (max-width: 991px){ /* ---------------------------------------------------------------- Post - item -----------------------------------------------------------------*/ /*item*/ /*.post-list-no-thumb-3i{*/ /*padding: 0 30px;*/ /*}*/ .post-list-no-thumb-3i .list-item{ padding: 30px 25px; } .post-list-no-thumb-3i .list-item .post__cat{ font-size: 12px; } } @media (max-width: 767px){ /* ---------------------------------------------------------------- Post - item -----------------------------------------------------------------*/ /*item*/ .post-list-no-thumb-3i{ margin-top: 0; padding: 0; } .post-list-no-thumb-3i .list-item{ width: 100% ; -webkit-box-flex: initial; -ms-flex: initial; -webkit-flex: initial; -moz-box-flex: initial; flex: initial; } .post-list-no-thumb-3i .list-item:after{ display: none; } .post-list-no-thumb-3i .list-item:not(:last-child){ border-bottom: 1px solid rgba(0,0,0,0.1); } .post-list-no-thumb-3i .post__title{ font-size: 16px; font-size: 1.1428rem; /*font system*/ line-height: 1.5; } } @media (max-width: 576px){ /* ---------------------------------------------------------------- Post - item -----------------------------------------------------------------*/ /*item*/ .post-list-no-thumb-3i .post__title{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } } @media (max-width: 420px) { .post-list-no-thumb-3i .post__title{ font-size: 16px; font-size: 1.1428rem; /*font system*/ line-height: 1.5; } } @media (max-width: 480px) { .atbs-ceris-video-has-post-list .container { padding: 0; } .atbs-ceris-video-has-post-list .post-list-no-thumb-3i .posts-no-thumb .post__title{ font-size: 17px; font-size: 1.2142rem; /*font system*/ } .atbs-ceris-video-has-post-list .main-post .post-type-icon{ right: 55px; } } @media (max-width: 420px) { .atbs-ceris-video-has-post-list .post-list-no-thumb-3i .list-item { padding: 20px; } .atbs-ceris-video-has-post-list .main-post .post__thumb { height: 300px; } .atbs-ceris-video-has-post-list .main-post .post__title{ font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; } .atbs-ceris-video-has-post-list .main-post .post-type-icon{ right: 35px; } } @media (max-width: 420px){ .atbs-ceris-video-has-post-list .main-post .post-type-icon{ display: none; } .atbs-ceris-video-has-post-list .main-post .post__text{ max-width: 100%; } } @media (max-width: 380px){ .atbs-ceris-video-has-post-list .main-post .post__thumb { height: 280px; } .atbs-ceris-video-has-post-list .main-post .post__text { padding: 0 20px; } .atbs-ceris-video-has-post-list .main-post .post__title{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } .atbs-ceris-video-has-post-list .main-post .post-type-icon { width: 40px; height: 40px; right: 30px; } .atbs-ceris-video-has-post-list .post-list-no-thumb-3i{ margin: -50px auto 0 auto; padding: 0 20px; } .atbs-ceris-video-has-post-list .post-list-no-thumb-3i .posts-no-thumb .post__title{ font-size: 16px; font-size: 1.1428rem; /*font system*/ line-height: 1.5; } } @media (max-width: 320px) { .atbs-ceris-video-has-post-list .post-list-no-thumb-3i .post__button i{ width: 35px; height: 35px; } .atbs-ceris-video-has-post-list .main-post .post__thumb { height: 260px; } } @media(min-width:769px){ .ceris-module-video .sub-posts .posts-no-thumb .post-type-icon, .ceris-module-video .sub-posts .posts-no-thumb .post-score-hexagon, .ceris-module-video .sub-posts .posts-no-thumb .gallery-icon{ display: none; } } /* .Ceris Module Video Css ----------------------- */ /* ----------------------- Ceris Listing Grid Has Slider Css */ .atbs-ceris-post--vertical-3i-row .slide-post--horizontal .block-heading { margin-bottom: 20px; } .atbs-ceris-post--vertical-3i-row .atbs-ceris-post--vertical-3i-row__inner{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: -15px; } .atbs-ceris-post--vertical-3i-row .col-item{ width: -webkit-calc(100% / 3 ); width: -moz-calc(100% / 3 ); width: calc(100% / 3 ); padding: 15px; } .atbs-ceris-post--vertical-3i-row .col-item.col-item-fullwidth{ width: 100%; } .atbs-ceris-post--vertical-3i-row .slide-post--horizontal .block-heading { margin-bottom: 18px !important; } .atbs-ceris-post--vertical-3i-row .slide-post--horizontal .block-heading .block-heading__title { font-size: 20px; margin-bottom: 0; } /*post slide*/ .atbs-ceris-post--vertical-3i-row .slide-post--horizontal{ margin: 30px 0; } .atbs-ceris-post--vertical-3i-row .owl-carousel{ padding: 40px 0; border-top: 1px solid rgba(0,0,0,0.07); border-bottom: 1px solid rgba(0,0,0,0.07); } .atbs-ceris-post--vertical-3i-row .owl-carousel .owl-nav{ position: absolute; right: 0; top: -45px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; } .atbs-ceris-post--vertical-3i-row .owl-carousel .owl-nav:before{ content: ''; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); transform: translate(0%, -50%); width: 1px; height: 80%; background-color: rgba(0,0,0,0.1); } .atbs-ceris-post--vertical-3i-row .owl-carousel .owl-prev, .atbs-ceris-post--vertical-3i-row .owl-carousel .owl-next{ width: 25px; height: 25px; background-color: transparent !important; color: #000; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; font-size: 25px; position: initial; -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; transform: none; padding: 0; } .atbs-ceris-post--vertical-3i-row .owl-carousel .owl-prev{ margin-right: 10px; } .atbs-ceris-post--vertical-3i-row .owl-carousel .owl-next{ margin-left: 10px; } .atbs-ceris-post--vertical-3i-row .owl-carousel .owl-dots{ display: none; } .atbs-ceris-post--vertical-3i-row .atbs-ceris-carousel .owl-prev i, .atbs-ceris-post--vertical-3i-row .atbs-ceris-carousel .owl-next i{ font-size: 25px; } @media (min-width: 1200px){ .atbs-ceris-post--vertical-3i-row .post--vertical .post__title { font-size: 21px; font-size: 1.5rem; } } @media (max-width: 1199px){ .atbs-ceris-post--vertical-3i-row .post--horizontal-cat-no-line .post__thumb{ width: 80px; height: 80px; } } @media (max-width: 991px){ .atbs-ceris-post--vertical-3i-row .owl-carousel .owl-nav{ /*display: none;*/ } .atbs-ceris-post--vertical-3i-row .post--vertical .post__cat{ margin-bottom: 13px; } .atbs-ceris-post--vertical-3i-row .post--horizontal-cat-no-line .post__thumb { margin-right: 20px; } .atbs-ceris-post--vertical-3i-row .post--horizontal-cat-no-line .post__title a{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; } } @media (min-width: 768px) and (max-width: 991px) { .atbs-ceris-post--vertical-3i-row .post__cat{ font-size: 13px; } .atbs-ceris-post--vertical-3i-row .post--horizontal-cat-no-line .post__title{ font-size: 16px; font-size: 1.1428rem; /*font system*/ line-height: 1.5; max-width: 90%; } .atbs-ceris-post--vertical-3i-row .post__title { font-weight: 600; font-size: 18px; font-size: 1.2857rem; } } @media (max-width: 767px) { .atbs-ceris-post--vertical-3i-row .col-item{ width: -webkit-calc(100% / 2 ); width: -moz-calc(100% / 2 ); width: calc(100% / 2 ); } .atbs-ceris-post--vertical-3i-row .owl-carousel { padding: 25px 0 20px 0; } .atbs-ceris-post--vertical-3i-row .slide-post--horizontal{ -webkit-box-ordinal-group: 8; -ms-flex-order: 7; -webkit-order: 7; -moz-box-ordinal-group: 8; order: 7; width: 100%; margin-bottom: 0; margin-top: 0; padding: 45px 15px 0 15px; } .atbs-ceris-post--vertical-3i-row .post__cat{ padding-left: 14px; } .atbs-ceris-post--vertical-3i-row .post--vertical .post__thumb{ margin-bottom: 20px; } .atbs-ceris-post--vertical-3i-row .owl-carousel .post{ margin: 0 auto; } .atbs-ceris-post--vertical-3i-row .owl-carousel .owl-nav{ display: none; } .atbs-ceris-post--vertical-3i-row .owl-carousel .owl-dots{ display: block; padding-bottom: 0; } .atbs-ceris-post--vertical-3i-row .owl-carousel .post__thumb{ width: 100px; } } @media (max-width: 767px) and (min-width: 576px) { .atbs-ceris-post--vertical-3i-row .post--vertical .post__title { font-size: 1.2857rem; line-height: 1.5; } } @media (max-width: 576px){ .atbs-ceris-post--vertical-3i-row .atbs-ceris-post--vertical-3i-row__inner{ margin: -20px -15px; } .atbs-ceris-post--vertical-3i-row .col-item{ width: 100%; padding: 20px 15px; } .atbs-ceris-post--vertical-3i-row .slide-post--horizontal{ -webkit-box-ordinal-group: initial; -ms-flex-order: initial; -webkit-order: initial; -moz-box-ordinal-group: initial; order: initial; } .atbs-ceris-post--vertical-3i-row .post--vertical .post__thumb{ margin-bottom: 15px; } .atbs-ceris-post--vertical-3i-row .post__cat:before{ display: none; } .atbs-ceris-post--vertical-3i-row .post--vertical .post__title { font-size: 22px; font-size: 1.5714rem; /*font system*/ } } @media (max-width: 480px){ .atbs-ceris-post--vertical-3i-row .atbs-ceris-post--vertical-3i-row__inner { margin: -15px; } .atbs-ceris-post--vertical-3i-row .col-item{ padding: 15px; } .atbs-ceris-post--vertical-3i-row .owl-carousel .post { max-width: 100%; margin: 0 auto; } } @media (max-width: 420px){ .atbs-ceris-post--vertical-3i-row .slide-post--horizontal{ padding: 25px 15px; } } /* .Ceris Listing Grid Has Slider Css ----------------------- */ /* ----------------------- Ceris Grid C */ /* Post */ /*===Slide text center===*/ .atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center{ position: relative; /*padding-right: 70px;*/ } .atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center.p-r-0{ padding-right: 0; } /*---shadow---*/ .atbs-ceris-post-slide-has-list .post-slide-text-center:before{ content: ''; width: 64%; height: 100%; position: absolute; left: 50%; top: 0; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); -webkit-box-shadow: 0px 25px 45px 0 rgba(0, 0, 0, 0.11); -moz-box-shadow: 0px 25px 45px 0 rgba(0, 0, 0, 0.11); box-shadow: 0px 25px 45px 0 rgba(0, 0, 0, 0.11); } /*---thumb---*/ .atbs-ceris-post-slide-has-list .post--overlay-bottom.post--overlay-md .post__text{ min-height: 500px; } .atbs-ceris-post-slide-has-list .post-slide-text-center .post__thumb:after{ display: none; } /*---text---*/ .atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center .post--overlay-md .post__text{ margin: 0 270px; } .atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center .post__text-wrap{ padding: 35px 40px; background-color: #fff; color: #000; z-index: 1; position: relative; width: 100%; } .atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center .post__text-inner{ padding: 0; margin-bottom: 10px; } .atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center .post__cat { margin-bottom: 15px; } .atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center .post__excerpt{ margin-bottom: 0; max-width: 400px; margin-top: 10px; } .atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center .entry-author.entry-author--horizontal{ margin: 0 !important; } .atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center .post__meta{ margin-top: 15px; } /*---owl-nav---*/ .atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center .owl-nav{ display: none; } /*---owl-dots--*/ .atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center .owl-dots { counter-reset: dots; display: inline-block; position: absolute; right: -50px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 28px; } .atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center .owl-dot{ position: relative; height: 28px; width: 28px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; padding: 0; margin-bottom: 8px; } .atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center .owl-dot:before { counter-increment:dots; content: counter(dots); position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); color: rgba(34, 34, 34, 0.6); font-size: 15px; } .atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center .atbs-ceris-carousel .owl-dot span{ width: 100%; height: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: transparent; } .atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center .atbs-ceris-carousel .owl-dot.active span{ width: 28px; height: 28px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: var(--color-logo); -webkit-box-shadow: 0px 5px 12px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 5px 12px 0 rgba(0, 0, 0, 0.2); box-shadow: 0px 5px 12px 0 rgba(0, 0, 0, 0.2); } .atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center .owl-dot.active:before{ color: #fff; } /*===Post list horizontal===*/ .atbs-ceris-post-slide-has-list .atbs-ceris-block-sub .block-heading { margin-bottom: 35px; } /*---frame---*/ .atbs-ceris-post-slide-has-list .atbs-ceris-post-list-horizontal-cat-no-line__inner{ padding: 35px 0; border-top: 1px solid rgba(0,0,0,.1); border-bottom: 1px solid rgba(0,0,0,.1); } /*---item---*/ .atbs-ceris-post-slide-has-list .atbs-ceris-post-list--horizontal-cat-no-line .post-list{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -30px; } .atbs-ceris-post-slide-has-list .atbs-ceris-post-list--horizontal-cat-no-line .post-item{ width: -webkit-calc(100% / 3 ); width: -moz-calc(100% / 3 ); width: calc(100% / 3 ); padding: 0 30px; } /* Responsive */ @media (max-width: 1275px){ /*---owl-dots--*/ .atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center .owl-dots { counter-reset: dots; position: absolute; top: initial; bottom: -35px; padding: 0; left: 50%; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; } .atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center .owl-dot{ position: relative; height: 8px; width: 8px; display: block; margin: 0 4px; } .atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center .owl-dot:before { display: none; } .atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center .atbs-ceris-carousel .owl-dot span{ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: rgba(0,0,0,.2); padding: 0 4px; } .atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center .atbs-ceris-carousel .owl-dot.active span{ width: 8px; height: 8px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } } @media (max-width: 1199px){ /*===Slide text center===*/ /*---text---*/ .atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center .post--overlay-md .post__text{ margin: 0 185px; } .atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center .post__excerpt{ max-width: 365px; } /*===Post lit horizontal===*/ /*---item---*/ .atbs-ceris-post-slide-has-list .atbs-ceris-post-list-horizontal-cat-no-line__inner{ padding: 30px 0; } .atbs-ceris-post-slide-has-list .atbs-ceris-post-list--horizontal-cat-no-line .post-list{ margin: -15px; } .atbs-ceris-post-slide-has-list .atbs-ceris-post-list--horizontal-cat-no-line .post-item{ width: -webkit-calc(100% / 3); width: -moz-calc(100% / 3); width: calc(100% / 3); padding: 15px; } .atbs-ceris-post-slide-has-list .atbs-ceris-post-list--horizontal-cat-no-line .post-item:not(:last-child){ margin-bottom: 0; } .atbs-ceris-post-list--horizontal-cat-no-line .post--horizontal-cat-no-line.post--horizontal-middle{ -webkit-box-align: initial; -ms-flex-align: initial; -webkit-align-items: initial; -moz-box-align: initial; align-items: initial; } .atbs-ceris-post-list--horizontal-cat-no-line .post--horizontal-cat-no-line .post__thumb{ width: 80px; height: 80px; margin-right: 25px; } } @media (max-width: 991px){ /*===Slide text center===*/ /*thumb*/ .atbs-ceris-post-slide-has-list .post--overlay-bottom.post--overlay-md .post__text{ min-height: 400px; } /*---text---*/ .atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center .post--overlay-md .post__text{ margin: 0 120px; } .atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center .post__text-wrap { padding: 30px 50px; } .atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center .post__meta{ display: none; } /*inner text*/ .atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center .post__text-inner{ padding: 0; display: block; margin-bottom: 0; } /*title*/ .atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center .post__title{ margin-right: 0; margin-bottom: 15px; } .atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center .post__excerpt{ max-width: 90%; padding: 0; } .atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center{ padding-right: 0; } /*===Post lit horizontal===*/ .atbs-ceris-post-slide-has-list .atbs-ceris-post-list-horizontal-cat-no-line__inner{ padding: 30px 0; } .atbs-ceris-post-slide-has-list .atbs-ceris-post-list--horizontal-cat-no-line .post-list{ margin: -15px; } .atbs-ceris-post-slide-has-list .atbs-ceris-post-list--horizontal-cat-no-line .post-item{ width: -webkit-calc( 100% / 2); width: -moz-calc( 100% / 2); width: calc( 100% / 2); padding: 15px; } .atbs-ceris-post-slide-has-list .atbs-ceris-post-list--horizontal-cat-no-line .post-item:not(:last-child){ margin-bottom: 0; } .atbs-ceris-post-list--horizontal-cat-no-line .post--horizontal-cat-no-line.post--horizontal-middle{ -webkit-box-align: initial; -ms-flex-align: initial; -webkit-align-items: initial; -moz-box-align: initial; align-items: initial; } .atbs-ceris-post-slide-has-list .atbs-ceris-post-list--horizontal-cat-no-line .post__thumb{ width: 80px; height: 80px; margin-right: 20px; } } @media (max-width: 767px){ /*===Slide text center===*/ .atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center{ position: relative; padding-right: 0; } /*---text---*/ .atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center .post__text-wrap{ /*padding: 20px 30px 30px 30px;*/ /*padding: 30px 35px 55px 30px;*/ padding: 30px; } .atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center .post__text-inner{ margin-bottom: 0; } .atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center .post--overlay-md .post__text{ margin: 0 65px; /*min-height: 340px;*/ min-height: 370px; } .atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center .post__title{ margin-bottom: 0; } .atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center .post__meta{ display: none; } /*===Post lit horizontal===*/ /*---item---*/ .atbs-ceris-post-slide-has-list .atbs-ceris-post-list--horizontal-cat-no-line .post-item{ width: 100%; } .atbs-ceris-post-list--horizontal-cat-no-line .post--horizontal-cat-no-line.post--horizontal-middle{ -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .atbs-ceris-post-slide-has-list .atbs-ceris-post-list--horizontal-cat-no-line .post__thumb{ width: 100px; height: 100px; margin-right: 30px; } } @media (max-width: 576px) { /*===Slide text center===*/ /*---text---*/ .atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center .post--overlay-md .post__text{ margin: 0 40px; min-height: 350px; } .atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center .post__excerpt{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; } } @media (max-width: 480px){ /*===Slide text center===*/ /*thumb*/ .atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center .post--overlay-md .post__text{ min-height: 330px; } /*---text---*/ .atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center .post--overlay-md .post__text{ margin: 0 35px; } /*.atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center .post__title{*/ /* font-size: 16px;*/ /*}*/ .atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center .post__excerpt{ font-size: 14px; display: none; } .atbs-ceris-post-slide-has-list .atbs-ceris-post-list--horizontal-cat-no-line .post__thumb{ margin-right: 20px; } } @media (max-width: 380px){ /*===Slide text center===*/ /*thumb*/ .atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center .post--overlay-md .post__text{ min-height: 300px; } /*---text---*/ .atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center .post--overlay-md .post__text{ margin: 0 25px; } .atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center .post__text-wrap { padding: 20px 25px; } /*.atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center .owl-dots{*/ /* bottom: 20px;*/ /*}*/ } @media (max-width: 320px){ .atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center .post--overlay-md .post__text { margin: 0 20px; } .atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center .post__text-wrap { padding: 20px; } .atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center .post__title{ margin-bottom: 0; } .atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center .post__excerpt{ display: none; } .atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center .post--overlay-md .post__text { min-height: 270px; } .atbs-ceris-post-slide-has-list .atbs-ceris-post-list--horizontal-cat-no-line .post__thumb{ width: 80px; height: 80px; } .atbs-ceris-post-slide-has-list .atbs-ceris-post-list--horizontal-cat-no-line .post__cat{ margin-bottom: 5px; } .atbs-ceris-post-slide-has-list .atbs-ceris-post-list--horizontal-cat-no-line .post__title{ font-size: 15px; font-size: 1.0714rem; /*font system*/ } } .post--horizontal-cat-no-line .post__cat { display: block; } /* .Ceris Grid C ----------------------- */ /* ----------------------- Listing List A */ /* For Index Page */ .atbs-ceris--index-page.atbs-ceris-posts-latest-has--smallpost .list-item:not(:last-child){ margin-bottom: 55px; } .atbs-ceris-posts-latest-has--smallpost .list-item:not(:last-child){ margin-bottom: 40px; } .post-list-no-thumb-3i .post__title:not(:last-child) { margin-bottom: 15px; } .post-list-no-thumb-3i .post__meta time.time{ color: rgba(34,34,34,0.8); } .post-list-no-thumb-3i article { position: static; } .post-list-no-thumb-3i .bookmark__buttons-wrap { position: absolute; top: 10px; right: 10px; margin: 0; } .post-list-no-thumb-3i:hover .list-item:first-child .button-bookmark, .post-list-no-thumb-3i:hover .list-item:first-child .button-bookmark-option { fill: rgba(0, 0, 0, 0.58); } .post-list-no-thumb-3i .list-item:hover .button-bookmark, .post-list-no-thumb-3i .list-item:hover .button-bookmark-option, .post-list-no-thumb-3i .list-item:first-child:hover .button-bookmark, .post-list-no-thumb-3i .list-item:first-child .button-bookmark, .post-list-no-thumb-3i .list-item:first-child:hover .button-bookmark-option, .post-list-no-thumb-3i .list-item:first-child .button-bookmark-option{ fill: rgba(255, 255, 255, 0.9); } .post-list-no-thumb-3i .list-item .post__button-bookmark, .post-list-no-thumb-3i .list-item .post__button-bookmark-option, .post-list-no-thumb-3i .list-item .button-bookmark, .post-list-no-thumb-3i .list-item .button-bookmark-option { -webkit-transition: none; -o-transition: none; -moz-transition: none; transition: none; } .post__button-bookmark-option { display: inline-block; cursor: pointer; outline: none; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */ } .post-list-no-thumb-3i .list-item:hover .post__button-bookmark, .post-list-no-thumb-3i .list-item:hover .post__button-bookmark-option { opacity: 1; } .post-list-no-thumb-3i .button-bookmark:hover, .post-list-no-thumb-3i .button-bookmark-option:hover { fill: rgba(255, 255, 255, 1); } .atbs-ceris-posts-latest-has--smallpost .list-small{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 60px 0; } .post-list-no-thumb-3i .list-item:not(:last-child), .post-list-no-thumb-3i .list-item:last-child{ margin-bottom: 0; } @media (max-width: 1199px) and (min-width: 992px){ .posts-listing-list-no-sidebar .post--horizontal-normal .post__thumb{ width: 450px; } } @media (min-width: 992px) and (max-width: 1024px) { .post-list-no-thumb-3i .list-item{ padding: 25px; } } @media (min-width: 768px) and (max-width: 991px) { [class*=" posts-listing-list-"] .post__title.typescale-3.custom-typescale-3 { font-size: 23px; font-size: 1.6428rem; } } @media (max-width: 767px) { .posts-listing-list-no-sidebar .list-item:not(:last-child){ margin-bottom: 35px; } } @media(max-width: 1199px) and (min-width: 992px){ .atbs-ceris-posts-latest-has--smallpost .post-list-no-thumb-3i .list-item{ padding: 15px 20px; } } /* .Listing List A ----------------------- */ /* Post - item */ /*---item---*/ .atbs-ceris-post-list--horizontal-full-text .post-list .list-item:not(:last-child){ margin-bottom: 40px; } /*---text---*/ .post--horizontal-normal .post__title{ line-height: 1.5; margin-bottom: 15px; } .post--horizontal-normal .post__cat{ margin-bottom: 15px; } @media (max-width: 1199px){ /* Post - item */ /*---thumb---*/ .post--horizontal-normal .post__thumb{ width: 325px; } } @media (max-width: 991px){ /* Post - item */ /*---thumb---*/ .post--horizontal-normal .post__thumb{ width: 350px; } } @media (max-width: 767px){ /* Post - item */ .post--horizontal-normal{ display: block; } /*---thumb---*/ .post--horizontal-normal .post__thumb{ width: 100%; margin-bottom: 20px; margin-left: 0; } /*---text---*/ .post--horizontal-normal .post__text{ width: 100%; } .post--horizontal-normal .post__cat{ margin-bottom: 10px; } .post--horizontal-normal .post__title{ font-size: 22px; font-size: 1.5714rem; /*font system*/ line-height: 1.5; } } @media (max-width: 576px){ .post--horizontal-normal .post__thumb{ margin-bottom: 20px; } .post--horizontal-normal .post__excerpt{ max-width: 450px; } } @media (max-width: 480px){ .post--horizontal-normal .post__title{ font-weight: 600; font-size: 20px; font-size: 1.4285rem; } } .post--horizontal-margin-custom .post__title , .post--horizontal-margin-custom .post__cat{ margin-bottom: 15px; } .post--horizontal-margin-custom{ } .atbs-ceris-posts-latest-has--smallpost-2 .list-item:not(:last-child){ margin-bottom: 30px; } .atbs-ceris-posts-latest-has--smallpost-2 .list-small{ margin: 60px 0; } /*cat no line 2 item*/ .post-list-cat-no-line-2i{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .post-list-cat-no-line-2i .list-item{ width: -webkit-calc(100% / 2); width: -moz-calc(100% / 2); width: calc(100% / 2); max-width: 400px; margin-bottom: 0; } .post-list-cat-no-line-2i .list-item:not(:last-child){ margin-bottom: 0; } .post-list-cat-no-line-2i .post__title{ max-width: 80%; } @media (max-width: 767px){ .post-list-cat-no-line-2i .list-item{ width: 100%; max-width: 100%; } .post-list-cat-no-line-2i .list-item:not(:last-child){ margin-bottom: 40px; } .post-list-cat-no-line-2i .post__thumb{ width: 100px; } } .post--horizontal-no-excerpt .post__excerpt{ } .post--horizontal-no-excerpt .post__thumb{ margin-right: 40px; } .post--horizontal-no-excerpt .post__cat{ margin-bottom: 15px; } .post--horizontal-no-excerpt .post__title{ line-height: 1.5; margin-bottom: 15px; } @media (max-width: 1199px) { /*---thumb---*/ .post--horizontal-no-excerpt .post__thumb{ margin-right: 30px; width: 325px; } /*---text---*/ .post--horizontal-no-excerpt .post__title{ max-width: 100%; line-height: 1.5; } } @media (max-width: 1199px) and (min-width: 992px){ .posts-listing-list-b-no-sidebar .post--horizontal-no-excerpt .post__thumb{ width: 450px; } } @media (max-width: 991px) { /*---thumb---*/ .post--horizontal-no-excerpt .post__thumb{ margin-right: 40px; width: 355px; } /*---text---*/ .post--horizontal-no-excerpt .post__title{ max-width: 100%; line-height: 1.5; } } @media (max-width: 767px) { .post--horizontal-no-excerpt.post--horizontal{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; } /*---thumb---*/ .post--horizontal-no-excerpt.post--horizontal .post__thumb{ width: 50%; margin-right: 25px; margin-bottom: 0; } /*---text---*/ .post--horizontal-no-excerpt.post--horizontal .post__text{ /*width: 100%;*/ -webkit-box-flex:1; -ms-flex:1; -webkit-flex:1; -moz-box-flex:1; flex:1; } .post--horizontal-no-excerpt.post--horizontal .post__thumb { width: 100%; margin-bottom: 15px; margin-right: 0; } .post--horizontal-no-excerpt.post--horizontal .post__text { width: 100%; -webkit-box-flex: initial; -ms-flex: initial; -webkit-flex: initial; -moz-box-flex: initial; flex: initial; } .post--horizontal-no-excerpt.post--horizontal .post__title { font-size: 22px; font-size: 1.5714rem; /*font system*/ } } @media (max-width: 480px){ .post--horizontal-no-excerpt .post__title { font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; } } @media (max-width: 380px) { .post--horizontal-no-excerpt .post__title { font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; } } /* ----------------------- Post Listing List Large A */ /*ceris-scale-to-zero*/ .ceris-scale-to-zero { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: scale(0); -ms-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .atbs-ceris-posts-latest--text-right .list-item:not(:last-child){ margin-bottom: 40px; } /*---thumb---*/ .post--overlay-text-center--bg.post--overlay-bottom.post--overlay-md .post__text{ min-height: 400px; padding-top: 0; } /*---text---*/ .post--overlay-text-center--bg.atbs-ceris-post-slide-text-center .post--overlay-md .post__text{ margin: 0 200px; } .post--overlay-text-center--bg .post__text-wrap{ padding: 30px 30px 30px 30px; background-color: #fff; color: #000; position: relative; max-width: 520px; margin: auto; } .post--overlay-text-center--bg .post__text-wrap .post__meta { margin: 0; } .post--overlay-text-bottom-center--bg .button-bookmark-option-content, .post--overlay-text-center--bg .button-bookmark-option-content { max-width: 150px !important; text-align: left !important;; } @media (max-width: 480px) { .post--overlay-text-bottom-center--bg .post__button-bookmark-option, .post--overlay-text-center--bg .post__button-bookmark-option { position: relative; } .post--overlay-text-bottom-center--bg .button-bookmark-option-content--wrap, .post--overlay-text-center--bg .button-bookmark-option-content--wrap { left: unset; right: 0; } .post--overlay-text-bottom-center--bg .post__button-bookmark-option.show-bookmark-option-content .button-bookmark-option-content, .post--overlay-text-center--bg .post__button-bookmark-option.show-bookmark-option-content .button-bookmark-option-content { left: unset; right: 0; } .post--overlay-text-bottom-center--bg .post__button-bookmark-option .button-bookmark-option-content:before, .post--overlay-text-center--bg .post__button-bookmark-option .button-bookmark-option-content:before { right: 10px; left: unset; } } /*---shadow---*/ .post--overlay-text-center--bg .post__text-wrap:after{ content: ''; width: 80%; height: 100%; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-box-shadow: 0px 25px 45px 0 rgba(0, 0, 0, 0.11); -moz-box-shadow: 0px 25px 45px 0 rgba(0, 0, 0, 0.11); box-shadow: 0px 25px 45px 0 rgba(0, 0, 0, 0.11); z-index: -1; } .post--overlay-text-center--bg .post__cat{ margin-bottom: 15px; } .post--overlay-text-center--bg .post__title{ /*max-width: 90%;*/ margin-bottom: 10px; line-height: 1.5; } .post--overlay-text-center--bg .post__excerpt{ margin-bottom: 0; } .bookmark__notice_align_right .bookmark__buttons-wrap button { position: relative; } .bookmark__notice_align_right .bookmark__buttons-wrap .button-bookmark-option-content{ right: -12px; white-space: nowrap; top: -webkit-calc(100% + 5px); top: -moz-calc(100% + 5px); top: calc(100% + 5px); } .bookmark__notice_align_right .bookmark__buttons-wrap .button-bookmark-option-content:before{ left: auto; right: 20px; top: -6px; } /* bookmark 480 */ .post-meta--bookmark__wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .post-meta--bookmark__wrap .bookmark__buttons-wrap:before { content: ''; width: 4px; height:4px; background: #888; margin: 0 10px; margin-bottom: 5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .post--overlay-text-bottom-center--bg .bookmark__buttons-wrap, .post--overlay-text-center--bg .bookmark__buttons-wrap { padding-top: 5px; margin-left: 10px !important; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .post--overlay-text-bottom-center--bg.post-has-bookmark .post__button-bookmark, .post--overlay-text-bottom-center--bg.post-has-bookmark .post__button-bookmark-option, .post--overlay-text-center--bg.post-has-bookmark .post__button-bookmark, .post--overlay-text-center--bg.post-has-bookmark .post__button-bookmark-option { opacity: 1; } @media(min-width: 481px){ .post--overlay-text-bottom-center--bg .bookmark__buttons-wrap .post__readmore, .post--overlay-text-center--bg .bookmark__buttons-wrap .post__readmore{ position: relative; margin-left: 15px; } .post--overlay-text-bottom-center--bg .bookmark__buttons-wrap, .post--overlay-text-center--bg .bookmark__buttons-wrap{ margin-top: 0; } } @media(max-width: 480px){ .post--overlay-text-bottom-center--bg .bookmark__buttons-wrap, .post--overlay-text-center--bg .bookmark__buttons-wrap{ margin-bottom: -25px; } } @media(max-width: 380px){ .post--overlay-text-bottom-center--bg .bookmark__buttons-wrap, .post--overlay-text-center--bg .bookmark__buttons-wrap { margin-bottom: -15px; } } /* bookmark 480 */ .post--overlay-text-center--bg .post__readmore{ position: absolute; right: 0; bottom: 0; width: 50px; height: 50px; background-color: #888; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; } .post--overlay-text-center--bg .post__readmore i{ font-size: 20px; color: #fff; } @media (min-width: 1200px){ .posts-listing-list-large-a-no-sidebar .post--overlay-text-center--bg.post--overlay-bottom.post--overlay-md .post__text{ min-height: 520px; } .posts-listing-list-large-a-no-sidebar .post--overlay-text-center--bg .post__text-wrap { max-width: 576px; } } @media (max-width: 1199px){ /*---thumb---*/ /*---text---*/ .post--overlay-text-center--bg .post__title a{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; } } @media (max-width: 991px){ /*---thumb---*/ .post--overlay-text-center--bg.post--overlay-bottom.post--overlay-md .post__text{ min-height: 350px; } } @media (max-width: 767px){ /*---thumb---*/ .post--overlay-text-center--bg.post--overlay-bottom.post--overlay-md .post__text{ min-height: 350px; } /*---text---*/ .post--overlay-text-center--bg .post__title { line-height: 1.5; } .post--overlay-text-center--bg .post__text-wrap{ max-width: 400px; padding: 30px 20px; margin-bottom: 0; } } @media (min-width: 577px) and (max-width: 767px){ .post--overlay-text-center--bg .post__title { font-size: 22px; font-size: 1.5714rem; /*font system*/ } } @media (max-width: 576px){ } @media (max-width: 480px){ /*---thumb---*/ .post--overlay-text-center--bg.post--overlay-bottom.post--overlay-md .post__text{ min-height: 310px; } /*---text---*/ .post--overlay-text-center--bg .post__text-wrap{ max-width: 90%; padding: 30px 25px; } .post--overlay-text-center--bg .post__cat{ margin-bottom: 10px; } .post--overlay-text-center--bg .post__title{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } .post--overlay-text-center--bg .post__readmore { display: none; } } @media (max-width: 380px){ /*---thumb---*/ .post--overlay-text-center--bg.post--overlay-bottom.post--overlay-md .post__text{ min-height: 270px; } /*---text---*/ .post--overlay-text-center--bg .post__text-wrap { /*max-width: 280px;*/ max-width: 90%; padding: 20px; } .post--overlay-text-center--bg .post__cat{ margin-bottom: 10px; } .post--overlay-text-center--bg .post__readmore{ display: none; } .posts-listing-list-large-a-no-sidebar .post--overlay-text-center--bg.post--overlay-bottom.post--overlay-md .post__text{ min-height: 250px; } } /* .Post Listing List Large A ----------------------- */ /* ----------------------- Post Listing List Large B */ .atbs-ceris-posts-latest--text-left .list-item:not(:last-child){ margin-bottom: 40px; } /*---thumb---*/ .post--overlay-text-bottom-center--bg.post--overlay-bottom.post--overlay-md .post__text{ min-height: 345px; } /*---text---*/ .post--overlay-text-bottom-center--bg.atbs-ceris-post-slide-text-center .post--overlay-md .post__text{ margin: 0 200px; } .post--overlay-text-bottom-center--bg .post__text-wrap{ padding: 30px 40px; background-color: #fff; color: #000; position: relative; max-width: 520px; margin-left: auto; margin-right: auto; } .post--overlay-text-bottom-center--bg .post__text-wrap .post__meta{ margin: 0; } /*---shadow---*/ .post--overlay-text-bottom-center--bg .post__text-wrap:after{ content: ''; width: 80%; height: 100%; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-box-shadow: 0px 25px 45px 0 rgba(0, 0, 0, 0.11); -moz-box-shadow: 0px 25px 45px 0 rgba(0, 0, 0, 0.11); box-shadow: 0px 25px 45px 0 rgba(0, 0, 0, 0.11); z-index: -1; } .post--overlay-text-bottom-center--bg .post__cat{ margin-bottom: 15px; } .post--overlay-text-bottom-center--bg .post__title{ /*max-width: 90%;*/ margin-bottom: 10px; line-height: 1.4; } .post--overlay-text-bottom-center--bg .post__excerpt{ margin-bottom: 0; } .post--overlay-text-bottom-center--bg .post__readmore{ position: absolute; right: 0; bottom: 0; width: 50px; height: 50px; background-color: #888; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; } .post--overlay-text-bottom-center--bg .post__readmore i{ font-size: 20px; color: #fff; } @media (min-width: 1200px){ .posts-listing-list-large-b-no-sidebar .post--overlay-text-bottom-center--bg.post--overlay-bottom.post--overlay-md .post__text{ min-height: 520px; } .posts-listing-list-large-b-no-sidebar .post--overlay-text-bottom-center--bg .post__text-wrap{ min-width: 576px; } } @media (max-width: 1199px){ .post--overlay-text-bottom-center--bg .post__title a{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; } } @media (max-width: 991px){ /*---thumb---*/ .post--overlay-text-bottom-center--bg.post--overlay-bottom.post--overlay-md .post__text{ min-height: 350px; } .post--overlay-text-bottom-center--bg .post__text-wrap{ padding: 30px; } } @media (max-width: 767px){ /*---thumb---*/ .post--overlay-text-bottom-center--bg.post--overlay-bottom.post--overlay-md .post__text{ min-height: 350px; } /*---text---*/ .post--overlay-text-bottom-center--bg .post__title { line-height: 1.5; } .post--overlay-text-bottom-center--bg .post__text-wrap{ max-width: 400px; padding: 30px; } } @media (max-width: 767px) and (min-width: 577px) { .posts-listing-list-large-b .post--overlay-text-bottom-center--bg .post__title { font-size: 22px; font-size: 1.5714rem; /*font system*/ line-height: 1.5; } } @media (min-width: 577px) and (max-width: 767px){ .post--overlay-text-bottom-center--bg .post__title { font-size: 22px; font-size: 1.5714rem; /*font system*/ } } @media (max-width: 576px){ .post--overlay-text-bottom-center--bg .post__text-wrap{ padding: 30px 20px; } } @media (max-width: 480px){ /*---thumb---*/ .post--overlay-text-bottom-center--bg.post--overlay-bottom.post--overlay-md .post__text{ min-height: 310px; } /*---text---*/ .post--overlay-text-bottom-center--bg .post__text-wrap{ max-width: 90%; padding: 30px 25px; } .post--overlay-text-bottom-center--bg .post__cat{ margin-bottom: 10px; } .post--overlay-text-bottom-center--bg .post__title{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; margin-bottom: 0; } .post--overlay-text-bottom-center--bg .post__readmore{ display: none; } } @media (max-width: 380px){ /*---thumb---*/ .post--overlay-text-bottom-center--bg.post--overlay-bottom.post--overlay-md .post__text{ min-height: 250px; } /*---text---*/ .post--overlay-text-bottom-center--bg .post__text-wrap { /*max-width: 280px;*/ max-width: 90%; padding: 20px; } .post--overlay-text-bottom-center--bg .post__cat{ margin-bottom: 10px; } .post--overlay-text-bottom-center--bg .post__readmore{ display: none; } .posts-listing-list-large-b-no-sidebar .post--overlay-text-bottom-center--bg.post--overlay-bottom.post--overlay-md .post__text{ min-height: 250px; } } /* .Post Listing List Large B ----------------------- */ /* ----------------------- Post Listing List Large C */ .posts-listing-list-large-c-no-sidebar .list-item:not(:first-child) { margin-top: 60px; } .posts-listing-list-large-c-no-sidebar .post--vertical .post__thumb { margin-bottom: 35px; } .posts-listing-list-large-c-no-sidebar .post__text { max-width: 780px; margin-left: auto; margin-right: auto; } .posts-listing-list-large-c-no-sidebar .post__text .post__meta { margin-bottom: 25px; } .posts-listing-list-large-c-no-sidebar .post__text .post__excerpt { max-width: 100%; font-size: 18px; line-height: 1.8; display: -webkit-box !important; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 3; } .posts-listing-list-large-c-no-sidebar .post-footer .entry-more a{ font-size: 14px; line-height: 1; font-weight: 700; text-transform: uppercase; color: #444; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; padding-bottom: 5px; border-bottom: 1px dashed #444; } .posts-listing-list-large-c-no-sidebar .post-footer .entry-more a svg { fill: #444; margin-left: 10px; margin-bottom: 3px; } .posts-listing-list-large-c-no-sidebar .bookmark__buttons-wrap { margin-top: 0; } .posts-listing-list-large-c-no-sidebar .post-has-bookmark .post__button-bookmark, .posts-listing-list-large-c-no-sidebar .post-has-bookmark .post__button-bookmark-option { opacity: 1; line-height: 1; } .posts-listing-list-large-c-no-sidebar .post--vertical .bookmark__buttons-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .posts-listing-list-large-c-no-sidebar .bookmark__buttons-wrap { margin-left: 30px; border-left: 1px solid #aaa; padding-left: 20px; } .posts-listing-list-large-c-no-sidebar .post-footer{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 30px; } @media (max-width: 576px) { .posts-listing-list-large-c-no-sidebar .post__text .post__excerpt { font-size: 16px; line-height: 1.7; } } @media (max-width: 480px) { .posts-listing-list-large-c-no-sidebar .post__text .post__excerpt { font-size: 1.0714rem; line-height: 1.6; display: -webkit-box !important; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; } .posts-listing-list-large-c-no-sidebar .post--vertical .post__thumb { margin-bottom: 25px; } .posts-listing-list-large-c-no-sidebar .post__text .post__meta { margin-bottom: 15px; } .posts-listing-list-large-c-no-sidebar .post-footer{ margin-top: 15px; } .posts-listing-list-large-c-no-sidebar .post-footer .entry-more a{ font-size: 13px; } } /* .Post Listing List Large C ----------------------- */ /* ----------------------- Post Listing List ALT B */ /** Bookmark **/ .post--overlay.post--overlay-bottom { overflow: visible; } .post--overlay.post--overlay-floorfade .post__text { overflow: hidden; } .post--overlay.post--overlay-bottom .bookmark__buttons-wrap { margin: 0; } .post--overlay.post--overlay-bottom .bookmark__buttons-section{ position: absolute; right: 20px; bottom: 20px; pointer-events: auto; z-index: 2; } .carousel-overlay-post-main-col-3i .owl-carousel .owl-dots{ display: none; } .carousel-overlay-post-main-col-3i .post--overlay .post__cat{ margin-bottom: 15px; } .carousel-overlay-post-main-col-3i .post--overlay .post__title{ margin-bottom: 15px; } @media (min-width: 1199px) { .posts-listing-list-alt-b .post--overlay .post__title { max-width: 740px; } } @media (max-width: 1199px) and (min-width: 992px){ .posts-listing-list-alt-b .post--overlay .post__title, .posts-listing-grid-alt-b .post--overlay .post__title{ font-size: 24px; font-size: 1.7142rem; /*font system*/ } .posts-listing-grid-alt-b .post--vertical .typescale-2.custom-typescale-2{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } .carousel-overlay-post-main-col-3i .post--overlay .post__title.typescale-1{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } .posts-block-main-col-j .post--overlay .post__title { font-size: 24px; font-size: 1.7142rem; /*font system*/ } } @media (max-width: 991px) and (min-width: 768px){ .posts-listing-grid-alt-b .post--vertical .typescale-2.custom-typescale-2{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } .post--overlay.post--overlay-bottom .bookmark__buttons-section{ right: 15px; bottom: 7px; } .carousel-overlay-post-main-col-3i .post--overlay .post__title.typescale-2{ line-height: 1.5; } } @media (max-width: 767px) { .posts-listing-grid-alt-b .post--vertical .typescale-2.custom-typescale-2{ font-size: 16px; font-size: 1.1428rem; /*font system*/ line-height: 1.5; } .posts-block-main-col-j .post--vertical .post__title.typescale-1{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } .post--overlay.post--overlay-bottom .bookmark__buttons-section{ right: 15px; bottom: 7px; } .carousel-overlay-post-main-col-3i .post--overlay .post__title.typescale-2{ font-size: 22px; font-size: 1.5714rem; /*font system*/ line-height: 1.5; font-weight: bold; } .carousel-overlay-post-main-col-3i .post--overlay .post__text{ min-height: 300px; } .atbs-ceris-main-col .posts-block-main-col-j .post--overlay .post__excerpt { display: none; } } @media (max-width: 767px) and (min-width: 577px){ .atbs-ceris-main-col .posts-block-main-col-j .post--overlay .typescale-3, .atbs-ceris-main-col .posts-listing-grid-alt-b .post--overlay .typescale-3{ line-height: 1.5; } .atbs-ceris-main-col .posts-block-main-col-j .post--vertical .post__title.typescale-1{ font-size: 16px; font-size: 1.1428rem; /*font system*/ line-height: 1.5; } .atbs-ceris-main-col .posts-listing-grid-alt-b .post--vertical .typescale-2.custom-typescale-2{ font-size: 16px; font-size: 1.1428rem; /*font system*/ line-height: 1.5; } } @media (max-width: 767px) and (min-width: 577px){ .posts-block-main-col-j .small-post-grid-vertical [class*='col-']{ width: 50%; } } @media (max-width: 576px){ .atbs-ceris-main-col .posts-block-main-col-j .post--vertical .post__title.typescale-1{ font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; } .atbs-ceris-main-col .posts-listing-grid-alt-b .post--vertical .typescale-2.custom-typescale-2{ font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; } .carousel-overlay-post-main-col-3i .post--overlay .post__title.typescale-1{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } } @media (max-width: 480px){ .posts-block-main-col-j .small-post-grid-vertical [class*='col-']{ width: 100%; } .posts-block-main-col-j .post--vertical .post__title.typescale-1 { font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; } .atbs-ceris-main-col .posts-block-main-col-j .post--overlay .post__title{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } .atbs-ceris-main-col .posts-listing-list-alt-b .post--overlay .post__title{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } .atbs-ceris-main-col .posts-block-main-col-j .post--vertical .post__title.typescale-1{ font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; } .carousel-overlay-post-main-col-3i .post--overlay .post__title.typescale-2{ font-size: 19px; font-size: 1.3571rem; /*font system*/ line-height: 1.5; } } /* .Post Listing List ALT B ----------------------- */ /* ----------------------- atbs-ceris-featured-with-list */ /* .atbs-ceris-featured-with-list ----------------------- */ /* ----------------------- atbs-ceris-pagination */ .atbs-ceris-pagination{ margin-top: 60px; } .atbs-ceris-pagination.atbs-ceris-pagination--next-n-prev { margin-top: 40px; padding: 25px 0; border-top: 1px solid #efefef; } .atbs-ceris-pagination.atbs-ceris-pagination--next-n-prev span.current_page_number { font-weight: bold; } @media (max-width: 991px) { .atbs-ceris-pagination{ margin-top: 50px; } } .pagination-circle .atbs-ceris-pagination__item{ width: 28px; height: 28px; min-width: 28px; line-height: 28px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: transparent; color: rgba(34, 34, 34, 0.6); font-weight: normal; font-size: 15px; -webkit-transition: .1s; -o-transition: .1s; -moz-transition: .1s; transition: .1s; } .pagination-circle .atbs-ceris-pagination__item { text-decoration: none !important; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */ } .pagination-circle .atbs-ceris-pagination__item:not(.atbs-ceris-pagination__dots):hover{ background-color: var(--color-logo); color: #fff; } .pagination-circle .atbs-ceris-pagination__item.atbs-ceris-pagination__item-current{ background-color: var(--color-logo); color: #fff; -webkit-box-shadow: 0px 6px 13px 0 rgba(6, 97, 241, 0.2); -moz-box-shadow: 0px 6px 13px 0 rgba(6, 97, 241, 0.2); box-shadow: 0px 6px 13px 0 rgba(6, 97, 241, 0.2); } .pagination-circle .atbs-ceris-pagination__item.atbs-ceris-pagination__dotst:hover{ color: #000; } .pagination-circle .atbs-ceris-pagination__item.atbs-ceris-pagination__item-next, .pagination-circle .atbs-ceris-pagination__item.atbs-ceris-pagination__item-prev{ width: auto; background-color: transparent !important; font-size: 15px; } .pagination-circle .atbs-ceris-pagination__item.atbs-ceris-pagination__item-next:hover, .pagination-circle .atbs-ceris-pagination__item.atbs-ceris-pagination__item-prev:hover{ color: var(--color-logo); } /* .atbs-ceris-pagination ----------------------- */ /* ----------------------- Posts Listing Grid A */ /*---thumb---*/ .post--vertical-text-not-fullwidth .post__thumb{ margin-bottom: 20px; background: #000; } .post--vertical-text-not-fullwidth .post__thumb img{ -o-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; -webkit-transition: 0.2s ease-in-out; } .post--vertical-text-not-fullwidth .post__thumb:hover img{ opacity: 0.7; } /*---text---*/ .post--vertical-text-not-fullwidth .post__cat{ margin: 0; position: absolute; bottom: 0; left: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .post--vertical-text-not-fullwidth .post__title{ margin-bottom: 12px; } .post--vertical-text-not-fullwidth .post__excerpt { margin-bottom: 13px; } .post--vertical-text-not-fullwidth .post-footer { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; } /** Bookmark **/ .post--vertical .bookmark__buttons-wrap { z-index: 10; } .post--vertical-text-not-fullwidth .bookmark__buttons-wrap > div{ position: relative; } .post--vertical-text-not-fullwidth .bookmark__buttons-wrap { margin: 0 0 0 15px; } .posts-listing-grid .post--vertical-text-not-fullwidth .bookmark__buttons-wrap { -webkit-transform: none;-ms-transform: none;-moz-transform: none;-o-transform: none;transform: none; } @media (min-width: 1200px){ /*---item---*/ .posts-listing-grid-no-sidebar .post--vertical-text-not-fullwidth .post__title, .posts-listing-grid-alt-b .post--vertical-text-not-fullwidth .post__title{ font-size: 21px; font-size: 1.5rem; /*font system*/ } .posts-listing-grid.atbs-ceris-posts--vertical-text-not-fullwidth .post__title{ font-size: 21px; font-size: 1.5rem; } .single .single-entry-section .post--vertical-text-not-fullwidth .post__title { font-size: 21px; font-size: 1.5rem; } .archive .listing_grid .post--vertical-text-not-fullwidth .post__title, .archive .listing_grid_alt_b .post--vertical-text-not-fullwidth .post__title, .archive .listing_grid_no_sidebar .post--vertical-text-not-fullwidth .post__title{ font-size: 21px; font-size: 1.5rem; } } @media (max-width: 1199px){ /*---item---*/ .atbs-ceris-posts--vertical-text-not-fullwidth .post-list{ margin-left: -15px; margin-right: -15px; } .atbs-ceris-posts--vertical-text-not-fullwidth .post-list .list-item{ padding-left: 15px; padding-right: 15px; } } @media (min-width: 992px) and (max-width: 1199px){ } @media (max-width: 991px){ .posts-listing-grid-no-sidebar .post--vertical-text-not-fullwidth .post__thumb{ margin-bottom: 20px; } } @media (max-width: 767px) and (min-width: 577px){ .atbs-ceris-main-col .atbs-ceris-posts--vertical-text-not-fullwidth .posts-list{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; display: -moz-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .atbs-ceris-main-col .atbs-ceris-posts--vertical-text-not-fullwidth [class*='col']{ width: 50%; } .posts-listing-grid-alt-b .post--vertical .post__title { font-size: 22px; font-size: 1.5714rem; /*font system*/ line-height: 1.5; } .posts-listing-grid .post--vertical .post__title.typescale-2 { font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; font-weight: 600; } } @media (max-width: 767px){ /*---item---*/ .post--vertical-text-not-fullwidth .post__text{ margin-left: 0; } /*---thumb---*/ .post--vertical-text-not-fullwidth .post__thumb{ margin-bottom: 20px; } /*---text---*/ .posts-listing-grid-no-sidebar .post--vertical-text-not-fullwidth .post__title{ font-size: 22px; font-size: 1.5714rem; /*font system*/ line-height: 1.5; } } @media (max-width: 576px){ /*---item---*/ /*---text---*/ .post--vertical-text-not-fullwidth .post__title.typescale-2{ font-size: 22px; font-size: 1.5714rem; /*font system*/ line-height: 1.5; font-weight: bold; } .posts-listing-grid .post--vertical-text-not-fullwidth .post__title{ font-size: 22px; font-size: 1.5714rem; /*font system*/ line-height: 1.5; } } @media (max-width: 480px){ /*---item---*/ /*---text---*/ .post--vertical-text-not-fullwidth .post__title{ font-size: 18px; font-size: 1.2857rem; /*font system*/ } .posts-listing-grid .post--vertical-text-not-fullwidth .post__title, .post--vertical-text-not-fullwidth .post__title.typescale-2{ font-size: 19px; font-size: 1.3571rem; /*font system*/ line-height: 1.5; } } /* .Posts Listing Grid A ----------------------- */ /* ----------------------- Posts Listing Grid B */ .posts-listing-grid-b .list-item .post__title { margin-bottom: 15px; } /** Bookmark **/ .posts-listing-grid-b .bookmark__buttons-wrap, .posts-listing-grid-b-no-sidebar .bookmark__buttons-wrap { margin-top: 0; height: -webkit-calc(100% + 40px); height: -moz-calc(100% + 40px); height: calc(100% + 40px); display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; padding-right: 5px; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -ms-flex-line-pack: center; -webkit-align-content: center; align-content: center; pointer-events: auto; } .atbs-ceris-posts-listing-grid-e-no-sidebar .post__text { position: relative; } .atbs-ceris-posts-listing-grid-e-no-sidebar .bookmark__buttons-wrap { margin: 0; position: absolute; top: 30px; left: 30px; right: 30px; } .atbs-ceris-posts-listing-grid-e-no-sidebar .bookmark__buttons-wrap button { width: 100%; } .atbs-ceris-posts-latest--overlay .post__cat{ position: absolute; } .atbs-ceris-posts-latest--overlay .post--overlay-top-bottom.post--overlay-md .post__text { min-height: 420px; pointer-events: none; z-index: 10; } .atbs-ceris-posts-latest--overlay .post--overlay-top-bottom.post--overlay-md .post__text .post__title { margin-bottom: 12px; } .atbs-ceris-posts-latest--overlay .post--overlay-top-bottom.post--overlay .background-img:after{ background-color: #000; opacity: 0.2; } .atbs-ceris-posts-latest--overlay .post--overlay-top-bottom.post--overlay-padding-lg .overlay-item--top-left{ top: 25px; } .atbs-ceris-posts-latest--overlay .post--overlay-top-bottom.post--overlay-padding-lg .post__text-inner{ /*padding-bottom: 35px;*/ padding: 20px; } .atbs-ceris-posts-latest--overlay .post--overlay-top-bottom.post--overlay-padding-lg .overlay-item--top-left{ left: 20px; } .atbs-ceris-posts-latest--overlay .post--overlay-top-bottom .post__cat{ z-index: 1; opacity: 1; color: rgba(255,255,255,0.8); margin-bottom: 0; } .atbs-ceris-posts-latest--overlay .post--overlay-top-bottom .post__cat:before{ background-color: #fff; } .atbs-ceris-posts-listing-grid-e-no-sidebar .post-grid-video-space-between.post-grid-video-space-between__style-5 .post__title{ margin-bottom: 15px; } .atbs-ceris-posts-latest--overlay .bookmark__notice_align_right .bookmark__buttons-wrap .button-bookmark-option-content{ right: 8px; white-space: nowrap; } .posts-listing-grid-b.atbs-ceris-posts-latest--overlay .bookmark__notice_align_right .bookmark__buttons-wrap .button-bookmark-option-content, .posts-listing-grid-b .atbs-ceris-posts-latest--overlay .bookmark__notice_align_right .bookmark__buttons-wrap .button-bookmark-option-content, .posts-listing-grid-b-no-sidebar.atbs-ceris-posts-latest--overlay .bookmark__notice_align_right .bookmark__buttons-wrap .button-bookmark-option-content, .posts-listing-grid-b-no-sidebar .atbs-ceris-posts-latest--overlay .bookmark__notice_align_right .bookmark__buttons-wrap .button-bookmark-option-content{ right: -12px; white-space: nowrap; } .atbs-ceris-posts-listing-grid-e-no-sidebar .bookmark__notice_align_right .bookmark__buttons-wrap .button-bookmark-option-content{ right: -12px; } @media (min-width: 1199px){ .posts-listing-grid-b-no-sidebar .posts-list .post__title{ font-size: 21px; font-size: 1.5rem; } .posts-listing-grid-b .posts-list .post__title{ font-size: 21px; font-size: 1.5rem; } .single .single-entry-section .post--overlay .post__title { font-size: 21px; font-size: 1.5rem; } } @media (max-width: 1199px) { /*---item---*/ .atbs-ceris-posts-latest--overlay .post-list{ margin: -15px; } .atbs-ceris-posts-latest--overlay .post-list .list-item{ padding: 15px; } /*---text---*/ .atbs-ceris-posts-latest--overlay .post--overlay-top-bottom.post--overlay-md .post__text { min-height: 340px; } } @media (max-width: 991px) { /*---item---*/ /*---text---*/ .atbs-ceris-posts-latest--overlay .post--overlay-top-bottom.post--overlay-padding-lg .post__text-inner{ padding: 20px; } .atbs-ceris-posts-latest--overlay .post--overlay-top-bottom.post--overlay-md .post__text { min-height: 350px; } } @media (max-width: 767px){ .atbs-ceris-posts-latest--overlay .post-list { margin: -10px; } .atbs-ceris-posts-latest--overlay .post-list .list-item { padding: 10px; width: 100%; } /*---text---*/ .atbs-ceris-posts-latest--overlay .post--overlay-top-bottom.post--overlay-md .post__text { min-height: 270px; } .atbs-ceris-posts-latest--overlay .post--overlay-top-bottom.post--overlay-padding-lg .post__text-inner{ padding: 20px; } } @media (min-width: 577px) and (max-width: 767px){ .atbs-ceris-posts-latest--overlay .post--overlay-top-bottom.post--overlay-md .post__title { font-size: 22px; font-size: 1.5714rem; /*font system*/ line-height: 1.5; } } @media (max-width: 576px) { /*---text---*/ .atbs-ceris-posts-latest--overlay .post--overlay-top-bottom.post--overlay-md .post__text { min-height: 320px; } .atbs-ceris-posts-latest--overlay .post--overlay-top-bottom.post--overlay-padding-lg .post__text-inner{ padding: 20px; } .atbs-ceris-posts-latest--overlay .post--overlay-top-bottom.post--overlay-md .post__title { font-size: 22px; font-size: 1.5714rem; /*font system*/ line-height: 1.5; } } @media (max-width: 480px){ .atbs-ceris-posts-latest--overlay .atbs-ceris-posts-latest--overlay .post--overlay-top-bottom.post--overlay-padding-lg .post__text-inner{ padding: 15px; } .atbs-ceris-posts-latest--overlay .atbs-ceris-posts-latest--overlay .post--overlay-top-bottom.post--overlay-md .post__title{ max-width: 100%; font-size: 20px; } .atbs-ceris-posts-latest--overlay .post--overlay-top-bottom.post--overlay-md .post__title { font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } .atbs-ceris-posts-listing-grid-e-no-sidebar .bookmark__buttons-wrap { top: 20px; left: 20px; right: 20px; } } @media (max-width: 420px) { .atbs-ceris-posts-latest--overlay .atbs-ceris-posts-latest--overlay .post-list{ margin: -5px; } .atbs-ceris-posts-latest--overlay .atbs-ceris-posts-latest--overlay .post-list .list-item{ padding: 5px; } } @media (max-width: 380px){ .atbs-ceris-posts-latest--overlay .post--overlay-top-bottom.post--overlay-md .post__title { font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; max-width: 100%; } } @media (max-width: 320px) { .atbs-ceris-posts-latest--overlay .atbs-ceris-posts-latest--overlay .post--overlay-top-bottom.post--overlay-md .post__text { min-height: 300px; } } /* .Posts Listing Grid B ----------------------- */ /* ----------------------- pre define css */ /*Margin*/ /*Module Spacing*/ .atbs-ceris-block:not(:last-child){ margin-bottom: 100px; } .atbs-ceris-block.atbs-feature-area { margin-bottom: 60px; } .atbs-ceris-block.single-billboard--video { margin-bottom: 60px; } .single .atbs-ceris-block:not(:last-child){ margin-bottom: 80px; } @media (max-width: 991px) { .single .atbs-ceris-block:not(:last-child){ margin-bottom: 60px; } } @media (max-width: 767px) { .single .atbs-ceris-block:not(:last-child){ margin-bottom: 40px; } } /*Title*/ .block-heading{ margin-bottom: 50px; } .block-heading__title { margin-bottom: 0; color: #222; letter-spacing: normal; text-transform: none; font-weight: bold; } .single .atbs-ceris-block:last-child{ margin-bottom: 0; } .single .single-entry-section .block-heading { margin-bottom: 40px; } .single .block-heading.block-heading--lg { margin-bottom: 40px; } .single .single-entry-section .block-heading .block-heading__title, .single .comment-reply-title, .page .comment-reply-title, .single .same-category-posts .block-heading .block-heading__title, .single .related-posts .block-heading .block-heading__title { font-weight: 700; } @media (max-width: 767px) { /* Module block */ /*===Margin===*/ /*block*/ .atbs-ceris-block:not(:last-child){ margin-bottom: 80px; } /*===Size===*/ /*title*/ .block-heading--lg .block-heading__title { font-size: 34px; font-size: 2.4285rem; /*font system*/ } .single .single-entry-section .block-heading { margin-bottom: 30px; } .single .block-heading.block-heading--lg { margin-bottom: 35px; } .single .block-heading--lg .block-heading__title { font-size: 22px; font-size: 1.5714rem; /*font system*/ } } @media(max-width: 576px){ /*===Margin===*/ /*block*/ .atbs-ceris-block:not(:last-child){ margin-bottom: 50px !important; } .single-entry--billboard-overlap-title .atbs-ceris-block:not(:last-child){ margin-bottom: 30px !important; } /*title*/ .block-heading--lg .block-heading__title { font-size: 26px; font-size: 1.8571rem; /*font system*/ } .single .block-heading--lg .block-heading__title { font-size: 20px; font-size: 1.4285rem; /*font system*/ } .single .block-heading.block-heading--lg { margin-bottom: 30px; } } @media (min-width: 577px) and (max-width: 767px){ /* Container custom */ .container-768{ width: 540px; padding: 0 15px; margin: auto; } } @media (max-width: 576px){ /* Container custom */ .container-768{ width: 100%; padding: 0 15px; margin: auto; } /* Module block */ /*===Margin===*/ /*block*/ .block-heading{ margin-bottom: 30px; } } /* .pre define css ----------------------- */ .widget__title{ margin-bottom: 30px; color: rgba(0, 0, 0, 0.7); } .site-footer--inverse.inverse-text .widget__title{ color: rgba(255,255,255,0.9); } /*--slide*/ .widget-slide .widget__title:after{ display: none; } .widget-slide .post { position: relative; } .widget-slide .post__title{ width: 100%; font-weight: 600; color: #222222; font-size: 17px; } .widget-slide .post__cat { margin-bottom: 8px; } .widget-slide .post__thumb{ margin-bottom: 15px; width: 100%; } .widget-slide .owl-nav{ position: absolute; left: 0; top: auto; bottom: -webkit-calc( 100% + 30px); bottom: -moz-calc( 100% + 30px); bottom: calc( 100% + 30px); width: 100%; height: auto; display: block; } .site-footer .widget-slide .owl-nav{ bottom: -webkit-calc( 100% + 34px); bottom: -moz-calc( 100% + 34px); bottom: calc( 100% + 34px); } .widget-slide .owl-next, .widget-slide .owl-prev{ position: absolute; width: auto; height: auto; padding:0; background-color: transparent !important; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; bottom: 0; top: initial; left: initial; -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; transform: none; color: #aaa; } .widget-slide .owl-next{ right: 0; } .widget-slide .owl-prev{ right: 50px; } .widget-slide .owl-item{ overflow: hidden; } .widget-slide .owl-next i, .widget-slide .owl-prev i{ font-size: 20px; } .widget-slide .owl-next:hover, .widget-slide .owl-prev:hover{ background: #fff; color: var(--color_logo); -webkit-transition: color 0.5s; -o-transition: color 0.5s; -moz-transition: color 0.5s; transition: color 0.5s; width: auto; height: auto; } .site-footer .widget-slide .owl-next:hover, .widget-slide .owl-prev:hover{ background: none; } .site-footer.inverse-text .atbs-ceris-carousel .owl-dot span{ background-color: rgba(255,255,255,0.5 ); } .widget-slide .owl-dots{ position: absolute; bottom: -webkit-calc( 100% + 31px); bottom: -moz-calc( 100% + 31px); bottom: calc( 100% + 31px); padding: 0; margin: 0 -3px; right: 22px; } .site-footer .widget-slide .owl-dots{ bottom: -webkit-calc( 100% + 35px); bottom: -moz-calc( 100% + 35px); bottom: calc( 100% + 35px); } .widget-slide .atbs-ceris-carousel .owl-dot{ padding: 3px; } .widget-slide .atbs-ceris-carousel .owl-dot.active span{ background-color: #dfad71; } .widget-slide .atbs-ceris-carousel .owl-dot span{ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 5px; height: 5px; } .site-footer.inverse-text .atbs-ceris-carousel .owl-dot span{ background-color: rgba(255,255,255,.5); } /* ----------------------- single css */ /*---Layout---*/ .ceris-single .site-content{ padding-top: 0; } .ceris-single .single-header-wrap{ width: -webkit-calc(50% + (585px - 320px)); width: -moz-calc(50% + (585px - 320px)); width: calc(50% + (585px - 320px)); position: absolute; left: 0; z-index: 1; } .ceris-single .single-header-wrap.header-wrap-has-left-sidebar{ width: -webkit-calc(50% + (585px - 20px)); width: -moz-calc(50% + (585px - 20px)); width: calc(50% + (585px - 20px)); } .ceris-single .single-header-wrap.single-no-sidebar{ width: -webkit-calc(50% + (470px)); width: -moz-calc(50% + (470px)); width: calc(50% + (470px)); } .ceris-single .post--single{ margin-top: 500px; margin-bottom: 0; } /*Header top*/ .single-header--top{ position: relative; } .ceris-single .single-header--top .post__thumb{ height: 460px; } .entry-meta{ position: absolute; left: 50%; -webkit-transform: translatex(-50%); -ms-transform: translatex(-50%); -moz-transform: translatex(-50%); -o-transform: translatex(-50%); transform: translatex(-50%); width: -webkit-max-content; width: -moz-max-content; width: max-content; bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; padding: 10px 25px; margin: 0; background-color: #fff; -webkit-box-shadow: 0px 25px 20px -20px rgba(0, 0, 0, 0.29); -moz-box-shadow: 0px 25px 20px -20px rgba(0, 0, 0, 0.29); box-shadow: 0px 25px 20px -20px rgba(0, 0, 0, 0.29); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .single-header .entry-meta, .atbs-single-style-no-sidebar-3 .ceris-single .single-header .entry-meta { position: relative; background: none; display: block; left: unset; -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; transform: none; padding: 0; width: auto; bottom: unset; margin-top: 15px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .single-header .inverse-text .entry-meta *, .single-header .inverse-text .entry-meta * a { color: #ddd; } .single-header .entry-meta:not(.entry-meta--box)>*:not(:last-child) { margin-right: 12px; } .single-header .entry-meta * a { color: rgba(0, 0, 0, 0.4); } .single-header .entry-meta * { color: rgba(0, 0, 0, 0.4); opacity: 1; font-weight: 400; } .single-header .entry-meta i { padding-bottom: 2px; } .example { display: -ms-grid; display: grid; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: -o-linear-gradient(top, white, black); background: -webkit-gradient(linear, left top, left bottom, from(white), to(black)); background: -webkit-linear-gradient(top, white, black); background: -moz-linear-gradient(top, white, black); background: linear-gradient(to bottom, white, black); } .ceris-entry-meta-with-share-wrap { position: absolute; left: 50%; bottom: 30px; -webkit-transform: translatex(-50%); -ms-transform: translatex(-50%); -moz-transform: translatex(-50%); -o-transform: translatex(-50%); transform: translatex(-50%); } .ceris-entry-meta-with-share-wrap .entry-meta{ position: relative; left: unset; bottom: unset; -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; transform: none; } .ceris-entry-meta-with-share-wrap .entry-meta .entry-author img { width: 40px; height: 40px; } /* .entry-meta.ceris-entry-meta-with-share { width: auto; } */ .ceris-single .single-header--top .entry-author__avatar, .entry-meta .entry-author__avatar, .ceris-single .single-header--top .wp-user-avatar, .entry-meta .wp-user-avatar{ width: 30px; height: 30px; } .single .entry-meta .entry-author , .ceris-single .single-header--top .entry-author { /*padding-right: 15px;*/ margin-right: 30px; } .single .entry-meta .entry-author:last-child, .ceris-single .single-header--top .entry-author:last-child { margin-right: 0; } .single .entry-meta .entry-author{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .single .entry-meta .entry-author__name{ padding-left: 5px; } .single .entry-meta .entry-author__name, .ceris-single .single-header--top .entry-author__name{ color: var(--color-logo); text-transform: initial; font-weight: 500; } .author-socials{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap-reverse; -webkit-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } .ceris-share-socials{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap-reverse; -webkit-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } .ceris-share-socials ul{ padding-left:0; } .ceris-share-socials ul a{ font-size: 14px; } .ceris-share-socials ul li { margin-top: 0; } .ceris-share-socials ul li:not(:last-child){ margin-right: 15px; } .title-socials{ display: block; padding-right: 15px; margin-right: 15px; border-right: 1px solid rgba(0,0,0,0.1); } .author-socials li:not(:last-child){ margin-right: 15px; } .typography-copy .entry-meta .author-socials ul{ margin-bottom:0; } .typography-copy .entry-meta .ceris-share-socials ul{ margin-bottom:0; } .entry-meta a{ color: #222222; opacity: 0.8; } /*Header body*/ .single-header--body{ margin-left:100px; margin-right: 0; margin-bottom: 40px; padding-right: 50px; } .ceris-single .single-header--body{ margin-left: 100px; margin-right: 50px; margin-bottom: 35px; } .single-body{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 0; margin: 0 50px 0 0; } @media(max-width: 767px){ .ceris-single .single-header--body{ margin:0; } .single-header--body{ padding-right:0; } } /*post header*/ .single-header .single-header--body-wrap{ display: inline-table; width: 100%; position: relative; } .single-header .entry-cat--wrap{ display: inline-block; height: auto; margin-bottom: 0; width: auto; max-width: 20%; vertical-align: top; margin-top: 5px; } .single-header .post__cat{ display: inline-block; height: auto; margin-bottom: 10px; letter-spacing: 0.5px; margin-right: 15px; text-transform: uppercase; } .single-header .post__cat.cat-theme-bg{ margin-bottom: 15px; } .single-entry--template-4-alt .post__cat{ margin-bottom: 15px; } .single-header .media{ margin-top: 0; } .single-header .media-left{ padding-right: 0; padding-bottom: 0; position: absolute; top: 0; left: 0; } .ceris-single .single-header .media-body{ padding-left: 80px; padding-bottom: 0; } .single-header .media-body{ padding-bottom: 0; } .single-header .media-left .entry-date{ padding: 10px 15px; background: #fff; color: #666; border: 1px solid #F2F2F2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } span.post-th { text-transform: uppercase; font-size: 11px; display: block; letter-spacing: 1px; /* color: #fff; */ display: block; color: #aaa; margin-bottom: 0; margin-top: 5px; } .inverse-text span.post-th { color: #ccc; } .entry-date time{ text-align: center; opacity: 0.7; } span.post-day { font-size: 24px; text-transform: uppercase; margin-bottom: 2px; line-height: 1; font-weight: 500; letter-spacing: -0.8px; } .single-header .post__title{ display: block; height: auto; margin-bottom: 0; margin-top: 0; font-size: 30px; font-size: 2.1428rem; /*font system*/ font-weight: bold; line-height: 1.4; padding-left: 0; } .single-header .entry-meta .entry-author { display: inline-block; } .single-header .entry-meta .entry-author .entry-author__avatar { margin-right: 6px; } .single-header .entry-meta .entry-author .entry-author__name{ color: #777; font-size: 12px; text-transform: capitalize; } .single-header .inverse-text .entry-author .entry-author__name{ color: #eee; } .single-entry--billboard-blur .single-header .post__title, .single-entry--template-4-alt .single-header .post__title, .single-entry--template-4 .single-header .post__title, .single-entry--billboard-overlap-title .single-header .post__title{ font-size: 30px; font-size: 2.1428rem; } .single-entry--billboard-blur .single-header .post__title { font-size: 35px; font-size: 2.5rem; } /*share box*/ .single-body--sharing-bar{ width: 100px; } .single-body--sharing-bar .share-box{ width: 42px; } .typography-copy .social-share ul.social-list{ padding: 0; } .social-share-label { text-transform: uppercase; font-size: 13px; font-weight: 400; color: #888 !important; position: relative; padding-bottom: 20px; } .social-share-label:before { content: ""; position: absolute; left: 50%; top: 100%; width: 1px; height: 60px; background-color: #888 !important; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .social-share .social-list{ margin-bottom: 0; margin-top: 100px; } .social-share .social-list li:nth-child(n+2){ margin-top: 10px; } .social-share ul li a { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; color: #909090; padding: 0; } .social-list > li > a { color: inherit; text-decoration: none; display: inline-block; padding: 0 0.4em; color: rgba(0, 0, 0, 0.7); line-height: 20px; -webkit-transition: all 0.15s ease-out 0s; -o-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; } .footer .social-list > li > a { color: rgba(0, 0, 0, 0.65); } .atbs-ceris-offcanvas__section .social-list > li > a{ color: rgba(0, 0, 0, 0.7); } .site-footer--inverse .social-list > li > a { color: #fff; } .social-share ul li a svg { padding: 10px; border: 1px solid #ddd; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .single .social-share ul li a svg { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .social-share ul li a svg:hover{ fill: #fff; background-color: var(--color-logo); border: 1px solid transparent; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } /*single content*/ .single-body--content{ width: -webkit-calc( 100% - 100px); width: -moz-calc( 100% - 100px); width: calc( 100% - 100px); padding-bottom: 10px; position: relative; border-bottom: 1px solid rgba(0,0,0,0.1); } .single-body--content p:first-child { margin-top: 0; } .ceris-sticky-social-share-bar-off .single-body--content{ width: 100% !important; } @media (min-width: 992px) and (max-width: 1199px){ .single-header .media-body { padding-left: 45px; } .single-body--sharing-bar { width: 80px; } .single-body--content{ width: -webkit-calc( 100% - 80px); width: -moz-calc( 100% - 80px); width: calc( 100% - 80px); } /*edit 12.03.2020*/ .ceris-single .single-header--body{ margin-left: 80px; } } @media(max-width: 767px){ .single-body--content:before{ width: 100%; } } .single-footer{ /*padding-top: 20px;*/ padding-top: 0; clear: both; } .atbs-article-reactions + .single-footer{ margin-top: 30px; } .single-body .atbs-ceris-post-media-wide{ margin: 0; } .single-body .atbs-ceris-post-media-wide:not(:last-child){ margin-bottom: 60px; } /*tags - view*/ /*tags*/ .entry-tags ul, .entry-categories ul{ margin: -4px -15px; } .entry-tags ul > li, .entry-categories ul > li{ margin: 4px 15px; } .entry-tags ul > li > a{ color: rgba(0,0,0,0.6); text-transform: capitalize; } .entry-tags ul > li:not(.entry-tags__icon) > a:before{ display: none; } .entry-tags ul > li > a:hover{ color: var(--color-logo); } /*view*/ .entry-interaction__right > a{ text-decoration: none; } .entry-interaction__right > a.view-count{ margin-left: 10px; } .single-footer .comments-count, .single-footer .view-count{ font-size: 11px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: -moz-inline-box; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; color: rgba(34,34,34,0.5); letter-spacing: 0.5px; } .single-footer .comments-count i, .single-footer .view-count i { font-size: 15px; margin-right: 8px; } /*post-navigation - author-box*/ /*layout*/ .navigation-author__wrap{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; flex-direction: row-reverse; margin: 0 50px 75px 100px; } .single-body--reverse .navigation-author__wrap{ margin: 0 100px 75px 0; } @media(max-width: 767px){ .single-body--reverse .navigation-author__wrap{ margin: 0 0 40px 0; } } .navigation-author__wrap .posts-navigation{ width: 100%; } .single-body--content .author-box{ max-width: 440px; margin: 40px auto; } .single-body--content .author-box .author-social { font-size: 14px; } /*post-navigation*/ .single-entry-wrap .posts-navigation{ position: relative; padding-bottom: 0; border-bottom: 1px solid rgba(34,34,34,0.1); } .single-entry-wrap .posts-navigation:before { content: ''; width: 1px; height: 100%; position: absolute; left: 50%; top: 50%; background-color: rgba(0,0,0,0.1); -webkit-transform: translatey(-50%); -ms-transform: translatey(-50%); -moz-transform: translatey(-50%); -o-transform: translatey(-50%); transform: translatey(-50%); } /*one for all*/ .navigation-author__wrap .posts-navigation__prev .posts-navigation__label, .navigation-author__wrap .posts-navigation__next .posts-navigation__label{ position: initial; -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; transform: none; padding: 0; margin-bottom: 7px; line-height: 2; /*text-transform: initial;*/ font-size: 13px; font-weight: 600; color: var(--color-text); } .posts-navigation__label:before{ display: none; } .navigation-author__wrap .posts-navigation__prev, .navigation-author__wrap .posts-navigation__next{ padding-top: 30px; padding-bottom: 30px; } /*left*/ .navigation-author__wrap .posts-navigation__prev { padding-right: 40px; padding-left: 0; float: left; } /*right*/ .navigation-author__wrap .posts-navigation__next { padding-left: 40px; padding-right: 0; float: right } .author-box__text-top ul.author-social{ margin-top: 8px; } .author-box__text-top ul.author-social { margin-top: 0; margin-bottom: 0; } /*item*/ .posts-navigation .posts-navigation__label span{ color: var(--color-text); opacity: 0.5; font-weight: 500; } .posts-navigation .post:hover .posts-navigation__label span, .posts-navigation .post:hover .post__title{ color: var(--color-logo); } .posts-navigation .post__title{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; max-width: 100%; font-weight: 600; color: var(--color-text-0_6); } /*author-box*/ .author-box { background-color: transparent; border: transparent; padding: 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; min-height: 70px; } /*thumb*/ .author-box .author-avatar{ border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 70px; height: 70px; left: 0; } /*text*/ .author-box__text{ padding-left: 90px; -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; } .author-box .author-name a{ font-size: 15px; color: rgba(34,34,34,1); text-decoration: none; font-weight: 600; text-transform: initial; margin-bottom: 13px; } .entry-author__task{ font-size: 13px; font-weight: 400; display: block; letter-spacing: 0.5px; margin-bottom: 15px; color: rgba(34,34,34,0.6); } /*social*/ .site-content .author-social li { margin-top: 0; } .author-box .author-social{ margin-bottom: 0; padding-left:0; } .author-social li:not(:last-child){ margin-right: 8px; } .author-social a{ color: rgba(34,34,34,0.6); } /*---post related*/ .related-posts .list-item:not(:last-child){ /*margin-bottom: 30px;*/ } /*---same-category-posts ----*/ .same-category-posts .block-heading .block-heading__title a { margin-left: 12px; } /*--comment---*/ .single-entry-section.comments-section { margin-top: 40px; } @media (min-width: 1200px) { .single-entry-section.comments-section { margin-top: 60px; } } /*title comment*/ .comments-title:before{ display: none; } /*reply comment*/ .comment-reply-title{ font-size: 20px; font-weight: 700; text-transform: initial; color: #131313; } .comment-form .form-submit input[type="submit"]{ min-height: 45px; padding: 0 20px; background-color: var(--color-logo); min-width: 120px; -webkit-border-radius: 45px; -moz-border-radius: 45px; border-radius: 45px; height: 46px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; border: 1px solid #5e2ced; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; cursor: pointer; float: right; } .comment-form .form-submit input[type="submit"]:hover{ -moz-box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.1); box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.1); -webkit-box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.1); } input[type="button"]:not(.btn), input[type="reset"]:not(.btn), input[type="submit"]:not(.btn){ min-height: 45px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; justify-content: flex-end; padding: 0 20px; background-color: var(--color-logo); } /*form comment*/ .comment-form{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; } [class*='comment-form-'] label{ display: none; } .comment-notes{ padding: 0 15px; margin-bottom: 30px; } .comment-respond .comment-form .comment-notes{ width: 100%; font-size: 15px; opacity: 0.8; } .comment-form-comment{ width: 100%; padding: 0 15px; margin-bottom: 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; -webkit-order: 2; -moz-box-ordinal-group: 3; order: 2; } .comment-form-author, .comment-form-email{ width: 50%; max-width: 100%; padding: 0 15px; } .comment-form-cookies-consent { -webkit-box-ordinal-group: 4; -webkit-order: 3; -moz-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; padding: 0 15px; } .comment-form-cookies-consent { margin-bottom: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .comment-form-cookies-consent label{ display: inline-block; margin-left: 15px; margin-bottom: 0; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; font-weight: 400; font-size: 15px; opacity: 0.8; } .form-submit{ width: 100%; padding: 0 15px; } .logged-in-as{ width: 100%; padding: 0px 15px; margin-bottom: 30px; font-size: 15px; opacity: 0.8; } .comment-form-author, .comment-form-email{ margin-bottom: 35px; } .comment-form-author input, .comment-form-email input, .comment-form-comment .textarea{ padding: 20px; } .single .comment-respond .comment-form-url{ display: none; } .single .comment-respond .apsl-login-networks{ padding-left: 15px; } .comment-form-comment textarea, .comment-form .form-control-custom, .wpcf7-form textarea{ width: 100%; max-width: 100%; padding: 20px; border: 1px solid #ebebf7; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: transparent; color: #282835; -webkit-transition: border-color .25s ease-in-out, -webkit-box-shadow 0.25s ease-in-out; transition: border-color .25s ease-in-out, -webkit-box-shadow 0.25s ease-in-out; -o-transition: border-color .25s ease-in-out, box-shadow 0.25s ease-in-out; -moz-transition: border-color .25s ease-in-out, box-shadow 0.25s ease-in-out, -moz-box-shadow 0.25s ease-in-out; transition: border-color .25s ease-in-out, box-shadow 0.25s ease-in-out; transition: border-color .25s ease-in-out, box-shadow 0.25s ease-in-out, -webkit-box-shadow 0.25s ease-in-out, -moz-box-shadow 0.25s ease-in-out; transition: border-color .25s ease-in-out, box-shadow 0.25s ease-in-out, -webkit-box-shadow 0.25s ease-in-out; margin-bottom: 25px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .comment-form-author input:focus, .comment-form-email input:focus, .comment-form-comment textarea:focus, .wpcf7-form input:focus, .wpcf7-form textarea:focus { outline: 0; border-color: rgba(0,0,0,0.1); background-color: white; -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 21, 46, 0.1); -moz-box-shadow: 0px 10px 20px 0px rgba(0, 21, 46, 0.1); box-shadow: 0px 10px 20px 0px rgba(0, 21, 46, 0.1); } .comment-form-comment .form-control-custom:focus, .comment-form-author .form-control-custom:focus, .comment-form-email .form-control-custom:focus{ outline: 0; border-color: #ddd1fe; background-color: white; -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 21, 46, 0.1); -moz-box-shadow: 0px 10px 20px 0px rgba(0, 21, 46, 0.1); box-shadow: 0px 10px 20px 0px rgba(0, 21, 46, 0.1); } .comment-form .form-control-custom::-webkit-input-placeholder{ font-size: 15px; color: rgba(0,0,0,0.4); } .comment-form .form-control-custom::-moz-placeholder{ font-size: 15px; color: rgba(0,0,0,0.4); } .comment-form .form-control-custom:-ms-input-placeholder{ font-size: 15px; color: rgba(0,0,0,0.4); } .comment-form .form-control-custom::-ms-input-placeholder{ font-size: 15px; color: rgba(0,0,0,0.4); } .comment-form .form-control-custom:-moz-placeholder{ font-size: 15px; color: rgba(0,0,0,0.4); } .comment-form .form-control-custom::placeholder{ font-size: 15px; color: rgba(0,0,0,0.4); } .form-submit{ -webkit-box-ordinal-group: 4; -ms-flex-order: 3; -webkit-order: 3; -moz-box-ordinal-group: 4; order: 3; } .form-submit input{ min-width: 120px; -webkit-border-radius: 45px; -moz-border-radius: 45px; border-radius: 45px; height: 46px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; background: var(--color-logo); -webkit-box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.1); -moz-box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.1); box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.1); border: 1px solid #5e2ced; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; cursor: pointer; float: right; } .form-submit input:hover, .comment-form .form-submit input[type="submit"]:active, .comment-form .form-submit input[type="submit"]:focus, .comment-form .form-submit input[type="submit"]:hover{ border: 1px solid var(--color-logo); background-color: transparent; color: #222222; outline: none; color: #fff; } .wpcf7-form p { margin-bottom: 40px; } .wpcf7-form label { font-size: 15px; font-weight: 400; } .wpcf7-form input, .wpcf7-form input, .wpcf7-form label { width: 60%; margin-bottom: 0; } .wpcf7-form textarea, .wpcf7-form label { width: 100%; } .wpcf7-form input, .wpcf7-form textarea { padding: 12px 20px; margin-top: 15px; margin-bottom: 0; } .wpcf7-form .wpcf7-submit { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 10px 25px; color: #fff; margin-top: 0; } .wpcf7-acceptance input { width: initial; } .wpcf7-acceptance label > input { margin-top: 0; } .wpcf7-form p:nth-last-child(2) { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0; } .wpcf7-form p:nth-last-child(2) > span { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; width: 100%; margin-left: 0; } .wpcf7-form p:nth-last-child(2) span.wpcf7-list-item { margin-left: 0; } .wpcf7-form p:nth-last-child(2) span.wpcf7-list-item-label { margin-left: 15px; } .atbs-ceris-block--fullwidth.has-background + .comments-section{ border: 0; } div.wpcf7 .ajax-loader { background-repeat: no-repeat; } .wpcf7 form .wpcf7-response-output { margin: 30px 0 0 0; padding: 20px; border: 2px solid #00a0d2; } .wpcf7-form p:nth-last-child(2) > .ajax-loader { order: 0; width: 20px; height: 45px; background-position: center; margin-left: 15px; overflow: hidden; } .single .comments-title, .page .comments-title{ padding-top: 0; border-top: none; font-size: 24px; font-size: 1.7142rem; /*font system*/ font-weight: bold; margin-bottom: 45px; line-height: 1.2; color: #131313; } .single .comment-reply-title, .page .comment-reply-title{ font-size: 24px; font-size: 1.7142rem; /*font system*/ font-weight: bold; margin-bottom: 15px; line-height: 1.2; } .single .comments-title:before{ display: none; } .comment-form .form-submit input[type="submit"]{ color: #fff; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; padding: 12px 25px; border: 1px solid var(--color-logo); font-size: 15px; -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; background: var(--color-logo); } @media (max-width: 767px) { .comment-form .form-submit input[type="submit"]{ color: #fff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; padding: 8px 15px; font-size: 14px; } .wpcf7-form input, .wpcf7-form input, .wpcf7-form label { width: 100%; } .wpcf7-acceptance input { width: initial; } .wpcf7-form p { margin-bottom: 30px; } } .comments-section label { margin-bottom: 15px; } /* ltpwp .ceris-single */ .author-box .author-socials li:not(:last-child){ margin-right: 0; } .single-entry--no-sidebar .navigation-author__wrap { margin-right: 0 !important; } .atbs-single-style-7 .post--single .single-body{ padding: 0; } @media(min-width: 1200px){ .post--single .single-body{ padding: 0; padding-right: 40px; } .single-entry--no-sidebar .post--single .single-body{ padding-right: 0; } } @media (max-width: 1199px){ /*---Layout---*/ .ceris-single .single-header-wrap.single-no-sidebar{ width: -webkit-calc(50% + (470px)); width: -moz-calc(50% + (470px)); width: calc(50% + (470px)); } .ceris-single .single-header-wrap.header-wrap-has-left-sidebar{ width: -webkit-calc(50% + (940px/2)); width: -moz-calc(50% + (940px/2)); width: calc(50% + (940px/2)); } .ceris-single .single-header-wrap { width: -webkit-calc(50% + (940px/2 - 290px)); width: -moz-calc(50% + (940px/2 - 290px)); width: calc(50% + (940px/2 - 290px)); } .single-header--body{ margin-right: 0; } .single-body{ margin: 0; } /*Header body*/ .single-header .post__title{ font-size: 28px; font-size: 2rem; /*font system*/ } .single-entry--billboard-blur .single-header .post__title, .single-entry--template-4-alt .single-header .post__title, .single-entry--template-4 .single-header .post__title, .single-entry--billboard-overlap-title .single-header .post__title { font-size: 28px; font-size: 2rem; /*font system*/ } /*post header*/ .single-header .single-header--body-wrap{ /* margin-bottom: 50px; */ } /*context*/ .single-body .atbs-ceris-post-media-wide:not(:last-child){ margin-bottom: 40px; } /*post-navigation - author-box*/ /*layout*/ .navigation-author__wrap{ margin: 0 0 75px 100px; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; flex-direction: row-reverse; } .navigation-author__wrap > div:not(:last-child) { margin-bottom: 40px; } .navigation-author__wrap .posts-navigation { width: 100%; } .navigation-author__wrap .posts-navigation__prev{ padding-right: 40px; } .navigation-author__wrap .posts-navigation__next{ padding-left: 40px; } .single-body--content .author-box{ margin: 35px auto; } } @media (max-width: 991px) { /*---Layout---*/ .ceris-single .single-header-wrap{ width: -webkit-calc(50% + (720px/2)); width: -moz-calc(50% + (720px/2)); width: calc(50% + (720px/2)); } /*Header top*/ .ceris-single .single-header-wrap.single-no-sidebar{ width: -webkit-calc(50% + (360px)); width: -moz-calc(50% + (360px)); width: calc(50% + (360px)); } .ceris-single .single-header-wrap.header-wrap-has-left-sidebar{ width: -webkit-calc(50% + (720px/2)); width: -moz-calc(50% + (720px/2)); width: calc(50% + (720px/2)); } .single-header-margin-bottom .single-header{ margin-bottom: 30px; } } @media (max-width: 767px) { /*---Layout---*/ .ceris-single .single-header-wrap{ width: -webkit-calc(50% + 510px/2 ); width: -moz-calc(50% + 510px/2 ); width: calc(50% + 510px/2 ); position: absolute; left: 0; z-index: 1; } .ceris-single .single-header-wrap.header-wrap-has-left-sidebar{ width: -webkit-calc(50% + (510px/2)); width: -moz-calc(50% + (510px/2)); width: calc(50% + (510px/2)); } .navigation-author__wrap{ margin-bottom: 40px; } .ceris-single .single-header-wrap.single-no-sidebar{ width: -webkit-calc(50% + (255px)); width: -moz-calc(50% + (255px)); width: calc(50% + (255px)); } /*Header top*/ .ceris-single .single-header--top .post__thumb{ height: 370px; } .single-header .post__title{ font-size: 26px; font-size: 1.8571rem; /*font system*/ } .ceris-single .post--single{ margin-top: 400px; } .single-entry-thumb, .single-entry-featured-media{ margin: 0; } /*Header body*/ .single-header--body{ margin-left: 0; } .single-entry--billboard-blur .single-header .post__title, .single-entry--template-4-alt .single-header .post__title, .single-entry--template-4 .single-header .post__title, .single-entry--billboard-overlap-title .single-header .post__title { font-size: 26px; font-size: 1.8571rem; } /*share box*/ .single-body--sharing-bar{ display: none; } /*context*/ .single-body--content{ width: 100%; } /*post header*/ /*layout*/ .single-header--body{ margin-bottom: 35px; } .single-body--wrap{ width: 100%; } .single-header .single-header--body-wrap{ /* margin-bottom: 35px;*/ } .single-body .atbs-ceris-post-media-wide:not(:last-child){ margin-bottom: 35px; } /*post-navigation - author-box*/ /*post-navigation*/ .navigation-author__wrap{ margin-left: 0; } .navigation-author__wrap .posts-navigation__prev, .navigation-author__wrap .posts-navigation__next{ width: 50%; margin-bottom: 0; } /*author-box*/ .author-box .author-avatar{ margin: 0; } .author-box .author-box__text{ text-align: left; padding-left: 20px; } } @media (max-width: 576px) { /*layoyt*/ /*Header top*/ .ceris-single .single-header--top .post__thumb{ height: 350px; } .ceris-single .post--single{ margin-top: 380px; } .ceris-single .single-header-wrap{ width: 100%; padding-right: 15px; } .ceris-single .single-header-wrap.header-wrap-has-left-sidebar{ width: 100%; } .ceris-single .single-header-wrap.single-no-sidebar{ width: -webkit-calc(100%); width: -moz-calc(100%); width: calc(100%); } .author-box .author-avatar{ width: 65px; height: 65px; } } @media (max-width: 480px) { /*layoyt*/ /*Header top*/ .ceris-single .single-header--top .post__thumb { height: 315px; } .ceris-single .post--single{ margin-top: 350px; } /*meta*/ .entry-meta{ display: block; padding: 10px 40px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 80%; display: none; } /*.entry-meta .entry-author__avatar{ display: block; margin-bottom: 15px; margin-right: auto; margin-left: auto; text-align: center; }*/ .entry-meta .author-socials{ margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; display: none; } .entry-meta .ceris-share-socials{ margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; display: none; } /*.single .entry-meta .entry-author{*/ /* display: -webkit-box;*/ /* display: -ms-flexbox;*/ /* display: -webkit-flex;*/ /* display: -moz-box;*/ /* display: flex;*/ /* -webkit-box-align: center;*/ /* -ms-flex-align: center;*/ /* -webkit-align-items: center;*/ /* -moz-box-align: center;*/ /* align-items: center;*/ /* -webkit-box-pack: center;*/ /* -ms-flex-pack: center;*/ /* -webkit-justify-content: center;*/ /* -moz-box-pack: center;*/ /* justify-content: center;*/ /*}*/ .ceris-single .single-header--top .entry-author{ margin-right: 0; display: block; margin-bottom: 0; } /*Header body*/ .single-header .post__title, .single-entry--billboard-blur .single-header .post__title, .single-entry--template-4-alt .single-header .post__title, .single-entry--template-4 .single-header .post__title, .single-entry--billboard-overlap-title .single-header .post__title{ font-size: 22px; font-size: 1.5714rem; /*font system*/ line-height: 1.5; } /*post navigation*/ .navigation-author__wrap .posts-navigation { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .navigation-author__wrap .posts-navigation__prev{ padding-left: 0; padding-right: 0; width: 100%; } .navigation-author__wrap .posts-navigation__next{ padding-right: 0; padding-left: 0; width: 100%; } .navigation-author__wrap .posts-navigation__prev .text-right{ text-align: left; } .navigation-author__wrap .posts-navigation__next .text-left{ text-align: right; } .single-entry-wrap .posts-navigation:before{ display: none; } .navigation-author__wrap .posts-navigation__prev:not(:last-child){ border-bottom: 1px solid rgba(0,0,0,0.05); } } @media (max-width: 420px) { .ceris-single .single-header--top .post__thumb{ height: 290px; } .ceris-single .post--single { margin-top: 325px; } /*comment box*/ .comment-form-author, .comment-form-email{ width: 100%; } .comment-form .form-control-custom{ margin-bottom: 15px; } } @media (max-width: 380px) { /*layout*/ /*Header body*/ .single-header .post__title, .single-entry--billboard-blur .single-header .post__title, .single-entry--template-4-alt .single-header .post__title, .single-entry--template-4 .single-header .post__title, .single-entry--billboard-overlap-title .single-header .post__title{ font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; } .ceris-single .single-header--top .post__thumb{ height: 270px; } .ceris-single .post--single { margin-top: 300px; } /*post navigation - author box*/ .navigation-author__wrap .posts-navigation__prev .posts-navigation__label, .navigation-author__wrap .posts-navigation__next .posts-navigation__label{ margin-bottom: 5px; } .single-body--content .author-box { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 40px 0; } .author-box { justify-content: center; } .author-box .author-box__text { width: 100%; -webkit-box-flex: initial; -webkit-flex: initial; -moz-box-flex: initial; -ms-flex: initial; flex: initial; padding: 0; text-align: center; margin-top: 20px; } .author-box .author-avatar { width: 75px; height: 75px; } .author-box .author-socials { justify-content: center; } .navigation-author__wrap .posts-navigation__prev{ /*padding-right: 25px;*/ } .navigation-author__wrap .posts-navigation__next{ /*padding-left: 25px;*/ } .single-header .post__title{ padding-left: 0; } /*tag*/ .entry-tags ul > li, .entry-categories ul > li { margin: 4px 10px; } } @media (max-width: 320px){ .single-body--content .author-box { width: 100%; } } /* .single css ----------------------- */ .atbs-ceris-responsive-video{ margin-bottom: 45px; } .single-body .atbs-ceris-gallery-wrap{ margin-top: 0; } .single-entry-featured-media .atbs-ceris-responsive-video{ margin-bottom:0; } .single-body--wrap{ width: -webkit-calc( 100% - 100px); width: -moz-calc( 100% - 100px); width: calc( 100% - 100px); } .ceris-sticky-social-share-bar-off .single-body--wrap { width: 100%; } .ceris-sticky-social-share-bar-off .navigation-author__wrap { margin-left: 0; } .single-body--wrap .single-body--content{ width: 100%; padding-bottom: 10px; } .single-body--content p img{ margin-top: 20px; margin-bottom: 20px; } .single-body--content p:first-child img{ margin-top: 0; } @media(max-width: 767px){ .single-body--content p img{ margin-top: 0px; } .atbs-ceris-responsive-video{ margin-bottom: 30px; } } @media(max-width: 576px){ .single-body--content p img{ margin-top: 0px; width: 100%; height: 100%; } } .single-2 .single-header{ margin-bottom:0; } .single .single-2 .atbs-ceris-block { margin-bottom: 40px; } .single .single-3 .atbs-ceris-block{ margin-bottom: 60px; } .single .single-6 .atbs-ceris-block{ margin-bottom: 60px; } .single .atbs-ceris-block.post--single{ margin-bottom: 0; } .single-entry-thumb { margin-bottom: 45px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; } .single-entry-featured-media, .atbs-ceris-gallery-wrap { margin-bottom: 45px; } @media(min-width: 767px) { .atbs-single-style-1 .single-content .single-entry-thumb { width: 100%; height: 410px; position: relative; } .atbs-single-style-1 .single-content .single-entry-thumb > img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } } .single-content .single-entry-thumb>img{ width: 100%; } .single .single-entry--billboard-overlap-title .has-post-thumbnail{ padding: 40px; margin-bottom: -40px; } .single-entry--billboard-overlap-title .has-post-thumbnail .single-header{ max-width: 950px; } .single-entry--billboard-overlap-title .single-header:before{ height: auto; } .single-entry--billboard-overlap-title .single-header--body-wrap{ padding: 0; } .single-header-with-bg{ background-color: #fcfcfc; padding: 50px 0; } @media(max-width: 991px){ .single-header-with-bg{ padding: 50px 0; } } .color-white{ color: #fff !important; } @media (max-width: 991px) { .single-entry--template-4 .single-header, .single-entry--template-4-alt .single-header { margin-bottom: 50px; } } @media(max-width: 767px){ .single-body--wrap{ width: 100%; } .single-entry-thumb, .single-entry-featured-media, .atbs-ceris-gallery-wrap{ margin-bottom: 30px; } .single-2 .atbs-ceris-block, .single-3 .atbs-ceris-block{ margin-bottom: 30px; } .single .single-6 .atbs-ceris-block{ margin-bottom: 30px !important; } } @media(max-width: 576px){ .single-2 .atbs-ceris-block, .single-3 .atbs-ceris-block{ margin-bottom: 30px !important; } .single .single-6 .atbs-ceris-block{ margin-bottom: 30px !important; } } @media(max-width: 480px) { .single .single-2 .atbs-ceris-block.single-header-wrap { margin-bottom: 30px; } } /* --------------------------------------- Footer Css */ .ceris-footer.site-footer{ background-color: transparent; } .ceris-footer .site-logo img{ max-width: 300px; } .ceris-footer .flex-1{ -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; } .ceris-footer .flex-2{ -webkit-box-flex: 2; -ms-flex: 2; -webkit-flex: 2; -moz-box-flex: 2; flex: 2; } .ceris-footer .site-footer__section-inner { position: relative; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .ceris-footer .navigation--footer > li{ padding-left: 15px; padding-right: 15px; } @media(max-width: 991px){ .ceris-footer .navigation--footer > li{ padding-left: 7px; padding-right: 7px; } } .ceris-footer .navigation--footer > li > a, .ceris-footer .atbs-ceris-offcanvas a{ color: #222222; font-size: 13px; font-weight: 600; text-transform: uppercase; } .ceris-footer .social-list > li > a{ font-size: 15px; color: rgba(34, 34, 34, 0.8); } .ceris-footer.site-footer--inverse .social-list > li > a, .ceris-footer.site-footer--inverse .navigation--footer > li > a, .ceris-footer.site-footer--inverse .atbs-ceris-offcanvas a{ color: #fff; } .ceris-footer .site-footer__section:first-child{ padding-top: 30px; } .ceris-footer .site-footer__section{ padding-bottom: 30px; } @media (max-width: 991px) { .ceris-footer .site-footer__section-inner:not(:last-child) { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; margin-bottom: 25px; } .ceris-footer .site-footer__section-inner { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; } } @media (max-width: 767px){ .ceris-footer .site-footer .social-list{ width: 100%; } } @media (max-width: 576px) { .ceris-footer .navigation--footer > li{ padding: 0.2em 0.4em; } } /* .Footer Css ---------------------------------------*/ /* --------------------------------------- update wp Css */ .atbs-ceris-pagination [class*="js-ajax-load-"]:active{ color: #fff; } .atbs-ceris-pagination [class*="js-ajax-load-"]:active, .atbs-ceris-pagination [class*="js-ajax-load-"]:hover, .atbs-ceris-pagination [class*="js-ajax-load-"]:focus, .atbs-ceris-pagination [class*="js-ajax-load-"]{ min-height: 45px; padding: 0 40px; min-width: 120px; -webkit-border-radius: 45px; -moz-border-radius: 45px; border-radius: 45px; height: 46px; color: #fff; border: 1px solid #5e2ced; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; cursor: pointer; } /*------------------- -------------*/ .single-3 .atbs-ceris-block.post--single, .single-2 .atbs-ceris-block.post--single{ margin-bottom: 0; } .single-header{ padding-right: 15px; margin-left: 0; margin-bottom: 30px; } .single-3.single-entry--no-sidebar:not(.single-4) .single-header{ margin-bottom: 40px; padding-right: 0; } @media (max-width: 767px) { .single-header{ margin-bottom: 25px; } .single-3.single-entry--no-sidebar:not(.single-4) .single-header{ margin-bottom: 30px; } } .single-4 .single-header{ padding-right: 60px; } @media(max-width: 767px){ .single-4 .single-header{ max-width: 100%; padding-right: 0; } } .single-skill--center .single-header .post__title{ display: block; font-size: 35px; font-size: 2.5rem; } .social-share ul li a svg{ padding:10px; } .single-header .media-body{ padding-left: 80px; } .related-wrap{ position: relative; } .ceris-sticky-social-share-bar-off .single-header .media-body{ padding-left: 0 !important; } @media(min-width: 768px){ .single-header .media-body{ padding-left: 100px; } } @media (min-width: 992px) and (max-width: 1199px){ .single-header .media-body { padding-left: 80px; } } @media(max-width: 480px){ .single-header .media-left{ display: none; } .single-header .media-body{ padding-left: 0; } .single-entry--billboard-overlap-title header{ padding: 20px; } .ceris-single .single-header .media-body{ padding-left: 0; } .single-entry--billboard-overlap-title .single-header--body-wrap{ padding:0; } } @media(max-width: 991px){ .single-entry--billboard-overlap-title .has-post-thumbnail{ margin-top: -180px; } .single-skill--center .single-header .post__title, .single-entry--billboard-floorfade .single-billboard .single-header .post__title{ font-size: 24px; font-size: 1.7142rem; /*font system*/ } } .single-entry--billboard-overlap-title .has-post-thumbnail{ max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; margin-left:-40px; } .single-header .single-header--body-wrap{ display: block; } .single-entry--billboard-overlap-title .has-post-thumbnail .single-header--body-wrap{ max-width: 940px; margin-left: auto; margin-right: auto; } @media(max-width: 1199px){ .single-entry--billboard-overlap-title .has-post-thumbnail { max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; margin-left: -40px; margin-right: -40px; } .single-entry--billboard-overlap-title .single-header { margin-left: auto; margin-right: auto; } .single-skill--center .single-header .post__title, .single-entry--billboard-floorfade .single-billboard .single-header .post__title{ font-size: 30px; font-size: 2.1428rem; /*font system*/ } } @media (max-width: 1199px) and (min-width: 992px) { .single-entry--billboard-overlap-title .has-post-thumbnail { margin-left: 0; margin-right: 0; } } @media(max-width: 767px){ .single-entry--billboard-overlap-title .has-post-thumbnail { padding: 30px; margin-left: -30px; margin-right: -30px; margin-bottom: -30px; } .single-skill--center .single-header .post__title, .single-entry--billboard-floorfade .single-billboard .single-header .post__title{ font-size: 22px; font-size: 1.5714rem; /*font system*/ } .single-billboard, .single-billboard .single-billboard__inner{ min-height: 330px; } .single-entry--billboard-overlap-title header { margin-left: -40px; margin-right: -40px; } .single-header .media-body{ padding-left:0; } } @media(max-width: 576px){ .single-header .media-body { /*padding-left: 70px;*/ } .single .single-entry--billboard-overlap-title .has-post-thumbnail{ margin: 0; padding: 0; } .single-billboard, .single-billboard .single-billboard__inner{ min-height: 300px; } .single-entry--billboard-blur .single-header__inner { padding-left: 15px; padding-right: 15px; } } @media(max-width: 480px){ .single-header .media-body { padding-left: 0; } .single-header .post__title { font-weight: 600 !important; } .single-entry--billboard-overlap-title .has-post-thumbnail .single-header, .single-entry--billboard-overlap-title .single-header{ padding: 0; } .single-skill--center .single-header .post__title, .single-entry--billboard-floorfade .single-billboard .single-header .post__title{ font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; } } .single-body--reverse .single-body{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; flex-direction: row-reverse; } .single-body--reverse .single-body .social-share{ text-align: right; } .single-skill--center .single-header .post__cat:not(.cat-theme-bg){ padding-left:0; display: inline-block; padding-left: 15px; margin-bottom: 20px; } .single-skill--center .single-header .post__cat.color-white:before{ background: #fff !important; } .single-entry--billboard-blur .single-header .entry-meta, .single-entry--billboard-floorfade .single-header .entry-meta{ position: relative; left:0; top:0; bottom:0; -webkit-transform: translate(0); -ms-transform: translate(0); -moz-transform: translate(0); -o-transform: translate(0); transform: translate(0); padding-top: 0; padding-bottom: 0; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin: 20px 0 0 0; padding: 0; } @media(max-height: 768px) { .single-entry--billboard-blur .single-header .entry-meta, .single-entry--billboard-floorfade .single-header .entry-meta { margin-top: 15px; } } .single-skill--center .single-header .entry-meta { position: relative; left:0; top:0; bottom:0; margin: 0 auto; margin-top: 20px; -webkit-transform: translate(0); -ms-transform: translate(0); -moz-transform: translate(0); -o-transform: translate(0); transform: translate(0); padding-top: 0; padding-bottom: 0; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .single-entry--billboard-blur .single-header .post__cat { margin-bottom: 15px; } .single .single-skill--center .entry-meta .entry-author{ margin-right: 15px; } .single-skill--center .single-billboard .single-header{ padding-bottom: 30px; } .single-entry--billboard-blur.single-skill--center .single-billboard .single-header { padding-bottom: 0; } @media(min-width: 768px){ .single-skill--center .single-billboard .single-header{ padding-bottom: 40px; } .single-skill--center.single-entry--billboard-blur .single-billboard .single-header{ padding-bottom:0; } .single-skill--center .single-header .post__title{ display: block; max-width: 780px; } } @media(max-width: 576px){ .single-skill--center .single-header .post__cat{ margin-bottom: 15px; } } .single .atbs-ceris-block:last-child { margin-bottom: 0; } .atbs-ceris-block-margin-bottom-0 { margin-bottom: 0 !important; } /* .update wp Css --------------------------------------- */ /* ----------------------- Featured Module css */ /* Layout */ /*post sub*/ .atbs-ceris-posts-feature .post-sub{ width: 1170px; left: 50%; bottom: 0; position: absolute; -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; justify-content: flex-end; } .atbs-ceris-posts-feature .post-sub .post-list{ display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .atbs-ceris-posts-feature .post-sub .list-item{ -webkit-box-flex: 1; box-flex: 1; -moz-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; max-width: 270px; padding: 30px 30px 40px 30px; -o-transition: 0.3s ease; transition: 0.3s ease; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease ; } .atbs-ceris-posts-feature .post-sub .list-item:not(:last-child){ border-right: 1px solid #fff; } /*--hover*/ .atbs-ceris-posts-feature .post-sub .list-item:hover{ background-color: #fff; -webkit-box-shadow: 0px 30px 35px #0000001C; -moz-box-shadow: 0px 30px 35px #0000001C; box-shadow: 0px 30px 35px #0000001C; } .atbs-ceris-posts-feature .post-sub .list-item:hover a.post__cat[class *='cat-'], .atbs-ceris-posts-feature .post-sub .list-item:hover .post__cat, .atbs-ceris-posts-feature .post-sub .list-item:hover .post__title, .atbs-ceris-posts-feature .post-sub .list-item:hover .readmore-normal a{ color: var(--color-text); color: #222222 !important; } .atbs-ceris-posts-feature .post-sub .list-item:hover a.post__cat[class *='cat-']:before, .atbs-ceris-posts-feature .post-sub .list-item:hover .post__cat:before{ background-color: var(--color-logo); } /* Content */ /*post main*/ .post-feature-text-top .background-img:after{ background-color: #000; opacity: 0.15; } .post-feature-text-top .post__text--wrap{ width: 1170px; position: absolute; left: 50%; top: 90px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .post-feature-text-top .post__text{ max-width: 680px; } .post-feature-text-top .post__cat{ color: #fff; margin-bottom: 20px; } .post-feature-text-top .post__cat:before{ background-color: #fff; } .post-feature-text-top .post__title{ font-weight: bold; font-size: 40px; font-size: 2.8571rem; /*font system*/ line-height: 1.3; } .post-feature-text-top .post__title a{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } /*post sub*/ .post-no-thumb-feature-small a.post__cat[class *='cat-'] { color: #fff !important; } .post-no-thumb-feature-small .post__cat, .post-no-thumb-feature-small .post__title, .post-no-thumb-feature-small .readmore-normal a{ color: #fff; -o-transition: 0.3s ease; transition: 0.3s ease; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; text-decoration: none; } .post-no-thumb-feature-small .post__cat{ margin-bottom: 20px; color: #fff; opacity: 1; } .post-no-thumb-feature-small .post__cat.post__cat-has-line:before{ background-color: #fff !important; } .post-no-thumb-feature-small .post__title{ margin-bottom: 60px; color: #fff; } .post-no-thumb-feature-small .readmore-normal a{ color: #fff; font-weight: 500; } @media (max-width: 1199px){ /* Layout */ /*post sub*/ .atbs-ceris-posts-feature .post-sub{ width: 940px; } .atbs-ceris-posts-feature .post-sub .list-item{ padding: 30px 25px 40px 25px; max-width: 250px; } /* Content */ /*post main*/ .post-feature-text-top .post__thumb{ height: 625px; } .post-feature-text-top .post__text--wrap{ width: 940px; } .post-feature-text-top .post__title{ font-size: 32px; font-size: 2.2857rem; /*font system*/ } /*post sub*/ .post-no-thumb-feature-small .post__title{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; margin-bottom: 50px; } } @media (max-width: 991px){ /* Layout */ /*post sub*/ .atbs-ceris-posts-feature .post-sub{ width: 720px; } .atbs-ceris-posts-feature .post-sub .list-item { padding: 25px; max-width: 250px; } /* Content */ /*post main*/ .post-feature-text-top .post__thumb{ height: 570px; } .post-feature-text-top .post__text--wrap{ width: 720px; } .post-feature-text-top .post__text { /*max-width: 350px;*/ } .post-feature-text-top .post__title{ font-size: 26px; font-size: 1.8571rem; /*font system*/ line-height: 1.4; } .feature-module .post-feature-text-top .post-type-icon { display: none; } .post-feature-text-top.icon-right-center .post__text { padding-right: 0; } /*post sub*/ .post-no-thumb-feature-small .post__title{ margin-bottom: 35px; } } @media (max-width: 767px){ /* Layout */ /*post sub*/ .atbs-ceris-posts-feature .post-sub{ width: -webkit-calc(100% - 30px); width: -moz-calc(100% - 30px); width: calc(100% - 30px); } .atbs-ceris-posts-feature .post-sub .list-item { padding: 25px; max-width: 250px; } /* Content */ /*post main*/ .post-feature-text-top .post__thumb{ height: 425px; } .post-feature-text-top .post__text--wrap{ top: 50px; width: -webkit-calc( 100%); width: -moz-calc( 100%); width: calc( 100%); padding-left: 40px; padding-right: 40px; } .post-feature-text-top .post__text { /*max-width: 350px;*/ } .post-feature-text-top .post__title{ font-size: 24px; font-size: 1.7142rem; /*font system*/ } /*post sub*/ .post-no-thumb-feature-small .post__cat{ margin-bottom: 12px; } .post-no-thumb-feature-small .post__title{ margin-bottom: 0; font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } .post-no-thumb-feature-small .post__readmore{ display: none; } } @media (max-width: 576px){ /* Layout */ /*post sub*/ .atbs-ceris-posts-feature .post-sub{ z-index: 1; width: 100%; padding: 0 55px; margin: -80px auto 0 auto; position: relative; left: 0; top: 0; -o-transform: none; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; } .atbs-ceris-posts-feature .post-sub .post-list{ -webkit-box-shadow: 0 43px 20px -20px rgba(0,0,0,.05), 0 0 30px rgba(0,0,0,0.05); -moz-box-shadow: 0 43px 20px -20px rgba(0,0,0,.05), 0 0 30px rgba(0,0,0,0.05); box-shadow: 0 43px 20px -20px rgba(0,0,0,.05), 0 0 30px rgba(0,0,0,0.05); } .atbs-ceris-posts-feature .post-sub .list-item{ width: 100%; max-width: 100%; -webkit-box-flex: initial; -ms-flex: initial; -webkit-flex: initial; -moz-box-flex: initial; flex: initial; background-color: #fff; padding: 25px; } .atbs-ceris-posts-feature .post-sub .list-item:not(:last-child){ border-right: none; border-bottom: 1px solid rgba(0,0,0,0.1); } .atbs-ceris-posts-feature .post-sub .list-item:nth-child(2){ background-color: var(--color-logo); } .atbs-ceris-posts-feature .post-sub .list-item:nth-child(2) .post__title, .atbs-ceris-posts-feature .post-sub .list-item:nth-child(2) .post__cat{ color: #fff; } .atbs-ceris-posts-feature .post-sub .list-item:nth-child(2) .readmore-normal i{ color: var(--color-text); color: #222; } .atbs-ceris-posts-feature .post-sub .list-item:nth-child(2) .post__cat-has-line:before{ background-color: #fff; } .atbs-ceris-posts-feature .post-sub .list-item:not(:nth-child(2)) .post__cat-has-line:before{ background-color: var(--color-logo); background-color: #222; } .atbs-ceris-posts-feature .post-sub .list-item:not(:nth-child(2)) a.post__cat[class *='cat-']:before { background-color: var(--color-logo) !important; background-color: #222; } .atbs-ceris-posts-feature .post-sub .list-item:not(:nth-child(2)) a.post__cat[class *='cat-'] { color: #222222 !important; } /* Content */ /*post main*/ .post-feature-text-top .post__thumb{ height: 350px; } .post-feature-text-top .post__text--wrap{ top: 50px; width: 100%; padding: 0 55px; } .post-feature-text-top.icon-right-center .post__text, .post-feature-text-top .post__text{ padding: 0; max-width: 100%; } .feature-module .post-feature-text-top .post-type-icon{ right: 20px; left: unset; top: 0; } .post-feature-text-top .post__title{ font-size: 1.5714rem; /*font system*/ line-height: 1.4; } /*post sub*/ .post-no-thumb-feature-small .post__cat, .post-no-thumb-feature-small .post__title, .post-no-thumb-feature-small .readmore-normal{ color: var(--color-text); } .post-no-thumb-feature-small .post__title{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; max-width: 75%; } .post-no-thumb-feature-small .post__readmore{ display: block; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .post-no-thumb-feature-small .readmore-normal i{ width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #fff; color: var(--color-text); border: 1px solid rgba(0,0,0,0.2); margin: 0; } } @media (max-width: 480px){ /* Layout */ /*post main*/ /*post sub*/ .atbs-ceris-posts-feature .post-sub{ z-index: 1; padding: 0 25px; } .atbs-ceris-posts-feature .post-sub .list-item{ padding: 25px 25px; } /* Content */ /*post main*/ .post-feature-text-top .post__thumb{ height: 300px; } .post-feature-text-top .post__text--wrap { padding: 0 25px; } .post-feature-text-top.icon-right-center .post__text, .post-feature-text-top .post__text{ margin-left: 0; } .post-feature-text-top .post__cat{ margin-bottom: 10px; } .post-feature-text-top .post__title{ font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; font-weight: 600; } /*post sub*/ .post-no-thumb-feature-small .post__cat{ margin-bottom: 15px; } .post-no-thumb-feature-small .post__title{ font-size: 17px; font-size: 1.2142rem; /*font system*/ } } @media (max-width: 420px){ /* Layout */ /*post main*/ /*post sub*/ .atbs-ceris-posts-feature .post-sub .list-item{ padding: 20px 20px; } /* Content */ /*post main*/ .post-feature-text-top .post__thumb{ height: 290px; } .post-feature-text-top .post__text{ /*margin-left: 20px;*/ } } @media (max-width: 380px){ /* Layout */ /*post sub*/ .atbs-ceris-posts-feature .post-sub{ margin: -50px auto 0 auto; padding: 0 20px; } /* Content */ /*post main*/ .post-feature-text-top .post__thumb{ height: 270px; } .post-feature-text-top .post__text--wrap{ /*margin-left: 20px;*/ padding: 0 20px; } /*post sub*/ .post-no-thumb-feature-small .post__cat{ margin-bottom: 10px; } .post-no-thumb-feature-small .post__title{ font-size: 16px; font-size: 1.1428rem; /*font system*/ line-height: 1.5; max-width: 100%; } .post-no-thumb-feature-small .post__readmore { display: none; } } @media (max-width: 320px){ /* Layout */ /*post main*/ /*post sub*/ .atbs-ceris-posts-feature .post-sub .list-item{ padding: 25px 20px; } /* Content */ /*post main*/ .post-feature-text-top .post__thumb{ height: 225px; } .post-feature-text-top .post__text--wrap{ top: 40px; } .post-feature-text-top .post__title{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } /*post sub*/ .post-no-thumb-feature-small .post__title{ font-size: 16px; font-size: 1.1428rem; /*font system*/ line-height: 1.5; } .post-no-thumb-feature-small .readmore-normal i{ width: 35px; height: 35px; } } /* .Featured Module css ----------------------- */ /* ----------------------- Grid Carousel B Css */ /* Layout */ .atbs-ceris-post--grid-a-update .carousel-dots-count-number{ padding-right: 0 !important; } .atbs-ceris-post--grid-a-update .owl-carousel .owl-stage-outer{ padding-bottom: 45px; /*using for item's box-shadow*/ } .atbs-ceris-post--grid-a-update .ceris-carousel-4item.carousel-flex .slide-content{ width: -webkit-calc(100% / 4); width: -moz-calc(100% / 4); width: calc(100% / 4); } @media(min-width: 1276px) { .atbs-ceris-post--grid-a-update .carousel-dots-count-number{ padding-right: 0 !important; margin-bottom: -45px; } } @media(max-width: 991px){ .atbs-ceris-post--grid-a-update .ceris-carousel-4item.carousel-flex .slide-content{ width: -webkit-calc(100% / 2); width: -moz-calc(100% / 2); width: calc(100% / 2); margin-bottom: 40px; } .atbs-ceris-post--grid-a-update .ceris-carousel-4item.carousel-flex{ -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -40px; } } @media(max-width: 480px){ .atbs-ceris-post--grid-a-update .ceris-carousel-4item.carousel-flex .slide-content{ width: -webkit-calc(100%); width: -moz-calc(100%); width: calc(100%); } } /* Content */ .entry-author-no-uppercase{ display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .entry-author-no-uppercase img.entry-author__avatar, .entry-author-no-uppercase img.wp-user-avatar{ width: 50px; height: 50px; margin-right: 15px; } .entry-author-no-uppercase .entry-author__name{ text-transform: unset; font-size: 14px; line-height: 1.78; font-weight: 400; color: var(--color-text); } .atbs-ceris-post--grid-a-update .entry-author-no-uppercase img.entry-author__avatar, .atbs-ceris-post--grid-a-update .entry-author-no-uppercase img.wp-user-avatar{ width: 40px; height: 40px; } /*item*/ .post-no-thumb-height-default{ height: 315px; /*only a post is fix the height*/ padding: 40px 30px 40px 30px; background: transparent; border: 1px solid rgba(0,0,0,0.05); border-left: none; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; } .atbs-ceris-post--grid-a-update .owl-carousel .owl-item.cloned + .owl-item:not(.cloned){ border-left: 1px solid rgba(0,0,0,0.05); } .atbs-ceris-post--grid-a-update .owl-carousel .owl-item:not(.active) + .owl-item.active{ border-left: 1px solid rgba(0,0,0,0.05); } .post-no-thumb-height-default .post__cat, .post-no-thumb-height-default .post__title, .post-no-thumb-height-default .entry-author__name, .post-no-thumb-height-default .post__cat:before{ -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; } .post-no-thumb-height-default .post__text{ height: 100%; position: relative; } .post-no-thumb-height-default .post__cat{ margin-bottom: 20px; } .post-no-thumb-height-default .post__title{ margin-bottom: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .post-no-thumb-height-default .entry-author{ position: absolute; bottom: 0; } /*hover*/ .post-no-thumb-height-default:hover{ background-color: var(--color-logo); -webkit-box-shadow: 0 45px 25px -20px rgba(6,97,241,0.27); -moz-box-shadow: 0 45px 25px -20px rgba(6,97,241,0.27); box-shadow: 0 45px 25px -20px rgba(6,97,241,0.27); } .post-no-thumb-height-default:hover a.post__cat, .post-no-thumb-height-default:hover .post__title, .post-no-thumb-height-default:hover .entry-author__name{ color: #fff !important; } .post-no-thumb-height-default:hover a.post__cat:before{ background-color: #fff !important; } /*owl-dots*/ .carousel-dots-count-number .owl-dots { counter-reset: dots; display: inline-block; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 28px; } .carousel-dots-count-number .owl-dot{ position: relative; height: 28px; width: 28px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; padding: 0; } .carousel-dots-count-number .owl-dot:not(:last-child){ margin-bottom: 10px; } .carousel-dots-count-number .owl-dot:before{ counter-increment: dots; content: counter(dots); position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); color: rgba(34, 34, 34, 0.6); font-size: 15px; } .carousel-dots-count-number .owl-dot span{ width: 100%; height: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: transparent; } .carousel-dots-count-number .owl-dot.active span{ width: 28px; height: 28px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: var(--color-logo); -webkit-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.2); } .carousel-dots-count-number .owl-dot.active:before{ color: #fff; } .atbs-ceris-post--grid-a-update .carousel-dots-count-number .owl-dots{ right: -50px; } /*---*/ .FadeInTop{ -webkit-animation: FadeInTop 0.35s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -moz-animation: FadeInTop 0.35s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -o-animation: FadeInTop 0.35s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: FadeInTop 0.35s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } .FadeInBottom{ -webkit-animation: FadeInBottom 0.35s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -moz-animation: FadeInBottom 0.35s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -o-animation: FadeInBottom 0.35s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: FadeInBottom 0.35s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } @-webkit-keyframes FadeInTop { 0%{ opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px); } 100%{ opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes FadeInTop { 0%{ opacity: 0; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); transform: translateY(100px); } 100%{ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } } @-o-keyframes FadeInTop { 0%{ opacity: 0; -webkit-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); } 100%{ opacity: 1; -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @keyframes FadeInTop { 0%{ opacity: 0; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); } 100%{ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes FadeInBottom { 0%{ opacity: 0; -webkit-transform: translateY(-100px); transform: translateY(-100px); } 100%{ opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes FadeInBottom { 0%{ opacity: 0; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); transform: translateY(-100px); } 100%{ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } } @-o-keyframes FadeInBottom { 0%{ opacity: 0; -webkit-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); } 100%{ opacity: 1; -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @keyframes FadeInBottom { 0%{ opacity: 0; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); } 100%{ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @media (max-width: 1275px){ /*.carousel-dots-count-number .owl-dots{*/ /* position: initial;*/ /* transform: none;*/ /* display: flex;*/ /* flex-wrap: wrap;*/ /* width: 100%;*/ /* justify-content: center;*/ /* padding-bottom: 0;*/ /* margin-top: -35px;*/ /*}*/ .atbs-ceris-post--grid-a-update .carousel-dots-count-number .owl-dots { position: absolute; top: initial; bottom: 0; right: auto; padding: 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; width: 100%; } .carousel-dots-count-number .owl-dot{ position: relative; height: 8px; width: 8px; display: block; margin: 0 4px; } .carousel-dots-count-number .owl-dot:not(:last-child){ margin-bottom: 0; } .carousel-dots-count-number .owl-dot:before { display: none; } .carousel-dots-count-number .owl-dot span{ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: rgba(0,0,0,.2); padding: 0 4px; } .carousel-dots-count-number .owl-dot.active span{ width: 8px; height: 8px; } } @media (max-width: 1199px){ /* Layout */ .atbs-ceris-post--grid-a-update .carousel-dots-count-number{ padding-right: 50px; } /* Content */ .post-no-thumb-height-default .post__cat{ margin-bottom: 10px; } .post-no-thumb-height-default .entry-author-no-uppercase img.entry-author__avatar, .post-no-thumb-height-default .entry-author-no-uppercase img.wp-user-avatar{ width: 40px; height: 40px; margin-right: 10px; } } @media (max-width: 991px){ /* Layout */ /* Content */ .carousel-dots-count-number .owl-dot{ position: relative; height: 8px; width: 8px; display: block; margin: 0 4px; } } @media (max-width: 767px){ .carousel-dots-count-number .owl-dots { position: absolute; top: initial; bottom: 10px; padding: 0; left: 50%; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; width: 100%; } .carousel-dots-count-number .owl-dot:not(:last-child){ margin-bottom: 0; } .carousel-dots-count-number .owl-dot:before { display: none; } .carousel-dots-count-number .owl-dot span{ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: rgba(0,0,0,.2); padding: 0 4px; } .carousel-dots-count-number .owl-dot.active span{ width: 8px; height: 8px; } /* Layout */ .atbs-ceris-post--grid-a-update .carousel-dots-count-number{ padding-right: 0; } .atbs-ceris-post--grid-a-update{ background-color: #F9F9F9; padding: 50px 0; } .atbs-ceris-post--grid-a-update .owl-carousel .owl-stage-outer { padding-bottom: 40px; } /* Content */ .post-no-thumb-height-default{ border-right: none; /*height: 200px; */ /*background-color: var(--color-logo);*/ background-color: #fff; /*box-shadow: 0 45px 25px -20px rgba(6,97,241,0.27);*/ -webkit-box-shadow: 0 30px 25px -20px rgba(0,0,0,0.1); -moz-box-shadow: 0 30px 25px -20px rgba(0,0,0,0.1); box-shadow: 0 30px 25px -20px rgba(0,0,0,0.1); } .post-no-thumb-height-default .post__cat, .post-no-thumb-height-default .post__title, .post-no-thumb-height-default .entry-author__name{ /*color: #fff;*/ color: var(--color-text); } .post-no-thumb-height-default .post__cat:before{ /*background-color: #fff;*/ /*background-color: var(--color-logo);*/ } .post-no-thumb-height-default .post__title{ -webkit-line-clamp: 2; font-size: 19px; font-size: 1.3571rem; /*font system*/ line-height: 1.5; } .atbs-ceris-post--grid-a-update .carousel-dots-count-number .owl-dots{ bottom: 0; } .atbs-ceris-post--grid-a-update .carousel-flex{ padding-top: 40px; padding-bottom: 40px; } } @media (max-width: 576px){ /* Layout */ .post-no-thumb-height-default .post__title{ -webkit-line-clamp: 3; } } @media (max-width: 480px){ /* Layout */ .atbs-ceris-post--grid-a-update .atbs-ceris-block__inner{ max-width: 85%; margin: 0 auto; } /* Content */ .post-no-thumb-height-default .post__title{ line-height: 1.5; max-width: 100%; } .post-no-thumb-height-default .entry-author.entry-author--horizontal{ display: -webkit-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: -moz-box !important; display: flex !important; } } @media (max-width: 420px){ /* Layout */ } @media (max-width: 380px){ /* Layout */ /* Content */ .post-no-thumb-height-default .entry-author-no-uppercase img.entry-author__avatar, .post-no-thumb-height-default .entry-author-no-uppercase img.wp-user-avatar{ width: 35px; height: 35px; } .post-no-thumb-height-default .post__title{ max-width: 100%; } /*.atbs-ceris-post--grid-a-update .carousel-dots-count-number .owl-dots{*/ /* bottom: 25px;*/ /*}*/ } @media (max-width: 320px){ /* Layout */ .atbs-ceris-post--grid-a-update .atbs-ceris-block__inner{ max-width: 95%; } /* Content */ } /* update wp */ .carousel-flex.atbs-ceris-carousel .slide-content:not(:first-child){ display: block; } .carousel-flex{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; } .carousel-flex-space-20 { margin-left: -10px; margin-right: -10px; } .carousel-flex-space-20 > *{ padding-left: 10px; padding-right: 10px; } /* .Grid Carousel B Css ----------------------- */ /* ----------------------- Grid D Css */ /* Layout */ .atbs-ceris-post--grid-b-update .atbs-ceris-block__inner{ width: 100%; /*float: right;*/ } /*post main*/ /*post sub*/ .atbs-ceris-post--grid-b-update .post-sub{ padding-left: -webkit-calc(50% - 585px); padding-left: -moz-calc(50% - 585px); padding-left: calc(50% - 585px); margin-top: -90px; } .atbs-ceris-post--grid-b-update .post-sub .owl-stage-outer{ padding-bottom: 45px; /*using box-shadow and owl-dots*/ } .atbs-ceris-post--grid-b-update .owl-carousel .owl-stage{ /*left: -100px;*/ } .atbs-ceris-post--grid-b-update .owl-carousel .owl-dots { opacity: 0; -webkit-transition: all 0.15s ease; -o-transition: all 0.15s ease; -moz-transition: all 0.15s ease; transition: all 0.15s ease; } .atbs-ceris-post--grid-b-update .owl-carousel:hover .owl-dots { opacity: 1; } /* Content */ /*post main*/ .post-fullwidth-text-center-top .post__text--wrap{ position: absolute; left: -webkit-calc(50% - 585px); left: -moz-calc(50% - 585px); left: calc(50% - 585px); top: -webkit-calc(50% - 90px/2); top: -moz-calc(50% - 90px/2); top: calc(50% - 90px/2); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 1170px; } @media(min-width: 1200px){ .post-fullwidth-text-center-top .post__text--wrap{ width: 1170px; } } .post-fullwidth-text-center-top .post__text{ max-width: 730px; } .post-fullwidth-text-center-top .post__thumb .background-img:after{ background-color: #000; opacity: 0.3; } .post-fullwidth-text-center-top .post__cat{ color: #fff; /*padding: 5px 10px;*/ /*background-color: var(--color-logo);*/ margin-bottom: 15px; } .post-fullwidth-text-center-top .post__cat:before{ background-color: #fff; /*display: none;*/ } .post-fullwidth-text-center-top .post__title{ font-size: 34px; font-size: 2.4285rem; /*font system*/ line-height: 1.5; color: #fff; margin-bottom: 15px; } .post-fullwidth-text-center-top .post__title a{ display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; } .post-fullwidth-text-center-top .post__excerpt { max-width: 400px; font-size: 16px; color: #eee; } .post-fullwidth-text-center-top .post__meta .entry-author{ margin-right: 15px; } .post-fullwidth-text-center-top .entry-author .entry-author__avatar{ width: 40px; height: 40px; margin-right: 10px; } /*post sub*/ .post--horizontal-thumb-radius{ padding: 25px; background-color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 50px 40px -40px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0 50px 40px -40px rgba(0, 0, 0, 0.07); box-shadow: 0 50px 40px -40px rgba(0, 0, 0, 0.07); min-height: 155px; width: 400px; } .post--horizontal-thumb-radius .post__thumb{ width: 100px; height: 100px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; margin-right: 25px; } .atbs-ceris-post--grid-b-update .post-sub .owl-dots{ position: absolute; left: 585px; bottom: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); padding: 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .atbs-ceris-post--grid-b-update .post-sub .post--horizontal-thumb-radius .post__title a{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; } @media (max-width: 1199px) { /* Layout */ /*.atbs-ceris-post--grid-b-update .atbs-ceris-block__inner{*/ /* width: calc(50% + 940px/2);*/ /*}*/ /*post sub*/ .atbs-ceris-post--grid-b-update .owl-carousel .owl-stage{ /*left: -100px;*/ } .atbs-ceris-post--grid-b-update .post-sub { padding-left: -webkit-calc(50% - 940px/2); padding-left: -moz-calc(50% - 940px/2); padding-left: calc(50% - 940px/2); } /* Content */ /*post main*/ .post-fullwidth-text-center-top .post__thumb{ height: 570px; } .post-fullwidth-text-center-top .post__title{ font-size: 30px; font-size: 2.1428rem; /*font system*/ max-width: 90%; } /*post sub*/ .post--horizontal-thumb-radius{ width: 380px; } .post--horizontal-thumb-radius .post__thumb{ width: 90px; height: 90px; } .atbs-ceris-post--grid-b-update .post-sub .owl-dots{ left: -webkit-calc( 940px / 2 ); left: -moz-calc( 940px / 2 ); left: calc( 940px / 2 ); } .post-fullwidth-text-center-top .post__text--wrap{ width: 940px; left: -webkit-calc(50% - 940px/2); left: -moz-calc(50% - 940px/2); left: calc(50% - 940px/2); } } @media (max-width: 991px) { /* Layout */ /*.atbs-ceris-post--grid-b-update .atbs-ceris-block__inner{*/ /* width: calc(50% + 720px/2);*/ /*}*/ /*post sub*/ .atbs-ceris-post--grid-b-update .owl-carousel .owl-stage{ /*left: -50px;*/ } .atbs-ceris-post--grid-b-update .post-sub { padding-left: -webkit-calc(50% - 720px/2); padding-left: -moz-calc(50% - 720px/2); padding-left: calc(50% - 720px/2); } /* Content */ /*post main*/ .post-fullwidth-text-center-top .post__thumb{ height: 520px; } .post-fullwidth-text-center-top .post__title{ font-size: 28px; font-size: 2rem; /*font system*/ max-width: 100%; } .post-fullwidth-text-center-top .post-type-icon { display: none; } .post-fullwidth-text-center-top.icon-right-center .post__text { padding: 0; } /*post sub*/ .post--horizontal-thumb-radius{ padding: 20px; width: 365px; } .post--horizontal-thumb-radius .post__thumb{ width: 75px; height: 75px; } .post--horizontal-thumb-radius .post__cat{ font-size: 13px; } .post--horizontal-thumb-radius .post__title{ font-size: 16px; font-size: 1.1428rem; /*font system*/ line-height: 1.5; } .atbs-ceris-post--grid-b-update .post-sub .owl-dots{ left: -webkit-calc( 720px/2); left: -moz-calc( 720px/2); left: calc( 720px/2); } .post-fullwidth-text-center-top .post__text--wrap{ width: 720px; left: -webkit-calc(50% - 720px/2); left: -moz-calc(50% - 720px/2); left: calc(50% - 720px/2); } .atbs-ceris-post--grid-b-update .owl-carousel .owl-dots { opacity: 1; } } @media (max-width: 767px) { /* Layout */ /*.atbs-ceris-post--grid-b-update .atbs-ceris-block__inner{*/ /* width: calc(50% + 510px/2);*/ /*}*/ /*post sub*/ .atbs-ceris-post--grid-b-update .post-sub { padding-left: -webkit-calc(50% - 510px/2); padding-left: -moz-calc(50% - 510px/2); padding-left: calc(50% - 510px/2); margin-top: -70px; } .atbs-ceris-post--grid-b-update .owl-carousel .owl-stage{ /*left: -150px;*/ } .atbs-ceris-post--grid-b-update .post-sub .owl-stage-outer{ padding-bottom: 40px; } /* Content */ /*post main*/ .post-fullwidth-text-center-top .post__thumb{ height: 450px; } .post-fullwidth-text-center-top .post__text--wrap{ width: 510px; left: -webkit-calc(50% - 510px/2); left: -moz-calc(50% - 510px/2); left: calc(50% - 510px/2); top: -webkit-calc(50% - 70px/2); top: -moz-calc(50% - 70px/2); top: calc(50% - 70px/2); } .post-fullwidth-text-center-top .post__title { font-size: 24px; font-size: 1.7142rem; /*font system*/ } .post-fullwidth-text-center-top .post__excerpt { display: none; } /*post sub*/ .post--horizontal-thumb-radius { width: 340px; padding: 20px 30px; min-height: 140px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; max-width: 95%; } .post--horizontal-thumb-radius .post__thumb{ margin-right: 20px; margin-bottom: 0; } .post--horizontal-thumb-radius .post__text{ -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; } .atbs-ceris-post--grid-b-update .post-sub .owl-dots{ left: -webkit-calc( 510px/2); left: -moz-calc( 510px/2); left: calc( 510px/2); } } @media (max-width: 767px) and (min-width: 577px){ .post--horizontal-thumb-radius { max-width: 100%; } } @media (max-width: 680px) { .atbs-ceris-post--grid-b-update .owl-carousel .owl-stage{ /*left: -100px;*/ } } @media (max-width: 679px) and (min-width: 577px){ .atbs-ceris-post--grid-b-update .owl-carousel .owl-stage{ /*left: -50px;*/ } } @media (max-width: 576px) { /* Layout */ /*.atbs-ceris-post--grid-b-update .atbs-ceris-block__inner{*/ /* width: calc(100% - 15px);*/ /*}*/ /*post sub*/ .atbs-ceris-post--grid-b-update .post-sub{ padding-left: 15px; width: 100%; } .atbs-ceris-post--grid-b-update .owl-carousel .owl-stage{ /*left: -80px;*/ } .post-fullwidth-text-center-top .post__text--wrap{ width: -webkit-calc(100% - 30px); width: -moz-calc(100% - 30px); width: calc(100% - 30px); left: 15px; /*padding-left: 20px;*/ /*padding-right: 20px;*/ } /* Content */ /*post main*/ .post-fullwidth-text-center-top .post__thumb{ height: 400px; } /*post sub*/ .post--horizontal-thumb-radius { max-width: 100%; width: 370px; } .post--horizontal-thumb-radius .post__title{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } .atbs-ceris-post--grid-b-update .post-sub .owl-dots{ left: 50%; } } @media (max-width: 480px) { /* Layout */ .atbs-ceris-post--grid-b-update .owl-carousel .owl-stage{ /*left: -30px;*/ } /*post sub*/ .atbs-ceris-post--grid-b-update .post-sub{ padding-left: 15px; } /* Content */ /*post main*/ .post-fullwidth-text-center-top .post__thumb{ height: 320px; } .post-fullwidth-text-center-top .post__text--wrap{ width: -webkit-calc(100% - 65px); width: -moz-calc(100% - 65px); width: calc(100% - 65px); width: 100%; left: 0; padding-left: 15px; padding-right: 15px; } .post-fullwidth-text-center-top .post__text{ top: -webkit-calc(50% - 130px/2); top: -moz-calc(50% - 130px/2); top: calc(50% - 130px/2); } .post-fullwidth-text-center-top .post__title{ max-width: 100%; font-size: 22px; font-size: 1.5714rem; /*font system*/ line-height: 1.5; } /*post sub*/ .post--horizontal-thumb-radius{ padding: 20px 25px; min-height: 130px; width: 350px; } .post--horizontal-thumb-radius .post__thumb { width: 60px; height: 60px; margin-right: 25px; } .post--horizontal-thumb-radius .post__cat{ margin-bottom: 5px; } .post--horizontal-thumb-radius .post__title{ font-size: 16px; font-size: 1.1428rem; /*font system*/ line-height: 1.5; } .atbs-ceris-post--grid-b-update .post-sub .owl-dots { left: -webkit-calc( -20px + 50%); left: -moz-calc( -20px + 50%); left: calc( -20px + 50%); position: initial; -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; transform: none; margin: 0 auto; /* width: 100%; */ text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; } } @media (max-width: 420px) { /* Layout */ .atbs-ceris-post--grid-b-update .post-sub{ margin-top: -75px; } /* Content */ /*post main*/ .post-fullwidth-text-center-top .post__thumb{ height: 320px; } .post-fullwidth-text-center-top .post__text{ top: -webkit-calc(50% - 90px/2); top: -moz-calc(50% - 90px/2); top: calc(50% - 90px/2); } .post-fullwidth-text-center-top .post__title { font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; } /*post sub*/ .post--horizontal-thumb-radius{ padding: 20px 20px; width: 340px; } .post--horizontal-thumb-radius .post__thumb{ margin-right: 20px; } } @media (max-width: 380px) { /* Layout */ .atbs-ceris-post--grid-b-update .atbs-ceris-block__inner{ width: 100%; } /*post sub*/ .atbs-ceris-post--grid-b-update .post-sub{ margin-top: -65px; } .atbs-ceris-post--grid-b-update .owl-carousel .owl-stage{ /*left: -30px;*/ } /* Content */ /*post sub*/ .post--horizontal-thumb-radius{ width: -webkit-calc(100vw - 30px); width: -moz-calc(100vw - 30px); width: calc(100vw - 30px); } } @media (max-width: 320px) { /* Layout */ .atbs-ceris-post--grid-b-update .owl-carousel .owl-stage{ /*left: 0;*/ } /*post sub*/ .atbs-ceris-post--grid-b-update .post-sub{ padding-left: 15px; padding-right: 15px; } /* Content */ /*post main*/ .post-fullwidth-text-center-top .post__text { top: -webkit-calc(50% - 85px/2); top: -moz-calc(50% - 85px/2); top: calc(50% - 85px/2); } .post-fullwidth-text-center-top .post__title { max-width: 90%; font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; } /*post sub*/ .post--horizontal-thumb-radius { padding: 15px 20px; } .post--horizontal-thumb-radius .post__thumb{ width: 45px; height: 45px; } .atbs-ceris-post--grid-b-update .post-sub .owl-dots{ left: 50%; } } .atbs-ceris-post--grid-b-update .post-sub .carousel-flex{ margin-left: -90px; } @media(max-width: 991px){ .atbs-ceris-post--grid-b-update .post-sub .carousel-flex{ margin-bottom: -30px; display: flexbox; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .atbs-ceris-post--grid-b-update .post-sub .carousel-flex .slide-content { width: 50%; margin-bottom: 30px; } } @media(max-width: 576px){ .atbs-ceris-post--grid-b-update .post-sub .carousel-flex .slide-content { width: 100%; } } @media(max-width: 480px){ .atbs-ceris-post--grid-b-update .post-sub .carousel-flex{ margin-left: 0; } } @media(max-width: 420px){ /*.atbs-ceris-post--grid-b-update .icon-right-center .post__text--wrap{*/ /* top: calc(50% - 90px/2);*/ /*}*/ } @media(max-width: 320px){ .atbs-ceris-post--grid-b-update .icon-right-center .post__text--wrap{ top: -webkit-calc(50% - 85px/2); top: -moz-calc(50% - 85px/2); top: calc(50% - 85px/2); } } /* .Grid D Css ----------------------- */ /* ----------------------- Grid E Css */ /* Layout */ .atbs-ceris-post--grid-c-update .atbs-ceris-block__inner{ background-color: #F5F5F7; } /*post main*/ .atbs-ceris-post--grid-c-update .post-main .owl-item{ -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease ; opacity: 0; pointer-events: none; } .atbs-ceris-post--grid-c-update .post-main .owl-item.active{ opacity: 1; pointer-events: auto; } .atbs-ceris-post--grid-c-update .post-main{ height: 600px; display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .atbs-ceris-post--grid-c-update .post-main.disable-owl-click:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 10; } .owl-background-item{ height: 100%; width: -webkit-calc( 50% - 15px); width: -moz-calc( 50% - 15px); width: calc( 50% - 15px); position: absolute; left: 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; overflow: hidden; } .owl-background-item-left, .owl-background-item-front, .owl-background-item-right{ width: 100%; height: 100%; background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-attachment: scroll; -ms-flex-negative: 0; -webkit-flex-shrink: 0; flex-shrink: 0; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .owl-background-item-front{ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; padding-right: 1px; } .atbs-ceris-post--grid-c-update .post-main .owl-carousel{ width: 1170px; margin: 0 auto; padding-left: -webkit-calc( 1170px / 2 - 145px); padding-left: -moz-calc( 1170px / 2 - 145px); padding-left: calc( 1170px / 2 - 145px); padding-right: 25px; } /* Content */ /*post main*/ .post-no-thumb-title-line { height: 335px; background-color: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 45px 20px -27px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 45px 20px -27px rgba(0, 0, 0, 0.1); box-shadow: 0 45px 20px -27px rgba(0, 0, 0, 0.1); padding: 40px 60px 40px 40px; display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -o-transition: 0.3s ease; transition: 0.3s ease; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; } .post-no-thumb-title-line .post__text{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: 100%; -ms-flex-line-pack: justify; -webkit-align-content: flex-start; align-content: flex-start; } .post-no-thumb-title-line .post__text--wrap{ margin-bottom: 30px; width: 100%; padding-bottom: 20px; position: relative; } .post-no-thumb-title-line .post__title{ font-size: 22px; font-size: 1.5714rem; /*font system*/ margin-bottom: 0; } .post-no-thumb-title-line .post__title a{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .post-no-thumb-title-line .post__text--wrap:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 50px; height: 3px; background-color: rgba(34,34,34,0.6); } .post-no-thumb-title-line .post__excerpt{ overflow: hidden; } .post-no-thumb-title-line .post__excerpt .excerpt{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; opacity: 0.8; } .atbs-ceris-post--grid-c-update .post-main .owl-dots{ display: none; } .atbs-ceris-post--grid-c-update .owl-carousel .owl-stage-outer { margin-bottom: -40px; padding-bottom: 40px; width: 1400px; margin-left: -370px; padding-left: 370px; } .atbs-ceris-post--grid-c-update .post-main .owl-item.active .post-no-thumb-title-line{ background-color: var(--color-logo); -webkit-transition: 0.4s ease-in; -o-transition: 0.4s ease-in; -moz-transition: 0.4s ease-in; transition: 0.4s ease-in; } .atbs-ceris-post--grid-c-update .post-main .owl-item.active .post-no-thumb-title-line .post__cat { border: 1px solid rgba(255,255,255,0.19); } .atbs-ceris-post--grid-c-update .post-main .owl-item:not(.active) + .owl-item.active .post__cat, .atbs-ceris-post--grid-c-update .post-main .owl-item:not(.active) + .owl-item.active .post__title, .atbs-ceris-post--grid-c-update .post-main .owl-item:not(.active) + .owl-item.active .post__excerpt{ color: #fff !important; } .atbs-ceris-post--grid-c-update .post-main .owl-item:not(.active) + .owl-item.active .post__text--wrap:after{ background-color: #fff !important; } .atbs-ceris-post--grid-c-update .post-main .owl-item:not(.active) + .owl-item.active .post__cat:before{ background-color: #fff !important; } /*.atbs-ceris-post--grid-c-update .post-main .owl-item .post-no-thumb-title-line{*/ /* background-color: var(--color-logo);*/ /*}*/ /*.atbs-ceris-post--grid-c-update .post-main .owl-item .post__cat,*/ /*.atbs-ceris-post--grid-c-update .post-main .owl-item .post__title,*/ /*.atbs-ceris-post--grid-c-update .post-main .owl-item .post__excerpt{*/ /* color: #fff;*/ /*}*/ /*.atbs-ceris-post--grid-c-update .post-main .owl-item .post__text--wrap:after{*/ /* background-color: #fff;*/ /*}*/ /*.atbs-ceris-post--grid-c-update .post-main .owl-item .post__cat:before{*/ /* background-color: #fff;*/ /*}*/ .atbs-ceris-post--grid-c-update .post-main .owl-item.active + .owl-item.active .post-no-thumb-title-line{ background-color: #fff; } .atbs-ceris-post--grid-c-update .post-main .owl-item.active + .owl-item.active .post__cat, .atbs-ceris-post--grid-c-update .post-main .owl-item.active + .owl-item.active .post__title, .atbs-ceris-post--grid-c-update .post-main .owl-item.active + .owl-item.active .post__excerpt{ color: var(--color-text); } .atbs-ceris-post--grid-c-update .post-main .owl-item.active + .owl-item.active .post__text--wrap:after{ background-color: rgba(34,34,34,0.65); } .atbs-ceris-post--grid-c-update .post-main .owl-item.active + .owl-item.active .post__cat:before{ background-color: var(--color-logo); } .atbs-ceris-post--grid-c-update .post-main .owl-item.active + .owl-item.active + .owl-item .post-no-thumb-title-line{ background-color: #fff; } .atbs-ceris-post--grid-c-update .post-main .owl-item.active + .owl-item.active + .owl-item .post__cat, .atbs-ceris-post--grid-c-update .post-main .owl-item.active + .owl-item.active + .owl-item .post__title, .atbs-ceris-post--grid-c-update .post-main .owl-item.active + .owl-item.active + .owl-item .post__excerpt{ color: var(--color-text); } .atbs-ceris-post--grid-c-update .post-main .owl-item.active + .owl-item.active + .owl-item .post__text--wrap:after{ background-color: var(--color-text); } .atbs-ceris-post--grid-c-update .post-main .owl-item.active + .owl-item.active + .owl-item .post__cat:before{ background-color: var(--color-logo); } /*---*/ .atbs-ceris-carousel.nav-circle .owl-prev, .atbs-ceris-carousel.nav-circle .owl-next{ width: 50px; height: 50px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: var(--color-logo); padding: 0; display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; color: #fff; } .atbs-ceris-post--grid-c-update .post__title a{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .atbs-ceris-post--grid-c-update .atbs-ceris-carousel.nav-circle .owl-prev{ background-color: #fff; color: var(--color-logo); left: -webkit-calc( 1170px / 2 - 175px); left: -moz-calc( 1170px / 2 - 175px); left: calc( 1170px / 2 - 175px); } .atbs-ceris-post--grid-c-update .atbs-ceris-carousel.nav-circle .owl-next{ background-color: var(--color-logo); color: #fff; } .slide-left { -webkit-animation: slide-left 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -moz-animation: slide-left 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -o-animation: slide-left 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-left 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } .fade-in-fwd { -webkit-animation: fade-in-fwd 1s cubic-bezier(0.645, 0.045, 0.32, 1) both; -moz-animation: fade-in-fwd 1s cubic-bezier(0.645, 0.045, 0.32, 1) both; -o-animation: fade-in-fwd 1s cubic-bezier(0.645, 0.045, 0.32, 1) both; animation: fade-in-fwd 1s cubic-bezier(0.645, 0.045, 0.32, 1) both; } @-webkit-keyframes slide-left { 0% { -webkit-transform: translateX(200px); transform: translateX(200px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @-moz-keyframes slide-left { 0% { -webkit-transform: translateX(200px); -moz-transform: translateX(200px); transform: translateX(200px); opacity: 0; } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); opacity: 1; } } @-o-keyframes slide-left { 0% { -webkit-transform: translateX(200px); -o-transform: translateX(200px); transform: translateX(200px); opacity: 0; } 100% { -webkit-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes slide-left { 0% { -webkit-transform: translateX(200px); -moz-transform: translateX(200px); -o-transform: translateX(200px); transform: translateX(200px); opacity: 0; } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } } @-webkit-keyframes slide-right { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(-200px); transform: translateX(-200px); opacity: 0; } } @-moz-keyframes slide-right { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(-200px); -moz-transform: translateX(-200px); transform: translateX(-200px); opacity: 0; } } @-o-keyframes slide-right { 0% { -webkit-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(-200px); -o-transform: translateX(-200px); transform: translateX(-200px); opacity: 0; } } @keyframes slide-right { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(-200px); -moz-transform: translateX(-200px); -o-transform: translateX(-200px); transform: translateX(-200px); opacity: 0; } } .margin-right-neg-100 { margin-right: -100%; } @-webkit-keyframes fade-in-fwd { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fade-in-fwd { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fade-in-fwd { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in-fwd { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes MoveRightToLeft { 0%{ margin-left: 0; } 100%{ margin-left: -100%; } } @-moz-keyframes MoveRightToLeft { 0%{ margin-left: 0; } 100%{ margin-left: -100%; } } @-o-keyframes MoveRightToLeft { 0%{ margin-left: 0; } 100%{ margin-left: -100%; } } @keyframes MoveRightToLeft { 0%{ margin-left: 0; } 100%{ margin-left: -100%; } } /*@keyframes MoveRightToLeft {*/ /* 0%{*/ /* transform: translateX(0);*/ /* }*/ /* 100%{*/ /* transform: translateX(-100%);*/ /* }*/ /*}*/ @-webkit-keyframes MoveLeftToRight { 0%{ margin-left: 0; } 100%{ margin-left: 100%; } } @-moz-keyframes MoveLeftToRight { 0%{ margin-left: 0; } 100%{ margin-left: 100%; } } @-o-keyframes MoveLeftToRight { 0%{ margin-left: 0; } 100%{ margin-left: 100%; } } @keyframes MoveLeftToRight { 0%{ margin-left: 0; } 100%{ margin-left: 100%; } } .MoveRightToLeft{ -webkit-animation: MoveRightToLeft 0.85s cubic-bezier(0.645, 0.045, 0.32, 1) both; -moz-animation: MoveRightToLeft 0.85s cubic-bezier(0.645, 0.045, 0.32, 1) both; -o-animation: MoveRightToLeft 0.85s cubic-bezier(0.645, 0.045, 0.32, 1) both; animation: MoveRightToLeft 0.85s cubic-bezier(0.645, 0.045, 0.32, 1) both; } .MoveLeftToRight{ -webkit-animation: MoveLeftToRight 0.85s cubic-bezier(0.645, 0.045, 0.32, 1) both; -moz-animation: MoveLeftToRight 0.85s cubic-bezier(0.645, 0.045, 0.32, 1) both; -o-animation: MoveLeftToRight 0.85s cubic-bezier(0.645, 0.045, 0.32, 1) both; animation: MoveLeftToRight 0.85s cubic-bezier(0.645, 0.045, 0.32, 1) both; } @media (max-width: 1199px){ /* Layout */ /*post main*/ .atbs-ceris-post--grid-c-update .post-main{ height: 550px; } /* Content */ /*post main*/ .atbs-ceris-post--grid-c-update .post-main .owl-carousel{ width: 940px; padding-left: -webkit-calc( 940px / 2 - 200px); padding-left: -moz-calc( 940px / 2 - 200px); padding-left: calc( 940px / 2 - 200px); } .post-no-thumb-title-line{ padding: 35px 55px 55px 35px; height: 345px; } .post-no-thumb-title-line .post__text--wrap{ margin-bottom: 35px; } .post-no-thumb-title-line .post__title{ font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; } .atbs-ceris-post--grid-c-update .atbs-ceris-carousel.nav-circle .owl-prev{ left: -webkit-calc( 940px / 2 - 225px); left: -moz-calc( 940px / 2 - 225px); left: calc( 940px / 2 - 225px); } .atbs-ceris-post--grid-c-update .atbs-ceris-carousel.nav-circle .owl-prev, .atbs-ceris-post--grid-c-update .atbs-ceris-carousel.nav-circle .owl-next{ width: 45px; height: 45px; } .atbs-ceris-post--grid-c-update .atbs-ceris-carousel .owl-prev i, .atbs-ceris-post--grid-c-update .atbs-ceris-carousel .owl-next i{ font-size: 25px; } } @media (max-width: 991px){ /* Layout */ /*post main*/ .atbs-ceris-post--grid-c-update .post-main{ height: 480px; } .atbs-ceris-post--grid-c-update .owl-carousel .owl-stage-outer{ width: 1040px; } /* Content */ /*post main*/ .post-no-thumb-title-line{ padding: 30px; height: 300px; } .atbs-ceris-post--grid-c-update .post-main .owl-carousel{ width: 720px; padding-left: -webkit-calc( 720px / 2 - 200px); padding-left: -moz-calc( 720px / 2 - 200px); padding-left: calc( 720px / 2 - 200px); } .post-no-thumb-title-line .post__title{ line-height: 1.5; } .atbs-ceris-post--grid-c-update .atbs-ceris-carousel.nav-circle .owl-prev { background-color: #fff; color: var(--color-logo); left: -webkit-calc( 720px / 2 - 225px); left: -moz-calc( 720px / 2 - 225px); left: calc( 720px / 2 - 225px); } .atbs-ceris-post--grid-c-update .post-no-thumb-title-line .post__excerpt .excerpt { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } } @media (max-width: 767px){ /* Layout */ /*post main*/ .atbs-ceris-post--grid-c-update .owl-carousel .owl-stage-outer{ width: 810px; } /* Content */ /*post main*/ .atbs-ceris-post--grid-c-update .owl-carousel .owl-stage-outer{ padding-bottom: 0; } .atbs-ceris-post--grid-c-update .post-main .owl-carousel{ width: 510px; padding-left: -webkit-calc( 510px / 2 - 50px); padding-left: -moz-calc( 510px / 2 - 50px); padding-left: calc( 510px / 2 - 50px); padding-right: 25px; } .atbs-ceris-post--grid-c-update .post-main .owl-next{ background-color: #fff; color: var(--color-logo); } .post-no-thumb-title-line{ padding: 30px; } .post-no-thumb-title-line .post__title{ -webkit-line-clamp: 2; } .post-no-thumb-title-line .post__excerpt{ -webkit-line-clamp: 2; } .atbs-ceris-post--grid-c-update .post-main .owl-background-item{ width: 55%; } .atbs-ceris-post--grid-c-update .atbs-ceris-carousel.nav-circle .owl-prev { background-color: #fff; color: var(--color-logo); left: -webkit-calc( 510px / 2 - 75px); left: -moz-calc( 510px / 2 - 75px); left: calc( 510px / 2 - 75px); } .atbs-ceris-post--grid-c-update .atbs-ceris-carousel.nav-circle .owl-prev, .atbs-ceris-post--grid-c-update .atbs-ceris-carousel.nav-circle .owl-next{ background-color: #fff !important; color: var(--color-logo) !important; } .atbs-ceris-post--grid-c-update .post-main .owl-nav{ display: block; } .atbs-ceris-post--grid-c-update .post-main .owl-dots{ display: none; padding-bottom: 0; padding-top: 15px; } .atbs-ceris-post--grid-c-update .post__title a{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .atbs-ceris-post--listing-grid-a-update .post-no-thumb-title-line .post__text--wrap{ margin-bottom: 35px; } } @media (max-width: 576px){ /* Layout */ /*post main*/ .atbs-ceris-post--grid-c-update .post-main .owl-carousel{ width: 100%; padding-right: 70px; padding-left: 40%; } .atbs-ceris-post--grid-c-update .owl-carousel .owl-stage-outer{ width: 700px; padding-left: 350px; } .atbs-ceris-post--grid-c-update .post-main .owl-carousel .owl-next{ right: 65px; } .atbs-ceris-post--grid-c-update .atbs-ceris-carousel.nav-circle .owl-prev { left: -webkit-calc(40% - 45px); left: -moz-calc(40% - 45px); left: calc(40% - 45px); } /* Content */ /*post main*/ .atbs-ceris-post--grid-c-update .post-main .owl-background-item{ width: 65%; } .post-no-thumb-title-line .post__text--wrap:after { width: 40px; height: 2px; } } @media (max-width: 480px){ /* Layout */ /*post main*/ .atbs-ceris-post--grid-c-update .post-main{ height: auto; padding-bottom: 50px; } .atbs-ceris-post--grid-c-update .post-main .owl-carousel{ width: 100%; padding-right: 15%; padding-left: 15%; margin-top: -130px; } .atbs-ceris-post--grid-c-update .owl-carousel .owl-stage-outer{ margin-left: -200px; padding-left: 200px; padding-bottom: 40px; width: 610px; } .post-no-thumb-title-line .post__text--wrap { margin-bottom: 40px; } .atbs-ceris-post--grid-c-update .post__title a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .atbs-ceris-post--grid-c-update .owl-carousel .owl-nav{ /*display: none;*/ } .atbs-ceris-post--grid-c-update .owl-carousel .owl-dots{ /*display: block;*/ } .atbs-ceris-post--grid-c-update .atbs-ceris-carousel.nav-circle .owl-prev{ left: -webkit-calc( 15% - 22.5px); left: -moz-calc( 15% - 22.5px); left: calc( 15% - 22.5px); } .atbs-ceris-post--grid-c-update .atbs-ceris-carousel.nav-circle .owl-next{ right: -webkit-calc( 15% - 22.5px); right: -moz-calc( 15% - 22.5px); right: calc( 15% - 22.5px); } /* Content */ /*post main*/ .atbs-ceris-post--grid-c-update .post-main .owl-stage{ /*left: -35px;*/ } .atbs-ceris-post--grid-c-update .post-main{ -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: initial; -ms-flex-align: initial; -webkit-align-items: initial; -moz-box-align: initial; align-items: initial; } .atbs-ceris-post--grid-c-update .post-main .owl-background-item{ width: 100%; height: 300px; position: relative; } .atbs-ceris-post--grid-c-update .post-no-thumb-title-line { padding: 30px; height: 270px; } .post-no-thumb-title-line{ padding: 30px; } .post-no-thumb-title-line .post__title{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; -webkit-line-clamp: 3; } .atbs-ceris-post--grid-c-update .post-main .owl-dots{ padding-top: 15px; padding-bottom: 15px; } } @media (max-width: 420px){ /* Layout */ .atbs-ceris-post--grid-c-update .owl-carousel .owl-stage-outer{ width: 570px; margin-left: -170px; padding-left: 170px; } /* Content */ } @media (max-width: 380px){ /* Layout */ .atbs-ceris-post--grid-c-update .owl-carousel .owl-stage-outer{ width: 100%; margin-left: 0; padding-left: 0; } /* Content */ /*post main*/ .atbs-ceris-post--grid-c-update .post-main{ padding-bottom: 0; } .atbs-ceris-post--grid-c-update .post-no-thumb-title-line{ height: 260px; } .atbs-ceris-post--grid-c-update .post-main .owl-background-item{ height: 275px; } .atbs-ceris-post--grid-c-update .post-main .owl-carousel{ width: 100%; max-width: 85%; margin: -120px auto 0 auto; padding: 0; } .atbs-ceris-post--grid-c-update .owl-carousel .owl-nav{ display: none; } .atbs-ceris-post--grid-c-update .owl-carousel .owl-dots{ display: block; } } @media (max-width: 320px){ /* Layout */ /*post main*/ .atbs-ceris-post--grid-c-update .post-main .owl-background-item{ height: 250px; } .atbs-ceris-post--grid-c-update .post-main .owl-carousel{ width: 100%; max-width: 95%; margin: -100px auto 0 auto; padding: 0 15px; } .post-no-thumb-title-line .post__text--wrap { margin-bottom: 35px; } /* Content */ } /* .Grid E Css ----------------------- */ /* ----------------------- Grid F Css */ /* Layout */ .atbs-ceris-post--grid-d-update .post-list{ margin: -15px; display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .atbs-ceris-post--grid-d-update .post-list .list-col{ padding: 15px; } .atbs-ceris-post--grid-d-update .post-list .list-col:first-child{ width: 300px; } .atbs-ceris-post--grid-d-update .post-list .list-col:last-child{ width: 400px; } .atbs-ceris-post--grid-d-update .post-list .list-col:nth-child(3n - 1){ -webkit-box-flex: 1; box-flex: 1; -moz-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; } /* Content */ /*no thumb title line*/ .atbs-ceris-post--grid-d-update .atbs-ceris-carousel, .atbs-ceris-post--grid-d-update .owl-carousel .owl-stage-outer, .atbs-ceris-post--grid-d-update .owl-carousel .owl-stage, .atbs-ceris-post--grid-d-update .owl-carousel .slide-content, .atbs-ceris-post--grid-d-update .owl-carousel .owl-item { height: 100%; } .atbs-ceris-post--grid-d-update .post-no-thumb-title-line{ background-color: var(--color-logo); height: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 30px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .atbs-ceris-post--grid-d-update .post-no-thumb-title-line .post__title a{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; } .atbs-ceris-post--grid-d-update .post-no-thumb-title-line a.post__cat, .atbs-ceris-post--grid-d-update .post-no-thumb-title-line .post__title, .atbs-ceris-post--grid-d-update .post-no-thumb-title-line .post__excerpt{ color: #fff !important; } .atbs-ceris-post--grid-d-update .post-no-thumb-title-line .post__text--wrap:after{ background-color: #fff; } .atbs-ceris-post--grid-d-update .post-no-thumb-title-line .post__cat:before{ background-color: #fff !important; } .atbs-ceris-post--grid-d-update .post-no-thumb-title-line .post__text{ display: block; } .atbs-ceris-post--grid-d-update .post-no-thumb-title-line .post__cat{ margin-bottom: 15px; } .atbs-ceris-post--grid-d-update .post-no-thumb-title-line .post__title{ font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; } /*vertical*/ .atbs-ceris-post--grid-d-update .post--vertical .post__thumb{ margin-bottom: 20px; position: relative; } .atbs-ceris-post--grid-d-update .post--vertical .post__cat{ margin: 0; position: absolute; bottom: 0; left: 0; } .atbs-ceris-post--grid-d-update .post--vertical .post__title{ font-size: 22px; font-size: 1.5714rem; /*font system*/ line-height: 1.5; margin-bottom: 10px; } .atbs-ceris-post--grid-d-update .atbs-ceris-carousel .owl-dots{ position: absolute; left: 50%; bottom: 0; padding: 20px 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .atbs-ceris-post--grid-d-update .atbs-ceris-carousel .owl-dot span{ background: rgba(255, 255, 255, 0.3); } .atbs-ceris-post--grid-d-update .atbs-ceris-carousel .owl-dot.active span{ background-color: #fff; } /*post--horizontal-90*/ .posts-list-horizontal-90 .list-item:not(:last-child){ margin-bottom: 30px; } .post--horizontal-90 .post__thumb{ width: 90px; height: 90px; } @media (max-width: 1199px) { /* Layout */ .atbs-ceris-post--grid-d-update .post-list .list-col:last-child{ width: 300px; } /* Content */ .atbs-ceris-post--grid-d-update .post--vertical .post__thumb{ height: 230px; } .atbs-ceris-post--grid-d-update .post-no-thumb-title-line .post__cat{ margin-bottom: 12px; } .atbs-ceris-post--grid-d-update .post--horizontal-90{ -webkit-box-align: initial; -ms-flex-align: initial; -webkit-align-items: initial; -moz-box-align: initial; align-items: initial; } .atbs-ceris-post--grid-d-update .post--horizontal-90 .post__thumb{ margin-right: 20px; width: 80px; height: 80px; } .post--horizontal-90 .post__thumb{ margin-right: 25px; } } @media (min-width: 992px) and (max-width: 1199px){ .atbs-ceris-post--grid-d-update .post--vertical .post__title{ line-height: 1.5; font-size: 20px; font-size: 1.4285rem; /*font system*/ } } @media (max-width: 991px) { /* Layout */ .atbs-ceris-post--grid-d-update .post-list{ margin: -30px -15px; } .atbs-ceris-post--grid-d-update .post-list .list-col{ padding: 30px 15px; } .atbs-ceris-post--grid-d-update .post-list .list-col:first-child{ /*width: 100%;*/ -webkit-box-ordinal-group: 3; -ms-flex-order: 2; -webkit-order: 2; -moz-box-ordinal-group: 3; order: 2; width: 300px; -ms-flex-item-align: start; -webkit-align-self: flex-start; align-self: flex-start; } .atbs-ceris-post--grid-d-update .post-list .list-col:nth-child(3n-1){ -webkit-box-ordinal-group: 2; -ms-flex-order: 1; -webkit-order: 1; -moz-box-ordinal-group: 2; order: 1; } .atbs-ceris-post--grid-d-update .post-list .list-col:last-child{ width: 100%; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; -webkit-order: 3; -moz-box-ordinal-group: 4; order: 3; padding-right: 0; padding-left: 0; } .atbs-ceris-post--grid-d-update .posts-list-horizontal-90{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .atbs-ceris-post--grid-d-update .posts-list-horizontal-90 .list-item{ width: -webkit-calc( 100% / 2); width: -moz-calc( 100% / 2); width: calc( 100% / 2); padding: 0 15px; } .atbs-ceris-post--grid-d-update .posts-list-horizontal-90 .list-item:not(:last-child){ margin-bottom: 30px; } /* Content */ /*post no thumb*/ .atbs-ceris-post--grid-d-update .post-no-thumb-title-line{ padding: 30px 20px; } .atbs-ceris-post--grid-d-update .post-no-thumb-title-line .post__cat{ margin-bottom: 12px; } .atbs-ceris-post--grid-d-update .post-no-thumb-title-line .post__title{ line-height: 1.5; } .atbs-ceris-post--grid-d-update .post-no-thumb-title-line .post__excerpt{ max-width: 90%; } .atbs-ceris-post--grid-d-update .atbs-ceris-carousel .owl-dots{ bottom: 25px; padding: 0; } /*post vertical*/ .atbs-ceris-post--grid-d-update .post--vertical .post__title { line-height: 1.5; max-width: 95%; } /*post horizontal 90*/ .post--horizontal-90{ -webkit-box-align: initial; -ms-flex-align: initial; -webkit-align-items: initial; -moz-box-align: initial; align-items: initial; } .post--horizontal-90 .post__thumb { width: 70px; height: 70px; margin-right: 15px; } .post--horizontal-90 .post__cat{ margin-bottom: 5px; } } @media (max-width: 767px) { /* Layout */ .atbs-ceris-post--grid-d-update .post-list{ margin: -17.5px; } .atbs-ceris-post--grid-d-update .post-list .list-col{ padding: 17.5px; } .atbs-ceris-post--grid-d-update .post-list .list-col:first-child{ width: 100%; } .atbs-ceris-post--grid-d-update .post-list .list-col:nth-child(3n - 1){ -webkit-box-flex: unset; -ms-flex: unset; -webkit-flex: unset; -moz-box-flex: unset; flex: unset; width: 100%; } .atbs-ceris-post--grid-d-update .post-list .list-col:last-child{ width: 100%; } .atbs-ceris-post--grid-d-update .posts-list-horizontal-90 .list-item{ width: 100%; } .atbs-ceris-post--grid-d-update .posts-list-horizontal-90 .list-item:not(:last-child){ margin-bottom: 25px; } /* Content */ /*post no thumb title line*/ .atbs-ceris-post--grid-d-update .post-no-thumb-title-line{ padding: 40px; text-align: center; } .atbs-ceris-post--grid-d-update .post-no-thumb-title-line .post__text--wrap{ margin-bottom: 35px; padding-bottom: 0; } .atbs-ceris-post--grid-d-update .post-no-thumb-title-line .post__text--wrap:after{ display: none; } .atbs-ceris-post--grid-d-update .post-no-thumb-title-line .post__title{ max-width: 80%; margin: 0 auto; } .atbs-ceris-post--grid-d-update .post-no-thumb-title-line .post__excerpt{ display: none; } /*post vertical*/ .atbs-ceris-post--grid-d-update .post--vertical .post__thumb{ margin-bottom: 15px; height: 260px; } .atbs-ceris-post--grid-d-update .post--vertical .post__title{ max-width: 100%; line-height: 1.5; } /*post horizontal 90*/ .atbs-ceris-post--grid-d-update .post--horizontal-90 .post__thumb{ margin-right: 20px; width: 80px; height: 80px; } .atbs-ceris-post--grid-d-update .post--horizontal-90 .post__title{ font-size: 17px; font-size: 1.2142rem; } .post--horizontal-90{ display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .post--horizontal-90 .post__thumb{ width: 100px; height: 100px; margin-bottom: 0; margin-right: 20px; } .post--horizontal-90 .post__text{ -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; } .atbs-ceris-post--grid-d-update .post--horizontal-90 .post__thumb{ width: 100px; height: 100px; } } @media (max-width: 576px) { /* Layout */ /* Content */ /*post no thumb title line*/ .atbs-ceris-post--grid-d-update .post-no-thumb-title-line .post__title { font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; max-width: 95%; } .atbs-ceris-post--grid-d-update .post-no-thumb-title-line .post__excerpt{ max-width: 85%; } } @media(min-width: 768px){ .atbs-ceris-post--grid-d-update .post-no-thumb-title-line .post__text{ padding-bottom: 40px; } } @media (max-width: 480px) { /* Layout */ /* Content */ /*post no thumb title line*/ .atbs-ceris-post--grid-d-update .post-no-thumb-title-line{ padding: 40px 25px; } .atbs-ceris-post--grid-d-update .post-no-thumb-title-line .post__text--wrap{ margin-bottom: 35px; } .atbs-ceris-post--grid-d-update .post-no-thumb-title-line .post__title{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } /*post vertical*/ .atbs-ceris-post--grid-d-update .post--vertical .post__title{ max-width: 100%; font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } .post--horizontal-90 .post__thumb{ margin-right: 20px; } .atbs-ceris-post--grid-d-update .post--horizontal-90 .post__thumb{ margin-right: 20px; } } @media (max-width: 420px) { /* Layout */ /* Content */ .atbs-ceris-post--grid-d-update .post-no-thumb-title-line .post__excerpt{ max-width: 100%; } } @media (max-width: 380px) { /* Layout */ /* Content */ /*post no thumb title line*/ .atbs-ceris-post--grid-d-update .post-no-thumb-title-line .post__title{ max-width: 100%; } } @media (max-width: 320px) { /* Layout */ /* Content */ /*post no thumb title line*/ .atbs-ceris-post--grid-d-update .post-no-thumb-title-line .post__title{ font-size: 16px; font-size: 1.1428rem; /*font system*/ line-height: 1.5; } /*post vertical*/ .atbs-ceris-post--grid-d-update .post--vertical .post__title { max-width: 100%; font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } /*post horizontal 90*/ .atbs-ceris-post--grid-d-update .post--horizontal-90 .post__thumb{ width: 80px; height: 80px; margin-right: 20px; } } /* .Grid F Css ----------------------- */ /* ----------------------- Grid J Css */ .has-border-line-padding-30{ padding: 30px 0; border-top: 1px solid rgba(0,0,0,0.07); border-bottom: 1px solid rgba(0,0,0,0.07); } /* Layout */ /*posts horizontal 3i_row*/ .post--horizontal-3i_row .post-list{ display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: -15px; } .post--horizontal-3i_row .post-list .list-item{ width: -webkit-calc(100% / 3); width: -moz-calc(100% / 3); width: calc(100% / 3); padding: 15px; } .post--horizontal-3i_row .post-list .list-item .post__title > a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; } /*post horizontal video full width*/ .post--horizontal-video-thumb_fullwidth{ width: -webkit-calc(50% + 585px); width: -moz-calc(50% + 585px); width: calc(50% + 585px); margin-left: auto; } .post--horizontal-video-thumb_fullwidth .post__thumb a{ display: block; height: 100%; } .post--horizontal-video-thumb_fullwidth .post__thumb img{ height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .post--horizontal-video-thumb_fullwidth .post__thumb{ width: -webkit-calc( 100% - 470px); width: -moz-calc( 100% - 470px); width: calc( 100% - 470px); } .post--horizontal-video-thumb_fullwidth .post__text{ max-width: 420px; } .post--horizontal-video-thumb_fullwidth .post__cat{ margin-bottom: 20px; } .post--horizontal-video-thumb_fullwidth .post__title{ margin-bottom: 15px; } .btn-play-left-not-center{ position: absolute; top: 50%; left: -40px; width: 80px; height: 80px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index: 1; display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .btn-play-left-not-center svg{ width: 100%; height: 100%; } .btn-play-left-not-center i{ font-size: 35px; color: #fff; } /* Content */ @media (max-width: 1199px) { /* Layout */ /* Content */ .post--horizontal-video-thumb_fullwidth{ width: -webkit-calc(50% + 940px/2); width: -moz-calc(50% + 940px/2); width: calc(50% + 940px/2); } .post--horizontal-video-thumb_fullwidth .post__thumb{ height: 400px; width: -webkit-calc( 100% - 390px); width: -moz-calc( 100% - 390px); width: calc( 100% - 390px); } .btn-play-left-not-center{ width: 70px; height: 70px; } .btn-play-left-not-center{ left: -35px; } } @media (max-width: 991px) { /* Layout */ /* Content */ /*post horizontal 3i_row*/ .post--horizontal-3i_row .post-list .list-item{ width: -webkit-calc(100% / 2); width: -moz-calc(100% / 2); width: calc(100% / 2); } .atbs-ceris-post--grid-e-update .post--horizontal-90{ -webkit-box-align: initial; -ms-flex-align: initial; -webkit-align-items: initial; -moz-box-align: initial; align-items: initial; } .atbs-ceris-post--grid-e-update .post--horizontal-90 .post__thumb{ width: 70px; height: 70px; } .atbs-ceris-post--grid-e-update .post--horizontal-90 .post__cat{ /*display: none;*/ margin-bottom: 5px; } /*post horizontal video full width*/ .post--horizontal-video-thumb_fullwidth { width: -webkit-calc(50% + 720px/2); width: -moz-calc(50% + 720px/2); width: calc(50% + 720px/2); } .post--horizontal-video-thumb_fullwidth .post__thumb { height: 330px; width: -webkit-calc( 100% - 350px); width: -moz-calc( 100% - 350px); width: calc( 100% - 350px); } .post--horizontal-video-thumb_fullwidth .post__text { max-width: 300px; } .post--horizontal-video-thumb_fullwidth .post__title{ margin-bottom: 20px; } } @media (max-width: 767px) { /* Layout */ /*post horizontal 3i_row*/ .post--horizontal-3i_row .post-list{ margin: -12.5px; } .post--horizontal-3i_row .post-list .list-item{ width: 100%; padding: 12.5px; } .atbs-ceris-post--grid-e-update .atbs-ceris-block__inner > div:last-child{ margin-bottom: 40px; } .atbs-ceris-post--grid-e-update .atbs-ceris-block__inner{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .atbs-ceris-post--grid-e-update .post--horizontal-video-fullwidth { width: 100%; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; -webkit-order: -1; -moz-box-ordinal-group: 0; order: -1; } .atbs-ceris-post--grid-e-update .has-border-line-padding-30{ padding: 0; border: none; } /* Content */ /*post horizontal 3i_row*/ .atbs-ceris-post--grid-e-update .post--horizontal-90{ -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .atbs-ceris-post--grid-e-update .post--horizontal-90 .post__thumb{ width: 100px; height: 100px; } /*post horizontal video thumb full width*/ .post--horizontal-video-thumb_fullwidth{ width: -webkit-calc(50% + 510px/2); width: -moz-calc(50% + 510px/2); width: calc(50% + 510px/2); -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: initial; -ms-flex-pack: initial; -webkit-justify-content: initial; -moz-box-pack: initial; justify-content: initial; } .post--horizontal-video-thumb_fullwidth.post--horizontal .post__thumb{ width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; -webkit-order: 1; -moz-box-ordinal-group: 2; order: 1; margin-left: 0; margin-bottom:0; } .post--horizontal-video-thumb_fullwidth.post--horizontal .post__text{ width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; -webkit-order: 2; -moz-box-ordinal-group: 3; order: 2; -webkit-box-flex: initial; -ms-flex: initial; -webkit-flex: initial; -moz-box-flex: initial; flex: initial; max-width: 510px; position: absolute; padding-left: 30px; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .post--horizontal-video-thumb_fullwidth .post__cat, .post--horizontal-video-thumb_fullwidth .post__meta, .post--horizontal-video-thumb_fullwidth .post__meta a, .post--horizontal-video-thumb_fullwidth .post__meta span{ margin-bottom: 10px; color: #fff; } .post--horizontal-video-thumb_fullwidth .post__cat:before{ background-color: #fff; } .post--horizontal-video-thumb_fullwidth .post__title{ line-height: 1.5; margin-bottom: 12px; color: #fff; } .post--horizontal-video-thumb_fullwidth .post-type-icon { display: none; } .post--horizontal-video-thumb_fullwidth .post__excerpt{ display: none; } .btn-play-left-not-center{ right: -webkit-calc( 50vw - 510px / 2 ); right: -moz-calc( 50vw - 510px / 2 ); right: calc( 50vw - 510px / 2 ); top: 50%; width: 65px; height: 65px; left: unset; } .btn-play-left-not-center i{ font-size: 25px; } .ceris-grid-j .post--horizontal-video-fullwidth .post__thumb:after{ content: ""; background-color: rgba(0,0,0,0.25); position: absolute; width: 100%; height: 100%; left: 0; top: 0; } } @media (max-width: 576px) { /* Layout */ /* Content */ .post--horizontal-video-thumb_fullwidth{ width: -webkit-calc(100% - 15px); width: -moz-calc(100% - 15px); width: calc(100% - 15px); } .post--horizontal-video-thumb_fullwidth.post--horizontal .post__thumb{ width: 100%; height: 300px; } .post--horizontal-video-thumb_fullwidth.post--horizontal .post__text{ padding-right: 15px; padding-left: 30px; max-width: 100% ; } .atbs-ceris-post--grid-e-update .btn-play-left-not-center{ right: 45px; } .atbs-ceris-post--grid-e-update .atbs-ceris-block__inner > div:not(:last-child){ margin-bottom: 40px; } .atbs-ceris-post--grid-e-update .atbs-ceris-block__inner > div:last-child{ margin-bottom: 0; } } @media (max-width: 480px) { /* Layout */ /* Content */ /*post--horizontal video thumb fullwidth*/ .post--horizontal-video-thumb_fullwidth.post--horizontal .post__thumb { width: 100%; height: 260px; } .btn-play-left-not-center{ width: 60px; height: 60px; } } @media (max-width: 420px) { /* Layout */ /* Content */ /*post--horizontal video thumb fullwidth*/ .post--horizontal-video-thumb_fullwidth.post--horizontal .post__thumb{ height: 250px; } .atbs-ceris-post--grid-e-update .btn-play-left-not-center{ right: 30px; } } @media (max-width: 380px) { /* Layout */ /* Content */ /*post--horizontal video thumb fullwidth*/ .post--horizontal-video-thumb_fullwidth.post--horizontal .post__thumb { height: 230px; } .btn-play-left-not-center { width: 55px; height: 55px; } .btn-play-left-not-center i { font-size: 20px; } } @media (max-width: 320px) { /* Layout */ /* Content */ .post--horizontal-video-thumb_fullwidth.post--horizontal .post__thumb{ height: 200px; } .post--horizontal-video-thumb_fullwidth .post__title{ font-size: 16px; font-size: 1.1428rem; /*font system*/ line-height: 1.5; } .btn-play-left-not-center { width: 50px; height: 50px; } /*post horizontal 90*/ .atbs-ceris-post--grid-e-update .post--horizontal-90 .post__thumb{ width: 80px; height: 80px; margin-right: 20px; } } /*update wp*/ .ceris-grid-j .post--horizontal-video-fullwidth{ margin-bottom: 40px; margin-top: 0; } .ceris-grid-j .delete-margin .post--horizontal-video-fullwidth{ margin-bottom: 0; margin-top: 0; } @media(min-width: 768px){ .flex-column-reverse{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; flex-direction: column-reverse; } .flex-row-reverse{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; flex-direction: row-reverse; } .ceris-grid-j .post--horizontal-video-fullwidth{ margin-top: 60px; margin-bottom: 0; } .ceris-grid-j .delete-margin .post--horizontal-video-fullwidth{ margin-bottom: 0; margin-top: 0; } } @media(max-width: 767px){ .atbs-ceris-post--grid-e-update .has-border-line-padding-30{ padding: 0; border: none; } } /* .Grid J Css ----------------------- */ /* ----------------------- Grid G Css */ /* Layout */ .atbs-ceris-post--grid-f-update{ padding: 50px 0 65px 0; background-color: #F5F5F7; } .atbs-ceris-post--grid-f-update .post-list{ display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: -15px; } .atbs-ceris-post--grid-f-update .list-item{ width: -webkit-calc( 100% / 4); width: -moz-calc( 100% / 4); width: calc( 100% / 4); padding: 15px; } /* Content */ .post-no-thumb-has-comment{ height: 300px; background-color: #fff; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.08); -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.08); box-shadow: 0 2px 5px rgba(0,0,0,0.08); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 30px 30px 20px 30px; min-height: 300px; height: 100%; } .post-no-thumb-has-comment .post__text{ display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: justify; -webkit-align-content: space-between; align-content: space-between; height: 100%; } .post-no-thumb-has-comment .post__text--wrap{ margin-bottom: 75px; } .post-no-thumb-has-comment .post__cat{ margin-bottom: 20px; } .post-no-thumb-has-comment .post__title a{ display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; } .post-no-thumb-has-comment .post__meta{ margin-top: 0; padding-top: 15px; border-top: 1px solid rgba(0,0,0,0.1); width: 100%; display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .post-no-thumb-has-comment .post__meta{ margin: -5px 0; } .post-no-thumb-has-comment .post__meta span i{ display: none; } .post-no-thumb-has-comment .post__meta span{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; padding: 5px 0; font-size: 13px; } .post-no-thumb-has-comment .post__meta span, .post-no-thumb-has-comment .post__meta span a { color: #999; } .post-no-thumb-has-comment .post__meta span:not(:last-child){ position: relative; margin-right: 0; } .post-no-thumb-has-comment .post__meta span:not(:last-child):after{ content: ''; display: inline-block; width: 5px; height: 5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: rgba(34,34,34,0.6); margin: 0 13px; } @media (max-width: 1199px) { /* Layout */ .atbs-ceris-post--grid-f-update .post-list { margin: -10px; } .atbs-ceris-post--grid-f-update .list-item { width: -webkit-calc( 100% / 4); width: -moz-calc( 100% / 4); width: calc( 100% / 4); padding: 10px; } /* Content */ .post-no-thumb-has-comment{ padding: 25px 20px 15px 20px; /*height: 280px;*/ min-height: 280px; } .post-no-thumb-has-comment .post__text--wrap { margin-bottom: 65px; } .post-no-thumb-has-comment .post__cat{ margin-bottom: 20px; } .post-no-thumb-has-comment .post__title{ line-height: 1.5; } .post-no-thumb-has-comment .post__meta{ padding-top: 10px; } .post-no-thumb-has-comment .post__meta span:not(:last-child):after{ margin: 0 10px; } } @media (max-width: 991px) { /* Layout */ .atbs-ceris-post--grid-f-update .post-list { margin: -15px; } .atbs-ceris-post--grid-f-update .list-item { width: -webkit-calc( 100% / 2); width: -moz-calc( 100% / 2); width: calc( 100% / 2); padding: 15px; } /* Content */ .post-no-thumb-has-comment{ padding: 30px 25px 25px 25px; } .post-no-thumb-has-comment .post__text--wrap { margin-bottom: 65px; } .post-no-thumb-has-comment .post__cat{ margin-bottom: 25px; } .post-no-thumb-has-comment .post__title{ font-size: 19px; font-size: 1.3571rem; /*font system*/ line-height: 1.5; } .post-no-thumb-has-comment .post__meta span:not(:last-child):after{ margin: 0 10px; } } @media (max-width: 767px) { /* Layout */ .atbs-ceris-post--grid-f-update .post-list{ display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: -15px; } .atbs-ceris-post--grid-f-update .list-item{ width: 50%; padding: 15px; } /* Content */ .post-no-thumb-has-comment{ padding: 25px 20px 20px 20px; min-height: 280px; } .post-no-thumb-has-comment .post__text--wrap{ margin-bottom: 30px; } .post-no-thumb-has-comment .post__cat { margin-bottom: 20px; } .post-no-thumb-has-comment .post__title { font-size: 16px; font-size: 1.1428rem; /*font system*/ line-height: 1.5; } } @media (max-width: 576px) { /* Layout */ /* Content */ .post-no-thumb-has-comment .post__cat { margin-bottom: 25px; } .post-no-thumb-has-comment .post__text--wrap { margin-bottom: 0; } } @media (max-width: 480px) { /* Layout */ .atbs-ceris-post--grid-f-update .post-list{ display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: -15px; } .atbs-ceris-post--grid-f-update .list-item{ width: 100%; padding: 15px; } /* Content */ .post-no-thumb-has-comment { padding: 25px 25px 20px 25px; } .post-no-thumb-has-comment .post__title { font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; max-width: 90%; } } @media (max-width: 420px) { /* Layout */ /* Content */ .post-no-thumb-has-comment .post__title { max-width: 100%; } } @media (max-width: 380px) { /* Layout */ /* Content */ .post-no-thumb-has-comment{ min-height: 230px; } .post-no-thumb-has-comment .post__cat { margin-bottom: 20px; } .post-no-thumb-has-comment .post__text--wrap { margin-bottom: 65px; } } @media (max-width: 320px) { /* Layout */ /* Content */ .post-no-thumb-has-comment{ min-height: 220px; } .post-no-thumb-has-comment .post__text--wrap { margin-bottom: 60px; } .post-no-thumb-has-comment .post__cat { margin-bottom: 20px; } .post-no-thumb-has-comment .post__title { font-size: 16px; font-size: 1.1428rem; /*font system*/ line-height: 1.5; } } /* .Grid G Css ----------------------- */ /* ----------------------- Grid H Css */ .post-background-white{ background-color: #fff; } /* Layout */ .atbs-ceris-post--grid-g-update{ padding: 70px 0 110px 0; background-color: #F5F5F7; } .atbs-ceris-post--grid-g-update .atbs-ceris-block__inner > div:not(:last-child){ margin-bottom: 30px; } /*post list*/ .atbs-ceris-post--grid-g-update .post-list{ display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } @media(min-width: 992px){ .atbs-ceris-post--grid-g-update .post-list.three-item .list-item{ width: -webkit-calc( 100% / 3); width: -moz-calc( 100% / 3); width: calc( 100% / 3); } } /*post grid*/ .atbs-ceris-post--grid-g-update .post-grid{ display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: -15px; } .atbs-ceris-post--grid-g-update .post-grid .grid-item{ width: -webkit-calc(100% / 4); width: -moz-calc(100% / 4); width: calc(100% / 4); padding: 15px; } .atbs-ceris-post--grid-g-update .post-grid .grid-item:nth-child(2){ width: -webkit-calc( 100% / 3); width: -moz-calc( 100% / 3); width: calc( 100% / 3); } .atbs-ceris-post--grid-g-update .post-grid .post-grid-carousel{ width: -webkit-calc( 100% - 100% / 3); width: -moz-calc( 100% - 100% / 3); width: calc( 100% - 100% / 3); padding: 15px; } .atbs-ceris-post--grid-g-update .post-grid .post-grid-carousel.carousel-item-fullwidth{ width: -webkit-calc( 100%); width: -moz-calc( 100%); width: calc( 100%); } @media(min-width: 1200px){ .atbs-ceris-post--grid-g-update .post-grid .post-grid-carousel.carousel-item-fullwidth .post--vertical-reverse-text-wrap .post__title{ width: 440px; } } /* Content */ /*post list*/ .atbs-ceris-post--grid-g-update .post-list{ background-color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .atbs-ceris-post--grid-g-update .post-list .post--horizontal-thumb-radius{ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; /*background-color: transparent !important;*/ width: auto; } .atbs-ceris-post--grid-g-update .post-list .post--horizontal-thumb-radius .post__thumb{ width: 90px; height: 90px; } .atbs-ceris-post--grid-g-update .post-list .post--horizontal-thumb-radius .post__cat{ margin-bottom: 12px; } .atbs-ceris-post--grid-g-update .post-list .post--horizontal-thumb-radius .post__title{ margin-bottom: 0; } .atbs-ceris-post--grid-g-update .post-list .post--horizontal-thumb-radius .post__readmore { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: none; } .atbs-ceris-post--grid-g-update .post-list .post--horizontal-thumb-radius .readmore-normal i { width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #fff; color: var(--color-text); border: 1px solid rgba(0,0,0,0.2); margin: 0; } /*post grid*/ /*post vertical reverse text wrap*/ .atbs-ceris-post--grid-g-update .post-grid .post{ height: 100%; } .post--vertical-reverse-text-wrap{ display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .post--vertical-reverse-text-wrap .post__thumb{ -webkit-box-ordinal-group: 3; -ms-flex-order: 2; -webkit-order: 2; -moz-box-ordinal-group: 3; order: 2; width: 100%; height: 300px; display: block !important; } .post--vertical-reverse-text-wrap .post__thumb a{ width: 100%; height: 100%; } .ceris-grid-h .post--vertical-reverse-thumb-not-full .post__thumb, .ceris-grid-h .post--vertical-reverse-text-wrap .post__thumb{ margin-bottom: 0; } .post--vertical-reverse-text-wrap .post__thumb img{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .post--vertical-reverse-text-wrap .post__text{ -webkit-box-ordinal-group: 2; -ms-flex-order: 1; -webkit-order: 1; -moz-box-ordinal-group: 2; order: 1; padding: 40px 40px 50px 40px; height: 245px; height: auto; } .post--vertical-reverse-text-wrap:not(.post--vertical-text-index) .post__text--wrap{ max-width: 580px; } .post--vertical-reverse-text-wrap .post__cat{ margin-bottom: 15px; } .post--vertical-reverse-text-wrap .post__title{ font-size: 1.7142rem; /*font system*/ line-height: 1.5; float: left; position: relative; margin-bottom: 15px; width: 100%; } .post--vertical-reverse-text-wrap .post__title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 50px; height: 3px; background-color: var(--color-text); opacity: 0.7; display: none; } .post--vertical-reverse-text-wrap .post__title a{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; } .post--vertical-reverse-text-wrap .post__excerpt{ margin-bottom: 0; overflow: hidden; } .post--vertical-reverse-text-wrap .post__excerpt .excerpt{ margin-bottom: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; } .post--vertical-reverse-text-wrap .post-type-icon { left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); right: auto; bottom: auto; } /*post vertical thumb fixed height */ .post--vertical-thumb-default{ height: 545px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 992px) and (max-width: 1199px){ .atbs-ceris-post--grid-g-update .post-list .post--horizontal-thumb-radius .post__title { font-size: 16px; font-size: 1.1428rem; } } @media (min-width: 992px){ .post--vertical-thumb-default{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; } } .post--vertical-thumb-default .post__thumb{ height: 245px; width: 100%; margin-bottom: 40px; } .post--vertical-thumb-default .post__thumb a{ width: 100%; height: 100%; } .post--vertical-thumb-default .post__thumb img{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .post--vertical-thumb-default .post__text{ padding: 0 30px 30px 30px; -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; } .post--vertical-thumb-default .post__text > *:not(.post__cat) { width: 100%; } .post--vertical-thumb-default .post__cat { margin-bottom: 15px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: block; } .post--vertical-thumb-default .post__title{ position: relative; } .ceris-grid-h .post--vertical-thumb-default .post__title{ margin-bottom: 12px; } .ceris-grid-h .post--vertical-thumb-default .post__title a{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; } .ceris-grid-h .post--vertical-thumb-default .post__excerpt { margin-bottom: 15px; } @media(min-width: 992px){ .ceris-grid-h .post--vertical-thumb-default .post__thumb{ margin-bottom: 30px; } } .post--vertical-thumb-default .post__excerpt{ margin-bottom: 0; } .post--vertical-thumb-default .post__excerpt .excerpt{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; } .post--vertical-thumb-default .post__meta { position: absolute; bottom: 0; left: 0; width: 100%; padding: 15px 30px; border-top: 1px solid #f2f2f2; } .post--vertical-thumb-default.post--vertical-thumb-default-small .post__thumb{ height: 190px; } .atbs-ceris-post--grid-g-update .post-grid-carousel .owl-dots{ position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; } @media (min-width: 481px) { .atbs-ceris-post--grid-g-update .post-grid-carousel .owl-dot.active span{ background-color: #fff !important; } .atbs-ceris-post--grid-g-update .post-grid-carousel .owl-dot span{ background-color: rgba(255,255,255,0.3); -webkit-box-shadow: 0 1px 15px rgba(255,255,255,0.8); -moz-box-shadow: 0 1px 15px rgba(255,255,255,0.8); box-shadow: 0 1px 15px rgba(255,255,255,0.8); } } /*post vertical thumb reverse not full width*/ .post--vertical-reverse-thumb-not-full{ display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-line-pack: justify; -webkit-align-content: space-between; align-content: space-between; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 30px 0 0 30px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; height: 330px; overflow: hidden; } .post--vertical-reverse-thumb-not-full .post__thumb{ -webkit-box-ordinal-group: 3; -ms-flex-order: 2; -webkit-order: 2; -moz-box-ordinal-group: 3; order: 2; width: 100%; margin-top: 60px; height: 135px; } .post--vertical-reverse-thumb-not-full .post__thumb a{ width: 100%; height: 100%; } .post--vertical-reverse-thumb-not-full .post__thumb img{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .post--vertical-reverse-thumb-not-full .post__cat{ margin-bottom: 20px; } .post--vertical-reverse-thumb-not-full .post__title{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; } .post--vertical-reverse-thumb-not-full .post__text{ -webkit-box-ordinal-group: 2; -ms-flex-order: 1; -webkit-order: 1; -moz-box-ordinal-group: 2; order: 1; padding-right: 20px; } .atbs-ceris-post--grid-g-update .post--vertical-reverse-text-wrap .post__excerpt{ width: 100%; } @media (max-width: 1199px){ /* Layout */ .atbs-ceris-post--grid-g-update .post-grid{ margin: -10px; } .atbs-ceris-post--grid-g-update .post-grid .post-grid-carousel{ padding: 10px; } .atbs-ceris-post--grid-g-update .post-grid .grid-item{ padding: 10px; } /* Content */ /*post-list*/ .atbs-ceris-post--grid-g-update .post--horizontal-thumb-radius .post__thumb{ margin-right: 20px; } .atbs-ceris-post--grid-g-update .post-list .post--horizontal-thumb-radius .post__cat{ margin-bottom: 10px; } /*post-grid*/ .post--vertical-reverse-text-wrap .post__text{ padding: 40px 40px 50px 40px; width: 100%; } .post--vertical-reverse-text-wrap .post__title{ line-height: 1.5; } /*post vertical thumb fixed height */ .post--vertical-thumb-default .post__excerpt{ display: none; } /*post vertical thumb reverse not full width*/ .post--vertical-reverse-thumb-not-full{ height: 305px; padding-left: 25px; } .post--vertical-reverse-thumb-not-full .post__thumb{ height: 110px; margin-top: 40px; } .post--vertical-reverse-thumb-not-full .post__text{ padding-right: 20px; } .post--vertical-reverse-thumb-not-full .post__cat{ margin-bottom: 15px; } .post--vertical-reverse-thumb-not-full .post__title{ line-height: 1.5; } } @media (max-width: 991px){ /* Layout */ /*post list*/ .atbs-ceris-post--grid-g-update .post-list{ background-color: transparent; margin: -10px; } .atbs-ceris-post--grid-g-update .post-list .list-item { width: 100%; padding: 10px; } .atbs-ceris-post--grid-g-update .post-list .list-item:not(:last-child){ margin-bottom: 0; } /*post grid*/ .atbs-ceris-post--grid-g-update .post-grid .grid-item{ width: -webkit-calc(100% / 2); width: -moz-calc(100% / 2); width: calc(100% / 2); } .atbs-ceris-post--grid-g-update .post-grid .post-grid-carousel{ width: 100%; } .atbs-ceris-post--grid-g-update .post-grid .grid-item:nth-child(2){ width: 100%; } /* Content */ /*post list*/ .atbs-ceris-post--grid-g-update .post-list .post--horizontal-thumb-radius{ background-color: #fff; padding: 25px 40px; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .atbs-ceris-post--grid-g-update .post-list .post--horizontal-thumb-radius .post__thumb { width: 100px; height: 100px; } .atbs-ceris-post--grid-g-update .post-list .post--horizontal-thumb-radius .post__text{ max-width: 80%; position: relative; padding-right: 50px; } .atbs-ceris-post--grid-g-update .post-list .post--horizontal-thumb-radius .post__readmore{ display: block; } .atbs-ceris-post--grid-g-update .post-list .post--horizontal-thumb-radius .post__title { font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; max-width: 75%; } /*post grid*/ /*post vertical reverse text wrap*/ /*post vertical thumb fixed height */ .post--vertical-thumb-default{ height: auto; display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .post--vertical-thumb-default .post__thumb { height: 235px; margin-bottom: 0; width: 350px; } .post--vertical-thumb-default .post__text{ -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; } .post--vertical-thumb-default .post__cat{ margin-bottom: 15px; } .post--vertical-thumb-default .post__title { font-weight: 500; padding-bottom: 0; margin-bottom: 0; line-height: 1.5; } .post--vertical-thumb-default .post__title:after{ display: none; } .post--vertical-thumb-default .post__meta{ display: none; } /*post vertical thumb reverse not full width*/ .post--vertical-reverse-thumb-not-full { height: 320px; padding-left: 35px; } .post--vertical-reverse-thumb-not-full .post__thumb { height: 150px; } } @media (max-width: 767px){ /* Layout */ .atbs-ceris-post--grid-g-update .atbs-ceris-block__inner > div:not(:last-child){ margin-bottom: 35px; } /* Content */ /*post list*/ .atbs-ceris-post--grid-g-update .post-list .post--horizontal-thumb-radius{ padding: 25px 30px; } .atbs-ceris-post--grid-g-update .post-list .post--horizontal-thumb-radius .post__thumb { width: 90px; height: 90px; } .atbs-ceris-post--grid-g-update .post-list .post--horizontal-thumb-radius .post__title { line-height: 1.5; max-width: 90%; } /*post grid*/ /*post vertical reverse text wrap*/ .post--vertical-reverse-text-wrap .post__thumb{ height: 250px; } .post--vertical-reverse-text-wrap .post__text { padding: 40px 30px 40px 30px; } .post--vertical-reverse-text-wrap .post__title { font-size: 1.4285rem; /*font system*/ line-height: 1.5; } /*post vertical thumb fixed height */ .post--vertical-thumb-default .post__thumb{ height: 210px; width: 245px; } .post--vertical-thumb-default .post__cat { margin-bottom: 10px; } /**/ .post--vertical-thumb-default .post__text{ padding: 20px 30px; } /*post vertical thumb reverse not full width*/ .post--vertical-reverse-thumb-not-full { height: 300px; padding-left: 25px; padding-top: 25px; } .post--vertical-reverse-thumb-not-full .post__thumb { height: 135px; } .post--vertical-reverse-thumb-not-full .post__cat { margin-bottom: 15px; } } @media (max-width: 576px){ /* Layout */ .atbs-ceris-post--grid-g-update { padding: 70px 0; } /* Content */ /*post vertical thumb fixed height */ .post--vertical-thumb-default .post__thumb { height: 210px; width: -webkit-calc(50% - 10px); width: -moz-calc(50% - 10px); width: calc(50% - 10px); } .post--vertical-thumb-default .post__text { padding: 0 20px 30px 30px; } } @media (max-width: 480px){ /* Layout */ /*post grid*/ .atbs-ceris-post--grid-g-update .post-grid{ margin: -17.5px; } .atbs-ceris-post--grid-g-update .post-grid .post-grid-carousel{ padding: 17.5px; } .atbs-ceris-post--grid-g-update .post-grid .grid-item{ width: 100%; padding: 17.5px; } /* Content */ /*post list*/ .atbs-ceris-post--grid-g-update .post-list .post--horizontal-thumb-radius { padding: 25px; } .atbs-ceris-post--grid-g-update .post-list .post--horizontal-thumb-radius .post__thumb { width: 80px; height: 80px; } /*post grid*/ .post--vertical-reverse-text-wrap .post__thumb, .post--vertical-reverse-text-wrap .post__text{ -webkit-box-ordinal-group: initial; -ms-flex-order: initial; -webkit-order: initial; -moz-box-ordinal-group: initial; order: initial; } .post--vertical-reverse-text-wrap .post__text{ padding: 30px 30px 50px 30px; height: auto; } .post--vertical-reverse-text-wrap .post__title{ width: 100%; margin: 0; margin-bottom: 15px; } .post--vertical-reverse-text-wrap .post__excerpt{ display: none; } .atbs-ceris-post--grid-g-update .post-grid-carousel .owl-dots { left: 50%; bottom: 0; top: unset; padding-bottom: 20px; padding-top: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .post--vertical-thumb-default{ display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .post--vertical-thumb-default .post__thumb { height: 255px; width: 100%; margin-bottom: 30px; } .post--vertical-thumb-default .post__text { -webkit-box-flex: initial; -ms-flex: initial; -webkit-flex: initial; -moz-box-flex: initial; flex: initial; width: 100%; } .post--vertical-reverse-thumb-not-full { height: 385px; padding-left: 30px; padding-top: 30px; } .post--vertical-reverse-thumb-not-full .post__thumb { height: 200px; } .post--vertical-reverse-thumb-not-full .post__title { font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; font-weight: 400; -webkit-line-clamp: 2; } } @media (max-width: 480px) and (min-width: 421px){ .atbs-ceris-post--grid-g-update .atbs-ceris-block__inner > div:not(:last-child) { margin-bottom: 10px; } .atbs-ceris-post--grid-g-update .post-grid { margin: -10px; } .atbs-ceris-post--grid-g-update .post-grid .post-grid-carousel { padding: 10px; } .atbs-ceris-post--grid-g-update .post-grid .grid-item { width: 100%; padding: 10px; } .post--vertical-reverse-thumb-not-full { height: 275px; padding-left: 15px; padding-top: 15px; } .post--vertical-reverse-thumb-not-full .post__thumb { /*height: 130px;*/ } .post--vertical-reverse-thumb-not-full .post__title { font-size: 15px; font-size: 1.0714rem; /*font system*/ font-weight: 400; } .post--vertical-thumb-default .post__thumb { height: 200px; width: -webkit-calc( 50% - 10px); width: -moz-calc( 50% - 10px); width: calc( 50% - 10px); margin-bottom: 0; } .post--vertical-thumb-default .post__text { -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; width: 100%; } } @media (max-width: 420px){ /* Layout */ /* Content */ .post--vertical-reverse-text-wrap .post__thumb { height: 235px; } .post--vertical-reverse-text-wrap .post__cat { margin-bottom: 10px; } .post--vertical-thumb-default .post__thumb{ height: 215px; } .post--vertical-reverse-thumb-not-full .post__cat { margin-bottom: 10px; } .post--vertical-reverse-thumb-not-full { height: 330px; } .post--vertical-reverse-thumb-not-full .post__thumb { height: 180px; } } @media (max-width: 380px){ /* Layout */ /* Content */ /*post list*/ .atbs-ceris-post--grid-g-update .post-list .post--horizontal-thumb-radius { padding: 20px; } .atbs-ceris-post--grid-g-update .post-list .post--horizontal-thumb-radius .post__thumb { width: 70px; height: 70px; } .atbs-ceris-post--grid-g-update .post-list .post--horizontal-thumb-radius .post__text { max-width: 100%; padding-right: 0; } .atbs-ceris-post--grid-g-update .post-list .post--horizontal-thumb-radius .post__title{ max-width: 100%; } .atbs-ceris-post--grid-g-update .post-list .post--horizontal-thumb-radius .post__readmore{ display: none; } /*post grid*/ .post--vertical-reverse-text-wrap .post__thumb { height: 220px; } .post--vertical-reverse-text-wrap .post__text { padding: 25px 30px 50px 30px; } .atbs-ceris-post--grid-g-update .post-grid-carousel .owl-dots{ padding-bottom: 20px; } .post--vertical-thumb-default .post__thumb { height: 200px; margin-bottom: 25px; } .post--vertical-thumb-default .post__text{ padding: 0 20px 25px 30px; } .post--vertical-reverse-thumb-not-full { height: 320px; } .post--vertical-reverse-thumb-not-full .post__thumb { height: 170px; } } @media (max-width: 320px){ /* Layout */ .atbs-ceris-post--grid-g-update .post-grid { margin: -12.5px; } .atbs-ceris-post--grid-g-update .post-grid .post-grid-carousel { padding: 12.5px; } .atbs-ceris-post--grid-g-update .post-grid .grid-item{ padding: 12.5px; } /* Content */ /*post list*/ .atbs-ceris-post--grid-g-update .post-list .post--horizontal-thumb-radius .post__title{ font-size: 16px; font-size: 1.1428rem; /*font system*/ line-height: 1.5; } /*post grid*/ .post--vertical-reverse-text-wrap .post__thumb{ height: 200px; } .post--vertical-reverse-text-wrap .post__text { padding: 20px 20px 50px 20px; } .post--vertical-reverse-text-wrap .post__title{ font-size: 16px; font-size: 1.1428rem; /*font system*/ line-height: 1.5; padding-bottom: 0; } .post--vertical-reverse-text-wrap .post__title:after{ display: none; } .atbs-ceris-post--grid-g-update .post-grid-carousel .owl-dots { padding-bottom: 15px; } .post--vertical-thumb-default .post__thumb { height: 200px; margin-bottom: 20px; } .post--vertical-thumb-default .post__text { padding: 0 20px 20px 20px; } .post--vertical-thumb-default .post__title{ font-size: 16px; font-size: 1.1428rem; /*font system*/ line-height: 1.5; padding-bottom: 0; font-weight: 600; } .post--vertical-thumb-default .post__title:after{ display: none; } .post--vertical-reverse-thumb-not-full { padding-left: 20px; padding-top: 25px; height: 300px; } .post--vertical-reverse-thumb-not-full .post__thumb { height: 160px; } .post--vertical-reverse-thumb-not-full .post__title{ font-size: 16px; font-size: 1.1428rem; /*font system*/ line-height: 1.5; } } /* .Grid H Css ----------------------- */ /* ----------------------- Grid K Css */ /* Layout */ .atbs-ceris-post--grid-h-update .atbs-ceris-block__inner{ width: -webkit-calc( 50% + 585px); width: -moz-calc( 50% + 585px); width: calc( 50% + 585px); margin-left: auto; } .atbs-ceris-post--grid-h-update .owl-carousel .owl-stage{ left: -100px; } /* Content */ .post__meta-count-interactive{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; /*margin: -5px 0;*/ } .post__meta-count-interactive span { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; /*padding: 5px 0;*/ font-size: 13px; font-weight: 300; } .post__meta-count-interactive:not(.post__meta--box)> span:not(:last-child){ position: relative; margin-right: 0; } .post__meta-count-interactive span i { display: none; } .post__meta-count-interactive span:not(:last-child):after { content: ''; display: inline-block; width: 5px; height: 5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: var(--color-text); margin: 0 13px; } /*post-horizontal-text-space-between*/ .post-horizontal-text-space-between{ height: 300px; background-color: var(--color-text); padding: 25px; } .post-horizontal-text-space-between a.post__cat[class *='cat-'] { color: #fff !important; } .post-horizontal-text-space-between .post__cat, .post-horizontal-text-space-between .post__title, .post-horizontal-text-space-between .post__meta span.post-view-counter, .post-horizontal-text-space-between .entry-meta span .post-view-counter, .post-horizontal-text-space-between .post__meta span.post-comment-counter, .post-horizontal-text-space-between .entry-meta span .post-comment-counter { color: #fff; } .post-horizontal-text-space-between .post__cat[class *='cat-']:before { background-color: #fff !important; } .post-horizontal-text-space-between .post__cat:before{ background-color: #fff; } .post-horizontal-text-space-between .post__meta-count-interactive span:not(:last-child):after{ background-color: #fff; margin: 0 8px; } .post-horizontal-text-space-between .post__thumb{ width: 130px; position: absolute; right: 25px; margin-left: 0; } .post-horizontal-text-space-between .post__text{ height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: justify; -webkit-align-content: space-between; align-content: space-between; } .post-horizontal-text-space-between .post__cat{ margin-bottom: 20px; max-width: -webkit-calc(100% - 245px); max-width: -moz-calc(100% - 245px); max-width: calc(100% - 245px); } .post-horizontal-text-space-between .post__title{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; max-width: -webkit-calc(100% - 220px); max-width: -moz-calc(100% - 220px); max-width: calc(100% - 220px); } .post-horizontal-text-space-between .post__text--wrap{ width: 100%; } .post-horizontal-text-space-between .post__thumb{ width: 130px; height: 130px } .post-horizontal-text-space-between .post__thumb img{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .ceris-grid-k .post-horizontal-text-space-between .post__text--wrap{ width: 100%; } .ceris-grid-k .post-horizontal-text-space-between .post__thumb{ width: 130px; height: 130px; } .ceris-grid-k .post-horizontal-text-space-between .post__thumb img{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .ceris-grid-k .post-horizontal-text-space-between .post__thumb>a{ width: 100%; height: 100%; } .ceris-grid-k .block-heading--line-under{ padding-bottom: 15px; } .atbs-ceris-post--grid-h-update .owl-nav{ position: absolute; right: -webkit-calc(100% - 1170px); right: -moz-calc(100% - 1170px); right: calc(100% - 1170px); top: -75px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; height: 20px; } .atbs-ceris-post--grid-h-update .owl-nav:before{ content: ''; position: absolute; width: 1px; height: 100%; background-color: rgba(0,0,0,0.1); left: 50%; top: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .ceris-grid-k-no-heading.atbs-ceris-post--grid-h-update .owl-nav { display: none; } .ceris-grid-k-no-heading.atbs-ceris-post--grid-h-update .owl-dots { display: block; max-width: 1170px; margin-top: 10px; padding-bottom: 0; } @media(max-width: 1199px){ .ceris-grid-k-no-heading.atbs-ceris-post--grid-h-update .owl-dots { max-width: 940px; } } @media(max-width: 767px){ .ceris-grid-k-no-heading.atbs-ceris-post--grid-h-update .owl-dots { max-width: 510px; } } .atbs-ceris-post--grid-h-update .owl-nav .owl-next, .atbs-ceris-post--grid-h-update .owl-nav .owl-prev{ position: initial; width: 27.5px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; padding: 0; -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; transform: none; background-color: transparent; color: var(--color-text); } .atbs-ceris-post--grid-h-update .owl-nav .owl-next{ -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; justify-content: flex-end; } .atbs-ceris-post--grid-h-update .owl-nav .owl-prev{ -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; justify-content: flex-start; } .atbs-ceris-post--grid-h-update .atbs-ceris-carousel .owl-prev i, .atbs-ceris-post--grid-h-update .atbs-ceris-carousel .owl-next i{ font-size: 20px; } .atbs-ceris-post--grid-h-update .owl-dots{ display: none; } .ceris-grid-k .atbs-owl-carousel-1i{ max-width: 500px; } @media (min-width: 1600px){ .atbs-ceris-post--grid-h-update .owl-carousel .owl-stage{ left: -200px; } } @media (max-width: 1199px) { /* Layout */ .atbs-ceris-post--grid-h-update .atbs-ceris-block__inner{ width: -webkit-calc( 50% + 940px/2); width: -moz-calc( 50% + 940px/2); width: calc( 50% + 940px/2); margin-left: auto; } .atbs-ceris-post--grid-h-update .owl-carousel .owl-stage{ left: -100px; } /* Content */ .post-horizontal-text-space-between{ height: 280px; } .ceris-grid-k .post-horizontal-text-space-between .post__thumb{ width: 120px; height: 120px; } .post-horizontal-text-space-between .post__thumb{ width: 120px; height: 120px; } .post-horizontal-text-space-between .post__cat, .post-horizontal-text-space-between .post__title { max-width: -webkit-calc(100% - 150px); max-width: -moz-calc(100% - 150px); max-width: calc(100% - 150px); } .post-horizontal-text-space-between .post__title{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } .atbs-ceris-post--grid-h-update .owl-nav{ right: -webkit-calc(100% - 940px); right: -moz-calc(100% - 940px); right: calc(100% - 940px); } } @media (max-width: 991px) { /* Layout */ .atbs-ceris-post--grid-h-update .atbs-ceris-block__inner{ width: -webkit-calc( 50% + 720px/2); width: -moz-calc( 50% + 720px/2); width: calc( 50% + 720px/2); margin-left: auto; } .atbs-ceris-post--grid-h-update .owl-carousel .owl-stage{ left: -50px; } /* Content */ .post-horizontal-text-space-between{ height: 245px; padding: 25px 20px; } .post-horizontal-text-space-between .post__thumb{ width: 110px; height: 110px; right: 20px; } .post-horizontal-text-space-between .post__cat, .post-horizontal-text-space-between .post__title { max-width: -webkit-calc(100% - 130px); max-width: -moz-calc(100% - 130px); max-width: calc(100% - 130px); } .post-horizontal-text-space-between .post__title{ font-size: 17px; font-size: 1.2142rem; /*font system*/ line-height: 1.5; } .atbs-ceris-post--grid-h-update .owl-nav{ right: -webkit-calc(100% - 720px); right: -moz-calc(100% - 720px); right: calc(100% - 720px); } } @media (max-width: 767px) { /* Layout */ .atbs-ceris-post--grid-h-update .atbs-ceris-block__inner{ width: -webkit-calc( 50% + 510px/2); width: -moz-calc( 50% + 510px/2); width: calc( 50% + 510px/2); margin-left: auto; } .atbs-ceris-post--grid-h-update .owl-carousel .owl-stage{ left: -100px; } /* Content */ .post-horizontal-text-space-between { height: 260px; padding: 25px; } .post-horizontal-text-space-between .post__thumb{ width: 120px; height: 120px; right: 25px; } .post-horizontal-text-space-between .post__cat, .post-horizontal-text-space-between .post__title { max-width: -webkit-calc(100% - 155px); max-width: -moz-calc(100% - 155px); max-width: calc(100% - 155px); } .post-horizontal-text-space-between .post__title{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } .atbs-ceris-post--grid-h-update .owl-nav{ display: none; } .atbs-ceris-post--grid-h-update .owl-dots{ display: block; } } @media (max-width: 680px){ .atbs-ceris-post--grid-h-update .owl-carousel .owl-stage{ left: -50px; } } @media (max-width: 576px) { /* Layout */ .atbs-ceris-post--grid-h-update .atbs-ceris-block__inner{ width: 100%; padding-left: 15px; margin-left: auto; } .atbs-ceris-post--grid-h-update .owl-carousel .owl-stage{ left: -50px; } /* Content */ .post-horizontal-text-space-between .post__cat, .post-horizontal-text-space-between .post__title { max-width: -webkit-calc(100% - 180px); max-width: -moz-calc(100% - 180px); max-width: calc(100% - 180px); } } @media (max-width: 480px) { /* Layout */ .atbs-ceris-post--grid-h-update .owl-carousel .owl-stage{ left: -25px; } /* Content */ .post-horizontal-text-space-between { height: 245px; } .post-horizontal-text-space-between .post__thumb { width: 115px; height: 115px; } .post-horizontal-text-space-between .post__title{ font-size: 16px; font-size: 1.1428rem; /*font system*/ line-height: 1.5; max-width: -webkit-calc(100% - 150px); max-width: -moz-calc(100% - 150px); max-width: calc(100% - 150px); } } @media (max-width: 420px) { /* Layout */ .atbs-ceris-post--grid-h-update .owl-carousel .owl-stage{ left: -20px; } /* Content */ .post-horizontal-text-space-between { height: 245px; padding: 25px 20px; } .post-horizontal-text-space-between .post__thumb { width: 100px; height: 100px; right: 20px; } .post-horizontal-text-space-between .post__title{ font-size: 16px; font-size: 1.1428rem; /*font system*/ line-height: 1.5; max-width: -webkit-calc(100% - 130px); max-width: -moz-calc(100% - 130px); max-width: calc(100% - 130px); } } @media (max-width: 380px) { /* Layout */ .atbs-ceris-post--grid-h-update .atbs-ceris-block__inner{ padding-right: 15px; } .atbs-ceris-post--grid-h-update .owl-carousel .owl-stage{ left: 0; } /* Content */ .post-horizontal-text-space-between{ height: 230px; padding: 20px; } .post-horizontal-text-space-between .post__cat{ margin-bottom: 15px; } .post-horizontal-text-space-between .post__thumb{ width: 95px; height: 95px; } } @media (max-width: 320px) { /* Layout */ .atbs-ceris-post--grid-h-update .atbs-ceris-block__inner{ padding-right: 15px; } /* Content */ .post-horizontal-text-space-between{ height: auto; padding: 25px 20px 20px 20px; } .post-horizontal-text-space-between .post__thumb{ position: initial; width: 100%; height: 150px; margin-bottom: 25px; } .post-horizontal-text-space-between .post__thumb a{ width: 100%; height: 100%; } .post-horizontal-text-space-between .post__thumb img{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .post-horizontal-text-space-between .post__cat, .post-horizontal-text-space-between .post__title { max-width: 100%; } .post-horizontal-text-space-between .post__cat{ margin-bottom: 10px; } .post-horizontal-text-space-between .post__title{ margin-bottom: 35px; font-size: 16px; font-size: 1.1428rem; /*font system*/ line-height: 1.5; } } /* .Grid K Css ----------------------- */ /* ----------------------- Grid L Css */ /* Layout */ .atbs-ceris-post--grid-k-update .atbs-ceris-block__inner{ /*height: 835px;*/ padding-top: 235px; } .atbs-ceris-post--grid-k-update .atbs-ceris-block--wrap{ position: relative; /*padding: 0 100px;*/ } .atbs-ceris-post--grid-k-update .post-main { width: 100%; /*background-color: #fff;*/ -webkit-box-shadow: 0 105px 30px -105px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 105px 30px -105px rgba(0, 0, 0, 0.1); box-shadow: 0 105px 30px -105px rgba(0, 0, 0, 0.1); z-index: 1; position: relative; } .atbs-ceris-post--grid-k-update .post-sub { width: -webkit-calc(100% - 500px - 200px ); width: -moz-calc(100% - 500px - 200px ); width: calc(100% - 500px - 200px ); /*background-color: #fff;*/ z-index: 1; position: absolute; left: 0; bottom: 0; height: 360px; padding-left: 40px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .atbs-ceris-post--grid-k-update .post-sub .post__title a{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; } .atbs-ceris-post--grid-k-update .post-sub .post-list{ margin: -15px; } .atbs-ceris-post--grid-k-update .post-sub .list-item{ padding: 15px; } .atbs-ceris-post--grid-k-update .post-sub .post-list .post--horizontal-80 .post__text { padding-right: 30px; } /* Content */ .atbs-ceris-post--grid-k-update .owl-background{ position: absolute; left: 0; top: 0; width: 100%; height: 740px; background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-attachment: scroll; z-index: -1; } .atbs-ceris-post--grid-k-update .owl-background:before{ content: ''; left: 0; top: 0; bottom: 0; right: 0; position: absolute; background-color: rgba(0,0,0,0.1); z-index: 1; } .owl-background-img{ opacity: 0; position: absolute; top: 0; left: 0; -webkit-transition: 0.6s ease-in-out; -o-transition: 0.6s ease-in-out; -moz-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out; -webkit-transition: opacity 0.6s ease-in-out; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .owl-background-img.active{ opacity: 1; } /*post main*/ .atbs-ceris-post--grid-k-update .post--vertical-reverse-text-wrap{ height: 600px; } .atbs-ceris-post--grid-k-update .post--vertical-reverse-text-wrap .post__text{ max-width: 910px; padding: 40px 0 50px 40px; height: 240px; width: 100%; } .atbs-ceris-post--grid-k-update .post--vertical-reverse-text-wrap .post__thumb{ width: 660px; height: 360px; position: absolute; right: 0; bottom: 0; } .atbs-ceris-post--grid-k-update.ceris-grid-l .post--vertical-reverse-text-wrap .post__thumb{ margin-bottom:0; } .atbs-ceris-post--grid-k-update .post--vertical-reverse-text-wrap .post__title:after{ display: none; } .atbs-ceris-post--grid-k-update .post-main .atbs-ceris-carousel-nav-custom-holder{ position: absolute; right: 60px; top: 95px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; z-index: 1; } .atbs-ceris-post--grid-k-update .post-main .atbs-ceris-carousel-nav-custom-holder .owl-prev, .atbs-ceris-post--grid-k-update .post-main .atbs-ceris-carousel-nav-custom-holder .owl-next { border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .nav-row-circle .owl-number, .nav-row-circle .owl-prev, .nav-row-circle .owl-next{ margin: 0; width: 50px; height: 50px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .nav-row-circle .slide-seperated { margin: 0 2px; } .nav-row-circle .owl-prev:hover, .nav-row-circle .owl-next:hover{ width: 50px; height: 50px; background-color: var(--color-logo); color: #fff; } .atbs-ceris-post--grid-k-update .post-main .owl-dots{ display: none; } /*post sub*/ .post--horizontal-80 .post__thumb{ width: 80px; height: 80px; } .post--horizontal-80 .post__text{ padding-right: 15px; } .fade-in-normal { -webkit-animation: fade-in-normal 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.6s both; -moz-animation: fade-in-normal 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.6s both; -o-animation: fade-in-normal 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.6s both; animation: fade-in-normal 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.6s both; } .fade-in-normal-delay { /*-webkit-animation: fade-in-normal 0.1s ease-in-out 0.65s both;*/ /*animation: fade-in-normal 0.1s ease-in-out 0.65s both;*/ } .fade-in-normal-not-delay{ -webkit-animation-name: fade-in-normal; -moz-animation-name: fade-in-normal; -o-animation-name: fade-in-normal; animation-name: fade-in-normal; -webkit-animation-duration : 1000ms; -moz-animation-duration : 1000ms ; -o-animation-duration : 1000ms ; animation-duration : 1000ms ; -webkit-animation-fill-mode : both; -moz-animation-fill-mode : both; -o-animation-fill-mode : both; animation-fill-mode : both; } @-webkit-keyframes fade-in-normal { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fade-in-normal { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fade-in-normal { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in-normal { 0% { opacity: 0; } 100% { opacity: 1; } } @media (max-width: 1199px){ /* Layout */ .atbs-ceris-post--grid-k-update .atbs-ceris-block__inner{ /*height: 835px;*/ padding-top: 190px; } .atbs-ceris-post--grid-k-update .atbs-ceris-block--wrap{ position: relative; padding: 0; } .atbs-ceris-post--grid-k-update .owl-background{ height: 600px; } .atbs-ceris-post--grid-k-update .post-sub { width: -webkit-calc(100% - 545px ); width: -moz-calc(100% - 545px ); width: calc(100% - 545px ); left: 0; /*100px is a padding of the parent*/ padding-left: 35px; } /* Content */ /*post main*/ .atbs-ceris-post--grid-k-update .post--vertical-reverse-text-wrap .post__text { max-width: 715px; padding: 35px 0 35px 35px; height: 245px; } .atbs-ceris-post--grid-k-update .post--vertical-reverse-text-wrap{ height: 605px; } .atbs-ceris-post--grid-k-update .post--vertical-reverse-text-wrap .post__thumb { width: 545px; } .atbs-ceris-post--grid-k-update .post-main .atbs-ceris-carousel-nav-custom-holder{ right: 35px; } /*post sub*/ } @media (max-width: 991px){ /* Layout */ .atbs-ceris-post--grid-k-update .atbs-ceris-block__inner{ padding-top: 180px; } .atbs-ceris-post--grid-k-update .atbs-ceris-block--wrap > div:not(:last-child){ margin-bottom: 35px; } .atbs-ceris-post--grid-k-update .owl-background{ height: 550px; } .atbs-ceris-post--grid-k-update .post-sub { width: -webkit-calc(100% - 565px ); width: -moz-calc(100% - 565px ); width: calc(100% - 565px ); left: 0; /*100px is a padding of the parent*/ height: auto; } .atbs-ceris-post--grid-k-update .post-sub .post-list{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .atbs-ceris-post--grid-k-update .post-sub .list-item { width: -webkit-calc( 100% / 2); width: -moz-calc( 100% / 2); width: calc( 100% / 2); } /* Content */ /*post main*/ .atbs-ceris-post--grid-k-update .post--vertical-reverse-text-wrap{ height: auto; } .atbs-ceris-post--grid-k-update .post--vertical-reverse-text-wrap .post__thumb{ width: 100%; position: relative; height: 330px; } .atbs-ceris-post--grid-k-update .post--vertical-reverse-text-wrap .post__text{ width: 100%; padding: 30px 50px; height: auto; } .atbs-ceris-post--grid-k-update .post--vertical-reverse-text-wrap .post__title { width: auto; font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; } .atbs-ceris-post--grid-k-update .post--vertical-reverse-text-wrap .post__title a{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; } .atbs-ceris-post--grid-k-update .post-main .atbs-ceris-carousel-nav-custom-holder{ right: unset; left: 30px; top: 125px; position: initial; } .atbs-ceris-post--grid-k-update .post-main .nav-row-circle .owl-number{ width: 55px; display: none; } .atbs-ceris-post--grid-k-update .post-main .nav-row-circle .owl-prev, .atbs-ceris-post--grid-k-update .post-main .nav-row-circle .owl-next{ width: 45px; height: 45px; position: absolute; top: 75px; -webkit-box-shadow: 0 0 15px rgba(0,0,0,.1); -moz-box-shadow: 0 0 15px rgba(0,0,0,.1); box-shadow: 0 0 15px rgba(0,0,0,.1); z-index: 1; border: none; } .atbs-ceris-post--grid-k-update .post-main .nav-row-circle .owl-prev{ left: -25px; } .atbs-ceris-post--grid-k-update .post-main .nav-row-circle .owl-next{ right: -25px; } /*post sub*/ .atbs-ceris-post--grid-k-update .post-sub { left: 0; position: initial; width: 100%; padding: 0; } .post--horizontal-80.post--horizontal{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: initial; -ms-flex-align: initial; -webkit-align-items: initial; -moz-box-align: initial; align-items: initial; } .post--horizontal-80 .post__thumb{ width: 70px; height: 70px; } .atbs-ceris-post--grid-k-update .post-sub .post-list .post--horizontal-80 .post__text { padding-right: 0; } .post--horizontal-80 .post__cat{ margin-bottom: 5px; } .post--horizontal-80 .post__thumb{ margin-right: 15px; } } @media (max-width: 767px){ /* Layout */ .atbs-ceris-post--grid-k-update .atbs-ceris-block__inner { /* height: 835px; */ padding-top: 130px; } .atbs-ceris-post--grid-k-update .owl-background{ height: 500px; } .atbs-ceris-post--grid-k-update .post-main{ } .atbs-ceris-post--grid-k-update .post-sub .post-list{ margin: -12.5px; } .atbs-ceris-post--grid-k-update .post-sub .list-item{ width: 100%; padding: 12.5px; } /* Content */ /*post main*/ .atbs-ceris-post--grid-k-update .post--vertical-reverse-text-wrap .post__thumb{ height: 265px; } .atbs-ceris-post--grid-k-update .post--vertical-reverse-text-wrap .post__text { width: 100%; height: auto; max-width: 80%; text-align: center; padding: 30px 0 55px 0; margin: 0 auto; } .atbs-ceris-post--grid-k-update .post--vertical-reverse-text-wrap .post__title { font-size: 22px; font-size: 1.5714rem; /*font system*/ line-height: 1.5; width: 100%; float: none; margin-bottom: 0; padding-bottom: 0; } .post--vertical-reverse-text-wrap .post__title:after{ display: none; } .atbs-ceris-post--grid-k-update .post--vertical-reverse-text-wrap .post__excerpt{ max-width: 85%; display: none; } .atbs-ceris-post--grid-k-update .post-main .atbs-ceris-carousel-nav-custom-holder{ display: none; } .atbs-ceris-post--grid-k-update .post-main .owl-dots{ display: block; position: absolute; left: 50%; bottom: 270px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } /*post sub*/ .atbs-ceris-post--grid-k-update .post-sub { left: 0; position: initial; width: 100%; padding: 0; } .post--horizontal-80.post--horizontal{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .post--horizontal-80 .post__thumb{ width: 100px; height: 100px; margin-right: 20px; margin-bottom: 0; } .post--horizontal-80 .post__text{ padding-right: 0; -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; } .post--horizontal-80 .post__cat{ margin-bottom: 5px; } } @media (max-width: 576px) { /* Content */ /*post main*/ .atbs-ceris-post--grid-k-update .atbs-ceris-block__inner{ padding-top: 0; } .atbs-ceris-post--grid-k-update .owl-background { height: 435px; display: none; } .atbs-ceris-post--grid-k-update .post-main { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .atbs-ceris-post--grid-k-update .post--vertical-reverse-text-wrap{ -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.05); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.05); box-shadow: 0 0 5px rgba(0,0,0,0.05); border: 1px solid rgba(0,0,0, 0.05); } .atbs-ceris-post--grid-k-update .post--vertical-reverse-text-wrap .post__thumb{ -webkit-box-ordinal-group: 0 !important; -ms-flex-order: -1 !important; -webkit-order: -1 !important; -moz-box-ordinal-group: 0 !important; order: -1 !important; } .atbs-ceris-post--grid-k-update .post--vertical-reverse-text-wrap .post__text{ padding: 35px 0 45px 0; -webkit-box-ordinal-group: initial !important; -ms-flex-order: initial !important; -webkit-order: initial !important; -moz-box-ordinal-group: initial !important; order: initial !important; } .atbs-ceris-post--grid-k-update .post--vertical-reverse-text-wrap .post__title{ max-width: 100%; margin: 0 auto; } .atbs-ceris-post--grid-k-update .post--vertical-reverse-text-wrap .post__excerpt{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .atbs-ceris-post--grid-k-update .post-main .owl-dots{ bottom: 0; padding-top: 20px; padding-bottom: 0; position: initial; text-align: center; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } @media (max-width: 480px) { /* Layout */ .atbs-ceris-post--grid-k-update .owl-background { height: 385px; } /* Content */ /*post main*/ .atbs-ceris-post--grid-k-update .post--vertical-reverse-text-wrap.post--vertical-text-index{ width: 100%; } .atbs-ceris-post--grid-k-update .post--vertical-reverse-text-wrap .post__thumb{ -webkit-box-ordinal-group: 3; -ms-flex-order: 2; -webkit-order: 2; -moz-box-ordinal-group: 3; order: 2; height: 240px; } .atbs-ceris-post--grid-k-update .post--vertical-reverse-text-wrap .post__text{ padding: 35px 20px 45px 20px; max-width: 100%; } .atbs-ceris-post--grid-k-update .post--vertical-reverse-text-wrap .post__title{ margin-bottom: 0; max-width: 100%; } .atbs-ceris-post--grid-k-update .post-main .owl-dots{ /*bottom: 235px;*/ } .post--horizontal-80 .post__thumb{ margin-right: 20px; } } @media (max-width: 420px) { /* Layout */ /* Content */ /*post main*/ .atbs-ceris-post--grid-k-update .owl-background { height: 310px; } .atbs-ceris-post--grid-k-update .post--vertical-reverse-text-wrap .post__thumb { height: 230px; } .atbs-ceris-post--grid-k-update .post--vertical-reverse-text-wrap .post__title{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; max-width: 90%; } } @media (max-width: 380px) { /* Layout */ /* Content */ /*post main*/ .atbs-ceris-post--grid-k-update .owl-background { height: 300px; } .atbs-ceris-post--grid-k-update .post--vertical-reverse-text-wrap .post__thumb { height: 195px; } .atbs-ceris-post--grid-k-update .post--vertical-reverse-text-wrap .post__text { padding: 35px 20px 35px 20px; } .atbs-ceris-post--grid-k-update .post-main .post--vertical-reverse-text-wrap .post__title{ padding-bottom: 0; max-width: 100%; } .atbs-ceris-post--grid-k-update .post-main .post--vertical-reverse-text-wrap .post__title:after{ display: none; } } @media (max-width: 320px) { /* Layout */ /* Content */ /*post main*/ .atbs-ceris-post--grid-k-update .owl-background { height: 260px; } .atbs-ceris-post--grid-k-update .post--vertical-reverse-text-wrap .post__thumb { height: 170px; } .atbs-ceris-post--grid-k-update .post--vertical-reverse-text-wrap .post__title{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } .post--horizontal-80 .post__thumb{ width: 80px; height: 80px; margin-right: 20px; } } .atbs-ceris-carousel.one-item .post__thumb{ width: 100%; } /* .Grid L Css ----------------------- */ /* ----------------------- Block Main Col A Css */ /* Layout */ .atbs-ceris-post--listing-grid-a-update .atbs-ceris-block__inner > div:not(:last-child){ margin-bottom: 35px; } .atbs-ceris-post--listing-grid-a-update .atbs-ceris-carousel .owl-dots { padding: 15px 0 25px 0; } /*top*/ .post--grid--2i_row .post-list{ display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: -15px; } .post--grid--2i_row .post-list .list-item{ padding: 15px; } .post--grid--2i_row .post-list .list-item:last-child{ width: 330px; } .post--grid--2i_row .post-list .list-item:first-child{ width: -webkit-calc(100% - 330px); width: -moz-calc(100% - 330px); width: calc(100% - 330px); } .post--grid--2i_row .post-list.flex-row-reverse > *:not(:last-child){ margin-bottom: 0; } .post--grid--2i_row .post-list .list-item.item--fullwidth{ width: 100%; } /*middle*/ /*bottom*/ .post--vertical-3i_row .post-list{ display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: -15px; } .post--vertical-3i_row .post-list .list-item{ padding: 15px; width: -webkit-calc( 100% / 3); width: -moz-calc( 100% / 3); width: calc( 100% / 3); } .ceris-block-main-col-a .atbs-ceris-carousel .owl-dot span { background: #bbb; } /* Content */ /*top*/ /*-left*/ .post--grid--2i_row .post-no-thumb-title-line { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-color: var(--color-logo); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 30px 30px 60px 30px; height: 385px; } .post--grid--2i_row .post-no-thumb-title-line a.post__cat, .post--grid--2i_row .post-no-thumb-title-line .post__title, .post--grid--2i_row .post-no-thumb-title-line .post__excerpt { color: #fff !important; } .post--grid--2i_row .post-no-thumb-title-line a.post__cat:before { background-color: #fff !important; } .post--grid--2i_row .post-no-thumb-title-line .post__text--wrap:after { background-color: #fff; } .post--grid--2i_row .post-no-thumb-title-line .post__title{ font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; } .post--grid--2i_row .post-no-thumb-title-line .post__cat{ margin-bottom: 30px; } .post--grid--2i_row .atbs-ceris-carousel .owl-dots { position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .post--grid--2i_row .atbs-ceris-carousel .owl-dot.active span { background-color: #fff; } /*-right*/ .post--vertical-large-70 .post__thumb{ height: 250px; width: 100%; margin-bottom: 20px; } .post--vertical-large-70 .post__thumb img{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } /*middle*/ .post--horizontal-70 .post__thumb{ margin-right: 20px; } @media (max-width: 1199px){ /* Layout */ .post--grid--2i_row .post-list .list-item:last-child{ width: 300px; } .post--grid--2i_row .post-list .list-item:first-child{ width: -webkit-calc(100% - 300px); width: -moz-calc(100% - 300px); width: calc(100% - 300px); } /*middle*/ .atbs-ceris-post--listing-grid-a-update .post--horizontal-3i_row .post-list .list-item{ width: 50%; } /*bottom*/ .post--vertical-3i_row .post-list .list-item{ width: 50%; } /* Content */ /*top*/ /*-left*/ .post--grid--2i_row .post-no-thumb-title-line { padding: 30px 25px 60px 25px; height: 360px; } .post--grid--2i_row .post-no-thumb-title-line .post__title { font-size: 22px; font-size: 1.5714rem; /*font system*/ line-height: 1.5; } .post--grid--2i_row .post-no-thumb-title-line .post__cat{ margin-bottom: 20px; } /*-right*/ .post--vertical-large-70 .post__thumb{ height: 215px; width: 100%; } .post--vertical-large-70 .post__title { font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; max-width: 85%; } .atbs-ceris-post--listing-grid-a-update .post--vertical-large-70 .post__title { max-width: 100%; } /*bottom*/ } @media (max-width: 991px){ /* Layout */ .post--grid--2i_row .post-list .list-item:last-child{ width: 310px; } .post--grid--2i_row .post-list .list-item:first-child{ width: -webkit-calc(100% - 310px); width: -moz-calc(100% - 310px); width: calc(100% - 310px); } /*middle*/ .atbs-ceris-post--listing-grid-a-update .post--horizontal-3i_row .post-list .list-item{ width: -webkit-calc(100% / 2); width: -moz-calc(100% / 2); width: calc(100% / 2); } /*bottom*/ .post--vertical-3i_row .post-list .list-item{ width: -webkit-calc(100% / 3); width: -moz-calc(100% / 3); width: calc(100% / 3); } /* Content */ /*top*/ /*-left*/ .post--grid--2i_row .post-no-thumb-title-line { padding: 30px 25px 55px 25px; height: 360px; } .post--grid--2i_row .post-no-thumb-title-line .post__cat { margin-bottom: 30px; } /*-right*/ .post--vertical-large-70 .post__thumb { height: 220px; } .post--vertical-large-70 .post__title { font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; max-width: 100%; } /*middle*/ .post--horizontal-70 .post__cat{ margin-bottom: 5px; } /*bottom*/ .post--vertical-3i_row .post--vertical .post__title{ line-height: 1.5; } .post--grid--2i_row .atbs-ceris-carousel .owl-dots{ bottom: 25px; padding: 0; } } @media (max-width: 767px){ /* Layout */ .atbs-ceris-post--listing-grid-a-update .atbs-ceris-block__inner > div:not(:last-child) { margin-bottom: 35px; } /*top*/ .post--grid--2i_row .post-list{ margin: -17.5px; } .post--grid--2i_row .post-list .list-item{ padding: 17.5px; } /*-left*/ .post--grid--2i_row .post-list .list-item:first-child{ width: 100%; } /*right*/ .post--grid--2i_row .post-list .list-item:last-child{ width: 100%; } /*middle*/ .atbs-ceris-post--listing-grid-a-update .post--horizontal-3i_row .post-list .list-item{ width: 100%; } /*bottom*/ .post--vertical-3i_row .post-list .list-item{ width: 50%; } /* Content */ /*top*/ /*-left*/ .post--grid--2i_row .post-no-thumb-title-line { padding: 40px; text-align: center; height: auto; min-height: 215px; } .post--grid--2i_row .post-no-thumb-title-line .post__text--wrap{ margin-bottom: 0; } .post--grid--2i_row .post-no-thumb-title-line .post__text--wrap:after { display: none; } .post--grid--2i_row .post-no-thumb-title-line .post__excerpt{ display: none; } .post--grid--2i_row .post-no-thumb-title-line .post__cat{ margin-bottom: 15px; } .post--grid--2i_row .post-no-thumb-title-line .post__text--wrap{ padding: 0; } .post--grid--2i_row .atbs-ceris-carousel .owl-dots{ bottom: 25px; } /*-right*/ .post--vertical-large-70 .post__thumb { height: 250px; margin-bottom: 15px; } .post--vertical-large-70 .post__cat{ margin-bottom: 10px; } .post--vertical-large-70 .post__title{ font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; } .atbs-ceris-post--listing-grid-a-update .post--vertical-large-70 .post__title { max-width: 100%; font-size: 22px; font-size: 1.5714rem; /*font system*/ line-height: 1.5; } /*middle*/ .post--horizontal-70 { display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .post--horizontal-70 .post__thumb{ width: 100px; height: 100px; margin-right: 30px; } .post--horizontal-70 .post__text{ -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; } .post--horizontal-70 .post__cat{ display: block; } /*bottom*/ .post--vertical-3i_row .post--vertical .post__thumb{ margin-bottom: 15px; } } @media (max-width: 576px){ /* Layout */ /* Content */ } @media (max-width: 480px){ /* Layout */ /*bottom*/ .post--vertical-3i_row .post-list{ margin: -17.5px; } .post--vertical-3i_row .post-list .list-item{ width: 100%; padding: 17.5px; } /* Content */ /*top*/ /*-left*/ .post--grid--2i_row .post-no-thumb-title-line { padding: 40px 25px; } .post--grid--2i_row .post-no-thumb-title-line .post__title{ max-width: 100%; margin: 0 auto; } /*bottom*/ .post--vertical-3i_row .post--vertical .post__title{ font-size: 19px; font-size: 1.3571rem; /*font system*/ line-height: 1.5; max-width: 100%; } .post--horizontal-70 .post__thumb{ margin-right: 20px; } .post--grid--2i_row .post-no-thumb-title-line .post__title { font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } } @media (max-width: 420px){ /* Layout */ /* Content */ /*top*/ /*-left*/ .post--grid--2i_row .post-no-thumb-title-line .post__title{ max-width: 100%; } .post--grid--2i_row .post-no-thumb-title-line{ min-height: 200px; } /*-right*/ .post--vertical-large-70 .post__thumb{ height: 230px; } } @media (max-width: 380px){ /* Layout */ /* Content */ /*top*/ /*-left*/ .post--grid--2i_row .post-no-thumb-title-line{ padding: 40px 25px 60px 25px; } /*-right*/ .post--vertical-large-70 .post__thumb { height: 215px; } /*bottom*/ .post--vertical-3i_row .post--vertical .post__title{ max-width: 100%; } } @media (max-width: 320px){ /* Layout */ /* Content */ /*top*/ /*-left*/ .post--grid--2i_row .post-no-thumb-title-line .post__title{ font-size: 16px; font-size: 1.1428rem; /*font system*/ line-height: 1.5; } .post--grid--2i_row .post-no-thumb-title-line{ padding: 30px 25px 45px 25px; } .post--grid--2i_row .post-no-thumb-title-line { min-height: 185px; } .post--grid--2i_row .atbs-ceris-carousel .owl-dots { bottom: 15px; } /*-right*/ .post--vertical-large-70 .post__thumb{ height: 190px; } .post--vertical-large-70 .post__title{ max-width: 100%; } /*middle*/ .post--horizontal-70 .post__thumb{ width: 80px; height: 80px; margin-right: 20px; } /*bottom*/ .post--vertical-3i_row .post--vertical .post__title{ max-width: 100%; font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; } } /* .Block Main Col A Css ----------------------- */ /* ----------------------- Block Main Col B Css */ /* Layout */ .atbs-ceris-post--listing-slider .atbs-ceris-block__inner > div:not(:last-child){ margin-bottom: 60px; } .atbs-ceris-post--listing-slider .atbs-ceris-block__inner .post-main{ width: 50%; background: #fff; } .atbs-ceris-post--listing-slider .atbs-ceris-block__inner .post-sub{ width: 50%; height: auto; position: relative; left: 0; background-color: #fff; bottom: 0; z-index: 1; display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; padding: 30px 25px; } .atbs-ceris-post--listing-slider .block-inner--wrap{ position: relative; } .atbs-ceris-post--listing-slider .post-sub .post-list{ margin: -10px -15px; } .atbs-ceris-post--listing-slider .post-sub .list-item{ padding: 10px 15px; } .atbs-ceris-post--listing-slider .posts--vertical-2i_row .post-list{ display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: -15px; } .atbs-ceris-post--listing-slider .posts--vertical-2i_row .list-item{ width: 50%; padding: 15px; } .atbs-ceris-post--listing-slider .post--horizontal .post__title a{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; } /* Content */ .atbs-ceris-post--listing-slider .owl-background{ position: absolute; height: 100%; width: 100%; right: 0; top: 0; z-index: -1; width: -webkit-calc( 50vw + 1170px/2 - 290px); width: -moz-calc( 50vw + 1170px/2 - 290px); width: calc( 50vw + 1170px/2 - 290px); margin-left: -webkit-calc( (100vw - 1170px) / -2); margin-left: -moz-calc( (100vw - 1170px) / -2); margin-left: calc( (100vw - 1170px) / -2); } .has-left-sidebar .atbs-ceris-post--listing-slider .owl-background{ right: auto; left:0; margin-right: -webkit-calc( (100vw - 1170px) / -2); margin-right: -moz-calc( (100vw - 1170px) / -2); margin-right: calc( (100vw - 1170px) / -2); margin-left: auto; } .atbs-ceris-post--listing-slider .block-inner--wrap{ padding-top: 290px; position: relative; } .atbs-ceris-post--listing-slider .block-inner--inner{ position: relative; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; flex-direction: row-reverse; width: -webkit-calc( 100%); width: -moz-calc( 100%); width: calc( 100%); margin-right: 0; float: left; -webkit-box-shadow: 0 50px 40px -40px rgba(0, 0, 0, 0.07);-moz-box-shadow: 0 50px 40px -40px rgba(0, 0, 0, 0.07);box-shadow: 0 50px 40px -40px rgba(0, 0, 0, 0.07); } @media(min-width: 577px){ .atbs-ceris-post--listing-slider .atbs-ceris-block__inner .post-main{ -webkit-border-top-left-radius: 8px; -moz-border-radius-topleft: 8px; border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topright: 8px; border-top-right-radius: 8px; overflow: hidden; } } @media(min-width: 1200px){ .atbs-ceris-post--listing-slider .block-inner--inner{ width: -webkit-calc( 750px); width: -moz-calc( 750px); width: calc( 750px); margin-right: 100px; } .atbs-ceris-post--listing-slider .atbs-ceris-block__inner .post-sub{ -webkit-border-top-left-radius: 8px; -moz-border-radius-topleft: 8px; border-top-left-radius: 8px; overflow: hidden; } .atbs-ceris-post--listing-slider .atbs-ceris-block__inner .post-main{ -webkit-border-top-right-radius: 8px; -moz-border-radius-topright: 8px; border-top-right-radius: 8px; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-left-radius: 0; overflow: hidden; } } /*post main*/ .post-slide-listing-fullwidth .post__thumb{ margin-bottom: 0; display: none; width: 100%; } .post-slide-listing-fullwidth .post__thumb a{ width: 100%; height: 100%; } .post-slide-listing-fullwidth .post__thumb img{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .ceris-block-main-col-b .post-main .owl-stage, .ceris-block-main-col-b .post-main .atbs-ceris-carousel, .ceris-block-main-col-b .post-main .owl-stage-outer, .ceris-block-main-col-b .post-main .owl-item, .ceris-block-main-col-b .post-main .slide-content, .ceris-block-main-col-b .post-main .post-slide-listing-fullwidth { height: 100%; } .post-slide-listing-fullwidth .post__text{ z-index: 1; background-color: #fff; height: 360px; padding: 30px 45px 30px 15px; position: relative; } .post-slide-listing-fullwidth .post__cat{ margin-bottom: 15px; } .post-slide-listing-fullwidth .post__title{ position: relative; padding-bottom: 0 !important; margin-bottom: 15px; line-height: 1.5; } .post-slide-listing-fullwidth .post__title a{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; } .post-slide-listing-fullwidth .post__title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 50px; height: 3px; opacity: 0.7; background-color: var(--color-text); display: none; } .post-slide-listing-fullwidth .post__excerpt{ margin-bottom: 0; overflow: hidden; } .post-slide-listing-fullwidth .post__excerpt .excerpt{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; } .atbs-ceris-post--listing-slider .owl-carousel .owl-dots{ display: none; } .atbs-ceris-post--listing-slider .atbs-ceris-carousel-nav-custom-holder{ position: absolute; top: 50%; -webkit-transform: translate(25px, -50%); -ms-transform: translate(25px, -50%); -moz-transform: translate(25px, -50%); -o-transform: translate(25px, -50%); transform: translate(25px, -50%); left: -webkit-calc(100%); left: -moz-calc(100%); left: calc(100%); z-index: 1; } .atbs-ceris-post--listing-slider .atbs-ceris-carousel-nav-custom-holder .owl-number{ color: #fff; } .post-slide-listing-fullwidth .post__meta .entry-author { margin-right: 15px; } .post-slide-listing-fullwidth .post__meta{ margin-bottom: 0; -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; } .post-slide-listing-fullwidth .post__readmore { position: relative; margin-top: 30px; color: #888; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; text-transform: uppercase; letter-spacing: 1px; } .post-slide-listing-fullwidth .post__readmore:before { content: ''; width: 30px; height: 1px; position: relative; display: inline-block; margin-right: 15px; background-color: #ccc;; } .post-slide-listing-fullwidth .post__readmore a{ -webkit-transition: 0.2s; -o-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; color: rgba(0, 0, 0, 0.5); font-size: 12px; } .post-slide-listing-fullwidth .post__readmore a:hover{ color: #000; } .post-slide-listing-fullwidth .post__readmore i{ color: #222222; -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .post-slide-listing-fullwidth .entry-author .entry-author__avatar{ width: 35px; height: 35px; display: inline-block; } .post-slide-listing-fullwidth .entry-author .entry-author__name{ font-size: 12px; color: rgba(0, 0, 0, 0.5); -webkit-transition: 0.2s; -o-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .post-slide-listing-fullwidth .entry-author .entry-author__name:hover{ color: #000; } .post-slide-listing-fullwidth time.time{ font-size: 13px; font-weight: 400; color: rgba(34, 34, 34, 0.6); display: none; } .post-slide-listing-fullwidth .post__excerpt{ margin-bottom: 30px; } /*post sub*/ .atbs-ceris-post--listing-slider .post--horizontal-80 .post__thumb{ margin-right: 20px; } .atbs-ceris-post--listing-slider .post--horizontal-80 .post__text{ padding-right: 0; } /*post--vertical-space-large*/ .post--vertical-space-large .post__thumb{ margin-bottom: 30px; } .post--vertical-space-large .post__cat{ margin-bottom: 15px; } .post--vertical-space-large .post__title{ font-weight: 500; } @media (max-width: 1199px) { /* Layout */ .atbs-ceris-post--listing-slider .block-inner--wrap{ padding-top: 150px; position: relative; } .atbs-ceris-post--listing-slider .block-inner--inner{ position: relative; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; flex-direction: row-reverse; width: -webkit-calc( 100%); width: -moz-calc( 100%); width: calc( 100%); float: none; } .post-slide-listing-fullwidth .post__text{ height: 245px; padding: 30px 45px 30px 30px; } .atbs-ceris-post--listing-slider .owl-background{ position: absolute; height: 420px; right: 0; top: 0; z-index: -1; width: -webkit-calc( 50vw + 940px/2 - 290px); width: -moz-calc( 50vw + 940px/2 - 290px); width: calc( 50vw + 940px/2 - 290px); margin-left: -webkit-calc( (100vw - 940px) / -2); margin-left: -moz-calc( (100vw - 940px) / -2); margin-left: calc( (100vw - 940px) / -2); } .has-left-sidebar .atbs-ceris-post--listing-slider .owl-background{ right: auto; left:0; margin-right: -webkit-calc( (100vw - 940px) / -2); margin-right: -moz-calc( (100vw - 940px) / -2); margin-right: calc( (100vw - 940px) / -2); margin-left: auto; } .atbs-ceris-post--listing-slider .block-inner--inner{ position: relative; display: block; -webkit-box-orient: unset; -webkit-box-direction: unset; -ms-flex-direction: unset; -webkit-flex-direction: unset; -moz-box-orient: unset; -moz-box-direction: unset; flex-direction: unset; -moz-box-shadow: none; box-shadow: none; -webkit-box-shadow: none; } .atbs-ceris-post--listing-slider .atbs-ceris-carousel-nav-custom-holder{ -webkit-transform: translate(50px, -50%); -ms-transform: translate(50px, -50%); -moz-transform: translate(50px, -50%); -o-transform: translate(50px, -50%); transform: translate(50px, -50%); } .atbs-ceris-post--listing-slider .atbs-ceris-block__inner .post-main{ width: 500px; width: -webkit-calc(100% - 100px); width: -moz-calc(100% - 100px); width: calc(100% - 100px); position: relative; margin-bottom: 40px; -ms-grid-column-align: self-end; justify-self: self-end; min-height: 250px; height: 270px; } .atbs-ceris-post--listing-slider .atbs-ceris-block__inner .post-sub{ height: auto; padding: 0; margin-right: -100px; width: 100%; position: initial; } .atbs-ceris-post--listing-slider .post-sub .post-list{ display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: -10px -15px; } .atbs-ceris-post--listing-slider .post-sub .list-item{ width: 50%; } /* Content */ /*post main*/ /*post main*/ .atbs-ceris-post--listing-slider .atbs-ceris-block__inner .post-main .owl-carousel{ -webkit-border-top-left-radius: 8px; -moz-border-radius-topleft: 8px; border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topright: 8px; border-top-right-radius: 8px; overflow: hidden; } .atbs-ceris-post--listing-slider .atbs-ceris-block__inner .post-main{ height: auto; overflow: initial; } .post-slide-listing-fullwidth .post__thumb{ height: 450px; } .post-slide-listing-fullwidth .post__text { } .post-slide-listing-fullwidth .post__title{ font-size: 22px; font-size: 1.5714rem; /*font system*/ line-height: 1.5; } .atbs-ceris-post--listing-slider .atbs-ceris-carousel-nav-custom-holder{ } /*post sub*/ .atbs-ceris-post--listing-slider .post--horizontal-80 .post__thumb{ margin-right: 20px; } /*post--vertical-space-large*/ .post--vertical-space-large .post__thumb { margin-bottom: 25px; } .post--vertical-space-large .post__cat { margin-bottom: 10px; } .post--vertical-space-large .post__title{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } .post-slide-listing-fullwidth .post__title{ margin-bottom: 15px; } .post-slide-listing-fullwidth .post__meta{ display: none; } .post-slide-listing-fullwidth .post__readmore{ /*display: none;*/ margin-top: 20px; } .atbs-ceris-post--listing-slider .atbs-ceris-carousel-nav-custom-holder{ left: -webkit-calc(100% - 50px/2); left: -moz-calc(100% - 50px/2); left: calc(100% - 50px/2); } } @media (max-width: 991px) { /* Layout */ /*.atbs-ceris-post--listing-slider .atbs-ceris-block__inner .post-main{*/ /* width: 570px;*/ /*}*/ .atbs-ceris-post--listing-slider .owl-background{ width: -webkit-calc( 50vw + 720px/2); width: -moz-calc( 50vw + 720px/2); width: calc( 50vw + 720px/2); margin-left: -webkit-calc( (100vw - 720px) / -2); margin-left: -moz-calc( (100vw - 720px) / -2); margin-left: calc( (100vw - 720px) / -2); } .has-left-sidebar .atbs-ceris-post--listing-slider .owl-background{ right: auto; left:0; margin-right: -webkit-calc( (100vw - 720px) / -2); margin-right: -moz-calc( (100vw - 720px) / -2); margin-right: calc( (100vw - 720px) / -2); margin-left: auto; } .atbs-ceris-post--listing-slider .post-sub .list-item{ width: -webkit-calc( 100% / 2); width: -moz-calc( 100% / 2); width: calc( 100% / 2); } /* Content */ /*post main*/ .post-slide-listing-fullwidth .post__thumb{ height: 450px; } .post-slide-listing-fullwidth .post__text { } .post-slide-listing-fullwidth .post__title{ font-size: 24px; font-size: 1.7142rem; /*font system*/ line-height: 1.41; max-width: 100%; } .post-slide-listing-fullwidth .post__excerpt{ max-width: 85%; } .atbs-ceris-post--listing-slider .atbs-ceris-carousel-nav-custom-holder{ bottom: unset; } /*post sub*/ .atbs-ceris-post--listing-slider .post--horizontal-80 .post__thumb{ margin-right: 20px; } /*post--vertical-space-large*/ .post--vertical-space-large .post__thumb { margin-bottom: 20px; } .post--vertical-space-large .post__title{ max-width: 90%; } } @media (max-width: 767px){ /* Layout */ .atbs-ceris-post--listing-slider .owl-background{ width: -webkit-calc( 50vw + 510px/2); width: -moz-calc( 50vw + 510px/2); width: calc( 50vw + 510px/2); margin-left: -webkit-calc( (100vw - 510px) / -2); margin-left: -moz-calc( (100vw - 510px) / -2); margin-left: calc( (100vw - 510px) / -2); } .has-left-sidebar .atbs-ceris-post--listing-slider .owl-background{ right: auto; left:0; margin-right: -webkit-calc( (100vw - 510px) / -2); margin-right: -moz-calc( (100vw - 510px) / -2); margin-right: calc( (100vw - 510px) / -2); margin-left: auto; } .atbs-ceris-post--listing-slider .post-sub .post-list{ margin: -12.5px; } .atbs-ceris-post--listing-slider .post-sub .list-item{ padding: 12.5px; width: 100%; } .atbs-ceris-post--listing-slider .atbs-ceris-block__inner .post-main{ /*width: 400px;*/ } .atbs-ceris-posts-feature-c-update.ceris-light-mode .block__inner--wrap{ -moz-box-shadow: 0 43px 20px -20px rgba(0,0,0,.05) , 0 0 30px rgba(0,0,0,0.05) !important; box-shadow: 0 43px 20px -20px rgba(0,0,0,.05) , 0 0 30px rgba(0,0,0,0.05) !important;; -webkit-box-shadow: 0 43px 20px -20px rgba(0,0,0,.05), 0 0 30px rgba(0,0,0,0.05) !important;; } /* Content */ /*post main*/ .post-slide-listing-fullwidth .post__thumb { height: 385px; } .post-slide-listing-fullwidth .post__text { /*padding: 30px 75px 40px 30px;*/ padding: 30px 30px 40px 30px; } .post-slide-listing-fullwidth .post__cat { margin-bottom: 15px; } .post-slide-listing-fullwidth .post__title{ max-width: 100%; font-size: 22px; font-size: 1.5714rem; /*font system*/ line-height: 1.5; margin-bottom: 15px; } .ceris-block-main-col-b .post-slide-listing-fullwidth .post__excerpt{ max-width: 100%; } .ceris-block-main-col-b .post-slide-listing-fullwidth .post__excerpt .excerpt{ -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; } .atbs-ceris-post--listing-slider .atbs-ceris-carousel-nav-custom-holder{ display: block; } .atbs-ceris-post--listing-slider .owl-carousel .owl-dots{ display: none; position: absolute; bottom: 5px; left: 50vw; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); padding: 0; } /*post sub*/ .atbs-ceris-post--listing-slider .post--horizontal-80 .post__thumb{ margin-right: 30px; } /*post--vertical-space-large*/ .post--vertical-space-large .post__thumb{ margin-bottom: 15px; } .post--vertical-space-large .post__title{ max-width: 100%; font-size: 16px; font-size: 1.1428rem; /*font system*/ line-height: 1.5; } } @media (max-width: 576px){ /* Layout */ .atbs-ceris-post--listing-slider .atbs-ceris-block__inner .post-main .owl-carousel { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .atbs-ceris-post--listing-slider .atbs-ceris-block__inner .post-main{ width: -webkit-calc( 100vw ); width: -moz-calc( 100vw ); width: calc( 100vw ); margin-left: -15px; } .has-left-sidebar .atbs-ceris-post--listing-slider .owl-background{ right: auto; left:0; margin-right: -webkit-calc( 100vw - 15px ); margin-right: -moz-calc( 100vw - 15px ); margin-right: calc( 100vw - 15px ); margin-left: -15px; } .post-slide-listing-fullwidth .post__text{ height: auto; } /* Content */ /*post main*/ .atbs-ceris-post--listing-slider .atbs-ceris-block__inner .post-main{ height: auto; } .atbs-ceris-post--listing-slider .block-inner--wrap{ padding-top: 0; } .atbs-ceris-post--listing-slider .owl-background{ display: none; } .post-slide-listing-fullwidth .post__thumb{ margin-bottom: 20px; display: block; height: 375px; } .post-slide-listing-fullwidth .post__text{ width: auto; margin-right: 15px; margin-left: 15px; position: initial; bottom:0; padding: 0; } .post-slide-listing-fullwidth .post__cat { margin-bottom: 10px; } .post-slide-listing-fullwidth .post__title{ max-width: 100%; margin-bottom: 15px; line-height: 1.5; } .post-slide-listing-fullwidth .post__readmore{ display: none; } .post-slide-listing-fullwidth .post__excerpt{ max-width: 90%; margin-bottom: 0; } .atbs-ceris-post--listing-slider .owl-carousel .owl-dots{ display: block; position: initial; -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; transform: none; padding-top: 15px; } } @media (max-width: 480px){ .atbs-ceris-post--listing-slider .posts--vertical-2i_row .post-list{ margin: -17.5px; } .atbs-ceris-post--listing-slider .posts--vertical-2i_row .list-item{ width: 100%; padding: 17.5px; } /* Content */ /*post main*/ .post-slide-listing-fullwidth .post__thumb { height: 350px; } .post-slide-listing-fullwidth .post__title{ max-width: 90%; } .post-slide-listing-fullwidth .post__excerpt{ max-width: 90%; } .atbs-ceris-post--listing-slider .post--horizontal-80 .post__thumb{ margin-right: 20px; } /*post--vertical-space-large*/ .post--vertical-space-large .post__title{ font-size: 20px; font-size: 1.4285rem; /*font system*/ max-width: 100%; line-height: 1.5; } } @media (max-width: 420px){ /* Content */ /*post main*/ .post-slide-listing-fullwidth .post__thumb { height: 250px; } .post-slide-listing-fullwidth .post__title{ max-width: 95%; } .post-slide-listing-fullwidth .post__excerpt{ max-width: 90%; } } @media (max-width: 380px){ /* Content */ /*post main*/ .post-slide-listing-fullwidth .post__thumb { height: 275px; } .post-slide-listing-fullwidth .post__title{ max-width: 100%; } .post-slide-listing-fullwidth .post__excerpt{ max-width: 100%; } /*post--vertical-space-large*/ .post--vertical-space-large .post__title{ max-width: 100%; } } @media (max-width: 320px){ /* Content */ /*post main*/ .post-slide-listing-fullwidth .post__thumb { height: 255px; } .post-slide-listing-fullwidth .post__title{ max-width: 100%; font-size: 16px; font-size: 1.1428rem; /*font system*/ line-height: 1.5; padding-bottom: 0; margin-bottom: 15px; } .post-slide-listing-fullwidth .post__title:after{ display: none; } .post-slide-listing-fullwidth .post__excerpt{ max-width: 100%; } /*post sub*/ .atbs-ceris-post--listing-slider .post--horizontal-80 .post__thumb{ margin-right: 20px; } /**/ .post--vertical-space-large .post__title{ font-size: 16px; font-size: 1.1428rem; /*font system*/ line-height: 1.5; } } .ceris-block-main-col-b .carousel-fullwidth .post-slide-listing-fullwidth .post__text{ height: auto; } .text-right{ text-align: right; } @media(min-width: 1200px){ .ceris-block-main-col-b .atbs-ceris-block__inner .carousel-fullwidth{ width: 100%; } } .ceris-block-main-col-b .post-slide-listing-fullwidth .post__text{ height: auto; } /* .Block Main Col B Css ----------------------- */ /* ----------------------- Featured B Css */ /* Layout */ .atbs-ceris-posts-feature-d-update .atbs-ceris-block__inner { height: 770px; z-index: 1; } @media(min-width: 992px){ .ceris-header-12 + .atbs-ceris-posts-feature-d-update .atbs-ceris-block__inner{ height: 1000px; height: 100vh; min-height: 800px; } .ceris-header-12 + .ceris-feature-slider-b .post--overlay-height-795 .post__text{ height: 1000px; height: 100vh; min-height: 800px; } .ceris-header-12 + .atbs-ceris-posts-feature-c-update .owl-background { height: 1000px; height: 100vh; min-height: 800px; } } .ceris-header-12 + .atbs-ceris-block { margin-bottom: 0 !important; overflow: hidden; } .atbs-ceris-posts-feature-d-update .owl-background{ position: absolute; width: 100%; height: 100%; } .atbs-ceris-posts-feature-d-update .block__inner--wrap{ position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 1170px; } .atbs-ceris-posts-feature-d-update .post-main{ padding: 50px; /*width: 975px;*/ position: relative; background-color: #fff; } .atbs-ceris-posts-feature-d-update .post-main .owl-carousel{ width: 870px; } .atbs-ceris-posts-feature-d-update .post-sub{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; padding: 35px 50px; background-color: #fff; border-top: 1px solid rgba(0,0,0,0.1); } .atbs-ceris-posts-feature-d-update .post-sub .post-list{ margin: -15px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .atbs-ceris-posts-feature-d-update .post-sub .list-item{ padding: 15px; width: -webkit-calc( 100% / 3 ); width: -moz-calc( 100% / 3 ); width: calc( 100% / 3 ); } /* Content */ .atbs-ceris-posts-feature-d-update .post-main .atbs-ceris-carousel-nav-custom-holder{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; position: absolute; right: 50px; top: 95px; } .atbs-ceris-posts-feature-d-update .post-main .owl-dots{ display: none; } .post--vertical-text-index .post__thumb{ display: none; } .post--vertical-text-index .post__cat{ margin-bottom: 15px; } .post--vertical-text-index .post__text--wrap { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .post--vertical-text-index .post__text--column-1 { width: 430px; margin-right: 40px; } .post--vertical-text-index .post__text--column-2 { -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; } .post--vertical-text-index .post__title{ font-size: 26px; font-size: 1.8571rem; /*font system*/ line-height: 1.38; font-weight: 700; float: left; position: relative; padding-bottom: 0; } .post--vertical-text-index .post__title a{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .post--vertical-text-index .post__meta{ width: 100%; } .post--vertical-text-index .post__excerpt, .post--vertical-text-index .excerpt{ max-width: 100%; margin-bottom: 0; overflow: hidden; -ms-flex-item-align: start; -webkit-align-self: flex-start; align-self: flex-start; } .post--vertical-text-index .post__excerpt .excerpt{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .atbs-ceris-posts-feature-d-update .post-main .atbs-ceris-carousel-nav-custom-holder .owl-prev, .atbs-ceris-posts-feature-d-update .post-main .atbs-ceris-carousel-nav-custom-holder .owl-next{ border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .atbs-ceris-posts-feature-d-update .post-main .nav-row-circle .owl-number{ width: 56px; } .atbs-ceris-posts-feature-d-update .post--horizontal-80 .post__thumb{ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; } .atbs-ceris-posts-feature-d-update .post--horizontal-80 .post__title a{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } @media (max-width: 1199px) { /* Layout */ .atbs-ceris-posts-feature-d-update .atbs-ceris-block__inner { height: 650px; } .atbs-ceris-posts-feature-d-update .block__inner--wrap{ width: 940px; } .atbs-ceris-posts-feature-d-update .post-main{ padding: 35px; } .atbs-ceris-posts-feature-d-update .post-sub{ height: auto; padding: 35px; } /* Content */ /*post main*/ .post--vertical-text-index .post__text--column-1{ width: 320px; } .atbs-ceris-posts-feature-d-update .post-main .owl-carousel { width: 680px; } .post--vertical-text-index .post__title{ font-size: 24px; font-size: 1.7142rem; /*font system*/ } .atbs-ceris-posts-feature-d-update .post-main .atbs-ceris-carousel-nav-custom-holder{ right: 35px; } /*post sub*/ .atbs-ceris-posts-feature-d-update .post--horizontal-80 .post__title a{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } } @media (max-width: 1199px) and (min-width: 992px){ /*post sub*/ .atbs-ceris-posts-feature-d-update .post--horizontal-80 .post__thumb{ width: 70px; height: 70px; margin-right: 20px; } } @media (max-width: 991px) { /* Layout */ .atbs-ceris-posts-feature-d-update .block__inner--wrap{ width: 720px; position: initial; margin: -240px auto 0 auto; -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; transform: none; -webkit-box-shadow: 0 43px 20px -20px rgba(0,0,0,.05), 0 0 30px rgba(0,0,0,0.05); -moz-box-shadow: 0 43px 20px -20px rgba(0,0,0,.05), 0 0 30px rgba(0,0,0,0.05); box-shadow: 0 43px 20px -20px rgba(0,0,0,.05), 0 0 30px rgba(0,0,0,0.05); } .atbs-ceris-posts-feature-d-update .post-main{ padding: 30px 50px; width: 100%; position: relative; } .atbs-ceris-posts-feature-d-update .post-sub{ padding: 30px 50px; } .atbs-ceris-posts-feature-d-update .post-sub .list-item{ width: 50%; } /* Content */ .atbs-ceris-posts-feature-d-update .atbs-ceris-block__inner { height: auto; } /*post main*/ .atbs-ceris-posts-feature-d-update .post-main .owl-carousel{ width: 100%; } .atbs-ceris-posts-feature-d-update .owl-background{ position: relative; height: 500px; z-index: -1; } .post--vertical-text-index .post__text--column-1{ width: 300px; } .post--vertical-text-index .post__title { font-size: 22px; font-size: 1.5714rem; /*font system*/ } .atbs-ceris-posts-feature-d-update .post-main .atbs-ceris-carousel-nav-custom-holder{ position: initial; } .atbs-ceris-posts-feature-d-update .nav-row-circle .owl-prev, .atbs-ceris-posts-feature-d-update .nav-row-circle .owl-next{ top: 50%; position: absolute; width: 45px; height: 45px; z-index: 1; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .atbs-ceris-posts-feature-d-update .post-main .atbs-ceris-carousel-nav-custom-holder .owl-prev, .atbs-ceris-posts-feature-d-update .post-main .atbs-ceris-carousel-nav-custom-holder .owl-next{ -webkit-box-shadow: 0 0 15px rgba(0,0,0,.1); -moz-box-shadow: 0 0 15px rgba(0,0,0,.1); box-shadow: 0 0 15px rgba(0,0,0,.1); border: none; } .atbs-ceris-posts-feature-d-update .nav-row-circle .owl-prev{ left: -25px; } .atbs-ceris-posts-feature-d-update .nav-row-circle .owl-next{ right: -25px; } .atbs-ceris-posts-feature-d-update .nav-row-circle .owl-number{ display: none; } /*post sub*/ .atbs-ceris-posts-feature-d-update .post--horizontal-80 .post__thumb{ margin-right: 25px; } } @media (max-width: 767px){ /* Layout */ .atbs-ceris-posts-feature-d-update .block__inner--wrap{ width: 510px; } .atbs-ceris-posts-feature-d-update .post-main{ height: auto; padding: 40px 55px; } .atbs-ceris-posts-feature-d-update .post-sub{ padding: 30px 55px; } .atbs-ceris-posts-feature-d-update .post-sub .post-list { margin: 0 auto; } .atbs-ceris-posts-feature-d-update .post-sub .list-item{ width: 100%; padding: 0; } .atbs-ceris-posts-feature-d-update .post-sub .list-item:not(:last-child){ margin-bottom: 30px; } /* Content */ /*post main*/ .atbs-ceris-posts-feature-d-update .owl-background{ height: 450px; } .post--vertical-text-index{ width: 100%; margin: 0 auto; } .post--vertical-text-index .post__text--column-1{ width: 100%; margin-right: 0; } .post--vertical-text-index .post__text--column-2{ display: none; } /*post sub*/ .atbs-ceris-posts-feature-d-update .post--horizontal-80 .post__thumb{ width: 80px; height: 80px; margin-right: 20px; } } @media (max-width: 576px){ /* Layout */ .atbs-ceris-posts-feature-d-update .block__inner--wrap { width: -webkit-calc(100% - 110px); width: -moz-calc(100% - 110px); width: calc(100% - 110px); } .atbs-ceris-posts-feature-d-update .post-main{ padding: 40px; } /* Content */ /*post main*/ .atbs-ceris-posts-feature-d-update .owl-background{ height: 400px; } .atbs-ceris-posts-feature-d-update .post-main .atbs-ceris-carousel-nav-custom-holder{ display: none; } .post--vertical-text-index .post__title{ font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; } .atbs-ceris-posts-feature-d-update .post-main .owl-dots{ display: block; padding-bottom: 0; padding-top: 25px; text-align: left; } .atbs-ceris-posts-feature-d-update .post-sub{ padding: 30px 40px; } .atbs-ceris-posts-feature-d-update .post--vertical-text-index{ width: 100%; } } @media (max-width: 480px){ .atbs-ceris-posts-feature-d-update .block__inner--wrap { width: -webkit-calc(100% - 50px); width: -moz-calc(100% - 50px); width: calc(100% - 50px); } .atbs-ceris-posts-feature-d-update .post-sub .post-list { margin: 0 auto; } /* Content */ .atbs-ceris-posts-feature-d-update .owl-background{ height: 360px; } .post--vertical-text-index{ width: 90%; } .post--vertical-text-index .post__title{ font-weight: 600; } } @media (max-width: 420px){ .atbs-ceris-posts-feature-d-update .block__inner--wrap { margin: -140px auto 0 auto; } /* Content */ /*post main*/ .atbs-ceris-posts-feature-d-update .post-main{ padding: 30px; } .atbs-ceris-posts-feature-d-update .owl-background{ height: 330px; } .post--vertical-text-index .post__title { font-size: 20px; font-size: 1.4285rem; /*font system*/ max-width: 100%; line-height: 1.5; } /*post sub*/ .atbs-ceris-posts-feature-d-update .post-sub{ padding: 30px; } } @media (max-width: 380px){ .atbs-ceris-posts-feature-d-update .block__inner--wrap { width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); width: calc(100% - 40px); } .atbs-ceris-posts-feature-d-update .post-sub .post-list{ max-width: 100%; } /* Content */ .atbs-ceris-posts-feature-d-update .owl-background{ height: 300px; } .post--vertical-text-index .post__cat { margin-bottom: 10px; } } @media (max-width: 320px) { /* Content */ /*post main*/ .atbs-ceris-posts-feature-d-update .owl-background{ height: 260px; } .post--vertical-text-index .post__title{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } } /* .Featured B Css ----------------------- */ /* ----------------------- Featured C Css */ /* Layout */ .atbs-ceris-posts-feature-c-update .block__inner--wrap{ width: 1170px; height: auto; margin: -260px auto 0 auto; background-color: var(--color-text); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 40px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; position: relative; z-index: 1; /*align-items: center;*/ /*justify-content: space-between;*/ } .atbs-ceris-posts-feature-c-update.ceris-light-mode .block__inner--wrap { background-color: #fff; -webkit-box-shadow: 0 50px 40px -40px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0 50px 40px -40px rgba(0, 0, 0, 0.07); box-shadow: 0 50px 40px -40px rgba(0, 0, 0, 0.07); border: 1px solid #f6f6f6; } .atbs-ceris-posts-feature-c-update .post-main{ width: 100%; } .atbs-ceris-posts-feature-c-update .post-sub{ width: 100%; margin-top: 60px; } .atbs-ceris-posts-feature-c-update .post-sub .post-list{ margin: -15px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .atbs-ceris-posts-feature-c-update .post-sub .list-item{ width: -webkit-calc(100% / 4); width: -moz-calc(100% / 4); width: calc(100% / 4); padding: 15px; } /* Content */ /*post main*/ .atbs-ceris-posts-feature-c-update .owl-background{ width: 100%; height: 700px; z-index:0; position: relative; } .atbs-ceris-posts-feature-c-update .owl-background a{ width: 100%; height: 100%; } .atbs-ceris-posts-feature-c-update .owl-background img{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .atbs-ceris-posts-feature-c-update .post-main .owl-dots{ display: none; } .atbs-ceris-posts-feature-c-update .post--vertical-margin-top-reverse .post__text{ text-align: center; margin: 0 auto; max-width: 650px; } .atbs-ceris-posts-feature-c-update .post--vertical-margin-top-reverse .post__excerpt{ margin: 0 auto; } .post--vertical-margin-top-reverse{ /*padding-left: 40px;*/ } .post--vertical-margin-top-reverse .post__thumb{ display: none; } .post--vertical-margin-top-reverse .post__cat{ margin-bottom: 18px; } .ceris-dark-mode .post--vertical-margin-top-reverse a.post__cat{ color: #fff !important; } .ceris-dark-mode .post--vertical-margin-top-reverse .post__cat:before{ background-color: #fff !important; } .post--vertical-margin-top-reverse .post__title{ font-size: 30px; font-size: 2.1428rem; /*font system*/ line-height: 1.4; font-weight: 700; margin-bottom: 20px; } .ceris-dark-mode .post--vertical-margin-top-reverse .post__title { color: #fff; } .post--vertical-margin-top-reverse .post__title a{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .post--vertical-margin-top-reverse .post__excerpt{ overflow: hidden; margin-bottom: 0; max-width: 85%; } .ceris-dark-mode .post--vertical-margin-top-reverse .post__excerpt { color: #fff; } .post--vertical-margin-top-reverse .post__excerpt .excerpt{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .ceris-dark-mode .post--vertical-margin-top-reverse .post__readmore:before, .ceris-dark-mode .post--vertical-margin-top-reverse .post__readmore:after{ background: #fff; text-transform: uppercase; letter-spacing: 1px; font-size: 12px; } .ceris-dark-mode .post--vertical-margin-top-reverse .post__readmore a { color: #fff; } @media(max-width: 991px){ .feature-module-c .post--vertical-margin-top-reverse .post__excerpt .excerpt{ -webkit-line-clamp: 2; } } .atbs-ceris-posts-feature-c-update .owl-carousel .owl-prev, .atbs-ceris-posts-feature-c-update .owl-carousel .owl-next { background-color: transparent; width: 50px; height: 50px; } .atbs-ceris-posts-feature-c-update.ceris-light-mode .owl-carousel .owl-prev, .atbs-ceris-posts-feature-c-update.ceris-light-mode .owl-carousel .owl-next{ border: 1px solid rgba(0, 0, 0, 0.08); -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; color: #888; background: #fff; } .atbs-ceris-posts-feature-c-update.ceris-light-mode .owl-carousel .owl-prev:hover, .atbs-ceris-posts-feature-c-update.ceris-light-mode .owl-carousel .owl-next:hover{ color: #fff; } .atbs-ceris-posts-feature-c-update.ceris-light-mode .owl-carousel .owl-prev svg, .atbs-ceris-posts-feature-c-update.ceris-light-mode .owl-carousel .owl-next svg{ fill: rgba(0, 0, 0, 0.3); } .atbs-ceris-posts-feature-c-update.ceris-dark-mode .owl-carousel .owl-prev, .atbs-ceris-posts-feature-c-update.ceris-dark-mode .owl-carousel .owl-next{ background-color: transparent; color: #E8E8E8; border: 1px solid rgba(255,255,255,0.4); } .atbs-ceris-posts-feature-c-update.ceris-dark-mode .owl-carousel .owl-prev:hover, .atbs-ceris-posts-feature-c-update.ceris-dark-mode .owl-carousel .owl-next:hover{ /*background-color: #E8E8E8;*/ color: #fff; } .atbs-ceris-posts-feature-c-update .owl-carousel .owl-dots{ display: none; } /*post sub*/ .atbs-ceris-posts-feature-c-update .post-sub .post--horizontal-80 .post__text{ padding-right: 0; } .atbs-ceris-posts-feature-c-update.ceris-dark-mode .post-sub .post--vertical-text-not-fullwidth .post__title, .atbs-ceris-posts-feature-c-update.ceris-dark-mode .post-sub .post--vertical-text-not-fullwidth time.time, .atbs-ceris-posts-feature-c-update.ceris-dark-mode .post-sub .post--horizontal-80 .post__title, .atbs-ceris-posts-feature-c-update.ceris-dark-mode .post-sub .post--horizontal-80 .post__cat{ color: #fff !important; } @media (max-width: 1199px){ /* Layout */ .atbs-ceris-posts-feature-c-update .block__inner--wrap{ width: 940px; } .atbs-ceris-posts-feature-c-update .post-main .owl-background { width: 100%; height: 570px; } /* Content */ /*post main*/ .post--vertical-margin-top-reverse { /*padding-left: 50px;*/ } .post--vertical-margin-top-reverse .post__title{ font-size: 28px; font-size: 2rem; /*font system*/ } .atbs-ceris-posts-feature-c-update .owl-carousel .owl-prev, .atbs-ceris-posts-feature-c-update .owl-carousel .owl-next{ width: 50px; height: 50px; } .atbs-ceris-posts-feature-c-update .post-sub .post--horizontal-80 .post__title a{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .atbs-ceris-posts-feature-c-update .atbs-ceris-carousel-nav-custom-holder{ right: -webkit-calc(50% - 585px + 155px); right: -moz-calc(50% - 585px + 155px); right: calc(50% - 585px + 155px); } } @media (max-width: 991px){ /* Layout */ .atbs-ceris-posts-feature-c-update .post-main{ padding-bottom: 0; padding-right: 0; } .atbs-ceris-posts-feature-c-update .post-sub .list-item{ width: -webkit-calc(100% / 2); width: -moz-calc(100% / 2); width: calc(100% / 2); } .atbs-ceris-posts-feature-c-update .block__inner--wrap{ width: 720px; height: auto; padding: 50px 40px 50px 40px; } .atbs-ceris-posts-feature-c-update .block__inner--wrap:after{ left: 350px; } /* Content */ /*post main*/ .atbs-ceris-posts-feature-c-update .owl-background{ height: 500px; } .atbs-ceris-posts-feature-c-update .post--vertical-margin-top-reverse .post__text{ max-width: 450px; } .post--vertical-margin-top-reverse{ /*padding-left: 40px;*/ } .post--vertical-margin-top-reverse .post__title { font-size: 22px; font-size: 1.5714rem; /*font system*/ line-height: 1.41; margin-bottom: 15px; } .post--vertical-margin-top-reverse .post__excerpt{ max-width: 100%; } .atbs-ceris-posts-feature-c-update .atbs-ceris-carousel-nav-custom-holder { right: -webkit-calc(50% - 720px/2 + 190px); right: -moz-calc(50% - 720px/2 + 190px); right: calc(50% - 720px/2 + 190px); top: unset; bottom: 60px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; position: initial; padding-left: 40px; margin-top: 40px; } .atbs-ceris-posts-feature-c-update .owl-carousel .owl-nav { display: none; } .atbs-ceris-posts-feature-c-update .owl-carousel .owl-prev, .atbs-ceris-posts-feature-c-update .owl-carousel .owl-next{ width: 45px; height: 45px; } .atbs-ceris-posts-feature-c-update .owl-carousel .owl-dots{ display: block; padding-bottom: 0; padding-top: 25px; } .atbs-ceris-posts-feature-c-update.ceris-light-mode .dots-circle .owl-dot.active span { background-color: #000; } .atbs-ceris-posts-feature-c-update.ceris-dark-mode .dots-circle .owl-dot.active span { background-color: #fff; } .atbs-ceris-posts-feature-c-update.ceris-light-mode .dots-circle .owl-dot span{ background-color: rgba(0,0,0,0.2); } .atbs-ceris-posts-feature-c-update.ceris-dark-mode .dots-circle .owl-dot span{ background-color: rgba(255,255,255,0.2); } } @media (max-width: 767px){ /* Layout */ .atbs-ceris-posts-feature-c-update .post-sub .list-item{ width: 100%; } .atbs-ceris-posts-feature-c-update .block__inner--wrap{ width: 510px; padding: 45px 0; margin: -200px auto 0 auto; height: auto; } .atbs-ceris-posts-feature-c-update .block__inner--wrap:after{ display: none; } .atbs-ceris-posts-feature-c-update .block__inner--wrap > div:not(:last-child){ margin-bottom: 30px; } .atbs-ceris-posts-feature-c-update .post-main{ -webkit-box-ordinal-group: 2; -ms-flex-order: 1; -webkit-order: 1; -moz-box-ordinal-group: 2; order: 1; width: 100%; padding-bottom: 25px; padding-left: 40px; padding-right: 40px; border-bottom: 1px solid rgba(0,0,0,0.1); } .atbs-ceris-posts-feature-c-update.ceris-dark-mode .post-main{ border-bottom: 1px solid rgba(255,255,255,0.1); } .atbs-ceris-posts-feature-c-update .post-sub{ -webkit-box-ordinal-group: 3; -ms-flex-order: 2; -webkit-order: 2; -moz-box-ordinal-group: 3; order: 2; width: 100%; padding-left: 40px; padding-right: 40px; margin: 0; } /* Content */ /*post main*/ .atbs-ceris-posts-feature-c-update .post--vertical-margin-top-reverse .post__text{ max-width: 550px; } .atbs-ceris-posts-feature-c-update .owl-background{ height: 450px; } .post--vertical-margin-top-reverse { padding: 0; width: 100%; margin: 0 auto; } .post--vertical-margin-top-reverse .post__title{ font-size: 22px; font-size: 1.5714rem; /*font system*/ margin-bottom: 0; } .post--vertical-margin-top-reverse .post__excerpt{ display: none; } .atbs-ceris-posts-feature-c-update .atbs-ceris-carousel-nav-custom-holder { position: absolute; display: inline-block; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; right: 29px; top: 50px; bottom: unset; margin-top: 0; } .atbs-ceris-posts-feature-c-update .owl-carousel .owl-prev, .atbs-ceris-posts-feature-c-update .owl-carousel .owl-next{ top: 15%; position: initial; width: 45px; height: 45px; z-index: 1; } .atbs-ceris-posts-feature-c-update .owl-carousel .owl-prev{ margin-bottom: 15px; left: 25px; } .atbs-ceris-posts-feature-c-update .owl-carousel .owl-next{ right: 25px; } .atbs-ceris-posts-feature-c-update .owl-carousel .owl-number{ display: none; } /*post sub*/ .atbs-ceris-posts-feature-c-update .post-sub .post--horizontal-80 .post__thumb{ width: 80px; height: 80px; margin-right: 20px; } } @media (max-width: 576px){ /* Layout */ .atbs-ceris-posts-feature-c-update .owl-background { height: 400px; } .atbs-ceris-posts-feature-c-update .block__inner--wrap{ width: -webkit-calc(100% - 110px); width: -moz-calc(100% - 110px); width: calc(100% - 110px); padding: 35px 0; } .atbs-ceris-posts-feature-c-update .post--vertical-margin-top-reverse{ width: 100%; } .atbs-ceris-posts-feature-c-update .post-main{ padding-left: 40px; padding-right: 40px; } /* Content */ /*post main*/ .atbs-ceris-posts-feature-c-update .post-sub{ padding-left: 40px; padding-right: 40px; } .post--vertical-margin-top-reverse .post__title{ font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; font-weight: 600; } .atbs-ceris-posts-feature-c-update .atbs-ceris-carousel-nav-custom-holder{ display: none; } .atbs-ceris-posts-feature-c-update .owl-carousel .owl-dots{ display: block; padding-bottom: 0; padding-top: 20px; } } @media (max-width: 480px){ .atbs-ceris-posts-feature-c-update .block__inner--wrap { width: -webkit-calc(100% - 50px); width: -moz-calc(100% - 50px); width: calc(100% - 50px); padding: 40px 0; } .atbs-ceris-posts-feature-c-update .post-main{ padding-left: 40px; padding-right: 40px; } .atbs-ceris-posts-feature-c-update .post-sub { padding-left: 40px; padding-right: 40px; } /* Content */ .atbs-ceris-posts-feature-c-update .owl-background { height: 360px; } .post--vertical-margin-top-reverse{ width: 90%; } } @media (max-width: 420px){ .atbs-ceris-posts-feature-c-update .owl-background { height: 330px; } .atbs-ceris-posts-feature-c-update .block__inner--wrap { padding: 30px 0; margin: -140px auto 0 auto; } .atbs-ceris-posts-feature-c-update .post-main{ padding-left: 30px; padding-right: 30px; } .atbs-ceris-posts-feature-c-update .post-sub { padding-left: 30px; padding-right: 30px; } /* Content */ .post--vertical-margin-top-reverse .post__title { font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; max-width: 100%; } .atbs-ceris-posts-feature-c-update .owl-carousel .owl-dots{ padding-top: 15px; } } @media (max-width: 380px){ .atbs-ceris-posts-feature-c-update .block__inner--wrap { width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); width: calc(100% - 40px); } .atbs-ceris-posts-feature-c-update .owl-background { height: 300px; } .post--vertical-margin-top-reverse{ width: 90%; } .post--vertical-margin-top-reverse .post__cat{ margin-bottom: 10px; } } @media (max-width: 320px) { .atbs-ceris-posts-feature-c-update .post-sub .list-item:not(:last-child) { /*margin-bottom: 30px;*/ } .atbs-ceris-posts-feature-c-update .owl-background { height: 260px; } .post--vertical-margin-top-reverse .post__title{ max-width: 100%; font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } } /* .Featured C Css ----------------------- */ /* ----------------------- Featured E Css */ /* Layout */ .atbs-ceris-posts-feature-a-update .atbs-ceris-block__inner{ width: -webkit-calc( 50% + 585px); width: -moz-calc( 50% + 585px); width: calc( 50% + 585px); margin-left: auto; } @media(min-width: 768px){ .feature-module-e .post--horizontal .post__thumb{ margin: unset; margin-left: auto; float: none; } } .atbs-ceris-posts-feature-a-update .post--horizontal-fullwidth-thumb-large .post__title{ font-weight: 700; } /*post sub*/ .atbs-ceris-posts-feature-a-update .post-sub{ position: absolute; left: 0; bottom: 0; width: 1170px; z-index: 1; padding: 50px; background-color: #333; display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .atbs-ceris-posts-feature-a-update .post-sub .post-list{ display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -40px; } .atbs-ceris-posts-feature-a-update .post-sub .list-item{ width: -webkit-calc(100% / 3); width: -moz-calc(100% / 3); width: calc(100% / 3); padding: 0 40px; } .atbs-ceris-posts-feature-a-update .post-sub .list-item:not(:last-child){ border-right: 1px solid rgba(255,255,255,0.2); } /* Content */ /*post main*/ .feature-module-d .post--horizontal-fullwidth-thumb-large .post__thumb, .feature-module-e .post--horizontal-fullwidth-thumb-large .post__thumb { margin-bottom: 0; } .feature-module-e .post--horizontal-fullwidth-thumb-large .post__thumb { margin-bottom: 0; margin-right: 0; } .post--horizontal-fullwidth-thumb-large .post__thumb{ width: 50vw; margin-left: auto; } .post--horizontal-fullwidth-thumb-large .post__thumb a{ width: 100%; height: 100%; } .post--horizontal-fullwidth-thumb-large .post__thumb img{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .post--horizontal-fullwidth-thumb-large .post__text{ position: absolute; left: 0; top: 130px; width: 500px; } .post--horizontal-fullwidth-thumb-large .post__cat{ margin-bottom: 20px; } .post--horizontal-fullwidth-thumb-large .post__title{ font-size: 32px; font-size: 2.2857rem; /*font system*/ line-height: 1.5; font-weight: 500; } .post--horizontal-fullwidth-thumb-large .post__title a{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .post--horizontal-fullwidth-thumb-large .post__meta .entry-author{ margin-right: 15px; } .post--horizontal-fullwidth-thumb-large .entry-author img{ width: 34px; height: 34px; display: inline-block; } .atbs-ceris-posts-feature-a-update .atbs-ceris-carousel.nav-circle .owl-prev, .atbs-ceris-posts-feature-a-update .atbs-ceris-carousel.nav-circle .owl-next{ background-color: transparent; border: 1px solid rgba(0,0,0,0.1); color: rgba(0,0,0,0.5); width: 40px; height: 40px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; top: 350px; -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; transform: none; } .atbs-ceris-posts-feature-a-update .atbs-ceris-carousel.nav-circle .owl-prev:hover, .atbs-ceris-posts-feature-a-update .atbs-ceris-carousel.nav-circle .owl-next:hover{ background-color: var(--color-logo); color: #fff; } .atbs-ceris-posts-feature-a-update .atbs-ceris-carousel.nav-circle .owl-next{ left: 60px; } .atbs-ceris-posts-feature-a-update .atbs-ceris-carousel.nav-circle .owl-prev i, .atbs-ceris-posts-feature-a-update .atbs-ceris-carousel.nav-circle .owl-next i{ font-size: 20px; } .atbs-ceris-posts-feature-a-update .atbs-ceris-carousel .owl-dots{ display: none; } .atbs-ceris-posts-feature-a-update .atbs-ceris-carousel .owl-item{ overflow: hidden; } .atbs-ceris-posts-feature-a-update .atbs-ceris-carousel .owl-dot.active span{ background-color: #fff; } /*post sub*/ .post--no-thumb-text-white{ height: 210px; } .post--no-thumb-text-white .post__text{ height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: justify; -webkit-align-content: space-between; align-content: space-between; } .post--no-thumb-text-white .post__cat:before{ background-color: #fff; } .post--no-thumb-text-white .post__cat{ margin-bottom: 30px; color: #fff; } .post--no-thumb-text-white .post__title{ color: #fff; } /** For the specific module **/ .feature-module-d .post--no-thumb-text-white .post__cat:before{ background-color: #fff !important; } .feature-module-d .post--no-thumb-text-white a.post__cat{ color: #fff !important; } .feature-module-e .post--no-thumb-text-white .post__cat:before{ background-color: #fff !important; } .feature-module-e .post--no-thumb-text-white a.post__cat{ color: #fff !important; } /****************************/ .post--no-thumb-text-white .post__title a{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .post--no-thumb-text-white .readmore__text{ color: #fff; } @media (max-width: 1199px) { /* Layout */ .atbs-ceris-posts-feature-a-update .atbs-ceris-block__inner{ width: -webkit-calc( 50% + 940px / 2); width: -moz-calc( 50% + 940px / 2); width: calc( 50% + 940px / 2); margin-left: auto; } .atbs-ceris-posts-feature-a-update .post-sub{ width: 940px; padding: 35px 45px; } .atbs-ceris-posts-feature-a-update .post-sub .post-list{ margin: 0 -50px; } .atbs-ceris-posts-feature-a-update .post-sub .list-item{ width: -webkit-calc(100% / 3); width: -moz-calc(100% / 3); width: calc(100% / 3); padding: 0 50px; } /* Content */ /*post main*/ .post--horizontal-fullwidth-thumb-large .post__thumb{ width: 55vw; height: 700px; } .post--horizontal-fullwidth-thumb-large .post__text{ top: 80px; width: 400px; } .atbs-ceris-posts-feature-a-update .atbs-ceris-carousel.nav-circle .owl-prev, .atbs-ceris-posts-feature-a-update .atbs-ceris-carousel.nav-circle .owl-next{ top: 310px; } .post--horizontal-fullwidth-thumb-large .post__title{ font-size: 1.8571rem; /*font system*/ } .post--horizontal-fullwidth-thumb-large .post__title a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } /*post sub*/ .post--no-thumb-text-white { height: 200px; } } @media(min-width: 992px) and (max-width: 1199px){ .feature-module-e .post--horizontal-fullwidth-thumb-large .post__text{ padding-right: 15px; } } @media (max-width: 991px) { /* Layout */ .atbs-ceris-posts-feature-a-update .atbs-ceris-block__inner{ width: -webkit-calc( 50% + 720px / 2); width: -moz-calc( 50% + 720px / 2); width: calc( 50% + 720px / 2); } .atbs-ceris-posts-feature-a-update .post-sub{ /*width: 720px;*/ width: 100%; position: initial; padding: 35px 35px; } .atbs-ceris-posts-feature-a-update .post-sub .post-list { margin: 0 -30px; } .atbs-ceris-posts-feature-a-update .post-sub .list-item { padding: 0 30px; } /* Content */ /*post main*/ .post--horizontal-fullwidth-thumb-large .post__thumb{ height: 400px; width: 55vw; } .post--horizontal-fullwidth-thumb-large .post__text{ width: 270px; } .post--horizontal-fullwidth-thumb-large .post__title{ font-size: 24px; font-size: 1.7142rem; /*font system*/ } /*post sub*/ .post--no-thumb-text-white { height: 185px; } .post--no-thumb-text-white .post__title{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; font-weight: 500; } } @media (max-width: 767px) and (min-width: 577px){ .post--horizontal-fullwidth-thumb-large .post__text{ width: 250px; } } @media (max-width: 767px) { /* Layout */ .atbs-ceris-posts-feature-a-update .atbs-ceris-block__inner{ /*width: calc( 50% + 510px / 2);*/ width: -webkit-calc( 100%); width: -moz-calc( 100%); width: calc( 100%); margin-left: auto; } .atbs-ceris-posts-feature-a-update .post-main{ margin-left: 30px; } .atbs-ceris-posts-feature-a-update .post-main .post-type-icon--md svg{ width: 60px; height: 60px; } /* Content */ /*post main*/ .post--horizontal-fullwidth-thumb-large .post__thumb{ height: 350px; } .post--horizontal-fullwidth-thumb-large .post__text{ top: 70px; /*width: 250px;*/ } .post--horizontal-fullwidth-thumb-large .post__meta{ display: none; } .post--horizontal-fullwidth-thumb-large .post__title a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .atbs-ceris-posts-feature-a-update .atbs-ceris-carousel.nav-circle .owl-prev, .atbs-ceris-posts-feature-a-update .atbs-ceris-carousel.nav-circle .owl-next { top: 245px; } } @media(max-width: 680px) and (min-width: 621px){ .feature-module-e .post--horizontal-fullwidth-thumb-large .post__thumb { width: 55vw; } } @media(max-width: 620px) and (min-width: 577px){ .feature-module-e .post--horizontal-fullwidth-thumb-large .post__thumb { width: 50vw; } } @media (max-width: 576px) { /* Layout */ .atbs-ceris-posts-feature-a-update .atbs-ceris-block__inner{ width: 100%; } .atbs-ceris-posts-feature-a-update .post-sub{ width: 100%; padding: 0 55px; margin: -80px auto 0 auto; background-color: transparent; z-index: 1; position: relative; } .atbs-ceris-posts-feature-a-update .post-main{ margin-left: 0; } .atbs-ceris-posts-feature-a-update .post-sub .post-list{ margin: 0; -webkit-box-shadow: 0 43px 20px -20px rgba(0,0,0,.05), 0 0 30px rgba(0,0,0,0.05); -moz-box-shadow: 0 43px 20px -20px rgba(0,0,0,.05), 0 0 30px rgba(0,0,0,0.05); box-shadow: 0 43px 20px -20px rgba(0,0,0,.05), 0 0 30px rgba(0,0,0,0.05); background-color: #333; } .atbs-ceris-posts-feature-a-update .post-sub .list-item{ padding: 25px; width: 100%; } .atbs-ceris-posts-feature-a-update .post-sub .list-item:not(:last-child){ border-bottom: 1px solid rgba(255,255,255,0.2); border-right: none; } /* Content */ /*post main*/ .post--horizontal-fullwidth-thumb-large .post__thumb{ width: 100%; } .post--horizontal-fullwidth-thumb-large .post__thumb:after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .post--horizontal-fullwidth-thumb-large .post__text{ width: 100%; padding: 0 55px; top: 50px; } .post--horizontal-fullwidth-thumb-large .post__title { font-size: 22px; font-size: 1.5714rem; /*font system*/ line-height: 1.4; color: #fff; max-width: 100%; } .post--horizontal-fullwidth-thumb-large .post__cat { margin-bottom: 20px; color: #fff; } .post--horizontal-fullwidth-thumb-large .post__cat:before{ background-color: #fff; } .post--horizontal-fullwidth-thumb-large .post-type-icon { display: none; } .atbs-ceris-posts-feature-a-update .post-main .owl-nav{ display: none; } .atbs-ceris-posts-feature-a-update .post-main .owl-dots{ display: block; position: absolute; left: 50%; top: 230px; padding: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } /*post sub*/ .post--no-thumb-text-white{ height: auto; } .post--no-thumb-text-white .post__text{ -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .post--no-thumb-text-white .post__text--wrap{ -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; } .post--no-thumb-text-white .post__cat{ margin-bottom: 20px; } .post--no-thumb-text-white .post__title{ max-width: 85%; font-size: 18px; font-size: 1.2142rem; /*font system*/ line-height: 1.5; font-weight: 500 !important; } .post--no-thumb-text-white .readmore__text > span{ display: none; } .post--no-thumb-text-white .readmore__text i{ width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #fff; color: var(--color-text); border: 1px solid rgba(0,0,0,0.2); margin: 0; } } @media (max-width: 480px) { /* Layout */ .atbs-ceris-posts-feature-a-update .post-sub{ padding: 0 25px; } /* Content */ /*post main*/ .post--horizontal-fullwidth-thumb-large .post__thumb{ height: 300px; } .post--horizontal-fullwidth-thumb-large .post__text{ top: 45px; padding: 0 25px; } .post--horizontal-fullwidth-thumb-large .post__cat{ margin-bottom: 10px; } .post--horizontal-fullwidth-thumb-large .post__title, .atbs-ceris-posts-feature-a-update .post--horizontal-fullwidth-thumb-large .post__title{ font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; font-weight: 600; max-width: 100%; } .atbs-ceris-posts-feature-a-update .post-main .owl-dots{ top: 215px; } /*post sub*/ .post--no-thumb-text-white .post__title{ max-width: 80%; font-size: 17px; font-size: 1.2142rem; /*font system*/ } } @media (max-width: 420px) { /* Layout */ .atbs-ceris-posts-feature-a-update .post-sub{ } .atbs-ceris-posts-feature-a-update .post-sub .list-item{ padding: 20px; } /* Content */ /*post main*/ .post--horizontal-fullwidth-thumb-large .post__text { top: 50px; } .post--horizontal-fullwidth-thumb-large .post__title { max-width: 75%; } } @media (max-width: 380px) { /* Layout */ .atbs-ceris-posts-feature-a-update .post-sub{ margin: -50px auto 0 auto; padding: 0 20px; } /* Content */ /*post main*/ .post--horizontal-fullwidth-thumb-large .post__title { max-width: 100%; } .post--horizontal-fullwidth-thumb-large .post__text { padding: 0 20px; } /*post sub*/ .post--no-thumb-text-white .post__cat { margin-bottom: 10px; } .post--no-thumb-text-white .post__title{ font-size: 16px; font-size: 1.1428rem; /*font system*/ line-height: 1.5; max-width: 100%; } .post--no-thumb-text-white .post__readmore { display: none; } } @media (max-width: 320px) { /* Layout */ .atbs-ceris-posts-feature-a-update .post-sub{ margin: -50px auto 0 auto; } /* Content */ /*post main*/ .post--horizontal-fullwidth-thumb-large .post__text{ top: 40px; } .post--horizontal-fullwidth-thumb-large .post__title{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; max-width: 85%; } } /* .Featured E Css ----------------------- */ /* ----------------------- Featured D Css */ /* Layout */ .atbs-ceris-posts-feature-b-update .post--horizontal-fullwidth-thumb-large .post__thumb{ width: 100vw; } /*post sub*/ .atbs-ceris-posts-feature-b-update .post-sub{ position: absolute; right: 0; bottom: 0; width: -webkit-calc( 50% + 585px); width: -moz-calc( 50% + 585px); width: calc( 50% + 585px); z-index: 1; padding: 50px; background-color: #333; display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .atbs-ceris-posts-feature-b-update .post-sub .post-list{ display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -65px; } .atbs-ceris-posts-feature-b-update .post-sub .list-item{ width: -webkit-calc(100% / 3); width: -moz-calc(100% / 3); width: calc(100% / 3); padding: 0 65px; } .atbs-ceris-posts-feature-b-update .post-sub .list-item:not(:last-child){ border-right: 1px solid rgba(255,255,255,0.2); } /* Content */ /*post main*/ .atbs-ceris-posts-feature-b-update .post--horizontal-fullwidth-thumb-large .post__thumb{ height: 825px; } .atbs-ceris-posts-feature-b-update .post--horizontal-fullwidth-thumb-large .post__text{ max-width: 700px; position: relative; top:0; } .atbs-ceris-posts-feature-b-update .post--horizontal-fullwidth-thumb-large .post__text--wrap{ left: -webkit-calc(50% - 585px); left: -moz-calc(50% - 585px); left: calc(50% - 585px); width: 1170px; position: absolute; top: 120px; } .atbs-ceris-posts-feature-b-update .post--horizontal-fullwidth-thumb-large .post__cat, .atbs-ceris-posts-feature-b-update .post--horizontal-fullwidth-thumb-large .post__title{ color: #fff; } .atbs-ceris-posts-feature-b-update .post--horizontal-fullwidth-thumb-large .post__cat:before{ background-color: #fff; } .atbs-ceris-posts-feature-b-update .post--horizontal-fullwidth-thumb-large .post__cat{ margin-bottom: 20px; } .atbs-ceris-posts-feature-b-update .post--horizontal-fullwidth-thumb-large .post__title{ font-size: 40px; font-size: 2.8571rem; /*font system*/ line-height: 1.4; font-weight: 700; } .atbs-ceris-posts-feature-b-update .atbs-ceris-carousel.nav-circle .owl-nav > div:not(:last-child){ margin-right: 15px; } .atbs-ceris-posts-feature-b-update .atbs-ceris-carousel.nav-circle .owl-prev, .atbs-ceris-posts-feature-b-update .atbs-ceris-carousel.nav-circle .owl-next { background-color: transparent; border: 1px solid rgba(255,255,255,.6); color: var(--color-text); width: 40px; height: 40px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; transform: none; position: initial; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .atbs-ceris-posts-feature-b-update .atbs-ceris-carousel.nav-circle .owl-prev:hover, .atbs-ceris-posts-feature-b-update .atbs-ceris-carousel.nav-circle .owl-next:hover{ background-color: #fff; } .atbs-ceris-posts-feature-b-update .atbs-ceris-carousel.nav-circle .owl-prev:hover i, .atbs-ceris-posts-feature-b-update .atbs-ceris-carousel.nav-circle .owl-next:hover i{ color: var(--color-text); } .atbs-ceris-posts-feature-b-update .atbs-ceris-carousel.nav-circle .owl-nav{ left: -webkit-calc( 50% - 585px); left: -moz-calc( 50% - 585px); left: calc( 50% - 585px); position: absolute; bottom: 420px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .atbs-ceris-posts-feature-b-update .atbs-ceris-carousel.nav-circle .owl-prev i, .atbs-ceris-posts-feature-b-update .atbs-ceris-carousel.nav-circle .owl-next i { font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; color: #fff; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /*post sub*/ .atbs-ceris-posts-feature-b-update .atbs-ceris-carousel .owl-dots{ display: none; } .atbs-ceris-posts-feature-b-update .atbs-ceris-carousel .owl-dot.active span{ background-color: #fff; } @media (max-width: 1199px) { /* Layout */ .atbs-ceris-posts-feature-b-update .post-sub{ width: -webkit-calc( 50% + 940px / 2); width: -moz-calc( 50% + 940px / 2); width: calc( 50% + 940px / 2); padding: 35px 45px; } .atbs-ceris-posts-feature-b-update .post-sub .post-list{ margin: 0 -50px; } .atbs-ceris-posts-feature-b-update .post-sub .list-item{ padding: 0 50px; } /* Content */ /*post main*/ .atbs-ceris-posts-feature-b-update .post--horizontal-fullwidth-thumb-large .post__text--wrap, .atbs-ceris-posts-feature-b-update .atbs-ceris-carousel.nav-circle .owl-nav{ left: -webkit-calc(50% - 940px/2 ); left: -moz-calc(50% - 940px/2 ); left: calc(50% - 940px/2 ); } .atbs-ceris-posts-feature-b-update .post--horizontal-fullwidth-thumb-large .post__text--wrap{ width: 940px; top: 40px; } .atbs-ceris-posts-feature-b-update .post--horizontal-fullwidth-thumb-large .post__thumb { height: 650px; } .atbs-ceris-posts-feature-b-update .post--horizontal-fullwidth-thumb-large .post__cat { margin-bottom: 20px; } .atbs-ceris-posts-feature-b-update .post--horizontal-fullwidth-thumb-large .post__text{ width: 400px; } .atbs-ceris-posts-feature-b-update .post--horizontal-fullwidth-thumb-large .post__title{ font-size: 28px; font-size: 2rem; /*font system*/ } .atbs-ceris-posts-feature-b-update .atbs-ceris-carousel.nav-circle .owl-nav{ bottom: 350px; } /*post sub*/ } @media (max-width: 991px){ /* Layout */ /*post sub*/ .atbs-ceris-posts-feature-b-update .post-sub{ width: -webkit-calc( 50% + 720px / 2); width: -moz-calc( 50% + 720px / 2); width: calc( 50% + 720px / 2); padding: 35px 35px; } .atbs-ceris-posts-feature-b-update .post-sub .post-list { margin: 0 -30px; } .atbs-ceris-posts-feature-b-update .post-sub .list-item { padding: 0 30px; } /* Content */ /*post main*/ .atbs-ceris-posts-feature-b-update .post--horizontal-fullwidth-thumb-large .post__thumb{ height: 600px; } .atbs-ceris-posts-feature-b-update .post--horizontal-fullwidth-thumb-large .post__text--wrap, .atbs-ceris-posts-feature-b-update .atbs-ceris-carousel.nav-circle .owl-nav{ left: -webkit-calc(50% - 720px/2 ); left: -moz-calc(50% - 720px/2 ); left: calc(50% - 720px/2 ); } .atbs-ceris-posts-feature-b-update .post--horizontal-fullwidth-thumb-large .post__text--wrap{ width: 720px; } .atbs-ceris-posts-feature-b-update .post--horizontal-fullwidth-thumb-large .post__text{ width: 100%; max-width: 100%; } .atbs-ceris-posts-feature-b-update .post--horizontal-fullwidth-thumb-large .post-type-icon{ display: none; } .atbs-ceris-posts-feature-b-update .post--horizontal-fullwidth-thumb-large.icon-right-center .post__text { padding: 0; } .atbs-ceris-posts-feature-b-update .atbs-ceris-carousel.nav-circle .owl-nav { bottom: 325px; } /*post sub*/ } @media (max-width: 767px){ /* Layout */ /*post sub*/ .atbs-ceris-posts-feature-b-update .post-sub{ width: 100%; position: initial; padding: 35px 35px; } .atbs-ceris-posts-feature-b-update .post--horizontal-fullwidth-thumb-large .post__text--wrap, .atbs-ceris-posts-feature-b-update .atbs-ceris-carousel.nav-circle .owl-nav{ left: 35px; } .atbs-ceris-posts-feature-b-update .post--horizontal-fullwidth-thumb-large .post__text--wrap{ width: -webkit-calc(100% - 70px); width: -moz-calc(100% - 70px); width: calc(100% - 70px); } /* Content */ /*post main*/ .atbs-ceris-posts-feature-b-update .post--horizontal-fullwidth-thumb-large .post__thumb { height: 400px; } .atbs-ceris-posts-feature-b-update .atbs-ceris-carousel.nav-circle .owl-prev, .atbs-ceris-posts-feature-b-update .atbs-ceris-carousel.nav-circle .owl-next { /*background-color: #fff;*/ } .atbs-ceris-posts-feature-b-update .atbs-ceris-carousel.nav-circle .owl-prev i, .atbs-ceris-posts-feature-b-update .atbs-ceris-carousel.nav-circle .owl-next i { /*color: var(--color-text);*/ } .atbs-ceris-posts-feature-b-update .atbs-ceris-carousel.nav-circle .owl-nav { bottom: 125px; } } @media (max-width: 576px){ /* Layout */ /*post sub*/ .atbs-ceris-posts-feature-b-update .post-sub{ width: 100%; padding: 0 55px; margin: -80px auto 0 auto; z-index: 1; position: relative; background-color: transparent; } .atbs-ceris-posts-feature-b-update .post-sub .post-list{ margin: 0; background-color: #333; -webkit-box-shadow: 0 43px 20px -20px rgba(0,0,0,.05), 0 0 30px rgba(0,0,0,0.05); -moz-box-shadow: 0 43px 20px -20px rgba(0,0,0,.05), 0 0 30px rgba(0,0,0,0.05); box-shadow: 0 43px 20px -20px rgba(0,0,0,.05), 0 0 30px rgba(0,0,0,0.05); } .atbs-ceris-posts-feature-b-update .post--horizontal-fullwidth-thumb-large .post__text{ left: 0; } .atbs-ceris-posts-feature-b-update .post-sub .list-item{ padding: 25px; width: 100%; } .atbs-ceris-posts-feature-b-update .post-sub .list-item:not(:last-child){ border-bottom: 1px solid rgba(255,255,255,0.2); border-right: none; } /* Content */ /*post main*/ .atbs-ceris-posts-feature-b-update .post--horizontal-fullwidth-thumb-large .post__text--wrap, .atbs-ceris-posts-feature-b-update .atbs-ceris-carousel.nav-circle .owl-nav{ left: 35px; } .atbs-ceris-posts-feature-b-update .post--horizontal-fullwidth-thumb-large .post__thumb{ height: 350px; } .atbs-ceris-posts-feature-b-update .post--horizontal-fullwidth-thumb-large .post__text--wrap{ top: 50px; width: 100%; left: 0; padding: 0 50px; } .atbs-ceris-posts-feature-b-update .post--horizontal-fullwidth-thumb-large .post__title{ font-size: 1.5714rem; /*font system*/ line-height: 1.4; } .atbs-ceris-posts-feature-b-update .atbs-ceris-carousel.nav-circle .owl-nav{ display: none; } .atbs-ceris-posts-feature-b-update .post-main .owl-dots { display: block; position: absolute; left: 50%; top: 230px; padding: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } } @media (max-width: 480px) { /* Layout */ .atbs-ceris-posts-feature-b-update .post--horizontal-fullwidth-thumb-large .post__text{ left: 0; } /* Content */ /*post main*/ .atbs-ceris-posts-feature-b-update .post-main .owl-dots { top: 185px; } .atbs-ceris-posts-feature-b-update .post--horizontal-fullwidth-thumb-large .post__text--wrap{ top: 45px; padding: 0 25px; } .atbs-ceris-posts-feature-b-update .post--horizontal-fullwidth-thumb-large .post__thumb{ height: 300px; } .atbs-ceris-posts-feature-b-update .post--horizontal-fullwidth-thumb-large .post__title{ font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; font-weight: 600; max-width: 100%; } .atbs-ceris-posts-feature-b-update .post--horizontal-fullwidth-thumb-large .post__cat { margin-bottom: 10px; } /*Post Sub*/ .atbs-ceris-posts-feature-b-update .post-sub{ padding: 0 25px; } } @media (max-width: 420px) { /* Layout */ .atbs-ceris-posts-feature-b-update .post-sub .list-item{ padding: 20px; } /* Content */ .atbs-ceris-posts-feature-b-update .post--horizontal-fullwidth-thumb-large .post__text--wrap{ top: 50px; } .atbs-ceris-posts-feature-b-update .post--horizontal-fullwidth-thumb-large .post__text{ left:0; -webkit-transform: translate(0); -ms-transform: translate(0); -moz-transform: translate(0); -o-transform: translate(0); transform: translate(0); max-width: 100%; padding-left: 0; } .atbs-ceris-posts-feature-b-update .post--horizontal-fullwidth-thumb-large .post__title{ max-width: 100%; } .atbs-ceris-posts-feature-b-update .post--horizontal-fullwidth-thumb-large .post__title { font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; } } @media (max-width: 380px) { /* Layout */ .atbs-ceris-posts-feature-b-update .post-sub{ margin: -50px auto 0 auto; padding: 0 20px; } /* Content */ .atbs-ceris-posts-feature-b-update .post--horizontal-fullwidth-thumb-large .post__text--wrap{ top: 45px; padding: 0 20px; } .atbs-ceris-posts-feature-b-update .post-main .owl-dots { top: 215px; } } @media (max-width: 320px) { /* Layout */ .atbs-ceris-posts-feature-b-update .post-sub{ margin: -50px auto 0 auto; } /* Content */ .atbs-ceris-posts-feature-b-update .post--horizontal-fullwidth-thumb-large .post__text--wrap{ top: 40px; -webkit-transform: translate(0); -ms-transform: translate(0); -moz-transform: translate(0); -o-transform: translate(0); transform: translate(0); } .atbs-ceris-posts-feature-b-update .post--horizontal-fullwidth-thumb-large .post__text{ left: 0; padding-left:0; } .atbs-ceris-posts-feature-b-update .post--horizontal-fullwidth-thumb-large .post__title{ font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; } } /* .Featured D Css ----------------------- */ /* ----------------------- Listing Grid Small */ /* Layout */ .atbs-ceris-post--listing-list-a-update .post-list{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: -20px -25px; } .atbs-ceris-post--listing-list-a-update .list-item{ width: 50%; padding: 20px 25px; } /* Content */ .block-heading.block-heading-has-button nav{ margin-top: 0; } .post__title-line-bottom .post__title{ padding-bottom: 15px; position: relative; } .post__title-line-bottom .post__title:after{ content: ''; width: 50px; height: 3px; left: 0; bottom: 0; position: absolute; background-color: var(--color-text); opacity: 0.7; } a.block-heading__secondary{ color: var(--color-logo); font-size: 15px; line-height: 1.53; } .atbs-ceris-pagination a.btn-default, .atbs-ceris-pagination a.btn-default:active, .atbs-ceris-pagination a.btn-default:hover, .atbs-ceris-pagination a.btn-default:focus{ color: var(--color-logo); border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: none; padding: 0; text-transform: uppercase; font-size: 14px; } .atbs-ceris-pagination a.btn.btn-default:active{ padding: 0; background: none; } .post--horizontal-120 .post__thumb{ width: 120px; height: 120px; margin-left: 25px; } .post--horizontal-120 .post__thumb a{ width: 100%; height: 100%; } .post--horizontal-120 .post__thumb img{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 1199px) { .atbs-ceris-post--listing-list-a-update .post-list{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: -15px -20px; } .atbs-ceris-post--listing-list-a-update .list-item{ padding: 15px 20px; } /* Content */ .post--horizontal-120 .post__thumb{ width: 100px; height: 100px; margin-left: 25px; } } @media (max-width: 991px){ /* Content */ } @media (max-width: 767px){ .atbs-ceris-post--listing-list-a-update .post-list{ margin: -12.5px; } .atbs-ceris-post--listing-list-a-update .list-item{ width: 100%; padding: 12.5px; } /* Content */ .post--horizontal-120.post--horizontal-reverse .post__thumb{ -webkit-box-ordinal-group: 2; -ms-flex-order: 1; -webkit-order: 1; -moz-box-ordinal-group: 2; order: 1; } .post--horizontal-120.post--horizontal-reverse .post__text{ -webkit-box-ordinal-group: 3; -ms-flex-order: 2; -webkit-order: 2; -moz-box-ordinal-group: 3; order: 2; } .post--horizontal-120.post--horizontal-reverse{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: initial; -ms-flex-pack: initial; -webkit-justify-content: initial; -moz-box-pack: initial; justify-content: initial; } .post--horizontal-120 .post__thumb{ margin-left: 0; margin-right: 20px; margin-bottom: 0; } .post--horizontal-120 .post__text{ -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; } } @media (max-width: 380px){ .post--horizontal-120 .post__title{ font-size: 15px; font-size: 1.0714rem; /*font system*/ line-height: 1.5; } } @media (max-width: 320px){ .post--horizontal-120.post--horizontal-reverse .post__thumb{ width: 80px; height: 80px; margin-right: 20px; } .post__title-line-bottom .post__title{ padding-bottom: 0; } .post__title-line-bottom .post__title:after{ display: none; } } /* .Listing Grid Small ----------------------- */ /* ----------------------- wp Css */ .atbs-thumb-object-fit.post__thumb img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .atbs-thumb-object-fit a{ width: 100%; height: 100%; } .atbs-thumb-object-fit a.post__cat{ width: unset; height: unset; } .post__img--overlay img { position: absolute; width: 100%; height: 100%; } .post__thumb--overlay.post__thumb { position: absolute; width: 100%; height: 100%; } .post__thumb--overlay.post__thumb:after { width: 100%; height: 100%; left: 0; top: 0; content: ''; position: absolute; } a, a:hover{ text-decoration: none; } @media(min-width: 768px){ .custom_post--overlay .post__excerpt{ margin-top: 15px; margin-bottom: 20px; } } @media(max-width: 767px){ .custom_post--overlay .post__excerpt{ display: none; } } .thumb-m-md .post__thumb {margin-bottom: 20px;} .icon-right-center .post-type-icon{ top: 50%; -webkit-transform: translatey(-50%); -ms-transform: translatey(-50%); -moz-transform: translatey(-50%); -o-transform: translatey(-50%); transform: translatey(-50%); } .icon-right-center .post__text--wrap{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .icon-right-center .post__text{ -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; padding-right: 15px; } .icon-right-center .post-type-icon{ position: relative; top: 0; -webkit-transform: translate(0); -ms-transform: translate(0); -moz-transform: translate(0); -o-transform: translate(0); transform: translate(0); left:0; right:0; } .post-type-icon svg{ position: relative; z-index: 2; -webkit-transition: 0.2s all ease; -o-transition: 0.2s all ease; -moz-transition: 0.2s all ease; transition: 0.2s all ease; cursor: pointer; } .post-type-icon:hover svg{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .post-type-icon{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; } .icon-has-animation .post-type-icon:after{ content: ''; border-color: inherit; width: 100%; height: 100%; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; position: absolute; background-color: rgba(255, 255, 255, 1); top: 0; left: 0; opacity: 1; -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -moz-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -o-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-animation-duration: 1.15s; -moz-animation-duration: 1.15s; -o-animation-duration: 1.15s; animation-duration: 1.15s; -webkit-animation-name: video_sc; -moz-animation-name: video_sc; -o-animation-name: video_sc; animation-name: video_sc; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.25s; -o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.25s; -moz-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.25s; transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.25s; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s; } .post-type-icon:hover:after{ -webkit-animation: none; -moz-animation: none; -o-animation: none; animation: none; -webkit-transition: none 0s ease 0s; -o-transition: none 0s ease 0s; -moz-transition: none 0s ease 0s; transition: none 0s ease 0s; } .post-type-icon:hover:before { -webkit-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); display: none; } .post-type-icon:before{ content: ""; position: absolute; top: -10px; left: -10px; height: -webkit-calc(100% + 20px); height: -moz-calc(100% + 20px); height: calc(100% + 20px); width: -webkit-calc(100% + 20px); width: -moz-calc(100% + 20px); width: calc(100% + 20px); -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background-color: rgba(0, 0, 0, 0.1); -webkit-transform: scale(0); -ms-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); z-index: 1; -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.25s; -o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.25s; -moz-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.25s; transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.25s; } @-webkit-keyframes video_sc { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0; } } @-moz-keyframes video_sc { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); transform: scale(1.5); opacity: 0; } } @-o-keyframes video_sc { 0% { -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); opacity: 0; } } @keyframes video_sc { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); opacity: 0; } } .posts-block-main-col-j .small-post-grid-vertical .post__thumb{ margin-bottom: 20px; } @media(max-width: 767px) { .ceris-module-video .posts-no-thumb svg{ -webkit-box-shadow: 0px 0px 2px 0px #cebd25; -moz-box-shadow: 0px 0px 2px 0px #cebd25; box-shadow: 0px 0px 2px 0px #cebd25; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } } @media(width: 768px){ .posts-block-main-col-j .small-post-grid-vertical .post-type-icon{ display: none; } } /* .wp Css ----------------------- */ /* ----------------------- Update Module Ceris */ /* ----------------------- Featured-Slider-B */ /* Layout */ /* Content */ /*post slide*/ .post-slider-text-align-center .owl-carousel .owl-prev, .post-slider-text-align-center .owl-carousel .owl-next { width: 60px; height: 60px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #fff; color: var(--color-logo); -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .owl-prev, .owl-next { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; line-height: initial; } .post--overlay-height-795 .post__text { min-height: 795px; } .post--overlay-text-align-center .post__text{ text-align: center; } .post--overlay-text-align-center .post__text-inner{ position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); max-width: 767px; width: 60%; padding: 0; } .post--overlay-text-align-center .post__cat{ margin-bottom: 20px; font-size: 12px; color: #fff; } .post--overlay-text-align-center .post__title{ font-size: 40px; font-size: 2.8571rem; /*font system*/ font-weight: bold; margin-bottom: 0; text-transform: capitalize; line-height: 1.34; } .post--overlay-text-align-center .post__excerpt{ max-width: 100%; } .post--overlay-text-align-center .post__meta { margin-top: 20px; font-size: 14px; } .post-slider-text-align-center .owl-carousel .owl-prev, .post-slider-text-align-center .owl-carousel .owl-next{ width: 60px; height: 60px; } .post-slider-text-align-center .owl-carousel .owl-prev i, .post-slider-text-align-center .owl-carousel .owl-next i{ font-size: 20px; } .post-slider-text-align-center .owl-carousel .owl-prev:hover, .post-slider-text-align-center .owl-carousel .owl-next:hover{ background-color: var(--color-logo); color: #fff; } .post-slider-text-align-center .owl-carousel .owl-prev{ left: -webkit-calc(50% - 1280px/2 ); left: -moz-calc(50% - 1280px/2 ); left: calc(50% - 1280px/2 ); } .post-slider-text-align-center .owl-carousel .owl-next{ right: -webkit-calc(50% - 1280px/2); right: -moz-calc(50% - 1280px/2); right: calc(50% - 1280px/2); } .post-slider-text-align-center .owl-carousel .owl-dots{ position: absolute; left: 50%; bottom: 55px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); padding: 0; } .post-slider-text-align-center .owl-carousel .owl-dots .owl-dot span{ background-color: rgba(255,255,255,0.6); } .post-slider-text-align-center .owl-carousel .owl-dots .owl-dot.active span{ background-color: rgba(255,255,255,1); } @media (max-width: 1366px){ /* Layout */ /* Content */ .post-slider-text-align-center .owl-carousel .owl-prev{ left: -webkit-calc(50% - 1170px/2 ); left: -moz-calc(50% - 1170px/2 ); left: calc(50% - 1170px/2 ); } .post-slider-text-align-center .owl-carousel .owl-next{ right: -webkit-calc(50% - 1170px/2); right: -moz-calc(50% - 1170px/2); right: calc(50% - 1170px/2); } .post--overlay-text-align-center.post--overlay .post__text{ min-height: 700px; } .post--overlay-text-align-center .post__title{ font-size: 2.8571rem; /*font system*/ } } @media (max-width: 1199px) { /* Layout */ /* Content */ .post--overlay-text-align-center .post__text-inner { max-width: 600px; } .post--overlay-text-align-center.post--overlay .post__text { min-height: 600px; } .post--overlay-text-align-center .post__title { font-size: 30px; font-size: 2.1428rem; /*font system*/ } .post-slider-text-align-center .owl-carousel .owl-prev{ left: -webkit-calc(50% - 940px/2 ); left: -moz-calc(50% - 940px/2 ); left: calc(50% - 940px/2 ); } .post-slider-text-align-center .owl-carousel .owl-next{ right: -webkit-calc(50% - 940px/2); right: -moz-calc(50% - 940px/2); right: calc(50% - 940px/2); } } @media (max-width: 991px) { /* Layout */ /* Content */ .post--overlay-text-align-center .post__text-inner { max-width: 650px; width: 60%; } .post--overlay-text-align-center.post--overlay .post__text { min-height: 500px; } .post--overlay-text-align-center .post__title { font-size: 28px; font-size: 2rem; /*font system*/ } .post-slider-text-align-center .owl-carousel .owl-prev{ left: -webkit-calc(50% - 720px/2 ); left: -moz-calc(50% - 720px/2 ); left: calc(50% - 720px/2 ); } .post-slider-text-align-center .owl-carousel .owl-next{ right: -webkit-calc(50% - 720px/2); right: -moz-calc(50% - 720px/2); right: calc(50% - 720px/2); } .post-slider-text-align-center .owl-carousel .owl-dots{ bottom: 40px; } } @media (max-width: 767px) { /* Layout */ /* Content */ .post--overlay-text-align-center .post__text-inner { max-width: 100%; width: 75%; } .post--overlay-text-align-center.post--overlay .post__text { min-height: 450px; } .post--overlay-text-align-center .post__cat { font-size: 12px; margin-bottom: 13px; } .post--overlay-text-align-center .post__title { font-size: 25px; font-size: 1.7857rem; /*font system*/ line-height: 1.5; } .post-slider-text-align-center .owl-carousel .owl-nav{ display: none; } } @media (max-width: 576px) { /* Layout */ /* Content */ .post--overlay-text-align-center .post__text-inner { max-width: 100%; } .post--overlay-text-align-center.post--overlay .post__text { min-height: 350px; } .post--overlay-text-align-center .post__title { font-size: 24px; font-size: 1.7142rem; /*font system*/ line-height: 1.5; } .post-slider-text-align-center .owl-carousel .owl-dots { bottom: 35px; } } @media (max-width: 480px) { /* Layout */ /* Content */ .post--overlay-text-align-center .post__text-inner { max-width: 100%; width: 70%; } .post--overlay-text-align-center.post--overlay .post__text { min-height: 300px; } .post--overlay-text-align-center .post__title { font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; font-weight: 600; } .post-slider-text-align-center .owl-carousel .owl-dots { bottom: 30px; } } @media (max-width: 420px) { /* Layout */ /* Content */ .post--overlay-text-align-center .post__text-inner { max-width: 100%; width: 75%; } .post--overlay-text-align-center.post--overlay .post__text { min-height: 300px; } .post--overlay-text-align-center .post__title { font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; } } @media (max-width: 380px) { /* Layout */ /* Content */ .post--overlay-text-align-center .post__text-inner { max-width: 100%; width: 80%; } .post--overlay-text-align-center.post--overlay .post__text { min-height: 280px; } .post-slider-text-align-center .owl-carousel .owl-dots { bottom: 20px; } } @media (max-width: 320px) { /* Layout */ /* Content */ .post--overlay-text-align-center .post__text-inner { width: 85%; } .post--overlay-text-align-center.post--overlay .post__text { min-height: 270px; } } /* .Featured-Slider-B ----------------------- */ /* ----------------------- Featured-Slider-C */ /* Layout */ .featured-slider-c .atbs-ceris-block__inner{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; } .featured-slider-c .owl-background{ width: 50%; height: 768px; position: relative; } .featured-slider-c .owl-background a{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; visibility: hidden; opacity: 0; } .featured-slider-c .owl-background a img { width: 100%; height: 100%; object-fit: cover; } .featured-slider-c .owl-background a.active { visibility: initial; opacity: 1; } .featured-slider-c .block__inner--wrap{ width: 50%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; } .featured-slider-c .owl-carousel{ max-width: 576px; margin: 0 auto; } .featured-slider-c .owl-carousel .owl-stage-outer{ margin-bottom: 45px; } /* Content */ .post--horizontal-50-percent .post__thumb{ display: none; } .featured-slider-c .post__cat, .featured-slider-c a.post__cat { margin-bottom: 15px; } .post--horizontal-50-percent .post__title{ font-size: 36px; font-size: 2.5714rem; /*font system*/ line-height: 1.4; font-weight: 700; } .owl-carousel.button--dots-center-nav .owl-nav{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .owl-carousel.button--dots-center-nav .owl-prev, .owl-carousel.button--dots-center-nav .owl-next{ background-color: transparent; border: 1px solid rgba(34,34,34,0.2); color: #888; width: 45px; height: 45px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: relative; -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; transform: none; top: unset; left: unset; right: unset; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:-moz-box; display:flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; padding: 0; } .owl-carousel.button--dots-center-nav .owl-prev:hover, .owl-carousel.button--dots-center-nav .owl-next:hover{ color: #fff; background: red; border-color: red; } .owl-carousel.button--dots-center-nav .owl-next{ position: absolute; } .owl-carousel.button--dots-center-nav .owl-prev i, .owl-carousel.button--dots-center-nav .owl-next i{ font-size: 16px; } .owl-carousel.button--dots-center-nav .owl-dots{ display: inline-block; padding: 0; position: absolute; /*bottom: calc( 30px / 2 );*/ /*transform: translateY(-50%);*/ } .owl-carousel.button--dots-center-nav .owl-dot.active span{ background-color: #222222; opacity: 1; } .owl-carousel.button--dots-center-nav .owl-dot span{ background-color: #222222; opacity: 0.15; } @media (max-width: 1366px){ /* Layout */ .featured-slider-c .owl-carousel { max-width: 70%; } .featured-slider-c .owl-background{ height: 670px; } /* Content */ .post--horizontal-50-percent .post__title { font-size: 32px; font-size: 2.2857rem; /*font system*/ } } @media (max-width: 1199px){ /* Layout */ .featured-slider-c .owl-carousel { max-width: 80%; } .featured-slider-c .owl-background { height: 555px; width: 55%; } .featured-slider-c .block__inner--wrap{ width: 45%; } .featured-slider-c .owl-carousel .owl-stage-outer { margin-bottom: 40px; } /* Content */ } @media (max-width: 991px){ /* Layout */ .featured-slider-c .owl-carousel .owl-stage-outer { margin-bottom: 35px; } /* Content */ .post--horizontal-50-percent .post__title { font-size: 26px; font-size: 1.8571rem; /*font system*/ line-height: 1.34; } .featured-slider-c .owl-background{ height: 500px; } } @media (max-width: 767px){ /* Layout */ .featured-slider-c .block__inner--wrap{ width: 720px; height: 100%; /*position: absolute;*/ /*left: 25px;*/ } .featured-slider-c .owl-carousel{ margin-left: 0; max-width: 100%; } .featured-slider-c .owl-carousel .owl-stage-outer{ margin-bottom: 0; } .featured-slider-c .owl-background{ width: 100%; height: 450px; margin-bottom: 25px; } /* Content */ /*.featured-slider-c .owl-background:before{*/ /* content: '';*/ /* position: absolute;*/ /* left: 0;*/ /* top: 0;*/ /* width: 100%;*/ /* height: 100%;*/ /* background-color: rgba(0,0,0,0.4);*/ /* z-index: 1;*/ /*}*/ .post--horizontal-50-percent .post__text--wrap{ max-width: 100%; width: 70%; margin: 0 auto; } .post--horizontal-50-percent .post__cat{ /*color: #fff;*/ } .post--horizontal-50-percent .post__title{ /*color: #fff;*/ font-weight: 700; font-size: 22px; font-size: 1.5714rem; /*font system*/ } .featured-slider-c .owl-carousel.button--dots-center-nav .owl-prev, .featured-slider-c .owl-carousel.button--dots-center-nav .owl-next{ /*color: #fff;*/ /*border: 1px solid rgba(255,255,255,0.6);*/ width: 50px; height: 50px; } .featured-slider-c .owl-carousel.button--dots-center-nav .owl-dot.active span{ background-color: #fff; } .featured-slider-c .owl-carousel.button--dots-center-nav .owl-dot span{ background-color: rgba(255,255,255,0.65); } .featured-slider-c .owl-carousel.button--dots-center-nav .owl-dots{ left: 50% !important; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: -webkit-calc( 100% + 45px) !important; bottom: -moz-calc( 100% + 45px) !important; bottom: calc( 100% + 45px) !important; } .featured-slider-c .owl-carousel.button--dots-center-nav .owl-nav{ display: none; } } @media (max-width: 767px){ .featured-slider-c .block__inner--wrap{ width: 100%; padding: 0 15px; } } @media(max-width: 767px){ .featured-slider-c .atbs-ceris-block__inner { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; flex-direction: column-reverse; } } @media (max-width: 576px){ /* Layout */ .featured-slider-c .owl-background{ height: 350px; } /* Content */ .featured-slider-c .owl-carousel .owl-stage-outer { margin-bottom: 0; } .post--horizontal-50-percent .post__text--wrap { width: 70%; } .post--horizontal-50-percent .post__title{ font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; } } @media (max-width: 480px){ /* Layout */ /* Content */ .featured-slider-c .owl-background { height: 300px; } .post--horizontal-50-percent .post__text--wrap { width: 80%; } .featured-slider-c .owl-carousel.button--dots-center-nav .owl-prev, .featured-slider-c .owl-carousel.button--dots-center-nav .owl-next{ width: 40px; height: 40px; } .featured-slider-c .owl-carousel.button--dots-center-nav .owl-dots{ bottom: -webkit-calc( 100% + 35px) !important; bottom: -moz-calc( 100% + 35px) !important; bottom: calc( 100% + 35px) !important; } .post--horizontal-50-percent .post__title{ font-weight: 600; } } @media (max-width: 420px){ /* Layout */ /* Content */ } @media (max-width: 380px){ /* Layout */ /* Content */ .featured-slider-c .owl-background { height: 280px; } .post--horizontal-50-percent .post__text--wrap { width: 90%; } .post--horizontal-50-percent .post__title { font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; } } @media (max-width: 320px){ /* Layout */ /* Content */ .post--horizontal-50-percent .post__title { font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } } /* Featured-Slider-C ----------------------- */ /* ----------------------- Featured-Slider-D */ /* Layout */ /* Content */ /*---video---*/ /*color text*/ .post-grid-video-space-between .post__title, .post-grid-video-space-between .post__cat, .post-grid-video-space-between .post__excerpt{ color: #fff; } .post-grid-video-space-between a.post__cat.cat-theme{ color: #fff !important; } /*thumb*/ .post-grid-video-space-between .background-img:after{ opacity: 0.2; background-color: #232323; } /*text*/ .post-grid-video-space-between .post__text{ -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; padding: 0 65px; } .post-grid-video-space-between .post__title{ font-size: 26px; line-height: 1.33; font-weight: bold; margin-bottom: 35px; } .post-grid-video-space-between .post__excerpt{ margin-bottom: 0; } .post-grid-video-space-between .post__text-inner{ padding: 0; max-width: 300px; } .post-grid-video-space-between.post-grid-video-space-between__style-6 .post__text { -webkit-box-align: unset; -ms-flex-align: unset; -webkit-align-items: unset; -moz-box-align: unset; align-items: unset; -webkit-box-pack: unset; -ms-flex-pack: unset; -webkit-justify-content: unset; -moz-box-pack: unset; justify-content: unset; text-align: center; } .post--overlay-height-700 .post__text { min-height: 700px; } .post-grid-video-space-between.post-grid-video-space-between__style-6{ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .post-grid-video-space-between.post-grid-video-space-between__style-6 .post__text{ -webkit-box-align: unset; -ms-flex-align: unset; -webkit-align-items: unset; -moz-box-align: unset; align-items: unset; -webkit-box-pack: unset; -ms-flex-pack: unset; -webkit-justify-content: unset; -moz-box-pack: unset; justify-content: unset; text-align: center; } .post-grid-video-space-between.post-grid-video-space-between__style-6 .post__text-inner{ max-width: 767px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .post-grid-video-space-between.post-grid-video-space-between__style-6 .background-img:after{ opacity: 0.3; } .post-grid-video-space-between.post-grid-video-space-between__style-6 .post__title{ font-size: 40px; font-size: 2.8571rem; /*font system*/ line-height: 1.4; font-weight: 700; margin-bottom: 0; } .post-grid-video-space-between.post-grid-video-space-between__style-6 .post__title a{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .post-grid-video-space-between.post-grid-video-space-between__style-6 .post-type-icon { margin: 0 auto 45px auto; display: block; } .post-grid-video-space-between.post-grid-video-space-between__style-6 .post-score-hexagon { margin-bottom: 45px; } .post-grid-video-space-between.post-grid-video-space-between__style-6 .gallery-icon { display: inline-block; position: relative; top:unset; right: unset; margin-bottom: 35px; margin-left: auto; margin-right: auto; left: inset; right: unset; } @media(min-width: 768px){ .post-grid-video-space-between.post-grid-video-space-between__style-6 .post-type-icon { width: 78px; height: 78px; position: relative; } .post-grid-video-space-between.post-grid-video-space-between__style-6 .post-type-icon svg{ width: 78px; height: 78px; } } @media(max-width: 767px){ .post-grid-video-space-between.post-grid-video-space-between__style-6 .post-type-icon { width: 60px; height: 60px; position: relative; } .post-grid-video-space-between.post-grid-video-space-between__style-6 .post-type-icon svg{ width: 60px; height: 60px; } } .featured-slider-d .owl-carousel .owl-nav{ display: none; } .featured-slider-d .owl-carousel .owl-dots{ position: absolute; right: 5%; display: block; padding: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .featured-slider-d .owl-carousel .owl-dot{ display: block; } .featured-slider-d .owl-carousel .owl-dot.active span{ background-color: #fff; opacity: 1; } .featured-slider-d .owl-carousel .owl-dot span{ background-color: #fff; opacity: 0.6; } .featured-slider-d .post-grid-video-space-between.post-grid-video-space-between__style-6 .post__text-inner{ top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } @media (max-width: 1199px){ /* Layout */ /* Content */ .post-grid-video-space-between.post-grid-video-space-between__style-6 .post__text{ min-height: 555px; } .post-grid-video-space-between.post-grid-video-space-between__style-6 .post__text-inner{ max-width: 560px; } .post-grid-video-space-between.post-grid-video-space-between__style-6 .post__title{ font-size: 32px; font-size: 2.2857rem; /*font system*/ } .post-grid-video-space-between.post-grid-video-space-between__style-6 .post-type-icon{ margin: 0 auto 35px auto; } .post-grid-video-space-between.post-grid-video-space-between__style-6 .post-score-hexagon { margin-bottom: 35px; } .post-grid-video-space-between.post-grid-video-space-between__style-6 .gallery-icon{ margin-bottom: 30px; } } @media (max-width: 991px){ /* Layout */ /* Content */ .post-grid-video-space-between.post-grid-video-space-between__style-6 .post__text{ min-height: 500px; } .post-grid-video-space-between.post-grid-video-space-between__style-6 .post__text-inner { max-width: 475px; } .post-grid-video-space-between.post-grid-video-space-between__style-6 .post__title{ font-size: 28px; font-size: 2rem; /*font system*/ } } @media (max-width: 767px){ /* Layout */ /* Content */ .post-grid-video-space-between.post-grid-video-space-between__style-6 .post__text{ min-height: 450px; } .post-grid-video-space-between.post-grid-video-space-between__style-6 .post__text-inner{ width: 65%; } .post-grid-video-space-between.post-grid-video-space-between__style-6 .post__title{ font-size: 25px; font-size: 1.7857rem; /*font system*/ } .post-grid-video-space-between.post-grid-video-space-between__style-6 .post__button a{ width: 70px; height: 70px; } } @media (max-width: 576px){ /* Layout */ /* Content */ .post-grid-video-space-between.post-grid-video-space-between__style-6 .post__text{ min-height: 350px; } .post-grid-video-space-between.post-grid-video-space-between__style-6 .post__text-inner{ top: 60%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .post-grid-video-space-between.post-grid-video-space-between__style-6 .post__title{ /*font-size: 24px;*/ /*font-size: 1.7142rem; !*font system*!*/ font-size: 22px; font-size: 1.5714rem; } .post-grid-video-space-between.post-grid-video-space-between__style-6 .post-type-icon{ margin: 0 auto 30px auto; } .post-grid-video-space-between.post-grid-video-space-between__style-6 .post-score-hexagon { margin-bottom: 30px; } .post-grid-video-space-between.post-grid-video-space-between__style-6 .gallery-icon{ margin-bottom: 25px; } } @media (max-width: 480px){ /* Layout */ /* Content */ .post-grid-video-space-between.post-grid-video-space-between__style-6 .post__text{ min-height: 300px; } .post-grid-video-space-between.post-grid-video-space-between__style-6 .post__text-inner{ padding-right: 0; width: 70%; } .post-grid-video-space-between.post-grid-video-space-between__style-6 .post__title{ font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; font-weight: 600; } .post-grid-video-space-between.post-grid-video-space-between__style-6 .post-type-icon { margin: 0 auto 25px auto; } .post-grid-video-space-between.post-grid-video-space-between__style-6 .post-score-hexagon { margin-bottom: 25px; } } @media (max-width: 380px){ /* Layout */ /* Content */ .post-grid-video-space-between.post-grid-video-space-between__style-6 .post__text{ min-height: 280px; } .post-grid-video-space-between.post-grid-video-space-between__style-6 .post__text-inner{ width: 80%; } .post-grid-video-space-between.post-grid-video-space-between__style-6 .post__title{ font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; } .featured-slider-d .owl-carousel .owl-dots{ right: unset; padding: 0; left: 50%; top: unset; bottom: 25px; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); position: initial; } .featured-slider-d .owl-carousel .owl-dot{ display: inline-block; padding-top: 20px; } .featured-slider-d .owl-carousel .owl-dot.active span{ background-color: var(--color-logo); opacity: 1; } .featured-slider-d .owl-carousel .owl-dot span{ background-color: #000; opacity: 0.4; } } @media (max-width: 320px){ /* Layout */ /* Content */ .post-grid-video-space-between.post-grid-video-space-between__style-6 .post__text { min-height: 260px; } } /* Featured-Slider-D ----------------------- */ /* ----------------------- Featured-Slider-E */ /* Layout */ /* Content */ .post--vertical-text-wrap .post__thumb{ margin-bottom: 40px; } .featured-slider-e .post__cat, .featured-slider-e a.post__cat { margin-bottom: 15px; } .post--vertical-text-wrap .post__text{ padding: 0 100px; } .post--vertical-text-wrap .post__text--inner{ max-width: 100%; } .post--vertical-text-wrap .post__text--col-1 { max-width: 550px; margin-right: 80px; } .post--vertical-text-wrap .post__title{ font-size: 26px; font-size: 1.8571rem; /*font system*/ line-height: 1.5; font-weight: 700; } .post--vertical-text-wrap .post__excerpt{ margin-bottom: 0; } .post--vertical-text-wrap .post-type-icon { left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); right: auto; bottom: auto; } .featured-slider-e .owl-carousel .owl-dots{ display: none; } .featured-slider-e .owl-carousel .owl-prev, .featured-slider-e .owl-carousel .owl-next{ top: -webkit-calc(580px / 2); top: -moz-calc(580px / 2); top: calc(580px / 2); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 60px; height: 60px; background-color: #fff; color: #131313; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 14px 8px #13131321; -moz-box-shadow: 0 14px 8px #13131321; box-shadow: 0 14px 8px #13131321; -webkit-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } .featured-slider-e .owl-carousel .owl-prev{ left: 60px; } .featured-slider-e .owl-carousel .owl-next{ right: 60px; } .featured-slider-e .owl-carousel .owl-prev i, .featured-slider-e .owl-carousel .owl-next i{ font-size: 20px; } .featured-slider-e .owl-carousel .owl-prev:hover, .featured-slider-e .owl-carousel .owl-next:hover{ background-color: var(--color-logo); color: #fff; } @media (max-width: 1199px){ /* Layout */ /* Content */ .post--vertical-text-wrap .post__thumb{ height: 450px; } .post--vertical-text-wrap .post__text { padding: 0 70px; } .post--vertical-text-wrap .post__title { font-size: 24px; font-size: 1.7142rem; /*font system*/ } .featured-slider-e .owl-carousel .owl-prev, .featured-slider-e .owl-carousel .owl-next{ top: -webkit-calc(450px / 2); top: -moz-calc(450px / 2); top: calc(450px / 2); } } @media (max-width: 991px){ /* Layout */ /* Content */ .post--vertical-text-wrap .post__text--wrap { display: block; } .post--vertical-text-wrap .post__text--col-1 { margin-bottom: 20px; margin-right: 0; } .post--vertical-text-wrap .post__thumb { height: 385px; margin-bottom: 25px; } .post--vertical-text-wrap .post__text { padding: 0 40px; } .post--vertical-text-wrap .post__title { font-size: 24px; font-size: 1.7142rem; /*font system*/ line-height: 1.5; } .featured-slider-e .owl-carousel .owl-prev, .featured-slider-e .owl-carousel .owl-next{ top: -webkit-calc(385px / 2); top: -moz-calc(385px / 2); top: calc(385px / 2); width: 50px; height: 50px; } .featured-slider-e .owl-carousel .owl-prev{ left: 40px; } .featured-slider-e .owl-carousel .owl-next{ right: 40px; } } @media (max-width: 767px){ /* Layout */ /* Content */ .post--vertical-text-wrap .post__thumb { height: 300px; } .post--vertical-text-wrap .post__text--inner { max-width: 100%; margin: 0 auto; } .post--vertical-text-wrap .post__title{ max-width: 100%; font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; margin-right: 0; margin-bottom: 15px; } .post--vertical-text-wrap .post__text--wrap{ display: block; } .featured-slider-e .owl-carousel .owl-dots{ display: block; top: 260px; position: absolute; padding: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .featured-slider-e .owl-carousel .owl-dots .owl-dot.active span{ background-color: #fff; } .featured-slider-e .owl-carousel .owl-nav { display: none; } .post--vertical-text-wrap .post__text { padding: 0 30px; } } @media (max-width: 480px){ /* Layout */ /* Content */ .post--vertical-text-wrap .post__text--col-2 { display: none; } .post--vertical-text-wrap .post__text { padding: 0; } .post--vertical-text-wrap .post__thumb { height: 280px; } .featured-slider-e .owl-carousel .owl-dots{ top: 240px; } .post--vertical-text-wrap .post__title{ font-weight: 600; } } @media (max-width: 380px){ /* Layout */ /* Content */ .post--vertical-text-wrap .post__thumb { height: 240px; } .featured-slider-e .owl-carousel .owl-dots{ top: 210px; } .post--vertical-text-wrap time.time{ display: none; } } @media (max-width: 320px){ /* Layout */ /* Content */ .post--vertical-text-wrap .post__thumb { height: 210px; } .post--vertical-text-wrap .post__title{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } .featured-slider-e .owl-carousel .owl-dots { top: 180px; } } /* .Featured-Slider-E ----------------------- */ /* ----------------------- Featured Slider F */ /* Layout */ .post--overlay-height-85vh .post__text { min-height: 85vh; } .atbs-ceris-carousel-1i .post--overlay-text-center-bottom .post__text-inner-top{ max-width: 900px; } .post--overlay-text-center-bottom .post__text a.post__cat { margin-bottom: 15px; } /* Content */ .post--overlay-text-center-bottom .post__text-inner{ display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: end; -webkit-align-content: flex-end; align-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-box-align: end; align-items: flex-end; width: 100%; padding: 30px 50px; } .post--overlay-text-center-bottom .post__text{ text-align: center; } .post--overlay-text-center-bottom .post__text-inner-top{ position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 100%; max-width: 750px; padding: 0 50px; } .post--overlay-text-center-bottom .post__thumb:after{ opacity: 0.2; background-color: #000; } .post--overlay-text-center-bottom .post__title{ font-size: 34px; font-size: 2.4285rem; /*font system*/ line-height: 1.5; font-weight: 700; } .post--overlay-text-center-bottom .post__cat{ color: #fff; } .post--overlay-text-center-bottom .entry-author{ display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; margin: 0 auto; } .post--overlay-text-center-bottom .entry-author img{ width: 35px; height: 35px; } .post--overlay-text-center-bottom .entry-author .entry-author__name{ font-size: 14px; text-transform: uppercase; letter-spacing: 1px; } .featured-slider-f .owl-carousel .owl-dots{ display: none; } .featured-slider-f .owl-carousel .owl-prev, .featured-slider-f .owl-carousel .owl-next{ width: 40px; height: 80px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: rgba(0,0,0,.24); } .featured-slider-f .owl-carousel .owl-prev i, .featured-slider-f .owl-carousel .owl-next i{ font-size: 20px; } .featured-slider-f .owl-carousel .owl-prev:hover, .featured-slider-f .owl-carousel .owl-next:hover{ background: rgba(0,0,0,.4); } @media (max-width: 1366px){ .post--overlay-text-center-bottom .post__title{ font-size: 32px; font-size: 2.2857rem; /*font system*/ } } @media (max-width: 1199px){ /* Layout */ .atbs-ceris-post--listing-grid-2-item-vertical .list-item{ width: -webkit-calc(100% / 2); width: -moz-calc(100% / 2); width: calc(100% / 2); } /* Content */ .post--overlay-text-center-bottom .post__title { font-size: 28px; font-size: 2rem; /*font system*/ } } @media (max-width: 991px){ /* Content */ .post--overlay-text-center-bottom .post__title { font-size: 28px; font-size: 2rem; /*font system*/ } } @media (max-width: 767px){ /* Layout */ .featured-slider-f .owl-carousel .owl-dots{ display: block; padding-bottom: 0; padding-top: 20px; } .featured-slider-f .owl-carousel .owl-nav{ display: none; } /* Content */ .post--overlay-text-center-bottom .post__title { font-size: 24px; font-size: 1.7142rem; /*font system*/ line-height: 1.4; } .post--overlay-text-center-bottom .entry-author .entry-author__name{ font-size: 13px; } } @media (max-width: 576px){ /* Content */ .post--overlay-text-center-bottom .post__title { font-size: 22px; font-size: 1.5714rem; /*font system*/ line-height: 1.4; } } @media (max-width: 480px){ /* Content */ .post--overlay-text-center-bottom .post__title { font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; font-weight: 600; } } @media (max-width: 380px){ /* Content */ .post--overlay-text-center-bottom .post__text-inner-top{ padding: 0 20px; } } /* Featured Slider F ----------------------- */ /* ----------------------- Ceris-Grid-M */ /* Layout */ .post--overlay-height-460 .post__text { min-height: 460px; } .ceris-grid-m{ padding: 60px 0 60px 0; background-color: #131313; } .ceris-grid-m.background-version-white{ padding: 0 0 0 0; background-color: #fff; } .ceris-grid-m.background-version-gray{ background-color: #fafafa; } .ceris-grid-m:not(.background-version-white) .block-heading .block-heading__title { color: #fff; } .ceris-grid-m.background-version-gray .block-heading .block-heading__title{ color: #222222; } .ceris-grid-m .block-heading--line.block-heading:after{ background-color: #fff; } .ceris-grid-m .block-heading--line-under.block-heading{ border-bottom: 2px solid rgba(255, 255, 255, 0.3); } .ceris-grid-m.background-version-white .block-heading--line.block-heading:after{ background-color: #222222; } .ceris-grid-m.background-version-gray .block-heading--line.block-heading:after{ background-color: #222222; } .ceris-grid-m.background-version-gray .block-heading--line-under.block-heading{ border-bottom: 2px solid rgba(2, 2, 2, 0.3); } .ceris-grid-m.background-version-white .block-heading--line-under.block-heading{ border-bottom: 2px solid rgba(2, 2, 2, 0.3); } .ceris-grid-m .atbs-ceris-block__inner{ display: -webkit-box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: -15px; } .ceris-grid-m .atbs-ceris-block__inner > div{ padding: 15px; } .ceris-grid-m .post-main{ -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; } .ceris-grid-m .post-main a.post__cat{ margin-bottom: 15px; } .ceris-grid-m .post-sub{ width: 400px; } .ceris-grid-m .post-sub .post-sub__inner{ height: 460px; overflow-y: auto; padding-right: 40px; } .ceris-grid-m .post-sub .post-sub__inner::-webkit-scrollbar { width: 2px; } .ceris-grid-m .post-sub .post-sub__inner::-webkit-scrollbar-thumb{ background-color: #9B9B9B ; } .ceris-grid-m .post-sub .post-list .list-item:not(:last-child){ margin-bottom: 20px; } /* Content */ /*post main*/ .ceris-grid-m .post-main .post-grid-video-space-between.post--overlay{ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .ceris-grid-m .post-main .post-grid-video-space-between .post__text{ padding: 0 60px; pointer-events: none; z-index: 1; } .ceris-grid-m .post-main .post-grid-video-space-between .post__text a.post__cat { pointer-events: auto; } .ceris-grid-m .post-main .post-grid-video-space-between .post__text-inner { max-width: 480px; -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; } .ceris-grid-m .post-main .post-grid-video-space-between .post__title{ font-size: 28px; font-size: 2rem; /*font system*/ line-height: 1.4; margin-bottom: 15px; } .ceris-grid-m.background-version-white .post-sub .post--horizontal-video .post__title{ color: var(--color-excerpt-1); } .ceris-grid-m.background-version-white .post-sub .post--horizontal-video .inverse-text{ color: var(--color-excerpt-1); } .ceris-grid-m.background-version-white .post-sub .post--horizontal-video .post__title a{ color: var(--color-excerpt-1); } .ceris-grid-m.background-version-gray .post-sub .post--horizontal-video .post__title{ color: var(--color-excerpt-1); } .ceris-grid-m.background-version-gray .post-sub .post--horizontal-video .inverse-text{ color: var(--color-excerpt-1); } .ceris-grid-m.background-version-gray .post-sub .post--horizontal-video .post__title a{ color: var(--color-excerpt-1); } .ceris-grid-m .post-main .post-grid-video-space-between time.time{ color: #fff; opacity: 0.6; } .ceris-grid-m .post-main .post-grid-video-space-between .post-type-icon{ margin-right: 0; margin-left: 15px; width: 64px; height: 64px; position: relative; } @media(max-width: 767px){ .ceris-grid-m .post-main .post-grid-video-space-between .post-type-icon{ width: 60px; height: 60px; } } /*post sub*/ .post--horizontal-video .post__thumb{ width: 130px; height: 85px; margin-right: 15px; } .post--horizontal-video .post__title{ font-size: 15px; font-size: 1.0714rem; /*font system*/ line-height: 1.53; margin-bottom: 5px; } .ceris-grid-m .post-sub .post--horizontal-video .time{ opacity: 0.7; font-weight: 300; } @media (max-width: 1199px){ /* Layout */ .ceris-grid-m .post-sub .post-sub__inner{ height: auto; max-height: 370px; overflow-y: auto; } /* Content */ /*post main*/ .ceris-grid-m .post-main .post-grid-video-space-between .post__text { padding: 0 40px; min-height: 370px; } .ceris-grid-m .post-main .post-grid-video-space-between .post__title { font-size: 24px; font-size: 1.7142rem; /*font system*/ line-height: 1.5; margin-bottom: 15px; } } @media (max-width: 991px){ /* Layout */ .ceris-grid-m{ padding: 60px 0; } .ceris-grid-m .atbs-ceris-block__inner{ margin: -20px; } .ceris-grid-m .atbs-ceris-block__inner > div { padding: 20px; width: 100%; } /* Content */ .ceris-grid-m .block-heading.block-heading-small:after{ content: ''; display: block; -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; height: 1px; background-color: rgba(255,255,255,0.1); margin-left: 20px; } /*post main*/ .ceris-grid-m .post-main .post-grid-video-space-between .post__title{ font-size: 22px; font-size: 1.5714rem; line-height: 1.41; } /*post sub*/ .ceris-grid-m .post-main .post-grid-video-space-between .post__text-inner { max-width: 100%; } .ceris-grid-m .post-main .post-grid-video-space-between .post__text { padding: 0 30px; max-width: 650px; } .ceris-grid-m .post-main .post-grid-video-space-between .post-type-icon { display: none; } .post--horizontal-video .post__thumb { width: 150px; height: 90px; margin-right: 15px; } .post--horizontal-video .post__title{ font-size: 17px; font-size: 1.2142rem; /*font system*/ line-height: 1.5; max-width: 400px; } } @media (max-width: 767px){ /* Content */ /*post main*/ .ceris-grid-m .post-main .post-grid-video-space-between .post__text { min-height: 350px; } /*post sub*/ .post--horizontal-video{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; } .post--horizontal-video .post__thumb{ margin-bottom: 0; } .post--horizontal-video .post__text{ -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; } } @media (max-width: 480px){ /* Content */ .ceris-grid-m .post-main .post-grid-video-space-between .post__text { min-height: 310px; padding: 0 20px; } .ceris-grid-m .post-main .post-grid-video-space-between .post__title{ font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; font-weight: 600; } /*post sub*/ .ceris-grid-m .post-sub .post-sub__inner{ padding-right: 20px; } } @media (max-width: 420px){ .ceris-grid-m .post-main .post-grid-video-space-between .post-type-icon{ display: none; } } @media (max-width: 380px){ /* Content */ /*post main*/ .ceris-grid-m .post-main .post-grid-video-space-between .post__text { min-height: 260px; } /*post sub*/ .post--horizontal-video .post__thumb{ width: 120px; height: 80px; } .post--horizontal-video .post__title { font-size: 16px; } } @media (max-width: 320px){ /* Content */ /*post main*/ .ceris-grid-m .post-main .post-grid-video-space-between .post__text { min-height: 250px; } } .ceris-grid-m .published i{ margin-right: 4px; } .ceris-grid-m .post-sub .block-heading-small{ margin-bottom: 40px; } .ceris-grid-m .post-sub .block-heading-small .block-heading__title{ font-size: 18px; } /* .Ceris-Grid-M ----------------------- */ /* --------------------------------- Creis Gird N */ .row-grid-3i-w40-h20 { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: -10px -20px; } .row-grid-3i-w40-h20 > *{ width: -webkit-calc( 100% / 3 ); width: -moz-calc( 100% / 3 ); width: calc( 100% / 3 ); padding: 10px 20px; } .row-grid-3i-w40-h30 { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: -15px -20px; } .row-grid-3i-w40-h30 > *{ width: -webkit-calc( 100% / 3 ); width: -moz-calc( 100% / 3 ); width: calc( 100% / 3 ); padding: 15px 20px; } @media(min-width: 768px) and (max-width: 1199px){ .row-grid-3i-w40-h20 .post__title { font-size: 17px !important; font-size: 1.2142rem !important; } } @media(max-width: 991px){ .row-grid-3i-w40-h20 > *{ width: -webkit-calc( 100%); width: -moz-calc( 100%); width: calc( 100%); padding: 10px; } .row-grid-3i-w40-h20 { margin: -10px; } .row-grid-3i-w40-h30 > *{ width: -webkit-calc( 100%); width: -moz-calc( 100%); width: calc( 100%); padding: 12.5px; } .row-grid-3i-w40-h30 { margin: -12.5px; } } @media(max-width: 767px){ .post--horizontal-xxs .post__cat, post--horizontal-xs .post__cat, .post--horizontal-sm .post__cat{ display: inline-block; } } @media(max-width: 991px) and (min-width: 768px){ .ceris-grid-n .row-grid-3i-w40-h20 > *{ width: -webkit-calc( 100% / 2 ); width: -moz-calc( 100% / 2 ); width: calc( 100% / 2 ); padding: 12.5px; } .row-grid-3i-w40-h20 { margin: -12.5px; } .ceris-grid-n .row-grid-3i-w40-h30 > *{ width: -webkit-calc( 100% / 3 ); width: -moz-calc( 100% / 3 ); width: calc( 100% / 3 ); padding: 12.5px; } .row-grid-3i-w40-h30 { margin: -12.5px; } } @media(max-width: 576px){ .ceris-grid-n .post__thumb{ width: 100px; } } @media(max-width: 320px){ .post-horizontal-custom-thumb-90 .post__thumb{ width: 80px; height: 80px; } } /* .Creis Gird N ---------------------------------*/ /* ----------------------- ceris_posts_block_grid_b_no_sidebar */ .ceris-posts-block-grid-b-no-sidebar .block-heading .block-heading__title { font-size: 22px; } .ceris-posts-block-grid-b-no-sidebar .block-heading { margin-bottom: 35px; } .ceris-posts-block-grid-b-no-sidebar .big-post--overlay{ margin-bottom: 35px; } .ceris-posts-block-grid-b-no-sidebar .big-post--overlay .post--overlay .post__title{ margin-bottom: 10px; } @media(min-width: 992px){ .ceris-posts-block-grid-b-no-sidebar .post--overlay .post__text{ min-height: 400px; } } @media (min-width: 1199px){ .ceris-posts-block-grid-b-no-sidebar .big-post--overlay .post--overlay .post__title{ font-size: 21px; font-size: 1.5rem; } } @media (max-width: 1199px){ .ceris-posts-block-grid-b-no-sidebar .post--overlay .post__text { min-height: 340px; } } @media(max-width: 991px){ .ceris-posts-block-grid-b-no-sidebar .post--horizontal-xs .post__thumb{ display: none; } .ceris-posts-block-grid-b-no-sidebar ul >*:not(:last-child){ border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .ceris-posts-block-grid-b-no-sidebar .big-post--overlay{ margin-bottom: 30px; } .ceris-posts-block-grid-b-no-sidebar .post--overlay .post__text{ min-height: 280px; } } @media (max-width: 991px ) and (min-width: 768px) { .ceris-posts-block-grid-b-no-sidebar .big-post--overlay .post--overlay .post__title { font-size: 1.2142rem; /*font system*/ line-height: 1.5; margin-bottom: 0; } .ceris-posts-block-grid-b-no-sidebar .big-post--overlay .post--overlay .post__meta { display: none; } .ceris-posts-block-grid-b-no-sidebar .big-post--overlay .post--overlay .post-type-icon svg { width: 45px; height: 45px; } } @media(max-width: 767px){ .ceris-posts-block-grid-b-no-sidebar .col-sm-4{ width: 100%; } .ceris-posts-block-grid-b-no-sidebar .post--horizontal-xs .post__thumb{ display: block; } .ceris-posts-block-grid-b-no-sidebar ul >*:not(:last-child){ border-bottom: 1px solid rgba(0, 0, 0, 0); } .ceris-posts-block-grid-b-no-sidebar .post--overlay .post__text{ min-height: 300px; } .ceris-posts-block-grid-b-no-sidebar .big-post--overlay .post--overlay .post__text-wrap{ width: 100%; } .ceris-posts-block-grid-b-no-sidebar .big-post--overlay .post--overlay .post__text-inner{ width: 100%; padding: 20px 20px 20px 20px; } .ceris-posts-block-grid-b-no-sidebar .block-heading--line-under.block-heading, .ceris-posts-block-grid-a-no-sidebar .block-heading--line-under.block-heading{ margin-bottom: 25px; padding-bottom: 15px; } .ceris-posts-block-grid-b-no-sidebar .list-space-md-s>*{ padding-top: 10px; padding-bottom: 10px; } .ceris-posts-block-grid-b-no-sidebar .list-space-md-s{ margin-top: -10px; margin-bottom: -10px; } .ceris-posts-block-grid-b-no-sidebar .row--space-between>[class*='col-']{ padding-top: 20px; padding-bottom: 20px; } .ceris-posts-block-grid-b-no-sidebar .row--space-between{ margin-top: -20px; margin-bottom: -20px; } } @media (min-width: 420px) and (max-width: 767px){ .ceris-posts-block-grid-b-no-sidebar .post--horizontal-xs .post__thumb { width: 100px; } .ceris-posts-block-grid-b-no-sidebar .big-post--overlay .post--overlay .post__title { font-size: 22px; font-size: 1.5714rem; line-height: 1.5; } } @media(max-width: 576px){ .ceris-posts-block-grid-b-no-sidebar .big-post--overlay .post--overlay .post__text-inner{ width: 100%; padding: 15px; } } /* .ceris_posts_block_grid_b_no_sidebar ----------------------- */ /* ---------------------- Listing List C **/ .atbs-ceris-post--list-horizontal-reverse .list-item:not(:last-child){ margin-bottom: 25px; } .post--horizontal-reverse-big.post{ padding-bottom: 35px; } .post--horizontal-reverse-big .post__thumb{ width: 540px; margin-left: 70px; } .post--horizontal-reverse-big .entry-author{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .post--horizontal-reverse-big .entry-author .entry-author__name{ margin-left: 10px; font-weight: 500; color: var(--color-excerpt-1); } .post--horizontal-reverse-big .entry-author .entry-author__name span{ display: block; color: var(--color-excerpt-0_6); font-weight: 300; } .post--horizontal-reverse-big .post__readmore{ position: absolute; right: 0; bottom: 0; } .post--horizontal-reverse-big a.post__cat { margin-bottom: 15px; } @media (max-width: 1199px) { .post--horizontal-reverse-big .post__thumb{ width: 400px; height: 260px; margin-left: 20px; } } @media (max-width: 767px){ .post--horizontal-reverse-big.post{ padding-bottom: 0; } .atbs-ceris-post--list-horizontal-reverse .list-item:not(:last-child){ margin-bottom: 45px; } .post--horizontal-reverse-big .post__thumb { width: 340px; height: 215px; } .post--horizontal-reverse-big .post__title{ margin-bottom: 35px; } } @media (min-width: 577px) and (max-width: 767px) { .post--horizontal-reverse-big.post--horizontal{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .post--horizontal-reverse-big .post__thumb{ margin-bottom: 0; } .post--horizontal-reverse-big.post--horizontal .post__text{ -webkit-box-flex: 1; box-flex: 1; -moz-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; } } @media (max-width: 576px){ .post--horizontal-reverse-big .post__thumb { margin-left: 0; width: 100%; height: 300px; } .post--horizontal-reverse-big .entry-author .entry-author__name span{ display: initial; margin-left: 7px; } .post--horizontal-reverse-big .post__title{ margin-bottom: 20px; } .atbs-ceris-post--list-horizontal-reverse .list-item:not(:last-child){ margin-bottom: 40px; } } @media (max-width: 480px) { .post--horizontal-reverse-big .post__thumb{ height: 265px; } } @media (max-width: 380px) { .post--horizontal-reverse-big .post__thumb{ height: 230px; } } .post--horizontal-hasbackground.post{ background-color: #fafafa; -webkit-transition: .2s; -o-transition: .2s; -moz-transition: .2s; transition: .2s; } /*-----hover post-----*/ .post--horizontal-hasbackground.post:hover{ background-color: var(--color-logo); color: #fff; } .post--horizontal-hasbackground.post:hover .post__cat, .post--horizontal-hasbackground.post:hover .post__excerpt, .post--horizontal-hasbackground.post:hover .post__meta, .post--horizontal-hasbackground.post:hover .post__meta a, .post--horizontal-hasbackground.post:hover .post__meta span{ color: #fff !important; opacity: 0.85; } .post--horizontal-hasbackground.post:hover .post__cat:before{ background-color: #fff !important; } .post--horizontal-hasbackground.post:hover .post__title a{ color: #fff; } .post--horizontal-hasbackground.post .button-bookmark, .post--horizontal-hasbackground.post .button-bookmark-option{ -webkit-transition: none; -o-transition: none; -moz-transition: none; transition: none; } .post--horizontal-hasbackground.post:hover .button-bookmark, .post--horizontal-hasbackground.post:hover .button-bookmark-option{ fill: rgba(255, 255, 255, 1); } .post--horizontal-hasbackground.post:hover .button-bookmark:hover, .post--horizontal-hasbackground.post:hover .button-bookmark-option:hover{ fill: rgba(255, 255, 255, 0.9); } /*-----end hover post-----*/ .atbs-ceris-post--list-horizontal-hasbackground .list-item:not(:last-child){ margin-bottom: 30px; } .post--horizontal-hasbackground .post__thumb{ width: -webkit-calc(50% + 10px); width: -moz-calc(50% + 10px); width: calc(50% + 10px); margin-right: 0; } .post--horizontal-hasbackground .post__text{ padding-left: 60px; padding-right: 50px; padding-top: 30px; padding-bottom: 30px; } .post--horizontal-hasbackground.post .post__cat, .post--horizontal-hasbackground.post .post__excerpt, .post--horizontal-hasbackground.post .post__title a{ -webkit-transition: 0.2s; -o-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .post--horizontal-hasbackground .post__title{ margin-bottom: 15px; } .post--horizontal-hasbackground .post__title a{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; } .atbs-ceris-post--list-horizontal-hasbackground .atbs-ceris-pagination{ margin-top: 65px; } @media (min-width: 992px) and (max-width: 1199px) { .post--horizontal-hasbackground .post__title{ margin-bottom: 20px; line-height: 1.5; } } @media (max-width: 1199px) { .post--horizontal-hasbackground .post__text{ padding-left: 40px; padding-right: 40px; } .atbs-ceris-post--list-horizontal-hasbackground .list-item:not(:last-child){ margin-bottom: 40px; } } @media (max-width: 991px) { .post--horizontal-hasbackground .post__thumb{ height: 310px; } } @media (min-width: 768px) and (max-width: 991px) { .post--horizontal-hasbackground .post__title a{ -webkit-line-clamp: 4; } .post--horizontal-hasbackground .post__excerpt{ display: none; } } @media (min-width: 577px) and (max-width: 767px) { .post--horizontal-hasbackground.post--horizontal{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .post--horizontal-hasbackground.post--horizontal .post__text{ -webkit-box-flex: 1; box-flex: 1; -moz-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; padding-right: 10px; } } @media (max-width: 767px) { .post--horizontal-hasbackground .post__thumb{ width: 100%; height: 320px; } .post--horizontal-hasbackground .post__text{ padding: 20px 40px; } } @media (max-width: 480px) { .post--horizontal-hasbackground .post__thumb{ width: 100%; height: 300px; } .post--horizontal-hasbackground .post__text{ padding: 15px 40px; } } @media (max-width: 420px) { .post--horizontal-hasbackground .post__thumb{ width: 100%; height: 250px; } .post--horizontal-hasbackground .post__text{ padding: 15px 25px; } } @media (max-width: 380px) { .post--horizontal-hasbackground .post__thumb{ width: 100%; height: 230px; } .post--horizontal-hasbackground .post__text{ padding: 15px 20px; } .post--horizontal-hasbackground .post__title { margin-bottom: 20px; } } /* Listing List C ---------------------- **/ /* ----------------------- Listing List D */ /* Layout */ .listing-list-d .post-list .list-item:not(:last-child){ margin-bottom: 60px; } .listing-list-d .post-list .list-small{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; display: -moz-flex; display: -ms-flexbox; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: -15px; padding: 0 35px; } .listing-list-d .post-list .list-small + .list-item{ margin-top: 80px; } .listing-list-d .post-list .list-small .list-item{ width: -webkit-calc( 100% / 3); width: -moz-calc( 100% / 3); width: calc( 100% / 3); padding: 15px; margin-bottom: 0; } /* Content */ /*post overlay*/ .post-grid-video-space-between.post-grid-video-space-between__style-4{ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .post-grid-video-space-between.post-grid-video-space-between__style-4 .background-img:after{ opacity: 0.3; -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; transition: .5s; } .post-grid-video-space-between.post-grid-video-space-between__style-4 .post__text{ padding: 40px 80px; opacity: 1; -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; transition: .5s; } .post-grid-video-space-between.post-grid-video-space-between__style-4 .post__text-inner{ margin: 0 auto; max-width: 720px; } .post-grid-video-space-between.post-grid-video-space-between__style-4 .post__title{ margin-bottom: 0; font-size: 50px; line-height: 1.4; } /*post no thumb*/ .post-nothumb-media .media-left{ padding-right: 25px; } .post-nothumb-media .post__cat{ color: #000; opacity: 0.6; } .post-nothumb-media .post__title{ font-size: 20px; line-height: 1.3; color: #000; } .post-nothumb-media .list-index{ font-size: 40px; opacity: 0.4; } /*post horizontal*/ .post--horizontal-reverse-big.post--horizontal-reverse-big__style-3{ padding-bottom: 0; } .post--horizontal-reverse-big.post--horizontal-reverse-big__style-3 .post__thumb{ width: 48.7%; margin-left: 0; margin-right: 0; } .post--horizontal-reverse-big.post--horizontal-reverse-big__style-3 .post__text--wrap{ margin: 0 auto; max-width: 80%; } .post--horizontal-reverse-big.post--horizontal-reverse-big__style-3 .post__excerpt{ max-width: 90%; margin-bottom: 20px; } .post--horizontal-reverse-big.post--horizontal-reverse-big__style-3 .post__readmore{ position: initial; } .post--horizontal-reverse-big.post--horizontal-reverse-big__style-3 .post__readmore .readmore__text{ display: -webkit-inline-box; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: -moz-inline-box; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; padding: 0; letter-spacing: 0.3px; color: rgba(0, 0, 0, 0.6); opacity: 1; font-weight: 400; } .post--horizontal-reverse-big.post--horizontal-reverse-big__style-3 .post__readmore .readmore__text i { margin-left: 8px; font-size: 20px; } @media (max-width: 1199px){ /* Layout */ .listing-list-d .post-list .list-item:not(:last-child) { margin-bottom: 50px; } .listing-list-d .post-list .list-small + .list-item { margin-top: 70px; } /*post no thumb*/ .listing-list-d .post-list .list-small{ padding: 0; } .listing-list-d .post-list .list-small .list-item{ margin-bottom: 0; } /* Content */ /*post overlay*/ .post-grid-video-space-between.post-grid-video-space-between__style-4 .post__text{ min-height: 450px; padding: 40px 60px; } .post-grid-video-space-between.post-grid-video-space-between__style-4 .post__text-inner{ max-width: 525px; } .post-grid-video-space-between.post-grid-video-space-between__style-4 .post__title{ font-size: 32px; } /*post no thumb*/ .post-nothumb-media .list-index { font-size: 30px; opacity: 0.4; } .post-nothumb-media .post__title{ font-size: 18px; line-height: 1.38; } /*post horizontal*/ .post--horizontal-reverse-big.post--horizontal-reverse-big__style-3 .post__thumb{ height: 457px; } .post--horizontal-reverse-big.post--horizontal-reverse-big__style-3 .post__text--wrap { max-width: 85%; } .post--horizontal-reverse-big.post--horizontal-reverse-big__style-3 .post__title{ line-height: 1.5; } } @media (max-width: 991px){ /* Layout */ /* Content */ /*post overlay*/ .post-grid-video-space-between.post-grid-video-space-between__style-4 .post__text{ min-height: 385px; padding: 40px 30px; } .post-grid-video-space-between.post-grid-video-space-between__style-4 .post__title { font-size: 28px; } /*post no thumb*/ .post-nothumb-media .list-index { font-size: 20px; } .post-nothumb-media .post__title { font-size: 16px; line-height: 1.5; } /*post horizontal*/ .listing-list-d .post-list .list-item:nth-child(odd) .post--horizontal-reverse-big.post--horizontal-reverse-big__style-3 .post__text--wrap{ margin-right: 0; } .listing-list-d .post-list .list-item:nth-child(even) .post--horizontal-reverse-big.post--horizontal-reverse-big__style-3 .post__text--wrap{ margin-left: 0; } .post--horizontal-reverse-big.post--horizontal-reverse-big__style-3 .post__thumb { height: 350px; } .post--horizontal-reverse-big.post--horizontal-reverse-big__style-3 .post__title{ line-height: 1.5; margin-bottom: 15px; } .post--horizontal-reverse-big.post--horizontal-reverse-big__style-3 .post__text{ text-align: left; } .post--horizontal-reverse-big.post--horizontal-reverse-big__style-3 .post__excerpt{ margin-bottom: 15px; max-width: 100%; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } } @media (max-width: 767px){ /* Layout */ .listing-list-d .post-list .list-small .list-item{ width: 100%; padding: 15px; margin-bottom: 0; } /* Content */ /*post overlay*/ .post--horizontal-reverse-big.post--horizontal-reverse-big__style-3 .post__thumb { height: 330px; } .post-grid-video-space-between.post-grid-video-space-between__style-4 .post__text-inner { max-width: 490px; } .post-grid-video-space-between.post-grid-video-space-between__style-4 .post__title { font-size: 25px; line-height: 1.33; } /*post no thumb*/ .post-nothumb-media{ padding: 0 30px; } .post-nothumb-media .post__title{ font-size: 18px; line-height: 1.38; } /*post horizontal*/ .post--horizontal-reverse-big.post--horizontal-reverse-big__style-3 .post__text--wrap { max-width: 85%; } .listing-list-d .post--horizontal-reverse-big.post--horizontal-reverse-big__style-3 { display: block; } } @media (max-width: 767px){ /* Layout */ .listing-list-d .post-list .list-item:not(:last-child) { margin-bottom: 30px; } .listing-list-d .post__readmore{ display: none; } .listing-list-d .post-list .list-small + .list-item { margin-top: initial; } .listing-list-d .post-list .list-small{ margin: 55px 0; } .listing-list-d .post-list .list-small .list-item{ padding: 0; } .listing-list-d .post-list .list-small .list-item:not(:last-child){ margin-bottom: 30px; } /* Content */ /*post overlay*/ .post-grid-video-space-between.post-grid-video-space-between__style-4 .post__text{ min-height: 350px; } .post-grid-video-space-between.post-grid-video-space-between__style-4 .post__title { font-size: 24px; line-height: 1.5; } /*post no thumb*/ .post-nothumb-media { padding: 0 20px 0 20px; } .post-nothumb-media .post__title { font-size: 16px; line-height: 1.5; } /*post horizontal*/ .post--horizontal-reverse-big.post--horizontal-reverse-big__style-3 .post__thumb { width: 100%; float: none; margin: 0 0 20px 0; height: 350px; } .post--horizontal-reverse-big.post--horizontal-reverse-big__style-3 .post__text--wrap{ max-width: 100%; } .post--horizontal-reverse-big.post--horizontal-reverse-big__style-3 .post__title{ line-height: 1.5; } } @media (max-width: 576px){ .post--horizontal-reverse-big.post--horizontal-reverse-big__style-3 .post__text { max-width: 100%; margin: 0 auto; } } @media (max-width: 480px){ /* Layout */ /* Content */ /*post overlay*/ .post-grid-video-space-between.post-grid-video-space-between__style-4 .post__text{ min-height: 300px; } .post-grid-video-space-between.post-grid-video-space-between__style-4 .post__text-inner{ padding-right: 0; max-width: 100%; width: 70%; } .post-grid-video-space-between.post-grid-video-space-between__style-4 .post__title{ font-size: 22px; } /*post no thumb*/ .post-nothumb-media { padding: 0 10px; } /*post horizontal*/ .post--horizontal-reverse-big.post--horizontal-reverse-big__style-3 .post__thumb { height: 320px; } } @media (max-width: 420px) { /* Layout */ /* Content */ .post-grid-video-space-between.post-grid-video-space-between__style-4 .post__text-inner { max-width: 100%; width: 75%; } .post-grid-video-space-between.post-grid-video-space-between__style-4 .post__text { min-height: 300px; } .post-grid-video-space-between.post-grid-video-space-between__style-4 .post__title { font-size: 20px; line-height: 1.3; } /*post no thumb*/ /*post horizontal*/ } @media (max-width: 380px){ /* Layout */ /* Content */ /*post overlay*/ .post-grid-video-space-between.post-grid-video-space-between__style-4 .post__text-inner { max-width: 100%; width: 80%; } .post-grid-video-space-between.post-grid-video-space-between__style-4 .post__text { min-height: 280px; padding: 0; } /*post no thumb*/ /*post horizontal text center*/ .post--horizontal-reverse-big.post--horizontal-reverse-big__style-3 .post__thumb{ height: 300px; } .post--horizontal-reverse-big.post--horizontal-reverse-big__style-3 .post__text { max-width: 100%; margin: 0 auto; } } @media (max-width: 320px){ /* Layout */ /* Content */ /*post overlay*/ .post-grid-video-space-between.post-grid-video-space-between__style-4 .post__text-inner { width: 85%; } .post-grid-video-space-between.post-grid-video-space-between__style-4 .post__text { min-height: 270px; } } /* Listing List D ----------------------- */ /* ----------------------- listing-list-e */ /* Layout */ .listing-list-e .post-list{ margin: -15px; } .listing-list-e .post-list .list-item{ padding: 15px; } .listing-list-e .post-listing-horizontal-3i{ display: -webkit-box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; /*margin: 0 -17.5px;*/ padding: 0 25px; } .listing-list-e .post-list .post-listing-horizontal-3i:last-child, .listing-list-e .post-list .list-item + .post-listing-horizontal-3i:last-child{ margin-bottom: 0; } .listing-list-e .post-listing-horizontal-3i:first-child + .list-item{ margin-top: 30px; } .listing-list-e .post-list .list-item + .post-listing-horizontal-3i{ margin: 30px 0; } .listing-list-e .post-listing-horizontal-3i .list-item{ width: -webkit-calc( 100% / 3); width: -moz-calc( 100% / 3); width: calc( 100% / 3); } /* Content */ /*post horizontal small*/ .post--horizontal-3i-small-xxs .post__thumb{ margin-bottom: 0; margin-right: 30px; } .post--horizontal-3i-small-xxs .post__title{ font-weight: 500; } /*post horizontal text center*/ .listing-list-e .post--horizontal-reverse-big{ padding-bottom: 0; } .listing-list-e .post--horizontal-reverse-big .post__thumb{ margin-left: 0; width: 50%; } .listing-list-e .post--horizontal-reverse-big .post__text--wrap{ max-width: 576px; margin: 0 auto; } .listing-list-e .post--horizontal-reverse-big .post__excerpt{ max-width: 75%; } @media (max-width: 1199px){ /* Layout */ .listing-list-e .post-listing-horizontal-3i{ padding: 0; } /* Content */ /*post horizontal small*/ .post--horizontal-3i-small-xxs .post__thumb{ margin-right: 25px; } /*post horizontal text center*/ .listing-list-e .post--horizontal-reverse-big .post__thumb{ height: 300px; } .listing-list-e .post--horizontal-reverse-big .post__title { line-height: 1.5; margin-bottom: 20px; } } @media (max-width: 991px){ /* Content */ /*post horizontal small*/ .post--horizontal-3i-small-xxs .post__thumb{ margin-right: 15px; } .post--horizontal-3i-small-xxs .post__title { font-weight: 400; } /*post horizontal text center*/ .listing-list-e .post--horizontal-reverse-big .post__thumb{ width: 50%; height: 250px; margin-right: 30px; } .listing-list-e .post--horizontal-reverse-big .post__text{ text-align: left; } .listing-list-e .post--horizontal-reverse-big .post__title{ max-width: 100%; line-height: 1.5; } .listing-list-e .post--horizontal-reverse-big .post__excerpt { max-width: 100%; } } @media (max-width: 767px){ /* Layout */ .listing-list-e .post--horizontal-reverse-big{ display: block; } .listing-list-e .post--horizontal-reverse-big .post__thumb{ float: none; } .listing-list-e .post-listing-horizontal-3i{ max-width: 100%; margin: -12.5px auto; } .listing-list-e .post-listing-horizontal-3i .list-item{ width: 100%; padding: 12.5px 0; } /* Content */ .post--horizontal-3i-small-xxs.post--horizontal .post__cat{ display: block; } } @media (max-width: 767px){ /* Content */ /*post horizontal text center*/ .listing-list-e .post--horizontal-reverse-big .post__thumb{ width: 100%; height: 300px; margin: 0 0 20px 0; } .listing-list-e .post--horizontal-reverse-big .post__text--wrap{ max-width: 100%; } .listing-list-e .post--horizontal-reverse-big .post__title{ line-height: 1.5; margin-bottom: 15px; } } @media (max-width: 576px){ .listing-list-e .post--horizontal-reverse-big .post__text { max-width: 100%; margin: 0 auto; } } @media (max-width: 480px){ /* Content */ /*post horizontal text center*/ .listing-list-e .post--horizontal-reverse-big .post__thumb{ height: 265px; } } @media (max-width: 380px){ /* Layout */ .listing-list-e .post-listing-horizontal-3i{ max-width: 100%; margin: -15px auto; } .listing-list-e .post-listing-horizontal-3i .list-item{ width: 100%; padding: 15px; } /* Content */ /*post horizontal text center*/ .listing-list-e .post--horizontal-reverse-big .post__thumb{ height: 230px; } .listing-list-e .post--horizontal-reverse-big .post__text { max-width: 100%; margin: 0 auto; } } /* listing-list-e ----------------------- */ /* -------------------------- Post Listing List F (Post Listing List Large)*/ .listing--list-large .post__thumb{ width: 55%; height: 400px; margin-right: 50px; } .listing--list-large .post__text{ padding-top: 30px; } .listing--list-large .post__readmore{ margin-top: 25px; } .listing--list-large .post__readmore .readmore__text{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; /*padding: 20px 0;*/ color: rgba(0,0,0,0.6); -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; justify-content: flex-start; } .listing--list-large .post__readmore .readmore__text i{ font-size: 20px; } .listing--list-large.text-title-uppercase .post__title{ text-transform: uppercase; } .listing--list-large.post--horizontal-reverse .post__thumb{ margin-right: 0; margin-left: 50px; } @media(max-width: 1199px){ .listing--list-large .post__title{ line-height: 1.5; } .listing--list-large .post__thumb{ height: 300px; } } @media(max-width: 991px){ .listing--list-large .post__title{ line-height: 1.5; } .listing--list-large .post__text{ padding-right: 0; } .listing--list-large .post__thumb{ height: 280px; margin-right: 30px; } .listing--list-large.post--horizontal-reverse .post__thumb{ margin-right: 0; margin-left: 30px; } } @media(max-width: 767px){ .listing--list-large{ display: block; } .listing--list-large.post--horizontal .post__thumb{ width: 100%; float: none; height: 250px; margin-bottom: 20px; margin-right: 0; } .listing--list-large .post__readmore .readmore__text{ padding-bottom: 0; } .listing--list-large.post--horizontal-reverse .post__thumb{ margin-left: 0; } .listing--list-large .post__text{ padding-right: 20px; padding-top: 0; } .listing--list-large .post__title{ line-height: 1.5; margin-bottom: 15px; } } /* .Post Listing List F -------------------------- */ /* ----------------------- Category Tiles */ /* Layout */ .ceris-category-tiles .atbs-ceris-block__inner{ padding: 80px 0; background-color: #F8F8FA; } /* Content */ .category-nothumb-cat-large { height: 370px; background-color: #fff; display: -webkit-box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: justify; -webkit-align-content: space-between; align-content: space-between; padding: 40px; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; } .category-nothumb-cat-large .category-name{ font-size: 26px; font-size: 1.8571rem; /*font system*/ line-height: 1.4; font-weight: 700; } .category-nothumb-cat-large .category-name a{ text-decoration: none; color: var(--color-text); -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; } .category-nothumb-cat-large .category--wrap{ width: 100%; } .category-nothumb-cat-large .category-description .category-tile__description{ margin-bottom: 40px; font-size: 15px; line-height: 1.43; font-weight: 300; color: #131313; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; max-width: 95%; } .category-nothumb-cat-large .category-read-more a{ color: var(--color-text); font-size: 15px; line-height: 1.43; text-decoration: none; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; } .category-nothumb-cat-large .category-read-more a > i{ margin-left: 8px; } .category-nothumb-cat-large:hover{ background-color: #131313; } .category-nothumb-cat-large:hover .category-name a, .category-nothumb-cat-large:hover .category-description .category-tile__description, .category-nothumb-cat-large:hover .category-read-more a{ color: #fff; } .ceris-category-tiles .owl-carousel .owl-prev, .ceris-category-tiles .owl-carousel .owl-next{ width: 60px; height: 60px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #fff; color: var(--color-logo); -webkit-box-shadow: 0 14px 8px rgba(19,19,19,0.13); -moz-box-shadow: 0 14px 8px rgba(19,19,19,0.13); box-shadow: 0 14px 8px rgba(19,19,19,0.13); } .ceris-category-tiles .owl-carousel .owl-prev i, .ceris-category-tiles .owl-carousel .owl-next i{ font-size: 20px; } .ceris-category-tiles .owl-carousel .owl-next{ right: -30px; } .ceris-category-tiles .owl-carousel .owl-prev{ left: -30px; } .ceris-category-tiles .owl-carousel .owl-prev:hover, .ceris-category-tiles .owl-carousel .owl-next:hover{ background-color: #131313; color: #fff; } .ceris-category-tiles .owl-carousel .owl-dots{ display: none; } @media (max-width: 1366px){ /* Content */ .ceris-category-tiles .owl-carousel .owl-prev, .ceris-category-tiles .owl-carousel .owl-next{ width: 50px; height: 50px; } .ceris-category-tiles .owl-carousel .owl-prev{ left: -25px; } .ceris-category-tiles .owl-carousel .owl-next{ right: -25px; } /* Layout */ .category-nothumb-cat-large{ height: 350px; } } @media (min-width: 1200px) and (max-width: 1230px){ .ceris-category-tiles .container{ width: 1170px; } } @media (max-width: 1199px) { /* Content */ .category-nothumb-cat-large .category-name{ font-size: 24px; font-size: 1.7142rem; /*font system*/ line-height: 1.5; } /* Layout */ .category-nothumb-cat-large{ height: 320px; } .category-nothumb-cat-large .category-description .category-tile__description{ margin-bottom: 30px; } } @media (min-width: 992px) and (max-width: 1017px){ .ceris-category-tiles .container{ width: 970px; } } @media (max-width: 991px) { .category-nothumb-cat-large{ padding: 40px 45px; } } @media (min-width: 768px) and (max-width: 793px){ .ceris-category-tiles .container{ width: 750px; } } @media (max-width: 767px) { /* Content */ .category-nothumb-cat-large { padding: 35px 30px; height: 300px; } .category-nothumb-cat-large .category-name { font-size: 22px; font-size: 1.5714rem; /*font system*/ } .category-nothumb-cat-large .category-description .category-tile__description{ max-width: 100%; margin-bottom: 30px; } .ceris-category-tiles .owl-carousel .owl-nav{ display: none; } .ceris-category-tiles .owl-carousel .owl-dots{ display: block; padding: 0; margin-top: 25px; } } @media (max-width: 576px){ /* Layout */ .ceris-category-tiles .atbs-ceris-block__inner { padding: 60px 0; } /* Content */ .category-nothumb-cat-large { padding: 30px 25px; height: 270px; } .category-nothumb-cat-large .category-description .category-tile__description{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } } @media (max-width: 480px){ /* Content */ .category-nothumb-cat-large { padding: 30px; height: 300px; max-width: 80%; margin: 0 auto; } .category-nothumb-cat-large .category-name { font-size: 24px; font-size: 1.7142rem; /*font system*/ line-height: 1.5; } } @media (max-width: 420px){ /* Layout */ .ceris-category-tiles .atbs-ceris-block__inner { padding: 50px 0; } /* Content */ .category-nothumb-cat-large{ max-width: 85%; } } @media (max-width: 380px){ /* Content */ .category-nothumb-cat-large { padding: 25px; max-width: 90%; } } /* Category Tiles ----------------------- */ /* ----------------------- ceris-author-list */ /* Layout */ .ceris-author-list .post-list{ display: -webkit-box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: -15px; } .ceris-author-list .post-list .list-item{ padding: 15px; width: -webkit-calc(100% / 4); width: -moz-calc(100% / 4); width: calc(100% / 4); } /* Content */ .ceris-author-list .author-box.author-box-vertical{ background-color: transparent; display: block; text-align: center; padding: 0; border: none; } .ceris-author-list .author-box.author-box-vertical .author-box__image{ margin-bottom: 30px; -webkit-box-shadow: 0 35px 15px -25px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 35px 15px -25px rgba(0, 0, 0, 0.05); box-shadow: 0 35px 15px -25px rgba(0, 0, 0, 0.05); } .ceris-author-list .author-box.author-box-vertical .author-avatar{ position: initial; -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; transform: none; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 100%; height: 270px; margin-bottom: 0; } .ceris-author-list .author-box.author-box-vertical .author-avatar img{ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .ceris-author-list .author-box.author-box-vertical .author-box__text{ padding: 0; text-align: center; } .ceris-author-list .author-box.author-box-vertical .author-name{ margin-bottom: 8px; } .ceris-author-list .author-box.author-box-vertical .author-name a{ color: var(--color-text); text-decoration: none; font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; font-weight: 500; } .ceris-author-list .author-box.author-box-vertical .entry-author__task{ color: #131313; opacity: 0.6; font-size: 14px; } @media (max-width: 1199px){ /* Content */ /* Layout */ .ceris-author-list .author-box.author-box-vertical .author-avatar{ height: 220px; } .ceris-author-list .author-box.author-box-vertical .author-box__image { margin-bottom: 20px; } .ceris-author-list .author-box.author-box-vertical .author-name{ font-size: 16px; font-size: 1.1428rem; /*font system*/ line-height: 1.5; margin-bottom: 5px; } } @media (max-width: 991px){ /* Layout */ .ceris-author-list .post-list .list-item{ width: 50%; } /* Content */ .ceris-author-list .author-box.author-box-vertical .author-avatar { height: 300px; } .ceris-author-list .author-box.author-box-vertical .author-name{ margin-bottom: 8px; } } @media (max-width: 767px){ /* Layout */ /* Content */ .ceris-author-list .author-box.author-box-vertical .author-avatar { height: 270px; } .ceris-author-list .author-box.author-box-vertical .author-box__image{ margin-bottom: 15px; } .ceris-author-list .author-box.author-box-vertical .author-name a{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } } @media (max-width: 576px){ /* Layout */ /* Content */ .ceris-author-list .author-box.author-box-vertical .author-avatar { height: 230px; } .ceris-author-list .author-box.author-box-vertical .author-name { margin-bottom: 5px; } } @media (max-width: 480px){ /* Layout */ /* Content */ .ceris-author-list .author-box.author-box-vertical .author-avatar { height: 190px; } .ceris-author-list .author-box.author-box-vertical .author-name a{ font-size: 16px; font-size: 1.1428rem; /*font system*/ line-height: 1.5; } } @media (max-width: 420px){ /* Layout */ /* Content */ .ceris-author-list .author-box.author-box-vertical .author-avatar { height: 165px; } } @media (max-width: 380px){ .ceris-author-list .author-box.author-box-vertical .author-avatar { height: 135px; } } @media (max-width: 320px){ .ceris-author-list .author-box.author-box-vertical .author-avatar { height: 280px; } .ceris-author-list .author-box.author-box-vertical .author-name { margin-bottom: 5px; } .ceris-author-list .author-box.author-box-vertical .author-name a{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } .ceris-author-list .post-list .list-item{ width: 100%; } } /* ceris-author-list ----------------------- */ /**/ .ceris-video-slider-wrap{ width: 100% !important; } .ceris-video-slider-wrap .fotorama__wrap { width: 100% !important; } /* ----------------------- Navigation bar */ /* Layout */ @media (min-width: 992px) { .admin-bar .atbs-ceris-offcanvas.menu-wrap{ height: -webkit-calc(100% - 32px) ; height: -moz-calc(100% - 32px) ; height: -webkit-calc(100% - 32px) ; height: -moz-calc(100% - 32px) ; height: -webkit-calc(100% - 32px) ; height: -moz-calc(100% - 32px) ; height: -webkit-calc(100% - 32px) ; height: -moz-calc(100% - 32px) ; height: -webkit-calc(100% - 32px) ; height: -moz-calc(100% - 32px) ; height: -webkit-calc(100% - 32px) ; height: -moz-calc(100% - 32px) ; height: calc(100% - 32px) ; } .atbs-ceris-offcanvas{ /*width: 80%;*/ width: 460px; display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; /*flex-wrap: wrap;*/ background-color: #fff; -webkit-transition: -webkit-transform 0.5s, width 0.5s ease-in-out; -webkit-transition: width 0.5s ease-in-out, -webkit-transform 0.5s; transition: width 0.5s ease-in-out, -webkit-transform 0.5s; -o-transition: transform 0.5s, width 0.5s ease-in-out; -o-transition: width 0.5s ease-in-out, -o-transform 0.5s; -moz-transition: transform 0.5s, width 0.5s ease-in-out, -moz-transform 0.5s; transition: transform 0.5s, width 0.5s ease-in-out; transition: transform 0.5s, width 0.5s ease-in-out, -webkit-transform 0.5s, -moz-transform 0.5s, -o-transform 0.5s; transition: transform 0.5s, width 0.5s ease-in-out, -webkit-transform 0.5s; } .atbs-ceris-offcanvas--inner { width: -webkit-calc(100% - 100px); width: -moz-calc(100% - 100px); width: calc(100% - 100px); display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; } .atbs-ceris-offcanvas.animation_0_row .atbs-ceris-offcanvas--inner{ width: 100%; } .atbs-ceris-offcanvas.is-active{ -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .atbs-ceris-offcanvas.animation{ width: 1200px; } .atbs-ceris-offcanvas.animation.animation_0_row, .atbs-ceris-offcanvas.animation_0_row{ width: 460px; } .atbs-ceris-offcanvas.animation_0_row .btn-nav-show_full{ display: none; } .atbs-ceris-offcanvas.animation.animation_1_row{ width: 880px; } .atbs-ceris-offcanvas.animation.animation_2_row{ width: 1200px; } .atbs-ceris-offcanvas .border-right{ border-right: 1px solid rgba(0,0,0,0.1); } .atbs-ceris-offcanvas--inner .atbs-ceris-offcanvas__section:not(:first-child){ -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; max-height: 100%; padding-top: 35px; padding-bottom: 50px; } .atbs-ceris-offcanvas--inner .atbs-ceris-offcanvas__section{ /*display: none;*/ min-width: 320px; max-width: 320px; } /*title*/ .atbs-ceris-offcanvas .atbs-ceris-offcanvas__title{ width: 140px; padding-left: 15px; padding-right: 15px; padding-bottom: 40px; text-align: center; display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: justify; -webkit-align-content: space-between; align-content: space-between; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; min-width: 140px; } .atbs-ceris-offcanvas .atbs-ceris-offcanvas__title .atbs-ceris-offcanvas-close{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; } .atbs-ceris-offcanvas .atbs-ceris-offcanvas__title .atbs-ceris-offcanvas-close--wrap{ color: #000; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; white-space: nowrap; } .atbs-ceris-offcanvas-close{ border: none; overflow: initial; } .atbs-ceris-offcanvas-close .label-icon{ text-transform: uppercase; color: rgba(0,0,0,0.6); margin-left: 5px; } .atbs-ceris-offcanvas__title .social-list li:not(:last-child){ margin-bottom: 10px; } /*navigation*/ .atbs-ceris-offcanvas .atbs-ceris-offcanvas__section-navigation{ display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; max-width: 320px; padding-right: 0; padding-left: 0; min-width: 320px; } .atbs-ceris-offcanvas .menu-main-menu-container{ width: 100%; } .atbs-ceris-offcanvas .atbs-ceris-offcanvas__section-navigation .atbs-ceris-offcanvas__section-navigation--wrap{ width: 100%; max-height: 100%; padding-right: 20px; padding-left: 20px; } /*posts list*/ .atbs-ceris-offcanvas .atbs-ceris-offcanvas__section-posts-list{ padding-left: 30px; padding-right: 0; } .atbs-ceris-offcanvas .atbs-ceris-offcanvas__section-posts-list .atbs-ceris-offcanvas__section-posts-list--wrap{ max-height: 100%; padding-right: 30px; } .atbs-ceris-offcanvas .atbs-ceris-offcanvas__section-posts-list .list-item:not(:last-child){ margin-bottom: 30px; } /*slide-bar*/ .atbs-ceris-offcanvas .atbs-ceris-offcanvas__section-slide-bar { padding-left: 30px; padding-right: 0; } .atbs-ceris-offcanvas .atbs-ceris-offcanvas__section-slide-bar--wrap{ max-height: 100%; padding-right: 30px; } /*scroll bar*/ .atbs-ceris-offcanvas .atbs-ceris-offcanvas__section-navigation .atbs-ceris-offcanvas__section-navigation--wrap, .atbs-ceris-offcanvas .atbs-ceris-offcanvas__section-posts-list .atbs-ceris-offcanvas__section-posts-list--wrap, .atbs-ceris-offcanvas .atbs-ceris-offcanvas__section-slide-bar .atbs-ceris-offcanvas__section-slide-bar--wrap{ overflow-y: auto; -webkit-overflow-scrolling: touch; } .atbs-ceris-offcanvas .atbs-ceris-offcanvas__section-navigation .atbs-ceris-offcanvas__section-navigation--wrap::-webkit-scrollbar, .atbs-ceris-offcanvas .atbs-ceris-offcanvas__section-posts-list .atbs-ceris-offcanvas__section-posts-list--wrap::-webkit-scrollbar, .atbs-ceris-offcanvas .atbs-ceris-offcanvas__section-slide-bar .atbs-ceris-offcanvas__section-slide-bar--wrap::-webkit-scrollbar{ width: 2px; } .atbs-ceris-offcanvas .atbs-ceris-offcanvas__section-navigation .atbs-ceris-offcanvas__section-navigation--wrap::-webkit-scrollbar-thumb, .atbs-ceris-offcanvas .atbs-ceris-offcanvas__section-posts-list .atbs-ceris-offcanvas__section-posts-list--wrap::-webkit-scrollbar-thumb, .atbs-ceris-offcanvas .atbs-ceris-offcanvas__section-slide-bar .atbs-ceris-offcanvas__section-slide-bar--wrap::-webkit-scrollbar-thumb{ -webkit-border-radius: 50px; border-radius: 50px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); } /*button show more*/ .btn-nav-show_full{ position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 40px; height: 40px; border: 1px solid rgba(0,0,0,0.1); right: 30px; top: 50%; z-index: 1001; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; cursor: pointer; } /* Content */ /*title*/ .atbs-ceris-offcanvas__title .site-logo img { /*max-height: 40px;*/ } .atbs-ceris-offcanvas__title .social-list{ width: 100%; height: auto ; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; -webkit-order: 3; -moz-box-ordinal-group: 4; order: 3; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-box-align: end; align-items: flex-end; -ms-flex-line-pack: end; -webkit-align-content: flex-end; align-content: flex-end; margin-top: 0; } .atbs-ceris-offcanvas__title .social-list:first-child{ height: 100%; } .atbs-ceris-offcanvas__title .social-list li{ display: block; width: 100%; } .atbs-ceris-offcanvas__title .atbs-ceris-offcanvas-close { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; -webkit-order: 2; -moz-box-ordinal-group: 3; order: 2; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } /* Menu */ .menu-wrap { position: fixed; /*z-index: 1001;*/ width: 460px; height: 100%; font-size: 1.15em; -webkit-transform: translate3d(-100%,0,0); -moz-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); -webkit-transition: -webkit-transform 0.5s, width 0.5s ease-in-out; -webkit-transition: width 0.5s ease-in-out, -webkit-transform 0.5s; transition: width 0.5s ease-in-out, -webkit-transform 0.5s; -o-transition: transform 0.5s, width 0.5s ease-in-out; -o-transition: width 0.5s ease-in-out, -o-transform 0.5s; -moz-transition: transform 0.5s, width 0.5s ease-in-out, -moz-transform 0.5s; transition: transform 0.5s, width 0.5s ease-in-out; transition: transform 0.5s, width 0.5s ease-in-out, -webkit-transform 0.5s, -moz-transform 0.5s, -o-transform 0.5s; transition: transform 0.5s, width 0.5s ease-in-out, -webkit-transform 0.5s; left: 0; top: 0; } /* Morph Shape */ .morph-shape { position: absolute; width: 100px; height: 100%; top: 0; right: 0; fill: #fff; z-index: 1000; } /* Shown menu */ .show-menu .menu-wrap { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /*posts-list*/ .atbs-ceris-offcanvas__section-posts-list .post--vertical-cat-overlay .post__title{ color: var(--color-text); } } @media (min-width: 1367px) and (max-width: 1600px){ /* Layout */ .atbs-ceris-offcanvas.animation{ width: 1200px; } .atbs-ceris-offcanvas.animation.animation_0_row, .atbs-ceris-offcanvas.animation_0_row{ width: 460px; } .atbs-ceris-offcanvas.animation.animation_1_row{ width: 880px; } .atbs-ceris-offcanvas.animation.animation_2_row{ width: 1200px; } /* Content */ } @media (min-width: 1200px) and (max-width: 1366px){ /* Layout */ .atbs-ceris-offcanvas.animation{ width: 1185px; } .atbs-ceris-offcanvas.animation.animation_0_row, .atbs-ceris-offcanvas.animation_0_row{ width: 440px; } .atbs-ceris-offcanvas.animation.animation_1_row{ width: 870px; } .atbs-ceris-offcanvas.animation.animation_2_row{ width: 1200px; } .atbs-ceris-offcanvas--inner .atbs-ceris-offcanvas__section:not(:first-child){ -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; max-width: 330px; min-width: 330px; } .atbs-ceris-offcanvas .atbs-ceris-offcanvas__section:not(:first-child).atbs-ceris-offcanvas__section-navigation { width: -webkit-calc(100% - 110px); width: -moz-calc(100% - 110px); width: calc(100% - 110px); max-width: 330px; min-width: 330px; } /*posts list*/ .atbs-ceris-offcanvas .atbs-ceris-offcanvas__section-posts-list { padding-left: 35px; } .atbs-ceris-offcanvas .atbs-ceris-offcanvas__section-posts-list .atbs-ceris-offcanvas__section-posts-list--wrap{ padding-right: 35px; } /*slide bar*/ .atbs-ceris-offcanvas .atbs-ceris-offcanvas__section-slide-bar{ padding-left: 35px; } .atbs-ceris-offcanvas .atbs-ceris-offcanvas__section-slide-bar--wrap { padding-right: 35px; } /*title*/ .atbs-ceris-offcanvas .atbs-ceris-offcanvas__title{ width: 110px; min-width: 110px; padding-bottom: 70px; } /* Content */ /*navigation*/ .atbs-ceris-offcanvas div.morph-shape { width: 100px; min-width: initial; } .atbs-ceris-offcanvas div.btn-nav-show_full{ min-width: initial; } .menu-wrap{ width: 540px; } } @media (min-width: 992px){ #atbs-ceris-offcanvas-mobile.atbs-ceris-offcanvas{ display: none; } } @media (min-width: 992px) and (max-width: 1199px){ .menu-wrap { width: 485px; } .atbs-ceris-offcanvas.animation { width: 770px; } .atbs-ceris-offcanvas.animation.animation_0_row, .atbs-ceris-offcanvas.animation_0_row{ width: 385px; } .atbs-ceris-offcanvas.animation.animation_1_row, .atbs-ceris-offcanvas.animation.animation_2_row{ width: 770px; } .atbs-ceris-offcanvas--inner .atbs-ceris-offcanvas__section:not(:first-child) { -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; min-width: 285px; } .atbs-ceris-offcanvas .atbs-ceris-offcanvas__section:not(:first-child).atbs-ceris-offcanvas__section-navigation { width: -webkit-calc(100% - 100px); width: -moz-calc(100% - 100px); width: calc(100% - 100px); max-width: 285px; min-width: 285px; } .atbs-ceris-offcanvas .atbs-ceris-offcanvas__section.atbs-ceris-offcanvas__title { width: 100px; min-width: 100px; } } @media (max-width: 991px){ /* Layout */ .atbs-ceris-offcanvas{ -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.1s; -o-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.1s; -moz-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.1s; transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.1s; } /*posts-list*/ .atbs-ceris-offcanvas__section-posts-list .post--vertical-cat-overlay .post__title{ color: var(--color-text); } /* Content */ #atbs-ceris-offcanvas-mobile.atbs-ceris-offcanvas .atbs-ceris-offcanvas__section-posts-list, .atbs-ceris-offcanvas .atbs-ceris-offcanvas__section-posts-list, #atbs-ceris-offcanvas-mobile.atbs-ceris-offcanvas .atbs-ceris-offcanvas__section-slide-bar, .atbs-ceris-offcanvas .atbs-ceris-offcanvas__section-slide-bar{ display: none; } #atbs-ceris-offcanvas-primary.atbs-ceris-offcanvas{ display: none; } .atbs-ceris-offcanvas__title .site-logo img { /*max-height: 35px;*/ } } /* Navigation bar ----------------------- */ /* ------------------- Mega Menu Update*/ .atbs-ceris-mega-menu .posts-list.ceris-megamenu-normal-wrap>li{ padding: 0px 15px; } .ceris-vertical-megamenu .post__thumb{ height: 130px; width: 100%; margin-bottom: 20px; } .ceris-vertical-megamenu .post__title{ font-weight: 600; line-height: 1.6; max-height: 4.8em; overflow:hidden; } .atbs-ceris-mega-menu .posts-list.ceris-megamenu-wrap{ -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; } .atbs-ceris-mega-menu .posts-list.ceris-megamenu-wrap>li { width: 25%; -webkit-box-flex: 1; -ms-flex: auto; -webkit-flex: auto; -moz-box-flex: 1; flex: auto; position: relative; padding: 30px; } .atbs-ceris-mega-menu .posts-list.ceris-megamenu-wrap>li:nth-child(5):before { content: ""; position: absolute; width: -webkit-calc(400% - 30px ); width: -moz-calc(400% - 30px ); width: calc(400% - 30px ); top: 0; left: 15px; height: 1px; background-color: rgba(0,0,0,0.1); } .atbs-ceris-mega-menu .posts-list.ceris-megamenu-wrap>li:nth-child(n+1){ padding-left: 15px; padding-right: 15px; } .atbs-ceris-mega-menu .posts-list.ceris-megamenu-wrap>li:nth-child(n+5){ padding-left: 15px; padding-right: 15px; padding-bottom: 0; } .atbs-ceris-mega-menu .post__title, .atbs-ceris-mega-menu .post__title a{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; text-transform: initial; } .atbs-ceris-mega-menu .post__meta { font-weight: 400; } .ceris-megamenu-wrap .post--horizontal .post__text{ -ms-flex-item-align: unset; -ms-grid-row-align: unset; -webkit-align-self: unset; align-self: unset; } .ceris-megamenu-wrap .post--vertical .post__thumb{ margin-bottom: 20px; } .navigation .sub-menu li:not(:last-child){ border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .navigation--main .sub-menu li:hover>a{ background: none; color: red; } .navigation--main .sub-menu a{ padding: 15px 0; } /* .Mega Menu Update ------------------- */ /* --------------- ATBS-Reaction */ .atbs-reactions-flex{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; flex-flow: row wrap; margin: -10px; } .atbs-article-reactions{ margin-top: 45px; clear: both; } .atbs-reactions-flex > .atbs-reactions-col{ -webkit-box-flex: 0; -ms-flex: 0 0 20%; -webkit-flex: 0 0 20%; -moz-box-flex: 0; flex: 0 0 20%; max-width: 20%; padding: 10px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; } @media(max-width: 576px){ .atbs-reactions-flex > .atbs-reactions-col{ -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; -webkit-flex: 0 0 33.33%; -moz-box-flex: 0; flex: 0 0 33.33%; max-width: 33.33%; } } @media(max-width: 419px){ .atbs-reactions-flex > .atbs-reactions-col{ -webkit-box-flex: 0; -ms-flex: 0 0 50%; -webkit-flex: 0 0 50%; -moz-box-flex: 0; flex: 0 0 50%; max-width: 50%; } } .atbs-reactions-content{ text-align: center; margin-bottom: 0; cursor: pointer; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; position: relative; border: 1px solid rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding-bottom: 15px; } .atbs-article-reactions .atbs-reactions-content:hover{ border: 1px solid rgba(255,0,0,0.3); } .atbs-article-reactions .atbs-reactions-image{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; text-align: center; margin-bottom: 0; padding-top: 20px; } .atbs-article-reactions .atbs-reactions-content, .atbs-article-reactions .atbs-reactions-content:active .atbs-reaction-count { -webkit-transition: transfrom 0.4s ; -o-transition: transfrom 0.4s ; -moz-transition: transfrom 0.4s ; transition: transfrom 0.4s ; } .atbs-article-reactions .atbs-reactions-content .atbs-reaction-count{ font-weight: 500; margin-top: 15px; font-size: 12px; -webkit-transition: 0.2s all ease; -o-transition: 0.2s all ease; -moz-transition: 0.2s all ease; transition: 0.2s all ease; position: relative; } .atbs-article-reactions .atbs-reactions-content.active .atbs-reaction-count{ color: var(--color-logo); } .atbs-article-reactions .atbs-reactions-content.scale-count .atbs-reaction-count{ -webkit-transform: scale(1.4); -ms-transform: scale(1.4); -moz-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4); } .atbs-article-reactions .atbs-reactions-content svg{ -webkit-transform: scale(0.7); -ms-transform: scale(0.7); -moz-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); } .atbs-article-reactions .atbs-reactions-content .scale-icon svg{ -webkit-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .atbs-article-reactions .atbs-reactions-image svg{ width: 35px; height: 35px; -webkit-transition: 0.2s all ease; -o-transition: 0.2s all ease; -moz-transition: 0.2s all ease; transition: 0.2s all ease; } .atbs-article-reactions .atbs-reaction-name{ margin-top: 12px; text-transform: uppercase; font-size: 11px; letter-spacing: 0.4px; font-weight: 700; display: block; } .typography-copy h3.atbs-reactions-title{ font-size: 18px; font-weight: 600; margin-bottom: 25px; line-height: 1.2; } /* .ATBS-Reaction ---------------*/ /* --------------- Mobile Share */ .ceris-mobile-share-socials { margin-top: 45px; clear: both; display: none; } .ceris-mobile-share-socials ul { list-style: none; padding-left: 0; margin: -8px; } .ceris-mobile-share-socials ul li{ margin: 0; padding: 8px; } .ceris-mobile-share-socials ul li a { display: block; width: 45px; height: 45px; border: 1px solid #ddd; text-align: center; line-height: 43px; font-size: 16px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #888; -webkit-transition: all 0.15s ease-out 0s; -o-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; } .ceris-mobile-share-socials ul li:hover a { color: #fff; background-color: var(--color-logo); border-color: var(--color-logo); } .typography-copy .ceris-mobile-share-socials h3{ font-size: 18px; font-weight: 600; margin-bottom: 25px; line-height: 1.2; } @media (max-width: 767px) { .ceris-mobile-share-socials{ display: block; } } /* .Mobile Share ---------------*/ /* --------------- scroll-count-percent */ .scroll-count-percent-with-bookmark{ cursor: pointer; } .scroll-count-percent{ width: 80px; height: 80px; position: absolute; z-index: 9999; top: -webkit-calc(101% + 50px); top: -moz-calc(101% + 50px); top: calc(101% + 50px); right: 50px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; } .admin-bar .scroll-count-percent{ top: -webkit-calc(101% + 82px); top: -moz-calc(101% + 82px); top: calc(101% + 82px); } .js-sticky-header.is-fixed .scroll-count-percent{ top: -webkit-calc(101% + 50px); top: -moz-calc(101% + 50px); top: calc(101% + 50px); } .js-sticky-header.is-fixed.is-shown .scroll-count-percent{ top: -webkit-calc(101% + 50px); top: -moz-calc(101% + 50px); top: calc(101% + 50px); -webkit-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; } .sticky-header.is-fixed .scroll-count-percent.active, .scroll-count-percent.active{ visibility: visible; pointer-events: auto; opacity: 1; /*-webkit-transition: all 0.15s ease-out 0s; -o-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s;*/ } .scroll-count-percent .progress-scroll { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .scroll-count-percent .progress__meter, .scroll-count-percent .progress__value { fill: none; } .scroll-count-percent .progress__meter { stroke: #e6e6e6; fill: #fff; } .scroll-count-percent .progress__value { stroke: var(--color-logo); opacity: 0.8; stroke-linecap: round; -webkit-transition: all 0.15s; -o-transition: all 0.15s; -moz-transition: all 0.15s; transition: all 0.15s; } .scroll-count-percent .percent { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .scroll-count-percent .percent-number{ position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; } .scroll-count-percent .percent-number span{ font-size: 15px; font-weight: 500; line-height: 1; margin-right: 1px; } @media (max-width: 1430px){ .scroll-count-percent{ right: 20px; } } @media (max-width: 1366px){ .scroll-count-percent{ right: 15px; height: 60px; width: 60px; } .scroll-count-percent .percent-number span{ font-size: 13px; } } @media (max-width: 1199px){ .scroll-count-percent{ display: none ; } } @media (max-width: 1199px){ .scroll-count-percent{ right: 20px; height: 60px; width: 60px; } .scroll-count-percent .percent-number span{ font-size: 14px; } } @media (max-width: 991px){ .scroll-count-percent{ opacity: 1; right: 25px; display: none; } } /*scroll mobile*/ .scroll-count-percent-mobile.scroll-count-percent{ position: fixed; top: 0; left: 0; width: 100%; height: 3px; -webkit-box-pack: unset; -ms-flex-pack: unset; -webkit-justify-content: unset; -moz-box-pack: unset; justify-content: unset; display: none; } .scroll-count-percent-mobile.scroll-count-percent .progress-scroll{ -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; transform: none; width: 100%; height: 100%; } .scroll-count-percent-mobile.scroll-count-percent .percent-number{ background-color: var(--color-logo); height: 100%; width: 100px; position: initial; -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; transform: none; display: block; left: unset; top: unset; -webkit-transition: 0.2s; -o-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } @media (max-width: 991px){ .scroll-count-percent-mobile.scroll-count-percent.active{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; visibility: visible; } } /*svg bookmark single*/ .scroll-count-percent .btn-bookmark-icon{ position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; } .scroll-count-percent .btn-bookmark-icon svg{ width: 25px; height: 25px; -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; position: absolute; cursor: pointer; } .scroll-count-percent .btn-bookmark-icon .bookmark-status-not-save{ opacity: 1; visibility: visible; } .scroll-count-percent .btn-bookmark-icon .bookmark-status-saved{ visibility: hidden; opacity: 0; } .scroll-count-percent .btn-bookmark-icon .bookmark-status-saved path{ fill: var(--color-logo); } .scroll-count-percent .btn-bookmark-icon .bookmark-status-not-save path{ fill: #999; } .scroll-count-percent .btn-bookmark-icon svg path{ -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .scroll-count-percent .btn-bookmark-icon.is-saved .bookmark-status-saved{ opacity: 1; visibility: visible; } .scroll-count-percent .btn-bookmark-icon.is-saved .bookmark-status-not-save { opacity: 0; visibility: hidden; } @media (max-width: 1366px){ .scroll-count-percent .btn-bookmark-icon svg{ width: 25px; height: 25px; } } /* .scroll-count-percent ---------------*/ /* . Update single Scrolling */ .single-infinity-inner:not(:last-child){ margin-bottom: 100px; } .single-infinity-inner + .single-infinity-inner .atbs-ceris-block--fullwidth.atbs-ceris-block--contiguous{ margin-top:0; } .single-infinity-inner:not(:first-child) .atbs-ceris-block--fullwidth.atbs-ceris-block--contiguous{ margin-top:0; } .infinity-single-trigger{ height: 0; -webkit-transition: 0.3s all; -o-transition: 0.3s all; -moz-transition: 0.3s all; transition: 0.3s all; position: relative; height: 140px; } .infinity-single-trigger:before{ content:"\e97b"; font-family: 'mdicon' !important; font-size: 38px; position: absolute; left: 50%; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); -moz-transform: translate(-50%); -o-transform: translate(-50%); transform: translate(-50%); top: 50%; -webkit-animation: spin 2s linear infinite; /* Safari */ -moz-animation: spin 2s linear infinite; -o-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } /* ------------------------------- Video Slider */ .fotorama__dot{ height: 8px; width: 8px; background-color: #222222; opacity: 0.15; border: none; } .fotorama__nav__frame.fotorama__active .fotorama__dot{ height: 8px; width: 8px; background-color: #222; border: none; opacity: 1; } .ceris-img-infinity-separator { margin-bottom: 100px; margin-left: auto; margin-right: auto; text-align: center; } @media(max-width: 767px) { .single-infinity-inner:not(:last-child) { margin-bottom: 60px; } .ceris-img-infinity-separator { margin-bottom: 60px; } } /* .Video Slider -------------------------------*/ /* ----------------------- atbs-ceris-posts-listing-list-g */ /* Layout */ .post--horizontal-fullwidth-thumb-50{ /*display: -webkit-flex;*/ /*display: -moz-flex;*/ /*display: -ms-flexbox;*/ /*display: flex;*/ /*flex-wrap: wrap;*/ background: #fef0f0; } .post--horizontal-fullwidth-thumb-50 .post__thumb{ width: 50%; margin: 0; } .post--horizontal-fullwidth-thumb-50 .post__thumb a{ width: 100%; height: 100%; } .post--horizontal-fullwidth-thumb-50 .post__thumb a img{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .post--horizontal-fullwidth-thumb-50 .post__text{ width: -webkit-calc(100% - 50%); width: -moz-calc(100% - 50%); width: calc(100% - 50%); -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; text-align: center; padding: 10% 50px; } .post--horizontal-fullwidth-thumb-50 .post__text-inner{ max-width: 650px; margin: 0 auto; } .post--horizontal-fullwidth-thumb-50 .post__cat { margin: 0; } .post--horizontal-fullwidth-thumb-50 .post__title.typescale-5{ font-size: 38px; font-size: 2.7142rem; /*font system*/ margin: 20px 0; } .post--horizontal-fullwidth-thumb-50 .post__meta{ margin-top: 0; } /* Content */ @media (max-width: 1366px) { /* Layout */ /* Content */ .post--horizontal-fullwidth-thumb-50 .post__title.typescale-5 { font-size: 30px; font-size: 2.1428rem; /*font system*/ line-height: 1.4; } .post--horizontal-fullwidth-thumb-50 .post__thumb{ height: 750px; } .post--horizontal-fullwidth-thumb-50 .post__text-inner{ max-width: 490px; margin: 0 auto; } } @media (max-width: 1199px) { /* Layout */ /* Content */ .post--horizontal-fullwidth-thumb-50 .post__title.typescale-5 { font-size: 28px; font-size: 2rem; /*font system*/ line-height: 1.4; } .post--horizontal-fullwidth-thumb-50 .post__thumb{ height: 700px; } .post--horizontal-fullwidth-thumb-50 .post__text-inner{ max-width: 450px; margin: 0 auto; } } @media (max-width: 991px) { /* Layout */ /* Content */ .post--horizontal-fullwidth-thumb-50{ -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .post--horizontal-fullwidth-thumb-50 .post__text{ width: 100%; -webkit-box-flex: initial; -ms-flex: initial; -webkit-flex: initial; -moz-box-flex: initial; flex: initial; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; -webkit-order: -1; -moz-box-ordinal-group: 0; order: -1; padding: 10% 80px; } .post--horizontal-fullwidth-thumb-50 .post__text-inner{ max-width: 100%; width: 100%; padding: 0; } .post--horizontal-fullwidth-thumb-50 .post__thumb { width: 100%; height: 500px; } .post--horizontal-fullwidth-thumb-50 .post__title.typescale-5 { font-size: 32px; font-size: 2.2857rem; /*font system*/ line-height: 1.4; } .atbs-ceris-posts-listing-list-g .posts-list .list-item:not(:first-child){ margin-top: 40px; } } @media (max-width: 767px) { /* Layout */ /* Content */ .post--horizontal-fullwidth-thumb-50 .post__thumb { width: 100%; height: 400px; } .post--horizontal-fullwidth-thumb-50 .post__text{ width: 100%; height: 400px; } .post--horizontal-fullwidth-thumb-50 .post__title.typescale-5 { font-size: 28px; font-size: 2rem; /*font system*/ line-height: 1.4; margin: 15px 0; } } @media (max-width: 680px) { /* Layout */ /* Content */ .post--horizontal-fullwidth-thumb-50 .post__text{ padding: 10% 20px; } .post--horizontal-fullwidth-thumb-50 .post__title.typescale-5 { font-size: 24px; font-size: 1.7142rem; /*font system*/ line-height: 1.4; } } @media (max-width: 576px) { /* Layout */ /* Content */ .post--horizontal-fullwidth-thumb-50 .post__thumb { width: 100%; height: 350px; } .post--horizontal-fullwidth-thumb-50 .post__text{ padding: 0 20px; height: 350px; } .atbs-ceris-posts-listing-list-g .posts-list .list-item:not(:first-child){ margin-top: 30px; } } @media (max-width: 480px) { /* Layout */ /* Content */ .post--horizontal-fullwidth-thumb-50 .post__thumb { width: 100%; height: 300px; } .post--horizontal-fullwidth-thumb-50 .post__text{ height: 300px; } .post--horizontal-fullwidth-thumb-50 .post__title.typescale-5 { font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; } } @media (max-width: 420px) { /* Layout */ /* Content */ .post--horizontal-fullwidth-thumb-50 .post__thumb { width: 100%; height: 250px; } .post--horizontal-fullwidth-thumb-50 .post__text{ height: 250px; } } @media (max-width: 380px) { /* Layout */ /* Content */ .post--horizontal-fullwidth-thumb-50 .post__title.typescale-5 { font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; } } @media (max-width: 320px) { /* Layout */ /* Content */ } .atbs-ceris-posts-listing-list-g time.time{ font-size: 14px; } /* .atbs-ceris-posts-listing-list-g ----------------------- */ /* ----------------------- atbs-ceris-posts-listing-grid-c */ /* Layout */ .atbs-ceris-posts-listing-grid-c .atbs-ceris-block__inner.has-social-list{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .atbs-ceris-posts-listing-grid-c .atbs-ceris-block__inner.has-social-list > *:first-child{ width: 100px; position: relative; } .atbs-ceris-posts-listing-grid-c .atbs-ceris-block__inner.has-social-list > *:last-child{ -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; position: relative; } .atbs-ceris-posts-listing-grid-c .social-frames .social-list a{ width: 40px; height: 40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid rgba(0,0,0,0.1); display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; padding: 5px; margin: 0 auto; } .atbs-ceris-posts-listing-grid-c .social-frames .social-list li:not(:last-child){ margin-bottom: 15px; } .atbs-ceris-posts-listing-grid-c .flexbox-item{ width: 25%; -webkit-box-flex: 1; -ms-flex: auto; -webkit-flex: auto; -moz-box-flex: 1; flex: auto; max-width: 33.33%; } .atbs-ceris-posts-listing-grid-c .flexbox-item:nth-child(7n+1){ width: 50%; -webkit-box-flex: 1; -ms-flex: auto; -webkit-flex: auto; -moz-box-flex: 1; flex: auto; max-width: -webkit-calc(100% - 33.33%); max-width: -moz-calc(100% - 33.33%); max-width: calc(100% - 33.33%); } .atbs-ceris-posts-listing-grid-d .flexbox-item{ min-width: -webkit-calc(100% / 4); min-width: -moz-calc(100% / 4); min-width: calc(100% / 4); max-width: -webkit-calc(100% / 3); max-width: -moz-calc(100% / 3); max-width: calc(100% / 3); -webkit-box-flex: 1; -ms-flex: auto; -webkit-flex: auto; -moz-box-flex: 1; flex: auto; } .atbs-ceris-posts-listing-grid-d .flexbox-item-50{ width: -webkit-calc(50%); width: -moz-calc(50%); width: calc(50%); max-width: -webkit-calc(50%); max-width: -moz-calc(50%); max-width: calc(50%); -webkit-box-flex: 1; -ms-flex: auto; -webkit-flex: auto; -moz-box-flex: 1; flex: auto; } @media(max-width: 1199px){ .atbs-ceris-posts-listing-grid-c .flexbox-item:nth-child(7n+1){ width: 100%; -webkit-box-flex: 1; -ms-flex: auto; -webkit-flex: auto; -moz-box-flex: 1; flex: auto; } .atbs-ceris-posts-listing-grid-c .flexbox-item{ width: 50%; -webkit-box-flex: 1; -ms-flex: auto; -webkit-flex: auto; -moz-box-flex: 1; flex: auto; } } @media(max-width: 576px){ .atbs-ceris-posts-listing-grid-c .flexbox-item:nth-child(7n+1), .atbs-ceris-posts-listing-grid-c .flexbox-item{ width: 100%; -webkit-box-flex: 1; -ms-flex: auto; -webkit-flex: auto; -moz-box-flex: 1; flex: auto; } .atbs-ceris-posts-listing-grid-c .flexbox-item:not(:first-child){ margin-top: 30px; } } .atbs-ceris-posts-listing-grid-d .posts-list .posts-list-inner, .atbs-ceris-posts-listing-grid-c .posts-list-inner{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .atbs-ceris-posts-listing-grid-c .post__text-inner{ padding: 40px 20px; } @media(max-width: 1366px) and (min-width: 1200px){ .atbs-ceris-posts-listing-grid-c .post__text-inner{ padding: 0 30px; } } .atbs-ceris-posts-listing-grid-c .posts-list .post__cat{ margin-bottom: 0; } .atbs-ceris-posts-listing-grid-c .post__title{ font-weight: 700; margin: 20px 0; } .atbs-ceris-posts-listing-grid-c time.time{ font-size: 14px; } .atbs-ceris-posts-listing-grid-c .flexbox-item-100{ width: 100%; -webkit-box-flex: 1; -ms-flex: auto; -webkit-flex: auto; -moz-box-flex: 1; flex: auto; } .atbs-ceris-posts-listing-grid-c .flexbox-item-50{ width: 50%; -webkit-box-flex: 1; -ms-flex: auto; -webkit-flex: auto; -moz-box-flex: 1; flex: auto; } .atbs-ceris-posts-listing-grid-c .flexbox-item-25{ width: 25%; -webkit-box-flex: 1; -ms-flex: auto; -webkit-flex: auto; -moz-box-flex: 1; flex: auto; } .atbs-ceris-posts-listing-grid-c .flexbox-item-33{ width: -webkit-calc(100% / 3); width: -moz-calc(100% / 3); width: calc(100% / 3); -webkit-box-flex: 1; -ms-flex: auto; -webkit-flex: auto; -moz-box-flex: 1; flex: auto; } .atbs-ceris-posts-listing-grid-c .flexbox-item-67{ width: -webkit-calc(200% / 3); width: -moz-calc(200% / 3); width: calc(200% / 3); -webkit-box-flex: 1; -ms-flex: auto; -webkit-flex: auto; -moz-box-flex: 1; flex: auto; } .atbs-ceris-posts-listing-grid-c .flexbox-item-auto{ width: auto; -webkit-box-flex: 1; -ms-flex: auto; -webkit-flex: auto; -moz-box-flex: 1; flex: auto; } /* Content */ .post.post--overlay-text-center{ height: 100%; } .post.post--overlay-text-center .post__text{ width: 100%; height: 100%; min-height: 625px; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; text-align: center; pointer-events: none; z-index: 2; } .post.post--overlay-text-center .post__text-inner{ max-width: 600px; margin: 0 auto; } .post.post--overlay-text-center .post__cat{ color: #fff; pointer-events: auto; } .post.post--overlay-text-center .bookmark__buttons-wrap { pointer-events: auto; } .post.post--overlay-text-center .post__excerpt{ max-width: 80%; margin: 0 auto; } .post.post--overlay-text-center .post__excerpt, .post.post--overlay-text-center .excerpt{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; } .module_content_show_on_hover .post__thumb--overlay.post__thumb:after { background-color: rgba(0,0,0,0.1); -webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; } .module_content_show_on_hover .post--overlay:hover .post__thumb--overlay.post__thumb:after { background-color: rgba(0,0,0,1); } @media (min-width: 1199px){ .atbs-ceris-posts-listing-grid-c.module_content_show_on_hover .post--overlay-text-center .post__text{ -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; opacity: 0; } .atbs-ceris-posts-listing-grid-c.module_content_show_on_hover .post--overlay-text-center:hover .post__text{ opacity: 1; } } @media (max-width: 991px) { .atbs-ceris-posts-listing-grid-c .atbs-ceris-block__inner.has-social-list .social-frames{ display: none; } } @media (max-width: 1366px) { /* Layout */ /* Content */ } @media (max-width: 1199px) { /* Layout */ .atbs-ceris-posts-listing-grid-c .flexbox-item-50{ width: 50%; -webkit-box-flex: 1; -ms-flex: auto; -webkit-flex: auto; -moz-box-flex: 1; flex: auto; } .atbs-ceris-posts-listing-grid-c .flexbox-item-25{ width: 50%; -webkit-box-flex: 1; -ms-flex: auto; -webkit-flex: auto; -moz-box-flex: 1; flex: auto; } .atbs-ceris-posts-listing-grid-c .flexbox-item-auto{ width: auto; -webkit-box-flex: 1; -ms-flex: auto; -webkit-flex: auto; -moz-box-flex: 1; flex: auto; } /* Content */ .post.post--overlay-text-center .post__text{ min-height: 425px; } } @media (max-width: 1199px) and (min-width: 992px){ .atbs-ceris-posts-listing-grid-c.posts-listing-grid-d-no-sidebar .post.post--overlay-text-center .post__title{ font-size: 24px; font-size: 1.7142rem; /*font system*/ line-height: 1.5; } } @media (max-width: 991px) { /* Layout */ .atbs-ceris-posts-listing-grid-c .flexbox-item-33{ width: 50%; -webkit-box-flex: 1; -ms-flex: auto; -webkit-flex: auto; -moz-box-flex: 1; flex: auto; } /* Content */ .post.post--overlay-text-center .post__text{ min-height: 385px; } .post.post--overlay-text-center .post__text-inner { max-width: 530px; margin: 0 auto; } } @media (max-width: 767px) { /* Layout */ /* Content */ .post.post--overlay-text-center .post__text{ min-height: 380px; } .post.post--overlay-text-center .post__text-inner { max-width: 470px; margin: 0 auto; } .post.post--overlay-text-center .post__title.typescale-2{ font-size: 1.4285rem; /*font system*/ line-height: 1.5; } .atbs-ceris-posts-listing-grid-c .post--overlay-text-center .post__title{ line-height: 1.5; font-size: 22px; font-size: 1.5714rem; /*font system*/ } } @media (max-width: 767px) and (min-width: 577px){ .atbs-ceris-posts-listing-grid-c.posts-listing-grid-d-no-sidebar .post.post--overlay-text-center .post__title{ font-size: 22px; font-size: 1.5714rem; /*font system*/ line-height: 1.5; } } @media (max-width: 680px) { /* Layout */ .atbs-ceris-posts-listing-grid-c .atbs-ceris-block__inner{ /*padding: 0 25px;*/ } /* Content */ .post.post--overlay-text-center .post__text{ min-height: 320px; } .post.post--overlay-text-center .post__title.typescale-2{ font-size: 18px; line-height: 1.4; } .post.post--overlay-text-center .post__excerpt, .post.post--overlay-text-center .excerpt{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; } } @media (max-width: 576px) { /* Layout */ .atbs-ceris-posts-listing-grid-c .atbs-ceris-block__inner{ /*padding: 0 15px;*/ } .atbs-ceris-posts-listing-grid-c .flexbox-item-100, .atbs-ceris-posts-listing-grid-c .flexbox-item-50, .atbs-ceris-posts-listing-grid-c .flexbox-item-25, .atbs-ceris-posts-listing-grid-c .flexbox-item-33, .atbs-ceris-posts-listing-grid-c .flexbox-item-auto{ width: 100%; -webkit-box-flex: 1; -ms-flex: auto; -webkit-flex: auto; -moz-box-flex: 1; flex: auto; } /* Content */ } @media (max-width: 480px) { /* Layout */ /* Content */ .post.post--overlay-text-center .post__text { min-height: 380px; } .atbs-ceris-posts-listing-grid-c .post--overlay-text-center .post__title{ font-weight: 600; } .atbs-ceris-posts-listing-grid-c.posts-listing-grid-d-no-sidebar .post.post--overlay-text-center .post__title{ font-weight: 600; } .atbs-ceris-posts-listing-grid-c .post__text-inner{ padding: 0 25px; } } @media (max-width: 420px) { /* Layout */ /* Content */ .post.post--overlay-text-center .post__excerpt{ max-width: 90%; } .post.post--overlay-text-center .post__excerpt, .post.post--overlay-text-center .excerpt { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; } } @media (max-width: 380px) { /* Layout */ /* Content */ .post.post--overlay-text-center .post__text { min-height: 320px; } .atbs-ceris-posts-listing-grid-c .post__text-inner{ padding: 0 20px; } } @media (max-width: 320px) { /* Layout */ /* Content */ } /* .atbs-ceris-posts-listing-grid-c ----------------------- */ /* ----------------------- atbs-ceris-posts-listing-grid-e */ /* Layout */ .atbs-ceris-posts-listing-grid-e .posts-list{ display: -webkit-box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: -15px; } .atbs-ceris-posts-listing-grid-e .list-item{ width: 50%; padding: 15px; } /* Content */ .post-grid-video-space-between .post__title, .post-grid-video-space-between .post__cat, .post-grid-video-space-between .post__excerpt{ color: #fff; } .post-grid-video-space-between a.post__cat.cat-theme{ color: #fff !important; } .post-grid-video-space-between .background-img:after{ opacity: 0.2; background-color: #232323; } .post-grid-video-space-between { height: 100%; } .post-grid-video-space-between .post__text{ -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; padding: 0 65px; height: 100%; } .post-grid-video-space-between .post__title{ font-size: 26px; font-size: 1.8571rem; line-height: 1.4; font-weight: bold; margin-bottom: 35px; } .post-grid-video-space-between .post__excerpt{ margin-bottom: 0; } .post-grid-video-space-between .post__text-inner{ padding: 0; max-width: 300px; } .post-grid-video-space-between .post-type-icon{ background-color: #fff; color: #131313; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index: 1; text-decoration: none; } .post-grid-video-space-between .post-type-icon i{ font-size: 35px; } .post-grid-video-space-between.post-grid-video-space-between__style-5{ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .post-grid-video-space-between.post-grid-video-space-between__style-5 .post__text{ -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-box-align: end; align-items: flex-end; padding: 50px 40px; } .post-grid-video-space-between.post-grid-video-space-between__style-5 .post__text-inner{ margin: 0 auto; text-align: center; max-width: 100%; } .post-grid-video-space-between.post-grid-video-space-between__style-5 .post__title{ margin-bottom: 0; line-height: 1.5; font-weight: 700; } @media (max-width: 1366px) { /* Layout */ /* Content */ } @media (max-width: 1199px) and (min-width: 992px) { /* Layout */ /* Content */ .post-grid-video-space-between.post-grid-video-space-between__style-5 .post__text { min-height: 335px; padding: 30px 25px; } .post-grid-video-space-between.post-grid-video-space-between__style-5 .post__title{ font-size: 24px; font-size: 1.7142rem; /*font system*/ line-height: 1.5; } } @media (max-width: 991px) { /* Layout */ /* Content */ .post-grid-video-space-between.post-grid-video-space-between__style-5 .post__text{ padding: 30px 20px; min-height: 345px; } .post-grid-video-space-between.post-grid-video-space-between__style-5 .post__title{ font-size: 22px; font-size: 1.5714rem; /*font system*/ line-height: 1.5; margin-bottom: 12px; } } @media (max-width: 767px) { /* Layout */ .atbs-ceris-posts-listing-grid-e .list-item{ width: 100%; } /* Content */ .post-grid-video-space-between.post-grid-video-space-between__style-5 .post__text{ padding: 30px 20px; min-height: 300px; } } @media (max-width: 576px) { /* Layout */ .atbs-ceris-posts-listing-grid-e .list-item{ width: 100%; } .atbs-ceris-posts-listing-grid-e .list-item:first-child, .atbs-ceris-posts-listing-grid-e .list-item:nth-child(2){ width: 100%; } /* Content */ .post-grid-video-space-between.post-grid-video-space-between__style-5 .post__text{ min-height: 380px; } .post-grid-video-space-between.post-grid-video-space-between__style-5 .post__text-inner{ max-width: 460px; } .post-grid-video-space-between.post-grid-video-space-between__style-5 .post__title{ line-height: 1.5; } } @media (max-width: 480px) { /* Layout */ /* Content */ .post-grid-video-space-between.post-grid-video-space-between__style-5 .post__text{ padding: 30px 20px; min-height: 350px; } .post-grid-video-space-between.post-grid-video-space-between__style-5 .post__text-inner{ padding-right: 0; max-width: 100%; width: 100%; } .post-grid-video-space-between.post-grid-video-space-between__style-5 .post__title{ font-weight: 600; font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } .post-grid-video-space-between .post-type-icon { display: none; } } @media (max-width: 420px) { /* Layout */ /* Content */ } @media (max-width: 380px) { /* Layout */ /* Content */ .post-grid-video-space-between.post-grid-video-space-between__style-5 .post__text{ padding: 30px 20px; min-height: 350px; } .post-grid-video-space-between.post-grid-video-space-between__style-5 .post__text-inner{ max-width: 100%; width: 100%; } } @media (max-width: 320px) { /* Layout */ /* Content */ .post-grid-video-space-between.post-grid-video-space-between__style-5 .post__text{ min-height: 290px; } } /* .atbs-ceris-posts-listing-grid-e ----------------------- */ /* ----------------------- atbs-ceris-grid-carousel-c */ /* Layout */ .atbs-ceris-grid-carousel-c .posts-list{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: -15px; } .atbs-ceris-grid-carousel-c .posts-list .list-item{ width: -webkit-calc(100% / 4); width: -moz-calc(100% / 4); width: calc(100% / 4); padding: 15px; } /* Content */ .post--vertical-has-media .post__thumb{ margin-bottom: 20px; } .post--vertical-has-media .media-left{ padding-right: 25px; padding-top: 25px; vertical-align: initial; } .post--vertical-has-media .post__meta{ margin-top: 12px; } .post--vertical-has-media .list-index{ font-size: 28px; line-height: 1; font-weight: bold; position: relative; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; color: #000; opacity: 0.15; } .post--vertical-has-media .list-index:after{ content: ''; display: none; position: absolute; top: 5px; right: 7.5px; width: 2px; height: 45px; -webkit-transform: rotate(25deg); -ms-transform: rotate(25deg); -moz-transform: rotate(25deg); -o-transform: rotate(25deg); transform: rotate(25deg); background-color: #000; } .post--vertical-has-media .post__title.typescale-1{ font-weight: 500; } .owl-carousel { display: block; } .atbs-ceris-grid-carousel-c .owl-carousel .owl-item { -webkit-backface-visibility: visible; } .atbs-ceris-grid-carousel-c .owl-carousel .owl-item:not(:first-child), .atbs-ceris-grid-carousel-c .owl-carousel .list-item:not(:first-child) { display: none; } .atbs-ceris-grid-carousel-c .owl-carousel .owl-item:first-child, .atbs-ceris-grid-carousel-c .owl-carousel .list-item:first-child { visibility: hidden; } .atbs-ceris-grid-carousel-c .owl-carousel.owl-loaded .owl-item:not(:first-child), .atbs-ceris-grid-carousel-c .owl-carousel.owl-loaded .list-item:not(:first-child) { display: block; } .atbs-ceris-grid-carousel-c .owl-carousel.owl-loaded .owl-item:first-child, .atbs-ceris-grid-carousel-c .owl-carousel.owl-loaded .list-item:first-child { visibility: visible; } @media (max-width: 1366px) { /* Layout */ /* Content */ } @media (max-width: 1199px) { /* Layout */ /* Content */ .post--vertical-has-media .post__thumb{ margin-bottom: 15px; height: 140px; } .post--vertical-has-media .media-left { padding-right: 15px; } .post--vertical-has-media .list-index{ font-size: 25px; } .post--vertical-has-media .list-index:after{ height: 30px; } .post--vertical-has-media .post__title.typescale-1{ font-size: 16px; font-size: 1.1428rem; /*font system*/ line-height: 1.5; } } @media (max-width: 991px) and (min-width: 768px){ /* Layout */ .atbs-ceris-grid-carousel-c .posts-list{ margin: -15px; } .atbs-ceris-grid-carousel-c .posts-list .list-item{ width: -webkit-calc(100% / 2); width: -moz-calc(100% / 2); width: calc(100% / 2); padding: 15px; } /* Content */ .post--vertical-has-media .post__thumb{ margin-bottom: 15px; height: 190px; } .post--vertical-has-media .media-left { padding-right: 20px; } .post--vertical-has-media .list-index{ font-size: 30px; } .post--vertical-has-media .list-index:after{ height: 35px; } .post--vertical-has-media .post__title.typescale-1{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } } @media (max-width: 767px) { /* Layout */ .atbs-ceris-grid-carousel-c .posts-list{ margin: -7.5px; } .atbs-ceris-grid-carousel-c .posts-list .list-item{ width: -webkit-calc(100% / 2); width: -moz-calc(100% / 2); width: calc(100% / 2); padding: 7.5px; } /* Content */ .post--vertical-has-media .post__thumb{ margin-bottom: 20px; height: 160px; } } @media (max-width: 576px) { /* Layout */ .atbs-ceris-grid-carousel-c .posts-list{ margin: -15px; } .atbs-ceris-grid-carousel-c .posts-list .list-item{ width: 100%; padding: 15px; } /* Content */ .post--vertical-has-media .post__thumb{ height: 280px; } .post--vertical-has-media .media-left { padding-right: 20px; } .post--vertical-has-media .list-index{ font-size: 30px; } .post--vertical-has-media .list-index:after{ height: 35px; } .post--vertical-has-media .post__title.typescale-1{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } } @media (max-width: 480px) { /* Layout */ /* Content */ .post--vertical-has-media .post__thumb{ height: 250px; } } @media (max-width: 420px) { /* Layout */ /* Content */ .post--vertical-has-media .post__thumb{ height: 230px; } } @media (max-width: 380px) { /* Layout */ /* Content */ .post--vertical-has-media .post__thumb{ height: 200px; } } @media (max-width: 320px) { /* Layout */ /* Content */ .post--vertical-has-media .post__thumb{ height: 170px; } .post--vertical-has-media .post__title.typescale-1{ font-size: 16px; font-size: 1.1428rem; /*font system*/ line-height: 1.5; } } /* .atbs-ceris-grid-carousel-c ----------------------- */ /* ----------------------- slider video */ .atbs-ceris-custom-video .fotorama__video{ width: 100%; position: relative; padding: 0; padding-top: 56.2857%; top: 0 !important; left: 0 !important; } .atbs-ceris-custom-video .fotorama__loaded--img img{ width: 100% !important; height: 100% !important; -o-object-fit: cover; object-fit: cover; left: 0 !important; top: 0 !important; } .atbs-ceris-custom-video .fotorama__wrap--video .fotorama__video-close{ position: absolute; bottom: 100%; right: 0; } .atbs-ceris-custom-video .fotorama__stage{ width: 100% !important; padding-top: 56.2857% !important; height: 0 !important; } .atbs-ceris-custom-video .fotorama__nav-wrap{ margin-top: 20px; } /* .slider video ----------------------- */ /* ----------------------- block fullwidth has two sidebar lingting horizontal */ .open-sub-col{ display: none; } @media (min-width: 1500px){ .has-two-sidebar>.row{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .has-two-sidebar .atbs-ceris-sub-col-left{ -webkit-box-ordinal-group: 0; -ms-flex-order: -1; -webkit-order: -1; -moz-box-ordinal-group: 0; order: -1; } .atbs-ceris-block--fullwidth-two-sidebar .container{ width: 1500px; } .has-two-sidebar .atbs-ceris-main-col { padding-right: 35px; padding-left: 35px; } } @media (min-width: 1199px){ .atbs-ceris-block--fullwidth-two-sidebar .posts-listing-grid .post__title, .atbs-ceris-block--fullwidth-two-sidebar .posts-listing-grid-b .post__title{ font-size: 1.4285rem; line-height: 1.4; } } @media (max-width: 1499px) and (min-width: 992px){ .has-two-sidebar .atbs-ceris-sub-col-left{ -webkit-box-ordinal-group: initial; -ms-flex-order: initial; -webkit-order: initial; -moz-box-ordinal-group: initial; order: initial; width: 295px; } .has-two-sidebar .atbs-ceris-sub-col-left .theiaStickySidebar{ position: fixed !important; left: -100% !important; top: 0 !important; height: 100% !important; width: inherit !important; background-color: #fff; padding: 15px !important; overflow-y: auto; overflow-x: initial; z-index: 9999; opacity: 0; visibility: hidden; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; -webkit-transition: 0.3s; } .has-two-sidebar .atbs-ceris-sub-col-left .theiaStickySidebar::-webkit-scrollbar{ width: 5px; } .has-two-sidebar .atbs-ceris-sub-col-left .theiaStickySidebar::-webkit-scrollbar-thumb{ width: 2.5px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); -webkit-border-radius: 10px; border-radius: 10px; } .has-two-sidebar .atbs-ceris-sub-col-left .theiaStickySidebar::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 10px; border-radius: 10px; } .drop-sub-col{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); visibility: hidden; opacity: 0; cursor: url('cancel.svg'), pointer; z-index: 999; } .open-sub-col{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; /*width: 40px;*/ /*height: 40px;*/ padding: 10px 15px; background-color: var(--color-logo); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.1); box-shadow: 0 0 5px rgba(0,0,0,0.1); color: #fff; position: fixed; left: 0; bottom: 0; /*border-radius: 5px;*/ z-index: 999; cursor: pointer; } .open-sub-col i{ margin-left: 5px; } .atbs-ceris-sub-col.active .theiaStickySidebar{ opacity: 1; left: 0 !important; visibility: visible !important; } .atbs-ceris-sub-col.active .drop-sub-col{ visibility: visible; opacity: 1; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; -webkit-transition: 0.3s; } } /* .block fullwidth has two sidebar lingting horizontal ----------------------- */ /* ----------------------- Bookmark */ .bookmark-without-dismiss .post__button-remove-bookmark, .bookmark-without-dismiss .post__button-bookmark-option:last-child { display: none !important; } .bookmark__buttons-wrap{ margin-top: 20px; z-index: 5; position: relative; } .bookmark__buttons-wrap { -webkit-transform: translateX(-5px); -ms-transform: translateX(-5px); -moz-transform: translateX(-5px); -o-transform: translateX(-5px); transform: translateX(-5px); } .listing_grid .bookmark__buttons-wrap { -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; transform: none; } .post-has-bookmark .post__button-bookmark, .post-has-bookmark .post__button-bookmark-option{ opacity: 0; -o-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; -webkit-transition: 0.2s ease-in-out; width: auto; height: auto; background-color: transparent; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; padding: 0; } .post--overlay.post--overlay-floorfade.post-has-bookmark .post__button-bookmark, .post--overlay.post--overlay-floorfade.post-has-bookmark .post__button-bookmark-option { position: relative; } .posts-listing-list-f-no-sidebar .post-has-bookmark .post__button-bookmark, .posts-listing-list-f-no-sidebar .post-has-bookmark .post__button-bookmark-option, .listing-list-e .post-has-bookmark .post__button-bookmark, .listing-list-e .post-has-bookmark .post__button-bookmark-option, .listing-list-d .post-has-bookmark .post__button-bookmark, .listing-list-d .post-has-bookmark .post__button-bookmark-option{ opacity: 1; } .posts-listing-list .posts-list > *:not(.post-list-no-thumb-3i) .post-has-bookmark:hover .post__button-bookmark, .posts-listing-list .posts-list > *:not(.post-list-no-thumb-3i) .post-has-bookmark:hover .post__button-bookmark-option{ opacity: 1; } .post-has-bookmark .post__button-bookmark svg, .post-has-bookmark .post__button-bookmark-option svg{ opacity: 0.65; } .post--overlay.post-has-bookmark .post__button-bookmark svg, .post--overlay.post-has-bookmark .post__button-bookmark-option svg { opacity: 0.85; } .post--horizontal.post-has-bookmark .post__text{ overflow: visible; } /*book mark*/ .post-has-bookmark .button-bookmark-top-right-15{ position: absolute; right: 15px; top: 15px; margin-top: 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .post-has-bookmark .button-bookmark-top-right-0{ position: absolute; right: 0; top: 0; margin-top: 0; } .button-bookmark-option-content--wrap { position: absolute; width: 320px; height: 0; } .bookmark__notice_align_right .button-bookmark-option-content--wrap { width: 0; height: 0; position: static; } .post-has-bookmark .button-bookmark-top-right-15 .post__button-bookmark-option .button-bookmark-option-content, .post-has-bookmark .button-bookmark-top-right-0 .post__button-bookmark-option .button-bookmark-option-content{ min-width: 145px; right: 0; } .post-has-bookmark .button-bookmark-top-right-15 .post__button-bookmark-option .button-bookmark-option-content:before, .post-has-bookmark .button-bookmark-top-right-0 .post__button-bookmark-option .button-bookmark-option-content:before{ left: unset; right: 10px; } .post-has-bookmark:hover .post__button-bookmark, .post-has-bookmark:hover .post__button-bookmark-option{ opacity: 1; } .button-bookmark{ cursor: pointer; -o-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; -webkit-transition: 0.2s ease-in-out; /*fill: rgba(0,0,0,.54);*/ fill: rgba(0, 0, 0, 0.58); } .inverse-text .button-bookmark, .inverse-text .button-bookmark-option, .bookmark-inverse .button-bookmark, .bookmark-inverse .button-bookmark-option{ fill: rgba(255, 255, 255, 1); } .button-bookmark:hover{ fill: rgba(0, 0, 0, 0.58); opacity: 0.7; } .inverse-text .button-bookmark:hover, .inverse-text .button-bookmark-option:hover, .bookmark-inverse .button-bookmark:hover, .bookmark-inverse .button-bookmark-option:hover{ fill: rgba(255, 255, 255, 0.9); } .button-save-status{ display: block; } .button-saved-status{ display: none; } .active-status-bookmark .post__button-bookmark{ opacity: 1; } .active-status-bookmark .button-save-status{ display: none; } .active-status-bookmark .button-saved-status{ display: block; } .active-status-bookmark .post__button-bookmark-option{ opacity: 1; fill: rgba(0,0,0,.54); } .ceris-dismiss-page-template .active-status-bookmark .post__button-bookmark-option{ opacity: 0; } .ceris-dismiss-page-template .post-has-bookmark:hover .post__button-bookmark-option { opacity: 1; } /** Bookmark Icons For specific modules */ /** Listing List F **/ .posts-listing-list-f-no-sidebar .post-has-bookmark:hover .post__button-bookmark, .posts-listing-list-f-no-sidebar .post-has-bookmark:hover .post__button-bookmark-option { opacity: 1; } /** Listing List D **/ .listing-list-d .post-has-bookmark:hover .post__button-bookmark, .listing-list-d .post-has-bookmark:hover .post__button-bookmark-option { opacity: 1; } /*book mark remove*/ .remove-bookmark, .remove-bookmark:active, .remove-bookmark:hover, .remove-bookmark:focus{ color: rgba(0, 0, 0, 0.8); } .remove-bookmark:hover{ -o-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; -webkit-transition: 0.2s ease-in-out; color: rgba(0, 0, 0, 0.58); opacity: 0.8; } .post__button-bookmark-option a{ display: block; width: 100%; height: 100%; text-decoration: none; color: rgba(0, 0, 0, 0.5); } .post__button-bookmark-option .button-bookmark-option-content{ max-width: 280px; padding: 8px 15px; text-align: center; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.25), 0 0 1px rgba(0,0,0,.35); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.25), 0 0 1px rgba(0,0,0,.35); box-shadow: 0 1px 2px rgba(0,0,0,.25), 0 0 1px rgba(0,0,0,.35); background: #fff; position: absolute; visibility: hidden; z-index: 2; } .post__button-bookmark-option .button-bookmark-option-content:before{ content: ''; width: 10px; height: 10px; position: absolute; left: 10px; top: -6px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); border-left: 1px solid rgba(0,0,0,.1); border-bottom: 1px solid rgba(0,0,0,.1); z-index: 1; background: #fff; } .post__button-bookmark-option.show-bookmark-option-content .button-bookmark-option-content{ visibility: visible; } @media (max-width: 991px) { .post-has-bookmark .post__button-bookmark, .post-has-bookmark .post__button-bookmark-option{ opacity: 1; } } .flexbox-wrap{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .flexbox-wrap.flexbox-center-xy{ -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; } .flexbox-wrap.flexbox-center-y{ -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .mobile-header__section.has-bookmark-list, .navigation-bar__section.has-bookmark-list{ overflow: initial; -o-text-overflow: unset; text-overflow: unset; white-space: unset; } .btn-bookmark-link{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; position: relative; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; width: 100%; height: 100%; } .btn-bookmark-list{ width: 14px; height: 60px; margin-right: 15px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; position: relative; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .btn-bookmark-list svg{ z-index: 2; position: absolute; cursor: pointer; } .btn-bookmark-list svg path{ /*fill: var(--color-logo);*/ opacity: 0.8; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; -webkit-transition: 0.3s; } .navigation-bar--inverse .btn-bookmark-list svg path{ /*fill: var(--color-logo);*/ opacity: 0.95; } .btn-bookmark-list:hover svg path { opacity: 1; } .navigation-bar--inverse .btn-bookmark-list:hover .icon-bookmark-default { opacity: 1; } .icon-bookmark-default{ opacity: 1; } .icon-bookmark-hover{ opacity: 0; position: absolute; left: 0; top: 0; } .btn-bookmark-list:hover .icon-bookmark-default{ /*opacity: 0;*/ } .btn-bookmark-list:hover .icon-bookmark-hover{ opacity: 1; } .btn-bookmark-list:hover .icon-bookmark-hover path{ fill: var(--color-logo); } /*.bookmark-drop{*/ /* position: fixed;*/ /* left: 0;*/ /* top: 0;*/ /* right: 0;*/ /* bottom: 0;*/ /* background-color: rgba(0,0,0,0.6);*/ /* z-index: 9999;*/ /* cursor: pointer;*/ /* visibility: hidden;*/ /* width: 100vw;*/ /* height: 100vh;*/ /*}*/ /*@media (max-width: 576px) {*/ /* .btn-bookmark-list.active .bookmark-drop{*/ /* visibility: visible;*/ /* transition: 0.3s;*/ /* }*/ /*}*/ .bookmark-list{ position: absolute; right: -5px; top: -webkit-calc(100%); top: -moz-calc(100%); top: calc(100%); width: 350px; height: auto; background-color: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; z-index: 9999999; overflow: hidden; padding: 30px 0 65px 0; visibility: hidden; opacity: 0; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; -webkit-transition: 0.5s; -webkit-box-shadow: 0 15px 29px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 15px 29px rgba(0, 0, 0, 0.05); box-shadow: 0 15px 29px rgba(0, 0, 0, 0.05); } .btn-bookmark-list:hover .bookmark-list{ overflow: initial; visibility: visible; opacity: 1; } .bookmark-list .posts-list{ /*max-height: 500px;*/ margin: -15px 0; /*overflow-y: auto;*/ } .bookmark-list .list-item{ padding: 15px 25px; } .bookmark-list .list-item:not(:last-child){ border-bottom: 1px solid rgba(0,0,0,0.1); } .bookmark-list .posts-list::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 10px; border-radius: 10px; background-color: #F5F5F5; } .bookmark-list .posts-list::-webkit-scrollbar { width: 4px; background-color: #F5F5F5; } .bookmark-list .posts-list::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #999; } .bookmark-see-more{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; text-decoration: none; text-transform: uppercase; color: var(--color-logo); position: absolute; right: 15px; bottom: 20px; font-weight: 400; z-index: 999; cursor: pointer; font-size: 13px; line-height: 1; } .bookmark-see-more i{ margin-left: 2.5px; font-size: 16px; } .bookmark-see-more:hover, .bookmark-see-more:focus, .bookmark-see-more:active { color: var(--color-logo); text-decoration: none; } .bookmark-list .post--horizontal .post__thumb{ width: 80px; height: 80px; } .bookmark-list .post--horizontal .post__cat{ margin-bottom: 5px; } .bookmark-list .post--horizontal .post__title.typescale-0.custom-typescale-0{ font-size: 14px; } .bookmark-list .post--horizontal .post__title a{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; } @media (max-width: 991px){ .mobile-header__section .btn-bookmark-list{ margin-right: 10px; } .mobile-header .bookmark-list{ display: none; } } @media (max-width: 767px){ .bookmark-list{ width: 360px; padding: 30px 25px; } .bookmark-list .post--horizontal{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .bookmark-list .post--horizontal .post__text{ -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; text-align: left; } } .has-bookmark-list svg path:nth-child(2) { stroke: rgba(0, 0, 0, 0.7); } .mobile-header--inverse .has-bookmark-list svg path:nth-child(1), .navigation-bar--inverse .has-bookmark-list svg path:nth-child(1) { fill: #fff; } .mobile-header--inverse .has-bookmark-list svg path, .navigation-bar--inverse .has-bookmark-list svg path { stroke: #fff; } .header-14 .btn-bookmark-list:hover svg path:nth-child(2){ stroke: #fff; } .header-14 .btn-bookmark-list:hover svg path:nth-child(1){ stroke: #fff; fill: #fff; } .header-14 .mobile-header .btn-bookmark-list:hover svg path:nth-child(2){ stroke: rgba(0, 0, 0, 0.7); } .header-14 .mobile-header .btn-bookmark-list:hover svg path:nth-child(1){ stroke: rgba(0, 0, 0, 0.7); fill: rgba(0, 0, 0, 0.7); } .header-14 .btn-bookmark-list:hover .icon-bookmark-default { opacity: 1; } .navigation-bar .has-bookmark-list svg, .navigation-bar .navigation-bar__section svg{ height: 18px; width: 18px; fill: rgba(0, 0, 0, 0.7); } /* Notification */ .ceris-bookmark-page-notification { padding: 15px 30px; text-align: center; font-size: 18px; background: var(--color-logo); color: #fff; margin: 50px 0; } /* .Book Mark ----------------------- */ @media (max-width: 420px){ .icon-right-center .post-type-icon, .post__img--overlay .post-type-icon { display: none !important; } } /*-----------------------Ceris-grid-o*/ @media (min-width: 768px){ .ceris-grid-o .mosaic-item:not(:first-child) .post--overlay-padding-lg .post__text-inner { padding: 20px; } .ceris-grid-o .mosaic-item:not(:first-child) .post--overlay-padding-lg .overlay-item--top-left{ left: 20px; } .ceris-grid-o .post--overlay-padding-lg .post__text-inner { padding: 20px; } .ceris-grid-o .post--overlay-padding-lg .overlay-item--top-left{ left: 20px; top: 20px; } } @media (max-width: 1199px) and (min-width: 992px){ .ceris-grid-o .mosaic-item:nth-child(2){ height: 240px; } } @media (max-width: 991px){ .ceris-grid-o .post--overlay-padding-lg .post__text-inner { padding: 20px; } } @media (max-width: 767px){ .ceris-grid-o .mosaic-item:nth-child(n):not(:first-child){ width: 50%; } .ceris-grid-o .mosaic-item:first-child .post--overlay-padding-lg .post__title{ font-size: 1.4285rem; /*font system*/ line-height: 1.5; } } @media (max-width: 576px){ .ceris-grid-o .post--overlay-padding-lg .post__text-inner{ padding: 20px; } .ceris-grid-o .mosaic-item:first-child .post--overlay .post__title{ line-height: 1.5; } } @media (max-width: 480px){ .ceris-grid-o .mosaic-item:nth-child(n):not(:first-child){ width: 100%; } .ceris-grid-o .mosaic-item:first-child .post--overlay .post__title{ font-size: 1.2857rem; /*font system*/ line-height: 1.5; } } /* .Ceris-grid-o -----------------------*/ /*-----------------------Ceris-grid-p*/ .ceris-grid-p .post--overlay-padding-lg .post__cat{ left: 20px; top: 20px; } .ceris-grid-p .post--overlay-padding-lg .post__text-inner { padding: 20px; } @media (max-width: 1199px) and (min-width: 992px){ .ceris-grid-p .mosaic-item:nth-child(2){ height: 240px; } } @media (max-width: 991px){ .ceris-grid-p .post--overlay-padding-lg .post__text-inner { padding: 20px; } } @media (max-width: 991px ) and (min-width: 768px){ .ceris-grid-p .mosaic-item:nth-child(1) .post--overlay-padding-lg .post__title{ font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; } } @media (max-width: 767px) and (min-width: 577px){ .ceris-grid-p .post--overlay-padding-lg .post__title{ font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; } .ceris-grid-p .mosaic-item:nth-child(3) .post--overlay-padding-lg .post__title, .ceris-grid-p .mosaic-item:nth-child(4) .post--overlay-padding-lg .post__title{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } } @media (max-width: 576px){ .ceris-grid-p .mosaic-item:nth-child(3), .ceris-grid-p .mosaic-item:nth-child(4){ width: 50%; } } @media (min-width: 481px) and (max-width: 576px){ .ceris-grid-p .mosaic-item:nth-child(2) .post__title { font-size: 20px; font-size: 1.4285rem; font-weight: 600; } } @media (max-width: 480px){ .ceris-grid-p .mosaic-item{ width: 100% !important; } .ceris-grid-p .post--overlay-padding-lg .post__title{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } } /* .Ceris-grid-p -----------------------*/ /*-----------------------Ceris-grid-q*/ .ceris-grid-q .post--overlay-padding-lg .post__cat{ left: 20px; top: 20px; } .ceris-grid-q .post--overlay-padding-lg .post__text-inner { padding: 20px; } @media (max-width: 1199px) and (min-width: 992px){ .ceris-grid-q .mosaic-item:nth-child(2), .ceris-grid-q .mosaic-item:nth-child(3){ height: 240px; } } @media (max-width: 991px){ .ceris-grid-q .post--overlay-padding-lg .post__text-inner { padding: 20px; } .ceris-grid-q .mosaic-item:nth-child(2), .ceris-grid-q .mosaic-item:nth-child(3){ width: 50%; } } @media (max-width: 991px ) and (min-width: 768px){ .ceris-grid-q .mosaic-item:not(.mosaic-item--lg) .post__title{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } } @media (max-width: 767px) and (min-width: 577px){ .ceris-grid-q .post--overlay-padding-lg .post__title{ font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; } .ceris-grid-q .mosaic-item:nth-child(2) .post--overlay-padding-lg .post__title, .ceris-grid-q .mosaic-item:nth-child(3) .post--overlay-padding-lg .post__title{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } } @media (max-width: 576px){ .ceris-grid-q .mosaic-item:nth-child(2), .ceris-grid-q .mosaic-item:nth-child(3){ width: 50%; } } @media (max-width: 480px){ .ceris-grid-q .mosaic-item:nth-child(2), .ceris-grid-q .mosaic-item:nth-child(3){ width: 100%; } .ceris-grid-q .post--overlay-padding-lg .post__title{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } } /* .Ceris-grid-q -----------------------*/ /*-----------------------Ceris-grid-r*/ .ceris-grid-r .post--overlay-padding-lg .post__cat{ left: 20px; top: 20px; } .ceris-grid-r .post--overlay-padding-lg .post__text-inner { padding: 20px; max-width: 700px; } @media (max-width: 1199px) and (min-width: 992px){ .ceris-grid-r .mosaic-item:nth-child(2), .ceris-grid-r .mosaic-item:nth-child(3){ height: 240px; } } @media (max-width: 991px){ .ceris-grid-r .post--overlay-padding-lg .post__text-inner { padding: 20px; } .ceris-grid-r .mosaic-item:nth-child(2), .ceris-grid-r .mosaic-item:nth-child(3){ width: 50%; } .ceris-grid-r .mosaic-item:nth-child(1) .post__title{ line-height: 1.5; } .ceris-grid-r .mosaic-item:nth-child(2) .post__title, .ceris-grid-r .mosaic-item:nth-child(3) .post__title{ font-size: 19px; font-size: 1.3571rem; /*font system*/ line-height: 1.5; } } @media (max-width: 576px){ .ceris-grid-r .mosaic-item:nth-child(2), .ceris-grid-r .mosaic-item:nth-child(3){ width: 50%; } } @media (max-width: 480px){ .ceris-grid-r .mosaic-item:nth-child(2), .ceris-grid-r .mosaic-item:nth-child(3){ width: 100%; } .ceris-grid-r .mosaic-item:nth-child(1) .post__title{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } .ceris-grid-r .post--overlay-padding-lg .post__title{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } } /* .Ceris-grid-r -----------------------*/ /* ----------------------- ceris-posts-block-grid-a-no-sidebar*/ @media (max-width: 991px) and (min-width: 768px){ .ceris-posts-block-grid-a-no-sidebar ul { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: -15px; } .ceris-posts-block-grid-a-no-sidebar ul > li{ width: 50%; padding: 15px; } } @media (min-width: 420px) and (max-width: 767px){ .ceris-posts-block-grid-a-no-sidebar .post--horizontal-xs .post__thumb { width: 100px; } } /* .ceris-posts-block-grid-a-no-sidebar-----------------------*/ /* ---------------------- Ceris Grid V */ .posts--vertical-first-big .post-list{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; } .posts--vertical-first-big .list-item{ padding: 0 15px; } .posts--vertical-first-big .list-item:not(:first-child){ -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; } .post--vertical-of-post-first-big .post__thumb{ margin-bottom: 20px; } .atbs-ceris-grid-v .post--vertical-first-big .post__text{ max-width: 510px; } @media (max-width: 1199px){ /*post-first*/ .post--vertical-first-big .post__title{ max-width: 320px; } .post--vertical-of-post-first-big.post__thumb-width-570 .post__thumb{ width: 400px; } .post--vertical-of-post-first-big .post__thumb{ height: 280px; } .post--vertical-of-post-first-big .post__title{ font-size: 19px; font-size: 1.3571rem; /*font system*/ line-height: 1.5; } .post--vertical-of-post-first-big .post__title.typescale-3{ font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; } } @media (max-width: 991px){ /*post-first*/ .post--vertical-first-big .post__title{ max-width: 100%; } .posts--vertical-first-big .list-item, .posts--vertical-first-big .list-item:first-child{ -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; } .post--vertical-of-post-first-big.post__thumb-width-570 .post__thumb{ width: 100%; } .post--vertical-of-post-first-big .post__thumb{ height: 240px; } .post--vertical-of-post-first-big .post__title.typescale-3, .post--vertical-of-post-first-big .post__title{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } } @media (max-width: 767px){ .posts--vertical-first-big .post-list{ margin: -15px; } .posts--vertical-first-big .post-list .list-item{ padding: 15px; } .posts--vertical-first-big .post-list .list-item:first-child { width: 100%; -webkit-box-flex: initial; -ms-flex: initial; -webkit-flex: initial; -moz-box-flex: initial; flex: initial; } .posts--vertical-first-big .list-item:not(:first-child){ -webkit-box-flex: initial; -ms-flex: initial; -webkit-flex: initial; -moz-box-flex: initial; flex: initial; width: 50%; } /**/ .atbs-ceris-grid-v .post--vertical-first-big .post__text{ max-width: 100%; } .posts--vertical-first-big .list-item:first-child .post__title{ font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; } .posts--vertical-first-big .list-item:first-child .post__thumb{ height: 270px; } } @media (max-width: 680px) { .posts--vertical-first-big .list-item .post__thumb, .posts--vertical-first-big .list-item:first-child .post__thumb{ height: 270px; } } @media (max-width: 576px){ .posts--vertical-first-big .list-item, .posts--vertical-first-big .list-item:first-child, .posts--vertical-first-big .list-item:not(:first-child){ width: 100%; -webkit-box-flex: initial; -ms-flex: initial; -webkit-flex: initial; -moz-box-flex: initial; flex: initial; } .posts--vertical-first-big .list-item .post__thumb, .posts--vertical-first-big .list-item:first-child .post__thumb{ height: 300px; } } @media (min-width: 481px) and (max-width: 576px){ .posts--vertical-first-big .list-item .post__title, .posts--vertical-first-big .list-item:first-child .post__title{ font-size: 22px; font-size: 1.5714rem; /*font system*/ line-height: 1.5; font-weight: bold; } } @media (max-width: 480px) { .posts--vertical-first-big .list-item .post__thumb, .posts--vertical-first-big .list-item:first-child .post__thumb{ height: 270px; } } @media (max-width: 420px) { .posts--vertical-first-big .list-item .post__thumb, .posts--vertical-first-big .list-item:first-child .post__thumb{ height: 250px; } } @media (max-width: 380px) { .posts--vertical-first-big .list-item .post__thumb, .posts--vertical-first-big .list-item:first-child .post__thumb{ height: 220px; } } /* fix wp*/ .atbs-ceris-grid-v .post-list .list-item:first-child{ width: 570px; } @media(max-width: 1199px){ .atbs-ceris-grid-v .post-list .list-item:first-child{ width: 400px; } } @media(max-width: 991px){ .atbs-ceris-grid-v .post-list .list-item:first-child{ width: 100%; } } /* Ceris Grid V ---------------------- */ /* ----------------------- ceris-grid-w */ /* Layout */ .ceris-grid-w .atbs-ceris-block__inner > div:not(:last-child){ margin-bottom: 60px; } /*post main*/ .ceris-grid-w .post-main{ position: relative; } /*post sub*/ .ceris-grid-w .post-sub .post-list{ display: -webkit-box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: -15px; } .ceris-grid-w .post-sub .list-item{ width: -webkit-calc(100% / 3); width: -moz-calc(100% / 3); width: calc(100% / 3); padding: 15px; } /* Content */ /*post slide*/ .owl-background-img{ opacity: 0; position: absolute; top: 0; left: 0; -webkit-transition: 0.6s ease-in-out; -o-transition: 0.6s ease-in-out; -moz-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out; -webkit-transition: opacity 0.6s ease-in-out; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .owl-background-img.active{ opacity: 1; } .ceris-grid-w .post-slide .owl-background{ height: 600px; width: 100%; position: relative; z-index: -1; } .ceris-grid-w .post-slide .owl-carousel{ position: absolute; right: 60px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 380px; background-color: var(--color-logo); } .ceris-grid-w .post-slide .owl-carousel .owl-dots{ position: absolute; padding: 0; left: 50%; bottom: 40px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .ceris-grid-w .post-slide .owl-carousel .owl-dot.active span{ background-color: #fff; opacity: 1; } .ceris-grid-w .post-slide .owl-carousel .owl-dot span{ background-color: #fff; opacity: 0.6; } .post--vertical-slide-no-thumb{ width: 100%; height: 380px; padding: 45px; } .post--vertical-slide-no-thumb .post__thumb{ display: none; } .post--vertical-slide-no-thumb a.post__cat.cat-theme, .post--vertical-slide-no-thumb .post__title, .post--vertical-slide-no-thumb.time-opacity time, .post--vertical-slide-no-thumb .post__excerpt{ color: #fff !important; } .time-opacity time, .post--vertical-slide-no-thumb.time-opacity time{ opacity: 0.6; } .post--vertical-slide-no-thumb .post__title{ font-size: 24px; font-size: 1.7142rem; /*font system*/ line-height: 1.5; margin-bottom: 25px; } .post--vertical-slide-no-thumb .post__title a{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .post--vertical-slide-no-thumb a.post__cat:before{ background-color: #fff !important; } .post--vertical-slide-no-thumb .post__excerpt{ max-width: 90%; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } /*post sub*/ .post--vertical-text-align-center .post__thumb{ margin-bottom: 25px; } .post--vertical-text-align-center .post__text{ display: -webkit-box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; flex-direction: column-reverse; text-align: left; } .post--vertical-text-align-center .post__title{ /*text-transform: uppercase;*/ width: 100%; margin-bottom: 15px; } .post--vertical-text-align-center .post__text--wrap-time-cat{ margin-bottom: 0; } .ceris-grid-w .atbs-ceris-pagination.atbs-ceris-pagination-view-all-post i{ display: none; } .ceris-grid-w .atbs-ceris-pagination.atbs-ceris-pagination-view-all-post a{ width: 170px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; height: 60px; display: -webkit-box; display: -moz-flex; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; padding: 0 15px; margin: 0 auto; background-color: var(--color-logo); color: #fff; font-size: 15px; text-transform: uppercase; font-weight: 500; letter-spacing: 0.75px; } .ceris-grid-w .post-sub .atbs-ceris-pagination{ margin-left: auto; margin-right: auto; } @media (max-width: 1199px){ /* Layout */ /* Content */ /*post main*/ .ceris-grid-w .post-slide .owl-background{ height: 550px; } .ceris-grid-w .post-slide .owl-carousel{ width: 350px; } .post--vertical-slide-no-thumb{ padding: 45px; height: 370px; } .post--vertical-slide-no-thumb .post__title{ font-size: 22px; font-size: 1.5714rem; /*font system*/ } .post--vertical-slide-no-thumb .post__excerpt{ max-width: 100%; } .ceris-grid-w .post-slide .owl-carousel .owl-dots{ bottom: 30px; } /*post sub*/ .post--vertical-text-align-center .post__thumb { margin-bottom: 20px; } } @media (max-width: 991px){ /* Layout */ .ceris-grid-w .atbs-ceris-block__inner > div:not(:last-child) { margin-bottom: 40px; } /* Content */ /*post main*/ .ceris-grid-w .post-slide .owl-background { width: 100vw; left: -webkit-calc((100vw - 100%) / -2 ); left: -moz-calc((100vw - 100%) / -2 ); left: calc((100vw - 100%) / -2 ); } .ceris-grid-w .post-slide .owl-carousel{ right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .ceris-grid-w .post-slide .owl-background{ height: 460px; } .ceris-grid-w .post-slide .owl-carousel{ width: 330px; } .post--vertical-slide-no-thumb { padding: 45px 35px; height: 350px; } .post--vertical-slide-no-thumb .post__title { line-height: 1.5; margin-bottom: 25px; } .post--vertical-slide-no-thumb .post__excerpt{ max-width: 100%; } /*post sub*/ .post--vertical-text-align-center .post__title{ font-size: 16px; font-size: 1.1428rem; /*font system*/ line-height: 1.5; margin-bottom: 15px; } .post--vertical-text-align-center .post__thumb{ margin-bottom: 15px; } } @media (max-width: 767px) and (min-width: 577px){ .ceris-grid-w .post-sub .list-item:first-child{ width: 100%; } .ceris-grid-w .post-sub .list-item{ width: 50%; } /* Content */ .ceris-grid-w .post-sub .list-item:first-child .post--vertical-text-align-center .post__thumb{ height: 300px; } .ceris-grid-w .post-sub .list-item:first-child .post--vertical-text-align-center .post__thumb a{ width: 100%; height: 100%; } .ceris-grid-w .post-sub .list-item:first-child .post--vertical-text-align-center .post__thumb img{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .ceris-grid-w .post-sub .list-item:first-child .post--vertical-text-align-center .post__text{ max-width: 100%; } .ceris-grid-w .post-sub .list-item:first-child .post--vertical-text-align-center .post__title{ font-size: 1.4285rem; /*font system*/ line-height: 1.5; } } @media (max-width: 767px){ /* Layout */ /* Content */ .ceris-grid-w .post-slide .owl-background { height: 450px; width: 100vw; left: -webkit-calc((100vw - 100%) / -2 ); left: -moz-calc((100vw - 100%) / -2 ); left: calc((100vw - 100%) / -2 ); } .ceris-grid-w .post-slide .owl-carousel{ right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .post--vertical-slide-no-thumb{ height: 320px; padding: 35px; } .ceris-grid-w .post-slide .owl-carousel .owl-dots{ bottom: 30px; } /*post sub*/ .post--vertical-text-align-center .post__title{ margin-bottom: 10px; } } @media (max-width: 576px){ /* Layout */ .ceris-grid-w .post-sub .list-item{ width: 100%; } /* Content */ /*post sub*/ .post--vertical-text-align-center .post__thumb{ width: 100%; height: 300px; } .post--vertical-text-align-center .post__thumb a{ width: 100%; height: 100%; } .post--vertical-text-align-center .post__thumb img{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .post--vertical-text-align-center .post__title{ font-size: 1.4285rem; /*font system*/ line-height: 1.5; } .post--vertical-text-align-center .post__title a{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .ceris-grid-w .atbs-ceris-pagination-view-all-post a{ width: 150px; height: 50px; } } @media (max-width: 480px){ /* Layout */ /* Content */ .ceris-grid-w .post-slide .owl-background{ height: 340px; } .ceris-grid-w .post-slide .owl-carousel { right: 20px; top: 50%; -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; transform: none; position: initial; width: 100%; margin: -150px auto 0 auto; z-index: 1; } .post--vertical-slide-no-thumb{ /*height: 290px;*/ /*height: auto;*/ padding: 40px 30px 30px 30px; } .post--vertical-slide-no-thumb .post__text { /*max-width: 275px;*/ margin: 0 auto; } /*post sub*/ .post--vertical-text-align-center .post__thumb{ height: 270px; } .post--vertical-slide-no-thumb .post__title { line-height: 1.5; margin-bottom: 20px; } .post--vertical-slide-no-thumb { height: 300px; padding: 30px; } } @media (max-width: 420px){ /* Content */ .ceris-grid-w .post-slide .owl-background { height: 330px; } .post--vertical-slide-no-thumb .post__title{ font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; margin-bottom: 0; } .post--vertical-slide-no-thumb .post__excerpt { display: none; } .post--vertical-slide-no-thumb { height: 230px; } /*post sub*/ .post--vertical-text-align-center .post__thumb{ height: 250px; } } @media (max-width: 380px){ /* Content */ .ceris-grid-w .post-slide .owl-background { height: 290px; } /*post sub*/ .post--vertical-text-align-center .post__thumb{ height: 220px; } .post--vertical-text-align-center .post__text { max-width: 100%; } } @media (max-width: 320px){ /* Content */ .ceris-grid-w .post-slide .owl-background { /*height: 290px;*/ } .post--vertical-slide-no-thumb{ padding: 30px; } } .ceris-grid-w .atbs-ceris-pagination-view-all-post{ border-bottom: none; padding-bottom:0; } /* .ceris-grid-w ----------------------- */ /* ----------------------- ceris_posts_block_grid_c_no_sidebar */ .ceris_posts_block_grid_c_no_sidebar .atbs-ceris-block--contiguous{ margin-top: -30px; } .ceris_posts_block_grid_c_no_sidebar .post--vertical.big-post--vertical .post__thumb{ margin-bottom: 20px; height: 490px; } .ceris_posts_block_grid_c_no_sidebar .post--vertical.small-post--vertical .post__thumb{ margin-bottom: 20px; } .ceris_posts_block_grid_c_no_sidebar .post--vertical.small-post--vertical .post__title a{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } @media (max-width: 1199px) and (min-width: 992px){ .ceris_posts_block_grid_c_no_sidebar .post--vertical.big-post--vertical .post__thumb{ height: 485px; } .ceris_posts_block_grid_c_no_sidebar .post--vertical.small-post--vertical .post__title{ line-height: 1.5; } } @media(max-width: 991px){ .ceris_posts_block_grid_c_no_sidebar .post--vertical.big-post--vertical{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .ceris_posts_block_grid_c_no_sidebar .post--vertical.big-post--vertical .post__thumb { margin-bottom: 0; margin-right: 30px; height: 300px; width: -webkit-calc(50% - 15px); width: -moz-calc(50% - 15px); width: calc(50% - 15px); } .ceris_posts_block_grid_c_no_sidebar .post--vertical.big-post--vertical .post__text { -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; padding-top: 50px; } .ceris_posts_block_grid_c_no_sidebar .post--vertical.small-post--vertical .post__thumb{ margin-bottom: 20px; } .ceris_posts_block_grid_c_no_sidebar .post__thumb-180 .post__thumb { height: 190px; margin-bottom: 20px; } } @media(max-width: 991px) and (min-width: 768px){ .ceris_posts_block_grid_c_no_sidebar .grid-top-left{ width: 100%; } .ceris_posts_block_grid_c_no_sidebar .post--vertical.small-post--vertical .post__title { font-weight: bold; } } @media(max-width: 767px){ .ceris_posts_block_grid_c_no_sidebar .post--vertical.big-post--vertical{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .ceris_posts_block_grid_c_no_sidebar .post--vertical.big-post--vertical .post__thumb { margin-bottom: 20px; margin-right: 0; height: 300px; width: 100%; } .ceris_posts_block_grid_c_no_sidebar .post--vertical.big-post--vertical .post__text { -webkit-box-flex: initial; -ms-flex: initial; -webkit-flex: initial; -moz-box-flex: initial; flex: initial; padding-top: 0; } .ceris_posts_block_grid_c_no_sidebar .post__thumb-180 .post__thumb { height: 300px; } .ceris_posts_block_grid_c_no_sidebar .grid-top-left .row:not(:last-child){ margin-bottom: 15px; } } @media(max-width: 767px) and (min-width: 480px){ .ceris_posts_block_grid_c_no_sidebar .post--vertical.small-post--vertical .post__title{ font-size: 22px; font-size: 1.5714rem; /*font system*/ line-height: 1.5; font-weight: bold; } } @media(max-width: 576px){ .ceris_posts_block_grid_c_no_sidebar .post__thumb-180 .post__thumb { height: 300px; } .ceris_posts_block_grid_c_no_sidebar .post__thumb-470 .post__thumb{ height: 300px; } } @media(min-width: 361px) and (max-width: 576px){ .ceris_posts_block_grid_c_no_sidebar .post--vertical.small-post--vertical .post__title{ font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; } } @media(max-width: 480px){ .ceris_posts_block_grid_c_no_sidebar .post__thumb-180 .post__thumb { height: 270px; } .ceris_posts_block_grid_c_no_sidebar .post__thumb-470 .post__thumb{ height: 270px; } } @media(max-width: 420px){ .ceris_posts_block_grid_c_no_sidebar .post__thumb-180 .post__thumb { height: 250px; } .ceris_posts_block_grid_c_no_sidebar .post__thumb-470 .post__thumb{ height: 250px; } } @media(max-width: 380px){ .ceris_posts_block_grid_c_no_sidebar .post__thumb-180 .post__thumb { height: 230px; } .ceris_posts_block_grid_c_no_sidebar .post__thumb-470 .post__thumb{ height: 230px; } } @media(max-width: 320px){ .ceris_posts_block_grid_c_no_sidebar .post__thumb-180 .post__thumb { height: 200px; } .ceris_posts_block_grid_c_no_sidebar .post__thumb-470 .post__thumb{ height: 200px; } } /* .ceris_posts_block_grid_c_no_sidebar ----------------------- */ /* ----------------------- ceris_posts_block_grid_d_no_sidebar */ @media(min-width: 992px){ .ceris_posts_block_grid_d_no_sidebar .post--card-lg .post__thumb { height: 360px; } .ceris_posts_block_grid_d_no_sidebar .flexbox .post--card-lg{ height: -webkit-calc(100% - 15px); height: -moz-calc(100% - 15px); height: calc(100% - 15px); } .ceris_posts_block_grid_d_no_sidebar .flexbox .post--card-lg{ min-height: 39.28571rem; } } @media(max-width: 991px){ .ceris_posts_block_grid_d_no_sidebar .row--space-between.flexbox{ display: block; } .ceris_posts_block_grid_d_no_sidebar .post--card-lg .post__thumb { height: 280px; } } @media(max-width: 767px){ .ceris_posts_block_grid_d_no_sidebar .row--space-between:last-child{ margin-top: 15px; } .ceris_posts_block_grid_d_no_sidebar .row--space-between .post--horizontal .post__thumb{ margin-bottom: 20px; } } /* .ceris_posts_block_grid_d_no_sidebar ----------------------- */ /* ----------------------- ceris_posts_block_grid_e_no_sidebar */ /*@media(min-width: 1366px){ .ceris_posts_block_grid_e_no_sidebar .container{ width: 1366px; } }*/ .flexbox-item-40 { width: 40%; } .flexbox-item-60 { width: 60%; } @media(max-width: 991px){ .ceris_posts_block_grid_e_no_sidebar .post--grid-left{ width: 100%; } } @media(max-width: 991px) and (min-width: 768px){ .ceris_posts_block_grid_e_no_sidebar .post--grid-right .post--grid-item{ width: -webkit-calc(100% / 3); width: -moz-calc(100% / 3); width: calc(100% / 3); } .ceris_posts_block_grid_e_no_sidebar .post--grid-right{ width: -webkit-calc(100% + 30px); width: -moz-calc(100% + 30px); width: calc(100% + 30px); } .ceris_posts_block_grid_e_no_sidebar .post--grid-left .post__title{ font-size: 1.6428em; } } @media(max-width: 767px){ .ceris_posts_block_grid_e_no_sidebar .post--grid-right .post--grid-item{ width: -webkit-calc(100% / 2); width: -moz-calc(100% / 2); width: calc(100% / 2); } .ceris_posts_block_grid_e_no_sidebar .post--grid-right{ width: -webkit-calc(100% + 30px); width: -moz-calc(100% + 30px); width: calc(100% + 30px); } } @media(max-width: 420px){ .ceris_posts_block_grid_e_no_sidebar .post--grid-right .post--grid-item{ width: -webkit-calc(100%); width: -moz-calc(100%); width: calc(100%); } .ceris_posts_block_grid_f_no_sidebar .post__thumb-160 .post__thumb, .ceris_posts_block_grid_e_no_sidebar .post__thumb-120 .post__thumb{ height: 240px; } } /* .ceris_posts_block_grid_e_no_sidebar ----------------------- */ /* ----------------------- ceris_posts_block_grid_f_no_sidebar */ .ceris_posts_block_grid_f_no_sidebar{ } /* .ceris_posts_block_grid_f_no_sidebar ----------------------- */ /* ----------------------- ceris_posts_block_grid_g_no_sidebar , ceris_posts_block_grid_h_no_sidebar*/ .ceris_posts_block_grid_g_no_sidebar .post--grid-right{ -ms-flex-item-align: start; -webkit-align-self: flex-start; align-self: flex-start; } .ceris_posts_block_grid_h_no_sidebar .post--grid-item, .ceris_posts_block_grid_g_no_sidebar .post--grid-right .post--grid-item{ position: relative; width: 100%; } .ceris_posts_block_grid_g_no_sidebar .post--grid-right .post--grid-item:not(:last-child):before{ content:""; position: absolute; width: -webkit-calc(100% - 50px); width: -moz-calc(100% - 50px); width: calc(100% - 50px); left: 25px; bottom: 0; height: 1px; background-color: rgba(0,0,0,0.1); } @media(max-width: 1199px) { .ceris_posts_block_grid_g_no_sidebar .post--grid.flexbox-wrap.flex-space-50 { margin: -15px } .ceris_posts_block_grid_g_no_sidebar .post--grid.flexbox-wrap.flex-space-50 > * { padding: 15px; } .ceris_posts_block_grid_h_no_sidebar .post--horizontal .post__excerpt, .ceris_posts_block_grid_g_no_sidebar .post--horizontal .post__excerpt { margin-bottom: 0; } .ceris_posts_block_grid_h_no_sidebar .post--horizontal .post__meta, .ceris_posts_block_grid_g_no_sidebar .post--horizontal .post__meta { display: none; } .ceris_posts_block_grid_g_no_sidebar .post--grid-right .flexbox-wrap.flex-space-50 { margin: -30px; } .ceris_posts_block_grid_g_no_sidebar .post--grid-right .flexbox-wrap.flex-space-50 > * { padding: 30px; } } @media (min-width: 992px) and (max-width: 1199px) { .ceris_posts_block_grid_h_no_sidebar .post--horizontal .post__thumb , .ceris_posts_block_grid_g_no_sidebar .post--horizontal .post__thumb { width: 200px; height: 200px; } } @media(max-width: 991px){ .ceris_posts_block_grid_h_no_sidebar .post--grid > *, .ceris_posts_block_grid_g_no_sidebar .post--grid > *{ width: 100%; } } @media (max-width: 767px) { .ceris_posts_block_grid_h_no_sidebar .post--horizontal .post__thumb, .ceris_posts_block_grid_g_no_sidebar .post--horizontal .post__thumb { margin-bottom: 20px; height: 340px; } } @media (max-width: 576px) { .ceris_posts_block_grid_h_no_sidebar .post--horizontal .post__thumb , .ceris_posts_block_grid_g_no_sidebar .post--horizontal .post__thumb { height: 300px; } .ceris_posts_block_grid_h_no_sidebar .flexbox-wrap.flex-space-50 { margin: -15px; } .ceris_posts_block_grid_h_no_sidebar .flexbox-wrap.flex-space-50 > *{ padding: 15px; } } @media (max-width: 480px) { .ceris_posts_block_grid_h_no_sidebar .post--horizontal .post__thumb, .ceris_posts_block_grid_g_no_sidebar .post--horizontal .post__thumb { height: 280px; } } @media (max-width: 420px) { .ceris_posts_block_grid_h_no_sidebar .post--horizontal .post__thumb, .ceris_posts_block_grid_g_no_sidebar .post--horizontal .post__thumb { height: 260px; } } @media (max-width: 380px) { .ceris_posts_block_grid_h_no_sidebar .post--horizontal .post__thumb, .ceris_posts_block_grid_g_no_sidebar .post--horizontal .post__thumb { height: 240px; } } /* .ceris_posts_block_grid_g_no_sidebar ----------------------- */ /* ----------------------- ceris_posts_block_grid_h_no_sidebar */ /* .ceris_posts_block_grid_h_no_sidebar ----------------------- */ .ceris_posts_block_grid_f_no_sidebar .post--grid-left .post, .ceris_posts_block_grid_f_no_sidebar .post--grid-left .post .post__thumb{ height: 100%; } @media(min-width: 1366px){ .ceris_posts_block_grid_f_no_sidebar .container{ width: 1366px; } } .flexbox-item-25{ width: 25%; } .flexbox-item-50{ width: 50%; } .ceris_posts_block_grid_f_no_sidebar .post--grid-center, .ceris_posts_block_grid_f_no_sidebar .post--grid-right{ -ms-flex-item-align: start; -webkit-align-self: flex-start; align-self: flex-start; } @media(min-width: 992px){ .ceris_posts_block_grid_f_no_sidebar .post--vertical-reverse-feature .post__title{ font-size: 27px; font-size: 1.9285rem; } } @media(max-width: 1199px) and (min-width: 992px){ .ceris_posts_block_grid_f_no_sidebar .post--grid-center .post__thumb-160 .post__thumb{ height: 120px; } .ceris_posts_block_grid_f_no_sidebar .post--grid-right .post__thumb{ display: none; } .ceris_posts_block_grid_f_no_sidebar .post--grid-right .post--grid-item{ position: relative; } .ceris_posts_block_grid_f_no_sidebar .post--grid-right .post--grid-item:not(:last-child):before{ content:""; position: absolute; width: -webkit-calc(100% - 30px); width: -moz-calc(100% - 30px); width: calc(100% - 30px); height: 1px; left: 15px; bottom:0; background-color: rgba(0,0,0,0.1); } } @media(max-width: 991px){ .ceris_posts_block_grid_f_no_sidebar .post--grid-left{ width: 100%; } .ceris_posts_block_grid_f_no_sidebar .post--grid-center, .ceris_posts_block_grid_f_no_sidebar .post--grid-right{ width: -webkit-calc(100% + 30px); width: -moz-calc(100% + 30px); width: calc(100% + 30px); } .ceris_posts_block_grid_f_no_sidebar .post--grid-center .post--grid-item{ width: -webkit-calc(100% / 3); width: -moz-calc(100% / 3); width: calc(100% / 3); } .ceris_posts_block_grid_f_no_sidebar .post--grid-right .post--grid-item{ width: -webkit-calc(100% / 2); width: -moz-calc(100% / 2); width: calc(100% / 2); } } @media(max-width: 767px){ .ceris_posts_block_grid_f_no_sidebar .post--grid-center .post--grid-item{ width: -webkit-calc(100% / 2); width: -moz-calc(100% / 2); width: calc(100% / 2); } } @media(max-width: 480px){ .ceris_posts_block_grid_f_no_sidebar .post--grid-right .post--grid-item{ width: 100%; } } @media(max-width: 420px){ .ceris_posts_block_grid_f_no_sidebar .post--grid-center .post--grid-item{ width: 100%; } } /* ----------------------- ceris-grid-s*/ @media (max-width: 1199px){} @media (max-width: 991px){ .ceris-grid-s .post--card .post__thumb{ height: 170px; } } @media (max-width: 767px){ .ceris-grid-s .row--space-between{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .ceris-grid-s .row--space-between{ margin: -15px -5px; } .ceris-grid-s .row--space-between>[class*='col-']{ width: 50%; padding: 15px 5px; } .ceris-grid-s .post--card{ height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 0; } .ceris-grid-s .post--card > *{ width: 100%; } .ceris-grid-s .post--card .post__thumb{ margin: 0 0 20px 0; } .ceris-grid-s .post--card .post__text{ padding: 0 20px; margin-bottom: 35px; } .ceris-grid-s .post--card .post__footer{ margin: 0; position: initial; -ms-flex-item-align: end; -webkit-align-self: flex-end; align-self: flex-end; } } @media (max-width: 576px){ .ceris-grid-s .post--card .post__title{ font-size: 1.3571rem; /*font system*/ line-height: 1.5; } } @media (max-width: 480px){ .ceris-grid-s .row--space-between>[class*='col-']{ width: 100%; } .ceris-grid-s .post--card{ height: 100%; } .ceris-grid-s .post--card .post__thumb{ margin: 0 0 25px 0; height: 200px; } .ceris-grid-s .post--card .post__text{ padding: 0 20px; margin-bottom: 40px; } .ceris-grid-s .post--card .post__title.typescale-1{ font-size: 1.2857rem; /*font system*/ line-height: 1.5; } } @media (max-width: 380px){ .ceris-grid-s .post--card .post__thumb{ height: 180px; } } @media (max-width: 320px){ .ceris-grid-s .post--card .post__thumb{ height: 150px; } } /* .ceris-grid-s----------------------- */ /* ----------------------- ceris-grid-t*/ .ceris-grid-t .post--overlay.post--overlay-bottom .post__cat{ margin-bottom: 15px; } .ceris-grid-t .post--overlay.post--overlay-bottom .post__text{ min-height: 370px; } .ceris-grid-t .post--vertical .post__thumb{ margin-bottom: 20px; } .ceris-grid-t .post--vertical .post__title { margin-bottom: 15px; } .ceris-grid-t .post--vertical .post__meta { color: #999; } @media (min-width: 768px){ .ceris-grid-t .post--overlay-padding-lg .post__text-inner { padding: 20px; } .ceris-grid-t .post--overlay-padding-lg .overlay-item--top-left{ left: 20px; } } @media (max-width: 1199px){ .ceris-grid-t .post--overlay.post--overlay-bottom .post__title.typescale-3.custom-typescale-3{ font-size: 1.5714rem; /*font system*/ } .ceris-grid-t .post--vertical .post__title.typescale-2.custom-typescale-2{ font-size: 1.2857rem; /*font system*/ line-height: 1.5; } } @media (max-width: 991px){ .ceris-grid-t .row >*:first-child{ width: 100%; } .ceris-grid-t .row >*:not(:first-child){ width: 50%; } .ceris-grid-t .post--overlay-padding-lg .post__text-inner { padding: 30px 20px; } .ceris-grid-t .post--overlay.post--overlay-bottom .post__text{ min-height: 320px; } .ceris-grid-t .post--overlay.post--overlay-bottom .post__title{ font-weight: bold; } } @media (min-width: 768px) and (max-width: 991px){ .ceris-grid-t .post--overlay.post--overlay-bottom .post__title{ font-size: 24px; font-size: 1.7142rem; /*font system*/ font-weight: bold; } .ceris-grid-t .post--vertical .post__title.typescale-2.custom-typescale-2 { font-size: 20px; font-size: 1.4285rem; /*font system*/ font-weight: bold; } } @media (max-width: 767px){ .ceris-grid-t .row--space-between{ margin-bottom: -20px; margin-top: -20px; } .ceris-grid-t .row--space-between>[class*='col-']{ padding-top: 20px; padding-bottom: 20px; } .ceris-grid-t .row >*:first-child{ width: 100%; } .ceris-grid-t .row >*:not(:first-child){ width: 100%; } /**/ .ceris-grid-t .post--overlay.post--overlay-bottom .post__text{ min-height: 330px; } .ceris-grid-t .post--overlay.post--overlay-bottom .post__title.typescale-3.custom-typescale-3, .ceris-grid-t .post--overlay.post--overlay-bottom .post__title.typescale-2{ font-size: 1.5714rem; /*font system*/ line-height: 1.5; } /**/ .ceris-grid-t .post--vertical .post__thumb{ height: 270px; } .ceris-grid-t .post--horizontal-xxs .post__thumb, .ceris-grid-t .post--horizontal-xs .post__thumb { width: 100px; } .ceris-grid-t .post--vertical .post__title.typescale-2.custom-typescale-2{ font-size: 1.4285rem; /*font system*/ line-height: 1.5; } /**/ } @media (max-width: 576px){ .ceris-grid-t .post--overlay-padding-lg .post__text-inner { padding: 20px; } .ceris-grid-t .post--overlay.post--overlay-bottom .post__title{ font-size: 1.5714rem; /*font system*/ line-height: 1.5; } } @media (min-width: 481px) and (max-width: 576px){ .ceris-grid-t .post--horizontal-xxs .post__title, .ceris-grid-t .post--horizontal-xs .post__title { font-size: 18px; font-weight: 600; padding-right: 40px; } } @media (max-width: 480px){ .ceris-grid-t .post--overlay.post--overlay-bottom .post__title.typescale-3.custom-typescale-3, .ceris-grid-t .post--overlay.post--overlay-bottom .post__title.typescale-2, .ceris-grid-t .post--overlay.post--overlay-bottom .post__title{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } .ceris-grid-t .post--horizontal.post--horizontal-reverse .post__thumb{ margin-left: 15px; } .ceris-grid-t .post--horizontal .post__title{ margin: 0; } .ceris-grid-t .post--horizontal time.time{ display: none; } } @media (max-width: 420px){ .ceris-grid-t .post--vertical .post__thumb { height: 250px; } } @media (max-width: 380px){ .ceris-grid-t .post--vertical .post__thumb { height: 230px; } } @media (max-width: 320px){ .ceris-grid-t .post--vertical .post__thumb { height: 200px; } } /* .ceris-grid-T----------------------- */ /* ----------------------- ceris-grid-x */ .ceris-grid-x.atbs-ceris-post--grid-b-update .post-sub { padding-left: 15px; } .ceris-grid-x.atbs-ceris-post--grid-b-update .owl-carousel .owl-stage{ left: 0; } .ceris-grid-x .post--card-sm .post__thumb{ height: 180px; } @media (max-width: 767px){ .ceris-grid-x .post--card-sm .post__thumb { height: 150px; } .ceris-grid-x .post--card .post__text { min-height: 6.85714rem; } } @media (min-width: 577px) and (max-width: 767px){ .ceris-grid-x .post--card .post__text .post__title{ font-size: 18px; font-size: 1.2857rem; } } @media (max-width: 576px){ .ceris-grid-x .post--card .post__title{ font-size: 1.2857rem; /*font system*/ line-height: 1.5; } } @media (max-width: 480px){ .ceris-grid-x .post--card .post__title.typescale-1.custom-typescale-1 { font-size: 1.2857rem; /*font system*/ line-height: 1.5; } .ceris-grid-x .post--card-sm .post__thumb { height: 230px; margin-bottom: 25px; } .ceris-grid-x .post--card .post__text { min-height: auto; } .ceris-grid-x .post--card .post__footer { margin-top: 40px; } .ceris-grid-x .post-sub .owl-stage-outer{ padding-bottom: 20px; } .ceris-grid-x .post--card .post__title{ font-size: 19px; /*font system*/ font-size: 1.3571rem; /*font system*/ line-height: 1.5; } } @media (max-width: 360px){ .ceris-grid-x .post--card-sm .post__thumb { height: 180px; } .ceris-grid-x .post--card .post__title{ font-size: 18px; /*font system*/ font-size: 1.2857rem; /*font system*/ line-height: 1.5; } } @media (max-width: 320px){ .ceris-grid-x .post--card-sm .post__thumb { height: 150px; } } /* .ceris-grid-x -----------------------*/ /* ----------------------- ceris-grid-u */ .ceris-grid-u.atbs-ceris-post--grid-b-update .post-sub { padding-left: 15px; } .ceris-grid-u.atbs-ceris-post--grid-b-update .owl-carousel .owl-stage{ left: 0; } .ceris-grid-u .post--overlay-top-bottom.post--overlay-padding-lg .post__text-inner{ padding: 20px; } .ceris-grid-u .post--overlay-top-bottom.post--overlay-md .post__text { min-height: 250px; } @media (max-width: 1199px){ .ceris-grid-u .post--overlay-top-bottom.post--overlay-md .post__text { min-height: 240px; } .ceris-grid-u .post--overlay-top-bottom.post--overlay-padding-lg .post__text-inner{ padding: 20px; } .padding .post--overlay-top-bottom.post--overlay-padding-lg .overlay-item--top-left{ left: 20px; } .ceris-grid-u .post--overlay-top-bottom.post--overlay-md .post__title{ line-height: 1.5; font-size: 19px; font-size: 1.3571rem; /*font system*/ } } @media (max-width: 767px){ .ceris-grid-u .atbs-ceris-posts-latest--overlay .post--overlay-top-bottom.post--overlay-md .post__title{ font-size: 18px; /*font system*/ font-size: 1.2857rem; /*font system*/ line-height: 1.5; } .padding .post--overlay-top-bottom.post--overlay-padding-lg .overlay-item--top-left{ top: 20px; } } @media (max-width: 576px){ .ceris-grid-u .atbs-ceris-posts-latest--overlay .post--overlay-top-bottom.post--overlay-md .post__title{ font-size: 18px; /*font system*/ font-size: 1.2857rem; /*font system*/ line-height: 1.5; } } @media (max-width: 480px){ .ceris-grid-u .post-sub .owl-stage-outer{ padding-bottom: 20px; } } /* .ceris-grid-u -----------------------*/ /* ----------------------- widget ceris-about-me */ .widget-about-me { padding: 30px 20px; border: 1px solid #EEEEEE; border-top: 1px solid #325214; } .widget-about-me .author__avatar { position: relative; width: 100px; height: 100px; margin: 0 auto; margin-bottom: 20px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .widget-about-me .author__avatar img { margin: 0 auto; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .widget-about-me .author__name { font-size: 24px; font-weight: bold; color: #141315; margin-bottom: 5px; } .widget-about-me .author__name a { color: #141315; text-transform: capitalize; } .widget-about-me .author__cat { font-weight: 400; color: #333333; opacity: .8; text-transform: capitalize; font-size: 11px; border-bottom: 0px; margin-bottom: 10px; } .widget-about-me .author_bio { font-size: 13px; font-weight: 400; color: #333333; opacity: .9; line-height: 1.5; margin-bottom: 25px; margin-top: 15px; } .widget-about-me .social-list li { margin: 0; } .widget-about-me .social-list li i { color: #141315; opacity: .5; } .widget-about-me .author__social{ margin-top: 15px; } .widget-about-me .author-meta { color: #222222; opacity: .6; font-size: 9px; font-weight: 500; line-height: 1.5; margin-bottom: 15px; } .widget-about-me .author-meta span { padding-right: 20px; } /* .widget ceris-about-me ----------------------- */ /*----------------------- atbs-author-style */ .atbs-author-style .entry-author__avatar{ display: block; margin: 0 auto 0 0; height: 40px; width: 40px; } .single-header .atbs-author-style{ width: 100px; padding: 0 15px 0 0; } .single-header .atbs-author-style .entry-author__name{ display: block; margin-top: 10px; text-align: left; text-transform: uppercase; font-size: 11px; font-weight: 400; color: #888 !important; position: relative; } .single-header .atbs-date-style{ margin-top: 15px; text-align: left; } @media(max-width: 1199px){ .single-header .atbs-author-style{ width: 80px; } } @media(max-width: 991px){ .single-header .atbs-author-style{ width: 100px; } } /* .atbs-author-style----------------------- */ /* ----------------------- about me module */ .ceris-about-module { position: relative; padding-top: 155px; } .ceris-about-module .about__thumbnail { position: relative; width: 370px; height: 500px; margin-left: 70px; margin-right: 55px; margin-top: -155px; } .ceris-about-module .about__thumbnail .background-img { background-position: center !important; background-repeat: no-repeat !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; } .ceris-about-module .about__inner{ background: url(../images/bg-border.png) top left repeat; padding: 10px; text-align: center; } .ceris-about-module .about__content { width: 100%; padding-bottom: 80px; background-color: #fff; } .ceris-about-module .about__title { font-weight: 600; margin-bottom: 0; } .ceris-about-module .about__title a { color: #111; text-decoration: none; } .ceris-about-module .about__bio { margin-top: 25px; /* opacity: 0.8; */ line-height: 1.5; font-size: 16px; color: #999; font-style: italic; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } .ceris-about-module .about-signature { margin-top: 45px; } .about__text .social-list { margin-top: 55px; } .about__text .social-list a { color: #444; } .about__text .social-list li { margin-right: 5px; } .about__text .social-list li:last-child { margin-right: 0; } .ceris-about-module .about__text { font-size: 15px; font-weight: 400; line-height: 1.6; color: #333; opacity: 1; padding-top: 40px; padding-right: 70px; text-align: left; } @media( max-width: 991px) { .ceris-about-module .about__thumbnail { width: 280px; height: 360px; margin-left: 0; margin-right: 35px; margin-top: 0; } .ceris-about-module { padding-top: 0; } .ceris-about-module .about-signature { margin-top: 40px; } .about__text .social-list { margin-top: 50px; } .ceris-about-module .about__content { padding: 30px; } .ceris-about-module .about__text{ padding-top: 40px; padding-right: 0; } .ceris-about-module .about__bio { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .ceris-about-module .about__title{ font-size: 26px; font-size: 1.8571rem; /*font system*/ line-height: 1.38; } } @media(max-width:768px) { /**/ .ceris-about-module .about__bio { margin-top: 15px; } .ceris-about-module .about__title { font-weight: bold !important; } .ceris-about-module .about__text { padding: 0; } .ceris-about-module .about__thumbnail { width: 100%; float: none; margin: 0; margin-bottom: 25px; } .ceris-about-module .about__content { display: block; border: none; } .ceris-about-module .about-signature { margin-top: 25px; } .ceris-about-module .about-signature img { max-width: 200px; } .about__text .social-list { text-align: left; margin-top: 25px; } .ceris-about-module { padding-bottom: 0; } } @media (max-width: 420px){ .ceris-about-module .about__thumbnail{ height: 330px; } } @media (max-width: 380px){ .ceris-about-module .about__content { padding: 20px; } .ceris-about-module .about__thumbnail{ height: 280px; } .ceris-about-module .about__title{ font-size: 1.7142rem; /*font system*/ line-height: 1.375; } } /* ----------------------- about me module */ .flexbox-wrap.flexbox-wrap-3i-overlay > * { width: -webkit-calc(100% / 3); width: -moz-calc(100% / 3); width: calc(100% / 3); } @media (max-width: 991px) { .flexbox-wrap.flexbox-wrap-3i-overlay > * { width: -webkit-calc(100% / 2); width: -moz-calc(100% / 2); width: calc(100% / 2); } } @media (max-width: 767px) { .flexbox-wrap.flexbox-wrap-3i-overlay > * { width: 100%; } } /*Entry Author Avatar*/ .entry-author--has-avatar-30 > img { width: 30px; height: 30px; } .entry-author--has-avatar-35 > img { width: 35px; height: 35px; } .entry-author--has-avatar-40 > img { width: 40px; height: 40px; } .entry-author--has-avatar-45 > img { width: 45px; height: 45px; } .entry-author--has-avatar-50 > img { width: 50px; height: 50px; } .entry-author--has-avatar-35 > img { width: 55px; height: 55px; } .entry-author--has-avatar-60 > img { width: 60px; height: 60px; } .entry-author--has-avatar-35 > img { width: 65px; height: 65px; } .entry-author--has-avatar-70 > img { width: 70px; height: 70px; } .entry-author--has-avatar-80 > img { width: 80px; height: 80px; } .entry-author--has-avatar-90 > img { width: 90px; height: 90px; } .entry-author--has-avatar-100 > img { width: 100px; height: 100px; } .entry-author--has-avatar-round > img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /*Inverse Cat*/ .post__cat.inverse-cat { color: #fff; } .post__cat-has-line.inverse-cat:before { background-color: #fff; } /****** End Them vao thu vien ******/ /* ----------------------- listing-grid-overlay */ .listing-grid-overlay .inverse-text .post__cat, .listing-grid-overlay .inverse-text a.post__cat { color: #fff !important; } .listing-grid-overlay .post__cat-has-line.inverse-cat:before { background-color: #fff !important; } /* ----------------------- ceris-grid-y */ /* Layout */ /* Content */ .post__cat.inverse-cat { color: #fff; } .post__cat-has-line.inverse-cat:before { background-color: #fff; } .post--overlay-height-370 .post__text { min-height: 370px; } .post--overlay-flip-content { -webkit-transition: 0.6s; -o-transition: 0.6s; -moz-transition: 0.6s; transition: 0.6s; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; position: relative; background: none !important; } .post--overlay-flip-content .post--overlay-front-face .post__text-inner { padding: 25px 20px; } .post--overlay-flip-content .post--overlay-back-face .post__text-inner { padding: 30px; } .post--overlay-flip-content.post--overlay-height-370 { min-height: 370px; } .post--overlay-front-face .post__text { pointer-events: none; z-index: 10; } .post--overlay-front-face .post__text .post__cat { pointer-events: auto; } .post--overlay-flip-content .post--overlay-back-face .post__text { -webkit-box-align: start; box-align: start; -moz-align-items: flex-start; -ms-align-items: flex-start; -o-align-items: flex-start; -webkit-align-items: flex-start; -moz-box-align: start; align-items: flex-start; -ms-flex-align: start; padding: 0; } .post--overlay-flip-content .post--overlay-back-face .post__text-wrap { position: initial; } .post--overlay-flip-content .post--overlay-back-face .post__text-inner { position: initial; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; } .post__title-has-underline-decoration { position: relative; margin-bottom: 40px; } .post__title-has-underline-decoration::after { position: absolute; content: ''; top: -webkit-calc(100% + 15px); top: -moz-calc(100% + 15px); top: calc(100% + 15px); left: 0; width: 40px; height: 2px; background-color: var(--color-white); } .post--overlay-flip-content .post__title a, .post--overlay-flip-content .post__excerpt { display: -webkit-box; max-height: 4.8em; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-word; overflow: hidden; } .post--overlay-flip-content .post__excerpt { font-weight: 300; font-size: 16px; } .post--overlay-flip-content .post__title a { max-height: 4.5em; } .post--overlay-flip-content .post--overlay-back-face .post__title a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; overflow: hidden; max-height: 3em; } /** Post Footer **/ .post--overlay-footer { position: absolute; bottom: 30px; left: 30px; right: 30px; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; } .post--overlay-flip-content .entry-author img{ height: 40px; width: 40px; -o-object-fit: cover; object-fit: cover; } .avatar-40 { width: 40px; height: 40px; } .avatar-round { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .entry-author__name { font-size: 14px; font-weight: 400; } .button__readmore--round i { margin-left: 10px; width: 35px; height: 35px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid #fff; color: #fff; font-size: 12px; line-height: 35px; } .button__readmore--round:hover i{ background-color: #fff; } .post--overlay-flip-content .post--overlay-back-face .post__text{ z-index: 1; pointer-events: none; } .post--overlay-flip-content .post--overlay-back-face .entry-author{ pointer-events: auto; } .post--overlay-back-face .post__cat{ pointer-events: auto; } .post--overlay-back-face .button__readmore{ pointer-events: auto; } .post--overlay-back-face .button__readmore:hover i{ color: var(--colo-logo); } .post--overlay-flip-content .post__text{ width: 100%; } .post--overlay-front-face{ width: 100%; } @media (min-width: 1200px){ .posts-listing-grid-overlay-no-sidebar .post--overlay .post__title { font-size: 21px; font-size: 1.5rem; } } @media (min-width: 992px) { /** Flip Animation **/ .post--overlay-face { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; -webkit-transform: rotateY(0deg); -moz-transition: 0.6s; -moz-transform-style: preserve-3d; -moz-transform: rotateY(0deg); -o-transition: 0.6s; -o-transform-style: preserve-3d; -o-transform: rotateY(0deg); -ms-transition: 0.6s; -ms-transform-style: preserve-3d; -ms-transform: rotateY(0deg); transition: 0.6s; transform-style: preserve-3d; transform: rotateY(0deg); position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .post--overlay-front-face { -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); z-index: 2; } .post--overlay-back-face { -webkit-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); transform: rotateY(-180deg); background-color: #0661F1; } .post--overlay-back-face .post__text-wrap:before { display: none; } .flip-vertical-right { -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; -ms-transition: 0.6s; -moz-transition: 0.6s; -moz-transform: perspective(1000px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transition: 0.6s; transition: 0.6s; transform-style: preserve-3d; position: relative; -webkit-perspective: 1000; -ms-perspective: 1000; -moz-perspective: 1000; perspective: 1000; -ms-transform: perspective(1000px); -moz-transform: perspective(1000px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; } .flip-vertical-right:hover .post--overlay-front-face { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg); } .flip-vertical-right:hover .post--overlay-back-face { -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -moz-transform: rotateY(0deg); transform: rotateY(0deg); } } /** Responsive **/ @media (max-width: 1199px) { .post--overlay-flip-content .post__text-inner { padding: 30px; } } @media (max-width: 991px) { .post--overlay-flip-content.post--overlay-height-370, .post--overlay-flip-content.post--overlay-height-370 .post__text { min-height: 300px; } .post--overlay-back-face { display: none; } .post--overlay-flip-content .post__text-inner { padding: 20px; } } @media (max-width: 767px) { /* Layout */ /* Content */ .post--overlay-height-370 .post__title{ font-size: 22px; font-size: 1.5714rem; } } @media (max-width: 575px){ .post--overlay-face { width: 100%; } } @media (max-width: 480px) { /* Layout */ /* Content */ .post--overlay-height-370 .post__title { font-size: 18px; font-size: 1.2857rem; line-height: 1.44; } } @media (max-width: 380px){ .post--overlay-flip-content .post__title.typescale-2.custom-typescale-2 { font-size: 18px; font-size: 1.2857rem; } } /* .listing-grid-overlay ----------------------- */ /* ----------------------- ceris-grid-z */ .post-author-avatar-40 .entry-author__avatar{ height: 40px; width: 40px; } .post-author-font-weight-400 .entry-author__name{ font-weight: 400; } .post-author-avatar-50 .entry-author__avatar{ height: 50px; width: 50px; } .post-author-vertical .entry-author__avatar{ display: block; margin-right: auto; margin-bottom: 15px; margin-left: auto; } .post-author-vertical span.entry-lable, .post-author-vertical .entry-author__name { font-size: 16px; line-height: 1.5; letter-spacing: 0; color: #FFFFFF; text-transform: capitalize; opacity: 0.5; font-weight: 400; color: rgba(255, 255, 255, 0.8); } .post-author-vertical{ text-align: center; } .post--overlay-hover-effect.post--overlay-bottom{ background-color: #3545ee; overflow: hidden; height: 100%; } .post--overlay-hover-effect .post__text-inner, .post--overlay-hover-effect .post__text-wrap, .post--overlay-hover-effect .post__text-front, .post--overlay-hover-effect .post__text-backface{ height: 100%; width: 100%; -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .post--overlay-hover-effect .post__text-front{ -webkit-transition: height 0s; -o-transition: height 0s; -moz-transition: height 0s; transition: height 0s; } .post--overlay-hover-effect .post__text-inner{ padding: 60px 40px; } .post--overlay-hover-effect .post__thumb--overlay.post__thumb:after{ opacity: 0.8; background-color: #3545ee; -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .post--overlay-hover-effect .post__text{ padding-top: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; pointer-events: none; } .post--overlay-hover-effect .post__cat{ margin-right: 0; pointer-events: auto; z-index: 1; } .post--overlay-hover-effect .post__excerpt{ color: #E6E6E6; } .post--overlay-hover-effect .author-avatar{ pointer-events: auto; z-index: 1; } /*front*/ .post--overlay-hover-effect .post__text-front .post__meta{ -webkit-box-ordinal-group: 0; -ms-flex-order: -1; -webkit-order: -1; -moz-box-ordinal-group: 0; order: -1; margin: 0; } .post--overlay-hover-effect .post__text-front a.post__cat{ font-size: 26px; color: #fff !important; font-weight: 300; letter-spacing: 8.58px; text-transform: uppercase; opacity: 0.9; } .post--overlay-hover-effect .post__text-front .button__readmore{ letter-spacing: 0.61px; color: #FFFFFF; text-transform: uppercase; opacity: 0.75; font-size: 14px; line-height: 1.5; font-weight: 300; } .post--overlay-hover-effect .post__text-front .avatar-circle{ width: 50px; height: 50px; } .post--overlay-hover-effect .post__text-front .entry-author{ width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0 auto; display: block; } .post--overlay-hover-effect .post__text-front .author-avatar{ margin: 0 auto 15px auto; } .post--overlay-hover-effect .post__text-front .entry-author span.entry-lable, .post--overlay-hover-effect .post__text-front .entry-author .entry-author__name{ font-size: 14px; line-height: 1.5; letter-spacing: 1px; color: #FFFFFF; text-transform: uppercase; opacity: 0.75; font-weight: 300; } /*below*/ .post--overlay-hover-effect .post__text-backface{ opacity: 0; visibility: hidden; padding-top: 60px; height: 100%; } .post--overlay-hover-effect .post__text-backface{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; } .post--overlay-hover-effect .post__text-backface-bottom{ -ms-flex-item-align: end; -webkit-align-self: flex-end; align-self: flex-end; -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; } .post--overlay-hover-effect .post__text-backface .post__title{ font-size: 2rem; line-height: 1.3; padding-bottom: 15px; margin-bottom: 30px; position: relative; } .post--overlay-hover-effect .post__text-backface .post__title a{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .post--overlay-hover-effect .post__text-backface .post__title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 40px; height: 2px; background-color: #fff; } .post--overlay-hover-effect .post__text-backface a.post__cat{ margin-bottom: 15px; } .post--overlay-hover-effect .post__text-backface .post__cat:before{ background-color: #fff; } .post--overlay-hover-effect .post__text-backface .post__excerpt{ font-size: 16px; line-height: 1.5; max-width: 290px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .post--overlay-hover-effect .post__text-backface .post__excerpt .excerpt{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .post--overlay-hover-effect .post__text-backface .entry-author{ -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; } .post--overlay-hover-effect .post__text-backface .avatar-circle{ width: 40px; height: 40px; margin-right: 15px; } .post--overlay-hover-effect .post__text-backface .author-name{ font-size: 14px; color: #FFFFFF; text-transform: capitalize; } .post--overlay-hover-effect .post__text-backface .post__readmore .button__readmore{ width: 40px; height: 40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid #fff; pointer-events: auto; } .post--overlay-hover-effect .post__text{ z-index: 1; pointer-events: none; } .post--overlay-hover-effect .entry-author{ pointer-events: auto; } .post--overlay-hover-effect .post__text-backface .post__readmore .button__readmore i{ margin-right: 0; } .avatar-circle{ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 50px; height: 50px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; } /*hover*/ .post--overlay-hover-effect .post__thumb--overlay.post__thumb:after{ -webkit-transition: 1s ease-out; -o-transition: 1s ease-out; -moz-transition: 1s ease-out; transition: 1s ease-out; } .post--overlay-hover-effect:hover .post__thumb--overlay.post__thumb:after{ opacity: 0.3; } .post--overlay-hover-effect:hover .post__text-front{ visibility: hidden; opacity: 0; height: 0; overflow: hidden; /*transition: height 0.3s;*/ } .post--overlay-hover-effect:hover .post__text-backface{ visibility: visible; opacity: 1; } .post--overlay-hover-effect:hover .post__text{ /*background-color: rgba(0,0,0,0.3);*/ } .post--overlay-hover-effect .post__text-backface .post__readmore .button__readmore:hover{ border: 1px solid var(--color-logo); background-color: var(--color-logo); } .post--overlay-hover-effect .post__thumb img{ -webkit-transform: scale(1) translate(0, 0); -ms-transform: scale(1) translate(0, 0); -moz-transform: scale(1) translate(0, 0); -o-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); -webkit-transform-origin: right top; -ms-transform-origin: right top; -moz-transform-origin: right top; -o-transform-origin: right top; transform-origin: right top; -webkit-transition: 2s ease-out; -o-transition: 2s ease-out; -moz-transition: 2s ease-out; transition: 2s ease-out; } .post--overlay-hover-effect:hover .post__thumb img{ -webkit-transform: scale(1.25) translate(0, -15px); -ms-transform: scale(1.25) translate(0, -15px); -moz-transform: scale(1.25) translate(0, -15px); -o-transform: scale(1.25) translate(0, -15px); transform: scale(1.25) translate(0, -15px); -webkit-transition: 15s ease-out; -o-transition: 15s ease-out; -moz-transition: 15s ease-out; transition: 15s ease-out; } @media (max-width: 1680px){ /* Layout */ .post--overlay-hover-effect .post__text{ min-height: 700px; } /* Content */ .post--overlay-hover-effect .post__text-backface .post__title{ font-size: 1.7142rem; /*font system*/ line-height: 1.375; } } @media (max-width: 1400px){ /* Layout */ .post--overlay-hover-effect .post__text{ min-height: 650px; } /* Content */ /*below*/ .post--overlay-hover-effect .post__text-backface .post__title{ font-size: 1.5714rem; /*font system*/ line-height: 1.41; } } @media (max-width: 1366px){ /* Layout */ /* Content */ .post--overlay-hover-effect .post__text-inner { padding: 60px 30px; } .post--overlay-hover-effect .post__text { min-height: 600px; } /*below*/ .post--overlay-hover-effect .post__text-backface{ padding-top: 0; } } @media (max-width: 1199px){ /* Layout */ /* Content */ .post--overlay-hover-effect .post__text-inner { padding: 50px 20px; } .post--overlay-hover-effect .post__text { min-height: 550px; } /*front*/ .post--overlay-hover-effect .post__text-front .post__cat{ font-size: 20px; line-height: 1.5; } .post--overlay-hover-effect .post__text-front .button__readmore{ font-size: 14px; } /*below*/ .post--overlay-hover-effect .post__text-backface{ padding-top: 0; } .post--overlay-hover-effect .post__text-backface .post__title{ font-size: 1.4285rem; /*font system*/ line-height: 1.5; } } @media (max-width: 1024px){ /* Layout */ .ceris-grid-z .flexbox-wrap.flexbox-wrap-4i > * { width: 50%; } /* Content */ .post--overlay-hover-effect .post__text-inner { padding: 40px 30px; } .post--overlay-hover-effect .post__text { min-height: 600px; } /*below*/ .post--overlay-hover-effect .post__text-backface .post__title{ font-size: 2rem; line-height: 1.3; } } @media (max-width: 991px){ /* Layout */ /* Content */ .post--overlay-hover-effect .post__text-inner { padding: 40px 30px; } .post--overlay-hover-effect .post__text { min-height: 550px; } /*below*/ .post--overlay-hover-effect .post__text-backface{ padding-top: 0; } .post--overlay-hover-effect .post__text-backface .post__title{ font-size: 1.7142rem; /*font system*/ line-height: 1.375; } .post--overlay-hover-effect .post__text-front{ visibility: hidden; opacity: 0; height: 0; overflow: hidden; } .post--overlay-hover-effect .post__text { background-color: rgba(0,0,0,0.3); } .post--overlay-hover-effect .post__text-backface{ visibility: visible; opacity: 1; } .post--overlay-hover-effect .post__thumb--overlay.post__thumb:after{ background-color: transparent; } } @media (max-width: 767px){ /* Layout */ /* Content */ .post--overlay-hover-effect .post__text-inner { padding: 40px 20px; } .post--overlay-hover-effect .post__text { min-height: 500px; } /*below*/ .post--overlay-hover-effect .post__text-backface .post__title{ font-size: 1.5714rem; /*font system*/ line-height: 1.5; } } @media (max-width: 680px){ /* Layout */ /* Content */ .post--overlay-hover-effect .post__text-inner { padding: 35px 20px; } .post--overlay-hover-effect .post__text { min-height: 450px; } /*below*/ .post--overlay-hover-effect .post__text-backface .post__title{ font-size: 1.4285rem; /*font system*/ line-height: 1.5; } } @media (max-width: 576px){ /* Layout */ .ceris-grid-z .flexbox-wrap.flexbox-wrap-4i > * { width: 100%; } /* Content */ .post--overlay-hover-effect .post__text-inner { padding: 60px 30px; } .post--overlay-hover-effect .post__text { min-height: 550px; } /*below*/ .post--overlay-hover-effect .post__text-backface .post__title{ font-size: 1.8571rem; /*font system*/ line-height: 1.38; } } @media (max-width: 480px){ /* Layout */ /* Content */ .post--overlay-hover-effect .post__text-inner { padding: 40px 30px; } /*below*/ .post--overlay-hover-effect .post__text-backface .post__title{ font-size: 1.7142rem; /*font system*/ line-height: 1.375; } } @media (max-width: 380px){ /* Layout */ /* Content */ .post--overlay-hover-effect.post--overlay-bottom{ height: auto; } .post--overlay-hover-effect .post__text-inner { padding: 35px 25px; } .post--overlay-hover-effect .post__text { min-height: 420px; } /*below*/ .post--overlay-hover-effect .post__text-backface .post__title{ font-size: 1.4285rem; /*font system*/ line-height: 1.5; } } /* .ceris-grid-z ----------------------- */ /* ----------------------- ceris-feature-f */ /* Layout */ .ceris-feature-f .posts-list .post--overlay .post__text-wrap{ width: 100%; } .icon-video-right-center .post-type-icon { width: 70px; height: 70px; right: 0; display: block; position: relative; } .icon-video-right-center .post-type-icon svg{ width: 70px; height: 70px; } .icon-video-right-center .post__text-inner { max-width: 870px; padding-bottom: 0; margin-bottom: 0; } .post--overlay-feature-fullwidth.icon-video-right-center .post__text-wrap{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; max-width: 100%; } .ceris-feature-f .sub-posts { margin-top: -240px; } /* Content */ .post--overlay-feature-fullwidth .post__text { padding-top: 120px; width: 100%; } .post--overlay-feature-fullwidth .post__text-wrap { max-width: 870px; } .post--overlay-feature-fullwidth .post__text-inner { padding-left: 0; padding-top: 0; } .ceris-feature-f .post__text{ z-index: 1; pointer-events: none; } .ceris-feature-f .post__cat, .ceris-feature-f .button__readmore, .ceris-feature-f .entry-author { pointer-events: auto; } .post--overlay-feature-fullwidth .post__cat, .post--overlay-feature-fullwidtha .post__cat { margin-bottom: 20px; } .ceris-feature-f .entry-author.entry-author--horizontal { margin-top: 0; } .ceris-feature-f .entry-author--horizontal .avatar { margin-right: 15px; } .entry-author__name, a.entry-author__name { font-weight: 500; } .post--overlay-feature-fullwidth .post__title { margin-bottom: 25px; font-size: 34px; font-size: 2.4285rem; line-height: 1.4; font-weight: 700; } /** Sub Posts **/ .ceris-feature-f .sub-posts .list-item { -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; } .ceris-feature-f .sub-posts .list-item:first-child { width: 600px; -webkit-box-flex: initial; -ms-flex: initial; -webkit-flex: initial; -moz-box-flex: initial; flex: initial; } .post--overlay-radius { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .ceris-feature-f .sub-posts .list-item:first-child .post__text-inner { padding: 30px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; } .ceris-feature-f .sub-posts .list-item:first-child .post__text-inner a.post__cat { -ms-flex-item-align: baseline; -webkit-align-self: baseline; align-self: baseline; margin-bottom: 15px; } .post--overlay-radius .post--overlay-footer { margin-top: auto; position: initial; } .ceris-feature-f .sub-posts .list-item:first-child .post__title { font-size: 24px; font-size: 1.7142rem; } .ceris-feature-f .post--overlay.post--overlay-bottom.post--overlay-radius { overflow: hidden; } /* Responsive */ @media (max-width: 1366px) { /* Layout */ /* Content */ } @media (max-width: 1199px) { /* Layout */ .ceris-feature-f .post--overlay-height-735 .post__text { min-height: 590px; } .ceris-feature-f .sub-posts .list-item:first-child { width: 450px; } /* Content */ .post--overlay-feature-fullwidth .post__text { padding-top: 60px; } .post--overlay-feature-fullwidth .post__text-inner { padding-right: 100px; } .post--overlay-feature-fullwidth .post__title { font-size: 35px; font-size: 2.5rem; /*font system*/ line-height: 1.4; } .ceris-feature-f .sub-posts .flexbox-wrap.flex-space-30 { margin: -10px; } .ceris-feature-f .sub-posts .flexbox-wrap.flex-space-30 > * { padding: 10px; } .ceris-feature-f .sub-posts .list-item:first-child .post__text-inner { padding: 30px; } } @media (max-width: 1024px) { /* Layout */ /* Content */ } @media (max-width: 991px) { /* Layout */ .ceris-feature-f .sub-posts .list-item:first-child { width: 100%; } /* Content */ .post--overlay-feature-fullwidth .post__text-inner { padding-right: 0; } .post--overlay-feature-fullwidth .post__cat, .post--overlay-feature-fullwidth a.post__cat { margin-bottom: 15px; } .post--overlay-feature-fullwidth .post__title { font-size: 2rem; /*font system*/ line-height: 1.4; } .post--overlay-feature-fullwidth .post-type-icon { display: none; } .ceris-feature-f .sub-posts .list-item .post__text-inner, .ceris-feature-f .sub-posts .list-item:first-child .post__text-inner { padding: 30px; } .ceris-feature-f .sub-posts .list-item:first-child .post__title { width: 80%; font-size: 24px; font-size: 1.7142rem; line-height: 1.375; } } @media (max-width: 767px) { /* Layout */ /* Content */ .post--overlay-feature-fullwidth .post__title { font-size: 24px; font-size: 1.7142rem; line-height: 1.375; } .post--overlay-radius .post__title { font-size: 18px; font-size: 1.285rem; font-weight: 600; } .ceris-feature-f .sub-posts .list-item:first-child .post__title { width: 100%; font-size: 20px; font-size: 1.4285rem; line-height: 1.41; } .ceris-feature-f .sub-posts .list-item .post__text-inner { padding: 20px; } } @media(max-width: 576px){ .ceris-feature-f .post--overlay-height-735 .post__text{ min-height: 500px; } .ceris-feature-f .sub-posts{ margin-top: -160px; } } @media (max-width: 576px) { /* Layout */ .ceris-feature-f .post--overlay-height-735 .post__text { min-height: 410px; } .ceris-feature-f .sub-posts { margin-top: 20px; } /* Content */ .post--overlay-feature-fullwidth .post__title { font-size: 22px; font-size: 1.5714rem; line-height: 1.41; } .ceris-feature-f .sub-posts .list-item:first-child .post__title { width: 85%; font-size: 20px; font-size: 1.4285rem; line-height: 1.4; } } @media (max-width: 480px) { /* Layout */ .ceris-feature-f .sub-posts .list-item { width: 100%; -webkit-box-flex: 1; -ms-flex: auto; -webkit-flex: auto; -moz-box-flex: 1; flex: auto; } .ceris-feature-f .sub-posts .list-item:first-child .post__text-inner { padding: 20px; } /* Content */ .post--overlay-feature-fullwidth .post__title { font-weight: 600; font-size: 1.4285rem; /*font system*/ line-height: 1.5; } .post--overlay-feature-fullwidth .post__excerpt { display: none; } .post--overlay-radius .post__title { width: 90%; } .ceris-feature-f .sub-posts .list-item:first-child .post__title { width: 100%; font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } .ceris-feature-f .sub-posts .post--overlay .post__text{ min-height: 230px; } } @media (max-width: 420px) { /* Layout */ /* Content */ .post--overlay-feature-fullwidth .post__title { font-size: 20px; font-size: 1.4285rem; line-height: 1.41; } .post--overlay-radius .post__title { width: 100%; font-weight: 500; } .icon-video-right-center .post-type-icon{ display: none; } .icon-video-right-center .post__text-inner{ max-width: 100%; } } @media (max-width: 380px) { /* Layout */ /* Content */ } @media (max-width: 320px) { /* Layout */ /* Content */ } /* .ceris-feature-f ----------------------- */ /* ---------------------- Suga Main Col Grid A*/ /*---layout---*/ .has-line-bottom{ padding-bottom: 50px; border-bottom: 1px solid rgba(34,34,34,0.1); } @media (max-width: 576px) { .has-line-bottom{ padding-bottom: 30px; } } @media (max-width: 380px) { .has-line-bottom{ padding-bottom: 25px; } } .atbs-ceris-post-latest-a .atbs-ceris-block__inner > div:not(:last-child){ margin-bottom: 40px; } .atbs-ceris-post-latest-a .atbs-ceris-post-latest-a--top .post-list{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -20px; } .atbs-ceris-post-latest-a .atbs-ceris-post-latest-a--top .post-list .post--overlay{ height: 100%; } .atbs-ceris-post-latest-a .atbs-ceris-post-latest-a--top .post-list.row-reverse{ -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .atbs-ceris-post-latest-a .atbs-ceris-post-latest-a--top .list-item{ padding: 0 20px; } .atbs-ceris-post-latest-a .atbs-ceris-post-latest-a--top .list-item:first-child{ width: -webkit-calc( 320px + 50px); width: -moz-calc( 320px + 50px); width: calc( 320px + 50px); /*50px of padding list-item*/ } .atbs-ceris-post-latest-a .atbs-ceris-post-latest-a--top .list-item:nth-child(2){ width: -webkit-calc(100% - 370px); width: -moz-calc(100% - 370px); width: calc(100% - 370px); } .atbs-ceris-post-latest-a .atbs-ceris-post-latest-a--body .post-list{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -25px; } .atbs-ceris-post-latest-a .atbs-ceris-post-latest-a--body .list-item{ padding: 0 25px; width: 50%; } .atbs-ceris-post-latest-a .atbs-ceris-post-latest-a--body .list-item{ width: 50%; } /*item vertical reverse*/ .post--vertical-thumb-reverse{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap-reverse; -webkit-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } /*thumb*/ .post--vertical-thumb-reverse .post__thumb{ width: 100%; margin-bottom: 0; } /*text*/ .post--vertical-thumb-reverse .post__text{ margin-bottom: 60px; } .post--vertical-thumb-reverse .post__excerpt{ margin-bottom: 15px; } /*item overlay author top padding small*/ .post--overlay-author-top.post--overlay-author-top-small .entry-author.overlay-item--top-left{ top: 40px; left: 50px; } .post--overlay-author-top.post--overlay-author-top-small .post__text-inner { padding: 20px 50px 50px 50px; } /*post-horizontal small*/ @media (max-width: 1199px){ /*---layout---*/ .atbs-ceris-post-latest-a .atbs-ceris-block__inner > div:not(:last-child){ margin-bottom: 50px; } .atbs-ceris-post-latest-a .atbs-ceris-post-latest-a--top .post-list{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; } .atbs-ceris-post-latest-a .atbs-ceris-post-latest-a--top .list-item{ padding: 0 15px; } .atbs-ceris-post-latest-a .atbs-ceris-post-latest-a--top .list-item:first-child{ width: -webkit-calc( 320px + 30px); width: -moz-calc( 320px + 30px); width: calc( 320px + 30px); /*50px of padding list-item*/ } .atbs-ceris-post-latest-a .atbs-ceris-post-latest-a--top .list-item:nth-child(2){ width: -webkit-calc(100% - 350px); width: -moz-calc(100% - 350px); width: calc(100% - 350px); } /*post--vertical-thumb-reverse*/ .post--vertical-thumb-reverse .post__text{ margin-bottom: 45px; } .post--vertical-thumb-reverse .post__title{ line-height: 1.5; } /*item overlay author top padding small*/ .post--overlay-author-top.post--overlay-author-top-small .entry-author.overlay-item--top-left{ top: 40px; left: 50px; } .post--overlay-author-top.post--overlay-author-top-small .post__text-inner { padding: 25px 25px 40px 25px; } .post--overlay-author-top-small.post--overlay .post__text{ min-height: 405px; } .post--overlay-author-top.post--overlay-author-top-small .post__title{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; max-width: 95%; margin-bottom: 20px; } .post--overlay-author-top.post--overlay-author-top-small .entry-author.overlay-item--top-left{ left: 25px; } /**/ .atbs-ceris-post-latest-a .atbs-ceris-post-latest-a--body .list-item:first-child, .atbs-ceris-post-latest-a .atbs-ceris-post-latest-a--body .list-item:last-child{ width: 50%; } /**/ .atbs-ceris-post-latest-a--body .post__title{ max-width: 100%; } .atbs-ceris-post-latest-a--body .post__thumb.margin-right-30{ margin-right: 20px; } } @media (max-width: 767px){ .atbs-ceris-post-latest-a .atbs-ceris-post-latest-a--top .list-item:first-child{ margin-bottom: 40px; } .atbs-ceris-post-latest-a .atbs-ceris-post-latest-a--top .list-item:first-child, .atbs-ceris-post-latest-a .atbs-ceris-post-latest-a--top .list-item:nth-child(n){ width: 100%; } .post--vertical-thumb-reverse{ -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .post--vertical-thumb-reverse .post__title{ font-size: 22px; font-size: 1.5714rem; line-height: 1.5; } .post--vertical-thumb-reverse .post__thumb{ height: 250px; margin-bottom: 20px; } .post--vertical-thumb-reverse .post__text{ margin-bottom: 0; } .atbs-ceris-post-latest-a .atbs-ceris-post-latest-a--body .post-list{ margin: -15px; } .atbs-ceris-post-latest-a .atbs-ceris-post-latest-a--body .list-item:first-child, .atbs-ceris-post-latest-a .atbs-ceris-post-latest-a--body .list-item:last-child{ width: 100%; } .atbs-ceris-post-latest-a .atbs-ceris-post-latest-a--body .list-item:first-child, .atbs-ceris-post-latest-a .atbs-ceris-post-latest-a--body .list-item:last-child{ padding: 15px; } .atbs-ceris-post-latest-a .atbs-ceris-post-latest-a--body .post--horizontal .post__thumb{ margin-bottom: 0; width: 100px; } } @media (max-width: 576px){ /*layout*/ .atbs-ceris-post-latest-a .atbs-ceris-block__inner > div:not(:last-child){ margin-bottom: 30px; } .atbs-ceris-post-latest-a .atbs-ceris-post-latest-a--top .list-item:first-child, .atbs-ceris-post-latest-a .atbs-ceris-post-latest-a--top .list-item:last-child{ width: 100%; } .atbs-ceris-post-latest-a .atbs-ceris-post-latest-a--top .list-item:not(:last-child){ margin-bottom: 30px; } .post--vertical-thumb-reverse{ -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .post--vertical-thumb-reverse .post__thumb{ height: 300px; margin-bottom: 20px; } .post--vertical-thumb-reverse .post__text{ margin-bottom: 0; } .post--vertical-thumb-reverse .post__title{ margin-bottom: 15px; } /*post--overlay-author-top-small*/ .post--overlay-author-top-small.post--overlay .post__text{ min-height: 350px; } /**/ .atbs-ceris-post-latest-a .atbs-ceris-post-latest-a--body .post-list{ margin: -12px; } .atbs-ceris-post-latest-a .atbs-ceris-post-latest-a--body .list-item:first-child, .atbs-ceris-post-latest-a .atbs-ceris-post-latest-a--body .list-item:last-child{ width: 100%; padding: 12px; } .atbs-ceris-post-latest-a .atbs-ceris-post-latest-a--body .post__cat{ display: block; } } @media (max-width: 480px){ .post--overlay-author-top-small.post--overlay .post__text { min-height: 300px; } .post--overlay-author-top-small.post--overlay .post__title .post--overlay-author-top-small.post--overlay .post__excerpt { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; } .post--vertical-thumb-reverse .post__thumb{ height: 250px; } } @media (max-width: 420px){ .post--vertical-thumb-reverse .post__thumb{ height: 230px; } } @media (max-width: 380px){ /*layout*/ .atbs-ceris-post-latest-a .atbs-ceris-block__inner > div:not(:last-child){ margin-bottom: 30px; } /*post--vertical-thumb-reverse*/ .post--vertical-thumb-reverse .post__thumb{ height: 220px; } /*post--overlay-author-top-small*/ .post--overlay-author-top-small.post--overlay .post__text { min-height: 350px; } } /* Suga Main Col Grid A ---------------------- */ /* ---------------------- Suga Main Col C */ .atbs-ceris-post-latest-c{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -20px; } .atbs-ceris-post-latest-c > div{ padding: 0 20px; } .atbs-ceris-post-latest-c >div:first-child{ width: -webkit-calc(470px + 40px); width: -moz-calc(470px + 40px); width: calc(470px + 40px); /*40px of padding*/ } .atbs-ceris-post-latest-c >div.atbs-ceris-post-latest-c--post-grid-fw { width: 100%; } .atbs-ceris-post-latest-c >div:nth-child(2){ width: -webkit-calc(100% - 510px); width: -moz-calc(100% - 510px); width: calc(100% - 510px); } [class*='atbs-ceris-post-latest-c--post-grid-']{ margin-bottom: 30px; } /*post overlay slide*/ /*text*/ .post--grid-overlay-slide a.post__cat.cat-theme{ color: #fff !important; } .post--grid-overlay-slide .post__cat{ margin-bottom: 15px; } .post--grid-overlay-slide .post__text-inner{ padding: 30px 20px; } .post--grid-overlay-slide .post-type-icon { left: auto; bottom: 20px; top: auto; right: 20px; } /*owl-nav*/ .atbs-ceris-post-latest-c--post-grid .atbs-ceris-carousel .owl-prev, .atbs-ceris-post-latest-c--post-grid .atbs-ceris-carousel .owl-next{ bottom: 30px; top: initial; -webkit-transform: initial; -ms-transform: initial; -moz-transform: initial; -o-transform: initial; transform: initial; width: 45px; height: 45px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid #fff; background-color: transparent; color: #fff; padding: 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-transition: 0.2s; -o-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .atbs-ceris-post-latest-c--post-grid .atbs-ceris-carousel .owl-prev{ left: 20px; } .atbs-ceris-post-latest-c--post-grid .atbs-ceris-carousel .owl-next{ left: -webkit-calc(20px + 15px + 45px); left: -moz-calc(20px + 15px + 45px); left: calc(20px + 15px + 45px); /*15px is the space , 45px is the width*/ } .atbs-ceris-post-latest-c--post-grid .atbs-ceris-carousel .owl-prev i, .atbs-ceris-post-latest-c--post-grid .atbs-ceris-carousel .owl-next i{ font-size: 15px; } .atbs-ceris-post-latest-c--post-grid .atbs-ceris-carousel .owl-prev:hover, .atbs-ceris-post-latest-c--post-grid .atbs-ceris-carousel .owl-next:hover{ background-color: #fff; color: var(--color-logo); } /*owl-dots*/ .atbs-ceris-post-latest-c--post-grid .atbs-ceris-carousel .owl-dots{ display: none; } /*post-horizontal-thumb not margin*/ .post--horizontal-not-middle .post__title{ margin-bottom: 12px; } .post--horizontal-not-middle .post__excerpt{ margin-bottom: 0; } /*post--horizontal-thumb-margin-top*/ /*layout*/ .atbs-ceris-post-latest-c--post-list .list-item:not(:last-child){ padding-bottom: 30px; margin-bottom: 25px; border-bottom: 1px solid rgba(34,34,34,0.1); } /*thumb*/ .post--horizontal-thumb-margin-top .post__thumb{ margin-top: 25px; } /*text*/ .post--horizontal-thumb-margin-top .post__title{ margin-bottom: 20px; line-height: 1.5; } .post--horizontal-thumb-margin-top .post__title a{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; } .post--horizontal-thumb-margin-top .post__excerpt{ margin-bottom: 25px; } .atbs-ceris-post-latest-c--post-grid-body{ margin-bottom:0; } @media (max-width: 1199px){ /*layout*/ .atbs-ceris-post-latest-c{ margin: 0 -15px; } .atbs-ceris-post-latest-c > div:not(:only-child){ padding: 0 15px; } .atbs-ceris-post-latest-c >div:first-child:not(:only-child){ width: 100%; } .atbs-ceris-post-latest-c >div:last-child:not(:only-child){ width: 100%; } /*post overlay slide*/ .post--grid-overlay-slide.post--overlay .post__text{ min-height: 310px; } .post--grid-overlay-slide.post--overlay .post__text-inner{ max-width: 600px; padding: 30px; } .post--grid-overlay-slide .post__title{] line-height: 1.5; } /*post horizontal thumb not margin*/ .atbs-ceris-post-latest-c--post-grid{ margin-bottom: 30px; } .atbs-ceris-post-latest-c--post-grid-body .post-item{ padding-bottom: 30px; border-bottom: 1px solid rgba(34,34,34,0.1); } .post--horizontal-not-middle .post__thumb{ margin-left: 30px; margin-right: 0; width: 220px; } .post--horizontal-not-middle .post__text{ padding-top: 20px; } .post--horizontal-not-middle .post__title{ max-width: 100%; } .atbs-ceris-post-latest-c--post-grid-body .post--horizontal-not-middle .post__title{ font-size: 20px; font-size: 1.4285rem; } .post--horizontal-not-middle .post__excerpt{ margin-bottom: 0; max-width: 350px; } .post--horizontal-not-middle .entry-author{ display: none; } /*post horizontal thumb margin top*/ .post--horizontal-thumb-margin-top .post__thumb-large{ width: 220px; height: 260px; margin-top: 0; margin-right: 0; margin-left: 30px; } .post--horizontal-thumb-margin-top .post__text{ padding-top: 20px; } .post--horizontal-thumb-margin-top .post__title{ font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; } .post--horizontal-thumb-margin-top .post__excerpt{ margin-bottom: 0; max-width: 350px; } .post--horizontal-thumb-margin-top .entry-author{ display: none; } } @media (max-width: 767px) { .post--horizontal-thumb-margin-top.post--horizontal-reverse .post__thumb, .post--horizontal-not-middle.post--horizontal-reverse .post__thumb{ float: right; } .post--horizontal-not-middle .post__thumb{ width: 210px; height: 250px; } .post--horizontal-not-middle .post__title{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; margin-bottom: 20px; } .post--horizontal-thumb-margin-top .post__thumb{ width: 210px; height: 250px; } .post--horizontal-thumb-margin-top .post__title{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; margin-bottom: 20px; } } @media (max-width: 576px){ [class*='atbs-ceris-post-latest-c--post-grid-']:not(:last-child){ margin-bottom: 30px; } .atbs-ceris-post-latest-c--post-list .list-item:not(:last-child){ margin-bottom: 30px; } /**/ .post--grid-overlay-slide.post--overlay .post__text{ min-height: 280px; } .atbs-ceris-post-latest-c--post-grid .atbs-ceris-carousel .owl-prev, .atbs-ceris-post-latest-c--post-grid .atbs-ceris-carousel .owl-next{ width: 35px; height: 35px; } .atbs-ceris-post-latest-c--post-grid .atbs-ceris-carousel .owl-prev i, .atbs-ceris-post-latest-c--post-grid .atbs-ceris-carousel .owl-next i{ font-size: 15px; } .atbs-ceris-post-latest-c--post-grid .atbs-ceris-carousel .owl-next { left: -webkit-calc(30px + 15px + 20px); left: -moz-calc(30px + 15px + 20px); left: calc(30px + 15px + 20px); } /* post horizontal only module*/ .post--horizontal-thumb-margin-top.post--horizontal-reverse .post__thumb, .post--horizontal-not-middle.post--horizontal-reverse .post__thumb{ width: 100%; height: 280px; float: none; margin-left: 0; margin-right: 0; } .post--horizontal-thumb-margin-top .post__text{ padding-top: 0; } /*post horizontal not margin top*/ .post--horizontal-not-middle .post__text{ padding-top: 0; } .post--horizontal-not-middle .post__title{ margin-bottom: 15px; font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; } .post--horizontal-not-middle .post__thumb{ margin-bottom: 20px; height: 280px; margin-left: 0; margin-right: 0; } /*post horizontal margin top*/ .post--horizontal-thumb-margin-top .post__thumb{ margin-bottom: 20px; } .post--horizontal-thumb-margin-top .post__title.typescale-2{ margin-bottom: 15px; font-size: 22px; font-size: 1.5714rem; /*font system*/ font-weight: bold; line-height: 1.5; } } @media (max-width: 480px){ .post--grid-overlay-slide .post__title{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } .post--horizontal-thumb-margin-top.post--horizontal-reverse .post__thumb, .post--horizontal-not-middle.post--horizontal-reverse .post__thumb{ height: 250px; } .atbs-ceris-post-latest-c--post-grid-body .post--horizontal-not-middle .post__title, .post--horizontal-thumb-margin-top .post__title.typescale-2{ font-size: 19px; font-size: 1.3571rem; } } @media (max-width: 420px){ .post--horizontal-thumb-margin-top.post--horizontal-reverse .post__thumb, .post--horizontal-not-middle.post--horizontal-reverse .post__thumb{ height: 230px; } } @media (max-width: 380px) { .atbs-ceris-post-latest-c--post-grid{ margin-bottom: 25px; } [class*='atbs-ceris-post-latest-c--post-grid-']:not(:last-child){ margin-bottom: 25px; } .post--horizontal-thumb-margin-top.post--horizontal-reverse .post__thumb, .post--horizontal-not-middle.post--horizontal-reverse .post__thumb{ height: 215px; } /*post--grid-overlay-slide*/ .post--grid-overlay-slide.post--overlay .post__text{ min-height: 270px; } .post--grid-overlay-slide .post__title{ max-width: 100%; font-size: 18px; } /**/ .post--horizontal-not-middle .post__thumb{ height: 215px; } .post--horizontal-thumb-margin-top .post__thumb{ height: 215px; } /**/ .atbs-ceris-post-latest-c--post-grid-body .post-item{ padding-bottom: 25px; } .atbs-ceris-post-latest-c--post-list .list-item:not(:last-child){ margin-bottom: 25px; padding-bottom: 25px; } } @media (max-width: 320px){ .post--horizontal-thumb-margin-top.post--horizontal-reverse .post__thumb, .post--horizontal-not-middle.post--horizontal-reverse .post__thumb{ height: 190px; } .post--grid-overlay-slide.post--overlay .post__text{ min-height: 270px; } } /* Suga Main Col C ---------------------- */ /* ---------------------- atbs-ceris-main-col-c */ .atbs-ceris-main-col-c .atbs-ceris-post-latest-a--top .post--overlay .post__text-inner{ padding: 20px; } .atbs-ceris-main-col-c .atbs-ceris-post-latest-a--top .post--overlay .post__cat{ left: 20px; top: 20px; } .atbs-ceris-main-col-c .atbs-ceris-post-latest-a--top .post--overlay .entry-author__name{ font-size: 13px; font-weight: 500; color: rgba(255, 255, 255, 0.8); } .atbs-ceris-main-col-c .atbs-ceris-post-latest-a--top .post--overlay time.time { font-size: 13px; font-weight: 400; color: rgba(255, 255, 255, 0.8); } .atbs-ceris-main-col-c .atbs-ceris-post-latest-a--top .post--overlay .entry-author__avatar { width: 40px; height: 40px; margin-right: 10px; } .atbs-ceris-main-col-c .atbs-ceris-post-latest-a--top .post--overlay .post__text{ min-height: 433px; } @media (max-width: 1199px){ .atbs-ceris-main-col-c .atbs-ceris-post-latest-a--top .post--overlay .post__text { min-height: 375px; } .atbs-ceris-main-col-c .atbs-ceris-post-latest-a--top .post--overlay .post__title{ font-size: 22px; font-size: 1.5714rem; line-height: 1.5; } } @media (max-width: 767px){ .atbs-ceris-main-col-c .atbs-ceris-post-latest-a--top .post--overlay .post__title{ line-height: 1.5; } .atbs-ceris-main-col-c .post__title.typescale-2.custom-typescale-2--xxs { font-size: 1.2142rem; /*font system*/ line-height: 1.5; } } @media (max-width: 576px) and (min-width: 481px) { .atbs-ceris-main-col-c .post__title.typescale-2.custom-typescale-2--xxs { font-size: 1.2857rem; /*font system*/ line-height: 1.5; } } @media (max-width: 576px){ .atbs-ceris-main-col-c .atbs-ceris-post-latest-a--top .post--overlay .post__text { min-height: 330px; } } @media (max-width: 480px){ .atbs-ceris-main-col-c .atbs-ceris-post-latest-a--top .post--overlay .post__title{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } .atbs-ceris-main-col-c .atbs-ceris-post-latest-a--top .post--overlay .post__text { min-height: 300px; } } @media (max-width: 360px){ .atbs-ceris-main-col-c .post__title.typescale-2.custom-typescale-2--xxs { font-size: 1.1428rem; /*font system*/ line-height: 1.5; } } /* Suga Main Col Grid C ---------------------- */ /* ----------------------- ceris-feature-g */ /* Layout */ .ceris-feature-g .atbs-ceris-block__inner { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; flex-direction: row; } .ceris-feature-g .left-col { width: 600px; margin-right: 100px; } .ceris-feature-g .right-col { max-width: 470px; width: 100%; } /* Content */ .ceris-feature-g .right-col .posts-list .list-item { padding-left: 25px; padding-right: 25px; } .post--vertical-thumb-640 .post__thumb { height: 640px; } .post--vertical-feature-normal .post__thumb { margin-bottom: 30px; } .post--vertical-feature-normal .post__title { margin-bottom: 15px; font-size: 27px; font-size: 1.9285rem; line-height: 1.4; } /**Slider**/ .ceris-feature-g .owl-carousel .owl-item:not(.active) .post--vertical-thumb-radius-large .post__text { opacity: 0; } .atbs-ceris-carousel-thumb-radius { margin-bottom: 70px; } .post--vertical-thumb-radius-large .post__thumb { margin: 0 auto 30px auto; width: 420px; overflow: hidden; } .post__thumb--radius { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .post--vertical-thumb-radius-large .post__text { padding: 0 15px; transition: 0.3s; } .post--vertical-thumb-radius-large .post__title { font-size: 22px; font-size: 1.5714rem; line-height: 1.5; } .nav-circle .owl-next, .nav-circle .owl-prev { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 45px; height: 45px; background-color: transparent; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; -webkit-transition: 0.3s; padding: 0; } .atbs-ceris-carousel.atbs-ceris-carousel-post-vertical .owl-prev, .atbs-ceris-carousel.atbs-ceris-carousel-post-vertical .owl-next { top: -webkit-calc(420px / 2); top: -moz-calc(420px / 2); top: calc(420px / 2); width: 50px; height: 50px; border: none; background-color: var(--color-white); color: var(--color-logo); -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } .atbs-ceris-carousel.atbs-ceris-carousel-post-vertical .owl-prev i, .atbs-ceris-carousel.atbs-ceris-carousel-post-vertical .owl-next i { font-size: 20px; font-size: 1.42857rem; } .atbs-ceris-carousel.atbs-ceris-carousel-post-vertical .owl-prev:hover, .atbs-ceris-carousel.atbs-ceris-carousel-post-vertical .owl-next:hover { background-color: var(--color-logo); color: var(--color-white); } .atbs-ceris-carousel.atbs-ceris-carousel-thumb-radius .owl-dots { display: none; } /**Posts List**/ .post--horizontal-thumb-100 .post__thumb { width: 100px; margin-bottom: 0; } .post--horizontal-thumb-100 .post__title.custom-typescale-2{ font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; font-weight: 400; } /* Responsive */ @media (max-width: 1366px) { /* Layout */ /* Content */ } @media (max-width: 1199px) { /* Layout */ .ceris-feature-g .left-col { width: 500px; margin-right: 80px; } .ceris-feature-g .right-col { max-width: 370px; } /* Content */ .ceris-feature-g .right-col .posts-list .list-item { padding-left: 0; padding-right: 0; } /** Main post **/ .post--vertical-feature-640.post--vertical-feature-normal .post__thumb { height: 512px; } .post--vertical-feature-normal .post__thumb { margin-bottom: 30px; } .post--vertical-feature-normal a.post__cat { margin-bottom: 15px; } .post--vertical-feature-normal .post__title { font-size: 30px; font-size: 2.1428rem; } /** Slide **/ .post--vertical-thumb-radius-large .post__thumb { width: 100%; } .ceris-feature-g .atbs-ceris-carousel.atbs-ceris-carousel-post-vertical .owl-prev, .ceris-feature-g .atbs-ceris-carousel.atbs-ceris-carousel-post-vertical .owl-next { top: -webkit-calc(370px / 2); top: -moz-calc(370px / 2); top: calc(370px / 2); } .ceris-feature-g .atbs-ceris-carousel.atbs-ceris-carousel-post-vertical .owl-prev { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ceris-feature-g .atbs-ceris-carousel.atbs-ceris-carousel-post-vertical .owl-next { -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); -moz-transform: translate(50%, -50%); -o-transform: translate(50%, -50%); transform: translate(50%, -50%); } .post--vertical-thumb-radius-large .post__title { font-size: 22px; font-size: 1.5714rem; line-height: 1.41; } } @media (max-width: 1024px) { /* Layout */ /* Content */ } @media (max-width: 991px) { /* Layout */ .ceris-feature-g .atbs-ceris-block__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; } .ceris-feature-g .left-col { width: 100%; margin-right: 0; margin-bottom: 50px; } .post--vertical-thumb-radius-large { max-width: 100%; } .post--vertical-feature-normal, .post--vertical-thumb-radius-large.post--vertical { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .post--vertical-feature-normal .post__thumb { width: 50%; height: 350px; margin-right: 40px; margin-bottom: 0; } .post--vertical-thumb-radius-large .post__thumb { width: -webkit-calc(50% - 40px); width: -moz-calc(50% - 40px); width: calc(50% - 40px); height: auto; margin-right: 0; margin-bottom: 0; margin-left: 40px; } .post--vertical-feature-normal .post__text, .post--vertical-thumb-radius-large .post__text { width: -webkit-calc(50% - 40px); width: -moz-calc(50% - 40px); width: calc(50% - 40px); -ms-flex-item-align: center; -ms-grid-row-align: center; -webkit-align-self: center; align-self: center; padding: 0; } .post--vertical-thumb-radius-large .post__text { -ms-flex-item-align: start; -webkit-align-self: flex-start; align-self: flex-start; padding-top: 110px; } .ceris-feature-g .right-col { max-width: 100%; } .ceris-feature-g .right-col .posts-list { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .ceris-feature-g .right-col .posts-list .list-item { width: 50%; padding-left: 15px; padding-right: 15px; } /* Content */ .post--vertical-feature-normal .post__title { font-size: 24px; font-size: 1.7143rem; } .atbs-ceris-carousel-thumb-radius { margin-bottom: 50px; } .post--vertical-thumb-radius-large .post__text { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; -webkit-order: -1; -moz-box-ordinal-group: 0; order: -1; text-align: left; } .post--horizontal-thumb-100 .post__thumb { margin-right: 25px; } .ceris-feature-g .owl-nav { display: none; } .atbs-ceris-carousel.atbs-ceris-carousel-thumb-radius .owl-dots { display: block; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .atbs-ceris-carousel.atbs-ceris-carousel-thumb-radius .owl-dot { display: block; } } @media (max-width: 767px) { /* Layout */ .ceris-feature-g .left-col { margin-bottom: 40px; } .atbs-ceris-carousel-thumb-radius { margin-bottom: 40px; } .post--vertical-feature-normal, .post--vertical-thumb-radius-large.post--vertical { display: block; } .post--vertical-feature-normal .post__thumb, .post--vertical-thumb-radius-large .post__thumb { width: 100%; height: 400px; margin-right: 0; margin-bottom: 30px; } .post--vertical-thumb-radius-large .post__thumb { margin: 0 auto 30px auto; width: 420px; height: auto; } .post--vertical-feature-normal .post__text, .post--vertical-thumb-radius-large .post__text { width: 100%; } .post--vertical-feature-normal .post__text { /*padding-right: 60px;*/ } .post--vertical-thumb-radius-large .post__text { padding-top: 0; text-align: center; } .post--vertical-thumb-radius-large .post__text { padding-left: 0; } .atbs-ceris-carousel.atbs-ceris-carousel-thumb-radius .owl-dots { position: initial; -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; transform: none; padding-bottom: 0; padding-top: 20px; } .atbs-ceris-carousel.atbs-ceris-carousel-thumb-radius .owl-dot { display: inline-block; } /*Sub posts*/ .ceris-feature-g .right-col .posts-list .list-item { width: 100%; } /* Content */ .post--vertical-feature-normal .post__title { font-size: 24px; font-size: 1.7142rem; line-height: 1.375; } } @media (max-width: 576px) { /* Layout */ /* Content */ .post--vertical-feature-normal .post__title { font-size: 22px; font-size: 1.5714rem; /*font system*/ line-height: 1.41; } .post--vertical-thumb-radius-large .post__text { padding-left: 60px; padding-right: 60px; } .post--vertical-thumb-radius-large .post__title { font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.4; } .ceris-feature-g .right-col .list-space-xl>* { padding-top: 15px; padding-bottom: 15px; } .post--horizontal-thumb-100 .post__thumb { margin-right: 20px; } } @media (max-width: 480px) { /* Layout */ .post--vertical-thumb-radius-large .post__text { padding-left: 40px; padding-right: 40px; } /* Content */ .post--vertical-feature-normal .post__title { font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.4; } .post--horizontal-thumb-100 .post__title.custom-typescale-2 { font-size: 16px; font-size: 1.1428rem; line-height: 1.5; } } @media (max-width: 420px) { /* Layout */ .post--vertical-feature-normal .post__thumb, .post--vertical-thumb-radius-large .post__thumb { width: 100%; height: auto; } /* Content */ } @media (max-width: 380px) { /* Layout */ /* Content */ .post--horizontal-thumb-100 .post__thumb { width: 80px; } .post--horizontal-thumb-100 .post__thumb { margin-right: 20px; } .post--vertical-feature-normal .post__text, .post--vertical-thumb-radius-large .post__text { padding-left: 0; padding-right: 0; } } @media (max-width: 320px) { /* Layout */ /* Content */ .post--vertical-feature-normal .post__title { font-size: 20px; font-size: 1.4286rem; } .post--horizontal-thumb-100 .post__thumb { width: 70px; } .post--horizontal-thumb-100 .post__thumb { margin-right: 15px; } } /* .ceris-feature-g ----------------------- */ /* ----------------------- ceris-feature-h */ /* Layout */ .post--overlay-height-790 .post__text { min-height: 790px; } .post--overlay-height-790.post--overlay-feature-fullwidth-middle .post__text { padding-top: 245px; } .ceris-feature-h .atbs-ceris-carousel-wrapper { position: absolute; top: 50%; left: 68%; width: 690px; -webkit-transform: translateY(-webkit-calc(-50% + 30px)); -ms-transform: translateY(calc(-50% + 30px)); -moz-transform: translateY(-moz-calc(-50% + 30px)); -o-transform: translateY(calc(-50% + 30px)); transform: translateY(calc(-50% + 30px)); } /* Content */ .ceris-feature-h .post--overlay-feature-fullwidth a.post__cat { margin-bottom: 15px; } .ceris-feature-h .post--overlay-feature-fullwidth .post__title { max-width: 700px; margin-bottom: 15px; } .post--overlay-feature-fullwidth .post__excerpt { font-size: 17px; font-size: 1.2142rem; /*font system*/ } .post--overlay-feature-fullwidth .post__excerpt { margin-bottom: 35px; max-width: 480px; } /*Carousel*/ .ceris-feature-h .post--card-overlay-no-background .post__thumb--overlay.post__thumb:after, .ceris-feature-h .post--card-overlay-no-background a.post__cat, .ceris-feature-h .post--card-overlay-no-background .post__title a, .ceris-feature-h .post--card-overlay-no-background .entry-author__name, .ceris-feature-h .post--card-overlay-no-background .post__cat-has-line:before, .ceris-feature-h .button__readmore--outline i { -webkit-transition: 0.4s; -o-transition: 0.4s; -moz-transition: 0.4s; transition: 0.4s; } .ceris-feature-h .post--card-overlay-no-background .post__thumb--overlay.post__thumb:after { background-color: var(--color-white); } .ceris-feature-h .owl-item.active .post--card-overlay-no-background .post__thumb--overlay.post__thumb:after { background-color: rgba(6, 97, 241, .8); } .ceris-feature-h .owl-item.active + .owl-item.active .post--card-overlay-no-background .post__thumb--overlay.post__thumb:after { background-color: var(--color-white); } .post--overlay-height-275 .post__text{ min-height: 275px; } .ceris-feature-h .post--overlay.post--overlay-bottom { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; } .post--card-overlay-no-background .post__text-wrap, .post--card-overlay-no-background .post__text-inner { height: 100%; } .post--card-overlay-no-background .post__text-inner { padding: 30px; } .post--overlay-bottom.post--card-overlay-no-background .post__text { padding-top: 0; pointer-events: none; z-index: 10; } .post--overlay-height-275 a.post__cat { margin-bottom: 15px; } .ceris-feature-h .owl-item:not(.active) + .owl-item.active .post--card-overlay-no-background a.post__cat, .ceris-feature-h .owl-item:not(.active) + .owl-item.active .post--card-overlay-no-background .post__title a, .ceris-feature-h .owl-item:not(.active) + .owl-item.active .post--card-overlay-no-background .entry-author__name { color: #fff !important; } .ceris-feature-h .post--card-overlay-no-background .entry-author.entry-author--horizontal { margin-top: 0; } .ceris-feature-h .owl-item:not(.active) + .owl-item.active .post--card-overlay-no-background .post__cat-has-line:before { background-color: #fff !important; } .ceris-feature-h .owl-item.active .button__readmore--outline i { border-color: var(--color-white); background-color: transparent; color: var(--color-white); } .ceris-feature-h .owl-item.active .post__readmore { pointer-events: auto; } .ceris-feature-h .owl-item.active .button__readmore:hover i { background-color: var(--color-white); color: #000; } .ceris-feature-h .owl-item.active + .owl-item.active .post--card-overlay-no-background a.post__cat, .ceris-feature-h .owl-item.active + .owl-item.active .post--card-overlay-no-background .post__title a, .ceris-feature-h .owl-item.active + .owl-item.active .post--card-overlay-no-background .entry-author__name { color: #000; } .ceris-feature-h .owl-item.active + .owl-item.active .post--card-overlay-no-background .post__cat-has-line:before { background-color: var(--color-logo); } .ceris-feature-h .owl-item.active + .owl-item.active .button__readmore--outline i { border-color: #000; background-color: var(--color-white); color: #000; } .post--card-overlay-no-background .post--overlay-footer { bottom: 35px; left: 30px; right: 30px; } .ceris-feature-h .owl-carousel .owl-item img.avatar { display: inline-block; width: inherit; } .ceris-feature-h .owl-nav, .ceris-feature-h .owl-dots { display: none; } .ceris-feature-h .atbs-ceris-carousel-nav-custom-holder { margin-top: 30px; } .ceris-feature-h .atbs-ceris-carousel-nav-custom-holder > *:not(:last-child) { margin-right: 15px; } .ceris-feature-h .nav-circle .owl-next, .ceris-feature-h .nav-circle .owl-prev { display: inline; padding: 0; width: initial; height: initial; background-color: transparent; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; line-height: 1; color: var(--color-white); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-bottom: 0; } .ceris-feature-h .owl-number { line-height: 25px; color: var(--color-white); } .button__readmore--outline i { border: 1px solid #000; } /* Responsive */ @media (max-width: 1366px) { /* Layout */ .ceris-feature-h .atbs-ceris-carousel-wrapper { left: 58%; } /* Content */ } @media (max-width: 1199px) { /* Layout */ .post--overlay-height-790.post--overlay-feature-fullwidth-middle .post__text { padding-top: 100px; } .ceris-feature-h .atbs-ceris-carousel-wrapper { position: absolute; top: 50%; left: 50%; width: 690px; -webkit-transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } /* Content */ .ceris-feature-h .post__title a { display: -webkit-box; max-height: 2.8em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; overflow: hidden; } } @media (max-width: 1024px) { /* Layout */ /* Content */ } @media (max-width: 991px) { /* Layout */ .post--overlay-height-790.post--overlay-feature-fullwidth-middle .post__text { padding-top: 60px; } .ceris-feature-h .atbs-ceris-carousel-wrapper { width: 1000px; top: auto; bottom: 60px; left: -webkit-calc(50% - 360px); left: -moz-calc(50% - 360px); left: calc(50% - 360px); right: auto; } /* Content */ } @media (max-width: 767px) { /* Layout */ .ceris-feature-h .atbs-ceris-carousel-wrapper { width: 1100px; left: -webkit-calc(50% - 255px); left: -moz-calc(50% - 255px); left: calc(50% - 255px); right: auto; } .ceris-feature-h .post--overlay-height-790.post--overlay-feature-fullwidth-middle .post__text { min-height: 760px; } /* Content */ } @media (max-width: 576px) { /* Layout */ .ceris-feature-h .atbs-ceris-carousel-wrapper { width: 690px; left: 15px; } /* Content */ } @media (max-width: 480px) { /* Layout */ .ceris-feature-h .post--overlay-height-790.post--overlay-feature-fullwidth-middle .post__text { min-height: 670px; } .post--overlay-height-790.post--overlay-feature-fullwidth-middle .post__text { padding-top: 40px; } .ceris-feature-h .atbs-ceris-carousel-wrapper { width: -webkit-calc(100% - 30px); width: -moz-calc(100% - 30px); width: calc(100% - 30px); bottom: 40px; } .ceris-feature-h .atbs-ceris-carousel-nav-custom-holder { display: none; } .ceris-feature-h .owl-dots { display: block; padding-bottom: 0; } .ceris-feature-h .owl-dot.active span { background-color: var(--color-white); } .ceris-feature-h .owl-dot:not(.active) span { background-color: rgba(255, 255, 255, 0.2); } /* Content */ .ceris-feature-h .post--overlay-feature-fullwidth .post__excerpt { margin-bottom: 30px; } .post--card-overlay-no-background .post__title { font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } .post--overlay-feature-fullwidth-middle .post__excerpt .excerpt { display: -webkit-box; max-height: 3em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; overflow: hidden; } } @media (max-width: 420px) { /* Layout */ /* Content */ } @media (max-width: 380px) { /* Layout */ .ceris-feature-h .post--overlay-height-790.post--overlay-feature-fullwidth-middle .post__text { min-height: 630px; } .post--overlay-height-790.post--overlay-feature-fullwidth-middle .post__text { padding-top: 40px; } .ceris-feature-h .atbs-ceris-carousel-wrapper { bottom: 30px; } .ceris-feature-h .post--overlay.post--overlay-height-275 .post__text { min-height: 250px; } /* Content */ .post--card-overlay-no-background .post__title { font-size: 16px; font-size: 1.1428rem; /*font system*/ line-height: 1.5; } } @media (max-width: 320px) { /* Layout */ /* Content */ } .ceris-user-review-popup-notification .circle-loader { border: 1px solid rgba(0, 0, 0, 0.2); border-left-color: #5cb85c; -webkit-animation: loader-spin 1.2s infinite linear; -moz-animation: loader-spin 1.2s infinite linear; -o-animation: loader-spin 1.2s infinite linear; animation: loader-spin 1.2s infinite linear; position: relative; display: inline-block; vertical-align: top; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 100px; height: 100px; } .ceris-user-review-popup-notification .load-complete { -webkit-animation: none; -moz-animation: none; -o-animation: none; animation: none; border-color: #5cb85c; -webkit-transition: border 500ms ease-out; -o-transition: border 500ms ease-out; -moz-transition: border 500ms ease-out; transition: border 500ms ease-out; } .ceris-user-review-popup-notification .checkmark { display: none; } .ceris-user-review-popup-notification .checkmark.draw:after { -webkit-animation-duration: 800ms; -moz-animation-duration: 800ms; -o-animation-duration: 800ms; animation-duration: 800ms; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-name: checkmark; -moz-animation-name: checkmark; -o-animation-name: checkmark; animation-name: checkmark; -webkit-transform: scaleX(-1) rotate(135deg); -ms-transform: scaleX(-1) rotate(135deg); -moz-transform: scaleX(-1) rotate(135deg); -o-transform: scaleX(-1) rotate(135deg); transform: scaleX(-1) rotate(135deg); } .ceris-user-review-popup-notification .checkmark:after { opacity: 1; height: 50px; width: 25px; -webkit-transform-origin: left top; -ms-transform-origin: left top; -moz-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top; border-right: 3px solid #5cb85c; border-top: 3px solid #5cb85c; content: ''; left: 25px; top: 50px; position: absolute; } @-webkit-keyframes loader-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes loader-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes loader-spin { 0% { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loader-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes checkmark { 0% { height: 0; width: 0; opacity: 1; } 20% { height: 0; width: 25px; opacity: 1; } 40% { height: 50px; width: 25px; opacity: 1; } 100% { height: 50px; width: 25px; opacity: 1; } } @-moz-keyframes checkmark { 0% { height: 0; width: 0; opacity: 1; } 20% { height: 0; width: 25px; opacity: 1; } 40% { height: 50px; width: 25px; opacity: 1; } 100% { height: 50px; width: 25px; opacity: 1; } } @-o-keyframes checkmark { 0% { height: 0; width: 0; opacity: 1; } 20% { height: 0; width: 25px; opacity: 1; } 40% { height: 50px; width: 25px; opacity: 1; } 100% { height: 50px; width: 25px; opacity: 1; } } @keyframes checkmark { 0% { height: 0; width: 0; opacity: 1; } 20% { height: 0; width: 25px; opacity: 1; } 40% { height: 50px; width: 25px; opacity: 1; } 100% { height: 50px; width: 25px; opacity: 1; } } /* .ceris-feature-h ----------------------- */ /* ----------------------- ceris-feature-i */ /* Layout */ .post.post__thumb--overlap { position: relative; } .post__thumb--overlap.post__thumb { position: absolute; width: 100%; height: 100%; } .post--overlap-height-650 .post__text { min-height: 650px; } .post--overlap-top-right .post__text { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; justify-content: flex-end; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-box-align: start; align-items: flex-start; } .post--overlap-top-right .post__text-inner { padding: 15px 40px 30px 30px; } .post--overlap-top-right .post__text-inner .post__title { line-height: 1.4; } .post--overlap-top-right.post--overlay { background: none; } .post--overlap-top-right .post__text-wrap { position: relative; max-width: 660px; width: 100%; background-color: var(--color-white); z-index: 1; } .post--overlap-top-right .post--overlap-header { margin-bottom: 15px; } .post--overlap-top-right a.post__cat.post__cat-style-2 { margin-bottom: 15px; } .post__title.typescale-4.custom-typescale-4 { font-size: 32px; font-size: 2.2857rem; /*font system*/ } .post--overlap-top-right .post__title.custom-typescale-4 { color: var(--color-text); font-weight: 700; line-height: 1.4; } .post--overlap-top-right .entry-author--horizontal .avatar { margin-right: 15px; } /**Sub posts carousel **/ .ceris-feature-i .sub-posts { position: relative; margin-left: auto; margin-top: -145px; padding-top: 30px; padding-left: 30px; width: -webkit-calc(100% - 170px); width: -moz-calc(100% - 170px); width: calc(100% - 170px); background-color: var(--color-white); } /* Content */ .ceris-feature-i .entry-author.entry-author--horizontal{ margin-top: 0; } .ceris-feature-i .post--overlay-footer{ position: initial; } /**Sub posts carousel **/ .ceris-feature-i .sub-posts .block-heading { margin-bottom: 20px !important; } .ceris-feature-i .sub-posts .block-heading__title { font-family: 'Rubik', sans-serif; font-size: 14px; font-size: 1.1428rem; /*font system*/ line-height: 1; font-weight: 600; color: #444; text-transform: uppercase; } .ceris-feature-i .sub-posts .block-heading__view-all a { color: var(--color-logo); font-family: 'Roboto', sans-serif; font-size: 14px; font-size: 1rem; font-weight: 500; line-height: 1.5; } .ceris-feature-i .sub-posts .block-heading .block-heading__view-all span { font-weight: inherit; } .post--horizontal-border { border: 1px solid rgba(221, 221, 221, 0.25); } .post--horizontal-md-thumb-160 { -webkit-box-shadow: 0 45px 20px -27px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 35px 20px -27px rgba(0, 0, 0, 0.1); box-shadow: 0 35px 20px -27px rgba(0, 0, 0, 0.1); } .post--horizontal-md-thumb-160 .post__thumb { width: 160px; margin-right: 25px; } .post--horizontal-md-thumb-160 .post__text { padding: 25px 15px 5px 0; } .post--horizontal-md-thumb-160 .post__title.custom-typescale-2 { font-size: 18px; font-size: 1.2857rem; line-height: 1.5; font-weight: 500; } .ceris-feature-i .view-all__text { margin-right: 15px; } .ceris-feature-i .sub-posts .owl-nav, .ceris-feature-i .sub-posts .owl-dots { display: none; } .ceris-feature-i .sub-posts .owl-carousel { margin-bottom: -110px; } .ceris-feature-i .sub-posts .owl-stage-outer { padding-bottom: 110px; } .post--horizontal-md-thumb-160 a.post__cat.post__cat-style-2 { margin-bottom: 12px; } .ceris-feature-i .atbs-ceris-carousel-nav-custom-holder { position: absolute; top: 175px; right: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; width: 170px; -webkit-box-pack: left; -ms-flex-pack: left; -webkit-justify-content: left; -moz-box-pack: left; justify-content: left; } .ceris-feature-i .atbs-ceris-carousel-nav-custom-holder .owl-prev, .ceris-feature-i .atbs-ceris-carousel-nav-custom-holder .owl-next { width: 40px; height: 40px; border: none; background-color: var(--color-white); color: #666; border: 1px solid rgba(0,0,0,0.2); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .ceris-feature-i .atbs-ceris-carousel-nav-custom-holder .owl-prev:hover, .ceris-feature-i .atbs-ceris-carousel-nav-custom-holder .owl-next:hover { background-color: var(--color-logo); color: var(--color-white); border-color: var(--color-logo); } .ceris-feature-i .atbs-ceris-carousel-nav-custom-holder .owl-prev i, .ceris-feature-i .atbs-ceris-carousel-nav-custom-holder .owl-next i { font-size: 20px; opacity: 0.6; } .ceris-feature-i .atbs-ceris-carousel-nav-custom-holder .owl-prev:hover i, .ceris-feature-i .atbs-ceris-carousel-nav-custom-holder .owl-next:hover i { opacity: 1; } .ceris-feature-i .atbs-ceris-carousel-nav-custom-holder > *:not(:last-child) { margin-right: 15px; margin-bottom: 0; color: #666; } /* Responsive */ @media (max-width: 1366px) { /* Layout */ /* Content */ } @media (max-width: 1199px) { /* Layout */ .post--overlap-top-right .post__text-wrap { max-width: 580px; } .post--overlap-top-right.post--overlap-height-650 .post__text { min-height: 540px; } .post--overlap-top-right .post__text-inner { padding-right: 0; } .ceris-feature-i .atbs-ceris-carousel-nav-custom-holder { bottom: 112px; } /* Content */ .post__title.typescale-4.custom-typescale-4 { font-size: 28px; font-size: 2rem; /*font system*/ } .post--horizontal-md-thumb-160 .post__thumb { width: 130px; } .post--horizontal-md-thumb-160 .post__text { padding-top: 15px; padding-right: 15px; } .post--horizontal-md-thumb-160 .post__title.custom-typescale-2 { font-size: 17px; font-size: 1.2142rem; /*font system*/ line-height: 1.44; } } @media (max-width: 1024px) { /* Layout */ /* Content */ } @media (max-width: 991px) { /* Layout */ .post--overlap-top-right .post__text-wrap { max-width: 475px; } /* Content */ .post__title.typescale-4.custom-typescale-4 { font-size: 24px; font-size: 1.7142rem; /*font system*/ line-height: 1.375; } .post--horizontal-md-thumb-160 .post__thumb { width: 160px; } .ceris-feature-i .sub-posts .atbs-ceris-carousel-nav-custom-holder { bottom: 138px; } .post--horizontal-md-thumb-160 .post__text { padding-top: 25px; } .post--horizontal-md-thumb-160 .post__title.custom-typescale-2 { font-size: 18px; font-size: 1.2857rem; line-height: 1.5; } } @media (max-width: 767px) { /* Layout */ .post--overlap-top-right.post--overlap-height-650 .post__text { min-height: 415px; } .post--overlap-top-right .post__text-wrap { max-width: 420px; } .ceris-feature-i .sub-posts { margin-top: 0; width: 100%; } .post--horizontal-md-thumb-160 .post__thumb { float: left; margin: 0 20px 0 0; } .ceris-feature-i .sub-posts { padding-left: 0; } .ceris-feature-i .sub-posts .atbs-ceris-carousel-nav-custom-holder { z-index: 10; position: relative; width: auto; margin-top: 20px; left: unset; top: unset; right: unset; bottom: unset; -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; transform: none; } /* Content */ .post--overlap-top-right .post__text-inner { padding-bottom: 25px; padding-right: 25px; } .post__title.typescale-4.custom-typescale-4 { font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.4; } } @media (max-width: 576px) { /* Layout */ .post--overlap-top-right .post__text-wrap { max-width: 380px; } /* Content */ .ceris-feature-i .post__title.custom-typescale-4 { font-size: 22px; font-size: 1.5714rem; /*font system*/ line-height: 1.41; } } @media (max-width: 480px) { /* Layout */ .post--overlap-top-right .post__text-wrap { max-width: 350px; } /* Content */ .ceris-feature-i .sub-posts { padding-top: 40px; } .post__title.typescale-4.custom-typescale-4 { font-size: 20px; font-size: 1.4285rem; /*font system*/ font-weight: 600; line-height: 1.5; } } @media (max-width: 420px) { /* Layout */ .post--overlap-top-right .post__text-wrap { max-width: 100%; } /* Content */ .post--overlap-top-right .post__thumb--overlap.post__thumb { position: relative; margin-bottom: 30px; } .post--overlap-top-right .post__text-inner { padding: 0; } .post--overlap-top-right.post--overlap-height-650 .post__text { min-height: auto; } .post__title.typescale-4.custom-typescale-4 { font-weight: 500; } .post--horizontal-md-thumb-160 .post__title.custom-typescale-2 { font-size: 17px; font-size: 1.2142rem; /*font system*/ line-height: 1.5; } } @media (max-width: 380px) { /* Layout */ /* Content */ .ceris-feature-i .main-post { margin-bottom: 40px; } .post--overlap-top-right .entry-author--has-avatar-40 > img { width: 30px; height: 30px; } .ceris-feature-i .sub-posts { padding-top: 0; } .post--horizontal-md-thumb-160 .post__thumb { width: 100px; height: 120px; } .post--horizontal-md-thumb-160 .post__text { padding-top: 15px; padding-right: 15px; } .post--horizontal-md-thumb-160 .post__title.custom-typescale-2 { font-size: 16px !important; font-size: 1.1428rem; /*font system*/ line-height: 1.5; } } @media (max-width: 320px) { /* Layout */ /* Content */ .post--horizontal-md-thumb-160 .post__thumb { width: 100%; height: 180px; } .post--horizontal-md-thumb-160 .post__text { padding: 25px 20px; } } .carousel-visible.owl-carousel .owl-item:first-child, .carousel-visible.owl-carousel .slide-content:first-child{ visibility: visible; } @media(max-width: 991px) and (min-width: 768px){ .ceris-feature-j .carousel-visible.flexbox-wrap.flexbox-wrap-2i, .ceris-feature-i .carousel-visible.flexbox-wrap.flexbox-wrap-2i{ -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .ceris-feature-j .carousel-visible.flexbox-wrap.flexbox-wrap-2i.flex-space-50 >*, .ceris-feature-i .carousel-visible.flexbox-wrap.flexbox-wrap-2i.flex-space-50 >*{ width: 100%; } } /* .ceris-feature-i ----------------------- */ /* ----------------------- ceris-feature-j */ /* Layout */ .ceris-feature-j .sub-posts { position: relative; margin-left: auto; margin-top: -105px; width: -webkit-calc(100% - 230px); width: -moz-calc(100% - 230px); width: calc(100% - 230px); } .ceris-feature-j .sub-posts .atbs-ceris-carousel-nav-custom-holder { position: absolute; bottom: 54px; right: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; width: 230px; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; } /* Content */ .post--overlay-height-650 .post__text { min-height: 650px } .post--overlay-height-260 .post__text { min-height: 260px; } .post--overlay-top-left-feature .post__text { padding-top: 0; } .post--overlay-top-left-feature .post__text-inner { padding: 50px 100px 20px 50px; } .post--overlay-top-left-feature a.post__cat { margin-bottom: 15px; } .post--overlay-top-left-feature .post__title { margin-bottom: 15px; } .post__excerpt.post__excerpt-style-2 { font-family: 'Roboto', sans-serif; font-size: 16px; font-size: 1.1428rem; /*font system*/ line-height: 1.5; } /**Sub posts carousel **/ .ceris-feature-j .sub-posts .owl-nav, .ceris-feature-j .sub-posts .owl-dots { display: none; } .ceris-feature-j .sub-posts .atbs-ceris-carousel-nav-custom-holder .owl-prev, .ceris-feature-j .sub-posts .atbs-ceris-carousel-nav-custom-holder .owl-next { width: 40px; height: 40px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: none; background-color: var(--color-white); color: #666; border: 1px solid rgba(0,0,0,0.2); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-bottom: 0; } .ceris-feature-j .sub-posts .atbs-ceris-carousel-nav-custom-holder .owl-prev i, .ceris-feature-j .sub-posts .atbs-ceris-carousel-nav-custom-holder .owl-next i { font-size: 20px; color: #666; } .ceris-feature-j .sub-posts .atbs-ceris-carousel-nav-custom-holder .owl-prev:hover i, .ceris-feature-j .sub-posts .atbs-ceris-carousel-nav-custom-holder .owl-next:hover i { color: #fff; } .ceris-feature-j .sub-posts .atbs-ceris-carousel-nav-custom-holder .owl-prev:hover, .ceris-feature-j .sub-posts .atbs-ceris-carousel-nav-custom-holder .owl-next:hover { background-color: var(--color-logo); color: var(--color-white); border-color: var(--color-logo); } .ceris-feature-j .sub-posts .atbs-ceris-carousel-nav-custom-holder > *:not(:last-child) { margin-right: 15px; color: #666; } .post--overlay-line-top-hover.post--overlay-padding-xl .post__text-inner { padding: 30px; } .post--overlay-line-top-hover:hover::after { content: ''; position: absolute; border-top: 5px solid var(--color-logo); width: 100%; top: 0; left: 0; } .post--overlay-line-top-hover .post__title { margin-bottom: 15px; } .post--overlay-line-top-hover .inverse-text .post__meta .time{ color: var(--color-white); font-family: 'Roboto', sans-serif; font-size: 13px; font-size: 0.9285rem; /*font system*/ line-height: 1.53; } .post--overlay-line-top-hover .post__meta { margin-top: 0; } /* Responsive */ @media (max-width: 1366px) { /* Layout */ /* Content */ } @media (max-width: 1199px) { /* Layout */ /* Content */ .post--overlay-top-left-feature .post__text-inner { padding-right: 250px; } .post--overlay-top-left-feature.post--overlay-height-650 .post__text { min-height: 520px; } .post--overlay-line-top-hover.post--overlay-height-260 .post__text { min-height: 250px; } } @media (max-width: 1024px) { /* Layout */ /* Content */ } @media (max-width: 991px) { /* Layout */ /* Content */ .post--overlay-top-left-feature .post__text-inner { padding-right: 160px; } .post--overlay-line-top-hover.post--overlay-height-260 .post__text { min-height: 260px; } } @media (max-width: 767px) { /* Layout */ .ceris-feature-j .sub-posts { width: -webkit-calc(100% - 150px); width: -moz-calc(100% - 150px); width: calc(100% - 150px); } .ceris-feature-j .sub-posts { margin-top: -70px; } .ceris-feature-j .sub-posts .atbs-ceris-carousel-nav-custom-holder { bottom: 0; width: 150px; -webkit-box-pack: left; -ms-flex-pack: left; -webkit-justify-content: left; -moz-box-pack: left; justify-content: left; } /* Content */ .post--overlay-top-left-feature.post--overlay-height-650 .post__text { min-height: 415px; } .post--overlay-top-left-feature .post__text-inner { padding: 60px 100px 20px 20px; } .post--overlay-line-top-hover.post--overlay-height-260 .post__text { min-height: 240px; } .post--overlay-line-top-hover.post--overlay-padding-xl .post__text-inner { padding: 20px; } .post--overlay-top-left-feature .post__excerpt { padding-right: 60px; } .ceris-feature-j .sub-posts .atbs-ceris-carousel-nav-custom-holder .owl-prev, .ceris-feature-j .sub-posts .atbs-ceris-carousel-nav-custom-holder .owl-next { width: 40px; height: 40px; } .ceris-feature-j .sub-posts .atbs-ceris-carousel-nav-custom-holder .owl-prev i, .ceris-feature-j .sub-posts .atbs-ceris-carousel-nav-custom-holder .owl-next i { font-size: 20px; } .ceris-feature-j .sub-posts .owl-number { display: none; } } @media (max-width: 576px) { /* Layout */ /* Content */ .post--overlay-top-left-feature .post__text-inner { padding: 60px 30px 20px 20px; } } @media (max-width: 480px) { /* Layout */ .ceris-feature-j .sub-posts { margin-top: 0; width: 100%; } /* Content */ .ceris-feature-j .main-post { margin-bottom: 30px; } .post--overlay-top-left-feature.post--overlay-height-650 .post__text { min-height: 300px; } .post--overlay-top-left-feature .post__text-inner { padding-top: 40px; } .post--overlay-top-left-feature .post__excerpt { padding-right: 40px; } .post--overlay-line-top-hover.post--overlay-height-260 .post__text { min-height: 220px; } .ceris-feature-j .sub-posts .owl-dots { display: block; } } @media (max-width: 420px) { /* Layout */ /* Content */ } @media (max-width: 380px) { /* Layout */ /* Content */ .post--overlay-top-left-feature .post__text-inner { padding-right: 20px; } } @media (max-width: 320px) { /* Layout */ /* Content */ } /* .ceris-feature-j ----------------------- */ /* ----------------------- ceris-listing-grid-f */ /* Layout */ /* Content */ .post--vertical-thumb-70 .post__thumb { width: 120px; } .ceris-listing-grid-f .post--vertical-thumb-70 .post__thumb { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; overflow: hidden; } .post--vertical-thumb-70-background { padding: 30px; background-color: rgba(255, 255, 255, 0.98); border: 1px solid rgba(34, 34, 34, 0.03); } .post--vertical-thumb-70-background .post__thumb { margin-bottom: 25px; } .post--vertical-thumb-70-background .background-img { z-index: -1; } .post--vertical-thumb-70-background a.post__cat { margin-bottom: 15px; } .post--vertical-thumb-70-background .post__title.typescale-1 { margin-bottom: 15px; font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.44; font-weight: 500; } .post--vertical-thumb-70-background .post__title a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-word; overflow: hidden; max-height: 4.32em; } .post--vertical-thumb-70-background .post__excerpt { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; overflow: hidden; max-height: 3em; } .post--vertical-thumb-70-background .post__header { margin-bottom: 30px; } .post--vertical-thumb-70-background .button__readmore--outline i { border-color: #aaa; color: #888; font-size: 14px; -webkit-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; transition: 0.3s ease-out; } .post--vertical-thumb-70-background .button__readmore--outline:hover i { border-color: var(--color-logo); color: #fff; background-color: var(--color-logo); } /* Responsive */ @media (max-width: 1366px) { /* Layout */ /* Content */ } @media (max-width: 1199px) { /* Layout */ /* Content */ } @media (min-width: 992px) and (max-width: 1199px) { .post--vertical-thumb-70-background .post__title { font-size: 20px; font-size: 1.4285rem; /*font system*/ } } @media (min-width: 1200px) { .post--vertical-thumb-70-background .post__title { font-size: 21px; font-size: 1.5rem; /*font system*/ } } @media (max-width: 991px) { /* Layout */ .ceris-listing-grid-f .flexbox-wrap.flexbox-wrap-3i > * { width: 50%; } /* Content */ } @media (max-width: 767px) { /* Layout */ .ceris-listing-grid-f .flexbox-wrap.flexbox-wrap-3i > * { width: 100%; } /* Content */ .post--vertical-thumb-70-background { padding: 20px; } .post--vertical-thumb-70-background .post__thumb { width: 90px; } .post--vertical-thumb-70-background .post__title.typescale-1 { font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.4; } } @media (max-width: 576px) { /* Layout */ /* Content */ } @media (max-width: 480px) { /* Layout */ /* Content */ .post--vertical-thumb-70 .post__thumb { width: 70px; } .post--vertical-thumb-70-background .post__title.typescale-1 { font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.44; } } @media (max-width: 420px) { /* Layout */ /* Content */ } @media (max-width: 380px) { /* Layout */ /* Content */ } @media (max-width: 320px) { /* Layout */ /* Content */ } .ceris-listing-grid-f .entry-author.entry-author--horizontal{ margin-top: 0; } .ceris-listing-grid-f .bookmark__buttons-wrap{ position: absolute; top: 0; right: 10px; z-index: 1; } /* .ceris-listing-grid-f ----------------------- */ /* ----------------------- ceris-feature-k */ /* Layout */ .ceris-feature-k .atbs-ceris-block__inner { position: relative; } .ceris-feature-k .main-posts { position: relative; padding-top: 110px; padding-left: 60px; } .ceris-feature-k .sub-posts { position: relative; margin-top: -90px; margin-left: auto; width: 500px; z-index: 5; } .ceris-feature-k .atbs-ceris-carousel-nav-custom-holder { position: absolute; left: 670px; top: 415px; z-index: 5; } .ceris-feature-k .owl-dots { display: none; } /* Content */ .ceris-feature-k .atbs-ceris-block__inner::before { content: ''; position: absolute; left: 0; top: 115px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: var(--color-logo); -webkit-transform: rotate(-450deg); -ms-transform: rotate(-450deg); -moz-transform: rotate(-450deg); -o-transform: rotate(-450deg); transform: rotate(-450deg); opacity: 0.6; width: 10px; height: 10px; -webkit-box-shadow: -210px 0 1px var(--color-logo), -180px 0 1px var(--color-logo), -150px 0 1px var(--color-logo), -120px 0 1px var(--color-logo), -90px 0 1px var(--color-logo), -60px 0 1px var(--color-logo), -30px 0 1px var(--color-logo), 30px 0 1px var(--color-logo), 60px 0 1px var(--color-logo), -210px 30px 1px var(--color-logo), -180px 30px 1px var(--color-logo), -150px 30px 1px var(--color-logo), -120px 30px 1px var(--color-logo), -90px 30px 1px var(--color-logo), -60px 30px 1px var(--color-logo), -30px 30px 1px var(--color-logo), 0 30px 1px var(--color-logo), 30px 30px 1px var(--color-logo), 60px 30px 1px var(--color-logo), -210px 60px 1px var(--color-logo), -180px 60px 1px var(--color-logo), -150px 60px 1px var(--color-logo), -120px 60px 1px var(--color-logo), -90px 60px 1px var(--color-logo), -60px 60px 1px var(--color-logo), -30px 60px 1px var(--color-logo), 0 60px 1px var(--color-logo), 30px 60px 1px var(--color-logo), 60px 60px 1px var(--color-logo), -210px 90px 1px var(--color-logo), -180px 90px 1px var(--color-logo), -150px 90px 1px var(--color-logo), -120px 90px 1px var(--color-logo), -90px 90px 1px var(--color-logo), -60px 90px 1px var(--color-logo), -30px 90px 1px var(--color-logo), 0 90px 1px var(--color-logo), 30px 90px 1px var(--color-logo), 60px 90px 1px var(--color-logo), -210px 120px 1px var(--color-logo), -180px 120px 1px var(--color-logo), -150px 120px 1px var(--color-logo), -120px 120px 1px var(--color-logo), -90px 120px 1px var(--color-logo), -60px 120px 1px var(--color-logo), -30px 120px 1px var(--color-logo), 0 120px 1px var(--color-logo), 30px 120px 1px var(--color-logo), 60px 120px 1px var(--color-logo), -210px 150px 1px var(--color-logo), -180px 150px 1px var(--color-logo), -150px 150px 1px var(--color-logo), -120px 150px 1px var(--color-logo), -90px 150px 1px var(--color-logo), -60px 150px 1px var(--color-logo), -30px 150px 1px var(--color-logo), 0 150px 1px var(--color-logo), 30px 150px 1px var(--color-logo), 60px 150px 1px var(--color-logo), -210px 180px 1px var(--color-logo), -180px 180px 1px var(--color-logo), -150px 180px 1px var(--color-logo), -120px 180px 1px var(--color-logo), -90px 180px 1px var(--color-logo), -60px 180px 1px var(--color-logo), -30px 180px 1px var(--color-logo), 0 180px 1px var(--color-logo), 30px 180px 1px var(--color-logo), 60px 180px 1px var(--color-logo), -210px 210px 1px var(--color-logo), -180px 210px 1px var(--color-logo), -150px 210px 1px var(--color-logo), -120px 210px 1px var(--color-logo), -90px 210px 1px var(--color-logo), -60px 210px 1px var(--color-logo), -30px 210px 1px var(--color-logo), 0 210px 1px var(--color-logo), 30px 210px 1px var(--color-logo), 60px 210px 1px var(--color-logo), -210px 240px 1px var(--color-logo), -180px 240px 1px var(--color-logo), -150px 240px 1px var(--color-logo), -120px 240px 1px var(--color-logo), -90px 240px 1px var(--color-logo), -60px 240px 1px var(--color-logo), -30px 240px 1px var(--color-logo), 0 240px 1px var(--color-logo), 30px 240px 1px var(--color-logo), 60px 240px 1px var(--color-logo), -210px 270px 1px var(--color-logo), -180px 270px 1px var(--color-logo), -150px 270px 1px var(--color-logo), -120px 270px 1px var(--color-logo), -90px 270px 1px var(--color-logo), -60px 270px 1px var(--color-logo), -30px 270px 1px var(--color-logo), 0 270px 1px var(--color-logo), 30px 270px 1px var(--color-logo), 60px 270px 1px var(--color-logo); -moz-box-shadow: -210px 0 1px var(--color-logo), -180px 0 1px var(--color-logo), -150px 0 1px var(--color-logo), -120px 0 1px var(--color-logo), -90px 0 1px var(--color-logo), -60px 0 1px var(--color-logo), -30px 0 1px var(--color-logo), 30px 0 1px var(--color-logo), 60px 0 1px var(--color-logo), -210px 30px 1px var(--color-logo), -180px 30px 1px var(--color-logo), -150px 30px 1px var(--color-logo), -120px 30px 1px var(--color-logo), -90px 30px 1px var(--color-logo), -60px 30px 1px var(--color-logo), -30px 30px 1px var(--color-logo), 0 30px 1px var(--color-logo), 30px 30px 1px var(--color-logo), 60px 30px 1px var(--color-logo), -210px 60px 1px var(--color-logo), -180px 60px 1px var(--color-logo), -150px 60px 1px var(--color-logo), -120px 60px 1px var(--color-logo), -90px 60px 1px var(--color-logo), -60px 60px 1px var(--color-logo), -30px 60px 1px var(--color-logo), 0 60px 1px var(--color-logo), 30px 60px 1px var(--color-logo), 60px 60px 1px var(--color-logo), -210px 90px 1px var(--color-logo), -180px 90px 1px var(--color-logo), -150px 90px 1px var(--color-logo), -120px 90px 1px var(--color-logo), -90px 90px 1px var(--color-logo), -60px 90px 1px var(--color-logo), -30px 90px 1px var(--color-logo), 0 90px 1px var(--color-logo), 30px 90px 1px var(--color-logo), 60px 90px 1px var(--color-logo), -210px 120px 1px var(--color-logo), -180px 120px 1px var(--color-logo), -150px 120px 1px var(--color-logo), -120px 120px 1px var(--color-logo), -90px 120px 1px var(--color-logo), -60px 120px 1px var(--color-logo), -30px 120px 1px var(--color-logo), 0 120px 1px var(--color-logo), 30px 120px 1px var(--color-logo), 60px 120px 1px var(--color-logo), -210px 150px 1px var(--color-logo), -180px 150px 1px var(--color-logo), -150px 150px 1px var(--color-logo), -120px 150px 1px var(--color-logo), -90px 150px 1px var(--color-logo), -60px 150px 1px var(--color-logo), -30px 150px 1px var(--color-logo), 0 150px 1px var(--color-logo), 30px 150px 1px var(--color-logo), 60px 150px 1px var(--color-logo), -210px 180px 1px var(--color-logo), -180px 180px 1px var(--color-logo), -150px 180px 1px var(--color-logo), -120px 180px 1px var(--color-logo), -90px 180px 1px var(--color-logo), -60px 180px 1px var(--color-logo), -30px 180px 1px var(--color-logo), 0 180px 1px var(--color-logo), 30px 180px 1px var(--color-logo), 60px 180px 1px var(--color-logo), -210px 210px 1px var(--color-logo), -180px 210px 1px var(--color-logo), -150px 210px 1px var(--color-logo), -120px 210px 1px var(--color-logo), -90px 210px 1px var(--color-logo), -60px 210px 1px var(--color-logo), -30px 210px 1px var(--color-logo), 0 210px 1px var(--color-logo), 30px 210px 1px var(--color-logo), 60px 210px 1px var(--color-logo), -210px 240px 1px var(--color-logo), -180px 240px 1px var(--color-logo), -150px 240px 1px var(--color-logo), -120px 240px 1px var(--color-logo), -90px 240px 1px var(--color-logo), -60px 240px 1px var(--color-logo), -30px 240px 1px var(--color-logo), 0 240px 1px var(--color-logo), 30px 240px 1px var(--color-logo), 60px 240px 1px var(--color-logo), -210px 270px 1px var(--color-logo), -180px 270px 1px var(--color-logo), -150px 270px 1px var(--color-logo), -120px 270px 1px var(--color-logo), -90px 270px 1px var(--color-logo), -60px 270px 1px var(--color-logo), -30px 270px 1px var(--color-logo), 0 270px 1px var(--color-logo), 30px 270px 1px var(--color-logo), 60px 270px 1px var(--color-logo); box-shadow: -210px 0 1px var(--color-logo), -180px 0 1px var(--color-logo), -150px 0 1px var(--color-logo), -120px 0 1px var(--color-logo), -90px 0 1px var(--color-logo), -60px 0 1px var(--color-logo), -30px 0 1px var(--color-logo), 30px 0 1px var(--color-logo), 60px 0 1px var(--color-logo), -210px 30px 1px var(--color-logo), -180px 30px 1px var(--color-logo), -150px 30px 1px var(--color-logo), -120px 30px 1px var(--color-logo), -90px 30px 1px var(--color-logo), -60px 30px 1px var(--color-logo), -30px 30px 1px var(--color-logo), 0 30px 1px var(--color-logo), 30px 30px 1px var(--color-logo), 60px 30px 1px var(--color-logo), -210px 60px 1px var(--color-logo), -180px 60px 1px var(--color-logo), -150px 60px 1px var(--color-logo), -120px 60px 1px var(--color-logo), -90px 60px 1px var(--color-logo), -60px 60px 1px var(--color-logo), -30px 60px 1px var(--color-logo), 0 60px 1px var(--color-logo), 30px 60px 1px var(--color-logo), 60px 60px 1px var(--color-logo), -210px 90px 1px var(--color-logo), -180px 90px 1px var(--color-logo), -150px 90px 1px var(--color-logo), -120px 90px 1px var(--color-logo), -90px 90px 1px var(--color-logo), -60px 90px 1px var(--color-logo), -30px 90px 1px var(--color-logo), 0 90px 1px var(--color-logo), 30px 90px 1px var(--color-logo), 60px 90px 1px var(--color-logo), -210px 120px 1px var(--color-logo), -180px 120px 1px var(--color-logo), -150px 120px 1px var(--color-logo), -120px 120px 1px var(--color-logo), -90px 120px 1px var(--color-logo), -60px 120px 1px var(--color-logo), -30px 120px 1px var(--color-logo), 0 120px 1px var(--color-logo), 30px 120px 1px var(--color-logo), 60px 120px 1px var(--color-logo), -210px 150px 1px var(--color-logo), -180px 150px 1px var(--color-logo), -150px 150px 1px var(--color-logo), -120px 150px 1px var(--color-logo), -90px 150px 1px var(--color-logo), -60px 150px 1px var(--color-logo), -30px 150px 1px var(--color-logo), 0 150px 1px var(--color-logo), 30px 150px 1px var(--color-logo), 60px 150px 1px var(--color-logo), -210px 180px 1px var(--color-logo), -180px 180px 1px var(--color-logo), -150px 180px 1px var(--color-logo), -120px 180px 1px var(--color-logo), -90px 180px 1px var(--color-logo), -60px 180px 1px var(--color-logo), -30px 180px 1px var(--color-logo), 0 180px 1px var(--color-logo), 30px 180px 1px var(--color-logo), 60px 180px 1px var(--color-logo), -210px 210px 1px var(--color-logo), -180px 210px 1px var(--color-logo), -150px 210px 1px var(--color-logo), -120px 210px 1px var(--color-logo), -90px 210px 1px var(--color-logo), -60px 210px 1px var(--color-logo), -30px 210px 1px var(--color-logo), 0 210px 1px var(--color-logo), 30px 210px 1px var(--color-logo), 60px 210px 1px var(--color-logo), -210px 240px 1px var(--color-logo), -180px 240px 1px var(--color-logo), -150px 240px 1px var(--color-logo), -120px 240px 1px var(--color-logo), -90px 240px 1px var(--color-logo), -60px 240px 1px var(--color-logo), -30px 240px 1px var(--color-logo), 0 240px 1px var(--color-logo), 30px 240px 1px var(--color-logo), 60px 240px 1px var(--color-logo), -210px 270px 1px var(--color-logo), -180px 270px 1px var(--color-logo), -150px 270px 1px var(--color-logo), -120px 270px 1px var(--color-logo), -90px 270px 1px var(--color-logo), -60px 270px 1px var(--color-logo), -30px 270px 1px var(--color-logo), 0 270px 1px var(--color-logo), 30px 270px 1px var(--color-logo), 60px 270px 1px var(--color-logo); z-index: -1; } .ceris-feature-k .atbs-ceris-block__inner::after { content: ''; position: absolute; top: 0; left: 60px; right: -110px; height: 575px; background-color: #fafafa; z-index: -2; } .ceris-feature-k .owl-carousel.atbs-ceris-carousel .post--horizontal-feature-large { opacity: 0; -webkit-transition: opacity 1.2s ease; -o-transition: opacity 1.2s ease; -moz-transition: opacity 1.2s ease; transition: opacity 1.2s ease; } .post--horizontal-feature-large .post__thumb { width: 570px; margin-right: 40px; } a.post__cat-style-2 { color: #000; } .post--horizontal-feature-large .post__title.typescale-4 { line-height: 1.4; font-weight: 700; } .post--horizontal-feature-large .post__excerpt { color: #000; } .ceris-feature-k .owl-item.active .post--horizontal-feature-large { opacity: 1; } .ceris-feature-k .atbs-ceris-carousel-nav-custom-holder .owl-prev, .ceris-feature-k .atbs-ceris-carousel-nav-custom-holder .owl-next { width: 40px; height: 40px; border: none; background-color: var(--color-white); color: #888; border: 1px solid rgba(0,0,0,0.2); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .ceris-feature-k .atbs-ceris-carousel-nav-custom-holder .owl-prev:hover, .ceris-feature-k .atbs-ceris-carousel-nav-custom-holder .owl-next:hover { background-color: var(--color-logo); color: var(--color-white); border-color: var(--color-logo); } .ceris-feature-k .atbs-ceris-carousel-nav-custom-holder > *:not(:last-child) { margin-right: 15px; color: #888; } .ceris-feature-k .sub-posts .list-space-xl { margin: 0 -20px; } .ceris-feature-k .sub-posts .list-space-xl > * { padding: 0 20px; } .post--no-thumb-small a.post__cat { margin-bottom: 12px; color: var(--color-text); } .post--no-thumb-small .post__title.typescale-1 { font-size: 18px; font-size: 1.2857rem; line-height: 1.44; font-weight: 400; } .ceris-feature-k .post--horizontal-feature-large .post__thumb{ height: 615px; } /* Responsive */ @media (max-width: 1366px) { /* Layout */ /* Content */ } @media (max-width: 1199px) { /* Layout */ .ceris-feature-k .atbs-ceris-block__inner::after { height: 530px; } .ceris-feature-k .main-posts { margin-bottom: 40px; } .ceris-feature-k .atbs-ceris-carousel-nav-custom-holder { top: 425px; left: 555px; } /*Sub posts*/ .ceris-feature-k .sub-posts { margin-top: 0; padding-left: 60px; width: 100%; } .ceris-feature-k .sub-posts .flexbox-wrap.flexbox-wrap-2i > * { width: 50%; } /* Content */ .post--horizontal-feature-large .post__thumb { width: 455px; } .post--horizontal-feature-large .post__text { padding-top: 40px; } .post--horizontal-feature-large .post__title.typescale-4 { font-size: 30px; font-size: 2.1428rem; /*font system*/ line-height: 1.4; } .ceris-feature-k .post--horizontal-feature-large .post__thumb{ height: 492px; } } @media (max-width: 1024px) { /* Layout */ /* Content */ } @media (max-width: 991px) { /* Layout */ .post--horizontal-feature-large .post__thumb { width: 355px; } .ceris-feature-k .atbs-ceris-carousel-nav-custom-holder { top: 400px; left: 455px; } .ceris-feature-k .atbs-ceris-block__inner::after { height: 370px; } /* Content */ .post--horizontal-feature-large .post__text { padding-top: 30px; } .post--horizontal-feature-large .post__title.typescale-4 { font-size: 22px; font-size: 1.5714rem; /*font system*/ line-height: 1.41; } .ceris-feature-k .post--horizontal-feature-large .post__thumb{ height: 393.6px; } } @media (max-width: 767px) { /* Layout */ .ceris-feature-k .main-posts, .ceris-feature-k .sub-posts { padding-left: 0; } .ceris-feature-k .main-posts { padding-top: 60px; } .post--horizontal-feature-large .post__thumb { margin-right: 0; margin-bottom: 20px; width: 100%; height: 280px; float: none; } .post--horizontal-feature-large .post__text { padding-top: 0; } .ceris-feature-k .atbs-ceris-block__inner::before { display: none; } .ceris-feature-k .atbs-ceris-block__inner::after { left: -webkit-calc((100vw - 510px)/-2); left: -moz-calc((100vw - 510px)/-2); left: calc((100vw - 510px)/-2); right: 0; bottom: 0; width: 100vw; height: 285px; } .atbs-ceris-carousel-nav-custom-holder { display: none; } .ceris-feature-k .owl-dots { display: block; padding-bottom: 0; } .ceris-feature-k .sub-posts .list-space-xl { margin: -20px; } .ceris-feature-k .sub-posts .list-space-xl > * { padding: 20px; } .ceris-feature-k .sub-posts .flexbox-wrap.flexbox-wrap-2i > * { width: 100%; } /* Content */ .post--horizontal-feature-large .post__title.typescale-4 { font-size: 24px; font-size: 1.7142rem; /*font system*/ line-height: 1.375; font-weight: 500; } .post--no-thumb-small a.post__cat { margin-bottom: 10px; } .ceris-feature-k .post--horizontal-feature-large .post__thumb{ height: 340px; } } @media (max-width: 576px) { /* Layout */ /* Content */ .post--horizontal-feature-large .post__title.typescale-4 { font-size: 22px; font-size: 1.5714rem; /*font system*/ line-height: 1.41; } .ceris-feature-k .atbs-ceris-block__inner::after { left: -15px; } } @media (max-width: 480px) { /* Layout */ /* Content */ .post--horizontal-feature-large .post__title.typescale-4 { font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.4; } } @media (max-width: 420px) { /* Layout */ /* Content */ } @media (max-width: 380px) { /* Layout */ /* Content */ } @media (max-width: 320px) { /* Layout */ /* Content */ } /* .ceris-feature-k ----------------------- */ /* ----------------------- ceris-grid-carousel-d */ /* Layout */ /* Content */ .ceris-grid-carousel-d .block-heading__title { font-family: 'Rubik', sans-serif; font-size: 22px; font-size: 1.5714rem; /*font system*/ line-height: 1.41; font-weight: 500; } .ceris-grid-carousel-d .block-heading__view-all a, .ceris-grid-carousel-d .block-heading__view-all span { color: var(--color-logo); font-family: 'Roboto', sans-serif; font-size: 15px; font-size: 1.0714rem; /*font system*/ line-height: 1.53; font-weight: 500; } .post--card-overlay-middle-has-hidden-content .post__text { padding-top: 0; pointer-events: none; z-index: 10; } .post--card-overlay-middle-has-hidden-content .post__text-wrap, .post--card-overlay-middle-has-hidden-content .post__text-inner { width: 100%; height: 100%; } .post--card-overlay-middle-has-hidden-content .post__text-inner { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; padding: 30px; } .post--card-overlay-middle-has-hidden-content .post--overlay-footer { position: initial; } .post--card-overlay-middle-has-hidden-content .post--overlay-header, .post--card-overlay-middle-has-hidden-content .post--overlay-footer { opacity: 0; visibility: hidden; -webkit-transition: .2s ease-out; -o-transition: .2s ease-out; -moz-transition: .2s ease-out; transition: .2s ease-out; } .post--card-overlay-middle-has-hidden-content .post__excerpt { display: none; } .time--vertical { display: inline-block; font-family: 'Rubik', sans-serif; font-size: 15px; font-size: 1.0714rem; /*font system*/ line-height: 1.5; font-weight: 400; text-align: center; letter-spacing: 1px; text-transform: uppercase; } .time--vertical span { display: block; font-size: 28px; font-size: 2.2857rem; /*font system*/ line-height: 1; font-weight: 500; } .post--card-overlay-middle-has-hidden-content a.post__cat { margin-bottom: 15px; pointer-events: auto; } .post--card-overlay-middle-has-hidden-content .post__title.typescale-1 { font-size: 24px; font-size: 1.7142rem; /*font system*/ line-height: 1.375; font-weight: 500; -webkit-transition: .25s ease-out; -o-transition: .25s ease-out; -moz-transition: .25s ease-out; transition: .25s ease-out; margin-bottom: 15px; } .post--card-overlay-middle-has-hidden-content .button__readmore i { background-color: transparent; border-color: var(--color-white); color: var(--color-white); pointer-events: auto; -webkit-transition: .3s ease-out; -o-transition: .3s ease-out; -moz-transition: .3s ease-out; transition: .3s ease-out; } .post--card-overlay-middle-has-hidden-content .button__readmore:hover i { background-color: white; color: var(--color-text); } .ceris-grid-carousel-d .post--card-overlay-middle-has-hidden-content { width: 410px; -webkit-transform: scale(0.902439024, 0.912280702); -ms-transform: scale(0.902439024, 0.912280702); -moz-transform: scale(0.902439024, 0.912280702); -o-transform: scale(0.902439024, 0.912280702); transform: scale(0.902439024, 0.912280702); -webkit-transition: 0.2s ease-out; -o-transition: 0.2s ease-out; -moz-transition: 0.2s ease-out; transition: 0.2s ease-out; } .ceris-grid-carousel-d .post--card-overlay-middle-has-hidden-content { height: auto; } .ceris-grid-carousel-d .post--card-overlay-middle-has-hidden-content .post__text { min-height: 570px; } .ceris-grid-carousel-d .post--card-overlay-middle-has-hidden-content .post__thumb--overlay.post__thumb:after { -webkit-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; transition: 0.3s ease-out; } .ceris-grid-carousel-d .owl-nav, .ceris-grid-carousel-d .owl-dots { display: none; } .ceris-grid-carousel-d .owl-carousel-no-slide { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; width: 1170px; } .ceris-grid-carousel-d .owl-carousel.owl-carousel-no-slide .owl-item:first-child, .ceris-grid-carousel-d .owl-carousel.owl-carousel-no-slide .slide-content:first-child { visibility: visible; } .ceris-grid-carousel-d .owl-carousel.owl-carousel-no-slide .owl-item:not(:first-child), .ceris-grid-carousel-d .owl-carousel.owl-carousel-no-slide .slide-content:not(:first-child) { display: block; } .ceris-grid-carousel-d .owl-carousel-no-slide { /*margin: 0 -15px;*/ padding: 0 -webkit-calc(50% - 585px); padding: 0 -moz-calc(50% - 585px); padding: 0 calc(50% - 585px); width: 100%; } .ceris-grid-carousel-d .owl-carousel.owl-carousel-no-slide .slide-content { width: -webkit-calc((100% / 3) - 20px); width: -moz-calc((100% / 3) - 20px); width: calc((100% / 3) - 20px); margin-right: 30px; } .ceris-grid-carousel-d .owl-carousel.owl-carousel-no-slide .slide-content:nth-child(3) { margin-right: 0; } .ceris-grid-carousel-d .owl-carousel.owl-carousel-no-slide .slide-content:not(:first-child):not(:nth-child(2)):not(:nth-child(3)) { margin-top: 30px; } .ceris-grid-carousel-d .owl-carousel.owl-carousel-no-slide .post--card-overlay-middle-has-hidden-content { width: 100%; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } /*Overlay background*/ @media (min-width: 992px){ /***Hovers***/ /*Post*/ .ceris-grid-carousel-d .owl-stage:hover .owl-item.active.center .post--card-overlay-middle-has-hidden-content { -webkit-transform: scale(0.902439024, 0.912280702); -ms-transform: scale(0.902439024, 0.912280702); -moz-transform: scale(0.902439024, 0.912280702); -o-transform: scale(0.902439024, 0.912280702); transform: scale(0.902439024, 0.912280702); } .ceris-grid-carousel-d .owl-stage .post--card-overlay-middle-has-hidden-content:hover, .ceris-grid-carousel-d .owl-stage .owl-item.active.center .post--card-overlay-middle-has-hidden-content:hover { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } /*Post header and footer*/ .ceris-grid-carousel-d .owl-stage:hover .owl-item.active.center .post--card-overlay-middle-has-hidden-content .post--overlay-header, .ceris-grid-carousel-d .owl-stage:hover .owl-item.active.center .post--card-overlay-middle-has-hidden-content .post--overlay-footer { opacity: 0; visibility: hidden; } .ceris-grid-carousel-d .owl-stage .post--card-overlay-middle-has-hidden-content:hover .post--overlay-header, .ceris-grid-carousel-d .owl-stage .post--card-overlay-middle-has-hidden-content:hover .post--overlay-footer, .ceris-grid-carousel-d .owl-stage .owl-item.active.center .post--card-overlay-middle-has-hidden-content:hover .post--overlay-header, .ceris-grid-carousel-d .owl-stage .owl-item.active.center .post--card-overlay-middle-has-hidden-content:hover .post--overlay-footer { opacity: 1; visibility: visible; } .ceris-grid-carousel-d .owl-stage .post--card-overlay-middle-has-hidden-content:hover .post__meta, .ceris-grid-carousel-d .owl-stage .owl-item.active.center .post--card-overlay-middle-has-hidden-content:hover .post__meta { display: none; } .ceris-grid-carousel-d .owl-stage:hover .owl-item.active.center .post--card-overlay-middle-has-hidden-content .post__excerpt { display: none; } .ceris-grid-carousel-d .owl-stage .post--card-overlay-middle-has-hidden-content:hover .post__excerpt, .ceris-grid-carousel-d .owl-stage .owl-item.active.center .post--card-overlay-middle-has-hidden-content:hover .post__excerpt { display: block; } .ceris-grid-carousel-d .post__thumb { background: #000; } .ceris-grid-carousel-d .post__thumb img { opacity: 0.7; } .ceris-grid-carousel-d .post__thumb:hover img { opacity: 1; } /*Overlay background*/ .ceris-grid-carousel-d .owl-stage:hover .owl-item.active.center .post--card-overlay-middle-has-hidden-content .post__thumb--overlay.post__thumb:after { background-color: rgba(0,0,0,0.25); } .ceris-grid-carousel-d .owl-stage .post--card-overlay-middle-has-hidden-content:hover .post__thumb--overlay.post__thumb:after, .ceris-grid-carousel-d .owl-stage .owl-item.active.center .post--card-overlay-middle-has-hidden-content:hover .post__thumb--overlay.post__thumb:after { opacity: 0.6; } .ceris-grid-carousel-d .entry-author.entry-author--horizontal{ margin-top: 0; } } /* Responsive */ @media (max-width: 1366px) { /* Layout */ /* Content */ } @media (max-width: 1199px) { /* Layout */ /* Content */ .ceris-grid-carousel-d .post--card-overlay-middle-has-hidden-content { width: 330px; } .ceris-grid-carousel-d .post--overlay-height-520 .post__text { min-height: 460px; } .ceris-grid-carousel-d .post--card-overlay-middle-has-hidden-content .post__title { font-size: 22px; font-size: 1.5714rem; line-height: 1.5; } /*.ceris-grid-carousel-d .owl-stage .post--card-overlay-middle-has-hidden-content:hover .post__title, .ceris-grid-carousel-d .owl-stage .owl-item.active.center .post--card-overlay-middle-has-hidden-content:hover .post__title { font-size: 20px; font-size: 1.4285rem; line-height: 1.4; }*/ .ceris-grid-carousel-d .owl-carousel-no-slide { padding: 0 -webkit-calc(50% - 470px); padding: 0 -moz-calc(50% - 470px); padding: 0 calc(50% - 470px); } } @media (max-width: 1024px) { /* Layout */ /* Content */ } @media (max-width: 991px) { /* Layout */ /* Content */ .ceris-grid-carousel-d .owl-carousel-no-slide { padding: 0 -webkit-calc(50% - 360px); padding: 0 -moz-calc(50% - 360px); padding: 0 calc(50% - 360px); } .ceris-grid-carousel-d .owl-carousel.owl-carousel-no-slide .slide-content { width: -webkit-calc((100% / 2) - 10px); width: -moz-calc((100% / 2) - 10px); width: calc((100% / 2) - 10px); margin-right: 20px; } .ceris-grid-carousel-d .owl-carousel.owl-carousel-no-slide .slide-content:nth-child(2), .ceris-grid-carousel-d .owl-carousel.owl-carousel-no-slide .slide-content:nth-child(4) { margin-right: 0; } .ceris-grid-carousel-d .owl-carousel.owl-carousel-no-slide .slide-content:not(:first-child):not(:nth-child(2)):not(:nth-child(3)) { margin-top: 20px; } .ceris-grid-carousel-d .owl-carousel.owl-carousel-no-slide .slide-content:nth-child(3) { margin-top: 20px; margin-right: 20px; } .ceris-grid-carousel-d .owl-stage .post--card-overlay-middle-has-hidden-content .post__thumb--overlay.post__thumb:after, .ceris-grid-carousel-d .owl-stage .owl-item.active.center .post--card-overlay-middle-has-hidden-content .post__thumb--overlay.post__thumb:after { background-color: rgba(0,0,0,0.2) !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .ceris-grid-carousel-d .post--card-overlay-middle-has-hidden-content { -webkit-transform: scale(1,1); -ms-transform: scale(1,1); -moz-transform: scale(1,1); -o-transform: scale(1,1); transform: scale(1,1); } .ceris-grid-carousel-d .atbs-ceris-carousel .owl-dots { padding-top: 20px; } } @media (max-width: 767px) { /* Layout */ /* Content */ .post--card-overlay-middle-has-hidden-content .post__text-inner { padding: 20px; } .ceris-grid-carousel-d .owl-dots { display: block; padding-bottom: 0; } .ceris-grid-carousel-d .owl-carousel-no-slide { padding: 0 -webkit-calc(50% - 255px); padding: 0 -moz-calc(50% - 255px); padding: 0 calc(50% - 255px); } .ceris-grid-carousel-d .owl-carousel-no-slide .post--card-overlay-middle-has-hidden-content, .ceris-grid-carousel-d .owl-carousel-no-slide .post--overlay-height-520 .post__text { min-height: 275px; } .ceris-grid-carousel-d .owl-carousel-no-slide .post--card-overlay-middle-has-hidden-content .post__title { font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.5; } .ceris-grid-carousel-d .owl-carousel-no-slide .post--card-overlay-middle-has-hidden-content .post--overlay-footer { display: none; } } @media (max-width: 576px) { /* Layout */ /* Content */ .ceris-grid-carousel-d .block-heading { margin-bottom: 30px; } .ceris-grid-carousel-d .post--card-overlay-middle-has-hidden-content { width: 320px; } .ceris-grid-carousel-d .post--overlay-height-520 .post__text { min-height: 375px; } .ceris-grid-carousel-d .post--card-overlay-middle-has-hidden-content .post__meta .entry-author { display: none; } .ceris-grid-carousel-d .owl-item.active .post--card-overlay-middle-has-hidden-content .post--overlay-header, .ceris-grid-carousel-d .owl-item.active .post--card-overlay-middle-has-hidden-content .post--overlay-footer, .ceris-grid-carousel-d .owl-item.active.center .post--card-overlay-middle-has-hidden-content .post--overlay-header, .ceris-grid-carousel-d .owl-item.active.center .post--card-overlay-middle-has-hidden-content .post--overlay-footer { opacity: 0; visibility: hidden; } .ceris-grid-carousel-d .owl-stage .post--card-overlay-middle-has-hidden-content:hover .post--overlay-header, .ceris-grid-carousel-d .owl-stage .post--card-overlay-middle-has-hidden-content:hover .post--overlay-footer, .ceris-grid-carousel-d .owl-stage .owl-item.active.center .post--card-overlay-middle-has-hidden-content:hover .post--overlay-header, .ceris-grid-carousel-d .owl-stage .owl-item.active.center .post--card-overlay-middle-has-hidden-content:hover .post--overlay-footer { opacity: 0; visibility: hidden; } .ceris-grid-carousel-d .owl-carousel-no-slide { padding: 0 15px; } } @media (max-width: 480px) { /* Layout */ /* Content */ .ceris-grid-carousel-d .owl-carousel.owl-carousel-no-slide .slide-content { width: 100%; margin-right: 0 !important; } .ceris-grid-carousel-d .owl-carousel.owl-carousel-no-slide .slide-content:not(:first-child) { margin-top: 20px !important; } } @media (max-width: 420px) { /* Layout */ /* Content */ } @media (max-width: 380px) { /* Layout */ /* Content */ .ceris-grid-carousel-d .post--card-overlay-middle-has-hidden-content { width: 100vw; -webkit-transform: scale(1,1); -ms-transform: scale(1,1); -moz-transform: scale(1,1); -o-transform: scale(1,1); transform: scale(1,1); } } @media (max-width: 320px) { /* Layout */ /* Content */ } /* .ceris-grid-carousel-d ----------------------- */ /* ----------------------- ceris-feature-l */ /* Layout */ .ceris-feature-l .main-post { width: 65.8119658%; } .ceris-feature-l .aside-post { width: 34.1880342%; padding-bottom: 140px; } .ceris-feature-l .sub-posts { position: relative; margin-top: -140px; margin-left: auto; padding-top: 30px; padding-left: 30px; width: 840px; min-height: 120px; background-color: var(--color-white); } /* Content */ /*Main post*/ .post--vertical-reverse.post--vertical-reverse-feature, .post--vertical-reverse.post--vertical-reverse-thumb-middle { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; } .post--vertical-reverse-feature .post__thumb { margin-top: 40px; } .post--vertical-reverse-feature .post__text { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; -webkit-order: -1; -moz-box-ordinal-group: 0; order: -1; } .post--vertical-reverse-feature a.post__cat { margin-bottom: 15px; } .post--vertical-reverse-feature .post__title { font-size: 32px; font-size: 2.2857rem; line-height: 1.4; font-weight: 700; max-width: 680px; } .ceris-feature-l .post__readmore { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; display: none; } .ceris-feature-l .post__readmore a { text-transform: uppercase; letter-spacing: 1px; color: #222; font-size: 12px; font-weight: 400; opacity: 0.6; -webkit-transition: 0.2s; -o-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .ceris-feature-l .post__readmore--line-before:before { content: ''; position: relative; width: 30px; height: 1px; display: inline-block; margin-right: 15px; background-color: #ccc; } .ceris-feature-l .post--vertical-reverse-thumb-middle .post__excerpt { margin-bottom: 0; } /*Aside post*/ .post--vertical-reverse-thumb-middle .post__thumb { margin-top: 0; } .post--vertical-reverse-thumb-middle .post__header, .post--vertical-reverse-thumb-middle .post__thumb { margin-bottom: 30px; } .post--vertical-reverse-thumb-middle a.post__cat { margin-bottom: 12px; } .post--vertical-reverse-thumb-middle .post__title { font-size: 21px; font-size: 1.5rem; /*font system*/ line-height: 1.5; font-weight: 600; } .post--vertical-reverse-thumb-middle .post__excerpt { margin-bottom: 20px; } /*Sub post*/ .post--horizontal-small-normal a.post__cat { margin-bottom: 12px; } .post--horizontal-thumb-90 .post__thumb { width: 90px; margin-bottom: 0; } .post--horizontal-small-normal .post__thumb { margin-right: 25px; } .post--horizontal-small-normal .post__title.typescale-1 { font-size: 17px; font-size: 1.2142rem; line-height: 1.5; font-weight: 500; } /* Responsive */ @media (max-width: 1366px) { /* Layout */ /* Content */ } @media (max-width: 1199px) { /* Layout */ /* Content */ .post--vertical-reverse-feature .post__title { font-size: 32px; font-size: 2.2857rem; /*font system*/ } .post--vertical-reverse-thumb-middle .post__header, .post--vertical-reverse-thumb-middle .post__thumb { margin-bottom: 25px; } .post--vertical-reverse-thumb-middle .post__title { font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.4; } } @media (max-width: 1024px) { /* Layout */ /* Content */ } @media (max-width: 991px) { /* Layout */ .ceris-feature-l .main-post { width: 57%; } .ceris-feature-l .aside-post { width: 43%; padding-bottom: 0; } .ceris-feature-l .sub-posts { margin-top: 0; padding-top: 30px; padding-bottom: 0; padding-left: 20px; width: 100%; } /* Content */ .post--vertical-reverse-feature .post__thumb { margin-top: 30px; } .post--vertical-reverse-feature .post__title { font-size: 24px; font-size: 1.7142rem; /*font system*/ line-height: 1.375; } .post--vertical-reverse-feature .post-type-icon { display: none; } .post--vertical-reverse-thumb-middle .post__thumb { height: 220px; } .post--vertical-reverse-thumb-middle .post-type-icon { display: none; } } @media (max-width: 767px) { /* Layout */ .ceris-feature-l .main-post, .ceris-feature-l .aside-post { width: 100%; } .ceris-feature-l .sub-posts .flexbox-wrap.flexbox-wrap-2i > *{ width: 100%; } .ceris-feature-l .sub-posts .flexbox-wrap.flex-space-40 { margin: -15px; } .ceris-feature-l .sub-posts .flexbox-wrap.flex-space-40 > *{ padding: 15px; } /* Content */ .post--vertical-reverse-feature .post__thumb, .post--vertical-reverse-thumb-middle .post__thumb { height: 280px; } .post--vertical-reverse-feature .post__thumb { margin-top: 0; margin-bottom: 20px; } .post--vertical-reverse-feature .post__text { -webkit-box-ordinal-group: initial; -ms-flex-order: initial; -webkit-order: initial; -moz-box-ordinal-group: initial; order: initial; } .post--vertical-reverse-feature .post__title { font-size: 22px; font-size: 1.5714rem; line-height: 1.5; } .post--vertical-reverse-thumb-middle .post__thumb { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; -webkit-order: -1; -moz-box-ordinal-group: 0; order: -1; } .post--vertical-reverse-thumb-middle .post__thumb { margin-bottom: 20px; } .post--vertical-reverse-thumb-middle .post__header { margin-bottom: 20px; } .post--vertical-reverse-thumb-middle .post__title { font-size: 22px; font-size: 1.5714rem; line-height: 1.5; font-weight: bold; } .post--horizontal-small-normal .post__thumb { float: left; } .post--vertical-reverse-thumb-middle a.post__cat, .post--horizontal-small-normal a.post__cat { margin-bottom: 10px; } } @media (max-width: 576px) { /* Layout */ /* Content */ .post--vertical-reverse-feature .post__title { font-size: 22px; font-size: 1.5714rem; /*font system*/ line-height: 1.41; } .post--vertical-reverse-thumb-middle .post__title { font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.4; } } @media (max-width: 480px) { /* Layout */ /* Content */ .post--vertical-reverse-feature .post__thumb, .post--vertical-reverse-thumb-middle .post__thumb { height: 260px; } .post--vertical-reverse-feature .post__title { font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.5; font-weight: 600; } .post--vertical-reverse-thumb-middle .post__title { font-weight: 600; } .post--vertical-reverse-thumb-middle .post__excerpt { display: none; } .post--horizontal-small-normal .post__title.typescale-1 { font-size: 16px; font-size: 1.1428rem; /*font system*/ line-height: 1.5; } } @media (max-width: 420px) { /* Layout */ /* Content */ .post--vertical-reverse-feature .post__thumb, .post--vertical-reverse-thumb-middle .post__thumb { height: 240px; } } @media (max-width: 380px) { /* Layout */ /* Content */ .post--vertical-reverse-feature .post__thumb, .post--vertical-reverse-thumb-middle .post__thumb { height: 220px; } .post--horizontal-small-normal.post--horizontal-thumb-90 .post__thumb { width: 80px; } .post--horizontal-small-normal a.post__cat { margin-bottom: 10px; } } @media (max-width: 320px) { /* Layout */ /* Content */ .post--vertical-reverse-feature .post__title { font-size: 18px; font-size: 1.2857rem; /*font system*/ } .post--vertical-reverse-thumb-middle .post__title { font-size: 18px; font-size: 1.2857rem; /*font system*/ } .post--vertical-reverse-feature .post__thumb, .post--vertical-reverse-thumb-middle .post__thumb { height: 200px; } .post--horizontal-small-normal.post--horizontal-thumb-90 .post__thumb { width: 70px; } } /* .ceris-feature-l ----------------------- */ /* ----------------------- ceris_feature_m */ /* Layout */ .ceris-feature-m .post-main-left{ -webkit-box-ordinal-group: 0; -ms-flex-order: -1; -webkit-order: -1; -moz-box-ordinal-group: 0; order: -1; } .ceris-feature-m .post-main-center{ width: 45%; } .ceris-feature-m .post-main-left, .ceris-feature-m .post-main-right{ width: 27.5%; } /* Content */ @media (max-width: 1199px) { /* Layout */ .ceris-feature-m .post-main-center{ width: 40%; } .ceris-feature-m .post-main-left, .ceris-feature-m .post-main-right{ width: 30%; } /* Content */ .post--overlay-small-text-normal.post--overlay .post__text{ min-height: 350px; } } @media (max-width: 991px) and (min-width: 768px) { /* Layout */ .ceris-feature-m .post-main-center{ width: 100%; } .ceris-feature-m .post-main-center .post__title { font-size: 24px; font-size: 1.7142rem; max-width: 680px; } .ceris-feature-m .post-main-left{ width: 50%; -webkit-box-ordinal-group: initial; -ms-flex-order: initial; -webkit-order: initial; -moz-box-ordinal-group: initial; order: initial; } .ceris-feature-m .post-main-right{ width: 50%; } /* Content */ .post--vertical-small-normal .post__title.typescale-1{ font-size: 1.2857rem; /*font system*/ line-height: 1.5; } } @media (max-width: 767px) { /* Layout */ .ceris-feature-m .post-main-center{ width: 100%; } .ceris-feature-m .post-main-left, .ceris-feature-m .post-main-right{ width: 100%; -webkit-box-ordinal-group: initial; -ms-flex-order: initial; -webkit-order: initial; -moz-box-ordinal-group: initial; order: initial; } /* Content */ .post--vertical-small-normal .post__title.typescale-1{ font-size: 1.1428rem; /*font system*/ line-height: 1.5; } .post--overlay-small-text-normal.post--overlay .post__text { min-height: 300px; } } @media (max-width: 576px) { /* Layout */ /* Content */ .post--vertical-small-normal .post__title.typescale-1{ font-size: 1.1428rem; /*font system*/ line-height: 1.5; } } @media (max-width: 480px) { /* Layout */ .ceris-feature-m .post-main-left, .ceris-feature-m .post-main-right{ width: 100%; } /* Content */ .ceris-feature-m .post-main-center .post-type-icon { display: none; } .post--overlay-small-text-normal.post--overlay .post-type-icon { display: none; } .post--vertical-small-normal .post-type-icon { display: none; } } .ceris-feature-m .post-main, .ceris-feature-m .post-sub{ min-width: 100%; } .ceris-feature-m .post-sub .post__title { font-weight: 500; } /* .ceris_feature_m ----------------------- */ /* .listing-grid-overlay-aside ----------------------- */ .atbs-ceris-block__aside-left{ padding-right: 25px; } .atbs-ceris-block__aside-left .banner{ min-height: 100vh; position: relative; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .atbs-ceris-block__aside-left .banner__thumb{ position: absolute; width: 100%; height: 100%; z-index: 0; } .atbs-ceris-block__aside-left .banner__text{ z-index: 1; display: block; overflow-y: hidden; text-align: center; width: 100%; padding: 40px; } .atbs-ceris-block__aside-left .banner__button{ padding: 0px 20px; font-size: 15px; height: 40px; display: inline-block; text-align: center; line-height: 40px; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; background-color: #333; color: #fff; text-shadow: none; text-transform: capitalize; -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; -moz-transition: 0.3s all ease; transition: 0.3s all ease; text-decoration: none; } .atbs-ceris-block__aside-left .banner__button:hover{ opacity: 0.8; } .atbs-ceris-block__aside-left .banner .banner__text h2{ color: #fff; font-size: 42px; font-weight: 700; margin-bottom: 40px; } .atbs-ceris-block__aside-left .banner .banner__thumb{ background: #000; } .atbs-ceris-block__aside-left .banner .banner__thumb img{ height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; opacity: 0.8; } .atbs-ceris-block__aside-left .banner:before{ content:""; height: 100%; position: absolute; top: 0; left: 0; width: 100%; background: #333; z-index: -1; } @media (max-width: 1680px) { .atbs-ceris-block__aside-left .banner .banner__text h2 { font-size: 38px; } } @media (max-width: 1366px) { .atbs-ceris-block__aside-right .flexbox-wrap.flexbox-wrap-3i > * { width: 50% } } @media (max-width: 1199px) { .atbs-ceris-block__aside-left .banner .banner__text h2 { font-size: 32px; } } @media(max-width: 991px) { .atbs-ceris-block__aside-left .banner{ min-height: 380px; } .atbs-ceris-block__aside-left { padding-right: 0; margin-bottom: 30px; } .atbs-ceris-block__aside-right { padding: 0 30px; } .atbs-ceris-block__aside-right .flexbox-wrap.flex-space-40 { margin: -15px; } .atbs-ceris-block__aside-right .flexbox-wrap.flex-space-40 > * { padding: 15px } /**/ .atbs-ceris-block__aside-left .banner .banner__text h2 { font-size: 42px; margin-bottom: 20px; } } @media (max-width: 767px) { /**/ .atbs-ceris-block__aside-left .banner .banner__text h2 { font-size: 38px; } } @media(max-width: 576px) { .atbs-ceris-block__aside-right .flexbox-wrap.flexbox-wrap-3i > * { width: 100% } /**/ .atbs-ceris-block__aside-left .banner .banner__text h2 { font-size: 32px; } } @media(max-width: 480px) { .atbs-ceris-block__aside-left .banner__button { height: 40px; line-height: 40px; } /**/ .atbs-ceris-block__aside-left .banner .banner__text h2 { font-size: 30px; margin-bottom: 15px; } } /* .listing-grid-overlay-aside ----------------------- */ /* ----------------------- listing-grid-vertical-aside*/ @media(min-width: 992px){ .listing-grid-vertical-aside .posts-list{ padding-right: 40px; } } /* .listing-grid-vertical-aside ----------------------- */ /** Edit Post Meta **/ .owl-carousel .owl-item .post__meta img { display: initial; width: auto; } /** Edit Read More **/ .ceris-readmore-style-1.post__readmore { position: relative; margin-top: 15px; color: #888; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .ceris-readmore-style-1.post__readmore a { text-transform: uppercase; letter-spacing: 1px; font-size: 12px; } .ceris-readmore-style-1.post__readmore a { color: #999; } .ceris-readmore-style-1.post__readmore i { margin-left: 10px; padding-bottom: 2px; } @media(max-width: 767px) { .ceris-readmore-style-1.post__readmore { display: none; } } /** Hover on Post Overlay **/ .post--overlay .post__text { z-index: 1; pointer-events: none; } .post--overlay .post__text a{ pointer-events: auto; } .post--overlay .bookmark__buttons-wrap { pointer-events: auto; } /** ceris-post-vertical--cat-absolute **/ .ceris-post-vertical--cat-overlay a.post__cat { position: absolute; bottom: 0; left: 0; margin: 0 !important; } /** Center Readmore */ .readmore-center-has-line-around.post__readmore { position: relative; color: #666; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; margin-top: 20px; } .readmore-center-has-line-around.post__readmore i { display: none; } .readmore-center-has-line-around.post__readmore:before, .readmore-center-has-line-around.post__readmore:after{ content: ''; width: 30px; height: 1px; position: relative; display: inline-block; background: #ccc; } .readmore-center-has-line-around.post__readmore:before{ margin-right: 15px; } .readmore-center-has-line-around.post__readmore:after{ margin-left: 15px; } .readmore-center-has-line-around.post__readmore a { color: #999; text-transform: uppercase; font-size: 14px; font-weight: 500; } @media (max-width: 991px) { .readmore-center-has-line-around.post__readmore{ margin-top: 20px; } } @media (max-width: 480px) { .readmore-center-has-line-around.post__readmore a { font-size: 13px; font-weight: 500; } } @media (max-width: 360px) { .readmore-center-has-line-around.post__readmore a { font-size: 12px; font-weight: 500; } } /** Heading Styles **/ /** Init **/ .ceris-block-heading-loading .block-heading { opacity: 0 !important; } .block-heading.block-heading--style-1 .block-heading__title, .block-heading.block-heading--style-2 .block-heading__title, .block-heading.block-heading--style-3 .block-heading__title, .block-heading.block-heading--style-9 .block-heading__title{ padding: 10px 25px; background: #333; color: #fff !important; } .archive.category .block-heading.block-heading--style-1 .block-heading__title, .archive.category .block-heading.block-heading--style-2 .block-heading__title, .archive.category .block-heading.block-heading--style-3 .block-heading__title, .archive.category .block-heading.block-heading--style-9 .block-heading__title { color: #fff !important; } .block-heading.block-heading--style-1, .block-heading.block-heading--style-2, .block-heading.block-heading--style-3, .block-heading.block-heading--style-9{ border-color: #333; } .block-heading.block-heading--style-1:after, .block-heading.block-heading--style-2:after, .block-heading.block-heading--style-3:after { content: ''; -webkit-box-flex: 1; box-flex: 1; -moz-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; -webkit-box-ordinal-group: 2; box-ordinal-group: 2; -moz-order: 2; -webkit-order: 2; -moz-box-ordinal-group: 3; order: 2; -ms-flex-order: 2; border-top: 3px solid #666; border-color: inherit; } .block-heading.block-heading--style-1:after { -ms-flex-item-align: end; -webkit-align-self: flex-end; align-self: flex-end; } .block-heading.block-heading--style-2:after { -ms-flex-item-align: start; -webkit-align-self: flex-start; align-self: flex-start; } .block-heading.block-heading--style-3:after { -ms-flex-item-align: flex-center; -webkit-align-self: flex-center; align-self: flex-center; } /* -- Style 4 -- */ .block-heading.block-heading--style-4 { padding: 20px 0; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .block-heading.block-heading--style-4:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; border-top: 6px solid; } .block-heading.block-heading--style-4:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0.8; border-top: 2px solid; } .block-heading.block-heading--style-4 .page-heading__subtitle p { margin-left: auto; margin-right: auto; } /* -- Style 5 -- */ .block-heading.block-heading--style-5 { padding-top: 25px; } .block-heading.block-heading--style-5:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; border-top: 6px solid; display: block !important; } /* -- Style 6 & 7 & 8 -- */ .block-heading.block-heading--style-6 .block-heading__title, .block-heading.block-heading--style-7 .block-heading__title, .block-heading.block-heading--style-8 .block-heading__title { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;-moz-box-align: center;align-items: center; line-height: 1em; border-color: inherit; } /* -- Style 6 -- */ .block-heading.block-heading--style-6 .block-heading__title { padding-top: 5px; padding-left: 10px; } .block-heading.block-heading--style-6 .block-heading__title:before { content: ''; border-top: 3px solid #666; border-left: 3px solid #666; border-color: inherit; width: 10px; height: 10px; position: absolute; top: 0; left: 0; } .block-heading.block-heading--style-6 .page-heading__subtitle { padding-left: 10px; } /* -- Style 7 -- */ .block-heading.block-heading--style-7 .block-heading__title:before { content: ''; border: 8px solid #666; border-color: inherit; width: 1px; height: 1px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-right: 12px; } .archive.category .block-heading.block-heading--style-7 .block-heading__title, .block-heading.block-heading--style-7 .block-heading__title, .archive .block-heading.block-heading--style-7 .block-heading__title { color: #222 !important; } .block-heading.block-heading--style-7 .page-heading__subtitle { padding-left: 28px; } /* -- Style 8 -- */ .block-heading.block-heading--style-8 .block-heading__title:after { content: '+'; border: 1px solid #ddd; width: 30px; height: 30px; color: #888; font-size: 20px; text-align: center; margin-right: 10px; line-height: 28px; font-weight: 300; margin-left: 15px; } /* -- Style 9 --*/ .block-heading.block-heading--style-9 { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; row-gap: 20px; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; justify-content: flex-start; } .block-heading.block-heading--style-9 .block-heading__title { position: relative; border-color: inherit; margin-right: 20px; } .block-heading.block-heading--style-9 .block-heading__title:after { content: ''; position: absolute; top: 100%; left: 10px; margin: auto; width: 0; height: 0; border-style: solid; border-width: 7px 7px 0; border-color: #000 transparent transparent transparent; border-top-color: inherit; } .block-heading.block-heading--style-9 .page-heading__subtitle, .block-heading.block-heading--style-9 .page-heading__subtitle p { width: auto; margin-top: 0; } /* -- Style 10 -- */ .block-heading.block-heading--style-10 .block-heading__title:before { content: ''; border-top: 4px solid #666; border-color: inherit; width: 40px; height: 0px; display: block; margin-bottom: 15px; } /* -- Style 11 -- */ .block-heading.block-heading--style-11:after{ border-color: inherit; } /* -- Style 15 -- */ .block-heading.block-heading--style-15:after, .block-heading.block-heading--style-15:before{ border-color: inherit; } /* -- Heading Size -- */ /* lg */ @media(max-width: 1199px) { .the-heading-size-lg .block-heading .block-heading__title, .single .the-heading-size-lg .comment-reply-title, .the-heading-size-lg .page .comment-reply-title { font-size: 2.5714rem !important; /*36px*/ } } @media (min-width: 992px) and (max-width: 1199px) { .atbs-ceris-main-col .the-heading-size-lg .block-heading .block-heading__title, .single .atbs-ceris-main-col .the-heading-size-lg .comment-reply-title, .page .atbs-ceris-main-col .the-heading-size-lg .comment-reply-title { font-size: 2.2857rem !important; /*32px*/ } } @media(max-width: 991px) { .the-heading-size-lg .block-heading .block-heading__title, .the-heading-size-md .block-heading .block-heading__title{ font-size: 2.1428rem !important; /*30px*/ } .single .the-heading-size-lg .block-heading .block-heading__title, .single .the-heading-size-md .block-heading .block-heading__title, .single .the-heading-size-lg .comment-reply-title, .the-heading-size-lg .page .comment-reply-title, .single .the-heading-size-md .comment-reply-title, .the-heading-size-md .page .comment-reply-title { font-size: 1.8571rem !important; /*26px*/ } } @media(max-width: 767px) { .the-heading-size-lg .block-heading .block-heading__title, .the-heading-size-md .block-heading .block-heading__title{ font-size: 1.8571rem !important; /*26px*/ } } @media(max-width: 576px) { .the-heading-size-lg .block-heading, .the-heading-size-md .block-heading, .single .the-heading-size-lg .comment-reply-title, .the-heading-size-lg .page .comment-reply-title, .single .the-heading-size-md .comment-reply-title, .the-heading-size-md .page .comment-reply-title{ margin-bottom: 30px !important; } .the-heading-size-lg .block-heading .block-heading__title, .the-heading-size-md .block-heading .block-heading__title, .single .the-heading-size-lg .comment-reply-title, .the-heading-size-lg .page .comment-reply-title, .single .the-heading-size-md .comment-reply-title, .the-heading-size-md .page .comment-reply-title { font-size: 1.8571rem !important; /*26px*/ } } @media(max-width: 360px) { .the-heading-size-lg .block-heading .block-heading__title, .the-heading-size-md .block-heading .block-heading__title, .the-heading-size-sm .block-heading .block-heading__title, .single .the-heading-size-lg .comment-reply-title, .the-heading-size-lg .page .comment-reply-title, .single .the-heading-size-md .comment-reply-title, .the-heading-size-md .page .comment-reply-title, .single .the-heading-size-sm .comment-reply-title, .the-heading-size-sm .page .comment-reply-title { font-size: 1.5714rem !important; /*22px*/ } .single .the-heading-size-lg .block-heading .block-heading__title, .single .the-heading-size-md .block-heading .block-heading__title, .single .the-heading-size-lg .comment-reply-title, .the-heading-size-lg .page .comment-reply-title, .single .the-heading-size-md .comment-reply-title, .the-heading-size-md .page .comment-reply-title { font-size: 1.5714rem !important; /*22px*/ } } /** Single Page Next Article Popup **/ .single-next-article-info-popup.is-fixed { pointer-events: initial; visibility: visible; } .single-next-article-info-popup span.next-article-popup-heading { font-weight: 400; font-size: 13px; font-style: italic; color: #999; letter-spacing: 0.5px; } .single-next-article-info-popup .post__title { font-weight: 600; font-size: 16px; margin: 8px 0 10px 0; cursor: pointer; } .single-next-article-info-popup time { margin-right: 5px !important; color: #999; } .single-next-article-info-popup .ceris-article-wpm--wrap { display: inline-block; color: #999; } .single-next-article-info-popup .ceris-article-wpm { margin-right: 4px; } .single-next-article-info-popup .min-read-icon svg { -webkit-transform: translateY(3px); -moz-transform: translateY(3px); -ms-transform: translateY(3px); -o-transform: translateY(3px); transform: translateY(3px); } .single-next-article-info-popup .min-read-icon svg path { fill: #999; } .single-next-article-info-popup { background: #fff; border: none; position: fixed; text-align: left; bottom: 30px; left: 25px; color: #5e5e5e; padding: 25px; width: 300px; max-width: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: fixed; visibility: hidden; pointer-events: none; z-index: 50; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; -webkit-transform: translate3d(0, -webkit-calc(101% + 30px), 0); -ms-transform: translate3d(0, calc(101% + 30px), 0); -moz-transform: translate3d(0, -moz-calc(101% + 30px), 0); transform: translate3d(0, calc(101% + 30px), 0); -moz-box-shadow: 0 2px 7px rgba(0,0,0,.1); -webkit-box-shadow: 0 2px 7px rgba(0,0,0,.1); box-shadow: 0 2px 7px rgba(0,0,0,.1); } .single-next-article-info-popup .post__meta{ font-size: 11px; margin-bottom: 0; letter-spacing: 0.5px; } .single-next-article-info-popup.atbs-force-hidden, .single-next-article-info-popup.atbs-force-hidden-forever { -webkit-transform: translate3d(0, -webkit-calc(101% + 30px), 0) !important; -ms-transform: translate3d(0, calc(101% + 30px), 0) !important; -moz-transform: translate3d(0, -moz-calc(101% + 30px), 0) !important; transform: translate3d(0, calc(101% + 30px), 0) !important; } .single-next-article-info-popup.is-shown { pointer-events: initial; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .single-next-article-info-popup--close svg { width: 11px; height: 11px; cursor: pointer; } .single-next-article-info-popup--close svg path { fill: #bbb; } .single-next-article-info-popup--close svg:hover path { fill: #999; } .single-next-article-info-popup--close { position: absolute; top: 15px; right: 15px; } @media(max-width: 991px) { .single-next-article-info-popup { display: none; } } /** Header Currently Reading **/ .header-current-reading-article { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; display: none; padding: 0 50px; } .header-current-reading-article .current-reading-title { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; cursor: pointer; } .header-current-reading-article h5 { margin: 0; font-size: 16px; font-weight: 600; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; white-space: nowrap; max-width: 768px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .header-current-reading-article h5 a{ color: #222; text-decoration: none; } .header-current-reading-article .current-reading-article-label{ padding: 6px 12px; background: #3545ee; color: #fff; letter-spacing: 0.5px; font-size: 11px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-transform: uppercase; font-weight: 500; margin-right: 20px; } .sticky-header .navigation-bar .header-article-nav-icon { margin-right: 5px; padding: 0 10px; fill: #666; cursor: pointer; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .navigation-bar .header-article-nav-icon svg{ height: 22px; width: 22px; } .article-header-nav-hide.sticky-header .navigation-wrapper{ display: none; } .article-header-nav-hide.sticky-header .header-current-reading-article { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .header-article-nav-icon{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; } .article-header-nav-hide.sticky-header .header-article-nav-icon{ -webkit-transform: rotateY(0); -moz-transform: rotateY(0); transform: rotateY(0); } .sticky-header .ceris-article-wpm--wrap { line-height: 1; color: #888; position: relative; } .sticky-header .ceris-article-wpm--wrap:before { content: ''; width: 4px; height: 4px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: #888; margin-left: 20px; margin-right: 20px; display: block; } .sticky-header .ceris-article-wpm { margin-right: 5px; } @media(max-width: 1199px) { .sticky-header .ceris-article-wpm--wrap { display: none; } .header-current-reading-article h5 { max-width: 350px; } } /* cookie */ #cookie-notice { background-color: #f8f8f8 !important; display: none; } .cookie-notice-container { padding: 25px 50px; display: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } #cookie-notice .cn-text-container { color: #222222 !important; } #cookie-notice .cn-button { padding: 4px 25px; text-transform: uppercase; background-color: #3545EE; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-left: 20px !important; font-weight: 500; } .cn-close-icon:after, .cn-close-icon:before { background-color: #222222; } .cookie-notice-container #cn-notice-text { margin-bottom: 0 ; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 900px; text-align: center; font-size: 14px; text-align: left; line-height: 1.5; } @media (max-width: 767px) { .cookie-notice-container { -webkit-box-pack: initial; -webkit-justify-content: initial; -moz-box-pack: initial; -ms-flex-pack: initial; justify-content: initial; padding: 25px 60px 25px 30px; } .cookie-notice-container #cn-notice-text { margin-bottom: 15px; -webkit-box-flex: initial; -webkit-flex: initial; -moz-box-flex: initial; -ms-flex: initial; flex: initial; max-width: 100%; text-align: left; } #cookie-notice .cn-button { margin: 0 !important; } .cn-close-icon { top: 35px; } } /**/ .has-large-font-size { line-height: 1.4; } /** * Update Gutenberg Block */ .wp-block-button { margin-top: 28px; margin-bottom: 28px; } .wp-block-button.aligncenter { text-align: center; margin-left: auto; margin-right: auto; margin-top: 28px; margin-bottom: 28px; } /*Block Button */ .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover { color: #fff !important; } /*Block cover*/ .editor-styles-wrapper .block-editor-block-list__block { } .wp-block-cover:not(:last-child) { margin-bottom: 28px; } .wp-block-cover, .wp-block-cover-image { height: auto; } .wp-block-cover p:not(.has-text-color) { color: #fff; } .wp-block-cover p.wp-block-cover-text { padding: 35px; max-width: 100%; } .wp-block-cover .block-editor-block-list__block[data-type="core/paragraph"] p:first-child, .wp-block-cover p.wp-block-cover-text { margin-top: 0; } /** Block Quote **/ .wp-block-pullquote cite { font-style: italic; color: rgba(0, 0, 0, 0.6); font-size: 16px; } .wp-block-cover-image.alignleft + p, .wp-block-cover-image.alignright + p, .wp-block-cover.alignleft + p, .wp-block-cover.alignright + p, .blocks-gallery-grid.alignleft + p, .blocks-gallery-grid.alignright + p, .wp-block-gallery.alignleft, .wp-block-gallery.alignright + p { margin-top: 0; } @media (max-width: 576px) { .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.alignleft, .wp-block-cover.alignright, .blocks-gallery-grid.alignleft, .blocks-gallery-grid.alignright, .wp-block-gallery.alignleft, .wp-block-gallery.alignright{ width: 100%; max-width: 100%; } } /*Block gallery*/ .blocks-gallery-grid, .wp-block-gallery { padding-left: 0 !important; padding-right: 0 !important; } .blocks-gallery-caption, .wp-block-video figcaption { text-align: center; width: 100%; color: #555d66; font-size: 13px; margin-top: 5px; margin-bottom: 15px; } .blocks-gallery-grid { margin-bottom: 0 !important; } .wp-block-gallery + p { margin-top: 28px; margin-bottom: 28px; font-size: 16px; } /*Block Column*/ .wp-block-column p { margin-bottom: 0; } .wp-block-column .wp-block-image { margin-top: 28px; margin-bottom: 28px; } .wp-block-image figcaption, .wp-block-embed figcaption { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; display: -webkit-flex; margin: 0; padding: 10px 10px 0 10px; color: #666; text-align: center; font-weight: 400; font-size: 14px; font-family: 'Montserrat', sans-serif; line-height: 1.5; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .wp-block-media-text p { margin-bottom: 28px; } /*Block Categories: common*/ .wp-block-file a{ color: rgba(0, 0, 0, 0.85); } figure.wp-block-audio{ margin-bottom: 28px; } .has-drop-cap:not(:focus):first-letter { font-weight: inherit; font-size: 5em; line-height: .825; } .wp-block-cover .has-large-font-size { margin-bottom: 0; } /*Block category: Embeds*/ .wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before { padding-top: 0; } .wp-block-embed:not(:last-child) { margin-bottom: 28px; } .wp-block-embed .atbs-ceris-responsive-video { margin-bottom: 0; } /*Block category: Widgets*/ .single-body--content > [class *= 'wp-block-']:not(:last-child) { margin-bottom: 28px; } .wp-block-calendar table { margin-bottom: 0; } .wp-block-calendar table th, .wp-block-calendar table caption{ text-align: center; } /*.single-body--content > [class *= 'wp-block-']:not(.wp-block-cover):not(.wp-block-quote):not(.wp-block-latest-posts) a:not(.wp-block-file__button):not(.wp-block-latest-comments__comment-author):not(.wp-block-latest-comments__comment-link):hover,*/ .wp-block-categories li > a, .wp-block-archives li > a, .wp-block-calendar table a, .wp-block-calendar nav a, .wp-block-tag-cloud a{ color: rgba(0,0,0,0.8) ; } .wp-block-tag-cloud a { margin-right: 5px; } .wp-block-tag-cloud a:hover { color: rgba(0,0,0,1); } /*Block category: Layout Elements*/ .wp-block-group.has-background { padding: 20px 30px; } .wp-block-group.has-background .wp-block-button{ margin-top: 28px; margin-bottom: 28px; } .wp-block-group.has-background .wp-block-button__link, .wp-block-group.has-background .wp-block-button__link:hover{ font-size: 16px; color: #fff; } .wp-block-separator:not(.is-style-wide):not(.is-style-dots) { position: relative; display: block; margin-top: 30px; margin-bottom: 30px; max-width: 100%; width: 100%; height: 10px; border: none; background-color: transparent; background-image: -webkit-radial-gradient(currentColor 1px, transparent 1px); background-image: -moz-radial-gradient(currentColor 1px, transparent 1px); background-image: -o-radial-gradient(currentColor 1px, transparent 1px); background-image: radial-gradient(currentColor 1px, transparent 1px); background-position: 1px 1px; -webkit-background-size: 5px 5px; -moz-background-size: 5px 5px; -o-background-size: 5px 5px; background-size: 5px 5px; background-repeat: repeat; opacity: .25; } .wp-block-separator:not(.is-style-dots) { position: relative; display: block; margin-top: 30px; margin-bottom: 30px; height: 10px; border: none; background-color: transparent; background-image: -webkit-radial-gradient(currentColor 1px, transparent 1px); background-image: -moz-radial-gradient(currentColor 1px, transparent 1px); background-image: -o-radial-gradient(currentColor 1px, transparent 1px); background-image: radial-gradient(currentColor 1px, transparent 1px); background-position: 1px 1px; -webkit-background-size: 5px 5px; -moz-background-size: 5px 5px; -o-background-size: 5px 5px; background-size: 5px 5px; background-repeat: repeat; opacity: 1; } .wp-block-separator.is-style-dots { background: none!important; border: none; text-align: center; max-width: none; line-height: 1; height: auto; } .wp-block-preformatted { margin-top: 28px; } .wp-block-quote.is-large p, .wp-block-quote.is-style-large p{ font-style: normal; } .wp-block-table table { width: 100%; border-spacing: 0; border-collapse: collapse; border: 1px solid rgba(0, 0, 0, .025); margin-bottom: 0; } .wp-block-table td, .wp-block-table th { padding: 0.8em; border: 1px solid #eee; } .wp-block-table tbody tr:nth-child(2n) { background-color: rgba(0, 0, 0, .025); } .wp-block-search__button { background: #333; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 0 15px; height: 53px; line-height: 53px; color: #fff; border: 0; font-size: 17px; } .wp-block-search .wp-block-search__label { font-size: 17px; margin-bottom: 5px; } .page-template-default .typography-copy > p:last-child { margin-bottom: 0; } /** Audio Block **/ .wp-block-audio figcaption { color: #555d66; font-size: 13px; text-align: center; } /** Video **/ .wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before { padding: 0; } .wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper .atbs-ceris-responsive-video { padding-bottom: 75%; } /** Theme Check Issue **/ /** * Menu To Left */ .atbs-submenu-to-left .sub-menu { right: -webkit-calc(100%) !important; right: -moz-calc(100%) !important; right: calc(100%) !important; left: auto !important; } .atbs-submenu-to-right .sub-menu{ right: auto !important; bottom: auto !important; left: 100% !important; } /** WPForms **/ div.wpforms-container-full .wpforms-form button[type=submit] { border: 0; background: var(--color-logo); color: #fff; padding: 0 20px; min-height: 45px; border-radius: 3px; } div.wpforms-container-full .wpforms-form button[type=submit]:hover { border: 0; color: #fff; opacity: 0.8; } div.wpforms-container-full .wpforms-form .wpforms-field { margin-bottom: 25px; } div.wpforms-container-full .wpforms-form label.wpforms-error { display: block; color: #990000; font-size: 13px; float: none; cursor: default; font-weight: 400; margin: 10px 0 0 0; } .bk-lwa.navigation-bar-btn .avatar{ height: 26px; width: 26px; } /*======================================== Dark Mode ========================================*/ /**/ .ceris-dark-mode { --background-dark-mode: #222222; --background-dark-mode-aside: #353535; --background-dark-mode-aside_07: rgba(53,53,53,0.7); --background-dark-mode-aside_0: rgba(53,53,53,0); --color-border: rgba(255,255,255,0.1); background-color: var(--background-dark-mode); } .ceris-dark-mode .set-background-module { background-color: var(--background-dark-mode-aside); } .ceris-dark-mode [class*="list-seperated"]>*:not(:last-child) { border-color: var(--color-border); } .ceris-dark-mode .list-seperated-exclude-first>*:first-child { border: none; } .ceris-dark-mode .post--horizontal-border { border-color: var(--color-border); } .ceris-dark-mode article[data-dark-mode="true"] .post__text:not(.text-color-black) a.post__cat { color: #fff !important; } .ceris-dark-mode .block-heading__subtitle { color: rgba(255,255,255,0.4); } .ceris-dark-mode article[data-dark-mode="true"] .post__text:not(.text-color-black) a.post__cat { color: #fff !important; } .ceris-dark-mode .atbs-ceris-carousel-heading-aside .block-carousel-heading .block-carousel-heading__title, .ceris-dark-mode .widget .widget__title .widget__title-text, .ceris-dark-mode .block-heading__subtitle p, .ceris-dark-mode .block-heading .block-heading__title, .ceris-dark-mode article[data-dark-mode="true"] a.post__cat , .ceris-dark-mode article[data-dark-mode="true"] .post__title, .ceris-dark-mode article[data-dark-mode="true"] .post-comment a { color: #fff !important; } .ceris-dark-mode article[data-dark-mode="true"] .entry-author__name, .ceris-dark-mode article[data-dark-mode="true"] a.entry-author__name, .ceris-dark-mode article[data-dark-mode="true"] .post__excerpt, .ceris-dark-mode article[data-dark-mode="true"] .post-author__socials a, .ceris-dark-mode article[data-dark-mode="true"] time.time, .ceris-dark-mode article[data-dark-mode="true"] .comment-count a, .ceris-dark-mode article[data-dark-mode="true"] .view-count, .ceris-dark-mode article[data-dark-mode="true"] .list-index, .ceris-dark-mode article[data-dark-mode="true"] .post__meta, .ceris-dark-mode article[data-dark-mode="true"] .post__meta a, .ceris-dark-mode article[data-dark-mode="true"] .entry-meta, .ceris-dark-mode article[data-dark-mode="true"] .entry-meta a, .ceris-dark-mode article[data-dark-mode="true"] .post__meta span.post-comment-counter, .ceris-dark-mode article[data-dark-mode="true"] .post__meta span.post-view-counter { color: #999 !important; } .ceris-dark-mode article[data-dark-mode="true"] .post__readmore a.button__readmore, .ceris-dark-mode article[data-dark-mode="true"] .post__readmore a.button__readmore span, .ceris-dark-mode article[data-dark-mode="true"] .entry-more a, .ceris-dark-mode .atbssuga-pagination a.read-more-link { color: #fff !important; } .ceris-dark-mode article[data-dark-mode="true"] .post__meta-count-interactive span:not(:last-child):after { background-color: rgba(255,255,255,0.25); } .ceris-dark-mode article[data-dark-mode="true"] .entry-more a svg { fill: #fff; } .ceris-dark-mode .atbs-ceris-search-full--result .atbs-ceris-pagination .btn, .ceris-dark-mode .atbs-ceris-pagination [class*='js-ajax-load-'] { border-color: rgba(255,255,255,0.15); } .ceris-dark-mode .owl-carousel .owl-dot.active span { background: rgba(255, 255, 255, 0.8) !important; } .ceris-dark-mode .owl-carousel .owl-dot span { background: rgba(255, 255, 255, 0.5) !important; } .ceris-dark-mode .single-header-with-bg { background-color: var(--background-dark-mode-aside); } @media (min-width: 1276px) { .ceris-dark-mode .owl-carousel.carousel-dots-count-number .owl-dot.active span { background-color: var(--background-dark-mode-aside) !important; color: #fff !important; } .ceris-dark-mode .owl-carousel.carousel-dots-count-number .owl-dot:not(.active) span { background-color: var(--background-dark-mode-aside); opacity: 0.1; } .ceris-dark-mode .carousel-dots-count-number .owl-dot:before { color: #fff !important; } } .ceris-dark-mode .atbs-ceris-carousel-nav-custom-holder .owl-prev, .ceris-dark-mode .atbs-ceris-carousel-nav-custom-holder .owl-next { color: #fff !important; background-color: var(--background-dark-mode-aside) !important; border-color: var(--color-border) !important; } .ceris-dark-mode .atbs-ceris-carousel-nav-custom-holder .owl-number { color: #fff; } .ceris-dark-mode .owl-carousel.button--dots-center-nav .owl-prev, .ceris-dark-mode .owl-carousel.button--dots-center-nav .owl-next { color: #fff !important; border: 1px solid var(--color-border) !important; } .ceris-dark-mode .owl-carousel .owl-prev, .ceris-dark-mode .owl-carousel .owl-next { color: #fff !important; background-color: var(--background-dark-mode-aside) !important; border-color: var(--color-border) !important; } .ceris-dark-mode .widget-slide .owl-carousel .owl-prev, .ceris-dark-mode .widget-slide .owl-carousel .owl-next { background: none !important; } .ceris-dark-mode .owl-carousel .owl-prev i, .ceris-dark-mode .owl-carousel .owl-next i { color: #fff; } .ceris-dark-mode .atbs-ceris-carousel-nav-custom-holder .owl-number { color: #fff; } .ceris-dark-mode .widget-slide .owl-carousel .owl-prev i, .ceris-dark-mode .widget-slide .owl-carousel .owl-next i { color: rgba(255,255,255,0.4); } /*Module*/ /*Featured Width List Horizontal*/ .ceris-dark-mode .atbs-ceris-featured-with-list--horizontal-list .sub-posts { background-color: var(--background-dark-mode-aside); } /*Featured Slider A*/ .ceris-dark-mode .atbs-ceris-feature-slider .post__text--wrap, .ceris-dark-mode .atbs-ceris-feature-slider .owl-prev, .ceris-dark-mode .atbs-ceris-feature-slider .owl-next, .ceris-dark-mode .atbs-ceris-feature-slider .owl-number { background-color: var(--background-dark-mode-aside) !important; color: #fff !important; } /*Featured Module A*/ .ceris-dark-mode .atbs-ceris-posts-feature .post-sub .list-item:hover{ background-color: var(--background-dark-mode); } .ceris-dark-mode .atbs-ceris-posts-feature .post-sub .list-item:hover a.post__cat[class *='cat-'], .ceris-dark-mode .atbs-ceris-posts-feature .post-sub .list-item:hover .post__cat, .ceris-dark-mode .atbs-ceris-posts-feature .post-sub .list-item:hover .post__title, .ceris-dark-mode .atbs-ceris-posts-feature .post-sub .list-item:hover .readmore-normal a{ color: #fff !important; } .ceris-dark-mode .atbs-ceris-posts-feature .post-sub .list-item:hover a.post__cat[class *='cat-']:before, .ceris-dark-mode .atbs-ceris-posts-feature .post-sub .list-item:hover .post__cat:before{ background-color: var(--color-logo); } @media (max-width: 576px) { .ceris-dark-mode .atbs-ceris-posts-feature .post-sub .list-item:not(:last-child) { border-color: var(--color-border); } .ceris-dark-mode .atbs-ceris-posts-feature .post-sub .list-item { background-color: var(--background-dark-mode); } .ceris-dark-mode .atbs-ceris-posts-feature .post-sub .list-item:not(:nth-child(2)) a.post__cat[class *='cat-'] { color: #fff !important; } } /*Featured Module B*/ .ceris-dark-mode .atbs-ceris-posts-feature-d-update .post-main, .ceris-dark-mode .atbs-ceris-posts-feature-d-update .post-sub { background-color: var(--background-dark-mode); border-color: var(--color-border); } /*Featured Module C*/ .ceris-dark-mode .atbs-ceris-posts-feature-c-update.ceris-light-mode .block__inner--wrap, .ceris-dark-mode .atbs-ceris-posts-feature-c-update.ceris-dark-mode .block__inner--wrap { background-color: var(--background-dark-mode-aside) !important; border-color: var(--color-border); } /*Featured Module D*/ .ceris-dark-mode .atbs-ceris-posts-feature-b-update .post-sub { background-color: var(--background-dark-mode-aside); } /*Featured Module E*/ .ceris-dark-mode .atbs-ceris-posts-feature-a-update .post-sub { background-color: var(--background-dark-mode-aside); } /*Featured Module H*/ .ceris-dark-mode .ceris-feature-h .post--card-overlay-no-background .post__thumb--overlay.post__thumb:after, .ceris-dark-mode .ceris-feature-h .owl-item.active + .owl-item.active .post--card-overlay-no-background .post__thumb--overlay.post__thumb:after { background-color: var(--background-dark-mode-aside); } .ceris-dark-mode .ceris-feature-h .owl-item.active + .owl-item.active .post--card-overlay-no-background a.post__cat, .ceris-dark-mode .ceris-feature-h .owl-item.active + .owl-item.active .post--card-overlay-no-background .post__title a, .ceris-dark-mode .ceris-feature-h .owl-item.active + .owl-item.active .post--card-overlay-no-background .entry-author__name { color: #fff !important; } /*Featured Module I*/ .ceris-dark-mode .ceris-feature-i .sub-posts, .ceris-dark-mode .post--overlap-top-right .post__text-wrap { background-color: var(--background-dark-mode); } /*Featured Module J*/ .ceris-dark-mode .ceris-feature-j .sub-posts .atbs-ceris-carousel-nav-custom-holder > *:not(:last-child) { color: #fff; } /*Featured Module L*/ .ceris-dark-mode .ceris-feature-l .sub-posts { background-color: var(--background-dark-mode); } /*Featured Module About*/ .ceris-dark-mode .ceris-about-module .about__content { background-color: var(--background-dark-mode-aside); } .ceris-dark-mode .ceris-about-module .about__title { color: #fff; } .ceris-dark-mode .ceris-about-module .about__title a { color: #fff; } .ceris-dark-mode .ceris-about-module .about__text { color: #999; } .ceris-dark-mode .about-signature { filter: invert(1); } /*Grid Carousel A*/ .ceris-dark-mode .grid-carousel--wrap { background-color: var(--background-dark-mode-aside); } .ceris-dark-mode .post--horizontal-thumb__top { background-color: var(--background-dark-mode); } /*Grid Carousel B*/ .ceris-dark-mode .atbs-ceris-post--grid-a-update .owl-carousel .owl-item:not(.active) + .owl-item.active { border-color: var(--color-border); } .ceris-dark-mode .post-no-thumb-height-default { border-color: var(--color-border); } @media (max-width: 767px) { .ceris-dark-mode .atbs-ceris-post--grid-a-update { background-color: var(--background-dark-mode-aside) } .ceris-dark-mode .post-no-thumb-height-default[data-dark-mode="true"] { background-color: var(--background-dark-mode); } } .ceris-dark-mode .atbs-ceris-grid-carousel .owl-dot:before { color: #fff; } /*Grid C*/ .ceris-dark-mode .atbs-ceris-post-slide-has-list .atbs-ceris-post-slide-text-center .post__text-wrap { background-color: var(--background-dark-mode-aside); } /*Grid D*/ .ceris-dark-mode .ceris-grid-d .post--horizontal-thumb-radius[data-dark-mode="true"] { background-color: var(--background-dark-mode-aside); } .ceris-dark-mode .post--horizontal-thumb-radius[data-dark-mode="true"] { background-color: var(--background-dark-mode); } /*Grid E*/ .ceris-dark-mode .atbs-ceris-post--grid-c-update .atbs-ceris-block__inner { background-color: var(--background-dark-mode-aside); } .ceris-dark-mode .atbs-ceris-post--grid-c-update .post-main .owl-item.active + .owl-item.active .post-no-thumb-title-line, .ceris-dark-mode .atbs-ceris-post--grid-c-update .post-main .owl-item.active + .owl-item.active + .owl-item .post-no-thumb-title-line, .ceris-dark-mode .atbs-ceris-post--grid-c-update .post-main .owl-item.active + .owl-item.active + .owl-item .post-no-thumb-title-line{ background-color: var(--background-dark-mode); } .ceris-dark-mode .atbs-ceris-post--grid-c-update .post-main .owl-item.active + .owl-item.active .post__cat, .ceris-dark-mode .atbs-ceris-post--grid-c-update .post-main .owl-item.active + .owl-item.active .post__title, .ceris-dark-mode .atbs-ceris-post--grid-c-update .post-main .owl-item.active + .owl-item.active .post__excerpt { color: #fff; } .ceris-dark-mode .post-no-thumb-title-line { background-color: var(--background-dark-mode-aside); } .ceris-dark-mode .atbs-ceris-post--grid-c-update .atbs-ceris-carousel.nav-circle .owl-prev, .ceris-dark-mode .atbs-ceris-post--grid-c-update .atbs-ceris-carousel.nav-circle .owl-next{ background-color: var(--background-dark-mode-aside) !important; box-shadow: 0px 0px 1px rgb(255 255 255 / 40%); color: #fff !important; } /*Grid G*/ .ceris-dark-mode .atbs-ceris-post--grid-f-update { background-color: var(--background-dark-mode-aside); } .ceris-dark-mode .post-no-thumb-has-comment[data-dark-mode="true"] { background-color: var(--background-dark-mode); } .ceris-dark-mode .post-no-thumb-has-comment[data-dark-mode="true"] .post__meta { border-color: var(--color-border); } .ceris-dark-mode .post-no-thumb-has-comment[data-dark-mode="true"] .post__meta span:not(:last-child):after { background-color: var(--background-dark-mode-aside); opacity: 0.6; } /*Grid H*/ .ceris-dark-mode .post-background-white { background-color: var(--background-dark-mode); } .ceris-dark-mode .atbs-ceris-post--grid-g-update { background-color: var(--background-dark-mode-aside); } .ceris-dark-mode .atbs-ceris-post--grid-g-update .post-list { background-color: var(--background-dark-mode); } .ceris-dark-mode .post--vertical-thumb-default[data-dark-mode="true"] .post__meta { border-color: var(--color-border); } @media (max-width: 991px) { .ceris-dark-mode .atbs-ceris-post--grid-g-update .post-list { background-color: transparent; } .ceris-dark-mode .atbs-ceris-post--grid-g-update .post-list .post--horizontal-thumb-radius[data-dark-mode="true"] { background-color: var(--background-dark-mode); } } /*Grid I*/ .ceris-dark-mode .post-list-no-thumb-3i .list-item { background-color: var(--background-dark-mode-aside); } .ceris-dark-mode .post-list-no-thumb-3i .list-item:not(:last-child):after { background-color: var(--color-border); } @media (max-width: 767px) { .ceris-dark-mode .atbs-ceris-video-has-post-list .post-list-no-thumb-3i .list-item:not(:last-child) { border-color: var(--color-border); } } /*Grid J*/ .ceris-dark-mode .has-border-line-padding-30 { border-color: var(--color-border); } /*Grid L*/ .ceris-dark-mode .post-horizontal-text-space-between[data-dark-mode="true"] { background-color: var(--background-dark-mode-aside); } @media (max-width: 576px) { .ceris-dark-mode .atbs-ceris-post--grid-k-update .post--vertical-reverse-text-wrap { border-color: var(--color-border); } } /*Grid M*/ .ceris-dark-mode .ceris-grid-m { background-color: var(--background-dark-mode-aside); } /*Grid S*/ .ceris-dark-mode .post--card[data-dark-mode="true"] { background-color: var(--background-dark-mode-aside); border-color: var(--color-border); } .ceris-dark-mode .post--card[data-dark-mode="true"] .post__footer { border-color: rgba(255, 255, 255, 0.05); background: var(--background-dark-mode-aside); } @media (min-width: 768px) { .ceris-dark-mode .post--card[data-dark-mode="true"] .post__footer:before { background: linear-gradient(0deg, var(--background-dark-mode-aside) 0, var(--background-dark-mode-aside_07) 70%, var(--background-dark-mode-aside_0) 100%); } } /*Block Grid b*/ .ceris-dark-mode .ceris-posts-block-grid-b-no-sidebar ul >*:not(:last-child) { border-color: var(--color-border); } /*Block Grid F*/ .ceris-dark-mode .ceris_posts_block_grid_f_no_sidebar .post--grid-right .post--grid-item:not(:last-child):before { background-color: var(--color-border); } /*Block Grid H*/ .ceris-dark-mode .ceris_posts_block_grid_g_no_sidebar .post--grid-right .post--grid-item:not(:last-child):before { background-color: var(--color-border); } /**/ .ceris-dark-mode .atbs-ceris-block__aside-left .banner .banner__thumb { background-color: var(--background-dark-mode-aside); } /*Listing Grid Has Slider*/ .ceris-dark-mode .atbs-ceris-post--vertical-3i-row .owl-carousel .owl-nav:before { background-color: var(--background-dark-mode); } .ceris-dark-mode .atbs-ceris-post--vertical-3i-row .owl-carousel .owl-nav:before { background-color: var(--color-border); } .ceris-dark-mode .atbs-ceris-post--vertical-3i-row .owl-carousel { border-color: var(--color-border); } /*Listing List C*/ .ceris-dark-mode .post--horizontal-hasbackground.post[data-dark-mode="true"] { background-color: var(--background-dark-mode-aside); } /*Listing List G*/ .ceris-dark-mode .post--horizontal-fullwidth-thumb-50[data-dark-mode="true"] { background-color: var(--background-dark-mode-aside) !important; } /*Listing List Large A*/ .ceris-dark-mode .post--overlay-text-center--bg[data-dark-mode="true"] .post__text-wrap { background-color: var(--background-dark-mode-aside) !important; } /*Listing List Large B*/ .ceris-dark-mode .post--overlay-text-bottom-center--bg[data-dark-mode="true"] .post__text-wrap { background-color: var(--background-dark-mode-aside) !important; } /*Listing Grid F*/ .ceris-dark-mode .post--vertical-thumb-70-background[data-dark-mode="true"] { background-color: var(--background-dark-mode-aside); } /*Author*/ .ceris-dark-mode .ceris-author-list .author-box.author-box-vertical .author-name a { color: #fff; } .ceris-dark-mode .ceris-author-list .author-box.author-box-vertical .entry-author__task { color: #999; } /*Categories*/ .ceris-dark-mode .ceris-category-tiles .atbs-ceris-block__inner { background-color: var(--background-dark-mode-aside); } .ceris-dark-mode .category-nothumb-cat-large { background-color: var(--background-dark-mode); } .ceris-dark-mode .category-nothumb-cat-large .category-name a { color: #fff; } .ceris-dark-mode .category-nothumb-cat-large .category-description .category-tile__description, .ceris-dark-mode .category-nothumb-cat-large .category-read-more a { color: #fff; } /*Block Main Col B*/ .ceris-dark-mode .atbs-ceris-post--listing-slider .atbs-ceris-block__inner .post-main, .ceris-dark-mode .atbs-ceris-post--listing-slider .atbs-ceris-block__inner .post-sub, .ceris-dark-mode .post-slide-listing-fullwidth .post__text { background-color: var(--background-dark-mode); } /*Listing ALT A*/ .ceris-dark-mode .post-list-no-thumb-3i .list-item:not(:last-child) { border-color: var(--color-border); } /**/ .ceris-dark-mode .navigation-bar--fullwidth { background-color: var(--background-dark-mode-aside) !important; } .ceris-dark-mode .site-header { box-shadow: 0px 3px 2px 0px rgba(255, 255, 255, 0.03), 0 1px 0 0 rgba(255, 255, 255, 0.04), 0 -1px 0 0 rgba(255, 255, 255, 0.04); } .ceris-dark-mode .site-header, .ceris-dark-mode.header-1 .header-main, .ceris-dark-mode.header-2 .header-main, .ceris-dark-mode.header-3 .site-header, .ceris-dark-mode.header-4 .navigation-bar, .ceris-dark-mode.header-5 .navigation-bar, .ceris-dark-mode.header-6 .navigation-bar, .ceris-dark-mode.header-7 .header-main, .ceris-dark-mode.header-8 .header-main, .ceris-dark-mode.header-9 .site-header, .ceris-dark-mode.header-10 .navigation-bar, .ceris-dark-mode.header-11 .navigation-bar, .ceris-dark-mode.header-13 .navigation-bar, .ceris-dark-mode.header-14 .header-main, .ceris-dark-mode.header-14 .header-bg-main-color, .ceris-dark-mode.header-15 .header-main, .ceris-dark-mode.header-16 .navigation-bar, .ceris-dark-mode.header-17 .navigation-bar, .ceris-dark-mode.header-18 .navigation-bar, .ceris-dark-mode.header-12 .header-main { background-color: var(--background-dark-mode) !important; } .ceris-dark-mode .site-header .navigation-custom-bg-color, .ceris-dark-mode .site-header .navigation-bar .navigation-custom-bg-color { background-color: var(--background-dark-mode-aside) !important; } .ceris-dark-mode .menu-icon a span:not(.menu-icon--text), .ceris-dark-mode .menu-icon a span:not(.menu-icon--text):after, .ceris-dark-mode .menu-icon a span:not(.menu-icon--text):before{ background-color: #fff; } .ceris-dark-mode .navigation--main>li>a, .ceris-dark-mode .social-list > li > a { color: #fff !important; } .ceris-dark-mode .btn-default { color: #fff !important; background-color: var(--background-dark-mode-aside) !important; } .ceris-dark-mode .navigation-bar-btn { color: #fff !important; } .ceris-dark-mode.header-11 .offcanvas-menu-toggle { border-color: var(--color-border); } .ceris-dark-mode .space-seperated >*:not(:first-child) { border-color: var(--color-border); } /**/ .ceris-dark-mode.header-14 .icon-menu { border-color: var(--color-border) !important; } .ceris-dark-mode.header-14 .navigation-bar:before { background-color: var(--color-border); z-index: 1; } .ceris-dark-mode .sticky-header { color: #fff; } @media (min-width: 992px) { .ceris-dark-mode .search-border-right, .ceris-dark-mode.header-14 .header-logo { border-color: var(--color-border); } } .ceris-dark-mode .navigation--offcanvas li>a { color: #fff !important; } .ceris-dark-mode .social-list > li > a { color: rgba(255, 255, 255, 0.6); } .ceris-dark-mode .atbs-ceris-mega-menu, .ceris-dark-mode .navigation--main>li>.sub-menu, .ceris-dark-mode .navigation--main li>.sub-menu .sub-menu{ background-color: var(--background-dark-mode-aside); } .ceris-dark-mode .sub-menu>li>a, .ceris-dark-mode .navigation--main .sub-menu { color: #fff; } .ceris-dark-mode .navigation--main .sub-menu a { color: rgba(255,255,255,0.8); } .ceris-dark-mode .navigation .sub-menu li:not(:last-child), .ceris-dark-mode .atbs-ceris-mega-menu__inner>.sub-menu>li>a { border-color: var(--color-border); } .ceris-dark-mode .mobile-header { background-color: var(--background-dark-mode-aside); } .ceris-dark-mode .mobile-header-btn:hover, .ceris-dark-mode .mobile-header-btn { color: #fff; } .ceris-dark-mode .atbs-ceris-offcanvas { background-color: var(--background-dark-mode-aside); } .ceris-dark-mode .atbs-ceris-offcanvas__section:not(:first-child) { border-color: var(--color-border); } @media (min-width: 992px) { .ceris-dark-mode .atbs-ceris-offcanvas { background-color: var(--background-dark-mode-aside); } .ceris-dark-mode .atbs-ceris-offcanvas .atbs-ceris-offcanvas__title .atbs-ceris-offcanvas-close--wrap, .ceris-dark-mode .atbs-ceris-offcanvas-close .label-icon { color: #fff; } .ceris-dark-mode .atbs-ceris-offcanvas .border-right { border-color: var(--color-border); } .ceris-dark-mode .btn-nav-show_full { color: #fff; border: 1px solid var(--color-border); } } .ceris-dark-mode .atbs-ceris-search-full { background-color: var(--background-dark-mode-aside); } .ceris-dark-mode .atbs-ceris-search-full .search-form__input { background-color: var(--background-dark-mode); } .ceris-dark-mode #atbs-ceris-search-remove { color: #fff; } .ceris-dark-mode .atbs-ceris-search-full .search-recommend-articles .post-list:before { background-color: var(--color-border); } .ceris-dark-mode .atbs-ceris-search-full .search-recommend-articles .list-item:before { background-color: rgba(255,255,255,0.5); } /*Footer*/ .ceris-dark-mode .site-footer { color: #fff; } .ceris-dark-mode .site-footer .site-logo a { color: rgba(255, 255, 255, 0.8) !important; } .ceris-dark-mode .ceris-footer .navigation--footer > li > a, .ceris-dark-mode .ceris-footer .atbs-ceris-offcanvas a, .ceris-dark-mode .navigation--footer>li>a { color: #fff !important; } .ceris-dark-mode .site-footer, .ceris-dark-mode .footer-3.site-footer, .ceris-dark-mode .footer-5.site-footer, .ceris-dark-mode .footer-6.site-footer, .ceris-dark-mode .site-footer.footer-7 .site-footer__section:first-child, .ceris-dark-mode .site-footer.footer-8 .site-footer__section:first-child { background-color: var(--background-dark-mode-aside); } .ceris-dark-mode .site-footer__section--bordered, .ceris-dark-mode .site-footer__section--bordered-inner .site-footer__section-inner { border-color: var(--color-border); } .ceris-dark-mode input[type="text"], .ceris-dark-mode input[type="email"], .ceris-dark-mode input[type="url"], .ceris-dark-mode input[type="password"], .ceris-dark-mode input[type="search"], .ceris-dark-mode input[type="tel"], .ceris-dark-mode input[type="number"], .ceris-dark-mode textarea, .ceris-dark-mode textarea.form-control, .ceris-dark-mode select, select.form-control { background-color: var(--background-dark-mode); border-color: var(--color-border); color: #fff; } .ceris-dark-mode input::placeholder, .ceris-dark-mode textarea::placeholder { color: #fff; } /*Widget*/ .ceris-dark-mode .apsl-widget, .ceris-dark-mode .widget_nav_menu li>a, .ceris-dark-mode .widget_text, .ceris-dark-mode .widget_rss, .ceris-dark-mode .widget_pages li, .ceris-dark-mode .widget_archive li, .ceris-dark-mode .widget_categories li, .ceris-dark-mode .widget_meta li, .ceris-dark-mode .widget_recent_entries li, .ceris-dark-mode .widget_archive li>a, .ceris-dark-mode .widget_calendar table, .ceris-dark-mode .widget_categories li>a, .ceris-dark-mode .widget_meta li>a, .ceris-dark-mode .widget_pages li>a, .ceris-dark-mode .widget_recent_entries li>a { color: rgba(255, 255, 255, 0.8); } .ceris-dark-mode .widget_text cite { color: rgba(255,255,255,0.6); } .widget_text ol , .widget_text ul { padding-left: 40px; } .widget_text figure figcaption:not(:first-child) { margin-top: 15px; } .ceris-dark-mode .widget_media_video .mejs-container, .ceris-dark-mode .widget_media_video .mejs-container, .ceris-dark-mode .widget_media_video .mejs-controls, .ceris-dark-mode .widget_media_video .mejs-embed, .ceris-dark-mode .widget_media_video .mejs-embed body, .ceris-dark-mode .widget_media_audio .mejs-container, .ceris-dark-mode .widget_media_audio .mejs-container, .ceris-dark-mode .widget_media_audio .mejs-controls, .ceris-dark-mode .widget_media_audio .mejs-embed, .ceris-dark-mode .widget_media_audio .mejs-embed body { background-color: var(--background-dark-mode-aside); } /* site footer dark mode*/ .ceris-dark-mode .site-footer .widget_media_video .mejs-container, .ceris-dark-mode .site-footer .widget_media_video .mejs-container, .ceris-dark-mode .site-footer .widget_media_video .mejs-controls, .ceris-dark-mode .site-footer .widget_media_video .mejs-embed, .ceris-dark-mode .site-footer .widget_media_video .mejs-embed body, .ceris-dark-mode .site-footer .widget_media_audio .mejs-container, .ceris-dark-mode .site-footer .widget_media_audio .mejs-container, .ceris-dark-mode .site-footer .widget_media_audio .mejs-controls, .ceris-dark-mode .site-footer .widget_media_audio .mejs-embed, .ceris-dark-mode .site-footer .widget_media_audio .mejs-embed body { background-color: var(--background-dark-mode); } .widget_text figure figcaption { color: rgba(255,255,255,0.6); } .widget_text hr { border-color: rgba( 255,255,255,0.05); } .widget_text .btn-group { margin-bottom: 1rem; } .widget .widget__title.block-heading--line { display: flex; flex-wrap: nowrap; } .widget .block-heading--line.block-heading:after { min-width: 50px; } .inverse-text .wp-block-pullquote cite , .inverse-text .widget caption { color: rgba(255,255,255,0.6); } .inverse-text .widget_calendar thead { background-color: transparent; } .inverse-text .widget_calendar table { color: rgba(255,255,255,0.8); border: 1px solid #eee; } .ceris-dark-mode .inverse-text .widget_calendar table { border: 1px solid rgba(255,255,255,0.015); } /**/ .ceris-dark-mode #calendar_wrap { background-color: var(--background-dark-mode-aside); } .ceris-dark-mode .widget_calendar thead { background-color: var(--background-dark-mode); } .ceris-dark-mode tr { border-bottom: 1px solid var(--color-border); } /* site footer */ .ceris-dark-mode .site-footer .calendar_wrap { background-color: var(--background-dark-mode); } .ceris-dark-mode .site-footer .widget_calendar thead { background-color: var(--background-dark-mode-aside); } .ceris-dark-mode .widget_calendar caption { background-color: var(--background-dark-mode-aside); } /**/ .ceris-dark-mode .widget_recent_comments .recentcomments { color: rgba(255, 255, 255, 0.8); } .ceris-dark-mode .widget_recent_comments .recentcomments>a { color: rgba(255, 255, 255, 0.8); border: 1px solid rgba(255, 255, 255, 0.05); background: var(--background-dark-mode-aside) } /**/ .ceris-dark-mode .widget_search .search-form__submit { color: rgba(0, 0, 0, 0.4); } /**/ .ceris-dark-mode input[type="text"]::placeholder { color: rgba(0, 0, 0, 0.4); } .ceris-dark-mode input[type="text"]::placeholder, .ceris-dark-mode input[type="email"]::placeholder, .ceris-dark-mode input[type="url"]::placeholder, .ceris-dark-mode input[type="password"]::placeholder, .ceris-dark-mode input[type="search"]::placeholder, .ceris-dark-mode input[type="tel"]::placeholder, .ceris-dark-mode input[type="number"]::placeholder { color: rgba(255, 255, 255, 0.4); } .ceris-dark-mode .widget_search .search-form__submit { color: #fff; } .ceris-dark-mode .tagcloud a { background-color: var(--background-dark-mode-aside); color: #fff; } .ceris-dark-mode .site-footer .tagcloud a { background-color: var(--background-dark-mode); } .ceris-dark-mode .author-box .author-name a { color: #fff; } .ceris-dark-mode .author-box .author-bio, .ceris-dark-mode .author-box .author-info a, .ceris-dark-mode .author-box .author-bio a { color: rgba(255, 255, 255, 0.6) !important; } /*Single*/ .ceris-dark-mode .btn-open-form-rating { background-color: var(--background-dark-mode-aside); color: #fff; } .ceris-dark-mode .ceris-mobile-share-socials ul li a { border-color: var(--color-border); } .ceris-dark-mode .has-background { background-color: #3f3e3e; } .ceris-dark-mode .single-header .post__title { color: #fff; } .ceris-dark-mode .single-header .entry-teaser { color: rgba(255, 255, 255, 0.6); } .ceris-dark-mode .single-header .entry-meta a, .ceris-dark-mode .single-header .entry-meta * { color: rgba(255, 255, 255, 0.4); } .ceris-dark-mode .search-results, .ceris-dark-mode .post--single, .ceris-dark-mode .post--single .single-body { color: rgba(255,255,255,0.8); } .ceris-dark-mode .post--single .single-body strong, .ceris-dark-mode .atbs-reactions-title, .ceris-dark-mode .typography-copy .atbs-ceris-pagination__label, .ceris-dark-mode .post--single .atbs-ceris-pagination__label, .ceris-dark-mode .posts-navigation .post__title, .ceris-dark-mode .posts-navigation .posts-navigation__label span { color: #fff; } .ceris-dark-mode .single-footer .view-count, .ceris-dark-mode .single-footer .comments-count, .ceris-dark-mode .entry-tags ul > li > a { color: rgba(255,255,255,0.8); } .ceris-dark-mode .wp-block-pullquote cite, .ceris-dark-mode .typography-copy blockquote cite, .ceris-dark-mode .comment-content blockquote cite { color: rgba(255,255,255,0.6); } .ceris-dark-mode .typography-copy hr{ border-color: rgba(255,255,255,0.05); } .inverse-text .widget_rss li { border-color: rgba(255,255,255,0.2); } .inverse-text .widget_categories li>a, .inverse-text .widget_pages li>a, .inverse-text .widget_recent_entries li>a { color: rgba(255,255,255,0.8); } .inverse-text blockquote .small, .inverse-text blockquote footer, .inverse-text blockquote small { color: rgba(255,255,255,0.6); } .ceris-dark-mode .widget_rss li, .ceris-dark-mode .atbs-reactions-content, .ceris-dark-mode .single-body--content, .ceris-dark-mode .atbs-ceris-pagination.atbs-ceris-pagination--next-n-prev { border-color: var(--color-border); } .ceris-dark-mode .single-entry-wrap .posts-navigation:before { background-color: var(--color-border); } .ceris-dark-mode .single-entry-wrap .posts-navigation { border-color: var(--color-border); } .ceris-dark-mode .single-entry--billboard-overlap-title .has-post-thumbnail { background-color: var(--background-dark-mode); } .ceris-dark-mode .atbs-ceris-widget-indexed-posts-a article[data-dark-mode="true"] .list-index { color: #fff !important; } .ceris-dark-mode .comment-form { color: #fff; } .ceris-dark-mode .comment-reply-title { color: #fff; } /**/ .ceris-dark-mode input[type="text"], .ceris-dark-mode input[type="email"], .ceris-dark-mode input[type="url"], .ceris-dark-mode input[type="password"], .ceris-dark-mode input[type="search"], .ceris-dark-mode input[type="tel"], .ceris-dark-mode input[type="number"], .ceris-dark-mode textarea, .ceris-dark-mode textarea.form-control, .ceris-dark-mode select, .ceris-dark-mode select.form-control, .ceris-dark-mode .comment-form-author input:focus, .ceris-dark-mode .comment-form-email input:focus, .ceris-dark-mode .comment-form-comment textarea:focus, .ceris-dark-mode .wpcf7-form input:focus, .ceris-dark-mode .wpcf7-form textarea:focus { background-color: var(--background-dark-mode-aside); border-color: var(--color-border) !important; color: #fff !important; } .ceris-dark-mode input::placeholder, .ceris-dark-mode textarea::placeholder { color: #fff !important; } .ceris-dark-mode .comment-form-comment textarea, .ceris-dark-mode .comment-form .form-control-custom, .ceris-dark-mode .wpcf7-form textarea { border-color: var(--color-border) !important; } /**/ .ceris-dark-mode .single-entry--template-4-alt .single-header-with-bg { background-color: #3f3e3e; } /**/ .ceris-dark-mode .page-404-image .page-404-title { color: #fff; } .ceris-dark-mode .atbs-ceris-review__inner, .ceris-dark-mode .ceris-reviews-section, .ceris-dark-mode .score-item .score-value { background-color: var(--background-dark-mode-aside);; } .ceris-dark-mode .atbs-ceris-review__product-byline { color: rgba(255, 255, 255, 0.4); } .ceris-dark-mode .ceris-reviews-section .heading-title, .ceris-dark-mode .score-item .score-name, .ceris-dark-mode .score-item .score-number, .ceris-dark-mode .reviews-score-average .score-average-title, .ceris-dark-mode .reviews-score-average .score-average-counter, .ceris-dark-mode .user-review-item .user__description-title h3, .ceris-dark-mode .user-review-item .user__info-name, .ceris-dark-mode .user-review-item .user__description-excerpt, .ceris-dark-mode .reviews-rating .rating-title .heading-title { color: #fff; } .ceris-dark-mode .ceris-reviews-section .reviews-content { background-color: var(--background-dark-mode); } .ceris-dark-mode .ceris-user-reviews { border-color: var(--color-border); } .ceris-dark-mode .user-review-item .user__description-excerpt-wrap.has-more-active .review-text-fadeout { background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, var(--background-dark-mode))); } .ceris-dark-mode .user-review-item .user__description-excerpt-wrap.has-more-active .review-readmore { color:rgba(255,255,255,0.6); } .ceris-reviews-section .heading-title.text-center { color: rgba(255,255,255,0.8); } /*Heading Title*/ .ceris-dark-mode .block-heading.block-heading--style-1 .block-heading__title, .ceris-dark-mode .block-heading.block-heading--style-2 .block-heading__title, .ceris-dark-mode .block-heading.block-heading--style-3 .block-heading__title, .ceris-dark-mode .block-heading.block-heading--style-9 .block-heading__title { background-color: var(--background-dark-mode-aside) !important; } .ceris-dark-mode .block-heading.block-heading--style-9 .block-heading__title:after { border-color: var(--background-dark-mode-aside) transparent transparent transparent; } .ceris-dark-mode .block-heading.block-heading--style-1:after, .ceris-dark-mode .block-heading.block-heading--style-2:after, .ceris-dark-mode .block-heading.block-heading--style-3:after, .ceris-dark-mode .block-heading.block-heading--style-4:after, .ceris-dark-mode .block-heading.block-heading--style-4:before, .ceris-dark-mode .block-heading.block-heading--style-5:before, .ceris-dark-mode .block-heading--line-under.block-heading { border-color: var(--background-dark-mode-aside) !important; } .ceris-dark-mode .page-heading__subtitle { color: rgba(255, 255, 255, 0.6) !important; } .ceris-dark-mode .archive.category .block-heading.block-heading--style-7 .block-heading__title, .ceris-dark-mode .block-heading.block-heading--style-7 .block-heading__title, .ceris-dark-mode .archive .block-heading.block-heading--style-7 .block-heading__title { color: #fff !important; border-color: #fff !important; } .error404 .ceris-dark-mode { min-height: 100vh; } /* theme css */ .widget_loginwithajaxwidget .bk-lwa > table > tbody> tr { border:0; } .widget_loginwithajaxwidget .bk-lwa > table > tbody> tr > td.lwa-avatar{ padding-right:0; } .atbs-flexbox-header-icon { display: flex; justify-content: flex-end; align-items: center; } /**/ .text-center.atbs-ceris-logo img.ceris-img-logo { margin-left: auto; margin-right: auto; } #atbs-offcanvas-mobile .atbs-ceris-logo img.ceris-img-logo, .atbs-ceris-logo img.ceris-img-logo { display: none; } #atbs-offcanvas-mobile .atbs-ceris-logo img.ceris-img-logo.active, .atbs-ceris-logo img.ceris-img-logo.active { display: block; } #atbs-offcanvas-mobile .atbs-ceris-logo.logo-dark-mode-active img.ceris-img-logo, .atbs-ceris-logo.logo-dark-mode-active img.ceris-img-logo { display: block; } #atbs-offcanvas-mobile .atbs-ceris-logo.logo-dark-mode-active img.ceris-img-logo.active , .atbs-ceris-logo.logo-dark-mode-active img.ceris-img-logo.active { display: none; } #atbs-offcanvas-mobile .atbs-ceris-logo.logo-dark-mode-active.not-exist-img-logo img.ceris-img-logo.active, .atbs-ceris-logo.logo-dark-mode-active.not-exist-img-logo img.ceris-img-logo.active { display: block; } #atbs-offcanvas-mobile .atbs-ceris-logo.logo-dark-mode-active.not-exist-img-logo img.ceris-img-logo, .atbs-ceris-logo.logo-dark-mode-active.not-exist-img-logo img.ceris-img-logo { display: none; } @media(max-width: 767px) { .site-footer .atbs-ceris-logo img.ceris-img-logo { margin-left: auto; margin-right: auto; } } .mobile-header--inverse .atbs-theme-switch > * svg, .navigation-bar--inverse .atbs-theme-switch > * svg { fill: rgba(255,255,255,0.8); } .atbs-theme-switch { width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 99999; transition: 0.3s; position: relative; border-color: none; background-color: none !important; padding: 0; } .atbs-theme-switch > * { transition: 0.1s; position: absolute; left: 50%; top: 50%; /*height: 20px;*/ height: 18px; transform: translate(-50%,-50%); } .mobile-header .atbs-theme-switch { height: 20px; width: 20px; } .mobile-header .atbs-theme-switch svg { width: 18px; height: 18px; fill: rgba(0,0,0,0.7); } .mobile-header .btn-bookmark-list svg { fill: rgba(0,0,0,0.7); } .mobile-header-btn i { color: rgba(0,0,0,0.7); margin-left: 0; } .mobile-header .navigation-bar-btn i { font-size: 22px; color: rgba(0,0,0,0.7); } .mobile-header .menu-icon a span:not(.menu-icon--text), .mobile-header .menu-icon a span:not(.menu-icon--text):after, .mobile-header .menu-icon a span:not(.menu-icon--text):before { background-color: rgba(0,0,0,0.7); } .mobile-header-btn { margin-right: 10px; } .mobile-header--inverse.mobile-header .navigation-bar-btn i, .mobile-header--inverse.mobile-header .navigation-bar-btn i, .mobile-header--inverse .mobile-header-btn i, .ceris-dark-mode .mobile-header .navigation-bar-btn i, .ceris-dark-mode .mobile-header-btn i{ color: rgba(255,255,255,0.8); } .mobile-header--inverse .menu-icon a span:not(.menu-icon--text), .mobile-header--inverse .menu-icon a span:not(.menu-icon--text):after, .mobile-header--inverse .menu-icon a span:not(.menu-icon--text):before, .ceris-dark-mode .mobile-header .menu-icon a span:not(.menu-icon--text), .ceris-dark-mode .mobile-header .menu-icon a span:not(.menu-icon--text):after, .ceris-dark-mode .mobile-header .menu-icon a span:not(.menu-icon--text):before { background-color: rgba(255,255,255,0.8); } .mobile-header.mobile-header--inverse .atbs-theme-switch svg, .ceris-dark-mode .atbs-theme-switch svg { fill: rgba(255,255,255,0.8); } .ceris-dark-mode .btn-bookmark-list svg path:nth-child(2), .ceris-dark-mode .btn-bookmark-list svg path { stroke: rgba(255,255,255,0.8); } .ceris-dark-mode .btn-bookmark-list svg path:nth-child(1) { fill: #fff; } button.atbs-theme-switch { background: none !important; border: none !important; } .atbs-theme-switch .dark-mode-button { visibility: visible; opacity: 1; } .atbs-theme-switch .light-mode-button { visibility: hidden; opacity: 0; } .atbs-theme-switch.active .light-mode-button { visibility: visible; opacity: 1; } .atbs-theme-switch.active .dark-mode-button { visibility: hidden; opacity: 0; } .ceris-dark-mode .atbs-ceris-offcanvas-close { border-color: rgba(255,255,255,0.2); color: rgba(255,255,255,0.8) !important; } .header-2 .menu-icon .offcanvas-menu-toggle { margin-right: 0; } .header-2 .navigation-bar__section:not(:first-child) .atbs-theme-switch { margin-left: -10px; } .sticky-header .header-logo a { display: flex; align-items: center; justify-content: center; } .header-6 .lwa-template-modal.navigation-bar__section, .header-5 .lwa-template-modal.navigation-bar__section { margin-left: 0; } .ceris-dark-mode .bk-lwa-profile.bk-profile-custom .bk-user-item:not(:last-child), .ceris-dark-mode .bk-lwa-profile .profile-author-wrap, .ceris-dark-mode .section-has-subscribe-no-border > *:not(:last-child) { border-color: rgba(255,255,255,0.2); } .ceris-dark-mode .sticky-header { box-shadow: 0px 0px 2px 0px rgba(255, 255, 255, 0.03), 0 1px 0 0 rgba(255, 255, 255, 0.04), 0 -1px 0 0 rgba(255, 255, 255, 0.04) } .ceris-dark-mode .bk-account-info { background-color: var(--background-dark-mode); border: 1px solid rgba(255,255,255,0.2); } .ceris-dark-mode .bk-lwa-profile .bk-user-data a, .ceris-dark-mode .bk-lwa-profile .bk-user-data a:visited, .ceris-dark-mode .bk-lwa-profile .bk-user-data a:focus, .ceris-dark-mode .bk-lwa-profile .bk-user-data a:hover, .ceris-dark-mode .bk-lwa-profile.bk-profile-custom .bk-user-item a { color: rgba(255,255,255,0.8); } @media (min-width: 768px) { .header-17 .mobile-header { height: 70px; } } .header-17 .mobile-header .bk-lwa.navigation-bar-btn { padding-left: 5px !important; padding-right: 5px !important; } .header-17 .mobile-header .atbs-theme-switch { padding-left: 4px; padding-right: 4px; } .header-17 .atbs-theme-switch { margin-left: 5px; } @media (max-width: 991px) { .header-18 .bk-lwa.navigation-bar-btn .avatar, .header-17 .bk-lwa.navigation-bar-btn .avatar, .header-16 .bk-lwa.navigation-bar-btn .avatar, .header-13 .bk-lwa.navigation-bar-btn .avatar, .header-11 .bk-lwa.navigation-bar-btn .avatar { line-height: 60px; } .header-17 .mobile-header, .header-16 .btn-bookmark-list, .header-13 .btn-bookmark-list, .header-11 .btn-bookmark-list, .header-10 #atbs-ceris-mobile-header .btn-bookmark-list, .header-18 .btn-bookmark-list, .header-17 .btn-bookmark-list { height: 60px; } .header-10 .navigation-bar-btn, .header-18 .navigation-bar-btn, .header-17 .navigation-bar-btn, .header-16 .navigation-bar-btn, .header-13 .navigation-bar-btn, .header-11 .navigation-bar-btn { height: 60px; line-height: 60px; } .mobile-header .header-branding { flex: 1; } } .header-12 .header-main .ceris-header-top { display: flex; justify-content: flex-end; } .sticky-header .atbs-theme-switch { margin-right: 5px; } .ceris-dark-mode #calendar_wrap { border: 1px solid rgba(255,255,255,0.2); } .ceris-dark-mode .bookmark-list .list-item:not(:last-child), .ceris-dark-mode .atbs-ceris-widget-posts-list.atbs-ceris-widget-posts-list-overlay-first .posts-list li { border-color: rgba(255,255,255,0.2); } .ceris-dark-mode .widget_calendar .wp-calendar-nav { padding-left: 10px; padding-bottom: 10px; } .ceris-dark-mode .widget-slide .owl-nav { bottom: -webkit-calc( 100% + 30px); bottom: -moz-calc( 100% + 30px); bottom: calc( 100% + 30px); } .ceris-dark-mode .widget-slide .owl-dots { bottom: -webkit-calc( 100% + 32px); bottom: -moz-calc( 100% + 32px); bottom: calc( 100% + 32px); } .ceris-dark-mode .bookmark-list, .ceris-dark-mode .atbs-ceris-sub-col--mobile-fixed .theiaStickySidebar { background-color: var(--background-dark-mode); } .ceris-dark-mode .comment-metadata .comment-edit-link:before, .ceris-dark-mode .comment-metadata:before, .ceris-dark-mode .comment-reply-link:before, .ceris-dark-mode .comment-reply-link, .ceris-dark-mode .comment-metadata a, .ceris-dark-mode .comment-metadata a:hover, .ceris-dark-mode .comment-metadata a:focus, .ceris-dark-mode .comment-metadata a:active, .ceris-dark-mode .comment-metadata a:visited, .single .ceris-dark-mode .comments-title, .ceris-dark-mode .page .comments-title, .ceris-dark-mode .comment-list, .ceris-dark-mode .pagination-circle .atbs-ceris-pagination__item { color: rgba(255,255,255,0.8); } .ceris-dark-mode .atbs-ceris-mega-menu .posts-list.ceris-megamenu-wrap>li:nth-child(5):before { background-color: rgba(255,255,255,0.2); } .ceris-dark-mode .atbs-ceris-search-full--result.is-loading .search-results__inner:before { background-color: rgba(0,0,0,0.8); } .ceris-dark-mode .lwa-loading:before { content: ""; width: 100%; height: 100%; position: absolute; top:0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.8); } .ceris-dark-mode .scroll-count-percent .progress-scroll circle { fill: #2a2a2a; } .ceris-dark-mode .button-bookmark, .ceris-dark-mode .button-bookmark:hover, .ceris-dark-mode .button-bookmark-option, .ceris-dark-mode .button-bookmark-option:hover { fill: rgba(255,255,255,0.54); } .ceris-dark-mode .remove-bookmark, .ceris-dark-mode .remove-bookmark:active, .ceris-dark-mode .ceris-dark-mode .remove-bookmark:hover, .remove-bookmark:focus { color: rgba(255,255,255,0.8); } .ceris-dark-mode .post__button-bookmark-option .button-bookmark-option-content:before, .ceris-dark-mode .post__button-bookmark-option .button-bookmark-option-content { color: rgba(255,255,255,0.8); background-color: var(--background-dark-mode); } .ceris-dark-mode .modal-content { background-color: var(--background-dark-mode-aside); color: #fff; } .ceris-dark-mode .post__button-bookmark-option .button-bookmark-option-content { box-shadow: 0 1px 1px rgba(255,255,255,.25), 0 0 1px rgba(255,255,255,.35); } .archive.category .ceris-dark-mode .block-heading.block-heading--style-7 .block-heading__title, .ceris-dark-mode .block-heading.block-heading--style-7 .block-heading__title, .archive .ceris-dark-mode .block-heading.block-heading--style-7 .block-heading__title { color: rgba(255,255,255,0.8) !important; } .ceris-dark-mode .page-404-text, .ceris-dark-mode .mc4wp-form-fields, .ceris-dark-mode .login-modal .modal-title .nav-tabs a, .ceris-dark-mode .login-modal .modal-title .nav-tabs li.active a, .ceris-dark-mode .login-modal .modal-title .nav-tabs a:hover { color: rgba(255,255,255,0.8); } .ceris-dark-mode .atbs-ceris-go-top.btn:hover, .ceris-dark-mode .atbs-ceris-go-top.btn:focus, .ceris-dark-mode .atbs-ceris-go-top.btn:active, .ceris-dark-mode .atbs-ceris-go-top.btn:visited, .ceris-dark-mode .comment-list ol.children>li, .ceris-dark-mode .social-share ul li a svg, .ceris-dark-mode .widget .block-heading--line.block-heading:after, .ceris-dark-mode .block-divider:before, .ceris-dark-mode .block-divider:after { border-color: rgba(255,255,255,0.2); } .ceris-dark-mode .atbs-ceris-post--grid-c-update .post-main .owl-item.active + .owl-item.active .post__text--wrap:after { background-color: rgba(255,255,255,0.4); } .ceris-dark-mode .result-default::-webkit-scrollbar-thumb, .ceris-dark-mode .atbs-ceris-search-full--result::-webkit-scrollbar-thumb { background-color: rgba(255,255,255,0.2); } .header-1 .atbs-theme-switch, .header-3 .atbs-theme-switch, .header-4 .atbs-theme-switch, .header-5 .atbs-theme-switch, .header-6 .atbs-theme-switch, .header-8 .atbs-theme-switch, .header-9 .atbs-theme-switch, .header-11 .atbs-theme-switch, .header-12 .atbs-theme-switch, .header-13 .atbs-theme-switch, .header-14 .atbs-theme-switch, .header-18 .atbs-theme-switch, .header-16 .atbs-theme-switch, .header-15 .atbs-theme-switch, .header-10 .atbs-theme-switch { margin-right: 5px; } .header-10 .bk-lwa.navigation-bar-btn .avatar { padding-right: 0; object-fit: cover; } /* ====================== end dark mode ============================= */ /** Default Font **/ body { font-family: Roboto; } .comment-reply-title, .comments-title, .comment-reply-title, .category-tile__name, .block-heading, .block-heading__title, .post-categories__title, .post__title, .entry-title, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .text-font-primary, .social-tile__title, .widget_recent_comments .recentcomments > a, .widget_recent_entries li > a, .modal-title.modal-title, .author-box .author-name a, .comment-author, .widget_calendar caption, .widget_categories li>a, .widget_meta ul, .widget_recent_comments .recentcomments>a, .widget_recent_entries li>a, .widget_pages li>a, .ceris-reviews-section .heading-title, .score-item .score-name, .score-item .score-number, .reviews-score-average, .btn-open-form-rating, .btn-open-form-rating label, .scroll-count-percent .percent-number, .scroll-count-percent .btn-bookmark-icon, .open-sub-col, .ceris-about-module .about__title, .post--overlay-hover-effect .post__text-backface .post__title { font-family: Poppins; } .text-font-secondary, .block-heading__subtitle, .widget_nav_menu ul, .typography-copy blockquote, .comment-content blockquote { font-family: Poppins; } .mobile-header-btn, .menu, .meta-text, a.meta-text, .meta-font, a.meta-font, .text-font-tertiary, .block-heading-tabs, .block-heading-tabs > li > a, input[type="button"]:not(.btn), input[type="reset"]:not(.btn), input[type="submit"]:not(.btn), .btn, label, .page-nav, .post-score, .post-score-hexagon .post-score-value, .post__cat, a.post__cat, .entry-cat, a.entry-cat, .read-more-link, .post__meta, .entry-meta, .entry-author__name, a.entry-author__name, .comments-count-box, .widget__title-text, .atbs-ceris-widget-indexed-posts-a .posts-list > li .post__thumb:after, .atbs-ceris-widget-indexed-posts-b .posts-list > li .post__title:after, .atbs-ceris-widget-indexed-posts-c .list-index, .social-tile__count, .widget_recent_comments .comment-author-link, .atbs-ceris-video-box__playlist .is-playing .post__thumb:after, .atbs-ceris-posts-listing-a .cat-title, .atbs-ceris-news-ticker__heading, .page-heading__title, .post-sharing__title, .post-sharing--simple .sharing-btn, .entry-action-btn, .entry-tags-title, .comments-title__text, .comments-title .add-comment, .comment-metadata, .comment-metadata a, .comment-reply-link, .countdown__digit, .modal-title, .comment-meta, .comment .reply, .wp-caption, .gallery-caption, .widget-title, .btn, .logged-in-as, .countdown__digit, .atbs-ceris-widget-indexed-posts-a .posts-list>li .post__thumb:after, .atbs-ceris-widget-indexed-posts-b .posts-list>li .post__title:after, .atbs-ceris-widget-indexed-posts-c .list-index, .atbs-ceris-horizontal-list .index, .atbs-ceris-pagination, .atbs-ceris-pagination--next-n-prev .atbs-ceris-pagination__label, .post__readmore, .single-header .atbs-date-style, a.ceris-btn-view-review, .bookmark-see-more, .entry-author__name, .post-author-vertical span.entry-lable, .post-author-vertical .entry-author__name, .post--overlay-hover-effect .post__text-front .entry-author span.entry-lable, .post--overlay-hover-effect .post__text-front .entry-author .entry-author__name, blockquote cite, .block-editor .wp-block-archives-dropdown select, .block-editor .wp-block-latest-posts__post-date, .block-editor .wp-block-latest-comments__comment-date { font-family: Poppins; }