/* ==========================================================================
LOGO
========================================================================== */

.app-logo-image {
	background-image: url("/img/revisionid/revision_id_logo_text.png");
}


.logo-font{
	/* Customise logo font-family here */ 
}

/* ==========================================================================
HERO IMAGE
========================================================================== */

.hero{
	background-image: url('/img/revisionid/revisionid_drawings_01.jpg');
}

.hero__logo > * {max-width: 50%;width: 50%;max-height: 50%;}

.hero__action > * {max-width: 10%;width: 5%;max-height: 10%;}

.mdl-card__media_prop img {
	max-height: 320px;
}

/* ==========================================================================
TEXT & BUTTON COLOURS
========================================================================== */

/* Text selection */ 
.hero__title {
    color: #000;
}
.hero__text {
    color: #000;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 80px; }

.applications__text {
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: 300;
   }

.split__content {
	margin-right: 20px;
	
}

::-moz-selection,
::selection {
	/*background-color: rgb(254, 71, 0);*/
	/*color: #fff;*/
}


/* Primary and secondary call to action colours */ 
.primary-text-color{
	/*color: rgb(254, 71, 0);*/
}
.secondary-text-color{
	/*color: rgb(70, 140, 176);*/
}


/* Primary button */ 
.primary-action {
	/*background-color: rgb(254, 71, 0);*/
}

/* Primary button active + hover */ 
.primary-action:active,
.primary-action:hover {
    /*background-color: rgba(254, 71, 0, 0.5) !important;*/
}

/* Secondary button */ 
.secondary-action{
	/*background-color: rgb(254, 71, 0);	*/
}

/* Secondary button active + hover */ 
.secondary-action:active,
.secondary-action:hover{
	/*background-color: rgba(254, 71, 0, 0.5) !important;	*/
}


/* ==========================================================================
HEADER
========================================================================== */

/* Header Tweaks */
.app-header {
	/*background-color: #ddd;*/
	/*color: #555;*/
}

.app-header a{ }

/* Drawer background colour */
.app-drawer .mdl-layout-title {
    /*background: #EEE;*/
}
.app-navigation .mdl-navigation__link:hover {
	/*border-bottom: 4px solid rgb(254, 71, 0);*/
}

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

.app-footer{
	/*background: #444;*/
}

/* App footer hover colour */ 
.app-footer a:hover {
	/*color: rgb(254, 71, 0);*/
}