/**
  Theme Name:   Relational
  Description:  Relational is a blogging theme made for WordPress. Not over complex but just the right mix of customization tools to create a very versatile website. Features include fast loading templates, color scheme in Customizer, add lead text to header and an additional menu where you add your social links into header space. Footer switches between sections according to width of device viewing. Relational has an option to show comment count or not show. You can pick how to display a featured image: above or as background or even not show at all. Control thumbnail overlays in the Customizer. Relation theme uses Dashicons on frontend to save font imports and we use a classic font-stack as well as two font layers built into the theme so you do not have to ping any font CDN. Has attachment template for full page image display. Add custom header image or logo. Anchor link on every page makes it easy to copy page URI for convenient sharing. Fast and dependable theme for WordPress. Perfect for blogging or authoring news or company updates. prefers-reduced-motion is supported.
  Author:       Tradesouthwest
  Author URI:   https://tradesouthwest.com
  Theme URI:    https://themes.tradesouthwest.com/wordpress/relational/
  Version:      1.1.2
  Text Domain:  relational
  Tested up to: 6.1
  Requires PHP: 5.6
  Tags:         two-columns, translation-ready, footer-widgets, featured-images, blog, e-commerce, news, custom-menu, post-formats, custom-background, custom-logo, editor-style, custom-header, threaded-comments
  License:      GPL 3
  License URI:  https://www.gnu.org/licenses/quick-guide-gplv3.en.html
 */ 
 /* latin */
/*
=Special Classes 102
=Headings and typefonts 127
=Page attributes 273
=Default WP Alignment Classes 644
=Context specific 791
=Social menu 923
=Effects 964
=Navbar  1015
=Pagination 1234
=Media query pages 1440
*/

html {
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
}

body,
h1,
h2,
h3,
h4,
p,
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

/* Allow percentage-based heights in the application */

html, body {
  height: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block
} 
/*
 Avoid text overflows
*/
p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

audio,
canvas,
progress,
video {
    display: inline-block
}


body {
    width: 100%;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.42857143;
    margin: 0;
    color: #464646;
    overflow-x: hidden;
    background: #fff;
    
}

img {
    max-width: 100%;
    height: auto;
}

figure a {
    padding: 0;
}

/* =Special Classes
*******************************************************************************/
.clearfix:before,
.clearfix:after,
.row:before,
.f-row:before,
.row:after,
.f-row:after {
    content: "";
    display: table;
}

.clearfix:after,
.row:after,
.f-row:after {
    clear: both;
}

.clearfix,
.f-row,
.row {
    transform: scale(1); /* Standard Property */
    transform-origin: 0 0;  /* Standard Property */
}

/* =Headings and typefonts
-------------------------------------------- */
.site-title,
.post-title {
    text-transform: uppercase;
}

.site-description{
    font-size: initial;
    text-shadow: 0 .5px .5px rgba(0,0,0,0.12), 0 1px 1px rgba(240,240,240,0.24);
}

.site-description span{
    max-width:96%;
}

.descriptor-alt {
    font-style: italic;
    margin-top: 1em;
}

.site-title a,
.post-title a {
    text-decoration: none;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
}
.post-title a{
    display:block;
    padding-top: 1em;
}

h1 {
    font-size: 2.6em;
    line-height: 44px;
    margin: 0 0 32px 0;
}

h2 {
    font-weight: 600;
    line-height: 42px;
    margin: 0 0 32px 0;
}

h3 {
    font-size: 1.8em;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 24px;
    margin-bottom: 33px;
}

h4 {
    font-size: 1.4em;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 27px;
    margin: 0 0 14px 0;
}

h5 {
    font-size: 1em;
    font-weight: 600;
}

h6 {
    color: #333;
    font-size: 1em;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1;
}

h1 {
    font-size: 2.118em;
    line-height: 44px;
    margin: 0 0 32px 0;
}

p {
    margin: 0 0 10px;
}

.h1 {
    font-size: 1.5266em;
    font-weight: bolder;
    margin-bottom: 20px;
}

