/*
 Theme Name: Podologia MG
 Theme URI: https://podologia-mg.com
 Author: Unknown
 Author URI: https://podologia-mg.com
 Description: Podologia MG
 Version: 1.0
*/

@media all and (max-width: 1100px) {

    .menuTrigger {
        display: flex;
    }

    .header nav .menu,
    .footer nav .menu {
        display: block;
    }

    .header nav .menu {
        position: fixed;
        top: 0;
        bottom: 0;
        height: 100vh;
        width: 400px;
        overflow: auto;
        max-width: 100%;
        right: -100vw;
        padding: 45px 40px 40px;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
        background-color: rgba(255, 255, 255, 0.95);
        transition: padding .3s ease, right .3s ease, top .3s ease;
    }

    .header nav li {
        margin-right: 0;
    }

    .header nav li {
        display: block;
        width: 100%;
        margin-top: 40px
    }

    .header nav li a {
        font-size: 35px;
        line-height: normal;
    }

    .o-hidden .header nav .menu {
        right: 0;
    }

    .footer .wrap .bar__container {
        flex-direction: column;
        align-items: start;
    }

    .footer .wrap .bar__container:first-child {
        padding: 60px 0 0;
    }

    .footer .wrap .bar__container li {
        margin-top: 15px;
        float: none;
    }

    .footer .bar__container ol,
    .header .bar__container ol {
        display: block;
    }

    main > .wp-block-columns {
        flex-direction: column;
    }

    .wp-block-columns .wp-block-column {
        margin-top: 50px;
        flex-direction: column;
    }

    .wp-block-columns .wp-block-column:first-of-type {
        margin-top: 0;
    }
}


@media all and (max-width: 900px) {
    .header > .bar .bar__container ul {
        display: none;
    }
}


@media all and (max-width: 768px) {

    .contact {
        flex-direction: column;
    }

    .contact > .wp-block-contact-form-7-contact-form-selector {
        width: 100%;
        margin-top: 50px;
    }

    .wp-block-table .wp-element-caption,
    .wp-block-table tr td:last-child {
        width: 100px;
    }

    .wp-block-table tr td:first-of-type {
        padding-right: 30px !important;
    }

    .footer .bar .bar__container {
        padding: 30px 0;
        align-items: start;
        flex-direction: column;
    }

    .footer .social_media {
        margin-top: 20px;
    }

    main > .wp-block-columns,
    main > .wp-block-group,
    section:not(.banner) {
        padding: 50px 0;
    }

    h1 {
        font-size: 34px;
    }

    .description .bar__container {
        flex-direction: column;
        width: 100%;
    }

    .wp-block-media-text__media,
    .description .bar__container picture {
        margin-bottom: 40px !important;
    }

    .home .description .bar__container:nth-child(odd) {
        flex-direction: column-reverse;
    }

    .description .bar__container > * {
        width: 100%;
    }

}

@media all and (max-width: 480px) {

    .banner .wp-block-heading {
        font-size: 52px !important;
    }

    .wp-block-table tr td:first-of-type {
        padding: 0 15px; !important;
    }

    .header.scrolled {
        top: 0;
    }

    .logo img {
        height: 32px;
        width: auto;
    }

    .menuTrigger {
        top: 36px;
    }

    .header.scrolled .menuTrigger {
        top: 22px !important;
    }

    .header > .bar > .bar__container > ol {
        display: none;
    }

    .buttons .button {
        width: 100%;
        text-align: center;
    }

    .social_media {
        margin-bottom: 15px;
    }

    .wp-block-buttons>.wp-block-button {
        flex-grow: 1;
    }

    .contact .buttons > p,
    .wp-block-button__link {
        width: 100%;
    }

}