html {
font-size: 62.5%;
}
body {
font-size: 14px;
}
.pg-heading {
grid-area: pg-heading;
}
.pg-sidebar {
grid-area: pg-sidebar;
}
.pg-main {
grid-area: pg-main;
}
.pg-grid {
display: grid;
margin: var(--grid-gap) auto;
grid-template-columns: minmax(0, 80%) minmax(280px, 0%);
grid-template-rows: min-content auto;
gap: var(--grid-gap) var(--grid-gap);
max-width: 100%;
width: 100%;
grid-template-areas:
"pg-heading pg-heading"
"pg-main pg-sidebar";
}
.pg-grid.no-sidebar {
grid-template-areas:
"pg-heading pg-heading"
"pg-main pg-main";
}
.pg-grid.sidebar-on-left {
grid-template-rows: min-content 1fr;
grid-template-areas:
"pg-sidebar pg-heading"
"pg-sidebar pg-main";
grid-template-columns: minmax(280px, 0%) minmax(0, 80%);
margin-top: 0; }
.pg-grid.sidebar-on-left.hidden-sidebar {
grid-template-areas:
"pg-heading"
"pg-main";
grid-template-columns: 100%;
}
.pg-heading h1 {
margin: 0;
padding: 0;
}
.pg-main .view-selector {
margin: 0 0 16px 0;
}
.grid-two-column {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto;
gap: var(--grid-gap) var(--grid-gap);
width: 100%;
}
.grid-two-column.auto-width {
grid-template-columns: auto 1fr;
}
.dx-tabs .dx-tab-stacker {
grid-area: dx-tab-stacker;
overflow: hidden;
}
.dx-tabs .tab-contents {
grid-area: tab-contents;
overflow: hidden;
}
.grid-two-column {
grid-template-areas: "dx-tab-stacker tab-contents"
}
@media (max-width: 767px) {
.grid-two-column.auto-width {
grid-template-columns: auto;
}
.grid-two-column {
grid-template-columns: auto;
grid-template-areas: "dx-tab-stacker""tab-contents"
}
}
.pg-sidebar {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
position: relative;
}
.pg-sidebar {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
position: relative;
}
.pg-grid.sidebar-on-left .pg-sidebar {
padding-right: 20px;
}
.pg-grid.hidden-sidebar .pg-sidebar {
display: none;
}
.pg-sidebar > *,
.pg-sidebar > *.sidebarfeature {
margin-bottom: 32px;
}
.pg-sidebar > *:first-child {
margin-top: 0;
}
.pg-sidebar > *:last-child {
margin-bottom: 0;
}
.pg-sidebar > *.stick-it {
margin-bottom: 0;
}
.pg-heading .standard-padding {
padding: 0;
}
@media (max-width: 1024px) {
.pg-grid {
grid-template-columns: 100%;
grid-template-areas: "pg-heading"
"pg-main"
"pg-sidebar";
margin-top: 0;
}
.pg-grid.sidebar-on-left:not(.size-observed) {
grid-template-areas: "pg-heading"
"pg-main";
grid-template-columns:1fr;
}
.pg-grid.sidebar-on-left:not(.size-observed) .pg-sidebar {
display: none;
}
.grid-two-column {
grid-template-columns: 1fr;
}
}
#dx-filters-count-wrapper {
background-color: var(--bg-surface);
padding: 0px 8px;
margin: 0 0 0 10px;
border-radius: var(--border-radius);
border: solid 1px var(--border-primary);
display: flex;
align-items: center;
}
#dx-filters-count-wrapper #dx-visible-item-count {
font-weight: 800!important;
font-size: 160%;
line-height: 1;
}
#dx-filters-count-wrapper #dx-total-item-count {
font-size: 70%;
}
#dx-filters-count-wrapper .dx-filters-count-right {
display: flex;
flex-direction: column;
line-height: .9;
margin-left: 8px;
opacity: .7;
}
#dx-filters-count-wrapper .dx-of-total-label {
font-size: 60%;
}
@media print {
.pg-grid.sidebar-on-left {
margin-top: 0;
margin-bottom: 0;
}
.pg-grid .pg-sidebar,
.pg-grid .paging-buttons,
.pg-grid .items-toolbar {
display: none !important;
}
.pg-grid, .pg-grid.sidebar-on-left {
grid-template-areas:
"pg-heading pg-heading"
"pg-main pg-main";
grid-gap: 0;
margin: 0 auto;
}
.single-card .card-actions {
display: none !important;
}
.single-card {
border: solid 1px var(--border-primary) !important;
}
.pg-grid .paging-buttons {
display: none;
}
}
.flex-row {
display:  flex;
margin: 0 -15px;
flex-wrap: wrap;
}
.flex-row.nowrap {
flex-wrap: nowrap;
}
.large-menu > .flex-row {
flex-wrap: nowrap;
}
.flex-row .flex-row {
margin: 0 0px;
}
.flex-row.flex-spread {
justify-content: space-between;
flex-wrap:  wrap;
}
.flex-row.flex-space-evenly {
justify-content: space-evenly;
}
#all-the-links-for-mobile {
flex-grow: 1;
}
.flex-row .flex-column.flex-stretch {
flex-grow: 1;
}
.flex-row .flex-column {
padding: 15px;
}
.pg-heading .flex-row:first-child .flex-column {
padding-top: 0;
}
.select-list {
padding: 6px 14px 5px 14px;
transition: .14s all ease;
cursor: pointer;
white-space: nowrap;
position: relative;
display: flex;
align-items: center;
z-index: 1;
color: var(--text-heading);
border-radius: var(--border-radius);
background-color: var(--bg-surface);
border: solid 1px var(--border-primary);
}
.select-list:after {
content: '\edc9';
display: flex;
justify-content: center;
align-items: center;
font-family: 'DxSiteIcons';
font-size: 1.5rem;
padding-top: 0px; text-align: center;
padding-left: 1px;
z-index: 4;
background-color: transparent;
transition: .14s all ease;
margin-left: 5px;
}
.select-list:hover {
border-color: var(--border-primary); background-color: var(--bg-primary-overlay);
}
.select-list:hover:after {
border-color: #bebebe;
}
.select-list.no-dropdown-arrow:after {
display: none;
}
.select-list .selected-item, .select-list-options ul li, .select-list-options a {
line-height: 1.5;
font-size: 14px;
font-weight: 500;
display: flex;
align-items: center;
}
.select-list .selected-item .hide-when-selected {
display: none;
}
.select-list .select-list-options .hide-when-choosing {
display: none;
}
.select-list .lang-code-symbol {
text-transform: uppercase;
color: #fff;
background-color: #000;
font-weight: 900;
margin-right: 10px;
padding: 0px 2px;
font-size: 10px;
border-radius: 2px;
width: 18px;
height: 14px;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
}
.select-list .selected-item i, .select-list-options ul li i {
margin: 0 10px;
}
.select-list .selected-item i:first-child {
margin: 0 10px 0 0px;
}
.select-list .selected-item i:last-child {
margin: 0 0px 0 10px;
}
.select-list .select-list-options {
display: none;
position: absolute;
z-index: 20;
top: -1px;
right: -1px;
min-width: calc(100% + 2px);
border: solid 1px var(--border-primary);
border-radius: var(--border-radius);
background-color: #fff;
color: var(--text-site);
box-shadow: 2px 1px 15px 2px rgb(0 0 0 / 38%),0px 0px 2px -1px rgb(0 0 0 / 100%);
transform: translateY(10px);
opacity: 0;
transition: .1s all ease-out;
overflow: hidden; max-height: 180px;
overflow-y: auto;
}
.select-list.open  {  }
.select-list.open .select-list-options {
display: block;
}
.select-list.open.slide-in .select-list-options {
transform: translateY(0px);
opacity: 1;
}
.select-list-options ul {
margin: 0;
padding: 0;
list-style: none;
}
.select-list-options ul li, .select-list-options a {
margin: 0 0px;
padding: 10px 14px 10px 14px;
font-weight: 500;
color: var(--text-site);
border-bottom: dotted 1px var(--border-primary);
display: flex;
align-items: center;
}
.select-list-options ul li:last-child {
border-bottom: none;
}
.select-list-options ul li .hide-when-selected { font-weight: 400;
flex-grow: 1;
text-align: right; color: rgba(0,0,0,.4);
margin-right: 0;}
.select-list-options ul li:hover {
background-color: var(--bg-primary-overlay);
}
.select-list-options ul li.active,.select-list-options a.active, .select-list-options ul li.active:hover {
background-color: var(--bg-secondary-overlay);
cursor: default;
color: var(--text-heading);
}