/*
Theme Name: APPA Norte
Theme URI: https://github.com/mrhdias
Author: Henrique Dias
Author URI: https://github.com/mrhdias
Description: A custom theme built from scratch for APPDA Norte.
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 8.3
Version: 0.0.1
License: MIT License
License URI: https://mit-license.org
Text Domain: appda-norte-theme
*/

/*
 * Tools:
 * https://www.svgminify.com/
 */

/*
 * Breakpoints:
 * x-small-devices: 480px
 * small-devices: 819px
 * medium-devices: 1075px
 * large-devices: 1280px
 * x-large-devices: 1640px
 *
 * Defaults
 */

:root {
    --max-site-width: 1640px;
    --max-inner-width: 1180px;
    --menu-mobile-width: 215px;
    --scroll-bar-width: 0px; /* Default */
    /* colors */
    --default-color: #0F25A7;
    --blue-dark-color: #14008C;
    --blue-darkness-color: #09013B;
    --blue-gray-color: #352D6C;
    --blue-lightness-color: #EBF4FF;
    --blue-light-color: #D2E3FF;
    --red-light-color: #D90000;
    --red-dark-color: #B20000;
    --white-color: #FFFFFF;
    --background-color: #FBFDFF;
    --green-light-color: #00B661;
    --shadow-color: #d1d1d1;
}

html, body {
    font-family: 'Montserrat';
    font-weight: 400;
    height: 100%!important;
}

body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: var(--max-site-width);
    margin: 0 auto;
    padding: 0;
    background-color: var(--background-color);
}

/*
 * APPDA Side Padding
 */

.appda-side-padding {
    padding: 0 20px;
}

/*
 * APPDA Paragraph
 */

.appda-p {
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 18px;
    line-height: 28.5px;
    color: var(--blue-darkness-color);
    margin: 0;
}

/*
 * APPDA Headers
 */

.appda-h1 {
    font-family: 'MazzardSoftH';
    font-size: 32px;
    line-height: 42px;
    color: var(--blue-dark-color);
    font-weight: 700;
    margin: 0;
}
.appda-h2 {
    font-family: 'MazzardSoftH';
    font-size: 26px;
    line-height: 36px;
    color: var(--blue-dark-color);
    font-weight: 700;
    margin: 0;
}
.appda-h3 {
    font-family: 'MazzardSoftH';
    font-size: 22px;
    line-height: 30px;
    color: var(--blue-dark-color);
    font-weight: 700;
    margin: 0;
}
@media (min-width: 480px) {
    .appda-side-padding {
        padding: 0 25px;
    }
    .appda-h1 {
        font-size: 36px;
        line-height: 46px;
    }
    .appda-h2 {
        font-size: 32px;
        line-height: 45px;
    }
    .appda-h3 {
        font-size: 28px;
        line-height: 37px;
    }
}
@media (min-width: 819px) {
    .appda-h1 {
        font-size: 55px;
        line-height: 70px;
    }
    .appda-h2 {
        font-size: 39px;
        line-height: 55px;
    }
    .appda-h3 {
        font-size: 25px;
        line-height: 34px;
    }
}
@media (min-width: 1075px) {
    .appda-side-padding {
        padding: 0 50px;
    }
    .appda-h3 {
        font-size: 28px;
        line-height: 37px;
    }
}

/*
 * Main Menu
 */

