/* 
	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 
*/



/* 
	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 
*/


/* 
	Added by: Luke O
	Date: Date 1-12-20
	Descriptoin: Darken hyperlinked text on Website template 
*/

a {	
color: rgb(19, 86, 149);
}

.ui-widget-content p a, .ui-widget-content td a {
   color: rgb(19, 86, 149); 
}

.ui-widget-content .wysiwyg a {
    color: rgb(255, 255, 255); 
}

.ui-widget-content li a {
     color: rgb(19, 86, 149); 
}
#footer6 .col-md-5 p.sml {
    font-size: 11px;
}


#logo{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}


#logo:after {
    content: 'St Francis Xavier Primary School, Woolgoolga';
    font-size: 15px;
    display: inline-block;
    color: #135695;
    padding-left: 20px;
    font-weight: bold;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
}

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

#logo {
    justify-content: center;
}
}

@media only screen and (max-width: 497px) {
    #logo:after {
        display: none;
    }
    }
    
    .header-extras li .he-text {
 color: #135695;
}

#primary-menu.style-2 {
    background-color: #135695;
}

#primary-menu > div > ul > li > a {

color: #fff !important;
}

#primary-menu ul li > a:hover, #primary-menu ul ul li:hover > a {
   color: #a5bfd7;
}

#top-search a {
    color: #fff;
}

@media (max-width: 991px) {
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li:hover a,
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li a,
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li:hover ul a,
#primary-menu .container #primary-menu-trigger
{
color: #fff !important;
}
#header.sticky-style-2 #header-wrap
{
       background-color: #135695 !important;
}
}

#top-search form input {
color: #fff;
}


#top-search form input::placeholder {
      color: #a5bfd7; 
}



#top-bar {
    background-color: #135695;
}


#top-social li .ts-icon {
    color: #fff;
}

h1#schoolName, h3#schoolMotto{
    display:none;
}

ul.header-extras li:nth-child(3), ul.header-extras li:nth-child(4){
    display:none;
}

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

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

#sideItem66 > div.container.clearfix {
    
    display:none;
}