/*
Author: Deyosoft Ltd.
Author URI: https://deyosoft.com
License: Deyosoft Proprietary License Version 1.0
License URI: http://deyosoft.com/licenses/deyosoft-proprietary-license-1.0/

All files, unless otherwise stated, are released under the Deyosoft Proprietary License Version 1.0
License version 1.0 (http://deyosoft.com/licenses/deyosoft-proprietary-license-1.0/)

This theme is licensed under the Deyosoft Proprietary License Version 1.0.
*/

body {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    background-color: #eff2f6;
    color: #19537e;
    word-wrap: break-word;
}

a {
    word-wrap: break-word;
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6, p.attachment {
    text-align: center;
}

.alert p:last-child {
    margin-bottom: 0;
}

strong, .dyuf-attachment-info {
    font-weight: bold;
}

blockquote {
    margin: 0 0 1rem 1rem;
}

.language-native-name::first-letter{
    text-transform: uppercase;
}

.wow {
    visibility: hidden;
}

.wow.wow-visible {
    visibility: visible;
}

li.validation-message {
    list-style:none;
    color: red;
}

.commentlist li.comment {
    list-style: none;
    padding: 15px 0px;
}

.dyuf-form-container ul li {
    list-style: none;
}

.comment-body {
    padding-left: 10px;
    border-left: 2px solid rgba(0,0,0,0.1);
}

.closed-comments {
    font-style: italic;
    font-size: 0.9em;
}

.commentmetadata a {
    font-style: italic;
    font-size: 0.95rem;
}

.commentmetadata {
    padding-bottom: 1rem;
}

.comment-author {
    font-style: italic;
}

form label {
    display: block;
    margin: 0;
    font-size: 0.75em;
    font-weight: bold;
}

    form label.permission-checkbox-label {
        font-size: 1em;
        font-weight: normal;
    }

    .comment-form-cookies-consent label, .remember-me label {
        display: inline;
        font-size: 1em;
        font-weight: normal;
    }

.comment-reply-title {
    padding-top: 20px;
}

.profile-edit-info {
    color: green;
}

/*The navbar is more transparent on small screens only when the toggle button is not activated. Activating it makes it less transparent due to the second background-color rule. */
.navbar.navbar-light {
    background-color: #FFFFFFB8;
}

.navbar.navbar-light.navbar.navbar-light.nav-toggle-active {
    background-color: #FFFFFFEA;
}

.navbar.navbar-light .navbar-nav .nav-item .nav-link {
    text-transform: uppercase;
    color: #3788db;
    font-weight: bold;
    font-size: 0.75rem;
}

.navbar.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(55, 136, 219, 0.9)' stroke-width='2.45' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar.navbar-light .navbar-nav .nav-item > .nav-link.active {
    background-color: transparent;
}

.navbar.navbar-light .navbar-nav .nav-item > .nav-link.active::after {
    border-bottom: 0.23rem solid #3788db;
    content: " ";
    width: 100%;
    display: block;
}

.navbar.navbar-light .navbar-nav .nav-item .nav-link:hover, footer a:hover {
background-color: rgba(0,0,0,0.1);
}

.btn-info, .alert-info {
    background-color: rgb(51, 181, 229);
    border-color: rgb(51, 181, 229);
    color: #ffffff;
}

    .btn-info:hover {
        background-color: rgba(51, 181, 229, 0.867);
        border-color: rgba(51, 181, 229, 0.867);
        color: #ffffff;
    }

.alert-info a {
    color: #bbffff;
}

    .alert-info a:hover {
        color: #006bb7
    }

.btn-contact, .navbar.navbar-light .navbar-nav .nav-item .nav-link.btn-contact {
color: white;
padding: 0.6rem;
background-color: #3788db;
font-size: 0.75rem;
border-radius: 4px;
font-weight: bold;
}

.btn-contact:hover, .navbar.navbar-light .navbar-nav .nav-item .nav-link.btn-contact:hover {
    background-color: #3788db80;
    color: white;
}

form input[type=submit], form input[type=button], form button, button {
    border: 1px solid gray;
    background-color: white;
    color: #19537e;
    border-radius: 4px;
    font-weight: bold;
    padding: 0.4rem 0.8rem;
    font-size: 0.75rem;
    text-transform: uppercase;
}

