/*
Theme Name: Fitburn Pro
Theme URI: https://flythemes.net/wordpress-themes/fitburn-wordpress-theme/
Author: Flythemes
Author URI: https://www.flythemes.net/
Description: Fitburn Gym WordPress Theme is a powerful, modern, and highly flexible fitness WordPress theme designed especially for gyms, fitness centers, personal trainers, yoga studios, bodybuilding clubs, and health-focused businesses. Whether you run a professional gym, a boutique fitness studio, or work as an independent fitness coach, Fitburn provides everything you need to create a high-performance website that converts visitors into loyal members. Built with the latest WordPress standards and optimized for speed, SEO, and user experience, Fitburn Gym WordPress Theme ensures your website stands out in the competitive fitness industry. With its stunning design, responsive layout, and customizable features, you can easily showcase your services, trainers, classes, and success stories.
Version: 1.0
Tested up to: 6.9 & above
Requires PHP: 7.2 & above
License: GNU General Public License version 3
License URI: license.txt
Text Domain: fitburn-pro
Tags: one-column,two-columns,left-sidebar,right-sidebar,custom-background,custom-header,custom-menu,editor-style,featured-images,full-width-template, sticky-post,threaded-comments,translation-ready,theme-options

Fitburn Pro WordPress Theme has been created by Flythemes(flythemes.net), 2026.
Fitburn Pro WordPress Theme is released under the terms of GNU GPL
*/

*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0; padding:0; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:focus{ outline:none; }
body{ margin:0; padding:0; font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; line-height:1.7; color:#e5e7eb; font-size:16px; background-color:var(--body-bg); font-weight:400; box-sizing:border-box; -ms-word-wrap:break-word; word-wrap:break-word; overflow-x: hidden; }
img{ margin:0; padding:0; border:none; }
.bypostauthor{ margin:0; padding:0; }
section img, img{ width:100%; height:auto; display:block; }
h1,h2,h3,h4,h5,h6{ font-family: "Bebas Neue", "Inter", sans-serif; margin:0 0 20px; padding:0; line-height:1.2; font-weight:700; }
h1{ font-size:64px; }
h2{ font-size:48px; }
h3{ font-size:36px; }
h4{ font-size:28px; }
h5{ font-size:22px; }
h6{ font-size:18px; }
.left{ float:left; }
.right{ float:right; }
blockquote{ position:relative; margin-bottom:15px; }
blockquote.align-left{ padding:40px 35px 40px 80px; text-align:left; margin:40px 0; font-weight:500; font-size:22px; line-height:40px; border-left: 5px solid var( --primary-bg ); background-color: rgba(191, 191, 191, 0.2); font-style: italic; }
blockquote.align-left:before{ content:'\f10d'; position:absolute; top:30px; left:30px; font-family:'Font Awesome 6 Pro'; font-weight:700; font-size:32px; color: var(--primary-bg); }
blockquote.align-right{ padding:40px 80px 40px 35px; text-align:right; margin:40px 0; font-weight:500; font-size:22px; line-height:40px; border-right: 5px solid var( --primary-bg ); background-color: rgba(191, 191, 191, 0.2); font-style: italic; }
blockquote.align-right:after{ content:'\f10e'; position:absolute; top:30px; right:30px; font-family:'Font Awesome 6 Pro'; font-weight:700; font-size:32px; color: var(--primary-bg); }
hr, .hr{clear:both; margin:30px 0; border:none; }
p{ margin:0 0 20px; padding:0;}
a{ color: var(--primary-bg); text-decoration:none; -webkit-transition:0.3s; transition:0.3s; }
a:hover{ color: var( --secondary-bg ); text-decoration:none; }
a:focus{ outline:none; }
ul{ list-style:none; margin:0; padding:0;}
li{ margin: 5px 0; list-style: disc; }
iframe{ width:100%; display:block; margin:0;}
article ul, article ol{ margin:0 0 15px 15px;}
article ul li{ list-style: disc;}
.custom-height{ min-height:20px;}
.clear{ clear:both;}
.middle-align{ margin:0 auto; padding:0;}
.wp-caption{ margin:0; padding:0; font-size:13px; max-width:100%;}
.wp-caption-text{ margin:0; padding:0;}
.sticky{ margin:0; padding:0;}
.gallery-caption{ margin:0; padding:0;}
.alignleft, img.alignleft { float: left; margin-right:25px; margin-top:4px; margin-bottom:6px; padding:0; height:auto; width:auto; }
.alignright, img.alignright { float: right; margin-left:25px; margin-top:4px; margin-bottom:6px; padding:0; height:auto; width:auto; }
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0; height:auto; width:auto;}
.comments-area{ margin-bottom:15px;}
.comment-list .comment-content ul { list-style:none; margin-left:15px;}
.comment-list .comment-content ul li{margin:5px;}
.main-container ol{list-style-position:outside; margin-left:20px;}
.main-container ol li{margin:5px 0;}
.lastcols{ margin-right:0 !important;}
#lastcols{ margin-right:0 !important; }
.toggleMenu{display:none;}
section{ padding:60px 0; position:relative; }
.boxlayout .header .container{ width:100%; }
.no-padding{ padding:0 !important; }
.bg-scroll{ background-attachment:scroll !important; }
::-moz-selection { color: var(--primary-text); background-color: var( --primary-bg ); }
::selection { color: var(--primary-text); background-color: var( --primary-bg ); }

/*===============================================
** Responsive Header Css
*===============================================*/
.header-responsive{ display:none; }

/*===============================================
** Sticky Header Css
*===============================================*/
.sticky-header{ background-color:var(--sticky-bg); width:100%; padding: 15px 0; left:0; right:0; box-shadow:0 1px 10px rgba(0, 0, 0, .2); position:fixed; top:-300px; -webkit-transition:all .3s; transition:all .3s; z-index:999; }
.sticky-header.show{ top:0; transition-delay:.3s; }
.sticky-header .sticky-left{ width:13%; }
.sticky-header .sticky-right{ margin-left: auto; }
.sticky-header .logo{ top: 0; transform: translateY(0); }
.sticky-header .sticky-right .sitenav{ text-align:right; padding:0; }

/*===============================================
** Top Header Css
*===============================================*/
.top-header{ position: relative; background-color: var(--top-h-bg); }
.top-header, .top-header a{ color: var(--top-h-txt); }
.top-header-col{ position: relative; line-height: 50px; font-size: 14px; }
.top-header-col:not(:last-child){ margin-right: 20px; }
.top-header-col.icon-add i, .top-header-col.icon-mail i, .top-header-col.icon-tel i, .top-header-col.icon-clock i{ margin-right: 5px; font-size: 14px; }
.top-header a:hover{ color: var( --top-h-hvr ); }
.top-header .social-icons{ display: grid; grid-template-columns: repeat(auto-fit, minmax(40px, 1fr)); max-width: 300px; }
.top-header .social-icons a{ border: none; text-align: right; margin-right: 0; width: 30px; height: 50px; line-height: 50px; background: none; color: var(--top-h-txt); }
.top-header .social-icons a:hover{ color: var(--top-h-hvr) !important; background: none; }

/*===============================================
** Default Header Css
*===============================================*/
.header{ position: relative; z-index: 2; }
.header-main{ position:relative; z-index:20; }
.header-main.header-default .header{ background-color: var( --head-bg ); border-radius: 14px; padding: 0px 24px; margin: 24px; -webkit-backdrop-filter: blur(19.5px); backdrop-filter: blur(19.5px); }
.header-main.header-default .site-title-logo{ flex: 0 0 14%; padding: 16px 0; position: relative; z-index: 1; }

/*===============================================
** Header Style One Css
*===============================================*/
.header-main.header-style-one{ margin-bottom: 24px; }
.header-main.header-style-one .site-title-logo{ padding: 20px 0; width: 14%; }

.headinfo-box{ padding: 20px 0; }
.headinfo-box:not(:last-child){ margin-right: 40px; }
.headinfo-box .headinfo-icon{ color: var( --primary-bg ); font-size: 32px; }
.headinfo-box .headinfo-data{ margin-left: 20px; }
.headinfo-box .headinfo-data span{ display: block; }
.headinfo-box .headinfo-data h5.data-ttl{ color: var( --primary-bg ); text-transform: uppercase; letter-spacing: 2px; font-size: 16px; margin-bottom: 0; }

.header-main.header-style-one .theme-navigation{ position: relative; z-index: 2; }

/*===============================================
** Header Style Two Css
*===============================================*/
.header-main.header-style-two{ margin-bottom: 24px; }
.header-main.header-style-two .header{ border-bottom: 1px solid rgba(255,255,255,.2); }
.header-main.header-style-two .site-title-logo{ width: 16%; padding: 25px 0; margin-right: auto; }
.header-main.header-style-two .theme-navigation{ margin-top: 24px; }

/*===============================================
** Header Style Three Css
*===============================================*/
.header-main.header-style-three{ margin-top: 24px; }
.header-main.header-style-three .header{ position: absolute; top: 24px; left: 48px; right: 48px; z-index: 10; }
.header-main.header-style-three .site-title-logo{ width: 14%; }

