@charset "utf-8";
/* WEYC Main CSS Document */

@import url('https://fonts.googleapis.com/css?family=Baloo|Roboto:400,500,700');


body { 
margin-top: 12px;
}

@media screen and (max-width : 992px){	
body {
	margin-top: 0px;
}
}

	
/* Contact Bar */

.contact-bar {
	background-image: url("../images/contact-bar-bg.png");
	background-repeat: repeat-x;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 1em;
	line-height: 26px;
	color: #f7fbf5;
}

@media screen and (max-width : 992px){	
.contact-bar {
	background-image: none;
	background-color: #5dba3b;
}
}

.contact-bar a {
	color: #f7fbf5;

}

.contact-bar a:hover {
	color: #f7fbf5;
	text-decoration: underline;
}


.contact-bar-lcol {
	padding-top: 52px;
}

@media screen and (max-width : 992px){	
.contact-bar-lcol {
	text-align: center;
	padding: 6px 0 12px;
}
}

@media screen and (max-width : 992px){	
.fas.fa-envelope {
	margin-left: 1em;
}
}

.contact-bar-rcol {
	text-align: right;
	padding-top: 65px;
}

@media screen and (max-width : 992px){	
.contact-bar-rcol {
	text-align: center;
	padding-top: 12px;
}
}

.fa-facebook-f, .fa-youtube {
	font-size: 1.1em;
}

.contact-bar-logo {
	text-align: center;
}



/* Home*/

.carousel-item img {
  width: 1910px;
  height: 556px;
  object-fit: cover;
}

.carousel-caption {
	top: 25%;
}

@media screen and (max-width : 768px){	
.carousel-caption  {
    top: 18%; 	
	}
}

.home-caption {
	font-family: 'Baloo', sans-serif;
	font-size: 2.5em;
}

@media screen and (max-width : 768px){	
.home-caption  {
    font-size: 2.4em;	
	}
}

.home-sub-caption {
	font-family: 'Roboto', sans-serif;
	font-size: 1.2em;
	font-weight: 400;
}

@media screen and (max-width : 768px){	
.home-sub-caption{
    font-size: 1em;	
	}
}

@media screen and (max-width : 768px){	
.ofsted-box {
    text-align: center;
	margin-bottom: 12px;
	}
}

/* Main Elements and Layout */

h1 {
	font-family: 'Baloo', sans-serif;
	font-size: 1.9em;
	color: #ffffff;
}


h2 {
	font-family: 'Baloo', sans-serif;
	font-size: 1.7em;
	color: #090605;
}

h3 {
	font-family: 'Baloo', sans-serif;
	font-size: 1.3em;
	line-height: 32px;
}


.body {
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
    line-height: 1.7em;
    color: #777;

}

.body a {
	color: #5dba3b;
	font-weight: 500;
	text-decoration: none;
	
}

.body a:hover {
	color: #5dba3b;
	text-decoration: underline;
}

.img-top {
	width: 45%;
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
}

.img-about {
	width: 45%;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}


.fa-calendar-alt, .fa-utensils, .fa-pound-sign, .fa-file-alt {
	font-size: 1.8em;
	
}


@media screen and (max-width : 992px){	
.img-top, .img-about {
   width: 100%;
   float: none;
   display: block;
   margin-left: auto;
   margin-right: auto;
}
}

.about-links a {
	font-family: 'Roboto', sans-serif;
	color: #090605;
	font-size: 1em;
	font-weight: 500;
    line-height: 1.7em;
}


.about-links a:hover {
	color: #777;
	text-decoration: none;
}


.red {
	color: #ff5157;
}

.red-bg {
	background-color: #ff5157;
}

.orange {
	color: #ff8b00;
}

.orange-bg {
	background-color: #ff8b00;
}

.yellow {
	color: #ffc000;
}

.yellow-bg {
	background-color: #ffc000;
}

.green  {
	color: #5dba3b;
}

.green-bg {
	background-color: #5dba3b;
}

.blue {
	color: #5255c5;
}


.blue-bg {
	background-color: #5255c5;
}

.aqua {
	color: #00b6c4;
}

.aqua-bg {
	background-color: #00b6c4;
}


.grey-bg {
	background-color: #f8f8fa;
}

