/* PAGE */
#page{position:relative;margin:0 3% 30px;text-align:left;}
#page:after{content:"";display:table;clear:both;}
#page h1, .heading-1{margin:0;color:var(--color-primery);font-size:2rem;font-weight:normal;}
#page .msg.error h1, #page .msg.error .heading-1{margin-top:.4em;color:#fff;}
#page .msg.error.panel h1{margin:0;font-size:1rem;}

body.home #page h1{display:none;}

/* PAGE - BREADCRUMB (navigation path) */
.breadcrumb{margin-bottom:1.25rem;}
.breadcrumb ol{list-style:none;}
.breadcrumb li{display:inline-block;}
.breadcrumb li:not(:first-child)::before{content:"\203A";display:inline-block;padding:0 .5em;color:#6e6e6e;font-weight:bold;}

/* PAGE CONTENT */
#page div.content{padding-top:1em;line-height:1.5em;}
#page div.content > ul, #page div.content > ol{padding:0 0 0 2em;}
/* #page div.content > ul:after, #page div.content > ol:after{content:"";display:table;clear:both;} */ /* Uncomment if necessary */
#page div.content > ul li, #page div.content > ol li{margin:.5em 0;padding:0;}
#page div.content > h2, #page div.content > h3{font-size:1.5rem;line-height:2em;font-weight:normal;}
#page div.content > h3{font-size:1.25rem;}
#page div.content > p{padding-bottom:1em;}

#page > time{color:#6e6e6e;}
@media screen and (min-width:960px){
  #page > time{position:absolute;top:2.5rem;right:0;}
}


/* PAGES FEATURES */
.features{width:100%;margin:1rem 0;border-collapse:collapse;font-size:1em;}
.features caption{padding:5px;background:var(--color-primary);color:#fff;text-align:center;font-weight:bold;}
.features tbody tr > *{padding:6px 9px;background:#fff;font-weight:normal;text-align:left;}
.features tbody tr:nth-child(even) > *{background:var(--color-grey);}
.features span b{font-size:1.7em;}
.feat-info{cursor:pointer;margin-left:5px;font-weight:600;font-size:14px;}
.feat-popup{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.6);z-index:9999;}
.feat-popup.show{display:block;}
.feat-popup-content{background:#fff;padding:40px;max-width:700px;margin:200px auto;border-radius:8px;}
.feat-close{float:right;font-size:40px;cursor:pointer;}


/* TAGS */
ul.tags{clear:both;display:flex;flex-wrap:wrap;align-items:center;padding:1rem 0;list-style:none;}
.tags li{display:inline-block;}
.tags a{display:inline-flex;margin:2px 5px;padding:2px 8px;border:1px solid var(--color-divider);}
.tags a:hover{color:var(--color-secondary);}
.tags li.head a{margin:0;padding-left:0;border:0;}
.tags .icon{width:.875rem;fill:var(--color-secondary);margin-right:.75em;}


/* COMMENTS */
#comments{clear:both;padding:1.5rem 0;border-top:5px solid var(--color-divider);}
#comments h2{padding-bottom:1rem;color:var(--color-secondary);font-size:1.5rem;font-weight:normal;border-bottom:1px solid #eff0f3;}
#comments article{width:100%;margin:1rem 0;padding-bottom:1rem;border-bottom:1px solid #eff0f3;}
#comments header{margin-bottom:.5rem;}
#comments h3{display:inline-block;font-size:1rem;color:var(--color-primary);}
#comments time{float:right;color:#888;font-size:0.875rem;}
#comments p{font-size:0.875rem;line-height:1.5em;}
#comments .msg{margin:2rem 0 3rem;}
@media screen and (max-width:1023px){
  #comments .msg{background-image:none;}
}
#comments-form legend{padding-bottom:1.5rem;font-size:1.25rem;color:var(--color-secondary);}
.comments-count{display:block;padding:0.3em 0;color:#6e6e6e;}


/* PAGE MODIFICATION DATE AND AUTHOR */ 
.modify-info{clear:both;padding-top:10px;list-style:none;font-size:0.875em;}
.modify-info li{padding:5px 0;}
.modify-info .value{font-weight:bold;}


/* ASK ABOUT LINK - redirects to contact panel */
#ask-about-link a{display:inline-flex;margin:.8em 0;color:var(--color-secondary);}
#ask-about-link .icon{fill:var(--color-secondary);margin-right:.5em;}
#ask-about-link a:hover{color:var(--color-primary);}
#ask-about-link a:hover .icon{fill:var(--color-primary);}