/*
Theme Name: Catholic Education 2015
Author: FMSTUDIOS - Fenech Multimedia Studios
Author URI: http://www.fmstudios.com.au/
*/

body, html{
	margin:0;
	padding:0;
	position:relative;
	overflow-x:hidden;
	font-family:'Open Sans', sans-serif, Arial, Helvetica;
	font-size:16px;
	font-weight:300;
	color:#43525A;
	}
body{background:#FFFFFF;}
body img{border:none;}
.red_bg{color:#FFFFFF; background:#A03556;}
.blue_bg{color:#FFFFFF; background:#01476E;}
.wrap{margin:0 auto 0 auto; position:relative; width:92%; max-width:1200px;}
	
/*---------------FONT STYLES--------------*/
h1, h2, h3, h4, p, a, ul, ol, li{margin:0; padding:0;}
h1, .h1{
	margin:0 0 30px 0;
	font-size:34px;
	font-weight:700;
	}
h2{
	margin:30px 0 25px 0;
	font-size:26px;
	font-weight:400;
	color:#01476E;
	}
h3{
	margin:0 0 10px 0;
	font-size:18px;
	font-weight:700;
	}
h4{
	margin:0 0 10px 0;
	font-size:16px;
	font-weight:700;
	color:#01476E;
	}
p{margin:0 0 25px 0;}
a{text-decoration:none; color:#137CB7;}
a:hover{color:#A03556;}
a:focus{outline:none;}
li{list-style:none;}
strong{font-weight:700;}
table{margin:0 0 25px 0;}
@media screen and (max-width: 960px){
	h1{font-size:30px;}
	h2{font-size:22px;}
	h3{font-size:18px;}
	}
	
/*---------------TOP--------------*/
#top{
	height:48px;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-o-user-select:none;
	user-select:none;
	}
#search{
	position:absolute;
	top:8px;
	right:0;
	height:30px;
	font-size:12px;
	border:1px solid #FFFFFF;
    -webkit-transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    transition:all 300ms ease;
	}
#top .social{
	position:absolute;
	top:8px;
	right:200px;
	}
#top .social a{background-image:url(images/social_icons_white.png);}
.social a{
	margin:0 0 0 20px;
	display:block;
	height:30px;
	float:left;
	background-repeat:no-repeat;
	}
.social .twitter{width:30px; background-position:10px center;}
.social .youtube{width:65px; background-position:-39px center;}
#nav_toggle{
	display:none;
	position:absolute;
	top:4px;
	left:-5px;
	width:40px;
	height:40px;
	cursor:pointer;
	}
#nav_toggle span{
	display:block;
	position:absolute;
	left:5px;
	width:30px;
	border-bottom:2px solid #FFFFFF;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
	}
#nav_toggle .bar2{top:19px; opacity:1}
#nav_toggle .bar1{top:9px;}
#nav_toggle .bar3{top:29px;}
.csstransforms .show_nav #nav_toggle .bar2{opacity:0;}
.csstransforms .show_nav #nav_toggle .bar1{
	top:19px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
	}
.csstransforms .show_nav #nav_toggle .bar3{
	top:19px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
	}
@media screen and (max-width: 960px){
	#nav_toggle{display:block;}
	}
@media screen and (max-width: 480px){
	#top .social{display:none;}
	}
	
/*---------------SEARCH BOX--------------*/
#searchform{height:31px;}
#search .btn{
	margin:2px 0 2px 0;
	display:inline-block;
	width:36px;
	height:26px;
	border-left:1px solid #FFFFFF;
	}
#search .btn input{
	margin:-2px 0 -2px 0;
	padding:31px 0 0 0;
	width:36px;
	height:30px;
	border:none;
	font-family:'Open Sans', sans-serif, Arial, Helvetica;
	background:url(images/icon_search.png) center center no-repeat;
	cursor:pointer;
	-webkit-appearance:none;
	-moz-appearance:none;
	}
#search .input{
	padding:0 0 0 10px;
	width:122px;
	height:30px;
	float:left;
	font-family:'Open Sans', sans-serif, Arial, Helvetica;
	color:#FFFFFF;
	border:none;
	background:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	}
	
/*---------------WRAPPER--------------*/
#wrapper{
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
	}
#page{
	position:relative;
	width:100%;
	height:100%;
	background:#FFFFFF;
	-webkit-transition:margin 300ms ease;
	-moz-transition:margin 300ms ease;
	-o-transition:margin 300ms ease;
	transition:margin 300ms ease;
	}
