/*
Theme Name: GYM TWP
Theme URI: 
Author: wptexture
Author URI: https://testerwp.com/
Description: Gym WordPress Theme. Gym TWP is a clean, minimal, free e-commerce WordPress theme made for Gym, health products, sports & supplement store, Smart home products, sports, toy shops, gadgets stores, jewellery shops, grocery, clothing, electronics, furniture, retail, digital products, decorative gifts stores and preferably ideal for any type of online store websites. Biz eCommerce is a beautiful, fast, lightweight, responsive, extremely customizable theme. The theme options panel is too easy to use, and the theme is also fully responsive to each & every device like Mobile, iPads etc. Furthermore, It also offers features such as tabbed product carousel, ribbon, product carousel featured banner, etc. Gym TWP theme is so responsive that it works on every device such as mobile, desktop, iPods, etc. And we have ensured that your new store looks amazing everywhere.
Version: 1.2
Requires at least: 5.4
Tested up to: 6.9 
Requires PHP: 5.6
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/license-list.html#GNUGPLv3
Text Domain: gym-twp
Template: gym-elementor
Tags: grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, wide-blocks, buddyPress, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, style-variations, template-editing, theme-options, threaded-comments, translation-ready, blog, e-commerce, portfolio

GYM TWP WordPress Theme, Copyright 2025, wptexture
GYM TWP is distributed under the terms of the GNU GPL

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


.sp-100 {
  padding-top: 15px !important;
  padding-bottom: 50px !important;
}

.footer .footer-credits {
  padding-top: 0px !important;
  margin-bottom: -11px !important;
}

.footer {
  padding: 27px 0 !important;
}


@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;0,700;1,500&family=Outfit:wght@300;400;500;600&display=swap');

/* ── Base ───────────────────────────────────────────────────── */
body,
.entry-content {
  font-family: 'Outfit', system-ui, sans-serif;
  font-size: 15.5px;
  line-height: 1.78;
  color: #2a2520;
  background-color: #fdfcf9;
  -webkit-font-smoothing: antialiased;
}

/* ── H1 / Entry Title ───────────────────────────────────────── */
.entry-content h1,
.entry-title {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 1.75rem;
  font-weight: 700;
  color: #1e1c18;
  line-height: 1.2;
  margin: 0 0 1.1rem;
  letter-spacing: -0.02em;
  padding-bottom: 0.55rem;
  border-bottom: 2px solid #d8cdb8;
}

/* ── H2 ─────────────────────────────────────────────────────── */
.entry-content h2 {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 1.25rem;
  font-weight: 700;
  color: #2a2520;
  margin: 1.8rem 0 0.6rem;
  line-height: 1.3;
  letter-spacing: -0.01em;
  display: flex;
  align-items: baseline;
  gap: 0.45rem;
}

.entry-content h2::before {
  content: '◈';
  font-style: normal;
  color: #4a8fa0;
  font-size: 0.85em;
  flex-shrink: 0;
  position: relative;
  top: -0.03em;
}

/* ── H3 ─────────────────────────────────────────────────────── */
.entry-content h3 {
  font-family: 'Outfit', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  color: #3d6e50;
  margin: 1.4rem 0 0.45rem;
  line-height: 1.35;
  letter-spacing: 0.01em;
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.entry-content h3::before {
  content: '▸';
  color: #7db08a;
  font-size: 0.85em;
  flex-shrink: 0;
}

/* ── Paragraphs ─────────────────────────────────────────────── */
.entry-content p {
  margin: 0 0 0.9rem;
  color: #2a2520;
  font-weight: 300;
}

/* ── Links ───────────────────────────────────────────────────── */
.entry-content a {
  color: #3a7e96;
  text-decoration: none;
  border-bottom: 1px solid #a8d0dc;
  transition: color 0.15s, border-color 0.15s;
}
.entry-content a:hover {
  color: #3d6e50;
  border-bottom-color: #8db88a;
}

/* ── Strong / Em ─────────────────────────────────────────────── */
.entry-content strong {
  font-weight: 600;
  color: #1e1c18;
}
.entry-content em {
  font-style: italic;
  color: #5a5550;
}

/* ── Tables ─────────────────────────────────────────────────── */
.entry-content figure.wp-block-table {
  overflow-x: auto;
  margin: 1.1rem 0 1.4rem;
  border: 1px solid #ddd5c4;
  border-radius: 6px;
  overflow: hidden;
}

.entry-content table.mtr-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.86rem;
  font-family: 'Outfit', system-ui, sans-serif;
  background: #fdfcf9;
}

