/*
 Theme Name:   Legal Tree
 Author:       Shaneh Leng
 Description:  Legal Tree Custom CSS
 Version:      1.0.0
 Text Domain:  legal_tree
*/

/********** Start Elements CSS *********/

/**
*  INVERSE
**/
.uk-card-primary.uk-card-body .uk-logo, .uk-card-primary>:not([class*=uk-card-media]) .uk-logo, .uk-card-secondary.uk-card-body .uk-logo, .uk-card-secondary>:not([class*=uk-card-media]) .uk-logo, .uk-light .uk-logo, .uk-offcanvas-bar .uk-logo, .uk-overlay-primary .uk-logo, .uk-section-primary:not(.uk-preserve-color) .uk-logo, .uk-section-secondary:not(.uk-preserve-color) .uk-logo, .uk-tile-primary:not(.uk-preserve-color) .uk-logo, .uk-tile-secondary:not(.uk-preserve-color) .uk-logo {
    color: rgba(255, 255, 255, 1);
}


/**
*  NAVBAR
**/
.uk-navbar-nav > li > a {
    position: relative;
    color: #fff;
    padding: 0;
    margin: 0 10px;
}
/* .uk-navbar-nav > li > a,
.uk-navbar-nav > li:hover > a, 
.uk-navbar-nav > li:focus > a, 
.uk-navbar-nav > li.uk-active > a {
    font-weight: 400;
    font-size: 1rem;
} */
.uk-navbar-nav > li.uk-active > a {
    color: #fff;
}
.uk-navbar-nav > li.uk-active > a:after {
    content: '';
    width: 100%;
    position: absolute;
    bottom: 0;
    display: block;
    border-bottom: 7px solid #00a757;
}


/**
*  LOGO
**/
.uk-logo {
    color: #fff;
    font-size: 2rem;
}
.uk-logo:hover {
    color: rgba(255,255,255,0.8);
}


/**
*  BASE
**/
    /*Headings*/
    *+.uk-h1, *+.uk-h2, *+.uk-h3, 
    *+.uk-h4, *+.uk-h5, *+.uk-h6, 
    *+h1, *+h2, *+h3, *+h4, *+h5, *+h6 {
        margin-top: 0;
    }
    h1, h2, h3, h4, h5, h6,
    .uk-h1, .uk-h2, .uk-h3, 
    .uk-h4, .uk-h5, .uk-h6 {
        font-family: 'GreycliffCF';
        margin: 0 0 10px 0;
    }
    h1, .uk-h1 {
        font-size: 2.625rem;
        font-weight: 700;
    }
    h2, .uk-h2 {
        font-size: 2.125rem;
        font-weight: 700;
    }
    h3, .uk-h3 {
        font-size: 	1.5rem ;
        font-weight: 500;
    }
    h4, .uk-h4 {
        font-size: 1.3125rem;
        font-weight: 500;
    }
    h5, .uk-h5 {
        font-size: 1.125rem;
        font-weight: 500;
    }
    h6, .uk-h6 {
        font-size: 0.875rem;
        font-weight: 500;
    }
    .uk-heading-primary {
        font-size: 	3rem;
        font-weight: 500;   
        letter-spacing: 0; 
    }
    
    /*Colors*/
    .swatch {
        height: 100px;
        background-color: #000;
    }
    .darkgreen {
        background-color: #0b894c;
    }
    .lightgreen {
        background-color: #00a757;
    }
    .forestgreen {
        background-color: #268e59;
    }
    .black {
        background-color: #000;
    }
    .gray {
        background-color: #e4e4e4;
    }
    .uk-text-muted {
        color: #888888;
    }
    .uk-text-primary {
        color: #01a857 !important;
    }
    .uk-text-danger {
        color: #e21e43;
    }

    /*Buttons*/
    button[disabled="disabled"], 
    input[disabled="disabled"] {
        color: #888888;
        background-color: #e4e4e4;
    }
    .uk-button-default {
        color: #fff;
    }
    .uk-button-default:hover, 
    .uk-button-default:focus {
        background-color: #000;
        color: #fff;
    }
    .uk-button-primary {
        background-color: transparent;
        border-color: #20b26c;
        color: #20b26c;
    }
    .uk-button-primary:hover,
    .uk-button-primary:focus {
        background-color: transparent;
        border-color: #000;
        color: #000;
    }
    .uk-button-secondary {
        background-color: transparent;
        border-color: #20b26c;
        color: #20b26c;
    }
    .uk-button-secondary:hover,
    .uk-button-secondary:focus {
        background-color: transparent;
        border-color: #000;
        color: #000;
    }
    .uk-button-xsmall {
        border-radius: 30px;
        padding: 0 15px;
        line-height: 45px;
        font-size: 0.875rem;
    }


