/*
	Theme Name: Avon Maitland Schools Child Theme
	Template: generatepress
	Author: Timothy Bilcke
	Theme URI: http://avonmaitlandschools.ca
*/
@import url('../generatepress/style.css');

body{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 100%;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
    font-weight: 400;
    line-height: 1.625;
}
body main{padding-bottom:75px;}

#skiplink{
	opacity:0;
	position: absolute;
	top:0;
	left:0;
	padding:10px 16px 10px 16px;
	font-size:16px;
	color:#FFF;
	text-decoration: underline;
	background:black;
	z-index: 1000;
}
#skiplink::before{
	font-family: "FontAwesome";
	content: "\f036";
	color:#FFF;
	padding:0px 12px 0px 0px;
	font-size:20px;
}
#skiplink:focus{opacity:1;}
body a{ text-decoration:underline; transition:all 350ms ease-in-out; }
body a:hover, body a:focus, body a:active{ text-decoration:none; }

.main-title a:hover, .main-title a:focus{color:inherit;}

.post-image { margin-top: 0;	margin-bottom: 1.5em; }
.admin-bar.stickynav #site-navigation {   top: 32px; }
.stickynav #site-navigation {
    border-top: 0 none;
    position: fixed;
	top: 0;
    width: 100%;
    z-index: 100;
	opacity: .8;
}
.stickynav  #site-navigation:hover { opacity: 1; }

/*Full-width Page Templates*/
.page-template-page-fullwidth-php .grid-75{	width:100%; }

/**/
/*HEADER STYLES*/
/**/

/*Main School Name Container*/
.inside-header { padding: 40px 40px 40px 40px; }
.site-branding{ text-align:center; }
.site-branding .main-title a, .site-branding .main-title{
	text-decoration:none;
	font-size:50px;
	font-weight:300;
}
.site-branding .main-title a:focus, .site-branding .main-title:focus{
	outline:2px solid yellow;
	text-decoration:underline;
}
.site-branding .main-title a:hover{	text-decoration:underline;}


/*Site tag line*/
p.site-description{ display:none; }

/*Front Page Header, Principal Overlay*/
.page-header-image{position:relative;}
.page-header-image:before{
    visibility: visible;
	content:"";
	height:360px;
	width:240px;
	position:absolute;
	left:0;
	bottom:0;
}
#main article, #right-sidebar .inside-right-sidebar aside, nav#site-navigation, div.site-footer{box-shadow:none !important;}

/**/
/*NAVIGATION*/
/**/
/*Navigation Styles*/
nav#site-navigation{
	-webkit-box-shadow:0px 3px 4px rgb(40,40,40);
	-webkit-box-shadow:0px 3px 4px rgba(40,40,40,.3);
	-moz-box-shadow:0px 3px 4px rgb(40,40,40);
	-moz-box-shadow:0px 3px 4px rgba(40,40,40,.3);
	box-shadow:0px 3px 4px rgb(40,40,40);
	box-shadow:0px 3px 4px rgba(40,40,40,.3);
}

/*Class for main parent items that link to nothing, for accessibility*/
.no-link{
	padding-left: 30px;
    padding-right: 30px;
    line-height: 60px;
	color: rgb(0,0,0);
	font-family: "Roboto", sans-serif;
	display:block;
	font-size:15px;
    transition: all .1s ease-in-out;
}
.no-link:hover{cursor:pointer;}

nav#site-navigation li a, nav#site-navigation li .no-link{font-weight:400;}
nav#site-navigation li a:hover, nav#site-navigation li a:focus, nav#site-navigation li a:active{color:#EEE; text-decoration:underline;}

/*Dropdown Menu*/

#bs-site-navigation .navbar-nav li a:hover, #bs-site-navigation .navbar-nav li a:focus, #bs-site-navigation .navbar-nav li a:active{text-decoration: underline;}

/*
All Hover and Focus Effects
Active Page Link
Drop down list Item parents
Dropdown sub-menus
*/
/*Bootstrap Navigation*/
#bs-site-navigation .navbar-nav{
	display: inline-block;
	float: none;
  	vertical-align: top;
}
#bs-site-navigation .navbar-collapse { text-align: center; }
#bs-site-navigation ul li a:hover, #bs-site-navigation ul li a:focus{text-decoration:underline;	}
#bs-site-navigation .navbar-nav li a{
	font-weight:400; 
	font-family: "Roboto", sans-serif;	
	text-decoration: none;
	color:#000;
	font-size:15px;
	text-shadow:none;
}
#bs-site-navigation .navbar-nav > li > .dropdown-menu{
	border-radius:0px;
	margin:0px;
	padding:0px;
}
#bs-site-navigation .navbar-nav > li > .dropdown-menu > li > a{padding:10px 20px; }
#bs-site-navigation .dropdown-menu > li > a:hover, #bs-site-navigation .dropdown-menu > li > a:focus {background-image:none;}

