/*
Theme Name: Twenty Twenty Child
Theme URI: https://writing.svenjaliv.com
Template: twentytwenty
Description: 


*/


body {
	font-family: 'Roboto', sans-serif;
	letter-spacing: normal;
}

a {
	text-decoration: none;
	opacity: 0.8;
		-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	cursor: pointer;
	/*color: #117387;*/
}

a:hover {
	opacity: 1;
		-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

button {
border-style: solid;
border-width: 0px;
cursor: pointer;
margin: 0 0 10px;
  margin-right: 0px;
position: relative;
text-decoration: none;
text-align: center;
-webkit-appearance: none;
border-radius: 3px;
display: inline-block;
padding: 7px 10px 9px;
font-size: 15px;
	font-weight: 300;
	text-transform: none;
}

button:focus, button:hover, .button:focus, .button:hover, .faux-button:focus, .faux-button:hover, .wp-block-button .wp-block-button__link:focus, .wp-block-button .wp-block-button__link:hover, .wp-block-file .wp-block-file__button:focus, .wp-block-file .wp-block-file__button:hover, input[type="button"]:focus, input[type="button"]:hover, input[type="reset"]:focus, input[type="reset"]:hover, input[type="submit"]:focus, input[type="submit"]:hover {
	text-decoration: none;
}

select {
	border-radius: 3px;
	padding: 6px 10px;
	font-family: 'Roboto', 'Open Sans', sans-serif;
	margin: 2px 0;
}

.site-title a {
	opacity: 1;
}

.site-title a:hover, .site-title a:focus {
	text-decoration: none;
}

/* colours */

body, h1, h2, h3, .header-footer-group, div.wpforms-container-full .wpforms-field-label, .wp-core-ui div.wpforms-container-full .wpforms-field-label, .menu a::before, .menu a::after,
body:not(.overlay-header) #site-header .toggle
{
	color: #555;
}

table {border-color: #efe8e6;}

#site-header, #site-header a {
	color: #555;
	background-color: transparent;
}

.site-description {
	color: #555;
}

.header-titles-wrapper, #primary-sidebar, 
#site-footer .section-inner {
	background-color: #e2d8d5;
}

#site-footer {
	background-color: inherit; }

button, div.wpforms-container-full button[type="submit"]:not(:hover):not(:active), div.wpforms-container-full button[type="submit"]:hover {
	background: #117387;
	color: #eee;
	border: 1px solid #333;
}

div.wpforms-container-full button[type="submit"]:hover {
	opacity: 0.90;
}

.timer, #writing,
div.wpforms-container-full .wpforms-form textarea,
div.wpforms-container-full input[type="text"] {
	background-color: #f7f1ef;
	border: 1px solid #a68a93;
	color: #333;
}

input[type="number"], select {
	border: 1px solid #a68a93;
	background-color: #fff;
	color: #333;
}

.wpforms-container .wpforms-required-label {
	color: #555;
}

.page-id-181 .wp-block-table td {
  background-color: rgba(255, 255, 255, 0.85);
	  -moz-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.page-id-181 .wp-block-table td:hover {
  background-color: rgba(255, 255, 255, 0.95);
	  -moz-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.footer-copyright a, .footer-credits .privacy-policy a {
	color: #117387;
}

/* dark theme */
.theme-dark .site-title a {
	opacity: 1;
}

.theme-dark body, .theme-dark #site-header, .theme-dark #site-header a,
.theme-dark #body.singular .entry-header,
.theme-dark .footer-nav-widgets-wrapper, .theme-dark #site-footer,
.theme-dark h1, .theme-dark h2, .theme-dark h3, .theme-dark div.wpforms-container-full .wpforms-field-label, .theme-dark .wp-core-ui div.wpforms-container-full .wpforms-field-label,
.theme-dark .wpforms-container .wpforms-required-label,
.theme-dark .menu a::before, .theme-dark .menu a::after {
	color: #ddd;
}

.theme-dark body, .theme-dark #site-header, .theme-dark #site-header a,
.theme-dark #body.singular .entry-header,
.theme-dark .footer-nav-widgets-wrapper, .theme-dark #site-footer {
	background-color: #322738;
	color: #ddd;
}

.theme-dark .header-titles-wrapper,
.theme-dark #primary-sidebar,
.theme-dark #site-header .site-title a,
.theme-dark .site-description,
.theme-dark #site-footer .section-inner,
.theme-dark .timer, .theme-dark #writing,
.theme-dark div.wpforms-container-full .wpforms-form textarea,
.theme-dark div.wpforms-container-full input[type="text"],
.theme-dark .search-modal-inner {
	background-color: #433851;
		color: #ddd;
}

#writing.theme2 {
	background-color: #a68a93;
		color: #322738;
}