#nav_close{
	display:none;
	position:absolute;
	width:100%;
	height:100%;
	z-index:500;
	}
@media screen and (max-width:960px){
	.show_nav #page{margin:0 0 0 250px;}
	.show_nav #nav_close{display:block;}
	}
	
/*---------------NAV--------------*/
#nav{
	margin:0 auto 0 auto;
	width:92%;
	max-width:1200px;
	-webkit-transition:left 300ms ease;
	-moz-transition:left 300ms ease;
	-o-transition:left 300ms ease;
	transition:left 300ms ease;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-o-user-select:none;
	user-select:none;
	}
#nav > ul{height:62px;}
#nav li{position:relative;}
#nav > ul > li{
	margin:0;
	position:relative;
	width:12.5%;
	height:54px;
	float:left;
	}
#nav > ul > li:hover{border-bottom:8px solid #137CB7;}
#nav > ul > li:hover ul, #nav > ul > li.opened ul{
	padding:10px 0 10px 0;
	max-height:400px;
	}
#nav li .toggle{
	display:none;
	position:absolute;
	top:0;
	right:0;
	width:40px;
	height:40px;
	cursor:pointer;
	}
#nav li .toggle span{
	position:absolute;
	background:#FFFFFF;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
	}
#nav li .toggle:hover span{background:#E4AF37;}
#nav li .toggle .bar1{
	top:19px;
	left:12px;
	width:16px;
	height:2px;
	}
#nav li .toggle .bar2{
	top:12px;
	left:19px;
	width:2px;
	height:16px;
	}
#nav li.opened .toggle .bar2{top:20px; height:0;}
#nav > ul > li > a{
	margin:0;
	padding:0 5px 8px 5px;
	position:relative;
	display:block;
	height:54px;
	font-size:13px;
	text-align:center;
	text-transform:uppercase;
	color:#137CB7;
	}
#nav > ul > li.current_page_item > a, #nav > ul > li.current_page_ancestor > a{font-weight:700;}
#nav > ul > li > a:after{
	position:absolute;
	top:0;
	left:0;
	width:1px;
	height:54px;
	content:'';
	background:#DCDEE0;
	}
#nav > ul > li:first-child > a:after{display:none;}
#nav > ul > li > a span{
	position:relative;
	display:block;
	top:8px;
	}
.csstransforms #nav > ul > li > a span{
	top:50%;
	-webkit-transform:translate(0,-50%);
	-moz-transform:translate(0,-50%);
	-ms-transform:translate(0,-50%);
	-o-transform:translate(0,-50%);
	transform:translate(0,-50%);
	}
#nav li ul{
	padding:0;
	position:absolute;
	width:215px;
	max-height:0;
	z-index:50;
	overflow:hidden;
	background:#137CB7;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
	}
#nav li ul li a{
	padding:5px 12px 5px 12px;
	display:block;
	font-size:14px;
	line-height:115%;
	color:#FFFFFF;
	}
#nav li ul li:hover a, #nav li ul li.current_page_item a{color:#E4AF37;}
@media screen and (max-width:960px){
	#nav{
		position:absolute;
		top:0;
		bottom:0;
		left:-250px;
		width:250px;
		background:#137CB7;
		}
	.show_nav #nav{left:0;}
	#nav > ul{padding:10px 0 0 0; height:auto;}
	#nav > ul > li{
		width:100%;
		height:auto;
		float:none;
		}
	#nav > ul > li:hover{border:none;}
	#nav > ul > li:hover ul{padding:0; max-height:0;}
	#nav > ul > li.opened:hover ul{padding:0 0 10px 0; max-height:400px;}
	#nav > ul > li.opened ul{padding:0 0 10px 0;}
	#nav > ul > li > .toggle{display:block;}
	#nav > ul > li > a{
		padding:10px 15px 10px 15px;
		height:auto;
		color:#FFFFFF;
		text-align:left;
		text-transform:none;
		}
	#nav > ul > li > a br{display:none;}
	#nav > ul > li > a:hover, #nav > ul > li.current_page_item > a, #nav > ul > li.current_page_ancestor > a{font-weight:400; color:#E4AF37;}
	#nav > ul > li > a:after{display:none;}
	#nav > ul > li > a span{top:auto;}
	.csstransforms #nav > ul > li > a span{
		top:auto;
		-webkit-transform:none;
		-moz-transform:none;
		-ms-transform:none;
		-o-transform:none;
		transform:none;
		}
	#nav li ul{position:static;}
	#nav li ul li a{padding:5px 15px 5px 20px;}
	}
	
