/*!
Theme Name: minimalista
Theme URI: https://github.com/akozoubsky/minimalista
Author: Alexandre Kozoubsky
Author URI: https://alexandrekozoubsky.com.br/
Description: Minimalista is a clean, elegant, and fully customizable WordPress theme based on the Underscores starter theme. Ideal for bloggers, small businesses, and personal websites, Minimalista offers a responsive design, customizable colors, and various layout options to create a unique and professional online presence.
Version: 1.0.0
Text Domain: minimalista
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
License: GNU General Public License v2 or later
License URI: LICENSE
@package minimalista
@since 1.0.0
*/

/* ========================================================================== */
/* 1. GLOBAL SETTINGS                                                         */
/* ========================================================================== */

/* 1.1 Variables and Root Styles
   ========================================================================== */

:root {
    /* vertical spacing */
    --minimalista-vertical-spacing-default: 1.25rem;
    /* horizontal spacing */
    --minimalista-horizontal-spacing-default: 1.25rem;

    /* Favorit colors */
    --minimalista-color-black-html: #000000;
    --minimalista-color-black-rgb: rgb(0, 0, 0);
    --minimalista-color-black-hue: 0;
    --minimalista-color-black-hsl: hsl(0, 0%, 0%);

    --minimalista-color-navy-blue-html: #000080;
    --minimalista-color-navy-blue-rgb: rgb(0, 0, 128);
    --minimalista-color-navy-blue-hue: 240;
    --minimalista-color-navy-blue-hsl: hsl(240, 100%, 25%);

    --minimalista-color-blue-html: #0000FF;
    --minimalista-color-blue-rgb: rgb(0, 0, 255);
    --minimalista-color-blue-hue: 240;
    --minimalista-color-blue-hsl: hsl(240, 100%, 50%);

    --minimalista-color-teal-html: #008080;
    --minimalista-color-teal-rgb: rgb(0, 128, 128);
    --minimalista-color-teal-hue: 180;
    --minimalista-color-teal-hsl: hsl(180, 100%, 25%);

    --minimalista-color-green-html: #00FF00;
    --minimalista-color-green-rgb: rgb(0, 255, 0);
    --minimalista-color-green-hue: 120;
    --minimalista-color-green-hsl: hsl(120, 100%, 50%);

    --minimalista-color-aqua-html: #00FFFF;
    --minimalista-color-aqua-rgb: rgb(0, 255, 255);
    --minimalista-color-aqua-hue: 180;
    --minimalista-color-aqua-hsl: hsl(180, 100%, 50%);

    --minimalista-color-blue-green-html: #0D98BA;
    --minimalista-color-blue-green-rgb: rgb(13, 152, 186);
    --minimalista-color-blue-green-hue: 194;
    --minimalista-color-blue-green-hsl: hsl(194, 87%, 39%);

    --minimalista-color-forest-green-html: #228B22;
    --minimalista-color-forest-green-rgb: rgb(34, 139, 34);
    --minimalista-color-forest-green-hue: 120;
    --minimalista-color-forest-green-hsl: hsl(120, 61%, 34%);

    --minimalista-color-turquoise-html: #40E0D0;
    --minimalista-color-turquoise-rgb: rgb(64, 224, 208);
    --minimalista-color-turquoise-hue: 174;
    --minimalista-color-turquoise-hsl: hsl(174, 72%, 56%);

    --minimalista-color-royal-blue-html: #4169E1;
    --minimalista-color-royal-blue-rgb: rgb(65, 105, 225);
    --minimalista-color-royal-blue-hue: 225;
    --minimalista-color-royal-blue-hsl: hsl(225, 73%, 57%);

    --minimalista-color-indigo-html: #4B0082;
    --minimalista-color-indigo-rgb: rgb(75, 0, 130);
    --minimalista-color-indigo-hue: 275;
    --minimalista-color-indigo-hsl: hsl(275, 100%, 25%);

    --minimalista-color-rebecca-purple-html: #663399;
    --minimalista-color-rebecca-purple-rgb: rgb(102, 51, 153);
    --minimalista-color-rebecca-purple-hue: 270;
    --minimalista-color-rebecca-purple-hsl: hsl(270, 50%, 40%);

    --minimalista-color-granite-gray-html: #676767;
    --minimalista-color-granite-gray-rgb: rgb(103,103,103);
    --minimalista-color-granite-gray-hue: 0;
    --minimalista-color-granite-gray-hsl: hsl(0, 0%, 40%);

    --minimalista-color-slate-gray-html: #708090;
    --minimalista-color-slate-gray-rgb: rgb(112, 128, 144);
    --minimalista-color-slate-gray-hue: 210;
    --minimalista-color-slate-gray-hsl: hsl(210, 13%, 50%);

    --minimalista-color-maroon-html: #800000;
    --minimalista-color-maroon-rgb: rgb(128, 0, 0);
    --minimalista-color-maroon-hue: 0;
    --minimalista-color-maroon-hsl: hsl(0, 100%, 25%);

    --minimalista-color-purple-html: #800080;
    --minimalista-color-purple-rgb: rgb(128, 0, 128);
    --minimalista-color-purple-hue: 300;
    --minimalista-color-purple-hsl: hsl(300, 100%, 25%);

    --minimalista-color-olive-html: #808000;
    --minimalista-color-olive-rgb: rgb(128, 128, 0);
    --minimalista-color-olive-hue: 60;
    --minimalista-color-olive-hsl: hsl(60, 100%, 25%);

    --minimalista-color-sky-blue-html: #87CEEB;
    --minimalista-color-sky-blue-rgb: rgb(135, 206, 235);
    --minimalista-color-sky-blue-hue: 197;
    --minimalista-color-sky-blue-hsl: hsl(197, 71%, 73%);

    --minimalista-color-blue-purple-html: #8A2BE2;
    --minimalista-color-blue-purple-rgb: rgb(138, 43, 226);
    --minimalista-color-blue-purple-hue: 271;
    --minimalista-color-blue-purple-hsl: hsl(271, 76%, 53%);

    --minimalista-color-mint-green-html: #98FF98;
    --minimalista-color-mint-green-rgb: rgb(152, 255, 152);
    --minimalista-color-mint-green-hue: 120;
    --minimalista-color-mint-green-hsl: hsl(120, 100%, 80%);

    --minimalista-color-yellow-green-html: #ADFF2F;
    --minimalista-color-yellow-green-rgb: rgb(173, 255, 47);
    --minimalista-color-yellow-green-hue: 80;
    --minimalista-color-yellow-green-hsl: hsl(80, 100%, 59%);

    --minimalista-color-lavender-floral-html: #B57EDC;
    --minimalista-color-lavender-floral-rgb: rgb(181, 126, 220);
    --minimalista-color-lavender-floral-hue: 275;
    --minimalista-color-lavender-floral-hsl: hsl(275, 59%, 68%);

    --minimalista-color-red-purple-html: #C71585;
    --minimalista-color-red-purple-rgb: rgb(199, 21, 133);
    --minimalista-color-red-purple-hue: 322;
    --minimalista-color-red-purple-hsl: hsl(322, 82%, 43%);

    --minimalista-color-lavender-blue-html: #CCCCFF;
    --minimalista-color-lavender-blue-rgb: rgb(204, 204, 255);
    --minimalista-color-lavender-blue-hue: 240;
    --minimalista-color-lavender-blue-hsl: hsl(240, 100%, 90%);

    --minimalista-color-chocolate-html: #D2691E;
    --minimalista-color-chocolate-rgb: rgb(210, 105, 30);
    --minimalista-color-chocolate-hue: 25;
    --minimalista-color-chocolate-hsl: hsl(25, 75%, 47%);

    --minimalista-color-crimson-html: #DC143C;
    --minimalista-color-crimson-rgb: rgb(220, 20, 60);
    --minimalista-color-crimson-hue: 348;
    --minimalista-color-crimson-hsl: hsl(348, 83%, 47%);

    --minimalista-color-plum-html: #DDA0DD;
    --minimalista-color-plum-rgb: rgb(221, 160, 221);
    --minimalista-color-plum-hue: 300;
    --minimalista-color-plum-hsl: hsl(300, 47%, 75%);

    --minimalista-color-lavender-html: #E6E6FA;
    --minimalista-color-lavender-rgb: rgb(230, 230, 250);
    --minimalista-color-lavender-hue: 240;
    --minimalista-color-lavender-hsl: hsl(240, 66%, 94%);

    --minimalista-color-beige-html: #F5F5DC;
    --minimalista-color-beige-rgb: rgb(245, 245, 220);
    --minimalista-color-beige-hue: 60;
    --minimalista-color-beige-hsl: hsl(60, 56%, 91%);

    --minimalista-color-salmon-html: #FA8072;
    --minimalista-color-salmon-rgb: rgb(250, 128, 114);
    --minimalista-color-salmon-hue: 6;
    --minimalista-color-salmon-hsl: hsl(6, 93%, 71%);

    --minimalista-color-sunset-orange-html: #FD5E53;
    --minimalista-color-sunset-orange-rgb: rgb(253, 94, 83);
    --minimalista-color-sunset-orange-hue: 4;
    --minimalista-color-sunset-orange-hsl: hsl(4, 98%, 66%);

    --minimalista-color-red-html: #FF0000;
    --minimalista-color-red-rgb: rgb(255, 0, 0);
    --minimalista-color-red-hue: 0;
    --minimalista-color-red-hsl: hsl(0, 100%, 50%);

    --minimalista-color-magenta-html: #FF00FF;
    --minimalista-color-magenta-rgb: rgb(255, 0, 255);
    --minimalista-color-magenta-hue: 300;
    --minimalista-color-magenta-hsl: hsl(300, 100%, 50%);

    --minimalista-color-deep-pink-html: #FF1493;
    --minimalista-color-deep-pink-rgb: rgb(255, 20, 147);
    --minimalista-color-deep-pink-hue: 328;
    --minimalista-color-deep-pink-hsl: hsl(328, 100%, 54%);

    --minimalista-color-orange-red-html: #FF4500;
    --minimalista-color-orange-red-rgb: rgb(255, 69, 0);
    --minimalista-color-orange-red-hue: 16;
    --minimalista-color-orange-red-hsl: hsl(16, 100%, 50%);

    --minimalista-color-hot-pink-html: #FF69B4;
    --minimalista-color-hot-pink-rgb: rgb(255, 105, 180);
    --minimalista-color-hot-pink-hue: 330;
    --minimalista-color-hot-pink-hsl: hsl(330, 100%, 71%);

    --minimalista-color-coral-html: #FF7F50;
    --minimalista-color-coral-rgb: rgb(255, 127, 80);
    --minimalista-color-coral-hue: 16;
    --minimalista-color-coral-hsl: hsl(16, 100%, 66%);

    --minimalista-color-light-salmon-html: #FFA07A;
    --minimalista-color-light-salmon-rgb: rgb(255, 160, 122);
    --minimalista-color-light-salmon-hue: 17;
    --minimalista-color-light-salmon-hsl: hsl(17, 100%, 74%);

    --minimalista-color-orange-html: #FFA500;
    --minimalista-color-orange-rgb: rgb(255, 165, 0);
    --minimalista-color-orange-hue: 39;
    --minimalista-color-orange-hsl: hsl(39, 100%, 50%);

    --minimalista-color-yellow-orange-html: #FFAE42;
    --minimalista-color-yellow-orange-rgb: rgb(255, 174, 66);
    --minimalista-color-yellow-orange-hue: 36;
    --minimalista-color-yellow-orange-hsl: hsl(36, 100%, 63%);

    --minimalista-color-gold-html: #FFD700;
    --minimalista-color-gold-rgb: rgb(255, 215, 0);
    --minimalista-color-gold-hue: 51;
    --minimalista-color-gold-hsl: hsl(51, 100%, 50%);

    --minimalista-color-peach-html: #FFDAB9;
    --minimalista-color-peach-rgb: rgb(255, 218, 185);
    --minimalista-color-peach-hue: 28;
    --minimalista-color-peach-hsl: hsl(28, 100%, 86%);

    --minimalista-color-yellow-html: #FFFF00;
    --minimalista-color-yellow-rgb: rgb(255, 255, 0);
    --minimalista-color-yellow-hue: 60;
    --minimalista-color-yellow-hsl: hsl(60, 100%, 50%);

    --minimalista-color-canary-yellow-html: #FFFF99;
    --minimalista-color-canary-yellow-rgb: rgb(255, 255, 153);
    --minimalista-color-canary-yellow-hue: 60;
    --minimalista-color-canary-yellow-hsl: hsl(60, 100%, 80%);

    --minimalista-color-floral-white-html: #FFFAF0;
    --minimalista-color-floral-white-rgb: rgb(255, 250, 240);
    --minimalista-color-floral-white-hue: 40;
    --minimalista-color-floral-white-hsl: hsl(40, 100%, 97%);

    --minimalista-color-white-html: #FFFFFF;
    --minimalista-color-white-rgb: rgb(255, 255, 255);
    --minimalista-color-white-hue: 0;
    --minimalista-color-white-hsl: hsl(0, 0%, 100%);

    --minimalista-color-black-html: #000000;
    --minimalista-color-black-rgb: rgb(0, 0, 0);
    --minimalista-color-black-hue: 0;
    --minimalista-color-black-hsl: hsl(0, 0%, 0%);
}

