/*
 * css interstellar 1 full
 * */

:root {
  --main-color: #3498db;
  --secondary-color: #2ecc71;
  --hamburger-color: #f16521;
	--hamburger-color-x: var(--hamburger-color);
	  --read-more-color: #f16521a0; /* 50% Deckkraft */
--color--videoplay--button: var(--hamburger-color);
}

@import url('https://fonts.googleapis.com/css2?family=Abel&display=swap');

/* ////////////////////////////////////////////////////////////////// */

/* 1. Define the OCR-A Font Payload (If hosting the file yourself) */
@font-face {
    font-family: 'OCR-Font';
	
src: url('https://1001suns.com/wp-content/fonts/OCRAExtended.woff2') format('woff2');
	
xxsrc: url('https://1001suns.com/wp-content/fonts/OCRAII.woff2') format('woff2');
	
xxsrc: url('https://1001suns.com/wp-content/fonts/OCRB.woff2') format('woff2');
	
xxsrc: url('https://1001suns.com/wp-content/fonts/Reciprocal-MN.woff2') format('woff2');
	
XXsrc: url('https://1001suns.com/wp-content/fonts/Albertle_40_Regular.woff2') format('woff2');
	
	
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* 2. Create the Diagnostic Class */

/*
.atomsphere-diagnostic {
	color: #000000; 
	background-color: #ffffff;
}
*/

.atomsphere-diagnostic {
    font-family: 'OCR-Font', 'Courier New', Courier, monospace;
    font-size: 18px;
    xxfont-size: 20px;
    line-height: 1.6;
    line-height: 1.4;
}

.atomsphere-diagnosticXX {

	/* stretchY albertle */
	display: inline-block;
  transform: scaleY(1.4);
  transform-origin: top;
	 line-height: 1.6;
	
}

.XXatomsphere-diagnostic strong {
	/* albertle */
	display: inline-block;
 padding-bottom:1em;
	padding-top:0em;
}

.XXXatomsphere-diagnostic strong {
  font-weight: normal;
}

/* ////////////////////////////////////////////////////////////////// */

/* atomsphere 16964 hide title... */

.post-16964 .entry-content-wrapper {
	color: #ddd; 
	color: #bbb;
	xxcolor: darkorange; 
	xxcolor: peru; 
	xxcolor: limegreen;
	background-color: #111;
}

.postid-16964 .entry-title {
    display: none;
	font-family: 'OCR-Font', 'Courier New', Courier, monospace;
    font-size: 16px;
}


/* ////////////////////////////////////////////////////////////////// */

code, kbd, tt, var {
    font-family: Monaco, Consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace;
    font-size: 1.3rem;
	font-weight: 600;
}


body,
button,
input,
select,
textarea {
	
	font-family: Lato, Helvetica, sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.5;
	
	/*
	font-family: 'Abel', 'Arial Narrow', 'Roboto Condensed', sans-serif;
	xxxfont-size: 16px;
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 1.7em;
*/

	color: #000;
}


/* ////////////////////////////////////////////////////////////////// */

.vidbg-frontend-buttons a.vidbg-frontend-button {
    cursor: pointer;
    display: block;
    box-shadow: none;
    width: 32px;
    height: 32px;
    background-color: rgb(255 255 255 / .8);
	background-color: rgba(255, 140, 0, 0.0);

}

.vidbg-frontend-button svg path {
    fill: white; /* change all paths inside this SVG to red */
}

/* ////////////////////////////////////////////////////////////////// */

.wp-block-video {
    max-width: 100%;
}

.wp-block-video video {
    width: 100% !important;
    max-width: 100%;
    height: auto !important;
    display: block;
}

.wp-block-video figcaption {
    margin-bottom: 12px;
}


/* ////////////////////////////////////////////////////////////////// */







/* =========================================================
   CLICK4YT - FINAL VIDEO SYSTEM (stable + full-fill visual)
   ========================================================= */


/* ---------------------------------------------------------
   WRAPPER
   --------------------------------------------------------- */
.click4yt {
    position: relative;
    width: 100%;
    display: block;
    margin: 3em auto;
}

/* ---------------------------------------------------------
   FRAME (geometry container)
   --------------------------------------------------------- */
.video-frame {
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden;
}

/* aspect ratios */
.video-frame.video-container {
    padding-top: 56.25%; /* 16:9 */
}

.video-frame.video-container-square {
    padding-top: 100%; /* 1:1 */
	padding-top: 56.25%; /* 16:9 */
}

.video-frame.video-container-43 {
    padding-top: 75%; /* 4:3 */
}

.video-frame.video-container-21 {
    padding-top: 50%; /* 2:1 */
}

/* ---------------------------------------------------------
   LAYER SYSTEM
   --------------------------------------------------------- */
.yt-facade,
.yt-thumb,
.video-frame iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

/* ---------------------------------------------------------
   THUMBNAIL
   --------------------------------------------------------- */
.yt-thumb {
    object-fit: cover;
    display: block;
    margin: 0 !important;
}

/* ---------------------------------------------------------
   IFRAME (CRITICAL FIX)
   Ensures full bleed rendering instead of "small centered video"
   --------------------------------------------------------- */
.video-frame iframe {
    border: 0;
    display: block;

    /* key fix: forces visual fill behavior consistency */
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
}

/* ---------------------------------------------------------
   OPTIONAL VISUAL FULL-FILL (fixes “small square feel”)
   --------------------------------------------------------- */
.video-frame.video-container-square iframe {
    /* subtle zoom removes internal letterbox impression */
    transform: scale(1.05);
    transform-origin: center;
}

/* ---------------------------------------------------------
   FACADE (click layer)
   --------------------------------------------------------- */
.yt-facade {
    cursor: pointer;
}

/* ---------------------------------------------------------
   DARK OVERLAY (optional)
   --------------------------------------------------------- */
.yt-facade::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0);
    pointer-events: none;
}

