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

h1, h2, h3, h4, h5, h6, p, span, ol, ul, li, em, i, a, div {
    font-family: 'Open Sans', sans-serif;
}


/* 
	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'Hare
	Date: 14.09.23
	Descriptoin: Top menu and child menu colouration
*/

#header-wrap {
    background-color: #172956;
}

body.stretched #header.full-header .container {
    background-color: #172956;
}

#primary-menu > ul > li > li > a:hover {
    background-color: #821431;
}


#primary-menu ul ul li {
    background-color: #172956;
}

#primary-menu ul ul li > a {
    color: #fff;
}

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

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

#primary-menu ul li > a {
    color: #fff;
}

#primary-menu ul ul li > a:hover {
    background-color: #821431;
}

#primary-menu > ul {
background-color: #172956;
}

/* 
	Added by: Luke
	Date: 17/10/23
	Descriptoin: Top menu capitalized  
*/

#primary-menu ul li > a {
    text-transform: capitalize;
}

/* 
	Added by: Luke
	Date: 17/10/23
	Descriptoin: Tile colours
*/

#slider-ccsp .col-md-3:nth-child(odd){
    background-color: #172956;
}

#slider-ccsp .col-md-3:nth-child(even){
    background-color: #abbce2;
}

/* 
	Added by: Luke
	Date: 15/11/23
	Descriptoin: White line in menu/nav
*/

#header.full-header #logo {
border-right: none;
}

#header.full-header #primary-menu > ul {
    border-right: none;
}

/* 
	Added by: Luke
	Date: 15/11/23
	Descriptoin: Increase menu font size
*/



#primary-menu ul li > a {
font-size: 16px;
}

#primary-menu ul ul li > a {
    font-size: 16px;
}




/* 
	Added by: Luke
	Date: 15/11/23
	Descriptoin: Increase Logo Size
*/



.tabs.tabs-alt ul.tab-nav li a {
    background-color: #abbce2;
}


/* 
	Added by: Luke
	Date: 15/11/23
	Descriptoin: Style nested tabs
*/

ul.tab-nav:not(.tab-nav-lg) {
    border-bottom: none;
    border-top: none;
    border-left: none;
    border-right: none;
}


/* 
	Added by: Luke
	Date: 15/11/23
	Descriptoin: Increase Logo Size
*/


h1#schoolName {
    font-size: 22px;
    display: inline-block;
    padding-top: 16px;
}


#header #headerName{
    display: inline-block;
    margin: 0;
    color: white;
}

@media (max-width: 991px){
    #header #headerName{
        display: block;
        text-align:center;
    }
}
@media (max-width: 1800px){
    #header #headerName{
        
     font-size: 16px;
    }
    #primary-menu ul li > a{
        font-size:16px;
    }
}

@media (max-width: 995px){
    #header #primary-menu{
        float: none;
        display: block;
        clear: both;
        background: #d34444;
    }
    #header.full-header #primary-menu > ul{
        float: none;
        margin: 0;
        padding: 0;
        border: none;
        display: flex;
        justify-content: center;
        background-color: #172956;
    }
    #primary-menu ul li > a{
            padding: 39px 5px;
    }
    #top-search{
        display:none;
    }
    body.stretched #header.full-header .container{
        padding: 0 15px;
    }
    #header.full-header #logo {
        border-right: none;
    }
}
@media (max-width: 991px){
     #top-search{
        display:block;
    }
    #header.full-header #primary-menu > ul{
        display:none;
    }
}

/* Adam Making Edits RE Client Request 
https://schoolzineproduction.freshdesk.com/a/tickets/178135
*/

#primary-menu ul ul li > a {

    font-weight: normal;
}

#primary-menu-trigger > i{

	color: #fff;
}

#primary-menu > ul > li > ul > li > a > div{
    
    font-size: 16px;
}

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

	font-size: 11px;
}

#primary-menu > ul > li:hover {

	background-color: #172956;
}

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

		background-color: #172956;
	}

	#primary-menu > ul > li > ul > li:hover {

		background-color: #821431;
	}

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

		color: #fff;
	}

}
/* End Edit */


/* Changes requested by Penny in ticket #178135  */

@media screen and (max-width: 991px) {
    #logo a {
        margin: 0 auto;
        max-width: 350px;
    }
    
    #logo img {
        width: auto;
    height: auto;
    padding-left: 30px;
    padding-right: 30px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1316px) {
    #logo img {
        padding-bottom: 20px !important;
        padding-top: 20px !important;
        height: auto;
        width: auto;
        max-width: 300px;
    }
    
    .sticky-header #logo img {
        padding: 0 5px !important;
    }
}

@media screen and (min-width: 992px) and (max-width: 1156px) {
    #primary-menu ul li > a {
        padding: 39px 8px;
        font-size: 10px;
    }
}

#logo img {
    padding-bottom: 5px;
    padding-top: 5px;
    }
    
#logo img {
    padding-left: 30px;
}

body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul ul a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li:hover ul a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li.current ul a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li:hover ul a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li.current ul a {
color: white !important;
}

#primary-menu ul ul li:hover > a {
    background-color: #821431;
}

/* End to changes */

/* Adjust footer colour, sizing and tile colouring */


.dark #copyrights {
background-color: #172956;
}

#copyrights .col_half {
color: #fff;
}

.dark #footer .social-icon.si-borderless, #footer.dark .social-icon.si-borderless {
color: #fff !important;
}

#footer {
border-top: none;
}


.social-icon.si-small {
font-size: 28px;
}

#slider-ccsp > div:nth-child(2) > h4 {
color: #172956;
}

#slider-ccsp > div:nth-child(2) > a {
color: #172956 !important;
border: 1px solid #172956 !important;

}

#slider-ccsp > div:nth-child(4) > h4 {
color: #172956;
}

#slider-ccsp > div:nth-child(4) > a {
color: #172956 !important;
border: 1px solid #172956 !important;

}

/* end */

.button, .btn, .wysiwyg a {
background-color: #535f80;
}

/* Remove indentation on Page Titles */

#h1Container {
margin-left: 18.5%;
margin-bottom: 5px;
}