@import url('//cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css');
@import url('//cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css');
@import url('//fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');
@import url(/hc/theming_assets/01HZPEJ89XQGGMHZXW93WQC5YJ);
@font-face {font-family:antea-group-icons;src:url(/hc/theming_assets/01HZPEJ7S7JDHETF6YS8R9TNXT) format("woff2");font-weight:400;font-display:block;}
@font-face {font-family:'Museo Slab';src:url(/hc/theming_assets/01HZPEJ616PGJ6P8TVHN7PBPH8) format("woff2");font-weight:500;font-style:normal;font-display:block}
@font-face {font-family:'Museo Slab Bold';src:url(/hc/theming_assets/01HZPEJ6ZDR1Z4VB7WESPEQCHX) format("woff2");font-weight:700;font-style:normal;font-display:block}

:root {
	--gbi-blue: #006691;
	--gbi-orange: #E87722;
	--gbi-lighter-blue: #62a1bd;
	--gbi-light-blue: #c4dcea;
	--gbi-very-light-blue: #F9FCFF;
	--gbi-dark-blue: #00354b;
	--gbi-light-orange: #febc80;
	--btn-height: 50px;
	--btn-px: 2.5rem;
	--bs-gutter-x: 1.5rem;

	
	--zd-font-size-xs: 10px;
	--zd-font-size-sm: 12px;
	--zd-font-size-md: 14px;
	--zd-font-size-lg: 18px;
	--zd-font-size-xl: 22px;
	--zd-font-size-xxl: 26px;
	--zd-font-size-xxxl: 36px;	
	
	
	--base-font-family : 'Source Sans 3', sans-serif;
	--header-font-family : 'Museo Slab', serif;
	--body-bg : #FFFFFF;
	--text-color : #555;
	--text-color-light : #888;
	--title-color : #000;
	--link-color : var(--gbi-blue);
	--link-color-hover : var(--gbi-blue);
	--border-color : #EEE;
	--accent-color : var(--gbi-orange);
	--accent-color-light : var(--gbi-light-orange);
	--price-color : #00AB2E;
	--button-bg : #fff;
	--button-text : var(--gbi-blue);
	--input-bg: #FFF;
	--footer-button-bg : #FFF;
	--footer-button-text : var(--gbi-blue);	
	--shop-button-bg : #FFCE00;
	--shop-button-bg-hover : #FFAE00;
	--shop-button-text : #000;	
	--facebook : #1877f2;
	--twitter : #1d9bf0;
	--linkedin : #0a66c2;
	--whatsapp : #25d366;
	--mail : #127bd6;
	--border-radius : .25rem;
	--button-border-radius : 99rem;
	--border-color: #dfeff3;
	--header-height : 5rem;
	--footer-text-color: #FFF;
	--footer-link-color: rgba(255,255,255,.9);
	--container-y: 7rem;
	--header-bg: var(--gbi-blue);
	--header-color: #FFF;
}



/***** Base *****/
* {
box-sizing:border-box
}

body {
background-color:var(--body-bg);
color:var(--text-color);
font-family:var(--base-font-family);
font-size:1rem;
line-height:1.5;
-webkit-font-smoothing:antialiased
}

img {max-width: 100%;height: auto;}

body > main {
	padding-bottom:5rem;
}
@media (min-width: 1024px) {
	body > main {
		min-height:65vh;
	}
}

h1,h2,h3,h4,h5,h6 {
font-family:var(--header-font-family);
margin-top:0
}

h1 > *,h2 > *,h3 > *,h4 > *,h5 > *,h6 > * {
	font-weight: 400;
	line-height: 1.5;
}


h1 {color:var(--gbi-blue)}

a {
color:var(--link-color);
text-decoration:none
}

a:visited {
color:var(--link-color)
}

a:hover,a:active,a:focus {
text-decoration:underline;
color:var(--link-color);
}

input,textarea {
color:#000;
font-size:14px
}

input {
max-width:100%;
box-sizing:border-box;
transition:border .12s ease-in-out
}

input:not([type=checkbox]) {
outline:none
}

input:not([type=checkbox]):focus {
border:1px solid var(--border-color)
}

input[disabled] {
background-color:#ddd
}

select {
-webkit-appearance:none;
-moz-appearance:none;
background:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23CCC' d='M0 0h10L5 6 0 0z'/%3E%3C/svg%3E%0A") no-repeat #fff;
background-position:right 10px center;
border:1px solid var(--border-color);
border-radius:4px;
padding:8px 30px 8px 10px;
outline:none;
color:#555;
width:100%
}

select:focus {
border:1px solid var(--border-color)
}

select::-ms-expand {
display:none
}

textarea {
border:1px solid var(--border-color);
border-radius:2px;
resize:vertical;
width:100%;
outline:none;
padding:10px
}

textarea:focus {
border:1px solid var(--border-color)
}

header.page-header,
.my-activities-header {
margin-block:4rem 1rem;
}



.visibility-hidden {
border:0;
clip:rect(0 0 0 0);
-webkit-clip-path:inset(50%);
clip-path:inset(50%);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px;
white-space:nowrap
}

/***** Buttons *****/
button,
input[type="submit"],
input[type="button"],
.button,
.pagination-next-link,
.pagination-prev-link,
.pagination-first-link,
.pagination-last-link,
.subscriptions-subscribe button,
.requests-table-toolbar .organization-subscribe button,
.community-follow button,.article-subscribe button,
.section-subscribe button,
.split-button button {
background-color: var(--button-bg);
border: 1px solid var(--border-color);
border-radius: var(--button-border-radius);
color: var(--button-text);
cursor: pointer;
display: inline-flex;
font-size: 1rem;
line-height: 1.5;
margin:0;
padding: .875em 1.5em;
text-align: center;
align-items: center;
justify-content: center;
gap:.5rem;
transition: .2s;
user-select:none;
white-space:nowrap;
width:100%;
-webkit-touch-callout:none
}

button,
input[type="submit"],
input[type="button"],
.button {
	width:fit-content;
}


@media (min-width: 768px) {
	.button,.pagination-next-link,.pagination-prev-link,.pagination-first-link,.pagination-last-link,.subscriptions-subscribe button,.requests-table-toolbar .organization-subscribe button,.community-follow button,.article-subscribe button,.section-subscribe button,.split-button button {
	width:auto
	}
}

.button:visited,.pagination-next-link:visited,.pagination-prev-link:visited,.pagination-first-link:visited,.pagination-last-link:visited,.subscriptions-subscribe button:visited,.requests-table-toolbar .organization-subscribe button:visited,.community-follow button:visited,.article-subscribe button:visited,.section-subscribe button:visited,.split-button button:visited {

}

.button:hover,.pagination-next-link:hover,.pagination-prev-link:hover,.pagination-first-link:hover,.pagination-last-link:hover,.subscriptions-subscribe button:hover,.requests-table-toolbar .organization-subscribe button:hover,.community-follow button:hover,.article-subscribe button:hover,.section-subscribe button:hover,.split-button button:hover,.button:active,.pagination-next-link:active,.pagination-prev-link:active,.pagination-first-link:active,.pagination-last-link:active,.subscriptions-subscribe button:active,.requests-table-toolbar .organization-subscribe button:active,.community-follow button:active,.article-subscribe button:active,.section-subscribe button:active,.split-button button:active,.button:focus,.pagination-next-link:focus,.pagination-prev-link:focus,.pagination-first-link:focus,.pagination-last-link:focus,.subscriptions-subscribe button:focus,.requests-table-toolbar .organization-subscribe button:focus,.community-follow button:focus,.article-subscribe button:focus,.section-subscribe button:focus,.split-button button:focus,.button.button-primary,.button-primary.pagination-next-link,.button-primary.pagination-prev-link,.button-primary.pagination-first-link,.button-primary.pagination-last-link,.subscriptions-subscribe button.button-primary,.subscriptions-subscribe button[data-selected=true],.requests-table-toolbar .organization-subscribe button.button-primary,.requests-table-toolbar .organization-subscribe button[data-selected=true],.community-follow button.button-primary,.article-subscribe button.button-primary,.article-subscribe button[data-selected=true],.section-subscribe button.button-primary,.section-subscribe button[data-selected=true],.split-button button.button-primary {
background-color: var(--button-bg);
color:var(--button-text);
text-decoration:none;
	filter: drop-shadow(4px 4px 16px rgba(0,0,0,.1));
}

.button.button-primary:hover,.button-primary.pagination-next-link:hover,.button-primary.pagination-prev-link:hover,.button-primary.pagination-first-link:hover,.button-primary.pagination-last-link:hover,.subscriptions-subscribe button.button-primary:hover,.subscriptions-subscribe button[data-selected=true]:hover,.requests-table-toolbar .organization-subscribe button.button-primary:hover,.requests-table-toolbar .organization-subscribe button[data-selected=true]:hover,.community-follow button.button-primary:hover,.article-subscribe button.button-primary:hover,.article-subscribe button[data-selected=true]:hover,.section-subscribe button.button-primary:hover,.section-subscribe button[data-selected=true]:hover,.split-button button:hover,.button.button-primary:focus,.button-primary.pagination-next-link:focus,.button-primary.pagination-prev-link:focus,.button-primary.pagination-first-link:focus,.button-primary.pagination-last-link:focus,.subscriptions-subscribe button.button-primary:focus,.subscriptions-subscribe button[data-selected=true]:focus,.requests-table-toolbar .organization-subscribe button.button-primary:focus,.requests-table-toolbar .organization-subscribe button[data-selected=true]:focus,.community-follow button.button-primary:focus,.article-subscribe button.button-primary:focus,.article-subscribe button[data-selected=true]:focus,.section-subscribe button.button-primary:focus,.section-subscribe button[data-selected=true]:focus,.split-button button.button-primary:focus,.button.button-primary:active,.button-primary.pagination-next-link:active,.button-primary.pagination-prev-link:active,.button-primary.pagination-first-link:active,.button-primary.pagination-last-link:active,.subscriptions-subscribe button.button-primary:active,.subscriptions-subscribe button[data-selected=true]:active,.requests-table-toolbar .organization-subscribe button.button-primary:active,.requests-table-toolbar .organization-subscribe button[data-selected=true]:active,.community-follow button.button-primary:active,.article-subscribe button.button-primary:active,.article-subscribe button[data-selected=true]:active,.section-subscribe button.button-primary:active,.section-subscribe button[data-selected=true]:active,.split-button button.button-primary:active {
background-color: var(--button-bg);
color:var(--button-text);
text-decoration:none;
	filter: drop-shadow(4px 4px 16px rgba(0,0,0,.1));
}

.button[data-disabled],[data-disabled].pagination-next-link,[data-disabled].pagination-prev-link,[data-disabled].pagination-first-link,[data-disabled].pagination-last-link,.subscriptions-subscribe button[data-disabled],.requests-table-toolbar .organization-subscribe button[data-disabled],.community-follow button[data-disabled],.article-subscribe button[data-disabled],.section-subscribe button[data-disabled],.split-button button[data-disabled] {
cursor:default
}

.button-large {
min-width:190px;
width:100%
}


.button-large:visited,input[type=submit]:visited {

}

.button-large:hover,
.button-large:active,
.button-large:focus,
input[type=submit]:hover,
input[type=submit]:active,
input[type=submit]:focus {
	
}

.button-large[disabled],
input[type=submit][disabled] {
background-color:#ddd
}

.button-secondary,
.button-secondary:visited,
.button-secondary:hover,
.button-secondary:focus,
.button-secondary:active {
color: var(--gbi-blue);
border:1px solid var(--gbi-light-blue);
background-color:#FFF
}



/***** Split button *****/
.split-button {
display:flex
}

.split-button button {

}

[dir=rtl] .split-button button:not(:only-child):first-child {
border-left:1px solid var(--border-color);
border-top-left-radius:unset;
border-bottom-left-radius:unset
}

[dir=ltr] .split-button button:not(:only-child):first-child {
border-right:1px solid var(--border-color);
border-top-right-radius:unset;
border-bottom-right-radius:unset
}

.split-button button:not(:only-child):last-child {
display:flex;
justify-content:center;
align-items:center;
width:26px;
min-width:26px;
max-width:26px;
padding:0
}

[dir=rtl] .split-button button:not(:only-child):last-child {
border-top-right-radius:unset;
border-bottom-right-radius:unset
}

[dir=ltr] .split-button button:not(:only-child):last-child {
border-top-left-radius:unset;
border-bottom-left-radius:unset
}

/***** Tables *****/
.table {
width:100%;
table-layout:fixed;
border-collapse:collapse;
border-spacing:0
}

@media (min-width: 768px) {
.table {
table-layout:auto
}
}

.table th,.table th a {
color:lighten(var(--text-color),20%);
font-size:13px;
text-align:left
}

[dir=rtl] .table th,[dir=rtl] .table th a {
text-align:right
}

.table tr {
border-bottom:1px solid #ddd;
display:block;
padding:20px 0
}

@media (min-width: 768px) {
.table tr {
display:table-row
}
}

.table td {
display:block
}

