/*<meta conditions="" />*/

/*STYLESS FOR THE HOMEPAGE OF ScriptCheckWA WEBHELP*/

:root
{
	--WAScriptCheckFonts: Arial, sans-serif;
	--WAScriptCheckGrey: #464e56;
	--WAScriptCheckLightGrey: #dadcdd;
	--WAScriptCheckGreen: #005b38;
	--WAScriptCheckRed: #8C0404;
	--WAScriptCheckAmber: #FF9933;
	--WAScriptCheckBlue: #0092CF;
	--WAScriptCheckLightGreen: #ccded7;    /* Not official: made this tint using https://maketintsandshades.com/#005b38  */
}


.wa-home-intro > h1
{
	font-size: 2.5em;
}

h2.tiles
{
	font-size: 1.75em;
	margin-top: 0;
}

.wa-all-tiles
{
	margin-right: 4%;
	margin-left: 5.5%;
}

.wa-home-intro
{
	line-height: 2em;
	margin-left: 6%;
}

.wa-all-tiles a
{
	color: var(--WAScriptCheckGrey);
}

.wa-all-tiles a:hover
{
	font-weight: bold;
}

/*==Responsive Header Styles==*/

.off-canvas-content .main-section > .outer-row
{
	max-width: 100%;
	padding: 0;
}

#contentBody > .responsive-header
{
	background-color: transparent;
}

#contentBody
{
	min-height: calc(100vh - 80px);
	padding-bottom: 80px;
	margin-bottom: 2%;
}

/***************LAYOUT**********************/

.wascript-home div
{
	margin: 1%;
	border: solid 1px #dadcdd;
}

@media only screen and (min-width:768px)
{
 .flex-container
{
	display: flex;
	flex-wrap: wrap;
	align-content: space-around; 	 
}

	
.flex-item
{
	flex: 1 0 450px;
	padding:2em;

		
}
}
	
		
@media only screen and (max-width:767px)
{
 .flex-container
{
	display: flex;
	flex-wrap: wrap;
	align-content: space-around; 
}

	
.flex-item
{
	flex: 1 0 90%;
	padding:1em;		
}
}