/* Theme Name: ChromeNews Theme URI: https://afthemes.com/products/chromenews/ Author: AF themes Author URI: https://www.afthemes.com/ Description: ChromeNews is a powerful WordPress theme that's perfect for news, blogs, and magazines. The theme comes with a number of free starter sites that may be easily integrated to construct a fantastic news hub. The theme is fully widgetized, with 9+ custom widgets and widget sections, allowing users to customize site content. It also offers a light and dark color mode for viewing articles and blog posts in a fashionable manner. It also includes a variety of useful customizer choices for creating an aesthetically pleasing news site. You may set it up as you want and see how it looks before making any changes with the live customizer. It supports Gutenberg blocks and Elementor, as well as the WooCommerce plugin, allowing you to combine an online store with our newspaper theme. The RTL languages supported theme is appropriate for a news, journal, magazine, publishing, or review website, as well as blogging. It's well-designed to help the website rank higher in search engines, and users will receive excellent support from the staff if they run into any issues while using it. Find demos: https://afthemes.com/products/chromenews/#aft-view-starter-sites Videos: https://www.youtube.com/@wpafthemes/ Docs: https://docs.afthemes.com/chromenews/ Version: 4.7.4 Requires PHP: 5.6 Tested up to: 6.5 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: chromenews Tags: news, blog, entertainment, one-column, two-columns, grid-layout, block-styles, left-sidebar, right-sidebar, custom-header, flexible-header, custom-background, custom-menu, featured-images, full-width-template, post-formats, rtl-language-support, footer-widgets, translation-ready, theme-options, threaded-comments This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. ChromeNews is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. ChromeNews WordPress Theme, Copyright 2023 AF themes ChromeNews is distributed under the terms of the GNU GPL v2 or later. */ /*Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Typography # Elements # Grids # Social icons # Forms # Navigation ## Links ## Menus # Accessibility # Alignments # Clearings # Widgets # Content ## Posts and pages ## Comments # Infinite scroll # Media ## Captions ## Galleries # Footer -----------------------------------------------------------*/ /*----------------------------------------------------------- # Normalize -----------------------------------------------------------*/ html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background-color: transparent; border-bottom: 1px solid #ffcc00 ; } mark:hover { border-bottom: none; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; display: inline-block; vertical-align: middle; margin: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } input[type=file] { padding: 10px; height: unset; max-width: 100%; } .btn-style1 a:visited, .btn-style1 a, button, input[type="button"], input[type="reset"], input[type="submit"] { border: none; border-radius: 0; background: #ffcc00; color: #202020; font-size: 12px; line-height: normal; height: 38px; padding: 5px 10px; transition: all 300ms ease-out; text-transform: uppercase; font-weight: 700; } .btn-style1 a:visited, .btn-style1 a{ display: inline-block; height: auto; } button.af-not-button{ height: auto; font-size: 15px; padding: 0; line-height: normal; text-transform: inherit; background: transparent; font-weight: normal; align-items: center; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0 10px; width: unset; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 10px; border-top-width: 1px; border-top-style: solid; border-left-width: 1px; border-left-style: solid; } tr:last-child th , tr:last-child td { border-bottom-width: 1px; border-bottom-style: solid; } td:last-child, th:last-child { border-right-width: 1px; border-right-style: solid; } /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ body, button, input, select, optgroup, textarea { color: #4a4a4a; font-family: Jost; font-size: 1rem; font-size: 16px; line-height: 1.5; } input{height: 38px;} button, input, select, optgroup, textarea { border: 1px solid #dcdcdc; } body.aft-light-mode input[type=file], body.aft-light-mode input[type="text"], body.aft-light-mode input[type="email"], body.aft-light-mode input[type="url"], body.aft-light-mode input[type="password"], body.aft-light-mode input[type="search"], body.aft-light-mode input[type="number"], body.aft-light-mode input[type="tel"], body.aft-light-mode input[type="range"], body.aft-light-mode input[type="date"], body.aft-light-mode input[type="month"], body.aft-light-mode input[type="week"], body.aft-light-mode input[type="time"], body.aft-light-mode input[type="datetime"], body.aft-light-mode input[type="datetime-local"], body.aft-light-mode input[type="color"], body.aft-light-mode textarea, body.aft-light-mode .comment-form input[type="text"], body.aft-light-mode .comment-form input[type="email"], body.aft-light-mode .comment-form input[type="url"], body.aft-light-mode .comment-form textarea{ background: rgb(255, 255, 255,.05); } h1, h2, h3, h4, h5, h6 { clear: both; line-height: 1.3; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; } .widget ul.af-tabs > li a, .site-description, .site-title{ font-family: Jost; } .site-title { font-weight: 600; } h1, h2, h3, h4, h5, h6 { font-weight: 600; } p { margin: 0 0 10px; } dfn, cite, em, i { font-style: italic; } blockquote { border-left: 0.25em solid; position: relative; line-height: 1.5; margin-top: 28px; margin-bottom: 28px; padding: 0 0 0 1em; } .wp-block-quote.is-large, .wp-block-quote.is-style-large{ padding: 0 0 0 2em; } blockquote blockquote { font-size: 1em; margin-bottom: 0; padding-bottom: 0; } blockquote blockquote:after { border-bottom: 0; } @media not screen and (min-width: 992px) { blockquote { font-size: 1.125em; line-height: 1.33333; margin-top: 2.66667em; margin-bottom: 2em; } } blockquote cite { display: block; margin-top: 1.5em; font-size: 0.57143em; line-height: 1.5; font-style: normal; } address { margin: 0 0 1.5em; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { text-decoration: none; } big { font-size: 125%; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } .clearfix::after { content: ""; clear: both; display: block; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } body ul, body ol { margin: 0; }/* overwrite bootrstap */ ul, ol { margin: 0; padding: 0; list-style: none; } body ul[class*='wp-block-'], body ol[class*='wp-block-'] { margin-top: 1em; margin-bottom: 1em; } /* overwrite for block theme */ body .chromenews-widget ul[class*='wp-block-']:first-child, body .chromenews-widget ol[class*='wp-block-']:first-child { margin-top: 0; } body .chromenews-widget ul[class*='wp-block-']:last-child, body .chromenews-widget ol[class*='wp-block-']:last-child { margin-bottom: 0; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dl { border: 2px solid #e8e8e8; padding: 2.5em; } dt { text-align: left; font-size: 130%; font-weight: bold; } dd { margin: 0; padding: 0 0 1em 0; } img { height: auto; max-width: 100%; } figure { margin: 0 auto 15px; } table { margin: 0 0 1.5em; width: 100%; } table#wp-calendar { margin-bottom: 0; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Preloader --------------------------------------------------------------*/ #af-preloader { width: 100%; height: 100%; position: fixed; background-color: #fff; z-index: 99999999; top: 0; left: 0; } #loader-wrapper { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .banner-exclusive-posts-wrapper .aft-ripple, .banner-exclusive-posts-wrapper .aft-ripple::before{ animation: 2s infinite ease-in-out; } #loader, #loader::before { animation: 1s infinite ease-in-out; } .banner-exclusive-posts-wrapper .aft-ripple, #loader { width: 50px; height: 50px; border-radius: 50%; margin: 3em; display: inline-block; position: relative; vertical-align: middle; background-color: #ffcc00; } .banner-exclusive-posts-wrapper .aft-ripple{ margin: 0; overflow: hidden; } .banner-exclusive-posts-wrapper .aft-ripple::before, #loader::before { content: ''; width: 100%; height: 100%; border-radius: 50%; position: absolute; border: 10px solid rgba(255, 255, 255, 0.15); top: -10px; left: -10px; animation-name: loader3; box-sizing: content-box; } body.aft-light-mode #loader::before { border-color: #fff; } body.aft-dark-mode #loader::before { border-color: rgb(33, 32, 27); } @-webkit-keyframes loader3 { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes loader3 { 0% { transform: scale(0); } 100% { transform: scale(1); } } .elementor-html #af-preloader{ display: none; } /*-------------------------------------------------------------- # Preloader --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*============-------------for all navigations----------=============*/ .main-navigation .menu-desktop > li , .main-navigation .menu-desktop > ul > li { position: relative; display: inline-block; transition-duration: 0.5s; font-size: 14px; line-height: 19px; font-weight: 700; } .main-navigation .menu-desktop > li > a, .main-navigation .menu-desktop > ul > li > a{ padding: 15px; text-transform: uppercase; } @media screen and (min-width: 993px) { .main-navigation .menu-desktop > li:last-child > a, .main-navigation .menu-desktop > ul > li:last-child > a, .main-navigation .menu-desktop > li:last-child > a, .main-navigation .menu-desktop > ul > li:last-child > a{ padding-right: 0px; } .main-navigation .menu-desktop > li.page_item_has_children > a, .main-navigation .menu-desktop > ul > li.page_item_has_children > a, .main-navigation .menu-desktop > li.menu-item-has-children > a, .main-navigation .menu-desktop > ul > li.menu-item-has-children > a{ padding-right: 45px; } .main-navigation .menu-desktop > li.page_item_has_children:last-child > a, .main-navigation .menu-desktop > ul > li.page_item_has_children:last-child > a, .main-navigation .menu-desktop > li.menu-item-has-children:last-child > a, .main-navigation .menu-desktop > ul > li.menu-item-has-children:last-child > a{ padding-right: 15px; } .main-navigation .menu-desktop > li.page_item_has_children:last-child > a:after, .main-navigation .menu-desktop > ul > li.page_item_has_children:last-child > a:after, .main-navigation .menu-desktop > li.menu-item-has-children:last-child > a:after, .main-navigation .menu-desktop > ul > li.menu-item-has-children:last-child > a:after{ right: 0; } .main-navigation ul.children li, .main-navigation ul .sub-menu li { border-top: 1px solid rgba(0, 0, 0, 0.1); } } .main-navigation ul li a { color: #fff; } .main-navigation ul.children li, .main-navigation ul .sub-menu li { display: block; float: none; text-align: left; text-transform: none; padding: 0; position: relative; text-transform: uppercase; } .main-navigation ul.children li:first-child, .main-navigation ul .sub-menu li:first-child{ border:none; } .main-navigation ul.children li a, .main-navigation ul .sub-menu li a { padding: 10px 15px; display: inline-block; position: relative; } .ham { width: 23px; height: 2px; top: 50%; display: block; margin-right: auto; background-color: #fff; position: relative; -webkit-transition: all .075s ease-in-out; transition: all .075s ease-in-out; } .ham:before, .ham:after { position: absolute; content: ''; width: 100%; height: 2px; left: 0; top: -8px; background-color: #fff; -webkit-transition: all .075s ease-in-out; transition: all .075s ease-in-out; } .ham:after { top: 8px; } .ham.exit { background-color: transparent; } .ham.exit:before { -webkit-transform: translateY(8px) rotateZ(-45deg); transform: translateY(8px) rotateZ(-45deg); } .ham.exit:after { -webkit-transform: translateY(-8px) rotateZ(45deg); transform: translateY(-8px) rotateZ(45deg); } /* Small menu. */ .menu-toggle, .main-navigation.toggled ul { display: block; } .main-navigation .toggle-menu { width: 40px; text-align: center; cursor: pointer; font-size: 15px; display: none; padding: 20px; padding-left: 0; background-color: transparent; border:none; } .main-navigation .toggle-menu:focus{ outline: 1px dotted #fff; } .main-navigation .menu .menu-mobile { margin: 0; list-style: none; text-align: left; z-index: 9999; background-color: #fff; display: none; position: absolute; top: 100%; left: 0; width: 100%; } .main-navigation .menu .menu-mobile li { padding: 0; overflow: hidden; } .main-navigation .menu .menu-mobile li a { display: block; color: #000; text-decoration: none; position: relative; padding: 10px 20px; padding-left: 10px; padding-right: 30px; border-top: 1px solid rgba(0, 0, 0, 0.075); -webkit-transition: all 0.075s ease; transition: all 0.075s ease; } .main-navigation .menu .menu-mobile li .sub-menu { list-style: none; padding: 0; margin: 0; display: none; } .main-navigation .menu .menu-mobile li .sub-menu li a{ padding-left: 20px; } .main-navigation .menu .menu-mobile li .sub-menu .sub-menu li a{ padding-left: 30px; } .main-navigation ul li.page_item_has_children > a:after, .main-navigation ul li.menu-item-has-children > a:after { display: inline-block; position: absolute; right: 30px; font-size: 10px; font-family: 'aft-icons' !important; content: "\f078"; } .main-navigation ul.children li.page_item_has_children > a:after, .main-navigation ul .sub-menu li.menu-item-has-children > a:after{display: none;} /* off canvas css here */ body.sidr-open:before { content: ""; left: 0; top: 0; z-index: 102; width: 100%; height: 100%; position: fixed; cursor: pointer; -webkit-transition: visibility 0s, opacity 0.4s linear; transition: visibility 0s, opacity 0.4s linear; visibility: visible; opacity: .75; background-color: #fff; } body.aft-dark-mode #af-preloader, body.aft-dark-mode.sidr-open:before { background-color: rgb(33, 32, 27); } /* off canvas css here */ @media only screen and (min-width: 993px) { .main-navigation .menu li a button{ display: none; } .main-navigation .menu-desktop, .main-navigation .menu-desktop > ul { font-size: 0; display: flex; flex-wrap: wrap; } .aft-header-layout-side .main-navigation .menu-desktop, .aft-header-layout-side .main-navigation .menu-desktop > ul { justify-content: flex-start; } .main-navigation .menu-desktop > li > a, .main-navigation .menu-desktop > ul > li > a { padding: 15px 30px 15px 0; text-transform: uppercase; } .main-navigation .menu ul ul li { width: 210px; } .main-navigation .menu ul ul li a { word-break: break-word; } .main-navigation .menu ul li .menu-description { word-break: break-word; display: inline; } .main-navigation .menu-desktop > li.current-menu-item::after , .main-navigation .menu-desktop > ul > li.current-menu-item::after , .main-navigation .menu-desktop > li::after , .main-navigation .menu-desktop > ul > li::after { content: ""; background-color: #ffcc00; position: absolute; left: 0px; right: 0; bottom: 0; height: 3px; width: 0; transform-origin: center; transition: width ease-in 0.075s; } .aft-header-layout-side .main-navigation .menu-desktop > li.current-menu-item::after, .aft-header-layout-side .main-navigation .menu-desktop > ul > li.current-menu-item::after, .aft-header-layout-side .main-navigation .menu-desktop > li::after, .aft-header-layout-side .main-navigation .menu-desktop > ul > li::after, .main-navigation .menu-desktop > li.current-menu-item:first-child::after, .main-navigation .menu-desktop > ul > li.current-menu-item:first-child::after, .main-navigation .menu-desktop > li:first-child::after, .main-navigation .menu-desktop > ul > li:first-child::after{ left: 0; } .main-navigation .menu-desktop.hide-menu-border > li.current-menu-item::after , .main-navigation .menu-desktop.hide-menu-border > ul > li.current-menu-item::after , .main-navigation .menu-desktop.hide-menu-border > li::after , .main-navigation .menu-desktop.hide-menu-border > ul > li::after{ display: none; } .main-navigation .menu-desktop > li.current-menu-item::after , .main-navigation .menu-desktop > ul > li.current-menu-item::after , .main-navigation .menu-desktop > li:hover::after , .main-navigation .menu-desktop > ul > li:hover::after { width: calc(100% - 30px); } .main-navigation .menu-desktop > li.current-menu-item:last-child::after , .main-navigation .menu-desktop > ul > li.current-menu-item:last-child::after , .main-navigation .menu-desktop > li:last-child:hover::after , .main-navigation .menu-desktop > ul > li:last-child:hover::after { width: calc(100% - 0px); } .main-navigation .menu ul > li > a { position: relative; display: block; } .main-navigation .menu ul ul a { display: block; padding: 10px ; line-height: inherit; } .main-navigation .menu ul ul { position: absolute; text-align: left; visibility: hidden; filter: alpha(opacity=0); opacity: 0; margin: 0 auto; padding: 0; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3); -webkit-transition: top 0.4s; transition: top 0.4s; } .main-navigation .menu li:focus-within > ul { visibility: visible; filter: alpha(opacity=1); opacity: 1; z-index: 999; } .main-navigation .menu li:focus > ul , .main-navigation .menu li:hover > ul { visibility: visible; filter: alpha(opacity=1); opacity: 1; z-index: 999; } .main-navigation .menu > ul > li > ul { top: 110%; left: 0px; background-color: #fff; } .main-navigation .menu > ul > li:first-child > ul { left: 0; } .main-navigation .menu > ul > li:nth-child(7n + 13) > ul , .main-navigation .menu > ul > li:nth-child(7n + 12) > ul , .main-navigation .menu > ul > li:nth-child(7n + 11) > ul , .main-navigation .menu > ul > li:nth-child(7n + 10) > ul , .main-navigation .menu > ul > li:nth-child(7n + 9) > ul , .main-navigation .menu > ul > li:nth-child(7n + 8) > ul , .main-navigation .menu > ul > li:nth-child(7n + 7) > ul { left: unset; right: 30px; } .main-navigation .menu > ul > li:nth-child(7n + 13):last-child > ul , .main-navigation .menu > ul > li:nth-child(7n + 12):last-child > ul , .main-navigation .menu > ul > li:nth-child(7n + 11):last-child > ul , .main-navigation .menu > ul > li:nth-child(7n + 10):last-child > ul , .main-navigation .menu > ul > li:nth-child(7n + 9):last-child > ul , .main-navigation .menu > ul > li:nth-child(7n + 8):last-child > ul , .main-navigation .menu > ul > li:nth-child(7n + 7):last-child > ul { right: 0; } .main-navigation .menu > ul > li:focus-within > ul { top: 100%; } .main-navigation .menu > ul > li:focus > ul , .main-navigation .menu > ul > li:hover > ul { top: 100%; } .main-navigation .menu ul ul ul { top: -20px; left: 100%; background-color: #fff; display: none; } .main-navigation .menu > ul > li:nth-child(7n + 13) > ul ul, .main-navigation .menu > ul > li:nth-child(7n + 12) > ul ul, .main-navigation .menu > ul > li:nth-child(7n + 11) > ul ul, .main-navigation .menu > ul > li:nth-child(7n + 10) > ul ul, .main-navigation .menu > ul > li:nth-child(7n + 9) > ul ul, .main-navigation .menu > ul > li:nth-child(7n + 8) > ul ul, .main-navigation .menu > ul > li:nth-child(7n + 7) > ul ul{ left: unset; right: 100%; } .main-navigation ul.children li.page_item_has_children > a:before, .main-navigation ul .sub-menu li.menu-item-has-children > a:before { content: "\f054"; font-family: 'aft-icons' !important; padding-left: 10px; float: right; font-size: 10px; } .main-navigation .menu > ul > li:nth-child(7n + 13) > ul li a:before, .main-navigation .menu > ul > li:nth-child(7n + 12) > ul li a:before, .main-navigation .menu > ul > li:nth-child(7n + 11) > ul li a:before, .main-navigation .menu > ul > li:nth-child(7n + 10) > ul li a:before, .main-navigation .menu > ul > li:nth-child(7n + 9) > ul li a:before, .main-navigation .menu > ul > li:nth-child(7n + 8) > ul li a:before, .main-navigation .menu > ul > li:nth-child(7n + 7) > ul li a:before{ transform: rotate(180deg); padding-right: 10px; padding-left: 0; } .main-navigation .menu ul ul li:focus-within > ul { top: 0; display: block; } .main-navigation .menu ul ul li:focus > ul , .main-navigation .menu ul ul li:hover > ul { top: 0; display: block; } } @media only screen and (max-width: 992px) { .main-navigation .menu > .menu { margin: 0; list-style: none; text-align: left; z-index: 9999; background-color: #fff; display: none; position: absolute; top: 100%; left: 0; padding: 20px; } .main-navigation .menu > .menu > li:first-child > a { border-top: none; } .site .site-header { display: block; padding-bottom: 10px; padding-top: 10px; } .main-navigation .menu .menu-mobile li a button{ position: absolute; top: 0; right: 0; bottom: 0; width: 30px; z-index: 1; background-color: transparent; border:none; top: 50%; transform: translateY(-50%); outline: none; } .main-navigation .menu .menu-mobile li a button:focus { outline: 1px dotted #ccc; } .main-navigation .menu .menu-mobile li a button:before, .main-navigation .menu .menu-mobile li a button:after { content: ''; width: 13px; height: 2px; background-color: #4a4a4a; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; } .aft-dark-mode .main-navigation .menu .menu-mobile li a button:before, .aft-dark-mode .main-navigation .menu .menu-mobile li a button:after { background-color: #fff; } .main-navigation .menu .menu-mobile li a button:after { width: 2px; height: 13px; } .main-navigation .menu .menu-mobile li a button.active:after { opacity: 0; } } /*menu-description*/ .main-navigation .menu-description { font-size: 10px; margin: 0 0 0 5px; z-index: 1; width: max-content; border-bottom: 2px solid #ffcc00; display: inline-block; line-height: 1.3; } .main-navigation .menu > li > a> .menu-description { color: #fff; } .main-navigation .menu-item:first-child .menu-description { left: 0; } .main-navigation .sub-menu .menu-description{ top: 50%; left: inherit; transform: translateY(-50%); margin: 0 5px; } /*menu-description*/ /*============-------------for all navigations----------=============*/ /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a { text-decoration: none; color: #0987f5; } a:hover, a:focus, a:active, a:visited { color: #0987f5; } body a:hover, body a:focus, body a:active { text-decoration: none; } a:focus:not(:hover) { outline: 1px dotted; } a:hover { outline: none; } /*-------------------------------------------------------------- ## grid --------------------------------------------------------------*/ .col-1 {width: 100%;} .col-2 {width: 50%;} .col-3 {width: 33.33%;} .col-4 {width: 25%;} .col-5 {width: 20%;} .col-15 {width: 15%;} .col-16 {width: 16%;} .col-30 {width: 30%;} .col-40 {width: 40%;} .col-55 {width: 55%;} .col-60 {width: 60%;} .col-70 {width: 70%;} .col-66 {width: 66.67%;} .col-75 {width: 75%;} .float-l {float: left;} .pad { padding-left: 10px; padding-right: 10px; } .primary-footer-area.pad { padding-left: 10px; padding-right: 10px; } .pad-5 { padding-left: 5px; padding-right: 5px; } .ptb-10{ padding-top: 7.5px; padding-bottom: 7.5px; } .marg-10-lr { margin-right: 10px; margin-left: 10px; } .marg-btm-lr { margin-bottom: 10px; } .af-container-row { margin-right: -10px; margin-left: -10px; } .primary-footer-area .af-container-row { margin-right: -10px; margin-left: -10px; } .af-container-row-5 { margin-right: -7.5px; margin-left: -7.5px; } .aft-main-banner-wrapper .af-container-row-5 { margin-right: -10px; margin-left: -10px; } .container-wrapper:before, .container-wrapper:after { content: ""; display: table; } .container-wrapper:after { clear: both; } .container-wrapper { width: 100%; max-width: 1140px; margin: 0 auto; padding-left: 20px; padding-right: 20px; } .elementor-template-full-width #content.container-wrapper{ max-width: 1920px; padding: 0; } .af-boxed-layout .af-whole-wrapper{ max-width: 1140px; margin: 0 auto; } .aft-enable-top-bottom-gaps.af-boxed-layout .af-whole-wrapper { margin: 20px auto; } .af-boxed-layout .af-whole-wrapper .af-banner-wrapper { padding-left: 0px; padding-right: 0px; } .af-banner-wrapper{ max-width: 1140px; margin: 0 auto; padding-left: 15px; padding-right: 15px; } .pos-rel { position: relative; } .container-wrapper #primary { width: 66.66%; padding-right: 10px; } .container-wrapper #secondary { width: 33.33%; padding-left: 10px; } body.align-content-right.aft-section-layout-none .container-wrapper #secondary, .aft-section-layout-none .container-wrapper #primary { padding-right: 20px; } body.align-content-right.aft-section-layout-none .container-wrapper #primary, .aft-section-layout-none .container-wrapper #secondary { padding-left: 20px; } body.error404 .container-wrapper #primary, body.full-width-content.aft-section-layout-none #primary, body.full-width-content #primary , .container-wrapper #primary.aft-no-sidebar { width: 100%; padding: 0; } body.full-width-content #primary { margin-bottom: 20px; } body.align-content-right .container-wrapper #primary { padding-right: 0; padding-left: 10px; } body.align-content-right .container-wrapper #secondary { padding-right: 10px; padding-left: 0; } .container-wrapper > #primary { float: left; } .container-wrapper > #secondary { float: right; } body.align-content-right .container-wrapper > #primary { float: right; } body.align-content-right .container-wrapper > #secondary { float: left; } .af-flex-container{ display: flex; } .section-block-upper{ display: flex; flex-wrap: wrap; align-items: flex-start; flex-direction: row; } @media only screen and (min-width: 993px){ body #secondary.sidebar-sticky-top { position: sticky; top: 20px; } body #secondary.sidebar-sticky-bottom { position: sticky; bottom: 0; align-self: flex-end; } .align-content-right .section-block-upper{ flex-direction: row-reverse; } } /*-------------------------------------------------------------- ## grid --------------------------------------------------------------*/ .af-breadcrumbs, body #content.container-wrapper{ margin-top: 20px; } .entry-header.pos-rel { margin-top: 20px; } body.af-boxed-layout .entry-content-title-featured-wrap .container-wrapper, body.af-boxed-layout #content.container-wrapper { padding-right: 0; padding-left: 0; } body.af-boxed-layout.aft-section-layout-background .entry-content-title-featured-wrap .container-wrapper{ padding-left: 20px; padding-right: 20px; } body.error404 #content.container-wrapper .container { padding: 0; margin: 0 0 20px; width: unset; } .entry-content{margin: 0;} .entry-footer {margin-top: 20px;} /*grids padding */ .af-double-column.list-style .read-details.pad { padding-left: 15px; padding-right: 0; } article.archive-image-alternate:nth-child(even) .af-double-column.list-style .read-details.pad, article.archive-image-right .af-double-column.list-style .read-details.pad { padding-left: 0; padding-right: 15px; } /*grids padding */ .entry-meta img.avatar.photo { display: inline-block; vertical-align: middle; width: 25px; border-radius: 50%; margin-right: 5px; border: 2px solid rgba(255, 255, 255, 0.05); } /*-------------------------------------------------------------- ## Social Menu --------------------------------------------------------------*/ .aft-small-social-menu { text-align: right; } .social-widget-menu ul li, .aft-small-social-menu ul li { display: inline-block; vertical-align: middle; } .social-widget-menu ul li a, .aft-small-social-menu ul li a { font-size: 14px; font-family: 'aft-icons' !important; line-height: 1; vertical-align: middle; } .social-widget-menu ul li a:after, .aft-small-social-menu ul li a:after { vertical-align: middle; font-family: 'aft-icons' !important; font-size: 14px; /* line-height: 1; */ vertical-align: middle; } .em-author-details ul a i { display: none; } .social-widget-menu ul li a, .aft-small-social-menu ul li a, .em-author-details ul li a { display: block; width: 30px; height: 30px; font-size: 18px; line-height: 27px; position: relative; text-align: center; } .social-widget-menu ul li a, .em-author-details ul li a, .aft-small-social-menu ul li a { color: #fff; } body footer .secondary-footer .aft-small-social-menu ul li a:hover { color: #fff; } footer .aft-small-social-menu ul li a:hover, header .top-header .aft-small-social-menu ul li a:hover, .social-widget-menu.af-widget-body ul li a{background-color: #000;} .chromenews_author_info_widget .aft-small-social-menu ul li a[href*="facebook.com"], footer .aft-small-social-menu ul li a[href*="facebook.com"]:hover, header .top-header .aft-small-social-menu ul li a[href*="facebook.com"]:hover, .social-widget-menu.af-widget-body ul li a[href*="facebook.com"]{background-color: #3b5999;} .chromenews_author_info_widget .aft-small-social-menu ul li a[href*="dribble.com"], footer .aft-small-social-menu ul li a[href*="dribble.com"]:hover, header .top-header .aft-small-social-menu ul li a[href*="dribble.com"]:hover, .social-widget-menu.af-widget-body ul li a[href*="dribble.com"]{background-color: #ea4c89;} .chromenews_author_info_widget .aft-small-social-menu ul li a[href*="vk.com"], footer .aft-small-social-menu ul li a[href*="vk.com"]:hover, header .top-header .aft-small-social-menu ul li a[href*="vk.com"]:hover, .social-widget-menu.af-widget-body ul li a[href*="vk.com"]{background-color: #4c75a3;} .chromenews_author_info_widget .aft-small-social-menu ul li a[href*="buffer.com"], footer .aft-small-social-menu ul li a[href*="buffer.com"]:hover, header .top-header .aft-small-social-menu ul li a[href*="buffer.com"]:hover, .social-widget-menu.af-widget-body ul li a[href*="buffer.com"]{background-color: #000;} .chromenews_author_info_widget .aft-small-social-menu ul li a[href*="twitter.com"], footer .aft-small-social-menu ul li a[href*="twitter.com"]:hover, header .top-header .aft-small-social-menu ul li a[href*="twitter.com"]:hover, .social-widget-menu.af-widget-body ul li a[href*="twitter.com"]{background-color: #000;} .chromenews_author_info_widget .aft-small-social-menu ul li a[href*="tiktok.com"], footer .aft-small-social-menu ul li a[href*="tiktok.com"]:hover, header .top-header .aft-small-social-menu ul li a[href*="tiktok.com"]:hover, .social-widget-menu.af-widget-body ul li a[href*="tiktok.com"]{background-color: #111;} .chromenews_author_info_widget .aft-small-social-menu ul li a[href*="linkedin.com"], footer .aft-small-social-menu ul li a[href*="linkedin.com"]:hover, header .top-header .aft-small-social-menu ul li a[href*="linkedin.com"]:hover, .social-widget-menu.af-widget-body ul li a[href*="linkedin.com"]{background-color: #0077B5;} .chromenews_author_info_widget .aft-small-social-menu ul li a[href*="instagram.com"], footer .aft-small-social-menu ul li a[href*="instagram.com"]:hover, header .top-header .aft-small-social-menu ul li a[href*="instagram.com"]:hover, .social-widget-menu.af-widget-body ul li a[href*="instagram.com"]{background-color: #3F729B;} .chromenews_author_info_widget .aft-small-social-menu ul li a[href*="youtube.com"], footer .aft-small-social-menu ul li a[href*="youtube.com"]:hover, header .top-header .aft-small-social-menu ul li a[href*="youtube.com"]:hover, .social-widget-menu.af-widget-body ul li a[href*="youtube.com"]{background-color: #cd201f;} .chromenews_author_info_widget .aft-small-social-menu ul li a[href*="vimeo.com"], footer .aft-small-social-menu ul li a[href*="vimeo.com"]:hover, header .top-header .aft-small-social-menu ul li a[href*="vimeo.com"]:hover, .social-widget-menu.af-widget-body ul li a[href*="vimeo.com"]{background-color: #1ab7ea;} .chromenews_author_info_widget .aft-small-social-menu ul li a[href*="plus.google.com"], footer .aft-small-social-menu ul li a[href*="plus.google.com"]:hover, header .top-header .aft-small-social-menu ul li a[href*="plus.google.com"]:hover, .social-widget-menu.af-widget-body ul li a[href*="plus.google.com"]{background-color: #dd4b39;} .chromenews_author_info_widget .aft-small-social-menu ul li a[href*="pinterest.com"], footer .aft-small-social-menu ul li a[href*="pinterest.com"]:hover, header .top-header .aft-small-social-menu ul li a[href*="pinterest.com"]:hover, .social-widget-menu.af-widget-body ul li a[href*="pinterest.com"]{background-color: #bd081c;} .chromenews_author_info_widget .aft-small-social-menu ul li a[href*="tumblr.com"], footer .aft-small-social-menu ul li a[href*="tumblr.com"]:hover, header .top-header .aft-small-social-menu ul li a[href*="tumblr.com"]:hover, .social-widget-menu.af-widget-body ul li a[href*="tumblr.com"]{background-color: #34465d;} .chromenews_author_info_widget .aft-small-social-menu ul li a[href*="wordpress.com"], .chromenews_author_info_widget .aft-small-social-menu ul li a[href*="wordpress.org"], footer .aft-small-social-menu ul li a[href*="wordpress.com"]:hover, header .top-header .aft-small-social-menu ul li a[href*="wordpress.com"]:hover, footer .aft-small-social-menu ul li a[href*="wordpress.org"]:hover, header .top-header .aft-small-social-menu ul li a[href*="wordpress.org"]:hover, .social-widget-menu.af-widget-body ul li a[href*="wordpress.com"], .social-widget-menu.af-widget-body ul li a[href*="wordpress.org"]{background-color: #21759b;} .chromenews_author_info_widget .aft-small-social-menu ul li a[href*="whatsapp.com"], footer .aft-small-social-menu ul li a[href*="whatsapp.com"]:hover, header .top-header .aft-small-social-menu ul li a[href*="whatsapp.com"]:hover, .social-widget-menu.af-widget-body ul li a[href*="whatsapp.com"]{background-color: #25D366;} .chromenews_author_info_widget .aft-small-social-menu ul li a[href*="reddit.com"], footer .aft-small-social-menu ul li a[href*="reddit.com"]:hover, header .top-header .aft-small-social-menu ul li a[href*="reddit.com"]:hover, .social-widget-menu.af-widget-body ul li a[href*="reddit.com"]{background-color: #ff5700;} .chromenews_author_info_widget .aft-small-social-menu ul li a[href*="t.me"], footer .aft-small-social-menu ul li a[href*="t.me"]:hover, header .top-header .aft-small-social-menu ul li a[href*="t.me"]:hover, .social-widget-menu.af-widget-body ul li a[href*="t.me"]{background-color: #00405d;} .chromenews_author_info_widget .aft-small-social-menu ul li a[href*="ok.ru"], footer .aft-small-social-menu ul li a[href*="ok.ru"]:hover, header .top-header .aft-small-social-menu ul li a[href*="ok.ru"]:hover, .social-widget-menu.af-widget-body ul li a[href*="ok.ru"]{background-color: #ed812b;} .chromenews_author_info_widget .aft-small-social-menu ul li a[href*="wechat.com"], footer .aft-small-social-menu ul li a[href*="wechat.com"]:hover, header .top-header .aft-small-social-menu ul li a[href*="wechat.com"]:hover, .social-widget-menu.af-widget-body ul li a[href*="wechat.com"]{background-color: #09b83e;} .chromenews_author_info_widget .aft-small-social-menu ul li a[href*="weibo.com"], footer .aft-small-social-menu ul li a[href*="weibo.com"]:hover, header .top-header .aft-small-social-menu ul li a[href*="weibo.com"]:hover, .social-widget-menu.af-widget-body ul li a[href*="weibo.com"]{background-color: #ce1126;} .chromenews_author_info_widget .aft-small-social-menu ul li a[href*="github.com"], footer .aft-small-social-menu ul li a[href*="github.com"]:hover, header .top-header .aft-small-social-menu ul li a[href*="github.com"]:hover, .social-widget-menu.af-widget-body ul li a[href*="github.com"]{ background-color: #00405d;} .chromenews_author_info_widget .aft-small-social-menu ul li a[href*="snapchat.com"], footer .aft-small-social-menu ul li a[href*="snapchat.com"]:hover, header .top-header .aft-small-social-menu ul li a[href*="snapchat.com"]:hover, .social-widget-menu.af-widget-body ul li a[href*="snapchat.com"]{ background-color: #e6e400;} .chromenews_author_info_widget .aft-small-social-menu ul li a[href*="twitch.com"], footer .aft-small-social-menu ul li a[href*="twitch.com"]:hover, header .top-header .aft-small-social-menu ul li a[href*="twitch.com"]:hover, .social-widget-menu.af-widget-body ul li a[href*="twitch.com"]{ background-color: #6441a5;} .chromenews_author_info_widget .aft-small-social-menu ul li a[href*="viber.com"], footer .aft-small-social-menu ul li a[href*="viber.com"]:hover, header .top-header .aft-small-social-menu ul li a[href*="viber.com"]:hover, .social-widget-menu.af-widget-body ul li a[href*="viber.com"]{ background-color: #665cac;} .chromenews_author_info_widget .aft-small-social-menu ul li a[href*="tiktok.com"], footer .aft-small-social-menu ul li a[href*="tiktok.com"]:hover, header .top-header .aft-small-social-menu ul li a[href*="tiktok.com"]:hover, .social-widget-menu.af-widget-body ul li a[href*="tiktok.com"]{ background-color: #010101;} .chromenews_author_info_widget .aft-small-social-menu ul li a[href*="soundcloud.com"], footer .aft-small-social-menu ul li a[href*="soundcloud.com"]:hover, header .top-header .aft-small-social-menu ul li a[href*="soundcloud.com"]:hover, .social-widget-menu.af-widget-body ul li a[href*="soundcloud.com"]{background-color: #f75200;} .chromenews_author_info_widget .aft-small-social-menu ul li a[href*="behance.net"], footer .aft-small-social-menu ul li a[href*="behance.net"]:hover, header .top-header .aft-small-social-menu ul li a[href*="behance.net"]:hover, .social-widget-menu.af-widget-body ul li a[href*="behance.net"]{background-color: #053eff;} .chromenews_author_info_widget .aft-small-social-menu ul li a[href*="quora.com"], footer .aft-small-social-menu ul li a[href*="quora.com"]:hover, header .top-header .aft-small-social-menu ul li a[href*="quora.com"]:hover, .social-widget-menu.af-widget-body ul li a[href*="quora.com"]{background-color: #b92b27;} .chromenews_author_info_widget .aft-small-social-menu ul li a[href*="yahoo.com"], footer .aft-small-social-menu ul li a[href*="yahoo.com"]:hover, header .top-header .aft-small-social-menu ul li a[href*="yahoo.com"]:hover, .social-widget-menu.af-widget-body ul li a[href*="yahoo.com"]{background-color: #720e9e;} .chromenews_author_info_widget .aft-small-social-menu ul li a[href*="spotify.com"], footer .aft-small-social-menu ul li a[href*="spotify.com"]:hover, header .top-header .aft-small-social-menu ul li a[href*="spotify.com"]:hover, .social-widget-menu.af-widget-body ul li a[href*="spotify.com"]{background-color: #1ed760;} .chromenews_author_info_widget .aft-small-social-menu ul li a[href*="messenger.com"], footer .aft-small-social-menu ul li a[href*="messenger.com"]:hover, header .top-header .aft-small-social-menu ul li a[href*="messenger.com"]:hover, .social-widget-menu.af-widget-body ul li a[href*="messenger.com"]{background-color: #0078ff;} .chromenews_author_info_widget .aft-small-social-menu ul li a[href*="stackoverflow.com"], footer .aft-small-social-menu ul li a[href*="stackoverflow.com"]:hover, header .top-header .aft-small-social-menu ul li a[href*="stackoverflow.com"]:hover, .social-widget-menu.af-widget-body ul li a[href*="stackoverflow.com"]{background-color: #ef8236;} .chromenews_author_info_widget .aft-small-social-menu ul li a[href*="telegram.com"], footer .aft-small-social-menu ul li a[href*="telegram.com"]:hover, header .top-header .aft-small-social-menu ul li a[href*="telegram.com"]:hover, .social-widget-menu.af-widget-body ul li a[href*="telegram.com"]{background-color: #24a1de;} .aft-small-social-menu ul a:after, .social-widget-menu ul a:before { content: "\f35d"; } .aft-small-social-menu ul a[href*="buffer.com"]:after, .social-widget-menu ul a[href*="buffer.com"]:before { content: "\e925"; } .aft-small-social-menu ul a[href*="snapchat.com"]:after, .social-widget-menu ul a[href*="snapchat.com"]:before { content: "\f2ad"; } .aft-small-social-menu ul a[href*="viber.com"]:after, .social-widget-menu ul a[href*="viber.com"]:before { content: "\e90c"; } .aft-small-social-menu ul a[href*="twitch.com"]:after, .social-widget-menu ul a[href*="twitch.com"]:before { content: "\e90b"; } .aft-small-social-menu ul a[href*="tiktok.com"]:after, .social-widget-menu ul a[href*="tiktok.com"]:before { content: "\e900"; } .aft-small-social-menu ul a[href*="dribble.com"]:after, .social-widget-menu ul a[href*="dribble.com"]:before { content: "\f17d"; } .aft-small-social-menu ul a[href*="facebook.com"]:after, .social-widget-menu ul a[href*="facebook.com"]:before { content: "\f09a"; } .aft-small-social-menu ul a[href*="threads.com"]:after, .social-widget-menu ul a[href*="threads.com"]:before { content: "\e916"; } .aft-small-social-menu ul a[href*="vk.com"]:after, .social-widget-menu ul a[href*="vk.com"]:before { content: "\f189"; } .aft-small-social-menu ul a[href*="twitter.com"]:after, .social-widget-menu ul a[href*="twitter.com"]:before { content: "\f099"; } .aft-small-social-menu ul a[href*="linkedin.com"]:after, .social-widget-menu ul a[href*="linkedin.com"]:before { content: "\f0e1"; } .aft-small-social-menu ul a[href*="instagram.com"]:after, .social-widget-menu ul a[href*="instagram.com"]:before { content: "\f16d"; } .aft-small-social-menu ul a[href*="youtube.com"]:after, .social-widget-menu ul a[href*="youtube.com"]:before { content: "\f16a"; } .aft-small-social-menu ul a[href*="vimeo.com"]:after, .social-widget-menu ul a[href*="vimeo.com"]:before { content: "\f27d"; } .aft-small-social-menu ul a[href*="plus.google.com"]:after, .social-widget-menu ul a[href*="plus.google.com"]:before { content: "\f0d5"; } .aft-small-social-menu ul a[href*="pinterest.com"]:after, .social-widget-menu ul a[href*="pinterest.com"]:before { content: "\f0d2"; } .aft-small-social-menu ul a[href*="tumblr.com"]:after, .social-widget-menu ul a[href*="tumblr.com"]:before { content: "\f173"; } .aft-small-social-menu ul a[href*="wordpress.org"]:after, .social-widget-menu ul a[href*="wordpress.org"]:before, .aft-small-social-menu ul a[href*="wordpress.com"]:after, .social-widget-menu ul a[href*="wordpress.com"]:before { content: "\f19a"; } .aft-small-social-menu ul a[href*="whatsapp.com"]:after, .social-widget-menu ul a[href*="whatsapp.com"]:before { content: "\f232"; } .aft-small-social-menu ul a[href*="reddit.com"]:after, .social-widget-menu ul a[href*="reddit.com"]:before { content: "\f281"; } .aft-small-social-menu ul a[href*="t.me"]:after, .social-widget-menu ul a[href*="t.me"]:before { content: "\f2c6"; } .aft-small-social-menu ul a[href*="ok.ru"]:after, .social-widget-menu ul a[href*="ok.ru"]:before { content: "\f263"; } .aft-small-social-menu ul a[href*="wechat.com"]:after, .social-widget-menu ul a[href*="wechat.com"]:before { content: "\f1d7"; } .aft-small-social-menu ul a[href*="weibo.com"]:after, .social-widget-menu ul a[href*="weibo.com"]:before { content: "\f18a"; } .aft-small-social-menu ul a[href*="github.com"]:after, .social-widget-menu ul a[href*="github.com"]:before { content: "\e902"; } .aft-small-social-menu ul a[href*="soundcloud.com"]:after, .social-widget-menu ul a[href*="soundcloud.com"]:before { content: "\f1be"; } .aft-small-social-menu ul a[href*="behance.net"]:after, .social-widget-menu ul a[href*="behance.net"]:before { content: "\f1b4"; } .aft-small-social-menu ul a[href*="quora.com"]:after, .social-widget-menu ul a[href*="quora.com"]:before { content: "\f2c4"; } .aft-small-social-menu ul a[href*="yahoo.com"]:after, .social-widget-menu ul a[href*="yahoo.com"]:before { content: "\e90d"; } .aft-small-social-menu ul a[href*="spotify.com"]:after, .social-widget-menu ul a[href*="spotify.com"]:before { content: "\f1bc"; } .aft-small-social-menu ul a[href*="messenger.com"]:after, .social-widget-menu ul a[href*="messenger.com"]:before { content: "\e901"; } .aft-small-social-menu ul a[href*="stackoverflow.com"]:after, .social-widget-menu ul a[href*="stackoverflow.com"]:before { content: "\f16c"; } .aft-small-social-menu ul a[href*="slack.com"]:after, .social-widget-menu ul a[href*="slack.com"]:before { content: "\f198"; } .aft-small-social-menu ul a[href*="telegram.com"]:after, .social-widget-menu ul a[href*="telegram.com"]:before { content: "\f2c6"; } footer .aft-small-social-menu ul li a, header .top-header .aft-small-social-menu ul li a{ color: #fff ; background-color: rgba(255,255,255,.075); line-height: 28px; } body .chromenews-header .aft-small-social-menu ul li a:hover, footer .aft-small-social-menu ul li a:hover{ color: #fff; } /*-------------------------------------------------------------- ## Social Menu --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ .chromenews-header .top-header { background-color: #202020; padding: 10px 0; color: #fff; } .top-bar-flex { display: flex; align-items: center; position: relative; min-height: 30px; } .top-bar-flex .top-bar-left { display: flex; align-items: center; } .top-bar-flex .top-bar-right{ text-align: right; display: flex; align-items: center; justify-content: flex-end; } .off-cancas-panel { line-height: 1; } .offcanvas { display: inline-block; vertical-align: middle; } .offcanvas-nav{display: inline-block;outline-offset: 2px;} .offcanvas-nav:focus-within { outline: 1px dotted #fff; outline-offset: 2px; } .offcanvas-menu { position: relative; overflow: hidden; width: 24px; height: 17px; margin: 0 auto; } .offcanvas-menu span { position: absolute; display: inline-block; width: 100%; left: 0; border-radius: 10px; height: 3px; background-color: #fff; border-color: #fff; transition: 0.075s all ease-in; } .af-on-right .offcanvas .offcanvas-menu span { left: inherit; right: 0; } .offcanvas-menu span.mbtn-mid { top: 50%; margin-top: -1.5px; } .offcanvas-menu span.mbtn-top { width: 85%; } .offcanvas-menu span.mbtn-bot { bottom: 0; width: 60%; transition-delay: 90ms; } #sidr{ background: #fff; display: block; position: fixed; top: 0; height: 100%; z-index: 999999; overflow-x: hidden; overflow-y: auto; width: 100%; max-width: 380px; visibility: hidden; opacity: 0; } .sidr.left{ left: -380px; } body.sidr-open #sidr{ visibility: visible; opacity: 1; } .offcanvas:hover .offcanvas-menu span.mbtn-top, .offcanvas:hover .offcanvas-menu span.mbtn-bot{ width: 100%; } .date-bar-left { line-height: 1; color: #fff; font-weight: 700; font-size: 14px; } .read-img a.aft-post-image-link{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 0; z-index: 1; } /*search*/ .af-search-wrap { width: 25px; position: relative; display: inline-block; text-align: center; } .search-icon { display: block; line-height: 38px; font-size: 14px; color: #fff; font-weight: 700; text-align: center; outline: 0; } .search-icon:visited, .search-icon:hover, .search-icon:focus, .search-icon:active { outline: 0; color: #fff; } .wp-block-search__button svg.search-icon, .wp-block-search__button svg.search-icon:hover { color: #000; } .search-icon:focus, .search-icon:focus-within { outline: 1px dotted; } .af-search-form { background: #fff; position: absolute; right: 0; top: 120%; width: 325px; text-align: left; visibility: hidden; filter: alpha(opacity=0); opacity: 0; margin: 0 auto; margin-top: 1px; padding: 14px; z-index: 99; border-radius: 0px; -webkit-transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s; transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s; -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.15); } .search-overlay.reveal-search .af-search-form { visibility: visible; filter: alpha(opacity=1); opacity: 1; z-index: 999; top: 100%; -webkit-transition: opacity 0.4s, top 0.4s; transition: opacity 0.4s, top 0.4s; } .search-form label { width: 75%; float: left; margin-bottom: 0; } input.search-field { float: none; width: 100%; padding: 0 14px; height: 38px; box-sizing: border-box; border: 1px solid rgba(0,0,0,.15); font-size: 16px; border-radius: 0; font-weight: normal; } .wp-block-search .wp-block-search__button:focus, .wp-block-search .wp-block-search__input:focus, .mc4wp-form-fields input[type="email"]:focus, input.search-field:focus{ outline: 1px dotted ; outline-offset: -2px; } .search-icon i.fa.fa-search{ display: inline-block; } .search-overlay.reveal-search .search-icon i.fa.fa-search:before, .search-overlay.reveal-search .search-icon i.fa.fa-search:after{ content: ''; width: 14px; height: 2px; background-color: #fff; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; transform: rotate(45deg); -webkit-transition: rotate 0.4s, top 0.4s; transition: rotate 0.4s, top 0.4s; } .search-overlay.reveal-search .search-icon i.chromenews-icon-search:after, .search-overlay.reveal-search .search-icon i.fa.fa-search:after{ width: 2px; height: 14px; } .aft-dark-mode .wp-post-author-meta a, .aft-dark-mode .wp-post-author-meta a:visited, .aft-dark-mode .posts-author a, .aft-dark-mode .posts-author a:visited{ color: #fff; } select { padding: 1px 2px; height: 38px; min-width: 199px; } .chromenews-widget select { width: 100%; height: 38px; line-height: 38px; display: block; position: relative; cursor: pointer; } /* .site-footer .chromenews-widget select, */ body.aft-dark-mode .wp-block-categories select, body.aft-dark-mode .chromenews-widget select { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.1); color: #fff; } /* .site-footer .chromenews-widget select option, */ body.aft-dark-mode .wp-block-categories select option, body.aft-dark-mode .chromenews-widget select option { background: rgba(0,0,0,.5); } .chromenews-widget .mc4wp-form-fields { position: relative; } .woocommerce-product-search { display: flex; } .widget_product_search input.search-field button[type="submit"], .chromenews-widget .mc4wp-form-fields input[type="submit"] { position: absolute; right: 0; top: 0; width: 25%; } .chromenews-widget .mc4wp-form-fields input[type="submit"]{ padding: 0 10px; font-size: 13px; line-height: 37px; } .widget_product_search input.search-field , .chromenews-widget .mc4wp-form-fields input[type="email"] { width: 75%; padding: 0 15px; font-weight: 400; } .chromenews-widget .mc4wp-form-fields input[type="email"] { font-size: 13px; } .widget_product_search input.search-field { font-size: 16px; } body.aft-dark-mode .inner-suscribe input, body.aft-dark-mode .chromenews-widget .mc4wp-form-fields input[type="email"], body.aft-dark-mode .widget input.search-field{ background-color: rgba(255,255,255,.1); border: none; } body.aft-dark-mode .inner-suscribe input::placeholder, body.aft-dark-mode .chromenews-widget .mc4wp-form-fields input[type="email"]::placeholder, body.aft-dark-mode .widget input.search-field::placeholder { color:rgba(255,255,255,.75); } .woocommerce-product-search button[type="submit"]{ background: #ffcc00; border: 1px solid #ffcc00; border-radius: 0px 3px 3px 0px; color: #fff; padding: 0px; height: 38px; font-size: 13px; width: 25%; margin: 0; } input.search-submit { border: 1px solid #ffcc00; border-radius: 0px; padding: 0px; height: 38px; font-size: 13px; width: 25%; margin: 0; } .af-header-image.data-bg{ position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; } .af-header-image.data-bg:before{ position: absolute; content: ''; top: 0; left: 0; height: 100%; width: 100%; background: #000; opacity: 75%; } .af-header-image.data-bg > div{position: relative;} .header-image-default .af-header-image.data-bg { padding: 45px 0; } .header-image-full .af-header-image.data-bg { background-size: contain; background-color: transparent; padding: 65px 0; } .header-layout-3 .site-header .site-branding .site-title, .site-branding .site-title { font-size: 48px; } .site-branding .site-title { margin: 0; line-height: 1; } .site-branding.uppercase-site-title .site-description, .site-branding.uppercase-site-title .site-title { text-transform: uppercase; } .chromenews-header .bottom-bar-flex { display: flex; justify-content: space-between; align-items: center; justify-content: flex-start; } div.custom-menu-link{ display: flex; } div.custom-menu-link > a { background: #ffcc00 ; padding: 0 10px 0 0; color: #000000; font-size: 14px; font-weight: 700; display: flex; align-items: center; text-transform: uppercase; } div.custom-menu-link i { font-size: 15px; height: 14px; width: 20px; } /*==========header-layout-side=============*/ .header-layout-side .af-middle-header { padding: 20px 0; } .chromenews-header.header-layout-side .bottom-bar-flex > div{ display: flex; align-items: center; } .chromenews-header.header-layout-side .bottom-bar-flex > div #aft-dark-light-mode-wrap { margin-right: 15px; } .header-layout-side .off-cancas-panel{ display: flex; align-items: center; } .chromenews-header.header-layout-side .search-watch .af-search-wrap{ margin-right: 10px; display: flex; align-items: center; } .chromenews-header.header-layout-side .search-watch .af-search-wrap:last-child { margin-right: 0; width: unset; } .chromenews-header.header-layout-side .search-watch div.custom-menu-link > a { background: #ffcc00 ; text-transform: uppercase; } /*==========header-layout-side=============*/ /*==========header-layout-compressed-full=============*/ .chromenews-header .bottom-pos-rel{position: relative;} .header-layout-compressed-full .logo{padding: 20px 0;} .header-layout-compressed-full .logo .site-title{ margin: 0; } .logo .site-description{margin-bottom: 0;} .chromenews-header .af-boxed .bottom-bar-up { position: absolute; top: -60px; left: 0; z-index: 99999; width: 100%; background-color: #fff; } .header-layout-compressed-full .bottom-nav { display: flex; align-items: center; padding: 20px 10px; } .header-layout-compressed-full .header-promotion { padding-bottom: 20px; } .header-layout-compressed-full .aft-hide-on-mobile.aft-search-compress { display: flex; align-items: center; margin-left: auto; } .chromenews-header .main-navigation .menu-desktop .menu-mobile > li { display: block; } .header-layout-compressed-full .main-navigation .menu-desktop > ul > li > a{position: relative;opacity: 1;} .header-layout-compressed-full .main-navigation .menu-desktop > ul > li:hover > a, .header-layout-compressed-full .main-navigation .menu-desktop > ul > li.current-menu-item > a{opacity: 1;} .chromenews-header.header-layout-centered .top-bar-right div.custom-menu-link > a , .chromenews-header.header-layout-compressed-full .top-bar-right div.custom-menu-link > a { background: #ffcc00 ; text-transform: uppercase; text-align: left; } .header-layout-compressed-full .top-bar-flex .aft-hide-on-mobile { margin-left: 4px; } @media (min-width: 993px){ .header-layout-compressed-full .menu-desktop > ul.menu , .header-layout-compressed-full ul.menu-desktop { display: flex; flex-wrap: wrap; justify-content: flex-start; } .header-layout-compressed-full ul.menu-desktop { padding: 0 20px; } } /*==========header-layout-compressed-full=============*/ /*==========header-layout-compressed-centered nav bottom=============*/ .header-layout-centered .offcanvas-navigaiton{ display: flex; /* justify-content: space-between; */ } .header-layout-centered .mid-header-wrapper{ padding: 20px 0; } .header-layout-centered .mid-bar-flex { display: flex; justify-content: center; } .header-layout-centered .search-watch, .header-layout-centered .search-watch, .header-layout-centered .af-search-mid, .header-layout-centered .off-cancas-panel{ display: flex; align-items: center; } .header-layout-side .search-watch, .header-layout-centered .search-watch { margin-left: auto; } .header-layout-centered .search-watch .af-search-wrap { margin-right: 10px; margin-left: 10px; } .header-layout-centered .search-watch .af-search-wrap:last-child { margin-right: 0; } .header-layout-compressed-full .search-watch .af-search-wrap { margin-left: 10px; } .header-layout-compressed-full .off-cancas-panel, .header-layout-side .off-cancas-panel, .header-layout-centered .off-cancas-panel{ margin-right: 20px; } .header-layout-side .logo, .header-layout-centered .logo{ padding: 10px 0; text-align: center; } .header-layout-centered .bottom-nav{position: relative;} .header-layout-centered .aft-small-social-menu{ display: inline-block; padding: 0; margin-left: 4px; } @media screen and (max-width: 992px) { .header-layout-centered .offcanvas-navigaiton{ justify-content: space-between; width: 100%; } .header-layout-centered .offcanvas-navigaiton #sidr + .navigation-container{ margin-right: auto; } .header-layout-side .search-watch, .header-layout-centered .search-watch { margin-left: 0; } } /*==========header-layout-compressed-centered nav bottom=============*/ /*==========header-layout-with advertisement=============*/ div#main-navigation-bar { background: #003bb3; } .header-layout-side .af-bottom-head-nav , .header-layout-side .af-middle-container{ display: flex; justify-content: space-between; align-items: center; } .header-layout-side .af-middle-container .logo{padding: 0 10px 0 0; width: 40%;text-align: left;} .header-layout-side .af-middle-container .header-promotion{padding: 10px;padding-right: 0;width: 60%;text-align: right;} .below-banner-advertisment-section .banner-promotions-wrapper:nth-last-child(2) , .header-promotion .banner-promotions-wrapper:nth-last-child(2) { margin-bottom: 10px; } .header-layout-side .af-bottom-header{ position: relative; } .header-layout-centered .header-promotion{text-align: center;} @media only screen and (max-width: 990px) { .header-layout-side .af-middle-container{ flex-wrap: wrap; justify-content: center; } .header-layout-side .af-middle-container .logo{padding-right: 0; width: 100%;text-align: center;} .header-layout-side .af-middle-container .header-promotion{ padding: 20px 0 0; width: 100%;text-align: center; } } /*==========header-layout-with advertisement=============*/ /*==========header-layout-compressed=============*/ .header-layout-compressed{ background-color: #fff; } .header-layout-compressed .compress-bar-flex{ display: flex; justify-content: space-between; } .header-layout-compressed .offcanvas, .header-layout-compressed .off-cancas-panel, .header-layout-compressed .compress-bar-right, .header-layout-compressed .af-search-wrap, .header-layout-compressed .compress-bar-left{ display: flex; } .header-layout-compressed .af-search-wrap{justify-content: center;} .header-layout-compressed .compress-bar-nav{ display: flex; margin-right: 15px; } .header-layout-compressed .offcanvas, .header-layout-compressed .compress-bar-right, .header-layout-compressed .af-search-wrap, .header-layout-compressed .main-navigation .menu-desktop > li, .header-layout-compressed .main-navigation .menu-desktop > ul > li, .header-layout-compressed.header-layout-compressed-centered .compress-bar-nav{ align-items: center; } .header-layout-compressed .compress-bar-mid .date-bar-mid{ color: #fff; line-height: normal; } .header-layout-compressed-full + section.aft-main-banner-section .header-promotion { padding: 20px 0 0; } .header-layout-compressed:not(.header-layout-compressed-centered) .menu-desktop, .header-layout-compressed:not(.header-layout-compressed-centered) nav.main-navigation, .header-layout-compressed:not(.header-layout-compressed-centered) .main-navigation > .menu, .header-layout-compressed:not(.header-layout-compressed-centered) .compress-bar-nav .navigation-container{display: flex;} .header-layout-compressed .offcanvas-menu span{ background-color: #000; } .header-layout-compressed:not(.header-layout-compressed-centered) .compress-bar-logo .logo{padding: 10px;text-align: left;padding-left: 0;} .header-layout-compressed:not(.header-layout-compressed-centered) .center-burger > span{display: none;} @media (max-width: 1140px) and (min-width: 1025px){ .header-layout-compressed:not(.header-layout-compressed-centered) .compress-bar-mid { max-width: 600px; } } @media (max-width: 1024px) and (min-width: 993px){ .header-layout-compressed:not(.header-layout-compressed-centered) .compress-bar-mid { max-width: 550px; } } @media (min-width: 993px){ .header-layout-compressed:not(.header-layout-compressed-centered) .main-navigation .menu-desktop > ul > li{ padding-right: 15px; } .header-layout-compressed:not(.header-layout-compressed-centered) .main-navigation > .menu > .menu-desktop, .header-layout-compressed:not(.header-layout-compressed-centered) ul#primary-menu{ display: flex; align-content: center; flex-wrap: wrap; } } @media (max-width: 992px){ .header-layout-compressed .compress-bar-mid .date-bar-mid{display: none;} } /*==========header-layout-compressed=============*/ /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*aft-popular-taxonomies-lists-----*/ .aft-popular-tags { font-size: 14px; position: relative; padding-top: 20px; } .aft-popular-taxonomies-lists{ display: flex; align-items: center; } .aft-popular-taxonomies-lists strong { text-transform: uppercase; margin-right: 20px; color: #202020; position: relative; padding: 10px 15px; z-index: 0; } .aft-popular-taxonomies-lists strong:before { position: absolute; content: ''; top: 0; left: 0; height: 100%; width: 100%; background-color: #ffc934; z-index: -1; } .aft-popular-taxonomies-lists strong:after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 100%; border-color: transparent transparent transparent #ffc934; border-style: solid; border-width: .7em; } .aft-popular-taxonomies-lists ul { display: inline-block; } .aft-popular-taxonomies-lists ul li { display: inline-block; margin-right: 20px; } .aft-popular-taxonomies-lists ul li a { color: #202020; transition: all 0.075s linear; } .aft-popular-taxonomies-lists ul li a:before { content: "\e90f"; font-family: 'aft-icons' !important; font-size: 12px; padding: 0 5px; } /*aft-popular-taxonomies-lists-----*/ /*exclusive posts-----*/ .banner-exclusive-posts-wrapper { padding-top: 20px; } .af-boxed-layout .banner-exclusive-posts-wrapper .container-wrapper { padding-left: 0; padding-right: 0; } .aft-popular-tags + .banner-exclusive-posts-wrapper{ margin-top: 0; } .banner-exclusive-posts-wrapper a, .banner-exclusive-posts-wrapper a:visited{ color: #202020; transition: border 0.075s linear; } .banner-exclusive-posts-wrapper .aft-ripple { display: inline-block; position: absolute; left: 50%; transform: translateX(-50%); min-width: 40px; width: 40px; min-height: 40px; height: 40px; display: flex; justify-content: center; align-items: center; background: rgba(255,255,255,.15); } .exclusive-posts { margin: 0; position: relative; } .exclusive-posts .exclusive-now { background: #ffcc00 ; color: #ffffff; float: left; text-transform: uppercase; position: relative; padding: 0 15px; padding-left: 0; margin-right: 5px; display: flex; align-items: center; min-height: 50px; font-weight: 700; } .exclusive-posts .exclusive-now span{ margin-left: 15px; display: inline-block; z-index: 9; } .exclusive-slides { padding: 0 5px; overflow: hidden; position: relative; } .exclusive-slides .marquee { width: 10000px; } .exclusive-slides .marquee, .exclusive-slides .marquee .js-marquee { display: flex; align-items: center; } .js-marquee-wrapper { display: flex; } .exclusive-posts .marquee a { padding: 0 20px; font-weight: bold; display: flex; align-items: center; width: max-content; max-width: 375px; line-height: 1.33; font-size: 14px; } .exclusive-posts .marquee a h4 { font-size: 14px; margin: 0; } .exclusive-posts .marquee a span.circle-marq { width: 50px; height: 50px; min-width: 50px; overflow: hidden; display: inline-block; line-height: 1; margin-right: 10px; position: relative; background-color: rgba(0,0,0,.2); } body.aft-light-mode .aft-banner-background-alternative .exclusive-posts .marquee a span.circle-marq , body.aft-dark-mode .exclusive-posts .marquee a span.circle-marq { background-color: rgba(255,255,255,.2); } body.aft-dark-mode .aft-banner-background-alternative .exclusive-posts .marquee a span.circle-marq { background-color: rgba(0,0,0,.2); } .exclusive-posts .marquee a.no-post-image span.circle-marq { width: 0; min-width: 0; margin: 0; } .exclusive-posts .marquee a img { height: 50px; width: 50px; object-fit: cover; margin: 0; } .exclusive-posts .marquee a span.circle-marq .trending-no { position: absolute; top: 0; left: 0; height: 100%; width: 100%; color: #fff; background: rgba(28, 28, 28, 0.5); text-align: center; font-size: 18px; font-weight: 700; } /*exclusive posts-----*/ /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus{ background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft{ display: inline; float: left; margin-right: 1.5em; } .alignright{ display: inline; float: right; margin-left: 1.5em; } .aligncenter{ clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Widgets start --------------------------------------------------------------*/ .chromenews-widget .wp-block-image { margin-bottom: 0; } .textwidget p:last-child { margin-bottom: 0; } .chromenews_author_info_widget .read-img{ width: 150px; height: 150px; border-radius: 50%; overflow: hidden; margin: 0 auto; } .chromenews_author_info_widget .read-img img{ height: 100%; width: 100%; object-fit: cover; } .chromenews_author_info_widget .af-author-details, .chromenews_author_info_widget .aft-small-social-menu { text-align: center; } body.full-width-content .chromenews_featured_posts_widget .col-4.pad { width: 33.33%; } body.full-width-content .chromenews_featured_posts_widget .col-4.pad:nth-child(3n+1) { clear: left; } body:not(.full-width-content) .chromenews_featured_posts_widget .col-4.pad{ width: 50%; } body:not(.full-width-content) .chromenews_featured_posts_widget .col-4.pad:nth-child(2n+1){ clear: left; } body:not(.full-width-content) .chromenews_posts_lists_widget .af-double-column.list-style.col-3{ width: 50%; } body:not(.full-width-content) #primary .chromenews_youtube_video_widget .col-2.secondary-video, body:not(.full-width-content) #primary .chromenews_youtube_video_widget .col-2.primary-video{ width: 100%; } body:not(.full-width-content) #primary .chromenews_youtube_video_widget .primary-video{ margin-bottom: 20px; } body:not(.full-width-content) #primary .af-youtube-video-list .primary-video iframe.entry-header-yt-iframe, body:not(.full-width-content) #primary .af-youtube-video-list .primary-video .entry-header-yt-video-wrapper{ height: 445px; } body:not(.full-width-content) #primary .af-youtube-video-list iframe.entry-header-yt-iframe, body:not(.full-width-content) #primary .af-youtube-video-list .entry-header-yt-video-wrapper{ height: 215px; } .chromenews_posts_slider_widget .read-single .read-img.read-bg-img { height: 450px; } body.full-width-content #primary .chromenews_posts_slider_widget .read-single .read-img.read-bg-img{ height: 700px; } body.full-width-content #primary .chromenews_youtube_video_widget .af-youtube-slider .vid-container.af-video-wrap img, body.full-width-content #primary iframe.af-hide-iframe { height: 700px; } .chromenews_posts_slider_widget .read-single .read-details { position: absolute; bottom: 0; left: 0; width: 100%; color: #fff; padding: 15px; z-index: 1; background: rgba(0,0,0,0.75); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); } .chromenews_posts_slider_widget .read-single .post-format-and-min-read-wrap, .chromenews_posts_slider_widget .read-single .read-categories{ display: inline-block; } body:not(.full-width-content) #primary .chromenews_posts_carousel_widget .af-post-carousel .read-img { height: 240px; } /* express grid widget */ .chromenews_express_posts_grid_widget .af-express-grid-wrap .read-single{ position: relative; min-height: 240px; display: flex; flex-direction: column; justify-content: flex-end; margin-bottom: 0; } body.full-width-content .chromenews_express_posts_grid_widget .af-express-grid-wrap .read-single { min-height: 240px; } .chromenews_express_posts_grid_widget .af-express-grid-wrap .read-single .read-img{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .chromenews_express_posts_grid_widget .af-express-grid-wrap .read-single .read-details{ position: relative; z-index: 2; padding: 15px; background: rgba(0,0,0,0.75); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); } .chromenews_express_posts_grid_widget .af-express-grid-wrap .read-single .read-details .read-categories, .chromenews_express_posts_grid_widget .af-express-grid-wrap .read-single .read-details .post-format-and-min-read-wrap{ display: inline-block; } .chromenews_express_posts_grid_widget .af-express-grid-wrap{ display: grid; grid-gap: 20px; grid-template-columns: repeat(2, 1fr); } .chromenews_express_posts_grid_widget .af-express-grid-wrap .read-single:first-child { grid-column-end: span 2; grid-row-end: span 2; min-height: 450px; } body:not(.full-width-content) #primary .chromenews_express_posts_grid_widget .af-express-grid-wrap .read-single{ min-height: 240px; } body:not(.full-width-content) #primary .chromenews_express_posts_grid_widget .af-express-grid-wrap .read-single:first-child{ min-height: 450px; } /* express grid widget */ body.full-width-content #primary .chromenews_posts_double_columns_widget .af-widget-body .af-sec-post .read-img.read-bg-img{ height: 390px; } body:not(.full-width-content) #primary .chromenews_posts_double_columns_widget .af-widget-body .af-sec-post .read-img.read-bg-img{ height: 240px; } /* for secondary , offcanvas */ .chromenews-customizer, .chromenews-widget{ margin-bottom: 20px; } .af-main-banner-featured-posts.chromenews-customizer { margin-bottom: 0; } .home-featured-widgets .chromenews-widget, .af-main-banner-categorized-posts.express-carousel.chromenews-customizer, .featured-category-item.chromenews-customizer, .af-main-banner-categorized-posts.chromenews-customizer { margin-bottom: 0; margin-top: 20px; } .aft-section-layout-none .af-main-banner-categorized-posts.express-carousel.chromenews-customizer, .aft-section-layout-none .featured-category-item.chromenews-customizer, .aft-section-layout-none .af-main-banner-categorized-posts.chromenews-customizer{ padding-top: 0; } .aft-section-layout-none section.aft-blocks.aft-featured-category-section.af-list-post .container-wrapper { max-width: 1160px; } .aft-section-layout-none.af-boxed-layout section.aft-blocks.aft-featured-category-section.af-list-post .container-wrapper { margin-right: -10px; margin-left: -10px; width: calc(100% + 20px); } .aft-section-layout-background .chromenews-customizer, .aft-section-layout-background .chromenews-widget{ padding: 20px; } /* background none widgets and customizer gap */ .aft-section-layout-none .af-main-banner-latest-posts.grid-layout.chromenews-customizer{ padding-top: 20px; padding-bottom: 20px; } .aft-section-layout-none .chromenews-customizer, .aft-section-layout-none .chromenews-widget{ padding-top: 20px; } .aft-section-layout-none .aft-main-banner-section .chromenews-customizer { padding-top: 0; } /* background none widgets and customizer gap */ .aft-section-layout-background .aft-main-banner-section .chromenews-customizer { margin-bottom: 0; padding: 0; background: transparent; } .aft-section-layout-background .aft-main-banner-section .chromenews-customizer.aft-main-banner-slider-part { background: transparent; } .aft-section-layout-background .aft-main-banner-section.aft-banner-layout-tiled .chromenews-customizer, .aft-section-layout-background .aft-main-banner-section.aft-banner-layout-tiled-2 .chromenews-customizer, .aft-section-layout-background .aft-main-banner-section.aft-banner-layout-tiled-3 .chromenews-customizer, .aft-section-layout-background .aft-main-banner-section.aft-banner-layout-tiled-4 .chromenews-customizer{ padding: 0 10px; background: transparent; } .aft-section-layout-background main.site-main { padding: 20px; } body.aft-section-layout-background.home main.site-main { padding: 0; } body.aft-section-layout-background.home.blog main.site-main { margin-bottom: 20px; } .tabbed-head , .widget-title { margin-bottom: 20px; } body.page main.site-main { margin-bottom: 20px; padding: 0; } body.page.single-content-mode-compact.aft-section-layout-background main.site-main { padding: 20px; } body.page.aft-section-layout-background main.site-main { padding-bottom: 20px; } .aft-light-mode.aft-section-layout-background .header-layout-side .af-middle-header, .aft-light-mode.aft-section-layout-background .header-layout-centered .mid-header-wrapper { background-color: #fff; } .search main.site-main, .archive main.site-main, body.home.blog main.site-main, .blog main.site-main { padding: 20px; margin-bottom: 20px; } .home.blog .aft-archive-wrapper.chromenews-customizer .page-links { display: none; } body.aft-section-layout-background .aft-main-banner-section .chromenews-customizer, body.aft-section-layout-background .aft-main-banner-section .chromenews-widget{ background-color: transparent; box-shadow: none; } .aft-light-mode.aft-section-layout-background .chromenews-pagination .nav-links .page-numbers:not(.current), .aft-light-mode.aft-section-layout-background.page.home.page-template-default main.site-main, .aft-light-mode.aft-section-layout-background.error404 main.site-main, .aft-light-mode.aft-section-layout-background.page main.site-main, .aft-light-mode.aft-section-layout-background.search main.site-main, .aft-light-mode.aft-section-layout-background.archive main.site-main, .aft-light-mode.aft-section-layout-background.aft-single-featured-full-title-below-image .entry-content-title-featured-wrap , .aft-light-mode.aft-section-layout-background.aft-single-featured-full .entry-content-title-featured-wrap , .aft-light-mode.aft-section-layout-background.single #content > header.entry-header .read-details, .aft-light-mode.aft-section-layout-background.blog main.site-main, .aft-light-mode.aft-section-layout-background .af-main-banner-latest-posts.grid-layout.chromenews-customizer .container-wrapper, .aft-light-mode.aft-section-layout-background .comments-area, .aft-light-mode.aft-section-layout-background .af-breadcrumbs, .aft-light-mode.aft-section-layout-background .chromenews-customizer, .aft-light-mode.aft-section-layout-background .chromenews-widget{ background-color: #fff; -webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 8%); box-shadow: 0 2px 2px 0 rgb(0 0 0 / 8%); } .aft-light-mode.aft-section-layout-background .chromenews-pagination .nav-links .page-numbers.current { -webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 8%); box-shadow: 0 2px 2px 0 rgb(0 0 0 / 8%); } .aft-dark-mode.aft-section-layout-background .header-layout-side .af-middle-header, .aft-dark-mode.aft-section-layout-background .header-layout-centered .mid-header-wrapper{ background-color: #202020; } .aft-dark-mode.aft-section-layout-background .chromenews-pagination .nav-links .page-numbers:not(.current), .aft-dark-mode.aft-section-layout-background.page.home.page-template-default main.site-main, .aft-dark-mode.aft-section-layout-background.error404 main.site-main, .aft-dark-mode.aft-section-layout-background.page main.site-main, .aft-dark-mode.aft-section-layout-background.search main.site-main, .aft-dark-mode.aft-section-layout-background.archive main.site-main, .aft-dark-mode.aft-section-layout-background.aft-single-featured-full-title-below-image .entry-content-title-featured-wrap, .aft-dark-mode.aft-section-layout-background.aft-single-featured-full .entry-content-title-featured-wrap, .aft-dark-mode.aft-section-layout-background.single #content > header.entry-header .read-details, .aft-dark-mode.aft-section-layout-background.single main.site-main .entry-content-wrap.read-single, .aft-dark-mode.aft-section-layout-background.blog main.site-main, .aft-dark-mode.aft-section-layout-background .af-main-banner-latest-posts.grid-layout.chromenews-customizer .container-wrapper, .aft-dark-mode.aft-section-layout-background .comments-area, .aft-dark-mode.aft-section-layout-background .af-breadcrumbs, .aft-dark-mode.aft-section-layout-background .chromenews-customizer, .aft-dark-mode.aft-section-layout-background .chromenews-widget { background-color: #222; } .aft-section-layout-background.home.blog main.site-main, .aft-section-layout-background.blog main.site-main { padding-left: 20px; padding-right: 20px; padding-top: 20px; } .aft-section-layout-background.blog main.site-main { padding-bottom: 20px; } .aft-dark-mode.aft-section-layout-background.page.home.page-template-default main.site-main, .aft-light-mode.aft-section-layout-background.page.home.page-template-default main.site-main { padding: 20px; } .aft-dark-mode.aft-section-layout-background .chromenews-pagination .nav-links .page-numbers:not(.current), .aft-light-mode.aft-section-layout-background .chromenews-pagination .nav-links .page-numbers:not(.current) { border: none; } .aft-dark-mode.aft-section-layout-background .chromenews-pagination .nav-links .page-numbers:not(.current) { color: #fff; } .aft-section-layout-background .af-main-banner-latest-posts.chromenews-customizer .container-wrapper { padding-left: 20px; padding-right: 20px; box-sizing: border-box; } .aft-light-mode.aft-section-layout-background .site-footer .chromenews-widget, .aft-dark-mode.aft-section-layout-background .site-footer .chromenews-widget{ background-color: rgba(255, 255, 255, 0.075); -webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 8%); box-shadow: 0 2px 2px 0 rgb(0 0 0 / 8%); } .aft-light-mode.aft-section-layout-background .chromenews-header .chromenews-widget, .aft-dark-mode.aft-section-layout-background .chromenews-header .chromenews-widget, .aft-light-mode.aft-section-layout-background.page.home main.site-main, .aft-dark-mode.aft-section-layout-background.page.home main.site-main, .aft-light-mode.home main.site-main, .aft-dark-mode.home main.site-main, .aft-light-mode.aft-section-layout-background .aft-archive-wrapper.chromenews-customizer , .aft-dark-mode.aft-section-layout-background .aft-archive-wrapper.chromenews-customizer { background-color: transparent; padding: 0; box-shadow: none; margin-bottom: 0; } .aft-light-mode.aft-section-layout-background.single-content-mode-boxed.aft-single-featured-full-title-over-image header.entry-header{ background: transparent; box-shadow: none; } .aft-dark-mode.aft-section-layout-background.single .entry-header .entry-header-details .chromenews-widget, .aft-light-mode.aft-section-layout-background.single .entry-header .entry-header-details .chromenews-widget, .aft-dark-mode.aft-section-layout-background.single main.site-main .entry-content-wrap.read-single .chromenews-widget, .aft-light-mode.aft-section-layout-background.single main.site-main .entry-content-wrap.read-single .chromenews-widget, .single.aft-light-mode main.site-main, .single.aft-dark-mode main.site-main{ padding: 0; background: transparent; box-shadow: none; } .aft-dark-mode.aft-section-layout-background.single main.site-main .entry-content.read-details, .aft-light-mode.aft-section-layout-background.single main.site-main .entry-content.read-details{ padding-top: 20px; padding-bottom: 20px; } .aft-section-layout-background.single main.site-main .entry-content-wrap.read-single .single-posts-promotions { margin: 0; } .aft-dark-mode.aft-section-layout-none.single main.site-main .entry-content.read-details, .aft-light-mode.aft-section-layout-none.single main.site-main .entry-content.read-details{ padding-top: 20px; } .aft-main-banner-section.chromenews-customizer{ padding: 0 0 20px; margin-bottom: 0; } .af-boxed-layout .aft-main-banner-section.chromenews-customizer { padding-left: 20px; padding-right: 20px; } body.aft-light-mode.aft-single-featured-full-title-below-image .af-breadcrumbs, body.aft-light-mode.aft-single-featured-full .af-breadcrumbs, body.aft-dark-mode.aft-single-featured-full-title-below-image .af-breadcrumbs, body.aft-dark-mode.aft-single-featured-full .af-breadcrumbs, .aft-dark-mode .aft-main-banner-section.chromenews-customizer { background-color: transparent; box-shadow: none; } .af-boxed-layout .aft-main-banner-section.chromenews-customizer .container-wrapper { padding-right: 0; padding-left: 0; } .af-boxed-layout .above-footer-widget-section .container-wrapper, .af-boxed-layout .aft-frontpage-feature-section-wrapper section, .af-boxed-layout .aft-frontpage-feature-section-wrapper section .container-wrapper { padding-right: 0; padding-left: 0; } .af-wide-layout .af-main-banner-latest-posts.grid-layout.chromenews-customizer .container-wrapper { max-width: 1100px; } .aft-section-layout-background .chromenews-widget.chromenews_tabbed_posts_widget .tab-content.af-widget-body { padding-bottom: 20px; } .af-boxed-layout .aft-below-main-banner-section .container-wrapper, .af-wide-layout .aft-frontpage-feature-section-wrapper section, .af-wide-layout .aft-main-banner-section.chromenews-customizer { padding-left: 0; padding-right: 0; } .aft-below-main-banner-section .chromenews-widget:last-child { margin-bottom: 0; } .aft-section-layout-background .af-main-banner-featured-posts.chromenews-customizer .af-main-banner-featured-posts.chromenews-customizer, .aft-section-layout-background .chromenews-customizer, .aft-section-layout-background .chromenews-widget.chromenews_tabbed_posts_widget, .aft-section-layout-background .chromenews-widget.chromenews_posts_double_columns_widget, .aft-section-layout-background .chromenews-widget.chromenews_express_posts_list_widget, .aft-section-layout-background .chromenews-widget.chromenews_featured_posts_widget, .aft-section-layout-background .chromenews-widget.chromenews_posts_lists_widget{ padding-bottom: 0; } body.aft-section-layout-background.aft-dark-mode .home-main-banner-widgets .chromenews-customizer, body.aft-section-layout-background.aft-dark-mode .home-main-banner-widgets .chromenews-widget, body.aft-section-layout-background.aft-light-mode .home-main-banner-widgets .chromenews-customizer, body.aft-section-layout-background.aft-light-mode .home-main-banner-widgets .chromenews-widget{ padding: 0; background: transparent; box-shadow: none; } .aft-section-layout-background .home-main-banner-widgets .af-main-banner-featured-posts.chromenews-customizer .af-main-banner-featured-posts.chromenews-customizer, .aft-section-layout-background .home-main-banner-widgets .chromenews-customizer, .aft-section-layout-background .home-main-banner-widgets .chromenews-widget.chromenews_posts_double_columns_widget, .aft-section-layout-background .home-main-banner-widgets .chromenews-widget.chromenews_posts_single_column_widget, .aft-section-layout-background .home-main-banner-widgets .chromenews-widget.chromenews_express_posts_list_widget, .aft-section-layout-background .home-main-banner-widgets .chromenews-widget.chromenews_featured_posts_widget, .aft-section-layout-background .home-main-banner-widgets .chromenews-widget.chromenews_posts_lists_widget{ margin-bottom: 0; } .aft-section-layout-none .af-main-banner-featured-posts.chromenews-customizer .af-main-banner-featured-posts.chromenews-customizer, .aft-section-layout-none .chromenews-customizer, .aft-section-layout-none .chromenews-widget.chromenews_posts_double_columns_widget, .aft-section-layout-none .chromenews-widget.chromenews_posts_single_column_widget, .aft-section-layout-none .chromenews-widget.chromenews_express_posts_list_widget, .aft-section-layout-none .chromenews-widget.chromenews_featured_posts_widget, .aft-section-layout-none .chromenews-widget.chromenews_posts_lists_widget{ margin-bottom: 0; } .aft-section-layout-background .aft-featured-video-section .chromenews-customizer, .aft-section-layout-background .aft-main-banner-section.chromenews-customizer > div:last-child, .aft-section-layout-background .aft-featured-category-section .express-carousel.chromenews-customizer { padding-bottom: 20px; } .aft-section-layout-background .aft-featured-video-section.featured-yt-sec.chromenews-customizer .chromenews-customizer{ padding-bottom: 20px; margin-bottom: 0; } .aft-section-layout-background .chromenews-widget.chromenews_posts_single_column_widget .list-style:not(.af-double-column):last-child .read-single, .aft-section-layout-none .chromenews_posts_carousel_widget .read-single, .aft-section-layout-none .chromenews_posts_slider_widget .read-single { margin-bottom: 0; } .aft-section-layout-none .af-main-banner-categorized-posts.express-carousel, .aft-section-layout-none .aft-featured-video-section { margin-bottom: 20px; } .aft-section-layout-background .af-main-banner-featured-posts.chromenews-customizer, .aft-section-layout-background .aft-featured-category-section.featured-cate-sec.chromenews-customizer, .aft-section-layout-background .aft-featured-video-section.featured-yt-sec.chromenews-customizer, .aft-section-layout-background .chromenews-widget.chromenews_posts_carousel_widget .read-single, .aft-section-layout-background .chromenews-widget.chromenews_posts_slider_widget .read-single{ padding-bottom: 0; } .aft-section-layout-background section.af-main-banner-featured-posts.chromenews-customizer, .aft-section-layout-background .aft-featured-category-section.featured-cate-sec.chromenews-customizer, .aft-section-layout-background .aft-featured-video-section.featured-yt-sec.chromenews-customizer{ padding-top: 0; } .aft-section-layout-background .chromenews-widget.chromenews_posts_carousel_widget .read-single, .aft-section-layout-background .chromenews-widget.chromenews_posts_slider_widget .read-single{ margin-bottom: 0; } .aft-section-layout-background .af-main-banner-featured-posts.chromenews-customizer .featured-posts.chromenews-customizer, .aft-section-layout-background .aft-featured-category-section.featured-cate-sec.chromenews-customizer .af-main-banner-categorized-posts.express-posts.chromenews-customizer { margin-bottom: 0; } body:not(.full-width-content) #sidr .chromenews_featured_posts_widget .col-4.pad, body:not(.full-width-content) #sidr .chromenews_posts_lists_widget .af-double-column.list-style.col-3, body:not(.full-width-content) #secondary .chromenews_featured_posts_widget .col-4.pad, body:not(.full-width-content) #secondary .chromenews_posts_lists_widget .af-double-column.list-style.col-3{ width: 100%; } #sidr .af-youtube-video-list .secondary-video .entry-header-yt-video-container, #secondary .af-youtube-video-list .secondary-video .entry-header-yt-video-container, #sidr .chromenews_youtube_video_widget .col-2.secondary-video, #secondary .chromenews_youtube_video_widget .col-2.secondary-video, #sidr .chromenews_youtube_video_widget .col-2.primary-video, #secondary .chromenews_youtube_video_widget .col-2.primary-video{ width: 100%; } #sidr .chromenews_youtube_video_widget .primary-video , #secondary .chromenews_youtube_video_widget .primary-video { margin-bottom: 15px; } #sidr .af-youtube-video-list iframe.entry-header-yt-iframe, #secondary .af-youtube-video-list iframe.entry-header-yt-iframe, #sidr .af-youtube-video-list .primary-video iframe.entry-header-yt-iframe, #secondary .af-youtube-video-list .primary-video iframe.entry-header-yt-iframe, #sidr .af-youtube-video-list .primary-video .entry-header-yt-video-wrapper, #secondary .af-youtube-video-list .primary-video .entry-header-yt-video-wrapper, #sidr .af-youtube-video-list .entry-header-yt-video-wrapper, #secondary .af-youtube-video-list .entry-header-yt-video-wrapper{ height: 255px; } #sidr .chromenews_express_posts_list_widget .col-2.af-sec-post, #secondary .chromenews_express_posts_list_widget .col-2.af-sec-post{ width: 100%; } #sidr .chromenews_express_posts_list_widget .featured-post-items-wrap .af-sec-post:not(.list-part) .read-details, #secondary .chromenews_express_posts_list_widget .featured-post-items-wrap .af-sec-post:not(.list-part) .read-details{ min-height: 0; } #sidr .chromenews_posts_slider_widget .read-single .read-img.read-bg-img, #secondary .chromenews_posts_slider_widget .read-single .read-img.read-bg-img { height: 240px; } .site-footer .chromenews-widget.chromenews_posts_lists_widget .af-list-post .col-2 , #sidr .chromenews-widget.chromenews_posts_lists_widget .af-list-post .col-2 , #secondary .chromenews-widget.chromenews_posts_lists_widget .af-list-post .col-2 { width: 100%; } #sidr .chromenews_posts_single_column_widget .list-style .read-single, #secondary .chromenews_posts_single_column_widget .list-style .read-single{ flex-wrap: wrap; } #sidr .chromenews_posts_single_column_widget .list-style:last-child .list-style .read-single, #secondary .chromenews_posts_single_column_widget .list-style:last-child .list-style .read-single{ margin-bottom: 0; } #sidr .chromenews_posts_single_column_widget .list-style .read-single .read-img, #secondary .chromenews_posts_single_column_widget .list-style .read-single .read-img{ height: 240px; width: 100%; } #sidr .chromenews_posts_single_column_widget .list-style .read-single .read-details, #secondary .chromenews_posts_single_column_widget .list-style .read-single .read-details{ width: 100%; } #sidr .chromenews_posts_double_columns_widget .col-2.af-sec-post, #secondary .chromenews_posts_double_columns_widget .col-2.af-sec-post{ width: 100%; } body:not(.full-width-content) #sidr .chromenews_express_posts_grid_widget .af-express-grid-wrap, body:not(.full-width-content) #secondary .chromenews_express_posts_grid_widget .af-express-grid-wrap{ grid-template-columns: repeat(1, 1fr); } body:not(.full-width-content) #sidr .chromenews_express_posts_grid_widget .af-express-grid-wrap .read-single , body:not(.full-width-content) #secondary .chromenews_express_posts_grid_widget .af-express-grid-wrap .read-single { min-height: 240px; } body:not(.full-width-content) #sidr .chromenews_express_posts_grid_widget .af-express-grid-wrap .read-single:first-child , body:not(.full-width-content) #secondary .chromenews_express_posts_grid_widget .af-express-grid-wrap .read-single:first-child { grid-column-end: span 1; grid-row-end: span 1; } /* for secondary , offcanvas */ /*-------------------------------------------------------------- # Widgets end --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ .read-single{ margin-bottom: 20px; } .chromenews_posts_carousel_widget .read-single{ margin-bottom: 0px; } .af-main-banner-featured-posts .af-sec-post .read-single { overflow: hidden; } .archive article.latest-posts-full:not(:last-child) .read-single { overflow: hidden; } .read-img img{ width: 100%; } .af-single-article .read-img img { width: auto; max-width: 100%; } .af-single-article .post-thumbnail img.wp-post-image { margin: 0 auto; } .read-img.read-bg-img img{ height: 100%; width: 100%; object-fit: cover; margin: 0; } .read-img.read-bg-img{ background-size: cover; background-position: center; background-repeat: no-repeat; height: 240px; background-color: #ccc; overflow: hidden; } .archive-list-post .read-categories, .chromenews_posts_single_column_widget .read-categories, .grid-design-default .category-min-read-wrap { position: absolute; bottom: 10px; left: 15px; right: 15px; z-index: 2; } .grid-design-default .pad.read-details { padding: 10px 0 0; } .af-reated-posts .latest-posts-grid.af-sec-post:nth-child(3n+1) { clear: left; } .full-width-content .af-reated-posts .latest-posts-grid.af-sec-post:nth-child(3n+1) { clear: none; } .full-width-content .af-reated-posts .latest-posts-grid.af-sec-post { width: 25%; } .full-width-content .af-reated-posts .latest-posts-grid.af-sec-post:nth-child(4n+1) { clear: left; } body.full-width-content #primary .chromenews_express_posts_list_widget .col-2 { width: 33.33%; } body.full-width-content .chromenews_express_posts_grid_widget .af-express-grid-wrap { grid-template-columns: repeat(3, 1fr); } body.full-width-content .chromenews_express_posts_grid_widget .af-express-grid-wrap .read-single:first-child { min-height: 450px; } .af-main-banner-featured-posts .read-details.pad .read-title h4 { margin-top: 0; } .aft-masonry-archive-posts .read-img{ height: unset; background-color: #dedede; } .read-title h4{ font-size: 16px; margin: 5px 0; line-height: 1.4; } .archive-list-post .read-title h4 { margin-top: 0; } .read-title h4 a, .read-title h2 a{ color: #fff; border-bottom: 1px solid transparent; transition: border 0.075s linear; } .read-title h4 a:hover, .read-title h2 a:hover{ border-bottom: 1px solid #ffcc00; } table, body p, .blockspare-posts-block-post-grid-excerpt-content, .archive-description, .nav-previous h4, .nav-next h4, .exclusive-posts .marquee a, .widget ul.menu >li, .widget ul ul li, .widget ul > li, .widget ol > li, main ul li, main ol li, p, input, textarea, .read-title h4, .chromenews-customizer .post-description, .chromenews-widget .post-description{ font-family: 'Noto Serif', serif; } .woocommerce nav.woocommerce-pagination ul li .page-numbers, input.button, input[type="submit"], p.awpa-more-posts, .post-description .aft-readmore-wrapper { font-family: Jost; } /*sticky post*/ article.sticky .read-single, article.sticky .read-single > div.read-img{ position: relative; } article.sticky .read-single > div.read-img::before { content: "\e91c"; font-family: 'aft-icons' !important; position: absolute; top: 20px; right: 20px; text-align: center; border: 2px solid #fff; color: #fff; width: 30px; height: 30px; line-height: 28px; z-index: 1; font-weight: 600; } article.sticky .read-single.grid-design-texts-over-image > .read-details { position: absolute; } /*sticky post*/ /*for first post*/ article.aft-first-post-full .read-details{ padding: 15px; } article.aft-first-post-full.latest-posts-full .read-descprition.full-item-discription{ padding-top: 0; } .archive-title-first article.aft-first-post-full.latest-posts-full .read-descprition.full-item-discription{ padding-top: 10px; } article.aft-first-post-full .read-single { margin-bottom: 30px; } /*for first post*/ .aft-featured-category-section .express-carousel { margin-bottom: 0; } .aft-featured-category-section .express-carousel .read-single{ margin-bottom: 0; } body.aft-light-mode .aft-main-banner-section.aft-banner-background-default{ background-color: #fff; } body.aft-dark-mode .aft-main-banner-section.aft-banner-background-default{ background-color: #222222; } .af-main-banner-latest-posts.grid-layout.chromenews-customizer { box-shadow: none; padding-top: 0; padding-bottom: 0; } body .af-main-banner-latest-posts.grid-layout.chromenews-customizer { background-color: transparent; } .af-main-banner-latest-posts.grid-layout.chromenews-customizer .container-wrapper{ padding-top: 20px; } .aft-section-layout-none .af-main-banner-latest-posts.grid-layout.chromenews-customizer .container-wrapper { max-width: 1140px; } .af-boxed-layout .af-main-banner-latest-posts.grid-layout.chromenews-customizer { padding: 0; } .af-wide-layout .aft-main-banner-section.chromenews-customizer { margin-bottom: 0; } .af-boxed-layout .aft-frontpage-feature-section-wrapper .container-wrapper{ padding: 0; } .af-boxed-layout .aft-frontpage-feature-section-wrapper .home-featured-widgets .chromenews-widget, .af-wide-layout .aft-frontpage-feature-section-wrapper .home-featured-widgets .chromenews-widget{ margin-top: 20px; margin-bottom: 0; } .aft-frontpage-feature-section-wrapper { margin-top: 20px; } /*frontpage featured section*/ .read-categories > ul, .read-categories > div{display: inline-block;} .af-post-slider .read-details .read-categories, .af-banner-carousel.common-carousel .read-details .read-categories, .banner-grid-wrapper .grid-item .read-details .read-categories, .banner-single-slider-1 .read-details .read-categories{ padding: 10px 0 0; } footer.site-footer.data-bg, section.aft-main-banner-section.data-bg { position: relative; z-index: 0; background-position: center; background-repeat: no-repeat; background-size: cover; } footer.site-footer.data-bg::before, section.aft-main-banner-section.data-bg::before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.5); background: radial-gradient(rgba(0,0,0,.75), rgba(0,0,0,.5), rgba(0,0,0,.25)); z-index: -1; } /*aft-readmore-wrapper*/ .aft-readmore-wrapper a.aft-readmore{ font-size: 12px; margin-top: 15px; padding: 9px 15px; border: 1px solid rgba(0,0,0,0.3); display: inline-block; font-weight: 600; transition: all 0.075s ease; color: #404040; text-transform: uppercase; line-height: 1; } .aft-readmore-wrapper a.aft-readmore:hover{ border-color: #ffcc00 ; } .chromenews-load-more-posts a.aft-readmore{ margin-top: 0; margin-bottom: 20px; } .aft-section-layout-background .chromenews-load-more-posts a.aft-readmore{ /* margin-top: 15px; */ } .aft-see-more { display: inline-block; } .aft-see-more a{ text-transform: uppercase; display: inline-block; color: #000; font-weight: 700; margin-top: 20px; background-image: -o-linear-gradient(330deg,#ffcc00 0,#ffcc00 100%); background-image: linear-gradient(120deg,#ffcc00,#ffcc00); background-position: 0 100%; background-repeat: no-repeat; background-size: 100% 0; border-bottom: 2px solid #ffcc00; -webkit-transition: background-size .125s ease-in; -o-transition: background-size .125s ease-in; transition: background-size .125s ease-in; } .aft-dark-mode .aft-see-more a { color: #fff; } .aft-see-more a:hover, .aft-dark-mode .aft-see-more a:hover { color: #000; background-size: 100% 100%; } /*aft-readmore-wrapper*/ section.aft-featured-video-section .section-wrapper { position: relative; } /*featured posts layout-1*/ .aft-featured-category-section .featured-post-items-wrap .af-sec-post:not(.list-part) .read-img, .chromenews_express_posts_list_widget .featured-post-items-wrap .af-sec-post:not(.list-part) .read-img { height: 240px; } .featured-post-items-wrap .af-sec-post:not(.list-part) .read-details { display: flex; flex-direction: column; justify-content: center; } /*featured posts layout-1*/ /*featured posts layout-2*/ .af-post-carousel-list .slick-list, .af-post-carousel .slick-list { margin-right: -10px; margin-left: -10px; } .af-main-banner-categorized-posts .af-post-carousel .read-img{height: 240px;} .af-list-post .read-title h4, .featured-post-items-wrap .af-sec-post.list-part .read-title h4, .af-main-banner-categorized-posts.express-posts .af-sec-post.list-part .read-title h4, .af-main-banner-categorized-posts.express-carousel .af-sec-post .read-title h4 { margin-top: 0; } .chromenews-customizer .post-description, .chromenews-widget .post-description { margin-top: 10px; } /*featured posts layout-2*/ /*boxed banner */ .aft-main-banner-wrapper .aft-main-banner-part { display: flex; flex-wrap: wrap; } .af-banner-wrapper .aft-main-banner-wrapper{ margin-left: -10px; margin-right: -10px; } /*boxed banner */ /*editors pick thumbnail*/ .af-main-banner-thumb-posts .af-sec-post .read-single, .af-main-banner-tabbed-posts .af-sec-post .read-single{ margin-bottom: 20px; overflow: hidden; } .af-main-banner-thumb-posts .af-sec-post:nth-child(3) .read-single, .af-main-banner-thumb-posts .af-sec-post:nth-child(4) .read-single{ margin-bottom: 0; } .af-main-banner-tabbed-posts li.af-sec-post.list-part:last-child .read-single{ margin-bottom: 0; } .af-main-banner-thumb-posts .af-sec-post:nth-child(3) .list-style .read-single{ margin-bottom: 10px; } .af-main-banner-thumb-posts .af-sec-post{ width: 100%; } .af-main-banner-thumb-posts .af-sec-post .read-img.read-bg-img{ width: 100%; display: block; height: 250px; } .grid-design-texts-over-image .read-details{ position: absolute; bottom: 0; left: 0; width: 100%; color: #fff; z-index: 2; padding: 15px; background: rgba(0,0,0,0.75); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); } .aft-slider-part .read-single .post-format-and-min-read-wrap, .aft-slider-part .read-single .read-categories, .af-post-carousel .af-sec-post .read-single .post-format-and-min-read-wrap, .af-post-carousel .af-sec-post .read-single .read-categories, .af-main-banner-thumb-posts .af-sec-post .read-single .post-format-and-min-read-wrap, .af-main-banner-thumb-posts .af-sec-post .read-single .read-categories{ display: inline-block; } .aft-slider-part .read-single .post-format-and-min-read-wrap, .af-post-carousel .af-sec-post .read-single .post-format-and-min-read-wrap, .af-main-banner-thumb-posts .af-sec-post .read-single .post-format-and-min-read-wrap{ margin-right: 2px; } .aft-light-mode.aft-section-layout-background .af-main-banner-thumb-posts .small-grid-style .af-sec-post .grid-design-default .read-details .read-title h4 a{ color: #202020; } .aft-light-mode.aft-section-layout-background .aft-banner-background-alternative .af-main-banner-thumb-posts .small-grid-style .af-sec-post .grid-design-default .read-details .read-title h4 a{ color: #fff; } .aft-light-mode.aft-section-layout-background .aft-main-banner-section.data-bg .af-main-banner-thumb-posts .small-grid-style .af-sec-post .grid-design-default .read-details .read-title h4 a { color: #fff; } .af-main-banner-thumb-posts .af-sec-post:last-child .read-single{ margin-bottom: 0; } .af-main-banner-thumb-posts .read-single:not(.af-cat-widget-carousel){ display: flex; align-items: center; } .aft-main-banner-wrapper .aft-trending-part.col-4 .read-single:not(.af-cat-widget-carousel) .read-img.read-bg-img, .aft-main-banner-wrapper .aft-tabbed-part.col-4 .read-single:not(.af-cat-widget-carousel) .read-img.read-bg-img{ height: 85px; max-width: 85px; } .aft-main-banner-wrapper .aft-trending-part.col-4 .af-double-column.list-style .read-details.pad, .aft-main-banner-wrapper .aft-tabbed-part.col-4 .af-double-column.list-style .read-details.pad{ max-height: 85px; width: calc(100% - 85px); overflow: hidden; } .af-main-banner-thumb-posts .read-single:not(.af-cat-widget-carousel) .min-read { color: #4a4a4a; opacity: 0.75; padding: 0; background-color: transparent; letter-spacing: normal; } /*editors pick thumbnail*/ /*banner trending now*/ .banner-vertical-slider .slick-list { margin-bottom: -20px; } .banner-vertical-slider .read-single { margin-bottom: 20px; min-height: 85px; } .banner-vertical-slider .aft-trending-posts.list-part .af-double-column.list-style .read-bg-img { height: 136px; width: 50%; max-width: 136px } .banner-vertical-slider .aft-trending-posts.list-part .af-double-column.list-style .read-details { max-height: 136px; max-width: calc(100% - 136px); } .aft-main-banner-part.aft-banner-horizontal .banner-vertical-slider .read-single { margin-right: 10px; margin-left: 10px; } .aft-main-banner-part.aft-banner-horizontal .banner-vertical-slider .slick-list { margin-left: -10px; margin-right: -10px; } /*banner trending now*/ /*================= banner layout default ===================*/ .aft-banner-layout-default.aft-main-banner-section .af-banner-carousel .read-img.read-bg-img { height: 487px; } .aft-banner-layout-default .aft-horizontal-grid-part .af-widget-carousel.slick-slider .slick-list { margin: 0 -10px; } .aft-banner-layout-default .aft-horizontal-grid-part .af-widget-carousel.slick-slider .slick-list .af-sec-post { padding: 0 10px; } .aft-banner-layout-default .af-main-banner-thumb-posts .af-sec-post .read-img.read-bg-img{ height: 252px; } .aft-banner-layout-default .aft-horizontal-grid-part, .aft-banner-layout-default .aft-main-banner-slider-part{ width: 100%; } .aft-banner-layout-default .aft-horizontal-grid-part.chromenews-customizer .slick-item:not(:first-child) , .aft-banner-layout-default .aft-main-banner-slider-part.chromenews-customizer .slick-item:not(:first-child) { display: none !important; } .aft-banner-layout-default .aft-horizontal-grid-part.chromenews-customizer .slick-item.slick-slide:not(:first-child) , .aft-banner-layout-default .aft-main-banner-slider-part.chromenews-customizer .slick-item.slick-slide:not(:first-child) { display: block !important; } .aft-banner-layout-default.aft-banner-order-2 .aft-main-banner-part , .aft-banner-layout-default.aft-banner-order-4 .aft-main-banner-part { flex-direction: row-reverse; } .aft-banner-layout-default.aft-banner-order-4 .aft-main-banner-part > .aft-slider-part, .aft-banner-layout-default.aft-banner-order-3 .aft-main-banner-part > .aft-slider-part{ display: flex; flex-wrap: wrap; flex-direction: column-reverse; } .aft-banner-layout-default.aft-banner-order-2 .aft-main-banner-slider-part, .aft-banner-layout-default.aft-banner-order-1 .aft-main-banner-slider-part { margin-bottom: 20px; } .aft-banner-layout-default.aft-banner-order-4 .aft-horizontal-grid-part, .aft-banner-layout-default.aft-banner-order-3 .aft-horizontal-grid-part { margin-bottom: 20px; } @media screen and (min-width: 1025px) { .aft-banner-layout-default .aft-main-banner-wrapper .aft-trending-part .chromenews-customizer .full-wid-resp { height: 760px; overflow: hidden; } } @media only screen and (max-width: 768px) and (min-width: 481px) { .aft-banner-layout-default.aft-main-banner-section .af-banner-carousel .read-img.read-bg-img { height: 450px; } } /*================= banner layout default ===================*/ /* =================== banner layout aligned =================== */ .aft-banner-layout-aligned .aft-main-banner-wrapper .aft-slider-part { display: flex; padding: 0; flex-wrap: wrap; } .aft-section-layout-none .aft-banner-layout-aligned .aft-main-banner-wrapper .aft-trending-part, .aft-section-layout-none .aft-banner-layout-aligned .aft-main-banner-wrapper .aft-slider-part { padding: 0; } @media screen and (min-width: 1025px){ .aft-banner-layout-aligned .aft-main-banner-wrapper .aft-main-banner-slider-part { width:66.67%; padding: 0 10px; } .aft-banner-layout-aligned .aft-main-banner-wrapper .chromenews-customizer.col-3 { padding: 0 10px; } } .aft-banner-layout-aligned.aft-banner-order-2 .aft-main-banner-wrapper .aft-slider-part , .aft-banner-layout-aligned.aft-banner-order-1 .aft-main-banner-wrapper .aft-slider-part { margin-bottom: 0; } .aft-banner-layout-aligned.aft-banner-order-3 .aft-main-banner-wrapper .aft-trending-part , .aft-banner-layout-aligned.aft-banner-order-4 .aft-main-banner-wrapper .aft-trending-part { margin-bottom: 0; } .aft-banner-layout-aligned.aft-banner-order-4 .aft-main-banner-wrapper .aft-slider-part , .aft-banner-layout-aligned.aft-banner-order-2 .aft-main-banner-wrapper .aft-slider-part { flex-direction: row-reverse; } .aft-banner-layout-aligned.aft-banner-order-4 .aft-main-banner-wrapper .aft-main-banner-part .aft-slider-part, .aft-banner-layout-aligned.aft-banner-order-3 .aft-main-banner-wrapper .aft-main-banner-part .aft-slider-part{ order: 2; } .aft-banner-layout-aligned.aft-banner-order-4 .aft-main-banner-wrapper .aft-main-banner-part .aft-trending-part, .aft-banner-layout-aligned.aft-banner-order-3 .aft-main-banner-wrapper .aft-main-banner-part .aft-trending-part{ order: 1; } .aft-banner-layout-aligned .af-widget-carousel { position: relative; } .aft-banner-layout-aligned.aft-main-banner-section .af-banner-carousel .read-img.read-bg-img { height: 530px; } .aft-banner-layout-aligned .aft-horizontal-grid-part .af-widget-carousel.slick-slider .slick-list { margin: 0 -10px; } .aft-banner-layout-aligned .aft-horizontal-grid-part .af-widget-carousel.slick-slider .slick-list .af-sec-post { padding: 0 10px; } .aft-banner-layout-aligned .aft-main-banner-wrapper .chromenews-customizer.col-3 .af-slick-navcontrols{ right: 10px; } .aft-banner-layout-aligned .aft-main-banner-part .aft-slider-part .chromenews-customizer.col-3 .read-single { margin-bottom: 20px; } @media screen and (min-width: 1025px){ .aft-banner-layout-aligned .aft-main-banner-slider-part .af-banner-carousel .read-img.read-bg-img, .aft-banner-layout-aligned .aft-main-banner-slider-part .slick-track .read-single, .aft-banner-layout-aligned .aft-main-banner-slider-part .slick-track .slick-slide .slick-item, .aft-banner-layout-aligned .aft-main-banner-slider-part .slick-track .slick-slide > div, .aft-banner-layout-aligned .aft-main-banner-slider-part .slick-track .slick-slide, .aft-banner-layout-aligned .aft-main-banner-slider-part .slick-track, .aft-banner-layout-aligned .aft-main-banner-slider-part .slick-list, .aft-banner-layout-aligned .aft-main-banner-slider-part .af-banner-carousel.slick-slider, .aft-banner-layout-aligned .aft-main-banner-slider-part .af-widget-carousel, .aft-banner-layout-aligned .aft-main-banner-slider-part { height: 100%; max-height: 100%; } .aft-banner-layout-aligned .aft-main-banner-slider-part .af-banner-carousel .read-img.read-bg-img { min-height: 492px; } .aft-banner-layout-aligned .aft-main-banner-wrapper .chromenews-customizer.col-3 .full-wid-resp { height: 448px; overflow: hidden; } } .aft-banner-layout-aligned .aft-horizontal-grid-part.chromenews-customizer .slick-item:not(:first-child) , .aft-banner-layout-aligned .aft-main-banner-slider-part.chromenews-customizer .slick-item:not(:first-child) { display: none !important; } .aft-banner-layout-aligned .aft-horizontal-grid-part.chromenews-customizer .slick-item.slick-slide:not(:first-child) , .aft-banner-layout-aligned .aft-main-banner-slider-part.chromenews-customizer .slick-item.slick-slide:not(:first-child) { display: block !important; } .aft-banner-layout-aligned .aft-main-banner-slider-part .af-banner-carousel .read-img.read-bg-img img{ position: absolute; top: 0; left: 0; } @media only screen and (max-width: 768px) and (min-width: 481px) { .aft-banner-layout-aligned .aft-main-banner-slider-part .af-banner-carousel .read-img.read-bg-img { min-height: 450px; } .aft-banner-layout-aligned.aft-main-banner-section .af-banner-carousel .read-img.read-bg-img { height: 450px; } } /* =================== banner layout aligned =================== */ /* =================== banner layout tiled 2 =================== */ .aft-banner-layout-tiled-2.aft-banner-order-3 .aft-main-banner-wrapper .aft-main-banner-part .aft-slider-part , .aft-banner-layout-tiled-2.aft-banner-order-4 .aft-main-banner-wrapper .aft-main-banner-part .aft-slider-part { order: 2; } .aft-banner-layout-tiled-2.aft-banner-order-3 .aft-main-banner-wrapper .aft-main-banner-part .aft-trending-part , .aft-banner-layout-tiled-2.aft-banner-order-4 .aft-main-banner-wrapper .aft-main-banner-part .aft-trending-part { order: 1; } .aft-banner-layout-tiled-2 .aft-main-banner-wrapper .aft-slider-part { display: flex; flex-wrap: wrap; padding: 0; } .aft-banner-layout-tiled-2.aft-banner-order-4 .aft-main-banner-wrapper .aft-slider-part .aft-main-banner-slider-part, .aft-banner-layout-tiled-2.aft-banner-order-2 .aft-main-banner-wrapper .aft-slider-part .aft-main-banner-slider-part { order: 2; } .aft-banner-layout-tiled-2.aft-banner-order-4 .aft-main-banner-wrapper .aft-slider-part .chromenews-customizer.col-3, .aft-banner-layout-tiled-2.aft-banner-order-2 .aft-main-banner-wrapper .aft-slider-part .chromenews-customizer.col-3 { order: 1; } .aft-banner-layout-tiled-2 .af-widget-carousel { position: relative; } .aft-banner-layout-tiled-2.aft-main-banner-section .af-banner-carousel .read-img.read-bg-img { height: 500px; } .aft-banner-layout-tiled-2 .af-main-banner-thumb-posts .af-sec-post .read-img.read-bg-img { height: 240px; } .aft-banner-layout-tiled-2 .aft-main-banner-part .aft-slider-part .chromenews-customizer.col-3 .af-sec-post:not(:last-child) .read-single { margin-bottom: 20px; } .aft-banner-layout-tiled-2 .aft-main-banner-wrapper .aft-slider-part, .aft-banner-layout-tiled-2 .aft-main-banner-wrapper .aft-thumb-part{ margin-bottom: 0; } /* =================== banner layout tiled 2 =================== */ /* =================== banner layout tiled 3 =================== */ .aft-banner-layout-tiled-3.aft-banner-order-3 .aft-main-banner-wrapper .aft-main-banner-part .aft-slider-part , .aft-banner-layout-tiled-3.aft-banner-order-4 .aft-main-banner-wrapper .aft-main-banner-part .aft-slider-part { order: 2; } .aft-banner-layout-tiled-3.aft-banner-order-3 .aft-main-banner-wrapper .aft-main-banner-part .aft-trending-part , .aft-banner-layout-tiled-3.aft-banner-order-4 .aft-main-banner-wrapper .aft-main-banner-part .aft-trending-part { order: 1; } .aft-banner-layout-tiled-3 .aft-main-banner-wrapper .aft-slider-part { display: flex; flex-wrap: wrap; padding: 0; } .aft-banner-layout-tiled-3.aft-banner-order-4 .aft-main-banner-wrapper .aft-slider-part .aft-main-banner-slider-part , .aft-banner-layout-tiled-3.aft-banner-order-2 .aft-main-banner-wrapper .aft-slider-part .aft-main-banner-slider-part { order: 2; } .aft-banner-layout-tiled-3.aft-banner-order-4 .aft-main-banner-wrapper .aft-slider-part .chromenews-customizer.col-40 , .aft-banner-layout-tiled-3.aft-banner-order-2 .aft-main-banner-wrapper .aft-slider-part .chromenews-customizer.col-40 { order: 1; } .aft-banner-layout-tiled-3 .af-widget-carousel { position: relative; } .aft-banner-layout-tiled-3.aft-main-banner-section .af-banner-carousel .read-img.read-bg-img { height: 460px; } .aft-banner-layout-tiled-3 .af-main-banner-thumb-posts .af-sec-post .read-img.read-bg-img { height: 160px; } .aft-banner-layout-tiled-3 .af-main-banner-thumb-posts .af-sec-post:first-child .read-img.read-bg-img { height: 280px; } .aft-banner-layout-tiled-3 .af-main-banner-thumb-posts .af-sec-post:first-child { margin-bottom: 20px; } .aft-banner-layout-tiled-3 .af-main-banner-thumb-posts .af-sec-post:not(:first-child) { width: 50%; } .aft-banner-layout-tiled-3 .aft-main-banner-wrapper .aft-slider-part, .aft-banner-layout-tiled-3 .aft-main-banner-wrapper .aft-thumb-part{ margin-bottom: 0; } .aft-banner-layout-tiled-3 .af-main-banner-thumb-posts .af-sec-post:not(:first-child) .read-single .read-categories, .aft-banner-layout-tiled-3 .af-main-banner-thumb-posts .af-sec-post:not(:first-child) .read-single .post-format-and-min-read-wrap{ display: none; } @media screen and (min-width: 1025px){ .aft-banner-layout-tiled-3 .af-main-banner-thumb-posts .af-sec-post:not(:first-child) .read-title h4{ font-size: 14px; } } @media screen and (max-width: 480px){ .aft-banner-layout-tiled-3 .af-main-banner-thumb-posts .small-grid-style .af-sec-post{ padding-left: 0; padding-right: 0; } } /* =================== banner layout tiled 3 =================== */ /* =================== banner layout tiled 4 =================== */ .aft-banner-layout-tiled-4.aft-banner-order-3 .aft-main-banner-wrapper .aft-main-banner-part .aft-slider-part , .aft-banner-layout-tiled-4.aft-banner-order-4 .aft-main-banner-wrapper .aft-main-banner-part .aft-slider-part { order: 2; } .aft-banner-layout-tiled-4.aft-banner-order-3 .aft-main-banner-wrapper .aft-main-banner-part .aft-trending-part , .aft-banner-layout-tiled-4.aft-banner-order-4 .aft-main-banner-wrapper .aft-main-banner-part .aft-trending-part { order: 1; } .aft-banner-layout-tiled-4 .aft-main-banner-wrapper .aft-slider-part { display: flex; flex-wrap: wrap; padding: 0; } .aft-banner-layout-tiled-4.aft-banner-order-4 .aft-main-banner-wrapper .aft-slider-part .chromenews-customizer.col-2 , .aft-banner-layout-tiled-4.aft-banner-order-2 .aft-main-banner-wrapper .aft-slider-part .chromenews-customizer.col-2 { order: 1; } .aft-banner-layout-tiled-4.aft-banner-order-4 .aft-main-banner-wrapper .aft-slider-part .chromenews-customizer.col-2.aft-main-banner-slider-part , .aft-banner-layout-tiled-4.aft-banner-order-2 .aft-main-banner-wrapper .aft-slider-part .chromenews-customizer.col-2.aft-main-banner-slider-part { order: 2; } .aft-banner-layout-tiled-4 .af-widget-carousel { position: relative; } .aft-banner-layout-tiled-4.aft-main-banner-section .af-banner-carousel .read-img.read-bg-img { height: 380px; } .aft-banner-layout-tiled-4 .af-main-banner-thumb-posts .af-sec-post .read-img.read-bg-img { height: 180px; } .aft-banner-layout-tiled-4 .af-main-banner-thumb-posts .af-sec-post:nth-child(1) , .aft-banner-layout-tiled-4 .af-main-banner-thumb-posts .af-sec-post:nth-child(2) { margin-bottom: 20px; } .aft-banner-layout-tiled-4 .af-main-banner-thumb-posts .af-sec-post { width: 50%; } .aft-banner-layout-tiled-4 .aft-main-banner-wrapper .aft-slider-part, .aft-banner-layout-tiled-4 .aft-main-banner-wrapper .aft-thumb-part{ margin-bottom: 0; } .aft-banner-layout-tiled-4 .af-main-banner-thumb-posts .af-sec-post .read-single .post-format-and-min-read-wrap { display: none; } @media screen and (min-width:1025px){ .aft-banner-layout-tiled-4 .af-main-banner-thumb-posts .af-sec-post .read-title h4{ font-size: 16px; } } @media screen and (max-width: 480px){ .aft-section-layout-background .aft-main-banner-section.aft-banner-layout-tiled .chromenews-customizer, .aft-section-layout-background .aft-main-banner-section.aft-banner-layout-tiled-2 .chromenews-customizer, .aft-section-layout-background .aft-main-banner-section.aft-banner-layout-tiled-3 .chromenews-customizer, .aft-section-layout-background .aft-main-banner-section.aft-banner-layout-tiled-4 .chromenews-customizer, .aft-banner-layout-tiled-4 .af-main-banner-thumb-posts .af-sec-post{ padding-right: 0; padding-left: 0; } } /* =================== banner layout tiled 4 =================== */ /* =================== banner layout tiled 5 =================== */ .aft-banner-layout-tiled.aft-banner-order-3 .aft-main-banner-wrapper .aft-main-banner-part .aft-slider-part , .aft-banner-layout-tiled.aft-banner-order-4 .aft-main-banner-wrapper .aft-main-banner-part .aft-slider-part { order: 2; } .aft-banner-layout-tiled.aft-banner-order-3 .aft-main-banner-wrapper .aft-main-banner-part .aft-trending-part , .aft-banner-layout-tiled.aft-banner-order-4 .aft-main-banner-wrapper .aft-main-banner-part .aft-trending-part { order: 1; } .aft-banner-layout-tiled .aft-main-banner-wrapper .aft-slider-part { padding: 0 10px; display: grid; grid-gap: 20px; grid-template-columns: repeat(3, 1fr); grid-auto-rows: minmax(240px, auto); margin-bottom: 0; } .aft-banner-layout-tiled .af-widget-carousel { position: relative; } .aft-banner-layout-tiled.aft-main-banner-section .af-banner-carousel .read-img.read-bg-img { height: 500px; } .aft-banner-layout-tiled .aft-main-banner-wrapper .aft-slider-part .aft-main-banner-slider-part { grid-column: span 2; grid-row: span 2; width: 100%; padding: 0; } .aft-banner-layout-tiled.aft-banner-order-4 .aft-main-banner-wrapper .aft-slider-part .aft-main-banner-slider-part , .aft-banner-layout-tiled.aft-banner-order-2 .aft-main-banner-wrapper .aft-slider-part .aft-main-banner-slider-part { grid-column-start: 2; grid-row-start: 2; grid-column-end: 4; grid-row-end: 4; } .aft-banner-layout-tiled .aft-main-banner-wrapper .aft-slider-part .af-sec-post{ width: 100%; padding: 0; overflow: hidden; } .aft-banner-layout-tiled .aft-main-banner-wrapper .aft-slider-part .af-sec-post .read-img.read-bg-img { height: 240px; } .aft-banner-layout-tiled .aft-slider-part .af-sec-post .read-title h4{ font-size: 20px; } /* =================== banner layout tiled 5 =================== */ /* =================== banner layout trending =================== */ .aft-main-banner-section[class*="aft-banner-layout-tiled"] .aft-trending-part .af-widget-carousel{ position: relative; } .aft-main-banner-section[class*="aft-banner-layout-tiled"] .aft-trending-part .af-slick-navcontrols.af-trending-navcontrols{ right: 10px; } .aft-main-banner-section[class*="aft-banner-layout-tiled"] .aft-main-banner-wrapper .aft-trending-part .read-single{ margin-bottom: 0; } .aft-main-banner-section[class*="aft-banner-layout-tiled"] .aft-main-banner-wrapper .aft-trending-part .chromenews-customizer .slick-list{ margin: 0 -10px; } .aft-main-banner-section[class*="aft-banner-layout-tiled"] .aft-main-banner-wrapper .aft-trending-part .chromenews-customizer .slick-item{ padding: 0 10px; } @media screen and (max-width: 480px){ .aft-main-banner-section[class*="aft-banner-layout-tiled"] .aft-trending-part .af-slick-navcontrols.af-trending-navcontrols { right: 0; } } /* =================== banner layout trending =================== */ /* =================== banner layout horizontal ==================== */ .aft-banner-layout-horizontal.aft-banner-order-2 .aft-main-banner-wrapper .aft-slider-part{order: 1;} .aft-banner-layout-horizontal.aft-banner-order-2 .aft-main-banner-wrapper .aft-trending-part{order: 3;} .aft-banner-layout-horizontal.aft-banner-order-2 .aft-main-banner-wrapper .aft-horizontal-grid-part{order: 2;} .aft-banner-layout-horizontal.aft-banner-order-3 .aft-main-banner-wrapper .aft-slider-part{order: 2;} .aft-banner-layout-horizontal.aft-banner-order-3 .aft-main-banner-wrapper .aft-trending-part{order: 1;} .aft-banner-layout-horizontal.aft-banner-order-3 .aft-main-banner-wrapper .aft-horizontal-grid-part{order: 3;} .aft-banner-layout-horizontal.aft-banner-order-4 .aft-main-banner-wrapper .aft-slider-part{order: 3;} .aft-banner-layout-horizontal.aft-banner-order-4 .aft-main-banner-wrapper .aft-trending-part{order: 1;} .aft-banner-layout-horizontal.aft-banner-order-4 .aft-main-banner-wrapper .aft-horizontal-grid-part{order: 2;} .aft-main-banner-section.aft-banner-layout-horizontal .af-banner-carousel .read-img.read-bg-img { height: 450px; } .aft-banner-layout-horizontal .aft-horizontal-grid-part .af-widget-carousel.slick-slider .slick-list { margin: 0 -10px; } .aft-banner-layout-horizontal .aft-horizontal-grid-part .af-widget-carousel.slick-slider .slick-list .af-sec-post { padding: 0 10px; } .aft-banner-layout-horizontal .aft-horizontal-grid-part { margin-top: 20px; } .aft-banner-layout-horizontal .aft-banner-aligned.aft-horizontal-grid-part .slick-item:not(:first-child), .aft-banner-layout-horizontal .aft-trending-part.col-1 .slick-item:not(:first-child), .aft-banner-layout-horizontal .aft-main-banner-slider-part.chromenews-customizer .slick-item:not(:first-child) { display: none !important; } .aft-banner-layout-horizontal .aft-banner-aligned.aft-horizontal-grid-part .slick-item.slick-slide:not(:first-child), .aft-banner-layout-horizontal .aft-trending-part.col-1 .slick-item.slick-slide:not(:first-child), .aft-banner-layout-horizontal .aft-main-banner-slider-part.chromenews-customizer .slick-item.slick-slide:not(:first-child) { display: block !important; } /* =================== banner layout horizontal ==================== */ /* =================== banner layout vertical ==================== */ .aft-banner-layout-vertical.aft-banner-order-2 .aft-main-banner-wrapper .aft-slider-part{order: 1;} .aft-banner-layout-vertical.aft-banner-order-2 .aft-main-banner-wrapper .aft-trending-part{order: 2;} .aft-banner-layout-vertical.aft-banner-order-2 .aft-main-banner-wrapper .aft-thumb-part {order: 3;} .aft-banner-layout-vertical.aft-banner-order-3 .aft-main-banner-wrapper .aft-slider-part{order: 2;} .aft-banner-layout-vertical.aft-banner-order-3 .aft-main-banner-wrapper .aft-trending-part{order: 3;} .aft-banner-layout-vertical.aft-banner-order-3 .aft-main-banner-wrapper .aft-thumb-part {order: 1;} .aft-banner-layout-vertical.aft-banner-order-4 .aft-main-banner-wrapper .aft-slider-part{order: 3;} .aft-banner-layout-vertical.aft-banner-order-4 .aft-main-banner-wrapper .aft-trending-part{order: 2;} .aft-banner-layout-vertical.aft-banner-order-4 .aft-main-banner-wrapper .aft-thumb-part {order: 1;} @media screen and (min-width: 1025px){ .aft-banner-layout-vertical .aft-main-banner-slider-part .af-banner-carousel .read-img.read-bg-img, .aft-banner-layout-vertical .aft-main-banner-slider-part .slick-track .read-single, .aft-banner-layout-vertical .aft-main-banner-slider-part .slick-track .slick-slide .slick-item, .aft-banner-layout-vertical .aft-main-banner-slider-part .slick-track .slick-slide > div, .aft-banner-layout-vertical .aft-main-banner-slider-part .slick-track .slick-slide, .aft-banner-layout-vertical .aft-main-banner-slider-part .slick-track, .aft-banner-layout-vertical .aft-main-banner-slider-part .slick-list, .aft-banner-layout-vertical .aft-main-banner-slider-part .af-banner-carousel.slick-slider, .aft-banner-layout-vertical .aft-main-banner-slider-part .af-widget-carousel, .aft-banner-layout-vertical .aft-main-banner-slider-part { height: 100%; max-height: 100%; } } .aft-banner-layout-vertical .aft-main-banner-slider-part .af-banner-carousel .read-img.read-bg-img img{ position: absolute; top: 0; left: 0; } .aft-banner-layout-vertical .banner-vertical-slider .aft-trending-posts.list-part .af-double-column.list-style .read-bg-img { height: 85px; width: 85px; } .aft-banner-layout-vertical .banner-vertical-slider .aft-trending-posts.list-part .af-double-column.list-style .read-details { max-height: 85px; overflow: hidden; width: calc(100% - 85px); max-width: calc(100% - 85px); } .aft-banner-layout-vertical .af-main-banner-thumb-posts .af-sec-post .read-img.read-bg-img { height: 190px; } .aft-banner-layout-vertical .af-trending-navcontrols.af-slick-navcontrols, .aft-banner-layout-vertical .aft-trending-part span.author-links{ display: none; } /* =================== banner layout vertical ==================== */ /* =================== banner layout compressed ==================== */ .aft-banner-layout-compressed.aft-banner-order-4 .aft-main-banner-wrapper .aft-editors-and-trending-part , .aft-banner-layout-compressed.aft-banner-order-2 .aft-main-banner-wrapper .aft-editors-and-trending-part { display: flex; flex-wrap: wrap; } .aft-banner-layout-compressed.aft-banner-order-4 .aft-main-banner-wrapper .aft-editors-and-trending-part .aft-horizontal-trending-part , .aft-banner-layout-compressed.aft-banner-order-2 .aft-main-banner-wrapper .aft-editors-and-trending-part .aft-horizontal-trending-part { order: 1; } .aft-banner-layout-compressed.aft-banner-order-4 .aft-main-banner-wrapper .aft-editors-and-trending-part .aft-horizontal-grid-part , .aft-banner-layout-compressed.aft-banner-order-2 .aft-main-banner-wrapper .aft-editors-and-trending-part .aft-horizontal-grid-part { order: 2; } .aft-banner-layout-compressed.aft-banner-order-4 .aft-main-banner-wrapper .aft-main-banner-part .aft-editors-and-trending-part, .aft-banner-layout-compressed.aft-banner-order-3 .aft-main-banner-wrapper .aft-main-banner-part .aft-editors-and-trending-part{ order: 1; } .aft-banner-layout-compressed.aft-banner-order-4 .aft-main-banner-wrapper .aft-main-banner-part .aft-slider-part, .aft-banner-layout-compressed.aft-banner-order-3 .aft-main-banner-wrapper .aft-main-banner-part .aft-slider-part { order: 2; } .aft-banner-layout-compressed .aft-main-banner-wrapper .aft-editors-and-trending-part .aft-horizontal-trending-part , .aft-banner-layout-compressed .aft-main-banner-wrapper .aft-editors-and-trending-part .aft-horizontal-grid-part { width: 100%; } .aft-banner-layout-compressed.aft-banner-order-1 .aft-editors-and-trending-part .aft-horizontal-trending-part , .aft-banner-layout-compressed.aft-banner-order-3 .aft-editors-and-trending-part .aft-horizontal-trending-part, .aft-banner-layout-compressed.aft-banner-order-2 .aft-editors-and-trending-part .aft-horizontal-grid-part , .aft-banner-layout-compressed.aft-banner-order-4 .aft-editors-and-trending-part .aft-horizontal-grid-part { margin-top: 20px; } @media screen and (min-width: 1025px){ .aft-banner-layout-compressed .aft-main-banner-slider-part .af-banner-carousel .read-img.read-bg-img, .aft-banner-layout-compressed .aft-main-banner-slider-part .slick-track .read-single, .aft-banner-layout-compressed .aft-main-banner-slider-part .slick-track .slick-slide .slick-item, .aft-banner-layout-compressed .aft-main-banner-slider-part .slick-track .slick-slide > div, .aft-banner-layout-compressed .aft-main-banner-slider-part .slick-track .slick-slide, .aft-banner-layout-compressed .aft-main-banner-slider-part .slick-track, .aft-banner-layout-compressed .aft-main-banner-slider-part .slick-list, .aft-banner-layout-compressed .aft-main-banner-slider-part .af-banner-carousel.slick-slider, .aft-banner-layout-compressed .aft-main-banner-slider-part .af-widget-carousel, .aft-banner-layout-compressed .aft-main-banner-slider-part { height: 100%; } } .aft-banner-layout-compressed .aft-main-banner-slider-part .af-banner-carousel .read-img.read-bg-img img{ position: absolute; top: 0; left: 0; } .aft-banner-layout-compressed .aft-horizontal-grid-part .af-widget-carousel.slick-slider .slick-list { margin: 0 -10px; } .aft-banner-layout-compressed .aft-horizontal-grid-part .af-widget-carousel.slick-slider .slick-list .af-sec-post { padding: 0 10px; } /* =================== banner layout compressed ==================== */ /* =================== banner layout tabbed ==================== */ @media screen and (min-width: 1025px){ .aft-banner-layout-tabbed .aft-main-banner-slider-part .af-banner-carousel .read-img.read-bg-img, .aft-banner-layout-tabbed .aft-main-banner-slider-part .slick-track .read-single, .aft-banner-layout-tabbed .aft-main-banner-slider-part .slick-track .slick-slide .slick-item, .aft-banner-layout-tabbed .aft-main-banner-slider-part .slick-track .slick-slide > div, .aft-banner-layout-tabbed .aft-main-banner-slider-part .slick-track .slick-slide, .aft-banner-layout-tabbed .aft-main-banner-slider-part .slick-track, .aft-banner-layout-tabbed .aft-main-banner-slider-part .slick-list, .aft-banner-layout-tabbed .aft-main-banner-slider-part .af-banner-carousel.slick-slider, .aft-banner-layout-tabbed .aft-main-banner-slider-part .af-widget-carousel, .aft-banner-layout-tabbed .aft-main-banner-slider-part { height: 100%; } .aft-banner-layout-tabbed .aft-main-banner-wrapper .aft-main-banner-slider-part { width:66.67%; padding: 0 10px; } .aft-banner-layout-tabbed .aft-main-banner-wrapper .chromenews-customizer.col-3 { padding: 0 10px; } .aft-banner-layout-tabbed .aft-main-banner-slider-part .af-banner-carousel .read-img.read-bg-img { min-height: 504px; } } .aft-banner-layout-tabbed .aft-main-banner-slider-part .af-banner-carousel .read-img.read-bg-img img{ position: absolute; top: 0; left: 0; } .aft-banner-layout-tabbed .aft-horizontal-grid-part.chromenews-customizer .slick-item:not(:first-child) , .aft-banner-layout-tabbed .aft-main-banner-slider-part.chromenews-customizer .slick-item:not(:first-child) { display: none !important; } .aft-banner-layout-tabbed .aft-horizontal-grid-part.chromenews-customizer .slick-item.slick-slide:not(:first-child) , .aft-banner-layout-tabbed .aft-main-banner-slider-part.chromenews-customizer .slick-item.slick-slide:not(:first-child) { display: block !important; } @media only screen and (max-width: 768px) and (min-width: 481px) { .aft-banner-layout-tabbed .aft-main-banner-slider-part .af-banner-carousel .read-img.read-bg-img { min-height: 450px; } } @media only screen and (max-width: 480px) { .tab-content>.tab-pane { height: 448px; } } .aft-banner-layout-tabbed .aft-main-banner-part .aft-slider-part .af-widget-carousel { position: relative; } .aft-banner-layout-tabbed .aft-main-banner-part .aft-slider-part { display: flex; flex-wrap: wrap; padding: 0; } .aft-banner-layout-tabbed.aft-banner-order-4 .aft-main-banner-part .aft-slider-part .aft-main-banner-slider-part , .aft-banner-layout-tabbed.aft-banner-order-2 .aft-main-banner-part .aft-slider-part .aft-main-banner-slider-part { order: 2; } .aft-banner-layout-tabbed.aft-banner-order-4 .aft-main-banner-part .aft-slider-part .chromenews-customizer.col-3 , .aft-banner-layout-tabbed.aft-banner-order-2 .aft-main-banner-part .aft-slider-part .chromenews-customizer.col-3 { order: 1; } .aft-banner-layout-tabbed.aft-banner-order-4 .aft-main-banner-part .aft-slider-part, .aft-banner-layout-tabbed.aft-banner-order-3 .aft-main-banner-part .aft-slider-part{ order: 2; } .aft-banner-layout-tabbed.aft-banner-order-4 .aft-main-banner-part .aft-tabbed-part , .aft-banner-layout-tabbed.aft-banner-order-3 .aft-main-banner-part .aft-tabbed-part { order: 1; } .aft-banner-layout-tabbed .aft-main-banner-part .aft-slider-part .af-main-banner-tabbed-posts .read-single { margin-bottom: 20px; } .aft-banner-layout-tabbed .aft-horizontal-grid-part .af-widget-carousel.slick-slider .slick-list { margin: 0 -10px; } .aft-banner-layout-tabbed .aft-horizontal-grid-part .af-widget-carousel.slick-slider .slick-list .af-sec-post { padding: 0 10px; } /* =================== banner layout tabbed ==================== */ /* =================== banner layout tabbed and aligned ==================== */ @media screen and (min-width: 1025px){ .aft-banner-layout-tabbed-aligned .aft-main-banner-slider-part .af-banner-carousel .read-img.read-bg-img, .aft-banner-layout-tabbed-aligned .aft-main-banner-slider-part .slick-track .read-single, .aft-banner-layout-tabbed-aligned .aft-main-banner-slider-part .slick-track .slick-slide .slick-item, .aft-banner-layout-tabbed-aligned .aft-main-banner-slider-part .slick-track .slick-slide > div, .aft-banner-layout-tabbed-aligned .aft-main-banner-slider-part .slick-track .slick-slide, .aft-banner-layout-tabbed-aligned .aft-main-banner-slider-part .slick-track, .aft-banner-layout-tabbed-aligned .aft-main-banner-slider-part .slick-list, .aft-banner-layout-tabbed-aligned .aft-main-banner-slider-part .af-banner-carousel.slick-slider, .aft-banner-layout-tabbed-aligned .aft-main-banner-slider-part .af-widget-carousel, .aft-banner-layout-tabbed-aligned .aft-main-banner-slider-part { height: 100%; } } .aft-banner-layout-tabbed-aligned .af-main-banner-thumb-posts .af-sec-post .read-img.read-bg-img { height: 190px; } .aft-banner-layout-tabbed-aligned .tab-content>.tab-pane { height: unset; } .aft-banner-layout-tabbed-aligned .aft-tabbed-part span.author-links { display: none; } .aft-banner-layout-tabbed-aligned .aft-main-banner-slider-part .af-banner-carousel .read-img.read-bg-img img{ position: absolute; top: 0; left: 0; } .aft-banner-layout-tabbed-aligned.aft-banner-order-2 .aft-main-banner-wrapper .aft-slider-part{order: 1;} .aft-banner-layout-tabbed-aligned.aft-banner-order-2 .aft-main-banner-wrapper .aft-tabbed-part{order: 2;} .aft-banner-layout-tabbed-aligned.aft-banner-order-2 .aft-main-banner-wrapper .aft-thumb-part {order: 3;} .aft-banner-layout-tabbed-aligned.aft-banner-order-3 .aft-main-banner-wrapper .aft-slider-part{order: 2;} .aft-banner-layout-tabbed-aligned.aft-banner-order-3 .aft-main-banner-wrapper .aft-tabbed-part{order: 3;} .aft-banner-layout-tabbed-aligned.aft-banner-order-3 .aft-main-banner-wrapper .aft-thumb-part {order: 1;} .aft-banner-layout-tabbed-aligned.aft-banner-order-4 .aft-main-banner-wrapper .aft-slider-part{order: 3;} .aft-banner-layout-tabbed-aligned.aft-banner-order-4 .aft-main-banner-wrapper .aft-tabbed-part{order: 2;} .aft-banner-layout-tabbed-aligned.aft-banner-order-4 .aft-main-banner-wrapper .aft-thumb-part {order: 1;} /* =================== banner layout tabbed and aligned ==================== */ /* =================== banner layout tabbed and trending ==================== */ @media screen and (min-width: 1025px){ .aft-banner-layout-tabbed-trending .aft-main-banner-slider-part .af-banner-carousel .read-img.read-bg-img, .aft-banner-layout-tabbed-trending .aft-main-banner-slider-part .slick-track .read-single, .aft-banner-layout-tabbed-trending .aft-main-banner-slider-part .slick-track .slick-slide .slick-item, .aft-banner-layout-tabbed-trending .aft-main-banner-slider-part .slick-track .slick-slide > div, .aft-banner-layout-tabbed-trending .aft-main-banner-slider-part .slick-track .slick-slide, .aft-banner-layout-tabbed-trending .aft-main-banner-slider-part .slick-track, .aft-banner-layout-tabbed-trending .aft-main-banner-slider-part .slick-list, .aft-banner-layout-tabbed-trending .aft-main-banner-slider-part .af-banner-carousel.slick-slider, .aft-banner-layout-tabbed-trending .aft-main-banner-slider-part .af-widget-carousel, .aft-banner-layout-tabbed-trending .aft-main-banner-slider-part { height: 100%; max-height: 100%; } } .aft-banner-layout-tabbed-trending .aft-slider-part .chromenews-customizer, .aft-banner-layout-tabbed-trending .aft-trending-part .chromenews-customizer, .aft-banner-layout-tabbed-trending .aft-tabbed-part .chromenews-customizer{ margin-bottom: 0; } .aft-banner-layout-tabbed-trending .tab-content>.tab-pane { height: unset; } .aft-banner-layout-tabbed-trending .aft-trending-part span.author-links, .aft-banner-layout-tabbed-trending .aft-tabbed-part span.author-links, .aft-banner-layout-tabbed-trending .af-trending-navcontrols.af-slick-navcontrols { display: none; } .aft-banner-layout-tabbed-trending .aft-main-banner-slider-part .af-banner-carousel .read-img.read-bg-img img{ position: absolute; top: 0; left: 0; } .aft-banner-layout-tabbed-trending .banner-vertical-slider .aft-trending-posts.list-part .af-double-column.list-style .read-bg-img { height: 85px; width: 85px; } .aft-banner-layout-tabbed-trending .banner-vertical-slider .aft-trending-posts.list-part .af-double-column.list-style .read-details { max-height: 85px; overflow: hidden; width: calc(100% - 85px); max-width: calc(100% - 85px); } .aft-banner-layout-tabbed-trending.aft-banner-order-2 .aft-main-banner-wrapper .aft-slider-part{order: 2;} .aft-banner-layout-tabbed-trending.aft-banner-order-2 .aft-main-banner-wrapper .aft-trending-part{order: 1;} .aft-banner-layout-tabbed-trending.aft-banner-order-2 .aft-main-banner-wrapper .aft-tabbed-part {order: 3;} .aft-banner-layout-tabbed-trending.aft-banner-order-3 .aft-main-banner-wrapper .aft-slider-part{order: 2;} .aft-banner-layout-tabbed-trending.aft-banner-order-3 .aft-main-banner-wrapper .aft-trending-part{order: 3;} .aft-banner-layout-tabbed-trending.aft-banner-order-3 .aft-main-banner-wrapper .aft-tabbed-part {order: 1;} .aft-banner-layout-tabbed-trending.aft-banner-order-4 .aft-main-banner-wrapper .aft-slider-part{order: 3;} .aft-banner-layout-tabbed-trending.aft-banner-order-4 .aft-main-banner-wrapper .aft-trending-part{order: 1;} .aft-banner-layout-tabbed-trending.aft-banner-order-4 .aft-main-banner-wrapper .aft-tabbed-part {order: 2;} /* =================== banner layout tabbed and trending ==================== */ /* ==================== Banner Secondary Background Color Options ==================== */ body.aft-light-mode .aft-main-banner-section.aft-banner-background-secondary, body.aft-dark-mode .aft-main-banner-section.aft-banner-background-secondary{ background-color: #ffcc00; } .aft-dark-mode .aft-banner-background-secondary .banner-exclusive-posts-wrapper .exclusive-posts:before { background-color: rgba(255,255,255,.25); } .aft-light-mode .aft-main-banner-section.aft-banner-background-secondary .aft-main-banner-wrapper .af-slick-navcontrols, .aft-light-mode .aft-main-banner-section.aft-banner-background-secondary .chromenews-widget .af-slick-navcontrols, .aft-light-mode .aft-main-banner-section.aft-banner-background-secondary .chromenews-customizer .section-wrapper .af-slick-navcontrols, .aft-dark-mode .aft-main-banner-section.aft-banner-background-secondary .aft-main-banner-wrapper .af-slick-navcontrols, .aft-dark-mode .aft-main-banner-section.aft-banner-background-secondary .chromenews-widget .af-slick-navcontrols, .aft-dark-mode .aft-main-banner-section.aft-banner-background-secondary .chromenews-customizer .section-wrapper .af-slick-navcontrols{ background-color: rgba(255,255,255,.2); } .widget-title-border-top .aft-main-banner-section.aft-banner-background-secondary .sub-heading-line::before { background: #fff; } body .aft-main-banner-section.aft-banner-background-secondary:not(.data-bg) .aft-popular-taxonomies-lists ul li a, body .aft-main-banner-section.aft-banner-background-secondary:not(.data-bg) .af-main-banner-thumb-posts .small-grid-style .grid-design-default .read-details .read-title h4 a, body .aft-main-banner-section.aft-banner-background-secondary:not(.data-bg) .widget-title .heading-line, body .aft-main-banner-section.aft-banner-background-secondary:not(.data-bg) .aft-posts-tabs-panel .nav-tabs>li>a, body .aft-main-banner-section.aft-banner-background-secondary:not(.data-bg) .aft-comment-view-share > span > a, body .aft-main-banner-section.aft-banner-background-secondary:not(.data-bg) .read-single:not(.grid-design-texts-over-image) .read-details .entry-meta span, body .aft-main-banner-section.aft-banner-background-secondary:not(.data-bg) .banner-exclusive-posts-wrapper a, body .aft-main-banner-section.aft-banner-background-secondary:not(.data-bg) .banner-exclusive-posts-wrapper a:visited, body .aft-main-banner-section.aft-banner-background-secondary:not(.data-bg) .featured-category-item .read-img a, body .aft-main-banner-section.aft-banner-background-secondary:not(.data-bg) .read-single:not(.grid-design-texts-over-image) .read-title h2 a, body .aft-main-banner-section.aft-banner-background-secondary:not(.data-bg) .read-single:not(.grid-design-texts-over-image) .read-title h4 a, body .aft-main-banner-section.aft-banner-background-secondary:not(.data-bg) .widget-title, body .aft-main-banner-section.aft-banner-background-secondary:not(.data-bg) .header-after1{ color: #fff; } body .aft-main-banner-section.aft-banner-background-secondary:not(.data-bg) .af-slick-navcontrols .slide-icon, body .aft-main-banner-section.aft-banner-background-secondary:not(.data-bg) .aft-yt-video-item-wrapper .slide-icon{ color: #fff; } /* ==================== Banner Secondary Background Color Options ==================== */ /* ==================== Banner Alternate Background Color Options ==================== */ body.aft-dark-mode .aft-main-banner-section.aft-banner-background-alternative{ background-color: #fff; } body.aft-light-mode .aft-main-banner-section.aft-banner-background-alternative{ background-color: #252525; } .aft-dark-mode .aft-banner-background-alternative .banner-exclusive-posts-wrapper .exclusive-posts:before { background-color: rgba(0,0,0,.2); } .aft-light-mode .aft-banner-background-alternative .banner-exclusive-posts-wrapper .exclusive-posts:before { background-color: rgba(255,255,255,.2); } .aft-light-mode .aft-main-banner-section.aft-banner-background-alternative:not(.data-bg) .aft-posts-tabs-panel .nav-tabs>li>a.active, .aft-dark-mode .aft-main-banner-section.aft-banner-background-alternative:not(.data-bg) .aft-main-banner-wrapper .widget-title .heading-line, .aft-dark-mode .aft-main-banner-section.aft-banner-background-alternative:not(.data-bg) .af-main-banner-thumb-posts .small-grid-style .grid-design-default .read-details .read-title h4 a, .aft-dark-mode .aft-main-banner-section.aft-banner-background-alternative:not(.data-bg) .widget-title .heading-line, .aft-dark-mode .aft-main-banner-section.aft-banner-background-alternative:not(.data-bg) .aft-posts-tabs-panel .nav-tabs>li>a, .aft-dark-mode .aft-main-banner-section.aft-banner-background-alternative:not(.data-bg) .aft-comment-view-share > span > a, .aft-dark-mode .aft-main-banner-section.aft-banner-background-alternative:not(.data-bg) .read-single:not(.grid-design-texts-over-image) .read-details .entry-meta span, .aft-dark-mode .aft-main-banner-section.aft-banner-background-alternative:not(.data-bg) .banner-exclusive-posts-wrapper a, .aft-dark-mode .aft-main-banner-section.aft-banner-background-alternative:not(.data-bg) .banner-exclusive-posts-wrapper a:visited, .aft-dark-mode .aft-main-banner-section.aft-banner-background-alternative:not(.data-bg) .featured-category-item .read-img a, .aft-dark-mode .aft-main-banner-section.aft-banner-background-alternative:not(.data-bg) .read-single:not(.grid-design-texts-over-image) .read-title h2 a, .aft-dark-mode .aft-main-banner-section.aft-banner-background-alternative:not(.data-bg) .read-single:not(.grid-design-texts-over-image) .read-title h4 a, .aft-dark-mode .aft-main-banner-section.aft-banner-background-alternative:not(.data-bg) .widget-title, .aft-dark-mode .aft-main-banner-section.aft-banner-background-alternative:not(.data-bg) .header-after1{ color: #202020; } .aft-light-mode .aft-main-banner-section.aft-banner-background-alternative:not(.data-bg) .af-main-banner-thumb-posts .small-grid-style .grid-design-light .read-details .read-title h4 a, .aft-light-mode .aft-main-banner-section.aft-banner-background-alternative:not(.data-bg) .widget-title .heading-line, .aft-light-mode .aft-main-banner-section.aft-banner-background-alternative:not(.data-bg) .aft-posts-tabs-panel .nav-tabs>li>a, .aft-light-mode .aft-main-banner-section.aft-banner-background-alternative:not(.data-bg) .aft-comment-view-share > span > a, .aft-light-mode .aft-main-banner-section.aft-banner-background-alternative:not(.data-bg) .read-single:not(.grid-design-texts-over-image) .read-details .entry-meta span, .aft-light-mode .aft-main-banner-section.aft-banner-background-alternative:not(.data-bg) .banner-exclusive-posts-wrapper a, .aft-light-mode .aft-main-banner-section.aft-banner-background-alternative:not(.data-bg) .banner-exclusive-posts-wrapper a:visited, .aft-light-mode .aft-main-banner-section.aft-banner-background-alternative:not(.data-bg) .featured-category-item .read-img a, .aft-light-mode .aft-main-banner-section.aft-banner-background-alternative:not(.data-bg) .read-single:not(.grid-design-texts-over-image) .read-title h2 a, .aft-light-mode .aft-main-banner-section.aft-banner-background-alternative:not(.data-bg) .read-single:not(.grid-design-texts-over-image) .read-title h4 a, .aft-light-mode .aft-main-banner-section.aft-banner-background-alternative:not(.data-bg) .widget-title, .aft-light-mode .aft-main-banner-section.aft-banner-background-alternative:not(.data-bg) .header-after1{ color: #fff; } .aft-dark-mode .aft-main-banner-section.aft-banner-background-alternative:not(.data-bg) .af-slick-navcontrols .slide-icon, .aft-dark-mode .aft-main-banner-section.aft-banner-background-alternative:not(.data-bg) .aft-yt-video-item-wrapper .slide-icon{ color: #202020; } .aft-light-mode .aft-main-banner-section.aft-banner-background-alternative:not(.data-bg) .af-slick-navcontrols .slide-icon, .aft-light-mode .aft-main-banner-section.aft-banner-background-alternative:not(.data-bg) .aft-yt-video-item-wrapper .slide-icon{ color: #fff; } /* ==================== Banner Alternate Background Color Options ==================== */ /* ==================== Banner Default Background Color Options ==================== */ .aft-light-mode .aft-main-banner-section.aft-banner-background-default:not(.data-bg) .af-main-banner-thumb-posts .small-grid-style .af-sec-post .grid-design-default .read-details .read-title h4 a, .aft-light-mode .aft-main-banner-section.aft-banner-background-default:not(.data-bg) .af-main-banner-thumb-posts .small-grid-style .grid-design-light .read-details .read-title h4 a, .aft-light-mode .aft-main-banner-section.aft-banner-background-default:not(.data-bg) .widget-title .heading-line, .aft-light-mode .aft-main-banner-section.aft-banner-background-default:not(.data-bg) .aft-posts-tabs-panel .nav-tabs>li>a, .aft-light-mode .aft-main-banner-section.aft-banner-background-default:not(.data-bg) .read-single:not(.grid-design-texts-over-image) .aft-comment-view-share > span > a, .aft-light-mode .aft-main-banner-section.aft-banner-background-default:not(.data-bg) .read-single:not(.grid-design-texts-over-image) .read-details .entry-meta span, .aft-light-mode .aft-main-banner-section.aft-banner-background-default:not(.data-bg) .banner-exclusive-posts-wrapper a, .aft-light-mode .aft-main-banner-section.aft-banner-background-default:not(.data-bg) .banner-exclusive-posts-wrapper a:visited, .aft-light-mode .aft-main-banner-section.aft-banner-background-default:not(.data-bg) .featured-category-item .read-img a, .aft-light-mode .aft-main-banner-section.aft-banner-background-default:not(.data-bg) .read-single:not(.grid-design-texts-over-image) .read-title h2 a, .aft-light-mode .aft-main-banner-section.aft-banner-background-default:not(.data-bg) .read-single:not(.grid-design-texts-over-image) .read-title h4 a, .aft-light-mode .aft-main-banner-section.aft-banner-background-default:not(.data-bg) .widget-title, .aft-light-mode .aft-main-banner-section.aft-banner-background-default:not(.data-bg) .header-after1{ color: #202020; } /* ==================== Banner Default Background Color Options ==================== */ /* ==================== Banner Cusstom Background Color Options ==================== */ .aft-dark-mode .aft-main-banner-section.aft-banner-background-custom:not(.data-bg) { background-color: #000; } .aft-light-mode .aft-main-banner-section.aft-banner-background-custom:not(.data-bg) { background-color: #fff; } .aft-light-mode .aft-main-banner-section.aft-banner-background-custom:not(.data-bg) .aft-posts-tabs-panel .nav-tabs>li>a { color: #202020; } .aft-dark-mode .aft-main-banner-section.aft-banner-background-custom:not(.data-bg) .aft-popular-taxonomies-lists ul li a { color: #fff; } /* ==================== Banner Cusstom Background Color Options ==================== */ /* ==================== Banner Background image Color Options ==================== */ body .aft-main-banner-section.data-bg .banner-exclusive-posts-wrapper a .exclusive-post-title, body .aft-main-banner-section.data-bg .af-main-banner-thumb-posts .small-grid-style .grid-design-default .read-details .read-title h4 a, body .aft-main-banner-section.data-bg .widget-title .heading-line, body .aft-main-banner-section.data-bg .aft-posts-tabs-panel .nav-tabs>li>a, body .aft-main-banner-section.data-bg .read-single:not(.grid-design-texts-over-image) .aft-comment-view-share > span > a, body .aft-main-banner-section.data-bg .read-single:not(.grid-design-texts-over-image) .read-details .entry-meta span, body .aft-main-banner-section.data-bg .banner-exclusive-posts-wrapper .exclusive-posts a, body .aft-main-banner-section.data-bg .banner-exclusive-posts-wrapper .exclusive-posts a:visited, body .aft-main-banner-section.data-bg .featured-category-item .read-img a, body .aft-main-banner-section.data-bg .read-single:not(.grid-design-texts-over-image) .read-title h2 a, body .aft-main-banner-section.data-bg .read-single:not(.grid-design-texts-over-image) .read-title h4 a, body .aft-main-banner-section.data-bg .widget-title, body .aft-main-banner-section.data-bg .header-after1{ color: #fff; } body .aft-main-banner-section.data-bg .af-slick-navcontrols .slide-icon, body .aft-main-banner-section.data-bg .aft-yt-video-item-wrapper .slide-icon{ color: #fff; background: rgba(255,255,255,.075); } body .aft-main-banner-section.data-bg .banner-exclusive-posts-wrapper .exclusive-posts:before { background: rgba(255,255,255,.075); } /* ==================== Banner Background image Color Options ==================== */ .aft-main-banner-section .no-main-slider-title .aft-slider-part .chromenews-customizer, .aft-main-banner-section .no-trending-title .aft-horizontal-trending-part, .aft-main-banner-section .no-editors-picks-title .aft-horizontal-grid-part, .aft-main-banner-section .no-trending-title .aft-trending-part .chromenews-customizer, .aft-main-banner-section .no-editors-picks-title .aft-thumb-part .chromenews-customizer { padding-top: 20px; } .figure-categories, .read-categories{ line-height: 11px; } .cat-links {line-height: 11px;margin-top: 5px;} .cat-links li{ display: inline-block; font-size: 14px; margin-right: 5px; margin-bottom: 5px; line-height: 11px; } .cat-links li a{ display: block; color: #ffcc00 ; font-size: 10px; line-height: 10px; white-space: nowrap; word-wrap: normal; letter-spacing: 0.1px; transition: 0.075s; font-weight: 700; } .cat-links li a:after { content: "\2219"; color: inherit; font-weight: bold; padding: 0 0 0 2px; } /*cat links - color*/ a.chromenews-categories.category-color-1{color: #ffcc00;} a.chromenews-categories.category-color-2{color: #0987f5;} a.chromenews-categories.category-color-3{color: #202020;} a.chromenews-categories.category-color-4{color: #46af4b;} a.chromenews-categories.category-color-5{color: #ea8d03;} a.chromenews-categories.category-color-6{color: #ff5722;} a.chromenews-categories.category-color-7{color: #9c27b0;} /*cat links - color*/ /*cat links background color*/ .af-cat-widget-carousel a.chromenews-categories{ display: inline-block; padding: 4px 6px; font-weight: 700; } .cat-links li:last-child a:after , .af-cat-widget-carousel a.chromenews-categories:after{display: none;} .af-cat-widget-carousel a.chromenews-categories.category-color-1{background-color: #ffcc00;color: #202020;} .af-cat-widget-carousel a.chromenews-categories.category-color-2{background-color: #0987f5;color: #ffffff;} .af-cat-widget-carousel a.chromenews-categories.category-color-3{background-color: #202020;color: #ffffff;} .af-cat-widget-carousel a.chromenews-categories.category-color-4{background-color: #46af4b;color: #ffffff;} .af-cat-widget-carousel a.chromenews-categories.category-color-5{background-color: #ea8d03;color: #ffffff;} .af-cat-widget-carousel a.chromenews-categories.category-color-6{background-color: #ff5722;color: #ffffff;} .af-cat-widget-carousel a.chromenews-categories.category-color-7{background-color: #9c27b0;color: #ffffff;} /*cat links background color*/ .af-post-format{ display: inline-block; margin-right: 5px; letter-spacing: 0; } .read-img .af-post-format{ position: absolute; top: 15px; left: 15px; } .af-post-format i{ position: relative; font-size: 12px; width: 30px; height: 30px; text-align: center; line-height: 32px; color: #fff; border-radius: 100%; background: rgba(0,0,0,0.2); display: inline-block; } .single-post .entry-content-title-featured-wrap .af-post-format i, .single-post article.post .af-post-format i { background: #ffcc00; color: #202020; } .af-post-carousel .slick-slide .af-post-format i{ margin-bottom: 0; } span.min-read{ font-size: 12px; font-weight: 700; } .read-single .entry-meta .tags-links, .read-details .entry-meta .tags-links { font-size: 16px; } .read-single span.min-read{ display: inline-block; } body:not(.single) .read-single span.min-read{ color: #fff; padding: 3px 12px; line-height: 1.5; border-radius: 15px; letter-spacing: 0.5px; background-color: rgba(0, 0, 0, 0.2); } .read-single .entry-meta, .read-details .entry-meta{ font-size: 10px; } article.aft-first-post-full .post-item-metadata.entry-meta + .read-img.read-bg-img, .archive-title-first .read-single .read-img.pos-rel{ margin-top: 15px; } .read-img span.min-read{ position: absolute; top: 15px; left: 15px; color: #fff; margin-bottom: 0; } .read-img .af-post-format + span.min-read{ left: 55px; top: 18px; } .express-carousel.chromenews-customizer .read-img span.min-read, .af-main-banner-featured-posts .read-img span.min-read, .aft-main-banner-part .aft-thumb-part .read-img span.min-read, .chromenews_posts_carousel_widget .read-img span.min-read, .archive-layout-grid article:not(.aft-first-post-full) .read-img span.min-read, .af-reated-posts .read-img span.min-read, .chromenews_express_posts_grid_widget .af-express-grid-wrap .read-single:not(:first-child) .read-img span.min-read, .chromenews_featured_posts_widget .read-img span.min-read, .grid-layout .read-img span.min-read, .grid-layout .read-img .af-post-format + span.min-read{ color: #fff; padding: 3px 12px; border-radius: 15px; letter-spacing: 0.5px; background-color: rgba(0, 0, 0, 0.2); } .read-details .entry-meta .author-links > span, .read-details .entry-meta span.min-read{ padding-right: 5px; } .blockspare-posts-block-post-grid-byline, .read-single .entry-meta .author-links > span a, .read-details .entry-meta .author-links > span a, .read-details .entry-meta span.min-read, .read-details .entry-meta span.posts-date, .read-details .entry-meta .aft-comment-view-share{ font-weight: 500; text-transform: uppercase; letter-spacing: .03em; font-size: 10px; } .entry-meta span a { display: inline-block; line-height: 1.3; } .archive article .item-metadata.posts-date { padding-left: 5px; } /*widget title===============*/ /* block widget title styles */ .wp-block-group .wp-block-search__label, .wp-block-group h1.wp-block-heading, .wp-block-group h2.wp-block-heading, .wp-block-group h3.wp-block-heading, .wp-block-group h4.wp-block-heading, .wp-block-group h5.wp-block-heading, .wp-block-group h6.wp-block-heading, .widget_block .wp-block-search__label, .widget_block h1.wp-block-heading, .widget_block h2.wp-block-heading, .widget_block h3.wp-block-heading, .widget_block h4.wp-block-heading, .widget_block h5.wp-block-heading, .widget_block h6.wp-block-heading{ text-transform: uppercase; position: relative; font-size: 24px; margin-top: 0; margin-bottom: 20px; } .header-after1, .widget-title{ margin-top: 0; position: relative; text-transform: uppercase; } .aft-posts-tabs-panel .nav-tabs>li>a{ font-size: 16px; text-transform: uppercase; } .heading-line-before, .wp_post_author_widget .widget-title, span.sub-heading-line{ position: relative; } .widget-title-border-top span.sub-heading-line, .widget-title-border-bottom span.sub-heading-line{ padding-left: 40px; } /* border side */ .widget-title-border-side .wp-block-search__label { position: relative; } .widget-title-border-side .wp-block-group .wp-block-search__label, .widget-title-border-side .wp-block-group h1.wp-block-heading, .widget-title-border-side .wp-block-group h2.wp-block-heading, .widget-title-border-side .wp-block-group h3.wp-block-heading, .widget-title-border-side .wp-block-group h4.wp-block-heading, .widget-title-border-side .wp-block-group h5.wp-block-heading, .widget-title-border-side .wp-block-group h6.wp-block-heading, .widget-title-border-side .widget_block .wp-block-search__label, .widget-title-border-side .widget_block h1.wp-block-heading, .widget-title-border-side .widget_block h2.wp-block-heading, .widget-title-border-side .widget_block h3.wp-block-heading, .widget-title-border-side .widget_block h4.wp-block-heading, .widget-title-border-side .widget_block h5.wp-block-heading, .widget-title-border-side .widget_block h6.wp-block-heading, .widget-title-border-side .widget-title, .widget-title-border-side .wp_post_author_widget .widget-title, .widget-title-border-side span.sub-heading-line{ padding-left: 10px; line-height: 1; } .widget-title-border-side span.sub-heading-line { position: absolute; left: 0; top: 0; height: 100%; } .widget-title-border-side .wp-block-group .wp-block-search__label::before, .widget-title-border-side .wp-block-group h1.wp-block-heading::before, .widget-title-border-side .wp-block-group h2.wp-block-heading::before, .widget-title-border-side .wp-block-group h3.wp-block-heading::before, .widget-title-border-side .wp-block-group h4.wp-block-heading::before, .widget-title-border-side .wp-block-group h5.wp-block-heading::before, .widget-title-border-side .wp-block-group h6.wp-block-heading::before, .widget-title-border-side .widget_block .wp-block-search__label::before, .widget-title-border-side .widget_block h1.wp-block-heading::before, .widget-title-border-side .widget_block h2.wp-block-heading::before, .widget-title-border-side .widget_block h3.wp-block-heading::before, .widget-title-border-side .widget_block h4.wp-block-heading::before, .widget-title-border-side .widget_block h5.wp-block-heading::before, .widget-title-border-side .widget_block h6.wp-block-heading::before, .widget-title-border-side .wp_post_author_widget .widget-title::before, .widget-title-border-side .heading-line::before, .widget-title-border-side .sub-heading-line::before{ content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: 100%; width: 3px; background: #ffcc00; } span.heading-line{ display: block; width: 100%; } .widget-title-border-top .wp-block-group .wp-block-search__label::before, .widget-title-border-top .wp-block-group h1.wp-block-heading::before, .widget-title-border-top .wp-block-group h2.wp-block-heading::before, .widget-title-border-top .wp-block-group h3.wp-block-heading::before, .widget-title-border-top .wp-block-group h4.wp-block-heading::before, .widget-title-border-top .wp-block-group h5.wp-block-heading::before, .widget-title-border-top .wp-block-group h6.wp-block-heading::before, .widget-title-border-top .widget_block .wp-block-search__label::before, .widget-title-border-top .widget_block h1.wp-block-heading::before, .widget-title-border-top .widget_block h2.wp-block-heading::before, .widget-title-border-top .widget_block h3.wp-block-heading::before, .widget-title-border-top .widget_block h4.wp-block-heading::before, .widget-title-border-top .widget_block h5.wp-block-heading::before, .widget-title-border-top .widget_block h6.wp-block-heading::before, .widget-title-border-top .heading-line::before, .widget-title-border-top .sub-heading-line::before, .widget-title-border-top .wp_post_author_widget .widget-title::before{ content: ""; position: absolute; left: 0; height: 3px; width: 30px; background: #ffcc00; top: 0; } .widget-title-border-bottom .wp-block-group .wp-block-search__label::before, .widget-title-border-bottom .wp-block-group h1.wp-block-heading::before, .widget-title-border-bottom .wp-block-group h2.wp-block-heading::before, .widget-title-border-bottom .wp-block-group h3.wp-block-heading::before, .widget-title-border-bottom .wp-block-group h4.wp-block-heading::before, .widget-title-border-bottom .wp-block-group h5.wp-block-heading::before, .widget-title-border-bottom .wp-block-group h6.wp-block-heading::before, .widget-title-border-bottom .widget_block .wp-block-search__label::before, .widget-title-border-bottom .widget_block h1.wp-block-heading::before, .widget-title-border-bottom .widget_block h2.wp-block-heading::before, .widget-title-border-bottom .widget_block h3.wp-block-heading::before, .widget-title-border-bottom .widget_block h4.wp-block-heading::before, .widget-title-border-bottom .widget_block h5.wp-block-heading::before, .widget-title-border-bottom .widget_block h6.wp-block-heading::before, .widget-title-border-bottom .heading-line::before, .widget-title-border-bottom .sub-heading-line::before, .widget-title-border-bottom .wp_post_author_widget .widget-title::before{ content: ""; position: absolute; left: 0; height: 3px; width: 30px; background: #ffcc00; bottom: 0; } .widget-title-border-side .af-title-subtitle-wrap .heading-line::before, .widget-title-border-top .af-title-subtitle-wrap .heading-line::before, .widget-title-border-bottom .af-title-subtitle-wrap .heading-line::before{ display: none; } .widget-title-border-top .wp-block-group .wp-block-search__label.has-text-align-center::before, body.widget-title-border-top .wp-block-group .wp-block-heading.has-text-align-center::before, .widget-title-border-top .widget_block .wp-block-search__label.has-text-align-center::before, body.widget-title-border-top .widget_block .wp-block-heading.has-text-align-center::before, .widget-title-border-bottom .wp-block-group .wp-block-search__label.has-text-align-center::before, body.widget-title-border-bottom .wp-block-group .wp-block-heading.has-text-align-center::before, .widget-title-border-bottom .widget_block .wp-block-search__label.has-text-align-center::before, body.widget-title-border-bottom .widget_block .wp-block-heading.has-text-align-center::before{ left: 50%; transform: translateX(-50%); } .widget-title-border-top .wp-block-group .wp-block-search__label.has-text-align-right::before, body.widget-title-border-top .wp-block-group .wp-block-heading.has-text-align-right::before, .widget-title-border-top .widget_block .wp-block-search__label.has-text-align-right::before, body.widget-title-border-top .widget_block .wp-block-heading.has-text-align-right::before, .widget-title-border-bottom .wp-block-group .wp-block-search__label.has-text-align-right::before, body.widget-title-border-bottom .wp-block-group .wp-block-heading.has-text-align-right::before, .widget-title-border-bottom .widget_block .wp-block-search__label.has-text-align-right::before, body.widget-title-border-bottom .widget_block .wp-block-heading.has-text-align-right::before{ left: unset; right: 0; } h4.af-author-display-name { font-size: 20px; } .aft-posts-tabs-panel .nav-tabs { margin-top: 0; background-color: rgba(0, 0, 0,0.1); height: 40px; display: flex; overflow: hidden; } .aft-posts-tabs-panel .nav-tabs>li{ margin-bottom: 0; line-height: 1.2; width: 50% } .aft-light-mode .aft-banner-background-alternative .aft-posts-tabs-panel .nav-tabs, .aft-dark-mode .aft-posts-tabs-panel .nav-tabs { background-color: rgba(255,255,255,0.2); } .aft-dark-mode .aft-banner-background-alternative .aft-posts-tabs-panel .nav-tabs { background-color: rgba(0, 0, 0,0.2); } .aft-posts-tabs-panel .nav-tabs>li>a{ color: #fff; padding: 0px 10px; text-transform: uppercase; padding-left: 30px; display: block; border-radius: 0; border: none; margin: 0; position: relative; line-height: 1.3; font-weight: 700; height: 40px; display: flex; flex-wrap: wrap; align-items: center; } .aft-posts-tabs-panel .nav-tabs>li>a::before { font-family: 'aft-icons' !important; font-size: 12px; font-weight: 400; display: inline-block; vertical-align: middle; margin-right: 5px; z-index: 1; } .aft-posts-tabs-panel .nav-tabs>li>a::before { margin-right: 10px; display: inline-block; text-align: center; position: absolute; left: 0; top: 50%; transform: translateY(-50%); min-width: 32px; padding: 7px 10px; } .aft-posts-tabs-panel .nav-tabs>li>a.active { background: #ffcc00; color: #202020; } div.custom-menu-link i { background: rgba(0,0,0,.1); margin-right: 10px; height: 30px; width: 30px; line-height: 30px; text-align: center; display: inline-block; } .header-layout-side div.custom-menu-link > a { padding-right: 15px; } .aft-posts-tabs-panel .nav-tabs>li.tab-recent>a::before { content: "\e90e"; } .aft-posts-tabs-panel .nav-tabs>li.tab-popular>a::before { content: "\e909"; } .nav-tabs{ border-bottom: none; } .aft-dark-mode .wp_post_author_widget .awpa-display-name { color: #fff; } .entry-content .wp-post-author-wrap .awpa-display-name{ font-weight: 700; } /*widget title fill and border*/ .widget-title-background-side .chromenews-widget, .widget-title-background-side .wp-block-group, .widget-title-background-side form.wp-block-search { overflow: hidden; } .widget-title-background-side .wp-block-search__label{ position: relative; display: inline-block; width: fit-content; } .widget-title-background-side .widget-title{ position: relative; display: flex; flex-wrap: wrap; flex-direction: column; } .widget-title-background-side span.heading-line{ width: fit-content; padding: 0 10px; } .widget-title-background-side .wp-block-group .wp-block-search__label, .widget-title-background-side .wp-block-group .wp-block-heading, .widget-title-background-side .widget_block .wp-block-search__label, .widget-title-background-side .widget_block .wp-block-heading, .widget-title-background-side .wp_post_author_widget .widget-title, .widget-title-background-side .widget-title .heading-line { background-color: #ffcc00; font-size: 16px; padding: 7px 15px 5px; line-height: 1.3; color: #404040; } .widget-title-background-side .aft-posts-tabs-panel .nav-tabs>li>a, .widget-title-background-side .aft-posts-tabs-panel .nav-tabs { height: unset; } .widget-title-background-side .aft-posts-tabs-panel .nav-tabs>li>a { padding-top: 7px; padding-bottom: 5px; } .aft-light-mode.widget-title-background-side .aft-main-banner-section.aft-banner-background-alternative:not(.data-bg) .widget-title .heading-line, body.aft-dark-mode.widget-title-background-side .wp-block-group .wp-block-search__label, body.aft-dark-mode.widget-title-background-side .wp-block-group .wp-block-heading, body.aft-dark-mode.widget-title-background-side .widget_block .wp-block-search__label, body.aft-dark-mode.widget-title-background-side .widget_block .wp-block-heading, body.aft-dark-mode.widget-title-background-side .wp_post_author_widget .widget-title, body.aft-dark-mode.widget-title-background-side .widget-title .heading-line { color: #404040; } .widget-title-background-side .wp-block-group .wp-block-heading , .widget-title-background-side .widget_block .wp-block-heading { display: inline-block; } .widget-title-background-side .wp-block-group .wp-block-heading::before , .widget-title-background-side .widget_block .wp-block-heading::before, .widget-title-background-side .wp-block-search__label::before, .widget-title-background-side .heading-line-before, .widget-title-background-side .sub-heading-line{ background-color: #ffcc00; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; } .widget-title-background-side .wp-block-group .wp-block-heading::before , .widget-title-background-side .widget_block .wp-block-heading::before, .widget-title-background-side .wp-block-search__label::before{ content: ""; width: 1920px; } .widget-title-background-side .wp-block-search__label { color: #404040; } /*widget title fill and border*/ /*widget title border top*/ .widget-title-border-top .wp-block-search__label { position: relative; } .widget-title-border-top .widget-title{ position: relative; display: flex; flex-wrap: wrap; flex-direction: column; } .widget-title-border-top .wp-block-group .wp-block-search__label, .widget-title-border-top .wp-block-group h1.wp-block-heading, .widget-title-border-top .wp-block-group h2.wp-block-heading, .widget-title-border-top .wp-block-group h3.wp-block-heading, .widget-title-border-top .wp-block-group h4.wp-block-heading, .widget-title-border-top .wp-block-group h5.wp-block-heading, .widget-title-border-top .wp-block-group h6.wp-block-heading, .widget-title-border-top .widget_block .wp-block-search__label, .widget-title-border-top .widget_block h1.wp-block-heading, .widget-title-border-top .widget_block h2.wp-block-heading, .widget-title-border-top .widget_block h3.wp-block-heading, .widget-title-border-top .widget_block h4.wp-block-heading, .widget-title-border-top .widget_block h5.wp-block-heading, .widget-title-border-top .widget_block h6.wp-block-heading, .widget-title-border-top .wp_post_author_widget .widget-title, .widget-title-border-top .sub-heading-line, .widget-title-border-top .widget-title .heading-line { padding-top: 4px; } /*widget title border top*/ /*widget title border bottom*/ .widget-title-border-bottom .wp-block-search__label { position: relative; } .widget-title-border-bottom .widget-title{ position: relative; display: flex; flex-wrap: wrap; flex-direction: column-reverse; } .widget-title-border-bottom .wp-block-group .wp-block-search__label, .widget-title-border-bottom .wp-block-group h1.wp-block-heading, .widget-title-border-bottom .wp-block-group h2.wp-block-heading, .widget-title-border-bottom .wp-block-group h3.wp-block-heading, .widget-title-border-bottom .wp-block-group h4.wp-block-heading, .widget-title-border-bottom .wp-block-group h5.wp-block-heading, .widget-title-border-bottom .wp-block-group h6.wp-block-heading, .widget-title-border-bottom .widget_block .wp-block-search__label, .widget-title-border-bottom .widget_block h1.wp-block-heading, .widget-title-border-bottom .widget_block h2.wp-block-heading, .widget-title-border-bottom .widget_block h3.wp-block-heading, .widget-title-border-bottom .widget_block h4.wp-block-heading, .widget-title-border-bottom .widget_block h5.wp-block-heading, .widget-title-border-bottom .widget_block h6.wp-block-heading, .widget-title-border-bottom .wp_post_author_widget .widget-title, .widget-title-border-bottom .sub-heading-line, .widget-title-border-bottom .widget-title .heading-line { padding-bottom: 4px; } /*widget title border bottom*/ /*widget title border none*/ .widget-title-border-none .widget-title .heading-line-before, .widget-title-border-none .widget-title .heading-line-after{display: none;} .widget-title-border-none .widget-title .heading-line { display: inline-block; } /*widget title border none*/ /*widget title===============*/ /*carousel slider controls=======*/ .af-widget-carousel.slick-slider, .af-banner-carousel.slick-slider { overflow: hidden; } .aft-banner-layout-tiled .aft-trending-part .chromenews-customizer , .aft-banner-layout-tiled-2 .aft-trending-part .chromenews-customizer , .aft-banner-layout-tiled-3 .aft-trending-part .chromenews-customizer , .aft-banner-layout-tiled-4 .aft-trending-part .chromenews-customizer , .aft-slider-part .chromenews-customizer, .aft-main-banner-slider-part, .aft-horizontal-grid-part, .chromenews-widget .full-wid-resp, .chromenews-widget .af-slider-wrap, .chromenews-widget .section-wrapper, .aft-featured-category-section .express-carousel.chromenews-customizer .section-wrapper, .aft-trending-part .chromenews-customizer, .aft-horizontal-grid-part .chromenews-customizer, .aft-horizontal-trending-part { position: relative; } .chromenews-widget .af-slick-navcontrols, .chromenews-customizer .section-wrapper .af-slick-navcontrols{ position: absolute; right: 0; top: 1px; height: 25px; width: 65px; } .aft-main-banner-wrapper .chromenews-customizer .section-wrapper .af-slick-navcontrols, .aft-main-banner-wrapper .af-slick-navcontrols { position: absolute; right: 0px; top: 0px; height: 25px; width: 65px; } .aft-section-layout-none .aft-main-banner-wrapper .chromenews-customizer .section-wrapper .af-slick-navcontrols, .aft-section-layout-none .aft-main-banner-wrapper .af-slick-navcontrols{ top: 0px; right: 0px; } .aft-section-layout-none .aft-banner-layout-aligned .aft-main-banner-wrapper .chromenews-customizer .section-wrapper .af-slick-navcontrols, .aft-section-layout-none .aft-banner-layout-aligned .aft-main-banner-wrapper .af-slick-navcontrols{ right: 10px; } .aft-main-banner-section .aft-main-banner-wrapper .aft-main-banner-slider-part .af-slick-navcontrols{ width: 100%; height: unset; top: 50%; transform: translateY(-12px); left: 0; } .aft-main-banner-section .aft-main-banner-wrapper .aft-main-banner-slider-part .af-slick-navcontrols .slide-prev { left: 15px; } .aft-dark-mode .aft-main-banner-section .aft-main-banner-wrapper .aft-main-banner-slider-part .af-slick-navcontrols .slide-prev { color: #fff; } .aft-main-banner-section .aft-main-banner-wrapper .aft-main-banner-slider-part .af-slick-navcontrols .slide-next { right: 15px; } .aft-dark-mode .aft-main-banner-section .aft-main-banner-wrapper .aft-main-banner-slider-part .af-slick-navcontrols .slide-next { color: #fff; } .widget-title-border-none .aft-main-banner-wrapper .af-slick-navcontrols { transform: translateY(6px); } .aft-main-banner-wrapper .no-editors-picks-title .chromenews-customizer .section-wrapper .af-slick-navcontrols, .aft-main-banner-wrapper .no-main-slider-title .af-widget-carousel .af-slick-navcontrols, .aft-main-banner-wrapper .no-editors-picks-title .af-slick-navcontrols, .aft-main-banner-wrapper .no-trending-title .af-slick-navcontrols { position: absolute; right: 5px; top: 5px; } .widget-title-border-none .aft-main-banner-wrapper .no-main-slider-title .af-slick-navcontrols, .widget-title-border-none .aft-main-banner-wrapper .no-editors-picks-title .af-slick-navcontrols, .widget-title-border-none .aft-main-banner-wrapper .no-trending-title .af-slick-navcontrols{ transform: translateY(0) } .aft-trending-part .af-widget-carousel { overflow: hidden; } .af-slick-navcontrols .slide-icon, .af-youtube-slider .slide-icon, .aft-yt-video-item-wrapper .slide-icon{ position: absolute; top: 0; font-size: 12px; width: 30px; height: 30px; line-height: 30px; color: #4a4a4a; border: 1px solid; text-align: center; z-index: 1; opacity: .5; cursor: pointer; -webkit-transition: 0.075s; -o-transition: 0.075s; transition: 0.075s; } body.widget-title-background-side .af-slick-navcontrols .slide-icon, body.widget-title-background-side .af-youtube-slider .slide-icon, body.widget-title-background-side .aft-yt-video-item-wrapper .slide-icon{ height: 25px; width: 25px; line-height: 25px; } body.widget-title-background-side .af-slick-navcontrols .slide-icon.slide-prev, body.widget-title-background-side .af-youtube-slider .slide-icon.slide-prev, body.widget-title-background-side .aft-yt-video-item-wrapper .slide-icon.slide-prev { right: 28px; } .site-footer .af-slick-navcontrols .slide-icon, .site-footer .af-youtube-slider .slide-icon, .site-footer .aft-yt-video-item-wrapper .slide-icon, body.aft-dark-mode .aft-main-banner-section .aft-main-banner-wrapper .aft-main-banner-slider-part .af-slick-navcontrols .slide-prev, body.aft-dark-mode .aft-main-banner-section .aft-main-banner-wrapper .aft-main-banner-slider-part .af-slick-navcontrols .slide-next, body.aft-light-mode .aft-main-banner-section .aft-main-banner-wrapper .aft-main-banner-slider-part .af-slick-navcontrols .slide-prev, body.aft-light-mode .aft-main-banner-section .aft-main-banner-wrapper .aft-main-banner-slider-part .af-slick-navcontrols .slide-next, .aft-dark-mode .af-slick-navcontrols .slide-icon, .aft-dark-mode .af-youtube-slider .slide-icon, .aft-dark-mode .aft-yt-video-item-wrapper .slide-icon{ color: #fff; } .af-widget-carousel .slide-icon:before{ font-family: inherit; } .af-slick-navcontrols .slide-icon::before { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .af-slick-navcontrols .slide-icon.slide-prev, .af-youtube-slider .slide-icon.slide-prev, .aft-yt-video-item-wrapper .slide-icon.slide-prev {right: 35px;} .widget-title-border-side .aft-horizontal-grid-part .heading-line, .widget-title-border-side .chromenews_popular_news_widget .heading-line, .widget-title-border-side .chromenews_trending_news_widget .heading-line, .widget-title-border-side .chromenews_posts_slider_widget .heading-line, .widget-title-border-side .chromenews_posts_carousel_widget .heading-line, .widget-title-border-side .chromenews_youtube_video_widget .heading-line, .widget-title-border-side .aft-featured-video-section .heading-line { padding-right: 70px; } .af-slick-navcontrols .slide-icon.slide-next, .af-youtube-slider .slide-icon.slide-next, .aft-yt-video-item-wrapper .slide-icon.slide-next, .af-widget-carousel .slide-icon.slide-next {right: 0;} .af-youtube-video-list .primary-video.af-youtube-video-carousel iframe.entry-header-yt-iframe, .af-youtube-video-list .primary-video.af-youtube-video-carousel .entry-header-yt-video-wrapper { height: 210px; } .slick-vertical .slick-slide, .af-youtube-slider-thumbnail.slick-vertical .slick-slide { border: none !important; line-height: 1; } .af-youtube-video-list .primary-video.af-youtube-video-carousel.slick-slider { margin: 0 10px; overflow-x: clip; width: unset; } .af-youtube-video-list .primary-video.af-youtube-video-carousel .slick-list { margin: 0 -10px; } .af-youtube-video-list .primary-video.af-youtube-video-carousel .slick-slide { line-height: 1; padding: 0 10px; } .slick-item.slick-slide:focus{ outline: none; } .chromenews-widget:hover .af-slick-navcontrols .slide-icon, .chromenews-customizer:hover .af-slick-navcontrols .slide-icon, .af-youtube-slider:hover .slide-icon, .aft-yt-video-item-wrapper:hover .slide-icon, .af-widget-carousel:hover .slide-icon{ opacity: 0.7; visibility: visible; } .chromenews-widget .af-slick-navcontrols .slide-icon:hover, .chromenews-customizer .af-slick-navcontrols .slide-icon:hover, .af-youtube-slider .slide-icon:hover, .aft-yt-video-item-wrapper .slide-icon:hover, .af-widget-carousel .slide-icon:hover{opacity: 1;} /*carousel slider controls=======*/ /*banner-slider-1=======*/ .banner-single-slider-1-wrap{margin-bottom: 20px;} .banner-single-slider-1 .read-img{ height: 700px; } .banner-single-slider-1 .read-single{ margin-bottom: 0; } .banner-single-slider-1 .read-details{ position: absolute; z-index: 9; width: 100%; bottom: 0; left: 0; padding: 15px; padding-bottom: 50px; background: rgba(0, 0, 0, 0.75); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); } .banner-single-slider-1 span.min-read-post-format{ margin-bottom: 10px; display: inline-block; position: inherit; } .banner-single-slider-1 .read-title h4{ font-weight: bold; } .grid-design-texts-over-image .af-post-format, .grid-design-texts-over-image .category-color-1, .grid-design-texts-over-image .read-details .entry-meta span a, .grid-design-texts-over-image .read-details .entry-meta span, .grid-design-texts-over-image .read-title h4 a{ color: #fff; } .entry-meta span.posts-author a { display: inline-block; } .banner-single-slider-1 .read-img .aft-comment-view-share{ margin-left: 0; position: relative; z-index: 1; } body.aft-header-layout-boxed .aft-main-banner-section .read-img .aft-comment-view-share, body.aft-header-layout-transparent .aft-main-banner-section .read-img .aft-comment-view-share{ display: none; } /*widgets on diffrent places=======*/ .single-posts-promotions{ margin: 15px 0; } .home-main-banner-widgets.upper{ margin-top: 20px; margin-bottom: 20px; } .home-main-banner-widgets.upper .chromenews-widget:last-child { margin-bottom: 20px; } .aft-below-main-banner-section .chromenews-widget:first-child { margin-top: 20px; } /*widgets on diffrent places=======*/ /*youtube videos============--------------------------========*/ .primary-video iframe.af-yt-video-item { height: 362px; } .secondary-video iframe.af-yt-video-item { height: 170px; } .secondary-video iframe.af-yt-video-item { margin-bottom: 20px; } .entry-content > p > iframe[src*="vimeo.com"], .entry-content > p > iframe[src*="youtube.com"]{ width: 100% !important; } /* new youtube css */ .af-youtube-video-list .entry-header-yt-video-container { position: relative; line-height: 1; cursor: pointer; } .af-youtube-video-list .secondary-video .entry-header-yt-video-container.pad-youtube { padding-left: 7.5px; padding-right: 7.5px; } iframe.af-hide-iframe{ position: absolute; width: 100%; left: 0; top: 0; height: 380px; border: none; } .chromenews_youtube_video_widget .af-youtube-slider .widget-yt-thumbnail.af-hide-frame { z-index: -1; position: relative; } .af-hide-item { opacity: 0; visibility: hidden; transition: all 0.075s ease; position: absolute; } .fluid-width-video-wrapper { padding: 0 !important; } .af-youtube-video-list .entry-header-yt-video-wrapper { width: 100%; height: 170px; overflow: hidden; top: 0; left: 0; } .af-youtube-video-list .secondary-video .entry-header-yt-video-wrapper { width: calc(100% - 15px); left: 7.5px; } .af-youtube-video-list .primary-video .entry-header-yt-video-wrapper { height: 357px; } .af-youtube-video-list iframe.entry-header-yt-iframe{ width: 100%; height: 170px; border: none; } .af-youtube-video-list .primary-video iframe.entry-header-yt-iframe{ height: 357px; } .af-youtube-video-list .entry-header-yt-video-wrapper .vid-thumb{ position: absolute; height: 100%; width: 100%; top:0; left: 0; } .af-youtube-slider .af-video-wrap .widget-yt-thumbnail::before, .af-youtube-video-list .entry-header-yt-video-wrapper .vid-thumb::before{ position: absolute; content: ""; top: 0; left: 0; height: 100%; width: 100%; background-color: #000; opacity: 0.5; transition: all ease 0.075s; } .af-youtube-slider .af-video-wrap .af-bg-play, .af-youtube-video-list .entry-header-yt-video-wrapper .af-yt-video-play{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; color: #fff; font-size: 20px; border: none; } .af-youtube-slider .af-video-wrap .af-bg-play i, .af-youtube-video-list .entry-header-yt-video-wrapper .af-yt-video-play i{ width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: #ffcc00; color: #202020; } .af-youtube-video-list .entry-header-yt-video-wrapper .chromenews-yt-thumb{ height: 100%; width: 100%; object-fit: cover; } .af-youtube-video-list .secondary-video .entry-header-yt-video-container{ width: 50%; float: left; margin-bottom: 15px; } .af-youtube-slider { padding: 0; } /* new youtube css */ /*youtube videos============--------------------------========*/ /*banner-slider-1=======*/ /*banner-carousel-1==================*/ .af-banner-carousel .slick-list{ margin-right: -10px; margin-left: -10px; } .af-banner-carousel .slick-slide{ line-height: 1; padding-right: 10px; padding-left: 10px; } .af-wrapper .af-banner-carousel .read-img.read-bg-img{ height: 250px; } /*two sliders carousel---*/ .aft-main-banner-part .aft-slider-part .read-single{ margin: 0; } .aft-editors-and-trending-part, .aft-slider-part, .aft-thumb-part, .aft-trending-part{ margin: 20px 0; } .aft-main-banner-wrapper .aft-tabbed-part, .aft-main-banner-wrapper .aft-editors-and-trending-part, .aft-main-banner-wrapper .aft-slider-part, .aft-main-banner-wrapper .aft-thumb-part, .aft-main-banner-wrapper .aft-trending-part{ margin: 20px 0 0; padding: 0 10px; } .aft-section-layout-background .aft-banner-layout-tiled .aft-main-banner-wrapper .aft-trending-part, .aft-section-layout-background .aft-banner-layout-tiled-2 .aft-main-banner-wrapper .aft-trending-part, .aft-section-layout-background .aft-banner-layout-tiled-3 .aft-main-banner-wrapper .aft-trending-part, .aft-section-layout-background .aft-banner-layout-tiled-4 .aft-main-banner-wrapper .aft-trending-part { padding: 0; background: transparent; } .af-banner-carousel .read-img.read-bg-img{ height: 400px; } .aft-main-banner-section .af-banner-carousel .read-img.read-bg-img { height: 550px; } .af-banner-carousel.common-carousel .read-details{ position: absolute; bottom: 0; left: 0; width: 100%; color: #fff; padding: 15px; background: rgba(0,0,0,0.75); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); } /*two sliders carousel---*/ /*banner-carousel-1==================*/ /*trending vertical carousel=======*/ .trending-posts-vertical .slick-list{ margin-bottom: -10px; } .trending-posts-vertical .read-single {margin-bottom: 10px;min-height: 85px;} .chromenews_tabbed_posts_widget .af-double-column.list-style .read-bg-img , .trending-posts-vertical .af-double-column.list-style .read-bg-img , .af-double-column.list-style .read-bg-img { height: 136px; width: 50%; max-width: 136px; } .chromenews_tabbed_posts_widget .af-double-column.list-style .read-details , .trending-posts-vertical .af-double-column.list-style .read-details , .af-double-column.list-style .read-details { max-height: 136px; overflow: hidden; width: calc(100% - 136px); } .chromenews_posts_single_column_widget .af-double-column.list-style .read-details { height: unset; overflow: unset; max-height: unset; } .featured-posts .af-double-column.list-style.no-post-image .read-bg-img , .above-footer-widget-section .af-double-column.list-style.no-post-image .read-bg-img , .af-reated-posts .af-double-column.list-style.no-post-image .read-bg-img { width: 0; } .featured-posts .af-double-column.list-style.no-post-image .read-details , .above-footer-widget-section .af-double-column.list-style.no-post-image .read-details , .af-reated-posts .af-double-column.list-style.no-post-image .read-details { width: 100%; padding-left: 0; } .af-trending-posts .aft-trending-posts.list-part .af-double-column.list-style.no-post-image .read-bg-img { width: unset; background: transparent; display: flex; align-items: center; } .af-trending-posts .aft-trending-posts.list-part .af-double-column.list-style.no-post-image .read-bg-img.read-img .trending-no { position: relative; display: inline-block; } .af-trending-posts .aft-trending-posts.list-part .af-double-column.list-style.no-post-image .read-details { width: 100%; } .post-navigation span.chromenews-prev-post, .post-navigation span.chromenews-next-post { display: flex; width: 100%; align-items: center; } .post-navigation span.chromenews-prev-post { flex-direction: row-reverse; } .post-navigation .no-post-image span.post-image { width: 0; margin: 0; } .post-navigation .no-post-image h4 { width: 100%; } .archive-layout-list .af-double-column.list-style .read-bg-img, .chromenews_posts_single_column_widget .af-double-column.list-style .read-bg-img { width: calc(50% - 7.5px); max-width: calc(50% - 7.5px); height: 240px; } .archive-layout-list .af-double-column.list-style .read-details, .chromenews_posts_single_column_widget .af-double-column.list-style .read-details { width: calc(50% + 7.5px); max-height: unset; } .site-footer .chromenews_posts_single_column_widget .af-double-column.list-style .read-bg-img , #secondary .chromenews_posts_single_column_widget .af-double-column.list-style .read-bg-img , #sidr .chromenews_posts_single_column_widget .af-double-column.list-style .read-bg-img { width: 100%; max-width: 100%; } .site-footer .chromenews_posts_single_column_widget .af-double-column.list-style .read-details , #secondary .chromenews_posts_single_column_widget .af-double-column.list-style .read-details , #sidr .chromenews_posts_single_column_widget .af-double-column.list-style .read-details { width: 100%; padding: 15px 0; } .site-footer .chromenews_posts_single_column_widget .af-double-column.list-style .read-single , #secondary .chromenews_posts_single_column_widget .af-double-column.list-style .read-single , #sidr .chromenews_posts_single_column_widget .af-double-column.list-style .read-single { flex-wrap: wrap; } .chromenews_posts_double_columns_widget .af-double-column.list-style .read-bg-img, .chromenews_trending_news_widget .banner-vertical-slider .aft-trending-posts.list-part .af-double-column.list-style .read-bg-img, .chromenews_popular_news_widget .aft-trending-posts.list-part .af-double-column.list-style .read-bg-img, .af-trending-posts .aft-trending-posts.list-part .af-double-column.list-style .read-bg-img{ height: 136px; width: 50%; max-width: 136px; } .aft-trending-posts.list-part .af-double-column.list-style .read-title h4{ margin-top: 0; } .read-img .trending-no{ position: absolute; bottom: 0; left: 0; width: 30px; height: 30px; text-align: center; line-height: 31px; background-color: #ffcc00 ; color: #ffffff; font-weight: 700; font-size: 16px; } .trending-posts-vertical .read-title h4{margin-bottom: 0;} .trending-posts-vertical .read-categories{padding: 0;} .trending-posts-vertical .read-categories li{float: left;margin-bottom: 2px;} .trending-posts-vertical .read-categories li:last-child{margin-bottom: 2px;} /*trending vertical carousel=======*/ /*double-category---------*/ .af-double-column.list-style .read-img .aft-comment-view-share{display: none;} .af-double-column.list-style .col-1:not(.aft-spotlight-posts-1) .read-details{ padding-top: 0; padding-bottom: 0 } .home-featured-widgets .chromenews_posts_single_column_widget .af-double-column.list-style .read-bg-img, .aft-below-main-banner-section .chromenews_posts_single_column_widget .af-double-column.list-style .read-bg-img, .full-width-content .archive-layout-list .af-double-column.list-style .read-bg-img, .full-width-content .chromenews_posts_single_column_widget .af-double-column.list-style .read-bg-img { height: 390px; } /*double-category---------*/ /*-------------------------------------------------------------- ## archive posts --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## comment view share --------------------------------------------------------------*/ .aft-comment-view-share {padding: 5px 0;position: relative;} .archive article .aft-comment-view-share { padding: 5px; } .entry-meta div.aft-comment-view-share {display: inline-block;} .read-img .aft-comment-view-share{ padding: 0; margin-left: 15px; margin-top: 15px; position: absolute; width: 100%; top: 0; left: 0; z-index: 1; } .aft-comment-view-share > span{ width: 30px; height: 30px; margin-right: 2px; border-radius: 100%; display: inline-block; } .entry-meta .aft-comment-view-share > span {width: auto;height: auto;} .aft-comment-view-share > span > a{ display: block; text-align: center; font-size: 10px; position: relative; color: #fff; } .entry-meta .aft-comment-view-share .aft-comment-count + .aft-view-count { margin-left: 7px; } article .aft-comment-view-share > span > a {color: #fff;} .aft-comment-view-share > span.aft-jpshare{ background-color: rgba(0, 0, 0, 0.2); } .aft-comment-view-share > span > i{ display: block; text-align: center; line-height: 30px; font-size: 10px; position: relative; color: #fff; } /*-------------------------------------------------------------- ## comment view share --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## share icons on posts --------------------------------------------------------------*/ .aft-social-share div.sharedaddy h3.sd-title, .aft-comment-view-share div.sharedaddy h3.sd-title{ display: none; } div.sharedaddy{ display: inline-block; } div.sharedaddy .sd-content ul{margin-bottom: 0 !important;} div.sharedaddy .sd-content ul li{ padding: 0; } div.sharedaddy h3.sd-title:before { border: none !important; } div.sharedaddy .sd-content ul li:last-child{display: none;} div.sharedaddy .sd-content ul li a.sd-button{ border-radius: 0; border: none; } /*official colors*/ div.sharedaddy .sd-content ul li.share-facebook a.sd-button{background: #3b5998;} div.sharedaddy .sd-content ul li.share-twitter a.sd-button{background: #00acee;} div.sharedaddy .sd-content ul li.share-linkedin a.sd-button{background: #0077b5;} div.sharedaddy .sd-content ul li.share-skype a.sd-button{background: #00AFF0;} div.sharedaddy .sd-content ul li.share-pinterest a.sd-button{background: #ca1f27;} div.sharedaddy .sd-content ul li.share-print a.sd-button{background: #e9e9e9;} div.sharedaddy .sd-content ul li.share-tumblr a.sd-button{background: #2c4762;} div.sharedaddy .sd-content ul li.share-telegram a.sd-button{background: #0088cc;} div.sharedaddy .sd-content ul li.share-jetpack-whatsapp a.sd-button{background: #43d854;} div.sharedaddy .sd-content ul li.share-reddit a.sd-button{background: #cee3f8;} div.sharedaddy .sd-content ul li.share-pocket a.sd-button{background: #ee4056;} /*official colors*/ .sd-content ul li a.sd-button:before{ vertical-align: middle !important; top: 0 ; } /* overwrite social sharing css */ @media screen and (-webkit-min-device-pixel-ratio: 0){ body .sd-content ul li a.sd-button:before { top: -1px; } } /* overwrite social sharing css */ div.sharedaddy .sd-content ul li a.sd-button > span, div.sharedaddy .sd-content ul li a.sd-button:before{ color: #ffffff; } div.sharedaddy .sd-social-icon .sd-content ul li a.sd-button > span{ display: none; } div.sharedaddy .sd-social-text .sd-content ul li a.sd-button.no-icon:before { display: none; } div.sharedaddy .sd-content ul li a.sd-button.no-icon:before{ display: inline; } span.aft-jpshare { display: inline-block; } span.aft-jpshare:hover div.sharedaddy .sd-content ul li a.sd-button{ -webkit-transform:scale(1); transform:scale(1); } span.aft-jpshare:hover div.sharedaddy .sd-content ul li a.sd-button{opacity:0.9;} span.aft-jpshare div.sharedaddy .sd-content ul li a.sd-button:hover{opacity:1;} span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(1) a.sd-button{transition-delay: 0ms;} span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(2) a.sd-button{transition-delay: 50ms;} span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(3) a.sd-button{transition-delay: 100ms;} span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(4) a.sd-button{transition-delay: 150ms;} span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(5) a.sd-button{transition-delay: 200ms;} span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(6) a.sd-button{transition-delay: 250ms;} span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(7) a.sd-button{transition-delay: 300ms;} span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(8) a.sd-button{transition-delay: 350ms;} span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(9) a.sd-button{transition-delay: 400ms;} span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(10) a.sd-button{transition-delay: 450ms;} span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(11) a.sd-button{transition-delay: 500ms;} span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(12) a.sd-button{transition-delay: 550ms;} span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(13) a.sd-button{transition-delay: 600ms;} span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(14) a.sd-button{transition-delay: 650ms;} span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(15) a.sd-button{transition-delay: 700ms;} /*for officaial*/ div.sharedaddy .sd-social-official ul li:before{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; font-size: 14px; font-family: FontAwesome; line-height: 30px; vertical-align: middle; opacity: 0; z-index: -1; } div.sharedaddy .sd-content ul li a.sd-button:hover { border: none; border-radius: 0; } div.sharedaddy .sd-social-official ul li:before{content: "\f096";} div.sharedaddy .sd-social-official ul li.share-facebook:before{content: "\f09a";} div.sharedaddy .sd-social-official ul li.share-twitter:before{content: "\f099";} div.sharedaddy .sd-social-official ul li.share-jetpack-whatsapp:before{content: "\f232";} div.sharedaddy .sd-social-official ul li.share-pinterest:before{content: "\f231";} div.sharedaddy .sd-social-official ul li.share-linkedin:before{content: "\f0e1";} div.sharedaddy .sd-social-official ul li.share-reddit:before{content: "\f281";} div.sharedaddy .sd-social-official ul li.share-pocket:before{content: "\f265";} div.sharedaddy .sd-social-official ul li.share-print:before{content: "\f02f";} div.sharedaddy .sd-social-official ul li.share-skype:before{content: "\f17e";} div.sharedaddy .sd-social-official ul li.share-telegram:before{content: "\f2c6";} div.sharedaddy .sd-social-official ul li.share-tumblr:before{content: "\f173";} div.sharedaddy .sd-social-official .sd-content ul li a:before { color: #fff; } div.sharedaddy .sd-social-official ul li{ opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.075s linear; transition: all 0.075s linear; } span.aft-jpshare:hover div.sharedaddy .sd-social-official .sd-content ul li{ -webkit-transform:scale(1); transform:scale(1); } span.aft-jpshare:hover div.sharedaddy .sd-social-official .sd-content ul li{opacity:0.7;} span.aft-jpshare div.sharedaddy .sd-social-official .sd-content ul li:hover{opacity:1;} span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(1){transition-delay: 0ms;} span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(2){transition-delay: 50ms;} span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(3){transition-delay: 100ms;} span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(4){transition-delay: 150ms;} span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(5){transition-delay: 200ms;} span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(6){transition-delay: 250ms;} span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(7){transition-delay: 300ms;} span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(8){transition-delay: 350ms;} span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(9){transition-delay: 400ms;} span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(10){transition-delay: 450ms;} span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(11){transition-delay: 500ms;} span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(12){transition-delay: 550ms;} span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(13){transition-delay: 600ms;} span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(14){transition-delay: 650ms;} span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(15){transition-delay: 700ms;} /*for officaial*/ .aft-single-featured-full-title-over-image .entry-content-title-featured-wrap .sd-content .share-customize-link a, .aft-single-featured-title-over-image .entry-content-title-featured-wrap .sd-content .share-customize-link a { color: #fff; } /*-------------------------------------------------------------- ## share icons on posts --------------------------------------------------------------*/ article .post-description p:last-child{margin-bottom: 0;} .aft-archive-wrapper article .read-categories{padding-top: 0;} /*=====-----list-style-----=====*/ .list-style .read-single { display: flex; align-items: center; } .list-style .read-bg-img { height: 290px; } /*=====-----list-style-----=====*/ /*list style posts right image---*/ article.archive-image-alternate:nth-of-type(even) .list-style .read-single , article.archive-image-right .list-style .read-single{ flex-direction: row-reverse; } article.archive-image-alternate:nth-of-type(even) .list-style .read-details , article.archive-image-right .list-style .read-details{ text-align: right; } /*list style posts right image---*/ /*grid style posts---*/ article.aft-first-post-full{ overflow: hidden; } article.latest-posts-full, article.latest-posts-list, article.latest-posts-grid{ margin-bottom: 20px; overflow: hidden; } article.latest-posts-full:last-child, article.latest-posts-list:last-child, article.latest-posts-grid:last-child{ margin-bottom: 0; } article.latest-posts-full .read-single, article.latest-posts-list .read-single, article.latest-posts-grid .read-single{ margin-bottom: 0; } /*grid alternate----*/ article.archive-image-up-alternate .archive-grid-post .read-single{ display: flex; } .three-col-masonry article.col-2 { width: 33.33%; } .four-col-masonry article.col-2 { width: 25%; } .three-col-masonry article:nth-of-type(3n+2).archive-image-up-alternate .archive-grid-post .read-single{ flex-direction: column-reverse; } body.archive-first-post-full .archive-layout-grid.three-col-masonry article:nth-of-type(3n+3).archive-image-up-alternate .archive-grid-post .read-single{ flex-direction: column-reverse; } .three-col-masonry article:nth-of-type(3n+1).archive-image-up-alternate .archive-grid-post .read-single, .three-col-masonry article:nth-of-type(3n+3).archive-image-up-alternate .archive-grid-post .read-single{ flex-direction: column; } body.archive-first-post-full .archive-layout-grid.three-col-masonry article:nth-of-type(3n+2).archive-image-up-alternate .archive-grid-post .read-single, body.archive-first-post-full .archive-layout-grid.three-col-masonry article:nth-of-type(3n+4).archive-image-up-alternate .archive-grid-post .read-single{ flex-direction: column; } /*grid alternate----*/ /*grid alternate--two-column-four-column-*/ .archive-layout-grid.four-col-masonry article:nth-of-type(even).archive-image-up-alternate .archive-grid-post .read-single , .archive-layout-grid.two-col-masonry article:nth-of-type(even).archive-image-up-alternate .archive-grid-post .read-single { flex-direction: column-reverse; } .archive-layout-grid.four-col-masonry article:nth-of-type(odd).archive-image-up-alternate .archive-grid-post .read-single , .archive-layout-grid.two-col-masonry article:nth-of-type(odd).archive-image-up-alternate .archive-grid-post .read-single { flex-direction: column; } body.archive-first-post-full .three-col-masonry article:nth-of-type(3n).archive-image-up-alternate .archive-grid-post .read-single .read-details, body:not(.archive-first-post-full) .three-col-masonry article:nth-of-type(3n+2).archive-image-up-alternate .archive-grid-post .read-single .read-details, body.archive-first-post-full .archive-layout-grid.three-col-masonry article:nth-of-type(3n+3).archive-image-up-alternate .archive-grid-post .read-single .read-details, .archive-layout-grid.four-col-masonry article:nth-of-type(even).archive-image-up-alternate .archive-grid-post .read-single .read-details , .archive-layout-grid.two-col-masonry article:nth-of-type(even).archive-image-up-alternate .archive-grid-post .read-single .read-details{ padding: 0 0 15px; } body.archive-first-post-full .three-col-masonry article:nth-of-type(3n).archive-image-up-alternate .archive-grid-post .read-single .read-details h4, body:not(.archive-first-post-full) .three-col-masonry article:nth-of-type(3n+2).archive-image-up-alternate .archive-grid-post .read-single .read-details h4, body.archive-first-post-full .archive-layout-grid.three-col-masonry article:nth-of-type(3n+3).archive-image-up-alternate .archive-grid-post .read-single .read-details h4, .archive-layout-grid.four-col-masonry article:nth-of-type(even).archive-image-up-alternate .archive-grid-post .read-single .read-details h4 , .archive-layout-grid.two-col-masonry article:nth-of-type(even).archive-image-up-alternate .archive-grid-post .read-single .read-details h4{ margin-top: 0; } /*grid alternate--two-column-four-column-*/ /*grid alternate list----*/ body:not(.archive-first-post-full) .archive-layout-grid.four-col-masonry article:nth-of-type(5n).archive-image-list-alternate, body:not(.archive-first-post-full) .archive-layout-grid.two-col-masonry article:nth-of-type(3n).archive-image-list-alternate, body:not(.archive-first-post-full) .archive-layout-grid.three-col-masonry article:nth-of-type(4n).archive-image-list-alternate{ width: 100%; } body:not(.archive-first-post-full) .archive-layout-grid.four-col-masonry article:nth-of-type(5n).archive-image-list-alternate .archive-grid-post .read-single , body:not(.archive-first-post-full) .archive-layout-grid.two-col-masonry article:nth-of-type(3n).archive-image-list-alternate .archive-grid-post .read-single , body:not(.archive-first-post-full) .archive-layout-grid.three-col-masonry article:nth-of-type(4n).archive-image-list-alternate .archive-grid-post .read-single { display: flex; align-items: center; } body:not(.archive-first-post-full) .archive-layout-grid.four-col-masonry article:nth-of-type(5n).archive-image-list-alternate .archive-grid-post .read-img , body:not(.archive-first-post-full) .archive-layout-grid.two-col-masonry article:nth-of-type(3n).archive-image-list-alternate .archive-grid-post .read-img , body:not(.archive-first-post-full) .archive-layout-grid.three-col-masonry article:nth-of-type(4n).archive-image-list-alternate .archive-grid-post .read-img { align-self: flex-start; } body:not(.archive-first-post-full) .archive-layout-grid.four-col-masonry article:nth-of-type(5n).archive-image-list-alternate .archive-grid-post .read-bg-img , body:not(.archive-first-post-full) .archive-layout-grid.two-col-masonry article:nth-of-type(3n).archive-image-list-alternate .archive-grid-post .read-bg-img, body:not(.archive-first-post-full) .archive-layout-grid.three-col-masonry article:nth-of-type(4n).archive-image-list-alternate .archive-grid-post .read-bg-img { height: 240px; width: calc(50% - 7.5px); float: left; } body:not(.archive-first-post-full).full-width-content .archive-layout-grid.four-col-masonry article:nth-of-type(5n).archive-image-list-alternate .archive-grid-post .read-bg-img , body:not(.archive-first-post-full).full-width-content .archive-layout-grid.two-col-masonry article:nth-of-type(3n).archive-image-list-alternate .archive-grid-post .read-bg-img, body:not(.archive-first-post-full).full-width-content .archive-layout-grid.three-col-masonry article:nth-of-type(4n).archive-image-list-alternate .archive-grid-post .read-bg-img { height: 390px; } body:not(.archive-first-post-full) .archive-layout-grid.four-col-masonry article:nth-of-type(5n).archive-image-list-alternate .archive-grid-post .read-details , body:not(.archive-first-post-full) .archive-layout-grid.two-col-masonry article:nth-of-type(3n).archive-image-list-alternate .archive-grid-post .read-details, body:not(.archive-first-post-full) .archive-layout-grid.three-col-masonry article:nth-of-type(4n).archive-image-list-alternate .archive-grid-post .read-details { float: left; padding: 15px; width: calc(50% + 7.5px); } body:not(.archive-first-post-full) .archive-layout-grid.four-col-masonry article:nth-of-type(5n).archive-image-list-alternate .archive-grid-post .no-post-image .read-bg-img , body:not(.archive-first-post-full) .archive-layout-grid.two-col-masonry article:nth-of-type(3n).archive-image-list-alternate .archive-grid-post .no-post-image .read-bg-img, body:not(.archive-first-post-full) .archive-layout-grid.three-col-masonry article:nth-of-type(4n).archive-image-list-alternate .archive-grid-post .no-post-image .read-bg-img , body:not(.archive-first-post-full).full-width-content .archive-layout-grid.four-col-masonry article:nth-of-type(5n).archive-image-list-alternate .archive-grid-post .no-post-image .read-bg-img , body:not(.archive-first-post-full).full-width-content .archive-layout-grid.two-col-masonry article:nth-of-type(3n).archive-image-list-alternate .archive-grid-post .no-post-image .read-bg-img, body:not(.archive-first-post-full).full-width-content .archive-layout-grid.three-col-masonry article:nth-of-type(4n).archive-image-list-alternate .archive-grid-post .no-post-image .read-bg-img { height: unset; } /*grid alternate list----*/ /*grid alternate list 1st post full----*/ body.archive-first-post-full .archive-layout-grid.four-col-masonry article:nth-of-type(5n+6).archive-image-list-alternate, body.archive-first-post-full .archive-layout-grid.two-col-masonry article:nth-of-type(3n+4).archive-image-list-alternate, body.archive-first-post-full .archive-layout-grid.three-col-masonry article:nth-of-type(4n+5).archive-image-list-alternate{ width: 100%; } body.archive-first-post-full .archive-layout-grid.four-col-masonry article:nth-of-type(5n+6).archive-image-list-alternate .archive-grid-post .read-single , body.archive-first-post-full .archive-layout-grid.two-col-masonry article:nth-of-type(3n+4).archive-image-list-alternate .archive-grid-post .read-single , body.archive-first-post-full .archive-layout-grid.three-col-masonry article:nth-of-type(4n+5).archive-image-list-alternate .archive-grid-post .read-single { display: flex; align-items: center; } body.archive-first-post-full .archive-layout-grid.four-col-masonry article:nth-of-type(5n+6).archive-image-list-alternate .archive-grid-post .read-img , body.archive-first-post-full .archive-layout-grid.two-col-masonry article:nth-of-type(3n+4).archive-image-list-alternate .archive-grid-post .read-img , body.archive-first-post-full .archive-layout-grid.three-col-masonry article:nth-of-type(4n+5).archive-image-list-alternate .archive-grid-post .read-img { align-self: flex-start; } body.archive-first-post-full .archive-layout-grid.four-col-masonry article:nth-of-type(5n+6).archive-image-list-alternate .archive-grid-post .read-bg-img , body.archive-first-post-full .archive-layout-grid.two-col-masonry article:nth-of-type(3n+4).archive-image-list-alternate .archive-grid-post .read-bg-img, body.archive-first-post-full .archive-layout-grid.three-col-masonry article:nth-of-type(4n+5).archive-image-list-alternate .archive-grid-post .read-bg-img { height: 240px; width: calc(50% - 7.5px); float: left; } body.archive-first-post-full .archive-layout-grid.four-col-masonry article:nth-of-type(5n+6).archive-image-list-alternate .archive-grid-post .read-details , body.archive-first-post-full .archive-layout-grid.two-col-masonry article:nth-of-type(3n+4).archive-image-list-alternate .archive-grid-post .read-details, body.archive-first-post-full .archive-layout-grid.three-col-masonry article:nth-of-type(4n+5).archive-image-list-alternate .archive-grid-post .read-details { float: left; padding: 15px; width: calc(50% + 7.5px); } /*grid alternate list 1st post full----*/ /*grid style posts---*/ /*full style posts---*/ article.latest-posts-full .read-img{ height: 540px; } .full-width-content article.latest-posts-full .read-img{ height: 560px; } article.latest-posts-full .read-descprition.full-item-discription { padding: 15px; } .archive-layout-full:not(.full-image-first) article.latest-posts-full .pad-archive{padding: 15px;} .archive-layout-full.full-image-first article.latest-posts-full .pad-archive{padding: 15px;} .archive-layout-full.full-image-first article.latest-posts-full .read-descprition.full-item-discription { padding-top: 0; } /*text-on-top*/ .archive-layout-full.archive-title-first .read-item{ display: flex; flex-direction: column-reverse; } .archive-layout-full.archive-title-first .read-item .read-details{ padding: 10px; } .archive-layout-full.archive-image-first .read-descprition.full-item-discription { padding-top: 0; } /*text-on-top*/ /*full and grid*/ .archive-layout-full.full-with-grid article.col-1{width: 50%;} .archive-layout-full.full-with-grid article.latest-posts-full .read-img{ height: 255px; } .archive-layout-full.full-with-grid .read-item{ display: flex; flex-direction: column; } .archive-layout-full.full-with-grid article.latest-posts-full .read-descprition.full-item-discription{ padding-top: 0; } .archive-layout-full.full-with-grid article.col-1:not(:nth-of-type(5n+1)) .pad-archive{margin-bottom: 0;} .archive-layout-full.full-with-grid article.col-1:not(:nth-of-type(5n+1)) .ptb-10{padding-top: 0;} .archive-layout-full.full-with-grid article.col-1:nth-of-type(5n+1){width: 100%;} .archive-layout-full.full-with-grid article.latest-posts-full:nth-of-type(5n+1) .read-img{ height: 450px; } /*full and grid*/ /*full style posts---*/ /*masonary style posts---*/ .two-col-masonry .col-3{width: 50%;} .two-col-masonry article.col-3 .read-img.read-bg-img{height: 240px;} .full-width-content .two-col-masonry article.col-3 .read-img.read-bg-img{height: 380px;} .full-width-content .three-col-masonry article.col-3 .read-img.read-bg-img{height: 250px;} .four-col-masonry .col-3{width: 25%;} .four-col-masonry .col-3 .read-img.read-bg-img{height: 140px;} /*masonary style posts---*/ /*archive pagination---------*/ .page-links a.post-page-numbers { color: #ffcc00; } .archive article .page-links { display: none; } .chromenews-pagination{ text-align: center; } .chromenews-pagination .nav-links .page-numbers.current, .chromenews-pagination .nav-links .page-numbers{ min-width: 30px; height: 30px; text-align: center; line-height: 28px; font-size: 14px; display: inline-block; color: #404040; border-width: 1px; border-style: solid; border-image: initial; text-decoration: none; padding: 0px 10px; font-weight: 700; } body.aft-light-mode .chromenews-pagination .nav-links a.page-numbers:hover, body.aft-dark-mode .chromenews-pagination .nav-links a.page-numbers:hover, .chromenews-pagination .nav-links .page-numbers.current{ border-color: #ffcc00; } body.aft-section-layout-background .chromenews-pagination .nav-links .page-numbers { border: none; line-height: 30px; } /*archive pagination---------*/ /*archive layout elements---------=======*/ .aft-archive-wrapper .archive-layout-grid .read-details .entry-meta{ margin-bottom: 5px; } .aft-archive-wrapper .archive-layout-list .read-details{ padding-top: 0; padding-bottom: 0; } .aft-archive-wrapper .archive-layout-list .read-details .entry-meta{ margin-bottom: 5px; } .aft-archive-wrapper.aft-masonry-archive-posts .read-details{ padding-bottom: 15px; } .aft-archive-wrapper.aft-masonry-archive-posts .read-details .entry-meta{ margin-bottom: 5px; } /*archive layout elements---------=======*/ /*-------------------------------------------------------------- ## archive posts --------------------------------------------------------------*/ .below-banner-advertisment-section{ text-align: center; margin: 20px 0; } .archive main.site-main .archive-description, .home.blog .aft-archive-wrapper.chromenews-customizer .archive-description{ margin-bottom: 20px; } /*featured category-----*/ .featured-category-item > .read-img { margin-bottom: 20px; } .featured-category-item > .read-img a { display: block; position: relative; height: 100%; color: #fff; } .featured-category-item > .read-img a span { position: absolute; top: 50%; left: 50%; background: rgba(255, 255, 255, 0.75); padding: 0 10px; font-size: 16px; font-weight: bold; line-height: 24px; letter-spacing: 0.5px; transform: translate(-50%,-50%); text-transform: uppercase; } .featured-category-item > .read-img a:after , .featured-category-item > .read-img a:before { position: absolute; left: 10px; right: 10px; top: 10px; bottom: 10px; content: ''; opacity: 0.3; -webkit-transition: opacity 0.075s; transition: opacity 0.075s; z-index: 5; } .featured-category-item > .read-img a:before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; } .featured-category-item > .read-img a:after { border-right: 1px solid #fff; border-left: 1px solid #fff; } .featured-category-item > .read-img a:hover:after , .featured-category-item > .read-img a:hover:before {opacity: 0.7;} /* three items */ .featured-category-item{ width: 33.3333%; } /*featured category-----*/ /*-------------------------------------------------------------- # mailchimp --------------------------------------------------------------*/ .mailchimp-block { padding: 120px 0; background-color: #202020; background-size: cover; background-position: center; background-repeat: no-repeat; text-align: center; z-index: 1; position: relative; } .chromenews_mailchimp_widget, .chromenews_store_call_to_action_widget { padding-bottom: 20px; } body .mailchimp-block .block-title { margin: 0; padding-left: 0; margin-bottom: 20px; } .mailchimp-block, .mailchimp-block .block-title{ color: #fff; } .aft-section-layout-background article .promotionspace { margin-top: 20px; } article .mailchimp-block { margin-top: 30px; } .entry-content form.mc4wp-form, .inner-suscribe{ margin: 0 auto; max-width: 730px; width: 100%; } .entry-content form.mc4wp-form p, .inner-suscribe p { margin-bottom: 0; line-height: 1; } .entry-content form.mc4wp-form .mc4wp-form-fields, .inner-suscribe .mc4wp-form-fields{ position: relative; text-align: left; } .entry-content form.mc4wp-form .mc4wp-form-fields label, .inner-suscribe .mc4wp-form-fields label { font-size: 0; width: calc(100% - 120px); margin: 0; } .entry-content form.mc4wp-form input, .inner-suscribe input { border: none; background: #fafafa; width: 100%; line-height: 38px; padding: 10px 30px; color: #8a8a8a; font-size: 14px; min-height: 58px; } body.aft-dark-mode .entry-content form.mc4wp-form input[type=email] { background-color: rgba(255,255,255,.1); border: none; } .entry-content form.mc4wp-form input[type=submit], .inner-suscribe input[type=submit] { border: 0; margin: 0; color: #202020; width: 120px; height: 58px; padding: 14px 0; font-size: 14px; line-height: unset; background-color: #ffcc00 ; position: absolute; border-radius: 0px; right: 0; bottom: 0; text-transform: uppercase; -webkit-transition: all 0.075s ease; transition: all 0.075s ease; } footer .inner-suscribe input , #sidr .inner-suscribe input , #secondary .inner-suscribe input { line-height: 24px; } footer .inner-suscribe input:not([type="submit"]) , #sidr .inner-suscribe input:not([type="submit"]) , #secondary .inner-suscribe input:not([type="submit"]) { padding-left: 15px; } footer .inner-suscribe input[type=submit] , #sidr .inner-suscribe input[type=submit] , #secondary .inner-suscribe input[type=submit] { height: 44px; line-height: 15px; position: inherit; top: inherit; right: inherit; margin-top: 15px; width: auto; min-width: 120px; padding-left: 5px; padding-right: 5px; } /*-------------------------------------------------------------- # mailchimp --------------------------------------------------------------*/ /*-------------------------------------------------------------- # single --------------------------------------------------------------*/ /*single page default-----*/ div.comments-area { margin-bottom: 20px; padding: 20px; } body.single-content-mode-compact div.comments-area { padding: 20px; } body.single-content-mode-boxed div.comments-area { padding-right: 3.75em; padding-left: 3.75em; } .single .entry-content > ol li, .single .entry-content > ul li{ padding: 5px 0; } .single h3.awpa-title { margin: 0; } .single p:empty:before { display: none; } .header-title-wrapper{margin:0;padding-bottom: 0;} h1.page-title{margin-top: 0;margin-bottom: 20px;} .entry-header .entry-title { margin: 0; } body.single-post .entry-title { margin:10px 0; } body.single-post .aft-image-caption { color: #fff; display: block; background: rgba(0, 0, 0,0.5); padding: 5px 10px; } body.single-post .aft-image-caption p{ margin-bottom: 0; } body.single-post .entry-header span.min-read-post-format .af-post-format i{ color: #fff; } body.single .entry-header .aft-post-excerpt-and-meta .post-excerpt{ margin: 15px 0; border-left: 3px solid #ffcc00; padding-left: 15px; } body.single .entry-header .aft-post-excerpt-and-meta .entry-meta .aft-comment-view-share{ padding: 0; } body.single #content > header.entry-header .read-details { padding: 60px; margin-bottom: 20px; } body.single-content-mode-compact.default-content-layout.aft-single-featured-title-over-image article header.entry-header .read-details{ margin-bottom: 0px; } body.aft-dark-mode .entry-header-details{ background-color: transparent; } .grid-design-texts-over-image .read-details .entry-meta span.author-links > span a:hover, .grid-design-texts-over-image .read-details .entry-meta span.aft-comment-view-share a:hover{ border-color: #fff; } /* social share option design */ .social-before-title .entry-header-details { display: flex; flex-wrap: wrap; flex-direction: column; } .social-before-title .entry-header-details .aft-social-share { order: 1; display: flex; flex-wrap: wrap; } .social-before-title .entry-header-details .figure-categories { order: 2; } .social-before-title .entry-header-details .entry-title { order: 3; } .social-before-title .entry-header-details .aft-post-excerpt-and-meta { order: 4; } .social-after-title .entry-header-details { display: flex; flex-wrap: wrap; flex-direction: column; } .social-after-title .entry-header-details .figure-categories { order: 1; } .social-after-title .entry-header-details .entry-title { order: 2; } .social-after-title .entry-header-details .aft-post-excerpt-and-meta { order: 3; } .social-after-title .entry-header-details .aft-social-share { order: 4; display: flex; flex-wrap: wrap; } /* social share option design */ .archive-description p { margin-bottom: 0; } body.single-post .figure-categories .cat-links { margin-top: 0px; } .aft-image-caption p { margin: 0; font-style: italic; opacity: 0.7; text-align: center; margin-bottom: 20px; font-size: 13px; } .aft-light-mode .aft-main-banner-section .aft-popular-taxonomies-lists ul li a, .aft-dark-mode .aft-main-banner-section .aft-popular-taxonomies-lists ul li a, .comment-body .reply a, .nav-links a .post-title, ul.trail-items li a, .post-edit-link{ border-bottom: 1px solid transparent; } .aft-light-mode .aft-main-banner-section .aft-popular-taxonomies-lists ul li a:hover, .aft-dark-mode .aft-main-banner-section .aft-popular-taxonomies-lists ul li a:hover, .comment-body .reply a:hover { border-bottom-color: #ffcc00; } .chromenews-customizer p:not([class]) > a, .widget_block p:not([class]) > a, .comment-content > p a, p.logged-in-as a, .post-excerpt a, .entry-content .wp-block-table td a, .entry-content h1 a, .entry-content h2 a, .entry-content h3 a, .entry-content h4 a, .entry-content h5 a, .entry-content h6 a, .entry-content > p a{ border-bottom: 1px solid #ffcc00; } .chromenews-customizer p:not([class]) > a:hover, .widget_block p:not([class]) > a:hover, p.logged-in-as a:hover, .aft-light-mode main .elementor ul > li a:hover, .aft-light-mode main .elementor ol > li a:hover, .aft-dark-mode main .elementor ul > li a:hover, .aft-dark-mode main .elementor ol > li a:hover, .entry-content .elementor h1 a, .entry-content .elementor h2 a, .entry-content .elementor h3 a, .entry-content .elementor h4 a, .entry-content .elementor h5 a, .entry-content .elementor h6 a, .post-excerpt a:hover, .entry-content .wp-block-table td a:hover, .entry-content h1 a:hover, .entry-content h2 a:hover, .entry-content h3 a:hover, .entry-content h4 a:hover, .entry-content h5 a:hover, .entry-content h6 a:hover, .entry-content > p:not(.wp-block-tag-cloud) a:hover{ border-bottom: none; } .aft-light-mode .entry-content h1:not(.awpa-display-name) a, .aft-light-mode .entry-content h2:not(.awpa-display-name) a, .aft-light-mode .entry-content h3:not(.awpa-display-name) a, .aft-light-mode .entry-content h4:not(.awpa-display-name) a, .aft-light-mode .entry-content h5:not(.awpa-display-name) a, .aft-light-mode .entry-content h6:not(.awpa-display-name) a{ color: #0987f5; } .aft-dark-mode .entry-content h1:not(.awpa-display-name) a, .aft-dark-mode .entry-content h2:not(.awpa-display-name) a, .aft-dark-mode .entry-content h3:not(.awpa-display-name) a, .aft-dark-mode .entry-content h4:not(.awpa-display-name) a, .aft-dark-mode .entry-content h5:not(.awpa-display-name) a, .aft-dark-mode .entry-content h6:not(.awpa-display-name) a{ color: #0987f5; } .nav-links a .post-title:hover, ul.trail-items li a:hover, .post-edit-link:hover, .entry-content > [class*="wp-block-"] a:not(.wp-block-button__link):hover, .entry-content > ul a:hover, .entry-content > ol a:hover { border-bottom-color: #ffcc00; } .comment-content > p a:hover, .entry-content .latest-posts-block-post-img > a, .entry-content .latest-posts-block-post-grid-author > a, .entry-content .latest-posts-block-post-grid-title > a, .entry-content .latest-posts-block-post-category > a{ border-bottom: none !important; } body.single .entry-content-wrap .read-img, .aft-single-featured-title-below-image .post-thumbnail img.wp-post-image, .aft-single-featured-boxed .post-thumbnail img.wp-post-image{ width: 100%; } .single-content-mode-compact.aft-single-featured-title-below-image .entry-content-title-featured-wrap, .single-content-mode-compact.aft-single-featured-title-over-image .entry-content-title-featured-wrap { margin-top: 20px; } /*single page default-----*/ /* ====== single page full ====== */ .aft-main-breadcrumb-wrapper.container-wrapper { padding: 0; } .af-wide-layout .aft-main-breadcrumb-wrapper.container-wrapper { padding-right: 20px; padding-left: 20px; } .aft-single-featured-full .entry-content-title-featured-wrap .container-wrapper .af-breadcrumbs { margin-top: 20px; margin-bottom: 0; padding-left: 0; padding-right: 0; } .aft-single-featured-full .entry-content-title-featured-wrap .container-wrapper .entry-header { box-shadow: none; } .aft-single-featured-full .entry-content-title-featured-wrap .container-wrapper .entry-header .aft-social-share { margin-bottom: 0; } .aft-single-featured-full-title-over-image .entry-content-title-featured-wrap .container-wrapper .entry-header, .aft-single-featured-full-title-below-image .entry-content-title-featured-wrap .container-wrapper .entry-header, .aft-single-featured-full .entry-content-title-featured-wrap .container-wrapper .entry-header .read-details { padding: 20px 0; } .aft-single-featured-full-title-over-image .entry-content-title-featured-wrap .container-wrapper .entry-header, .aft-single-featured-full-title-below-image .entry-content-title-featured-wrap .container-wrapper .entry-header, .aft-single-featured-full .entry-content-title-featured-wrap .container-wrapper .entry-header{ margin: 0; } .aft-single-featured-full .post-thumbnail img.wp-post-image{ max-height: 500px; object-fit: cover; width: 100%; } /* ====== single page full ====== */ /* ====== single page full below image ====== */ .aft-single-featured-full-title-below-image .entry-content-title-featured-wrap { display: flex; flex-wrap: wrap; flex-direction: column-reverse; } .aft-single-featured-full-title-below-image .entry-content-title-featured-wrap .container-wrapper .af-breadcrumbs { margin-top: 20px; margin-bottom: 0; padding-right: 0; padding-left: 0; } .aft-single-featured-full-title-below-image .post-thumbnail img.wp-post-image{ max-height: 500px; object-fit: cover; width: 100%; } /* ====== single page full below image ====== */ /* ====== single page full over image ====== */ .aft-single-featured-full-title-over-image .entry-content-title-featured-wrap .read-img.pos-rel, .aft-single-featured-full-title-over-image .entry-content-title-featured-wrap { position: relative; } .aft-single-featured-full-title-over-image .entry-content-title-featured-wrap { overflow: hidden; } .aft-single-featured-full-title-over-image .entry-content-title-featured-wrap .container-wrapper{ position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); z-index: 9; display: flex; flex-wrap: wrap; height: 100%; } .aft-single-featured-full-title-over-image .entry-content-title-featured-wrap .read-img.pos-rel::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0,0.4); background-image: linear-gradient(rgba(0,0,0,0.25), rgba(0,0,0,0), rgba(0,0,0,.75) ); } .aft-single-featured-full-title-over-image .entry-content-title-featured-wrap .container-wrapper .af-breadcrumbs { width: 100%; height: max-content; margin-top: 20px; margin-bottom: 0; padding: 0; background-color: transparent; height: calc(25% - 20px); } .aft-single-featured-full-title-over-image .entry-content-title-featured-wrap .container-wrapper .af-breadcrumbs, .aft-single-featured-full-title-over-image .entry-content-title-featured-wrap .container-wrapper .af-breadcrumbs a { color: #fff; } .aft-single-featured-full-title-over-image .entry-content-title-featured-wrap .container-wrapper .entry-header { height: 100%; width: 100%; } .aft-single-featured-full-title-over-image .entry-content-title-featured-wrap .container-wrapper .af-breadcrumbs + .entry-header { height: calc(75% - 0px); } .aft-single-featured-full-title-over-image .entry-content-title-featured-wrap .container-wrapper .entry-header .read-details { display: flex; align-items: flex-end; height: 100%; } .aft-single-featured-full-title-over-image .entry-content-title-featured-wrap .read-details .entry-meta span a:hover, .aft-single-featured-full-title-over-image .entry-content-title-featured-wrap .read-details .entry-meta span a:hover span, .aft-single-featured-title-over-image .entry-content-title-featured-wrap .read-details .entry-meta span a:hover, .aft-single-featured-title-over-image .entry-content-title-featured-wrap .read-details .entry-meta span a:hover span{ border-color: #fff; } .aft-single-featured-full-title-over-image .entry-content-title-featured-wrap .read-details .entry-meta span a, .aft-single-featured-full-title-over-image .entry-content-title-featured-wrap .read-details .entry-meta span, .aft-single-featured-full-title-over-image .entry-content-title-featured-wrap .read-details h1, .aft-single-featured-full-title-over-image .entry-content-title-featured-wrap .read-details{ color: #fff; } .aft-single-featured-full-title-over-image .post-thumbnail img.wp-post-image{ max-height: 500px; object-fit: cover; width: 100%; } /* ====== single page full over image ====== */ /* ====== single page boxed title below image ====== */ .aft-single-featured-title-below-image .entry-content-wrap .entry-content-title-featured-wrap { display: flex; flex-wrap: wrap; flex-direction: column; } .aft-single-featured-title-below-image .entry-content-wrap .entry-content-title-featured-wrap .entry-header { order: 3; } body.single.aft-single-featured-title-below-image .entry-content-wrap .read-img .post-thumbnail { margin-bottom: 20px; } /* ====== single page boxed title below image ====== */ /* ====== single page boxed title over image ====== */ .aft-single-featured-title-over-image .entry-content-title-featured-wrap .read-img.pos-rel, .aft-single-featured-title-over-image .entry-content-title-featured-wrap { position: relative; overflow: hidden; } .aft-single-featured-title-over-image .entry-content-title-featured-wrap .entry-header{ position: absolute; bottom: 0%; left: 50%; transform: translate(-50% , 0%); z-index: 9; width: 100%; margin: 0; } .single-content-mode-compact.aft-single-featured-title-over-image .entry-content-title-featured-wrap .entry-header { padding: 20px; } .aft-single-featured-title-over-image .entry-content-title-featured-wrap .read-details .entry-meta span a, .aft-single-featured-title-over-image .entry-content-title-featured-wrap .read-details .entry-meta span, .aft-single-featured-title-over-image .entry-content-title-featured-wrap .read-details h1, .aft-single-featured-title-over-image .entry-content-title-featured-wrap .read-details{ color: #fff; } .aft-light-mode.aft-section-layout-background.single-content-mode-boxed.aft-single-featured-title-over-image header.entry-header{ background: transparent; } .aft-single-featured-title-over-image .entry-content-title-featured-wrap .entry-header .read-details { background: transparent; margin-bottom: 0; } .aft-single-featured-title-over-image .entry-content-title-featured-wrap .read-img.pos-rel::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0,0.4); background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,.75) ); } .aft-single-featured-title-over-image .post-thumbnail img.wp-post-image{ max-height: 500px; object-fit: cover; width: 100%; } .aft-single-featured-full-title-over-image .site > .entry-content-title-featured-wrap { min-height: 440px; background: #000; } .aft-single-featured-title-over-image .entry-content-title-featured-wrap .read-img.pos-rel img, .aft-single-featured-title-over-image .entry-content-title-featured-wrap .read-img.pos-rel{ min-height: 400px; } /* ====== single page boxed title over image ====== */ /*single1 page-----*/ .read-single-notbanner .read-img.read-img .read-bg-img { height: 400px; } body.single span.tags-links{ display: block; margin: 5px 0; font-weight: 700; } body.single span.tags-links a{ padding: 2px 5px; border: 1px solid ; color: rgba(57, 62, 70, 0.80); font-size: 13px; font-weight: normal; transition: all 0.075s ease-out; display: inline-block; margin: 2px 0; } body.single span.tags-links a:hover{ border-color: #ffcc00 ; } /*single1 page-----*/ /*single2 page-----*/ .read-single-overbanner { position: relative; } .read-single-overbanner .read-img.read-bg-img { height: 500px; } .read-single-overbanner .read-img.read-bg-img:after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: #000; opacity: 0.25; } .read-single-overbanner .read-details { position: absolute; width: 100%; bottom: 0; left: 0; padding: 15px; background: rgba(0, 0, 0, 0.75); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%); } .posts-slider.banner-slider-2 .read-small-piece, .read-single-overbanner .read-small-piece { color: #fff; position: relative; padding-top: 15px; opacity: 0.8; } .posts-slider.banner-slider-2 .read-small-piece p { margin: 15px 0; } .posts-slider.banner-slider-2 .read-small-piece:before, .read-single-overbanner .read-small-piece:before { content: ''; height: 1px; width: 250px; background: #fff; position: absolute; opacity: 0.7; } .read-single-overbanner .read-title h4 { font-size: 36px; } .read-single-overbanner .read-details .entry-meta span.byline span, .read-single-overbanner .read-details .entry-meta span, .read-single-overbanner .cat-color-1, .read-single-overbanner .read-title h4 a { color: #fff; } span.item-metadata.posts-author.byline { font-weight: 700; } /*single2 page-----*/ /*contact page-----*/ form.wpcf7-form label { width: 100%; } form.wpcf7-form label textarea{ width: 100%; padding: 15px; } form.wpcf7-form label input{ width: 100%; padding: 0 15px; } /*contact page-----*/ /*share option on single*/ body.single .entry-content-wrap{ display: flex; flex-direction: column; margin-bottom: 20px; padding: 60px; } /* single page section layout background */ body.single.aft-section-layout-background .entry-content-wrap { background-color: #fff; } body.single.single-content-mode-compact .entry-content-wrap { padding: 0 20px; } body.single.single-content-mode-boxed .entry-content-wrap { padding: 0px; } body.single #content header.entry-header + .section-block-upper .entry-content-wrap { padding-top: 0; } body.single #content header.entry-header + .section-block-upper .entry-content-wrap > .color-pad:first-child { padding-top: 40px; } body.single .entry-content-wrap .entry-content.read-details { margin-bottom: 0; margin-top: 0; } body.single .entry-content-wrap .entry-meta { margin-top: 10px; margin-bottom: 10px; } body.single.aft-single-featured-boxed .entry-content-wrap .entry-meta { margin-top: 0; margin-bottom: 0; } body.single .entry-content-wrap .read-img{ margin: 0px 0px 20px; margin: 0; } body.single .entry-content-wrap .post-excerpt, body.single-post.aft-single-full-header .post-excerpt{ font-weight: normal; border-left: 1px solid #4a4a4a; padding-left: 1em; position: relative; margin-bottom: 15px; line-height: 1.5; } body.single .entry-content-wrap .post-excerpt::before, body.single-post.aft-single-full-header .post-excerpt::before{ content: ''; position: absolute; left: 2px; width: 2px; height: 100%; background: #4a4a4a; } body.aft-dark-mode.single .entry-content-wrap .post-excerpt, body.aft-dark-mode.single-post.aft-single-full-header .post-excerpt{ border-left-color: #fff; } body.aft-dark-mode.single .entry-content-wrap .post-excerpt::before, body.aft-dark-mode.single-post.aft-single-full-header .post-excerpt::before{ background: #fff; } /*after title*/ body.single .entry-content-wrap.social-after-title .entry-header{order: 1;} body.single .entry-content-wrap.social-after-title .read-img{order: 3;} body.single .entry-content-wrap.social-after-title .color-pad{order: 4;} body.single .entry-content-wrap.social-after-title .aft-social-share{ order: 2; } body.single .aft-social-share .sd-sharing { margin-bottom: 0; } .social-before-title .entry-header-details .aft-social-share{ margin-bottom: 20px; } .social-after-title .entry-header-details .aft-social-share { margin-top: 20px; } body.single .aft-social-share .share-customize-link {margin-bottom: 0;} body.single .entry-content-wrap.social-after-title .aft-comment-view-share{margin-right: 10px;} body.single .entry-content-wrap.social-after-title .entry-meta{margin-bottom: 0;} .aft-social-share .aft-jpshare, .aft-social-share li:first-child { margin-left: 0; } @media screen and (min-width: 600px){ body.single .entry-content-wrap.social-after-title .sd-content ul li {margin: 5px 5px 5px 0;} } /*after title*/ /*vertical left*/ body.single .entry-content-wrap.social-vertical-share .aft-social-share .sd-content ul li{ display: block; float: none; } body.single .entry-content-wrap.social-vertical-share{ position: relative; display: block; } body.single .entry-content-wrap.social-vertical-share .aft-social-share { float: left; min-width: 50px; position: sticky; top: 50px; transform: translateX(-50%); } body.single .entry-content-wrap.social-vertical-share .vertical-left-right { position: absolute; height: 100%; transform: translateX(-70%); } body.single.align-content-right .entry-content-wrap.social-vertical-share .vertical-left-right { right: 0; transform: translateX(70%); } body.single.align-content-right .entry-content-wrap.social-vertical-share .aft-social-share { transform: translateX(50%); text-align: right; } /*share option on single*/ /*-------------------------------------------------------------- # single --------------------------------------------------------------*/ /*-------------------------------------------------------------- ##gutenberg support --------------------------------------------------------------*/ img.alignright { clear: right; } img.alignleft { clear: left; } div.wp-block h1 a, div.wp-block h2 a, div.wp-block h3 a, div.wp-block h4 a, div.wp-block h5 a, div.wp-block h6 a, div.wp-block pre a { font-family: inherit; font-size: inherit; line-height: inherit; font-weight: inherit; font-style: inherit; } div.wp-block b, div.wp-block strong { font-weight: bold; } div.wp-block .editor-rich-text__tinymce code, div.wp-block .editor-rich-text__editable code { background-color: transparent; color: inherit; font-family: monospace; font-size: inherit; line-height: inherit; font-weight: inherit; font-style: inherit; letter-spacing: 1px; } .entry-content .aligncenter{text-align: center;} .entry-content ul.wp-block-latest-posts , .entry-content ol:not([class*="wp-"]) , .entry-content ul:not([class*="wp-"]):not(.awpa-contact-info) { padding-left: 0; margin-left: 20px; margin-bottom: 15px; /* list-style-position: inside; */ } .entry-content .alignwide ul.wp-block-latest-posts , .entry-content .alignwide ol:not([class*="wp-"]) , .entry-content .alignwide ul:not([class*="wp-"]):not(.awpa-contact-info), .entry-content .alignfull ul.wp-block-latest-posts , .entry-content .alignfull ol:not([class*="wp-"]) , .entry-content .alignfull ul:not([class*="wp-"]):not(.awpa-contact-info){ margin-left: 0; } .entry-content ul.wp-block-latest-posts.alignwide , .entry-content ol:not([class*="wp-"]).alignwide , .entry-content ul:not([class*="wp-"]).alignwide { padding-left: 30px; } .entry-content ul.wp-block-latest-posts.alignfull , .entry-content ol:not([class*="wp-"]).alignfull , .entry-content ul:not([class*="wp-"]).alignfull { margin-left: calc(50% - 50vw - 10px); padding-left: 40px; } .entry-content ol:not([class*="wp-"]) { list-style-type: decimal; } .entry-content ul.wp-block-latest-posts , .entry-content ul:not([class*="wp-"]) { list-style-type: disc; } .entry-content ol:not([class*="wp-"]) li, .entry-content ul:not([class*="wp-"]) li{ padding-bottom: 5px; padding-top: 5px; } .entry-content ol:not([class*="wp-"]) ol, .entry-content ol:not([class*="wp-"]) ul, .entry-content ul:not([class*="wp-"]) ol, .entry-content ul:not([class*="wp-"]) ul{ margin-bottom: 0; } .entry-content ol:not([class*="wp-"]) ol li:last-child, .entry-content ol:not([class*="wp-"]) ul li:last-child, .entry-content ul:not([class*="wp-"]) ol li:last-child, .entry-content ul:not([class*="wp-"]) ul li:last-child{ padding-bottom: 0; } p.has-drop-cap:not(:focus):first-letter { font-weight: normal; font-size: 7.8em; } .fb_iframe_widget { width: 100%; } .fb_iframe_widget span, .fb_iframe_widget_fluid span { max-width: 100%; } .entry-content .wp-block-group__inner-container ul.wp-block-latest-posts { list-style: none; margin-left: 0; } .wp-block-quote.is-large, .wp-block-quote.is-style-large{ margin-top: 2.57143em; margin-bottom: 2.14286em; } .wp-block-image figcaption{ text-align: center; } /** === Button === */ .wp-block-button:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright){ margin-top:1em; margin-bottom:1em; } /** === Button === */ /** === File === */ .wp-block-file { margin: 0 0 20px; } .wp-block-file > a:not([class]), .wp-block-file .wp-block-file__textlink { display: inline-block; margin: 0 20px 0 0; } [dir=rtl] .wp-block-file > a:not([class]), [dir=rtl] .wp-block-file .wp-block-file__textlink { margin-left: 20px; margin-right: 0; } .wp-block-file .wp-block-file__button-richtext-wrapper { display: inline-block; margin: 0; } .wp-block-file .wp-block-file__button, .wp-block-file a.wp-block-file__button { display: inline-block; position: relative; text-align: center; border: none; } /** === File === */ /** === Block Audio === */ .wp-block-audio { margin-bottom: 20px; } .wp-block-audio figcaption { margin: 0; padding: 10px 0; } /** === Block Audio === */ /** === Block Video === */ .wp-block-video { margin: 0 0 20px; text-align: center; } .wp-block-video video { display: inline-block; } .wp-block-video figcaption { margin: 0; padding: 6px 0 15px; text-align: center; } /** === Block Video === */ /** === Block code === */ .wp-block-code { background-color: #f3f3f3; color: inherit; font-family: monospace; font-size: inherit; line-height: inherit; font-weight: inherit; font-style: inherit; letter-spacing: 1px; margin: 0 0 20px; border: none; } .wp-block-code code, .wp-block-code .editor-plain-text { background-color: #000000; padding: 10px; color: inherit; color: #fff; font-family: inherit; font-size: inherit; line-height: inherit; font-weight: inherit; font-style: inherit; letter-spacing: inherit; display: block; } /** === Block code === */ /** === Block preformated=== */ .wp-block-preformatted { margin: 0 0 20px; } .wp-block-preformatted pre { color: inherit; font-family: monospace; font-size: inherit; line-height: inherit; font-weight: inherit; font-style: inherit; letter-spacing: 1px; } .wp-block-preformatted a{ text-decoration: underline; } /** === Block preformated=== */ /** === Block pullquote=== */ .wp-block-pullquote { margin: 30px 0; padding: 30px 0; } .wp-block-pullquote p { font-size: 28px; line-height: 1.6; } .wp-block-pullquote.alignleft { margin-right: 2em; } .wp-block-pullquote.alignright { margin-left: 2em; } .wp-block-pullquote:not(.is-style-solid-color) { border-top-width: 4px; border-top-style: solid; border-bottom-width: 4px; border-bottom-style: solid; } .wp-block-pullquote.is-style-solid-color { padding-left: 50px; padding-right: 50px; } .wp-block-pullquote.is-style-solid-color blockquote { max-width: 100%; } .wp-block-pullquote blockquote, .wp-block-pullquote.alignleft blockquote, .wp-block-pullquote.alignright blockquote, .wp-block-pullquote.is-style-solid-color blockquote { margin: 0; padding: 16px; border-width: 0; border-style: solid; text-align: center; } .wp-block-pullquote blockquote:before, .wp-block-pullquote.alignleft blockquote:before, .wp-block-pullquote.alignright blockquote:before, .wp-block-pullquote.is-style-solid-color blockquote:before { content: none; } .wp-block-pullquote blockquote p:last-of-type, .wp-block-pullquote.alignleft blockquote p:last-of-type, .wp-block-pullquote.alignright blockquote p:last-of-type, .wp-block-pullquote.is-style-solid-color blockquote p:last-of-type, .wp-block-pullquote blockquote > .editor-rich-text p:last-of-type, .wp-block-pullquote.alignleft blockquote > .editor-rich-text p:last-of-type, .wp-block-pullquote.alignright blockquote > .editor-rich-text p:last-of-type, .wp-block-pullquote.is-style-solid-color blockquote > .editor-rich-text p:last-of-type { margin: 0; } .wp-block-pullquote blockquote cite, .wp-block-pullquote.alignleft blockquote cite, .wp-block-pullquote.alignright blockquote cite, .wp-block-pullquote.is-style-solid-color blockquote cite, .wp-block-pullquote blockquote .wp-block-pullquote__citation, .wp-block-pullquote.alignleft blockquote .wp-block-pullquote__citation, .wp-block-pullquote.alignright blockquote .wp-block-pullquote__citation, .wp-block-pullquote.is-style-solid-color blockquote .wp-block-pullquote__citation { display: block; margin-top: 15px; } /** === Block pullquote=== */ /** === Block table=== */ .wp-block-table { border-spacing: 0; border-collapse: collapse; width: 100%; margin-bottom: 20px; } .wp-block-table caption { text-align: center; padding: 20px; } .wp-block-table:not([class]):not([id]) { border-spacing: 0; border-collapse: collapse; } .wp-block-table:not([class]):not([id]) th, .wp-block-table:not([class]):not([id]) td { padding: 10px 20px; border-width: 1px; border-style: solid; } .wp-block-table td, .wp-block-table th { padding: 10px 20px; border-top-width: 1px; border-top-style: solid; border-left-width: 1px; border-left-style: solid; } .wp-block-table td:last-child, .wp-block-table th:last-child { border-right-width: 1px; border-right-style: solid; } .wp-block-table tr:last-child td { border-bottom-width: 1px; border-bottom-style: solid; } .wp-block-table.is-style-stripes { border-width: 0; border-style: solid; } .aft-dark-mode .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background-color: rgb(225 225 225 / 20%); } .wp-block-table caption { text-align: center; padding: 20px; } .wp-block-table td, .wp-block-table th { word-break: normal; } .wp-block-table .wp-block-table__cell-content { color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; font-weight: inherit; font-style: inherit; padding: 0; } /** === Block table=== */ /** === Block verse=== */ pre.wp-block-verse { white-space: inherit; margin: 0 0 20px; padding: 40px 0; padding-left: 30px; position: relative; background-color: #e2e2e2; color: inherit; font-family: monospace; font-size: inherit; line-height: inherit; border: none; } /** === Block verse=== */ /** === Block spacer=== */ .wp-block-spacer { clear: both; } /** === Block spacer=== */ /** === Block widget archive and category=== */ ul.wp-block-archives, ul.wp-block-categories, ul.wp-block-categories__list { margin-bottom: 20px; padding: 0; position: relative; } .widget div.wp-block-archives.wp-block-archives-dropdown, .widget div.wp-block-categories.wp-block-categories-dropdown, .widget .wp-block-latest-comments, .widget .wp-block-categories { margin-bottom: 0; } .widget_categories ul, div.wp-block ul.wp-block-archives ul, div.wp-block ul.wp-block-categories ul, div.wp-block ul.wp-block-categories__list ul { margin-bottom: 0; padding: 10px 0 0; } div.wp-block-archives.wp-block-archives-dropdown, div.wp-block-categories.wp-block-categories-dropdown { margin-bottom: 20px; } div.wp-block-archives.wp-block-archives-dropdown label, div.wp-block-categories.wp-block-categories-dropdown label { display: none; } /** === Block widget archive and category=== */ /** === Block latest comments=== */ .wp-block-latest-comments { list-style: none; margin-bottom: 20px; } .wp-block-latest-comments__comment { line-height: 1.6; } .wp-block-latest-comments .wp-block-latest-comments__comment { min-height: auto; overflow: hidden; } .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment { min-height: 48px; } .wp-block-latest-comments .wp-block-latest-comments__comment-avatar { width: 48px; height: 48px; margin: 0 17px 0 0; float: left; -webkit-border-radius: 0%; border-radius: 0%; } [dir=rtl] .wp-block-latest-comments .wp-block-latest-comments__comment-avatar { margin: 0 0 0 17px; float: right; } .wp-block-latest-comments article { display: block; padding: 0 0 0 3px; overflow: hidden; } [dir=rtl] .wp-block-latest-comments article { margin: 0 3px 0 0; } .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-meta, .wp-block-latest-comments .wp-block-latest-comments__comment-meta { margin: 0; } .wp-block-latest-comments .wp-block-latest-comments__comment-date { margin: 3px 0 0; } .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-excerpt, .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt { margin: 5px 0 0; } .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-excerpt p, .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p { margin: 0; padding: 0 0 20px; } .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-excerpt > *:last-child, .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt > *:last-child { margin: 0; padding: 0; } .wp-block-latest-comments.aligncenter .wp-block-latest-comments__comment-avatar { margin: 0 auto 10px; float: none; } .wp-block-latest-comments.aligncenter article { padding: 0 3px; } .wp-block-latest-comments.aligncenter .wp-block-latest-comments__comment-excerpt { text-align: center; } .wp-block-latest-posts.wp-block-latest-posts__list { list-style: none; } .comments-area .comments-title { margin-bottom: 20px; } /** === Block latest comments=== */ /** === Block columns=== */ .wp-block-columns .wp-block-column > p, .wp-block-columns .wp-block-column .wp-block-paragraph { margin-bottom: 0; } .wp-block-columns .wp-block-column > p:not(.has-background), .wp-block-columns .wp-block-column .wp-block-paragraph:not(.has-background) { padding-bottom: 0; } /** === Block columns=== */ /** === Block youtube and vimeo video=== */ /*no-align*/ .wp-block-embed-vimeo:not(.alignfull):not(.alignwide):not(.alignright):not(.alignleft) .wp-block-embed__wrapper iframe, .wp-block-embed-youtube:not(.alignfull):not(.alignwide):not(.alignright):not(.alignleft) .wp-block-embed__wrapper iframe{ margin-left: auto !important; margin-right: auto !important; } /*no-align*/ .wp-block-embed-youtube figcaption { text-align: center; } /*alignfull*/ .wp-block-embed-vimeo.alignfull .wp-block-embed__wrapper , .wp-block-embed-youtube.alignfull .wp-block-embed__wrapper { position: relative; } .wp-block-embed-vimeo.alignfull iframe , .wp-block-embed-youtube.alignfull iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100% !important; height: 100% !important; } /*alignfull*/ /*alignwide*/ .wp-block-embed-vimeo.alignwide .wp-block-embed__wrapper , .wp-block-embed-youtube.alignwide .wp-block-embed__wrapper { position: relative; } .wp-block-embed-vimeo.alignwide iframe , .wp-block-embed-youtube.alignwide iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100% !important; height: 100% !important; } /*alignwide*/ .wp-block-embed iframe { width: 100%; } /** === Block youtube and vimeo video=== */ @media only screen and ( min-width: 1025px ) { .wp-block-quote.is-large, .wp-block-quote.is-style-large{ margin-top: 2.66667em; margin-bottom: 2em; } } @media only screen and ( max-width: 480px ) { .wp-block-media-text{ display: block; } .wp-block-media-text .wp-block-media-text__media{ margin: 10px auto; } .wp-block-media-text .wp-block-media-text__content{ padding: 0; } } .bs-no-thumbnail-img { background: #dadada; } body.full-width-content.af-boxed-layout:not(.single-content-mode-boxed) .alignfull, body.full-width-content.af-boxed-layout .alignfull{ margin-left: 0; margin-right: 0; width: 100%; } body.full-width-content .alignwide{ margin-left: calc(50% - 50vw - 10px); margin-right: calc(50% - 50vw - 10px); max-width: 100vw; width: 100vw; } body.full-width-content .alignfull{ margin-left: calc(50% - 50vw - 10px); margin-right: calc(50% - 50vw - 10px); max-width: 100vw; width: 100vw; } body.full-width-content .alignwide .alignwide, body.full-width-content .alignwide .alignfull, body.full-width-content .alignfull .alignwide, body.full-width-content .alignfull .alignfull { margin-right: 0; margin-left: 0; max-width: 100%; } body.full-width-content.single-content-mode-boxed .alignfull{ margin-left: calc(50% - 550px); margin-right: calc(50% - 550px); max-width: 1100px; width: 1100px; } body.full-width-content.single-content-mode-boxed.af-boxed-layout .alignfull{ margin-left: calc(50% - 570px); margin-right: calc(50% - 570px); max-width: 1140px; width: 1140px; } body.full-width-content.single-content-mode-boxed .alignwide{ margin-left: -3.75rem; margin-right: -3.75rem; max-width: unset; width: unset; } @media screen and (max-width: 768px){ body.full-width-content.single-content-mode-boxed .alignwide { margin-left: -1.875rem; margin-right: -1.875rem; } } body.blockspare-blank-canvas.full-width-content.single-content-mode-boxed .alignwide { margin-right: auto; margin-left: auto; max-width: 1200px; } body.full-width-content:not(.single-content-mode-boxed) .alignfull{ margin-left: calc(50% - 50vw - 10px); margin-right: calc(50% - 50vw - 10px); max-width: 100vw; width: 100vw; } body.full-width-content:not(.single-content-mode-boxed) .alignfull .alignfull, body.full-width-content.single-content-mode-boxed.af-boxed-layout .alignfull .alignfull, body.full-width-content.single-content-mode-boxed .alignwide .alignwide, body.full-width-content.single-content-mode-boxed .alignwide .alignfull, body.full-width-content.single-content-mode-boxed .alignfull .alignwide, body.full-width-content.single-content-mode-boxed .alignfull .alignfull { margin-right: 0; margin-left: 0; max-width: 100%; } body.full-width-content:not(.single-content-mode-boxed) figure.wp-block-embed.is-type-wp-embed.alignfull, body.full-width-content:not(.single-content-mode-boxed) figure.wp-block-table.alignfull, body.full-width-content:not(.single-content-mode-boxed) div.wp-block-text-columns.alignfull, body.full-width-content:not(.single-content-mode-boxed) div.wp-block-columns.alignfull, body.full-width-content:not(.single-content-mode-boxed) div.wp-block-categories-dropdown.alignfull, body.full-width-content:not(.single-content-mode-boxed) div.wp-block-file.alignfull{ padding: 0 20px; } body.full-width-content:not(.single-content-mode-boxed).aft-section-layout-background figure.wp-block-embed.is-type-wp-embed.alignfull, body.full-width-content:not(.single-content-mode-boxed).aft-section-layout-background figure.wp-block-table.alignfull, body.full-width-content:not(.single-content-mode-boxed).aft-section-layout-background div.wp-block-text-columns.alignfull, body.full-width-content:not(.single-content-mode-boxed).aft-section-layout-background div.wp-block-columns.alignfull, body.full-width-content:not(.single-content-mode-boxed).aft-section-layout-background div.wp-block-categories-dropdown.alignfull, body.full-width-content:not(.single-content-mode-boxed).aft-section-layout-background div.wp-block-file.alignfull{ padding: 0; } body:not(.full-width-content):not(.single-content-mode-boxed) article .alignwide{ margin-left: auto; margin-right: auto; } body:not(.full-width-content):not(.single-content-mode-boxed).aft-section-layout-background article .alignwide{ margin-left: 0px; margin-right: 0px; width: 100%; } body:not(.full-width-content):not(.single-content-mode-boxed).aft-section-layout-background article .alignfull{ margin-left: 0px; margin-right: 0px; width: 100%; } body.full-width-content:not(.single-content-mode-boxed).aft-section-layout-background .alignfull { margin-right: 0; margin-left: 0; width: 100%; } body.full-width-content:not(.single-content-mode-boxed).aft-section-layout-none .alignwide { margin-left: -10px; margin-right: -10px; width: calc(100% + 20px); } body.single-content-mode-boxed header.entry-header{ padding-top: 20px; padding-bottom: 20px; } body.single-content-mode-boxed.aft-single-featured-title-below-image header.entry-header{ padding-bottom: 0; } body.single-content-mode-compact header.entry-header{ padding-bottom: 20px; } body.single-content-mode-boxed.align-content-left header.entry-header, body.single-content-mode-boxed.align-content-right header.entry-header{ padding-right: 3.75rem; padding-left: 3.75rem; } body.single-content-mode-boxed.aft-single-featured-full header.entry-header { padding: 0; } .aft-light-mode.aft-section-layout-background.single-content-mode-boxed.aft-single-featured-full header.entry-header, .aft-dark-mode.aft-section-layout-background.single-content-mode-boxed.aft-single-featured-full header.entry-header{ background: transparent; } body.aft-dark-mode.aft-section-layout-background.single-content-mode-boxed.page header.entry-header, body.aft-light-mode.aft-section-layout-background.single-content-mode-boxed.page header.entry-header { box-shadow: none; } body.aft-section-layout-none.single-content-mode-boxed.page header.entry-header{ padding: 0; } /* word break for link */ .wp-block-embed__wrapper { word-break: break-word; } /* word break for link */ @media (min-width: 769px){ body.single-content-mode-boxed:not(.full-width-content) .af-single-article .alignwide { margin-left: -1rem; margin-right: -1rem; max-width: unset; width: unset; } body.single-content-mode-boxed.full-width-content.aft-single-featured-boxed header.entry-header, body.single-content-mode-boxed.full-width-content.aft-single-featured-title-below-image header.entry-header, body.single-content-mode-boxed.full-width-content.aft-single-featured-title-over-image header.entry-header, body.single-content-mode-boxed.full-width-content .comments-area .comments-title, body.single-content-mode-boxed.full-width-content .comments-area .comment-list, body.single-content-mode-boxed.full-width-content article.af-single-article .comments-area .comment-respond, body.single-content-mode-boxed.full-width-content article.af-single-article .entry-content{ max-width: 670px; margin-right: auto; margin-left: auto; } body.page.single-content-mode-boxed main.site-main .entry-footer, body.page.single-content-mode-boxed main.site-main .entry-content, body.page.single-content-mode-boxed main.site-main .entry-header { padding-right: 3.75rem; padding-left: 3.75rem; } body.page.single-content-mode-boxed.full-width-content main.site-main .entry-footer, body.page.single-content-mode-boxed.full-width-content main.site-main .entry-content, body.page.single-content-mode-boxed.full-width-content main.site-main .entry-header { max-width: 670px; margin-right: auto; margin-left: auto; } body.single-content-mode-boxed:not(.full-width-content) article.af-single-article .entry-content{ padding-right: 3.75rem; padding-left: 3.75rem; } body.single-content-mode-boxed.full-width-content .comments-area .comments-title, body.single-content-mode-boxed.full-width-content .comments-area .comment-list, body.single-content-mode-boxed.full-width-content article.af-single-article .comments-area .comment-respond, body.single-content-mode-boxed article.af-single-article .entry-content{ margin: 0 auto; padding-left: 20px; padding-right: 20px; } body.single-content-mode-boxed article.af-single-article .comments-area .comment-list { margin: 0 auto; } body.single-content-mode-boxed article.af-single-article .comments-area .comments-title{ margin: 0 auto 20px; } body.single-content-mode-boxed.full-width-content div.comments-area { padding-left: 0px; padding-right: 0px; } body.full-width-content:not(.single-content-mode-boxed).aft-section-layout-none .alignwide { margin-left: -2rem; margin-right: -2rem; width: calc(100% + 4rem); } body.full-width-content:not(.single-content-mode-boxed).aft-section-layout-none .alignwide .alignwide { margin-left: 0; margin-right: 0; width: unset; } body.single-content-mode-boxed:not(.full-width-content) article.page .entry-content .alignfull, body.single-content-mode-boxed:not(.full-width-content) article.af-single-article .entry-content .alignfull{ margin-right: -3.75rem; margin-left: -3.75rem; width: unset; max-width: unset; } body.single-content-mode-boxed:not(.full-width-content) article.page .entry-content .alignwide, body.single-content-mode-boxed:not(.full-width-content) article.af-single-article .entry-content .alignwide{ margin-right: -1.875rem; margin-left: -1.875rem; } body.single-content-mode-boxed:not(.full-width-content) article.af-single-article .entry-content .alignwide .alignwide, body.single-content-mode-boxed:not(.full-width-content) article.af-single-article .entry-content .alignwide .alignfull, body.single-content-mode-boxed:not(.full-width-content) article.af-single-article .entry-content .alignfull .alignwide, body.single-content-mode-boxed:not(.full-width-content) article.af-single-article .entry-content .alignfull .alignfull, body.single-content-mode-boxed:not(.full-width-content) article.page .entry-content .alignwide .alignwide, body.single-content-mode-boxed:not(.full-width-content) article.page .entry-content .alignwide .alignfull, body.single-content-mode-boxed:not(.full-width-content) article.page .entry-content .alignfull .alignfull, body.single-content-mode-boxed:not(.full-width-content) article.page .entry-content .alignfull .alignwide{ margin-left: 0; margin-right: 0; } body.single-content-mode-boxed.full-width-content article header.entry-header .read-details { max-width: 670px; margin: auto; padding-right: 20px; padding-left: 20px; } body.single-content-mode-boxed.aft-single-featured-full header.entry-header { padding: 0; } body.single-content-mode-boxed header.entry-header .aft-social-share, body.single.single-content-mode-boxed article header.entry-header .read-details { margin-bottom: 0; } body.single-content-mode-boxed header.entry-header.social-before-title .aft-social-share { margin-bottom: 20px; } body.full-width-content.single-content-mode-boxed .af-single-article .alignwide{ margin-left: -3.75rem; margin-right: -3.75rem; max-width: unset; width: unset; } body.full-width-content:not(.single-content-mode-boxed).aft-section-layout-background .container-wrapper .alignwide, body.full-width-content:not(.single-content-mode-boxed).aft-section-layout-background .container-wrapper .alignfull { margin-right: 0; margin-left: 0; width: 100%; } } @media (max-width: 1180px) { body.full-width-content.single-content-mode-boxed.af-boxed-layout .alignfull { margin-left: calc(50% - 50vw + 20px); margin-right: calc(50% - 50vw + 20px); width: calc(100vw - 40px); } } @media (max-width: 1150px) { body.single-content-mode-boxed .af-single-article .alignfull, body.full-width-content.single-content-mode-boxed .alignfull, body.full-width-content .alignfull { margin-left: calc(50% - 50vw + 20px); margin-right: calc(50% - 50vw + 20px); width: calc(100vw - 40px); } } @media (max-width: 768px){ body.single-content-mode-compact .alignwide { max-width: 100%; margin: 0; } body.page.single-content-mode-boxed main.site-main .entry-footer, body.page.single-content-mode-boxed main.site-main .entry-content, body.page.single-content-mode-boxed main.site-main .entry-header { padding-right: 3.75rem; padding-left: 3.75rem; } body.single-content-mode-boxed.full-width-content article.af-single-article .comments-area, body.single-content-mode-boxed article.af-single-article .comments-area .comments-title, body.single-content-mode-boxed article.af-single-article .comments-area .comment-list, body.single-content-mode-boxed article.af-single-article .comments-area .comment-respond, body.single-content-mode-boxed article.af-single-article .entry-content{ margin: 0; padding-right: 3.75rem; padding-left: 3.75rem; } body.single-content-mode-boxed article.af-single-article .comments-area .comments-title { margin-bottom: 20px; } body.single-content-mode-boxed.full-width-content header.entry-header { padding-right: 3.75rem; padding-left: 3.75rem; } body.single-content-mode-boxed.full-width-content article.af-single-article .comments-area .comment-respond, body.single-content-mode-boxed article.af-single-article .comments-area { padding-left: 0; padding-right: 0; } body.single-content-mode-boxed .af-single-article .alignwide{ margin-left: -20px; margin-right: -20px; width: calc(100% + 40px); } body.single-content-mode-boxed .af-single-article .alignfull{ margin-left: -3.75rem; margin-right: -3.75rem; width: unset; } } @media (max-width: 544px){ body.single-content-mode-boxed.align-content-left header.entry-header, body.single-content-mode-boxed.align-content-right header.entry-header, body.page.single-content-mode-boxed main.site-main .entry-footer, body.page.single-content-mode-boxed main.site-main .entry-content, body.page.single-content-mode-boxed main.site-main .entry-header { padding-left: 1rem; padding-right: 1rem; } body.single-content-mode-boxed.full-width-content article.af-single-article .comments-area, body.single-content-mode-boxed.full-width-content header.entry-header, body.single-content-mode-boxed article.af-single-article .entry-content{ padding: 1rem; } body.single-content-mode-boxed article.af-single-article .comments-area .comments-title, body.single-content-mode-boxed article.af-single-article .comments-area .comment-list, body.single-content-mode-boxed article.af-single-article .comments-area .comment-respond{ padding: 0; } body.single-content-mode-boxed.aft-section-layout-background article.af-single-article .comments-area .comments-title, body.single-content-mode-boxed.aft-section-layout-background article.af-single-article .comments-area .comment-list, body.single-content-mode-boxed.aft-section-layout-background article.af-single-article .comments-area .comment-respond { padding-left: 10px; padding-right: 10px; } body.single-content-mode-boxed header.entry-header { padding: 0 20px 20px; } body.single-content-mode-boxed article.page .entry-content .alignwide, body.single-content-mode-boxed .af-single-article .alignwide{ margin-left: -10px; margin-right: -10px; max-width: unset; width: unset; } body.single-content-mode-boxed article.page .entry-content .alignfull, body.single-content-mode-boxed .af-single-article .alignfull{ margin-left: -1rem; margin-right: -1rem; max-width: unset; width: unset; } } @media screen and (max-width: 480px) { } /*-------------------------------------------------------------- ##gutenberg support --------------------------------------------------------------*/ /*footer==================*/ .above-footer-wrapper > .widget:last-child{margin-bottom: 20px;} /*footer==================*/ /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- # secondary widgets --------------------------------------------------------------*/ .aft-sidebar-wrapper{ display: flex; flex-direction: column; } .aft-sidebar-wrapper .aft-position-1{order: 1;} .aft-sidebar-wrapper .aft-position-2{order: 2;} .aft-sidebar-wrapper .aft-position-3{order: 3;} .aft-sidebar-wrapper .aft-position-4{order: 4;} /*-------------------------------------------------------------- # secondary widgets --------------------------------------------------------------*/ .header-title-wrapper{border-bottom: none;} /*-------------------------------------------------------------- # wordpress defaults --------------------------------------------------------------*/ /* =WordPress Core -------------------------------------------------------------- */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #eee; clip: auto !important; clip-path: none; color: #4a4a4a; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* =WordPress Core -------------------------------------------------------------- */ .widget .wp-block-latest-comments .wp-block-latest-comments__comment, .wp-block-group__inner-container ol li, .wp-block-group__inner-container ul li, .widget:not(.chromenews_social_contacts_widget) ul.menu >li, .widget ul ul li, .widget > ul > li { margin-bottom: 7px; padding-bottom: 7px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .aft-dark-mode .widget .wp-block-latest-comments .wp-block-latest-comments__comment, .aft-dark-mode .wp-block-group__inner-container ol li, .aft-dark-mode .wp-block-group__inner-container ul li, .aft-dark-mode .widget:not(.chromenews_social_contacts_widget) ul.menu >li, .aft-dark-mode .widget ul ul li, .aft-dark-mode .widget > ul > li { border-color: rgba(255, 255, 255, 0.15); } .wp-block-group__inner-container .bs-popular-tags-wrapper ul li, .wp-block-group__inner-container ul li.wp-block-social-link { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } body.aft-light-mode .entry-content > [class*="wp-block-"] a:not(.has-text-color).wp-block-social-link-anchor { color: inherit; } .widget > ul > li .comment-author-link, .widget:not(.chromenews_social_contacts_widget) ul.menu >li a, .widget > ul > li a{ font-weight: 400; color: #fff; transition: all 0.075s linear; } .widget ul ul.cat-links li{ border-bottom: none; } .widget .cat-links { padding: 0; margin: 0; } .widget .cat-links li { margin-bottom: 5px; padding-bottom: 0; } .widget .cat-links li:last-child { margin-bottom: 5px; } .widget ul.menu ul, .widget ul ul { padding-top: 7px; margin-left: 10px; padding-left: 10px; } .widget .wp-block-latest-comments .wp-block-latest-comments__comment:last-child, .wp-block-group__inner-container ol li:last-child, .wp-block-group__inner-container ul li:last-child, .widget ul.menu > li:last-child, .widget ul > li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .widget_categories ul li.cat-item { display: flex; flex-wrap: wrap; justify-content: space-between; } .widget_categories ul li.cat-item ul{ width: 100%; } .aft-dark-mode .home-featured-widgets { background: rgba(255,255,255,0.15); } /*-------------------------------------------------------------- # social widget for sidebar and offcanvas --------------------------------------------------------------*/ .widget .af-social-contacts .social-widget-menu ul { margin: 0 -7.5px; } .widget .af-social-contacts .social-widget-menu ul li a{ display: block; height: auto; width: 100%; } .af-social-contacts .social-widget-menu ul{ font-size: 0;} .widget .af-social-contacts .social-widget-menu ul li{ width: calc(16.66% - 15px); display: inline-block; vertical-align: top; margin-bottom: 15px; margin-right: 7.5px; margin-left: 7.5px; padding: 0; } #primary .widget .af-social-contacts .social-widget-menu ul li:nth-last-child(1), #primary .widget .af-social-contacts .social-widget-menu ul li:nth-last-child(2), #primary .widget .af-social-contacts .social-widget-menu ul li:nth-last-child(3), #primary .widget .af-social-contacts .social-widget-menu ul li:nth-last-child(4), #primary .widget .af-social-contacts .social-widget-menu ul li:nth-last-child(5), #primary .widget .af-social-contacts .social-widget-menu ul li:nth-last-child(6){ margin-bottom: 0; } .site-footer .af-social-contacts .social-widget-menu ul li, #sidr .af-social-contacts .social-widget-menu ul li, #secondary .af-social-contacts .social-widget-menu ul li{ width: calc(33.33% - 15px); } .site-footer .widget .af-social-contacts .social-widget-menu ul li:nth-last-child(1), #sidr .widget .af-social-contacts .social-widget-menu ul li:nth-last-child(1), #secondary .widget .af-social-contacts .social-widget-menu ul li:nth-last-child(1), .site-footer .widget .af-social-contacts .social-widget-menu ul li:nth-last-child(2), #sidr .widget .af-social-contacts .social-widget-menu ul li:nth-last-child(2), #secondary .widget .af-social-contacts .social-widget-menu ul li:nth-last-child(2), .site-footer .widget .af-social-contacts .social-widget-menu ul li:nth-last-child(3), #sidr .widget .af-social-contacts .social-widget-menu ul li:nth-last-child(3), #secondary .widget .af-social-contacts .social-widget-menu ul li:nth-last-child(3){ margin-bottom: 0; } .af-social-contacts .social-widget-menu ul li a{ padding: 15px 10px; color: #fff; font-weight: normal; } .af-social-contacts .social-widget-menu ul li a:before { display: block; width: 25px; text-align: center; color: #fff; margin: auto; } .af-social-contacts .social-widget-menu .screen-reader-text{ clip: inherit; clip-path: inherit; height: auto; width: auto; margin: 0; position: relative !important; overflow: visible; color: #fff; top: inherit; font-size: 12px; margin: 0 auto;; } /*-------------------------------------------------------------- # social widget for sidebar and offcanvas --------------------------------------------------------------*/ /*----------===tag cloud===---------*/ .tagcloud { line-height: 1; } .tagcloud a:hover { color: #bb1919; opacity: 1; } .wp-block-tag-cloud a, .tagcloud a { display: inline-block; padding: 7.5px 10px; border: 1px solid; line-height: 1; font-size: 16px !important; margin-right: 5px; color: #fff; margin-top: 5px; margin-bottom: 5px; text-decoration: none !important; } body.aft-light-mode .wp-block-tag-cloud a, body.aft-light-mode .tagcloud a { color: #4a4a4a; } body.aft-light-mode .site-footer .wp-block-tag-cloud a, body.aft-light-mode .site-footer .tagcloud a { color: #fff; } body.aft-dark-mode .entry-content .wp-block-tag-cloud a, body.aft-dark-mode .entry-content .tagcloud a { border-color: #fff; } body.aft-light-mode .entry-content .wp-block-tag-cloud a, body.aft-light-mode .entry-content .tagcloud a { border-color: #4a4a4a; } body.aft-dark-mode .entry-content .wp-block-tag-cloud a:hover, body.aft-dark-mode .entry-content .tagcloud a:hover, body.aft-light-mode .entry-content .wp-block-tag-cloud a:hover, body.aft-light-mode .entry-content .tagcloud a:hover { border-color: #ffcc00; } .tagcloud a:hover, .wp-block-tag-cloud a:hover { border-color: #ffcc00; } /*----------===tag cloud===---------*/ /*----------===calendar===---------*/ #wp-calendar caption { text-align: right; color: #fff; font-size: 14px; font-weight: bold; letter-spacing: 1px; } #wp-calendar thead { font-size: 16px; } #wp-calendar thead th { padding-bottom: 10px; text-align: center; border-color: rgba(200,200,200,.5); background: transparent; } #wp-calendar tbody { color: #aaa; } #wp-calendar tfoot td, #wp-calendar tbody td { border: 1px solid rgba(200,200,200,.5); text-align: center; padding: 8px; font-size: 16px; } #wp-calendar tfoot #prev { font-size: 12px; text-transform: uppercase; padding-top: 15px; } #wp-calendar tfoot #next { font-size: 11px; text-transform: uppercase; text-align: right; } #wp-calendar tbody td#today { background-color: #ffcc00; color: #000; } #wp-calendar tbody td#today a { color: #000; } /*darkmode calendar*/ .aft-dark-mode #wp-calendar caption { color: #777; } .aft-dark-mode #wp-calendar thead{ color: #eee; } .aft-dark-mode #wp-calendar tbody { color: #aaa; } .aft-dark-mode #wp-calendar tfoot td, .aft-dark-mode #wp-calendar tbody td { background: #222; border-color: #000; } #wp-calendar tbody td a, .wp-calendar-nav a { text-decoration: none; border-bottom: 1px solid #ffcc00; } #wp-calendar tbody td a:hover, .wp-calendar-nav a:hover { border-bottom: none; } .widget_calendar nav.wp-calendar-nav { display: flex; justify-content: space-between; } /*darkmode calendar*/ /*----------===calendar===---------*/ /*breadcrumb---------*/ .af-breadcrumbs { padding: 15px 20px; } body.aft-single-full-header .af-breadcrumbs { padding-bottom: 15px; } ul.trail-items { font-size: 13px; } ul.trail-items li { display: inline-block; margin-right: 5px; } ul.trail-items li a{ font-size: 13px; color: #fff; } ul.trail-items li a:hover{ opacity: 1; color: #ffcc00; } ul.trail-items li:after { content: ' / '; padding: 0 2px; font-size: 13px; } ul.trail-items li:last-child:after { display: none; } /*breadcrumb---------*/ /*navigation posts navigation====================*/ .nav-links a { color: #000; font-weight: 700; transition: all 0.075s ease; display: block; } .nav-links .next-post-thumb, .nav-links .prev-post-thumb { display: inline-block; width: 30%; border-radius: 50%; } .post-navigation{ overflow: visible; padding: 10px 0 0; } .thump-wrap { line-height: 100px; text-align: center; overflow: hidden; position: relative; display: inline-block; width: 100px; height: 100px; border-radius: 50%; } .nav-links .next-post-thumb{ float: right; } .next-post-info, .prev-post-info, .nav-links .prev-post-thumb { float: left; } .nav-links .nav-next:hover .thump-wrap:after, .nav-links .nav-previous:hover .thump-wrap:after { visibility: visible; } .nav-links .prev-post-thumb .thump-wrap:after, .nav-links .next-post-thumb .thump-wrap:after{ position: absolute; height: 100%; width: 100%; color: #fff; background: rgba(0,0,0,0.5); top: 0; left: 0; visibility: hidden; } .nav-links .next-post-thumb .thump-wrap:after{content: "\f101";} .nav-links .prev-post-thumb .thump-wrap:after{content: "\f100";} .prev-post-info, .next-post-info { width: 70%; margin-top: 20px; padding: 0 10px; } span.meta-nav { display: block; font-weight: normal; } .navigation.post-navigation:after, .navigation.post-navigation:after{ content: ""; display: table; } .navigation.post-navigation:after{ clear: both; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } .post-navigation .em-post-navigation{ display: block; opacity: 0.75; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } .nav-previous a, .nav-next a{ display: flex; flex-wrap: wrap; align-items: center; } .post-navigation span.meta-nav { width: 100%; margin-bottom: 10px; } .post-navigation .nav-links h4 { margin: 0; } .nav-previous a{ flex-direction: row-reverse; } .nav-previous img, .nav-next img{ width: 80px; height: 80px; object-fit: cover; } .nav-previous h4 , .nav-next h4 { width: calc(100% - 100px); font-size: 16px; } .nav-previous span.post-image{ margin: 0 20px 0 0; } .nav-next span.post-image { margin: 0 0 0 20px; } .nav-next img.wp-post-image, .nav-previous img.wp-post-image{ margin: 0; } .post-navigation span.post-image { height: 80px; width: 80px; background:rgba(0, 0, 0,0.25); } .aft-dark-mode .post-navigation span.post-image { background: rgba(255, 255, 255, 0.25); } /*navigation posts navigation====================*/ /*mail chimp====================*/ .widget_mc4wp_form_widget .mc4wp-form-fields label { font-size: 0; display: block; margin-bottom: 0; } .widget_mc4wp_form_widget input { background: #fafafa; width: 100%; line-height: 38px; padding: 10px 30px; color: #8a8a8a; font-size: 14px; min-height: 38px; } footer .widget_mc4wp_form_widget input, #sidr .widget_mc4wp_form_widget input, #secondary .widget_mc4wp_form_widget input { line-height: 24px; } footer .widget_mc4wp_form_widget input:not([type="submit"]), #sidr .widget_mc4wp_form_widget input:not([type="submit"]), #secondary .widget_mc4wp_form_widget input:not([type="submit"]) { padding-left: 15px; } .widget_mc4wp_form_widget p { margin-bottom: 0; } .widget_mc4wp_form_widget input[type=submit] { border: 0; margin: 0; color: #fff; padding: 14px 10px; background-color: #ffcc00; border-radius: 0px; text-transform: uppercase; -webkit-transition: all 0.075s ease; transition: all 0.075s ease; } footer .widget_mc4wp_form_widget input, #sidr .widget_mc4wp_form_widget input, #secondary .widget_mc4wp_form_widget input { line-height: 24px; } footer .widget_mc4wp_form_widget input[type=submit], #sidr .widget_mc4wp_form_widget input[type=submit], #secondary .widget_mc4wp_form_widget input[type=submit] { padding: 0; } /*mail chimp====================*/ /*-------------------------------------------------------------- # wordpress defaults --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ /*comments section====*/ h2.comments-title { font-size: 20px; margin: 0 0 10px 0; } .comment { list-style: none; margin-left: 0; padding-bottom: 13px; border-bottom: 1px dashed #ccc; margin-bottom: 21px; } .comment .children { margin-left: 70px; padding-top: 16px; border-top: 1px dashed #ccc; margin-top: 13px; } .aft-dark-mode .comment, .aft-dark-mode .comment .children { border-color: #888; } .comment .children .comment:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .comment-author img { float: left; margin-right: 20px; margin-bottom: 20px; width: 50px; } .reply, .comment div#respond, .comment-content { margin-left: 70px; } .wp-block-comment-content, .comment-content { margin-top: 5px; } .comment-content p{ margin-bottom: 5px; } .comment-author b.fn a, a.comment-reply-link, .comment-metadata a { font-size: 12px; } .comment .wp-block-columns { gap: 1em; } span.says { display: none; } .comment-author{ line-height: 1; } span.edit-link { margin-left: 5px; } /*comments section====*/ /*comments reply form section====*/ div#respond h3#reply-title { margin-top: 0; font-weight: 700; font-size: 20px; } div#respond p{ margin-bottom: 10px; } div#respond p.comment-form-cookies-consent::after { content: ""; clear: both; display: block; } div#respond p.form-submit{ margin-bottom: 0px; } div#respond label { font-weight: normal; } div#respond textarea { width: 100%; padding: 15px; } div#respond input { padding: 0 15px; } p.comment-form-url, p.comment-form-email, p.comment-form-author { display: inline-block; width: 100%; } p.comment-form-url label, p.comment-form-email label, p.comment-form-author label { display: block; } p.comment-form-url input, p.comment-form-email input, p.comment-form-author input { width: 100%; } p.comment-form-cookies-consent input { height: auto; float: left; margin-top: 5px; } p.comment-form-cookies-consent label { padding-left: 8px; position: relative; top: -1px; float: left; width: 95%; } div#respond input[type="submit"]{ display: inline-block; padding: 5px 12px; } #reply-title small a { display: inline-block; margin-left: 10px; } .comment-subscription-form input{ height: 13px; } /*comments reply form section====*/ .widget_media_image img { width: 100%; } .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ /*-------------------------------------------------------------- ##Back to top --------------------------------------------------------------*/ #scroll-up { position: fixed; z-index: 8000; bottom: 45px; right: 20px; display: none; width: 50px; height: 50px; color: #202020; font-size: 28px; line-height: 50px; text-align: center; text-decoration: none; background-color: #ffcc00 ; cursor: pointer; opacity: 1 !important; } #scroll-up.left { right: unset; left: 20px; } #scroll-up::before { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-bottom: 10px solid #202020; border-right: 10px solid transparent; border-left: 10px solid transparent; border-radius: 6px; } #scroll-up::after { content: ""; position: absolute; left: 50%; top: 55%; transform: translate(-50%, -50%); border-bottom: 10px solid #ffcc00; border-right: 10px solid transparent; border-left: 10px solid transparent; } /*-------------------------------------------------------------- ##Back to top --------------------------------------------------------------*/ /*-------------------------------------------------------------- # custom background --------------------------------------------------------------*/ body.custom-background.af-wide-layout{ z-index: 0; position: relative; } /*-------------------------------------------------------------- # off canvas close button --------------------------------------------------------------*/ #sidr { padding-top: 60px; } a.sidr-class-sidr-button-close { position: absolute; right: 15px; top: 15px; height: 30px; width: 30px; line-height: 30px; background-color: #ffcc00; } a.sidr-class-sidr-button-close:focus { outline: 1px dotted #fff; } a.sidr-class-sidr-button-close::before { content: ""; } a.sidr-class-sidr-button-close::before, a.sidr-class-sidr-button-close::after { position: absolute; content: ''; width: 20px; height: 2px; left: 5px; top: 6px; background-color: #fff; -webkit-transition: all .075s ease-in-out; transition: all .075s ease-in-out; } a.sidr-class-sidr-button-close:before { -webkit-transform: translateY(8px) rotateZ(-45deg); transform: translateY(8px) rotateZ(-45deg); } a.sidr-class-sidr-button-close:after { top: 22px; -webkit-transform: translateY(-8px) rotateZ(45deg); transform: translateY(-8px) rotateZ(45deg); } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .chromenews-pagination, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /* Make sure logo link wraps around logo image. */ .custom-logo-link { display: inline-block; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery-caption { display: block; background: #000; background: rgba(0, 0, 0, .75); color: #fff; font-size: 85%; line-height: 1.3; position: absolute; bottom: 0; left: 5px; right: 5px; padding: 15px; text-align: left; } .gallery:after {content:"";display:table;clear:both;} img.aligncenter, div.aligncenter, img.wp-post-image { display:block; margin:1em auto; } figure.aligncenter{margin: 1em auto} .post-thumbnail img.wp-post-image { margin: 0; } .single-content-mode-boxed .post-thumbnail img.wp-post-image { margin: auto; } img.alignright, div.alignright, figure.alignright {float:right; margin:1em 0 1em 2em;} img.alignleft, div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb {float:left; margin:1em 1em 2em 0;} figure.gallery-item {max-width: 100%; height: auto; margin:1em 0;} p img.alignright, p img.alignleft {margin-top:0;} .gallery figure img {max-width:100%; height:auto; margin:0 auto; display:block;width: 100%;} .gallery figure {float:left; margin:0 2% 1em 0;margin-bottom: 10px;} .gallery.gallery-columns-1 figure {width:100%; margin:0 0 1em 0; float:none;} .gallery.gallery-columns-3 figure {width:32%;} .gallery.gallery-columns-3 figure:nth-of-type(3n+3) {margin-right:0;} .gallery.gallery-columns-3 figure:nth-of-type(3n+4) {clear:left;} .gallery.gallery-columns-2 figure {width:49%;} .gallery.gallery-columns-2 figure:nth-of-type(even) {margin-right:0;} .gallery.gallery-columns-2 figure:nth-of-type(odd) {clear:left;} .gallery.gallery-columns-4 figure {width:23.25%;} .gallery.gallery-columns-4 figure:nth-of-type(4n+4) {margin-right:0;} .gallery.gallery-columns-4 figure:nth-of-type(4n+5) {clear:left;} .gallery.gallery-columns-5 figure {width:18%;} .gallery.gallery-columns-5 figure:nth-of-type(5n+5) {margin-right:0;} .gallery.gallery-columns-5 figure:nth-of-type(5n+6) {clear:left;} .gallery.gallery-columns-6 figure {width:14.2%;} .gallery.gallery-columns-6 figure:nth-of-type(6n+6) {margin-right:0;} .gallery.gallery-columns-6 figure:nth-of-type(6n+7) {clear:left;} .gallery.gallery-columns-7 figure {width:12%;} .gallery.gallery-columns-7 figure:nth-of-type(7n+7) {margin-right:0;} .gallery.gallery-columns-7 figure:nth-of-type(7n+8) {clear:left;} .gallery.gallery-columns-8 figure {width:10.2%;} .gallery.gallery-columns-8 figure:nth-of-type(8n+8) {margin-right:0;} .gallery.gallery-columns-8 figure:nth-of-type(8n+9) {clear:left;} .gallery.gallery-columns-9 figure {width:8.85%;} .gallery.gallery-columns-9 figure:nth-of-type(9n+9) {margin-right:0;} .gallery.gallery-columns-9 figure:nth-of-type(9n+10) {clear:left;} @media (max-width:767px) { img.alignright, div.alignright, img.alignleft, div.alignleft, img.wp-post-image.attachment-thumb {display:block; margin:1em auto; float:none;} figure.alignright, figure.alignleft {margin:1em auto; float:none;} .gallery.gallery-columns-4 figure, .gallery.gallery-columns-5 figure, .gallery.gallery-columns-6 figure, .gallery.gallery-columns-7 figure, .gallery.gallery-columns-8 figure, .gallery.gallery-columns-9 figure {width:100%; margin:0 0 1em 0; float:none;} } /*-------------------------------------------------------------- # bootstrap overwrite --------------------------------------------------------------*/ html { font-size: 100% !important; } body .nav>li>a{ padding: 13px 0; } body .nav>li>a:focus, body .nav>li>a:hover { background-color: transparent; } body .pagination { margin: 0 0 20px 0; } /*-------------------------------------------------------------- # bootstrap overwrite --------------------------------------------------------------*/ /*-------------------------------------------------------------- # css refinement --------------------------------------------------------------*/ .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { padding: 0; border: none; } body .entry-content .wp-block-group__inner-container > ul[class*="wp-block-"] > li, body .entry-content .wp-block-group__inner-container > ol[class*="wp-block-"] > li { border-bottom-color: rgba(0, 0, 0, 0.1); } body.aft-dark-mode .entry-content .wp-block-group__inner-container > ul[class*="wp-block-"] > li, body.aft-dark-mode .entry-content .wp-block-group__inner-container > ol[class*="wp-block-"] > li { border-bottom-color: rgba(255, 255, 255, 0.15); } .post-description a:not(.aft-readmore), .chromenews-widget .textwidget a, .chromenews-widget.widget_text a { border-bottom: 1px solid #ffcc00; } .entry-content > [class*="wp-block-blockspare"] a:not(.has-text-color) , .entry-content > [class*="wp-block-"] [class*="wp-block-blockspare"] a:not(.has-text-color) { border-color: unset; } .post-description a:not(.aft-readmore):hover, .chromenews-widget .textwidget a:hover, .chromenews-widget.widget_text a:hover { border-bottom: none; } .wp-block-search .wp-block-search__button { border: none; margin: 0; font-size: 13px; width: 25%; } .wp-block-search .wp-block-search__button.has-icon { width: unset; } .wp-block-search .wp-block-search__input { border: 1px solid rgba(0,0,0,.15); padding: 0 14px; font-size: 16px; } .wp-block-search__inside-wrapper { width: 100% !important; } .aft-dark-mode .wp-block-search .wp-block-search__input { border: none; } .af-main-banner-tabbed-posts.aft-posts-tabs-panel { overflow: hidden; } .af-main-banner-tabbed-posts.aft-posts-tabs-panel .slick-list { margin-bottom: -20px; } .tab-content>.tab-pane { height: 444px; overflow: hidden; } .af-double-column.list-style { width: 100%; } .aft-trending-posts.list-part.read-single .read-single { margin-bottom: 0; } /* slick css overwrite */ .af-widget-carousel .slick-item { display: block !important; } #primary ul.article-item.article-list-item.article-tabbed-list li.aft-trending-posts.list-part.af-sec-post { width: calc(100% - 7.5px); margin-bottom: 0; } #primary .tab-content>.tab-pane { height: unset; } #primary .tab-content>.tab-pane span.slick-item { display: block !important; } /*-------------------------------------------------------------- # css refinement --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/ footer.site-footer { background-color: #222; } .aft-light-mode .site-footer h4.af-author-display-name { color: #fff; } footer.site-footer .primary-footer{ padding-top: 20px; } .footer-navigation .menu li{ display: inline-block; margin-right: 10px; } .secondary-footer { padding: 10px 0; position: relative; } .secondary-footer:before { position: absolute; content: ''; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0,0,0,0.75); } footer .secondary-footer a { color: #fff; } .secondary-footer > div{position: relative;} .site-info { text-align: center; padding: 10px 0; background-color: #000; } .site-info .af-container-row { margin: 0; } .site-info a { color: #fff; } .secondary-footer .af-flex-container{ align-items: center; } .secondary-footer .af-flex-container .col-1 ul{ text-align: center; } .primary-footer-area:first-child:nth-last-child(1) { width: 100%; } /* two items */ .primary-footer-area:first-child:nth-last-child(2), .primary-footer-area:first-child:nth-last-child(2) ~ .primary-footer-area { width: 50%; } /* three items */ .primary-footer-area:first-child:nth-last-child(3), .primary-footer-area:first-child:nth-last-child(3) ~ .primary-footer-area { width: 33.3333%; } body.aft-dark-mode .aft-readmore-wrapper a.aft-readmore{ border: 1px solid rgba(255,255,255,0.3); color: #fff; } .grid-design-texts-over-image .aft-readmore-wrapper a.aft-readmore { border-color: rgba(255,255,255,0.5); color: #fff; } /*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Footer Widgets --------------------------------------------------------------*/ /* one items */ .primary-footer-area:first-child:nth-last-child(1) .chromenews_posts_double_columns_widget .af-widget-body .af-sec-post .read-img.read-bg-img { height: 390px; } /* one items */ /* two items */ body .primary-footer-area:first-child:nth-last-child(2) .chromenews_posts_lists_widget .af-double-column.list-style.col-3, body .primary-footer-area:first-child:nth-last-child(2) ~ .primary-footer-area .chromenews_posts_lists_widget .af-double-column.list-style.col-3{ width: 100%; } body .primary-footer-area:first-child:nth-last-child(2) .chromenews_featured_posts_widget .col-4.pad, body .primary-footer-area:first-child:nth-last-child(2) ~ .primary-footer-area .chromenews_featured_posts_widget .col-4.pad{ width: 50%; } body .primary-footer-area:first-child:nth-last-child(2) .chromenews_express_posts_list_widget .col-2.af-sec-post, body .primary-footer-area:first-child:nth-last-child(2) ~ .primary-footer-area .chromenews_express_posts_list_widget .col-2.af-sec-post{ width: 100%; } body .primary-footer-area:first-child:nth-last-child(2) .chromenews_posts_slider_widget .read-single .read-img.read-bg-img, body .primary-footer-area:first-child:nth-last-child(2) ~ .primary-footer-area .chromenews_posts_slider_widget .read-single .read-img.read-bg-img { height: 430px; } body .primary-footer-area:first-child:nth-last-child(2) .chromenews_express_posts_grid_widget .af-express-grid-wrap, body .primary-footer-area:first-child:nth-last-child(2) ~ .primary-footer-area .chromenews_express_posts_grid_widget .af-express-grid-wrap { grid-template-columns: repeat(2, 1fr); } /* three items */ body .primary-footer-area:first-child:nth-last-child(3) .chromenews_posts_lists_widget .af-double-column.list-style.col-3, body .primary-footer-area:first-child:nth-last-child(3) ~ .primary-footer-area .chromenews_posts_lists_widget .af-double-column.list-style.col-3{ width: 100%; } body .primary-footer-area:first-child:nth-last-child(3) .chromenews_express_posts_list_widget .col-2.af-sec-post, body .primary-footer-area:first-child:nth-last-child(3) ~ .primary-footer-area .chromenews_express_posts_list_widget .col-2.af-sec-post{ width: 100%; } body .primary-footer-area:first-child:nth-last-child(3) .chromenews_express_posts_list_widget .featured-post-items-wrap .af-sec-post:not(.list-part) .read-details, body .primary-footer-area:first-child:nth-last-child(3) ~ .primary-footer-area .chromenews_express_posts_list_widget .featured-post-items-wrap .af-sec-post:not(.list-part) .read-details{ min-height: 0; } body .primary-footer-area:first-child:nth-last-child(3) .chromenews_featured_posts_widget .col-4.pad, body .primary-footer-area:first-child:nth-last-child(3) ~ .primary-footer-area .chromenews_featured_posts_widget .col-4.pad{ width: 100%; } body .primary-footer-area:first-child:nth-last-child(3) .chromenews_posts_slider_widget .read-single .read-img.read-bg-img, body .primary-footer-area:first-child:nth-last-child(3) ~ .primary-footer-area .chromenews_posts_slider_widget .read-single .read-img.read-bg-img { height: 230px; } body .primary-footer-area:first-child:nth-last-child(3) .chromenews_posts_slider_widget .read-single .read-details .read-title h4, body .primary-footer-area:first-child:nth-last-child(3) ~ .primary-footer-area .chromenews_posts_slider_widget .read-single .read-details .read-title h4 { font-size: 18px; } body .primary-footer-area:first-child:nth-last-child(3) .chromenews_youtube_video_widget .col-2.secondary-video, body .primary-footer-area:first-child:nth-last-child(3) ~ .primary-footer-area .chromenews_youtube_video_widget .col-2.primary-video { width: 100%; } body.full-width-content .primary-footer-area:first-child:nth-last-child(3) .chromenews_youtube_video_widget .primary-video iframe.af-yt-video-item, body.full-width-content .primary-footer-area:first-child:nth-last-child(3) ~ .primary-footer-area .chromenews_youtube_video_widget .secondary-video iframe.af-yt-video-item, body:not(.full-width-content) .primary-footer-area:first-child:nth-last-child(3) .chromenews_youtube_video_widget .primary-video iframe.af-yt-video-item, body:not(.full-width-content) .primary-footer-area:first-child:nth-last-child(3) ~ .primary-footer-area .chromenews_youtube_video_widget .secondary-video iframe.af-yt-video-item{ height: 255px; width: 100%; } body .primary-footer-area:first-child:nth-last-child(3) .chromenews_express_posts_grid_widget .af-express-grid-wrap, body .primary-footer-area:first-child:nth-last-child(3) ~ .primary-footer-area .chromenews_express_posts_grid_widget .af-express-grid-wrap { grid-template-columns: repeat(1, 1fr); } body .primary-footer-area:first-child:nth-last-child(3) .chromenews_express_posts_grid_widget .af-express-grid-wrap .read-single:first-child, body .primary-footer-area:first-child:nth-last-child(3) ~ .primary-footer-area .chromenews_express_posts_grid_widget .af-express-grid-wrap .read-single:first-child { grid-column-end: span 1; grid-row-end: span 1; } body .primary-footer-area:first-child:nth-last-child(3) .chromenews_express_posts_grid_widget .af-express-grid-wrap .read-single, body .primary-footer-area:first-child:nth-last-child(3) ~ .primary-footer-area .chromenews_express_posts_grid_widget .af-express-grid-wrap .read-single { min-height: 215px; } body .primary-footer-area:first-child:nth-last-child(3) .chromenews_posts_double_columns_widget .col-2.af-sec-post, body .primary-footer-area:first-child:nth-last-child(3) ~ .primary-footer-area .chromenews_posts_double_columns_widget .col-2.af-sec-post{ width: 100%; } /*-------------------------------------------------------------- # Footer Widgets --------------------------------------------------------------*/ /*-------------------------------------------------------------- ##youtube widget --------------------------------------------------------------*/ .chromenews_youtube_video_widget .af-youtube-slider .vid-container.af-video-wrap { text-align: center; cursor: pointer; } .chromenews_youtube_video_widget .af-youtube-slider .vid-container.af-video-wrap img { height: 380px; display: inline-block; width: 100%; object-fit: cover; } .chromenews_youtube_video_widget span.vid-thumb img { height: 100px; } .chromenews_youtube_video_widget .af-youtube-slider-thumbnail { margin-top: 20px; overflow: hidden; } .site-footer .chromenews_youtube_video_widget .af-youtube-slider-thumbnail , #sidr .chromenews_youtube_video_widget .af-youtube-slider-thumbnail , #secondary .chromenews_youtube_video_widget .af-youtube-slider-thumbnail { display: none; } .site-footer iframe.af-hide-iframe, .site-footer .chromenews_youtube_video_widget .af-youtube-slider .vid-container.af-video-wrap img, #sidr iframe.af-hide-iframe, #sidr .chromenews_youtube_video_widget .af-youtube-slider .vid-container.af-video-wrap img, #secondary iframe.af-hide-iframe, #secondary .chromenews_youtube_video_widget .af-youtube-slider .vid-container.af-video-wrap img { height: 200px; } .chromenews_youtube_video_widget .af-youtube-slider-thumbnail .slick-list { margin: 0 -10px; } .chromenews_youtube_video_widget .af-youtube-slider-thumbnail .slick-slide { margin: 0 10px; } .chromenews_youtube_video_widget .af-youtube-slider-thumbnail .slick-slide.slick-current { position: relative; } .chromenews_youtube_video_widget .af-youtube-slider-thumbnail .slick-slide.slick-current::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 2px solid #ffcc00; transition: all ease-in .3s; } .chromenews_youtube_video_widget .af-youtube-slider-thumbnail .slick-item { display: block !important; } /*-------------------------------------------------------------- ##youtube widget --------------------------------------------------------------*/ /*-------------------------------------------------------------- ##plugin --------------------------------------------------------------*/ a.blocksapre-search-icon { display: none; } .wp-post-author-shortcode{ border-color: rgba(0, 0, 0, 0.1); margin: 10px 0; } p.awpa-website a { color: #808080; transition: all 0.075s ease-out; } p.awpa-website a:hover {color: #ffcc00 ;} .aft-dark-mode .wp_post_author_widget ul.awpa-contact-info.none li.awpa-twitter-li a, .aft-dark-mode .entry-content .wp-post-author ul.awpa-contact-info.none li.awpa-twitter-li a, .aft-dark-mode .wp_post_author_widget ul.awpa-contact-info li a, .aft-dark-mode .wp-post-author-meta .wp-post-author-meta-more-posts a, .aft-dark-mode .wp_post_author_widget .awpa-display-name a { color: #fff; } p.awpa-more-posts a { border: 1px solid rgba(0, 0, 0, 0.1); padding: 5px 15px; display: inline-block; color: #808080; transition: all 0.075s ease-out; } p.awpa-more-posts a { border-color: rgba(255,255,255,.3); } .aft-light-mode p.awpa-more-posts a { border-color: rgba(0, 0, 0, .1); } .aft-light-mode p.awpa-more-posts a:hover, .aft-dark-mode .wp-post-author-meta .wp-post-author-meta-more-posts a:hover, p.awpa-more-posts a:hover {border-color: #ffcc00 ;} .wp-post-author-wrap .awpa-contact-info {padding: 0;} .wp-post-author-wrap .awpa-contact-info li {display: inline-block;padding: 0;} .wp_post_author_widget .wp-post-author-wrap.left .awpa-contact-info li { padding: 10px 5px 0 0; } .wp_post_author_widget .wp-post-author-wrap.right .awpa-contact-info li { padding: 10px 0 0 5px; } .wp_post_author_widget .wp-post-author-wrap.center .awpa-contact-info li { padding: 10px 3px 0px; } ul.awpa-contact-info li a { color: #fff; width: 30px; text-align: center; line-height: 30px; height: 30px; margin: 0; display: inline-block; } ul.awpa-contact-info li a[href*="facebook.com"]{ background-color: #3b5999; } ul.awpa-contact-info li a[href*="linkedin.com"]{ background-color: #0077B5; } ul.awpa-contact-info li a[href*="twitter.com"]{ background-color: #55acee; } .aft-dark-mode .wp-post-author-meta .wp-post-author-meta-more-posts a { border-color: rgba(150, 150, 150, 0.25); } .entry-content .wp-post-author-wrap ul.awpa-contact-info li a { border: none; } .awpa-review-field .right-star .awpa-rating-button { border-radius: 0; } /* Frontend Post Submission */ .fpsml-front-form{ border: 1px solid rgb(0 0 0 / 5%); box-shadow: 1px 2px 6px 0 rgb(0 0 0 / 10%); } .fpsml-front-form .fpsml-has-submit-btn .fpsml-field input[type="submit"] { height: unset; } .aft-dark-mode .fpsml-front-form { background-color: #000; } .aft-dark-mode .fpsml-template-3 .fpsml-field-wrap:nth-child(odd){ background-color: #222; } .aft-dark-mode .fpsml-front-form.fpsml-template-5, .aft-dark-mode .fpsml-front-form.fpsml-template-2 { background-color: #383838; } .aft-dark-mode .fpsml-front-form input[type="text"], .aft-dark-mode .fpsml-front-form input[type="email"], .aft-dark-mode .fpsml-front-form input[type="number"], .aft-dark-mode .fpsml-front-form input[type="tel"], .aft-dark-mode .fpsml-front-form input[type="url"], .aft-dark-mode .fpsml-front-form textarea { background-color: rgba(255,255,255,.1); } .aft-dark-mode .fpsml-checkbox label:before { background-color: rgb(255 255 255 / 18%); color: rgb(255 255 255 / 20%); } .aft-dark-mode .fpsml-template-2 .qq-upload-button { background-color: rgb(255 255 255 / 20%); } .aft-dark-mode .fpsml-template-4 .qq-upload-button { background-color: rgb(255 255 255 / 20%); color: rgb(255 255 255 / 48); } .aft-dark-mode .fpsml-front-form .fpsml-field input[type="submit"]:hover, .aft-dark-mode .fpsml-front-form .qq-upload-button:hover { background-color: rgb(255 255 255 / 50%); } .fpsml-front-form.fpsml-template-1 .fpsml-field input[type="submit"], .fpsml-front-form.fpsml-template-2 .fpsml-field input[type="submit"], .fpsml-front-form.fpsml-template-3 .fpsml-field input[type="submit"], .fpsml-front-form.fpsml-template-4 .fpsml-field input[type="submit"], .fpsml-front-form.fpsml-template-5 .fpsml-field input[type="submit"], .fpsml-front-form.fpsml-template-1 .qq-upload-button, .fpsml-front-form.fpsml-template-2 .qq-upload-button, .fpsml-front-form.fpsml-template-3 .qq-upload-button, .fpsml-front-form.fpsml-template-4 .qq-upload-button, .fpsml-front-form.fpsml-template-5 .qq-upload-button { background-color: #ffc934; color: #202020; } .fpsml-front-form.fpsml-template-1 .fpsml-field input[type="submit"]:hover, .fpsml-front-form.fpsml-template-2 .fpsml-field input[type="submit"]:hover, .fpsml-front-form.fpsml-template-3 .fpsml-field input[type="submit"]:hover, .fpsml-front-form.fpsml-template-4 .fpsml-field input[type="submit"]:hover, .fpsml-front-form.fpsml-template-5 .fpsml-field input[type="submit"]:hover{ color: #fff; } /*-------------------------------------------------------------- ##plugin --------------------------------------------------------------*/ /*-------------------------------------------------------------- ##secondary section --------------------------------------------------------------*/ #sidr .header-after1, #sidr .widget-title, footer .header-after1, footer .widget-title, #secondary .header-after1, #secondary .widget-title { position: relative; } #secondary .archive-list-post .read-title h4, #sidr .archive-list-post .read-title h4, footer .archive-list-post .read-title h4{ font-size: 20px; } /*-------------------------------------------------------------- ##secondary section --------------------------------------------------------------*/ /*-------------------------------------------------------------- # post image hover zoom --------------------------------------------------------------*/ .read-img a + img { transition: all ease-in-out .3s; transform: scale(1); transform-origin: center; } .read-img:hover a + img { transform: scale(1.05); } /*-------------------------------------------------------------- ##color options --------------------------------------------------------------*/ .aft-dark-mode .home-featured-widgets, .aft-dark-mode .aft-frontpage-feature-section-wrapper section.chromenews-customizer{ background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } /* mode switch button */ #aft-dark-light-mode-wrap a { display: block; height: 20px; width: 40px; border-radius: 20px; background: rgba(0, 0, 0, 0.75); position: relative; transition: .25s; font-size: 0; } #aft-dark-light-mode-wrap a span { height: 16px; width: 16px; border-radius: 50%; background-color: #fff; position: absolute; left: 2px; top: 50%; transform: translateY(-50%); transition: all ease-in-out .3s; } #aft-dark-light-mode-wrap a.aft-dark-mode span { left: 24px; } #aft-dark-light-mode-wrap a.aft-dark-mode span::after{ background-repeat: no-repeat; background-size: 12px 12px; content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 12px; line-height: 1; color: #111; transition: all ease-in-out .3s; opacity: 1; visibility: visible; height: 12px; width: 12px; } #aft-dark-light-mode-wrap a.aft-dark-mode span::after{ height: 10px; width: 10px; background-size: 10px 10px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-moon' viewBox='0 0 16 16'%3E%3Cpath d='M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278zM4.858 1.311A7.269 7.269 0 0 0 1.025 7.71c0 4.02 3.279 7.276 7.319 7.276a7.316 7.316 0 0 0 5.205-2.162c-.337.042-.68.063-1.029.063-4.61 0-8.343-3.714-8.343-8.29 0-1.167.242-2.278.681-3.286z'/%3E%3C/svg%3E"); } #aft-dark-light-mode-wrap a.aft-light-mode span::after{ height: 12px; width: 12px; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 1; visibility: visible; color: #111; transition: all ease-in-out .3s; background-size: 12px 12px; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%23000000' d='M9.5 14.993c-2.477 0-4.493-2.015-4.493-4.493s2.015-4.493 4.493-4.493 4.493 2.015 4.493 4.493-2.015 4.493-4.493 4.493zM9.5 7.007c-1.926 0-3.493 1.567-3.493 3.493s1.567 3.493 3.493 3.493 3.493-1.567 3.493-3.493-1.567-3.493-3.493-3.493z'%3E%3C/path%3E%3Cpath fill='%23000000' d='M9.5 5c-0.276 0-0.5-0.224-0.5-0.5v-3c0-0.276 0.224-0.5 0.5-0.5s0.5 0.224 0.5 0.5v3c0 0.276-0.224 0.5-0.5 0.5z'%3E%3C/path%3E%3Cpath fill='%23000000' d='M9.5 20c-0.276 0-0.5-0.224-0.5-0.5v-3c0-0.276 0.224-0.5 0.5-0.5s0.5 0.224 0.5 0.5v3c0 0.276-0.224 0.5-0.5 0.5z'%3E%3C/path%3E%3Cpath fill='%23000000' d='M3.5 11h-3c-0.276 0-0.5-0.224-0.5-0.5s0.224-0.5 0.5-0.5h3c0.276 0 0.5 0.224 0.5 0.5s-0.224 0.5-0.5 0.5z'%3E%3C/path%3E%3Cpath fill='%23000000' d='M18.5 11h-3c-0.276 0-0.5-0.224-0.5-0.5s0.224-0.5 0.5-0.5h3c0.276 0 0.5 0.224 0.5 0.5s-0.224 0.5-0.5 0.5z'%3E%3C/path%3E%3Cpath fill='%23000000' d='M4.5 6c-0.128 0-0.256-0.049-0.354-0.146l-2-2c-0.195-0.195-0.195-0.512 0-0.707s0.512-0.195 0.707 0l2 2c0.195 0.195 0.195 0.512 0 0.707-0.098 0.098-0.226 0.146-0.354 0.146z'%3E%3C/path%3E%3Cpath fill='%23000000' d='M2.5 18c-0.128 0-0.256-0.049-0.354-0.146-0.195-0.195-0.195-0.512 0-0.707l2-2c0.195-0.195 0.512-0.195 0.707 0s0.195 0.512 0 0.707l-2 2c-0.098 0.098-0.226 0.146-0.354 0.146z'%3E%3C/path%3E%3Cpath fill='%23000000' d='M16.5 18c-0.128 0-0.256-0.049-0.354-0.146l-2-2c-0.195-0.195-0.195-0.512 0-0.707s0.512-0.195 0.707 0l2 2c0.195 0.195 0.195 0.512 0 0.707-0.098 0.098-0.226 0.146-0.354 0.146z'%3E%3C/path%3E%3Cpath fill='%23000000' d='M14.5 6c-0.128 0-0.256-0.049-0.354-0.146-0.195-0.195-0.195-0.512 0-0.707l2-2c0.195-0.195 0.512-0.195 0.707 0s0.195 0.512 0 0.707l-2 2c-0.098 0.098-0.226 0.146-0.354 0.146z'%3E%3C/path%3E%3C/svg%3E"); } /* mode switch button */ /*=============for dark mode===========*/ .aft-dark-mode legend { color: #fff; } .aft-dark-mode input[type="checkbox"], .aft-dark-mode input[type="radio"] { color-scheme: dark; } .aft-dark-mode span.heading-line-after, .aft-dark-mode span.heading-line-before{ background-color: #ffcc00; } .aft-dark-mode #wp-calendar tfoot td, .aft-dark-mode #wp-calendar tbody td, .aft-dark-mode #wp-calendar thead th, .aft-dark-mode #wp-calendar td:last-child, .aft-dark-mode #wp-calendar th:last-child, .aft-dark-mode #wp-calendar tr:last-child td{ background: transparent; border-color: rgba(255, 255, 255, 0.2); } .aft-dark-mode footer.site-footer #wp-calendar tfoot td, .aft-dark-mode footer.site-footer #wp-calendar tbody td, .aft-dark-mode footer.site-footer #wp-calendar thead th, .aft-dark-mode footer.site-footer #wp-calendar td:last-child, .aft-dark-mode footer.site-footer #wp-calendar th:last-child, .aft-dark-mode footer.site-footer #wp-calendar tr:last-child td{ border-color: rgba(255, 255, 255, 0.2); } body.aft-dark-mode #sidr, body.aft-dark-mode code, body.aft-dark-mode{ background-color: #000000; } body.aft-dark-mode .bs-no-thumbnail-img, body.aft-dark-mode .aft-masonry-archive-posts .read-img, body.aft-dark-mode .read-img.read-bg-img{ background-color: #424242; } body.aft-dark-mode.single span.tags-links a, body.aft-dark-mode .main-navigation .menu .menu-mobile li a, body.aft-dark-mode .widget ul ul li, body.aft-dark-mode .widget ul.menu >li{ border-color:rgba(255, 255, 255, 0.15); } body.aft-dark-mode.single span.tags-links a, .aft-dark-mode .banner-exclusive-posts-wrapper a, .aft-dark-mode .banner-exclusive-posts-wrapper a:visited, body.aft-dark-mode .aft-comment-view-share > span > a, body.aft-dark-mode{ color: #fff; } body.aft-dark-mode .main-navigation .menu .menu-mobile li a, body.aft-dark-mode .main-navigation .menu .menu-desktop .sub-menu li a{color: #fff;} body.aft-dark-mode .af-search-form{ background-color: #212121; } body.aft-dark-mode div#respond{ border-color: transparent; } body.aft-dark-mode .af-breadcrumbs a{ color: #fff; } /* ========== section background none site footer ========== */ body footer.site-footer .wp-post-author-meta a, body footer.site-footer .wp-post-author-meta a:visited, body footer.site-footer .posts-author a, body footer.site-footer .posts-author a:visited, body footer.site-footer .aft-readmore-wrapper a.aft-readmore, body footer.site-footer .wp_post_author_widget ul.awpa-contact-info li a, body footer.site-footer .wp-post-author-meta .wp-post-author-meta-more-posts a, body footer.site-footer .wp_post_author_widget .awpa-display-name a, body footer.site-footer ul.trail-items li:after, body footer.site-footer .tagcloud a, body footer.site-footer .widget ul.menu >li a, body footer.site-footer .widget > ul > li a, body footer.site-footer #wp-calendar tbody td a, body footer.site-footer .page-title, body footer.site-footer h1.entry-title, body footer.site-footer .widget-title, body footer.site-footer .header-after1, body footer.site-footer .aft-posts-tabs-panel .nav-tabs>li>a, body footer.site-footer .aft-comment-view-share > span > a, body footer.site-footer .chromenews-widget.widget_text a, body footer.site-footer .chromenews-widget .textwidget a, body footer.site-footer .af-main-banner-thumb-posts .read-single:not(.af-cat-widget-carousel) .min-read, body footer.site-footer .header-layout-compressed .compress-bar-mid .date-bar-mid, body footer.site-footer input, body footer.site-footer textarea, body footer.site-footer .aft-popular-taxonomies-lists strong, body footer.site-footer .aft-popular-taxonomies-lists ul li a, body footer.site-footer .color-pad, body footer.site-footer ul.trail-items li a, body footer.site-footer #wp-calendar caption, body footer.site-footer .wp-calendar-nav a, body footer.site-footer .nav-links a, body footer.site-footer .read-details .entry-meta span, body footer.site-footer .entry-meta span, body footer.site-footer .read-title h2 a, body footer.site-footer .read-title h4 a{ color: #fff; } body footer.site-footer .search-icon:visited, body footer.site-footer .search-icon:hover, body footer.site-footer .search-icon:focus, body footer.site-footer .search-icon:active{ color: #000; } body footer.site-footer .aft-posts-tabs-panel .nav-tabs>li>a.active, body footer.site-footer input[type="submit"], body footer.site-footer .aft-readmore-wrapper a.aft-readmore:hover{ color: #202020; } body footer.site-footer .widget > ul > li, body footer.site-footer .aft-readmore-wrapper a.aft-readmore, body footer.site-footer .wp-post-author-meta .wp-post-author-meta-more-posts a { border-color: rgba(150, 150, 150, 0.25); } body footer.site-footer .inner-suscribe input, body footer.site-footer .chromenews-widget .mc4wp-form-fields input[type="email"], body footer.site-footer .widget_search .wp-block-search__input, body footer.site-footer .widget input.search-field { background-color: rgba(255,255,255,.1); border: none; } body footer.site-footer input[type="search"]::placeholder { color: rgba(255, 255, 255, 0.5); } body footer.site-footer .wp-post-author-meta .wp-post-author-meta-more-posts a:hover, body footer.site-footer .wp_post_author_widget .awpa-display-name a:hover{ color: #ffcc00; } body footer.site-footer .wp-post-author-meta .wp-post-author-meta-more-posts a:hover{ border-color: #ffcc00; } /* ========== section background none site footer ========== */ body.aft-light-mode .aft-main-banner-section.aft-banner-background-default .aft-popular-taxonomies-lists ul li a { color: #404040; } body.aft-light-mode .site-footer .author-links a, body.aft-dark-mode .aft-main-banner-section.data-bg .af-main-banner-tabbed-posts .author-links a, body.aft-dark-mode .aft-main-banner-section.data-bg .aft-horizontal-trending-part .author-links a, body.aft-dark-mode .aft-main-banner-section.data-bg .aft-trending-part .author-links a, body.aft-dark-mode .aft-main-banner-section.data-bg .aft-3-trending-posts .author-links a, body.aft-light-mode .aft-main-banner-section.data-bg .af-main-banner-tabbed-posts .author-links a, body.aft-light-mode .aft-main-banner-section.data-bg .aft-horizontal-trending-part .author-links a, body.aft-light-mode .aft-main-banner-section.data-bg .aft-trending-part .author-links a, body.aft-light-mode .aft-main-banner-section.data-bg .aft-3-trending-posts .author-links a{ color: #fff; } body.aft-light-mode .aft-main-banner-section.aft-banner-background-default.data-bg .aft-popular-taxonomies-lists ul li a { color: #fff; } body.aft-light-mode.aft-single-featured-full-title-over-image .af-breadcrumbs ul.trail-items li a:hover, body.aft-dark-mode.aft-single-featured-full-title-over-image .af-breadcrumbs ul.trail-items li a:hover{ border-color: #fff; } body.aft-light-mode .aft-main-banner-section.aft-banner-background-alternative .aft-popular-taxonomies-lists ul li a , body.aft-dark-mode .aft-main-banner-section.aft-banner-background-default .aft-popular-taxonomies-lists ul li a, body.aft-dark-mode .af-main-banner-thumb-posts .read-single:not(.af-cat-widget-carousel) .min-read, body.aft-dark-mode .header-layout-compressed .compress-bar-mid .date-bar-mid, body.aft-dark-mode .search-icon:visited, body.aft-dark-mode .search-icon:hover, body.aft-dark-mode .search-icon:focus, body.aft-dark-mode .search-icon:active, body.aft-dark-mode input, body.aft-dark-mode textarea, body.aft-dark-mode .color-pad, body.aft-dark-mode ul.trail-items li a, body.aft-dark-mode #wp-calendar caption, body.aft-dark-mode .author-links a, body.aft-dark-mode .nav-links a, body.aft-dark-mode .read-details .entry-meta span, body.aft-dark-mode .entry-meta span, body.aft-dark-mode .read-title h2 a, body.aft-dark-mode .read-title h4 a{ color: #fff; } body.aft-dark-mode .em-author-details ul li a{ background: #0f0f0f; color: #fff; } body.aft-dark-mode .social-widget-menu ul li a{ background-color: #202020; } body.aft-dark-mode .aft-small-social-menu ul li a:hover, body.aft-dark-mode .aft-small-social-menu ul li a{ color: #fff; border: none; } body.aft-dark-mode header.header-layout-compressed .aft-small-social-menu ul li a { color: #fff !important; } body.aft-dark-mode .main-navigation ul.children li, body.aft-dark-mode .main-navigation ul .sub-menu li{ border-top: 1px solid #111111; } body.aft-dark-mode .main-navigation ul.children li:first-child, body.aft-dark-mode .main-navigation ul .sub-menu li:first-child{ border-top-color: transparent; } body.aft-dark-mode .wp-post-author-shortcode, body.aft-dark-mode .aft-readmore-wrapper a.aft-readmore { border-color: rgba(255, 255, 255, 0.3); } body.aft-dark-mode input, body.aft-dark-mode .wp-block-categories select, body.aft-dark-mode .widget_categories select, body.aft-dark-mode input.search-field, body.aft-dark-mode textarea{ border-color: transparent; background-color: rgba(255,255,255,.1); } body.aft-dark-mode .wp-block-table[class*='has-subtle-']{ background-color: transparent; } body.aft-dark-mode .chromenews-header .af-boxed .bottom-bar-up, body.aft-dark-mode .header-layout-compressed-full .full-width .af-transparent-head .bottom-header , body.aft-dark-mode .header-layout-compressed-full .full-width .bottom-header { background-color: #171717; } /*forsidebar section========*/ body.aft-dark-mode #secondary .widget-area.color-pad .read-single.color-pad { background-color: transparent; } .aft-dark-mode .widget ol li a, .aft-dark-mode ul.trail-items li:after, .aft-dark-mode .tagcloud a, .aft-dark-mode .widget ul.menu >li a, .aft-dark-mode .widget ul > li a{ color: #fff; } body.aft-dark-mode pre{ color: #fff; background-color: #212121; } body.aft-dark-mode .header-layout-centered .bottom-header, body.aft-dark-mode .header-layout-side .af-bottom-header{ border-color: #000; } body.aft-dark-mode .main-navigation .menu .menu-mobile{ background: #000; } body.aft-dark-mode:not(.home) .chromenews-header.header-layout-centered .bottom-header, body.aft-dark-mode .ham.exit { background-color: transparent; } .wp-block-search .wp-block-search__button:focus, .wp-block-search .wp-block-search__input:focus, body.aft-dark-mode input:focus, body.aft-dark-mode textarea:focus { outline: 1px dotted rgba(255,255,255,.5); } /*=============for dark mode===========*/ /*=============for light mode===========*/ body.aft-light-mode { background-color: #f5f5f5; } /*=============for light mode===========*/ /* ================== for site mode none ================== */ .aft-section-layout-none .af-breadcrumbs { padding: 15px 0px; } body.aft-section-layout-none.single article header.entry-header .read-details { margin-bottom: 20px; } body.aft-section-layout-none.single.aft-single-featured-title-over-image article header.entry-header .read-details { margin-bottom: 0; } body.single.aft-single-featured-title-over-image article .entry-content-wrap .entry-meta { margin-bottom: 0; margin-top: 0; } body.aft-section-layout-none.single #content > header.entry-header .read-details, body.aft-section-layout-none div.comments-area, body.aft-section-layout-none.single .entry-content-wrap { padding: 0; } body.aft-section-layout-none.single .entry-content-wrap .read-img { margin: 0px; } .aft-section-layout-none.single main.site-main, .search.aft-section-layout-none main.site-main, .archive.aft-section-layout-none main.site-main, body.home.blog.aft-section-layout-none main.site-main, .blog.aft-section-layout-none main.site-main { padding: 0; } .aft-section-layout-none.home.blog .aft-archive-wrapper.chromenews-customizer{ padding: 0; } .aft-section-layout-none .af-main-banner-latest-posts.grid-layout.chromenews-customizer .container-wrapper { padding-top: 0; } /* ================== for site mode none ================== */ /*color to be filtered from custom style*/ body.chromenews-header .aft-small-social-menu ul li a{ color: #ffffff !important; } .aft-light-mode .main-navigation .menu .menu-mobile li a .menu-description , .aft-light-mode .main-navigation .menu .menu-mobile li a, .aft-light-mode .author-links a, .aft-light-mode .main-navigation ul.children li a, .aft-light-mode .nav-links a .post-title, .aft-light-mode .main-navigation ul .sub-menu li a, .aft-light-mode .read-details .entry-meta span, .aft-light-mode .aft-comment-view-share > span > a, .aft-light-mode h4.af-author-display-name, .aft-light-mode #wp-calendar caption, .aft-light-mode .wp-block-image figcaption, .aft-light-mode ul.trail-items li a, .aft-light-mode #sidr, .aft-light-mode { color: #4a4a4a; } .wp-block-search .wp-block-search__button, .aft-dark-mode input[type="button"], .aft-dark-mode input[type="reset"], .aft-dark-mode input[type="submit"], .aft-dark-mode .inner-suscribe input[type=submit], .btn-style1 a:visited, .btn-style1 a, .chromenews-pagination .nav-links .page-numbers.current, #scroll-up, article.sticky .read-single:before, .read-img .trending-no, .trending-posts-vertical .trending-no{ background-color: #ffcc00 ; } .aft-dark-mode .read-details .entry-meta span.aft-view-count a, .aft-light-mode .read-details .entry-meta span.aft-view-count a, .aft-dark-mode .entry-meta span.posts-author a, .aft-light-mode .entry-meta span.posts-author a, .aft-dark-mode .entry-meta span.posts-date a, .aft-light-mode .entry-meta span.posts-date a, .aft-dark-mode .entry-meta span.aft-comment-count a, .aft-light-mode .entry-meta span.aft-comment-count a, .comment-metadata a, .fn a, .aft-light-mode .wp-post-author-meta .awpa-display-name a, .aft-dark-mode .wp-post-author-meta .awpa-display-name a{ border-bottom: 1px solid transparent; } .aft-dark-mode .read-details .entry-meta span a:hover, .aft-light-mode .read-details .entry-meta span a:hover, .aft-dark-mode .entry-meta span.posts-author a:hover, .aft-light-mode .entry-meta span.posts-author a:hover, .aft-dark-mode .entry-meta span.posts-date a:hover, .aft-light-mode .entry-meta span.posts-date a:hover, .aft-dark-mode .entry-meta span.aft-comment-count a:hover, .aft-light-mode .entry-meta span.aft-comment-count a:hover, .comment-metadata a:hover, .fn a:hover, .aft-light-mode .wp-post-author-meta .awpa-display-name a:hover, .aft-dark-mode .wp-post-author-meta .awpa-display-name a:hover, .aft-dark-mode.single span.tags-links a:hover, .chromenews-pagination .nav-links .page-numbers.current, .aft-dark-mode .aft-readmore-wrapper a.aft-readmore:hover, .aft-readmore-wrapper a.aft-readmore:hover, p.awpa-more-posts a:hover{ border-color: #ffcc00 ; } .hover-title-secondary-color.aft-dark-mode .grid-design-texts-over-image .read-title h2 a, .hover-title-secondary-color.aft-dark-mode .grid-design-texts-over-image .read-title h4 a, .hover-title-secondary-color.aft-light-mode .grid-design-texts-over-image .read-title h2 a, .hover-title-secondary-color.aft-light-mode .grid-design-texts-over-image .read-title h4 a{ opacity: .9; transition: all ease-in .3s; } .hover-title-secondary-color.aft-dark-mode .grid-design-texts-over-image .read-title h2 a:hover, .hover-title-secondary-color.aft-dark-mode .grid-design-texts-over-image .read-title h4 a:hover, .hover-title-secondary-color.aft-light-mode .grid-design-texts-over-image .read-title h2 a:hover, .hover-title-secondary-color.aft-light-mode .grid-design-texts-over-image .read-title h4 a:hover, .hover-title-secondary-color .grid-design-texts-over-image .read-details .entry-meta span.author-links > span a:hover, .hover-title-secondary-color .grid-design-texts-over-image .read-details .entry-meta span.aft-comment-view-share a:hover, .hover-title-secondary-color.aft-dark-mode .read-details .entry-meta span.aft-view-count a:hover, .hover-title-secondary-color.aft-light-mode .read-details .entry-meta span.aft-view-count a:hover, .hover-title-secondary-color.aft-dark-mode .read-details .entry-meta span a:hover, .hover-title-secondary-color.aft-light-mode .read-details .entry-meta span a:hover, .hover-title-secondary-color.aft-dark-mode .entry-meta span.posts-author a:hover, .hover-title-secondary-color.aft-light-mode .entry-meta span.posts-author a:hover, .hover-title-secondary-color.aft-dark-mode .entry-meta span.posts-date a:hover, .hover-title-secondary-color.aft-light-mode .entry-meta span.posts-date a:hover, .hover-title-secondary-color.aft-dark-mode .entry-meta span.aft-comment-count a:hover, .hover-title-secondary-color.aft-light-mode .entry-meta span.aft-comment-count a:hover{ border-color: transparent; } .hover-title-secondary-color.aft-dark-mode .grid-design-texts-over-image .read-title h2 a:hover, .hover-title-secondary-color.aft-dark-mode .grid-design-texts-over-image .read-title h4 a:hover, .hover-title-secondary-color.aft-light-mode .grid-design-texts-over-image .read-title h2 a:hover, .hover-title-secondary-color.aft-light-mode .grid-design-texts-over-image .read-title h4 a:hover{ opacity: 1; } .entry-content > [class*="wp-block-"] a.wp-block-file__button:not(.has-text-color), .entry-content > [class*="wp-block-"] a.wp-block-button__link { color: #ffcc00; } .aft-light-mode .wp-block-button__link { background-color: #eaeaea; } .entry-content > [class*="wp-block-"] a:not(.has-text-color), .entry-content > ul a, .entry-content > ol a, .entry-content > p a , .site-footer .secondary-footer a:hover, .aft-dark-mode p.awpa-website a:hover , .aft-dark-mode .widget ul.menu >li a:hover{ color:#ffcc00 ; transition: all 0.075s linear; } .aft-light-mode .wp-post-author-meta h4 a, .aft-light-mode .entry-content > [class*="wp-block-"] a:not(.has-text-color){ color: #404040; } body.aft-light-mode .entry-content > .wp-block-table table tbody a:not(.has-text-color), body.aft-dark-mode .entry-content > .wp-block-table table tbody a:not(.has-text-color), #wp-calendar tbody td a, .aft-light-mode .entry-content > ol a:hover, .aft-light-mode .entry-content > ul a:hover, .aft-light-mode .entry-content > p a:hover, p a, .comment-form a, .comment-content > p a, .wp-calendar-nav a, .aft-light-mode .chromenews-widget.widget_text a, .aft-light-mode .chromenews-widget .textwidget a, .entry-content > ul a, .entry-content > ul a:visited, .entry-content > ol a, .entry-content > ol a:visited, .entry-content > p a, .entry-content > p a:visited{ color: #0987f5; } .aft-dark-mode .entry-content > ol a:hover, .aft-dark-mode .entry-content > ul a:hover, .aft-dark-mode .entry-content > p a:hover, .aft-dark-mode .chromenews-widget.widget_text a, .aft-dark-mode .chromenews-widget .textwidget a, .aft-dark-mode .entry-content > ul a, .aft-dark-mode .entry-content > ul a:visited, .aft-dark-mode .entry-content > ol a, .aft-dark-mode .entry-content > ol a:visited, .aft-dark-mode .entry-content > p a, .aft-dark-mode .entry-content > p a:visited{ color: #0987f5;; } .aft-dark-mode .entry-content > [class*="wp-block-"] a:not(.has-text-color) { color: #fff; } .single span.tags-links a:hover, .entry-content > [class*="wp-block-"] a:not(.has-text-color), .entry-content > ul a, .entry-content > ul a:visited, .entry-content > ol a, .entry-content > ol a:visited, .entry-content > p a, .entry-content > p a:visited{ border-color: #ffcc00 ; } .wp-block-search .wp-block-search__button, .aft-dark-mode button, .aft-dark-mode input[type="button"], .aft-dark-mode input[type="reset"], .aft-dark-mode input[type="submit"], .read-img .trending-no, .trending-posts-vertical .trending-no { color: #202020; } .aft-light-mode .comment-body .reply a, .aft-light-mode footer.comment-meta a { color: #4a4a4a; } .aft-dark-mode .comment-body .reply a, .aft-dark-mode footer.comment-meta a { color: #fff; } @media only screen and (min-width: 993px){ body.aft-dark-mode .main-navigation .menu ul ul ul , body.aft-dark-mode .main-navigation .menu > ul > li > ul { background-color: #212121; } } .aft-light-mode .page-title, .aft-light-mode h1.entry-title, .aft-light-mode .widget-title, .aft-light-mode .header-after1 { color: #404040; } .chromenews-widget .social-navigation ul li, .chromenews-widget ol li, .chromenews-widget ul li { padding: 5px 0; } .chromenews-widget ul.aft-tabbed-carousel li, .chromenews-widget ul li.tab { padding: 0; } .entry-content > p a { line-height: 1.1; } .aft-light-mode .banner-exclusive-posts-wrapper a .exclusive-post-title, .aft-light-mode .banner-exclusive-posts-wrapper a:visited, .aft-dark-mode .widget ul > li a, .aft-dark-mode .widget ol > li a, .aft-dark-mode .banner-exclusive-posts-wrapper a .exclusive-post-title{ border-bottom: 1px solid transparent; } .aft-dark-mode .widget ul > li a:hover, .aft-dark-mode .widget ol > li a:hover { border-bottom-color: #ffcc00; } .aft-light-mode .featured-category-item .read-img a, .aft-light-mode .widget ul.menu >li a, .aft-light-mode .widget ul > li a, .aft-light-mode .widget ol > li a, .aft-light-mode .read-title h2 a , .aft-light-mode .read-title h4 a , .widget > ul > li .comment-author-link { color: #404040; border-bottom: 1px solid transparent; } .aft-dark-mode .widget ul.awpa-contact-info > li a:hover, .aft-light-mode .wp_post_author_widget ul.awpa-contact-info li a:hover, .aft-light-mode .widget ul.af-tabs > li a:hover, .aft-light-mode .widget ul.af-tabs > li a { border: none; } .aft-light-mode .site-footer .widget ul > li a, .aft-light-mode .site-footer .widget ol > li a{ color: #fff; } .aft-light-mode .wp_post_author_widget ul.awpa-contact-info li a, .aft-light-mode .site-footer .tabbed-head .widget ul > li a, .aft-light-mode .widget .af-author-details .social-navigation ul > li a { color: #fff; border: none; } body.aft-light-mode .site-footer .widget .af-cat-widget-carousel ul > li a.chromenews-categories.category-color-1 { color: #000; } .aft-dark-mode .banner-exclusive-posts-wrapper a .exclusive-post-title:hover, .aft-light-mode .banner-exclusive-posts-wrapper a .exclusive-post-title:hover, .aft-light-mode main ul > li a:hover, .aft-light-mode main ol > li a:hover, .aft-dark-mode main ul > li a:hover, .aft-dark-mode main ol > li a:hover, .aft-light-mode .widget ul.menu >li a:hover, .aft-light-mode .widget ul > li a:hover, .aft-light-mode .widget ol > li a:hover, .aft-light-mode .read-title h2 a:hover , .aft-light-mode .read-title h4 a:hover { border-bottom: 1px solid #ffcc00; } .hover-title-secondary-color.aft-dark-mode #secondary .chromenews-widget ul[class*="wp-block-"] a:hover, .hover-title-secondary-color.aft-light-mode #secondary .chromenews-widget ul[class*="wp-block-"] a:hover, .hover-title-secondary-color.aft-dark-mode #secondary .chromenews-widget ol[class*="wp-block-"] a:hover, .hover-title-secondary-color.aft-light-mode #secondary .chromenews-widget ol[class*="wp-block-"] a:hover, .hover-title-secondary-color.aft-dark-mode .read-title h2 a:hover, .hover-title-secondary-color.aft-dark-mode .read-title h4 a:hover, .hover-title-secondary-color .read-title h4 a:hover, .hover-title-secondary-color .read-title h2 a:hover, .hover-title-secondary-color.aft-light-mode .nav-links a:hover .post-title, .hover-title-secondary-color.aft-dark-mode .nav-links a:hover .post-title, .hover-title-secondary-color.aft-dark-mode .banner-exclusive-posts-wrapper a .exclusive-post-title:hover, .hover-title-secondary-color.aft-light-mode .banner-exclusive-posts-wrapper a .exclusive-post-title:hover, .hover-title-secondary-color.aft-light-mode main ul > li a:hover, .hover-title-secondary-color.aft-light-mode main ol > li a:hover, .hover-title-secondary-color.aft-dark-mode main ul > li a:hover, .hover-title-secondary-color.aft-dark-mode main ol > li a:hover, .hover-title-secondary-color.aft-light-mode .widget ul.menu >li a:hover, .hover-title-secondary-color.aft-light-mode .widget ul > li a:hover, .hover-title-secondary-color.aft-light-mode .widget ol > li a:hover, .hover-title-secondary-color.aft-dark-mode .widget ul.menu >li a:hover, .hover-title-secondary-color.aft-dark-mode .widget ul > li a:hover, .hover-title-secondary-color.aft-dark-mode .widget ol > li a:hover, .hover-title-secondary-color.aft-light-mode .read-title h2 a:hover, .hover-title-secondary-color.aft-light-mode .read-title h4 a:hover{ border-color: transparent; } .hover-title-secondary-color.aft-dark-mode .aft-main-banner-section.aft-banner-background-custom:not(.data-bg) .read-single:not(.grid-design-texts-over-image) .read-title h4 a:hover, .hover-title-secondary-color.aft-light-mode .aft-main-banner-section.aft-banner-background-custom:not(.data-bg) .read-single:not(.grid-design-texts-over-image) .read-title h4 a:hover, .hover-title-secondary-color.aft-dark-mode .aft-main-banner-section.aft-banner-background-alternative:not(.data-bg) .read-single:not(.grid-design-texts-over-image) .read-title h4 a:hover, .hover-title-secondary-color.aft-light-mode .aft-main-banner-section.aft-banner-background-alternative:not(.data-bg) .read-single:not(.grid-design-texts-over-image) .read-title h4 a:hover, .hover-title-secondary-color.aft-dark-mode .aft-main-banner-section.aft-banner-background-default:not(.data-bg) .read-single:not(.grid-design-texts-over-image) .read-title h4 a:hover, .hover-title-secondary-color.aft-light-mode .aft-main-banner-section.aft-banner-background-default:not(.data-bg) .read-single:not(.grid-design-texts-over-image) .read-title h4 a:hover, .hover-title-secondary-color.aft-dark-mode #secondary .chromenews-widget ul[class*="wp-block-"] a:hover, .hover-title-secondary-color.aft-light-mode #secondary .chromenews-widget ul[class*="wp-block-"] a:hover, .hover-title-secondary-color.aft-dark-mode #secondary .chromenews-widget ol[class*="wp-block-"] a:hover, .hover-title-secondary-color.aft-light-mode #secondary .chromenews-widget ol[class*="wp-block-"] a:hover, .hover-title-secondary-color.aft-dark-mode .read-title h2 a:hover, .hover-title-secondary-color.aft-dark-mode .read-title h4 a:hover, .hover-title-secondary-color .read-title h4 a:hover, .hover-title-secondary-color .read-title h2 a:hover, .hover-title-secondary-color .nav-links a:hover .post-title, .hover-title-secondary-color.aft-dark-mode .banner-exclusive-posts-wrapper a .exclusive-post-title:hover, .hover-title-secondary-color.aft-light-mode .banner-exclusive-posts-wrapper a .exclusive-post-title:hover, .hover-title-secondary-color.aft-light-mode .widget ul:not([class]) > li a:hover, .hover-title-secondary-color.aft-light-mode .widget ol:not([class]) > li a:hover, .hover-title-secondary-color.aft-dark-mode .widget ul:not([class]) > li a:hover, .hover-title-secondary-color.aft-dark-mode .widget ol:not([class]) > li a:hover, .hover-title-secondary-color.aft-light-mode .read-title h2 a:hover , .hover-title-secondary-color.aft-light-mode .read-title h4 a:hover{ color: #ffc934; } .aft-dark-mode .grid-design-texts-over-image .read-title h2 a:hover, .aft-dark-mode .grid-design-texts-over-image .read-title h4 a:hover, .aft-light-mode .grid-design-texts-over-image .read-title h2 a:hover, .aft-light-mode .grid-design-texts-over-image .read-title h4 a:hover { border-bottom-color: #fff; } .aft-dark-mode ul.cat-links > li a:hover, .aft-light-mode ul.cat-links > li a:hover, .aft-dark-mode ul.cat-links > li a, .aft-light-mode ul.cat-links > li a, .aft-dark-mode .widget ul.cat-links > li a:hover, .aft-light-mode .widget ul.cat-links > li a:hover, .aft-dark-mode .widget ul.cat-links > li a, .aft-light-mode .widget ul.cat-links > li a { border-bottom: none; } .aft-light-mode .widget .social-widget-menu ul > li a:hover, .aft-light-mode .widget ul.af-tabs > li a:hover, .aft-dark-mode .widget .social-widget-menu ul > li a:hover, .aft-dark-mode .widget ul.af-tabs > li a:hover, .aft-light-mode .widget .social-widget-menu ul > li a, .aft-light-mode .widget ul.af-tabs > li a, .aft-dark-mode .widget .social-widget-menu ul > li a, .aft-dark-mode .widget ul.af-tabs > li a { border-bottom: none; } .hover-title-secondary-color.aft-light-mode .grid-design-texts-over-image .read-details .entry-meta span a, .hover-title-secondary-color.aft-light-mode .grid-design-texts-over-image .read-details .entry-meta span, .hover-title-secondary-color.aft-dark-mode .grid-design-texts-over-image .read-details .entry-meta span a, .hover-title-secondary-color.aft-dark-mode .grid-design-texts-over-image .read-details .entry-meta span, .hover-title-secondary-color.aft-light-mode .grid-design-texts-over-image .read-title h4 a, .hover-title-secondary-color.aft-dark-mode .grid-design-texts-over-image .read-title h4 a, .aft-light-mode .grid-design-texts-over-image .read-details .entry-meta span a, .aft-light-mode .grid-design-texts-over-image .read-details .entry-meta span, .aft-dark-mode .grid-design-texts-over-image .read-details .entry-meta span a, .aft-dark-mode .grid-design-texts-over-image .read-details .entry-meta span, .aft-light-mode .grid-design-texts-over-image .read-title h4 a, .aft-light-mode .grid-design-texts-over-image .read-details, .aft-dark-mode .grid-design-texts-over-image .read-title h4 a{ color: #fff; } .aft-main-banner-section.data-bg .aft-see-more a:hover { color: #000; } .chromenews-header.header-layout-centered .top-bar-right div.custom-menu-link > a, .chromenews-header.header-layout-compressed-full .top-bar-right div.custom-menu-link > a, .chromenews-header.header-layout-side .search-watch div.custom-menu-link > a{ background: #ffcc00 ; color: #000; } .exclusive-posts .exclusive-now{ background: #EE2224 ; } .read-img .af-post-format i{ color: #fff; } .aft-dark-mode .mailchimp-block{ background-color: #111; } .mailchimp-block, .mailchimp-block .block-title{ color: #ffffff; } .aft-light-mode .site-info .color-pad a, .aft-light-mode .site-info .color-pad{ color: #fff; } .entry-content p, .entry-content { font-size: 18px; } .wp-block-latest-comments__comment, body { line-height: 1.6; } /*color to be filtered from custom style*/ /*-------------------------------------------------------------- ##color options --------------------------------------------------------------*/ /* archive list no-post-image */ .archive-list-post.list-style .read-single { flex-wrap: wrap; } .archive-layout-list .af-double-column.list-style.no-post-image .read-bg-img { height: unset; background: transparent; width: 100%; max-width: 100%; } .aft-first-post-full .no-post-image .read-img.read-bg-img, .archive-layout-full .no-post-image .read-img.read-bg-img, .aft-masonry-archive-posts .no-post-image .read-img.read-bg-img, .archive-grid-post .no-post-image .read-img.pos-rel.read-bg-img , .archive-list-post .no-post-image .category-min-read-wrap { display: flex; align-items: center; flex-wrap: wrap; } .aft-archive-wrapper .no-post-image .category-min-read-wrap .read-categories { padding-left: 10px; } .aft-first-post-full .no-post-image .author-links .item-metadata { padding-right: 5px; } .aft-archive-wrapper .no-post-image:not(.grid-design-texts-over-image) .af-post-format i { background: #fcb900; color: #202020; } body:not(.single) .aft-archive-wrapper .no-post-image.read-single:not(.grid-design-texts-over-image) span.min-read , body:not(.single) .aft-archive-wrapper .no-post-image:not(.grid-design-texts-over-image) .read-single span.min-read { background: transparent; color: #4a4a4a; padding: 0; font-weight: 500; text-transform: uppercase; letter-spacing: .03em; font-size: 12px; } body:not(.single).aft-dark-mode .aft-archive-wrapper .no-post-image.read-single:not(.grid-design-texts-over-image) span.min-read , body:not(.single).aft-dark-mode .aft-archive-wrapper .no-post-image:not(.grid-design-texts-over-image) .read-single span.min-read { color: #fff; } body:not(.archive-first-post-full).full-width-content .archive-layout-grid.four-col-masonry article:nth-of-type(5n).archive-image-list-alternate .archive-grid-post .no-post-image .read-bg-img, body:not(.archive-first-post-full).full-width-content .archive-layout-grid.two-col-masonry article:nth-of-type(3n).archive-image-list-alternate .archive-grid-post .no-post-image .read-bg-img, body:not(.archive-first-post-full).full-width-content .archive-layout-grid.three-col-masonry article:nth-of-type(4n).archive-image-list-alternate .archive-grid-post .no-post-image .read-bg-img, .aft-archive-wrapper .no-post-image:not(.grid-design-texts-over-image) .read-img.read-bg-img, .four-col-masonry .col-3.archive-layout-grid .no-post-image:not(.grid-design-texts-over-image) .read-img.read-bg-img, .full-width-content .three-col-masonry article.col-3.archive-layout-grid .no-post-image:not(.grid-design-texts-over-image) .read-img.read-bg-img, .full-width-content .two-col-masonry article.col-3.archive-layout-grid .no-post-image:not(.grid-design-texts-over-image) .read-img.read-bg-img, .two-col-masonry article.col-3.archive-layout-grid .no-post-image:not(.grid-design-texts-over-image) .read-img.read-bg-img, .archive-layout-grid .no-post-image:not(.grid-design-texts-over-image) .read-img.read-bg-img { height: unset; background: transparent; } .aft-archive-wrapper .no-post-image:not(.grid-design-texts-over-image) .read-img .af-post-format , .aft-archive-wrapper .no-post-image:not(.grid-design-texts-over-image) .category-min-read-wrap, .aft-archive-wrapper .no-post-image:not(.grid-design-texts-over-image) .read-img span.min-read, .archive-list-post .af-double-column.list-style.no-post-image .read-categories { position: static; } .chromenews_posts_single_column_widget .archive-list-post .af-double-column.list-style.no-post-image .read-categories { position: absolute; } .archive-layout-grid .grid-design-default.no-post-image .read-img span.min-read { opacity: 1; } body:not(.archive-first-post-full) .archive-layout-grid.four-col-masonry article:nth-of-type(5n).archive-image-list-alternate .archive-grid-post .no-post-image.read-single, body:not(.archive-first-post-full) .archive-layout-grid.two-col-masonry article:nth-of-type(3n).archive-image-list-alternate .archive-grid-post .no-post-image.read-single, body:not(.archive-first-post-full) .archive-layout-grid.three-col-masonry article:nth-of-type(4n).archive-image-list-alternate .archive-grid-post .no-post-image.read-single{ flex-wrap: wrap; } body:not(.archive-first-post-full) .archive-layout-grid.four-col-masonry article:nth-of-type(5n).archive-image-list-alternate .archive-grid-post .no-post-image .read-details, body:not(.archive-first-post-full) .archive-layout-grid.two-col-masonry article:nth-of-type(3n).archive-image-list-alternate .archive-grid-post .no-post-image .read-details, body:not(.archive-first-post-full) .archive-layout-grid.three-col-masonry article:nth-of-type(4n).archive-image-list-alternate .archive-grid-post .no-post-image .read-details{ width: 100%; padding-right: 0; padding-left: 0; } body:not(.archive-first-post-full) .archive-layout-grid.four-col-masonry article:nth-of-type(5n).archive-image-list-alternate .archive-grid-post .no-post-image .read-bg-img, body:not(.archive-first-post-full) .archive-layout-grid.two-col-masonry article:nth-of-type(3n).archive-image-list-alternate .archive-grid-post .no-post-image .read-bg-img, body:not(.archive-first-post-full) .archive-layout-grid.three-col-masonry article:nth-of-type(4n).archive-image-list-alternate .archive-grid-post .no-post-image .read-bg-img{ width: 100%; } .archive-layout-list .af-double-column.list-style.no-post-image .read-details { width: 100%; padding-left: 0; padding-top: 10px; } article.archive-image-alternate:nth-of-type(even) .af-double-column.list-style.no-post-image .read-details.pad , article.archive-image-right .af-double-column.list-style.no-post-image .read-details.pad { padding-right: 0; } article.archive-image-alternate:nth-of-type(even) .archive-list-post .no-post-image .category-min-read-wrap.af-cat-widget-carousel, article.archive-image-right .archive-list-post .no-post-image .category-min-read-wrap.af-cat-widget-carousel { justify-content: flex-end; } article.archive-image-right .archive-list-post .no-post-image .cat-links li:last-child { margin-right: 0; } .archive-layout-grid .read-single.no-post-image, .archive-layout-list .af-double-column.list-style.aft-list-show-image.no-post-image { margin: 10px 0; } .archive-layout-list article.latest-posts-list:last-child .af-double-column.list-style.aft-list-show-image.no-post-image { margin-bottom: 0; } /* archive list no-post-image */ /*-------------------------------------------------------------- ## fonts options --------------------------------------------------------------*/ /*page title*/ body.single-post .entry-title, h1.page-title { font-size: 42px; } /*page title*/ /*big spotlight post title*/ .mailchimp-block .block-title, body:not(.full-width-content) #primary .chromenews_express_posts_grid_widget .af-express-grid-wrap .read-single:first-child .read-title h4, .chromenews_posts_slider_widget .read-single .read-details .read-title h4, article.latest-posts-full .read-title h4, .af-banner-carousel .read-title h4{ font-size: 32px; } /*big spotlight post title*/ /* section title */ .header-after1 , .widget-title{ font-size: 24px; } /* section title */ /*medium spotlight post title*/ .af-main-banner-thumb-posts .af-sec-post .read-title h4, .af-main-banner-featured-posts .read-title h4, .chromenews_express_posts_grid_widget .af-express-grid-wrap .read-single .read-title h4, .af-main-banner-categorized-posts.express-carousel .af-sec-post .read-title h4, .chromenews_posts_express_list .grid-part .read-title h4, .af-double-column.list-style .aft-spotlight-posts-1 .read-title h4, .chromenews_single_col_categorised_posts .read-title h4, .site-footer .chromenews_posts_slider_widget .read-single .read-details .read-title h4 , #sidr .chromenews_posts_slider_widget .read-single .read-details .read-title h4 , #secondary .chromenews_posts_slider_widget .read-single .read-details .read-title h4, .archive-list-post .read-title h4, .archive-masonry-post .read-title h4, .chromenews_posts_double_columns_widget .af-widget-body .af-sec-post .read-title h4, body:not(.archive-first-post-full) .archive-layout-grid.four-col-masonry article:nth-of-type(5n).archive-image-list-alternate .archive-grid-post .read-title h4, body:not(.archive-first-post-full) .archive-layout-grid.two-col-masonry article:nth-of-type(3n).archive-image-list-alternate .archive-grid-post .read-title h4, body:not(.archive-first-post-full) .archive-layout-grid.three-col-masonry article:nth-of-type(4n).archive-image-list-alternate .archive-grid-post .read-title h4, .archive-first-post-full .archive-layout-grid.four-col-masonry article:nth-of-type(5n+6).archive-image-list-alternate .archive-grid-post .read-title h4, .archive-first-post-full .archive-layout-grid.two-col-masonry article:nth-of-type(3n+4).archive-image-list-alternate .archive-grid-post .read-title h4, .archive-first-post-full .archive-layout-grid.three-col-masonry article:nth-of-type(4n+5).archive-image-list-alternate .archive-grid-post .read-title h4, article.latest-posts-grid .read-title h4, .two-col-masonry article.latest-posts-grid.col-2 .read-title h4, .af-main-banner-categorized-posts.express-posts .af-sec-post:not(.list-part) .read-title h4, .af-main-banner-categorized-posts.express-posts .af-sec-post:first-child .read-title h4{ font-size: 20px; } /*medium spotlight post title*/ .af-main-banner-categorized-posts.express-posts .af-sec-post.list-part .read-title h4, .chromenews_popular_news_widget .banner-vertical-slider .af-double-column.list-style .read-title h4, .aft-banner-layout-tabbed-aligned .aft-thumb-part .read-title h4, .aft-banner-layout-vertical .af-main-banner-thumb-posts .read-title h4, .chromenews_posts_double_columns_widget .af-widget-body .af-double-column.list-style .read-title h4, .aft-trending-posts.list-part .af-double-column.list-style .read-title h4, .four-col-masonry article.col-2 .read-title h4, .four-col-masonry article.latest-posts-grid.col-2 .read-title h4, .widget ul ul li, .widget > ul > li, .widget:not(.chromenews_social_contacts_widget) ul.menu >li, .af-reated-posts .read-title h4, .af-main-banner-latest-posts .read-title h4{ font-size: 16px; } /*general post title*/ .four-col-masonry article.col-2 .read-title h4, .four-col-masonry article.latest-posts-grid.col-2 .read-title h4, .af-list-post .read-title h4, .widget:not(.chromenews_social_contacts_widget) ul.menu >li, .af-main-banner-thumb-posts .read-single:not(.af-cat-widget-carousel) .read-title h4, .af-main-banner-thumb-posts .list-style .read-single:not(.af-cat-widget-carousel) .read-title h4, .af-trending-posts .aft-trending-posts.list-part .af-double-column.list-style .read-title h4{ font-size: 16px; } .aft-main-banner-wrapper .aft-trending-part.col-4 .aft-trending-posts.list-part .af-double-column.list-style .read-title h4, .aft-main-banner-wrapper .aft-tabbed-part.col-4 .aft-trending-posts.list-part .af-double-column.list-style .read-title h4 { font-size: 14px; } /*general post title*/ /*-------------------------------------------------------------- ## fonts options --------------------------------------------------------------*/ /*-------------------------------------------------------------- # media queries------------------------------------------------ --------------------------------------------------------------*/ @media screen and (max-width: 1400px) { body.single.align-content-right .entry-content-wrap.social-vertical-share .vertical-left-right, body.single .entry-content-wrap.social-vertical-share .vertical-left-right{ position: inherit; height: auto; transform: translateX(0); } body.single .entry-content-wrap.social-vertical-share .aft-social-share{ position: inherit; float: none; min-width: 0; top: inherit; transform: translateX(0); padding: 10px; background: #fff; } body.single.align-content-right .entry-content-wrap.social-vertical-share .aft-social-share{ transform: translateX(0); } body.single .entry-content-wrap.social-vertical-share .aft-social-share .sd-content ul li{ display: inline-block; padding-left: 0; } } @media screen and (max-width: 1180px) { .aft-enable-top-bottom-gaps.af-boxed-layout .af-whole-wrapper { margin: 20px; } } @media screen and (max-width: 1024px) { .aft-banner-layout-tiled.aft-banner-order-3 .aft-main-banner-wrapper .aft-slider-part .aft-main-banner-slider-part, .aft-banner-layout-tiled.aft-banner-order-1 .aft-main-banner-wrapper .aft-slider-part .aft-main-banner-slider-part { grid-column-start: 1; grid-row-start: 1; grid-column-end: 4; grid-row-end: 3; } .aft-banner-layout-tiled.aft-banner-order-4 .aft-main-banner-wrapper .aft-slider-part .aft-main-banner-slider-part, .aft-banner-layout-tiled.aft-banner-order-2 .aft-main-banner-wrapper .aft-slider-part .aft-main-banner-slider-part { grid-column-start: 1; grid-row-start: 3; grid-column-end: 4; grid-row-end: 4; } .aft-banner-layout-tiled-4.aft-banner-order-4 .aft-main-banner-wrapper .aft-slider-part .chromenews-customizer.col-2.aft-main-banner-slider-part , .aft-banner-layout-tiled-4.aft-banner-order-2 .aft-main-banner-wrapper .aft-slider-part .chromenews-customizer.col-2.aft-main-banner-slider-part , .aft-banner-layout-tiled-3.aft-banner-order-4 .aft-main-banner-wrapper .aft-slider-part .aft-main-banner-slider-part , .aft-banner-layout-tiled-3.aft-banner-order-2 .aft-main-banner-wrapper .aft-slider-part .aft-main-banner-slider-part , .aft-banner-layout-tiled-2.aft-banner-order-4 .aft-main-banner-wrapper .aft-slider-part .aft-main-banner-slider-part, .aft-banner-layout-tiled-2.aft-banner-order-2 .aft-main-banner-wrapper .aft-slider-part .aft-main-banner-slider-part, .aft-banner-layout-tiled-2.aft-banner-order-1 .aft-slider-part .chromenews-customizer.col-3, .aft-banner-layout-tiled-2.aft-banner-order-3 .aft-slider-part .chromenews-customizer.col-3 { margin-top: 20px; } .aft-banner-layout-tiled-3.aft-banner-order-3 .aft-main-banner-wrapper .aft-slider-part .aft-main-banner-slider-part , .aft-banner-layout-tiled-3.aft-banner-order-1 .aft-main-banner-wrapper .aft-slider-part .aft-main-banner-slider-part { margin-bottom: 20px; } .aft-banner-layout-tiled-4 .aft-main-banner-wrapper .aft-slider-part .chromenews-customizer.col-2 , .aft-banner-layout-tiled-4 .aft-main-banner-wrapper .aft-slider-part .chromenews-customizer.col-2.aft-main-banner-slider-part , .aft-banner-layout-tiled-3 .af-main-banner-thumb-posts .af-sec-post:first-child, .aft-banner-layout-tiled-3 .aft-main-banner-wrapper .aft-slider-part .aft-main-banner-slider-part , .aft-banner-layout-tiled-3 .aft-main-banner-wrapper .aft-slider-part .chromenews-customizer.col-40 , .aft-banner-layout-tiled-2 .aft-slider-part .aft-main-banner-slider-part, .aft-banner-layout-tiled-2 .aft-slider-part .chromenews-customizer.col-3 { width: 100%; } .aft-featured-category-section.af-list-post .af-widget-body:not(.clearfix), .af-main-banner-categorized-posts.express-posts .col-3 .af-widget-body, .aft-posts-tabs-panel ul.article-tabbed-list { display: flex; flex-wrap: wrap; justify-content: space-between; } .aft-editors-and-trending-part, .aft-slider-part, .aft-thumb-part, .aft-trending-part { margin: 0; } .af-main-banner-tabbed-posts.aft-posts-tabs-panel .nav-tabs { margin-bottom: 18px; } .af-main-banner-thumb-posts .af-sec-post{ width: 50%; float: left; } .aft-banner-layout-default .af-main-banner-thumb-posts .af-sec-post, .aft-banner-layout-horizontal .af-main-banner-thumb-posts .af-sec-post, .aft-banner-layout-tabbed .af-main-banner-thumb-posts .af-sec-post, .aft-banner-layout-compressed .af-main-banner-thumb-posts .af-sec-post, .aft-banner-layout-aligned .aft-slider-part .aft-main-banner-slider-part, .aft-banner-layout-aligned .aft-slider-part .chromenews-customizer, .aft-banner-layout-aligned .af-main-banner-thumb-posts .af-sec-post { width: 100%; } .aft-banner-layout-default .aft-trending-part .af-slick-navcontrols .slide-icon.slide-prev, .aft-banner-layout-aligned .aft-3-trending-posts .af-slick-navcontrols .slide-icon.slide-prev , .aft-banner-layout-default .aft-trending-part .af-slick-navcontrols .slide-icon.slide-next, .aft-banner-layout-aligned .aft-3-trending-posts .af-slick-navcontrols .slide-icon.slide-next { transform: rotate(90deg); } .aft-banner-layout-aligned .aft-main-banner-wrapper .chromenews-customizer.col-3 .af-slick-navcontrols { right: 0; } .aft-banner-layout-default.aft-banner-order-4 .aft-main-banner-part, .aft-banner-layout-default.aft-banner-order-2 .aft-main-banner-part, .aft-banner-layout-aligned.aft-banner-order-4 .aft-main-banner-wrapper .aft-slider-part, .aft-banner-layout-aligned.aft-banner-order-2 .aft-main-banner-wrapper .aft-slider-part{ flex-direction: column-reverse; } .aft-banner-layout-aligned .aft-trending-part, .aft-banner-layout-aligned .aft-slider-part .chromenews-customizer, .aft-banner-layout-default .aft-trending-part, .aft-banner-layout-default .aft-slider-part .chromenews-customizer{ margin-top: 20px; } .aft-banner-layout-aligned .aft-main-banner-part .aft-slider-part .chromenews-customizer.col-3 .read-single, .aft-banner-layout-default.aft-banner-order-2 .aft-main-banner-slider-part, .aft-banner-layout-default.aft-banner-order-1 .aft-main-banner-slider-part, .aft-banner-layout-default.aft-banner-order-4 .aft-horizontal-grid-part, .aft-banner-layout-default.aft-banner-order-3 .aft-horizontal-grid-part{ margin-bottom: 0; } .aft-main-banner-section.aft-banner-layout-horizontal .af-banner-carousel .read-img.read-bg-img { height: 320px; } .aft-banner-layout-tabbed-aligned .aft-main-banner-slider-part .af-banner-carousel .read-img.read-bg-img, .aft-banner-layout-tabbed .aft-main-banner-slider-part .af-banner-carousel .read-img.read-bg-img, .aft-banner-layout-compressed .aft-main-banner-slider-part .af-banner-carousel .read-img.read-bg-img, .aft-banner-layout-vertical .aft-main-banner-slider-part .af-banner-carousel .read-img.read-bg-img, .af-banner-carousel .read-img.read-bg-img{ height: 600px; } #secondary .af-main-banner-categorized-posts .af-post-carousel .read-img, #secondary .aft-featured-category-section .featured-post-items-wrap .af-sec-post:not(.list-part) .read-img, #secondary .chromenews_express_posts_list_widget .featured-post-items-wrap .af-sec-post:not(.list-part) .read-img, #secondary .chromenews_posts_double_columns_widget .af-widget-body .af-sec-post .read-img.read-bg-img { height: 180px; } body:not(.full-width-content) #secondary .chromenews_express_posts_grid_widget .af-express-grid-wrap .read-single { min-height: 180px; } .tab-content>.tab-pane { height: unset; } .related-title .read-img.read-bg-img { height: 160px; } .aft-banner-layout-tabbed-trending .banner-vertical-slider .aft-trending-posts.list-part .af-double-column.list-style .read-bg-img, .aft-main-banner-wrapper .aft-trending-part.col-4 .read-single:not(.af-cat-widget-carousel) .read-img.read-bg-img, .aft-main-banner-wrapper .aft-tabbed-part.col-4 .read-single:not(.af-cat-widget-carousel) .read-img.read-bg-img{ height: 136px; max-width: 136px; width: 136px; } .aft-banner-layout-tabbed-trending .banner-vertical-slider .aft-trending-posts.list-part .af-double-column.list-style .read-details, .aft-main-banner-wrapper .aft-trending-part.col-4 .af-double-column.list-style .read-details.pad, .aft-main-banner-wrapper .aft-tabbed-part.col-4 .af-double-column.list-style .read-details.pad { max-height: 136px; width: calc(100% - 136px); } body:not(.archive-first-post-full).full-width-content .archive-layout-grid.four-col-masonry article:nth-of-type(5n).archive-image-list-alternate .archive-grid-post .read-bg-img, body:not(.archive-first-post-full).full-width-content .archive-layout-grid.two-col-masonry article:nth-of-type(3n).archive-image-list-alternate .archive-grid-post .read-bg-img, body:not(.archive-first-post-full).full-width-content .archive-layout-grid.three-col-masonry article:nth-of-type(4n).archive-image-list-alternate .archive-grid-post .read-bg-img { height: 310px; } .banner-vertical-slider .aft-trending-posts.list-part .af-double-column.list-style .read-bg-img{ width: 40%; } .af-boxed-layout .af-whole-wrapper{ max-width: 1000px; } .aft-banner-layout-tabbed-trending .aft-main-banner-wrapper .aft-tabbed-part, .aft-banner-layout-tabbed-aligned .aft-main-banner-wrapper .aft-tabbed-part, .aft-banner-layout-tabbed .aft-main-banner-part .aft-slider-part .chromenews-customizer.col-3, .aft-banner-layout-tabbed .aft-main-banner-part .aft-slider-part .aft-main-banner-slider-part, .aft-main-banner-wrapper .aft-editors-and-trending-part, .aft-main-banner-section .aft-thumb-part, .aft-main-banner-section .aft-trending-part, .aft-main-banner-section .aft-slider-part{ width: 100%; } .aft-banner-layout-tabbed .aft-main-banner-part .aft-tabbed-part .aft-horizontal-grid-part, .aft-banner-layout-tabbed .aft-main-banner-part .aft-slider-part .chromenews-customizer.col-3, .aft-banner-layout-tabbed .aft-main-banner-part .aft-slider-part .aft-main-banner-slider-part{ padding: 0; } .aft-banner-layout-tabbed.aft-banner-order-3 .aft-main-banner-part .aft-slider-part .chromenews-customizer.col-3, .aft-banner-layout-tabbed.aft-banner-order-1 .aft-main-banner-part .aft-slider-part .chromenews-customizer.col-3, .aft-banner-layout-tabbed.aft-banner-order-4 .aft-main-banner-part .aft-slider-part .aft-main-banner-slider-part, .aft-banner-layout-tabbed.aft-banner-order-2 .aft-main-banner-part .aft-slider-part .aft-main-banner-slider-part{ margin-top: 20px; } body.single.align-content-right .entry-content-wrap.social-vertical-share .aft-social-share{ text-align: left; } .aft-banner-layout-tabbed .aft-main-banner-part .aft-slider-part, .aft-banner-layout-aligned .aft-main-banner-wrapper .aft-slider-part { padding-left: 10px; padding-right: 10px; } .aft-banner-layout-aligned .aft-main-banner-wrapper .aft-slider-part { margin-top: 0; } } @media screen and (max-width: 1024px) and (min-width: 481px) { .aft-banner-layout-tabbed-aligned .af-main-banner-thumb-posts .af-sec-post:nth-child(odd) .read-single, .aft-banner-layout-vertical .af-main-banner-thumb-posts .af-sec-post:nth-child(odd) .read-single { margin-right: 10px; } .aft-banner-layout-tabbed-aligned .af-main-banner-thumb-posts .af-sec-post:nth-child(even) .read-single, .aft-banner-layout-vertical .af-main-banner-thumb-posts .af-sec-post:nth-child(even) .read-single { margin-left: 10px; } .aft-banner-layout-tiled-3 .af-main-banner-thumb-posts .af-sec-post .read-single, .aft-banner-layout-tiled-4 .af-main-banner-thumb-posts .af-sec-post:nth-child(odd) .read-single, .aft-banner-layout-tiled-2 .af-main-banner-thumb-posts .af-sec-post:nth-child(odd) .read-single { margin-right: 0; } .aft-banner-layout-tiled-2 .af-main-banner-thumb-posts { margin: 0 -10px; } .aft-banner-layout-tiled-2 .af-main-banner-thumb-posts .af-sec-post{ margin: 0 10px; width: calc(50% - 20px); } .af-main-banner-thumb-posts .af-sec-post .read-single , .aft-banner-layout-tiled-2 .aft-main-banner-part .aft-slider-part .chromenews-customizer.col-3 .af-sec-post:not(:last-child) .read-single, .aft-banner-layout-tabbed-aligned .af-main-banner-thumb-posts .af-sec-post .read-single , .aft-banner-layout-tabbed .aft-main-banner-part .aft-slider-part .af-main-banner-tabbed-posts .af-sec-post:nth-child(3).read-single, .af-main-banner-tabbed-posts .af-sec-post:nth-child(3) .read-single { margin-bottom: 0; } .aft-main-banner-wrapper .banner-vertical-slider .slick-list , .aft-main-banner-wrapper .banner-vertical-slider .read-single { margin: 0; } } @media screen and (min-width: 991px) { .full-width-content .af-single-article .af-trending-posts .col-2.trending-posts-item, .full-width-content .af-single-article .af-reated-posts .col-2.trending-posts-item { width: 33.33%; } #primary ul.article-item.article-list-item.article-tabbed-list { display: flex; flex-wrap: wrap; justify-content: space-between; } #secondary .chromenews_posts_double_columns_widget .col-2.af-sec-post:last-child{ margin-top: 10px; } } @media screen and (max-width: 990px) and (min-width: 481px) { #secondary .chromenews_posts_single_column_widget .list-style:last-child .list-style .read-single{ margin-bottom: 15px; } #secondary .chromenews_posts_single_column_widget .af-double-column.list-style .read-bg-img{ width: calc(50% - 7.5px); max-width: calc(50% - 7.5px); } #secondary .chromenews_posts_single_column_widget .af-double-column.list-style .read-details { width: calc(50% + 7.5px); padding: 0 15px; } #secondary .chromenews_posts_double_columns_widget .col-2.af-sec-post { width: 50%; } #secondary .af-main-banner-categorized-posts .af-post-carousel .read-img, #secondary .chromenews_posts_slider_widget .read-single .read-img.read-bg-img{ height: 435px; } body:not(.full-width-content) #secondary .chromenews_express_posts_grid_widget .af-express-grid-wrap { grid-template-columns: repeat(2, 1fr); } body:not(.full-width-content) #secondary .chromenews_express_posts_grid_widget .af-express-grid-wrap .read-single:first-child{ grid-column-end: span 2; grid-row-end: span 2; min-height: 500px; } } @media screen and (max-width: 990px) { .header-layout-side div.custom-menu-link > a { padding-right: 0; } body:not(.full-width-content) #secondary .chromenews_featured_posts_widget .col-4.pad{ width: 33.33%; } #secondary .chromenews-widget.chromenews_posts_lists_widget .af-list-post .col-2 { width: calc(50% - 7.5px); } .af-boxed-layout .af-whole-wrapper{max-width: 970px;} body.single .entry-content-wrap.social-vertical-share .aft-social-share{ padding-top: 0; } #secondary .af-social-contacts .social-widget-menu ul li{ width: calc(16.66% - 15px); } #secondary .widget .af-social-contacts .social-widget-menu ul li:nth-last-child(1), #secondary .widget .af-social-contacts .social-widget-menu ul li:nth-last-child(2), #secondary .widget .af-social-contacts .social-widget-menu ul li:nth-last-child(3), #secondary .widget .af-social-contacts .social-widget-menu ul li:nth-last-child(4), #secondary .widget .af-social-contacts .social-widget-menu ul li:nth-last-child(5), #secondary .widget .af-social-contacts .social-widget-menu ul li:nth-last-child(6){ margin-bottom: 0; } body.align-content-right.aft-section-layout-none .container-wrapper #secondary, .aft-section-layout-none .container-wrapper #primary, body.align-content-right.aft-section-layout-none .container-wrapper #primary, .aft-section-layout-none .container-wrapper #secondary, body.align-content-right .container-wrapper #primary, body.align-content-right .container-wrapper #secondary, .container-wrapper #secondary, .container-wrapper #primary { width: 100%; padding: 0; } .archive.align-content-left .container-wrapper #primary, .archive.align-content-right .container-wrapper #primary{ margin-bottom: 20px; } .af-youtube-video-list .secondary-video, .af-youtube-video-list .primary-video{width: 100%;} .header-layout-compressed-full .full-width.af-transparent-head .af-for-transparent{ position: relative; } .main-navigation .menu-item:first-child .menu-description{ left: unset; } .main-navigation .menu-item-has-children:last-child .menu-description, .main-navigation .menu-item-has-children .menu-description, .main-navigation .menu-description{ top: 50%; left: inherit; transform: translateY(-50%); margin: 0 5px; bottom: unset; } .main-navigation .menu-description { color: #202020; } .main-navigation ul li.page_item_has_children > a:after, .main-navigation ul li.menu-item-has-children > a:after{ display: none; } .header-layout-compressed-full .full-width.af-transparent-head .af-for-transparent .search-icon, .header-layout-compressed-full .full-width.af-transparent-head .af-for-transparent .search-icon:visited, .header-layout-compressed-full .full-width.af-transparent-head .af-for-transparent .search-icon:hover, .header-layout-compressed-full .full-width.af-transparent-head .af-for-transparent .search-icon:focus, .header-layout-compressed-full .full-width.af-transparent-head .af-for-transparent .search-icon:active, .header-layout-compressed-full .full-width.af-transparent-head .af-for-transparent .main-navigation .menu > ul > li > a{ color: #000; } .header-layout-compressed-full .main-navigation .menu-desktop > ul > li > a{ opacity: 1; } .primary-footer-area:first-child:nth-last-child(3), .primary-footer-area:first-child:nth-last-child(3) ~ .primary-footer-area{ width: 50%; } .af-post-thumbnail-holder .af-double-column.list-style .read-bg-img{ width: 45px; height: 45px; min-width: 45px; } .af-post-thumbnail-holder .af-double-column.list-style .read-details .read-title h4{ font-size: 14px; font-weight: normal; } div.custom-menu-link > a{ font-size: 0; text-align: center; padding: 0; } div.custom-menu-link > a i{ font-size: 14px; margin-right: 0; } .main-navigation .toggle-menu{ width: auto; padding: 20px 7px; padding-left: 0; } .main-navigation .toggle-menu a { display: block; height: 18px; outline-offset: 2px; } .header-layout-compressed-full .main-navigation .toggle-menu{ padding: 20px; } .chromenews-header.header-layout-side .bottom-bar-flex .offcanvas-navigaiton { width: 100%; } .chromenews-header.header-layout-side .search-watch .af-search-wrap{ justify-content: center; } .chromenews-header.header-layout-centered .top-bar-right div.custom-menu-link > a, .chromenews-header.header-layout-compressed-full .top-bar-right div.custom-menu-link > a{ text-align: center; } .chromenews-header.header-layout-centered .top-bar-right .search-icon, .chromenews-header.header-layout-compressed-full .top-bar-right .search-icon{ line-height: 29px; } .chromenews-header.header-layout-compressed-full .bottom-bar-flex .logo{width: 100%;} .af-banner-carousel.af-banner-carousel-1.af-carousel-default .slick-item .read-single { margin-bottom: 0; } .aft-banner-layout-tiled-4.aft-banner-order-1 .af-banner-carousel.af-banner-carousel-1.af-carousel-default .slick-item .read-single , .aft-banner-layout-tiled-4.aft-banner-order-3 .af-banner-carousel.af-banner-carousel-1.af-carousel-default .slick-item .read-single { margin-bottom: 20px; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { .aft-banner-layout-tiled.aft-main-banner-section .af-banner-carousel .read-img.read-bg-img, .aft-banner-layout-tiled-4.aft-main-banner-section .af-banner-carousel .read-img.read-bg-img, .aft-banner-layout-tiled-3 .af-main-banner-thumb-posts .af-sec-post:first-child .read-img.read-bg-img, .aft-banner-layout-tiled-3.aft-main-banner-section .af-banner-carousel .read-img.read-bg-img, .aft-banner-layout-tiled-2.aft-main-banner-section .af-banner-carousel .read-img.read-bg-img{ height: 550px; } .aft-banner-layout-tiled-4 .af-main-banner-thumb-posts .af-sec-post .read-img.read-bg-img, .aft-banner-layout-tiled-3 .af-main-banner-thumb-posts .af-sec-post .read-img.read-bg-img, .aft-banner-layout-tiled-2 .af-main-banner-thumb-posts .af-sec-post .read-img.read-bg-img, .af-main-banner-thumb-posts .af-sec-post .read-img.read-bg-img{ height: 320px; } .aft-banner-layout-default.aft-main-banner-section .af-banner-carousel .read-img.read-bg-img{ height: 550px; } .aft-banner-layout-default .af-main-banner-thumb-posts .af-sec-post .read-img.read-bg-img { height: 220px; } .full-width-content .three-col-masonry article.col-3 .read-img.read-bg-img { height: 240px; } } @media only screen and (max-width: 768px) and (min-width: 481px) { .aft-banner-layout-tiled.aft-banner-order-4 .aft-main-banner-wrapper .aft-slider-part .aft-main-banner-slider-part, .aft-banner-layout-tiled.aft-banner-order-2 .aft-main-banner-wrapper .aft-slider-part .aft-main-banner-slider-part, .aft-banner-layout-tiled.aft-banner-order-3 .aft-main-banner-wrapper .aft-slider-part .aft-main-banner-slider-part, .aft-banner-layout-tiled.aft-banner-order-1 .aft-main-banner-wrapper .aft-slider-part .aft-main-banner-slider-part{ grid-column-end: 3; } .aft-banner-layout-tiled.aft-banner-order-3 .aft-main-banner-wrapper .aft-slider-part .af-sec-post:last-child, .aft-banner-layout-tiled.aft-banner-order-1 .aft-main-banner-wrapper .aft-slider-part .af-sec-post:last-child{ grid-column-start: 1; grid-column-end: 3; grid-row-start: 5; grid-row-end: 7; } .aft-banner-layout-tiled.aft-banner-order-4 .aft-main-banner-wrapper .aft-slider-part .af-sec-post:last-child, .aft-banner-layout-tiled.aft-banner-order-2 .aft-main-banner-wrapper .aft-slider-part .af-sec-post:last-child{ grid-column-start: 1; grid-column-end: 3; grid-row-start: 3; grid-row-end: 5; } .aft-banner-layout-tiled.aft-banner-order-4 .aft-main-banner-wrapper .aft-slider-part .aft-main-banner-slider-part, .aft-banner-layout-tiled.aft-banner-order-2 .aft-main-banner-wrapper .aft-slider-part .aft-main-banner-slider-part{ grid-row-start: 5; grid-row-end: 7; grid-column-start: 1; grid-column-end: 3; } .aft-banner-layout-tiled .aft-main-banner-wrapper .aft-slider-part{ grid-template-columns: repeat(2, 1fr); } #secondary iframe.af-hide-iframe, #secondary .chromenews_youtube_video_widget .af-youtube-slider .vid-container.af-video-wrap img { height: 380px; } .aft-banner-layout-tiled.aft-banner-order-4 .aft-main-banner-wrapper .aft-slider-part .af-sec-post:last-child .read-img.read-bg-img, .aft-banner-layout-tiled.aft-banner-order-2 .aft-main-banner-wrapper .aft-slider-part .af-sec-post:last-child .read-img.read-bg-img, .aft-banner-layout-tiled.aft-banner-order-3 .aft-main-banner-wrapper .aft-slider-part .af-sec-post:last-child .read-img.read-bg-img, .aft-banner-layout-tiled.aft-banner-order-1 .aft-main-banner-wrapper .aft-slider-part .af-sec-post:last-child .read-img.read-bg-img{ height: 450px; } #secondary .chromenews_express_posts_list_widget .col-2.af-sec-post, body:not(.full-width-content) #secondary .chromenews_featured_posts_widget .col-4.pad{ width: 50%; } .af-main-banner-latest-posts.grid-layout .col-3, .af-main-banner-featured-posts.featured-posts .col-3, .aft-featured-category-section.af-list-post .af-widget-body > .list-style, .af-main-banner-categorized-posts.express-posts .col-3 .af-sec-post.list-part{ width: calc(50% - 10px); } .featured-post-items-wrap .af-sec-post{ width: 50%; } .full-width-content .three-col-masonry article.col-3 .read-img.read-bg-img, .three-col-masonry .col-3 .read-img.read-bg-img{ height: 140px; } .aft-masonry-archive-posts .read-img{ height: unset; min-height: 136px; } .full-width-content article.latest-posts-full .read-img, .featured-post-items-wrap .af-sec-post:not(.list-part) .read-img , article.latest-posts-full .read-img { height: 435px; } .aft-masonry-archive-posts.three-col-masonry .col-3{ width: 50%; } .aft-banner-layout-tiled-4.aft-main-banner-section .af-banner-carousel .read-img.read-bg-img, .aft-banner-layout-tiled-3 .af-main-banner-thumb-posts .af-sec-post:first-child .read-img.read-bg-img, .aft-banner-layout-tiled-3.aft-main-banner-section .af-banner-carousel .read-img.read-bg-img, .chromenews_posts_slider_widget .read-single .read-img.read-bg-img, .af-banner-carousel .read-img.read-bg-img { height: 450px; } } @media screen and (min-width: 769px){ .aft-featured-category-section.featured-cate-sec.chromenews-customizer .featured-category-item.chromenews-customizer { margin-bottom: 0; } .af-main-banner-categorized-posts .col-3.small-grid-style .af-widget-body .col-2 { width: 100%; } body.full-width-content .chromenews_posts_lists_widget .col-2 { width: 33.33%; } body.full-width-content .chromenews_posts_lists_widget .col-2:nth-child(3n+1) { clear: left; } } @media screen and (max-width: 768px) { .af-boxed-layout .above-footer-widget-section .container-wrapper, .af-boxed-layout .aft-frontpage-feature-section-wrapper section, body.af-boxed-layout .entry-content-title-featured-wrap .container-wrapper, body.af-boxed-layout #content.container-wrapper { padding-right: 20px; padding-left: 20px; } .chromenews_youtube_video_widget span.vid-thumb img{ height: 110px; } .exclusive-posts .exclusive-now span { display: none; } .secondary-footer .af-flex-container { flex-wrap: wrap; } .secondary-footer .af-flex-container .col-2 { width: 100%; text-align: center; } .secondary-footer .af-flex-container .col-2 + .col-2 { margin-top: 10px; } .secondary-footer .af-flex-container .aft-small-social-menu { text-align: center; } .top-bar-flex .top-bar-right { width: 70%; } .mailchimp-block{ padding: 80px 0; } .aft-featured-category-section.featured-cate-sec.chromenews-customizer .featured-category-item.chromenews-customizer:last-child { margin-bottom: 0; } .af-boxed-layout .af-whole-wrapper{max-width: 700px;} body.full-width-content .chromenews_express_posts_grid_widget .af-express-grid-wrap { grid-template-columns: repeat(2, 1fr); } .entry-content form.mc4wp-form, .inner-suscribe { max-width: 600px; } /*featuredposts*/ body.full-width-content .chromenews_featured_posts_widget .col-4.pad, body.full-width-content #primary .chromenews_express_posts_list_widget .col-2, .full-width-content .af-reated-posts .latest-posts-grid.af-sec-post, body:not(.full-width-content) #secondary .chromenews_featured_posts_widget .col-4.pad, body:not(.full-width-content) .chromenews_featured_posts_widget .col-4.pad, .af-reated-posts .col-3, .af-main-banner-latest-posts .col-4, .four-col-masonry .col-3, .featured-posts .col-4{ width: 50%; } body.full-width-content .chromenews_featured_posts_widget .col-4.pad:nth-child(3n+1), .archive-first-post-full .four-col-masonry .col-3:nth-child(2n+1), body:not(.full-width-content) .chromenews_featured_posts_widget .col-4.pad:nth-child(3n+1), .af-reated-posts .latest-posts-grid.af-sec-post:nth-child(3n+1){ clear: none; } body.full-width-content .chromenews_featured_posts_widget .col-4.pad:nth-child(2n+1), body:not(.full-width-content) .chromenews_featured_posts_widget .col-4.pad:nth-child(2n+1), .af-reated-posts .col-3:nth-child(2n+1), .af-main-banner-latest-posts .col-4:nth-child(2n+1), .featured-posts .col-4:nth-child(2n+1), .archive-first-post-full .four-col-masonry .col-3:nth-child(2n) , .af-reated-posts .latest-posts-grid.af-sec-post:nth-child(2n+1){ clear: left; } body.full-width-content #primary .chromenews_youtube_video_widget .af-youtube-slider .vid-container.af-video-wrap img, body.full-width-content #primary iframe.af-hide-iframe { height: 380px; } body.full-width-content #primary .chromenews_posts_slider_widget .read-single .read-img.read-bg-img, .aft-banner-layout-tabbed-aligned .aft-main-banner-slider-part .af-banner-carousel .read-img.read-bg-img, .aft-banner-layout-tabbed .aft-main-banner-slider-part .af-banner-carousel .read-img.read-bg-img, .aft-banner-layout-compressed .aft-main-banner-slider-part .af-banner-carousel .read-img.read-bg-img, .aft-banner-layout-vertical .aft-main-banner-slider-part .af-banner-carousel .read-img.read-bg-img{ height: 500px; } .read-img.read-bg-img, .af-main-banner-categorized-posts .af-post-carousel .read-img, .four-col-masonry .col-3 .read-img.read-bg-img, .full-width-content .two-col-masonry article.col-3 .read-img.read-bg-img, .home-featured-widgets .chromenews_posts_single_column_widget .af-double-column.list-style .read-bg-img, .aft-below-main-banner-section .chromenews_posts_single_column_widget .af-double-column.list-style .read-bg-img, .full-width-content .archive-layout-list .af-double-column.list-style .read-bg-img, .full-width-content .chromenews_posts_single_column_widget .af-double-column.list-style .read-bg-img, .aft-main-banner-section.aft-banner-layout-horizontal .af-banner-carousel .read-img.read-bg-img, .aft-banner-layout-default .af-main-banner-thumb-posts .af-sec-post .read-img.read-bg-img, .aft-banner-layout-tabbed-aligned .af-main-banner-thumb-posts .af-sec-post .read-img.read-bg-img, .aft-banner-layout-vertical .af-main-banner-thumb-posts .af-sec-post .read-img.read-bg-img, .aft-banner-layout-tiled-4 .af-main-banner-thumb-posts .af-sec-post .read-img.read-bg-img, .aft-banner-layout-tiled-3 .af-main-banner-thumb-posts .af-sec-post .read-img.read-bg-img, .af-main-banner-thumb-posts .af-sec-post .read-img.read-bg-img{ height: 240px; } body.full-width-content #primary .chromenews_posts_double_columns_widget .af-widget-body .af-sec-post .read-img.read-bg-img{ height: 220px; } .full-width-content .archive-layout-list .af-double-column.list-style.no-post-image .read-bg-img, .archive-layout-grid .no-post-image .read-img.read-bg-img { height: unset; } .archive-masonry-post .read-img.read-bg-img { height: unset; min-height: unset; } .four-col-masonry article.col-2 { width: 50%; } .related-title .read-img.read-bg-img, #secondary .af-main-banner-categorized-posts .af-post-carousel .read-img, #secondary .aft-featured-category-section .featured-post-items-wrap .af-sec-post:not(.list-part) .read-img, #secondary .chromenews_express_posts_list_widget .featured-post-items-wrap .af-sec-post:not(.list-part) .read-img, #secondary .chromenews_posts_double_columns_widget .af-widget-body .af-sec-post .read-img.read-bg-img{ height: 240px; } body:not(.full-width-content) #secondary .chromenews_express_posts_grid_widget .af-express-grid-wrap .read-single { min-height: 240px; } .banner-vertical-slider .aft-trending-posts.list-part .af-double-column.list-style .read-bg-img { height: 100px; max-width: 100px; } .banner-vertical-slider .aft-trending-posts.list-part .af-double-column.list-style .read-details { max-height: 100px; max-width: calc(100% - 100px); width: calc(100% - 100px); } .aft-banner-layout-tabbed-trending .banner-vertical-slider .aft-trending-posts.list-part .af-double-column.list-style .read-bg-img, .aft-main-banner-wrapper .aft-trending-part.col-4 .read-single:not(.af-cat-widget-carousel) .read-img.read-bg-img, .aft-main-banner-wrapper .aft-tabbed-part.col-4 .read-single:not(.af-cat-widget-carousel) .read-img.read-bg-img{ height: 100px; max-width: 100px; width:100px; } .aft-banner-layout-tabbed-trending .banner-vertical-slider .aft-trending-posts.list-part .af-double-column.list-style .read-details, .aft-main-banner-wrapper .aft-trending-part.col-4 .af-double-column.list-style .read-details.pad, .aft-main-banner-wrapper .aft-tabbed-part.col-4 .af-double-column.list-style .read-details.pad { max-height: 100px; width: calc(100% - 100px); } /*featuredposts*/ body:not(.full-width-content) .chromenews_posts_lists_widget .af-double-column.list-style.col-3, .aft-featured-category-section .featured-category-item, .af-main-banner-categorized-posts.express-posts.layout-1 .col-66.small-grid-style, .af-main-banner-categorized-posts.express-posts.layout-1 .col-3.small-grid-style, .af-youtube-video-list .secondary-video, .af-youtube-video-list .primary-video{width: 100%;} .aft-section-layout-none .aft-featured-category-section .featured-category-item { padding: 0; } .aft-section-layout-none.af-boxed-layout section.aft-blocks.aft-featured-category-section.af-list-post .container-wrapper { margin-right: 0px; margin-left: 0px; width: 100%; } .af-main-banner-categorized-posts.express-posts.layout-1 .col-3.small-grid-style{ margin-top: 10px; } .exclusive-posts .exclusive-now{ min-width: 50px; padding: 0; } .featured-post-items-wrap .af-sec-post:not(.list-part) .read-details{ min-height: 0; } body:not(.archive-first-post-full).full-width-content .archive-layout-grid.four-col-masonry article:nth-of-type(5n).archive-image-list-alternate .archive-grid-post .read-bg-img, body:not(.archive-first-post-full).full-width-content .archive-layout-grid.two-col-masonry article:nth-of-type(3n).archive-image-list-alternate .archive-grid-post .read-bg-img, body:not(.archive-first-post-full).full-width-content .archive-layout-grid.three-col-masonry article:nth-of-type(4n).archive-image-list-alternate .archive-grid-post .read-bg-img { height: 240px; } #scroll-up{ height: 40px; width: 40px; } body:not(.archive-first-post-full) .archive-layout-grid.four-col-masonry article:nth-of-type(5n).archive-image-list-alternate .archive-grid-post .read-title h4, body:not(.archive-first-post-full) .archive-layout-grid.two-col-masonry article:nth-of-type(3n).archive-image-list-alternate .archive-grid-post .read-title h4, body:not(.archive-first-post-full) .archive-layout-grid.three-col-masonry article:nth-of-type(4n).archive-image-list-alternate .archive-grid-post .read-title h4, body.archive-first-post-full .archive-layout-grid.four-col-masonry article:nth-of-type(5n+6).archive-image-list-alternate .archive-grid-post .read-title h4, body.archive-first-post-full .archive-layout-grid.two-col-masonry article:nth-of-type(3n+4).archive-image-list-alternate .archive-grid-post .read-title h4, body.archive-first-post-full .archive-layout-grid.three-col-masonry article:nth-of-type(4n+5).archive-image-list-alternate .archive-grid-post .read-title h4, body article.latest-posts-grid .read-title h4, body .two-col-masonry article.latest-posts-grid.col-3 .read-title h4 { font-size: 20px; } } @media screen and (max-width: 600px) { .aft-enable-top-bottom-gaps.af-boxed-layout .af-whole-wrapper{ margin: 10px; } body.custom-background.af-wide-layout { position: static; } .af-trending-posts .trending-posts-item{ width: 100%; } .aft-masonry-archive-posts.three-col-masonry .col-3{width: 50%;} .wp-post-author-shortcode.right .awpa-author-block , .wp-post-author-shortcode.left .awpa-author-block { width: 100%; margin: 0 auto; float: none; } .wp-post-author-shortcode.right , .wp-post-author-shortcode.left { text-align: center; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next, .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: none; width: 100%; } .post-navigation .nav-next{ margin-top: 15px; } body:not(.full-width-content) #primary .chromenews_express_posts_grid_widget .af-express-grid-wrap, .chromenews_express_posts_grid_widget .af-express-grid-wrap { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 599px) { .af-youtube-slider-thumbnail.col-4, .af-youtube-slider.col-75 { width: 100%; } .af-youtube-slider-thumbnail.col-4{ margin: 15px 0 0; } .chromenews_youtube_video_widget span.vid-thumb img { height: unset; } } @media screen and (min-width: 481px) { .aft-hide-on-mobile{display: inline-block;} .aft-show-on-mobile{display: none;} } @media screen and (max-width: 480px) { .af-boxed-layout .above-footer-widget-section .container-wrapper, .af-boxed-layout .aft-frontpage-feature-section-wrapper section, body.af-boxed-layout .entry-content-title-featured-wrap .container-wrapper, body.af-boxed-layout #content.container-wrapper , .aft-dark-mode.aft-section-layout-background.single-product header.entry-header, .aft-dark-mode.aft-section-layout-background.woocommerce-page main.site-main, .aft-light-mode.aft-section-layout-background.single-product header.entry-header, .aft-light-mode.aft-section-layout-background.woocommerce-page main.site-main, .aft-section-layout-background.home.blog main.site-main, .aft-section-layout-background.blog main.site-main{ padding-left: 10px; padding-right: 10px; } .comment .children { margin-left: 15px; } body.single .entry-content-wrap .post-excerpt, body.single-post.aft-single-full-header .post-excerpt { padding-left: 1em; } .aft-archive-wrapper .archive-layout-list .read-details { padding-top: 15px; } .af-boxed-layout .aft-popular-taxonomies-lists, .af-boxed-layout .banner-exclusive-posts-wrapper { margin-right: -10px; margin-left: -10px; } .af-wide-layout .aft-main-banner-wrapper .af-container-row-5 { margin-right: 0; margin-left: 0; } .aft-popular-taxonomies-lists { flex-wrap: wrap; } .aft-popular-taxonomies-lists strong { width: 100%; text-align: center; margin: 0; } .aft-popular-taxonomies-lists strong:after { display: none; } .aft-popular-taxonomies-lists ul {margin-top: 10px;} .aft-popular-taxonomies-lists ul li {margin-right: 10px;} .aft-main-banner-wrapper .chromenews-customizer .section-wrapper .af-slick-navcontrols, .aft-main-banner-wrapper .af-slick-navcontrols, .chromenews-widget .af-slick-navcontrols, .chromenews-customizer .section-wrapper .af-slick-navcontrols { width: 45px; } .aft-main-banner-section.aft-banner-layout-default .aft-main-banner-wrapper .aft-main-banner-slider-part .af-slick-navcontrols .slide-prev, .aft-main-banner-section.aft-banner-layout-horizontal .aft-main-banner-wrapper .aft-main-banner-slider-part .af-slick-navcontrols .slide-prev { left: 10px; } .aft-main-banner-section.aft-banner-layout-default .aft-main-banner-wrapper .aft-main-banner-slider-part .af-slick-navcontrols .slide-next, .aft-main-banner-section.aft-banner-layout-horizontal .aft-main-banner-wrapper .aft-main-banner-slider-part .af-slick-navcontrols .slide-next , .aft-main-banner-wrapper .chromenews-customizer .section-wrapper .af-slick-navcontrols, .aft-main-banner-wrapper .af-slick-navcontrols{ right: 10px; } .aft-banner-layout-aligned .aft-main-banner-wrapper .chromenews-customizer, .aft-banner-layout-tabbed .aft-main-banner-part .aft-slider-part, .aft-banner-layout-aligned .aft-main-banner-wrapper .aft-slider-part, .aft-main-banner-wrapper .aft-banner-aligned.aft-horizontal-grid-part, .aft-main-banner-wrapper .aft-tabbed-part, .aft-main-banner-wrapper .aft-editors-and-trending-part, .aft-main-banner-wrapper .aft-slider-part, .aft-main-banner-wrapper .aft-thumb-part, .aft-main-banner-wrapper .aft-trending-part{ padding: 0; } .container-wrapper, .af-wide-layout .aft-main-breadcrumb-wrapper.container-wrapper, .aft-section-layout-background .aft-main-banner-section .chromenews-customizer, .aft-section-layout-background .chromenews-customizer, .aft-section-layout-background .chromenews-widget, .aft-section-layout-background .af-main-banner-latest-posts.chromenews-customizer .container-wrapper { padding-left: 10px; padding-right: 10px; } .aft-section-layout-background .aft-banner-layout-compressed .chromenews-customizer, .aft-section-layout-background .aft-banner-layout-tabbed-trending .chromenews-customizer, .aft-section-layout-background .aft-banner-layout-tabbed-aligned .chromenews-customizer, .aft-section-layout-background .aft-banner-layout-vertical .chromenews-customizer, .aft-section-layout-background .aft-banner-layout-tabbed .chromenews-customizer, .aft-section-layout-background .aft-banner-layout-aligned .chromenews-customizer, .aft-section-layout-background .aft-banner-layout-default .chromenews-customizer, .aft-section-layout-background .aft-banner-layout-horizontal .chromenews-customizer{ padding: 0; } .header-layout-compressed-full .header-promotion { padding-bottom: 10px; } .aft-single-featured-title-over-image .entry-content-title-featured-wrap .entry-header{ padding: 20px; } .aft-single-featured-full-title-over-image .entry-content-title-featured-wrap .container-wrapper .af-breadcrumbs{ visibility: hidden; } body.single.aft-single-featured-full-title-over-image .read-details .entry-header-details .entry-meta, body.single.aft-single-featured-title-over-image article .entry-content-wrap .entry-meta { display: none; } body.single.aft-single-featured-title-over-image article .entry-content-wrap .entry-title { margin-bottom: 0; } .aft-single-featured-full-title-below-image .post-thumbnail img.wp-post-image, .aft-single-featured-full-title-over-image .post-thumbnail img.wp-post-image{ max-height: 300px; } .aft-banner-layout-tiled .aft-main-banner-wrapper .aft-slider-part{ display: flex; flex-wrap: wrap; padding-right: 0; padding-left: 0; } .aft-banner-layout-tiled.aft-banner-order-4 .aft-main-banner-wrapper .aft-slider-part .aft-main-banner-slider-part, .aft-banner-layout-tiled.aft-banner-order-2 .aft-main-banner-wrapper .aft-slider-part .aft-main-banner-slider-part{ order: 6; } .aft-banner-layout-tiled-4 .af-main-banner-thumb-posts .af-sec-post:nth-child(3){ margin-bottom: 20px; } .aft-banner-layout-tiled-3 .af-main-banner-thumb-posts .af-sec-post:last-child{ margin-top: 20px; } .aft-banner-layout-compressed .aft-main-banner-slider-part .af-banner-carousel .read-img.read-bg-img, .aft-banner-layout-tabbed .aft-main-banner-slider-part .af-banner-carousel .read-img.read-bg-img, .aft-banner-layout-vertical .aft-main-banner-slider-part .af-banner-carousel .read-img.read-bg-img, .aft-banner-layout-tabbed-aligned .aft-main-banner-slider-part .af-banner-carousel .read-img.read-bg-img, .aft-banner-layout-tabbed-aligned .af-main-banner-thumb-posts .af-sec-post .read-img.read-bg-img, .aft-main-banner-section .af-banner-carousel .read-img.read-bg-img, .aft-banner-layout-tiled.aft-main-banner-section .af-banner-carousel .read-img.read-bg-img, .aft-banner-layout-tiled-4.aft-main-banner-section .af-banner-carousel .read-img.read-bg-img, .aft-banner-layout-tiled-3.aft-main-banner-section .af-banner-carousel .read-img.read-bg-img, .aft-banner-layout-tiled-3 .af-main-banner-thumb-posts .af-sec-post:first-child .read-img.read-bg-img, .aft-banner-layout-tiled-2.aft-main-banner-section .af-banner-carousel .read-img.read-bg-img, .aft-banner-layout-default.aft-main-banner-section .af-banner-carousel .read-img.read-bg-img, .aft-banner-layout-aligned.aft-main-banner-section .af-banner-carousel .read-img.read-bg-img { height: 240px; } body.full-width-content #primary .chromenews_posts_slider_widget .read-single .read-img.read-bg-img { height: 220px; } body.full-width-content #primary .chromenews_youtube_video_widget .af-youtube-slider .vid-container.af-video-wrap img, body.full-width-content #primary iframe.af-hide-iframe { height: 200px; } .aft-banner-layout-aligned .aft-main-banner-part .aft-slider-part .chromenews-customizer.col-3 .read-single { margin-bottom: 20px; } body:not(.full-width-content) #primary .chromenews_express_posts_grid_widget .af-express-grid-wrap .read-single:first-child { min-height: 220px; } .chromenews_posts_double_columns_widget .col-2.af-sec-post:last-child{ margin-top: 10px; } body.archive-first-post-full .archive-layout-grid.four-col-masonry article:nth-of-type(5n+6).archive-image-list-alternate .archive-grid-post .read-details , body.archive-first-post-full .archive-layout-grid.two-col-masonry article:nth-of-type(3n+4).archive-image-list-alternate .archive-grid-post .read-details, body.archive-first-post-full .archive-layout-grid.three-col-masonry article:nth-of-type(4n+5).archive-image-list-alternate .archive-grid-post .read-details { padding-top: 10px; padding-bottom: 0; } iframe.af-hide-iframe, .chromenews_youtube_video_widget .af-youtube-slider .vid-container.af-video-wrap img{ height: 260px; } /*media query of fonts*/ body:not(.full-width-content) #primary .chromenews_express_posts_grid_widget .af-express-grid-wrap .read-single:first-child .read-title h4, body .mailchimp-block .block-title, body .chromenews_posts_slider_widget .read-single .read-details .read-title h4, body article.latest-posts-full .read-title h4, body .af-banner-carousel .read-title h4, body.single-post .entry-title, body h1.page-title{ font-size: 20px; } .header-after1 , .widget-title{ font-size: 20px; } /*media query of fonts*/ /* media query of nav slide button */ .af-slick-navcontrols .slide-icon, .af-youtube-slider .slide-icon, .aft-yt-video-item-wrapper .slide-icon{ height: 20px; width: 20px; } .af-slick-navcontrols .slide-icon.slide-prev, .af-youtube-slider .slide-icon.slide-prev, .aft-yt-video-item-wrapper .slide-icon.slide-prev { right: 25px; } .widget-title-border-side .aft-horizontal-grid-part .heading-line, .widget-title-border-side .chromenews_popular_news_widget .heading-line, .widget-title-border-side .chromenews_trending_news_widget .heading-line, .widget-title-border-side .chromenews_posts_slider_widget .heading-line, .widget-title-border-side .chromenews_posts_carousel_widget .heading-line, .widget-title-border-side .chromenews_youtube_video_widget .heading-line, .widget-title-border-side .aft-featured-video-section .heading-line { padding-right: 50px; } /* media query of nav slide button */ body.full-width-content .chromenews_express_posts_grid_widget .af-express-grid-wrap { grid-template-columns: repeat(1, 1fr); } .archive article .grid-design-texts-over-image .post-description { display: none; } .three-col-masonry article.col-2, .four-col-masonry article.col-2 { width: 100%; } body:not(.full-width-content) #secondary .chromenews_featured_posts_widget .col-4.pad, #secondary .chromenews-widget.chromenews_posts_lists_widget .af-list-post .col-2 { width: 100%; } .entry-content form.mc4wp-form input, .inner-suscribe input{ text-align: center; } .entry-content form.mc4wp-form .mc4wp-form-fields label, .inner-suscribe .mc4wp-form-fields label{ width: 100%; margin-bottom: 0; } .inner-suscribe input[type=submit] { position: static; width: 100%; } .af-social-contacts .social-widget-menu .screen-reader-text { display: none; } #primary .widget .af-social-contacts .social-widget-menu ul li:nth-last-child(4), #primary .widget .af-social-contacts .social-widget-menu ul li:nth-last-child(5), #primary .widget .af-social-contacts .social-widget-menu ul li:nth-last-child(6){ margin-bottom: 15px; } .widget .af-social-contacts .social-widget-menu ul li, #secondary .af-social-contacts .social-widget-menu ul li{ width: calc(33.33% - 15px); } #secondary .widget .af-social-contacts .social-widget-menu ul li:nth-last-child(4), #secondary .widget .af-social-contacts .social-widget-menu ul li:nth-last-child(5), #secondary .widget .af-social-contacts .social-widget-menu ul li:nth-last-child(6){ margin-bottom: 15px; } .full-width-content .af-reated-posts .latest-posts-grid.af-sec-post, .aft-featured-category-section.af-list-post .af-widget-body > .list-style, .af-main-banner-categorized-posts.express-posts .col-3 .af-sec-post.list-part, .aft-posts-tabs-panel ul.article-tabbed-list li.aft-trending-posts.list-part.af-sec-post , .top-bar-flex .top-bar-right , .aft-main-banner-wrapper .aft-posts-tabs-panel ul.article-tabbed-list li.aft-trending-posts.list-part.af-sec-post, .af-main-banner-thumb-posts .small-grid-style .af-sec-post{ width: 100%; } .af-main-banner-thumb-posts .small-grid-style .af-sec-post:first-child{ padding-top: 0; } .af-main-banner-thumb-posts .small-grid-style .af-sec-post:last-child{ padding-bottom: 0; } .list-style .read-single { flex-wrap: wrap; } .af-double-column.list-style .read-single { flex-wrap: nowrap; } .archive-layout-list .af-double-column.list-style .read-single{ flex-wrap: wrap; } .chromenews_posts_single_column_widget .af-double-column.list-style .read-single { flex-wrap: wrap; margin-bottom: 30px; } .archive-layout-list .af-double-column.list-style .read-bg-img, .chromenews_posts_single_column_widget .af-double-column.list-style .read-bg-img { width: 100%; max-width: 100%; } .archive-layout-list .af-double-column.list-style .read-details, .chromenews_posts_single_column_widget .af-double-column.list-style .read-details { width: 100%; padding-right: 0; padding-left: 0; padding-bottom: 0; } body .mailchimp-block .block-title{ font-size: 20px; } .mailchimp-block{ padding: 60px 0; } .aft-show-on-mobile{display: inline-block;} .header-layout-compressed-full .aft-hide-on-mobile.aft-search-compress, .aft-hide-on-mobile{display: none;} .search-watch.aft-show-on-mobile{ display: flex; align-items: center; } .header-layout-centered .bottom-nav { display: flex; justify-content: space-between; } .header-layout-compressed-full .search-watch.aft-show-on-mobile { margin-left: auto; } .header-layout-compressed-full .bottom-nav { padding: 20px 0; } .header-layout-compressed-full .search-watch.aft-show-on-mobile .af-search-wrap{display: inline-block;} .header-layout-compressed-full .search-watch.aft-show-on-mobile .af-search-wrap, .header-layout-centered .af-search-wrap {width: 50px;align-self: center;} .chromenews-header.header-layout-side .search-watch .af-search-wrap{width: 50px;} .chromenews-header.header-layout-compressed-full .bottom-bar-flex{flex-flow: row wrap;} .chromenews-header.header-layout-compressed-full .bottom-bar-flex .logo{text-align: center;} .header-layout-compressed-full .main-navigation .toggle-menu {padding-left: 0;} .grid-layout-three > .common-grid, .grid-layout-three .common-grid:nth-child(2), .grid-layout-three .first-grid-item-warpper , .aft-banner-layout-tiled-3 .af-main-banner-thumb-posts .af-sec-post:not(:first-child), body.full-width-content .chromenews_featured_posts_widget .col-4.pad, body.full-width-content #primary .chromenews_express_posts_list_widget .col-2, .aft-main-banner-section .aft-thumb-part, .aft-main-banner-section .aft-trending-part, .af-reated-posts .col-3, .af-sec-post, .chromenews_posts_grid .af-sec-post, .col-2,.col-3,.col-4{ width: 100%; } .af-banner-carousel .read-img.read-bg-img, .list-style .read-bg-img{ height: 220px; } .chromenews_posts_slider_widget .read-single .read-img.read-bg-img, .full-width-content article.latest-posts-full .read-img, article.latest-posts-full .read-img { height: 240px; } body.full-width-content .chromenews_express_posts_grid_widget .af-express-grid-wrap .read-single:first-child{ min-height: 240px; } .af-banner-wrapper .af-banner-carousel .slick-slide{padding: 0;} .header-layout-centered .top-bar-right .aft-small-social-menu ul li a{ margin-top: 5px; } .top-bar-flex{ flex-wrap: wrap; } .aft-small-social-menu, .secondary-footer .af-flex-container { flex-wrap: wrap; text-align: center; } .top-bar-left{ justify-content: space-between; margin-bottom: 10px; } /*header-default-top-header*/ .header-layout-side .top-bar-flex{ flex-wrap: wrap; } .header-layout-side .top-bar-flex .top-bar-left, .header-layout-side .top-bar-flex .top-bar-right { justify-content: center; } .header-layout-side .top-bar-flex .top-bar-right .aft-small-social-menu { padding: 0; } /*header-default-top-header*/ /*header-centered-top-header*/ .header-layout-compressed-full .top-bar-left , .header-layout-compressed-full .top-bar-right, .header-layout-centered .top-bar-right, .header-layout-centered .top-bar-left { justify-content: center; margin-bottom: 0; } .header-layout-compressed-full .top-bar-right, .header-layout-centered .top-bar-right{margin-bottom: 0;} /*header-centered-top-header*/ .chromenews_posts_lists_widget .af-double-column.list-style .read-single .read-categories, .chromenews_popular_news_widget .af-double-column.list-style .read-single .read-categories, .chromenews_trending_news_widget .af-double-column.list-style .read-single .read-categories{ display: none; } .aft-small-social-menu{ padding: 5px 0; display: block; } .header-layout-centered .aft-small-social-menu{ margin-left: 0; margin-top: 5px; } article.archive-image-alternate:nth-of-type(even) .list-style .read-details, article.archive-image-right .list-style .read-details { text-align: left; } /*featuredposts*/ body:not(.full-width-content) .chromenews_featured_posts_widget .col-4.pad, .aft-masonry-archive-posts.three-col-masonry .col-3, .two-col-masonry .col-3, .four-col-masonry .col-3, .af-main-banner-latest-posts .col-4, .featured-posts .col-4{ width: 100%; } /*featuredposts*/ .primary-footer-area:first-child:nth-last-child(1), .primary-footer-area:first-child:nth-last-child(2), .primary-footer-area:first-child:nth-last-child(2) ~ .primary-footer-area, .primary-footer-area:first-child:nth-last-child(3), .primary-footer-area:first-child:nth-last-child(3) ~ .primary-footer-area{width: 100%;} body:not(.archive-first-post-full) .archive-layout-grid.four-col-masonry article:nth-of-type(5n).archive-image-list-alternate .archive-grid-post .read-single, body:not(.archive-first-post-full) .archive-layout-grid.two-col-masonry article:nth-of-type(3n).archive-image-list-alternate .archive-grid-post .read-single, body:not(.archive-first-post-full) .archive-layout-grid.three-col-masonry article:nth-of-type(4n).archive-image-list-alternate .archive-grid-post .read-single, body.archive-first-post-full .archive-layout-grid.four-col-masonry article:nth-of-type(5n+6).archive-image-list-alternate .archive-grid-post .read-single, body.archive-first-post-full .archive-layout-grid.two-col-masonry article:nth-of-type(3n+4).archive-image-list-alternate .archive-grid-post .read-single, body.archive-first-post-full .archive-layout-grid.three-col-masonry article:nth-of-type(4n+5).archive-image-list-alternate .archive-grid-post .read-single{ flex-wrap: wrap; } body:not(.archive-first-post-full) .archive-layout-grid.four-col-masonry article:nth-of-type(5n).archive-image-list-alternate .archive-grid-post .read-bg-img, body:not(.archive-first-post-full) .archive-layout-grid.two-col-masonry article:nth-of-type(3n).archive-image-list-alternate .archive-grid-post .read-bg-img, body:not(.archive-first-post-full) .archive-layout-grid.three-col-masonry article:nth-of-type(4n).archive-image-list-alternate .archive-grid-post .read-bg-img, body:not(.archive-first-post-full) .archive-layout-grid.four-col-masonry article:nth-of-type(5n).archive-image-list-alternate .archive-grid-post .read-details, body:not(.archive-first-post-full) .archive-layout-grid.two-col-masonry article:nth-of-type(3n).archive-image-list-alternate .archive-grid-post .read-details, body:not(.archive-first-post-full) .archive-layout-grid.three-col-masonry article:nth-of-type(4n).archive-image-list-alternate .archive-grid-post .read-details, body.archive-first-post-full .archive-layout-grid.four-col-masonry article:nth-of-type(5n+6).archive-image-list-alternate .archive-grid-post .read-details, body.archive-first-post-full .archive-layout-grid.two-col-masonry article:nth-of-type(3n+4).archive-image-list-alternate .archive-grid-post .read-details, body.archive-first-post-full .archive-layout-grid.three-col-masonry article:nth-of-type(4n+5).archive-image-list-alternate .archive-grid-post .read-details, body.archive-first-post-full .archive-layout-grid.four-col-masonry article:nth-of-type(5n+6).archive-image-list-alternate .archive-grid-post .read-bg-img, body.archive-first-post-full .archive-layout-grid.two-col-masonry article:nth-of-type(3n+4).archive-image-list-alternate .archive-grid-post .read-bg-img, body.archive-first-post-full .archive-layout-grid.three-col-masonry article:nth-of-type(4n+5).archive-image-list-alternate .archive-grid-post .read-bg-img{ width: 100%; padding-right: 0; padding-left: 0; } .af-search-wrap{position: static;} .af-search-form{width: 100%;} body.single .entry-header .aft-post-excerpt-and-meta .post-excerpt, .entry-content{ margin-left: 0; margin-right: 0; } body:not(.full-width-content) #primary .chromenews_express_posts_grid_widget .af-express-grid-wrap, .chromenews_express_posts_grid_widget .af-express-grid-wrap { grid-template-columns: repeat(1, 1fr); } .chromenews_express_posts_grid_widget .af-express-grid-wrap .read-single:first-child { grid-column-end: span 1; grid-row-end: span 1; } .aft-single-featured-full-title-over-image .entry-content-title-featured-wrap .container-wrapper .entry-header{ margin-bottom: 0; padding-bottom: 0; } .aft-single-featured-full-title-over-image .entry-content-title-featured-wrap .container-wrapper .af-breadcrumbs + .entry-header { margin-bottom: 0; } .entry-content form.mc4wp-form, .inner-suscribe { max-width: 350px; } body.aft-section-layout-background.single-content-mode-compact div.comments-area{ padding: 20px 10px; } body.single.single-content-mode-compact.default-content-layout.aft-section-layout-background .entry-content-wrap { padding: 0 10px; } body.af-boxed-layout.aft-section-layout-background .entry-content-title-featured-wrap .container-wrapper { padding-left: 10px; padding-right: 10px; } .aft-single-featured-full-title-below-image .entry-content-title-featured-wrap .container-wrapper .af-breadcrumbs { padding: 0; } .aft-single-featured-full-title-over-image .site > .entry-content-title-featured-wrap, .aft-single-featured-title-over-image .entry-content-title-featured-wrap .read-img.pos-rel img, .aft-single-featured-title-over-image .entry-content-title-featured-wrap .read-img.pos-rel{ min-height: 220px; } } @media screen and (max-width: 375px) { .header-layout-side .top-bar-flex { flex-wrap: wrap; } .header-layout-side .top-bar-flex .top-bar-left { width: 100%; } .header-layout-side .top-bar-flex .top-bar-right { width: 100%; justify-content: center; } .entry-content form.mc4wp-form, .inner-suscribe { max-width: 300px; } iframe.af-hide-iframe, .chromenews_youtube_video_widget .af-youtube-slider .vid-container.af-video-wrap img{ height: 200px; } } /*-------------------------------------------------------------- # media queries------------------------------------------------ --------------------------------------------------------------*/ /* elementor css */ .af-wide-layout .elementor-section.elementor-section-boxed > .elementor-container, .af-boxed-layout .elementor-section.elementor-section-boxed > .elementor-container{ max-width: 1100px; } .af-boxed-layout.elementor-page #content.container-wrapper .af-breadcrumbs, .af-wide-layout.elementor-page #content.container-wrapper .af-breadcrumbs, .af-boxed-layout.elementor-default #content.container-wrapper .af-breadcrumbs, .af-wide-layout.elementor-default #content.container-wrapper .af-breadcrumbs { max-width: 1100px; margin-left: auto; margin-right: auto; } .elementor-page .container-wrapper, .elementor-default .container-wrapper { -webkit-box-sizing: content-box; box-sizing: content-box; max-width: 1100px; } .elementor-page .mailchimp-block .container-wrapper , .elementor-default .mailchimp-block .container-wrapper , .elementor-page .container-wrapper > *, .elementor-default .container-wrapper > * { -webkit-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 820px) { .elementor-page .container-wrapper, .elementor-default .container-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; } } .af-boxed-layout.elementor-page .container-wrapper, .af-boxed-layout.elementor-default .container-wrapper { max-width: 100%; } .elementor-default .header-layout-compressed-full .af-for-transparent, .elementor-default .top-header, .elementor-default .af-middle-header , .elementor-default .mid-header , .elementor-default .af-bottom-header, .elementor-default .bottom-header, .elementor-default .header-layout-side .bottom-header, .elementor-default .header-layout-center .bottom-header, .elementor-default .primary-footer, .elementor-default .secondary-footer, .elementor-default .site-info, .elementor-page .header-layout-compressed-full .af-for-transparent, .elementor-page .top-header, .elementor-page .af-middle-header , .elementor-page .mid-header , .elementor-page .af-bottom-header, .elementor-page .bottom-header, .elementor-page .header-layout-side .bottom-header, .elementor-page .header-layout-center .bottom-header, .elementor-page .primary-footer, .elementor-page .secondary-footer, .elementor-page .site-info { display: flex; } /* elementor css */ /* for wide site elespare header and footer */ .elementor-page.af-wide-layout .elementor-section-wrap > section.elementor-section > .elementor-container, .elementor-default.af-wide-layout .elementor-section-wrap > section.elementor-section > .elementor-container{ padding-left: 20px; padding-right: 20px; } /* for wide site elespare header and footer*/ /* blockspare plugin compatible css here */ .blockspare-posts-block-latest-post-carousel-wrap .blockspare-posts-block-post-single .blockspare-posts-block-post-content .blockspare-posts-block-post-grid-title a, .blockspare-posts-block-latest-post-wrap .blockspare-posts-block-post-single .blockspare-posts-block-post-content .blockspare-posts-block-post-grid-title a, .blockspare-banner-1-main-wrapper .blockspare-banner-editor-picks-wrapper .blockspare-post-data .blockspare-posts-block-post-content .blockspare-posts-block-post-grid-title a, .blockspare-banner-1-main-wrapper .blockspare-banner-slider-wrapper .blockspare-post-data .blockspare-posts-block-post-content .blockspare-posts-block-post-grid-title a , .blockspare-banner-1-main-wrapper .blockspare-banner-trending-carousel-wrapper .blockspare-post-data .blockspare-posts-block-post-content .blockspare-posts-block-post-grid-title a { border: none; } .blockspare-container .wp-block-columns:last-child { margin-bottom: 0; } /* body.blockspare-blank-canvas #content.container-wrapper{ margin-top: 0; } */ /* blockspare plugin compatible css here */