#appda-main-menu {
    position: fixed;
    background-color: var(--blue-lightness-color);
    display: flex;
    flex-direction: row;
    z-index: 10;
    box-shadow: 2px 2px 10px 1px var(--shadow-color);
    padding: 0 25px;
    left: 0;
    right: 0;
    justify-content: space-between;
    height: 99.85px;
    align-items: baseline;
}
#appda-main-menu .logo {
    padding: 18.14px 0;
}
#appda-main-menu .menu-block {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    flex-direction: row;
    position: relative;
    top: -10px;
}
#appda-main-menu .menu-mobile-switch {
    display: block;
    cursor: pointer;
}
#appda-main-menu .menu-list {
    position: absolute;
    top: 51px;
    right: -25px;
    height: 100vh;
    background-color: var(--blue-lightness-color);
    display: flex;
    flex-direction: column;
    list-style: none;
    font-size: 18px;
    line-height: 28.5px;
    font-weight: 600;
    margin: 0 calc(-1 * var(--menu-mobile-width)) 0 0;
    padding: 25px;
    width: var(--menu-mobile-width);
    gap: 30px;
    align-items: stretch;
    transition: transform 0.5s ease-in-out;
}
#appda-main-menu .menu-list li {
    padding: 7px 6px 4px 6px;
}
#appda-main-menu .menu-block:has(#menu-mobile-check:checked) .menu-list {
    display: flex;
    transform: translateX(calc(-1 * var(--menu-mobile-width)));
}
#appda-main-menu .menu-list > li:has(.current-menu-item) > .menu-item {
    border-bottom: 2px solid var(--red-light-color);
}
#appda-main-menu .menu-list li .menu-item {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: space-between;
    padding-bottom: 5px;
}
#appda-main-menu .menu-item {
    color: var(--blue-darkness-color);
    text-decoration: none;
}
#appda-main-menu .icon-arrow-down,
#appda-main-menu .icon-arrow-down svg {
    width: 17.38px;
    height: 10.52px;
    color: var(--blue-darkness-color);
}
#appda-main-menu .icon-arrow-down svg {
    fill: var(--blue-darkness-color);
}
#appda-main-menu .menu-list li .submenu {
    display: none;
    position: unset;
    top: unset;
    flex-direction: column;
    align-items: stretch;
    list-style: none;
    margin: 0;
    padding: 0;
    font-weight: 400;
    background-color: unset;
    border-radius: unset;
    box-shadow: unset;
}
#appda-main-menu .menu-list li .submenu li {
    display: flex;
    position: unset;
    padding: 7px 6px 4px 6px;
}
#appda-main-menu .menu-list li:has(input[name="submenu-button"]:checked) .submenu {
    display: flex;
}
#appda-main-menu .menu-list .menu-item:has(input[name="submenu-button"]:checked) .icon-arrow-down svg {
    transform: rotate(180deg);
}
@media (min-width: 819px) {
    #appda-main-menu {
        flex-direction: column;
        align-items: unset;
        height: 154.85px;
    }
    #appda-main-menu .menu-block {
        position: unset;
        top: unset;
    }
    #appda-main-menu .menu-block:has(#menu-mobile-check:checked) .menu-list {
        transform: unset;
    }
    #appda-main-menu .menu-mobile-switch {
        display: none;
    }
    #appda-main-menu .menu-list {
        position: unset;
        top: unset;
        right: unset;
        height: unset;
        flex-direction: row;
        margin: 0 0 0 -18px;
        padding: 0;
        width: unset;
        gap: unset;
        align-items: unset;
        transition: unset;
    }
    #appda-main-menu .menu-list li {
        padding: 0px 15px 17px 15px;
        position: relative;
        border-bottom: 4px solid #00000000;
    }
    #appda-main-menu .menu-list > li:has(.current-menu-item) {
        border-bottom: 4px solid var(--red-light-color);
    }
    #appda-main-menu .menu-list > li:has(.current-menu-item) > .menu-item {
        border-bottom: unset;
    }
    #appda-main-menu .menu-list li .menu-item {
        justify-content: center;
        padding-bottom: unset;
    }
    #appda-main-menu .menu-item {
        color: var(--blue-dark-color);
    }
    #appda-main-menu .icon-arrow-down,
    #appda-main-menu .icon-arrow-down svg {
        width: 14.86px;
        height: 9px;
        color: var(--blue-dark-color);
    }
    #appda-main-menu .icon-arrow-down svg {
        fill: var(--blue-dark-color);
    }
    #appda-main-menu .menu-list li .submenu {
        display: none;
        position: absolute;
        top: 50px;
        font-weight: 500;
        background-color: var(--blue-lightness-color);
        border-radius: 0 0 15px 15px;
        box-shadow: 2px 2px 10px 1px var(--shadow-color);
    }
    #appda-main-menu .menu-list li .submenu li {
        padding: 10px 20px;
    }
    #appda-main-menu .menu-list > li:first-child {
        width: 183.86px;
        padding: 0px 0 17px 0;
    }
    #appda-main-menu .menu-list > li:first-child .submenu {
        width: 183.86px;
    }
    #appda-main-menu .menu-list > li:nth-child(2) {
        width: 153.86px;
        padding: 0px 0 17px 0;
    }
    #appda-main-menu .menu-list > li:nth-child(2) .submenu {
        width: 153.86px;
    }
    #appda-main-menu .menu-list li .submenu li:has(.current-menu-item):last-child {
        border-radius: 0 0 15px 15px;
    }
    #appda-main-menu .menu-list li input[name="submenu-button"] {
        pointer-events: none;
    }
    #appda-main-menu .menu-list li .submenu li a:hover {
        color:var(--red-light-color);
    }
    #appda-main-menu a:hover {
        color: var(--red-light-color);
    }
    #appda-main-menu .menu-list li:hover .submenu {
        display: flex;
    }
}
@media (min-width: 1075px) {
    #appda-main-menu {
        flex-direction: row;
        padding: 0 50px;
        height: 89.76px;
    }
    #appda-main-menu .menu-block {
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
    }
    #appda-main-menu .logo {
        padding: 15px 0;
    }
    #appda-main-menu .menu-list {
        margin: 0;
        padding: unset;
    }
}
@media (min-width: 1640px) {
    #appda-main-menu {
        left: calc((100vw - var(--max-site-width) - var(--scroll-bar-width)) / 2);
        right: calc((100vw - var(--max-site-width) - var(--scroll-bar-width)) / 2);
    }
    #appda-main-menu .menu-list li {
        padding: 0px 19px 17px 19px;
    }
}
#appda-main-menu .menu-list li .submenu li:has(.current-menu-item) {
    background-color: var(--blue-light-color);
}
#appda-main-menu .menu-list li .submenu li .menu-item {
    color: var(--blue-darkness-color);
}