@media (min-width: 768px) {
.table td {
display:table-cell
}
}

@media (min-width: 1024px) {
.table td,.table th {
padding:20px 30px
}
}

@media (min-width: 768px) {
.table td,.table th {
padding:10px 20px;
height:60px
}
}

/***** Forms *****/
.form {
	max-width:650px;
	padding-block:2rem 4rem;
}

.form-field ~ .form-field {
margin-top: 2rem
}

.form-field label {
display:block;
font-size:1rem;
margin-bottom: .25rem;
	font-weight: 700;
}

.form-field input {
border:1px solid var(--border-color);
border-radius: var(--border-radius);
padding:10px;
width:100%
}

.form-field input:focus {
border:1px solid var(--border-color)
}

.form-field input[type=text] {
border:1px solid var(--border-color);
border-radius:4px
}

.form-field input[type=text]:focus {
border:1px solid var(--border-color)
}

.form-field input[type=checkbox] {
width:auto
}

.form-field .nesty-input {
border-radius:4px;
border:1px solid var(--border-color);
height:40px;
line-height:40px;
outline:none;
vertical-align:middle
}

.form-field .nesty-input:focus {
border:1px solid var(--border-color);
text-decoration:none
}

.form-field .hc-multiselect-toggle {
border:1px solid var(--border-color)
}

.form-field .hc-multiselect-toggle:focus {
outline:none;
border:1px solid var(--border-color);
text-decoration:none
}

.form-field textarea {
vertical-align:middle
}

.form-field input[type=checkbox] + label {
margin:0 0 0 10px
}

.form-field .optional {
color:lighten(var(--text-color),20%);
margin-left:4px
}

.form-field p {
color:lighten(var(--text-color),20%);
font-size:12px;
margin:5px 0
}

.form footer {
margin-top:40px;
padding-top:30px
}

.form footer a {
color:lighten(var(--text-color),20%);
cursor:pointer;
margin-right:15px
}

.form .suggestion-list {
font-size:13px;
margin-top:30px
}

.form .suggestion-list label {
border-bottom:1px solid #ddd;
display:block;
padding-bottom:5px
}

.form .suggestion-list li {
padding:10px 0
}

.form .suggestion-list li a:visited {
color:var(--link-color)
}

/***** Header *****/
.header {
border-top:3px solid var(--gbi-orange);
width:100%;
position:relative;
align-items:center;
display:flex;
height:70px;
justify-content:flex-start;
background:var(--gbi-blue);
padding-inline:var(--bs-gutter-x)
}

.logo img {
max-height:60px;
vertical-align:middle
}

.logo span {
margin:0 10px;
color:var(--border-color)
}

.logo a {
display:inline-block
}

.logo a:hover,.logo a:focus,.logo a:active {
text-decoration:none
}

.user-nav[aria-expanded=true] {
background-color:#fff;
box-shadow:0 0 4px 0 #00000026 0 4px 10px 0 #0000001a;
border:solid 1px #ddd;
right:0;
left:0;
top:71px;
z-index:1
}

.user-nav[aria-expanded=true] > a {
display:block;
margin:20px
}

.user-nav[aria-expanded=true] > .user-nav-list li {
display:block
}

.user-nav[aria-expanded=true] > .user-nav-list a {
display:block;
margin:20px
}

.user-nav-list {
display:block;
list-style:none;
margin-bottom:0
}

.user-nav-list > li {
display:inline-block
}

@media (max-width: 768px) {
.nav-wrapper-desktop {
display:none
}
}

@media (min-width: 768px) {
.nav-wrapper-desktop {
display:none
}
}

@media (min-width: 992px) {
.nav-wrapper-desktop {
margin-left:var(--bs-gutter-x);
display:flex;
height:100%;
width:100%;
align-items:center
}

.user-nav-list {
display:flex;
height:100%;
align-items:center
}

.nav-wrapper-desktop .user-info {
margin-left:auto
}
}

.nav-wrapper-desktop .user-nav-list a,.user-info > button {
border:0;
color:#FFF;
padding:1rem;
font-family:var(--header-font-family);
position:relative
}

.nav-wrapper-desktop .user-nav-list a:hover,.nav-wrapper-desktop .user-nav-list a:focus,.nav-wrapper-desktop .user-nav-list a:active {
background-color:transparent;
color:#FFF;
text-decoration:none
}

.nav-wrapper-desktop .user-nav-list a::after {
position:absolute;
display:block;
height:3px;
background-color:var(--header-accent,var(--accent-color,#DDD));
width:0;
left:50%;
bottom:0;
transform:translateX(-50%);
content:"";
transition:.2s
}

.nav-wrapper-desktop .user-nav-list a:hover::after,.nav-wrapper-desktop .user-nav-list a:focus::after,.nav-wrapper-desktop .user-nav-list a:active::after {
width:calc(100% - 2rem)
}

@media (min-width: 1024px) {
.nav-wrapper-mobile {
display:none
}
}

.nav-wrapper-mobile .menu-button-mobile {
background:none;
border:0;
width:auto;
min-width:71px;
cursor:pointer
}

.nav-wrapper-mobile .menu-button-mobile .icon-menu {
padding:7px;
vertical-align:middle;
width:30px;
height:30px;
border-radius:50%
}

.nav-wrapper-mobile .menu-button-mobile[aria-expanded=true] .icon-menu {
background:#f3f3f3
}

.nav-wrapper-mobile .menu-list-mobile {
position:absolute;
background-color:#fff;
box-shadow:0 10px 10px 0 #00000026;
border-top:solid 1px #ddd;
border-bottom:solid 1px #ddd;
right:0;
left:0;
top:71px;
z-index:2
}

.nav-wrapper-mobile .menu-list-mobile[aria-expanded=false] {
display:none
}

.nav-wrapper-mobile .menu-list-mobile[aria-expanded=true] {
display:block
}

.nav-wrapper-mobile .menu-list-mobile-items .item {
margin:4px 0
}

.nav-wrapper-mobile .menu-list-mobile-items li:empty:not(.nav-divider) {
display:none
}

.nav-wrapper-mobile .menu-list-mobile-items .nav-divider {
border-bottom:.1px solid #ddd;
padding:0
}

.nav-wrapper-mobile .menu-list-mobile-items .nav-divider:last-child {
display:none
}

.nav-wrapper-mobile .menu-list-mobile-items button {
background:none;
border:none;
padding:8px 24px;
width:100%;
height:100%;
color:var(--text-color);
cursor:pointer;
text-align:start
}

.nav-wrapper-mobile .menu-list-mobile-items button:active,.nav-wrapper-mobile .menu-list-mobile-items button:focus,.nav-wrapper-mobile .menu-list-mobile-items button:hover {
background-color:#f3f3f3;
text-decoration:underline
}

.nav-wrapper-mobile .menu-list-mobile-items a {
display:block;
padding:8px 24px;
width:100%;
height:100%;
color:var(--text-color)
}

.nav-wrapper-mobile .menu-list-mobile-items a:active,.nav-wrapper-mobile .menu-list-mobile-items a:focus,.nav-wrapper-mobile .menu-list-mobile-items a:hover {
background-color:#f3f3f3
}

.nav-wrapper-mobile .menu-list-mobile-items .my-profile {
display:flex;
line-height:1.5
}

.nav-wrapper-mobile .menu-list-mobile-items .my-profile .my-profile-tooltip {
font-size:12px;
color:#68737D
}

.nav-wrapper-mobile .menu-list-mobile-items .menu-profile-avatar {
height:20px;
width:20px;
border-radius:50%;
display:inline-block;
margin-right:8px;
margin-top:1px
}

[dir=rtl] .nav-wrapper-mobile .menu-list-mobile-items .menu-profile-avatar {
margin-right:0;
margin-left:8px
}

.skip-navigation {
align-items:center;
background-color:#000;
color:#fff;
display:flex;
font-size:14px;
justify-content:center;
left:-999px;
margin:20px;
padding:20px;
overflow:hidden;
position:absolute;
top:auto;
z-index:-999
}

[dir=rtl] .skip-navigation {
left:initial;
right:-999px
}

.skip-navigation:focus,.skip-navigation:active {
left:auto;
overflow:auto;
text-align:center;
text-decoration:none;
top:auto;
z-index:999
}

[dir=rtl] .skip-navigation:focus,[dir=rtl] .skip-navigation:active {
left:initial;
right:auto
}

#zd-modal-container ~ .skip-navigation {
display:none
}

/***** User info in header *****/
.user-info {
display:inline-block
}

.dropdown-toggle::after {
display:none
}

.user-info > button {
border:0;
min-width:0;
padding:0;
white-space:nowrap;
color:#FFF
}

.user-info > button:hover,.user-info > button:focus {
color:#FFF;
background-color:transparent
}

.user-info > button::after {
color:#FFF;
padding-right:15px
}

[dir=rtl] .user-info > button::after {
padding-left:15px;
padding-right:0
}

#user #user-name {
display:none;
font-size:14px
}

@media (min-width: 768px) {
#user #user-name {
display:inline-block
}
}

#user #user-name:hover {
text-decoration:underline
}

/***** User avatar *****/
.user-avatar {
height:25px;
width:25px;
border-radius:50%;
display:inline-block;
vertical-align:middle;
margin-right:.5rem
}

.avatar {
display:inline-block;
position:relative
}

.avatar img {
height:40px;
width:40px
}

.avatar .icon-agent {
color:var(--border-color);
border:2px solid #fff;
border-radius:50%;
bottom:-4px;
background-color:var(--border-color);
font-size:17px;
height:17px;
line-height:17px;
position:absolute;
right:-2px;
text-align:center;
width:17px
}

/***** Footer *****/
.site-footer {
background:var(--gbi-blue);
padding:3rem 0;
color: var(--footer-text-color);
}


.site-footer {background:var(--gbi-blue);padding:3rem 0;}
.site-footer h3 {color:var(--footer-text-color);font-size:1.1rem;}
.site-footer .footer-widgets,
.site-footer .site-info {padding-top:3rem;padding-bottom:3rem;}
.site-footer .site-info .row {align-items:center;}
.site-footer .footer-widgets {border-bottom:1px solid hsla(0,0%,100%,.2);}
.site-footer a.antealogo {display:block;width:100px;}

.site-footer a {
color:var(--footer-link-color, var(--link-color));
}


.site-footer ul.menu {list-style: none;margin-left:0;padding-left: 0;}

.footer-language-selector button {
color:lighten(var(--text-color),20%);
display:inline-block
}



/***** Breadcrumbs *****/
.breadcrumbs {
margin:15px 0;
padding:0;
display:flex
}

@media (min-width: 768px) {
.breadcrumbs {
margin:0
}
}

.breadcrumbs li {
color:lighten(var(--text-color),20%);
font-size:13px;
max-width:450px;
overflow:hidden;
text-overflow:ellipsis
}

.breadcrumbs li + li::before {
content:">";
margin:0 4px
}

.breadcrumbs li a:visited {
color:var(--link-color)
}

/***** Search field *****/
.search-container {
position:relative
}

.search {
border-color: var(--border-color);
border-radius:.25rem;
border-style:solid;
border-width:1px;
display:flex;
position:relative;
transition:border .12s ease-in-out
}

.search:focus-within {
border-color:var(--border-color)
}

.search input[type=search],.search .clear-button {
background-color:#fff;
border-radius:.25rem;
border:none;
	width:3rem;
}

.search-full input[type=search],.search-full .clear-button {
border-color:#fff
}

.search input[type=search] {
appearance:none;
-webkit-appearance:none;
box-sizing:border-box;
color:#666;
flex:1 1 auto;
height:40px;
width:100%
}

.search input[type=search]:focus {
color:#555
}

.search input[type=search]::-webkit-search-decoration,.search input[type=search]::-webkit-search-cancel-button,.search input[type=search]::-webkit-search-results-button,.search input[type=search]::-webkit-search-results-decoration {
-webkit-appearance:none
}

.search input[type=search]:-webkit-autofill,.search input[type=search]:-webkit-autofill:hover,.search input[type=search]:-webkit-autofill:focus {
-webkit-box-shadow:0 0 0 1000px #fff inset
}

.search .clear-button {
align-items:center;
box-sizing:border-box;
color:#777;
cursor:pointer;
display:none;
flex:none;
justify-content:center;
padding:0 15px
}

.search .clear-button:hover {
background-color:var(--gbi-light-blue);
color:#fff
}

.search .clear-button:focus {
outline:0;
}

.search-has-value .clear-button {
display:flex
}

[dir=ltr] .search input[type=search] {
padding-left:40px;
padding-right:20px
}

[dir=ltr] .search-has-value input[type=search] {
border-bottom-right-radius:0;
border-top-right-radius:0;
border-right-color:transparent
}

[dir=ltr] .search-has-value input[type=search]:focus {
border-right-color:var(--border-color)
}

[dir=ltr] .search .clear-button {
border-bottom-left-radius:0;
border-top-left-radius:0;
border-left-color:transparent
}



[dir=rtl] .search input[type=search] {
padding-left:20px;
padding-right:40px
}