form input[type=submit].btn-danger {
    color: white;
}

form input[type=submit].btn-danger:hover {
    color: wheat;
}

form input[type=submit]:hover, form button:hover {
    background-color: rgba(255, 255, 255, 0.664);
}

.dyuf-avatar-edit-form-container .account-page-info {
    margin-bottom: 0;
}

.dyuf-upload-form .form-description {
    font-size: 0.8rem;
}

.dyuf-attachments-container.dyuf-form-container, .dyuf-attachments-container .dyuf-upload-form {
    padding: 0.7rem;
}

.dyuf-attachments-container .dyuf-upload-form-container {
    padding: 0;
}

.dyuf-attachments-container .dyuf-upload-form .dyuf-attachment-info, em.dyuf-attachment-info {
    margin: 0;
    font-weight: normal;
}

.dyuf-attachments-container {
    padding-bottom: 2rem;
}

.dyuf-single-attachment form, .dyuf-attachments-container .dyuf-upload-form, .dybd-edit-report-param-container {
    border: 1px solid #00000011;
}

.dyuf-single-attachment {
    text-align: left;
}

.dyuf-single-attachment .dyuf-attachment-position, .dyuf-single-attachment .dyuf-attachment-displayname {
    display: inline-block;
}

.dyuf-single-attachment .dyuf-attachment-displayname {
    width: 80%;
}

.dyuf-single-attachment .dyuf-attachment-position {
    width: 15%;
}

.collapsible-edit-form h4 {
    text-align: right;
    font-size: 1.3rem;
}

.dyuf-upload-form .file input {
    cursor: pointer;
}

.dyuf-attachments-editable li:not(.expanded) form {
    padding-top: 0px;
    margin-bottom: 0px;
    border: none;
}

.dyuf-attachments-editable li form {
    overflow: hidden;
    max-height: 0px;
}

.profile-edit-form-container textarea {
    height: 10rem;
}

.file label {
    border: 1px solid #00000011;
    cursor: pointer;
    margin-bottom: 0.25rem;
}

.login-error a {
    color: red;
}

.comment-form .form-submit, .dyuf-form-container .login-submit, form select {
    padding: 0.4rem 0;
}

.dyuf-attachments-container {
    max-width: 600px;
    margin: auto;
    text-align: left;
}

.dyuf-form-container form, .dybd-form-container form {
    max-width: 600px;
    margin: auto;
    padding: 0.5rem 0.5rem 0 0.5rem;
}

.manage-resolved-state-form-container form {
    max-width: none;
}

.post-password-form label {
    max-width: 600px;
    margin: auto;
    padding-bottom: 0.7rem;
}

form input[type=text], form input[type=password], form input[type=email], form input[type=number], form input[type=date], form select, form textarea {
    width: 100%;
}

form, form p, .dyuf-form-container {
    text-align: center;
}

form label {
    text-align: left;
}

.g-recaptcha {
    display: inline-block;
}

.navbar .nav-flex-icons .nav-item {
    padding: 0.5rem;
    line-height: normal;
    display: inline-block;
}

.navbar .nav-flex-icons .nav-item .nav-link {
    display: inline-block;
    text-align: center;
    padding: 0.25rem;
}

.navbar .nav-flex-icons .nav-item .social-networks {
    line-height: 0;
    padding: 0;
    margin: 0;
}

.navbar .nav-flex-icons .nav-item .social-networks span {
    padding-bottom: 0.4rem;
    padding-top: 0.05rem;
    line-height: normal;
}

.dycms-language-selector .dropdown-toggle {
    margin-top:0.3rem;
}

.dycms-language-selector .dropdown-menu {
    min-width: 100%;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
}

.navbar .nav-flex-icons .nav-item span {
    color: #3788db;
    font-size: 0.66rem;
    text-align: center;
    padding: 0.3rem 0.15rem 0.15rem 0.15rem;
    display: block;
    text-transform: none;
    font-weight: normal;
}

.navbar .nav-flex-icons .nav-item .nav-link img {
    height: 1.3rem;
}

footer img {
    height: 0.8rem;
}

footer div.row {
    padding: 0.5rem;
    background-color: #fdfdfd;
}

.mask {
    background-color: #3788db51;
}