/**
*  LIST
**/
.uk-list-bullet>li::before {
    background-image: url("../images/list-bullet.png");
    background-size: contain;
    top: 9px;
    left: 10px;
    width: 0.45em;
    height: 0.45em;
}
.uk-list-divider:not(.uk-list-bullet)>li {
    padding: 10px;
}
.uk-list-divider>li:nth-child(n+2) {
    margin-top: 0;
}


/**
*  CARD
**/
.uk-card {
    border-radius: 8px;
}
.uk-card-title {
    font-size: 1.75rem;
    font-weight: 400;
}
.uk-card-body {
    font-family: 'GreycliffCF';
    font-weight: 300;
}
.uk-card-default {
    box-shadow: none;
    border: 1px solid #eeeeee;
}
.uk-card-primary {
    box-shadow: 0 11px 25px 0px rgba(19, 19, 19, 0.18);
    background: #fff;
    border: 1px solid #eeeeee;
}
.uk-card-primary .uk-card-title,
.uk-card-secondary .uk-card-title,
.uk-card-primary.uk-card-body,
.uk-card-secondary.uk-card-body {
    color: #000 !important;
}
.uk-card-secondary {
    background: #f2f2f2;
    box-shadow: none;
    border: 1px solid #eeeeee;
}


/**
*  TABLE
**/
.uk-table,
.uk-table th,
.uk-table td {
    text-align: center;
}

/**
*  ACCORDION
**/
.uk-accordion-title {
    border: 1px solid #ececec;
    border-radius: 5px;
    padding: 8px 25px;
    font-size: 1rem;
    font-weight: 500;
}


/**
*  TAB & SWITCHER
**/
.tab-left .uk-tab > li > a {
    border: 1px solid #f3f4f4;
    border-radius: 0;
    background-color: #fff;
    font-weight: 300;
    color: #000;
    letter-spacing: 0;
    padding: 13px 35px;
}
.tab-left .uk-tab > li:hover > a,
.tab-left .uk-tab > li.uk-active > a {
    background-color: #01a857;
    border: 1px solid transparent;
} 
.tab-left .uk-tab > li.uk-active + li:hover > a {
    border-top: 1px solid #078a4a;
}
.tab-left .uk-tab > li:after {
    content: url('../images/arrow-right.png'); /*img*/
    position: absolute;
    right: 20px;
    top: 14px;
    display: block;
}
.tab-left .uk-tab > li.uk-active:after,
.tab-left .uk-tab > li:hover:after {
    content: url('../images/arrow-down.png'); /*img*/
}
.uk-switcher.switcher-tab-left {
    border: 1px solid #f6f7f7;
    border-top-width: 1px;
    border-radius: 0;
}


/**
*  BREADCRUMBS
**/
.uk-breadcrumb > * > * {
    font-size: 0.875rem;
    font-weight: 500;
    color: #231f20;
    text-transform: uppercase;
}
.uk-breadcrumb >:nth-child(n+2):not(.uk-first-column)::before {
    margin: 0 10px;
}
.uk-breadcrumb>*>:focus, .uk-breadcrumb>*>:hover {
    color: #01a857;
}


/**
*  ARTICLE
**/
.uk-article-title {
    font-weight: 500;
    font-size: 2.375rem;
}
.uk-article-title + .uk-divider-small {
    border-top: 2px solid #99dcbc;
    margin: 20px 0;
}
.uk-article-meta {
    color: #a9a9a9;
}


/**
*  NAV
**/
.uk-nav-default > li > a, 
.uk-nav-default .uk-nav-sub a {
    color: #231f20;
    font-size: 1.0625rem;
}
.uk-nav-default > li.uk-active > a,
.uk-nav-default .uk-nav-sub a:focus, 
.uk-nav-default .uk-nav-sub a:hover {
    color: #01a857;
}