/* ========================================================================== */
/* 2. BASE STYLES                                                             */
/* ========================================================================== */

/* 2.1 Structural Elements
   Styles for HTML elements responsible for the structure
   ========================================================================== */

body,
html {
    margin: 0;
    padding: 0;
}

/* Main Content Styles */
#primary,
#secondary {
    margin: var(--minimalista-vertical-spacing-default) 0;
}

section {
    margin-bottom: calc(2 * var(--minimalista-vertical-spacing-default));
}

section:last-of-type {
    margin-bottom: 0;
}

article {
    margin-bottom: calc(1 * var(--minimalista-vertical-spacing-default));
}

header,
footer {
    padding: calc(var(--minimalista-vertical-spacing-default)) 0;
}

header.page-header {
    padding-top: 0;
}

/* @TODO (header?) */
header .site-title,
header .custom-logo {
    margin: 0;
}

.sidebar .widget {
    margin-bottom: calc(2 * var(--minimalista-vertical-spacing-default));
}

/* Navigation Styles */
.navbar {
    margin-bottom: var(--minimalista-vertical-spacing-default);
}

.container-breadcrumb {
    padding: calc(var(--minimalista-vertical-spacing-default)) 0;
}

iframe,
embed,
object {
    max-width: 100%;
}

/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
    min-height: 10em;
}

