| Server IP : 192.64.118.117 / Your IP : 18.223.169.109 Web Server : LiteSpeed System : Linux premium56.web-hosting.com 4.18.0-513.24.1.lve.1.el8.x86_64 #1 SMP Thu May 9 15:10:09 UTC 2024 x86_64 User : thecgapy ( 1160) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /proc/self/root/home/thecgapy/mcprintingandpromotions.com/wp-content/themes/vilva/ |
Upload File : |
/*
Theme Name: Vilva
Theme URI: https://blossomthemes.com/wordpress-themes/vilva/
Author: Blossom Themes
Author URI: https://blossomthemes.com/
Description: Vilva is an easy to use and mobile friendly multi-purpose blog theme. Whether you want to share your expert fashion tips, your favorite recipes, or create a lifestyle, travel, food, beauty and makeup, coaching, or any other themed blog, Vilva is for you. With Vilva, you can change the look and feel (color and font) of your website with a click. You can flaunt your Instagram posts and increase your followers. Similarly, you can also build an email list and stay in touch with your customers. Vilva is SEO-friendly, speed optimized, translation ready and WooCommerce and RTL compatible. Check demo at https://blossomthemes.com/theme-demo/?theme=vilva, read the documentation at https://docs.blossomthemes.com/docs/vilva/, and get support at https://blossomthemes.com/support-ticket/.
Version: 1.2.7
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tested up to: 6.7
Requires PHP: 5.6
Text Domain: vilva
Tags: blog, one-column, two-columns, right-sidebar, left-sidebar, footer-widgets, custom-background, custom-header, custom-menu, custom-logo, featured-images, threaded-comments, full-width-template, rtl-language-support, translation-ready, theme-options, e-commerce, news
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Vilva 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
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
text-decoration: underline dotted;
/* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
/* 1 */
font-size: 100%;
/* 1 */
line-height: 1.15;
/* 1 */
margin: 0;
/* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box;
/* 1 */
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
:root {
--primary-font: 'Nunito Sans', sans-serif;
--secondary-font: 'EB Garamond', serif;
--font-color: #333333;
--font-color-rgb: 51, 51, 51;
--primary-color: #90BAB5;
--primary-color-rgb: 144, 186, 181;
}
body,
button,
input,
select,
optgroup,
textarea {
color: var(--font-color);
font-family: var(--primary-font);
font-size: 18px;
line-height: 1.75;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
margin-bottom: 10px;
}
h1 {
font-size: 2.72em;
line-height: 1.49;
}
h2 {
font-size: 2.17em;
line-height: 1.26;
}
h3 {
font-size: 1.72em;
line-height: 1.26;
margin: 0.65em 0;
}
h4 {
font-size: 1.39em;
line-height: 1.24;
margin: 0.65em 0;
}
h5 {
font-size: 1.11em;
line-height: 1.25;
margin: 1em 0;
}
h6 {
font-size: 0.8888em;
line-height: 1.25;
margin: 1em 0;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote,
q {
display: block;
margin: 1em 0;
font-size: 1.22em;
font-weight: 700;
font-style: italic;
line-height: 1.75em;
padding-left: 25px;
border-left: 2px solid var(--primary-color);
}
q {
border-left-width: 1px;
}
p blockquote,
p q {
float: left;
max-width: 300px;
margin-top: 0;
padding-right: 30px;
margin-bottom: 10px;
}
blockquote cite {
display: block;
font-size: 0.82em;
font-style: normal;
color: #999;
font-weight: 400;
line-height: 1.11em;
margin-top: 15px;
}
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 0 1.5em 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li>ul,
li>ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
vertical-align: top;
height: auto;
/* Make sure images are scaled correctly. */
max-width: 100%;
/* Adhere to container width. */
}
figure {
margin: 1em 0;
/* Extra wide images within figure tags don't overflow the content area. */
}
table {
margin: 0 0 1.5em;
width: 100%;
border-radius: 0;
font-size: 1em;
text-align: left;
border-collapse: collapse;
}
table tr th {
font-weight: 700;
color: #111;
padding: 10px 15px;
border-bottom: 2px solid #EBEBEB;
}
table tr td {
color: #343434;
padding: 10px 15px;
}
table tbody tr:nth-child(odd) {
background: rgba(0, 0, 0, 0.035);
}
.site-footer table tr th {
color: #fff;
border-bottom-color: rgba(255, 255, 255, 0.1);
}
.site-footer table tr td {
color: rgba(255, 255, 255, 0.7);
}
.site-footer table tbody tr:nth-child(odd) {
background: rgba(255, 255, 255, 0.05);
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: none;
border-radius: 0;
background: #121212;
color: #fff;
font-size: 0.7778em;
line-height: 1;
padding: 18px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
cursor: pointer;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
background: var(--primary-color);
color: #fff;
}
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,
select {
color: #121212;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 0;
padding: 10px 15px;
width: 100%;
height: 50px;
font-size: 0.7778em;
}
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: thin dotted;
}
select {
border: 1px solid rgba(0, 0, 0, 0.1);
}
textarea {
width: 100%;
height: 150px;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
text-decoration: underline;
color: var(--primary-color);
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
/*a:focus {
outline: thin dotted;
}*/
a:hover,
a:active {
outline: 0;
}
a:hover {
text-decoration: none;
color: var(--primary-color);
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.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,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.container:before,
.container:after,
.site-content:before,
.site-content:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.container:after,
.site-content:after {
clear: both;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
margin: 0 0 50px 0;
/* Make sure select elements fit in widgets. */
}
.widget-area .widget:last-child {
margin-bottom: 0;
}
.widget select {
max-width: 100%;
font-size: 0.7778em;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 0.5px;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
display: block;
}
.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:not(.aligncenter) {
margin-top: 0;
margin-bottom: 0;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text,
.wp-block-image figcaption {
margin: 0.8075em 0 0 0;
font-size: 0.7778em;
color: #999;
}
.wp-caption-text,
.wp-block-image figcaption {
text-align: center;
}
.alignleft .wp-caption-text,
.alignright .wp-caption-text,
.alignleft figcaption,
.alignright figcaption {
text-align: left;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
padding: 5px;
margin: 0;
}
.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;
font-size: 0.7778em;
background: #f8f8f8;
padding: 5px;
font-weight: normal;
font-style: normal;
}
/*============================
COMMON CSS
============================*/
.portfolio-holder {
margin-bottom: 60px;
}
.portfolio-holder .post-thumbnail {
text-align: center;
}
.custom-background .site {
background: #fff;
max-width: 85%;
margin: 0 auto;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
}
.skip-link,
.skip-link:hover,
.skip-link:visited {
position: absolute;
top: -999px;
left: 20px;
background: #f7f7f7;
border: 1px solid rgba(0, 0, 0, 0.1);
font-size: 0.8888em;
font-weight: 600;
padding: 10px 20px;
color: #000;
border-radius: 5px;
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
z-index: 999;
text-decoration: none;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.skip-link:focus,
.skip-link:active {
top: 50px;
}
.woocommerce-page .site-content>.page-header {
background-repeat: no-repeat;
background-size: cover;
position: relative;
padding: 100px 0;
margin-bottom: 40px;
z-index: 1;
}
.woocommerce-page .site-content>.page-header::before {
content: "";
background: rgba(0, 0, 0, 0.5);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.woocommerce-page .site-content .page-header .page-title {
margin-top: 0;
margin-bottom: 0;
font-size: 3.33em;
font-family: var(--secondary-font);
line-height: 1.25;
color: #fff;
}
.woocommerce-page .site-content>.page-header .archive-description {
color: #fff;
}
.woocommerce-page .site-content>.page-header .archive-description p {
margin-top: 20px;
margin-bottom: 0;
}
.woocommerce-page .site-content>.page-header .breadcrumb-wrapper a,
.woocommerce-page .site-content>.page-header .breadcrumb-wrapper span {
color: #fff;
}
.page .site-main .page-header+.post-thumbnail {
margin-bottom: 0;
margin-top: 30px;
}
.entry-content p {
margin-top: 0;
margin-bottom: 20px;
}
.edit-link {
width: 100%;
margin-top: 5px;
}
.edit-link .post-edit-link {
color: #fff;
background: var(--primary-color);
padding: 3px 8px;
border-radius: 4px;
letter-spacing: 0.5px;
text-decoration: none;
}
.edit-link .post-edit-link:hover {
background: #000;
color: #fff;
}
.svg-holder {
line-height: 0;
}
.container {
max-width: 1220px;
margin: 0 auto;
}
.site-header ul {
margin: 0;
padding: 0;
list-style: none;
}
.dropcap {
font-size: 3.56em;
font-weight: 700;
line-height: 0.95;
color: #111;
float: left;
margin-right: 5px;
font-family: var(--secondary-font);
}
.archive .content-area .page-header {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding-bottom: 50px;
margin-bottom: 50px;
}
.content-area .page-header .page-title {
margin-top: 0;
margin-bottom: 0;
font-size: 3.33em;
font-family: var(--secondary-font);
line-height: 1.25;
color: #121212;
}
.page-template-default .content-area .page-header .page-title {
font-size: 3.11em;
}
.section-title,
.promo-section .widget .widget-title {
font-size: 2em;
text-align: center;
font-family: var(--secondary-font);
font-weight: 600;
color: #121212;
line-height: 1.3;
margin-top: 0;
margin-bottom: 60px;
}
.sub-title {
font-size: 0.7778em;
text-transform: uppercase;
font-family: var(--primary-font);
color: #999;
font-weight: 700;
display: block;
margin-bottom: 10px;
letter-spacing: 1px;
}
.result-count {
font-size: 0.6666em;
color: #999;
margin-top: 20px;
display: block;
letter-spacing: 1px;
}
.post-count {
display: block;
margin-bottom: 20px;
font-size: 0.7778em;
color: #999;
}
figure.post-thumbnail {
margin-top: 0;
margin-bottom: 20px;
}
article .entry-meta,
article .entry-footer {
display: flex;
flex: 1;
flex-wrap: wrap;
align-items: center;
}
article .entry-meta {
margin-bottom: 10px;
}
article .entry-meta>span,
article .entry-footer>span {
display: inline-block;
font-size: 0.6666em;
line-height: 1.49;
color: #999;
font-style: italic;
}
article .entry-meta>span.category {
font-weight: 700;
}
.entry-meta span.posted-on,
.entry-footer span.posted-on,
.entry-meta span.byline,
.entry-footer span.byline {
text-transform: uppercase;
font-style: normal;
}
article .entry-meta>span::after,
article .entry-footer>span::after {
content: "";
background: #999;
width: 25px;
height: 1px;
display: inline-block;
vertical-align: middle;
margin: 0 15px;
}
article .entry-meta>span:last-child::after,
article .entry-footer>span:last-child::after {
display: none;
}
article .entry-meta>span a,
article .entry-footer>span a {
display: inline-block;
color: #999;
text-transform: uppercase;
font-style: normal;
}
article .entry-meta>span a:hover,
article .entry-footer>span a:hover {
color: var(--primary-color);
}
article .entry-meta>span.category a,
article .entry-footer>span.category a {
color: var(--primary-color);
letter-spacing: 1px;
}
article .entry-meta>span.category a::after,
article .entry-footer>span.category a::after {
content: "";
background: rgba(0, 0, 0, 0.1);
width: 5px;
height: 5px;
display: inline-block;
border-radius: 100%;
vertical-align: middle;
margin: -2px 5px 0 8px;
}
article .entry-meta>span.category a:last-child::after,
article .entry-footer>span.category a:last-child::after {
display: none;
}
.widget ul {
margin: 0;
padding: 0;
list-style: none;
}
.widget ul ul {
margin-left: 15px;
}
.widget ul ul {
margin-top: 15px;
border-top: 1px solid rgba(0, 0, 0, 0.05);
padding-top: 15px;
}
.widget ul li {
display: block;
margin-bottom: 20px;
font-size: 0.8888em;
font-weight: 600;
line-height: 1.6;
}
.widget ul ul li {
font-size: 1em;
}
.widget ul li a {
text-decoration: none;
color: var(--font-color);
display: inline-block;
}
.widget ul li a:hover {
color: var(--primary-color);
}
.widget-area .widget .widget-title {
margin-top: 0;
margin-bottom: 25px;
text-transform: uppercase;
font-size: 0.7778em;
font-family: var(--secondary-font);
letter-spacing: 1.5px;
background: rgba(var(--primary-color-rgb), 0.1);
color: var(--font-color);
padding: 18px;
line-height: 1;
text-align: center;
}
.nav-menu .close {
display: none;
background-color: transparent;
padding: 0;
}
.search-form {
display: flex;
flex: 1;
flex-wrap: wrap;
}
label {
width: calc(100% - 50px);
}
.search-form .search-field {
border-radius: 0;
border-right: none;
height: 50px;
font-size: 0.7778em;
}
.search-form .search-submit {
width: 50px;
height: 50px;
padding: 0;
text-align: center;
border-radius: 0;
border: none;
box-shadow: none;
background-color: #121212;
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23fff" d="M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z"></path></svg>');
background-repeat: no-repeat;
background-size: 20px;
background-position: center;
text-indent: 60px;
overflow: hidden;
}
.search-form .search-submit:hover,
.search-form .search-submit:active,
.search-form .search-submit:focus {
background-color: var(--primary-color);
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23fff" d="M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z"></path></svg>');
background-repeat: no-repeat;
background-size: 20px;
background-position: center;
}
.owl-carousel>.owl-nav button[class*="owl-"] {
width: 50px;
height: 50px;
border: 1px solid rgba(0, 0, 0, 0.1);
position: absolute;
top: 50%;
left: 260px;
border-radius: 0;
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M152.485 396.284l19.626-19.626c4.753-4.753 4.675-12.484-.173-17.14L91.22 282H436c6.627 0 12-5.373 12-12v-28c0-6.627-5.373-12-12-12H91.22l80.717-77.518c4.849-4.656 4.927-12.387.173-17.14l-19.626-19.626c-4.686-4.686-12.284-4.686-16.971 0L3.716 247.515c-4.686 4.686-4.686 12.284 0 16.971l131.799 131.799c4.686 4.685 12.284 4.685 16.97-.001z"></path></svg>');
background-repeat: no-repeat;
background-position: center;
background-size: 17px;
text-indent: 60px;
overflow: hidden;
z-index: 999;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.owl-carousel>.owl-nav button[class*="owl-"]:hover {
background-color: var(--primary-color);
border-color: var(--primary-color);
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23fff" d="M152.485 396.284l19.626-19.626c4.753-4.753 4.675-12.484-.173-17.14L91.22 282H436c6.627 0 12-5.373 12-12v-28c0-6.627-5.373-12-12-12H91.22l80.717-77.518c4.849-4.656 4.927-12.387.173-17.14l-19.626-19.626c-4.686-4.686-12.284-4.686-16.971 0L3.716 247.515c-4.686 4.686-4.686 12.284 0 16.971l131.799 131.799c4.686 4.685 12.284 4.685 16.97-.001z"></path></svg>');
}
.owl-carousel>.owl-nav button.owl-next {
left: auto;
right: 260px;
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M295.515 115.716l-19.626 19.626c-4.753 4.753-4.675 12.484.173 17.14L356.78 230H12c-6.627 0-12 5.373-12 12v28c0 6.627 5.373 12 12 12h344.78l-80.717 77.518c-4.849 4.656-4.927 12.387-.173 17.14l19.626 19.626c4.686 4.686 12.284 4.686 16.971 0l131.799-131.799c4.686-4.686 4.686-12.284 0-16.971L312.485 115.716c-4.686-4.686-12.284-4.686-16.97 0z"></path></svg>');
}
.owl-carousel>.owl-nav button.owl-next:hover {
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23fff" d="M295.515 115.716l-19.626 19.626c-4.753 4.753-4.675 12.484.173 17.14L356.78 230H12c-6.627 0-12 5.373-12 12v28c0 6.627 5.373 12 12 12h344.78l-80.717 77.518c-4.849 4.656-4.927 12.387-.173 17.14l19.626 19.626c4.686 4.686 12.284 4.686 16.971 0l131.799-131.799c4.686-4.686 4.686-12.284 0-16.971L312.485 115.716c-4.686-4.686-12.284-4.686-16.97 0z"></path></svg>');
}
.mCustomScrollBox {
position: relative;
overflow: hidden;
height: 100%;
max-width: 100%;
direction: ltr;
}
.mCSB_container:not(.mCS_y_hidden) {
margin-right: 15px;
}
.mCSB_scrollTools {
position: absolute;
width: 16px;
height: auto;
left: auto;
top: 0;
right: 0;
bottom: 0;
visibility: visible;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.mCustomScrollbar:hover .mCSB_scrollTools {
width: 16px;
visibility: visible;
}
.mCSB_scrollTools .mCSB_draggerContainer {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: auto;
}
.mCSB_scrollTools .mCSB_dragger {
cursor: ns-resize;
width: 100%;
height: 30px;
z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
position: relative;
width: 5px;
height: 100%;
margin: 0 auto;
border-radius: 40px;
cursor: ns-resize;
background: rgba(0, 0, 0, 0.2);
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
cursor: ns-resize;
background: rgba(0, 0, 0, 0.4);
}
.mCSB_scrollTools .mCSB_draggerRail {
background: rgba(0, 0, 0, 0.1);
width: 5px;
height: 100%;
margin: 0 auto;
border-radius: 40px;
}
.cat-links a,
.category a,
.posted-on a,
.footer-b .copyright a,
.comments a,
.instagram-section .profile-link {
text-decoration: none;
}
.cat-links a:hover,
.category a:hover,
.posted-on a:hover,
.footer-b .copyright a:hover,
.comments a:hover,
.instagram-section .profile-link:hover {
text-decoration: underline;
}
/*==========================
LIGHT AND DARK TOGGLE
==========================*/
.light-dark-toggle {
width: auto;
position: fixed;
top: 50px;
right: 0;
overflow: hidden;
line-height: 1;
background: #fff;
padding: 10px;
box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.16);
border-radius: 5px 0 0 5px;
max-width: 90px;
text-align: center;
z-index: 99999;
}
.light-dark-toggle:focus-within {
outline: thin dotted var(--primary-color);
}
.light-dark-title {
font-size: 0.6667em;
font-weight: 700;
letter-spacing: 0.5px;
display: block;
margin-bottom: 10px;
line-height: 1.35;
}
.light-dark-toggle input[type="checkbox"] {
position: absolute;
top: -30px;
left: 0;
}
.light-dark-toggle .light-dark-toggle-label {
display: block;
padding: 0;
width: 35px;
height: 20px;
border-radius: 50px;
border: 2px solid #121212;
background: #121212;
position: relative;
margin: 0 auto;
}
.light-dark-toggle.current button,
.light-dark-toggle input[type="checkbox"]:checked+.light-dark-toggle-label {
background: var(--primary-color);
border-color: var(--primary-color);
}
.light-dark-toggle .light-dark-toggle-label::before {
content: "";
background: #fff;
width: 16px;
height: 16px;
position: absolute;
top: 0;
left: 0;
border-radius: 100%;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.light-dark-toggle.current button::before,
.light-dark-toggle input[type="checkbox"]:checked+.light-dark-toggle-label::before {
left: calc(100% - 16px);
}
/*=============================
SIDEBARS
=============================*/
.content-area,
.widget-area {
margin-top: 60px;
margin-bottom: 60px;
}
.page .content-area,
.page .widget-area {
margin-top: 30px;
}
.rightsidebar .content-area {
float: left;
width: calc(100% - 331px);
padding-right: 60px;
}
.rightsidebar .widget-area {
float: right;
width: 330px;
}
.leftsidebar .content-area {
float: right;
width: calc(100% - 331px);
padding-left: 60px;
}
.leftsidebar .widget-area {
float: left;
width: 330px;
}
.full-width-centered .site-content .content-area {
max-width: 840px;
margin-left: auto;
margin-right: auto;
}
.last-widget-sticky.rightsidebar .site-content>.container,
.last-widget-sticky.leftsidebar .site-content>.container {
display: flex;
flex: 1;
flex-wrap: wrap;
}
.last-widget-sticky.leftsidebar .site-content>.container {
flex-direction: row-reverse;
}
.last-widget-sticky .site-content .widget-area .widget:last-child {
position: sticky;
top: 0;
}
/*============================
PAGINATION
============================*/
.pagination .page-numbers {
background: #fff;
display: inline-block;
width: 50px;
text-align: center;
height: 50px;
line-height: 50px;
margin-bottom: 5px;
color: #121212;
font-size: 0.8888em;
font-weight: 600;
vertical-align: middle;
box-shadow: 0 2px 0px rgba(0, 0, 0, 0.0);
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
}
.pagination .page-numbers.prev,
.pagination .page-numbers.next {
font-size: 0.7778em;
width: auto;
padding-left: 10px;
padding-right: 20px;
}
.pagination .page-numbers.next {
padding-right: 10px;
padding-left: 20px;
}
.pagination .page-numbers.prev svg,
.pagination .page-numbers.next svg {
vertical-align: middle;
margin-right: 10px;
margin-top: -2px;
}
.pagination .page-numbers.next svg {
margin-right: 0;
margin-left: 10px;
}
.pagination .page-numbers.dots {
box-shadow: none;
}
.pagination .page-numbers.dots:hover {
color: #121212;
box-shadow: none;
}
.pagination .page-numbers:hover,
.pagination .page-numbers.current {
color: #121212;
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.05);
}
.post-navigation {
border-top: 1px solid rgba(0, 0, 0, 0.1);
padding-top: 60px;
margin-top: 60px;
}
.post-navigation .nav-links:before,
.post-navigation .nav-links:after,
.posts-navigation .nav-links:before,
.posts-navigation .nav-links:after {
content: "";
display: table;
}
.post-navigation .nav-links:after,
.posts-navigation .nav-links:after {
clear: both;
}
.post-navigation .nav-links div[class*="nav-"] {
display: flex;
flex: 1;
flex-wrap: wrap;
}
.post-navigation .nav-links .nav-previous {
flex-direction: row-reverse;
}
.post-navigation .nav-links a {
width: calc(100% - 90px);
}
.post-navigation .nav-links .nav-previous a {
padding-left: 20px;
text-decoration: none;
}
.post-navigation .nav-links .nav-next a {
padding-right: 20px;
text-decoration: none;
}
.post-navigation .nav-links a .meta-nav {
position: relative;
display: block;
font-size: 0.6666em;
text-transform: uppercase;
color: #a5a8b2;
letter-spacing: 1px;
}
.post-navigation .nav-links a .meta-nav svg {
width: 15px;
margin-right: 5px;
}
.post-navigation .nav-links .nav-next a .meta-nav svg {
margin-right: 0;
margin-left: 5px;
}
.post-navigation .nav-links a .post-title {
font-size: 0.8888em;
font-weight: 600;
color: #111;
line-height: 1.5em;
display: block;
margin-top: 5px;
}
.post-navigation .nav-links a:hover .post-title {
color: var(--primary-color);
}
.post-navigation .nav-links .post-img {
background: #f5f5f5;
width: 90px;
height: 90px;
overflow: hidden;
margin: 0;
}
.post-navigation .nav-links .post-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.posts-navigation .nav-links a {
display: inline-block;
vertical-align: middle;
border: 2px solid #f0f0f0;
border-radius: 0;
padding: 15px 25px 15px 40px;
font-size: 0.7778em;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
color: #000;
position: relative;
text-decoration: none;
}
.posts-navigation .nav-links .nav-next a {
padding-left: 25px;
padding-right: 40px;
}
.posts-navigation .nav-links a:hover {
background: var(--primary-color);
color: #fff;
border-color: var(--primary-color);
}
.posts-navigation .nav-links a::before {
content: "";
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="%23777" d="M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z"></path></svg>');
position: absolute;
top: 20px;
left: 18px;
width: 14px;
height: 12px;
}
.posts-navigation .nav-links a:hover::before {
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="%23fff" d="M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z"></path></svg>');
}
.posts-navigation .nav-links .nav-next a::before {
left: auto;
right: 18px;
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="%23777" d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"></path></svg>');
}
.posts-navigation .nav-links .nav-next a:hover::before {
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="%23fff" d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"></path></svg>');
}
#load-posts {
text-align: center;
}
#load-posts a {
display: inline-block;
font-size: 0.666em;
text-transform: uppercase;
color: #262525;
text-decoration: none;
font-weight: 700;
letter-spacing: 1px;
border: 2px solid #f0f0f0;
border-radius: 0;
padding: 15px 25px;
text-align: center;
}
#load-posts a.loading,
#load-posts a:hover {
background: var(--primary-color);
border-color: var(--primary-color);
color: #fff;
text-decoration: none;
}
#load-posts a svg {
vertical-align: middle;
margin-right: 10px;
}
#load-posts a.disabled {
background: var(--primary-color);
color: #fff;
border-color: var(--primary-color);
opacity: 0.6;
cursor: not-allowed;
}
/*============================
BACK TO TOP
============================*/
.back-to-top {
padding: 0;
visibility: hidden;
opacity: 0;
position: fixed;
bottom: 0;
right: 20px;
width: 60px;
height: 60px;
background: rgba(0, 0, 0, 0.37);
color: #fff;
cursor: pointer;
text-align: center;
line-height: 70px;
border-radius: 100%;
z-index: 999;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.back-to-top.active {
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
bottom: 20px;
}
.back-to-top:hover {
background: var(--primary-color);
}
.back-to-top svg {
width: 20px;
height: 20px;
margin-top: 5px;
}
/*==========================
BREADCRUMB
==========================*/
.breadcrumb-wrapper {
margin-top: 10px;
margin-bottom: 0;
}
.single .top-bar {
margin-bottom: 30px;
}
.breadcrumb-wrapper span {
color: #121212;
font-size: 0.7778em;
display: inline-block;
vertical-align: middle;
}
.breadcrumb-wrapper>span {
padding-bottom: 5px;
}
.breadcrumb-wrapper span span,
.breadcrumb-wrapper span a {
font-size: 1em;
}
.breadcrumb-wrapper a {
color: #121212;
}
.breadcrumb-wrapper a:hover>span {
color: #999;
}
.breadcrumb-wrapper .current>a,
.breadcrumb-wrapper .current>a span {
color: #999;
pointer-events: none;
}
.breadcrumb-wrapper span.separator {
margin: 0 10px;
width: 4px;
line-height: 1;
}
/*=============================
ADDITIONAL POST
============================*/
.additional-post {
margin-top: 60px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
padding-top: 40px;
}
.additional-post .post-title {
margin-top: 0;
margin-bottom: 30px;
font-size: 1.22em;
font-weight: 700;
font-family: var(--secondary-font);
}
.additional-post article {
display: flex;
flex: 1;
flex-wrap: wrap;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding-bottom: 25px;
margin-bottom: 25px;
align-items: flex-start;
}
.additional-post article:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.additional-post article .entry-header {
width: calc(100% - 110px);
display: flex;
flex: 1;
flex-wrap: wrap;
align-items: flex-start;
padding-right: 30px;
}
.additional-post article .entry-meta {
width: 100px;
margin-top: 0;
flex-direction: column;
align-items: flex-start;
}
.additional-post article .entry-meta>span {
font-size: 0.6666em;
}
.additional-post article .entry-meta>span:after {
display: block;
margin: 10px 0;
}
.additional-post article .entry-meta>span:last-child:after {
display: none;
}
.additional-post article .entry-meta>span.category a {
color: #121212;
}
.additional-post article .entry-meta>span.category a:hover {
color: var(--primary-color);
}
.additional-post article .entry-meta>span.category a::after {
background: none;
width: auto;
height: auto;
content: ",";
margin-left: 0;
font-size: 16px;
line-height: 1;
margin-top: -5px;
color: #999;
}
.additional-post article .entry-title {
margin-top: 0;
margin-bottom: 0;
font-size: 1.1112em;
}
.additional-post article .entry-meta+.entry-title {
padding-left: 30px;
width: calc(100% - 160px);
}
.additional-post article .entry-title a {
color: #121212;
text-decoration: none;
}
.additional-post article .entry-title a:hover {
color: var(--primary-color);
}
.additional-post article .post-thumbnail {
width: 110px;
margin-bottom: 0;
}
/*========================
COMMENTS AREA
========================*/
.comments-area {
margin-top: 50px;
padding-top: 50px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.comments-area .comments-title,
.comment-respond .comment-reply-title {
margin-top: 0;
margin-bottom: 30px;
font-size: 1.22em;
font-family: var(--secondary-font);
}
.comments-area ol {
margin: 0;
padding: 0;
list-style: none;
}
.comments-area ol li ol {
margin-left: 30px;
}
.comment-list .comment {
border-top: 1px solid rgba(0, 0, 0, 0.05);
margin-top: 20px;
padding-top: 20px;
}
.comment-list>.comment:first-child {
border-top: none;
padding-top: 0;
margin-top: 0;
}
.comments-area .comment-body {
position: relative;
padding-left: 70px;
}
.comments-area .bypostauthor>.comment-body .comment-author::after {
content: "";
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.999 19.999"><g class="a" transform="translate(2 1.902)"><path fill="%2300ab0b" d="M 9.834222793579102 17.09700393676758 C 9.293392181396484 17.09700393676758 8.75604248046875 16.91920280456543 8.321172714233398 16.59635353088379 C 8.226932525634766 16.52631378173828 8.115872383117676 16.48946380615234 7.99956226348877 16.48946380615234 C 7.883032321929932 16.48946380615234 7.771632194519043 16.52643394470215 7.677412509918213 16.59638404846191 C 7.241622447967529 16.91916275024414 6.704292297363281 17.09657287597656 6.163562297821045 17.09657287597656 C 5.919732570648193 17.09657287597656 5.677532196044922 17.06148338317871 5.443672180175781 16.99227333068848 C 4.684462547302246 16.76824378967285 4.062642574310303 16.19062423706055 3.781052350997925 15.44737339019775 C 3.698472261428833 15.23033332824707 3.497072458267212 15.08926391601563 3.268432378768921 15.08926391601563 C 3.257022380828857 15.08926391601563 3.24551248550415 15.08962345123291 3.234002351760864 15.0903434753418 C 3.18197226524353 15.09369373321533 3.127422332763672 15.09544372558594 3.073572397232056 15.09544372558594 C 2.333252429962158 15.09544372558594 1.630492329597473 14.77195358276367 1.145472407341003 14.20793342590332 C 0.6309023499488831 13.60939311981201 0.4188423752784729 12.78896331787109 0.5781523585319519 12.01321315765381 C 0.628312349319458 11.77128314971924 0.5158923864364624 11.52090358734131 0.3051423728466034 11.40245342254639 C -0.3843876421451569 11.0153636932373 -0.863067626953125 10.31490325927734 -0.9748876094818115 9.528953552246094 C -1.086567640304565 8.744133949279785 -0.8234476447105408 7.937823295593262 -0.2710376381874084 7.372093677520752 C -0.09887763112783432 7.195113658905029 -0.0609276294708252 6.926823616027832 -0.1779476255178452 6.705893516540527 C -0.5481376051902771 6.008523464202881 -0.574747622013092 5.161323547363281 -0.2486976236104965 4.440483570098877 C 0.07903236895799637 3.715943574905396 0.7355723977088928 3.178373575210571 1.507562398910522 3.002493381500244 C 1.743242383003235 2.948773384094238 1.914972424507141 2.746383428573608 1.93482232093811 2.498863458633423 C 1.997702360153198 1.708733439445496 2.431482315063477 0.9799134731292725 3.095152378082275 0.5499134659767151 C 3.507802486419678 0.2825334668159485 3.985422372817993 0.1412034779787064 4.476352214813232 0.1412034779787064 C 4.775092601776123 0.1412034779787064 5.068942546844482 0.1934034675359726 5.349722385406494 0.2963534593582153 C 5.408862590789795 0.3179934620857239 5.470902442932129 0.3290634751319885 5.533562183380127 0.3290634751319885 C 5.704382419586182 0.3290534615516663 5.861742496490479 0.2500134706497192 5.965312480926514 0.1122034713625908 C 6.447322368621826 -0.5240164995193481 7.206072330474854 -0.9019965529441833 7.997312545776367 -0.9019965529441833 C 8.788962364196777 -0.9019965529441833 9.547962188720703 -0.5240164995193481 10.02763271331787 0.1091034710407257 C 10.13322257995605 0.2487534731626511 10.29187202453613 0.3284034729003906 10.46349239349365 0.3284034729003906 C 10.52629280090332 0.3284034729003906 10.58841228485107 0.3173234760761261 10.64813232421875 0.2954734861850739 C 10.92821216583252 0.1925134658813477 11.2226619720459 0.1400634795427322 11.52193260192871 0.1400634795427322 C 12.01345252990723 0.1400634795427322 12.49126243591309 0.2819134593009949 12.90372276306152 0.5502734780311584 C 13.5648021697998 0.9778934717178345 13.99903202056885 1.706353425979614 14.06306266784668 2.497463464736938 C 14.08274269104004 2.745793581008911 14.25481224060059 2.947883367538452 14.49137210845947 3.002033472061157 C 15.26238250732422 3.177703380584717 15.91892242431641 3.715273380279541 16.24664306640625 4.439813613891602 C 16.57781219482422 5.170623302459717 16.55232238769531 5.996893405914307 16.17643165588379 6.706143379211426 C 16.05976295471191 6.926653385162354 16.09770202636719 7.194893360137939 16.27117156982422 7.372983455657959 C 16.82341194152832 7.939643383026123 17.08597183227539 8.746183395385742 16.97332191467285 9.530303001403809 C 16.86064147949219 10.31448364257813 16.38290214538574 11.01409339904785 15.69535255432129 11.40177345275879 C 15.47971248626709 11.52283382415771 15.36982250213623 11.76781368255615 15.42027282714844 12.01229381561279 C 15.58054256439209 12.78744316101074 15.36860275268555 13.60835361480713 14.85323238372803 14.2078332901001 C 14.36939144134521 14.77166938781738 13.66647529602051 15.09544372558594 12.9253454208374 15.09544372558594 C 12.92530059814453 15.09544372558594 12.9252872467041 15.09544372558594 12.92524242401123 15.09544372558594 C 12.87138271331787 15.09543323516846 12.81682205200195 15.09369373321533 12.76308250427246 15.09024333953857 C 12.75198268890381 15.08954334259033 12.74048233032227 15.08917331695557 12.72901248931885 15.08917331695557 C 12.50478267669678 15.08917331695557 12.29945278167725 15.2332935333252 12.21808242797852 15.44778347015381 C 11.9347620010376 16.19160270690918 11.31292247772217 16.76860427856445 10.5541820526123 16.99249267578125 C 10.32169246673584 17.06164360046387 10.078782081604 17.09700393676758 9.834222793579102 17.09700393676758 Z"/><path fill="%23fff" d="M 7.997312545776367 0.09800338745117188 C 7.514002799987793 0.09800338745117188 7.058032035827637 0.3258533477783203 6.76472282409668 0.7129936218261719 C 6.467014312744141 1.109124183654785 6.00753116607666 1.32906436920166 5.53363037109375 1.32906436920166 C 5.357028961181641 1.32906436920166 5.178509712219238 1.298551559448242 5.005492210388184 1.235233306884766 C 4.833670616149902 1.172236442565918 4.654583930969238 1.141204833984375 4.476350784301758 1.141204833984375 C 4.182979583740234 1.141204833984375 3.891871452331543 1.225250244140625 3.638912200927734 1.389153480529785 C 3.232272148132324 1.652623176574707 2.970282554626465 2.092863082885742 2.931622505187988 2.578803062438965 C 2.876962661743164 3.260343551635742 2.390322685241699 3.826943397521973 1.729701995849609 3.977503776550293 C 1.257721900939941 4.085033416748047 0.8630819320678711 4.409003257751465 0.6624326705932617 4.852603912353516 C 0.4617824554443359 5.29620361328125 0.4777727127075195 5.808363914489746 0.7057619094848633 6.237853050231934 C 1.02507209777832 6.840743064880371 0.9190826416015625 7.582773208618164 0.4444427490234375 8.070733070373535 C 0.1051321029663086 8.41822338104248 -0.05352783203125 8.905513763427734 0.01514244079589844 9.388093948364258 C 0.08380222320556641 9.870683670043945 0.3724527359008789 10.29344367980957 0.7950925827026367 10.5307035446167 C 1.387052536010742 10.8634033203125 1.696362495422363 11.54561328887939 1.557712554931641 12.21437358856201 C 1.459712028503418 12.69158363342285 1.587042808532715 13.18761348724365 1.903682708740234 13.55593299865723 C 2.199407577514648 13.89982128143311 2.62714672088623 14.09543991088867 3.073574066162109 14.09543991088867 C 3.106174468994141 14.09543991088867 3.138856887817383 14.09439754486084 3.171612739562988 14.09229373931885 C 3.204021453857422 14.09026718139648 3.23631477355957 14.08926582336426 3.268446922302246 14.08926582336426 C 3.907810211181641 14.08926391601563 4.485134124755859 14.48575592041016 4.716182708740234 15.09308338165283 C 4.888832092285156 15.54878330230713 5.262812614440918 15.89627361297607 5.727452278137207 16.03338432312012 C 5.870650291442871 16.07576179504395 6.017534255981445 16.09657287597656 6.16356372833252 16.09657287597656 C 6.489995002746582 16.09657287597656 6.812380790710449 15.99265956878662 7.081362724304199 15.79343318939209 C 7.354347229003906 15.59078884124756 7.676995277404785 15.48946571350098 7.999558448791504 15.48946571350098 C 8.322122573852539 15.48946571350098 8.644601821899414 15.59078884124756 8.917252540588379 15.79343318939209 C 9.185972213745117 15.99292850494385 9.508113861083984 16.09700202941895 9.834220886230469 16.09700202941895 C 9.980564117431641 16.09700202941895 10.12765312194824 16.0760612487793 10.27116203308105 16.03338432312012 C 10.73580169677734 15.89627361297607 11.10978221893311 15.54811382293701 11.28310203552246 15.09308338165283 C 11.51334095001221 14.48618412017822 12.09069538116455 14.0892162322998 12.7290096282959 14.08917808532715 C 12.76156234741211 14.08917617797852 12.79417991638184 14.09020614624023 12.82701206207275 14.09229373931885 C 12.85982799530029 14.09439563751221 12.89265060424805 14.09543991088867 12.92529296875 14.09543991088867 C 13.37273979187012 14.09543991088867 13.79981231689453 13.8998441696167 14.09493255615234 13.55593299865723 C 14.41157245635986 13.18761348724365 14.53957271575928 12.69158363342285 14.44090270996094 12.21437358856201 C 14.30291271209717 11.54561328887939 14.61156272888184 10.8634033203125 15.20419216156006 10.5307035446167 C 15.6261625289917 10.29277324676514 15.91414260864258 9.870683670043945 15.98347282409668 9.388093948364258 C 16.05281257629395 8.905513763427734 15.89348220825195 8.41822338104248 15.55483245849609 8.070733070373535 C 15.07953262329102 7.582773208618164 14.97353267669678 6.841413497924805 15.2928524017334 6.237853050231934 C 15.52083206176758 5.807693481445313 15.53683280944824 5.29620361328125 15.33551216125488 4.851933479309082 C 15.13486194610596 4.408333778381348 14.74022197723389 4.08436393737793 14.26824188232422 3.976823806762695 C 13.60762214660645 3.825603485107422 13.12032222747803 3.259673118591309 13.06632232666016 2.578133583068848 C 13.02699279785156 2.092193603515625 12.76568222045898 1.65195369720459 12.35836219787598 1.388473510742188 C 12.10599422454834 1.224272727966309 11.81520080566406 1.140069007873535 11.52193450927734 1.140061378479004 C 11.3434419631958 1.140056610107422 11.16405868530273 1.171241760253906 10.99179267883301 1.234563827514648 C 10.81877517700195 1.297879219055176 10.6401424407959 1.328403472900391 10.46349906921387 1.328403472900391 C 9.98948860168457 1.328403472900391 9.529720306396484 1.108635902404785 9.230562210083008 0.7129936218261719 C 8.937252044677734 0.3258533477783203 8.481282234191895 0.09800338745117188 7.997312545776367 0.09800338745117188 M 7.166022300720215 11.72036361694336 L 4.16621208190918 8.787213325500488 L 5.404132843017578 7.539083480834961 L 7.166022300720215 9.223423004150391 L 10.9277925491333 5.33586311340332 L 12.16571235656738 6.583993911743164 L 7.166022300720215 11.72036361694336 M 7.997312545776367 -1.901996612548828 C 8.992444038391113 -1.901996612548828 9.950216293334961 -1.473686218261719 10.6182804107666 -0.7426300048828125 C 10.91207313537598 -0.8204364776611328 11.21511459350586 -0.8599357604980469 11.52184295654297 -0.8599357604980469 C 12.2058048248291 -0.8599166870117188 12.870530128479 -0.6631450653076172 13.4446325302124 -0.2908172607421875 L 13.4446325302124 -0.2908172607421875 C 14.28115653991699 0.2502975463867188 14.85563564300537 1.133090019226074 15.02170944213867 2.112277984619141 C 15.96063041687012 2.41915225982666 16.74603271484375 3.117411613464355 17.15777206420898 4.027683258056641 C 17.56901550292969 4.935222625732422 17.57688522338867 5.988980293273926 17.18978691101074 6.901698112487793 C 17.81775665283203 7.669354438781738 18.10519790649414 8.68384838104248 17.96314239501953 9.672543525695801 C 17.82138061523438 10.65933799743652 17.26283264160156 11.55005550384521 16.44812965393066 12.10965633392334 C 16.56416702270508 13.09438991546631 16.2614860534668 14.10370445251465 15.61153221130371 14.85974311828613 C 14.96013641357422 15.61883068084717 14.02242088317871 16.06552696228027 13.02670574188232 16.093994140625 C 12.59089088439941 16.98707580566406 11.79205322265625 17.66984748840332 10.83721256256104 17.95161437988281 C 10.51419258117676 18.04768371582031 10.17537307739258 18.09700393676758 9.834222793579102 18.09700393676758 C 9.190168380737305 18.09700393676758 8.549810409545898 17.91626167297363 7.999041557312012 17.58315277099609 C 7.447338104248047 17.91622161865234 6.807188987731934 18.09657287597656 6.163562774658203 18.09657287597656 C 5.823602676391602 18.09657287597656 5.485922813415527 18.04765319824219 5.159882545471191 17.95116424560547 C 4.205093383789063 17.66941261291504 3.40628719329834 16.98602104187012 2.972140312194824 16.09399223327637 C 1.977666854858398 16.06550979614258 1.040310859680176 15.61935138702393 0.3872823715209961 14.8599739074707 C -0.2621898651123047 14.10450649261475 -0.5649242401123047 13.09535026550293 -0.4493160247802734 12.10971832275391 C -1.265361785888672 11.55028820037842 -1.824228286743164 10.65863418579102 -1.96491813659668 9.669803619384766 C -2.105524063110352 8.681713104248047 -1.818069458007813 7.66879940032959 -1.191118240356445 6.902331352233887 C -1.578231811523438 5.991298675537109 -1.571016311645508 4.93742847442627 -1.159828186035156 4.028353691101074 C -0.7483558654785156 3.118679046630859 0.03640937805175781 2.420709609985352 0.9759445190429688 2.113198280334473 C 1.141068458557129 1.135534286499023 1.714901924133301 0.2526473999023438 2.551392555236816 -0.2893257141113281 C 3.126372337341309 -0.6618766784667969 3.792022705078125 -0.8587970733642578 4.476352691650391 -0.8587970733642578 C 4.781661033630371 -0.8587970733642578 5.083295822143555 -0.8197002410888672 5.376714706420898 -0.7423210144042969 C 6.044746398925781 -1.473556518554688 7.002415657043457 -1.901996612548828 7.997312545776367 -1.901996612548828 Z"/></g></svg>');
background-repeat: no-repeat;
width: 20px;
height: 20px;
position: absolute;
top: 35px;
left: 35px;
}
.comment-body img.avatar {
position: absolute;
top: 5px;
left: 0;
width: 50px;
height: 50px;
border-radius: 100%;
object-fit: cover;
}
.comment-body b.fn {
font-size: 0.888em;
margin-bottom: 0;
display: block;
color: #202020;
font-weight: 700;
}
.comment-author a {
text-decoration: none;
color: #202020;
line-height: 1.25em;
}
.comment-author a:hover {
color: var(--primary-color);
}
.comment-body b.fn span.says {
display: none;
}
.comment-body .comment-metadata {
font-size: 0.666em;
color: #999;
line-height: 1.25em;
}
.comment-metadata a {
color: #999;
}
.comment-metadata a:hover {
color: #202020;
}
.comment-body .comment-awaiting-moderation {
font-size: 0.7778em;
line-height: 1.65em;
margin-top: 10px;
margin-bottom: 0;
color: red;
letter-spacing: 0;
}
.comment-body .reply .comment-reply-link {
display: inline-block;
text-align: center;
position: relative;
vertical-align: top;
color: #202020;
font-size: 0.7em;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 0.8px;
padding-left: 25px;
}
.comment-body .reply .comment-reply-link:hover {
color: var(--primary-color);
}
.comment-body .reply .comment-reply-link:before {
content: "";
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" width="18" height="15" viewBox="0 0 18 15"><path d="M934,147.2a11.941,11.941,0,0,1,7.5,3.7,16.063,16.063,0,0,1,3.5,7.3c-2.4-3.4-6.1-5.1-11-5.1v4.1l-7-7,7-7Z" transform="translate(-927 -143.2)" fill="%23202020"/></svg>');
background-repeat: no-repeat;
width: 20px;
height: 20px;
position: absolute;
top: 2px;
left: 0;
}
.comment-body .reply .comment-reply-link:hover:before {
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" width="18" height="15" viewBox="0 0 18 15"><path d="M934,147.2a11.941,11.941,0,0,1,7.5,3.7,16.063,16.063,0,0,1,3.5,7.3c-2.4-3.4-6.1-5.1-11-5.1v4.1l-7-7,7-7Z" transform="translate(-927 -143.2)" fill="%2390BAB5"/></svg>');
}
.comment-body .comment-content {
font-size: 0.8888em;
font-weight: 400;
}
.comment-body .comment-content p {
margin-top: 5px;
margin-bottom: 15px;
}
.comments-area .comment-list+.comment-respond {
margin-top: 50px;
padding-top: 50px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.comment-respond .comment-reply-title small {
font-size: 50%;
line-height: 1.3;
vertical-align: middle;
display: inline-block;
letter-spacing: 0.5px;
}
.comment-respond .comment-reply-title a {
display: inline-block;
margin-left: 10px;
color: #202020;
vertical-align: middle;
text-transform: uppercase;
font-weight: 700;
padding-left: 10px;
border-left: 1px solid #202020;
}
.comment-respond .comment-reply-title a:hover {
color: var(--primary-color);
}
.comment-respond .comment-form p {
margin-top: 0;
margin-bottom: 20px;
}
.comment-form p.comment-notes {
display: none;
width: 100%;
}
.comment-respond .comment-form p.comment-form-comment {
width: 100%;
}
.comment-respond .comment-form p.comment-form-author,
.comment-respond .comment-form p.comment-form-email,
.comment-respond .comment-form p.comment-form-url {
width: 31.5%;
display: inline-block;
margin-right: 2%;
}
.comment-respond .comment-form p.comment-form-url {
margin-right: 0;
}
.comment-respond .comment-form p textarea,
.comment-respond .comment-form p input {
font-size: 0.7778em;
}
.comment-respond .comment-form p:not(.comment-form-cookies-consent) label {
display: none;
}
.comment-respond .comment-form p.comment-form-cookies-consent {
position: relative;
width: 100%;
}
.comment-respond .comment-form p.comment-form-cookies-consent label {
font-size: 0.8888em;
line-height: 1.65em;
color: var(--font-color);
padding-left: 25px;
position: relative;
cursor: pointer;
display: inline-block;
width: auto;
}
.comment-respond .comment-form p.comment-form-cookies-consent label:hover {
text-decoration: underline;
}
.comment-respond .comment-form p.comment-form-cookies-consent label::before {
content: "";
width: 15px;
height: 15px;
border: 1px solid rgba(0, 0, 0, 0.3);
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23fff" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg>');
background-repeat: no-repeat;
background-size: 0;
background-position: center;
position: absolute;
top: 6px;
left: 0;
font-weight: normal;
text-align: center;
line-height: 14px;
font-size: 0;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.comment-respond .comment-form p.comment-form-cookies-consent input[type="checkbox"]:checked+label::before {
content: "";
border-color: #121212;
background-color: #121212;
background-size: 10px;
}
.comment-respond .comment-form p.comment-form-cookies-consent input[type="checkbox"] {
display: none;
}
.comment-form p.form-submit {
margin-bottom: 0;
margin-top: 0;
width: 100%;
}
.comment-form p.form-submit input[type="submit"] {
background: #121212;
border: none;
padding: 20px 35px;
}
.comment-form p.form-submit input[type="submit"]:hover {
background: var(--primary-color);
color: #fff;
}
/*=============================
sticky t bar
=============================*/
.sticky-bar-content {
background: var(--primary-color);
text-align: center;
color: #fff;
}
.sticky-bar-content .container {
font-size: 0.8888em;
line-height: 1.25;
padding: 15px 30px 15px 0;
}
.sticky-bar-content a {
display: inline-block;
color: #fff;
}
.sticky-t-bar .close {
background: none;
padding: 0;
width: 25px;
height: 25px;
position: absolute;
top: 12px;
right: 2%;
cursor: pointer;
z-index: 9999;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.custom-background .sticky-t-bar .close {
right: calc(100% - 90%);
}
.admin-bar .sticky-t-bar .close {
top: 45px;
}
.sticky-t-bar .close:hover {
background: rgba(0, 0, 0, 0.1);
}
.sticky-t-bar .close::before,
.sticky-t-bar .close::after {
content: "";
background: #fff;
width: 15px;
height: 1px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.sticky-t-bar .close::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.sticky-t-bar:not(.active) .close {
top: 0;
background: var(--primary-color);
}
.admin-bar .sticky-t-bar:not(.active) .close {
top: 32px;
}
.sticky-t-bar:not(.active) .close::before,
.sticky-t-bar:not(.active) .close::after {
width: 8px;
left: -5px;
height: 2px;
}
.sticky-t-bar:not(.active) .close::after {
left: 0;
right: -5px;
}
.sticky-t-bar .newsletter-inner-wrapper {
display: flex;
flex: 1;
flex-wrap: wrap;
justify-content: center;
align-items: center;
max-width: 1220px;
margin: 0 auto;
padding: 10px 0;
}
.sticky-t-bar .newsletter-inner-wrapper .text-holder {
margin-bottom: 0;
padding-right: 20px;
text-align: right;
}
.sticky-t-bar .newsletter-inner-wrapper h3 {
font-size: 1.1112em;
margin-top: 0;
margin-bottom: 0;
}
.sticky-t-bar .newsletter-inner-wrapper .text-holder span {
font-size: 0.8888em;
}
.sticky-t-bar .newsletter-inner-wrapper form {
display: flex;
flex-wrap: wrap;
text-align: left;
flex: inherit;
}
.sticky-t-bar .newsletter-inner-wrapper form input {
width: auto;
margin-bottom: 0;
margin-top: 0;
height: 40px;
}
.sticky-t-bar .newsletter-inner-wrapper form input[type="text"] {
border-color: rgba(0, 0, 0, 0.15);
margin-right: 5px;
}
.sticky-t-bar .newsletter-inner-wrapper form input[name="subscribe-email"] {
width: 60%;
}
.sticky-t-bar .newsletter-inner-wrapper form input[name="subscribe-fname"]+input[name="subscribe-email"] {
width: auto;
}
.sticky-t-bar .blossomthemes-email-newsletter-wrapper form .subscribe-inner-wrap input[type="checkbox"],
.sticky-t-bar .blossomthemes-email-newsletter-wrapper form label .check-mark {
top: 5px;
}
.sticky-t-bar .blossomthemes-email-newsletter-wrapper form .subscribe-inner-wrap input[type="checkbox"] {
height: auto;
}
.sticky-t-bar .newsletter-inner-wrapper form input[type="submit"] {
margin-top: 0 !important;
padding-top: 5px;
padding-bottom: 5px;
}
/*======================
HEADER T
======================*/
.header-t {
background: rgba(0, 0, 0, 0.03);
padding: 15px 0;
}
.header-t .container {
display: flex;
flex: 1;
flex-wrap: wrap;
align-items: center;
}
.secondary-menu {
display: flex;
flex: auto;
align-items: center;
}
.secondary-menu .toggle-btn {
display: none;
}
.secondary-menu ul {
margin: 0;
padding: 0;
list-style: none;
}
.secondary-menu ul li {
display: inline-block;
vertical-align: middle;
font-size: 0.7222em;
letter-spacing: 1px;
font-weight: 700;
line-height: 1.7;
position: relative;
}
.secondary-menu ul li .submenu-toggle {
top: 10px;
right: 13px;
font-size: 10px;
}
.secondary-menu ul ul li .submenu-toggle {
top: 20px;
}
.secondary-menu ul li a {
color: var(--font-color);
display: inline-block;
text-decoration: none;
padding: 5px 15px;
}
.secondary-menu ul li.menu-item-has-children>a {
padding-right: 25px;
}
.secondary-menu ul.nav-menu>li:first-child a {
padding-left: 0;
}
.secondary-menu ul li:hover>a,
.secondary-menu ul li.current-menu-item>a,
.secondary-menu ul li.current_page_item>a,
.secondary-menu ul li.current-menu-ancestor>a,
.secondary-menu ul li.current_page_ancestor>a,
.secondary-menu ul li:hover>.submenu-toggle,
.secondary-menu ul li.current-menu-item>.submenu-toggle,
.secondary-menu ul li.current_page_item>.submenu-toggle,
.secondary-menu ul li.current-menu-ancestor>.submenu-toggle,
.secondary-menu ul li.current_page_ancestor>.submenu-toggle {
color: var(--primary-color);
}
.secondary-menu ul li:hover>ul,
.secondary-menu ul li.focused>ul {
opacity: 1;
filter: alpha(opacity=100);
clip: inherit;
}
.secondary-menu ul ul {
opacity: 0;
clip: rect(1px, 1px, 1px, 1px);
position: absolute;
top: 100%;
left: 0;
width: 250px;
background: #ffffff;
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16);
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
z-index: 999;
}
.secondary-menu ul ul ul {
left: 100%;
top: 0;
}
.secondary-menu .nav-menu>li:nth-last-of-type(1)>ul,
.secondary-menu .nav-menu>li:nth-last-of-type(2)>ul,
.secondary-menu .nav-menu>li:nth-last-of-type(3)>ul {
left: auto;
right: 0;
}
.secondary-menu .nav-menu>li:nth-last-of-type(1)>ul ul,
.secondary-menu .nav-menu>li:nth-last-of-type(2)>ul ul,
.secondary-menu .nav-menu>li:nth-last-of-type(3)>ul ul {
left: auto;
right: 100%;
}
.secondary-menu ul ul li {
display: block;
font-size: 1em;
letter-spacing: 1px;
padding-right: 25px;
padding-left: 25px;
margin-right: 0;
border-right: none;
}
.secondary-menu ul ul li.menu-item-has-children .submenu-toggle {
right: 25px;
}
.secondary-menu ul ul li a {
display: block;
padding: 15px 0;
border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}
.secondary-menu ul ul li.menu-item-has-children>a {
padding-right: 20px;
}
.header-t .right {
display: flex;
flex: auto;
justify-content: flex-end;
align-items: center;
}
.header-social ul li {
display: inline-block;
font-size: 0.7778em;
}
.header-social ul li a {
display: inline-block;
color: #121212;
padding: 10px 7px;
line-height: 1;
}
.header-social ul li a:hover {
color: var(--primary-color);
}
.header-search {
position: relative;
line-height: 1;
}
.header-search .search-toggle,
.cart-block {
background: none;
color: var(--font-color);
font-size: 0.7778em;
padding: 5px 0;
line-height: 1;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.header-search .search-toggle:hover {
cursor: pointer;
color: var(--primary-color);
}
.header-search-wrap {
position: absolute;
top: -5px !important;
right: -30%;
z-index: 999;
background: #fff;
box-shadow: -5px 0 20px rgba(0, 0, 0, 0.07);
width: 300px;
opacity: 0;
visibility: hidden;
clip: rect(1px 1px 1px 1px);
-webkit-transition: opacity 0.35s ease, right 0.35s ease;
-moz-transition: opacity 0.35s ease, right 0.35s ease;
transition: opacity 0.35s ease, right 0.35s ease;
}
.active .header-search-wrap {
right: 0;
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
clip: inherit;
}
.header-search-inner-wrap {
display: flex;
flex: 1;
flex-wrap: wrap;
}
.header-search-wrap .close {
background: none;
padding: 0;
width: 30px;
height: 35px;
position: relative;
cursor: pointer;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.header-search-wrap .close:hover {
background: none;
}
.header-search-wrap .close::before,
.header-search-wrap .close::after {
content: "";
background: #999;
width: 15px;
height: 1px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.header-search-wrap .close::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.header-search-wrap .close:hover::before,
.header-search-wrap .close:hover::after {
background: #f00;
}
.header-search-wrap .search-form {
width: calc(100% - 30px);
position: relative;
padding-left: 30px;
}
.header-search-wrap .search-form::before {
content: "";
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23999" d="M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z"></path></svg>');
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 10px;
left: 10px;
width: 15px;
height: 15px;
}
.header-search-wrap .search-form label {
width: calc(100% - 35px);
}
.header-search-wrap .search-form .search-field {
height: 35px;
background: rgba(255, 255, 255, 0.85);
border-color: rgba(255, 255, 255, 0.3);
padding: 0 15px 0 5px;
}
.header-search-wrap .search-form .search-submit {
height: 35px;
width: 35px;
text-indent: 40px;
background-color: transparent;
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23999" d="M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z"></path></svg>');
background-size: 15px;
background-repeat: no-repeat;
background-position: center;
opacity: 0;
position: relative;
z-index: -1;
}
.header-search-wrap .search-form .search-submit:focus {
opacity: 1;
filter: alpha(opacity=100);
z-index: 9;
}
.cart-block {
margin-left: 15px;
}
.cart-block a {
color: #121212;
position: relative;
padding-right: 8px;
padding-top: 8px;
}
.cart-block a:hover {
color: var(--primary-color);
}
.cart-block a .number {
position: absolute;
top: 0;
right: 0;
background: var(--primary-color);
color: #fff;
width: 17px;
text-align: center;
height: 17px;
line-height: 17px;
border-radius: 100%;
font-size: 0.7778em;
font-weight: 600;
}
.header-t .header-social+.header-search,
.header-t .header-social+.cart-block {
border-left: 1px solid rgba(0, 0, 0, 0.15);
padding-left: 15px;
margin-left: 5px;
}
/*========================
HEADER MID
========================*/
.header-mid {
padding: 30px 0;
text-align: center;
}
.site-branding .site-title-wrap .site-title {
margin-top: 0;
margin-bottom: 0;
font-size: 1.6667em;
line-height: 1.3;
font-family: var(--secondary-font);
font-weight: 800;
}
.site-branding .site-title-wrap .site-title a {
color: #121212;
text-decoration: none;
}
.site-branding .site-title-wrap .site-description {
margin-top: 0;
margin-bottom: 0;
font-size: 0.7778em;
color: #777;
}
/*=============================
HEADER MAIN
=============================*/
.header-bottom {
border-top: 1px solid rgba(0, 0, 0, 0.07);
border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.main-navigation .toggle-btn,
.main-navigation .toggle-text {
display: none;
}
.main-navigation ul {
margin: 0;
padding: 0;
list-style: none;
text-align: center;
}
.main-navigation ul li {
display: inline-block;
vertical-align: middle;
font-size: 0.7222em;
letter-spacing: 1px;
font-weight: 700;
line-height: 1.75;
position: relative;
}
.submenu-toggle {
background: none;
padding: 0;
color: var(--font-color);
font-size: 12px;
display: block;
position: absolute;
top: 26px;
right: 19px;
text-align: center;
cursor: pointer;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.submenu-toggle:hover {
background: none;
color: var(--primary-color);
}
.sub-menu .menu-item-has-children .submenu-toggle {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.main-navigation ul li a {
color: var(--font-color);
display: inline-block;
text-decoration: none;
padding: 22px;
}
.main-navigation ul li.menu-item-has-children>a {
padding-right: 35px;
}
.main-navigation ul li:hover>a,
.main-navigation ul li.current-menu-item>a,
.main-navigation ul li.current_page_item>a,
.main-navigation ul li.current-menu-ancestor>a,
.main-navigation ul li.current_page_ancestor>a,
.main-navigation ul li:hover>.submenu-toggle,
.main-navigation ul li.current-menu-item>.submenu-toggle,
.main-navigation ul li.current_page_item>.submenu-toggle,
.main-navigation ul li.current-menu-ancestor>.submenu-toggle,
.main-navigation ul li.current_page_ancestor>.submenu-toggle {
color: var(--primary-color);
}
.main-navigation ul ul {
opacity: 0;
clip: rect(1px, 1px, 1px, 1px);
position: absolute;
top: 100%;
left: 0;
width: 250px;
background: #ffffff;
text-align: left;
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16);
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
z-index: 99999;
}
.main-navigation ul ul ul {
left: 100%;
top: 0;
}
.main-navigation ul li:hover>ul,
.main-navigation ul li.focused>ul {
opacity: 1;
filter: alpha(opacity=100);
clip: inherit;
}
.main-navigation ul ul li {
display: block;
font-size: 1em;
letter-spacing: 1px;
padding-right: 25px;
padding-left: 25px;
margin-right: 0;
border-right: none;
}
.main-navigation ul ul li.menu-item-has-children .submenu-toggle {
right: 25px;
top: 19px;
}
.main-navigation ul ul li a {
display: block;
padding: 15px 0;
border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}
.main-navigation ul ul li.menu-item-has-children>a {
padding-right: 20px;
}
/*========================
HEADER STYLE THREE
========================*/
.style-three .header-bottom .container {
display: flex;
flex: 1;
flex-wrap: wrap;
align-items: center;
}
.style-three .header-bottom .main-navigation {
display: flex;
flex: auto;
flex-wrap: wrap;
}
.style-three .header-bottom .right {
display: flex;
justify-content: flex-end;
align-items: center;
}
.style-three .header-bottom .header-social+.header-search,
.style-three .header-bottom .header-social+.cart-block {
border-left: 1px solid rgba(0, 0, 0, 0.15);
padding-left: 15px;
margin-left: 5px;
}
.site-header.style-one .header-search-wrap,
.site-header.style-three .header-search-wrap,
.site-header.style-six .header-search-wrap {
top: -2px !important;
}
/*========================
HEADER STYLE FOUR
========================*/
.site-header.style-four {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
margin-bottom: 20px;
}
.style-four .header-t .social-networks {
margin: 0;
padding: 0;
list-style: none;
}
.style-four .header-bottom {
border-bottom: none;
}
.style-four .header-bottom .container {
display: flex;
flex: 1;
flex-wrap: wrap;
align-items: center;
}
.style-four .header-bottom .main-navigation {
display: flex;
flex: auto;
flex-wrap: wrap;
}
.style-four .header-bottom .right {
display: flex;
justify-content: flex-end;
align-items: center;
}
.style-four .header-bottom .header-search+.cart-block {
border-left: 1px solid rgba(0, 0, 0, 0.15);
padding-left: 15px;
margin-left: 15px;
}
/*==========================
HEADER STYLE FIVE
==========================*/
.site-header.style-five .header-t {
padding-top: 10px;
padding-bottom: 10px;
}
.site-header.style-five .secondary-menu {
justify-content: center;
}
.site-header.style-five .header-mid .container {
display: flex;
flex: 1;
flex-wrap: wrap;
align-items: center;
}
.site-header.style-five .header-mid .site-branding {
order: 2;
display: flex;
flex-direction: column;
justify-content: center;
flex: auto;
}
.site-header.style-five .header-mid .header-social {
order: 1;
display: flex;
flex: 1;
flex-direction: column;
align-items: flex-start;
}
.site-header.style-five .header-mid .header-search {
order: 3;
display: flex;
flex: 1;
flex-direction: column;
align-items: flex-end;
}
.site-header.style-five .header-mid .header-search .search-form {
flex-wrap: inherit;
}
.site-header.style-five .header-mid .header-search .search-form label {
width: auto;
}
.site-header.style-five .header-mid .search-form .search-field {
border: none;
height: auto;
padding: 0;
}
.site-header.style-five .header-mid .search-form .search-submit {
background-color: transparent;
width: 30px;
height: auto;
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23000" d="M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z"></path></svg>');
background-repeat: no-repeat;
background-size: 15px;
background-position: center right;
border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.site-header.style-five .header-mid .search-form .search-submit:hover {
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%2390BAB5" d="M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z"></path></svg>');
}
/*=========================
HEADER STYLE SIX
=========================*/
.site-header.style-six .container {
display: flex;
flex: 1;
flex-wrap: wrap;
align-items: center;
}
.site-header.style-six .site-branding {
display: flex;
flex: 1;
flex-wrap: wrap;
align-items: center;
padding: 15px 0;
}
.site-header.style-six .site-branding .site-logo+.site-title-wrap {
padding-left: 15px;
}
.site-header.style-six .main-navigation ul li:nth-last-of-type(1)>a {
padding-right: 0;
}
.site-header.style-six .main-navigation ul li.menu-item-has-children:nth-last-of-type(1)>a {
padding-right: 15px;
}
.site-header.style-six .main-navigation ul li.menu-item-has-children:nth-last-of-type(1)>.submenu-toggle {
right: 0;
}
.main-navigation ul.nav-menu>li:nth-last-of-type(1)>ul,
.main-navigation ul.nav-menu>li:nth-last-of-type(2)>ul,
.main-navigation ul.nav-menu>li:nth-last-of-type(3)>ul {
left: auto;
right: 0;
}
/*========================
HEADER STYLE SEVEN
========================*/
.site-header.style-seven .header-bottom {
border-bottom: none;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
margin-bottom: 20px;
}
.site-header.style-seven .container {
display: flex;
flex: 1;
flex-wrap: wrap;
max-width: 100%;
padding: 0 3%;
align-items: center;
}
.site-header.style-seven .site-branding {
display: flex;
flex: initial;
flex-wrap: wrap;
align-items: center;
padding: 15px 0;
}
.site-header.style-seven .site-branding .site-logo+.site-title-wrap {
padding-left: 15px;
}
.site-header.style-seven .main-navigation {
display: flex;
flex: 2;
flex-direction: column;
align-items: flex-start;
}
.site-header.style-seven .right {
display: flex;
flex: 1;
flex-wrap: wrap;
justify-content: flex-end;
}
.site-header.style-seven .header-bottom .header-search {
padding-left: 10px;
}
.site-header.style-seven .header-bottom .header-search .search-form {
flex-wrap: inherit;
}
.site-header.style-seven .header-bottom .header-search .search-form label {
width: auto;
}
.site-header.style-seven .header-bottom .search-form .search-field {
border: none;
height: auto;
padding: 0;
}
.site-header.style-seven .header-bottom .search-form .search-submit {
background-color: transparent;
width: 30px;
height: auto;
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23000" d="M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z"></path></svg>');
background-repeat: no-repeat;
background-size: 15px;
background-position: center right;
border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.site-header.style-seven .header-bottom .search-form .search-submit:hover {
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%2390BAB5" d="M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z"></path></svg>');
}
/*========================
HEADER STYLE EIGHT
========================*/
.site-header.style-eight .container {
display: flex;
flex: 1;
flex-wrap: wrap;
align-items: center;
}
.site-header.style-eight .site-branding {
display: flex;
flex: auto;
flex-wrap: wrap;
align-items: center;
padding: 15px 0;
}
.site-header.style-eight .site-branding .site-logo+.site-title-wrap {
padding-left: 15px;
}
.site-header.style-eight .main-navigation {
display: flex;
flex: auto;
flex-direction: column;
align-items: flex-start;
}
.site-header.style-eight .right {
display: flex;
flex: auto;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
}
.style-eight .header-bottom .header-social+.header-search,
.style-eight .header-bottom .header-social+.cart-block {
border-left: 1px solid rgba(0, 0, 0, 0.15);
padding-left: 15px;
margin-left: 5px;
}
/*===========================
HEADER STYLE NINE
===========================*/
.site-header.style-nine .header-bottom {
border-bottom: none;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
margin-bottom: 20px;
}
.site-header.style-nine .container {
display: flex;
flex: 1;
flex-wrap: wrap;
align-items: center;
max-width: 100%;
padding: 0 3%;
}
.style-nine .header-bottom .secondary-menu {
flex: initial;
border-right: 1px solid rgba(0, 0, 0, 0.2);
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
}
.style-nine .header-bottom .secondary-menu .toggle-btn {
display: inline-block;
padding: 0;
width: 20px;
height: 20px;
background: none;
border: none;
position: relative;
cursor: pointer;
}
.style-nine .header-bottom .secondary-menu .toggle-btn .toggle-bar {
background: #333;
width: 100%;
height: 2px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.style-nine .header-bottom .secondary-menu .toggle-btn .toggle-bar:first-child {
top: -12px;
}
.style-nine .header-bottom .secondary-menu .toggle-btn .toggle-bar:last-child {
bottom: -12px;
}
.style-nine .header-bottom .secondary-menu .toggle-btn:hover .toggle-bar {
background: var(--primary-color);
}
.style-nine .header-bottom .secondary-menu ul.nav-menu {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 320px;
background: #fff;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
z-index: 999;
overflow: auto;
padding-top: 80px;
visibility: hidden;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
transform: translateX(-100%);
}
.style-nine .header-bottom .secondary-menu.menu-toggled ul.nav-menu {
visibility: visible;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
}
.style-nine .secondary-menu .nav-menu .close {
display: block;
width: 20px;
height: 20px;
position: fixed;
top: 30px;
right: 30px;
cursor: pointer;
}
.style-nine .secondary-menu .nav-menu .close::before,
.style-nine .secondary-menu .nav-menu .close::after {
content: "";
background: #333;
height: 2px;
width: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
.style-nine .secondary-menu .nav-menu .close::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.style-nine .secondary-menu .nav-menu .close:hover::before,
.style-nine .secondary-menu .nav-menu .close:hover::after {
background: #f00;
}
.style-nine .header-bottom .secondary-menu ul li {
display: block;
padding-left: 0;
padding-right: 0;
}
.style-nine .header-bottom .secondary-menu ul li a {
display: block;
padding: 25px 15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.style-nine .header-bottom .secondary-menu ul li.menu-item-has-children>a {
padding-right: 30px;
}
.style-nine .header-bottom .secondary-menu ul li .submenu-toggle {
top: 0;
width: 25px;
height: 60px;
font-size: inherit;
display: flex;
flex: 1;
justify-content: center;
align-items: center;
flex-direction: column;
right: 5px;
-webkit-transform: none;
-moz-transform: none;
transform: none;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.style-nine .header-bottom .secondary-menu ul li .submenu-toggle.active {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
.style-nine .secondary-menu ul ul {
display: none;
position: static;
width: 100%;
opacity: 1;
visibility: visible;
box-shadow: none;
background: rgba(0, 0, 0, 0.02);
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.site-header.style-nine .site-branding {
display: flex;
flex: auto;
flex-wrap: wrap;
align-items: center;
padding: 15px 0;
}
.style-nine .header-bottom .secondary-menu+.site-branding {
padding-left: 20px;
}
.site-header.style-nine .site-branding .site-logo+.site-title-wrap {
padding-left: 15px;
}
.site-header.style-nine .main-navigation {
display: flex;
flex: auto;
flex-direction: column;
align-items: flex-start;
}
.site-header.style-nine .right {
display: flex;
flex: auto;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
}
.style-nine .header-bottom .header-social+.header-search,
.style-nine .header-bottom .header-social+.cart-block {
border-left: 1px solid rgba(0, 0, 0, 0.15);
padding-left: 15px;
margin-left: 5px;
}
/*=========================
HEADER STYLE TEN
=========================*/
.site-header.style-ten {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
margin-bottom: 20px;
}
.site-header.style-ten .header-t {
background: none;
}
.site-header.style-ten .header-bottom {
border-bottom: none;
}
.site-header.style-ten .container {
display: flex;
flex: 1;
flex-wrap: wrap;
align-items: center;
justify-content: center;
max-width: 100%;
padding: 0 3%;
}
.site-header.style-ten .secondary-menu,
.site-header.style-ten .right {
flex: 1;
}
.style-ten .secondary-menu .toggle-btn {
display: inline-block;
padding: 0;
width: 20px;
height: 20px;
background: none;
border: none;
position: relative;
cursor: pointer;
}
.style-ten .secondary-menu .toggle-btn .toggle-bar {
background: #333;
width: 100%;
height: 2px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.style-ten .secondary-menu .toggle-btn .toggle-bar:first-child {
top: -12px;
}
.style-ten .secondary-menu .toggle-btn .toggle-bar:last-child {
bottom: -12px;
}
.style-ten .secondary-menu .toggle-btn:hover .toggle-bar {
background: var(--primary-color);
}
.style-ten .secondary-menu ul.nav-menu {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 320px;
background: #fff;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
z-index: 999;
overflow: auto;
padding-top: 80px;
visibility: hidden;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
transform: translateX(-100%);
}
.style-ten .secondary-menu.menu-toggled ul.nav-menu {
visibility: visible;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
}
.style-ten .secondary-menu .nav-menu .close {
display: block;
width: 20px;
height: 20px;
position: fixed;
top: 30px;
right: 30px;
cursor: pointer;
}
.style-ten .secondary-menu .nav-menu .close::before,
.style-ten .secondary-menu .nav-menu .close::after {
content: "";
background: #333;
height: 2px;
width: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
.style-ten .secondary-menu .nav-menu .close::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.style-ten .secondary-menu .nav-menu .close:hover::before,
.style-ten .secondary-menu .nav-menu .close:hover::after {
background: #f00;
}
.style-ten .secondary-menu ul li {
display: block;
padding-left: 0;
padding-right: 0;
}
.style-ten .secondary-menu ul li a {
display: block;
padding: 25px 15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.style-ten .secondary-menu ul li.menu-item-has-children>a {
padding-right: 30px;
}
.style-ten .secondary-menu ul li.menu-item-has-children .submenu-toggle {
top: 0;
width: 25px;
height: 60px;
font-size: inherit;
display: flex;
flex: 1;
justify-content: center;
align-items: center;
flex-direction: column;
right: 5px;
-webkit-transform: none;
-moz-transform: none;
transform: none;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.style-ten .secondary-menu ul li.menu-item-has-children .submenu-toggle.active {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
.style-ten .secondary-menu ul ul {
display: none;
position: static;
width: 100%;
opacity: 1;
visibility: visible;
box-shadow: none;
background: rgba(0, 0, 0, 0.02);
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.site-header.style-ten .site-branding {
display: flex;
flex-direction: column;
flex: auto;
justify-content: center;
align-items: center;
text-align: center;
}
/*===========================
HEADER STYLE ELEVEN
===========================*/
.site-header.style-eleven .header-mid .container {
display: flex;
flex: 1;
flex-wrap: wrap;
align-items: center;
max-width: 100%;
padding-left: 3%;
padding-right: 3%;
}
.site-header.style-eleven .site-branding {
display: flex;
flex: auto;
flex-wrap: wrap;
align-items: center;
text-align: left;
}
.site-header.style-eleven .site-branding .site-logo+.site-title-wrap {
padding-left: 15px;
}
.site-header.style-eleven .header-mid .right {
display: flex;
flex: auto;
justify-content: flex-end;
}
.style-eleven .header-bottom .container {
display: flex;
flex: 1;
flex-wrap: wrap;
align-items: center;
max-width: 100%;
padding-left: 3%;
padding-right: 3%;
}
.style-eleven .header-bottom .secondary-menu {
flex: initial;
border-right: 1px solid rgba(0, 0, 0, 0.1);
padding-right: 20px;
padding-top: 5px;
padding-bottom: 5px;
}
.style-eleven .header-bottom .secondary-menu .toggle-btn {
display: inline-block;
padding: 0;
width: 20px;
height: 20px;
background: none;
border: none;
position: relative;
cursor: pointer;
}
.style-eleven .header-bottom .secondary-menu .toggle-btn .toggle-bar {
background: #333;
width: 100%;
height: 2px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.style-eleven .header-bottom .secondary-menu .toggle-btn .toggle-bar:first-child {
top: -12px;
}
.style-eleven .header-bottom .secondary-menu .toggle-btn .toggle-bar:last-child {
bottom: -12px;
}
.style-eleven .header-bottom .secondary-menu .toggle-btn:hover .toggle-bar {
background: var(--primary-color);
}
.style-eleven .header-bottom .secondary-menu ul.nav-menu {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 320px;
background: #fff;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
z-index: 999;
overflow: auto;
padding-top: 80px;
visibility: hidden;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
transform: translateX(-100%);
}
.style-eleven .header-bottom .secondary-menu.menu-toggled ul.nav-menu {
visibility: visible;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
}
.style-eleven .secondary-menu .nav-menu .close {
display: block;
width: 20px;
height: 20px;
position: fixed;
top: 30px;
right: 30px;
cursor: pointer;
}
.style-eleven .secondary-menu .nav-menu .close::before,
.style-eleven .secondary-menu .nav-menu .close::after {
content: "";
background: #333;
height: 2px;
width: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
.style-eleven .secondary-menu .nav-menu .close::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.style-eleven .secondary-menu .nav-menu .close:hover::before,
.style-eleven .secondary-menu .nav-menu .close:hover::after {
background: #f00;
}
.style-eleven .header-bottom .secondary-menu ul li {
display: block;
padding-left: 0;
padding-right: 0;
}
.style-eleven .header-bottom .secondary-menu ul li a {
display: block;
padding: 25px 15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.style-eleven .header-bottom .secondary-menu ul li.menu-item-has-children>a {
padding-right: 30px;
}
.style-eleven .header-bottom .secondary-menu ul li .submenu-toggle {
top: 0;
width: 25px;
height: 60px;
font-size: inherit;
display: flex;
flex: 1;
justify-content: center;
align-items: center;
flex-direction: column;
right: 5px;
-webkit-transform: none;
-moz-transform: none;
transform: none;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.style-eleven .header-bottom .secondary-menu ul li .submenu-toggle.active {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
.style-eleven .secondary-menu ul ul {
display: none;
position: static;
width: 100%;
opacity: 1;
visibility: visible;
box-shadow: none;
background: rgba(0, 0, 0, 0.02);
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.style-eleven .header-bottom .main-navigation {
display: flex;
flex: auto;
flex-wrap: wrap;
}
.style-eleven .header-bottom .right {
display: flex;
justify-content: flex-end;
align-items: center;
}
.style-eleven .header-bottom .header-social+.header-search,
.style-eleven .header-bottom .header-social+.cart-block {
border-left: 1px solid rgba(0, 0, 0, 0.15);
padding-left: 15px;
margin-left: 5px;
}
/*===========================
HEADER STYLE TWELVE
===========================*/
.site-header.style-twelve .header-mid .container {
display: flex;
flex: 1;
flex-wrap: wrap;
align-items: center;
}
.site-header.style-twelve .site-branding {
display: flex;
flex: auto;
flex-wrap: wrap;
align-items: center;
text-align: left;
}
.site-header.style-twelve .site-branding .site-logo+.site-title-wrap {
padding-left: 15px;
}
.site-header.style-twelve .header-mid .right {
display: flex;
flex: auto;
justify-content: flex-end;
}
.style-twelve .header-bottom .container {
display: flex;
flex: 1;
flex-wrap: wrap;
align-items: center;
}
.style-twelve .header-bottom .secondary-menu {
flex: initial;
border-right: 1px solid rgba(0, 0, 0, 0.1);
padding-right: 20px;
padding-top: 5px;
padding-bottom: 5px;
}
.style-twelve .header-bottom .secondary-menu .toggle-btn {
display: inline-block;
padding: 0;
width: 20px;
height: 20px;
background: none;
border: none;
position: relative;
cursor: pointer;
}
.style-twelve .header-bottom .secondary-menu .toggle-btn .toggle-bar {
background: #333;
width: 100%;
height: 2px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.style-twelve .header-bottom .secondary-menu .toggle-btn .toggle-bar:first-child {
top: -12px;
}
.style-twelve .header-bottom .secondary-menu .toggle-btn .toggle-bar:last-child {
bottom: -12px;
}
.style-twelve .header-bottom .secondary-menu .toggle-btn:hover .toggle-bar {
background: var(--primary-color);
}
.style-twelve .header-bottom .secondary-menu ul.nav-menu {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 320px;
background: #fff;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
z-index: 999;
overflow: auto;
padding-top: 80px;
visibility: hidden;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
transform: translateX(-100%);
}
.style-twelve .header-bottom .secondary-menu.menu-toggled ul.nav-menu {
visibility: visible;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
}
.style-twelve .secondary-menu .nav-menu .close {
display: block;
width: 20px;
height: 20px;
position: fixed;
top: 30px;
right: 30px;
cursor: pointer;
}
.style-twelve .secondary-menu .nav-menu .close::before,
.style-twelve .secondary-menu .nav-menu .close::after {
content: "";
background: #333;
height: 2px;
width: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
.style-twelve .secondary-menu .nav-menu .close::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.style-twelve .secondary-menu .nav-menu .close:hover::before,
.style-twelve .secondary-menu .nav-menu .close:hover::after {
background: #f00;
}
.style-twelve .header-bottom .secondary-menu ul li {
display: block;
padding-left: 0;
padding-right: 0;
}
.style-twelve .header-bottom .secondary-menu ul li a {
display: block;
padding: 25px 15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.style-twelve .header-bottom .secondary-menu ul li.menu-item-has-children>a {
padding-right: 30px;
}
.style-twelve .header-bottom .secondary-menu ul li .submenu-toggle {
top: 0;
width: 25px;
height: 60px;
font-size: inherit;
display: flex;
flex: 1;
justify-content: center;
align-items: center;
flex-direction: column;
right: 5px;
-webkit-transform: none;
-moz-transform: none;
transform: none;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.style-twelve .header-bottom .secondary-menu ul li .submenu-toggle.active {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
.style-twelve .secondary-menu ul ul {
display: none;
position: static;
width: 100%;
opacity: 1;
visibility: visible;
box-shadow: none;
background: rgba(0, 0, 0, 0.02);
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.style-twelve .header-bottom .main-navigation {
display: flex;
flex: auto;
flex-wrap: wrap;
}
.style-twelve .header-bottom .right {
display: flex;
justify-content: flex-end;
align-items: center;
}
.style-twelve .header-bottom .header-social+.header-search,
.style-twelve .header-bottom .header-social+.cart-block {
border-left: 1px solid rgba(0, 0, 0, 0.15);
padding-left: 15px;
margin-left: 5px;
}
/*============================
HEADER STYLE THIRTEEN
============================*/
.site-header.style-thirteen {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.site-header.style-thirteen .header-t {
background: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 0;
}
.site-header.style-thirteen .header-social {
display: flex;
flex: auto;
flex-direction: column;
}
.site-header.style-thirteen .main-navigation {
display: flex;
flex: auto;
flex-direction: column;
align-items: center;
}
.site-header.style-thirteen .main-navigation ul li a {
padding-left: 15px;
padding-right: 15px;
}
.site-header.style-thirteen .main-navigation ul ul li a {
padding-left: 0;
padding-right: 0;
}
.site-header.style-thirteen .main-navigation ul li.menu-item-has-children>a {
padding-right: 35px;
}
/*============================
HEADER STYLE FOURTEEN
============================*/
.site-header.style-fourteen {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.site-header.style-fourteen .header-t {
background: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 0;
}
.site-header.style-fourteen .header-t .container {
max-width: 100%;
padding-left: 3%;
padding-right: 3%;
}
.site-header.style-fourteen .header-social {
display: flex;
flex: auto;
flex-direction: column;
}
.site-header.style-fourteen .main-navigation {
display: flex;
flex: auto;
flex-direction: column;
align-items: center;
}
.site-header.style-fourteen .main-navigation ul li a {
padding-left: 15px;
padding-right: 15px;
}
.site-header.style-fourteen .main-navigation ul ul li a {
padding-left: 0;
padding-right: 0;
}
.site-header.style-fourteen .main-navigation ul li.menu-item-has-children>a {
padding-right: 35px;
}
.site-header.style-fourteen .header-search .search-form {
flex-wrap: inherit;
}
.site-header.style-fourteen .header-search .search-form label {
width: auto;
}
.site-header.style-fourteen .search-form .search-field {
border: none;
height: auto;
padding: 0;
}
.site-header.style-fourteen .search-form .search-submit {
background-color: transparent;
width: 30px;
height: auto;
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23000" d="M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z"></path></svg>');
background-repeat: no-repeat;
background-size: 15px;
background-position: center right;
border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.site-header.style-fourteen .search-form .search-submit:hover {
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%2390BAB5" d="M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z"></path></svg>');
}
/*============================
HEADER STYLE FIFTEEN
============================*/
.site-header.style-fifteen .header-mid {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
position: relative;
/*z-index: 9999;*/
}
.site-header.style-fifteen .header-t {
background: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 0;
}
.site-header.style-fifteen .main-navigation {
display: flex;
flex: auto;
flex-direction: column;
align-items: center;
}
.style-fifteen .secondary-menu {
flex: initial;
border-right: 1px solid rgba(0, 0, 0, 0.1);
padding-right: 20px;
padding-top: 5px;
padding-bottom: 5px;
}
.style-fifteen .secondary-menu .toggle-btn {
display: inline-block;
padding: 0;
width: 20px;
height: 20px;
background: none;
border: none;
position: relative;
cursor: pointer;
}
.style-fifteen .secondary-menu .toggle-btn .toggle-bar {
background: #333;
width: 100%;
height: 2px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.style-fifteen .secondary-menu .toggle-btn .toggle-bar:first-child {
top: -12px;
}
.style-fifteen .secondary-menu .toggle-btn .toggle-bar:last-child {
bottom: -12px;
}
.style-fifteen .secondary-menu .toggle-btn:hover .toggle-bar {
background: var(--primary-color);
}
.style-fifteen .secondary-menu ul.nav-menu {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 320px;
background: #fff;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
z-index: 999;
overflow: auto;
padding-top: 80px;
visibility: hidden;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
transform: translateX(-100%);
}
.style-fifteen .secondary-menu.menu-toggled ul.nav-menu {
visibility: visible;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
}
.style-fifteen .secondary-menu .nav-menu .close {
display: block;
width: 20px;
height: 20px;
position: fixed;
top: 30px;
right: 30px;
cursor: pointer;
}
.style-fifteen .secondary-menu .nav-menu .close::before,
.style-fifteen .secondary-menu .nav-menu .close::after {
content: "";
background: #333;
height: 2px;
width: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
.style-fifteen .secondary-menu .nav-menu .close::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.style-fifteen .secondary-menu .nav-menu .close:hover::before,
.style-fifteen .secondary-menu .nav-menu .close:hover::after {
background: #f00;
}
.style-fifteen .secondary-menu ul li {
display: block;
padding-left: 0;
padding-right: 0;
}
.style-fifteen .secondary-menu ul li a {
display: block;
padding: 25px 15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.style-fifteen .secondary-menu ul li.menu-item-has-children>a {
padding-right: 30px;
}
.style-fifteen .secondary-menu ul li.menu-item-has-children .submenu-toggle {
top: 0;
width: 25px;
height: 60px;
font-size: inherit;
display: flex;
flex: 1;
justify-content: center;
align-items: center;
flex-direction: column;
right: 5px;
-webkit-transform: none;
-moz-transform: none;
transform: none;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.style-fifteen .secondary-menu ul li.menu-item-has-children .submenu-toggle.active {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
.style-fifteen .secondary-menu ul ul {
display: none;
position: static;
width: 100%;
opacity: 1;
visibility: visible;
box-shadow: none;
background: rgba(0, 0, 0, 0.02);
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.site-header.style-fifteen .header-mid .container {
display: flex;
flex: 1;
flex-wrap: wrap;
align-items: center;
justify-content: center;
max-width: 100%;
padding: 0 3%;
}
.site-header.style-fifteen .secondary-menu {
display: flex;
flex: 1;
flex-wrap: wrap;
padding: 0;
border-right: none;
text-align: left;
}
.site-header.style-fifteen .right {
display: flex;
flex: 1;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
}
.style-fifteen .header-mid .header-social+.header-search,
.style-fifteen .header-mid .header-social+.cart-block {
border-left: 1px solid rgba(0, 0, 0, 0.15);
padding-left: 15px;
margin-left: 5px;
}
.site-header.style-fifteen .site-branding {
display: flex;
flex-direction: column;
flex: auto;
justify-content: center;
align-items: center;
text-align: center;
}
/*===========================
HEADER STYLE SIXTEEN
===========================*/
.site-header.style-sixteen .header-mid {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
position: relative;
}
.site-header.style-sixteen .header-t {
background: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 0;
}
.site-header.style-sixteen .main-navigation {
display: flex;
flex: auto;
flex-direction: column;
align-items: center;
}
.style-sixteen .secondary-menu {
flex: initial;
border-right: 1px solid rgba(0, 0, 0, 0.1);
padding-right: 20px;
padding-top: 5px;
padding-bottom: 5px;
}
.style-sixteen .secondary-menu .toggle-btn {
display: inline-block;
padding: 0;
width: 20px;
height: 20px;
background: none;
border: none;
position: relative;
cursor: pointer;
}
.style-sixteen .secondary-menu .toggle-btn .toggle-bar {
background: #333;
width: 100%;
height: 2px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.style-sixteen .secondary-menu .toggle-btn .toggle-bar:first-child {
top: -12px;
}
.style-sixteen .secondary-menu .toggle-btn .toggle-bar:last-child {
bottom: -12px;
}
.style-sixteen .secondary-menu .toggle-btn:hover .toggle-bar {
background: var(--primary-color);
}
.style-sixteen .secondary-menu ul.nav-menu {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 320px;
background: #fff;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
z-index: 999;
overflow: auto;
padding-top: 80px;
visibility: hidden;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
transform: translateX(-100%);
}
.style-sixteen .secondary-menu.menu-toggled ul.nav-menu {
visibility: visible;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
}
.style-sixteen .secondary-menu .nav-menu .close {
display: block;
width: 20px;
height: 20px;
position: fixed;
top: 30px;
right: 30px;
cursor: pointer;
}
.style-sixteen .secondary-menu .nav-menu .close::before,
.style-sixteen .secondary-menu .nav-menu .close::after {
content: "";
background: #333;
height: 2px;
width: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
.style-sixteen .secondary-menu .nav-menu .close::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.style-sixteen .secondary-menu .nav-menu .close:hover::before,
.style-sixteen .secondary-menu .nav-menu .close:hover::after {
background: #f00;
}
.style-sixteen .secondary-menu ul li {
display: block;
padding-left: 0;
padding-right: 0;
}
.style-sixteen .secondary-menu ul li a {
display: block;
padding: 25px 15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.style-sixteen .secondary-menu ul li.menu-item-has-children>a {
padding-right: 30px;
}
.style-sixteen .secondary-menu ul li.menu-item-has-children .submenu-toggle {
top: 0;
width: 25px;
height: 60px;
font-size: inherit;
display: flex;
flex: 1;
justify-content: center;
align-items: center;
flex-direction: column;
right: 5px;
-webkit-transform: none;
-moz-transform: none;
transform: none;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.style-sixteen .secondary-menu ul li.menu-item-has-children .submenu-toggle.active {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
.style-sixteen .secondary-menu ul ul {
display: none;
position: static;
width: 100%;
opacity: 1;
visibility: visible;
box-shadow: none;
background: rgba(0, 0, 0, 0.02);
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.site-header.style-sixteen .header-mid .container {
display: flex;
flex: 1;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.site-header.style-sixteen .secondary-menu {
display: flex;
flex: 1;
flex-wrap: wrap;
padding: 0;
border-right: none;
text-align: left;
}
.site-header.style-sixteen .right {
display: flex;
flex: 1;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
}
.style-sixteen .header-mid .header-social+.header-search,
.style-sixteen .header-mid .header-social+.cart-block {
border-left: 1px solid rgba(0, 0, 0, 0.15);
padding-left: 15px;
margin-left: 5px;
}
.site-header.style-sixteen .site-branding {
display: flex;
flex-direction: column;
flex: auto;
justify-content: center;
align-items: center;
text-align: center;
}
/*===========================
HEADER STYLE SEVENTEEN
===========================*/
.site-header.style-seventeen .header-t {
background: none;
padding: 30px 0;
}
.site-header.style-seventeen .header-t .container {
display: flex;
flex: 1;
flex-wrap: wrap;
align-items: center;
justify-content: center;
max-width: 100%;
padding-left: 3%;
padding-right: 3%;
}
.site-header.style-seventeen .secondary-menu {
display: flex;
flex: 1;
flex-wrap: wrap;
padding: 0;
border-right: none;
text-align: left;
}
.site-header.style-seventeen .right {
display: flex;
flex: 1;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
}
.style-seventeen .header-t .header-social+.header-search,
.style-seventeen .header-t .header-social+.cart-block {
border-left: 1px solid rgba(0, 0, 0, 0.15);
padding-left: 15px;
margin-left: 5px;
}
.site-header.style-seventeen .site-branding {
display: flex;
flex-direction: column;
flex: auto;
justify-content: center;
align-items: center;
text-align: center;
}
.site-header.style-seventeen .header-mid {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
padding: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.site-header.style-seventeen .main-navigation {
display: flex;
flex: auto;
justify-content: center;
align-items: center;
}
.style-seventeen .secondary-menu {
flex: initial;
border-right: 1px solid rgba(0, 0, 0, 0.1);
padding-right: 20px;
padding-top: 5px;
padding-bottom: 5px;
}
.style-seventeen .secondary-menu .toggle-btn {
display: inline-block;
padding: 0;
width: 20px;
height: 20px;
background: none;
border: none;
position: relative;
cursor: pointer;
}
.style-seventeen .secondary-menu .toggle-btn .toggle-bar {
background: #333;
width: 100%;
height: 2px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.style-seventeen .secondary-menu .toggle-btn .toggle-bar:first-child {
top: -12px;
}
.style-seventeen .secondary-menu .toggle-btn .toggle-bar:last-child {
bottom: -12px;
}
.style-seventeen .secondary-menu .toggle-btn:hover .toggle-bar {
background: var(--primary-color);
}
.style-seventeen .secondary-menu ul.nav-menu {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 320px;
background: #fff;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
z-index: 9999;
overflow: auto;
padding-top: 80px;
visibility: hidden;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
transform: translateX(-100%);
}
.style-seventeen .secondary-menu.menu-toggled ul.nav-menu {
visibility: visible;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
}
.style-seventeen .secondary-menu .nav-menu .close {
display: block;
width: 20px;
height: 20px;
position: fixed;
top: 30px;
right: 30px;
cursor: pointer;
}
.style-seventeen .secondary-menu .nav-menu .close::before,
.style-seventeen .secondary-menu .nav-menu .close::after {
content: "";
background: #333;
height: 2px;
width: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
.style-seventeen .secondary-menu .nav-menu .close::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.style-seventeen .secondary-menu .nav-menu .close:hover::before,
.style-seventeen .secondary-menu .nav-menu .close:hover::after {
background: #f00;
}
.style-seventeen .secondary-menu ul li {
display: block;
padding-left: 0;
padding-right: 0;
}
.style-seventeen .secondary-menu ul li a {
display: block;
padding: 25px 15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.style-seventeen .secondary-menu ul li.menu-item-has-children>a {
padding-right: 30px;
}
.style-seventeen .secondary-menu ul li.menu-item-has-children .submenu-toggle {
top: 0;
width: 25px;
height: 60px;
font-size: inherit;
display: flex;
flex: 1;
justify-content: center;
align-items: center;
flex-direction: column;
right: 5px;
-webkit-transform: none;
-moz-transform: none;
transform: none;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.style-seventeen .secondary-menu ul li.menu-item-has-children .submenu-toggle.active {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
.style-seventeen .secondary-menu ul ul {
display: none;
position: static;
width: 100%;
opacity: 1;
visibility: visible;
box-shadow: none;
background: rgba(0, 0, 0, 0.02);
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
/*===========================
HEADER STYLE EIGHTEEN
===========================*/
.site-header.style-eighteen .header-t {
background: none;
padding: 30px 0;
}
.site-header.style-eighteen .header-t .container {
display: flex;
flex: 1;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.site-header.style-eighteen .secondary-menu {
display: flex;
flex: 1;
flex-wrap: wrap;
padding: 0;
border-right: none;
text-align: left;
}
.site-header.style-eighteen .right {
display: flex;
flex: 1;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
}
.style-eighteen .header-t .header-social+.header-search,
.style-eighteen .header-t .header-social+.cart-block {
border-left: 1px solid rgba(0, 0, 0, 0.15);
padding-left: 15px;
margin-left: 5px;
}
.site-header.style-eighteen .site-branding {
display: flex;
flex-direction: column;
flex: auto;
justify-content: center;
align-items: center;
text-align: center;
}
.site-header.style-eighteen .header-mid {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
padding: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.site-header.style-eighteen .main-navigation {
display: flex;
flex: auto;
flex-direction: column;
align-items: center;
}
.style-eighteen .secondary-menu {
flex: initial;
border-right: 1px solid rgba(0, 0, 0, 0.1);
padding-right: 20px;
padding-top: 5px;
padding-bottom: 5px;
}
.style-eighteen .secondary-menu .toggle-btn {
display: inline-block;
padding: 0;
width: 20px;
height: 20px;
background: none;
border: none;
position: relative;
cursor: pointer;
}
.style-eighteen .secondary-menu .toggle-btn .toggle-bar {
background: #333;
width: 100%;
height: 2px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.style-eighteen .secondary-menu .toggle-btn .toggle-bar:first-child {
top: -12px;
}
.style-eighteen .secondary-menu .toggle-btn .toggle-bar:last-child {
bottom: -12px;
}
.style-eighteen .secondary-menu .toggle-btn:hover .toggle-bar {
background: var(--primary-color);
}
.style-eighteen .secondary-menu ul.nav-menu {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 320px;
background: #fff;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
z-index: 9999;
overflow: auto;
padding-top: 80px;
visibility: hidden;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
transform: translateX(-100%);
}
.style-eighteen .secondary-menu.menu-toggled ul.nav-menu {
visibility: visible;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
}
.style-eighteen .secondary-menu .nav-menu .close {
display: block;
width: 20px;
height: 20px;
position: fixed;
top: 30px;
right: 30px;
cursor: pointer;
}
.style-eighteen .secondary-menu .nav-menu .close::before,
.style-eighteen .secondary-menu .nav-menu .close::after {
content: "";
background: #333;
height: 2px;
width: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
.style-eighteen .secondary-menu .nav-menu .close::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.style-eighteen .secondary-menu .nav-menu .close:hover::before,
.style-eighteen .secondary-menu .nav-menu .close:hover::after {
background: #f00;
}
.style-eighteen .secondary-menu ul li {
display: block;
padding-left: 0;
padding-right: 0;
}
.style-eighteen .secondary-menu ul li a {
display: block;
padding: 25px 15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.style-eighteen .secondary-menu ul li.menu-item-has-children>a {
padding-right: 30px;
}
.style-eighteen .secondary-menu ul li.menu-item-has-children .submenu-toggle {
top: 0;
width: 25px;
height: 60px;
font-size: inherit;
display: flex;
flex: 1;
justify-content: center;
align-items: center;
flex-direction: column;
right: 5px;
-webkit-transform: none;
-moz-transform: none;
transform: none;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.style-eighteen .secondary-menu ul li.menu-item-has-children .submenu-toggle.active {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
.style-eighteen .secondary-menu ul ul {
display: none;
position: static;
width: 100%;
opacity: 1;
visibility: visible;
box-shadow: none;
background: rgba(0, 0, 0, 0.02);
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
/*=========================
HEADER STYLE NINETEEN
=========================*/
.site-header.style-nineteen {
position: relative;
background-size: cover;
background-repeat: no-repeat;
}
.site-header.style-nineteen::before {
content: "";
background: rgba(0, 0, 0, 0.5);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.site-header.style-nineteen .header-mid {
position: relative;
z-index: 1;
}
.site-header.style-nineteen .site-branding .site-description {
color: #ddd;
}
.style-nineteen .header-bottom {
background: #fff;
border-bottom: none;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
position: relative;
}
.style-nineteen .header-bottom .container {
display: flex;
flex: 1;
flex-wrap: wrap;
max-width: 100%;
padding-left: 3%;
padding-right: 3%;
}
.style-nineteen .header-bottom .secondary-menu {
flex: 1;
}
.style-nineteen .header-bottom .secondary-menu .toggle-btn {
display: inline-block;
padding: 0;
width: 20px;
height: 20px;
background: none;
border: none;
position: relative;
cursor: pointer;
}
.style-nineteen .header-bottom .secondary-menu .toggle-btn .toggle-bar {
background: #333;
width: 100%;
height: 2px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.style-nineteen .header-bottom .secondary-menu .toggle-btn .toggle-bar:first-child {
top: -12px;
}
.style-nineteen .header-bottom .secondary-menu .toggle-btn .toggle-bar:last-child {
bottom: -12px;
}
.style-nineteen .header-bottom .secondary-menu .toggle-btn:hover .toggle-bar {
background: var(--primary-color);
}
.style-nineteen .header-bottom .secondary-menu ul.nav-menu {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 320px;
background: #fff;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
z-index: 99999;
overflow: auto;
padding-top: 80px;
visibility: hidden;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
transform: translateX(-100%);
}
.style-nineteen .header-bottom .secondary-menu.menu-toggled ul.nav-menu {
visibility: visible;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
}
.style-nineteen .secondary-menu .nav-menu .close {
display: block;
width: 20px;
height: 20px;
position: fixed;
top: 30px;
right: 30px;
cursor: pointer;
}
.style-nineteen .secondary-menu .nav-menu .close::before,
.style-nineteen .secondary-menu .nav-menu .close::after {
content: "";
background: #333;
height: 2px;
width: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
.style-nineteen .secondary-menu .nav-menu .close::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.style-nineteen .secondary-menu .nav-menu .close:hover::before,
.style-nineteen .secondary-menu .nav-menu .close:hover::after {
background: #f00;
}
.style-nineteen .header-bottom .secondary-menu ul li {
display: block;
padding-left: 0;
padding-right: 0;
}
.style-nineteen .header-bottom .secondary-menu ul li a {
display: block;
padding: 25px 15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.style-nineteen .header-bottom .secondary-menu ul li.menu-item-has-children>a {
padding-right: 30px;
}
.style-nineteen .header-bottom .secondary-menu ul li .submenu-toggle {
top: 0;
width: 25px;
height: 60px;
font-size: inherit;
display: flex;
flex: 1;
justify-content: center;
align-items: center;
flex-direction: column;
right: 5px;
-webkit-transform: none;
-moz-transform: none;
transform: none;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.style-nineteen .header-bottom .secondary-menu ul li .submenu-toggle.active {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
.style-nineteen .secondary-menu ul ul {
display: none;
position: static;
width: 100%;
opacity: 1;
visibility: visible;
box-shadow: none;
background: rgba(0, 0, 0, 0.02);
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.style-nineteen .header-bottom .main-navigation {
display: flex;
flex: 2;
flex-wrap: wrap;
justify-content: center;
}
.style-nineteen .header-bottom .right {
display: flex;
justify-content: flex-end;
flex: 1;
}
.style-nineteen .header-bottom .right>div {
padding-top: 0;
display: flex;
justify-content: center;
flex-direction: column;
}
.style-nineteen .header-bottom .header-social+.header-search,
.style-nineteen .header-bottom .header-social+.cart-block {
border-left: 1px solid rgba(0, 0, 0, 0.15);
padding-left: 15px;
margin-left: 5px;
}
.site-header.style-nineteen .header-search-wrap {
top: 11px;
}
/*========================
STICKY HEADER
========================*/
.sticky-header {
position: fixed;
top: -999px;
left: 0;
right: 0;
background: #fff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
z-index: 9999;
visibility: hidden;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.custom-background .sticky-header {
max-width: 85%;
margin-left: auto;
margin-right: auto;
}
.sticky-header.sticky {
visibility: visible;
top: 0;
}
.sticky-header .container {
display: flex;
flex: 1;
flex-wrap: wrap;
align-items: center;
}
.sticky-header .site-branding {
padding: 10px 0;
display: flex;
flex: 1;
flex-wrap: wrap;
align-items: center;
}
.site-header.style-ten .sticky-header .site-branding,
.site-header.style-fifteen .sticky-header .site-branding,
.site-header.style-sixteen .sticky-header .site-branding,
.site-header.style-seventeen .sticky-header .site-branding,
.site-header.style-eighteen .sticky-header .site-branding {
flex-direction: row;
justify-content: flex-start;
text-align: left;
}
.sticky-header .has-logo-text .site-title-wrap {
padding-left: 15px;
}
.site-header.style-nineteen .sticky-header .site-branding .site-description {
color: #777;
}
.sticky-header .main-navigation {
display: flex;
flex: 2;
justify-content: flex-end;
flex-wrap: wrap;
}
/*========================
SITE BANNER
========================*/
.site-banner .item {
position: relative;
}
.site-banner .banner-caption {
position: absolute;
bottom: 100px;
left: 0;
right: 0;
text-align: center;
}
.site-banner .banner-caption .container {
max-width: 860px;
}
.site-banner .banner-caption .cat-links {
font-size: 0.6666em;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 10px;
}
.site-banner.style-one .banner-caption .cat-links {
margin-bottom: 2px;
background: rgba(255, 255, 255, 0.95);
display: table;
padding: 3px 10px;
margin-left: auto;
margin-right: auto;
}
.site-banner .banner-caption .cat-links a {
display: inline-block;
color: var(--primary-color);
position: relative;
}
.site-banner .banner-caption .cat-links a::after {
content: ",";
margin-right: 5px;
font-size: 1.5em;
line-height: 1;
color: #777;
}
.site-banner .banner-caption .cat-links a:last-child::after {
display: none;
}
.site-banner .banner-caption .banner-title {
font-size: 2.67em;
line-height: 1.3;
font-family: var(--secondary-font);
font-weight: 500;
background: rgba(255, 255, 255, 0.95);
display: inline;
margin: 0;
}
.site-banner.style-one .banner-caption .banner-title {
padding: 0 10px;
}
.site-banner .banner-caption .banner-title a {
color: #121212;
text-decoration: none;
}
.site-banner .banner-caption .banner-title a:hover {
color: rgba(0, 0, 0, 0.6);
}
.promo-section .owl-carousel>.owl-nav button[class*="owl-"] {
left: -25px;
border-radius: 100%;
border: none;
background-color: rgba(255, 255, 255, 0.45);
}
.promo-section .owl-carousel>.owl-nav button.owl-next {
left: auto;
right: -25px;
}
.promo-section .owl-carousel>.owl-nav button[class*="owl-"]:hover {
background-color: var(--primary-color);
}
/*=========================
BANNER STYLE THREE
=========================*/
.site-banner.style-three .item {
padding-right: 1px;
}
.site-banner.style-three .banner-caption {
text-align: left;
bottom: 0;
background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.4));
background: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.4));
background: -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.4));
background: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.4));
background: linear-gradient(transparent, rgba(0, 0, 0, 0.4));
padding: 60px 40px 40px 40px;
}
.site-banner.style-three .banner-caption .container {
max-width: 100%;
}
.site-banner.style-three .banner-caption .cat-links a,
.site-banner.style-three .banner-caption .cat-links a::after {
color: #fff;
}
.site-banner.style-three .banner-caption .banner-title {
background: none;
color: #fff;
font-size: 2em;
}
.site-banner.style-three .banner-caption .banner-title a {
color: #fff;
}
.site-banner.style-three .banner-caption .banner-title a:hover {
color: rgba(255, 255, 255, 0.7);
}
.site-banner.style-three .banner-meta>span {
font-size: 0.6666em;
font-weight: 700;
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
position: relative;
}
.site-banner.style-three .banner-meta>span::after {
content: "";
background: rgba(255, 255, 255, 0.25);
width: 5px;
height: 5px;
display: inline-block;
margin: 0 5px;
vertical-align: middle;
border-radius: 100%;
}
.site-banner.style-three .banner-meta>span:last-child::after {
display: none;
}
.site-banner.style-three .banner-meta>span a {
color: #fff;
}
.site-banner.style-three .banner-meta>span a:hover {
color: var(--primary-color);
}
.site-banner.style-three .owl-carousel .owl-stage-outer+.owl-nav [class*="owl-"] {
left: 2%;
background-color: rgba(255, 255, 255, 0.3);
border-color: rgba(255, 255, 255, 0.3);
}
.site-banner.style-three .owl-carousel .owl-stage-outer+.owl-nav .owl-next {
left: auto;
right: 2%;
}
.site-banner.style-three .owl-carousel .owl-stage-outer+.owl-nav [class*="owl-"]:hover {
background-color: var(--primary-color);
border-color: var(--primary-color);
}
/*===========================
BANNER STYLE FOUR
===========================*/
.site-banner.style-four .banner-caption {
bottom: 0;
top: 0;
display: flex;
flex: 1;
flex-direction: column;
justify-content: center;
align-items: center;
}
.site-banner.style-four .banner-caption .container {
max-width: 600px;
background: rgba(255, 255, 255, 0.95);
padding: 40px;
}
.site-banner.style-four .banner-caption .banner-title {
font-size: 2em;
background: none;
}
.site-banner.style-four .banner-meta {
margin-top: 10px;
}
.site-banner.style-four .banner-meta>span {
font-size: 0.6666em;
font-weight: 700;
color: #999;
letter-spacing: 1px;
text-transform: uppercase;
position: relative;
}
.site-banner.style-four .banner-meta>span::after {
content: "";
background: rgba(0, 0, 0, 0.25);
width: 5px;
height: 5px;
display: inline-block;
margin: 0 5px;
vertical-align: middle;
border-radius: 100%;
}
.site-banner.style-four .banner-meta>span:last-child::after {
display: none;
}
.site-banner.style-four .banner-meta>span a {
color: #999;
}
.site-banner.style-four .banner-meta>span a:hover {
color: var(--primary-color);
}
.site-banner.style-four .owl-carousel .owl-stage-outer+.owl-nav [class*="owl-"] {
left: -7%;
}
.site-banner.style-four .owl-carousel .owl-stage-outer+.owl-nav .owl-next {
left: auto;
right: -7%;
}
/*=============================
BANNER STYLE FIVE
=============================*/
.site-banner.style-five .banner-caption {
text-align: left;
bottom: 0;
background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.4));
background: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.4));
background: -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.4));
background: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.4));
background: linear-gradient(transparent, rgba(0, 0, 0, 0.4));
padding: 60px 40px 40px 40px;
}
.site-banner.style-five .banner-caption .container {
max-width: 100%;
}
.site-banner.style-five .banner-caption .cat-links a,
.site-banner.style-five .banner-caption .cat-links a::after {
color: #fff;
}
.site-banner.style-five .banner-caption .banner-title {
background: none;
color: #fff;
font-size: 1.3333em;
}
.site-banner.style-five .banner-caption .banner-title a {
color: #fff;
}
.site-banner.style-five .banner-caption .banner-title a:hover {
color: rgba(255, 255, 255, 0.7);
}
.site-banner.style-five .banner-meta>span {
font-size: 0.6666em;
font-weight: 700;
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
position: relative;
}
.site-banner.style-five .banner-meta>span::after {
content: "";
background: rgba(255, 255, 255, 0.25);
width: 5px;
height: 5px;
display: inline-block;
margin: 0 5px;
vertical-align: middle;
border-radius: 100%;
}
.site-banner.style-five .banner-meta>span:last-child::after {
display: none;
}
.site-banner.style-five .banner-meta>span a {
color: #fff;
}
.site-banner.style-five .banner-meta>span a:hover {
color: var(--primary-color);
}
.site-banner.style-five .owl-carousel .owl-stage-outer+.owl-nav [class*="owl-"] {
left: 2%;
background-color: rgba(255, 255, 255, 0.8);
border-color: rgba(255, 255, 255, 0.8);
}
.site-banner.style-five .owl-carousel .owl-stage-outer+.owl-nav .owl-next {
left: auto;
right: 2%;
}
.site-banner.style-five .owl-carousel .owl-stage-outer+.owl-nav [class*="owl-"]:hover {
background-color: var(--primary-color);
border-color: var(--primary-color);
}
/*===========================
BANNER STYLE SEVEN
===========================*/
.site-banner.style-seven .item-wrap {
padding-left: 3%;
padding-right: 3%;
}
.site-banner.style-seven .banner-caption {
bottom: 0;
top: 0;
display: flex;
flex: 1;
flex-direction: column;
justify-content: center;
align-items: center;
}
.site-banner.style-seven .banner-caption .container {
max-width: 600px;
background: rgba(255, 255, 255, 0.95);
padding: 40px;
}
.site-banner.style-seven .banner-caption .banner-title {
font-size: 2em;
background: none;
}
.site-banner.style-seven .banner-meta {
margin-top: 10px;
}
.site-banner.style-seven .banner-meta>span {
font-size: 0.6666em;
font-weight: 700;
color: #999;
letter-spacing: 1px;
text-transform: uppercase;
position: relative;
}
.site-banner.style-seven .banner-meta>span::after {
content: "";
background: rgba(0, 0, 0, 0.25);
width: 5px;
height: 5px;
display: inline-block;
margin: 0 5px;
vertical-align: middle;
border-radius: 100%;
}
.site-banner.style-seven .banner-meta>span:last-child::after {
display: none;
}
.site-banner.style-seven .banner-meta>span a {
color: #999;
}
.site-banner.style-seven .banner-meta>span a:hover {
color: var(--primary-color);
}
.site-banner.style-seven .owl-carousel .owl-stage-outer+.owl-nav [class*="owl-"] {
background-color: #1A1A1A;
border: none;
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23fff" d="M152.485 396.284l19.626-19.626c4.753-4.753 4.675-12.484-.173-17.14L91.22 282H436c6.627 0 12-5.373 12-12v-28c0-6.627-5.373-12-12-12H91.22l80.717-77.518c4.849-4.656 4.927-12.387.173-17.14l-19.626-19.626c-4.686-4.686-12.284-4.686-16.971 0L3.716 247.515c-4.686 4.686-4.686 12.284 0 16.971l131.799 131.799c4.686 4.685 12.284 4.685 16.97-.001z"></path></svg>');
left: 1.5%;
}
.site-banner.style-seven .owl-carousel .owl-stage-outer+.owl-nav [class*="owl-"]:hover {
background-color: var(--primary-color);
}
.site-banner.style-seven .owl-carousel .owl-stage-outer+.owl-nav .owl-next {
left: auto;
right: 1.5%;
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23fff" d="M295.515 115.716l-19.626 19.626c-4.753 4.753-4.675 12.484.173 17.14L356.78 230H12c-6.627 0-12 5.373-12 12v28c0 6.627 5.373 12 12 12h344.78l-80.717 77.518c-4.849 4.656-4.927 12.387-.173 17.14l19.626 19.626c4.686 4.686 12.284 4.686 16.971 0l131.799-131.799c4.686-4.686 4.686-12.284 0-16.971L312.485 115.716c-4.686-4.686-12.284-4.686-16.97 0z"></path></svg>');
}
/*===========================
BANNER STYLE EIGHT
===========================*/
.site-banner.style-eight .banner-caption {
text-align: left;
bottom: 0;
background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.5));
background: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.5));
background: -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.5));
background: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.5));
background: linear-gradient(transparent, rgba(0, 0, 0, 0.5));
padding: 80px 0;
text-align: center;
}
.site-banner.style-eight .banner-caption .container {
max-width: 990px;
}
.site-banner.style-eight .banner-caption .cat-links a,
.site-banner.style-eight .banner-caption .cat-links a::after {
color: #fff;
}
.site-banner.style-eight .banner-caption .banner-title {
background: none;
color: #fff;
font-size: 2.67em;
}
.site-banner.style-eight .banner-caption .banner-title a {
color: #fff;
}
.site-banner.style-eight .banner-caption .banner-title a:hover {
color: rgba(255, 255, 255, 0.75);
}
.site-banner.style-eight .banner-meta>span {
font-size: 0.6666em;
font-weight: 700;
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
position: relative;
}
.site-banner.style-eight .banner-meta>span::after {
content: "";
background: rgba(255, 255, 255, 0.25);
width: 5px;
height: 5px;
display: inline-block;
margin: 0 5px;
vertical-align: middle;
border-radius: 100%;
}
.site-banner.style-eight .banner-meta>span:last-child::after {
display: none;
}
.site-banner.style-eight .banner-meta>span a {
color: #fff;
}
.site-banner.style-eight .banner-meta>span a:hover {
color: var(--primary-color);
}
.site-banner.style-eight .owl-carousel .owl-stage-outer+.owl-nav [class*="owl-"] {
left: 3%;
border: none;
background-color: rgba(0, 0, 0, 0.5);
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23fff" d="M152.485 396.284l19.626-19.626c4.753-4.753 4.675-12.484-.173-17.14L91.22 282H436c6.627 0 12-5.373 12-12v-28c0-6.627-5.373-12-12-12H91.22l80.717-77.518c4.849-4.656 4.927-12.387.173-17.14l-19.626-19.626c-4.686-4.686-12.284-4.686-16.971 0L3.716 247.515c-4.686 4.686-4.686 12.284 0 16.971l131.799 131.799c4.686 4.685 12.284 4.685 16.97-.001z"></path></svg>');
}
.site-banner.style-eight .owl-carousel .owl-stage-outer+.owl-nav .owl-next {
left: auto;
right: 3%;
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23fff" d="M295.515 115.716l-19.626 19.626c-4.753 4.753-4.675 12.484.173 17.14L356.78 230H12c-6.627 0-12 5.373-12 12v28c0 6.627 5.373 12 12 12h344.78l-80.717 77.518c-4.849 4.656-4.927 12.387-.173 17.14l19.626 19.626c4.686 4.686 12.284 4.686 16.971 0l131.799-131.799c4.686-4.686 4.686-12.284 0-16.971L312.485 115.716c-4.686-4.686-12.284-4.686-16.97 0z"></path></svg>');
}
.site-banner.style-eight .owl-carousel .owl-stage-outer+.owl-nav [class*="owl-"]:hover {
background-color: var(--primary-color);
}
/*===========================
BANNER STYLE NINE
===========================*/
.site-banner.style-nine .item-holder {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-gap: 8px;
}
.site-banner.style-nine .item-holder .item:first-child {
grid-column: 1 / span 2;
grid-row: 1 / span 2;
}
.site-banner.style-nine .item-holder .item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.site-banner.style-nine .banner-caption {
text-align: left;
bottom: 0;
background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.4));
background: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.4));
background: -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.4));
background: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.4));
background: linear-gradient(transparent, rgba(0, 0, 0, 0.4));
padding: 100px 60px 60px 60px;
}
.site-banner.style-nine .item:not(:first-child) .banner-caption {
padding: 60px 30px 30px 30px;
}
.site-banner.style-nine .banner-caption .container {
max-width: 100%;
}
.site-banner.style-nine .banner-caption .cat-links a,
.site-banner.style-nine .banner-caption .cat-links a::after {
color: #fff;
}
.site-banner.style-nine .banner-caption .banner-title {
background: none;
color: #fff;
font-size: 1.3333em;
}
.site-banner.style-nine .item:first-child .banner-caption .banner-title {
font-size: 2.2223em;
}
.site-banner.style-nine .banner-caption .banner-title a {
color: #fff;
}
.site-banner.style-nine .banner-caption .banner-title a:hover {
color: rgba(255, 255, 255, 0.7);
}
.site-banner.style-nine .banner-meta>span {
font-size: 0.6666em;
font-weight: 700;
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
position: relative;
}
.site-banner.style-nine .banner-meta>span::after {
content: "";
background: rgba(255, 255, 255, 0.25);
width: 5px;
height: 5px;
display: inline-block;
margin: 0 5px;
vertical-align: middle;
border-radius: 100%;
}
.site-banner.style-nine .banner-meta>span:last-child::after {
display: none;
}
.site-banner.style-nine .banner-meta>span a {
color: #fff;
}
.site-banner.style-nine .banner-meta>span a:hover {
color: var(--primary-color);
}
.site-banner.style-nine .owl-carousel .owl-stage-outer+.owl-nav [class*="owl-"] {
left: -60px;
border: none;
background-color: rgba(0, 0, 0, 0.5);
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23fff" d="M152.485 396.284l19.626-19.626c4.753-4.753 4.675-12.484-.173-17.14L91.22 282H436c6.627 0 12-5.373 12-12v-28c0-6.627-5.373-12-12-12H91.22l80.717-77.518c4.849-4.656 4.927-12.387.173-17.14l-19.626-19.626c-4.686-4.686-12.284-4.686-16.971 0L3.716 247.515c-4.686 4.686-4.686 12.284 0 16.971l131.799 131.799c4.686 4.685 12.284 4.685 16.97-.001z"></path></svg>');
}
.site-banner.style-nine .owl-carousel .owl-stage-outer+.owl-nav .owl-next {
left: auto;
right: -60px;
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23fff" d="M295.515 115.716l-19.626 19.626c-4.753 4.753-4.675 12.484.173 17.14L356.78 230H12c-6.627 0-12 5.373-12 12v28c0 6.627 5.373 12 12 12h344.78l-80.717 77.518c-4.849 4.656-4.927 12.387-.173 17.14l19.626 19.626c4.686 4.686 12.284 4.686 16.971 0l131.799-131.799c4.686-4.686 4.686-12.284 0-16.971L312.485 115.716c-4.686-4.686-12.284-4.686-16.97 0z"></path></svg>');
}
.site-banner.style-nine .owl-carousel .owl-stage-outer+.owl-nav [class*="owl-"]:hover {
background-color: var(--primary-color);
}
/*=============================
BANNER STYLE TEN
=============================*/
.site-banner.style-ten .owl-stage {
display: flex;
flex: 1;
flex-wrap: wrap;
}
.site-banner.style-ten .owl-item {
display: flex;
flex: auto;
flex-direction: column;
}
.site-banner.style-ten .item {
display: flex;
flex: 1;
flex-wrap: wrap;
}
.site-banner.style-ten .item .banner-img-wrap {
width: 60%;
display: flex;
flex-direction: column;
}
.site-banner.style-ten .item .banner-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
}
.banner-img-wrap .svg-holder,
.banner-img-wrap .fallback-svg {
width: 100%;
height: 100%;
}
.site-banner.style-ten .item .banner-caption {
position: static;
width: 40%;
text-align: left;
padding: 40px;
background: rgba(var(--primary-color-rgb), 0.15);
display: flex;
flex-direction: column;
justify-content: center;
}
.site-banner.style-ten .banner-caption .cat-links {
font-size: 0.7778em;
}
.site-banner.style-ten .banner-caption .cat-links a,
.site-banner.style-ten .banner-caption .cat-links a::after {
color: #121212;
}
.site-banner.style-ten .banner-caption .banner-title {
background: none;
font-size: 2.67em;
}
.site-banner.style-ten .item .banner-desc {
margin-top: 20px;
}
.site-banner.style-ten .item .banner-meta {
margin-top: 15px;
}
.site-banner.style-ten .banner-meta>span {
font-size: 0.7778em;
color: #121212;
letter-spacing: 1px;
text-transform: uppercase;
position: relative;
}
.site-banner.style-ten .banner-meta>span::after {
content: "";
background: rgba(0, 0, 0, 0.25);
width: 5px;
height: 5px;
display: inline-block;
margin: -3px 5px 0 5px;
vertical-align: middle;
border-radius: 100%;
}
.site-banner.style-ten .banner-meta>span:last-child::after {
display: none;
}
.site-banner.style-ten .banner-meta>span a {
color: #121212;
font-weight: 700;
}
.site-banner.style-ten .banner-meta>span a:hover {
color: var(--primary-color);
}
.site-banner.style-ten .owl-carousel .owl-stage-outer+.owl-nav [class*="owl-"] {
left: -60px;
border: none;
background-color: rgba(0, 0, 0, 0.5);
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23fff" d="M152.485 396.284l19.626-19.626c4.753-4.753 4.675-12.484-.173-17.14L91.22 282H436c6.627 0 12-5.373 12-12v-28c0-6.627-5.373-12-12-12H91.22l80.717-77.518c4.849-4.656 4.927-12.387.173-17.14l-19.626-19.626c-4.686-4.686-12.284-4.686-16.971 0L3.716 247.515c-4.686 4.686-4.686 12.284 0 16.971l131.799 131.799c4.686 4.685 12.284 4.685 16.97-.001z"></path></svg>');
}
.site-banner.style-ten .owl-carousel .owl-stage-outer+.owl-nav .owl-next {
left: auto;
right: -60px;
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23fff" d="M295.515 115.716l-19.626 19.626c-4.753 4.753-4.675 12.484.173 17.14L356.78 230H12c-6.627 0-12 5.373-12 12v28c0 6.627 5.373 12 12 12h344.78l-80.717 77.518c-4.849 4.656-4.927 12.387-.173 17.14l19.626 19.626c4.686 4.686 12.284 4.686 16.971 0l131.799-131.799c4.686-4.686 4.686-12.284 0-16.971L312.485 115.716c-4.686-4.686-12.284-4.686-16.97 0z"></path></svg>');
}
.site-banner.style-ten .owl-carousel .owl-stage-outer+.owl-nav [class*="owl-"]:hover {
background-color: var(--primary-color);
}
/*=============================
BANNER STYLE ELEVEN
=============================*/
.site-banner.style-eleven .owl-stage {
display: flex;
flex: 1;
flex-wrap: wrap;
}
.site-banner.style-eleven .owl-item {
display: flex;
flex: auto;
flex-direction: column;
}
.site-banner.style-eleven .item {
display: flex;
flex: 1;
flex-wrap: wrap;
}
.site-banner.style-eleven .item .banner-img-wrap {
width: 63%;
display: flex;
flex-direction: column;
}
.site-banner.style-eleven .item .banner-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
}
.site-banner.style-eleven .item .banner-caption {
position: static;
width: 37%;
text-align: left;
padding: 40px 11% 40px 40px;
background: rgba(var(--primary-color-rgb), 0.15);
display: flex;
flex-direction: column;
justify-content: center;
}
.site-banner.style-eleven .banner-caption .cat-links {
font-size: 0.7778em;
}
.site-banner.style-eleven .banner-caption .cat-links a,
.site-banner.style-eleven .banner-caption .cat-links a::after {
color: #121212;
}
.site-banner.style-eleven .banner-caption .banner-title {
background: none;
font-size: 2.67em;
}
.site-banner.style-eleven .item .banner-desc {
margin-top: 20px;
}
.site-banner.style-eleven .item .banner-meta {
margin-top: 15px;
}
.site-banner.style-eleven .banner-meta>span {
font-size: 0.7778em;
color: #121212;
letter-spacing: 1px;
text-transform: uppercase;
position: relative;
}
.site-banner.style-eleven .banner-meta>span::after {
content: "";
background: rgba(0, 0, 0, 0.25);
width: 5px;
height: 5px;
display: inline-block;
margin: -3px 5px 0 5px;
vertical-align: middle;
border-radius: 100%;
}
.site-banner.style-eleven .banner-meta>span:last-child::after {
display: none;
}
.site-banner.style-eleven .banner-meta>span a {
color: #121212;
font-weight: 700;
}
.site-banner.style-eleven .banner-meta>span a:hover {
color: var(--primary-color);
}
.site-banner.style-eleven .owl-carousel .owl-stage-outer+.owl-nav [class*="owl-"] {
left: 3%;
border: none;
background-color: rgba(0, 0, 0, 0.5);
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23fff" d="M152.485 396.284l19.626-19.626c4.753-4.753 4.675-12.484-.173-17.14L91.22 282H436c6.627 0 12-5.373 12-12v-28c0-6.627-5.373-12-12-12H91.22l80.717-77.518c4.849-4.656 4.927-12.387.173-17.14l-19.626-19.626c-4.686-4.686-12.284-4.686-16.971 0L3.716 247.515c-4.686 4.686-4.686 12.284 0 16.971l131.799 131.799c4.686 4.685 12.284 4.685 16.97-.001z"></path></svg>');
}
.site-banner.style-eleven .owl-carousel .owl-stage-outer+.owl-nav .owl-next {
left: auto;
right: 3%;
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23fff" d="M295.515 115.716l-19.626 19.626c-4.753 4.753-4.675 12.484.173 17.14L356.78 230H12c-6.627 0-12 5.373-12 12v28c0 6.627 5.373 12 12 12h344.78l-80.717 77.518c-4.849 4.656-4.927 12.387-.173 17.14l19.626 19.626c4.686 4.686 12.284 4.686 16.971 0l131.799-131.799c4.686-4.686 4.686-12.284 0-16.971L312.485 115.716c-4.686-4.686-12.284-4.686-16.97 0z"></path></svg>');
}
.site-banner.style-eleven .owl-carousel .owl-stage-outer+.owl-nav [class*="owl-"]:hover {
background-color: var(--primary-color);
}
/*============================
BANNER STYLE SIX
============================*/
.site-banner.style-six {
position: relative;
}
.site-banner.style-six .banner-caption {
text-align: left;
bottom: 0;
background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.4));
background: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.4));
background: -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.4));
background: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.4));
background: linear-gradient(transparent, rgba(0, 0, 0, 0.4));
padding: 100px 60px 60px 60px;
}
.site-banner.style-six .banner-caption .container {
max-width: 100%;
}
.site-banner.style-six .owl-item:not(.center) .banner-caption .container {
display: none;
}
.site-banner.style-six .banner-caption .cat-links a,
.site-banner.style-six .banner-caption .cat-links a::after {
color: #fff;
}
.site-banner.style-six .banner-caption .banner-title {
background: none;
color: #fff;
font-size: 2.2223em;
}
.site-banner.style-six .banner-caption .banner-title a {
color: #fff;
}
.site-banner.style-six .banner-caption .banner-title a:hover {
color: rgba(255, 255, 255, 0.7);
}
.site-banner.style-six .banner-meta>span {
font-size: 0.6666em;
font-weight: 700;
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
position: relative;
}
.site-banner.style-six .banner-meta>span::after {
content: "";
background: rgba(255, 255, 255, 0.25);
width: 5px;
height: 5px;
display: inline-block;
margin: 0 5px;
vertical-align: middle;
border-radius: 100%;
}
.site-banner.style-six .banner-meta>span:last-child::after {
display: none;
}
.site-banner.style-six .banner-meta>span a {
color: #fff;
}
.site-banner.style-six .banner-meta>span a:hover {
color: var(--primary-color);
}
.site-banner.style-six .owl-carousel .owl-stage-outer+.owl-nav [class*="owl-"] {
left: 3%;
border: none;
background: none;
height: 100%;
width: auto;
max-width: 275px;
text-indent: 0;
text-align: left;
display: flex;
flex-direction: column;
flex: 1;
justify-content: flex-end;
top: 0;
transform: none;
padding-bottom: 50px !important;
}
.site-banner.style-six .owl-carousel .owl-stage-outer+.owl-nav .owl-next {
left: auto;
right: 3%;
text-align: right;
align-items: flex-end;
}
.site-banner.style-six .owl-carousel .owl-stage-outer+.owl-nav [class*="owl-"]:hover {
background: none;
}
.site-banner.style-six .owl-carousel [class*="owl-"] .nav-arrow {
width: 50px;
height: 50px;
background: rgba(0, 0, 0, 0.5);
display: block;
padding: 15px;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.site-banner.style-six .owl-carousel .owl-next .nav-arrow {
left: auto;
right: 0;
}
.site-banner.style-six .owl-carousel [class*="owl-"]:hover>.nav-arrow {
background: var(--primary-color);
}
.site-banner.style-six .owl-carousel [class*="owl-"] .nav-arrow svg {
margin-top: -1px;
}
.site-banner.style-six .owl-carousel .owl-nav [class*="owl-"] a {
pointer-events: none;
}
.site-banner.style-six .owl-carousel .owl-nav [class*="owl-"] .cat-links {
margin-top: 0;
margin-bottom: 0;
font-size: 0.6666em;
font-weight: 700;
letter-spacing: 1px;
}
.site-banner.style-six .owl-carousel .owl-nav [class*="owl-"] .cat-links a {
display: inline-block;
color: #fff;
}
.site-banner.style-six .owl-carousel .owl-nav [class*="owl-"] .cat-links a::after {
content: ",";
margin-right: 3px;
margin-left: 1px;
font-size: 1.5em;
line-height: 1;
}
.site-banner.style-six .owl-carousel .owl-nav [class*="owl-"] .cat-links a:last-child::after {
display: none;
}
.site-banner.style-six .owl-carousel .owl-nav [class*="owl-"] .banner-title {
margin-top: 10px;
margin-bottom: 0;
font-size: 1.3333em;
font-family: var(--secondary-font);
font-weight: 500;
line-height: 1.2;
text-transform: none;
}
.site-banner.style-six .owl-carousel .owl-nav [class*="owl-"] .banner-title a {
color: #fff;
text-decoration: none;
}
/*=======================
VIDEO BANNER
=======================*/
.video-banner #wp-custom-header {
position: relative;
height: 0;
padding-top: 56.25%;
}
.video-banner #wp-custom-header::before {
content: "";
background: rgba(0, 0, 0, 0.15);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.video-banner #wp-custom-header iframe,
.video-banner .wp-custom-header video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-banner #wp-custom-header .wp-custom-header-video-button {
position: absolute;
bottom: 30px;
right: 0;
padding: 0;
width: 50px;
height: 50px;
left: 0;
margin: auto;
background: none;
border: none;
border-radius: 100%;
box-shadow: none;
text-indent: 100px;
overflow: hidden;
white-space: nowrap;
z-index: 99;
}
.video-banner #wp-custom-header .wp-custom-header-video-button::before {
content: "";
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23fff" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm-16 328c0 8.8-7.2 16-16 16h-48c-8.8 0-16-7.2-16-16V176c0-8.8 7.2-16 16-16h48c8.8 0 16 7.2 16 16v160zm112 0c0 8.8-7.2 16-16 16h-48c-8.8 0-16-7.2-16-16V176c0-8.8 7.2-16 16-16h48c8.8 0 16 7.2 16 16v160z"></path></svg>');
background-repeat: no-repeat;
position: absolute;
width: 50px;
height: 50px;
top: 0;
left: 0;
opacity: 0.8;
filter: alpha(opacity=80);
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.video-banner #wp-custom-header .wp-custom-header-video-pause::before {
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" ><path fill="%23fff" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm115.7 272l-176 101c-15.8 8.8-35.7-2.5-35.7-21V152c0-18.4 19.8-29.8 35.7-21l176 107c16.4 9.2 16.4 32.9 0 42z"></path></svg>');
}
.video-banner #wp-custom-header .wp-custom-header-video-button:hover::before {
opacity: 1;
filter: alpha(opacity=100);
}
@media screen and (max-width: 899px) {
.video-banner #wp-custom-header {
height: auto;
padding-top: 0;
}
}
/*=========================
STATIC CTA BANNER
=========================*/
.static-cta-banner {
position: relative;
}
.site-banner.static-cta-banner img {
height: 540px;
object-fit: cover;
}
.site-banner.static-cta-banner .banner-caption {
position: absolute;
top: 0;
left: 0;
right: 0;
text-align: center;
bottom: 0;
display: flex;
flex: 1;
flex-direction: column;
justify-content: center;
z-index: 9;
}
.site-banner.static-cta-banner .banner-caption .container {
background: rgba(255, 255, 255, 0.9);
padding: 60px 40px;
}
.site-banner.static-cta-banner .banner-caption .banner-title {
background: none;
}
.site-banner.static-cta-banner .banner-caption .banner-desc {
margin-top: 20px;
}
.site-banner.static-cta-banner .banner-caption .btn {
text-align: center;
background: #121212;
color: #fff;
text-decoration: none;
font-size: 0.7778em;
font-weight: 700;
letter-spacing: 1px;
padding: 15px 30px;
text-transform: uppercase;
margin-top: 30px;
display: inline-block;
}
.site-banner.static-cta-banner .banner-caption .btn:hover {
background: var(--primary-color);
}
/*=========================
PROMO SECTION
=========================*/
.promo-section {
margin-top: 80px;
margin-bottom: calc(80px - 3%);
}
.promo-section+.site-content .content-area,
.promo-section+.site-content .widget-area {
margin-top: 0;
}
.promo-section .widget:last-child {
margin-bottom: 0;
}
.promo-section .bttk-itw-holder {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex: 1;
flex-wrap: wrap;
}
.promo-section .widget_bttk_image_text_widget .bttk-itw-holder li {
margin-bottom: 3%;
margin-right: 3%;
box-shadow: none;
width: 31.33%;
}
.promo-section .widget_bttk_image_text_widget .bttk-itw-holder li:nth-child(3n) {
margin-right: 0;
}
.promo-section.style-two .widget_bttk_image_text_widget .bttk-itw-holder li {
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.05);
}
.promo-section .widget_bttk_image_text_widget .bttk-itw-holder li img {
display: inline-block;
}
/*==========================
FEATURE SECTION
==========================*/
.feature-section {
padding-top: 80px;
padding-bottom: 80px;
background: rgba(var(--primary-color-rgb), 0.1);
}
.feature-section .grid {
display: flex;
flex: 1;
flex-wrap: wrap;
}
.feature-section .large-post {
width: 50%;
padding-right: 15px;
}
.feature-section .small-post {
width: 50%;
padding-left: 15px;
}
.feature-section article {
margin-bottom: 20px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
padding-bottom: 20px;
}
.feature-section article:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.feature-section .small-post article {
display: flex;
flex: auto;
flex-wrap: wrap;
}
.feature-section .small-post article .post-thumbnail {
width: 100px;
margin-bottom: 0;
}
.feature-section .small-post article .content-wrap {
width: calc(100% - 100px);
padding-left: 20px;
}
.feature-section article .entry-title {
margin-top: 0;
margin-bottom: 10px;
font-size: 2em;
font-family: var(--secondary-font);
line-height: 1.3;
font-weight: 600;
}
.feature-section .small-post article .entry-title {
font-size: 1.3333em;
}
.feature-section article .entry-title a {
color: #121212;
text-decoration: none;
}
.feature-section article .entry-title a:hover {
color: var(--primary-color);
}
/*=============================
FEATURE SECTION STYLE TWO
=============================*/
.feature-section.style-two .grid {
display: flex;
flex: 1;
flex-wrap: wrap;
}
.feature-section.style-two .large-post {
width: 50%;
padding-left: 15px;
padding-right: 15px;
}
.feature-section.style-two .small-post {
width: 25%;
padding-left: 0;
padding-right: 15px;
}
.feature-section.style-two .large-post+.small-post {
padding-right: 0;
padding-left: 15px;
}
.feature-section.style-two article {
margin-bottom: 30px;
text-align: center;
flex-direction: column;
border-bottom: none;
padding-bottom: 0;
}
.feature-section.style-two article:last-child {
margin-bottom: 0;
}
.feature-section.style-two .small-post article .post-thumbnail {
width: 100%;
margin-bottom: 10px;
}
.feature-section.style-two .small-post article .content-wrap {
width: 100%;
padding-left: 0;
}
.feature-section.style-two article .entry-title {
margin-top: 0;
margin-bottom: 10px;
font-size: 1.78em;
font-family: var(--secondary-font);
line-height: 1.3;
font-weight: 600;
}
.feature-section.style-two .small-post article .entry-title {
font-size: 1.1112em;
line-height: 1.25;
}
.feature-section.style-two article .entry-title a {
color: #121212;
text-decoration: none;
}
.feature-section.style-two article .entry-title a:hover {
color: var(--primary-color);
}
.feature-section.style-two article .entry-meta,
.feature-section.style-two article .entry-footer {
justify-content: center;
}
/*==========================
POPULAR SECTION
==========================*/
.popular-section {
padding-top: 80px;
padding-bottom: 80px;
background: rgba(var(--primary-color-rgb), 0.1);
}
.popular-section .grid {
display: flex;
flex: 1;
flex-wrap: wrap;
}
.popular-section .large-post {
width: 50%;
padding-left: 15px;
padding-right: 15px;
}
.popular-section .small-post {
width: 25%;
padding-right: 15px;
}
.popular-section .large-post+.small-post {
padding-right: 0;
padding-left: 15px;
}
.popular-section article {
margin-bottom: 40px;
text-align: center;
}
.popular-section article:last-child {
margin-bottom: 0;
}
.popular-section article .entry-title {
margin-top: 0;
margin-bottom: 10px;
font-size: 1.78em;
font-family: var(--secondary-font);
line-height: 1.3;
font-weight: 600;
}
.popular-section .small-post article .entry-title {
font-size: 1.1112em;
line-height: 1.25;
}
.popular-section article .entry-title a {
color: #121212;
text-decoration: none;
}
.popular-section article .entry-title a:hover {
color: var(--primary-color);
}
.popular-section article .entry-meta,
.popular-section article .entry-footer {
justify-content: center;
}
/*============================
POPULAR SECTION STYLE TWO
============================*/
.popular-section.style-two .grid {
display: flex;
flex: 1;
flex-wrap: wrap;
}
.popular-section.style-two .large-post {
width: 50%;
padding-left: 0;
padding-right: 15px;
}
.popular-section.style-two .small-post {
width: 50%;
padding-left: 15px;
}
.popular-section.style-two article {
margin-bottom: 20px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
padding-bottom: 20px;
text-align: left;
}
.popular-section.style-two article:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.popular-section.style-two .small-post article {
display: flex;
flex: auto;
flex-wrap: wrap;
}
.popular-section.style-two .small-post article .post-thumbnail {
width: 100px;
margin-bottom: 0;
}
.popular-section.style-two .small-post article .content-wrap {
width: calc(100% - 100px);
padding-left: 20px;
}
.popular-section.style-two article .entry-title {
margin-top: 0;
margin-bottom: 10px;
font-size: 2em;
font-family: var(--secondary-font);
line-height: 1.3;
font-weight: 600;
}
.popular-section.style-two .small-post article .entry-title {
font-size: 1.3333em;
}
.popular-section.style-two article .entry-title a {
color: #121212;
text-decoration: none;
}
.popular-section.style-two article .entry-title a:hover {
color: var(--primary-color);
}
.popular-section.style-two article .entry-footer {
justify-content: flex-start;
}
/*===========================================
FEATURE & POPULAR SECTION STYLE THREE
===========================================*/
.feature-section.style-three .grid,
.popular-section.style-three .grid {
display: block;
}
.feature-section.style-three .owl-item:not(.active),
.popular-section.style-three .owl-item:not(.active) {
opacity: 0.4;
filter: alpha(opacity=40);
}
.feature-section.style-three article figure.post-thumbnail,
.popular-section.style-three article figure.post-thumbnail {
margin-bottom: 0;
}
.feature-section.style-three article .content-wrap,
.popular-section.style-three article .content-wrap {
background: #fff;
padding: 25px;
}
.feature-section.style-three article .content-wrap .entry-title,
.popular-section.style-three article .content-wrap .entry-title {
font-size: 1.3333em;
margin-bottom: 15px;
}
.feature-section.style-three .owl-carousel .owl-stage-outer+.owl-nav [class*="owl-"],
.popular-section.style-three .owl-carousel .owl-stage-outer+.owl-nav [class*="owl-"] {
background-color: #fff;
border: none;
border-radius: 100%;
left: 3%;
}
.feature-section.style-three .owl-carousel .owl-stage-outer+.owl-nav .owl-next,
.popular-section.style-three .owl-carousel .owl-stage-outer+.owl-nav .owl-next {
left: auto;
right: 3%;
}
.feature-section.style-three .owl-carousel .owl-stage-outer+.owl-nav [class*="owl-"]:hover,
.popular-section.style-three .owl-carousel .owl-stage-outer+.owl-nav [class*="owl-"]:hover {
background-color: var(--primary-color);
}
/*=======================================
FEATURE & POPULAR SECTION STYLE FOUR
=======================================*/
.feature-section.style-four .grid,
.popular-section.style-four .grid {
margin-left: -1.5%;
margin-right: -1.5%;
}
.feature-section.style-four article,
.popular-section.style-four article {
background: #fff;
display: flex;
flex-wrap: wrap;
text-align: left;
width: 30.33%;
border-bottom: none;
padding-bottom: 0;
margin: 30px 1.5% 0;
box-shadow: 0 4px 0 rgba(0, 0, 0, 0);
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.feature-section.style-four article:first-child,
.popular-section.style-four article:first-child {
width: 63.66%;
margin-top: 0;
flex-direction: column;
}
.feature-section.style-four article:nth-child(2),
.popular-section.style-four article:nth-child(2) {
width: 30.33%;
margin-top: 0;
flex-direction: column;
}
.feature-section.style-four article:hover,
.popular-section.style-four article:hover {
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
}
.feature-section.style-four article .post-thumbnail,
.popular-section.style-four article .post-thumbnail {
margin-bottom: 0;
width: 150px;
}
.feature-section.style-four article:first-child .post-thumbnail,
.feature-section.style-four article:nth-child(2) .post-thumbnail,
.popular-section.style-four article:first-child .post-thumbnail,
.popular-section.style-four article:nth-child(2) .post-thumbnail {
width: 100%;
}
.feature-section.style-four article .post-thumbnail img,
.popular-section.style-four article .post-thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
}
.feature-section.style-four article .content-wrap,
.popular-section.style-four article .content-wrap {
padding: 10px 20px;
width: calc(100% - 150px);
}
.feature-section.style-four article:first-child .content-wrap,
.feature-section.style-four article:nth-child(2) .content-wrap,
.popular-section.style-four article:first-child .content-wrap,
.popular-section.style-four article:nth-child(2) .content-wrap {
padding: 30px;
width: 100%;
}
.feature-section.style-four article .entry-title,
.popular-section.style-four article .entry-title {
font-size: 1.1112em;
}
.feature-section.style-four article:first-child .entry-title,
.popular-section.style-four article:first-child .entry-title {
font-size: 1.78em;
margin-bottom: 20px;
}
.feature-section.style-four article:nth-child(2) .entry-title,
.popular-section.style-four article:nth-child(2) .entry-title {
font-size: 1.3333em;
}
.feature-section.style-four article .entry-meta>span,
.popular-section.style-four article .entry-meta>span {
font-size: 0.6666em;
}
.feature-section.style-four article span.category,
.popular-section.style-four article span.category {
display: inline-block;
font-size: 0.6666em;
text-transform: uppercase;
font-weight: 700;
line-height: 1.49;
}
.feature-section.style-four article span.category a,
.popular-section.style-four article span.category a {
color: var(--primary-color);
letter-spacing: 1px;
display: inline-block;
vertical-align: middle;
}
.feature-section.style-four article span.category a::after,
.popular-section.style-four article span.category a::after {
content: "";
background: rgba(0, 0, 0, 0.1);
width: 5px;
height: 5px;
display: inline-block;
border-radius: 100%;
vertical-align: middle;
margin: -2px 5px 0 8px;
}
.feature-section.style-four article span.category a:last-child::after,
.popular-section.style-four article span.category a:last-child::after {
display: none;
}
.feature-section.style-four article .entry-meta,
.popular-section.style-four article .entry-meta {
justify-content: flex-start;
}
/*==========================
INSTAGRAM SECTION
==========================*/
.instagram-section {
padding-top: 60px;
position: relative;
z-index: 1;
text-align: center;
display: flex;
flex: auto;
flex-direction: column;
}
.instagram-section:before {
content: "";
background: rgba(var(--primary-color-rgb), 0.20);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.instagram-section .title {
margin: 0 0 40px 0;
font-size: 0.8888em;
font-weight: 600;
letter-spacing: 1px;
}
.instagram-section .title a {
display: inline-block;
margin-left: 10px;
color: #000;
text-transform: uppercase;
}
.instagram-section .title a:hover {
color: var(--primary-color);
}
.instagram-section p {
margin-top: 0;
margin-bottom: 0;
}
.instagram-section .popup-gallery {
order: 2;
display: flex;
flex: auto;
flex-wrap: wrap;
align-items: flex-start;
margin: 20px 0 0 0;
padding: 0;
list-style: none;
width: 100%;
}
.instagram-section .popup-gallery li {
padding: 0;
display: block;
position: relative;
}
.instagram-section .popup-gallery.photos-2 li {
width: 50%;
}
.instagram-section .popup-gallery.photos-3 li {
width: 33.33%;
}
.instagram-section .popup-gallery.photos-4 li {
width: 25%;
}
.instagram-section .popup-gallery.photos-5 li {
width: 20%;
}
.instagram-section .popup-gallery.photos-6 li {
width: 16.6667%;
}
.instagram-section .popup-gallery.photos-7 li {
width: 14.26%;
}
.instagram-section .popup-gallery.photos-8 li {
width: 12.5%;
}
.instagram-section .popup-gallery.photos-9 li {
width: 11.111%;
}
.instagram-section .popup-gallery.photos-10 li {
width: 10%;
}
.instagram-section .popup-gallery.photos-11 li {
width: 9.08%;
}
.instagram-section .popup-gallery.photos-12 li {
width: 8.33%;
}
@media screen and (max-width: 1366px) {
.instagram-section .popup-gallery.photos-8 li,
.instagram-section .popup-gallery.photos-9 li,
.instagram-section .popup-gallery.photos-10 li,
.instagram-section .popup-gallery.photos-11 li,
.instagram-section .popup-gallery.photos-12 li {
width: 14.26%;
}
}
@media screen and (max-width: 1199px) {
.instagram-section .popup-gallery.photos-6 li,
.instagram-section .popup-gallery.photos-7 li,
.instagram-section .popup-gallery.photos-8 li,
.instagram-section .popup-gallery.photos-9 li,
.instagram-section .popup-gallery.photos-10 li,
.instagram-section .popup-gallery.photos-11 li,
.instagram-section .popup-gallery.photos-12 li {
width: 20%;
}
}
@media screen and (max-width: 1024px) {
.instagram-section .popup-gallery.photos-5 li,
.instagram-section .popup-gallery.photos-6 li,
.instagram-section .popup-gallery.photos-7 li,
.instagram-section .popup-gallery.photos-8 li,
.instagram-section .popup-gallery.photos-9 li,
.instagram-section .popup-gallery.photos-10 li,
.instagram-section .popup-gallery.photos-11 li,
.instagram-section .popup-gallery.photos-12 li {
width: 25%;
}
}
@media screen and (max-width: 767px) {
.instagram-section .popup-gallery.photos-2 li,
.instagram-section .popup-gallery.photos-3 li,
.instagram-section .popup-gallery.photos-4 li,
.instagram-section .popup-gallery.photos-5 li,
.instagram-section .popup-gallery.photos-6 li,
.instagram-section .popup-gallery.photos-7 li,
.instagram-section .popup-gallery.photos-8 li,
.instagram-section .popup-gallery.photos-9 li,
.instagram-section .popup-gallery.photos-10 li,
.instagram-section .popup-gallery.photos-11 li,
.instagram-section .popup-gallery.photos-12 li {
width: 100%;
}
}
.instagram-section ul li .instagram-meta {
display: flex;
flex: 1;
flex-wrap: wrap;
justify-content: center;
align-items: center;
text-align: center;
background: rgba(0, 0, 0, 0.5);
font-size: 0.7778em;
color: #fff;
font-weight: 700;
padding: 10px;
position: absolute;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.instagram-section ul li:hover .instagram-meta {
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
}
.instagram-section ul li .instagram-meta span {
padding: 5px 10px;
display: inline-block;
}
.instagram-section ul li .instagram-meta span svg {
margin-right: 5px;
}
.instagram-section .profile-link {
font-size: 0.7778em;
text-transform: uppercase;
font-weight: 700;
color: var(--font-color);
letter-spacing: 1px;
margin: 0 auto 20px;
display: table;
clear: both;
}
.instagram-section .profile-link .insta-icon {
display: inline-block;
margin-right: 10px;
font-size: 1.5em;
line-height: 1;
position: relative;
top: 2px;
}
.mfp-bg {
z-index: 99999;
}
.mfp-wrap {
z-index: 99999;
}
/*==========================
SITE FOOTER
==========================*/
.footer-t {
background: #121212;
padding-top: 80px;
padding-bottom: 30px;
}
.site-footer .grid:not(.column-1) {
display: flex;
flex: 1;
flex-wrap: wrap;
}
.site-footer .grid:not(.column-1) .col {
margin-right: 3%;
}
.site-footer .grid:not(.column-1) .col:last-child {
margin-right: 0;
}
.site-footer .grid.column-2 .col {
width: 48%;
}
.site-footer .grid.column-3 .col {
width: 31.33%;
}
.site-footer .grid.column-4 .col {
width: 22.66%;
}
.site-footer .blossomthemes-email-newsletter-wrapper form input[type="submit"] {
background: rgba(255, 255, 255, 0.15);
}
.site-footer .blossomthemes-email-newsletter-wrapper form input[type="submit"]:hover {
background: var(--primary-color);
}
.site-footer .widget .widget-title {
margin-top: 0;
margin-bottom: 20px;
font-size: 0.7778em;
text-transform: uppercase;
color: #fff;
letter-spacing: 1px;
font-family: var(--secondary-font);
font-weight: 800;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
padding-bottom: 10px;
}
.site-footer .widget .widget-title span {
display: inline-block;
position: relative;
}
.site-footer .widget .widget-title span::after {
content: "";
background: var(--primary-color);
max-width: 80px;
height: 1px;
position: absolute;
bottom: -11px;
left: 0;
width: 100%;
}
.site-footer .widget_bttk_contact_social_links ul.social-networks li a {
border-color: rgba(255, 255, 255, 0.15);
color: rgba(255, 255, 255, 0.5);
}
.site-footer .widget_categories ul li,
.site-footer .widget_text .textwidget {
color: #fff;
}
.site-footer .widget ul li a {
color: #fff;
}
.site-footer .widget ul li a:hover {
color: var(--primary-color);
}
.site-footer .widget_bttk_popular_post ul li .entry-header .entry-meta a,
.site-footer .widget_bttk_pro_recent_post ul li .entry-header .entry-meta a {
color: rgba(255, 255, 255, 0.7);
}
.site-footer .blossomthemes-email-newsletter-wrapper,
.site-footer .blossomthemes-email-newsletter-wrapper.bg-img.has-overlay:before {
background: none !important;
}
.site-footer .widget_blossomthemes_email_newsletter_widget .text-holder h3,
.site-footer .widget_blossomthemes_email_newsletter_widget .text-holder span {
color: #fff;
}
.site-footer .blossomthemes-email-newsletter-wrapper form label .check-mark {
border-color: rgba(255, 255, 255, 0.15);
}
.site-footer .blossomthemes-email-newsletter-wrapper form label .text {
color: rgba(255, 255, 255, 0.5);
}
.site-footer .widget_bttk_author_bio .title-holder,
.site-footer .widget_bttk_author_bio .text-signature,
.site-footer .widget_bttk_author_bio .author-bio-content {
color: #fff;
}
.site-footer .widget_bttk_author_bio .readmore {
background: var(--primary-color);
}
.site-footer .widget_bttk_author_bio .readmore:hover {
background: var(--primary-color);
}
.site-footer .widget_bttk_author_bio .author-socicons li a,
.site-footer .widget_bttk_social_links ul li a {
color: #fff;
border-color: rgba(255, 255, 255, 0.15);
}
.site-footer .widget_bttk_author_bio .author-socicons li a:hover,
.site-footer .widget_bttk_social_links ul li a:hover {
border-color: var(--primary-color);
}
.site-footer .widget_bttk_popular_post .style-three li .entry-header,
.site-footer .widget_bttk_pro_recent_post .style-three li .entry-header {
background:
#121212;
}
.footer-b {
background: #000;
padding: 20px 0;
}
.footer-b .container {
display: flex;
flex: 1;
flex-wrap: wrap;
align-items: center;
}
.footer-b .copyright {
font-size: 0.8888em;
color: #fff;
flex: 1;
flex-wrap: wrap;
}
.footer-b .copyright a {
color: #fff;
}
.footer-b .copyright a:hover {
color: var(--primary-color);
}
.footer-social .social-networks {
margin: 0;
padding: 0;
list-style: none;
}
.footer-social .social-networks li {
display: inline-block;
vertical-align: middle;
font-size: 1em;
line-height: 1.3;
}
.footer-social .social-networks li a {
display: inline-block;
color: #fff;
padding: 5px 10px;
}
.footer-social .social-networks li a:hover {
color: var(--primary-color);
}
/*========================
WIDGET CALENDAR
========================*/
.widget_calendar table tr th,
.widget_calendar table tr td {
padding-left: 0;
padding-right: 0;
text-align: center;
font-size: 0.8888em;
}
.widget_calendar .wp-calendar-nav-next {
float: right;
}
/*=========================
WIDGET TAG CLOUD
=========================*/
.tagcloud a {
display: inline-block;
font-size: 0.7778em !important;
text-transform: uppercase;
font-weight: 700;
color: #121212;
letter-spacing: 1px;
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 12px 18px;
margin-right: 3px;
margin-bottom: 10px;
line-height: 1.3;
text-decoration: none;
}
.tagcloud a:hover {
background: var(--primary-color);
color: #fff;
border-color: var(--primary-color);
}
/*==========================
WIDGET IMAGE TEXT
==========================*/
.widget_bttk_image_text_widget .bttk-itw-holder li {
margin-top: 0;
margin-bottom: 5px;
position: relative;
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.05);
overflow: hidden;
font-size: 1em;
}
.widget_bttk_image_text_widget .bttk-itw-holder li img {
-webkit-transition: all ease 1s;
-moz-transition: all ease 1s;
transition: all ease 1s;
}
.widget_bttk_image_text_widget .bttk-itw-holder li:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
}
.widget_bttk_image_text_widget .bttk-itw-holder li .btn-holder {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
flex: 1;
flex-direction: column;
justify-content: center;
align-items: center;
}
.widget_bttk_image_text_widget .bttk-itw-holder li .btn-readmore {
position: relative;
top: 0;
left: 0;
text-align: center;
background: #121212;
color: #fff;
max-width: 90%;
max-height: -moz-fit-content;
max-height: fit-content;
width: auto;
margin: auto;
text-decoration: none;
font-size: 0.6666em;
font-weight: 700;
letter-spacing: 1px;
padding: 15px 30px;
word-break: break-word;
-webkit-transform: none;
-moz-transform: none;
transform: none;
}
.widget_bttk_image_text_widget .bttk-itw-holder li .btn-readmore:hover {
background: var(--primary-color);
}
/*==============================
WIDGET CONTACT SOCIAL LINKS
==============================*/
.bttk-contact-widget-wrap p {
color: #fff;
font-size: 0.8888em;
margin-top: 0;
margin-bottom: 25px;
}
.widget_bttk_contact_social_links ul.contact-list li {
position: relative;
margin-bottom: 20px;
padding-left: 30px;
color: #fff;
}
.widget_bttk_contact_social_links ul.contact-list li svg {
position: absolute;
top: 4px;
left: 0;
color: var(--primary-color);
font-size: 1.1112em;
font-weight: normal;
}
.widget_bttk_contact_social_links ul.contact-list li svg.fa-phone {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
transform: rotate(90deg);
}
.widget_bttk_contact_social_links ul li a {
color: #fff;
}
.widget-area .bttk-contact-widget-wrap p,
.widget-area .widget_bttk_contact_social_links ul li a,
.widget-area .widget_bttk_contact_social_links ul.contact-list li {
color: #333;
}
.widget_bttk_contact_social_links ul li a:hover,
.widget-area .widget_bttk_contact_social_links ul li a:hover {
color: var(--primary-color);
text-decoration: underline;
}
.widget_bttk_contact_social_links ul.social-networks {
margin-top: 30px;
}
.widget_bttk_contact_social_links ul.social-networks li {
display: inline-block;
vertical-align: middle;
margin-right: 1%;
margin-bottom: 10px;
}
.widget_bttk_contact_social_links ul.social-networks li a {
width: 40px;
height: 40px;
display: inline-block;
line-height: 40px;
text-align: center;
border: 1px solid rgba(0, 0, 0, 0.15);
color: var(--font-color);
}
.widget_bttk_contact_social_links ul.social-networks li a:hover {
background: var(--primary-color);
color: #fff;
}
/*==================================
WIDGET RECENT & POPULAR POST
==================================*/
.widget_bttk_popular_post ul li .entry-header,
.widget_bttk_pro_recent_post ul li .entry-header {
display: flex;
flex: 1;
flex-wrap: wrap;
align-items: center;
}
.widget_bttk_popular_post ul.style-three li .entry-header,
.widget_bttk_pro_recent_post ul.style-three li .entry-header {
justify-content: center;
}
.widget_bttk_popular_post ul li .entry-header .cat-links,
.widget_bttk_pro_recent_post ul li .entry-header .cat-links,
.widget_bttk_popular_post .style-three li .entry-header .cat-links,
.widget_bttk_popular_post .style-two li .entry-header .cat-links,
.widget_bttk_pro_recent_post .style-three li .entry-header .cat-links,
.widget_bttk_pro_recent_post .style-two li .entry-header .cat-links {
display: inline-block;
margin-bottom: 5px;
font-size: 0.6666em;
font-weight: 700;
letter-spacing: 1px;
order: 2;
}
.widget_bttk_popular_post ul.style-two li .entry-header .cat-links,
.widget_bttk_pro_recent_post ul.style-two li .entry-header .cat-links {
order: inherit;
}
.widget_bttk_popular_post ul.style-two li .entry-header .cat-links {
display: block;
width: 100%;
}
.widget_bttk_popular_post ul li .entry-header .cat-links a,
.widget_bttk_pro_recent_post ul li .entry-header .cat-links a {
color: var(--primary-color);
text-transform: uppercase;
}
.widget_bttk_popular_post ul li .entry-header .cat-links a:hover,
.widget_bttk_pro_recent_post ul li .entry-header .cat-links a:hover {
text-decoration: underline;
}
.widget_bttk_popular_post ul li .entry-header .cat-links a::after,
.widget_bttk_pro_recent_post ul li .entry-header .cat-links a::after {
content: ",";
font-size: 18px;
line-height: 1;
}
.widget_bttk_popular_post ul li .entry-header .cat-links a:last-child::after,
.widget_bttk_pro_recent_post ul li .entry-header .cat-links a:last-child::after {
display: none;
}
.widget_bttk_popular_post ul li .entry-header .entry-meta,
.widget_bttk_pro_recent_post ul li .entry-header .entry-meta {
font-size: 0.77em;
margin-bottom: 5px;
display: inline-block;
text-transform: uppercase;
font-weight: 700;
}
.widget_bttk_popular_post ul.style-two li .entry-header .entry-meta,
.widget_bttk_pro_recent_post ul.style-two li .entry-header .entry-meta {
display: block;
text-align: center;
width: 100%;
}
.widget_bttk_popular_post ul li .entry-header .entry-meta::after,
.widget_bttk_pro_recent_post ul li .entry-header .entry-meta::after {
content: "";
background: #999;
width: 25px;
height: 1px;
display: inline-block;
vertical-align: middle;
margin: 0 10px;
}
.widget_bttk_popular_post ul.style-two li .entry-header .entry-meta::after,
.widget_bttk_pro_recent_post ul.style-two li .entry-header .entry-meta::after {
display: none;
}
.widget_bttk_popular_post ul li .entry-header .entry-meta a,
.widget_bttk_pro_recent_post ul li .entry-header .entry-meta a {
color: rgba(0, 0, 0, 0.7);
}
.widget_bttk_popular_post ul li .entry-header .entry-meta a:hover,
.widget_bttk_pro_recent_post ul li .entry-header .entry-meta a:hover {
color: var(--primary-color);
text-decoration: underline;
}
.widget_bttk_popular_post ul li .entry-header .entry-title,
.widget_bttk_pro_recent_post ul li .entry-header .entry-title {
width: 100%;
order: 3;
font-size: 1em;
line-height: 1.6;
}
.widget_bttk_popular_post ul.style-two li .entry-header .entry-title,
.widget_bttk_pro_recent_post ul.style-two li .entry-header .entry-title {
order: inherit;
}
/*==========================
WIDGET NEWSLETTER
==========================*/
.widget-area .blossomthemes-email-newsletter-wrapper {
padding: 30px;
text-align: center;
}
.blossomthemes-email-newsletter-wrapper.bg-img {
z-index: 1;
}
.blossomthemes-email-newsletter-wrapper.bg-img:before {
z-index: -1;
}
.widget_blossomthemes_email_newsletter_widget .img-holder,
.widget_blossomthemes_email_newsletter_widget .text-holder {
margin-bottom: 20px;
width: auto;
}
.widget_blossomthemes_email_newsletter_widget .img-holder img {
width: auto;
height: auto;
}
.widget_blossomthemes_email_newsletter_widget .text-holder h3 {
margin-top: 0;
margin-bottom: 0;
font-size: 1.3333em;
font-family: var(--secondary-font);
font-weight: 700;
line-height: 1.25;
}
.widget_blossomthemes_email_newsletter_widget .text-holder span {
font-size: 0.8888em;
line-height: 1.6;
display: block;
margin-top: 10px;
}
.widget_blossomthemes_email_newsletter_widget form {
display: flex;
flex: 1;
flex-direction: column;
}
.widget_blossomthemes_email_newsletter_widget input[type="text"] {
margin-bottom: 5px;
font-size: 0.7778em;
}
.blossomthemes-email-newsletter-wrapper form label {
order: 5;
width: 100%;
font-size: 0.7778em;
margin-top: 10px;
}
.widget_blossomthemes_email_newsletter_widget .has-overlay form label {
color: #fff;
}
.blossomthemes-email-newsletter-wrapper form label .subscribe-inner-wrap {
display: inline-block;
position: relative;
padding-left: 25px;
}
.blossomthemes-email-newsletter-wrapper form .subscribe-inner-wrap input[type="checkbox"] {
display: block;
position: absolute;
top: 10px;
left: 0px;
opacity: 0;
width: auto;
}
.blossomthemes-email-newsletter-wrapper form label .check-mark {
display: inline-block;
width: 15px;
height: 15px;
border: 1px solid rgba(0, 0, 0, 0.15);
vertical-align: middle;
border-radius: 0;
margin-top: 0;
position: absolute;
top: 6px;
left: 0;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23fff" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" class=""></path></svg>');
background-size: 0;
background-repeat: no-repeat;
background-position: center;
background-color: #fff;
}
.blossomthemes-email-newsletter-wrapper.has-overlay form label .check-mark {
border-color: rgba(255, 255, 255, 0.25);
}
.blossomthemes-email-newsletter-wrapper form label input[type="checkbox"]:checked+.check-mark {
background-size: 9px;
background-color: var(--primary-color);
border-color: var(--primary-color);
}
.blossomthemes-email-newsletter-wrapper form label input[type="checkbox"]:checked+.check-mark::before {
display: none;
}
.blossomthemes-email-newsletter-wrapper form label .text {
margin-top: 2px;
text-align: left;
display: inline-block;
}
/*========================
WIDGET AUTHOR BIO
========================*/
.widget_bttk_author_bio {
text-align: left;
}
.widget_bttk_author_bio .image-holder {
margin-bottom: 20px;
}
.widget_bttk_author_bio .title-holder {
font-family: var(--secondary-font);
color: #121212;
font-weight: 800;
line-height: 1.42;
font-size: 1.22em;
margin-bottom: 10px;
}
.widget_bttk_author_bio .author-bio-content {
line-height: 1.6;
margin-bottom: 20px;
}
.widget_bttk_author_bio .author-bio-content p {
margin-top: 0;
margin-bottom: 20px;
}
.widget_bttk_author_bio .author-bio-content p:last-child {
margin-bottom: 0;
}
.widget_bttk_author_bio .text-signature {
margin-bottom: 20px;
}
.widget_bttk_author_bio .readmore {
display: block;
background: #121212;
text-align: center;
font-size: 0.7778em;
font-weight: 700;
letter-spacing: 1px;
padding-top: 15px;
padding-bottom: 15px;
text-decoration: none;
color: #fff;
}
.widget_bttk_author_bio .readmore:hover {
background: var(--primary-color);
}
.widget_bttk_author_bio .author-socicons li {
font-size: 0.8888em;
margin-left: 0;
}
.widget_bttk_author_bio .author-socicons li a {
display: inline-block;
width: 40px;
text-align: center;
height: 40px;
line-height: 40px;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.widget_bttk_author_bio .author-socicons li a:hover {
border-color: var(--primary-color);
background: var(--primary-color);
color: #fff;
}
/*===========================
WIDGET SOCIAL LINKS
===========================*/
.widget_bttk_social_links ul li {
margin-bottom: 7px;
padding-left: 0;
padding-right: 7px;
font-size: 0.7778em;
}
.widget_bttk_social_links ul li a {
width: 40px;
height: 40px;
line-height: 40px;
background: none;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.widget_bttk_social_links ul li a:hover {
border-color: var(--primary-color);
background: var(--primary-color);
color: #fff;
}
/*=========================
WIDGET CUSTOM CATEGORY
=========================*/
.widget_bttk_custom_categories ul li {
margin-bottom: 10px;
background-size: cover !important;
}
.widget_bttk_custom_categories ul li a {
display: flex;
flex: 1;
flex-wrap: wrap;
align-items: center;
}
.widget_bttk_custom_categories ul li .cat-title {
font-size: 0.7778em;
font-weight: 700;
color: #fff;
display: flex;
flex: auto;
padding: 5px 0 5px 15px;
letter-spacing: 1px;
}
.widget_bttk_custom_categories ul li .post-count {
background: rgba(0, 0, 0, 0.5);
color: #fff;
font-size: 0.6666em;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
margin-bottom: 0;
}
.widget_bttk_custom_categories ul li a:hover .post-count {
background: var(--primary-color);
}
/*==========================
WIDGET DEFAULT DESIGN
==========================*/
.widget-area .widget_categories ul li,
.widget-area .widget_archive ul li,
.widget-area .widget_meta ul li,
.widget-area .widget_nav_menu ul li,
.widget-area .widget_pages ul li {
font-size: 0.7778em;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 700;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.widget-area .widget_categories ul li:last-child,
.widget-area .widget_archive ul li:last-child,
.widget-area .widget_meta ul li:last-child,
.widget-area .widget_nav_menu ul li:last-child,
.widget-area .widget_pages ul li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.widget-area .widget_categories ul ul li,
.widget-area .widget_archive ul ul li,
.widget-area .widget_meta ul ul li,
.widget-area .widget_nav_menu ul ul li,
.widget-area .widget_pages ul ul li {
font-size: 1em;
}
/*============================
WIDGET NAV MENU
============================*/
.widget_nav_menu ul li {
position: relative;
}
.widget_nav_menu ul li ul {
display: none;
}
.widget_nav_menu ul li .submenu-toggle {
width: 20px;
text-align: center;
height: 20px;
top: 0;
right: 0;
-webkit-transform: none;
-moz-transform: none;
transform: none;
}
.widget_nav_menu .sub-menu .menu-item-has-children .submenu-toggle {
-webkit-transform: none;
-moz-transform: none;
transform: none;
}
.site-footer .widget_nav_menu ul li .submenu-toggle {
color: #fff;
}
.widget_nav_menu ul li.menu-item-has-children .submenu-toggle.active {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
/*===============================
WIDGET INSTAGRAM
===============================*/
.instagram-section .btif-instagram-feed {
display: flex;
flex-direction: column;
}
.widget_btif_instagram_widget ul li {
margin: 0;
padding: 3px;
}
.widget_btif_instagram_widget .profile-link {
display: block;
margin-top: 10px;
text-align: center;
background: var(--primary-color);
border: 1px solid var(--primary-color);
color: #fff;
font-size: 0.7778em;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
padding: 10px;
text-decoration: none;
}
.widget_btif_instagram_widget .profile-link:hover {
background: none;
color: var(--primary-color);
}
.widget_btif_instagram_widget .profile-link .insta-icon {
margin-right: 5px;
}
/*===============================
WIDGET CTA
===============================*/
.widget_blossomtheme_companion_cta_widget>div {
padding: 40px 20px;
}
.widget_blossomtheme_companion_cta_widget>div.bttk-cta-bg {
position: relative;
z-index: 1;
}
.widget_blossomtheme_companion_cta_widget>div.bttk-cta-bg::before {
content: "";
background: rgba(0, 0, 0, 0.5);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.right .blossomtheme-cta-container,
.right .blossomtheme-cta-container .widget-title {
text-align: right;
}
.centered .blossomtheme-cta-container,
.centered .blossomtheme-cta-container .widget-title {
text-align: center;
}
.widget_blossomtheme_companion_cta_widget .widget-title,
.widget-area .widget_blossomtheme_companion_cta_widget .widget-title {
background: none;
padding: 0;
font-size: 1.3333em;
letter-spacing: 0;
text-transform: none;
color: #fff;
}
.widget_blossomtheme_companion_cta_widget .text-holder {
color: #fff;
}
.widget_blossomtheme_companion_cta_widget .text-holder p {
margin-top: 0;
font-size: 0.8888em;
line-height: 1.5;
}
.widget_blossomtheme_companion_cta_widget .btn-cta {
display: inline-block;
font-weight: 700;
font-size: 0.7778em;
color: #fff;
letter-spacing: 1px;
background: var(--primary-color);
border: 1px solid var(--primary-color);
padding: 12px 25px;
text-transform: uppercase;
text-decoration: none;
margin: 3px;
}
.widget_blossomtheme_companion_cta_widget .btn-cta+.btn-cta,
.widget_blossomtheme_companion_cta_widget .btn-cta:hover {
background: none;
color: var(--primary-color);
}
.widget_blossomtheme_companion_cta_widget .btn-cta+.btn-cta:hover {
background: var(--primary-color);
color: #fff;
}
/*=============================
WIDGET TESTIMONIAL
=============================*/
.widget_bttk_testimonial_widget .bttk-testimonial-holder {
padding-top: 40px;
}
.widget_bttk_testimonial_widget .bttk-testimonial-inner-holder {
border: 3px solid rgba(0, 0, 0, 0.1);
border-radius: 5px;
text-align: center;
padding: 50px 20px 20px 20px;
position: relative;
}
.site-footer .widget_bttk_testimonial_widget .bttk-testimonial-inner-holder {
border-color: rgba(255, 255, 255, 0.2);
}
.widget_bttk_testimonial_widget .img-holder {
width: 70px;
border-radius: 5px;
overflow: hidden;
position: absolute;
top: -40px;
left: 0;
border: 2px solid rgba(0, 0, 0, 0.1);
padding: 4px;
background: #fff;
right: 0;
margin: 0 auto;
}
.site-footer .widget_bttk_testimonial_widget .img-holder {
background: #000;
border-color: rgba(255, 255, 255, 0.2);
}
.widget_bttk_testimonial_widget .img-holder img {
border-radius: 3px;
}
.widget_bttk_testimonial_widget .bttk-testimonial-inner-holder .name {
display: block;
font-weight: 700;
line-height: 1.4;
}
.widget_bttk_testimonial_widget .bttk-testimonial-inner-holder .designation {
font-size: 0.7778em;
color: #8c8c8c;
}
.site-footer .widget_bttk_testimonial_widget .bttk-testimonial-inner-holder .designation {
color: rgba(255, 255, 255, 0.6);
}
.widget_bttk_testimonial_widget .testimonial-content {
margin-top: 15px;
}
.widget_bttk_testimonial_widget .testimonial-content p {
margin-top: 0;
margin-bottom: 20px;
}
.widget_bttk_testimonial_widget .testimonial-content p:last-child {
margin-bottom: 0;
}
/*==========================
WIDGET TEAM
==========================*/
.widget_bttk_description_widget .bttk-team-holder-modal {
display: none !important;
}
.widget_bttk_description_widget .bttk-team-inner-holder {
text-align: center;
}
.widget_bttk_description_widget .image-holder {
margin-bottom: 30px;
}
.widget_bttk_description_widget .name {
display: block;
font-weight: 700;
line-height: 1.5;
}
.widget_bttk_description_widget .designation {
display: block;
font-size: 0.7778em;
color: #8c8c8c;
margin-top: 0;
}
.widget_bttk_description_widget .description {
margin-top: 15px;
}
.site-footer .widget_bttk_description_widget .description {
color: rgba(255, 255, 255, 0.6)
}
.widget_bttk_description_widget .description p {
margin-top: 0;
margin-bottom: 20px;
}
.widget_bttk_description_widget .description p:last-child {
margin-bottom: 0;
}
.widget_bttk_description_widget .social-profile {
margin-top: 20px;
display: flex;
flex: 1;
flex-wrap: wrap;
justify-content: center;
}
.widget_bttk_description_widget .social-profile li,
#secondary .widget_bttk_description_widget .social-profile li {
margin-right: 5px;
margin-bottom: 0;
margin-top: 5px;
padding-bottom: 0;
border-bottom: none;
}
.widget_bttk_description_widget .social-profile li a,
#secondary .widget_bttk_description_widget .social-profile li a {
display: inline-block;
width: 40px;
text-align: center;
height: 40px;
line-height: 40px;
background: var(--primary-color);
border-radius: 100%;
color: #fff;
}
.widget_bttk_description_widget .social-profile li a:hover {
background: #d18f7f;
color: #fff !important;
}
/*============================
WIDGET STAT COUNTER
============================*/
.widget_blossomthemes_stat_counter_widget .blossomthemes-sc-holder {
position: relative;
padding-left: 70px;
}
#secondary .widget_blossomthemes_stat_counter_widget .widget-title,
.site-footer .widget_blossomthemes_stat_counter_widget .widget-title {
margin-bottom: 15px;
background: none;
color: #121212;
text-align: left;
padding: 0;
font-size: 0.8888em;
}
.widget_blossomthemes_stat_counter_widget .blossomthemes-sc-holder .icon-holder {
font-size: 3em;
position: absolute;
top: 5px;
left: 0;
line-height: 1;
color: var(--primary-color);
}
.widget_blossomthemes_stat_counter_widget .blossomthemes-sc-holder .hs-counter {
font-size: 2.6665em;
font-weight: 700;
line-height: 1;
}
/*===============================
WIDGET POST CATEGORY SLIDER
===============================*/
.widget_bttk_posts_category_slider_widget .item {
height: 350px;
position: relative;
}
.widget_bttk_posts_category_slider_widget .item img {
width: 100%;
height: 350px;
object-fit: cover;
}
.widget_bttk_posts_category_slider_widget .item .carousel-title {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
padding: 20px 10px;
}
.site-footer .widget_bttk_posts_category_slider_widget .item .carousel-title {
background: rgba(255, 255, 255, 0.5);
}
.widget_bttk_posts_category_slider_widget .carousel-title a {
color: #fff;
display: inline-block;
}
.widget_bttk_posts_category_slider_widget .carousel-title a:hover {
color: var(--primary-color);
}
.widget_bttk_posts_category_slider_widget .carousel-title .cat-links a::after {
content: ",";
}
.widget_bttk_posts_category_slider_widget .carousel-title .cat-links a:last-child::after {
display: none;
}
.widget_bttk_posts_category_slider_widget .carousel-title .title {
font-size: 1em;
margin-top: 5px;
margin-bottom: 0;
}
.widget_bttk_posts_category_slider_widget .owl-carousel .owl-nav [class*="owl-"] {
border-radius: 100%;
background: rgba(0, 0, 0, 0.5);
left: 10px;
top: 40%;
min-height: auto;
}
.widget_bttk_posts_category_slider_widget .owl-carousel .owl-nav .owl-next {
left: auto;
right: 10px;
}
.widget_bttk_posts_category_slider_widget .owl-carousel .owl-nav [class*="owl-"]:before {
display: none;
}
.widget_bttk_posts_category_slider_widget .owl-theme .owl-nav [class*="owl-"]:hover {
background: var(--primary-color);
}
.widget_bttk_posts_category_slider_widget .owl-carousel .owl-dots {
position: static;
}
.widget_bttk_posts_category_slider_widget .owl-carousel .owl-dots .owl-dot {
background: rgba(0, 0, 0, 0.3);
margin: 5px;
}
.widget_bttk_posts_category_slider_widget .owl-carousel .owl-dots .owl-dot.active,
.widget_bttk_posts_category_slider_widget .owl-carousel .owl-dots .owl-dot:hover {
background: #111;
border-color: #111;
}
.widget_bttk_posts_category_slider_widget .owl-theme .owl-dots .owl-dot span,
.widget_bttk_posts_category_slider_widget .owl-theme .owl-dots .owl-dot:hover span,
.widget_bttk_posts_category_slider_widget .owl-theme .owl-dots .owl-dot span:hover,
.widget_bttk_posts_category_slider_widget .owl-theme .owl-dots .owl-dot.active span {
background: none;
}
/*==========================
WIDGET ICON TEXT
==========================*/
.widget_bttk_icon_text_widget .rtc-itw-inner-holder {
display: flex;
flex: 1;
flex-direction: column;
text-align: center;
}
.widget_bttk_icon_text_widget .rtc-itw-inner-holder .icon-holder {
font-size: 3em;
line-height: 1;
color: var(--primary-color);
}
.widget_bttk_icon_text_widget .rtc-itw-inner-holder .text-holder {
order: 2;
margin-top: 40px;
}
.widget_bttk_icon_text_widget .rtc-itw-inner-holder .widget-title {
font-size: 0.778em;
font-weight: 700;
text-align: center;
background: none;
color: #121212;
font-family: var(--primary-color);
letter-spacing: 1px;
}
#secondary .widget_bttk_icon_text_widget .text-holder .widget-title,
.site-footer .widget_bttk_icon_text_widget .text-holder .widget-title {
padding: 0;
margin-bottom: 0;
}
.widget_bttk_icon_text_widget .rtc-itw-inner-holder .widget-title span {
padding-right: 0;
}
#secondary .widget_bttk_icon_text_widget .text-holder .widget-title span,
.site-footer .widget_bttk_icon_text_widget .text-holder .widget-title span {
background: none;
padding: 0;
}
#secondary .widget_bttk_icon_text_widget .text-holder .widget-title:after,
.site-footer .widget_bttk_icon_text_widget .text-holder .widget-title:after {
display: none;
}
.widget_bttk_icon_text_widget .text-holder .content {
font-size: 0.8888em;
}
.widget_bttk_icon_text_widget .text-holder .btn-readmore {
display: inline-block;
font-weight: 700;
font-size: 0.7778em;
color: #fff;
letter-spacing: 1px;
background: var(--primary-color);
border: none;
padding: 13px 30px;
text-transform: uppercase;
text-decoration: none;
}
.widget_bttk_icon_text_widget .text-holder .btn-readmore:hover {
background: #121212;
color: #fff;
}
/*=============================
WIDGET CLIENT LOGO
=============================*/
.widget_blossom_client_logo_widget .blossom-inner-wrap {
display: flex;
flex: 1;
flex-wrap: wrap;
justify-content: center;
align-items: center;
text-align: center;
}
.widget_blossom_client_logo_widget .widget-title {
width: 100%;
margin-top: 0;
margin-bottom: 0;
}
#secondary .widget_blossom_client_logo_widget .widget-title,
.site-footer .widget_blossom_client_logo_widget .widget-title {
margin-bottom: 0;
}
.widget_blossom_client_logo_widget .image-holder {
width: 50%;
padding-right: 20px;
margin-top: 40px;
}
.widget_blossom_client_logo_widget .image-holder:nth-child(2n) {
padding-right: 0;
padding-left: 20px;
}
.client-logo-section .widget_blossom_client_logo_widget .image-holder {
padding: 40px;
width: 25%;
margin-top: 0;
}
.widget_blossom_client_logo_widget .image-holder.black-white {
-webkit-filter: grayscale(1);
filter: grayscale(1);
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.widget_blossom_client_logo_widget .image-holder.black-white:hover {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.image-holder:not(.black-white) a:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
/*===================================
BLOG POST LAYOUT DEFAULT DESIGN
===================================*/
body[class*="post-layout-"] .site-main article .entry-title {
margin-top: 10px;
margin-bottom: 0;
font-family: var(--secondary-font);
font-size: 1.67em;
line-height: 1.25;
font-weight: 600;
}
body[class*="post-layout-"] .site-main article .entry-title a {
color: #121212;
text-decoration: none;
}
body[class*="post-layout-"] .site-main article .entry-title a:hover {
color: var(--primary-color);
}
body[class*="post-layout-"] .site-main article .entry-content {
margin-top: 0;
}
body[class*="post-layout-"] .site-main article .entry-content p {
margin-top: 0;
margin-bottom: 20px;
line-height: 1.6;
}
body[class*="post-layout-"] .site-main article .entry-content p:last-child {
margin-bottom: 0;
}
body[class*="post-layout-"] .site-main article .entry-footer {
margin-top: 20px;
}
body[class*="post-layout-"] .site-main article .entry-footer .btn-readmore {
text-transform: uppercase;
font-weight: 700;
font-size: 0.7778em;
letter-spacing: 1px;
color: #121212;
display: inline-block;
text-decoration: none;
}
body[class*="post-layout-"] .site-main article .entry-footer .btn-readmore:hover {
color: var(--primary-color);
}
body[class*="post-layout-"] .site-main article .entry-footer .btn-readmore>svg {
width: 10px;
height: 15px;
vertical-align: middle;
margin-top: -4px;
margin-left: 5px;
}
body[class*="post-layout-"] .site-main article .entry-footer .btn-readmore:hover>svg path {
fill: var(--primary-color);
}
body[class*="post-layout-"] .site-main article .entry-footer .social-share {
display: flex;
flex: auto;
flex-wrap: wrap;
justify-content: flex-end;
min-height: 30px;
align-items: center;
position: relative;
}
body[class*="post-layout-"] .site-main article .entry-footer .social-share .share-icon {
font-size: 0.6666em;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
display: inline-block;
cursor: pointer;
background: none;
padding: 0;
color: var(--font-color);
}
body[class*="post-layout-"] .site-main article .entry-footer .social-share .share-icon:hover {
color: var(--primary-color);
}
body[class*="post-layout-"] .site-main article .entry-footer .social-share .share-icon svg {
font-size: 15px;
vertical-align: middle;
margin-right: 5px;
margin-top: -2px;
}
body[class*="post-layout-"] .site-main article .entry-footer .social-share .social-networks {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
right: 45px;
top: 0;
background: #fff;
z-index: 9;
opacity: 0;
visibility: hidden;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
body[class*="post-layout-"] .site-main article .entry-footer .social-share.active .social-networks {
right: 55px;
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
}
body[class*="post-layout-"] .site-main article .entry-footer .social-share .social-networks li {
display: inline-block;
font-size: 0.6666em;
margin-left: 5px;
}
body[class*="post-layout-"] .site-main article .entry-footer .social-share .social-networks li:first-child {
margin-left: 0;
}
body[class*="post-layout-"] .site-main article .entry-footer .social-share .social-networks li a {
display: inline-block;
border: 1px solid rgba(0, 0, 0, 0.1);
width: 30px;
text-align: center;
height: 30px;
line-height: 30px;
color: #121212;
}
body[class*="post-layout-"] .site-main article .entry-footer .social-share .social-networks li a:hover {
background: var(--primary-color);
border-color: var(--primary-color);
color: #fff;
}
/*========================
BLOG POST LAYOUT ONE
========================*/
.post-layout-one .site-main {
display: flex;
flex: 1;
flex-wrap: wrap;
margin-left: -1.5%;
margin-right: -1.5%;
}
.post-layout-one .site-main article {
margin-bottom: 48px;
padding-bottom: 48px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
width: 47%;
margin-left: 1.5%;
margin-right: 1.5%;
}
.full-width.post-layout-one .site-main article {
width: 30.33%;
}
.post-layout-one .site-main article:first-child,
.full-width.post-layout-one .site-main article:first-child {
width: 100%;
}
.post-layout-one .site-main article .entry-header {
margin-bottom: 15px;
}
.post-layout-one .site-main article:first-child .entry-title {
font-size: 2.22em;
}
.post-layout-one .site-main article figure.post-thumbnail {
margin-bottom: 30px;
}
body[class*="post-layout-"] .site-main article figure.post-thumbnail img {
width: 100%;
}
/*============================
BLOG POST LAYOUT TEN
============================*/
.post-layout-ten .site-main {
display: flex;
flex: 1;
flex-wrap: wrap;
align-items: flex-start;
margin-left: -1.5%;
margin-right: -1.5%;
}
.post-layout-ten .site-main article {
margin-bottom: 60px;
padding-bottom: 60px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
width: 30.33%;
margin-left: 1.5%;
margin-right: 1.5%;
}
.post-layout-ten.rightsidebar .site-main article,
.post-layout-ten.leftsidebar .site-main article,
.post-layout-ten.full-width-centered .site-main article {
width: 47%;
}
.post-layout-ten .site-main article .entry-header {
margin-bottom: 30px;
}
.post-layout-ten .site-main article figure.post-thumbnail {
margin-bottom: 30px;
}
/*===========================
BLOG POST LAYOUT THREE
===========================*/
body.post-layout-three .site-main article {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding-bottom: 60px;
margin-bottom: 60px;
}
body.post-layout-three .site-main article .entry-header {
margin-bottom: 25px;
}
body.post-layout-three .site-main article .entry-title {
margin-top: 10px;
font-size: 2.22em;
}
/*========================================
BLOG POST LAYOUT FOUR & FIVE & TWELVE
========================================*/
.post-layout-four .site-main article,
.post-layout-five .site-main article,
.post-layout-twelve .site-main article {
display: flex;
flex: 1;
flex-wrap: wrap;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin-bottom: 60px;
padding-bottom: 60px;
}
.post-layout-twelve .site-main article {
align-items: center;
}
.post-layout-five .site-main article:nth-child(2n) {
flex-direction: row-reverse;
}
.post-layout-four .site-main article .post-thumbnail,
.post-layout-five .site-main article .post-thumbnail,
.post-layout-twelve .site-main article .post-thumbnail {
margin-bottom: 0;
width: 45%;
}
.post-layout-twelve .site-main article .post-thumbnail {
width: 47%;
}
.post-layout-four .site-main article .content-wrap,
.post-layout-five .site-main article .content-wrap,
.post-layout-twelve .site-main article .content-wrap {
width: 55%;
padding-left: 30px;
}
.post-layout-twelve .site-main article .content-wrap {
width: 53%;
}
.post-layout-five .site-main article:nth-child(2n) .content-wrap {
padding-left: 0;
padding-right: 30px;
}
.post-layout-four .site-main article .content-wrap .entry-title,
.post-layout-five .site-main article .content-wrap .entry-title,
.post-layout-twelve .site-main article .content-wrap .entry-title {
margin-top: 0;
margin-bottom: 15px;
}
/*========================================
BLOG POST LAYOUT SIX, SEVEN & EIGHT
========================================*/
.post-layout-six .site-main article,
.post-layout-seven .site-main article,
.post-layout-eight .site-main article {
display: flex;
flex: 1;
flex-wrap: wrap;
align-items: center;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin-bottom: 60px;
padding-bottom: 60px;
}
.post-layout-seven .site-main article,
.post-layout-eight .site-main article:nth-child(2n) {
flex-direction: row-reverse;
}
.post-layout-six .site-main article .post-thumbnail,
.post-layout-seven .site-main article .post-thumbnail,
.post-layout-eight .site-main article .post-thumbnail {
margin-bottom: 0;
width: 60%;
}
.post-layout-six .site-main article .post-thumbnail img,
.post-layout-seven .site-main article .post-thumbnail img,
.post-layout-eight .site-main article .post-thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
}
.post-layout-six .site-main article .content-wrap,
.post-layout-seven .site-main article .content-wrap,
.post-layout-eight .site-main article .content-wrap {
width: 40%;
background: #fff;
position: relative;
left: -60px;
margin-top: 25px;
margin-bottom: 25px;
padding: 30px 0 30px 30px;
}
.post-layout-seven .site-main article .content-wrap,
.post-layout-eight .site-main article:nth-child(2n) .content-wrap {
left: auto;
right: -60px;
padding-left: 0;
padding-right: 30px;
}
.post-layout-six .site-main article .content-wrap .entry-header,
.post-layout-six .site-main article .content-wrap .entry-footer,
.post-layout-eight .site-main article .content-wrap .entry-header,
.post-layout-eight .site-main article .content-wrap .entry-footer {
margin-right: -60px;
}
.post-layout-seven .site-main article .content-wrap .entry-header,
.post-layout-seven .site-main article .content-wrap .entry-footer,
.post-layout-eight .site-main article:nth-child(2n) .content-wrap .entry-header,
.post-layout-eight .site-main article:nth-child(2n) .content-wrap .entry-footer {
margin-left: -60px;
}
.post-layout-eight .site-main article:nth-child(2n) .content-wrap .entry-header,
.post-layout-eight .site-main article:nth-child(2n) .content-wrap .entry-footer {
margin-right: 0;
}
.post-layout-six .site-main article .content-wrap .entry-title,
.post-layout-seven .site-main article .content-wrap .entry-title,
.post-layout-eight .site-main article .content-wrap .entry-title {
margin-top: 0;
margin-bottom: 15px;
}
.post-layout-six .site-main article .content-wrap span.category,
.post-layout-seven .site-main article .content-wrap span.category,
.post-layout-eight .site-main article .content-wrap span.category {
display: inline-block;
font-size: 0.6666em;
text-transform: uppercase;
font-weight: 700;
line-height: 1.49;
}
.post-layout-six .site-main article .content-wrap span.category a,
.post-layout-seven .site-main article .content-wrap span.category a,
.post-layout-eight .site-main article .content-wrap span.category a {
color: var(--primary-color);
letter-spacing: 1px;
display: inline-block;
vertical-align: middle;
}
.post-layout-six .site-main article .content-wrap span.category a::after,
.post-layout-seven .site-main article .content-wrap span.category a::after,
.post-layout-eight .site-main article .content-wrap span.category a::after {
content: "";
background: rgba(0, 0, 0, 0.1);
width: 5px;
height: 5px;
display: inline-block;
border-radius: 100%;
vertical-align: middle;
margin: -2px 5px 0 8px;
}
.post-layout-six .site-main article .content-wrap span.category a:last-child::after,
.post-layout-seven .site-main article .content-wrap span.category a:last-child::after,
.post-layout-eight .site-main article .content-wrap span.category a:last-child::after {
display: none;
}
.post-layout-six .site-main article .entry-meta>span,
.post-layout-seven .site-main article .entry-meta>span,
.post-layout-eight .site-main article .entry-meta>span {
font-weight: 700;
font-style: italic;
}
.post-layout-six .site-main article .entry-meta>span::after,
.post-layout-seven .site-main article .entry-meta>span::after,
.post-layout-eight .site-main article .entry-meta>span::after {
content: "";
background: rgba(0, 0, 0, 0.1);
width: 5px;
height: 5px;
display: inline-block;
border-radius: 100%;
vertical-align: middle;
margin: -2px 10px 0 8px;
}
.post-layout-six .site-main article .entry-meta>span:last-child::after,
.post-layout-seven .site-main article .entry-meta>span:last-child::after,
.post-layout-eight .site-main article .entry-meta>span:last-child::after {
display: none;
}
.post-layout-six .site-main article .entry-meta>span a,
.post-layout-seven .site-main article .entry-meta>span a,
.post-layout-eight .site-main article .entry-meta>span a {
vertical-align: initial;
font-style: normal;
}
/*===========================
BLOG POST LAYOUT NINE
===========================*/
body.post-layout-nine .site-main article {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding-bottom: 10px;
margin-bottom: 60px;
}
body.post-layout-nine .site-main article .entry-header {
margin-bottom: 25px;
}
body.post-layout-nine .site-main article .entry-title {
margin-top: 10px;
font-size: 2.22em;
}
body.post-layout-nine .site-main article .content-wrap {
background: #fff;
width: 90%;
margin: 0 auto;
padding: 40px 40px 0 40px;
position: relative;
top: -50px;
}
/*============================
BLOG POST LAYOUT ELEVEN
============================*/
.post-layout-eleven .site-main {
display: flex;
flex: 1;
flex-wrap: wrap;
align-items: flex-start;
margin-left: -1.5%;
margin-right: -1.5%;
}
.post-layout-eleven.rightsidebar .site-main,
.post-layout-eleven.leftsidebar .site-main {
margin-left: -2%;
margin-right: -2%;
}
.post-layout-eleven .site-main article {
margin-bottom: 50px;
width: 30.33%;
margin-left: 1.5%;
margin-right: 1.5%;
position: relative;
overflow: hidden;
}
.post-layout-eleven.rightsidebar .site-main article,
.post-layout-eleven.leftsidebar .site-main article,
.post-layout-eleven.full-width-centered .site-main article {
width: 46%;
margin-left: 2%;
margin-right: 2%;
}
.post-layout-eleven .site-main article figure.post-thumbnail {
margin-bottom: 0;
}
.post-layout-eleven .site-main article .content-wrap {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 100px 30px 30px 30px;
background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.75) 60%);
background: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.75) 60%);
background: -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.75) 60%);
background: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.75) 60%);
background: linear-gradient(transparent, rgba(0, 0, 0, 0.75) 60%);
}
.post-layout-eleven .site-main article .content-wrap .entry-title {
margin-top: 5px;
}
.post-layout-eleven .site-main article .content-wrap .entry-title a {
color: #fff;
}
.post-layout-eleven .site-main article .content-wrap .entry-title a:hover {
color: #fff;
opacity: 0.75;
filter: alpha(opacity=75);
}
.post-layout-eleven .site-main article .content-wrap span.category {
display: inline-block;
font-size: 0.6666em;
text-transform: uppercase;
font-weight: 700;
line-height: 1.49;
}
.post-layout-eleven .site-main article .content-wrap span.category a {
color: var(--primary-color);
letter-spacing: 1px;
display: inline-block;
vertical-align: middle;
}
.post-layout-eleven .site-main article .content-wrap span.category a::after,
.post-layout-eleven .site-main article .entry-meta>span::after {
content: "";
background: rgba(255, 255, 255, 0.2);
width: 5px;
height: 5px;
display: inline-block;
border-radius: 100%;
vertical-align: middle;
margin: -2px 5px 0 8px;
}
.post-layout-eleven .site-main article .entry-meta>span::after {
margin-left: 10px;
margin-right: 10px;
}
.post-layout-eleven .site-main article .content-wrap span.category a:last-child::after,
.post-layout-eleven .site-main article .entry-meta>span:last-child::after {
display: none;
}
.post-layout-eleven .site-main article .content-wrap .entry-meta {
margin-bottom: 0;
margin-top: 10px;
}
.post-layout-eleven .site-main article .entry-meta>span {
color: #fff;
}
.post-layout-eleven .site-main article .entry-meta>span a {
vertical-align: initial;
color: #fff;
}
.post-layout-eleven .site-main article .entry-meta>span a:hover {
color: #fff;
opacity: 0.75;
filter: alpha(opacity=75);
}
/*==========================
AUTHOR SECTION
==========================*/
.author-section {
display: flex;
flex: 1;
flex-wrap: wrap;
}
.single .content-area .author-section {
border-top: 1px solid rgba(0, 0, 0, 0.1);
padding-top: 60px;
margin-top: 60px;
}
.archive.author .content-area>.author-section {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding-bottom: 40px;
margin-bottom: 50px;
}
.author-section .author-img {
margin: 0;
width: 120px;
height: 120px;
border-radius: 100%;
overflow: hidden;
}
.author-section .author-img img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 100%;
}
.author-section .author-content-wrap {
width: calc(100% - 180px);
padding-left: 20px;
}
.author-section .author-name {
font-size: 1.22em;
color: #111;
margin-top: 0;
margin-bottom: 20px;
display: inline-block;
line-height: 1em;
font-family: var(--secondary-font);
}
.author-section .author-name .sub-title {
font-size: 0.64em;
}
.author-section .author-content {
font-size: 0.8888em;
line-height: 1.63;
}
.author-section .author-social {
margin-top: 20px;
}
.author-section .social-list {
margin: 0;
padding: 0;
list-style: none;
}
.author-section .social-list li {
margin: 5px;
display: inline-block;
}
.author-section .social-list li a {
display: inline-block;
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
border-radius: 100%;
font-size: 0.7778em;
color: #999;
padding: 0;
background: #f7f7f7;
}
.author-section .social-list li a:hover {
background: var(--primary-color);
color: #fff;
}
/*=============================
NEWSLETTER BLOCK
=============================*/
.newsletter-block {
text-align: center;
}
.single .newsletter-block {
margin-top: 60px;
}
.newsletter-block .blossomthemes-email-newsletter-wrapper {
padding: 60px 30px;
}
.newsletter-block .blossomthemes-email-newsletter-wrapper .text-holder {
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.newsletter-block .blossomthemes-email-newsletter-wrapper .text-holder h3 {
margin-top: 0;
margin-bottom: 0;
font-family: var(--secondary-font);
font-size: 2em;
}
.newsletter-block .blossomthemes-email-newsletter-wrapper .text-holder span {
display: block;
margin-top: 10px;
font-size: 0.8888em;
}
.newsletter-block .blossomthemes-email-newsletter-wrapper form {
display: flex;
flex: 1;
flex-wrap: wrap;
align-items: flex-start;
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.newsletter-block .blossomthemes-email-newsletter-wrapper form input {
display: flex;
flex: 2;
align-items: flex-start;
flex-wrap: wrap;
margin: 0;
}
.newsletter-block .blossomthemes-email-newsletter-wrapper form input[name="subscribe-email"] {
width: 50%;
flex: auto;
}
.newsletter-block .blossomthemes-email-newsletter-wrapper form input+input[name="subscribe-email"] {
width: auto;
flex: 2;
}
.newsletter-block .blossomthemes-email-newsletter-wrapper form input[type="submit"] {
flex: 1;
justify-content: center;
}
.newsletter-block .blossomthemes-email-newsletter-wrapper form>label {
order: 5;
}
/*=============================
SINGLE POST DEFAULT CSS
=============================*/
.single-post .site-main article .content-wrap {
position: relative;
}
.single-post .site-main article .post-thumbnail {
width: 100%;
}
.single-post .site-main .entry-header {
width: 100%;
}
.single-post .site-main .article-meta {
width: 132px;
text-align: center;
}
.single-post .site-main .sticky-meta .article-meta {
position: absolute;
left: -175px;
width: 75px;
height: 100%;
text-align: center;
top: 0px;
}
.single-post.leftsidebar .site-main .sticky-meta .article-meta {
left: unset;
right: -175px;
}
.single-post .site-main .sticky-meta .article-meta .article-inner-meta {
position: sticky;
top: 50px;
}
.single-post .site-main .article-meta .byline a {
display: flex;
flex-direction: column;
flex: auto;
font-size: 0.6666em;
font-weight: 800;
color: #121212;
letter-spacing: 1px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
}
.single-post .site-main .article-meta .byline a:hover {
color: var(--primary-color);
}
.single-post .site-main .article-meta .byline a img {
margin: 0 auto 10px auto;
width: 70px;
height: 70px;
object-fit: cover;
border-radius: 100%;
}
.single-post .site-main .article-meta .byline+.comments,
.single-post .site-main .article-meta .byline+.social-share {
border-top: 1px solid rgba(0, 0, 0, 0.07);
margin-top: 15px;
padding-top: 10px;
}
.single .site-main .comments {
display: block;
font-size: 0.6666em;
font-weight: 700;
text-transform: uppercase;
margin: 10px 0;
}
.single .site-main .comments svg {
display: none;
}
.single .site-main .comments a {
color: #909090;
}
.single .site-main .comments a:hover {
color: var(--primary-color);
}
.single-post .site-main .article-meta .share-title {
display: block;
text-transform: uppercase;
font-weight: 800;
font-size: 0.7778em;
letter-spacing: 1px;
margin-bottom: 10px;
}
.single-post .site-main .article-meta .favourite {
display: flex;
flex: 1;
flex-direction: column-reverse;
}
.single-post .site-main .article-meta .favourite a,
.single-post .site-main .article-meta .favourite .liked-icon {
width: 60px;
text-align: center;
height: 60px;
line-height: 64px;
background: #fff;
box-shadow: 0 0 15px rgba(var(--primary-color-rgb), 0.4);
border-radius: 100%;
margin: 5px auto 0 auto;
font-size: 1em;
color: #DA222E;
}
.single-post .site-main .article-meta .favourite a:hover {
background: #DA222E;
color: #fff;
}
.single-post .site-main .article-meta .favourite .fav-count {
display: inline-block;
font-size: 0.6666em;
font-weight: 700;
letter-spacing: 1px;
}
.single-post .site-main .article-meta .social-list {
margin: 0;
padding: 0;
list-style: none;
}
.single-post .site-main .article-meta .social-list li {
display: block;
margin-top: 10px;
}
.single-post .site-main .article-meta .social-list li a {
display: inline-block;
width: 60px;
height: 60px;
line-height: 60px;
background: #f7f7f7;
border-radius: 100%;
color: #999;
}
.single-post .site-main .article-meta .social-list li a:hover {
background: var(--primary-color);
color: #fff;
}
.single-post .site-main article .entry-content,
.single-post .site-main article .entry-content p:first-child {
margin-top: 0;
}
.single-post.full-width-centered .site-main .entry-content {
max-width: 728px;
margin: 0 auto;
}
.single-post .site-main .entry-footer {
margin-top: 10px;
}
.single-post .site-main .entry-footer .cat-tags {
font-size: 0.6666em;
color: #333;
letter-spacing: 1px;
}
.single-post .site-main .entry-footer .cat-tags a {
color: #333;
font-weight: 600;
background: rgba(0, 0, 0, 0.05);
padding: 6px 15px;
margin-right: 2px;
margin-bottom: 5px;
text-decoration: none;
}
.single-post .site-main .entry-footer .cat-tags a:hover {
background: var(--primary-color);
color: #fff;
}
.leftsidebar.single-post .site-main article .content-wrap {
flex-direction: row-reverse;
}
.leftsidebar.single-post .site-main .article-meta+.entry-content {
padding-left: 0;
padding-right: 50px;
}
.leftsidebar.single-post .site-main .article-meta~.entry-footer {
padding-left: 0;
padding-right: 182px;
}
/*===============================
SINGLE POST STYLE
===============================*/
.single-style-four .content-area,
.single-style-four .widget-area {
margin-top: 30px;
}
.single-style-four .site-main .entry-header {
margin-bottom: 35px;
}
.single-style-four .site-main .entry-header .entry-meta>span.category a::after {
background: none;
width: auto;
height: auto;
content: ",";
margin-left: 2px;
margin-right: 5px;
}
.single-style-four .site-main .entry-header .entry-meta>span.category a:last-child::after {
display: none;
}
.single-style-four .site-main .entry-header .entry-title {
margin-top: 20px;
margin-bottom: 0;
font-size: 3.11em;
font-family: var(--secondary-font);
font-weight: 700;
line-height: 1.25;
color: #121212;
}
.single-style-four .site-main article .post-thumbnail {
margin-bottom: 60px;
}
/*===========================
ARCHIVE PAGE
===========================*/
.archive .content-area,
.archive .widget-area {
margin-top: 30px;
}
.archive .content-area .page-header .result-count {
margin-top: 10px;
}
/*===========================
SEARCH PAGE
===========================*/
.search-results .content-area>.page-header {
margin-bottom: 50px;
}
.search-results .content-area>.page-header .page-title {
margin-top: 0;
margin-bottom: 10px;
font-size: 0.6666em;
color: #999;
letter-spacing: 1px;
}
.search-results .content-area>.page-header .search-form {
border-bottom: 2px solid rgba(0, 0, 0, 0.15);
}
.search-results .content-area>.page-header .search-field {
border: none;
padding-left: 0;
height: 80px;
font-size: 3.33em;
font-weight: 700;
line-height: 1.25em;
font-family: var(--secondary-font);
}
.search-results .content-area>.page-header .search-submit {
height: 80px;
background-color: transparent;
text-indent: 100px;
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23121212" d="M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z"></path></svg>');
background-size: 25px;
}
.search-results .content-area>.page-header .search-submit:hover {
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%2390BAB5" d="M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z"></path></svg>');
}
.no-results .page-content .search-form {
display: none;
}
/*==========================
ERROR 404 PAGE
==========================*/
.error404 .site-main .error-404 {
text-align: center;
}
.error404 .content-area .page-header .page-title {
font-family: var(--primary-font);
font-size: 2.72em;
margin-top: 0;
margin-bottom: 30px;
}
.error404 .site-main .error-text {
font-size: 1.39em;
max-width: 586px;
margin: 0 auto;
}
.error404 .site-main .error-num {
font-size: 22.22em;
line-height: 1;
font-weight: 700;
text-shadow: 0 -10px rgba(0, 0, 0, 0.1);
color: var(--primary-color);
margin-top: 60px;
}
.error404 .site-main .btn-readmore {
display: inline-block;
font-size: 0.7778em;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
padding: 17px 50px;
line-height: 1.75em;
background: #121212;
color: #fff;
margin-top: 80px;
text-decoration: none;
}
.error404 .site-main .btn-readmore:hover {
background: var(--primary-color);
}
.error404 .site-main .search-form {
margin-top: 80px;
margin-left: auto;
margin-right: auto;
max-width: 630px;
}
/*==================================
DELICIOUS RECIPE PLUGIN
==================================*/
.dr-archive-details .dr-archive-list-title a,
.dr-advance-search .advance-search-options #dr-recipes-clear-filters,
.dr-feature-image .view-gallery-btn,
.dr-archive-details .dr-archive-list-title a {
text-decoration: none;
}
.post-navigation .dr-category .cat-name {
font-size: 0.78em;
font-family: var(--secondary-font);
}
.dr-post-carousel.owl-carousel .owl-nav button[class*="owl-"]:hover {
background: var(--primary-color);
}
.dr-post-carousel.owl-carousel .owl-nav button[class*="owl-"]:hover path {
stroke: var(--white-color);
}
.post-layout-two.rightsidebar .site-main article,
.post-layout-two.leftsidebar .site-main article {
flex: auto;
}
.archive .site-main article,
.site-main .dr-archive-list-gridwrap article {
margin-top: 0;
padding-top: 0;
border-top: none;
}
.site-main .dr-archive-list-gridwrap article:not(:first-child) {
margin-top: 0;
}
.post-layout-two .site-main article.recipe-post figure.post-thumbnail {
margin-bottom: 0;
}
.post-layout-two .site-main article.recipe-post .content-wrap {
padding-left: 60px;
}
.dr-archive-list-gridwrap .entry-meta span.posted-on {
font-weight: normal;
text-transform: none;
}
.archive .site-main article.recipe-post .entry-footer>span.byline::after {
display: none;
}
.archive .site-main .dr-archive-list-gridwrap article .entry-meta>span,
.site-main .dr-archive-list-gridwrap article .entry-meta>span {
margin-right: 0;
}
.site-main+.navigation.pagination {
margin-top: 0;
padding-top: 0;
border-top: none;
}
.site-main+.navigation.pagination .page-numbers {
font-family: var(--primary-font);
color: #121212;
min-width: auto;
min-height: auto;
width: 50px;
height: 50px;
line-height: 50px;
letter-spacing: 0px;
margin: 0 5px 0 0;
}
.site-main+.navigation.pagination .page-numbers.prev {
padding-left: 10px;
width: auto;
}
.site-main+.navigation.pagination .page-numbers.next {
padding-right: 10px;
width: auto;
}
.site-main+.navigation.pagination .page-numbers.prev svg,
.site-main+.navigation.pagination .page-numbers.next svg {
position: static;
opacity: 1;
filter: alpha(opacity=100);
}
.comments-area ol li>div {
margin-top: 0;
border-top: none;
}
.widget ul li.dr-mst-pop-wrap,
.dr-recipe-keys ul li a {
display: flex;
}
.dr-popular-tags ul li {
display: inline-block;
}
.site-footer .dr-fav-header .dr-entry-meta>span {
color: rgba(var(--white-color-rgb), 0.7);
}
@media screen and (min-width: 768px) {
.single.full-width-centered .site-main article:not(.has-article-meta) .content-wrap {
flex-direction: column;
}
.single.full-width-centered .site-main article .article-meta {
margin-left: -70px;
}
.single.full-width-centered .site-main article:not(.has-article-meta) .entry-content,
.page.full-width-centered .site-main article {
margin-left: auto;
margin-right: auto;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.single.full-width-centered .site-content .content-area {
max-width: 670px;
}
}
@media screen and (max-width: 767px) {
.archive .site-main .dr-archive-list-gridwrap article,
.site-main .dr-archive-list-gridwrap article,
.dr-gb-block-wrap .recipe-post {
display: block;
}
.archive .site-main .dr-archive-list-gridwrap article .post-thumbnail,
.site-main .dr-archive-list-gridwrap article .post-thumbnail,
.dr-gb-block-wrap .recipe-post .post-thumbnail {
width: 100%;
margin-bottom: 20px;
}
.archive .site-main .dr-archive-list-gridwrap article .content-wrap,
.site-main .dr-archive-list-gridwrap article .content-wrap,
.dr-gb-block-wrap .recipe-post .content-wrap {
width: 100%;
padding-left: 35px;
}
.archive .site-main .dr-archive-list-gridwrap article .floated-meta,
.site-main .dr-archive-list-gridwrap article .floated-meta,
.dr-gb-block-wrap .recipe-post .floated-meta {
left: 0;
}
}
/*===========================
RESPONSIVE STYLESHEET
===========================*/
@media screen and (max-width: 1500px) {
.custom-background .site,
.custom-background .sticky-header {
max-width: 95%;
}
/*=========================
SITE BANNER
=========================*/
.site-banner .banner-caption {
bottom: 20px;
}
.owl-carousel>.owl-nav button[class*="owl-"] {
left: 235px;
}
.owl-carousel>.owl-nav button.owl-next {
left: auto;
right: 235px;
}
/*============================
SITE BANNER STYLE NINE
============================*/
.site-banner.style-nine .item .banner-caption {
padding: 20px;
}
.site-banner.style-nine .banner-caption .container {
padding-left: 0;
padding-right: 0;
}
/*==========================
SITE BANNER STYLE FOUR
==========================*/
.site-banner.style-four .owl-carousel .owl-stage-outer+.owl-nav [class*="owl-"] {
left: -5%;
}
.site-banner.style-four .owl-carousel .owl-stage-outer+.owl-nav .owl-next {
left: auto;
right: -5%;
}
/*=============================
SITE BANNER STYLE ELEVEN
=============================*/
.site-banner.style-eleven .item .banner-caption {
padding: 40px;
}
.site-banner.style-eleven .banner-caption .banner-title {
font-size: 2em;
}
/*=============================
SITE BANNER STYLE SIX
=============================*/
.site-banner.style-six .owl-carousel .owl-nav [class*="owl-"] .cat-links,
.site-banner.style-six .owl-carousel .owl-nav [class*="owl-"] .banner-title {
background: rgba(0, 0, 0, 0.3);
padding: 5px 10px;
margin-top: 0;
}
.site-banner.style-six .owl-carousel .owl-nav [class*="owl-"] .banner-title {
font-size: 1em;
}
}
@media screen and (max-width: 1366px) {
.container {
max-width: 1170px;
}
.rightsidebar .widget-area,
.leftsidebar .widget-area {
width: 300px;
}
.rightsidebar .content-area,
.leftsidebar .content-area {
width: calc(100% - 301px);
}
/*============================
SITE HEADER STYLE NINETEEN
============================*/
.style-nineteen .header-bottom .secondary-menu {
flex: initial;
}
.site-header.style-nineteen .main-navigation ul li a {
padding-left: 12px;
padding-right: 12px;
}
.site-header.style-nineteen .main-navigation ul ul li a {
padding-left: 0;
padding-right: 0;
}
.site-header.style-nineteen .main-navigation ul li.menu-item-has-children>a {
padding-right: 35px;
}
/*=========================
SITE BANNER
=========================*/
.owl-carousel>.owl-nav button[class*="owl-"] {
left: 145px;
}
.owl-carousel>.owl-nav button.owl-next {
left: auto;
right: 145px;
}
/*==========================
SITE BANNER STYLE THREE
==========================*/
.site-banner.style-three .banner-caption {
padding: 20px 5px;
}
.site-banner.style-three .banner-caption .banner-title {
font-size: 1.6667em;
}
/*==========================
SITE BANNER STYLE FOUR
==========================*/
.site-banner.style-four .owl-carousel .owl-stage-outer+.owl-nav [class*="owl-"] {
left: 0;
}
.site-banner.style-four .owl-carousel .owl-stage-outer+.owl-nav .owl-next {
left: auto;
right: 0;
}
/*=============================
SITE BANNER STYLE EIGHT
=============================*/
.site-banner.style-eight .banner-caption {
padding-top: 30px;
padding-bottom: 30px;
}
/*=============================
SITE BANNER STYLE NINE
=============================*/
.site-banner.style-nine .owl-carousel .owl-stage-outer+.owl-nav [class*="owl-"],
.site-banner.style-ten .owl-carousel .owl-stage-outer+.owl-nav [class*="owl-"] {
left: 0;
}
.site-banner.style-nine .owl-carousel .owl-stage-outer+.owl-nav .owl-next,
.site-banner.style-ten .owl-carousel .owl-stage-outer+.owl-nav .owl-next {
left: auto;
right: 0;
}
/*==============================
SITE BANNER STYLE TEN
==============================*/
.site-banner.style-ten .banner-caption .banner-title {
font-size: 1.67em;
}
/*=============================
SITE BANNER STYLE ELEVEN
=============================*/
.site-banner.style-eleven .item .banner-img-wrap {
width: 55%;
}
.site-banner.style-eleven .item .banner-caption {
padding: 30px;
width: 45%;
}
/*=============================
SITE BANNER STYLE SIX
=============================*/
.site-banner.style-six .owl-carousel .owl-stage-outer+.owl-nav [class*="owl-"] {
max-width: 200px;
left: 1%;
}
.site-banner.style-six .owl-carousel .owl-stage-outer+.owl-nav .owl-next {
left: auto;
right: 1%;
}
}
@media screen and (max-width: 1199px) {
.container,
.sticky-t-bar .newsletter-inner-wrapper {
max-width: 1000px;
}
.sticky-t-bar .newsletter-inner-wrapper .text-holder {
max-width: 40%;
}
/*============================
SITE HEADER STYLE SEVEN
============================*/
.site-header.style-seven .main-navigation ul li,
.site-header.style-eight .main-navigation ul li,
.site-header.style-nine .main-navigation ul li {
font-size: 0.6666em;
}
.site-header.style-seven .main-navigation ul ul li,
.site-header.style-eight .main-navigation ul ul li,
.site-header.style-nine .main-navigation ul ul li {
font-size: 1em;
}
/*====================================
SITE HEADER STYLE ELEVEN & TWELVE
====================================*/
.site-header.style-eleven .site-branding,
.site-header.style-eleven .header-mid .right,
.site-header.style-twelve .site-branding,
.site-header.style-twelve .header-mid .right {
flex: 1;
}
/*=========================
SITE BANNER
=========================*/
.owl-carousel>.owl-nav button[class*="owl-"] {
left: 105px;
}
.owl-carousel>.owl-nav button.owl-next {
left: auto;
right: 105px;
}
/*=========================================
FEATURE & POPULAR SECTION STYLE FOUR
=========================================*/
.feature-section.style-four article,
.popular-section.style-four article {
width: 47%;
}
.feature-section.style-four article .content-wrap,
.popular-section.style-four article .content-wrap {
padding-top: 5px;
padding-bottom: 5px;
}
/*==============================
SINGLE STYLE ONE & TWO
==============================*/
.single-style-one .site-content>.entry-header .entry-title,
.single-style-two .site-content>.container>.entry-header .entry-title,
.single-style-five .site-content>.entry-header .entry-title,
.single-style-six .site-content>.entry-header .entry-title,
.single-style-seven .site-content>.entry-header .entry-title {
font-size: 3em;
}
.single-post .site-main .article-meta+.entry-content {
padding-left: 30px;
}
.single-post .site-main .article-meta~.entry-footer {
padding-left: 162px;
}
.leftsidebar.single-post .site-main .article-meta+.entry-content {
padding-left: 0;
padding-right: 30px;
}
.leftsidebar.single-post .site-main .article-meta~.entry-footer {
padding-left: 0;
padding-right: 162px;
}
}
@media screen and (min-width: 1025px) and (max-width: 1500px) {
/*============================
SITE HEADER STYLE SEVEN
============================*/
.site-header.style-seven .main-navigation {
flex: 2;
}
.site-header.style-seven .main-navigation ul li a {
padding-left: 20px;
padding-right: 20px;
}
.site-header.style-eight .main-navigation ul li a {
padding-left: 17px;
padding-right: 17px;
}
.site-header.style-seven .main-navigation ul li.menu-item-has-children>a,
.site-header.style-eight .main-navigation ul li.menu-item-has-children>a {
padding-right: 35px;
}
.site-header.style-seven .main-navigation ul ul li a,
.site-header.style-eight .main-navigation ul ul li a {
padding-left: 0;
padding-right: 0;
}
.site-header.style-seven .header-bottom .header-social {
flex: initial;
}
/*=============================
SITE HEADER STYLE SEVEN
=============================*/
.site-header.style-eight .site-branding,
.site-header.style-eight .right {
flex: 1;
}
.site-header.style-eight .main-navigation {
flex: 2;
}
}
@media screen and (min-width: 1025px) and (max-width: 1366px) {
/*============================
SITE HEADER STYLE SEVEN
============================*/
.site-header.style-seven .main-navigation ul li.menu-item-has-children .submenu-toggle,
.site-header.style-eight .main-navigation ul li.menu-item-has-children .submenu-toggle,
.site-header.style-nine .main-navigation ul li.menu-item-has-children .submenu-toggle {
right: 5px;
font-size: 10px;
top: 23px;
}
.site-header.style-seven .main-navigation ul ul li.menu-item-has-children .submenu-toggle,
.site-header.style-eight .main-navigation ul ul li.menu-item-has-children .submenu-toggle,
.site-header.style-nine .main-navigation ul ul li.menu-item-has-children .submenu-toggle {
right: 15px;
}
.site-header.style-seven .main-navigation ul li a,
.site-header.style-eight .main-navigation ul li a,
.site-header.style-nine .main-navigation ul li a {
padding-left: 10px;
padding-right: 10px;
}
.site-header.style-seven .main-navigation ul li.menu-item-has-children>a,
.site-header.style-eight .main-navigation ul li.menu-item-has-children>a,
.site-header.style-nine .main-navigation ul li.menu-item-has-children>a {
padding-right: 15px;
}
}
@media screen and (min-width: 1025px) {
.main-navigation .primary-menu-list,
.main-navigation ul ul,
.site-header:not(.style-two) .secondary-menu ul,
.site-header:not(.style-two) .secondary-menu ul ul {
display: block !important;
}
.close.close-nav-toggle,
.close-main-nav-toggle {
display: none;
}
}
@media screen and (max-width: 1024px) {
.container {
max-width: 768px;
padding-left: 15px;
padding-right: 15px;
}
.back-to-top {
width: 40px;
height: 40px;
line-height: 55px;
}
.rightsidebar .content-area {
float: none;
width: 100%;
padding-right: 0;
}
.leftsidebar .content-area {
float: none;
width: 100%;
padding-left: 0;
}
.rightsidebar .widget-area,
.leftsidebar .widget-area {
float: none;
width: 100%;
}
.last-widget-sticky.rightsidebar .site-content>.container,
.last-widget-sticky.leftsidebar .site-content>.container {
display: block;
}
.toggle-btn {
display: block;
width: 25px;
height: 25px;
padding: 0;
background: none;
position: relative;
}
.toggle-btn:hover,
.toggle-btn:active,
.toggle-btn:focus {
background: none;
}
.toggle-btn .toggle-bar {
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 2px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.toggle-btn .toggle-bar:first-child {
top: -12px;
}
.toggle-btn .toggle-bar:last-child {
bottom: -12px;
}
.toggle-btn:hover .toggle-bar {
background: rgba(0, 0, 0, 0.8);
}
.owl-carousel>.owl-nav button[class*="owl-"] {
width: 30px;
height: 30px;
background-size: 12px;
left: 60px;
}
.owl-carousel>.owl-nav button.owl-next {
left: auto;
right: 60px;
}
/*==========================
STICKY T BAR
==========================*/
.sticky-t-bar .newsletter-inner-wrapper {
max-width: 768px;
flex-direction: column;
padding-left: 15px;
padding-right: 15px;
}
.sticky-t-bar .newsletter-inner-wrapper .text-holder {
text-align: center;
margin-bottom: 15px;
padding-right: 0;
max-width: 100%;
}
.sticky-t-bar .newsletter-inner-wrapper form {
text-align: center;
justify-content: center;
}
/*=====================
HEADER T
=====================*/
.secondary-menu .close-nav-toggle {
width: 25px;
height: 25px;
padding: 0;
background: none;
position: absolute;
top: -31px;
left: 0;
display: none;
}
.secondary-menu .menu-modal.active .close-nav-toggle {
display: block;
}
.secondary-menu .toggle-btn.active {
display: none;
}
.secondary-menu .close-nav-toggle .toggle-bar {
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 2px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
.secondary-menu .close-nav-toggle .toggle-bar:last-child {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.header-t,
.site-header.style-nine .header-bottom,
.site-header.style-eleven .header-bottom,
.site-header.style-twelve .header-bottom,
.site-header.style-fifteen .header-mid,
.site-header.style-sixteen .header-mid {
position: relative;
}
.secondary-menu .toggle-btn {
display: block;
}
.style-nine .secondary-menu .secondary-menu-list .close,
.style-ten .secondary-menu .secondary-menu-list .close,
.style-eleven .secondary-menu .secondary-menu-list .close,
.style-twelve .secondary-menu .secondary-menu-list .close,
.style-fifteen .secondary-menu .secondary-menu-list .close,
.style-sixteen .secondary-menu .secondary-menu-list .close,
.style-seventeen .secondary-menu .secondary-menu-list .close,
.style-eighteen .secondary-menu .secondary-menu-list .close,
.style-nineteen .secondary-menu .secondary-menu-list .close {
display: none;
}
.secondary-menu .secondary-menu-list,
.style-nine .header-bottom .secondary-menu .secondary-menu-list,
.style-ten .header-t .secondary-menu .secondary-menu-list,
.style-eleven .header-bottom .secondary-menu .secondary-menu-list,
.style-twelve .header-bottom .secondary-menu .secondary-menu-list,
.style-fifteen .header-mid .secondary-menu .secondary-menu-list,
.style-sixteen .header-mid .secondary-menu .secondary-menu-list,
.style-seventeen .secondary-menu .secondary-menu-list,
.style-eighteen .secondary-menu .secondary-menu-list,
.style-nineteen .header-bottom .secondary-menu .secondary-menu-list {
position: absolute;
top: 100%;
left: 15px;
right: 15px;
width: auto;
height: auto;
z-index: 9;
-webkit-transition: none;
-moz-transition: none;
transition: none;
-webkit-transform: none;
-moz-transform: none;
transform: none;
}
.secondary-menu .secondary-menu-list .mobile-menu {
display: none;
padding: 0 20px;
max-height: 44vh;
overflow: auto;
background: #fff;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
visibility: visible;
}
.style-nine .header-bottom .secondary-menu.menu-toggled ul.nav-menu,
.style-ten .header-t .secondary-menu.menu-toggled ul.nav-menu,
.style-eleven .header-bottom .secondary-menu.menu-toggled ul.nav-menu,
.style-twelve .header-bottom .secondary-menu.menu-toggled ul.nav-menu,
.style-fifteen .header-mid .secondary-menu.menu-toggled ul.nav-menu,
.style-sixteen .header-mid .secondary-menu.menu-toggled ul.nav-menu,
.style-seventeen .secondary-menu.menu-toggled ul.nav-menu,
.style-eighteen .secondary-menu.menu-toggled ul.nav-menu,
.style-nineteen .header-bottom .secondary-menu.menu-toggled ul.nav-menu {
-webkit-transform: none;
-moz-transform: none;
transform: none;
}
.secondary-menu ul li {
display: block;
}
.secondary-menu ul li a,
.style-nine .header-bottom .secondary-menu ul li a,
.style-ten .header-t .secondary-menu ul li a,
.style-eleven .header-bottom .secondary-menu ul li a,
.style-twelve .header-bottom .secondary-menu ul li a,
.style-fifteen .header-mid .secondary-menu ul li a,
.style-sixteen .header-mid .secondary-menu ul li a,
.style-seventeen .header-t .secondary-menu ul li a,
.style-eighteen .header-t .secondary-menu ul li a,
.style-nineteen .header-bottom .secondary-menu ul li a {
padding: 20px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
display: block;
}
.secondary-menu ul li .submenu-toggle {
top: 0;
right: 0;
width: 20px;
height: 55px;
line-height: 55px;
}
.secondary-menu ul ul li.menu-item-has-children .submenu-toggle {
right: 0;
transform: none;
top: 0;
}
.secondary-menu ul li.menu-item-has-children .submenu-toggle.active {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
.secondary-menu ul ul {
padding-left: 10px;
position: static;
visibility: visible;
opacity: 1;
box-shadow: none;
width: auto;
display: none;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.style-nine .secondary-menu ul ul,
.style-ten .secondary-menu ul ul,
.style-eleven .secondary-menu ul ul,
.style-twelve .secondary-menu ul ul,
.style-fifteen .secondary-menu ul ul,
.style-sixteen .secondary-menu ul ul,
.style-seventeen .secondary-menu ul ul,
.style-eighteen .secondary-menu ul ul,
.style-nineteen .secondary-menu ul ul {
background: none;
}
.secondary-menu ul ul li {
padding-left: 0;
padding-right: 0;
}
.secondary-menu ul ul li a {
border-bottom-style: solid;
}
/*======================
MAIN NAVIGATION
======================*/
.main-navigation {
padding: 10px 0;
}
.main-navigation .toggle-btn,
.main-navigation .toggle-text {
display: inline-block;
vertical-align: middle;
}
.main-navigation .toggle-text {
font-size: 0.8888em;
text-transform: uppercase;
margin-left: 5px;
font-weight: 600;
letter-spacing: 1px;
}
.main-navigation .close {
background: none;
padding: 0;
display: block;
width: 20px;
height: 20px;
position: fixed;
top: 30px;
right: 20px;
cursor: pointer;
}
.main-navigation .close::before,
.main-navigation .close::after {
content: "";
background: #333;
height: 2px;
width: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
.main-navigation .close::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.main-navigation .close:hover::before,
.main-navigation .close:hover::after {
background: #f00;
}
.main-navigation .primary-menu-list {
text-align: left;
position: fixed;
top: 0;
left: 0;
width: 320px;
height: 100%;
background: #fff;
box-shadow: 5px 0 10px rgba(0, 0, 0, 0.1);
z-index: 99999;
padding-top: 70px;
overflow: hidden auto;
display: none;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
}
.primary-menu-list.active {
display: block;
}
.main-navigation .mobile-menu {
width: 320px;
}
.main-navigation ul {
text-align: left;
}
.main-navigation ul.nav-menu {
padding-left: 20px;
padding-right: 20px;
}
.main-navigation ul li {
display: block;
}
.main-navigation ul li a {
padding: 20px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
display: block;
}
.main-navigation ul ul {
padding-left: 10px;
position: static;
visibility: visible;
opacity: 1;
box-shadow: none;
width: auto;
display: none;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.main-navigation ul ul li {
padding-left: 0;
padding-right: 0;
}
.main-navigation ul ul li a {
border-bottom-style: solid;
}
.main-navigation ul li .submenu-toggle {
top: 0;
right: 0;
width: 20px;
height: 55px;
line-height: 55px;
}
.main-navigation ul ul li.menu-item-has-children .submenu-toggle {
right: 0;
transform: none;
top: 0;
}
.main-navigation ul li.menu-item-has-children .submenu-toggle.active {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
/*===========================
SITE HEADER STYLE SEVEN
===========================*/
.site-header.style-seven .main-navigation {
flex: initial;
margin-right: 20px;
}
.site-header.style-seven .main-navigation ul li,
.site-header.style-eight .main-navigation ul li,
.site-header.style-nine .main-navigation ul li {
font-size: 0.7222em;
}
.site-header.style-seven .main-navigation ul ul li,
.site-header.style-eight .main-navigation ul ul li,
.site-header.style-nine .main-navigation ul ul li {
font-size: 1em;
}
/*==========================
SITE HEADER STYLE EIGHT
===========================*/
.site-header.style-eight .main-navigation {
flex: initial;
}
/*============================
SITE HEADER STYLE TEN
============================*/
.site-header.style-ten .site-branding {
flex: 1;
}
/*============================
SITE HEADER STYLE ELEVEN
============================*/
.style-eleven .header-bottom .main-navigation,
.style-twelve .header-bottom .main-navigation {
padding-left: 15px;
padding-right: 15px;
}
/*=========================================
SITE HEADER STYLE THIRTEEN & FOURTEEN
=========================================*/
.site-header.style-thirteen .main-navigation,
.site-header.style-fourteen .main-navigation {
flex: initial;
padding-left: 15px;
padding-right: 15px;
}
/*===============================
SITE HEADER STYLE FIFTEEN
===============================*/
.site-header.style-fifteen .site-branding,
.site-header.style-seventeen .site-branding {
flex: initial;
}
/*================================
SITE HEADER STYLE NINETEEN
================================*/
.site-header.style-nineteen .header-search-wrap {
top: 5px;
}
.style-nineteen .header-bottom .main-navigation {
flex: initial;
}
.style-nineteen .header-bottom .secondary-menu+.main-navigation {
border-left: 1px solid rgba(0, 0, 0, 0.1);
margin-left: 15px;
padding-left: 15px;
}
.site-header.style-nineteen .main-navigation ul li a {
padding-left: 0;
padding-right: 0;
}
/*========================
STICKY HEADER
========================*/
.sticky-header .main-navigation {
flex: initial;
}
/*==========================
SITE BANNER
==========================*/
.site-banner .banner-caption .banner-title {
font-size: 2em;
}
/*===========================
SITE BANNER STYLE NINE
===========================*/
.site-banner.style-nine .banner-caption {
padding: 20px 0;
}
.site-banner.style-nine .banner-caption .banner-title,
.site-banner.style-nine .item:first-child .banner-caption .banner-title {
font-size: 1.1112em;
}
/*==========================
SITE BANNER STYLE THREE
==========================*/
.site-banner.style-three .banner-caption .banner-title {
font-size: 1.1112em;
}
/*===========================
SITE BANNER STYLE FOUR
===========================*/
.site-banner.style-four .banner-caption .banner-title {
font-size: 1.3333em;
}
/*=============================
SITE BANNER STYLE SEVEN
=============================*/
.site-banner.style-seven .banner-caption .banner-title {
font-size: 1.3333em;
}
/*=============================
SITE BANNER STYLE EIGHT
=============================*/
.site-banner.style-eight .item img {
height: 400px;
object-fit: cover;
}
.site-banner.style-eight .fallback-svg {
height: 400px;
width: 100%;
}
.site-banner.style-eight .banner-caption .banner-title {
font-size: 2em;
}
/*=============================
SITE BANNER STYLE TEN & ELEVEN
=============================*/
.site-banner.style-ten .item {
flex-direction: column;
}
.site-banner.style-ten .item .banner-img-wrap {
width: 100%;
}
.site-banner.style-ten .item .banner-caption {
width: 100%;
padding: 20px;
}
.site-banner.style-eleven .item .banner-caption {
padding: 20px;
}
.site-banner.style-ten .banner-caption .banner-title,
.site-banner.style-eleven .banner-caption .banner-title {
font-size: 1.3333em;
}
.site-banner.style-ten .item .banner-desc,
.site-banner.style-eleven .item .banner-desc {
font-size: 0.8888em;
}
/*=============================
SITE BANNER STYLE SIX
=============================*/
.site-banner.style-six .banner-caption .banner-title {
font-size: 1.67em;
}
.site-banner.style-six .owl-carousel .owl-stage-outer+.owl-nav [class*="owl-"] {
padding-bottom: 0 !important;
top: 50%;
height: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.site-banner.style-six .owl-carousel [class*="owl-"] .nav-arrow {
position: relative;
transform: none;
top: 0;
width: 35px;
height: 35px;
padding: 10px;
line-height: 20px;
}
.site-banner.style-six .owl-carousel .owl-nav [class*="owl-"] .cat-links,
.site-banner.style-six .owl-carousel .owl-nav [class*="owl-"] .banner-title {
display: none;
}
/*=========================
STATIC CTA BANNER
=========================*/
.site-banner.static-cta-banner .wp-custom-header img {
height: 500px;
}
/*=========================
FEATURE SECTION & POPULAR STYLE TWO
=========================*/
.feature-section article .entry-title,
.popular-section.style-two article .entry-title {
font-size: 1.3333em;
}
.feature-section .small-post article .entry-title,
.popular-section.style-two .small-post article .entry-title {
font-size: 1.1112em;
}
/*=========================================
FEATURE & POPULAR SECTION STYLE FOUR
=========================================*/
.feature-section.style-four article:first-child .content-wrap,
.feature-section.style-four article:nth-child(2) .content-wrap,
.popular-section.style-four article:first-child .content-wrap,
.popular-section.style-four article:nth-child(2) .content-wrap {
padding: 15px;
}
.feature-section.style-four article:first-child .entry-title,
.popular-section.style-four article:first-child .entry-title {
font-size: 1.3333em;
}
/*=======================
POST LAYOUT ONE
=======================*/
.full-width.post-layout-one .site-main article {
width: 47%;
}
/*==========================
SITE FOOTER SECTION
==========================*/
.site-footer .grid.column-4 .col,
.site-footer .grid.column-3 .col {
width: 48%;
}
.site-footer .grid.column-4 .col:nth-child(2n),
.site-footer .grid.column-3 .col:nth-child(2n) {
margin-right: 0;
}
/*============================
POST LAYOUT TEN
============================*/
.post-layout-ten .site-main article {
width: 47%;
}
/*=========================
POST LAYOUT ELEVEN
=========================*/
.post-layout-eleven .site-main article {
width: 47%;
}
}
@media screen and (max-width: 767px) {
.container {
max-width: 420px;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.67em;
}
h3 {
font-size: 1.3333em;
}
h4 {
font-size: 1.1112em;
}
h5 {
font-size: 1em;
}
blockquote,
q {
font-size: 1.11em;
}
.promo-section {
margin-top: 60px;
margin-bottom: 60px;
}
.feature-section,
.popular-section {
padding-top: 60px;
padding-bottom: 60px;
}
.section-title {
font-size: 1.67em;
margin-bottom: 40px;
}
article .entry-meta>span::after,
article .entry-footer>span::after {
width: 15px;
margin-left: 5px;
margin-right: 7px;
}
.archive .content-area .page-header {
margin-bottom: 30px;
padding-bottom: 30px;
}
.content-area .page-header .page-title,
.page-template-default .content-area .page-header .page-title {
font-size: 2.2223em;
}
.pagination .page-numbers {
font-size: 0.7778em;
width: 40px;
height: 40px;
line-height: 40px;
}
.pagination .page-numbers.prev,
.pagination .page-numbers.next {
padding-right: 10px;
font-size: 0.6666em;
}
.pagination .page-numbers.next {
padding-right: 0;
padding-left: 10px;
}
.pagination .page-numbers.prev svg,
.pagination .page-numbers.next svg {
width: 7px;
margin-right: 5px;
}
.pagination .page-numbers.next svg {
margin-right: 0;
margin-left: 5px;
}
.woocommerce-page .site-content>.page-header {
padding-top: 60px;
padding-bottom: 60px;
}
.woocommerce-page .site-content .page-header .page-title {
font-size: 2.2223em;
}
/*========================
PAGINATION
========================*/
.post-navigation {
margin-top: 40px;
padding-top: 40px;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: none;
width: 100%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: none;
width: 100%;
}
.comment-navigation .nav-previous+.nav-next,
.posts-navigation .nav-previous+.nav-next,
.post-navigation .nav-previous+.nav-next {
margin-top: 20px;
}
/*=======================
COMMENTES AREA
=======================*/
.comments-area,
.comments-area .comment-list+.comment-respond {
margin-top: 40px;
padding-top: 40px;
}
.comments-area .comment-body {
padding-left: 50px;
}
.comment-body img.avatar {
width: 40px;
height: 40px;
}
.comments-area ol li ol {
margin-left: 20px;
}
.comments-area .bypostauthor>.comment-body .comment-author::after {
left: 25px;
top: 28px;
}
.comment-respond .comment-form p.comment-form-author,
.comment-respond .comment-form p.comment-form-email,
.comment-respond .comment-form p.comment-form-url {
width: 100%;
margin-right: 0;
}
/*========================
STICKY T BAR
========================*/
.sticky-t-bar .newsletter-inner-wrapper {
max-width: 420px;
flex-direction: column;
}
.sticky-t-bar .newsletter-inner-wrapper form input {
width: 100%;
margin-bottom: 5px;
}
.sticky-t-bar .newsletter-inner-wrapper form input[type="text"] {
margin-right: 0;
}
.sticky-t-bar .newsletter-inner-wrapper form input[name="subscribe-email"],
.sticky-t-bar .newsletter-inner-wrapper form input[name="subscribe-fname"]+input[name="subscribe-email"] {
width: 100%;
}
.sticky-t-bar .blossomthemes-email-newsletter-wrapper form .subscribe-inner-wrap input[type="checkbox"],
.sticky-t-bar .blossomthemes-email-newsletter-wrapper form label .check-mark {
top: 5px;
}
/*=====================
HEADER T
=====================*/
.header-search-wrap {
width: 250px;
}
/*===========================
SITE HEADER STYLE FIVE
===========================*/
.site-header.style-five .header-mid .container {
flex-direction: column;
}
.site-header.style-five .header-mid .site-branding {
order: inherit;
}
.site-header.style-five .header-mid .header-social,
.site-header.style-five .header-mid .header-search {
margin-top: 10px;
}
/*==============================
SITE HEADER STYLE SEVEN
==============================*/
.site-header.style-seven .container {
max-width: 420px;
padding-left: 15px;
padding-right: 15px;
}
.site-header.style-seven .site-branding {
flex: auto;
}
.site-header.style-seven .main-navigation {
margin-right: 0;
}
.site-header.style-seven .right {
width: 100%;
flex: auto;
justify-content: center;
padding-bottom: 20px;
align-items: center;
}
.site-header.style-seven .header-bottom .header-social {
display: flex;
justify-content: center;
}
.site-header.style-seven .header-bottom .header-search {
padding-left: 0;
margin-top: 15px;
}
.site-header.style-seven .header-bottom .header-search .search-form {
justify-content: center;
}
.site-header.style-seven .header-bottom .cart-block {
margin-top: 15px;
}
/*==========================
SITE HEADER STYLE EIGHT
===========================*/
.site-header.style-eight .right {
justify-content: center;
margin-bottom: 20px;
}
/*============================
SITE HEADER STYLE TEN
============================*/
.site-header.style-ten .container {
padding-left: 15px;
padding-right: 15px;
max-width: 420px;
}
.site-header.style-ten .secondary-menu {
flex: initial;
order: 2;
}
.site-header.style-ten .site-branding {
text-align: left;
justify-content: flex-start;
flex-direction: row;
flex-wrap: wrap;
}
.site-header.style-ten .site-branding .site-logo+.site-title-wrap {
padding-left: 15px;
}
.site-header.style-ten .right {
flex: auto;
justify-content: center;
width: 100%;
margin-top: 15px;
order: 3;
}
/*=============================
SITE HEADER STYLE ELEVEN
=============================*/
.site-header.style-eleven .header-mid .container,
.site-header.style-twelve .header-mid .container {
flex-direction: column;
}
.site-header.style-eleven .header-mid .right,
.site-header.style-twelve .header-mid .right {
margin-top: 15px;
}
/*======================================
SITE HEADER STYLE FIFTEEN, SIXTEEN, SEVENTEEN & EIGHTEEN
======================================*/
.site-header.style-fifteen .header-mid .container,
.site-header.style-seventeen .header-t .container {
max-width: 420px;
padding-left: 15px;
padding-right: 15px;
}
.site-header.style-fifteen .secondary-menu,
.site-header.style-sixteen .secondary-menu,
.site-header.style-seventeen .secondary-menu,
.site-header.style-eighteen .secondary-menu {
flex: initial;
order: 2;
}
.site-header.style-fifteen .site-branding,
.site-header.style-sixteen .site-branding,
.site-header.style-seventeen .site-branding,
.site-header.style-eighteen .site-branding {
flex-direction: row;
flex-wrap: wrap;
text-align: left;
justify-content: flex-start;
}
.site-header.style-fifteen .site-branding .site-logo+.site-title-wrap,
.site-header.style-sixteen .site-branding .site-logo+.site-title-wrap,
.site-header.style-seventeen .site-branding .site-logo+.site-title-wrap,
.site-header.style-eighteen .site-branding .site-logo+.site-title-wrap {
padding-left: 15px;
}
.site-header.style-fifteen .right,
.site-header.style-sixteen .right,
.site-header.style-seventeen .right,
.site-header.style-eighteen .right {
flex: auto;
order: 3;
justify-content: center;
margin-top: 15px;
width: 100%;
}
/*========================
SITE BANNER
========================*/
.site-banner.style-one .item img {
height: 320px;
object-fit: cover;
}
.site-banner.style-one .item .svg-holder .fallback-svg {
height: 320px;
width: 100%;
}
.site-banner .banner-caption .banner-title {
font-size: 1.3333em;
}
.owl-carousel>.owl-nav button[class*="owl-"] {
left: 0;
}
.owl-carousel>.owl-nav button.owl-next {
left: auto;
right: 0;
}
/*==========================
SITE BANNER STYLE NINE
==========================*/
.site-banner.style-nine .item-holder {
grid-template-columns: repeat(1, 1fr);
grid-template-rows: repeat(1, 1fr);
padding: 0;
}
.site-banner.style-nine .item-holder .item:first-child {
grid-column: 1 / span 1;
grid-row: 1 / span 1;
}
/*===========================
SITE BANNER STYLE FOUR
===========================*/
.site-banner.style-four .item img {
height: 350px;
object-fit: cover;
}
.site-banner.style-four .fallback-svg {
height: 350px;
}
.site-banner.style-four .banner-caption .container {
padding: 20px;
width: 90%;
}
.site-banner.style-four .banner-caption .banner-title {
font-size: 1.1112em;
}
/*==========================
SITE BANNER STYLE FIVE
==========================*/
.site-banner.style-five .item-wrap {
max-width: 420px;
margin: 0 auto;
padding: 0 15px;
}
.site-banner.style-five .banner-caption {
padding: 20px;
}
/*=============================
SITE BANNER STYLE SEVEN
=============================*/
.site-banner.style-seven .item img {
height: 400px;
object-fit: cover;
}
.site-banner.style-seven .fallback-svg {
height: 400px;
width: 100%;
}
.site-banner.style-seven .banner-caption .container {
padding: 20px;
width: 90%;
}
/*=============================
SITE BANNER STYLE EIGHT
=============================*/
.site-banner.style-eight .banner-caption .banner-title {
font-size: 1.67em;
}
/*==============================
SITE BANNER STYLE ELEVEN
==============================*/
.site-banner.style-eleven .item {
flex-direction: column;
}
.site-banner.style-eleven .item .banner-img-wrap {
width: 100%;
}
.site-banner.style-eleven .item .banner-caption {
width: 100%;
}
/*===========================
SITE BANNER STYLE SIX
============================*/
.site-banner.style-six .item .banner-img-wrap,
.site-banner.style-six .item .fallback-svg {
height: 350px;
}
.site-banner.style-six .item .banner-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
}
.site-banner.style-six .banner-caption {
padding: 20px 10px;
}
.site-banner.style-six .banner-caption .banner-title {
font-size: 1.1112em;
}
/*=========================
STATIC CTA BANNER
=========================*/
.site-banner.static-cta-banner .wp-custom-header img {
height: auto;
}
.site-banner.static-cta-banner .banner-caption {
position: static;
}
.site-banner.static-cta-banner .banner-caption .container {
padding: 40px 15px 0 15px;
max-width: 420px;
}
/*=========================
PROMO SECTION
=========================*/
.promo-section .bttk-itw-holder {
flex-direction: column;
flex: auto;
}
.promo-section .widget_bttk_image_text_widget .bttk-itw-holder li {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
.promo-section .widget_bttk_image_text_widget .bttk-itw-holder li:last-child {
margin-bottom: 0;
}
/*=========================
FEATURE SECTION & POPULAR STYLE TWO
=========================*/
.feature-section .grid,
.popular-section.style-two .grid {
flex-direction: column;
}
.feature-section .large-post,
.popular-section.style-two .large-post {
width: 100%;
padding-right: 0;
margin-bottom: 40px;
}
.feature-section .small-post,
.popular-section.style-two .small-post {
width: 100%;
padding-left: 0;
}
/*===========================
FEATURE STYLE TWO POPULAR SECTION
===========================*/
.popular-section .grid,
.feature-section.style-two .grid {
flex-direction: column;
}
.popular-section .small-post,
.feature-section.style-two .small-post {
width: 100%;
padding-right: 0;
}
.popular-section .large-post,
.feature-section.style-two .large-post {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.popular-section .large-post+.small-post,
.feature-section.style-two .large-post+.small-post {
padding-left: 0;
}
.popular-section article:last-child,
.feature-section.style-two article:last-child {
margin-bottom: 40px;
}
.popular-section .large-post+.small-post article:last-child,
.feature-section.style-two .large-post+.small-post article:last-child {
margin-bottom: 0;
}
.popular-section article .entry-title,
.feature-section.style-two article .entry-title {
font-size: 1.1112em;
}
/*=========================================
FEATURE & POPULAR SECTION STYLE FOUR
=========================================*/
.feature-section.style-four .grid,
.popular-section.style-four .grid {
margin-left: 0;
margin-right: 0;
}
.feature-section.style-four article,
.popular-section.style-four article {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.feature-section.style-four article:first-child,
.popular-section.style-four article:first-child {
width: 100%;
}
.feature-section.style-four article:nth-child(2),
.popular-section.style-four article:nth-child(2) {
width: 100%;
margin-top: 30px;
}
/*===================================
BLOG POST LAYOUT DEFAULT DESIGN
===================================*/
body[class*="post-layout-"] .site-main article .entry-title {
font-size: 1.3333em;
}
/*=======================
POST LAYOUT ONE
=======================*/
.post-layout-one .site-main {
flex-direction: column;
margin-left: 0;
margin-right: 0;
}
.post-layout-one .site-main article {
margin-bottom: 30px;
padding-bottom: 30px;
margin-left: 0;
margin-right: 0;
width: 100%;
}
.full-width.post-layout-one .site-main article {
width: 100%;
}
.post-layout-one .site-main article:first-child .entry-title {
font-size: 1.67em;
}
/*============================
NEWSLETTER BLOCK
============================*/
.newsletter-block .blossomthemes-email-newsletter-wrapper form {
flex-direction: column;
}
.newsletter-block .blossomthemes-email-newsletter-wrapper form input {
flex: auto;
width: 100%;
}
.newsletter-block .blossomthemes-email-newsletter-wrapper form input+input[name="subscribe-email"] {
flex: auto;
width: 100%;
}
.newsletter-block .blossomthemes-email-newsletter-wrapper form input[type="submit"] {
flex: auto;
align-items: center;
justify-content: center;
}
/*=========================
SITE FOOTER SECTION
=========================*/
.footer-t {
padding-top: 60px;
padding-bottom: 10px;
}
.site-footer .grid:not(.column-1) {
flex-direction: column;
}
.site-footer .grid:not(.column-1) .col {
margin-right: 0;
}
.site-footer .grid.column-4 .col,
.site-footer .grid.column-3 .col,
.site-footer .grid.column-2 .col {
width: 100%;
}
.footer-b .container {
flex-direction: column;
text-align: center;
}
.footer-b .copyright {
justify-content: center;
}
.footer-b .footer-social {
margin-top: 15px;
}
/*===========================
AUTHOR SECTION
===========================*/
.author-section {
flex-direction: column;
text-align: center;
}
.author-section .author-img {
margin: 0 auto 20px;
}
.author-section .author-content-wrap {
width: 100%;
padding-left: 0;
}
/*=============================
SEARCH PAGE
=============================*/
.search-results .content-area>.page-header .search-field {
height: 60px;
font-size: 2.2223em;
}
.search-results .content-area>.page-header .search-submit {
height: 60px;
}
/*===================================
POST LAYOUT FOUR, FIVE & TWELVE
===================================*/
.post-layout-four .site-main article,
.post-layout-five .site-main article,
.post-layout-twelve .site-main article {
flex-direction: column;
margin-bottom: 40px;
padding-bottom: 40px;
}
.post-layout-four .site-main article .post-thumbnail,
.post-layout-five .site-main article .post-thumbnail,
.post-layout-twelve .site-main article .post-thumbnail {
width: 100%;
margin-bottom: 30px;
}
.post-layout-four .site-main article .content-wrap,
.post-layout-five .site-main article .content-wrap,
.post-layout-twelve .site-main article .content-wrap {
width: 100%;
padding-left: 0;
}
.post-layout-five .site-main article:nth-child(2n) .content-wrap {
padding-right: 0;
}
/*============================
POST LAYOUT TEN
============================*/
.post-layout-ten .site-main {
margin-left: 0;
margin-right: 0;
}
.post-layout-ten .site-main article {
width: 100%;
margin-left: 0;
margin-right: 0;
margin-bottom: 40px;
padding-bottom: 40px;
}
.post-layout-ten.rightsidebar .site-main article,
.post-layout-ten.leftsidebar .site-main article,
.post-layout-ten.full-width-centered .site-main article {
width: 100%;
}
/*========================
POST LAYOUT ELEVEN
========================*/
.post-layout-eleven .site-main,
.post-layout-eleven.rightsidebar .site-main,
.post-layout-eleven.leftsidebar .site-main {
margin-left: 0;
margin-right: 0;
}
.post-layout-eleven .site-main article,
.post-layout-eleven.rightsidebar .site-main article,
.post-layout-eleven.leftsidebar .site-main article,
.post-layout-eleven.full-width-centered .site-main article {
width: 100%;
margin-left: 0;
margin-right: 0;
}
/*=======================
POST LAYOUT THREE
=======================*/
body.post-layout-three .site-main article {
padding-bottom: 40px;
margin-bottom: 40px;
}
/*==================================
POST LAYOUT SIX, SEVEN & EIGHT
==================================*/
.post-layout-six .site-main article,
.post-layout-seven .site-main article,
.post-layout-eight .site-main article {
flex-direction: column;
flex: auto;
margin-bottom: 40px;
padding-bottom: 10px;
}
.post-layout-six .site-main article .post-thumbnail,
.post-layout-seven .site-main article .post-thumbnail,
.post-layout-eight .site-main article .post-thumbnail {
width: 100%;
}
.post-layout-six .site-main article .content-wrap,
.post-layout-seven .site-main article .content-wrap,
.post-layout-eight .site-main article .content-wrap,
.post-layout-seven .site-main article .content-wrap,
.post-layout-eight .site-main article:nth-child(2n) .content-wrap {
left: 0;
padding: 20px 20px 0 20px;
margin: 0 auto;
width: calc(100% - 30px);
top: -30px;
}
.post-layout-six .site-main article .content-wrap .entry-header,
.post-layout-six .site-main article .content-wrap .entry-footer,
.post-layout-eight .site-main article .content-wrap .entry-header,
.post-layout-eight .site-main article .content-wrap .entry-footer {
margin-right: 0;
}
.post-layout-seven .site-main article .content-wrap .entry-header,
.post-layout-seven .site-main article .content-wrap .entry-footer,
.post-layout-eight .site-main article:nth-child(2n) .content-wrap .entry-header,
.post-layout-eight .site-main article:nth-child(2n) .content-wrap .entry-footer {
margin-left: 0;
}
/*==========================
POST LAYOUT NINE
==========================*/
body.post-layout-nine .site-main article {
margin-bottom: 40px;
padding-bottom: 0;
}
body.post-layout-nine .site-main article .content-wrap {
padding: 20px 20px 0 20px;
}
/*==========================
ERROR 404 PAGE
==========================*/
.error404 .content-area .page-header .page-title {
font-size: 2.2223em;
}
.error404 .site-main .error-text {
font-size: 1.1112em;
}
.error404 .site-main .error-num {
margin-top: 40px;
font-size: 9em;
}
.error404 .site-main .btn-readmore {
margin-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.error404 .site-main .search-form {
margin-top: 40px;
}
/*=============================
ADDITIONAL POST SECTION
=============================*/
.additional-post {
margin-top: 40px;
padding-top: 20px;
}
.additional-post article .entry-header {
flex-direction: column;
padding-right: 20px;
}
.additional-post article .entry-meta {
width: 100%;
}
.additional-post article .entry-title {
font-size: 0.8888em;
}
.additional-post article .entry-meta+.entry-title {
width: 100%;
padding-left: 0;
}
/*========================
NEWSLETTER BLOCK
========================*/
.single .newsletter-block {
margin-top: 40px;
}
.newsletter-block .blossomthemes-email-newsletter-wrapper {
padding-top: 40px;
padding-bottom: 40px;
}
/*=============================
SINGLE POST DEFAULT CSS
=============================*/
.single-post .site-main article .content-wrap {
flex-direction: column;
flex: auto;
}
.single-post .site-main .article-meta {
width: 100%;
margin-bottom: 30px;
}
.single-post .site-main .sticky-meta .article-meta {
position: static;
width: 100%;
left: unset;
}
.single-post .site-main .article-meta .share-title {
width: 100%;
}
.single-post .site-main .article-meta .favourite {
flex-direction: row;
align-items: center;
}
.single-post .site-main .article-meta .favourite a,
.single-post .site-main .article-meta .favourite .liked-icon {
width: 40px;
height: 40px;
line-height: 45px;
margin-right: 5px;
}
.single-post .site-main .article-meta .favourite .fav-count {
font-size: 0.8888em;
margin-top: 5px;
margin-right: 5px;
}
.single-post .site-main .article-meta .social-share {
display: flex;
flex: 1;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.single-post .site-main .article-meta .social-list li {
display: inline-block;
margin-left: 5px;
}
.single-post .site-main .article-meta .social-list li a {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 0.7778em;
}
.single-post .site-main .article-meta+.entry-content {
width: 100%;
padding-left: 0;
}
.single-post .site-main .article-meta~.entry-footer {
padding-left: 0;
}
.single .content-area .author-section {
margin-top: 40px;
padding-top: 40px;
}
.leftsidebar.single-post .site-main .article-meta+.entry-content,
.leftsidebar.single-post .site-main .article-meta~.entry-footer {
padding-right: 0;
}
/*===========================
SINGLE STYLE ONE & TWO
===========================*/
.single-style-one .site-content>.entry-header,
.single-style-two .site-content>.container>.entry-header {
padding-top: 40px;
padding-bottom: 40px;
min-height: 320px;
}
.single-style-two .site-content>.container>.entry-header {
padding: 40px 20px;
}
.single-style-one .site-content>.entry-header::before,
.single-style-two .site-content>.container>.entry-header::before {
background: rgba(0, 0, 0, 0.3);
height: 100%;
}
.single-style-one .site-content>.entry-header .entry-title,
.single-style-two .site-content>.container>.entry-header .entry-title,
.single-style-five .site-content>.entry-header .entry-title,
.single-style-six .site-content>.entry-header .entry-title,
.single-style-seven .site-content>.entry-header .entry-title {
font-size: 2em;
}
/*=============================
SINGLE STYLE THREE & FOUR
==============================*/
.single-style-three .site-main .entry-header .entry-title,
.single-style-four .site-main .entry-header .entry-title {
font-size: 2em;
}
}
/* Single post and single page underline fixes */
.entry-content a,
.entry-summary a,
.page-content a,
.comment-content a,
#secondary .widget .textwidget a {
color: var(--font-color);
}
.entry-content a,
.entry-summary a,
.page-content a,
.comment-content a,
.widget .textwidget a {
text-decoration: underline;
}
.entry-content a:hover,
.entry-summary a:hover,
.page-content a:hover,
.comment-content a:hover,
.widget .textwidget a:hover {
color: var(--primary-color);
}
/* Meta Fixes */
.single-post .site-main .sticky-meta .article-meta {
position: absolute;
left: -125px;
width: 75px;
height: 100%;
text-align: center;
top: 0px;
}
@media only screen and (max-width: 1728px) {
.single-post .site-main .sticky-meta .article-meta {
left: -106px;
}
}
@media only screen and (max-width: 1562px) {
.single-post .site-main .sticky-meta .article-meta {
left: 0px;
}
.single-post .site-main article .content-wrap {
padding-left: 100px;
}
}
@media only screen and (max-width: 767px) {
.single-post .site-main .sticky-meta .article-meta {
position: static;
left: unset;
width: 100%;
}
.single-post .site-main article .content-wrap {
width: 100%;
padding-left: 0;
}
}
.dr-archive-pagination .dr__pagination {
justify-content: flex-start;
}
@media only screen and (max-width:767px) {
.dr-archive-pagination .dr__pagination {
justify-content: center;
}
}
.dr-archive-pagination .dr__pagination .page-numbers.next {
padding-right: 20px;
}
.dr-archive-pagination .dr__pagination .page-numbers.next::before,
.dr-archive-pagination .dr__pagination .page-numbers.prev::before {
content: none;
}
.dr-archive-pagination .dr__pagination .page-numbers.prev {
padding-left: 20px;
padding-right: 12px;
}