.h4 {
    font-size: 1.26em;
    font-weight: bolder;
}
.fa-clock:before,
.fa-copy-link:before,
.fa-tags-list:before,
.fa-category-folder:before,
.fa-calendar-day:before,
.fa-comm-count:before {
    font-style: normal;
    font-family: 'Dashicons';
    padding: 0 2px 1px 4px;
}

button.fa-copy-link,
.perma-hover-link{
    background-image: none;
    background: transparent;
    border: none;
    padding:1px;
}
.fa-copy-link:before {
    content: "\f103";
    margin-left: -1em;
    display: block;
    margin-top: 1.18em;
}

.fa-clock:before {
    content: "\f469";
}

.fa-tags-list:before {
    content: "\f14c";
}

.fa-category-folder:before {
    content: "\f318";
}

.fa-calendar-day:before {
    content: "\f508";
}
.fa-comm-count:before {
    content: "\f101";

}

.hidden{
    display: none;
}

.excerpt-meta{
    white-space: normal;
}

/* =Page attributes
-------------------------------------------- */

#copyFooter,
.sidemount,
.container-main,
.footer-page {
    display: block;
}

#Main {
    padding-left: 1em;
    margin-top: 0;
    padding-top: 0;
}

#Main .post:first-child {
    margin-top: 4.67em;
}

.blog #Main,
.home #Main{
    padding-left:1em;
}
.page-wrap {
    padding-right: 0;
    padding-left: 0;
}

.site-header {
    text-align: center;
}

.single #Main{
    padding-top: 0;
    margin-top: -.938em;
}

.blog #Main {
    padding-top: 0;
}

.page .post-content{

    padding-left: .67em;
}
.post-content {
    padding-bottom: .67em;
    border-bottom: 1px solid #ddd;
}

.perma-hover-link {
    color: transparent;
    margin-left: 1em;
    width: 82.5%;
}

.perma-hover-link:hover {
    color: #038;
    cursor: text;
}

.single-page-header .fa-copy-link,
.single-article-header .fa-copy-link{
    float:left;
    margin: -.75em .14em 0 0;
    cursor: pointer;
}

.single-page-header,
.single-article-header{
    position: relative;
    max-width: 93.8%;
}
.single-article-header .articleheading{
    margin-top: 1em;
}

.single-page-header .perma-hover,
.single-article-header .perma-hover{
    margin-top: -.444em;
    display: block;
}

.single-page-header{
    padding-left: 1em;
}

#copyFooter {
    position: absolute;
    text-align: center;
    margin: 0 auto;
    bottom: 0;
    width: 100%;
}

#copyFooterFooter {
    display: none;
    min-height: 4em;
}

.site-logo {
    text-align: center;
    overflow: hidden;
    margin-bottom: 1.5em;

}

.header-logo img {
    max-height: inherit;
}

.space-above {
    height: 12em;
}

[class^="space-above-"]{
    display: block;
    width: 100%;
}

.space-above-large {
    min-height: 6.275em;
}

.space-above-fornav{
    font-size: inherit;
    position: sticky;
}

.space-above-small{
    min-height: 2.666em;
}

.space-above-medium{
    min-height: 3.825em;
}

.space-above-single,
.space-above-attachment{
    min-height: 7.222em;
}

.relational-featured{
    margin: 0 auto 2em;
    text-align: center;
    display: block;
}

.page .post-title.h4 {
    margin-top: 0;
}

.inner_content{
    line-height: 1.5758;
    margin-top: 1em;
    padding-right: 3em;
    padding-left: .45em;
}

.post-footer{
    margin-top: 1em;
    margin-bottom: 2em;
}

.content-woo{
    width: 98.8992%;
    margin: 0 auto;
    box-sizing: border-box
}

.comment-form label {
    min-width: 80px;
    display:   inline-block;
    border-bottom: thin dotted #ddd;
    vertical-align: bottom;
}

.comment-content {
    font-size: .938em;
    line-height: 1.36666;
}
.relational-authorby{
    width: 100%;
    overflow: hidden;
    margin-top: 1em;
    background: #fcfcfc;
    border-left-width: 1px;
    border-left-style: hidden;
    margin-left: .5em;
    padding: 0 .5em;
    font-size: smaller;
}

.relational-authorby table{
    padding: 0;
    margin: 0;
    border: none;
}

