@import url('https://fonts.googleapis.com/css2?family=Satisfy&display=swap');

h3#schoolMotto {font-family: 'Satisfy', cursive;}

/* 
	This CSS file contains the custom css styles for the Schoolzine Website template 
	When adding to this file use the following comment example:
*/

/* 
	Added by: Your Name
	Date: Date Added
	Descriptoin: A breif description of the change 
*/

.tiles_6 h3 {
    margin-top: 0;
    margin-bottom: 0;
}

.tiles_6 div:nth-child(even) h3.header a {
    color: #1d1a7f;
}

@media (max-width: 991px) {
    #primary-menu-trigger {
        top: 5px !important;
    }
    
    #logo img{height:80px;}
}

#header {background-color: #fff !important;}



.i-plain { color: #150581; } 




/*h1#schoolName {*/
/*    font-size: 20px;*/
/*    display: inline-block;*/
    /*padding-top: 14px;*/
/*    float: left;*/
/*    color: #150581;*/
/*    padding-top: 2px;*/
/*}*/

h3#schoolMotto {
    display: block;
    
}

#wrapper #top-bar {background-color: #ffd700;}

#top-social li a { color: #150581; }

@media screen and (max-width: 992px) {
    h1#schoolName {
        text-align: center;
        margin: 0;
        float: none;
        display: block;
    }
    
    h3#schoolMotto {
        position: initial;
        text-align: center;
        line-height: 3;
        float: none;
        font-size: 25px !important;
        margin: 0;
    }
    
    #logo img {
        max-height: 80px;
        padding-top: 0;
    }
    
    #logo a {
        padding-top: 20px;
    }
}

@media screen and (min-width: 992px) {
    #header > div.container {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    #header #logo {margin-right: 20px;}
    
    #logo img {
        padding-top: 0;
        padding-bottom: 0;
    }
    
    h3#schoolMotto {
        font-size: 30px;
        font-weight: 300;
        left: 155px;
        top: 65px;
        position: absolute;
        margin-top: 10px !important;
    }
    
    h1#schoolName {
        font-size: 30px;
        display: inline-block;
        /*padding-top: 14px;*/
        float: left;
        color: #150581;
        padding-top: 2px; 
        margin-top: 10px !important;
    }
    
    #header #primary-menu.style-2 {background: #0075ff;}
    
    #primary-menu ul li > a, #top-search a { color: #fff; }

    .header-extras li .he-text{ color: #150581; }
    #logo{padding:10px;}
}

#top-social li a.si-email3 {width: 220px !important;}
#top-social li a.si-call {width: 130px !important;}
#top-social li a.si-facebook {width: 110px !important;}

#top-social li a.si-email3:hover {background-color: #150381 !important;}

#header ul.header-extras {display: none;}

#primary-menu ul.sf-js-enabled > li:hover > a {color: white !important;}

#tile-id-54 h3, #tile-id-71 h3 {display: none;}

.tiles_6 #tile-id-54 div.contentArea,
.tiles_6 #tile-id-71 div.contentArea {height: 325px; padding: 0; overflow: hidden; border-radius: 14px;}

.tiles_6 #tile-id-54 .headerArea,
.tiles_6 #tile-id-71 .headerArea {height: 0;}

body .tiles_6 div.col-lg-3.col-md-6 {padding: 5px;}

@media screen and (min-width: 992px) {
    .tiles_6 div.col-lg-12.col-md-24 {top: -15px;}
}

/*-----------------------------------------alternate upcoming events feed------------------------------------------*/

/*.home-events {*/
/*    background: #eee;*/
/*    height: 99%;*/
/*    width: 90%;*/
/*    position: absolute;*/
/*    border-radius: 14px;*/
/*}*/

/*h1.events-header {*/
/*    margin: 0;*/
/*    padding: 20px;*/
/*    display: block;*/
/*    border-radius: 14px 14px 0 0;*/
/*    color: #fff;*/
/*    background: #1f75ff;*/
/*    font-size: 32px;*/
/*}*/

/*.home-events-feed {*/
/*    padding: 0 20px;*/
/*    height: 80%;*/
/*    overflow-y: scroll;*/
/*}*/

/*p.home-calendar-link {*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    right: 30px;*/
/*}*/

/*@media screen and (max-width: 767px) {*/
/*    .home-events {*/
/*        left: 0;*/
/*        right: 0;*/
/*        margin: 0 auto;*/
/*    }*/
    
/*    .home-events-wrapper {min-height: 400px;}*/
/*}*/

/*@media screen and (min-width: 767px) and (max-width: 1400px) {*/
/*    .tile-holder.row {width: 100%;}*/
/*}*/

/*--------------------------------------------------------------------------------------------------*/

.tiles_6 .eventsTile  h3.header, .tiles_6 .eventsTile .headerArea {height: 75px;}

.tiles_6 .eventsTile h3.header {background: rgb(31 118 255) !important;}

