/*
Theme Name: JPII Catholic Schools

Author: Absolute Marketing
Author URI: http://required.ch/
Description: Starter child theme for the required+ Foundation parent theme.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 1.0.4
Template: required-foundation
Text Domain: requiredstarter
*/

/*
	Make the template work
*/
@import url(../required-foundation/style.css);

h1, h2, h3, h4, h5, h6 { font-family: 'Domine', serif; font-weight: 300; color:#b0072f; font-weight:bold; }
h1{
	font-size:30px;
}
h2{
	font-size:30px;
}
h3{
	font-size:23px;
}
h4{
	font-size:20px;
}
table{
	background:#EBEBEB ;
}
body{
	background:url('images/debut_light.png') repeat;
}
a{
	color:#0D4174;
}

a:hover{
	text-decoration:underline;
}


#secondary a{
	color:#464646
}
#secondary a:hover{
	color:#464646;
	text-decoration:underline;

}
/*
a[href$=".PDF"], a[href$=".pdf"] {
	padding: 2px 2px 2px 20px;
	background: url("images/pdficon.png") left center no-repeat;
}
*/
p{
	color:#464646;
}

#secondary{
	background-color:#ebebeb;
	padding-top:10px
}
#site-title { font-weight: 600; }

.required-header .inline-list {
	margin-top: 14px;
}
.downloadlinks{
	width:16px;
	margin:0 auto;
	display:block;
}
.downloadlinks:hover{
	text-decoration:none;
}
.entry-title{
	display:none;
}

.row{
	width:1140px;
	padding:0 !important;
}
.nav-bar{
	margin-top:0;
}

.panel.callout{
	background-color:#0d4174;
}
.mainbuttons img{
	margin:0 auto;
	max-width:338px;
	display:block;
	margin-bottom:10px;
}
/*--------------Navigation-----------------*/


#topnav{
	height:40px;
	width:100%;
	background:url('images/topnavback.png') repeat-x;
	border-bottom:5px solid #ae1337;

}

.nav-bar{
	background:url('images/topnavback.png') repeat-x;
	height:30px;
	float:right;
	margin-bottom:0;
}
.nav-bar > li > a{
	color:#464646;
}
.nav-bar > li.active > a{
	color:#464646;
}

.nav-bar > li{
	border-left:1px solid #bbbbbb;
	border-right:1px solid #bbbbbb;
	border-top:none;
	border-bottom:5px solid #ae1337;
	border-width:0;
}


.nav-bar > li:hover, .nav-bar > li.active{
background: rgb(204,204,204); /* Old browsers */
background: -moz-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(235,235,235,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,204,204,1)), color-stop(100%,rgba(235,235,235,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(204,204,204,1) 0%,rgba(235,235,235,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(204,204,204,1) 0%,rgba(235,235,235,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(204,204,204,1) 0%,rgba(235,235,235,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(204,204,204,1) 0%,rgba(235,235,235,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */
	border-top:none;
	border-bottom:5px solid #0d4174;
	height:40px;
}

.nav-bar > li:last-child{
	border-right:1px solid transparent !important;
}
.nav-bar > li.has-flyout > a:first-child:after{
	border-color:#464646 transparent transparent;
}

#secondary > div{
	padding-top:15px;
}


#searchform > div{
	height:44px;
}
/*-----------------Header------------*/

.required-header{
	height:auto;
	position:relative;

}

#headertop{
	position:relative;
	background-color:#ebebeb;
	
}
#headerbottom{
	margin-bottom:10px;
}


/*---Side Nav --*/
#sidenav li{
	list-style:none;
	margin-bottom:10px;

}
#sidenav a{
	
}

.homenews h5{
	padding-left:5px;
	color:#b0072f;
}

/*-----------Home---------------*/
.homequicklinks{
	min-height:200px;
	background-color:#f2f2f2;

}
.quicklink a[href$=".PDF"], .quicklink a[href$=".pdf"]{
	background:none;
	padding:0;
}
.homenews{
	min-height:200px;
}

.featuredevent{
	min-height:300px;
}
#homenewscontent{
	margin-left:50px;
}
.homecalendar{
	background-color:transparent;
}
.rotator{
	min-height:300px;
}
.socialicons i{
color: #231F20;
font-size: 30px;
line-height: 1.5;
overflow: hidden;
transition: color 0.5s ease 0s;
cursor:pointer;
float:right;
}
.socialicons i:hover{
	color:red;
}
.newsevents h5{
	color:#fff;
}
.newsevents p{
	color:#fff;
}
.read-more{
	margin-bottom:10px;
	display:block;
}
.widgetnewsevents h5{
	color:#b0072f !important;
	padding-left:0px !important;
	padding-bottom:10px !important;
}
.widget-title{
	display:none;
}
.alert{
	background-color:#AE1337;
}
.activitypictures{
	padding:0;
}
.widgetsection{
	

background:url('images/widgetheader.png') no-repeat, rgb(235,235,235); /* Old browsers */


min-height:200px;
max-width:334px;
border-bottom:5px solid #76041f;
padding:10px;	

margin:0 auto;
margin-bottom:20px;
box-shadow: 2px 2px 2px #888888;

}
.widgetsection h1, .widgetsection h2, .widgetsection h3, .widgetsection h4, .widgetsection h5, .widgetsection h6{
	color:#fff;
	padding-left:15px;
	margin-top:0;
	padding-bottom:30px;
	font-weight:normal;
	font-size:20px;
	*color: #000; 

}
.quicklink a{
	font-weight:bold;
	margin-bottom:0;
	font-size:12px;
	display:block;
	line-height:2px;

}


