/* For displaying WTO database systems on the Home page */
.card {
    background-color: #fff;
    border-bottom: 4px solid #c2e3f0;
    border-radius: 0;
    box-shadow: none;
    color: #4a4a4a;
    margin-bottom: 1.5rem;
    margin-top: 2rem;
    max-width: 100%;
    overflow: unset;
    position: relative
}

.column .card:last-of-type {
    margin-bottom: 0
}

.card-header {
    align-items: stretch;
    background-color: transparent;
    box-shadow: none;
    display: flex;
    padding-top: 2rem
}

.card-header-title {
    align-items: center;
    border-left: 4px solid #0092cc;
    color: #0092cc;
    display: flex;
    flex-grow: 1;
    font-weight: 700;
    padding: .25rem calc(2rem - 4px);
    text-transform: uppercase
}

.card-header-icon,
.card-header-title.is-centered {
    justify-content: center
}

.card-header-icon {
    align-items: center;
    cursor: pointer;
    display: flex;
    padding: .25rem 2rem
}

.card-image {
    display: block;
    position: relative
}

.card-content {
    padding: 2rem
}

.card-content,
.card-footer {
    background-color: transparent
}

.card-footer {
    align-items: stretch;
    border-top: 1px solid #ededed;
    display: flex
}

.card-footer-item {
    align-items: center;
    display: flex;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
    justify-content: center;
    padding: .75rem
}

.card-footer-item:not(:last-child) {
    border-right: 1px solid #ededed
}

.is-deck {
    display: flex;
    flex-direction: column;
    height: 100%
}

.is-deck .card-footer {
    margin-top: auto
}

.card .card-content,
.card .card-header {
    position: relative
}

.card .card-footer-item {
    justify-content: left;
    padding-left: calc(2rem - 4px)
}

.card a.full-link {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.card.is-hoverable {
    transition: all .2s ease
}

.card.is-hoverable:hover {
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2)
}

.card.media:not(:last-child) {
    margin-bottom: 1.5rem
}

.card-modal {
    max-height: 100vh;
    max-width: 40rem;
    overflow-y: scroll;
    position: absolute;
    top: 0
}

.modal-background {
    -webkit-backdrop-filter: blur(2px) !important;
    backdrop-filter: blur(2px) !important;
    background-color: rgba(0, 0, 0, .3) !important
}

.panel {
    border-radius: 0;
    box-shadow: none;
    font-size: .875rem
}

.panel:not(:last-child) {
    margin-bottom: 1.5rem
}

.panel.is-white .panel-heading {
    background-color: #fff;
    color: #0a0a0a
}

.panel.is-white .panel-tabs a.is-active {
    border-bottom-color: #fff
}

.panel.is-white .panel-block.is-active .panel-icon {
    color: #fff
}

.panel.is-black .panel-heading {
    background-color: #0a0a0a;
    color: #fff
}

.panel.is-black .panel-tabs a.is-active {
    border-bottom-color: #0a0a0a
}

.panel.is-black .panel-block.is-active .panel-icon {
    color: #0a0a0a
}

.panel.is-light .panel-heading {
    background-color: #f5f5f5;
    color: rgba(0, 0, 0, .7)
}

.panel.is-light .panel-tabs a.is-active {
    border-bottom-color: #f5f5f5
}

.panel.is-light .panel-block.is-active .panel-icon {
    color: #f5f5f5
}

.panel.is-dark .panel-heading {
    background-color: #363636;
    color: #fff
}

.panel.is-dark .panel-tabs a.is-active {
    border-bottom-color: #363636
}

.panel.is-dark .panel-block.is-active .panel-icon {
    color: #363636
}

.panel.is-primary .panel-heading {
    background-color: #0092cc;
    color: #fff
}

.panel.is-primary .panel-tabs a.is-active {
    border-bottom-color: #0092cc
}

.panel.is-primary .panel-block.is-active .panel-icon {
    color: #0092cc
}

.panel.is-link .panel-heading {
    background-color: #0092cc;
    color: #fff
}

.panel.is-link .panel-tabs a.is-active {
    border-bottom-color: #0092cc
}

.panel.is-link .panel-block.is-active .panel-icon {
    color: #0092cc
}

.panel.is-info .panel-heading {
    background-color: #3298dc;
    color: #fff
}

.panel.is-info .panel-tabs a.is-active {
    border-bottom-color: #3298dc
}

.panel.is-info .panel-block.is-active .panel-icon {
    color: #3298dc
}

.panel.is-success .panel-heading {
    background-color: #48c774;
    color: #fff
}

.panel.is-success .panel-tabs a.is-active {
    border-bottom-color: #48c774
}

.panel.is-success .panel-block.is-active .panel-icon {
    color: #48c774
}

.panel.is-warning .panel-heading {
    background-color: #ffdd57;
    color: rgba(0, 0, 0, .7)
}

.panel.is-warning .panel-tabs a.is-active {
    border-bottom-color: #ffdd57
}

.panel.is-warning .panel-block.is-active .panel-icon {
    color: #ffdd57
}

.panel.is-danger .panel-heading {
    background-color: #f14668;
    color: #fff
}

.panel.is-danger .panel-tabs a.is-active {
    border-bottom-color: #f14668
}

.panel.is-danger .panel-block.is-active .panel-icon {
    color: #f14668
}

.panel-block:not(:last-child),
.panel-tabs:not(:last-child) {
    border-bottom: 1px solid #ededed
}

.panel-heading {
    background-color: transparent;
    border-radius: 0 0 0 0;
    color: #363636;
    font-size: 1.25em;
    font-weight: 700;
    line-height: 1.25;
    padding: .75em 1em .75em 0
}

.panel-tabs {
    align-items: flex-end;
    display: flex;
    font-size: .875rem;
    justify-content: center
}

.panel-tabs a {
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: -1px;
    padding: .5em
}

.panel-tabs a.is-active {
    border-bottom-color: #4a4a4a;
    color: #363636
}

.panel-list a {
    color: #4a4a4a
}

.panel-list a:hover {
    color: #0092cc
}

.panel-block {
    align-items: center;
    color: #363636;
    display: flex;
    justify-content: flex-start;
    padding: .5em .75em
}

.panel-block input[type=checkbox] {
    margin-right: .75em
}

.panel-block>.control {
    flex-grow: 1;
    flex-shrink: 1;
    width: 100%
}

.panel-block.is-wrapped {
    flex-wrap: wrap
}

.panel-block.is-active {
    border-left-color: #0092cc;
    color: #363636
}

.panel-block.is-active .panel-icon {
    color: #0092cc
}

.panel-block:last-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

a.panel-block,
label.panel-block {
    cursor: pointer
}

a.panel-block:hover,
label.panel-block:hover {
    background-color: #f5f5f5
}

.panel-icon {
    color: #7a7a7a;
    display: inline-block;
    font-size: 14px;
    height: 1em;
    line-height: 1em;
    margin-right: .75em;
    text-align: center;
    vertical-align: top;
    width: 1em
}

.panel-icon .fa {
    font-size: inherit;
    line-height: inherit
}

.content ul,
ul {
    margin-top: 0
}

.content ul.list,
ul.list {
    margin-left: 0
}

.content ul.list li,
ul.list li {
    border-bottom: 1px solid #dbdbdb;
    list-style-type: none;
    margin: 0;
    padding: .5em .75em
}