.page #relationalAuthoringBox{
    margin-left: 1em;
    width: 90%
}

.relational-authortop{
    margin-left: 0;
    display: inline-block;
    vertical-align: top;
    background: #fff;
    padding:3px;
}

.pcnt-twenty{
    width: 20%;
}
.authorbox-below{
    width: 91%;
    display: block;
}

.authorbox-above{
    width: 100%;
    min-height: 1em;
    margin-bottom: 1em;
}

.authorbox-beside{
    width: 68%;
    margin: 1em;
    height: 100%;
}

.relational-authoring-avatar{
    margin-top: 10px;
}
.relational-authoring-avatar img{
    position: static;
}
.authfloat{
    margin-left: 1%;
    margin-top: 0;
}
.authorbox-beside .authfloat{
    margin-left: 0;
    height: 100%;
}
.authorbox-above .authfloat{
    margin-top:0

}
.authoring-nicename {
    font-weight: bold;
    font-size: 1em;
    margin-top: -.67em;
}

.relational-advert{
    width: 98.8992%;
    min-height: .05em;
    margin: 1em auto;
    text-align: center;
    padding-top: 10px;
}

.advert-alt{
    margin-left: 0;
    width: 97%
}

.entry-attachment .attachment{
    width: 98.244%;
    margin: 1em .67em 1em auto;
}

.attachment-post{
    margin-left: 1.22em;
}

.attachment-post figcaption{
    text-align: center;
}

.entry-attachment {
    max-width: 93.8%;
    clear:left;
}

.sticky .post-content{
    border-bottom: none;
}

.imgwrap-link{
    padding: 0;
    margin-bottom: 1em;
    margin-top:    1em;
}
.linked-attachment-container{
    background: inherit;
}
.relation-featured_image,
.attachment-relation-featured{
    text-align: center;
    margin-bottom: 10px;
}
.relation-featured_image:after{
    content: "";
    clear: both;
    display: block;
}
.background_image{
    position: relative;
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
    min-height: 3em;
}
.excerpt-ghost{
    height:100%;
    width:100%;
    display:block;
}

.thumbnail-above{
    width: 100%;
    min-height: 50px;
}
.thumbnail-beside-content{
    width: 100%;
}
.beside-thumb{
    width: 30%;
    float: left;
    margin-top: 0;
    overflow:hidden;
}
.beside-thumb img{
    object-fit: cover;
    height: 150px;
    width: 100%;
    margin-left: -25px;
}
.excerpt-content:after{
    content: "";
    clear: both;
    display: table;
}
.excerpt-besides{
    margin-left: 30%;
}

.breakleft{
    display: block;
    float: left;
}
.breakleft:after{
    content: " ";
    clear: both;
    display:table;
    width: 100%;
    height: .01em;
}

.footer-sidebar-wrapper{
    display: block;
    width: 96%;
    margin: 0 auto;
}

.faux-footer{
    width: 100%;
    position: relative;
    padding: 10px 40px;
}

/*
 * =Default WP Alignment Classes
 *****************************************************************************/

.sticky{
    background-color: transparent; /* #f3fafa; */
}

.logged-in-as,
.logged-in-as a,
.logged-in-as span {
    font-size: smaller;
}

.comment-reply-title{
    border-top: thin dotted #e2e2e2;
    opacity: .8
}

.aligncenter,
.alignleft,
.alignright {
    display: block;
    padding: 0;
}

.alignnone {
    float: none;
    margin: 0;
}

.aligncenter {
    float: none;
    margin: 0 auto;
    text-align: center;
}

.alignright {
    float: right;
    margin: .5em 0 1em 1em;
}

.alignleft {
    float: left;
    margin: .5em 1em 1em 0;
}

.aligncenter img {
    float: none;
    margin: .5em auto 1em;
}

.alignright img {
    float: right;
    margin: .5em 0 1em 1em;
}

.alignleft img {
    float: left;
    margin: .5em 1em 1em 0;
}

.wp-caption figcaption {
    padding: 5px 0;
    border: 1px solid #555;
    background: #eee;
    color: #656565;
    text-align: center;
}

.wp-caption img {
    display: initial;
}

