/*
Theme Name: Unique Blogger
Theme URI: https://www.mizanthemes.com/products/free-blogger-wordpress-theme/
Author: mizanthemes
Author URI: https://www.mizanthemes.com/
Description: Unique Blogger is a visually striking and highly functional WordPress theme designed to elevate the blogging experience. With its sleek and modern design, this theme captures attention and creates a captivating platform for bloggers to share their content. The layout is clean and well-organized, ensuring that readers can easily navigate through posts and find the information they’re looking for. One of the key features of the Unique Blogger theme is its versatility. Whether you’re running a blogging, tech blog, a lifestyle blog, content creation, personal branding, journalism, storytelling, digital marketing,  tech reviews, or a food blog, this theme adapts seamlessly to suit your niche. Its customizable layout allows you to showcase your content in a way that reflects your unique style and personality. In addition to its aesthetic appeal, the Unique Blogger theme is also highly functional. It is optimized for speed and performance, ensuring that your website loads quickly and provides a smooth browsing experience for your readers. The theme is also SEO-friendly, helping to improve your website’s visibility and attract more traffic. Another benefit of the Unique Blogger theme is its responsive design. This means that your website will look great and function perfectly on all devices, from desktop computers to smartphones and tablets. This ensures that your content reaches a wider audience and allows you to engage with readers wherever they are. Preview: https://preview.mizanthemes.com/unique-blogger/
Version: 1.0.7
Requires at least: 5.6
Tested up to: 6.8
Requires PHP: 7.2
License: GPLv3
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: unique-blogger
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-menu, custom-header, featured-images, sticky-post, full-width-template, rtl-language-support, translation-ready, theme-options, threaded-comments, footer-widgets, custom-logo, food-and-drink, blog, news
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
    ## Links
    ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
    ## Asides
    ## Comments
# Infinite scroll
# Media
    ## Captions
    ## Galleries

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
:root {
    --primary-color: #FF5722;
}
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {
    margin: 0;
    font-family: "IBM Plex Sans", sans-serif;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
    text-decoration: none !important;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #001837;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

h2.entry-title{
    word-wrap: break-word;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
button,
input,
select,
textarea {
    color: #222;
    font-size: 14px;
    line-height: 1.5;
}

body {
    line-height: 1.5;
    color: #727272;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #121212;
    font-weight: bold;
    margin: 0 0 15px 0;
    font-family: "IBM Plex Sans", sans-serif;
}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 22px;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    clear: both;
}

p {
    color: #727272;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    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-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%;
}

.page-links {
    width: 100%;
    display: inline-block;
}

/*--------------------------------------------------------------
# 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 http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body {
    background-color: #fff;
    /* Fallback for when there is no custom background color defined. */
}

blockquote::before,
blockquote::after,
q::before,
q::after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul,
ol {
    margin: 0 0 1.5em 3em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li>ul,
li>ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

ul,
ol {
    margin: 0 0 0.5em 1em;
    padding: 0;
}

.entry-content ul,
.entry-content ol {
    margin-left: 0;
    list-style: none;
}

li.woocommerce-MyAccount-navigation-link {
    background: var(--primary-color);
    padding: 10px;
    border-radius: 15px;
    margin: 10px;
    text-align: center;
    font-weight: 600;
}

li.woocommerce-MyAccount-navigation-link a {
    color: #fff !important;
    text-decoration: none !important;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    height: auto;
    max-width: 100%;
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

td,
th {
    border: 1px solid #ddd;
    padding: 5px;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
a.button,
input[type="button"],
input[type="reset"] {
    background: var(--primary-color) none repeat scroll 0 0;
    border: medium none;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    padding: 10px 20px;
    border-radius: 10px;
}

button:hover,
a.button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: transparent;
    background-color: #121212;
    color: #fff;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    border-color: #aaa #bbb #bbb;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
    color: #fff;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="date"],
textarea,
select {
    color: #666;
    border: 1px solid #ddd;
    background-color: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    color: #111;
    outline: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="date"] {
    padding: 6px 0 6px 9px;
}

select {
    width: 100%;
    padding: 5px;
}

textarea {
    padding: 10px;
    width: 100%;
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    text-decoration: inherit;
}

a:visited {
    color: var(--primary-color);
}

a:hover,
a:active {
    color: var(--primary-color);
}

a:focus,
.account a:focus {
    outline: 1px dotted;
}

a:hover,
a:active {
    outline: 0;
}

/*comment and post navigation*/
a.comment-reply-link {
    text-transform: uppercase;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
    clear: both;
}

#infinite-handle {
    margin-bottom: 20px;
    height: auto;
    overflow: hidden;
}

#infinite-handle span:hover {
    border: 1px solid var(--primary-color);
    background: var(--primary-color);
    color: #fff;
}

#infinite-handle span {
    border: 1px solid #001837;
    padding: 5px 15px;
    width: auto;
    line-height: 1.5;
    color: #001837;
    display: block;
}

.post-title {
    font-size: 17px;
    word-wrap: break-word;
    margin-top: 15px;
}

.meta-nav {
    background: var(--primary-color);
    color: #ffffff;
    display: inline-block;
    font-size: 18px;
    margin-right: 15px;
    padding: 7px 10px;
    text-align: center;
    width: 115px;
}

.post-navigation a {
    color: #1a1a1a;
    display: block;
}

.post-navigation a:hover {
    color: var(--primary-color);
}

.post-navigation .nav-previous,
.post-navigation .nav-next {
    border-bottom: 4px solid var(--primary-color);
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
    padding-left: 30px;
}

/** pagination **/
.navigation,
.pagination {
    margin-top: 15px;
}

.nav-links {
    border-top: medium none;
    margin-bottom: 20px;
    padding: 20px 0;
    overflow: hidden;
}

.navigation.pagination .nav-links .page-numbers {
    padding: 5px 10px;
    text-align: center;
}

.page-numbers.dots {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.navigation .nav-links .page-numbers.current,
.navigation .nav-links a:hover {
    background: #222 none repeat scroll 0 0;
    border-color: #2195af;
    color: #ffffff;
}

.navigation .nav-links a {
    background: var(--primary-color);
    border: none;
    color: #fff;
    font-size: 15px;
    line-height: 1.5;
    padding: 5px 20px;
}
.page-links .post-page-numbers{
    background: var(--primary-color);
    border: none;
    color: #fff !important;
    font-size: 15px;
    line-height: 1.5;
    padding: 5px 20px;
}
.page-links .post-page-numbers.current{
    background: #222 none repeat scroll 0 0;
    border-color: #2195af;
    color: #ffffff;
}
.navigation .nav-links .nav-next,
.navigation .nav-links .nav-next {
    float: right;
}

.navigation .nav-links .nav-previous,
.navigation .nav-links .nav-previous {
    float: left;
    margin-bottom: 30px;
}

.navigation .nav-links .nav-links a:hover,
.navigation .nav-links .nav-links a:hover {
    background: #00132c;
}

.post-navigation .nav-links a,
.post-navigation .nav-links a:hover {
    background: #ffffff none repeat scroll 0 0;
    color: #001837;
    padding: 0;
}

.post-navigation .nav-links>div {
    width: 100%;
}

#mobile-trigger,
#mob-menu {
    display: none;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.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;
    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;
}

/*-------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
}

figure.alignright {
    margin-right: 0;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}

.alignnone {
    clear: both;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    margin-top: 15px;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear-fix::before,
.clear-fix::after,
.entry-content::before,
.entry-content::after,
.comment-content::before,
.comment-content::after,
.site-header::before,
.site-header::after,
.site-content::before,
.site-content::after,
.site-footer::before,
.site-footer::after,
#featured-slider::after,
#featured-slider::before,
.widget::after,
.widget::before {
    content: "";
    display: table;
}

.clear-fix::after,
.entry-content::after,
.comment-content::after,
.site-header::after,
.site-content::after,
.site-footer::after,
.widget::after,
.widget::before {
    clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 30px 0 0;
}

.widget:first-child {
    margin: 0;
}

.widget select {
    max-width: 100%;
}
.sidebar form.search-form{
    position: relative;
}
.sidebar .search-form .search-submit {
    width: 68px;
    top: 0px;
    height: 47px;
    background: var(--primary-color);
    display: block;
    border: 0px;
    color: #fff;
    right: 0px;
    position: absolute;
}
.sidebar .search-form .search-submit:hover{
    background: #000;
    color: #ffffff;
}
.sidebar form input.search-field {
    margin-right: 0px;
    border: 1px solid #dddddd;
    height: 15px;
     margin-right: 0px; 
    margin-top: 0px;
    bottom: -98px;
    padding: 15px 15px 15px;
    width: calc(100% - 68px) !important;
    z-index: 9999;
    right: 0;
}
.sidebar form label{
    display: block;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
#primary article.hentry {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 0 2px #cfcfcf;
    padding: 15px 15px;
    position: relative;
    margin: 50px 0px;
}
#primary article.hentry.post:nth-child(1) {
    margin-top: 0px !important;
}

#primary article.hentry:hover {
    box-shadow: 0 0 20px #cfcfcf;
}

.page-header .page-title {
    margin: 0;
}

.page-header {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 0 2px #cfcfcf;
    margin-bottom: 20px;
    padding: 5px 30px;
}

.footer-widget-area article {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0px !important;
}

footer.entry-footer {
    margin-bottom: 25px;
}

.entry-footer>span {
    display: inline-block;
    font-size: 14px;
    margin-right: 15px;
    text-align: center;
}

.entry-footer>span:last-child {
    border-right: none;
}
.author.vcard::after{
    display: none;
}
.entry-footer span:last-child::after{
    display: none;
}
.entry-footer span:after {
    content: "|";
    padding-left: 10px;
}
.cat-links>a {
    margin-left: 5px;
}

.cat-links>a:first-child {
    margin-left: 0;
}

.sticky {
    display: block;
}

#primary article.sticky.hentry {
    background: #f9f9f9;
}

.hentry {
    margin: 0 0 30px;
}

.hentry:first-child {
    margin: 0;
}

.byline,
.updated:not(.published) {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline-block;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}

.entry-footer {
    background: #ededed;
    padding: 5px;
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}

.entry-footer>span a {
    color: #121212;
    font-size: 16px;
}

.entry-footer a:hover {
    color: var(--primary-color);
}

.page-content,
.entry-content,
.entry-summary {
    margin: 15px 0 0;
}

.home .entry-content-wrapper .entry-content {
    margin: 0;
}

.entry-footer>span::before {
    display: inline-block;
    font-family: FontAwesome;
    height: 15px;
    margin-right: 8px;
    content: "";
    color: var(--primary-color);
}

.entry-meta .byline .author.vcard {
    margin-left: -4px;
}

span.comments-link::before {
    content: "\f0e6";
    color: var(--primary-color);
}

.entry-footer>.cat-links::before {
    content: "\f115";
    color: var(--primary-color);
}

.entry-footer>.byline::before {
    content: "\f007";
    color: var(--primary-color);
}

.entry-footer .edit-link::before {
    content: "\f044";
    color: var(--primary-color);
}

.entry-footer .tags-links::before {
    content: "\f02c";
}

.entry-footer>.posted-on::before {
    content: "\f017";
    color: var(--primary-color);
}

.text-content {
    clear: both;
}

.text-content p {
    font-size: 18px;
    line-height: 35px;
    color: #121212;
}
.related-post .text-content p {
    font-size: 17px;
    line-height: 24px;
}
.post-button {
    bottom: -10px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.post-button a {
    padding: 8px 25px;
    z-index: 3;
    background: var(--primary-color) none repeat scroll 0 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}

.post-button a:hover {
    color: #121221;
}

/*single post CSS*/
.entry-content p {
    font-size: 18px;
}

