/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

/* Custom styling for design flair */
body[class*=design-flair-top] h1,
body[class*=design-flair-bottom] .has-flair > .row > .row-inner {
    position: relative;
}

body[class*=design-flair-top] h1 {
    display: inline-block;
}

body[class*=design-flair-top] h1:after,
body[class*=design-flair-bottom] .has-flair > .row > .row-inner:after {
    content: '';
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
    transition: width 0.3s 0s ease, height 0.3s 0s ease;
    pointer-events: none;
}

body[class*=design-flair-top] h1:after {
    bottom: 100%;
    left: 100%;
}

body[class*=design-flair-bottom] .has-flair > .row > .row-inner:after {
    bottom: 0;
    left: 100%;
}

.design-flair-top--none h1:after,
.design-flair-bottom--none .has-flair > .row > .row-inner:after {
    content: none;
}

.design-flair-top--default h1:after,
.design-flair-top--alfa h1:after {
    background-image: url(/wp-content/themes/uncode-child/images/alfa.svg);
    transform: translate(-5%, 15%);
}

.design-flair-top--bravo h1:after {
    background-image: url(/wp-content/themes/uncode-child/images/bravo.svg);
    transform: translate(-30%, 25%);
}

.design-flair-top--charlie h1:after {
    background-image: url(/wp-content/themes/uncode-child/images/charlie.svg);
    transform: translate(-20%, 20%);
}

.design-flair-top--delta h1:after {
    background-image: url(/wp-content/themes/uncode-child/images/delta.svg);
    transform: translate(-15%, 20%);
}

.design-flair-top--echo h1:after {
    background-image: url(/wp-content/themes/uncode-child/images/echo.svg);
    transform: translate(-20%, 20%);
}

.design-flair-top--foxtrot h1:after {
    background-image: url(/wp-content/themes/uncode-child/images/foxtrot.svg);
    transform: translate(-25%, 20%);
}

.design-flair-top--golf h1:after {
    background-image: url(/wp-content/themes/uncode-child/images/golf.svg);
    transform: translate(-10%, 30%);
}

.design-flair-bottom--alfa .has-flair > .row > .row-inner:after {
    background-image: url(/wp-content/themes/uncode-child/images/alfa.svg);
    transform: translate(-68%, 42%);
}

.design-flair-bottom--bravo .has-flair > .row > .row-inner:after {
    background-image: url(/wp-content/themes/uncode-child/images/bravo.svg);
    transform: translate(-75%, 40%);
}

.design-flair-bottom--default .has-flair > .row > .row-inner:after,
.design-flair-bottom--charlie .has-flair > .row > .row-inner:after {
    background-image: url(/wp-content/themes/uncode-child/images/charlie.svg);
    transform: translate(-70%, 50%);
}

.design-flair-bottom--delta .has-flair > .row > .row-inner:after {
    background-image: url(/wp-content/themes/uncode-child/images/delta.svg);
    transform: translate(-50%, 40%);
}

.design-flair-bottom--echo .has-flair > .row > .row-inner:after {
    background-image: url(/wp-content/themes/uncode-child/images/echo.svg);
    transform: translate(-50%, 40%);
}

.design-flair-bottom--foxtrot .has-flair > .row > .row-inner:after {
    background-image: url(/wp-content/themes/uncode-child/images/foxtrot.svg);
    transform: translate(-60%, 33%);
}

.design-flair-bottom--golf .has-flair > .row > .row-inner:after {
    background-image: url(/wp-content/themes/uncode-child/images/golf.svg);
    transform: translate(-55%, 45%);
}

@media (min-width: 960px) {
    body[class*=design-flair-top] h1:after {
        width: 190px;
        height: 190px;
    }
}

@media (min-width: 1500px) {
    body[class*=design-flair-top] h1:after {
        width: 250px;
        height: 250px;
    }
    
    body[class*=design-flair-bottom] .has-flair > .row > .row-inner:after {
        width: 150px;
        height: 150px;
    }
}

@media (min-width: 1700px) {
    body[class*=design-flair-top] h1:after {
        width: 275px;
        height: 275px;
    }
}

/* Customer Footer Expanded Navigation CSS */
.site-footer .limit-width {
    max-width: none;
}

.footer_expanded_nav #menu-footer-menu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    text-align: left;
}

.footer_expanded_nav #menu-footer-menu > li {
    margin: 0 10px 20px 10px;
    flex: 1 0 100px;
}

.footer_expanded_nav #menu-footer-menu > li > a {
    font-weight: bold;
}

.footer_expanded_nav #menu-footer-menu ul.sub-menu {
    margin-left: 8px;
}