[dir=rtl] .search-has-value input[type=search] {
border-bottom-left-radius:0;
border-top-left-radius:0;
border-left-color:transparent
}

[dir=rtl] .search-has-value input[type=search]:focus {
border-left-color:var(--border-color)
}

[dir=rtl] .search .clear-button {
border-bottom-right-radius:0;
border-top-right-radius:0;
border-right-color:transparent
}

[dir=rtl] .search .clear-button:focus {
border-right-color:var(--border-color)
}

.search-icon {
position:relative;
top:50%;
transform:translateY(-50%);
position:absolute;
left:15px;
z-index:1;
width:18px;
height:18px;
color:#777;
pointer-events:none
}

[dir=rtl] .search-icon {
left:auto;
right:15px
}

/***** Hero component *****/
.hero {
background-image:#000;
background-position:center;
background-size:cover;
height:300px;
padding:0 20px;
text-align:center;
width:100%
}

.hero-inner {
position:relative;
top:50%;
transform:translateY(-50%);
max-width:610px;
margin:0 auto
}

.page-header {
display:flex;
flex-direction:column;
flex-wrap:wrap;
justify-content:space-between;
margin:10px 0
}
/********/


.home-hero {padding-top:2rem;margin-bottom:2rem;}
.home-hero .row {position: relative;margin-inline:0;}
.home-hero .post-thumbnail,
.home-hero img {aspect-ratio: 3 / 1;object-fit: cover;border-radius: 0 0 3rem 0;inline-size:100%;padding-inline:0;overflow: hidden;}
.home-hero .hero-inner {position: absolute;top:auto;bottom:1rem;left:2rem;padding:1rem;transform: none;max-width:100%;}
.home-hero .hero-inner h1,
.home-hero .hero-inner h2 {width:100%;max-width:610px;}
.home-hero .hero-inner h1 {color:#FFF;0 1px 0 rgba(0,0,0,.1);font-size:1.75rem;}
.home-hero .hero-inner h2 {font-size:1.5rem;color: rgba(255,255,255,.8);text-shadow: 0 1px 0 rgba(0,0,0,.1);}
.home-hero .post-thumbnail::after {position: absolute;inset: 0;content: "";background-image: linear-gradient(rgba(0, 0, 0, 0) 50%, rgb(0, 0, 0, .8) 100%);border-radius: 0 0 3rem 0;}
	
.home-hero .search-box {position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);padding:3rem;}
.home-hero .search-container {border-radius:calc(var(--border-radius) * 2);box-shadow:0 0 2rem rgba(0,0,0,.2);overflow: hidden;}

	
.page-header h1 {
color:var(--gbi-blue)
}



.page-header .section-subscribe {
flex-shrink:0;
margin-bottom:10px
}

@media (min-width: 768px) {
.page-header .section-subscribe {
margin-bottom:0
}
}

.page-header h1 {
flex-grow:1;
margin-bottom:10px
}

.page-header-description {
margin:0 0 2rem;
font-size: 1.375rem;
color: var(--gbi-blue);
line-height: 1.7;
font-weight: 700;
}

@media (min-width: 1024px) {
.page-header-description {
flex-basis:100%
}
}

.page-header .icon-lock {
height:20px;
width:20px;
position:relative;
left:-5px;
vertical-align:baseline
}

.sub-nav {
align-items:baseline;
display:flex;
flex-direction:column;
flex-wrap:wrap;
gap:15px 30px;
justify-content:space-between;
margin-bottom:55px
}

@media (min-width: 768px) {
.sub-nav {
flex-direction:row;
	padding-block:1rem;
	border-bottom:1px solid var(--border-color);
}
}

.sub-nav .search-container {
	flex:0 1 300px;
	max-width:300px;
	width:100%
}



.sub-nav li:not(:last-child) {font-weight: 700;}


@media (max-width: 991px) {
	.sub-nav .search-container {
		flex:0 1 100%;
		max-width:100%;
	}
}


.sub-nav input[type=search]::after {
font-size:15px
}

/***** Blocks *****/
/* Used in Homepage#categories and Community#topics */
.blocks-list {
display:flex;
flex-wrap:wrap;
justify-content:flex-start;
list-style:none;
padding:0
}

@media (min-width: 768px) {
.blocks-list {
margin:0 -15px
}
}

.blocks-item {
border:1px solid var(--border-color);
border-radius:4px;
box-sizing:border-box;
color:var(--border-color);
display:flex;
flex:1 0 340px;
margin:0 0 30px;
max-width:100%;
text-align:center
}

@media (min-width: 768px) {
.blocks-item {
margin:0 15px 30px
}
}

.blocks-item:hover,.blocks-item:focus,.blocks-item:active {
background-color:var(--border-color)
}

.blocks-item:hover *,.blocks-item:focus *,.blocks-item:active * {
color:var(--border-color);
text-decoration:none
}

.blocks-item-internal {
background-color:transparent;
border:1px solid #ddd
}

.blocks-item-internal .icon-lock {
height:15px;
width:15px;
bottom:5px;
position:relative
}

.blocks-item-internal a {
color:var(--text-color)
}

.blocks-item-link {
	color: var(--text-color);
	padding:2rem;
	display:flex;
	flex-direction:column;
	height: 100%;
	text-decoration:none !important;
	background: var(--gbi-very-light-blue);
	border: 1px solid var(--gbi-light-blue);
  margin-bottom: 1rem;
}

.extra-links .blocks-item-link {
	border:1px solid var(--gbi-light-blue);
	background:#FFF;
}

.blocks-item-link .icon {
	color:var(--gbi-orange);font-size: 1.25rem;margin-bottom:1rem;
}
.categories .blocks-item-link:hover .icon {
  color: #FFF;
}

.blocks-item-link .button {
  width: fit-content;
  margin-top: auto;
}

.blocks-item-link:hover {
	box-shadow:0 0 2rem rgba(0,0,0,.1)
}


.categories .blocks-item-link:hover {
	background: var(--gbi-blue);
	color:#FFF;
}

.categories  .blocks-item-link .blocks-item-title {
	font-size:1.25rem;
}
.categories  .blocks-item-link:hover .blocks-item-title {
	color: rgba(255,255,255,.8)
}

.blocks-item-link:visited,.blocks-item-link:hover,.blocks-item-link:active {
color:inherit;
text-decoration:none
}


.section.extra-links {padding-block:5rem;}


.blocks-item-title {
margin-bottom:0;
font-size:1.125rem;
	color:var(--gbi-blue)
}

.blocks-item-description {
margin:0
}

.blocks-item-description:not(:empty) {
margin-top:10px
}

/***** Homepage *****/
.section {
margin-bottom:40px
}

@media (min-width: 768px) {
.section {
margin-bottom:5rem
}
}

.home-section h2 {
margin-bottom:10px;
text-align:center
}

/***** Promoted articles *****/
.promoted-articles {
display:flex;
flex-direction:column;
flex-wrap:wrap
}

@media (min-width: 1024px) {
.promoted-articles {
flex-direction:row
}
}

.promoted-articles-item {
flex:1 0 auto
}

@media (min-width: 1024px) {
.promoted-articles-item {
align-self:flex-end;
flex:0 0 auto;
padding-right:30px;
width:33%
/* Three columns on desktop */
}

[dir=rtl] .promoted-articles-item {
padding:0 0 0 30px
}
}

.promoted-articles-item:nth-child(3n) {
padding-right:0
}

.promoted-articles-item a {
display:block;
border-bottom:1px solid #ddd;
padding:15px 0
}

.promoted-articles-item .icon-lock {
vertical-align:baseline
}

.promoted-articles-item:last-child a {
border:0
}

@media (min-width: 1024px) {
.promoted-articles-item:last-child a {
border-bottom:1px solid #ddd
}
}

/***** Community section in homepage *****/
.community {
text-align:center
}

.community-image {
min-height:300px;
margin-top:32px;
background-image:url(/hc/theming_assets/01HZPEJE94G5SER60677SY8TZ4);
background-position:center;
background-repeat:no-repeat;
max-width:100%
}

.community a {
color:var(--link-color);
text-decoration:underline
}

.community a:visited {
color:var(--link-color)
}

.community a:hover,.community a:active,.community a:focus {
color:rgba(0, 102, 145, 1)
}

.community,.activity {
border-top:1px solid #ddd;
padding:30px 0
}

/***** Recent activity *****/
.recent-activity-header {
margin-bottom:10px;
text-align:center
}

.recent-activity-list {
padding:0
}

.recent-activity-item {
border-bottom:1px solid #ddd;
overflow:auto;
padding:20px 0
}

.recent-activity-item h3 {
margin:0
}

.recent-activity-item-parent {
font-size:16px;
font-weight:600
}

.recent-activity-item-parent,.recent-activity-item-link {
margin:6px 0;
display:inline-block;
width:100%
}

@media (min-width: 768px) {
.recent-activity-item-parent,.recent-activity-item-link {
width:70%;
margin:0
}
}

.recent-activity-item-link {
font-size:14px;
overflow:hidden;
text-overflow:ellipsis
}

.recent-activity-item-meta {
color:var(--text-color);
margin:15px 0 0;
float:none
}

@media (min-width: 768px) {
.recent-activity-item-meta {
margin:0;
float:right
}

[dir=rtl] .recent-activity-item-meta {
float:left
}
}

.recent-activity-item-time,.recent-activity-item-comment {
display:inline-block;
font-size:13px
}

.recent-activity-item-comment {
padding-left:5px
}

[dir=rtl] .recent-activity-item-comment {
padding:0 5px 0 0
}

.recent-activity-item-comment::before {
display:inline-block
}

.recent-activity-controls {
padding-top:15px
}

.recent-activity-controls a {
color:var(--link-color);
text-decoration:underline
}

.recent-activity-controls a:visited {
color:var(--link-color)
}

.recent-activity-controls a:hover,.recent-activity-controls a:active,.recent-activity-controls a:focus {
color:rgba(0, 102, 145, 1)
}

.recent-activity-accessibility-label {
border:0;
clip:rect(0 0 0 0);
-webkit-clip-path:inset(50%);
clip-path:inset(50%);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px;
white-space:nowrap
}

.recent-activity-comment-icon svg {
vertical-align:middle;
color:var(--border-color);
width:16px;
height:16px
}

.recent-activity-comment-icon:after {
content:attr(data-comment-count);
margin-left:3px
}

[dir=rtl] .recent-activity-comment-icon:after {
margin-left:0;
margin-right:3px
}

/***** Category pages *****/
.category-container {
display:flex;
justify-content:flex-start
}

.category-content {
flex:1;
	width: 100%;

}



.section-tree {
display:flex;
flex-direction:column;
flex-wrap:wrap;
justify-content:space-between
}

@media (min-width: 768px) {
.section-tree {
flex-direction:row
}
}

.section-tree .section {
flex:initial;
max-width:100%
}

@media (min-width: 768px) {
.section-tree .section {
flex:0 0 calc(50% - 2rem)
/* Two columns for tablet and desktop. Leaving 5% separation between columns */
}
}

.section-tree-title {
margin-bottom:.25rem;
font-size:1.25rem;
font-weight:400
}

.section-tree-title a {
color:var(--gbi-orange)
}

.section-tree .see-all-articles {
display:block;
padding:15px 0
}

ul.article-list {margin:1rem 0 2rem;padding: 0;list-style: none;border-top:1px solid var(--border-color);}
ul.article-list li {border-bottom:1px solid var(--border-color);position: relative;}


.article-list-item a::before {
	position: absolute;
	font-family: antea-group-icons !important;
	content: "\E91B";
	left: -2rem;
	top: 1.25rem;
	color: var(--gbi-blue);
	font-size: .9375rem
}

.article-list-item a {
	color:var(--text-color);
	transition: .2s;
	font-size:1.125rem;
	position: relative;
	padding: 1rem 2rem 1rem 0;
	display: block;
}

.article-list-item a:hover {
	transform: translateX(1rem);
	color:var(--gbi-blue)
}

.article-list-item svg {position: absolute;right:1.25rem;top:1.375rem;}

.icon-star {
color:var(--border-color);
font-size:18px
}

/***** Section pages *****/
.section-container {
display:flex;
justify-content:flex-end
}

.section-content {
flex:1;
max-width:100%
}


.section-list {
margin:40px 0
}

.section-list-item {
border-bottom:1px solid #ddd;
font-size:16px;
padding:15px 0
}

.section-list-item:first-child {
border-top:1px solid #ddd
}

.section-list-item a {
align-items:center;
color:var(--text-color);
display:flex;
justify-content:space-between
}

.see-all-sections-trigger {
cursor:pointer;
display:block;
padding:15px;
text-align:center
}

.see-all-sections-trigger[aria-hidden=true] {
display:none
}

/***** Article *****/
.article {
/*
  * The article grid is defined this way to optimize readability:
  * Sidebar | Content | Free space
  * 17%     | 66%     | 17%
  */
flex:1 0 auto
}

@media (min-width: 1024px) {
.article {
flex:1 0 66%;
max-width:66%;
min-width:640px;
padding:0 30px
}
}

.article-container {
display:flex;
flex-direction:column
}

