/*! Theme Name: Ultra Seven Theme URI: https://wpoperation.com/themes/ultra-seven/ Author: WPoperation Author URI: http://wpoperation.com/ Description: Ultra Seven is complete perfect WordPress theme for magazine,blog and travel diaries you can create any layout as perfered with powerful and flexible theme options. Theme is carefully designed to focus the need and features for magazine websites.There are lots of ad placements.Ultra Seven is fully SEO optimized & translation ready. Theme is fully compatible with WooCommerce Plugin. Version: 1.2.7 License: GNU General Public License, version 3 (GPLv3) License URI: http://www.gnu.org/licenses/gpl-3.0.txt Text Domain: ultra-seven Requires at least: 4.7 Requires PHP: 5.6 Tested up to: 5.7 Tags: right-sidebar,left-sidebar,custom-background, custom-menu, featured-images, threaded-comments, translation-ready,custom-logo, footer-widgets,blog,post-formats,sticky-post,theme-options,news,editor-style,custom-header Ultra Seven is a WordPress Theme, Copyright (C) 2018, WPoperation Ultra Seven is distributed under the terms of the GNU GPL This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with this program; if not, write to the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. http://www.gnu.org/licenses/gpl-3.0.txt Ultra Seven 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. 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 # Forms # Navigation ## Links ## Menus # Accessibility # Alignments # Clearings # Widgets # Content ## Posts and pages ## Comments # Infinite scroll # Media ## Captions ## Galleries --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } 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; text-decoration: none; color: #111; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -ms-transition: all ease 0.3s; } /* 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: #ff0; 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; color: #777; } 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; } 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; } /*-------------------------------------------------------------- Lists --------------------------------------------------------------*/ ul, ol { margin: 0 0 1.5em; padding: 0; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: 700; } dd { margin: 0 1.5em 1.5em; } ol.comment-list { list-style: none; } /*-------------------------------------------------------------- Tables --------------------------------------------------------------*/ table { border-collapse: collapse; margin: 0 0 1.5em; width: 100%; } thead th { border-bottom: 2px solid #bbb; padding-bottom: 0.5em; } th { padding: 0.4em; text-align: left; } tr { border-bottom: 1px solid #eee; } td { padding: 0.4em; } th:first-child, td:first-child { padding-left: 0; } th:last-child, td:last-child { padding-right: 0; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ body, button, input, select, optgroup, textarea { color: #404040; font-family: Lato; font-size: 15px; line-height: 1.5; } h1, h2, h3, h4, h5, h6 { clear: both; margin-top: 0; margin-bottom: 15px; } p { margin-bottom: 15px; margin-top: 5px; line-height: 20px; } dfn, cite, em, i { font-style: italic; } blockquote { position: relative; padding: 0; padding-left: 42px; padding-right: 14px; padding-top: 17px; padding-bottom: 0; margin-top: 35px; margin-bottom: 35px; font-family: Arial,Helvetica,sans-serif; font-weight: 300; font-size: 16px; font-style: italic; letter-spacing: .2px; border: 0; border-top: 2px solid #e54e53; background: transparent; } blockquote:before{ content: "\201c"; display: inline-block; position: absolute; top: 17px; left: 0; color: #e6e6e6; font-size: 60px; line-height: 1; font-style: normal; font-family: Arial,Helvetica,sans-serif; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ html { box-sizing: border-box; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; } body { background: #fff; /* Fallback for when there is no custom background color defined. */ } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } ul, ol { margin: 0; padding: 0; } ul { list-style: none; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ vertical-align: top; } figure { margin: 0; /* Extra wide images within figure tags don't overflow the content area. */ } table { margin: 0 0 1.5em; width: 100%; } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 3px; background: #e6e6e6; color: rgba(0, 0, 0, 0.8); font-size: 12px; font-size: 0.75rem; line-height: 1; padding: .6em 1em .4em; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: #ccc #bbb #aaa; } button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus { border-color: #aaa #bbb #bbb; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; padding: 3px; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #111; /* outline: 0; */ } select { border: 1px solid #ccc; } textarea { width: 100%; } /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a { color: #111; } a:hover, a:active { color: #e54e54; } /* a:focus { outline: 0; } a:hover, a:active { outline: 0; } */ /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ .main-navigation { clear: both; display: block; float: left; width: 100%; } .main-navigation ul { display: none; list-style: none; margin: 0; padding-left: 0; } .main-navigation ul ul { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: left; position: absolute; top: 100%; left: -999em; z-index: 99999; background: #fff; } .main-navigation ul ul ul { left: -999em; top: 0; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { left: 100%; } .main-navigation ul ul a { width: 200px; } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: auto; } .main-navigation li { float: left; position: relative; } .main-navigation a { display: block; text-decoration: none; } /* Small menu. */ .menu-toggle, .main-navigation.toggled ul { display: block; } @media screen and (min-width: 37.5em) { .main-navigation ul { display: inline-block; vertical-align: middle; } } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } /*-------------------------------------------------------------- # 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. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- # 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 --------------------------------------------------------------*/ .clear:before, .clear:after, .clearfix:before, .clearfix:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; } .clear:after, .clearfix:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget { margin: 0 0 1.5em; /* Make sure select elements fit in widgets. */ } .widget select { max-width: 100%; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .sticky { display: block; padding: 25px; border-top: 3px solid #848080; background: #f1f1f1; } .hentry { margin: 0 0 1.5em; } .updated:not(.published) { display: none; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /* Make sure logo link wraps around logo image. */ .custom-logo-link { display: inline-block; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; color: #777; font-size: 13px; } .wp-caption-text { text-align: center; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 0; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } /*============================================== kishan css ==============================================*/ .ultra-container { max-width: 1170px; width: 100%; margin: 0 auto; padding: 0 15px; } .ultra-container .ultra-container { padding: 0 !important; } .ultra-top-header { background: #000; padding: 8px 0; font-size: 13px; } .ultra-top-header.black a { color: #fff; } .ultra-top-header .top-left, .ultra-top-header .ultra-date, .ultra-top-header .wd_tini_account_wrapper, .ultra-top-header .menu { display: inline-block; vertical-align: middle; } .ultra-top-header .wd_tini_account_wrapper { cursor: pointer; } .ultra-top-header .wd_tini_account_control { margin-right: 15px; } .ultra-top-header .wd_tini_account_control span { color: #fff; } .ultra-top-header .wd_tini_account_control span i { margin-right: 5px; } .ultra-top-header .ultra-date { color: #fff; margin-right: 20px; background: #E54E54; padding: 2px 10px; } .ultra-top-header .top-right { float: right; } .ultra-top-header .top-left ul li, .ultra-top-header .top-right ul li { display: inline-block; vertical-align: middle; } .ultra-top-header .top-left ul li { margin-right: 15px; } .ultra-top-header .top-right ul li { margin-left: 15px; } .ultra-top-header .top-left ul li a, .ultra-top-header .top-right ul li a { color: #fff; } .ultra-top-header .top-left ul li a:hover, .ultra-top-header .top-right ul li a:hover { color: #e54e54; } .site-header.layout-two .middle-block-wrap { padding: 25px 0; } .site-header.layout-two .middle-block-wrap .site-branding { float: left; margin-top: 15px; } .site-header.layout-two .middle-block-wrap .site-branding a { display: block; } .site-header.layout-two .middle-block-wrap .site-branding a.site-brand.high-res, .site-header.layout-one .middle-block-wrap .site-branding a.site-brand.high-res { display: none; } .site-header.layout-two .nav-search-wrap { border-top: 1px solid #eee; border-bottom: 1px solid #eee; box-shadow: 0 3px 4px 0 rgba(0,0,0,.03); } .site-header.layout-two .right-nav-search { float: left; width: -webkit-calc(95% - 60px); width: calc(95% - 60px); width: -ms-calc(95% - 60px); } .site-header.layout-two .right-nav-search .main-navigation { float: left; width: calc(100% - 80px); width: -webkit-calc(100% - 80px); width: -ms-calc(100% - 80px); } .site-header.layout-two .nav-search-wrap .side-menu-wrap { width: 50px; float: left; text-align: center; padding: 15px 0 6px; cursor: pointer; margin-right: 5%; font-size: 21px; } .site-header.layout-one .nav-search-wrap .main-navigation { float: left; width: calc(100% - 70px); width: -webkit-calc(100% - 70px); width: -ms-calc(100% - 70px); padding-left: 70px; text-align: left; } .site-header.layout-one .nav-search-wrap .main-navigation > ul > li { margin-left: 20px; } .site-header.layout-one .index-icon a { color: #fff; } .site-header.layout-two .nav-search-wrap .ultra-search, .site-header.layout-one .nav-search-wrap .ultra-search { float: right; padding: 15px 0; position: relative; cursor: pointer; } .site-header.layout-three .nav-search-wrap .ultra-search { position: relative; cursor: pointer; } .site-header.layout-one .nav-search-wrap .ultra-search { padding: 8px 0; } .site-header.layout-two .main-navigation ul li a { padding: 15px 15px; font-weight: 600; font-size: 14px; color: #333; } .site-header .main-navigation .nav.main-menu { display: inline-block; } .site-header .nav-search-wrap .search-container { position: absolute; top: 100%; margin-top: 1px; right: 0; width: 325px; padding: 14px; background: #fff; box-shadow: 0 2px 6px rgba(0,0,0,.15); z-index: -1; opacity: 0; visibility: hidden; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -ms-transition: all ease 0.5s; border-top: 2px solid #e54e54; } .site-header .nav-search-wrap .search-container.active { z-index: 99999; opacity: 1; visibility: visible; } .site-header .nav-search-wrap .search-container .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: 0; } .search-container .post-meta span { margin-right: 1px; } .site-header .nav-search-wrap .search-container .search-form { position: relative; } .site-header .nav-search-wrap .search-container .search-form .search-submit { position: absolute; top: 0; right: 0; height: 100%; background: #e54e54; box-shadow: none; border: none; border-radius: 0; color: #fff; z-index: 99999; } .site-header.layout-two .main-navigation ul ul li a, .site-header .ultra-mega-menu-cat-wrap a { width: 220px; padding: 9px 15px; border-bottom: 1px solid #ececec; font-size: 14px; font-weight: 600; } .site-header.layout-two .ticker-block .ticker-title { float: left; padding: 3px 15px; background: #e54e54; color: #fff; font-size: 16px; text-transform: capitalize; } .site-header.layout-two .ticker-block .ticker-title i { margin-right: 5px; } .site-header.layout-two .ticker-block .lSSlideOuter.vertical { float: right; width: calc(100% - 150px); width: -webkit-calc(100% - 170px); width: -ms-calc(100% - 170px); height: 35px; } .site-header.layout-two .ticker-block { padding: 15px 0; position: relative; } .site-header.layout-two .ticker-block .lSSlideOuter.vertical .lightSlider > * { line-height: 32px; } .site-header.layout-two .ticker-block .lSAction { position: absolute; right: 0; height: 30px; width: 80px; top: 5px; } .site-header.layout-two .lSSlideOuter.vertical .lSAction a { background-image: none; width: 30px; height: 30px; line-height: 26px; text-align: center; border: 1px solid #ccc; } .site-header.layout-two .lSSlideOuter.vertical .lSAction a:before { content: ''; position: absolute; font-family: FontAwesome; font-size: 17px; color: #333; } .site-header.layout-two .lSSlideOuter.vertical .lSAction > .lSNext { bottom: auto; ; top: 0; margin-left: 0; margin-right: 0; } .site-header.layout-two .lSSlideOuter.vertical .lSAction > .lSNext:before { content: '\f106'; left: 10px; } .site-header.layout-two .lSSlideOuter.vertical .lSAction > .lSPrev:before { content: '\f107'; left: 10px; } .site-header.layout-two .lSSlideOuter.vertical .lSAction > .lSPrev { bottom: auto; top: 0; left: 0; margin-left: 0; } .site-header .ultra-shopping-cart { position: relative; } .site-header.layout-two .widget_shopping_cart, .site-header.layout-one .widget_shopping_cart, .site-header.layout-three .widget_shopping_cart { position: absolute; width: 300px; right: 0; padding: 10px; background: #fff; z-index: 999999; box-shadow: 0px 2px 5px #ccc; top: 120%; opacity: 0; visibility: hidden; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -ms-transition: all ease 0.3s; text-align: left; } .site-header.layout-one .widget_shopping_cart { background: #5a5a5a; } .site-header.layout-two .ultra-shopping-cart:hover .widget_shopping_cart, .site-header.layout-one .ultra-shopping-cart:hover .widget_shopping_cart, .site-header.layout-three .ultra-shopping-cart:hover .widget_shopping_cart { opacity: 1; visibility: visible; top: 100%; } .site-header .widget_shopping_cart p { margin-top: 0; margin-bottom: 10px; } .site-header .widget_shopping_cart p:last-child{ margin-bottom: 0; } .site-header.layout-two .ultra-shopping-cart, .site-header.layout-two .search-icon, .site-header.layout-one .ultra-shopping-cart, .site-header.layout-one .search-icon, .site-header.layout-three .ultra-shopping-cart, .site-header.layout-three .search-icon { display: inline-block; vertical-align: middle; margin: 0 5px; } .site-header.layout-three .ultra-shopping-cart, .site-header.layout-three .search-icon { margin: 0 0 0 15px; } .site-header.layout-two .ultra-shopping-cart a, .site-header.layout-three .ultra-shopping-cart a { color: #333; } .site-header.layout-one .ultra-shopping-cart a { color: #fff; } .site-header.layout-two .ultra-header-banner { float: right; width: 62%; } /*====================================================== site-header layout-one =======================================================*/ .site-header.layout-one { background: #000; } .site-header.layout-one .site-branding, .site-header.layout-one .nav-search-wrap { display: inline-block; vertical-align: middle; } .site-header.layout-one .site-branding { max-width: 250px; } .site-header.layout-one .nav-search-wrap { width: calc(100% - 260px); width: -webkit-calc(100% - 260px); width: -ms-calc(100% - 200px); text-align: right; } .site-header.layout-one .main-navigation ul.nav-menu > li { display: inline-block; vertical-align: middle; padding: 15px; } .site-header.layout-one .main-navigation > ul > li > a { color: #fff; padding: 10px; } .site-header.layout-one .nav-search-wrap .ultra-search { color: #fff; } .site-header.layout-one .nav-search-wrap .ultra-search .search-icon i { background: #5a5a5a; width: 30px; height: 30px; text-align: center; line-height: 28px; } .site-header.layout-one .main-navigation ul ul li { text-align: left; } .site-header.layout-one .main-navigation ul ul a { font-size: 14px; border-bottom: 1px solid #f1f1f1; padding: 10px 15px; } .site-header.layout-one .middle-block-wrap { padding: 30px 0 25px; border-top: 1px solid rgba(255,255,255,0.25); border-bottom: 1px solid rgba(255,255,255,0.25); } .site-header.layout-one .ticker-block .ticker, .site-header.layout-one .ticker-block .ultra-date { float: left; } .site-header.layout-one .ticker-block .ticker { width: 80%; } .site-header.layout-one .ticker-block .ultra-date { width: 20%; text-align: right; color: #fff; font-size: 14px; padding: 10px 0; } .site-header.layout-one .ticker-block { padding: 9px 0; position: relative; } .site-header.layout-one .ticker-block .ticker-title { width: 130px; float: left; text-align: center; color: #fff; padding: 8px; border-right: 2px solid #4e4e4e; text-transform: uppercase; } .site-header.layout-one .ticker-block .lSSlideOuter.vertical { float: right; width: calc(100% - 150px); width: -webkit-calc(100% - 150px); width: -ms-calc(100% - 150px); height: 35px; } .site-header.layout-one .ticker-block .lSSlideOuter.vertical ul.ultra-ticker li a { color: #fff; font-size: 14px; } .site-header.layout-one .ticker-block .lSSlideOuter.vertical .lightSlider > * { line-height: 39px; } .site-header.layout-one .ticker-block .lSAction { position: absolute; right: 0; height: 30px; width: 80px; top: 5px; } .site-header.layout-one .lSSlideOuter.vertical .lSAction a { background-image: none; width: 30px; height: 30px; line-height: 26px; text-align: center; border: 1px solid #ccc; } .site-header.layout-one .lSSlideOuter.vertical .lSAction a:before { content: ''; position: absolute; font-family: FontAwesome; font-size: 23px; color: #fff; } .site-header.layout-one .lSSlideOuter.vertical .lSAction > .lSNext { bottom: auto; ; top: 0; margin-left: 0; margin-right: 0; } .site-header.layout-one .lSSlideOuter.vertical .lSAction > .lSNext:before { content: '\f105'; left: 11px; } .site-header.layout-one .lSSlideOuter.vertical .lSAction > .lSPrev:before { content: '\f104'; left: 9px; } .site-header.layout-one .lSSlideOuter.vertical .lSAction > .lSPrev { bottom: auto; top: 0; left: 0; margin-left: 0; } .main-navigation > ul > li.menu-item-has-children > a, .main-navigation > ul > li.has-mega-menu > a, .main-navigation ul ul li a { position: relative; } .main-navigation > ul > li.menu-item-has-children > a:before, .main-navigation > ul > li.has-mega-menu > a:before, .main-navigation ul ul > li.menu-item-has-children > a:before { content: '\f107'; position: absolute; font-family: FontAwesome; font-size: 13px; color: #333; right: 0; top: 50%; margin-top: -10px; } .main-navigation ul ul > li.menu-item-has-children > a:before { content: '\f105'; right: 5px; } /*=============================== ===============================*/ .site-header .index-icon { display: inline-block; vertical-align: middle; width: 30px; text-align: center; padding: 5px 0; margin: 0 -2px; font-size: 22px; } .site-header .nav-menu { width: calc(100% - 30px); width: -webkit-calc(100% - 30px); width: -ms-calc(100% - 30px); display: inline-block; vertical-align: middle; margin: 0 -2px; } /*======================================================= ajax search ========================================================*/ .ajax-search input[type="text"] { width: 100%; border-radius: 0; -webkit-border-radius: 0; padding: 10px; font-size: 13px; } #datafetch p { margin: 0; font-size: 11px; color: #f00; text-align: center; margin-top: 10px; } #datafetch .fa { position: absolute; top: 30px; right: 20px; color: #000; } #datafetch .scontent-wrap figure.s-img, #datafetch .scontent-wrap .search-wrap { display: inline-block; vertical-align: top; margin: 0 -2px; } #datafetch .scontent-wrap figure.s-img { width: 40% } #datafetch .scontent-wrap figure.s-img img { width: 100%; } #datafetch .scontent-wrap .search-wrap { font-size: 12px; width: 60%; padding-left: 10px; text-align: left; } #datafetch .scontent-wrap .search-wrap h2 { font-size: 12px; margin-bottom: 5px; } #datafetch .scontent-wrap .search-wrap .post-meta > span { font-size: 11px; } #datafetch .scontent-wrap { margin-top: 20px; } #datafetch a.view-results { display: block; width: 100%; text-align: center; padding: 10px; font-size: 11px; background: black; color: #fff; margin-top: 11px; } #datafetch a.view-results:hover { background: rgba(0,0,0,0.8); } /*================================================= fixed side menu ==================================================*/ .side-menu-wrapper { position: fixed; z-index: 99999; max-width: 300px; width: 100%; background: #fff; height: 100%; transition: all ease 0.6s; -webkit-transition: all ease 0.6s; -ms-transition: all ease 0.6s; left: -100%; border-top: 2px solid #e54e54; } .side-menu-wrapper.side_menu_on { left: 0; } .side-menu-wrapper .closebtn { position: absolute; top: 10px; right: 10px; background: #000; color: #fff; height: 30px; width: 30px; text-align: center; line-height: 28px; font-size: 32px; z-index: 999999; } .site-branding .site-title { font-weight: 700; font-size: 22px; } /*=================================================================== header layout 3 ===================================================================*/ .top-header-three.ultra-top-header { background: transparent; border-bottom: 1px solid #ccc; } .top-header-three.ultra-top-header .top-left ul li a, .top-header-three.ultra-top-header .top-right ul li a { color: #333; } .top-header-three.ultra-top-header .top-left ul li a:hover, .top-header-three.ultra-top-header .top-right ul li a:hover { color: #e54e54; } .site-header.layout-three .ultra-logo { text-align: center; padding: 25px 0 15px; } .site-header.layout-three .side-ad, .site-header.layout-three .site-brand.high-res { display: none; } .site-header.layout-three .ultra-menu .side-menu-wrap, .site-header.layout-three .ultra-menu .main-navigation, .site-header.layout-three .ultra-menu .ultra-search { float: left; } .site-header.layout-three .ultra-menu { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .site-header.layout-three .ultra-menu .side-menu-wrap { width: 50px; text-align: center; padding: 15px 0; cursor: pointer; } .site-header.layout-three .ultra-menu .nav-search-wrap { width: calc(100% - 60px); width: -webkit-calc(100% - 60px); width: -ms-calc(100% - 60px); float: left; } .site-header.layout-three .nav-search-wrap .main-navigation { float: left; width: calc(100% - 100px); width: -webkit-calc(100% - 100px); width: -ms-calc(100% - 100px); margin-top: 0; } .site-header.layout-three .ultra-menu .ultra-search { width: 100px; text-align: right; padding: 15px 0; } .site-header.layout-three .main-navigation { text-align: center; } .site-header.layout-three .main-navigation li { display: inline-block; vertical-align: middle; float: none; } .site-header.layout-three .main-navigation > ul > li > a { padding: 14px 0; margin: 0 15px; font-size: 14px; font-weight: 600; } .site-header.layout-three .main-navigation ul ul li a { padding: 10px; } .site-header.layout-three .main-navigation ul ul li { text-align: left; } /*=========================================================== mega menu ===========================================================*/ .site-header .nav-search-wrap .ultra-container, .site-header.layout-one .middle-block-wrap .ultra-container, .site-header.layout-three .middle-block-wrap .ultra-menu .ultra-container { position: relative; } .site-header li.has-mega-menu { position: static; } .site-header li.has-mega-menu ul.mega-sub-menu { left: 0; right: 0; opacity: 0; visibility: hidden; z-index: -1; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; } .site-header li.has-mega-menu:hover ul.mega-sub-menu { opacity: 1; visibility: visible; z-index: 99999; box-shadow: 0px 4px 20px 0px #777; -webkit-box-shadow: 0px 4px 20px 0px #777; -moz-box-shadow: 0px 4px 20px 0px #777; } .site-header li.has-mega-menu ul.mega-sub-menu > li { width: 100%; } .site-header li.has-mega-menu ul.mega-sub-menu > li .ultra-mega-menu-cat-wrap, .site-header li.has-mega-menu ul.mega-sub-menu > li .ultra-mega-menu-con-wrap { float: left; } .site-header li.has-mega-menu ul.mega-sub-menu > li .ultra-mega-menu-cat-wrap { width: 20%; } .site-header li.has-mega-menu ul.mega-sub-menu > li .ultra-mega-menu-con-wrap { width: 80%; border-left: 1px solid #ececec; } .site-header li.has-mega-menu ul.mega-sub-menu > li .ultra-mega-menu-cat-wrap a, .site-header li.has-mega-menu ul.mega-sub-menu > li .ultra-mega-menu-con-wrap a { width: 100%; font-size: 14px; font-weight: 600; } .site-header li.has-mega-menu ul.mega-sub-menu > li .ultra-mega-menu-con-wrap a { padding: 0; margin: 0; } .site-header li.has-mega-menu ul.mega-sub-menu > li .ultra-mega-menu-con-wrap .menu-post-block { display: inline-block; width: 25%; vertical-align: top; padding: 15px; } .site-header li.has-mega-menu ul.mega-sub-menu > li .ultra-mega-menu-con-wrap .menu-post-block h3 { font-size: 14px; font-weight: 600; } .site-header li.has-mega-menu ul.mega-sub-menu > li .ultra-mega-menu-con-wrap .menu-post-block a { border: 0; color: #000; } .site-header.layout-one li.has-mega-menu ul.mega-sub-menu > li .ultra-mega-menu-con-wrap .menu-post-block a { color: #fff; } .site-header li.has-mega-menu ul.mega-sub-menu > li .ultra-mega-menu-con-wrap .mega-img-thumb { margin-bottom: 10px; } .site-header li.has-mega-menu ul.mega-sub-menu.no-mega-cat-menu > li .ultra-mega-menu-con-wrap { width: 100%; border-left: 0; } /*======================================================== ultra-main-slider slider-1 =========================================================*/ .ultra-main-slider { margin-bottom: 30px; } .ultra-main-slider.slider-1 .slider-section, .ultra-main-slider.slider-1 .featured-section { float: left; } .ultra-main-slider.slider-1 .slider-section { width: 50%; position: relative; min-height: 250px; } .ultra-main-slider.slider-1 .featured-section { width: 50%; } .ultra-main-slider.slider-1 .featured-section .feature-post { width: 50%; float: left; vertical-align: top; position: relative; } .ultra-main-slider.slider-1 .featured-section .feature-post:before { content: ''; position: absolute; background: rgba(0,0,0,0.3); top: 0; bottom: 0; left: 0; right: 0; z-index: -1; } /*========================= .ultra-main-slider ccaption ===========================*/ .ultra-main-slider .slider-caption { position: absolute; padding: 20px; bottom: 0; z-index: 999; color: #fff; width: 100%; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.90) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.90) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.90) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); } .ultra-main-slider .slider-caption .cat-wrap .cat-links { background: #e54e54; color: #fff; display: inline-block; padding: 3px 10px; text-transform: uppercase; font-size: 10px; margin-bottom: 5px; margin-right: 5px; } .ultra-main-slider .slider-caption .cat-wrap a { color: #fff; } .ultra-main-slider .slider-caption h3 { font-weight: 600; font-size: 18px; margin-bottom: 5px; } .ultra-main-slider.slider-2 .feature-post.feature-large h3{ font-weight: 600; } .ultra-main-slider.slider-2 .featured-section h3 { font-weight: 500; } .ultra-main-slider .slider-caption a { color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; } .ultra-main-slider .slider-caption .post-meta span { margin-right: 7px; font-size: 12px; text-transform: capitalize; display: inline-block; } .ultra-main-slider .slider-caption .post-meta span:last-child { margin-right: 0; } /*============================================================== slider layout 2 ===============================================================*/ .ultra-main-slider.slider-2 .featured-section .feature-post { position: relative; } .ultra-main-slider.slider-2 .slider-section, .ultra-main-slider.slider-2 .featured-section { vertical-align: top; display: inline-block; margin: 0 -2px; position: relative; } .ultra-main-slider.slider-2 .slider-section { width: 60%; position: relative; } .ultra-main-slider.slider-2 .featured-section { width: 40%; padding-left: 5px; } .ultra-main-slider.slider-2 .featured-section .feature-post { display: inline-block; width: 49.6%; margin: 0 0px; vertical-align: top; position: relative; overflow: hidden; } .ultra-main-slider.slider-2 .featured-section .feature-post:before { content: ''; position: absolute; background: rgba(0,0,0,0.2); top: 0; bottom: 0; left: 0; right: 0; z-index: -1; } .ultra-main-slider.slider-2 .feature-post.feature-large { width: 100%; margin: 0 0 5px; } /*============================ arrow =============================*/ .ultra-main-slider .lSAction > a, .post-gallery-wrapper .lSAction > a { background-image: none; background-color: #000; color: #fff; height: 35px; width: 35px; font-size: 18px; line-height: 35px; } .ultra-main-slider .lSAction > a:before, .post-gallery-wrapper .lSAction > a:before { content: ''; position: absolute; font-family: FontAwesome; } .ultra-main-slider .lSAction > a.lSPrev:before, .post-gallery-wrapper .lSAction > a.lSPrev:before { content: '\f104'; left: 14px; } .ultra-main-slider .lSAction > a.lSNext:before, .post-gallery-wrapper .lSAction > a.lSNext:before { content: '\f105'; left: 16px; } /*======================================= ultra-main-slider =======================================*/ .ultra-main-slider .ultra-container { margin-top: 40px; } .ultra-main-slider.slider-2 .ultra-container { margin-top: 0 !important; } .ultra-main-slider .slider-section ul li { position: relative; } /*================================================== full width slider ===================================================*/ .ultra-main-slider.full-width .slider-section { width: 100%; } /*================================================ full search pop up =================================================*/ .full-search-container { position: fixed; background: rgba(0,0,0,0.8); top: 0; bottom: 0; left: 0; right: 0; z-index: -1; opacity: 0; visibility: hidden; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -ms-transition: all ease 0.3s; } .full-search-container.search_on { z-index: 99999; opacity: 1; visibility: visible; } .full-search-container .search-form { position: absolute; z-index: 999; left: 0; right: 0; margin: 0 auto; max-width: 500px; width: 100%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .full-search-container .search-form .search-field { width: 100%; border-radius: 0; height: 50px; padding: 10px 15px; background: none; color: #fff; border: none; border-bottom: 2px solid #fff; font-size: 26px; } .full-search-container .search-form .search-submit { position: absolute; top: 0; right: 0; height: 100%; border-radius: 0; background: none !important; border: none; font-size: 0; color: #fff; z-index: 12; width: 40px; } .full-search-container .search-form:after { position: absolute; color: #fff; content: "\f002"; font-family: fontawesome; font-size: 18px; top: 10px; right: 0.5rem; z-index: 10; -webkit-transition: ease-in-out 0.3s; -moz-transition: ease-in-out 0.3s; -ms-transition: ease-in-out 0.3s; -o-transition: ease-in-out 0.3s; transition: ease-in-out 0.3s; } .full-search-container .closebtn, .mobile-menu-close .closebtn { position: absolute; top: -8px; right: 20px; text-align: center; font-size: 50px; color: #fff; background: none; z-index: 999999; } /*======================================================== block header css =========================================================*/ .ultra-block-wrapper .block-header { position: relative; border-bottom: 2px solid #e54e54; margin-bottom: 20px; } .ultra-block-wrapper .block-header .header { background: #e54e54; color: #fff; text-transform: capitalize; font-size: 14.4px; float: left; padding: 5px 10px 4px 15px; position: relative; } .ultra-block-wrapper .block-header .header:before { position: absolute; content: ''; width: 0; height: 0; border-style: solid; border-width: 31px 0 0 20px; border-color: transparent transparent transparent #e54e54; line-height: 0px; _border-color: #000000 #000000 #000000 #e54e54; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); right: -20px; top: 0; } .ultra-block-wrapper .block-header .multi-cat-tabs2, .ultra-block-wrapper .block-header .multi-cat-tabs1 { float: right; text-align: right; } .ultra-block-wrapper .block-header.style2 .multi-cat-tabs2, .ultra-block-wrapper .block-header.style2 .multi-cat-tabs2, .ultra-block-wrapper .block-header.style2 .multi-cat-tabs1, .ultra-block-wrapper .block-header.style2 .multi-cat-tabs1, .ultra-block-wrapper .block-header.style3 .multi-cat-tabs2, .ultra-block-wrapper .block-header.style3 .multi-cat-tabs2, .ultra-block-wrapper .block-header.style3 .multi-cat-tabs1, .ultra-block-wrapper .block-header.style3 .multi-cat-tabs1 { margin-top: 7px; } .ultra-block-wrapper .block-header .multi-cat-tabs2 ul li, .ultra-block-wrapper .block-header .multi-cat-tabs1 ul li { display: inline-block; vertical-align: middle; padding: 0; margin-left: 20px; } } .ultra-block-wrapper .block-header .multi-cat-tabs2 ul li.active a, .ultra-block-wrapper .block-header .multi-cat-tabs1 ul li.active a { color: #e54e54; } .ultra-block-wrapper .block-header.style2 .header { background: transparent; color: #333; padding: 4px 0; font-size: 20px; font-weight: 200; text-transform: capitalize; } .ultra-block-wrapper .block-header.style2 .header:before { display: none; } /*======================================================== .ultra-block-wrapper layout =========================================================*/ .ultra-block-wrapper.multi-cat-tab2.layout-1 .block-content-wrapper .left-post-wrapper, .ultra-block-wrapper.multi-cat-tab2.layout-1 .block-content-wrapper .right-posts-wrapper { width: 100%; } .ultra-block-wrapper.multi-cat-tab2.layout-1 .block-content-wrapper .left-post-wrapper { margin-bottom: 30px; } .ultra-block-wrapper .single-post .post-thumb { position: relative; margin-bottom: 15px; } .no-image { min-height: 219px; background: rgba(0,0,0,0.5); } .ultra-block-wrapper .single-post .post-thumb > a { display: block; } .ultra-block-wrapper .single-post .post-thumb .cat-wrap { position: absolute; top: 5px; right: 10px; text-transform: uppercase; } .ultra-block-wrapper .single-post .post-thumb .cat-links a { color: #fff; } .ultra-block-wrapper .single-post .post-caption-wrapper h3 { font-size: 18px; margin-bottom: 10px; line-height: 1.5; } .ultra-block-wrapper .single-post .post-caption-wrapper .post-meta > span, .ultra-block-wrapper .single-post .post-content-wrapper .post-meta > span, .post-meta > span { margin-right: 15px; font-size: 12px; } .ultra-block-wrapper .single-post .post-caption-wrapper .post-meta span > a, .ultra-block-wrapper .single-post .post-content-wrapper .post-meta span > a, .post-meta span > a { position: relative; padding-left: 15px; } .ultra-block-wrapper .single-post .post-caption-wrapper .post-meta span a:before, .ultra-block-wrapper .single-post .post-content-wrapper .post-meta span a:before, .post-meta span a:before { position: absolute; content: ''; font-family: FontAwesome; font-size: 14px; left: 1px; top: -2px; } .widget_ultra_seven_posts_list .post-meta span > a { padding-left: 0; } .widget_ultra_seven_posts_list .post-meta span a:before { display: none; } .ultra-block-wrapper .single-post .post-caption-wrapper .post-meta span.author a:before, .ultra-block-wrapper .single-post .post-content-wrapper .post-meta span.author a:before, .ultra-block-wrapper .single-post .post-caption-wrapper .post-meta span.author a:before, .ultra-block-wrapper .single-post .post-content-wrapper .post-meta span.author a:before, .post-meta span.author a:before { content: '\f007'; } .ultra-block-wrapper .single-post .post-caption-wrapper .post-meta span.posted-on a:before, .ultra-block-wrapper .single-post .post-content-wrapper .post-meta span.posted-on a:before, .post-meta span.posted-on a:before { content: '\f017'; left: 0; } .ultra-block-wrapper .single-post .post-caption-wrapper .post-author, .ultra-block-wrapper .single-post .post-content-wrapper .post-author, .post-meta .post-author { text-transform: capitalize; } .ultra-block-wrapper .single-post .post-caption-wrapper p, .ultra-block-wrapper .single-post .post-content-wrapper p { font-size: 14px; line-height: 1.5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ultra-block-wrapper.multi-cat-tab2.layout-1 .right-posts-wrapper .single-post { display: inline-block; vertical-align: top; margin: 0 -2px 20px; width: 50%; } .ultra-block-wrapper.multi-cat-tab2.layout-1 .right-posts-wrapper h3 { color: #000; font-size: 15px; font-weight: 700; } .ultra-block-wrapper.multi-cat-tab2.layout-1 .block-content-wrapper .left-post-wrapper .post-thumb, .ultra-block-wrapper.multi-cat-tab2.layout-1 .block-content-wrapper .left-post-wrapper .post-caption-wrapper, .ultra-block-wrapper.multi-cat-tab2.layout-1 .block-content-wrapper .right-posts-wrapper .post-thumb, .ultra-block-wrapper.multi-cat-tab2.layout-1 .block-content-wrapper .right-posts-wrapper .post-caption-wrapper { width: 50%; float: left; } .ultra-block-wrapper.multi-cat-tab2.layout-1 .block-content-wrapper .left-post-wrapper .post-caption-wrapper { padding-left: 30px; } .ultra-block-wrapper.multi-cat-tab2.layout-1 .block-content-wrapper .right-posts-wrapper .post-thumb { width: 35%; margin-bottom: 0; } .ultra-block-wrapper.multi-cat-tab2.layout-1 .block-content-wrapper .right-posts-wrapper .post-caption-wrapper { width: 65%; } .ultra-block-wrapper.multi-cat-tab2.layout-1 .block-content-wrapper .right-posts-wrapper .post-caption-wrapper { padding-left: 20px; } .ultra-block-wrapper.multi-cat-tab2.layout-1 .right-posts-wrapper .single-post:nth-child(odd) { padding-right: 15px; } .ultra-block-wrapper.multi-cat-tab2.layout-1 .right-posts-wrapper .single-post:nth-child(even) { padding-left: 15px; } .post-meta span.post-view { float: right; display: inline-block; width: auto; height: 20px; position: relative; text-align: center; font-size: 11px; line-height: 10px; padding: 4px 5px; } span.post-view i { padding-right: 5px; } /*================================================================= layout 2 ==================================================================*/ .ultra-block-wrapper.layout-2 .block-content-wrapper .left-post-wrapper { margin-bottom: 30px; } .ultra-block-wrapper.layout-2 .block-content-wrapper .left-post-wrapper .single-post { display: inline-block; vertical-align: top; margin: 0 -2px; width: 50%; padding-right: 20px; } .ultra-block-wrapper.layout-2 .block-content-wrapper .left-post-wrapper .single-post:nth-child(even) { padding-left: 20px; padding-right: 0; } .ultra-block-wrapper.layout-2 .right-posts-wrapper .single-post { display: inline-block; width: 50%; vertical-align: top; margin: 0 -2px; padding-right: 15px; } .ultra-block-wrapper.layout-2 .right-posts-wrapper .single-post:nth-child(even) { padding-right: 0; padding-left: 15px; } .ultra-block-wrapper.layout-2 .right-posts-wrapper .single-post .post-thumb { margin-bottom: 0; } .ultra-block-wrapper.layout-2 .right-posts-wrapper .single-post .post-thumb, .ultra-block-wrapper.layout-2 .right-posts-wrapper .single-post .post-caption-wrapper { display: inline-block; vertical-align: top; margin: 0 -2px 40px; } .ultra-block-wrapper.layout-2 .right-posts-wrapper .single-post .post-thumb { width: 30%; } .ultra-block-wrapper.layout-2 .right-posts-wrapper .single-post .post-caption-wrapper { width: 70%; padding-left: 30px; } .ultra-block-wrapper.layout-2 .right-posts-wrapper .single-post .post-caption-wrapper h3 { font-size: 16px; line-height: 1.3; font-weight: 600; } /*=========================================================================== layout 3 ============================================================================*/ .ultra-block-wrapper.layout-3 .block-content-wrapper .left-post-wrapper, .ultra-block-wrapper.layout-3 .block-content-wrapper .right-posts-wrapper { display: inline-block; vertical-align: top; margin: 0 -2px; } .ultra-block-wrapper.layout-3 .block-content-wrapper .left-post-wrapper { width: 50%; } .ultra-block-wrapper.layout-3 .block-content-wrapper .right-posts-wrapper { width: 50%; padding-left: 30px; } .ultra-block-wrapper.layout-3 .right-posts-wrapper .single-post .post-thumb, .ultra-block-wrapper.layout-3 .right-posts-wrapper .single-post .post-caption-wrapper { display: inline-block; vertical-align: top; margin: 0 -2px 20px; } .ultra-block-wrapper.layout-3 .right-posts-wrapper .single-post .post-thumb { width: 35%; } .ultra-block-wrapper.layout-3 .right-posts-wrapper .single-post .post-caption-wrapper { width: 65%; padding-left: 20px; } .ultra-block-wrapper.layout-3 .right-posts-wrapper .single-post .post-caption-wrapper h3 { font-size: 16px; line-height: 1.2; font-weight: 600; margin-bottom: 5px; } /*====================================================== element 2 ========================================================*/ .ultra-block-wrapper.multi-cat-tab1 .left-post-wrapper, .ultra-block-wrapper.multi-cat-tab1 .right-posts-wrapper { float: left; } .ultra-block-wrapper.multi-cat-tab1 .left-post-wrapper { width: 60% !important; } .ultra-block-wrapper.multi-cat-tab1 .right-posts-wrapper { width: 40% !important; padding-left: 40px; } .ultra-block-wrapper.multi-cat-tab1 .right-posts-wrapper .single-post, .ultra-block-wrapper.multi-cat-tab1 .right-posts-wrapper .single-post .post-thumb { width: 100%; margin: 0; position: relative; } .ultra-block-wrapper.multi-cat-tab1 .right-posts-wrapper .single-post .post-thumb h3 { background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.90) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.90) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.90) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ width: 100%; padding: 15px; position: absolute; bottom: 0; left: 0; right: 0; text-align: center; color: #fff; } .ultra-block-wrapper.multi-cat-tab1 .right-posts-wrapper .single-post .post-thumb h3 { margin-bottom: 0; font-weight: 400; font-size: 15px; } /*==================================== element 2 layout 2 ====================================*/ .ultra-block-wrapper.multi-cat-tab1.layout-2 .block-content-wrapper .left-post-wrapper .single-post { width: 100%; padding: 0; } .ultra-block-wrapper.multi-cat-tab1.layout-2 .left-post-wrapper { width: 65%; float: right; } .ultra-block-wrapper.multi-cat-tab1.layout-2 .right-posts-wrapper { width: 35%; padding-left: 0; padding-right: 40px; } .ultra-block-wrapper.multi-cat-tab1.layout-2 .right-posts-wrapper .single-post { padding-right: 0; margin-bottom: 30px; } .ultra-block-wrapper.multi-cat-tab1.layout-2 .right-posts-wrapper .single-post:nth-child(even) { padding-left: 0; } /*============================================== element 2 layout 3 ===============================================*/ .ultra-block-wrapper.multi-cat-tab1.layout-3 .block-content-wrapper .right-posts-wrapper, .ultra-block-wrapper.multi-cat-tab1.layout-3 .block-content-wrapper .left-post-wrapper { width: 100% !important; } .ultra-block-wrapper.multi-cat-tab1.layout-3 .block-content-wrapper .left-post-wrapper { margin-bottom: 30px; } .ultra-block-wrapper.multi-cat-tab1.layout-3 .block-content-wrapper .right-posts-wrapper { padding-left: 0; } .ultra-block-wrapper.multi-cat-tab1.layout-3 .right-posts-wrapper .single-post { float: left; width: 48%; margin-left: 2%; } .ultra-block-wrapper.multi-cat-tab1.layout-3 .right-posts-wrapper { margin-left: -2%; } /*============================================================= element 4 layout 1 =============================================================*/ .ultra-block-wrapper.single-cat1.layout-1 .left-post-wrapper, .ultra-block-wrapper.single-cat1.layout-1 .right-posts-wrapper, .ultra-block-wrapper.single-cat1.layout-2 .left-post-wrapper, .ultra-block-wrapper.single-cat1.layout-2 .right-posts-wrapper { float: left; width: 50%; } .ultra-block-wrapper.single-cat1.layout-1 .left-post-wrapper, .ultra-block-wrapper.single-cat1.layout-2 .left-post-wrapper { padding-right: 20px; } .ultra-block-wrapper.single-cat1.layout-1 .right-posts-wrapper, .ultra-block-wrapper.single-cat1.layout-2 .right-posts-wrapper { padding-left: 20px; } .ultra-block-wrapper.single-cat1.layout-1 .right-posts-wrapper .post-thumb, .ultra-block-wrapper.single-cat1.layout-1 .right-posts-wrapper .post-wrapper, .ultra-block-wrapper.single-cat1.layout-2 .right-posts-wrapper .post-thumb, .ultra-block-wrapper.single-cat1.layout-2 .right-posts-wrapper .post-wrapper { float: left; } .ultra-block-wrapper.single-cat1.layout-1 .right-posts-wrapper .post-thumb, .ultra-block-wrapper.single-cat1.layout-2 .right-posts-wrapper .post-thumb { width: 35%; margin: 0; } .ultra-block-wrapper.single-cat1.layout-1 .right-posts-wrapper .post-wrapper, .ultra-block-wrapper.single-cat1.layout-2 .right-posts-wrapper .post-wrapper { width: 65%; padding-left: 20px; margin: 0; } .ultra-block-wrapper.single-cat1.layout-1 .right-posts-wrapper .post-wrapper h3 { font-size: 16px; font-weight: 600; } .ultra-block-wrapper.single-cat1.layout-1 .right-posts-wrapper .single-post { margin-bottom: 25px; } .ultra-block-wrapper.single-cat1.layout-1 .right-posts-wrapper .single-post:last-child { margin-bottom: 0; } .ultra-block-wrapper.single-cat1.layout-2 .right-posts-wrapper .single-post { width: 100% !important; padding-right: 0; margin-bottom: 20px; } .ultra-block-wrapper.single-cat1.layout-2 .right-posts-wrapper .single-post:nth-child(even) { padding-left: 0; } .ultra-block-wrapper.single-cat1.layout-2 .right-posts-wrapper .post-wrapper .post-caption-wrapper { width: 100%; padding-left: 0; } .ultra-block-wrapper.single-cat1.layout-2 .right-posts-wrapper { float: left; padding-left: 0; padding-right: 20px; } .ultra-block-wrapper.single-cat1.layout-2 .left-post-wrapper { float: right; padding-left: 20px; padding-right: 0px; } /*======================================== layout 3 ===========================================*/ .ultra-block-wrapper.single-cat1.layout-3 .left-post-wrapper .post-thumb, .ultra-block-wrapper.single-cat1.layout-3 .left-post-wrapper .post-wrapper { width: 50%; float: left; } .ultra-block-wrapper.single-cat1.layout-3 .left-post-wrapper .post-thumb { margin-bottom: 0; } .ultra-block-wrapper.single-cat1.layout-3 .left-post-wrapper .post-wrapper { padding-left: 30px; } .ultra-block-wrapper.single-cat1.layout-3 .left-post-wrapper .single-post { margin-bottom: 40px; } .ultra-block-wrapper.single-cat1.layout-3 .right-posts-wrapper .single-post { display: inline-block; vertical-align: top; width: 50%; margin: 0 -2px; padding-right: 20px; } .ultra-block-wrapper.single-cat1.layout-3 .right-posts-wrapper .single-post:nth-child(even) { padding-right: 0; padding-left: 20px; } .ultra-block-wrapper.single-cat1.layout-3 .right-posts-wrapper .single-post .post-thumb { float: left; } .ultra-block-wrapper.single-cat1.layout-3 .right-posts-wrapper .single-post .post-wrapper { width: 65%; padding-left: 20px; float: left; } .ultra-block-wrapper.single-cat1.layout-3 .right-posts-wrapper .single-post .post-wrapper .post-caption-wrapper { width: 100%; padding-left: 0; } /*======================================================================================== blog layout ========================================================================================*/ .ultra-block-wrapper .single-post .post-content-wrapper .post-content a.block-list-more, a.ultra-archive-more { display: inline-block; padding: 8px 10px; background: #e54e54; border: 1px solid #e54e54; color: #fff; line-height: 1.2; font-size: 14px; } .ultra-block-wrapper .single-post .post-content-wrapper .post-content a.block-list-more:hover, a.ultra-archive-more:hover { background: transparent; color: #e54e54; } .ultra-block-wrapper.grid-post-list.layout-1 .single-post { float: left; width: 30%; margin-left: 3.33%; margin-bottom: 20px; } .ultra-block-wrapper.grid-post-list.layout-1.col-3 .single-post:nth-child(3n+1) { clear: both; } .ultra-block-wrapper.grid-post-list.layout-1.col-2 .single-post:nth-child(2n+1) { clear: both; } /*===================================================== layout 2 =====================================================*/ .ultra-block-wrapper.grid-post-list.layout-2 .single-post { float: left; width: 47%; margin-left: 3%; margin-bottom: 40px; } .ultra-block-wrapper.grid-post-list.layout-2 .grid-posts-wrap { margin-left: -3%; } .ultra-block-wrapper.grid-post-list.layout-2 .single-post:nth-child(2n+1) { clear: both; } .ultra-block-wrapper.grid-post-list.layout-2 .post-content-wrapper { width: 90%; background: #fff; box-shadow: 0px 5px 4px #ccc; padding: 19px; margin: -70px auto 0; z-index: 999; position: relative; } /*=================================== layout 3 ===================================*/ .ultra-block-wrapper.grid-post-list.layout-3 .single-post { float: left; width: 30%; margin-left: 3.33%; margin-bottom: 40px; position: relative; } .ultra-block-wrapper.grid-post-list.layout-3 .grid-posts-wrap { margin-left: -3.33%; } .ultra-block-wrapper.grid-post-list.layout-3 .single-post .post-thumb .cat-links { bottom: auto; top: 15px; left: 15px; padding: 3px 10px; background: #e54e54; color: #fff; text-transform: uppercase; font-size: 10px; } .ultra-block-wrapper.grid-post-list.layout-3 .post-meta { display: none; } .ultra-block-wrapper.grid-post-list.layout-3 .single-post .post-thumb { margin-bottom: 0; } .ultra-block-wrapper.grid-post-list.layout-3 .post-content-wrapper { position: absolute; width: 100%; bottom: 0; padding: 10px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.90) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.90) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.90) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); } .ultra-block-wrapper.grid-post-list.layout-3 .post-content-wrapper h3 { margin-bottom: 0; font-size: 18px; color: #fff; } .ultra-block-wrapper.grid-post-list.layout-3 .post-content-wrapper h3 a { color: #fff; } .ultra-block-wrapper.grid-post-list.layout-3 .post-content-wrapper h3 a:hover { color: #e54e54; } .ultra-block-wrapper.grid-post-list.col-1 .single-post { width: 100%; margin-left: 0; } .ultra-block-wrapper.grid-post-list.layout-1 .grid-posts-wrap { margin-left: -3.33%; } .ultra-block-wrapper.grid-post-list .single-post .post-content-wrapper h3 { margin-bottom: 10px; font-weight: 600; font-size: 18px; } .ultra-block-wrapper.grid-post-list.col-1 .grid-posts-wrap { margin-left: 0; } .ultra-block-wrapper.grid-post-list.col-2 .single-post { width: 46%; margin-left: 4%; } .ultra-block-wrapper.grid-post-list.col-2 .grid-posts-wrap { margin-left: -4%; } .ultra-block-wrapper.grid-post-list.col-3.layout-2 .single-post { float: left; width: 30%; margin-left: 3.33%; margin-bottom: 40px; position: relative; } .ultra-block-wrapper.grid-post-list.col-3.layout-2 .grid-posts-wrap { margin-left: -3%; } .ultra-block-wrapper.grid-post-list.col-3.layout-2 .single-post:nth-child(2n+1) { clear: none !important; } /* FUll layout */ .ultra-archive-full { margin-bottom: 50px; } /*================================================ ultra page pagination ================================================*/ .ultra-block-wrapper .ultra-num-pag { text-align: left; float: left; margin-top: 26px; } .ultra-block-wrapper .pagination-info { float: right; margin-top: 30px; } .ultra-block-wrapper .ultra-num-pag .page-numbers, .nav-links span, .nav-links > a { display: inline-block; width: 35px; height: 35px; border: 1px solid #ccc; color: #333; line-height: 35px; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -ms-transition: all ease 0.3s; margin: 0 7px 0 0; text-align: center; } .nav-links span, .nav-links > a { width: auto; padding: 8px 12px; height: auto; line-height: 1; } .ultra-block-wrapper .ultra-num-pag .page-numbers.current, .ultra-block-wrapper .ultra-num-pag .page-numbers:hover, .nav-links span.current, .nav-links a:hover { background: #e54e54; color: #fff; border: 1px solid #e54e54; } /*==================================================== footer ====================================================*/ .site-footer { background: #1c1d1f; font-size: 14px; margin-top: 10px; } .site-footer.top-disable{ padding-top: 0; } .site-footer .ultra-middle-footer { background: #18191b ; } .site-footer .ultra-bottom-footer { background: #141414; padding: 20px 0; font-size: 14px; } .site-footer .ultra-bottom-footer .footer-left { float: left; color: #fff; } .site-footer .ultra-bottom-footer .footer-left a { color: #e54e54; position: relative; } .site-footer .ultra-bottom-footer .footer-left a:after { content: ""; height: 1px; width: 0; background: #e54e54; position: absolute; left: 0; bottom: 0; opacity: 0.5; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .site-footer .ultra-bottom-footer .footer-left a:hover:after { width: 100%; } .ultra-bottom-footer.text-center .footer-left { float: none; text-align: center; } .site-footer .ultra-bottom-footer .footer-left a:hover { color: #fff; } .site-footer .ultra-bottom-footer .footer-right { float: right; } .site-footer .ultra-bottom-footer .footer-right ul li { display: inline-block; margin-left: 10px; } .site-footer .ultra-bottom-footer .footer-right ul li a { color: #fff; font-size: 13px; } .site-footer .ultra-bottom-footer .footer-right ul li a:hover { color: #e54e54; } .site-footer .ultra-middle-footer { padding: 65px 0; } .site-footer h3.footer-title { font-size: 20px; } .site-footer .ultra-middle-footer .footer-logo, .site-footer .ultra-middle-footer .footer-about, .site-footer .ultra-middle-footer .footer-social { float: left; width: 25%; } .site-footer .ultra-middle-footer .footer-social { color: #fff; } .site-footer .ultra-middle-footer .footer-about { width: 50%; padding: 0 25px; color: #fff; } .site-footer h2.widget-title { font-size: 18px; text-transform: capitalize; color: #fff; padding-bottom: 10px; border-bottom: 1px solid #eee; margin-bottom: 25px; } .site-footer .ultra-middle-footer .footer-social ul li { font-size: 16px; display: inline-block; vertical-align: middle; margin-right: 15px; border: 1px solid; padding: 4px 7px; height: 35px; width: 35px; text-align: center; line-height: 1.5; } .site-footer .ultra-middle-footer .footer-social ul li a { color: #fff; } .site-footer .ultra-middle-footer .footer-social ul li a:hover { color: #e54e54; } .site-footer.is_bg .ultra-bottom-footer{ margin-top: 20px; border-top: 1px solid #eee; } /*======================================== site-footer top-disable ========================================*/ .site-footer.top-disable .ultra-middle-footer { padding: 35px 0 50px; } /*======================================== footer col =========================================*/ .site-footer .footer-widgets-wrap .block { float: left; margin-top: 20px; } .site-footer .footer-widgets-wrap.col-4 .block { width: 23%; margin-left: 2%; } .site-footer .footer-widgets-wrap.col-4 { margin-left: -2%; } .site-footer .footer-widgets-wrap.col-3 .block { width: 30%; margin-left: 3.33%; } .site-footer .footer-widgets-wrap.col-3 { margin-left: -3.33%; } .site-footer .footer-widgets-wrap.col-2 .block { width: 48%; margin-left: 2%; } .site-footer .footer-widgets-wrap.col-2 { margin-left: -2% } .site-footer .footer-widgets-wrap.col-1 { width: 100%; } /*============================================================ widgets ============================================================*/ .site-footer .widget_categories li a, .site-footer .widget_categories li, .site-footer .widget_ultra_seven_posts_list .post-caption h3 a { color: #fff; float: none; } .site-footer .footer-widget ul li a, .site-footer .footer-widget ul li:before, .site-footer .footer-widget ul li { color: #fff; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; } .site-footer .widget_rss a.rsswidget, .site-footer #calendar_wrap, .site-footer #calendar_wrap a { color: #fff; } .site-footer .widget_rss a.rsswidget { margin-left: 5px; } .site-footer .rsswidget, .site-footer .textwidget { color: #fff; } .site-footer .widget_categories li { text-align: left !important; } .site-footer .widget_ultra_seven_posts_list .post-caption h3 { font-size: 15px; font-weight: 600; margin-bottom: 5px; } .site-footer .widget_ultra_seven_posts_list .post-caption .post-meta > span { font-size: 12px !important; } .site-footer .widget_ultra_seven_posts_list .post-list-wraper.layout-1 .single-post .post-caption .post-meta > span, .site-footer .widget_ultra_seven_posts_list .post-list-wraper.layout-2 .single-post .post-caption .post-meta > span, .site-footer .widget_ultra_seven_posts_list .post-list-wraper.layout-3 .single-post .post-caption .post-meta > span { border-left: 0; } .site-footer .widget_ultra_seven_posts_list .post-caption .post-meta span a { color: #ffff; } .site-footer .widget_categories li { text-align: right; padding-bottom: 12px; margin-bottom: 10px; border-bottom: 1px dotted #eee; } .widget_categories li a { text-align: left; display: inline-block; float: left; } .site-footer .footer-widgets-wrap .ultra-posts-wrap .single-post { margin-bottom: 0; } .site-footer .footer-widgets-wrap .ultra-posts-wrap .single-post:last-child { margin-bottom: 0; } .site-footer .footer-widgets-wrap .post-thumb, .site-footer .footer-widgets-wrap .post-caption { float: left; } .site-footer .footer-widgets-wrap .post-thumb { width: 40%; } .site-footer .footer-widgets-wrap .post-caption { padding-left: 20px; width: 60%; } /*=================================================== latest post ===================================================*/ .ultra-block-wrapper.latest-posts .single-post-large { position: relative; } .ultra-block-wrapper.latest-posts .single-post-large .post-content-wrapper { background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.90) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.90) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.90) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); } .ultra-block-wrapper.latest-posts .single-post-large .post-content-wrapper { position: absolute; bottom: 0; left: 0; right: 0; padding: 25px 20px; z-index: 999; } .ultra-block-wrapper.latest-posts .single-post-large .post-thumb a { display: block; } .ultra-block-wrapper.latest-posts .single-post-large .post-content-wrapper { color: #fff; } .ultra-block-wrapper.latest-posts .single-post-large .post-content-wrapper h3 { font-size: 26px; font-weight: 600; letter-spacing: 1px; margin-bottom: 5px; } .ultra-block-wrapper.latest-posts .single-post-large .post-content-wrapper h3 a { color: #fff; } .ultra-block-wrapper.latest-posts .single-post-large .post-content-wrapper h3 a:hover { color: #e54e54; } .ultra-block-wrapper.latest-posts .single-post-large .post-meta > span { margin-right: 15px; font-size: 14px; text-transform: capitalize; } .ultra-block-wrapper.latest-posts .single-post-large .post-meta span a { color: #fff; } .ultra-block-wrapper.latest-posts .single-post .post-thumb, .ultra-block-wrapper.latest-posts .single-post .post-content-wrapper { float: left; } .ultra-block-wrapper.latest-posts .single-post .post-thumb { width: 30%; margin-bottom: 0; } .ultra-block-wrapper.latest-posts .single-post .post-content-wrapper { width: 70%; padding-left: 30px; } .ultra-block-wrapper.latest-posts .single-post .post-content-wrapper h3 { margin-bottom: 5px; text-transform: capitalize; } .ultra-block-wrapper.latest-posts .single-post-large, .ultra-block-wrapper.latest-posts .single-post { margin-bottom: 35px; } /*================================================= layout 2 =================================================*/ .ultra-block-wrapper.latest-posts.layout-2 .single-post.right-reverse .post-thumb { float: right; } .ultra-block-wrapper.latest-posts.layout-2 .single-post.right-reverse .post-content-wrapper { padding-left: 0; padding-right: 30px; } /*=================================================== ultra-block-wrapper woo-tab-slider ====================================================*/ .ultra-block-wrapper.woo-tab-slider .ultra-container { position: relative; } .ultra-block-wrapper.woo-tab-slider .ultra-tabs { display: block; padding-bottom: 15px; border-bottom: 2px solid #ccc; margin-bottom: 30px; } .ultra-block-wrapper.woo-tab-slider .ultra-tabs ul li { display: inline-block; vertical-align: middle; margin-right: 10px; text-transform: capitalize; font-weight: 700; border-right: 2px solid #6b6b6b; line-height: 1; padding-right: 14px; } .ultra-block-wrapper.woo-tab-slider .ultra-tabs ul li.active a { color: #e54e54; } .ultra-block-wrapper.woo-tab-slider .ultra-tabs ul li:last-child { border-right: 0; } /*============================================================== store product ==============================================================*/ .ultra-tab-content .tabs-product-area ul li .item-img, ul.products li .item-img { position: relative; margin-bottom: 10px; overflow: hidden; } .ultra-tab-content .tabs-product-area ul li .item-img:before, ul.products li .item-img:before { content: ''; position: absolute; background: rgba(0,0,0,0.4); left: 0; top: 0; height: 100%; right: 0; opacity: 0; visibility: hidden; transition: all ease 0.7s; -webkit-transition: all ease 0.7s; -ms-transition: all ease 0.7s; z-index: -1; } .ultra-tab-content .tabs-product-area ul li .item-img:hover:before, ul.products li .item-img:hover:before { opacity: 1; visibility: visible; z-index: 9; } .ultra-tab-content .tabs-product-area ul li .item-img .new-label, .ultra-tab-content .tabs-product-area ul li .item-img .box-hover-home, ul.products li .item-img .new-label, ul.products li .item-img .box-hover-home { position: absolute; } .ultra-tab-content .tabs-product-area ul li .item-img .new-label, ul.products li .item-img .new-label { background: #86d270; color: #fff; width: 50px; height: 20px; line-height: 20px; text-align: center; font-size: 13px; top: 0; left: 0; } .ultra-tab-content .tabs-product-area ul li .item-img .box-hover-home, ul.products li .item-img .box-hover-home { width: 100%; left: 0; bottom: -100%; transition: all ease 0.7s; -webkit-transition: all ease 0.7s; -ms-transition: all ease 0.7s; } .ultra-tab-content .tabs-product-area ul li .item-img:hover .box-hover-home, ul.products li .item-img:hover .box-hover-home { bottom: 20px; z-index: 99; } .ultra-tab-content .tabs-product-area ul li .item-img .box-hover-home ul.add-to-links, ul.products li .item-img:hover .box-hover-home ul.add-to-links { width: 100%; text-align: center; } .ultra-tab-content .tabs-product-area ul li .item-img .box-hover-home ul.add-to-links li, ul.products li .item-img:hover .box-hover-home ul.add-to-links li { display: inline-block; vertical-align: middle; } .ultra-tab-content .tabs-product-area ul li .item-img .box-hover-home ul.add-to-links li a, ul.products li .item-img:hover .box-hover-home ul.add-to-links li a { position: relative; width: 40px; height: 40px; border: 1px solid #fff; color: #fff; display: block; font-size: 0; line-height: 36px; text-align: center; border-radius: 0; -webkit-border-radius: 0; background: transparent; } .ultra-tab-content .tabs-product-area ul li .item-img .box-hover-home ul.add-to-links li a.added, ul.products li .item-img:hover .box-hover-home ul.add-to-links li a.added { display: none; } .ultra-tab-content .tabs-product-area ul li .item-img .box-hover-home ul.add-to-links li a:hover, ul.products li .item-img:hover .box-hover-home ul.add-to-links li a:hover { background: rgba(255,255,255,0.6); color: #000; } .ultra-tab-content .tabs-product-area ul li .item-img .box-hover-home ul.add-to-links li a:before, ul.products li .item-img:hover .box-hover-home ul.add-to-links li a:before, .item-img .box-hover-home ul.add-to-links li a.add_to_wishlist:before, .item-img .box-hover-home ul.add-to-links li a.link-wishlist:before { position: absolute; content: ''; font-family: FontAwesome; font-size: 16px; } .ultra-tab-content .tabs-product-area ul li .item-img .box-hover-home ul.add-to-links li a.added_to_cart:before, ul.products li .item-img:hover .box-hover-home ul.add-to-links li a.added_to_cart:before, .item-img .box-hover-home ul.add-to-links li a.link-wishlist:before { content: '\f00c' !important; left: 11px; } .ultra-tab-content .tabs-product-area ul li .item-img .box-hover-home ul.add-to-links li a.add_to_cart_button:before, ul.products li .item-img:hover .box-hover-home ul.add-to-links li a.add_to_cart_button:before { content: '\f07a'; left: 11px; } .item-img .box-hover-home ul.add-to-links li a.add_to_wishlist:before { content: '\f004' !important; left: 12px !important; } .ultra-tab-content .tabs-product-area ul li .block-item-title h3, ul.products li .block-item-title h3 a { text-transform: capitalize; font-weight: 600; margin-bottom: 5px; } .product .item-title-wrapp { text-align: center; } ul.products li .block-item-title h3 a { font-size: 18px; } ul.products li .block-item-title h3 { margin-top: 0 !important; } .ultra-tab-content .tabs-product-area ul li .price del, .ultra-tab-content .tabs-product-area ul li .price ins, ul.products li .price del, ul.products li .price ins { background: none; margin-right: 7px; color: #a9a8a8 !important; } ul.products li .price del, ul.products li .price ins { font-size: 16px !important; } /*================== tab nav =================*/ .block-title-wrap { position: absolute; right: 15px; z-index: 9999; } .ultra_sevenAction .ultra-lSPrev, .ultra_sevenAction .ultra-lSNext { width: 30px; height: 30px; border: 1px solid #ccc; display: inline-block; position: relative; line-height: 26px; cursor: pointer; } .ultra_sevenAction .ultra-lSPrev:before, .ultra_sevenAction .ultra-lSNext:before { content: ''; position: absolute; font-family: FontAwesome; font-size: 18px; color: #000; } .ultra_sevenAction .ultra-lSPrev:before { content: '\f104'; left: 10px; } .ultra_sevenAction .ultra-lSNext:before { content: '\f105'; right: 10px; } /*================================================= youtube video section =================================================*/ .ultra-block-wrapper.youtube-video .youtube-inner-wrapper { padding: 15px; background: #000; } .ultra-block-wrapper.youtube-video .youtube-inner-wrapper #video-placeholder, .ultra-block-wrapper.youtube-video .youtube-inner-wrapper .video-list-wrapper { display: inline-block; vertical-align: top; margin: 0 -2px; } .ultra-block-wrapper.youtube-video .youtube-inner-wrapper #video-placeholder { width: 70%; } .ultra-block-wrapper.youtube-video .youtube-inner-wrapper .video-list-wrapper { width: 30%; background: #000; overflow-y: auto; height: 420px; } .ultra-block-wrapper.youtube-video .youtube-inner-wrapper .video-list-wrapper::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); border-radius: 10px; background-color: #a29c9c; } .ultra-block-wrapper.youtube-video .youtube-inner-wrapper .video-list-wrapper::-webkit-scrollbar { width: 9px; background-color: #615e5e; } .ultra-block-wrapper.youtube-video .youtube-inner-wrapper .video-list-wrapper::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3); background-color: #555; } .ultra-block-wrapper.youtube-video .video-list-wrapper .video-controls { background: #e54e54; color: #fff; padding: 5px 5px; position: relative; } .ultra-block-wrapper.youtube-video .video-list-wrapper .video-controls .curVideo-time { bottom: 4px; right: 5px; font-size: 11px; position: absolute; } .ultra-block-wrapper.youtube-video .video-list-wrapper .video-controls .controller, .ultra-block-wrapper.youtube-video .video-list-wrapper .video-controls .curVideo-info { float: left; color: #fff; } .ultra-block-wrapper.youtube-video .video-list-wrapper .video-controls .controller { width: 50px; text-align: center; line-height: 70px; font-size: 22px; } .ultra-block-wrapper.youtube-video .video-list-wrapper .video-controls .curVideo-info { width: calc(100% - 100px); width: -webkit-calc(100% - 100px); width: -ms-calc(100% - 100px); font-size: 13px; padding: 15px 0; } .ultra-block-wrapper.youtube-video .video-list-wrapper .single-list-wrapper { background: #000; width: 100%; height: 340px; } .ultra-block-wrapper.youtube-video .video-list-wrapper .single-list-wrapper .list-thumb { padding: 0 15px; position: relative; } .ultra-block-wrapper.youtube-video .video-list-wrapper .single-list-wrapper .list-thumb:last-child { margin-bottom: 0; } .ultra-block-wrapper.youtube-video .video-list-wrapper .single-list-wrapper .list-thumb-figure, .ultra-block-wrapper.youtube-video .video-list-wrapper .single-list-wrapper .list-thumb-details { float: left; } .ultra-block-wrapper.youtube-video .video-list-wrapper .single-list-wrapper .list-thumb-figure { width: 35%; } .ultra-block-wrapper.youtube-video .video-list-wrapper .single-list-wrapper .list-thumb-details { width: 65%; padding-left: 10px; color: #fff; font-size: 11px; padding-top: 10px; } .ultra-block-wrapper.youtube-video .video-list-wrapper .single-list-wrapper .list-thumb.now-playing{ background: #141415; } .ultra-block-wrapper.youtube-video .video-list-wrapper .single-list-wrapper .list-thumb.now-playing:before { content: ''; position: absolute; height: 72px; width: 3px; left: 0; top: 0; background: #e54e54; z-index: 999; } /*=================================================================== ====================================================================*/ .ultra-block-wrapper.video-cat-tab { padding: 60px 0; position: relative; margin-top: 0 !important; } .ultra-block-wrapper.video-cat-tab:before { position: absolute; content: ''; background: rgba(0,0,0,0.8); top: 0; left: 0; width: 100%; height: 100%; z-index: 1; display: block; } .ultra-block-wrapper.video-cat-tab .ultra-container { position: relative; z-index: 999; } .ultra-block-wrapper.video-cat-tab .video-cat-content .left-wrap, .ultra-block-wrapper.video-cat-tab .video-cat-content .middle-wrap, .ultra-block-wrapper.video-cat-tab .video-cat-content .right-wrap { float: left; } .ultra-block-wrapper.video-cat-tab .video-cat-content .left-wrap, .ultra-block-wrapper.video-cat-tab .video-cat-content .right-wrap { width: 23%; } .ultra-block-wrapper.video-cat-tab .video-cat-content .middle-wrap { width: 54%; padding: 0 30px; } .ultra-block-wrapper.video-cat-tab .video-cat-tabs { float: right; } .ultra-block-wrapper.video-cat-tab .video-cat-tabs ul li { display: inline-block; margin-left: 30px; } .ultra-block-wrapper.video-cat-tab .video-cat-tabs ul li a { color: #fff; padding: 0; display: block; } .ultra-block-wrapper.video-cat-tab .video-cat-tabs ul li.active a { color: #e54e54; } .ultra-block-wrapper.video-cat-tab .video-cat-tabs ul li a:hover { color: #e54e54; } .ultra-block-wrapper.video-cat-tab .single-post .post-thumb { position: relative; } span.post-format-icon { position: absolute; top: 20px; left: 20px; color: #fff; background: #dd2627; border-radius: 100%; width: 30px; display: inline-block; height: 30px; text-align: center; transform: translate(-50% , -50%); -webkit-transform: translate(-50% , -50%); } span.post-format-icon.arrow_triangle-right_alt2 { font-size: 20px; } span.post-format-icon.gallery-icon:before { content: '\f1c5'; position: absolute; font-family: FontAwesome; font-size: 15px; color: #fff; background: rgba(0,0,0,0.5); padding: 6px; line-height: 1; } span.post-format-icon.video-icon:before { content: '\f144'; position: absolute; font-family: FontAwesome; font-size: 15px; color: #fff; background: rgba(0,0,0,0.5); padding: 6px; line-height: 1; } span.post-format-icon.audio-icon:before { content: '\f001'; position: absolute; font-family: FontAwesome; font-size: 15px; color: #fff; background: rgba(0,0,0,0.5); padding: 6px; line-height: 1; } .ultra-block-wrapper.video-cat-tab .single-post .post-content-wrapper h3 a { color: #fff; } .ultra-block-wrapper.video-cat-tab .single-post .post-content-wrapper h3 a:hover { color: #e54e54; } .ultra-block-wrapper.video-cat-tab .video-cat-content .left-wrap .post-content-wrapper h3, .ultra-block-wrapper.video-cat-tab .video-cat-content .right-wrap .post-content-wrapper h3 { font-size: 14px; font-weight: 600; margin-bottom: 5px; } .ultra-block-wrapper.video-cat-tab .single-post .post-caption-wrapper .post-meta span > a, .ultra-block-wrapper.video-cat-tab .single-post .post-content-wrapper .post-meta span > a { color: #cecece; } .ultra-block-wrapper.video-cat-tab .single-post .post-caption-wrapper .post-meta span > a:hover, .ultra-block-wrapper.video-cat-tab .single-post .post-content-wrapper .post-meta span > a:hover { color: #e54e54; } .ultra-block-wrapper.video-cat-tab .video-cat-content .left-wrap .single-post, .ultra-block-wrapper.video-cat-tab .video-cat-content .right-wrap .single-post { margin-bottom: 30px; } .ultra-block-wrapper.video-cat-tab .video-cat-content .left-wrap .single-post:last-child, .ultra-block-wrapper.video-cat-tab .video-cat-content .right-wrap .single-post:last-child { margin-bottom: 0; } /*====================================================== primary and secondary =======================================================*/ .is-sidebar .primary, .with-sidebar .primary{ width: 70%; float: left; } .secondary { float: left; width: 30%; padding-left: 30px; } .nosidebar .primary { width: 100%; } .leftsidebar .primary { float: right; } .leftsidebar .secondary { padding-left: 0px; padding-right: 30px; } /*============================================== widgets design ===============================================*/ h2.widget-title { font-size: 20px; text-transform: capitalize; color: #333; padding: 4px 0; border-bottom: 1px solid #ccc; margin-bottom: 20px; position: relative; font-weight: 200; } h2.widget-title:before { position: absolute; content: ''; width: 45px; height: 3px; border-radius: 4px; -webkit-border-radius: 4px; background: #e54e54; left: 0; bottom: -2px; } .widget { margin-bottom: 30px; } .footer-widget .widget{ margin-bottom: 15px; } .home .secondary .widget:first-child { margin-top: -8px; } .widget:last-child { margin-bottom: 0; } .widget_ultra_social_counters .ultra-social-followers.theme1 li, .widget_ultra_social_counters .ultra-social-followers.theme2 li { margin-bottom: 20px; } .widget_ultra_social_counters .ultra-social-followers.theme1 li:last-child, .widget_ultra_social_counters .ultra-social-followers.theme2 li:last-child { margin-bottom: 0; } .widget_ultra_social_counters .ultra-social-followers.theme1 li a i, .widget_ultra_social_counters .ultra-social-followers.theme1 li a span, .widget_ultra_social_counters .ultra-social-followers.theme2 li a i, .widget_ultra_social_counters .ultra-social-followers.theme2 li a span { display: inline-block; vertical-align: middle; margin-right: 10px; } .widget_ultra_social_counters .ultra-social-followers.theme1 li a span { font-weight: 700; } .widget_ultra_social_counters .ultra-social-followers.theme1 li a span.like, .widget_ultra_social_counters .ultra-social-followers.theme2 li a span.like { float: right; margin-right: 0; padding: 15px 0; text-transform: uppercase; } .widget_ultra_social_counters .ultra-social-followers.theme2 li a span.like { padding: 4px; text-transform: capitalize; } .widget_ultra_social_counters .ultra-social-followers.theme1 li a i { height: 50px; width: 50px; line-height: 50px; color: #fff; font-size: 25px; text-align: center; } .widget_ultra_social_counters .ultra-social-followers.theme2 li { padding: 10px; } .widget_ultra_social_counters .ultra-social-followers.theme2 li a, .widget_ultra_social_counters .ultra-social-followers.theme3 li a { color: #fff; font-weight: 600; } .widget_ultra_social_counters .ultra-social-followers.theme1 li a i, .widget_ultra_social_counters .ultra-social-followers.theme2 li, .widget_ultra_social_counters .ultra-social-followers.theme3 li { background: #e54e54; } .widget_ultra_social_counters .ultra-social-followers.theme1 li a i.fa-facebook, .widget_ultra_social_counters .ultra-social-followers.theme2 li.Facebook, .widget_ultra_social_counters .ultra-social-followers.theme3 li.Facebook { background: #4f6ca8; } .widget_ultra_social_counters .ultra-social-followers.theme1 li a i.fa-twitter, .widget_ultra_social_counters .ultra-social-followers.theme2 li.Twitter, .widget_ultra_social_counters .ultra-social-followers.theme3 li.Twitter { background: #29c5f6; } .widget_ultra_social_counters .ultra-social-followers.theme1 li a i.fa-linkedin, .widget_ultra_social_counters .ultra-social-followers.theme2 li.Linkedin, .widget_ultra_social_counters .ultra-social-followers.theme3 li.Linkedin { background: #007bb5; } .widget_ultra_social_counters .ultra-social-followers.theme1 li a i.fa-dribbble, .widget_ultra_social_counters .ultra-social-followers.theme2 li.Dribbble, .widget_ultra_social_counters .ultra-social-followers.theme3 li.Dribbble { background: #dd3e7b; } .widget_ultra_social_counters .ultra-social-followers.theme1 li a i.fa-google-plus, .widget_ultra_social_counters .ultra-social-followers.theme2 li.Google-Plus, .widget_ultra_social_counters .ultra-social-followers.theme3 li.Google-Plus { background: #f34a38; } .widget_ultra_social_counters .ultra-social-followers.theme1 li a i.fa-pinterest, .widget_ultra_social_counters .ultra-social-followers.theme2 li.Pinterest, .widget_ultra_social_counters .ultra-social-followers.theme3 li.Pinterest { background: #9f1121; } .widget_ultra_social_counters .ultra-social-followers.theme2 li a i { font-size: 22px; border-right: 1px solid #fff; padding-right: 10px; width: 30px; } .widget_ultra_social_counters .ultra-social-followers.theme3 li { width: 30%; margin-left: 3.33%; float: left; padding: 18px; margin-bottom: 15px; } .widget_ultra_social_counters .ultra-social-followers.theme3 { margin-left: -3.33%; overflow: hidden; } .widget_ultra_social_counters .ultra-social-followers.theme3 li a { text-align: center; } .widget_ultra_social_counters .ultra-social-followers.theme3 li a span, .widget_ultra_social_counters .ultra-social-followers.theme3 li a i { display: block; } .widget_ultra_social_counters .ultra-social-followers.theme3 li a i { font-size: 30px; margin-bottom: 10px; } .widget_ultra_social_counters .ultra-social-followers.theme3 li a span.like { display: none; } .widget_ultra_social_counters .ultra-social-followers.theme3 li a span.title { font-size: 12px; } /*=================================================== add section ===================================================*/ .widget_ultra_seven_medium_ad .medium-rectangle-wrapper { text-align: center; } /*========================================================== recent post ==========================================================*/ .widget_ultra_seven_posts_list .post-list-wraper .single-post { position: relative; } .widget_ultra_seven_posts_list .post-list-wraper .single-post .thumb-zoom { position: relative; margin-bottom: 15px; z-index: 99 } .widget_ultra_seven_posts_list .post-list-wraper.layout-1 .single-post .thumb-zoom:before { content: ''; position: absolute; background: rgba(0,0,0,0.3); top: 0; left: 0; right: 0; bottom: 0; z-index: 1; display: block; } .widget_ultra_seven_posts_list .post-list-wraper.layout-1 .single-post .post-caption { position: absolute; color: #fff; width: 100%; left: 0; bottom: 10px; padding: 15px; text-align: center; z-index: 9999; } .widget_ultra_seven_posts_list .post-list-wraper.layout-1 .single-post .post-caption h3, .widget_ultra_seven_posts_list .post-list-wraper.layout-2 .single-post .post-caption h3, .widget_ultra_seven_posts_list .post-list-wraper.layout-3 .single-post .post-caption h3 { font-size: 15px; font-weight: 600; line-height: 1.5; margin-bottom: 5px; } .widget_ultra_seven_posts_list .post-list-wraper.layout-2 .single-post.post-large .post-caption h3{ font-size: 18px; font-weight: 600; } .widget_ultra_seven_posts_list .post-list-wraper.layout-1 .single-post .post-caption h3 a { color: #fff; } .widget_ultra_seven_posts_list .post-list-wraper.layout-1 .single-post .post-caption h3 a:hover, .widget_ultra_seven_posts_list .post-list-wraper.layout-1 .single-post .post-caption .post-meta span a:hover { color: #e54e54; } .widget_ultra_seven_posts_list .post-list-wraper.layout-1 .single-post .post-caption .post-meta > span, .widget_ultra_seven_posts_list .post-list-wraper.layout-2 .single-post .post-caption .post-meta > span, .widget_ultra_seven_posts_list .post-list-wraper.layout-3 .single-post .post-caption .post-meta > span { font-size: 12px; text-transform: capitalize; margin: 0; border-left: 1px solid #fff; line-height: 1; display: inline-block; padding: 0 5px; } .widget_ultra_seven_posts_list .post-list-wraper.layout-1 .single-post .post-caption .post-meta > span:first-child, .widget_ultra_seven_posts_list .post-list-wraper.layout-2 .single-post .post-caption .post-meta > span:first-child, .widget_ultra_seven_posts_list .post-list-wraper.layout-3 .single-post .post-caption .post-meta > span:first-child { border: none; } .widget_ultra_seven_posts_list .post-list-wraper.layout-1 .single-post .post-caption .post-meta span a { color: #fff; } .widget_ultra_seven_posts_list .post-list-wraper.layout-2 .single-post .post-thumb { margin-bottom: 10px; } .widget_ultra_seven_posts_list .post-list-wraper.layout-2 .single-post .post-caption .post-meta > span, .widget_ultra_seven_posts_list .post-list-wraper.layout-3 .single-post .post-caption .post-meta > span { padding-left: 0; } .widget_ultra_seven_posts_list .post-list-wraper.layout-2 .single-post .post-caption, .widget_ultra_seven_posts_list .post-list-wraper.layout-2 .single-post .post-thumb, .widget_ultra_seven_posts_list .post-list-wraper.layout-3 .single-post .post-caption, .widget_ultra_seven_posts_list .post-list-wraper.layout-3 .single-post .post-thumb { float: left; } .widget_ultra_seven_posts_list .post-list-wraper.layout-2 .single-post .post-thumb, .widget_ultra_seven_posts_list .post-list-wraper.layout-3 .single-post .post-thumb { width: 40%; } .widget_ultra_seven_posts_list .post-list-wraper.layout-2 .single-post .post-caption, .widget_ultra_seven_posts_list .post-list-wraper.layout-3 .single-post .post-caption { width: 60%; padding-left: 20px; } .widget_ultra_seven_posts_list .post-list-wraper.layout-2 .single-post.post-large .post-thumb, .widget_ultra_seven_posts_list .post-list-wraper.layout-2 .single-post.post-large .post-caption { width: 100%; padding-left: 0; } /*================================================== widget gallery ==================================================*/ .widget_media_gallery .gallery-item .gallery-icon { padding: 5px; } /*=============================================== calender ===============================================*/ .widget_calendar td, .widget_calendar th { text-align: center; border: 1px solid #ccc; padding: 10px; } .widget_calendar caption { background: #e54e54; color: #fff; padding: 10px; } /*========================================== cat links ==========================================*/ .cat-links { background: #e54e54; color: #fff; display: inline-block; padding: 3px 10px; text-transform: uppercase; font-size: 10px; margin-bottom: 5px; margin-right: 5px; } .cat-links a { color: #fff !important; } /*=========================================== loadmore class ===========================================*/ .load-posts { margin-top: 20px; } .widget_ultra_seven_posts_list .ul-posts a, a.loadmore { display: block; max-width: 315px; font-weight: 600; text-align: center; color: #fff; border: 1px solid #e54e54; background: #e54e54; padding: 7px; margin: 0 auto; } a.loadmore { color: #fff; } .widget_ultra_seven_posts_list .ul-posts a:hover, a.loadmore:hover { background: transparent; color: #e54e54; } a.loadmore:hover { color: #e54e54; } /*=============================================== ultra block post slider ===============================================*/ .ultra-block-wrapper.post-slider .single-post { position: relative; } .ultra-block-wrapper.post-slider .single-post .post-thumb { margin-bottom: 0; } .ultra-block-wrapper.post-slider .single-post .post-thumb .post-view { position: absolute; color: #fff; background: #000; width: 20px; height: 20px; font-size: 12px; top: 10px; left: 10px; text-align: center; } .ultra-block-wrapper.post-slider .single-post .post-thumb .post-view:before { content: ''; position: absolute; width: 0; height: 0; border-style: solid; border-width: 6px 6px 0 0; border-color: #000 transparent transparent transparent; left: 0; bottom: -4px; } .ultra-block-wrapper.post-slider .post-caption { position: absolute; width: 100%; top: auto; bottom: 0; left: 0; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.90) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.90) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.90) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); padding: 10px 15px; } .ultra-block-wrapper.post-slider .post-caption h3 a { color: #fff; } .ultra-block-wrapper.post-slider .post-caption h3 a:hover { color: #e54e54; } .ultra-block-wrapper.post-slider .lSAction > a { background-image: none; background-color: #000; color: #fff; height: 35px; width: 35px; font-size: 18px; line-height: 35px; } .ultra-block-wrapper.post-slider .lSAction > a:before { content: ''; position: absolute; font-family: FontAwesome; } .ultra-block-wrapper.post-slider .lSAction > a.lSNext:before { content: '\f105'; left: 16px; } .ultra-block-wrapper.post-slider .lSAction > a.lSPrev:before { content: '\f104'; left: 14px; } /*================================================== widget ultra about ===================================================*/ .ultra-about { text-align: center; padding: 10px 0 5px 0; } .ultra-about.layout1 .about-img { width: 130px; height: 130px; margin: 0 auto 15px; border: 1px solid #e54e54; } .ultra-about.layout1 .about-img img, .ultra-about.layout2 .about-img img { width: 100%; height: 100%; } .ultra-about.layout2 .about-img { width: 130px; height: 130px; margin: 0 auto 15px; border: 1px solid #e54e54; border-radius: 100%; -webkit-border-radius: 100%; overflow: hidden; } .ultra-about h2 { font-size: 21px; margin-top: 0; } .ultra-about p { margin-top: 0; } .ultra-about span.sign { font-family: Cedarville Cursive; font-size: 18px; color: #333; } /*=========================================================== feature section ===========================================================*/ .ultra-block-wrapper.featured-post .single-post { box-shadow: 0px 0px 3px #ccc; } .ultra-block-wrapper.featured-post .post-thumb { margin-bottom: 0; } .ultra-block-wrapper.featured-post .single-post .post-thumb, .ultra-block-wrapper.featured-post .single-post .post-caption-wrapper { float: left; width: 50%; } .ultra-block-wrapper.featured-post .single-post .post-caption-wrapper { padding: 50px; text-align: center; } .ultra-block-wrapper.featured-post .single-post .post-caption-wrapper h3 { font-size: 28px; line-height: 1.2; padding: 0 30px; } .ultra-block-wrapper.featured-post .single-post .post-thumb .cat-links { bottom: auto; top: 0; } .ultra-block-wrapper.featured-post.style2 .single-post .post-thumb { float: right; } /*========================================================= widget_ultra_seven_authors_list =========================================================*/ .widget_ultra_seven_authors_list .single-user { margin-bottom: 10px; } .widget_ultra_seven_authors_list .single-user:last-child { margin-bottom: 0; } .widget_ultra_seven_authors_list .user-image, .widget_ultra_seven_authors_list .user-name { display: inline-block; vertical-align: top; margin: 0 -2px; } .widget_ultra_seven_authors_list .user-image { width: 30%; border: 1px solid #e54e54; } .widget_ultra_seven_authors_list .user-name { width: 70%; padding-left: 15px; font-size: 18px; text-transform: capitalize; } /*================================================== widget_ultra_seven_posts_slider ==================================================*/ .widget_ultra_seven_posts_slider .posts-slider-wrapper.layout-1 .post-thumb { margin-bottom: 10px; } .widget_ultra_seven_posts_slider .posts-slider-wrapper.layout-1 .lSPager.lSpg, .widget_ultra_seven_posts_slider .posts-slider-wrapper.layout-2 .lSPager.lSpg { display: none; } .widget_ultra_seven_posts_slider .posts-slider-wrapper.layout-1 .lSAction > a { background-image: none; background-color: #000; opacity: 0; visibility: hidden; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; } .widget_ultra_seven_posts_slider .posts-slider-wrapper.layout-1:hover .lSAction > a { opacity: 1; visibility: visible; } .widget_ultra_seven_posts_slider .posts-slider-wrapper.layout-1 .lSAction > a:before { content: ''; position: absolute; font-family: FontAwesome; font-size: 20px; color: #fff; } .widget_ultra_seven_posts_slider .posts-slider-wrapper.layout-1 .lSAction > a.lSPrev:before { content: '\f104'; left: 11px; } .widget_ultra_seven_posts_slider .posts-slider-wrapper.layout-1 .lSAction > a.lSNext:before { content: '\f105'; left: 14px; } /*layout-2*/ .widget_ultra_seven_posts_slider .posts-slider-wrapper.layout-2 .single-post { position: relative; } .widget_ultra_seven_posts_slider .posts-slider-wrapper.layout-2 .post-caption { position: absolute; bottom: 0; left: 0; padding: 10px; } .widget_ultra_seven_posts_slider .posts-slider-wrapper.layout-2 .post-caption h3 { margin-bottom: 0; } .widget_ultra_seven_posts_slider .posts-slider-wrapper.layout-2 .post-caption h3 a { color: #fff; } .widget_ultra_seven_posts_slider .posts-slider-wrapper.layout-2 .post-thumb { position: relative; } .widget_ultra_seven_posts_slider .posts-slider-wrapper.layout-2 .post-thumb:before { position: absolute; content: ''; background: rgba(0,0,0,0.5); left: 0; top: 0; right: 0; bottom: 0; border: 1px solid #fff; } .widget_ultra_seven_posts_slider .posts-slider-wrapper.layout-2 .lSAction { position: absolute; top: 29px; width: 93px; right: 1px; } .widget_ultra_seven_posts_slider .posts-slider-wrapper.layout-2 .lSAction > a { background-image: none; border: 1px solid #fff; height: 34px; width: 34px; } .widget_ultra_seven_posts_slider .posts-slider-wrapper.layout-2 .lSAction > a:before { content: ''; position: absolute; font-family: FontAwesome; font-size: 20px; color: #fff; } .widget_ultra_seven_posts_slider .posts-slider-wrapper.layout-2 .lSAction > a.lSPrev:before { content: '\f104'; left: 11px; } .widget_ultra_seven_posts_slider .posts-slider-wrapper.layout-2 .lSAction > a.lSNext:before { content: '\f105'; left: 14px; } /*============================================================ widget_ultra_seven_post_timeline ============================================================*/ .widget_ultra_seven_post_timeline .ultra-article-wrapper .post-meta { position: relative; padding-left: 17px; margin: 0; display: block; } .widget_ultra_seven_post_timeline .ultra-article-wrapper .post-meta:before { content: ''; width: 8px; height: 8px; border: 1px solid #aaa; display: block; position: absolute; left: -3px; top: 10px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -ms-transition: all ease 0.3s; } .widget_ultra_seven_post_timeline .ultra-article-wrapper .post-meta a { font-size: 12px; text-transform: capitalize; } .widget_ultra_seven_post_timeline .ultra-article-wrapper a h3 { border: 2px solid #aaa; border-width: 0 0 0 2px; padding: 5px 0 12px 15px; font-size: 15px; font-weight: 600; margin: 0; } .widget_ultra_seven_post_timeline li:hover .ultra-article-wrapper .post-meta:before { background: #e54e54; border-color: #e54e54; } .widget_ultra_seven_post_timeline li:hover .ultra-article-wrapper .post-meta a { color: #e54e54; } /*========================================================= widget_ultra_social_icons ==========================================================*/ .widget_ultra_social_icons .ultra-social-icons li{ display: inline-block; vertical-align: middle; margin-right: 4px; width: 40px; height: 40px; background: #e54e54; text-align: center; line-height: 38px; border: 1px solid; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -ms-transition: all ease 0.3s; margin-bottom: 5px; } .content-area .single-share ul li { display: inline-block; vertical-align: middle; margin-right: 4px; width: 65px; height: 35px; background: #e54e54; text-align: center; line-height: 33px; border: 1px solid; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -ms-transition: all ease 0.3s; margin-bottom: 5px; border-radius: 5px; } .widget_ultra_social_icons .ultra-social-icons li a, .content-area .single-share ul li a { display: block; color: #fff; } .widget_ultra_social_icons .ultra-social-icons li.Facebook, .content-area .single-share ul li.Facebook { background: #4e71a8; border-color: #4e71a8; } .widget_ultra_social_icons .ultra-social-icons li.Twitter, .content-area .single-share ul li.Twitter { background: #1cb7eb; border-color: #1cb7eb; } .widget_ultra_social_icons .ultra-social-icons li.Linkedin, .content-area .single-share ul li.Linkedin { background: #1686b0; border-color: #1686b0; } .widget_ultra_social_icons .ultra-social-icons li.Dribbble, .content-area .single-share ul li.Dribbble { background: #e24d87; border-color: #e24d87; } .widget_ultra_social_icons .ultra-social-icons li.Google-plus, .content-area .single-share ul li.Google-plus { background: #f34a38; border-color: #f34a38; } .widget_ultra_social_icons .ultra-social-icons li.Pinterest, .content-area .single-share ul li.Pinterest { background: #9f1121; border-color: #9f1121; } .widget_ultra_social_icons .ultra-social-icons li:hover, .content-area .single-share ul li:hover { background: transparent; } .widget_ultra_social_icons .ultra-social-icons li.Facebook:hover a, .content-area .single-share li.Facebook:hover a { color: #4e71a8; } .widget_ultra_social_icons .ultra-social-icons li.Twitter:hover a, .content-area .single-share li.Twitter:hover a { color: #1cb7eb; } .widget_ultra_social_icons .ultra-social-icons li.Linkedin:hover a, .content-area .single-share li.Linkedin:hover a { color: #1686b0; } .widget_ultra_social_icons .ultra-social-icons li.Dribbble:hover a, .content-area .single-share li.Dribbble:hover a { color: #e24d87; } .widget_ultra_social_icons .ultra-social-icons li.Google-plus:hover a, .content-area .single-share li.Google-plus:hover a { color: #f34a38; } .widget_ultra_social_icons .ultra-social-icons li.Pinterest:hover a, .content-area .single-share li.Pinterest:hover a { color: #9f1121; } .widget_ultra_social_icons .ultra-social-icons.theme2 li { border-radius: 100%; -webkit-border-radius: 100%; } /*========================================================= widget_ultra_seven_recent_comments ==========================================================*/ .widget_ultra_seven_recent_comments .cm-header { margin-bottom: 10px; } .widget_ultra_seven_recent_comments .cm-header > div, .widget_ultra_seven_recent_comments .cm-header span { display: inline-block; vertical-align: bottom; margin-right: 4px; } .widget_ultra_seven_recent_comments .comment-text { font-size: 13px; font-style: italic; } .widget_ultra_seven_recent_comments .list .cm-header .avatar { width: 40px; height: 40px; margin-right: 10px; } .widget_ultra_seven_recent_comments .list .cm-header img { width: 100%; } .widget_ultra_seven_recent_comments .cm-header > div, .widget_ultra_seven_recent_comments .cm-header > span { font-size: 13px; text-transform: capitalize; font-weight: 600; } .widget_ultra_seven_recent_comments .list ul li { margin-bottom: 15px; } .widget_ultra_seven_recent_comments .list ul li:last-child { margin-bottom: 0; } .widget_ultra_seven_recent_comments .slide .author-comment-wrap { text-align: center; } .widget_ultra_seven_recent_comments .slide .comment-text { margin-bottom: 6px; } .widget_ultra_seven_recent_comments .slide .comment-nav { text-align: center; } .widget_ultra_seven_recent_comments .slide .comment-nav .ultra-lSPrev, .widget_ultra_seven_recent_comments .slide .comment-nav .ultra-lSNext, .ultra-related-wrapper.slide .slide-action .ultra-lSPrev, .ultra-related-wrapper.slide .slide-action .ultra-lSNext { width: 24px; height: 24px; border: 1px solid #000; display: inline-block; margin: 0 3px; position: relative; cursor: pointer; line-height: 22px; } .widget_ultra_seven_recent_comments .slide .comment-nav .ultra-lSPrev:before, .widget_ultra_seven_recent_comments .slide .comment-nav .ultra-lSNext:before, .ultra-related-wrapper.slide .slide-action .ultra-lSPrev:before, .ultra-related-wrapper.slide .slide-action .ultra-lSNext:before { position: absolute; content: ''; font-family: FontAwesome; font-size: 18px; color: #000; } .widget_ultra_seven_recent_comments .slide .comment-nav .ultra-lSPrev:before, .ultra-related-wrapper.slide .slide-action .ultra-lSPrev:before { content: '\f104'; left: 7px; } .widget_ultra_seven_recent_comments .slide .comment-nav .ultra-lSNext:before, .ultra-related-wrapper.slide .slide-action .ultra-lSNext:before { content: '\f105'; left: 9px; } /*======================================================= =======================================================*/ .ultra-related-wrapper.list .single-post { width: 31.5%; margin-right: 2.5%; float: left; margin-bottom: 15px; } .ultra-related-wrapper.list .single-post .post-thumb { position: relative; margin-bottom: 8px; } .ultra-related-wrapper.list .single-post .cat-wrap { position: absolute; bottom: 5px; left: 10px; } .ultra-related-wrapper.list .single-post:nth-child(3n) { margin-right: 0; } /*======================================================= widget_ultra_seven_widget_tabs =======================================================*/ .widget_ultra_seven_widget_tabs .widget-tabs-title-container, .widget_ultra_seven_category_tabbed ul.ultra-cat-tabs { background: #333; margin-bottom: 20px; } .widget_ultra_seven_widget_tabs .widget-tabs-title-container ul li, .widget_ultra_seven_category_tabbed ul.ultra-cat-tabs li { float: left; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -ms-transition: all ease 0.3s; } .widget_ultra_seven_widget_tabs .widget-tabs-title-container ul li h3 { margin-bottom: 0; } .widget_ultra_seven_widget_tabs .widget-tabs-title-container ul li a, .widget_ultra_seven_category_tabbed ul.ultra-cat-tabs li a { color: #fff; font-weight: 400; font-size: 14px; padding: 10px 15px 13px; display: block; } .widget_ultra_seven_widget_tabs .widget-tabs-title-container ul li.active, .widget_ultra_seven_widget_tabs .widget-tabs-title-container ul li:hover, .widget_ultra_seven_category_tabbed ul.ultra-cat-tabs li.active, .widget_ultra_seven_category_tabbed ul.ultra-cat-tabs li:hover { background: #e54e54; } .widget_ultra_seven_widget_tabs .widget-tabs-content .tab-content { display: none; } .widget_ultra_seven_widget_tabs .widget-tabs-content .ultra-article-wrapper .ultra-mask, .widget_ultra_seven_category_tabbed .ultra-tabbed-section .post-thumb { width: 30%; height: auto; overflow: hidden; } .widget_ultra_seven_widget_tabs .widget-tabs-content .ultra-article-wrapper .ultra-mask img, .widget_ultra_seven_category_tabbed .ultra-tabbed-section .post-thumb img { width: 100%; } .widget_ultra_seven_widget_tabs .widget-tabs-content .ultra-article-wrapper .post-caption, .widget_ultra_seven_category_tabbed .ultra-tabbed-section .post-caption { width: 70%; padding-left: 15px; padding-top: 0; } .widget_ultra_seven_widget_tabs .widget-tabs-content .ultra-article-wrapper .ultra-mask, .widget_ultra_seven_widget_tabs .widget-tabs-content .ultra-article-wrapper .post-caption, .widget_ultra_seven_category_tabbed .ultra-tabbed-section .post-caption, .widget_ultra_seven_category_tabbed .ultra-tabbed-section .post-thumb { display: inline-block; margin: 0 -2px; vertical-align: top; font-size: 13px; } .widget_ultra_seven_widget_tabs .widget-tabs-content .ultra-article-wrapper .post-caption h3, .widget_ultra_seven_category_tabbed .ultra-tabbed-section .post-caption h3 { font-size: 14px; line-height: 1.2; margin-bottom: 5px; } .widget_ultra_seven_widget_tabs .widget-tabs-content .ultra-article-wrapper .post-caption .post-meta, .widget_ultra_seven_category_tabbed .ultra-tabbed-section .post-caption .post-meta { font-size: 12px; } .widget_ultra_seven_widget_tabs .widget-tabs-content .ultra-article-wrapper .post-caption .post-meta > span, .widget_ultra_seven_category_tabbed .ultra-tabbed-section .post-caption .post-meta > span { margin-right: 5px; text-transform: capitalize; } .widget_ultra_seven_widget_tabs .widget-tabs-content .ultra-article-wrapper .post-caption .post-meta > span a, .widget_ultra_seven_category_tabbed .ultra-tabbed-section .post-caption .post-meta > span a { color: #777; font-size: 12px; } .widget_ultra_seven_widget_tabs .widget-tabs-content ul li, .widget_ultra_seven_category_tabbed .ultra-tabbed-section .single-post { margin-bottom: 15px; } .widget_ultra_seven_widget_tabs .widget-tabs-content ul li:last-child, .widget_ultra_seven_category_tabbed .ultra-tabbed-section .single-post:last-child { margin-bottom: 0; } .widget_ultra_seven_widget_tabs .widget-tabs-content .author-comment-wrap .avatar { float: left; width: 20%; height: 70px; margin-right: 10px; } .widget_ultra_seven_widget_tabs .widget-tabs-content .author-comment-wrap .cm-header > div, .widget_ultra_seven_widget_tabs .widget-tabs-content .author-comment-wrap .cm-header > span { display: inline-block; vertical-align: top; margin-right: 3px; font-size: 13px; color: #000; } .widget_ultra_seven_widget_tabs .widget-tabs-content .author-comment-wrap .cm-header { padding-top: 2px; text-transform: capitalize; } .widget_ultra_seven_widget_tabs .widget-tabs-content .author-comment-wrap .text-wrap { width: 75%; float: left; } .widget_ultra_seven_widget_tabs .widget-tabs-content .author-comment-wrap .text-wrap .post-title { margin-bottom: 5px; } .widget_ultra_seven_widget_tabs .widget-tabs-content .author-comment-wrap .text-wrap .comment-text { font-size: 12px; font-style: italic; } /*================================================ star-review-wrapper ================================================*/ .star-review-wrapper { margin: 2px 0; } .star-review-wrapper .star-value { margin-right: 2px; color: #e54e54; } /*================================================ meta ultra-share-icons =================================================*/ .ultra-meta-share .share, .ultra-meta-share .ultra-share-icons { display: inline-block; vertical-align: middle; margin-right: 5px; } .ultra-meta-share { position: relative; } .ultra-meta-share .ultra-share-icons { position: absolute; opacity: 0; visibility: hidden; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -ms-transition: all ease 0.5s; left: -10px; top: 0; } .ultra-meta-share .share { padding: 2px 5px; box-shadow: 2px 2px 2px #ccc; } .ultra-meta-share .share:hover .ultra-share-icons { opacity: 1; visibility: visible; left: 45px; } .ultra-meta-share .ultra-share-icons ul li { display: inline-block; vertical-align: middle; margin-right: 5px; } /*========================================================= widget css =========================================================*/ .widget_archive ul > li, .widget_categories ul > li, .widget_pages ul > li, .widget_meta ul > li, .widget_recent_comments ul > li, .widget_recent_entries ul > li, .widget_rss ul > li, .widget_nav_menu ul > li, .product-categories li { padding-bottom: 12px; position: relative; padding-left: 15px; text-transform: capitalize; } .widget_archive ul > li, .widget_categories ul > li { text-align: left; } .widget_archive ul > li a, .widget_categories ul > li a { float: none; } .widget_archive ul ul li:last-child, .widget_categories ul ul li:last-child, .widget_pages ul ul li:last-child, .widget_meta ul ul li:last-child, .widget_recent_comments ul ul li:last-child, .widget_recent_entries ul ul li:last-child, .widget_nav_menu ul ul li:last-child, .product-categories li:last-child { padding-bottom: 0; margin-bottom: 0; } .widget_archive ul > li:before, .widget_categories ul > li:before, .widget_pages ul > li:before, .widget_meta ul > li:before, .widget_recent_comments ul > li:before, .widget_recent_entries ul > li:before, .widget_rss ul > li:before, .widget_nav_menu ul > li:before, .product-categories li:before { content: '\f105'; position: absolute; font-family: FontAwesome; font-size: 16px; left: 0; top: -1px; } .widget_archive ul ul li, .widget_categories ul ul li, .widget_pages ul ul li, .widget_meta ul ul li, .widget_recent_comments ul ul li, .widget_recent_entries ul ul li, .widget_nav_menu ul ul li { padding-left: 0; } .widget_archive ul ul li:before, .widget_categories ul ul li:before, .widget_pages ul ul li:before, .widget_meta ul ul li:before, .widget_recent_comments ul ul li:before, .widget_recent_entries ul ul li:before, .widget_nav_menu ul ul li:before { display: none !important; } .widget_archive ul ul, .widget_categories ul ul, .widget_pages ul ul, .widget_meta ul ul, .widget_recent_comments ul ul, .widget_recent_entries ul ul, .widget_nav_menu ul ul { margin-top: 20px; margin-left: 10px; } .widget_archive select, .widget_categories select.postform, .widget_text select { width: 100%; height: 45px; padding: 5px 10px; } .widget_search .search-form, .woocommerce-product-search, .error-404 .search-form, .no-results .search-form { position: relative; } .widget_search .search-form .search-field, .woocommerce-product-search .search-field, .error-404 .search-field, .no-results .search-field { width: 100%; border-radius: 0; -webkit-border-radius: 0; height: 45px; padding: 5px 10px; } .widget_search .search-form .search-submit, .woocommerce-product-search button[type="submit"], .error-404 .search-submit, .no-results .search-submit { position: absolute; top: 0; right: 0; height: 100%; background: #e54e54; box-shadow: none; -webkit-box-shadow: none; color: #fff; font-size: 14px; border: 0; padding: .6em 1em .6em; } .woocommerce.widget_price_filter button[type="submit"], .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { background: #e54e54; box-shadow: none; -webkit-box-shadow: none; color: #fff; font-size: 14px; border: 0; padding: .6em 1em .6em; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -ms-transition: all ease 0.3s; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { background: #dc576e; color: #fff; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range { background: #e54e54; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background: #86d270; } .widget_rss a.rsswidget { display: inline-block; vertical-align: bottom; } .widget_rss a.rsswidget img { vertical-align: middle; } .widget_rss ul li a.rsswidget { font-weight: 600; color: #000; display: block; margin-bottom: 10px; line-height: 1.2; } .widget_ultra_seven_contact_info .ultra-contact-info > div { margin-bottom: 15px; } .widget_ultra_seven_contact_info .ultra-contact-info > div span { display: inline-block; vertical-align: middle; } .widget_ultra_seven_contact_info .ultra-contact-info > div span i { width: 50px; height: 50px; border: 1px solid #ccc; text-align: center; line-height: 50px; font-size: 20px; border-radius: 100%; -webkit-border-radius: 100%; margin-right: 20px; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -ms-transition: all ease 0.3s; } .widget_ultra_seven_contact_info .ultra-contact-info > div:hover span i { background: #e54e54; border-color: #e54e54; color: #fff; } /*================================================= curent page =================================================*/ .site-header.layout-two .main-navigation > ul > li > a { position: relative; } .site-header.layout-three .main-navigation > ul > li.current-menu-item > a, .site-header.layout-two .main-navigation > ul > li.current-menu-item > a { color: #e54e54; } .site-header.layout-three .main-navigation > ul > li.menu-item-has-children > a { position: relative; } .site-header.layout-three .main-navigation > ul > li.menu-item-has-children > a:before, .site-header.layout-three .main-navigation ul ul li.menu-item-has-children > a:before, .site-header.layout-three .main-navigation > ul > li.has-mega-menu > a:before { content: '\f107'; position: absolute; font-family: FontAwesome; font-size: 16px; color: #333; right: -15px; } .site-header.layout-three .main-navigation ul ul li.menu-item-has-children > a:before { content: '\f105'; top: 50%; margin-top: -10px; right: 10px; } /*========================================== header one ==========================================*/ .site-header.layout-one .main-navigation > ul > li.current-menu-item > a, .site-header.layout-one .main-navigation > ul > li:hover > a, .site-header.layout-two .main-navigation > ul > li:hover > a { color: #e54e54; } .site-header.layout-one .main-navigation ul ul { background: #151514; } .site-header.layout-one .main-navigation ul ul li a { color: #fff; } .site-header.layout-one .main-navigation ul > li.menu-item-has-children > a { position: relative; } .site-header.layout-one .main-navigation > ul > li.menu-item-has-children > a:before, .site-header.layout-one .main-navigation ul ul li.menu-item-has-children > a:before, .site-header.layout-one .main-navigation > ul > li.has-mega-menu > a:before { content: '\f107'; position: absolute; font-family: FontAwesome; font-size: 16px; color: #fff; right: -15px; } .site-header.layout-one .main-navigation > ul > li.menu-item-has-children > a:before, .site-header.layout-one .main-navigation > ul > li.has-mega-menu > a:before { right: -5px; } .site-header.layout-one .main-navigation ul ul li.menu-item-has-children > a:before { content: '\f105'; top: 50%; margin-top: -13px; right: 10px; color: #fff; } .site-header.layout-two .main-navigation ul ul li.menu-item-has-children > a:before, .site-header.layout-three .main-navigation ul ul li.menu-item-has-children > a:before { color: #000; } /*========================================== home page author image ==========================================*/ .home .post-author img { display: none; } /*================= home-ad ==================*/ .home-ad { margin-top: 30px; } /*============================================= ultra-block-wrapper =============================================*/ .ultra-container .ultra-block-wrapper { margin-top: 30px; } .ultra-container .ultra-block-wrapper:first-child { margin-top: 0; } .ultra-block-wrapper { margin-top: 50px; } /*============================================ comment icon ============================================*/ .ultra-block-wrapper .post-meta .comments-count, .post-meta .comments-count { position: relative; } .ultra-block-wrapper .post-meta .comments-count:before, .post-meta .comments-count:before { content: '\f086'; position: absolute; font-family: FontAwesome; font-size: 13px; top: -3px; left: -3px; } /*================================================== breadcrumb ==================================================*/ .ultra-bread-home { padding: 13px 15px; background: rgba(0,0,0,0.05); color: #e54e54; border-left: 3px solid #e54e54; margin-bottom: 30px; } .ultra-bread-home span { display: inline-block; vertical-align: middle; margin: 0 5px; } .woocommerce .ultra-bread-home .woocommerce-breadcrumb{ margin: 0; } /*========================================================= single page =========================================================*/ .single-header h1 { margin-bottom: 5px; font-size: 29px; } .content-area .single-share { margin-top: 25px; margin-bottom: 35px; } .ultra-single-content .layout-two .single-header { position: relative; } .ultra-single-content .layout-two .single-header.has-img .single-header-content{ position: absolute; left: 0; bottom: 0; } .ultra-single-content .layout-two .single-header .entry-thumb img{ min-width: 100%; } .ultra-single-content .layout-two .single-header .single-header-content { padding: 30px; width: 100%; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.90) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.90) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.90) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); } .ultra-single-content .layout-two .single-header .single-header-content h1 { color: #fff; } .ultra-single-content .layout-two .single-header .single-header-content span, .ultra-single-content .layout-two .single-header .single-header-content span a { color: #fff; } .ultra-single-content .layout-two .single-header .single-header-content span.post-view { float: right; } .ultra-single-content .layout-three .single-top-image { min-height: 460px; background-attachment: fixed; margin-bottom: 50px; position: relative; z-index: 99; background-size: cover; } .ultra-single-content .layout-three .single-top-image:before { position: absolute; content: ''; width: 100%; height: 100%; background: rgba(255,255,255,0.6); left: 0; top: 0; z-index: 1; } .ultra-single-content .layout-three .primary { z-index: 999; position: relative; } .ultra-single-content .layout-three .primary .ultra-frame { margin-top: -240px; } .ultra-single-content .layout-three .primary .ultra-frame { box-shadow: 0px -2px 10px #333; -webkit-box-shadow: 0px -2px 10px #333; margin-bottom: 10px; } /*============================================= ultra-author-metabox =============================================*/ .ultra-author-metabox { padding: 30px 0 35px; border-top: 1px solid #dedede; } .ultra-author-metabox .author-avatar, .ultra-author-metabox .author-desc-wrapper { float: left; } .ultra-author-metabox .author-avatar { width: 130px; height: 130px; border-radius: 100%; -webkit-border-radius: 100%; overflow: hidden; } .ultra-author-metabox .author-desc-wrapper { width: calc(100% - 220px); width: -webkit-calc(100% - 220px); width: -ms-calc(100% - 220px); padding-left: 40px; } .ultra-author-metabox .author-desc-wrapper a.author-title { font-weight: 600; font-size: 22px; text-transform: capitalize; } .ultra-author-metabox .author-desc-wrapper .author-social { margin-bottom: 8px; margin-top: 8px; } .ultra-author-metabox .author-desc-wrapper .author-social > span { display: inline-block; vertical-align: middle; margin-right: 5px; font-size: 13px; width: 30px; height: 30px; line-height: 28px; border: 1px solid; text-align: center; } .ultra-author-metabox .author-desc-wrapper .admin-dec { font-style: italic; font-style: 14px; display: block; margin-bottom: 5px; } .ultra-author-metabox .author-description { font-size: 14px; color: #888888; margin-bottom: 15px; } .ultra-author-metabox a.all-post { position: relative; } .ultra-author-metabox a.all-post:before { content: '\f105'; position: absolute; font-family: FontAwesome; right: -15px; top: 50%; margin-top: -11px; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; } .ultra-author-metabox a.all-post:hover:before { right: -18px; } /* pagination link */ .single_post_pagination_wrapper { border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; position: relative; margin-bottom: 40px; } .single_post_pagination_wrapper .prev-link { float: left; text-align: right; width: 50%; padding: 35px 35px 35px 15px; } .single_post_pagination_wrapper .next-link { float: left; text-align: left; width: 50%; padding: 35px 15px 35px 35px; } .single_post_pagination_wrapper .prev-link .prev-text, .single_post_pagination_wrapper .next-link .next-image, .single_post_pagination_wrapper .prev-link .prev-image, .single_post_pagination_wrapper .next-link .next-text { display: inline-block; } .single_post_pagination_wrapper .prev-link .prev-image { margin-left: 5%; width: 15%; } .single_post_pagination_wrapper .prev-link .prev-image a, .single_post_pagination_wrapper .next-link .next-image a { display: inline-block; width: 80px; height: 80px; border-radius: 100%; overflow: hidden; } .single_post_pagination_wrapper .next-link .next-image { margin-right: 5%; width: 15%; } .single_post_pagination_wrapper .next-link .next-text, .single_post_pagination_wrapper .prev-link .prev-text { width: 80%; } .single_post_pagination_wrapper .next-link .next-text h4, .single_post_pagination_wrapper .prev-link .prev-text h4 { margin: 0 0 10px; font-size: 15px; font-weight: 400; line-height: 1; } .single_post_pagination_wrapper .next-link .next-text h4 a, .single_post_pagination_wrapper .prev-link .prev-text h4 a { color: #666666; position: relative; -moz-transition: all 350ms ease-in-out; -webkit-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .single_post_pagination_wrapper .prev-link .prev-text h4 a:before, .single_post_pagination_wrapper .next-link .next-text h4 a:after { font-family: 'FontAwesome'; font-size: 14px; color: #666666; position: relative; vertical-align: top; -moz-transition: all 350ms ease-in-out; -webkit-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .single_post_pagination_wrapper .prev-link .prev-text h4 a:before { content: '\f100'; margin-right: 10px; } .single_post_pagination_wrapper .next-link .next-text h4 a:after { content: '\f101'; margin-left: 10px; } .single_post_pagination_wrapper .next-link .next-text h2, .single_post_pagination_wrapper .prev-link .prev-text h2 { margin: 0; font-weight: 500; font-size: 21px; line-height: 1; } .single_post_pagination_wrapper .prev-link-wrapper, .single_post_pagination_wrapper .next-link-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; flex-direction: row; justify-content: flex-end; } .single_post_pagination_wrapper .next-link-wrapper { flex-direction: row-reverse; } .single_post_pagination_wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; } .single_post_pagination_wrapper .next-link .next-text h4 a:hover, .single_post_pagination_wrapper .prev-link .prev-text h4 a:hover, .single_post_pagination_wrapper .prev-link .prev-text h4 a:hover:before, .single_post_pagination_wrapper .next-link .next-text h4 a:hover:after { color: #fc754f; } .single_post_pagination_wrapper { border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; position: relative; margin-bottom: 40px; } .single_post_pagination_wrapper .prev-link { float: left; text-align: right; width: 50%; padding: 35px 35px 35px 15px; border-right: 1px solid #e1e1e1; } .single_post_pagination_wrapper .next-link { float: left; text-align: left; width: 50%; padding: 35px 15px 35px 35px; } .single_post_pagination_wrapper .prev-link .prev-text, .single_post_pagination_wrapper .next-link .next-image, .single_post_pagination_wrapper .prev-link .prev-image, .single_post_pagination_wrapper .next-link .next-text { display: inline-block; } .single_post_pagination_wrapper .prev-link .prev-image { margin-left: 5%; width: 80px; } .single_post_pagination_wrapper .prev-link .prev-image a, .single_post_pagination_wrapper .next-link .next-image a { display: inline-block; width: 80px; height: 80px; border-radius: 100%; overflow: hidden; } .single_post_pagination_wrapper .next-link .next-image { margin-right: 5%; width: 80px; } .single_post_pagination_wrapper .next-link .next-text, .single_post_pagination_wrapper .prev-link .prev-text { width: 80%; } .single_post_pagination_wrapper .next-link .next-text h4, .single_post_pagination_wrapper .prev-link .prev-text h4 { margin: 0 0 10px; font-size: 15px; font-weight: 400; line-height: 1; } .single_post_pagination_wrapper .next-link .next-text h4 a, .single_post_pagination_wrapper .prev-link .prev-text h4 a { color: #666666; position: relative; -moz-transition: all 350ms ease-in-out; -webkit-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .single_post_pagination_wrapper .prev-link .prev-text h4 a:before, .single_post_pagination_wrapper .next-link .next-text h4 a:after { font-family: 'FontAwesome'; font-size: 14px; color: #666666; position: relative; vertical-align: top; -moz-transition: all 350ms ease-in-out; -webkit-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .single_post_pagination_wrapper .prev-link .prev-text h4 a:before { content: '\f100'; margin-right: 10px; } .single_post_pagination_wrapper .next-link .next-text h4 a:after { content: '\f101'; margin-left: 10px; } .single_post_pagination_wrapper .next-link .next-text h2, .single_post_pagination_wrapper .prev-link .prev-text h2 { margin: 0; font-weight: 600; font-size: 15px; line-height: 1.3; } .single_post_pagination_wrapper .prev-link-wrapper, .single_post_pagination_wrapper .next-link-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; flex-direction: row; justify-content: flex-end; } .single_post_pagination_wrapper .next-link-wrapper { flex-direction: row-reverse; } .single_post_pagination_wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; } .single_post_pagination_wrapper .next-link .next-text h4 a:hover, .single_post_pagination_wrapper .prev-link .prev-text h4 a:hover, .single_post_pagination_wrapper .prev-link .prev-text h4 a:hover:before, .single_post_pagination_wrapper .next-link .next-text h4 a:hover:after { color: #e54e54; } .ultra-related-wrapper.slide .related-header { position: relative; } .ultra-related-wrapper.slide .related-header .slide-action { position: absolute; top: 50%; right: 0; margin-top: -28px; } .ultra-related-wrapper.slide .related-title, .related.products h2 { border-bottom: 2px solid #e54e54; margin-bottom: 25px; text-transform: capitalize; font-size: 20px; padding: 4px 0; font-weight: 200; } .ultra-related-wrapper.slide .post-thumb { position: relative; margin-bottom: 5px; } .ultra-related-wrapper.slide .post-thumb .cat-wrap { position: absolute; bottom: 2px; left: 10px; } .ultra-related-wrapper.slide .small-font { font-size: 16px; line-height: 20px; } /*================================== check also ===================================*/ #check-also-box { position: fixed; z-index: 999; bottom: 65px; right: -350px; width: 300px; border-top: 2px solid #e54e54; border-bottom: 0 none; padding: 10px 20px 20px; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; background: #fff; box-shadow: 0px 3px 3px #ccc; -webkit-box-shadow: 0px 3px 3px #ccc; } #check-also-box h2.post-title { font-size: 18px; } #check-also-box .read-more { position: relative; } #check-also-box .read-more:before { content: '\f105'; position: absolute; font-family: FontAwesome; font-size: 16px; right: -11px; top: -1px; } #check-also-box.check-also-left { right: auto; left: -350px; } #check-also-box.show-check-also, #check-also-box.check-also-left #check-also-close { right: 0; left: auto; } #check-also-box .block-head { text-align: center; text-transform: uppercase; font-size: 14px; } #check-also-box #check-also-close { position: absolute; background: #e54e54; color: #fff; width: 30px; height: 30px; text-align: center; line-height: 27px; top: 0; left: 0; } #check-also-box h2.post-title { font-size: 16px; margin-bottom: 5px; line-height: 20px; } .ultra-check-also p { font-size: 14px; line-height: 19px; color: #777; } #check-also-box.check-also-left.show-check-also { right: auto; left: 0; } /*comment form*/ .comments-area { margin-top: 50px; } #comments li { list-style: none; } .comments-area .comment-reply-title, h4.related-title, .woocommerce-Reviews-title { font-size: 20px; border-bottom: 1px solid #ccc; } .comments-area .comment-notes, .woocommerce-noreviews { color: #f00; font-size: 14px; font-style: italic; } .comments-area #cancel-comment-reply-link { color: #f00; } .comments-area .comment-form-author, .comments-area .comment-form-email, .comments-area .comment-form-url { display: inline-block; vertical-align: middle; width: 31.5%; margin-left: 2%; } .comments-area .comment-form-author { margin-left: 0; } .comments-area .comment-form-author label, .comments-area .comment-form-email label, .comments-area .comment-form-url label, .comments-area .comment-form-comment label { display: block; margin-bottom: 5px; } .comments-area .comment-form-author input, .comments-area .comment-form-email input, .comments-area .comment-form-url input, .comment-respond p input, .comment-respond textarea { border-radius: 0; -webkit-border-radius: 0; padding: 10px; height: 45px; width: 100%; } .comment-respond p input[type="checkbox"] { height: auto; width: auto; margin-right: 10px; } .woocommerce-Reviews .comment-respond .comment-form-author, .woocommerce-Reviews .comment-respond .comment-form-email { width: 49%; display: inline-block; vertical-align: middle; margin: 0 -2px 30px !important; } .woocommerce #review_form #respond .form-submit input { width: auto; } .woocommerce-Reviews .comment-respond .comment-form-email { margin-left: 2% !important; } .comments-area .comment-form-comment textarea { border-radius: 0; -webkit-border-radius: 0; padding: 10px; height: 150px; } .comments-area .submit { font-size: 15px; } .comments-area .submit, .comments-area .comment-reply-link { display: inline-block; text-align: center; color: #fff; border: 1px solid #e54e54; background: #e54e54; padding: 10px; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; border-radius: 0; -webkit-border-radius: 0; } .comments-area .comment-reply-link { padding: 3px 15px; } .comments-area .submit:hover, .comments-area .comment-reply-link:hover { background: transparent; color: #e54e54; } .comments-area .comment-body { border: 1px solid #ccc; padding: 10px; margin-bottom: 20px; position: relative; padding-left: 70px; margin-left: 50px; padding-bottom: 15px; } .comments-area .comment-body .comment-author img { height: 100px; width: 100px; margin-right: 10px; position: absolute; left: -50px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .comments-area .comment-body .comment-author .fn { text-transform: capitalize; margin-right: 5px; } .comments-area .comment-metadata { font-size: 13px; font-style: italic; margin-top: 5px; } .comments-area .comment-metadata .edit-link a { margin-left: 15px; color: #f00; } /*=============================================== side menu css ===============================================*/ .side-menu-wrapper .menu-logo { text-align: left; width: 100%; padding: 20px; margin-bottom: 20px; } /*========================================== ultra-block ==========================================*/ .ultra-block:first-child { margin-top: 0; } .ultra-block { margin-top: 50px; } .ultra-block .ultra-block-wrapper:first-child { margin-top: 0; } /*======================================== form_drop_down ========================================*/ .form_drop_down { position: absolute; background: #000; padding: 10px; z-index: 999; } .form_drop_down .form_wrapper_body p label { display: block; color: #fff; margin-bottom: 3px; } .form_drop_down .form_wrapper_body a, .form_drop_down .form_wrapper_footer a { color: #fff; } .form_drop_down .form_wrapper_body .button { width: 100%; background: #e54e54; color: #fff; box-shadow: none; border: none; padding: 10px; font-size: 15px; } .form_drop_down .acc-register a { background: none !important; } /*================================================ archive setting ================================================*/ .entry-footer span.cat-links, .entry-footer span.comments-link, .entry-footer span.edit-link { display: inline-block; vertical-align: middle; } footer.entry-footer { display: inline-block; background-color: #333; padding: 1px 10px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } footer.entry-footer:hover { background: #111; } footer.entry-footer span.edit-link a{ color: #FFF; } .archive .page-title, .blog .page-title { font-size: 20px; position: relative; text-transform: uppercase; padding-bottom: 13px; } .archive .page-title:before, .blog .page-title:before { content: ''; position: absolute; bottom: 0; background: #e54e54; height: 3px; border-radius: 5px; } .archive .page-title:before{ width: 100px; } .blog .page-title:before { width: 50px; } .entry-footer span.cat-links { margin-bottom: 0; } .ultra-archive h2.entry-title { font-size: 21px; line-height: 1.5; margin-top: 10px; } .ultra-archive .ultra-archive-img { margin-bottom: 10px; position: relative; } .ultra-archive.alter .ultra-archive-img { margin-bottom: 0; } .ultra-archive-list { margin-bottom: 50px; } .ultra-archive.list.layout1 .ultra-archive-img, .ultra-archive.list.layout1 .ultra-archive-content { width: 50%; display: inline-block; margin: 0 -2px; vertical-align: top; } .ultra-archive.list.layout1 .ultra-archive-img { position: relative; } .ultra-archive.list.layout1 .ultra-archive-content { padding: 0 30px; } .ultra-archive.list.layout1 .ultra-archive-content p { color: #777; font-size: 15px; } .ultra-archive.list.layout1 .ultra-archive-content h2 { line-height: 1.5; margin-bottom: 10px; } .ultra-archive.list.layout2 .ultra-archive-img, .ultra-archive.list.layout2 .ultra-archive-content { width: 50%; display: inline-block; margin: 0 -2px; vertical-align: middle; } .ultra-archive.list.layout2 .ultra-archive-content { padding: 20px; margin-left: -50px; background: #fff; position: relative; z-index: 9999; box-shadow: 0px 0px 3px #ccc; } .ultra-archive.grid.layout1 .ultra-archive-grid, .masonry .ultra-archive-masonry { float: left; width: 48%; padding: 15px 15px 0; border: 1px solid #ccc; margin-bottom: 30px; margin-right: 2%; } .ultra-archive-grid .ultra-archive-img { margin-bottom: 10px; position: relative; } .with-sidebar .ultra-archive.grid .ultra-archive-grid .ultra-archive-img { margin-bottom: 15px; position: relative; } .with-sidebar .ultra-archive.grid .ultra-archive-grid:nth-child(odd) { margin-right: 1%; } .with-sidebar .ultra-archive.grid .ultra-archive-grid:nth-child(even) { margin-left: 1%; } .with-sidebar .ultra-archive.grid .ultra-archive-grid:nth-child(2n+1) { clear: both; } /*========================================= layout 2 ==========================================*/ .ultra-archive.grid.layout2 .ultra-archive-grid { float: left; width: 48%; margin-bottom: 30px; } .ultra-archive.grid.layout2 .ultra-archive-grid .ultra-archive-content { margin-top: -40px; position: relative; z-index: 9999; } .nosidebar .ultra-archive.grid .ultra-archive-grid, .nosidebar .masonry .ultra-archive-masonry { width: 31%; margin-right: 2%; } .nosidebar .ultra-archive.grid .ultra-archive-grid:nth-child(3n), .nosidebar .masonry .ultra-archive-masonry:nth-child(3n) { margin-right: 0; } .nosidebar .ultra-archive.grid .ultra-archive-grid:nth-child(3n+1) { clear: both; } .rightsidebar .ultra-archive.grid.layout2 .ultra-archive-grid:nth-child(even), .leftsidebar .ultra-archive.grid.layout2 .ultra-archive-grid:nth-child(even) { margin-left: 3%; } /*============================================== alter layout css ==============================================*/ .alter .ultra-archive-alter { overflow: hidden; margin-bottom: 0; } .alter .ultra-archive-alter article { margin-bottom: 0; } .alter .ultra-archive-alter .ultra-archive-img, .alter .ultra-archive-alter .ultra-archive-content { width: 50%; float: left; position: relative; } .alter .ultra-archive-alter .ultra-archive-content { padding: 40px; } .alter .ultra-archive-alter .alter-img-right .ultra-archive-img { float: right; } .ultra-container.alter .navigation { margin-top: 40px; } /*====================== review css ======================*/ .post-review-wrapper .section-title { font-size: 24px; color: #e54e54; text-transform: capitalize; margin-bottom: 15px; display: block; font-weight: 600; } .post-review-wrapper .summary-wrapper { margin-bottom: 20px; } .post-review-wrapper .summary-wrapper .total-reivew-wrapper { float: left; width: 17%; border: 1px solid #e54e54; text-align: center; } .post-review-wrapper .summary-wrapper .total-reivew-wrapper .total-value, .post-review-wrapper .summary-wrapper .total-reivew-wrapper .stars-count { display: block; } .post-review-wrapper .summary-wrapper .total-reivew-wrapper.percent-wrap { padding: 12px 10px 15px; } .post-review-wrapper .summary-wrapper .total-reivew-wrapper.star-wrap, .post-review-wrapper .summary-wrapper .total-reivew-wrapper.point-wrap { padding: 10px; } .post-review-wrapper .summary-wrapper .total-reivew-wrapper.star-wrap .total-value, .post-review-wrapper .summary-wrapper .total-reivew-wrapper.point-wrap .total-value { font-size: 45px; font-weight: 600; line-height: 1; color: #313131; } .post-review-wrapper .summary-wrapper .total-reivew-wrapper.percent-wrap .total-value { font-size: 26px; color: #313131; font-weight: 600; } .post-review-wrapper .summary-wrapper .summary-details { float: right; width: 83%; padding: 5px 0 0 37px; font-size: 13px; } .post-review-wrapper .summary-wrapper .summary-details .summery-label { color: #1d1e20; font-size: 15px; font-weight: 600; display: block; } .post-review-wrapper .percent-review-wrapper .percent-wrap, .post-review-wrapper .points-review-wrapper .percent-wrap { color: #333333; font-size: 14px; text-transform: capitalize; margin-bottom: 10px; font-weight: 600; } .post-review-wrapper .total-reivew-wrapper .stars-count { color: #e54e54; font-size: 16px; } .post-review-wrapper .percent-review-wrapper .percent-wrap .featured-name, .post-review-wrapper .points-review-wrapper .percent-wrap .featured-name { float: left; } .post-review-wrapper .percent-review-wrapper .percent-wrap .percent-value { float: right; } .post-review-wrapper .percent-review-wrapper .percent-rating-bar-wrap, .post-review-wrapper .points-review-wrapper .percent-rating-bar-wrap { background: #f5f5f5; } .post-review-wrapper .percent-review-wrapper .percent-rating-bar-wrap div, .post-review-wrapper .points-review-wrapper .percent-rating-bar-wrap div { height: 20px; background-color: #e54e54; max-width: 100%; margin-top: 5px; } /*======= star review ======*/ .post-review-wrapper .stars-review-wrapper { margin-bottom: 15px; } .post-review-wrapper .stars-review-wrapper .review-featured-wrap { border: 1px solid #ececec; padding: 7px 15px; border-bottom: none; } .post-review-wrapper .stars-review-wrapper .review-featured-wrap:last-of-type { border-bottom: 1px solid #ececec; } .post-review-wrapper .stars-review-wrapper .review-featured-wrap .review-featured-name { float: left; color: #000; text-transform: uppercase; font-weight: 600; } .post-review-wrapper .stars-review-wrapper .review-featured-wrap .stars-count { float: right; color: #e54e54; } /*end*/ .post-review-wrapper .points-review-wrapper, .post-review-wrapper .percent-review-wrapper, .post-review-wrapper .stars-review-wrapper { padding: 20px 20px 15px; border: 1px solid #e54e54; } /*================================================================= post tag ==================================================================*/ .post-tag { margin-bottom: 20px; margin-top: 10px; } .post-tag span.tag-title, .post-tag span.tags-links { display: inline-block; vertical-align: middle; margin-right: 10px; } .post-tag span.tag-title { background: #e54e54; padding: 5px 13px 7px; color: #fff; } .post-tag span.tags-links a { font-size: 15px; color: #847b7b; font-style: italic; margin-right: 5px; text-decoration: underline; } .post-tag span.tags-links a:hover { color: #e54e54; } /*========================================================================= side menu content =========================================================================*/ .sidebar-menu-contents { padding: 15px; max-height: 500px; } /*==================================================================== woocommerce-mini-cart__buttons ====================================================================*/ .woocommerce-mini-cart__buttons a { width: 100%; font-weight: 400; border-radius: 0; -webkit-border-radius: 0; background-color: #e54e54; color: #fff !important; text-align: center !important; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { float: left; margin-left: 0; margin-right: 5px; width: 65px; } .woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li { padding-left: 5px; padding-right: 10px; } .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove { left: auto; right: 5px; } /*===================================== boxed layout =====================================*/ .ultra-boxed .site { max-width: 1170px; margin: 0 auto; background: #fff; } /*========================== single ===========================*/ .inner .site-header, .blog .site-header { margin-bottom: 40px; } .inner.has-ticker .site-header { margin-bottom: 10px; } .single.s-layout-3 .site-header, .author .site-header { margin-bottom: 0; } /*=============================== ultra-author-header ===============================*/ .ultra-author-header { padding: 0; position: relative; z-index: 99; margin-bottom: 60px; min-height: 300px; background-image: url('./assets/images/banner.jpg'); background-size: cover; background-position: center; } .ultra-author-header:before { content: ''; position: absolute; background: rgba(0,0,0,0.7); width: 100%; height: 100%; letter-spacing: 0; top: 0; z-index: -1; } .ultra-author-header .author-header-wrap { position: relative; bottom: -60px; } .ultra-author-header .author-header-wrap .author-img, .ultra-author-header .author-header-wrap .author-details { float: left; } .ultra-author-header .author-header-wrap .author-img { width: 20%; } .ultra-author-header .author-header-wrap .author-img img { width: 65%; border-radius: 50%; margin-top: 20px; margin-left: 80px; } .ultra-author-header .author-header-wrap .author-details { width: 80%; padding-left: 40px; color: #c7c7c7; position: relative; min-height: 228px; } .ultra-author-header .author-header-wrap .author-details .author-name { text-transform: capitalize; margin-bottom: 0; } .ultra-author-header .author-header-wrap .author-details .author-des { font-style: italic; font-size: 14px; } .ultra-author-header .author-header-wrap .author-details .admin-dec { display: block; color: #fff; } .ultra-author-header .author-header-wrap .author-details .author-social { position: absolute; bottom: 40px; left: 40px; } .ultra-author-header .author-header-wrap .author-details .author-social .social-icon-wrap a { color: #c7c7c7; font-size: 16px; margin-right: 10px; } /*footer bg*/ .site-footer.is_bg { background-repeat: no-repeat !important; background-size: cover !important; position: relative !important; z-index: 99; } .site-footer.is_bg:before { position: absolute; content: ''; top: 0; left: 0; background: rgba(0,0,0,0.8); width: 100%; bottom: 0; z-index: -1; height: 100%; display: block; } .site-footer.is_bg .ultra-middle-footer, .site-footer.is_bg .ultra-bottom-footer { background: none; } /*======================================= ultra-main-slider =======================================*/ .ultra-main-slider .custom .slider-caption { position: absolute; max-width: 450px; min-height: 250px; background: rgba(0,0,0,0.5); color: #fff; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); right: 80px; padding: 20px 40px; } .ultra-main-slider .custom .slider-caption:before { content: ''; position: absolute; top: 20px; left: -4px; width: 10px; height: 100px; background: #e54e54; } .ultra-main-slider .custom .slider-caption .featured-large-font { font-size: 38px; font-weight: bold; } .slider-caption .caption { margin-bottom: 20px; } .ultra-main-slider .custom .slider-btn { display: inline-block; padding: 9px 20px; border: 2px solid #fff; color: #fff; text-transform: uppercase; font-weight: bold; } .ultra-main-slider .custom .slider-btn:hover { background: #e54e54; border-color: #e54e54; } .ultra-main-slider .post-meta span a:before { top: 0; } /*========================================== back to top ==========================================*/ #ultra-go-top { position: fixed; width: 40px; height: 40px; text-align: center; line-height: 37px; font-size: 30px; background: #e54e54; color: #fff; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -ms-transition: all ease 0.3s; bottom: 20px; right: 20px; z-index: 999999; opacity: 0.7; border-radius: 5px; -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.3); box-shadow: 0 5px 15px rgba(0,0,0,.3); } #ultra-go-top:hover { opacity: 1; -webkit-transform: scale(1.2,1.2); -moz-transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); -o-transform: scale(1.2,1.2); transform: scale(1.2,1.2); } #ultra-go-top a { display: block; color: #fff; } /*============================================= image zoom ==============================================*/ .thumb-zoom { overflow: hidden; display: block; } .thumb-zoom img { min-width: 100%; height: 100%; width: 100%; transition: all ease 0.8s; -webkit-transition: all ease 0.8s; -ms-transition: all ease 0.8s; } .slider-section ul li:hover .thumb-zoom img, .feature-post-wrap .feature-post:hover img, .post-list-wraper .single-post:hover img, .grid-posts-wrap .single-post:hover .thumb-zoom img, .thumb-zoom:hover img { transform: scale(1.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); } /*================================================= tag cloud ==================================================*/ .widget_tag_cloud a { display: inline-block; vertical-align: middle; padding: 7px 10px; border: 1px solid #ccc; font-size: 13px !important; text-transform: uppercase; color: #333; margin: 0 2px 5px 0; } .widget_tag_cloud a:hover { background: #e54e54; color: #fff; border-color: #e54e54; } .site-footer .widget_tag_cloud a { color: #fff; } .site-header .woocommerce.widget_shopping_cart .cart_list li a.remove { right: -5px; } .video-cat-tab .ultra-container { padding: 0 10px !important; } .page-header { margin-bottom: 30px; } .search .page-header{ font-size: 26px; } /*mobile menu*/ /* .ultra-mobile-menu { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 9999999; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); padding: 1.5rem 2rem; visibility: hidden; opacity: 0; -webkit-transition: all 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86); -moz-transition: all 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86); -o-transition: all 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86); transition: all 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86); background-size: cover !important; overflow-y: scroll; } .ultra-mobile-menu:before { content: ''; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.5); height: 100%; width: 100%; } .ultra-mobile-menu.on { visibility: visible; opacity: 1; -webkit-transition: -webkit-transform 0.7s; transition: transform 0.7s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86); -moz-transition: transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86); -o-transition: transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86); transition: transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86); } .menu-toggle span { display: block; height: 3px; width: 100%; background: #fff; margin-bottom: 6px; } .menu-toggle span:last-child { margin-bottom: 0; } .site-header.layout-two .menu-toggle span, .site-header.layout-three .menu-toggle span { background: #000; } .mobile-menu-wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; -ms-overflow-y: scroll; overflow-y: scroll; padding: 1.5rem 2rem 3rem; } .mobile-menu-wrap .site-branding { max-width: 300px; color: #fff; width: 100%; margin: 10% auto; text-align: center; } .mobile-menu-wrap .site-branding .site-title a { color: #fff; } .mobile-navigation { text-align: center; } .mobile-navigation a { color: #fff; font-size: 16px; margin-bottom: 20px; display: block; } .mobile-menu-wrap .mobile-navigation .index-icon { display: none; } .mobile-menu-wrap ul { text-align: left; } */ .nav-search-wrap.fixed { position: fixed; z-index: 99999; width: 100% !important; top: 0; left: 0; background: #fff; box-shadow: 1px 1px 1px #ccc; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeIn; animation-name: fadeIn; } .site-header.layout-three .ultra-menu .nav-search-wrap.fixed { padding-right: 0; } .site-header.layout-one .nav-search-wrap.fixed { background: #000; box-shadow: 1px 1px 1px #0c0c0c; } .nav-search-wrap .sticky-logo { display: none; } .nav-search-wrap.fixed .sticky-logo { display: block; position: absolute; max-width: 160px; padding: 0; } .site-header.layout-one .nav-search-wrap.fixed .main-navigation { padding-left: 10px; width: 90%; } .site-header.layout-one .nav-search-wrap.fixed .sticky-logo { display: block; max-width: 160px; padding: 8px 0; float: none; margin: 0 auto; width: 100%; position: static; } /* .mobile-menu-wrap .mobile-menu-close span { width: 50px; height: 50px; right: 0; top: 0; position: absolute; margin-right: 1.25rem; margin-top: 1.25rem; text-align: center; color: #FFF; } .mobile-menu-wrap .mobile-menu-close span:before { content: ""; position: absolute; display: block; margin: auto; left: 0; right: 0; top: 0; bottom: 0; width: 33px; height: 0; border-top: 2px solid rgba(255,255,255,1); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; -o-transform-origin: center; transform-origin: center; } .mobile-menu-wrap .mobile-menu-close span:after { content: ""; position: absolute; display: block; margin: auto; left: 0; right: 0; top: 0; bottom: 0; width: 33px; height: 0; border-top: 2px solid rgba(255,255,255,1); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; -o-transform-origin: center; transform-origin: center; } */ /*======================================== shop =========================================*/ .woocommerce-ordering .orderby { padding: 10px 5px; } .woocommerce .woocommerce-result-count { margin-bottom: 0; padding-top: 10px; } ul.product_list_widget li .product-title { text-transform: capitalize; margin-bottom: 5px; } .woocommerce .product h1.product_title { text-transform: capitalize; font-weight: 500; margin-bottom: 5px; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { margin-right: 2.5%; } /*================================ block-content-wrapper ajax ================================*/ .block-content-wrapper, .video-block-content-wrapper { position: relative; } .block-content-wrapper .block-loader, .video-block-content-wrapper .block-loader { position: absolute; background: rgba(255,255,255,0.8); width: 100%; min-height: 100%; z-index: 999999; left: -1px; } .woo-tab-slider .block-loader { text-align: center; } .video-block-content-wrapper .block-loader { left: 0; } .block-content-wrapper .block-loader img, .video-block-content-wrapper .block-loader img { position: absolute; left: 0; right: 0; max-width: 80px; width: 80%; margin: 0 auto; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } /*============================================== .error-404 ==============================================*/ .error-404 { padding: 50px 0 80px; text-align: center; } .error-404 .search-form, .no-results .search-form { max-width: 400px; width: 100%; display: block; margin: 0 auto; } section.no-results.not-found { text-align: center; } /* related-posts-wrapper */ .ultra-related-wrapper.slide .related-posts-wrapper { height: auto; } /* * Newly re-modified */ .site-header.layout-one .nav-search-wrap .main-navigation > ul > li{ margin: 5px; } .has-mega-menu { padding-right: 12px; } .post-meta a { color: #777; } .ultra-block-wrapper.video-cat-tab .block-header.style2 .header{ color: #ffffff; } .block-header ul li a { font-size: 15px; color: #777; font-weight: 600; } ul.ultra-social-followers li a { font-size: 14px; } .no-ticker .ultra-main-slider.slider-2 { margin-top: 30px; } .no-ticker .ultra-main-slider.full-width { margin-top: 0; } .ultra-block-wrapper.youtube-video .youtube-inner-wrapper .header { color: #fff; } .video-block-content-wrapper .middle-wrap span.post-format-icon{ font-size: 60px; } .footer-widgets-wrap .widget_ultra_seven_contact_info .ultra-contact-info > div span{ color: #fff; } .footer-widgets-wrap .widget_ultra_seven_contact_info .ultra-contact-info > div span i{ width: 35px; height: 35px; line-height: 35px; font-size: 14px; } .footer-widgets-wrap .widget_media_gallery figcaption { display: none; } .footer-widgets-wrap .widget_ultra_seven_posts_list .post-list-wraper.layout-1 .single-post .post-caption h3{ font-size: 13px; } .footer-widgets-wrap .widget_ultra_seven_posts_list .post-meta{ display: none; } .footer-widgets-wrap .widget_ultra_seven_posts_list .post-list-wraper.layout-1 .single-post .post-caption { position: relative; width: 55%; float: left; padding: 0; margin-top: 10px; padding-left: 5px; text-align: left; } i.icon_search { font-weight: bold; display: inline-block; } i.icon_menu { font-size: 27px; } .image-overlay { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(14, 32, 41, 0.5); opacity: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .ultra-archive-img:hover .image-overlay{ opacity:1; } section .image-overlay { background: none; } .u7lm-btn-block i{ padding-left: 3px; } .posts-loading i{ -webkit-animation: rotation 2s infinite linear; } @-webkit-keyframes rotation { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); } } .main-navigation li.menu-item-has-children { padding-right: 6px; } /*================================ logo for the site ================================*/ a.navbar-brand.high-res { display: none; } .ultra-mobile-menu .site-brand { display: none; } .ultra-mobile-menu .site-brand.high-res { display: block; } /*========================================= menu hover ==========================================*/ .main-navigation ul ul.sub-menu { left: 100%; top: 120%; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -ms-transition: all ease 0.3s; opacity: 0; visibility: hidden; z-index: -1; } .main-navigation ul li:hover > ul.sub-menu { top: 100%; opacity: 1; visibility: visible; z-index: 9999; } .main-navigation ul ul li:hover ul { top: 0 !important; } /*================================================ my account ===============================================*/ .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { padding: 7px; } .woocommerce-checkout .select2-container .select2-selection--single { height: 38px; padding: 3px; } .woocommerce-info { border-top-color: #e54e54; } .woocommerce-info::before { color: #e54e54; } .cart-count { display: inline-block; font-size: 12px; height: 18px; width: 18px; text-align: center; background: #dd3333; border-radius: 100%; color: #fff; position: relative; top: -4px; } h2.widget-title.style1 { border-bottom: none; padding: 0; } h2.widget-title.style1:before { width: 100%; border-radius: 0; -webkit-border-radius: 0; height: 2px; background: #e54e54; } h2.widget-title.style1 span.title { background: #e54e54; color: #fff; text-transform: capitalize; font-size: 14.4px; float: none; padding: 4px 10px 5px 15px; position: relative; display: inline-block; } h2.widget-title.style1 span.title:before { position: absolute; content: ''; width: 0; height: 0; border-style: solid; border-width: 31px 0 0 20px; border-color: transparent transparent transparent #e54e54; line-height: 0px; right: -20px; top: 0; } /*========================================== woocommerce-MyAccount-navigation ==========================================*/ .woocommerce-MyAccount-navigation ul li { margin-bottom: 4px; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; } .woocommerce-MyAccount-navigation ul li.is-active a, .woocommerce-MyAccount-navigation ul li:hover a { background: #e54e54; color: #fff; } .woocommerce-MyAccount-navigation ul li:last-child { margin-bottom: 0; } .woocommerce-MyAccount-navigation ul li a { display: block; padding: 8px 13px; border: 1px solid #e54e54; } .woocommerce-MyAccount-content { border: 1px solid #e54e54; border-top: 3px solid #e54e54; padding: 10px; } .woocommerce-MyAccount-content p a { color: #e54e54; text-decoration: underline; } /*================================================= loading =================================================*/ .loading img { display: block; margin: 30px auto 0; } /*============================================= header style 3 ================================================*/ .block-header.style3 { border-bottom: 1px solid #ccc !important; } .block-header.style3 .header { background: none !important; font-size: 20px; color: #333; font-weight: 600; padding-left: 0; position: relative; } .block-header.style3 .header:after { position: absolute; content: ''; width: 45px; height: 3px; border-radius: 4px; -webkit-border-radius: 4px; background: #e54e54; left: 0; bottom: -2px; } .block-header.style3 .header:before { display: none; } .woocommerce #reviews #comment { height: 175px; } .woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { width: 120px; } .wc-proceed-to-checkout a { padding: 15px !important; font-size: 18px !important; } .woocommerce form .form-row textarea { height: 200px !important; } .no-side-menu .right-nav-search { width: 100% !important; } .ultra-newsletter .secondary-color strong { line-height: 1; font-size: 20px; font-weight: 500; } .ultra-newsletter .mailpoet_form .mailpoet_paragraph label { margin-bottom: 20px; color: #e54e54; } .ultra-newsletter .mailpoet_form .mailpoet_paragraph input[type="email"] { width: 100% !important; padding: 0.67em 0.5em; padding-right: 60px; height: 40px; border-radius: 0; } .ultra-newsletter .mailpoet_form { position: relative; } .ultra-newsletter .mailpoet_form .mailpoet_paragraph input[type="submit"] { min-width: 40px; color: #fff; position: absolute; height: 40px; top: 40px; right: 0; background: #000; border-color: #000; border-radius: 0; } /*footer insta*/ .footer-insta { position: relative; margin-top: 50px; } .footer-insta .widget-title.style2 { font-size: 20px; text-transform: capitalize; color: #333; padding: 4px 0; border: none; margin-bottom: 0; position: absolute; font-weight: 200; z-index: 999; background: rgba(255,255,255,0.8); left: 0; right: 0; margin: 0 auto; display: inline-block; max-width: 150px; text-align: center; padding: 10px; top: 50%; margin-top: -30px; } .footer-insta .widget-title.style2:before { display: none; } .entry-content p { text-align: justify; } /* Preloader */ .ultra-seven-loader { top: 0; bottom: 0; left: 0; right: 0; background: #fff; position: fixed; z-index: 9999999; margin-top: 0px; overflow: hidden; } #loading1 #loading-center { width: 100%; height: 100%; position: relative; } #loading1 #loading-center-absolute { position: absolute; left: 50%; top: 50%; height: 200px; width: 200px; margin-top: -100px; margin-left: -100px; } #loading1 .object { width: 80px; height: 80px; background-color: #e54e54; -webkit-animation: animate1 1s infinite ease-in-out; animation: animate1 1s infinite ease-in-out; margin-right: auto; margin-left: auto; margin-top: 60px; } @-webkit-keyframes animate1 { 0% { -webkit-transform: perspective(160px); } 50% { -webkit-transform: perspective(160px) rotateY(-180deg); } 100% { -webkit-transform: perspective(160px) rotateY(-180deg) rotateX(-180deg); } } @keyframes animate1 { 0% { transform: perspective(160px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(160px) rotateX(0deg) rotateY(0deg); } 50% { transform: perspective(160px) rotateX(-180deg) rotateY(0deg); -webkit-transform: perspective(160px) rotateX(-180deg) rotateY(0deg); } 100% { transform: perspective(160px) rotateX(-180deg) rotateY(-180deg); -webkit-transform: perspective(160px) rotateX(-180deg) rotateY(-180deg); } } .site-footer .widget_calendar td, .site-footer .widget_calendar tr{ color: #fff; } .site-footer .footer-widget ul li:hover a { color: #d0cece; } .site-footer .ultra-bottom-footer .footer-left a { color: #fff; } .site-footer .ultra-bottom-footer .footer-left a:hover { color: #e54e54; } /* single post header without imageĀ */ .ultra-single-content .layout-two .single-header.no-img .single-header-content{ background: none; } .ultra-single-content .layout-two .single-header.no-img .single-header-content h1 { color: #404040; } .ultra-single-content .layout-two .single-header.no-img .single-header-content span, .ultra-single-content .layout-two .single-header.no-img .single-header-content span a { color: #404040; } .ultra-single-content .layout-two .single-header.no-img .single-header-content{ padding: 0; } .ultra-single-content .layout-two .single-header.no-img.video .single-header-content, .ultra-single-content .layout-two .single-header.no-img.audio .single-header-content{ padding-top: 20px; } .page-template-tmpl-home section.rightsidebar .primary{ float: left; width: 70%; } .page-template-tmpl-home section.leftsidebar .primary{ float: right; width: 70%; } body.admin-bar .nav-search-wrap.fixed { margin-top: 27px; } .post-format-icon svg{ width: 25px; height: auto; fill: #fff; position: relative; top: 2px; } .post-format-icon.audio svg,.post-format-icon.gallery svg{ width: 18px; top: 5px; } .view-icon svg{ width: 12px; height: auto; } .single-header-content .post-meta .view-icon svg{ fill: #fff; } /* mobile navigationĀ */ .mob-outer-wrapp{ display: none; } .mob-nav-wrapp { opacity: 0; visibility: hidden; position: fixed; top: 0; left: 0; z-index: 99999; background: #FFF; width: 100%; max-width: 100%; height: 100vh; overflow: auto; padding-top: 30px; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; } .mob-nav-wrapp .close-wrapp { padding: 20px; border-bottom: 1px solid #f4f0f0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .mob-nav-wrapp span.icon-wrapp svg { vertical-align: middle; } .mob-nav-wrapp span.text { padding-right: 10px; } button.toggle { background: none; border: none; box-shadow: none; border-radius: 0; font-size: inherit; font-weight: 400; letter-spacing: inherit; padding: 0; text-transform: none; } body.admin-bar .site-header.toggled-on .mob-nav-wrapp { margin-top: 35px; } .site-header.toggled-on .mob-nav-wrapp { opacity: 1; left: 0; right: 0; visibility: visible; -webkit-box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.075); box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.075); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .mob-outer-wrapp { background: #fff; padding: 15px 0; } .mob-nav-wrapp .mob-primary-menu li ul{ background: rgba(179, 179, 179, 0.1); } .mob-nav-wrapp .mob-primary-menu li{ position: relative; } .mob-nav-wrapp .mob-primary-menu li .sub-toggle{ position: absolute; top: 5px; right: 10px; padding: 12px; border-left: 1px solid #666; } .mob-nav-wrapp .mob-primary-menu li .sub-toggle:hover{ cursor: pointer; } .mob-outer-wrapp .site-branding { float: left; width: 45%; } .mob-outer-wrapp .toggle-wrapp { float: right; padding: 15px; padding-bottom: 45px; } button.toggle.close-wrapp.toggle-wrapp { float: none; } .mob-outer-wrapp .container { padding: 0 10px; } .mob-primary-menu, .mob-primary-menu li ul { margin: 0; padding: 0; } .mob-primary-menu li{ list-style: none; border-bottom: 1px solid #f4f0f0; } .mob-primary-menu li a{ text-decoration: none; text-transform: capitalize; padding: 15px 20px; color: #333; display: block; font-size: 18px; } .mob-nav-wrapp .mob-primary-menu li ul li a { color: #666; } .toggle-wrapp{ position: relative; } span.menu-toggle:before, span.menu-toggle:after{ display: block; content: ""; } span.menu-toggle, span.menu-toggle:before, span.menu-toggle:after { position: absolute; width: 40px; height: 3px; right: 0; transition-timing-function: ease; transition-duration: .15s; transition-property: transform; -webkit-border-radius: 4px; border-radius: 4px; background-color: #333; } span.menu-toggle:before { top: -10px; } span.menu-toggle:after { bottom: -10px; } span.toggle-box { position: relative; display: inline-block; width: 40px; height: 5px; } span.toggle-wrapp { font: inherit; display: inline-block; overflow: visible; margin: 0; padding: 17px 15px 0; cursor: pointer; transition-timing-function: linear; transition-duration: .15s; transition-property: opacity,filter; text-transform: none; color: inherit; border: 0; background-color: transparent; padding-top: 0; } /* Ads */ .content-before-ad,.content-after-ad{ margin: 20px 0; } .entry-content a { text-decoration: underline; }