/*
Template Name: Spacious
Original Wordpress Theme URI: https://themegrill.com/themes/spacious
Dokuwiki Template URI: http://www.dokuwiki.org/template:spacious
Author: Simon DELAGE <sdelage@gmail.com>

Description: Spacious is an incredibly spacious multipurpose responsive theme coded & designed with a lot of care and love. You can use it for your business, portfolio, blogging or any type of site. It has 4 page layouts, 2 page templates, 4 blog display types, 13 widgets areas, 5 custom widgets focusing on business template, awesome slider, primary color option to match your logo & website, boxed & wide layout, light & dark color skin, translation ready and many more. You can get free support in https://themegrill.com/support-forum/ and check the demo at https://demo.themegrill.com/spacious/.
License: GNU General Public License v3
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: one-column, two-columns, right-sidebar, left-sidebar, flexible-header, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, footer-widgets, blog, e-commerce, rtl-language-support

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

/* =Reset
-------------------------------------------------------------- */
html {
    box-sizing: border-box;
}

* {
    box-sizing: inherit;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

html {
    overflow-y: scroll;
    /* Keeps page centred in all browsers regardless of content height */
    -webkit-text-size-adjust: 100%;
    /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    -ms-text-size-adjust: 100%;
    /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
    /* set 1rem (base font-size) to be equivalent to 10p */
    font-size: .625em; /* fallback IE8+ */
    font-size: calc(1em * .625); /* IE9-IE11 math fixing. See http://bit.ly/1g4X0bX */
}

body {
    font-size: 1.6em;
}

article, aside, details, figcaption, figure, footer, header, main, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
}

table {
    /* tables still need 'cellspacing="0"' in the markup */
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 1.5rem;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    border-collapse:collapse; 
}


th {
    font-weight: bold;
    border: 1px solid @ini_border;
    padding: 6px 10px;
    background-color: @ini_background_alt;
}

td {
    border: 1px solid @ini_border;
    padding: 6px 10px;
}

td, th {
  padding: 10px;
  position: relative;
  outline: 0;
}

caption, th, td {
    text-align: left;
}

tr:hover {
    background-color: @ini_background_alt;
}

/*
blockquote:before, blockquote:after {
    content: "";
}

q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}
*/

embed,
iframe,
object {
    max-width: 100%;
}

button::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0;
}

/* =GLOBAL
----------------------------------------------- */
body,
button,
input,
select,
textarea {
    color: #666666;
    /*font: 1.6rem 'Lato', 'Open Sans', sans-serif;*/
    font-family: 'Lato', 'Open Sans', sans-serif;
    line-height: 1.4;
    word-wrap: break-word;
}

body {
    background-color: @ini_background_site;
}

body.tpl-pattern-bg,
body.wiki-pattern-bg {
    background-position: left top;
    background-size: auto;
    background-repeat: repeat;
    background-attachment: scroll;
}

body.tpl-pattern-bg {
    background-image: url(images/pattern.png);
}

body.wiki-pattern-bg {
    background-image: url(/lib/exe/fetch.php?media=wiki:pattern.png);
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6,
#dw__toc h3 {
    color: @ini_theme_color;
    font-weight: normal;
    font-family: 'Lato', sans-serif;
}

h1,
h2,
h3,
h4,
h5 {
    padding: 0 0 18px 0;
}
/*
h6 {
    padding: 0 0 .25rem 0;
}
#dw__toc h3 {
    padding: 0 0 .5rem 0 !important;
    margin: 0 3px;
}
*/

h1 {
    font-size: 3rem;
    /*line-height: 36px;*/
}

h2 {
    font-size: 2.8rem;
    /*line-height: 34px;*/
}

h3 {
    font-size: 2.6rem;
    /*line-height: 32px;*/
}

h4 {
    font-size: 2.4rem;
    /*line-height: 30px;*/
}

h5 {
    font-size: 2.2rem;
    /*line-height: 28px;*/
}

h6,
#dw__toc h3 {
    font-size: 1.9rem;
    /*line-height: 25px;*/
}

h6 span.label,
#dw__toc h3 {
    border-bottom: 2px solid @ini_blue_color;
    padding: 0 0 3px 0 !important;
    line-height: 1.7;
    display: unset;
}

/*
#dw__toc h3 {
    margin: 0 5px;
}
*/

/*
#dw__toc h3 strong {
    margin-bottom: .5rem;
}
*/

/*
h6 strong {
    display: none;
}
*/

svg {
    width: @ico-width;
    height: @ico-width;
    margin: 0;
    display: inline-block;
    vertical-align: bottom;
    fill: @ini_border;
}

.breadcrumbs svg {
    fill: @ini_text_neu;
}

hr,
.vr {
    border-color: @ini_border;
}

hr {
    border-style: solid none none;
    border-width: 1px 0 0;
    height: 0;
    /*margin: 1rem;*/
    /*margin: 0 1rem;*/
    /*margin: 0 1rem 1.5rem;*/
    margin-left: 2rem;
    margin-right: 2rem;
}

.vr {
    /*background-color: @ini_border;*/
    /*border-left: 1px solid @ini_border;*/
    border-style: none solid none none;
    border-width: 0 1px 0 0;
    width: 0;
    margin: 2rem 1rem;
}
div.vr.notvisibleifextracted {
    visibility: visible;
}

.smaller {
    font-size: 87.5%;
}

.smaller svg,
.dw__toc svg {
    max-width: 2.1rem;
    max-height: 2.1rem;
}

.smaller p,
.smaller table,
.smaller ul,
.smaller op {
    /*margin: 0 0 1.275rem;*/
    margin: 0 0 1rem;
    /*font-size: 87.5%;*/
}

.smallest {
    font-size: 75%;
}

.smallest svg {
    max-width: 1.8rem;
    max-height: 1.8rem;
}

/*
.smallest p,
.smallest table,
.smallest ul,
.smallest op {
    margin: 0 0 1.125rem;
}
*/

.top-spacer {
    margin-top: 2rem !important;
}

.bottom-spacer {
    margin-bottom: 2rem !important;
}

.neu,
#spacious__main.neutoc #dw__toc {
    background-color: @ini_background_neu !important;
}

.neu,
.neu h6,
#spacious__main.neutoc #dw__toc,
#spacious__main.neutoc #dw__toc h3 {
    color: @ini_text_neu;
}

.neu a,
#spacious__main.neutoc #dw__toc a {
    color: @ini_text_neu;
}

/*
.neu svg {
    fill: mix(@ini_blue_color, @ini_background_neu, 50%) !important;
}
*/

/* =LISTS
----------------------------------------------- */
ul, ol {
    margin: 0 0 1.5rem;
}

#spacious__main ul {
    list-style: outside;
}

ol {
    list-style: decimal;
}

.breadcrumbs ul,
li > ul,
li > ol,
#spacious__sidebar li > ul,
#dw__toc li > ul,
span ul {
    margin: 0;
}

/*
#spacious__content ul,
#spacious__content ol {
    padding: 0 0 0 4rem;
}

#spacious__sidebar ul,
#spacious__sidebar ol {
    padding: 0 0 0  2rem;
}
*/

#spacious__content ul {
    padding: 0 0 0 2.5rem;
}

#spacious__content ol {
    padding: 0 0 0 2.8rem;
}

#spacious__sidebar ul {
    padding: 0 0 0  1.5rem;
}

#spacious__sidebar ol {
    padding: 0 0 0  1.8rem;
}

#spacious__content li > ul,
#spacious__content li > ol {
    padding: 0 0 0 2rem;
}

#spacious__sidebar li > ul,
#spacious__sidebar li > ol {
    padding: 0 0 0 1rem;
}

#dw__toc ul {
    padding: 0 !important;
    margin: 0;
}

#dw__toc li > ul {
    padding: 0 0 0 1.5rem !important;
}

/* =TEXT ELEMENTS
----------------------------------------------- */
p {
    line-height: 1.5;
    /*margin-bottom: 15px;*/
    /*margin-bottom: 1.5rem;*/
    margin: 0 0 1.5rem;
    /*font-family: 'Lato', sans-serif;*/
    /*font-size: 16px;*/
}

strong {
    font-weight: bold;
}

cite, em, i {
    font-style: italic;
}

em {
    color: @ini_theme_color;
}

pre {
    background-color: #fff;
    margin-bottom: 20px;
    overflow: auto;
    padding: 20px;
    border: 1px solid @ini_border;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 1.4rem;
    line-height: 1.35;
    white-space: pre-wrap;
}

code,
kbd,
var,
samp,
tt {
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 1.8rem;
    line-height: 1.35;
    white-space: pre-wrap;
}

pre.code,
pre.file {
    background-color: @ini_background_alt
}

abbr,
acronym,
dfn {
    border-bottom: 1px dotted #666666;
    cursor: help;
}

address {
    display: block;
    font-style: italic;
    margin: 0 0 15px;
}

ins {
    background: #F8F8F8;
}

/* =SUPERCRIPT AND SUBSCRIPT
----------------------------------------------- */
sup, sub {
    font-size: 1.2rem;
    height: 0;
    line-height: 1;
    position: relative;
    vertical-align: baseline;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

sup a.fn_top {
    margin: 0 .4rem 0 -.4rem;
}

sup a.fn_top:after {
    content: " ";
}

dl {
    margin-bottom: 24px;
    /*font-size: 16px;*/
}

dt {
    font-weight: bold;
    margin-bottom: .5rem;
}

dd {
    margin-bottom: .5rem;
}

/* =BLOCKQUOTE
----------------------------------------------- */
blockquote {
    font-style: italic;
    font-weight: normal;
    /*border: 1px solid @ini_border;
    border-left: 3px solid @ini_theme_color;*/
    border-style: solid;
    border-width: 1px 1px 1px 3px;
    border-color: @ini_border @ini_border @ini_border @ini_theme_color;
    margin: 0 0 1.5rem 0;
    /*padding: .2rem 0 .2rem .75rem !important;*/
    padding: .75rem;
}

blockquote blockquote {
    /*margin: .4rem 0;*/
    margin: .4rem;
}

blockquote em, blockquote i {
    font-style: normal;
}

blockquote cite {
    font-style: normal;
    color: #666666;
    font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    letter-spacing: 0.05rem;
    text-transform: uppercase;
}

/* =FORMS
----------------------------------------------- */
fieldset {
    margin: 0 auto;
    border: 1px solid @ini_border;
    max-width: 100%;
}

fieldset legend {
    padding: 0 1rem;
}

input, textarea {
    -webkit-border-radius: 0px;
}

input[type="text"], input[type="email"], input[type="search"], input[type="password"] {
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

textarea {
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

input[type="text"], input[type="email"], input[type="password"] {
    padding: 1%;
    border: 1px solid @ini_border;
    line-height: 1.36;
    width: 98%;
    /*margin: 0 0 30px;*/
    margin: 0;
    background-color: #F8F8F8;
    border-radius: 3px;
}

textarea {
    padding: 1%;
    border: 1px solid @ini_border;
    line-height: 1.36;
    width: 98%;
    margin: 0 0 30px;
    background-color: #F8F8F8;
    border-radius: 3px;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="password"]:focus {
    border: 1px solid @ini_border;
}

textarea:focus {
    border: 1px solid @ini_border;
}

input.s {
    width: 60%;
    padding: 4px 10px;
    height: 32px;
    color: #666666;
    background-color: #FFFFFF;
    margin: 0;
    vertical-align: top;
    border: 1px solid @ini_border;
}

input.s:focus {
    padding-left: 10px;
    border-color: @ini_border;
    text-indent: 0;
}

.spacious-button {
    color: #FFFFFF;
    display: inline-block;
    margin-bottom: 30px;
    padding: 5px 25px;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    cursor: pointer;
    background-color: @ini_theme_color;
    border: 0px;
    border-radius: 3px;
    /*font-size: 16px;*/
}

button,
input[type="reset"],
input[type="button"],
input[type="submit"],
div.qq-upload-button,
#user__manager input[type="file"] button {
    color: #FFFFFF;
    display: inline-block;
    /*margin-bottom: 30px;*/
    margin: 0;
    padding: 5px 25px;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    cursor: pointer;
    background-color: @ini_theme_color;
    border: 0px;
    border-radius: 3px;
    /*font-size: 16px;*/
}

.spacious-button:hover {
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
}

input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover {
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
}

button:hover {
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
}

.previous a, .next a {
    color: #666666;
    padding: 5px 25px;
    cursor: pointer;
    border: 1px solid @ini_border;
    /*font-size: 16px;*/
}

.previous a:hover, .next a:hover {
    color: @ini_theme_color;
}

input[type="reset"]:active, input[type="button"]:active, input[type="submit"]:active {
    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
}

/* =LINKS
----------------------------------------------- */
a {
    color: @ini_link;
    text-decoration: none;
    /*border-bottom-width: 0 !important;*/
}

a:focus {
    outline: thin dotted;
}

a:hover,
a:active,
button:hover,
button:active,
div.qq-upload-button-hover,
div.qq-upload-button-active {
    opacity: 0.7;
    filter: alpha(opacity=70);
    /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
    outline: 0;
}

a img {
    border: 0;
}

a img:hover {
    /* For IE8 and earlier */
    -webkit-box-shadow: #000 0 0 0;
    box-shadow: #000 0 0 0;
}

.dokuwiki a.interwiki,
.dokuwiki a.urlextern,
.dokuwiki a.windows,
.dokuwiki a.mail,
.dokuwiki a.mediafile {
    background-repeat: no-repeat;
    background-position: 0 center;
    padding: 0 0 0 1.8rem;
}

/* external link */
.dokuwiki a.urlextern {
    background-image: url(../../images/external-link.png);
}

/* windows share */
.dokuwiki a.windows {
    background-image: url(../../images/unc.png);
}

/* email link */
.dokuwiki a.mail {
    background-image: url(../../images/email.png);
}

#dw__toc a {
    display: block;
    opacity: 0.5;
    color: @ini_text;
}

#dw__toc ul.toc a {
    border-left: 3px transparent solid;
    padding: 0 8px 0 5px;
}

/*
#dw__toc ul.toc a:focus,
#dw__toc ul.toc a:active,
*/
#dw__toc ul.toc a:hover {
    border-color: @ini_link;
    opacity: 1;
}

a:focus,
a:active,
a:hover {
    text-decoration: none;
    outline-width: 0;
}

/*____________ links to wiki pages ____________*/

/* existing wikipage */
.dokuwiki a.wikilink1, .dokuwiki a.wikilink1:before {
    color: @ini_existing;
}
/* not existing wikipage */
.dokuwiki a.wikilink2, .dokuwiki a.wikilink2:before {
    color: @ini_missing;
    border-bottom: none;
}