.wp-caption-text {
    margin: 5px 0 0;
    padding: 0;
    text-align: center;
    font-size: 75%;
    font-weight: 100;
    font-style: italic;
    color: #ddd;
}

figure {
    max-width: 100%;
    height: auto;
    margin: 1em 0;
}
/*
img[class*="align"],
img[class*="wp-image-"] {
    height: auto;
    max-width: 100%;
    max-width: 60.25vw;
}
*/
.entry-content img,
img[class*="align"],
img[class*="wp-image-"],
div[class*="attachment_"] {

    /* Make sure images height and width are scaled */
    max-width: 98.8992%;

}

img[class*="-thumbnail"] {
    padding: 5px;
}

tr,
img {
    page-break-inside: avoid;
}

.search-field,
input{
    padding: 5px 2px 6px 1px;
    border-radius: 0;
    border: thin solid #ddd
}

.wp-block-search{
    margin: 1em auto 1em 0;
    border-bottom: thin solid #fff;
    padding: 0 0 1em;
    width: 97.215%;
    background-color: rgba(250, 250, 250, .75);

}
.gallery-caption,
.bypostauthor{
    font-style: italic;
}

.wp-block-latest-comments__comment,
.comment-body{
    border-bottom: thin solid #ddd;
    padding-top: 4px;
}

.reply:before{
    content: "^";
    margin: 2px;
}

/* =Context specific
------------------------------------------- */

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sr-only-focusable:hover,
.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

dl {
    margin-top: 0;
    margin-bottom: 20px;
}

dt,
dd {
    line-height: 1.42857143;
}

dt {
    font-weight: bold;
}

dd {
    margin-left: 0;
}

abbr[title],
abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #777;
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
}

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
    margin-bottom: 0;
}

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143;
}

code,
xmp,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
    overflow-x: auto;
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0;
}

.excrpt-more {
    margin-left: 8px;
}

.rtl .excrpt-more {
    margin-right: 8px;
}

ul.list-inline {
    list-style: none;
    display: inline;
    padding: 0;
}

.list-inline li {
    float: left;
    margin-right: 4px;
}

table{
    margin-top: 1em;
    margin-bottom: 2em;
}

/** =Social menu
----------------------------------------------- */
.site-icons {
    width: 100%;
    margin-top: 1.62em;
}

.social-sites ul {
    white-space: nowrap;
    display: inline-block;
    list-style: none;
    position: relative;
    margin: 0;
}

.social-sites ul li {
    float: left;
    position: inherit;
    height: 100%;
}

.social-sites a {
    text-decoration: none;
    display: block;
    padding: 4px 10px;
    margin-left: 10px;
    margin-top: 5px;
    font-family: sans-serif;
    background: #fefefe;
    border: thin solid #ddd;
}

.social-sites a:hover {
    box-shadow: 0 0 1px 2px #ddd;
}

.social-sites ul li:first-child a {
    margin-left: -30px;
}

/** =Effects
----------------------------------------------- */
.indicator-wrapper {
  position: fixed;
  
  width: 49%;
  height: 5px;
  transform: rotate(90deg);
  border: thin dashed #efefef;
}

.indicator {
  width: 0;
  height: 100%;
  box-shadow: 0 1px 3px #888888;
} /*
.indicator:before{
    content: "[...]";
    position: relative;
    font-size: x-small;
    transform: rotate(90deg);
    margin-left: -6vh;
    padding-right: 2em;
} */
.indicator-text{
    position: relative;
    left: 1em;
}
.attachment .indicator-wrapper,
.blog .indicator-wrapper,
.front-page .indicator-wrapper{
    display: none;
}
.page-read-icon{
   margin: 0 -1em 0;
    padding: 0;
    margin: 0;
    font-size:larger
}

.page-read-icon i{
color: inherit;
}
 
.page-read-icon:after{
    content: " ";
    display: table;
    clear: both;
}  

/** =Navbar 
----------------------------------------------- */

#nav a {
    text-decoration: none;
    display: block;
    padding: 5px 12px;
    margin-left: 2px;
    margin-top: 2px;
    font-family: inherit;
    background: #fcfdfe;
    height: 2.25rem;
    line-height: 1.67;
    min-width: 46px;
    box-sizing: border-box;
    font-weight: normal;
    
    
}