@media (min-width: 1024px) {
.article-container {
flex-direction:row
}
}

.article-header {
/*align-items:flex-start;
display:flex;
flex-direction:column;
flex-wrap:wrap;
justify-content:space-between;*/
font-size:1.5rem;
}
/*
@media (min-width: 768px) {
.article-header {
flex-direction:row;
margin-top:0
}
}
*/
.article-avatar {
margin-right:10px
}

.article-author {
margin-bottom:10px
}

.article-title {
overflow:hidden;
text-overflow:ellipsis;
max-width:100%;
	font-size:1.5rem;
}

@media (min-width: 768px) {
.article-title {
flex-basis:100%
/* Take entire row */
}
}

.article-title .icon-lock {
position:relative;
left:-5px;
vertical-align:baseline
}

.article [role=button] {
flex-shrink:0;
/*Avoid collapsing elements in Safari (https://github.com/philipwalton/flexbugs#1-minimum-content-sizing-of-flex-items-not-honored)*/
width:100%
}

@media (min-width: 768px) {
.article [role=button] {
width:auto
}
}

.article-info {
max-width:100%
}

.article-meta {
display:inline-block;
vertical-align:middle
}

.article-body {
display:flow-root
}

.article-body h1 {font-size:1.5rem;}
.article-body h2 {font-size:1.375rem;}
.article-body h3 {font-size:1.25rem;}
.article-body h4 {font-size:1.125rem;}
.article-body h5,
.article-body h6 {font-size:1.0625rem;}


.article-body a:not(.button) {
color:var(--link-color);
text-decoration:underline
}

.article-body a:visited {
color:var(--link-color)
}

.article-body a:hover,.article-body a:active,.article-body a:focus {
color:rgba(0, 102, 145, 1)
}

.article-body img {
height:auto;
max-width:100%
}

.article-body p > img.image-style-align-left {
float:left;
margin:8px 20px 6px 0
}

.article-body p > img.image-style-align-right {
float:right;
margin:8px 0 6px 20px
}

.article-body p > img.image-style-block-align-right {
margin-left:auto;
margin-right:0
}

.article-body p > img.image-style-block-align-left {
margin-left:0;
margin-right:auto
}

.article-body figure.image {
display:table;
margin:0 auto
}

.article-body figure.image > img {
display:block;
width:100%
}

.article-body figure.image.image-style-align-left {
float:left;
margin:8px 20px 6px 0
}

.article-body figure.image.image-style-align-right {
float:right;
margin:8px 0 6px 20px
}

.article-body figure.image.image-style-block-align-right {
margin-left:auto;
margin-right:0
}

.article-body figure.image.image-style-block-align-left {
margin-left:0;
margin-right:auto
}

.article-body figcaption {
padding:10px 0;
font-size:12px;
text-align:center;
background-color:darken(var(--body-bg),5%)
}

.article-body ul,.article-body ol {
padding-left:20px;
list-style-position:outside;
margin:20px 0 20px 20px
}

[dir=rtl] .article-body ul,[dir=rtl] .article-body ol {
padding-right:20px;
padding-left:0;
margin-left:0;
margin-right:20px
}

.article-body ul > ul,.article-body ol > ol,.article-body ol > ul,.article-body ul > ol,.article-body li > ul,.article-body li > ol {
margin:0
}

.article-body ul {
list-style-type:disc
}

.article-body :not(pre) > code {
background:darken(var(--body-bg),3%);
border:1px solid #ddd;
border-radius:3px;
padding:0 5px;
margin:0 2px
}

.article-body pre {
background:darken(var(--body-bg),3%);
border:1px solid #ddd;
border-radius:3px;
padding:10px 15px;
overflow:auto;
white-space:pre
}

.article-body blockquote {
border-left:1px solid #ddd;
color:lighten(var(--text-color),20%);
font-style:italic;
padding:0 15px
}

.article-body > p:last-child {
margin-bottom:0
}

.article-content {
line-height:1.6;
word-wrap:break-word;
	margin-bottom:4rem;
}

.article-footer {
align-items:center;
display:flex;
justify-content:space-between;
padding-bottom:20px
}

.article-comment-count {
color:lighten(var(--text-color),20%)
}

.article-comment-count:hover {
text-decoration:none
}

.article-comment-count-icon {
vertical-align:middle;
color:var(--border-color);
width:18px;
height:18px
}

.article-sidebar {
border-bottom:1px solid var(--border-color);
border-top:1px solid var(--border-color);
flex:1 0 auto;
margin-bottom:20px;
padding:0
}



.article-sidebar ul {list-style: none;margin: 0;padding: 0;}


@media (min-width: 1024px) {
.article-sidebar {
border:0;
flex:0 0 17%;
height:auto;
max-width:17%
}
}

.article-relatives {
border-top:1px solid var(--border-color);
display:flex;
flex-direction:column;
padding:5rem 0;
margin-bottom:4rem;
}

.article-relatives ul {list-style: none;margin: 0;padding: 0;margin-bottom:5rem;}


@media (min-width: 768px) {
.article-relatives {
flex-direction:row
}
}

.article-relatives > * {
flex:1 0 50%;
min-width:50%;
overflow-wrap:break-word;
margin-right:0
}

.article-relatives > :last-child {
padding:0
}

@media (min-width: 768px) {
.article-relatives > * {
padding-right:20px
}
}

.article-votes {
border-top:1px solid var(--border-color);
padding:30px 0;
text-align:center
}

.article-votes-question {
font-size:15px;
font-weight:400;
margin-bottom:0
}

.article-vote {
margin:10px 5px;
min-width:90px;
width:auto
}

