/*
Theme Name: Fitness Insight
Theme URI: https://www.ovationthemes.com/products/free-fitness-wordpress-theme
Author: pewilliams
Author URI: https://www.ovationthemes.com/
Description: Fitness Insight is an elegant and multipurpose theme suitable for fitness institutes, gym club, personal trainers, health coach, yoga centre, diet planning, indoor and outdoor exercise class, fitness enthusiasts, weight loss plans, healthy diet, Art of living, Sports Instructor, sport activity, health experts, boot camps, diet planner, medical suppliments, weight loss coach, fitness coach gym centers, yoga studios, Fit bit, accupressure, Fitness Park, health clubs, gymnasiums, weight loss, healthcare centres, workout studios, yoga studio websites, karate, dancing, BMI calculator, Class timetable, fitness appointments workout, aerobic, ballet, pilates, gyms, sport club, training, multi martial arts MMA, bodybuilding, fitness courses, physiotherapist, powerlift, health-related website, athlete, crossfit, fitness trainer, gym, sports nutrition, sportswear, trainer dieticians, physiotherapy, wellness, workout, lifestyle, aerobics, boxing, cross fit, massage center, cardio, meditation, cross fit, zo yoga classes, muscular, Rehabilitation, Sports therapy, exercise class, zumba dance class, Ayurveda training, spiritual class, health advisors. This theme has a responsive layout which means it fits in all devices and screen sizes. It is a SEO-friendly as well as user-friendly theme with lots of options for customization like advanced typography, Call to action Section, sticky menu etc. It is cleanly coded which is responsible for faster page load times. Based on bootstrap framework and has social media integration. Also, the theme is cross-browser compatible and is translation ready. This theme is Woocommerce compatible which makes it possible to sell your fitness oriented products online. Make your online presence healthy! Demo: https://trial.ovationthemes.com/fitness-insight
Version: 7.8
Requires at least: 5.0
Tested up to: 6.8
Requires PHP: 5.6
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: fitness-insight
Tags: food-and-drink, portfolio, e-commerce, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, grid-layout, custom-colors, custom-background, custom-header, custom-menu, custom-logo, editor-style, sticky-post, featured-images, flexible-header, featured-image-header, footer-widgets, full-width-template, threaded-comments, theme-options, wide-blocks, block-styles, post-formats, translation-ready, rtl-language-support

Fitness Insight WordPress Theme, Copyright 2022 pewilliams
Fitness Insight is distributed under the terms of the GNU GPL
*/

:root {
    --theme-primary-color:#fe7d15;
    --theme-second-color:#fd5e48;
    --theme-third-color:#f2bb1e;
    --theme-heading-color:#2c2c2c;
    --theme-text-color:#666c6e;
    --theme-primary-fade:#f5e3b2;
    --theme-footer-color:#2c2c2c;
    --post-bg-color:#ffffff;
    --slider-overlay:#2c2c2c;
}

html {
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	font-family: 'Yantramanav', sans-serif;
	color: var(--theme-text-color);
}

article,
aside,
footer,
header,
nav,
section {
	display: block;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
h1,h2,h3,h4,h5,h6{
	font-family: 'Yantramanav', sans-serif;
	font-weight: 900;
	color: var(--theme-heading-color);
	letter-spacing: 1px
}

figcaption,
figure,
main {
	display: block;
}

figure {
	margin: 1em 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

pre {
	font-size: 1em;
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
	outline-width: 0;
}

abbr[title] {
	border-bottom: 1px #7a7a7a dotted;
	text-decoration: none;
}

b,
strong {
	font-weight: inherit;
}

b,
strong {
	font-weight: 700;
}

code,
kbd,
samp {
	font-size: 1em;
}

dfn {
	font-style: italic;
}

mark {
	background-color: #eee;
	color: #222;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

audio,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

img {
	border-style: none;
}

svg:not(:root) {
	overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

fieldset {
	border: 1px solid #bbb;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	display: inline-block;
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details,
menu {
	display: block;
}

summary {
	display: list-item;
}

canvas {
	display: inline-block;
}

template {
	display: none;
}

[hidden] {
	display: none;
}
.single .entry-content p{
	margin-bottom: 18px;
}
.entry-content > p:first-of-type:first-letter{
	font-size: 70px;
	float: left;
	line-height: 60px;
	padding: 4px 12px 0 0;
}
.entry-content a,.widget_text a ,.textwidget p a,.content_area a{
    text-decoration: underline;
}
/*-----------bread-crumb------------*/

.bread_crumb a:hover{
    color:var(--theme-primary-color)!important;
}
.bread_crumb a{
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.4em;
    letter-spacing: .2em;

}
.bread_crumb span {
	color: var(--theme-primary-color);
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.4em;
    letter-spacing: .2em;
}
.bread_crumb{
    color: #fff;
}
.woocommerce-breadcrumb a,
.woocommerce-breadcrumb{
	color: var(--theme-heading-color) !important;
	font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
}
.woocommerce-breadcrumb a:hover{
	color:var(--theme-primary-color)!important;
}
/*-----------post format------------*/
.entry-audio audio {
    width: 100%;
}
#Category-section iframe {
    width: 100%;
}
#Category-section .entry-video video{
	width: 100%;
}
#Category-section [class^="wp-block-"]:not(.wp-block-gallery) figcaption{
    display: none;
}
#Category-section .wp-block-quote:not(.is-large):not(.is-style-large){
    padding: 0 0 0 10px;
}
.wp-block-quote:not(.is-large):not(.is-style-large), blockquote {
    border: 5px solid black!important;
    text-align: center;
}
.entry-content .quotepost a{
    text-decoration: none;
    background: -webkit-linear-gradient( 90deg,var(--theme-second-color), var(--theme-third-color));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.entry-content .quotepost p{
	background: -webkit-linear-gradient( 90deg,var(--theme-second-color), var(--theme-third-color));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

h1.quote-content {
    text-align: center;
}
#Category-section .wp-block-pullquote {
	text-align: center;
}
#Category-section pre.wp-block-verse{
    border: 5px solid black!important;
    background: -webkit-linear-gradient( 90deg,#0fa6c0, #2dc8dc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;   
}
#Category-section .post-gallery img{
	width: 100%;
}
#Category-section .post-gallery .carousel-control-next-icon,
#Category-section .post-gallery .carousel-control-prev-icon{
    color: var(--theme-heading-color);
    width: auto;
    height: auto;
    font-size: 20px;
    background-image: none;
}
#Category-section .post-gallery .carousel-control-next-icon:hover,
#Category-section .post-gallery .carousel-control-prev-icon:hover{
    color: var(--theme-primary-color);
}
/*-------------- Alignments ---------------*/

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignwide {
	margin-left  : -60px;
	margin-right : -30px;
}
.alignfull {
    margin-left: -48px;
    width: calc(100% + 64px) !important;
	max-width : 100vw;
}
.alignfull img {
	width: 100vw;
}

/*--------- Forms ---------*/

label {
	color: var(--theme-heading-color);
	display: block;
	font-weight: 800;
	margin-bottom: 0.5em;
}

fieldset {
	margin-bottom: 1em;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	background: #fff;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: block;
	padding: 0.7em;
	width: 100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #222;
	border-color: var(--theme-heading-color);
}

select {
	border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	height: 3em;
	max-width: 100%;
}

