/*
Theme Name: Uxe Mentale
Theme URI: http://uxementale.com/
Author: Rick Baker
Author URI: http://keepwest.co/
Version: 1.0

Fonts:
	font-family: 'Unica77 LL Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 400;

Colors:
	White:	#ffffff;
	Red:	#ff0000;
    Blue:	#2ab3d8;

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

/* Imports */
	@import url("fonts/fonts.css");


/* Globals */
    body {
		font-family: 'Unica77 LL Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size: 14px;
		text-transform: lowercase;
        font-weight: normal;
        line-height: 1;
        letter-spacing: 0;
        color: #ffffff;
        background-color: #000000;
        padding: 0;
        margin: 0;
		-webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
    }
    h1,h2,h3,h4,h5,h6 {
        margin: 0;
        padding: 0;
        line-height: 1;
        font-weight: normal;
    }
    ::selection {
        color: #000000;
        background: #ffffff;
    }
    ::-moz-selection {
        color: #000000;
        background: #ffffff;
    }
    
/*
 * Links
 */
    a {
        color: #ffffff;
        text-decoration: none;
        outline: none;
    }
    a:hover {
        color: #ff0000;
    }
    a img {
       border: none;
    }

    
/*
 * Page Structure
 */

    .container {
        background: url('images/background.svg');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
	.sign-up {
		position: absolute;
		left: 10px;
		top: 25px;
		cursor: pointer;		
	}
	.tagline {
		position: absolute;
		bottom: 10px;
		left: 50%;
		transform: translateX(-50%);
		font-size: 14px;
	}
	.socials {
		position: absolute;
		left: 10px;
		bottom: 10px;
	}
	.socials a:first-child {
		margin-right: 10px;
	}
	.logo {
		position: absolute;
		right: 10px;
		bottom: 10px;
	}
	
/*
 * Sign-up
 */
	.sign-up .title {
		font-size: 60px;
		line-height: 0.8;
	}
	.sign-up-form {
		position: absolute;
		top: -10px;
		left: 0;	
	}
	.sign-up-form input {
		font-family: 'Unica77 LL Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		text-transform: none;
		letter-spacing: 0;
		color: #ffffff;
		font-size: 60px;
		font-weight: 400;
		padding: 0;
		margin: ;
		border: none;
		background: none;
	}
	input:focus,
	select:focus,
	textarea:focus,
	button:focus {
		    outline: none;
	}
	input[type="search"] {
			-webkit-appearance: none;
	}	
	 ::placeholder {
	  color: #333333;
	  opacity: 1;
	}
	:-ms-input-placeholder {
	  color: #333333;
	}
	.sign-up-form input:focus{
	    outline: none;
	}
	.sign-up-form .button {
		cursor: pointer;
		text-transform: lowercase;
		position: relative;
		top: -10px;
		border: none;
		border-radius: 0;
	}
	.sign-up-form .button:hover {
		color: #2ab3d8;
	}
	.sign-up-form {
		display: none;
	}
    
/*
 * Animations
 */

    /* Color */
	.sign-up-form .button,
    a {
        transition: color 0.4s;
    }

	/* Eevrything */
	
    .tagline,
    .socials {
        transition:  0.4s;
    }