/*
 * Main Content
 */

#main {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-grow: 1;
    padding-top: 99.85px;
    padding-bottom: 0;
    width: 100%;
}
#main.layout-compact {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: flex-start;
    background-color: var(--background-color);
    padding-left: 20px;
    padding-right: 20px;
    width: calc(100% - 20px * 2);
}
@media (min-width: 480px) {
    #main.layout-compact {
        padding-left: 25px;
        padding-right: 25px;
        width: calc(100% - 25px * 2);
    }
}
@media (min-width: 819px) {
    #main {
        padding-top: 154.85px;
    }
    #main:has(.wpadminbar) {
        padding-top: calc(154.85px + 32px);
    }
}
@media (min-width: 1075px) {
    #main {
        padding-top: 89.75px;
    }
    #main:has(.wpadminbar) {
        padding-top: calc(89.76px + 32px);
    }
    #main.layout-compact {
        padding-left: 50px;
        padding-right: 50px;
    }
    #main:has(.layout-compact) {
        padding-left: 50px;
        padding-right: 50px;
        width: calc(100% - 50px * 2);
    }
}
@media (min-width: 1280px) {
    #main {
        max-width: var(--max-inner-width);
        margin: 0 auto;
    }
    /*
     * APPDA News Slider & Faixa
     */
    .appda-news-slider,
    .appda-faixa {
        margin: 0 calc((100vw - var(--max-inner-width) - var(--scroll-bar-width)) / -2);
    }
}
@media (min-width: 1640px) {
    /*
     * APPDA News Slider & Faixa
     */
    .appda-news-slider,
    .appda-faixa {
        margin: 0 calc((var(--max-site-width) - var(--max-inner-width)) / -2);
    }
}


/*
 * APPDA Page Header
 */
