/*
 Theme Name:   Twenty Twenty Child
 Theme URI:    http://example.com/twenty-twenty-child/
 Description:  Twenty Twenty Child Theme
 Author:       hoewe
 Author URI:   http://example.com
 Template:     twentytwenty
 Version:      1.0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  twentytwentychild
*/

#meet { display: none; }

@font-face {
  font-family: "Bree Serif";
  font-weight: 400; /* stylelint-disable-line font-weight-notation */
  font-style: normal;
  font-display: swap;
  src: url(assets/fonts/BreeSerif-Regular.ttf) format("ttf");
}

@font-face {
  font-family: "IBM Plex Mono";
  font-weight: 400; /* stylelint-disable-line font-weight-notation */
  font-style: normal;
  font-display: swap;
  src: url(assets/fonts/IBMPlexMono-Regular.ttf) format("ttf");
}

@font-face {
  font-family: "Baloo 2";
  font-weight: 400; /* stylelint-disable-line font-weight-notation */
  font-style: normal;
  font-display: swap;
  src: url(assets/fonts/Baloo2-Regular.ttf) format("ttf");
}

@font-face {
  font-family: "Baloo 2";
  font-weight: 400; /* stylelint-disable-line font-weight-notation */
  font-style: bold;
  font-display: swap;
  src: url(assets/fonts/Baloo2-Bold.ttf) format("ttf");
}

/*
h1, h2, h3, h4 { font-family: 'Bree Serif'; }
body, p  { font-family: 'Baloo 2'; }
*/

body {
	background: linear-gradient(270deg, rgba(245,239,224,0.9) 0%, rgba(245,239,224,0.2) 50%, rgba(245,239,224,0.9) 100%);
	/* radial-gradient(circle, rgba(255,255,255,0.5) 0%, rgba(242,242,242,0.8) 100%); */
	color: #021f0a !important;
	font-size: calc(14px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
}

#site-header { position: sticky; top: 0;}
#site-footer {
	position: relative;
	bottom: 0;
	width: 100%;
	border-top: 1px dotted rgba(143,151,151,1);
}

.post-meta .post-tags .meta-icon svg { color: rgba(143,151,151,1); }

aside.member { border: 1px solid #ff9900; padding: 0.5em; margin: 0.5em; width: 100%; border-radius: 0.5em;}

section.inside-digidal, .singular #site-content, .footer-inner .member-header  { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: flex-start; align-content: flex-start;  }
.inside-digidal .footer-top-visible .footer-nav-widgets-wrapper, .footer-top-hidden #site-footer { margin-top: 0; }

.home.digidal_member_blog article, .singular.digidal_member_blog article { margin: 0; width: 100%;}
.digidal_member_blog article { margin: 0 0.5em 1em; }
article.memreadable, article { width: 100%; }
article.stakeable { width: 31%;  }

article h2.entry-title { font-size: 3.4vw }

.footer-inner .member-header .membox { width: 50%; }
.box_right { text-align: right; }


.footer-nav-widgets-wrapper.header-footer-member {
	background: rgba(231,235,223,0.7);
	border-top: 1px solid rgba(143,151,151,0.8);
}

.footer-widgets-outer-wrapper, .footer-top { border-bottom: 0; }

.paper {
  background: #fff;
  padding: 30px;
  position: relative;
}

.paper,
.paper::before,
.paper::after {
  /* Styles to distinguish sheets from one another */
  box-shadow: 1px 1px 1px rgba(0,0,0,0.25);
  border: 1px solid #bbb;
}

.paper::before,
.paper::after {
  content: "";
  position: absolute;
  height: 95%;
  width: 99%;
  background-color: #eee;
}

.paper::before {
  right: 15px;
  top: 0;
  transform: rotate(-1deg);
  z-index: -1;
}

.paper::after {
  top: 5px;
  right: -5px;
  transform: rotate(1deg);
  z-index: -2;
}



/* --------------------------------- */
/* As hex codes */

.color-primary-0 { color: #7C907C }	/* Main Primary color */
.color-primary-1 { color: #FFFFFF }
.color-primary-2 { color: #BFCABF }
.color-primary-3 { color: #485F48 }
.color-primary-4 { color: #174117 }

.color-secondary-1-0 { color: #5D6C6C }	/* Main Secondary color (1) */
.color-secondary-1-1 { color: #FFFFFF }
.color-secondary-1-2 { color: #8F9797 }
.color-secondary-1-3 { color: #364747 }
.color-secondary-1-4 { color: #123131 }

.color-secondary-2-0 { color: #A0A891 }	/* Main Secondary color (2) */
.color-secondary-2-1 { color: #FFFFFF }
.color-secondary-2-2 { color: #E7EBDF }
.color-secondary-2-3 { color: #666F54 }
.color-secondary-2-4 { color: #3B4C1B }

.color-complement-0 { color: #B49B9B }	/* Main Complement color */
.color-complement-1 { color: #FFFFFF }
.color-complement-2 { color: #FCEFEF }
.color-complement-3 { color: #775A5A }
.color-complement-4 { color: #511D1D }



/* As RGBa codes */

.rgba-primary-0 { color: rgba(124,144,124,1) }	/* Main Primary color */
.rgba-primary-1 { color: rgba(255,255,255,1) }
.rgba-primary-2 { color: rgba(191,202,191,1) }
.rgba-primary-3 { color: rgba( 72, 95, 72,1) }
.rgba-primary-4 { color: rgba( 23, 65, 23,1) }

.rgba-secondary-1-0 { color: rgba( 93,108,108,1) }	/* Main Secondary color (1) */
.rgba-secondary-1-1 { color: rgba(255,255,255,1) }
.rgba-secondary-1-2 { color: rgba(143,151,151,1) }
.rgba-secondary-1-3 { color: rgba( 54, 71, 71,1) }
.rgba-secondary-1-4 { color: rgba( 18, 49, 49,1) }

.rgba-secondary-2-0 { color: rgba(160,168,145,1) }	/* Main Secondary color (2) */
.rgba-secondary-2-1 { color: rgba(255,255,255,1) }
.rgba-secondary-2-2 { color: rgba(231,235,223,1) }
.rgba-secondary-2-3 { color: rgba(102,111, 84,1) }
.rgba-secondary-2-4 { color: rgba( 59, 76, 27,1) }

.rgba-complement-0 { color: rgba(180,155,155,1) }	/* Main Complement color */
.rgba-complement-1 { color: rgba(255,255,255,1) }
.rgba-complement-2 { color: rgba(252,239,239,1) }
.rgba-complement-3 { color: rgba(119, 90, 90,1) }
.rgba-complement-4 { color: rgba( 81, 29, 29,1) }