:root{
    --icon-size : 1;
}

i.material-symbols-rounded{
    font-size: calc( 1.25rem * var( --icon-size ) );
    width: calc( 1.25rem * var( --icon-size ) );
    overflow: hidden;
}

body>nav,
body>footer{
    padding: .5rem 1rem;
    background: rgba( var( --primary-rgba ), .05);
    box-shadow: 0 0 .25rem rgba( var( --primary-rgba ), .35);
    border-top: solid .25rem rgba( var( --primary-rgba ), .2);
}

body>footer{
    border-top: unset;
    border-bottom: solid .25rem rgba( var( --primary-rgba ), .2);
}

nav{
    display: flex;
    justify-content: space-between;
}

nav>header h1{
    display: flex;
    align-items: center;
}

nav>header>h1 a,
nav>header>h1 span{
    display: inline-block;
    padding: .25rem .5rem;
    font-size: 1.25rem;
    font-weight: var( --weight-strong-1 );
    text-transform: uppercase;
    letter-spacing: .05rem;
}

nav>header>h1 a,
nav>header>h1 span,
nav>header>h1 i{
    color: rgba( var( --primary-rgba ), .85);
}

nav>header>h1:has(>span) a{
    display: flex;
    align-items: center;
    border-radius: 5rem;
    padding: .35rem;
    background: rgba( var( --primary-rgba ), .05);
}

nav>header>h1:has(>span) a:hover{
    background: rgba( var( --primary-rgba ), .05);
}

.topbar-sub{
    display: flex;
    gap: .5rem;
    align-items: center;
}

.topbar-sub>a{
    padding: .5rem 1rem;
}

nav a:hover,
nav button:hover{
    background: rgba( var( --primary-rgba ), .05);
}


/* DROPDOWN */
.dropdown{
    position: relative;
}

.dropdown>button{
    display: flex;
    align-items: center;
    gap: .25rem;
    padding: .5rem .5rem .5rem 1rem;
    background: rgba( var( --primary-rgba ), .05);
}

.dropdown>ul{
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background: var( --grey-1 );
    width: max-content;
    max-width: 90vw;
    z-index: 9999;
}

.dropdown>ul.active{
    display: unset;
}

.dropdown>ul>li>a{
    width: 100%;
    padding: .5rem 1rem;
}
/* DROPDOWN */

.col-set{
    box-shadow: unset !important;
}

.blog-list{
    display: flex;
    gap: 1rem;
    padding: 1rem;
    flex-wrap: wrap;
}

.blog-list>*{
    flex: calc( 100% - 1rem );
    max-width: calc( 100% - 1rem );
    padding: .5rem 1rem;
    background: rgba( var( --primary-rgba ), .05);
}

@media(width > 768px){
    .blog-list>*{
        flex: calc( 50% - 1rem );
        max-width: calc( 50% - 1rem );
    }
}

@media(width > 991px){
    .blog-list>*{
        flex: calc( 33% - 1rem );
        max-width: calc( 33% - 1rem );
    }
}

@media(width > 1199px){
    .blog-list>*{
        flex: calc( 25% - 1rem );
        max-width: calc( 25% - 1rem );
    }
}

a{
    flex-wrap: wrap;
}

a:has(> time)::after{
    all: unset !important;
}

a>time{
    color: rgba( var( --primary-rgba ), .85);
    width: 100%;
    flex: 100%;
}



.adiptal-ui section>a,
.adiptal-ui section div>a
{
    display: flex !important;
    text-decoration: none;
    border-radius: .5rem;
    background: rgba( var( --primary-rgba ), .05);
    box-shadow: 0 .1rem .25rem rgba( var( --primary-rgba ), .1);
}