/*---------------LOGO--------------*/
#logo{
	padding:50px 0 30px 0;
	overflow:auto;
	font-size:14px;
	color:#FFFFFF;
	background:#01476E;
	}
#logo img{
	margin:0 0 0 40px;
	max-width:30%;
	float:left;
	-webkit-user-drag:none;
	pointer-events:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-o-user-select:none;
	user-select:none;
	}
#logo p{
	margin:0 40px 25px 0;
	width:55%;
	float:right;
	text-align:left;
	}
@media screen and (max-width:960px){
	#logo{padding:20px 0 20px 0;}
	#logo.home{padding:30px 0 10px 0;}
	#logo img{
		margin:0;
		width:220px;
		max-width:none;
		float:none;
		}
	#logo.home img{margin:0 0 25px 0;}
	#logo p{
		margin:0 0 25px 0;
		display:none;
		width:auto;
		float:none;
		}
	#logo.home p{display:block;}
	}
@media screen and (max-width:480px){
	#logo{
		padding:10px 0 10px 0;
		}
	#logo.home{
		padding:20px 0 0 0;
		}
	}
	
/*---------------CONTENT--------------*/
#main{padding:25px 0 0 0;}
#content_wrapper{overflow:hidden;}
#content{
	margin:0 0 25px 0;
	padding:30px 5% 25px 5%;
	float:left;
	width:64.41%;
	background:#F1F2F2;
	}
#content.no_sidebar{float:none; width:90%;}
#content ul, #content ol{margin:0 0 25px 0;}
#content ul > li{padding:0 0 0 15px; background:url(images/bullet.png) left 12px no-repeat;}
#content ol ul, #content ul ol, #content ul ul, #content ol ol{margin:0 0 0 15px; list-style:decimal;}
#content ol ul{margin:0;}
#sidebar{width:23.25%; float:right;}
.columns2{
	margin:0 0 25px 0;
	-webkit-column-count:2;
	-moz-column-count:2;
	column-count:2;
	-webkit-column-gap:40px;
	-moz-column-gap:40px;
	column-gap:40px;
	}
.columns3{
	margin:0 0 25px 0;
	-webkit-column-count:3;
	-moz-column-count:3;
	column-count:3;
	-webkit-column-gap:40px;
	-moz-column-gap:40px;
	column-gap:40px;
	}
.cols3{
	margin:0 -2.5% -2.5% 0;
	padding:0 0 25px 0;
	width:102.5%;
	overflow:auto;
	}
.cols3 .col{
	margin:0 2.439% 2.439% 0;
	width:30.894%;
	float:left;
	}
.cols4{
	margin:0 -1.2% -1.2% 0;
	padding:0 0 25px 0;
	width:101.2%;
	overflow:auto;
	}
.cols4 img{
	margin:0 1.185% 1.185% 0;
	display:block;
	width:15.481%;
	max-width:100%;
	float:left;
	}
.item{
	display:block;
	color:#43525A;
	border-bottom:1px solid #D1D4D7;
	background:url(images/arrow_grey.png) right center no-repeat;
	}