/* Spans and SVG Icons inside links */
@ico-width: 28px;
@ico-margin: 6px;

#spacious__contools a span,
#spacious__contools button span,
#spacious__contools p span,
#spacious__pagetools a span,
#spacious__pagetools button span,
#spacious__pagetools p span,
#spacious__userwidget a span {
    margin: 0 @ico-margin;
}

#dokuwiki__sitetools a,
.tools a span,
.tools button span,
.tools p span {
    color: @ini_text_neu;
}

/*
.tools a svg,
.tools button svg,
#spacious__userwidget a svg {
    width: @ico-width;
    height: @ico-width;
    margin: 0;
    display: inline-block;
    vertical-align: bottom;
    fill: @ini_border;
}
*/

#spacious__userwidget a svg {
    vertical-align: -8px;
    /*margin-left: 4px;*/
}

#dokuwiki__sitetools a:active:not(.label),
.tools a:active:not(.label) span,
.tools button:active:not(.label) span,
.tools p:active:not(.label) span,
#dokuwiki__sitetools a:focus:not(.label),
.tools a:focus:not(.label) span,
.tools button:focus:not(.label) span,
.tools p:focus:not(.label) span,
#dokuwiki__sitetools a:hover:not(.label),
.tools a:hover:not(.label) span,
.tools button:hover:not(.label) span,
.tools p:hover:not(.label) span {
    color: @ini_link;
}

/*
.tools li:active svg,
.tools li:focus svg,
.tools li:hover svg {
    fill: @ini_link;
}*/

.tools a:active:not(.user) svg,
.tools button:active:not(.user) svg,
.tools p:active:not(.user) svg,
#spacious__foot p.profile a:active:not(.user) svg,
.tools a:focus:not(.user) svg,
.tools button:focus:not(.user) svg,
.tools p:focus:not(.user) svg,
#spacious__foot p.profile a:focus:not(.user) svg,
.tools a:hover:not(.user) svg,
.tools button:hover:not(.user) svg,
.tools p:hover:not(.user) svg,
#spacious__foot p.profile a:hover:not(.user) svg {
    fill: @ini_link;
}

#spacious__userwidget p.user a.wikilink1:active svg,
#spacious__userwidget p.user a.wikilink1:focus svg,
#spacious__userwidget p.user a.wikilink1:hover svg {
    fill: @ini_existing;
}

#spacious__userwidget p.user a.wikilink2:active svg,
#spacious__userwidget p.user a.wikilink2:focus svg,
#spacious__userwidget p.user a.wikilink2:hover svg {
    fill: @ini_missing;
}

/* =IMAGES
----------------------------------------------- */
figure {
    margin: 0;
    text-align: center;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
    margin-bottom: 1rem;
}

#spacious__licensewidget img {
    display: block;
}

#spacious__licensewidget a img {
    margin: .3rem 1rem .3rem 0;
}

#spacious__licensewidget img.qrcode {
    display: none;
    margin: 0;
    float: left;
}

.entry-content img, .comment-content img, .widget img {
    max-width: 100%;
    /* Fluid images for posts, comments, and widgets */
}

/*img.size-full, img.size-large {*/
/*#spacious__widebanner-wrap img {*/
img.mediastretch {
    max-width: 100%;
    width: 100%;
    height: auto;
}

.entry-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/*
img.alignleft, img.alignright, img.aligncenter {
    margin-bottom: 1.625rem;
}
*/

img#wpstats {
    display: none;
}

/* Floating images */

img.medialeft {
    margin-right: 1rem;
}

img.mediaright {
    margin-left: 1rem;
}

/* =CLEARFIX
----------------------------------------------- */
.clearfix {
    display: inline-block;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

.tg-after-three-blocks-clearfix {
    clear: both;
}

/* =ALIGNMENT
----------------------------------------------- */
.alignleft {
    display: inline;
    float: left;
    margin-right: 30px;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 30px;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*
.no-sidebar-full-width,
.no-sidebar {
    overflow: hidden;
}

.no-sidebar-full-width .alignfull,
.no-sidebar .alignfull {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

.no-sidebar-full-width .alignfull img,
.no-sidebar .alignfull img {
    max-width: unset;
}

.no-sidebar-full-width .alignwide,
.no-sidebar .alignwide {
    margin-left: -100px;
    margin-right: -100px;
    max-width: unset;
}

.no-sidebar-full-width.narrow-978 #spacious__main, .no-sidebar-full-width.narrow-1218 #spacious__main,
.no-sidebar.narrow-978 #spacious__main,
.no-sidebar.narrow-1218 #spacious__main {
    overflow: hidden;
}

.no-sidebar-full-width.narrow-978 .alignwide, .no-sidebar-full-width.narrow-1218 .alignwide,
.no-sidebar.narrow-978 .alignwide,
.no-sidebar.narrow-1218 .alignwide {
    margin-left: -10px;
    margin-right: -10px;
}
*/

/*****************************************************************/
/*****************************************************************/
/* =BODY
----------------------------------------------- */
body {
    /*padding-top: 30px;*/
    /*padding-bottom: 30px;*/
}

#spacious__page {
    max-width: @ini_site_width;
    margin: 30px auto;
    background-color: @ini_background;
    /*-webkit-box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);*/
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}
body.full-width-layout #spacious__page,
body.mix-layout #spacious__page {
    max-width: 100%;
}
body.full-width-layout #spacious__page {
    margin: 0;
}
body.mix-layout #spacious__page {
    margin: 0 auto;
}

.wide-978 {
    padding-top: 0;
    padding-bottom: 0;
}

.wide-1218 {
    padding-top: 0;
    padding-bottom: 0;
}

.wide-1218 #spacious__page {
    max-width: 100%;
}

.narrow-978 #spacious__page {
    max-width: 1038px;
}

.wide-978 #spacious__page {
    max-width: 100%;
    padding-top: 0;
    padding-bottom: 0;
}

.inner-wrap {
    /*margin: 0 auto;*/
    /*max-width: 1218px;*/
    margin: 0 3rem;
}

/*
body.mix-layout .inner-wrap,
body.mix-layout #spacious__main-flex {
    max-width: @ini_site_width;
}
*/

body.mix-layout .inner-wrap {
    width: @ini_site_width;
    max-width: 95%;
}
body.mix-layout #spacious__main-flex {
    max-width: @ini_site_width;
}

body.mix-layout .inner-wrap {
    margin: 0 auto;
}

body.mix-layout #spacious__main-flex {
    margin-left: auto;
    margin-right: auto;
}

/*
.wide-1218 .inner-wrap {
    max-width: 1218px;
}
*/

/*
.narrow-978 .inner-wrap, .wide-978 .inner-wrap {
    max-width: 978px;
}
*/

/* =NAMESPACE WIDEBANNER
----------------------------------------------- */
#spacious__widebanner-wrap img {
    margin: 0;
    position: relative;
    z-index: 1;
}

/* =FEATURED SLIDER
----------------------------------------------- */
#featured-slider {
    border-bottom: 1px solid @ini_border;
    position: relative;
}

#featured-slider .slider-cycle {
    position: relative;
}

#featured-slider .slides {
    width: 100%;
}

.wide-978 #featured-slider .slider-cycle,
.wide-1218 #featured-slider .slider-cycle {
    max-width: 1600px;
    margin: 0 auto;
}

#featured-slider .displayblock {
    display: block;
}

#featured-slider .displaynone {
    display: none;
}

.ie8 #featured-slider .entry-container {
    top: 25%;
}

#featured-slider .entry-container {
    top: 50%;
    /* IE 9 */
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    left: 5%;
    max-width: 40%;
}

.wide-978 #featured-slider .entry-container {
    left: 13.8%;
}

.wide-1218 #featured-slider .entry-container {
    left: 4.9%;
}

#featured-slider .entry-description-container {
    background-color: #555555;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 10px 15px;
    padding: 1rem 1.5rem;
}

#featured-slider img {
    margin-bottom: 0px;
}

#featured-slider .slider-title-head {
    display: inline-block;
    left: 0;
    margin-bottom: 5px;
    margin-bottom: 0.5rem;
}

#featured-slider .entry-title {
    padding: 0;
}

.slider-title-head .entry-title a {
    color: #FFFFFF;
    text-decoration: none;
}

#featured-slider .entry-title span {
    color: #FFFFFF;
    display: block;
    font-size: 2.6rem;
}

#featured-slider .entry-content {
    color: #FFFFFF;
    padding-top: 5px;
    padding-top: 0.5rem;
}

#featured-slider .entry-content p {
    margin: 0;
    padding: 0;
}

#featured-slider .slider-read-more-button {
    background-color: @ini_theme_color;
    color: #FFFFFF;
    text-align: center;
    font-family: 'Lato', sans-serif;
    padding: 10px 15px;
    padding: 1rem 1.5rem;
    float: left;
    margin-top: 15px;
    font-size: 4rem;
}

#featured-slider .slider-read-more-button:hover {
    background-color: #666666;
}

/* =SLIDER CONTROLLERS
----------------------------------------------- */
#controllers {
    text-align: center;
    line-height: 0;
    position: absolute;
    width: 100%;
    bottom: 15px;
    z-index: 999;
}

#controllers a {
    width: 18px;
    height: 6px;
    margin: 0 4px;
    overflow: hidden;
    display: inline-block;
    background-color: #FFFFFF;
    color: #FFFFFF;
}

#controllers a:hover, #controllers a.active {
    background-color: @ini_theme_color;
    color: @ini_theme_color;
}

/* =PAGE HEADER TITLE
----------------------------------------------- */
#spacious__pageheader {
    border-bottom: 1px solid @ini_border;
    /*-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.05) inset;*/
    box-shadow: 0 0 30px @ini_theme_color inset;
    background-color: mix(#eee, @ini_theme_color, 80%);
    /*margin-bottom: 1rem;*/
    /* need a higher z-index than context and page tools */
    z-index: 11; 
}

#spacious__pageheader.neu {
    box-shadow: 0 0 30px @ini_background_neu inset;
    background-color: @ini_background;
}

#spacious__pageheader-wrap {
    padding: 2rem 0;
    /*margin: 0 3rem;*/
}

#spacious__pageheader-wrap .content-title-wrapper {
    float: left;
    max-width: 100%;
    /*padding-right: 30px;*/
}

#spacious__nslogo {
    margin: 0 1rem 0 0;
    float: left;
}

h1.header-post-title-class {
    font-size: 2.2rem;
    padding-bottom: 0;
    /*line-height: 2.16;*/
}

body.sticky-pageheader #spacious__pageheader {
    position: sticky;
    top: 0;
}

/* =BREADCRUMB NAVXT PLUGIN SUPPORT
----------------------------------------------- */
.breadcrumbs {
    /*float: right;
    text-align: right;
    margin-top: 8px;
    margin-bottom: 2px;*/
    /*font-size: 1.2rem;*/
    color: #666666;
}

.breadcrumbs ul li {
    display: inline;
}

.breadcrumbs ul li span.label {
    color: @ini_text_neu;
}

.breadcrumbs ul li span.curid a {
    font-weight: bold;
    background-color: @ini_blue_color;
    padding: 0 .5rem;
}

/*
.breadcrumbs a {
    color: #666666;
}
*/

body.truncatebc .breadcrumbs a {
    max-width: @ini_breadcrumb_maxwidth;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: top;
}

body.truncatebc .breadcrumbs a:hover {
    /*vertical-align: top;*/
}

body.truncatebc .breadcrumbs a.wikilink2 {
    /*vertical-align: top;*/
}

body.truncatebc .breadcrumbs a.wikilink2:hover {
    /*vertical-align: top;*/
    border-bottom: 1px dashed;
    border-color: transparent;
}

.breadcrumbs .youarehere,
.breadcrumbs .trace,
.breadcrumbs .siblings {
    /*float: right;*/
    text-align: end;
}

body.classic-breadcrumbs .breadcrumbs li:after {
    content: "\00a0";
}

/*
body.classic-breadcrumbs .breadcrumbs > li + li:before {
    font-weight: normal;
}
*/

body.classic-breadcrumbs .trace ul > li + li:before {
    content: "/\00a0";
}

body.classic-breadcrumbs .youarehere ul > li + li:before {
    content: "Â»\00a0";
}

body.classic-breadcrumbs .siblings ul > li + li:before,
body.classic-breadcrumbs .translations ul > li + li:before {
    content: "|\00a0";
}

body.classic-breadcrumbs .translations ul > li:nth-child(2):before,
body.classic-breadcrumbs .trace ul > li:nth-child(2):before,
body.classic-breadcrumbs .youarehere ul > li:nth-child(2):before,
body.classic-breadcrumbs .siblings ul > li:nth-child(2):before,
body.classic-breadcrumbs .siblings ul li.tools:before {
    content: "";
}

.siblings li.tools svg {
    /*vertical-align: -12px;*/
    height: 12px;
    vertical-align: 0px;
}

/* =CONTENT
----------------------------------------------- */
.sticky {
    display: block;
}

.extra-hatom-entry-title {
    display: none;
}

/*
#spacious__main {
    padding: 40px 0 10px 0;
}
*/

.widget_service_block {
    margin-bottom: 30px;
    padding-top: 30px;
}

.widget_service_block .widget-title {
    font-size: 2.2rem;
    padding-bottom: 10px;
}

.widget_service_block p {
    padding-bottom: 0;
}

.widget_service_block .more-link-wrap {
    text-align: center;
}

.widget_service_block a.more-link:hover {
    text-decoration: underline;
}

.widget_featured_single_post a.read-more:hover {
    text-decoration: underline;
}

.widget-title a {
    color: #444444;
}

.tg-one-half .widget-title a:hover,
.tg-one-third .widget-title a:hover,
.tg-one-fourth .widget-title a:hover {
    color: @ini_theme_color;
}

.tg-one-half p,
.tg-one-half .service-image,
.tg-one-half .widget-title,
.tg-one-third p,
.tg-one-third .service-image,
.tg-one-third .widget-title,
.tg-one-fourth p,
.tg-one-fourth .service-image,
.tg-one-fourth .widget-title {
    text-align: center;
}

.tg-one-third {
    float: left;
    width: 28.407225%;
    margin: 0 2.46305419%;
    /*padding: 0px 0px 30px;*/
}

.tg-one-fourth {
    float: left;
    width: 23.1527094%;
    margin: 0 2.46305419% 0 0;
    /*padding: 0px 0px 30px;*/
}

.tg-one-fourth-last {
    margin: 0px;
}