.custom-entry-date {
    float: left;
    margin-right: 15px;
    margin-bottom: 5px;
    background: var(--primary-color);
}

.custom-entry-date span.entry-month {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    line-height: 12px;
    padding: 8px 22px;
    text-transform: uppercase;
    width: 73px;
}

.custom-entry-date span.entry-day {
    font-size: 30px;
    font-weight: bold;
    line-height: 26px;
    overflow: hidden;
    padding: 7px 0 10px;
    font-weight: bold;
    color: #fff;
    overflow: hidden;
    width: 73px;
}

.custom-entry-date>span {
    display: block;
    text-align: center;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
#respond {
    clear: both;
    display: block;
    float: left;
}
.single-post #respond{
    float: none;
}
#comments {
    margin-top: 30px;
}

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

.comment-notes {
    position: relative;
}

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

.comment-form {
    margin: 0 -15px;
}

.comments-area form#commentform p.logged-in-as,
.comments-area form#commentform p {
    padding: 0 15px;
}

.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
    width: 100%;
}

#tab-reviews .comment-form-author,
#tab-reviews .comment-form-email,
#tab-reviews .comment-form-url {
    width: 50%;
}

.comments-area form#commentform p.logged-in-as {
    padding: 0 15px;
    width: 100%;
}

.comment-form-author,
.comment-form-email,
.comment-form-url {
    width: 33.33%;
    float: left;
}

.comment-list li.comment::after {
    content: inherit;
    display: none;
}

.comment-list li {
    padding-left: 0;
}

.comment {
    display: block;
    float: left;
    width: 100%;
}

ol.comment-list {
    border-radius: 5px;
    float: left;
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
    overflow: inherit;
    padding: 0;
    width: 100%;
}

ol.comment-list .children {
    border: medium none;
    float: left;
    margin: 15px 0 15px 15px;
    width: 98%;
}

ol.comment-list li {
    list-style: outside none none;
    margin-bottom: 15px;
}

.comment .comment-body {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 0;
    clear: both;
    display: block;
    float: left;
    margin-top: 5px;
    padding: 20px;
    position: relative;
    text-align: left;
    width: 100%;
}

.comment-author.vcard {
    font-size: 20px;
    margin-bottom: 5px;
}

.comment-list .children {
    background-position: left 20px;
    background-repeat: no-repeat;
    border-left: 1px solid rgb(238, 238, 238);
    margin-left: 0;
    padding-left: 40px;
}

.comment-list li.comment>div img.avatar {
    left: 29px;
    position: absolute;
    top: 29px;
}

#comment-form-title {
    font-size: 24px;
    padding-bottom: 10px;
}

.vcard .avatar {
    float: left;
    margin: 7px 15px 15px 0;
}

.comment-metadata {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 10px;
}

.comment-metadata>a {
    color: #49616b;
    margin-right: 30px;
}

.comment-metadata::before {
    display: inline-block;
    font-family: FontAwesome;
    height: 15px;
    content: "\f017";
}

.form-allowed-tags code {
    white-space: inherit;
    word-wrap: break-word;
}

.comment-respond label {
    display: block;
    font-weight: normal;
}

.comments-title {
    font-weight: normal;
    margin: 25px 0 0;
}

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

.comment-content {
    clear: both;
    display: block;
}

.authorbox .author-info,
.authorbox .author-bio-posts-content {
    float: left;
    max-width: 90%;
    width: 90%;
}

.author-info h4 {
    margin-bottom: 0;
}

#commentform label {
    display: inline;
    position: relative;
}

#commentform input[type="checkbox"],
#commentform input[type="radio"] {
    margin-right: 10px;
}

#commentform p.form-submit {
    margin-top: 30px;
}

#commentform span.required {
    color: #f0632b;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
/* Older / Newer Posts Navigation (always hidden) */
.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%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 1.5em;
    margin-right: -5px;
    margin-left: -5px;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
    margin: 0;
    padding: 5px;
}

.gallery-item img {
    vertical-align: middle;
}

.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;
    padding: 5px;
}

/*--------------------------------------------------------------
# Custom 
--------------------------------------------------------------*/
#page {
    position: relative;
    margin: 0 auto;
}

.site-layout-boxed #page {
    max-width: 1230px;
    margin-top: 30px;
    box-shadow: 0 2px 2px;
    margin-bottom: 30px;
}

.site-layout-boxed #page .top-news-title {
    margin-left: -16px;
    padding-left: 15px;
}

.inner-wrapper {
    margin-left: -12px;
    margin-right: -12px;
}
.page-template-home-page-template .inner-wrapper{
    margin-right: auto;
    margin-left: auto;
}
.custom-button {
    display: block;
    font-size: 16px;
    margin-bottom: 10px;
}

.custom-button {
    border: 2px solid var(--primary-color);
    display: inline-block;
    font-size: 15px;
    margin: 10px;
    padding: 8px 25px;
}

.custom-button:hover {
    background: var(--primary-color);
    color: #fff;
    border-color: var(--primary-color);
}

/*buttons*/
a.more {
    border: 2px solid #fff;
    color: #fff;
    display: inline-block;
    padding: 5px 25px 8px;
    text-transform: uppercase;
    transition: all 0.2s ease 0s;
}

a.more::after {
    content: "\f105";
    display: inline-block;
    font-family: "FontAwesome";
    font-size: 17px;
    margin-left: 9px;
}

a.more:hover {
    color: #343434;
    background-color: #fff;
    border-color: #fff;
}

a.button {
    border: 2px solid #ffffff;
    color: #ffffff;
    padding: 9px 25px;
    transition: all 0.2s ease 0s;
    display: inline-block;
    text-transform: uppercase;
}

a.button:hover {
    color: #6081a7;
}

a.button::after {
    content: "\f101";
    font-family: fontawesome;
    margin-left: 5px;
}

a.read-more {
    margin-left: 10px;
    color: var(--primary-color);
}

/*--------------------------------------------------------------
##  Preloader css
--------------------------------------------------------------*/
.loader-head {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #f9f9f9;
    z-index: 9999;
}

.preloader {
    position: fixed;
    height: 10%;
    width: 10%;
    top: 40%;
    left: 0px;
    margin: 0px auto;
    right: 0px;
}

.spinner {
    width: 120px;
    height: 120px;
    margin: 0;
    border-top: 10px solid var(--primary-color);
    box-shadow: 4px 4px 5px #ffffff inset;
    border-right: 10px solid transparent;
    border-radius: 50%;
    animation: 1.5s spin linear infinite;
}

.spinner-2 {
    width: 120px;
    height: 120px;
    margin: 0;
    border-top: 10px solid #000;
    border-left: 10px solid transparent;
    border-radius: 50%;
    position: absolute;
    top: 0;
    animation: 1.2s spin-2 linear infinite;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes spin-2 {
    from {
        transform: rotate(360deg);
    }

    to {
        transform: rotate(0deg);
    }
}

/* Topheader */
.page-template-home-page-template .main-header{
    background-color: #EBECED;
}
.main-header{
    background-color: #fff;
}
header .bottom-header{
    background: #1A1D26;
    border-radius: 6px;
  } 
  header .subscribe-btn a {
    border-radius: 6px;
    background-color: var(--primary-color);
    color: #F5F5F5;
    padding: 10px 39px;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 16px;
  }
  header .subscribe-btn a:hover{
    background: #F5F5F5;
    color:#1C222A ;
  }
  header .social-links a span{
    border-radius: 50%;
    color: #F5F5F5;
    width: 35px;
    height: 35px;
    text-align: center;
    background: none;
    font-size: 16px;
    line-height: 35px;
    border: 1px solid #FEFEFE;
    margin-right: 5px;
  }
  header .social-links a:hover span{
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
  }
  header .news-date i{
    color:#1C222A ;
    font-size: 18px;
    font-weight: 600;
  }
  header .news-date span{
    color: #1C222A;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
  }
  a.custom-logo-link{
    display: flex;
    justify-content: center;
}
.search-container-button span{
    color: #000;
    font-weight: 500;
    font-size: 24px;
}
.search-container-button-close span{
    font-size: 40px;
    width: 40px;
    height: 40px;
    line-height: 50px;
}
/*--------------------------------------------------------------
##  Header Style 
--------------------------------------------------------------*/
#middle-header.sticky {
    position: fixed !important;
    width: 100%;
    background: #f9f9f9;
    z-index: 99999;
    top: 0px;
}

.admin-bar #middle-header.sticky {
    top: 32px;
}

.site-description {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0;
}

#header-social .unique_blogger_widget_social ul li a::before {
    line-height: 1.5;
    font-size: 16px;
}

#header-social .unique_blogger_widget_social li a {
    height: 25px;
    background: inherit;
    width: 20px;
}

#header-social .unique_blogger_widget_social ul li a::before {
    color: #121212;
    text-shadow: inherit;
    font-size: 14px;
    font-weight: 300;
}

.search-form input.search-field {
    border: 1px solid #dddddd;
    height: 15px;
    margin-right: 10px;
    margin-top: 8px;
    bottom: -98px;
    padding: 15px 15px 15px;
    width: 100%;
    z-index: 9999;
    right: 0;
}

.search-form .search-submit {
    font: 14px/1.3 FontAwesome;
    height: 37px;
    display: none;
}

.search-form .search-submit:hover,
.search-form .search-submit:focus {
    color: #fff;
    background: none;
    outline: 1px solid #fff !important;
}

/* Anchor tag undeline */
#sidebar-primary .textwidget a,
.comment .comment-body a,
.rsswidget,
.woocommerce-account .woocommerce-MyAccount-content a,
.woocommerce-privacy-policy-text a,
.woocommerce-info a,
.entry-content a,
.text-content a {
    color: var(--primary-color);
    text-decoration: underline !important;
}

.wp-block-button__link {
    color: #fff !important;
}

/*middle header css*/

.site-header.fixed {
    background-color: var(--primary-color);
    box-shadow: 0 0 3px #aaaaaa;
    left: 0;
    padding: 0 0;
    position: fixed;
    top: 0;
    z-index: 9999;
}

.site-header.fixed .site-branding {
    display: none;
}

.slider-enabled .site-header {
    transition: all 0.5s ease-in-out 0s;
    width: 100%;
    z-index: 99999;
}

