/*
Theme Name: Moso
Theme URI: https://mindprocess.pt
Author: MindProcess
Author URI: https://mindprocess.pt
Description: Custom block theme developed for Moso
Requires at least: 6.0
Tested up to: 6.3
Requires PHP: 5.7
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: moso
Tags: accessibility-ready, full-site-editing, one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, blog, portfolio, news
*/

html {
    box-sizing: border-box;
    scroll-behavior: smooth;
}

*, *:before, *:after {
    box-sizing: inherit;
}

body {
	background: #FFFFFF;
}

footer {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1' viewBox='0 0 1 1'%3E%3Cg id='Rectangle_87' data-name='Rectangle 87' fill='%23000' stroke='%23000' stroke-width='1'%3E%3Crect width='1' height='1' stroke='none'/%3E%3Crect x='0.5' y='0.5' fill='none'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: repeat-x;
    background-size: 5px 1px;
    
}

.dotted-columns > .wp-block-group {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1' viewBox='0 0 1 1'%3E%3Cg id='Rectangle_87' data-name='Rectangle 87' fill='%23000' stroke='%23000' stroke-width='1'%3E%3Crect width='1' height='1' stroke='none'/%3E%3Crect x='0.5' y='0.5' fill='none'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: repeat-y;
    background-size: 1px 5px;
    padding-inline: 1.5rem;
    align-self: stretch;
}

.dotted-columns.dotted-right > .wp-block-group {
    background-position: top right;
}

.dotted-columns.dotted-left > .wp-block-group {
    background-position: top left;
}

.dotted-columns.dotted-right > .wp-block-group:first-child {
    padding-left: 0;
}

.dotted-columns.dotted-right > .wp-block-group:last-child {
    background: none;
    padding-right: 0;
}

.dotted-column-left {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1' viewBox='0 0 1 1'%3E%3Cg id='Rectangle_87' data-name='Rectangle 87' fill='%23000' stroke='%23000' stroke-width='1'%3E%3Crect width='1' height='1' stroke='none'/%3E%3Crect x='0.5' y='0.5' fill='none'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: repeat-y;
    background-size: 1px 5px;
}

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

sup {
    font-size: 0.6em;
}

:where(figure) {
    margin: 0;
}


/* Tech Menu */

.tech-menu ul.menu {
    list-style: none;
    padding: 0;
    display: flex;
    gap: 10px;
    margin: 0;
}

.tech-menu ul.menu li a {
    font-size: 1rem;
}

.tech-menu ul.menu li {
    border-right: 1px solid #cccccc;
    padding-right: 10px;
}

.tech-menu ul.menu li:last-child {
    border-right: none;
    padding-right: 0;
}

/* Footer Menu */

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

.footer-menu ul.menu li {
    margin-bottom: 10px;
}

.footer-menu ul.menu li a {
    text-decoration: underline;
}

/* Categories */

.taxonomy-category.wp-block-post-terms {
    pointer-events: none;
}

.test-class {
    background: #f0f0f0;
    padding: 10px;
    margin: 10px;
}

/* Auxiliary Classes */

.flex { display: flex; }
.flex-inline {display: inline-flex}

.flex-1 { flex: 1; }
.flex-2 { flex: 2; }
.flex-3 { flex: 3; }
.flex-4 { flex: 4; }
.flex-5 { flex: 5; }
.flex-6 { flex: 6; }
.flex-shrink-0 { flex-shrink: 0;}
.flex-align-start { align-items: flex-start; }
.flex-align-center { align-items: center; }
.flex-align-end { align-items: flex-end; }
.flex-justify-start { justify-content: flex-start; }
.flex-justify-center { justify-content: center; }
.flex-justify-end { justify-content: flex-end; }
.flex-space-between { justify-content: space-between; }
.flex-col { flex-direction: column; }
.flex-wrap { flex-wrap: wrap; }

.grid { display: grid; }

.grid-align-center { align-items: center; }