#nav a:hover {
    color: #1a1d1e;
    background: #f7f7f7;

}

#nav ul {
    white-space: nowrap;
    display: inline-block;
    list-style: none;
    position: relative;
    margin: 0;
}

#nav ul:after {
    content: "";
    clear: both;
    display: block;
}

#nav ul ul {
    display: none;
    margin-top: -1px;
    
}

#nav > ul li ul {
  display: none;
}
#nav > ul li:hover ul,
#nav > ul li:focus ul {
  display: block;
}
#nav a:active, #nav a:focus {
  background: rgba(220,221,222, .9);
  color:#000066;
}
#nav ul li:hover > ul,
#nav ul li:focus-within > ul,
#nav ul li ul:hover,
#nav ul.sub-menu li,
#nav ul.sub-menu li:focus-within > ul,
#nav ul.sub-menu li ul:hover {
    visibility: visible;
    opacity: 1;
    display: block;
}
#nav ul li {
    float: left;
    position: inherit;
    height: 100%;
}
#nav ul > li a:after{
    content: " / ";
    margin: 1px 0 1px .444em;
    opacity: .84
}
#nav ul > li:last-child a:after,
#nav ul ul li a:after {
    content: "";
}
/* following avoids offset of stacked menu items, adjust to taste */
#nav ul li ul {
    position: absolute;
    left: 0px;
    display: none;
    z-index: 500;
}

/* makes the second level takes position from first */
#nav ul li ul:after {
    content: " ";
    clear: both;
    display: table-cell;
}

#nav ul li:hover ul {
    display: block;
}

/* end adjustment for double row of menu items */
#nav ul.sub-menu li {
   /* left: 0;
    margin-bottom: 0; */
    width: 100%;
}
#nav ul.sub-menu li ul li{
    /* debug tool 
    border-left: 2px solid blue; */
    margin-left: calc( .3336 * 100% );
}
#nav ul.sub-menu li a {
    font-size: initial;
    word-wrap: normal;
    white-space: pre;
    min-width: 100%;
    width: auto;
    max-width: 100%;
}

#nav .menu-item-has-children ul li:first-child {
    /* debug tool 
    border-left: 2px solid red; */
    bottom: 0;
    left: 0;
}
#nav .menu-item-has-children ul li ul li{
    display:none;
}

#nav .menu-item-has-children ul li:hover ul li,
#nav .menu-item-has-children ul.sub-menu li:focus-within > ul li{
    display:block;
    visibility: visible;
    opacity: 1;
}

#nav .menu-item-has-children ul li ul li:first-child {
    /* debug tool
    border-left: 2px solid green; */
    margin-top: 0
}
/* yonder hither is thy magic */
#nav .menu-item-has-children>a:first-child::after {
    content: ">";
    color: revert;
    font-size: smaller;
    transform: rotate(90deg);
    display: inline-block;
    padding: 1px;
    width: 1em;
    height: 1em;
    position: relative;
    left: 1em;
    bottom: -10px;
    opacity: .36
}

#nav ul ul {
    padding: 0;
    position: absolute;
    top: 2em;
}

#nav ul ul li {
    float: none;
    position: relative;
}

#nav ul ul li a {
    width: 100%;
}

#nav ul ul ul {
    position: absolute;
    left: 18%;
    top: 2.188em;
}

#nav ul ul ul li a {
    float: none;
    margin-top: auto;
    width: 100%;
}

#nav ul li.current_page_item>a,
#nav ul li.current-menu-ancestor>a,
#nav ul li.current-menu-item>a,
#nav ul li.current-menu-parent>a {

    font-weight: bolder;
}

/* Text meant only for screen readers */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar */
}

.navbar-fixed {
    display: block;
    position: absolute;
    border-bottom: 1px solid #ddd;
    z-index: 999;
    width: calc( calc( .6 * 100% ) - .1em );
    min-height: 1px;
    background: #ffffff;
    margin-top: 0;
    padding: 10px 5px;
    right: 0;
    box-shadow: 0 3px 4px -1px rgba(80,80,80, .2);

}