.appda-page-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 35px;
    justify-content: flex-end;
    margin-top: 50px;
    padding-bottom: 50px;
}
#main.layout-services .appda-page-header {
    border-bottom: 4px solid var(--red-light-color);
    padding: 0 20px 25px 20px;
}
.appda-page-header .appda-breadcrumb {
    display: none;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    color: var(--blue-gray-color);
    font-size: 16px;
    line-height: 22px;
}
.appda-page-header .appda-breadcrumb .path {
    color: var(--blue-gray-color);
}
.appda-page-header .appda-breadcrumb .path:last-child {
    font-weight: 600;
}
.appda-page-header .appda-breadcrumb .path:hover {
    color: var(--red-light-color);
}
.appda-page-header .appda-breadcrumb a[href="#"] {
    pointer-events: none;
    text-decoration: none;
}
.appda-page-header .appda-breadcrumb .icon,
.appda-page-header .appda-breadcrumb .icon > svg {
    display: block;
    width: 5px;
    height: 10px;
}
#main.layout-services .appda-page-header .appda-h1 {
    color: var(--blue-darkness-color);
}
.appda-page-header .subheader-service-age {
    color: var(--blue-darkness-color);
    font-family: 'MazzardSoftH';
    font-size: 28px;
    line-height: 37px;
    font-weight: 700;
    margin: 0;
}
@media (min-width: 480px) {
    #main.layout-services .appda-page-header {
        padding: 0 25px 25px 25px;
    }
    .appda-page-header .appda-breadcrumb {
        display: flex;
    }
    .appda-page-header .header-title {
        font-size: 36px;
        line-height: 46px;
    }
}
@media (min-width: 819px) {
    .appda-page-header .header-title {
        font-size: 55px;
        line-height: 70px;
    }
}
@media (min-width: 1075px) {
    #main.layout-services .appda-page-header {
        padding: 0 50px 25px 50px;
    }
    .appda-page-header {
        padding-bottom: 75px;
    }
}

/****************
 * Blog Aka News
 ****************/

/*
 * APPDA News Header
 */

.appda-news .appda-post-date {
    font-size: 18px;
    line-height: 28.5px;
    color: var(--blue-darkness-color);
}

/*
 * APPDA News Navigation
 */

.appda-news .appda-post-navigation {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
    gap: 20px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    margin: 100px 0;
}
.appda-news .appda-post-navigation .arrow-nav {
    display: flex;
    width: 100%;
}
.appda-news .appda-post-navigation .next-post {
    justify-content: flex-start
}
.appda-news .appda-post-navigation .prev-post {
    justify-content: flex-end;
}
.appda-news .appda-post-navigation a {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: baseline;
    text-decoration: none;
    color: var(--blue-gray-color);
}
.appda-news .appda-post-navigation a .icon {
    margin: 0;
}
.appda-news .appda-post-navigation a .icon,
.appda-news .appda-post-navigation a .icon svg {
    display: block;
    width: 9px;
    height: 14px;
}
.appda-news .appda-post-navigation a .icon svg {
    fill: var(--blue-gray-color);
}
.appda-news .appda-post-navigation a .title {
    text-decoration: underline;
}
.appda-news .appda-post-navigation a:hover .title {
    color: var(--red-light-color);
}
.appda-news .appda-post-navigation a:hover .icon svg {
    fill: var(--red-light-color);
}

/*
 * APPDA News Featured Content
 */