/*===============================================
** Site Logo Css
*===============================================*/
.logo{ position:relative; -webkit-transition:0.3s; transition:0.3s; }
.logo img{ width:auto; height:auto; display:block; }
.logo h1{ margin: 0; font: 700 48px/1 'Space Grotesk'; color: var( --primary-bg ); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; letter-spacing: 1px; }
.logo a{ display:block; }
.logo p{ color:#131112; display:block; font:400 16px/1 'Work Sans'; margin:10px 0 0; }

/*===============================================
** Navigation Css
*===============================================*/
.toggle{ display: none; position: relative; margin:15px 0; text-transform:uppercase; font-weight:700; }
.toggle a{ width:auto; padding:28px 25px; text-align:left; border-left:1px solid; color:var(--toggle-clr); }
.toggle a:hover{ color:var(--toggle-hvr); }
.toggle a:before{ content:'\f0c9'; font-family:'Font Awesome 6 Pro'; font-weight:400; position:absolute; top: 5px; font-size: 28px; left: 14px; }

.sitenav .menu { font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; font-size: 16px; font-weight: 600; display: flex; gap: 8px; align-items: center; list-style: none; margin: 0; padding: 0;  transition: max-height 0.3s ease; }
.sitenav .menu > li { position: relative; list-style: none; margin: 0; }
.sitenav .menu a { position: relative; display: inline-flex; align-items: center; letter-spacing: 0.06em; text-transform: capitalize; color: #E5E7EB; text-decoration: none; padding: 10px 12px; border-radius: 10px; transition: color 0.2s ease; }
.sitenav .menu a:hover, .sitenav .menu > li.current-menu-item > a, .sitenav .menu > li.current_page_item > a, .sitenav .menu > li.current-menu-ancestor > a { color: var( --nav-hvr ); }
.sitenav .menu a::after { content: ""; position: absolute; left: 4px; right: 4px; bottom: 4px; height: 12px; border-bottom: 2px solid transparent; border-radius: 999px; transition: border-color 0.2s ease, opacity 0.2s ease; opacity: 0; pointer-events: none; }
.sitenav .menu a:hover::after, .sitenav .menu > li.current-menu-item > a::after, .sitenav .menu > li.current_page_item > a::after, .sitenav .menu > li.current-menu-ancestor > a::after { border-color: var( --nav-hvr ); opacity: 1; }
.sitenav li.menu-item-has-children > a.parent, .sitenav li.has-sub > a.parent { padding-right: 22px; }

/* SUBMENU BASE */
.sitenav .sub-menu { position: absolute; top: calc(100% + 12px); left: 0; min-width: 240px; background-color: rgba(0,0,0,0.2); border: 1px solid #1F2937; border-radius: 14px; margin: 0; list-style: none; opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease; z-index: 9999; }
.sitenav .sub-menu li { position: relative; list-style: none; margin: 0; }
.sitenav .sub-menu li:not(:last-child) { margin-bottom: 4px; }
.sitenav .sub-menu li.current_page_item a{ background-color: var(--primary-bg); color: var(--primary-text); }
.sitenav .sub-menu a { width: 100%; display: flex; justify-content: space-between; font-size: 14px; font-weight: 600; letter-spacing: 0.02em; text-transform: none; padding: 8px 12px; border-radius: 12px; }
.sitenav .sub-menu a:hover { background: var( --primary-bg ); color: var(--primary-text) !important; }
.sitenav .sub-menu a::after { display: none; }

/* HOVER OPEN DROPDOWNS */
@media (min-width: 1024px) {
  .sitenav .menu > li:hover > .sub-menu { opacity: 1; visibility: visible; transform: translateY(0); }
  .sitenav .sub-menu li:hover > .sub-menu { opacity: 1; visibility: visible; transform: translateX(0); }
}
.sitenav .sub-menu .sub-menu { top: 0; left: calc(100% + 6px); transform: translateX(8px); }

/* ARROWS (submenu indicators) */
.sitenav .menu > li.menu-item-has-children > a::before { content: "\f107"; font-family: 'Font Awesome 6 Pro'; font-weight: 700; font-size: 14px; position: absolute; right: 4px; }
.sitenav .sub-menu li.menu-item-has-children > a::before { content: "\f105"; font-family: 'Font Awesome 6 Pro'; font-weight: 700; font-size: 14px; position: absolute; right: 8px; }
.sitenav .submenu-button { display: none; }

/* ================================
   HEADER META (RIGHT SIDE)
================================ */
.header-meta { display: flex; align-items: center; gap: 14px; }
.header-meta .header-button a { display: inline-flex; align-items: center; justify-content: center; font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; padding: 12px 20px; border-radius: 12px; background-color: var( --primary-bg ); color: var(--primary-text); text-decoration: none; transition: background 0.2s ease, transform 0.2s ease, border-color 0.2s ease; }
.header-meta .header-button a:hover { background-color: var(--secondary-bg); color: var(--secondary-text); }

.header-meta .header-drawer { display: inline-flex; align-items: center; justify-content: center; }
.header-meta .header-drawer .drawer-icon { width: 46px; height: 46px; display: inline-flex; align-items: center; justify-content: center; border-radius: 12px; background-color: var(--drawer-bg); border: 1px solid #1F2937; cursor: pointer; transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease; }

/* SVG sizing */
.header-meta .header-drawer .drawer-icon svg { width: 22px; height: 22px; transition: transform 0.25s ease; }

/* Hover */
.header-meta .header-drawer .drawer-icon:hover { border-color: var( --primary-bg ); transform: translateY(-1px); color: var( --primary-bg ); }

/* Hover rotate icon */
.header-meta .header-drawer .drawer-icon:hover svg { transform: rotate(45deg); }
.fitburn-drawer { position: fixed; top: 0; right: -500px; width: 480px; height: 100%; background-color: var(--drawer-bg); padding: 40px; transition: right 0.4s ease; z-index: 99999; overflow-y: auto; }
.fitburn-drawer.active { right: 0; }
.fitburn-drawer-overlay { position: fixed; inset: 0; background-color: rgba(0,0,0,0.6); opacity: 0; visibility: hidden; transition: 0.3s ease; z-index: 9998; }
.fitburn-drawer-overlay.active { opacity: 1; visibility: visible; }
.fitburn-drawer-header { display: flex; align-items: center; justify-content: space-between; }
.fitburn-drawer-header h4{ margin-bottom: 0; letter-spacing: 1px; }
.fitburn-drawer-close { width: 42px; height: 42px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.15); background-color: rgba(255,255,255,0.05); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); display: flex; align-items: center; justify-content: center; font-size: 22px; font-weight: 500; color: #E5E7EB; cursor: pointer; padding: 0; line-height: 1; transition: all 0.35s ease; transform-origin: center; }

/* Hover Animation */
.fitburn-drawer-close:hover { background-color: var( --primary-bg ); color: #0B0F14; transform: rotate(90deg); box-shadow: 0 0 15px rgba(222,251,2,0.6); }
.fitburn-drawer-content{ padding: 40px 0; overflow-y: scroll; }

/*===============================================
** Slider Css
*===============================================*/
.slider-main{ position:relative; background-image:url(images/loading.gif); background-repeat:no-repeat; background-position:center center; background-size:auto;}
.show-header-image{ padding:8em 0; }

/*===============================================
** Social Icons Css
*===============================================*/
#sidebar .social-icons{ text-align:center; }
.social-icons a{ width: 40px; height: 40px; line-height: 38px; display: inline-block; padding: 0; font-size: 16px; color: var(--primary-text); position: relative; margin: 0 8px 0 1px; text-align: center; background-color: var( --primary-bg ); border-radius: 6px; -webkit-transition: 0.3s; transition: 0.3s; }
.social-icons a:hover{ background-color: var(--secondary-bg); color: var(--secondary-text); }
.social-icons br{ display:none;}

/*===============================================
** Buttons Css
*===============================================*/
a.main-button{ letter-spacing: 2px; padding: 16px 22px;  display: inline-block;  color: var(--primary-text); background-color: var( --primary-bg ); -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; overflow: hidden; text-transform: uppercase; border-radius: 5px; position: relative; z-index: 1 }
a.main-button span{ display:block; position: relative; z-index: 10; }
a.main-button:hover{ color: var(--secondary-text); }
a.main-button:before, a.main-button:after{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
a.main-button:before{ content: ''; background-color: var(--secondary-bg); width: 120%; height: 0; padding-bottom: 120%; top: -110%; left: -10%; border-radius: 50%; transform: translate3d(0,68%,0) scale3d(0,0,0); }
a.main-button:after{ content: ''; background-color: var(--secondary-bg); transform: translate3d(0,-100%,0); transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1); }
a.main-button:hover::before{transform: translate3d(0,0,0) scale3d(1,1,1); transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1); }
a.main-button:hover::after{ transform: translate3d(0,0,0); transition-duration: 0.05s; transition-delay: 0.4s; transition-timing-function: linear; }

a.buttonstyle1{ color: var(--btn-txt); background-color: var(--btn-bg); padding: 12px 36px; display: inline-block; letter-spacing: 2px; font-weight: 700; text-transform: uppercase; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
a.buttonstyle1:hover{ background-color:var( --btn-bg-hvr ); color:var(--btn-txt-hvr); }

a.sliderbtn{ display: inline-block; text-align: center; background-color: var( --primary-bg ); color: var(--primary-text); position: relative; padding: 14px 28px; line-height: normal; transition: all 0.4s ease-in-out; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; font-size: 12px; }
a.sliderbtn:hover { color: var(--secondary-text); background-color:var( --secondary-bg ); }

.custombtn{ margin-top:30px; }

/*===============================================
** Section Title Css
*===============================================*/
.section_head{ margin-bottom:50px; position: relative; z-index: 2; text-align: center; }

h4.section_sub_title{ font: 400 24px / 1 'Bebas Neue'; position: relative; z-index: 1; color: #111827; margin-bottom: 10px; }

h2.section_title{ font: 600 64px / 1.2 'Bebas Neue'; color: #E5E7EB; position: relative; margin-bottom: 20px; display: block; letter-spacing: 1px; }

.section_head p{ max-width: 800px; line-height:1.6; margin: 0 auto; }

.title-shape{ display: inline-block; -webkit-mask-image: url(images/sub_title_bg.png); -webkit-mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; mask-image: url(images/sub_title_bg.png); mask-size: 100% 100%; mask-repeat: no-repeat; mask-position: center; background-color: var(--primary-bg, var( --primary-bg )); text-transform: uppercase; padding: 6px 30px; height: 48px; line-height: 38px; }

/*===============================================
** Section Overlay Css
*===============================================*/
.sec-overlay{ position:relative; }
.sec-overlay:before{ content:''; width:100%; height:100%; background-color: rgba(19,17,18,0.6); position:absolute; top:0; left:0; }
.sec-overlay h1, .sec-overlay h2, .sec-overlay h3, .sec-overlay h4, .sec-overlay h5, .sec-overlay h6, .sec-overlay p, .sec-overlay h2.section_title, .sec-overlay ul li{ color:#ffffff; }

/*===============================================
** Section Shortcode Css
*===============================================*/
.section-content{ background-repeat:no-repeat; background-position:center center; background-size:cover; background-attachment:fixed; }

/*===============================================
** Custom Heading Css
*===============================================*/
.custom-heading{ margin: 0; }
.custom-heading h2{ position:relative; margin-bottom:0px; letter-spacing:1px;color: var( --primary-bg ); }
.custom-heading h2 span{ display:block; font-size:70%; letter-spacing:1px; margin-bottom: 10px; }

/*===============================================
** Image Hover Css
*===============================================*/
.image-hover-effect:before{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ff2660; opacity:0.4; content: ''; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,25deg) translate3d(0,-100%,0); transform:  scale3d(1.9,1.4,1) rotate3d(0,0,1,25deg) translate3d(0,-100%,0); z-index: 0; }
.image-hover-effect:hover::before { -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,25deg) translate3d(0,100%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,25deg) translate3d(0,100%,0); z-index: 1; }

/*===============================================
** Link Expand Css
*===============================================*/
.link-expand{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }

/* =====================================================
  FITBURN GRID SYSTEM Container + Row + Column Layout
===================================================== */
.container{ max-width:1280px; margin-left:auto; margin-right:auto; }
.full-container{ width:100%; position: relative; }
.row{ display:grid; grid-template-columns:repeat(12,1fr); gap:0; align-items:start; margin-left:-15px; margin-right:-15px; }
.row.auto{ grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
.row > .col{ padding-left:15px; padding-right:15px; }
[class*="col-"]{ padding-left:15px; padding-right:15px; }
.col-1{ grid-column:span 1; }
.col-2{ grid-column:span 2; }
.col-3{ grid-column:span 3; }
.col-4{ grid-column:span 4; }
.col-5{ grid-column:span 5; }
.col-6{ grid-column:span 6; }
.col-7{ grid-column:span 7; }
.col-8{ grid-column:span 8; }
.col-9{ grid-column:span 9; }
.col-10{ grid-column:span 10; }
.col-11{ grid-column:span 11; }
.col-12{ grid-column:span 12; }

/* Nested Row Support */
[class*="col-"] > .row{ grid-column:1 / -1; }

.gap-0   { row-gap: 0px; column-gap: 0; }
.gap-5   { row-gap: 5px; column-gap: 0; }
.gap-10  { row-gap: 10px; column-gap: 0; }
.gap-15  { row-gap: 15px; column-gap: 0; }
.gap-20  { row-gap: 20px; column-gap: 0; }
.gap-25  { row-gap: 25px; column-gap: 0; }
.gap-30  { row-gap: 30px; column-gap: 0; }
.gap-40  { row-gap: 40px; column-gap: 0; }
.gap-50  { row-gap: 50px; column-gap: 0; }
.gap-60  { row-gap: 60px; column-gap: 0; }
.gap-80  { row-gap: 80px; column-gap: 0; }
.gap-100 { row-gap: 100px; column-gap: 0; }

/* =====================================================
  UNIVERSAL GRID SYSTEM 
===================================================== */
.fitburn-grid{ display:grid; gap:24px; }
.grid-1{ grid-template-columns:repeat(1,1fr); }
.grid-2{ grid-template-columns:repeat(2,1fr); }
.grid-3{ grid-template-columns:repeat(3,1fr); }
.grid-4{ grid-template-columns:repeat(4,1fr); }
.grid-5{ grid-template-columns:repeat(5,1fr); }
.grid-6{ grid-template-columns:repeat(6,1fr); }

/*===============================================
** Flex Grid System Css
*===============================================*/
.flex-element{ display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; }
.flex-wrap{ flex-wrap:wrap; }
.flex-nowrap{ flex-wrap:nowrap; }
.flex-row{ flex-direction:row; }
.flex-reverse{ flex-direction:row-reverse; }
.flex-column{ flex-direction:column; }
.flex-col-revers{ flex-direction: column-reverse; }

.align-flex-vert{ align-items:center; }
.align-stretch{ align-items:stretch; }

.align-flex-hori{ justify-content:space-between; }
.flex-end{ justify-content: flex-end; }
.align-flex-center{ justify-content: center; }

/*===============================================* Theme Shortcode Css Start *===============================================*/
/*===============================================
** MARQUEE SECTION CSS
*===============================================*/
.fitburn-marquee{ width: 100%; overflow: hidden; }
.fitburn-marquee__track{ display: flex; width: max-content; will-change: transform; animation-duration: var(--fitburn-marquee-speed, 24s); animation-timing-function: linear; animation-iteration-count: infinite; }
.fitburn-marquee__content{ display: flex; align-items: center; gap: 40px; padding: 10px 0; white-space: nowrap; }
.fitburn-marquee__content h5{ font-size: 38px; font-weight: 600; color: var(--fitburn-marquee-text-color, #ffffff); margin-bottom: 0; letter-spacing: 2px; text-transform: uppercase; opacity: .95; }
.fitburn-marquee__content h5::after{ content: "\f101"; font-family: 'Font Awesome 6 Pro'; font-weight: 700; margin-left: 40px; color: var(--fitburn-marquee-text-color, #ffffff); }

/* Direction: Right -> Left */
.fitburn-marquee--left .fitburn-marquee__track{ animation-name: fitburn-marquee-left; }

@keyframes fitburn-marquee-left{
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* Direction: Left -> Right */
.fitburn-marquee--right .fitburn-marquee__track{ animation-name: fitburn-marquee-right; }

@keyframes fitburn-marquee-right{
  0%   { transform: translateX(-50%); }
  100% { transform: translateX(0); }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce){
  .fitburn-marquee__track{
    animation: none !important;
  }
}

/*===============================================
** ABOUT SECTION CSS
*===============================================*/
.fitburn-about { position: relative; }
.fitburn-about__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }
.fitburn-about__content .section_head{ margin-bottom: 20px; text-align: left; }
.fitburn-about__text p { margin: 0 0 14px; }
/* Features */
.fitburn-about__features { list-style: none; padding: 0; margin: 22px 0 0; display: grid; gap: 14px; }
.fitburn-about__feature { display: flex; gap: 12px; align-items: center; color: #E5E7EB; font-family: Inter, sans-serif; font-size: 14px; }
.fitburn-about__feature-icon { width: 14px; height: 14px; border-radius: 2px; background-color: var( --primary-bg ); position: relative; flex: 0 0 14px; }

/* Media wrapper */
.fitburn-about__image { position: relative; }
.fitburn-about__image img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 16px; }

/* Single image */
.fitburn-about__image--single img { height: auto; }

/* Double image layout */
.fitburn-about__image--double { height: 520px; }
.fitburn-about__image-split { display: grid; grid-template-columns: 1fr 1fr; height: 100%; gap: 14px; box-sizing: border-box; }
.fitburn-about__image-item { position: relative; will-change: transform; }
.fitburn-about__image-item--one img, .fitburn-about__image-item--two img { height: 100%; }

/* Only for double images */
.fitburn-about__image--double .fitburn-about__image-item--one img { animation: fitburnFloatUp 2.8s linear infinite; will-change: transform; }
.fitburn-about__image--double .fitburn-about__image-item--two img { animation: fitburnFloatDown 2.8s linear infinite; will-change: transform; }

/* Image 1 goes UP then DOWN */
@keyframes fitburnFloatUp {
  0%   { transform: translate3d(0, 0, 0); }
  50%  { transform: translate3d(0, -24px, 0); }
  100% { transform: translate3d(0, 0, 0); }
}

/* Image 2 goes DOWN then UP */
@keyframes fitburnFloatDown {
  0%   { transform: translate3d(0, 0, 0); }
  50%  { transform: translate3d(0, 24px, 0); }
  100% { transform: translate3d(0, 0, 0); }
}

/* Button */
.fitburn-about__btn-wrap { margin-top: 28px; }

@media (prefers-reduced-motion: reduce) {
  .fitburn-about__image--double img { animation: none !important; }
}

/* Order helpers */
.fitburn-order-1 { order: 1; }
.fitburn-order-2 { order: 2; }

/*===============================================
** PROGRAMS SECTION CSS
*===============================================*/
/* Card Base (both styles) */
.fitburn-program-card { position: relative; overflow: hidden; border-radius: 8px; background-color: rgba(0, 0, 0, 0.45); transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease; display: block; text-decoration: none; color: inherit; }
.fitburn-program-card:hover { transform: translateY(-6px); box-shadow: 0 18px 50px rgba(0, 0, 0, 0.45); }
.fitburn-program-media { position: relative; width: 100%; overflow: hidden; background-color: rgba(11, 15, 20, 0.7); }
.fitburn-program-image { width: 100%; height: 340px; object-fit: cover; display: block;  transform: scale(1); transition: transform 0.35s ease; }
.fitburn-program-card:hover .fitburn-program-image { transform: scale(1.06); }

/* Icon */
.fitburn-program-icon-wrap { position: absolute; left: 16px; bottom: 16px; width: 52px; height: 52px; border-radius: 999px; display: grid; place-items: center; background-color: rgba(11, 15, 20, 0.65); backdrop-filter: blur(10px); }
.fitburn-program-icon { width: 28px; height: 28px; object-fit: contain; display: block; }

/* Body */
.fitburn-program-body { padding: 18px 18px 20px; }
.fitburn-program-name { letter-spacing: 0.02em; margin: 0 0 10px; }
.fitburn-program-name .title-shape{ background-color: rgba( var( --primary-rgb), 0.80 ); padding: 6px 20px; }
.fitburn-program-desc { font-size: 15px; line-height: 1.65; margin: 0; opacity: 0.9; }

/* Link */
.fitburn-program-link { display: inline-flex; align-items: center; margin-top: 24px; background-color: var( --primary-bg ); color: var(--primary-text); border-radius: 8px; }
.fitburn-program-link span { font-size: 14px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; display: inline-block; padding: 0; max-width: 0; opacity: 0; overflow: hidden; white-space: nowrap; transition: all .35s ease; }
.fitburn-program-link i{ background-color: var(--secondary-bg); display: inline-block; color: var(--secondary-text); padding: 12px; border-radius: 8px; font-size: 16px; transition: transform .35s ease; }
.fitburn-program-card:hover .fitburn-program-link span{ max-width: 200px; opacity: 1; padding: 8px 8px 8px 18px; }

/* Hover: arrow move */
.fitburn-program-card:hover .fitburn-program-link i{ transform: translateX(6px); }

/* Style: CARD */
.fitburn-programs--style-card .fitburn-program-media { height: auto; }

/* Style: COVER (overlay) */
.fitburn-programs--style-cover .fitburn-program-card { background-color: #0B0F14; }
.fitburn-programs--style-cover .fitburn-program-media { height: 480px; }
.fitburn-programs--style-cover .fitburn-program-image { height: 480px; }
.fitburn-programs--style-cover .fitburn-program-body { position: absolute; left: 0; right: 0; bottom: 0; padding: 22px 18px 18px; background: linear-gradient( to top, rgba(11, 15, 20, 0.92) 0%, rgba(11, 15, 20, 0.62) 45%, rgba(11, 15, 20, 0) 100% ); }

.fitburn-programs--style-cover .fitburn-program-desc { opacity: 0.88; }

/* small neon strip accent */
.fitburn-programs--style-cover .fitburn-program-card::before { content: ""; position: absolute; left: 16px; top: 16px; width: 44px; height: 3px; background-color: var(--secondary-bg); border-radius: 999px; z-index: 2; }

/* Swiper Layout */
.fitburn-programs--slider .fitburn-programs-swiper { position: relative; }
.fitburn-programs--slider .swiper-wrapper { align-items: stretch; }
.fitburn-programs--slider .swiper-slide { height: auto; }
.fitburn-programs--slider .fitburn-program-card { height: 100%; }

/* Swiper Pagination */
.fitburn-programs--slider .swiper-pagination { position: relative; margin-top: 26px; }
.fitburn-programs--slider .swiper-pagination-bullet { width: 10px; height: 10px; opacity: 0.35; }
.fitburn-programs--slider .swiper-pagination-bullet-active { opacity: 1; }

/* Swiper Nav */
.fitburn-programs--slider .swiper-button-prev, .fitburn-programs--slider .swiper-button-next { width: 44px; height: 44px; border-radius: 999px; background: rgba(11, 15, 20, 0.55); border: 1px solid rgba(255, 255, 255, 0.12); transition: transform 0.2s ease, border-color 0.2s ease; }
.fitburn-programs--slider .swiper-button-prev:hover, .fitburn-programs--slider .swiper-button-next:hover { transform: translateY(-2px); border-color: rgba(222, 251, 2, 0.22); }
.fitburn-programs--slider .swiper-button-prev::after, .fitburn-programs--slider .swiper-button-next::after { font-size: 14px; }

/*===============================================
** VIDEO SECTION CSS
*===============================================*/
.fitburn-video-popup{ display: flex; justify-content: center; align-items: center; padding: 140px 0; }
.fitburn-video-popup-btn{ width: 110px; height: 110px; border-radius: 999px; display: flex; justify-content: center; align-items: center;  background-color: var( --primary-bg ); color: var(--primary-text); text-decoration: none; position: relative; transition: transform .25s ease, box-shadow .25s ease; }

/* Play icon */
.fitburn-video-popup-btn i{ font-size: 28px; line-height: 1; margin-left: 2px; }

/* Pulse ring */
.fitburn-video-popup-btn::before{ content: ""; position: absolute; inset: -14px; border-radius: 999px; border: 2px solid rgba( var( --primary-rgb ), 0.55); animation: fitburnPulse 1.8s ease-out infinite; }

/* second ring (strong premium) */
.fitburn-video-popup-btn::after{ content: ""; position: absolute; inset: -28px; border-radius: 999px; border: 2px solid rgba(var( --primary-rgb ), 0.35); animation: fitburnPulse2 1.8s ease-out infinite; }

@keyframes fitburnPulse{
  0%   { transform: scale(0.75); opacity: 0.9; }
  70%  { transform: scale(1.15); opacity: 0; }
  100% { transform: scale(1.15); opacity: 0; }
}

@keyframes fitburnPulse2{
  0%   { transform: scale(0.65); opacity: 0.7; }
  70%  { transform: scale(1.25); opacity: 0; }
  100% { transform: scale(1.25); opacity: 0; }
}

/* Hover */
.fitburn-video-popup-btn:hover{ transform: scale(1.05); box-shadow: 0 0 0 6px rgba(var(--primary-rgb), 0.15); color: initial; }

/*===============================================
** WHY US SECTION CSS
*===============================================*/
.fitburn-why-card { background: rgba(255,255,255,0.05); backdrop-filter: blur(14px); border: 1px solid rgba(255,255,255,0.08); border-radius: 20px; margin: 15px 0;  padding: 40px 30px; text-align: center; transition: all 0.35s ease; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; }
.fitburn-why-icon { position: relative; font-size: 42px; margin-bottom: 20px; transition: all 0.35s ease; z-index: 1; }
.fitburn-why-icon::before { content: ""; position: absolute; top: 50%; left: 50%; width: 90px; height: 90px; transform: translate(-50%, -50%) scale(0.6); border-radius:  50%; background: rgba(255,255,255,0.06); backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,0.1); opacity: 0; transition: all 0.35s ease; z-index: -1; }
.fitburn-why-title { margin-bottom: 15px; letter-spacing: 1px; }
.fitburn-why-text { line-height: 1.7; opacity: 0.85; }

/* ===== Hover Effect - Full Glow ===== */
.fitburn-why-card:hover { transform: translateY(-8px); border-color: var(--primary-bg, var( --primary-bg )); box-shadow: 0 0 25px rgba(var( --primary-rgb ), 0.4), 0 0 60px rgba(222, 251, 2, 0.2); }
.fitburn-why-card:hover .fitburn-why-icon { color: var(--primary-bg, var( --primary-bg )); }
.fitburn-why-card:hover .fitburn-why-icon::before { opacity: 1; transform: translate(-50%, -50%) scale(1); box-shadow: 0 0 20px rgba(var( --primary-rgb ), 0.4), 0 0 45px rgba(222, 251, 2, 0.2); }

/* ========================================
   PRICING SECTION CSS
======================================== */
.fitburn-pricing-wrap{ margin-top: 80px; }
.fitburn-pricing-card { position: relative; background-color: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.05); border-radius: 16px; padding: 40px 30px; text-align: center; transition: all 0.35s ease; }
.fitburn-pricing-card:hover { transform: translateY(-6px); }
.fitburn-pricing-card.is-highlight { border: 2px solid var( --primary-bg ); box-shadow: 0 0 25px rgba(222, 251, 2, 0.25); }
.fitburn-pricing-badge { position: absolute; top: -12px; right: 20px; background-color: var( --primary-bg ); color: var(--primary-text); font-size: 12px; font-weight: 600; padding: 6px 12px; border-radius: 30px; }
.fitburn-pricing-title { letter-spacing: 1px; margin-bottom: 10px; }
.fitburn-pricing-desc { margin-bottom: 20px; }
.fitburn-pricing-price { margin-bottom: 20px; display: flex; justify-content: center; align-items: baseline; }
.fitburn-price-amount { font-size: 48px; font-weight: 700; color: var( --primary-bg ); }
.fitburn-price-amount .fitburn-price-currency{ font-size: 24px; margin-right: 5px; }
.fitburn-price-duration { display: block; font-size: 14px; margin-top: 5px; font-weight: 700; letter-spacing: .5px; }
.fitburn-pricing-divider { height: 1px; background-color: rgba(255,255,255,0.08); margin: 25px 0; }
.fitburn-pricing-features { list-style: none; padding: 0; margin: 0 0 30px; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.fitburn-pricing-features li { font-size: 15px; margin-bottom: 12px; position: relative; padding-left: 20px; list-style: none; text-transform: uppercase; font-weight: 500; letter-spacing: .5px; }
.fitburn-pricing-features li i { color: var( --primary-bg ); font-size: 14px; margin-right: 6px; }
.fitburn-pricing-button .fitburn-btn { display: inline-block; width: 100%; padding: 14px 20px; background-color: var( --primary-bg ); color: var(--primary-text); font-weight: 600; text-decoration: none; border-radius: 8px; transition: all 0.3s ease; }
.fitburn-pricing-button .fitburn-btn:hover { background-color: var(--secondary-bg); color: var(--secondary-text); }
.fitburn-pricing-trust { margin-top: 40px; text-align: center; }
.fitburn-trust-list { list-style: none; padding: 2px 20px; margin: 0; display: inline-flex; gap: 30px; flex-wrap: wrap; justify-content: center; background-color: var(--secondary-bg); border-radius: 50px; }
.fitburn-trust-list li { font-size: 14px; font-weight: 700; position: relative; padding-left: 18px; list-style: none; }
.fitburn-trust-list li::before { content: "✔"; position: absolute; left: 0; color: var( --primary-bg ); }

/* ==========================================
   BMI SECTION CSS
   ========================================== */
.fitburn-bmi-wrapper { margin: 40px auto; }
.fitburn-bmi-card { background-color: #11161D; padding: 40px; border-radius: 16px; border: 1px solid rgba(255,255,255,0.05); transition: 0.3s ease; }

/* ===== Toggle Buttons ===== */
.fitburn-bmi-toggle { display: flex; gap: 10px; margin-bottom: 25px; }
.fitburn-mode { flex: 1; padding: 12px; background-color: var(--secondary-bg); color: var(--secondary-text); border: 1px solid rgba(255,255,255,0.1); cursor: pointer; border-radius: 8px; transition: 0.3s ease; }
.fitburn-mode.active { background-color: var( --primary-bg ); color: var(--primary-text); border-color: var( --primary-bg ); font-weight: 600; }

/* ===== Input Fields ===== */
.fitburn-bmi-form { margin-bottom: 25px; }
.inner-fitburn-bmi-form{ display: flex; gap: 15px; flex-wrap: wrap; }
.fitburn-bmi-form input { flex: 1; padding: 14px 16px; background-color: #0B0F14; border: 1px solid rgba(255,255,255,0.08); border-radius: 8px; color: #F9FAFB; font-size: 16px; transition: 0.3s ease; }
.fitburn-bmi-form input:focus { outline: none; border-color: var( --primary-bg ); box-shadow: 0 0 0 2px rgba(222,251,2,0.2); }

/* ===== Buttons ===== */
.fitburn-bmi-actions { display: flex; gap: 15px; margin-bottom: 25px; }
.fitburn-calc-btn { flex: 1; padding: 14px; background-color: var( --primary-bg ); border: none; color: #0B0F14; font-weight: 600; border-radius: 8px; cursor: pointer; transition: 0.3s ease; }
.fitburn-calc-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(222,251,2,0.3); }
.fitburn-reset-btn { flex: 1; padding: 14px; background: transparent; border: 1px solid var( --primary-bg ); color: var( --primary-bg ); border-radius: 8px; cursor: pointer; transition: 0.3s ease; }
.fitburn-reset-btn:hover { background-color: var( --primary-bg ); color: #0B0F14; }

/* ===== Result Section ===== */
.fitburn-bmi-result { padding: 20px; background-color: #0B0F14; border-radius: 10px; border: 1px solid rgba(255,255,255,0.05); animation: fadeIn 0.3s ease forwards; position: relative; }
.fitburn-bmi-result h3 { margin-bottom: 5px; }
.fb-bmi-value { color: var( --primary-bg ); }
.fb-bmi-message{ margin-top: 15px; }
.fb-bmi-category { font-size: 14px; color: #E5E7EB; position: absolute; right: 20px; top: 20px; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; padding: 5px 25px; }

/* ===== Category Colors ===== */
.fitburn-bmi-result.fb-under { border-left: 4px solid #3b82f6; background-color: rgba(59,130,246,0.4); }
.fitburn-bmi-result.fb-under .fb-bmi-category{ background-color: rgba(59,130,246,0.6); }
.fitburn-bmi-result.fb-normal { border-left: 4px solid #08bd4a; background-color: rgba(8,189,74,0.4); }
.fitburn-bmi-result.fb-normal .fb-bmi-category{ background-color: rgba(8,189,74,0.6); }
.fitburn-bmi-result.fb-over { border-left: 4px solid #f59e0b; background-color: rgba(245,158,11,0.4); }
.fitburn-bmi-result.fb-over .fb-bmi-category{ background-color: rgba(245,158,11,0.6); }
.fitburn-bmi-result.fb-obese { border-left: 4px solid #ef4444; background-color: rgba(239,68,68,0.4); }
.fitburn-bmi-result.fb-obese .fb-bmi-category{ background-color: rgba(239,68,68,0.6); }

/* ===== CTA Button ===== */
.fitburn-bmi-cta { margin-top: 20px; text-align: center; }
.fitburn-bmi-cta-btn { display: inline-block; padding: 14px 28px; background-color: var( --primary-bg ); color: #0B0F14; font-weight: 600; border-radius: 8px; text-decoration: none; transition: 0.3s ease; }
.fitburn-bmi-cta-btn:hover { box-shadow: 0 10px 25px rgba(222,251,2,0.3); background-color: #26C0B7; color: #ffffff; }

/* ===== Animation ===== */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ==========================================
   CTA SECTION CSS
   ========================================== */
.fitburn-cta-content { max-width: 800px; margin: 0 auto; position: relative; }
.fitburn-cta-title { font-size: 86px; line-height: 1.1; color: #F9FAFB; }
.fitburn-cta-description { line-height: 1.7; margin-bottom: 35px; }
.fitburn-btn { display: inline-block; background-color: var( --primary-bg ); color: var(--primary-text); padding: 14px 32px; font-weight: 600; text-decoration: none; transition: all 0.3s ease; }
.fitburn-btn:hover { background: var(--secondary-bg); color: var( --secondary-text ); }

/* ===============================
   INSTAGRAM SECTION CSS
================================ */
.fitburn-instagram { position: relative; overflow: hidden; }
.instagram-item { margin: 0; padding: 0; }
.instagram-item img { width: 100%; height: 100%; aspect-ratio: 1 / 1; object-fit: cover; display: block; transition: transform 0.4s ease, filter 0.4s ease; }
.instagram-item:hover img { transform: scale(1.05); filter: brightness(0.9); }

/* ===== GRID ===== */
.instagram-grid { display: grid; grid-template-columns: repeat(var(--fb-columns), minmax(0, 1fr)); gap: 10px; width: 100%; }

/* ===== MARQUEE ===== */
.instagram-marquee { overflow: hidden; width: 100%; }
.instagram-track { display: flex; gap: 15px; width: max-content; animation: fitburn-marquee linear infinite; animation-duration: var(--fb-speed); will-change: transform; }
.instagram-marquee .instagram-item { flex: 0 0 auto; width: 280px; }
.fitburn-instagram:hover .instagram-track { animation-play-state: paused; }
/* Infinite Left → Right */
@keyframes fitburn-marquee {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}

/* ===== BADGE ===== */
.instagram-badge { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); background-color: var(--primary-bg); color:var(--primary-text); padding: 10px 18px; font-size: 16px; text-decoration: none; opacity: 0; transition: all 0.3s ease; z-index: 10; letter-spacing: 2px; border-radius: 6px; }
.fitburn-instagram:hover .instagram-badge { opacity: 1; transform: translate(-50%, -50%) scale(1); }
.instagram-badge:hover{ background-color: var(--secondary-bg); color: var( --seondary-text ); }

/* ===============================
   TIMELINE SECTION CSS
================================ */
.fitburn-timeline.horizontal{ position:relative; display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:40px; padding:80px 0 40px; }
.fitburn-timeline-line{ position:absolute; top:47px; left:0; right:0; height:2px; background-color:#1F2937; width: calc(100% + 100%); }
.fitburn-timeline-item{ position:relative; text-align:center; display:flex; flex-direction:column; align-items:center; }
.fitburn-timeline-item::before{ content:""; position:absolute; top:-40px; width:2px; height:40px; background-color:#1F2937; }
.timeline-dot{ position:absolute; top:-40px; width:16px; height:16px; background-color:var( --primary-bg ); border-radius:50%; border:4px solid #0B0F14; z-index:2; }
.timeline-card{ background-color:#111827; border:1px solid #1F2937; border-radius:16px; padding:20px; height:100%; display:flex; flex-direction:column; justify-content:flex-start; transition:all .3s ease; }
.timeline-card:hover{ transform:translateY(-6px); border-color:var( --primary-bg ); }
.timeline-year{ font-size:14px; font-weight:700; color:var( --primary-bg ); margin-bottom:6px; }
.timeline-title{ font-size:18px; margin-bottom:10px; }
.timeline-text{ font-size:14px; line-height:1.6; color:#9CA3AF; }
.fitburn-timeline.horizontal{ overflow-x:auto; grid-auto-flow:column; grid-auto-columns:25%; }

/* ===== vertical ===== */
.fitburn-timeline.vertical{ position:relative; max-width:900px; margin:auto; }
.fitburn-timeline.vertical .fitburn-timeline-line{ position:absolute; left:50%; top:0; width:3px; height:100%; background-color:var(--primary-bg); transform:translateX(-50%); }
.fitburn-timeline.vertical .fitburn-timeline-item{ position:relative; display:flex; width:50%; margin-bottom:50px; }
.fitburn-timeline.vertical .fitburn-timeline-item:nth-child(odd){ left:0; padding-right:40px; text-align:right; }
.fitburn-timeline.vertical .fitburn-timeline-item:nth-child(even){ left:50%; padding-left:40px; text-align: left; }
.fitburn-timeline.vertical .timeline-dot{ position:absolute; top:20px; width:16px; height:16px; background-color:var(--primary-bg); border-radius:50%; z-index:2; }
.fitburn-timeline.vertical .fitburn-timeline-item:nth-child(odd) .timeline-dot{ right:-8px; }
.fitburn-timeline.vertical .fitburn-timeline-item:nth-child(even) .timeline-dot{ left:-8px; }
.fitburn-timeline.vertical .timeline-card{ background-color:#11161c; padding:25px; border-radius:8px; transition:.3s; border:1px solid rgba(255,255,255,0.06); }
.fitburn-timeline.vertical .timeline-card:hover{ transform:translateY(-6px); box-shadow:0 10px 30px rgba(0,0,0,0.4); }
.fitburn-timeline.vertical .timeline-year{ color:var(--primary-bg); font-weight:600; display:block; margin-bottom:6px; }
.fitburn-timeline.vertical .fitburn-timeline-item::before{ content: ""; position: absolute; top: 27px; left: 0; width: 40px; height: 2px; background-color: #1F2937; }
.fitburn-timeline.vertical .fitburn-timeline-item:nth-child(odd)::before{ right: 0; left: auto; }

/* ===============================
   SPLIT SECTION CSS
================================ */
.fitburn-container{ max-width: 1600px; margin: 0 auto; }
.fitburn-split-grid{ display:grid; grid-template-columns:1fr 1fr; align-items: center; gap:30px; }
.split-image-area{ position:relative; display:inline-block; }
.primary-image{ position:relative; margin-right: 16%; z-index:1; }
.primary-image img{ width:100%; display:block; }
.secondary-image{ position: absolute; bottom: 100px; right: 0; width: 280px; z-index: 2; }
.secondary-image img{ width:100%; box-shadow:0 20px 50px rgba(0,0,0,0.4); }
.fitburn-split-section.image-right .primary-image{ margin-right: 0; margin-left: 16%; }
.fitburn-split-section.image-right .secondary-image{ left: 0; }
.split-content{ padding: 1rem 100px 1rem 3rem; }
.fitburn-split-section.image-right .split-content{ padding: 1rem 100px 1rem 0; }
.split-btn{ display:inline-block; padding:12px 26px; background:var( --primary-bg ); color:var(--primary-text); font-weight:600; border-radius:6px; text-decoration:none; transition:0.3s; }
.split-btn:hover{ background:var(--secondary-bg); color:var(--secondary-text); }

/* IMAGE RIGHT */
.fitburn-split-section.image-right .split-image-area{ order:2; }
.fitburn-split-section.image-right .split-content{ order:1; }

/* ===============================
   WORKING PROCESS SECTION CSS
================================ */
.fitburn-process-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 30px; position: relative; text-align: center; align-items: start; }
.fitburn-process-grid::before { content: ""; position: absolute; top: 80px; left: 0; right: 0; height: 2px; background-color: var( --primary-bg ); z-index: 0; }
.process-step { display: flex; flex-direction: column; align-items: center; position: relative; z-index: 1; }
.process-step .step-image{ max-width: 160px; margin-bottom: 30px; border-radius: 50%; overflow: hidden; transform: scale(1); transition: all .2s ease-in-out; }
.process-step:hover .step-image{ transform: scale(0.8); }
.process-step .step-number { background-color: var( --primary-bg ); color: var(--primary-text); width: 50px; height: 50px; line-height: 50px; border-radius: 50%; margin-bottom: 20px; font-weight: 700; z-index: 2; }
.process-step .step-title { margin-bottom: 5px; letter-spacing: 1px; font-size: 1.6rem; }

/*===============================================*  Theme Shortcode Css End  *===============================================*/
/*===============================================
** Image Slider CSS
*===============================================*/
#image-slider .owl-nav .owl-prev, #image-slider .owl-nav .owl-next{ position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);  }
#image-slider .owl-nav .owl-prev{ left: 20px; }
#image-slider .owl-nav .owl-next{ right: 20px; }

/*===============================================
** Counter CSS
*===============================================*/
.fitburn-counter-box { padding: 40px 25px; border-radius: 14px; text-align: center; position: relative; transition: all 0.3s ease; border: 1px solid rgba(255,255,255,0.05); }
.fitburn-counter-box:hover { transform: translateY(-6px); box-shadow: 0 15px 35px rgba(0,0,0,0.35); }
.fitburn-counter-icon { width: 90px; height: 90px; text-align: center; background-color: var(--primary-bg); color: var(--primary-text); margin: 0 auto 24px; border-radius: 14px; }
.fitburn-counter-icon i { font-size: 38px; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); transition: 0.3s ease; }
.fitburn-counter-number { font-size: 52px; line-height: 1; letter-spacing: 1px; margin: 0; }
.fitburn-counter-plus { font-size: 28px; margin-left: 4px; }
.fitburn-counter-title { margin-top: 15px; font-size: 15px; letter-spacing: 1px; text-transform: uppercase; }

/*===============================================
** Iconbox Css
*===============================================*/
.iconbox.style1{ position: relative; width: 100%; margin: 10px 0; text-align: left; padding: 0 5px; display: inline-block; -webkit-transition: 0.5s; transition: 0.5s; }
.iconbox.style1 .iconbox-icon .iconbox-icon-inner{ margin:0 0 30px; color: var( --primary-bg ); font-size: 50px; line-height: 1; -webkit-transition: 0.3s; transition: 0.3s; }
.iconbox.style1 .iconbox-content h4{ margin-bottom: 10px; }
.iconbox.style1 .iconbox-content p{ margin-bottom: 0; }

/*=============================================================================================*/

.iconbox.style2{ position: relative; margin: 15px 0; cursor: pointer; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items: center; }
.iconbox.style2 .iconbox-icon{ flex-shrink: 0;width: 80px; height: 80px; font-size: 40px; background-color: var(--primary-bg); color: var(--primary-text); margin: 0 20px 0 0; text-align: center; border-radius: 50%; position: relative; z-index: 1; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.iconbox.style2 .iconbox-icon-inner{ position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.iconbox.style2 .iconbox-content h4{margin-bottom: 5px; }
.iconbox.style2 .iconbox-content p{ margin: 0; }
.iconbox.style2 .icon-more{ text-align: center; font-size: 18px; line-height: 40px; }
.iconbox.style2 .icon-more a{ display: inline-block; width: 40px; height: 40px; line-height: 40px; background-color: #571420; color: #ffffff; border-radius: 50px; }
.iconbox.style2:hover .icon-more a{ background-color: var( --primary-bg ); color: #ffffff; }
.iconbox.style2:hover .iconbox-icon{ background-color: var( --secondary-bg ); color: var(--secondary-text); }

/*=============================================================================================*/

.iconbox.style3{ position: relative; text-align: center; margin: 15px 0; overflow: hidden; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: 0.5s; transition: 0.5s; cursor: pointer; z-index: 3; }
.iconbox.style3 .iconbox-icon{ display: inline-block; vertical-align: middle; text-align: center; position: relative; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; box-sizing: content-box; font-size: 60px; color: var(--secondary-bg); margin-bottom: 30px; }
.iconbox.style3 .iconbox-content{ border-radius: 10px; padding-bottom: 25px; }
.iconbox.style3 .iconbox-content h4{ border-radius: 6px; color: var(--secondary-text); text-transform: uppercase; font-size: 18px; padding: 15px 10px; letter-spacing: 1px; background-color: var(--secondary-bg); }
.iconbox.style3 .iconbox-content p{ margin: 0 20px; }
.iconbox.style3 .icon-more{ width: 40px; height: 40px; text-align: center; font-size: 20px; line-height: 40px; margin: 25px auto 0; }
.iconbox.style3 .icon-more a{ display: block; height: 100%; width: 100%; background-color: var(--secondary-bg); color: var(--secondary-text); border-radius: 6px; }
.iconbox.style3:hover .icon-more a{ background-color: var( --primary-bg ); color: var(--primary-text); }

/*=============================================================================================*/

.iconbox.style4{ position: relative; padding: 35px 25px;  -webkit-box-shadow: 0 0 18px 0 rgb(10 27 95 / 10%); box-shadow: 0 0 18px 0 rgb(10 27 95 / 10%); margin: 35px 0 20px; cursor: pointer; }
.iconbox.style4 .iconbox-icon{ width: 60px; height: 60px; text-align: center; line-height: 60px; margin-bottom: 25px; background-color: rgba(255,255,255,0.05); color: var( --primary-bg ); font-size: 30px; border-radius: 10px; -webkit-transition: 0.3s; transition: 0.3s; }
.iconbox.style4 .iconbox-content h4{ margin-bottom: 10px; }
.iconbox.style4 .iconbox-content p{ margin-bottom: 0; }
.iconbox.style4 .icon-more{ margin-top: 20px; }
.iconbox.style4 .icon-more a{ font-size: 24px; color: var(--secondary-bg); }
.iconbox.style4:hover .icon-more a{ color: var( --primary-bg ); }
.iconbox.style4:hover .iconbox-icon{ background-color: var(--secondary-bg); color: var(--secondary-text); }

/*=============================================================================================*/

.iconbox.style5{ position: relative; padding: 20px 20px 20px 30px; margin: 20px 0; box-shadow: 5px 5px 20px 0 rgb(0 0 0 / 10%); border-radius: 20px; border-left: 13px solid var(--secondary-bg); background-color: rgba(255,255,255,0.05); -webkit-transition: 0.3s; transition: 0.3s; cursor: pointer; }
.iconbox.style5 .iconbox-icon{ font-size: 52px; margin-bottom: 30px; color: var( --primary-bg ); -webkit-transition: 0.3s; transition: 0.3s; }
.iconbox.style5 .icon-more a{ font-size: 20px; }
.iconbox.style5:hover{ border-color: var( --primary-bg ); }
.iconbox.style5:hover .icon-more a{ color: var( --secondary-bg ); }
.iconbox.style5:hover .iconbox-icon{ color: var(--secondary-bg); }


/*===============================================
** Client Logo CSS
*===============================================*/
.partner-logo{ text-align:center; }
.partner-logo img{ width:auto !important; margin:0 auto; -webkit-filter:grayscale(1); filter:grayscale(1); -webkit-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; }
.partner-logo:hover img{ -webkit-filter:grayscale(0); filter:grayscale(0); }
.partner-logo a{ display:block; }

/*===============================================
** Skill Bar Css
*===============================================*/
.skillbar { margin-bottom: 30px; }
.skillbar-title span { font-weight: 600; font-size: 16px; text-transform: uppercase; margin-bottom: 8px; display: block; }
.skill-bg { background-color: var(--secondary-bg); height: 12px; width: 100%; border-radius: 6px; position: relative; overflow: visible; }
.skillbar-bar { height: 12px; background-color: var( --primary-bg ); width: 0; border-radius: 6px; position: relative; }
.skill-bar-percent { position: absolute; top: -40px; left: 100%; transform: translateX(-50%); white-space: nowrap; color: var(--primary-text); background-color: var( --primary-bg ); padding: 2px 6px; border-radius: 3px; font-weight: bold; pointer-events: none; user-select: none; z-index: 10; }
/* Down arrow using CSS */
.skill-bar-percent::after { content: ""; display: inline-block; margin-left: 4px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid var( --primary-bg ); position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%); }

/*===============================================
** Pricing Box
*===============================================*/
.pricing-plan { border: 1px solid #ddd; background-color: #ffffff; max-width: 400px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05); transition: all 0.3s ease; margin: 20px auto; -webkit-transform: scale(.96); transform: scale(.96); }
.pricing-plan-header{ background-color: var( --primary-bg ); padding: 25px 30px; }
.pricing-plan-header > *{ color: #ffffff; margin: 0; line-height: 1.2; }
.pricing-plan-header h3.plan-title{ font-size: 24px; margin-bottom: 10px; }
.pricing-plan-price-duration{ background-color: #131112; padding: 25px 30px; }
.pricing-plan-price-duration > *{ color: #ffffff; }
.pricing-plan-price-duration .plan-price{ font-size: 36px; font-weight: 700; margin-bottom: 10px; }
.plan-features{ list-style: none; padding: 30px; margin: 0; }
.plan-features li{ list-style: none; margin: 14px 0; display: flex; gap: 12px; align-items: center; justify-content: flex-start; }
.icon-check { color: #28a745; /* green */ }
.icon-cross { color: #dc3545; /* red */ }
.plan-button > a{ display: block; min-height: 50px; border-radius: 0; text-align: center; font-weight: 400; background-color: var( --primary-bg ); color: #ffffff; padding: 14px 24px; transition: all 0.3s ease; }
.plan-button > a:hover { background-color: #131112; color: #ffffff; }

/* Highlighted Plan Style */
.pricing-plan.highlighted { -webkit-transform: scale(1.04); transform: scale(1.04); }
.pricing-plan.highlighted .pricing-plan-header{ background-color: #131112; }
.pricing-plan.highlighted .pricing-plan-price-duration{ background-color: var( --primary-bg ); }
.pricing-plan.highlighted .plan-button a{ background-color: #131112; color: #ffffff; }
.pricing-plan.highlighted .plan-button a:hover { background-color: var( --primary-bg ); }

/*===============================================
** Swiper Navigation Css
*===============================================*/
/* Make every Swiper (initialized via data-swiper) the positioning context */
.swiper[data-swiper] { position: relative; }

/* Pagination: bottom, centered */
.swiper[data-swiper] .swiper-pagination { position: relative; bottom: 0; width: 100%; margin-top: 30px; text-align: center; z-index: 2; }

/* Navigation: vertically centered, edges se 20px */
.swiper[data-swiper] .swiper-button-prev, .swiper[data-swiper] .swiper-button-next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 3; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; background-color: var( --primary-bg ); border-radius: 6px; transition: all .2s ease-in-out; }
.swiper[data-swiper] .swiper-button-prev:after,
.swiper[data-swiper] .swiper-button-next:after{ font-size: 18px; }

/* offsets */
.swiper[data-swiper] .swiper-button-prev { left: 20px; }
.swiper[data-swiper] .swiper-button-next { right: 20px; }

/* Optional: default colors using Swiper CSS vars (affects all) */
.swiper[data-swiper] { --swiper-navigation-color: currentColor; --swiper-pagination-color: currentColor; }

/* Fallback color + subtle hover */
.swiper[data-swiper] .swiper-button-prev,
.swiper[data-swiper] .swiper-button-next { color: var(--primary-text); }
.swiper[data-swiper] .swiper-button-prev:hover,
.swiper[data-swiper] .swiper-button-next:hover { background-color: var(--secondary-bg); color: var(--secondary-text); border-radius: 50%; }

/* Optional: nicer bullet spacing */
.swiper[data-swiper] .swiper-pagination-bullet { margin: 0 5px !important; width: 24px; height: 10px; border-radius: 10px; background-color: var(--primary-bg); }

/*===============================================
** Footer Css
*===============================================*/
#footer-wrapper{ background-color: var(--footer-bg); border-top: 1px solid rgba(255,255,255,0.12); color:var(--footer-desc); position: relative; z-index: 0; padding: 60px 0 40px; }
.foo-cols h5.footer-widget-title{ font: 500 26px / 1 'Bebas Neue'; margin-bottom: 20px; color: #111827; position: relative; letter-spacing: 1px; }
.foo-cols ul.menu li a, #footer-wrapper a{ color:var(--footer-link); }
.foo-cols ul.menu li a:hover, #footer-wrapper a:hover{ color:var( --footer-link-hvr ); }
#footer-wrapper .social-icons a{ color:var( --primary-text ); }

/*===============================================
** Footer Layouts One Css
*===============================================*/
.footer-layout-one-data{ margin-bottom: 60px; }
.footer-layout-one-data-wrap{ align-items: stretch; }
.foo-lay-one-box { border: 1px solid #ffffff; border-radius: 5px; padding: 16px; height: 100%; }
.foo-lay-one-box-icon{ color: var(--primary-bg); }
.foo-lay-one-box-icon-inn{ padding: 0; text-align: center; height: auto; border-radius: 10rem; transition: .5s; margin-left: auto; margin-right: auto; font-size: 60px; z-index: 2; position: relative; background: none; line-height: 0; width: 115px; top: 50%; transform: translateY(-50%); }
.foo-lay-one-box-content h6{ margin-bottom: 5px; letter-spacing: 1px; }
.foo-lay-one-box-content p{ font-size: 1.2rem; font-weight: 700; }

/*===============================================
** Footer Layouts Two Css
*===============================================*/
.footer-lay-two-data-logo{ width: 250px; margin: 0 auto; }
.footer-lay-two-data-content{ width: 800px; margin: 0 auto; }
.foo-lay-two-contact li{ position: relative; list-style: none; flex: 1; }
.foo-lay-two-contact li:not(:last-child){ margin-right: 20px; }
.foo-lay-two-contact li span{ display: block; text-align: center; }
.foo-lay-two-contact li p{ margin-bottom: 0; }
.foo-lay-two-contact li i{ display: block; color: var( --primary-bg ); font-size: 32px; }

/*===============================================
** Footer Layouts Three Css
*===============================================*/
.footer-lay-three-data .foo-logo{ width: 250px; }
.footer-lay-menu{ border-top: 1px solid #2d2c2c; padding-top: 50px; margin-top: 50px; }
.footer-lay-menu ul{ margin: 0; padding: 0; list-style: none; }
.footer-lay-menu ul li{ display: inline-block; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; margin: 0 10px; }
.footer-lay-menu ul li > ul{ display: none !important; }

/*===============================================
** Footer Widget Css
*===============================================*/
.foo-getintouch{ margin:35px 0 0; }
.foo-cols.col-3 .getintouch-logo{ width: 80%; margin-bottom: 30px; }
.getintouch-logo{ margin:0 0 30px; width:70%; }
#sidebar .getintouch-logo{ width:auto; }
#sidebar .widget-getintouch-info li{ padding:0 0 0 40px; margin: 5px 0; }
#sidebar .widget-getintouch-social li a{ line-height:35px; }
.getintouch-logo img{ width:auto; }
.widget-getintouch-info li{ display:block; padding-left:30px; margin-bottom:10px; position:relative; }
.widget-getintouch-info li:before{ position:absolute; left:0; font-family:'Font Awesome 6 Pro'; font-weight:300; font-size:18px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
.widget-getintouch-info li.icon-address:before{ content:'\f3c5'; }
.widget-getintouch-info li.icon-phone:before{ content:'\f8d3'; }
.widget-getintouch-info li.icon-wapp:before{ content:'\f232'; font-family:'Font Awesome 6 Brands'; }
.widget-getintouch-info li.icon-mail:before{ content:'\f0e0'; }
.widget-getintouch-info li.icon-hrs:before{ content:'\f017'; }
.widget-getintouch-social{ margin-top:35px; }
.widget-getintouch-social li,.social-media li{ display: inline-block; margin: 0 5px; width: 38px; height: 38px; line-height: 38px; text-align: center; font-size: 16px; }
.widget-getintouch-social li a,.social-media li a{ display: block; color: #ffffff !important; background-color: var( --primary-bg ); border-radius: 5px; }
.widget-getintouch-social li a:hover{ color: #ffffff !important; background-color: #571420; }
.social-media li{ margin-bottom: 30px;}

.widget_nav_menu .footer-nav li{ margin-bottom: 10px; list-style: none; }
.widget_nav_menu .footer-nav li a{ display:block; position:relative; padding-left: 25px; }
.widget_nav_menu .footer-nav li a:before{ content: '\f34c'; font-family: 'Font Awesome 6 Pro'; font-weight: 700; font-size: 16px; position: absolute; left: 0; }
.widget_nav_menu .footer-nav ul{ display:none; }

.latest-posts-row{ margin-bottom:24px; clear: both; overflow: hidden; }
.latest-posts-row:last-child{ margin: 0; }
.latest-post-thumb { width:90px; padding:2em; background-position:center; background-size:cover; background-repeat:no-repeat; display:table-cell; position:relative; }
.latest-post-thumb a{ display: block; width: 100%; height: 100%; position:absolute; left:0; top:0; }
.latest-post-content{ overflow:hidden; display:table-cell; vertical-align:middle; padding-left: 20px; }
.latest-post-content h6{ margin:0 0 5px; line-height: 1.2; }
.latest-post-content p{ line-height:20px; margin-bottom:0; }
.latest-post-content h6, .latest-post-content p{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-box-orient: vertical; }

.download-brochure{ position: relative; }
.download-brochure a{ padding:20px 20px 20px 80px; font-size:18px; display:block; background-color:var( --primary-bg ); color:#ffffff; position: relative; }
.download-brochure a:before{ content:'\f15c'; font-family:'Font Awesome 6 Pro'; font-size:30px; left:0; width:60px; text-align:center; top:0; bottom:0; background-color:#131313; position:absolute; font-weight:300; line-height:60px; }
.download-brochure a:hover{ color:#ffffff; }

.newsletter input[type="email"]{ margin: 0 0 10px; height: 50px; text-align: left; box-shadow: none; color: inherit; border-radius: 40px; }
.newsletter input[type="submit"]{ width:100%; background-color:var( --primary-bg ); border:none; color:#ffffff; cursor:pointer; -webkit-appearance:button; -moz-appearance:button;appearance:button; box-shadow: none; border-radius: 40px; }
.newsletter form p{ margin-bottom: 0; }

.sidebar-banner{ position:relative; z-index:99; padding:25% 20px; }
.sidebar-banner h3{ font-size: 32px; }
.sidebar-banner p{ margin-bottom:30px; }
.sidebar-banner a{ color:#ffffff !important; }
.foo-cols.widget-column .sidebar-banner{ padding:20% 20px; }

.widget-about-image{ margin-bottom: 20px; }
.widget-about-conte{ padding:0 12px; }
.widget-about-conte h2.wid-abt-hd{ margin: 0 0 10px; color:var( --primary-bg ); }
.widget-about-conte .sub-wid-abt-hd{ color:#262729; font-style:italic; margin: 0 0 10px; font-size:90%; }
.widget-about-conte p{ font-size:90%; line-height:24px; }
ul.widget-about-social{ margin:20px 0 0; padding:15px 0 0; border-top:1px solid #e1e1e1; }
ul.widget-about-social li{ display:inline-block; margin:5px; padding:0 !important; font-size: 12px; width: 30px; height: 30px; line-height: 30px; }
ul.widget-about-social li a{ background-color: var( --primary-bg ); color: var(--primary-text) !important; display: block; height: 100%; line-height: 30px !important;text-align: center; border-radius: 5px; font-size: 16px; }
ul.widget-about-social li a:hover{ background-color: var(--secondary-bg); color: var(--secondary-text) !important; }

.opening-hrs .opening-hrs-list li{ padding:0 5px 10px 25px !important; margin-bottom:10px; display:block; border-bottom:1px solid; position: relative; }
.opening-hrs .opening-hrs-list li:before{ content: ''; position: absolute; top: 8px; left: 0; width: 8px; height: 8px; background-color: var( --primary-bg ); }
.opening-hrs .opening-hrs-list li:last-child{ color:red !important; margin-bottom: 0; padding-bottom: 0; border: none; }
.opening-hrs .opening-hrs-list li span{ display: block; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }

/*===============================================
** Copyright Css
*===============================================*/
.copyright-wrapper{ padding: 20px 0; background-color: var(--footer-copy-bg); border-top: 1px solid #2d2c2c; }
.copyright-wrapper, .copyright-wrapper a{ color: var(--footer-copy-txt); }
.copyright-wrapper a:hover{ color: var( --footer-copy-hvr ); }

/*===============================================
** Innerpages Css
*===============================================*/
.abt-inner-img{ border-radius: 15px;}
.entry-meta{ display: none;}
/* Innerpage title */
.innerbanner{ overflow:hidden; position:relative; padding: 10rem 0; margin: 24px; border-radius: 14px; }
.innerbanner:before{ content:''; width:100%; height:100%; background-color:rgba(0,0,0,0.6); position:absolute; top:0; left:0; }
h1.innerpage-title{ display:block; position:relative; font-size:56px; margin:0 auto; color:#ffffff; letter-spacing: 2px; text-transform: uppercase; }
h1.innerpage-title span{ position: relative; z-index: 1; }
h1.innerpage-title span span { display: inline-block; border: none; padding: 0; width: auto; background: none; }

.innerpage-banner.without-banner{ background-color: #571420; padding: 4em 0; position: relative; }

/* Breadcrumb */
.breadcrumbs{ position: relative; border-bottom: 1px solid #eaeaea; padding: 8px 0; margin-top: -24px; }
.breadcrumbs span > span, .breadcrumbs span > a { display: inline-block; position: relative; text-transform: uppercase; letter-spacing: 2px; font-size: 14px; line-height: 1.5; }
.breadcrumbs span{ margin: 5px 10px; display: inline-block; }
.breadcrumbs span span{ margin: 0; }
.breadcrumbs span:first-child{ margin-left: 0; }

/* Innerpage Content and Sidebar*/
.content-area{ padding:50px 0; position: relative; z-index: 1; }
.site-main{ width:920px; margin:0; padding:0; float:left; }
.sitefull{ width:100% !important; float:none !important; }

/*===============================================
** Blog Page Css
*===============================================*/
.blog-post-repeat{ margin-bottom:30px; position: relative; }
.blog-post-repeat article{ position:relative; }
.post-thumb{ position:relative; }
.blog-post-repeat .post-thumb{ position: relative; overflow: hidden; height: 300px; border-radius: 12px; margin-bottom: 30px; }
.blog-post-repeat .post-thumb .post-thumb-wrap{ height: 100%; }
.blog-post-repeat .post-thumb a{ display: block; width: 100%; height: 100%; }
.blog-post-repeat .post-thumb img{ object-fit: cover; object-position: center; width: 100%; height: 100%; }
.blog-post-repeat .post-thumb .post-date{ position: absolute; top: 20px; left: 20px; background-color: var(--primary-bg); padding: 6px 1em; color: var(--primary-text); z-index: 1; border-radius: 30px; }

.post-data{ position:relative; margin: 0; }
.post-data h3.post-title{ margin:0 0 10px; line-height:1.1; }
h3.post-title a:hover, .news-box:hover .news-desc h4 a, ul.entry-meta li a:hover{ color: var(--primary-bg); }
.post-data .post-meta{ margin: 0 0 12px; color: #767575; font-size: 0.9rem; }
.post-data .post-meta span:not(:last-child){ margin-right: 20px; }
.post-data .post-meta i{ margin-right: 5px; color: var( --primary-bg ); }

.post-data .post-cate{ display: block; }
.post-data .post-cate a{ display: inline-block; line-height: 1; }

/* Pagination */
.spacer20{height:20px; clear:both;}
.pagination{display:table; clear:both; margin:0 auto; }
.pagination ul{list-style:none; margin:20px 0;}
.pagination ul li{display:inline-block; margin-right:5px;}
.pagination ul li span, .pagination ul li a{background-color:var(--primary-bg); color:var(--primary-text); padding:5px 15px; display:inline-block; border-radius: 30px; }
.pagination ul li .current, .pagination ul li a:hover{ background-color:var( --secondary-bg ); color:var(--secondary-text) !important; }

/* home page posts pagination */
.navigation .page-numbers{ background-color:#571420; color:#ffffff; padding:5px 10px; display:inline-block; }
.navigation .page-numbers.current, .navigation .page-numbers:hover{ background-color:var( --primary-bg ); color:#ffffff !important; }
.taxonomy-description{ margin-bottom:20px; }

.post-date span{ margin-right:3px; }

/*===============================================
** Single Posts Css
*===============================================*/
article p{ margin:0 0 20px 0; }
.post-summary{ position:relative; margin-bottom:20px; }
.blog-post-single header.entry-header{ margin-bottom:20px; }
.blog-post-single .post-meta span{ margin-right: 20px; }
.blog-post-single .post-meta span i{ margin-right: 5px; }
.post-bottom{ border-top:1px solid #e7e7e7; padding:20px 0 0; }
.post-bottom .post-tags{ float:left; }
.post-bottom .post-tags a{ background-color:#ececec; text-transform:lowercase; font-size:14px !important; padding:2px 8px; margin-right:2px; display:inline-block; margin-bottom:5px; font-weight:600; }
.post-bottom .social_share{ float:right; }

/* Post Nav */
.post-nav{ clear:left; margin-top:40px;}
.prev-page, .next-page{ margin:0; padding:0;}
.prev-page a{ float:left;}
.next-page a{ float:right;}
.prev-page a, .next-page a{background-color:#515151; padding:5px 10px; color:#ffffff; font:15px 'Montserrat';}
.prev-page a:hover, .next-page a:hover{ color:#ffffff; background-color:#34c6f6;}
.singleright { float:left; }
.singleleft { float:right; }

#nav-below.post-navigation{ margin:20px 0 40px; padding:20px 0; display:-ms-flexbox; display:flex; align-items:normal; width:100%; justify-content:space-between; }
.nav-previous, .nav-next{ width:50%;  }
.nav-next{ margin-left:auto; }
#nav-below.post-navigation a{ display:-ms-flexbox !important; display:flex !important; height:100%; }
#nav-below.post-navigation .meta-nav-icon{ background-color:var( --primary-bg ); width:98px; text-align:center; color:var(--primary-text); display:inline-block; position:relative; font-size:48px; }
#nav-below.post-navigation .meta-nav-icon i{ position: absolute; left: 50%; top: 50%; -khtml-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
#nav-below.post-navigation .meta-nav-title{ background-color: rgba(191, 191, 191, 0.2); padding:20px; width:76%; text-align: center; display: inline-block; vertical-align: middle; font-weight:700; }
#nav-below.post-navigation .meta-nav-title h4{ text-transform:uppercase; margin-bottom:10px; }

/* Team Single */
.single-team-thumb, .single-testi-thumb{ margin-bottom:30px; }
.single-team-thumb img, .single-testi-thumb img{ border:8px solid var( --primary-bg ); padding:10px; }
.single-team-info h2, .single-testi-info h2{ margin-bottom:10px; }
.single-team-info span, .single-testi-info span{ display:block; text-transform:uppercase; font-weight:700; color:var( --primary-bg ); line-height:normal; margin:0 0 20px; }
#sidebar .member-info{ margin-top:30px; }
#sidebar .member-info ul{ margin:0; padding:0; list-style:none; }
#sidebar .member-info ul li{ display:block; margin:0 0 10px; padding:0 0 10px; position:relative; }
#sidebar .member-info ul li:before{ content:''; position:absolute; width:100%; left:0; bottom:0; height:1px; background-color:var( --primary-bg ); }
#sidebar .member-info ul li:last-child::before{ content:none; }
.member-single-social a{ width: 40px; height: 30px; border-radius: 12px; line-height: 30px; display: inline-block; background-color: var( --primary-bg ); margin-right: 5px; color: var(--primary-text); text-align: center; font-size: 14px; }
.member-single-social a:hover{ background-color: var(--secondary-bg); color: var(--secondary-text); }

/*===============================================
** Contact Page Css
*===============================================*/
.contact-details{ margin-bottom: 5rem; }
.contact-details > div{ gap: 2%; }
.col-info{ padding: 20px 30px; position: relative; margin: .5rem 0; border-radius: 12px; flex: 0 1 auto; width: 32%; border: 2px solid #ffffff; transition: all 0.5s ease-in-out; text-align: center; }
.page-info-icon{ color: var( --primary-text); background-color: var( --primary-bg ); width: 80px; height: 80px; margin: 0 auto 30px; text-align: center; border-radius: 50%; transition: all .5s ease-in-out; }
.page-info-icon i{ font-size: 32px; position: relative; top: 50%; transform: translateY(-50%); transition: all 0.5s ease-in-out; }
.page-info-cont h4{ margin-bottom: 10px; }
.contact-content{ width: 100%; position: relative; z-index: 1; box-shadow: 0 3px 2.8125rem rgba(0, 0, 0, 0.14); margin: 0 auto; }
.contact-content .custom-heading{ margin-bottom: 20px; }
.contact-content .wpcf7-form p{ margin-bottom: 0; }
.contact-content .form-group input[type="submit"]{ margin: 0; display: table; border-radius: 4px;}
.form-group{ margin-bottom: 25px;}
.form-group.half{ width:48%; margin-right:4%; float:left; }
.form-group.half.last{ margin-right:0; }
.form-group.third{ width:32%; margin-right:2%; float:left; }
.form-group.third.last{ margin-right:0; }
.form-group.fourth{ width:23.5%; margin-right:2%; float:left; }
.form-group.fourth.last{ margin-right:0; }
.gmap{ box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); background-color: #ffffff; padding: 14px; border-radius: 7px; }

/*===============================================
** Order Css
*===============================================*/
.input-with-icon select,.input-with-icon input[type="text"],.input-with-icon input[type="email"],.input-with-icon input[type="tel"],.input-with-icon input[type="date"],.input-with-icon input[type="file"],.input-with-icon textarea,.input-with-icon input[type="submit"]{padding-left: 40px; background-color: #f3f3f3;border: none;border-radius: 5px; font-size: 16px;}
.form-group .form-wrap{ position: relative; }
.form-group i{    position: absolute;top: 50%;transform: translateY(-50%); color: #000;z-index: 1; left: 15px;}
.form-group i.envelope-t{ top: 20px;}
.form-group .adown{ left: 95%;}
#wpcf7-f313-p311-o1{ box-shadow: 0px 1px 21px 0px #00000040; padding: 90px 60px 50px 60px; border-radius: 15px;}
.form-group p{ margin: 0 0 20px 0;}
.textareaa{ margin: 40px 0;}
.form-group i.candles-s{color: #fff;}
.input-with-icon input[type=submit]{font-family:'Satisfy';}

/*===============================================
** Sidebar Css
*===============================================*/
#sidebar{ width:340px; float:right; padding:0 0 30px; }
.widget_content { padding:0; }
.sidebar-left{ float:left !important;}
#sidebar .quotes h4 { margin:10px 0;}
aside.widget{ margin:0; padding:0; }
aside.widget ul{ list-style:disc; }
h3.widget-title{ position: relative; padding: 0 0 20px; margin: 0 0 25px; letter-spacing: 1px; display: block; font-size: 24px; color: #571420; border-bottom: 1px solid #d9d9d9; }
#sidebar aside.widget{ position: relative; background: rgba(255, 255, 255, 0.15); border-radius: 20px; padding: 30px 20px; margin-bottom: 30px; }
#sidebar aside.widget.flytheme-widget-sidebar-banner{ padding: 0; background-color: transparent; border-radius: 16px; overflow: hidden; }

.flotRight{ float:right !important;}
#sidebar aside.widget:first-child{ margin-top:0; }
.textwidget p{ margin-bottom:20px; }

#sidebar ul li{ padding:8px 0 8px 0; list-style:none; }
#sidebar ul li a{ line-height:18px; color:var(--primary-bg); position:relative; }
#sidebar ul li a:hover{ color:var( --secondary-bg );}
#sidebar ul li:last-child{ border:none;}
.nosidebar{ float:none !important; margin:0 auto;}

#sidebar .widget_recent_entries li, #sidebar .widget_recent_comments li, #sidebar .widget_archive li, #sidebar .widget_categories li, #sidebar .widget_meta li{ border-bottom: 1px solid #e5e5e5; padding: 9px 0 14px 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; text-transform:capitalize; }
#sidebar .widget_recent_entries li:first-child, #sidebar .widget_recent_comments li:first-child, #sidebar .widget_archive li:first-child, #sidebar .widget_categories li:first-child, #sidebar .widget_meta li:first-child{ padding-top:0; }
#sidebar .widget_categories li span, #sidebar .widget_archive li span { float: right; width: 30px; height: 30px; line-height: 33px; text-align: center; background: transparent; border-radius: 100%; }
#sidebar .widget_tag_cloud a{ background-color:var( --primary-bg ); color: #ffffff; text-transform:uppercase; padding:3px 12px; margin-right:5px; display:inline-block; margin-bottom:8px; font-weight:400; font-size:12px !important; border-radius:15px; }
#sidebar .widget_tag_cloud a:hover{ color:#ffffff; background-color:#571420; }

#sidebar #wp-calendar{ width:100%; text-align: center; }
#sidebar #wp-calendar caption{ font-weight:700; margin-bottom:0; background-color:#000000; text-transform:uppercase; padding:10px; color:#ffffff; }
#sidebar #wp-calendar th{ background-color:#262729; color:#ffffff; padding:5px; }
#sidebar #wp-calendar tbody td{ background-color:#f9f9f9; padding:5px; }
#sidebar #wp-calendar tbody td a, #sidebar #wp-calendar tfoot td a{ display:block; background-color:var( --primary-bg ); color:#ffffff; }
#sidebar #wp-calendar tbody td a:hover, #sidebar #wp-calendar tfoot td a:hover{ background-color:#571420; }
#sidebar #wp-calendar tfoot td a{ padding:5px; }

/*===============================================
** Posts Social Share Css
*===============================================*/
ul.social-share-post { padding:0; margin:0; list-style:none; }
ul.social-share-post li { display:inline-block; padding:0; margin:0 8px 0 0; height:40px; width:40px; line-height:40px; text-align:center; background:transparent; }
ul.social-share-post li a{ display:block; color:#ffffff; }
ul.social-share-post li a:hover{ color:#ffffff; box-shadow:0 0 3px 3px rgba(34,43,95,0.3); }

ul.social-share-post li.social-share-twitter{ background-color:#12c4f7; }
ul.social-share-post li.social-share-facebook{ background-color:#3984bd; }
ul.social-share-post li.social-share-whatsapp{ background-color:#65bc54; }
ul.social-share-post li.social-share-linkedin{ background-color:#0097bf; }
ul.social-share-post li.social-share-pinterest{ background-color:#cd2127; }
ul.social-share-post li.social-share-mail{ background-color:#d32e2a; }

/*===============================================
** Back to Top Css
*===============================================*/
#top{ position:relative; }
#back-top {	position: fixed; bottom:20px; right:20px; z-index:999; opacity: 0; transition: opacity 0.3s ease; cursor: pointer; }
#back-top a { width:60px; display:block; text-align:center; text-transform:uppercase; text-decoration:none; color:var( --primary-bg ); -webkit-transition:1s; transition:1s; font-size:40px; line-height:1; }
#back-top a:hover{ color: var(--secondary-bg); }
#back-top span { width:60px; height:50px; line-height:50px; display: block; margin-bottom: 7px; -webkit-transition:1s; transition:1s; opacity:0.9; }

/*===============================================
** Custom Css
*===============================================*/
.error_msg{padding:10px; background:#ffd3ce; color:#e00; border:1px #e00 solid; margin:15px 0;}
.success_msg{padding:10px; background:#dcffc5; color:#070; border:1px #070 solid; margin:15px 0;}
.customtab{ margin-top:0px;}
article.tag-sticky-2{background:#f6f6f6; padding:10px;}

/* = 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:100%; z-index:100000; /* Above WP toolbar. */}

/* = Accordion tab section css
-------------------------------------------------------------- */
.acc-content a { font-weight:bold; line-height:30px;}

/* = Box Layout Css
-------------------------------------------------------------- */
.boxlayout{ width:1320px; margin:0 auto; box-shadow:0 5px 10px #000000; position:relative; overflow-x:hidden; }
.boxlayout .container{ padding:0 20px; }
.boxlayout .content-area{ padding: 50px 0; }

/*===============================================
** Woocommerce Product/Shop Page Css
*===============================================*/
.woocommerceright{float:left;}
.woocommerceleft{float:right;}
.content-area .woocommercesitefull{ width:100%; }

/****************** Search Result and Sorting *************************/
.woo-wc-order{ background-color: #f3f5ed; height: 64px; width: 100%; border-radius: 24px; background-clip: border-box; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items: center; justify-content: space-between; margin-bottom: 25px; padding: 10px 20px; }
.woocommerce .woocommerce-result-count { font-size: 16px; margin-bottom: 0; z-index: 2; }
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering{ background: 0 0; padding: 0 15px 0 0; margin: 0; }
.woocommerce .woo-wc-order .woocommerce-ordering select, .woocommerce .woo-wc-order .woocommerce-ordering select { color: #292d35; font-size: 16px; box-shadow: none; border: none; }
.woocommerce .woo-wc-order .woocommerce-ordering .select-wrap{ position: relative; }
.woocommerce .woo-wc-order .woocommerce-ordering .select-wrap:after{ content: "\f105"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering:  auto; -webkit-font-smoothing: antialiased; -webkit-transform: rotate(90deg); transform: rotate(90deg);  display: block;  line-height: 1em; font-size: 18px;  width: 1em; height: 1em; text-align: center; position: absolute; right: 0;  top: 50%; margin-top: -8px; z-index: 2; pointer-events: none; cursor: pointer; color: #000000; }

/*************** Product Thumbnail and overlay elements ****************************/
.product-item-inner{ text-align:center; -webkit-box-shadow: 0 0 16px 0 rgba(39,48,75,.14); box-shadow: 0 0 16px rgba(39,48,75,.14); padding: 15px; border-radius: 20px; background-color: #ffffff; }

.woocommerce .product-item-thumbnail{ overflow:hidden; position:relative;z-index:2; margin-bottom:20px; border-radius: 12px; }
.woocommerce .product-item-thumbnail-holder{ text-align:center; }
.woocommerce .product-item-thumbnail-holder a{ display:block;}
.woocommerce ul.products li.product a img{-webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden; backface-visibility: hidden; margin:0; }
img.onhover{ position:absolute; top:0; left:0; opacity:0; -webkit-transition:opacity .1s; transition:opacity .1s; -webkit-backface-visibility:hidden; backface-visibility:hidden; object-fit: cover; height: 100% !important; }
.woocommerce ul.products li.product .product-item-inner:hover img.onhover{ opacity: 1; object-fit: cover; }
.woocommerce span.onsale, .woocommerce .woo-entry-new-badge, .woocommerce .sale-perc, .woocommerce .soldout{ text-transform:uppercase; position:absolute; top:0; min-height:inherit; min-width:inherit; padding:8px 16px; letter-spacing:2px; line-height:1; font-weight:700; border-radius: 12px 0; }
.woocommerce ul.products li.product .onsale, .woocommerce ul.products li.product .sale-perc{ background-color:#e63a4a; color:#ffffff; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
.woocommerce ul.products li.product .onsale{ margin:0; right:auto; left:0; opacity:1; }
.woocommerce ul.products li.product .product-item-inner:hover .onsale{ opacity:0; }
.woocommerce ul.products li.product .sale-perc{ opacity:0; }
.woocommerce ul.products li.product .product-item-inner:hover .sale-perc{ opacity:1; }
.woocommerce .woo-entry-new-badge, .woocommerce .soldout{ right:0; background-color:#333333; color:#ffffff; border-radius: 0 12px; }
.woocommerce .soldout { top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

/*************** Product Rating, Title and Price ****************************/
.woocommerce ul.products li.product .product-item-inner .star-rating{ margin:5px auto 15px; }
.woocommerce .star-rating span:before{ color:var( --primary-bg ); }
.woocommerce ul.products li.product .woocommerce-loop-product__title{ padding:10px 0 10px; }
.woocommerce ul.products li.product .price { font-size: 18px; font-weight:700; }
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:var( --primary-bg ); }
.woocommerce ul.products li.product .price del, .woocommerce ul.products li.product .price ins{ display:inline-block; margin:0 5px; }
.woocommerce ul.products li.product .price ins{ text-decoration:none; }
.woocommerce ul.products li.product .price del{ font-size: 16px; }

/*************** Add to Cart Button ****************************/
.woo-add-to-cart a.woocommerce-LoopProduct-link{ display:none !important; }
.woocommerce .product-item-inner .woo-add-to-cart{ display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 10px; }
.woocommerce .product-item-inner .woo-add-to-cart a{ border-radius:40px; display:inline-flex; align-items:center; justify-content:center; background-color:var( --primary-bg ); position: relative; text-transform: uppercase; font-size: 14px; font-weight: 700; letter-spacing: 1px; margin: 0 0 5px !important; }

.woocommerce .product-item-inner a.product_type_external:before{ content:'\f08e'; }
.woocommerce .product-item-inner a.product_type_grouped:before{ content:'\f5fd'; }

.product .product-item-inner a.add_to_cart_button.added{ display:none !important; }
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce input.button, .woocommerce a.added_to_cart, .woocommerce a.button.alt, .woocommerce input.button.alt, .reset_variations, .view-wishlist, .wishlist-items-wrapper td.product-add-to-cart a{ background-color:var( --primary-bg ); color:#ffffff; padding:8px 16px; display:inline-block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; position:relative; font-weight:normal; line-height:normal; border-radius:0; }
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce button.button.alt:hover, .woocommerce input.button:hover, .woocommerce a.added_to_cart:hover, .woocommerce a.button.alt:hover, .woocommerce input.button.alt:hover, .reset_variations:hover, .view-wishlist:hover, .wishlist-items-wrapper td.product-add-to-cart a:hover{ background-color:#571420; color:#ffffff; }

/*************** Sidebar CSS ****************************/
.widget_product_search .woocommerce-product-search .search-field{ border-radius: 0; height: 49px; }
#sidebar .woocommerce-mini-cart__buttons a.button { margin-right:8px; }
#sidebar ul.woocommerce-mini-cart li{ list-style:none; position: relative; }
#sidebar ul.woocommerce-mini-cart li a, #sidebar ul.woocommerce-mini-cart li span.quantity{ font-size:15px; padding-left:0 !important; margin-bottom:5px; }
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{ width:50px; }
.woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove{ font-size:30px !important; height: 30px; width: 30px; line-height: 30px !important; padding-left:0 !important; border-radius:0; position: absolute; left: -2px; top: 10px; float:left; margin-right:15px; }
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total{ padding: 12px 0 10px; font-size:15px; text-transform:uppercase; margin-bottom:10px; }
.woocommerce .widget_price_filter .price_slider_amount{ text-align:left;}
.woocommerce .widget_price_filter .price_slider_amount .button{ float:right; }
.woocommerce .widget_price_filter .price_slider_amount .price_label{ font-size: 15px; margin: 0; float: left; font-weight: 700; color: #020202; }
.woocommerce .widget_product_tag_cloud a{ font-size:14px !important; padding:6px 14px; margin:3px; background-color:var( --primary-bg ); display:inline-block; color:#ffffff; }
.woocommerce .widget_product_tag_cloud a:hover{ background-color:#2c2c34; }
.woocommerce .widget_recent_reviews li, .woocommerce .widget_products li, .woocommerce .widget_top_rated_products li, .woocommerce .widget_rating_filter li, .woocommerce .widget_recently_viewed_products li{ list-style:none !important;}
.woocommerce .widget_recent_reviews a, .woocommerce .widget_products a, .woocommerce .widget_top_rated_products a, .woocommerce .widget_rating_filter a, .woocommerce .widget_recently_viewed_products a{ padding-left:0 !important; font-size:16px !important; font-weight:700 !important; }
.woocommerce ul.product_list_widget li .star-rating{ margin: 8px 0; }
.woocommerce-LoopProduct-link br{ display:none; }
.widget_product_categories .product-categories li span.count{ float: right; }
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{ border-radius: 0; }

/*===============================================
** Product Category Loop Css
*===============================================*/
.product-category.product{ text-align: center; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; }
.product-category.product img{ border: 10px solid #e1e0e0; }
.product-category.product:hover img{ opacity: .7; }
.product-category.product .woocommerce-loop-category__title{ font-size: 20px !important; letter-spacing: 1px; text-transform: uppercase; padding: 20px 0 !important; background-color: #ffffff; }

/*===============================================
** Single Product Page Css
*===============================================*/
.woocommerce div.product div.images.woocommerce-product-gallery{ width: 35%; }
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{ width: calc( 100% - 38% ); }

.book_auth{ color: var( --primary-bg ); margin-bottom: 5px; }
.related.products{ padding:0; }
.related.products h2{ text-transform:capitalize; padding-bottom:15px; font-weight: 500; }
body.single-product #sidebar {display:none;}
body.single-product .site-main{ width:100%; }
.single-product .product .onsale{ left:0; background-color:#e63a4a; }
.woocommerce div.product div.images .flex-control-thumbs li img{ padding:10px 5px 0; }
.woocommerce div.product div.images.woocommerce-product-gallery{ overflow: hidden; }
.woocommerce h1.product_title{ margin:0 0 5px; }
.woocommerce div.product p.price, .woocommerce div.product span.price { margin:0; font-size:24px; font-weight:400; color:#571420; padding:10px 0; }
.woocommerce div.product .woocommerce-product-rating{ margin: 0; padding: 10px 0;}
.woocommerce-product-details__short-description{ padding:10px 0; }
.woocommerce-product-details__short-description p{ margin: 0; }
.woocommerce-product-details__short-description ul{ margin:20px 0;}
.woocommerce-product-details__short-description ul li{ position:relative; padding-left: 25px; margin-bottom: 10px; }
.woocommerce-product-details__short-description ul li:before{ content:'\f061'; font-family:'Font Awesome 6 Pro'; font-weight:400; position:absolute; left:0; font-size:16px; color:#e63a4a;}
.woocommerce div.product p.stock{ font-weight: 700; padding: 10px 30px; display: inline-block; font-size: 15px; border: 1px solid; }
.woocommerce div.product p.stock.avail-in-stock{ color:#008000; }
.woocommerce div.product p.stock.few-in-stock{ color:#f27144; }
.woocommerce div.product p.stock.out-of-stock{ color:red; }

.woocommerce #add_payment_method table.cart input, .woocommerce-cart table.cart input, .woocommerce-checkout table.cart input, .woocommerce .quantity-wrap input{ border-radius: 0; box-shadow: none; }
.woocommerce #content div.product form.cart,
.woocommerce div.product form.cart,
.woocommerce-page #content div.product form.cart,
.woocommerce-page div.product form.cart{
    margin:2% 0;
}
.woocommerce #content div.product form.cart table.variations tr,
.woocommerce div.product form.cart table.variations tr,
.woocommerce-page #content div.product form.cart table.variations tr,
.woocommerce-page div.product form.cart table.variations tr{
    display: flex;
    flex-direction: column;
}
.woocommerce .woocommerce-variation-price{ margin-bottom: 15px;}
.woocommerce div.product form.cart div.quantity{ float:none; margin: 0; }
.woocommerce .product .quantity-wrap{ float: left; margin-right:10px; }
.quantity-wrap input.plus, .quantity-wrap input.minus{ display:inline-block; height:38px; border:1px solid #d7d7d7; width:36px; color:#d7d7d7; cursor: pointer; vertical-align: top; background: none; font-size: 20px; padding: 0; line-height: 36px; }
.quantity-wrap input.plus:hover, .quantity-wrap input.minus:hover{ background-color:#e63a4a; color:#ffffff; border-color:transparent; }
.quantity-wrap .quantity{ display: inline-block; }
.woocommerce .quantity input[type="number"] { -moz-appearance:textfield; appearance:textfield; width:45px; height:38px; margin:0 3px; vertical-align:top; padding:5px; text-align:center; border:1px solid #d7d7d7; }
.woocommerce div.product form.cart .variations select{ margin:0 0 6px; -webkit-appearance:unset; -moz-appearance:unset; appearance:unset; max-width:80%; padding: 10px 20px; border-radius: 0; height: 50px; background-image: url(images/down-arrow.png); background-repeat: no-repeat; background-position: center right 1rem; background-size: 12px; }
.woocommerce div.product form.cart .variations td.label{ text-transform: uppercase; color: #010101; margin-bottom: 10px;  }
a.reset_variations{ margin:0; margin-left:15px; }

.woocommerce .summary .product_meta{ clear: both; display: inline-block; position: relative; width: 100%; margin-top: 30px; border-top: 1px solid #eee; padding-top: 20px; }
.product_meta > span{ display: block; padding: 8px 0; }
.woocommerce .summary .product_meta .posted_in, .entry-summary .sku_wrapper, .entry-summary .variations label, .woocommerce .summary .product_meta .tagged_as, .brand { display:inline-block; margin:0; width:100%; clear:both; }
.woocommerce .summary .product_meta > span > :first-child { margin-left: 10px; font-weight: 700;  }
.entry-summary .sku, .woocommerce .summary .product_meta .posted_in a, .woocommerce .summary .product_meta .tagged_as a, .brand span a { font-weight: normal; }

.woocommerce-tabs{ padding:30px 0 10px; margin-bottom:30px; }
.woocommerce div.product .woocommerce-tabs ul.tabs{ position:relative; display:inline-block; width:100%; vertical-align:middle; list-style:none; margin:0; padding:0; border-bottom: 2px solid #e1e1e1; clear: both; overflow:visible; }
.woocommerce div.product .woocommerce-tabs ul.tabs::before{ border:none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before{ content:none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li{ border:none; font-size:18px; padding:0; margin:0 10px 0 0; background-color:transparent; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a{ padding:10px 12px; border-radius:0; position:relative; font-weight:500; color:#555555 !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a.selected{ color:#000000 !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a.selected:after{ content:''; position:absolute; bottom:-2px; left:0; display:block; width:100%; height:2px; background-color: #e63a4a; }
.woocommerce div.product .woocommerce-tabs .panel{ margin:37px 0 20px; }
.woocommerce div.product .woocommerce-tabs .panel h2{ display:none; }

.woocommerce table.shop_attributes, .woocommerce-page table.shop_attributes{ display:table; float:none; width:100%; border:1px solid #e3e3e3; border-collapse:separate; border-spacing:0; border-bottom:none; }
.woocommerce table.shop_attributes th, .woocommerce-page table.shop_attributes th{ width:150px; font-weight:700; padding:10px 5px 10px 25px; border-top:0; margin:0; color:#000000; text-align:left; background:#ffffff; text-transform: capitalize; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3; }
.woocommerce table.shop_attributes td, .woocommerce-page table.shop_attributes td{ font-style:normal; font-weight:400; padding:8px; border-top:0; margin:0; background:#ffffff; border-bottom:1px solid #e3e3e3; }

.woocommerce #review_form #respond .comment-reply-title{ font-size: 22px; font-weight: bold; text-transform: uppercase; margin: 20px 0; display: block; color:#000000; }
.woocommerce #review_form #respond .comment-form-rating{ font-size:20px; }
.woocommerce #review_form #respond p.stars{ margin-top:15px; }
#reviews.woocommerce-Reviews .comment-respond{ box-shadow:none; }
.woocommerce #reviews #comments ol.commentlist li img.avatar{ width:70px; padding:0; border:none; border-radius:50px; }
.woocommerce #reviews #comments ol.commentlist li .comment-text{ margin:0 0 0 90px; border:none; padding:0; }
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta{ margin:0; font-size:16px; color:#000000; }
.woocommerce #reviews #comments ol.commentlist li .star-rating{ float:none; font-size:0.8em; margin-bottom:10px; width:7em; }
.woocommerce #reviews #comments ol.commentlist li .star-rating:before{ letter-spacing:5px; }
.woocommerce #reviews #comments ol.commentlist li .star-rating span:before{ color:var( --primary-bg ); letter-spacing:5px; }
.woocommerce #review_form #respond textarea, .woocommerce #review_form #respond input[type=text], .woocommerce #review_form #respond input[type=email]{ position:relative; width:100%; margin:0 0 25px; padding:20px 24px; font-family:inherit; font-size:12px; font-weight:inherit; line-height: calc(60px - (20px * 2) - 2px); color:#16161b; border-radius:3.3px; border:1px solid #fafafa; background-color:#fafafa; outline:0; cursor:pointer; -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-box-shadow:none; box-shadow:none; -webkit-transition:border-color .2s ease-in-out; transition:border-color .2s ease-in-out; height:auto; }
.woocommerce #review_form #respond .comment-form-author, .woocommerce #review_form #respond .comment-form-email{ width:100%; }
.woocommerce #review_form #respond input:focus[type="text"], .woocommerce #review_form #respond input:focus[type="email"], .woocommerce #review_form #respond textarea:focus{ background-color:transparent; border:1px solid #e63a4a;}

/*===============================================
** Product Cart Page Css
*===============================================*/
body.woocommerce-cart .site-main{ width:100%; float:none; }
body.woocommerce-cart #sidebar{ display:none; }
.woocommerce table.shop_table{ border-radius: 0; }
.woocommerce .woocommerce-cart-form table.shop_table.cart th{ background-color:#f5f5f5; color:#000000; line-height:40px; }
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img{ width:50px; }
.woocommerce table.shop_table tr td:first-child{ border-left:none; }
.woocommerce table.shop_table td{ border-left: 1px solid rgba(0,0,0,.1);}
.woocommerce-cart-form__cart-item.cart_item .product-remove, .woocommerce-cart-form__cart-item.cart_item .product-thumbnail{ text-align:center; }
.woocommerce-cart-form__cart-item.cart_item .product-remove a, .woocommerce-cart-form__cart-item.cart_item .product-thumbnail a{ display: inline-block; }
.woocommerce-cart-form__cart-item.cart_item .product-quantity input[type="number"]{ -moz-appearance: revert; appearance: revert; }
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text{ width: 150px; height: 38px; }
.woocommerce .cart-collaterals{ margin-top:50px; }
.woocommerce-cart table.cart td.product-name, .wishlist-items-wrapper td.product-name{ font-weight:700; font-size:15px; }
.woocommerce-cart .cart-collaterals .cart_totals table tr th{ border-right:1px solid #cfd0d2; background-color:#f5f5f5; color:#000000; }
.woocommerce-cart .cart-collaterals .cart_totals .cart-subtotal, .woocommerce-cart .cart-collaterals .cart_totals .order-total{ font-size:18px; }
.woocommerce .woocommerce-cart-form button.button{ margin:0; }
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{ width:60%; float:right; }
.shop_table tr td:last-child, .shop_table tr th:last-child { text-align:right; }
.woocommerce a.remove{ line-height:21px; }
.woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout{ text-align: right; }
.woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout a{ font-weight: normal; text-transform: capitalize; font-size: 16px; }

/*===============================================
** Checkout Page Css
*===============================================*/
body.woocommerce-checkout .site-main{ width:100%; float:none; }
body.woocommerce-checkout #sidebar{ display:none; }
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2, .woocommerce-MyAccount-content{ background:#ffffff; border: 1px solid #e8e8e8; padding: 20px 30px; }
.woocommerce .col2-set .woocommerce-billing-fields h3, .woocommerce .col2-set .woocommerce-shipping-fields h3{ text-transform: uppercase; font-size:20px; }
.woocommerce .col2-set .form-row label{ color:#000000; }
.woocommerce form .form-row textarea, .woocommerce-page form .form-row textarea{ height:10em; line-height: 1.5em; display: block; }
#order_review_heading { margin:30px 0 20px; padding:10px 0; text-transform:uppercase; font-size:18px; }
.woocommerce table.shop_table{ border-collapse: collapse; }
.woocommerce table.shop_table th{ color:#000000; }
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th { font-size:13px; font-weight:700; line-height:30px; background:#f5f5f5; color:#000; }
.woocommerce table.shop_table tfoot th{ background-color:transparent;}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{ background-color: transparent; }
.woocommerce #payment ul.payment_methods, .woocommerce-page #payment ul.payment_methods { border:1px solid #ebebeb; list-style:outside none none; margin:0; padding:30px; text-align:left; }
.woocommerce #payment ul.payment_methods li{ list-style:none; }
.woocommerce #payment ul.payment_methods img{ width:auto; }
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{ max-width:48%; }

/*===============================================
** My Account Page Css
*===============================================*/
body.woocommerce-account .site-main{ width:100%; float:none; }
body.woocommerce-account #sidebar{ display:none; }
.woocommerce-MyAccount-navigation ul{ margin:0; padding:0; list-style:none; }
.woocommerce-MyAccount-navigation ul li{ list-style:none; margin-bottom:8px; }
.woocommerce-MyAccount-navigation ul li a{ padding:5px 25px; display:block; background-color:var( --primary-bg ); color:#ffffff; }
.woocommerce-MyAccount-navigation ul li a:hover{ background-color:#252525; color:#ffffff; }
.woocommerce-MyAccount-content{ background-color:#f7f7f7; padding:20px; }
.woocommerce-MyAccount-content .woocommerce-info{ margin:0; }
.woocommerce-MyAccount-content .woocommerce-EditAccountForm.edit-account fieldset{ padding:15px; margin-bottom:20px; }
.woocommerce-MyAccount-content .woocommerce-EditAccountForm.edit-account legend{ padding:5px 20px; margin-left:7px; }

/*===============================================
** Woocommerce Pagination Css
*===============================================*/
.woocommerce nav.woocommerce-pagination ul{ border:none; }
.woocommerce nav.woocommerce-pagination ul li{ margin:0 5px; border:none; }
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{ border-radius:50%; width: 40px; height: 40px; line-height: 25px; }

/*===============================================
** Data Tooltip Css
*===============================================*/
/* Add this attribute to the element that needs a tooltip */
[data-tooltip] { position: relative; z-index: 2; cursor: pointer; }
/* Hide the tooltip content by default */
[data-tooltip]:before, [data-tooltip]:after { visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; pointer-events: none; }
/* Position tooltip above the element */
[data-tooltip]:before { position: absolute; bottom: 150%; left: 50%; margin-bottom: 5px; margin-left: -80px; padding: 7px; width: 170px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #000; background-color: hsla(0, 0%, 20%, 0.9); color: #fff; content: attr(data-tooltip); text-align: center; font-size: 14px; line-height: 1.2; }
/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after { position: absolute; bottom: 150%; left: 50%; margin-left: -5px; width: 0; border-top: 5px solid #000; border-top: 5px solid hsla(0, 0%, 20%, 0.9); border-right: 5px solid transparent; border-left: 5px solid transparent; content: " "; font-size: 0; line-height: 0; }
/* Show tooltip content on hover */
[data-tooltip]:hover:before, [data-tooltip]:hover:after { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

/*===============================================
** Author Bio Box Css
*===============================================*/
.author-box{ position: relative; clear: both; display: block; margin:0; padding: 1.5rem; background-color:var( --primary-bg ); margin-bottom:30px; }
.author-img{ margin: 0; width: 100px; height: 100px; position:absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border-radius: 50%; overflow: hidden; }
.author-bio-box{ padding-left:120px; }
.author-bio-box, .author-bio-box a{ color:#ffffff; }
.author-bio-box a:hover{ color:#000000; }
.author-bio-box h4.author-name{ margin: 0 0 10px 0; text-transform: uppercase; font-weight: bold; }
.author-bio-box p{ margin-bottom:10px; }
.author-meta a { display:inline-block; list-style: none; padding: 0; margin: 0 15px 0 0; font-size: 13px; }

/*===============================================
** Form And Input type Css
*===============================================*/
form{ position:relative; }

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], input[type="file"],textarea, select{ width:100%; margin:0; padding:14px 28px; outline:0; resize:none; line-height:20px; background: none; font-weight:400; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border: none; border-bottom: 0.3rem solid var( --primary-bg ); border-radius: 5px; display: block; transition: all .3s; box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1); color: inherit; font-size: 1rem; letter-spacing: 1.5px; background-color: rgba(191, 191, 191, 0.2); }

select{ -webkit-appearance:none; -moz-appearance:none; appearance:none; }
select::-ms-expand { display: none; /* hide the default arrow in ie10 and ie11 */ }

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, select:focus{ border-color: var( --secondary-bg ); }

button,html input[type=button],input[type=reset],input[type=submit]{ -webkit-appearance:button; -moz-appearance:button; appearance:button; cursor:pointer; border:none; outline:none; padding:14px 20px; font-family: inherit; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; font-size: 16px; background-color: var( --primary-bg ); color: var( --primary-text );  }
html input[type=button],input[type=reset],input[type=submit]{ text-align: center; letter-spacing: 2px; }
button:hover,html input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{ background-color: var( --secondary-bg ); color: var( --secondary-text); }

.wpcf7-form label{ display:block; text-transform:uppercase; font-size:12px; margin:0 0 8px; font-weight:700; }

/*===============================================
** Comment Form And Comment Styling Css
*===============================================*/
.comments-area .comment-list{ margin-bottom: 3em; list-style:none; }
.comments-area .comment-list .comment-body{ margin:0 0 1em; padding:1em 1em 1em 7em; position:relative; display:block; background-color:#f9f9f9; }
.comments-area .comment-author { display:inline-block; position:absolute; left:13px; top:13px; }
.comment-metadata{ position:relative; }
.comment-metadata h4{ display:inline-block; margin-bottom:0; }
.comment-metadata h4 cite{ font-weight:700; text-transform:capitalize; font-style:normal; font-size:16px;  }
.comment-metadata time{ display:inline-block; font-size:11px; }
.comment-metadata .reply{ position:absolute; right:0; top:0; font-weight:700; text-transform:uppercase; letter-spacing:1px; font-size:12px; }
.comment-metadata .reply a:before{ content:'\f122'; font-family:'Font Awesome 6 Pro'; font-weight:300; position:absolute; left:-20px; }
.comment-content p{ font-size:14px; margin:0; min-height:36px; }

.comments-area .comment-list ul.children{ margin-left:60px; }

.comment-respond{ margin-bottom:20px; }
.comments-area h3.comment-reply-title{ text-transform:capitalize; margin-bottom:10px; font-size:16px; }
.comments-area h3.comment-reply-title small{ margin-left:50px; }
.comments-area .comment-form p.comment-notes { margin-bottom: 2em; font-weight: 400; font-size:14px; }
.required { color: #c0392b; }
.comment-form-author, .comment-form-email, .comment-form-url{ width:31.3%; float:left; margin-right:3% !important; }
#commentform p.comment-form-url { margin-right:0 !important; }
#commentform p.comment-form-url:after{ content:''; display:table; clear:both; }
#commentform label { display:block; text-transform:uppercase; font-size:12px; margin:0 0 5px; font-weight:700; }
.comment-form-cookies-consent{ margin-bottom:15px; }
.comment-form-cookies-consent label{ margin-left:1% !important; display:inline-block !important; }
#commentform .logged-in-as{ margin-bottom:15px; }
p.comment-awaiting-moderation { color: #fdac56; }

/*===============================================
** Search Form Css
*===============================================*/
form.search-form{ position:relative; }
form.search-form .search-field{ height: 48px; padding-right: 110px; }
form.search-form input.search-submit, .widget_product_search .woocommerce-product-search button{ position:absolute; right:0; top:0; }

/*===============================================
** 404 Page Css
*===============================================*/
.error-404 .title-404{ text-align:center; font-size:13em; font-weight:600; color:#d0d0d0; margin-bottom:0px; }
.error-404 .sub-title-404 { font-size:2.4em; text-transform:uppercase; display:block; margin:0 0 30px; line-height:1; }
.error-404 .text-404{ font-size:18px; color:#9b9b9b; margin-bottom:40px; }
.error-404 .search-form{ width:50%; margin:0 auto 30px; }
.error-404 .search-form input[type=search]{ display:inline-block; width:100%; margin-right:20px; }

/*===============================================
** Search Result Page Css
*===============================================*/
.search-result-form{ width:60%; margin:0 auto 50px; }
.search-result-form input[type="search"]{ width:100%; }
.search-result-box{ border:1px solid #dddddd; margin-bottom:30px; display:table; width:100%; }
.search-result-box .post-thumb{ width:250px; padding:8em 1.5em; background-position:center; background-size:cover; background-repeat:no-repeat; display:table-cell;}
.search-result-box .post-summary{ overflow:hidden; padding:2em; position:relative; display:table-cell; vertical-align:middle; }
.search-more a{ text-transform:uppercase; font-weight:700; letter-spacing:1px; }

/*===============================================
** Default Gallery Css
*===============================================*/
.gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item, .gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item{ float:left; text-align: center; }
.gallery-item img{ box-shadow:0px 0px 4px #999; border:1px solid #ffffff; padding:8px; background-color:#f2f2f2; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
.gallery img:hover { background-color:#ffffff; }
.gallery .gallery-caption { color:#ffffff; background-color:#000000; padding: 10px 0; }
.gallery-item:hover{ background-color:#CECECE; }

.gallery-columns-2 .gallery-item{ width:48%; margin-bottom:2%; margin-right:4%; }
.gallery-columns-2 .gallery-item:nth-of-type(even){ margin-right:0; }
.gallery-columns-3 .gallery-item{ width:32%; margin-bottom:2%; margin-right:2%; }
.gallery-columns-3 .gallery-item:nth-of-type(3n+3){ margin-right:0; }
.gallery-columns-4 .gallery-item{ width:23.5%; margin-right:2%; margin-bottom:2%; }
.gallery-columns-4 .gallery-item:nth-of-type(4n+4){ margin-right:0; }
.gallery-columns-5 .gallery-item{ width:19.2%; margin-right:1%; margin-bottom:1%; }
.gallery-columns-5 .gallery-item:nth-of-type(5n+5){ margin-right:0; }
.gallery-columns-6 .gallery-item{ width:15.8333%; margin-right:1%; margin-bottom:1%; }
.gallery-columns-6 .gallery-item:nth-of-type(6n+6){ margin-right:0; }
.gallery-columns-7 .gallery-item{ width:13%; margin-right:1.5%; margin-bottom:1.5%; }
.gallery-columns-7 .gallery-item:nth-of-type(7n+7){ margin-right:0; }
.gallery-columns-8 .gallery-item{ width:11.6%; margin-right:1%; margin-bottom:1%; }
.gallery-columns-8 .gallery-item:nth-of-type(8n+8){ margin-right:0; }
.gallery-columns-9 .gallery-item{ width:10.2%; margin-right:1%; margin-bottom:1%; }
.gallery-columns-9 .gallery-item:nth-of-type(9n+9){ margin-right:0; }

.gallery dl, .gallery dt { margin: 0; }

.widget_media_gallery .gallery-item img{ padding: 2px; }
.widget_media_gallery .gallery{ margin: 0; }


/*===============================================
** Block Pattern Css
*===============================================*/
.block_section_sub_title{ display: inline-block; -webkit-mask-image: url(images/sub_title_bg.png); -webkit-mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; mask-image: url(images/sub_title_bg.png); mask-size: 100% 100%; mask-repeat: no-repeat; mask-position: center; background-color: var(--primary-bg, var(--primary-bg)); text-transform: uppercase; padding: 6px 30px; height: 48px; line-height: 38px; }