.card .card-body {
    padding: 1.25rem 0.5rem;
}

.card .card-body .card-title {
    font-weight: bolder;
    font-size: 1.4rem;
}

.card .card-body .card-text {
    font-size: 0.8rem;
}

.shadow-bottom-right {
    box-shadow: 10px 10px 10px rgba(0,0,0,0.12), 5px 5px 5px rgba(0,0,0,0.16);
    -moz-box-shadow: 10px 10px 10px rgba(0,0,0,0.12), 5px 5px 5px rgba(0,0,0,0.16);
    -webkit-box-shadow: 10px 10px 10px rgba(0,0,0,0.12), 5px 5px 5px rgba(0,0,0,0.16);
}

.inner-shadow-top {
    box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.12), inset 0 5px 5px -5px rgba(0,0,0,0.16);
    -moz-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.12), inset 0 5px 5px -5px rgba(0,0,0,0.16);
    -webkit-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.12), inset 0 5px 5px -5px rgba(0,0,0,0.16);
}

.container-xxl {
    width: 100%;
}

.navbar-brand {
    height: 2.8rem;
    padding: 0.25rem 0rem;
}

.mt-navbar {
    margin-top: 2.8rem;
}

.pt-navbar {
    padding-top: 2.8rem;
}

.navbar-anchor {
    position: relative !important;
    top: -2.8rem;
}

.fz-1 {
    font-size: 0.25rem;
}

.fz-2 {
    font-size: 0.5rem;
}

.fz-3 {
    font-size: 0.75rem;
}

.fz-4 {
    font-size: 1rem;
}

.fz-5 {
    font-size: 1.25rem;
}

.fz-6 {
    font-size: 1.5rem;
}

.fz-7 {
    font-size: 1.75rem;
}

.fz-8 {
    font-size: 2rem;
}

.fz-9 {
    font-size: 2.25rem;
}

.fz-10 {
    font-size: 2.5rem;
}

.mw-25 {
    max-width: 25% !important;
}

.mw-50 {
    max-width: 50% !important;
}

.mw-75 {
    max-width: 75% !important;
}

.mw-100 {
    max-width: 100% !important;
}

.col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-auto,
.col-xxl, .col-xxl-1, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

