/*
Theme Name: Grand Structures
Theme URI: https://grandstructures.com
Author: Muhammad Ali
Author URI: https://grandstructures.com
Description: A modern "liquid glass" editorial theme for the Grand Structures channel — frosted glass panels, soft rounded shapes, floating navigation — with fully editable ad zones (image or code) throughout the header, sidebar, in-content and footer.
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: grand-structures
Tags: blog, news, one-column, two-columns, right-sidebar, custom-logo, custom-menu, featured-images, theme-options, translation-ready
*/

/* =========================================================
   DESIGN TOKENS — Liquid Glass system
   ========================================================= */
:root{
  /* base palette: deep indigo-navy canvas, glass surfaces, electric amber + violet accents */
  --gs-navy: #10152b;
  --gs-navy-light: #1b2242;
  --gs-ink: #12141c;
  --gs-gray: #6b7280;
  --gs-border: rgba(16,21,43,0.08);

  --gs-accent: #ff9d3d;        /* warm amber */
  --gs-accent-2: #6d5bff;      /* violet, secondary accent */
  --gs-accent-3: #33c9dd;      /* cyan, tertiary accent for gradients */

  --gs-bg: #eef1fb;
  --gs-bg-glow-1: #dfe6ff;
  --gs-bg-glow-2: #ffe6cf;

  /* glass surfaces */
  --gs-glass: rgba(255,255,255,0.62);
  --gs-glass-strong: rgba(255,255,255,0.8);
  --gs-glass-border: rgba(255,255,255,0.55);
  --gs-glass-dark: rgba(16,21,43,0.55);
  --gs-glass-dark-border: rgba(255,255,255,0.14);

  --gs-radius-sm: 14px;
  --gs-radius: 22px;
  --gs-radius-lg: 32px;
  --gs-radius-pill: 999px;

  --gs-max: 1260px;
  --gs-font-head: 'Space Grotesk', 'Inter', -apple-system, sans-serif;
  --gs-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --gs-shadow-sm: 0 2px 10px rgba(16,21,43,0.06);
  --gs-shadow: 0 10px 34px rgba(16,21,43,0.10);
  --gs-shadow-lg: 0 24px 60px rgba(16,21,43,0.16);
  --gs-blur: 18px;
}

*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0;
  font-family:var(--gs-font-body);
  color:var(--gs-ink);
  background:var(--gs-bg);
  line-height:1.65;
  font-size:17px;
  -webkit-font-smoothing:antialiased;
  position:relative;
  overflow-x:hidden;
}
body::before, body::after{
  content:""; position:fixed; border-radius:50%; filter:blur(70px); z-index:-1; pointer-events:none;
  opacity:.55; animation:gs-float 22s ease-in-out infinite alternate;
}
body::before{
  width:620px; height:620px; top:-220px; left:-160px;
  background:radial-gradient(circle, var(--gs-bg-glow-2), transparent 70%);
}
body::after{
  width:760px; height:760px; top:-260px; right:-260px;
  background:radial-gradient(circle, var(--gs-bg-glow-1), transparent 70%);
  animation-delay:-11s;
}
@keyframes gs-float{
  0%{ transform:translate(0,0) scale(1); }
  100%{ transform:translate(40px,60px) scale(1.08); }
}
@media (prefers-reduced-motion: reduce){
  body::before, body::after{ animation:none; }
}
img{ max-width:100%; height:auto; display:block; }
a{ color:var(--gs-navy); text-decoration:none; transition:color .18s ease, opacity .18s ease; }
a:hover{ color:var(--gs-accent); }
h1,h2,h3,h4,h5,h6{
  font-family:var(--gs-font-head);
  color:var(--gs-navy);
  line-height:1.2;
  margin:0 0 .5em;
  font-weight:700;
  letter-spacing:-.01em;
}
.container{ max-width:var(--gs-max); margin:0 auto; padding:0 24px; }
.screen-reader-text{
  position:absolute!important; width:1px; height:1px; overflow:hidden;
  clip:rect(1px,1px,1px,1px); white-space:nowrap; border:0; padding:0; margin:-1px;
}
button, input, textarea, select{ font-family:inherit; }

