/*
Theme Name: Milli Build 2024
Theme URI: http://http://millibuild.com.au/
Description: A theme for WordPress.
Author: Rick Baker
Author URI: http://www.rickbaker.co
Version: 1.0

Fonts:
    font-family: Helvetica, Arial, sans-serif;
        font-weight: 400;
        font-weight: 500;

    font-family: 'franklin-gothic-cond', sans-serif;
        font-weight: 500;
        font-weight: 700;

Colors:
    White: #EDECE0;
    Brown: #87593A;

/*-------------------------------------------------------------- */

/*
 * Fonts
 */
	@import url('fonts/fonts.css');


/*
 * Globals
 */
    body {
	    font-family: 'ABC Diatype', Helvetica, Arial, sans-serif;
        font-size: 21px;
        color: #EDECE0;
        background-color: #87593A;
        margin: 0;
    }
    h1,h2,h3,h4,h5,h6 {
        margin: 0;
        padding: 0;
        line-height: 1;
        font-weight: normal;
    }
    ::selection {
        color: #87593A;
        background: #EDECE0;
    }
    ::-moz-selection {
        color: #87593A;
        background: #EDECE0;
    }


/*
 * Links
 */
    a {
        color: #EDECE0;
        text-decoration: none;
        outline: none;
    }
    a:hover {
        color: #EDECE0;
        text-decoration: none;
    }
    a img {
       border: none;
    }


/*
 * Page Structure
 */
    #container {

    }
    #container > header {

    }
    main {

    }
    #container > footer {

    }


/*
 * Utilities
 */
    /* Responsive image containers */
    .fluid-width-image-wrapper img {
        height: auto;
        width: 100%;
    }
    /* Overlay */
    .overlay {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.4);
    }
    #tagline {
	    display: none;
    }


/*
 * Menus
 */



/*
 * Header
 */



/*
 * Home
 */
 	
 	.home .logo {
	 	position: absolute;
	 	top: 70px;
	 	width: 100%;
	 	padding: 0 70px;
	 	box-sizing: border-box;
 	}
 	.home .logo .svg {
	 	width: 100%;
	 	max-width: 440px;
	 	height: auto;
	 	max-height: 82px;
 	}
 	.home .entry {
	 	position: absolute;
	 	right: 0;
	 	bottom: 70px;
	 	padding: 0 70px;
	 	line-height: 1.3;
	 	box-sizing: border-box;
	    max-width: 580px;
	 	
	    display: flex;
	    flex-direction: row;
	    flex-wrap: wrap;
	    justify-content: flex-end;
	    align-items: flex-start;
	    align-content: center;
 	}
 	.home .entry h4 {
	 	width: 100%;
 	}
 	.home .entry > div {
 		margin-top: 20px;
 		display: inline-block;
 		flex: 1;
 	}
 	.home .entry > div:first-of-type {
	 	margin-right: 50px;
 	}
 	.home .entry a {
	 	transition: opacity 0.3s;
 	}
 	.home .entry:hover a {
	 	opacity: 0.4;
 	}
 	.home .entry a:hover {
	 	opacity: 1;
 	}
 	
	/* Background */
 	.dots {
	    display: flex;
	    flex-direction: row;
	    flex-wrap: wrap;
	    justify-content: space-between;
	    align-content: flex-start;
	    align-items: flex-start;
	    width: 100%;
 	}
 	.dot {
	 	height: 18px;
	 	width: 18px;
	 	background-color: #EDECE0;
 	}
 	.row-1 {
	 	position: absolute;
	 	top: 0;
	 	left: 0:
 	}
 	.row-2 {
	 	position: absolute;
	 	top: 50%;
	 	left: 0;
	 	transform: translateY(-50%);
 	}
 	.row-3 {
	 	position: absolute;
	 	bottom: 0;
	 	left: 0;
 	}


/*
 * Work Grid
 */



 /*
 * Work Detail
 */



/*
 * Category
 */



/*
 * Single (Blog detail)
 */


/*
 * Fallback Page
 */


/*
 * Footer
 */



/*
 * Animations
 */
    /* Color */
    a {
        transition: color 0.4s;
    }

    /* Opacity */
    .browse {
        transition: opacity 0.4s;
    }

    /* Everything */
    svg path {
        transition: 0.4s;
    }



/*
 * Wordpress Required
 */
	.alignleft {
	    display: inline;
	    float: left;
	}
	.aligncenter {
	    clear: both;
	    display: block;
	    margin: 0 auto 10px auto;
	}
	.alignright {
	    display: inline;
	    float: right;
	}
	img.alignleft {
	    margin: 0 10px 10px 0;
	}
	img.alignright {
	    margin: 0 0 10px 10px;
	}
	img.aligncenter {
	    margin: 0 auto 10px auto;
	}
	.wp-caption {
	    background: #f1f1f1;
	    color: #888;
	    text-align: center;
	    margin-bottom: 15px;
	    width: auto !important;
	    -moz-border-radius: 0 0 4px 4px;
	    border-radius: 0 0 4px 4px;
	}
	.wp-caption img {
	    margin: 0px;
	}
	.wp-caption p.wp-caption-text {
	    margin: 0 0 5px;
	    padding: 4px;
	    font-style: italic;
	}