.article-vote.article-vote-up {color:#32DE8A;border-color:#32DE8A;}
.article-vote.article-vote-down {color:#DC5860;border-color:#DC5860;}


.article-more-questions {
margin:10px 0 20px;
text-align:center
}

.article-more-questions a {
color:var(--link-color);
text-decoration:underline
}

.article-more-questions a:visited {
color:var(--link-color)
}

.article-more-questions a:hover,.article-more-questions a:active,.article-more-questions a:focus {
color:rgba(0, 102, 145, 1)
}

.article-return-to-top {
border-top:1px solid var(--border-color)
}

@media (min-width: 1024px) {
.article-return-to-top {
display:none
}
}

.article-return-to-top a {
color:var(--text-color);
display:block;
padding:20px 0
}

.article-return-to-top a:hover,.article-return-to-top a:focus {
text-decoration:none
}

.article-return-to-top-icon {
transform:rotate(0.5turn)
}

.article td > p:first-child,.article th > p:first-child {
margin-top:0
}

.article td > p:last-child,.article th > p:last-child {
margin-bottom:0
}

.sidenav-title {
font-family:var(--header-font-family);
font-size:1.125rem;
position:relative;
color: var(--gbi-orange);
	margin-bottom:1rem;
	
}

.sidenav-item {
display:block;
margin-top:10px;
margin-bottom:16px;
overflow:hidden;
text-overflow:ellipsis
}

.recent-articles li,.related-articles li {
margin-bottom:15px
}

/***** Attachments *****/
/* Styles attachments inside posts, articles and comments */
ul.attachments {list-style: none;margin-left:0;padding-left:0;}

.attachments .attachment-item {
padding-left:20px;
position:relative;
margin-bottom:10px
}

.attachments .attachment-item:last-child {
margin-bottom:0
}

.attachments .attachment-item .attachment-icon {
color:var(--text-color);
left:0;
position:absolute;
top:5px
}

[dir=rtl] .attachments .attachment-item {
padding-left:0;
padding-right:20px
}

[dir=rtl] .attachments .attachment-item .attachment-icon {
left:auto;
right:0
}

.upload-dropzone span {
color:lighten(var(--text-color),20%)
}

/***** Social share links *****/
.share {
padding:0;
white-space:nowrap
}

.share li,.share a {
display:inline-block
}

.share li {
height:25px;
width:25px
}

.share a {
color:lighten(var(--text-color),20%)
}

.share a:hover {
text-decoration:none;
color:var(--border-color)
}

.share a svg {
height:18px;
width:18px;
display:block
}

/***** Comments *****/
/* Styles comments inside articles, posts and requests */
.comment {
border-bottom:1px solid var(--border-color);
padding:20px 0
}

.comment-heading,.recent-articles-title,.related-articles-title {
margin-bottom:2rem;
margin-top:0;
font-size:1.125rem;

}

.comment-overview {
border-bottom:1px solid var(--border-color);
border-top:1px solid var(--border-color);
padding:20px 0
}

.comment-overview p {
margin-top:0
}

.comment-callout {
color:lighten(var(--text-color),20%);
display:inline-block;
font-size:13px;
margin-bottom:0
}

.comment-callout a {
color:var(--link-color);
text-decoration:underline
}

.comment-callout a:visited {
color:var(--link-color)
}

.comment-callout a:hover,.comment-callout a:active,.comment-callout a:focus {
color:rgba(0, 102, 145, 1)
}

.comment-sorter {
display:inline-block;
float:right
}

.comment-sorter .dropdown-toggle {
color:lighten(var(--text-color),20%);
font-size:13px
}

[dir=rtl] .comment-sorter {
float:left
}

.comment-wrapper {
display:flex;
position:relative
}

.comment-wrapper.comment-official {
border:1px solid var(--border-color);
padding:40px 20px 20px
}

@media (min-width: 768px) {
.comment-wrapper.comment-official {
padding-top:20px
}
}

.comment-info {
min-width:0;
padding-right:20px;
width:100%
}

[dir=rtl] .comment-info {
padding-right:0;
padding-left:20px
}

.comment-author {
align-items:flex-end;
display:flex;
flex-wrap:wrap;
margin-bottom:20px
}

@media (min-width: 768px) {
.comment-author {
justify-content:space-between
}
}

.comment-avatar {
margin-right:10px
}

[dir=rtl] .comment-avatar {
margin-left:10px;
margin-right:0
}

.comment-meta {
flex:1 1 auto
}

.comment-labels {
flex-basis:100%
}

@media (min-width: 768px) {
.comment-labels {
flex-basis:auto
}
}

.comment .status-label:not(.status-label-official) {
margin-top:10px
}

@media (min-width: 768px) {
.comment .status-label:not(.status-label-official) {
margin-top:0
}
}

.comment-form {
display:flex;
padding-top:30px;
word-wrap:break-word
}

.comment-container {
width:100%
}

.comment-form-controls {
display:none;
margin-top:10px;
text-align:left
}

@media (min-width: 768px) {
[dir=ltr] .comment-form-controls {
text-align:right
}
}

.comment-form-controls input[type=submit] {
margin-top:15px
}

@media (min-width: 1024px) {
.comment-form-controls input[type=submit] {
margin-left:15px
}

[dir=rtl] .comment-form-controls input[type=submit] {
margin-left:0;
margin-right:15px
}
}

.comment-form-controls input[type=checkbox] {
margin-right:5px
}

.comment-form-controls input[type=checkbox] [dir=rtl] {
margin-left:5px
}

.comment-ccs {
display:none
}

.comment-ccs + textarea {
margin-top:10px
}

.comment-attachments {
margin-top:10px
}

.comment-attachments a {
color:var(--border-color)
}

.comment-body {
-moz-hyphens:auto;
-ms-hyphens:auto;
-webkit-hyphens:auto;
word-break:break-word;
word-wrap:break-word;
display:flow-root;
font-family:var(--base-font-family);
line-height:1.6;
overflow-x:auto
}

.comment-body a {
color:var(--link-color);
text-decoration:underline
}

.comment-body a:visited {
color:var(--link-color)
}

.comment-body a:hover,.comment-body a:active,.comment-body a:focus {
color:rgba(0, 102, 145, 1)
}

.comment-body img {
height:auto;
max-width:100%
}

.comment-body p > img.image-style-align-left {
float:left;
margin:8px 20px 6px 0
}

.comment-body p > img.image-style-align-right {
float:right;
margin:8px 0 6px 20px
}

.comment-body p > img.image-style-block-align-right {
margin-left:auto;
margin-right:0
}

.comment-body p > img.image-style-block-align-left {
margin-left:0;
margin-right:auto
}

.comment-body figure.image {
display:table;
margin:0 auto
}

.comment-body figure.image > img {
display:block;
width:100%
}

.comment-body figure.image.image-style-align-left {
float:left;
margin:8px 20px 6px 0
}

.comment-body figure.image.image-style-align-right {
float:right;
margin:8px 0 6px 20px
}

.comment-body figure.image.image-style-block-align-right {
margin-left:auto;
margin-right:0
}

.comment-body figure.image.image-style-block-align-left {
margin-left:0;
margin-right:auto
}

.comment-body figcaption {
padding:10px 0;
font-size:12px;
text-align:center;
background-color:darken(var(--body-bg),5%)
}

.comment-body ul,.comment-body ol {
padding-left:20px;
list-style-position:outside;
margin:20px 0 20px 20px
}

[dir=rtl] .comment-body ul,[dir=rtl] .comment-body ol {
padding-right:20px;
padding-left:0;
margin-left:0;
margin-right:20px
}

.comment-body ul > ul,.comment-body ol > ol,.comment-body ol > ul,.comment-body ul > ol,.comment-body li > ul,.comment-body li > ol {
margin:0
}

.comment-body ul {
list-style-type:disc
}

.comment-body :not(pre) > code {
background:darken(var(--body-bg),3%);
border:1px solid var(--border-color);
border-radius:3px;
padding:0 5px;
margin:0 2px
}

.comment-body pre {
background:darken(var(--body-bg),3%);
border:1px solid var(--border-color);
border-radius:3px;
padding:10px 15px;
overflow:auto;
white-space:pre
}

.comment-body blockquote {
border-left:1px solid var(--border-color);
color:lighten(var(--text-color),20%);
font-style:italic;
padding:0 15px
}

.comment-mark-as-solved {
display:inline-block
}

/***** Vote *****/
/* Used in article comments, post comments and post */
.vote {
display:flex;
flex-direction:column;
text-align:center
}

.vote a:active,.vote a:hover,.vote a:focus {
text-decoration:none
}

.vote-sum {
color:lighten(var(--text-color),20%);
display:block;
margin:3px 0
}

[dir=rtl] .vote-sum {
direction:ltr;
unicode-bidi:bidi-override
}

.vote-up svg {
transform:scale(1,-1)
}

.vote-up:hover,.vote-down:hover {
color:var(--border-color)
}

.vote-up,.vote-down {
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
background-color:transparent;
border:none;
color:lighten(var(--text-color),20%);
cursor:pointer;
min-height:35px;
min-width:35px;
display:flex;
align-items:center;
justify-content:center
}

.vote-voted {
color:var(--border-color)
}

.vote-voted:hover {
color:darken(var(--border-color),20%)
}

/***** Actions *****/
/* Styles admin and en user actions(edit, delete, change status) in comments and posts */
.actions {
text-align:center;
flex-shrink:0
/*Avoid collapsing elements in Safari*/
}

.actions button {
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
background-color:transparent;
border:none;
cursor:pointer;
min-height:35px;
min-width:35px;
display:flex;
align-items:center;
justify-content:center
}

/***** Community *****/
.community-hero {
background: var(--gbi-light-blue);
margin-bottom:10px
}

.community-footer {
padding-top:50px;
text-align:center
}

.community-footer-title {
font-size:16px;
margin-bottom:20px
}

.community-featured-posts .title {
font-size:18px;
font-weight:600
}

.community-featured-posts,.community-activity {
padding-top:40px;
width:100%
}

.community-header {
margin-bottom:30px
}

.community-header .title {
margin-bottom:0;
font-size:16px
}

.post-to-community {
margin-top:10px
}

@media (min-width: 768px) {
.post-to-community {
margin:0
}
}

/* Community topics grid */
.topics {
max-width:none;
width:100%
}

.topics-item .meta-group {
justify-content:center;
margin-top:20px
}

/* Community topic page */
.topic-header {
border-bottom:1px solid var(--border-color);
font-size:13px
}

@media (min-width: 768px) {
.topic-header {
padding-bottom:10px
}
}

.topic-header .dropdown {
display:block;
border-top:1px solid var(--border-color);
padding:10px 0
}

@media (min-width: 768px) {
.topic-header .dropdown {
border-top:0;
display:inline-block;
margin-right:20px;
padding:0
}
}

.no-posts-with-filter {
margin-top:20px;
margin-bottom:20px
}

/* Topic, post and user follow button */
.community-follow {
margin-bottom:10px;
width:100%
}

@media (min-width: 768px) {
.community-follow {
margin-bottom:0;
width:auto
}
}

.community-follow button {
line-height:30px;
padding:0 10px 0 15px;
position:relative;
width:100%
}

@media (min-width: 768px) {
.community-follow button {
width:auto
}
}

.community-follow button:hover {
background-color:var(--border-color)
}

.community-follow button:hover::after,.community-follow button:focus::after {
border-color:var(--border-color);
color:var(--text-color)
}

.community-follow button[data-selected=true] {
background-color:var(--border-color);
color:var(--text-color)
}

.community-follow button[data-selected=true]::after {
border-left:1px solid var(--border-color);
color:var(--text-color)
}

.community-follow button[data-selected=true]:hover {
background-color:darken(var(--border-color),20%);
border-color:darken(var(--border-color),20%)
}

.community-follow button::after {
border-left:1px solid var(--border-color);
content:attr(data-follower-count);
color:var(--border-color);
display:inline-block;
font-family:var(--header-font-family);
margin-left:15px;
padding-left:10px;
position:absolute;
right:10px
}

@media (min-width: 768px) {
.community-follow button::after {
position:static
}
}

[dir=rtl] .community-follow button::after {
border-left:0;
border-right:1px solid var(--border-color);
margin:0 10px 0 0;
padding:0 10px 0 0
}

/***** Striped list *****/
/* Used in community posts list and requests list */
.striped-list {
padding:0
}

.striped-list-item {
align-items:flex-start;
border-bottom:1px solid var(--border-color);
display:flex;
flex-direction:column;
justify-content:flex-end;
padding:20px 0
}

@media (min-width: 768px) {
.striped-list-item {
align-items:center;
flex-direction:row
}
}

.striped-list-info {
flex:2
}

.striped-list-title {
color:var(--link-color);
margin-bottom:10px;
margin-right:5px
}

.striped-list-title:hover,.striped-list-title:focus,.striped-list-title:active {
text-decoration:underline
}

.striped-list-title:visited {
color:var(--link-color)
}

.striped-list .meta-group {
margin:5px 0
}

.striped-list-count {
color:lighten(var(--text-color),20%);
font-size:13px;
justify-content:flex-start;
text-transform:capitalize
}

@media (min-width: 768px) {
.striped-list-count {
display:flex;
flex:1;
justify-content:space-around
}
}

.striped-list-count-item::after {
content:"·";
display:inline-block;
padding:0 5px
}

@media (min-width: 768px) {
.striped-list-count-item::after {
display:none
}
}

.striped-list-count-item:last-child::after {
display:none
}

.striped-list-number {
text-align:center
}

@media (min-width: 768px) {
.striped-list-number {
color:var(--text-color);
display:block
}
}

/***** Status labels *****/
/* Styles labels used in posts, articles and requests */
.status-label {
background-color:#038153;
border-radius:4px;
color:#fff;
font-size:12px;
font-weight:600;
margin-right:2px;
padding:3px 10px;
vertical-align:middle;
white-space:nowrap;
display:inline-block
}

.status-label:hover,.status-label:active,.status-label:focus {
text-decoration:none
}

.status-label-pinned,.status-label-featured,.status-label-official {
background-color:var(--border-color)
}

.status-label-official {
border-radius:0;
margin-right:0;
position:absolute;
right:0;
text-align:center;
top:0;
width:100%
}

@media (min-width: 768px) {
.status-label-official {
border-radius:0 0 4px 4px;
right:30px;
width:auto
}
}

[dir=rtl] .status-label-official {
left:30px;
right:auto
}

.status-label-not-planned,.status-label-closed {
background-color:#e9ebed;
color:lighten(var(--text-color),20%)
}

.status-label-pending,.status-label-pending-moderation {
background-color:#1f73b7;
text-align:center
}

.status-label-open {
background-color:#c72a1c
}

.status-label-solved {
background-color:#68737d
}

.status-label-new {
background-color:#ffb648;
color:#703b15
}

.status-label-hold {
background-color:#000
}

.status-label-request {
max-width:100%;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}

@media (max-width: 768px) {
.status-label-request {
max-width:150px
}
}

/***** Post *****/
/*
* The post grid is defined this way:
* Content | Sidebar
* 70%     | 30%
*/
.post {
flex:1;
margin-bottom:10px
}

@media (min-width: 1024px) {
.post {
flex:1 0 70%;
max-width:70%
}
}

.post-container {
display:flex;
flex-direction:column
}

@media (min-width: 1024px) {
.post-container {
flex-direction:row
}
}

.post-header {
align-items:center;
display:flex;
flex-direction:column;
justify-content:space-between;
margin-bottom:10px
}

@media (min-width: 768px) {
.post-header {
align-items:baseline;
flex-direction:row
}
}

.post-header .status-label {
vertical-align:super
}

.post-title {
margin-bottom:20px;
width:100%
}

@media (min-width: 768px) {
.post-title {
margin-bottom:0;
padding-right:10px
}
}

.post-title h1 {
display:inline;
vertical-align:middle
}

@media (min-width: 768px) {
.post-title h1 {
margin-right:5px
}
}

.post-author {
align-items:flex-start;
display:flex;
justify-content:space-between
}

.post-avatar {
margin-bottom:30px
}

.post-content {
font-family:var(--base-font-family);
line-height:1.6;
word-break:break-word
}

.post-info-container {
display:flex;
margin-bottom:40px
}

.post-info {
min-width:0;
padding-right:20px;
width:100%
}

[dir=rtl] .post-info {
padding-right:0;
padding-left:20px
}

.post-meta {
display:inline-block;
flex:1;
margin-left:10px;
vertical-align:middle
}

[dir=rtl] .post-meta {
margin-left:0;
margin-right:10px
}

.post-body {
display:flow-root
}

.post-body a {
color:var(--link-color);
text-decoration:underline
}

.post-body a:visited {
color:var(--link-color)
}

.post-body a:hover,.post-body a:active,.post-body a:focus {
color:rgba(0, 102, 145, 1)
}

.post-body img {
height:auto;
max-width:100%
}

.post-body p > img.image-style-align-left {
float:left;
margin:8px 20px 6px 0
}

.post-body p > img.image-style-align-right {
float:right;
margin:8px 0 6px 20px
}

.post-body p > img.image-style-block-align-right {
margin-left:auto;
margin-right:0
}

.post-body p > img.image-style-block-align-left {
margin-left:0;
margin-right:auto
}

.post-body figure.image {
display:table;
margin:0 auto
}

.post-body figure.image > img {
display:block;
width:100%
}

.post-body figure.image.image-style-align-left {
float:left;
margin:8px 20px 6px 0
}

.post-body figure.image.image-style-align-right {
float:right;
margin:8px 0 6px 20px
}

.post-body figure.image.image-style-block-align-right {
margin-left:auto;
margin-right:0
}

.post-body figure.image.image-style-block-align-left {
margin-left:0;
margin-right:auto
}

.post-body figcaption {
padding:10px 0;
font-size:12px;
text-align:center;
background-color:darken(var(--body-bg),5%)
}

.post-body ul,.post-body ol {
padding-left:20px;
list-style-position:outside;
margin:20px 0 20px 20px
}

[dir=rtl] .post-body ul,[dir=rtl] .post-body ol {
padding-right:20px;
padding-left:0;
margin-left:0;
margin-right:20px
}

.post-body ul > ul,.post-body ol > ol,.post-body ol > ul,.post-body ul > ol,.post-body li > ul,.post-body li > ol {
margin:0
}

.post-body ul {
list-style-type:disc
}

.post-body :not(pre) > code {
background:darken(var(--body-bg),3%);
border:1px solid var(--border-color);
border-radius:3px;
padding:0 5px;
margin:0 2px
}

.post-body pre {
background:darken(var(--body-bg),3%);
border:1px solid var(--border-color);
border-radius:3px;
padding:10px 15px;
overflow:auto;
white-space:pre
}

.post-body blockquote {
border-left:1px solid var(--border-color);
color:lighten(var(--text-color),20%);
font-style:italic;
padding:0 15px
}

.post-footer {
align-items:center;
display:flex;
justify-content:space-between;
padding-bottom:20px
}

.post-comment-count {
color:lighten(var(--text-color),20%)
}

.post-comment-count:hover {
text-decoration:none
}

.post-comment-count .icon-comments {
color:var(--border-color);
display:inline-block;
width:18px;
height:18px;
margin:5px;
vertical-align:middle
}

.post-sidebar {
border-top:1px solid var(--border-color);
flex:1;
padding:30px 0;
text-align:center
}

@media (min-width: 1024px) {
.post-sidebar {
border:0;
flex:1 0 30%;
padding:0 0 0 50px;
text-align:initial
}

[dir=rtl] .post-sidebar {
padding:0 50px 0 0
}
}

.post-sidebar-title {
font-size:18px;
font-weight:600
}

.post-comments {
margin-bottom:20px
}

@media (min-width: 1024px) {
.post-comments {
margin-bottom:0
}
}

/***** Community Badges *****/
/* Styles labels used next to the authors of article comments, community posts, and community comments */
.community-badge-title {
background-color:#04444d;
border-radius:4px;
color:#fff;
font-size:12px;
font-weight:600;
padding:0 8px;
vertical-align:top;
white-space:nowrap;
display:inline-block;
line-height:18px;
vertical-align:middle
}

.community-badge-titles {
display:inline
}

.community-badge-achievement {
display:block;
height:16px;
white-space:nowrap;
width:16px
}

.community-badge-achievement img {
width:100%;
height:100%
}

.community-badge-achievements {
display:flex
}

.community-badge-achievements-rest {
font-size:12px;
font-weight:600;
line-height:20px;
text-align:center;
vertical-align:top
}

.community-badge {
margin:2px
}

.profile-info .community-badge-title {
padding:2px 8px;
line-height:20px
}

.profile-info .community-badge-achievement {
height:40px;
width:40px
}

.profile-info .community-badge-achievements-rest {
line-height:40px;
font-size:20px
}

/* Navigation element that collapses on mobile */
.collapsible-nav {
flex-direction:column;
font-size:14px;
position:relative
}

@media (min-width: 768px) {
.collapsible-nav {
flex-direction:row
}
}

.collapsible-nav-border {
border-bottom:1px solid var(--gbi-light-blue);
border-top:1px solid var(--gbi-light-blue)
}

@media (min-width: 768px) {
.collapsible-nav-border {
border-top:0
}
}

.collapsible-nav-toggle {
top:22.5px;
transform:translateY(-50%);
position:absolute;
right:0;
padding:0;
border:0;
background:none;
width:25px;
height:25px;
border-radius:50%
}

@media (min-width: 768px) {
.collapsible-nav-toggle {
display:none
}
}

[dir=rtl] .collapsible-nav-toggle {
left:0;
right:auto
}

.collapsible-nav-toggle-icon {
display:none
}

.collapsible-nav-toggle[aria-expanded=false] .chevron-icon {
display:inline-block
}

.collapsible-nav-toggle[aria-expanded=true] .x-icon {
display:inline-block
}

.collapsible-nav-toggle:focus {
outline:none;
border:1px solid var(--border-color)
}

.collapsible-nav-list {
display:flex;
flex-direction:column;
margin-bottom:0;
padding-left:0
}

@media (min-width: 768px) {
.collapsible-nav-list {
flex-direction:row
}
}

.collapsible-nav-list li {
color:var(--text-color);
line-height:2rem;
order:1;
border-bottom:4px solid transparent;
transition:border .2s
}

@media (min-width: 768px) {
.collapsible-nav-list li {
line-height:normal;
margin-right:2rem
}

[dir=rtl] .collapsible-nav-list li {
margin-left:2rem;
margin-right:0
}

.collapsible-nav-list li a {
text-decoration:none;
padding:1rem 0
}
}

.collapsible-nav-list li a {
color:var(--text-color);
display:block
}

@media (min-width: 768px) {
.collapsible-nav-list li:hover {
border-bottom:4px solid var(--gbi-blue)
}

.collapsible-nav-list li:hover a:not([aria-current=page]) {
text-decoration:none
}
}

.collapsible-nav-list li:not([aria-selected=true]),.collapsible-nav-list li:not(.current) {
display:none
}

@media (min-width: 768px) {
.collapsible-nav-list li:not([aria-selected=true]),.collapsible-nav-list li:not(.current) {
display:block
}

.collapsible-nav-list li[aria-selected=true] {
padding:15px 0 11px
}
}

.collapsible-nav-list li[aria-selected=true],.collapsible-nav-list li.current {
order:0;
position:relative
}

@media (min-width: 768px) {
.collapsible-nav-list li[aria-selected=true],.collapsible-nav-list li.current {
border-bottom:4px solid var(--gbi-light-blue);
order:1
}
}

.collapsible-nav-list li[aria-selected=true] a,.collapsible-nav-list li.current a {
color:var(--text-color)
}

.collapsible-nav[aria-expanded=true] li:not([aria-selected=true]),.collapsible-nav[aria-expanded=true] li:not(.current) {
display:block
}

/* Sidebar navigation that collapses on mobile */
.collapsible-sidebar {
flex:1;
max-height:45px;
overflow:hidden;
padding:10px 0;
position:relative
}

@media (min-width: 1024px) {
.collapsible-sidebar {
max-height:none;
padding:0
}
}

.collapsible-sidebar-title {
margin-top:0
}

.collapsible-sidebar-toggle {
position:absolute;
top:22.5px;
transform:translateY(-50%);
right:0;
padding:0;
border:0;
background:none;
width:25px;
height:25px;
border-radius:50%
}

@media (min-width: 1024px) {
.collapsible-sidebar-toggle {
display:none
}
}

[dir=rtl] .collapsible-sidebar-toggle {
left:0;
right:auto
}

.collapsible-sidebar-toggle-icon {
display:none
}

.collapsible-sidebar-toggle[aria-expanded=false] .chevron-icon {
display:inline-block
}

.collapsible-sidebar-toggle[aria-expanded=true] .x-icon {
display:inline-block
}

.collapsible-sidebar-toggle:focus {
outline:none;
border:1px solid var(--border-color)
}

.collapsible-sidebar-body {
display:none
}

@media (min-width: 1024px) {
.collapsible-sidebar-body {
display:block
}
}

.collapsible-sidebar[aria-expanded=true] {
max-height:none
}

.collapsible-sidebar[aria-expanded=true] .collapsible-sidebar-body {
display:block
}

/***** My activities *****/
.my-activities-nav {
background-color:var(--gbi-very-light-blue);
margin-bottom:20px
}

.my-activities-nav .container {
padding-block:.5rem
}

.my-activities-sub-nav {
margin-bottom:30px
}

.my-activities-table .striped-list-title {
/* My activities tables */
display:block;
margin-bottom:10px;
max-width:350px;
white-space:normal
}

@media (min-width: 1024px) {
.my-activities-table .striped-list-title {
margin-bottom:0;
max-width:500px;
min-width:350px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
}

.my-activities-table thead {
display:none
}

@media (min-width: 768px) {
.my-activities-table thead {
display:table-header-group
}
}

.my-activities-table th:first-child,.my-activities-table td:first-child {
padding-left:0
}

@media (min-width: 1024px) {
.my-activities-table th:first-child,.my-activities-table td:first-child {
width:500px
}
}

.my-activities-table th:last-child,.my-activities-table td:last-child {
padding-right:0
}

.my-activities-table td:not(:first-child) {
display:none
}

@media (min-width: 768px) {
.my-activities-table td:not(:first-child) {
display:table-cell
}
}

/* Requests table */
.requests-search {
width:100%
}

.requests-table-toolbar {
align-items:flex-end;
display:flex;
flex-direction:column;
	margin-bottom: 4rem;
}

@media (min-width: 768px) {
.requests-table-toolbar {
flex-direction:row
}
}

.requests-table-toolbar .search {
flex:1;
width:100%
}

.requests-table-toolbar .request-table-filter {
width:100%
}

@media (min-width: 768px) {
.requests-table-toolbar .request-table-filter {
width:auto
}
}

.requests-table-toolbar .request-filter {
display:block
}

@media (min-width: 768px) {
.requests-table-toolbar .request-filter {
margin:0 0 0 30px
}

[dir=rtl] .requests-table-toolbar .request-filter {
margin:0 30px 0 0
}
}

.requests-table-toolbar .request-filter-label {
font-size:13px;
margin-top:30px
}

@media (min-width: 768px) {
.requests-table-toolbar .request-filter-label {
margin-top:0
}
}

.requests-table-toolbar select {
max-height:40px;
margin-bottom:30px;
width:100%
}

@media (min-width: 768px) {
.requests-table-toolbar select {
margin-bottom:0;
max-width:300px;
width:auto
}

.requests-table-toolbar .organization-subscribe {
margin-left:10px
}

[dir=rtl] .requests-table-toolbar .organization-subscribe {
margin:0 10px 0 0
}
}

.requests-table-toolbar .organization-subscribe button {
line-height:40px;
max-height:40px;
padding:0 20px
}

.requests-table-toolbar + .requests-search-info {
margin-top:15px
}

.requests-table-toolbar + .requests-search-info.meta-data::after {
content:"";
margin:0
}

.requests-table-toolbar + .requests-search-info + .requests {
margin-top:20px
}

.requests-table-toolbar + .requests {
margin-top:40px
}

.requests .requests-table-meta {
display:block
}

@media (min-width: 768px) {
.requests .requests-table-meta {
display:none
}
}

.requests .requests-table thead {
display:none
}

@media (min-width: 768px) {
.requests .requests-table thead {
display:table-header-group
}
}

.requests .requests-table-info {
display:block
}

@media (min-width: 768px) {
.requests .requests-table-info {
display:table-cell;
vertical-align:middle;
width:auto
}
}

.requests .requests-table .requests-link {
position:relative
}

.requests .requests-table .requests-sort-symbol {
position:absolute;
left:calc(100% + 3px);
bottom:0;
font-size:10px
}

/* Following table */
@media (min-width: 768px) {
.subscriptions-subscribe button {
width:auto
}
}

.subscriptions-table td:last-child {
display:block
}

@media (min-width: 768px) {
.subscriptions-table td:last-child {
display:table-cell
}
}

.subscriptions-table td:first-child {
display:flex;
align-items:center
}

.subscriptions-table .user-avatar {
margin-right:10px
}

.subscriptions .striped-list-title {
display:inline-block;
vertical-align:middle
}

/* Contributions table */
.contributions-table td:last-child {
color:lighten(var(--text-color),20%);
font-size:13px
}

@media (min-width: 768px) {
.contributions-table td:last-child {
color:inherit;
font-size:inherit;
font-weight:inherit
}
}

.no-activities {
color:lighten(var(--text-color),20%)
}

/***** Request *****/
.request-container {
display:flex;
flex-direction:column;
flex-wrap:wrap;
justify-content:space-between
}

@media (min-width: 1024px) {
.request-container {
align-items:flex-start;
flex-direction:row
}
}

.request-container .comment-container {
min-width:0
}

.request-breadcrumbs {
margin-bottom:40px
}

@media (min-width: 1024px) {
.request-breadcrumbs {
margin-bottom:60px
}
}

.request-main {
flex:1 0 auto;
order:1
}

.request-main .comment-fields,.request-main .request-submit-comment {
display:none
}

.request-main .comment-fields.shown {
display:block
}

.request-main .request-submit-comment.shown {
display:inline
}

@media (min-width: 1024px) {
.request-main {
flex:0 0 66%;
order:0;
min-width:0
}
}

.request-main .comment-form-controls {
display:block
}

.request-main .comment-ccs {
display:block
}

.request-main .comment-show-container {
border-radius:2px;
border:1px solid var(--border-color);
color:lighten(var(--text-color),20%);
text-align:inherit;
padding:8px 25px;
width:100%
}

.request-main .comment-show-container.hidden {
display:none
}

.request-main .form-field.comment-ccs > ul {
border-bottom-left-radius:0;
border-bottom-right-radius:0;
border-bottom:0
}

.request-main .form-field.comment-ccs > ul[data-hc-focus=true] {
border:1px solid var(--border-color)
}

.request-main .form-field.comment-ccs > input[type=text] {
border-bottom-left-radius:0;
border-bottom-right-radius:0;
border-bottom:0
}

.request-main .comment-ccs + textarea {
border-top-left-radius:0;
border-top-right-radius:0;
margin-top:0
}

.request-main .comment-ccs + textarea:focus {
border-top:1px solid var(--border-color)
}

.request-main input#mark_as_solved {
display:none
}

.request-title {
width:100%
}

@media (min-width: 1024px) {
.request-title {
border-bottom:1px solid var(--border-color);
margin-bottom:0;
max-width:66%;
padding-bottom:20px
}
}

.request-sidebar {
border-bottom:1px solid var(--border-color);
border-top:1px solid var(--border-color);
flex:1 0 auto;
order:0
}

@media (min-width: 1024px) {
.request-sidebar {
background-color:darken(var(--body-bg),3%);
border:0;
font-size:13px;
flex:0 0 auto;
padding:0 20px;
width:30%
}
}

.request-sidebar h2 {
font-size:15px;
font-weight:600;
position:relative
}

@media (min-width: 1024px) {
.request-sidebar h2 {
display:none
}
}

.request-details {
border-bottom:1px solid var(--border-color);
font-size:0;
margin:0;
padding-bottom:20px
}

.request-details:last-child {
border:0
}

.request-details dt,.request-details dd {
display:inline-block;
vertical-align:top;
font-size:13px;
margin:20px 0 0
}

.request-details dd {
padding:0 10px;
width:60%
}

.request-details dd::after {
content:"\a";
white-space:pre
}

.request-details dt {
color:lighten(var(--text-color),20%);
width:40%
}

.request-details .request-collaborators {
display:inline-block
}

.request-attachments dt,.request-attachments dd {
width:100%
}

.request-attachments dd {
margin:10px 0 0
}

.request-form textarea {
min-height:120px
}

.request-follow-up {
padding-top:20px
}

/***** Pagination *****/
.pagination {
margin:20px 0;
text-align:center
}

@media screen and (min-width:992px) {
	.pagination {margin-left:calc(25% - 2rem)}
}



.pagination-next,.pagination-prev,.pagination-first,.pagination-last {
display:inline-block
}



.pagination-first-text,.pagination-last-text {
border:0;
clip:rect(0 0 0 0);
-webkit-clip-path:inset(50%);
clip-path:inset(50%);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px;
white-space:nowrap
}

.pagination-next-link {
padding-right:10px
}

.pagination-next-text {
margin-right:10px
}

[dir=rtl] .pagination-next-link {
padding-left:10px
}

[dir=rtl] .pagination-next-text {
margin-left:10px
}

.pagination-prev-link {
padding-left:10px
}

.pagination-prev-text {
margin-left:10px
}

[dir=rtl] .pagination-prev-link {
padding-right:10px
}

[dir=rtl] .pagination-prev-text {
margin-right:10px
}

/***** Metadata *****/
.meta-group {
display:block
}

.meta-group-opposite {
float:right
}

[dir=rtl] .meta-group-opposite {
float:left
}

.meta-group * {
display:inline
}

.meta-data {
color:lighten(var(--text-color),20%);
font-size:13px
}

.meta-data:not(:last-child)::after {
content:"·";
margin:0 5px
}

/* User Profiles */
.profile-header {background:var(--gbi-very-light-blue);padding-block:3rem;}



.profile-header .container {
display:flex;
flex-wrap:wrap
}

@media (min-width: 768px) {
.profile-header .container {
flex-wrap:nowrap
}
}

.profile-header .profile-info {
flex-basis:100%;
display:flex;
flex-wrap:wrap;
min-width:0
}

.profile-avatar {
position:relative;
line-height:0;
align-self:center;
margin-right:10px
}

[dir=rtl] .profile-avatar {
margin-left:10px;
margin-right:0
}

.profile-avatar .user-avatar {
width:80px;
height:80px
}

.profile-avatar .icon-agent {
bottom:0;
right:0
}

.profile-header .basic-info {
-moz-hyphens:auto;
-ms-hyphens:auto;
-webkit-hyphens:auto;
word-break:break-word;
word-wrap:break-word;
display:flex;
flex-direction:column;
justify-content:center;
flex-grow:1;
flex-basis:0;
min-width:0
}

.profile-header .basic-info .name {
margin:0;
line-height:25px;
vertical-align:middle;
display:inline
}

.profile-header .options {
display:flex;
flex-basis:100%;
margin-top:12px;
align-items:flex-start;
flex-wrap:wrap
}

@media (min-width: 768px) {
.profile-header .options {
flex-wrap:nowrap;
flex-basis:auto;
margin-top:0;
margin-left:10px
}

[dir=rtl] .profile-header .options {
margin-left:0;
margin-right:10px
}

.profile-header .options > :not(:last-child) {
margin-bottom:0;
margin-right:10px
}

[dir=rtl] .profile-header .options > :not(:last-child) {
margin-left:10px;
margin-right:0
}
}

.user-profile-actions {
width:100%;
margin-bottom:15px
}

.profile-header .description {
-moz-hyphens:auto;
-ms-hyphens:auto;
-webkit-hyphens:auto;
word-break:break-word;
word-wrap:break-word;
margin:15px 0;
flex-basis:100%
}

.profile-stats {
font-size:13px;
display:flex;
flex-direction:column;
flex-basis:100%
}

.profile-stats .stat {
display:flex;
margin-bottom:10px
}

.profile-stats .stat-label {
color:lighten(var(--text-color),20%);
flex:0 0 100px;
margin-right:10px
}

[dir=rtl] .profile-stats .stat-label {
margin-left:10px;
margin-right:0
}

.profile-stats-activity {
border-top:solid 1px var(--border-color);
margin-top:15px
}

@media (min-width: 768px) {
.profile-stats-activity {
border-top:0;
flex-direction:row
}

.profile-stats-activity .stat {
flex-direction:column
}
}

.profile-stats-activity .stat:first-child {
margin-top:10px
}

@media (min-width: 768px) {
.profile-stats-activity .stat:first-child {
margin-top:0
}

.profile-stats-activity .stat:not(:last-child) {
margin-right:40px
}

[dir=rtl] .profile-stats-activity .stat:not(:last-child) {
margin-left:40px;
margin-right:0
}

.profile-stats-activity .stat-label {
flex:0 1 auto
}
}

.profile-stats-counters {
border-bottom:solid 1px var(--border-color)
}

@media (min-width: 768px) {
.profile-stats-counters {
flex:0 0 200px;
border-bottom:0;
margin-left:40px
}

[dir=rtl] .profile-stats-counters {
margin-left:0;
margin-right:40px
}
}

@media (min-width: 1024px) {
.profile-stats-counters {
flex:0 0 270px;
margin-left:60px
}

[dir=rtl] .profile-stats-counters {
margin-right:60px;
margin-left:0
}
}

@media (min-width: 768px) {
.profile-stats-counters .stat {
flex-direction:column
}
}

@media (min-width: 1024px) {
.profile-stats-counters .stat {
flex-direction:row
}
}

@media (min-width: 768px) {
.profile-stats-counters .stat:not(:last-child) {
margin-bottom:15px
}

.profile-stats-counters .stat-label {
flex:0 1 auto
}
}

@media (min-width: 1024px) {
.profile-stats-counters .stat-label {
flex:0 0 100px
}
}

.profile-private-badge {
flex-basis:100%;
border:solid 1px var(--border-color);
border-radius:4px;
color:var(--border-color);
padding:5px 20px;
font-size:12px;
text-align:center
}

.profile-private-badge .profile-private-icon {
margin-left:5px;
line-height:15px
}

@media (min-width: 768px) {
.profile-private-badge {
flex-basis:auto
}
}

.profile-nav {
border-bottom:1px solid var(--gbi-light-blue);
margin-bottom:2rem;
padding-top:5px;
}



.profile-section {
width:100%
}

@media (min-width: 1024px) {
.profile-section {
width:calc(100% - 330px)
}
}

.profile-section-header {
display:flex;
flex-wrap:wrap
}

.profile-section-title {
flex-basis:100%;
margin-bottom:0
}

.profile-section-description {
flex-basis:100%;
padding:10px 0;
color:lighten(var(--text-color),20%);
font-size:13px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}

@media (min-width: 768px) {
.profile-section-description {
flex:1 0 50%;
padding-bottom:0
}
}

.profile-section-sorter {
flex-basis:100%;
border-top:solid 1px #eee;
font-size:13px
}

.profile-section-sorter .dropdown-toggle {
padding:10px 0;
width:100%
}

.profile-section-sorter .dropdown-toggle::after {
position:absolute;
right:0;
	display: none;
}

[dir=rtl] .profile-section-sorter .dropdown-toggle::after {
left:0;
right:initial
}

@media (min-width: 768px) {
.profile-section-sorter .dropdown-toggle::after {
position:relative
}

.profile-section-sorter {
flex:0 1 auto;
padding-top:0;
border-top:0;
margin-left:20px
}

[dir=rtl] .profile-section-sorter {
margin-left:0;
margin-right:20px
}
}

.profile-badges-items {
margin-top:25px
}

.profile-badges-item {
border-top:1px solid var(--border-color);
display:flex;
flex:1;
flex-direction:row;
justify-content:flex-start;
padding:27px 12px
}

.profile-badges-item > div {
padding-right:12px;
padding-left:12px
}

.profile-badges-item-image {
height:40px;
width:40px;
margin-right:12px
}

.profile-badges-item-image img {
max-height:40px
}

[dir=rtl] .profile-badges-item-image {
margin-left:12px;
margin-right:0
}

.profile-badges-item-title,.profile-badges-item-metadata-title {
font-size:15px;
margin-bottom:10px
}

.profile-badges-item-title {
font-weight:600
}

.profile-badges-item-description,.profile-badges-item-metadata-description {
color:lighten(var(--text-color),20%);
font-size:13px;
margin:0
}

.profile-badges-item-metadata {
margin-left:auto;
text-align:right
}

[dir=rtl] .profile-badges-item-metadata {
margin-left:0;
margin-right:auto;
text-align:left
}

.profile-contribution {
-moz-hyphens:auto;
-ms-hyphens:auto;
-webkit-hyphens:auto;
word-break:break-word;
word-wrap:break-word;
padding:20px 0;
position:relative
}

.profile-contribution-header {
margin-bottom:5px
}

.profile-contribution-title {
margin:0 0 5px;
display:inline;
line-height:21px;
font-size:15px;
vertical-align:middle
}

.profile-contribution-body {
margin:10px 0
}

.profile-contribution-list > .profile-contribution {
border-top:1px solid #eee
}

@media (min-width: 768px) {
.profile-contribution-list > .profile-contribution {
padding-left:30px
}

[dir=rtl] .profile-contribution-list > .profile-contribution {
padding-right:30px;
padding-left:0
}
}

.profile-contribution-list > .profile-contribution:last-child {
border-bottom:1px solid #eee
}

.profile-contribution-icon {
left:0;
position:absolute;
color:#ccc;
line-height:25px
}

[dir=rtl] .profile-contribution-icon {
right:0
}

.profile-contribution-icon svg {
vertical-align:middle
}

.profile-contribution-list .profile-contribution-header {
margin-left:30px
}

[dir=rtl] .profile-contribution-list .profile-contribution-header {
padding-right:30px;
padding-left:0
}

@media (min-width: 768px) {
.profile-contribution-list .profile-contribution-header {
margin-left:0
}

[dir=rtl] .profile-contribution-list .profile-contribution-header {
padding-right:0
}
}

.profile-comments .profile-contribution-breadcrumbs {
margin-left:30px
}

[dir=rtl] .profile-comments .profile-contribution-breadcrumbs {
padding-right:30px;
padding-left:0
}

@media (min-width: 768px) {
.profile-comments .profile-contribution-breadcrumbs {
margin-left:0
}

[dir=rtl] .profile-comments .profile-contribution-breadcrumbs {
padding-right:0
}
}

.profile-section .no-activity,.profile-section .private-activity {
display:block;
margin-top:40px;
color:#999
}

.private-activity-icon {
margin-right:10px
}

[dir=rtl] .private-activity-icon {
margin-right:0;
margin-left:10px
}

.profile-activity-list {
margin-top:25px
}

.profile-activity {
position:relative;
padding-bottom:30px
}

@media (min-width: 768px) {
.profile-activity {
padding-left:20px
}

[dir=rtl] .profile-activity {
padding-right:20px;
padding-left:0
}

.profile-activity:not(:last-child) {
border-left:1px solid var(--border-color)
}

[dir=rtl] .profile-activity:not(:last-child) {
border-left:0;
border-right:1px solid var(--border-color)
}
}

.profile-activity-header {
display:flex;
align-items:center;
margin-left:35px
}

[dir=rtl] .profile-activity-header {
margin-left:0;
margin-right:35px
}

@media (min-width: 768px) {
.profile-activity-header {
margin-left:0
}

[dir=rtl] .profile-activity-header {
margin-right:0
}
}

.profile-activity-header .user-avatar {
width:40px;
height:40px;
margin-right:10px;
min-width:40px;
align-self:flex-start
}

[dir=rtl] .profile-activity-header .user-avatar {
margin-left:10px;
margin-right:0
}

.profile-activity-description {
-moz-hyphens:auto;
-ms-hyphens:auto;
-webkit-hyphens:auto;
word-break:break-word;
word-wrap:break-word;
margin:0;
min-width:0;
width:100%
}

.profile-activity-description span:first-child {
font-weight:600;
display:inline
}

.profile-activity-contribution {
padding:20px;
margin-top:10px;
border-radius:8px;
background-color:darken(var(--body-bg),3%)
}

@media (min-width: 768px) {
.profile-activity-contribution {
margin-top:0;
margin-left:50px
}

[dir=rtl] .profile-activity-contribution {
margin-left:0;
margin-right:50px
}
}

.profile-activity-icon {
position:absolute;
left:0;
width:28px;
height:28px;
border-radius:50%;
background-size:14px 14px;
background-repeat:no-repeat;
background-color:var(--body-bg);
background-position:50% 50%;
text-align:center;
color:#ccc
}

[dir=rtl] .profile-activity-icon {
right:0
}

@media (min-width: 768px) {
.profile-activity-icon {
left:-14px
}

[dir=rtl] .profile-activity-icon {
right:-14px
}
}

.profile-activity-icon svg {
position:relative;
top:50%;
transform:translateY(-50%);
width:1em;
height:1em;
margin:auto
}

/***** Search results *****/
.search-results {
display:flex;
flex-direction:column;
flex-wrap:wrap;
justify-content:space-between
}

@media (min-width: 1024px) {
.search-results {
flex-direction:row
}
}

.search-results-column {
flex:1
}

@media (min-width: 1024px) {
.search-results-column {
flex:0 0 75%
}
}

.search-results-sidebar {
border-top:1px solid var(--border-color);
flex:1 0 auto;
margin-bottom:20px;
padding:0
}

@media (min-width: 1024px) {
.search-results-sidebar {
border:0;
flex:0 0 20%;
height:auto
}
}

.search-results-sidebar .sidenav-item {
border-radius:0;
padding:10px 36px;
margin-bottom:4px;
color:var(--text-color);
border-left: 3px solid transparent;
	transition: border .2s;
}

.search-results-sidebar .sidenav-item:hover,
.search-results-sidebar .sidenav-item.current {
border-left: 3px solid var(--gbi-orange);
text-decoration:none
}


.sidenav-item.current-article {font-weight: 700;}

.search-results-sidebar .sidenav-subitem {
unicode-bidi:embed
}

.search-results-sidebar .sidenav-tag {
display:flex;
flex-direction:row;
align-items:flex-start;
flex-grow:0
}

.search-results-sidebar .sidenav-tag .content-tag {
background:#E9EBED;
border-radius:4px;
padding:4px 12px;
text-decoration:none
}

.search-results-sidebar .sidenav-tag .content-tag .label {
font-style:normal;
font-weight:600;
font-size:12px;
line-height:24px;
text-align:center;
letter-spacing:-.000427656px;
color:#49545C;
flex-grow:0;
vertical-align:middle;
display:inline-block
}

.search-results-sidebar .sidenav-tag .content-tag .close-icon {
color:#555;
vertical-align:middle;
display:inline-block
}

.search-results-sidebar .collapsible-sidebar {
margin-bottom:30px
}

.search-results-sidebar .collapsible-sidebar[aria-expanded=false] .multibrand-filter-list {
display:none
}

@media (min-width: 1024px) {
.search-results-sidebar .collapsible-sidebar[aria-expanded=false] .multibrand-filter-list {
display:block
}
}

.search-results-sidebar .multibrand-filter-list--collapsed li:nth-child(1n+6) {
display:none
}

.search-results-sidebar .multibrand-filter-list .doc-count {
color:#666
}

.search-results-sidebar .see-all-filters {
background:none;
border:none;
cursor:pointer;
display:block;
padding:10px;
color:var(--link-color)
}

.search-results-sidebar .see-all-filters[aria-hidden=true] {
display:none
}

.search-results-sidebar .see-all-filters:hover {
text-decoration:underline
}

.search-results-sidebar .see-all-filters::after {
content:" ⌄";
font-weight:700
}

.search-results-subheading {
font-size:18px;
font-weight:600
}

.search-results-list {
margin:0 0 2rem 0;
padding: 0;
	list-style: none;
}

.search-results-list > li {
padding: 1.5rem 0;
	margin:0 0 2rem;
}

.search-results-list > li:first-child {
border-top:1px solid var(--border-color)
}

.search-results .no-results {
display:flex;
flex-direction:column;
align-items:center;
padding-top:4rem
}

.search-results .no-results .headline {
color:#2F3941;
font-weight:400;
font-size:18px;
line-height:24px;
letter-spacing:-.45px
}

.search-results .no-results .action-prompt {
color:#68737D;
font-weight:400;
font-size:14px;
line-height:20px;
letter-spacing:-.154px
}

.search-results .no-results .action-prompt a {
color:var(--link-color)
}

.search-results .no-results .action-prompt a:visited {
color:var(--link-color)
}

.search-result-title-container {
display:flex;
justify-content:space-between;
align-items:center
}

.search-result-title {
font-size:1.125rem;
margin-bottom:.25rem
}

.search-result-votes,.search-result-meta-count {
color:var(--text-color);
font-size:13px
}

.search-result-votes-icon,.search-result-meta-count-icon {
color:var(--border-color);
vertical-align:middle;
width:13px;
height:13px
}

[dir=ltr] .search-result-votes,[dir=ltr] .search-result-meta-count {
margin-left:20px
}

[dir=rtl] .search-result-votes,[dir=rtl] .search-result-meta-count {
margin-right:20px
}

.search-result-meta-container {
color:#666;
display:flex;
flex-direction:column
}

@media (min-width: 1024px) {
.search-result-meta-container {
flex-direction:row;
align-items:center
}

.search-result-meta-container nav {
flex:1
}

[dir=ltr] .search-result-meta-container .meta-data {
margin-left:20px
}

[dir=rtl] .search-result-meta-container .meta-data {
margin-right:20px
}
}

.search-result-meta-container .meta-data::after {
content:none
}

.search-result-breadcrumbs {
margin:0
}

.search-result-description {
margin-top:10px;
margin-bottom:0;
word-break:break-word
}

.search-result-description::after {
	content: "...";
}

/* By default use bold instead of italic to highlight */
.search-result-description em {
font-style:normal;
font-weight:700
}



/***** Notifications *****/
.notification {
border:1px solid;
display:table;
font-family:sans-serif;
font-size:12px;
padding:13px 15px;
transition:height .2s;
width:100%;
color:#555
}

.notification a {
color:#158ec2
}

.notification-inner {
margin:0 auto;
padding:0 20px;
max-width:980px
}

.notification-icon,.notification-inline.notification-error::before,.notification-text,.notification-dismiss {
display:table-cell;
vertical-align:middle
}

.notification-text {
padding:0 15px;
width:100%
}

.notification + .notification {
margin-bottom:-1px;
position:relative;
top:-1px
}

/* Error */
.notification-error {
background:#ffeded;
border-color:#f7cbcb
}

.notification-error .notification-icon::before,.notification-error .notification-inline.notification-error::before {
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23555555'/%3E%3C/svg%3E")
}

/* Notice */
.notification-notice {
background:#dbf3ff;
border-color:#b5e0f5
}

.notification-notice .notification-icon::before,.notification-notice .notification-inline.notification-error::before {
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3.5 6l2 2L9 4.5'/%3E%3Ccircle cx='6' cy='6' r='5.5'/%3E%3C/g%3E%3C/svg%3E")
}

/* Alert / Lock */
.notification-alert {
color:#ad5e18;
background:#fff8ed;
border-color:#fcdba9
}

.notification-alert .notification-icon::before,.notification-alert .notification-inline.notification-error::before {
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23ad5e18' stroke-linecap='round' d='M5.06 1.27l-4.5 8.5c-.18.33.06.73.44.73h9c.38 0 .62-.4.44-.73l-4.5-8.5a.494.494 0 00-.88 0zM5.5 4v2'/%3E%3Ccircle cx='5.5' cy='8' r='.8' fill='%23ad5e18'/%3E%3C/svg%3E")
}

.notification-icon::before,.notification-inline.notification-error::before {
background-size:cover;
content:"";
display:inline-block;
height:14px;
width:14px;
vertical-align:middle
}

/* Dismiss button */
.notification-dismiss,a.notification-dismiss {
color:#555;
cursor:pointer;
opacity:.6;
transition:opacity 100ms ease;
text-decoration:none!important
}

.notification-dismiss:hover {
opacity:1
}

/* Inline notifications */
.notification-inline {
border-radius:4px;
line-height:14px;
margin-top:5px;
padding:5px;
position:relative;
text-align:left;
vertical-align:middle
}

[dir=rtl] .notification-inline {
text-align:right
}

.notification-inline[aria-hidden=true] {
display:none
}

.notification-inline.notification-error::before {
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23e35b66'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23e35b66'/%3E%3C/svg%3E");
margin:-2px 5px 0 0
}

[dir=rtl] .notification-inline.notification-error::before {
margin:0 0 0 5px
}

.notification-inline.notification-error {
background-color:#fff0f1;
border:1px solid #e35b66;
color:#cc3340
}

.notification-inline.notification-large {
padding:13px 15px;
margin-bottom:25px
}

.notification-left-aligned {
text-align:left;
padding-left:0
}

html[dir=rtl] .notification-left-aligned {
text-align:right;
padding-left:auto;
padding-right:0
}

.dropdown {
position:relative;
display:inline-block
}

.dropdown-toggle {
cursor:pointer;
background:none;
border:0;
display:inline-block;
padding:0;
text-align:initial;
vertical-align:middle
}

.dropdown-toggle:hover {
text-decoration:none
}

.dropdown-toggle > * {
display:inline-block
}

.dropdown-toggle[aria-expanded=true] + .dropdown-menu {
display:block
}

.dropdown-menu {
background:#fff;
box-shadow:0 20px 30px 0 #17494d26;
display:none;
font-size:1rem;
font-style:normal;
font-weight:400;
left:0;
margin-top:1px;
min-width:170px;
position:absolute;
text-align:left;
z-index:1000;
border-radius:0;
padding:0;
border:none
}

[dir=rtl] .dropdown-menu {
text-align:right
}

.dropdown-menu [role=separator] {
display:none
}

.dropdown-menu [role=menuitem],.dropdown-menu [role=menuitemradio] {
color:#555;
cursor:pointer;
display:block;
padding:1rem;
white-space:nowrap;
background-color:transparent;
border:0;
-webkit-appearance:none;
text-align:start;
line-height:inherit;
width:100%;
position:relative;
font-family:var(--header-font-family)
}

.dropdown-menu [role=menuitem]::before,.dropdown-menu [role=menuitemradio]::before {
height:100%;
top:0;
left:0;
width:0;
transform:none;
transition:.1s;
position:absolute;
display:block;
background-color:var(--header-accent,var(--accent-color,var(--border-color)));
content:""
}

.dropdown-menu [role=menuitem]:hover,.dropdown-menu [role=menuitem]:focus,.dropdown-menu [role=menuitemradio]:hover,.dropdown-menu [role=menuitemradio]:focus {
text-decoration:none;
color:#555
}

.dropdown-menu [role=menuitem]:hover::before,.dropdown-menu [role=menuitem]:focus::before,.dropdown-menu [role=menuitemradio]:hover::before,.dropdown-menu [role=menuitemradio]:focus::before {
width:3px
}

.dropdown-menu [role=menuitem][aria-selected=true],.dropdown-menu [role=menuitem][aria-checked=true],.dropdown-menu [role=menuitemradio][aria-selected=true],.dropdown-menu [role=menuitemradio][aria-checked=true] {
cursor:default
}

.dropdown-menu [role=menuitem][aria-selected=true]::after,.dropdown-menu [role=menuitem][aria-checked=true]::after,.dropdown-menu [role=menuitemradio][aria-selected=true]::after,.dropdown-menu [role=menuitemradio][aria-checked=true]::after {
content:"";
background-image:url("data:image/svg+xml,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1 7l3 3 7-7'%3E%3C/path%3E%3C/svg%3E");
display:inline-block;
height:12px;
margin-left:10px;
width:12px
}

[dir=rtl] .dropdown-menu [role=menuitem][aria-selected=true]::after,[dir=rtl] .dropdown-menu [role=menuitem][aria-checked=true]::after,[dir=rtl] .dropdown-menu [role=menuitemradio][aria-selected=true]::after,[dir=rtl] .dropdown-menu [role=menuitemradio][aria-checked=true]::after {
margin-left:0;
margin-right:10px;
float:left
}

.dropdown-menu [role=menuitem][hidden],.dropdown-menu [role=menuitem][aria-hidden=true],.dropdown-menu [role=menuitemradio][hidden],.dropdown-menu [role=menuitemradio][aria-hidden=true] {
display:none!important
}

.dropdown-menu-end {
left:auto;
right:0
}

.dropdown-menu-top {
bottom:100%;
margin-bottom:1px
}

[dir=rtl] .dropdown-menu {
left:auto;
right:0;
text-align:right
}

[dir=rtl] .dropdown-menu-end {
left:0;
right:auto
}

.dropdown-chevron-icon {
vertical-align:middle
}

.content-tags > p {
color:#68737D;
margin-top:32px;
margin-bottom:4px
}

.content-tags-add-hint {
color:#68737D;
font-size:14px
}

.content-tag-list {
display:flex;
flex-wrap:wrap;
word-break:break-word
}

.content-tag-list li {
border-right:1px solid #C2C8CC;
margin-bottom:4px
}

[dir=ltr] .content-tag-list li {
padding-right:8px;
margin-right:8px
}

[dir=rtl] .content-tag-list li {
padding-left:8px;
margin-left:8px
}

.content-tag-list li:last-child {
border:none
}

/***** WYSIWYG Editor *****/
#hc-wysiwyg {
border:1px solid var(--border-color)
}

/***** Upload Dropzone *****/
.upload-dropzone {
border:1px solid var(--border-color)
}


section .row > * {margin-bottom:1.5rem;}

.section.knowledge-base .categories.blocks {padding-block:3rem;}
.section.knowledge-base .categories.blocks .row {--bs-gutter-y:1.5rem}
.error-page {padding-top:5rem;}
.my-activities-following-header {margin-bottom: 4rem;}

.shareit {display:flex;gap:.5rem;flex-wrap: wrap;}
.shareit h5 {width:100%;}
.shareit a,
.contact-box a.linkicon {width:50px;height:50px;display:flex;justify-content: center;align-items: center;border:solid 1px;border-radius: 99rem;}
.shareit a:hover {text-decoration: none;color:var(--gbi-blue)}
.shareit a.whatsapp.desktop {display:none;}
.contact-box a.linkicon:hover {text-decoration: none;opacity: .9;}
.contact-box .contact,
.contact-box .socials {display:flex;gap:.5rem;flex-wrap: wrap;align-items: center;margin-bottom:.25rem;}
.contact-box .socials {margin-top:1rem;}

.filters-in-section ul, 
.filters-in-section li {margin-left: 0;padding-left: 0;list-style: none;}
.search-results-sidebar .sidenav-item {padding:.75rem;}


.wysiwyg-color-orange {color:var(--gbi-orange);}
.wysiwyg-font-size-small {font-size:.75rem;}