input[type="radio"],
input[type="checkbox"] {
	margin-right: 0.5em;
}

input[type="radio"] + label,
input[type="checkbox"] + label {
	font-weight: 400;
}

button,
input[type="button"],
input[type="submit"] {
	background-image: linear-gradient(to right, var(--theme-third-color) , var(--theme-second-color));
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	line-height: 1;
	padding: 1em 2em;
	text-shadow: none;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
	border-radius: 30px;
}

input + button,
input + input[type="button"],
input + input[type="submit"] {
	padding: 0.75em 2em;
}

button.secondary,
input[type="reset"],
input[type="button"].secondary,
input[type="reset"].secondary,
input[type="submit"].secondary {
	background-color: #ddd;
	color: #222;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background-image: linear-gradient(to right, var(--theme-second-color) , var(--theme-third-color));
}

button.secondary:hover,
button.secondary:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"].secondary:hover,
input[type="button"].secondary:focus,
input[type="reset"].secondary:hover,
input[type="reset"].secondary:focus,
input[type="submit"].secondary:hover,
input[type="submit"].secondary:focus {
	background: #bbb;
}

/*------ Formatting ---------*/

hr {
	background-color: #bbb;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

/*-------- Lists ----------*/

ul,
ol {
	margin: 0 0 1.5em;
	padding: 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

/*---------- Tables ---------*/

table {
	border-collapse: collapse;
	margin: 0 0 1.5em;
	width: 100%;
}

thead th {
	border-bottom: 2px solid #bbb;
	padding-bottom: 0.5em;
}

th {
	padding: 0.4em;
	text-align: left;
}

tr {
	border-bottom: 1px solid #eee;
}

td {
	padding: 0.4em;
}

th:first-child,
td:first-child {
	padding-left: 0;
}

th:last-child,
td:last-child {
	padding-right: 0;
}

/* Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*---------- Links -----------*/

a {
	color: var(--theme-primary-color);
	text-decoration: none;
}
a:hover,
a:active {
	color: var(--theme-primary-color);
	outline: 0;
	text-decoration: none;
}

/*------------- Header -------------*/

.page-template-custom-home-page .wrap_figure {
    background-color: var(--post-bg-color);
    
}
.page-template-custom-home-page #header {
	background: transparent;
    position: relative;
    margin-bottom: -142px;
    z-index: 999;
}
#header {
    background-image: linear-gradient(to right, var(--theme-second-color), var(--theme-third-color))
}
.top_header {
    padding: 10px 0;
    text-align: right;
    font-size: 15px;
    color: var(--theme-heading-color);
}
.page-template-custom-home-page .top_header span i {
	color: var(--theme-primary-color)
}
.top_header span i {
    margin: 0 10px;
    border: solid 1px #e7e7e7;
    color: var(--theme-heading-color);
    padding: 10px;
    border-radius: 50px;
}
.top_header span {
    border-right: solid 2px #e5e5e5;
    padding-right: 15px;
}
.top_header span a{
	color: var(--theme-heading-color);
}
.top_header strong{
    color: #fff;
}
.page-template-custom-home-page .top_header strong {
    color: var(--theme-primary-color);
}
.top_header a i{
    margin-left: 15px;
}
.links {
    margin: 5px 0;
    text-align: center;
}
.page-template-custom-home-page .links i {
    font-size: 18px;
    color: var(--theme-primary-color);
}
.links i {
    font-size: 18px;
    color: var(--theme-heading-color);
}
.top_header .links i.fab.fa-linkedin-in{
	color: #4266b3;
}
.top_header .links i.fab.fa-twitter{
	color: #3eabee;
}
.top_header .links i.fab.fa-x-twitter{
	color: #000;
}
.top_header .links i.fab.fa-youtube{
	color: #ff4444;
}
.top_header .links i.fab.fa-instagram{
	color: #fa4280;
}

/* ----- header navigation ----- */

.page-template-custom-home-page .menu_header{
	border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background: var(--theme-primary-color);
}
.fixed_header.fixed{
    width: 100%;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 9999;
    border-radius: 0;
}
.fixed .gb_navigation {
    width: 1140px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}
.fixed .gb_nav_menu ul{
	text-align: left;
}
.menu_header {
    padding: 15px;
}
#gb_responsive {
  display: inline;
}
ul.list_nav {
	margin: 0 auto;
	text-align: center;
	display: block;
}
.gb_nav_menu ul{
	margin: 0;
	padding:0;
	font-size:14px;
	text-align: right;
}
.gb_nav_menu {
    position: relative;
}
.gb_nav_menu li{
	display:inline-block;
	margin:0;
	position:relative;
}
.gb_nav_menu li a {
    color: #fff;
    padding: 8px 13px;
    display: block;
    font-weight: 600;
    letter-spacing: 1px;
}
.gb_nav_menu ul li a:active,
.gb_nav_menu ul li a:hover{
	color: var(--theme-heading-color);
}
.gb_nav_menu li.page_item_has_children:after,
.gb_nav_menu li.menu-item-has-children:after{
 	content: '\f078';
    position: absolute;
    right: -1px;
    top: 10px;
    font-size: 12px;
    font-family: 'Font Awesome 6 Free';
    font-weight: 600;
    color: #fff;
}
.gb_nav_menu ul ul{
	opacity: 0;
    position: absolute;
    background: var(--theme-primary-color);
    min-width: 210px;
    z-index: 9999;
    padding: 4px;
    top: 100%;
    left: 0;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
.gb_nav_menu ul ul ul{
  left: 100%;
  top: 0;
}
.gb_nav_menu ul ul a{
	color: #fff;
	padding: 10px;
	margin-left: 2px;
}
.gb_nav_menu ul ul a:hover{
  background: var(--theme-primary-color);
  color: #fff !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;
}
/* Show Submenu on Hover */
.gb_nav_menu ul li:hover > ul,
.gb_nav_menu ul li:focus-within > ul {
    opacity: 1;
    visibility: visible;
}

/* Ensure Submenus Open Correctly */
.gb_nav_menu ul ul li:hover > ul {
    display: block;
    left: 100%;
}
.gb_nav_menu .menu > ul > li.highlight{
  background-color: #006ccc;
}
.gb_nav_menu .menu > ul > li.highlight:hover{
  background: transparent;
}
.toggle-menu, a.closebtn{
  display: none;
}
.gb_nav_menu .sub-menu {
  list-style: none;
  padding-left: 0;
  opacity: 0;
  left: -9999px;
  z-index: 99999;
  width: 200px !important;
}
.gb_nav_menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
.gb_nav_menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
.gb_nav_menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu,
.gb_nav_menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu,
.gb_nav_menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
  display: block;
  left: 0;
  margin-top: 0;
  opacity: 1;
  width: auto;
  min-width: 100%;
}
/* Fix for Deep Nested Submenus */
ul.sub-menu ul.sub-menu {
    right: 100% !important; /* Ensure submenus open to the right */
    left: auto !important;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

ul.sub-menu ul.sub-menu:hover {
    opacity: 1;
    visibility: visible;
}
/*------- Header ---------*/
#masthead .wrap {
	position: relative;
}

/* Site branding */

.site-branding {
	padding: 1em 0;
	position: relative;
	-webkit-transition: margin-bottom 0.2s;
	transition: margin-bottom 0.2s;
	z-index: 3;
}
.site-branding a {
	text-decoration: none;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}