.site-header.fixed #main-nav {
    background: var(--primary-color) none repeat scroll 0 0;
    margin: 0;
}

.site-header.fixed #main-nav a {
    color: #ffffff;
}

.site-branding img {
    margin-top: 5px;
    vertical-align: middle;
}

.site-title>a {
    color: var(--primary-color);
    font-size: 25px;
    font-weight: bold;
}

.site-header.fixed .site-description {
    display: none;
}

#masthead {
    clear: both;
    top: 0;
    width: 100%;
    z-index: 99999;
}

#site-logo {
    max-width: 300px;
}

.site-title {
    margin-bottom: 0;
    font-size: 28px;
    font-weight: 500;
}

.site-info a {
    color: #fff;
}

.woocommerce a.remove:hover {
    background: var(--primary-color) none repeat scroll 0 0 !important;
}

/*--------------------------------------------------------------
## Menu Style 
--------------------------------------------------------------*/

.admin-bar .fixed {
    margin-top: 32px;
}

.gb_nav_menu li {
    display: inline-block;
    margin: 0;
    position: relative;
}

.gb_nav_menu li a {
    color: #1A1D26;
    padding: 8px 15px 6px 15px;
    display: block;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
}

.gb_nav_menu ul li a:active,
.gb_nav_menu ul li a:hover {
    color: var(--primary-color);
}

.gb_nav_menu ul ul {
    display: none;
    position: absolute;
    background: var(--primary-color);
    min-width: 210px;
    z-index: 9999;
    padding: 4px;
}

.gb_nav_menu ul ul ul {
    left: 100%;
    top: 0;
    margin-left: 0;
}

.gb_nav_menu ul ul a {
    color: #fff;
    padding: 10px;
}

.gb_nav_menu ul ul a:hover {
    background: #fff;
    color: var(--primary-color) !important;
}

.gb_nav_menu ul ul li {
    float: none;
    display: block;
    text-align: left;
    border-left: none;
    border-right: none !important;
    padding: 0;
}

.gb_nav_menu ul ul li:last-child {
    border-bottom: 0;
}

.gb_nav_menu ul li:hover>ul {
    display: block;
}

.gb_nav_menu .menu>ul>li.highlight {
    background-color: #006ccc;
}

.gb_nav_menu .menu>ul>li.highlight:hover {
    background: transparent;
}

.sf-arrows ul .sf-with-ul {
    padding: 10px;
}

.sf-arrows .sf-with-ul:after {
    content: ' ▾';
    position: absolute;
    right: 0px;
}

.sf-arrows ul .sf-with-ul:after {
    top: 4px;
}

.toggle-menu,
a.closebtn {
    display: none;
}

/*--------------------------------------------------------------
## Social Links Style 
--------------------------------------------------------------*/
.unique_blogger_widget_social {
    clear: both;
    overflow: hidden;
}

.unique_blogger_widget_social ul {
    margin: 0;
}

.unique_blogger_widget_social li a {
    display: block;
    height: 40px;
    line-height: 1.7;
    margin-right: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 50px;
}

.unique_blogger_widget_social li {
    display: inline-block;
}

.widget-area .unique_blogger_widget_social li,
#footer-widgets .unique_blogger_widget_social li {
    padding: 0;
}

.widget-area .unique_blogger_widget_social li::before,
#footer-widgets .unique_blogger_widget_social li::before {
    display: none;
}

.unique_blogger_widget_social ul li a::before {
    font-size: 19px;
}

.unique_blogger_widget_social li a i {
    color: #cacad8;
    font-size: 20px;
    font-weight: normal;
}

.unique_blogger_widget_social ul li a::before {
    color: #ffffff;
    content: "\f0c1";
    display: block;
    font-family: FontAwesome;
    font-weight: normal;
    line-height: 2.2;
}

.unique_blogger_widget_social ul li a[href*="facebook.com"]::before {
    content: "\f09a";
}

.unique_blogger_widget_social ul li a[href*="twitter.com"]::before {
    content: "\f099";
}

.unique_blogger_widget_social ul li a[href*="linkedin.com"]::before {
    content: "\f0e1";
}

.unique_blogger_widget_social ul li a[href*="plus.google.com"]::before {
    content: "\f0d5";
}

.unique_blogger_widget_social ul li a[href*="youtube.com"]::before {
    content: "\f167";
}

.unique_blogger_widget_social ul li a[href*="dribbble.com"]::before {
    content: "\f17d";
}

.unique_blogger_widget_social ul li a[href*="pinterest.com"]::before {
    content: "\f0d2";
}

.unique_blogger_widget_social ul li a[href*="bitbucket.org"]::before {
    content: "\f171";
}

.unique_blogger_widget_social ul li a[href*="github.com"]::before {
    content: "\f113";
}

.unique_blogger_widget_social ul li a[href*="codepen.io"]::before {
    content: "\f1cb";
}

.unique_blogger_widget_social ul li a[href*="flickr.com"]::before {
    content: "\f16e";
}

.unique_blogger_widget_social ul li a[href$="/feed/"]::before {
    content: "\f09e";
}

.unique_blogger_widget_social ul li a[href*="foursquare.com"]::before {
    content: "\f180";
}

.unique_blogger_widget_social ul li a[href*="instagram.com"]::before {
    content: "\f16d";
}

.unique_blogger_widget_social ul li a[href*="tumblr.com"]::before {
    content: "\f173";
}

.unique_blogger_widget_social ul li a[href*="reddit.com"]::before {
    content: "\f1a1";
}

.unique_blogger_widget_social ul li a[href*="vimeo.com"]::before {
    content: "\f194";
}

.unique_blogger_widget_social ul li a[href*="digg.com"]::before {
    content: "\f1a6";
}

.unique_blogger_widget_social ul li a[href*="twitch.tv"]::before {
    content: "\f1e8";
}

.unique_blogger_widget_social ul li a[href*="stumbleupon.com"]::before {
    content: "\f1a4";
}

.unique_blogger_widget_social ul li a[href*="delicious.com"]::before {
    content: "\f1a5";
}

.unique_blogger_widget_social ul li a[href*="mailto:"]::before {
    content: "\f0e0";
}

.unique_blogger_widget_social ul li a[href*="soundcloud.com"]::before {
    content: "\f1be";
}

.unique_blogger_widget_social ul li a[href*="wordpress.org"]::before {
    content: "\f19a";
}

.unique_blogger_widget_social ul li a[href*="wordpress.com"]::before {
    content: "\f19a";
}

.unique_blogger_widget_social ul li a[href*="jsfiddle.net"]::before {
    content: "\f1cc";
}

.unique_blogger_widget_social ul li a[href*="tripadvisor.com"]::before {
    content: "\f262";
}

.unique_blogger_widget_social ul li a[href*="foursquare.com"]::before {
    content: "\f180";
}

.unique_blogger_widget_social ul li a[href*="angel.co"]::before {
    content: "\f209";
}

.unique_blogger_widget_social ul li a[href*="slack.com"]::before {
    content: "\f198";
}

.unique_blogger_widget_social ul li a[href*="plus.google.com"] {
    background-color: #dd4b39;
}

.unique_blogger_widget_social ul li a[href*="/feed/"] {
    background-color: #dc622c;
}

.unique_blogger_widget_social ul li a[href*="wordpress.org"],
.unique_blogger_widget_social ul li a[href*="wordpress.com"] {
    background-color: #45bbe6;
}

/*--------------------------------------------------------------
## Main Content Style
--------------------------------------------------------------*/
#primary {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 70%;
}

#content {
    clear: both;
    padding: 30px 0;
}

.home.home-content-not-enabled #content {
    display: none;
}

/*--------------------------------------------------------------
## Sidebar Style 
--------------------------------------------------------------*/
.sidebar {
    width: 30%;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
}

.widget-area .widget::after,
.widget-area .widget::before {
    clear: both;
    content: "";
    display: table;
}

.sidebar .widget_block h2,.sidebar .widget-title ,.sidebar .wp-block-archives__label,.sidebar .wp-block-search__label ,
.sidebar .wp-block-categories__label{
    color: #091d2d;
    font-size: 22px;
    line-height: 26px;
    font-weight: 700!important;
    position: relative;
    z-index: 1;
    border-bottom: 1px solid #e7ecef;
    margin-bottom: 15px;
    padding-bottom: 10px;
    text-align: left;
}
.sidebar .wp-block-search__button {
    border-radius: 0px !important;
}

.entry-title h2:before {
    content: "\f185";
    display: inline-block;
    font-family: FontAwesome;
    margin-right: 5px;
}

.sidebar ul {
    list-style: outside none none;
    padding: 0;
    margin: 0;
}

.sidebar ul ul {
    border-bottom: none;
    padding-bottom: 0;
}

.sidebar ul li {
    padding-bottom: 5px;
    padding-left: 30px;
    padding-top: 5px;
    position: relative;
}

.sidebar ul li::before {
    color: var(--primary-color) !important;
    content: "\f192";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 13px;
    left: 0;
    position: absolute;
    top: 6px;
    margin-left: 2px;
}

.sidebar .widget a,
.sidebar .widget a:visited {
    color: #001837;
    word-wrap: break-word;
}

.sidebar .widget a:hover,
.sidebar .widget a:active {
    color: var(--primary-color);
}

.sidebar .widget {
    padding: 40px 30px;
    border-radius: 0;
    position: relative;
    box-shadow: 0 0 2px #727070;
    border-bottom: 3px solid var(--primary-color);
}

.sidebar .widget:hover {
    box-shadow: 0 0 20px #cfcfcf;
}
.sidebar .widget::before {
    content: "";
    width: 4px;
    height: 15px;
    position: absolute;
    left: 30px;
    top: 0;
    background: var(--primary-color);
}
.sidebar ul li.wp-social-link::before {
    display: none;
}
.sidebar .wp-block-latest-posts__featured-image img{
    width: 67px;
    margin-bottom: 10px;
    border-radius: 3px;
}
/* sidebar links */
.sidebar .widget_text a ,.sidebar .wp-block-heading a{
 text-decoration: underline !important;
}
.footer-widget-area .wp-block-heading a,
.footer-widget-area .widget_text a{
text-decoration: underline !important;
}
#footer-widgets ul li.wp-social-link::before {
display: none;
}

/*calendar widget*/
.widget_calendar {
    text-align: center;
}

.widget_calendar caption {
    background: var(--primary-color) none repeat scroll 0 0;
    color: #ffffff;
    padding: 5px;
}

.widget_calendar .pad {
    background: #eeeeee none repeat scroll 0 0;
}

.widget_calendar #today {
    background: var(--primary-color) none repeat scroll 0 0;
    color: #ffffff;
}

.widget .tagcloud a {
    border: 1px solid #dddddd;
    color: #001837;
    display: inline-block;
    font-size: 16px !important;
    line-height: 1.5;
    margin-bottom: 5px;
    padding: 5px 15px;
}

.widget .tagcloud a:hover {
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
}

