.elementor-1291 .elementor-element.elementor-element-346d9ad{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1291 .elementor-element.elementor-element-2109091{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;color:var( --e-global-color-primary );}.elementor-1291 .elementor-element.elementor-element-51e7756{text-align:center;}.elementor-1291 .elementor-element.elementor-element-51e7756 .elementor-heading-title{font-family:"Fraunces", Sans-serif;font-size:48px;color:#000000;}.elementor-widget-post-info .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-post-info .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-text, .elementor-widget-post-info .elementor-icon-list-text a{color:var( --e-global-color-secondary );}.elementor-widget-post-info .elementor-icon-list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;}.elementor-1291 .elementor-element.elementor-element-cddffef .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(56px/2);}.elementor-1291 .elementor-element.elementor-element-cddffef .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(56px/2);}.elementor-1291 .elementor-element.elementor-element-cddffef .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(56px/2);margin-left:calc(56px/2);}.elementor-1291 .elementor-element.elementor-element-cddffef .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-56px/2);margin-left:calc(-56px/2);}body.rtl .elementor-1291 .elementor-element.elementor-element-cddffef .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-56px/2);}body:not(.rtl) .elementor-1291 .elementor-element.elementor-element-cddffef .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-56px/2);}.elementor-1291 .elementor-element.elementor-element-cddffef .elementor-icon-list-icon i{color:#000000;font-size:14px;}.elementor-1291 .elementor-element.elementor-element-cddffef .elementor-icon-list-icon svg{fill:#000000;--e-icon-list-icon-size:14px;}.elementor-1291 .elementor-element.elementor-element-cddffef .elementor-icon-list-icon{width:14px;}.elementor-1291 .elementor-element.elementor-element-cddffef .elementor-icon-list-text, .elementor-1291 .elementor-element.elementor-element-cddffef .elementor-icon-list-text a{color:#FF1D00;}.elementor-1291 .elementor-element.elementor-element-cddffef .elementor-icon-list-item{font-family:"Inter", Sans-serif;font-size:19px;font-weight:400;}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;}.elementor-1291 .elementor-element.elementor-element-2ddd444{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-1291 .elementor-element.elementor-element-2ddd444 .elementor-share-btn{font-size:calc(0.65px * 10);border-width:2px;}.elementor-1291 .elementor-element.elementor-element-2ddd444 .elementor-share-btn__icon{--e-share-buttons-icon-size:2.6em;}.elementor-widget-post-navigation span.post-navigation__prev--label{color:var( --e-global-color-text );}.elementor-widget-post-navigation span.post-navigation__next--label{color:var( --e-global-color-text );}.elementor-widget-post-navigation span.post-navigation__prev--title, .elementor-widget-post-navigation span.post-navigation__next--title{color:var( --e-global-color-secondary );}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );}.elementor-1291 .elementor-element.elementor-element-57e69cf{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-1291 .elementor-element.elementor-element-57e69cf .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-1291 .elementor-element.elementor-element-57e69cf:after{content:"0.66";}.elementor-1291 .elementor-element.elementor-element-57e69cf .elementor-post__thumbnail__link{width:100%;}.elementor-1291 .elementor-element.elementor-element-57e69cf .elementor-post__meta-data span + span:before{content:"///";}.elementor-1291 .elementor-element.elementor-element-57e69cf.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-1291 .elementor-element.elementor-element-57e69cf.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-1291 .elementor-element.elementor-element-57e69cf.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-1291 .elementor-element.elementor-element-3ea7550{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1291 .elementor-element.elementor-element-7e8e47c{--spacer-size:50px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;color:var( --e-global-color-primary );}.elementor-1291 .elementor-element.elementor-element-342acf6{text-align:center;}.elementor-1291 .elementor-element.elementor-element-342acf6 .elementor-heading-title{font-family:"Arial", Sans-serif;font-weight:600;color:#000000;}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-widget-table-of-contents{--header-color:var( --e-global-color-secondary );--item-text-color:var( --e-global-color-text );--item-text-hover-color:var( --e-global-color-accent );--marker-color:var( --e-global-color-text );}.elementor-widget-table-of-contents .elementor-toc__header, .elementor-widget-table-of-contents .elementor-toc__header-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-widget-table-of-contents .elementor-toc__list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;}.elementor-1291 .elementor-element.elementor-element-c728233 .elementor-toc__header-title{text-align:start;}.elementor-1291 .elementor-element.elementor-element-c728233 .elementor-toc__header{flex-direction:row;}.elementor-1291 .elementor-element.elementor-element-c728233{--item-text-hover-decoration:underline;}.elementor-1291 .elementor-element.elementor-element-1f0f176{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-1291 .elementor-element.elementor-element-1f0f176 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-1291 .elementor-element.elementor-element-1f0f176:after{content:"0.66";}.elementor-1291 .elementor-element.elementor-element-1f0f176 .elementor-post__thumbnail__link{width:100%;}.elementor-1291 .elementor-element.elementor-element-1f0f176 .elementor-post__meta-data span + span:before{content:"///";}.elementor-1291 .elementor-element.elementor-element-1f0f176.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-1291 .elementor-element.elementor-element-1f0f176.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-1291 .elementor-element.elementor-element-1f0f176.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-1291 .elementor-element.elementor-element-caf8224{background-color:#000000;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:11px 0px 0px 0px;text-align:center;}.elementor-1291 .elementor-element.elementor-element-caf8224 .elementor-heading-title{font-family:"Arial", Sans-serif;font-weight:700;color:#FFFFFF;}.elementor-1291 .elementor-element.elementor-element-ef26d86{margin:-19px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;}.elementor-1291 .elementor-element.elementor-element-1c262c5{border-radius:15px 15px 15px 15px;}.elementor-1291 .elementor-element.elementor-element-1c262c5 img{width:100%;max-width:100%;height:275px;border-radius:16px 16px 16px 16px;}@media(min-width:768px){.elementor-1291 .elementor-element.elementor-element-346d9ad{--content-width:1453px;}.elementor-1291 .elementor-element.elementor-element-2109091{--width:66.6666%;}.elementor-1291 .elementor-element.elementor-element-3ea7550{--width:33.3333%;}}@media(max-width:1024px){ .elementor-1291 .elementor-element.elementor-element-2ddd444{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}@media(max-width:767px){ .elementor-1291 .elementor-element.elementor-element-2ddd444{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-1291 .elementor-element.elementor-element-57e69cf .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-1291 .elementor-element.elementor-element-57e69cf:after{content:"0.5";}.elementor-1291 .elementor-element.elementor-element-57e69cf .elementor-post__thumbnail__link{width:100%;}.elementor-1291 .elementor-element.elementor-element-1f0f176 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-1291 .elementor-element.elementor-element-1f0f176:after{content:"0.5";}.elementor-1291 .elementor-element.elementor-element-1f0f176 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for theme-post-content, class: .elementor-element-74fe5b4 *//* ========================================================= GET YOUR MANGA SINGLE BLOG POST CONTENT WHITE + BLACK + RED ELEMENTOR POST CONTENT WIDGET ========================================================= */ /* ========================================================= MAIN POST CONTENT ========================================================= */ .elementor-widget-theme-post-content { width: 100% !important; color: #222222 !important; font-family: inherit !important; } /* Inner Elementor widget container */ .elementor-widget-theme-post-content > .elementor-widget-container { width: 100% !important; margin: 0 !important; padding: 0 !important; color: #222222 !important; } /* ========================================================= RESET ========================================================= */ .elementor-widget-theme-post-content * { box-sizing: border-box; } /* ========================================================= PARAGRAPHS ========================================================= */ .elementor-widget-theme-post-content p, .elementor-widget-theme-post-content .wp-block-paragraph { margin: 0 0 16px !important; padding: 0 !important; color: #222222 !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.55 !important; letter-spacing: 0 !important; } /* First paragraph */ .elementor-widget-theme-post-content > .elementor-widget-container > p:first-child { margin-top: 0 !important; } /* Last paragraph */ .elementor-widget-theme-post-content p:last-child { margin-bottom: 0 !important; } /* ========================================================= STRONG / BOLD TEXT ========================================================= */ .elementor-widget-theme-post-content strong, .elementor-widget-theme-post-content b { color: #111111 !important; font-weight: 700 !important; } /* ========================================================= HEADINGS - GENERAL ========================================================= */ .elementor-widget-theme-post-content h1, .elementor-widget-theme-post-content h2, .elementor-widget-theme-post-content h3, .elementor-widget-theme-post-content h4, .elementor-widget-theme-post-content h5, .elementor-widget-theme-post-content h6, .elementor-widget-theme-post-content .wp-block-heading { color: #111111 !important; font-family: inherit !important; font-weight: 700 !important; line-height: 1.25 !important; letter-spacing: -0.2px !important; padding: 0 !important; } /* ========================================================= H2 - MAIN ARTICLE HEADINGS ========================================================= */ .elementor-widget-theme-post-content h2, .elementor-widget-theme-post-content h2.wp-block-heading { position: relative !important; display: block !important; margin: 28px 0 10px !important; padding: 0 0 0 17px !important; color: #111111 !important; font-size: 22px !important; font-weight: 700 !important; line-height: 1.3 !important; } /* Red vertical line */ .elementor-widget-theme-post-content h2::before { content: "" !important; position: absolute !important; top: 2px !important; left: 0 !important; width: 5px !important; height: calc(100% - 4px) !important; min-height: 22px !important; background: #ed1c24 !important; border-radius: 1px !important; } /* ========================================================= H3 ========================================================= */ .elementor-widget-theme-post-content h3, .elementor-widget-theme-post-content h3.wp-block-heading { position: relative !important; display: block !important; margin: 25px 0 10px !important; padding: 0 0 0 16px !important; color: #111111 !important; font-size: 20px !important; font-weight: 700 !important; line-height: 1.3 !important; } .elementor-widget-theme-post-content h3::before { content: "" !important; position: absolute !important; top: 2px !important; left: 0 !important; width: 5px !important; height: calc(100% - 4px) !important; min-height: 20px !important; background: #ed1c24 !important; border-radius: 1px !important; } /* ========================================================= H4 ========================================================= */ .elementor-widget-theme-post-content h4, .elementor-widget-theme-post-content h4.wp-block-heading { position: relative !important; display: block !important; margin: 24px 0 10px !important; padding: 0 0 0 15px !important; color: #111111 !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1.35 !important; } .elementor-widget-theme-post-content h4::before { content: "" !important; position: absolute !important; top: 2px !important; left: 0 !important; width: 4px !important; height: calc(100% - 4px) !important; min-height: 19px !important; background: #ed1c24 !important; border-radius: 1px !important; } /* ========================================================= H5 ========================================================= */ .elementor-widget-theme-post-content h5, .elementor-widget-theme-post-content h5.wp-block-heading { margin: 22px 0 9px !important; padding: 0 !important; color: #111111 !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.35 !important; } /* ========================================================= H6 ========================================================= */ .elementor-widget-theme-post-content h6, .elementor-widget-theme-post-content h6.wp-block-heading { margin: 20px 0 8px !important; padding: 0 !important; color: #111111 !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.4 !important; } /* ========================================================= REMOVE HEADING ANCHOR VISUAL SPACE ========================================================= */ .elementor-widget-theme-post-content .elementor-menu-anchor { display: block !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; visibility: hidden !important; } /* ========================================================= LINKS ========================================================= */ .elementor-widget-theme-post-content a { color: #ed1c24 !important; font-weight: 500 !important; text-decoration: none !important; transition: color 0.2s ease, opacity 0.2s ease !important; } .elementor-widget-theme-post-content a:hover { color: #b9151b !important; text-decoration: underline !important; } /* ========================================================= IMAGES ========================================================= */ .elementor-widget-theme-post-content img { display: block !important; max-width: 100% !important; height: auto !important; margin: 24px auto !important; border-radius: 7px !important; } /* Linked images */ .elementor-widget-theme-post-content a img { transition: opacity 0.2s ease, transform 0.2s ease !important; } .elementor-widget-theme-post-content a:hover img { opacity: 0.96 !important; transform: translateY(-1px) !important; } /* ========================================================= IMAGE CAPTIONS ========================================================= */ .elementor-widget-theme-post-content figcaption, .elementor-widget-theme-post-content .wp-element-caption { margin: -14px 0 24px !important; color: #777777 !important; font-size: 12px !important; line-height: 1.45 !important; text-align: center !important; } /* ========================================================= BLOCKQUOTE ========================================================= */ .elementor-widget-theme-post-content blockquote { position: relative !important; margin: 22px 0 !important; padding: 15px 18px 15px 48px !important; background: #fff0f0 !important; border: 0 !important; border-radius: 6px !important; color: #333333 !important; } /* Large quote mark */ .elementor-widget-theme-post-content blockquote::before { content: "“" !important; position: absolute !important; top: 5px !important; left: 16px !important; color: #ed1c24 !important; font-family: Georgia, serif !important; font-size: 43px !important; font-weight: 700 !important; line-height: 1 !important; } /* Blockquote text */ .elementor-widget-theme-post-content blockquote p { margin: 0 !important; color: #333333 !important; font-size: 14px !important; font-style: italic !important; font-weight: 500 !important; line-height: 1.5 !important; } /* Strong inside quote */ .elementor-widget-theme-post-content blockquote strong { color: #111111 !important; } /* ========================================================= WORDPRESS QUOTE BLOCK ========================================================= */ .elementor-widget-theme-post-content .wp-block-quote { position: relative !important; margin: 22px 0 !important; padding: 15px 18px 15px 48px !important; background: #fff0f0 !important; border: 0 !important; border-radius: 6px !important; color: #333333 !important; } .elementor-widget-theme-post-content .wp-block-quote::before { content: "“" !important; position: absolute !important; top: 5px !important; left: 16px !important; color: #ed1c24 !important; font-family: Georgia, serif !important; font-size: 43px !important; font-weight: 700 !important; line-height: 1 !important; } .elementor-widget-theme-post-content .wp-block-quote p { margin: 0 !important; color: #333333 !important; font-size: 14px !important; font-style: italic !important; line-height: 1.5 !important; } /* ========================================================= HORIZONTAL RULE ========================================================= */ .elementor-widget-theme-post-content hr, .elementor-widget-theme-post-content .wp-block-separator { width: 100% !important; height: 1px !important; margin: 28px 0 !important; padding: 0 !important; background: #e5e5e5 !important; border: 0 !important; opacity: 1 !important; } /* Remove decorative WP separator */ .elementor-widget-theme-post-content .wp-block-separator.is-style-wide { width: 100% !important; } /* ========================================================= UNORDERED LIST ========================================================= */ .elementor-widget-theme-post-content ul { margin: 0 0 20px 0 !important; padding-left: 24px !important; color: #222222 !important; list-style-type: disc !important; } .elementor-widget-theme-post-content ul li { margin-bottom: 8px !important; padding-left: 3px !important; color: #333333 !important; font-size: 15px !important; line-height: 1.55 !important; } .elementor-widget-theme-post-content ul li::marker { color: #ed1c24 !important; } /* ========================================================= ORDERED LIST ========================================================= */ .elementor-widget-theme-post-content ol { margin: 0 0 20px 0 !important; padding-left: 27px !important; color: #222222 !important; } .elementor-widget-theme-post-content ol li { margin-bottom: 8px !important; padding-left: 3px !important; color: #333333 !important; font-size: 15px !important; line-height: 1.55 !important; } .elementor-widget-theme-post-content ol li::marker { color: #ed1c24 !important; font-weight: 700 !important; } /* ========================================================= TABLES ========================================================= */ .elementor-widget-theme-post-content table { width: 100% !important; margin: 25px 0 !important; border-collapse: collapse !important; border-spacing: 0 !important; background: #ffffff !important; font-size: 14px !important; } .elementor-widget-theme-post-content table th { padding: 11px 13px !important; background: #111111 !important; border: 1px solid #111111 !important; color: #ffffff !important; font-weight: 700 !important; text-align: left !important; } .elementor-widget-theme-post-content table td { padding: 10px 13px !important; background: #ffffff !important; border: 1px solid #e3e3e3 !important; color: #333333 !important; vertical-align: top !important; } .elementor-widget-theme-post-content table tr:nth-child(even) td { background: #fafafa !important; } /* ========================================================= CODE ========================================================= */ .elementor-widget-theme-post-content code { padding: 2px 5px !important; background: #f5f5f5 !important; border-radius: 3px !important; color: #d71920 !important; font-size: 0.9em !important; } .elementor-widget-theme-post-content pre { overflow-x: auto !important; margin: 22px 0 !important; padding: 16px !important; background: #111111 !important; border-radius: 6px !important; color: #ffffff !important; font-size: 13px !important; line-height: 1.55 !important; } .elementor-widget-theme-post-content pre code { padding: 0 !important; background: transparent !important; color: #ffffff !important; } /* ========================================================= WORDPRESS BUTTONS ========================================================= */ .elementor-widget-theme-post-content .wp-block-button { margin: 20px 0 !important; } .elementor-widget-theme-post-content .wp-block-button__link { display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 11px 18px !important; background: #ed1c24 !important; border: 1px solid #ed1c24 !important; border-radius: 5px !important; color: #ffffff !important; font-size: 14px !important; font-weight: 700 !important; text-decoration: none !important; transition: background-color 0.2s ease, border-color 0.2s ease !important; } .elementor-widget-theme-post-content .wp-block-button__link:hover { background: #111111 !important; border-color: #111111 !important; color: #ffffff !important; text-decoration: none !important; } /* ========================================================= EMBEDS / VIDEOS ========================================================= */ .elementor-widget-theme-post-content iframe { display: block !important; max-width: 100% !important; margin: 25px auto !important; border: 0 !important; border-radius: 6px !important; } .elementor-widget-theme-post-content video { display: block !important; width: 100% !important; max-width: 100% !important; margin: 25px auto !important; border-radius: 6px !important; } /* ========================================================= YOUTUBE / EMBED BLOCK ========================================================= */ .elementor-widget-theme-post-content .wp-block-embed { margin: 25px 0 !important; } .elementor-widget-theme-post-content .wp-block-embed__wrapper { max-width: 100% !important; } /* ========================================================= PULL QUOTE ========================================================= */ .elementor-widget-theme-post-content .wp-block-pullquote { margin: 25px 0 !important; padding: 20px !important; background: #fff0f0 !important; border-top: 3px solid #ed1c24 !important; border-bottom: 3px solid #ed1c24 !important; color: #111111 !important; } .elementor-widget-theme-post-content .wp-block-pullquote blockquote { margin: 0 !important; padding: 0 !important; background: transparent !important; } .elementor-widget-theme-post-content .wp-block-pullquote blockquote::before { display: none !important; } /* ========================================================= MARK / HIGHLIGHT ========================================================= */ .elementor-widget-theme-post-content mark { padding: 1px 3px !important; background: #fff0f0 !important; color: #111111 !important; } /* ========================================================= DEL / STRIKETHROUGH ========================================================= */ .elementor-widget-theme-post-content del, .elementor-widget-theme-post-content s { color: #777777 !important; } /* ========================================================= SUBSCRIPT / SUPERSCRIPT ========================================================= */ .elementor-widget-theme-post-content sub, .elementor-widget-theme-post-content sup { color: #555555 !important; } /* ========================================================= DETAILS / SUMMARY ========================================================= */ .elementor-widget-theme-post-content details { margin: 20px 0 !important; padding: 12px 15px !important; background: #fafafa !important; border: 1px solid #e5e5e5 !important; border-radius: 6px !important; } .elementor-widget-theme-post-content summary { color: #111111 !important; font-weight: 700 !important; cursor: pointer !important; } .elementor-widget-theme-post-content summary:hover { color: #ed1c24 !important; } /* ========================================================= ADDRESS ========================================================= */ .elementor-widget-theme-post-content address { margin: 18px 0 !important; padding: 12px 15px !important; background: #fafafa !important; border-left: 3px solid #ed1c24 !important; color: #555555 !important; font-style: normal !important; line-height: 1.55 !important; } /* ========================================================= DEFINITION LIST ========================================================= */ .elementor-widget-theme-post-content dl { margin: 20px 0 !important; } .elementor-widget-theme-post-content dt { margin-bottom: 4px !important; color: #111111 !important; font-weight: 700 !important; } .elementor-widget-theme-post-content dd { margin: 0 0 12px 20px !important; color: #555555 !important; } /* ========================================================= ALIGNMENT HELPERS ========================================================= */ .elementor-widget-theme-post-content .alignleft { float: left !important; max-width: 50% !important; margin: 5px 25px 15px 0 !important; } .elementor-widget-theme-post-content .alignright { float: right !important; max-width: 50% !important; margin: 5px 0 15px 25px !important; } .elementor-widget-theme-post-content .aligncenter { display: block !important; margin-left: auto !important; margin-right: auto !important; } /* ========================================================= CLEAR FLOATS ========================================================= */ .elementor-widget-theme-post-content::after { content: "" !important; display: table !important; clear: both !important; } /* ========================================================= FIRST HEADING ========================================================= */ .elementor-widget-theme-post-content > .elementor-widget-container > h1:first-child, .elementor-widget-theme-post-content > .elementor-widget-container > h2:first-child, .elementor-widget-theme-post-content > .elementor-widget-container > h3:first-child, .elementor-widget-theme-post-content > .elementor-widget-container > h4:first-child { margin-top: 0 !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-widget-theme-post-content p, .elementor-widget-theme-post-content .wp-block-paragraph { font-size: 14px !important; line-height: 1.55 !important; margin-bottom: 14px !important; } .elementor-widget-theme-post-content h2, .elementor-widget-theme-post-content h2.wp-block-heading { margin-top: 25px !important; margin-bottom: 9px !important; padding-left: 14px !important; font-size: 20px !important; line-height: 1.3 !important; } .elementor-widget-theme-post-content h2::before { width: 4px !important; min-height: 20px !important; } .elementor-widget-theme-post-content h3, .elementor-widget-theme-post-content h3.wp-block-heading { margin-top: 23px !important; margin-bottom: 9px !important; padding-left: 14px !important; font-size: 18px !important; } .elementor-widget-theme-post-content h3::before { width: 4px !important; min-height: 18px !important; } .elementor-widget-theme-post-content h4, .elementor-widget-theme-post-content h4.wp-block-heading { margin-top: 21px !important; margin-bottom: 8px !important; padding-left: 13px !important; font-size: 17px !important; } .elementor-widget-theme-post-content h5, .elementor-widget-theme-post-content h5.wp-block-heading { margin-top: 20px !important; font-size: 16px !important; } .elementor-widget-theme-post-content h6, .elementor-widget-theme-post-content h6.wp-block-heading { margin-top: 18px !important; font-size: 15px !important; } .elementor-widget-theme-post-content img { margin: 20px auto !important; border-radius: 6px !important; } .elementor-widget-theme-post-content blockquote, .elementor-widget-theme-post-content .wp-block-quote { margin: 20px 0 !important; padding: 14px 14px 14px 43px !important; border-radius: 6px !important; } .elementor-widget-theme-post-content blockquote::before, .elementor-widget-theme-post-content .wp-block-quote::before { left: 13px !important; top: 5px !important; font-size: 38px !important; } .elementor-widget-theme-post-content blockquote p, .elementor-widget-theme-post-content .wp-block-quote p { font-size: 13px !important; line-height: 1.5 !important; } .elementor-widget-theme-post-content table { display: block !important; overflow-x: auto !important; white-space: nowrap !important; font-size: 13px !important; } .elementor-widget-theme-post-content .alignleft, .elementor-widget-theme-post-content .alignright { float: none !important; display: block !important; max-width: 100% !important; margin: 20px auto !important; } .elementor-widget-theme-post-content ul { padding-left: 22px !important; } .elementor-widget-theme-post-content ol { padding-left: 25px !important; } .elementor-widget-theme-post-content ul li, .elementor-widget-theme-post-content ol li { font-size: 14px !important; line-height: 1.55 !important; } } /* ========================================================= SMALL PHONES ========================================================= */ @media (max-width: 480px) { .elementor-widget-theme-post-content p, .elementor-widget-theme-post-content .wp-block-paragraph { font-size: 13.5px !important; line-height: 1.55 !important; } .elementor-widget-theme-post-content h2, .elementor-widget-theme-post-content h2.wp-block-heading { font-size: 19px !important; padding-left: 13px !important; } .elementor-widget-theme-post-content h3, .elementor-widget-theme-post-content h3.wp-block-heading { font-size: 17px !important; padding-left: 13px !important; } .elementor-widget-theme-post-content h4, .elementor-widget-theme-post-content h4.wp-block-heading { font-size: 16px !important; padding-left: 12px !important; } .elementor-widget-theme-post-content blockquote, .elementor-widget-theme-post-content .wp-block-quote { padding-left: 40px !important; padding-right: 12px !important; } .elementor-widget-theme-post-content blockquote p, .elementor-widget-theme-post-content .wp-block-quote p { font-size: 12.5px !important; } }/* End custom CSS */ /* Start custom CSS for post-navigation, class: .elementor-element-25eff6a *//* ========================================================= GET YOUR MANGA SINGLE POST NAVIGATION PREVIOUS / NEXT POST WHITE + BLACK + RED ========================================================= */ /* ========================================================= MAIN NAVIGATION ========================================================= */ .gym-post-navigation { width: 100% !important; margin: 30px 0 0 !important; padding: 0 !important; background: #ffffff !important; border-top: 1px solid #e5e5e5 !important; border-bottom: 1px solid #e5e5e5 !important; box-shadow: none !important; } /* Elementor inner container */ .gym-post-navigation .elementor-widget-container { width: 100% !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; } /* ========================================================= NAVIGATION WRAPPER ========================================================= */ .gym-post-navigation .elementor-post-navigation { position: relative !important; display: flex !important; align-items: center !important; width: 100% !important; min-height: 76px !important; margin: 0 !important; padding: 13px 0 !important; background: #ffffff !important; } /* ========================================================= PREVIOUS + NEXT ITEMS ========================================================= */ .gym-post-navigation .elementor-post-navigation__prev, .gym-post-navigation .elementor-post-navigation__next { position: relative !important; display: flex !important; flex-direction: column !important; justify-content: center !important; width: 50% !important; min-width: 0 !important; margin: 0 !important; padding: 0 25px !important; background: transparent !important; } /* Previous */ .gym-post-navigation .elementor-post-navigation__prev { align-items: flex-start !important; text-align: left !important; } /* Next */ .gym-post-navigation .elementor-post-navigation__next { align-items: flex-end !important; text-align: right !important; } /* ========================================================= CENTER DIVIDER ========================================================= */ .gym-post-navigation .elementor-post-navigation::after { content: "" !important; position: absolute !important; top: 50% !important; left: 50% !important; width: 1px !important; height: 28px !important; transform: translate(-50%, -50%) !important; background: #222222 !important; opacity: 0.85 !important; pointer-events: none !important; } /* ========================================================= PREVIOUS / NEXT LABEL ========================================================= */ .gym-post-navigation .elementor-post-navigation__link__prev, .gym-post-navigation .elementor-post-navigation__link__next { display: block !important; margin: 0 0 2px !important; padding: 0 !important; color: #777777 !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1.25 !important; text-decoration: none !important; transition: color 0.2s ease !important; } /* ========================================================= POST TITLE ========================================================= */ .gym-post-navigation .elementor-post-navigation__link { display: block !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; color: #111111 !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.35 !important; text-decoration: none !important; transition: color 0.2s ease, opacity 0.2s ease !important; } /* ========================================================= LINK HOVER ========================================================= */ .gym-post-navigation .elementor-post-navigation__prev:hover .elementor-post-navigation__link, .gym-post-navigation .elementor-post-navigation__next:hover .elementor-post-navigation__link { color: #ed1c24 !important; text-decoration: none !important; } /* Labels hover */ .gym-post-navigation .elementor-post-navigation__prev:hover .elementor-post-navigation__link__prev, .gym-post-navigation .elementor-post-navigation__next:hover .elementor-post-navigation__link__next { color: #ed1c24 !important; } /* ========================================================= ARROWS ========================================================= */ .gym-post-navigation .elementor-post-navigation__prev i, .gym-post-navigation .elementor-post-navigation__next i, .gym-post-navigation .elementor-post-navigation__prev svg, .gym-post-navigation .elementor-post-navigation__next svg { color: #777777 !important; fill: currentColor !important; transition: color 0.2s ease, transform 0.2s ease !important; } /* Previous arrow */ .gym-post-navigation .elementor-post-navigation__prev:hover i, .gym-post-navigation .elementor-post-navigation__prev:hover svg { color: #ed1c24 !important; transform: translateX(-2px) !important; } /* Next arrow */ .gym-post-navigation .elementor-post-navigation__next:hover i, .gym-post-navigation .elementor-post-navigation__next:hover svg { color: #ed1c24 !important; transform: translateX(2px) !important; } /* ========================================================= REMOVE DEFAULT BORDERS / BACKGROUNDS ========================================================= */ .gym-post-navigation .elementor-post-navigation__prev::before, .gym-post-navigation .elementor-post-navigation__next::before { display: none !important; content: none !important; } /* ========================================================= TEXT WRAPPING ========================================================= */ .gym-post-navigation .elementor-post-navigation__link { overflow: hidden !important; text-overflow: ellipsis !important; white-space: normal !important; word-break: normal !important; overflow-wrap: break-word !important; } /* ========================================================= DISABLED / EMPTY PREVIOUS OR NEXT ========================================================= */ .gym-post-navigation .elementor-post-navigation__prev:empty, .gym-post-navigation .elementor-post-navigation__next:empty { visibility: hidden !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .gym-post-navigation { margin-top: 25px !important; } .gym-post-navigation .elementor-post-navigation { min-height: 70px !important; padding: 11px 0 !important; } .gym-post-navigation .elementor-post-navigation__prev, .gym-post-navigation .elementor-post-navigation__next { padding: 0 15px !important; } .gym-post-navigation .elementor-post-navigation__link__prev, .gym-post-navigation .elementor-post-navigation__link__next { font-size: 11px !important; } .gym-post-navigation .elementor-post-navigation__link { font-size: 12px !important; line-height: 1.35 !important; } .gym-post-navigation .elementor-post-navigation::after { height: 26px !important; } } /* ========================================================= SMALL PHONES ========================================================= */ @media (max-width: 480px) { .gym-post-navigation .elementor-post-navigation { min-height: 67px !important; } .gym-post-navigation .elementor-post-navigation__prev, .gym-post-navigation .elementor-post-navigation__next { padding: 0 10px !important; } .gym-post-navigation .elementor-post-navigation__link__prev, .gym-post-navigation .elementor-post-navigation__link__next { font-size: 10px !important; } .gym-post-navigation .elementor-post-navigation__link { font-size: 11px !important; line-height: 1.3 !important; } .gym-post-navigation .elementor-post-navigation::after { height: 23px !important; } }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-57e69cf *//* ========================================================= GET YOUR MANGA RELATED ARTICLES SINGLE POST TEMPLATE WHITE + BLACK + RED ========================================================= */ /* ========================================================= MAIN WIDGET ========================================================= */ .gym-related-articles { width: 100% !important; margin: 30px 0 0 !important; padding: 0 !important; background: #ffffff !important; } /* Elementor widget container */ .gym-related-articles > .elementor-widget-container { width: 100% !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; } /* ========================================================= SECTION TITLE ========================================================= */ .gym-related-articles::before { content: "Related Articles" !important; display: block !important; width: 100% !important; margin: 0 0 15px !important; padding: 0 0 0 18px !important; color: #111111 !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1.3 !important; position: relative !important; } /* Red vertical line */ .gym-related-articles::after { content: "" !important; position: absolute !important; width: 5px !important; height: 23px !important; margin-top: -38px !important; background: #ed1c24 !important; border-radius: 1px !important; } /* ========================================================= POSTS CONTAINER ========================================================= */ .gym-related-articles .elementor-posts-container { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 15px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= INDIVIDUAL POST CARD ========================================================= */ .gym-related-articles .elementor-post { display: flex !important; flex-direction: row !important; align-items: center !important; width: 100% !important; min-width: 0 !important; min-height: 76px !important; margin: 0 !important; padding: 7px !important; background: #ffffff !important; border: 1px solid #e5e5e5 !important; border-radius: 6px !important; box-shadow: none !important; overflow: hidden !important; transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease !important; } /* Card hover */ .gym-related-articles .elementor-post:hover { border-color: #d8d8d8 !important; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.06) !important; transform: translateY(-1px) !important; } /* ========================================================= FEATURED IMAGE LINK ========================================================= */ .gym-related-articles .elementor-post__thumbnail__link { flex: 0 0 78px !important; width: 78px !important; height: 68px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border-radius: 4px !important; background: #f5f5f5 !important; } /* ========================================================= FEATURED IMAGE ========================================================= */ .gym-related-articles .elementor-post__thumbnail { width: 78px !important; height: 68px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border-radius: 4px !important; } .gym-related-articles .elementor-post__thumbnail img { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; border-radius: 4px !important; transition: transform 0.25s ease, opacity 0.25s ease !important; } /* Image hover */ .gym-related-articles .elementor-post:hover .elementor-post__thumbnail img { transform: scale(1.05) !important; opacity: 0.94 !important; } /* ========================================================= POST TEXT AREA ========================================================= */ .gym-related-articles .elementor-post__text { display: flex !important; flex-direction: column !important; justify-content: center !important; min-width: 0 !important; width: calc(100% - 88px) !important; margin: 0 !important; padding: 0 7px !important; } /* ========================================================= POST TITLE ========================================================= */ .gym-related-articles .elementor-post__title { display: -webkit-box !important; width: 100% !important; max-height: 34px !important; margin: 0 0 4px !important; padding: 0 !important; overflow: hidden !important; color: #111111 !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.4 !important; text-decoration: none !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; } /* Title link */ .gym-related-articles .elementor-post__title a { color: #111111 !important; font-weight: 700 !important; text-decoration: none !important; } /* Title hover */ .gym-related-articles .elementor-post__title a:hover { color: #ed1c24 !important; text-decoration: none !important; } /* ========================================================= DATE ========================================================= */ .gym-related-articles .elementor-post__meta-data { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: #999999 !important; font-size: 10.5px !important; font-weight: 400 !important; line-height: 1.3 !important; } .gym-related-articles .elementor-post__meta-data span { color: #999999 !important; font-size: 10.5px !important; } /* Remove metadata icons */ .gym-related-articles .elementor-post__meta-data span::before { display: none !important; content: none !important; } /* ========================================================= HIDE UNWANTED ELEMENTOR CONTENT ========================================================= */ .gym-related-articles .elementor-post__excerpt, .gym-related-articles .elementor-post__read-more, .gym-related-articles .elementor-post__badge, .gym-related-articles .elementor-post__avatar, .gym-related-articles .elementor-post__comments { display: none !important; } /* ========================================================= REMOVE DEFAULT ELEMENTOR SPACING ========================================================= */ .gym-related-articles .elementor-post__thumbnail__link, .gym-related-articles .elementor-post__text, .gym-related-articles .elementor-post__title, .gym-related-articles .elementor-post__meta-data { box-sizing: border-box !important; } /* ========================================================= REMOVE DEFAULT POSTS MARGINS ========================================================= */ .gym-related-articles .elementor-posts-container .elementor-post { margin-block-end: 0 !important; margin-bottom: 0 !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .gym-related-articles .elementor-posts-container { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 12px !important; } .gym-related-articles .elementor-post { min-height: 72px !important; padding: 6px !important; } .gym-related-articles .elementor-post__thumbnail__link { flex-basis: 70px !important; width: 70px !important; height: 62px !important; } .gym-related-articles .elementor-post__thumbnail { width: 70px !important; height: 62px !important; } .gym-related-articles .elementor-post__text { width: calc(100% - 78px) !important; padding: 0 5px !important; } .gym-related-articles .elementor-post__title { font-size: 11px !important; line-height: 1.35 !important; } .gym-related-articles .elementor-post__meta-data, .gym-related-articles .elementor-post__meta-data span { font-size: 9.5px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .gym-related-articles { margin-top: 25px !important; } .gym-related-articles::before { margin-bottom: 13px !important; padding-left: 15px !important; font-size: 17px !important; } .gym-related-articles::after { width: 4px !important; height: 22px !important; margin-top: -36px !important; } .gym-related-articles .elementor-posts-container { grid-template-columns: 1fr !important; gap: 10px !important; } .gym-related-articles .elementor-post { min-height: 78px !important; padding: 7px !important; } .gym-related-articles .elementor-post__thumbnail__link { flex-basis: 80px !important; width: 80px !important; height: 64px !important; } .gym-related-articles .elementor-post__thumbnail { width: 80px !important; height: 64px !important; } .gym-related-articles .elementor-post__text { width: calc(100% - 90px) !important; padding: 0 7px !important; } .gym-related-articles .elementor-post__title { font-size: 13px !important; max-height: 36px !important; line-height: 1.4 !important; } .gym-related-articles .elementor-post__meta-data, .gym-related-articles .elementor-post__meta-data span { font-size: 10.5px !important; } } /* ========================================================= SMALL PHONES ========================================================= */ @media (max-width: 480px) { .gym-related-articles .elementor-posts-container { gap: 8px !important; } .gym-related-articles .elementor-post { min-height: 72px !important; padding: 6px !important; } .gym-related-articles .elementor-post__thumbnail__link { flex-basis: 72px !important; width: 72px !important; height: 58px !important; } .gym-related-articles .elementor-post__thumbnail { width: 72px !important; height: 58px !important; } .gym-related-articles .elementor-post__text { width: calc(100% - 81px) !important; padding: 0 5px !important; } .gym-related-articles .elementor-post__title { font-size: 12px !important; line-height: 1.35 !important; } .gym-related-articles .elementor-post__meta-data, .gym-related-articles .elementor-post__meta-data span { font-size: 10px !important; } }/* End custom CSS */ /* Start custom CSS for search, class: .elementor-element-0e266d1 *//* ========================================================= GET YOUR MANGA SINGLE POST - BLOG SEARCH Elementor Search Widget ========================================================= */ .e-search-form { width: 100% !important; display: flex !important; align-items: stretch !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; } /* ========================================================= INPUT WRAPPER ========================================================= */ .e-search-input-wrapper { position: relative !important; flex: 1 1 auto !important; width: 100% !important; display: flex !important; align-items: center !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= SEARCH INPUT ========================================================= */ .e-search-form .e-search-input { width: 100% !important; height: 42px !important; margin: 0 !important; padding: 0 48px 0 13px !important; background: #ffffff !important; border: 1px solid #dddddd !important; border-right: 0 !important; border-radius: 6px 0 0 6px !important; color: #111111 !important; font-family: inherit !important; font-size: 13px !important; font-weight: 400 !important; line-height: 42px !important; outline: none !important; box-shadow: none !important; transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease !important; } /* Placeholder */ .e-search-form .e-search-input::placeholder { color: #999999 !important; opacity: 1 !important; } /* Focus */ .e-search-form .e-search-input:focus { background: #ffffff !important; border-color: #ed1c24 !important; border-right: 0 !important; box-shadow: 0 0 0 2px rgba(237, 28, 36, 0.08) !important; } /* ========================================================= SEARCH BUTTON ========================================================= */ .e-search-form .e-search-submit { flex: 0 0 42px !important; width: 42px !important; height: 55px !important; min-width: 42px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; background: #ed1c24 !important; border: 1px solid #ed1c24 !important; border-radius: 0 6px 6px 0 !important; color: #ffffff !important; font-size: 0 !important; line-height: 1 !important; cursor: pointer !important; box-shadow: none !important; transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease !important; } /* ========================================================= SEARCH ICON ========================================================= */ /* Elementor may output its own icon. This keeps the button clean if the widget has no icon. */ .e-search-form .e-search-submit::before { content: ""; width: 13px !important; height: 13px !important; border: 2px solid #ffffff !important; border-radius: 50% !important; display: block !important; position: relative !important; } /* Magnifying glass handle */ .e-search-form .e-search-submit::after { content: ""; position: absolute !important; width: 7px !important; height: 2px !important; background: #ffffff !important; border-radius: 2px !important; transform: rotate(45deg) !important; margin-left: 11px !important; margin-top: 11px !important; } /* ========================================================= BUTTON HOVER ========================================================= */ .e-search-form .e-search-submit:hover { background: #c9151d !important; border-color: #c9151d !important; transform: translateY(-1px) !important; } /* ========================================================= HIDE CLEAR BUTTON / X WHEN EMPTY ========================================================= */ .e-search-form .e-font-icon-svg.e-fas-times { color: #999999 !important; width: 12px !important; height: 12px !important; right: 12px !important; } /* ========================================================= SEARCH RESULTS DROPDOWN ========================================================= */ .e-search-form .e-search-results-container { position: absolute !important; top: calc(100% + 6px) !important; left: 0 !important; width: 100% !important; background: #ffffff !important; border: 1px solid #e5e5e5 !important; border-radius: 7px !important; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.10) !important; z-index: 9999 !important; overflow: hidden !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .e-search-form { width: 100% !important; } .e-search-form .e-search-input { height: 42px !important; padding-left: 12px !important; padding-right: 42px !important; font-size: 13px !important; border-radius: 6px 0 0 6px !important; } .e-search-form .e-search-submit { width: 42px !important; min-width: 42px !important; height: 42px !important; border-radius: 0 6px 6px 0 !important; } } /* ========================================================= SMALL PHONES ========================================================= */ @media (max-width: 480px) { .e-search-form .e-search-input { height: 40px !important; font-size: 12.5px !important; } .e-search-form .e-search-submit { width: 40px !important; min-width: 40px !important; height: 40px !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-4aad189 *//* ========================================================= GET YOUR MANGA SINGLE POST - BLOG CATEGORIES WHITE + BLACK + RED ========================================================= */ .blog-sidebar-widget { width: 100%; margin: 0 0 16px; padding: 17px 16px; background: #ffffff; border: 1px solid #e6e6e6; border-radius: 8px; box-shadow: 0 3px 14px rgba(0, 0, 0, 0.04); box-sizing: border-box; } /* ========================================================= CATEGORY HEADING ========================================================= */ .blog-sidebar-widget h3 { position: relative; margin: 0 0 14px; padding: 0 0 10px; color: #111111; font-size: 17px; font-weight: 700; line-height: 1.3; border-bottom: 1px solid #eeeeee; } /* Red heading accent */ .blog-sidebar-widget h3::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 38px; height: 3px; background: #ed1c24; border-radius: 3px; } /* ========================================================= CATEGORY LIST ========================================================= */ .blog-sidebar-widget .blog-category-list { list-style: none; margin: 0; padding: 0; } /* ========================================================= CATEGORY ITEM ========================================================= */ .blog-sidebar-widget .blog-category-list li { position: relative; margin: 0; padding: 0; border-bottom: 1px solid #f0f0f0; } /* Remove border from last item */ .blog-sidebar-widget .blog-category-list li:last-child { border-bottom: none; } /* ========================================================= CATEGORY LINK ========================================================= */ .blog-sidebar-widget .blog-category-list li a { position: relative; display: flex; align-items: center; width: 100%; min-height: 40px; box-sizing: border-box; padding: 9px 6px 9px 19px; color: #333333; font-size: 13px; font-weight: 500; line-height: 1.35; text-decoration: none; border-radius: 4px; transition: color 0.2s ease, background-color 0.2s ease, padding-left 0.2s ease; } /* ========================================================= RED ARROW ========================================================= */ .blog-sidebar-widget .blog-category-list li a::before { content: "›"; position: absolute; left: 4px; top: 50%; transform: translateY(-50%); color: #ed1c24; font-size: 18px; font-weight: 700; line-height: 1; opacity: 0; transition: left 0.2s ease, opacity 0.2s ease; } /* ========================================================= HOVER ========================================================= */ .blog-sidebar-widget .blog-category-list li a:hover { color: #ed1c24; background: #fff5f5; padding-left: 24px; } .blog-sidebar-widget .blog-category-list li a:hover::before { left: 7px; opacity: 1; } /* ========================================================= ACTIVE CATEGORY ========================================================= */ .blog-sidebar-widget .blog-category-list li.current-cat a, .blog-sidebar-widget .blog-category-list li.active a { color: #ed1c24; font-weight: 700; background: #fff5f5; padding-left: 24px; } .blog-sidebar-widget .blog-category-list li.current-cat a::before, .blog-sidebar-widget .blog-category-list li.active a::before { left: 7px; opacity: 1; } /* ========================================================= KEYBOARD ACCESSIBILITY ========================================================= */ .blog-sidebar-widget .blog-category-list li a:focus-visible { outline: 2px solid rgba(237, 28, 36, 0.35); outline-offset: 2px; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .blog-sidebar-widget { margin-bottom: 14px; padding: 15px 14px; border-radius: 7px; } .blog-sidebar-widget h3 { margin-bottom: 12px; font-size: 16px; } .blog-sidebar-widget h3::after { width: 34px; height: 3px; } .blog-sidebar-widget .blog-category-list li a { min-height: 40px; padding: 9px 5px 9px 19px; font-size: 13px; } .blog-sidebar-widget .blog-category-list li a:hover { padding-left: 23px; } .blog-sidebar-widget .blog-category-list li a:hover::before { left: 6px; } } /* ========================================================= SMALL PHONES ========================================================= */ @media (max-width: 480px) { .blog-sidebar-widget { padding: 14px 13px; } .blog-sidebar-widget h3 { font-size: 15px; padding-bottom: 9px; } .blog-sidebar-widget .blog-category-list li a { min-height: 38px; font-size: 12.5px; padding-top: 8px; padding-bottom: 8px; } }/* End custom CSS */ /* Start custom CSS for table-of-contents, class: .elementor-element-c728233 *//* ========================================================= GET YOUR MANGA SINGLE POST - ELEMENTOR TABLE OF CONTENTS WHITE + BLACK + RED THEME ========================================================= */ /* ========================================================= GLOBAL BOX SIZING ========================================================= */ .elementor-widget-table-of-contents, .elementor-widget-table-of-contents *, .elementor-widget-table-of-contents *::before, .elementor-widget-table-of-contents *::after { box-sizing: border-box; } /* ========================================================= MAIN TOC WIDGET ========================================================= */ .elementor-widget-table-of-contents { width: 100% !important; margin: 0 0 18px !important; } /* ========================================================= MAIN TOC BOX ========================================================= */ .elementor-widget-table-of-contents .elementor-toc { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; border: 1px solid #e3e3e3 !important; border-radius: 8px !important; box-shadow: 0 3px 14px rgba(0, 0, 0, 0.04) !important; overflow: hidden !important; color: #111111 !important; } /* ========================================================= TOC HEADER ========================================================= */ .elementor-widget-table-of-contents .elementor-toc__header { position: relative !important; display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; min-height: 52px !important; margin: 0 !important; padding: 13px 14px !important; background: #ffffff !important; border-bottom: 1px solid #eeeeee !important; } /* Red accent under header */ .elementor-widget-table-of-contents .elementor-toc__header::after { content: "" !important; position: absolute !important; left: 14px !important; bottom: -1px !important; width: 38px !important; height: 3px !important; background: #ed1c24 !important; border-radius: 3px !important; } /* ========================================================= HEADER TITLE ========================================================= */ .elementor-widget-table-of-contents .elementor-toc__header-title { margin: 0 !important; padding: 0 !important; color: #111111 !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.3 !important; } /* ========================================================= TOGGLE BUTTONS ========================================================= */ .elementor-widget-table-of-contents .elementor-toc__toggle-button { display: flex !important; align-items: center !important; justify-content: center !important; width: 28px !important; height: 28px !important; margin: 0 0 0 5px !important; padding: 0 !important; background: #f7f7f7 !important; border: 1px solid #dddddd !important; border-radius: 5px !important; color: #333333 !important; cursor: pointer !important; transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease !important; } /* Toggle SVG */ .elementor-widget-table-of-contents .elementor-toc__toggle-button svg { display: block !important; width: 10px !important; height: 10px !important; fill: currentColor !important; } /* Toggle hover */ .elementor-widget-table-of-contents .elementor-toc__toggle-button:hover { background: #ed1c24 !important; border-color: #ed1c24 !important; color: #ffffff !important; } /* ========================================================= TOC BODY ========================================================= */ .elementor-widget-table-of-contents .elementor-toc__body { width: 100% !important; margin: 0 !important; padding: 12px 14px 14px !important; background: #ffffff !important; } /* ========================================================= IMPORTANT: REMOVE ELEMENTOR'S NATIVE OL NUMBERING ========================================================= */ .elementor-widget-table-of-contents ol, .elementor-widget-table-of-contents ul { list-style: none !important; list-style-type: none !important; list-style-position: outside !important; margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; padding-inline-start: 0 !important; } /* Remove browser-generated marker */ .elementor-widget-table-of-contents .elementor-toc__list-item::marker { content: "" !important; display: none !important; color: transparent !important; font-size: 0 !important; } /* Remove Elementor's generated marker */ .elementor-widget-table-of-contents .elementor-toc__list-item-text-wrapper::before { content: none !important; display: none !important; visibility: hidden !important; } /* Remove any previous marker from link */ .elementor-widget-table-of-contents .elementor-toc__list-item-text::before { content: none !important; display: none !important; } /* Remove any previous after marker from link */ .elementor-widget-table-of-contents .elementor-toc__list-item-text::after { content: none !important; } /* ========================================================= LIST WRAPPER ========================================================= */ .elementor-widget-table-of-contents .elementor-toc__list-wrapper { width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } /* ========================================================= LIST ITEMS ========================================================= */ .elementor-widget-table-of-contents .elementor-toc__list-item { position: relative !important; display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } /* ========================================================= MAIN LEVEL COUNTER ========================================================= */ .elementor-widget-table-of-contents .elementor-toc__body > .elementor-toc__list-wrapper { counter-reset: toc-main !important; } .elementor-widget-table-of-contents .elementor-toc__body > .elementor-toc__list-wrapper > .elementor-toc__list-item { counter-increment: toc-main !important; } /* ========================================================= TEXT WRAPPER ========================================================= */ .elementor-widget-table-of-contents .elementor-toc__list-item-text-wrapper { position: relative !important; display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= MAIN RED NUMBER ========================================================= */ .elementor-widget-table-of-contents .elementor-toc__body > .elementor-toc__list-wrapper > .elementor-toc__list-item > .elementor-toc__list-item-text-wrapper::after { content: counter(toc-main) !important; position: absolute !important; left: 0 !important; top: 50% !important; transform: translateY(-50%) !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 20px !important; height: 20px !important; background: #ed1c24 !important; border: 0 !important; border-radius: 4px !important; color: #ffffff !important; font-size: 10px !important; font-weight: 700 !important; line-height: 1 !important; text-align: center !important; z-index: 2 !important; } /* ========================================================= MAIN TOC LINKS ========================================================= */ .elementor-widget-table-of-contents .elementor-toc__body > .elementor-toc__list-wrapper > .elementor-toc__list-item > .elementor-toc__list-item-text-wrapper > .elementor-toc__list-item-text { display: block !important; width: 100% !important; margin: 0 !important; padding: 9px 5px 9px 28px !important; background: transparent !important; border-bottom: 1px solid #eeeeee !important; color: #333333 !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.45 !important; text-decoration: none !important; transition: color 0.2s ease, background-color 0.2s ease !important; } /* ========================================================= MAIN LINK HOVER ========================================================= */ .elementor-widget-table-of-contents .elementor-toc__body > .elementor-toc__list-wrapper > .elementor-toc__list-item > .elementor-toc__list-item-text-wrapper > .elementor-toc__list-item-text:hover { color: #ed1c24 !important; background: #fff7f7 !important; } /* ========================================================= ACTIVE MAIN LINK ========================================================= */ .elementor-widget-table-of-contents .elementor-toc__body > .elementor-toc__list-wrapper > .elementor-toc__list-item > .elementor-toc__list-item-text-wrapper > .elementor-item-active { color: #ed1c24 !important; background: #fff7f7 !important; font-weight: 700 !important; } /* ========================================================= NESTED LIST ========================================================= */ .elementor-widget-table-of-contents .elementor-toc__list-wrapper .elementor-toc__list-wrapper { position: relative !important; width: auto !important; margin: 0 0 0 18px !important; padding: 0 0 0 9px !important; border-left: 1px solid #eeeeee !important; list-style: none !important; } /* ========================================================= CHILD COUNTER ========================================================= */ .elementor-widget-table-of-contents .elementor-toc__list-wrapper .elementor-toc__list-wrapper { counter-reset: toc-child !important; } .elementor-widget-table-of-contents .elementor-toc__list-wrapper .elementor-toc__list-wrapper > .elementor-toc__list-item { counter-increment: toc-child !important; } /* ========================================================= CHILD NUMBER ========================================================= */ .elementor-widget-table-of-contents .elementor-toc__list-wrapper .elementor-toc__list-wrapper > .elementor-toc__list-item > .elementor-toc__list-item-text-wrapper::after { content: counter(toc-child) !important; position: absolute !important; left: 0 !important; top: 50% !important; transform: translateY(-50%) !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 17px !important; height: 17px !important; background: #ffffff !important; border: 1px solid #ed1c24 !important; border-radius: 4px !important; color: #ed1c24 !important; font-size: 9px !important; font-weight: 700 !important; line-height: 1 !important; text-align: center !important; z-index: 2 !important; } /* ========================================================= CHILD LINKS ========================================================= */ .elementor-widget-table-of-contents .elementor-toc__list-wrapper .elementor-toc__list-wrapper > .elementor-toc__list-item > .elementor-toc__list-item-text-wrapper > .elementor-toc__list-item-text { display: block !important; width: 100% !important; margin: 0 !important; padding: 8px 5px 8px 24px !important; background: transparent !important; border-bottom: 1px solid #f1f1f1 !important; color: #666666 !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1.45 !important; text-decoration: none !important; transition: color 0.2s ease, background-color 0.2s ease !important; } /* ========================================================= CHILD HOVER ========================================================= */ .elementor-widget-table-of-contents .elementor-toc__list-wrapper .elementor-toc__list-wrapper > .elementor-toc__list-item > .elementor-toc__list-item-text-wrapper > .elementor-toc__list-item-text:hover { color: #ed1c24 !important; background: #fff8f8 !important; } /* ========================================================= CHILD ACTIVE ========================================================= */ .elementor-widget-table-of-contents .elementor-toc__list-wrapper .elementor-toc__list-wrapper > .elementor-toc__list-item > .elementor-toc__list-item-text-wrapper > .elementor-item-active { color: #ed1c24 !important; font-weight: 600 !important; background: #fff8f8 !important; } /* ========================================================= LAST ITEMS ========================================================= */ .elementor-widget-table-of-contents .elementor-toc__list-item:last-child .elementor-toc__list-item-text { border-bottom: 0 !important; } /* ========================================================= FOCUS ========================================================= */ .elementor-widget-table-of-contents .elementor-toc__list-item-text:focus-visible { outline: 2px solid rgba(237, 28, 36, 0.35) !important; outline-offset: 2px !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-widget-table-of-contents { margin-bottom: 16px !important; } .elementor-widget-table-of-contents .elementor-toc__header { min-height: 50px !important; padding: 12px 14px !important; } .elementor-widget-table-of-contents .elementor-toc__header-title { font-size: 16px !important; } .elementor-widget-table-of-contents .elementor-toc__body { padding: 11px 13px 13px !important; } .elementor-widget-table-of-contents .elementor-toc__list-item-text { font-size: 12.5px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-widget-table-of-contents { width: 100% !important; margin-bottom: 14px !important; } .elementor-widget-table-of-contents .elementor-toc { border-radius: 7px !important; } .elementor-widget-table-of-contents .elementor-toc__header { min-height: 48px !important; padding: 11px 13px !important; } .elementor-widget-table-of-contents .elementor-toc__header::after { left: 13px !important; width: 32px !important; height: 3px !important; } .elementor-widget-table-of-contents .elementor-toc__header-title { font-size: 15px !important; } .elementor-widget-table-of-contents .elementor-toc__toggle-button { width: 27px !important; height: 27px !important; } .elementor-widget-table-of-contents .elementor-toc__body { padding: 10px 12px 12px !important; } .elementor-widget-table-of-contents .elementor-toc__list-item-text { font-size: 12.5px !important; padding-top: 8px !important; padding-bottom: 8px !important; } .elementor-widget-table-of-contents .elementor-toc__list-wrapper .elementor-toc__list-wrapper { margin-left: 15px !important; padding-left: 8px !important; } .elementor-widget-table-of-contents .elementor-toc__list-item-text-wrapper::after { width: 19px !important; height: 19px !important; } } /* ========================================================= SMALL PHONES ========================================================= */ @media (max-width: 480px) { .elementor-widget-table-of-contents .elementor-toc__header { min-height: 46px !important; padding: 10px 12px !important; } .elementor-widget-table-of-contents .elementor-toc__header-title { font-size: 14px !important; } .elementor-widget-table-of-contents .elementor-toc__body { padding: 9px 10px 10px !important; } .elementor-widget-table-of-contents .elementor-toc__list-item-text { font-size: 12px !important; padding-left: 26px !important; } .elementor-widget-table-of-contents .elementor-toc__list-wrapper .elementor-toc__list-wrapper .elementor-toc__list-item-text { padding-left: 22px !important; } .elementor-widget-table-of-contents .elementor-toc__list-wrapper .elementor-toc__list-wrapper { margin-left: 13px !important; padding-left: 7px !important; } .elementor-widget-table-of-contents .elementor-toc__list-item-text-wrapper::after { width: 18px !important; height: 18px !important; font-size: 9px !important; } } /* ========================================================= FINAL ZERO / NATIVE MARKER SAFETY ========================================================= */ /* * Elementor generates its TOC as an ordered list. * These rules make sure browser/Elementor native * numbers such as "0." never appear beside our * custom red number boxes. */ .elementor-widget-table-of-contents .elementor-toc__list-wrapper { list-style: none !important; list-style-type: none !important; } .elementor-widget-table-of-contents .elementor-toc__list-item { list-style: none !important; list-style-type: none !important; } .elementor-widget-table-of-contents .elementor-toc__list-item::marker { content: none !important; display: none !important; color: transparent !important; font-size: 0 !important; } .elementor-widget-table-of-contents .elementor-toc__list-item-text-wrapper::before { content: none !important; display: none !important; visibility: hidden !important; opacity: 0 !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-1f0f176 *//* ========================================================= GET YOUR MANGA RECENT POSTS SIDEBAR WHITE + BLACK + RED ========================================================= */ /* ========================================================= MAIN WIDGET ========================================================= */ .gym-recent-posts { width: 100% !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; border: 1px solid #e3e3e3 !important; border-radius: 6px !important; box-shadow: none !important; overflow: hidden !important; } /* ========================================================= WIDGET CONTAINER ========================================================= */ .gym-recent-posts .elementor-widget-container { width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= POSTS AREA ========================================================= */ .gym-recent-posts .elementor-posts-container { display: flex !important; flex-direction: column !important; width: 100% !important; gap: 0 !important; margin: 0 !important; padding: 0 14px 10px !important; } /* ========================================================= TITLE ========================================================= */ .gym-recent-posts::before { content: "Recent Posts" !important; display: block !important; width: 100% !important; padding: 14px 14px 8px !important; background: #ffffff !important; color: #111111 !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.25 !important; } /* ========================================================= INDIVIDUAL POST ========================================================= */ .gym-recent-posts .elementor-post { display: flex !important; flex-direction: row !important; align-items: flex-start !important; width: 100% !important; min-height: 67px !important; margin: 0 !important; padding: 9px 0 !important; background: #ffffff !important; border: 0 !important; border-bottom: 1px solid #eeeeee !important; box-shadow: none !important; gap: 10px !important; } /* Remove border from final post */ .gym-recent-posts .elementor-post:last-child { border-bottom: 0 !important; padding-bottom: 5px !important; } /* ========================================================= FEATURED IMAGE ========================================================= */ .gym-recent-posts .elementor-post__thumbnail__link { flex: 0 0 68px !important; width: 68px !important; height: 52px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border-radius: 4px !important; background: #f5f5f5 !important; } .gym-recent-posts .elementor-post__thumbnail { width: 68px !important; height: 52px !important; padding: 0 !important; overflow: hidden !important; border-radius: 4px !important; } .gym-recent-posts .elementor-post__thumbnail img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; margin: 0 !important; padding: 0 !important; border-radius: 4px !important; transition: transform 0.2s ease, opacity 0.2s ease !important; } /* Image hover */ .gym-recent-posts .elementor-post:hover .elementor-post__thumbnail img { transform: scale(1.04) !important; opacity: 0.92 !important; } /* ========================================================= CONTENT ========================================================= */ .gym-recent-posts .elementor-post__text { display: flex !important; flex-direction: column !important; justify-content: flex-start !important; min-width: 0 !important; width: calc(100% - 78px) !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= POST TITLE ========================================================= */ .gym-recent-posts .elementor-post__title { display: -webkit-box !important; width: 100% !important; margin: 0 0 3px !important; padding: 0 !important; overflow: hidden !important; color: #111111 !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.35 !important; text-decoration: none !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; } .gym-recent-posts .elementor-post__title a { color: #111111 !important; font-weight: 700 !important; text-decoration: none !important; } .gym-recent-posts .elementor-post__title a:hover { color: #ed1c24 !important; text-decoration: none !important; } /* ========================================================= POST DATE ========================================================= */ .gym-recent-posts .elementor-post__meta-data { display: block !important; margin: 0 !important; padding: 0 !important; color: #999999 !important; font-size: 11px !important; font-weight: 400 !important; line-height: 1.35 !important; } .gym-recent-posts .elementor-post__meta-data span { color: #999999 !important; } /* Date separator */ .gym-recent-posts .elementor-post__meta-data span::before { display: none !important; } /* ========================================================= HIDE UNWANTED ELEMENTS ========================================================= */ .gym-recent-posts .elementor-post__excerpt, .gym-recent-posts .elementor-post__read-more, .gym-recent-posts .elementor-post__badge, .gym-recent-posts .elementor-post__avatar, .gym-recent-posts .elementor-post__comments { display: none !important; } /* ========================================================= REMOVE DEFAULT ELEMENTOR SPACING ========================================================= */ .gym-recent-posts .elementor-post__thumbnail__link, .gym-recent-posts .elementor-post__text, .gym-recent-posts .elementor-post__title, .gym-recent-posts .elementor-post__meta-data { box-sizing: border-box !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .gym-recent-posts { width: 100% !important; border-radius: 6px !important; } .gym-recent-posts::before { padding: 13px 13px 8px !important; font-size: 16px !important; } .gym-recent-posts .elementor-posts-container { padding: 0 13px 8px !important; } .gym-recent-posts .elementor-post { min-height: 65px !important; padding: 8px 0 !important; gap: 9px !important; } .gym-recent-posts .elementor-post__thumbnail__link { flex-basis: 65px !important; width: 65px !important; height: 50px !important; } .gym-recent-posts .elementor-post__thumbnail { width: 65px !important; height: 50px !important; } .gym-recent-posts .elementor-post__text { width: calc(100% - 74px) !important; } .gym-recent-posts .elementor-post__title { font-size: 12px !important; line-height: 1.35 !important; } .gym-recent-posts .elementor-post__meta-data { font-size: 10.5px !important; } } /* ========================================================= SMALL PHONES ========================================================= */ @media (max-width: 480px) { .gym-recent-posts::before { font-size: 15px !important; } .gym-recent-posts .elementor-post__thumbnail__link { flex-basis: 62px !important; width: 62px !important; height: 48px !important; } .gym-recent-posts .elementor-post__thumbnail { width: 62px !important; height: 48px !important; } .gym-recent-posts .elementor-post__text { width: calc(100% - 71px) !important; } .gym-recent-posts .elementor-post__title { font-size: 11.5px !important; } .gym-recent-posts .elementor-post__meta-data { font-size: 10px !important; } }/* End custom CSS */