.sub-page-header {
	font-family: 'Baloo', sans-serif;
	font-size: 1.5em;
	color: #ffffff;
	padding: 12px 16px;
}

/* Links On-State */

#home .home {
	color: #5255c5;
	pointer-events: none;
}
#home .home:hover {
	color: #5255c5;
	pointer-events: none;
}


#about .about, #dates .dates, #nutrition .nutrition, #fees .fees, #tcs .tcs {
	color: #5dba3b;
	pointer-events: none;
}
#about .about:hover, #dates .dates:hover, #nutrition .nutrition:hover, #fees .fees:hover, #tcs .tcs:hover {
	color: #5dba3b;
	pointer-events: none;
}

#babycare .babycare, #toddlercare .toddlercare, #nursery .nursery, #preschool .preschool, #butterflies .butterflies, #oos .oos {
	color: #ff8b00;
	pointer-events: none;
}
#babycare .babycare:hover, #toddlercare .toddlercare:hover, #nursery .nursery:hover, #preschool .preschool:hover, #butterflies .butterflies:hover, #oos .oos:hover {
	color: #ff8b00;
	pointer-events: none;
}

#woodland .woodland, #movement .movement {
	color: #ff5157;
	pointer-events: none;
}
#woodland .woodland:hover, #movement .movement:hover {
	color: #ff5157;
	pointer-events: none;
}

#events .events {
	color: #ffc000;
	pointer-events: none;
}
#events .events:hover {
	color: #ffc000;
	pointer-events: none;
}

#contact .contact  {
	color: #00b6c4;
	pointer-events: none;
}
#contact .contact :hover {
	color: #00b6c4;
	pointer-events: none;
}

#terms .terms, #privacy .privacy, #cookies .cookies {
	color: #ffffff;
	font-weight: 700;
	pointer-events: none;
}
#terms .terms:hover, #privacy .privacy:hover, #cookies .cookies:hover {
	color: #ffffff;
	text-decoration: none;
	pointer-events: none;
}


/* Footer */

.fluid-container-footer-1 {
	background-color: #5dba3b;
	padding: 25px;
}

.fluid-container-footer-2 {
	background-color: #5dba3b;
	padding: 10px;
	margin-top: 1px;
}

.footer-1, .footer-2 {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	line-height: 30px;
}

.footer-1 {
	color: #f7fbf5;
	font-size: 15px;
}

.footer-1 a {
	color: #f7fbf5;
}

.footer-1 a:hover {
	color: #f7fbf5;
	text-decoration: underline;
}

.footer-2, .footer-2 a, .footer-2 a:hover {
	font-size: 0.9em;
	text-align: center;
	color: #f7fbf5;
	text-decoration: none;
}

.footer-r-col{
	text-align: right;
}

@media screen and (max-width : 992px){	
.footer-1, .footer-r-col {
    text-align: center;
}
}



/* Buttons */

.btn-red {
  font-family: 'Baloo', sans-serif;
  font-size: 20px;
  color: #ffffff;
  background-color: #ff5157;
  border-radius: 10px;
  padding: 6px 32px;
}  

.btn-red:hover {
  color: #ffffff;
  background-color: #e04b4e;
}
.btn-red:focus, .btn-red.focus {
  color: #fff;
  background-color: #e04b4e;
}

.btn-red:not(:disabled):not(.disabled):active, .btn-red:not(:disabled):not(.disabled).active,
.show > .btn-red.dropdown-toggle {
  color: #fff;
  background-color: #e04b4e;
}

.btn-orange {
  font-family: 'Baloo', sans-serif;
  font-size: 20px;
  color: #ffffff;
  background-color: #ff8b00;
  border-radius: 10px;
  padding: 6px 32px;
}  

.btn-orange:hover {
  color: #ffffff;
  background-color: #e07b21;
}
.btn-orange:focus, .btn-orange.focus {
  color: #fff;
  background-color: #e07b21;
}

.btn-orange:not(:disabled):not(.disabled):active, .btn-orange:not(:disabled):not(.disabled).active,
.show > .btn-orange.dropdown-toggle {
  color: #fff;
  background-color: #e07b21;
}