.grid-2 { grid-template-columns: repeat(2, 1fr); }
.grid-3 { grid-template-columns: repeat(3, 1fr); }
.grid-4 { grid-template-columns: repeat(4, 1fr); }
.grid-5 { grid-template-columns: repeat(5, 1fr); }
.grid-6 { grid-template-columns: repeat(6, 1fr); }
.grid-1-2 { grid-template-columns: auto 1fr; }
.grid-auto { grid-template-columns: repeat(auto-fill, minmax(min(360px, 100%), 1fr)); }
.grid-auto-medium { grid-template-columns: repeat(auto-fill, minmax(min(330px, 100%), 1fr)); }
.grid-auto-video { grid-template-columns: repeat(auto-fill, minmax(min(270px, 100%), 1fr)); }
.grid-auto-250 { grid-template-columns: repeat(auto-fill, minmax(min(250px, 100%), 1fr)); }
.grid-auto-small { grid-template-columns: repeat(auto-fill, minmax(min(200px, 100%), 1fr)); }
.grid-max-content { grid-auto-rows: max-content; }

.gap-5 { gap: 5px; }
.gap-10 { gap: 10px; }
.gap-15 { gap: 15px; }
.gap-20 { gap: 20px; }
.gap-25 { gap: 25px; }
.gap-30 { gap: 30px; }
.gap-40 { gap: 40px; }
.gap-50 { gap: 50px; }
.gap-60 { gap: 60px; }
.gap-70 { gap: 70px; }
.gap-80 { gap: 80px; }
.gap-90 { gap: 90px; }
.gap-100 { gap: 100px; }

.gap-inline-10 { gap: 0 10px }

.m-10 { margin: 10px;}
.m-block-10 { margin-block: 10; }
.m-inline-10 { margin-inline: 10; }
.m-b-0 { margin-bottom: 0; }
.m-b-5 { margin-bottom: 5px; }
.m-b-8 { margin-bottom: 8px; }
.m-b-10 { margin-bottom: 10px; }
.m-b-15 { margin-bottom: 15px; }
.m-b-20 { margin-bottom: 20px; }
.m-b-30 { margin-bottom: 30px; }
.m-b-40 { margin-bottom: 40px; }
.m-b-50 { margin-bottom: 50px; }
.m-b-70 { margin-bottom: 70px; }
.m-t-5 { margin-top: 5px; }
.m-t-10 { margin-top: 10px; }
.m-t-20 { margin-top: 20px; }
.m-t-30 { margin-top: 30px; }
.m-t-40 { margin-top: 40px; }
.m-t-50 { margin-top: 50px; }
.m-t--50 { margin-top: -50px; }
.m-t--100 { margin-top: -100px; }

.p-0 { padding: 0; }
.p-5 { padding: 5px; }
.p-10 { padding: 10px; }
.p-15 { padding: 15px; }
.p-20 { padding: 20px; }
.p-25 { padding: 25px; }
.p-30 { padding: 30px; }
.p-50 { padding: 50px; }
.p-60 { padding: 60px; }
.p-t-0 { padding-top: 0; }
.p-t-50 { padding-top: 50px; }
.p-block-5 { padding-block: 5px; }
.p-block-10 { padding-block: 10px; }
.p-block-20 { padding-block: 20px; }
.p-block-30 { padding-block: 30px; }
.p-block-50 { padding-block: 50px; }
.p-inline-10 { padding-inline: 10px; }
.p-inline-15 { padding-inline: 15px; }
.p-inline-25 { padding-inline: 25px; }
.p-inline-30 { padding-inline: 30px; }

.m-w-25 { max-width: 25%; }
.m-w-30 { max-width: 30%; }
.m-w-33 { max-width: 33%; }
.m-w-40 { max-width: 40%; }
.m-w-50 { max-width: 50%; }
.m-w-66 { max-width: 66%; }

.w-50 { width: 50%; }

.bg-white { background: #ffffff; }

.border-r-5 { border-radius: 5px; }
.border-r-10 { border-radius: 10px; }
.border-r-100 { border-radius: 100px; }

.relative { position: relative; }
.absolute { position: absolute; }

.list-2-col { column-count: 2; }
.list-3-col { column-count: 3; }
.list-4-col { column-count: 4; }

.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

.text-small { font-size: 0.8rem; }

.t-01 { transition: 0.1s }
.t-02 { transition: 0.2s }
.t-03 { transition: 0.3s }
.t-05 { transition: 0.5s }

.z-10 { z-index: 10; }


@media( max-width: 1024px ) {
    .m-flex-col { flex-direction: column; }

    .dotted-columns > .wp-block-group {
        background: none;
        padding-inline: 0;
    }

    .m-gap-30 { gap: 30px; }
    .m-text-center { text-align: center; }
    .m-flex-justify-center { justify-content: center; }
}