/*This is xs breakpoint  */
@media (min-width: 400px) {
    .fz-xs-1 {
        font-size: 0.25rem;
    }

    .fz-xs-2 {
        font-size: 0.5rem;
    }

    .fz-xs-3 {
        font-size: 0.75rem;
    }

    .fz-xs-4 {
        font-size: 1rem;
    }

    .fz-xs-5 {
        font-size: 1.25rem;
    }

    .fz-xs-6 {
        font-size: 1.5rem;
    }

    .fz-xs-7 {
        font-size: 1.75rem;
    }

    .fz-xs-8 {
        font-size: 2rem;
    }

    .fz-xs-9 {
        font-size: 2.25rem;
    }

    .fz-xs-10 {
        font-size: 2.5rem;
    }

    .w-xs-25 {
        width: 25% !important;
    }

    .w-xs-50 {
        width: 50% !important;
    }

    .w-xs-75 {
        width: 75% !important;
    }

    .w-xs-100 {
        width: 100% !important;
    }

    .mw-xs-25 {
        max-width: 25% !important;
    }

    .mw-xs-50 {
        max-width: 50% !important;
    }

    .mw-xs-75 {
        max-width: 75% !important;
    }

    .mw-xs-100 {
        max-width: 100% !important;
    }

    .pt-xs-25 {
        padding-top: 25% !important;
    }

    .pt-xs-50 {
        padding-top: 50% !important;
    }

    .pt-xs-75 {
        padding-top: 75% !important;
    }

    .pt-xs-100 {
        padding-top: 100% !important;
    }

    .pt-xs-0, .py-xs-0 {
        padding-top: 0rem !important;
    }

    .pt-xs-1, .py-xs-1 {
        padding-top: 0.25rem !important;
    }

    .pt-xs-2, .py-xs-2 {
        padding-top: 0.5rem !important;
    }

    .pt-xs-3, .py-xs-3 {
        padding-top: 1rem !important;
    }

    .pt-xs-4, .py-xs-4 {
        padding-top: 1.5rem !important;
    }

    .pt-xs-5, .py-xs-5 {
        padding-top: 3rem !important;
    }

    .pb-xs-0, .py-xs-0 {
        padding-bottom: 0rem !important;
    }

    .pb-xs-1, .py-xs-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-xs-2, .py-xs-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-xs-3, .py-xs-3 {
        padding-bottom: 1rem !important;
    }

    .pb-xs-4, .py-xs-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-xs-5, .py-xs-5 {
        padding-bottom: 3rem !important;
    }

    .pl-xs-0, .px-xs-0 {
        padding-left: 0rem !important;
    }

    .pl-xs-1, .px-xs-1 {
        padding-left: 0.25rem !important;
    }

    .pl-xs-2, .px-xs-2 {
        padding-left: 0.5rem !important;
    }

    .pl-xs-3, .px-xs-3 {
        padding-left: 1rem !important;
    }

    .pl-xs-4, .px-xs-4 {
        padding-left: 1.5rem !important;
    }

    .pl-xs-5, .px-xs-5 {
        padding-left: 3rem !important;
    }

    .pr-xs-0, .px-xs-0 {
        padding-right: 0rem !important;
    }

    .pr-xs-1, .px-xs-1 {
        padding-right: 0.25rem !important;
    }

    .pr-xs-2, .px-xs-2 {
        padding-right: 0.5rem !important;
    }

    .pr-xs-3, .px-xs-3 {
        padding-right: 1rem !important;
    }

    .pr-xs-4, .px-xs-4 {
        padding-right: 1.5rem !important;
    }

    .pr-xs-5, .px-xs-5 {
        padding-right: 3rem !important;
    }

    .d-xs-inline {
        display: inline !important;
    }

    .d-xs-inline-block {
        display: inline-block !important;
    }

    .d-xs-block {
        display: block !important;
    }

    .d-xs-flex {
        display: flex !important;
    }

    .text-xs-justify {
        text-align: justify !important;
    }

    .float-xs-left {
        float: left !important;
    }

    .float-xs-right {
        float: right !important;
    }

    .float-xs-none {
        float: none !important;
    }
    /* NOTICE: col-xs cannot be defined here because it needs to be before the bootstrap.css inclusion. */
}

/*This is sm breakpoint  */
@media (min-width: 576px) {
    .fz-sm-1 {
        font-size: 0.25rem;
    }

    .fz-sm-2 {
        font-size: 0.5rem;
    }

    .fz-sm-3 {
        font-size: 0.75rem;
    }

    .fz-sm-4 {
        font-size: 1rem;
    }

    .fz-sm-5 {
        font-size: 1.25rem;
    }

    .fz-sm-6 {
        font-size: 1.5rem;
    }

    .fz-sm-7 {
        font-size: 1.75rem;
    }

    .fz-sm-8 {
        font-size: 2rem;
    }

    .fz-sm-9 {
        font-size: 2.25rem;
    }

    .fz-sm-10 {
        font-size: 2.5rem;
    }

    .w-sm-25 {
        width: 25% !important;
    }

    .w-sm-50 {
        width: 50% !important;
    }

    .w-sm-75 {
        width: 75% !important;
    }

    .w-sm-100 {
        width: 100% !important;
    }

    .mw-sm-25 {
        max-width: 25% !important;
    }

    .mw-sm-50 {
        max-width: 50% !important;
    }

    .mw-sm-75 {
        max-width: 75% !important;
    }

    .mw-sm-100 {
        max-width: 100% !important;
    }

    .pt-sm-25 {
        padding-top: 25% !important;
    }

    .pt-sm-50 {
        padding-top: 50% !important;
    }

    .pt-sm-75 {
        padding-top: 75% !important;
    }

    .pt-sm-100 {
        padding-top: 100% !important;
    }

    .text-sm-justify {
        text-align: justify !important;
    }

    .float-sm-left {
        float: left !important;
    }

    .float-sm-right {
        float: right !important;
    }

    .float-sm-none {
        float: none !important;
    }
}