.widget_categories li>a,
.widget_archive li>a {
    display: inline-block;
    min-width: 85%;
}

.search-form .search-submit:focus {
    box-shadow: inherit;
    outline: none;
}

/*--------------------------------------------------------------
## Footer Style By 
--------------------------------------------------------------*/
#colophon {
    background: var(--primary-color);
    clear: both;
    color: rgba(255, 255, 255, 0.75);
    font-size: 18px;
    padding: 15px 0;
    text-align: center;
}

#colophon a {
    color: rgba(255, 255, 255, 0.75);
}

#colophon a:hover {
    color: rgba(255, 255, 255, 0.75);
}

#footer-widgets {
    background: #121212 none repeat scroll 0 0;
    overflow: hidden;
    padding: 50px 0;
    color: rgba(255, 255, 255, 0.75);
}

#footer-widgets ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

#footer-widgets ul li {
    font-size: 13px;
    letter-spacing: 0.5px;
    padding: 3px 0px 3px 9px ;
    position: relative;
}
#footer-widgets ul li a{
    padding-left: 15px;
    word-wrap: break-word;
}
#footer-widgets ul .wpr-mini-cart-remove a{
    padding-left: 0px !important; 
}
#footer-widgets ul .wpr-mini-cart-remove {
    position: absolute;
    left: 0 !important;
    top: 0;
}
#footer-widgets ul li::before {
    color: rgba(255, 255, 255, 0.75);
    content: "\f105";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 14px;
    left: 0;
    position: absolute;
    top: 3px;
}
#footer-widgets ul li.mini_cart_item::before{
    display: none;
}
#footer-widgets a .footer-widget-area {
    float: left;
    padding: 0 25px;
    width: 25%;
}

#footer-widgets a,
#footer-widgets p {
    color: rgba(255, 255, 255, 0.75);
}

#footer-widgets a:hover {
    color: #fff;
}

#footer-widgets .footer-active-1 {
    width: 100%;
}

#footer-widgets .footer-active-2 {
    width: 50%;
}

#footer-widgets .footer-active-3 {
    width: 33.33%;
}

#footer-widgets .footer-active-4 {
    width: 25%;
}

#footer-widgets .footer-widget-area {
    float: left;
    padding: 0 25px;
}

#footer-widgets .widget-title,
#footer-widgets .wp-block-archives__label,
#footer-widgets .wp-block-categories__label,
#footer-widgets .wp-block-search__label {
    color: #dddddd;
    font-size: 21px;
    font-weight: 800;
    text-align: left;
}
#footer-widgets .wp-block-latest-posts__post-excerpt,
#footer-widgets .wp-block-latest-posts__post-date,
#footer-widgets .wp-block-latest-posts__post-author,
#footer-widgets .notice-error {
    color: #fff;
}

#footer-widgets input#woocommerce-product-search-field-1 {
    width: 100%;
    margin-bottom: 5px;
}
#footer-widgets .woocommerce-product-search button{
width: 100%;
}
#footer-widgets .woocommerce-product-search{
    text-align: center;
}
header.entry-header h1 {
    word-wrap: break-word;
}

/*Footer Navigation*/
#colophon .unique_blogger_widget_social ul li a::before {
    font-size: 14px;
}

#colophon .unique_blogger_widget_social li a {
    height: 30px;
    width: 30px;
}

#colophon .footer-social {
    margin: 5px 0;
}

#footer-navigation li {
    display: inline-block;
    list-style: outside none none;
}

#footer-navigation li a {
    display: block;
    padding: 0 5px 5px;
}

#footer-navigation ul {
    margin: 0;
}

#footer-widgets h1,
#footer-widgets h2,
#footer-widgets h3,
#footer-widgets h2,
#footer-widgets h4 #footer-widgets h5 #footer-widgets h6 {
    color: #fff;
}

/*Scrollup Style*/

#scrollToTopBtn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    min-height: inherit;
    background-color: #000000;
    color: white;
    border: none;
    box-shadow: none;
    border-radius: 50%;
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    outline: none;
    padding: 0;
    z-index: 1000;
    transition: background-color 0.3s;
}

#scrollToTopBtn #progressCircle {
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-90deg);
}
#scrollToTopBtn circle {
    stroke: var(--primary-color);
    stroke-dasharray: 138;
    stroke-dashoffset: 138;
    transition: stroke-dashoffset 0.3s;
}


/*--------------------------------------------------------------
##  layout sidebar By 
--------------------------------------------------------------*/
.global-layout-left-sidebar #primary {
    float: right;
}

.three-columns-enabled #primary {
    display: inline-block;
    float: none;
    width: 50%;
}

.four-columns-enabled #primary {
    display: inline-block;
    float: none;
    width: 25%;
}

.four-columns-enabled #sidebar-secondary1 {
    float: inline-end;
}

.four-columns-enabled .sidebar {
    width: 25%;
}

.global-layout-three-columns .sidebar {
    float: right;
}

.three-columns-enabled .sidebar {
    width: 25%;
}

.global-layout-no-sidebar #primary {
    width: 100%;
}

/*--------------------------------------------------------------
## Inner Pages Style By 
--------------------------------------------------------------*/
/*Basic Breadcrumb */
#breadcrumb {
    padding: 18px 0;
    width: 100%;
    overflow: hidden;
    margin-top: 15px;
}

#breadcrumb .breadcrumb-trail li {
    display: block;
    float: left;
    list-style: outside none none;
    padding-right: 10px;
}

#breadcrumb .breadcrumb-trail li.trail-item.trail-end::after {
    display: none;
}

#breadcrumb .breadcrumb-trail li::after {
    content: "\f105";
    margin-left: 10px;
    font-family: 'FontAwesome';
}

#breadcrumb .breadcrumb-trail .trail-items {
    margin: 0;
    padding: 0;
}

#breadcrumb span,
.submit {
    background: var(--primary-color);
    padding: 10px 20px;
    color: #fff;
    border: none;
    font-weight: 600;
    font-size: 18px;
}

/*Error 404 Page*/
section.error-404 {
    text-align: center;
}

#quick-links-404 ul li {
    display: inline-block;
    list-style: outside none none;
}

#quick-links-404 ul li a {
    color: #404040;
    display: block;
    padding: 5px 10px;
}

.error404 #primary {
    width: 100%;
}

section.error-404 .search-form {
    position: relative;
    max-width: 320px;
    margin: 0 auto;
}
.error-404 .search-form{
    display: flex;
    align-items: center;
    justify-content: center;
}
.error404 .search-form .search-submit {
    height: 45px;
    padding: 0 20px;
    display: block;
    background: var(--primary-color);
    color: #fff;
    border: none;
}
.error404 .search-form input.search-field{
    margin-top: 0px;
}
/* Nothing Found */
.no-results .search-box-wrap .search-form{
    position: relative;
    max-width: 320px;
}
.no-results .search-box-wrap .search-form{
    display: flex;
}
.no-results .search-box-wrap .search-form .search-submit{
    height: 45px;
    padding: 0 20px;
    display: block;
    background: var(--primary-color);
    color: #fff;
    border: none;
}
.no-results .search-box-wrap .search-form input.search-field{
    margin-top: 0px;
}
.search-label{
    width: calc(100% - 68px);
}
/*contact form 7*/
.wpcf7-form {
    max-width: 875px;
}

div.wpcf7 {
    margin: 0 auto;
    padding: 0;
}

.wpcf7 input {
    width: 100%;
}

.wpcf7 input.wpcf7-submit {
    width: auto;
}

.wpcf7-form-control-wrap {
    margin-top: 5px;
    display: block;
}

/*--------------------------------------------------------------
## Extra css for Pro 
--------------------------------------------------------------*/
/* Global layout sidebar*/
.global-layout-three-columns-pcs #sidebar-primary,
.global-layout-three-columns-cps #sidebar-primary,
.global-layout-three-columns-psc #sidebar-primary {
    float: left;
}

.global-layout-three-columns-pcs #sidebar-secondary,
.global-layout-three-columns-cps #sidebar-secondary {
    float: right;
}

.global-layout-three-columns-cps #primary {
    float: left;
}

/* equal global layout*/
.global-layout-three-columns-pcs-equal #primary,
.global-layout-three-columns-pcs-equal #sidebar-primary,
.global-layout-three-columns-pcs-equal #sidebar-secondary,
.global-layout-three-columns-scp-equal #primary,
.global-layout-three-columns-scp-equal #sidebar-primary,
.global-layout-three-columns-scp-equal #sidebar-secondary {
    width: 33.33%;
}

.global-layout-three-columns-pcs-equal #sidebar-primary {
    float: left;
}

.global-layout-three-columns-pcs-equal #sidebar-secondary {
    float: right;
}

/*sidebar and footer widget area style*/
#footer-widgets .home-section-post-category .post-category-item,
.sidebar .home-section-post-category .post-category-item {
    margin-bottom: 15px;
    width: 100%;
}

/*--------------------------------------------------------------
### Recent post widget style
--------------------------------------------------------------*/
#footer-widgets .unique_blogger_widget_recent_posts .recent-posts-item {
    margin: 0;
}

.unique_blogger_widget_recent_posts .recent-posts-title {
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 10px;
}

.unique_blogger_widget_recent_posts .recent-posts-title a {
    color: #222;
}

.unique_blogger_widget_recent_posts .recent-posts-item {
    clear: both;
    margin-top: 30px;
}

.unique_blogger_widget_recent_posts .recent-posts-item::after {
    clear: both;
    content: "";
    display: table;
}

.unique_blogger_widget_recent_posts .recent-posts-date::before {
    display: inline-block;
    font-family: FontAwesome;
    height: 15px;
    margin-right: 8px;
    content: "\f017";
}

/*--------------------------------------------------------------
### Featured Page Widget style 
--------------------------------------------------------------*/
#unique-blogger-front-page-widgets .unique_blogger_widget_featured_page .container {
    width: 1349px;
    padding: 0;
    max-width: 100%;
}

#unique-blogger-front-page-widgets .featured-page-widget img.alignleft {
    margin-right: 60px;
    vertical-align: middle;
    margin-bottom: 0;
    max-width: 50%;
}

#unique-blogger-front-page-widgets .featured-page-widget img.alignright {
    margin-left: 60px;
    vertical-align: middle;
    margin-bottom: 0;
    max-width: 50%;
}

#unique-blogger-front-page-widgets .fetured-page-content {
    padding: 50px;
}

#unique-blogger-front-page-widgets .featured-page-widget.entry-content {
    margin: 0;
    background: #fff;
}

#unique-blogger-front-page-widgets .unique_blogger_widget_featured_page {
    padding: 0;
}

/*--------------------------------------------------------------
### Featured Content style 
--------------------------------------------------------------*/
.home-section-featured-blocks article {
    float: left;
    padding: 0 15px;
}

.home-section-featured-blocks .featured-blocks-column-1 article {
    width: 100%;
}

.home-section-featured-blocks .featured-blocks-column-2 article {
    width: 50%;
}