#writing.theme3 {
  background-color: #857b91;
  color: #23162b;
}

.theme-dark input[type="number"] {
	background-color: rgba(255, 255, 255, 0.25);
		color: #ddd;
}

.theme-dark select {
	background-color: #625b72;
		color: #ddd;
}

.theme-dark table {
	border-color: #ddd;
}

.theme-dark a, .theme-dark .footer-credits .privacy-policy a {
	color: #59abb7;
	opacity: 0.8;
}

.theme-dark a:hover {
	opacity: 1;
}

.theme-dark button,
.theme-dark div.wpforms-container-full button[type="submit"]:not(:hover):not(:active), .theme-dark div.wpforms-container-full button[type="submit"]:hover {
border: 1px solid #ddd;
}

.theme-dark button.search-toggle,
.theme-dark body:not(.overlay-header) #site-header .toggle {
background-color: inherit;
	color: #ddd;
	border: 0;
}

.theme-dark .entry-content .aligncenter img, .theme-dark .entry-content .alignleft img, .theme-dark .entry-content .alignright img, .theme-dark .entry-content .size-full img, .theme-dark .gallery-item img {	
	border: 8px solid #fff;
}

.theme-dark .entry-content .wp-block-group .aligncenter img, .theme-dark .entry-content .wp-block-group .alignleft img, .theme-dark .entry-content .wp-block-group .alignright img, .theme-dark .entry-content .wp-block-group .size-full img {	
	border: 0;
}

.theme-dark .page-id-181 .wp-block-table td {
  background-color: rgba(50, 39, 56, 0.80);
	border: 1px solid #ddd;
	  -moz-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.theme-dark .page-id-181 .wp-block-table td:hover {
  background-color: rgba(50, 39, 56, 0.90);
		border: 1px solid #ddd;
	  -moz-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

/* header styling */

.header-inner {
	padding: 0;
	margin:0;
	width: 100%;
	max-width: 100%;
}

.section-inner {
	width: 100%;
	max-width: 100%;
}

.header-titles-wrapper {
	padding: 3rem 0 0 0;
	margin: 0;
	width: 260px;
	text-align: center;
}

.site-title {
	font-family: 'EB Garamond', 'Merriweather Sans', sans-serif;
text-transform: uppercase;
font-weight: 300;
	font-size: 26px;
	letter-spacing: 0.1em; }

.header-titles .site-title, .header-titles .site-logo {
  text-transform: uppercase;
	margin: 0 auto;
	width: 200px;
}

.header-titles .site-description {
  text-transform: uppercase;
	margin: 0 auto 30px;
}

.header-titles {
	margin: 0 auto;	
	width: 220px;
}

.header-footer-group table caption, body:not(.overlay-header) .header-inner .toggle-wrapper::before {
	display: none;
}

@media (max-width: 1099px) {

/*.header-titles .site-title, .header-titles .site-logo, .header-titles .site-description {
	width: 100%;
} */
	
	.header-titles-wrapper {
		display: block;
	}
	
.header-titles .site-description {
	padding-left: 0px;
	padding-top: 16px;
	margin: 0 auto;
	margin-bottom: 0;
}

.header-titles {
	margin: 0;	
	width: 100%;
}
	
.header-titles-wrapper {
	margin: 0;	
	width: 100%;
}
	
	#site-header {
		background-color: #e2d8d5;
	}
	.theme-dark #site-header {
		background-color: #433851;
	}
		
}

.header-inner {
  align-items: start;
  padding: 0;
}

.header-toggles {
	margin: 0;
	width: 140px;
}

.search-modal .search-field {
	font-size: 18px;
	letter-spacing: 0.05em;
	height: 10rem;
}

#mobile-dark .wp-block-tabor-dark-mode-toggle__label  {
	padding: 0 0 10px 0;
	margin: 0;
}

@media (min-width: 1100px) {
.header-inner {
  align-items: center;
  display: flex;
  justify-content: space-between;
	}
	#mobile-dark {
		display: none;
	}
}
/* construction */


#main-flexbox {
	display: flex;
	flex-direction: row;
}

/*sidebar */

#primary-sidebar {
	width: 260px;
	margin: 0;
	display: inline-block;
	font-family: 'Merriweather Sans', Open Sans, sans-serif;
	font-size: 14px;
	text-align: center;
	min-height: calc(100vh - 233px);
}

#primary-sidebar h2 {
		font-family: 'Merriweather Sans', Open Sans, sans-serif;
	font-size: 15px;
	margin: 0;
}

.site-description {
	padding-left: 0px;
font-family: 'Merriweather Sans', Open Sans, sans-serif;
	font-size: 14px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	text-align: center;
	margin: 16px auto;
	width: 220px;
	font-weight: 300;
}

