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

@media screen and (max-width: 767px) {
    .homeHolder .col-md-3 {display: none;}
}

.homeHolder .col-md-3 {
    background-size: cover;
}

@media (min-width: 991px) {
    #primary-menu ul li > a i {
        right: 0px;
    }
}

#syncmobile.button {
    white-space: nowrap;
}

a {
    color: rgb(12 68 154);
}

a:hover {
    color: #a5c9de;
}

#footer .container .col-sm-4 p:nth-child(1) {
    margin-bottom: 0;
}

.footerEmail {margin-top: 0;}

/* Set Footer Colours */

#footer.dark, .dark #footer {
background: #021430 !important;
}

.dark #copyrights {
color: #fff;
}

#copyrights a {
color: #fff;
}

.social-icon i {
color: #fff;
}

/* Set Heading Colours */

h1, h2, h3, h4, h5, h6 {
color: #7A1318;
}