.tiles_6 .eventsTile h3.header a {text-align: left; color: #fff !important;}

.eventsTile #tile-id-66 {border-radius: 14px; overflow: hidden;}

.tiles_6 .eventsTile .contentArea {
    background: #f3f3f3;
    padding: 20px 30px 20px 30px;
}

#tile-id-54, #tile-id-66, #tile-id-71 {margin: 0 5px;}

#tileslideshow div > img {width: 100%; height: 100%; align-items: center; object-fit: cover;}

#tileslideshow div {height: 325px;}

@media screen and (min-width: 767px) {
    .tiles_6 {
        margin-right: 16px;
        margin-left: 16px;
    }
}


@media screen and (min-width: 767px) and (max-width: 992px) {
    h1.events-header {font-size: 20px;}
}

@media screen and (max-width: 992px) {
    a.footer-logo svg {width: 100% !important;}
    
    .eventsTile {margin-top: 5px;}
}



@media screen and (min-width: 675px) and (max-width: 990px) {
    .tiles_6 #tile-id-54 div.contentArea, .tiles_6 #tile-id-71 div.contentArea {height: 1vw;}
}

@media screen and (max-width: 675px) {
    /*#tile-id-54 {*/
    /*    height: 48vw;*/
    /*    margin: -7%;*/
    /*}*/
    
    /*.tiles_6 #tile-id-54 div.contentArea {height: 100%;}*/
}

@media screen and (min-width: 576px) and (max-width: 991px) {
    #slider .s1 .slider-caption {max-width: 70%;}
}

.tile-holder #slider-2 {height: 100% !important;}
.tile-holder #slider-2 .slider-caption {display: none;}
.tile-holder #slider-2 .slider-arrow-right {display: none;}
.tile-holder #slider-2 .swiper-slide {
    background-position: center center;
    width: 100% !important;
}

.tile-holder .tiles_6 {width: 100%;}

@media screen and (max-width: 992px) {
    .tile-holder #slider-2 .swiper-slide {
        width: 100%;
        background-size: cover;
        height: 100% !important;
    }
}


.divider:after, .divider.divider-center:before, .divider.divider-center.divider-short:before {
    border-top: none;
}

.divider {
    color: #000;
}

.tiles_6 h3.header a:hover, 
.tiles_6 .contentArea a:hover,
#primary-menu ul > li a:hover {
    opacity: 80%;
}

.enrolButton{
    position: absolute;
    right: 0;
    top: 35px;
    margin-top: 0px;
    display:none;
}
.enrolButton a.btn {
    font-size:18px;
}

#header .enrolButton{
    display:block;
}

@media screen and (max-width: 991px) {
    #header .enrolButton {
        display: block;
        position: relative;
        margin: 0 auto;
        margin-top: -50px;
        margin-bottom: 50px;
        text-align: center;
    }
}

/* Historic photo slider
Added by Kath Puxty CSO Lismore
12/7/21 */

.beforePhoto {
background-image: url(https://stcarthlism.schoolzineplus.com/_image/media/1533/lismore_scp_before.png); 
width: 600px;
height: 360px;
border: 2px solid #c3c3c3;
border-radius: 3px;
box-shadow: 0 0 1px #999, -2px 2px 3px rgba(0,0,0,.2);
padding: 0;
margin: 1rem auto;
position: relative;
overflow: hidden;
content:'Before';
text-align:center;
color: #ffffff;
font-size: 18px;
margin-bottom: 0px;    
}

.afterPhoto {
background-image: url(https://stcarthlism.schoolzineplus.com/_image/media/1534/lismore_scp_after.png); 
height: 360px;
resize: horizontal; 
position: absolute; 
top: 0; left: 0; 
min-width: 15px;
max-width: 600px; 
-moz-box-sizing: border-box; 
box-sizing: border-box; 
content:'After';
font-size: 18px; 
color: white;
    
}

.afterPhoto::before {
content:"\2194";
background: rgba(256,256,256,.9);
font-size: 24px; 
font-weight: bolder;
color: red; 
top: 0; right: 0;
height: 100%;
line-height: 360px;  
position: absolute; 
}

.revealPhoto{ 
resize: horizontal; 
overflow: auto;
opacity: 0; 
position: relative; 
top: 50%;
left: 0px; 
margin-right: 0px;  
width: 0px; height: 15px; 
max-width: 600px; min-width: 20px; 
outline: 0 solid transparent; 
cursor: move;
cursor: all-scroll;
transform: scaleY(18);
transform-origin: center center;
animation: delta 5s 1 normal ease-in-out 1s;
}

@keyframes delta {
30% {width: 300px}
60% {width: 50px}
80% {width: 150px}
}


.grow {
background-image: url(https://stcarthlism.schoolzineplus.com/_image/media/1534/lismore_scp_after.png);
height: 360px;
    top: 50%;
  border: 2px solid;
  padding: 0px; 
  width: 10px;
    max-width: 600px;
  resize: horizontal;
  overflow: auto;
}


/* end historic slider */

/* 
    Added by: Luke O
    Date: Date 05/10/23
    Description: Underline on hyperlinks
*/

.sz-user-link {
    text-decoration: underline !important;
}