#openLeftnav{
	display:none
}
.contentArea.container{
	width:100%;
	padding-right:0px;
	padding-left:0px;
}
.row.row-offcanvas.row-offcanvas-left.contentWrap{
	margin-right:0px;
	margin-left:0px;

}
.s4-ca-dlgNoRibbon.col-xs-12.col-sm-9{
	width:100%;
	padding-right:0px;
	padding-left:0px;

}
#homeContent H2{
	color:#00275a;
	margin-bottom:15px;
}
#MSO_ContentTable{
	border-left:none;
}

@media (min-width: 768px){
	#homeContent{
		margin-bottom:30px;
	}
}


/************** in the news *************/
#news{
	padding-right:0px;
	padding-left:0px
}
#news h2{
	margin-left:15px;
}
#news h2 a{
	color:#000;
	border-radius:60px;
	padding:5px 20px 7px;
	margin-left:-15px;
	transition: all 0.3s ease;
	display:block;
	margin-top:-5px;
	width:145px;
}
#news h2 a:hover,
#news h2 a:focus{text-decoration:none; width:160px}
#news h2 a .fa-chevron-right{color:#cccccc; padding-left:6px; float:right; margin-top:6px}
#news h2 a:hover{background-color:#cccccc}
#news h2 a:hover .fa-chevron-right,
#news h2 a:focus .fa-chevron-right{color:#000}
#news .newsItem{padding: 10px;border-bottom:1px solid #E8E8E8;min-height: 80px;clear:both;}
#news .newsItem:first-child{
	margin-top:-8px;
}
#news .newsItem:hover, #news .newsItem:focus {
   background-color:#F2F2F2;
   background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#F2F2F2));
   background-image:-webkit-linear-gradient(top, #ffffff, #F2F2F2); 
   background-image:-moz-linear-gradient(top, #ffffff, #F2F2F2);
   background-image:-ms-linear-gradient(top, #ffffff, #F2F2F2);
   background-image:-o-linear-gradient(top, #ffffff, #F2F2F2);
}

#news .newsItem .date{
width: 62px; height: 60px; overflow:hidden;
text-align:center; 
background: #F2F2F2;
float:left;	
margin-left:6px;
margin-right: 6px;}
#news .newsItem:hover .date, #news .newsItem:focus .date {
    background: #0056ac;
    color: #fff;
}
#news .newsItem .date span{
	display:block;
	height:21px;
	font-size:14px;
}
#news .newsItem .date .dayMonth {
	margin-top:8px;
}
#news .newsItem h3{font-size:100%;margin-top:-3px;margin-bottom:0px;/* padding-top:7px; */font-weight:400;}
#news .newsItem a{
	color:#272727!important;
	text-decoration:none;
	display:block;
	width: calc(100% - 80px);
	margin-left: 80px;
}


#news .newsItem H3:hover{
	text-decoration:underline;
}

#news .newsItem p{
	margin:0px;
	margin-bottom:4px;
	text-decoration:none;
	color:#272727;
}

#news .newsItem .play{
	display:none
}

#news .newsItem .mediaDownload:after {
   content: "PDF";
   color: #575757;
   font-size:85%;
}	
#news .newsItem .bbVideo:after{
   content: "Play";
   color: #575757;
   font-size:85%;
}
#news .newsItem h3{
/* text-align:left; */
}
#news .newsItem a div{
text-align:left;
}

@media (min-width: 768px){
	#news h2{
		margin-left:0px;
	}
	#news{
		padding-right:15px;
		padding-left:15px
	}
	#news .newsItem{
	padding:10px 0px;
	/* min-height: 75px; */
	}
}

@media (min-width: 992px){
	#news{
		margin-left:-15px;
		padding-right:30px;
		padding-left:40px
	}
}



/****featured Content*******/
#featuredContent .featured{
	padding-bottom:25px;
	/* padding-right:15px; */
}

#featuredContent .featuredLink{
	display:block;
	font-size:115%;
	font-weight:400;
	border-left:4px solid #ccc;
	padding:4px 15px 6px; 
	margin-bottom:6px
}
#featuredContent .featuredLink:hover,
#featuredContent .featuredLink:focus{
	background-color: #f2f2f2;
	border-left-color:#00275a;
}
@media (min-width: 599px) and (max-width:767px){
	#featuredContent{
	margin-top:10px;
	}
	.featured{
		/* float:left; */
		/* width:48%; */
	}
	
	#homeContent .featured h2{
	 margin-top:5px;
	}
}

@media (min-width: 768px){#featuredContent{padding-right:15px;}}
@media (min-width: 992px){#featuredContent{padding-left:30px;}}

/************home buttons*********/
#homeButtons {margin-top:20px; margin-bottom:20px; margin-right: -10px;max-width: 500px;}
#homeButtons .tile{
	background-color:#eee; 
	color:#000;
	display:inline-block;
	width:calc(50% - 12px);
	text-align:center;
	position:relative;
	margin-right:12px;
	background-repeat:no-repeat;
	background-position:center 20%;
	background-size:40%;
	}
#homeButtons .tile:hover{background-color:#ccc; }
#homeButtons .tile:before{
	content:"";
	padding-top:calc(100%);
	display:block;
}
#homeButtons .tileTitle{
	display:block;
	position:absolute;
	bottom:20%;
	width:100%;
	padding-right:5px;
	padding-left:5px;
}
#homeButtons .tileTitle time{font-size:80%}
#homeButtons .tileTitle .title{display:block}

#homeButtons .eventsIcon{
	background-image:url('/Style Library/BramptonImages/Generic/branding-2018/Calendar.png');
}
#homeButtons .eNewsletterIcon{
	background-image:url('/Style Library/BramptonImages/Generic/branding-2018/Newsletter.png');
	margin-right: 0px;
}
#homeButtons .month{margin-right:6px}



/***TwitterFeeds********/
#twitterFeed{
	background-color:#eee;
	padding-bottom:10px;
	margin-left:-15px;
	margin-right:-15px;
	padding-left:15px;
	padding-right:15px;
}
#twitterFeed h2{
margin-top:0px;
display:inline;
line-height:36px;
}

#twitterFeed IFRAME{
	width:100%!important;
	min-height:450px!important;
}

#twitterFeed a.followTwitterUser {
	width:245px;
	background:url('/Style%20Library/BramptonImages/Generic/socialIcons/twitter-bird.png') no-repeat 6px center;
    font-size:18px!important;
    font-weight:400;
    font-style:italic;
    padding-left:26px;
    color:#00275A!important;
    text-decoration:none!important;
    line-height:36px;
}

#twitterFeed a.twitter-timeline {
	visibility:hidden
}
@media (min-width: 768px) {
	#twitterFeed{
	background-color:#fff;
	margin:0px;
	margin-top:20px;
	padding:0px;
	padding-bottom:10px;
}
#twitterFeed IFRAME{
	margin-top:20px;
}

}
@media (min-width: 768px) and (max-width: 991px){
	#twitterFeed IFRAME{
	min-height:750px!important;
}
}
@media (min-width: 768px) and (max-width: 991px){
	#twitterFeed IFRAME{
	min-height:750px!important;
}

}