Template:Main Page/style.css

/*************************************************
**
**		MAIN PAGE
**
**************************************************/
@media (min-width:1000px) {
	.series-nav{
		display: block;
	}
	.mainpageContent{
		flex-direction: row;
	} 

	.mainpageContentOne{
		flex:2;
	}
	
	.mainpageContentTwo{
		flex:1;
	}
}

@media (max-width:1000px) {
	.series-nav{
		display:none;
	}
	.mainpageContent{
		flex-direction: column;
	} 

	.mainpageContentOne{
		flex:1;
	}
	
	.mainpageContentTwo{
		flex:1;
	}
}

/*************************************************
**
**		WELCOME
**
**************************************************/
.mainpage-welcome {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	padding:1em;
}
	
.mainpage-welcome li{
	list-style:none;
}

.mainpage-welcome .intro {
	text-align:left;
	color:#06305B;
	flex:2;
	padding-left:5px;
}

@media (max-width: 1000px) {
	.mainpage-welcome .intro{
		text-align:center;
	}
}

.mainpage-welcome .intro h1{
	padding:0;
	margin:0;
}

.mainpage-welcome .intro ul {
	list-style:none;
}

@media (max-width: 1000px) {
	.mainpage-welcome {
		 flex-direction:column;
	}

	.mainpage-welcome .intro ul {
		display:none;
	}
}

/*************************************************
**
**		SEARCH
**
**************************************************/
input.mw-inputbox-input.searchboxInput.mw-ui-input.mw-ui-input-inline {
	width: 100%;
	padding: 1.2em;
	margin: 1em 0;
	box-shadow: 0 0 7px -3px #000000;
	border: 1px solid #CDCDCD;
	font-size: 1.1em;
	border-radius:6px;
}

.mw-ui-checkbox{
	margin: 0 0.5em;
}

input.mw-ui-button {
	background: #376492;
	color: #FFFFFF;
	width: 50%;
	padding: 1em;
	margin: 1em;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4);
	border: none;
	border-radius: 4px;
}

.mw-ui-button:hover {
	background-color: #4e79a4;
	color: #EDEDED;
	border-color: transparent;
}

/*************************************************
**
**		PORTALS
**
**************************************************/
.series-nav {
	display:flex;
	flex-direction:column;
}

.series-nav .tabberlive{
	margin:0;
}

.series-nav .tabbertab{
	padding:0;
	display:flex;
	flex-direction:column;
}

.series-nav .card.vertical{
	margin-left: .3em;
}

/*************************************************
**
**		HEADLINES
**
**************************************************/
@media (max-width: 720px) {
	.mainPageHeadlines {
		margin: 13px 0;
		flex-direction:column;
	}
}

@media (min-width:720px) {
	.mainPageHeadelines {
		margin: 5px 0;
		flex-direction:row;
	}
}

.mainPageHeadlines {
	margin-bottom: 1em;
}

/*************************************************
**
**		MESSAGE FROM THE KINGDOM
**
**************************************************/
.messageFromtheKingdom {
	text-align:left;
}

.messageFromtheKingdom .secondaryCard {
	padding:1.3rem;
	text-align:left;
}

/*************************************************
**
**		HELPING OUT
**
**************************************************/
.joinUs {
	text-align:left;
}

.joinUs .mainCard {
	padding: 1.3rem;
	background: #1A5793;
	font-family: Roboto Slab;
	font-weight: 300;
	color: #FFFFFF;
}

.joinUs .mainCard h2{
	color:#FFFFFF;
	margin-top:0;
	font-family:Roboto Slab;
	font-weight: 500;
}

/*************************************************
**
**		QUOTE OF THE DAY
**
**************************************************/
.dailyQuote .content, .onThisDay .content {
	padding:5px;
}

.dailyQuote .quoteBlock{
	justify-content:center;
}

.dailyQuote .quoteByline{
	justify-content:center;
}