.content li+li {
    margin-top: .25em
}

.content blockquote:not(:last-child),
.content dl:not(:last-child),
.content ol:not(:last-child),
.content p:not(:last-child),
.content pre:not(:last-child),
.content table:not(:last-child),
.content ul:not(:last-child) {
    margin-bottom: 1em
}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
    color: #363636;
    font-weight: 600;
    line-height: 1.125
}

.content h1 {
    font-size: 2em;
    margin-bottom: .5em
}

.content h1:not(:first-child) {
    margin-top: 1em
}

.content h2 {
    font-size: 1.75em;
    margin-bottom: .5714em
}

.content h2:not(:first-child) {
    margin-top: 1.1428em
}

.content h3 {
    font-size: 1.5em;
    margin-bottom: .6666em
}

.content h3:not(:first-child) {
    margin-top: 1.3333em
}

.content h4 {
    font-size: 1.25em;
    margin-bottom: .8em
}

.content h5 {
    font-size: 1.125em;
    margin-bottom: .8888em
}

.content h6 {
    font-size: 1em;
    margin-bottom: 1em
}

.content blockquote {
    background-color: #f5f5f5;
    border-left: 5px solid #dbdbdb;
    padding: 1.25em 1.5em
}

.content ol {
    list-style-position: outside;
    margin-left: 2em;
    margin-top: 1em
}

.content ol:not([type]) {
    list-style-type: decimal
}

.content ol:not([type]).is-lower-alpha {
    list-style-type: lower-alpha
}

.content ol:not([type]).is-lower-roman {
    list-style-type: lower-roman
}

.content ol:not([type]).is-upper-alpha {
    list-style-type: upper-alpha
}

.content ol:not([type]).is-upper-roman {
    list-style-type: upper-roman
}

.content ul {
    list-style: disc outside;
    margin-left: 2em;
    margin-top: 1em
}

.content ul ul {
    list-style-type: circle;
    margin-top: .5em
}

.content ul ul ul {
    list-style-type: square
}

.content dd {
    margin-left: 2em
}

.content figure {
    margin-left: 2em;
    margin-right: 2em;
    text-align: center
}

.content figure:not(:first-child) {
    margin-top: 2em
}

.content figure:not(:last-child) {
    margin-bottom: 2em
}

.content figure img {
    display: inline-block
}

.content figure figcaption {
    font-style: italic
}

.content pre {
    -webkit-overflow-scrolling: touch;
    word-wrap: normal;
    overflow-x: auto;
    padding: 1.25em 1.5em;
    white-space: pre
}

.content sub,
.content sup {
    font-size: 75%
}

.content table {
    width: 100%
}

.content table td,
.content table th {
    border: solid #dbdbdb;
    border-width: 0 0 1px;
    padding: .5em .75em;
    vertical-align: top
}

.content table th {
    color: #363636
}

.content table th:not([align]) {
    text-align: inherit
}

.content table thead td,
.content table thead th {
    border-width: 0 0 2px;
    color: #363636
}

.content table tfoot td,
.content table tfoot th {
    border-width: 2px 0 0;
    color: #363636
}

.content table tbody tr:last-child td,
.content table tbody tr:last-child th {
    border-bottom-width: 0
}

.content .tabs li+li {
    margin-top: 0
}

.content.is-small {
    font-size: .75rem
}

.content.is-medium {
    font-size: 1.25rem
}

.content.is-large {
    font-size: 1.5rem
}





ul.link-list {
    margin-left: 0;
    padding: 0
}

ul.link-list li {
    list-style-type: none;
    margin: 0 0 1rem
}

.link-list h3 {
    border-bottom: 1px solid #ddd;
    padding-bottom: .5rem
}

.link-list h3,
.link-list h4,
.link-list li.link-item {
    margin-bottom: 2rem
}







.column {
    display: block;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
    padding: .75rem
}

.columns.is-mobile>.column.is-narrow {
    flex: none;
    width: unset
}

.columns.is-mobile>.column.is-full {
    flex: none;
    width: 100%
}

.columns.is-mobile>.column.is-three-quarters {
    flex: none;
    width: 75%
}

.columns.is-mobile>.column.is-two-thirds {
    flex: none;
    width: 66.6666%
}

.columns.is-mobile>.column.is-half {
    flex: none;
    width: 50%
}

.columns.is-mobile>.column.is-one-third {
    flex: none;
    width: 33.3333%
}

.columns.is-mobile>.column.is-one-quarter {
    flex: none;
    width: 25%
}

.columns.is-mobile>.column.is-one-fifth {
    flex: none;
    width: 20%
}

.columns.is-mobile>.column.is-two-fifths {
    flex: none;
    width: 40%
}

.columns.is-mobile>.column.is-three-fifths {
    flex: none;
    width: 60%
}

.columns.is-mobile>.column.is-four-fifths {
    flex: none;
    width: 80%
}

.columns.is-mobile>.column.is-offset-three-quarters {
    margin-left: 75%
}

.columns.is-mobile>.column.is-offset-two-thirds {
    margin-left: 66.6666%
}

.columns.is-mobile>.column.is-offset-half {
    margin-left: 50%
}

.columns.is-mobile>.column.is-offset-one-third {
    margin-left: 33.3333%
}

.columns.is-mobile>.column.is-offset-one-quarter {
    margin-left: 25%
}

.columns.is-mobile>.column.is-offset-one-fifth {
    margin-left: 20%
}

.columns.is-mobile>.column.is-offset-two-fifths {
    margin-left: 40%
}

.columns.is-mobile>.column.is-offset-three-fifths {
    margin-left: 60%
}

.columns.is-mobile>.column.is-offset-four-fifths {
    margin-left: 80%
}

.columns.is-mobile>.column.is-0 {
    flex: none;
    width: 0
}

.columns.is-mobile>.column.is-offset-0 {
    margin-left: 0
}

.columns.is-mobile>.column.is-1 {
    flex: none;
    width: 8.3333333333%
}

.columns.is-mobile>.column.is-offset-1 {
    margin-left: 8.3333333333%
}

.columns.is-mobile>.column.is-2 {
    flex: none;
    width: 16.6666666667%
}

.columns.is-mobile>.column.is-offset-2 {
    margin-left: 16.6666666667%
}

.columns.is-mobile>.column.is-3 {
    flex: none;
    width: 25%
}

.columns.is-mobile>.column.is-offset-3 {
    margin-left: 25%
}

.columns.is-mobile>.column.is-4 {
    flex: none;
    width: 33.3333333333%
}

.columns.is-mobile>.column.is-offset-4 {
    margin-left: 33.3333333333%
}

.columns.is-mobile>.column.is-5 {
    flex: none;
    width: 41.6666666667%
}

.columns.is-mobile>.column.is-offset-5 {
    margin-left: 41.6666666667%
}

.columns.is-mobile>.column.is-6 {
    flex: none;
    width: 50%
}

.columns.is-mobile>.column.is-offset-6 {
    margin-left: 50%
}

.columns.is-mobile>.column.is-7 {
    flex: none;
    width: 58.3333333333%
}

.columns.is-mobile>.column.is-offset-7 {
    margin-left: 58.3333333333%
}

.columns.is-mobile>.column.is-8 {
    flex: none;
    width: 66.6666666667%
}