.appda-news .appda-featured-content {
    display: flex;
    gap: 50px;
    flex-direction: column-reverse;
}
.appda-news .appda-featured-content .box {
    width: 100%;
}
.appda-news .appda-featured-content .appda-featured-text {
    font-size: 18px;
    line-height: 28.5px;
    color: var(--blue-darkness-color);
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.appda-news .appda-featured-content .appda-featured-text p {
    margin: 0;
}
.appda-news .appda-featured-content .appda-featured-text br {
    display: block;
    margin-bottom: 20px;
    content: '';
}
.appda-news .appda-featured-content .appda-featured-text strong {
    font-weight: 700;
}
.appda-news .appda-featured-content .appda-featured-text hr {
    height: 1px;
    border: none;
    margin: 0px;
    background-color: #00000000;
}
.appda-news .appda-featured-content .appda-featured-text ul {
    margin: 0;
    padding: 0 0 0 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.appda-news .appda-featured-content .appda-featured-text ul > li::marker {
    font-size: 20px;
}
.appda-news .appda-featured-content .appda-featured-text a {
    color: var(--blue-darkness-color);
}
.appda-news .appda-featured-content .appda-featured-text a:hover {
    color: var(--red-light-color);
}
.appda-news .appda-featured-content .appda-featured-image img {
    width: 100%;
    height: auto;
}
.appda-news .appda-featured-content .appda-featured-text a.registration {
    background-color: var(--default-color);
    color: var(--white-color);
}
.appda-news .appda-featured-content .appda-featured-text a.registration .icon > svg {
    fill: var(--white-color);
}
@media (min-width: 1075px) {
    .appda-news .appda-featured-content {
        flex-direction: row;
    }
    .appda-news .appda-featured-content .box {
        width: calc((100% - 50px) / 2);
    }
}

/*
 * APPDA News Post Gallery
 */

.appda-news .appda-post-gallery {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 50px;
    width: 100%;
    margin-top: 100px;
}
.appda-news .appda-post-gallery .image {
    width: 100%;
}
@media (min-width: 819px) {
    .appda-news .appda-post-gallery .image {
        width: calc((100% - 50px) / 2);
    }
}

/*
 * Footer
 */

#footer {
    display: flex;
    flex-direction: column;
}

/*
 * Menu Bottom Bar
 */

#menu-bottom-bar {
    display: flex;
    flex-direction: column;
    padding: 50px 25px 50px 25px;
    background-color: var(--blue-lightness-color);
    border-top: 2px solid var(--red-light-color);
}
#menu-bottom-bar .box.logo a {
    display: block;
}
#menu-bottom-bar .box.logo img {
    width: 100%;
    max-width: 361px;
    height: auto;
}
#menu-bottom-bar .box.links {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 50px;
    font-size: 16px;
    line-height: 22px;
    padding-top: 32px;
}
#menu-bottom-bar .list-block {
    display: flex;
    gap: 15px;
    list-style: none;
    margin: 0;
    padding: 0;
    flex-direction: column;
}
#menu-bottom-bar .list-block .first {
    font-weight: 600;
    color: var(--blue-dark-color);
}
#menu-bottom-bar .list-block a {
    color: var(--blue-dark-color);
}
#menu-bottom-bar .list-block a:hover {
    color: var(--red-light-color);
}
@media (min-width: 480px) {
    #menu-bottom-bar {
        padding: 40px 25px 40px 25px;
    }
    #menu-bottom-bar .box.links {
        justify-content: space-between;
        flex-wrap: nowrap;
    }
}
@media (min-width: 819px) {
    #menu-bottom-bar {
        padding: 50px 25px 75px 25px;
    }
    #menu-bottom-bar .box.links {
        justify-content: flex-start;
        gap: 75px;
    }
}
@media (min-width: 1075px) {
    #menu-bottom-bar {
        display: flex;
        flex-direction: row;
        padding: 50px 50px 75px 50px;
    }
    #menu-bottom-bar .box.logo {
        width: calc(100% * 2 / 5);
    }
    #menu-bottom-bar .box.links {
        width: calc(100% * 3 / 5);
        gap: 50px;
    }
    #menu-bottom-bar .list-block {
        width: calc((100% - 50px * 2) / 3);
        justify-content: unset;
    }
}
@media (min-width: 1280px) {
    #menu-bottom-bar .box.logo {
        width: calc(100% * 3 / 6);
    }
    #menu-bottom-bar .box.links {
        width: calc(100% * 3 / 6);
        gap: 50px;
    }
}

/*
 * Contacts Bar
 */

