/* Theme Name: Kreeti Lite Theme URI: https://afthemes.com/products/kreeti-lite/ Author: AF themes Author URI: https://www.afthemes.com/ Description: Kreeti Lite is a clean and elegant WordPress theme that is perfect for online blog and magazine. Using live customizer options and custom widgets you can design your website as you like and preview the changes live. This theme is fully responsive that looks beautiful on all the screen sizes from small to large devices. The design can be implemented as a personal blog, contemporary news newspapers, fashion magazine, travel, etc., because it contains many helpful elements that involve building an amazing looking website. It is compatible Gutenberg and RTL as well as with the WooCommerce plugin that helps you to integrate an online business with your blog easily. The theme is well-optimized to help rank your website among the top search engines and consumers will receive excellent assistance from the team if there are any problems in setting up theme. See our demos at https://afthemes.com/kreeti-lite-clean-and-elegant-wordpress-newspaper-theme/ Version: 2.0.2 Requires PHP: 5.6 Tested up to: 5.9 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: kreeti-lite 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. Kreeti 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. Kreeti WordPress Theme, Copyright 2020 AF themes Kreeti 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-family: 'Lato', sans-serif; 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: #bb191a; color: #000; } 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; } figure { margin: 1em 40px; } 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; } 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; } .btn-style1 a:visited, .btn-style1 a, button, input[type="button"], input[type="reset"], input[type="submit"] { border: none; border-radius: 0; background: #bb191a; color: #fff; font-size: 12px; line-height: normal; height: 38px; padding: 10px 16px; transition: all 300ms ease-out; text-transform: uppercase; font-weight: 700; } .btn-style1 a:visited, .btn-style1 a{ display: inline-block; height: auto; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } 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: 'Lato', sans-serif; font-size: 1rem; font-size: 15px; line-height: 1.5; } input{height: 38px;} button, input, select, optgroup, textarea { border: 1px solid #dcdcdc; } h1, h2, h3, h4, h5, h6 { clear: both; color: #000000; line-height: 1.5; } .site-title, h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', serif; font-weight: 700; } p { margin-bottom: 15px; font-family: 'Lato', sans-serif; } dfn, cite, em, i { font-style: italic; } blockquote { font-style: italic; border: 0; position: relative; text-align: center; font-size: 1.5625em; line-height: 1.5; margin-top: 2.57143em; margin-bottom: 2.14286em; padding-top: 1.71429em; padding-bottom: 1.71429em; } 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; padding: 0.66667em; padding-top: 1.33333em; padding-bottom: 1.33333em; } } blockquote:before { content: "\201C"; position: absolute; top: -0.45em; left: 10px; color: black; background: transparent; z-index: 1; font-size: 100px; opacity: 0.5; -webkit-transform: translateX(-50%); transform: translateX(-50%); } blockquote:after { content: ""; display: none; width: 9em; margin-left: -4.5em; position: absolute; top: 0; bottom: 0; left: 50%; border: 1px solid #e5e5e5; border-left: 0; border-right: 0; } 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 { /*background: #fff9c0;*/ text-decoration: none; } big { font-size: 125%; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } body { background-color: #f9f9f9; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } ul, ol { margin: 0; padding: 0; list-style: none; } 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; } table { margin: 0 0 1.5em; width: 100%; } /*-------------------------------------------------------------- # 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%); } #loader { width: 100px; height: 100px; border-radius: 100%; position: relative; margin: 0 auto; } #loader:before, #loader:after { content: ""; position: absolute; top: -10px; left: -10px; width: 100%; height: 100%; border-radius: 100%; border: 10px solid transparent; } #loader:before { border-top-color: #bb191a; animation: spin 1s infinite; } #loader:after { animation: spin 1s infinite alternate; border-bottom-color: #ccc; } @-moz-keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-o-keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-html #af-preloader{ display: none; } /*-------------------------------------------------------------- # Preloader --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*============-------------for all navigations----------=============*/ .main-navigation .menu-desktop > li , .main-navigation .menu-desktop > ul > li { position: relative; display: inline-block; transition-duration: 0.5s; text-transform: uppercase; font-size: 14px; line-height: 19px; padding: 20px; font-weight: 700; } .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; border-top: 1px solid rgba(0, 0, 0, 0.1); position: relative; } .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; color: #1c1c1c; } .ham { width: 23px; height: 2px; top: 50%; display: block; margin-right: auto; background-color: #fff; position: relative; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } .ham:before, .ham:after { position: absolute; content: ''; width: 100%; height: 2px; left: 0; top: -8px; background-color: #fff; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } .ham:after { top: 8px; } .ham.exit { background-color: transparent; } body.aft-default-mode .ham.exit{background-color:transparent;} .ham.exit:before { -webkit-transform: translateY(8px) rotateZ(-45deg); -moz-transform: translateY(8px) rotateZ(-45deg); -ms-transform: translateY(8px) rotateZ(-45deg); -o-transform: translateY(8px) rotateZ(-45deg); transform: translateY(8px) rotateZ(-45deg); } .ham.exit:after { -webkit-transform: translateY(-8px) rotateZ(45deg); -moz-transform: translateY(-8px) rotateZ(45deg); -ms-transform: translateY(-8px) rotateZ(45deg); -o-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: 25px; 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; } .main-navigation .menu .menu-mobile li a { display: block; color: #000; text-decoration: none; position: relative; padding: 15px 25px; padding-left: 10px; padding-right: 30px; border-top: 1px solid rgba(0, 0, 0, 0.1); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .main-navigation .menu .menu-mobile li .sub-menu { list-style: none; padding: 0; margin: 0; border-top: 1px solid #464646; display: none; } .main-navigation .menu .menu-mobile li .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 { content: "\f107"; font-family: FontAwesome; padding: 0 5px; color: inherit; font-size: inherit; display: inline-block; } .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;} @media only screen and (min-width: 992px) { .main-navigation .menu-desktop, .main-navigation .menu-desktop > ul { font-size: 0; display: flex; justify-content: center; } .main-navigation .menu ul ul li { width: 210px; } .main-navigation .menu-desktop > li.current-menu-item , .main-navigation .menu-desktop > ul > li.current-menu-item , .main-navigation .menu-desktop > li:hover , .main-navigation .menu-desktop > ul > li:hover { background-color: #bb191a; } .main-navigation .menu ul > li > a { position: relative; display: block; } .main-navigation .menu ul ul a { color: #000; display: block; padding: 15px 25px; padding-left: 10px; padding-right: 30px; 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: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s; -moz-transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s; -ms-transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s; -o-transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s; transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s; } .main-navigation .menu li:focus-within > ul { visibility: visible; filter: alpha(opacity=1); opacity: 1; z-index: 999; -webkit-transition: opacity 0.4s, top 0.4s; -moz-transition: opacity 0.4s, top 0.4s; -ms-transition: opacity 0.4s, top 0.4s; -o-transition: opacity 0.4s, top 0.4s; transition: opacity 0.4s, top 0.4s; } .main-navigation .menu li:focus > ul , .main-navigation .menu li:hover > ul { visibility: visible; filter: alpha(opacity=1); opacity: 1; z-index: 999; -webkit-transition: opacity 0.4s, top 0.4s; -moz-transition: opacity 0.4s, top 0.4s; -ms-transition: opacity 0.4s, top 0.4s; -o-transition: opacity 0.4s, top 0.4s; transition: opacity 0.4s, top 0.4s; } .main-navigation .menu > ul > li > ul { top: 110%; left: 0; background-color: #fff; } .main-navigation .menu > ul > li:last-child > ul { left: auto; 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 ul.children li.page_item_has_children > a:before, .main-navigation ul .sub-menu li.menu-item-has-children > a:before { content: "\f105"; font-family: FontAwesome; padding-right: 10px; float: left; } .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 (min-width: 991px) { .main-navigation .menu li a button{ display: none; } } @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; width: 100%; /* opacity: 0.0; animation: fadeIn ease 10s; -webkit-animation: fadeIn ease 10s; */ } /* @keyframes fadeIn { 0% {opacity:0;} 100% {opacity:1;} } */ .site .site-header { display: block; padding-bottom: 10px; padding-top: 10px; } .main-navigation .menu .menu-mobile li a button , .main-navigation .menu .menu-mobile li a i { position: absolute; top: 0; right: 0; bottom: 0; width: 30px; z-index: 1; background-color: transparent; border:none; } .main-navigation .menu .menu-mobile li a button { top: 50%; transform: translateY(-50%); } .main-navigation .menu .menu-mobile li a button:before, .main-navigation .menu .menu-mobile li a button:after , .main-navigation .menu .menu-mobile li a i:before, .main-navigation .menu .menu-mobile li a i:after { content: ''; width: 13px; height: 2px; background-color: #4a4a4a; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; } .main-navigation .menu .menu-mobile li a button:after , .main-navigation .menu .menu-mobile li a i:after { width: 2px; height: 13px; } .main-navigation .menu .menu-mobile li a button.active:after , .main-navigation .menu .menu-mobile li a i.active:after { opacity: 0; } } /*menu-description*/ .main-navigation .menu-description { position: absolute; top: -12px; left: calc(100% - 0px); background-color: #bb191a; text-transform: uppercase; font-size: 9px; padding: 2px 4px; line-height: 10px; color: #fff; z-index: 1; } .main-navigation .menu-description:after { position: absolute; content: ''; width: 0; height: 0; border-left: 0px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #bb191a; left: 3px; bottom: -4px; } .main-navigation .menu-item-has-children .menu-description { left: calc(100% - 10px); } .main-navigation .sub-menu .menu-description{ top: 50%; left: inherit; transform: translateY(-50%); margin: 0 5px; } .main-navigation .sub-menu .menu-description:after{display: none;} /*menu-description*/ body.aft-default-mode .main-navigation .menu .menu-mobile li a, body.aft-default-mode .main-navigation ul.children li a, body.aft-default-mode .main-navigation ul .sub-menu li a{ color: #4a4a4a; } /*============-------------for all navigations----------=============*/ /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a { color: #bb191a; text-decoration: none; } a:visited { color: #bb191a; } a:hover, a:focus, a:active { color: #bb191a; outline: 0; text-decoration: none; } a:focus { outline: 1px dotted; } a:hover, a:active { outline: 0; text-decoration: none; } /*-------------------------------------------------------------- ## grid --------------------------------------------------------------*/ .col-1 {width: 100%;} .col-2 {width: 50%;} .col-3 {width: 33.33%;} .col-4 {width: 25%;} .col-5 {width: 20%;} .col-16 {width: 16.6667%;} .col-30 {width: 30%;} .col-40 {width: 40%;} .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; } .pad-v { padding-top: 10px; padding-bottom: 10px; } #sidr .pad-v, #secondary .pad-v{ padding-top: 0; padding-bottom: 0; } .pad-5 { padding-left: 5px; padding-right: 5px; } .ptb-10{ padding-top: 10px; padding-bottom: 10px; } .marg-10-lr { margin-right: 10px; margin-left: 10px; } .marg-btm-lr { margin-bottom: 10px; } .af-container-row { margin-right: -10px; margin-left: -10px; } .af-container-row-5 { margin-right: -5px; margin-left: -5px; } .container-wrapper:before, .container-wrapper:after { content: ""; display: table; } .container-wrapper:after { clear: both; } .container-wrapper { max-width: 1300px; margin: 0 auto; padding-left: 15px; padding-right: 15px; } .elementor-template-full-width #content.container-wrapper{ max-width: none; padding: 0; } .af-wide-layout .container-wrapper{ max-width: none; } .af-boxed-layout .af-whole-wrapper{ max-width: 1300px; margin: 0 auto; background: #fff; } .af-boxed-layout .af-whole-wrapper .af-banner-wrapper { padding-left: 0px; padding-right: 0px; } .af-banner-wrapper{ max-width: 1300px; margin: 0 auto; padding-left: 15px; padding-right: 15px; } .pos-rel { position: relative; } .container-wrapper #primary { width: 70%; padding-right: 10px; } .container-wrapper #secondary { width: 30%; padding-left: 10px; } body.full-width-content #primary , .container-wrapper #primary.aft-no-sidebar { width: 100%; padding: 0; } .container-wrapper #primary, .container-wrapper #secondary { float: left; } body.align-content-right .container-wrapper #primary, body.align-content-right .container-wrapper #secondary { float: right; } 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; } .af-flex-container{ display: flex; } .section-block-upper{ display: flex; flex-wrap: wrap; align-items: flex-start; } @media only screen and (min-width: 991px){ body #secondary.sidebar-sticky-top { position: sticky; top: 30px; } body #secondary.sidebar-sticky-bottom { position: sticky; bottom: 0; align-self: flex-end; } .align-content-right .section-block-upper{ flex-direction: row-reverse; } } /*-------------------------------------------------------------- ## grid --------------------------------------------------------------*/ body #content.container-wrapper{ margin-top: 20px; } /*grids padding */ .read-details.pad { padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px; } .af-double-column.list-style .read-details.pad { padding-left: 15px; padding-right: 15px; padding-top: 0; padding-bottom: 0; } /*grids padding */ /*-------------------------------------------------------------- ## Social Menu --------------------------------------------------------------*/ .aft-small-social-menu { text-align: right; } .social-widget-menu ul li, .aft-small-social-menu ul li { display: inline-block; } .social-widget-menu ul li a, .aft-small-social-menu ul li a { font-size: 14px; font-family: FontAwesome; 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: FontAwesome; font-size: 14px; line-height: 1; vertical-align: middle; } .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: 29px; 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; } .em-author-details ul li a[href*="facebook.com"], .social-widget-menu ul li a[href*="facebook.com"], .aft-small-social-menu ul li a[href*="facebook.com"] { color: #3b5999; } .social-widget-menu.af-widget-body ul li a[href*="facebook.com"]{background-color: #3b5999;} .em-author-details ul li a[href*="dribbble.com"], .social-widget-menu ul li a[href*="dribbble.com"], .aft-small-social-menu ul li a[href*="dribbble.com"] { color: #ea4c89; } .social-widget-menu.af-widget-body ul li a[href*="dribbble.com"]{background-color: #ea4c89;} .em-author-details ul li a[href*="vk.com"], .social-widget-menu ul li a[href*="vk.com"], .aft-small-social-menu ul li a[href*="vk.com"] { color: #4c75a3; } .social-widget-menu.af-widget-body ul li a[href*="vk.com"]{background-color: #4c75a3;} .em-author-details ul li a[href*="twitter.com"], .social-widget-menu ul li a[href*="twitter.com"], .aft-small-social-menu ul li a[href*="twitter.com"] { color: #55acee; } .social-widget-menu.af-widget-body ul li a[href*="twitter.com"]{background-color: #55acee;} .em-author-details ul li a[href*="linkedin.com"], .social-widget-menu ul li a[href*="linkedin.com"], .aft-small-social-menu ul li a[href*="linkedin.com"] { color: #0077B5; } .social-widget-menu.af-widget-body ul li a[href*="linkedin.com"]{background-color: #0077B5;} .em-author-details ul li a[href*="instagram.com"], .social-widget-menu ul li a[href*="instagram.com"], .aft-small-social-menu ul li a[href*="instagram.com"] { color: #3F729B; } .social-widget-menu.af-widget-body ul li a[href*="instagram.com"]{background-color: #3F729B;} .em-author-details ul li a[href*="youtube.com"], .social-widget-menu ul li a[href*="youtube.com"], .aft-small-social-menu ul li a[href*="youtube.com"] { color: #cd201f; } .social-widget-menu.af-widget-body ul li a[href*="youtube.com"]{background-color: #cd201f;} .em-author-details ul li a[href*="vimeo.com"], .social-widget-menu ul li a[href*="vimeo.com"], .aft-small-social-menu ul li a[href*="vimeo.com"] { color: #1ab7ea; } .social-widget-menu.af-widget-body ul li a[href*="vimeo.com"]{background-color: #1ab7ea;} .em-author-details ul li a[href*="plus.google.com"], .social-widget-menu ul li a[href*="plus.google.com"], .aft-small-social-menu ul li a[href*="plus.google.com"] { color: #dd4b39; } .social-widget-menu.af-widget-body ul li a[href*="plus.google.com"]{background-color: #dd4b39;} .em-author-details ul li a[href*="pinterest.com"], .social-widget-menu ul li a[href*="pinterest.com"], .aft-small-social-menu ul li a[href*="pinterest.com"] { color: #bd081c; } .social-widget-menu.af-widget-body ul li a[href*="pinterest.com"]{background-color: #bd081c;} .em-author-details ul li a[href*="tumblr.com"], .social-widget-menu ul li a[href*="tumblr.com"], .aft-small-social-menu ul li a[href*="tumblr.com"] { color: #34465d; } .social-widget-menu.af-widget-body ul li a[href*="tumblr.com"]{background-color: #34465d;} .em-author-details ul li a[href*="wordpress.com"], .social-widget-menu ul li a[href*="wordpress.com"], .aft-small-social-menu ul li a[href*="wordpress.com"], .em-author-details ul li a[href*="wordpress.org"], .social-widget-menu ul li a[href*="wordpress.org"], .aft-small-social-menu ul li a[href*="wordpress.org"] { color: #21759b; } .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;} .em-author-details ul li a[href*="whatsapp.com"], .social-widget-menu ul li a[href*="whatsapp.com"], .aft-small-social-menu ul li a[href*="whatsapp.com"] { color: #25D366; } .social-widget-menu.af-widget-body ul li a[href*="whatsapp.com"]{background-color: #25D366;} .em-author-details ul li a[href*="reddit.com"], .social-widget-menu ul li a[href*="reddit.com"], .aft-small-social-menu ul li a[href*="reddit.com"] { color: #ff5700; } .social-widget-menu.af-widget-body ul li a[href*="reddit.com"]{background-color: #ff5700;} .aft-small-social-menu ul a[href*="dribbble.com"]:after, .social-widget-menu ul a[href*="dribbble.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*="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: "\f167"; } .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"; } footer .aft-small-social-menu ul li a, header .top-header .aft-small-social-menu ul li a{ color: #fff !important; background-color: transparent; line-height: 28px; } /*-------------------------------------------------------------- ## Social Menu --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ .kreeti-header .top-header { background-color: #1c1c1c; 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; } .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: .1s 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: 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; } .search-icon:focus{ outline: 1px dotted; } .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; -moz-transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s; -ms-transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s; -o-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); -moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.15); -o-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; -moz-transition: opacity 0.4s, top 0.4s; -ms-transition: opacity 0.4s, top 0.4s; -o-transition: opacity 0.4s, top 0.4s; transition: opacity 0.4s, top 0.4s; } .search-form label { width: 75%; float: left; } input.search-field { float: none; width: 100%; padding: 0 14px; height: 38px; -moz-box-sizing: border-box; box-sizing: border-box; background: #fafafa; border: 1px solid #eee; font-size: 13px; border-radius: 3px 0px 0px 3px; font-weight: normal; } input.search-submit { background: #313131; border: 1px solid #313131; border-radius: 0px 3px 3px 0px; color: #fff; padding: 0px; height: 37px; 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: 0.33; } .af-header-image.data-bg > div{position: relative;} .site-branding .site-title { margin: 0; } .kreeti-header .bottom-bar-flex { display: flex; justify-content: space-between; } div.custom-menu-link{ display: flex; } div.custom-menu-link > a { background: #af0000; padding: 5px 20px; color: #ffffff; font-size: 14px; font-weight: 700; display: flex; align-items: center; } div.custom-menu-link i { font-size: 14px; height: 14px; width: 20px; border-radius: 100%; font-weight: normal; } /*==========header-layout-default=============*/ .header-layout-default .af-middle-header { padding: 25px 0; } .kreeti-header.header-layout-default .bottom-bar-flex > div{ display: flex; } .header-layout-default .off-cancas-panel{ display: flex; align-items: center; } .kreeti-header.header-layout-default .search-watch .af-search-wrap{ margin-right: 10px; display: flex; align-items: center; } .kreeti-header.header-layout-default .search-watch div.custom-menu-link > a { background: #af0000; text-transform: uppercase; } /*==========header-layout-default=============*/ /*==========header-layout-compressed-full=============*/ .kreeti-header .bottom-pos-rel{position: relative;} .header-layout-compressed-full .logo{padding: 10px 0;} .header-layout-compressed-full .logo .site-title{ margin: 0; margin-bottom: 0; } .header-layout-compressed-full .logo .site-description{margin-bottom: 0;} .kreeti-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; } .header-layout-compressed-full .aft-hide-on-mobile.aft-search-compress { display: flex; align-items: center; } .kreeti-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;} .kreeti-header.header-layout-centered .top-bar-right div.custom-menu-link > a , .kreeti-header.header-layout-compressed-full .top-bar-right div.custom-menu-link > a { background: #af0000; text-transform: uppercase; text-align: left; } @media (min-width: 992px){ .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=============*/ /*==========header-layout-compressed-centered nav bottom=============*/ .header-layout-default, .header-layout-centered {background-color: #fff;} .header-layout-centered .mid-header-wrapper{ padding: 25px 0; } .header-layout-centered .mid-bar-flex { display: flex; justify-content: center; } .header-layout-centered .af-search-mid, .header-layout-centered .off-cancas-panel{ display: flex; align-items: center; } .header-layout-compressed-full .off-cancas-panel, .header-layout-default .off-cancas-panel, .header-layout-centered .off-cancas-panel{ margin-right: 20px; } .header-layout-default .logo, .header-layout-centered .logo{ padding: 10px 0; text-align: center; } .header-layout-centered .bottom-nav{text-align: center;position: relative;} .header-layout-centered .aft-small-social-menu{display: inline-block;} /*==========header-layout-compressed-centered nav bottom=============*/ /*==========header-layout-with advertisement=============*/ div#main-navigation-bar { background: #252525; } .header-layout-default .af-bottom-head-nav , .header-layout-default .af-middle-container{ display: flex; justify-content: space-between; align-items: center; } .header-layout-default .af-middle-container .logo{padding-right: 10px; width: 35%;text-align: left;} .header-layout-default .af-middle-container .header-advertise{padding: 10px;padding-right: 0;} .below-banner-advertisment-section .banner-promotions-wrapper:nth-last-child(2) , .header-advertise .banner-promotions-wrapper:nth-last-child(2) { margin-bottom: 10px; } .header-layout-default .af-bottom-header{ position: relative; } .header-layout-centered .header-advertise{padding-bottom: 10px;text-align: center;} @media only screen and (max-width: 991px) { .header-layout-default .af-middle-container{ flex-wrap: wrap; } .header-layout-default .af-middle-container .logo{padding-right: 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 .offcanvas, .header-layout-compressed .compress-bar-right, .header-layout-compressed .af-search-wrap{align-items: center;} .header-layout-compressed .af-search-wrap{justify-content: center;} .header-layout-compressed .compress-bar-nav{ display: flex; margin-right: 15px; } .header-layout-compressed.header-layout-compressed-centered .compress-bar-nav{ align-items: center; } .header-layout-compressed .compress-bar-mid .date-bar-mid{ color: #404040; line-height: normal; } .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 .main-navigation .menu-desktop > li, .header-layout-compressed .main-navigation .menu-desktop > ul > li{ align-items: center; } .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: 1200px) 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: 992px){ .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; } .aft-popular-taxonomies-lists{ background: #ffffff; display: flex; align-items: center; } body.aft-dark-mode .aft-popular-taxonomies-lists{background: transparent;} .aft-popular-taxonomies-lists strong { margin-right: 20px; color: #1c1c1c; position: relative; padding: 10px 15px; } .aft-popular-taxonomies-lists strong:before { position: absolute; content: ''; top: 0; left: 0; height: 100%; width: 100%; background-color: #000; opacity: 0.05; } .aft-popular-taxonomies-lists strong:after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 100%; border-color: transparent transparent transparent #000; border-style: solid; border-width: .7em; opacity: 0.05; } .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: #1c1c1c; transition: all 0.5s linear; } .aft-popular-taxonomies-lists ul li a:hover { color: #bb1919; } .aft-popular-taxonomies-lists ul li a:before { content: '\f292'; font-family: FontAwesome; font-size: 12px; padding: 0 5px; } /*aft-popular-taxonomies-lists-----*/ /*exclusive posts-----*/ .banner-exclusive-posts-wrapper{ position: relative; margin: 30px 0 0; } .banner-exclusive-posts-wrapper .exclusive-posts{ background: #eaeaea; } .banner-exclusive-posts-wrapper .exclusive-posts:before{ position: absolute; content: ''; top: 0; left: 0; height: 100%; width: 100%; background-color: #000; opacity: 0.05; } .banner-exclusive-posts-wrapper a, .banner-exclusive-posts-wrapper a:visited { color: #1c1c1c; transition: all 0.5s linear; } .banner-exclusive-posts-wrapper a:hover, .banner-exclusive-posts-wrapper a:visited:hover{ color: #bb1919; } .banner-exclusive-posts-wrapper .aft-ripple { display: inline-block; position: relative; min-width: 50px; width: 50px; min-height: 50px; height: 50px; display: flex; justify-content: center; align-items: center; } .banner-exclusive-posts-wrapper .aft-ripple div { position: absolute; border: 3px solid #fff; opacity: 1; border-radius: 50%; top: 50%; left: 50%; -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform:translate(-50% , -50%); animation: aft-ripple 1.3s cubic-bezier(0, 0.2, 0.8, 1) infinite; } .banner-exclusive-posts-wrapper .aft-ripple div:nth-child(2) { animation-delay: -0.5s; } @keyframes aft-ripple{ 0% { width: 0; height: 0; opacity: 1; } 100% { width: 38px; height: 38px; opacity: 0; } } .exclusive-posts { font-size: 14px; line-height: 50px; margin: 0px; position: relative; } .exclusive-posts .exclusive-now { background: #af0000; 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; } body.aft-dark-mode .banner-exclusive-posts-wrapper .exclusive-posts{background: transparent;} .exclusive-posts .exclusive-now span{ margin-left: 5px; display: inline-block; } .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; } .exclusive-posts .marquee a { padding: 0 25px; font-weight: bold; display: flex; align-items: center; } .exclusive-posts .marquee a span.circle-marq { width: 40px; height: 40px; overflow: hidden; display: inline-block; line-height: 1; margin-right: 10px; position: relative; } .exclusive-posts .marquee a img { height: 40px; width: 40px; object-fit: cover; } .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; line-height: 39px; 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 --------------------------------------------------------------*/ .kreeti_author_info_widget .read-img{ width: 150px; height: 150px; border-radius: 50%; overflow: hidden; margin: 0 auto; } .kreeti_author_info_widget .read-img img{ height: 100%; width: 100%; object-fit: cover; } .kreeti_author_info_widget .af-author-details, .kreeti_author_info_widget .aft-small-social-menu { text-align: center; } .kreeti_author_info_widget .aft-small-social-menu ul li a{ background-color: #fff; } body:not(.full-width-content) .kreeti_featured_posts_widget .col-4.pad{ width: 33.33%; } body:not(.full-width-content) .kreeti_posts_lists_widget .af-double-column.list-style.col-3{ width: 50%; } .af-wide-layout .kreeti_posts_lists_widget .af-double-column.list-style .data-bg.read-img.pos-rel.col-4.float-l.read-bg-img { height: 170px; width: 45%; } body:not(.full-width-content) #primary .kreeti_youtube_video_widget .col-2.secondary-video, body:not(.full-width-content) #primary .kreeti_youtube_video_widget .col-2.primary-video{ width: 100%; } body:not(.full-width-content) #primary .kreeti_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; } .kreeti_posts_slider_widget .read-single .read-img.read-bg-img { height: 600px; } .kreeti_posts_slider_widget .read-single .read-details { position: absolute; bottom: 0; left: 0; width: 100%; color: #fff; padding: 15px; z-index: 1; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); } .kreeti_posts_slider_widget .read-single .post-format-and-min-read-wrap, .kreeti_posts_slider_widget .read-single .read-categories{ display: inline-block; } #primary .af-main-banner-prime-news .af-sec-post.no-featured-image .read-descprition, #primary .af-main-banner-prime-news .read-details { text-align: left; } #primary .af-main-banner-prime-news .read-details { padding-left: 0; padding-right: 0; padding-top: 0; } #primary .af-main-banner-prime-news.layout-2 .prime-img-desp { flex-direction: column; align-items: flex-start; } body:not(.full-width-content) #primary .kreeti_posts_carousel_widget .af-post-carousel .read-img { height: 200px; } /* express grid widget */ .kreeti_express_posts_grid_widget .af-express-grid-wrap .read-single{ position: relative; min-height: 220px; display: flex; flex-direction: column; justify-content: flex-end; margin-bottom: 0; } .kreeti_express_posts_grid_widget .af-express-grid-wrap .read-single .read-img{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .kreeti_express_posts_grid_widget .af-express-grid-wrap .read-single .read-details{ position: relative; z-index: 2; padding: 15px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); } .kreeti_express_posts_grid_widget .af-express-grid-wrap .read-single .read-details .read-categories, .kreeti_express_posts_grid_widget .af-express-grid-wrap .read-single .read-details .post-format-and-min-read-wrap{ display: inline-block; } .kreeti_express_posts_grid_widget .af-express-grid-wrap{ display: grid; grid-gap: 20px; grid-template-columns: repeat(4, 1fr); } .kreeti_express_posts_grid_widget .af-express-grid-wrap .read-single:first-child { grid-column-end: span 2; grid-row-end: span 2; } body:not(.full-width-content) #primary .kreeti_express_posts_grid_widget .af-express-grid-wrap{ grid-template-columns: repeat(3, 1fr); } body:not(.full-width-content) #primary .kreeti_express_posts_grid_widget .af-express-grid-wrap .read-single{ min-height: 200px; } /* express grid widget */ .kreeti_posts_double_columns_widget .af-widget-body .af-sec-post .read-img.read-bg-img{ height: 390px; } body:not(.full-width-content) #primary .kreeti_posts_double_columns_widget .af-widget-body .af-sec-post .read-img.read-bg-img{ height: 290px; } /* for secondary , offcanvas */ #secondary .widget{ margin-bottom: 20px; } body:not(.full-width-content) #sidr .kreeti_featured_posts_widget .col-4.pad, body:not(.full-width-content) #sidr .kreeti_posts_lists_widget .af-double-column.list-style.col-3, body:not(.full-width-content) #secondary .kreeti_featured_posts_widget .col-4.pad, body:not(.full-width-content) #secondary .kreeti_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 .kreeti_youtube_video_widget .col-2.secondary-video, #secondary .kreeti_youtube_video_widget .col-2.secondary-video, #sidr .kreeti_youtube_video_widget .col-2.primary-video, #secondary .kreeti_youtube_video_widget .col-2.primary-video{ width: 100%; } #sidr .kreeti_youtube_video_widget .primary-video , #secondary .kreeti_youtube_video_widget .primary-video { margin-bottom: 20px; } #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 section.aft-blocks.af-main-banner-prime-news , #secondary section.aft-blocks.af-main-banner-prime-news { padding: 0; } #sidr .af-main-banner-prime-news .container-wrapper .af-sec-post, #secondary .af-main-banner-prime-news .container-wrapper .af-sec-post{ padding: 20px; } #sidr .af-main-banner-prime-news.layout-2 .read-img.read-bg-img, #secondary .af-main-banner-prime-news.layout-2 .read-img.read-bg-img, #sidr .af-main-banner-prime-news .read-details , #secondary .af-main-banner-prime-news .read-details { margin-bottom: 10px; } #sidr .af-main-banner-prime-news .read-details .read-title h2 , #secondary .af-main-banner-prime-news .read-details .read-title h2 { font-size: 16px; } #sidr .af-main-banner-prime-news .prime-img-desp , #secondary .af-main-banner-prime-news .prime-img-desp { display: flex; align-items: unset; flex-direction: column; } #sidr .af-main-banner-prime-news .prime-img-desp .read-img, #secondary .af-main-banner-prime-news .prime-img-desp .read-img{ width: 100%; height: 200px; } #sidr .af-main-banner-prime-news .af-sec-post.no-featured-image .read-descprition , #secondary .af-main-banner-prime-news .af-sec-post.no-featured-image .read-descprition { text-align: left; padding: 0; } #sidr .af-main-banner-prime-news .read-details , #secondary .af-main-banner-prime-news .read-details { text-align: left; padding: 0; padding-top: 5px; } #sidr .af-main-banner-prime-news .post-description , #secondary .af-main-banner-prime-news .post-description { font-size: 16px; margin-top: 5px; } #sidr .kreeti_express_posts_list_widget .col-2.af-sec-post, #secondary .kreeti_express_posts_list_widget .col-2.af-sec-post{ width: 100%; } #sidr .kreeti_express_posts_list_widget .featured-post-items-wrap .af-sec-post:not(.list-part) .read-details, #secondary .kreeti_express_posts_list_widget .featured-post-items-wrap .af-sec-post:not(.list-part) .read-details{ min-height: 0; } #sidr .kreeti_posts_slider_widget .read-single .read-img.read-bg-img, #secondary .kreeti_posts_slider_widget .read-single .read-img.read-bg-img { height: 230px; } #sidr .kreeti_posts_single_column_widget .list-style .read-single, #secondary .kreeti_posts_single_column_widget .list-style .read-single{ flex-wrap: wrap; } #sidr .kreeti_posts_single_column_widget .list-style:last-child .read-single, #secondary .kreeti_posts_single_column_widget .list-style:last-child .read-single{ margin-bottom: 0; } #sidr .kreeti_posts_single_column_widget .list-style .read-single .read-img, #secondary .kreeti_posts_single_column_widget .list-style .read-single .read-img{ height: 230px; width: 100%; } #sidr .kreeti_posts_single_column_widget .list-style .read-single .read-details, #secondary .kreeti_posts_single_column_widget .list-style .read-single .read-details{ width: 100%; } #sidr .kreeti_posts_double_columns_widget .col-2.af-sec-post, #secondary .kreeti_posts_double_columns_widget .col-2.af-sec-post{ width: 100%; } body:not(.full-width-content) #sidr .kreeti_express_posts_grid_widget .af-express-grid-wrap, body:not(.full-width-content) #secondary .kreeti_express_posts_grid_widget .af-express-grid-wrap{ grid-template-columns: repeat(1, 1fr); } body:not(.full-width-content) #sidr .kreeti_express_posts_grid_widget .af-express-grid-wrap .read-single:first-child , body:not(.full-width-content) #secondary .kreeti_express_posts_grid_widget .af-express-grid-wrap .read-single:first-child { grid-column-end: span 1; grid-row-end: span 1; } #sidr .kreeti_posts_double_columns_widget .af-widget-body .af-sec-post .read-img.read-bg-img, #secondary .kreeti_posts_double_columns_widget .af-widget-body .af-sec-post .read-img.read-bg-img{ height: 220px; } /* for secondary , offcanvas */ /*-------------------------------------------------------------- # Widgets end --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ .read-single{ margin-bottom: 20px; } .read-img img{ width: 100%; } .read-img.read-bg-img img{ display: none; } .read-img.read-bg-img{ background-size: cover; background-position: center; background-repeat: no-repeat; height: 220px; background-color: #eaeaea; } .related-title .read-img.read-bg-img{ height: 210px; } .af-wide-layout .related-title .read-img.read-bg-img{ height: 220px; } .full-width-content .af-reated-posts .read-img.read-bg-img{ height: 230px; } .aft-masonry-archive-posts .read-img{ min-height: 60px; background-color: #dedede; } .af-wide-layout .archive-layout-grid .read-img.read-bg-img, .af-wide-layout .af-main-banner-latest-posts.grid-layout .read-img.read-bg-img, .af-wide-layout .featured-posts .read-img.read-bg-img{ height: 230px; } .af-wide-layout .kreeti_posts_grid .read-img.read-bg-img{ height: 240px; } .af-wide-layout.align-content-left .content-area .kreeti_posts_grid .read-img.read-bg-img, .af-wide-layout.align-content-right .content-area .kreeti_posts_grid .read-img.read-bg-img{ height: 200px; } .read-title h4{ font-size: 15px; margin: 5px 0 10px; line-height: 1.5; } .related-title .read-title h4 { font-size: 17px; } .read-title h4 a, .read-title h2 a{ color: #404040; transition: all 0.5s linear; } .read-title h4 a:hover, .read-title h2 a:hover{ color: #bb1919; } /*sticky post*/ article.sticky .read-single{ position: relative; } article.sticky .read-single:before{ position: absolute; content: ''; top: 0; left: 0; height: 100%; width: 100%; opacity: 0.05; background-color: #bb191a; } article.sticky .read-single > div{ position: relative; } /*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; } .af-wide-layout article.aft-first-post-full.latest-posts-full .read-img{ height: 525px; } /*for first post*/ /*frontpage featured section*/ .aft-frontpage-feature-section-wrapper section{padding: 20px 0;} .aft-frontpage-feature-section-wrapper section:nth-child(odd){ background: rgba(0, 0, 0, 0.03); } /*frontpage featured section*/ .read-categories > ul, .read-categories > div{display: inline-block;} /*.read-categories{padding: 5px 0 0;}*/ .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; } section.aft-blocks.aft-main-banner-section.banner-carousel-1-wrap.bg-fixed.kreeti-customizer { width: 100%; background: rgb(255,255,255); background: -moz-linear-gradient(90deg, rgba(255,255,255,0.1) 0%, rgba(205,205,205,0.05) 49%, rgba(255,255,255,0.1) 100%); background: -webkit-linear-gradient(90deg, rgba(255,255,255,0.1) 0%, rgba(205,205,205,0.05) 49%, rgba(255,255,255,0.1) 100%); background: linear-gradient(90deg, rgba(255,255,255,0.1) 0%, rgba(205,205,205,0.05) 49%, rgba(255,255,255,0.1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1); } /*aft-readmore-wrapper*/ .aft-readmore-wrapper a.aft-readmore{ font-size: 14px; margin-top: 15px; padding: 5px 15px; border: 1px solid rgba(0,0,0,0.1); display: inline-block; font-weight: 600; transition: all 0.3s ease; } .aft-readmore-wrapper a.aft-readmore:hover{ background-color: #bb191a; border-color: #bb191a; color: #ffffff; } /*aft-readmore-wrapper*/ /*Prime news section*/ section.aft-blocks.af-main-banner-prime-news{ padding: 10px 0; } .af-main-banner-prime-news .container-wrapper .af-sec-post { background: #ffffff; padding: 20px 40px; margin-bottom: 20px; } .af-main-banner-prime-news .container-wrapper .af-sec-post:last-child { margin-bottom: 0; } .af-main-banner-prime-news .read-details{ text-align: center; margin-bottom: 20px; } .af-main-banner-prime-news .read-details .read-title h2{ font-size: 42px; margin-top: 5px; } .af-main-banner-prime-news .prime-img-desp{ display: flex; align-items: center; } .af-main-banner-prime-news .read-img.read-bg-img{ height: 425px; flex-shrink:0; } .af-main-banner-prime-news .read-descprition { padding-left: 15px; padding-right: 15px; display: flex; flex-direction: column; justify-content: space-around; } .af-main-banner-prime-news .read-descprition .read-categories, .af-main-banner-prime-news .read-descprition .post-format-and-min-read-wrap{ display: inline-block; } .af-main-banner-prime-news .read-descprition .post-format-and-min-read-wrap{ margin-right: 2px; } .af-main-banner-prime-news .read-descprition .post-format-and-min-read-wrap .min-read{ color: #404040; padding: 0; background-color: transparent; letter-spacing: normal; } .af-main-banner-prime-news .post-description{ font-size: 18px; } .af-main-banner-prime-news .aft-readmore-wrapper a.aft-readmore{ margin-top: 15px; padding: 10px 30px; display: inline-block; font-weight: 600; transition: all 0.3s ease; } .af-main-banner-prime-news .prime-realted-posts { margin-top: 30px; } .af-main-banner-prime-news .prime-realted-posts .read-title h4{ padding-bottom: 5px; border-bottom: 1px solid #eaeaea; font-weight: normal; } .af-main-banner-prime-news .prime-realted-posts .read-title h4 a{ transition: all 0.5s linear; color: #404040; } .af-main-banner-prime-news .prime-realted-posts .read-title h4 a:hover{opacity: 1;} /*layout1 no featured image*/ .af-main-banner-prime-news .af-sec-post.no-featured-image .read-descprition{ width: 100%; text-align: center; } .af-main-banner-prime-news .af-sec-post.no-featured-image .read-descprition .prime-realted-posts{ text-align: left; max-width: 750px; width: 100%; margin-left: auto; margin-right: auto; } /*layout1 no featured image*/ /*prime news layout2*/ .af-main-banner-prime-news.layout-2 .read-descprition, .af-main-banner-prime-news.layout-2 .read-img.read-bg-img{ width: 100%; } .af-main-banner-prime-news.layout-2 .read-img.read-bg-img{ margin-bottom: 20px; max-width: 750px; } .af-main-banner-prime-news.layout-2 .read-descprition{ text-align: center; } .af-main-banner-prime-news.layout-2 .prime-img-desp { flex-direction: column; } .af-main-banner-prime-news.layout-2 .af-sec-post .read-descprition .prime-realted-posts{ text-align: left; max-width: 750px; width: 100%; margin-left: auto; margin-right: auto; } /*prime news layout2*/ /*Prime news section*/ /*featured posts layout-1*/ .featured-post-items-wrap .af-sec-post:not(.list-part) .read-img { height: 290px; } .featured-post-items-wrap .af-sec-post:not(.list-part) .read-details { display: flex; flex-direction: column; min-height: 281px; 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: 220px;} .af-main-banner-categorized-posts .af-post-carousel .read-details{ position: absolute; left: 0; bottom: 0; padding: 15px; width: 100%; z-index: 1; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.85) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.85) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.85) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); } .af-main-banner-categorized-posts.express-posts .af-sec-post:first-child .read-title h4, .af-main-banner-categorized-posts.express-carousel .af-sec-post .read-title h4 { font-size: 18px; } .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-bottom: 0; } section.aft-blocks.aft-featured-category-section.af-list-post.featured-cate-sec.kreeti-customizer .read-bg-img{ height: 128px; width: 50%; } /*featured posts layout-2*/ /*boxed banner */ .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{margin-bottom: 10px;} .af-main-banner-thumb-posts .af-sec-post:first-child{ width: 100%; } .af-main-banner-thumb-posts .af-sec-post:first-child .read-img.read-bg-img{ width: 100%; display: block; height: 232px; } .af-wide-layout .af-main-banner-thumb-posts .af-sec-post:first-child .read-img.read-bg-img{ height: 315px; } .af-main-banner-thumb-posts .af-sec-post:first-child .read-details{ position: absolute; bottom: 0; left: 0; width: 100%; color: #fff; z-index: 1; padding: 15px; /*padding-bottom: 10px;*/ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); } .af-main-banner-thumb-posts .af-sec-post:first-child .read-title h4 { font-size: 20px; } .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; } .af-main-banner-thumb-posts .small-grid-style .af-sec-post:first-child .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; min-height: 128px; } .af-wide-layout .af-main-banner-thumb-posts .read-single:not(.af-cat-widget-carousel){ min-height: 145px; } .af-main-banner-thumb-posts .read-single:not(.af-cat-widget-carousel) .read-img.read-bg-img{ height: 120px; width: 45%; } .af-main-banner-thumb-posts .read-single:not(.af-cat-widget-carousel) .read-img, .af-main-banner-thumb-posts .read-single:not(.af-cat-widget-carousel) .aft-comment-view-share{display: none;} .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: -10px; } .banner-vertical-slider .read-single { margin-bottom: 10px; min-height: 85px; } .banner-vertical-slider .aft-trending-posts.list-part .af-double-column.list-style .read-bg-img { height: 110px; width: 50%; } section.aft-main-banner-section .banner-vertical-slider .aft-trending-posts.list-part .af-double-column.list-style .read-bg-img { height: 93px; width: 45%; } .banner-vertical-slider .aft-trending-posts.list-part .af-double-column.list-style .read-title h4{font-size: 14px;} /*banner trending now*/ /*banner layout 1=======================*/ .aft-main-banner-section.aft-banner-layout-1 .aft-main-banner-part{ display: flex; } .aft-main-banner-section.aft-banner-layout-1 .aft-main-banner-part .aft-position-1{order: 1;} .aft-main-banner-section.aft-banner-layout-1 .aft-main-banner-part .aft-position-2{order: 2;} .aft-main-banner-section.aft-banner-layout-1 .aft-main-banner-part .aft-position-3{order: 3;} /*banner layout 1=======================*/ /*banner layout 2=======================*/ /*editors pick thumbnail*/ .aft-main-banner-section.aft-banner-layout-2 .af-main-banner-thumb-posts{ width: 100%; } .aft-main-banner-section.aft-banner-layout-2 .af-main-banner-thumb-posts .af-sec-post, .aft-main-banner-section.aft-banner-layout-2 .af-main-banner-thumb-posts .af-sec-post:first-child{ width: 50%; } .aft-main-banner-section.aft-banner-layout-2 .af-main-banner-thumb-posts .af-sec-post .read-img.read-bg-img, .aft-main-banner-section.aft-banner-layout-2 .af-main-banner-thumb-posts .af-sec-post:first-child .read-img.read-bg-img{ width: 100%; display: block; height: 253px; } .af-wide-layout .aft-main-banner-section.aft-banner-layout-2 .af-main-banner-thumb-posts .af-sec-post .read-img.read-bg-img, .af-wide-layout .aft-main-banner-section.aft-banner-layout-2 .af-main-banner-thumb-posts .af-sec-post:first-child .read-img.read-bg-img{ height: 307px; } .aft-main-banner-section.aft-banner-layout-2 .af-main-banner-thumb-posts .af-sec-post .read-details, .aft-main-banner-section.aft-banner-layout-2 .af-main-banner-thumb-posts .af-sec-post:first-child .read-details{ position: absolute; bottom: 0; left: 0; width: 100%; color: #fff; z-index: 1; padding: 15px; padding-bottom: 10px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); } .aft-main-banner-section.aft-banner-layout-2 .af-main-banner-thumb-posts .af-sec-post .read-title h4, .aft-main-banner-section.aft-banner-layout-2 .af-main-banner-thumb-posts .af-sec-post:first-child .read-title h4{ font-size: 20px; } /*editors pick thumbnail*/ /*banner layout 2=======================*/ /*banner layout 3=======================*/ /*trending now*/ .aft-main-banner-section.aft-banner-layout-3 .banner-vertical-slider .aft-trending-posts.list-part .af-double-column.list-style .read-bg-img{ height: 110px; } .aft-main-banner-section.aft-banner-layout-3 .af-banner-carousel .read-img.read-bg-img { height: 600px; } /*trending now*/ /*banner layout 3=======================*/ .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: #bb191a; font-size: 11px; line-height: 11px; white-space: nowrap; word-wrap: normal; letter-spacing: 0.1px; transition: 0.3s; font-weight: 700; text-transform: uppercase; } .cat-links li a:after { content: "\2219"; color: inherit; font-weight: bold; padding: 0 0 0 2px; } /*cat links - color*/ a.kreeti-categories.category-color-1{color: #bb191a;} a.kreeti-categories.category-color-2{color: #0987f5;} a.kreeti-categories.category-color-3{color: #075fa5;} a.kreeti-categories.category-color-4{color: #e40752;} a.kreeti-categories.category-color-5{color: #ea8d03;} a.kreeti-categories.category-color-6{color: #ff5722;} a.kreeti-categories.category-color-7{color: #404040;} /*cat links - color*/ /*cat links background color*/ .af-cat-widget-carousel a.kreeti-categories{ display: inline-block; padding: 4px 6px; font-weight: 700; } .cat-links li:last-child a:after , .af-cat-widget-carousel a.kreeti-categories:after{display: none;} .af-cat-widget-carousel a.kreeti-categories.category-color-1{background-color: #bb191a;color: #fff;} .af-cat-widget-carousel a.kreeti-categories.category-color-2{background-color: #0987f5;color: #fff;} .af-cat-widget-carousel a.kreeti-categories.category-color-3{background-color: #075fa5;color: #fff;} .af-cat-widget-carousel a.kreeti-categories.category-color-4{background-color: #e40752;color: #fff;} .af-cat-widget-carousel a.kreeti-categories.category-color-5{background-color: #ea8d03;color: #fff;} .af-cat-widget-carousel a.kreeti-categories.category-color-6{background-color: #ff5722;color: #fff;} .af-cat-widget-carousel a.kreeti-categories.category-color-7{background-color: #404040;color: #fff;} /*cat links background color*/ .af-post-format{ display: inline-block; margin-right: 5px; letter-spacing: 0; } .read-img .af-post-format{ position: absolute; bottom: 15px; left: 15px; } .af-post-format i{ position: relative; width: 30px; height: 30px; text-align: center; line-height: 31px; background-color: #bb191a; color: rgb(255, 255, 255); border-radius: 100%; } .af-post-carousel .slick-slide .af-post-format i{ margin-bottom: 0; } span.min-read{ font-size: 12px; font-weight: 700; } .read-single span.min-read{ display: inline-block; } body:not(.single) .read-single span.min-read{ color: #fff; padding: 0 5px; letter-spacing: 0.5px; background-color: rgba(0, 0, 0, 0.2); } .read-details .entry-meta{ font-size: 12px; } .single .post-item-metadata.entry-meta{ font-size: 16px; } .read-img span.min-read{ position: absolute; bottom: 20px; left: 15px; color: #fff; margin-bottom: 0; } .read-img .af-post-format + span.min-read{ left: 55px; bottom: 20px; } .read-details .entry-meta .author-links > span, .read-details .entry-meta span.min-read { padding-right: 5px; } .read-details .entry-meta span.posts-date, .read-details .entry-meta span.aft-comment-view-share { opacity: 0.75; } /*widget title===============*/ .header-after1 , .widget-title{ font-size: 22px; margin-top: 10px; margin-bottom: 10px; } /*widget title border center*/ body.widget-title-border-center .widget-title{ line-height: 1.2; margin-bottom: 15px; padding: 0; display: flex; width: 100%; justify-content: center; align-items: center; } body.widget-title-border-center .widget-title .heading-line-before{ background: #bb191a; height: 3px; margin: 0 10px 0 0; flex: 1 0 10px; max-width: 30px; min-width: 30px; } body.widget-title-border-center .widget-title .heading-line-after{ background: #eaeaea; background: #000; height: 3px; margin: 0 0 0 10px; flex: 1 0 60px; min-width: 30px; opacity: 0.05; } /*widget title border center*/ /*widget title border bottom*/ body.widget-title-border-bottom .header-after1 , body.widget-title-border-bottom .widget-title{ position: relative; margin-bottom: 15px; margin-top: 20px; padding-bottom: 5px; } body.widget-title-border-bottom .header-after1 .heading-line-before , body.widget-title-border-bottom .widget-title .heading-line-before{ display: inline-block; content: ''; width: 100%; height: 3px; background-color: #000; position: absolute; bottom: 0; left: 0; opacity: 0.05; } body.widget-title-border-center .primary-footer .widget-title .heading-line-after, body.widget-title-border-bottom .primary-footer .widget-title .heading-line-before{ background-color: #fff; } body.widget-title-border-bottom .header-after1 .heading-line-after , body.widget-title-border-bottom .widget-title .heading-line-after{ display: inline-block; content: ''; width: 50px; height: 3px; background-color: #bb191a; position: absolute; bottom: 0; left: 0; } /*widget title border bottom*/ /*widget title border none*/ body.widget-title-border-none .header-after1 .heading-line-before, body.widget-title-border-none .widget-title .heading-line-before, body.widget-title-border-none .header-after1 .heading-line-after, body.widget-title-border-none .widget-title .heading-line-after{display: none;} /*widget title border none*/ /*widget title===============*/ .af-widget-body{ margin-top: 20px; } .af-title-subtitle-wrap + .af-widget-body{ margin-top: 0; } #sidr .af-widget-body.call-to-action, footer .af-widget-body.call-to-action, #secondary .af-widget-body.call-to-action{ margin-top: 0; } /*carousel slider controls=======*/ .af-widget-carousel { position: relative; overflow: hidden; } .af-widget-carousel .slide-icon{ position: absolute; top: 50%; transform: translateY(-50%); font-size: 14px; width: 30px; height: 30px; background: #fff; text-align: center; line-height: 30px; font-family: FontAwesome; z-index: 1; visibility: hidden; opacity: 0; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; color: #404040; } .af-widget-carousel .slide-icon:before{ font-family: inherit; } .af-widget-carousel .slide-icon.slide-prev {left: 0;} .af-widget-carousel .slide-icon.slide-next {right: 0;} .slick-item.slick-slide:focus{ outline: none; } .af-widget-carousel:hover .slide-icon{ opacity: 0.7; visibility: visible; } .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: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); } .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-size: 30px; font-weight: bold; } .af-cat-widget-carousel .af-post-format, .af-cat-widget-carousel .category-color-1, .af-cat-widget-carousel .read-details .entry-meta span a, .af-cat-widget-carousel .read-details .entry-meta span, .af-cat-widget-carousel .read-title h4 a{ color: #fff; } .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, .home-main-banner-widgets, .home-prime-news-widgets { margin: 20px 0; } .home-featured-widgets { margin-top: 20px; margin-bottom: 20px; } .home-main-banner-widgets.upper{ margin-top: 20px; } /*widgets on diffrent places=======*/ /*youtube videos============--------------------------========*/ .primary-video iframe.af-yt-video-item { height: 360px; } .secondary-video iframe.af-yt-video-item { height: 170px; } .secondary-video iframe.af-yt-video-item { margin-bottom: 20px; } .af-wide-layout .primary-video iframe.af-yt-video-item { height: 430px; } .af-wide-layout .secondary-video iframe.af-yt-video-item { height: 205px; } .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: 10px; padding-right: 10px; } .af-youtube-video-list .secondary-video .entry-header-yt-video-container.pad-youtube:before { height: 100%; width: calc(100% - 20px); position: absolute; top: 0; left: 10px; background-color: #000; opacity: 0.5; z-index: -1; content: ""; } .af-youtube-video-list .primary-video .entry-header-yt-video-container.pad-youtube:before { height: 100%; position: absolute; top: 0; background-color: #000; opacity: 0.5; z-index: -1; content: ""; width: 100%; left: 0; } .af-hide-item { opacity: 0; visibility: hidden; transition: all 0.4s ease; } .af-youtube-video-list .entry-header-yt-video-wrapper { position: absolute; width: 100%; height: 170px; overflow: hidden; top: 0; left: 0; } .af-youtube-video-list .secondary-video .entry-header-yt-video-wrapper { width: calc(100% - 20px); left: 10px; } .af-youtube-video-list .primary-video .entry-header-yt-video-wrapper { height: 360px; } .af-youtube-video-list iframe.entry-header-yt-iframe{ width: 100%; height: 170px; border: none; } .af-wide-layout .af-youtube-video-list iframe.entry-header-yt-iframe { height: 205px; } .af-youtube-video-list .primary-video iframe.entry-header-yt-iframe{ height: 360px; } .af-wide-layout .af-youtube-video-list .primary-video iframe.entry-header-yt-iframe { height: 430px; } .af-youtube-video-list .entry-header-yt-video-wrapper .vid-thumb{ position: absolute; height: 100%; width: 100%; top:0; left: 0; } .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.6; transition: all ease 0.4s; } .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; } .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; box-shadow: 0 0 0 2px rgb(255 255 255); border-radius: 50%; } .af-youtube-video-list .entry-header-yt-video-wrapper .af-yt-video-play i:after{ pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; top: -2px; left: -2px; padding: 0; z-index: 10; border: 2px dashed #fff; } .af-youtube-video-list .entry-header-yt-video-wrapper .kreeti-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: 20px; } .af-youtube-video-list .entry-header-yt-video-wrapper:hover .vid-thumb::before{ opacity: 0.5; } .af-youtube-video-list .entry-header-yt-video-container:hover .af-yt-video-play i { box-shadow: 0 0 0 0 rgb(255 255 255 / 0%); color: #fff; } .af-youtube-video-list .entry-header-yt-video-container:hover .af-yt-video-play i:after { -webkit-animation: spinAround 9s linear infinite; -moz-animation: spinAround 9s linear infinite; animation: spinAround 9s linear infinite; transform-origin: center; } @-webkit-keyframes spinAround { from { -webkit-transform: rotate(0deg) } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spinAround { from { -moz-transform: rotate(0deg) } to { -moz-transform: rotate(360deg); } } @keyframes spinAround { from { transform: rotate(0deg) } to { transform: rotate(360deg); } } /* new youtube css */ /*video media query=======*/ @media (min-width: 1600px){ .af-wide-layout .af-youtube-video-list .primary-video .entry-header-yt-video-wrapper, .af-wide-layout .af-youtube-video-list .primary-video iframe.entry-header-yt-iframe, .af-wide-layout .primary-video iframe.af-yt-video-item { height: 530px; } .af-wide-layout .af-youtube-video-list .entry-header-yt-video-wrapper, .af-wide-layout .af-youtube-video-list iframe.entry-header-yt-iframe, .af-wide-layout .secondary-video iframe.af-yt-video-item { height: 255px; } .entry-content > p > iframe[src*="vimeo.com"], .entry-content > p > iframe[src*="youtube.com"]{ width: 530px !important; } } @media (max-width: 1350px) and (min-width: 1200px) { .af-wide-layout .af-youtube-video-list .primary-video .entry-header-yt-video-wrapper, .af-wide-layout .af-youtube-video-list .primary-video iframe.entry-header-yt-iframe, .af-wide-layout .primary-video iframe.af-yt-video-item { height: 370px; } .af-wide-layout .af-youtube-video-list .entry-header-yt-video-wrapper, .af-wide-layout .af-youtube-video-list iframe.entry-header-yt-iframe, .af-wide-layout .secondary-video iframe.af-yt-video-item { height: 175px; } .entry-content > p > iframe[src*="vimeo.com"], .entry-content > p > iframe[src*="youtube.com"]{ width: 370px !important; } } @media screen and (max-width: 1025px) { .af-wide-layout .af-youtube-video-list .primary-video .entry-header-yt-video-wrapper, .af-wide-layout .af-youtube-video-list .primary-video iframe.entry-header-yt-iframe, .af-youtube-video-list .primary-video .entry-header-yt-video-wrapper, .af-youtube-video-list .primary-video iframe.entry-header-yt-iframe, .af-wide-layout .primary-video iframe.af-yt-video-item , .primary-video iframe.af-yt-video-item { height: 280px; } .af-wide-layout .af-youtube-video-list .entry-header-yt-video-wrapper, .af-wide-layout .af-youtube-video-list iframe.entry-header-yt-iframe, .af-youtube-video-list .entry-header-yt-video-wrapper, .af-youtube-video-list iframe.entry-header-yt-iframe, .af-wide-layout .secondary-video iframe.af-yt-video-item , .secondary-video iframe.af-yt-video-item { height: 130px; } .entry-content > p > iframe[src*="vimeo.com"], .entry-content > p > iframe[src*="youtube.com"]{ width: 280px !important; } } @media screen and (max-width: 990px) { .af-youtube-video-list .primary-video { margin-bottom: 20px; } .af-youtube-video-list .secondary-video .entry-header-yt-video-container{ width: 100%; } .af-wide-layout .af-youtube-video-list .primary-video .entry-header-yt-video-wrapper, .af-wide-layout .af-youtube-video-list .primary-video iframe.entry-header-yt-iframe, .af-youtube-video-list .primary-video .entry-header-yt-video-wrapper, .af-youtube-video-list .primary-video iframe.entry-header-yt-iframe, .af-wide-layout .primary-video iframe.af-yt-video-item , .primary-video iframe.af-yt-video-item { height: 445px; } .af-wide-layout .af-youtube-video-list .entry-header-yt-video-wrapper, .af-wide-layout .af-youtube-video-list iframe.entry-header-yt-iframe, .af-youtube-video-list .entry-header-yt-video-wrapper, .af-youtube-video-list iframe.entry-header-yt-iframe, .af-wide-layout .secondary-video iframe.af-yt-video-item , .secondary-video iframe.af-yt-video-item { height: 215px; } .entry-content > p > iframe[src*="vimeo.com"], .entry-content > p > iframe[src*="youtube.com"]{ width: 445px !important; } } @media screen and (max-width: 768px) { 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, .af-wide-layout .af-youtube-video-list .primary-video .entry-header-yt-video-wrapper, .af-wide-layout .af-youtube-video-list .primary-video iframe.entry-header-yt-iframe, .af-youtube-video-list .primary-video .entry-header-yt-video-wrapper, .af-youtube-video-list .primary-video iframe.entry-header-yt-iframe, .af-wide-layout .primary-video iframe.af-yt-video-item , .primary-video iframe.af-yt-video-item { height: 420px; } .af-wide-layout .af-youtube-video-list .entry-header-yt-video-wrapper, .af-wide-layout .af-youtube-video-list iframe.entry-header-yt-iframe, .af-youtube-video-list .entry-header-yt-video-wrapper, .af-youtube-video-list iframe.entry-header-yt-iframe, .af-wide-layout .secondary-video iframe.af-yt-video-item , .secondary-video iframe.af-yt-video-item { height: 205px; } .entry-content > p > iframe[src*="vimeo.com"], .entry-content > p > iframe[src*="youtube.com"]{ width: 420px !important; } } @media screen and (max-width: 480px) { 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, .af-wide-layout .af-youtube-video-list .primary-video .entry-header-yt-video-wrapper, .af-wide-layout .af-youtube-video-list .primary-video iframe.entry-header-yt-iframe, .af-youtube-video-list .primary-video .entry-header-yt-video-wrapper, .af-youtube-video-list .primary-video iframe.entry-header-yt-iframe, .af-wide-layout .af-youtube-video-list .entry-header-yt-video-wrapper, .af-wide-layout .af-youtube-video-list iframe.entry-header-yt-iframe, .af-youtube-video-list .entry-header-yt-video-wrapper, .af-youtube-video-list iframe.entry-header-yt-iframe { height: 255px; } .entry-content > p > iframe[src*="vimeo.com"], .entry-content > p > iframe[src*="youtube.com"]{ width: 225px !important; } } @media screen and (max-width: 415px) { 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, .af-wide-layout .af-youtube-video-list .primary-video .entry-header-yt-video-wrapper, .af-wide-layout .af-youtube-video-list .primary-video iframe.entry-header-yt-iframe, .af-youtube-video-list .primary-video .entry-header-yt-video-wrapper, .af-youtube-video-list .primary-video iframe.entry-header-yt-iframe, .af-wide-layout .af-youtube-video-list .entry-header-yt-video-wrapper, .af-wide-layout .af-youtube-video-list iframe.entry-header-yt-iframe, .af-youtube-video-list .entry-header-yt-video-wrapper, .af-youtube-video-list iframe.entry-header-yt-iframe { height: 220px; } .entry-content > p > iframe[src*="vimeo.com"], .entry-content > p > iframe[src*="youtube.com"]{ width: 220px !important; } } @media screen and (max-width: 376px) { 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, .af-wide-layout .af-youtube-video-list .primary-video .entry-header-yt-video-wrapper, .af-wide-layout .af-youtube-video-list .primary-video iframe.entry-header-yt-iframe, .af-youtube-video-list .primary-video .entry-header-yt-video-wrapper, .af-youtube-video-list .primary-video iframe.entry-header-yt-iframe, .af-wide-layout .af-youtube-video-list .entry-header-yt-video-wrapper, .af-wide-layout .af-youtube-video-list iframe.entry-header-yt-iframe, .af-youtube-video-list .entry-header-yt-video-wrapper, .af-youtube-video-list iframe.entry-header-yt-iframe { height: 195px; } .entry-content > p > iframe[src*="vimeo.com"], .entry-content > p > iframe[src*="youtube.com"]{ width: 195px !important; } } /*video media query=======*/ /*youtube videos============--------------------------========*/ /*banner-slider-1=======*/ /*banner-carousel-1==================*/ .af-banner-carousel .slick-list{ margin-right: -5px; margin-left: -5px; } .af-banner-carousel .slick-slide{ padding-right: 5px; padding-left: 5px; } .af-wrapper .af-banner-carousel .read-img.read-bg-img{ height: 250px; } .af-banner-carousel .read-img.read-bg-img{ height: 460px; } /*two sliders carousel---*/ .aft-thumb-part, .aft-slider-part, .aft-trending-part { margin: 20px 0; } .af-banner-carousel .read-img.read-bg-img{ height: 515px; } .af-wide-layout .af-banner-carousel .read-img.read-bg-img{ height: 625px; } .af-banner-carousel.common-carousel .read-details{ position: absolute; bottom: 0; left: 0; width: 100%; color: #fff; padding: 15px; z-index: 1; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); } /*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;} .kreeti_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: 115px; width: 45%; } .aft-trending-posts.list-part .af-double-column.list-style .read-bg-img{ height: 80px; width: 25%; } .kreeti_posts_double_columns_widget .af-double-column.list-style .read-bg-img, .kreeti_trending_news_widget .banner-vertical-slider .aft-trending-posts.list-part .af-double-column.list-style .read-bg-img, .kreeti_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: 135px; width: 50%; } .aft-trending-posts.list-part .af-double-column.list-style .read-title h4{margin-bottom: 0;} .aft-trending-posts .read-img .trending-no{ position: absolute; bottom: 5px; left: 5px; width: 30px; height: 30px; text-align: center; line-height: 31px; background-color: #bb191a; color: rgb(255, 255, 255); border-radius: 100%; font-weight: 700; } .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 } .list-part .af-double-column.list-style .read-bg-img, .af-double-column.list-style .col-1:not(.aft-spotlight-posts-1) .read-bg-img{ height: 128px; width: 50%; } .af-wide-layout .af-double-column.list-style .col-1:not(.aft-spotlight-posts-1) .read-bg-img, .af-wide-layout .list-part .af-double-column.list-style .read-bg-img{ height: 128px; width: 50%; } .af-wide-layout .banner-vertical-slider .aft-trending-posts.list-part .af-double-column.list-style .read-bg-img{ height: 115px; } .af-wide-layout.align-content-left .list-part .af-double-column.list-style .read-bg-img, .af-wide-layout.align-content-right .list-part .af-double-column.list-style .read-bg-img{ height: 128px; } .af-wide-layout.align-content-left .content-area .list-part .af-double-column.list-style .read-bg-img, .af-wide-layout.align-content-right .content-area .list-part .af-double-column.list-style .read-bg-img{ height: 128px; } /*double-category---------*/ /*-------------------------------------------------------------- ## archive posts --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## comment view share --------------------------------------------------------------*/ .aft-comment-view-share {padding: 5px 0;position: relative;} .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; line-height: normal; font-size: 12px; position: relative; } .aft-comment-view-share > span > a{ color: #fff; } article .aft-comment-view-share > span > a {color: #404040;} .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: 12px; position: relative; } .aft-comment-view-share > span > i{ 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; } .kreeti-customizer div.sharedaddy, .kreeti-widget div.sharedaddy{ display: inline-block; } .kreeti-customizer div.sharedaddy .sd-content ul, .aft-social-share div.sharedaddy .sd-content ul, .kreeti-widget div.sharedaddy .sd-content ul{margin-bottom: 0 !important;} .kreeti-customizer div.sharedaddy .sd-content ul li, .kreeti-widget div.sharedaddy .sd-content ul li{margin-bottom: 0;padding: 0;} .kreeti-customizer div.sharedaddy .sd-content ul li:last-child, .kreeti-widget div.sharedaddy .sd-content ul li:last-child{display: none;} .kreeti-customizer div.sharedaddy .sd-content ul li a.sd-button, .kreeti-widget div.sharedaddy .sd-content ul li a.sd-button{ display: block; width: 30px; height: 30px; font-size: 18px; line-height: 24px; position: relative; text-align: center; border-radius: 100%; padding: 0; border: none; } /*official colors*/ .kreeti-customizer div.sharedaddy .sd-content ul li.share-facebook a.sd-button, .kreeti-widget div.sharedaddy .sd-content ul li.share-facebook a.sd-button{background: #3b5998;} .kreeti-customizer div.sharedaddy .sd-content ul li.share-twitter a.sd-button, .kreeti-widget div.sharedaddy .sd-content ul li.share-twitter a.sd-button{background: #00acee;} .kreeti-customizer div.sharedaddy .sd-content ul li.share-linkedin a.sd-button, .kreeti-widget div.sharedaddy .sd-content ul li.share-linkedin a.sd-button{background: #0077b5;} .kreeti-customizer div.sharedaddy .sd-content ul li.share-skype a.sd-button, .kreeti-widget div.sharedaddy .sd-content ul li.share-skype a.sd-button{background: #00AFF0;} .kreeti-customizer div.sharedaddy .sd-content ul li.share-pinterest a.sd-button, .kreeti-widget div.sharedaddy .sd-content ul li.share-pinterest a.sd-button{background: #ca1f27;} .kreeti-customizer div.sharedaddy .sd-content ul li.share-print a.sd-button, .kreeti-widget div.sharedaddy .sd-content ul li.share-print a.sd-button{background: #e9e9e9;} .kreeti-customizer div.sharedaddy .sd-content ul li.share-tumblr a.sd-button, .kreeti-widget div.sharedaddy .sd-content ul li.share-tumblr a.sd-button{background: #2c4762;} .kreeti-customizer div.sharedaddy .sd-content ul li.share-telegram a.sd-button, .kreeti-widget div.sharedaddy .sd-content ul li.share-telegram a.sd-button{background: #0088cc;} .kreeti-customizer div.sharedaddy .sd-content ul li.share-jetpack-whatsapp a.sd-button, .kreeti-widget div.sharedaddy .sd-content ul li.share-jetpack-whatsapp a.sd-button{background: #43d854;} .kreeti-customizer div.sharedaddy .sd-content ul li.share-reddit a.sd-button, .kreeti-widget div.sharedaddy .sd-content ul li.share-reddit a.sd-button{background: #cee3f8;} .kreeti-customizer div.sharedaddy .sd-content ul li.share-pocket a.sd-button, .kreeti-widget div.sharedaddy .sd-content ul li.share-pocket a.sd-button{background: #ee4056;} /*official colors*/ .kreeti-customizer div.sharedaddy .sd-content ul li a.sd-button:before, .kreeti-widget div.sharedaddy .sd-content ul li a.sd-button:before{ vertical-align: middle; top: 2px !important; } .kreeti-customizer .aft-jpshare div.sharedaddy .sd-content ul li a.sd-button:before, .kreeti-widget .aft-jpshare div.sharedaddy .sd-content ul li a.sd-button:before{ color: #ffffff; } .kreeti-customizer div.sharedaddy .sd-content ul li a.sd-button > span, .kreeti-widget div.sharedaddy .sd-content ul li a.sd-button > span{ display: none; } .kreeti-customizer div.sharedaddy .sd-content ul li a.sd-button.no-icon:before , .kreeti-widget div.sharedaddy .sd-content ul li a.sd-button.no-icon:before{ display: inline; } .kreeti-customizer span.aft-jpshare , .kreeti-widget span.aft-jpshare { display: inline-block; } .kreeti-customizer div.sharedaddy, .kreeti-widget div.sharedaddy{ position: absolute; left: 0%; top: 0; width: calc(100% - 10px); visibility: hidden; } .kreeti-customizer div.sharedaddy .sd-content, .kreeti-widget div.sharedaddy .sd-content{ visibility: hidden; } .kreeti-customizer div.sharedaddy .sd-content ul li a.sd-button , .kreeti-widget div.sharedaddy .sd-content ul li a.sd-button { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -ms-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } .kreeti-customizer span.aft-jpshare:hover div.sharedaddy .sd-content, .kreeti-widget span.aft-jpshare:hover div.sharedaddy .sd-content{visibility:visible} .kreeti-customizer span.aft-jpshare:hover div.sharedaddy .sd-content ul li a.sd-button, .kreeti-widget span.aft-jpshare:hover div.sharedaddy .sd-content ul li a.sd-button{ -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); } .kreeti-customizer span.aft-jpshare:hover div.sharedaddy .sd-content ul li a.sd-button, .kreeti-widget span.aft-jpshare:hover div.sharedaddy .sd-content ul li a.sd-button{opacity:0.9;} .kreeti-customizer span.aft-jpshare div.sharedaddy .sd-content ul li a.sd-button:hover, .kreeti-widget span.aft-jpshare div.sharedaddy .sd-content ul li a.sd-button:hover{opacity:1;} .kreeti-customizer span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(1) a.sd-button, .kreeti-widget span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(1) a.sd-button{transition-delay: 0ms;} .kreeti-customizer span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(2) a.sd-button, .kreeti-widget span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(2) a.sd-button{transition-delay: 50ms;} .kreeti-customizer span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(3) a.sd-button, .kreeti-widget span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(3) a.sd-button{transition-delay: 100ms;} .kreeti-customizer span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(4) a.sd-button, .kreeti-widget span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(4) a.sd-button{transition-delay: 150ms;} .kreeti-customizer span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(5) a.sd-button, .kreeti-widget span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(5) a.sd-button{transition-delay: 200ms;} .kreeti-customizer span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(6) a.sd-button, .kreeti-widget span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(6) a.sd-button{transition-delay: 250ms;} .kreeti-customizer span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(7) a.sd-button, .kreeti-widget span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(7) a.sd-button{transition-delay: 300ms;} .kreeti-customizer span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(8) a.sd-button, .kreeti-widget span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(8) a.sd-button{transition-delay: 350ms;} .kreeti-customizer span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(9) a.sd-button, .kreeti-widget span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(9) a.sd-button{transition-delay: 400ms;} .kreeti-customizer span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(10) a.sd-button, .kreeti-widget span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(10) a.sd-button{transition-delay: 450ms;} .kreeti-customizer span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(11) a.sd-button, .kreeti-widget span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(11) a.sd-button{transition-delay: 500ms;} .kreeti-customizer span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(12) a.sd-button, .kreeti-widget span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(12) a.sd-button{transition-delay: 550ms;} .kreeti-customizer span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(13) a.sd-button, .kreeti-widget span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(13) a.sd-button{transition-delay: 600ms;} .kreeti-customizer span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(14) a.sd-button, .kreeti-widget span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(14) a.sd-button{transition-delay: 650ms;} .kreeti-customizer span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(15) a.sd-button, .kreeti-widget span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(15) a.sd-button{transition-delay: 700ms;} /*for officaial*/ .kreeti-customizer div.sharedaddy .sd-social-official ul li, .kreeti-widget div.sharedaddy .sd-social-official ul li{ width: 30px !important; height: 30px !important; overflow: hidden !important; margin-right: 5px !important; position: relative; border-radius: 100%; text-align: center; } .kreeti-customizer div.sharedaddy .sd-social-official ul li:before, .kreeti-widget 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; } .kreeti-customizer div.sharedaddy .sd-social-official ul li > div, .kreeti-widget div.sharedaddy .sd-social-official ul li > div, .kreeti-customizer div.sharedaddy .sd-social-official ul li > iframe, .kreeti-widget div.sharedaddy .sd-social-official ul li > iframe, .kreeti-customizer div.sharedaddy .sd-social-official ul li > a.sd-button, .kreeti-widget div.sharedaddy .sd-social-official ul li > a.sd-button, .kreeti-customizer span.aft-jpshare:hover div.sharedaddy .sd-social-official ul li a.sd-button, .kreeti-widget span.aft-jpshare:hover div.sharedaddy .sd-social-official ul li a.sd-button, .kreeti-customizer div.sharedaddy .sd-social-official ul li > a, .kreeti-widget div.sharedaddy .sd-social-official ul li > a{ opacity: 0.01; } .kreeti-customizer div.sharedaddy .sd-social-official ul li.share-facebook:before, .kreeti-widget div.sharedaddy .sd-social-official ul li.share-facebook:before{content: "\f09a";} .kreeti-customizer div.sharedaddy .sd-social-official ul li.share-twitter:before, .kreeti-widget div.sharedaddy .sd-social-official ul li.share-twitter:before{content: "\f099";} .kreeti-customizer div.sharedaddy .sd-social-official ul li.share-jetpack-whatsapp:before, .kreeti-widget div.sharedaddy .sd-social-official ul li.share-jetpack-whatsapp:before{content: "\f232";} .kreeti-customizer div.sharedaddy .sd-social-official ul li.share-pinterest:before, .kreeti-widget div.sharedaddy .sd-social-official ul li.share-pinterest:before{content: "\f231";} .kreeti-customizer div.sharedaddy .sd-social-official ul li.share-linkedin:before, .kreeti-widget div.sharedaddy .sd-social-official ul li.share-linkedin:before{content: "\f0e1";} .kreeti-customizer div.sharedaddy .sd-social-official ul li.share-reddit:before, .kreeti-widget div.sharedaddy .sd-social-official ul li.share-reddit:before{content: "\f281";} .kreeti-customizer div.sharedaddy .sd-social-official ul li.share-pocket:before, .kreeti-widget div.sharedaddy .sd-social-official ul li.share-pocket:before{content: "\f265";} .kreeti-customizer div.sharedaddy .sd-social-official ul li.share-print:before, .kreeti-widget div.sharedaddy .sd-social-official ul li.share-print:before{content: "\f02f";} .kreeti-customizer div.sharedaddy .sd-social-official ul li.share-skype:before, .kreeti-widget div.sharedaddy .sd-social-official ul li.share-skype:before{content: "\f17e";} .kreeti-customizer div.sharedaddy .sd-social-official ul li.share-telegram:before, .kreeti-widget div.sharedaddy .sd-social-official ul li.share-telegram:before{content: "\f2c6";} .kreeti-customizer div.sharedaddy .sd-social-official ul li.share-tumblr:before, .kreeti-widget div.sharedaddy .sd-social-official ul li.share-tumblr:before{content: "\f173";} .kreeti-customizer div.sharedaddy .sd-social-official ul li, .kreeti-widget div.sharedaddy .sd-social-official ul li{ opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -ms-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } .kreeti-customizer span.aft-jpshare:hover div.sharedaddy .sd-social-official .sd-content ul li, .kreeti-widget span.aft-jpshare:hover div.sharedaddy .sd-social-official .sd-content ul li{ -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); } .kreeti-customizer span.aft-jpshare:hover div.sharedaddy .sd-social-official .sd-content ul li, .kreeti-widget span.aft-jpshare:hover div.sharedaddy .sd-social-official .sd-content ul li{opacity:0.7;} .kreeti-customizer span.aft-jpshare div.sharedaddy .sd-social-official .sd-content ul li:hover, .kreeti-widget span.aft-jpshare div.sharedaddy .sd-social-official .sd-content ul li:hover{opacity:1;} .kreeti-customizer span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(1), .kreeti-widget span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(1){transition-delay: 0ms;} .kreeti-customizer span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(2), .kreeti-widget span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(2){transition-delay: 50ms;} .kreeti-customizer span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(3), .kreeti-widget span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(3){transition-delay: 100ms;} .kreeti-customizer span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(4), .kreeti-widget span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(4){transition-delay: 150ms;} .kreeti-customizer span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(5), .kreeti-widget span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(5){transition-delay: 200ms;} .kreeti-customizer span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(6), .kreeti-widget span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(6){transition-delay: 250ms;} .kreeti-customizer span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(7), .kreeti-widget span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(7){transition-delay: 300ms;} .kreeti-customizer span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(8), .kreeti-widget span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(8){transition-delay: 350ms;} .kreeti-customizer span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(9), .kreeti-widget span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(9){transition-delay: 400ms;} .kreeti-customizer span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(10), .kreeti-widget span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(10){transition-delay: 450ms;} .kreeti-customizer span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(11), .kreeti-widget span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(11){transition-delay: 500ms;} .kreeti-customizer span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(12), .kreeti-widget span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(12){transition-delay: 550ms;} .kreeti-customizer span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(13), .kreeti-widget span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(13){transition-delay: 600ms;} .kreeti-customizer span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(14), .kreeti-widget span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(14){transition-delay: 650ms;} .kreeti-customizer span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(15), .kreeti-widget span.aft-jpshare:hover div.sharedaddy .sd-content ul li:nth-child(15){transition-delay: 700ms;} /*for officaial*/ /*-------------------------------------------------------------- ## 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; } .af-wide-layout .site-footer .kreeti_single_col_categorised_posts .list-style .read-bg-img, .af-wide-layout #sidr .kreeti_single_col_categorised_posts .list-style .read-bg-img , .af-wide-layout #secondary .kreeti_single_col_categorised_posts .list-style .read-bg-img{ height: 275px; } .af-wide-layout .list-style .read-bg-img { height: 390px; } .af-wide-layout .data-bg.read-img.pos-rel.col-4.float-l.read-bg-img{ width: 40%; } .kreeti_posts_express_list .grid-part .read-title h4, .af-double-column.list-style .aft-spotlight-posts-1 .read-title h4, .kreeti_single_col_categorised_posts .read-title h4, .archive-list-post .read-title h4{ font-size: 22px; } /*=====-----list-style-----=====*/ article .list-style .read-single .read-bg-img{align-self: flex-start;} /*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.latest-posts-grid{ margin-bottom: 20px; } article.latest-posts-grid .read-single{ margin-bottom: 0; } /*grid alternate----*/ article.archive-image-up-alternate .archive-grid-post .read-single{ display: flex; } article:nth-of-type(3n+1).archive-image-up-alternate .archive-grid-post .read-single{ flex-direction: column; } article:nth-of-type(3n+2).archive-image-up-alternate .archive-grid-post .read-single{ flex-direction: column-reverse; } article:nth-of-type(3n+3).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; } /*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: 260px; width: 50%; float: left; } 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: 10px; width: 50%; } 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{ font-size: 20px; } body:not(.archive-first-post-full).af-wide-layout .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).af-wide-layout .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).af-wide-layout .archive-layout-grid.three-col-masonry article:nth-of-type(4n).archive-image-list-alternate .archive-grid-post .read-bg-img { height: 300px; } /*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: 260px; width: 50%; 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: 10px; padding-left: 15px; padding-right: 15px; width: 50%; } 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{ font-size: 20px; } body.archive-first-post-full.af-wide-layout .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.af-wide-layout .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.af-wide-layout .archive-layout-grid.three-col-masonry article:nth-of-type(4n+5).archive-image-list-alternate .archive-grid-post .read-bg-img { height: 300px; } /*grid alternate list 1st post full----*/ /*grid style posts---*/ /*full style posts---*/ article.latest-posts-full .read-title h4 { font-size: 30px; } article.latest-posts-full .read-img{ height: 540px; } .full-width-content article.latest-posts-full .read-img, .af-wide-layout 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; } .af-wide-layout .archive-layout-full.full-with-grid article.latest-posts-full:nth-of-type(5n+1) .read-img{ height: 525px; } .archive-layout-full.full-with-grid article.col-1.latest-posts-full:not(:nth-of-type(5n+1)) .read-title h4{ font-size: 22px; } /*full and grid*/ /*full style posts---*/ /*masonary style posts---*/ .archive-masonry-post .read-title h4{ font-size: 22px; } .two-col-masonry .col-3{width: 50%;} .two-col-masonry article.latest-posts-grid.col-3 .read-title h4, article.latest-posts-grid .read-title h4{font-size: 22px;} .two-col-masonry article.col-3 .read-img.read-bg-img{height: 300px;} .full-width-content .two-col-masonry article.col-3 .read-img.read-bg-img{height: 380px;} .af-wide-layout .two-col-masonry article.col-3 .read-img.read-bg-img{height: 295px;} .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 article.col-3 .read-title h4, .four-col-masonry article.latest-posts-grid.col-3 .read-title h4{font-size: 18px;} /*masonary style posts---*/ /*archive pagination---------*/ .kreeti-pagination{ text-align: center; } .kreeti-pagination .nav-links .page-numbers.current, .kreeti-pagination .nav-links .page-numbers{ min-width: 30px; height: 30px; text-align: center; line-height: 28px; font-size: 14px; display: inline-block; color: rgba(136, 136, 136, 0.5); padding: 0px; border-width: 1px; border-style: solid; border-image: initial; text-decoration: none; padding: 0px 5px; } .kreeti-pagination .nav-links .page-numbers.current{ color: #fff; background: #212121; border-color: #212121; } /*archive pagination---------*/ /*archive layout elements---------=======*/ /*grids---------*/ .aft-archive-wrapper .archive-layout-grid .read-details .entry-meta{ margin-bottom: 5px; } /*grids---------*/ /*lists---------*/ .aft-archive-wrapper .archive-layout-list .read-details{ padding-top: 20px; padding-bottom: 20px; } .aft-archive-wrapper .archive-layout-list .read-details .entry-meta{ margin-bottom: 5px; } /*lists---------*/ /*masonry---------*/ .aft-archive-wrapper.aft-masonry-archive-posts .read-details{ padding-top: 20px; padding-bottom: 20px; } .aft-archive-wrapper.aft-masonry-archive-posts .read-details .entry-meta{ margin-bottom: 5px; } /*masonry---------*/ /*archive layout elements---------=======*/ /*-------------------------------------------------------------- ## archive posts --------------------------------------------------------------*/ /*advertisement*/ .below-banner-advertisment-section{ text-align: center; margin: 20px 0; } /*advertisement*/ /*featured category-----*/ .featured-cate-sec { margin-bottom: 5px; } .featured-category-item > .read-img { margin-bottom: 20px; } .featured-category-item > .read-img a { display: block; position: relative; height: 100%; color: #404040; } .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.3s; transition: opacity 0.3s; 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, .call-to-action { padding: 120px 0; background-color: #252525; background-size: cover; background-position: center; background-repeat: no-repeat; text-align: center; z-index: 1; position: relative; } .kreeti_mailchimp_widget, .kreeti_store_call_to_action_widget { padding-bottom: 20px; } body .mailchimp-block .block-title , body .call-to-action .widget-title { margin: 0; padding-left: 0; margin-bottom: 20px; font-size: 48px; } .mailchimp-block, .mailchimp-block .block-title, body.aft-default-mode .call-to-action .widget-title, body.aft-default-mode .call-to-action .section-subtitle { color: #fff; } article .mailchimp-block { margin-top: 20px; margin-bottom: 20px; } body.aft-default-mode footer .call-to-action .widget-title, body.aft-default-mode #sidr .call-to-action .widget-title, body.aft-default-mode #secondary .call-to-action .widget-title{ font-size: 30px; padding-bottom: 0; } .call-to-action:not(.no-bg) , .call-to-action:not(.no-bg) .widget-title { color: #fff; } body.widget-title-border-bottom .call-to-action .widget-title{ margin-bottom: 10px; padding-bottom: 0; } .call-to-action .widget-title span:after {display: none;} .inner-suscribe{ margin: 0 auto; max-width: 730px; width: 100%; } .inner-suscribe p { margin-bottom: 0; } .inner-suscribe .mc4wp-form-fields{ position: relative; } .inner-suscribe .mc4wp-form-fields label { display: none; } .inner-suscribe input { border: none; background: #fff; outline: 0!important; width: 100%; line-height: 38px; padding: 10px 30px; color: #8a8a8a; font-size: 14px; min-height: 58px; } .inner-suscribe input[type=submit] { border: 0; margin: 0; color: #fff; width: 120px; height: 58px; padding: 14px 0; line-height: 30px; background-color: #bb191a; position: absolute; border-radius: 0px; right: 0; top: 0; text-transform: uppercase; -webkit-transition: all 0.4s ease; transition: all 0.4s 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; } .call-to-action .btn-style1 a{ margin-top: 20px; } .call-to-action.data-bg:before{ position: absolute; content: ''; height: 100%; width: 100%; top: 0; left: 0; background-color: #000; opacity: 0.5; } .call-to-action .inner-call-to-action { position: relative; } .call-to-action .section-head { position: relative; max-width: 860px; margin: 0 auto; } .call-to-action .aft-schedule-note-section { padding: 10px 0; } /*-------------------------------------------------------------- # mailchimp --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Instagram --------------------------------------------------------------*/ .insta-slider-wrapper { position: relative; } .insta-feed-head { position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); z-index: 2; } p.instagram-username { margin: 0; } .insta-feed-head a { display: inline-block; background: #fff; color: #bb1919; padding: 6px 16px; } .insta-item a { display: block; position: relative; } .insta-item figure img { width: 100%; } .insta-item .insta-details { position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .insta-item .insta-details:before { position: absolute; content: ''; height: 100%; width: 100%; background: #000; opacity: 0; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } .insta-item:hover .insta-details:before { opacity: 0.5; } .insta-item .insta-tb { padding: 30px; height: 100%; width: 100%; box-sizing: border-box; } .insta-item .insta-tb:before, .insta-item .insta-tb:after { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .insta-item .insta-tc { display: table; height: 100%; width: 100%; } .insta-likes-comments { display: table-cell; vertical-align: middle; text-align: center; } .insta-likes-comments p{ margin: 10px; display: inline-block; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); } .insta-item:hover .insta-likes-comments p{ opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .section-insta-block-af-instagram-img-grid .insta-feed-head { position: inherit; top: inherit; left: inherit; transform: translateX(0%); z-index: 2; } #sidr .section-insta-block-af-instagram-img-grid .insta-feed-head , #secondary .section-insta-block-af-instagram-img-grid .insta-feed-head , footer .section-insta-block-af-instagram-img-grid .insta-feed-head { text-align: center; } .af-instagram-img-grid .slick-item{ float: left; padding: 1px; } .af-instagram-img-grid .slick-item{ width: 16.667%; } #sidr .af-instagram-img-grid .slick-item, #secondary .af-instagram-img-grid .slick-item, footer .af-instagram-img-grid .slick-item{ width: 33.33%; } #sidr .af-instagram-img-grid .slick-item .insta-details, #secondary .af-instagram-img-grid .slick-item .insta-details, footer .af-instagram-img-grid .slick-item .insta-details{ display: none; } /*-------------------------------------------------------------- # single --------------------------------------------------------------*/ /*single page default-----*/ .header-title-wrapper{margin:0;padding-bottom: 0;} h1.page-title{margin-top: 10px;margin-bottom: 20px;} .entry-header .entry-title { margin: 10px 0; } body.single-post .entry-title { font-size: 42px; margin:10px 0; line-height: 1.5; } 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: #404040; } body.single-post .entry-header span.min-read-post-format .af-post-format i:after{ border-color: #404040; } body.single .entry-header .aft-post-excerpt-and-meta .post-excerpt{ margin: 15px 30px; border-left: 3px solid rgba(0, 0, 0, 0.1); padding-left: 15px; } body.single .entry-header .aft-post-excerpt-and-meta .entry-meta .aft-comment-view-share{ padding: 0; } .entry-header-details{ background-color: #fff; padding: 15px; margin-bottom: 20px; font-size: 18px; font-weight: 700; } body.single-post .figure-categories{ padding-top: 5px; } .aft-image-caption p { margin: 0; font-style: italic; opacity: 0.7; text-align: center; margin-bottom: 20px; font-size: 13px; } .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{ color: #bb191a; transition: all 0.5s linear; } .entry-content > [class*="wp-block-"] a:not(.wp-block-button__link):hover, .entry-content > ul a, .entry-content > ol a, .entry-content > p a{ border-bottom: 2px solid; padding-bottom: 1px; border-color: #bb191a; transition: all 0.5s linear; } .entry-content > [class*="wp-block-"] a:not(.has-text-color):hover, .entry-content > ol a:hover, .entry-content > ul a:hover, .entry-content > p a:hover { border-color: #404040; color: #404040; } /*single page default-----*/ /*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: 500; } body.single span.tags-links a{ padding: 2px 5px; border: 1px solid rgba(57, 62, 70, 0.30); color: rgba(57, 62, 70, 0.80); font-size: 13px; font-weight: normal; transition: all 300ms ease-out; } body.single span.tags-links a:hover{ border: 1px solid #bb191a; color: #bb191a; } /*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: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0); } .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-----*/ /*share option on single*/ body.single .entry-content-wrap{ display: flex; flex-direction: column; } body.single .entry-content-wrap .entry-meta { margin-bottom: 5px; } body.single .entry-content-wrap .post-excerpt, body.single-post.aft-single-full-header .post-excerpt { font-size: 18px; font-weight: normal; } /*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; background-color: #fff; display: inline-block; } 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;} @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*/ /*after content*/ body.single .entry-content-wrap.social-after-content .entry-header{order: 1;} body.single .entry-content-wrap.social-after-content .read-img{order: 2;} body.single .entry-content-wrap.social-after-content .color-pad{order: 3;} body.single .entry-content-wrap.social-after-content .aft-social-share{ order: 4; padding: 10px; background-color: #fff; } /*after content*/ /*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; } /*for wide layout*/ body.af-wide-layout.single.align-content-left .entry-content-wrap.social-vertical-share .vertical-left-right, body.af-wide-layout.single.align-content-right .entry-content-wrap.social-vertical-share .vertical-left-right{ position: inherit; height: auto; transform: translateX(0); } body.af-wide-layout.single.align-content-left .entry-content-wrap.social-vertical-share .aft-social-share , body.af-wide-layout.single.align-content-right .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.af-wide-layout.single.align-content-left .entry-content-wrap.social-vertical-share .aft-social-share .sd-content ul li , body.af-wide-layout.single.align-content-right .entry-content-wrap.social-vertical-share .aft-social-share .sd-content ul li { display: inline-block; padding-left: 0; } /*for wide layout*/ /*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;} body.full-width-content .alignfull{ margin-left: calc(50% - 50vw - 10px); margin-right: calc(50% - 50vw - 10px); max-width: 100vw; width: 100vw; } figure.wp-block-image img{ width: 100%; } body.full-width-content .alignwide { max-width : 100vw; } .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: 15px; margin-bottom: 15px; list-style-position: inside; } .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: bold; } .wp-block-quote.is-large, .wp-block-quote.is-style-large{ margin-top: 2.57143em; margin-bottom: 2.14286em; padding-top: 1.71429em; padding-bottom: 1.71429em; } /** === 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: #f9f9f9; padding: 10px; color: inherit; 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: 0 0 20px; } .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; 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; } .wp-block-table caption { text-align: center; padding: 20px; } .wp-block-table td, .wp-block-table th { word-break: break-all; } .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; } 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 .wp-block-latest-comments__comment { min-height: auto; margin: 25px 0 0; padding: 0; overflow: hidden; } .wp-block-latest-comments .wp-block-latest-comments__comment:first-child { margin: 0; } .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: 50%; border-radius: 50%; } [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; } /** === Block latest comments=== */ /** === Block columns=== */ .wp-block-columns .wp-block-column { margin-bottom: 20px; } .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*/ /*alignfull*/ .wp-block-embed-vimeo.alignfull .wp-block-embed__wrapper , .wp-block-embed-youtube.alignfull .wp-block-embed__wrapper { position: relative; padding-top: 56.25%; } .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; padding-top: 56.25%; } .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*/ /** === Block youtube and vimeo video=== */ @media only screen and ( min-width: 1025px ) { body.full-width-content .alignwide { margin-left : -125px; margin-right : -125px; } .wp-block-quote.is-large, .wp-block-quote.is-style-large{ margin-top: 2.66667em; margin-bottom: 2em; padding: 0.66667em; padding-top: 1.33333em; padding-bottom: 1.33333em; } } @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; } } /*-------------------------------------------------------------- ##gutenberg support --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Instagram --------------------------------------------------------------*/ /*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;} /*-------------------------------------------------------------- # social widget for sidebar and offcanvas --------------------------------------------------------------*/ .social-widget-menu.af-widget-body ul li a, .social-widget-menu.af-widget-body ul li, #sidr .af-social-contacts .social-widget-menu ul li a, #secondary .af-social-contacts .social-widget-menu ul li a, #sidr .af-social-contacts .social-widget-menu ul li, #secondary .af-social-contacts .social-widget-menu ul li{ display: block; width: 100%; text-align: left; height: auto; } .social-widget-menu.af-widget-body ul{ font-size: 0;} .social-widget-menu.af-widget-body ul li{ width: 25%; display: inline-block; margin-bottom: 5px; padding-right: 5px; } #sidr .af-social-contacts .social-widget-menu ul li, #secondary .af-social-contacts .social-widget-menu ul li{ margin-bottom: 10px; padding-bottom: 0; border:none; } #sidr .af-social-contacts .social-widget-menu ul li:last-child, #secondary .af-social-contacts .social-widget-menu ul li:last-child{margin-bottom: 0;} .social-widget-menu.af-widget-body ul li a, #sidr .af-social-contacts .social-widget-menu ul li a, #secondary .af-social-contacts .social-widget-menu ul li a{ padding: 5px 10px; color: #fff; font-weight: normal; } .social-widget-menu.af-widget-body ul li a:before, #sidr .af-social-contacts .social-widget-menu ul li a:before, #secondary .af-social-contacts .social-widget-menu ul li a:before{ display: inline-block; width: 25px; text-align: center; color: #fff; } .social-widget-menu.af-widget-body .screen-reader-text , #sidr .af-social-contacts .screen-reader-text , #secondary .af-social-contacts .screen-reader-text { clip: inherit; clip-path: inherit; height: auto; width: auto; margin: 0; position: relative !important; overflow: visible; color: #fff; top: inherit; font-family: 'Lato', sans-serif; margin-left: 10px; font-size: 16px; } /*-------------------------------------------------------------- # social widget for sidebar and offcanvas --------------------------------------------------------------*/ /*-------------------------------------------------------------- # 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: #444; 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:not(.kreeti_social_contacts_widget) ul.menu >li, .widget ul ul li, .widget > ul > li { margin-bottom: 7px; padding-bottom: 7px; font-size: 14px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .widget ul.menu >li , .widget ul ul li, .widget > ul > li { font-family: 'Roboto', serif; } .widget > ul > li .comment-author-link, .widget:not(.kreeti_social_contacts_widget) ul.menu >li a, .widget > ul > li a{ font-weight: 700; color: #404040; transition: all 0.5s linear; } .widget ul.menu >li a:hover, .widget > ul > li a:hover{ color: #bb1919; } .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 ul.menu > li:last-child, .widget ul > li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .widget_media_image{text-align: center;} /*----------===tag cloud===---------*/ .tagcloud a { display: inline-block; padding: 5px 10px; border: 1px solid; line-height: 1; font-size: 14px !important; margin-right: 5px; margin-bottom: 7px; color: #404040; opacity: 0.7; transition: all 0.5s linear; } .tagcloud a:hover { color: #bb1919; opacity: 1; } /*----------===tag cloud===---------*/ /*----------===calendar===---------*/ #wp-calendar caption { text-align: right; color: #404040; font-size: 14px; font-weight: bold; letter-spacing: 1px; } #wp-calendar thead { font-size: 12px; } #wp-calendar thead th { padding-bottom: 10px; text-align: center; border-color: transparent; } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { background: #f9f9f9; border: 1px solid; border-color: #fff; text-align: center; padding: 8px; } #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 a { color: #bb1919; } #wp-calendar tbody td#today { color: #bb1919; } #wp-calendar td:last-child, #wp-calendar th:last-child, #wp-calendar tr:last-child td{border-color: transparent;} /*darkmode calendar*/ body.aft-dark-mode #wp-calendar caption { color: #777; } body.aft-dark-mode #wp-calendar tbody { color: #aaa; } body.aft-dark-mode #wp-calendar tbody td { background: #2b2b2b; border-color: #000; } body.aft-dark-mode #wp-calendar tbody td#today { color: #bb1919; } /*darkmode calendar*/ /*----------===calendar===---------*/ /*breadcrumb---------*/ .af-breadcrumbs { margin: 20px 0px; } body.aft-single-full-header .af-breadcrumbs { padding-bottom: 20px; } ul.trail-items { font-size: 13px; } ul.trail-items li { display: inline-block; margin-right: 5px; } ul.trail-items li a{ font-size: 13px; opacity: 0.7; transition: all 1200ms cubic-bezier(.215,.610,.355,1); color: #404040; } ul.trail-items li a:hover{ opacity: 1; color: #bb1919; } ul.trail-items li:after { content: ' / '; padding: 0 2px; color: #393E46; font-size: 13px; } ul.trail-items li:last-child:after { display: none; } /*breadcrumb---------*/ /*navigation posts navigation====================*/ .nav-links a { color: #000; font-weight: 500; transition: all 300ms ease; display: block; } .nav-links .nav-next a:after { transition: all 300ms ease; } .nav-links a:hover{ color: #bb191a; } .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; } .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%; font-family: FontAwesome; 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; color: #ababab; 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%; } /*navigation posts navigation====================*/ /*categories select====================*/ .widget_categories select{ width: 100%; height: 30px; } /*categories select====================*/ /*mail chimp====================*/ .widget_mc4wp_form_widget .mc4wp-form-fields label { display: none; } .widget_mc4wp_form_widget input { background: #fff; outline: 0!important; 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: #ee5055; border-radius: 0px; text-transform: uppercase; -webkit-transition: all 0.4s ease; transition: all 0.4s 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] { height: 44px; line-height: 15px; margin-top: 15px; width: auto; min-width: 120px; padding: 0; } /*mail chimp====================*/ button, input[type="button"], input[type="reset"], input[type="submit"] { border: none; border-radius: 0; background: #bb191a; color: #fff; font-size: 12px; line-height: normal; height: 38px; padding: 5px 10px; transition: all 300ms ease-out; text-transform: uppercase; font-weight: 700; } 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; } /*-------------------------------------------------------------- # wordpress defaults --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## archive posts --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## archive posts --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ /*comments section====*/ #comments.comments-area{ padding: 10px; background-color: #fff; } h2.comments-title { font-size: 20px; margin: 10px 0; color: #bb191a; } .comment { list-style: none; margin-left: 0; padding-bottom: 13px; border-bottom: 1px dashed #ededed; margin-bottom: 21px; } .comment .children { margin-left: 70px; padding-top: 16px; border-top: 1px dashed #ededed; margin-top: 13px; } .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; } .comment-content p{ margin-bottom: 5px; } .comment-metadata a { font-size: 12px; color: #bb191a; } .fn a { color: #bb191a; } /*comments section====*/ /*comments reply form section====*/ div#respond { /*margin-top: 20px;*/ padding: 20px; border: 1px solid rgba(0, 0, 0, 0.1); } div#respond h3#reply-title { margin-top: 0; font-weight: 700; font-size: 20px; } div#respond p{ margin-bottom: 10px; } div#respond label { font-weight: normal; } div#respond textarea { width: 100%; background: #fafafa; } 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; display: inline-block; 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; margin-top: 10px; padding: 5px 12px; } #reply-title small a { display: inline-block; margin-left: 10px; } .comment-subscription-form input{ height: 13px; } /*comments reply form section====*/ .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: #fff; font-size: 28px; line-height: 50px; text-align: center; text-decoration: none; background-color: #bb191a; cursor: pointer; opacity: 1 !important; } #scroll-up i { display: inline-block; } /*-------------------------------------------------------------- ##Back to top --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## 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.22857143; position: absolute; bottom: 0; left: 5px; right: 5px; padding: 15px; text-align: left; } .gallery:after {content:"";display:table;clear:both;} img.aligncenter, div.aligncenter, figure.aligncenter, img.wp-post-image { display:block; margin:1em auto; } .post-thumbnail img.wp-post-image { margin: 0; } 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, figure.alignright, img.alignleft, div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb {display:block; 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;} } /*-------------------------------------------------------------- # Instagram --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Instagram --------------------------------------------------------------*/ /*-------------------------------------------------------------- # mailchimp --------------------------------------------------------------*/ /*-------------------------------------------------------------- # mailchimp --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/ footer.site-footer { background-color: #1c1c1c; } 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: #000; opacity: 0.05; } .secondary-footer > div{position: relative;} .site-info { text-align: center; padding: 10px 0; background-color: #000; } .secondary-footer .af-flex-container{ align-items: center; } .site-footer .widget ul.menu >li, .site-footer .widget ul ul li, .site-footer .widget > ul > li { border-bottom-color: rgba(255, 255, 255, 0.1); } .site-footer a, .site-footer .widget ul.menu >li a, .site-footer .widget > ul > li a, footer .widget-title{color: #fff;} .site-footer .insta-feed-head a{color: #4a4a4a;} .site-footer .widget{margin-bottom: 30px;} .site-footer .read-single.color-pad{background-color: transparent;} .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%; } footer.site-footer #wp-calendar tbody td{ background-color: transparent; border-color: #e8e8e8; } footer.site-footer #wp-calendar thead th, footer.site-footer #wp-calendar td:last-child, footer.site-footer #wp-calendar th:last-child, footer.site-footer #wp-calendar tr:last-child td{ border-color: #e8e8e8; border: 1px solid; } footer.site-footer #wp-calendar thead, footer.site-footer #wp-calendar tbody{ color: #e8e8e8; } footer.site-footer .kreeti_prime_news_widget .read-title h2 a, footer.site-footer .kreeti_prime_news_widget .read-descprition .post-format-and-min-read-wrap .min-read{ color: #fff; } footer.site-footer .aft-readmore-wrapper a.aft-readmore{ border: 1px solid rgba(255,255,255,0.1); } footer.site-footer .aft-readmore-wrapper a.aft-readmore:hover{ color: #fff; } /*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Footer Widgets --------------------------------------------------------------*/ /* one items */ .primary-footer-area:first-child:nth-last-child(1) .kreeti_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) .kreeti_posts_lists_widget .af-double-column.list-style.col-3, body .primary-footer-area:first-child:nth-last-child(2) ~ .primary-footer-area .kreeti_posts_lists_widget .af-double-column.list-style.col-3{ width: 100%; } body .primary-footer-area:first-child:nth-last-child(2) .kreeti_featured_posts_widget .col-4.pad, body .primary-footer-area:first-child:nth-last-child(2) ~ .primary-footer-area .kreeti_featured_posts_widget .col-4.pad{ width: 50%; } body .primary-footer-area:first-child:nth-last-child(2) .kreeti_express_posts_list_widget .col-2.af-sec-post, body .primary-footer-area:first-child:nth-last-child(2) ~ .primary-footer-area .kreeti_express_posts_list_widget .col-2.af-sec-post{ width: 100%; } body .primary-footer-area:first-child:nth-last-child(2) .kreeti_posts_slider_widget .read-single .read-img.read-bg-img, body .primary-footer-area:first-child:nth-last-child(2) ~ .primary-footer-area .kreeti_posts_slider_widget .read-single .read-img.read-bg-img { height: 430px; } body .primary-footer-area:first-child:nth-last-child(2) .kreeti_express_posts_grid_widget .af-express-grid-wrap, body .primary-footer-area:first-child:nth-last-child(2) ~ .primary-footer-area .kreeti_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) .kreeti_posts_lists_widget .af-double-column.list-style.col-3, body .primary-footer-area:first-child:nth-last-child(3) ~ .primary-footer-area .kreeti_posts_lists_widget .af-double-column.list-style.col-3{ width: 100%; } body .primary-footer-area:first-child:nth-last-child(3) .kreeti_express_posts_list_widget .col-2.af-sec-post, body .primary-footer-area:first-child:nth-last-child(3) ~ .primary-footer-area .kreeti_express_posts_list_widget .col-2.af-sec-post{ width: 100%; } body .primary-footer-area:first-child:nth-last-child(3) .kreeti_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 .kreeti_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) .kreeti_featured_posts_widget .col-4.pad, body .primary-footer-area:first-child:nth-last-child(3) ~ .primary-footer-area .kreeti_featured_posts_widget .col-4.pad{ width: 100%; } body .primary-footer-area:first-child:nth-last-child(3) .af-main-banner-prime-news .read-details .read-title h2, body .primary-footer-area:first-child:nth-last-child(3) ~ .primary-footer-area .af-main-banner-prime-news .read-details .read-title h2 { font-size: 22px; } body .primary-footer-area:first-child:nth-last-child(3) .af-main-banner-prime-news .post-description, body .primary-footer-area:first-child:nth-last-child(3) ~ .primary-footer-area .af-main-banner-prime-news .post-description { font-size: 16px; } body .primary-footer-area:first-child:nth-last-child(3) .kreeti_posts_slider_widget .read-single .read-img.read-bg-img, body .primary-footer-area:first-child:nth-last-child(3) ~ .primary-footer-area .kreeti_posts_slider_widget .read-single .read-img.read-bg-img { height: 230px; } body .primary-footer-area:first-child:nth-last-child(3) .kreeti_posts_slider_widget .read-single .read-details .read-title h4, body .primary-footer-area:first-child:nth-last-child(3) ~ .primary-footer-area .kreeti_posts_slider_widget .read-single .read-details .read-title h4 { font-size: 18px; } body .primary-footer-area:first-child:nth-last-child(3) .kreeti_youtube_video_widget .col-2.secondary-video, body .primary-footer-area:first-child:nth-last-child(3) ~ .primary-footer-area .kreeti_youtube_video_widget .col-2.primary-video { width: 100%; } body.full-width-content .primary-footer-area:first-child:nth-last-child(3) .kreeti_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 .kreeti_youtube_video_widget .secondary-video iframe.af-yt-video-item, body:not(.full-width-content) .primary-footer-area:first-child:nth-last-child(3) .kreeti_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 .kreeti_youtube_video_widget .secondary-video iframe.af-yt-video-item{ height: 255px; width: 100%; } body .primary-footer-area:first-child:nth-last-child(3) .social-widget-menu.af-widget-body ul li, body .primary-footer-area:first-child:nth-last-child(3) ~ .primary-footer-area .social-widget-menu.af-widget-body ul li{ width: 50%; } body .primary-footer-area:first-child:nth-last-child(3) .kreeti_express_posts_grid_widget .af-express-grid-wrap, body .primary-footer-area:first-child:nth-last-child(3) ~ .primary-footer-area .kreeti_express_posts_grid_widget .af-express-grid-wrap { grid-template-columns: repeat(1, 1fr); } body .primary-footer-area:first-child:nth-last-child(3) .kreeti_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 .kreeti_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) .kreeti_posts_double_columns_widget .col-2.af-sec-post, body .primary-footer-area:first-child:nth-last-child(3) ~ .primary-footer-area .kreeti_posts_double_columns_widget .col-2.af-sec-post{ width: 100%; } /*-------------------------------------------------------------- # Footer Widgets --------------------------------------------------------------*/ /*-------------------------------------------------------------- ##404 page --------------------------------------------------------------*/ /*-------------------------------------------------------------- ##404 page --------------------------------------------------------------*/ /*-------------------------------------------------------------- ##plugin --------------------------------------------------------------*/ .wp-post-author-shortcode{ border-color: rgba(0, 0, 0, 0.1); } .wp-post-author-wrap { margin: 30px 0; } .wp-post-author-meta h4 a{ color: #bb191a; } p.awpa-website a { color: #808080; transition: all 300ms ease-out; } p.awpa-website a:hover {color: #bb191a;} p.awpa-more-posts a { border: 1px solid rgba(0, 0, 0, 0.1); padding: 5px 15px; display: inline-block; color: #808080; transition: all 300ms ease-out; } p.awpa-more-posts a:hover {color: #bb191a;border-color: #bb191a;} .wp-post-author-wrap .awpa-contact-info li {display: inline-block;padding: 0;} ul.awpa-contact-info li a { color: #fff; width: 30px; text-align: center; line-height: 30px; height: 30px; margin: 0; border-radius: 50%; 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; } /*-------------------------------------------------------------- ##plugin --------------------------------------------------------------*/ /*-------------------------------------------------------------- ##secondary section --------------------------------------------------------------*/ #sidr .header-after1, #sidr .widget-title footer .header-after1, footer .widget-title, #secondary .header-after1, #secondary .widget-title { position: relative; margin-bottom: 15px; margin-top: 5px; } body.widget-title-border-bottom #secondary .header-after1, body.widget-title-border-bottom #secondary .widget-title{ padding-bottom: 10px; margin-bottom: 15px; } #secondary .archive-list-post .read-title h4, #sidr .archive-list-post .read-title h4, footer .archive-list-post .read-title h4{ font-size: 22px; } /*-------------------------------------------------------------- ##secondary section --------------------------------------------------------------*/ /*-------------------------------------------------------------- ##color options --------------------------------------------------------------*/ .aft-image-caption, #secondary .widget-area.color-pad .widget, .read-single .color-pad, .read-single.color-pad{ background-color: #fff; } #secondary .widget-area.color-pad .widget{ padding: 10px; margin-bottom: 30px; } /*=============for dark mode===========*/ body.aft-dark-mode #sidr, body.aft-dark-mode code, body.custom-background.aft-dark-mode, body.aft-dark-mode{ background-color: #181818; } body.aft-dark-mode.af-boxed-layout .af-whole-wrapper{ background-color: #161616; } body.aft-dark-mode .af-main-banner-prime-news .container-wrapper .af-sec-post{ background-color: #1d1d1d; } 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 .af-main-banner-prime-news .prime-realted-posts .read-title h4, body.aft-dark-mode .widget ul ul li, body.aft-dark-mode .widget ul.menu >li, body.aft-dark-mode .widget > ul > li{ border-color: #2d2d2d; } body.aft-dark-mode .af-widget-carousel .slide-icon, body.aft-dark-mode .insta-feed-head a, body.aft-dark-mode.single span.tags-links a, body.aft-dark-mode .banner-exclusive-posts-wrapper a, body.aft-dark-mode .banner-exclusive-posts-wrapper a:visited, body.aft-dark-mode article .aft-comment-view-share > span > a, body.aft-dark-mode h1, body.aft-dark-mode h2, body.aft-dark-mode h3, body.aft-dark-mode h4, body.aft-dark-mode h5, body.aft-dark-mode h6, 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 footer.site-footer, body.aft-dark-mode .aft-frontpage-feature-section-wrapper section:nth-child(odd), body.aft-dark-mode .af-widget-carousel .slide-icon{ background: #111111; } body.aft-dark-mode .insta-feed-head a, body.aft-dark-mode #af-preloader, body.aft-dark-mode .aft-popular-tags, body.aft-dark-mode .entry-header-details, body.single.aft-dark-mode #comments.comments-area, body.single.aft-dark-mode .entry-content-wrap.social-after-content .aft-social-share, body.single.aft-dark-mode .entry-content-wrap.social-after-title .aft-social-share, body.aft-dark-mode .mailchimp-block , body.aft-dark-mode .af-search-form, body.aft-dark-mode .alignfull:not(.wp-block-cover), body.aft-dark-mode .alignwide, body.aft-dark-mode .sidr, body.aft-dark-mode div#respond, body.aft-dark-mode .read-single .color-pad, body.aft-dark-mode #secondary .widget-area.color-pad .widget, body.aft-dark-mode .read-single.color-pad { background-color: #212121; } @media only screen and (min-width: 992px){ body.aft-dark-mode .main-navigation .menu ul ul ul , body.aft-dark-mode .main-navigation .menu > ul > li > ul { background-color: #212121; } } @media only screen and (max-width: 992px){ body.aft-dark-mode .main-navigation .menu .menu-mobile li a i:before, body.aft-dark-mode .main-navigation .menu .menu-mobile li a i:after { background-color: #fff; } } body.aft-dark-mode div#respond{ border-color: transparent; } body.aft-dark-mode .af-main-banner-prime-news .read-descprition .post-format-and-min-read-wrap .min-read, 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 .main-navigation ul li a, body.aft-dark-mode blockquote:before, body.aft-dark-mode input, body.aft-dark-mode textarea, body.aft-dark-mode .aft-popular-taxonomies-lists strong, body.aft-dark-mode .aft-popular-taxonomies-lists ul li a, body.aft-dark-mode .color-pad, body.aft-dark-mode ul.trail-items li a, body.aft-dark-mode .color-pad #wp-calendar caption, body.aft-dark-mode .color-pad .nav-links a, body.aft-dark-mode .read-details .entry-meta span, body.aft-dark-mode .color-pad .entry-meta span, body.aft-dark-mode .read-title h2 a, body.aft-dark-mode .color-pad .read-title h4 a{ color: #fff; } body.aft-dark-mode .banner-exclusive-posts-wrapper, body.aft-dark-mode .aft-popular-taxonomies-lists strong, body.aft-dark-mode .kreeti-header .top-header, body.aft-dark-mode .social-widget-menu ul li a, body.aft-dark-mode .em-author-details ul li a{ background: #000; color: #fff; } body.aft-dark-mode .aft-popular-taxonomies-lists strong:after{ border-color: transparent transparent transparent #000; opacity: 1; } body.aft-dark-mode .aft-small-social-menu ul li a{ background-color: transparent; color: #fff; } 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 #0a0a0a; } 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{ border-color: #0a0a0a; } body.aft-dark-mode .aft-readmore-wrapper a.aft-readmore { border-color: rgba(234, 234, 234, 0.2); } body.aft-dark-mode .af-main-banner-prime-news .prime-realted-posts .read-title h4 a{ color: #fff; } body.aft-dark-mode input, body.aft-dark-mode .widget_categories select, body.aft-dark-mode input.search-field, body.aft-dark-mode div#respond textarea{ border-color: transparent; background-color: #000; } body.aft-dark-mode input[type="button"], body.aft-dark-mode input[type="reset"], body.aft-dark-mode input[type="submit"]{ background: #bb191a; } body.aft-dark-mode .wp-block-table[class*='has-subtle-']{ background-color: transparent; } body.aft-dark-mode .header-layout-default, body.aft-dark-mode .header-layout-centered, body.aft-dark-mode .kreeti-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: #0a0a0a; } /*forsidebar section========*/ #secondary .widget-area.color-pad .widget{ padding: 20px; } body.aft-default-mode .site-footer .widget-area.color-pad .read-single.color-pad , body.aft-default-mode #secondary .widget-area.color-pad .read-single.color-pad , body.aft-dark-mode .site-footer .widget-area.color-pad .read-single.color-pad , body.aft-dark-mode #secondary .widget-area.color-pad .read-single.color-pad { background-color: transparent; } body.aft-dark-mode .site-footer .widget-area.color-pad .widget > ul > li { color: #bdbdbd; } body.aft-dark-mode ul.trail-items li:after, body.aft-dark-mode .tagcloud a, body.aft-dark-mode .widget ul.menu >li a, body.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-default .af-bottom-header, body.aft-dark-mode pre{ border-color: #1d1d1d; } body.aft-dark-mode .main-navigation .menu .menu-mobile, body.aft-dark-mode div#main-navigation-bar{ background: #252525; } body.aft-dark-mode .ham:before, body.aft-dark-mode .ham:after, body.aft-dark-mode .ham, body.aft-dark-mode .header-layout-centered .offcanvas-menu span{ background-color: #fff; } body.aft-dark-mode .header-layout-centered .offcanvas:hover .offcanvas-menu span.mbtn-top, body.aft-dark-mode .header-layout-centered .offcanvas:hover .offcanvas-menu span.mbtn-bot, body.aft-dark-mode .header-layout-centered .offcanvas-menu span.mbtn-bot, body.aft-dark-mode .header-layout-centered .offcanvas-menu span.mbtn-top{ border-color: #fff; background-color: #fff; } body.aft-dark-mode:not(.home) .kreeti-header.header-layout-centered .bottom-header, body.aft-dark-mode .ham.exit { background-color: transparent; } body.aft-dark-mode .comment { border-bottom: 1px dashed #000000; } /*=============for dark mode===========*/ /*-------------------------------------------------------------- ##color options --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## fonts options --------------------------------------------------------------*/ /*vertical post title*/ .banner-vertical-slider .aft-trending-posts.list-part .af-double-column.list-style .read-title h4{ font-size: 14px; line-height: 1.4; } /*vertical post title*/ /*general post title*/ .four-col-masonry article.col-3 .read-title h4, .four-col-masonry article.latest-posts-grid.col-3 .read-title h4, .af-list-post .read-title h4, .widget ul ul li, .widget > ul > li, .af-main-banner-latest-posts .read-title h4, .af-main-banner-featured-posts .read-title h4, .widget:not(.kreeti_social_contacts_widget) ul.menu >li, .af-main-banner-prime-news .prime-realted-posts .read-title h4, .af-main-banner-thumb-posts .read-single:not(.af-cat-widget-carousel) .read-title h4, .af-main-banner-categorized-posts.express-posts .af-sec-post.list-part .read-title h4, .banner-vertical-slider .aft-trending-posts.list-part .af-double-column.list-style .read-title h4, .af-trending-posts .aft-trending-posts.list-part .af-double-column.list-style .read-title h4{ font-size: 16px; } /*general post title*/ /*medium spotlight post title*/ .archive-list-post .read-title h4, .archive-masonry-post .read-title h4, .af-wide-layout .four-col-masonry article.col-3 .read-title h4, .af-wide-layout .four-col-masonry article.latest-posts-grid.col-3 .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 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, article.latest-posts-grid .read-title h4, .two-col-masonry article.latest-posts-grid.col-3 .read-title h4, .af-main-banner-categorized-posts.express-carousel .af-sec-post .read-title h4, .af-main-banner-categorized-posts.express-posts .af-sec-post:first-child .read-title h4, .aft-main-banner-section.aft-banner-layout-2 .af-main-banner-thumb-posts .af-sec-post .read-title h4, .aft-main-banner-section.aft-banner-layout-2 .af-main-banner-thumb-posts .af-sec-post:first-child .read-title h4, .af-main-banner-thumb-posts .af-sec-post:first-child .read-title h4{ font-size: 20px; } /*medium spotlight post title*/ /*global section title*/ .header-after1, .widget-title{ font-size: 22px; } /*global section title*/ /*big spotlight post title*/ article.latest-posts-full .read-title h4, .af-banner-carousel .read-title h4{ font-size: 34px; } /*big spotlight post title*/ /*page title*/ .af-main-banner-prime-news .read-details .read-title h2, body.single-post .entry-title, h1.page-title { font-size: 42px; } /*page title*/ /*entry-content paragraph*/ .entry-content{font-size: 17px;margin: 15px 50px;} /*entry-content paragraph*/ /*media query of fonts*/ @media screen and (max-width: 600px) { article.latest-posts-full .read-title h4, .af-banner-carousel .read-title h4, .af-main-banner-prime-news .read-details .read-title h2, body.single-post .entry-title, h1.page-title { font-size: 20px; } body.single .entry-content-wrap .post-excerpt, body.single-post.aft-single-full-header .post-excerpt, .af-main-banner-prime-news .post-description{ font-size: 16px; } } /*media query of fonts*/ /*-------------------------------------------------------------- ## 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: 1024px) { body.single.align-content-right .entry-content-wrap.social-vertical-share .aft-social-share{ text-align: left; } .aft-main-banner-section.aft-banner-layout-1 .aft-main-banner-part { display: flex; flex-flow: row wrap; } .aft-main-banner-section.aft-banner-layout-1 .aft-main-banner-part .aft-slider-part{width:100%;order: 1;} .aft-main-banner-section.aft-banner-layout-1 .aft-main-banner-part .aft-thumb-part{width:50%;order: 2;} .aft-main-banner-section.aft-banner-layout-1 .aft-main-banner-part .aft-trending-part{width:50%;order: 3} .home-main-banner-widgets:not(.upper){ margin-top: 20px; } .af-boxed-layout .af-whole-wrapper{max-width: 1000px;} } @media screen and (max-width: 990px) { .af-boxed-layout .af-whole-wrapper{max-width: 970px;} body.single .entry-content-wrap.social-vertical-share .aft-social-share{ padding-top: 0; } body.align-content-right .container-wrapper #primary, body.align-content-right .container-wrapper #secondary, .container-wrapper #secondary, .container-wrapper #primary { width: 100%; padding: 0; } #secondary{margin-top: 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-has-children .menu-description, .main-navigation .menu-description{ top: 50%; left: inherit; transform: translateY(-50%); margin: 0 5px; } .aft-popular-tags, .main-navigation .menu-description:after, .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{margin-bottom: 20px;} .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; } .aft-main-banner-section.aft-banner-layout-3 .aft-slider-part, .aft-main-banner-section.aft-banner-layout-3 .aft-trending-part{ width: 100%; } .aft-main-banner-section.aft-banner-layout-3 .af-banner-carousel .read-img.read-bg-img { height: 400px; } div.custom-menu-link > a{ font-size: 0; text-align: center; } div.custom-menu-link > a i{ font-size: 14px; } .main-navigation .toggle-menu{ width: auto; padding: 25px 7px; padding-left: 0; } .header-layout-compressed-full .main-navigation .toggle-menu{ padding: 25px; } .kreeti-header.header-layout-default .bottom-bar-flex .offcanvas-navigaiton { width: 100%; justify-content: space-between; } .kreeti-header.header-layout-default .search-watch .af-search-wrap{ justify-content: center; } .kreeti-header.header-layout-centered .top-bar-right div.custom-menu-link > a, .kreeti-header.header-layout-compressed-full .top-bar-right div.custom-menu-link > a{ text-align: center; } .kreeti-header.header-layout-centered .top-bar-right .search-icon, .kreeti-header.header-layout-compressed-full .top-bar-right .search-icon{ line-height: 29px; } .kreeti-header.header-layout-compressed-full .bottom-bar-flex .logo{width: 100%;} } @media screen and (max-width: 990px) { .aft-thumb-part, .aft-slider-part, .aft-trending-part{ margin-bottom: 0; margin-top: 20px; } .af-banner-carousel.af-banner-carousel-1.af-carousel-default .slick-item .read-single { margin-bottom: 0; } } @media screen and (max-width: 768px) { .af-boxed-layout .af-whole-wrapper{max-width: 700px;} /*featuredposts*/ .social-widget-menu.af-widget-body ul li, body:not(.full-width-content) .kreeti_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%; } /*featuredposts*/ body:not(.full-width-content) .kreeti_posts_lists_widget .af-double-column.list-style.col-3, .aft-featured-category-section .featured-category-item, .aft-main-banner-section.aft-banner-layout-2 .aft-thumb-part, .aft-main-banner-section.aft-banner-layout-2 .aft-slider-part, .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%;} .exclusive-posts .exclusive-now span { display: none; } .exclusive-posts .exclusive-now{ min-width: 50px; padding: 0; } .af-main-banner-prime-news.layout-1 .prime-img-desp{ flex-wrap: wrap; } .af-main-banner-prime-news.layout-1 .read-descprition, .af-main-banner-prime-news.layout-1 .read-img.read-bg-img{ width: 100%; } .af-main-banner-prime-news.layout-1 .read-img.read-bg-img{margin-bottom: 20px;} .af-main-banner-prime-news.layout-1 .read-descprition{padding: 0;text-align: center;} .af-main-banner-prime-news.layout-1 .prime-realted-posts { text-align: left; } body .mailchimp-block .block-title, body .call-to-action .widget-title{ font-size: 30px; } .aft-thumb-part, .aft-slider-part, .aft-trending-part{ margin-bottom: 0; margin-top: 20px; } .featured-post-items-wrap .af-sec-post:not(.list-part) .read-details{ min-height: 0; } .kreeti_express_posts_grid_widget .af-express-grid-wrap { grid-template-columns: repeat(3, 1fr); } body:not(.full-width-content) #primary .kreeti_express_posts_grid_widget .af-express-grid-wrap .read-single { min-height: 220px; } body:not(.full-width-content) #primary .kreeti_posts_carousel_widget .af-post-carousel .read-img { height: 220px; } } @media only screen and (max-width: 1024px) and (min-width: 768px) { .aft-banner-layout-1 .af-main-banner-thumb-posts .af-sec-post:first-child .read-img.read-bg-img{ height:340px; } .aft-banner-layout-1 .af-main-banner-thumb-posts .read-single:not(.af-cat-widget-carousel) { min-height: 144px; } .aft-banner-layout-1 .banner-vertical-slider .aft-trending-posts.list-part .af-double-column.list-style .read-bg-img{ height: 120px; } } @media only screen and (max-width: 768px) and (min-width: 479px) { .featured-post-items-wrap .af-sec-post{ width: 100%; } .aft-main-banner-section.aft-banner-layout-3 .banner-vertical-slider .aft-trending-posts.list-part .af-double-column.list-style .read-bg-img, .list-part .af-double-column.list-style .read-bg-img, .af-wide-layout.align-content-left .list-part .af-double-column.list-style .read-bg-img, #secondary .banner-vertical-slider .aft-trending-posts.list-part .af-double-column.list-style .read-bg-img, section.aft-blocks.aft-featured-category-section.af-list-post.featured-cate-sec.kreeti-customizer .read-bg-img, .af-double-column.list-style .col-1:not(.aft-spotlight-posts-1) .read-bg-img { height: 180px; } .af-list-post .read-title h4, .af-main-banner-categorized-posts.express-posts .af-sec-post.list-part .read-title h4, .aft-main-banner-section.aft-banner-layout-3 .banner-vertical-slider .aft-trending-posts.list-part .af-double-column.list-style .read-title h4, #secondary .banner-vertical-slider .aft-trending-posts.list-part .af-double-column.list-style .read-title h4 { font-size: 18px; } .read-img.read-bg-img, .af-wide-layout .two-col-masonry article.col-3 .read-img.read-bg-img, .af-wide-layout .aft-main-banner-section.aft-banner-layout-2 .af-main-banner-thumb-posts .af-sec-post .read-img.read-bg-img, .af-wide-layout .aft-main-banner-section.aft-banner-layout-2 .af-main-banner-thumb-posts .af-sec-post:first-child .read-img.read-bg-img, .two-col-masonry article.col-3 .read-img.read-bg-img, .aft-main-banner-section.aft-banner-layout-2 .af-main-banner-thumb-posts .af-sec-post .read-img.read-bg-img, .aft-main-banner-section.aft-banner-layout-2 .af-main-banner-thumb-posts .af-sec-post:first-child .read-img.read-bg-img{ height: 235px; } .af-wide-layout article.aft-first-post-full.latest-posts-full .read-img, .featured-post-items-wrap .af-sec-post:not(.list-part) .read-img , article.latest-posts-full .read-img { height: 490px; } .af-wide-layout .data-bg.read-img.pos-rel.col-4.float-l.read-bg-img, .aft-masonry-archive-posts.three-col-masonry .col-3{ width: 50%; } .kreeti_posts_slider_widget .read-single .read-img.read-bg-img, .af-wide-layout .af-banner-carousel .read-img.read-bg-img, .aft-main-banner-section.aft-banner-layout-3 .af-banner-carousel .read-img.read-bg-img, .af-banner-carousel .read-img.read-bg-img { height: 490px; } #sidr .af-social-contacts .social-widget-menu ul , #secondary .af-social-contacts .social-widget-menu ul { margin: 0 -5px; } #secondary .af-social-contacts .social-widget-menu ul:before, #sidr .af-social-contacts .social-widget-menu ul:before, #secondary .af-social-contacts .social-widget-menu ul:after , #sidr .af-social-contacts .social-widget-menu ul:after { content: ""; display: table; } #secondary .af-social-contacts .social-widget-menu ul:after , #sidr .af-social-contacts .social-widget-menu ul:after { clear: both; } #sidr .af-social-contacts .social-widget-menu ul li, #secondary .af-social-contacts .social-widget-menu ul li{ width: 50%; float: left; padding: 0 5px; } } @media screen and (max-width: 600px) { .af-trending-posts .trending-posts-item, .aft-main-banner-section.aft-banner-layout-1 .aft-main-banner-part .aft-trending-part, .aft-main-banner-section.aft-banner-layout-1 .aft-main-banner-part .aft-thumb-part{ 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{ text-align: left; margin-top: 15px; } .af-main-banner-prime-news .container-wrapper .af-sec-post{ padding: 20px 10px; } .af-main-banner-prime-news .read-descprition, .af-main-banner-prime-news .read-details{ padding: 0; } .af-trending-posts .aft-trending-posts.list-part .af-double-column.list-style .read-bg-img, .af-wide-layout .data-bg.read-img.pos-rel.col-4.float-l.read-bg-img { width: 35%; } body:not(.full-width-content) #primary .kreeti_express_posts_grid_widget .af-express-grid-wrap, .kreeti_express_posts_grid_widget .af-express-grid-wrap { grid-template-columns: repeat(2, 1fr); } } @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) { .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; } .header-layout-centered .bottom-nav { display: flex; justify-content: space-between; } .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;} .kreeti-header.header-layout-default .search-watch .af-search-wrap{width: 50px;} .kreeti-header.header-layout-compressed-full .bottom-bar-flex{flex-flow: row wrap;} .kreeti-header.header-layout-compressed-full .bottom-bar-flex .logo{text-align: center;} .header-layout-compressed-full .main-navigation .toggle-menu {padding-left: 0;} body .primary-footer-area:first-child:nth-last-child(3) .social-widget-menu.af-widget-body ul li, body .primary-footer-area:first-child:nth-last-child(3) ~ .primary-footer-area .social-widget-menu.af-widget-body ul li, .social-widget-menu.af-widget-body ul li, .grid-layout-three > .common-grid, .grid-layout-three .common-grid:nth-child(2), .grid-layout-three .first-grid-item-warpper { width: 100%; } .af-reated-posts .col-3, .aft-main-banner-section.aft-banner-layout-2 .af-main-banner-thumb-posts .af-sec-post, .aft-main-banner-section.aft-banner-layout-2 .af-main-banner-thumb-posts .af-sec-post:first-child, .af-sec-post, .kreeti_posts_grid .af-sec-post, .col-2,.col-3,.col-4{ width: 100%; } .kreeti_posts_slider_widget .read-single .read-img.read-bg-img, .list-style .read-bg-img, article.latest-posts-full .read-img, .af-banner-carousel .read-img.read-bg-img, .two-col-masonry article.col-3 .read-img.read-bg-img, .af-wide-layout .af-banner-carousel .read-img.read-bg-img, .af-wide-layout .af-banner-carousel .read-img.read-bg-img, .af-main-banner-categorized-posts .af-post-carousel .read-img, .featured-post-items-wrap .af-sec-post:not(.list-part) .read-img, .af-wide-layout article.aft-first-post-full.latest-posts-full .read-img , .af-wide-layout .featured-posts .read-img.read-bg-img, .af-wide-layout .archive-layout-grid .read-img.read-bg-img, .af-wide-layout .af-main-banner-latest-posts.grid-layout .read-img.read-bg-img, .af-wide-layout .aft-main-banner-section.aft-banner-layout-2 .af-main-banner-thumb-posts .af-sec-post .read-img.read-bg-img, .af-wide-layout .aft-main-banner-section.aft-banner-layout-2 .af-main-banner-thumb-posts .af-sec-post:first-child .read-img.read-bg-img, .aft-main-banner-section.aft-banner-layout-3 .af-banner-carousel .read-img.read-bg-img, .af-main-banner-prime-news .read-img.read-bg-img, .read-img.read-bg-img{ height: 230px; } section.aft-main-banner-section .banner-vertical-slider .aft-trending-posts.list-part .af-double-column.list-style .read-bg-img, .aft-main-banner-section.aft-banner-layout-3 .banner-vertical-slider .aft-trending-posts.list-part .af-double-column.list-style .read-bg-img, section.aft-blocks.aft-featured-category-section.af-list-post.featured-cate-sec.kreeti-customizer .read-bg-img, .banner-vertical-slider .aft-trending-posts.list-part .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, .list-part .af-double-column.list-style .read-bg-img, .col-2.af-double-column.list-style .col-4, .col-2 .af-double-column.list-style .col-4, .af-double-column.list-style .col-1 .col-4, .af-double-column.list-style .col-3 .col-4, .af-double-column.list-style .col-4{ width: 35%; height: 115px; } section.aft-blocks.aft-featured-category-section.af-list-post.featured-cate-sec.kreeti-customizer .read-details, .banner-vertical-slider .aft-trending-posts.list-part .af-double-column.list-style .read-details, .trending-posts-vertical .af-double-column.list-style .read-details, .af-double-column.list-style .read-details, .list-part .af-double-column.list-style .read-details{ width: 65%; } .af-banner-wrapper .af-banner-carousel .slick-slide{padding: 0;} h1.page-title { margin-top: 10px; margin-bottom: 10px; } .header-layout-centered .top-bar-right .aft-small-social-menu ul li:first-child a{ width: auto; margin-right: 5px; } .top-bar-flex, .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-default .top-bar-flex{ flex-wrap: wrap; } .header-layout-default .top-bar-flex .top-bar-left { margin-bottom: 0; justify-content: center; } .header-layout-default .top-bar-flex .top-bar-right { justify-content: center; } .header-layout-default .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-layout-centered .aft-small-social-menu{padding: 0;} /*header-centered-top-header*/ .list-style .read-single { flex-wrap: wrap; } .af-double-column.list-style .read-single { flex-wrap: nowrap; } .kreeti_posts_lists_widget .af-double-column.list-style .read-single .read-categories, .kreeti_popular_news_widget .af-double-column.list-style .read-single .read-categories, .kreeti_trending_news_widget .af-double-column.list-style .read-single .read-categories{ display: none; } .aft-small-social-menu{ padding: 5px 0; display: block; } 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) .kreeti_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*/ /*banner grid layouts*/ .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%;} /*banner grid layouts*/ 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%; } .entry-content > p {margin: 0;} .af-search-wrap{position: static;} .af-search-form{width: 100%;} .above-footer-widget-section .insta-feed-head { top: inherit; bottom: 0; transform: translate(-50% , 0%); } .header-layout-compressed-full .off-cancas-panel, .header-layout-default .off-cancas-panel, .header-layout-centered .off-cancas-panel{ display: none; } 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 .kreeti_express_posts_grid_widget .af-express-grid-wrap, .kreeti_express_posts_grid_widget .af-express-grid-wrap { grid-template-columns: repeat(1, 1fr); } .kreeti_express_posts_grid_widget .af-express-grid-wrap .read-single:first-child { grid-column-end: span 1; grid-row-end: span 1; } } @media screen and (max-width: 375px) { .header-layout-default .top-bar-flex { flex-wrap: wrap; } .header-layout-default .top-bar-flex .top-bar-left { margin-bottom: 10px; width: 100%; justify-content: center; } .header-layout-default .top-bar-flex .top-bar-right { width: 100%; justify-content: center; } } /*-------------------------------------------------------------- # media queries------------------------------------------------ --------------------------------------------------------------*/ /*color to be filtered from custom style*/ .aft-default-mode .kreeti-header .aft-small-social-menu ul li a{ color: #ffffff !important; } .aft-default-mode .main-navigation .menu .menu-mobile li a, .aft-default-mode .author-links a, .aft-default-mode .main-navigation ul.children li a, .aft-default-mode .nav-links a, .aft-default-mode .insta-feed-head a, .aft-default-mode .site-footer .insta-feed-head a, .aft-default-mode .main-navigation ul .sub-menu li a, .aft-default-mode .read-details .entry-meta span, .aft-default-mode .aft-comment-view-share > span > a, .aft-default-mode h4.af-author-display-name, .aft-default-mode #wp-calendar caption, .aft-default-mode .wp-block-image figcaption, .aft-default-mode ul.trail-items li a, .entry-content > [class*="wp-block-"] a:not(.has-text-color):hover, .entry-content > ol a:hover, .entry-content > ul a:hover, .entry-content > p a:hover, .aft-default-mode #sidr, .aft-default-mode { color: #4a4a4a; } .entry-content > [class*="wp-block-"] a:not(.has-text-color):hover, .entry-content > ol a:hover, .entry-content > ul a:hover, .entry-content > p a:hover{ border-color: #4a4a4a; } @media only screen and (max-width: 992px){ .aft-default-mode .main-navigation .menu .menu-mobile li a i:before, .main-navigation .menu .menu-mobile li a i:after { background-color: #4a4a4a; } } .aft-default-mode.woocommerce span.onsale, .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], .aft-default-mode input[type="button"], .aft-default-mode input[type="reset"], .aft-default-mode input[type="submit"], .aft-default-mode .inner-suscribe input[type=submit], .af-post-format i, .btn-style1 a:visited, .btn-style1 a, .kreeti-pagination .nav-links .page-numbers.current, #scroll-up, article.sticky .read-single:before, .aft-readmore-wrapper a.aft-readmore:hover, .widget-title-border-center .widget-title .heading-line-before, .widget-title-border-bottom .header-after1 .heading-line-after, .widget-title-border-bottom .widget-title .heading-line-after, .aft-trending-posts .read-img .trending-no, .trending-posts-vertical .trending-no{ background-color: #bb191a; } .aft-dark-mode.single span.tags-links a:hover, .kreeti-pagination .nav-links .page-numbers.current, .aft-readmore-wrapper a.aft-readmore:hover, p.awpa-more-posts a:hover{ border-color: #bb191a; } #loader:before { border-top-color: #bb191a; } .entry-content > [class*="wp-block-"] a:not(.has-text-color), .entry-content > ul a, .entry-content > ol a, .entry-content > p a , p.logged-in-as, a, a:visited, a:hover, a:focus, a:active, .aft-default-mode .author-links a, .aft-default-mode .tagcloud a:hover, .aft-default-mode.single span.tags-links a:hover, .aft-default-mode p.awpa-more-posts a:hover, .aft-default-mode p.awpa-website a:hover , .aft-default-mode .aft-popular-taxonomies-lists ul li a:hover, .aft-default-mode .banner-exclusive-posts-wrapper a:hover, .aft-default-mode .banner-exclusive-posts-wrapper a:visited:hover, .aft-default-mode .wp-post-author-meta h4 a, .aft-default-mode .widget ul.menu >li a:hover, .aft-default-mode .widget > ul > li a:hover, .aft-default-mode .nav-links a:hover, .aft-default-mode .read-title h2 a:hover, .aft-default-mode .read-title h4 a:hover, .aft-default-mode ul.trail-items li a:hover, .aft-default-mode .sidr-class-sidr-button-close, .aft-dark-mode .author-links a, .aft-dark-mode .tagcloud a:hover, .aft-dark-mode.single span.tags-links a:hover, .aft-dark-mode p.awpa-more-posts a:hover, .aft-dark-mode p.awpa-website a:hover , .aft-dark-mode .aft-popular-taxonomies-lists ul li a:hover, .aft-dark-mode .banner-exclusive-posts-wrapper a:hover, .aft-dark-mode .banner-exclusive-posts-wrapper a:visited:hover, .aft-dark-mode .wp-post-author-meta h4 a, .aft-dark-mode .widget ul.menu >li a:hover, .aft-dark-mode .widget > ul > li a:hover, .aft-dark-mode .nav-links a:hover, .aft-dark-mode .read-title h2 a:hover, .aft-dark-mode .read-title h4 a:hover, .aft-dark-mode ul.trail-items li a:hover, .aft-default-mode .site-footer a:hover, .aft-default-mode .site-footer .widget > ul > li a:hover, h2.comments-title, .comment-metadata a, .fn a, .aft-dark-mode .sidr-class-sidr-button-close{ color:#bb191a; transition: all 0.5s linear; } @media only screen and (min-width: 992px){ .aft-default-mode .kreeti-header .main-navigation .menu-desktop > ul > li:hover > a:before, .aft-default-mode .kreeti-header .main-navigation .menu-desktop > ul > li.current-menu-item > a:before { background-color: #bb191a; } } #wp-calendar tbody td a, .aft-dark-mode #wp-calendar tbody td#today, .aft-default-mode #wp-calendar tbody td#today, .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{ color: #bb191a; } .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: #bb191a; } @media only screen and (min-width: 992px){ .main-navigation .menu-desktop > li.current-menu-item, .main-navigation .menu-desktop > ul > li.current-menu-item, .main-navigation .menu-desktop > li:hover, .main-navigation .menu-desktop > ul > li:hover { background-color: #bb191a; } } .aft-default-mode button, .aft-default-mode input[type="button"], .aft-default-mode input[type="reset"], .aft-default-mode input[type="submit"], .aft-dark-mode button, .aft-dark-mode input[type="button"], .aft-dark-mode input[type="reset"], .aft-dark-mode input[type="submit"], .aft-trending-posts .read-img .trending-no, .trending-posts-vertical .trending-no, .aft-default-mode .btn-style1 a, .aft-default-mode #scroll-up { color: #fff; } @media only screen and (min-width: 992px){ .main-navigation .menu-desktop > li.current-menu-item a, .main-navigation .menu-desktop > ul > li.current-menu-item a, .main-navigation .menu-desktop > li:hover a, .main-navigation .menu-desktop > ul > li:hover a{ color: #fff; } } .aft-default-mode .insta-feed-head a, .aft-default-mode .main-navigation .menu .menu-mobile, .single.aft-default-mode .entry-content-wrap.social-after-title .aft-social-share, .single.aft-default-mode .entry-content-wrap.social-after-content .aft-social-share, .aft-default-mode #comments.comments-area, .aft-default-mode .aft-post-excerpt-and-meta.color-pad, .aft-default-mode #secondary .widget-area.color-pad .widget, .aft-default-mode .read-single .color-pad:not(.aft-post-excerpt-and-meta), .aft-default-mode .entry-header-details, .aft-default-mode .aft-popular-tags .aft-popular-taxonomies-lists, .aft-default-mode .banner-exclusive-posts-wrapper .exclusive-posts, .aft-default-mode .read-single.color-pad{ background-color: #fff; } @media only screen and (max-width: 1400px){ .aft-default-mode.single .entry-content-wrap.social-vertical-share .aft-social-share{ background-color: #fff; } } @media only screen and (min-width: 992px){ .aft-default-mode .main-navigation .menu > ul > li > ul, .aft-default-mode .main-navigation .menu > ul ul, .aft-default-mode .header-layout-compressed.header-layout-compressed-centered .navigation-container { background-color: #fff; } } .aft-default-mode:not(.home) .header-layout-compressed-full .full-width.af-transparent-head .af-for-transparent .main-navigation .menu > ul > li > a, .aft-default-mode .header-layout-compressed .compress-bar-mid .date-bar-mid, .aft-default-mode .main-navigation ul li a, .aft-default-mode .kreeti-header:not(.header-layout-centered) .search-icon:visited, .aft-default-mode .kreeti-header:not(.header-layout-centered) .search-icon:hover, .aft-default-mode .kreeti-header:not(.header-layout-centered) .search-icon:focus, .aft-default-mode .kreeti-header:not(.header-layout-centered) .search-icon:active, .aft-default-mode .kreeti-header:not(.header-layout-centered) .search-icon{ color: #ffffff; } .aft-default-mode div#main-navigation-bar{ background-color: #252525; } .aft-default-mode .main-navigation .menu-description { background-color: #af0000; } .aft-default-mode .main-navigation .menu-description:after{ border-top-color: #af0000; } .aft-default-mode .main-navigation .menu-description { color: #fff; } .aft-default-mode .page-title, .aft-default-mode .kreeti_tabbed_posts_widget .nav-tabs > li > a, .aft-default-mode h1.entry-title, .aft-default-mode .widget-title, .aft-default-mode .header-after1 { color: #404040; } .aft-default-mode .banner-exclusive-posts-wrapper a, .aft-default-mode .banner-exclusive-posts-wrapper a:visited, .aft-default-mode .featured-category-item .read-img a, .widget > ul > li .comment-author-link, .aft-default-mode .widget ul.menu >li a, .aft-default-mode .widget > ul > li a, .aft-default-mode .read-title h2 a , .aft-default-mode .read-title h4 a { color: #424242; } .aft-default-mode .call-to-action:not(.no-bg), .aft-default-mode .call-to-action:not(.no-bg) .widget-title, .aft-default-mode .af-main-banner-thumb-posts .small-grid-style .af-sec-post:first-child .read-details .read-title h4 a, .aft-default-mode .site-footer .color-pad .af-cat-widget-carousel .read-details .entry-meta span a, .aft-default-mode .site-footer .color-pad .af-cat-widget-carousel .read-details .entry-meta span, .aft-dark-mode .site-footer .color-pad .af-cat-widget-carousel .read-title h4 a, .aft-default-mode .site-footer .color-pad .af-cat-widget-carousel .read-title h4 a, .aft-default-mode .site-footer .color-pad .af-cat-widget-carousel .read-details, .aft-default-mode .af-cat-widget-carousel .read-details .entry-meta span a, .aft-default-mode .af-cat-widget-carousel .read-details .entry-meta span, .aft-dark-mode .af-cat-widget-carousel .read-title h4 a, .aft-default-mode .af-cat-widget-carousel .read-title h4 a, .aft-default-mode .af-cat-widget-carousel .read-details{ color: #fff; } .kreeti-header.header-layout-centered .top-bar-right div.custom-menu-link > a, .kreeti-header.header-layout-compressed-full .top-bar-right div.custom-menu-link > a, .kreeti-header.header-layout-default .search-watch div.custom-menu-link > a{ background: #af0000; } .exclusive-posts .exclusive-now{ background: #af0000; } .aft-default-mode .read-img .af-post-format i{ color: #fff; } .mailchimp-block{ background-color: #252525; } .mailchimp-block, .mailchimp-block .block-title, .aft-default-mode .call-to-action .widget-title, .aft-default-mode .call-to-action .section-subtitle{ color: #ffffff; } .aft-default-mode footer.site-footer{ background-color: #1c1c1c; } .aft-default-mode .site-footer .widget ul.menu >li a, .aft-default-mode .site-footer .widget > ul > li a, .aft-default-mode .site-footer h4.af-author-display-name, .aft-default-mode .site-footer .kreeti_tabbed_posts_widget .nav-tabs > li > a, .aft-default-mode .site-footer .color-pad .entry-meta span a, .aft-default-mode .site-footer .color-pad .entry-meta span, .aft-default-mode .site-footer .color-pad .read-title h4 a, .aft-default-mode .site-footer #wp-calendar caption, .aft-default-mode .site-footer .header-after1, .aft-default-mode .site-footer .widget-title, .aft-default-mode .site-footer .widget ul li, .aft-default-mode .site-footer .color-pad , .aft-default-mode .site-footer a, .aft-default-mode .site-footer , .aft-default-mode footer.site-footer{ color: #ffffff; } .aft-default-mode .site-info{ background-color: #252525; } .aft-default-mode .site-info .color-pad a, .aft-default-mode .site-info .color-pad{ color: #fff; } a.kreeti-categories.category-color-1 { color: #cc0000; } .af-cat-widget-carousel a.kreeti-categories.category-color-1{ background-color: #cc0000; color:#fff; } a.kreeti-categories.category-color-2 { color: #0987f5; } .af-cat-widget-carousel a.kreeti-categories.category-color-2{ background-color: #0987f5; color:#fff; } a.kreeti-categories.category-color-3 { color: #075fa5; } .af-cat-widget-carousel a.kreeti-categories.category-color-3{ background-color: #075fa5; color:#fff; } a.kreeti-categories.category-color-4 { color: #e40752; } .af-cat-widget-carousel a.kreeti-categories.category-color-4{ background-color: #e40752; color:#fff; } a.kreeti-categories.category-color-5 { color: #ea8d03; } .af-cat-widget-carousel a.kreeti-categories.category-color-5{ background-color: #ea8d03; color:#fff; } a.kreeti-categories.category-color-6 { color: #ff5722; } .af-cat-widget-carousel a.kreeti-categories.category-color-6{ background-color: #ff5722; color:#fff; } a.kreeti-categories.category-color-7 { color: #404040; } .af-cat-widget-carousel a.kreeti-categories.category-color-7{ background-color: #404040; color:#fff; } body, button, input, select, optgroup, textarea { font-size: 16px; } .header-after1, .widget-title{ font-size: 22px; } .kreeti_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: 34px; } .entry-content, #secondary .banner-vertical-slider .aft-trending-posts.list-part .af-double-column.list-style .read-title h4, .kreeti_trending_news_widget .banner-vertical-slider .aft-trending-posts.list-part .af-double-column.list-style .read-title h4, .kreeti_popular_news_widget .banner-vertical-slider .aft-trending-posts.list-part .af-double-column.list-style .read-title h4, .kreeti_posts_double_columns_widget .af-widget-body .af-double-column.list-style .read-title h4, #sidr .kreeti_express_posts_grid_widget .af-express-grid-wrap .read-single:first-child .read-title h4, #secondary .kreeti_express_posts_grid_widget .af-express-grid-wrap .read-single:first-child .read-title h4, .kreeti_express_posts_grid_widget .af-express-grid-wrap .read-single .read-title h4, .four-col-masonry article.col-3 .read-title h4, .four-col-masonry article.latest-posts-grid.col-3 .read-title h4, .af-list-post .read-title h4, .af-reated-posts .read-title h4, .af-main-banner-latest-posts .read-title h4, .af-main-banner-featured-posts .read-title h4, .af-main-banner-prime-news .post-description, .af-main-banner-prime-news .prime-realted-posts .read-title h4, .af-main-banner-thumb-posts .read-single:not(.af-cat-widget-carousel) .read-title h4, .af-main-banner-categorized-posts.express-posts .af-sec-post.list-part .read-title h4, .af-trending-posts .aft-trending-posts.list-part .af-double-column.list-style .read-title h4{ font-size: 16px; } .widget ul ul li, .widget > ul > li, .widget:not(.kreeti_social_contacts_widget) ul.menu >li{ font-size: 16px; } .banner-vertical-slider .aft-trending-posts.list-part .af-double-column.list-style .read-title h4{ font-size: 14px; } .aft-banner-layout-3 .banner-vertical-slider .aft-trending-posts.list-part .af-double-column.list-style .read-title h4{ font-size: 15px; } .af-main-banner-prime-news .read-details .read-title h2, .single-post .entry-title, h1.page-title{ font-size: 42px; } .archive-masonry-post .read-title h4, .kreeti_express_posts_grid_widget .af-express-grid-wrap .read-single:first-child .read-title h4, .af-wide-layout .four-col-masonry article.col-3 .read-title h4, .af-wide-layout .four-col-masonry article.latest-posts-grid.col-3 .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 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, article.latest-posts-grid .read-title h4, .two-col-masonry article.latest-posts-grid.col-3 .read-title h4, .af-main-banner-categorized-posts.express-posts .af-sec-post:not(.list-part) .read-title h4, .aft-main-banner-section.aft-banner-layout-2 .af-main-banner-thumb-posts .af-sec-post .read-title h4, .aft-main-banner-section.aft-banner-layout-2 .af-main-banner-thumb-posts .af-sec-post:first-child .read-title h4, .af-main-banner-thumb-posts .af-sec-post:first-child .read-title h4{ font-size: 22px; } #sidr .kreeti_posts_slider_widget .read-single .read-details .read-title h4 , #secondary .kreeti_posts_slider_widget .read-single .read-details .read-title h4, .archive-list-post .read-title h4, .af-main-banner-categorized-posts.express-carousel .af-sec-post .read-title h4, .kreeti_posts_double_columns_widget .af-widget-body .af-sec-post .read-title h4{ font-size: 18px; } @media screen and (max-width: 600px) { .kreeti_posts_slider_widget .read-single .read-details .read-title h4, body .kreeti_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 .af-main-banner-prime-news .read-details .read-title h2, body.single-post .entry-title, body h1.page-title { font-size: 22px; } } @media only screen and (max-width: 768px){ .af-list-post .read-title h4, .kreeti_express_posts_grid_widget .af-express-grid-wrap .read-single:first-child .read-title h4, .kreeti_posts_double_columns_widget .af-widget-body .af-sec-post .read-title h4, .aft-main-banner-section.aft-banner-layout-3 .banner-vertical-slider .aft-trending-posts.list-part .af-double-column.list-style .read-title h4, .af-main-banner-categorized-posts.express-posts .af-sec-post.list-part .read-title h4, .banner-vertical-slider .aft-trending-posts.list-part .af-double-column.list-style .read-title h4, #secondary .banner-vertical-slider .aft-trending-posts.list-part .af-double-column.list-style .read-title h4 { font-size: 16px; } } .main-navigation .menu-desktop > li, .main-navigation .menu-desktop > ul > li, .site-title, h1, h2, h3, h4, h5, h6 { font-weight: 700; } /*color to be filtered from custom style*/