@media (max-width: 1099px) {
#primary-sidebar {
		display: none;
	}
	.search-toggle-wrapper {
		margin-top: 0;
	}
	.toggle-text {
		display: none;
	}
}

.wp-block-tabor-dark-mode-toggle__label {
	margin-left: 92px;
	margin-bottom: 20px;
}
.wp-block-tabor-dark-mode-toggle__track {
	width: 48px;
}

ul.menu {
	list-style: none;
	margin: 1rem auto 2rem;
}

.menu li {
	margin: 0;
}

.current_page_item a {
	opacity: 1;
}

.menu a::before,
.menu a::after {
	padding: 0 5px;
	content: " ✦ ";
	opacity: 0;
	-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.menu a:hover::before,
.menu a:hover::after {
	padding: 0 5px;
	content: " ✦ ";
	opacity: 1;
-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

/* top menu displays */
.header-navigation-wrapper {
	align-items: start;
}

@media (min-width: 1100px) {
	.header-inner .nav-toggle-wrapper,
	.header-titles .site-description {
		display: none;
	}
	.search-toggle-wrapper {
		margin-top: 20px;
	}
	.toggle-text {
		display: none;
	}
}

#body.singular .entry-header {
	background-color: inherit;
}

#site-content {
	margin: -50px auto 0;
	display: inline-block;
	z-index: 5;
}

/* entries */

@media (max-width: 1099px) {
article {
	width: 100%;
	padding: 20px 10px;
}
	
#site-content {
		margin: 0 auto;
	}
}

#site-content {
	overflow: hidden!important;
}

.entry-title, h1, h2, h3, .entry-content h1, .entry-content h2 {
	font-family: 'EB Garamond', 'Merriweather Sans', sans-serif;
text-transform: uppercase;
font-weight: 300;
	font-size: 26px;
letter-spacing: 0.1em;
	text-align: center;
	margin: 0 0 10px 0;
}

.entry-content h3 {
		font-family: 'Merriweather Sans', sans-serif;
	font-size: 22px;
	text-align: left;
		margin: 0 0 20px 0;
}

.singular .entry-header {
	padding: 0;
}

.post-inner {
	padding-top: 40px;
}

@media (min-width: 1100px) {
article {
	width: 700px;
}
}

.entry-content {
	font-family: 'Roboto', 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 0.015em;
 text-align: center;
}

.entry-content p, .entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide), .entry-content h3 {
	margin: 0 0 2rem;
	max-width: 700px;
	width: 100%;
}

.entry-content p, .entry-content ul, .entry-content .wpforms-container {
	text-align: left;
}

.entry-content .has-text-align-center {
	text-align: center;
}

.entry-content a {
	font-weight: 600;
}

.wp-block-jetpack-slideshow_pagination, .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination.swiper-pagination-custom {
	justify-content: center!important;
}

img.emoji {
	font-size: 15px;
}

.entry-content img, .alignnone, .entry-content > figure:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide):not(.aligncenter) {
	display: inline-block;
	width: auto;
	margin: 3px 2px;
}

.entry-content img {	
	border-top: 9px solid #fff;
}

.entry-content .aligncenter img, .entry-content .alignleft img, .entry-content .alignright img, .entry-content .size-full img, .wp-block-group img, .wp-block-jetpack-slideshow img, .gallery-item img {	
	border-top: 0;
}

.entry-content > .wp-block-image .alignleft, .alignleft {
	margin: 0;
	right: 0;
	position: relative;
}

.wp-block-group {
	height: 100%;
}

/* monthly */

.page-id-181 .wp-block-table table {
  border-spacing: 5px;
  background: url('https://svenjaliv.com/wp-content/uploads/nano-1.jpg');
	 background-color: rgba(50,39,56,0.2);
    background-blend-mode: darken;
	border-collapse: separate;
	margin: 0 auto;
	max-width: 600px;
}

.page-id-181 .wp-block-table td {
  padding: 0;
  border: 0;
  text-align: center;
  -moz-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.page-id-181 .wp-block-table td:hover {
  border: 0;
  text-align: center;
  -moz-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.page-id-181 .wp-block-table td a {
  width: 100%;
  height: 100%;
  display: block;
}

@media screen and (min-width: 601px) {
.page-id-181 .wp-block-table td .d {
  display: block;
  padding: 20px 5px;
}
}
	
	@media screen and (max-width: 600px) {
.page-id-181 .wp-block-table td .d {
  display: none;
}
}	
	
@media screen and (min-width: 601px) {
.page-id-181 .wp-block-table td .m {
  display: none;
  padding: 14px 5px;
	}
}
	
	@media screen and (max-width: 600px) {
.page-id-181 .wp-block-table td .m {
  display: block;
  padding: 14px 5px;
	}
}
/* word counter */
@media (min-width: 1100px) {
#post-145 #counterstuff {
text-align: left;
width: 80%;
display: inline-block;
	vertical-align: top;
}

#saving {
	display: inline-block;
	width: 19%;
	text-align: right;
	vertical-align: top;
}

#counterbutton {
	display: inline-block;
}
	#post-145 div {
	display: inline-block;
	text-align: right;
}
}