.site-branding a:hover,
.site-branding a:focus {
	opacity: 0.7;
}
.site-title {
	clear: none;
	line-height: 1.25;
	margin: 0;
	padding: 0;
}
.custom-logo-link {
	display: inline-block;
	padding-right: 1em;
	vertical-align: middle;
	width: auto;
}
.custom-logo-link img {
	display: inline-block;
	max-height: 80px;
	width: auto;
}

/* Logo */
.logo {
    text-align: center;
    padding: 25px 0;
}
.logo h1,
.site-title,
.site-title a {
    color: #fff;
    font-weight: 900;
}
.page-template-custom-home-page .site-title,
.page-template-custom-home-page .site-title a,
.page-template-custom-home-page .logo h1 a,
.page-template-custom-home-page .logo p{
	color: var(--theme-heading-color);
}
.logo h1 a {
    color: #fff;
    text-decoration: none;
}
.logo p{
	color: #fff;
	margin-bottom: 0;
}
/* --------- SLIDER--------- */
#slider{
	max-width:100%;
	padding:0;
	background: var(--slider-overlay);
}
#slider .carousel-caption {
    top: 60%;
    transform: translateY(-60%);
    bottom: auto;
}
#slider .carousel-control-next-icon,
#slider .carousel-control-prev-icon {
	padding: 10px 18px;
    background: #232732;
    width: auto;
    height: auto;
    letter-spacing: 1px;
    font-size: 12px;
}
#slider .carousel-control-next-icon{
	clip-path: polygon(0 0, 100% 0, 100% 100%, 28% 100%);
}
#slider .carousel-control-prev-icon {
	clip-path: polygon(0 0, 100% 0%, 82% 100%, 0% 100%);
}
#slider .carousel-control-prev-icon i {
    margin-right: 5px;
}
#slider .carousel-control-next-icon i {
    margin-left: 5px;
}
#slider .carousel-control-next-icon:hover,
#slider .carousel-control-prev-icon:hover {
    background: var(--theme-primary-color);
}
#slider img {
	width: 100%;
	height: 760px;
}
#slider .carousel-item-next,
#slider .carousel-item-prev,
#slider .carousel-item.active {
	display: block !important;
}
#slider .carousel-control-next,
#slider .carousel-control-prev {
    opacity: 1;
    width: auto;
}
#slider .carousel-caption h2{
    padding: 0px;
    font-size: 50px;
    text-transform: uppercase;
}
.home-btn {
	margin: 25px 0;
}
.home-btn a {
    background-image: linear-gradient(to right, var(--theme-third-color) , var(--theme-second-color));
    padding: 10px 20px;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    border-radius: 30px;
}
.home-btn a:hover{
	background-image: linear-gradient(to right, var(--theme-second-color) , var(--theme-third-color));
}

/*--------- Services Section--------- */

.box{
    overflow: hidden;
    position: relative;
    background: #2c2c2c;
    height: 100%;
}
.box:before{
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transition: all 0.6s ease 0s;
}
.box:hover:before{
	background-image: linear-gradient(to right, var(--theme-third-color) , var(--theme-second-color));
    opacity: 0.9;
}
.box img{
    width: 100%;
    height: 100%;
    transform-origin: right center;
    transition: all .4s ease-in-out;
    opacity: 0.6;
    object-fit: cover;
}
.box:hover img{ transform: scale(1.2); }
.box .box-content{
    color: #fff;
    text-align: center;
    width: 100%;
    opacity: 0;
    transform: translateY(-50%) scale(0.1);
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    transition: all 0.4s ease 0.1s;
}
.box:hover .box-content{
    opacity: 1;
    transform: translateY(-50%) scale(1);
}
.outer-box {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    text-align: center;
}
.outer-box h4 {
    font-size: 25px;
    padding: 0 20px;
}
.box-content h4{
	font-size: 20px;
	padding: 15px 0;
	margin-bottom: 0;
}
.box-content i {
	font-size: 50px;
}
.outer-box h4 a,
.box-content h4 a {
    color: #fff;
}
.box:hover .outer-box h4{
	display: none;
}