.tg-one-half {
    float: left;
    width: 48.7684729%;
    margin: 0 2.46305419% 0 0;
    /*padding: 0px 0px 30px;*/
}

.tg-one-half-last {
    float: right;
    margin: 0px;
}

.widget_recent_work {
    margin-bottom: 20px;
}

.widget_recent_work img {
    margin-bottom: 0px;
}

.widget_recent_work .tg-one-half .widget-title,
.widget_recent_work .tg-one-third .widget-title,
.widget_recent_work .tg-one-fourth .widget-title {
    font-size: 2.2rem;
    padding-bottom: 8px;
    text-align: left;
}

.widget_recent_work .tg-one-half p,
.widget_recent_work .tg-one-third p,
.widget_recent_work .tg-one-fourth p {
    text-align: left;
}

.widget_recent_work .tg-one-half .service-image,
.widget_recent_work .tg-one-third .service-image,
.widget_recent_work .tg-one-fourth .service-image {
    text-align: center;
    padding-bottom: 0;
}

.widget_featured_single_post {
    padding-bottom: 30px;
}

.widget_featured_single_post .widget-title {
    font-size: 2.2rem;
    text-align: left;
}

.widget_featured_single_post p {
    text-align: left;
}

.widget_featured_single_post .service-image {
    text-align: left;
    padding-bottom: 0px;
}

.widget_featured_post {
    margin-bottom: 20px;
}

.widget_featured_post .main-title {
    font-size: 2.4rem;
    padding-bottom: 8px;
}

.container-featured-widget-head {
    padding-top: 10px;
    padding-bottom: 15px;
}

.widget_featured_post .tg-one-half .widget-title,
.widget_featured_post .tg-one-third .widget-title,
.widget_featured_post .tg-one-fourth .widget-title {
    text-align: left;
    font-size: 4rem;
    padding-bottom: 8px;
    line-height: 1.38;
}

.widget_featured_post .tg-one-half p,
.widget_featured_post .tg-one-third p,
.widget_featured_post .tg-one-fourth p {
    text-align: left;
}

.widget_featured_post .meta {
    font-size: 1.2rem;
    padding: 3px;
    font-family: 'Lato', sans-serif;
}

.wide-978 .widget_featured_post .meta,
.narrow-978 .widget_featured_post .meta {
    font-size: 1.1rem;
}

/* =META
----------------------------------------------- */
.meta {
    border-bottom: 1px dashed @ini_border;
    border-top: 1px dashed @ini_border;
    padding: 5px;
    font-size: 1.5rem;
}

.meta li {
    border-left: 1px solid @ini_border;
    float: left;
    padding: 0 6px 0 6px !important;
    border-bottom: none !important;
}

.meta li:first-child {
    border-left: 0 none;
    padding-left: 0 !important;
}

.meta li:last-child {
    float: right;
    border-left: 0 none;
    padding-right: 0px !important;
}

.main-title {
    text-align: center;
    text-transform: uppercase;
}

.main-description {
    text-align: center;
}

/* =NAVIGATION
----------------------------------------------- */
.default-wp-page .previous {
    float: left;
    margin-bottom: 30px;
}

.default-wp-page .next {
    float: right;
    margin-bottom: 30px;
}

.wp-pagenavi {
    text-align: center;
}

#spacious__content .wp-pagenavi .page {
    padding-bottom: 3px;
}

ul.sub-menu {
    display: none;
}

/* =PAGINATION
----------------------------------------------- */
.pagination {
    margin: 15px 0;
}

.pagination span {
    padding: 2px 5px;
    border: 1px solid @ini_border;
    background-color: @ini_theme_color;
    color: #FFFFFF;
}

.pagination a span {
    background-color: #FFFFFF;
    color: #666666;
}

.pagination a span:hover {
    color: @ini_theme_color;
    border-color: @ini_theme_color;
    text-decoration: none;
}

/* =TESTIMONIAL WIDGET
----------------------------------------------- */
.widget_testimonial {
    margin-bottom: 30px;
}

.widget_testimonial .widget-title {
    font-size: 2.2rem;
    text-align: left;
}

.widget_testimonial .testimonial-icon:before {
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font: normal 22px/1 'Genericons';
    vertical-align: top;
    content: '\f106';
    width: 25px;
    height: 19px;
    float: left;
    margin-right: 3.06%;
    color: @ini_theme_color;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.widget_testimonial .testimonial-post {
    padding: 20px;
    border-width: 2px 1px 1px 1px;
    border-style: solid dashed dashed dashed;
    border-color: @ini_theme_color @ini_border @ini_border @ini_border;
    font-style: italic;
    margin-bottom: 15px;
    display: block;
    overflow: hidden;
}

.widget_testimonial .testimonial-post p {
    margin-bottom: 0px;
}

.widget_testimonial .testimonial-author {
    text-align: right;
    clear: both;
    font-size: 1.2rem;
}

.widget_testimonial .testimonial-author span {
    /*font-size: 16px;*/
    color: #666666;
}

/* =CALL TO ACTION WIDGET
----------------------------------------------- */
.widget_call_to_action {
    margin-bottom: 60px;
}

.call-to-action-content-wrapper {
    border-width: 1px 1px 1px 3px;
    border-style: dashed dashed dashed solid;
    border-color: @ini_border @ini_border @ini_border @ini_theme_color;
    padding: 20px 3.85878489% 20px 3.69458128%;
    background-color: #F8F8F8;
}

.call-to-action-content {
    width: 69.5187166%;
    float: left;
}

.call-to-action-content h3 {
    padding-bottom: 0;
    font-size: 2.4rem;
}

.call-to-action-content p {
    padding-bottom: 0;
    margin-bottom: 0;
}

.call-to-action-button {
    float: right;
    background-color: @ini_theme_color;
    border-radius: 3px 3px 3px 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    color: #FFFFFF;
    font-size: 2.2rem;
    line-height: 2.2;
    text-align: center;
    font-family: 'Lato', sans-serif;
    padding: 5px 3.28407225%;
    margin-top: 4px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.call-to-action-button:hover {
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
}

/* Text widget */
.widget_text {
    word-wrap: break-word;
    /*margin-bottom: 30px;*/
}

.widget_text .textwidget {
    /*padding-bottom: 15px;*/
}

.tg-one-half .widget_text .widget-title {
    text-align: left;
}

.widget_text ul,
.widget_text ol {
    margin-top: 5px;
}

/* =MEDIA
----------------------------------------------- */
.wp-caption {
    border: 1px solid #ccc;
    margin-bottom: 1.5rem;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 1.2% auto 0;
    max-width: 98%;
}

.wp-caption-text {
    text-align: center;
}

.wp-caption .wp-caption-text {
    margin: 0.8075rem 0;
}

/* =WORDPRESS GALLERY SUPPORT
----------------------------------------------- */
.gallery {
    margin: 0 auto 15px;
}

.gallery-item {
    display: inline-block;
    padding: 15px 2%;
    text-align: center;
    vertical-align: top;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item {
    padding: 15px 1%;
}

.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item {
    padding: 10px 0.5%;
}

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

.gallery-columns-3 .gallery-item {
    width: 33.33%;
}

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

.gallery-columns-5 .gallery-item {
    width: 20%;
}

.gallery-columns-6 .gallery-item {
    width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    width: 11.11%;
}

.gallery-icon img {
    margin: 0 auto;
}

.gallery .gallery-caption {
    font-size: 1.2rem;
    line-height: 1.2;
    padding-top: 5px;
}

/* =COMMENTS
----------------------------------------------- */
#comments {
    background-color: #FFFFFF;
}

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

#comments h1, #comments h2, #comments h3, #comments h4, #comments h5, #comments h6 {
    margin-bottom: 1rem;
}

#comments h2.comments-title, #comments h3.comments-title {
    margin-bottom: 10px;
    font-size: 2.8rem;
}

.avatar {
    border-radius: 50%;
    float: left;
}

.comments-area article header {
    margin: 0 0 10px;
    overflow: hidden;
    position: relative;
}

.comments-area .comment-edit-link, .comments-area .comment-permalink, .comments-area .comment-date-time, .comments-area .comment-author-link {
    display: block;
    margin-left: 100px;
    color: #999999;
}

#spacious__content .comments-area article header cite a:hover {
    color: @ini_theme_color;
}

#spacious__content .comments-area a.comment-edit-link:hover, #spacious__content .comments-area a.comment-permalink:hover {
    color: @ini_theme_color;
}

.comments-area .comment-author-link a {
    color: #999999;
}

.comments-area .comment-author-link a:hover {
    color: @ini_theme_color;
}

.comments-area .comment-author-link span {
    margin-left: 10px;
    padding: 0 5px;
    background-color: @ini_theme_color;
    color: #FFFFFF;
    border-radius: 3px;
}

.comments-area article header .comment-author-link:before,
.comments-area article header .comment-edit-link:before,
.comments-area article header .comment-permalink:before,
.comments-area article header .comment-date-time:before {
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font: normal 22px/1 'Genericons';
    vertical-align: top;
}

.comments-area article header .comment-author-link:before {
    content: '\f304';
}

.comments-area article header .comment-edit-link:before {
    content: '\f411';
}

.comments-area article header .comment-permalink:before {
    content: '\f107';
}

.comments-area article header .comment-date-time:before {
    content: '\f307';
}

.comment-content {
    padding: 2rem;
    background-color: #F8F8F8;
    border: 1px solid @ini_border;
}

.comment {
    margin-bottom: 20px;
}

.comment ul, .comment ol {
    margin: 0 0 20px 20px;
}

.comment ul {
    list-style: square outside none;
}

.comment .comment-reply-link {
    float: right;
    color: #999999;
}

.comment .comment-reply-link:hover {
    color: @ini_theme_color;
}

.comment .comment-reply-link:before {
    content: '\f412';
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font: normal 22px/1 'Genericons';
    vertical-align: top;
}

.comment-list {
    list-style-type: none;
    padding: 0;
    margin-bottom: 34px;
    margin-bottom: 3.4rem;
}

.comment-list .children {
    margin-left: 20px;
    list-style-type: none;
    padding: 0;
}

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

.nav-previous, .nav-next {
    margin-bottom: 15px;
}

.nav-previous
.nav-next a {
    color: #666666;
    padding: 5px 25px;
    cursor: pointer;
    border: 1px solid @ini_border;
    /*font-size: 16px;*/
}

.nav-previous a:hover,
.nav-next a:hover {
    color: @ini_theme_color;
}

/* =COMMENT FORM
----------------------------------------------- */
#respond h3#reply-title {
    line-height: 1.5;
}

#respond h3#reply-title #cancel-comment-reply-link {
    margin-left: 10px;
    margin-left: 1rem;
    font-weight: normal;
    font-size: 16px;
    font-size: 1.6rem;
}

#respond form {
    margin: 24px 0;
    margin: 2.4rem 0;
}

#respond form p {
    margin: 11px 0;
    margin: 1.1rem 0;
}

#respond form p.logged-in-as {
    margin-bottom: 16px;
    margin-bottom: 1.6rem;
}

#respond form label {
    display: block;
    line-height: 1.5;
}

#respond form input[type="text"],
#respond form textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*font-size: 16px;*/
    line-height: 1.5;
    padding: 10px;
    width: 100%;
}

#respond form p.form-allowed-tags {
    margin: 0;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.5;
    color: #5e5e5e;
}

.required {
    color: red;
}

.related-posts-main-title {
    padding-bottom: 30px;
}

.related-posts {
    margin: 0 -2.46305419%;
}

.related-posts .entry-title {
    font-size: 1.8rem;
    line-height: 1.4;
    padding-bottom: 0;
}

.related-posts .entry-title a {
    color: #444444;
}

.related-posts .entry-title a:hover {
    color: @ini_theme_color;
}

.related-posts .entry-meta {
    border: none 0;
    font-size: 1.4rem
}

.related-posts .entry-meta .by-author,
.related-posts .entry-meta .date,
.related-posts .entry-meta .category,
.related-posts .entry-meta .comments,
.related-posts .entry-meta .edit-link {
    padding: 5px 4px 5px 0;
}

.related-posts .entry-meta .by-author:before,
.related-posts .entry-meta .date:before,
.related-posts .entry-meta .category:before,
.related-posts .entry-meta .comments:before,
.related-posts .entry-meta .edit-link:before {
    font: 12px/20px "FontAwesome";
}

.related-posts .entry-meta .by-author a,
.related-posts .entry-meta .date a,
.related-posts .entry-meta .category a,
.related-posts .entry-meta .comments a,
.related-posts .entry-meta .edit-link a {
    color: #666666;
}

.related-posts .entry-meta .by-author a:hover,
.related-posts .entry-meta .date a:hover,
.related-posts .entry-meta .category a:hover,
.related-posts .entry-meta .comments a:hover,
.related-posts .entry-meta .edit-link a:hover {
    color: @ini_theme_color;
}

/* =WIDGETS
----------------------------------------------- */
#spacious__sidebar .widget ul li {
    line-height: 1.5;
    border-bottom: 1px solid @ini_border;
    padding: 5px 0;
}

#spacious__foot .widget ul {
    margin: 0;
}

#spacious__foot .widget ul li {
    line-height: 1.5;
    /*border-bottom: 1px solid @ini_border;*/
    padding: 5px 0;
    border-bottom: 1px solid mix(#fff - @ini_background, @ini_border, 50%);
}

#spacious__sidebar .widget ul li li,
#spacious__foot .widget ul li li {
    border-bottom: none;
}

#spacious__sidebar .widget ul ul,
#spacious__foot .widget ul ul {
    padding-left: 10px;
}

#spacious__sidebar h3.widget-title {
    font-size: 2.2rem;
    line-height: 2.12;
    padding-bottom: 15px;
}

#spacious__sidebar .widget {
    margin-bottom: 35px;
    /*font-size: 16px;*/
}

#spacious__sidebar a:hover {
    text-decoration: underline;
}

#spacious__onlinewidget {
    display: none;
}

.widget select {
    border: 1px solid #DDDDDD;
    color: #666666;
    padding: 2px;
    width: 60%;
}

.error-404 .widget {
    margin-bottom: 35px;
    /*font-size: 16px;*/
}

.error-404 {
    padding-bottom: 20px;
    text-align: center;
}

.error-404 .page-title {
    font-size: 3rem;
    line-height: 2.16;
}

.error-404 input.s {
    width: 50%;
}

/* =CALENDAR WIDGET
----------------------------------------------- */
#wp-calendar th, #wp-calendar td, #wp-calendar caption {
    text-align: left;
    padding-bottom: 10px;
}

