@charset "UTF-8";

/* TILE BACKGROUND GRADIENT - MAIN */
.bg-main {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#125631+0,197755+100 */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#110048+0,240070+100 */
background: #110048; /* Old browsers */
background: -moz-linear-gradient(left,  #110048 0%, #240070 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #110048 0%,#240070 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #110048 0%,#240070 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#110048', endColorstr='#240070',GradientType=1 ); /* IE6-9 */

}

/* TILE BACKGROUND GRADIENT - SUB */
.bg-sub {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4df81+0,f5bf00+74 */
	background: rgb(244,223,129); /* Old browsers */
	background: -moz-linear-gradient(45deg,  rgba(244,223,129,1) 0%, rgba(245,191,0,1) 74%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(244,223,129,1)), color-stop(74%,rgba(245,191,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  rgba(244,223,129,1) 0%,rgba(245,191,0,1) 74%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  rgba(244,223,129,1) 0%,rgba(245,191,0,1) 74%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  rgba(244,223,129,1) 0%,rgba(245,191,0,1) 74%); /* IE10+ */
	background: linear-gradient(45deg,  rgba(244,223,129,1) 0%,rgba(245,191,0,1) 74%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4df81', endColorstr='#f5bf00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* LATEST NEWS BOTTOM GRADIENT */
.bg-sub .news-bg {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(244,223,129, 0) 0%, rgba(244,223,129, 1) 49%) repeat scroll 0 0;
}

/* TILE BACKGROUND GRADIENT - BLUE */
.bg-blue {
background: rgb(73,169,193); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(73,169,193,1) 1%, rgba(61,114,162,1) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(1%,rgba(73,169,193,1)), color-stop(99%,rgba(61,114,162,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  rgba(73,169,193,1) 1%,rgba(61,114,162,1) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  rgba(73,169,193,1) 1%,rgba(61,114,162,1) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  rgba(73,169,193,1) 1%,rgba(61,114,162,1) 99%); /* IE10+ */
background: linear-gradient(45deg,  rgba(73,169,193,1) 1%,rgba(61,114,162,1) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49a9c1', endColorstr='#3d72a2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */	
}

.bg-blue .news-bg {
      background: rgb(73,169,193);
      background: -moz-linear-gradient(top, rgba(73,169,193,0) 0%, rgba(73,169,193,1) 49%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(73,169,193,0)), color-stop(49%,rgba(73,169,193,1))); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, rgba(73,169,193,0) 0%,rgba(73,169,193,1) 49%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, rgba(73,169,193,0) 0%,rgba(73,169,193,1) 49%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top, rgba(73,169,193,0) 0%,rgba(73,169,193,1) 49%); /* IE10+ */
      background: linear-gradient(to bottom, rgba(73,169,193,0) 0%,rgba(73,169,193,1) 49%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0049A9C1', endColorstr='#49A9C1',GradientType=0 ); /* IE6-9 */
}


.bg-blue h2 a {
    color: #ffffff !important;
}


/* TILE BACKGROUND GRADIENT - GREY */
.grey-bg, .bg-grey {
	background: #d7d7d7; 
	background: -moz-linear-gradient(45deg,  rgba(215,215,215,1) 0%, rgba(242,242,242,1) 98%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(215,215,215,1)), color-stop(98%,rgba(242,242,242,1))); 
	background: -webkit-linear-gradient(45deg,  rgba(215,215,215,1) 0%,rgba(242,242,242,1) 98%);
	background: -o-linear-gradient(45deg,  rgba(215,215,215,1) 0%,rgba(242,242,242,1) 98%); 
	background: -ms-linear-gradient(45deg,  rgba(215,215,215,1) 0%,rgba(242,242,242,1) 98%); 
	background: linear-gradient(45deg,  rgba(215,215,215,1) 0%,rgba(242,242,242,1) 98%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d7d7', endColorstr='#f2f2f2',GradientType=1 ); 
}

/* LOGO BOTTOM BORDER COLOUR */
.school-logo, .main-nav li > ul {
    border-bottom-color: #1b67ab;
}

/* MENU NAV ICON COLOUR */
.main-nav li > ul li a .fa.left-icon {
color: #D6680D;
}

.enrolmenttile {
    background: #3c7bba url("https://pmacjlism.catholic.edu.au/_image/szschool/newsletter/10573/image/zone/img_1150 1 (5).jpg") no-repeat scroll center center / cover ;
}

/* BUTTON COLOUR - BLUE */
.blurb .tile-content a.greenbtn {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#110048+0,240070+100 */
background: #110048; /* Old browsers */
background: -moz-linear-gradient(left,  #110048 0%, #240070 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #110048 0%,#240070 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #110048 0%,#240070 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#110048', endColorstr='#240070',GradientType=1 ); /* IE6-9 */


	color: #ffffff !important;
}

/* BUTTON HOVER COLOUR - BLUE */
.blurb .tile-content a.greenbtn:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#240070+0,110048+100 */
background: #240070; /* Old browsers */
background: -moz-linear-gradient(left,  #240070 0%, #110048 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #240070 0%,#110048 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #240070 0%,#110048 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#240070', endColorstr='#110048',GradientType=1 ); /* IE6-9 */

	color: #ffffff !important;
}

/* BUTTON COLOUR - GOLD */
.blurb .tile-content a.goldbtn {
	background: rgb(234,217,131); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(234,217,131,1) 0%, rgba(244,191,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,217,131,1)), color-stop(100%,rgba(244,191,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(234,217,131,1) 0%,rgba(244,191,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(234,217,131,1) 0%,rgba(244,191,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(234,217,131,1) 0%,rgba(244,191,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(234,217,131,1) 0%,rgba(244,191,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ead983', endColorstr='#f4bf00',GradientType=0 ); /* IE6-9 */
    border-color:rgb(244,191,0);
	color: #ffffff !important;
}
    
/* BUTTON HOVER COLOUR - GOLD */
.blurb .tile-content a.goldbtn:hover {
	background: rgb(244,191,0); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(244,191,0,1) 0%, rgba(234,217,131,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,191,0,1)), color-stop(100%,rgba(234,217,131,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(244,191,0,1) 0%,rgba(234,217,131,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(244,191,0,1) 0%,rgba(234,217,131,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(244,191,0,1) 0%,rgba(234,217,131,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(244,191,0,1) 0%,rgba(234,217,131,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4bf00', endColorstr='#ead983',GradientType=0 ); /* IE6-9 */
	color: #ffffff !important;
    }
	
/* SELECTION COLOUR */
::selection {background: #b1f2bc;}
::-moz-selection {background: #b1f2bc;}


ul.bullet, ol.number {
color: #777;
font-size: 14px;
margin: 30px 50px;
line-height:1.4em;
}

ul.bullet li, ol.number li {
margin-bottom: 15px;
margin-left: 10px;
padding-left: 15px;
}

ul.bullet {
list-style-type: disc;
}

ol.number {
list-style-type: decimal;
}


.main-header {
    height: 680px;
}
.school-logo {
    display: none;
}
/**.boxed-tiles > .tile-wrapper > .tile-3:first-child {
    display: none;
} **/

.main-nav {
    border-bottom: 1px solid white;
	box-shadow:none;
}

		#tileslideshow {
		    position: relative;
		    width: 100%;
		    height: 100%;
		}

		#tileslideshow > div {
		    position: absolute;
		}


.imagetile1 {
    background: rgba(0, 0, 0, 0) url("https://pmacjlism.catholic.edu.au/_image/media/137/imagetile2.jpg") no-repeat scroll center center / cover ;
}

.imagetile2 {
    background: rgba(0, 0, 0, 0) url("https://sjpport.schoolzineplus.com/_image/media/141/imagetile1.jpg") no-repeat scroll center center / cover ;
}
.imagetile2 a {
    color: white !important;
}
.imagetile2 a:hover {
    color: gold !important;
}

.imagetile3 {
    background: rgba(0, 0, 0, 0) url("https://pmacjlism.catholic.edu.au/_image/media/135/imagetile3.jpg") no-repeat scroll center center / cover ;
}

.imagetile3 .tile-internal {
    display: none;
}

.imagetile4 {
    background: rgba(0, 0, 0, 0) url("https://pmacjlism.catholic.edu.au/_image/media/143/imagetile4.jpg") no-repeat scroll center center / cover ;
}

.imagetile4 .tile-internal {
    display: none;
}


.hide-tile-header .tile-header {
	display:none;	
}

.hometileslider .tile-internal {
    bottom: 0;
    left: 0;
    padding: 0;
    right: 0;
    top: 0;
}
.hometileslider p {
    display: none;
}


.blurb .imagetile1, .blurb .imagetile2, .blurb .imagetile3, .blurb .imagetile4, .blurb .canteen-tile, .blurb .bg-calendar, .blurb .annual-tile {
    background: #ffffff none repeat scroll 0 0 !important;
}

.imagetile1 .tile-content {
    display: none;
}

#tile-home { display: none !important; }



.app-tile { display:none;}


.canteen-tile .tile-content {
    display: none;
}
.canteen-tile {
    background: rgba(0, 0, 0, 0) url("https://sjpport.schoolzineplus.com/_img/1772") no-repeat scroll center center;
	background-size:cover;
}

.canteen-tile a {
    color: white !important;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.7) !important;
}

.canteen-tile .tile-content {
    display: none;
}
.annual-tile {
    background: rgba(0, 0, 0, 0) url("https://sjpport.schoolzineplus.com/_img/1777") no-repeat scroll center center;
	background-size:cover;
}

.parent-tile {
    background: rgba(0, 0, 0, 0) url("https://sjpport.schoolzineplus.com/_image/media/135/imagetile3.jpg") no-repeat scroll center center;
	background-size:cover;
}
.enrol-tile {
    background: rgba(0, 0, 0, 0) url(" 	/_image/media/249/cross.jpg") no-repeat scroll center center;
	background-size:cover;
}

.enrol-tile a {
	color: white!important;
}


.annual-tile a {
    color: #4288ae !important;
	font-size: 20px !important;
    text-shadow: 0 2px 2px rgba(255, 255, 255, 0.7) !important;
}

.contacttilemain .tile-internal,.contacttilemain .tile-internal a {
	display: block !important;	
	color: #FFFFFF !important;
}


.report-absence .fa {
    display: none;
}
.report-absence a {
    cursor: default;
}


@media screen and (max-width: 970px) {
	.main-header {
    height: 632px !important;
}
    #tile-19 p {
        font-size:10px !important;
    }

}

@media screen and (max-width: 600px) {
	.main-header {
    height: 350px !important;
}	
}

@media screen and (max-width: 420px) {
	.main-header {
    height: 250px !important;
}	
}

@media screen and (max-width: 450px) {
    #tile-23 {
    margin-top: 40px !important;
}
}

#sz-tile-top {

}

#sz-tile-bottom {

}
@media screen and (max-width: 769px){
    .is-mobile .school-name a{font-size:11px;}
}


.blurb .tile-content img {
    max-width: 100%;
    height: auto;
}
.main-footer{
		padding:0;
		margin:0;
	}