/*--------- Category Section--------- */
.content-area {
  margin:20px 0;
}
#Category-section{
    width: 100%;
}
#Category-section img,#Category-section .entry-audio {
	margin-top: 15px;
	margin-bottom: 15px;
} 
#Category-section .entry-video{
	margin-top: 15px;
}
#Category-section.similar-post{
    border: 1px solid #e5eaec;
    padding: 20px;
}
#Category-section .postbox.smallpostimage{
	margin-bottom: 30px;
	text-align: center;
	border-radius: 10px;
	background-color: var(--post-bg-color);
  border-top: 4px solid var(--theme-primary-color);
  border-bottom: 4px solid var(--theme-primary-color);
  box-shadow: 0px 4px 9px #a7aaad;
}
#Category-section .postbox.smallpostimage:hover h3 a{
	color: var(--theme-primary-color);
}
#Category-section .overlay{
    padding: 15px 0 0;
}
#Category-section .overlay p {
	text-align: center;
    font-size: 15px;
}
#Category-section h3 a {
   font-size: 22px;
   color: var(--theme-heading-color);
   text-decoration: none;
}
#Category-section h3{
	text-align: center;
	padding: 0px;
}
#Category-section .date-box,
.inner-div .date-box{
	text-align: center;
	font-size: 13px;
    margin-bottom: 5px;
    font-weight: 600;
}
#Category-section .date-box{
	color: var(--theme-heading-color);
}
#Category-section .date-box i,
.inner-div .date-box i{
	margin-right: 5px;
}
#Category-section .date-box span,
.inner-div .date-box span{
	margin-right: 15px;
}
.without-img-head {
   background-color: var(--theme-primary-fade);
}
.withoutimg-date-box{
	text-transform: capitalize;
    color: #222;
    font-size: 13px;
}
.without-img-head span{
	color: #222;
}
/*--------- Woocommerce Section--------- */
.woocommerce ul.products li.product .star-rating{
    margin: 0 auto .5em;
    color: #f4bc16;
}
.woocommerce .products li {
    text-align: center;
    padding: 10px !important;
    background: #fafafa;
}
.woocommerce .products li h1,.woocommerce .products li h2,
.woocommerce .products li h3,.woocommerce .products li h4,
.woocommerce .products li h5,.woocommerce .products li h6,
.woocommerce .products li p{
	color: #222;
}
.woocommerce #sidebar {
  margin-top: 2em;
}
a.showcoupon,
.woocommerce-message::before{
    color: var(--theme-primary-color);
}
.woocommerce-message {
  border-top-color: var(--theme-primary-color);
}
.woocommerce ul.products li.product .onsale, .woocommerce span.onsale{
    background: var(--theme-primary-color);
    color: #fff;
    padding: 0;
    border-radius: 0px;
    margin: 26px!important;
    min-height: 5px;
    line-height: 26px;
    min-width: 60px;
}
.wc-block-components-product-badge{
    box-shadow: 2px 2px 0 0 var(--theme-heading-color);
    border-radius: 0 !important;
    border: solid 2px var(--theme-heading-color) !important;
    padding: 5px 8px !important;
}
div#primary span.onsale
.woocommerce ul.products li.product .onsale{
    top: 20px !important;
    right: 20px !important;
}
.wc-block-components-product-name,h2.woocommerce-loop-product__title{
  font-size: 18px !important;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price{
    color: var(--theme-heading-color) !important;
}
.wc-block-components-product-metadata__description{
    margin: 10px 0px;
}
.wc-block-components-product-name,.wc-block-components-product-price,.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{
    margin-bottom: 5px;
}
.wc-block-cart__submit-container a,.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
    background-image: linear-gradient(to right, var(--theme-third-color) , var(--theme-second-color));
    color: #fff;
    border-radius: 30px;
}
.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:hover{
    background: transparent;
}
.wc-block-cart__submit-container a:hover,a.added_to_cart.wc-forward:hover,.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
    background-image: linear-gradient(to right, var(--theme-second-color) , var(--theme-third-color));
    color: #fff;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 5px;
  border-radius: 0;
  border: solid 1px var(--theme-heading-color);
  color: #222;
}
.col-1,.col-2 {
  max-width: 100%;
}
nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding: 0;
}
nav.woocommerce-MyAccount-navigation ul li {
  background-image: linear-gradient(to right, var(--theme-third-color) , var(--theme-second-color));
  padding: 12px!important;
  margin-bottom: 10px;
  border-radius: 30px;
}
nav.woocommerce-MyAccount-navigation ul li:hover {
    background-image: linear-gradient(to right, var(--theme-second-color) , var(--theme-third-color));
}
nav.woocommerce-MyAccount-navigation ul li a{
  color: #fff !important;
  font-weight: bold;
  font-style: none !important;
}
.posted_in {
  display: block;
}
.woocommerce .woocommerce-ordering select{
    padding: 10px;
}
span.woocommerce-input-wrapper,.menu_header select,.menu_header .wc-block-product-categories__dropdown{
 width: 100%;
}
.woocommerce-product-gallery__image{
  padding: 2px;
}
.woocommerce a.checkout-button.button.alt.wc-forward:hover, .wc-block-cart__submit-container a{
    text-decoration: none !important;
}
a.added_to_cart.wc-forward {
    background-image: linear-gradient(to right, var(--theme-third-color) , var(--theme-second-color));
    color: #fff;
    padding: 6px 35px 6px 35px;
    border-radius: 30px;
    font-weight: 800;
    margin-top: 11px;
}
.woocommerce #review_form #respond textarea{
   background: #eee;
    border: 1px solid #e5eaec;
}
.woocommerce-Tabs-panel--reviews,.wc-block-checkout__form,.woocommerce-Tabs-panel--description{
    padding: 20px !important;
    border: 1px solid #e5eaec;
}
.wc-block-checkout__form, .wp-block-woocommerce-checkout-order-summary-block,.wc-block-checkout__actions_row a:hover{
    color: var(--theme-heading-color);
}
.wc-block-cart{
    border: 1px solid #e5eaec;
    padding: 30px;
    border-radius: 10px;
    color: var(--theme-heading-color);
}
.wc-block-components-sidebar-layout.wc-block-cart {
    padding-top: 30px !important;
}
.is-large.wc-block-cart .wc-block-cart-items td:after ,.is-large.wc-block-cart .wc-block-cart-items:after {
    border-color: transparent;
}
.wc-block-cart .wc-block-cart-items th,.wp-block-woocommerce-cart-order-summary-block .wc-block-cart__totals-title{
    padding: 10px !important;
}
.wc-block-cart table.wc-block-cart-items{
    margin: 0 !important;
}
.wp-block-woocommerce-cart .wc-block-cart-items,.wc-block-cart-items__header,.wp-block-woocommerce-checkout-order-summary-block,.wp-block-woocommerce-cart-order-summary-block,.is-large.wc-block-cart .wc-block-cart-items{
    border: 1px solid #e5eaec;
}
.wc-block-components-totals-wrapper:after,.wc-block-components-order-summary-item:after{
    border-color:  #e5eaec;
    opacity: 1 !important;
}
.wc-block-cart__submit-container a{
    margin-top: 15px;
}
.wc-block-checkout__actions_row a{
    color: var(--theme-primary-color);
}
.wp-block-woocommerce-cart.alignwide, .wp-block-woocommerce-checkout.alignwide.wc-block-checkout {
    margin-right: auto !important;
    margin-left: auto !important;
}
.wc-block-components-sidebar-layout .wc-block-components-main {
    padding-right: 0% !important;
}
/*-------- Regular Content -----------*/

.site-content-contain {
	position: relative;
}
.site-content {
	padding: 2.5em 0 0;
}

/*-------- Posts ----------------*/
.entry-header .entry-title {
	margin-bottom: 0.25em;
}
.entry-title a {
	color: var(--theme-heading-color);
	text-decoration: none;
	margin-left: -2px;
}
h3.entry-title a:hover {
    color: var(--theme-primary-color);
}
.entry-title:not(:first-child) {
	padding-top: 0;
}
.entry-meta {
	color: #7a7a7a;
	font-size: 11px;
	font-size: 0.6875rem;
	font-weight: 800;
	padding-bottom: 0.25em;
}
.entry-meta a {
	color: #7a7a7a;
}
.link-more {
    text-align: center;
    margin-top: 0px;
}
#Category-section a.more-link:after{
    content: "\f061";
    position: absolute;
    top: 2px;
    font-family: 'Font Awesome 6 Free';
    font-weight: 600;
    right: -19px;
}
a.more-link {
	color: var(--theme-primary-color);
    font-size: 15px;
    display: inline-block;
    position: relative;
}
.more-link:before {
    margin-top: 0 !important;
}
.more-link:hover{
	color: var(--theme-third-color);
}

/* More tag */

.entry-content .more-link:before {
	content: "";
	display: block;
	margin-top: 1.5em;
}
.article_content {
    background: #eee;
    margin-bottom: 20px;
    padding: 20px;
	box-shadow: 1px 3px 7px #bbb;
	border-left: 5px solid var(--theme-heading-color);
}

/* Single Post */
.outer-div{
	position:relative;
	margin: 0;
	padding: 0;
	display: block;
	text-align: center;
	height: 400px;
	background: #000;
}
.woocommerce-page .outer-div{
	object-fit: cover;
    position: relative;
    height:400px;
}
.inner-div .date-box{
	font-size: 15px;
    font-weight: 400;
    text-align: center;
}
.woocommerce-page .single-post-image,
.single-post-image img{
	position: absolute;
    left: 0;
    right: 0;
    height: 400px;
    object-fit: cover;
    opacity: 0.5;
    width: 100%;
}
.inner-div{
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-transform: uppercase;
}
.inner-div a:hover,
.inner-div h2{
	color: #fff;
}
.single-featured-image-header {
	background-color: #fafafa;
	border-bottom: 1px solid #eee;
}
.page-links {
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	padding: 2em 0 3em;
}
.page-links .page-number {
	color: #7a7a7a;
	display: inline-block;
	padding: 0.5em 1em;
}
.page-links a {
	display: inline-block;
}
.page-links a .page-number {
	color: #222;
}
/*--------- without header img css --------------*/
.bread_crumb .without-img a,.bread_crumb .without-img{
	color: #222 !important;
	font-size: 12px;
}
.bread_crumb .without-img a:hover{
	color: var(--theme-primary-color) !important;
}
.bread_crumb .without-img span{
	font-size: 12px;
}
.withoutimg span{
	border-top: 1px solid #222;
	border-bottom: 1px solid #222;
	padding: 2px 0;
	font-size: 25px;
}
.error-404 h2{
	font-size: 100px;
}
.error-404 .bread_crumb .without-img span,.error-404 .bread_crumb .without-img a,.error-404 .bread_crumb .without-img{
	font-size: 20px;
}
/*-----------------------*/
/* Entry footer */