#wp-calendar #today {
    color: @ini_theme_color;
}

#wp-calendar caption {
    text-align: center;
}

#wp-calendar #next {
    padding-right: 35px;
    text-align: right;
}

.widget_calendar #wp-calendar th {
    font-weight: 600;
}

/*
.widget-title span {
    border-bottom: 2px solid @ini_theme_color;
    padding-bottom: 5px;
}
*/

#spacious__foot #wp-calendar th,
#spacious__foot #wp-calendar td {
    border: 1px solid #444444;
    padding: 3px 2px 3px 8px;
}

.widget th,
.widget td {
    padding: 1px 1px 1px 2px;
}

/* =SCROLL UP
----------------------------------------------- */
a#scroll-up {
    bottom: 20px;
    position: fixed;
    right: 20px;
    display: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font: normal 26px/1 'Genericons';
    vertical-align: top;
    color: #FFFFFF;
    background-color: @ini_theme_color;
    opacity: 0.5;
    filter: alpha(opacity=50);
    /* For IE8 and earlier */
    border-radius: 3px;
    padding: 6px;
}

a#scroll-up:before {
    content: '\f432';
}

a#scroll-up:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    /* For IE8 and earlier */
}

/* =READ MORE LINK
----------------------------------------------- */
.read-more, .more-link {
    font-size: 1.4rem;
    color: @ini_theme_color;
    font-family: 'Lato', sans-serif;
}

/* =PRIMARY AND SECONDARY CONTENT AREA (sidebar and wiki page)
----------------------------------------------- */
/*
#spacious__main-flex,
#spacious__main-subflex {
    display: flex;
    flex-direction: row;
    align-items: stretch;
}
*/

#spacious__main-subflex {
    flex-grow: 1;
}

body.mode_show.left-sidebar #spacious__article {
    /*margin: 0 0 0 1rem;*/
    margin: 0 0 0 1rem; /* not scaled margin because of extraction media queries */
}

body.mode_show.right-sidebar #spacious__article {
    /*margin: 0 1rem 0 0; */
    margin: 0 1rem 0 0; /* not scaled margin because of extraction media queries */
}

#dw__toc {
    float: right;
    width: @ini_toc_width;
    margin: 0 0 1.4rem 1.4rem;
    color: inherit;
}

.dokuwiki .toggle strong {
    float: right;
    margin: 1rem .4em 0 0;
}

#dw__toc ul li {
    list-style: none;
}

/*
html.extracted-toc #dw__toc ul li.active {
    background-color: linen;
}
*/

html.extracted-toc #dw__toc ul li.active a {
    border-color: @ini_link;
    opacity: 1;
}
html.extracted-toc #dw__toc ul li.active ul a {
    border-color: transparent;
    opacity: .5;
}

/*
#dw__toc > h3,
#dw__toc > div {
    padding: .2rem .5rem;
}
*/

/*
#dw__toc > div {
    font-size: 1.4rem;
}
*/

.toggle strong {
    line-height: 1;
    /*padding-top: 2px;*/
}

.toggle strong span {
    display: none;
}

.toggle strong {
    content: "";
    display:block;
    height:1.8rem;
    width:1.8rem;
    background-size: 1.8rem 1.8rem;
    background-repeat: no-repeat;
    opacity: .4;
}

.toggle.closed strong {
    background-image: url(images/svg/expand.svg);
}

.toggle.open strong {
    background-image: url(images/svg/collapse.svg);
}

/*
body.right-sidebar #dw__toc {
    float: left;
}
*/

/*
#spacious__main-flex .tools {
    width: 40px;
}
*/

#spacious__main-flex .tools {
    /*margin: .5rem 0;*/
}

#spacious__main-flex .tools ul {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 33%;
    list-style: none;
}

#spacious__sidebar {
    width: @ini_sidebar_width;
    max-width: @ini_sidebar_width;
    min-width: @ini_sidebar_width;
    align-self: flex-start;
}
/*
#spacious__sidebar-container {
    align-self: flex-start;
}
*/
/*
#spacious__sidebar h6 {
    font-size: 1.9rem;
}
*/

#spacious__sidebar h6.toggle {
    display: none;
}

#spacious__sidecard {
    margin: 1rem 0 0 0;
}

/*
.dw__toc div,
#spacious__sidebar .content {
    font-size: 92.5%;
}
*/

body.left-sidebar #spacious__sidebar {
    /*margin: 0 1rem 1rem 0;*/
    margin: 0 1rem 0 0;
}

body.right-sidebar #spacious__sidebar {
    /*margin: 0 0 1rem 1rem;*/
    margin: 0 0 0 1rem;
}

/*
#spacious__sidebar p:last-child,
#spacious__content .page p:last-child {
    margin-bottom: 0;
}
*/
#spacious__sidebar p:last-child {
    margin-bottom: 0;
}

body.no-sidebar #spacious__sidebar-container,
body.no-sidebar #spacious__main-subflex .vr,
body.no-sidebar #spacious__sidebar .tools ul,
body.no-sidebar #spacious__contools ul .sidevision {
    display: none;
}

html.no-js #spacious__contools ul .sidevision,
html.no-js #spacious__topbar-newsticker {
    display: none;
}

#spacious__sidebar.neu,
body.extractible-sidebar #spacious__sidebar,
#spacious__main.neutoc #dw__toc,
body.extractible-toc #spacious__main.neutoc #dw__toc {
    padding: 0 .5rem .5rem .5rem;
}

body.sticky-sidebar #spacious__sidebar-container {
    position: sticky;
    top: 0;
    height: max-content;
}

body.sticky-sidebar.extractible-sidebar #spacious__sidebar-container {
    top: 9rem;
}

#spacious__article {
    flex-grow: 2;
    /*overflow-x: hidden;*/
}

#spacious__article.hidden-sidebar {
    margin: 0 !important;
}

#spacious__main-subflex,
#spacious__main-subflex .vr {
    order: 2;
}

#spacious__contools {
    order: 1;
}
#spacious__pagetools {
    order: 3;
}
body.left-sidebar #spacious__sidebar-container {
    order: 1;
}
body.left-sidebar #spacious__article {
    order: 3;
}

body.fliptools #spacious__pagetools {
    order: 1;
}
body.fliptools #spacious__contools {
    order: 3;
}
body.right-sidebar #spacious__article {
    order: 1;
}
body.right-sidebar #spacious__sidebar-container {
    order: 3;
}

#spacious__contools li.show {
    display: none;
}

#spacious__contools li.savesettings button {
    text-align: left;
}

#spacious__content .docInfo {
    color: @ini_text_alt;
    /*text-align: right;*/
    /*margin: 1.5rem 0;*/
    border: 1px solid @ini_border;
    /*margin: 1rem 0 0 0;*/
    font-family: Courier, monospace;
    /*white-space: pre-wrap;*/
    /*display: flex;*/
    /*justify-content: space-evenly;*/
    padding: .2rem 0;
    background-color: @ini_background;
}

#spacious__content .docInfo svg,
#spacious__topbar span svg {
    width: @ico-width;
    height: @ico-width;
    margin: 0;
    display: inline-block;
    vertical-align: bottom;
    fill: @ini_text;
}

#spacious__content .docInfo span:not(.svgonly) svg,
#spacious__topbar span svg,
#spacious__content .docInfo img.qrcode {
    /*margin: 0 .5rem 0 0;*/
    margin: 0 .5rem 0 0;
}

#spacious__content .docInfo img.qrcode {
    vertical-align: -4px;
}

#spacious__content .docInfo img.qrcode.editor,
#spacious__content .docInfo img.qrcode.locked {
    max-width: 16px;
}

/*
#spacious__content .docInfo img.qrcode.curid {
    display: none;
}
*/

#spacious__topbar-newsticker svg {
    margin: 0 .2rem 0 0 !important;
}

#spacious__content .docInfo a.iw_user:before {
    display: none;
}

body.sticky-docinfo #spacious__content .docInfo {
    position: sticky;
    bottom: 0;
    opacity: .75;
}

#spacious__content .docInfo span:not(.svgonly) svg {
    /*vertical-align: middle;*/
}

#spacious__content .docInfo:hover span.editor:not(.svgonly) svg,
#spacious__content .docInfo:hover span.locked svg,
#spacious__content .docInfo:hover img.qrcode {
    vertical-align: middle;
}

#spacious__content .docInfo:hover img.qrcode {
    max-width: unset;
}

body.sticky-docinfo #spacious__content .docInfo:hover {
    opacity: 1;
}

#spacious__toc-placeholder {
    order:4;
}

/* =POST CONTENT
----------------------------------------------- */
/*
#spacious__content .post,
#spacious__content .page {
    padding-bottom: 45px;
}
*/

.single #spacious__content .post {
    padding-bottom: 25px;
}

.post .entry-title,
.page .entry-title {
    font-size: 2.6rem;
    line-height: 2.12;
}

.post .entry-title a, .page .entry-title a {
    color: #444444;
}

.post .entry-title a:hover, .page .entry-title a:hover {
    color: @ini_theme_color;
}

.post .entry-content {
    margin-bottom: 10px;
}

.entry-content ul {
    list-style: square;
    padding: 0 0 0 35px;
    margin-bottom: 30px;
}

.entry-content ol {
    padding: 0 0 0 35px;
    margin-bottom: 30px;
}

.entry-content li > ul, .entry-content li > ol {
    margin-bottom: 0;
}

.post .entry-content a:hover {
    text-decoration: underline;
}

.blog-medium .post .post-featured-image {
    float: left;
    width: 36%;
    text-align: left;
    padding-right: 4%;
}

.blog-alternate-medium #spacious__article article:nth-child(odd) figure {
    float: left;
    padding-right: 4%;
}

.blog-alternate-medium #spacious__article article:nth-child(even) figure {
    float: right;
    padding-left: 4%;
}

.post .entry-meta {
    border: 1px solid @ini_border;
    font-size: 1.4rem;
    color: #666666;
    font-family: 'Lato', sans-serif;
    margin: 0 0 20px;
}

.post .entry-meta .by-author, .post .entry-meta .date, .post .entry-meta .category, .post .entry-meta .comments, .post .entry-meta .edit-link {
    padding: 5px 10px;
}

.post .entry-meta .read-more-link {
    padding: 5px 10px;
    background-color: @ini_theme_color;
    float: right;
    border-right: none;
}

.post .entry-meta .read-more-link:hover {
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
}

.post .entry-meta a {
    color: #666666;
}

.type-page .entry-meta a {
    color: #666666;
}

.post .entry-meta a.read-more {
    color: #FFFFFF;
}

.post .entry-meta a.read-more:hover {
    color: #FFFFFF;
}

.post .entry-meta a:hover {
    color: @ini_theme_color;
}

.type-page .entry-meta a:hover {
    color: @ini_theme_color;
}

.post .entry-meta span {
    float: left;
    padding: 0 6px 0 6px;
}

.post .entry-meta span:first-child {
    border-left: none;
}

.post .entry-meta .by-author:before,
.post .entry-meta .date:before,
.post .entry-meta .category:before,
.post .entry-meta .comments:before,
.post .entry-meta .edit-link:before {
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font: normal 18px/1 'Genericons';
    vertical-align: top;
}

.post .entry-meta .by-author:before {
    content: '\f304';
}

.post .entry-meta .date:before {
    content: '\f307';
}

.post .entry-meta .category:before {
    content: '\f301';
}

.post .entry-meta .comments:before {
    content: '\f300';
}

.post .entry-meta .edit-link:before {
    content: '\f411';
}

.author-box {
    padding: 20px;
    border: 1px solid @ini_border;
}

.author-box .author-img img {
    margin-bottom: 0;
}

.author-box .author-description-wrapper {
    margin-left: 120px;
}

.single #spacious__content .tags {
    margin: 30px 0;
}

.single #spacious__content .tags a {
    border: 1px solid @ini_border;
    padding: 3px 5px;
    border-radius: 3px;
    color: #666666;
}

.single #spacious__content .tags a:hover {
    color: @ini_theme_color;
    text-decoration: none;
}

/* header media css
--------------------------------------------------------------*/
div.wp-custom-header {
    position: relative;
}

iframe#wp-custom-header-video {
    width: 100%;
}

.wp-custom-header-video-button {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 62px;
    height: 50px;
    font: 0px/0 a;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

div#wp-custom-header:hover .wp-custom-header-video-button {
    visibility: visible;
    opacity: 1;
}

.wp-custom-header-video-button:before {
    content: "\f452";
    display: block;
    font-family: "Genericons";
    font-size: 4rem;
}

.wp-custom-header-video-button.wp-custom-header-video-pause:before {
    content: "\f448";
}

/* Remove the updated class from entry meta */
.date .updated {
    display: none;
}

/* =HEADER
----------------------------------------------- */
header,
div.skip {
    border-bottom: 1px solid @ini_border;
}

#header-meta {
    background-color: #F8F8F8;
    border-bottom: 1px solid @ini_border;
}

#spacious__head-text-nav-container {
    /*border-bottom: 1px solid @ini_border;*/
    /*margin: 0 3rem;*/
    position: relative;
    z-index: 10;
    background-color: @ini_background;
}

#spacious__head-text-nav-wrap {
    /*padding-top: 15px;
    padding-bottom: 15px;*/
    padding: 3rem 0;
    /*margin: 0 3rem;*/
}

#spacious__head-branding {
    /*float: left;*/
    /*margin-right: 25px;*/
}

#spacious__head-logo-wrap {
    /*float: left;*/
    /*padding: 0 20px 0 0;*/
    max-width: 100%;
}

#spacious__head-logo-wrap,
#spacious__head-text-wrap {
    /*margin-bottom: 0px;*/
    margin: 0;
    padding: 0 2rem 0 0;
}

#spacious__head-logo-wrap img {
    margin: 0;
}

#spacious__head-text-wrap {
    /*float: left;*/
    /*padding: 10px 20px 0 0;*/
    /*padding: 0 2rem 0 0;*/
}

#spacious__site-title a {
    color: @ini_theme_color;
}

#spacious__site-tagline a {
    color: @ini_text_neu;
}

#spacious__head-text-wrap a:hover {
    color: @ini_link;
}

#spacious__site-title a {
    font-size: 3.6rem;
}

h1#spacious__site-title {
    /*padding-bottom: 5px;*/
    padding-bottom: 0;
}
/*
h3#spacious__site-title {
    font-size: 3rem;
    line-height: 2.16;
    margin-bottom: 0;
    padding-bottom: 5px;
}
*/

/*
#spacious__site-title a:hover {
    color: @ini_theme_color;
}
*/

