/*
Theme Name: Northern-Web-Coders
Theme URI: https://www.northern-web-coders.de/northern-web-coders-3-6/
Description: Northern-Web-Coders 3.6 is a responsive HTML5/CSS3 theme. It supports custom headers and background. It uses an Roboto font and a CSS-only responsive multi-level navigation menu. Translation, Gutenberg and WooCommerce ready. Northern-Web-Coders support the theme-customization for colors and backgrounds.
Author: Kai Ackermann
Author URI: https://www.design-coding.de
Version: 3.6
Requires at least: 5.9
Tested up to: 6.3
Requires PHP: 5.6
Tags: one-column, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, flexible-header, full-width-template, sticky-post, threaded-comments, translation-ready, wide-blocks 
Text Domain: northern-web-coders
License: GNU/GPL Version 2 or later
License URI: http://www.gnu.org/licenses/gpl.html

Northern-Web-Coders WordPress Theme, (C) 2020 WordPress.org
Northern-Web-Coders is distributed under the terms of the GNU GPL.
*/

*
{
   margin: 0;
   padding: 0;
   font: inherit;
}

/* mobile background */
.custom-background 
{
   background-position: center top;
   background-size: cover;
   min-width: 100%;
   min-height: 100%;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 1
}

/* font family */
@font-face 
{
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 400;
   src: url('fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
   src: local('Roboto'), local('Roboto-Regular'),
      url('fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
      url('fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
      url('fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
      url('fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

html, body {overflow-x:hidden}

body
{
   font-family:'Roboto', sans-serif;
   background: #ffffff;
   width:100%;
   height:100%;
}

/* header */
header#header
{
   margin-left: calc( -70vw / 2 + 100% / 2 );
   margin-right: calc( -70vw / 2 + 100% / 2 );
   width: 70vw;
   color: #dfdfdf;
}

header#header h1
{
   font-size: 35px;
   line-height: 50px;
   margin: 1em 0 1em 0;
   color: #dfdfdf;
   letter-spacing: 3px
}

header#header h1 a
{
   text-decoration: none;
   margin: -5px 0 0 0;
   display: block;
   color: #dfdfdf;
}

header#header h1 a:first-letter
{
   font-size: 50px;
   color: #FF5D4C;
   font-style: italic;
   margin: 0;
}

header#header h1 em
{
   font-size: 14px;
   line-height: 20px;
   display: block;
   clear: both;
   margin: 0 0 20px 0;   
}


/* wrapper */
#wrapper
{
   clear: both;
   position: relative;
   z-index: 3;
}

/* meta */
#content .meta
{
   font-size: 14px;
   color: #000;
   margin: 8px 0;
}

#content .meta:nth-last-child(2)
{
   margin: 25px 0 25px 0;
}

#content .meta li
{
   font-size: 14px;
}

#content .meta ul
{
   list-style: none;
   margin-left: 0;
}

#content .meta a
{
   color: #000;
   font-size: 14px;
   text-decoration: none;
}

#content a.post-edit-link
{
   color: #000;
   font-weight: bold;
   font-size: 15px
}

/* content and aside */
#content,
aside
{
   margin-left: calc( -70vw / 2 + 100% / 2 );
   margin-right: calc( -70vw / 2 + 100% / 2 );
   width: 70vw;
   line-height: 1.5;
   font-size: 17px;
   background:transparent;
}

/* content article */
#content
{
   margin-top: 50px;
}

#content article
{
   margin: 0;
   padding: 2% 3% 17% 3%;
   width: calc(100% - 6%);
   display: block
}

#content article:after 
{
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   height: 0;
}

.single#content article,
.page #content article
{
   padding: 2% 3% 0% 3%;
}

#content article strong
{
   font-weight: bold
}

#content article em
{
   font-style: italic
}

/* content lists */
#content ol
{
   margin-left: 30px;
   margin-bottom: 15px
}

#content ul
{
   margin-left: 20px;
   margin-top: 5px;
   margin-bottom: 15px;
}

#content ul.has-background:not(.wp-block-navigation__container):not(.wp-block-navigation__submenu-container) 
{
   margin-left: 0;
   padding-left: 40px;
}

ul.wp-block-latest-posts li
{
   margin-left: 20px;
   margin-bottom: 15px
}

#content ul.blocks-gallery-grid
{
   margin-left: 0;
}

/* content paragraph */
#content p
{
   margin-bottom: 10px;
}

#content p.has-background
{
   margin-left: 0;
   padding-left: 20px;
}

#wrapper p.justify-text 
{
   text-align: justify;
}

#content article.noresults p
{
   padding-top: 10px
}

/* content post storytitle */
#content h2.storytitle
{
   margin: 0 0 0.5em 0;
   font-size: 2.2em;
   font-weight: normal;
   width:100% ;
   clear: both;
   -ms-word-wrap: break-word;
   word-wrap: break-word;
}

#content .sticky h2.storytitle
{
   border-left: 5px solid #000;
   padding-left: 10px
}

#content h2.storytitle a
{
   text-decoration: none;
}

/* content titles */
#content h1,
#content h2,
aside h2,
#content h3,
#content h4,
#content h6,
#content h6
{
   margin-bottom: 6px;
   clear: both;
}

aside h2
{
   margin-bottom: 16px;
}

#content h1
{
   font-size: 20px;
}

#content h2
{
   font-size: 17px;
}

aside h2
{
   font-size: 20px;
}

#content h3 
{
   font-size: 15px;
}

#content h4
{
   font-size: 13px;
}

#content h4.page-title
{
   font-size: 20px;
   font-style: italic;
   background: transparent;
   color: #544E55;
   padding: 2% 3% 1% 3%;
   float: left
}

#content h5
{
   font-size: 11px;
}

#content h6
{
   font-size: 9px;
}

/* separator */
.wp-block-separator{
border:1px solid;
border-left:none;
border-right:none}

.wp-block-separator.is-style-dots
{background:none!important;
border:none;
height:auto;
line-height:1;
text-align:center}

.wp-block-separator.is-style-dots:before
{
color:currentColor;
content:"···";
font-family:serif;
font-size:1.5em;
letter-spacing:2em;
padding-left:2em
}

#content article p a, 
#content article ul li  a, 
#content article ol li  a,
#content article dl dd a,
#content .storytitle a, 
#content .commentlink a, 
#content code,
#content pre,
#content .wp-block-file a,
#content a.more-link,
#content table a,
#content figcaption a
{
   color: inherit;
}

/* content wp-block-blockquote */
#content blockquote
{
   margin: 5px 5px 5px 10px;
   font-weight: bold;
   font-size: 20px;
   padding: 5px;
   border-left: 3px dotted #dfdfdf
}

#content blockquote.has-text-align-right
{
   margin: 5px 5px 5px 10px;
   font-weight: bold;
   font-size: 20px;
   padding: 5px;
   border-right: 3px dotted #dfdfdf
}

#content blockquote p, #content blockquote cite
{
   margin: 5px;
}

/* content wp-block-pullquote */
#content .wp-block-pullquote blockquote, fieldset {
   border: none;
}

#content blockquote:first-letter
{
   font-size: 50px;
   font-style: italic;
}

.wp-block-pullquote::before 
{
   background: #fff;
   border-radius: 50%;
   color: #cd2653;
   content: "“";
   display: block;
   font-size: 6.2rem;
   font-weight: 500;
   line-height: 1.2;
   margin: 0 auto 1.5rem auto;
   text-align: center;
   height: 4.4rem;
   width: 4.4rem;
}

.wp-block-pullquote.is-style-solid-color blockquote 
{
   max-width: 100%;
   text-align: inherit;
}

ul.wp-block-rss li
{
  margin-bottom: 1em
}

#content pre 
{
   -webkit-hyphens: none;
   -moz-hyphens: none;
   -ms-hyphens: none;
   hyphens: none;
   color: #666;
   font-family: monospace;
   font-size: 16px;
   margin: 20px 0;
   overflow: auto;
   padding: 20px;
   white-space: pre;
   white-space: pre-wrap;
   word-wrap: break-word;
}

#content select
{
   background: #fff;
   color: #000;
   padding: 5px;
   border: 1px solid #dfdfdf
}


/* content table */
aside table 
{
   margin-top: 1em;
}

#content table td,
#content table th.
aside table td,
aside table th 
{
   padding: 0.5em;
   border: 1px solid #767676;
   word-break: break-all;
}

nav.wp-calendar-nav
{
  width: 100%;
  display: block;
  margin: 0 auto 2.94em auto;
  color: inherit;
}

nav.wp-calendar-nav a
{
  color: inherit;
}

#wrapper #content article .wp-block-calendar nav .wp-calendar-nav-prev a
{
  float:left;
}

#wrapper #content article .wp-block-calendar nav .wp-calendar-nav-next a
{
  float:right;
}

#content form.post-password-form input
{
   border: 1px solid #dfdfdf;
   display: block;
   min-height: 30px;
   line-height: 30px;
   background: #fff;
   color: #000;
   border: 1px solid #dfdfdf;
   padding: 0 10px;
   margin-bottom: 10px;
}

#content form.post-password-form input:nth-child(2):hover
{
   background: #544E55;
   color: #fff
}

.wp-block-query-pagination>.wp-block-query-pagination-next,
.wp-block-query-pagination>.wp-block-query-pagination-numbers,
.wp-block-query-pagination>.wp-block-query-pagination-previous
{
margin-bottom:.5em;
margin-right:.5em; 
font-size: 20px}

/* pagenav */
div.pagenav
{
   clear: both;
   font-weight: bold;
   font-size: 18px;
   padding: 2%;
   width:96%;
   display: block;
   float: left;
   margin-bottom: 50px;
}

#content div.pagenav ul,
.attachment div.pagenav
{
   margin-left: 0;
}

#content div.pagenav li
{
   float: left;
   list-style: none;
   margin: 0 5px;
}

#content div.pagenav a
{
   text-decoration: none;
   color: #464646;
   -ms-word-wrap: break-word;
   word-wrap: break-word;
}

#content div.pagenav a:hover,
#content div.pagenav span.current
{
   color: #FF5D4C;
}

nav.woocommerce-pagination ul.page-numbers li a
{
   color: #000 !important
}

/* footer */
footer#footer
{
   margin-left: calc( -90vw / 2 + 100% / 2 );
   margin-right: calc( -90vw / 2 + 100% / 2 );
   width: 90vw;
   margin-top: 10px;
   float: left;
   clear: both;
}

footer#footer p
{
   font-size: 16px;
   padding: 20px;
}

footer#footer p a
{
   text-decoration: none;
   font-weight: bold;
}

footer#footer p span#left
{
   float: left;
}

footer#footer p span#left
{
   float: right;
}

/* gallery */
.gallery 
{
   margin: 0 auto 18px;
}

.gallery .gallery-item 
{
   float: left;
   margin-top: 0;
   text-align: center;
   width: 33%;
}

.gallery-columns-2 .gallery-item 
{
   width: 50%;
}

.gallery-columns-4 .gallery-item 
{
   width: 25%;
}

.gallery-columns-2 .attachment-medium 
{
   max-width: 92%;
   height: auto;
}

.gallery-columns-4 .attachment-thumbnail 
{
   max-width: 84%;
   height: auto;
}

.gallery .gallery-caption 
{
   color: #000;
   font-size: 14px;
   margin: 0 0 13px;
}

.gallery dl 
{
   margin: 0 0 10px 0;
   clear: none;
}

.gallery img 
{
  border: none;
  height: auto;
  max-width: 90%;
}

#content .attachment img 
{
   display: block;
   margin: 0 auto;
}

.attachment-thumbnail
{
   margin-top: 5px;
   max-width: 84%;
   height: auto;
}

.gallery .attachment-thumbnail
{
   margin-top: 0;
}

/* images */
img, svg 
{
   max-width: 100%;
   height: auto;
}

/* images alignment */
aside .wp-caption.alignnone
{
   margin: 10px 20px 30px 0;
   border: 0;
   max-width: calc(100% - 16px); /* Image does not overflow the content area */
   padding: 8px 8px 12px 8px;
   text-align: center;
   clear: both;
}

.alignnone,
a img.alignnone 
{
   margin: 5px 0 30px 0;
}

.aligncenter,
a img.aligncenter 
{
   display:block;
   margin: 5px auto 25px auto;
}

.alignright,
a img.alignright 
{
   float:right;
   margin: 5px 0 25px 20px;
}

.alignleft,
a img.alignleft 
{
   float:left;
   margin: 5px 20px 25px 0;
}

/* wp-block-cover alignment */
.wp-block-cover 
{
   margin-bottom: 25px;
}

.wp-block-cover.alignleft 
{
   float:left;
   margin: 5px 20px 25px 0;
}

.wp-block-cover.alignright 
{
   float:right;
   margin: 5px 0 25px 20px;
}

/* caption */
.wp-caption,
.entry-caption  
{
   background: transparent;
   max-width: 96%; /* Image does not overflow the content area */
   padding: 7px 5px 5px;
   text-align: center;
   clear: both;
}

.wp-caption.alignright 
{
   margin: 5px 0 20px 20px;
}

.wp-caption img 
{
   border: 0 none;
   height: auto;
   margin:0;
   max-width: 98.5%;
   padding:0;
   width: auto;
}

.wp-caption-text,
.entry-caption p 
{
   font-size:14px;
   line-height:16px;
   font-style: italic;
   margin:0;
   padding:0 4px 5px;
}

.wp-caption.alignnone
{
   margin: 5px 20px 20px 0;
}

img.wp-smiley
{
   border: 0;
   margin: 0;
   padding: 0;
   background: none;
}

/* comments */
#comments
{
   float: left;
   margin:0 0 45px 0;
   padding: 0 3% 0 3%;
   background: transparent;
   width: calc(100% - 6%);
   display: block
}

#wp-comment-cookies-consent
{
   float:left;
   margin: -2px 3px 0 0;
}

.comment-respond
{
   margin: 0 0 0 -15px
}

div#comments h3#comments-title,
div#comments h3#reply-title
{
   font-size: 18px;
   font-weight: bold;
}

div.comment-author,
div.comment-author cite,
div.comment-author span
{
   font-size: 16px;
}

div.comment-meta
{
   font-size: 16px;
}

div.comment-author img.photo
{
   float: left;
   margin: 2px 10px 10px 2px;
}

div#comments a
{
   color: #4E4E4E
}

ol.commentlist li.comment,
ol.commentlist li.pingback,
ol.commentlist li.trackback
{
   padding: 15px;
   margin-left: -30px;
   list-style: none;
   display: block;
}

.sidebar-bottom ol.commentlist li.comment,
.sidebar-bottom ol.commentlist li.pingback,
.sidebar-bottom ol.commentlist li.trackback
{
   width: calc(100% - 11px);
   -webkit-width: calc(100% - 11px);
}

ol.commentlist li.comment div ol,
ol.commentlist li.comment div ul
{
   margin-left: 20px;
}

div.reply
{
   font-weight: bold;
   margin-bottom: 10px;
   padding-bottom: 10px;
   clear: both;
}

.even
{
   background: #E8E8E8;
   margin-bottom: 10px;
   padding: 10px 10px  10px 10px;
}

.odd
{
   background: #F8F8F8;
   margin-bottom: 10px;
   padding: 10px 10px  10px 10px;
}

.bypostauthor
{
   border: 2px solid #3F3F3F;
}

#respond
{
   padding: 0 0 10px 0;
   margin: 0 10px 0 10px;
}

#respond input
{
   display: block;
   background: #fff;
   color: #000;
   border: 1px solid #dfdfdf;
   padding: 5px 10px;
}

#respond input#submit
{
   background: #fff;
   color: #000;
   border: 1px solid #dfdfdf;
   padding: 5px 10px;
}

#respond input#submit:hover
{
   background: #544E55;
   color: #fff
}

#respond label
{
   display: inline;
}

textarea#comment
{
   display: block;
   width: 100%;
}

div#comments div.navigation
{
   margin: 15px 0;
   color: #464646;
   font-weight: bold;
}

div#comments div.navigation a
{
   color: #464646;
   text-decoration: none;
}

div#comments p.nopassword
{
   font-weight: bold;
   margin: 0 0 5px 0;
}

p.form-allowed-tags
{
   color: #2F2F2F;
   font-weight: bold;
   margin: 10px 0;
}

.commentlink
{
   margin-top: 8px;
   font-weight: bold;
   clear: both;
}

.commentlink a,
.commentlink span.post-page-numbers
{
font-size: 17px;
   text-decoration: none;
   background: #fff;
   padding: 5px 10px;
   border: 1px solid #dfdfdf;
}

.commentlink span
{
   font-size: 17px;
}

.commentlink a:hover,
.commentlink span.current
{
   background: #544E55;
   color: #fff !important;
}

.commentlink  a,
.commentlink span.post-page-numbers
{display: inline-block;}



p.form-allowed-tags code
{
   margin: 10px 0;
   font-weight: normal
}

/* ping backs */
.pingback, .trackback 
{
   padding: 10px 10px 0px 10px;
   margin: 0 0 20px 0;
   position: relative;
   background: #F0F0F0;
   font-size: 16px;
   color: #666;
}

.pingback a, .trackback a 
{
   color: #2F2F2F;
   text-decoration: none;
}

.pingback a:hover, .trackback a:hover 
{
   color: #516170;
}

a.comment-reply-link 
{
   font-size: 16px;
   font-weight: bold;
}

a#cancel-comment-reply-link
{
margin-left: 10px}

nav.comment-navigation
{
   background: #E3E3E3;
   -webkit-box-shadow: 0 0 0 0 #888888;
   -moz-box-shadow: 0 0 0 0 #888888;
   box-shadow: 0 0 0 0 #888888;
   border: 0;
   margin: 10px 0 15px 3px;
}

nav.comment-navigation a
{
   font-weight: bold;
   text-decoration: none;
}

span.required
{
   display: inline;
}

ol.wp-block-latest-comments article
{
   padding-bottom: 0 !Important;
}


/* aside */
aside div.asidebox
{
   padding: 2% 3% 4% 3%;
   width: 94%;
}

.wp-audio-shortcode,
.wp-video
{
   margin-bottom: 35px; 
}

aside h3
{
   margin: 0 0 10px 0;
   line-height: 42px;
   min-height: 42px;
   font-size: 23px;
   font-weight: normal;
   width:100% ;
   clear: both;
   -ms-word-wrap: break-word;
   word-wrap: break-word;
}

aside .textwidget
{
   margin-bottom: 35px;  
}

aside .custom-html-widget
{
   font-size: 16px;
   padding: 10px;
}

aside .tagcloud
{
   color: #464646;
   margin-bottom: 35px; 
   padding: 0 1%;
   width: 98%; 
}

aside .tagcloud a
{
   color: #516170;
}

/* search */
form.wp-block-search
{
   margin-bottom: 30px;
   width: 100%;
   font-size: 17px;
   line-height: 20px;
}

.wp-block-search__button
{
margin-left:10px;
word-break:normal;
border:1px solid #ccc!Important;
padding:5px 10px;
width: 30%;
background:#fff!Important;
color:#000!Important
}

.wp-block-search__button:hover
{
   background: #544E55!Important;
   color: #fff!Important;
}

.wp-block-search__input
{
background: #fff;
color: #000;
border: 1px solid #ccc;
}

.wp-block-group{box-sizing:border-box}

.wp-block-search__button.has-icon
{
line-height:0
}

.wp-block-search__button svg
{
fill:currentColor;
min-height:24px;
min-width:24px;
vertical-align:text-bottom
}

.wp-block-search__inside-wrapper
{
display:flex;
flex:auto;
flex-wrap:nowrap;
max-width:100%
}

.wp-block-search__label
{
width:100%
}

.wp-block-search__button-inside .wp-block-search__inside-wrapper
{
border:1px solid #949494;
box-sizing:border-box;
padding:4px
}

form#commentform input#wp-comment-cookies-consent
{
   margin: 5px 5px 0 0;
}

aside select
{
   padding: 0 1%;
   width: 98%;
   margin: 5px 0 35px 0;
   line-height: 1;
   border: 0;
   height: 35px;
   -webkit-appearance: none;
   background: #fff;
   font-weight: bold;
}

/* aside ul + aside menu */
aside ul
{
   margin: 0 0 0 0;
   padding: 0 25px 16px 25px;
   color: #464646;
}

aside ul ul.children
{
   margin: 0;
   padding: 0;
}

aside ul li a,
aside ul li span.post-date
{
   font-size: 16px;
   color: #516170;
}

aside ul.menu
{
   margin: 10px 0 35px 0!Important;
   padding: 7px 8px 7px 8px;
   width: 100%
}

aside ul.menu ul.sub-menu
{
   margin: 0 !Important;
   padding: 0;
   width: 100%
}

aside ul.menu li
{
   list-style: none;  
}

aside ul.menu li li
{
   border-left: 3px solid #544E55
}

aside ul.menu li a
{
   background: #E3E3E3;
   display: block;
   color: #464646;
   padding: 8px 10px;
   text-decoration: none;
   border-bottom: 1px solid #544E55;
}

aside ul.menu li a:hover,
aside ul.menu li.current_page_item > a
{
   background: #544E55;
   color: #fff;
   font-weight: bold
}

/*extras*/
iframe 
{
   max-width: 100%;
}

label.screen-reader-text
{
   display: none
}

#review_form_wrapper
{
   padding: 2% 3% 4% 3%;
   width: calc(100% - 6%);
}

form.woocommerce-ordering select,
form#commentform select
{
   border: 0;
   background: #fff;
   font-weight: bold;
}

form#commentform input#author,
form#commentform input#email,
form#commentform input#url
{
   width: 50%
}

ul.products
{
   margin: 0 !important;
   padding: 0;
}


/*Gutenberg*/
nav.wp-block-navigation ul
{margin: 0 !important;}

nav.wp-block-navigation ul li
{padding: 10px}

p.has-drop-cap:not(:focus):first-letter 
{
   font-size:4.0em;
}

.wp-block-button
{
   margin:15px
}

.wp-block-file
{
   margin:25px
}

a.wp-block-file__button
{
   color: #fff !important;
}

/* Block: Cover  */
.alignfull,
.wp-block-image.alignfull,
.wp-block-gallery .alignfull,
figure.wp-block-embed.alignfull,
#content hr.alignfull 
{
   margin-left: calc( -100vw / 2 + 100% / 2 );
   margin-right: calc( -100vw / 2 + 100% / 2 );
   width: 100vw;
}

.wp-block-table.alignfull
{
   margin-left: calc( -99vw / 2 + 100% / 2 );
   margin-right: calc( -99vw / 2 + 100% / 2 );
   width: 99vw;
}

.wp-block-gallery .alignwide
{
   margin-left: calc( -90vw / 2 + 100% / 2 );
   margin-right: calc( -90vw / 2 + 100% / 2 );
   width: 90vw;
}

.wp-block-image figure.aligncenter img,
.wp-block-gallery.aligncenter
{
   margin: 0 auto;
   width: 100%
}


.wp-block-image.alignleft img
{
   margin: 0 10px 0 0
}

.wp-block-gallery li
{
   float: left;
}

.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption
{
   padding: 5px;
   width: calc(100% - 10px);
   color: #fff;
   background: transparent
}

figcaption 
{
   margin-top: -8px !important;
   padding:  10px 5px 15px 5px !important;
}

.wp-block-column p
{
   padding: 0 7px
}

.wp-block-media-text
{
   margin-bottom: 20px
}

.wp-block-tag-cloud
{
   margin-bottom: 20px
}

.wp-block-tag-cloud a
{
   color: #000
}

@media (max-width: 700px) {
header#header h1
{
   font-size: 25px;
   margin: 15px 0 0 -10px;
   float: none;
   text-align: center
   
}

#content,
aside
{
   margin-left: calc( -90vw / 2 + 100% / 2 );
   margin-right: calc( -90vw / 2 + 100% / 2 );
   width: 90vw;
   line-height: 1.5;
   font-size: 17px;
   background:transparent;
   float: left;
}

#content article
{
   margin: 0 0 45px 0;
   padding: 2% 3% 3% 3%;
   background:  transparent;
   width:calc(100% - 6%);
   display: block
}
}

@media (max-width: 400px) {
.wp-block-cover.alignleft 
{
   float:left;
   margin: 5px 0 25px 0;
   width: 88%
}

.wp-block-cover.alignright 
{
   float:right;
   margin: 5px 0 25px 0;
   width: 88%
}

form#commentform input#author,
form#commentform input#email,
form#commentform input#url
{
   width: 80%
}

}

@media screen and (max-width: 940px) {
header#header,
#content,
aside
{
   margin-left: calc( -90vw / 2 + 100% / 2 );
   margin-right: calc( -90vw / 2 + 100% / 2 );
   width: 90vw;
}
} 

.wp-container-12.wp-container-12
{flex-wrap:nowrap;
justify-content:space-between
}

.wp-container-13.wp-container-13
{
flex-direction:column;
align-items:flex-start
}

.wp-container-3.wp-container-3,
.wp-container-6.wp-container-6,
.wp-container-10.wp-container-10
{flex-wrap:nowrap}