.item:hover{color:#43525A;}
.item:last-of-type{border:none;}
.item h4{
	margin:0;
	font-size:16px;
	font-weight:700;
	color:#43525A;
	}
.more{
	margin:0;
	text-align:right;
	font-size:13px;
	font-style:italic;
	}
.more a{text-decoration:underline;}
.cols3 .col.latest_news{width:58.536%;}
.latest_news h3{
	padding:2px 10px 2px 10px;
	font-size:24px;
	color:#A03556;
	background:#D1D4D7;
	}
.latest_news .item{padding:10px 25px 10px 0;}
.latest_news .item p{
	margin:0;
	font-style:italic;
	color:#1174AE;
	}
.latest_news .item h4{margin:0;}
.latest_news .more a{color:#1174AE;}
.upcoming_events .item{
	padding:15px 25px 15px 0;
	background-image:url(images/arrow_red.png);
	}
.upcoming_events h3{
	padding:2px 10px 2px 10px;
	font-size:24px;
	color:#E4AF37;
	color:#A03556;
	background:#01476E;
	background:#D1D4D7;
	}
.upcoming_events p{font-style:italic; color:#43525A;}
.upcoming_events .more a{color:#E4AF37; color:#A03556;}
.upcoming_events p{margin:0;}
.cols3 .col.quicklinks{width:36.586%;}
.quicklinks h3{
	padding:2px 10px 2px 10px;
	font-size:24px;
	color:#137CB7;
	background:#D1D4D7;
	}
.quicklinks li a{
	padding:10px 25px 10px 0;
	display:block;
	color:#43525A;
	border-bottom:1px solid #D1D4D7;
	background:url(images/arrow_red.png) right center no-repeat;
	}
.parent{
	margin:0;
	font-size:24px;
	font-weight:400;
	text-transform:uppercase;
	color:#A03556;
	}
.date{margin:-8px 0 10px 0; font-size:14px; font-style:italic;}
.date_lrg{margin:-15px 0 25px 0; font-style:italic;}
.motto{
	padding:8px 0 10px 0;
	clear:right;
	font-size:24px;
	font-style:italic;
	color:#A03556;
	border-top:1px solid #D1D4D7;
	border-bottom:1px solid #D1D4D7;
	}
.school_right{
	margin:0 0 0 25px;
	width:33%;
	max-width:255px;
	float:right;
	}
.school_right img{
	margin:0 auto 25px auto;
	display:block;
	max-width:100%;
	}
.school_logo{margin:-10px 0 25px 0; display:none;}
.downloads{
	margin:0 0 25px 0;
	padding:5px 0 0 0;
	clear:both;
	}
.downloads .item{
	margin:0 0 8px 38px;
	padding:0;
	border-top:1px solid #D1D4D7;
	border-bottom:1px solid #D1D4D7;
	}
.downloads a{
	margin:-2px 0 -2px -38px;
	padding:6px 30px 9px 52px;
	display:block;
	background:url(images/download_arrow_sml.png) left center no-repeat;
	}
.downloads a h4{
	font-size:18px;
	font-weight:400;
	font-style:italic;
	line-height:1.5em;
	color:#A03556;
	}
.downloads a p{
	margin:0;
	font-size:14px;
	color:#43525A;
	}
.other_schools{margin:0 0 25px 0;}
.other_schools h3{
	margin:0;
	font-size:16px;
	font-weight:700;
	}
.other_schools h4{
	margin:10px 0 0 0;
	font-size:16px;
	font-weight:400;
	color:#01476E;
	}
.other_schools a{
	padding:2px 0 2px 0;
	display:block;
	font-size:14px;
	border-bottom:1px solid #D1D4D7;
	}
.other_schools li:last-of-type a{border:none;}
.school_locations{
	margin:0 0 25px 0;
	padding:10px;
	background:#D1D4D7;
	}
.school_locations h3{
	margin:0 0 5px 0;
	font-size:24px;
	color:#A03556;
	}
.school_locations a{
	padding:2px 25px 2px 0;
	display:block;
	color:#43525A;
	background:url(images/arrow_red.png) right center no-repeat;
	}
.small_margins{margin:0 0 20px 0;}
.small_margins p{margin:0 0 5px 0;}
.kindergarten{margin:0 0 25px 0; overflow:auto; -webkit-column-break-inside:avoid; page-break-inside:avoid; break-inside:avoid-column;}
.kindergarten p{margin:0;}
.contact{margin:0 0 25px 0; overflow:auto; -webkit-column-break-inside:avoid; page-break-inside:avoid; break-inside:avoid-column;}
.contact p{margin:0;}
.kindy_table{max-width:100%; color:#FFFFFF; border-collapse:separate;}
.kindy_table th{padding:2px 5px 2px 5px; font-weight:400; background:#137CB7;}
.kindy_table td{padding:2px 5px 2px 5px; background:#E4AF37;}
.kindy_table .kindy{text-align:center; background:#A03556;}
#application_download{
	display:none;
	max-height:0;
	-webkit-transition:max-height 300ms ease;
	-moz-transition:max-height 300ms ease;
	-o-transition:max-height 300ms ease;
	transition:max-height 300ms ease;
	}
.form_completed #application_download{display:block; max-height:80px;}
@media screen and (max-width:960px){
	#content{width:90%; float:none;}
	#sidebar{width:100%; float:none;}
	#sidebar.school{width:103%; overflow:hidden;}
	.tile_wrap{margin:0 auto 0 auto; max-width:592px;}
	.cols4{
		margin:0 -2.365% -2.365% 0;
		width:102.365%;
		}
	.cols4 img{
		margin:0 2.31% 2.31% 0;
		width:31.023%;
		}
	.parent{font-size:20px;}
	.other_schools{
		margin:0 3% 25px 0;
		width:47%;
		float:left;
		}
	.school_locations{padding:10px 5% 10px 5%;}
	#sidebar.school .school_locations{
		margin:0 3% 25px 0;
		padding:10px 2% 10px 2%;
		width:43%;
		float:left;
		}
	}
@media screen and (max-width:720px){
	.columns2{
		margin:0;
		-webkit-column-count:1;
		-moz-column-count:1;
		column-count:1;
		}
	.columns3{
		-webkit-column-count:2;
		-moz-column-count:2;
		column-count:2;
		-webkit-column-gap:40px;
		-moz-column-gap:40px;
		column-gap:40px;
		}
	.cols3{margin:0 auto 0 auto; width:100%;}
	.cols3 .col{margin:0 0 25px 0; width:100%;}
	.cols3 .col.latest_news, .cols3 .col.quicklinks{width:100%;}
	.school_right{display:none;}
	.school_logo{display:block;}
	.other_schools{
		margin:0 0 25px 0;
		width:auto;
		float:none;
		}
	#sidebar.school .school_locations{
		margin:0 0 25px 0;
		padding:10px 5% 10px 5%;
		width:auto;
		float:none;
		}
	.kindy_table{font-size:14px;}
	}
@media screen and (max-width:480px){
	.columns3{
		margin:0;
		-webkit-column-count:1;
		-moz-column-count:1;
		column-count:1;
		}
	.tile_wrap{max-width:390px;}
	.cols4 img{width:47.69%;}
	.kindy_table{font-size:12px;}
	}
	
/*---------------QUICKLINKS	--------------*/
.quicklinks4{
	margin:0 -4% -4% 0;
	padding:0 0 25px 0;
	width:104%;
	}
.quicklinks4 .quicklink{
	margin:0 4% 4% 0;
	display:block;
	width:21%;
	float:left;
	}
	
/*---------------FOOTER--------------*/
#footer{
	padding:65px 0 65px 0;
	overflow:auto;
	}
#footer .link{
	margin:0 0 35px 0;
	padding:0 30px 2px 0;
	display:inline-block;
	font-size:16px;
	color:#E4AF37;
	background:url(images/arrow_yellow.png) right center no-repeat;
	}
#footer .link:hover{color:#DCDEE0;}
#footer .nav{
	padding:0 0 30px 0;
	overflow:auto;
	font-size:13px;
	}
#footer .nav > ul{
	margin:0 5% 0 0;
	width:20%;
	float:left;
	}
#footer .nav > ul > li{margin:0 0 25px 0;}
#footer .nav > ul > li > a{
	margin:0 0 3px 0;
	display:block;
	font-weight:700;
	text-transform:uppercase;
	color:#E4AF37;
	}