/* 2.2 Typography
   ========================================================================== */

body,
html {
    font-weight: 400;
    font-variation-settings: 'wght' 400, 'wdth' 100;
    /* line-height: 1.6; */
    /* font-optical-sizing: auto; */
    /* font-size: calc(1 * var(--bs-body-font-size)); */
    line-height: 1.6;
    word-wrap: normal;
    overflow-wrap: normal;
}

/* Header (<h1> to <h6>) */
h1,
.h1 {
    font-weight: 700;
    font-variation-settings: 'wght' 700, 'wdth' 100;
    margin-top: 0;
    margin-bottom: calc(var(--minimalista-vertical-spacing-default) / 2);
    /* Adjusting header sizes to match changing body text */
    /* font-size: calc(2.5 * var(--bs-body-font-size)); */
    line-height: 1.2;
}

h2,
.h2 {
    font-weight: 600;
    font-variation-settings: 'wght' 600, 'wdth' 100;
    margin-top: 0;
    margin-bottom: calc(var(--minimalista-vertical-spacing-default) / 2);
    /* Adjusting header sizes to match changing body text */
    /* font-size: calc(2 * var(--bs-body-font-size)); */
    line-height: 1.3;
}

h3,
.h3 {
    font-weight: 600;
    font-variation-settings: 'wght' 600, 'wdth' 100;
    /* line-height: 1.4; */
    margin-top: 0;
    margin-bottom: calc(var(--minimalista-vertical-spacing-default) / 2);
    /* Adjusting header sizes to match changing body text */
    /* font-size: calc(1.75 * var(--bs-body-font-size)); */
    line-height: 1.35;
}

h4,
.h4 {
    font-weight: 600;
    font-variation-settings: 'wght' 600, 'wdth' 100;
    /* line-height: 1.5; */
    margin-top: 0;
    margin-bottom: calc(var(--minimalista-vertical-spacing-default) / 2);
    /* Adjusting header sizes to match changing body text */
    /* font-size: calc(1.5 * var(--bs-body-font-size)); */
    line-height: 1.4;
}

h5,
.h5 {
    font-weight: 500;
    font-variation-settings: 'wght' 500, 'wdth' 100;
    /* line-height: 1.6; */
    margin-top: 0;
    margin-bottom: calc(var(--minimalista-vertical-spacing-default) / 2);
    /* Adjusting header sizes to match changing body text */
    /* font-size: calc(1.25 * var(--bs-body-font-size)); */
    line-height: 1.5;
}

h6,
.h6 {
    font-weight: 500;
    font-variation-settings: 'wght' 500, 'wdth' 100;
    /* line-height: 1.7; */
    margin-top: 0;
    margin-bottom: calc(var(--minimalista-vertical-spacing-default) / 2);
    /* Adjusting header sizes to match changing body text */
    /* font-size: calc(1 * var(--bs-body-font-size)); */
    line-height: 1.6;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.display-1,
.display-2,
.display-3,
.display-4,
.display-5,
.display-6 {
    word-break: normal;
    overflow-wrap: normal;
    hyphens: auto;
}

/* paragraph */
p {
    word-break: normal;
    overflow-wrap: break-word;
    hyphens: auto;
}

p,
.form-group,
table {
    margin-bottom: calc(var(--minimalista-vertical-spacing-default));
}

strong,
b {
    font-weight: 600;
    font-variation-settings: 'wght' 600;
}

em,
i {
    font-style: italic;
    font-variation-settings: 'ital' 1;
}

label {
    font-weight: 500;
    font-variation-settings: 'wght' 500;
}

/* 2.3 Lists
   ========================================================================== */

/* Basic styles for lists */
ul,
ol {
    margin: 0 0 1rem;
    padding-left: 2rem;
    /* Sets the initial indentation for lists */
    list-style-position: inside;
}

ul ul,
ul ol,
ol ul,
ol ol {
    margin: 0.5rem 0;
    /* Adjusts the spacing between nested levels */
    padding-left: 2rem;
    /* Sets indentation for nested levels */
}

/* Styles for unordered lists */
ul {
    list-style-type: disc;
    /* Sets the default marker to point */
}

ul ul {
    list-style-type: circle;
    /* Sets the marker for the second level to circle */
}

ul ul ul {
    list-style-type: square;
    /* Sets the marker for the third level to square */
}

/* Styles for ordered lists */
ol {
    list-style-type: decimal;
    /* Sets default marker to numbers */
}

ol ol {
    list-style-type: lower-alpha;
    /* Sets the marker for the second level to lowercase letters */
}

ol ol ol {
    list-style-type: lower-roman;
    /* Sets the marker for the third level to lowercase Roman numerals */
}

li:not(.list-group-item) {
    margin-bottom: calc(var(--minimalista-vertical-spacing-default) / 2);
}

/* 2.4 Quote blocks
   ========================================================================== */

blockquote {
    padding: 2rem;
    font-style: italic;
    font-variation-settings: 'ital' 1;
    background-color: var(--bs-light);
    border-radius: 5px;
}

blockquote i,
blockquote em,
blockquote cite,
blockquote footer {
    font-style: normal;
}

blockquote footer {
    margin-bottom: 0;
    padding-bottom: 0;
}

.blockquote-footer {
    color: var(--minimalista-color-granite-gray-html);
}

q {
    quotes: "“" "”" "‘" "’";
    /* Define custom quotes */
    font-style: italic;
    font-variation-settings: 'ital' 1;
}

/* Estilo para citações dentro de citações */
q q {
    quotes: "‘" "’";
    /* Single quotes for nested quotes */
    font-style: normal;
    /* Texto normal para diferenciar */
}

/* 2.5 Links
   ========================================================================== */

/* Estilos para links */
a {
    cursor: pointer;
    overflow-wrap: break-word;
    /* Allows you to break longer words */
   /*  text-decoration: none; */
    text-underline-offset: 5px;
    text-decoration-skip-ink: auto;
    /* Adjusts the underline to avoid overlapping with characters */
    transition: color 0.3s ease, text-decoration-color 0.3s ease;
    /* Softens color and decoration transitions */
}

a:focus {
    outline: 1px dashed;
    outline-offset: 4px;
}

a:focus-visible {
    outline: 1px dashed;
    outline-offset: 4px;
}

a:disabled {
    color: var(--bs-link-color);
    cursor: not-allowed;
    text-decoration: none;
    opacity: 0.3
}

.widget a:not(.btn),
.container-breadcrumb a,
#related-posts a,
#colophon a {
    /* color: inherit; */
    text-decoration: none;
}

