body {
	font-family: 'Bree Serif', serif;
	font-size: 16px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Bangers', cursive;
	letter-spacing: 1px;
	padding: 0;
	margin: 0 0 20px 0;
}

ul, li {
	list-style: none;
	padding: 0;
	margin: 0;
}

p {
	margin: 0 0 20px;
}

a, a:visited {color: inherit; text-decoration: none;}
a:hover {color: inherit; text-decoration: underline;}

a.button, input#submit_button {
	color: #fff;
	padding: 8px 15px 10px 15px;
	border-radius: 10px;
}

img {width: 100%;}

.section {
	padding: 30px 0 0 0;
}

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

/*colours*/

.red {background-color: #e92722;}
.blue {background-color: #0070ff;}
.yellow {background-color: #ffc02e;}
.green {background-color: #8ec242;}
.brown {background-color: #5d3b23;}
.black {background-color: #000000;}

/*header*/

.header {
	padding: 20px 0;
}

ul.social-icons {
	float: right;
	width: 90px;
}

.contact-details {
	padding: 20px 0;
}


.contact-details p {
	font-family: 'Bangers', cursive;
	letter-spacing: 1px;
	color: #e92722;
	font-size: 26px;
	margin-bottom: 8px;
	text-shadow:
    -2px -2px 0 #fff,
    2px -2px 0 #fff,
    -2px 2px 0 #fff,
    2px 2px 0 #fff;

}

.contact-details ul.contact {
	color: #fff;
	font-size: 19px;
	line-height: 30px;
	padding: 0 0 0 29px;
	background: url(../images/contact-sprite.png) no-repeat;
	background-position: 0 7px;
}

@media (max-width: 414px) {

	.contact-details ul {
		float: left!important;
	}

	.contact-details li {
		font-size: 14px;
	}

	ul.social-icons {
		float: left;
	}

	.contact-form p.markedfields {
		float: none!important;
	}

	.sub-footer ul.social-icons {
		float: left;
		padding-top: 10px;
	}

	.footer .contact-details ul {
		margin-left: 13px!important;
	}
}

/*sister site*/

.minisdaycare {
	background-color: #fec42b;
	color: #a51f66;
	font-size: 19px;
	padding: 10px 0;
}

.minisdaycare .container {
	padding: 0 20px;
	position: relative;
}

.minisdaycare ul li {
	display: inline-block;
	margin-right: 20px;
}

.minisdaycare .minilogo {
	width: 140px;
    margin-right: 10px;

}

.minisdaycare .children {
	margin-top: -10%;
	margin-left: 20px;
	width: 47%;
}

.minisdaycare .text {
	float: left;
	font-size: 16px;
}

.minisdaycare .ofsted {
    height: 48px;
    width: 54px;
}

.minisdaycare a.button {
	position: absolute;
	right: 30px;
	background: #a51f66;
	font-size: 20px;
	margin-top: 7px;
	padding: 2px 15px 4px 15px;
	float: left;

}

@media (min-width: 1200px) {
	.text {font-size: 18px!important;}
}


@media (max-width: 524px) {
	.minisdaycare {
		height: 52px;
	    padding: 10px;
	}

	.ofsted {
		display: none;

	}

	.minisdaycare a.button {
		top: -7px;
	}
}



@media (max-width: 991px) {
	.children {display: none;}
	.text {display: none;}
}


/*slider*/

.carousel .glyphicon {
	background: red;
    border-radius: 50%;
    height: 36px;
    width: 36px;
}

.carousel-indicators .active {
	background: red;
	border: 2px solid #fff;
}

/*welcome area*/

.welcome-area h1 {
	color: #0070ff;
}

/*details area*/

.details {
	margin-bottom: 30px;
}

.opening-times, .prices {
	padding: 20px;
	border-radius: 10px;
	color: #fff;
}

.opening-times {
	margin-bottom: 30px;
}

.opening-times span, .prices span {
	float: right;
}

.prices ul.termtime {
	padding-bottom: 20px;
}

/*what minis has to offer*/

.what-we-offer h3 {
	color: #0070ff;
	font-size: 36px;
}

.offer-item {
	position: relative;
	padding: 20px;
	border-radius: 10px;
	margin-bottom: 30px;
	color: #fff;
}

.offer-item .name h4 {
	position: absolute;
    padding: 10px 20px 0px 0;
	margin: -53px 0 0 0;
	color: #fff;
	font-size: 40px;
	border-radius: 0 10px 0 0;
}

.offer-item img {
	border-radius: 5px;
}

.offer-item p {
	padding-top: 10px;
	margin: 0;
}

.toddler {
	color: #5d3b23;
}

.toddler .name h4 {
	color: #5d3b23;
}

/*party package section*/

.party-packages {
	color: #fff;
}

.party-packages h2,
.party-packages h3 {
	color: #FFF;
	font-size: 36px;
}

.modal-dialog {width: 600px;}

@media (max-width: 640px) {
	.modal-dialog {width: 94%;}

}

.pp-wrapper {
	margin-bottom: 20px;
}

.pp-wrapper img {
	border-radius: 5px;
}

.themed-room {
	position: relative;
	border-radius: 10px;
	margin-bottom: 30px;
	color: #fff;
}

.themed-room img {
	border-radius: 10px;
}

.themed-room .name h4 {
    position: absolute;
    padding: 9px 19px 6px 15px;
    margin: -58px 0 0 0;
    color: #fff;
    font-size: 40px;
    border-radius: 0 10px 0 10px;
}

.themed-room h4.yellow {
	color: #5d3b23;
}


/*contact form*/
h4 {
	font-size: 36px;
}
.in-page-link {
	display: none;
}
.message-error {
	background-color: #F00;
	color: #FFF;
	padding: 10px;
}
.message-success {
	background-color: #F00;
	color: #FFF;
	padding: 10px;
}
.contact-form {
	border-radius: 10px;
	margin-bottom: 50px;
	padding: 20px 10px;
}

.contact-form .top-row label {
	width: auto;
}

.contact-form .required {
	font-family: 'Bree Serif', serif;
	font-size: 25px;
	color: #e92722;
}

.contact-form form input, .contact-form form textarea {
	height: 30px;
	padding: 5px;
	width: 100%;
	border: 0;
	border-radius: 5px;
	margin-bottom: 15px;
}

.contact-form form textarea {
	min-height: 133px;
}

.contact-form label, input#submit_button {
	font-family: 'Bangers', cursive;
	letter-spacing: 1px;
	font-size: 24px;
	color: #5d3b23;
}

.contact-form label {
	margin-bottom: 10px;
	width: 100%;
}

.contact-form p.markedfields {
	float: right;
	font-size: 17px;
	color: #e92722;
}

.contact-form input#submit_button {
	width: auto;
	height: auto;
	color: #fff;
	float: right;
	padding-bottom: 6px;

}

p.map-address {
	background: url(../images/map-address-icon.png) no-repeat 2px 2px;
	padding-left: 20px;
	font-size: 16px;
}

.map-wrapper iframe {
	border-radius: 10px;
}

/*footer*/

.footer {
	padding: 20px 0;
}


.footer .contact-details {
	padding-top: 0;
}

.footer .contact-details ul {
	font-size: 16px;
	margin: 0;
	float: right;
}

.sub-footer {
	padding: 20px 0;
	background: #000000;
	color: #fff;
	font-size: 16px;
}

.sub-footer p {
	float: left;
	margin-right: 20px;
	margin-bottom: 0;
}

ul.social-icons {
	float: right;
	margin-bottom: 10px;
}

ul.social-icons li a {
	background: url(../images/fb.png) no-repeat;
    padding: 20px;
    float: left;
}

ul.social-icons li a.twitter {
	background: url(../images/twitter.png) no-repeat;
	margin-left:10px;
}