@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700;800;900&display=swap");
@font-face {
font-family: 'HankRnd';
src: url(//brownberriechildcare.co.uk/wp-content/themes/brownberrie/assets/fonts/HankRnd-Black.woff2) format('woff2'),
url(//brownberriechildcare.co.uk/wp-content/themes/brownberrie/assets/fonts/HankRnd-Black.woff) format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'HankRnd';
src: url(//brownberriechildcare.co.uk/wp-content/themes/brownberrie/assets/fonts/HankRnd-Black.woff2) format('woff2'),
url(//brownberriechildcare.co.uk/wp-content/themes/brownberrie/assets/fonts/HankRnd-Black.woff) format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'HankRnd';
src: url(//brownberriechildcare.co.uk/wp-content/themes/brownberrie/assets/fonts/HankRnd-Light.woff2) format('woff2'),
url(//brownberriechildcare.co.uk/wp-content/themes/brownberrie/assets/fonts/HankRnd-Light.woff) format('woff');
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'HankRnd';
src: url(//brownberriechildcare.co.uk/wp-content/themes/brownberrie/assets/fonts/HankRnd-Bold.woff2) format('woff2'),
url(//brownberriechildcare.co.uk/wp-content/themes/brownberrie/assets/fonts/HankRnd-Bold.woff) format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'HankRnd';
src: url(//brownberriechildcare.co.uk/wp-content/themes/brownberrie/assets/fonts/HankRnd-Bold.woff2) format('woff2'),
url(//brownberriechildcare.co.uk/wp-content/themes/brownberrie/assets/fonts/HankRnd-Bold.woff) format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'HankRnd';
src: url(//brownberriechildcare.co.uk/wp-content/themes/brownberrie/assets/fonts/HankRnd-Regular.woff2) format('woff2'),
url(//brownberriechildcare.co.uk/wp-content/themes/brownberrie/assets/fonts/HankRnd-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'HankRnd';
src: url(//brownberriechildcare.co.uk/wp-content/themes/brownberrie/assets/fonts/HankRnd-Light.woff2) format('woff2'),
url(//brownberriechildcare.co.uk/wp-content/themes/brownberrie/assets/fonts/HankRnd-Light.woff) format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'HankRnd';
src: url(//brownberriechildcare.co.uk/wp-content/themes/brownberrie/assets/fonts/HankRnd-Regular.woff2) format('woff2'),
url(//brownberriechildcare.co.uk/wp-content/themes/brownberrie/assets/fonts/HankRnd-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
} *{
box-sizing: border-box;
}
html, body{
box-sizing: border-box;
margin: 0;
padding: 0;
font-family: 'Poppins', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6{
box-sizing: border-box;
margin: 0;
padding: 0;	
}
p{
box-sizing: border-box;
margin: 0;
padding: 0;	
}
a{
text-decoration: none;
outline: none;
border: none;
font-weight: 500;
-webkit-transition: color 350ms ease-in-out;
-moz-transition: color 350ms ease-in-out;
-ms-transition: color 350ms ease-in-out;
-o-transition: color 350ms ease-in-out;
transition: color 350ms ease-in-out;
}
a:focus,
a:hover{
text-decoration: none;
outline: none;
border: none;
}
title{
text-transform: capitalize;
} :root{
--primary-color: #3c89a5;
--secondary-color: #363536;
--hover-color: #42A735;
--green-color: #008280;
--black-color: #000;
--white-color: #fff;
--body-font: 'Lora', serif;
--heading-font:  'Raleway', sans-serif;
}
p {
margin: 0;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 28px;
color: #222222;
} .main-header-sec .navbar-expand-lg .navbar-nav .nav-item {
margin: 0 30px;
}
.main-header-sec .navbar-expand-lg .navbar-nav .nav-link{
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 20px;
color: #868686;
padding: 0;
}
.main-header-sec .navbar-expand-lg .navbar-nav .active .nav-link{
font-weight: 500;
color: #000000;
}
.main-header-sec .navbar-expand-lg .navbar-nav .nav-link:hover{
font-weight: 500;
color: #000000;
}
.main-header-sec .navbar-expand-lg .navbar-nav .nav-item:last-child .nav-link{
margin: 0px;
}
.discount-bar { margin-left: auto;}
.discount-bar strong {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 20px;
color: #FFFFFF;
}
.header-box {
width: 100%;
text-align: center;
}
.navbar-brand {
margin: 0 !important;
padding: 0 !important;
}
.header-box .navbar-nav {
margin: 0 auto;
}
.main-header-sec .navbar {
padding: 40px 0 0;
}
.header-box .navbar-collapse {padding: 30px 0;margin: 30px 0 0; position: relative;}
.header-box .navbar-collapse:before {
content: "";
position: absolute;
height: 1px;
top: 0;
left: -100vh;
right: -100vh;
background: rgba(0, 130, 190, 0.3);
}
header.main-header-sec {overflow: hidden;} .banner {
background: #0082BE url(//brownberriechildcare.co.uk/wp-content/themes/brownberrie/assets/images/banner-logo.png) no-repeat center;
padding: 80px 0 456px;
text-align: center;
}
.banner-content h1 {
margin: 22px 0 0;
font-family: 'HankRnd';
font-style: normal;
font-weight: 500;
font-size: 110px;
line-height: 120px;
text-align: center;
text-transform: uppercase;
color: #FFFFFF;
position: relative;
}
.banner-content h1:before {
content: "";
position: absolute;
bottom: -30px;
left: 50%;
transform: translateX(-50%);
width: 230px;
height: 1px;
background: #E73082;
}
.banner-content h1:after {
content: "";
position: absolute;
bottom: -32px;
left: 50%;
transform: translateX(-50%);
width: 60px;
height: 5px;
background: #E73082;
border-radius: 30px;
}
.banner-content p {
margin: 62px 0 60px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 36px;
text-align: center;
letter-spacing: 0.01em;
color: #FFFFFF;
}
.button {
height: 70px;
line-height:70px; background:#d81b60;
border-radius: 50px;
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 20px;
text-transform: uppercase;
color: #FFFFFF;
padding: 0 68px 0 36px;
display: inline-block;
text-decoration: none;
position: relative;
}
.button:hover {
background: #F39320;
color: #fff;	
}
.button:before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 26px;
height: 22px;
width: 22px;
background: url(//brownberriechildcare.co.uk/wp-content/themes/brownberrie/assets/images/caret-forward.png) no-repeat center;
}
.section-title {
margin: 0 0 60px;
font-family: 'HankRnd';
font-style: normal;
font-weight: 700;
font-size: 60px;
line-height: 60px;
text-transform: uppercase;
color:#c76b00; display: inline-block;
position: relative;
}
.section-title:before {
content: "";
position: absolute;
bottom: -30px;
left: 0;
height: 1px;
width: 230px;
background: #3D2F81;
}
.section-title:after {
content: "";
position: absolute;
bottom: -32px;
left: 30%;
height: 5px;
width: 60px;
background: #3D2F81;
border-radius: 30px;
}
.section-title span {font-weight: 300;}
.about-content p {
margin: 30px 0 0;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 190%;
color: #868686;
}
.about-box {
background: #FFFFFF url(//brownberriechildcare.co.uk/wp-content/themes/brownberrie/assets/images/about-ba.png) no-repeat bottom right;
box-shadow: 0px 20px 80px rgb(0 0 0 / 10%);
border-radius: 10px;
padding: 60px;
}
.about-topimg {
text-align: center;
}
.about-section {
margin: -375px 0 0;
position: relative;
}
.about-section:before {
content: "";
position: absolute;
right: -213px;
bottom: -170px;
width: 150px;
height: 193px;
background: url(//brownberriechildcare.co.uk/wp-content/themes/brownberrie/assets/images/pattern-1.png) no-repeat center;
} 
.about-section .about-img img{width: 100%;object-fit: cover;}
.about-box .about-img{height: 100%}
.facebook-title {
text-align: center;
}
.facebook-title .section-title:before {
left: 50%;
transform: translateX(-50%);
}
.facebook-title .section-title:after {
left: 50%;
transform: translateX(-50%);
}
.facebook-title p {
margin: 0;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 32px;
text-align: center;
color: #868686;
}
.facebook-feed-post img {
filter: drop-shadow(0px 10px 60px rgba(0, 0, 0, 0.15));
border-radius: 20px;
width: 100%;
}
.facebook-feed {
margin: 200px 0 0;
}
.facebook-feed-post {
margin: 60px 0 0;
}.facebook-feed-heading {
text-align: center;
}
section.Facebook.Feed {
padding-top: 200px;
}
.facebook-feed-heading p {
max-width: 70%;
margin: 0 auto;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 32px; text-align: center;
color: #868686;
}
.facebook-images img {
width: 100%;
height: 100%;
object-fit: cover;
}
section.what-parents-says {
padding: 10px 0px 100px;
}
.parents-text-para p {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 28px;
color: #868686;
}
section.what-parents-says .section-title:after {
left: 15%;
}
.parents-say-content {
position: relative;
top: 60px;
}
.parents-right-img {
position: relative;
right: 0;
display: flex;
justify-content: flex-end;
align-content: center;
align-items: center;
top: 30px;
}
.parents-says-details {
background: #FFFFFF;
box-shadow: 0px 4px 54px rgba(0, 0, 0, 0.07);
border-radius: 10px;
padding: 50px 50px 50px 50px;
}
.parents-says-text:first-child {
padding-bottom: 40px;
}
.parents-says-text p {
margin: 0;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #636363;
padding-bottom: 20px;
}
.parents-says-text p:nth-child(2){
padding-bottom:40px;
}
.parents-says-text h3 {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 26px;
line-height: 28px;
color: #3D2F81;
}
section.what-parents-says {
position: relative;
overflow:hidden;
}
section.what-parents-says::before {
content: '';
position: absolute; background-size: contain;
background-position: left;
width: 100%;
left: 30px;
height: 75%;
background-repeat: no-repeat;
}
.our-staff-heading {
text-align: center;
position: relative;
}
.our-staff {
position:relative;
overflow:hidden;
}
.our-staff .our-staff-heading::before{
content: '';
position: absolute;
background: url(//brownberriechildcare.co.uk/wp-content/themes/brownberrie/assets/images/our-staff.png);
background-size: contain;
background-position: left;
width: 260px;
left: -230px;
height: 200px;
background-repeat: no-repeat;
}
.our-staff-text {
text-align: center;
padding-top: 30px;
}
.our-staff-text a {text-decoration: none;}
.our-staff-text h3 {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 30px;
line-height: 32px;
color: #000000;
}
.our-staff-text p {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 18px;
color: #868686;
}
section.contact-us-banner {
padding-top: 200px;
position: relative;
}
.parents-says-image img {
width: 135%;
height: 100%;
border-radius: 10px;
}
section.what-parents-says .row{
padding-top:60px;
}
.contact-us-design {
background: url(//brownberriechildcare.co.uk/wp-content/themes/brownberrie/assets/images/Brownberrie-Childcare-Black-Footer-Area.jpg);
background-position: 100%;
background-size:cover;
width:100%;
height: 650px;
position:relative;
z-index: 999;
}
.contact-us-text h3 {
font-family: 'HankRnd';
font-style: normal;
font-weight: 250;
font-size: 70px;
line-height: 70px; text-transform: uppercase;
color: #FFFFFF;
}
.contact-us-text h3 span{
color:#E73082;
font-weight:800;
}
.contact-us-text p {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 30px;
color: #FFFFFF;
max-width: 70%;
padding-top: 30px;
}
a.contact-btn {
background: #E73082;
border-radius: 50px;
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 22px;
text-transform: uppercase;
color: #FFFFFF;
padding: 24px;
text-decoration: none;
}
.contact-us-design .row:first-child {
justify-content: space-between;
align-items: center;
align-content: center;
padding-top: 120px;
padding-bottom: 60px;
}
.footer-design-section {
background: url(//brownberriechildcare.co.uk/wp-content/themes/brownberrie/assets/images/footer-bg.png);
background-position: top;
background-size: cover;
width: 100%;
height: 100%;
position: relative;
margin-top: -155px;
padding: 100px 0px;
z-index: 999;
}
.contact-us-design .row:last-child {
padding-bottom: 60px;
position: relative;
z-index: 9;
}
.footer-design-section .row {
padding-top: 141px;
justify-content: space-between;
}
.footer-design-section a {
color: #fff;
text-decoration: none;
}
.footer-design-section h3 {
color: #FFE600;
}
.footer-design-section p {
color: #fff;
}
.socila-nav li i {
font-family: 'FontAwesome';
}
.footer-design-section ul {
padding: 0;
list-style: none;
}
.footer-image p {
font-family: 'Poppins';
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 30px; color: #FFFFFF;
padding-top: 15px;
}
.social-media-details a {
background: #E73082;
border-radius: 100%;
width: 50px;
height: 50px;
display: flex;
align-content: center;
justify-content: center;
align-items: center;
}
.social-media-details {
padding-top: 30px;
}
.socila-nav li a {
font-family: 'Poppins';
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 30px; color: #FFFFFF;
}
.footer-design-section h3 {
padding-bottom: 30px;
}
.footer-design-section ul li {
padding-bottom: 14px;
}
.footer-design-section ul li a{
padding-bottom: 14px;
display: flex;
flex-wrap: nowrap;
flex-direction: row;
align-content: center;
justify-content: flex-start;
align-items: center;
}
.socila-nav li i {
background: #2AB9CB;
border-radius: 100%;
width: 50px;
height: 50px;
display: flex;
align-content: center;
justify-content: center;
align-items: center;
margin-right: 22px;
}
.socila-nav li span {
margin-right: 22px;
}
.footer-design-section .col-lg-4:last-child .socila-nav ul {
padding-top:0px;
}
.copyright-section p {
font-family: 'Poppins';
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 16px; text-align: left;
color: #FFFFFF;
}
.bottom-footer.copyright-section {
display: flex;
justify-content: space-between;
}
.copyright-section p b {
font-weight: 700;
}
.copyright-section {
padding-top: 20px;
border-top: 1px solid #FFFFFF;
margin-top: 50px;
}
.about-us-banner {
position: relative;
background: url(//brownberriechildcare.co.uk/wp-content/themes/brownberrie/assets/images/about-banner-img.png);
height: 100%;
display: flex;
justify-content: center;
align-content: center;
align-items: center;
background-repeat: no-repeat;
background-position: bottom;
}
section.about-us {
background: #0082BE;
height: 650px;
}
.about-text h1 {
font-family: 'HankRnd';
font-style: normal;
font-weight: 700;
font-size: 100px;
line-height: 102px; text-align: center;
text-transform: uppercase; color: #FFE600;
}
.about-text h1 span {font-weight: 400;}
.about-text ul {
padding: 0;
margin: 0;
display: flex;
align-content: center;
justify-content: center;
align-items: center;
width: 25%;
margin: 0 auto;
}
.about-text ul li {
list-style: none;
margin: 0 15px;
}
.about-text ul li {
color:#fff;
}
.about-text ul li a{
color:#fff;
text-decoration:none;
}
a.dot {
font-size: 30px;
display: flex;
align-items: center;
justify-content: center;
align-content: center;
top: -8px;
position: relative;
}
.title {
text-align: center;
}
.vision-mission .section-title:before {
transform: translateX(-50%);
left: 50%;
background: #F39320;
}
.vision-mission .section-title:after {
left: 50%;
transform: translateX(-50%);
background: #F39320;
}
section.vision-mission {
padding: 200px 0 200px;
}
.vision-mission .section-title {
color: #E73082;
}
.our-box {
background: #FFFFFF;
box-shadow: 0px 0px 30px 1px rgba(0, 0, 0, 0.1);
border-radius: 20px;
text-align: center;
padding: 57px 45px 30px;
margin: 30px 0 0;
}
.our-icon {
width: 115px;
height: 115px;
line-height: 110px;
background: #009C57;
border-radius: 50%;
margin: 0 auto;
}
.vision-mission-bar div:first-child .our-box { margin: 90px 0 0; }
.vision-mission-bar div:last-child .our-box { margin: 90px 0 0; } 
.our-content h3 {
margin: 20px 0 20px;
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 25px;
line-height: 38px;
color: #36311E;
}
.our-content p {
margin: 0;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 18px !important;
line-height: 175.5%;
text-align: center;
color: #636363;
}
.vision-mission-bar {position: relative;}
.vision-mission-bar:before {
content: "";
position: absolute;
left: -200px;
bottom: -140px;
width: 278px;
height: 201px;
background: url(//brownberriechildcare.co.uk/wp-content/themes/brownberrie/assets/images/pattern-2.png) no-repeat center;
z-index: 1;
}
.information-parents {
background: #E73082;
padding: 280px 0;
position: relative;
}
.information-parents:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: -80px;
height: 176px;
background: url(//brownberriechildcare.co.uk/wp-content/themes/brownberrie/assets/images/vector-1.png) no-repeat center;
z-index: 0;
}
.information-parents:after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -60px;
height: 176px;
background: url(//brownberriechildcare.co.uk/wp-content/themes/brownberrie/assets/images/vector-2.png) no-repeat center;
z-index: 0;
}
.parents-content .section-title {
color: #FFFFFF; }
.parents-content .section-title:before { background: #F39320; }
.parents-content .section-title:after { background: #F39320; left: 15%; }
.parents-content p {
margin: 0 0 30px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 32px;
color: #FFFFFF;
}
.parents-content .button {
background: #2AB9CB;
}
.parents-img {
text-align: right;
}
.healthy-eating {
padding: 260px 0 0;
}
.healthy-content .section-title {
color: #E73082;
}
.healthy-content .section-title:before {background: #F39320;}
.healthy-content .section-title:after {background: #F39320; left: 20%;}
.healthy-content p {
margin: 0 0 40px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 32px;
color: #868686;
}
.healthy-content .button {background: #2AB9CB;}
.eating-box {
background: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 10px;
padding: 30px;
margin: 20px 0;
}
.eating-icon {
width: 80px;
height: 80px;
background: #009C57;
border-radius: 5px;
text-align: center;
line-height: 75px;
}
.eating-icon img {
width: 46px;
}
.eating-content h3 {
margin: 30px 0 16px;
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 22px;
color: #000000;
}
.eating-content p {
margin: 0;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 28px;
color: #868686;
}
.eating-bar div:nth-child(2) .eating-box {margin-top: 60px;}
.eating-bar div:nth-child(3) .eating-box {margin-top: -20px;}
.eating-right {position: relative;}
.eating-right-img {
position: absolute;
top: -160px;
right: -115px;
}
.staff .about-us-banner {
background: url(//brownberriechildcare.co.uk/wp-content/themes/brownberrie/assets/images/staff-bg.png);
background-repeat: no-repeat;
background-position: bottom;
}
.our-teachers .section-title {
color: #9D237A;
}
.our-teachers .section-title:before {
background: #A1C73A;
left: 50%;
transform: translateX(-50%);
}
.our-teachers .section-title:after {
background: #A1C73A;
left: 50%;
transform: translateX(-50%);
}
.title p {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 28px;
text-align: center;
color: #868686;
margin: 0;
}
.teachers-box {
border: 1px solid #A1C73A;
border-radius: 18px;
text-align: center;
padding: 53px;
margin: 30px 0 0;
}
.teachers-content h3 {
margin: 0 0 10px;
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 26px;
text-align: center;
color: #000000;
}
.teachers-content p {
margin: 0;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 154.5%;
text-align: center;
color: #868686;
}
.teachers-content {
padding: 30px 0 0;
}
.teachers-box:hover {
border-color: #fff;
background: rgba(255, 255, 255, 0.1);
box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
border-radius: 18px;
}
.our-teachers .title {
padding: 0 0 30px;
}
.our-teachers {
padding: 150px 0 200px;
}
.message-img {
position: relative;
}
.message-img:before {
content: "";
position: absolute;
top: 156px;
right: 164px;
bottom: -30px;
left: -30px;
border: 2px solid #A1C73A;
z-index: -1;
}
.message-img:after {
content: "";
position: absolute;
bottom: -100px;
left: -100px;
height: 184px;
width: 168px;
background: url(//brownberriechildcare.co.uk/wp-content/themes/brownberrie/assets/images/star-3.png) no-repeat center;
z-index: -1;
}
.message-from {
padding: 134px 0;
position: relative;
}
.message-from:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 55%;
background: #A1C73A;
z-index: -1;
}
.message-content .section-title {
font-size: 50px;
line-height: 68px;
color: #fff;
}
.message-content .section-title:before {
background: #9D237A;
}
.message-content .section-title:after {
background: #9D237A;
left: 20%;
}
.message-content p {
margin: 20px 0 0;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 190%;
color: #FFFFFF;
position: relative;
}
.message-content p:before {
content: "\f10d";
font-weight: 900;
font-family: "Font Awesome 6 Free";
position: absolute;
left: 0;
top: -30px;
font-size: 25px;
}
.message-content p:after {
content: "\f10d";
font-weight: 900;
font-family: "Font Awesome 6 Free";
position: absolute;
left: 0;
bottom: -30px;
font-size: 25px;
transform: rotate(180deg);
}
.message-img-icon {
position: absolute;
top: -200px;
right: 85px;
}
.terms-dates-fees .about-us-banner {
background: url(//brownberriechildcare.co.uk/wp-content/themes/brownberrie/assets/images/terms-dates-fees-bg.png);
background-repeat: no-repeat;
background-position: bottom;
}
.term-dates .section-title {
color: #009C57;
}
.term-dates .section-title:before {
left: 50%;
transform: translateX(-50%);
}
.term-dates .section-title:after {
left: 50%;
transform: translateX(-50%);
}
.term-dates-content h3 {
margin: 0 0 30px;
font-family: 'HankRnd';
font-style: normal;
font-weight: 500;
font-size: 50px;
line-height: 66px;
color: #E73082;
}
.term-dates-content p {
margin: 0 0 20px;
font-family: 'HankRnd';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 34px;
color: #636363;
}
.term-dates-content ul {
margin: 0;
padding: 40px 0 30px;
}
.term-dates-content ul li {
list-style: none;
font-family: 'HankRnd';
font-style: normal;
font-weight: 400;
font-size: 26px;
line-height: 36px;
color: #000000;
position: relative;
padding: 0 0 0 60px;
margin: 0 0 30px;
}
.term-dates-content ul li:before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
height: 30px;
width: 30px;
background: url(//brownberriechildcare.co.uk/wp-content/themes/brownberrie/assets/images/list-icon.png) no-repeat center;
}
.term-dates {
padding: 200px 0px 40px;
}
.term-dates-content {
position: relative;
}
.term-dates-content:after {
content: "";
position: absolute;
right: -200px;
bottom: -200px;
height: 255px;
width: 145px;
background: url(//brownberriechildcare.co.uk/wp-content/themes/brownberrie/assets/images/Frame-1.png) no-repeat center;
}
.school-fees .section-title {
color: #009C57;
}
.school-fees .section-title:before {
left: 50%;
transform: translateX(-50%);
}
.school-fees .section-title:after {
left: 50%;
transform: translateX(-50%);
}
.school-fees-item {
width: 20%;
display: inline-block;
margin-left: -4px;
padding: 10px 10px;
}
.school-fees-box {
margin: 20px -10px 0;
}  .map-img { width: 100%;}
.map-img img { width: 100%; height: 100%;}
.map-img iframe {max-height: 100% !important;}
.getin-touch .section-title {
color: #3D2F81;
}
.getin-touch .section-title:before {
background: #A1C73A;
left: 50%;
transform: translateX(-50%);
}
.getin-touch .section-title:after {
background: #A1C73A;
left: 50%;
transform: translateX(-50%);
}
.touch-content h3 {
margin: 0 0 20px;
font-family: 'HankRnd';
font-style: normal;
font-weight: 500;
font-size: 50px;
line-height: 52px;
color: #3D2F81;
}
.touch-content p {
margin: 0;
font-family: 'HankRnd';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 25px;
color: #868686;
}
.getin-touch-img img {
width: 100%;
}
.touch-content-bar {
display: flex;
margin: 20px 0 0;
}
.touch-content-text h3 {
margin: 0 0 5px;
font-family: 'HankRnd';
font-style: normal;
font-weight: 500;
font-size: 30px;
line-height: 40px;
color: #000000;
}
.touch-content-text p {
font-family: 'HankRnd';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 20px;
color: #868686;
position: relative;
padding: 0 0 0 2px;
} .touch-content-icon {
width: 35px;
height: 35px;
padding: 0;
text-align: center;
line-height: 35px;
background: #0082BE;
border-radius: 50%;
color: #fff;
margin: 5px 0 0;
}
.touch-content-icon i {
font-family: 'FontAwesome';
}
.touch-content-text {
padding: 0 0 0 20px;
}
.touch-content-text p a {
text-decoration: none;
color: #868686;
font-size: 20px;
}
.getin-touch .title {padding: 0 0 50px;}
.getin-touch {
padding: 0 0 0;
}
.touch-content > p {
margin: 0 0 40px;
}
.policy-banner h1 span{
font-weight: normal;
}
.policy-banner .about-us-banner {
background: url(//brownberriechildcare.co.uk/wp-content/themes/brownberrie/assets/images/policy-banner.png);
background-repeat: no-repeat;
background-position: bottom center;
}
.policy-contet-main{
margin: 0px;
padding: 200px 0 0 0;
}
.policy-heading-area{
margin: 0px;
padding: 0px;
text-align: center;
}
.policy-heading-area .section-title {
color: #E32526;
}
.policy-heading-area .section-title:before {
transform: translateX(-50%);
left: 50%;
background: #50BC81;
}
.policy-heading-area .section-title:after {
left: 50%;
transform: translateX(-50%);
background: #50BC81;
}
.policy-content-block{
margin: 60px 0 0 0;
padding: 0px;
}
.policy-content-block-inner{
margin: 0px;
padding: 0px;
}
.policy-content-block-inner h3{
font-family: 'HankRnd';
font-style: normal;
font-weight: 500;
font-size: 50px;
line-height: 66px;
color: #50BC81;
margin: 0 0 18px 0;
}
.policy-content-block-inner p{
font-family: 'HankRnd';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 34px;
color: #636363;
margin: 0px;
}
.policy-list-sec{
margin: 40px 0 0 0;
padding: 0px;
}
.policy-item-block{
margin: 0px 0 20px 0;
padding: 0px;
}
.policy-item-block-inner{
margin: 0px;
padding: 22px;
background: #EEEEEE;
display: flex;
align-items: center;
}
.policy-item-block-inner span{
height: 14px;
width: 14px;
background: #E32526;
margin: 0 25px 0 0;
}
.policy-item-block-inner h4{
font-family: 'HankRnd';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 24px;
color: #000000;
margin: 0px;
}
.policy-bottom-txt{
margin: 40px 0 0 0;
padding: 0px;
}
.policy-bottom-txt p{
font-family: 'HankRnd';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 34px;
color: #636363;
}
.policy-bottom-txt p:not(last-child){
margin: 0 0 20px 0;
}
.policy-heading-area.terms .section-title {
color: #A1C73A;
}
.policy-heading-area.terms .section-title:before {
transform: translateX(-50%);
left: 50%;
background: #9D237A;
}
.policy-heading-area.terms .section-title:after {
left: 50%;
transform: translateX(-50%);
background: #9D237A;
}
.policy-content-block-inner.terms h3{
color: #9D237A;
}
.terms ul{
margin: 40px 0;
padding: 0px;
}
.terms ul li{
margin: 0 0 32px 0;
padding: 0px;
display: flex;
align-items: center;
}
.terms ul li svg{
margin: 0 30px 0 0;
}
.terms ul li p{
font-family: 'HankRnd';
font-style: normal;
font-weight: 400;
font-size: 30px;
line-height: 40px;
color: #010101;
margin: 0px;
}
.facebook-feed-heading .section-title:before {
left: 50%;
transform: translateX(-50%);
}
.facebook-feed-heading .section-title:after {
left: 50%;
transform: translateX(-50%);
}
h2.section-title.mobile-title {display: none;}
.eating-right-img.mobile-view {display: none;}
.staff-detail-img img {border-radius: 20px; width: 100% !important;height: 300px;object-fit: cover;}
.policypage-custom ul {
margin: 0;
padding: 0;
}
.policypage-custom ul li {
list-style: none;
font-family: 'HankRnd';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 24px;
color: #000000;
background: #EEEEEE;
padding: 21px 0 25px 60px;
margin: 0 0 20px;
position: relative;
}
.policypage-custom ul li:before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 22px;
width: 14px;
height: 14px;
background: #E32526;
}
.termofpage-custom ul li {
list-style: none;
font-family: 'HankRnd';
font-style: normal;
font-weight: 400;
font-size: 30px;
line-height: 40px;
color: #010101;
position: relative;
padding: 0 0 0 60px;
}
.termofpage-custom ul li:before {
content: "";
position: absolute;
top: 50%;
left: 0;
height: 30px;
width: 30px;
background: url(//brownberriechildcare.co.uk/wp-content/themes/brownberrie/assets/images/vector-listicon.png)no-repeat center;
background-size: contain;
transform: translateY(-50%);
}
.terms-condition-banner .about-us-banner {
background: url(//brownberriechildcare.co.uk/wp-content/themes/brownberrie/assets/images/terms-of-use-banner.png) no-repeat center bottom;
} .navigation-close { display: none;}
.custom-404page {
text-align: center;
padding: 50px 0 250px;
}
header.page-header.alignwide {
text-align: center;
padding: 50px 0 0;
}
.getin-touch-box .row {margin: 0;}
.getin-touch-box .row .col-lg-6 {padding: 0;}
.touch-content { padding: 0 100px 0 300px;}
.page-template-find-us-template section.contact-us-banner { padding-top: 0;}
.map-img p { margin: 0 0 -10px;} .parents-img img {
width: 100%;
border-radius: 0% 0% 100% 100%;
object-fit: cover !important;
}
.page-id-19 section.information-parents {
padding-bottom: 120px;
}
.facebook-images {
width: 80%;
margin: 0px auto;
}
.message-img > img {
width: 100% !important;
}
.contact-us-design:before {
content: "";
background-color: rgba(0,0,0,0.5);
width: 100%;
height: 100%;
position: absolute;
right: 0;
left: 0;
top: 0;
bottom: 0;
z-index: -1;
}  .term-dates-content.fees-content::after{
display: none;
}
.footer-ama a {
font-size: 12px !important;
color: #2AB9CB !important;
padding-top: 1px;
}
.footer-ama a:hover {
color: #2AB9CB !important;
}
.footer-ama img {
width: 40px;
height: auto;
}
.message-content {padding: 0 0 0 50px;}
.parents-content { padding: 0 80px 0 0;}
.cff-wrapper-ctn .cff-posts-wrap .cff-item { }
.contact-us-design .row:last-child { }
.footer-design-topimg {
position: absolute;
left: 0;
right: 0;
top: -260px;
}
.footer-design-topimg .contact-image {text-align: center;}
.cff-post-text {
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
font-size: 13px;
line-height: 22px;
} .cff-header-text h3 {
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
font-weight: 500;
font-size: 24px !important;
line-height: 36px !important;
}
.cff-page-name.cff-author-date a {
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
font-size: 14px;
line-height: 1.2;
}
.what-parents-says .parents-says-text:first-child {
padding-bottom: 10px;
}
.what-parents-says .parents-says-text p:nth-child(2) { padding-bottom: 0;}
.what-parents-says .parents-says-text {position: relative;}
.what-parents-says .parents-says-text:before {
content: "\f10d";
font-weight: 900;
font-family: "Font Awesome 6 Free";
position: absolute;
left: 0;
top: -35px;
font-size: 25px;
color: #A1C73A;
}
.what-parents-says .parents-says-text:after {
content: "\f10d";
font-weight: 900;
font-family: "Font Awesome 6 Free";
position: absolute;
left: 0;
bottom: -35px;
font-size: 25px;
transform: rotate(180deg);
color: #A1C73A;
} .staff-detail-img{
padding: 0 20px;
}
.parents-says-image .parents-right-img {display: none;}
.teachers-img img {
width: 100%;
border-radius: 18px;
height: 300px;
object-fit: cover;
}
.our-staff-slider ul.slick-dots {
margin: 0;
padding: 0 0 10px;
text-align: center;
}
.our-staff-slider ul.slick-dots li {
list-style: none;
display: inline-block;
vertical-align: middle;
margin: 0 6px;
}
.our-staff-slider ul.slick-dots li button {
width: 8px;
height: 8px;
background: #D9D9D9;
border-radius: 50%;
padding: 0;
font-size: 0;
border: none;
position: relative;
}
.our-staff-slider ul.slick-dots li.slick-active button {
background: #000000;
}
.alignright{text-align: right;float: right;}
.footer-image {
max-width: 400px;
width: 100%;
}
.footer-ama {
display: flex;
justify-content: space-between;
}
.footer-ama .footer-oth-link li a {
color: #fff !important;
font-size: 14px !important;
padding: 0;
}
.footer-ama .footer-oth-link li{
display: inline-block;
padding: 0 10px;
}
.footer-oth-link ul#menu-footer-menu {
margin: 0;
line-height: 16px;
}
.footer-ama .footer-oth-link li:first-child {
border-right: 1px solid #fff;
line-height: 14px;
}  @media only screen and (max-width: 1800px) {
.about-section:before { right: -170px;}
.map-img p {height: 100%;}
.our-staff .our-staff-heading::before {
width: 190px;
left: -160px;
height: 150px;
}
}
@media only screen and (max-width: 1700px) {
.about-section:before { right: -100px;}
.vision-mission-bar:before {
left: -130px;
bottom: -120px;
width: 208px;
height: 151px;
background-size: contain;
}
.term-dates-content:after {
right: -110px;
bottom: -150px;
height: 165px;
width: 95px;
background-size: contain;
}
.terms-dates-fees .about-us-banner {
background-size: contain;
background-position: bottom;
background-repeat: no-repeat;
}
.find-us .about-us-banner {background-size: 85%;}
.find-us .about-us-banner:after {
height: 200px;
width: 220px;
background-size: contain;
}
.about-text ul {width: 100%;}
.touch-content { padding: 0 50px 0 150px;}
.our-staff .our-staff-heading::before {left: -140px;}
}
@media only screen and (max-width: 1600px) {
.eating-right-img img {
width: 100%;
}
.eating-right-img {
position: absolute;
top: -100px;
right: 10px;
max-width: 52%;
}
.about-us-banner { background-size: 85%;}
.vision-mission-bar:before {left: -80px;}
.staff .about-us-banner {background-size: contain;}
.term-dates-content:after {right: -60px;}
.policy-banner .about-us-banner {background-size: 85%;}
.terms-condition-banner .about-us-banner {background-size: 85%;}
.our-staff .our-staff-heading::before {
left: -80px;
width: 130px;
height: 100px;
} 
}
@media only screen and (max-width: 1500px) {
.about-section:before { right: 0px;}
section.about-us {height: 520px;}
.vision-mission-bar:before { left: -30px;}
.find-us .about-us-banner:after {right: 0;}    
.touch-content {padding: 0 50px 0 50px;}
.our-staff .our-staff-heading::before {left: -40px;}
}
@media only screen and (max-width: 1400px) {
.about-topimg img { width: 100%;}
.contact-image img { width: 100%;}
.banner {background-size: contain;}
.about-img img { width: 100%;}
.parents-say-content {top: 0;}
.parents-says-details {padding: 30px;}
.our-box {
padding: 30px 25px 25px;
}
.vision-mission-bar:before {
left: -70px;
}
.eating-right-img { top: -70px;}
.eating-box {padding: 25px;}
.message-img > img {
width: 100%;
}
.teachers-img img {
width: 100%;
}
.term-dates {padding: 150px 0;}
.term-dates-content:after {
right: -50px;
bottom: -120px;
height: 115px;
width: 65px;
} .what-parents-says .parents-says-details {padding-top: 40px;}
}
@media only screen and (max-width: 1300px) {
.banner-content h1 {
font-size: 90px;
line-height: 100px;
}
section.Facebook.Feed {
padding-top: 150px;
}
section.what-parents-says {
padding: 150px 0px;
}
.staff-detail-img img {
width: 100% !important;
}
.our-staff-text h3 {
font-size: 22px;
line-height: 24px;
}
section.contact-us-banner {padding-top: 150px;}
.about-text h1 {
font-size: 90px;
line-height: 92px;
}
section.vision-mission {
padding: 150px 0 150px;
}
.vision-mission-bar:before {
left: -20px;
bottom: -80px;
width: 158px;
height: 101px;
} 
.information-parents {padding: 230px 0 150px;}
.healthy-eating { padding: 210px 0 0;}
.our-teachers {
padding: 150px 0 150px;
}
.message-img:before {
bottom: -20px;
left: -20px;
}
.message-img:after {
bottom: -60px;
left: -40px;
height: 124px;
width: 108px;
background-size: contain;
}
.policy-contet-main { padding: 150px 0 0 0;}
.termofpage-custom ul li { font-size: 26px; line-height: 36px;}
.map-img iframe {max-height: 600px !important;}
}
@media only screen and (max-width: 1200px) {
.parents-says-text h3 {
font-size: 24px;
line-height: 26px;
}
.our-staff-text h3 {
font-size: 18px;
line-height: 22px;
}
.contact-us-design .row:first-child {
padding-top: 100px;
}
.contact-us-text h3 {
font-size: 60px;
line-height: 60px;
}
.footer-design-section .row {padding-top: 80px;}
.parents-img img {
width: 100%;
}
section.about-us {
height: 450px;
}
.our-box {
padding: 20px 15px 15px;
}
.our-content h3 {
font-size: 22px;
line-height: 35px;
}
.vision-mission-bar:before {
left: -40px;
bottom: -90px;
}
.eating-box {
padding: 15px;
}
.eating-icon {
width: 70px;
height: 70px;
line-height: 65px;
}
.teachers-box {
padding: 45px;
}
.find-us .about-us-banner:after {
height: 150px;
width: 130px;
} .policy-content-block-inner h3 {
font-size: 40px;
line-height: 54px;
}
.parents-content {padding: 0 20px 0 0;}
.message-content {padding: 0 0 0 30px;}
.footer-design-topimg {
top: -150px;
}
.footer-image img {
width: 265px;
}
}
@media only screen and (max-width: 1100px) {
.main-header-sec .navbar { padding: 30px 0 0;}
.banner-content h1 {
font-size: 80px;
line-height: 90px;
}
.banner { padding: 70px 0 360px;}
.about-box {padding: 40px;}
.section-title {
font-size: 50px;
line-height: 50px;
}
.about-box { background-size: 18%;}
.about-content p {margin: 10px 0 0;}
.about-section:before {
bottom: -120px;
width: 100px;
height: 133px;
background-size: contain;
}
section.Facebook.Feed {
padding-top: 100px;
}
section.what-parents-says {
padding: 100px 0px;
}
section.what-parents-says .row {
padding-top: 50px;
}
section.contact-us-banner {
padding-top: 100px;
}
.footer-design-section { padding: 50px 0px;}
.footer-design-section .row {
padding-top: 100px;
}
.copyright-section {
padding-top: 40px;
margin-top: 40px;
} .parents-says-text:first-child {
padding-bottom: 0;
}
section.vision-mission {
padding: 100px 0 100px;
}
.information-parents {
padding: 180px 0 100px;
}
.information-parents:after {
bottom: -110px;
}
.information-parents:before { top: -60px;}
.our-teachers {
padding: 100px 0 100px;
}
.message-from {padding: 100px 0;}
.term-dates { padding: 100px 0;}
.term-dates-content h3 {font-size: 40px;line-height: 56px;}
.term-dates-content ul li { font-size: 24px;line-height: 34px;}
.term-dates-content:after {right: 0;} 
.touch-content > p { margin: 0 0 20px;}
.policy-contet-main {padding: 100px 0 0 0;}
.policy-content-block { margin: 20px 0 0 0;}
.touch-content { padding: 0 20px 0 40px;}
.cff-wrapper-ctn .cff-posts-wrap .cff-item { width: 32.9% !important;}
.footer-design-topimg {top: -190px;}
}
@media only screen and (max-width: 991px) {
.main-header-sec .navbar {
padding: 15px 0 15px;
}
.header-box .navbar-collapse:before {display: none;}
.banner-content h1 {
font-size: 60px;
line-height: 70px;
margin: 10px 0 0;
} 
.banner-content p {
margin: 50px 0 40px;
}
.about-section { margin: -200px 0 0;}
.banner {
padding: 50px 0 200px;
}
.about-box {
padding: 20px;
}
.section-title {
font-size: 42px;
line-height: 40px;
}
.section-title:before { width: 150px;}
.section-title:after {
left: 25%;
width: 50px;
}
.about-section:before {
bottom: -80px;
width: 70px;
height: 93px;
}
.facebook-feed-heading p {max-width: 100%;}
section.Facebook.Feed {
padding-top: 80px;
}
section.what-parents-says {
padding: 80px 0px;
}
.parents-says-image img {
width: 100%;
}
section.what-parents-says .row {
padding-top: 40px;
}
.our-staff::before { height: 20%;}
.our-staff-text { padding-top: 20px;}
section.contact-us-banner {padding-top: 80px;}
.contact-us-design .row:first-child {
padding-top: 80px;
}
.contact-us-text p { max-width: 100%;}
a.contact-btn { display: inline-block;}
.footer-design-section {
background-repeat: no-repeat;
background-size: contain;
}
.footer-design-section:before {
content: "";
position: absolute;
top: 298px;
bottom: 0;
left: 0;
right: 0;
background: #0082be;
z-index: -1;
} .social-media-details {
padding-top: 10px;
padding-bottom: 30px;
}
.footer-design-section h3 {
padding-bottom: 15px;
}
.footer-design-section ul li {
padding-bottom: 0;
}
.footer-design-section .col-lg-4:last-child .socila-nav ul {
padding-top: 0;
margin: 0;
}
.footer-design-section {
padding: 30px 0px;
}
a.contact-btn {
font-size: 18px;
line-height: 22px;
padding: 20px;
}
.contact-us-text h3 {
font-size: 50px;
line-height: 50px;
}
a.navbar-brand {
text-align: left;
}
a.navbar-brand img.img-fluid {
width: 58%;
}
.banner-content p br {display: none;}
.header-box {position: relative;}
.header-box .navbar-toggler {
position: absolute;
top: 25px;
right: 0;
border: none;
padding: 0;
}
.header-box .navbar-toggler:focus {
box-shadow: none;
}  .navbar-collapse {
padding: 60px 0 30px 60px;
position: fixed !important;
height: 100%;
bottom: 0;
top: 0;
left: 0;
right: 0;
transform: translateX(100%);
display: block!important;
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s,-webkit-transform .3s;
background: rgba(0, 130, 190, 0.92);
z-index: 111;
}
.navbar-collapse.show {
transform: translateX(0%);
}
.main-header-sec .navbar-expand-lg .navbar-nav .nav-link {color: #fffc;}
.main-header-sec .navbar-expand-lg .navbar-nav .active .nav-link {color: #fff;}
.header-box .navbar-collapse {
padding: 100px 0 0;
margin: 0 0 0;
border: 1px solid #0082BE;
border-radius: 0;
}
.main-header-sec .navbar-expand-lg .navbar-nav .nav-item {
margin: 0; padding: 15px 0;
}
.main-header-sec .navbar-expand-lg .navbar-nav .nav-item:last-child {
border-bottom: none;
padding-bottom: 0;
}
.main-header-sec .navbar-expand-lg .navbar-nav .nav-item:first-child {
padding-top: 0;
}
section.about-us {
height: 300px;
}
.about-text h1 {
font-size: 72px;
line-height: 74px;
}
section.vision-mission {
padding: 80px 0 80px;
}
.our-icon {
width: 90px;
height: 90px;
line-height: 85px;
}
.our-box {
padding: 15px 15px 15px;
}
.our-content h3 {
font-size: 20px;
line-height: 26px;
}
.our-content p {
font-size: 16px !important;
line-height: 150.5%;
}
.healthy-content p , .eating-content p , .parents-content p{
font-size: 16px !important;
line-height: 150.5%; 
}
.information-parents:before {
top: -10px;
height: 80px;
background-size: contain;
background-position: top;
}
.information-parents:after {
bottom: -50px;
background-size: contain;
background-position: top;
height: 75px;
}
.information-parents {
padding: 130px 0 50px;
}
.eating-box {
padding: 10px;
}
.eating-content h3 {
margin: 20px 0 15px;
}
.eating-content p {
font-size: 17px;
line-height: 26px;
}
.eating-right-img {
top: -30px;
}
.healthy-eating {
padding: 100px 0 0;
}
.vision-mission-bar:before {left: -20px;}
.our-teachers {
padding: 80px 0 80px;
}
.title p br {display: none;}
.teachers-box {
padding: 15px;
}
.teachers-content h3 {
font-size: 20px;
line-height: 22px;
}
.message-img-icon img {
width: 150px;
}
.message-img-icon {top: -120px;}
.message-img:before {display: none;}
.message-img:after {display: none;}
.message-from:after {display: none;} 
.message-content { background: #A1C73A;padding: 100px 40px 60px;}
.message-img {
padding: 0 30px;
margin: 0 0 -60px;
}
.message-img-icon {right: 45px;}
.message-from { padding: 80px 0 0;}
.message-content .section-title:after {left: 11%;}
.about-text ul {width: 100%;}
.term-dates {padding: 80px 0;}
.term-dates-content h3 { font-size: 30px; line-height: 44px;}
.term-dates-content p { font-size: 18px; line-height: 32px;}
.term-dates-content ul { padding: 20px 0 20px;}
.term-dates-content:after {
bottom: -50px;
height: 85px;
width: 45px;
}
.find-us .about-text h1 {
font-size: 52px;
line-height: 62px;
}
.about-text ul li {margin: 0 10px;}
.find-us .about-us-banner:after {
height: 100px;
width: 90px;
}
.getin-touch { padding: 80px 0 0;}
.getin-touch .title {
padding: 0 0 30px;
}
.touch-content h3 {
font-size: 40px;
line-height: 42px;
}
.touch-content-text h3 {
font-size: 26px;
line-height: 36px;
}
.getin-touch-img {
padding: 50px 0 0;
}
.touch-content > p {
margin: 0 0 40px;
}
.policy-contet-main {
padding: 80px 0 0 0;
}
.policy-banner .about-text h1 {
font-size: 60px;
line-height: 62px;
}
.policy-content-block-inner h3 {
font-size: 34px;
line-height: 46px;
}
.policy-content-block-inner p {
font-size: 18px;
line-height: 32px;
}
.policy-bottom-txt p {
font-size: 18px;
line-height: 32px;
}
.policypage-custom ul li{
font-size: 22px;
line-height: 22px;
}
.message-content .section-title {font-size: 42px;line-height: 48px;}
.page-id-109 .policy-bottom-txt {margin: 0;}
.termofpage-custom ul li {
font-size: 22px;
line-height: 28px;
padding: 0 0 0 50px;
margin: 0 0 25px 0;
}
.navigation-close {
display: block;
position: absolute;
right: 26px;
top: 26px;
cursor: pointer;
}
.map-img {margin: 50px 0 0;}
.navigation-close svg {fill: #fff;}
.main-header-sec .navbar-expand-lg .navbar-nav .nav-link {font-size: 26px;line-height: 32px;}
.map-img iframe { max-height: 500px !important;}
.parents-content {padding: 0;}
.page-id-19 section.information-parents { padding-bottom: 60px;}
.cff-wrapper-ctn .cff-posts-wrap .cff-item { width: 49.5% !important;}
.footer-design-topimg {top: -185px;}
.our-staff .our-staff-heading::before {
left: -30px;
width: 100px;
height: 80px;
}
.parents-says-image {position: relative; padding: 0 30px;}
.parents-says-image .parents-right-img {
display: block;
text-align: right;
position: absolute;
top: -150px;
right: 20px;
}
.what-parents-says .parents-says-details {
padding-top: 100px;
position: relative;
margin-top: -50px;
z-index: -1;
}
.parents-say-content .parents-right-img {display: none;}
.parents-says-image .parents-right-img img {width: auto;}
.footer-ama .footer-oth-link li a{
font-size: 13px !important;
}
.footer-ama .footer-oth-link li {    
padding: 0 8px;
}
}
@media only screen and (max-width: 767px) {
.bottom-footer.copyright-section {
flex-direction: column;
align-items: center;
}
.footer-ama {
margin-top: 14px;
}
.footer-ama a img {
width: 35px;
}
.ofsted-icon img {
width: 150px;
}
.banner-content h1 {
font-size: 30px;
line-height: 40px;
margin: 10px 0 0;
}
.banner-content p {
margin: 30px 0 30px;
padding: 0 20px;
font-size: 16px;
line-height: 30px;
}
.button {
height: 52px;
line-height: 52px;
font-size: 17px;
padding: 0 50px 0 26px;
}
.button:before {right: 20px;}
.about-box {
padding: 25px 0;
margin: 0 !important;
}
.about-content {
padding: 20px 0 0;
}
h2.section-title.mobile-title {display: block;text-align: center;}
h2.section-title.desktop-title {display: none;}
.about-section .section-title:before {
left: 50%;
transform: translateX(-50%);
}
.about-section .section-title:after {
left: 50%;
transform: translateX(-50%);
}
.about-box {
background-size: 20%;
}
.about-section:before {
bottom: -70px;
width: 50px;
height: 63px;
}
section.Facebook.Feed {
padding-top: 60px;
}
section.what-parents-says .row {
padding-top: 0;
}
.section-title {
font-size: 30px;
line-height: 32px;
}
section.what-parents-says .section-title:after {
left: 11%;
}
.banner-content h1:before {bottom: -20px;}
.banner-content h1:after {bottom: -22px;}
.our-staff::before {
background: url(//brownberriechildcare.co.uk/wp-content/themes/brownberrie/assets/images/Frame.png) no-repeat;
background-size: contain;
height: 13%;
left: 10px;
top: 40px;
}
.parents-right-img {
display: none;
}
.parents-says-details {
padding: 20px;
margin: 30px 0 0;
}
section.what-parents-says {
padding: 60px 0px;
}
section.contact-us-banner {
padding-top: 60px;
}
.contact-us-text h3 {
font-size: 40px;
line-height: 40px;
}
.contact-us-design .row:first-child {
padding-top: 60px;
padding-bottom: 40px;
}
a.contact-btn {
font-size: 15px;
line-height: 22px;
padding: 15px 20px;
}
.contact-us-design .row:last-child {padding-bottom: 0;}
.footer-design-section .row {
padding-top: 50px;
}
.copyright-section {
padding-top: 30px;
margin-top: 30px;
}
.footer-design-section {
padding: 20px 0px;
}
.contact-us-design { height: 575px;}
section.what-parents-says , .our-staff , .contact-us-design , .footer-design-section {padding-right: 5px;padding-left: 5px;}
.header-box .navbar-toggler { top: 12px;}
section.about-us {height: 220px;}
.about-text h1 {
font-size: 52px;
line-height: 54px;
}
.about-text ul li {margin: 0 10px;}
section.vision-mission {
padding: 60px 0 60px;
}
.vision-mission-bar div:first-child .our-box {
margin: 10px 0 0;
}
.vision-mission-bar div:last-child .our-box {
margin: 30px 0 0;
}
.vision-mission-bar:before {
left: 20px;
bottom: -40px;
width: 88px;
height: 61px;
}
.our-box {
padding: 40px;
}
.information-parents {
padding: 100px 0 70px;
}
.parents-img {
padding: 50px 0 0;
}
.eating-bar div:nth-child(2) .eating-box {
margin-top: 0;
}
.eating-bar div:nth-child(3) .eating-box {
margin-top: 0;
}
.eating-box {
padding: 40px;
background: #FFFFFF;
box-shadow: 0px 10px 30px rgb(0 0 0 / 10%);
border: none;
margin: 40px !important;
}
.eating-right-img.mobile-view {display: block;}
.eating-right-img.desktop-view {display: none;}
.healthy-content {
position: relative;
} 
.eating-right-img {
top: -40px;
max-width: 42%;
} 
.staff-detail-img img {
border-radius: 20px;
}
.our-staff-slider {
padding: 0 35px;
}
.our-staff-slider ul.slick-dots {
margin: 0;
padding: 0 0 10px;
text-align: center;
}
.our-staff-slider ul.slick-dots li {
list-style: none;
display: inline-block;
vertical-align: middle;
margin: 0 6px;
}
.our-staff-slider ul.slick-dots li button {
width: 8px;
height: 8px;
background: #D9D9D9;
border-radius: 50%;
padding: 0;
font-size: 0;
border: none;
position: relative;
}
.our-staff-slider ul.slick-dots li.slick-active button {
background: #000000;
}
.our-staff-slider ul.slick-dots li.slick-active button:before {
content: "";
position: absolute;
top: -4px;
bottom: -4px;
right: -4px;
left: -4px;
border: 1px solid #000;
border-radius: 50%;
}
.eating-bar ul.slick-dots {
margin: 0;
padding: 0 0 10px;
text-align: center;
}
.eating-bar ul.slick-dots li {
list-style: none;
display: inline-block;
vertical-align: middle;
margin: 0 6px;
}
.eating-bar ul.slick-dots li button {
width: 8px;
height: 8px;
background: #D9D9D9;
border-radius: 50%;
padding: 0;
font-size: 0;
border: none;
position: relative;
}
.eating-bar ul.slick-dots li.slick-active button {
background: #000000;
}
.eating-bar ul.slick-dots li.slick-active button:before {
content: "";
position: absolute;
top: -4px;
bottom: -4px;
right: -4px;
left: -4px;
border: 1px solid #000;
border-radius: 50%;
}
.eating-icon img {display: inline-block !important;}
.our-icon img {display: inline-block !important;}
.vision-mission-bar .our-box {margin:40px !important;}
.vision-mission-bar ul.slick-dots {
margin: 0;
padding: 0 0 10px;
text-align: center;
}
.vision-mission-bar ul.slick-dots li {
list-style: none;
display: inline-block;
vertical-align: middle;
margin: 0 6px;
}
.vision-mission-bar ul.slick-dots li button {
width: 8px;
height: 8px;
background: #D9D9D9;
border-radius: 50%;
padding: 0;
font-size: 0;
border: none;
position: relative;
}
.vision-mission-bar ul.slick-dots li.slick-active button {
background: #000000;
}
.vision-mission-bar ul.slick-dots li.slick-active button:before {
content: "";
position: absolute;
top: -4px;
bottom: -4px;
right: -4px;
left: -4px;
border: 1px solid #000;
border-radius: 50%;
}
.our-teachers {
padding: 60px 0 60px;
}
.teachers-box {
background: #FFFFFF;
box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15);
border-radius: 8px;
border: none;
padding: 30px;
margin: 35px;
}
.our-teachers .title {
padding: 0;
}
.our-teachers-bar ul.slick-dots {
margin: 0;
padding: 0 0 10px;
text-align: center;
}
.our-teachers-bar ul.slick-dots li {
list-style: none;
display: inline-block;
vertical-align: middle;
margin: 0 6px;
}
.our-teachers-bar ul.slick-dots li button {
width: 8px;
height: 8px;
background: #D9D9D9;
border-radius: 50%;
padding: 0;
font-size: 0;
border: none;
position: relative;
}
.our-teachers-bar ul.slick-dots li.slick-active button {
background: #000000;
}
.our-teachers-bar ul.slick-dots li.slick-active button:before {
content: "";
position: absolute;
top: -4px;
bottom: -4px;
right: -4px;
left: -4px;
border: 1px solid #000;
border-radius: 50%;
}
.message-img-icon img {
width: 110px;
}
.message-img-icon {
right: 25px;
top: -95px;
}
.message-from {
padding: 60px 0 0;
}
.terms-dates-fees .about-text h1 {
font-size: 42px;
line-height: 44px;
}
.term-dates {
padding: 60px 0;
}
.term-dates-content h3 {
font-size: 24px;
line-height: 34px;
margin: 0 0 20px;
}
.term-dates-content p {line-height: 30px;}
.term-dates-content ul li {
font-size: 20px;
line-height: 30px;
padding: 0 0 0 40px;
margin: 0 0 20px;
} 
.term-dates-content:after {
bottom: -80px;
height: 65px;
width: 35px;
}
.find-us .about-text h1 {
font-size: 32px;
line-height: 32px;
}
.find-us .about-us-banner:after {
height: 60px;
width: 60px;
}
.getin-touch {
padding: 60px 0 0;
}
.getin-touch .title {
padding: 0;
}
.touch-content h3 {
font-size: 32px;
line-height: 32px;
}
.getin-touch-img {
padding: 30px 0 0;
}
.touch-content-text h3 {
font-size: 24px;
line-height: 34px;
}
.policy-banner .about-text h1 {
font-size: 40px;
line-height: 42px;
}
.policy-contet-main {
padding: 60px 0 0 0;
}
.policy-content-block-inner h3 {
font-size: 26px;
line-height: 36px;
}
.policy-content-block-inner p {
font-size: 17px;
line-height: 28px;
}
.policy-bottom-txt p {
font-size: 17px;
line-height: 28px;
}
.policypage-custom ul li {
font-size: 18px;
line-height: 20px;
padding: 20px 0 24px 40px;
margin: 0 0 20px;
}
.policypage-custom ul li:before {left: 12px;}
.message-content .section-title {font-size: 30px;line-height: 32px;}
.termofpage-custom ul li:before {height: 20px;width: 20px;}
.termofpage-custom ul li {
font-size: 16px;
line-height: 22px;
padding: 0 0 0 30px;
margin: 0 0 15px 0;
}
.find-us {flex-direction: column;}
section.about-us.find-us {height: auto;}
.find-us .about-us-banner { width: 100%; height: 220px;}
.map-img {width: 100%;}
.map-img p iframe {max-height: 350px !important;}
.header-box .navbar-collapse {padding: 80px 0 0 20px;}
.touch-content {padding: 0 20px 0 20px;}
.message-content { padding: 100px 30px 50px;}
.footer-design-section:before { top: 186px;}
.cff-wrapper-ctn .cff-posts-wrap .cff-item { width: 100% !important;}
.facebook-images { width: 100%;}
.footer-design-topimg { top: -105px;}
.our-staff .our-staff-heading::before { left: 0;}
.parents-says-image { padding: 50px 20px 0;}
.parents-says-image .parents-right-img {top: -40px;}
.parents-says-image .parents-right-img img { width: 130px;}
.footer-ama .footer-oth-link li a{
font-size: 12px !important;
}
}
@media only screen and (max-width: 479px) {
.alignright{width: 100%;} 
.footer-design-topimg { top: -78px;}
.ofsted-icon img {
width: 100px;
}
.banner-content h1 {
font-size: 26px;
line-height: 28px;
}
.banner-content p {
font-size: 16px;
line-height: 24px;
}
.button {
height: 48px;
line-height: 48px;
font-size: 14px;
padding: 0 40px 0 20px;
}
.button:before {
right: 12px;
height: 20px;
width: 20px;
background-size: contain;
}
.about-section {
margin: -110px 0 0;
}
.banner {
padding: 15px 0 120px;
}
.section-title {
font-size: 20px;
line-height: 22px;
margin: 0 0 35px;
}
.section-title:before {
width: 70px;
bottom: -15px;
}
.section-title:after {
width: 30px;
bottom: -17px;
}
.about-box {
padding: 20px 0;
}
.about-content p {
font-size: 16px;
line-height: 170%;
margin: 50px 0 0;
}
.about-box {
background-size: 25%;
}
.about-section:before {bottom: -60px;}
section.Facebook.Feed {
padding-top: 40px;
}
.facebook-feed-heading p {
font-size: 16px;
line-height: 26px;
}
section.what-parents-says {
padding: 40px 0px;
}
section.what-parents-says .section-title:after {
left: 7%;
}
section.what-parents-says::before {display: none;}
.parents-text-para p {
font-size: 16px;
line-height: 25px;
}
.parents-says-text h3 {
font-size: 18px;
line-height: 24px;
}
.parents-says-text p {
font-size: 16px;
line-height: 24px;
}
.parents-says-text p:nth-child(2) {
padding-bottom: 20px;
}
.our-staff-heading .section-title:before {left: 50%;transform: translateX(-50%);}
.our-staff-heading .section-title:after {left: 50%;transform: translateX(-50%);}
.our-staff::before {top: 19px;}
.staff-detail-img img {border-radius: 20px;}
.our-staff {
padding-left: 20px;
padding-right: 20px;
}
.our-staff-text h3 {
font-size: 20px;
}
.contact-us-design .row:first-child {
padding-top: 40px;
padding-bottom: 45px;
}
.contact-us-text h3 {
font-size: 26px;
line-height: 30px;
}
.contact-us-text p {
font-size: 16px;
line-height: 24px;
padding-top: 10px;
}
a.contact-btn {
font-size: 14px;
line-height: 20px;
padding: 13px 17px;
}
a.contact-btn svg {
height: 16px;
width: 16px;
margin: -2px 0 0;
}
.contact-us-design {
height: 465px;
}
.footer-design-section .row {
padding-top: 35px;
}
.footer-design-section { margin-top: -130px;}
p {
font-size: 15px;
line-height: 24px;
}
.socila-nav li a {
font-size: 16px;
line-height: 24px;
}
.footer-design-section h3 {
padding-bottom: 10px;
} 
.footer-design-section ul li a { padding-bottom: 10px;} .copyright-section {
padding-top: 20px;
margin-top: 20px;
}
.copyright-section p {
font-size: 12px;
line-height: 12px;
margin-bottom: 0;
}
.header-box .navbar-toggler {
top: 7px;
} .main-header-sec .navbar-expand-lg .navbar-nav .nav-item {padding: 10px 0;}
.our-staff-slider {
padding: 0 15px;
}
.vision-mission-bar .our-box {
margin: 30px !important;
}
.our-teachers {padding: 40px 0 40px;}
.title p {
font-size: 16px;
line-height: 24px;
}
.message-img {padding: 0 20px;}
.message-content .section-title {
font-size: 20px;
line-height: 24px;
margin: 0 0 10px;
}
.message-content { padding: 70px 20px 40px;}
.message-img { margin: 0 0 -50px;}
.message-img-icon img { width: 75px;}
.message-img-icon { right: 20px; top: -65px;}
.message-from { padding: 40px 0 0;}
.message-content p {font-size: 16px;line-height: 160%;}
.terms-dates-fees .about-text h1 { font-size: 32px; line-height: 30px;}
.term-dates { padding: 40px 0;}
.term-dates-content h3 {
font-size: 18px;
line-height: 24px;
margin: 0 0 15px;
}
.term-dates-content p {
margin: 0 0 10px;
font-size: 15px;
line-height: 24px;
}
.term-dates-content ul li:before {
height: 20px;
width: 20px;
background-size: contain;
}
.term-dates-content ul li {
font-size: 18px;
line-height: 24px;
padding: 0 0 0 30px;
margin: 0 0 15px;
}
.school-fees-item {
padding: 5px 5px;
}
.school-fees-box {
margin: 0 -5px 0;
}
.term-dates-content:after {
bottom: -90px;
height: 55px;
width: 30px;
}
.find-us .about-text h1 {
font-size: 28px;
line-height: 28px;
} 
.about-text ul li a {font-size: 15px;}
.getin-touch { padding: 40px 0 0;}
.touch-content h3 {
font-size: 22px;
line-height: 22px;
margin: 0 0 10px;
}
.touch-content p {
font-size: 16px;
line-height: 24px;
}
.touch-content-text h3 {
font-size: 20px;
line-height: 20px;
}
.touch-content-icon {
padding: 0px 0 0;
}
.getin-touch-img {
padding: 20px 0 0;
}
.touch-content-text p {
font-size: 13px;
line-height: 20px;
}
.policy-banner .about-text h1 {
font-size: 32px;
line-height: 36px;
}
.policy-content-block-inner h3 {
font-size: 18px;
line-height: 24px;
}
.policy-content-block-inner p {
font-size: 15px;
line-height: 24px;
}
.policy-bottom-txt p {
font-size: 15px;
line-height: 24px;
}
.policypage-custom ul li {
font-size: 12px;
line-height: 16px;
padding: 10px 5px 14px 25px;
margin: 0 0 10px;
}
.policypage-custom ul li:before {
left: 7px;
width: 7px;
height: 7px;
}
.about-text h1 {
font-size: 42px;
line-height: 44px;
}
.policy-bottom-txt p:not(last-child) {
margin: 0 0 10px 0;
}
.termofpage-custom ul li {
font-size: 15px;
line-height: 20px;
}
.terms ul { margin: 30px 0;}
.map-img p iframe { max-height: 265px !important;}
.map-img { margin: 30px 0 0;}
.footer-image img{ width: 100% !important;}
.header-box {text-align: left;}
a.navbar-brand img.img-fluid {width: 66%;}
.message-content p {margin: 40px 0 0;}
.message-content p:before {top: -25px;}
.message-content p:after {bottom: -25px;}
.footer-design-section:before { top: 145px;}
.our-staff .our-staff-heading::before {
left: -20px;
width: 70px;
height: 60px;
top: 15px;
}
.parents-says-image .parents-right-img {
top: -25px;
}.parents-says-image .parents-right-img img {
width: 110px;
}
.footer-ama .footer-oth-link li a{
font-size: 12px !important;
}
.footer-ama {
display: flex;
justify-content: space-between;
flex-direction: column;
align-items: center;
gap: 14px;
}
}