.btn-yellow {
  font-family: 'Baloo', sans-serif;
  font-size: 20px;
  color: #ffffff;
  background-color: #ffc000;
  border-radius: 10px;
  padding: 6px 32px;
}  

.btn-yellow:hover {
  color: #ffffff;
  background-color: #e5ad00;
}
.btn-yellow:focus, .btn-yellow.focus {
  color: #fff;
  background-color: #e5ad00;
}

.btn-yellow:not(:disabled):not(.disabled):active, .btn-yellow:not(:disabled):not(.disabled).active,
.show > .btn-yellow.dropdown-toggle {
  color: #fff;
  background-color: #e07b21;
}

.btn-green {
  font-family: 'Baloo', sans-serif;
  font-size: 20px;
  color: #ffffff;
  background-color: #5dba3b;
  border-radius: 10px;
  padding: 6px 32px;
}  

.btn-green:hover {
  color: #ffffff;
  background-color: #50a033;
}
.btn-green:focus, .btn-green.focus {
  color: #fff;
  background-color: #50a033;
}

.btn-green:not(:disabled):not(.disabled):active, .btn-green:not(:disabled):not(.disabled).active,
.show > .btn-green.dropdown-toggle {
  color: #fff;
  background-color: #50a033;
}

.btn-blue {
  font-family: 'Baloo', sans-serif;
  font-size: 20px;
  color: #ffffff;
  background-color: #5255c5;
  border-radius: 10px;
  padding: 6px 32px;
}  

.btn-blue:hover {
  color: #ffffff;
  background-color: #474aab;
}
.btn-blue:focus, .btn-blue.focus {
  color: #fff;
  background-color: #474aab;
}

.btn-blue:not(:disabled):not(.disabled):active, .btn-blue:not(:disabled):not(.disabled).active,
.show > .btn-blue.dropdown-toggle {
  color: #fff;
  background-color: #474aab;
}

.btn-aqua {
  font-family: 'Baloo', sans-serif;
  font-size: 20px;
  color: #ffffff;
  background-color: #00b6c4;
  border-radius: 10px;
  padding: 6px 32px;
} 

.btn-aqua:hover {
  color: #ffffff;
  background-color: #059aa5;;
}
.btn-aqua:focus, .btn-aqua.focus {
  color: #fff;
  background-color: #059aa5;
}

.btn-aqua:not(:disabled):not(.disabled):active, .btn-aqua:not(:disabled):not(.disabled).active,
.show > .btn-aqua.dropdown-toggle {
  color: #fff;
  background-color: #059aa5;
}

.fa-chevron-right {
 font-size: 16px;
 margin-left: 8px;
}

.fa-chevron-left {
 font-size: 16px;
 margin-right: 8px;
}

/* Striped tables */

.table-striped {
	line-height: normal;
     border-bottom: 1px solid #dee2e6;
}

.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
	background-color: #f8f8fa;
}

.table-striped thead th {
	border: none;
	padding-top: 0px;
	padding-bottom: 0px;
}

.table-striped h3 {
	margin-bottom: 0;
}



.table-striped td {
	
}


/* Mobile container horizontal overflow fix*/

@media screen and (max-width: 767px) {
    body {
        overflow-x: hidden !important;
    }
    .container {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }
}


/* Mobile/Desktop on/off*/

.mobile-only {
    display: none;
}

.desktop-only {
    display: block;
}


@media screen and (max-width: 992px){	
    .mobile-only {
     display: block;
}
    .desktop-only {
     display:none;
}
}

/* Image hover opacity */
.iho figure {
	background: #000;
	margin: 0;
}
.iho figure img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.iho figure:hover img {
	opacity: .8;
}

/* Wobble effect */

@-webkit-keyframes wobble {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes wobble {
  16.65% {
    -webkit-transform: translateY(8px);
    -ms-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    -ms-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.wobble {
  display: inline-block;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.wobble:hover {
  -webkit-animation-name: wobble;
  animation-name: wobble;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Google map*/

.google-maps {
	position: relative;
	padding-bottom: 75%; /* This is the aspect ratio */
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/* Homepage modal*/

.modal-content {
	background-image: url("../images/sparrows-banner-bg.jpg");
	background-color: #739405;
}

.close {
	color: #fff;
}