/***=== Social Links ===***/
.social-links           { font-size: 1.5em; text-align: center; margin-bottom: 1em; }
.social-links a         { color: #AE1337 !important; }
.social-links a:hover   { color: #7B0004 !important; }


#searchform{
	max-width:338px;
	margin:0 auto;
}
#searchsubmit{
	background:none;

}
.widget_ai1ec_agenda_widget h4{
	display:block !important;
	padding-left:5px;
}
.ai1ec-agenda-widget-view .ai1ec-date{
	background:none !important;
}
.timely.ai1ec-agenda-widget-view {
  margin-bottom: 15px;
}
.btn.btn-mini.pull-right.ai1ec-calendar-link {
  margin-right: 10px;
}
#searchsubmit{
	color:#464646;
	border-color:#ccc;
}
.ai1ec-load-view{
	height:auto !important;
}
.ai1ec-minical-trigger{
	height:auto !important;
}
#searchsubmit:hover{
	background: rgb(204,204,204); /* Old browsers */
background: -moz-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(235,235,235,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,204,204,1)), color-stop(100%,rgba(235,235,235,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(204,204,204,1) 0%,rgba(235,235,235,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(204,204,204,1) 0%,rgba(235,235,235,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(204,204,204,1) 0%,rgba(235,235,235,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(204,204,204,1) 0%,rgba(235,235,235,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */
}
.newsevents h4{
	color:#fff;
}
.newsevents{
	box-shadow: 2px 2px 2px #888888 !important;
}

.wooslider{
	background:url('images/white_wall_hash.png') repeat;
}
#sidenav a{
	display: block;
font-size: 12px;
font-weight: bold;
line-height: 5px;
margin-bottom: 0;
}

.socialimages{
	max-width:195px;
	margin:0 auto;
	margin-bottom:30px;
}
.socialimages img{
	margin-right:10px;

}
.rotator p{
	line-height:15px;
	font-size:12px;
}
#logoslider { max-height: 80px; overflow:hidden; max-width:290px; margin:0 auto;}
#logoslider .viewport { float: left; width: 290px; height: 77px; overflow: hidden; position: relative; }
#logoslider .buttons { display: block; margin: 30px 10px 0 0; float: left; }
#logoslider .next { margin: 30px 0 0 10px;  }
#logoslider.disable { visibility: hidden; }
#logoslider .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; }
#logoslider .overview li{ float: left; margin: 0 20px 0 0; padding: 1px; height: 121px; width: 290px;}
#logoslider img{
	height:77;
	width:auto;
	max-width:100%;
}

/*-----------Staff Page--------*/

.staffblock{
	max-width:190px;
	width:100%;
	float:left;
	margin-right:20px;
	margin-bottom:15px;
}
.staffphoto{
	min-height:237px;
}
.clear{
	clear:both;
}


/*------ Athletic Parent Information -----*/

.parent-row{
	border-bottom:1px dotted #DDDDDD;
	padding:10px 10px 10px 0;
}
.activitypictures img{
	max-width:334px;
	margin:0 auto;
	display:block;
	margin-bottom:15px;
	box-shadow:2px 2px 2px #888888;
}

.parent-row img{
	width:30px;
	margin:0 auto;
	display:block;
}

/*---Paginaion-----*/
.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}

.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #555;
}

.pagination a:hover{
color:#fff;
background: #3279BB;
}

.pagination .current{
padding:6px 9px 5px 9px;
background: #3279BB;
color:#fff;
}

.athleticlinks li{
	list-style:none;
}


/*--------------------------Staff Page ---------------------*/

.staffemail{
	font-size:11px;
}

.staffname{
	font-weight:bold;
}
.staffblock p{
	font-size:12px;
	font-style: italic;
	margin-bottom:5px;
}
/*---------------Location Page------------*/

.locationpage img{
	box-shadow: 2px 2px 2px #888888;
}

/*--------------------Footer-------------*/



#footer{
	min-height:50px;
	width:100%;

	background:url('images/footerback.jpg') repeat;
	display:block;
}
#footer p{
	color:#fff;
}
#footer a{
	color:#fff;
}


#menubutton{
	display:none;
}

@media screen and (max-width:768px){

	#topnav{
		height:auto;
		display:none;
	}
	.show{
		display:block !important;
	}

	.nav-bar{
		height:auto;
		float:none;
	}
	#menubutton{
		display:block;
		position:absolute;
		top:0;
		right:10px;
		height:40px;
		width:80px;
		background-color:#AE1337;
		text-align:center;
		border-radius:0px 0px 10px 10px;


	}
	#menubutton a{
		color:#fff;
		text-align:center;
		padding-top:8px;
		display:block;
		font-size:22px;
		cursor:pointer;
	}
	#menubutton a{
		text-decoration:none;
	}
	#headerbottom{
		display:none;
	}

}