/**
Theme Name: Kids Kamp
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kids-kamp
Template: astra
*/


@font-face {
  font-family: 'Berlinsans-Roman';
  src: url('fonts/Berlinsans-Roman.eot'); /* IE9 Compat Modes */
  src: url('fonts/Berlinsans-Roman.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/Berlinsans-Roman.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/Berlinsans-Roman.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/Berlinsans-Roman.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/Berlinsans-Roman.svg') format('svg'); /* Legacy iOS */
}  


.pdLR20 {
	padding: 0 20px !important;
}
.attachmentFixed {
	    background-attachment: fixed !important;
    background-size: cover !important;
}
.backgroundf5f5f5 {
	background: #f5f5f5 !important;
}
.standoutParaLax {
    background-image: url(./images/abstract-grey.jpg);
}
.philosophyParaLax{
	background-image: url(./images/Philosophy-bg.jpg);
}
.educatorsParaLax{
	background-image: url(./images/Educators-bg.jpg);
}
.parentsParaLax{
	background-image: url(./images/parentsparalax.jpg);
}
.backgroundblue{
	background: #063a52!important;
}
.backgroundyellow{
	background:#fafaf2!important;
}
.bgdarkyellow{
	background:#fb9d00!important;
}
.vc_btn3-size-md {
	font-size: 19px !important;
    font-weight: bold !important;
    border-radius: 50px !important;
    border: 0px!important;
    line-height: 0 !important;
    padding: 23px 30px 29px !important;
    color: #fff !important;
    background: #fba617 !important;
    text-decoration: none!important;
}
.vc_btn3-size-md:hover {
    background: #063a52!important;
}
#dayCareServices .vc_btn3-size-md:hover {
    background: #fff !important;
	color: #063a52!important;
}


.kidz100 figure.wpb_wrapper.vc_figure, .kidz100 .vc_single_image-wrapper.vc_box_border_grey, .kidz100 img.vc_single_image-img.attachment-full {
    width: 100%;
}
.timing-info .aio-icon i{
    position: relative;
    right: -2px;
}
.timing-info .aio-icon-description {
     margin-top: 0px; 
}
.timing-info .aio-icon-component{
    box-shadow: 0px 0px 5px 0px #a7a7a7;
    padding: 30px 20px 25px;
    background: antiquewhite;
}
.timing-row{
    position: relative;
}
.enrolNow a {
    color: #fff !important;
}
.enrolNow p:hover a {
    color: #063a52 !important;
}
.contWCS p {
    text-align: center;
    padding: 0 20px;
    margin-top: 15px;
}
.wcuSl .ult-item-wrap {
    margin: 0px !important;
}
.contWCSIcon {
    position: relative;
}
.contWCS{
    position: relative;
    margin-top: 15px;
}

.doodles-img{
    text-align: center;
}

.bullet-point li:before {
    color: #fff;
}

.doodles-img{
    position: relative;
}
.kid-img{
    position: absolute;
    left: 210px;
}


.icontoyHomeDown {
    position: absolute;
    left: 0;
    bottom: -110px;
    right: 0;
    margin: 0 auto;
    display: block;
    width: 40px;
}
.icon2 img {
    border-radius: 60%;
    padding: 4px;
    background: #063a52;
}
.ult-vc-seperator svg {
    width: 100%;
    height: auto !important;
}
li.fborer b {
    line-height: 1.2 !important;
}
/*.ays-pb-modal .ginput_container.ginput_container_fileupload {
    margin: 0 auto;
    width: 260px;
}*/
.vc_col-has-fill>.vc_column-inner, .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_column_container>.vc_column-inner {
    padding-top: 0px !important;
}
h1, .entry-content h1, h2, .entry-content h2, h3, .entry-content h3, h4, .entry-content h4, h5, .entry-content h5, h6, .entry-content h6, .slide-head, .sliderFont{
	    font-family: 'Berlinsans-Roman' !important;
}
.site-above-footer-wrap[data-section="section-above-footer-builder"] .ast-builder-grid-row {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}
.footer-widget-area[data-section="section-fb-html-1"] .ast-builder-html-element img {
    width: 100%;
}
.white, .white-1{
	color: white !important;
}
.pd-100{
padding: 130px 0px !important;
}
.pd-top{
padding-top: 130px!important;
}
.pd-bottom{
padding-bottom: 130px!important;
}
.white{
	color: #fff!important;
}
button.ubtn-normal {
    font-size: 19px !important;
    font-weight: bold !important;
    border-radius: 50px !important;
    line-height: 0 !important;
    padding: 23px 30px 29px !important;
    color: #fff !important;
    background: #fba617 !important;
}
.inversebtn button.ubtn-normal {
    background: #063a52 !important;
}
.sectionIcon, .sectionIcon .innerRowWidth {
    position: relative;
}
.site-primary-footer-wrap[data-section="section-primary-footer-builder"] {
    border-top: 0px;
}
.entry-content p {
    margin-bottom: 15px;
}
*:not(p), footer p , header p{
 margin-bottom: 0px!important;
}
.vc_column-inner{
    padding-top: 0px;
}  
a:focus{
    outline:0px!important;
}
.upb_row_bg {
    background-position: bottom !important;
}

