/* General */
html{font-size:62.5%;font-size:10px}
body{background-color:var(--cs-background);font-size:1.6rem}
p{font-size:1.6rem;line-height:2.2rem;margin:0 0 1rem 0}
ol,ul{margin-bottom:0}
button,input,select,textarea{font:1.6rem 'Lato', sans-serif}
button,input[type="reset"],input[type="button"],input[type="submit"],
button:hover,input[type="reset"]:hover,input[type="button"]:hover,input[type="submit"]:hover,
button:active,input[type="reset"]:active,input[type="button"]:active,input[type="submit"]:active{outline:none;box-shadow:none;-webkit-box-shadow:none}
hr{border-top-color:var(--cs-page-border)}
h1,h2,h3,h4,h5,h6{font-family:NotesEsa,Georgia,"Times New Roman",serif;font-weight:700;color:var(--cs-color)}
h1{font-size:3.6rem}
h2{font-size:3.0rem}
h3{font-size:2.4rem}
h4{font-size:1.8rem}
h5{font-size:1.4rem}
h6{font-size:1.2rem}

.search-wrap button{color:white;height:3.2rem;width:3.2rem;float:right}
.search-icon:before{font-size:1.8rem;padding:0.3rem 0.7rem}
input.s{width:calc(100% - 3.2rem);height:3.2rem;padding:0.4rem 1rem}
.post .entry-meta .by-author,.post .entry-meta .date,.post .entry-meta .category,.post .entry-meta .comments,.post .entry-meta .edit-link{padding:0.5rem 1rem;font-size:1.4rem}
.post .entry-title,.page .entry-title{font-size:2.6rem;line-height:3.2rem}
.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{font-size:1.8rem}
.post .entry-meta .by-author{display:none!important}
/* Global classes */
.hidden{display:none}
.no-br br,.no-breaklines br{display:none}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
     -khtml-user-select: none; /* Konqueror */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  not supported by any browser */
}

/* Keyframes */
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}
@keyframes cta-arrow-less {
      0% { transform: translateX(  0) }
     50% { transform: translateX(20%) }
    100% { transform: translateX(  0) }
}
@keyframes cta-arrow {
      0% { transform: translateX(  0) }
     50% { transform: translateX(50%) }
    100% { transform: translateX(  0) }
}

/* Main Sections */
#header-meta,#page,#colophon{max-width:100%;margin-left:0;margin-right:0}

#main{min-height:calc(100vh - 11.4rem)}
.show-thumb+#main{min-height:calc(100vh - 52.4rem)}
body.admin-bar #main{min-height:calc(100vh - 11.4rem - 32px)}
body.admin-bar .show-thumb+#main{min-height:calc(100vh - 52.4rem - 32px)}
#featured-slider+#main{min-height:unset}