.widget a:not(.btn):hover,
.widget a:not(.btn):active,
.container-breadcrumb a:hover,
.container-breadcrumb a:active,
#related-posts a:hover,
#related-posts a:active,
#colophon a:hover,
#colophon a:active {
    text-decoration: underline;
}

/* ========================================================================== */
/* 3. LAYOUT AND COMPONENT STYLES                                             */
/* ========================================================================== */

.site-title {
    font-weight: 600;
    font-variation-settings: 'wght' 600, 'wdth' 100;
    color: #fff;
}

.site-title a {
    font-weight: 600;
    font-variation-settings: 'wght' 600, 'wdth' 100;
    color: #fff;
    text-decoration: none;
}

/* 3.1 Navigation
   ========================================================================== */

/* 3.2 Sidebar
   ========================================================================== */

/* Remove default margin from first level of lists */
.widget ul,
.widget ol {
    padding-left: 0;
    margin-left: 0;
    list-style-position: inside;
}

.sidebar .list-group-item:hover {
    background-color: #f0f0f0;
    /* Cor de fundo ao passar o mouse */
    color: #333;
    /* Cor do texto ao passar o mouse */
    border-color: #ddd;
    /* Cor da borda ao passar o mouse */
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
    /* Suaviza a transição */
}


.footer .card {
    
    --bs-card-border-radius: 1px;
    /*
    border-radius: var(--bs-card-border-radius);
    --bs-card-border-width: 0;
    */
    --bs-card-border-color: var(--bs-gray-600);
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
} 
/* 
.sidebar p,
.sidebar li,
.sidebar dd,
.sidebar code,
.sidebar q,
.sidebar mark,
.sidebar abbr,
.sidebar acronym,
.sidebar time,
.sidebar address,
.sidebar blockquote,
.sidebar pre,
.sidebar img,
.sidebar audio,
.sidebar video,
.sidebar textarea,
.sidebar input,
.sidebar var,
.sidebar s,
.sidebar cite,
.sidebar ins,
.sidebar del {
    font-size: 1em;
}
 */
/* Widget Minimalista_Social_Widget */

.social-links {
    display: flex;
    flex-direction: column;
    gap: var(--minimalista-vertical-spacing-default);
}

.social-link {
    display: flex;
    text-decoration: none;
}

.social-link.facebook {
    color: #3b5998;
}

.social-link.twitter {
    color: #1da1f2;
}

.social-link.instagram {
    color: #e1306c;
}

/* 3.3 Blog and Post
   ========================================================================== */

/* 
 * When you set a specific page to display your posts, that page usually doesn't have its own content,
 * as its purpose is to list the blog posts.
 * However, you can add a summary or description to this page to provide additional context or an introduction.
 * If the check is true, it displays the summary of the "Posts page" within a paragraph with the class page-description.
 * add_post_type_support('page', 'excerpt');
 */
.page-description {
    margin-top: 1rem;
}

article,
.entry-header,
.entry-footer,
/* .entry-excerpt,
.entry-content, */
.post-metadata,
.post-navigation,
.post-edit-link,
.wp-playlist {
    display: block;
    /* Ensure is a block */
    clear: both;
    /* Prevent floating elements from invading the area */
    box-sizing: border-box;
    /* Include padding and border on full width and height */
}

.card .entry-header {
    padding-top: 0;
}

.post-metadata-primary,
.post-metadata-secondary {
    font-size: 0.90rem;
}

.format-icon {
    font-size: 2rem;
    font-weight: 900;
    font-variation-settings: 'wght' 900, 'wdth' 100;
    color: var(--bs-body-color);
    margin-right: calc(var(--minimalista-horizontal-spacing-default) / 2);
}

.edit-link {
    padding: var(--minimalista-vertical-spacing-default) 0;
}

.post-navigation {
    padding: var(--minimalista-vertical-spacing-default) 0;
}

.avatar-header {
    margin-bottom: var(--minimalista-vertical-spacing-default);
}

/* Related Posts */

#related-posts {
    padding: var(--minimalista-vertical-spacing-default) 0;
}

.related-posts-title {
    margin-bottom: var(--minimalista-vertical-spacing-default);
}

#related-posts .card {
    /*
    color: var(--bs-body-color);
    background-color: var(--bs-card-bg);
    */
    color: white;
    background-color: var(--bs-secondary);
}
#related-posts .card a {
        color: white;
}

#related-posts .card-title {
    display: flex;
    justify-content: center; /* Centraliza horizontalmente */
    align-items: center; /* Centraliza verticalmente */
    height: 100%; /* Garante que o link ocupe toda a altura do contêiner */
}

#related-posts .card-title a {
    display: flex;
    justify-content: center; /* Centraliza horizontalmente */
    align-items: center; /* Centraliza verticalmente */
    height: 100%; /* Garante que o link ocupe toda a altura do contêiner */
    text-align: center; /* Centraliza o texto */
    width: 100%; /* Garante que o link ocupe toda a largura do contêiner */
}

/* "More" link */
.more-link {
    display: inline-block;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    font-weight: 500;
    color: #ffffff;
    background-color: var(--bs-primary);
    border-radius: 0.25rem;
    text-decoration: none;
    transition: background-color 0.2s ease-in-out;
}

.more-link:hover,
.more-link:focus {
    background-color: var(--minimalista-btn-primary-hover-bg, red);
    text-decoration: none;
}

.entry-content .more-link {
    margin: calc(var(--minimalista-vertical-spacing-default)/2) 0;
}

/* ==============================
 * Comments form (comentarios)
 * ============================== */

/* Reseta o contador em cada item de lista pai dentro da lista de comentários */
.comment-list {
    counter-reset: parent-counter;
}

/* Incrementa o contador para cada item de lista pai */
.comment-list>li {
    counter-increment: parent-counter;
}

/* Reseta o contador de filhos em cada item de lista filho */
.comment-list ol {
    counter-reset: child-counter;
}

/* Remove o marcador padrão dos itens de lista */
.comment-list li::marker {
    content: none;
}

/* Estiliza o item de lista pai com o número do contador */
.comment-list>li::before {
    content: counters(parent-counter, ".") ". ";
}

/* Incrementa o contador de filhos e estiliza o item de lista filho com o número do contador pai e filho */
.comment-list ol>li {
    counter-increment: child-counter;
}

/* Adiciona a numeração personalizada para itens de lista filho, baseando-se na hierarquia dos pais. */
.comment-list ol>li::before {
    content: counters(parent-counter, ".") "." counters(child-counter, ".") " ";
}


/* 3.4 WP Admin Bar
   ========================================================================== */

#wpadminbar {
    background: #23282d;
}

/* 3.5 Site Footer
   ========================================================================== */

footer#colophon {
    padding: 0 0;
    /* border: 1px solid red; */
}