.copyright{
	background: var(--theme-footer-color);
	width: 100%;
	padding: 10px 0;
}
nav.social-navigation :hover {
    color: #00bcd4;
}
.entry-footer {
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	margin-top: 2em;
	padding: 2em 0;
}
.entry-footer .cat-links,
.entry-footer .tags-links {
	display: block;
	font-size: 11px;
	font-size: 0.6875rem;
	font-weight: 800;
	padding-left: 2.5em;
	position: relative;
}
.entry-footer .cat-links + .tags-links {
	margin-top: 1em;
}
.entry-footer .cat-links + .tags-links {
	margin-top: 1em;
}
.entry-footer .cat-links a,
.entry-footer .tags-links a {
	color: #222222;
}
.entry-footer .cat-links .icon,
.entry-footer .tags-links .icon {
	color: #7a7a7a;
	left: 0;
	margin-right: 0.5em;
	position: absolute;
	top: 2px;
}
.entry-footer .edit-link {
	display: inline-block;
}
.entry-footer .edit-link a.post-edit-link {
	background-color: #222;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	margin-top: 2em;
	padding: 0.7em 2em;
	-webkit-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
	white-space: nowrap;
}
.entry-footer .edit-link a.post-edit-link:hover,
.entry-footer .edit-link a.post-edit-link:focus {
	background-color: #7a7a7a;
}
/* Single Post / comment / Blog Navigation */

.navigation{
	width: 100%;
}
.post-navigation{
	margin: 3em 0;
}
/*singe post*/
.post-navigation .nav-links,.posts-navigation .nav-links{
	padding: 1em 0;
	display: flex;
	justify-content: space-between;
}
.nav-title {
	color: #2c2c2c;
	font-size: 15px;
}
.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
	margin-right: 0.5em;
}

.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
	margin-left: 0.5em;
}
.post-navigation .nav-previous a,.posts-navigation .nav-previous a{
  position: relative;
  padding: 4px 10px 4px 23px;
  background: #eee;
  color: #000;
  text-decoration: none;
}
.post-navigation .nav-next a,.posts-navigation .nav-next a{
  position: relative;
  padding: 4px 23px 4px 10px;
  background: #eee;
  color: #000;
  text-decoration: none;
}
.comments-pagination,
.post-navigation {
	clear: both;
}
.post-navigation .nav-previous a,.post-navigation .nav-next a,
.posts-navigation .nav-previous a,.posts-navigation .nav-next a{
	position: relative;
}
.post-navigation .nav-previous a:before,.posts-navigation .nav-previous a:before{
  content: "\f30a";
  position: absolute;
  top: 6px;
  left: 6px;
  font-size: 12px;
  font-family: 'Font Awesome 6 Free';
  font-weight: 600;
}
.post-navigation .nav-next a:before,.posts-navigation .nav-next a:before{
  content: "\f30b";
  position: absolute;
  top: 6px;
  right: 6px;
  font-size: 12px;
  font-family: 'Font Awesome 6 Free';
  font-weight: 600;
}
/*comment*/
.comments-pagination {
	font-size: 14px;
	font-weight: 800;
	padding: 2em 0 3em;
	text-align: center;
	justify-content: center;
}
.pagination .icon,
.comments-pagination .icon {
	width: 0.666666666em;
	height: 0.666666666em;
}

.comments-pagination {
	border: 0;
}
/*blog*/
.posts-navigation{
	padding: 2em 0 3em;
}
.pagination{
	padding: 2em 0 3em;
	text-align: center;
	justify-content: center;
}
.page-numbers {
	padding: 0.5em 0.75em;
	border-radius: 5px;
	background: #eee;
  	color: #000;
  	text-decoration: none !important;
  	margin-left: 10px;
}
.page-numbers:not(.dots):hover,
.page-numbers:not(.dots):focus{
	background: var(--theme-primary-color);
	color: #fff;
}
.page-numbers.current {
	display: inline-block;
	background: var(--theme-primary-color);
	color: #fff;
	line-height: 1.2;
}

.page-numbers.current .screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}