.home-section-featured-blocks .featured-blocks-column-3 article {
    width: 33.33%;
}

.home-section-featured-blocks .featured-blocks-column-4 article {
    width: 25%;
}

.home-section-featured-blocks {
    background: var(--primary-color) none repeat scroll 0 0;
    float: left;
    width: 100%;
    padding: 40px 0;
}

.home-section-featured-blocks .entry-title a {
    color: #fff;
    font-weight: 400;
}

.home-section-featured-blocks p {
    color: rgba(255, 255, 255, 0.75);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.7;
    margin-bottom: 20px;
}

.home-section-featured-blocks .block-title a {
    color: #fff;
}

/*--------------------------------------------------------------
### Woocommercce Product Grid widget style
--------------------------------------------------------------*/
.unique_blogger_widget_products_grid .unique-blogger-woocommerce-product-grid-4 ul.products li.product {
    margin: 0 1.5% 30px;
    width: 22%;
}

.unique_blogger_widget_products_grid .unique-blogger-woocommerce-product-grid-3 ul.products li.product {
    width: 30.3%;
    margin: 0 1.5% 30px;
}

.unique-blogger-woocommerce ul {
    margin: 0;
}

.unique_blogger_widget_products_grid .unique-blogger-woocommerce {
    margin: 0 -15px;
}

#unique-blogger-front-page-widgets .unique_blogger_widget_products_grid {
    padding-bottom: 0;
}
.woocommerce-info a,
.site-title,
.woocommerce-info::before {
    color: #121212;
}

.woocommerce-info {
    border-top-color: var(--primary-color) !important;
}

/*--------------------------------------------------------------
### Woocommercce Carousel widget style
--------------------------------------------------------------*/
.unique-blogger-woocommerce .slick-prev {
    left: 0;
    z-index: 999;
}

.unique-blogger-woocommerce .slick-next {
    right: 0;
    z-index: 999;
}

.unique-blogger-woocommerce .slick-arrow {
    bottom: 50%;
    position: absolute;
}

.unique-blogger-woocommerce .slick-arrow i {
    background: #4fc3dd none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    font-size: 30px;
    height: 40px;
    line-height: 1.3;
    position: relative;
    text-align: center;
    width: 40px;
}

.unique-blogger-woocommerce ul.products li.product a img {
    box-shadow: none;
    display: block;
    height: auto;
    margin: 0 0 1em;
    width: 100%;
}

.unique-blogger-woocommerce .quantity .qty {
    height: 36px;
    text-align: center;
    width: 3.631em;
}

.unique-blogger-woocommerce ul.products li.product,
.unique-blogger-woocommerce -page ul.products li.product {
    background: #ffffff none repeat scroll 0 0;
    float: left;
    list-style-type: none;
    overflow: hidden;
    position: relative;
    text-align: center;
    margin: 0 15px;
}

.unique-blogger-woocommerce ul.products li.product .price del {
    color: inherit;
    display: inline-block;
}

.unique-blogger-woocommerce span.onsale {
    background-color: #121212;
    color: #ffffff;
    position: absolute;
    z-index: 99;
}

.unique-blogger-woocommerce #review_form #respond p.stars {
    margin: 10px 0;
    padding: 0;
}

.unique-blogger-woocommerce ul.products li.product .price ins {
    font-weight: 700;
}

.unique-blogger-woocommerce ul.products li.product .onsale::after {
    content: '';
    width: 0px;
    height: 0px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    position: absolute;
    top: 25px;
    right: 2px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.unique-blogger-woocommerce ul.products li.product .onsale {
    border-radius: 0;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08) inset;
    font-size: 14px;
    font-weight: 400;
    height: 60px;
    line-height: 8px;
    margin: 0;
    min-height: 20px;
    padding: 40px 0 0;
    right: -40px;
    text-align: center;
    text-shadow: none;
    text-transform: uppercase;
    top: -12px;
    transform: rotate(51deg);
    width: 95px;
    font-weight: bold;
}

.unique-blogger-woocommerce ul.products li.product h3 {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 1px;
    margin-bottom: 7px;
    width: 100%;
}

.unique-blogger-woocommerce.unique-blogger-woocommerce-product-grid-3 ul.products li.product .button {
    left: 32%;
}

.unique-blogger-woocommerce ul.products li.product .button {
    font-size: 15px;
    left: 21%;
    position: absolute;
    text-align: center;
    top: 35%;
    transition: all 0.4s ease-in-out 0s;
    visibility: hidden;
    width: auto;
    opacity: 0;
    border: none;
    text-transform: capitalize;
}

.unique-blogger-woocommerce ul.products li.product .button:hover {
    color: #fff;
}

.unique-blogger-woocommerce ul.products li.product:hover .button {
    visibility: visible;
    opacity: 1;
    top: 40%;
}

.unique-blogger-woocommerce .star-rating {
    float: right;
    font-family: star;
    font-size: 1em;
    height: 1em;
    line-height: 1;
    overflow: hidden;
    position: relative;
    width: 5.4em;
}

.unique-blogger-woocommerce .star-rating::before {
    color: #d3ced2;
    content: "sssss";
    float: left;
    left: 0;
    position: absolute;
    top: 0;
}

.unique-blogger-woocommerce .star-rating span {
    float: left;
    left: 0;
    overflow: hidden;
    padding-top: 1.5em;
    position: absolute;
    top: 0;
}

.unique-blogger-woocommerce .star-rating span::before {
    color: #ffd353;
    content: "SSSSS";
    left: 0;
    position: absolute;
    top: 0;
}

.unique-blogger-woocommerce .woocommerce-product-rating {
    display: block;
    line-height: 2;
}

.unique-blogger-woocommerce .woocommerce-product-rating::after,
.unique-blogger-woocommerce .woocommerce-product-rating::before {
    content: " ";
    display: table;
}

.unique-blogger-woocommerce .woocommerce-product-rating .star-rating {
    float: left;
    margin: 0.5em 4px 0 0;
}

.unique-blogger-woocommerce .products .star-rating {
    display: block;
    float: none;
    left: 25px;
    position: absolute;
    top: 62%;
}

.unique-blogger-woocommerce .hreview-aggregate .star-rating {
    margin: 10px 0 0;
}

.unique-blogger-woocommerce ul.products li.product .price {
    color: #77a464;
    display: block;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 15px;
}

.unique-blogger-woocommerce ul.products li.product .star-rating {
    font-size: 16px;
}

.unique-blogger-woocommerce a.button::after {
    content: "\f217";
    font-family: fontawesome;
    margin-left: 10px;
}

/*--------------------------------------------------------------
## Custom Woocommerce Style
--------------------------------------------------------------*/
.woocommerce ul.products li.product mark,
.woocommerce ul.products li.product ins,
.woocommerce ul.products li.product mark,
.woocommerce ul.products li.product ins {
    background: #fa6f6f none repeat scroll 0 0;
    border-radius: 14px;
    color: #ffffff;
    font-weight: normal;
    margin: 0 5px;
    padding: 0 13px;
    text-decoration: none;
}

.woocommerce ul.products li.product h3 {
    font-size: 18px;
    font-weight: normal;
    padding: 0 0 0.5em;
}

.woocommerce .quantity .qty {
    height: 36px;
    text-align: center;
    width: 3.631em;
}

.woocommerce div.product .button {
    vertical-align: middle;
    float: left;
    font-weight: normal;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    width: 30%;
    margin: 0 1.5% 20px;
    padding: 0 0 5px;
    text-align: center;
    float: left;
    list-style-type: none;
    position: relative;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    background: #fff;
    overflow: hidden;
    border-bottom: 3px solid var(--primary-color);
    border-radius: 10px;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: var(--primary-color)
}

.woocommerce ul.products li.product a img {
    position: relative;
}

.woocommerce ul.products li.product .button {
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    clear: both;
    float: none;
    font-size: 15px !important;
    line-height: 1.5;
    margin: 14px auto 14px;
    max-width: 134px;
    padding: 7px 0px;
    transition: all 0.4s ease-in-out 0s;
    text-transform: capitalize;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    font-weight: 600;
    color: #fff !important;
    text-decoration: none !important;
}

.woocommerce ul.products li.product .price ins {
    color: #121212;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 25px;
}

.woocommerce ul.products li.product .button::after {
    content: "\f217";
    font-family: fontawesome;
    margin-left: 10px;
}

.woocommerce ul.products li.product .price del {
    color: inherit;
    display: inline-block;
    color: var(--primary-color);
}

.woocommerce span.onsale {
    background-color: var(--primary-color);
}

.woocommerce ul.products li.product .star-rating {
    font-size: 0.857em;
    left: 20px;
    position: absolute;
    top: 10px;
}

.woocommerce #review_form #respond p.stars {
    margin: 10px 0;
    padding: 0;
}

.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
    background: none repeat scroll 0 0 #ffffff;
    padding: 5px;
    border: 1px solid #ddd;
}

.images .thumbnails a {
    border: 1px solid #ddd;
    clear: both;
}

#reviews .comment-form {
    margin: 0;
}

.woocommerce ul.products li.product a {
    text-align: center;
    text-decoration: none;
}

/*woocommerce button custom color*/
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    background: var(--primary-color);
    box-shadow: inherit;
    border-radius: 0;
    color: #fff !important;
    text-decoration: none !important;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt[disabled]:disabled,
.woocommerce #respond input#submit.alt[disabled]:disabled:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt[disabled]:disabled,
.woocommerce a.button.alt[disabled]:disabled:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt[disabled]:disabled,
.woocommerce button.button.alt[disabled]:disabled:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt[disabled]:disabled,
.woocommerce input.button.alt[disabled]:disabled:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    background-color: #121212;
    box-shadow: none;
    color: #fff;
    border: none;
}

.woocommerce div.product .woocommerce-tabs .panel {
    background-color: #fff;
    padding: 15px;
    border-top: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    margin-bottom: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border-radius: 0;
    float: left;
    margin: 0 2px;
}

.woocommerce #content table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
    border-radius: 17px;
    height: 33px;
    margin-top: 1px;
    padding-left: 15px;
    width: auto;
}

.woocommerce input#billing_phone {
    padding: 5px;
    border: 1px solid #ddd;
}

.woocommerce .select2-container .select2-choice {
    border: 1px solid #ddd;
    border-radius: 0;
}

.woocommerce-cart .cart-collaterals .cart_totals table td,
.woocommerce-cart .cart-collaterals .cart_totals table th {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 6px 5px;
}

.woocommerce-cart .cart-collaterals .cart_totals table {
    border: 1px solid #ddd;
    border-top: 2px solid #ddd;
}

.woocommerce-checkout #payment ul.payment_methods li {
    list-style: outside none none;
}

.woocommerce-checkout #payment,
.woocommerce table {
    background: none repeat scroll 0 0 #ffffff;
}

.woocommerce table.shop_table {
    border: medium none;
}

.woocommerce table.shop_table {
    border-collapse: collapse;
}

.woocommerce caption,
.woocommerce th,
.woocommerce td {
    font-weight: 400;
    padding: 5px;
    text-align: center;
}