.entry-content table.mtr-table thead tr {
  background: #e8f0e4;
  border-bottom: 2px solid #7db08a;
}

.entry-content table.mtr-table thead tr td,
.entry-content table.mtr-table thead tr th {
  font-weight: 600;
  font-size: 0.76rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #3d6e50;
  padding: 0.5rem 0.8rem;
  text-align: left !important;
}

.entry-content table.mtr-table tbody tr {
  border-bottom: 1px solid #ede8de;
  transition: background 0.12s;
}
.entry-content table.mtr-table tbody tr:last-child {
  border-bottom: none;
}
.entry-content table.mtr-table tbody tr:hover {
  background: #f5f0e8;
}

.entry-content table.mtr-table tbody td {
  padding: 0.45rem 0.8rem;
  color: #2a2520;
  vertical-align: top;
  text-align: left !important;
}

.entry-content table.mtr-table .mtr-cell-content {
  display: block;
}

/* ── Default wp-block-list ───────────────────────────────────── */
.entry-content .wp-block-list:not(.styled-list):not(.styled-list-1):not(.styled-list-2):not(.styled-list-3) {
  list-style: none;
  padding-left: 0;
  margin: 0.5rem 0 0.9rem;
}

.entry-content .wp-block-list:not(.styled-list):not(.styled-list-1):not(.styled-list-2):not(.styled-list-3) li {
  position: relative;
  padding-left: 1.3rem;
  margin-bottom: 0.3rem;
  font-size: 0.94rem;
  font-weight: 300;
}

.entry-content .wp-block-list:not(.styled-list):not(.styled-list-1):not(.styled-list-2):not(.styled-list-3) li::before {
  content: '→';
  position: absolute;
  left: 0;
  color: #4a8fa0;
  font-size: 0.8rem;
  top: 0.22em;
  font-weight: 400;
}

/* ── styled-list ─────────────────────────────────────────────── */
/* Sky-blue tint — water/beach feel */
.entry-content .styled-list {
  list-style: none;
  padding: 0.7rem 1rem 0.7rem 1rem;
  margin: 0.6rem 0 1rem;
  background: #eef6f9;
  border-left: 3px solid #4a8fa0;
  border-radius: 0 5px 5px 0;
}

.entry-content .styled-list li {
  position: relative;
  padding-left: 1.4rem;
  margin-bottom: 0.28rem;
  font-size: 0.94rem;
  font-weight: 300;
  color: #2a2520;
}

.entry-content .styled-list li::before {
  content: '◆';
  position: absolute;
  left: 0;
  color: #4a8fa0;
  font-size: 0.5rem;
  top: 0.55em;
}

/* ── styled-list-1 ───────────────────────────────────────────── */
/* Sage-green tint — forest/nature feel */
.entry-content .styled-list-1 {
  list-style: none;
  padding: 0.7rem 1rem 0.7rem 1rem;
  margin: 0.6rem 0 1rem;
  background: #eef5ec;
  border-left: 3px solid #5a9a6a;
  border-radius: 0 5px 5px 0;
}

.entry-content .styled-list-1 li {
  position: relative;
  padding-left: 1.4rem;
  margin-bottom: 0.28rem;
  font-size: 0.94rem;
  font-weight: 300;
  color: #2a2520;
}

.entry-content .styled-list-1 li::before {
  content: '◆';
  position: absolute;
  left: 0;
  color: #5a9a6a;
  font-size: 0.5rem;
  top: 0.55em;
}

/* ── styled-list-2 ───────────────────────────────────────────── */
/* Warm sand tint — sun/beach feel */
.entry-content .styled-list-2 {
  list-style: none;
  padding: 0.7rem 1rem 0.7rem 1rem;
  margin: 0.6rem 0 1rem;
  background: #f7f2e8;
  border-left: 3px solid #b8904a;
  border-radius: 0 5px 5px 0;
}

.entry-content .styled-list-2 li {
  position: relative;
  padding-left: 1.4rem;
  margin-bottom: 0.28rem;
  font-size: 0.94rem;
  font-weight: 300;
  color: #2a2520;
}

