/*
Theme Name: Avon Maitland Elementary Schools Schools Landing Page
Theme URI: http://avonmaitlandschools.ca
Author: Timothy Bilcke
Version: 1
Template: the-landing-page
*/

@import url('../the-landing-page/style.css');



*{
	   font-family: 'Roboto Condensed', sans-serif;
	color:black;
}

/*We will begin my making the page template full width
	this will benefit our logo grid we will make for all the elementary schools
*/



body,html{
	background:#F5F5F5;
	margin:0px;
	padding:0px;
	max-height:100%;
	max-width:100%;
	box-shadow:none;
}
#bluebar{
	background:rgb(27,74,110); 
	border-bottom:3px solid rgb(255,255,255);
	padding:20px;
}
#redbar{
	background:rgb(238,6,11);
	padding:10px;
}

body.home h1, body.page-template-template_bullyreportform h1{
	font-size:50px;
    color:#FFF;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;
}
body.page-template-template_bullyreportform h2{
	margin:20px auto;
}

/* wrapper css */
/*Main Wrapper for Schools and Logos*/
#wrapper{
    width:100%;
}
#wrapper h2{
    font-size:20px;
	background:rgb(27,74,110);
    color:#FFF;
	text-align:center;
	text-shadow:none;
	margin:10px 0px 0px 0px;
	padding:10px 0px;
	font-weight: 400;
	font-family: 'Roboto Condensed', sans-serif;
}
#container{
    position:relative;
    width:100%;
    margin:0 auto 25px;
    padding-bottom: 10px;
}
.grid{
    width:188px;
    min-height:100px;
    background:#fff;
    margin:8px;
    float:left;
    -moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
    -webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
     box-shadow: 0 1px 3px rgba(34,25,25,0.4);
    -webkit-transition: top 1s ease, left 1s ease;
    -moz-transition: top 1s ease, left 1s ease;
    -o-transition: top 1s ease, left 1s ease;
    -ms-transition: top 1s ease, left 1s ease;
}
.grid a{
	display:block;
}

.grid a:hover h2,
.grid a:focus h2,
.grid a:active h2{
	background:rgb(239,58,65) !important;
	color:#EEE !important;
}
.grid .imgholder img{
    max-width:100%;
    display:block;
	margin:0px auto;
}
 /*BLocking Layer for hover Effect*/
#blocking{
	background:rgba(0,0,0,.2);
	position:absolute;
	height:100%;
	width:100%;
	top:0px;
	left:0px;
} 
 /*Footer And widgets*/
 footer{
	background: rgb(27,74,110); /*Blue*/
	box-shadow: inset 0 5px rgba(0, 0, 0, 0.1);
    clear: both;
	font-size:14px;
    padding:60px 0px;
}
footer p {	text-align:left;}
footer a{
	font-weight:normal;
	color: rgb(196,241,107);
	text-decoration:underline;
}
footer a:hover, footer a:focus, footer a:active{
	text-decoration:underline;
	color:rgb(203, 238, 54)
}


/*Widget and Wrappers*/
.widget-area{
    float: left;
	width:25%;
	color:#FFF;
}
.widget-wrap{
	padding:20px;
}
.textwidget{
    color:#FFF; 
	font-size:14px;
}
footer .footer-widgets-1 a{display:block;}
.widget-title{
    font-weight: 700;
    text-transform: uppercase;
	font-size:20px;
	margin-bottom:5px;
}
.widget-area ul{
	margin:0;
	padding:0;
	list-style:none;
}
.widget-area ul li a{font-size:14px;}
.copyright-info{
	clear:both; 
	margin:30px 0px; 

}



 @media only screen and (max-width: 1023px){
	footer,footer p{
    	text-align: center;
	}
}
 footer .wrap {
    margin: 0 auto;
    max-width: 1140px;
}
@media only screen and (max-width: 1160px){
	footer .wrap {
		max-width: 960px;
	}
	}
@media only screen and (max-width: 1023px){
	 .wrap {
		max-width: 740px;
	}
	
}
@media only screen and (max-width: 768px){
	.widget-area{
		width:50%;
	}
	footer .wrap {
		padding-left: 5%;
		padding-right: 5%;
	}
}
@media only screen and (max-width: 480px){
	.widget-area{
		width:100%;
	}
}
.copyright-info p{color:#FFF;	padding:10px;	text-align:center;}
@media (min-width: 320px) and (max-width: 860px) {
	/* Styles */
	body.home h1, body.page-template-template_bullyreportform h1{
		font-size:30px;
	}
	body h2{
		font-size:20px;
	}
	#wrapper h3{
		font-size:20px;
	}
	#backlinks{
        float:none;
        clear:both;
    }
    #backlinks a{
        display:inline-block;
        padding-right:20px;
    }
}
@media screen and (max-width : 1240px) {
    body{
        overflow:auto;
    }
}