.bellows,.bellows .bellows-nav,.bellows [class^=bellows-] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
line-height: 1.3em;
-webkit-tap-highlight-color: transparent;
padding: 0;
margin: 0;
background: none transparent;
border: none
}
.bellows {
margin: 0 0;
max-width: 100%;
max-height: calc(100vh - 100px);
overflow-y: auto;
--bellows-item-padding-v: 20px;
--bellows-item-padding-h: 20px;
--bellows-sub-item-padding-v: 15px;
--bellows-sub-item-padding-h: var(--bellows-item-padding-h);
--bellows-indent: 30px;
--bellows-indent-level-offset: 1;
--bellows-toggle-width: 70px;
--bellows-level: 0;
--bellows-tree-toggle-w: 0px;
--bellows-focus-outline: none;
--bellows-focus-visible-outline: auto
}
.bellows.bellows-align-full {
float: none
}
.bellows.bellows-align-left {
float: left
}
.bellows.bellows-align-right {
float: right
}
.bellows.bellows-align-center {
float: none;
margin-left: auto;
margin-right: auto
}
.bellows .bellows-nav,.bellows .bellows-nav .bellows-menu-item,.bellows .bellows-nav .bellows-submenu {
list-style: none;
margin: 0;
padding: 0
}
.bellows .bellows-nav .bellows-custom-content,.bellows .bellows-nav .bellows-target {
display: block;
text-decoration: none;
border: none;
position: relative
}
.bellows .bellows-nav .bellows-subtoggle,.bellows .bellows-nav .bellows-target {
cursor: pointer
}
.bellows .bellows-nav .bellows-subtoggle:focus,.bellows .bellows-nav .bellows-target:focus {
outline: var(--bellows-focus-outline)
}
.bellows .bellows-nav .bellows-subtoggle:focus-visible,.bellows .bellows-nav .bellows-target:focus-visible {
outline: var(--bellows-focus-visible-outline);
outline-offset: -2px
}
.bellows .bellows-nav .bellows-target {
display: flex;
flex-direction: column
}
.bellows .bellows-nav .bellows-custom-content.bellows-custom-content-padded,.bellows .bellows-nav .bellows-target,.bellows .bellows-nav .bellows-target.bellows-target-w-image>.bellows-image.bellows-image-padded,.bellows .bellows-nav .bellows-target.bellows-target-w-image>.bellows-target-text {
padding: 20px 20px 20px 20px;
padding: var(--bellows-item-padding-v) var(--bellows-item-padding-h)
}
.bellows .bellows-nav .bellows-target.bellows-target-w-image.bellows-target-w-image-before>.bellows-image.bellows-image-padded {
padding-bottom: 0
}
.bellows .bellows-nav .bellows-target.bellows-target-w-image.bellows-target-w-image-after>.bellows-image.bellows-image-padded {
padding-top: 0
}
.bellows .bellows-nav .bellows-target.bellows-target-w-image.bellows-target-w-desc>.bellows-target-title {
padding-bottom: 0
}
.bellows .bellows-nav .bellows-target.bellows-target-w-image>.bellows-target-description {
padding-top: 0
}
.bellows .bellows-nav .bellows-menu-item-has-children>.bellows-target {
padding-right: 90px;
padding-right: calc(var(--bellows-item-padding-h) + var(--bellows-toggle-width))
}
.bellows .bellows-nav .bellows-submenu {
display: none
}
.bellows .bellows-nav .bellows-active>.bellows-submenu {
display: block
}
.bellows.bellows-expand-current:not(:has(.bellows-current-menu-item.bellows-current-item-priority)) .bellows-current-menu-ancestor>.bellows-submenu,.bellows.bellows-expand-current:not(:has(.bellows-current-menu-item.bellows-current-item-priority)) .bellows-current-menu-item>.bellows-submenu {
display: block
}
.bellows .bellows-nav .bellows-subtoggle {
height: 100%;
width: var(--bellows-toggle-width);
display: flex;
justify-content: center;
align-items: center;
position: absolute;
right: 0;
top: 0;
border-radius: 0;
color: inherit
}
.bellows .bellows-nav .bellows-subtoggle .fa {
display: inline-flex;
align-items: center;
line-height: 1em;
margin-bottom: -1px
}
.bellows .bellows-nav .bellows-menu-item>.bellows-target .bellows-subtoggle .bellows-subtoggle-icon-collapse {
display: none
}
.bellows .bellows-nav .bellows-active>.bellows-target .bellows-subtoggle .bellows-subtoggle-icon-collapse {
display: block
}
.bellows .bellows-nav .bellows-active>.bellows-target .bellows-subtoggle .bellows-subtoggle-icon-expand {
display: none
}
.bellows .bellows-nav .bellows-submenu .bellows .bellows-target.bellows-target-w-image>.bellows-target-text,.bellows .bellows-nav .bellows-submenu .bellows-custom-content.bellows-custom-content-padded,.bellows .bellows-nav .bellows-submenu .bellows-target,.bellows .bellows-nav .bellows-submenu .bellows-target.bellows-target-w-image>.bellows-image.bellows-image-padded {
--bellows-level: 1;
padding: var(--bellows-sub-item-padding-v) var(--bellows-sub-item-padding-h); }
.bellows .bellows-nav .bellows-submenu .bellows-item-level-2 .bellows-target {
--bellows-level: 2
}
.bellows .bellows-nav .bellows-submenu .bellows-item-level-3 .bellows-target {
--bellows-level: 3
}
.bellows .bellows-nav .bellows-submenu .bellows-item-level-4 .bellows-target {
--bellows-level: 4
}
.bellows .bellows-nav .bellows-submenu .bellows-item-level-5 .bellows-target {
--bellows-level: 5
}
.bellows .bellows-nav .bellows-submenu .bellows-item-level-6 .bellows-target {
--bellows-level: 6
}
.bellows .bellows-nav .bellows-submenu .bellows-item-level-7 .bellows-target {
--bellows-level: 7
}
.bellows .bellows-nav .bellows-submenu .bellows-item-level-8 .bellows-target {
--bellows-level: 8
}
.bellows .bellows-nav .bellows-submenu .bellows-item-level-9 .bellows-target {
--bellows-level: 9
}
.bellows .bellows-nav .bellows-submenu .bellows-item-level-10 .bellows-target {
--bellows-level: 10
}
.bellows .bellows-nav .bellows-target>.bellows-target-text {
display: inline-block;
vertical-align: middle;
font-family: inherit;
font-weight: inherit;
color: inherit
}
.bellows .bellows-nav .bellows-target>.bellows-target-description {
font-size: 80%;
font-weight: 400;
clear: both;
display: block
}
.bellows .bellows-nav .bellows-menu-item .bellows-target.bellows-target-w-image {
padding: 0
}
.bellows .bellows-nav .bellows-image {
display: block;
max-width: 100%;
transition: .2s opacity ease-in;
transform: translateZ(0)
}
.bellows .bellows-target-w-image:hover .bellows-image {
opacity: .9
}
.bellows-menu-toggle {
padding: .8em 1.2em;
border-radius: 0;
border: none;
display: none
}
.bellows-menu-toggle:focus,.bellows-menu-toggle:hover {
border: none;
outline: var(--bellows-focus-outline)
}
.bellows-menu-toggle:focus-visible {
outline: auto;
outline-offset: -2px
}
.bellows-menu-toggle .bellows-menu-toggle-text {
margin-left: .3em
}
.bellows.bellows-mobile-collapse.bellows-mobile-open {
display: block
}
@media screen and (max-width: 959px) {
.bellows-menu-toggle {
display:block
}
.bellows.bellows-mobile-collapse {
display: none
}
}
.bellows .sub-menu-toggle {
display: none
}
.rtl .bellows .bellows-nav .bellows-menu-item-has-children>.bellows-target {
padding-left: 90px;
padding-left: calc(var(--bellows-item-padding-h) + var(--bellows-toggle-width));
padding-right: var(--bellows-item-padding-h)
}
.rtl .bellows .bellows-nav .bellows-subtoggle {
right: auto;
left: 0
}
.rtl .bellows .bellows-icon {
margin-right: 0;
margin-left: .9em
}
.rtl .bellows .bellows-nav .bellows-menu-item .bellows-target.bellows-target-w-image {
padding: 0
}
.rtl .bellows .bellows-nav .bellows-submenu .bellows .bellows-target.bellows-target-w-image>.bellows-target-text,.rtl .bellows .bellows-nav .bellows-submenu .bellows-custom-content.bellows-custom-content-padded,.rtl .bellows .bellows-nav .bellows-submenu .bellows-target,.rtl .bellows .bellows-nav .bellows-submenu .bellows-target.bellows-target-w-image>.bellows-image.bellows-image-padded {
padding-left: var(--bellows-sub-item-padding-h);
padding-right: calc(var(--bellows-sub-item-padding-h) + (var(--bellows-indent) * (var(--bellows-level) - var(--bellows-indent-level-offset))))
}
.rtl .bellows-type-tree .bellows-nav .bellows-item-level-0>.bellows-custom-content.bellows-custom-content-padded,.rtl .bellows-type-tree .bellows-nav .bellows-item-level-0>.bellows-target,.rtl .bellows-type-tree .bellows-nav .bellows-item-level-0>.bellows-target.bellows-target-w-image>.bellows-image.bellows-image-padded,.rtl .bellows-type-tree .bellows-nav .bellows-item-level-0>.bellows-target.bellows-target-w-image>.bellows-target-text {
padding-right: calc(var(--bellows-tree-toggle-item-gap) + var(--bellows-tree-toggle-w));
padding-left: var(--bellows-item-padding-h)
}
.rtl .bellows-type-tree .bellows-nav .bellows-item-level-0 .bellows-subtoggle {
left: auto;
right: 0
}
.rtl .bellows-type-tree .bellows-nav .bellows-submenu .bellows-custom-content.bellows-custom-content-padded,.rtl .bellows-type-tree .bellows-nav .bellows-submenu .bellows-target,.rtl .bellows-type-tree .bellows-nav .bellows-submenu .bellows-target.bellows-target-w-image>.bellows-image.bellows-image-padded,.rtl .bellows-type-tree .bellows-nav .bellows-submenu .bellows-target.bellows-target-w-image>.bellows-target-text {
padding-right: calc(var(--bellows-tree-toggle-sub-item-gap) + (var(--bellows-indent) * (var(--bellows-level) - var(--bellows-indent-level-offset))) + var(--bellows-tree-toggle-w));
padding-left: var(--bellows-sub-item-padding-h)
}
.rtl .bellows-type-tree .bellows-nav .bellows-submenu .bellows-subtoggle {
left: auto;
right: calc(var(--bellows-tree-toggle-sub-item-gap) + (var(--bellows-indent) * (var(--bellows-level) - var(--bellows-indent-level-offset))))
}
.rtl .bellows-menu-toggle .bellows-menu-toggle-text {
margin-right: .3em;
margin-left: 0
}
.bellows::-webkit-scrollbar { width: 8px; }
.bellows::-webkit-scrollbar-track { background: #f1f1f1; }
.bellows::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px; }
.bellows::-webkit-scrollbar-thumb:hover { background: #aaa; }
.bellows-screen-reader,.bellows-target-divider {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
margin: 0;
border: 0
}
.bellows .bellows-nav .bellows-admin-notice,.bellows-admin-notice {
background: #eee;
color: #333;
padding: 15px;
border-left: 30px solid #4d90fe;
margin: 20px;
position: relative;
font-size: 12px;
clear: both
}
.bellows .bellows-nav .bellows-admin-notice a,.bellows .bellows-nav .bellows-admin-notice a:visited,.bellows-admin-notice a {
color: #00a3ff;
text-decoration: underline;
font-size: inherit
}
.bellows .bellows-nav .bellows-admin-notice a:hover,.bellows-admin-notice a:hover {
color: #0d75af
}
.bellows .bellows-nav .bellows-admin-notice strong,.bellows-admin-notice strong {
color: tomato
}
.bellows .bellows-nav .bellows-admin-notice .bellows-admin-notice-icon,.bellows-admin-notice .bellows-admin-notice-icon {
position: absolute;
left: -18px;
top: 50%;
margin-top: -5px;
color: #fff;
font-size: 13px
}
.bellows .bellows-nav .bellows-admin-notice:after,.bellows-admin-notice:after {
display: none;
position: absolute;
content: 'Bellows Notice: Only displayed to admin users';
left: -30px;
bottom: 100%;
background: #666;
color: #eee;
padding: 7px 10px;
font-size: 11px;
line-height: 1.3em
}
.bellows .bellows-nav .bellows-admin-notice:hover:after,.bellows-admin-notice:hover:after {
display: block
}