/* 
	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: Luke O
	Descriptoin: Apply background colouration to top menu item
*/

#header.sticky-style-2 {
    background: #333a66;
}

#header.sticky-style-2 #header-wrap {
    background: #fff;
}

/* 
	Added by: Luke O
	Description: School name and motto in nav
*/

#schoolName {
    color: white;
    font-size: 30px;
    padding-top: 10px;
}

#schoolMotto {
    color: white;
    font-size: 22px;
    margin-bottom: -20px;
    margin-top: -20px;
}

/* 
	Added by: Luke O
	Description: Hide name and motto on mobile
*/

@media (max-width: 700px) {
    #schoolName {
    display: none;}
}

@media (max-width: 700px) {
    #schoolMotto {
    display: none;}
}


/* 
	Added by: Luke O
	Description: Hide email and phone number in nav
*/

#header > div.container.clearfix > ul > li:nth-child(1){
    display: none;
}

#header > div.container.clearfix > ul > li:nth-child(2){
    display: none;
}

/* 
	Added by: Luke O
	Description: Style Enquire, Book and Enrol buttons
*/

#header > div.container.clearfix > ul > li > a {
    color: white;
    text-decoration-line: underline;
}

.header-extras {
    margin: -20px;
}

/* 
	Added by: Luke O
	Descriptoin: Colour headings on website
*/

h1, h2, h3, h4 {
    color: #333a66;
}

/* 
	Added by: Luke O
	Descriptoin: Fix alignment of body content
*/

.content-wrap {
    padding: 20px 0;
}

/* 
	Added by: Luke O
	Descriptoin: In-body hyperlink styling
*/

#content01 p a:not(.btn), #content01 p a:not(.wysiwyg), #content01 p a:not(.button) {
    text-decoration: underline !important;
    font-weight: bold;
    color: #333a66;
}