.woocommerce table.shop_table th {
    font-weight: normal;
    padding: 6px 12px;
}

.woocommerce table.shop_table td {
    padding: 5px;
    text-align: center;
}

.woocommerce a.remove {
    background: var(--primary-color) none repeat scroll 0 0;
    color: #ffffff !important;
    margin: 0 auto;
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
    display: block;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 1em;
    padding: 10px 20px;
    text-align: center;
}

.woocommerce div.product .product_title {
    clear: none;
    font-size: 28px;
    margin: 0 0 5px;
    padding: 0 0 10px;
}

.page-numbers {
    background: none repeat scroll 0 0 #ffffff;
}

.woocommerce nav.woocommerce-pagination {
    margin-bottom: 30px;
    text-align: center;
}

.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
    margin-top: 0;
}

.woocommerce div.product .woocommerce-product-rating {
    margin-bottom: 15px;
}

.woocommerce ul.products li.product .onsale {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08) inset;
    font-size: 14px;
    font-weight: 400;
    height: 60px;
    line-height: 8px;
    margin: 0;
    min-height: 20px;
    padding: 40px 0 0;
    right: -40px;
    text-align: center;
    text-shadow: none;
    text-transform: uppercase;
    top: -12px;
    transform: rotate(51deg);
    width: 95px;
    font-weight: bold;
    display: block;
}

.cart button.single_add_to_cart_button {
    margin-left: 15px;
}

.woocommerce .actions p {
    margin: 0;
}

.woocommerce table.shop_table.cart thead {
    background: var(--primary-color) none repeat scroll 0 0;
    color: #ffffff;
}

.woocommerce .checkout h3 {
    font-size: 20px;
}

.woocommerce #ship-to-different-address .checkbox+br {
    display: none;
}

.woocommerce .checkout-button.button.alt.wc-forward {
    display: inline-block;
    width: auto;
}

.woocommerce .authorbox {
    background: #ffffff none repeat scroll 0 0;
    margin-top: 20px;
    overflow: hidden;
    padding: 15px;
}

.woocommerce .authorbox img {
    border-radius: 100%;
}

.woocommerce .authorbox .author-avatar {
    float: left;
    margin: 5px 15px 10px 0;
}

.woocommerce .authorbox.no-author-avatar .author-info {
    margin-left: 0;
}

.woocommerce .authorbox .author-bio-posts-content {
    margin-top: 10px;
}

.woocommerce .authorbox .author-bio-posts-content p {
    margin: 0;
}

.woocommerce .authorbox .author-bio-posts-content ul {
    list-style-position: inside;
    margin: 0;
}

.woocommerce ul.products li.product .price {
    font-size: 16px;
}

.comment-body .reply a {
    background: var(--primary-color);
    color: #fff !important;
    text-decoration: none !important;
    padding: 10px;
    font-weight: 600;
    display: inline-block;
}

/*woocommerce form */
.woocommerce #review_form_wrapper #commentform {
    margin: 0 -15px;
}

.woocommerce p.comment-form-rating {
    clear: both;
}

.woocommerce #review_form #respond p {
    margin: 0 0 10px;
    padding: 10px 15px;
}

.woocommerce .star-rating span::before {
    color: var(--primary-color);
}

.woocommerce ul.products li.product .star-rating {
    font-size: 16px;
}

/*Bio Auther box*/
.authorbox {
    background: #ffffff none repeat scroll 0 0;
    margin-top: 20px;
    overflow: hidden;
    padding: 15px;
}

.authorbox img {
    border-radius: 100%;
}

.authorbox .author-avatar {
    float: left;
    margin: 5px 15px 10px 0;
}

.authorbox.no-author-avatar .author-info {
    margin-left: 0;
}

.authorbox .author-bio-posts-content {
    margin-top: 10px;
}

.authorbox .author-bio-posts-content p {
    margin: 0;
}

/*Woocommerce css*/
.wp-block-woocommerce-cart.alignwide{
    margin-left: auto;
    margin-right: auto;
  }
  td.wc-block-cart-item__image{
    padding: 16px 0px 16px 16px !important;
  }
  td.wc-block-cart-item__total,.wc-block-components-totals-item,.wc-block-components-totals-coupon{
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  table.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block,.wp-block-woocommerce-cart-order-summary-block{
    border: 1px solid rgba(0,0,0,.1);
    margin: 0 -1px 24px 0;
    text-align: left;
    width: 100%;
  /*  border-collapse: separate;*/
    border-radius: 5px;
  }
  tr.wc-block-cart-items__header th{
    font-weight: 700;
    padding: 9px 12px !important;
    line-height: 1.5em;
    font-size: 16px;
  }
  a.wc-block-components-product-name{
    color: #000;
    font-size: 20px;  
    font-weight: 600;
  }
  a.wc-block-components-product-name,button.wc-block-cart-item__remove-link,a.wc-block-components-totals-coupon-link,
  a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
  a.wc-block-components-checkout-return-to-cart-button{
    text-decoration: none !important;
  }
  button.wc-block-cart-item__remove-link{
    font-size: 1em !important;
  }
  span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{
    text-align: left !important;
  }
  a.wc-block-components-totals-coupon-link,a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
  a.wc-block-components-checkout-return-to-cart-button,.wc-block-components-totals-coupon__button.contained,button.wc-block-components-checkout-place-order-button{
    background: var(--primary-color);
    border-color:var(--primary-color);
    color: #fff !important;
    font-weight: 500;
    font-size: 18px;
    border: 1px solid #ccc;
    padding: 0.375em 1.325em;
    border-radius: 10px;
  }
  span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{
    font-size: 1.5em !important;
    padding: 10px !important;
    display: block !important;
  }
  .wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block{
    padding-right: 0%;
  }
  button.wc-block-components-checkout-place-order-button:hover,
  a.wc-block-components-totals-coupon-link:hover, a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover,
  a.wc-block-components-checkout-return-to-cart-button:hover{
    background-color:#000 ;
    border-color: #000 !important;
  }
  .wp-block-woocommerce-checkout-order-summary-block{
    border: 1px solid rgba(0,0,0,.1);
  }
  .wp-block-woocommerce-checkout-order-summary-cart-items-block.wc-block-components-totals-wrapper{
    padding: 10px;
  }
  li.wc-block-grid__product a{
    text-decoration: none !important;
  }
  li.wc-block-grid__product{
    width: 30%;
    margin: 0 1.5% 20px;
    padding: 0 0 5px;
    text-align: center;
    float: left;
    list-style-type: none;
    position: relative;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    background: #fff;
    overflow: hidden;
    border-radius: 10px;
    border: none !important;
  }
  .woocs_price_code ins{
    background-color: transparent !important;
  }
  .wc-block-grid__product-onsale{
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08) inset;
    font-size: 14px !important;
    font-weight: 400 !important;
    height: 60px !important;
    line-height: 8px !important;
    margin: 0 !important;
    min-height: 20px !important;
    padding: 40px 0 0 !important;
    right: -40px !important;
    text-align: center!important;
    text-shadow: none !important;
    text-transform: uppercase;
    top: -12px !important;
    transform: rotate(51deg)!important;
    width: 95px !important;
    font-weight: bold !important;
    display: block !important;
    background-color: var(--primary-color) !important;
    border-radius: 50% !important;
    color: #fff !important;
  }
  .wc-block-grid__product-title{
    font-size: 22px !important;
    color: #212121 !important;
    font-weight: 600;
  }
  a.wp-block-button__link.add_to_cart_button.ajax_add_to_cart{
    padding: 10px 12px;
    border-radius: 8px !important;
  }
  img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail{
    width: 100% !important;
  }
  h2.wp-block-heading.has-text-align-center{
    margin: 10px 0;
  }
  .wc-block-cart-item__image{
    padding-right: 5px !important;
  }
  .wc-block-grid.has-4-columns .wc-block-grid__product {
    max-width: 33% !important;
}
.product  a.added_to_cart.wc-forward{
    background: var(--primary-color);
    padding: 5px 20px;
    color: #fff;
}
a.wpr-mini-cart-product-name{
    padding-left: 0px !important;
}
.woocommerce ul.product_list_widget li img {
    width: 20% !important;
}
.woocommerce .wpr-mini-cart-image img, .wpr-mini-cart-image a img {
    float: right !important;
    display: block;
     min-width: auto !important;
}
.textwidget.custom-html-widget{
    word-break: break-all;
}
header.woocommerce-Address-title.title {
    display: inline-grid;
    margin-bottom: 20px;
}
header.woocommerce-Address-title.title a {
    background: var(--primary-color);
    border-radius: 5px !important;
    color: #ffffff;
    font-size: 15px;
    font-weight: bold !important;
    text-decoration: none !important;
    padding: 8px 16px !important;
}
/*--------------------------------------------------------------
##  Media Queries For Container
--------------------------------------------------------------*/
@media only screen and (min-width: 992px){
    .e-con.e-flex>.e-con-inner ,
        .e-grid.e-con-boxed.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con {
        max-width: 960px;
    }
}
@media only screen and (min-width: 1200px){
    .e-con.e-flex>.e-con-inner ,
     .e-grid.e-con-boxed.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con {
        max-width: 1140px !important;
    }
}
@media only screen and (min-width: 1400px){
    .e-con.e-flex>.e-con-inner ,
    .e-grid.e-con-boxed.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con{
        max-width: 1320px !important;

    }
    .travel-blog-section {
        --width: 1320px !important;
    }
}
@media only screen and (min-width: 1600px){
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container,.e-con.e-flex>.e-con-inner ,
    .e-grid.e-con-boxed.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con {
        max-width: 1500px !important;
    }
    .travel-blog-section{
        --width: 1500px !important;
    }
}
@media only screen and (min-width: 1920px){
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container, .e-con.e-flex>.e-con-inner,
    .e-grid.e-con-boxed.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con  {
        max-width: 1600px !important;
    }
    .travel-blog-section{
        --width: 1600px !important;
    }
}
/*--------------------------------------------------------------
##  Media Queries 
--------------------------------------------------------------*/