footer#colophon .footer-widgets {
    padding: calc(2 * var(--minimalista-vertical-spacing-default)) 0;
    /* border: 1px solid red; */
}

footer#colophon .footer-baseboard {
    padding: calc(0.5 * var(--minimalista-vertical-spacing-default)) 0;
}

footer#colophon .widget-area {
    padding: calc(2 * var(--minimalista-vertical-spacing-default)) 0;
}

footer#colophon .site-info {
    padding: calc(0.5 * var(--minimalista-vertical-spacing-default)) 0;
}

footer#colophon .copyright-info {
    padding: calc(0.5 * var(--minimalista-vertical-spacing-default)) 0;
}

footer#colophon .widget-title {
    line-height: 1;
    margin: 0;
    padding: var(--minimalista-vertical-spacing-default) 0;
}

footer#colophon ul,
footer#colophon ol {
    list-style: none;
}

footer#colophon .list-group-item {
    border: none;
    padding-left: 0;
    background-color: transparent;
}

/* 3.6 Article component
   ========================================================================== */

/* Estilo base para artigos */
.article-component {
    --minimalista-article-padding: calc(var(--minimalista-vertical-spacing-default));
    --minimalista-article-border-color: var(--bs-border-color);
    --minimalista-article-border: var(--bs-border-width) var(--bs-border-style) var(--minimalista-article-border-color);
    --minimalista-article-border-radius: var(--bs-border-radius);
    --minimalista-article-box-shadow: ;
    --minimalista-article-bg: var(--bs-body-bg);
    --minimalista-article-margin-bottom: calc(var(--minimalista-vertical-spacing-default));
    --minimalista-article-page-title-color: var(--bs-body-color);
    --minimalista-article-entry-title-color: var(--bs-secondary);
    --minimalista-article-entry-title-link-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
    --minimalista-article-entry-title-link-color-hover: rgb(var(--bs-link-hover-color-rgb));
    --minimalista-article-line-height: var(--bs-body-line-height);
    --minimalista-article-color: var(--bs-body-color);
    --minimalista-article-paragraph-margin-bottom: calc(var(--minimalista-vertical-spacing-default) / 2);
    --minimalista-article-footer-margin-top: calc(var(--minimalista-vertical-spacing-default));
    --minimalista-article-footer-border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
    --minimalista-article-meta-font-size: 0.875rem;
    --minimalista-article-meta-color: var(--bs-gray-700);
    --minimalista-article-meta-link-color: var(--bs-link-color);
    --minimalista-article-meta-link-hover-color: var(--bs-link-hover-color);
    --minimalista-article-format-icon-font-size: 2rem;
    --minimalista-article-format-icon-color: var(--bs-body-color);
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: var(--minimalista-article-padding);
    border: var(--minimalista-article-border);
    border-radius: var(--minimalista-article-border-radius);
    box-shadow: var(--minimalista-article-box-shadow);
    background-color: var(--minimalista-article-bg);
    position: relative;
    margin-bottom: var(--minimalista-article-margin-bottom);
}

.single .article-component {
    --minimalista-article-box-shadow: var(--bs-box-shadow);
}

.article-component .page-header,
.article-component .entry-header {
    padding-top: 0;
    /* ajustar espaçamento vertical com o header */
}

.article-component .page-title {
    color: var(--minimalista-article-page-title-color, var(--bs-body-color));
}

.article-component .entry-title {
    color: var(--minimalista-article-entry-title-color, var(--bs-secondary));
}

.article-component .entry-title a {
    color: var(--minimalista-article-entry-title-link-color);
}

.article-component .entry-title a:hover {
    color: var(--minimalista-article-entry-title-link-color-hover);
}

.article-component .entry-content,
.article-component .entry-excerpt {
    line-height: var(--minimalista-article-line-height, var(--bs-body-line-height));
    color: var(--minimalista-article-color, var(--bs-body-color));
}

.article-component .entry-content p,
.article-component .entry-excerpt p {
    margin-bottom: var(--minimalista-article-paragraph-margin-bottom, calc(var(--minimalista-vertical-spacing-default) / 2));
}

.article-component .entry-footer {
    margin-top: var(--minimalista-article-footer-margin-top, calc(var(--minimalista-vertical-spacing-default)));
    border-top: var(--minimalista-article-footer-border, var(--bs-border-width) var(--bs-border-style) var(--bs-border-color));
    padding-bottom: 0;
    /* ajustar espaçamento vertical com o header */
}

.article-component .entry-meta {
    font-size: var(--minimalista-article-meta-font-size, 0.875rem);
    color: var(--minimalista-article-meta-color, var(--bs-gray));
}

.article-component .entry-meta a {
    text-decoration: none;
    color: var(--minimalista-article-meta-link-color, var(--bs-link-color));
}

.article-component .entry-meta a:hover {
    text-decoration: underline;
    color: var(--minimalista-article-meta-link-hover-color, var(--bs-link-hover-color));
}

.article-component .format-icon {
    font-size: var(--minimalista-article-format-icon-font-size, 2rem);
    font-weight: 900;
    font-variation-settings: 'wght' 900, 'wdth' 100;
    color: var(--minimalista-article-format-icon-color, var(--bs-body-color));
    margin-right: calc(var(--minimalista-horizontal-spacing-default) / 2);
}

/* 3.7 Article component - Sticky Post
   ========================================================================== */

/* Sticky posts */
.article-component.sticky {
    /* background-color: #f9f9f9; */
    border: 5px solid gray;
    margin-bottom: 2rem;
}

/* 3.8 Article component - Post Formats
   ========================================================================== */

/* Estilo para posts no formato "standard" */
.article-component-standard {
    --minimalista-article-border-color: var(--bs-gray-300);
}

/* Estilo para posts no formato "aside" */
.article-component-aside {
    /* 
    --hue-complementary: calc(var(--minimalista-color-canary-yellow-hue) - 180);
    --minimalista-article-border-color: var(--bs-gray-300);
    --minimalista-article-format-icon-color: hsl(var(--hue-complementary), 50%, 50%);
    --minimalista-article-format-icon-color: hsl(var(--minimalista-article-format-icon-color), 50%, 50%); */
    /*
    --minimalista-article-bg: var(--minimalista-color-canary-yellow-html);
    --minimalista-article-footer-border: var(--bs-border-width) var(--bs-border-style) #000;
    --minimalista-article-meta-color: #000;
    --minimalista-article-entry-title-link-color: rgb(0,0,0);
    */
}

.warning__icon {
    --lightness: 40%;
    /* --minimalista-color-canary-yellow-hsl: hsl(60, 100%, 80%); */
    fill: hsl(var(--hue), var(--saturation), var(--lightness));
}

.format-aside-content {
    display: flex;
    flex-direction: row;
}

/* ========================================================================== */
/* 4. MIDIA (IMAGE, VIDEO, AUDIO, GALLERY)                                    */
/* ========================================================================== */

/* 4.1 Defaults
   ========================================================================== */