.entry-content .styled-list-2 li::before {
  content: '◆';
  position: absolute;
  left: 0;
  color: #b8904a;
  font-size: 0.5rem;
  top: 0.55em;
}

/* ── styled-list-3 ───────────────────────────────────────────── */
/* Stone/neutral tint — informational */
.entry-content .styled-list-3 {
  list-style: none;
  padding: 0.7rem 1rem 0.7rem 1rem;
  margin: 0.6rem 0 1rem;
  background: #f2f0ec;
  border-left: 3px solid #8a8070;
  border-radius: 0 5px 5px 0;
}

.entry-content .styled-list-3 li {
  position: relative;
  padding-left: 1.4rem;
  margin-bottom: 0.28rem;
  font-size: 0.94rem;
  font-weight: 300;
  color: #2a2520;
}

.entry-content .styled-list-3 li::before {
  content: '◆';
  position: absolute;
  left: 0;
  color: #8a8070;
  font-size: 0.5rem;
  top: 0.55em;
}

/* ── quik-note ───────────────────────────────────────────────── */
.entry-content .quik-note {
  background: #fffbf0;
  border: 1px solid #e4d8ac;
  border-left: 4px solid #c08840;
  border-radius: 0 5px 5px 0;
  padding: 0.65rem 1rem;
  margin: 0.9rem 0;
  font-size: 0.9rem;
  color: #4a4030;
}

.entry-content .quik-note::before {
  content: '◈  Note';
  display: block;
  font-weight: 600;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: #c08840;
  margin-bottom: 0.28rem;
}

/* ── style-block ─────────────────────────────────────────────── */
.entry-content .style-block {
  background: #eef6f9;
  border-top: 2px solid #4a8fa0;
  padding: 0.75rem 1rem;
  margin: 0.9rem 0;
  font-size: 0.93rem;
  border-radius: 0 0 5px 5px;
}

.entry-content .style-block strong,
.entry-content .style-block b {
  color: #2a6878;
}

/* ── style-block-1 ───────────────────────────────────────────── */
.entry-content .style-block-1 {
  background: #eef5ec;
  border-top: 2px solid #5a9a6a;
  padding: 0.75rem 1rem;
  margin: 0.9rem 0;
  font-size: 0.93rem;
  border-radius: 0 0 5px 5px;
}

.entry-content .style-block-1 strong,
.entry-content .style-block-1 b {
  color: #2e5e38;
}

/* ── wp-block-columns ────────────────────────────────────────── */
.entry-content .wp-block-columns {
  gap: 1rem;
  margin: 0.8rem 0 1rem;
}

.entry-content .wp-block-column {
  background: #f5f2ec;
  border-top: 2px solid #c8b890;
  padding: 0.75rem 0.9rem;
  border-radius: 0 0 5px 5px;
}

.entry-content .wp-block-column p strong {
  display: block;
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #5a5040;
  margin-bottom: 0.35rem;
  padding-bottom: 0.22rem;
  border-bottom: 1px solid #d8cdb8;
  font-weight: 600;
}

.entry-content .wp-block-column .wp-block-list li {
  font-size: 0.9rem;
  margin-bottom: 0.22rem;
}

/* ── Figures / Images ────────────────────────────────────────── */
.entry-content figure.wp-block-image {
  margin: 1.1rem 0;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid #ddd5c4;
}

.entry-content figure.wp-block-image img {
  width: 100%;
  height: auto;
  display: block;
}

/* ── HR ──────────────────────────────────────────────────────── */
.entry-content hr {
  border: none;
  height: 1px;
  background: linear-gradient(to right, transparent, #d8cdb8, transparent);
  margin: 1.4rem 0;
}

/* ── Responsive ──────────────────────────────────────────────── */
@media (max-width: 680px) {
  .entry-content h1,
  .entry-title { font-size: 1.45rem; }
  .entry-content h2 { font-size: 1.1rem; }
  .entry-content table.mtr-table { font-size: 0.78rem; }
  .entry-content table.mtr-table tbody td,
  .entry-content table.mtr-table thead td,
  .entry-content table.mtr-table thead th { padding: 0.35rem 0.5rem; }
  .entry-content .wp-block-columns { flex-direction: column; }
}