#spacious__site-tagline {
    line-height: 1.5;
    /*font-size: 16px;*/
    padding-bottom: 0;
    color: #666666;
}

#spacious__head-tools {
    /*float: right;*/
}

#spacious__head-tools-wrap {
    overflow: hidden;
    /*display: flex;*/
    /*flex-direction: column;*/
    /*align-items: flex-end;*/
}

#spacious__head-tools-wrap .tools {
    /*float: right;*/
    text-align: right;
}

#spacious__head-tools-wrap .tools h6 {
    margin-bottom: .5rem;
}

#spacious__head-tools-wrap .tools p.user {
    margin-bottom: .9rem;
}

#spacious__head-tools .widget {
    text-align: right;
    padding-top: 10px;
}

#spacious__head-tools .widget h3 {
    padding-bottom: 5px;
}

#spacious__head-banner-wrap {
    display: block;
    /*margin: 0 0 1rem 0;*/
    margin: 0;
}

#spacious__head-banner-wrap img {
    margin: 0;
    /*margin: 0 0 1.5rem 0;*/
}

/*.header-image {
    margin-bottom: 0;
    border-bottom: 1px solid @ini_border;
    width: 100%;
}*/

/* =SEARCH WIDGET
----------------------------------------------- */
#search-form {
    display: block;
    padding: 0;
    /*margin: 0 0 1rem 0;*/
    margin: 0;
    vertical-align: 4px;
}

#search-form input.s {
    width: 130px;
}

#search-form button {
    border-radius: 0;
    height: 32px;
    margin-bottom: 0;
    margin-left: -6px;
    padding: 0;
}
#search-form button[type="submit"] svg {
    padding: 2px;
    width: 30px;
    height: 30px;
    fill: white;
}


/*.search-icon:before {
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font: normal 18px/1 'Genericons';
    content: '\f400';
    vertical-align: middle;
    padding: 3px 7px;
}*/

/**
 * Theme CSS Rules from tpl/dokuwiki/css/_search.css
 **/

/* general
********************************************************************/

/* "nothing found" at search + media */
.dokuwiki div.nothing {
    margin-bottom: 1.4rem;
}

/* search results page
********************************************************************/

/*____________ advanced search form ____________*/
.dokuwiki .search-results-form fieldset.search-form {
    margin: 1rem 0;

    .advancedOptions {
        padding: 1rem 0;

        > div {
            margin: 0 .5rem;
        }

        div.toggle {
            ul {
                padding: .25rem .5rem;
                li {
                    margin: .25rem 0;
                }
            }
        }
    }
}

/*____________ matching pagenames ____________*/

.dokuwiki div.search_quickresult {
    margin-bottom: 1.4rem;
    ul {

        li {
            margin: 0 1.5rem;
        }
    }
}

/*____________ search results ____________*/

.dokuwiki dl.search_results {
    margin-bottom: 1.2rem;

    /* search heading */
    dt {
        margin-bottom: .2rem;
    }

    /* last modified line */
    dd.meta {
        margin: 0 0 .2rem 0;
    }

    /* search snippet */
    dd.snippet {
        margin: 0 0 1.2rem 0;
    }
}

/* AJAX quicksearch popup
********************************************************************/

.dokuwiki form.search {

    /* .JSpopup */
    div.ajax_qsearch {
        padding: .5rem;

        strong {
            margin-bottom: .3rem;
        }
    }
}

/* =NAVIGATION
----------------------------------------------- */
nav li > ul,
nav li > ol {
    margin: 0;
    list-style: none;
}

.main-navigation {
    float: right;
    padding-top: 20px;
}

.main-navigation li {
    float: left;
    position: relative;
    padding: 0 0 0 25px;
    font-family: 'Lato', sans-serif;
}

.main-navigation ul li a {
    /*font-size: 16px;*/
}

.main-navigation li.default-menu {
    display: none;
}

li.default-menu {
    display: none;
}

.main-navigation a {
    color: #444444;
    display: block;
    float: left;
    height: 30px;
}

.main-navigation a:hover {
    color: @ini_theme_color;
}

.main-navigation ul li.current-menu-item a,
.main-navigation ul li.current_page_ancestor a,
.main-navigation ul li.current-menu-ancestor a,
.main-navigation ul li.current_page_item a,
.main-navigation ul li.current-menu-ancestor > .sub-toggle,
.main-navigation ul li.current-menu-item > .sub-toggle,
.main-navigation ul li:hover > a,
.main-navigation ul li:hover > .sub-toggle {
    color: @ini_theme_color;
}

.main-navigation ul li ul, .main-navigation ul li:hover ul ul {
    display: none;
    z-index: 9999;
}

.main-navigation ul li:hover ul {
    display: block;
}

.main-navigation ul li .sub-toggle {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    margin-left: 5px;
    margin-top: -4px;
}

.main-navigation ul li ul li .sub-toggle {
    -webkit-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
}

.main-navigation ul li > ul .sub-toggle {
    margin: 0;
    right: 10px;
}

.main-navigation ul li > ul.spacious-menu--left {
    left: -100%;
}

.main-navigation ul ul li:hover ul {
    display: block;
}

.main-navigation ul ul li:hover ul ul {
    display: none;
    z-index: 9999;
}

.main-navigation ul ul ul li:hover ul ul,
.main-navigation ul ul ul ul li:hover ul ul {
    display: none;
    z-index: 9999;
}

.main-navigation ul ul ul li:hover > ul {
    display: block;
}

.main-navigation ul ul ul ul li:hover > ul,
.main-navigation ul ul ul ul ul li:hover > ul {
    display: block;
}

.main-navigation ul li ul {
    position: absolute;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    border-top: 1px solid @ini_theme_color;
    top: 30px;
    left: 25px;
    width: 150px;
}

.main-navigation ul li ul li {
    float: none;
    border-bottom: 1px solid @ini_border;
    padding: 0;
}

.main-navigation ul li ul li.current-menu-item a,
.main-navigation ul li ul li.current_page_ancestor a,
.main-navigation ul li ul li.current-menu-ancestor a,
.main-navigation ul li ul li.current_page_item a,
.main-navigation ul li ul li:hover > a {
    color: @ini_theme_color;
}

.main-navigation ul li ul li a {
    float: none;
    line-height: 1.37;
    font-size: 1.3rem;
    font-weight: normal;
    height: 100%;
    padding: 6px 10px;
    color: #666666;
}

.main-navigation ul li.current-menu-item ul li a,
.main-navigation ul li ul li.current-menu-item a,
.main-navigation ul li.current_page_ancestor ul li a,
.main-navigation ul li.current-menu-ancestor ul li a,
.main-navigation ul li.current_page_item ul li a {
    float: none;
    line-height: 1.37;
    font-size: 1.3rem;
    font-weight: normal;
    height: 100%;
    padding: 6px 10px;
    color: #666666;
}

.main-navigation ul li ul li a:hover,
.main-navigation ul li ul li:hover > a {
    background: none repeat scroll 0 0 white;
    color: @ini_theme_color;
}

.main-navigation ul li.current-menu-item ul li a:hover {
    background: none repeat scroll 0 0 white;
    color: @ini_theme_color;
}

.main-navigation ul li ul li ul {
    left: 150px;
    top: -1px;
}

.main-navigation ul li.focus > ul {
    display: block;
}

.main-navigation select {
    display: none;
}

/* =ASIDE TOOLS
----------------------------------------------- */
@item-width: (@ico-width + @ico-margin + @ico-margin);
@item-height: (@ico-width + @ico-margin);

/*
#spacious__main-flex .tools {
    position: fixed;
    width: @item-width;
}
*/
#spacious__main-flex .tools {
    width: @item-width;
    max-width: @item-width;
    min-width: @item-width;
}
    /* add transparent border to prevent jumping when proper border is added on hover */
/*#spacious__main-flex .tools ul {
    position: absolute;
    right: 0;
    text-align: right;
    margin: 0;
    padding: 0;
    border: 1px solid transparent;
    z-index: 10;
}*/
#spacious__main-flex .tools ul {
    /*background-color: @ini_background;*/
    /*border: 1px solid transparent;*/
    margin: 0;
    padding: 0;
    z-index: 10;
    /*display: inline-flex;*/
    /*display: flex;*/
    /*flex-direction: column;*/
    /*align-items: flex-end;*/
}

#spacious__main-flex .tools ul li,
#spacious__main-flex .tools ul li a,
#spacious__main-flex .tools ul li button,
#spacious__main-flex .tools ul li p {
    width: 100%;
}

#spacious__main-flex .tools ul li a,
#spacious__main-flex .tools ul li button,
#spacious__main-flex .tools ul li p {
    /*padding: 0 calc(.75 * @ico-margin);*/
    padding: 0 4px;
    margin: 0;
}

#spacious__main-flex .tools ul li,
#spacious__main-flex .tools ul li button span,
#spacious__main-flex .tools ul li p span {
    font-size: 1.3rem;
}

#spacious__main-flex .tools ul li.label {
    max-width: 38px;
    padding: 0 1px;
}

#spacious__main-flex .tools ul li.label span {
    font-size: 1.2rem;
    /*margin: 0 0 3px 0;*/
    overflow-wrap: anywhere;
    font-weight: 700;
}

#spacious__main-flex .tools ul li a,
#spacious__main-flex .tools ul li button,
#spacious__main-flex .tools ul li p {
    display: block;
    /* add transparent border to prevent jumping when proper border is added on focus */
    border: 1px solid transparent;
    white-space: nowrap;
    line-height: @item-height;
    /*vertical-align: middle;*/
    height: @item-height;
    float: inline-end;
}

#spacious__main-flex .tools ul li button {
    background-color: transparent;
}

#spacious__contools ul .sidevision.show {
    display: none;
}

#spacious__contools ul li {
    display: flex;
    flex-direction: row;
    align-content: flex-start;
}

#spacious__contools ul li.nsindex {
    flex-direction: column !important;
}

a.nsindex .is_ns,
a.nsindex .is_page {
    font-size: 1.3rem;
}

.is_ns {
    font-weight: bold;
    text-transform: uppercase;
}

.is_page {
    text-transform: capitalize;
}

#spacious__pagetools ul li {
    display: flex;
    flex-direction: row-reverse;
    align-content: flex-end;
    text-align: right;
}

body.fliptools #spacious__pagetools ul li {
    flex-direction: row;
    align-content: flex-start;
    text-align: left;
}

body.fliptools #spacious__contools ul li a,
body.fliptools #spacious__contools ul li button {
    display: flex;
    flex-direction: row-reverse;
}

body.fliptools #spacious__pagetools ul li a,
body.fliptools #spacious__pagetools ul li button {
    display: flex;
    flex-direction: row-reverse;
}

/* hide label until hover */
#spacious__main-flex .tools ul li a span,
#spacious__main-flex .tools ul li button span,
#spacious__main-flex .tools ul li p span {
    display: none;
}

/*#spacious__main-flex .tools ul li a svg {
    width: @ico-width;
    height: @ico-width;
    margin: 0 calc(@ico-margin / 1.6);
    display: inline-block;
    vertical-align: middle;
    fill: @ini_border;
}*/

#spacious__main-flex .tools ul li a svg,
#spacious__main-flex .tools ul li button svg {
    vertical-align: -8px;
}

#spacious__contools ul li.sidevision button {
    cursor: ew-resize;
    text-align: start;
    padding: 0 4px;
}

/*
#spacious__main-flex .tools ul li.sidevision button {
    padding: 0 4px;
}
*/

/*#spacious__main-flex .tools ul li a:active span,
#spacious__main-flex .tools ul li button:active span,
#spacious__main-flex .tools ul li a:focus span,
#spacious__main-flex .tools ul li button:focus span,*/
#spacious__main-flex .tools ul li a:hover span,
#spacious__main-flex .tools ul li button:hover span,
#spacious__main-flex .tools ul li p:hover span {
    display: inline-block;
}

#spacious__main-flex .tools ul li button:hover {
    box-shadow: none;
}

/*
#spacious__main-flex .tools ul li:active a svg,
#spacious__main-flex .tools ul li:focus a svg,
#spacious__main-flex .tools ul li:hover a svg {
    fill: @ini_link;
}
*/

#spacious__pagetools ul {
    float: right;
}

body.fliptools #spacious__pagetools ul {
    float: left;
}

#spacious__contools ul {
    float: left;
}

body.fliptools #spacious__contools ul {
    float: right;
}

/* on hover show all items*/
#spacious__main-flex .tools ul:hover {
    /*background-color: @ini_background;*/
    /*border-color: @ini_border;*/
    /*border-radius: 2px;*/
    /*box-shadow: 2px 2px 2px @ini_text_alt;*/
    /*-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.05) inset;*/
    /*box-shadow: 0 0 30px rgba(0, 0, 0, 0.05) inset;*/
}
#spacious__main-flex .tools ul:hover li {
    max-width: 100%;
}
#spacious__main-flex .tools ul:hover li.sidevision button {
    padding: 0 4px;
}
#spacious__main-flex .tools ul:hover li.label {
    padding: 0 8px;
}
#spacious__pagetools ul:hover li a,
#spacious__pagetools ul:hover li button {
    text-align: end;
}
/*
#spacious__contools ul:hover li a,
#spacious__contools ul:hover li button {
    text-align: start !important;
}*/
body.fliptools #spacious__pagetools ul:hover li a,
body.fliptools #spacious__pagetools ul:hover li button {
    justify-content: flex-end;
}
#spacious__main-flex .tools ul:hover li a span,
#spacious__main-flex .tools ul:hover li button span,
#spacious__main-flex .tools ul:hover li p span {
    display: inline-block;
}
#spacious__main-flex .tools ul:hover li.label span {
    font-size: 1.5rem;
    overflow-wrap: break-word;
}

/* =DROP AND SLIDE
----------------------------------------------- */
/*
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 1;
}

.dropdown:hover .dropdown-content {
  display: contents;
}
*/

.dropdown {
    width: max-content;
    top: 100%;
    /*background-color: #f8f8f8;*/
    transition: all 0.7s ease;
    display: block;
    opacity: 0;
    visibility: hidden;
    border: 1px solid @ini_border;
    top: inherit;
    position: absolute;
    z-index: 20;
}

/*
#dokuwiki__usertools .action.admin.has-dropdown .dropdown {
    transform: translateX(-91%);
}
*/
#dokuwiki__usertools .action.admin.has-dropdown .dropdown {
    transform: translateX(-77%);
}

.has-dropdown:hover > div,
.dropdown:hover {
    opacity: 1;
    visibility: visible;
}