/* generic glass surface, reused everywhere */
.gs-glass{
  background:var(--gs-glass);
  backdrop-filter:blur(var(--gs-blur)) saturate(150%);
  -webkit-backdrop-filter:blur(var(--gs-blur)) saturate(150%);
  border:1px solid var(--gs-glass-border);
  border-radius:var(--gs-radius);
  box-shadow:var(--gs-shadow);
}

/* =========================================================
   TOP UTILITY BAR
   ========================================================= */
.gs-topbar{ background:transparent; color:var(--gs-gray); font-size:13px; letter-spacing:.02em; }
.gs-topbar .container{ display:flex; justify-content:space-between; align-items:center; height:44px; }
.gs-topbar a{ color:var(--gs-gray); }
.gs-topbar a:hover{ color:var(--gs-accent); }
.gs-social{ display:flex; gap:16px; }

/* =========================================================
   HEADER — floating glass panel, two rows:
   Row 1 = logo + ad banner (adjacent, classic blog layout)
   Row 2 = nav + search
   ========================================================= */
.gs-header{ position:sticky; top:0; z-index:50; padding-top:14px; }
.gs-header > .container{
  background:var(--gs-glass-strong);
  backdrop-filter:blur(var(--gs-blur)) saturate(160%);
  -webkit-backdrop-filter:blur(var(--gs-blur)) saturate(160%);
  border:1px solid var(--gs-glass-border);
  border-radius:var(--gs-radius-lg);
  box-shadow:var(--gs-shadow);
  padding:16px 22px;
}

/* Row 1: logo + ad */
.gs-header-toprow{ display:flex; align-items:center; gap:24px; padding-bottom:14px; margin-bottom:14px; border-bottom:1px solid var(--gs-border); }
.gs-logo{ display:flex; align-items:center; gap:12px; flex-shrink:0; }
.gs-logo img{ max-height:44px; width:auto; border-radius:12px; }
.gs-logo .gs-logo-text{ font-family:var(--gs-font-head); font-weight:700; font-size:22px; color:var(--gs-navy); letter-spacing:-.01em; }
.gs-logo .gs-logo-text span{ background:linear-gradient(120deg,var(--gs-accent),var(--gs-accent-2)); -webkit-background-clip:text; background-clip:text; color:transparent; }
.gs-tagline{ display:block; font-size:10.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--gs-gray); margin-top:1px; }

/* Header ad — sits directly beside the logo, classic 728x90 leaderboard spot */
.gs-header-ad{ flex:1 1 auto; min-width:0; display:flex; justify-content:flex-end; }
.gs-header-ad .gs-ad-block, .gs-header-ad .gs-ad-placeholder{ width:100%; max-width:728px; margin:0; }
.gs-header-ad .gs-ad-inner-box,
.gs-header-ad img{ margin-left:auto; }

.gs-nav-toggle{ display:none; background:rgba(16,21,43,.06); border:none; border-radius:var(--gs-radius-pill); width:44px; height:40px; cursor:pointer; align-items:center; justify-content:center; flex-shrink:0; }
.gs-nav-toggle span, .gs-nav-toggle span::before, .gs-nav-toggle span::after{ content:""; display:block; width:18px; height:2px; border-radius:2px; background:var(--gs-navy); position:relative; }
.gs-nav-toggle span::before{ position:absolute; top:-6px; }
.gs-nav-toggle span::after{ position:absolute; top:6px; }

/* Row 2: nav + search */
.gs-header-navrow{ display:flex; align-items:center; justify-content:space-between; gap:24px; }