/*Bootstrap Mobile*/

#bs-site-navigation .navbar-toggle::before{
	content:"Menu";
	font-size:16px;
	display: inline-block;
	color:#000;
	text-align:center;
}
#bs-site-navigation .navbar-toggle{
	border:1px solid #FFF;
	background:#FFF;
	margin:0px auto;
	border-radius:0px;
	float:none;
	text-align:center;
	border:none;
}
#bs-site-navigation .navbar-toggle:hover, #bs-site-navigation .navbar-toggle:focus{background:#000;}
#bs-site-navigation .navbar-toggle:hover .icon-bar, #bs-site-navigation .navbar-toggle:focus .icon-bar{background:#FFF;}
#bs-site-navigation .navbar-toggle:hover::before, #bs-site-navigation .navbar-toggle:focus::before{color:#FFF;}

#bs-site-navigation .navbar-toggle span{background:#000;}

#bs-site-navigation .navbar-toggle span.icon-bar{width:60%; margin:4px auto;}

/**/
/*ENTRY CONTENT*/
/**/
#main{margin:20px 30px 20px 0px; }
#featured-ad{margin:20px 30px 0px 0px; }

/*Main Content container  Container*/
.separate-containers .site-main, .right-sidebar .site-main {  margin: 10px 30px 30px 0px; }
/*Fix the padding issue with the featured images*/
body.home .inside-article{ padding:0px 40px 40px 40px; }
.separate-containers .inside-article{padding:30px 40px 40px 40px;} 
.separate-containers .ma-contain .inside-article{padding:20px 40px 15px 40px;} 
.separate-containers .has-post-thumbnail .inside-article{padding:0px 40px 15px 40px;} 
.page-content, .entry-content, .entry-summary {margin:0; }

#main article, #right-sidebar .inside-right-sidebar aside{
	-webkit-box-shadow:3px 3px 4px rgb(40,40,40);
	-webkit-box-shadow:3px 3px 4px rgba(40,40,40,.3);
	-moz-box-shadow:3px 3px 4px rgb(40,40,40);
	-moz-box-shadow:3px 3px 4px rgba(40,40,40,.3);
	box-shadow:3px 3px 4px rgb(40,40,40);
	box-shadow:3px 3px 4px rgba(40,40,40,.3);
}

/*Urgent Announcment Front Page Posting Area, for shcool who need to reflect something on the front page*/
.ua-wrapper{width:100%;}