.navigation.pagination .prev.page-numbers,
.navigation.pagination .next.page-numbers {
	font-size: 0;
	position: relative;
}
.navigation.pagination .prev.page-numbers:before{
	font-family: 'fontawesome';
    content: "\f053";
    font-size: 15px;
    font-weight: 400;
    padding: 0.6em 1em;
    background: #eee;
    border-radius: 5px;
}
.navigation.pagination .next.page-numbers:before{
	font-family: 'fontawesome';
    content: "\f054";
    font-size: 15px;
    font-weight: 400;
    padding: 0.6em 1em;
    background: #eee;
    border-radius: 5px;
}
.prev.page-numbers,
.next.page-numbers {
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.navigation.pagination .prev.page-numbers:focus,
.navigation.pagination .prev.page-numbers:hover,
.navigation.pagination .next.page-numbers:focus,
.navigation.pagination .next.page-numbers:hover {
    cursor: pointer;
}
.navigation.pagination .prev.page-numbers:focus:before,
.navigation.pagination .prev.page-numbers:hover:before,
.navigation.pagination .next.page-numbers:focus:before,
.navigation.pagination .next.page-numbers:hover:before{
	background: var(--theme-primary-color);
	color: #fff;
}
/*woocommerce pagination*/
.woocommerce nav.woocommerce-pagination{
    margin-bottom: 30px;
}
.woocommerce nav.woocommerce-pagination ul li a, 
.woocommerce nav.woocommerce-pagination ul li span {
  margin: 0;
  padding: 0;
  text-decoration: none;
  line-height: 1;
  font-size: 1em;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
}
.woocommerce nav.woocommerce-pagination ul{
    border: none;
    display: flex;
    background: transparent !important;
    gap: 10px;
    justify-content: center;
    align-items: center;
}
.woocommerce nav.woocommerce-pagination ul li {
    float: none;
    border: none;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, 
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current{
    background: var(--theme-primary-color);
    color: #fff;
}
/*------------Scroll-Top------------------*/
.scrollup {
    position: fixed;
    top: 0;
    right: 25px;
    width: 42px;
    height: 42px;
    line-height: 42px;
    padding: 0;
    font-size: 20px;
    outline: none;
	background-color: var(--theme-primary-color);
    border-radius: 5px;
    border-bottom-left-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .2);
    -webkit-transition: .9s;
    transition: .9s;
    z-index: 99;
    visibility: hidden;
    opacity: 0;
}

.scrollup i {
    display: inline-block;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.scrollup.is-active {
    top: 98%;
    -webkit-transform: translateY(-98%);
    transform: translateY(-98%);
    opacity: 1;
    visibility: visible;
}

.scrollup.is-active:hover,
.scrollup.is-active:focus {
    color: #000;
    background: var(--theme-primary-color);
    transform: translateY(-98%) rotate(-45deg);
    -webkit-transform: translateY(-98%) rotate(-45deg);
    -moz-transform: translateY(-98%) rotate(-45deg);
    -o-transform: translateY(-98%) rotate(-45deg);
    -ms-transform: translateY(-98%) rotate(-45deg);
}

.scrollup.is-active:hover i,
.scrollup.is-active:focus i {
    transform: translateY(0) rotate(45deg);
    -webkit-transform: translateY(0) rotate(45deg);
    -moz-transform: translateY(0) rotate(45deg);
    -o-transform: translateY(0) rotate(45deg);
    -ms-transform: translateY(0) rotate(45deg);
}

/*----------- Pages ---------*/
.page-header h1,
.entry-header h1,
.page-header h2,
.single-post-page h2,
h1.entry-title {
    font-size: 23px;
    font-weight: bold;
    margin-bottom: 0px;
}
.header-image{
	position: absolute;
    left: 0;
    right: 0;
    height: 400px;
    object-fit: cover;
    opacity: 0.5;
    width: 100%;
  }
.page-header{
	position: relative;
	object-fit: cover;
	height: 400px !important;
	background-color: #000;
	text-transform: uppercase;
}
.internal-div{
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
}
.internal-div .page-title{
	color: #fff;
}
.entry-header,
.single-post-page h2 {
	padding-bottom: 1em;
    padding-top: 1em;
}
.single-post-page h2{
	font-weight: bold;
    padding: 0px;
    margin-bottom: 15px;
}
.page .entry-header .edit-link {
	font-size: 14px;
}
.search .page .entry-header .edit-link {
	font-size: 11px;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*----------- Footer --------------*/
.site-info .footer-copyright{
	color: #222;
}
.site-info a{
    font-size: 15px;
    font-weight: 400;
    margin: 0;
    color: #fff;
}
.site-info{
	background: var(--theme-primary-color);
}
.site-info a:hover{
	color: #222;
}
.site-footer .wrap {
	padding-bottom: 1.5em;
	padding-top: 2em;
}

/* Footer widgets */
.site-footer .wp-block-media-text__media img {
	margin-left: 0px;
}
.site-footer .widget-area a:hover{
	color: var(--theme-primary-color);
}
.site-footer .search-form .search-submit{
	background: var(--theme-primary-color);
	color: #fff;
	border-radius: 30px;
}
.site-footer .widget-area li a,
.site-footer .widget-area ul li a,
.site-footer .textwidget {
	color: #ffffff;
}
.site-footer .widget ul li,
.site-footer .widget ol li{
	color: #fff;
    padding: 4px 0;
    list-style: none;
    font-size: 15px;
}
.site-footer,.site-footer .wp-block-search .wp-block-search__label,.site-footer .wp-block-latest-comments__comment-author, .site-footer .wp-block-latest-comments__comment-link{
    color: #fff;
}
.site-footer h3.widget-title, .site-footer h1.wp-block-heading,.site-footer h2.wp-block-heading,.site-footer h3.wp-block-heading,.site-footer h4.wp-block-heading,.site-footer h5.wp-block-heading,.site-footer h6.wp-block-heading{
    font-size: 25px;
    color: #ffffff;
    font-weight: bold;
    border-bottom: solid 1px #fff;
    border-top: solid 1px #fff;
    padding-bottom: 10px;
    margin-top: 10px;
    padding-top: 10px;
}
.site-footer input[type="search"] {
  	padding: 10px;
    font-size: 14px;
    margin-bottom: 0px;
    color: #fff;
    width: 100%;
    border: none;
}
.site-footer .search-form .search-submit{
	bottom: 1px;
    padding: 10px;
    position: absolute;
    right: 1px;
    background: var(--theme-primary-color);
    color: #fff;

}
.default-footer .footer-widget-3 ul{
    padding-left: 0;
}
.default-footer li{
    list-style: none;
}
/*------- Comments ------------*/
.pre .nav-links a,
.nex .nav-links a{
    background: var(--theme-heading-color);
    color: var(--post-bg-color);
    padding: 5px 10px;
}
.pre,.nex {
    margin: 0 0 20px;
}
#comments {
	clear: both;
	padding: 2em 0 0.5em;
}
.comments-title {
	font-size: 20px;
	font-size: 1.25rem;
	margin-bottom: 1.5em;
}
.comment-list,
.comment-list .children {
	list-style: none;
	margin: 0;
	padding: 0;
}
.comment-list li:before {
	display: none;
}
.comment-author {
	font-size: 16px;
	font-size: 1rem;
	margin-bottom: 0.4em;
	position: relative;
	z-index: 2;
}
.comment-author .avatar {
	height: 50px;
	width: 50px;
	border: 1px dashed var(--theme-heading-color);
    padding: 2px;
}
.comment-author .says {
	display: none;
}
textarea#comment{
    background: #eee;
    border: 1px solid #e5eaec;
}
#respond{
    padding: 20px;
    margin: 20px 0 0;
    color: var(--theme-text-color);
    border: 1px solid #e5eaec;
}
.comment-meta {
	margin-bottom: 1.5em;
}
.comment-metadata {
	color: var(--theme-text-color);
	font-size: 10px;
	font-weight: 800;
	text-transform: uppercase;
}
.comment-metadata a {
	color: var(--theme-text-color);
}
.comment-metadata a.comment-edit-link {
	color: var(--theme-text-color);
	margin-left: 1em;
}
.comment-body {
	color: var(--theme-text-color);
	font-size: 14px;
	font-size: 0.875rem;
	margin-bottom: 4em;
	border: 1px solid #e5eaec;
    padding: 10px;
}
.comment-reply-link {
	font-weight: 800;
	position: relative;
}
.comment-reply-link .icon {
	color: var(--theme-text-color);
	left: -2em;
	height: 1em;
	position: absolute;
	top: 0;
	width: 1em;
}
.children .comment-author .avatar {
	height: 30px;
	left: -45px;
	width: 30px;
}
.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
	border: 1px solid var(--theme-heading-color);
	padding: 2px;
}
.no-comments,
.comment-awaiting-moderation {
	color: var(--theme-text-color);
	font-size: 14px;
	font-style: italic;
}
.comments-pagination {
	margin: 2em 0 3em;
}
.form-submit {
	text-align: right;
}
/*sidebar*/

