/*==========================================================================
Override
========================================================================== */
.mdl-card__media img {
	min-width: 100%;
	max-height: 320px;
	text-align: center;
}



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

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


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

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

.hero{
	background-image: url('/img/bshsreunion/1975-79_webpage_main_2029.jpg');
}

.hero-register{
	background-image: url('/img/bshsreunion/hero-register.jpg');
}
/* ==========================================================================
TEXT & BUTTON COLOURS
========================================================================== */

/* Tezxt selection */ 

::-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);*/
}

.hero-medium {
			min-height: 280px;
		}

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

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

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