/*==================================================
MARVIK & ADOR DESIGN SYSTEM
Version 1.0
==================================================*/

:root{

    /* Brand Colors */
    --ma-gold:#c9a35b;
    --ma-gold-dark:#a98339;
    --ma-black:#111111;
    --ma-charcoal:#222222;
    --ma-white:#ffffff;
    --ma-light:#f8f7f4;

    /* Shadows */
    --shadow-soft:0 10px 30px rgba(0,0,0,.08);
    --shadow-hover:0 18px 45px rgba(0,0,0,.18);

    /* Animation */
    --transition:.35s ease;
}

/* Smooth Website */

html{
    scroll-behavior:smooth;
}

body{

    background:#fff;
    color:var(--ma-charcoal);

    transition:all .3s ease;

}

/* Links */

a{

    transition:var(--transition);

}

a:hover{

    color:var(--ma-gold);

}

/* Buttons */

button,
.wp-element-button,
.wp-block-button__link{

    transition:var(--transition)!important;

}

button:hover,
.wp-element-button:hover,
.wp-block-button__link:hover{

    transform:translateY(-3px);

}

/* Images */

img{

    transition:var(--transition);

}

/*==================================================
LUXURY EFFECTS v1.1
==================================================*/

/* Elegant Buttons */

.wp-element-button,
.wp-block-button__link,
.kt-button {

    border-radius: 50px !important;
    transition: all .35s ease !important;
    box-shadow: 0 8px 20px rgba(0,0,0,.08);

}

.wp-element-button:hover,
.wp-block-button__link:hover,
.kt-button:hover {

    transform: translateY(-4px);
    box-shadow: 0 18px 40px rgba(0,0,0,.20);

}

/* Images */

img{

    transition:all .45s ease;

}

img:hover{

    transform:scale(1.02);

}

/* Cards */

.wp-block-group,
.kt-row-column-wrap,
.kt-inside-inner-col{

    transition:all .4s ease;

}

.wp-block-group:hover,
.kt-row-column-wrap:hover,
.kt-inside-inner-col:hover{

    transform:translateY(-6px);

}

/* Headings */

h1,h2,h3,h4{

    letter-spacing:.5px;

}
/*==================================================
HEADER v1.2
==================================================*/

/* Sticky Header */
.site-header{
    transition:all .35s ease;
}

/* Header Row */
.site-header-row-container{

    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

    background:rgba(17,17,17,.35);

    transition:all .35s ease;

}

/* Navigation */

.site-header a{

    transition:.35s ease;
    letter-spacing:.5px;

}

.site-header a:hover{

    color:var(--ma-gold)!important;

}

/* Logo */

.custom-logo{

    transition:.35s ease;

}

.custom-logo:hover{

    transform:scale(1.03);

}