/* Smaller than standard 1349 above (devices and browsers) */
@media only screen and (min-width:1400px) {
    .unique_blogger_widget_featured_page .container {
        width: 1230px;
        padding: 0 15px;
        max-width: 100%;
    }
    
}
@media only screen and (min-width:768px){
    .currency-box{
        border-left: 1px solid #F2F2F2;
        border-right: 1px solid #F2F2F2;
    }
    #footer-widgets .footer-widget-area {
        float: left;
        padding: 0px 15px;
    }
    .cursor-point,
    .cursor-point-outline {
        z-index: 1100;
        pointer-events: none;
        position: fixed;
        top: 50%;
        left: 50% ;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        border-radius: 50%;
        opacity: 0;
        -webkit-transition: opacity 0.3s ease-in-out,
        -webkit-transform 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out,
        -webkit-transform 0.3s ease-in-out;
    }
    .cursor-point {
        width: 8px;
        height: 8px;
        background-color: var(--primary-color);
    }
    .cursor-point-outline {
        width: 30px;
        height: 30px;
        background-color: var(--primary-color);
        opacity: 0.4 !important;
    }
}
/* Smaller than standard 1139 (devices and browsers) */
@media only screen and (max-width:1300px) {
    .container {
        width: 97%;
    }
    .page-template-home-page-template .container{
        width: 100%;
    }

    .comments-area form#commentform p {
        float: left;
        width: 100%;
    }

    #comments input#submit {
        width: auto;
    }

    .right-header {
        width: auto;
    }

    .header-search-box .search-box-wrap {
        width: 200px;
    }

    .search-form input.search-field {
        width: 85% !important;
    }
    #footer-widgets .search-form .search-field {
        width: 100% !important;
    }
    .authorbox .author-info,
    .authorbox .author-bio-posts-content {
        float: left;
        max-width: 70%;
        width: 70%;
    }
    #unique-blogger-front-page-widgets .featured-page-widget img.alignleft {
        margin-bottom: 0;
        margin-right: 30px;
        max-width: 45%;
    }

    .site-layout-boxed #page {
        max-width: 93%;
    }

    .site-layout-boxed #page .top-news-title {
        margin-left: -30px;
        padding-left: 15px;
    }
 
}

/* Smaller than standard 1024 (devices and browsers) */
@media only screen and (max-width:1023px) {

    .site-header.fixed,
    .home .site-header.fixed {
        position: absolute;
        background-color: inherit;
        box-shadow: inherit;
    }

    .site-layout-boxed #page {
        max-width: 100%;
        margin-top: 45px;
    }

    h1 {
        font-size: 28px;
    }

    h2 {
        font-size: 22px;
    }

    td,
    th {
        font-size: 12px;
        padding: 2px;
    }

    .unique_blogger_widget_contact .wpcf7-form>p {
        width: 100%;
    }

    body.three-columns-enabled #primary,
    body.three-columns-enabled #content .sidebar,
    body #content #primary,
    body #content .sidebar {
        border-bottom: 1px solid #dddddd;
        margin-bottom: 20px;
        padding-bottom: 20px;
        width: 100%;
    }

    .widget-area .home-section-post-category .post-category-meta li.news-read-more {
        float: none;
        margin-top: 10px;
    }

    .widget-area .home-section-post-category .post-category-meta li {
        display: inline-block;
        float: none;
        margin-right: 0;
    }

    .box-content {
        width: 95%;
    }
}
@media screen and (min-width: 1000px) and (max-width: 1024px) {
    tr.wc-block-cart-items__row {
      gap: 1em;
    }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .related.products ul.products li.product,.related.products .woocommerce-page ul.products li.product{
    width: 46%;
    }
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width:1000px) {
    .submit-button {
        right: 4%;
    }

    .site-branding {
        float: none;
        margin: 0 auto;
        max-width: 100%;
    }

    .slider-enabled .site-header {
        position: inherit;
    }

    .site-description {
        font-size: 15px;
        font-weight: 400;
        letter-spacing: 0;
    }

    .unique-blogger-woocommerce-product-grid-4 ul.products li.product .button {
        padding: 5px 13px;
        left: 13%;
        font-size: 14px;
    }

    .unique-blogger-woocommerce-product-grid-3 ul.products li.product .button {
        left: 16%;
    }

    .enabled-sticky-primary-menu #masthead.fixed {
        position: inherit;
        top: 0;
    }

    .site-header.fixed .site-branding {
        display: block;
    }

    .unique-blogger-woocommerce .products .star-rating {
        top: 20px;
    }

    .gb_nav_menu .nav ul li a:focus,
    a.closebtn.gb_menu:focus,
    .toggle-menu button:focus {
        outline: -webkit-focus-ring-color auto 1px;
    }

    .toggle-menu {
        display: none;
        width: 100%;
        cursor: pointer;
        text-align: center;
        font-size: 20px;
    }

    .toggle-menu i {
        font-size: 22px;
    }

    .toggle-menu button {
        background: transparent;
        border-radius: 30px;
        color: #000;
    }

    .side_gb_nav {
        max-height: 100%;
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 9999999;
        top: 110%;
        right: 0;
        overflow-y: scroll;
        background-color: #121212;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 60px;
        visibility: hidden;
    }

    .side_gb_nav.show {
        visibility: visible;
        top: 0%;
    }

    .side_gb_nav .closebtn {
        position: absolute;
        top: 0;
        padding: 0px 18px;
        font-size: 42px;
        display: block;
        color: #ffffff;
    }

    .side_gb_nav #top_gb_menu {
        width: 100%;
    }

    .toggle-menu span {
        font-size: 30px;
        cursor: pointer;
        text-align: right;
        font-weight: bold;
    }

    .toggle-menu {
        display: block;
    }

    .gb_nav_menu .nav ul li {
        border-top: 1px #404040 solid;
        display: block;
    }

    .nav ul li a {
        padding: 10px 15px;
        display: block;
        color: #ffffff !important;
        border: none;
        border-bottom: 1px solid #404040;
        background: none !important;
    }

    .sf-arrows .sf-with-ul:after {
        right: 20px;
    }

    .nav ul li:first-child a {
        border-top: 1px solid #47515a;
    }

    .nav ul li:first-child ul li a {
        border-top: none;
    }

    .gb_nav_menu .current_page_item>a,
    .gb_nav_menu .current-menu-item>a,
    .gb_nav_menu .current_page_ancestor>a {
        color: var(--primary-color);
    }

    .nav ul li ul li a:before {
        content: "__";
        padding-right: 10px;
    }

    .nav ul li ul li a {
        padding-left: 20px !important;
    }

    .nav ul li ul li ul li a {
        padding-left: 30px !important;
    }

    .gb_nav_menu ul ul {
        position: static;
        width: 100%;
        background: none;
        border: none;
    }

    .gb_nav_menu li,
    .menu_header {
        padding: 0;
        display: block;
    }

    .gb_nav_menu .sub-menu>li>a:focus,
    .nav ul li a:focus {
        outline: -webkit-focus-ring-color auto 1px;
    }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width:767px) {
    .text-content p {
        text-align: center;
    }
    .entry-footer span:after{
        display: none;
    }
    h1 {
        font-size: 25px;
    }

    h2 {
        font-size: 22px;
    }

    body .sidebar,
    body #primary {
        width: 100%;
    }

    .site-content {
        padding-top: 15px;
    }

    /*footer widget area*/
    .sibebar {
        margin-top: 15px;
    }

    #footer-widgets .footer-widget-area {
        float: left;
        padding: 0 15px;
        width: 50%;
    }

    #footer-widgets .footer-active-1 {
        width: 100%;
    }

    #footer-widgets .footer-widget-area:nth-child(3n) {
        clear: both;
    }

    .unique_blogger_widget_products_grid .unique-blogger-woocommerce-product-grid-4 ul.products li.product,
    .unique_blogger_widget_products_grid .unique-blogger-woocommerce-product-grid-3 ul.products li.product {
        margin: 0 1.5% 30px;
        width: 47%;
    }

    .unique-blogger-woocommerce-product-grid-4 ul.products li.product .button,
    .unique-blogger-woocommerce-product-grid-3 ul.products li.product .button {
        font-size: 14px;
        left: 22%;
        padding: 5px 13px;
    }

    .block-title {
        margin-bottom: 5px;
    }

    a.more {
        padding: 2px 15px 5px;
    }

    .widget {
        margin: 15px 0 0;
    }

    #footer-widgets {
        padding: 30px 15px;
    }

    #colophon .copyright,
    #colophon .site-info {
        clear: both;
        text-align: center;
        width: 100%;
    }

    #main-slider::before,
    #main-slider::after {
        display: none;
    }

    #colophon .colophon-column {
        float: left;
        width: 100%;
    }

    #footer-navigation {
        text-align: center;
        margin-bottom: 10px;
    }

    .copyright {
        margin-bottom: 5px;
    }

    .entry-footer>span {
        border-right: medium none;
        border-top: 1px solid #dddddd !important;
        display: block;
        float: left;
        padding: 10px 15px;
        width: 100%;
    }

    .service-block-inner-content {
        display: block;
    }

    .slider-buttons a {
        color: #ffffff;
    }

    #breadcrumb,
    #breadcrumb {
        padding: 5px 0;
        border-top: 2px solid;
    }

    .blog-content .entry-content-wrapper,
    .blog-img {
        width: 100%;
        float: none;
    }
    .topheader .translate-lang,.topheader .contact-button , .adv-text {
        text-align: center;
        padding: 5px;
    }
    .toggle-menu{
        padding: 10px;
    }
    .gt_selector.notranslate{
    width: 33% !important;
    }
    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
        width: 100%;
    }
    tr.wc-block-cart-items__row {
        gap: 0.4em;
      }
      td.wc-block-cart-item__total{
          padding-left: 0px !important;
      }
      li.wc-block-grid__product{
          max-width:100% !important;
          float:none;
          flex: 100% !important;
      }
      .wc-block-grid__products{
        padding: 10px !important;
      }
      .wc-block-grid.has-4-columns .wc-block-grid__product {
        max-width: 100% !important;
        width: 100%;
    }
    #middle-header .my-account {
        justify-content: center;
    }
    a.custom-logo-link{
        float: none;
        display: flex;
        justify-content: center;
        margin-right: 0;
        margin-top: 15px;
        width: 100%;
    }
    .single-post-footer img{
        float: left;
    }
    .single-post .entry-footer>span{
        text-align: left;
    }
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width:640px) {
    .submit-button {
        right: 4%;
    }

    .slider-buttons a {
        font-size: 15px;
        line-height: 1.5;
        margin-bottom: 10px;
        margin-top: 15px;
        padding: 0 5px;
    }

    .page-title {
        font-size: 30px;
    }

    #site-identity {
        margin-right: 0;
        text-align: center;
        width: 100%;
        margin-top: 10px;
    }

    #top-nav {
        width: 100%;
    }

    #top-nav .is-open .menu-inside-wrapper {
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
    }

    #top-nav li {
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    #top-nav li:first-child {
        border-left: none;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
    }

    .top-news {
        float: left;
        width: 100%;
    }

    #header-social li:first-child {
        border-left: 1px solid rgba(255, 255, 255, 0.15);
    }

    .home-section-call-to-action .cta-buttons {
        padding: 15px 0 0;
    }

    .site-layout-boxed #page .top-news-title {
        margin-left: -22px;
        padding-left: 10px;
    }

    #main-nav {
        margin-top: 5px;
    }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width:479px) {
    .info-wrap {
        margin-bottom: 10px;
    }

    #fashion-article .tags {
        top: 30px;
        right: 30px;
    }

    .submit-button {
        right: 3%;
    }

    div#fashion-article {
        display: block;
        gap: 0em;
    }

    .box-content {
        width: 88%;
        opacity: 0.6;
    }

    .box-content h1 a {
        font-size: 16px !important;
    }

    .entry-container {
        padding: 10px 20px;
    }

    .site-title {
        font-size: 21px;
    }

    .site-header {
        padding: 0;
    }

    .site-title {
        font-size: 26px;
    }

    #footer-widgets .footer-widget-area {
        width: 100%;
    }

    #footer-widgets .footer-widget-area:first-child {
        border: none;
        margin-top: 0;
        padding-top: 0;
    }

    #footer-widgets .footer-widget-area {
        width: 100%;
        padding-top: 15px;
        border-top: 1px solid #fff;
        margin-top: 15px;
    }

    .social-links .unique_blogger_widget_social li {
        display: inline-block;
        float: none;
    }

    .page-title {
        font-size: 20px;
        margin-bottom: 7px;
    }

    #footer-widgets .footer-active-2 .unique_blogger_widget_social {
        margin-top: 0;
    }

    .services-block-list {
        text-align: center;
    }

    #unique-blogger-front-page-widgets .fetured-page-content {
        padding: 0 15px;
        text-align: left;
    }

    #unique-blogger-front-page-widgets .fetured-page-content .widget-title {
        font-size: 19px;
        text-align: left;
    }

    .entry-header .entry-title {
        font-size: 20px;
    }

    .sidebar .widget {
        padding: 15px;
    }

    #unique-blogger-featured-blocks article {
        margin-bottom: 15px;
    }

    .unique_blogger_widget_products_grid .unique-blogger-woocommerce-product-grid-4 ul.products li.product,
    .unique_blogger_widget_products_grid .unique-blogger-woocommerce-product-grid-4 ul.products li.product {
        width: 94%;
        margin: 0 auto 15px;
        float: none;
    }

    .unique-blogger-woocommerce-product-grid-4 ul.products li.product .button,
    .unique-blogger-woocommerce-product-grid-3 ul.products li.product .button {
        font-size: 14px;
        left: 28%;
        padding: 5px 13px;
    }

    .site-title {
        margin: 0;
    }
}
/* Footer search  */

