/*
Theme Name: Hub Child
Theme URI: http://hub.liquid-themes.com/
Author: Liquid Themes
Author URI: https://themeforest.net/user/liquidthemes
Template: hub
Description: Smart, Powerful and Unlimited Customizable WordPress Theme.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: hub-child
Tags: responsive, retina, rtl-language-support, blog, portfolio, custom-colors, live-editor
*/

/* ==========================================================================
   ToTheMoon — EMPOR
   Pulls the approved design onto the Hub theme: typeface, type scale and
   colour only. Layout stays Hub's, so the page keeps working in Elementor.

   Fonts are served from this theme, not from Google. That keeps visitor IP
   addresses off Google's servers (GDPR) and removes two extra connections.
   ========================================================================== */

@font-face{font-family:"Archivo";font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/archivo-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Archivo";font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/archivo-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Archivo";font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/archivo-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Archivo";font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/archivo-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Archivo";font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/archivo-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Archivo";font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/archivo-600-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Archivo";font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/archivo-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Archivo";font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/archivo-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Archivo";font-style:normal;font-weight:800;font-display:swap;src:url(assets/fonts/archivo-800-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Archivo";font-style:normal;font-weight:800;font-display:swap;src:url(assets/fonts/archivo-800-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/ibm-plex-mono-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/ibm-plex-mono-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/ibm-plex-mono-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/ibm-plex-mono-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root {
	--ttm-ink:    #0c1a26;  /* body copy, near-black with a cold cast */
	--ttm-navy:   #0f294f;  /* dark surfaces */
	--ttm-blue:   #2461a6;  /* the one accent — used where things are clicked */
	--ttm-red:    #b00020;  /* warnings and refrigerant hazard notes only */
	--ttm-paper:  #ffffff;
	--ttm-sans:   "Archivo", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--ttm-mono:   "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}

/* --- typeface ----------------------------------------------------------- */

body,
button, input, select, textarea,
.ld-fh-element,
.elementor-widget-container {
	font-family: var(--ttm-sans);
}

body {
	color: var(--ttm-ink);
	-webkit-font-smoothing: antialiased;
}

/* --- type scale --------------------------------------------------------- */
/* Sizes read off the approved design; clamp() keeps them sane on phones. */

h1, .h1, .ld-fh-element.h1 {
	text-transform: none;
	font-weight: 800;
	font-size: clamp(40px, 7vw, 108px);
	line-height: .9;
	letter-spacing: -.045em;
}

h2, .h2, .ld-fh-element.h2 {
	text-transform: none;
	font-weight: 800;
	font-size: clamp(30px, 4.6vw, 64px);
	line-height: .96;
	letter-spacing: -.04em;
}

h3, .h3, .ld-fh-element.h3 {
	text-transform: none;
	font-weight: 700;
	font-size: clamp(21px, 2.2vw, 31px);
	line-height: 1.12;
	letter-spacing: -.03em;
}

h4, .h4, .ld-fh-element.h4 {
	text-transform: none;
	font-weight: 700;
	font-size: clamp(19px, 1.7vw, 24px);
	line-height: 1.2;
	letter-spacing: -.02em;
}

/* Section labels ("— PRODAJNI PROGRAM"). In the design these are the one
   place the mono face appears, which is what gives the page its character. */
h6, .h6, .ld-fh-element.h6 {
	font-family: var(--ttm-mono);
	font-weight: 500;
	font-size: 13px;
	line-height: 1.4;
	letter-spacing: .14em;
	text-transform: uppercase;
}

p, li {
	font-size: 16px;
	line-height: 1.6;
}

/* --- colour ------------------------------------------------------------- */

a:hover, a:focus-visible { color: var(--ttm-blue); }

.btn-solid, .elementor-button.btn-solid { background-color: var(--ttm-blue); }
.btn-solid:hover, .elementor-button.btn-solid:hover { background-color: var(--ttm-navy); }

/* --- reachable by hand and by keyboard ---------------------------------- */

.btn, .elementor-button, button, input[type="submit"] { min-height: 44px; }

a:focus-visible, button:focus-visible,
input:focus-visible, textarea:focus-visible, select:focus-visible {
	outline: 2px solid var(--ttm-blue);
	outline-offset: 2px;
}

/* Hub animates a great deal; honour the system setting. */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
		scroll-behavior: auto !important;
	}
}