#sidebar .postbox.smallpostimage{
	padding: 10px;
}
#sidebar td#prev a {
  color: var(--theme-heading-color);
}
#sidebar caption {
  font-weight: bold;
  color: var(--theme-heading-color);
  font-size: 20px;
}
#sidebar table,#sidebar th,#sidebar td {
  text-align: center;
}
#sidebar.custom-sidebar-class .wp-calendar-table td,#sidebar.custom-sidebar-class .wp-calendar-table th {
    padding: 0;
    font-size: 12px;
}
#sidebar td {
  padding: 7px;
  color: var(--theme-heading-color);
}
#sidebar td a{
	color: var(--theme-primary-color);
}
#sidebar th {
  text-align: center;
  padding: 5px;
  color: var(--theme-heading-color);
}
#sidebar select {
  padding: 10px 5px;
  border: solid 1px var(--theme-heading-color);
  background: transparent;
}
#sidebar label.wp-block-archives__label, #sidebar .wp-block-search .wp-block-search__label , #sidebar h3, #sidebar h1.wp-block-heading, #sidebar h2.wp-block-heading, #sidebar h3.wp-block-heading,#sidebar h4.wp-block-heading, #sidebar h5.wp-block-heading, #sidebar h6.wp-block-heading {
	font-size: 18px;
    display: table;
    margin: -45px auto 10px auto;
    border-radius: 0px;
    background: var(--post-bg-color);
    border: 1px solid var(--theme-primary-color);
    padding: 7px 8px !important;
    width: auto;
    text-align: center;
    color: var(--theme-heading-color);
}
.site-footer .wp-block-archives-dropdown.wp-block-archives select,
#sidebar .wp-block-archives-dropdown.wp-block-archives select {
    margin-top: 5px;
}
.site-footer .wp-block-categories-dropdown.wp-block-categories select,
#sidebar .wp-block-categories-dropdown.wp-block-categories select {
    margin-bottom: 5px;
}
#sidebar table , .site-footer table{
	border-color: transparent;
	width: 100%;
}
.site-footer :where(.wp-block-calendar table:not(.has-background) th),
#sidebar :where(.wp-block-calendar table:not(.has-background) th){
	background: transparent;
}
#sidebar input[type="search"],
input[type="search"] {
	padding: 17px;
	font-size: 14px;
	margin-bottom: 0px;
	color: var(--theme-text-color);
	border: solid 1px #e5eaec;
	width: 100%;
	border-radius: 30px;
}
.site-footer .wp-block-calendar{
	padding-top: 5px;
}
#sidebar .wp-block-search__inside-wrapper{
	margin-top: 5px;
}
#sidebar .search-form .search-submit{
	bottom: 4px;
    padding: 15px;
    position: absolute;
    right: 4px;
}
#sidebar .wp-block-search__label,#sidebar .widget_search label{
  margin-bottom: 0;
  width: 100%;
}
#sidebar input[type="submit"]{
  background-image: linear-gradient(to right, var(--theme-third-color) , var(--theme-second-color));
  color:#fff;
  padding:10px 0;
  font-size:12px;
  width: 100%;
  font-weight: bold;
}
#sidebar .widget {
	background-color: var(--post-bg-color);
  border-radius: 10px;
  border-top: 4px solid var(--theme-primary-color);
  border-bottom: 4px solid var(--theme-primary-color);
  margin-bottom: 50px;
  padding: 20px;
  position: relative;
  box-shadow: 0px 4px 9px #a7aaad;
}
#sidebar ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 17px;
}
#sidebar ul li, #sidebar .wp-block-latest-comments__comment-meta {
    border-bottom: 1px dashed #ddd;
    background: url(assets/images/icon1.png) no-repeat 0 15px;
    margin: 0 0 5px;
    padding: 10px 20px 10px;
}
#sidebar .widget.widget_nav_menu{
	color: red;
}
#sidebar ul li:last-child{
	border: none;
}
#sidebar a:hover{
	color: var(--theme-primary-color);
}
#sidebar a{
  color: var(--theme-heading-color);
  text-decoration: none;
}
#sidebar ul li a ,#sidebar .wp-block-latest-comments__comment-author, #sidebar .wp-block-latest-comments__comment-link {
  font-size: 15px;
  font-weight: 500;
}
.site-footer .wp-block-latest-comments article,
#sidebar .wp-block-latest-comments article {
    margin-bottom: 0em;
}
.site-footer .wp-block-latest-comments__comment-meta,
#sidebar .wp-block-latest-comments__comment-meta {
    margin-bottom: 0px;
}
.site-footer ol.wp-block-latest-comments,
#sidebar ol.wp-block-latest-comments{
  padding-inline-start: 0px;
}
.single-tags a,
#sidebar .tagcloud a,
.site-footer .tagcloud a, p.wp-block-tag-cloud a{
  background:#eeeeee;
  color: #222222 !important;
  font-size:15px !important;
  padding:5px 18px;
  margin:0 0 5px;
  display:inline-block;
  text-decoration: none;
}
.single-tags a:hover,
#sidebar .tagcloud a:hover,
.site-footer .tagcloud a:hover, p.wp-block-tag-cloud a:hover{
  background:var(--theme-primary-color);
  color: #fff !important;
}
.site-footer .wp-block-media-text,
#sidebar .wp-block-media-text {
 box-sizing: border-box;
 direction: ltr;
 display: inline;
 grid-template-columns: 50% 1fr;
 grid-template-rows: auto;
}
/* Search */

.search-form {
	position: relative;
}
.search-form .search-submit {
	bottom: 3px;
	padding: 16px 25px;
	position: absolute;
	right: 3px;
}
.search-form .search-submit .icon {
	height: 24px;
	top: -2px;
	width: 24px;
}
button.search-submit{
	background-image: linear-gradient(to right, var(--theme-third-color) , var(--theme-second-color));
	font-weight: normal;
}

/* Calendar widget */

.widget_calendar th,
.widget_calendar td,
.widget_calendar caption {
	text-align: center;
	color:#ffffff;
}
.widget_calendar tfoot td {
	border: 0;
}

/*----------- Media ----------*/

img,
video {
	height: auto;
	max-width: 100%;
}

/*--------- Galleries --------*/

.gallery-item {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	margin: 0 0 1.5em;
	padding: 0 1em 0 0;
	width: 50%;
}
.gallery-columns-1 .gallery-item {
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	display: inline-block;
	max-width: 100%;
}
.gallery-item a img {
	display: block;
	-webkit-transition: -webkit-filter 0.2s ease-in;
	transition: -webkit-filter 0.2s ease-in;
	transition: filter 0.2s ease-in;
	transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.gallery-item a:hover img,
.gallery-item a:focus img {
	-webkit-filter: opacity(60%);
	filter: opacity(60%);
}
.gallery-caption {
	display: block;
	text-align: left;
	padding: 0 10px 0 0;
	margin-bottom: 0;
}
/*--------- custom cursor --------------*/
.custom-cursor,
.custom-cursor-follower {
  position: fixed;
  width: 24px;
  height: 24px;
  background-color: var(--theme-primary-color);
  opacity: 0.5;
  border-radius: 50%;
  pointer-events: none;
  z-index: 9999;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}

.custom-cursor-follower {
  transform-origin: center;
  opacity: 0;
}

/* Cursor Active State */
.custom-cursor.active,
.custom-cursor-follower.active {
  transform: scale(1.5);
  opacity: 0.6;
}
/*--------- perloader--------------*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--theme-primary-fade);
  z-index: 999999;
}
/* perloader  style-1*/
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: var(--theme-primary-color);
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: var(--theme-footer-color);
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}
#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: var(--theme-third-color);
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* perloader  style-2*/
.spinner {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px; /* Increased size */
  height: 100px; /* Increased size */
  text-align: center;
  font-size: 50px;
}

.spinner > div {
  background-color: var(--theme-footer-color);
  height: 100%;
  width: 6px;
  display: inline-block;
  
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}
/*--------- Media --------------*/

