/*
Theme Name: Tech Nomad GeneratePress V3
Theme URI: https://thetechnomad.com/
Description: The Tech Nomad child theme for GeneratePress.
Author: The Tech Nomad
Template: generatepress
Version: 1.0.1
Text Domain: tech-nomad-generatepress-v3
*/

:root {
  --ttn-black: #0e1111;
  --ttn-charcoal: #171819;
  --ttn-panel: #202321;
  --ttn-panel-2: #262a27;
  --ttn-tan: #c5a46a;
  --ttn-orange: #f47a20;
  --ttn-link: #ffb000;
  --ttn-link-hover: #ffe08a;
  --ttn-red: #c62828;
  --ttn-bone: #f1e7d0;
  --ttn-gray: #6d7478;
  --ttn-line: rgba(197, 164, 106, 0.32);
}

html,
body {
  background: var(--ttn-charcoal) !important;
  color: var(--ttn-bone);
}

body,
button,
input,
select,
textarea {
  font-family: Inter, Arial, Helvetica, sans-serif;
}

#page,
.site,
.site-content,
.content-area,
.site-main,
.container.grid-container,
.one-container .site-content,
.separate-containers .site-main,
.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .paging-navigation,
.separate-containers .page-header,
.inside-article,
.entry-content,
.entry-summary {
  background: var(--ttn-charcoal) !important;
  color: var(--ttn-bone);
}

.site-header,
.inside-header,
.main-navigation,
.main-navigation ul ul,
.main-navigation .main-nav ul li a,
.main-navigation .menu-toggle,
.main-navigation .menu-bar-items {
  background: var(--ttn-black) !important;
  color: var(--ttn-bone) !important;
}

.site-header {
  border-bottom: 1px solid var(--ttn-line);
}

.site-branding .main-title a,
.site-description {
  color: var(--ttn-bone) !important;
}

.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li:focus > a,
.main-navigation .main-nav ul li[class*="current-menu-"] > a,
.main-navigation .menu-toggle:hover {
  background: #191d1a !important;
  color: var(--ttn-orange) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.entry-title,
.entry-title a {
  color: var(--ttn-bone);
  letter-spacing: 0;
}

p,
.entry-content p,
.entry-summary,
.entry-meta,
.site-info,
.widget,
.wp-block-list,
li {
  color: rgba(241, 231, 208, 0.84);
}

a,
a:visited {
  color: var(--ttn-link);
}

a:hover,
a:focus {
  color: var(--ttn-link-hover);
}

.entry-content a,
.inside-article a,
.ttn-band a,
.ttn-hero a:not(.ttn-button),
.site-main a {
  color: var(--ttn-link) !important;
  font-weight: 700;
}

.entry-content a:hover,
.inside-article a:hover,
.ttn-band a:hover,
.ttn-hero a:not(.ttn-button):hover,
.site-main a:hover {
  color: var(--ttn-link-hover) !important;
}

.main-navigation .main-nav ul li a,
.main-navigation .menu-toggle,
.main-navigation .menu-bar-items a {
  color: var(--ttn-link) !important;
}

body.home #right-sidebar,
body.home #left-sidebar,
body.home .widget-area,
body.page #right-sidebar,
body.page #left-sidebar {
  display: none !important;
}

body.home .content-area,
body.page .content-area {
  float: none !important;
  width: 100% !important;
}

body.home .site-content,
body.home .site-main,
body.home .inside-article,
body.home .entry-content {
  margin: 0 !important;
  max-width: none !important;
  padding: 0 !important;
  width: 100% !important;
}

.wp-block-button__link,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  background: var(--ttn-orange) !important;
  border-radius: 6px;
  color: #17120d !important;
  font-weight: 800;
}

.wp-block-button.is-style-outline .wp-block-button__link {
  background: transparent !important;
  border-color: rgba(241, 231, 208, 0.52);
  color: var(--ttn-bone) !important;
}

.entry-content > *,
.inside-article {
  border-color: var(--ttn-line);
}

.wp-block-group,
.wp-block-columns,
.wp-block-column,
.wp-block-cover,
.page-header,
article.post,
article.page {
  background-color: transparent;
}

.site-footer,
.site-info,
.footer-widgets {
  background: var(--ttn-black) !important;
  color: var(--ttn-bone);
  border-top: 1px solid var(--ttn-line);
}

.ttn-hero {
  background: var(--ttn-black) !important;
  color: var(--ttn-bone);
  border-bottom: 6px solid var(--ttn-orange);
}

.ttn-band {
  background: var(--ttn-panel) !important;
  color: var(--ttn-bone);
}

.ttn-card {
  background: var(--ttn-black) !important;
  border-color: var(--ttn-line) !important;
}

hr,
.wp-block-separator {
  border-color: var(--ttn-line);
}

input,
textarea,
select {
  background: #111412 !important;
  border-color: var(--ttn-line) !important;
  color: var(--ttn-bone) !important;
}