.ast-sticky-active {
	top: 30px;
}
.icontoyHome {
    position: absolute;
    right: 50px;
    top: -110px;
    transform: rotate(-25deg);
}
.icontoyHome2 {
    position: absolute;
    left: 50px;
    bottom: -110px;
    transform: rotate(25deg) !important;
}
.getInTouch {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 10px;
    padding: 20px;
}
	.gITR {
    display: grid;
    grid-template-columns: calc(100% - 230px) 230px;
    grid-column-gap: 0px;
    align-items: center;
    background: #fba617;
    padding: 20px 20px;
		    border-top-right-radius: 130px;
    border-bottom-right-radius: 130px;
}
	.gITL {
    display: grid;
    grid-template-columns:  230px calc(100% - 230px);
    grid-column-gap: 0px;
    align-items: center;
    background: #063a52;
    padding: 20px 20px;
    border-top-left-radius: 130px;
    border-bottom-left-radius: 130px;
}
	.gIT1 > p:first-child {
    font-size: 30px;
    font-family: 'Berlinsans-Roman' !important;
    margin-bottom: 30px !important;
    color: #fff;
}

	.gIT2 {
    background: #063a52;
    border-radius: 50%;
    position: relative;
    border: 2px solid #fff;
    border-bottom: 0px;
    height: 230px;
    width: 230px;
    box-shadow: 0 0 10px rgb(255 255 255 / 40%);
    transition: .7s;
}
	.gIT2 img {
 	position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    width: 93%;
    bottom: 0;
    bottom: -20px;
}
	.gITL .gIT2 {
    background: #fba617;
}
	.gITR .gIT2 img {
    width: 87%;
}
	.enrolNow p {
    font-size: 19px !important;
    font-weight: bold !important;
    border-radius: 50px !important;
    line-height: 0 !important;
    padding: 23px 30px 29px !important;
    color: #fff !important;
    background: #063a52 !important;
    width: max-content;
    margin: 0 auto;
    transition: .3s;
}
	.enrolNow p:hover {
    color: #063a52 !important;
    background: #fff !important;
		cursor: pointer;
	}
	.gITR {
    border-top-right-radius: 125px;
    border-bottom-right-radius: 125px;
}
	.gITL .enrolNow p {
    background: #fba617 !important;
}
	.gITL .enrolNow p:hover {
    color: #063a52 !important;
    background: #fff !important;
}
/* ---- Media screen css ------- */
@media only screen and (min-width:768px){
.stretchMe{  position: relative;
    width: 100vw !important;
    left: 50% !important;
    margin-left: -50vw !important;
    max-width: inherit !important;
}
nav#primary-site-navigation ul.main-header-menu li:last-child a {
    padding-right: 0px !important;
}
} 
@media only screen and (max-width:768px) {
	.upb_video-bg, .vcpb-default, .vcpb-fix, .vcpb-hz-jquery, .vcpb-vz-jquery, .vertical_layer_parallax {
background-attachment: scroll!important;
}
}

/* ----- Slider css start ------ */

.hori-move img {
    -webkit-animation: mover 1s linear infinite;
    animation: mover 1s linear infinite;
/* 	animation: shapePluse 6s linear infinite; */
}

@keyframes mover {
    0% { transform: rotateZ(-10deg); }
    100% { transform: rotateZ(10deg); }
}