/* =pagination
----------------------------------------------- */
.nav-block {
    border: 0;
    padding: 0;
    margin: 0;
    width: 100%;
}

.pagination {
    display: inline-block;
    width: 98%;
    margin: 7px auto;
}

#lower-navigation a,
.search-submit {
    color: initial;
    text-decoration: none;
    cursor: pointer;
}

#lower-navigation a:hover{
    text-decoration: underline
}

.nav-previous,
.nav-next,
.postlink .btn-paging,
.search-submit {
    min-height: 2em;
    display: inline-block;
    min-width: 120px;
    padding: 3px 12px;
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.985;
    text-align: center;
    
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transition: box-shadow 0.5s ease;
    border: 1px solid #e2e2e2;
    border-radius: 0;
    user-select: none;
    margin-left: .78em;
}

.search-submit:hover,
.nav-previous:hover,
.nav-next:hover,
.postlink .btn-paging:hover{
    box-shadow: 0 0 1px 2px #ddd;
}
.search-submit{
    padding: 0;
}
.nav-previous {
    border-left: 3px solid #d0d0d0;
}

.nav-next {
    border-right: 3px solid #d0d0d0;
}

.nav-previous a:hover,
.nav-next a:hover {
    text-decoration: none;
}

.nav-title {
    color: inherit;
}

.nav-subtitle {
    color: black;
}

.navbar-brand img {
    position: relative;
    top: -.7825em;
}

.previous {
    background: #fcfcfc;
}

.previous a {
    color: #14c;
    padding-left: 7px;
    padding-right: 7px;
}

.next {
    background: #fafafa;
}

.next a {
    color: #14c;
    padding-left: 7px;
    padding-right: 7px;
}

span.space {
    margin: 0 2px;
    width: 1px;
}

p.post-pagination,
.pagination p.nextpage-pagination {
    margin-left: .75em;
    font-size: 1.45em;
}

.pagination p.nextpage-pagination a,
.post-pagination span.space a,
.post-pagination span.space:not(a) {
    padding: 6px 8px;
    /* height: 36px; */
    background: #f9f9f9;
    color: midnightblue;
    border: 1px solid #f7f7f7;
    border-bottom: 3px solid #d0d0d0;
    display: inline;
    position: relative;
    vertical-align: top;
}

.postlink {
    width: 100%;
    padding: 7px 15px 0 15px;
    text-align: center;
    height: 4em;
    margin: 15px auto;
}

.meta-default{
    margin-top: 1em;
}

.footer-addon .widget{
    min-height: 100px;
    padding: 20px;
}

#comment{
    width: 66%;
}

.fieldset-commentform{
    border-bottom: thin dotted #e2e2e2;
    padding-left:10px;
    border-radius: 3px;
}
.form-allowed-tags{
    font-size: small;
    border: thin dotted #e2e2e2;
    width: 67%;
    margin-bottom:0;
}

.tagsatts code{
    width: 66.175%;
    display: block;
    border-radius: 0;
    background-color: oldlace;
    margin: 4px 0 8px;
    font-size: x-small;
}

.tagsatts code:hover{
    background-color: transparent;
}

.comm-title{
    font-size: smaller;
}

.submit{
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
}


.sidemount {
    position: relative;
    width: 98.8992%;
    margin: 0 auto;
    float: none;
    z-index: 2;
    background-color: transparent;
}

.container-main {
    float: none;
    width: 98.8992%;
    margin: 0 auto;
    padding-left: .675em;
    background-color: transparent;
}

/* .navbar-fixed @ln 831 */

/* =Media query pages
------------------------------------------- */
@media screen and (min-width: 1440px) {
    .sidemount {
        width: calc(.4 * 100%);
    }
}

