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

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

#footer.dark, .dark #footer {
background-color: #000000;
}


.footer3.dark .policies {
color: #fff !important;
}

h1, h2, h3, h4 {
color: #000000;
}

/* Add an overlay to control opacity */
#wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    /* 👇 YOUR WATERMARK IMAGE 👇 */
    background: url('https://sfccwestbrook.schoolzineplus.com/_image/media/1/77239274_44d9_4d32_9912_afcf7e6b7ff1.png') no-repeat right center;
    
    /* 👇 CONTROL IMAGE SIZE HERE 👇 */
    background-size: 50% auto; /* adjust width here */
    
    background-attachment: fixed;
    opacity: 0.1; /* Adjust transparency */
    z-index: -1;
}

#wrapper,
#content01 {
    background: transparent !important;
    position: relative;
}

/* End */

/* Home Page Tile Styling */

div.headerArea > h2 > a {
	color: #000000;
}

div.headerArea > h2 {
	background-color: #000 !important;
}

/* Adjust top menu colours */

#primary-menu {
	background-color: #000 ;
}

#primary-menu.style-2 > div > ul > li > a {
color: #fff;
}

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

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

.top-links li > a {
    color: #fff !important;
}

.top-links li:hover {
    background-color: #000;
}

/* Text Styling on Slider Images */

.slider-caption h2 {
font-size: 3.5rem;
text-transform: none;
 }


/* Searh Icon Colour */

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

/* Web Form Text Styling */

label {
font-size: 0.931rem;
color: #0A2540;
line-height: 1.55em;
letter-spacing: 0px;
text-transform: none;
font-weight: normal;
}