@media (max-width: 1099px) {
#post-145 #counterstuff {
text-align: left;
width: 100%;
display: block;
}

#post-145 #saving, #post-145 div {
	text-align: left;
}

#post-145 #counterbutton {
	display: block;
}
}

#post-145 #status, #status {
	display: block;
	font-size: 14px;
	font-style: italic;
	margin-bottom: 10px;
}

.output, .output div {
	display: inline-block;
}

#post-145 .output .chars {
	display: none;
}

.output div span {
	margin-right: 15px;
}

#frm1 {
	text-align: center;
	margin-top: 10px;
}

input[type="number"] {
box-shadow: none;
border-radius: 3px!important;
display: inline-block;
margin: 0 0 1em 0;
padding: 8px;
width: 50%;
font-family: 'Roboto', 'Open Sans', sans-serif;
}

span.hours {display: inline-block; width:30%; padding-right: 20px; }
span.minutes {display: inline-block; width:30%; padding-left: 20px; }

#post-145 .timer {
border-radius: 10px;
padding: 10px;
margin: 0 auto 30px;
width: 100%;
text-align: left;}

#post-145 #timerbuttons {
	text-align: center;
}

#writing {
	max-width: 700px;
  line-height: 1.6em;
	min-height: 400px;
	letter-spacing: 0.005em;
	border-radius: 10px!important;
}

.georgia {
		font-family: 'Georgia',  serif;
}

.roboto {
		font-family: 'Roboto',  serif;
}

.garamond {
font-family: 'EB Garamond', serif;
}

.gelasio {
font-family: 'Gelasio',  serif;
}

.open {
		font-family: 'Open Sans',  sans-serif;
}

.namy {
		font-family: 'Nanum Myeongjo',  serif;
}

.s1 {
	font-size: 11pt;
}

.s2 {
	font-size: 12pt;
}

	font-size: 13pt;
}

.s4 {
	font-size: 14pt;
}

.s5 {
	font-size: 15pt;
}

input, textarea, textarea:focus, div.wpforms-container-full textarea:focus, textarea:focus, div.wpforms-container-full textarea:focus:invalid, div.wpforms-container-full input[type="text"]:focus, div.wpforms-container-full input[type="text"]:focus:invalid, input[type="checkbox"] {
    outline:none;
	border: 1px solid #a68a93;
	box-shadow: none;
}

*{
  margin: 0;
  padding: 0;
}
#post-145 #progress{
  width: 90%;
  height: 10px;
  margin: 20px auto;
  border-radius: 5px;
  background-color: #fff;
	display: none;
}
#post-145 #progress-bar{
  height: 10px;
  background-color: #53767c;
  border-radius: 5px;
	opacity: 0.6;
	display: block;
}

#timerbuttons {
	width: 100%;
	text-align: center;
}

#timerbuttons button {
	display: inline-block;
	margin-right: 10px;
	width: 80px;
}

h2#demo {
	font-weight: 600;
}

/* currency */

.yeahscript {
	display: none;
}

.noscript {
	display:inline-block;
}

.js-enabled .yeahscript {
	display: inline-block;
}

.js-enabled .noscript {
	display:none;
}
.eur{
  display: inline-block;
}

.eur.red{
  display: inline-block;
}

.eur.blue {
  display: none;
}

.usd{
  display: none;
}

.usd.red{
  display: none;
}

.usd.blue {
  display: inline-block;
}

/* footer */

.footer-top-visible .footer-nav-widgets-wrapper, .footer-top-hidden #site-footer {
	margin: 0;
	padding: 0;
}

@media (min-width: 1100px) {
#site-footer .section-inner {
	width: 260px;
	margin: 0;
	padding: 6.3rem 20px 2rem;
	text-align: center;
}
}


@media (max-width: 1099px) {
#site-footer .section-inner {
	width: 100%;
	margin: 0;
	padding: 6.3rem 20px 2rem;
}
}

.footer-credits {
	font-size: 14px;
	font-family: 'Merriweather Sans', Open Sans, sans-serif;
	margin: 0 auto;
	text-align: center;
	display: block;
}

p.footer-copyright {
	font-weight: 300;
	display: inline-block;
}

.footer-credits .privacy-policy {
	font-weight: 300;
	display: inline-block;
	margin: 0;
}

#site-footer a:hover {
	text-decoration: none;
}