@font-face {
font-family: 'sabotage_solidsolid';
src: url(//littlelearners.co.za/wp-content/themes/redbracket/fonts/pintassilgoprints_-_sabotage_solid-webfont.woff) format('woff'),
url(//littlelearners.co.za/wp-content/themes/redbracket/fonts/pintassilgoprints_-_sabotage_solid-webfont.ttf) format('truetype'),
url(//littlelearners.co.za/wp-content/themes/redbracket/fonts/pintassilgoprints_-_sabotage_solid-webfont.eot);
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'dom_casualregular';
src: url(//littlelearners.co.za/wp-content/themes/redbracket/fonts/domcasual-webfont.woff) format('woff'),
url(//littlelearners.co.za/wp-content/themes/redbracket/fonts/domcasual-webfont.ttf) format('truetype'),
url(//littlelearners.co.za/wp-content/themes/redbracket/fonts/domcasual-webfont.eot);
font-weight: 400;
font-style: normal;
font-display: swap;
}
html {
width:100%;
height:100%;
padding:0;
margin:0
}
body {
width:100%;
height:100%;
margin:0;
padding:0;
font-family:'Open Sans',
sans-serif;
color:#000;
background-color:#7fd1f5
}
body.custom-background {
background-color:#7fd1f5!important
}
.abs {
position:absolute
}
.rltv {
position:relative
}
.clearf {
clear:both;
display:table
}
.left {
float:left
}
.right {
float:right
}
.is-hidden {
display:none
}
.rednao_label_container {
height:5px!important
}
.post-content a:link {
color:#38a3f0;
text-decoration:none
}
.post-content a:hover {
color:#FFEA66
}
.post-content a:visited {
color:#D1EFFC
}
@media only screen and (min-width: 250px) and (max-width: 480px) {
h1,
h2 {
font-family:sabotage_solidsolid;
font-weight:400;
text-shadow:2px 2px 0 rgba(255,
255,
255,
1);
display:block;
margin-left:17px;
margin-bottom:10px
}
h1 a,
h2 a {
font-family: sabotage_solidsolid;
font-weight: 400;
text-decoration: none;
text-shadow: 2px 2px 0 rgba(255, 255, 255, 1);
display: block
}
h1 {
font-size: 22px;
text-align: center;
margin-top: 80px
}
input {
border: none!important
}
input[type=text] {
border: 0!important
}
#menu-small {
width: 80%;
top: 40px;
right: 0;
position: absolute;
display: block;
z-index: 1000
}
#menu-small-button {
margin: 0 0 0 40%;
position: relative;
cursor: pointer
}
#menu-small-button img {
margin-left: 10px;
position: relative
}
.coloured-btn-menu {
width: 50%;
padding: 2%;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
background: #7FD1F5;
margin-right: 2%;
position: relative
}
.coloured-btn-inner-menu {
padding: 4% 0;
border: 2px dotted #fff;
text-align: center;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
font-family: sabotage_solidsolid;
color: #000;
font-size: 25px;
line-height: 100%;
text-decoration: none;
display: block
}
#menu-small-content {
padding: 3%;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
background: #7FD1F5;
position: relative;
display: none
}
.menu-menu-1-container ul {
font-family: sabotage_solidsolid;
list-style: none;
text-align: center;
padding: 0;
margin: 0
}
.menu-menu-1-container ul li {
padding: 0 0 7px;
margin: 0 0 10px;
background: url(//littlelearners.co.za/wp-content/themes/redbracket/images/menu-link-underline-1.png) center 100% no-repeat
}
.menu-menu-1-container ul li a {
color: #000;
font-size: 24px;
text-decoration: none;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 1)
}
.menu-menu-1-container ul li a:hover,
.menu-menu-1-container ul li.current-menu-item a {
color: #FAC131
}
#main-header {
width: 100%;
height: 80px;
z-index: 1;
background: url(//littlelearners.co.za/wp-content/themes/redbracket/images/bg-small.png) no-repeat
}
#inner-header {
width: 100%;
height: inherit;
margin: 0 auto;
overflow: visible
}
#logo {
width: 135px;
left: 4px
}
#logo img {
max-width: 80%
}
#social-links {
background: 0 0;
float: left!important;
top: -15px;
left: 180px;
position: absolute
}
.social {
margin-top: 20px;
margin-right: 10px
}
#header-phone,
#newsletter {
display: none
}
#main-wrapper {
width: 100%;
margin: 0 auto
}
#main-content {
width: 98%;
padding: 40px 1% 1%;
display: block;
float: right;
background: #9fdcf7;
-webkit-border-radius: 22px;
-moz-border-radius: 22px;
border-radius: 22px
}
.inner-content {
min-height: 80px;
border: 3px dotted #fff;
top: -5px;
position: relative;
-webkit-border-bottom-right-radius: 17px;
-webkit-border-bottom-left-radius: 17px;
-moz-border-radius-bottomright: 17px;
-moz-border-radius-bottomleft: 17px;
border-bottom-right-radius: 17px;
border-bottom-left-radius: 17px
}
.post-content {
width: 95%;
margin-bottom: 20px;
position: relative
}
article h2 {
display: none!important
}
.inner-content p {
margin: 12px 0 0 17px;
font-size: 14px;
line-height: 120%
}
.inner-content ul li {
font-size: 14px;
margin-left: -10px;
text-indent: 0
}
#image-content {
width: 100%;
display: table;
margin: 0
}
#home-cloud1 {
top: 10px;
left: 35px;
position: relative
}
#home-cloud2 {
top: 40px;
right: -10px;
position: relative
}
#home-cloud3 {
top: 10px;
left: 30px;
position: relative
}
#home-flyer {
top: 20px;
right: 5px;
margin-left: 25px;
position: relative
}
#home-baby {
margin-bottom: -13px;
position: relative;
max-width: 140px!important;
float: right
}
#aboutus-cloud1 {
top: 30px;
margin-left: 40px;
max-width: 100px;
position: relative
}
#aboutus-cloud2 {
top: 5px;
left: 0;
position: relative
}
#aboutus-cloud3 {
top: 50px;
left: 0;
position: relative
}
#aboutus-bee {
top: 10px;
left: 50px;
position: relative;
max-width: 60%!important
}
#aboutus-baby {
margin-bottom: -13px;
position: relative;
max-width: 140px!important;
float: right
}
#facilities-cloud1 {
top: 100px;
margin-left: 50px;
position: relative
}
#facilities-cloud2 {
top: 30px;
left: -10px;
position: relative
}
#facilities-cloud3 {
top: 50px;
right: -5px;
position: relative
}
#facilities-ladybird {
top: 10px;
margin-left: 80px;
position: relative
}
#facilities-baby {
margin-bottom: -13px;
margin-right: 10px;
position: relative;
max-width: 140px!important;
float: right
}
#daily-cloud1 {
top: 0;
left: 20px;
position: relative
}
#daily-cloud2 {
top: 0;
right: 0;
position: relative
}
#daily-cloud3 {
top: 0;
right: -15px;
position: relative
}
#daily-baloon {
top: 0;
left: 0;
position: relative
}
#daily-baby {
margin-bottom: -13px;
position: relative;
max-width: 140px!important;
float: right
}
#nutrition-cloud1 {
top: 20px;
left: 10px;
position: relative
}
#nutrition-cloud2 {
top: 50px;
right: -15px;
position: relative
}
#nutrition-cloud3 {
top: 30px;
right: -10px;
position: relative
}
#nutrition-airplane {
top: 20px;
margin-left: 60px;
position: relative
}
#nutrition-baby {
margin-bottom: -13px;
position: relative;
max-width: 140px!important;
float: right
}
#fees-cloud1 {
top: 5px;
left: 15px;
position: relative
}
#fees-cloud2 {
top: 35px;
margin-left: 25px;
position: relative
}
#fees-cloud3 {
top: 20px;
right: -10px;
position: relative
}
#fees-rocket {
top: 25px;
left: 0;
position: relative
}
#fees-baby {
margin-bottom: -13px;
position: relative;
max-width: 140px!important;
float: right
}
#links-cloud1 {
top: 80px;
left: 50px;
position: relative
}
#links-cloud2 {
top: 10px;
margin-left: 50px;
position: relative
}
#links-cloud3 {
top: 5px;
right: -10px;
position: relative
}
#links-butterfly {
top: 10px;
margin-left: 55px;
position: relative
}
#links-baby {
margin-bottom: -13px;
position: relative;
max-width: 140px!important;
float: right
}
#contactus-cloud1 {
top: 10px;
margin-left: 30px;
position: relative
}
#contactus-cloud2 {
top: 60px;
right: 30px;
position: relative
}
#contactus-cloud3 {
top: 50px;
left: -10px;
position: relative
}
#contactus-helicopter {
top: 0;
margin-left: 15px;
position: relative
}
#contactus-baby {
margin-bottom: -13px;
position: relative;
max-width: 140px!important;
float: right
}
#visit-cloud1 {
top: 30px;
margin-left: 20px;
position: relative
}
#visit-cloud2 {
top: 10px;
margin-left: 20px;
position: relative
}
#visit-cloud3 {
top: 40px;
margi: 10px;
position: relative
}
#visit-ladybird {
top: 0;
margin-left: 45px;
position: relative
}
#visit-baby {
margin-bottom: -13px;
position: relative;
max-width: 140px!important;
float: right
}
#callback-cloud1 {
top: 10px;
margin-left: 50px;
position: relative
}
#callback-cloud2 {
top: 0;
left: 20px;
position: relative
}
#callback-cloud3 {
top: 30px;
margin-left: 10px;
position: relative
}
#callback-zeppelin {
top: 0;
left: 50px;
position: relative
}
#callback-baby {
margin-bottom: -13px;
position: relative;
max-width: 140px!important;
float: right
}
#main-sidebar {
display: none
}
#main-footer {
width: inherit;
display: block;
margin-top: 7px
}
#f-buttons,
#f-temp {
display: none
}
#f-buttons-small {
width: 100%
}
.coloured-btn {
width: 98%;
padding: 1%;
border-radius: 22px;
-webkit-border-radius: 22px;
-moz-border-radius: 22px;
background: green;
margin-bottom: 5px;
position: relative
}
.coloured-btn-inner {
padding: 2% 0;
border: 3px dotted #fff;
text-align: center;
-webkit-border-radius: 17px;
-moz-border-radius: 17px;
border-radius: 17px;
font-family: sabotage_solidsolid;
color: #fff;
font-size: 25px;
line-height: 100%;
text-decoration: none;
display: block
}
#btn-gallery {
background: #fbc232
}
#btn-visit {
background: #bed63a
}
#btn-callback {
background: #e44044;
margin-right: 0!important
}
#copy_address {
width: 100%;
text-align: center;
clear: both;
display: block
}
#copy_address p {
margin-top: 10px;
color: #000;
font-size: 12px
}
#copy_address p a {
color: #CCECF9;
font-size: 11px;
text-decoration: none;
display: block
}
.rednaoFormContainer {
font-family: 'Open Sans', sans-serif!important;
margin: 10px 0 10px -5px;
padding: 0;
text-align: left!important
}
label.redNaoHelper {
display: none!important
}
.rednao-control-group {
padding: 0!important;
margin: 0!important
}
.rednaoFormContainer input[type=submit] {
border: 0!important;
font-family: sabotage_solidsolid!important;
font-size: 20px;
cursor: pointer;
background: 0 0!important
}
#knews_widget-2 .requiredtext,
#knews_widget-2 .widget-title {
display: none
}
#knews_widget-2 input[type=text] {
width: 265px;
height: 15px;
top: 5px;
border: none;
position: relative;
float: left!important;
font-family: dom_casualregular;
box-sizing: content-box!important
}
#knews_widget-2 fieldset.knewsemail {
float: left;
height: 17px;
top: 0;
position: relative;
padding: 0;
box-sizing: content-box!important
}
#knews_widget-2 fieldset.knewsbutton {
width: 30px!important;
height: 17px!important;
top: 5px;
margin-left: -2px;
padding: 0 0 0 7px;
float: left;
position: relative;
background: #fff;
box-sizing: content-box!important
}
#knews_widget-2 input[type=submit] {
width: 30px!important;
height: 28px!important;
top: -6px;
left: 10px;
border: none;
cursor: pointer;
position: absolute!important;
background: url(//littlelearners.co.za/wp-content/themes/redbracket/images/newsbtn-bg.png) no-repeat;
font-family: dom_casualregular;
color: #fff;
font-size: 17px
}
#accordion h3 {
margin: 10px 0 0 20px!important;
line-height: 100%;
font-size: 14px;
cursor: pointer
}
#accordion div {
margin: 0;
padding: 0
}
#accordion p {
margin: 10px 0 0 20px!important
}
iframe{
width: 100%;
}
}
@media only screen and (min-width: 480px) and (max-width: 595px) {
h1,
h2 {
font-family:sabotage_solidsolid;
font-weight:400;
text-shadow:2px 2px 0 rgba(255,
255,
255,
1);
display:block;
margin-left:17px;
margin-bottom:10px
}
h1 a,
h2 a {
font-family: sabotage_solidsolid;
font-weight: 400;
text-decoration: none;
text-shadow: 2px 2px 0 rgba(255, 255, 255, 1);
display: block
}
h1 {
font-size: 24px;
text-align: center;
margin-top: 80px
}
input {
border: none!important
}
input[type=text] {
border: 0!important
}
#menu-small {
width: 50%;
top: 40px;
right: 0;
position: absolute;
display: block;
z-index: 1000
}
#menu-small-button {
margin: 0 0 0 40%;
position: relative;
cursor: pointer
}
#menu-small-button img {
margin-left: 10px;
position: relative
}
.coloured-btn-menu {
width: 50%;
padding: 2%;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
background: #7FD1F5;
margin-right: 2%;
position: relative
}
.coloured-btn-inner-menu {
padding: 4% 0;
border: 2px dotted #fff;
text-align: center;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
font-family: sabotage_solidsolid;
color: #000;
font-size: 30px;
line-height: 100%;
text-decoration: none;
display: block
}
#menu-small-content {
padding: 3%;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
background: #7FD1F5;
position: relative;
display: none
}
.menu-menu-1-container ul {
font-family: sabotage_solidsolid;
list-style: none;
text-align: center;
padding: 0;
margin: 0
}
.menu-menu-1-container ul li {
padding: 0 0 7px;
margin: 0 0 10px;
background: url(//littlelearners.co.za/wp-content/themes/redbracket/images/menu-link-underline-1.png) center 100% no-repeat
}
.menu-menu-1-container ul li a {
color: #000;
font-size: 24px;
text-decoration: none;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 1)
}
.menu-menu-1-container ul li a:hover,
.menu-menu-1-container ul li.current-menu-item a {
color: #FAC131
}
#main-header {
width: 100%;
height: 80px;
z-index: 1;
background: url(//littlelearners.co.za/wp-content/themes/redbracket/images/bg-small.png) no-repeat
}
#inner-header {
width: 100%;
height: inherit;
margin: 0 auto;
overflow: visible
}
#logo {
width: 135px;
left: 4px
}
#logo img {
max-width: 100%
}
#social-links {
background: 0 0;
float: left!important;
top: 17px;
left: 150px;
position: absolute
}
.social {
margin-top: 20px;
margin-right: 10px
}
#newsletter {
margin-right: 30px
}
#header-phone {
display: none
}
#main-wrapper {
width: 100%;
margin: 0 auto
}
#main-content {
width: 98%;
padding: 40px 1% 1%;
display: block;
float: right;
background: #9fdcf7;
-webkit-border-radius: 22px;
-moz-border-radius: 22px;
border-radius: 22px
}
.inner-content {
min-height: 80px;
border: 3px dotted #fff;
top: -5px;
position: relative;
-webkit-border-bottom-right-radius: 17px;
-webkit-border-bottom-left-radius: 17px;
-moz-border-radius-bottomright: 17px;
-moz-border-radius-bottomleft: 17px;
border-bottom-right-radius: 17px;
border-bottom-left-radius: 17px
}
.post-content {
width: 95%;
display: table;
margin-bottom: 20px;
position: relative
}
article h2 {
display: none!important
}
.inner-content p {
margin: 12px 0 0 17px;
font-size: 14px;
line-height: 120%
}
.inner-content ul li {
font-size: 14px;
margin-left: -10px;
text-indent: 0
}
#image-content {
width: 100%;
display: table;
margin: 0
}
#home-cloud1 {
top: 10px;
left: 35px;
position: relative
}
#home-cloud2 {
top: 40px;
right: -10px;
position: relative
}
#home-cloud3 {
top: 10px;
left: 30px;
position: relative
}
#home-flyer {
top: 20px;
right: 5px;
margin-left: 25px;
position: relative
}
#home-baby {
margin-bottom: -13px;
position: relative;
max-width: 140px!important;
float: right
}
#aboutus-cloud1 {
top: 30px;
margin-left: 40px;
max-width: 100px;
position: relative
}
#aboutus-cloud2 {
top: 5px;
left: 0;
position: relative
}
#aboutus-cloud3 {
top: 50px;
left: 0;
position: relative
}
#aboutus-bee {
top: 10px;
left: 50px;
position: relative;
max-width: 60%!important
}
#aboutus-baby {
margin-bottom: -13px;
position: relative;
max-width: 140px!important;
float: right
}
#facilities-cloud1 {
top: 100px;
margin-left: 50px;
position: relative
}
#facilities-cloud2 {
top: 30px;
left: -10px;
position: relative
}
#facilities-cloud3 {
top: 50px;
right: -5px;
position: relative
}
#facilities-ladybird {
top: 10px;
margin-left: 80px;
position: relative
}
#facilities-baby {
margin-bottom: -13px;
margin-right: 10px;
position: relative;
max-width: 140px!important;
float: right
}
#daily-cloud1 {
top: 0;
left: 20px;
position: relative
}
#daily-cloud2 {
top: 0;
right: 0;
position: relative
}
#daily-cloud3 {
top: 0;
right: -15px;
position: relative
}
#daily-baloon {
top: 0;
left: 0;
position: relative
}
#daily-baby {
margin-bottom: -13px;
position: relative;
max-width: 140px!important;
float: right
}
#nutrition-cloud1 {
top: 20px;
left: 10px;
position: relative
}
#nutrition-cloud2 {
top: 50px;
right: -15px;
position: relative
}
#nutrition-cloud3 {
top: 30px;
right: -10px;
position: relative
}
#nutrition-airplane {
top: 20px;
margin-left: 60px;
position: relative
}
#nutrition-baby {
margin-bottom: -13px;
position: relative;
max-width: 140px!important;
float: right
}
#fees-cloud1 {
top: 5px;
left: 15px;
position: relative
}
#fees-cloud2 {
top: 35px;
margin-left: 25px;
position: relative
}
#fees-cloud3 {
top: 20px;
right: -10px;
position: relative
}
#fees-rocket {
top: 25px;
left: 0;
position: relative
}
#fees-baby {
margin-bottom: -13px;
position: relative;
max-width: 140px!important;
float: right
}
#links-cloud1 {
top: 80px;
left: 50px;
position: relative
}
#links-cloud2 {
top: 10px;
margin-left: 50px;
position: relative
}
#links-cloud3 {
top: 5px;
right: -10px;
position: relative
}
#links-butterfly {
top: 10px;
margin-left: 55px;
position: relative
}
#links-baby {
margin-bottom: -13px;
position: relative;
max-width: 140px!important;
float: right
}
#contactus-cloud1 {
top: 10px;
margin-left: 30px;
position: relative
}
#contactus-cloud2 {
top: 60px;
right: 30px;
position: relative
}
#contactus-cloud3 {
top: 50px;
left: -10px;
position: relative
}
#contactus-helicopter {
top: 0;
margin-left: 15px;
position: relative
}
#contactus-baby {
margin-bottom: -13px;
position: relative;
max-width: 140px!important;
float: right
}
#visit-cloud1 {
top: 30px;
margin-left: 20px;
position: relative
}
#visit-cloud2 {
top: 10px;
margin-left: 20px;
position: relative
}
#visit-cloud3 {
top: 40px;
margi: 10px;
position: relative
}
#visit-ladybird {
top: 0;
margin-left: 45px;
position: relative
}
#visit-baby {
margin-bottom: -13px;
position: relative;
max-width: 140px!important;
float: right
}
#callback-cloud1 {
top: 10px;
margin-left: 50px;
position: relative
}
#callback-cloud2 {
top: 0;
left: 20px;
position: relative
}
#callback-cloud3 {
top: 30px;
margin-left: 10px;
position: relative
}
#callback-zeppelin {
top: 0;
left: 50px;
position: relative
}
#callback-baby {
margin-bottom: -13px;
position: relative;
max-width: 140px!important;
float: right
}
#main-sidebar {
display: none
}
#main-footer {
width: inherit;
display: block;
margin-top: 7px
}
#f-buttons,
#f-temp {
display: none
}
#f-buttons-small {
width: 100%
}
.coloured-btn {
width: 98%;
padding: 1%;
border-radius: 22px;
-webkit-border-radius: 22px;
-moz-border-radius: 22px;
background: green;
margin-bottom: 5px;
position: relative
}
.coloured-btn-inner {
padding: 2% 0;
border: 3px dotted #fff;
text-align: center;
-webkit-border-radius: 17px;
-moz-border-radius: 17px;
border-radius: 17px;
font-family: sabotage_solidsolid;
color: #fff;
font-size: 25px;
line-height: 100%;
text-decoration: none;
display: block
}
#btn-gallery {
background: #fbc232
}
#btn-visit {
background: #bed63a
}
#btn-callback {
background: #e44044;
margin-right: 0!important
}
#copy_address {
width: 100%;
text-align: center;
clear: both;
display: block
}
#copy_address p {
margin-top: 10px;
color: #000;
font-size: 12px
}
#copy_address p a {
color: #CCECF9;
font-size: 11px;
text-decoration: none;
display: block
}
.rednaoFormContainer {
font-family: 'Open Sans', sans-serif!important;
margin: 10px 0 10px -5px;
padding: 0;
text-align: left!important
}
label.redNaoHelper {
display: none!important
}
.rednao-control-group {
padding: 0!important;
margin: 0!important
}
.rednaoFormContainer input[type=submit] {
border: 0!important;
font-family: sabotage_solidsolid!important;
font-size: 20px;
cursor: pointer;
background: 0 0!important
}
#knews_widget-2 .requiredtext,
#knews_widget-2 .widget-title {
display: none
}
#knews_widget-2 input[type=text] {
width: 200px;
height: 15px;
top: 5px;
border: none;
position: relative;
float: left!important;
font-family: dom_casualregular
}
#knews_widget-2 fieldset.knewsemail {
float: left;
height: 17px;
top: 8px;
position: relative;
padding: 0;
box-sizing: content-box!important
}
#knews_widget-2 fieldset.knewsbutton {
width: 30px!important;
height: 17px!important;
top: 13px;
margin-left: -2px;
padding: 0 0 0 7px;
float: left;
position: relative;
background: #fff;
box-sizing: content-box!important
}
#knews_widget-2 input[type=submit] {
width: 30px!important;
height: 28px!important;
top: -6px;
left: 10px;
border: none;
cursor: pointer;
position: absolute!important;
background: url(//littlelearners.co.za/wp-content/themes/redbracket/images/newsbtn-bg.png) no-repeat;
font-family: dom_casualregular;
color: #fff;
font-size: 17px
}
#accordion h3 {
margin: 10px 0 0 20px!important;
line-height: 100%;
font-size: 14px;
cursor: pointer
}
#accordion div {
margin: 0;
padding: 0
}
#accordion p {
margin: 10px 0 0 20px!important
}
iframe{
width: 100%;
}
}
@media only screen and (min-width: 595px) and (max-width: 690px) {
h1,
h2 {
font-family:sabotage_solidsolid;
font-weight:400;
text-shadow:2px 2px 0 rgba(255,
255,
255,
1);
display:block;
margin-left:17px;
margin-bottom:10px
}
h1 a,
h2 a {
font-family: sabotage_solidsolid;
font-weight: 400;
text-decoration: none;
text-shadow: 2px 2px 0 rgba(255, 255, 255, 1);
display: block
}
h1 {
font-size: 24px;
text-align: center;
margin-top: 80px
}
input {
border: none!important
}
input[type=text] {
border: 0!important
}
#menu-small {
width: 50%;
top: 40px;
right: 0;
position: absolute;
display: block;
z-index: 1000
}
#menu-small-button {
margin: 0 0 0 40%;
position: relative;
cursor: pointer
}
#menu-small-button img {
margin-left: 10px;
position: relative
}
.coloured-btn-menu {
width: 50%;
padding: 2%;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
background: #7FD1F5;
margin-right: 2%;
position: relative
}
.coloured-btn-inner-menu {
padding: 4% 0;
border: 2px dotted #fff;
text-align: center;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
font-family: sabotage_solidsolid;
color: #000;
font-size: 30px;
line-height: 100%;
text-decoration: none;
display: block
}
#menu-small-content {
padding: 3%;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
background: #7FD1F5;
position: relative;
display: none
}
.menu-menu-1-container ul {
font-family: sabotage_solidsolid;
list-style: none;
text-align: center;
padding: 0;
margin: 0
}
.menu-menu-1-container ul li {
padding: 0 0 7px;
margin: 0 0 10px;
background: url(//littlelearners.co.za/wp-content/themes/redbracket/images/menu-link-underline-1.png) center 100% no-repeat
}
.menu-menu-1-container ul li a {
color: #000;
font-size: 24px;
text-decoration: none;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 1)
}
.menu-menu-1-container ul li a:hover,
.menu-menu-1-container ul li.current-menu-item a {
color: #FAC131
}
#main-header {
width: 100%;
height: 80px;
z-index: 1;
background: url(//littlelearners.co.za/wp-content/themes/redbracket/images/bg-small.png) no-repeat
}
#inner-header {
width: 100%;
height: inherit;
margin: 0 auto;
overflow: visible
}
#logo {
width: 145px;
left: 4px
}
#logo img {
max-width: 100%
}
#social-links {
background: 0 0;
float: left!important;
top: -7px;
margin-left: 20px;
position: relative
}
.social {
margin-top: 10px;
margin-right: 10px
}
#newsletter {
margin-right: 30px
}
#header-phone {
display: none
}
#main-wrapper {
width: 100%;
margin: 0 auto
}
#main-content {
width: 98%;
padding: 70px 1% 1%;
display: block;
float: right;
background: #9fdcf7;
-webkit-border-radius: 22px;
-moz-border-radius: 22px;
border-radius: 22px
}
.inner-content {
min-height: 580px;
border: 3px dotted #fff;
top: -5px;
position: relative;
-webkit-border-bottom-right-radius: 17px;
-webkit-border-bottom-left-radius: 17px;
-moz-border-radius-bottomright: 17px;
-moz-border-radius-bottomleft: 17px;
border-bottom-right-radius: 17px;
border-bottom-left-radius: 17px
}
.post-content {
width: 50%;
float: left;
margin-bottom: 20px;
position: relative
}
article h2 {
display: none!important
}
.inner-content p {
margin: 12px 0 0 17px;
font-size: 14px;
line-height: 120%
}
.inner-content ul li {
font-size: 14px;
margin-left: -10px;
text-indent: 0
}
#image-content {
width: 50%;
float: right;
margin-top: -93px;
margin-left: 50%;
position: absolute
}
#home-cloud1 {
top: 250px;
left: 35px;
position: absolute
}
#home-cloud2 {
top: 410px;
right: -10px;
position: absolute
}
#home-cloud3 {
top: 500px;
left: 30px;
position: absolute
}
#home-flyer {
top: 220px;
right: 5px;
position: absolute
}
#home-baby {
right: 0;
bottom: -25px;
position: absolute;
max-width: 80%!important
}
#aboutus-cloud1 {
top: 230px;
right: -6px;
position: absolute
}
#aboutus-cloud2 {
top: 322px;
left: 0;
position: absolute
}
#aboutus-cloud3 {
top: 470px;
left: 0;
position: absolute
}
#aboutus-bee {
top: 400px;
right: 0;
position: absolute;
max-width: 100%!important
}
#aboutus-baby {
right: 0;
bottom: -25px;
position: absolute;
max-width: 90%!important
}
#facilities-cloud1 {
top: 230px;
right: -5px;
position: absolute
}
#facilities-cloud2 {
top: 300px;
left: -10px;
position: absolute
}
#facilities-cloud3 {
top: 450px;
right: -5px;
position: absolute
}
#facilities-ladybird {
top: 540px;
left: 0;
position: absolute
}
#facilities-baby {
right: 10px;
bottom: -25px;
position: absolute;
max-width: 80%!important
}
#daily-cloud1 {
top: 450px;
left: 20px;
position: absolute
}
#daily-cloud2 {
top: 235px;
right: 0;
position: absolute
}
#daily-cloud3 {
top: 380px;
right: -15px;
position: absolute
}
#daily-baloon {
top: 200px;
left: 40px;
position: absolute
}
#daily-baby {
right: 0;
bottom: -25px;
position: absolute;
max-width: 80%!important
}
#nutrition-cloud1 {
top: 230px;
left: 10px;
position: absolute
}
#nutrition-cloud2 {
top: 220px;
right: -15px;
position: absolute
}
#nutrition-cloud3 {
top: 340px;
right: -10px;
position: absolute
}
#nutrition-airplane {
top: 200px;
right: 60px;
position: absolute
}
#nutrition-baby {
right: 0;
bottom: -25px;
position: absolute;
max-width: 80%!important
}
#fees-cloud1 {
top: 365px;
left: 15px;
position: absolute
}
#fees-cloud2 {
top: 235px;
right: -5px;
position: absolute
}
#fees-cloud3 {
top: 450px;
right: -10px;
position: absolute
}
#fees-rocket {
top: 250px;
left: 30px;
position: absolute
}
#fees-baby {
right: 15px;
bottom: -25px;
position: absolute;
max-width: 80%!important
}
#links-cloud1 {
top: 300px;
left: 50px;
position: absolute
}
#links-cloud2 {
top: 400px;
left: 20px;
position: absolute
}
#links-cloud3 {
top: 435px;
right: -10px;
position: absolute
}
#links-butterfly {
top: 250px;
right: 25px;
position: absolute
}
#links-baby {
right: 10px;
bottom: -25px;
position: absolute;
max-width: 80%!important
}
#contactus-cloud1 {
top: 210px;
left: 30px;
position: absolute
}
#contactus-cloud2 {
top: 340px;
right: 30px;
position: absolute
}
#contactus-cloud3 {
top: 505px;
left: -10px;
position: absolute
}
#contactus-helicopter {
top: 300px;
left: 15px;
position: absolute
}
#contactus-baby {
right: 0;
bottom: -25px;
position: absolute;
max-width: 100%!important
}
#visit-cloud1 {
top: 380px;
left: 20px;
position: absolute
}
#visit-cloud2 {
top: 300px;
right: 20px;
position: absolute
}
#visit-cloud3 {
top: 470px;
right: -10px;
position: absolute
}
#visit-ladybird {
top: 200px;
right: 25px;
position: absolute
}
#visit-baby {
right: 15px;
bottom: -25px;
position: absolute;
max-width: 80%!important
}
#callback-cloud1 {
top: 240px;
right: 0;
position: absolute
}
#callback-cloud2 {
top: 370px;
left: 20px;
position: absolute
}
#callback-cloud3 {
top: 380px;
right: 10px;
position: absolute
}
#callback-zeppelin {
top: 250px;
left: 10px;
position: absolute
}
#callback-baby {
right: 15px;
bottom: -25px;
position: absolute;
max-width: 100%!important
}
#main-sidebar {
display: none
}
#main-footer {
width: inherit;
display: block;
margin-top: 7px
}
#f-temp {
float: left;
clear: both;
left: 6%;
margin-left: -35px;
font-family: sabotage_solidsolid;
color: #000;
padding: 10px;
position: relative;
background: #9FDCF7;
-webkit-border-radius: 22px;
-moz-border-radius: 22px;
border-radius: 22px
}
.awesome-weather-wrap {
padding: 1px;
border: 3px dotted #fff;
text-align: center;
-webkit-border-radius: 17px;
-moz-border-radius: 17px;
border-radius: 17px
}
.awesome-weather-header {
padding: 0!important;
font-family: sabotage_solidsolid;
background: 0 0;
color: #000;
text-shadow: none;
font-size: 14px;
line-height: 80%
}
.awesome-weather-current-temp {
padding: 0!important;
font-family: sabotage_solidsolid;
color: #000;
text-shadow: none;
font-size: 34px!important;
line-height: 90%!important
}
.awe_desc{
display: none !important;
}
.awe_humidty{
display: none !important;
}
.awe_wind{
display: none !important;
}
.awe_highlow{
display: none !important;
}
.newCels {
float: right
}
.awesome-weather-current-temp sup {
display: none
}
#f-buttons {
width: 79%;
float: right
}
#f-buttons-small {
display: none
}
.coloured-btn {
width: 30%;
padding: 1%;
border-radius: 22px;
-webkit-border-radius: 22px;
-moz-border-radius: 22px;
background: green;
margin-right: 2%;
float: left;
position: relative
}
.coloured-btn-inner {
padding: 4% 0;
border: 3px dotted #fff;
text-align: center;
-webkit-border-radius: 17px;
-moz-border-radius: 17px;
border-radius: 17px;
font-family: sabotage_solidsolid;
color: #fff;
font-size: 28px;
line-height: 100%;
text-decoration: none;
display: block
}
#btn-gallery {
background: #fbc232
}
#btn-visit {
background: #bed63a
}
#btn-callback {
background: #e44044;
margin-right: 0!important
}
#copy_address {
width: 100%;
text-align: center;
clear: both;
display: block
}
#copy_address p {
margin-top: 10px;
color: #000;
font-size: 13px
}
#copy_address p a {
color: #CCECF9;
font-size: 12px;
text-decoration: none;
display: block
}
.rednaoFormContainer {
font-family: 'Open Sans', sans-serif!important;
margin: 10px 0 10px -5px;
padding: 0;
text-align: left!important
}
label.redNaoHelper {
display: none!important
}
.rednao-control-group {
padding: 0!important;
margin: 0!important
}
.rednaoFormContainer input[type=submit] {
border: 0!important;
font-family: sabotage_solidsolid!important;
font-size: 20px;
cursor: pointer;
background: 0 0!important
}
#knews_widget-2 .requiredtext,
#knews_widget-2 .widget-title {
display: none
}
#knews_widget-2 input[type=text] {
width: 200px;
height: 15px;
top: 5px;
border: none;
position: relative;
float: left!important;
font-family: dom_casualregular
}
#knews_widget-2 fieldset.knewsemail {
float: left;
height: 17px;
top: 8px;
position: relative;
padding: 0;
box-sizing: content-box!important
}
#knews_widget-2 fieldset.knewsbutton {
width: 30px!important;
height: 17px!important;
top: 13px;
margin-left: -2px;
padding: 0 0 0 7px;
float: left;
position: relative;
background: #fff;
box-sizing: content-box!important
}
#knews_widget-2 input[type=submit] {
width: 30px!important;
height: 28px!important;
top: -6px;
left: 10px;
border: none;
cursor: pointer;
position: absolute!important;
background: url(//littlelearners.co.za/wp-content/themes/redbracket/images/newsbtn-bg.png) no-repeat;
font-family: dom_casualregular;
color: #fff;
font-size: 17px
}
#accordion h3 {
margin: 10px 0 0 20px!important;
line-height: 100%;
font-size: 14px;
cursor: pointer
}
#accordion div {
margin: 0;
padding: 0
}
#accordion p {
margin: 10px 0 0 20px!important
}
iframe{
width: 100% !important;
}
}
@media only screen and (min-width: 690px) and (max-width: 800px) {
h1,
h2 {
font-family:sabotage_solidsolid;
font-weight:400;
text-shadow:2px 2px 0 rgba(255,
255,
255,
1);
display:block;
margin-left:17px;
margin-bottom:10px
}
h1 a,
h2 a {
font-family: sabotage_solidsolid;
font-weight: 400;
text-decoration: none;
text-shadow: 2px 2px 0 rgba(255, 255, 255, 1);
display: block
}
h1 {
font-size: 24px;
text-align: center;
margin-top: 80px
}
input {
border: none!important
}
input[type=text] {
border: 0!important
}
#menu-small {
display: none
}
#main-header {
width: 100%;
height: 132px;
z-index: 1;
background: url(//littlelearners.co.za/wp-content/themes/redbracket/images/bg.png)
}
#inner-header {
width: 100%;
height: inherit;
margin: 0 auto;
overflow: visible
}
#logo {
left: 4px
}
#logo img {
max-width: 70%
}
#social-links {
background: 0 0
}
.social {
margin-top: 10px;
margin-right: 10px
}
#newsletter {
margin-right: 30px
}
#header-phone {
margin-right: 20px;
clear: right
}
#header-phone p {
font-family: sabotage_solidsolid;
font-size: 20px;
margin: 35px -10px 0 0;
text-shadow: 2px 2px 0 rgba(255, 255, 255, 1)
}
#header-phone p span,#header-phone p span a {
font-family: sabotage_solidsolid;
font-size: 25px;
text-shadow: 2px 2px 0 rgba(255, 255, 255, 1)
}
#header-phone p span a{
color: #000;
text-decoration: none;
}
#main-wrapper {
width: 100%;
margin: 0 auto
}
#main-content {
width: 77%;
padding: 70px 1% 1%;
float: right;
background: #9fdcf7;
-webkit-border-radius: 22px;
-moz-border-radius: 22px;
border-radius: 22px
}
.inner-content {
position: relative;
min-height: 580px;
border: 3px dotted #fff;
-webkit-border-bottom-right-radius: 17px;
-webkit-border-bottom-left-radius: 17px;
-moz-border-radius-bottomright: 17px;
-moz-border-radius-bottomleft: 17px;
border-bottom-right-radius: 17px;
border-bottom-left-radius: 17px
}
.post-content {
width: 50%;
float: left;
margin-bottom: 20px;
position: relative
}
article h2 {
display: none!important
}
.inner-content p {
margin: 12px 0 0 17px;
font-size: 14px;
line-height: 120%
}
.inner-content ul li {
font-size: 14px;
margin-left: -10px;
text-indent: 0
}
#image-content {
width: 50%;
float: right;
margin-top: -93px;
margin-left: 50%;
position: absolute
}
#home-cloud1 {
top: 250px;
left: 35px;
position: absolute
}
#home-cloud2 {
top: 410px;
right: -10px;
position: absolute
}
#home-cloud3 {
top: 500px;
left: 30px;
position: absolute
}
#home-flyer {
top: 220px;
right: 5px;
position: absolute
}
#home-baby {
right: 0;
bottom: -20px;
position: absolute;
max-width: 80%!important
}
#aboutus-cloud1 {
top: 230px;
right: -6px;
position: absolute
}
#aboutus-cloud2 {
top: 322px;
left: 0;
position: absolute
}
#aboutus-cloud3 {
top: 470px;
left: 0;
position: absolute
}
#aboutus-bee {
top: 400px;
right: 0;
position: absolute;
max-width: 100%!important
}
#aboutus-baby {
right: 0;
bottom: -20px;
position: absolute;
max-width: 90%!important
}
#facilities-cloud1 {
top: 230px;
right: -5px;
position: absolute
}
#facilities-cloud2 {
top: 300px;
left: -10px;
position: absolute
}
#facilities-cloud3 {
top: 450px;
right: -5px;
position: absolute
}
#facilities-ladybird {
top: 540px;
left: 0;
position: absolute
}
#facilities-baby {
right: 10px;
bottom: -20px;
position: absolute;
max-width: 80%!important
}
#daily-cloud1 {
top: 450px;
left: 20px;
position: absolute
}
#daily-cloud2 {
top: 235px;
right: 0;
position: absolute
}
#daily-cloud3 {
top: 380px;
right: -15px;
position: absolute
}
#daily-baloon {
top: 200px;
left: 40px;
position: absolute
}
#daily-baby {
right: 0;
bottom: -20px;
position: absolute;
max-width: 80%!important
}
#nutrition-cloud1 {
top: 230px;
left: 10px;
position: absolute
}
#nutrition-cloud2 {
top: 220px;
right: -15px;
position: absolute
}
#nutrition-cloud3 {
top: 340px;
right: -10px;
position: absolute
}
#nutrition-airplane {
top: 200px;
right: 60px;
position: absolute
}
#nutrition-baby {
right: 0;
bottom: -20px;
position: absolute;
max-width: 80%!important
}
#fees-cloud1 {
top: 365px;
left: 15px;
position: absolute
}
#fees-cloud2 {
top: 235px;
right: -5px;
position: absolute
}
#fees-cloud3 {
top: 450px;
right: -10px;
position: absolute
}
#fees-rocket {
top: 250px;
left: 30px;
position: absolute
}
#fees-baby {
right: 15px;
bottom: -20px;
position: absolute;
max-width: 80%!important
}
#links-cloud1 {
top: 300px;
left: 50px;
position: absolute
}
#links-cloud2 {
top: 400px;
left: 20px;
position: absolute
}
#links-cloud3 {
top: 435px;
right: -10px;
position: absolute
}
#links-butterfly {
top: 250px;
right: 25px;
position: absolute
}
#links-baby {
right: 10px;
bottom: -20px;
position: absolute;
max-width: 80%!important
}
#contactus-cloud1 {
top: 210px;
left: 30px;
position: absolute
}
#contactus-cloud2 {
top: 340px;
right: 30px;
position: absolute
}
#contactus-cloud3 {
top: 505px;
left: -10px;
position: absolute
}
#contactus-helicopter {
top: 300px;
left: 15px;
position: absolute
}
#contactus-baby {
right: 0;
bottom: -20px;
position: absolute;
max-width: 100%!important
}
#visit-cloud1 {
top: 380px;
left: 20px;
position: absolute
}
#visit-cloud2 {
top: 300px;
right: 20px;
position: absolute
}
#visit-cloud3 {
top: 470px;
right: -10px;
position: absolute
}
#visit-ladybird {
top: 200px;
right: 25px;
position: absolute
}
#visit-baby {
right: 15px;
bottom: -20px;
position: absolute;
max-width: 80%!important
}
#callback-cloud1 {
top: 240px;
right: 0;
position: absolute
}
#callback-cloud2 {
top: 370px;
left: 20px;
position: absolute
}
#callback-cloud3 {
top: 380px;
right: 10px;
position: absolute
}
#callback-zeppelin {
top: 250px;
left: 10px;
position: absolute
}
#callback-baby {
right: 15px;
bottom: -20px;
position: absolute;
max-width: 100%!important
}
#main-sidebar {
width: 21%;
float: left;
padding-top: 200px
}
.menu-menu-1-container ul {
font-family: sabotage_solidsolid;
list-style: none;
text-align: center;
margin-right: 6px
}
.menu-menu-1-container ul li {
padding: 0 0 7px;
margin: 10px 0 0;
background: url(//littlelearners.co.za/wp-content/themes/redbracket/images/menu-link-underline-1.png) center 100% no-repeat
}
.menu-menu-1-container ul li a {
color: #000;
font-size: 24px;
text-decoration: none;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 1)
}
.menu-menu-1-container ul li a:hover,
.menu-menu-1-container ul li.current-menu-item a {
color: #FAC131
}
#main-footer {
width: inherit;
display: block;
margin-top: 7px
}
#f-temp {
float: left;
clear: both;
left: 7%;
margin-left: -11px;
font-family: sabotage_solidsolid;
color: #000;
padding: 10px;
position: relative;
background: #9FDCF7;
-webkit-border-radius: 22px;
-moz-border-radius: 22px;
border-radius: 22px
}
.awesome-weather-wrap {
padding: 1px;
border: 3px dotted #fff;
text-align: center;
-webkit-border-radius: 17px;
-moz-border-radius: 17px;
border-radius: 17px
}
.awesome-weather-header {
padding: 0!important;
font-family: sabotage_solidsolid;
background: 0 0;
color: #000;
text-shadow: none;
font-size: 14px;
line-height: 80%
}
.awesome-weather-current-temp {
padding: 0!important;
font-family: sabotage_solidsolid;
color: #000;
text-shadow: none;
font-size: 35px!important;
line-height: 95%!important
}
.newCels {
float: right
}
.awesome-weather-current-temp sup {
display: none
}
#f-buttons {
width: 79%;
float: right
}
#f-buttons-small {
display: none
}
.coloured-btn {
width: 30%;
padding: 1%;
border-radius: 22px;
-webkit-border-radius: 22px;
-moz-border-radius: 22px;
background: green;
margin-right: 2%;
float: left;
position: relative
}
.coloured-btn-inner {
padding: 4% 0;
border: 3px dotted #fff;
text-align: center;
-webkit-border-radius: 17px;
-moz-border-radius: 17px;
border-radius: 17px;
font-family: sabotage_solidsolid;
color: #fff;
font-size: 28px;
line-height: 100%;
text-decoration: none;
display: block
}
#btn-gallery {
background: #fbc232
}
#btn-visit {
background: #bed63a
}
#btn-callback {
background: #e44044;
margin-right: 0!important
}
#copy_address {
width: 100%;
text-align: center;
clear: both;
display: block
}
#copy_address p {
margin-top: 10px;
color: #000;
font-size: 13px
}
#copy_address p a {
color: #CCECF9;
font-size: 12px;
text-decoration: none;
display: block
}
.rednaoFormContainer {
font-family: 'Open Sans', sans-serif!important;
margin: 10px 0 10px -5px;
padding: 0;
text-align: left!important
}
label.redNaoHelper {
display: none!important
}
.rednao-control-group {
padding: 0!important;
margin: 0!important
}
.rednaoFormContainer input[type=submit] {
border: 0!important;
font-family: sabotage_solidsolid!important;
font-size: 20px;
cursor: pointer;
background: 0 0!important
}
#knews_widget-2 .requiredtext,
#knews_widget-2 .widget-title {
display: none
}
#knews_widget-2 input[type=text] {
width: 200px;
height: 15px;
top: 5px;
border: none;
position: relative;
float: left!important;
font-family: dom_casualregular
}
#knews_widget-2 fieldset.knewsemail {
float: left;
height: 17px;
top: 8px;
position: relative;
padding: 0;
box-sizing: content-box!important
}
#knews_widget-2 fieldset.knewsbutton {
width: 30px!important;
height: 17px!important;
top: 13px;
margin-left: -2px;
padding: 0 0 0 7px;
float: left;
position: relative;
background: #fff;
box-sizing: content-box!important
}
#knews_widget-2 input[type=submit] {
width: 30px!important;
height: 28px!important;
top: -6px;
left: 10px;
border: none;
cursor: pointer;
position: absolute!important;
background: url(//littlelearners.co.za/wp-content/themes/redbracket/images/newsbtn-bg.png) no-repeat;
font-family: dom_casualregular;
color: #fff;
font-size: 17px
}
#accordion h3 {
margin: 10px 0 0 20px!important;
line-height: 100%;
font-size: 14px;
cursor: pointer
}
#accordion div {
margin: 0;
padding: 0
}
#accordion p {
margin: 10px 0 0 20px!important
}
}
@media only screen and (min-width: 800px) and (max-width: 1024px) {
h1,
h2 {
font-family:sabotage_solidsolid;
font-weight:400;
text-shadow:2px 2px 0 rgba(255,
255,
255,
1);
display:block;
margin-left:17px;
margin-bottom:10px
}
h1 a,
h2 a {
font-family: sabotage_solidsolid;
font-weight: 400;
text-decoration: none;
text-shadow: 2px 2px 0 rgba(255, 255, 255, 1);
display: block
}
h1 {
font-size: 26px;
text-align: center;
margin-top: 80px
}
input {
border: none!important
}
input[type=text] {
border: 0!important
}
#menu-small {
display: none
}
#main-header {
width: 100%;
height: 132px;
z-index: 1;
background: url(//littlelearners.co.za/wp-content/themes/redbracket/images/bg.png)
}
#inner-header {
width: 100%;
height: inherit;
margin: 0 auto;
overflow: visible
}
#logo {
left: 7px
}
#logo img {
max-width: 80%
}
#social-links {
background: 0 0
}
.social {
margin-top: 10px;
margin-right: 10px
}
#newsletter {
margin-right: 40px
}
#header-phone {
margin-right: 40px;
clear: right
}
#header-phone p {
font-family: sabotage_solidsolid;
font-size: 26px;
margin: 25px -10px 0 0;
text-shadow: 2px 2px 0 rgba(255, 255, 255, 1)
}
#header-phone p span {
font-family: sabotage_solidsolid;
font-size: 35px;
text-shadow: 2px 2px 0 rgba(255, 255, 255, 1)
}
#main-wrapper {
width: 100%;
margin: 0 auto
}
#main-content {
width: 77%;
padding: 90px 1% 1%;
float: right;
background: #9fdcf7;
-webkit-border-radius: 22px;
-moz-border-radius: 22px;
border-radius: 22px
}
.inner-content {
position: relative;
min-height: 580px;
border: 3px dotted #fff;
-webkit-border-bottom-right-radius: 17px;
-webkit-border-bottom-left-radius: 17px;
-moz-border-radius-bottomright: 17px;
-moz-border-radius-bottomleft: 17px;
border-bottom-right-radius: 17px;
border-bottom-left-radius: 17px
}
.post-content {
width: 50%;
float: left;
margin-bottom: 20px;
position: relative
}
article h2 {
display: none!important
}
.inner-content p {
margin: 12px 0 0 17px;
font-size: 14px;
line-height: 120%
}
.inner-content ul li {
font-size: 14px;
margin-left: -10px;
text-indent: 0
}
#image-content {
width: 50%;
float: right;
margin-top: -93px;
margin-left: 50%;
position: absolute
}
#home-cloud1 {
top: 250px;
left: 35px;
position: absolute
}
#home-cloud2 {
top: 410px;
right: -10px;
position: absolute
}
#home-cloud3 {
top: 500px;
left: 30px;
position: absolute
}
#home-flyer {
top: 220px;
right: 5px;
position: absolute
}
#home-baby {
right: 0;
bottom: 0;
position: absolute;
max-width: 80%!important
}
#aboutus-cloud1 {
top: 230px;
right: -6px;
position: absolute
}
#aboutus-cloud2 {
top: 322px;
left: 0;
position: absolute
}
#aboutus-cloud3 {
top: 470px;
left: 0;
position: absolute
}
#aboutus-bee {
top: 400px;
right: 0;
position: absolute;
max-width: 100%!important
}
#aboutus-baby {
right: -15px;
bottom: 0;
position: absolute;
max-width: 90%!important
}
#facilities-cloud1 {
top: 270px;
right: -5px;
position: absolute
}
#facilities-cloud2 {
top: 300px;
left: -10px;
position: absolute
}
#facilities-cloud3 {
top: 450px;
right: 5px;
position: absolute
}
#facilities-ladybird {
top: 510px;
left: 0;
position: absolute
}
#facilities-baby {
right: 10px;
bottom: 0;
position: absolute;
max-width: 80%!important
}
#daily-cloud1 {
top: 450px;
left: 20px;
position: absolute
}
#daily-cloud2 {
top: 235px;
right: 0;
position: absolute
}
#daily-cloud3 {
top: 460px;
right: -15px;
position: absolute
}
#daily-baloon {
top: 220px;
left: 40px;
position: absolute
}
#daily-baby {
right: 0;
bottom: 0;
position: absolute;
max-width: 80%!important
}
#nutrition-cloud1 {
top: 230px;
left: 10px;
position: absolute
}
#nutrition-cloud2 {
top: 220px;
right: -15px;
position: absolute
}
#nutrition-cloud3 {
top: 300px;
right: -10px;
position: absolute
}
#nutrition-airplane {
top: 200px;
right: 60px;
position: absolute
}
#nutrition-baby {
right: 0;
bottom: 0;
position: absolute;
max-width: 80%!important
}
#fees-cloud1 {
top: 365px;
left: 15px;
position: absolute
}
#fees-cloud2 {
top: 235px;
right: -5px;
position: absolute
}
#fees-cloud3 {
top: 450px;
right: -10px;
position: absolute
}
#fees-rocket {
top: 250px;
left: 30px;
position: absolute
}
#fees-baby {
right: 15px;
bottom: 0;
position: absolute;
max-width: 80%!important
}
#links-cloud1 {
top: 250px;
left: 50px;
position: absolute
}
#links-cloud2 {
top: 400px;
left: 20px;
position: absolute
}
#links-cloud3 {
top: 435px;
right: -10px;
position: absolute
}
#links-butterfly {
top: 250px;
right: -5px;
position: absolute
}
#links-baby {
right: 10px;
bottom: 0;
position: absolute;
max-width: 80%!important
}
#contactus-cloud1 {
top: 210px;
left: 30px;
position: absolute
}
#contactus-cloud2 {
top: 440px;
right: 30px;
position: absolute
}
#contactus-cloud3 {
top: 505px;
left: -10px;
position: absolute
}
#contactus-helicopter {
top: 300px;
left: 15px;
position: absolute
}
#contactus-baby {
right: 0;
bottom: 0;
position: absolute;
max-width: 100%!important
}
#visit-cloud1 {
top: 420px;
left: 20px;
position: absolute
}
#visit-cloud2 {
top: 300px;
right: 20px;
position: absolute
}
#visit-cloud3 {
top: 470px;
right: -10px;
position: absolute
}
#visit-ladybird {
top: 200px;
right: 25px;
position: absolute
}
#visit-baby {
right: 15px;
bottom: 0;
position: absolute;
max-width: 80%!important
}
#callback-cloud1 {
top: 240px;
right: 0;
position: absolute
}
#callback-cloud2 {
top: 370px;
left: 20px;
position: absolute
}
#callback-cloud3 {
top: 380px;
right: 10px;
position: absolute
}
#callback-zeppelin {
top: 250px;
left: 10px;
position: absolute
}
#callback-baby {
right: 15px;
bottom: 0;
position: absolute;
max-width: 100%!important
}
#main-sidebar {
width: 21%;
float: left;
padding-top: 200px
}
.menu-menu-1-container ul {
font-family: sabotage_solidsolid;
list-style: none;
text-align: center;
margin-right: 6px
}
.menu-menu-1-container ul li {
padding: 0 0 7px;
margin: 10px 0 0;
background: url(//littlelearners.co.za/wp-content/themes/redbracket/images/menu-link-underline-1.png) center 100% no-repeat
}
.menu-menu-1-container ul li a {
color: #000;
font-size: 24px;
text-decoration: none;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 1)
}
.menu-menu-1-container ul li a:hover,
.menu-menu-1-container ul li.current-menu-item a {
color: #FAC131
}
#main-footer {
width: inherit;
display: block;
margin-top: 7px
}
#f-temp {
float: left;
clear: both;
left: 7%;
margin-left: -10px;
font-family: sabotage_solidsolid;
color: #000;
padding: 10px;
position: relative;
background: #9FDCF7;
-webkit-border-radius: 22px;
-moz-border-radius: 22px;
border-radius: 22px
}
.awesome-weather-wrap {
padding: 1px;
border: 3px dotted #fff;
text-align: center;
-webkit-border-radius: 17px;
-moz-border-radius: 17px;
border-radius: 17px
}
.awesome-weather-header {
padding: 0!important;
font-family: sabotage_solidsolid;
background: 0 0;
color: #000;
text-shadow: none;
font-size: 16px;
line-height: 80%
}
.awesome-weather-current-temp {
padding: 0!important;
font-family: sabotage_solidsolid;
color: #000;
text-shadow: none;
font-size: 40px!important;
line-height: 90%!important
}
.newCels {
float: right
}
.awesome-weather-current-temp sup {
display: none
}
#f-buttons {
width: 79%;
float: right
}
#f-buttons-small {
display: none
}
.coloured-btn {
width: 30%;
padding: 1%;
border-radius: 22px;
-webkit-border-radius: 22px;
-moz-border-radius: 22px;
background: green;
margin-right: 2%;
float: left;
position: relative
}
.coloured-btn-inner {
padding: 4% 0;
border: 3px dotted #fff;
text-align: center;
-webkit-border-radius: 17px;
-moz-border-radius: 17px;
border-radius: 17px;
font-family: sabotage_solidsolid;
color: #fff;
font-size: 28px;
line-height: 100%;
text-decoration: none;
display: block
}
#btn-gallery {
background: #fbc232
}
#btn-visit {
background: #bed63a
}
#btn-callback {
background: #e44044;
margin-right: 0!important
}
#copy_address {
width: 100%;
text-align: center;
clear: both;
display: block
}
#copy_address p {
margin-top: 10px;
color: #000;
font-size: 13px
}
#copy_address p a {
color: #CCECF9;
font-size: 12px;
text-decoration: none;
display: block
}
.rednaoFormContainer {
font-family: 'Open Sans', sans-serif!important;
margin: 10px 0 10px -5px;
padding: 0;
text-align: left!important
}
label.redNaoHelper {
display: none!important
}
.rednaoFormContainer input[type=submit] {
border: 0!important;
font-family: sabotage_solidsolid!important;
font-size: 20px;
cursor: pointer;
background: 0 0!important
}
#knews_widget-2 .requiredtext,
#knews_widget-2 .widget-title {
display: none
}
#knews_widget-2 input[type=text] {
width: 200px;
height: 15px;
top: 5px;
border: none;
position: relative;
float: left!important;
font-family: dom_casualregular
}
#knews_widget-2 fieldset.knewsemail {
float: left;
height: 17px;
top: 8px;
position: relative;
padding: 0;
box-sizing: content-box!important
}
#knews_widget-2 fieldset.knewsbutton {
width: 30px!important;
height: 17px!important;
top: 13px;
margin-left: -2px;
padding: 0 0 0 7px;
float: left;
position: relative;
background: #fff;
box-sizing: content-box!important
}
#knews_widget-2 input[type=submit] {
width: 30px!important;
height: 28px!important;
top: -6px;
left: 10px;
border: none;
cursor: pointer;
position: absolute!important;
background: url(//littlelearners.co.za/wp-content/themes/redbracket/images/newsbtn-bg.png) no-repeat;
font-family: dom_casualregular;
color: #fff;
font-size: 17px
}
#accordion h3 {
margin: 10px 0 0 20px!important;
line-height: 100%;
font-size: 14px;
cursor: pointer
}
#accordion div {
margin: 0;
padding: 0
}
#accordion p {
margin: 10px 0 0 20px!important
}
}
@media only screen and (min-width: 1024px) and (max-width: 1180px) {
h1,
h2 {
font-family:sabotage_solidsolid;
font-weight:400;
text-shadow:2px 2px 0 rgba(255,
255,
255,
1);
display:block;
margin-left:17px;
margin-bottom:10px
}
h1 a,
h2 a {
font-family: sabotage_solidsolid;
font-weight: 400;
text-decoration: none;
text-shadow: 2px 2px 0 rgba(255, 255, 255, 1);
display: block
}
h1 {
font-size: 29px;
text-align: center;
margin-top: 80px
}
input {
border: none!important
}
input[type=text] {
border: 0!important
}
#menu-small {
display: none
}
#main-header {
width: 100%;
height: 132px;
z-index: 1;
background: url(//littlelearners.co.za/wp-content/themes/redbracket/images/bg.png)
}
#inner-header {
width: 100%;
height: inherit;
margin: 0 auto;
overflow: visible
}
#logo {
left: 15px
}
#logo img {
max-width: 90%
}
#social-links {
background: 0 0
}
.social {
margin-top: 10px;
margin-right: 10px
}
#newsletter {
margin-right: 40px
}
#header-phone {
margin-right: 40px;
clear: right
}
#header-phone p {
font-family: sabotage_solidsolid;
font-size: 28px;
margin: 25px -10px 0 0;
text-shadow: 2px 2px 0 rgba(255, 255, 255, 1)
}
#header-phone p span {
font-family: sabotage_solidsolid;
font-size: 37px;
text-shadow: 2px 2px 0 rgba(255, 255, 255, 1)
}
#main-wrapper {
width: 100%;
margin: 0 auto
}
#main-content {
width: 77%;
padding: 90px 1% 1%;
float: right;
background: #9fdcf7;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px
}
.inner-content {
position: relative;
min-height: 580px;
border: 3px dotted #fff;
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px
}
.post-content {
width: 50%;
float: left;
margin-bottom: 20px;
position: relative
}
article h2 {
display: none!important
}
.inner-content p {
margin: 12px 0 0 17px;
font-size: 15px;
line-height: 120%
}
.inner-content ul li {
font-size: 15px
}
#image-content {
width: 50%;
float: right;
margin-top: -93px;
margin-left: 50%;
position: absolute
}
#home-cloud1 {
top: 250px;
left: 35px;
position: absolute
}
#home-cloud2 {
top: 410px;
right: -10px;
position: absolute
}
#home-cloud3 {
top: 500px;
left: 30px;
position: absolute
}
#home-flyer {
top: 220px;
right: 5px;
position: absolute
}
#home-baby {
right: 15px;
bottom: 0;
position: absolute
}
#aboutus-cloud1 {
top: 230px;
right: -6px;
position: absolute
}
#aboutus-cloud2 {
top: 322px;
left: 30px;
position: absolute
}
#aboutus-cloud3 {
top: 470px;
left: 30px;
position: absolute
}
#aboutus-bee {
top: 430px;
right: 0;
position: absolute
}
#aboutus-baby {
right: -15px;
bottom: 0;
position: absolute
}
#facilities-cloud1 {
top: 270px;
right: -5px;
position: absolute
}
#facilities-cloud2 {
top: 300px;
left: -10px;
position: absolute
}
#facilities-cloud3 {
top: 450px;
right: 10px;
position: absolute
}
#facilities-ladybird {
top: 510px;
left: 60px;
position: absolute
}
#facilities-baby {
right: 10px;
bottom: 0;
position: absolute
}
#daily-cloud1 {
top: 450px;
left: 65px;
position: absolute
}
#daily-cloud2 {
top: 235px;
right: 0;
position: absolute
}
#daily-cloud3 {
top: 460px;
right: -15px;
position: absolute
}
#daily-baloon {
top: 240px;
left: 40px;
position: absolute
}
#daily-baby {
right: 10px;
bottom: 0;
position: absolute
}
#nutrition-cloud1 {
top: 230px;
left: 10px;
position: absolute
}
#nutrition-cloud2 {
top: 220px;
right: -15px;
position: absolute
}
#nutrition-cloud3 {
top: 300px;
right: -10px;
position: absolute
}
#nutrition-airplane {
top: 400px;
right: -5px;
position: absolute
}
#nutrition-baby {
right: 10px;
bottom: 0;
position: absolute
}
#fees-cloud1 {
top: 365px;
left: 15px;
position: absolute
}
#fees-cloud2 {
top: 210px;
right: -5px;
position: absolute
}
#fees-cloud3 {
top: 450px;
right: 10px;
position: absolute
}
#fees-rocket {
top: 250px;
left: 30px;
position: absolute
}
#fees-baby {
right: 15px;
bottom: 0;
position: absolute
}
#links-cloud1 {
top: 250px;
left: 50px;
position: absolute
}
#links-cloud2 {
top: 400px;
left: 20px;
position: absolute
}
#links-cloud3 {
top: 435px;
right: -10px;
position: absolute
}
#links-butterfly {
top: 250px;
right: -5px;
position: absolute
}
#links-baby {
right: 10px;
bottom: 0;
position: absolute
}
#contactus-cloud1 {
top: 210px;
left: 30px;
position: absolute
}
#contactus-cloud2 {
top: 440px;
right: 30px;
position: absolute
}
#contactus-cloud3 {
top: 505px;
left: -10px;
position: absolute
}
#contactus-helicopter {
top: 410px;
left: -15px;
position: absolute
}
#contactus-baby {
right: -30px;
bottom: 0;
position: absolute
}
#visit-cloud1 {
top: 420px;
left: 20px;
position: absolute
}
#visit-cloud2 {
top: 390px;
right: 20px;
position: absolute
}
#visit-cloud3 {
top: 470px;
right: -10px;
position: absolute
}
#visit-ladybird {
top: 280px;
right: 25px;
position: absolute
}
#visit-baby {
right: 15px;
bottom: 0;
position: absolute
}
#callback-cloud1 {
top: 240px;
right: 0;
position: absolute
}
#callback-cloud2 {
top: 370px;
left: 20px;
position: absolute
}
#callback-cloud3 {
top: 380px;
right: 10px;
position: absolute
}
#callback-zeppelin {
top: 250px;
left: 10px;
position: absolute
}
#callback-baby {
right: 15px;
bottom: 0;
position: absolute
}
#main-sidebar {
width: 21%;
float: left;
padding-top: 220px
}
.menu-menu-1-container ul {
font-family: sabotage_solidsolid;
list-style: none;
text-align: center;
margin-right: 10px
}
.menu-menu-1-container ul li {
padding: 0 0 10px;
margin: 10px 0 0;
background: url(//littlelearners.co.za/wp-content/themes/redbracket/images/menu-link-underline.png) center 100% no-repeat
}
.menu-menu-1-container ul li a {
color: #000;
font-size: 27px;
text-decoration: none;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 1)
}
.menu-menu-1-container ul li:active:before,
.menu-menu-1-container ul li:hover:before {
content: url(//littlelearners.co.za/wp-content/themes/redbracket/images/m-dot.png);
top: -7px;
margin-right: 2px;
position: relative
}
.menu-menu-1-container ul li:active:after,
.menu-menu-1-container ul li:hover:after {
content: url(//littlelearners.co.za/wp-content/themes/redbracket/images/m-dot.png);
top: -7px;
margin-left: 2px;
position: relative
}
.menu-menu-1-container ul li.current-menu-item:before {
content: url(//littlelearners.co.za/wp-content/themes/redbracket/images/m-dot.png);
top: -7px;
margin-right: 5px;
position: relative
}
.menu-menu-1-container ul li.current-menu-item:after {
content: url(//littlelearners.co.za/wp-content/themes/redbracket/images/m-dot.png);
top: -7px;
margin-left: 5px;
position: relative
}
#main-footer {
width: inherit;
display: block;
margin-top: 7px
}
#f-temp {
float: left;
clear: both;
left: 6%;
margin-left: -10px;
font-family: sabotage_solidsolid;
color: #000;
padding: 10px;
position: relative;
background: #9FDCF7;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px
}
.awesome-weather-wrap {
padding: 1px;
border: 3px dotted #fff;
text-align: center;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px
}
.awesome-weather-header {
padding: 0!important;
font-family: sabotage_solidsolid;
background: 0 0;
color: #000;
text-shadow: none;
font-size: 21px;
line-height: 80%
}
.awesome-weather-current-temp {
padding: 0!important;
font-family: sabotage_solidsolid;
color: #000;
text-shadow: none;
font-size: 50px!important;
line-height: 100%!important
}
.newCels {
float: right
}
.awesome-weather-current-temp sup {
display: none
}
#f-buttons {
width: 79%;
float: right
}
#f-buttons-small {
display: none
}
.coloured-btn {
width: 30%;
padding: 1%;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
background: green;
margin-right: 2%;
float: left;
position: relative
}
.coloured-btn-inner {
padding: 4% 0;
border: 3px dotted #fff;
text-align: center;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
font-family: sabotage_solidsolid;
color: #fff;
font-size: 35px;
line-height: 100%;
text-decoration: none;
display: block
}
#btn-gallery {
background: #fbc232
}
#btn-visit {
background: #bed63a
}
#btn-callback {
background: #e44044;
margin-right: 0!important
}
#copy_address {
width: 100%;
text-align: center;
clear: both;
display: block
}
#copy_address p {
margin-top: 10px;
color: #000;
font-size: 13px
}
#copy_address p a {
color: #CCECF9;
font-size: 12px;
text-decoration: none;
display: block
}
.rednaoFormContainer {
font-family: 'Open Sans', sans-serif!important;
margin: 20px 0 10px -5px;
padding: 0;
text-align: left!important
}
label.redNaoHelper {
display: none!important
}
.rednaoFormContainer input[type=submit] {
border: 0!important;
font-family: sabotage_solidsolid!important;
font-size: 23px;
cursor: pointer;
background: 0 0!important
}
#knews_widget-2 .requiredtext,
#knews_widget-2 .widget-title {
display: none
}
#knews_widget-2 input[type=text] {
width: 200px;
height: 15px;
top: 5px;
border: none;
position: relative;
float: left!important;
font-family: dom_casualregular
}
#knews_widget-2 fieldset.knewsemail {
float: left;
height: 17px;
top: 8px;
position: relative;
padding: 0;
box-sizing: content-box!important
}
#knews_widget-2 fieldset.knewsbutton {
width: 30px!important;
height: 17px!important;
top: 13px;
margin-left: -2px;
padding: 0 0 0 7px;
float: left;
position: relative;
background: #fff;
box-sizing: content-box!important
}
#knews_widget-2 input[type=submit] {
width: 30px!important;
height: 28px!important;
top: -6px;
left: 10px;
border: none;
cursor: pointer;
position: absolute!important;
background: url(//littlelearners.co.za/wp-content/themes/redbracket/images/newsbtn-bg.png) no-repeat;
font-family: dom_casualregular;
color: #fff;
font-size: 17px
}
#accordion h3 {
margin: 10px 0 0 20px!important;
line-height: 100%;
font-size: 14px;
cursor: pointer
}
#accordion div {
margin: 0;
padding: 0
}
#accordion p {
margin: 10px 0 0 20px!important
}
}
@media only screen and (min-width: 1180px) {
h1,
h2 {
font-family:sabotage_solidsolid;
font-weight:400;
text-shadow:2px 2px 0 rgba(255,
255,
255,
1);
display:block;
margin-left:17px;
margin-bottom:10px
}
h1 a,
h2 a {
font-family: sabotage_solidsolid;
font-weight: 400;
text-decoration: none;
text-shadow: 2px 2px 0 rgba(255, 255, 255, 1);
display: block
}
h1 {
font-size: 31px;
text-align: center;
margin-top: 80px
}
input {
border: none!important
}
input[type=text] {
border: 0!important
}
#menu-small {
display: none
}
#main-header {
width: 100%;
height: 132px;
z-index: 1;
background: url(//littlelearners.co.za/wp-content/themes/redbracket/images/bg.png)
}
#inner-header {
width: 1180px;
height: inherit;
margin: 0 auto;
overflow: visible
}
#logo {
left: 15px
}
#social-links {
background: 0 0
}
.social {
margin-top: 10px;
margin-right: 10px
}
#newsletter {
margin-right: 40px
}
#header-phone {
margin-right: 40px;
clear: right
}
#header-phone p {
font-family: sabotage_solidsolid;
font-size: 32px;
margin: 25px -10px 0 0;
text-shadow: 2px 2px 0 rgba(255, 255, 255, 1)
}
#header-phone p span {
font-family: sabotage_solidsolid;
font-size: 40px;
text-shadow: 2px 2px 0 rgba(255, 255, 255, 1)
}
#main-wrapper {
width: 1180px;
margin: 0 auto
}
#main-content {
width: 77%;
padding: 90px 1% 1%;
float: right;
background: #9fdcf7;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px
}
.inner-content {
position: relative;
min-height: 580px;
border: 3px dotted #fff;
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px
}
.post-content {
width: 50%;
float: left;
margin-bottom: 20px;
position: relative
}
article h2 {
display: none!important
}
.inner-content p {
margin: 12px 0 0 17px;
font-size: 15px;
line-height: 120%
}
.inner-content ul li {
font-size: 15px
}
#image-content {
width: 50%;
float: right;
margin-top: -93px;
margin-left: 50%;
position: absolute
}
#home-cloud1 {
top: 250px;
left: 35px;
position: absolute
}
#home-cloud2 {
top: 410px;
right: -10px;
position: absolute
}
#home-cloud3 {
top: 500px;
left: 30px;
position: absolute
}
#home-flyer {
top: 220px;
right: 5px;
position: absolute
}
#home-baby {
right: 29px;
bottom: 0;
position: absolute
}
#aboutus-cloud1 {
top: 230px;
right: -6px;
position: absolute
}
#aboutus-cloud2 {
top: 322px;
left: 70px;
position: absolute
}
#aboutus-cloud3 {
top: 470px;
left: 70px;
position: absolute
}
#aboutus-bee {
top: 430px;
right: 0;
position: absolute
}
#aboutus-baby {
right: -15px;
bottom: 0;
position: absolute
}
#facilities-cloud1 {
top: 270px;
right: -10px;
position: absolute
}
#facilities-cloud2 {
top: 300px;
left: 5px;
position: absolute
}
#facilities-cloud3 {
top: 450px;
right: 20px;
position: absolute
}
#facilities-ladybird {
top: 510px;
left: 90px;
position: absolute
}
#facilities-baby {
right: 10px;
bottom: 0;
position: absolute
}
#daily-cloud1 {
top: 450px;
left: 85px;
position: absolute
}
#daily-cloud2 {
top: 235px;
right: -10px;
position: absolute
}
#daily-cloud3 {
top: 460px;
right: 5px;
position: absolute
}
#daily-baloon {
top: 240px;
left: 80px;
position: absolute
}
#daily-baby {
right: 10px;
bottom: 0;
position: absolute
}
#nutrition-cloud1 {
top: 230px;
left: 30px;
position: absolute
}
#nutrition-cloud2 {
top: 220px;
right: 5px;
position: absolute
}
#nutrition-cloud3 {
top: 300px;
right: -10px;
position: absolute
}
#nutrition-airplane {
top: 400px;
right: -5px;
position: absolute
}
#nutrition-baby {
right: 10px;
bottom: 0;
position: absolute
}
#fees-cloud1 {
top: 365px;
left: 45px;
position: absolute
}
#fees-cloud2 {
top: 210px;
right: -10px;
position: absolute
}
#fees-cloud3 {
top: 450px;
right: 15px;
position: absolute
}
#fees-rocket {
top: 250px;
left: 60px;
position: absolute
}
#fees-baby {
right: 29px;
bottom: 0;
position: absolute
}
#links-cloud1 {
top: 250px;
left: 100px;
position: absolute
}
#links-cloud2 {
top: 400px;
left: 80px;
position: absolute
}
#links-cloud3 {
top: 435px;
right: -10px;
position: absolute
}
#links-butterfly {
top: 250px;
right: -5px;
position: absolute
}
#links-baby {
right: 10px;
bottom: 0;
position: absolute
}
#contactus-cloud1 {
top: 210px;
left: 70px;
position: absolute
}
#contactus-cloud2 {
top: 440px;
right: 30px;
position: absolute
}
#contactus-cloud3 {
top: 505px;
left: 17px;
position: absolute
}
#contactus-helicopter {
top: 380px;
left: 17px;
position: absolute
}
#contactus-baby {
right: -30px;
bottom: 0;
position: absolute
}
#visit-cloud1 {
top: 420px;
left: 60px;
position: absolute
}
#visit-cloud2 {
top: 390px;
right: 20px;
position: absolute
}
#visit-cloud3 {
top: 470px;
right: -10px;
position: absolute
}
#visit-ladybird {
top: 280px;
right: 25px;
position: absolute
}
#visit-baby {
right: 29px;
bottom: 0;
position: absolute
}
#callback-cloud1 {
top: 240px;
right: 0;
position: absolute
}
#callback-cloud2 {
top: 370px;
left: 60px;
position: absolute
}
#callback-cloud3 {
top: 380px;
right: 10px;
position: absolute
}
#callback-zeppelin {
top: 250px;
left: 50px;
position: absolute
}
#callback-baby {
right: 29px;
bottom: 0;
position: absolute
}
#main-sidebar {
width: 21%;
float: left;
padding-top: 240px
}
.menu-menu-1-container ul {
font-family: sabotage_solidsolid;
list-style: none;
text-align: center;
margin-right: 20px
}
.menu-menu-1-container ul li {
padding: 0 0 10px;
margin: 10px 0 0;
background: url(//littlelearners.co.za/wp-content/themes/redbracket/images/menu-link-underline.png) center 100% no-repeat
}
.menu-menu-1-container ul li a {
color: #000;
font-size: 31px;
text-decoration: none;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 1)
}
.menu-menu-1-container ul li:active:before,
.menu-menu-1-container ul li:hover:before {
content: url(//littlelearners.co.za/wp-content/themes/redbracket/images/m-dot.png);
top: -7px;
margin-right: 5px;
position: relative
}
.menu-menu-1-container ul li:active:after,
.menu-menu-1-container ul li:hover:after {
content: url(//littlelearners.co.za/wp-content/themes/redbracket/images/m-dot.png);
top: -7px;
margin-left: 5px;
position: relative
}
.menu-menu-1-container ul li.current-menu-item:before {
content: url(//littlelearners.co.za/wp-content/themes/redbracket/images/m-dot.png);
top: -7px;
margin-right: 5px;
position: relative
}
.menu-menu-1-container ul li.current-menu-item:after {
content: url(//littlelearners.co.za/wp-content/themes/redbracket/images/m-dot.png);
top: -7px;
margin-left: 5px;
position: relative
}
#main-footer {
width: inherit;
display: block;
margin-top: 10px
}
#f-temp {
float: left;
clear: both;
left: 6%;
margin-left: -10px;
font-family: sabotage_solidsolid;
color: #000;
padding: 10px;
position: relative;
background: #9FDCF7;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px
}
.awesome-weather-wrap {
padding: 1px;
border: 3px dotted #fff;
text-align: center;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px
}
.awesome-weather-header {
padding: 0!important;
font-family: sabotage_solidsolid;
background: 0 0;
color: #000;
text-shadow: none;
font-size: 23px;
line-height: 80%
}
.awesome-weather-current-temp {
padding: 0!important;
font-family: sabotage_solidsolid;
color: #000;
text-shadow: none;
text-align: left;
font-size: 55px!important;
line-height: 110%!important
}
.newCels {
float: right;
display: inline!important
}
.awesome-weather-current-temp sup {
display: none
}
#f-buttons {
width: 79%;
float: right
}
#f-buttons-small {
display: none
}
.coloured-btn {
width: 30%;
padding: 1%;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
background: green;
margin-right: 2%;
float: left;
position: relative
}
.coloured-btn-inner {
padding: 4% 0;
border: 3px dotted #fff;
text-align: center;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
font-family: sabotage_solidsolid;
color: #fff;
font-size: 40px;
line-height: 100%;
text-decoration: none;
display: block
}
#btn-gallery {
background: #fbc232
}
#btn-visit {
background: #bed63a
}
#btn-callback {
background: #e44044;
margin-right: 0!important
}
#copy_address {
width: 100%;
text-align: center;
clear: both;
display: block
}
#copy_address p {
margin-top: 10px;
color: #000;
font-size: 13px
}
#copy_address p a {
color: #CCECF9;
font-size: 12px;
text-decoration: none;
display: block
}
.rednaoFormContainer {
font-family: 'Open Sans', sans-serif!important;
margin: 20px 0 10px -5px;
padding: 0;
text-align: left!important
}
label.redNaoHelper {
display: none!important
}
.rednaoFormContainer input[type=submit] {
border: 0!important;
font-family: sabotage_solidsolid!important;
font-size: 23px;
cursor: pointer;
background: 0 0!important
}
#knews_widget-2 .requiredtext,
#knews_widget-2 .widget-title {
display: none
}
#knews_widget-2 input[type=text] {
width: 200px;
height: 15px;
top: 5px;
border: none;
position: relative;
float: left!important;
font-family: dom_casualregular
}
#knews_widget-2 fieldset.knewsemail {
float: left;
height: 17px;
top: 8px;
position: relative;
padding: 0;
box-sizing: content-box!important
}
#knews_widget-2 fieldset.knewsbutton {
width: 30px!important;
height: 17px!important;
top: 13px;
margin-left: -2px;
padding: 0 0 0 7px;
float: left;
position: relative;
background: #fff;
box-sizing: content-box!important
}
#knews_widget-2 input[type=submit] {
width: 30px!important;
height: 28px!important;
top: -6px;
left: 10px;
border: none;
cursor: pointer;
position: absolute!important;
background: url(//littlelearners.co.za/wp-content/themes/redbracket/images/newsbtn-bg.png) no-repeat;
font-family: dom_casualregular;
color: #fff;
font-size: 17px
}
#accordion h3 {
margin: 10px 0 0 20px!important;
line-height: 100%;
font-size: 14px;
cursor: pointer
}
#accordion div {
margin: 0;
padding: 0
}
#accordion p {
margin: 10px 0 0 20px!important
}
.rebox-contents img {
: transform()
}
}
#knewsform_1 {
display: none;
}
#copy_address a{
cursor: default;
pointer-events: none;
}