#footer-widgets .search-form label {
    width: 80%;
}

#footer-widgets .search-form .search-field {
    border: 1px solid #000;
    padding: 10px;
    width: 100%;
    margin: 5px 0px 5px 1px;
}

#footer-widgets input[type="submit"] {
    background: var(--primary-color);
    border: none;
    width: 20%;
    text-align: center;
    font-size: 13px;
    background: var(--primary-color);
    font-weight: bold;
    color: #fff;
}
#footer-widgets .search-box-wrap form{
    display: flex;
    justify-content: center;
    align-items: center;
}
#footer-widgets .search-form .search-submit{
    display: inline-block !important; 
}
#footer-widgets .search-form .search-submit {
    height: 35px;
    padding: 10px;
}

/* Search header */
.search-container button:focus{
    outline: 1px dotted black;
    box-shadow: none;
    border-radius: 0px;
}
button.search-container-button-close:focus{
    outline: 1px dotted #fff;
}
  .search-container button{
    border: 0;
    background: transparent;
  }
  .external-search {
    background: rgb(28 27 27 / 99%);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
    text-align: center;
    height: 100%;
    z-index: 999;
  }
  .external-search .search-form input.search-field{
    color: #fff;
    border: none;
    margin: 0px !important;
  }
  .external-search .search-form input.search-field::placeholder{
    color: #fff;
  }
  .external-search form{
    display: table;
    max-width: 700px;
    margin: 0 auto;
    width: 100%;
    border-bottom: 1px solid #fff;
  }

  .internal-search label {
    width: 80%;
    float: left;
  }
  .internal-search .search-field{
    background: transparent;
    font-size: 32px;
    text-align: center;
    color: #222;
  }
  .internal-search .search-field::placeholder {
    color: #222;
  }
  .internal-search {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 99999;
    left: 50%;
    padding: 0 15px;
  }
  .external-search .closepop {
    position: absolute;
    top: 20%;
    transform: translateY(-50%);
    right: 5%;
    text-align: right;
    background: transparent;
    border: 0;
    font-size: 40px;
    color: #fff;
  }
  .external-search .closepop:focus{
    outline-color: #fff;
  }
  .internal-search form.searchform {
    margin: 0 auto;
    max-width: 700px;
  }
  .internal-search .searchform input[type=text]{
    width: 100%;
  }
  .internal-search input.search-submit {
    display: inline-block;
    float: right;
    padding: 12px 15px;
    width: 13%;
    height: auto;
    background: transparent;
    color: #fff;
    border: none;
    font-size: 17px !important;
}
.internal-search input.search-submit:hover{
    color: #fff;
}
  .search-container i {
    color: #000;
    font-size: 16px;
  }
  .internal-search #searchform{
    border: none;
  }
  .search-container-button{
    padding: 10px;
  }
  .related-post .entry-title a{
    color: #000;
  }
/* free theme css starts here */
.unique-blogger-banner-section  .magazine-section .wpr-grid-item-inner{
    position: relative;
}
.unique-blogger-banner-section  .magazine-section .wpr-grid-item-inner:before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #00000061;
    z-index: 1;
    border-radius: 20px;
}
.unique-blogger-banner-section .swiper-slide-inner img{
    width: 300px;
    height: 200px;
    object-fit: cover;
}
.unique-blogger-banner-section .uc_image_carousel_content{
    display: none !important;
}
.unique-blogger-banner-section{
box-shadow: 0px -19px 20px -20px #0000001F inset !important;
}
.magazine-section .wpr-magazine-grid-wrap section article:nth-child(2) {
    display: none !important;
}
.magazine-section .wpr-magazine-grid-wrap .wpr-mgzn-grid-2-h {
    grid-template-columns: repeat(1, 1fr) !important;
}
.magazine-section .wpr-grid-item-category{
    position: relative !important;
    top: -280px;
}
.blog-section .wpr-grid-image-wrap img{
border-radius: 10px !important;
}
.blog-section .wpr-grid-item-below-content{
    padding-right: 30px !important;
    padding-top: 10% !important;
}
.blog-section section article.wpr-grid-item:nth-child(2){
    border-left: 1px solid #B5B5B5;
    padding-left: 10px !important;
}

.post-section .wpr-grid-tax-style-2 .inner-block{
    margin-left: 0px !important;
    text-align: center;
}
.post-section .wpr-grid-media-wrap .wpr-grid-image-wrap{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 70%;
}
.post-section .wpr-grid-media-hover-bottom{
    background: #000;
    border-radius: 0px 0px 10px 10px;
    height: 30%;
}
.post-section .wpr-grid-item-category{
    position: absolute !important;
    top: -34% !important;
    width: 100%;
}
.post-section .wpr-mgzn-grid-item{
    height: 300px !important;
}

.post-section section article:nth-child(2),
.post-section section article:nth-child(3){
    border-right: 1px solid #B5B5B5;
    padding: 0px 10px 0px 10px !important;
}
.post-section section article:nth-child(4){
    padding: 0px 0px 0px 10px !important;
}
.post-section section article:nth-child(1){
    padding: 0px 10px 0px 0px !important;
    border-right: 1px solid #B5B5B5;
}
.blog-section{
    border-bottom: 1px solid #B5B5B5;
    padding-bottom: 10px !important;
}
.blog-section .wpr-grid-item-title .inner-block a{
    font-size: 20px !important;
}
.post-section .wpr-grid-item-title .inner-block a{
    font-size: 16px !important;
}
.post-section .wpr-grid-item-author , .post-section .wpr-grid-item-date ,.post-section .wpr-grid-item-time {
    font-size: 13px !important;
}
.post-section .wpr-grid-tax-style-2{
    font-size: 14px !important;
}
/* woocommerce shop */
.woocommerce ul.products li.first, .woocommerce-page ul.products li.first {
    clear: initial;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    min-height: 480px;
}
.woocommerce ul.products li.product a.added_to_cart{
    background-color: var(--primary-color);
    color: #fff;
    padding: 5px 20px;
    border-radius: 7px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
    color: #000;
}
.wc-block-cart__submit-container .wc-block-components-button__text{
    background-color: var(--primary-color);
    color: #fff;
    width: 100%;
    border-radius: 6px;
    padding: 10px;
}
.wc-block-cart__submit-container a span, .wc-block-checkout__actions_row a, .wc-block-components-checkout-return-to-cart-button, .entry-content a.wc-block-components-checkout-return-to-cart-button {
    color: #ffffff !important;
    text-decoration: none !important;
    background-color: var(--primary-color);
    padding: 7px 15px;
    border-radius: 8px;
}
.wc-block-components-checkout-return-to-cart-button svg{
    display: none;
}
@media only screen and (max-width:767px) {
    .post-section .wpr-magazine-grid.wpr-mgzn-grid-4-h.wpr-mgzn-grid-rows-1 {
        grid-template-columns: 1fr !important;
    }
    .post-section section article:nth-child(1),
    .post-section section article:nth-child(2),
    .post-section section article:nth-child(3){
        border:none;
    }
    .post-section section article:nth-child(4) {
        padding: 0px 10px 0px 10px !important;
    }
    .blog-section section article.wpr-grid-item:nth-child(2){
        border: none;
    }
    .blog-section section article.wpr-grid-item:nth-child(1),
    .blog-section section article.wpr-grid-item:nth-child(2){
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .magazine-section .wpr-grid-item-category {
        top: -7px !important;
    }
    .blog-section section article.wpr-grid-item:nth-child(1){
        margin-bottom: 10px;
    }
    .blog-section .wpr-grid-item-title .inner-block a{
        font-size: 18px !important;
    }
}

@media only screen and (min-width:768px) and (max-width:900px) {
    .blog-section .wpr-grid-item{
        width: 700px !important;
    }
    .blog-section section article.wpr-grid-item:nth-child(2){
        border: none;
        padding-left: 0px !important;
    }
    .post-section section article:nth-child(2){
        border: none;
    }
    .post-section section article:nth-child(2){
        padding: 0px 0px 0px 10px !important;
    }
    .post-section section article:nth-child(3){
        padding: 0px 10px 0px 0px !important;
    }
    .blog-section .wpr-grid-item-title .inner-block a{
        font-size: 18px !important;
    }
}
@media only screen and (min-width:900px) and (max-width:1024px) {
    .blog-section .wpr-grid-item-below-content {
        padding-top: 4% !important;
    }
    .post-section section article:nth-child(2){
        border: none;
    }
    .post-section section article:nth-child(2){
        padding: 0px 0px 0px 10px !important;
    }
    .post-section section article:nth-child(3){
        padding: 0px 10px 0px 0px !important;
    }
    .blog-section .wpr-grid-item-title .inner-block a{
        font-size: 18px !important;
    }
}
@media only screen and (min-width:1000px) and (max-width:1400px) {
    .magazine-section .wpr-grid-item-category {
        top: -245px !important;
    }
}
@media only screen and (min-width:768px) and (max-width:1000px) {
    .magazine-section .wpr-grid-item-category {
        top: -133px !important;
    }
}