/*This is md breakpoint */
@media (min-width: 768px) {
    .navbar-brand {
        height: 3.5rem;
    }

    .mt-navbar {
        margin-top: 3.5rem;
    }

    .pt-navbar {
        padding-top: 3.5rem;
    }

    .navbar-anchor {
        top: -3.5rem;
    }

    .fz-md-1 {
        font-size: 0.25rem;
    }

    .fz-md-2 {
        font-size: 0.5rem;
    }

    .fz-md-3 {
        font-size: 0.75rem;
    }

    .fz-md-4 {
        font-size: 1rem;
    }

    .fz-md-5 {
        font-size: 1.25rem;
    }

    .fz-md-6 {
        font-size: 1.5rem;
    }

    .fz-md-7 {
        font-size: 1.75rem;
    }

    .fz-md-8 {
        font-size: 2rem;
    }

    .fz-md-9 {
        font-size: 2.25rem;
    }

    .fz-md-10 {
        font-size: 2.5rem;
    }

    .w-md-25 {
        width: 25% !important;
    }

    .w-md-50 {
        width: 50% !important;
    }

    .w-md-75 {
        width: 75% !important;
    }

    .w-md-100 {
        width: 100% !important;
    }

    .mw-md-25 {
        max-width: 25% !important;
    }

    .mw-md-50 {
        max-width: 50% !important;
    }

    .mw-md-75 {
        max-width: 75% !important;
    }

    .mw-md-100 {
        max-width: 100% !important;
    }

    .pt-md-25 {
        padding-top: 25% !important;
    }

    .pt-md-50 {
        padding-top: 50% !important;
    }

    .pt-md-75 {
        padding-top: 75% !important;
    }

    .pt-md-100 {
        padding-top: 100% !important;
    }
}

