/* - ploneglossary_popup.css - */
/* https://knowhownonprofit.org/portal_css/ploneglossary_popup.css?original=1 */
/* */
.glossaryPopupPosition {
position: relative;
z-index: 1;
}
#glossary-definition-popup {
display: block;
position: absolute;
font-size: 10px;
top: 30px;
left: -40px;
border: 1px solid #8cacbb;
background: #eef3f5;
width: 300px;
padding: 0.5em;
z-index: 1000;
font-weight: normal;
text-decoration: none;
}
#glossary-definition-popup h6 {
padding: 0px;
margin: 0px;
font-size: 10px;
}
#glossary-definition-popup p {
padding: 0px;
margin: 0px;
font-size: 10px;
}
.highlightedGlossaryTerm {
border-bottom: 2px dotted #436976;
background: #eef3f5;
cursor: help;
z-index: 2;
}
/* */


/* - ++resource++knowhow.theme.stylesheets/main.css - */
@media screen {
/* https://knowhownonprofit.org/portal_css/++resource++knowhow.theme.stylesheets/main.css?original=1 */
body {
font-size: 100%;
font-family: "museo-sans", sans-serif;
line-height: 1.5;
color: #000;
margin: 0;
padding: 0;
background-color: #c7c9c2; }
.max-width {
max-width: 1120px;
margin-left: auto;
margin-right: auto;
padding-left: 1em;
padding-right: 1em; }
/* */
a {
color: #0671B8; }
a:active, a:visited {
color: #045387; }
a:hover {
color: #51296A; }
p, ul, ol {
margin: 0.666em 0 0 0; }
li {
margin: 0.25em 0 0 0; }
#content-core ul {
padding: 0;
list-style: none; }
#content-core li,
#content-core .boardConversation .boardComment li {
margin-left: 1em; }
#content-core li:before,
#content-core .boardConversation .boardComment li:before {
content: "";
display: inline-block;
width: 0.5em;
height: 0.5em;
margin: 0 0.5em 0 -0.95em;
background: #51296A; }
#content-core ol {
padding: 0;
list-style: none;
counter-reset: ol-counter; }
#content-core ol > li {
margin-left: 1em; }
#content-core ol > li:before {
width: 1.5em;
padding: 0;
text-align: left;
content: counter(ol-counter);
counter-increment: ol-counter;
font-weight: bold;
color: #51296A;
display: inline-block;
margin: 0 0 0 -1em;
background: transparent; }
#content-core li > h2 {
display: inline;
margin: 0; }
blockquote {
background: #ecedea;
margin: 0.75em 0 0 0;
padding: 0.75em 1em; }
h1 {
font-family: "Verlag A", "Verlag B", "museo-sans", sans-serif;
text-transform: uppercase;
letter-spacing: 0.025em;
font-weight: 800;
color: #51296A;
line-height: 1.25;
font-size: 2em; }
h1 span {
font-weight: 300; }
h2,
#relatedItemBox dt {
font-weight: bold;
color: #51296A;
font-size: 1.5em;
margin: 1.25em 0 0 0;
line-height: 1.25; }
h3 {
font-weight: bold;
color: #51296A;
font-size: 1.125em;
margin: 1.4em 0 0 0;
line-height: 1.25; }
h4 {
font-weight: bold;
color: #51296A;
font-size: 1em;
line-height: 1.25;
margin: 1.4em 0 0 0; }
h2 a, h3 a, h4 a {
text-decoration: none; }
h2 a:hover, h3 a:hover, h4 a:hover {
text-decoration: underline; }
h2:first-child,
h3:first-child {
margin-top: 0; }
/* */
table {
margin: 1em 0;
line-height: 1.25;
text-align: left;
border-collapse: collapse;
border-bottom: 1px solid #999; }
thead th {
vertical-align: bottom;
font-weight: bold;
padding: 0 1em 1em 0;
color: #51296A;
/* */ }
tbody th {
padding: 0 1em 1em 0;
vertical-align: top;
font-weight: bold;
color: #51296A;
border-top: 1px solid #999; }
td {
padding: 0 1em 1em 0;
vertical-align: top;
border-top: 1px solid #999; }
td.middle {
vertical-align: middle; }
td.bottom {
vertical-align: bottom; }
.eventDetails table {
border-bottom: 1px solid #6CA5DA;
width: 100%; }
.eventDetails table td, .eventDetails table th {
border-top: 1px solid #6CA5DA;
padding: 0.25em 1em 0.5em 0; }
/* */
input[type=text],
input[type=search],
input[type=email] {
display: block;
font-family: "museo-sans", sans-serif;
font-size: 14px;
font-size: 0.875rem;
border: 1px solid #BBBDB4;
border-radius: 0;
-webkit-appearance: none;
line-height: 1;
padding: 0 0.5em 0 0.25em;
height: 1.75em;
box-sizing: border-box;
vertical-align: middle;
background-image: url(++resource++knowhow.theme.images/triangle-inputs.svg);
background-size: auto 7em;
background-position: right 0;
background-repeat: no-repeat; }
input[type=text]:invalid,
input[type=search]:invalid,
input[type=email]:invalid {
border-color: #D41920;
background-position: right -3.5em; }
input[type=text]:focus,
input[type=search]:focus,
input[type=email]:focus {
outline: 0;
border-color: #767676;
background-position: right -1.75em; }
textarea {
display: block;
font-family: "museo-sans", sans-serif;
font-size: 14px;
font-size: 0.875rem;
border: 1px solid #BBBDB4;
padding: 0.375em 0.5em 0.375em 0.25em;
box-sizing: border-box;
vertical-align: middle; }
textarea:invalid {
border-color: #D41920;
background-position: right -3.5em; }
textarea:focus {
outline: 0;
border-color: #767676;
background-position: right -1.75em; }
label {
display: block;
font-weight: bold;
color: #51296A;
margin: 1.25em 0 0.25em; }
.formHelp {
font-weight: normal;
display: block;
color: #000; }
input[type=radio] + label,
input[type=radio] + input[type=hidden] + label,
input[type=checkbox] + label,
input[type=checkbox] + input[type=hidden] + label {
display: inline;
margin: 0; }
label.hiddenStructure {
display: block !important; }
input[type=submit],
input[type=button],
button {
font-size: 0.875rem;
border: 1px solid #0671B8;
border-radius: 0;
-webkit-appearance: none;
color: #fff;
background-color: #0671B8;
background-image: none;
padding: 0.25em 1em;
line-height: 1;
vertical-align: middle;
font-family: "museo-sans", sans-serif;
cursor: pointer;
margin-right: 0.25em; }
input[type=submit]:disabled,
input[type=button]:disabled,
button:disabled {
background-color: #BBBDB4;
cursor: default;
border-color: #BBBDB4;
color: #ecedea; }
input[type=submit]:disabled:hover,
input[type=button]:disabled:hover,
button:disabled:hover {
background-color: #BBBDB4; }
input[type=submit].small,
input[type=button].small,
button.small {
font-size: 0.75rem;
padding: 0.15em 0.5em; }
input[type=submit]:hover,
input[type=button]:hover,
button {
background-color: #033455;
border-color: #033455; }
input[type=submit].discreet,
button.discreet {
border: 0;
background-color: transparent;
color: #0671B8;
padding: 0.25em 0;
font-size: 1rem;
width: auto;
cursor: pointer; }
a.button {
font-size: 0.875rem;
border: 1px solid #0671B8;
background-color: #0671B8;
line-height: 1;
display: inline-block;
height: 1.75em;
padding: 0.375em 1em;
vertical-align: middle;
box-sizing: border-box;
color: #fff;
text-decoration: none; }
a.button.secondary {
background-color: #959595;
border-color: #959595; }
a.button:hover {
text-decoration: none; }
.centred_title a.button {
font-size: 1em;
padding: 0.15em 0.333em;
height: 1.5em; }
form > :first-child {
margin-top: 0; }
.required {
/**/ }
.searchform {
height: 1.5rem;
background: #fff;
position: relative;
overflow: hidden; }
.searchform input[type=text], .searchform input[type=search] {
border: 0;
padding: 0.25em 0.75em 0.25em 0.25em;
margin: 0 4.5em 0 0;
display: block;
background: #fff;
box-sizing: border-box;
height: 1.55rem;
width: calc( 100% - 4.5em );
background-image: url(++resource++knowhow.theme.images/triangle-link.svg);
background-position: right bottom;
background-repeat: no-repeat;
background-size: 0.9rem 3rem; }
.searchform input[type=submit] {
position: absolute;
background: #0671B8;
color: #ffffff;
border: 0;
top: 0;
right: 0;
font-size: 0.875rem;
height: 1.5rem;
width: 4.5em;
padding: 0.25em 0;
margin: 0; }
#portal-side .searchform {
background-color: #ecedea; }
#portal-side .searchform input[type=text] {
background-color: #ecedea;
width: calc( 100% - 4.5em ); }
.jumbo-search {
font-size: 1.25em;
height: 2em;
background: #fff;
position: relative;
overflow: hidden;
width: 100%;
max-width: 25em; }
.jumbo-search input[type=text],
.jumbo-search input[type=search] {
font-size: 1em;
border: 0;
padding: 0.4em 1.2em 0.4em 0.4em;
margin: 0 5em 0 0;
display: block;
background: #fff;
line-height: 1;
width: 20em;
max-width: calc( 100% - 5em );
box-sizing: border-box;
height: 2em;
background-image: url(++resource++knowhow.theme.images/triangle-link.svg);
background-position: right bottom;
background-size: 1.45rem 4.9rem;
background-repeat: no-repeat; }
.jumbo-search input[type=submit] {
font-size: 1em;
position: absolute;
background: #0671B8;
color: #ffffff;
border: 0;
top: 0;
right: 0;
height: 2em;
width: 5em;
margin-right: 0; }
.form_wrapper {
padding: 1em;
background: #ecedea;
margin: 0 0 1.5em 0; }
.form_wrapper fieldset, .form_wrapper .formControls {
margin: 1.5em 0 0 0;
border: 0;
padding: 0; }
.form_wrapper fieldset:first-child, .form_wrapper .formControls:first-child {
margin: 0; }
.form_wrapper legend {
font-size: 1.25em;
font-weight: bold;
color: #51296A;
padding: 0;
width: auto;
margin: 0; }
.form_wrapper .option {
display: block; }
.form_wrapper label .formHelp {
display: block;
font-size: 0.875rem;
color: #000;
font-weight: normal; }
.fieldUploadFile {
display: none; }
input.autocomplete,
input.autotag,
#content-core input.autotag {
width: 20rem;
display: block; }
input.autocomplete + ul,
input.autotag + ul,
#content-core input.autotag + ul {
width: 20em;
border-width: 0 1px 1px 1px;
border-style: solid;
border-color: #767676;
margin: 0;
list-style: none;
padding: 0;
box-sizing: border-box;
background: #fff; }
input.autocomplete + ul:empty,
input.autotag + ul:empty,
#content-core input.autotag + ul:empty {
display: none; }
input.autocomplete + ul li,
input.autotag + ul li,
#content-core input.autotag + ul li {
margin: 0;
padding: 0; }
input.autocomplete + ul li a,
input.autotag + ul li a,
#content-core input.autotag + ul li a {
padding: 0.25em 0.5em;
display: block;
cursor: pointer; }
input.autocomplete + ul li a:hover,
input.autotag + ul li a:hover,
#content-core input.autotag + ul li a:hover {
background-color: #ecedea; }
input.autocomplete + ul li .delta,
input.autotag + ul li .delta,
#content-core input.autotag + ul li .delta {
display: none; }
input.autocomplete + ul li:before,
input.autotag + ul li:before,
#content-core input.autotag + ul li:before {
display: none; }
input.autocomplete + ul li.hover a,
input.autotag + ul li.hover a,
#content-core input.autotag + ul li.hover a {
background-color: #ecedea; }
.ploneSkin .mceIframeContainer {
background: #fff; }
/* */
.image-right {
float: right; }
/* */
#visual-portal-wrapper {
width: 100%;
background: #fff; }
#portal-top {
width: 100%;
margin-bottom: 3em; }
#portal-top a {
text-decoration: none; }
#portal-header {
width: 100%;
background: #6CA5DA;
height: 3em; }
#portal-title {
margin-bottom: 2em; }
#portal-content {
margin: 0 0 3em 0; }
body.sl #portal-content,
body.two_column #portal-content {
width: 72%;
width: calc( 80% - 6em );
float: right; }
#portal-side {
margin: 0 0 3em 0;
width: 23%;
width: calc( 20% + 3em ); }
#portal-tertiary {
clear: both;
background-color: #e6f0f9;
padding: 1em 0;
margin: 1.5em 0 0 0;
background-image: url(++resource++knowhow.theme.images/triangle60-white.svg);
background-position: 0 0;
background-size: 8rem 12rem;
background-repeat: no-repeat; }
#portal-tertiary a {
color: #767676; }
#portal-footer {
background-color: #ecedea;
font-size: 0.875rem;
padding: 1rem 1rem 1rem 3rem;
line-height: 1rem;
background-image: url(++resource++knowhow.theme.images/triangle60-white.svg);
background-position: 0 0;
background-size: 3rem 4.5rem;
background-repeat: no-repeat;
margin: 5rem 0 0 0; }
#portal-footer ul {
list-style: none;
margin: 0;
padding: 0; }
#portal-footer ul li {
display: block;
float: left;
margin: 0 1.5rem 2rem 0;
max-width: 20rem; }
#subfooter {
padding-left: 0;
padding-right: 0; }
#subfooter ul li:nth-child(2) {
max-width: 15em; }
.footerbottom {
clear: left;
max-width: 55rem; }
.row {
margin: 0.666em 0 0 0; }
.cell1 {
display: inline; }
.cell2 {
display: inline;
margin-left: 0.5em; }
#portal-tertiary + #portal-footer {
background-image: url(++resource++knowhow.theme.images/triangle60-lightgrey.svg);
margin-top: 0; }
.portal-logo {
float: left; }
.portal-logo a {
display: block;
width: 21em;
height: 3em;
background-image: url(++resource++knowhow.theme.images/khnp-sprite.svg);
background-size: 31rem 14rem;
background-position: -9em 0;
margin-top: -0.6em; }
.header-icon {
width: 3em;
height: 3em;
display: block;
cursor: pointer; }
.active .header-icon {
background-color: #000; }
.header-dd {
display: none; }
.active .header-dd {
display: block;
position: absolute;
top: 3em;
right: 0;
width: 10em;
background: #000;
color: #fff;
margin: 0;
z-index: 20;
list-style: none;
padding: 0.5em 0.75em;
line-height: 1.1; }
.active .header-dd li {
margin: 0 0 0.5em 0;
font-size: 0.875rem; }
.active .header-dd li a {
padding: 0.25em 0;
color: #fff; }
.active .header-dd li a:active {
text-decoration: underline !important; }
.active .header-dd li em {
color: #eee; }
.active .header-dd li.clear {
border-top: 1px solid #888; }
.active .header-dd li.clear span {
display: block;
padding: 0.5em 0 0;
cursor: pointer;
color: #ddd; }
.active .header-dd li.clear span:hover {
color: #fff;
text-decoration: underline; }
div#background {
position: fixed;
bottom: 0;
left: 0;
width: 100vw;
height: 100vh;
height: calc( 100vh - 3rem ); }
#portal-searchbox {
float: right;
padding: 0.75em 0 0.75em 0.75em;
box-sizing: border-box;
height: 3em;
overflow: hidden; }
#portal-personaltools {
float: right;
position: relative; }
#portal-personaltools .header-icon {
background-image: url(++resource++knowhow.theme.images/khnp-sprite.svg);
background-size: 31rem 14rem;
background-position: 0 0; }
#portal-personaltools .header-icon:hover,
#portal-personaltools.active .header-icon {
background-position: 0 -6em; }
body.role-Anonymous #portal-personaltools {
width: 8em; }
body.role-Anonymous #portal-personaltools .header-icon {
background-position: -6em 0; }
body.role-Anonymous #portal-personaltools .header-icon:hover {
background-position: -6em -6em; }
body.role-Anonymous #portal-personaltools .header-icon:after {
content: 'Sign in/up';
color: #fff;
font-weight: bold;
display: inline-block;
margin-left: 3rem;
font-size: 0.875rem;
line-height: 1rem;
margin-top: 1rem;
width: 5em; }
#notification_bar {
float: right;
position: relative; }
#notification_bar .header-icon {
background-image: url(++resource++knowhow.theme.images/khnp-sprite.svg);
background-position: -3em 0;
background-size: 31rem 14rem; }
#notification_bar .header-icon:hover,
#notification_bar.active .header-icon {
background-position: -3em -6em; }
.notification_count,
#cart_count {
position: absolute;
top: 0.375rem;
right: 0.375rem;
width: 1rem;
height: 1rem;
font-size: 0.875rem;
line-height: 1rem;
text-align: center;
border-radius: 0.5em;
background: #D41920;
color: #fff; }
.notification_count:empty {
display: none; }
#cart {
float: right;
position: relative; }
#cart .header-icon {
background-image: url(++resource++knowhow.theme.images/khnp-sprite.svg);
background-position: -18em -11em;
background-size: 31rem 14rem; }
#cart .header-icon:hover {
background-position: -24em -11em; }
#portal-searchbox .header-icon {
background-position: -3em -9em;
display: none;
background-image: url(++resource++knowhow.theme.images/khnp-sprite.svg);
background-size: 31rem 14rem; }
#portal-searchbox.active .header-icon,
#portal-searchbox .header-icon:hover {
background-position: -6em -9em; }
#horizontalnav {
clear: both;
width: 100%;
background: #ecedea;
height: 2em;
overflow: hidden; }
#horizontalnav ul {
list-style: none;
margin: 0;
padding: 0 19px; }
#horizontalnav li {
display: block;
float: left;
margin: 0 0 0 -19px;
padding: 0 19px; }
#horizontalnav li a {
line-height: 1.15;
padding: 0.5rem 1em;
display: block;
color: #000000;
font-size: 0.875em; }
#horizontalnav li.active, #horizontalnav li:hover {
background-image: url(++resource++knowhow.theme.images/triangle-nav.svg), url(++resource++knowhow.theme.images/triangle-nav.svg);
background-size: 19px 4rem;
background-repeat: no-repeat;
background-position: left top, right bottom; }
#horizontalnav li.active a, #horizontalnav li:hover a {
background-color: #d4d5cf;
text-decoration: none; }
#horizontalnav li.active a {
font-weight: bold;
color: #51296A; }
#horizontalsubnav {
background-color: #d4d5cf;
height: 2.25em;
position: relative; }
#horizontalsubnav:empty {
height: 0.5em; }
#horizontalsubnav ul {
list-style: none;
padding: 0;
margin: 0; }
#horizontalsubnav li {
float: left;
display: block;
margin: 0; }
#horizontalsubnav a {
display: block;
padding: 0.5rem 1em 0.5rem;
line-height: 1.25rem;
color: #000000;
font-size: 0.875em; }
#horizontalsubnav a:hover {
background: #BBBDB4;
text-decoration: none; }
#horizontalsubnav li.active a {
background-color: #51296A;
color: #fff;
font-weight: bold;
position: relative; }
#horizontalsubnav li.active a:after {
content: "";
display: block;
width: 3rem;
height: 0.75rem;
background-image: url(++resource++knowhow.theme.images/khnp-sprite.svg);
background-size: 31rem 14rem;
background-position: 0 -9rem;
position: absolute;
top: 2.25rem;
right: 50%;
margin-right: -1.5em; }
body.sl #portal-title h1,
body.sl .title-after,
body.two_column #portal-title h1,
body.two_column .title-after {
margin-left: 26%;
margin-left: calc( 20% + 6rem ); }
#portal-columns {
clear: both; }
#portal-columns:after {
content: "";
display: block;
clear: both; }
#portal-side {
font-size: 0.875em;
color: #767676; }
#portal-side a {
color: #767676; }
#portal-side a:hover {
text-decoration: underline; }
ul.portletNavigationTree {
list-style: none;
margin: 0;
padding: 0; }
ul.portletNavigationTree a {
text-decoration: none; }
ul.portletNavigationTree ul {
list-style: none;
margin: 0 0 0 1em;
padding: 0; }
li.navTreeItem {
margin: 0.5em 0;
line-height: 1.2; }
.state-private,
.state-private:visited {
color: #D41920; }
body #portal-side li.navTreeItem a.state-private {
color: #D41920; }
body.role-Anonymous li.navTreeItem a.state-members:after,
body.role-Anonymous .contentList a.state-members:after,
body:not(.role-NCVOMember) li.navTreeItem a.state-ncvo:after,
body:not(.role-NCVOMember) .contentList a.state-ncvo:after {
display: inline-block;
content: " ";
width: 0.625em;
height: 0.625em;
border-radius: 0.3125em;
background-color: #E55C00; }
body.role-Anonymous .contentList a.state-members:after,
body:not(.role-NCVOMember) .contentList a.state-ncvo:after {
margin-left: 0.15em; }
li.navTreeItem a.type-PayItem:after {
display: inline-block;
content: " ";
width: 0.625em;
height: 0.625em;
border-radius: 0.3125em;
background-color: #D41920; }
#portal-side li.navTreeItemInPath a {
color: #000; }
#portal-side li.navTreeItemInPath a.state-private {
color: #D41920; }
#portal-side li.navTreeCurrentNode > a {
color: #51296A;
font-weight: bold; }
.documentDescription {
font-size: 1.25em;
margin: 0 0 1em; }
.status_bar {
margin: 0 0 1.5em 0; }
.actions_bar {
margin: 0 0 1.5em 0;
float: right; }
.orb {
font-size: 1rem;
display: inline-block;
height: 2em;
width: 2em;
text-indent: 3em;
overflow: hidden;
border-radius: 1em;
background-image: url(++resource++knowhow.theme.images/orb-sprite.svg);
background-size: 16rem 6rem;
background-position: 0 0;
vertical-align: middle;
background-color: #6CA5DA;
white-space: nowrap; }
.search_byline .orb {
background-size: 8rem 3rem;
height: 1em;
width: 1em;
margin-top: -1px; }
.state-published .orb,
.state-active .orb,
.state-wiki .orb {
background-color: #1F811F;
background-position: 0 0; }
.state-members .orb, .state-ncvo .orb {
background-color: #E55C00;
background-position: 0em 0; }
body.role-Anonymous .state-members .orb,
body:not(.role-NCVOMember) .state-ncvo .orb {
background-position: -14em 0; }
.state-premium .orb {
background-color: #D41920;
background-position: -4em 0; }
a .orb {
background-color: #6CA5DA; }
a:hover .orb {
background-color: #0671B8; }
a.active .orb {
background-color: #51296A; }
.icon-twitter .orb {
background-position: 0 -2em; }
.icon-facebook .orb {
background-position: -2em -2em; }
.icon-mail .orb {
background-position: -4em -2em; }
.icon-print .orb {
background-position: -6em -2em; }
.icon-google .orb {
background-position: -8em -2em; }
.icon-bookmark .orb {
background-position: -10em -2em; }
a[class^=group] {
text-decoration: none; }
.group-discussion .orb {
background-position: 0 -4em; }
.group-wiki .orb,
.group-edit .orb {
background-position: -2em -4em; }
.group-files .orb {
background-position: -4em -4em; }
.group-members .orb {
background-position: -6em -4em; }
.group-settings .orb {
background-position: -8em -4em; }
.group-leave .orb {
background-position: -2em 0; }
.group-reject .orb {
background-position: -2em 0;
background-color: #D41920; }
.group-reject .orb:hover {
background-position: #fe1e26; }
.group-join .orb {
background-position: 0 0;
background-color: #1F811F; }
.group-join .orb:hover {
background-position: #259a25; }
.group-add .orb {
background-position: -8rem 0; }
.group-demote .orb {
background-position: -12rem 0; }
.group-promote .orb {
background-position: -10rem 0; }
.group-more .orb {
background-position: -12rem -2rem; }
.group-less .orb {
background-position: -14rem -2rem; }
.justgiving {
text-align: right;
margin-top: 0.75em; }
.justgiving a {
margin-right: -0.5em; }
.documentByLine {
margin: 1em 0;
padding: 0.3em 1em;
background-color: #ecedea;
width: 100%; }
.tileHeadline + .documentByLine {
display: none; }
.template-folder_summary_view .documentByLine {
display: none; }
.tertiary-portlets {
margin: 0 0 0 26%;
margin-left: calc( 20% + 6em ); }
.portlet {
font-size: 14px;
font-size: 0.875rem;
color: #767676;
line-height: 1.25;
margin: 0 0 1.5em; }
.portlet a {
text-decoration: underline; }
.tileItem {
margin-top: 2em; }
.portletHeader, .portlet h2 {
font-size: 16px;
font-size: 1rem;
color: #767676;
text-transform: uppercase;
font-weight: bold;
margin: 0 0 0.5em; }
.portlet h3 {
margin: 1em 0 0;
color: #767676; }
.portlet ul {
margin: 0;
list-style: none;
padding: 0; }
.portletItem, .portlet li {
margin: 0.5em 0 0 0; }
.tertiary-portlets .portletWrapper {
float: left;
width: 30%;
margin: 0 3% 1.5em 0;
width: calc( ( 100% - 3.05em ) / 3 );
margin-right: 1.5em; }
.tertiary-portlets .portletWrapper:nth-child(3n) {
margin-right: 0; }
.tertiary-portlets .portletWrapper:nth-child(3n+1) {
clear: left; }
.tertiary-portlets:after {
content: "";
clear: both;
display: block; }
.footerLinks {
list-style: none;
margin: 0.625em 0;
padding: 0;
float: right; }
.footerLinks li {
display: inline; }
.footerLinks li:after {
content: " |";
color: #959595; }
.footerLinks li:last-child:after {
display: none; }
.footerLinks a {
color: #000; }
#relatedItemBox dd {
margin: 0.25em 0 0 0; }
.l1-top {
position: relative;
height: 12.5em;
background-color: #0074b7;
overflow: hidden; }
.l1-top-image {
position: absolute;
right: 0;
top: 0; }
.l1-top-image svg {
max-height: 100%;
max-width: 100%;
height: auto;
width: auto; }
.l1-top-text {
position: absolute;
top: 0;
left: 0;
background: #fff;
width: 25em;
height: 12em; }
.l1-top-text:after {
content: "";
position: absolute;
left: 25em;
top: 0;
height: 12em;
width: 8.5em;
background-image: url(++resource++knowhow.theme.images/triangle60-white.svg);
background-position: 0 0;
background-size: 8em 12em;
background-repeat: no-repeat; }
.l1-top-text h1 {
margin: 0 0 0.5em 0;
line-height: 1; }
body.section-basics .l1-top {
background-color: #6aa6da; }
body.section-campaigns .l1-top {
background-color: #25ccc2; }
body.section-people .l1-top {
background-color: #ffef42; }
body.section-organisation .l1-top {
background-color: #ffb596; }
body.section-funding .l1-top {
background-color: #6aa6da; }
body.section-leadership .l1-top {
background-color: #ffef42; }
body.type-MainSection #portal-content {
width: 100%;
margin: 0; }
.contentList {
margin: 3em 0; }
.contentList > ul {
list-style: none;
padding: 0;
margin: 0; }
.contentList > ul li {
float: left;
width: 22%;
margin: 0 1.5em 2em 0;
width: calc( ( 100% - 4.5em ) / 4 );
line-height: 1.25; }
.contentList > ul li:nth-child(4n) {
margin-right: 0; }
.contentList > ul li:nth-child(4n+1) {
clear: both; }
.contentList h2 {
font-family: "Verlag A", "Verlag B", "museo-sans", sans-serif;
text-transform: uppercase;
font-weight: bold;
font-size: 1.25em;
line-height: 1.35;
margin: 0 0 0.5em; }
.contentList p {
margin-top: 0.5em; }
.contentList:after {
content: "";
clear: both;
display: block; }
#content-core .contentList li {
margin-left: 0; }
#content-core .contentList li:before {
display: none; }
#content-core .userList li {
margin-left: 0; }
#content-core .userList li:before {
display: none; }
#content-core .userList .profile_sec_portrait {
width: 2.5em;
max-height: 2.5em;
height: auto;
vertical-align: middle; }
.hp-banner {
background: #ecedea;
padding: 1em 0;
height: 11.5em;
box-sizing: border-box;
position: relative; }
.hp-banner h1 {
margin: 0; }
.hp-banner p {
color: #767676;
font-size: 1.25em;
margin-top: 0.1em;
max-width: 50%;
line-height: 1.25; }
.hp-banner .hp-banner-img {
position: absolute;
width: 50%;
height: 12.5em;
left: 50%;
top: -1em;
background-color: #43BFBA;
background-image: url(++resource++knowhow.theme.images/hp-banner-triangle.svg), url(++resource++knowhow.theme.images/home.svg);
background-size: 7.5em 12.5em, contain;
background-position: left top, center bottom;
background-repeat: no-repeat; }
.hp-banner .jumbo-search {
margin: 0.75em 0 0 0;
max-width: 50%;
width: 25em; }
.step {
margin: 0;
padding: 0 0 0 3.75em;
position: relative; }
.step-double .step {
padding-left: 6em; }
.step-double #step1 .stepno:before,
.step-double #step2 .stepno:before,
.step-double #step3 .stepno:before,
.step-double #step4 .stepno:before,
.step-double #step5 .stepno:before,
.step-double #step6 .stepno:before,
.step-double #step7 .stepno:before,
.step-double #step8 .stepno:before,
.step-double #step9 .stepno:before {
content: '0';
color: #ecedea;
display: inline-block;
margin-right: -0.05em; }
.stepno {
position: absolute;
top: 0;
left: 0;
font-size: 4.75em;
font-weight: normal;
color: #51296A;
line-height: 1; }
.centred_title {
text-align: center;
margin: 0 auto 4em; }
.centred_title h1 {
font-size: 2.5em;
margin: 0; }
.centred_title p, .centred_title div.p {
font-size: 1.25em;
color: #767676; }
.centred_title .jumbo-search {
background-color: #ecedea;
margin: 0.75em auto 0; }
.centred_title .jumbo-search input[type=text] {
background-color: #ecedea; }
.searchResults p {
margin-top: 0; }
#horizontalsubnav #mobnav {
display: none; }
.listingBar {
text-align: center;
margin: 2em 0; }
.contentList + .listingBar {
margin-top: -2em; }
.rating {
font-size: 0.875rem;
color: #767676;
margin: 1em 0 1.5em 0; }
.rating-stars {
display: inline-block;
height: 0.75rem;
width: 3.75rem;
background-image: url(++resource++knowhow.theme.images/stars.svg);
background-size: 0.75rem 1.5rem;
background-repeat: repeat-x;
background-position: 0 0;
position: relative; }
.rating-stars span {
height: 0.75rem;
display: inline-block;
background-image: url(++resource++knowhow.theme.images/stars.svg);
background-size: 0.75rem 1.5rem;
background-repeat: repeat-x;
background-position: 0 -0.75rem;
position: absolute;
top: 0;
left: 0; }
.rating-stars a {
position: absolute;
top: 0;
left: 0;
height: 0.75rem;
text-indent: 6rem;
overflow: hidden; }
.rating-stars a:hover {
background-image: url(++resource++knowhow.theme.images/stars.svg);
background-size: 0.75rem 1.5rem;
background-repeat: repeat-x;
background-position: 0 -0.75rem; }
.rating-stars a#one {
width: 0.75rem;
z-index: 6; }
.rating-stars a#two {
width: 1.5rem;
z-index: 5; }
.rating-stars a#thr {
width: 2.25rem;
z-index: 4; }
.rating-stars a#fou {
width: 3rem;
z-index: 3; }
.rating-stars a#fiv {
width: 3.75rem;
z-index: 2; }
.rating-stars:hover span {
display: none; }
.price {
font-size: 2rem;
font-family: "Verlag A", "Verlag B", "museo-sans", sans-serif;
font-weight: 800; }
.pay-item-price {
margin: -1em 0 1em; }
#buyForm {
float: left;
margin: 0 0 1.5em; }
#buyForm input[type=submit] {
height: 2rem;
padding: 0.5rem 1.5rem;
background: #D41920;
color: #fff;
font-size: 1rem;
font-weight: bold;
text-transform: uppercase;
border: 0;
line-height: 1; }
.buyableInfo {
margin: 1em 0;
border-top: 1px solid #6CA5DA;
border-bottom: 1px solid #6CA5DA;
padding: 0.5em 0;
line-height: 1.25; }
li.complete {
text-decoration: line-through;
color: #1F811F; }
#content-views {
font-size: 0.875rem;
margin: 0;
list-style: none;
padding: 0.25em 0.25em 0;
box-sizing: border-box;
z-index: 10;
position: relative; }
#content-views li {
display: block;
margin: 0;
float: left;
height: 1.75em; }
#content-views li a {
line-height: 1;
padding: 0.25em 0.5em 0.5em; }
#contentActionMenus {
font-size: 0.875rem;
list-style: none;
margin: 0;
float: none;
top: 0;
right: 0;
text-align: right;
position: relative;
z-index: 9;
border-radius: 0;
padding: 0 0.25em;
height: 2em; }
#contentActionMenus li {
margin: 0;
float: right;
display: block;
height: 2em; }
#contentActionMenus li dl.actionMenu {
line-height: 1; }
#contentActionMenus li dl.actionMenu a {
padding: 0.5em 0; }
#contentActionMenus li dl.actionMenu ul {
padding: 0;
text-align: left; }
#contentActionMenus li dl.actionMenu li {
float: none; }
.profile_pane {
position: relative; }
.profile_pane h2:first-child,
.profile_pane h3:first-child {
margin-top: 0; }
.profile_sec_portrait {
width: 4em;
display: inline-block;
height: auto;
max-height: 4em;
overflow: hidden;
box-sizing: border-box;
border: 0.25em solid #BBBDB4; }
.profile_sec_portrait.group_manager {
border-color: #51296A; }
.profile_sec_portrait.small {
width: 2em;
height: 2em; }
.profile_sec_portrait a {
display: block; }
.profile_sec_portrait img {
width: 100%;
height: auto;
display: block; }
.profile_sec_portrait span {
display: block;
width: 100%;
height: 100%;
font-size: 1.25em;
font-weight: bold;
text-align: center; }
.profile_sec_row {
margin: 0 0 1.5em 0; }
.profile_sec_row.profile_error > label {
color: #D41920; }
.profile_sec_row.profile_error > label + span {
color: #D41920; }
.profile_sec_label {
font-size: 1em;
display: block;
font-weight: bold;
color: #51296A; }
.profile_sec_content {
display: block;
position: relative; }
.profile_sec_content .profile-btn-edit {
color: #0671B8;
display: none;
position: absolute;
top: 0;
right: 0.25em; }
.profile_sec_content p {
margin: 0.25em 0 0 0; }
#content-core .profile_sec_tabs {
border-bottom: 1px solid #BBBDB4;
height: 2em; }
#content-core .profile_sec_tabs .profile_sec_tab {
padding: 0;
display: block;
float: left;
background-image: 0;
margin: 0 0 -1px;
border-top: 1px solid transparent; }
#content-core .profile_sec_tabs .profile_sec_tab::before {
display: none !important; }
#content-core .profile_sec_tabs .profile_sec_tab span {
display: block;
padding: 0.5em;
line-height: 1; }
#content-core .profile_sec_tabs .profile_sec_tab.active {
border-top: 1px solid #BBBDB4;
border-left: 1px solid #BBBDB4;
border-right: 1px solid #BBBDB4;
background: #fff;
color: #51296A;
font-weight: bold; }
#content-core .profile_sec_tabs + .profile_sec_tabs_label {
display: none; }
#content-core .profile_sec_tabs.narrow {
height: 2em;
overflow: hidden;
transition: .5s;
cursor: pointer; }
#content-core .profile_sec_tabs.narrow.active {
height: auto; }
#content-core .profile_sec_tabs.narrow::before {
display: block;
content: "Menu";
width: 4em;
height: 2em;
background: #BBBDB4;
color: #fff;
text-align: center;
line-height: 2;
text-transform: uppercase; }
#content-core .profile_sec_tabs.narrow .profile_sec_tab {
float: none;
display: block;
margin: 0;
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #BBBDB4;
background: #ecedea; }
#content-core .profile_sec_tabs.narrow .profile_sec_tab.active {
background: #fff; }
#content-core .profile_sec_tabs.narrow + .profile_sec_tabs_label {
display: block;
position: relative;
top: -1.8em;
left: 4.5em;
font-weight: bold;
color: #51296A;
height: 1em;
margin: 0 0 -1em 0; }
.profile_sec_tab_panes {
border-left: 1px solid #BBBDB4;
border-right: 1px solid #BBBDB4;
border-bottom: 1px solid #BBBDB4;
padding: 1em; }
.profile_sec_tab_pane {
display: none; }
.profile_sec_tab_pane.active {
display: block; }
.profile_inline_edit {
cursor: pointer; }
.profile_inline_edit .profile_sec_content:hover,
.profile_inline_edit .profile_sec_content.tap {
background-color: #ecedea; }
.profile_inline_edit .profile_sec_content:hover .profile-btn-edit,
.profile_inline_edit .profile_sec_content.tap .profile-btn-edit {
display: block; }
.profile_sec_help {
font-size: 0.875rem;
display: block;
line-height: 1.2;
margin: 0.25em 0; }
.profile_sec_form {
padding: 0.25em;
background: #ecedea; }
.profile_sec_form input {
display: inline; }
.profile_sec_form textarea {
display: block; }
#portal-side li.active {
font-weight: bold; }
#portal-side li.active a {
color: #51296A; }
#content-core ul.searchResults {
list-style: none;
padding: 0; }
#content-core ul.searchResults:first-child {
margin: 0; }
#content-core ul.searchResults li {
margin: 1.5em 0 0 0; }
#content-core ul.searchResults li:before {
display: none; }
#content-core ul.searchResults li:first-child {
margin: 0; }
#content-core .groupList {
list-style: none;
margin: 0;
max-width: 30em; }
#content-core .groupList li {
margin: 0 0 1.5em 0; }
#content-core .groupList li:before {
display: none; }
#content-core .groupList li h2, #content-core .groupList li h3 {
margin: 0; }
#content-core .groupList li p {
margin: 0; }
#content-core .groupList li p a[class^=group-] {
float: right;
margin: -1em 0 0 0.25em; }
.portalMessage {
display: block;
background: #ecedea;
margin: 0 0 2em 0;
padding: 0; }
.portalMessage dt {
display: inline-block;
padding: 0.25em 0.5em;
background-color: #51296A;
font-weight: bold;
text-transform: uppercase;
color: #fff; }
.portalMessage.warning dt {
background-color: #E55C00; }
.portalMessage.error dt {
background-color: #D41920; }
.portalMessage dd {
display: inline;
margin: 0 0 0 0.5em; }
.form_wrapper .portalMessage {
background: #fff; }
.fieldErrorBox {
font-weight: bold;
color: #D41920; }
.boardComment .profile_sec_portrait {
float: left;
margin: 0 1em 2em 0; }
.boardComment {
margin: 0 0 0 0;
padding: 1em 0;
border-top: 1px solid #BBBDB4;
clear: left; }
.boardConversation > div:last-child {
margin-bottom: 1em; }
.boardCommentContent,
.boardCommentActions,
.commentAttachments {
margin: 0.5em 0 0 5em; }
.boardCommentActions form {
display: inline-block; }
.boardCommentContent *:first-child {
margin-top: 0; }
.boardCommentContent p {
margin-top: 0.5em; }
.boardCommentContent blockquote {
font-size: 0.85rem;
line-height: 1.2;
max-height: 10rem;
overflow-y: auto;
border: 1px solid #fff; }
.boardCommentContent blockquote blockquote {
max-height: 5em; }
ul.group_results {
max-width: 31.25em;
margin: 0 auto;
list-style: none;
padding: 0; }
.footerNCVOLogo {
background-size: 31rem 14rem;
background-image: url(++resource++knowhow.theme.images/khnp-sprite.svg);
background-position: -9rem -3rem;
height: 11rem;
width: 9rem;
display: block;
overflow: hidden;
margin: 0 1rem 0 0; }
.autotagstags li,
#content-core .autotagstags li {
margin: 0;
display: inline; }
.autotagstags li:before,
#content-core .autotagstags li:before {
display: none; }
.autotagstags li .tagSpan,
#content-core .autotagstags li .tagSpan {
display: inline-block;
background: #767676;
color: #fff;
padding: 0 0.333em;
border-radius: 0.25em;
margin: 0 0.25em 0.25em 0;
cursor: pointer; }
#portal-sitemap div {
display: inline; }
.hide {
display: none; }
.fieldTextFormat {
display: block; }
.guideBody :first-child {
margin-top: 0; }
.warningBlock {
background-color: #E55C00;
color: #fff;
padding: 1em; }
.warningBlock h2 {
color: #fff; }
.prerequisites {
margin: 1.5em 0 0 0; }
dl.viewlet #portal-header {
height: auto; }
#price {
font-size: 1.25em;
font-weight: bold;
margin: 0.75em 0; }
#price.grey {
color: #959595; }
#price span {
font-size: 0.8em;
font-weight: normal; }
.mid-width-panel {
width: 24em;
max-width: 100%;
margin: 0 auto; }
#prefsSlotOne {
width: 15em;
display: block;
float: left; }
#prefsMainSlot {
margin-left: 16em;
display: block; }
#prefsMainSlot .visualClear {
clear: none; }
#details_panel, #addimage_panel {
border-left: 1px solid #CCC;
padding-left: 6px;
margin-left: 0 !important; }
/* */
#form-widgets-tags-widgets-query {
width: 20em;
padding: 0; }
.ac_results {
border-width: 0 1px 1px 1px;
border-style: solid;
border-color: #767676;
margin-top: -1px;
z-index: 100;
background-color: #fff; }
.ac_results ul {
list-style: none;
margin: 0;
padding: 0; }
.ac_results li {
margin: 0;
padding: 0.25em 0.5em;
cursor: pointer; }
.ac_results li.ac_over {
background: #ecedea;
color: #51296A; }
.autocompleteInputWidget label {
margin: 0; }
#form .formControls {
margin-top: 2em; }
#profile_popup {
position: fixed;
top: 50%;
left: 50%;
width: 50vw;
height: 21em;
margin: -10.5em -25vw;
box-sizing: border-box;
padding: 2em;
background: #fff;
border: 1px solid #767676;
z-index: 100; }
.message {
font-size: 1em;
font-family: "museo-sans", sans-serif;
padding: 0.25em 0.5em;
background: #ecedea; }
#org-search-results {
position: absolute;
top: 3.25em;
left: 0;
margin: 0;
background: #fff;
width: 21.5em;
box-sizing: border-box;
border-width: 0 1px 1px 1px;
border-style: solid;
border-color: #BBBDB4;
padding: 0;
list-style: none;
z-index: 100; }
#org-search-results.no-label {
top: 1.5em; }
#org-search-results:empty {
display: none; }
#org-search-results li {
margin: 0; }
#org-search-results a, #org-search-results span {
display: block;
padding: 0.25em 0.5em;
color: #0671B8;
text-decoration: none;
cursor: pointer; }
#org-search-results a:hover, #org-search-results span:hover {
background: #ecedea; }
#org-search-results em {
display: block;
padding: 0.25em 0.5em; }
.overlay {
background: #fff;
padding: 1em;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
position: absolute !important;
z-index: 99999; }
#dfh_img {
text-align: center;
margin: 1.5em 0 -1em 0; }
ul#dfh_content {
list-style: none;
margin: 0;
padding: 0;
line-height: 1.2; }
ul#dfh_content > li {
display: block;
float: left;
margin: 0 1.5em 2em 0; }
ul#dfh_content > li.social {
width: calc( 50% - 0.75em ); }
ul#dfh_content > li.web {
width: calc( 50% - 0.75em );
margin-right: 0; }
ul#dfh_content > li.social ul, ul#dfh_content > li.web ul {
-webkit-column-count: 2;
-webkit-column-gap: 1.5em;
-moz-column-count: 2;
-moz-column-gap: 1.5em;
column-count: 2;
column-gap: 1.5em; }
ul#dfh_content > li.mobile {
clear: left; }
ul#dfh_content > li.mobile, ul#dfh_content > li.design, ul#dfh_content > li.analytics {
width: calc( ( 100% - 4.5em ) / 4 ); }
ul#dfh_content h2 {
text-transform: uppercase;
-webkit-column-break-before: always;
font-family: "Verlag A", "Verlag B", "museo-sans", sans-serif;
font-size: 1.25em; }
ul#dfh_content ul {
list-style: none;
margin: 0;
padding: 0; }
ul#dfh_content a {
-moz-break-inside: avoid;
-webkit-region-break-inside: avoid;
-webkit-column-break-inside: avoid;
break-inside: avoid; }
.dfh_featured {
float: left;
width: 48%;
width: calc( 50% - 0.75em );
margin: 0 0 3em 0;
line-height: 1.2; }
.dfh_featured .text {
background-color: #51296A;
color: #fff;
padding: 0.75em; }
.dfh_featured h2 {
font-size: 1em; }
.dfh_featured h2 a {
text-decoration: underline;
color: #fff; }
.dfh_featured p {
margin: 0.25em 0 0 0; }
.dfh_featured > p {
color: #767676;
text-transform: uppercase;
font-size: 0.875em;
margin-bottom: 0.25em; }
.dfh_featured:nth-child(odd) {
margin-right: 1.5em; }
body.section-groups .frame_list {
display: none; }
#content-core .boardConversation > ul {
list-style: none;
margin: 0;
padding: 0; }
#content-core .boardConversation > ul li {
margin: 0; }
#content-core .boardConversation > ul li::before {
display: none; }
#content-core .boardConversation > ul li ul li {
margin-left: 5em; }
#content #ploneboardcomment-base-edit ul.formTabs, #attachment-controls, #archetypes-fieldname-displayAttachments,
#image-controls, #archetypes-fieldname-displayImages {
display: none; }
body.role-Editor #content #ploneboardcomment-base-edit ul.formTabs, #content #ploneboardcomment-base-edit ul.formTabs body.role-Manager, body.role-Editor #attachment-controls, #attachment-controls body.role-Manager, body.role-Editor #archetypes-fieldname-displayAttachments, #archetypes-fieldname-displayAttachments body.role-Manager, body.role-Editor
#image-controls,
#image-controls body.role-Manager, body.role-Editor #archetypes-fieldname-displayImages, #archetypes-fieldname-displayImages body.role-Manager {
display: block; }
body.template-base_edit.type-PloneboardComment #portal-title {
display: none; }
.videoContainer {
width: 100%;
height: 0;
padding-top: 62.5%;
position: relative;
overflow: hidden; }
.videoContainer iframe {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute; }
.videoContainer.sixteen-nine {
padding-top: 56.25%; }
#groups_nav {
border-top: 1px solid #ccc;
padding: 0.5em 0 0 0;
text-align: center; }
.thread_div .commentReply {
padding: 0.75em;
background: #ecedea;
margin-bottom: 0.5em; }
.datecontrols {
float: right; }
.datecontrols div {
float: left;
margin: 0 0 0.75em 0.25em; }
.datecontrols label {
color: #BBBDB4;
margin: 0;
line-height: 1; }
.reporttitle {
font-weight: bold;
padding-top: 1em;
color: #51296A; }
.reporttitle span {
color: #767676;
text-transform: uppercase; }
.timeline {
background: #ecedea;
height: 18.75em;
padding-top: 0;
position: relative;
margin: 0 0 4em 0; }
.timeline .day {
position: absolute;
bottom: 0;
height: 18.75em; }
.timeline .day .vbar {
width: 0.25em;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -0.125em;
background: #6CA5DA; }
.timeline .day .popup {
display: none; }
.timeline .day .label {
position: absolute;
width: 3.5em;
left: 50%;
margin-left: -1.75em;
height: 1em;
line-height: 1;
bottom: -1.5em;
white-space: nowrap;
text-align: center; }
.timeline .day:hover {
background: #f8f9f8; }
.timeline .day:hover .popup {
width: 7em;
position: absolute;
display: block;
height: 3em;
left: 50%;
bottom: -2em;
margin: 0 0 0 -3.5em;
background: #fff;
line-height: 1.25;
padding: 0.25em;
box-sizing: border-box;
box-shadow: 0 0 1em rgba(0, 0, 0, 0.5);
z-index: 2; }
.timeline .vlabel {
position: absolute;
width: 1.75em;
text-align: right;
left: -2em;
line-height: 1;
margin-top: -0.5em; }
.summarychart {
margin: 1em 7em 2em 7em; }
.summarychart .population {
position: relative;
height: 1.5em;
background: #ecedea; }
.summarychart .value {
position: relative;
height: 1.5em;
background: #6CA5DA; }
.summarychart .chartlabel {
position: absolute;
left: -7em;
width: 7em;
line-height: 1.5; }
.summarychart .chartcount {
position: absolute;
right: -7em;
width: 6.5em;
line-height: 1.5; }
.barchart {
margin: 0.25em 7em 0 0;
position: relative; }
.barchart .population {
height: 0.25em;
background: #ecedea; }
.barchart .value {
height: 0.75em;
background: #6CA5DA; }
.barchart .chartcount {
position: absolute;
right: -7em;
width: 6.5em;
top: 0;
line-height: 1; }
.breakdown h2, .summary h2 {
margin-top: 2.5em;
font-size: 1em;
color: #000; }
.breakdown h3, .summary h3 {
font-size: 1em;
margin-top: 1.5em; }
.discussion {
margin: 1.875em 0; }
.discussion h2 {
font-size: 1.25em; }
.discussion h2 span {
font-weight: normal; }
.discussion form {
margin: 0.5em 0 0; }
.discussion form textarea {
width: 100%; }
.discussion form a {
margin-top: 0.25em;
display: inline-block; }
.discussion .discussionHead {
margin-bottom: 1em; }
.discussion .boardComment {
font-size: 0.875em;
line-height: 1.25; }
section {
margin-top: 1.875em; }
.image-left {
float: left;
margin: 0 1em 1.25em 0; }
.image-right {
float: right;
margin: 0 0 1.25em, 1em; }
.hiddenStructure {
display: block;
background: transparent;
background-image: none;
/* */
border: none;
height: 1px;
overflow: hidden;
padding: 0;
margin: -1px 0 0 -1px;
width: 1px; }
.section-groups iframe#text_ifr {
height: 200px !important; }
.section-groups #text_tbl {
height: 200px !important; }
.boardComment.reporting {
background: rgba(255, 255, 0, 0.1); }
.boardComment.reported {
background: rgba(255, 0, 0, 0.1); }
.boardComment.reported .report_comment_form {
padding: 0;
background: transparent;
color: #000; }
.discussion .report_comment_form {
margin: 1em 1em 0 5em;
padding: 1em;
background-color: #ecedea; }
.discussion .report_comment_form h2 {
font-size: 1.2em; }
.masquerade {
background-color: #51296A;
padding: 0.5em;
color: #fff; }
#portal_container_inner {
background: #f8f9f8;
border: 1px solid #BBBDB4;
height: 30em;
max-height: 70vh;
position: relative; }
#portal_container_inner img {
position: absolute;
left: 50%;
top: 50%;
margin: -8px 0 0 -8px; }
#portal-side-inner {
background: #f8f9f8;
border: 1px solid #BBBDB4;
height: 30em;
max-height: 70vh;
position: relative; }
#portal-side-inner img {
position: absolute;
left: 50%;
top: 50%;
margin: -8px 0 0 -8px; }
#testsitenotice {
background-color: #D41920;
color: #fff;
position: relative;
padding: 0.25em;
font-size: 1.25em; }
#testsitenotice a {
color: #fff; }
#cookieWarning {
background-color: #E55C00;
position: relative;
padding: 0.5rem 0.25em;
font-size: 1.25em;
color: #fff; }
#cookieWarning a {
color: #fff; }
#test-hide {
position: absolute;
right: 0.25em;
top: 0.25em;
text-decoration: none; }
#cookieWarningHide {
position: absolute;
right: 0.25em;
bottom: 0.25em;
text-decoration: none; }
@media screen and (max-width: 599px) {
#portal-side {
display: none; }
body.sl #portal-content,
body.two_column #portal-content {
width: 100%;
float: none; }
body.sl #portal-title h1,
body.sl .title-after,
body.two_column #portal-title h1,
body.two_column .title-after {
margin-left: 0; }
#portal-tertiary {
background-size: auto 4.5rem; }
#portal-tertiary .tertiary-portlets {
margin: 0 0 0 2.5em; }
#portal-tertiary .tertiary-portlets .portletWrapper {
float: none;
width: auto;
margin: 0 5em 0 0; }
#portal-footer {
padding-left: 3.5rem; }
#portal-footer .footerNCVOLogo {
float: right;
display: none; }
#portal-footer .footerLinks {
float: none;
margin: 0;
line-height: 1.6; }
#portal-footer .footerLinks li {
margin-right: 0.75em;
white-space: nowrap; }
#portal-footer .footerLinks li:after {
display: none; }
#portal-footer .footerbottom {
padding: 0.5rem; }
.portal-logo a {
width: 13em;
height: 3em;
background-size: 31rem 14rem;
background-position: -18rem -3rem; }
.justgiving svg {
width: 50%;
height: auto; }
#horizontalnav ul {
padding: 0; }
#portal-header .max-width {
padding: 0 0 0 1em; }
.actions_bar {
float: none; }
#dfh_img img {
max-width: 100%;
height: auto; }
body div.dfh_featured {
float: none;
width: auto;
margin: 0 0 2em 0; }
body div.dfh_featured:nth-child(odd) {
margin-right: 0; }
body ul#dfh_content > li {
float: none;
margin: 0 0 2em 0;
width: auto !important; }
body ul#dfh_content ul {
-moz-column-count: 1 !important;
-webkit-column-count: 1 !important;
column-count: 1 !important; } }
@media screen and (min-width: 700px) and (max-width: 959px) {
#horizontalnav .max-width,
#horizontalnav + .max-width {
padding: 0; }
#horizontalsubnav {
height: 3.25em; }
#horizontalsubnav li a {
height: 2.25rem;
padding: 0.5rem 0.75rem;
line-height: 1.25; }
#horizontalsubnav li.active a:after {
top: 3.25rem; }
#horizontalsubnav li:nth-of-type(1) a {
max-width: 90px; }
#horizontalsubnav li:nth-of-type(2) a {
max-width: 100px; }
#horizontalsubnav li:nth-of-type(3) a {
max-width: 95px; }
#horizontalsubnav li:nth-of-type(4) a {
max-width: 90px; }
#horizontalsubnav li:nth-of-type(5) a {
max-width: 110px; }
#horizontalsubnav li:nth-of-type(6) a {
max-width: 90px; } }
@media screen and (max-width: 699px) {
#horizontalnav .max-width,
#horizontalnav + .max-width {
padding: 0; }
#portal-searchbox {
padding: 0; }
#portal-searchbox .header-icon {
display: block; }
#portal-searchbox form {
display: none; }
#portal-searchbox.active form {
display: block;
position: absolute;
top: 0;
left: 0;
height: 3em;
padding: 0.75em;
width: calc( 100% - 3em );
box-sizing: border-box;
background-color: #6CA5DA;
z-index: 20; }
#portal-searchbox.active form.searchform input[type=submit] {
top: 0.75rem;
right: 0.75rem; }
#horizontalsubnav li {
display: none; }
#horizontalsubnav li.active {
display: block;
float: none;
padding-right: 5em; }
#horizontalsubnav li.active a {
background-color: transparent;
color: #51296A; }
#horizontalsubnav li.active a:after {
display: none; }
body.nav #horizontalnav {
display: none; }
body.nav #horizontalsubnav {
display: none; }
body.nav #port-title {
display: none; }
body.nav #portal-columns {
display: none; }
body.nav #portal-tertiary {
display: none; }
body.nav #portal-footer {
display: none; }
body.nav #visual-portal-wrapper > .max-width {
display: none; }
body.nav #mobilenav {
display: block !important;
top: 3em;
left: 0;
width: 100vw;
min-height: calc( 100vh - 3em );
background-color: #ecedea;
padding: 0;
box-sizing: border-box;
z-index: 10; }
body.nav #mobilenav h2 {
margin: 0;
padding: 0.5rem 0.5rem 0.5rem 3.5rem;
text-indent: -3rem;
height: 2.5rem; }
body.nav #mobilenav ul {
list-style: none;
margin: 0 0 0 3.5rem;
padding: 0;
width: calc( 100vw - 3.5rem );
line-height: 1; }
body.nav #mobilenav ul a {
display: inline-block;
vertical-align: middle; }
body.nav #mobilenav li {
min-height: 2rem;
padding-right: 0.5rem;
margin-top: 0.5rem; }
.menu_top_back {
width: 2.5rem;
height: 2.5rem;
border-radius: 1.25rem;
margin-right: 0.5rem;
background: #6CA5DA;
display: inline-block;
text-align: center;
line-height: 2.5rem;
color: #fff;
text-indent: 0; }
.menu_top_back:active {
background: #51296A; }
.menu_top_back:hover {
color: #fff;
text-decoration: none; }
.menu_top_link {
text-indent: 0;
line-height: 1.25;
display: inline-block;
vertical-align: middle;
font-size: 1rem; }
.menu_expand {
width: 2rem;
height: 2rem;
border-radius: 1rem;
background: #6CA5DA;
display: inline-block;
text-align: center;
line-height: 2em;
color: #fff; }
.menu_expand:active {
background: #51296A; }
.menu_expand:hover {
text-decoration: none;
color: #fff; }
.menu_blank {
width: 2em;
height: 2em;
background: transparent;
display: inline-block;
vertical-align: middle; }
.menu_link {
width: calc( 100% - 2.5rem );
margin-right: 0.5rem; }
#horizontalsubnav #mobnav {
display: block;
position: absolute;
top: 0;
right: 0;
width: 5em;
text-align: center; }
.footerbottom {
padding: 1rem; } }
@media screen and (min-width: 961px) {
.contentList > ul li {
float: left;
width: 22%;
width: calc( ( 100% - 4.5em ) / 4 );
margin: 0 1.5em 2em 0; }
.contentList > ul li:nth-of-type(4n) {
margin-right: 0; }
.contentList > ul li:nth-of-type(4n+1) {
clear: left; } }
@media screen and (min-width: 720px) and (max-width: 959px) {
.contentList > ul li {
float: left;
width: 30%;
width: calc( ( 100% - 3em ) / 3 );
margin: 0 1.5em 2em 0; }
.contentList > ul li:nth-of-type(4n) {
margin-right: 1.5em; }
.contentList > ul li:nth-of-type(3n) {
margin-right: 0; }
.contentList > ul li:nth-of-type(4n+1) {
clear: none; }
.contentList > ul li:nth-of-type(3n+1) {
clear: left; } }
@media screen and (min-width: 720px) and (max-width: 840px) {
.hp-banner h1 {
margin-right: 10rem;
font-size: 1.5rem; }
.hp-banner p {
max-width: 100%;
font-size: 1rem;
margin-right: 20rem;
position: relative;
z-index: 20; } }
@media screen and (min-width: 600px) and (max-width: 760px) {
.portal-logo a {
width: 13em;
height: 3em;
background-size: 31rem 14rem;
background-position: -18rem -3rem; } }
@media screen and (min-width: 480px) and (max-width: 719px) {
.contentList > ul li {
float: left;
width: 45%;
width: calc( ( 100% - 1.5em ) / 2 );
margin: 0 1.5em 2em 0; }
.contentList > ul li:nth-of-type(2n) {
margin-right: 0; }
.contentList > ul li:nth-of-type(2n+1) {
clear: left; }
.hp-banner h1 {
margin-right: 10rem;
font-size: 1.5rem;
position: relative;
z-index: 20; }
.hp-banner p {
max-width: 100%;
font-size: 1rem;
margin-right: 12rem;
position: relative;
z-index: 20; }
.hp-banner .hp-banner-img {
width: 15em;
left: auto;
right: 0; }
.l1-top {
height: auto; }
.l1-top .l1-top-text {
position: relative;
height: auto;
width: 100%;
background: transparent; }
.l1-top .l1-top-text:after {
display: none; }
.l1-top .l1-top-text h1 {
height: 5rem;
background-color: #fff;
position: relative;
z-index: 20;
max-width: 50%; }
.l1-top .l1-top-text h1:after {
content: "";
position: absolute;
left: 100%;
top: 0;
height: 5rem;
width: 4rem;
background-image: url(++resource++knowhow.theme.images/triangle60-white.svg);
background-position: 100% 0;
background-size: 3.333em 5em;
background-repeat: no-repeat; }
.l1-top .l1-top-text p {
padding-top: 0.75rem;
margin: 0;
background: #fff; }
.l1-top .l1-top-image {
height: 6rem; }
.l1-top .l1-top-image img {
height: 100%;
width: auto; } }
@media screen and (max-width: 479px) {
.contentList > ul li {
float: none;
width: auto;
margin: 0 0 2em 0; }
h1 {
font-size: 1.75em;
margin: 0 0 1em 0; }
.documentDescription {
font-size: 1.125em; }
.portal-logo a {
background-position: -24.875rem -3rem;
width: 6.125rem;
margin-top: -0.5rem; }
#horizontalnav {
margin: 0; }
#horizontalnav li {
padding: 0;
margin: 0; }
#horizontalnav li a {
padding: 0.5rem 0.75rem; }
.hp-banner {
height: auto; }
.hp-banner .hp-banner-img {
display: block;
position: relative;
background-image: url(++resource++knowhow.theme.images/home.png);
background-position: center bottom;
background-size: contain;
width: auto;
left: 0;
height: 0;
padding: 40% 0 0 0; }
.hp-banner h1 {
font-size: 1.5rem; }
.hp-banner p {
max-width: 100%;
font-size: 1rem; }
.hp-banner .jumbo-search {
max-width: 100%; }
.l1-top {
height: auto;
background: transparent;
overflow: visible; }
.l1-top .l1-top-image {
position: relative;
top: 0;
left: 0;
height: auto;
margin: 0 -1em; }
.l1-top .l1-top-image img {
width: 100%;
height: auto;
display: block; }
.l1-top .l1-top-text {
width: 100%;
position: relative;
height: auto;
padding-top: 1em; }
.l1-top .l1-top-text:after {
display: none; } }
/* */

}