464 lines
8.3 KiB
CSS
Executable File
464 lines
8.3 KiB
CSS
Executable File
:root {
|
|
/*--rspDesktopWidth: 1300px;*/
|
|
/*--rspTabletWidth: 900px;*/
|
|
/*--gutterMinWidth: 30px;*/
|
|
|
|
/*--contentWidth: calc(var(--rspDesktopWidth) - (2 * var(--gutterMinWidth)));*/
|
|
}
|
|
|
|
/*
|
|
body {
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
right: 0px;
|
|
bottom: 0px;
|
|
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.collapse {
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
#above, #header, main {
|
|
display: block;
|
|
height: 60px;
|
|
}
|
|
*/
|
|
|
|
/*
|
|
.visually-hidden {
|
|
display: none;
|
|
}
|
|
|
|
[role="tooltip"] {
|
|
display: none;
|
|
}
|
|
*/
|
|
/*
|
|
#above > .wrapper, main > .wrapper, #footers > .wrapper, footer > .wrapper {
|
|
display: block;
|
|
position: relative;
|
|
margin: auto;
|
|
|
|
width: var(--contentWidth);
|
|
}
|
|
*/
|
|
/*
|
|
#header > .wrapper, #footers > .wrapper {
|
|
display: flex;
|
|
}
|
|
|
|
.body.background {
|
|
position: fixed;
|
|
z-index: -100;
|
|
|
|
top: 0px;
|
|
min-width: 100%;
|
|
min-height: 100%;
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
|
|
filter: opacity(25%);
|
|
}
|
|
*/
|
|
|
|
/*!*****************************************************/
|
|
/* Vertical Distribution*/
|
|
/*****************************************************!*/
|
|
|
|
/*.body {*/
|
|
/* position: relative;*/
|
|
/* width: 100%;*/
|
|
/*}*/
|
|
/*.body > section, .body > header, .body > main, .body > footer {*/
|
|
/* flex-shrink: 0;*/
|
|
/* flex-grow: 0;*/
|
|
/*}*/
|
|
/*.body > main {*/
|
|
/* flex-grow: 1;*/
|
|
/* flex-basis: auto;*/
|
|
/*}*/
|
|
|
|
/*!*****************************************************/
|
|
/* Header*/
|
|
/*****************************************************!*/
|
|
|
|
/*#header {*/
|
|
/* width: 100%;*/
|
|
/* z-index: 1;*/
|
|
/*}*/
|
|
/*#header.sticky {*/
|
|
/* position: sticky;*/
|
|
/* top: 0px;*/
|
|
/*}*/
|
|
|
|
/*.top {*/
|
|
/* height: 60px;*/
|
|
/*}*/
|
|
|
|
/*.top.left, .top.right {*/
|
|
/* flex-grow: 1;*/
|
|
/*}*/
|
|
|
|
/*.top.left {*/
|
|
/* padding-right: 30px;*/
|
|
/* order: 1;*/
|
|
/*}*/
|
|
|
|
/*.top.right {*/
|
|
/* padding-left: 30px;*/
|
|
/* order: 3;*/
|
|
/*}*/
|
|
|
|
/*.top.wrapper {*/
|
|
/* order: 2;*/
|
|
/* width: var(--contentWidth);*/
|
|
/* height: 60px;*/
|
|
/* background-color: unset;*/
|
|
|
|
/* display: flex;*/
|
|
/* flex-direction: row;*/
|
|
/*}*/
|
|
|
|
/*#top {*/
|
|
/* order: 2;*/
|
|
/* flex-grow: 1;*/
|
|
/*}*/
|
|
/*.top.logo {*/
|
|
/* display: block;*/
|
|
/* float: left;*/
|
|
/* padding: 0 5px;*/
|
|
/* box-sizing: border-box;*/
|
|
|
|
/* order: 1;*/
|
|
/* flex-grow: 0;*/
|
|
/*}*/
|
|
/*img.logo {*/
|
|
/* display: inline-block;*/
|
|
/* position: relative;*/
|
|
/* width: 60px;*/
|
|
/* height: 60px;*/
|
|
|
|
/*}*/
|
|
|
|
/*#above {*/
|
|
/* position: relative;*/
|
|
/* display: block;*/
|
|
/*}*/
|
|
|
|
/*!*****************************************************/
|
|
/* Component Area*/
|
|
/*****************************************************!*/
|
|
|
|
/*#content {*/
|
|
/* position: relative;*/
|
|
/* margin: 0px 24px;*/
|
|
/*}*/
|
|
|
|
/*main {*/
|
|
/* display: block;*/
|
|
/* position: relative;*/
|
|
/* height: min-content;*/
|
|
|
|
/* padding: 0px 24px;*/
|
|
/*}*/
|
|
/*.main {*/
|
|
/* display: flex;*/
|
|
/* flex-direction: row;*/
|
|
/*}*/
|
|
|
|
/*.main > .left {*/
|
|
/* order: 1;*/
|
|
/* flex-grow: 1;*/
|
|
/*}*/
|
|
/*.main > .right {*/
|
|
/* order: 3;*/
|
|
/* flex-grow: 1;*/
|
|
/*}*/
|
|
/*.main > section {*/
|
|
/* display: block;*/
|
|
/* order: 2;*/
|
|
/* flex-grow: 0;*/
|
|
/* width: var(--contentWidth);*/
|
|
/*}*/
|
|
|
|
|
|
/*#left {*/
|
|
/* display: block;*/
|
|
/* position: relative;*/
|
|
/* float: left;*/
|
|
|
|
/* width: 25%;*/
|
|
|
|
/* order: 1;*/
|
|
/* padding-right: 40px;*/
|
|
/*}*/
|
|
|
|
/*#right {*/
|
|
/* display: block;*/
|
|
/* position: relative;*/
|
|
/* float: right;*/
|
|
|
|
/* width: 25%;*/
|
|
|
|
/* order: 3;*/
|
|
/* padding-left: 40px;*/
|
|
/*}*/
|
|
|
|
/*#left, #right {*/
|
|
/* width: 25%;*/
|
|
/* box-sizing: content-box;*/
|
|
|
|
/* flex-shrink: 0;*/
|
|
/* flex-grow: 0;*/
|
|
/*}*/
|
|
|
|
/*#component {*/
|
|
/* order: 2;*/
|
|
/* padding-bottom: 80px;*/
|
|
/* flex-grow: 1;*/
|
|
/*}*/
|
|
|
|
/*!****************************************************!*/
|
|
|
|
/*!*****************************************************/
|
|
/* Footer Area*/
|
|
/*****************************************************!*/
|
|
|
|
/*#footer > .wrapper {*/
|
|
/* margin: auto;*/
|
|
/* border-top: 1px solid var(--colPrimary);*/
|
|
/* width: var(--contentWidth);*/
|
|
/* padding: 8px 0px;*/
|
|
/*}*/
|
|
|
|
|
|
/*#footers {*/
|
|
/* display: block;*/
|
|
/* height: 40px;*/
|
|
|
|
/* position: fixed;*/
|
|
/* bottom: 0px;*/
|
|
/* left: 0px;*/
|
|
/* right: 0px;*/
|
|
/*}*/
|
|
|
|
|
|
/*#footers .nav a {*/
|
|
/* display: block;*/
|
|
/* float: left;*/
|
|
/* box-sizing: border-box;*/
|
|
|
|
/* line-height: 30px;*/
|
|
/* padding: 0;*/
|
|
|
|
/* margin-top: 4px;*/
|
|
|
|
/* text-transform: uppercase;*/
|
|
/* */
|
|
/* border-bottom: none;*/
|
|
/*}*/
|
|
|
|
/*#footers .nav li.active a, #footers .nav a:hover {*/
|
|
/* margin-top: 2px;*/
|
|
/* border-bottom: none;*/
|
|
/*}*/
|
|
|
|
|
|
/*#footers > .wrapper > section {*/
|
|
/* flex-grow: 1;*/
|
|
/*}*/
|
|
|
|
/*#footer-4 > .wrapper {*/
|
|
/* position: absolute;*/
|
|
/* right: 0px;*/
|
|
/*}*/
|
|
|
|
/*!****************************************************!*/
|
|
|
|
|
|
|
|
/*!*****************************************************/
|
|
/* Breadcrumbs*/
|
|
/*****************************************************!*/
|
|
|
|
/*#breadcrumbs {*/
|
|
/* font-size: 1.2em;*/
|
|
|
|
/* padding: 0px 24px;*/
|
|
|
|
/* border-bottom: 1px solid var(--colSecondary);*/
|
|
/*}*/
|
|
|
|
/*.icon-location::after {*/
|
|
/* display: inline-block;*/
|
|
/*}*/
|
|
|
|
/*ol.breadcrumb, .breadcrumb li {*/
|
|
/* list-style: none;*/
|
|
/* display: inline-block;*/
|
|
/* padding: unset;*/
|
|
/*}*/
|
|
|
|
/*.breadcrumb-item::after {*/
|
|
/* display: inline-block;*/
|
|
/* content: '>';*/
|
|
/* color: var(--colTertiary);*/
|
|
/*}*/
|
|
/*.breadcrumb-item.active::after {*/
|
|
/* display: none;*/
|
|
/*}*/
|
|
|
|
|
|
/*!*****************************************************/
|
|
/* Navigation*/
|
|
/*****************************************************!*/
|
|
|
|
/*.navbar-toggler {*/
|
|
/* display: none;*/
|
|
/*}*/
|
|
|
|
/*.burger-menu, .sub-menu {*/
|
|
/* display: none;*/
|
|
/* -webkit-appearance: none;*/
|
|
/* -moz-appearance: none;*/
|
|
/* appearance: none;*/
|
|
|
|
/* box-sizing: border-box;*/
|
|
/* margin: 0;*/
|
|
/* line-height: 55px;*/
|
|
/* height: 60px;*/
|
|
|
|
/* float: right;*/
|
|
/* */
|
|
/*}*/
|
|
/*.burger-menu:focus, .sub-menu:focus {*/
|
|
/* outline: none;*/
|
|
/*}*/
|
|
|
|
/*.nav, .mod-menu__sub {*/
|
|
/* display: block;*/
|
|
/* list-style: none;*/
|
|
/* box-sizing: border-box;*/
|
|
|
|
/* margin: 0;*/
|
|
/* padding-left: 0px;*/
|
|
/*}*/
|
|
|
|
|
|
/*.nav > li, .mod-menu__sub > li {*/
|
|
/* display: block;*/
|
|
/* position: relative;*/
|
|
/* list-style-type: none;*/
|
|
/* text-align: unset;*/
|
|
|
|
/* float: left;*/
|
|
/*}*/
|
|
/*.nav > li {*/
|
|
/* margin: 0px 15px;*/
|
|
/*}*/
|
|
|
|
/*.mod-menu__sub {*/
|
|
/* visibility: hidden;*/
|
|
/* position: absolute;*/
|
|
/* top: 100%;*/
|
|
/* width: fit-content;*/
|
|
|
|
/* padding: 20px;*/
|
|
|
|
/* background-color: #404040;*/
|
|
|
|
/* transition-delay: 100ms;*/
|
|
/* transition-duration: 200ms;*/
|
|
/* transition-property: opacity;*/
|
|
/* opacity: 0;*/
|
|
/*}*/
|
|
|
|
/*.mod-menu__sub > li {*/
|
|
/* display: block;*/
|
|
/* clear: both;*/
|
|
/*}*/
|
|
|
|
/*.parent:hover > .mod-menu__sub {*/
|
|
/* visibility: visible;*/
|
|
/* opacity: 1;*/
|
|
/*}*/
|
|
|
|
/*.nav li > a, .nav li > span {*/
|
|
/* position: relative;*/
|
|
/* display: block;*/
|
|
/* float: left;*/
|
|
|
|
/* line-height: 55px;*/
|
|
/* padding: 0;*/
|
|
|
|
/* text-transform: uppercase;*/
|
|
/* white-space: nowrap;*/
|
|
|
|
/* border-bottom: 2px solid transparent;*/
|
|
/*}*/
|
|
|
|
/*.mod-menu__sub > li > a {*/
|
|
/* line-height: 2em;*/
|
|
/* border-bottom: 1px solid transparent;*/
|
|
/*}*/
|
|
|
|
/*.nav > li:hover > a, .nav > li.active > a, .nav > li:hover > span, .nav > li.active > span {*/
|
|
/* border-bottom: 2px solid white;*/
|
|
/*}*/
|
|
|
|
/*.mod-menu__sub > li:hover > a, .mod-menu__sub > li.active > a {*/
|
|
/* border-bottom: 1px solid white;*/
|
|
/*}*/
|
|
|
|
|
|
/*.parent > a::after, .sub-menu::after, .parent > span::after {*/
|
|
/* font-family: 'Font Awesome 5 Free';*/
|
|
/* font-weight: 900;*/
|
|
/* content: '\f0d7';*/
|
|
/* line-height: 55px;*/
|
|
/* padding-left: 8px;*/
|
|
/*}*/
|
|
|
|
|
|
|
|
/*!*****************************************************/
|
|
/* Content*/
|
|
/*****************************************************!*/
|
|
|
|
/*.blog-items {*/
|
|
/* display: grid;*/
|
|
/* grid-template-columns: repeat(1, 1fr);*/
|
|
/* grid-gap: 24px;*/
|
|
/* grid-auto-rows: minmax(140px, auto);*/
|
|
/*}*/
|
|
/*.blog-items.columns-2 {*/
|
|
/* grid-template-columns: repeat(2, 1fr);*/
|
|
/*}*/
|
|
|
|
|
|
/*.blog-item {*/
|
|
/* position: relative;*/
|
|
/* display: block;*/
|
|
/* clear: both;*/
|
|
/* margin-bottom: 24px;*/
|
|
/*}*/
|
|
|
|
/*.item-image {*/
|
|
/* display: block;*/
|
|
/* margin: 3em 12px;*/
|
|
/* top: 1.5em;*/
|
|
/*}*/
|
|
|
|
/*.item-image.left {*/
|
|
/* float: left;*/
|
|
/*}*/
|
|
/*.item-image.right {*/
|
|
/* float: right;*/
|
|
/*}*/
|
|
|
|
|
|
|