@media screen and (min-width: 48em) {
	/* Posts */
	.site-content {
		padding: 2em 0 0;
	}
	.comments-pagination,
	.post-navigation {
		clear: both;
	}
	.nav-next{
		margin-top: 0;
	}
	.blog .site-main > article,
	.archive .site-main > article,
	.search .site-main > article {
		padding-bottom: 4em;
	}
	.entry-footer {
		display: table;
		width: 100%;
	}
	/* Comments */
	.comments-title {
		margin-bottom: 2.5em;
	}
	ol.children .children {
		padding-left: 2em;
	}
	/* Posts pagination */
	.nav-links .nav-title {
		position: relative;
	}
	.nav-title-icon-wrapper {
		position: absolute;
		text-align: center;
		width: 2em;
	}
	.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
		left: -2em;
	}
	.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
		right: -2em;
	}
}
@media screen and (max-width: 1200px){
    .wc-block-components-totals-wrapper,.is-medium table.wc-block-cart-items .wc-block-cart-items__row, .is-mobile table.wc-block-cart-items .wc-block-cart-items__row, .is-small table.wc-block-cart-items .wc-block-cart-items__row {
        padding: 16px 10px !important;
    }
    .wc-block-cart table.wc-block-cart-items{
        margin: 0 0 2em !important  ;
    }
}
@media screen and (max-width: 999px) and (min-width: 768px){
	.site-footer td,
	.site-footer th{
		padding: 0px;
	}
	.woocommerce .products li {
    	width: 40% !important;
  	}
	#sidebar .widget.widget_nav_menu .menu li .menu-item-has-children {
    background-image: none;
    padding: 0px;
	}
}
@media screen and (max-width: 991px){
	.gb_nav_menu .nav ul li a:focus,
	a.closebtn.gb_menu:focus,
	.toggle-menu button:focus{
	    outline: -webkit-focus-ring-color auto 1px;
	}
	.gb_nav_menu li.page_item_has_children:after,
	.gb_nav_menu li.menu-item-has-children:after{
		display: none;
	}
	.toggle-menu {
		display: none;
		width: 100%;
		top: 0;
		cursor: pointer;
		z-index: 999999;
		text-align: left;
		right: 0;
		font-size: 20px;
	}
	.toggle-menu.gb_menu p {
		margin-bottom: 0;
	}
	.toggle-menu i {
		font-size: 22px;
		color: #fff;
	}
	.toggle-menu button {
		padding: 10px 15px;
	    background: #222;
	    border-radius: 0;
	    margin-bottom: 7px;
	}
	.side_gb_nav {
		max-height: 100%;
		width: 100%;
		height: 100%;
		position: fixed;
		z-index: 9999999;
		top: 110%;
		right: 0;
		overflow-y: scroll;
		background-color: #1a1a1a;
		overflow-x: hidden;
		transition: 0.5s;
		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;
		right: 0;
	}
	.side_gb_nav .closebtn i{
		margin: 15px;
	}
	.side_gb_nav #top_gb_menu {
		width: 100%;
		padding-top: 60px;
	}
	.toggle-menu span{
		font-size:30px;
		cursor:pointer;
		text-align: right;
	}
	.toggle-menu{
		display: block;
	}
	.toggle i.fa.fa-bars,.toggle i.fa.fa-times {
		float: right;
		color: black;
	}
	.gb_nav_menu .nav ul li{
		border-top:1px #303030 solid;
		display:block;
	}
	.nav ul li a{
		padding: 10px 15px;
		display: block;
		color: #ffffff !important;
		border: none;
		border-bottom: 1px solid var(--theme-heading-color);
		background: none !important;
	}
	.nav ul li:first-child ul li a{
		border-top: none;
	}
	.gb_nav_menu ul li a:active, .gb_nav_menu ul li a:hover{
		color: var(--theme-primary-color) !important;
	}
	.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% !important;
		background: none;
		border:none;
		opacity: 1 !important;
		visibility: visible !important;
	}
    .gb_nav_menu .sub-menu{
        width: 100% !important;
    }
	.gb_nav_menu li,
	.menu_header{
		padding: 0;
		display: block;
	}
	.gb_nav_menu ul{
		margin: 0;
		text-align: left;
	}
	#gb_responsive {
		text-align: left;
		display: inline;
	}
	.gb_nav_menu .sub-menu > li > a:focus, .nav ul li a:focus{
	    outline: -webkit-focus-ring-color auto 1px;
	}
	.main-header-box{
		padding-bottom: 15px;
	}
	.menu_header{
		background: transparent !important;
	}
	.page-template-custom-home-page #header{
		margin-bottom: -153px;
	}
	.admin-bar .fixed{
    	margin-top: 0 !important;
	}
	.fixed_header.fixed{
	    position: static !important;
	    background: transparent !important;
	}
	#slider .carousel-caption h2{
		font-size: 35px;
	}
	#slider img{
		height: 660px;
	}
	.top_header span{
		border-right: none;
	}
	#sidebar label.wp-block-archives__label, #sidebar .wp-block-search .wp-block-search__label, #sidebar h3, #sidebar h1.wp-block-heading, #sidebar h2.wp-block-heading, #sidebar h3.wp-block-heading, #sidebar h4.wp-block-heading, #sidebar h5.wp-block-heading, #sidebar h6.wp-block-heading{
		font-size: 16px;
		text-align: center;
	}
	.site-footer td,
	#sidebar .widget_calendar th,
	#sidebar .widget_calendar td{
		padding: 3px;
	}
	.site-footer .search-form .search-submit,
	#sidebar .search-form .search-submit {
	    bottom: 0px;
	    padding: 10px;
	    position: static;
	    right: 0px;
	    margin-top: 10px;
	}
}
@media screen and (max-width:767px){
	#header{
		padding-bottom: 2px;
	}
	.links,
	.top_header{
		text-align: center;
	}
	.page-template-custom-home-page #header{
		position: static;
		margin-bottom: auto;
	}
	.top_header span{
		display: block;
		margin-bottom: 10px;
	}
	.logo{
		padding-bottom: 0;
	}
	#slider .carousel-caption h2{
		font-size: 23px;
	}
	.site-footer .search-form .search-submit,
	#sidebar .search-form .search-submit {
	    bottom: 1px;
	    padding: 10px;
	    position: absolute;
	    right: 2px;
	}
	.woocommerce ul.products[class*=columns-] li.product,
	.woocommerce-page ul.products[class*=columns-] li.product{
		width: 100% !important;
		float: none !important;
	}
	#slider img{
		height: 500px;
	}
}
@media screen and (max-width:600px){
	.site-info{
		padding: 2em 0 !important;
		text-align: center !important;
	}
	.site-info a{
		padding: 0 !important;
	}
	.wc-block-components-sidebar-layout.wc-block-cart {
        padding-top: 0 !important;
    }
	.wc-block-cart{
        padding: 0;
        border: none;
    }
}
@media screen and (max-width:575px){
	#slider .slider-inner{
    	text-align: center;
    }
    .slider-excerpt{
		display: none;
	}
	#slider .carousel-control-next-icon, #slider .carousel-control-prev-icon,#slider .carousel-control-next-icon:hover, #slider .carousel-control-prev-icon:hover{
		clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
		padding: 0;
		background: transparent;
	}
	#slider img{
		height: 400px;
	}
	#slider .carousel-caption h2{
		font-size: 20px;
	}
	#slider .carousel-control-prev-icon i ,#slider .carousel-control-next-icon i{
		margin: 0 5px;
	}
	#middle-sec .box {
	    margin: 15px 0;
	}
}