/*
Theme Name:  Global Yacht Trading (Divi child)
Theme URI:   https://global-yacht-trading.com/
Description: Child theme for Global Yacht Trading Ltd. Carries the one-page design system, built from the client's approved broker poster. Do not edit the Divi parent theme.
Author:      eBiz / AllSecure Ltd.
Author URI:  https://www.ebizmalta.com/
Template:    Divi
Version:     2.0.3
*/

/* ==================================================================
   GLOBAL YACHT TRADING - design system
   Source of truth: the client's approved broker poster (Sept 2026).
   Colours, order and proportions are taken from that artwork.
   Scope: every rule is confined to body.gyt-page (see functions.php),
   so further pages on this site cannot inherit these styles.
   ================================================================== */

/* ------------------------------------------------------------------
   Divi 5 reset - neutralises theme chrome and default module spacing
   ------------------------------------------------------------------ */
body.gyt-page{background-color:#00203D !important}
body.gyt-page #page-container,
body.gyt-page #et-main-area,
body.gyt-page #main-content{background:transparent}
body.gyt-page #page-container{padding-top:0 !important;margin-top:0 !important}
body.gyt-page #main-header,
body.gyt-page #top-header,
body.gyt-page #main-footer,
body.gyt-page .et_pb_scroll_top{display:none !important}
body.gyt-page .et_pb_section{padding:0;background:transparent}
body.gyt-page .et_pb_row{width:100%;max-width:none;padding:0;margin:0}
body.gyt-page .et_pb_column{width:100% !important;margin:0 !important;padding:0}
body.gyt-page .et_pb_module{margin-bottom:0}
body.gyt-page .et_pb_code_inner{overflow:visible}
body.gyt-page h1,body.gyt-page h2{padding:0;margin:0;font-weight:inherit;line-height:inherit}
body.gyt-page p{margin:0;padding:0}
body.gyt-page ul,body.gyt-page ol,body.gyt-page li{padding:0;margin:0;list-style:none}

/* ------------------------------------------------------------------
   Design system
   ------------------------------------------------------------------ */
:root{
  --ink-core:#001C36;
  --ink-mid:#002443;
  --ink-out:#002C55;
  --ink-edge:#013567;
  --silver:#D2DAE2;
  --body:#B6C4D4;
  --muted:#9FB0C4;
  --rule:rgba(196,214,236,.42);
  --rule-soft:rgba(196,214,236,.22);
  --display:"Playfair Display",Georgia,"Times New Roman",serif;
  --text:"EB Garamond",Georgia,"Times New Roman",serif;
  --gut:clamp(1.25rem,4vw,3rem);
  --max:1180px;
}
body.gyt-page *,body.gyt-page *::before,body.gyt-page *::after{box-sizing:border-box}
body.gyt-page{
  margin:0;
  background:#00203D;
  background-image:radial-gradient(ellipse 125% 72% at 50% 46%,#001C36 0%,#002344 38%,#002B53 70%,#013567 100%);
  background-repeat:no-repeat;
  min-height:100vh;
  color:var(--body);
  font-family:var(--text);
  font-size:clamp(1rem,.95rem + .2vw,1.1rem);
  line-height:1.62;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
body.gyt-page img{max-width:100%;height:auto;display:block}
body.gyt-page a{color:inherit}
body.gyt-page ::selection{background:rgba(160,190,225,.3)}

.gyt-wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gut)}
.gyt-rule-c{width:min(210px,42vw);height:1px;background:var(--rule);border:0;margin:0 auto}

/* ---------- hero ---------- */
.gyt-hero{padding-top:clamp(3.25rem,7vw,5.25rem);text-align:center}
.gyt-hero h1{
  font-family:var(--display);font-weight:700;text-transform:uppercase;
  font-size:clamp(2.15rem,1rem + 6.1vw,5.1rem);
  line-height:1.03;letter-spacing:.005em;margin:0;color:transparent;
  filter:drop-shadow(0 3px 7px rgba(0,10,25,.45));
}
.gyt-hero h1 span{
  display:block;
  background:linear-gradient(180deg,#C6D4E2 0%,#FFFFFF 21%,#FFFFFF 55%,#DDE9FA 79%,#A6BAD1 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  padding-bottom:.04em;
}
.gyt-hero .gyt-rule-c{margin-top:clamp(1.1rem,2.4vw,1.7rem)}
.gyt-hero p{
  font-family:var(--text);color:var(--silver);
  font-size:clamp(1.18rem,.9rem + 1.5vw,2.05rem);
  line-height:1.3;margin:clamp(1rem,2.2vw,1.5rem) auto 0;max-width:34ch;
}

/* ---------- vessel ---------- */
.gyt-vessel{margin-top:clamp(1.5rem,4vw,2.75rem)}
.gyt-vessel img{width:100%;max-width:1120px;margin-inline:auto}

/* ---------- introducer ---------- */
.gyt-intro{
  display:grid;grid-template-columns:clamp(84px,11vw,168px) 1px minmax(0,1fr);
  gap:0 clamp(1.5rem,4vw,3.25rem);align-items:start;
  padding-top:clamp(2.5rem,6vw,4.25rem);
}
.gyt-intro .gyt-star{align-self:start;justify-self:center}
.gyt-intro .gyt-star img{width:100%;max-width:168px}
.gyt-intro .gyt-bar{background:var(--rule);align-self:stretch}
.gyt-intro h2{
  font-family:var(--display);font-weight:700;text-transform:uppercase;color:#E4EBF3;
  font-size:clamp(1.45rem,.85rem + 2.05vw,2.6rem);line-height:1.08;margin:0;
  letter-spacing:.005em;text-wrap:balance;
}
.gyt-intro .gyt-spec{
  font-family:var(--display);font-weight:400;text-transform:uppercase;color:var(--silver);
  font-size:clamp(.78rem,.7rem + .55vw,1.12rem);letter-spacing:.34em;
  margin:.7rem 0 0;padding-bottom:.85rem;border-bottom:1px solid var(--rule-soft);
  display:inline-block;
}
.gyt-intro .gyt-copy{margin-top:clamp(1.5rem,3vw,2.3rem);max-width:62ch}
.gyt-intro .gyt-copy p{font-size:clamp(1.02rem,.92rem + .52vw,1.35rem);line-height:1.58;margin:0}
.gyt-intro .gyt-copy p + p{margin-top:1.15em}

/* ---------- statement ---------- */
.gyt-statement{padding:clamp(2.5rem,6vw,4.25rem) 0 0;text-align:center}
.gyt-statement p{
  font-family:var(--text);color:var(--silver);
  font-size:clamp(1.05rem,.92rem + .7vw,1.45rem);line-height:1.58;
  max-width:64ch;margin:clamp(1.75rem,4vw,2.6rem) auto;text-wrap:balance;
}

/* ---------- identity ---------- */
.gyt-identity{
  display:grid;align-items:center;
  grid-template-columns:minmax(0,1fr) 1px clamp(190px,22vw,300px) 1px minmax(0,1fr);
  gap:0 clamp(1.5rem,3.5vw,2.75rem);
  padding-top:clamp(2.5rem,6vw,4rem);
}
.gyt-identity .gyt-bar{background:var(--rule);height:clamp(104px,14vw,168px);width:1px;justify-self:center;opacity:.85}
.gyt-identity .gyt-tag{
  font-family:var(--text);font-style:italic;color:var(--silver);
  font-size:clamp(1.25rem,.95rem + 1.35vw,2.15rem);line-height:1.22;text-align:right;
}
.gyt-identity .gyt-mark img{width:100%;max-width:300px;margin-inline:auto}
.gyt-identity address{
  font-style:normal;color:var(--body);line-height:1.72;
  font-size:clamp(.96rem,.9rem + .3vw,1.12rem);
}
.gyt-identity address a{text-decoration:none;border-bottom:1px solid var(--rule-soft);padding-bottom:1px}
.gyt-identity address a:hover{border-bottom-color:var(--silver)}

/* ---------- useful links ---------- */
.gyt-links{padding-top:clamp(2.75rem,6vw,4.25rem)}
.gyt-links > .gyt-lbl{
  font-family:var(--display);font-weight:400;text-transform:uppercase;color:var(--silver);
  font-size:clamp(.72rem,.66rem + .3vw,.92rem);letter-spacing:.34em;margin:0 0 clamp(1.1rem,2.5vw,1.6rem);
}
.gyt-linkrow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.gyt-linkrow a{
  display:flex;flex-direction:column;align-items:center;gap:.95rem;
  text-decoration:none;text-align:center;
  padding:0 clamp(.6rem,1.6vw,1.5rem);
  border-left:1px solid var(--rule-soft);
}
.gyt-linkrow a:first-child{border-left:0;padding-left:0}
.gyt-linkrow .gyt-glyph{min-height:clamp(62px,7.5vw,86px);display:flex;align-items:center;justify-content:center}
.gyt-linkrow .gyt-glyph img{width:auto}
.gyt-linkrow .gyt-glyph img.gyt-m-imo{max-height:clamp(36px,4.4vw,52px)}
.gyt-linkrow .gyt-glyph img.gyt-m-ec{max-height:clamp(50px,6vw,72px)}
.gyt-linkrow .gyt-glyph img.gyt-m-wb{max-height:clamp(34px,4.2vw,50px)}
.gyt-linkrow .gyt-word{
  font-family:var(--display);font-weight:700;color:#E4EBF3;text-transform:uppercase;
  font-size:clamp(1.05rem,.9rem + .7vw,1.6rem);line-height:1;letter-spacing:.01em;
}
.gyt-linkrow .gyt-desc{
  font-family:var(--text);text-transform:uppercase;color:var(--muted);
  font-size:clamp(.64rem,.6rem + .18vw,.76rem);letter-spacing:.075em;line-height:1.55;margin:0;
}
.gyt-linkrow .gyt-url{
  margin-top:auto;padding-top:.5rem;display:inline-flex;align-items:center;gap:.45rem;
  color:var(--silver);font-size:clamp(.85rem,.8rem + .3vw,1.02rem);
}
.gyt-linkrow .gyt-url span{border-bottom:1px solid var(--rule);padding-bottom:2px}
.gyt-linkrow a:hover .gyt-url span{border-bottom-color:#fff;color:#fff}
.gyt-linkrow .gyt-url svg{width:.82em;height:.82em;flex:none;stroke:currentColor;fill:none;stroke-width:1.6}
.gyt-links .gyt-note{
  margin:clamp(1.6rem,3.5vw,2.4rem) 0 0;color:var(--muted);
  font-size:clamp(.82rem,.78rem + .2vw,.94rem);line-height:1.6;max-width:70ch;
}

/* ---------- footer ---------- */
.gyt-foot{padding:clamp(2.25rem,5vw,3.25rem) 0 clamp(2.5rem,5vw,3.5rem);text-align:center}
.gyt-foot hr{border:0;height:1px;background:var(--rule-soft);margin:0 0 clamp(1.4rem,3vw,2rem)}
.gyt-foot p{
  font-family:var(--display);font-weight:400;text-transform:uppercase;color:var(--silver);
  font-size:clamp(.66rem,.62rem + .26vw,.86rem);letter-spacing:.32em;margin:0;
}

/* ---------- responsive ---------- */
@media (max-width:900px){
  .gyt-intro{grid-template-columns:1fr;gap:0;text-align:center}
  .gyt-intro .gyt-bar{display:none}
  .gyt-intro .gyt-star img{max-width:110px;margin-bottom:1.5rem}
  .gyt-intro .gyt-spec{border-bottom-color:var(--rule-soft)}
  .gyt-intro .gyt-copy{margin-inline:auto;text-align:left}
  .gyt-identity{grid-template-columns:1fr;gap:clamp(1.75rem,5vw,2.5rem) 0;justify-items:center;text-align:center}
  .gyt-identity .gyt-bar{display:none}
  .gyt-identity .gyt-tag{text-align:center}
  .gyt-linkrow{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.75rem,5vw,2.5rem) 0}
  .gyt-linkrow a{border-left:0;padding-inline:clamp(.5rem,2vw,1rem)}
  .gyt-linkrow a:nth-child(even){border-left:1px solid var(--rule-soft)}
}
@media (max-width:520px){
  .gyt-linkrow{grid-template-columns:1fr}
  .gyt-linkrow a{border-left:0 !important;padding-inline:0}
  .gyt-hero p{max-width:20ch}
}
@media (prefers-reduced-motion:reduce){body.gyt-page *{animation:none !important;transition:none !important}}
body.gyt-page a:focus-visible{outline:1px solid #9FC2EC;outline-offset:3px}


/* ------------------------------------------------------------------
   Cascade fix. The Divi reset near the top of this file uses
   body.gyt-page + element selectors (0,1,2), which outrank the
   single-class design rules below it (0,1,1). Re-assert the ones that
   carry real layout so headings and centred text behave as designed.
   ------------------------------------------------------------------ */
body.gyt-page .gyt-hero h1{font-weight:700;line-height:1.03}
body.gyt-page .gyt-hero p{margin:clamp(1rem,2.2vw,1.5rem) auto 0}
body.gyt-page .gyt-intro h2{font-weight:700;line-height:1.08}
body.gyt-page .gyt-intro .gyt-spec{margin:.7rem 0 0}
body.gyt-page .gyt-copy p + p{margin-top:1.15em}
body.gyt-page .gyt-statement p{margin:clamp(1.75rem,4vw,2.6rem) auto}
body.gyt-page .gyt-links .gyt-lbl{margin:0 0 clamp(1.1rem,2.5vw,1.6rem)}
body.gyt-page .gyt-links .gyt-note{margin:clamp(1.6rem,3.5vw,2.4rem) 0 0}


/* ------------------------------------------------------------------
   Useful links: the poster puts all four on one line, so hold four
   across down to phone width and shrink the marks and type to suit,
   rather than wrapping to two rows on a narrower desktop.
   ------------------------------------------------------------------ */
@media (max-width:1150px){
  body.gyt-page .gyt-linkrow .gyt-glyph{min-height:clamp(44px,6vw,72px)}
  body.gyt-page .gyt-linkrow .gyt-glyph img.gyt-m-imo{max-height:clamp(24px,3.6vw,46px)}
  body.gyt-page .gyt-linkrow .gyt-glyph img.gyt-m-ec{max-height:clamp(34px,5vw,62px)}
  body.gyt-page .gyt-linkrow .gyt-glyph img.gyt-m-wb{max-height:clamp(22px,3.4vw,44px)}
  body.gyt-page .gyt-linkrow .gyt-word{font-size:clamp(.82rem,2vw,1.35rem)}
  body.gyt-page .gyt-linkrow .gyt-desc{font-size:clamp(.54rem,1.05vw,.72rem);letter-spacing:.06em}
  body.gyt-page .gyt-linkrow .gyt-url{font-size:clamp(.66rem,1.25vw,.95rem);gap:.3rem}
  body.gyt-page .gyt-linkrow a{gap:.7rem}
}
@media (max-width:900px){
  body.gyt-page .gyt-linkrow{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
  body.gyt-page .gyt-linkrow a{border-left:1px solid var(--rule-soft);padding-inline:clamp(.35rem,1.3vw,1rem)}
  body.gyt-page .gyt-linkrow a:first-child{border-left:0;padding-left:0}
  body.gyt-page .gyt-linkrow a:nth-child(even){border-left:1px solid var(--rule-soft)}
}
@media (max-width:560px){
  body.gyt-page .gyt-linkrow{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,5vw,2.25rem) 0}
  body.gyt-page .gyt-linkrow a:nth-child(odd){border-left:0;padding-left:0}
}
@media (max-width:380px){
  body.gyt-page .gyt-linkrow{grid-template-columns:1fr;gap:1.75rem 0}
  body.gyt-page .gyt-linkrow a{border-left:0;padding-inline:0}
}


/* ------------------------------------------------------------------
   WordPress auto-formatting inserts <br> between the link anchors in
   the Code module. Each one becomes a grid item and eats a column,
   which pushed the four reference links onto two rows. Take anything
   that is not an anchor out of the grid flow.
   ------------------------------------------------------------------ */
body.gyt-page .gyt-linkrow > *:not(a){display:none}