/* ---------------------------------------------------------
   PLAY BUTTON
   --------------------------------------------------------- */
.yt-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 68px;
    height: 48px;
    transform: translate(-50%, -50%);
    pointer-events: none;
    opacity: 0.9;
    transition: transform 0.15s ease, opacity 0.15s ease;
}

.yt-facade:hover .yt-play-btn {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.06);
}

.yt-play-bg {
    fill: var(--color--videoplay--button, darkorange);
}

.yt-play-arrow {
    fill: #ffffff;
}

/* ---------------------------------------------------------
   LABEL (optional)
   --------------------------------------------------------- */
.yt-play-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.yt-play-label {
    position: absolute;
    top: 100%;
    left: 50%;

    transform: translateX(-50%);
    margin-top: 30px; /* offset */

    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.6px;

    color: #fff;
    text-shadow: 0 2px 10px rgba(0,0,0,0.8);

    opacity: 0;
    transition: opacity 0.2s ease;

    white-space: nowrap;
}

.yt-facade:hover .yt-play-label {
    opacity: 1;
}

/* ---------------------------------------------------------
   NO-JS FALLBACK LINK
   --------------------------------------------------------- */
.yt-noscript {
    display: block;
    margin-top: 0.6em;
}

.yt-noscript-text {
    margin: 0;
    font-size: 0.95em;
    color: red;
}

.yt-noscript-link {
    color: var(--color--videoplay--button, darkorange);
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

.yt-noscript-link:visited {
    color: #f00;
}

.yt-noscript-link:hover,
.yt-noscript-link:focus {
    color: #f00;
}






/* ////////////////////////////////////////////////////////////////// */

.entry-content-wrapper {
    z-index: 1;
    padding-top: 3em;
    
	background: #666;
	color: white;
	
	background: #f1f1f1;
	color: black;
}



/* ////////////////////////////////////////////////////////////////// */

a.more-link:hover, a.more-link:active, a.more-link:focus {

    color: #222;
    background: var(--read-more-color);
}


/* Target the Shiki pre tag, code tag, and individual line spans within the Code Block Pro container */
.wp-block-kevinbatdorf-code-block-pro pre.shiki,
.wp-block-kevinbatdorf-code-block-pro pre.shiki code,
.wp-block-kevinbatdorf-code-block-pro pre.shiki .line {
    white-space: pre-wrap !important; 
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
	font-size: 1.1em !important;
	line-height: 1.4em !important;
	
/* Hide scrollbar for Firefox and IE/Edge */
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;	
	
}

/* Optional: Ensure long unbroken strings (like URLs) do not overflow */
.wp-block-kevinbatdorf-code-block-pro pre.shiki {
    xxword-break: break-all;
}


#minimal-carbon-banner{
    xxxposition: fixed;
    top:0;
    left:0;
    width:100%;
    z-index:9999;
    background:#111;
    color:#fff;
    text-align:center;
    padding:6px 10px;
    font-size:12px;
		font-weight: 400;
}
#minimal-carbon-banner a{
    color:#f16521;
}


/* ////////////////////////////////////////////////////////////////// */
.format-aside .entry-content,
.format-aside .entry-summary,
.format-link .entry-summary,
.format-link .entry-content {
	font-size: 1.2em !important;
}

.entry-title {
	text-transform: uppercase;
}

.format-link .entry-title a:before {
    font-family: Genericons;
    font-size: 1.333em;
    position: relative;
    top: -4px;
    display: inline;
    margin-right: 5px;
    content: '\f442';
    vertical-align: middle;
}

.format-link .entry-title a:after {
		content: '';
}
/* ////////////////////////////////////////////////////////////////// */


.site-header {
	background-color: transparent !important;
}

.single.single-thumbnail .entry-background {
	top: 0px;
	height: 625px !important;
	margin-top: -64px  !important;
	z-index: -1 !important;
}

