/*
    colors:
    #93BF20
    #5eac11
    #a8d824
    #4e9a06
    dark/black: #151F26
*/
/*
    Responsive
    - Mobile            -> below 768px
    - Tablet            -> 768px - 991px
    - Small Monitor     -> 992px - 1200px
    - Large Monitor     -> above 1200px
*/

/* black: #1e1e1e  (a-href) */
/* grey:  #7e8998; (a-href hover) */
/* text (black): #464646 */

/* NOTE: theme-main is deprecated, use console- prefixes */

/*layout */
body.console-layout--default { }
.console-layout--default { }

/* body */
body.theme-main { color: rgb(27.5%,27.5%,27.5%); /*overflow-y: scroll;*/ }


/*  Font (body, h*, header, menu) */
/*body.theme-main,
body.theme-main h1, 
body.theme-main h2, 
body.theme-main h3, 
body.theme-main h4, 
body.theme-main h5, 
body.theme-main h6,
body.theme-main .ui.header,
body.theme-main .ui.menu,
body.theme-main .ui.list > .item .header,
body.theme-main .ui.list .list > .item .header { font-family: 'Open Sans', Lato,'Helvetica Neue',Arial,Helvetica,sans-serif; }*/
/*body,
h1,
h2,
h3,
h4,
h5,
h6,
.ui.header,
.ui.menu,
.ui.list > .item .header,
.ui.list .list > .item .header { font-family: 'Open Sans', Lato,'Helvetica Neue',Arial,Helvetica,sans-serif; }*/