/*This is lg breakpoint  */
@media (min-width: 992px) {
    .dyuf-form-container {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .fz-lg-1 {
        font-size: 0.25rem;
    }

    .fz-lg-2 {
        font-size: 0.5rem;
    }

    .fz-lg-3 {
        font-size: 0.75rem;
    }

    .fz-lg-4 {
        font-size: 1rem;
    }

    .fz-lg-5 {
        font-size: 1.25rem;
    }

    .fz-lg-6 {
        font-size: 1.5rem;
    }

    .fz-lg-7 {
        font-size: 1.75rem;
    }

    .fz-lg-8 {
        font-size: 2rem;
    }

    .fz-lg-9 {
        font-size: 2.25rem;
    }

    .fz-lg-10 {
        font-size: 2.5rem;
    }

    .w-lg-25 {
        width: 25% !important;
    }

    .w-lg-50 {
        width: 50% !important;
    }

    .w-lg-75 {
        width: 75% !important;
    }

    .w-lg-100 {
        width: 100% !important;
    }

    .mw-lg-25 {
        max-width: 25% !important;
    }

    .mw-lg-50 {
        max-width: 50% !important;
    }

    .mw-lg-75 {
        max-width: 75% !important;
    }

    .mw-lg-100 {
        max-width: 100% !important;
    }

    .pt-lg-25 {
        padding-top: 25% !important;
    }

    .pt-lg-50 {
        padding-top: 50% !important;
    }

    .pt-lg-75 {
        padding-top: 75% !important;
    }

    .pt-lg-100 {
        padding-top: 100% !important;
    }

    .navbar-brand {
        height: 5.3rem;
    }

    .mt-navbar {
        margin-top: 5.3rem
    }

    .pt-navbar {
        padding-top: 5.3rem;
    }

    .navbar-anchor {
        top: -5.3rem;
    }

    /*The navbar is more transparent on large screens only when the page is not scrolled. Scrolling makes it less transparent due to the last background-color rule. */
    .navbar.navbar-light.navbar.navbar-light.nav-toggle-active {
        background-color: #FFFFFFB8;
    }

    .navbar.navbar-light.navbar.navbar-light.top-nav-collapse {
        background-color: #FFFFFFEA;
    }
}

/*This is xl breakpoint  */
@media (min-width: 1200px) {
    .fz-xl-1 {
        font-size: 0.25rem;
    }

    .fz-xl-2 {
        font-size: 0.5rem;
    }

    .fz-xl-3 {
        font-size: 0.75rem;
    }

    .fz-xl-4 {
        font-size: 1rem;
    }

    .fz-xl-5 {
        font-size: 1.25rem;
    }

    .fz-xl-6 {
        font-size: 1.5rem;
    }

    .fz-xl-7 {
        font-size: 1.75rem;
    }

    .fz-xl-8 {
        font-size: 2rem;
    }

    .fz-xl-9 {
        font-size: 2.25rem;
    }

    .fz-xl-10 {
        font-size: 2.5rem;
    }

    .w-xl-25 {
        width: 25% !important;
    }

    .w-xl-50 {
        width: 50% !important;
    }

    .w-xl-75 {
        width: 75% !important;
    }

    .w-xl-100 {
        width: 100% !important;
    }

    .mw-xl-25 {
        max-width: 25% !important;
    }

    .mw-xl-50 {
        max-width: 50% !important;
    }

    .mw-xl-75 {
        max-width: 75% !important;
    }

    .mw-xl-100 {
        max-width: 100% !important;
    }

    .pt-xl-25 {
        padding-top: 25% !important;
    }

    .pt-xl-50 {
        padding-top: 50% !important;
    }

    .pt-xl-75 {
        padding-top: 75% !important;
    }

    .pt-xl-100 {
        padding-top: 100% !important;
    }
}

/* This is extra-extra large breakpoint so that we have normal site margins on 1920 px displays */
@media (min-width: 1568px) {
    .navbar-brand {
        height: 6.3rem;
    }

    .mt-navbar {
        margin-top: 6.3rem
    }

    .pt-navbar {
        padding-top: 6.3rem;
    }

    .navbar-anchor {
        top: -6.3rem;
    }

    .nav-links {
        margin-top: 1rem;
    }

    .container, .container-xs, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
        max-width: 1520px;
    }

    .fz-xxl-1 {
        font-size: 0.25rem;
    }

    .fz-xxl-2 {
        font-size: 0.5rem;
    }

    .fz-xxl-3 {
        font-size: 0.75rem;
    }

    .fz-xxl-4 {
        font-size: 1rem;
    }

    .fz-xxl-5 {
        font-size: 1.25rem;
    }

    .fz-xxl-6 {
        font-size: 1.5rem;
    }

    .fz-xxl-7 {
        font-size: 1.75rem;
    }

    .fz-xxl-8 {
        font-size: 2rem;
    }

    .fz-xxl-9 {
        font-size: 2.25rem;
    }

    .fz-xxl-10 {
        font-size: 2.5rem;
    }

    .w-xxl-25 {
        width: 25% !important;
    }

    .w-xxl-50 {
        width: 50% !important;
    }

    .w-xxl-75 {
        width: 75% !important;
    }

    .w-xxl-100 {
        width: 100% !important;
    }

    .mw-xxl-25 {
        max-width: 25% !important;
    }

    .mw-xxl-50 {
        max-width: 50% !important;
    }

    .mw-xxl-75 {
        max-width: 75% !important;
    }

    .mw-xxl-100 {
        max-width: 100% !important;
    }

    .pt-xxl-25 {
        padding-top: 25% !important;
    }

    .pt-xxl-50 {
        padding-top: 50% !important;
    }

    .pt-xxl-75 {
        padding-top: 75% !important;
    }

    .pt-xxl-100 {
        padding-top: 100% !important;
    }

    .col-xxl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-xxl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-xxl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xxl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-xxl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-xxl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xxl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-xxl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-xxl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xxl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-xxl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-xxl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .offset-xxl-1 {
        margin-left: 8.333333%;
    }

    .offset-xxl-2 {
        margin-left: 16.666667%;
    }

    .offset-xxl-3 {
        margin-left: 25%;
    }

    .offset-xxl-4 {
        margin-left: 33.333333%;
    }

    .offset-xxl-5 {
        margin-left: 41.666667%;
    }

    .offset-xxl-6 {
        margin-left: 50%;
    }

    .offset-xxl-7 {
        margin-left: 58.333333%;
    }

    .offset-xxl-8 {
        margin-left: 66.666667%;
    }

    .offset-xxl-9 {
        margin-left: 75%;
    }

    .offset-xxl-10 {
        margin-left: 83.333333%;
    }

    .offset-xxl-11 {
        margin-left: 91.666667%;
    }

    .offset-xxl-12 {
        margin-left: 100%;
    }
}

ul.archived-posts {
    margin-bottom: 0;
}