/*
Theme Name: Satisfactory Germany
Description: Industrial community design for Satisfactory Germany. Requires GeneratePress. Select the Startseite page under Settings > Reading after activation.
Author: Satisfactory Germany
Template: generatepress
Version: 1.0.1
Text Domain: satisfactory-germany
*/
:root{--sg-orange:#fa9540;--sg-bg:#111920;--sg-panel:#202a33;--sg-text:#f3f5f7}
body{background:var(--sg-bg);color:var(--sg-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:#ffad66}a:hover{color:#ffd0a5}
a:focus-visible,button:focus-visible{outline:3px solid #ffad66;outline-offset:4px}
.site-header,.main-navigation,.main-navigation ul ul,.site-info,.footer-widgets{background:#151e26;color:var(--sg-text)}
.main-title a,.main-title a:hover,.site-description,.main-navigation .main-nav ul li a,.main-navigation .menu-toggle,.main-navigation .menu-bar-items{color:var(--sg-text)}
.main-navigation .main-nav ul li:hover>a,.main-navigation .main-nav ul li.current-menu-item>a{background:#202a33;color:var(--sg-orange)}
.inside-header{padding:22px 32px}.site-logo .header-image{width:420px;max-width:80vw;height:auto}
.site-content .inside-article,.site-content .widget{background:var(--sg-panel);color:var(--sg-text);border:1px solid #36414b;border-radius:4px}
.entry-title,.entry-title a,.widget-title{color:var(--sg-text)}
.page-id-1844 #primary{width:100%}.page-id-1844 #right-sidebar,.page-id-1844 #left-sidebar,.page-id-1844 .entry-header,.page-id-1844 #metaslider-id-1679{display:none}
.page-id-1844 .site-content{padding:0}.page-id-1844 .inside-article{padding:0;border:0;background:transparent}.page-id-1844 .entry-content{margin-top:0}
.sg-home{overflow:hidden}.sg-home .wp-block-group__inner-container{padding:0}.sg-home .is-layout-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:22px}.sg-home a{text-underline-offset:4px}.sg-home h1,.sg-home h2,.sg-home h3{color:var(--sg-text);font-weight:750;letter-spacing:-.03em}
.sg-home h2{font-size:clamp(28px,3.5vw,42px);line-height:1.15}.sg-home h3{font-size:23px;line-height:1.2}
.sg-home p{line-height:1.75}.sg-home .sg-hero{padding:clamp(28px,5vw,72px);border-bottom:4px solid var(--sg-orange)}
.sg-hero .wp-block-cover__inner-container>p{max-width:620px}.sg-hero .wp-block-cover__image-background{object-position:center}
.sg-section,.sg-game{padding:clamp(24px,4vw,56px)!important}.sg-card{height:100%;border:1px solid #36414b;border-top:3px solid var(--sg-orange);border-radius:3px}
.sg-home .wp-block-buttons{gap:14px}.sg-home .wp-block-button__link{font-weight:750;font-size:16px;padding:15px 22px}
.sg-home .wp-block-button__link:hover{background:#ffb775!important;color:#131920!important}
.sg-home .wp-block-columns{gap:22px}.sg-home .wp-block-column{min-width:0}.sg-home a{overflow-wrap:anywhere}
.site-info a{color:#ffad66}.site-footer{border-top:1px solid #36414b}
@media(max-width:781px){.sg-hero{min-height:560px!important}.inside-header{padding:18px 22px}.sg-home .wp-block-button{width:100%}.sg-home .wp-block-button__link{display:block;text-align:center}}
/* Subtle factory panels, fasteners and routed lines behind content. */
.site-content .inside-article,
.site-content .widget,
.sg-home .sg-section,
.sg-home .sg-game {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22192%22%20height%3D%22192%22%20viewBox%3D%220%200%20192%20192%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23a7bdca%22%20stroke-opacity%3D%22.055%22%3E%3Cpath%20d%3D%22M0%2048h192M0%2096h192M0%20144h192M48%200v192M96%200v192M144%200v192%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%228%22%20width%3D%22176%22%20height%3D%22176%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M32%2064h48v48h48v32h32%22%20stroke-width%3D%222%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23a7bdca%22%20fill-opacity%3D%22.10%22%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%22176%22%20cy%3D%2216%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%22176%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%22176%22%20cy%3D%22176%22%20r%3D%222%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23fa9540%22%20stroke-opacity%3D%22.10%22%3E%3Crect%20x%3D%2228%22%20y%3D%2260%22%20width%3D%228%22%20height%3D%228%22%2F%3E%3Crect%20x%3D%22156%22%20y%3D%22140%22%20width%3D%228%22%20height%3D%228%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"), linear-gradient(135deg, rgba(250,149,64,.025), transparent 65%);
  background-size: 192px 192px, 100% 100%;
  background-repeat: repeat, no-repeat;
}