.dropdown div a {
    display: inline-block;
    width: 100%;
    padding: .2rem .5rem;
}

.dropdown div svg {
    margin: 0 0 0 .5rem;
}

/*
.dropdown div {
  display: block !important;
}
*/

#dokuwiki__usertools .dropdown,
#spacious__pagetools ul,
#spacious__contools ul {
    background-color: transparent;
}

#dokuwiki__usertools .dropdown div {
    background-color: fade(@ini_background, 70%);
}

#dokuwiki__usertools .dropdown,
#dokuwiki__usertools .dropdown div.label {
    border-top: 1px solid @ini_theme_color;
}

#dokuwiki__usertools .dropdown div.label {
    padding: .3rem .6rem;
    background-color: @ini_background_neu;
}

#spacious__pagetools ul,
#spacious__contools ul {
    border-top: 1px solid transparent;
}

#dokuwiki__usertools .dropdown div {
    border-bottom: 1px solid @ini_border;
}

#spacious__pagetools ul li,
#spacious__contools ul li {
    border-bottom: 1px solid transparent;
}

#dokuwiki__usertools .dropdown div.action:active,
#dokuwiki__usertools .dropdown div.action:focus,
#dokuwiki__usertools .dropdown div.action:hover,
#spacious__main-flex .tools ul li:active:not(.label),
#spacious__main-flex .tools ul li:focus:not(.label),
#spacious__main-flex .tools ul li:hover:not(.label) {
    background-color: @ini_background;
}

#spacious__pagetools ul:active,
#spacious__pagetools ul:focus,
#spacious__pagetools ul:hover,
#spacious__contools ul:active,
#spacious__contools ul:focus,
#spacious__contools ul:hover {
    border-top: 1px solid @ini_theme_color;
    background-color: fade(@ini_background, 85%);
}

#spacious__main-flex .tools ul:active li,
#spacious__main-flex .tools ul:focus li,
#spacious__main-flex .tools ul:hover li {
    border-bottom: 1px solid @ini_border;
}

/* =SMALL MENU
----------------------------------------------- */
.menu-toggle {
    display: none;
    cursor: pointer;
}

.site-header .menu-toggle {
    background: #3A3A3A;
    color: #fff;
    font-size: 4rem;
    font-weight: 300;
    padding: 5px 22px;
    margin: 0;
    text-align: center;
}

.site-header .menu-toggle:hover {
    background: @ini_theme_color;
}

.site-header .menu-toggle:before {
    content: '\2261';
    margin-right: 10px;
}

.main-small-navigation {
    float: none;
}

.main-small-navigation ul {
    margin: 0;
    list-style: none;
}

.main-small-navigation a {
    display: block;
    color: #FFFFFF;
    padding: 10px 40px;
    text-decoration: none;
}

.main-small-navigation li {
    background: #3A3A3A;
    position: relative;
}

.main-small-navigation li:hover {
    background: @ini_theme_color;
}

.main-small-navigation ul ul a {
    padding-left: 60px;
}

.main-small-navigation ul ul ul a {
    padding-left: 80px;
}

.main-small-navigation ul > .current_page_item, .main-small-navigation ul > .current-menu-item {
    background: @ini_theme_color;
}

/* =SECONDARY MENUS
----------------------------------------------- */
.small-menu {
    /*float: right;*/
}

.small-menu li {
    float: left;
    position: relative;
    font-family: 'Lato', sans-serif;
}

.small-menu li.default-menu {
    display: none;
}

li.default-menu {
    display: none;
}

.small-menu a {
    color: #666666;
    display: block;
    float: left;
    font-size: 1rem;
    height: 21px;
    padding: 5px 0 0 16px;
    font-size: 1.2rem;
}

.small-menu .buttons a img {
    margin-top: 2px;
    opacity: .6;
}

.small-menu a:hover {
    color: @ini_theme_color;
}

.small-menu .buttons a:hover img {
    opacity: 1;
}

.small-menu ul li.current-menu-item a,
.small-menu ul li.current_page_ancestor a,
.small-menu ul li.current-menu-ancestor a,
.small-menu ul li.current_page_item a,
.small-menu ul li:hover > a {
    color: @ini_theme_color;
}

/* =Header Display Menu Bottom
----------------------------------------------- */
.spacious-header-display-four .bottom-menu .main-navigation {
    float: none;
}

.spacious-header-display-four .bottom-menu .main-navigation li:first-child {
    padding-left: 0;
}

/* =FOOTER WIDGET AREA
----------------------------------------------- */
#spacious__foot-widgets-container {
    background-color: #fff - @ini_background_site;;
    color: #fff - @ini_text;
    border-top: 1px solid @ini_border;
    position: relative;
    z-index: 1;
}

#spacious__foot-widgets-wrap {
    /*padding-top: 30px;*/
    /*padding-bottom: 10px;*/
    /*margin: 0 3rem;*/
}

/*
#footer-widgets-wrap .tg-one-fourth .widget-title {
    text-align: left;
}

#footer-widgets-wrap h3.widget-title {
    color: #D5D5D5;
}

#footer-widgets-wrap .tg-one-fourth p {
    text-align: left;
    color: #999999;
}
*/

/*
#footer-widgets-wrap a {
    color: #D5D5D5;
}

#footer-widgets-wrap a:hover {
    color: @ini_theme_color;
}
*/

#spacious__foot {
    /*font-size: 1.4rem;*/
    line-height: 1.34;
    /*margin: 2rem 0 0 0;*/
}

#spacious__foot .widget {
    /*padding-bottom: 25px;*/
    /*padding-bottom: 15px;*/
    padding: 0 1rem 1.5rem 1rem;
    align-self: flex-start;
    flex: 4 0;
}

#spacious__userwidget {
    flex: 5 0 !important;
}

#spacious__licensewidget {
    flex: 3 0 !important;
}

#spacious__onlinewidget {
    /*flex: 0 3 !important;*/
    max-width: max-content;
}

#spacious__foot .widget-title {
    /*font-size: 2.2rem;*/
    line-height: 2.12;
}

#spacious__foot p {
    /*font-size: 1.4rem;*/
    line-height: 1.34;
}

#spacious__user-avatar {
    margin: 0;
}

#spacious__user-avatar {
    float: right;
}

#spacious__foot p.user,
#spacious__foot p.profile {
    text-align: center;
}

#spacious__foot p.user {
    margin: .6rem 0 0 0;
}

#spacious__foot p.profile {
    margin: .3rem 0 0 0;
}

/* =TOPBAR & FOOTER SOCKET AREA
----------------------------------------------- */
/*
#spacious__topbar,
.footer-socket-wrapper {
    padding: 1rem 0;
    margin: 0 3rem;
}
*/
#spacious__topbar,
.footer-socket-wrapper {
    padding: 1rem 0;
}

#spacious__topbar-wrapper {
    position: relative;
    z-index: 1;
    border-bottom: 1px solid @ini_border;
}

#spacious__topbar-date,
#spacious__topbar-newsticker {
    margin: 0 1rem 0 0;
}

#spacious__topbar-social {
    margin: 0 0 0 1rem;
}

.footer-socket-wrapper {
    border-top: 1px solid @ini_border;
    position: relative;
    z-index: 1;
}

/*
.breaking-news div {
	display: none;
}
*/

#spacious__topbar-newsticker strong {
	/*color: linen;*/
	/*margin-right: 0;*/
	position: relative;
	margin-top: 0;
	/*vertical-align: top;*/
}

/* The HTML list gets replaced with a single div,
   which contains the active ticker item, so you
   can easily style that as well */
.breaking-news div {
	display: inline-block;
	word-wrap: break-word;
}

.js-lastchanges {
	display: inline-block;
	/*padding-left: 0;*/
	overflow: hidden;
	/*height: 2rem;*/
	height: 1.6rem;
    /*vertical-align: -3px;*/
    vertical-align: text-bottom;
}

#spacious__topbar-social ul,
#spacious__topbar-social ul li {
    display: inline-block;
}

#spacious__topbar-social ul li:not(:last-child) a span {
    margin-right: 1rem;
}

/*
#spacious__topbar svg {
    width: calc(@ico-width * .5);
    vertical-align: -.9rem;
    fill: @ini_text_neu;
}
*/

.footer-socket-area {
    width: 100%;
}

.footer-socket-wrapper .copyright {
    color: #666666;
    max-width: 50%;
    /*float: left;*/
    /*font-size: 1.2rem;*/
}

.footer-socket-wrapper .copyright a {
    color: #666666;
}

.footer-socket-wrapper .copyright a:hover {
    color: @ini_link;
}

.footer-socket-wrapper .small-menu {
    /*float: right;*/
}

.footer-socket-wrapper .small-menu a {
    padding-top: 0;
}

.footer-socket-wrapper .copyright,
.footer-socket-wrapper .small-menu ul {
    margin: 0;
}

.footer-socket-wrapper .small-menu ul li ul {
    top: 21px;
}
    
/* =DW SPECIFIC
 ----------------------------------------------- */

/* Section highlighting */

div.secedit.editbutton_section {
    display: block;
    margin-top: -1.6rem;
    float: right;
}

div.secedit.editbutton_section button {
    padding: .1rem .9rem;
}

.dokuwiki div.section_highlight {
    margin: 0 -.8rem; /* negative side margin = side padding + side border */
    padding: 0 .3rem;
    border-width: 0 .5rem;
    border-color: @ini_yellow_color;
    border-style: solid;
}

/* More obvious dbg() result */

pre.dbg {
    background-color: gold;
}

/* Move tpl_indexerWebBug() out of the way */

#spacious__housekeeper {
    position: fixed;
    top: 0;
}

/* Hide mobile tools by default */

div.mobileTools {
    /*display:none;*/
}

/* Images alignment */

.medialeft {
    float: left;
}
.mediaright {
    float: right;
}
.mediacenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Footnotes inside the text */

div.insitu-footnote {
    min-width: 5rem;
    padding: .3rem .5rem;
    background-color: @ini_blue_color;
}

/* Footnotes at the bottom of the page */

.dokuwiki div.footnotes {
    padding: .6rem 0 0 0;
}

.dokuwiki div.footnotes .fn .content {
    display: inline-block;
}

/* Header DW tools */

#dokuwiki__usertools ul li {
    display: inline-block;
}

#dokuwiki__usertools ul li.form {
    vertical-align: unset;
}

#dokuwiki__sitetools ul {
    margin: 0;
}

#dokuwiki__usertools li,
#dokuwiki__sitetools li {
    margin: 0 .5rem;
}
#dokuwiki__usertools li:first-child,
#dokuwiki__sitetools li:first-child {
    margin: 0 .5rem 0 0;
}
#dokuwiki__usertools ul li:last-child,
#dokuwiki__sitetools ul li:last-child {
    margin: 0 0 0 .5rem;
}

#dokuwiki__usertools li.form {
    vertical-align: 4px;
}

#dokuwiki__usertools li span,
#dokuwiki__sitetools li span {
    margin: 0 .5rem 0 0;
}

#dokuwiki__usertools li.action,
#dokuwiki__sitetools li.action {
    display: inline-block;
}

/* Login form */
#dw__login p,
#dw__login fieldset label {
    text-align: center;
    margin: 0;
}

/* Fix User Manager 'delete' button */
#usrmgr__del {
    margin: 0 .4rem 0 0;
}

/* Fix User Manager 'import' CSV file */
#user__manager input[type="file"] {
    margin: 0 0 0 .4rem;
}

/* Show 'a11y' elements in debug mode */
/*
body.debug #spacious__page .a11y {
    display: initial !important;
    position: initial !important;
    left: initial !important;
    top: initial !important;
    width: initial !important;
    height: initial !important;
    overflow: initial !important;
}
*/

/* Debug includes and replace backgrounds */

.include-hook-sample,
.debug {
    background-color: gold;
}

.debug .include-hook-sample,
.debug .include-hook-sample h6 span {
    color: black;
}

.debug .include-hook-sample svg {
    fill: black;
}

.replace-hook-sample {
    background-color: linen;
}

/* Editor buttons */

.picker button {
    margin: 0 auto;
}

button.toolbutton {
    margin: 0 .5rem;
    padding: 1rem;
    font: 0rem;
    line-height: 1;
}

button.toolbutton img {
    margin: 0;
}
#edit__summary {
    width: 30%;
}
/* Hide Media Manager popup main scroll bar */
/*
#mediamgr__content {
    overflow-y: hidden;
}
*/

/* Skip to content */
div.skip {
    background-color: black;
    font-size: 3.9rem;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 2;
    margin: 0 auto;
    padding: 2px 0;
    text-transform: uppercase;
    text-align: center;
}

div.skip a {
    color: #fff;
}

/* =FLEXBOX
 ----------------------------------------------- */

.flex {
    display: flex;
    /*position: relative;*/
    align-items: center;
}

.flex.row {
    flex-direction: row;
}
.flex.column {
    flex-direction: column;
}

.flex.between {
    justify-content: space-between;
}
.flex.evenly {
    justify-content: space-evenly;
}

.flex.stretch {
    align-items: stretch;
}
.flex.start {
    align-items: flex-start;
}
.flex.end {
    align-items: flex-end;
}

.flex.wrap {
    flex-wrap: wrap;
}
/*
.flex.nowrap {
    flex-wrap: nowrap;
}
*/

/* Config Manager */

#config__manager h1 {
    padding: 0;
}

#config__manager fieldset {
    background-color: @ini_background_neu;
    margin: 1rem 0;
}

/*#config__manager fieldset div.input select {
    max-width: 100%;
}

#config__manager fieldset input.edit {
    min-width: 100%;
}*/

#config__manager fieldset div.input select,
#config__manager fieldset input.edit {
    width: 100%;
}

#config__manager fieldset div.other {
    display: contents;
    padding: 0;
}

#config__manager td.label span.outkey {
    margin-top: -1rem;
}

#config__manager tr.default .input,
#config__manager tr.default input,
#config__manager tr.default textarea,
#config__manager tr.default select,
#config__manager .selectiondefault {
  background-color: @ini_blue_color;
  color: @ini_text_neu;
}

#config__manager tr.protected .input,
#config__manager tr.protected input,
#config__manager tr.protected textarea,
#config__manager tr.protected select,
#config__manager tr.protected .selection {
  background-color: @ini_red_color !important;
  color: @ini_theme_color !important;
}

#config__manager tr td.value textarea {
    width: 100%;
}

#config__manager div.selection {
    width: 49.5%;
}
#config__manager div.selection:nth-child(even) {
    margin: 4px 0 0 .5%;
}
#config__manager div.selection:nth-child(odd) {
    margin: 4px .5% 0 0;
}
#config__manager div.selection:first-child,
#config__manager div.selection:nth-child(2) {
    margin-top: 0;
}