.gs-primary-nav ul{ list-style:none; display:flex; gap:6px; margin:0; padding:0; }
.gs-primary-nav li{ position:relative; }
.gs-primary-nav > div > ul > li > a{
  display:block; padding:10px 18px; font-weight:600; font-size:14.5px; letter-spacing:.01em;
  color:var(--gs-navy); border-radius:var(--gs-radius-pill);
}
.gs-primary-nav > div > ul > li > a:hover,
.gs-primary-nav li.current-menu-item > a{
  color:var(--gs-navy);
  background:linear-gradient(120deg, rgba(255,157,61,.18), rgba(109,91,255,.16));
}
.gs-primary-nav ul ul{
  display:none; position:absolute; top:120%; left:0; background:var(--gs-glass-strong);
  backdrop-filter:blur(var(--gs-blur)) saturate(160%); -webkit-backdrop-filter:blur(var(--gs-blur)) saturate(160%);
  min-width:230px; box-shadow:var(--gs-shadow-lg); border:1px solid var(--gs-glass-border);
  border-radius:var(--gs-radius); padding:10px; z-index:100;
}
.gs-primary-nav ul li:hover > ul{ display:block; }
.gs-primary-nav ul ul li a{ padding:10px 14px; display:block; font-size:14px; font-weight:500; border-radius:var(--gs-radius-sm); }
.gs-primary-nav ul ul li a:hover{ background:rgba(16,21,43,.05); }

.gs-header-search{ display:flex; align-items:center; flex-shrink:0; }
.gs-header-search input[type="search"]{
  border:1px solid rgba(16,21,43,.1); border-radius:var(--gs-radius-pill); padding:9px 18px; font-size:14px; width:190px;
  background:rgba(255,255,255,.6);
}
.gs-header-search input[type="search"]:focus{ outline:none; background:#fff; box-shadow:0 0 0 3px rgba(109,91,255,.18); }

.gs-ad-label{
  font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:var(--gs-gray);
  display:block; margin-bottom:8px; text-align:center;
}

/* =========================================================
   GENERIC AD BLOCK
   ========================================================= */
.gs-ad-block{ margin:28px 0; text-align:center; }
.gs-ad-block img{ margin:0 auto; border-radius:var(--gs-radius); }
.gs-ad-block a{ display:inline-block; }
.gs-ad-in-content{
  padding:22px; background:var(--gs-glass); backdrop-filter:blur(var(--gs-blur));
  -webkit-backdrop-filter:blur(var(--gs-blur)); border:1px solid var(--gs-glass-border);
  border-radius:var(--gs-radius); box-shadow:var(--gs-shadow-sm);
}

/* Empty ad-zone placeholder (visible only to logged-in admins/editors) */
.gs-ad-placeholder{ padding:0; background:transparent; border:none; box-shadow:none; }
.gs-ad-placeholder-link{
  display:flex; align-items:center; justify-content:center; gap:14px;
  padding:26px 22px; border:2px dashed rgba(109,91,255,.35); border-radius:var(--gs-radius);
  background:linear-gradient(120deg, rgba(255,157,61,.06), rgba(109,91,255,.06));
  color:var(--gs-navy-light)!important; transition:border-color .18s ease, background .18s ease, transform .18s ease;
}
.gs-ad-placeholder-link:hover{
  border-color:var(--gs-accent); background:linear-gradient(120deg, rgba(255,157,61,.12), rgba(109,91,255,.12));
  transform:translateY(-2px); color:var(--gs-navy)!important;
}
.gs-ad-placeholder-icon{
  width:34px; height:34px; flex-shrink:0; border-radius:50%; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,var(--gs-accent),var(--gs-accent-2)); color:#fff; font-size:18px; font-weight:700;
}
.gs-ad-placeholder-text{ text-align:left; font-size:13.5px; line-height:1.4; }
.gs-ad-placeholder-text strong{ display:block; font-size:14px; color:var(--gs-navy); }
.gs-ad-placeholder-text em{ font-style:normal; color:var(--gs-gray); font-size:12.5px; }
.gs-sidebar .gs-ad-placeholder-link, .widget_gs_ad_widget .gs-ad-placeholder-link{ padding:20px 16px; }

/* =========================================================
   LAYOUT: content + sidebar
   ========================================================= */
.gs-layout{ display:grid; grid-template-columns:1fr 320px; gap:40px; padding:40px 0 70px; align-items:start; }
.gs-layout.gs-full{ grid-template-columns:1fr; }
@media (max-width:900px){ .gs-layout{ grid-template-columns:1fr; } }