.car-img img {
    -webkit-animation: updown 1s infinite  alternate;
    animation: updown 1s infinite  alternate;
}
@keyframes updown {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
.hero-sli-img-1{
    animation: movingX 8s linear infinite;	
}
.hero-sli-img-2{
	animation: moving 8s linear infinite;
}
.hero-sli-img-3{
	
}

/* ----- Slider css end ------ */

/* ----- Home css Start ------ */

.hero-about-1{
	left: 300px;
    position: absolute;
    top: -45px;
}
.hero-about-2{
	left: 215px;
    position: absolute;
    top: -45px;
}

/* ----- Home css end ------ */



/* ----- Footer css Start ------ */

.hero-footer-link li {
	padding-bottom: 10px;
}
.hero-footer-link a {
    position: relative;
	padding-left: 30px;
	color: white;
}
.hero-footer-link a:before {
    content: "";
    background: url(./images/arrow.png);
    position: absolute;
    height: 40px;
    width: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    left: 0;
    top: 4px;
}
.hero-footer-3 p {
    padding-left: 30px;
}
.hero-footer-3 p a{
    color: white;
	word-break: break-all;
}
.hero-footer-3 p i{
    margin-left: -30px;
    padding-right: 15px;
    color: #ffffff;
}
Footer h2.widget-title{
	padding-bottom: 15px !important;
	color: white !important;
	font-size: 35px;
}
.hero-footer-3 p{
	color: white !important;
    padding-bottom: 15px !important;
}
.hero-timefoo2{
	background-image: url(https://kidskamp.com.au/wp-content/uploads/2023/05/footer-bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    padding: 50px;
    width: auto;
    height: 350px;
}
.hero-timefoo li b{
	font-size: 22px;
	line-height: 50px;
}
#media_image-3 img{
	animation: moving 8s linear infinite;
    position: absolute;
    bottom: -170px;
}
.site-footer{
	position: relative;
}
.ast-sticky-main-shrink .ast-sticky-shrunk .site-logo-img img {
    max-height: 81px!important;
}
/*
 .site-footer:before{
	content: ' ';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(https://kidskamp.com.au/wp-content/uploads/2023/04/main-shape-after.png);
    top: -5px;
    background-repeat: no-repeat;
    background-size: contain;
}
*/
/* ----- Footer css end ------ */

/* ----- Services css Start ------ */

.ast-title-bar-wrap{
	position: relative;
}
.ast-title-bar-wrap:before{
	content: ' ';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(https://kidskamp.com.au/wp-content/uploads/2023/04/main-shape-after.png);
    bottom: 0;
    background-repeat: no-repeat;
    background-size: contain;
}
.info-box-style{  
    padding: 35px 35px;
    padding-bottom: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    height: 410px;
} 
.our-services > .vc_column-inner > .wpb_wrapper{
    background-color: #c02121!important;
    border-color: #000000;
    box-shadow: 13px 13px #000000!important;
}
.our-services > .vc_column-inner > .wpb_wrapper:hover{
    background-color: #000000!important;
    border-color: #c02121;
    box-shadow: 13px 13px #c02121!important;
}
 .our-services > .vc_column-inner > .wpb_wrapper p, 
 .our-services > .vc_column-inner > .wpb_wrapper h3, 
 .our-services > .vc_column-inner > .wpb_wrapper a{
    color:#fff!important;
}
.aio-icon-img .img-icon {
    animation: vibrate-1 1s infinite linear;
    -moz-animation: vibrate-1 1s infinite linear;
    -webkit-animation: vibrate-1 1s infinite linear;
    -ms-animation: vibrate-1 1s infinite linear;}

/* ----- Services Page css end ------ */

/* ----- About Us Page css Start ------ */

.info-mission{
    background:#fb9d00;
    padding: 40px;
}
.info-vision{
    background:#063a52;
    padding: 40px;
}
#post-154 > div > div.vc_row.wpb_row.vc_row-fluid.vc_custom_1634288929659.ult-vc-hide-row.vc_row-has-fill > div.wpb_column.vc_column_container.vc_col-sm-12 > div{
    padding-top:0px!important;
    padding-bottom:0px!important;
}
.ult-carousel-wrapper {
    margin-bottom: 0px!important;
    padding-bottom: 0px!important;
    padding-left: 15px;
    padding-right: 15px;
}
.mission h4, .mission p , .mission i{
    color:white !important;
    text-align:center;
}
.mission h4{
    font-size:50px !important;
	    padding-bottom: 15px;
}
.mission i{
    text-align: center;
    vertical-align: bottom;
    font-size:60px;
    width:100%;
    height:60px;
}

/* ----- About Us Page css end ------ */

/* ----- Common css start ------ */


.kids-banner .upb_row_bg {
    background-position: top !important;
}

.kids-banner .banner-shape h1 {
    position: absolute;
    z-index: 3;
    left: 45px;
    text-align: center;
    color: #fff;
    margin: 0;
    top: 80%;
}

.banner-shape img{
	width: 100%;
    margin-top: 30px;
}

.number-list{
    margin-left: -20px!important;
    margin-top: 0px!important;
}
.number-list li::marker{
    color: #063a52;
}
.number-list li{
    padding-left: 10px;
    padding-bottom: 8px;
}

.bullet-point{
    margin-left:-40px!important;
    list-style:none;
}
.bullet-point li{
    list-style:none;
    position:relative;
    padding-left:30px;
    padding-bottom:10px;
}
.bullet-point li:before{
    position:absolute;
    content:'\f178';
    display:block;
    left:0;
    top:0;
    font-family: "Font Awesome 6 Pro";
    color: #063a52;
    font-weight: 600;
    font-size: 16px;
}
.join-row .upb_row_bg {
    background-position: top !important;
}
.join-hands > .vc_column-inner > .wpb_wrapper{
    background: rgb(255 255 255 / 94%);
    padding: 50px 45px;
}


/* ----- Common css end ------ */

















.hero-img2 img{
    animation: moving 8s linear infinite;
}
.hero-img3 img{
    animation: movingX 8s linear infinite;
}
.hero-img4 img {
    position: absolute;
    bottom: -90px;
    left: 0;
    margin: auto;
    right: 0;
    animation: rotateShape 10s linear infinite;
}
.shapePulse {
     animation: shapePluse 6s linear infinite;
}
@keyframes shapePluse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

.rotate {
  animation: rotateShape 10s linear infinite;
}
@keyframes rotateShape {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.moving {
  animation: moving 8s linear infinite;
}
@keyframes moving {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-50px);
  }
  100% {
    transform: translateY(0);
  }
}