#contacts-bar {
    display: flex;
    background-color: var(--blue-light-color);
    padding: 30px 20px;
    justify-content: flex-start;
    flex-direction: column;
    gap: 25px;
}
#contacts-bar .contact-bar {
    display: flex;
    gap: 8px;
}
#contacts-bar .icon-location,
#contacts-bar .icon-location svg {
    width: 15px;
    height: 17.99px;
}
#contacts-bar .icon-phone,
#contacts-bar .icon-phone svg {
    width: 19.36px;
    height: 18.36px;
}
#contacts-bar .icon-email,
#contacts-bar .icon-email svg {
    width: 20px;
    height: 13.53px;
}
#contacts-bar .icon-facebook,
#contacts-bar .icon-facebook svg {
    width: 26px;
    height: 25.9px;
}
#contacts-bar .icon-instagram,
#contacts-bar .icon-instagram svg {
    width: 26px;
    height: 26px;
}
#contacts-bar i svg {
    fill: var(--blue-dark-color);
}
#contacts-bar a {
    font-size: 16px;
    line-height: 22px;
    color: var(--blue-dark-color);
}
#contacts-bar a:hover {
    color: var(--red-light-color);
}
#contacts-bar .appda-social-networks a {
    text-decoration: none;
}
#contacts-bar .appda-social-networks a:hover svg {
    fill: var(--red-light-color);
}
@media (min-width: 480px) {
    #contacts-bar {
        padding: 30px 25px;
    }
}
@media (min-width: 819px) {
    #contacts-bar {
        justify-content: space-between;
        flex-direction: row;
        flex-wrap: wrap;
    }
    #contacts-bar .contact-bar:nth-child(-n + 2) {
        width: 100%;
    }
}
@media (min-width: 1075px) {
    #contacts-bar {
        justify-content: space-between;
        flex-direction: row;
        flex-wrap: wrap;
        padding: 25px 50px;
    }
    #contacts-bar .contact-bar {
        width: unset;
        align-items: center;
    }
    #contacts-bar .contact-bar:nth-child(1) {
        width: 100%;
    }
    #contacts-bar .contact-bar:nth-child(2) {
        width: calc((100%* 2 / 5) - 35px);
    }
    #contacts-bar .contact-bar:nth-child(3) {
        width: calc(100%* 2 / 5);
    }
    #contacts-bar .contact-bar:nth-child(4) {
        width: calc((100%* 1 / 5) - 35px);
    }
}
@media (min-width: 1280px) {
    #contacts-bar {
        flex-wrap: nowrap;
        align-items: flex-start;
    }
    #contacts-bar .contact-bar:nth-child(-n + 4) {
        width: unset;
    }
}
/*
 * Bottom Bar
 */

#bottom-bar {
    display: grid;
    grid-template-columns: auto auto;
    gap: 15px 25px;
    padding: 15px 20px;
    background-color: var(--default-color);
    color: var(--white-color);
    font-size: 14px;
    line-height: 17.07px;
}
#bottom-bar a {
    color: #fff;
}
#bottom-bar a:hover {
    color: var(--red-light-color);
}
@media (min-width: 480px) {
    #bottom-bar {
        gap: 15px 50px;
        padding: 15px 25px;
    }
}
@media (min-width: 819px) {
    #bottom-bar {
        grid-template-columns: 1fr auto auto auto;
        gap: 50px;
    }
}
@media (min-width: 1075px) {
    #bottom-bar {
        grid-template-columns: calc((100% * 2 / 5) - 50px) auto auto auto;
        padding: 15px 50px;
    }
}
@media (min-width: 1280px) {
    #bottom-bar {
        grid-template-columns: calc((100% * 3 / 6) - 50px) auto auto auto;
    }
    #bottom-bar a {
        text-align: right;
    }
}

/*
 * Disabled the links with href equal to #
 */

a[href="#"] {
    pointer-events: none;
    opacity: 0.75;
}

/*
 * APPDA HTTP Error Page
 */

#main.appda-http-error {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 75px;
    margin-top: 90px;
}
#main.appda-http-error .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    margin-bottom: 75px;
}
#main.appda-http-error .error-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
#main.appda-http-error p {
    margin: 0;
    font-size: 18px;
    line-height: 28.5px;
    color: var(--blue-darkness-color);
}
#main.appda-http-error strong {
    font-size: 18px;
    line-height: 28.5px;
    color: var(--blue-darkness-color);
}
#main.appda-http-error a {
    font-size: 18px;
    line-height: 28.5px;
    color: var(--blue-darkness-color);
}
#main.appda-http-error a:hover {
    color: var(--red-light-color);
}
#main.appda-http-error .code {
    font-size: 16px;
    line-height: 22px;
    color: var(--blue-darkness-color);
}
#main.appda-http-error .last-posts {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
#main.appda-http-error .posts-list {
    column-count: 1;
    column-gap: 50px;
}
#main.appda-http-error .posts-list article {
    margin-bottom: 20px;
    break-inside: avoid;
}
@media (min-width: 480px) {
    #main.appda-http-error .posts-list {
        column-count: 2;
    }
}