/*
#config__manager div.other {
    background-color: pink !important;
    color: pink !important;
}

#config__manager div.other label {
    font-size: 0 !important;
    background-color: pink !important;
    content: "a" !important;
}
*/

#config__manager div.other label[for="config___tpl____spacious____topbar_other"],
#config___tpl____spacious____topbar_other,
#config__manager div.other label[for="config___tpl____spacious____stickies_other"],
#config___tpl____spacious____stickies_other,
#config__manager div.other label[for="config___tpl____spacious____contools_other"],
#config___tpl____spacious____contools_other,
#config__manager div.other label[for="config___tpl____spacious____qrcodes_other"],
#config___tpl____spacious____qrcodes_other,
#config__manager div.other label[for="config___tpl____spacious____neutralize_other"],
#config___tpl____spacious____neutralize_other,
#config__manager div.other label[for="config___tpl____spacious____extractible_other"],
#config___tpl____spacious____extractible_other,
#config__manager div.other label[for="config___tpl____spacious____print_other"],
#config___tpl____spacious____print_other {
    display: none;
}

#dw__configform p:last-child {
    margin: 0;
}

/* Helper */

#spacious__helper {
    position: fixed;
    background: @ini_highlight;
    top: 0;
    z-index: 1003;
    visibility: hidden;
    background-color: black;
    color: gold;
}
#spacious__helper span::before {
    content: "desktop (>800px)";
}
body.debug #spacious__helper {
    visibility: visible;
}

/* Alerts */

/*
#spacious__alerts {
    padding: 0 0 1rem 0;
}
*/

/*#spacious__alerts div {*/
div.error,
div.info,
div.success,
div.notify {
    width: 80%;
    padding: .2rem 1rem .2rem 3rem;
    margin: 0 auto .5rem auto;
}

#spacious__alerts div:last-child {
    margin: 0 auto 2rem auto;
}

/*#spacious__alerts div a {*/
div.error a,
div.info a,
div.success a,
div.notify a {
    color: #fff;
}

/*#spacious__alerts div.error {*/
div.error {
    background-color: @ini_red_color;
}

/*#spacious__alerts div.info {*/
div.info {
    background-color: @ini_blue_color;
}

/*#spacious__alerts div.success {*/
div.success {
    background-color: @ini_green_color;
}

/*#spacious__alerts div.notify {*/
div.notify {
    background-color: @ini_yellow_color;
}

/* =RESPONSIVE STRUCTURE
 ----------------------------------------------- */
@media screen and (min-width: 1500px) {
    .wide-978 #featured-slider .entry-container {
        left: 17.6%;
    }
    .wide-1218 #featured-slider .entry-container {
        left: 9.6%;
    }
}

@media screen and (min-width: 1650px) {
    .wide-978 #featured-slider .entry-container {
        left: 19.45%;
    }
    .wide-1218 #featured-slider .entry-container {
        left: 11.9%;
    }
}

@media screen and (max-width: 1308px) {
    body.boxed-layout #spacious__page {
        width: 97%;
    }
    .wide-1218 #spacious__page, .wide-978 #spacious__page {
        width: 100%;
    }
    /*
    .inner-wrap {
        width: 94%;
    }
    */
    .inner-wrap {
        margin: 0 2.5rem;
    }
}

/* Override newsticker label's a11y class if screen is larger than @ini_site_width */
@media all and (min-width: @ini_site_width + 21px) {
    #spacious__topbar-newsticker strong {
        display: initial !important;
        position: initial !important;
    }
}

@media screen and (max-width: 1078px) {
    body {
        /*padding: 15px 0;*/
    }
    #spacious__page {
        margin: 15px auto;
    }
    #featured-slider .entry-container {
        max-width: 60%;
    }
    .call-to-action-content {
        float: none;
        width: 100%;
        margin-bottom: 10px;
        text-align: center;
    }
    .call-to-action-button {
        width: 93%;
    }
    #spacious__sidebar {
        max-width: calc(@ini_sidebar_width * .7);
        min-width: calc(@ini_sidebar_width * .7);
    }
    .footer-socket-wrapper .copyright {
        float: none;
        max-width: 100%;
        text-align: center;
        margin-bottom: 5px;
    }
    .footer-socket-wrapper .small-menu {
        float: none;
        text-align: center;
    }
    .footer-socket-wrapper .small-menu li {
        float: none;
        display: inline;
    }
    .footer-socket-wrapper .small-menu a {
        float: none;
        display: inline;
        padding: 5px 5px 0;
    }
    .small-menu li.default-menu, li.default-menu {
        display: none;
    }
    .tg-one-half, .tg-one-third, .tg-one-fourth {
        float: left;
        width: 46.7684729%;
    }
    .widget_service_block .tg-one-third {
        float: left;
        margin: 0 2.46305%;
        /*padding: 0 0 30px;*/
        width: 28.4072%;
    }
    .tg-one-half-last, .tg-one-fourth-last {
        float: right;
    }
    .tg-service-left {
        float: left;
        margin: 0;
    }
    .tg-service-right {
        float: right;
        margin: 0;
    }
    .tg-column-1, .tg-column-3 {
        float: left;
        width: 46.7684729%;
    }
    .tg-column-2, .tg-column-4 {
        float: right;
        margin-right: 0;
    }
    .tg-after-two-blocks-clearfix {
        clear: both;
    }
    .tg-after-three-blocks-clearfix {
        clear: none;
    }
}

@media screen and (max-width: 900px) {
    #spacious__sidebar {
        max-width: calc(@ini_sidebar_width * .6);
        min-width: calc(@ini_sidebar_width * .6);
    }
}

/* collapse sidebar above content, stack (and/or collapse) footer widgets (maybe give "uncollapsible" power to some widgets like login form), hide sidebar toggle, keep pagetools unchanged */
@media screen and (max-width: @ini_tablet_width) {
    body.debug #spacious__content {
        background-color: yellow;
    }
    body.box2full-layout #spacious__page {
        margin: 0;
    }
    #spacious__topbar {
        padding: .7rem 0;
        /*font-size: 90%;*/
    }
    #spacious__topbar svg {
        max-width: 24px;
        vertical-align: -5px !important;
    }
    #spacious__topbar-date {
        margin: 0;
    }
    #spacious__topbar-date span {
        display: none;
    }
    #spacious__topbar-newsticker ul {
        vertical-align: text-top;
    }
    #spacious__topbar-social ul li a span {
        display: none;
    }
    #spacious__head-branding {
        /*float: none;*/
        max-width: 100%;
        /*margin-right: 0px;*/
        /*margin: 0 0 1.5rem 0;*/
        text-align: center;
        /*display: block;*/
        width: max-content;
        width: 100%;
        /*margin: 0 auto;*/
        /*text-align: center;*/
        justify-content: center;
    }
    #spacious__head-logo-wrap {
        padding: 0 .75rem 0 0;
    }
    #spacious__head-text-wrap {
        padding: 0;
    }
    #spacious__head-logo-wrap img {
        /*padding: 0 1.5rem;*/
        /*padding: 0;*/
        max-width: 20vw;
    }
    #spacious__head-text-wrap {
        float: none;
        /*text-align: center;*/
        /*padding: 0;*/
        margin-bottom: 10px;
        width: max-content;
        display: inline-block;
        text-align: left;
    }
    #spacious__site-title a,
    #spacious__site-tagline {
        font-size: 90%;
    }
    #spacious__head-branding-wrap div:last-child {
        margin: 0 0 1.5rem 0;
    }
    /*
    #spacious__head-tools-wrap div.tools {
        width: 100%;
    }
    
    #spacious__head-tools {
        float: none;
        max-width: 100%;
    }
    */
    /*
    #dokuwiki__usertools ul,
    #dokuwiki__sitetools ul {
        width: max-content;
    }
    */
    #spacious__head-text-nav-wrap {
        flex-direction: column;
        padding: 2rem 0;
    }
    #spacious__head-banner-wrap {
        margin: 0 auto;
    }
    /*
    #spacious__head-banner-wrap img {
        margin: 0 0 1.5rem 0;
    }
    */
    #spacious__head-tools-wrap .tools {
        width: 100%
    }
    #dokuwiki__usertools ul {
        margin: 0 auto 1.5rem auto;
    }
    #dokuwiki__sitetools ul {
        margin: 0 auto;
    }
    /*#dokuwiki__usertools li span,*/
    #dokuwiki__sitetools li span {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 20vw;
        display:inline-block;
    }
    .breadcrumbs .youarehere,
    .breadcrumbs .trace,
    .breadcrumbs .siblings {
        text-align: center;
    }
    #spacious__main-subflex {
        flex-direction: column;
        /*padding-top: 1rem;*/
    }
    #spacious__sidebar-container {
        order: 1 !important;
    }
    #spacious__sidebar-container,
    #dw__toc {
        position: initial !important;
    }
    /*#spacious__sidevision ul,*/
    #spacious__main-subflex .vr {
        display: none;
    }
    #spacious__sidebar {
        min-width: 100%;
        /*margin-right: 0 !important;*/
        /*margin-left: 0 !important;*/
        /*padding: 0 !important;*/
        margin: 0 !important;
    }
    #spacious__sidebar h6 strong {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    body.debug #spacious__sidebar {
        background-color: orange;
    }
    #spacious__sidebar h6.toggle {
        display: initial;
    }
    #spacious__sidebar h6 strong {
        display: inline-block;
    }
    */
    /*
    #spacious__sidebar .content {
        height: 0;
        opacity: 0;
    }
    */
    body.sticky-sidebar #spacious__sidebar-container {
        position: initial;
    }
    #spacious__helper {
        z-index: 1002;
    }
    #spacious__helper span::before {
        content: "tablet (>480px, <800px)";
    }
    #spacious__article {
        margin: 0 !important;
    }
    #dw__toc {
        width: 100%;
        margin: 0 0 1.5rem 0 !important;
    }
    #dw__toc h3 {
        margin: 0 !important;
    }
    #dw__toc h3 strong {
        margin-left: 0;
        margin-right: 0;
    }
    #spacious__pageheader-wrap div.flex,
    #spacious__pageheader-wrap nav {
        min-width: 100%;
    }
    /*
    #spacious__foot {
        margin: 1.5rem 0 0 0;
    }
    */
    #spacious__foot-widgets-wrap aside {
        min-width: 50%;
    }
    .top-spacer {
        margin-top: 1.5rem !important;
    }
    .bottom-spacer,
    .narrow-bottom-spacer {
        margin-bottom: 1.5rem !important;
    }
    hr {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }
    .vr {
        margin: 1.5rem .75rem;
    }
    .inner-wrap {
        margin: 0 2rem;
    }
    #spacious__alerts div:last-child {
        margin: 0 auto 1.5rem auto;
    }
    div.skip {
        font-size: 2.45rem;
    }
}

@media screen and (max-width: 768px) {
    #spacious__article, #spacious__sidebar, .wide-978 #spacious__article, .narrow-978 #spacious__article {
        float: none;
        width: 100%;
        margin: 0;
    }
    #spacious__site-tagline {
        padding-bottom: 5px;
    }
    #spacious__head-tools .widget {
        padding: 0 0 10px 0;
        float: none;
        text-align: center;
    }
    .menu-toggle {
        display: block;
    }
    .main-navigation {
        float: none;
        padding-top: 0;
    }
    .main-navigation.toggled .nav-menu {
        display: block;
    }
    .main-navigation ul {
        display: none;
    }
    #featured-slider .entry-container {
        max-width: 70%;
    }
    #featured-slider .entry-description-container {
        padding: 5px 10px;
        padding: 0.5rem 1rem;
    }
    #featured-slider .slider-title-head {
        margin-bottom: 0;
    }
    #featured-slider .entry-title span {
        font-size: 1.8rem;
        line-height: 1.4;
    }
    #featured-slider .entry-content p {
        font-size: 1.4rem;
        line-height: 1.4;
    }
    #featured-slider .slider-read-more-button {
        font-size: 1.4rem;
        padding: 5px 10px;
        padding: 0.5rem 1rem;
    }
    /* =RESPONSIVE SUB TOGGLE MENU
    ----------------------------------------------- */
    /* sub-toggle */
    .sub-toggle {
        background: @ini_theme_color none repeat scroll 0 0;
        color: #ffffff;
        cursor: pointer;
        display: block;
        height: 24px;
        line-height: 1.37;
        position: absolute;
        right: 15px;
        text-align: center;
        top: 9px;
        width: 24px;
    }
    .main-small-navigation li.current-menu-item > .sub-toggle {
        background: #ffffff none repeat scroll 0 0;
    }
    .main-small-navigation li.current-menu-item > .sub-toggle i {
        color: #d40234;
    }
    .better-responsive-menu .menu-primary-container .sub-menu {
        display: none;
    }
    .sub-toggle span {
        display: inline-block;
        font-size: 1.1rem;
        line-height: 1.39;
        margin-left: 0;
    }
    .main-small-navigation li:hover > .sub-toggle {
        background: #ffffff;
        color: @ini_theme_color;
    }
    .sub-toggle span.genericon-downarrow {
        line-height: 2.1;
        margin-left: 0;
    }
    .site-header.spacious-header-display-four .bottom-menu {
        position: relative;
    }
    .site-header.spacious-header-display-four .bottom-menu .menu-toggle {
        position: absolute;
        z-index: 9999;
        right: 20px;
        top: -40px;
    }
    .better-responsive-menu #spacious__head-tools {
        float: right;
        margin-top: 15px;
        max-width: 100%;
    }
    .better-responsive-menu #spacious__head-tools .widget {
        margin-bottom: 10px;
    }
    .better-responsive-menu #site-navigation {
        float: right;
        margin-top: 10px;
        padding: 0;
    }
    .better-responsive-menu .main-small-navigation {
        margin-top: 10px;
    }
    .better-responsive-menu #spacious__head-logo-wrap {
        float: left;
        margin-bottom: 0;
        margin-right: 10px;
    }
    .better-responsive-menu #spacious__head-branding {
        float: left;
        margin-top: 10px;
    }
    .better-responsive-menu #spacious__head-text-wrap {
        margin: 13px 0 0;
        float: left;
        text-align: left;
    }
    .better-responsive-menu #spacious__site-tagline {
        font-size: 1.3rem;
        margin-bottom: 0;
    }
    .better-responsive-menu #spacious__site-title a {
        font-size: 2.8rem;
    }
    .better-responsive-menu .site-header .menu-toggle {
        background: #3a3a3a none repeat scroll 0 0;
        color: #fff;
        font: 0px/0 a;
        height: 36px;
        margin: 0;
        padding: 0;
        position: relative;
        text-align: center;
        width: 40px;
    }
    .better-responsive-menu #spacious__head-text-nav-wrap {
        padding: 0;
    }
    .better-responsive-menu #spacious__head-text-nav-wrap #spacious__head-tools .widget {
        padding: 0;
    }
    .better-responsive-menu .site-header .menu-toggle::before {
        font-size: 2.1rem;
        left: 50%;
        line-height: 1.5;
        margin-right: 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .better-responsive-menu #spacious__head-text-nav-container {
        position: relative;
        margin-bottom: 15px;
        border: none;
    }
    .better-responsive-menu #site-navigation .menu-primary-container {
        left: 0;
        position: absolute;
        top: 100%;
        width: 100%;
        z-index: 9999;
    }
}

