/* =========================================================
   MAGIC iCREATIVE
   VISITOR DAY - LAYOUT
   ========================================================= */


/* =========================================================
   THEME VARIABLES
   ========================================================= */

:root {

    --magic-bg:
        #fbf7ff;

    --magic-card:
        #ffffff;

    --magic-text:
        #40255f;

    --magic-primary:
        #8a4de8;

    --magic-secondary:
        #d94aa5;

    --magic-gold:
        #f5c95d;

}


/* =========================================================
   PAGE
   ========================================================= */

html,
body {

    min-height:
        100%;

}


/* =========================================================
   VISITOR DAY BODY
   ========================================================= */

body.visitor-themes-day {

    margin:
        0;

    background:
        var(--magic-bg);

    color:
        var(--magic-text);

    display:
        flex;

    flex-direction:
        column;

}


/* =========================================================
   HOME
   ========================================================= */

body.visitor-themes-day .home-main {

    width:
        100%;

    flex:
        1 0 auto;

}


/* =========================================================
   CONTENT WIDTH
   ========================================================= */

body.visitor-themes-day .home-catalog {

    width:
        100%;

    box-sizing:
        border-box;

}


/* =========================================================
   FOOTER POSITION
   ========================================================= */

body.visitor-themes-day .magic-footer {

    flex-shrink:
        0;

}


/* =========================================================
   IMAGES
   ========================================================= */

body.visitor-themes-day img {

    max-width:
        100%;

}