img,
figure,
picture {
    max-width: 100%;
    height: auto;
}

figcaption,
.wp-caption-text {
    max-width: 100%;
    padding: 1rem 0.5rem;
    text-align: center;
    font-size: 0.875em;
    font-style: italic;
    font-variation-settings: 'ital' 1;    
    color: var(--minimalista-color-granite-gray-html);
}

.post-thumbnail img,
.thumbnail {
    border: 1px solid var(--bs-border-color);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.avatar {
    display: inline-block;
}

.avatar-40 {
    height: 40px;
}

.avatar-80 {
    height: 80px;
}

/* Custom header styles */
.custom-header {
    width: 100%;
    /* Default to 100% for fluid containers */
    height: auto;
    /* Maintain aspect ratio */
    overflow: hidden;
}

/*
.page-template-page-blog article .thumbnail,
.page-template-page-home article .thumbnail {
    max-width: 30%;
}
*/

/* 4.2 Image sizes generated by the theme. This ensures that the image covers
       the designated area without distorting.
   ========================================================================== */

.landscape-small,
.landscape-medium,
.landscape-large {
    aspect-ratio: 16 / 9;
}

.fashion-small,
.fashion-medium,
.fashion-large {
    aspect-ratio: 4 / 5;
}

.portrait-small,
.portrait-medium,
.portrait-large {
    aspect-ratio: 3 / 4;
}

.profile-icon-rectangular-small,
.profile-icon-rectangular-medium,
.profile-icon-rectangular-large {
    aspect-ratio: 3 / 4;
}

.profile-icon-square-small,
.profile-icon-square-medium,
.profile-icon-square-large {
    aspect-ratio: 1 / 1;
}

/* 4.3 Icons
   ========================================================================== */

/* Icons - FontAwesome */
.fas:hover,
.fab:hover {
    transform: scale(1.1);
    /* Aumenta o tamanho do ícone em 10% */
    transition: transform 0.3s ease-in-out;
    /* Animação suave */
}

/* Icons - Material */
.material-icons {
    vertical-align: -0.125em;
    font-size: 1.125rem;
    line-height: 1.5;
}

.material-symbols-outlined {
    vertical-align: -0.20em;
    font-size: 1.125rem;
    line-height: 1.5;
    font-size: 1rem;
}

/* 4.4 WordPress and Videos
   ========================================================================== */

/* adjust CSS properties to ensure the video is responsive and fits the container size */
.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* Proporção 16:9 */
    height: 0;
    /* The height is set to 0 to ensure that all vertical space is created by padding-bottom. */
    overflow: hidden;
}

.video-wrapper iframe,
.video-wrapper object,
.video-wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* 4.5 Wordpress Gallery using Masonry
   ========================================================================== */

.gallery {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding: calc( 2 * var(--minimalista-vertical-spacing-default) ) 0;
}

figure.gallery-item {
    /* undo Bootstrap style */
    margin-bottom: 0;
    box-sizing: border-box;
    border: 1px solid white;
}

.gallery .figcaption,
.gallery .wp-caption-text {
    display: none;
}

.gallery-columns-0 .gallery-item {
    width: 33.33333333%;
    border: 0 none transparent;
}

.gallery-columns-0 .gallery-item img {
    width: 100%; */
    height: auto;
}

/* Styles for 1 column */
.gallery-columns-1 .gallery-item {
    width: 100%;
}

.gallery-columns-1 .gallery-item img {
    width: 100%;
    height: auto;
}

/* Styles for 2 columns */
.gallery-columns-2 .gallery-item {
    width: 50%;
}

.gallery-columns-2 .gallery-item img {
    width: 100%;
    height: auto;
}

/* Styles for 3 columns */
.gallery-columns-3 .gallery-item {
    width: 33.33333333%;
}

.gallery-columns-3 .gallery-item img {
    width: 100%;
    height: auto;
}

/* Styles for 4 columns */
.gallery-columns-4 .gallery-item {
    width: 25%;
}

.gallery-columns-4 .gallery-item img {
    width: 100%;
    height: auto;
}

/* Styles for 5 columns */
.gallery-columns-5 .gallery-item {
    width: 20%;
}

.gallery-columns-5 .gallery-item img {
    width: 100%;
    height: auto;
}

/* Styles for 6 columnss */
.gallery-columns-6 .gallery-item {
    width: 16.66666666%;
}

.gallery-columns-6 .gallery-item img {
    width: 100%;
    height: auto;
}

/* 4.6 Wordpress Playlists
   ========================================================================== */


.wp-playlist-current-item {
    height: auto !important;
}

.wp-playlist,
.wp-playlist-caption,
.wp-playlist-item-title,
.wp-playlist-item-artist,
.wp-playlist-item-length {
    font-size: var(--bs-body-font-size) !important;
}

.wp-playlist-item-artist {
    text-transform: none !important;
}

/* Sugestoes */

/* Personalização da Barra de Controle */
.wp-playlist .mejs-container .mejs-controls {
    background-color: #333;
    /* Cor de fundo personalizada */
    border-radius: 5px;
    /* Borda arredondada */
}

.wp-playlist .mejs-container .mejs-button button {
    color: #fff;
    /* Cor dos ícones */
    background-color: transparent;
    /* Fundo transparente para botões */
    border: none;
    /* Remover borda padrão */
}

.wp-playlist .mejs-container .mejs-time,
.wp-playlist .mejs-container .mejs-duration {
    color: #fff;
    /* Cor do texto de tempo */
}

/* Customização da Barra de Progresso */
.wp-playlist .mejs-container .mejs-time-rail .mejs-time-total {
    background-color: #555;
    /* Cor de fundo da barra de progresso */
    border-radius: 5px;
    /* Bordas arredondadas */
}

.wp-playlist .mejs-container .mejs-time-rail .mejs-time-loaded {
    background-color: #999;
    /* Cor da parte carregada */
}

.wp-playlist .mejs-container .mejs-time-rail .mejs-time-current {
    background-color: #007bff;
    /* Cor da parte tocada */
}


/* Estilo dos Títulos e Informações de Faixa */
.wp-playlist-item .wp-playlist-caption {
    font-size: 16px;
    color: #333;
    font-weight: 600;
    font-variation-settings: 'wght' 600;
}

.wp-playlist-item .wp-playlist-item-title {
    /* font-size: 14px; */
    color: #111;
}

.wp-playlist-item .wp-playlist-item-artist {
    font-size: 12px;
    color: #999;
}

/* Responsividade e Acessibilidade */
@media (max-width: 768px) {
    .wp-playlist .mejs-container {
        width: 100%;
    }
}

.wp-playlist .mejs-container .mejs-controls button:focus {
    outline: 2px solid #007bff;
    /* Estilo de foco para acessibilidade */
}

/* Tipografia e Espaçamento */
.wp-playlist .mejs-container {
    padding: 10px;
    /* Espaçamento interno */
}

.wp-playlist .mejs-container .mejs-controls {
    padding: 5px;
    /* Espaçamento dos controles */
}