/* Header */
#header-meta{width:100%;position:fixed;top:0;height:6.4rem;display:flex;align-items:center;justify-content:flex-start;padding:0 2rem 0.4rem 2rem;border:0;color:white;z-index:999}
#header-meta::before{z-index:-1;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:var(--cs-header-bkg);border-bottom:0.4rem solid var(--cs-color)}
.header-meta-left{display:flex;align-items:center;justify-content:flex-start;max-height:6rem;overflow:hidden}
/* Header action buttons */
.header-meta-left .username{position:absolute;right:0;bottom:-3.4rem;height:3.4rem;font-size:1.5rem;padding:0.5rem 2rem;margin:0;cursor:pointer;max-width:90%;border-radius:0 0 0 1rem;background-color:var(--cs-header-bkg);transition:all 0.25s ease}
.header-meta-left .username:hover{color:rgba(255,255,255,0.8)}
.header-action{font-size:2.2rem;margin-right:1.5rem;cursor:pointer}
.header-action:last-child{margin:0}
.header-action,.header-action .wrapper,.header-action .wrapper .icon{padding:0}
.header-action .wrapper .fa{padding:0.3rem;transition:all 0.25s ease}
.header-action .wrapper:hover .fa{transform:scale(1.1);color:white!important}
.header-action.home{font-size:3rem;margin-left:1.5rem;display:none}
.header-action.home .icon{color:white;padding-left:1.5rem;white-space:nowrap}
.small-info-text{position:relative;font-family:NotesEsa;color:white!important;text-transform:uppercase;font-size:2rem;padding:0 0 0 1.5rem;margin-left:1.5rem;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.small-info-text:hover{text-decoration:none}
.small-info-text:hover span{text-decoration:underline}
.small-info-text::before,.header-action.home .icon::before{font-size:1.6rem;font-family:NotesEsa;content:"\2192";position:absolute;left:0;top:50%;line-height:0}
.header-meta-right{display:flex;align-items:center;justify-content:flex-end;margin-left:auto;max-height:6rem;overflow:hidden}

#logo-image{white-space:nowrap}
#logo-image .custom-logo{height:5rem;object-fit:contain;margin:0 0 0 1.5rem}
#logo-image>*:first-child .custom-logo{margin:0}

/* Side Panel */
.side-panel{position:fixed;left:0;right:0;top:0;height:100vh;font-size:1.6rem;background-color:var(--cs-background);overflow-x:hidden;overflow-y:hidden;color:var(--cs-side-color);z-index:101}
#side-left{right:auto}
#side-right{left:auto}
.side-panel .side-top{width:100%;display:flex;align-items:center;justify-content:flex-start;float:left;border-bottom:0.4rem solid var(--cs-color);height:6.4rem;padding:0 2rem}
.side-panel .side-panel-content{width:100%;height:90vh;height:calc(100vh - 6.4rem);overflow-x:hidden;overflow-y:auto;padding:0}
.side-panel .header-action .wrapper:hover .fa{transform:rotate(90deg);color:var(--cs-side-color)}
/* Side Panel Transitions*/
#header-meta,#page,#colophon,.side-panel{transition:all 0.25s ease}
.side-panel{min-width:0;max-width:0}
html.side-lefty-on #header-meta,html.side-lefty-on #page,html.side-lefty-on #colophon{max-width:calc(100% - var(--side-lefty-width))}
html.side-lefty-on #header-meta,html.side-lefty-on #page,html.side-lefty-on #colophon{margin-left:var(--side-lefty-width)}
html.side-lefty-on #side-left {min-width:var(--side-lefty-width);max-width:var(--side-lefty-width)}
html.side-right-on #header-meta,html.side-right-on #page,html.side-right-on #colophon{max-width:calc(100% - var(--side-right-width))}
html.side-right-on #side-right{min-width:var(--side-right-width);max-width:var(--side-right-width)}

/* Side Left (menu) */
#side-left{font-size:2rem}
#side-left .side-panel-content{float:left;padding:0rem 0;width:var(--side-lefty-width)}
#side-left a{text-decoration:none}
#side-left ul >li{display:block;width:100%;margin:0;background:transparent}
#side-left ul>li a{display:block;width:100%;color:var(--cs-side-color);padding:0 0 0 2.5em;font-family:'NotesESA',sans-serif;font-size:1em;line-height:2em;white-space:nowrap;transition:all 0.25s ease}
#side-left ul.nav-menu>li>a::before{content:"";width:0.5em;height:0.5em;display:block;border-radius:100%;position:absolute;top:1em;transform:translate(3rem,-0.5rem);left:0;background-color:var(--cs-side-color)}
#side-left ul>li a:hover{background-color:rgba(255,255,255,0.05);color:white!important}
#side-left ul>li>ul{font-size:0.9em;border:0;position:relative;left:auto;top:auto;background-color:var(--cs-background);width:100%}
#side-left ul>li>ul>li{border:0}
#side-left ul>li>ul>li a{padding-left:4em;line-height:1.6em}
/* #side-left ul>li>ul>li a{line-height:1.6em} */
#side-left li.current-menu-item{background:rgba(255,255,255,0.1)}
#side-left li.current-menu-item>a{color:white}
#side-left li.current-menu-ancestor>a::before,
#side-left li.current-menu-item>a::before{background-color:var(--cs-notif-bullet)!important}
#side-left .menu-toggle{display:none}


#side-left ul>li>ul>li>ul>li{border:0; color: #d11610;}
#side-left ul>li>ul>li>ul>li a{padding-left:5em;line-height:1.6em}
#side-left ul>li>ul>li>ul>li>ul>li{border:0; color: gold;}
#side-left ul>li>ul>li>ul>li>ul>li a{padding-left:7em;line-height:1.6em}

/* Side Right (events, news, user info) */
#side-right .side-top{justify-content:flex-end}
#side-right .side-panel-content{float:left;padding:0 1.5em!important;width:var(--side-right-width)}
#side-right .widget_text .textwidget{padding-bottom:0}
#side-right aside.widget .widget-title{padding:0;color:var(--cs-side-color-hover);text-align:center;margin-bottom:1em}
#side-right aside.widget .widget-title span{padding:0;font-weight:700;border:0}
#side-right aside.widget>ul{margin-top:1em}
/* User Info */
.cs-event{margin-bottom:1em;position:relative;border-radius:0.4rem;padding:1em;background-color:var(--cs-widget-bkg);box-shadow:0 1px 5px 0 rgba(0,0,0,0.3);transition:all 0.25s ease-out}
.cs-event .event-title{font-size:2rem;color:var(--cs-side-color-hover);padding-bottom:1rem;line-height:1.4em;margin:0 0 1rem 0}
#user-login .cs-event{text-align:center}
#user-login .cs-event p{text-align:left}
/* Recent posts widget */
#side-right aside.widget .rpwwt-widget>ul{margin-top:1em}
#side-right aside.widget .rpwwt-widget>ul>li{position:relative;border-radius:0.4rem;padding:1.5rem;background-color:var(--cs-widget-bkg);box-shadow:0 1px 5px 0 rgba(0,0,0,0.3);transition:all 0.25s ease-out;margin-bottom:1em}
#side-right aside.widget .rpwwt-widget>ul>li a{color:var(--cs-side-color-hover)}
#side-right aside.widget .rpwwt-widget>ul>li a span{font-size:1.2em;font-family:NotesEsa;text-decoration:underline}
#side-right aside.widget .rpwwt-widget>ul>li a img{max-width:100%;width:100%;border-radius:0.4rem;height:13.5rem;object-fit:cover}
#side-right aside.widget .rpwwt-widget .rpwwt-post-date{color:white;font-size:0.8em}
#side-right aside.widget .rpwwt-widget .rpwwt-post-date::before{content:"\f017";margin-right:0.8em;font:normal normal normal 1.4rem/1 FontAwesome}
#side-right aside.widget .rpwwt-widget .rpwwt-post-excerpt{font-size:1.4rem;line-height:1.4em}
#side-right aside.widget .rpwwt-widget .rpwwt-post-excerpt ul{font:inherit;list-style:square;padding:0 0 0 3.5rem;margin-bottom:1.5rem}
#side-right aside.widget .rpwwt-widget .rpwwt-post-excerpt ul>li{margin:0;overflow:visible}
#side-right aside.widget .rpwwt-widget>ul>li:hover{transform:translateY(-0.5rem);box-shadow:2px 2px 10px 5px rgba(0,0,0,0.3)}
#side-right .mCSB_outside+.mCSB_scrollTools{right:0.4rem}

/* Page */
#page{position:relative;background-color:var(--cs-page-bkg);padding-top:6.4rem}
#primary{width:76%}
#secondary{width:20%}
.no-sidebar #primary{width:100%}
#comments,
#primary article .article-excerpt,
.single-post #primary article.post{padding:4rem;background-color:white;box-shadow:2px 2px 10px 5px rgba(0,0,0,0.1);border-radius:0.4rem;margin-bottom:4rem}

/* Primary */
#primary article.page,#primary article.post{padding:0;margin-bottom:4rem}
#primary article.has-post-thumbnail>.article-excerpt{display:flex;flex-wrap:wrap}
#primary article.has-post-thumbnail>.article-excerpt .post-featured-image{flex:0 0 50%;max-width:50%;padding-right:4%}
#primary article.has-post-thumbnail>.article-excerpt .entry-content.excerpt{flex:0 0 50%;max-width:50%}
#primary article .article-excerpt{position:relative;transition:all 0.25s ease-out}
#primary article .article-excerpt:hover{transform:translateX(-0.5rem);box-shadow:4px 1px 10px 5px rgba(0,0,0,0.1)}
#primary article .article-excerpt .post-featured-image a{display:block;height:100%}
#primary article .article-excerpt .post-featured-image img{border-radius:0.4rem;box-shadow:1px 1px 3px 1px rgba(0,0,0,0.2);min-height:24rem;max-height:28rem;height:100%;width:100%;object-fit:cover}
#primary article .article-excerpt .entry-meta{border:0;float:left}
#primary article .article-excerpt .read-more-link{display:inline-block;position:relative;background-color:transparent;z-index:0;margin-top:1.5em}
#primary article .article-excerpt .read-more-link:hover{box-shadow:none}
#primary article .article-excerpt .read-more-link a{position:relative;color:white;background-color:var(--cs-color);font-family:NotesEsa;font-size:1.4rem;text-transform:uppercase;letter-spacing:0.25rem;text-decoration:none;padding:1.3em 2em;border-radius:0.2rem;transition:all 0.25s ease-out}
#primary article .article-excerpt .read-more-link a:hover{background-color:var(--cs-color-hover)}
#latest_post .entry-meta-bar{display:none}

/* Secondary */
#secondary .widget{margin-top:1.5rem;margin-bottom:3.5rem;font-size:1.6rem}
#secondary .widget ul li{border:0;padding:0.2rem 1rem;font-family:NotesEsa}
#secondary .widget ul li a{display:block;text-decoration:none;cursor:pointer;width:100%}
#secondary .widget ul li:nth-child(odd){background-color:rgba(255,255,255,0.5)}
#secondary .widget ul li:hover{background-color:rgba(0,0,0,0.1)}
#secondary .widget ul li:hover a{text-decoration:underline}
#secondary .widget ul li.current-menu-item{background-color:var(--cs-color)}
#secondary .widget ul li.current-menu-item a{color:white}
#secondary .widget.widget_text{margin:0}
#secondary .widget p{font-family:NotesEsa}
#secondary .widget.widget_sp_image{padding:2rem;border-radius:0.2rem;transition:all 0.25s ease}
#secondary .widget.widget_sp_image img{max-width:100%;border-radius:0.2rem}
#secondary .widget.widget_sp_image:hover{transform:translateY(-1rem) scale(1);box-shadow:0 20px 30px 0 rgba(0,0,0,0.1)}
#secondary h3.widget-title{font-size:2.2rem;line-height:3.2rem;padding-bottom:1.5rem;margin:0}

/* Slider */
#featured-slider{overflow:hidden}
#featured-slider .slider-title{position:absolute;top:1rem;left:0;width:90%;margin:0 5%;font-size:6rem;line-height:1em;color:white;text-shadow:2px 2px 3px rgba(0,0,0,0.8);max-height:3em;overflow:hidden;z-index:100}
#featured-slider .slider-cycle{max-width:100%!important;overflow:hidden}
#featured-slider img{height: 40vh;width:100%;object-fit:cover;min-height:15rem;max-height:25rem}
#featured-slider .entry-description-container{background:none;padding:0;margin-bottom:1.5rem;pointer-events:none;text-shadow:2px 2px 3px rgba(0,0,0,0.8)}
#featured-slider .entry-title span{font-size:4rem;line-height:1em;max-height:3em;overflow:hidden}
#featured-slider .entry-content p{font-size:1.6rem;max-height:4.2em;overflow:hidden}
#featured-slider a.slider-read-more-button{text-decoration:none;position:relative;background-color:white;border-radius:0.2rem;color:var(--cs-color);padding:1rem 1.5rem;line-height:3rem;margin-top:1.5rem;font-size:1.5rem;text-transform:uppercase;letter-spacing:0.25rem;width:20rem;text-align:left;transition:all 0.25s ease}
#featured-slider a.slider-read-more-button:hover{background-color:white;transform: translateY(-0.15rem)}
#featured-slider a.slider-read-more-button::before{display:block;content:"\2192";position:absolute;line-height:0;right:2.5rem;top:2.3rem;font-size:3.2rem}
#featured-slider a.slider-read-more-button:hover::before{animation: cta-arrow 1s ease-in-out infinite}
#featured-slider .slider-title-head{/*margin-bottom:1.5rem*/}
#featured-slider .entry-container{left:5%!important;/*top:auto*/;bottom:8rem;transform:translateY(0)}
#controllers{text-align:right;padding:1rem 0;/*margin-left:5%!important*/;bottom:1.5rem;z-index:101;width: auto;margin-left: calc(100% - 2em);transform: translateX(-100%);}
#controllers a{width:2rem;height:2rem;margin:0 0.5rem;border:0.2rem solid white;border-radius:50%;background-color:transparent;cursor:pointer}
#controllers a:not(.active):hover{background-color:var(--cs-side-color)!important;border-color:var(--cs-side-color)!important}
#controllers a.active{background-color:white!important;background-color:white!important;cursor:default}
.flex-direction-nav .flex-next{right:-5rem}
.flex-direction-nav .flex-prev {left:-5rem}
.flex-direction-nav a{border:none;width:3.6rem;height:3rem;margin:-1.5rem 0 0 0;display:block;border:none;padding:0;line-height:1;position:absolute;top:50%;overflow:hidden;opacity:0;cursor:pointer;color:white;transition:all 0.3s ease-in-out;z-index:101}
.flex-direction-nav a::before {font-family:FontAwesome;display:inline-block;font-size:3rem;content:'\f060';text-shadow:2px 2px 1px rgba(0,0,0,0.3)}
.flex-direction-nav a.flex-next::before{content:'\f061'}
.slider-cycle:hover .flex-direction-nav .flex-prev{left:3rem}
.slider-cycle:hover .flex-direction-nav .flex-prev{opacity:0.7;left:1rem}
.slider-cycle:hover .flex-direction-nav .flex-next{right:3rem}
.slider-cycle:hover .flex-direction-nav .flex-next{opacity:0.7;right:1rem}
.slider-cycle:hover .flex-direction-nav a:hover{opacity:1}

/* Page sections sizes */
@media screen and (max-width: 1600px) {
	#primary{width:71%}
	#secondary{width:25%}
}
@media screen and (max-width: 1290px) {
	#primary{width:65%}
	#secondary{width:31%}
	#featured-slider .slider-title{font-size:5rem}
}
@media screen and (max-width: 950px) {
	#primary{width:100%}
	#secondary{width:100%}
	#secondary .widget{width:70%}
	#featured-slider .slider-title{font-size:4rem}
}
@media screen and (max-width: 767px) {
	#primary article.has-post-thumbnail .article-excerpt .post-featured-image{flex:0 0 100%;max-width:100%}
	#primary article.has-post-thumbnail .article-excerpt .entry-content.excerpt{flex:0 0 100%;max-width:100%}
	#secondary .widget{width:100%}
}

/* Header elements */
#wp-custom-header{width:100%;display:flex;box-shadow:0 2px 6px rgba(0,0,0,0.5)}
#wp-custom-header.show-thumb{min-height:15rem;height: 30vh;background-size:cover;background-position-x:50%;background-position-y:50%}
#wp-custom-header.show-thumb .post-title-wrapper{align-self:flex-end;width:100%;padding:0 5% 2.5em 5%;background-image:linear-gradient(0deg,rgba(0,50,71,0.7) 0%,rgba(0,50,71,0) 100%)}
.header-title{font-family:NotesEsa;color:white;font-weight:700;padding:0;text-shadow:0 0 5px rgba(0,0,0,0.5)}
.header-post-title-class{font-size:5rem;line-height:1.05em;max-height:3.15em;overflow:hidden}
.post .entry-title a, .page .entry-title a{color:var(--cs-color)}
.previous a, .next a{border:0;font-size:1.6rem}
.home-link{color:white!important;font-size:3rem;margin-right:1rem;transition:all 0.25s ease;display:inline-block;text-shadow:0 0 3px rgba(0,0,0,0.5);vertical-align:sub}
.home-link:hover{transform:scale(1.2)}
.breadcrumbs>span{display:none}
.breadcrumbs>span:nth-last-child(2){display:inline-block}
.breadcrumbs>span:nth-last-child(2) a{font-family:NotesEsa;font-size:2rem;line-height:1em;text-transform:uppercase;background-color:var(--cs-color);padding:0.3rem 1rem;display:inline-block;margin-bottom:1.5rem;color:white;text-decoration:none;font-weight:700}

/* Footer */
#colophon .footer-socket-wrapper{position:relative;background-color:var(--cs-background);border:0;padding:1rem 0}
#colophon .footer__signature{font-family:'NotesESA',sans-serif;font-weight:700;margin-right:3rem;color:var(--cs-side-color);font-size:1.6rem;float:left;line-height:3rem;height:3rem}
#colophon .small-menu{float:left;margin:0 3rem 0 0;text-align:left}
#colophon .small-menu ul li{font-family:'NotesESA',sans-serif}
#colophon .small-menu ul li a{font-size:1.6rem;color:var(--cs-footer-color);line-height:3rem;padding:0 1em 0 0;height:3rem}
#colophon .small-menu ul li a:hover{color:var(--cs-footer-color)}

/* Alerts */
#alert_container{position:fixed;right:1rem;top:2rem;max-width:50%;z-index:1050;max-height:50vh;overflow-y:auto;padding-right:1rem}
#alert_container .alert{box-shadow:5px 5px 3px 0 rgba(0,0,0,0.3);width:100%;margin-bottom:1em}

/* Page Customization according to WP adminbar position and size */
body.admin-bar #header-meta{top:32px}
body.admin-bar .side-panel{height:calc(100vh - 32px);top:32px}
body.admin-bar .side-panel .side-panel-content{height:calc(100vh - 6.4rem - 32px)}
body.admin-bar #alert_container{top:calc(2rem + 32px)}

/* Content */
.loading{position:absolute;top:0;left:0;min-width:6rem;min-height:6rem;width:100%;height:100%;background-color:rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;z-index:1}
.loading::after{content:" ";border:1rem solid var(--cs-loading-border1);border-top:1rem solid var(--cs-loading-border2);border-radius:50%;width:6rem;height:6rem;animation:spin 1200ms linear infinite}

.panel{position:relative;padding:0 4rem 2rem 4rem;border:0;border-radius:0;margin-bottom:2rem;background-color:var(--cs-panel-bkg);box-shadow:0 1px 5px 0 rgba(0,0,0,0.3);overflow:hidden}
.panel.info{border-radius:0 0.4rem 0.4rem 0;background-color:var(--cs-panel-info-bkg)}
.panel.info::after{content:" ";width:1rem;height:100%;background-color:var(--cs-color-hover);position:absolute;top:0;left:0;visibility:visible}
.panel.dash{border-radius:0.4rem}
.panel .title{min-height:7rem;line-height:3rem;padding:2rem 4rem;margin:0 -4rem 0 -4rem;border-bottom:0.1rem solid var(--cs-page-bkg)}
.panel.info .title{border-color:var(--cs-panel-info-border)}
.panel.dash .title{background-color:var(--cs-panel-info-bkg);border-color:var(--cs-panel-info-border)}
.panel .content{margin-top:2rem;margin-top:2rem}
.panel .content h3{padding:0;margin-top:0}
.panel .content .extra-info{display:block;color:gray;font-style:italic}

.panel-body{padding:0}
.panel-header{padding:2rem 4rem}
.panel-footer{padding:2rem 4rem}
.panel .panel-header{margin:0 -4rem}
.panel .panel-footer{margin:0 -4rem -2rem -4rem}
.panel .panel-header .panel-title{text-align:center;padding:0}
.panel h1.panel-title{font-size:4rem}
.panel h2.panel-title{font-size:3rem}
.panel h3.panel-title,
.panel h3.panel-subtitle{font-size:2.2rem}
.panel h4.panel-title,
.panel h4.panel-subtitle{font-size:1.8rem}
.panel h5.panel-title{font-size:1.6rem}
.panel h3.panel-subtitle{margin-top:0}
.panel .panel-section{margin-bottom:2rem}
.panel .panel-section .panel-title{color:var(--cs-color);margin:0 -4rem 2rem -4rem;padding:1.3rem 4rem;border-top:0.1rem solid var(--cs-page-bkg);border-bottom:0.1rem solid var(--cs-page-bkg);background-color:var(--cs-panel-bkg);position:relative}
.panel .panel-footer::before,
.panel .panel-section .panel-title::after{content:"";position:absolute;top:100%;left:0;width:100%;height:0.7rem;background:transparent url(../img/shadow-4.png) left top/100% 100% no-repeat;opacity:0.5;pointer-events:none}
.panel .panel-footer{border-top:0;position:relative}
.panel .panel-footer::before{top:0}
.panel .panel-footer::after{display:table;content: " ";clear:both}
.panel.fit{display:flex;flex-direction:column;min-height:15rem}
.panel.fit .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.panel.fit .content{height:calc(100% - 9rem);overflow-y:auto;overflow-x:hidden}

.cs-table-wrapper{width:100%;overflow-y:hidden;overflow-x:autop}
.cs-table{width:100%;margin:0 auto;font-family:NotesEsa;background-color:var(--cs-table-bkg)}
.cs-table tr>*{padding:0.7em 2em;text-align:center;border-color:var(--cs-side-color-hover)}
.cs-table thead tr{background-color:var(--cs-color-hover);color:white;font-weight:700}
.cs-table tbody tr:nth-child(even){background-color:rgba(255,255,255,0.5)}
.cs-table td{padding:0.2em 2em;border-color:var(--cs-side-color-hover)}
.cs-table tbody tr:hover{background-color:var(--cs-side-color-hover)!important;color:white}
.cs-table tbody tr:hover td{border-color:var(--cs-side-color-hover)}

button.cs-btn{min-width:11rem;font:400 1.8rem/2rem "Roboto Condensed",Arial,Helvetica,sans-serif;border:0;border-radius:0.3rem;outline:0;padding:1rem 1.5rem;color:white;text-shadow:1px 1px 2px black;box-shadow:none !important}
.cs-btn,.cs-btn:hover      {background-color:#3e923e}
.cancel-btn,.cancel-btn:hover{background-color:#808080}
.red-btn,.red-btn:hover      {background-color:#d11610}
.orange-btn,.orange-btn:hover{background-color:#ee9d2b}
.green-btn,.green-btn:hover  {background-color:#3e923e}
.blue-btn,.blue-btn:hover    {background-color:var(--cs-color)}
.gray-btn,.gray-btn:hover    {background-color:#808080}
.wide-btn{width:100%}
.cs-btn:hover   {filter:saturate(150%);color:white}
.cs-btn:active,.cs-btn:focus{text-shadow:0 0 1px black;color:white}
.cs-btn:active{padding:1.1rem 1.4rem 0.9rem 1.6rem}
.cs-btn:disabled{opacity:0.15}

.left-btn   {float:left}
.right-btn  {float:right}
.space-left {margin-left:1.5rem}
.space-right{margin-right:1.5rem}

.submit-buttons{text-align:right!important}
.center-content{text-align:center!important}
.left-content  {text-align:left!important}
.right-content {text-align:right!important}

form .form-group label.required{color:inherit}
form .form-group label.required::after{content:"*";color:red}
form .form-group label.error{color:red;font-weight:400;font-size:0.8em}

.zammad-form{text-align:center}
.zammad-form .form-group{text-align:left}

.version-link{margin:2rem auto;width:50%;text-align:center;padding:1rem;background-color:var(--cs-table-bkg);border-radius:0.3rem;box-shadow:1px 1px 2px 0 rgba(0,0,0,0.1)}
.version-link a{font-weight:700}

/*Styles for TAO*/

.footer-widgets-wrapper{display: none;}
body{padding-top:0px; padding-bottom:0px;}
.side-top{background-color:#003247}
#site-navigation{background-color:#045c7c}
:root{--cs-page-bkg:#fff}
#side-left ul li ul{background-color:#04687c}

body.home h3.header-post-title-class{display: none;}

@media screen and (max-width: 1000px) {
	html.side-right-on #header-meta,html.side-right-on #page,html.side-right-on #colophon{max-width:calc(100% - var(--side-right-width-sm))}
	html.side-right-on #side-right{min-width:var(--side-right-width-sm);max-width:var(--side-right-width-sm)}
	#side-right .side-panel-content{width:var(--side-right-width-sm)}
	.version-link{width:100%}
}
@media screen and (max-width: 850px) {
	html.side-panel-on .header-action.home{display:inline-block}
	html.side-panel-on .small-info-text{display:none}
}
@media screen and (max-width: 782px) {
	body.admin-bar #header-meta{top:46px}
	body.admin-bar .side-panel{top:46px;height:calc(100vh - 46px)}
	body.admin-bar .side-panel .side-panel-content{height:calc(100vh - 6.4rem - 46px)}
	
	body.admin-bar #main{min-height:calc(100vh - 11.4rem - 46px)}
	body.admin-bar .show-thumb+#main{min-height:calc(100vh - 52.4rem - 46px)}
	
	body.admin-bar #alert_container{top:calc(2rem + 46px)}

	html.side-panel-on #logo-image{display:none}
	html.side-panel-on #top-search{width:100%}
	
	.partners-links{padding:1rem}
}
@media screen and (max-width: 600px) {
	#header-meta{position:absolute}
	#top-search{width:100%}
	.header-action.home{display:inline-block}
	.small-info-text{display:none}
	
	.header-post-title-class{font-size:4rem}
	
	html.side-panel-on{overflow:hidden}
	html.side-panel-on #header-meta,
	html.side-panel-on #page,
	html.side-panel-on #colophon{display:none}
	
	html.side-lefty-on #side-left,
	html.side-lefty-on #side-left .side-panel-content,
	html.side-right-on #side-right,
	html.side-right-on #side-right .side-panel-content{min-width:100%;max-width:100%}
	
	.partners-links{padding:0.2rem}
}
@media screen and (max-width: 450px) {
	#logo-image{display:none}
	#colophon .footer__signature{display:none}
}

/* This one is important or the side-left will not be displayed on mobile version */
@media screen and (max-width: 782px) {
	#side-left ul{display:block}
}