.columns.is-mobile>.column.is-offset-8 {
    margin-left: 66.6666666667%
}

.columns.is-mobile>.column.is-9 {
    flex: none;
    width: 75%
}

.columns.is-mobile>.column.is-offset-9 {
    margin-left: 75%
}

.columns.is-mobile>.column.is-10 {
    flex: none;
    width: 83.3333333333%
}

.columns.is-mobile>.column.is-offset-10 {
    margin-left: 83.3333333333%
}

.columns.is-mobile>.column.is-11 {
    flex: none;
    width: 91.6666666667%
}

.columns.is-mobile>.column.is-offset-11 {
    margin-left: 91.6666666667%
}

.columns.is-mobile>.column.is-12 {
    flex: none;
    width: 100%
}

.columns.is-mobile>.column.is-offset-12 {
    margin-left: 100%
}

@media screen and (max-width:768px) {
    .column.is-narrow-mobile {
        flex: none;
        width: unset
    }

    .column.is-full-mobile {
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-mobile {
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-mobile {
        flex: none;
        width: 66.6666%
    }

    .column.is-half-mobile {
        flex: none;
        width: 50%
    }

    .column.is-one-third-mobile {
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-mobile {
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-mobile {
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-mobile {
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-mobile {
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-mobile {
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-mobile {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-mobile {
        margin-left: 66.6666%
    }

    .column.is-offset-half-mobile {
        margin-left: 50%
    }

    .column.is-offset-one-third-mobile {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-mobile {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-mobile {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-mobile {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-mobile {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-mobile {
        margin-left: 80%
    }

    .column.is-0-mobile {
        flex: none;
        width: 0
    }

    .column.is-offset-0-mobile {
        margin-left: 0
    }

    .column.is-1-mobile {
        flex: none;
        width: 8.3333333333%
    }

    .column.is-offset-1-mobile {
        margin-left: 8.3333333333%
    }

    .column.is-2-mobile {
        flex: none;
        width: 16.6666666667%
    }

    .column.is-offset-2-mobile {
        margin-left: 16.6666666667%
    }

    .column.is-3-mobile {
        flex: none;
        width: 25%
    }

    .column.is-offset-3-mobile {
        margin-left: 25%
    }

    .column.is-4-mobile {
        flex: none;
        width: 33.3333333333%
    }

    .column.is-offset-4-mobile {
        margin-left: 33.3333333333%
    }

    .column.is-5-mobile {
        flex: none;
        width: 41.6666666667%
    }

    .column.is-offset-5-mobile {
        margin-left: 41.6666666667%
    }

    .column.is-6-mobile {
        flex: none;
        width: 50%
    }

    .column.is-offset-6-mobile {
        margin-left: 50%
    }

    .column.is-7-mobile {
        flex: none;
        width: 58.3333333333%
    }

    .column.is-offset-7-mobile {
        margin-left: 58.3333333333%
    }

    .column.is-8-mobile {
        flex: none;
        width: 66.6666666667%
    }

    .column.is-offset-8-mobile {
        margin-left: 66.6666666667%
    }

    .column.is-9-mobile {
        flex: none;
        width: 75%
    }

    .column.is-offset-9-mobile {
        margin-left: 75%
    }

    .column.is-10-mobile {
        flex: none;
        width: 83.3333333333%
    }

    .column.is-offset-10-mobile {
        margin-left: 83.3333333333%
    }

    .column.is-11-mobile {
        flex: none;
        width: 91.6666666667%
    }

    .column.is-offset-11-mobile {
        margin-left: 91.6666666667%
    }

    .column.is-12-mobile {
        flex: none;
        width: 100%
    }

    .column.is-offset-12-mobile {
        margin-left: 100%
    }
}

@media print,
screen and (min-width:769px) {

    .column.is-narrow,
    .column.is-narrow-tablet {
        flex: none;
        width: unset
    }

    .column.is-full,
    .column.is-full-tablet {
        flex: none;
        width: 100%
    }

    .column.is-three-quarters,
    .column.is-three-quarters-tablet {
        flex: none;
        width: 75%
    }

    .column.is-two-thirds,
    .column.is-two-thirds-tablet {
        flex: none;
        width: 66.6666%
    }

    .column.is-half,
    .column.is-half-tablet {
        flex: none;
        width: 50%
    }

    .column.is-one-third,
    .column.is-one-third-tablet {
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter,
    .column.is-one-quarter-tablet {
        flex: none;
        width: 25%
    }

    .column.is-one-fifth,
    .column.is-one-fifth-tablet {
        flex: none;
        width: 20%
    }

    .column.is-two-fifths,
    .column.is-two-fifths-tablet {
        flex: none;
        width: 40%
    }

    .column.is-three-fifths,
    .column.is-three-fifths-tablet {
        flex: none;
        width: 60%
    }

    .column.is-four-fifths,
    .column.is-four-fifths-tablet {
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters,
    .column.is-offset-three-quarters-tablet {
        margin-left: 75%
    }

    .column.is-offset-two-thirds,
    .column.is-offset-two-thirds-tablet {
        margin-left: 66.6666%
    }

    .column.is-offset-half,
    .column.is-offset-half-tablet {
        margin-left: 50%
    }

    .column.is-offset-one-third,
    .column.is-offset-one-third-tablet {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter,
    .column.is-offset-one-quarter-tablet {
        margin-left: 25%
    }

    .column.is-offset-one-fifth,
    .column.is-offset-one-fifth-tablet {
        margin-left: 20%
    }

    .column.is-offset-two-fifths,
    .column.is-offset-two-fifths-tablet {
        margin-left: 40%
    }

    .column.is-offset-three-fifths,
    .column.is-offset-three-fifths-tablet {
        margin-left: 60%
    }

    .column.is-offset-four-fifths,
    .column.is-offset-four-fifths-tablet {
        margin-left: 80%
    }

    .column.is-0,
    .column.is-0-tablet {
        flex: none;
        width: 0
    }

    .column.is-offset-0,
    .column.is-offset-0-tablet {
        margin-left: 0
    }

    .column.is-1,
    .column.is-1-tablet {
        flex: none;
        width: 8.3333333333%
    }

    .column.is-offset-1,
    .column.is-offset-1-tablet {
        margin-left: 8.3333333333%
    }

    .column.is-2,
    .column.is-2-tablet {
        flex: none;
        width: 16.6666666667%
    }

    .column.is-offset-2,
    .column.is-offset-2-tablet {
        margin-left: 16.6666666667%
    }

    .column.is-3,
    .column.is-3-tablet {
        flex: none;
        width: 25%
    }

    .column.is-offset-3,
    .column.is-offset-3-tablet {
        margin-left: 25%
    }

    .column.is-4,
    .column.is-4-tablet {
        flex: none;
        width: 33.3333333333%
    }

    .column.is-offset-4,
    .column.is-offset-4-tablet {
        margin-left: 33.3333333333%
    }

    .column.is-5,
    .column.is-5-tablet {
        flex: none;
        width: 41.6666666667%
    }

    .column.is-offset-5,
    .column.is-offset-5-tablet {
        margin-left: 41.6666666667%
    }

    .column.is-6,
    .column.is-6-tablet {
        flex: none;
        width: 50%
    }

    .column.is-offset-6,
    .column.is-offset-6-tablet {
        margin-left: 50%
    }

    .column.is-7,
    .column.is-7-tablet {
        flex: none;
        width: 58.3333333333%
    }

    .column.is-offset-7,
    .column.is-offset-7-tablet {
        margin-left: 58.3333333333%
    }

    .column.is-8,
    .column.is-8-tablet {
        flex: none;
        width: 66.6666666667%
    }

    .column.is-offset-8,
    .column.is-offset-8-tablet {
        margin-left: 66.6666666667%
    }

    .column.is-9,
    .column.is-9-tablet {
        flex: none;
        width: 75%
    }

    .column.is-offset-9,
    .column.is-offset-9-tablet {
        margin-left: 75%
    }

    .column.is-10,
    .column.is-10-tablet {
        flex: none;
        width: 83.3333333333%
    }

    .column.is-offset-10,
    .column.is-offset-10-tablet {
        margin-left: 83.3333333333%
    }

    .column.is-11,
    .column.is-11-tablet {
        flex: none;
        width: 91.6666666667%
    }

    .column.is-offset-11,
    .column.is-offset-11-tablet {
        margin-left: 91.6666666667%
    }

    .column.is-12,
    .column.is-12-tablet {
        flex: none;
        width: 100%
    }

    .column.is-offset-12,
    .column.is-offset-12-tablet {
        margin-left: 100%
    }
}

@media screen and (max-width:1023px) {
    .column.is-narrow-touch {
        flex: none;
        width: unset
    }

    .column.is-full-touch {
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-touch {
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-touch {
        flex: none;
        width: 66.6666%
    }

    .column.is-half-touch {
        flex: none;
        width: 50%
    }

    .column.is-one-third-touch {
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-touch {
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-touch {
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-touch {
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-touch {
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-touch {
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-touch {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-touch {
        margin-left: 66.6666%
    }

    .column.is-offset-half-touch {
        margin-left: 50%
    }

    .column.is-offset-one-third-touch {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-touch {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-touch {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-touch {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-touch {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-touch {
        margin-left: 80%
    }

    .column.is-0-touch {
        flex: none;
        width: 0
    }

    .column.is-offset-0-touch {
        margin-left: 0
    }

    .column.is-1-touch {
        flex: none;
        width: 8.3333333333%
    }

    .column.is-offset-1-touch {
        margin-left: 8.3333333333%
    }

    .column.is-2-touch {
        flex: none;
        width: 16.6666666667%
    }

    .column.is-offset-2-touch {
        margin-left: 16.6666666667%
    }

    .column.is-3-touch {
        flex: none;
        width: 25%
    }

    .column.is-offset-3-touch {
        margin-left: 25%
    }

    .column.is-4-touch {
        flex: none;
        width: 33.3333333333%
    }

    .column.is-offset-4-touch {
        margin-left: 33.3333333333%
    }

    .column.is-5-touch {
        flex: none;
        width: 41.6666666667%
    }

    .column.is-offset-5-touch {
        margin-left: 41.6666666667%
    }

    .column.is-6-touch {
        flex: none;
        width: 50%
    }

    .column.is-offset-6-touch {
        margin-left: 50%
    }

    .column.is-7-touch {
        flex: none;
        width: 58.3333333333%
    }

    .column.is-offset-7-touch {
        margin-left: 58.3333333333%
    }

    .column.is-8-touch {
        flex: none;
        width: 66.6666666667%
    }

    .column.is-offset-8-touch {
        margin-left: 66.6666666667%
    }

    .column.is-9-touch {
        flex: none;
        width: 75%
    }

    .column.is-offset-9-touch {
        margin-left: 75%
    }

    .column.is-10-touch {
        flex: none;
        width: 83.3333333333%
    }

    .column.is-offset-10-touch {
        margin-left: 83.3333333333%
    }

    .column.is-11-touch {
        flex: none;
        width: 91.6666666667%
    }

    .column.is-offset-11-touch {
        margin-left: 91.6666666667%
    }

    .column.is-12-touch {
        flex: none;
        width: 100%
    }

    .column.is-offset-12-touch {
        margin-left: 100%
    }
}

@media screen and (min-width:1024px) {
    .column.is-narrow-desktop {
        flex: none;
        width: unset
    }

    .column.is-full-desktop {
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-desktop {
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-desktop {
        flex: none;
        width: 66.6666%
    }

    .column.is-half-desktop {
        flex: none;
        width: 50%
    }

    .column.is-one-third-desktop {
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-desktop {
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-desktop {
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-desktop {
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-desktop {
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-desktop {
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-desktop {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-desktop {
        margin-left: 66.6666%
    }

    .column.is-offset-half-desktop {
        margin-left: 50%
    }

    .column.is-offset-one-third-desktop {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-desktop {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-desktop {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-desktop {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-desktop {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-desktop {
        margin-left: 80%
    }

    .column.is-0-desktop {
        flex: none;
        width: 0
    }

    .column.is-offset-0-desktop {
        margin-left: 0
    }

    .column.is-1-desktop {
        flex: none;
        width: 8.3333333333%
    }

    .column.is-offset-1-desktop {
        margin-left: 8.3333333333%
    }

    .column.is-2-desktop {
        flex: none;
        width: 16.6666666667%
    }

    .column.is-offset-2-desktop {
        margin-left: 16.6666666667%
    }

    .column.is-3-desktop {
        flex: none;
        width: 25%
    }

    .column.is-offset-3-desktop {
        margin-left: 25%
    }

    .column.is-4-desktop {
        flex: none;
        width: 33.3333333333%
    }

    .column.is-offset-4-desktop {
        margin-left: 33.3333333333%
    }

    .column.is-5-desktop {
        flex: none;
        width: 41.6666666667%
    }

    .column.is-offset-5-desktop {
        margin-left: 41.6666666667%
    }

    .column.is-6-desktop {
        flex: none;
        width: 50%
    }

    .column.is-offset-6-desktop {
        margin-left: 50%
    }

    .column.is-7-desktop {
        flex: none;
        width: 58.3333333333%
    }

    .column.is-offset-7-desktop {
        margin-left: 58.3333333333%
    }

    .column.is-8-desktop {
        flex: none;
        width: 66.6666666667%
    }

    .column.is-offset-8-desktop {
        margin-left: 66.6666666667%
    }

    .column.is-9-desktop {
        flex: none;
        width: 75%
    }

    .column.is-offset-9-desktop {
        margin-left: 75%
    }

    .column.is-10-desktop {
        flex: none;
        width: 83.3333333333%
    }

    .column.is-offset-10-desktop {
        margin-left: 83.3333333333%
    }

    .column.is-11-desktop {
        flex: none;
        width: 91.6666666667%
    }

    .column.is-offset-11-desktop {
        margin-left: 91.6666666667%
    }

    .column.is-12-desktop {
        flex: none;
        width: 100%
    }

    .column.is-offset-12-desktop {
        margin-left: 100%
    }
}

@media screen and (min-width:1216px) {
    .column.is-narrow-widescreen {
        flex: none;
        width: unset
    }

    .column.is-full-widescreen {
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-widescreen {
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-widescreen {
        flex: none;
        width: 66.6666%
    }

    .column.is-half-widescreen {
        flex: none;
        width: 50%
    }

    .column.is-one-third-widescreen {
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-widescreen {
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-widescreen {
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-widescreen {
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-widescreen {
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-widescreen {
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-widescreen {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-widescreen {
        margin-left: 66.6666%
    }

    .column.is-offset-half-widescreen {
        margin-left: 50%
    }

    .column.is-offset-one-third-widescreen {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-widescreen {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-widescreen {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-widescreen {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-widescreen {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-widescreen {
        margin-left: 80%
    }

    .column.is-0-widescreen {
        flex: none;
        width: 0
    }

    .column.is-offset-0-widescreen {
        margin-left: 0
    }

    .column.is-1-widescreen {
        flex: none;
        width: 8.3333333333%
    }

    .column.is-offset-1-widescreen {
        margin-left: 8.3333333333%
    }

    .column.is-2-widescreen {
        flex: none;
        width: 16.6666666667%
    }

    .column.is-offset-2-widescreen {
        margin-left: 16.6666666667%
    }

    .column.is-3-widescreen {
        flex: none;
        width: 25%
    }

    .column.is-offset-3-widescreen {
        margin-left: 25%
    }

    .column.is-4-widescreen {
        flex: none;
        width: 33.3333333333%
    }

    .column.is-offset-4-widescreen {
        margin-left: 33.3333333333%
    }

    .column.is-5-widescreen {
        flex: none;
        width: 41.6666666667%
    }

    .column.is-offset-5-widescreen {
        margin-left: 41.6666666667%
    }

    .column.is-6-widescreen {
        flex: none;
        width: 50%
    }

    .column.is-offset-6-widescreen {
        margin-left: 50%
    }

    .column.is-7-widescreen {
        flex: none;
        width: 58.3333333333%
    }

    .column.is-offset-7-widescreen {
        margin-left: 58.3333333333%
    }

    .column.is-8-widescreen {
        flex: none;
        width: 66.6666666667%
    }

    .column.is-offset-8-widescreen {
        margin-left: 66.6666666667%
    }

    .column.is-9-widescreen {
        flex: none;
        width: 75%
    }

    .column.is-offset-9-widescreen {
        margin-left: 75%
    }

    .column.is-10-widescreen {
        flex: none;
        width: 83.3333333333%
    }

    .column.is-offset-10-widescreen {
        margin-left: 83.3333333333%
    }

    .column.is-11-widescreen {
        flex: none;
        width: 91.6666666667%
    }

    .column.is-offset-11-widescreen {
        margin-left: 91.6666666667%
    }

    .column.is-12-widescreen {
        flex: none;
        width: 100%
    }

    .column.is-offset-12-widescreen {
        margin-left: 100%
    }
}

@media screen and (min-width:1408px) {
    .column.is-narrow-fullhd {
        flex: none;
        width: unset
    }

    .column.is-full-fullhd {
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-fullhd {
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-fullhd {
        flex: none;
        width: 66.6666%
    }

    .column.is-half-fullhd {
        flex: none;
        width: 50%
    }

    .column.is-one-third-fullhd {
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-fullhd {
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-fullhd {
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-fullhd {
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-fullhd {
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-fullhd {
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-fullhd {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-fullhd {
        margin-left: 66.6666%
    }

    .column.is-offset-half-fullhd {
        margin-left: 50%
    }

    .column.is-offset-one-third-fullhd {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-fullhd {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-fullhd {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-fullhd {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-fullhd {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-fullhd {
        margin-left: 80%
    }

    .column.is-0-fullhd {
        flex: none;
        width: 0
    }

    .column.is-offset-0-fullhd {
        margin-left: 0
    }

    .column.is-1-fullhd {
        flex: none;
        width: 8.3333333333%
    }

    .column.is-offset-1-fullhd {
        margin-left: 8.3333333333%
    }

    .column.is-2-fullhd {
        flex: none;
        width: 16.6666666667%
    }

    .column.is-offset-2-fullhd {
        margin-left: 16.6666666667%
    }

    .column.is-3-fullhd {
        flex: none;
        width: 25%
    }

    .column.is-offset-3-fullhd {
        margin-left: 25%
    }

    .column.is-4-fullhd {
        flex: none;
        width: 33.3333333333%
    }

    .column.is-offset-4-fullhd {
        margin-left: 33.3333333333%
    }

    .column.is-5-fullhd {
        flex: none;
        width: 41.6666666667%
    }

    .column.is-offset-5-fullhd {
        margin-left: 41.6666666667%
    }

    .column.is-6-fullhd {
        flex: none;
        width: 50%
    }

    .column.is-offset-6-fullhd {
        margin-left: 50%
    }

    .column.is-7-fullhd {
        flex: none;
        width: 58.3333333333%
    }

    .column.is-offset-7-fullhd {
        margin-left: 58.3333333333%
    }

    .column.is-8-fullhd {
        flex: none;
        width: 66.6666666667%
    }

    .column.is-offset-8-fullhd {
        margin-left: 66.6666666667%
    }

    .column.is-9-fullhd {
        flex: none;
        width: 75%
    }

    .column.is-offset-9-fullhd {
        margin-left: 75%
    }

    .column.is-10-fullhd {
        flex: none;
        width: 83.3333333333%
    }

    .column.is-offset-10-fullhd {
        margin-left: 83.3333333333%
    }

    .column.is-11-fullhd {
        flex: none;
        width: 91.6666666667%
    }

    .column.is-offset-11-fullhd {
        margin-left: 91.6666666667%
    }

    .column.is-12-fullhd {
        flex: none;
        width: 100%
    }

    .column.is-offset-12-fullhd {
        margin-left: 100%
    }
}

.columns {
    margin-left: -.75rem;
    margin-right: -.75rem;
    margin-top: -.75rem
}

.columns:last-child {
    margin-bottom: -.75rem
}

.columns:not(:last-child) {
    margin-bottom: .75rem
}

.columns.is-centered {
    justify-content: center
}

.columns.is-gapless {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0
}

.columns.is-gapless>.column {
    margin: 0;
    padding: 0 !important
}

.columns.is-gapless:not(:last-child) {
    margin-bottom: 1.5rem
}

.columns.is-gapless:last-child {
    margin-bottom: 0
}

.columns.is-mobile {
    display: flex
}

.columns.is-multiline {
    flex-wrap: wrap
}

.columns.is-vcentered {
    align-items: center
}

@media print,
screen and (min-width:769px) {
    .columns:not(.is-desktop) {
        display: flex
    }
}

@media screen and (min-width:1024px) {
    .columns.is-desktop {
        display: flex
    }
}

.columns.is-variable {
    --columnGap: 0.75rem;
    margin-left: calc(var(--columnGap)*-1);
    margin-right: calc(var(--columnGap)*-1)
}

.columns.is-variable>.column {
    padding-left: var(--columnGap);
    padding-right: var(--columnGap)
}

.columns.is-variable.is-0 {
    --columnGap: 0rem
}

@media screen and (max-width:768px) {
    .columns.is-variable.is-0-mobile {
        --columnGap: 0rem
    }
}

@media print,
screen and (min-width:769px) {
    .columns.is-variable.is-0-tablet {
        --columnGap: 0rem
    }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .columns.is-variable.is-0-tablet-only {
        --columnGap: 0rem
    }
}

@media screen and (max-width:1023px) {
    .columns.is-variable.is-0-touch {
        --columnGap: 0rem
    }
}

@media screen and (min-width:1024px) {
    .columns.is-variable.is-0-desktop {
        --columnGap: 0rem
    }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
    .columns.is-variable.is-0-desktop-only {
        --columnGap: 0rem
    }
}

@media screen and (min-width:1216px) {
    .columns.is-variable.is-0-widescreen {
        --columnGap: 0rem
    }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
    .columns.is-variable.is-0-widescreen-only {
        --columnGap: 0rem
    }
}

@media screen and (min-width:1408px) {
    .columns.is-variable.is-0-fullhd {
        --columnGap: 0rem
    }
}

.columns.is-variable.is-1 {
    --columnGap: 0.25rem
}

@media screen and (max-width:768px) {
    .columns.is-variable.is-1-mobile {
        --columnGap: 0.25rem
    }
}

@media print,
screen and (min-width:769px) {
    .columns.is-variable.is-1-tablet {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .columns.is-variable.is-1-tablet-only {
        --columnGap: 0.25rem
    }
}

@media screen and (max-width:1023px) {
    .columns.is-variable.is-1-touch {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width:1024px) {
    .columns.is-variable.is-1-desktop {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
    .columns.is-variable.is-1-desktop-only {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width:1216px) {
    .columns.is-variable.is-1-widescreen {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
    .columns.is-variable.is-1-widescreen-only {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width:1408px) {
    .columns.is-variable.is-1-fullhd {
        --columnGap: 0.25rem
    }
}

.columns.is-variable.is-2 {
    --columnGap: 0.5rem
}

@media screen and (max-width:768px) {
    .columns.is-variable.is-2-mobile {
        --columnGap: 0.5rem
    }
}

@media print,
screen and (min-width:769px) {
    .columns.is-variable.is-2-tablet {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .columns.is-variable.is-2-tablet-only {
        --columnGap: 0.5rem
    }
}

@media screen and (max-width:1023px) {
    .columns.is-variable.is-2-touch {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width:1024px) {
    .columns.is-variable.is-2-desktop {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
    .columns.is-variable.is-2-desktop-only {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width:1216px) {
    .columns.is-variable.is-2-widescreen {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
    .columns.is-variable.is-2-widescreen-only {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width:1408px) {
    .columns.is-variable.is-2-fullhd {
        --columnGap: 0.5rem
    }
}

.columns.is-variable.is-3 {
    --columnGap: 0.75rem
}

@media screen and (max-width:768px) {
    .columns.is-variable.is-3-mobile {
        --columnGap: 0.75rem
    }
}

@media print,
screen and (min-width:769px) {
    .columns.is-variable.is-3-tablet {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .columns.is-variable.is-3-tablet-only {
        --columnGap: 0.75rem
    }
}

@media screen and (max-width:1023px) {
    .columns.is-variable.is-3-touch {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width:1024px) {
    .columns.is-variable.is-3-desktop {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
    .columns.is-variable.is-3-desktop-only {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width:1216px) {
    .columns.is-variable.is-3-widescreen {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
    .columns.is-variable.is-3-widescreen-only {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width:1408px) {
    .columns.is-variable.is-3-fullhd {
        --columnGap: 0.75rem
    }
}

.columns.is-variable.is-4 {
    --columnGap: 1rem
}

@media screen and (max-width:768px) {
    .columns.is-variable.is-4-mobile {
        --columnGap: 1rem
    }
}

@media print,
screen and (min-width:769px) {
    .columns.is-variable.is-4-tablet {
        --columnGap: 1rem
    }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .columns.is-variable.is-4-tablet-only {
        --columnGap: 1rem
    }
}

@media screen and (max-width:1023px) {
    .columns.is-variable.is-4-touch {
        --columnGap: 1rem
    }
}

@media screen and (min-width:1024px) {
    .columns.is-variable.is-4-desktop {
        --columnGap: 1rem
    }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
    .columns.is-variable.is-4-desktop-only {
        --columnGap: 1rem
    }
}

@media screen and (min-width:1216px) {
    .columns.is-variable.is-4-widescreen {
        --columnGap: 1rem
    }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
    .columns.is-variable.is-4-widescreen-only {
        --columnGap: 1rem
    }
}

@media screen and (min-width:1408px) {
    .columns.is-variable.is-4-fullhd {
        --columnGap: 1rem
    }
}

.columns.is-variable.is-5 {
    --columnGap: 1.25rem
}

@media screen and (max-width:768px) {
    .columns.is-variable.is-5-mobile {
        --columnGap: 1.25rem
    }
}

@media print,
screen and (min-width:769px) {
    .columns.is-variable.is-5-tablet {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .columns.is-variable.is-5-tablet-only {
        --columnGap: 1.25rem
    }
}

@media screen and (max-width:1023px) {
    .columns.is-variable.is-5-touch {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width:1024px) {
    .columns.is-variable.is-5-desktop {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
    .columns.is-variable.is-5-desktop-only {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width:1216px) {
    .columns.is-variable.is-5-widescreen {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
    .columns.is-variable.is-5-widescreen-only {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width:1408px) {
    .columns.is-variable.is-5-fullhd {
        --columnGap: 1.25rem
    }
}

.columns.is-variable.is-6 {
    --columnGap: 1.5rem
}

@media screen and (max-width:768px) {
    .columns.is-variable.is-6-mobile {
        --columnGap: 1.5rem
    }
}

@media print,
screen and (min-width:769px) {
    .columns.is-variable.is-6-tablet {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .columns.is-variable.is-6-tablet-only {
        --columnGap: 1.5rem
    }
}

@media screen and (max-width:1023px) {
    .columns.is-variable.is-6-touch {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width:1024px) {
    .columns.is-variable.is-6-desktop {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
    .columns.is-variable.is-6-desktop-only {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width:1216px) {
    .columns.is-variable.is-6-widescreen {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
    .columns.is-variable.is-6-widescreen-only {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width:1408px) {
    .columns.is-variable.is-6-fullhd {
        --columnGap: 1.5rem
    }
}

.columns.is-variable.is-7 {
    --columnGap: 1.75rem
}

@media screen and (max-width:768px) {
    .columns.is-variable.is-7-mobile {
        --columnGap: 1.75rem
    }
}

@media print,
screen and (min-width:769px) {
    .columns.is-variable.is-7-tablet {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .columns.is-variable.is-7-tablet-only {
        --columnGap: 1.75rem
    }
}

@media screen and (max-width:1023px) {
    .columns.is-variable.is-7-touch {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width:1024px) {
    .columns.is-variable.is-7-desktop {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
    .columns.is-variable.is-7-desktop-only {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width:1216px) {
    .columns.is-variable.is-7-widescreen {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
    .columns.is-variable.is-7-widescreen-only {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width:1408px) {
    .columns.is-variable.is-7-fullhd {
        --columnGap: 1.75rem
    }
}

.columns.is-variable.is-8 {
    --columnGap: 2rem
}

@media screen and (max-width:768px) {
    .columns.is-variable.is-8-mobile {
        --columnGap: 2rem
    }
}

@media print,
screen and (min-width:769px) {
    .columns.is-variable.is-8-tablet {
        --columnGap: 2rem
    }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .columns.is-variable.is-8-tablet-only {
        --columnGap: 2rem
    }
}

@media screen and (max-width:1023px) {
    .columns.is-variable.is-8-touch {
        --columnGap: 2rem
    }
}

@media screen and (min-width:1024px) {
    .columns.is-variable.is-8-desktop {
        --columnGap: 2rem
    }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
    .columns.is-variable.is-8-desktop-only {
        --columnGap: 2rem
    }
}

@media screen and (min-width:1216px) {
    .columns.is-variable.is-8-widescreen {
        --columnGap: 2rem
    }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
    .columns.is-variable.is-8-widescreen-only {
        --columnGap: 2rem
    }
}

@media screen and (min-width:1408px) {
    .columns.is-variable.is-8-fullhd {
        --columnGap: 2rem
    }
}

.folded-link {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
}

.folded-link,
.unfolded-link {
    cursor: pointer;
    transition: all .5s ease
}

.unfolded-link {
    -webkit-line-clamp: initial;
    -webkit-box-orient: initial;
    display: block;
    overflow: initial
}

.hero {
    margin-top: 0
}

/* Commented out conflicting hero-body style */
/*
.hero .hero-body {
    background: url(covid19_lg.jpg);
    background-size: cover;
    background-position: 50%
}
*/

.front-header {
    padding: 50px;
    background-color: rgba(0, 0, 0, 0.6);
    height: 350px;
    margin-left: 0px;
    margin-right: 0px;
}

.front-header h1 {
    color: #FFF;
    font-size: 40px;
}

.front-header h3 {
    color: #FFF;
    font-size: 20px;
}
/* End of CCS from WTO Data page */





























/* Customization for WTO website style */

.main {
    padding-top: 10px;
    background-color: #f5f5f5;
}

@media (min-width: 768px) {
    .homepage .hero {
        background: #fff url(https://tradeconcerns.wto.org/media/hero.jpg) !important;
        background-size: cover !important;
        background-position: center !important;
        padding: 0px 0 !important;
        min-height: 400px !important;
    }

        

    

    .navbar-static-top {
        background: #fff;
    }

    /*.masthead .nav > li > a, .masthead .nav > li > a:focus, .masthead .nav > li > a:hover, .masthead .nav > .active > a, .masthead .nav > .active > a:hover, .masthead .nav > .active > a:focus {
        color: #999;
        text-shadow: none;
    }*/

    .masthead .nav>li>a {
        color: #333;
    }
}
.row {
    margin-right: 0;
    margin-left: 0;
  }

  .wrapper {
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.05);
     
    position: relative;
    min-height: 300px;
    background-color: #fff;
  }

/* WTO Navigation Menu*/

@media (min-width: 768px) {
    .nav-container {
        position: relative;
    }

    .navbar-left {
        float: left !important;
        width: 100%;
    }

    .navbar-right {
        float: right !important;
        margin-right: -15px;
    }

    .navbar-right~.navbar-right {
        margin-right: 0;
    }

    .navbar-static-top {
        background: #fff;
        border-bottom: 1px solid rgba(0, 146, 205, .25098039215686274);
        bottom: -4px;
    }
}

@media (min-width: 992px) {
    .masthead .navbar-collapse {
        float: right;
        float: left;
        width: 100%;
        /* border-bottom: blueviolet;
        border-bottom: 4px solid rgba(0, 146, 205, .25098039215686274); */
    }
}

.masthead {
    margin-bottom: initial;
    padding: 20px 0 0 0;
}

.masthead .navbar-collapse {
    padding: 10px 0 0 0;
}

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    flex-grow: 1;
}

/* .navbar-collapse {
    width: 500px;
}
 */



/* Menu items */
.masthead .navigation .nav-pills {
    margin-bottom: 0;
    bottom: -4px;
    position: relative;
}

.masthead .navigation .nav-pills li a:hover,
.masthead .navigation .nav-pills li a:focus {
    color: #0092cd !important;
}


.masthead .navigation .nav-pills li.active a {
    color: #0092cd !important;
    border-bottom: 4px solid #0092cd;
    border-bottom-right-radius : 0px;
    border-bottom-left-radius : 0px;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #fff;
}

.masthead .navigation .nav-pills li a:hover,
.masthead .navigation .nav-pills li a:focus,
.masthead .navigation .nav-pills li.active a {
    background-color: #fff;
}




.hero .hero-text {
    z-index: 100;
    /* position: absolute; */
    right: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    background: rgba(0, 0, 0, 0.5);
    padding: 3rem 6rem 3rem 2rem;
}


















/* test 2023-11-10 modelled wto stats charts*/


header.header {
    background-color: #fff;
    border-bottom: 1px solid #c2e3f0
}

header.header .container {
    /* padding: 2em 0 0; */
    padding: 0 0 0
}

footer.footer {
    background-color: #fafafa;
    padding: 0;
    border-top: 1px solid #c2e3f0
}

footer.footer .container {
    padding: 4em 2em
}

.hero {
    margin-top: 0
}

.hero .hero-body {
    background: url(covid19_lg.jpg);
    background-size: cover;
    background-position: 50%
}

.hero .hero-body .container {
    max-width: 36rem;
    background: rgba(0,0,0,.5);
    padding: 2rem
}

.main-nav {
    top: 1px;
    position: relative;
    border-bottom: 4px solid #c2e3f0
}

.main-nav .navbar-brand {
    margin-left: 0!important
}

.main-nav .navbar-brand,.main-nav .navbar-menu {
    top: .25rem;
    position: relative
}

.navbar-item img {
    max-height: unset
}

.navbar-item,.navbar-link {
    padding-bottom: 0
}

.navbar-item.has-dropdown.is-active .navbar-link,.navbar-item.has-dropdown:focus .navbar-link,.navbar-item.has-dropdown:hover .navbar-link,.navbar-link.is-active,.navbar-link:focus,.navbar-link:focus-within,.navbar-link:hover,a.navbar-item.is-active,a.navbar-item:focus,a.navbar-item:focus-within,a.navbar-item:hover {
    background: none
}

.navbar-link:not(.is-arrowless):after {
    border-color: #7a7a7a;
    margin-top: -.15em
}

.navbar-link,a.navbar-item {
    border-bottom: 4px solid transparent
}

.navbar-link.is-active,a.navbar-item.is-active {
    color: #0092cc;
    border-bottom: 4px solid #0092cc
}

.navbar-dropdown {
    border-radius: 0;
    padding-bottom: 0;
    border-bottom: 4px solid #c2e3f0
}

.navbar-menu .has-dropdown .navbar-dropdown .navbar-item {
    border-bottom: 1px solid #ededed!important
}

.content ul.pagination-list,.pagination-list {
    list-style-type: none
}

.content ul.pagination-list li+li,.pagination-list li+li {
    margin-top: 0
}

















.mt-0 {
    margin-top: 0 !important;
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}





















/* final */
.masthead {
    background: #FFF;
    border-bottom: 1px solid #c2e3f0;
}

.masthead .main-navbar ul li a {
    padding: 0.6rem 0.9rem;
    color: #333;
    text-decoration: none;
}

.masthead .main-navbar ul li:hover a, .masthead .main-navbar ul li:focus a, .masthead .main-navbar ul li.active a {
    
    color: #FFF;
}

/* Additional WTO Data Catalog Theme Styles */

/* Reset and Base Styles */
.header {
    background-color: #ffffff;
    border-bottom: 1px solid #c2e3f0;
    box-shadow: none;
    padding: 0;
}

.header .container {
    padding: 2em 0 0;
}

/* Top Navbar Styling */
.header .navbar {
    background-color: transparent;
    min-height: auto;
    padding: 0;
}

.header .navbar-brand {
    align-items: center;
    flex-shrink: 0;
}

.header .navbar-brand .navbar-item {
    display: flex;
    align-items: center;
    padding: 0.5rem 0;
    text-decoration: none !important;
}

.header .navbar-brand .navbar-item:hover {
    text-decoration: none !important;
}

.header .navbar-brand .navbar-item .content {
    display: flex;
    align-items: center;
    margin: 0;
}

.header .navbar-brand .navbar-item img {
    max-height: none;
    width: 17em;
}

/* Main Navigation Styling */
.main-nav {
    background-color: #ffffff;
    border-top: none;
    border-bottom: 4px solid #c2e3f0;
    top: 1px;
    position: relative;
    min-height: auto;
    padding: 0;
}

.main-nav .navbar-brand {
    margin-left: 0 !important;
}

.main-nav .navbar-brand,
.main-nav .navbar-menu {
    top: 0.25rem;
    position: relative;
}

.main-nav .navbar-start {
    align-items: stretch;
}

.main-nav .navbar-item {
    color: #4a4a4a !important;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 1rem 1.5rem;
    transition: all 0.3s ease;
    background: none;
    border-bottom: 4px solid transparent;
    padding-bottom: calc(1rem);
    text-decoration: none;
    position: relative;
    margin-bottom: -4px;
}

.main-nav .navbar-item:hover {
    background-color: transparent !important;
    color: #0092cc !important;
}

.main-nav .navbar-item.is-active {
    background-color: transparent !important;
    color: #0092cc !important;
    border-bottom: 4px solid #0092cc;
}

.main-nav .navbar-item:focus {
    color: #0092cc !important;
    background-color: transparent !important;
}

/* Logo and Title Layout */
.header .navbar-brand .content .mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
    margin-top: 0 !important;
}

.header .navbar-brand .content h2,
.header .navbar-brand .content h4 {
    line-height: 1.2;
    margin: 0;
}

.header .navbar-brand .content h2 {
    font-size: 1.5rem;
    font-weight: 600;
    color: #0092cc;
}

.header .navbar-brand .content h4 {
    font-size: 1.5rem;
    font-weight: 400;
    color: #4a4a4a;
}

/* Remove debug styles completely */
.debug {
    display: none !important;
}

/* Responsive Design */
@media screen and (max-width: 1023px) {
    .header .navbar-brand .content {
        flex-direction: column;
        text-align: center;
        align-items: center;
    }
    
    .header .navbar-brand .content .mx-4 {
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 0.5rem !important;
    }
    
    .main-nav .navbar-start {
        flex-direction: column;
    }
    
    .main-nav .navbar-item {
        padding: 0.75rem 1rem;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        width: 100%;
        color: #4a4a4a !important;
        margin-bottom: 0;
    }
}

/* Container adjustments for better content spacing */
.container.is-max-widescreen {
    max-width: 1344px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

/* Ensure proper font family inheritance */
body, .navbar, .hero, .footer {
    font-family: Montserrat, sans-serif;
}

/* Fix navbar item image height */
.navbar-item img {
    max-height: unset;
}

/* Text utilities */
.text-dark {
    color: #4a4a4a !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.m-0 {
    margin: 0 !important;
}

/* Hero section styling */
.hero.is-primary {
    background: linear-gradient(135deg, #0092cc 0%, #006ca0 100%);
}

.hero.is-primary .title,
.hero.is-primary .subtitle {
    color: #ffffff;
}

/* Footer styling */
.footer {
    background-color: #f8f9fa;
    border-top: 1px solid #e9ecef;
}

.footer .content h4 {
    color: #495057;
    font-weight: 600;
    margin-bottom: 1rem;
}

.footer .content a {
    color: #0092cc;
    text-decoration: none;
}

.footer .content a:hover {
    text-decoration: underline;
}

/* Hero styling with higher specificity to override default CKAN styles */
.homepage .hero,
body.homepage .hero,
.hero.homepage-hero {
    background: #fff url(https://tradeconcerns.wto.org/media/hero.jpg) !important;
    background-size: cover !important;
    background-position: center !important;
    padding: 0px 0 !important;
    min-height: 400px !important;
}

/* Custom override to increase group box width and ensure consistent spacing */
.media-item {
    width: 280px !important; /* Original 178px increased by 50% */
    margin: 10px !important; /* Consistent margin on all sides */
    box-sizing: border-box !important; /* Ensure padding/border don't affect width */
}

/* Center the group boxes on the page with reliable spacing */
.media-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: flex-start !important;
    margin: 0 auto !important;
    max-width: 100% !important;
    padding: 10px !important; /* Add padding around the grid */
    /* Remove gap property as it's not reliable across browsers */
}

/* Ensure media items work well with flexbox and have consistent spacing */
.media-grid .media-item {
    float: none !important;
    margin: 10px !important; /* Force consistent margin - overrides any conflicting rules */
    display: inline-block !important; /* Fallback for older browsers */
    vertical-align: top !important;
}

/* More specific selector to ensure spacing is enforced */
.media-grid > .media-item,
.media-grid .media-item:nth-child(n) {
    margin: 10px !important; /* Very specific margin enforcement */
}

/* Additional fallback for any potential conflicts */
.groups .media-grid .media-item,
.group-list .media-grid .media-item,
div.media-grid .media-item {
    margin: 10px !important;
    width: 280px !important;
    box-sizing: border-box !important;
}

/* Add responsive spacing adjustments */
@media screen and (max-width: 768px) {
    .media-item,
    .media-grid .media-item,
    .media-grid > .media-item {
        width: 260px !important; /* Slightly smaller on mobile */
        margin: 8px !important; /* Slightly smaller margin on mobile */
    }
    
    .media-grid {
        padding: 5px !important;
    }
}

.page-header {
    border-bottom: 0px solid #ddd;
}
















/* =======================================================
   Dataset Page Custom Layout
   ======================================================= */

/* 1️⃣ Disable CKAN's default vertical divider only on dataset read pages */
@media (min-width: 768px) {
  body.dataset.read .wrapper::before {
    display: none !important;
    border: none !important;
    content: none !important;
  }
}

/* 2️⃣ Two-column flex layout inside the white module */
.dataset-layout {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 2rem;
}

/* Left content (2/3 width) */
.dataset-main {
  flex: 2 1 66%;
  min-width: 0;
}

/* Right content (1/3 width) */
.dataset-side {
  flex: 1 1 34%;
  min-width: 260px;
}

/* Table inside the right column should fill space nicely */
.dataset-side table {
  width: 100%;
  margin-top: 0;
}

/* Responsive stacking on smaller screens */
@media (max-width: 992px) {
  .dataset-layout {
    flex-direction: column;
  }

  .dataset-side {
    margin-top: 1.5rem;
  }
}

/* Optional: keep spacing consistent with CKAN's defaults */
.dataset-page-wrapper {
  margin-top: 1rem;
}

/* .dataset-main {
  border-right: none !important;
} */