.entry-background {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.entry-meta {
	padding-top: 1em;
}

/* ////////////////////////////////////////////////////////////////// */


.page {
	color: white;
}

.site-header {
	
}

.single .site-title a {
	xxtop:-10px !important;
	xxxpadding-top:10em !important;
	line-height: 1.6em
}

.slide-menu {
	padding-right: 12px !important;
	padding-left: 12px !important;
	xxxpadding-bottom: 12px !important;
	xxmargin-right: 48px !important;
	xxmargin-left: -24px !important;
	xxwidth: 100% !important;
}

/* ////////////////////////////////////////////////////////////////// */

.format-link .more-link, 
.format-quote .more-link,
.format-quote .entry-title
{
	display:none;
}

a.more-link {
    border: 0px solid white;
}

.format-quote .entry-content {
	font-size: 1.3em;
	font-weight: 400;
	xxfont-style: italic;
	xxmargin: 0 !important;
	margin-bottom:  0 !important;
	xxmargin-top:  0 !important;
	text-align: center;
	
	width:40%;
	min-width:250px;
	hyphens: none;
	
	border-left: 0px solid #25D366
}
blockquote:before {
	content: "" !important;
}

blockquote {
	padding-left: 1em;
	margin-left: 0px;
}

blockquote {
	border-left: 4px solid rgba(255,255,255, 0.3);
}

.single blockquote {
	border-left: 4px solid #bbb;
}


.format-quote {
	padding-top: 0.5em !important;
	padding-bottom: 0em !important;
	xxborder-bottom-width: 0px
}

/* ////////////////////////////////////////////////////////////////// */


.site-title {
		font-family: xLato, xHelvetica, xArial, sans-serif;
}

blockquote {
		font-size: 1.8rem ;
	  font-weight: 400;
		xxcolor: #aaa !important;
	}

blockquote {
	margin-bottom: 1em;
}

blockquote p {
	margin-bottom: 0.5em;
}

/* ////////////////////////////////////////////////////////////////// */
.wp-block-list li {
	padding-bottom:0em;
}

.wp-block-list ul {
	padding-top:0em;
}

/* ////////////////////////////////////////////////////////////////// */

.site-description {
	letter-spacing: 1em;
	xxfont-size: 0.3em !important;
	xxfont-weight: 900;
	display:block;
	padding-bottom: 0em;
}

.category .page-title {
	text-transform: uppercase;
	font-size: 3.5em;
	xxtext-transform: lowercase;
} 


/* ////////////////////////////////////////////////////////////////// */

/* ////////////////////////////////////////////////////////////////// */

/* hamburger */

.menu-toggle {
	border: 0px solid #222;
	font-weight:600;
}

.lines {
	background: var(--hamburger-color) !important;
}

.menu-toggle.x.toggle-on .lines  {
	background-color:transparent !important;
}

.lines:before,  .lines:after {
	background-color:var(--hamburger-color) !important;
}

/* ////////////////////////////////////////////////////////////////// */


/* Base styles for images */
figure picture img, figure img {
  width: 100%;
  margin-left: 0 !important;
  max-width: 100% !important;
  display: block; /* avoid inline spacing issues */
}

/* Add margin-bottom only if figcaption does NOT exist */
figure:not(:has(figcaption)) picture img,  figure:not(:has(figcaption)) img {
  margin-bottom: 1em;
}

/* Reset figcaption spacing */
figure figcaption {
  margin-top: 0;      /* optional: remove extra space above caption */
  margin-bottom: 0;   /* remove space below caption */
}

/* figcaption style */
figcaption, cite {
	font-size: 0.8em;
	 font-style: italic;
}



/* ////////////////////////////////////////////////////////////////// */

.ms_goto_link a, .ms_goto_link_visible a  {
    text-transform: uppercase;
    font-size: 2em;
		font-weight:700;
}

.ms_goto_link a {
		display:none;
}

.ms_goto_link a::before, .ms_goto_link_visible a::before  {
		text-transform: lowercase;
    content: "> ";
}

.ms_goto_link a::after, .ms_goto_link_visible a::after  {
	 text-transform: lowercase;
   content: " category listing <";
}



/* ////////////////////////////////////////////////////////////////// */

.simple-banner-text {
	font-size: 0.8em !important;
	font-weight: 400 !important;
}




/* ////////////////////////////////////////////////////////////////// */


/* 
 * 
 * 
 * styles missed by lut 
 * 
 * 
 * */

#minimal-carbon-banner, .minimal-carbon-banner {
    color: white !important;
}

#minimal-carbon-banner a, .minimal-carbon-banner a {
    color: var(--hamburger-color); !important;
}


.blog .entry-content, .blog .entry-summary, .blog .entry-header, .blog .entry-footer, .blog .hentry a, .blog blockquote, .archive .entry-content, .archive .entry-summary, .archive .entry-header, .archive .entry-footer, .archive .hentry a, .archive blockquote, .search .entry-content, .search .entry-summary, .search .entry-header, .search .entry-footer, .search .hentry a, .search blockquote, .site-title a, .site-description {
    color: white;
}

.entry-title, .entry-title a {
    color: white;
}
.post-navigation .nav-previous a, .post-navigation .nav-next a {
    color: #222;
    background-color: white;
}