/* Integração com Temas */
.wp-playlist .mejs-container .mejs-controls {
    background-color: var(--theme-background-color, #333);
    color: var(--theme-text-color, #fff);
}

/* 4.7 Wordpress image alignment classes
   @link https://wpthemetestdata.wordpress.com/
   ========================================================================== */

.alignleft {
    float: left;
    margin-right: 1rem;
    /* margin-bottom: 0.5rem; */
}

@media (min-width: 575.98px) {
    .alignleft {
        margin-right: calc(2 * 1rem);
        /* margin-bottom: calc(1 * var(--minimalista-vertical-spacing-default)); */
    }
}

.entry-content .alignleft,
.img-fluid.alignleft {
    float: none;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    text-align: center;
    margin-bottom: calc(1 * var(--minimalista-vertical-spacing-default));

}

/* importante para a imagem nao invadir a area de texto do post */
@media (min-width: 575.98px) {

    .entry-content .alignleft,
    .img-fluid.alignleft {
        float: left;
        margin-right: calc(2 * 1rem);
        margin-bottom: calc(0.5 * var(--minimalista-vertical-spacing-default));
        width: initial;
        max-width: 40%;
    }
}

.alignright {
    float: right;
    margin-left: 1rem;
    /* margin-bottom: 0.5rem; */
}

@media (min-width: 575.98px) {
    .alignright {
        margin-left: calc(2 * 1rem);
        /* margin-bottom: calc(1 * var(--minimalista-vertical-spacing-default)); */
    }
}

.entry-content .alignright,
.img-fluid.alignright {
    float: none;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    text-align: center;
    margin-bottom: calc(1 * var(--minimalista-vertical-spacing-default));

}

/* importante para a imagem nao invadir a area de texto do post */
@media (min-width: 575.98px) {

    .entry-content .alignright,
    .img-fluid.alignright {
        float: right;
        margin-left: calc(2 * 1rem);
        margin-bottom: calc(0.5 * var(--minimalista-vertical-spacing-default));
        width: initial;
        max-width: 40%;
    }
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* ========================================================================== */
/* 6. BOOTSTRAP REDEFINITIONS OR MODIFICATIONS
 * @link https: //getbootstrap.com/docs/5.3/
/* ========================================================================== */

ul.list-group,
ol.list-group {
    padding-left: 0;
}

/* 6.1 Buttons
   ========================================================================== */

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--minimalista-btn-primary-hover-bg, red);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
    transition: background-color 0.3s ease, filter 0.3s ease;
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--minimalista-btn-secondary-hover-bg, red);
    --bs-btn-hover-border-color: var(--bs-secondary);
    --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-secondary);
    --bs-btn-active-border-color: var(--bs-secondary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-secondary);
    --bs-btn-disabled-border-color: var(--bs-secondary);
    transition: background-color 0.3s ease, filter 0.3s ease;
}

.btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-primary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-primary);
    --bs-gradient: none;
}

.btn-outline-secondary {
    --bs-btn-color: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-hover-border-color: var(--bs-secondary);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-secondary);
    --bs-btn-active-border-color: var(--bs-secondary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-secondary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-secondary);
    --bs-gradient: none;
  }

/* Theme Classes */

.btn-minimalista-shadow {
    border: 2px solid var(--bs-primary-border-subtle) !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
    transition: box-shadow 0.3s ease !important;
}

.btn-minimalista-shadow:hover {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2) !important;
}

.button-minimalista-3d-primary {
    background-color: var(--bs-primary);
    border: none;
    color: white;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    border-radius: 8px;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
}

.button-minimalista-3d-primary:hover {
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.5);
}

.button-minimalista-3d-primary:active {
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
    transform: translateY(0);
}

.btn-minimalista-cta {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: ;
    --bs-btn-hover-border-color: var(--bs-secondary);
    --bs-btn-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-active-bg: ;
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
    --bs-btn-padding-x: 1rem;
    --bs-btn-padding-y: 0.75rem;
    --bs-btn-border-radius: 0.5rem;

    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: 1.25rem;
    font-weight: 700;
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    border-radius: var(--bs-btn-border-radius);
    transition: background-color 0.3s ease, filter 0.3s ease;
    background: linear-gradient(135deg, var(--bs-primary), var(--bs-secondary));
}

.btn-minimalista-cta:focus,
.btn-minimalista-cta:hover {
    color: var(--bs-btn-color);
    border-color: var(--bs-btn-hover-border-color);
    background: linear-gradient(135deg, var(--bs-secondary), var(--bs-primary));
    box-shadow: var(--bs-btn-box-shadow);
}

.btn-minimalista-cta:active {
    color: var(--bs-btn-color) !important;
    background: linear-gradient(135deg, var(--bs-secondary), var(--bs-primary));
    box-shadow: var(--bs-btn-active-shadow);
}

/* 6.2 Dropdowns
   ========================================================================== */

/* Copied and modified from .dropdown-menu-dark */
.dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: #dee2e6;
    --bs-dropdown-bg: var(--bs-primary);
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-box-shadow: ;
    /* --bs-dropdown-link-color: #dee2e6; */
    --bs-dropdown-link-color: #fff;
    --bs-dropdown-link-hover-color: #fff;
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-link-hover-bg: var(--minimalista-btn-primary-hover-bg);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: var(--bs-link-hover-color);
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-header-color: #adb5bd;
    z-index: var(--bs-dropdown-zindex);
}

/* 6.3 Nav
   ========================================================================== */

/* Lines: 3950, 4003 */
.navbar-nav {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    list-style: none;
}

.navbar-nav a {
    color: #fff;
    text-decoration: none;
}

.navbar-nav .nav-link:not(.dropdown-item) {
    border: 1px solid transparent;
    padding: 10px 15px;

}

.navbar .navbar-nav .nav-link:hover:not(.dropdown-item) {
    border: 1px solid white;
    border-radius: 5px;
}

/* Menu itens */
.nav-link {
    text-decoration: none;
}

li.nav-item {
    margin-bottom: 0;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: var(--bs-white);
    background-color: var(--bs-primary);
}