.movingX {
  animation: movingX 8s linear infinite;
}
@keyframes movingX {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-50px);
  }
  100% {
    transform: translateX(0);
  }
}
.movingTopLeft {
  animation: movingTopLeft 10s linear infinite;
}
@keyframes movingTopLeft {
  0% {
    opacity: 1;
    transform: translate(0, 0);
  }
  100% {
    opacity: 0;
    transform: translate(-200px, -200px);
  }
}

.movingBottomLeft {
  animation: movingBottomLeft 10s linear infinite;
}
@keyframes movingBottomLeft {
  0% {
    opacity: 1;
    transform: translate(0, 0);
  }
  100% {
    opacity: 0;
    transform: translate(150px, 150px);
  }
}

/* Media CSS Start */

@media only screen and (max-width:500px){
.site-primary-footer-wrap[data-section="section-primary-footer-builder"] {
    padding-top: 100px;
    padding-bottom: 300px;
}
#media_image-3 img{
    bottom: -325% !important;
}
}

@media only screen and (min-width:920px) and (max-width:1200px){
.main-header-menu .menu-link, .main-header-menu>a {
    padding: 0 0.8vw !important;
}
}
@media only screen and (min-width:1024px) and (max-width:1600px){
	.kidD {
		bottom: -80px;
	}
}
@media only screen and (min-width:768px) and (max-width:1023px){
.hero-timefoo2 {
    background-size: cover !important;
	height: 285px !important;
}
}
@media only screen and (min-width:768px) and (max-width:1300px){
Footer h2.widget-title {
    font-size: 22px !important;
}
.hero-timefoo li b {
    font-size: 16px;
    line-height: 25px;
}
.hero-timefoo2 {
    padding: 15px;
}
}


@media only screen and (min-width:500px) and (max-width:767px){
Footer h2.widget-title {
    font-size: 25px !important;
}
Footer .ast-builder-footer-grid-columns.site-primary-footer-inner-wrap.ast-builder-grid-row {
     grid-template-columns: repeat( 2,1fr ) !important;
	grid-row-gap: 30px;
}
}


@media only screen and (min-width:1501px){
.ast-container, .innerRowWidth{
	max-width: 85%;
	margin: auto !important
	}}
@media only screen and (max-width:1500px){
.ast-container, .innerRowWidth{
	min-width: 100%;
	padding: 0 40px
	}}
