Template:HeroTalent/styles.css

/* For Templates:HeroTalent */

/* Container (table) */
.talentcontainer {
	border-collapse: collapse;
	width: 80%;
	margin: 1px auto 5px;
	border: 3px solid #3FB9BE;
	background: #0D5467; }

/* Header */
.talentname {
	padding: 5px;
	font-size: 18px;
	font-family: 'MuseoSans500';
	font-weight: bold;
	text-transform: uppercase;
	color: #FBFAD9;
	background: #3FB9BE; }

/* Subheader */
.talenttype {
	width: 15%;
	background: #154352;
	padding: 5px 7px;
	text-align: right; }

/* Description */
.talentdesc {
	padding: 5px 7px; }

/* On desktop */
@media only screen and (min-width:501px) {
	.talentmobile {
		display: none; }
}

/* On mobile */
@media only screen and (max-width:500px) {
	.talentcontainer {
		width: 99%; }
	.talentdesktop {
		display: none; }
	.talenttype {
		width: unset;
		text-align: left; }
	.talentdesc {
		width:95%; }
}

/* [[Category:Styling pages]] */