#footer .nav > ul > li > a:hover{color:#DCDEE0;}
#footer .nav li ul li{margin:0 0 5px 0;}
#footer .nav li ul li a{
	display:block;
	line-height:115%;
	color:#FFFFFF;
	}
#footer .nav li ul li a:hover{color:#DCDEE0;}
#copyright{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#137CB7;
	}
#copyright img{
	margin:0 0 5px 0;
	width:20px;
	}
#copyright a{color:#137CB7;}
#copyright a:hover{color:#E4AF37;}
#footer .social{
	margin:25px 0 0 0;
	float:right;
	clear:left;
	}
#footer .social a{background-image:url(images/social_icons_blue.png);}
@media screen and (max-width: 960px){
	#footer{padding:45px 0 45px 0;}
	}
@media screen and (max-width: 720px){
	#footer{padding:30px 0 30px 0;}
	#footer .nav > ul{width:45%;}
	#menu-footer-3{clear:both;}
	#footer .social{
		margin:-10px 0 15px 0;
		float:none;
		text-align:center;
		}
	#footer .social a{
		margin:0 10px 0 10px;
		display:inline-block;
		float:none;
		}
	}
	
/*---------------CLASSES--------------*/
.small_italic{font-size:14px; font-style:italic;}
	
/*---------------TINYMCE--------------*/
#tinymce{margin:5px 10px 5px 10px;}
#tinymce ul, #tinymce ol{margin:0 0 25px 0;}
#tinymce ul > li{padding:0 0 0 15px; background:url(images/bullet.png) left 12px no-repeat;}
#tinymce ol > li{margin:0 0 0 20px; list-style:decimal;}
#tinymce ol ul, #tinymce ul ol, #tinymce ul ul, #tinymce ol ol{margin:0;}