/* page */
.theme-main .pf-alternate { background-color: #f5f5f5; }

/* header */
.console-header--default { }
.console-header--default.tiny { height: 28px; }
.console-header--default.small { height: 44px; }
.console-header--default.medium { height: 60px; }
.console-header--default.large { height:76px; }

/* logo */
/*.theme-main .pf-page-header .pf-corporate-logo.svg.tiny > img { max-width: 250px; }*/
.console-header-logo--default { padding:0; }
.ui.menu > .item.console-header-logo--default,
.menu > .item.console-header-logo--default { padding: 0; }
.console-header-logo--default.small .ui.image { height: 28px; max-height: 28px; min-height: 28px; }
.console-header-logo--default.small .ui.image > img { min-height: inherit; max-height: inherit; width: 100%; max-width: 18vw; }
.console-header-logo--default.medium .ui.image { height: 44px; max-height: 44px; min-height: 44px; }
.console-header-logo--default.medium .ui.image > img { min-height: inherit; max-height: inherit; width: 100%; max-width: 18vw; }
.console-header-logo--default.large .ui.image { height: 60px; max-height: 60px; min-height: 60px; }
.console-header-logo--default.large .ui.image > img { min-height: inherit; max-height: inherit; width: 100%; max-width:18vw; }
/* note: max-width is for svg on safari, svg also requires a specified width */

@media only screen and (max-width: 767px) {
    .console-header-logo--default { max-width: 50vw; }
    .console-header-logo--default .ui.image { display: inline-flex; flex-direction: column; justify-content: center; }
    .console-header-logo--default .ui.image > img {  }
    .console-header-logo--default.small .ui.image { min-height: 1px; }
    .console-header-logo--default.medium .ui.image { min-height: 1px; }
    .console-header-logo--default.large .ui.image { min-height: 1px; }
    /* TODO: further tweak responsive sizes and limits */
}


/* toc */
.theme-main .pf-page-toc.inverted { background-color: #151F26; }
.theme-main .pf-page-toc.inverted .ui.menu.toc { background-color: #151F26; }
.theme-main .pf-page-toc .logo-item { background-color: #FFFFFF !important; margin: 1em 1.33333333em; }
.theme-main .pf-page-toc.pf-init-visible { }
@media only screen and (max-width: 991px) { /* Tablet - 768px - 991px*/
    .theme-main .pf-page-toc.pf-init-visible { display:none; /* avoids transition effect */ }
}

/* footer */
.console-footer--default { background-color: #151F26; color: #8EA6B2; }
.console-footer--default .ui.list .item,
.console-footer--default .ui.list .item:visited,
.console-footer--default .ui.list.link .item,
.console-footer--default .ui.list.link .item:visited { color: #8EA6B2; }
.console-footer--default .ui.list a.item:hover,
.console-footer--default .ui.list.link a.item:hover { color: #FFFFFF; }
.console-footer--default .ui.list .item:before,
.console-footer--default .ui.list.link .item:before { color: #8EA6B2; }
.console-footer--default,
.console-footer--default .ui.horizontal.list > .item { font-size: 0.9rem; }
.console-footer--default .ui.grid > .column { padding-top: 0.5rem; padding-bottom: 0.5rem; }

/* buttons */
.pf-interface-console .ui.button,
.pf-interface-console .ui.button.basic { /*text-transform: uppercase;*/ font-weight: normal; }


/*
HEADER - TOP BAR

.pf-bar         -> Styled as an app-bar.
.pf-bar.top     -> Styled as a top app-bar.    
.pf-bar.tiny    -> Tiny height.
.pf-bar.small   -> Small height.
.pf-bar.medium  -> Medium height.
.pf-bar.large   -> Medium height.
*/

.pf-bar.ui.menu { border: none; border-radius: 0; box-shadow: none; margin: 0; }
.pf-bar.ui.menu > .menu > .item { border: none; }
.pf-bar.ui.menu .item:before { width: 0; }

.pf-bar.top.ui.menu > .menu > .item > i.icon { font-size: 1.5em; }
.pf-bar.top.ui.menu > .menu > .item > span { margin: 0 0.25em 0 0.25em; }

.pf-bar.top.ui.menu > .menu > .item.logo { padding-left: 0.1em; padding-right: 0.1em; }
.pf-bar.top.ui.menu > .menu.left > .button.icon { padding: 0.9em 2em; }
/*.pf-bar.top.ui.menu .ui.header { margin: 0 0.35em; font-size: 1.5em; }*/
.pf-bar.top.ui.menu .floating.overlay.label { box-shadow: 0px 0px 0 1px #fff; }
.pf-bar.top.ui.menu > .menu.right > .item.button.default > i { min-width: 1.5em; }

.pf-bar.ui.menu:not(.top) { border-top: 1px solid rgba(34,36,38,.15); }
.pf-bar.nav.ui.menu.text > .menu > .item,
.pf-bar.nav.ui.menu.text > .container > .menu > .item { padding: 1em 1.5em; }

/* menu (black/grey) */
.pf-page-header .pf-bar.top.ui.menu .item,
.pf-page-header .pf-bar.top.ui.menu.text .item { color: rgb(27.5%,27.5%,27.5%); }
.pf-page-header .pf-bar.top.ui.menu a.item:hover { color: rgb(49.4%,53.7%,59.6%); }

/* Tablet max - 991px*/
@media only screen and (max-width: 991px) {
    .pf-bar.top.ui.menu > .menu.left > .button.icon { padding-left: 1.5rem; padding-right: 1.5rem; }
    .pf-bar.top.ui.menu > .menu { min-width: 4rem; }
}

/*
HEADER - NAV BAR
NAVIGATION

.pf-bar.nav
*/

/* contrast */
.pf-page-header .pf-bar.nav { background-color: #f5f5f5; }

/* menu (black/grey) */
.pf-page-header .pf-bar.nav.ui.menu .item,
.pf-page-header .pf-bar.nav.ui.menu.text .item { color: rgb(27.5%,27.5%,27.5%); }
.pf-page-header .pf-bar.nav.ui.menu a.item:hover { color: rgb(49.4%,53.7%,59.6%); }
.pf-page-header .pf-bar.nav.ui.menu a.item:hover { color: rgb(49.4%,53.7%,59.6%); }
.pf-page-header .pf-bar.nav.ui.menu > .item,
.pf-page-header .pf-bar.nav.ui.menu > .container > .item,
.pf-page-header .pf-bar.nav.ui.menu > .container > .right.menu > .item { color: #1e1e1e; font-weight: bold; }

/* contrast */
.console-navigation--default.pf-bar.nav { background-color: #f5f5f5; }

/* navigation (black/grey) */
.console-navigation--default.pf-bar.nav.ui.menu .item,
.console-navigation--default.pf-bar.nav.ui.menu.text .item { color: rgb(27.5%,27.5%,27.5%); }
.console-navigation--default.pf-bar.nav.ui.menu a.item:hover { color: rgb(49.4%,53.7%,59.6%); }
.console-navigation--default.pf-bar.nav.ui.menu a.item:hover { color: rgb(49.4%,53.7%,59.6%); }
.console-navigation--default.pf-bar.nav.ui.menu > .item,
.console-navigation--default.pf-bar.nav.ui.menu > .container > .item,
.console-navigation--default.pf-bar.nav.ui.menu > .container > .right.menu > .item { color: #1e1e1e; font-weight: bold; }



/*
TOC

.pf-bar         -> Styled as an app-bar.
.pf-bar.top     -> Styled as a top app-bar.    
.pf-bar.tiny    -> Tiny height.
.pf-bar.small   -> Small height.
.pf-bar.medium  -> Medium height.
.pf-bar.large   -> Medium height.
.toc            -> Table of contents styled menu.

icon .left      -> icon appears on the left side in vertical menu's
*/
.pf-page-toc { position:relative; }
.pf-page-toc .ui.menu.toc { }
.pf-page-toc.inverted .ui.menu.toc > .item { color: rgba(255,255,255,.9); }
.pf-page-toc.inverted .ui.menu.toc .active.item { background: rgba(255,255,255,.15); color: #fff !important; }
.pf-page-toc.inverted .ui.menu.toc .dropdown.item:hover,
.pf-page-toc.inverted .ui.menu.toc .link.item:hover,
.pf-page-toc.inverted .ui.menu.toc a.item:hover { background: rgba(255,255,255,.08); color: #fff; }
.pf-page-toc.inverted .ui.menu.toc .item:before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 1px; background: rgba(34,36,38,.1); background: rgba(255,255,255,.08); }
.pf-page-toc.inverted .ui.menu.toc .menu > .item { color: rgba(255,255,255,.5); }
.pf-page-toc.inverted .ui.menu.toc .item .menu .link.item:hover,
.pf-page-toc.inverted .ui.menu.toc .item .menu a.item:hover,
.pf-page-toc.inverted .ui.menu.toc .item .menu .item.active { background: 0 0; color: #fff; }
.pf-page-toc.inverted .ui.menu.toc .item > .title { color: inherit; }
.pf-page-toc.inverted .ui.menu.toc .item .ui.image.avatar { margin-right:0.5em; }

.pf-page-toc.inverted .ui.menu.toc .content.horizontal.spaced { justify-content: space-evenly; display: flex; flex-direction: row; }
.pf-page-toc.inverted .ui.menu.toc .content.horizontal > .button { margin-right: 0.5em; }
.pf-page-toc.inverted .ui.menu.toc .item .ui.button.inverted.circular { -webkit-box-shadow: 0 0 0 2px #888 inset !important; box-shadow: 0 0 0 2px #888 inset !important; }
.pf-page-toc.inverted .ui.menu.toc .item .ui.button.inverted.circular:hover { -webkit-box-shadow: 0 0 0 2px #fff inset !important; box-shadow: 0 0 0 2px #fff inset !important; background-color: #fff; }

/* logo-item */
.pf-page-toc.inverted .ui.menu.toc .logo-item img { max-height:100%; }
@media only screen and (max-width: 767px) { /* Mobile - below 768px*/
    .pf-page-toc.inverted .ui.menu.toc .logo-item img { max-height: 5rem; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) { /* Tablet - 768px - 991px*/
    .pf-page-toc.inverted .ui.menu.toc .logo-item img { max-height: 8rem; }
}

.pf-page-toc .pf-page-toc-pos { }
.pf-page-toc .ui.menu.toc.toc-primary { z-index:1; position:relative; }
.pf-page-toc .toc-bottom { position: absolute; bottom: 0; }


/* override */
.pf-page-toc .ui.menu.toc.vertical > .item > .right.aligned { width: 1.18em; float: right; margin: 0 0 0 .5em; }
.pf-page-toc .ui.menu.toc.vertical .item > i.icon.left { float: none; margin: 0em 0.35714286em 0em 0em; }


/*
UI: Cookie Policy Accept
*/
.pf-ui-cookie-policy-accept { z-index: 10; }
.pf-ui-cookie-policy-accept.fixed { position: fixed; }
.pf-ui-cookie-policy-accept.fixed.bottom { bottom: 0; }
.pf-ui-cookie-policy-accept.fixed.left { left: 0; }

.pf-ui-cookie-policy-accept--content { }
.pf-ui-cookie-policy-accept.fixed > .pf-ui-cookie-policy-accept--content { padding: 1rem; }

.pf-ui-cookie-policy-accept--content.default .ui.segment { display: flex; align-items: center; }
.pf-ui-cookie-policy-accept--content.default .ui.segment > * { display: inline-block; margin: 0 1rem 0 1rem; }
/*.pf-ui-cookie-policy-accept--content.default .ui.segment > *:not(:last-child) { margin-right: 1em; }*/

@media only screen and (min-width: 768px) {
    .pf-ui-cookie-policy-accept { /*min-width: 450px;*/ min-width: 32rem; }
}

@media only screen and (max-width: 767px) {
    .pf-ui-cookie-policy-accept { width: 100%; }
    .pf-ui-cookie-policy-accept.fixed > .pf-ui-cookie-policy-accept--content { padding: 0; }
    .pf-ui-cookie-policy-accept.fixed > .pf-ui-cookie-policy-accept--content > .ui.segment { border-radius: 0; }

    .pf-ui-cookie-policy-accept--content.default .ui.segment { flex-direction: column; }
    .pf-ui-cookie-policy-accept--content.default .ui.segment > * { display: block; width: 100%; margin: 0 0 1rem 0; }
    .pf-ui-cookie-policy-accept--content.default .ui.segment > button:last-child { margin: 0; }
}