@media screen and (max-width: 767px) {
    .tg-one-half, .tg-one-third, .tg-one-fourth, .widget_service_block .tg-one-third {
        float: none;
        width: 100%;
        margin: 0;
    }
    .tg-column-1, .tg-column-2, .tg-column-3, .tg-column-4 {
        float: none;
    }
    #spacious__article, #spacious__sidebar {
        float: none;
        width: 100%;
        margin: 0;
    }
    .wide-978 #spacious__article, .narrow-978 #spacious__article, .wide-978 #spacious__sidebar, .narrow-978 #spacious__sidebar {
        width: 100%;
    }
    .related-posts {
        margin: 0;
    }
}

@media screen and (max-width: 600px) {
    .site-header.spacious-header-display-four .bottom-menu .menu-toggle {
        position: relative;
        right: 0;
        top: 0;
    }
    .better-responsive-menu #spacious__head-logo-wrap {
        display: block;
        float: none;
    }
    .better-responsive-menu #spacious__head-text-wrap {
        display: block;
        float: none;
        margin-top: 12px;
        text-align: center;
    }
    .better-responsive-menu #spacious__head-branding {
        padding-top: 10px;
        text-align: center;
        float: none;
    }
    .better-responsive-menu #spacious__head-tools {
        padding-top: 10px;
        float: none;
    }
    .better-responsive-menu #spacious__head-tools-wrap {
        float: right;
    }
    .better-responsive-menu #site-navigation {
        float: none;
        margin-top: 0;
    }
    .better-responsive-menu .site-header.spacious-header-display-four .bottom-menu .menu-toggle {
        position: absolute;
        right: auto;
        top: -45px;
        left: 15px;
    }
    .better-responsive-menu .site-header.spacious-header-display-four #spacious__head-branding,
    .better-responsive-menu .site-header.spacious-header-display-four #spacious__head-tools {
        float: none;
    }
    .main-navigation,
    .main-small-navigation {
        padding-top: 8px;
    }
    #featured-slider .entry-description-container {
        padding: 3px 6px;
        padding: 0.3rem 0.6rem;
    }
    #featured-slider .entry-title span {
        font-size: 1.4rem
    }
    #featured-slider .entry-content p {
        font-size: 1rem;
    }
    #featured-slider .slider-read-more-button {
        margin-top: 5px;
        font-size: 1rem;
        padding: 3px 6px;
        padding: 0.3rem 0.6rem;
    }
    #controllers {
        bottom: 5px;
    }
    #controllers a {
        height: 4px;
        margin: 0 3px;
        width: 12px;
    }
    .gallery-columns-4 .gallery-item,
    .gallery-columns-5 .gallery-item,
    .gallery-columns-6 .gallery-item,
    .gallery-columns-7 .gallery-item,
    .gallery-columns-8 .gallery-item,
    .gallery-columns-9 .gallery-item {
        width: 25%;
    }
    .author-box .author-img img {
        margin-bottom: 20px;
    }
    .author-box .author-description-wrapper {
        margin-left: 0;
    }
}

/* collapse pagetools into a dropdown, remove #spacious__main asides */
@media screen and (max-width: @ini_phone_width) {
    body.debug #spacious__content {
        background-color: red;
    }
    body.debug #dw__toc {
        background-color: chocolate !important;
    }
    #spacious__topbar {
        padding: .4rem 0;
        font-size: 80%;
    }
    #spacious__topbar svg,
    .action.admin.has-dropdown .dropdown svg {
        max-width: 21px;
    }
    #spacious__topbar-newsticker {
        display: none;
    }
    #spacious__helper {
        z-index: 1001;
    }
    #spacious__helper span::before {
        content: "phone (<480px)";
    }
    #spacious__head-branding {
        /*margin: 0 0 1rem 0;*/
    }
    #spacious__head-logo-wrap {
        /*float: none;*/
        /*text-align: center;*/
        /*margin-bottom: 10px;*/
    }
    #spacious__head-logo-wrap {
        padding: 0 .5rem 0 0;
    }
    #spacious__head-text-wrap {
        padding: 0;
    }
    #spacious__head-logo-wrap img {
        max-width: 15vw;
    }
    #spacious__site-title {
        line-height: 1;
    }
    #spacious__site-tagline {
        padding: 0;
        margin: 0;
    }
    #spacious__head-text-wrap {
        margin-bottom: 0;
        display: block;
    }
    #spacious__site-title a,
    #spacious__site-tagline {
        font-size: 80% !important;
    }
    #spacious__site-tagline {
        /*text-align: center;*/
    }
    /*
    #spacious__head-banner-wrap {
        margin: 5px 0;
    }
    */
    #spacious__head-text-nav-wrap {
        flex-direction: column;
        padding: 1rem 0;
    }
    #spacious__head-banner-wrap img {
        /*margin: 0 0 1rem 0;*/
    }
    #dokuwiki__usertools ul {
        margin: 0 auto 10px auto;
    }
    #search-form input.s {
        width: 100px;
    }
    .action.admin.has-dropdown .dropdown {
        font-size: 80%;
    }
    .action.admin.has-dropdown .dropdown svg {
        margin: 0;
        vertical-align: -8px;
    }
    #dokuwiki__sitetools li span {
        display: none;
    }
    nav.breadcrumbs {
        display: none !important;
    }
    #spacious__main-subflex {
        /*flex-shrink: 0;*/
        /*flex-wrap: wrap;*/
        /*flex: 1;*/ /* may be necessary for overflow to work in some browsers */
        /*overflow-y: hidden;*/
        padding: 0 .6rem;
        overflow-x: hidden;
    }
    /*
    #spacious__contools,
    #spacious__pagetools {
        background: linen;
    }
    */
    #spacious__main-flex .tools {
        width: @ico-width;
        max-width: @ico-width;
        min-width: @ico-width;
    }
    #spacious__main-flex .tools ul li a,
    #spacious__main-flex .tools ul li button,
    #spacious__main-flex .tools ul li p,
    #spacious__main-flex .tools ul:hover li.sidevision button {
        padding: 0;
    }
    #spacious__main-flex .tools ul li svg {
        height: 22px;
    }
    #spacious__article {
        /*padding: 0 .6rem;*/
    }
    #dw__toc {
        margin: 0 0 1rem 0 !important;
    }
    div.docInfo {
        font-size: 80%;
        flex-direction: column;
    }
    div.docInfo span svg {
        max-width: 22px;
        vertical-align: -8px !important;
    }
    /*
    #spacious__foot {
        margin: 1rem 0 0 0;
    }
    */
    #spacious__foot-widgets-wrap aside {
        min-width: 100%;
    }
    #spacious__foot-widgets-wrap {
        padding-bottom: 1rem;
    }
    #spacious__foot-widgets-wrap .widget {
        padding-bottom: .5rem;
    }
    .top-spacer {
        margin-top: 1rem !important;
    }
    .bottom-spacer,
    .narrow-bottom-spacer {
        margin-bottom: 1rem !important;
    }
    hr {
        margin-left: 1rem;
        margin-right: 1rem;
    }
    .vr {
        margin: 1rem .5rem;
    }
    .inner-wrap {
        margin: 0 1rem;
    }
    #spacious__alerts div:last-child {
        margin: 0 auto 1rem auto;
    }
    div.skip {
        font-size: 2rem;
    }
}

@media only screen and (max-width: 420px) {
    body.boxed-layout #spacious__page {
        width: 97%;
    }
    /*
    .inner-wrap {
        width: 95%;
    }
    */
    #featured-slider .entry-content,
    #featured-slider .slider-read-more-button {
        display: none;
    }
    .gallery-columns-4 .gallery-item,
    .gallery-columns-5 .gallery-item,
    .gallery-columns-6 .gallery-item,
    .gallery-columns-7 .gallery-item,
    .gallery-columns-8 .gallery-item,
    .gallery-columns-9 .gallery-item {
        width: 33.33%;
    }
    .better-responsive-menu #spacious__head-text-wrap {
        text-align: center;
    }
}

/* Extract ToC if there's enough room (extra 51px are for a 10px margin on both sides of toc and both side of screen plus 1.4rem for previous inner-margin and an extra pixel to go beyond) */
@media all and (min-width: @ini_site_width + (2 * @ini_toc_width) + 75px) {
    body.debug.extractible-toc #spacious__content {
        background-color: goldenrod;
    }
    body.extractible-toc #spacious__helper {
        z-index: 2001;
    }
    body.extractible-toc #spacious__helper span::after {
        content: "(ToC extracted)";
    }
    body.extractible-toc:not(.mix-layout) #dw__toc {
        position: fixed;
        top: 3rem;
        left: 50%;
        /*margin-left: (@ini_site_width / 2) + (1rem / @ini_font_factor);*/
        margin-left: (@ini_site_width / 2) + 15px;
        padding-top: .5rem;
        padding-bottom: .5rem;
    }
    html.extracted-toc body.mix-layout.extractible-toc #dw__toc {
        position: sticky;
        top: 9rem;
        left: 100%;
    }
    html.extracted-toc body.mix-layout.extractible-toc:not(.left-sidebar) #spacious__article,
    html.extracted-toc body.mix-layout.extractible-toc:not(.right-sidebar) #spacious__article {
        width: calc(@ini_site_width - (2 * @ico-width) - (4 * @ico-margin));
    }
    html.extracted-toc body.mix-layout.extractible-toc.left-sidebar #spacious__article,
    html.extracted-toc body.mix-layout.extractible-toc.right-sidebar #spacious__article {
        width: calc(@ini_site_width - (2 * @ico-width) - (4 * @ico-margin) - @ini_sidebar_width - 19px);
    }
    body.extractible-toc.mix-layout #dw__toc {
        top: 4.5rem;
    }
    /*
    [dir=rtl] body.extractible-toc #dw__toc {
        right: 50%;
        margin-right: (@ini_site_width / 2) + 10px;
    }
    */
    body.extractible-toc #dw__toc h3.toggle:not(.closed) {
        display: none;
    }
    body.scrollspy-toc.extractible-toc #dw__toc li div.li {
        padding: 0 6px 1px 6px;
    }
    body.scrollspy-toc.extractible-toc #dw__toc li div.li {
        border-left: 4px solid transparent;
    }
    body.debug.scrollspy-toc.extractible-toc #dw__toc li div.li {
        border-color: @ini_highlight;
    }
    /*
    body.extractible-toc.fadeextracted #dw__toc,
    body.extractible-toc.fadeextracteduntil #dw__toc {
        opacity: .5;
    }
    body.extractible-toc #dw__toc:hover {
        opacity: 1;
    }
    */
    body.extractible-toc .dw__toc div {
        font-size: 100%;
    }
    body.extractible-toc.boxed-layout .dw__toc,
    body.extractible-toc.box2full-layout .dw__toc {
        background-color: @ini_background_neu;
        box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    }
}

/* Extract Sidebar if there's enough room (extra 51px are for a 10px margin on both sides of sidebar and both side of screen plus 1rem for previous inner margin and an extra pixel to go beyond) */
@media all and (min-width: @ini_site_width + (2 * @ini_sidebar_width) + 75px) {
    body.debug.extractible-toc #spacious__content {
        background-color: chocolate;
    }
    body.extractible-sidebar #spacious__helper {
        z-index: 3001;
    }
    body.extractible-sidebar #spacious__helper span::after {
        content: "(Sidebar extracted)";
    }
    body.extractible-sidebar #spacious__sidebar-container {
        /* translate (search "transition" to find the rules for this translation animation) */
        transform: translate((-1 * (@ini_sidebar_width + @ico-width + @ico-margin + @ico-margin + 15px)), 0);
        /*background-color: fade(@ini_background, 60%) !important;*/
        padding-top: .5rem;
        padding-bottom: .5rem;
    }
    [dir=rtl] body.extractible-sidebar #spacious__sidebar-container {
        transform: translate((@ini_sidebar_width + @ico-width + @ico-margin + @ico-margin + 20px), 0);
        /*background-color: fade(@ini_background, 60%) !important;*/
        box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    }
    html.extracted-toc.extracted-sidebar body.mix-layout.extractible-toc #spacious__article {
        width: calc(@ini_site_width - (2 * @ico-width) - (4 * @ico-margin));
    }
    body.extractible-sidebar:not(.sticky-sidebar) #spacious__sidebar-container {
        position: absolute;
    }
    body.extractible-sidebar.sticky-sidebar #spacious__sidebar-container {
    }
    body.extractible-sidebar:not(.sticky-sidebar) #spacious__article {
        margin: 0;
    }
    body.extractible-sidebar.sticky-sidebar.mode_show #spacious__article {
        margin: 0 0 0 calc(-1 * (@ini_sidebar_width + 10px));
    }
    /*
    [dir=rtl] body.extractible-sidebar.sticky-sidebar.mode_show #spacious__article {
        margin: 0 calc(-1 * (@ini_sidebar_width + 10px)) 0 0;
    }
    */
    body.extractible-sidebar #spacious__contools li.action.sidevision {
        display: none;
    }
    /*
    body.extractible-sidebar.fadeextracted #spacious__sidebar-container,
    body.extractible-sidebar.fadeextracteduntil #spacious__sidebar-container {
        opacity: .5;
    }
    body.extractible-sidebar #spacious__sidebar-container:hover {
        opacity: 1;
    }
    */
    body.extractible-sidebar div.notvisibleifextracted,
    body.extractible-sidebar #spacious__sidebar-container hr {
        visibility: hidden;
    }
    body.extractible-sidebar.boxed-layout #spacious__sidebar,
    body.extractible-sidebar.box2full-layout #spacious__sidebar {
        background-color: @ini_background_neu !important;
        box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    }
}