.gs-section-title{
  font-size:13.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--gs-navy);
  margin-bottom:22px; font-weight:700; font-family:var(--gs-font-body);
  display:inline-flex; align-items:center; gap:10px;
}
.gs-section-title::before{
  content:""; width:22px; height:22px; border-radius:8px;
  background:linear-gradient(135deg,var(--gs-accent),var(--gs-accent-2));
  display:inline-block;
}

/* Post cards */
.gs-post-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:26px; margin-bottom:40px; }
@media (max-width:640px){ .gs-post-grid{ grid-template-columns:1fr; } }
.gs-card{
  background:var(--gs-glass-strong); backdrop-filter:blur(var(--gs-blur)) saturate(150%);
  -webkit-backdrop-filter:blur(var(--gs-blur)) saturate(150%);
  border:1px solid var(--gs-glass-border); border-radius:var(--gs-radius-lg); overflow:hidden;
  box-shadow:var(--gs-shadow); transition:transform .22s ease, box-shadow .22s ease;
}
.gs-card:hover{ transform:translateY(-5px); box-shadow:var(--gs-shadow-lg), 0 0 0 1px rgba(109,91,255,.12); }
.gs-card-thumb{ position:relative; aspect-ratio:16/10; overflow:hidden; background:linear-gradient(135deg,var(--gs-accent-2),var(--gs-accent-3)); margin:10px 10px 0; border-radius:calc(var(--gs-radius-lg) - 8px); }
.gs-card-thumb img{ width:100%; height:100%; object-fit:cover; }
.gs-card-cat{
  position:absolute; top:14px; left:14px; background:rgba(16,21,43,.72); color:#fff; backdrop-filter:blur(6px);
  font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; padding:6px 13px; border-radius:var(--gs-radius-pill);
}
.gs-card-body{ padding:22px 24px 26px; }
.gs-card-body h3{ font-size:20px; margin-bottom:8px; }
.gs-card-body h3 a{ color:var(--gs-navy); }
.gs-card-meta{ font-size:12px; color:var(--gs-gray); text-transform:uppercase; letter-spacing:.04em; margin-bottom:10px; }
.gs-card-excerpt{ color:#454e58; font-size:15px; }

.gs-featured-post{
  display:grid; grid-template-columns:1.1fr 1fr; gap:0; overflow:hidden; margin-bottom:40px;
  background:var(--gs-glass-strong); backdrop-filter:blur(var(--gs-blur)) saturate(150%);
  -webkit-backdrop-filter:blur(var(--gs-blur)) saturate(150%);
  border:1px solid var(--gs-glass-border); border-radius:var(--gs-radius-lg); box-shadow:var(--gs-shadow-lg);
}
@media (max-width:760px){ .gs-featured-post{ grid-template-columns:1fr; } }
.gs-featured-post .gs-card-thumb{ aspect-ratio:auto; height:100%; min-height:280px; margin:0; border-radius:0; }
.gs-featured-post .gs-card-body{ padding:36px 38px; display:flex; flex-direction:column; justify-content:center; }
.gs-featured-post h2{ font-size:29px; }

.gs-pagination{ display:flex; gap:8px; justify-content:center; margin-top:24px; }
.gs-pagination a, .gs-pagination span{
  padding:10px 17px; background:var(--gs-glass); border:1px solid var(--gs-glass-border); border-radius:var(--gs-radius-pill); font-size:14px; color:var(--gs-navy);
}
.gs-pagination .current{ background:linear-gradient(120deg,var(--gs-accent),var(--gs-accent-2)); color:#fff; border-color:transparent; }
.gs-pagination a:hover{ background:#fff; }

/* =========================================================
   SINGLE POST
   ========================================================= */
.gs-single-header{ margin-bottom:26px; }
.gs-single-cat{
  display:inline-block; background:linear-gradient(120deg,var(--gs-accent),var(--gs-accent-2)); color:#fff;
  font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; padding:7px 16px; border-radius:var(--gs-radius-pill); margin-bottom:16px;
}
.gs-single-title{ font-size:36px; margin-bottom:14px; }
.gs-single-meta{ font-size:13px; color:var(--gs-gray); text-transform:uppercase; letter-spacing:.03em; padding-bottom:20px; border-bottom:1px solid var(--gs-border); }
.gs-single-thumb{ margin:26px 0; border-radius:var(--gs-radius-lg); overflow:hidden; box-shadow:var(--gs-shadow); }
.gs-content{
  font-size:18px; color:#282e36;
  background:var(--gs-glass-strong); backdrop-filter:blur(var(--gs-blur));
  -webkit-backdrop-filter:blur(var(--gs-blur)); border:1px solid var(--gs-glass-border);
  border-radius:var(--gs-radius-lg); padding:38px 40px; box-shadow:var(--gs-shadow);
}
@media (max-width:600px){ .gs-content{ padding:26px; } }
.gs-content p{ margin:0 0 22px; }
.gs-content h2{ font-size:26px; margin-top:40px; }
.gs-content h3{ font-size:21px; margin-top:32px; }
.gs-content blockquote{
  border-left:4px solid var(--gs-accent); margin:26px 0; padding:14px 24px; font-style:italic; color:var(--gs-navy-light);
  background:rgba(109,91,255,.06); border-radius:0 var(--gs-radius) var(--gs-radius) 0;
}
.gs-content img{ border-radius:var(--gs-radius); margin:26px 0; }
.gs-content a{ text-decoration:underline; text-decoration-color:var(--gs-accent); }
.gs-tags{ margin-top:34px; display:flex; gap:8px; flex-wrap:wrap; }
.gs-tags a{ background:var(--gs-glass); border:1px solid var(--gs-glass-border); padding:6px 15px; border-radius:var(--gs-radius-pill); font-size:13px; color:var(--gs-navy-light); }
.gs-tags a:hover{ background:#fff; }

.gs-author-box{
  display:flex; gap:18px; align-items:center;
  background:var(--gs-glass-strong); backdrop-filter:blur(var(--gs-blur)); -webkit-backdrop-filter:blur(var(--gs-blur));
  border:1px solid var(--gs-glass-border); border-radius:var(--gs-radius); padding:24px; margin-top:38px; box-shadow:var(--gs-shadow-sm);
}
.gs-author-box img{ border-radius:50%; width:60px; height:60px; }
.gs-share{ display:flex; gap:10px; margin:30px 0; }
.gs-share a{
  width:40px; height:40px; border-radius:50%; background:var(--gs-glass); border:1px solid var(--gs-glass-border);
  color:var(--gs-navy)!important; display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:700;
}
.gs-share a:hover{ background:linear-gradient(120deg,var(--gs-accent),var(--gs-accent-2)); color:#fff!important; border-color:transparent; }

/* =========================================================
   SIDEBAR / WIDGETS
   ========================================================= */
.gs-sidebar .widget{
  background:var(--gs-glass-strong); backdrop-filter:blur(var(--gs-blur)) saturate(150%);
  -webkit-backdrop-filter:blur(var(--gs-blur)) saturate(150%);
  border:1px solid var(--gs-glass-border); border-radius:var(--gs-radius); box-shadow:var(--gs-shadow-sm);
  padding:24px; margin-bottom:26px;
}
.gs-sidebar .widget-title{
  font-size:13px; text-transform:uppercase; letter-spacing:.08em; color:var(--gs-navy); margin-bottom:16px;
  font-family:var(--gs-font-body); font-weight:700; display:inline-flex; align-items:center; gap:8px;
}
.gs-sidebar .widget-title::before{ content:""; width:16px; height:16px; border-radius:6px; background:linear-gradient(135deg,var(--gs-accent),var(--gs-accent-2)); display:inline-block; }
.gs-sidebar ul{ list-style:none; margin:0; padding:0; }
.gs-sidebar ul li{ padding:10px 0; border-bottom:1px solid var(--gs-border); font-size:14.5px; }
.gs-sidebar ul li:last-child{ border-bottom:none; }
.widget_gs_ad_widget.widget{ padding:14px; background:transparent; box-shadow:none; border:none; }

/* =========================================================
   FOOTER — glass panel floating above the canvas
   ========================================================= */
.gs-footer{ margin-top:60px; padding-bottom:26px; }
.gs-footer-ad{ padding:0 0 18px; }
.gs-footer-ad .gs-ad-inner{
  margin:0 24px; padding:16px 22px; background:var(--gs-glass); backdrop-filter:blur(var(--gs-blur));
  -webkit-backdrop-filter:blur(var(--gs-blur)); border:1px solid var(--gs-glass-border);
  border-radius:var(--gs-radius); box-shadow:var(--gs-shadow-sm); text-align:center;
}
@media (max-width:520px){ .gs-footer-ad .gs-ad-inner{ margin:0 14px; } }
.gs-footer > .container{ padding:0; }
.gs-footer-inner{
  background:var(--gs-glass-dark); backdrop-filter:blur(var(--gs-blur)) saturate(150%);
  -webkit-backdrop-filter:blur(var(--gs-blur)) saturate(150%);
  border:1px solid var(--gs-glass-dark-border); border-radius:var(--gs-radius-lg);
  color:#c9cee0; box-shadow:var(--gs-shadow-lg); margin:0 24px; overflow:hidden;
}
.gs-footer-widgets{ display:grid; grid-template-columns:repeat(4,1fr); gap:32px; padding:48px 40px 30px; }
@media (max-width:900px){ .gs-footer-widgets{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:520px){ .gs-footer-widgets{ grid-template-columns:1fr; padding:36px 24px 20px; } }
.gs-footer-widgets .widget-title{ color:#fff; font-size:13px; text-transform:uppercase; letter-spacing:.08em; margin-bottom:16px; display:inline-block; }
.gs-footer-widgets ul{ list-style:none; margin:0; padding:0; }
.gs-footer-widgets li{ padding:6px 0; font-size:14px; }
.gs-footer-widgets a{ color:#c9cee0; }
.gs-footer-widgets a:hover{ color:var(--gs-accent); }
.gs-footer-bottom{ border-top:1px solid var(--gs-glass-dark-border); padding:18px 40px; font-size:13px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; color:#8f96b3; }
.gs-footer-bottom a{ color:#c9cee0; }
@media (max-width:520px){ .gs-footer-bottom{ padding:16px 24px; } }

/* =========================================================
   MISC
   ========================================================= */
.gs-breadcrumbs{ font-size:13px; color:var(--gs-gray); margin-bottom:18px; }
.gs-breadcrumbs a{ color:var(--gs-navy-light); }
.gs-empty{
  background:var(--gs-glass-strong); backdrop-filter:blur(var(--gs-blur));
  padding:44px; text-align:center; border-radius:var(--gs-radius-lg); border:1px solid var(--gs-glass-border);
}
.gs-comments{ margin-top:50px; }
.gs-skip-link{ position:absolute; left:-9999px; background:var(--gs-navy); color:#fff; padding:12px 22px; border-radius:var(--gs-radius-pill); z-index:999; }
.gs-skip-link:focus{ left:16px; top:16px; }

/* buttons used in 404 / forms etc. */
.gs-btn{
  display:inline-block; background:linear-gradient(120deg,var(--gs-accent),var(--gs-accent-2)); color:#fff!important;
  padding:13px 28px; border-radius:var(--gs-radius-pill); font-weight:600; box-shadow:var(--gs-shadow-sm);
}
.gs-btn:hover{ opacity:.92; color:#fff!important; }

@media (max-width:900px){
  .gs-nav-toggle{ display:flex; }
  .gs-primary-nav{ display:none; width:100%; }
  .gs-primary-nav.gs-open{ display:block; margin-top:12px; }
  .gs-primary-nav > div > ul{ flex-direction:column; gap:2px; }
  .gs-primary-nav ul ul{ position:static; box-shadow:none; padding-left:14px; display:none; }
  .gs-primary-nav li.gs-submenu-open > ul{ display:block; }
  .gs-header > .container{ border-radius:var(--gs-radius-lg); }
  .gs-header-ad{ display:none; } /* leaderboard ad has no room beside a mobile logo */
  .gs-header-navrow{ flex-wrap:wrap; }
  .gs-header-search{ order:3; width:100%; }
  .gs-header-search input[type="search"]{ width:100%; }
  .gs-featured-post{ grid-template-columns:1fr; }
  .gs-footer-inner{ margin:0 14px; }
}
@media (max-width:640px){
  .gs-header-toprow{ flex-wrap:wrap; }
}