@media screen and (min-width: 992px) {
    .sidemount {
        position:      fixed;
        margin-top:    0;
        width:         calc(.3999 * 100%);
        height:        100%;
        border-right:  thin solid #eee;
        float:         left;
        padding-right: 15px;
    }

    .container-main {
        width: calc(.6 * 100vw);
        display: block;
        float: right;
        clear: inline-end;
    }
    #copyFooter {
        min-height: 4em;
        padding-bottom: 20px;
    }

    .space-above {
        min-height: 12em;
    }

    .navbar-fixed {
        position: fixed;
        
    }

    article.post,
    .main aside{
        padding-left: 30px;
        padding-right: 30px;
        width: 98%;
        margin: 0;
    }
    .indicator-wrapper {

top: 36.1285em;
  left: 16.44%;
    }

}
/* Responsive break-point 992 */
@media screen and (max-width: 992px) {
    body{ 
        font-size: 93.8%;
    }
    #copyFooter {
        display: none;
    }

    #copyFooterFooter {
        display: block;
        padding-top: 20px;
        padding-left: 1em;
    }

    .sidemount {
        width: 100%;
        margin: 0 auto;
    }

    .navbar-fixed {
        border-top: 1px solid #ddd;
        width: 96%;
        margin-top: 20px;
    }

    #nav a {
        font-size: inherit;
    }

    .fa-copy-link:before {
        margin-top: 2em;
    }
    .indicator-wrapper {

top: 33em;
  left: -23%;
    }
   
}

/* 654 or 768 */
@media screen and (max-width: 768px) {

    #Main .post:first-child{
        margin-top: 6em;
    }
    #nav ul li {
        width: fit-content;
        display: block;
        border-bottom: thin dotted #e2e2e2;
    }
    #nav ul.sub-menu {
        background: #ffffff;
        margin-left: -38%;
    }
    #nav li,
    #nav ul.sub-menu li a,
    #nav .menu-item-has-children > a:first-child::after{
        font-size: 1em;
    }
    .page-wrap{
        padding-left:0;
        padding-right: 0;
    }
    .single-article-header{
        margin-top: 4em;
    }
    .space-above-attachment{
        margin-top: 4em;
    }
    .space-above-medium{
        min-height: 7.222em;
    }
    .beside-thumb img{
        margin-left: -10px;
    }
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */

@media print {

    *,
    *:before,
    *:after {
        color: #000 !important;
        text-shadow: none !important;
        background: transparent !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100%;
        max-width: 100%;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    .navbar {
        display: none;
    }

    .btn>.caret,
    .dropup>.btn>.caret {
        border-top-color: #000;
    }

    .label {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse;
    }

    .table td,
    .table th {
        background-color: #fff;
    }

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #ddd;
    }

    /* Setting content width, unsetting floats and margins */
    #content {
        width: 100%;
        margin: 0;
        float: none;
    }

    /** Setting margins */
    @page {
        margin: 2cm
    }

    /* Set font to 16px/13pt, set background to white and font to black.*/
    /* This saves ink */
    body {
        font-size: 13pt;
        line-height: 1.3;
        background: #fff !important;
        color: #000;
    }

    h1 {
        font-size: 24pt;
    }

    h2,
    h3,
    h4 {
        font-size: 14pt;
        margin-top: 25px;
    }

    /* Defining all page breaks */
    a {
        page-break-inside: avoid
    }

    blockquote {
        page-break-inside: avoid;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        page-break-after: avoid;
        page-break-inside: avoid
    }

    img {
        page-break-inside: avoid;
        page-break-after: avoid;
    }

    table,
    pre {
        page-break-inside: avoid
    }

    ul,
    ol,
    dl {
        page-break-before: avoid
    }

    /* Displaying link color and link behaviour */
    a:link,
    a:visited,
    a {
        background: transparent;
        color: #520;
        font-weight: bold;
        text-decoration: underline;
        text-align: left;
    }

    a {
        page-break-inside: avoid
    }

    a[href^=http]:after {
        content: " < " attr(href) "> ";
    }

    /*fixed*/
    a:after>img {
        content: "";
    }

    article a[href^="#"]:after {
        content: "";
    }

    a:not(:local-link):after {
        content: " < " attr(href) "> ";
    }

    code,
    pre {
        font-family: "Courier New", Courier, mono
    }

    ul,
    ol {
        list-style: square;
        margin-left: 18pt;
        margin-bottom: 20pt;
    }

    li {
        line-height: 1.6em;
    }

    #commentform,
    .sidemount {
        display: none;
    }
}

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
   scroll-behavior: auto;
  }
  
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}