@media only screen and (min-width:921px) and (max-width:1450px){
	#masthead .ast-container, .site-header-focus-item + .ast-breadcrumbs-wrapper {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
	p.headerCall span:last-child {
    font-size: 2vw !important;
}
p.headerCall span:first-child {
    font-size: 2vw !important;
}
	p.headerCall {
    padding-left: 40px !important;
}
	p.headerCall img {
    width: 30px !important;
		margin-top: 1vw !important;
}
	.ast-logo-title-inline .site-logo-img {
    padding-right: 0px;
}
	.ast-builder-menu-1 .menu-item > .menu-link {
		font-size: 1.65vw;
    padding: 0 1.1vw;
	}
	header .custom-logo-link img {
    width: 12vw !important;
}
}
@media only screen and (max-width:921px){
	.icontoyHomeDown {
    bottom: -70px;
}
	.icontoyHome {
    transform: rotate(-25deg) scale(0.6) !important;
		right: 10px;
}
	.icontoyHome2 {
    left: 20px !important;
    bottom: -80px !important;
		    width: 70px;
}
#masthead .ast-mobile-header-wrap .ast-above-header-bar {
    background: linear-gradient(90deg, #fb9d00, #063a52);
}
	.pd-100{
padding: 80px 0px !important;
}
.pd-top{
padding-top: 80px!important;
}
.pd-bottom{
padding-bottom: 80px!important;
}
	.banner-shape img {
    width: 100%;
    margin-top: 80px;
}
	.banner-shape i {
    left: initial;
    right: 20px;
}
.kids-banner .banner-shape h1 {
    left: 20px;
}
.getInTouch {
    display: inherit !important;
	padding: 0px !important;
}
.gIT2 {
    height: 140px !important;
    width: 140px !important;
}
.gITL {
    grid-template-columns: 150px calc(100% - 300px) 150px !important;
	margin-bottom: 30px !important;
	margin-top: 30px !important;
}
.gITR {
    grid-template-columns:  calc(100% - 140px) 140px !important;
	margin-bottom: 30px !important;
}
	div#EnF2 .gIT1 {
    padding-left: 150px;
}
}
@media only screen and (max-width:767px){
	
	.banner-shape i {
    display: none;
}
	.kids-banner .banner-shape h1 {
		top: initial;
		bottom: 20px;
    font-size: 6vw;
    text-shadow: 1px 1px 3px #063a52;
}
	.banner-shape img {
    margin-top: 100px;
}
	.vc_column_container>.vc_column-inner {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
	.csT td {
    padding: 10px 10px;
    font-size: 12px;
}
.csT th {
    padding: 10px 10px;

    font-size: 12px;
}
	.footer-widget-area.widget-area.site-footer-focus-item.ast-footer-html-1 {
    display: none;
}
	.hero-timefoo2 {
		padding: 10px 20px;
	}
	.gIT1 > p:first-child {
    margin-bottom: 20px !important;
		line-height: 1.2;
		font-size: 25px;
}
	.gITL {
    grid-template-columns: 150px calc(100% - 150px) !important;
	margin-bottom: 30px !important;
	margin-top: 30px !important;
}
.gITR {
    grid-template-columns:  calc(100% - 140px) 140px !important;
	margin-bottom: 30px !important;
}
		div#EnF2 .gIT1 {
    padding-left: 0px;
}
	div#dayCareServices p, div#dayCareServices h2, div#dayCareServices .ubtn-ctn-left {
    text-align: center;
}
	div#dayCareServices a.ubtn-link .ubtn {
    display: block;
    margin: 0 auto;
}
	.mt-30{
		margin-top: 30px;
	}
	.reverse-text{
		display: flex!important;
		flex-direction: column-reverse;
	}
	.educator-brush:after {
    	display: none!important;
	}
	.ubtn-normal {
    padding: 0px!important;
}
	.ast-container, .innerRowWidth{
	min-width: 100%;
	padding: 0 15px
	}
.mission h4 {
    font-size: 30px !important;
}
.info-mission {
    border-radius: 20px 20px 0px 0px!important;
}
	.hero-togle1 > .vc_column-inner {
    border-radius: 0px 0px 20px 20px!important;
}
	.our_program > .vc_column-inner > .wpb_wrapper {
    border-bottom: 1px solid #e6e6e6;
		border-right: 0px!important;
    padding: 0px 0px 30px 0px!important;
}
	.lord_icon img {
    margin-top: 30px;
}
	table.csT th:first-child {
    width: 115px;
}
}
@media only screen and (max-width:1200px) {
	.hero-img22, .hero-imgkids img {
    display: none;
}
}
@media only screen and (max-width:544px){
	.banner-shape img {
    margin-top: 120px;
}
	Footer h2.widget-title {
		font-size: 25px;
	}
	.ast-builder-grid-row-container.ast-builder-grid-row-mobile-full .ast-builder-grid-row {
    grid-template-columns: 1fr;
    grid-row-gap: 30px;
}
}