.form-check-input:checked {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

/* 6.4 Bootstrap Cards
   ========================================================================== */


/* 6.5 Pagination
   ========================================================================== */

ul.pagination {
    padding: calc(1 * var(--minimalista-vertical-spacing-default)) 0;
    margin-bottom: 0;
}

/* li.page-item {
    margin: 0 var(--minimalista-horizontal-spacing-default) 0 0;
} */

ul.pagination .page-link {
    text-decoration: none;
}

ul.pagination .page-link:hover {
    text-decoration: none;
}

ul.pagination .active>.page-link,
ul.pagination .page-link.active {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    text-decoration: none;
}

/* 6.6 Display
   ========================================================================== */

.lead,
.display-1,
.display-2,
.display-3,
.display-4,
.display-5,
.display-6,
.fw-light {
    font-weight: 300;
    font-variation-settings: 'wght' 300;
}

.fw-normal {
    font-weight: 400 !important;
    font-variation-settings: 'wght' 400 !important;
}

.fw-medium {
    font-weight: 500 !important;
    font-variation-settings: 'wght' 500 !important;
}

.fw-semibold {
    font-weight: 600 !important;
    font-variation-settings: 'wght' 600 !important;
}

.fw-bold {
    font-weight: 700 !important;
    font-variation-settings: 'wght' 700 !important;
}

.fw-bolder {
    font-weight: bolder !important;
    font-variation-settings: 'wght' 900 !important;
}

/* 6.7 Background
   ========================================================================== */

/* Apply primary color as background */
.bg-primary {
    background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

/* Apply secondary color as background */
.bg-secondary {
    background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

/* 6.8 Badge
   ========================================================================== */

.badge {
    --bs-badge-padding-y: 0.5em;
}

/* ========================================================================== */
/* 8. UTILITIES                                                               */
/* ========================================================================== */

/* Remove bottom margin from last paragraph in structural elements */

/* main p:last-of-type,
section p:last-of-type,
article p:last-of-type,
.entry-content p:last-of-type,
aside p:last-of-type,
footer p:last-of-type {
    margin-bottom: 0;
} */

p:last-child,
p:last-of-type,
li:last-child,
li:last-of-type {
    margin-bottom: 0;
}

/* Empty elements */
header:empty,
section:empty,
article:empty,
p:empty,
h2.widget-title:empty,
h3.widget-title:empty,
h4.widget-title:empty,
.entry-title:empty,
.blog-entry-title:empty,
.post-metadata:empty {
    margin: 0;
    padding: 0;
    display: none;
}

/**
  * Mastering margin collapsing
  * @link https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_box_model/Mastering_margin_collapsing
  * @link https://demenezes.dev/posts/margin-collapsing-css/
  */

/* Classes para espaçamentos sem colapso de margem */

.no-collapse-0 {
    display: flex;
    flex-direction: column;
    gap: 0 !important;
}

.no-collapse-1 {
    display: flex;
    flex-direction: column;
    gap: 1rem !important;
}

.no-collapse-1-5 {
    display: flex;
    flex-direction: column;
    gap: 1.5rem !important;
}

.no-collapse-2 {
    display: flex;
    flex-direction: column;
    gap: 2rem !important;
}

.no-collapse-2-5 {
    display: flex;
    flex-direction: column;
    gap: 2.5rem !important;
}

.no-collapse-3 {
    display: flex;
    flex-direction: column;
    gap: 3rem !important;
}

.no-collapse-3-5 {
    display: flex;
    flex-direction: column;
    gap: 3.5rem !important;
}

.no-collapse-4 {
    display: flex;
    flex-direction: column;
    gap: 4rem !important;
}

/* Remover marcadores e preenchimento esquerdo das listas */
ul.no-bullet,
ol.no-bullet {
    list-style: none;
}

ul.no-margin,
ol.no-margin {
    padding-left: 0;
}

/* Espacamento Vertical (Vertical Spacing) - Remove a margem inferior dos elementos com a classe .no-margin */
.no-margin-bottom {
    margin-bottom: 0;
}

.hidden {
    display: none;
}

smaller,
.smaller {
    font-size: 0.9em;
}

/* TODO: acertar o pading e radius */
.highlight {
    background-color: var(--minimalista-accent-color);
    color: var(--bs-white);
    padding: 5px 10px;
    border-radius: 5px;
}

/* ==============================
 * Custom lists
 * ============================== */

/* Estilo personalizado para listas */

.minimalista-custom-list-section {
    margin-bottom: var(--minimalista-vertical-spacing-default);
}

.minimalista-custom-list-section:last-child {
    margin-bottom: 0;
}

ul.minimalista-custom-list {
    list-style-type: none !important;
    /* Remove marcadores de lista, se necessário */
    padding-left: 0 !important;
    /* Remove padding padrão */
    /* margin-left: 0 !important; */
    /* Garantir que não haja margem adicional */
}

ul.minimalista-custom-list ul li:last-child {
    margin-bottom: 0;
    /* Espacamento Vertical (Vertical Spacing)  */
}

/* ==============================
 * Colors
 * ============================== */

.minimalista-lighter-text {
    color: var(--bs-secondary-color);
}

.minimalista-dividers-and-disabled {
    /* Use the bg option for dividers and to indicate disabled component states */
    color: var(--bs-secondary-bg);
}

/* ========================================================================== */
/* 9. PRINT                                                           */
/* ========================================================================== */

@media print {

    @page {
        margin: 2cm;
    }

    body {
        background-color: #fff;
        font-family: Georgia, "Times New Roman", Times, serif !important;
        color: #000;
        text-shadow: none;
        filter: none;
        -ms-filter: none;
    }

    /* Setting content width, unsetting floats and margins */
    /* Attention: the classes and IDs vary from theme to theme. Thus, set own classes here */
    #content,
    #main,
    #primary {
        width: 100%;
        margin: 0;
        float: none;
    }

    /* Setting margins */
    @page {
        margin: 2cm;
    }

    /* Defining all page breaks */
    a {
        page-break-inside: avoid;
    }

    blockquote {
        page-break-inside: avoid;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    .display-1,
    .display-2,
    .display-3,
    .display-4,
    .display-5,
    .display-6 {
        page-break-after: avoid;
        page-break-inside: avoid;
    }

    img {
        page-break-inside: avoid;
        page-break-after: avoid;
    }

    table,
    pre {
        page-break-inside: avoid;
    }

    ul,
    ol,
    dl {
        page-break-before: avoid;
    }

    /* Hiding unnecessary elements for the print */
    #site-extras,
    nav,
    aside,
    .site-info,
    .author-bio,
    .heading,
    .related-posts,
    #breadcrumbs,
    #footer,
    .post-byline,
    .site-title img,
    .post-tags,
    .post-edit-link,
    .more-link {
        display: none;
    }

}


/* ========================================================================== */
/* 10. MEDIA QUERIES                                                           */
/* ========================================================================== */

/**
 * Bootstrap Breakpoints
 * https: //getbootstrap.com/docs/5.3/layout/breakpoints/
 */

/* Small devices (landscape phones, 576px and up) */

/* conter o tamanho da imagem de thumbnail em alguns viewports */
@media (max-width: 1200px) {}

@media (min-width: 576px) {}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    /*
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-left: var(--minimalista-navbar-nav-link-padding-x);
		padding-right: var(--minimalista-navbar-nav-link-padding-x);
	}
    */
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {}


/**
 * Responsive typography
 * (576px = 36em)
 * (768px = 48em)
 * (992px = 62em) 
 * (1200px = 75em)
 * (1920px = 120em)
 *
 * @link https://getbootstrap.com/docs/4.1/content/typography/#responsive-typography
 * @link https://websemantics.uk/tools/responsive-font-calculator/
 */

@media (min-width: 48em) {
    :root {
        font-size: calc(1.125rem + ((1vw - 0.48rem) * 0.1736));
        min-height: 0vw;
    }
}

@media (min-width: 120em) {
    :root {
        font-size: 1.25rem;
    }
}