.ua-header{
	text-align:center;
	background:rgb(182, 2, 5) /*Slightly Darker Red then AM Red*/;
	margin:20px auto;
}
.ua-title{
	padding:20px;
	margin:0px;
}
.ua-title a{
	color:#FFFFFF;
	font-size:24px;
	position:relative
}
.ua-title a:hover, .ua-title a:focus, .ua-title a:active, .ua-title a:hover:before, .ua-title a:focus:before, .ua-title a:active:before{text-decoration:none; color:#FFF500;}
.ua-title a:before{
	content:"\f06a";
	position:absolute;
	font-family:"FontAwesome";
	left:-40px;
	top:-3px;
	color:#FFF;
	font-size:36px;
	display:block;
}
/*Headers*/
/*.entry-header{	background:#FFF; }*/
header.entry-header, .entry-title, .page-title{
	font-size:38px;
	text-align:center;
	font-weight:300;
	color:#FFF;
	padding: 10px 40px 10px 40px;
}
.entry-content a{color:#0b2c51;}
.entry-content a:hover{text-decoration:none; }

/*Post meta*/
.entry-meta{	font-size:12px; }
.entry-meta .nav-previous{float:left;}
.entry-meta .nav-next{float:right;}

.cat-links:before, .comments-link:before, .nav-next .next:before, .nav-previous .prev:before, .tags-links:before, footer.entry-meta .author:before, footer.entry-meta .posted-on:before{margin-right:.3em;}

.entry-meta a:hover, .entry-meta a:focus, .entry-meta a:active{	text-decoration:none; }

.entry-meta .prev, .entry-meta .next{
	color: #FFF;
    font-size: 18px;
    background: #333;
    padding: 8px 16px 8px 10px;
	display: inline-block;
}
.entry-meta .prev:hover, .entry-meta .next:hover, .entry-meta .prev:active .entry-meta .next:active{
	background:rgb(27,74,110);
}
.entry-meta a, .entry-meta a:visited{color:#FFF;}
.entry-meta a:hover, .entry-meta a:active{color:#FFF;}
/*****************************/
/*CUSTOM POST PAGES, PRINCIPAL NEWSLETTER ETC*/
/*****************************/
.summary-title{font-size:30px; border-bottom:1px solid #EEE; padding:0px 0px 6px 0px;}
.ma-contain {
	border-top:1px solid #F5F5F5;
	border-bottom:1px solid #F5F5F5;
}
.ma-contain .summary-title{
	font-size:20px; 
	border-bottom:1px solid #EEE; 
	padding:0px 0px 6px 0px;
	margin-bottom:4px;
}
.ma-contain .inside-article .ma-meta{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	color: #333;
	float: right;
}
.ma-contain p{margin-bottom:1em;}

.ma-contain .entry-summary div, .ma-contain .entry-summary div + p{
	display:none !important;
}

/*Excerpt Styles*/
.inside-article h2 a{font-size:24px; text-decoration:underline; color:#000;}
.inside-article h2 a:hover,.inside-article h2 a:focus, .inside-article h2 a:active{	text-decoration:none; color:#414141; }

.inside-article .entry-thumbnail{float:left; padding-right:20px;}

.entry-content h2{font-weight:700;}
.entry-content h3{
	font-size:22px; 
	color:#000;
	font-weight:300;
}
.entry-content h2 + h3{margin-top:-16px;}

.entry-summary a span{display:block; color:#333;}
.entry-summary a{color:rgb(27,74,110); text-decoration:underline;}
.entry-summary a:hover span,.entry-summary a:active span,.entry-summary a:focus span{text-decoration:none; color:#333;}


/*Images*/
/*.entry-content img{
	-webkit-box-shadow:1px 1px 4px rgb(40,40,40);
	-webkit-box-shadow:1px 1px 4px rgba(40,40,40,.5);
	-moz-box-shadow:1px 1px 4px rgb(40,40,40);
	-moz-box-shadow:1px 1px 4px rgba(40,40,40,.5);
	box-shadow:1px 1px 4px rgb(40,40,40);
	box-shadow:1px 1px 4px rgba(40,40,40,.5);
}*/
.home .entry-content img {box-shadow:none;}

/*List Items*/
/*Lists*/
.entry-content ul,.entry-content ol{margin-left:5px; list-style-type:none;}
.entry-content ol{ counter-reset:step-counter;  }
.entry-content li{margin-bottom:5px; }
 .entry-content ul li:before{ 
 	font-family: 'FontAwesome';
	 content: "\f0a9";
	font-size:20px;
	padding-right:10px;
}
.entry-content ol li:before{
	counter-increment: step-counter;
	content: counter(step-counter);
    margin-right: 10px;
    font-size: 80%;
    background-color: rgb(0,0,0);
    color: white;
    font-weight: bold;
    padding: 3px 8px;
}
/*Staff List*/
#staff-list li{
	display:inline-block;
	width:48%;
	margin:3px auto;
}
#staff-list li a{color:#333;}

#staff-list li a::after{
	font-family: 'FontAwesome';
	content: "\f08e";
	font-size:16px;
	display: inline-block;
	padding-left:10px;
}
#staff-list li span{
	display:block;
	padding:0px 28px 0px 28px;
}
/*Sidebar and widgets*/
.widget-title { 
	margin-bottom: 10px;
	font-size: 18px;
	font-weight:400;
	color:#000;
}
/*FaceBook Widget*/
#cff.cff-default-styles a{text-decoration:underline !important;}


/*List of links newsletters etc*/
.sidebar .widget a{color:#333;}
.sidebar .widget a:hover, .sidebar .widget a:focus{color:rgb(27,74,110);}

.cst-fb-widget{	padding:20px !important;}


.manual_widget figure:last-child{margin-top:20px;}
.manual_widget figure:first-child{margin-top:0px;}

/*Twitter Widget*/
#right-sidebar .twitter-timeline{color:#000 !important;}


/*.fb-page, .fb-page span, .fb-page.fb_iframe_widget span iframe {
    width: 100% !important;
}*/

.mobmenu_content .no-link{
	font-size:18px;
	color:#FFF;
}

/***************/
/*Custom Taxonomy Newsletter, SChool Council Minutes Page*/
/***************/
.doc-wrapper {
	clear:both;
	margin-bottom:25px;
	padding-bottom:15px;
	border-bottom:2px solid #F5F5F5;
	float: left;
    width: 100%;
}

.doc-wrapper :last-child {border-bottom:none; margin-bottom:0px;}

.doc-wrapper  li, .doc-wrapper h3{text-align:center; }

.doc-wrapper-current li:nth-of-type(1){ background:#EEE;}

.doc-wrapper li a{
	font-size:14px;
	padding:15px 0px;
	display:inline-block;
	width:100%;
}
.doc-wrapper li:hover{background:#f9f9f9;}
.doc-wrapper span{
	font-size:64px;
	text-align:center;
	display:block;
	margin-bottom:5px;
}
#widget-register-now{margin-bottom:20px;}
#widget-register-now a:focus{outline:2px solid #FFD900;}
/*Newsletter widget  List*/
.widget .cat-post-item{font-size:15px; }
.widget .cat-post-item a:hover{text-decoration:none;}
.widget .cat-post-item:before, .widget ul li:before{
	font-family: 'FontAwesome';
	content: "\f15c";
	font-size:13px;
	display:inline-block;
	padding-right:10px;
	color:rgb(27,74,110);
}
.cat-post-current .cat-post-title {
    font-weight: bold;
    text-transform:none !important;
	color:rgb(27,74,110) !important;
}

/*Current Newsletter Widget on front page*/
.widget_dpe_fp_widget{
	background:#333 !important;
	padding:10px !important;
	transition:background ease-in-out .88s;
}    
.widget_dpe_fp_widget:hover{background:#444444 !important;}
.widget_dpe_fp_widget a:focus{outline:2px solid #FFD900;}
.dpe-flexible-posts li:before{display:none !important;}

.dpe-flexible-posts li a:before{
	font-family:'FontAwesome';
	content: "\f15c";
	display:block;
	font-size:48px;
	color:#EEE;
}
.dpe-flexible-posts li a{text-align:center; color:#FFF !important; font-size:14px; display:block; text-decoration:none !important; transition:color ease-in-out .88s;}

.dpe-flexible-posts li a:hover{text-decoration:underline !important; color:#CCC !important;}

/*Blockquote*/
blockquote{
  display:block;
  background: #fff;
  padding: 15px 20px 15px 45px;
  margin: 0 0 20px;
  position: relative;
  
  /*Font*/
  font-size: 18px;
  line-height: 1.2;
    color: #333;
  text-align: left;
  font-style: normal;
	
  /*Borders - (Optional)*/
  border-left: 15px solid #c76c0c;
  border-right: 2px solid #c76c0c;
}
blockquote::before{
  content: "\201C"; /*Unicode for Left Double Quote*/ 
  /*Font*/
   font-size: 60px;
  font-weight: bold;
  color: #999;  
  /*Positioning*/
  position: absolute;
  left: 10px;
  top:5px;
}
blockquote::after{ /*Reset to make sure*/ content: ""; }

/*Table Styles, Mainly just for the Timetables*/
table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #bbb;
}
table thead th:after{
	display:inline-block;
	font-family: 'FontAwesome';
	font-size:24px;
	color:#EEE;
	padding-left:10px;
}
table thead th:first-child:after{
	content: "\f017";
}
table thead th:last-child:after{
	 content: "\f19d";
}
td,th { border-top: 1px solid #ddd; padding: 10px 15px; }
tr:nth-child(2n){background:#F0F0F0;}
tr td:first-child{border-right: 1px solid #bbb;}
tr:hover{
	background:#333;
	color:#FFF;
}
tr:hover h3{	color:#EEE;}
table i{	padding:0px 10px 0px 10px;}
th{
	font-size:1.3em;
	background:#333;
	color:#EEE;
}

/*Bus Cancellations RSS FEED*/
.super-rss-reader-widget div div{padding:5px 5px 5px 5px;}
/*Tribe Events Calendar*/
.tribe-events-promo{display:none;}
/**/
/*Footer Styles*/
div.site-footer{
	-webkit-box-shadow:0px -3px 4px rgb(40,40,40);
	-webkit-box-shadow:0px -3px 4px rgba(40,40,40,.5);
	-moz-box-shadow:0px -3px 4px rgb(40,40,40);
	-moz-box-shadow:0px -3px 4px rgba(40,40,40,.5);
	box-shadow:0px -3px 4px rgb(40,40,40);
	box-shadow:0px -3px 4px rgba(40,40,40,.5);
}
/*#footer-widgets .widget-title{font-weight:400; font-size:20px;}*/
#footer-widgets .vcard{font-size:18px;}
#footer-widgets .vcard address{font-style:normal;}
#footer-widgets .widget img{margin:0px auto !important;	display:block !important;}
#footer-widgets .vcard .email{display:block; color:#333;}

.site-info i.fa-wheelchair{
	font-size:30px;
	display:inline-block;
	padding-right:10px;
}



/*All; Small Screens*/
@media only screen 
and (min-width : 320px) 
and (max-width : 480px) {
	
	
	

}

/*******************/
/**Google Calendar**/
/******************/
@media only screen and (max-width:769px){
	/*Hide the header and seocneary title and go straight to content.*/
	
	.home .entry-header, .page-header-image{display:none;}
	
	/*Wrapper around school name*/
	.inside-header {padding: 20px;}
	/*Site Branding - School Name*/
	.site-branding .main-title a, 
	.site-branding .main-title {
		font-size: 30px;
	}
	/*Navigation*/
	/*#site-navigation{display:none;}*/
	#bs-site-navigation #primary-nav{width:100%;}
	#bs-site-navigation .dropdown-menu{width:100%;}
	#bs-site-navigation .navbar-toggle{display:block;}
	#bs-site-navigation .navbar-nav > li > .dropdown-menu{text-align:center;}
	#bs-site-navigation .navbar-nav > li{border-bottom:1px dotted rgba(0,0,0,.5);}
	#bs-site-navigation .navbar-nav > li:last-child{border-bottom:none;}
	
	#main, 
	#featured-ad,
	.separate-containers .widget,
	.separate-containers .inside-left-sidebar, 
	.separate-containers .inside-right-sidebar, 
	.separate-containers .site-main{margin:0px 0px 20px 0px;}
	
	
	
	#main, #right-sidebar{margin-top:20px;}
	.site-main .entry-header{margin:0px 0px 0px 0px;}
	
	#right-sidebar .widget, #right-sidebar #widget-register-now{margin:0px;}
	
	/*Main Cotnent Tag*/
	#main{
		padding:0px;
	}
	/*Main Content wrapper*/
	.home .entry-content{padding-top:2em;}
	/*Post and page content*/
	header.entry-header, .entry-title, .page-title {
    	font-size: 32px;
 	   padding: 10px 10px 10px 10px;
	}
	.entry-content img{
		float:none;
		display:block;
		margin:0px auto;
	}
	#featured-ad{
		padding:0px;
	}
	
	
	
	
	/*Widget and Sidbar Stuff*/
	.inside-right-sidebar img{margin:0px auto; display:block;}
	#right-sidebar #widget-register-now{box-shadow:none;}
	
	
	/*Responsive Table*/
	table tr td{display:block;}
	table th{display:none;}
	table tr td{
		text-align:center;
		background:#F0F0F0;
	}

	table tr td[headers="time"]:before{
		display:inline-block;
		font-family: 'FontAwesome';
		font-size:18px;
		color:#999;
		padding-right:10px;
		content: "\f017";
	}
	tr td:first-child{
		border-right:none;
		background:#333;
		color:#EEE;
	}
	tr:hover{background:none; color:inherit;	}
	
	
	/*Staff List*/
	#staff-list li{
		display:block;
		width:100%;
		margin:3px auto;
	}
	
	
	/*Footer*/
	#footer-widgets .widget{text-align:center}
}



@media (max-width: 550px) {
     .gcal-big-wrap {
         display: none;
     }
	/*Special message icon on front page*/
	.ua-title a::before{display:none;}
	
	.inside-article .entry-thumbnail{
		float:none; 
		padding-right:0px;
		max-width:150px;
		margin:0px auto;
	}
 }
 @media (min-width: 550px) {
     .gcal-small-wrap {
         display: none;
     }
 }


@media only screen and (max-width:468px){
	/*Wrapper around school name*/
	.inside-header {padding: 10px;}
	/*Site Branding - School Name*/
	.site-branding .main-title a, 
	.site-branding .main-title {font-size: 24px;}
}







.gcal-small-wrap{overflow:hidden;}
 /* Responsive iFrame */
 .responsive-iframe-container {
    	position: relative; 
		padding-bottom: 56.25%; 
		     height: 350px;
	 max-height:600px;
		max-width: 100%; 
 }
 .responsive-iframe-container iframe,   
 .vresponsive-iframe-container object,  
 .vresponsive-iframe-container embed {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;

 }