/**
 * Theme Name:     ChildIt Child
 * Author:         Izundo Solutions
 * Template:       childit
 * Text Domain:	   childit-child
 * Description:    Theme for Kids in Motion
 */

/* GLOBAL */
body p {
    font-size: 18px;
}

body a {
	color: #b1c9e8;
}

.main-nav-list li .sub-menu {
	border-top-color: #b1c9e8;
}

.main-nav-list li .sub-menu li {
	padding-top: 10px;
	padding-bottom: 10px;
}

.main-nav-list li a {
	text-decoration: none;
}

.wave-block:before,
.wave-block:after{
	content: none;
}

.page-name .page-name-img {
	display: none !important;
}

.my-paroller {
	display: none !important;
}

.page-name {
	min-height: 500px;	
}

.grecaptcha-badge {
	visibility: hidden;
}

@media (max-width: 480px) {
	.page-name {
   		min-height: 200px;
	}
}

@media (max-width: 767px) {
	.page-name {
		min-height: 260px;
	}
}

@media (max-width: 991px) {
	.page-name {
   		min-height: 300px;
	}
}

.page-name h1 {
	color: #fff !important;
}

.preloader .preloader-item::after {
    background-color: #84A0C7 !important;
}

/*  Contact Form */
.custom-contact-form .wpforms-field-container {
	display: flex;
	flex-wrap: wrap;
}

.custom-contact-form .wpforms-field-container .wpforms-field.input-name,.custom-contact-form .wpforms-field-container .wpforms-field.input-email {
	width: 50%;
}

@media (max-width: 650px) {
	.custom-contact-form .wpforms-field-container .wpforms-field.input-name, .custom-contact-form .wpforms-field-container .wpforms-field.input-email{
		width: 100%;
	}
}

.custom-contact-form .wpforms-field-container .wpforms-field.wpforms-field-textarea {
	width: 100% !important;
}

.custom-contact-form .wpforms-field-container .wpforms-field input,
.custom-contact-form .wpforms-field-container .wpforms-field select,
.custom-contact-form .wpforms-field-container .wpforms-field textarea{
	max-width: 90%;
	border-top: none;
    border-left: none;
    border-right: none;
	border-radius: 0;
}

.custom-contact-form .wpforms-field-container .wpforms-field input:focus, .custom-contact-form .wpforms-field-container .wpforms-field select:focus, .custom-contact-form .wpforms-field-container .wpforms-field textarea:focus {
	border: 1px solid #cdcdcd;
	box-shadow: none;
}


.custom-contact-form button {
	background-color: #B1C9E8 !important;
	padding: 15px 40px !important;
	height: auto !important;
}

.custom-contact-form button:hover {
	background-color: ##B1C9E8 !important;
	color: #fff !important;
}

.custom-contact-form select:required:invalid {
	color: #a0a0a0;
}

.wpforms-confirmation-container-full {
	background: #fff !important;
	border: 2px solid #b1c9e8 !important;
}

/* Footer */
.footer-bottom p {
  font-size: 16px;
}

@media only screen and (max-width: 500px) {
	.contact-container iframe {
		height: 250px;
	}
}


.flex-style li a {
  font-size: 18px
}

footer .footer-top {
	background-image: url(https://kidsinmotiodev.wpengine.com/wp-content/uploads/2023/07/tablet_footer3.png) !important;
    background-size: 100% 100%;
    background-repeat-x: no-repeat;
}

@media (max-width: 480px){
	footer .footer-top {
		padding-top: 50px;
		padding-bottom: 5px;
	}
	
	footer .widget_text {
		margin-bottom: 10px !important;
	}
	
	footer .f-nav li a {
		font-size: 18px;
	}
}


/* Hiding hamburger menu for desktop */
@media (min-width: 1200px) {
    .header-controls {
        display: none !important;
    }
}

/* Adjust logo on header */
.top-line a img {
    width: 250px !important;
}

@media (max-width: 768px) {
    .top-line a img {
        width: 185px !important;
    }
}

a, p, span, h4 {
    font-family: ITC Legacy Serif !important;
}

.header {
	padding: 5px 0; 
}

header.header.is-scroll {
    margin-top: 0 !important;
}

@media only screen and (min-width: 310px) and (max-width: 1199px) {
    .main-nav .close-nav {
        margin-top: 22px !important;
    }
}

/* Loader */
.preloader .preloader-item:nth-child(1):after {
    background-color: #84A0C7 !important;
}

.preloader .preloader-item:nth-child(2):after {
    background-color: #84A0C7 !important;
}

.preloader .preloader-item:nth-child(3):after {
    background-color: #84A0C7 !important;
}

.preloader .preloader-item:nth-child(4):after {
    background-color: #84A0C7 !important;
}

.preloader .preloader-item:nth-child(5):after {
    background-color: #84A0C7 !important;
}

.preloader .preloader-item:after {
   box-shadow:  0px 0px 4px 0px rgb(83 102 115 / 40%) !important;
}

.main-nav-list li a {
  font-size: 20px !important;
}

.read-more, .contact-list p{
    font-size: 20px !important;
}

.contact-list a {
	  font-size: 18px !important;
}


#wpadminbar #wp-admin-bar-site-name a.ab-item {
    font-size: 13px !important;
}

/* contact form*/

.r-cloud::after {
	content: none !important;
}

/* ------------ */



/* HOME PAGE */
.elementor-widget-image-box {
    height: 100% !important;
}

.elementor-widget-image-box .elementor-widget-container {
     height: 100% !important;
}

.main-slider .slide-content .content-head span {
	color: #8ba2d0;
}

@media (max-width: 480px) {
	.main-slider .slide-content .content-head span {
		padding: 15px;
	}
}

.elementor-141 .elementor-element.elementor-element-20f6071:not(.elementor-motion-effects-element-type-background) {
	background-image: url('https://kidsinmotiodev.wpengine.com/wp-content/uploads/2023/07/gray_wave.png') !important;
}

#customer-benefits .advantage-list li:nth-child(odd)::after {
	background: url('https://kidsinmotiodev.wpengine.com/wp-content/uploads/2023/07/wave-and-sun.jpg') !important;
	background-size: contain !important;
    background-repeat: no-repeat !important;
	opacity: 0.2;
	left: -18% !important;
}

@media (max-width: 550px)  {
	#customer-benefits .advantage-list li:nth-child(odd)::after {
		left: 12% !important;
	}
}

.custom-card::before {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 10% !important;
    width: 0 !important;
    height: 0 !important;
    border-style: solid !important;
    border-width: 0 40px 40px 0 !important;
    border-color: transparent #EAF5F8 !important;
    -webkit-transform: translate(0, 100%) skew(5deg) !important;
    -ms-transform: translate(0, 100%) skew(5deg) !important;
    transform: translate(0, 100%) skew(5deg) !important;
}

.custom-card::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 10% !important;
    width: 0 !important;
    height: 0 !important;
    border-style: solid !important;
    border-width: 0 30px 30px 0 !important;
    border-color: transparent #fff !important;
    -webkit-transform: translate(5px, 100%) skew(5deg) !important;
    -ms-transform: translate(5px, 100%) skew(5deg) !important;
    transform: translate(5px, 100%) skew(5deg) !important;
}

.testimonials-grid .elementor-loop-container div:nth-child(3n+3) .custom-card {
    border-color: #F1EFEC !important;
}

.testimonials-grid .elementor-loop-container div:nth-child(3n+2) .custom-card {
    border-color: #ECF5EE !important;
}

@media (max-width: 991px) {
	.advantage-list li:nth-child(4)::after {
		background: url('https://kidsinmotiodev.wpengine.com/wp-content/uploads/2023/07/wave-and-sun.jpg') !important;
		background-size: contain !important;
		background-repeat: no-repeat !important;
		opacity: 0.2;
		left: -19% !important;
	}
}


/*image box for home page*/
.elementor-image-box-wrapper .elementor-image-box-description {
    padding-left:20px !important;
    padding-right:20px !important;
}

/* Cotact form home page*/
#contactForm input[type=submit]{
   margin-bottom: 0px !important;
   color: white !important;
}

#contactForm .button p {
	display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

#contactForm input[type=submit]:hover{
   color: #b1c9e8 !important;
}

#contactForm .button:hover input{
   color: #b1c9e8 !important;
}

#contactForm .button input{
   border: none !important;
}


#contactForm select {
 background: transparent;
 border: none;
 border-bottom: 1px solid #CEDDE0;
 border-radius: 0;
 padding-left: 0px;
}

@media (max-width: 480px)  { 
	#contactForm select {
		 max-width: none;
	}
}

@media (max-width: 991px) {
	input,textarea {
		font-size: 15px;
	}
}

.wpcf7-form-control-wrap[data-name="your-recipient"] { 
	width: 100%;
}

.wpcf7-spinner {
    display: none !important;
}

@media only screen and (min-width: 768px) {
  .contact-container iframe  {
    padding-right: 30px !important;
  }
}

@media (max-width: 480px)  { 
	.input-area .input-wrap {
		display: flex !important;
		justify-content: flex-start !important;
 	}
	.input-area .input-wrap p {
		width: 100%;
	}
}
#contactForm [type="file"]::-webkit-file-upload-button {
  background: #fff;
  border: 2px solid #b1c9e8;
  border-radius: 4px;
  color: #b1c9e8;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  outline: none;
  padding: 10px 25px;
  transition: all 1s ease;
}


/* TEAM PAGE */

@media (min-width: 551px) and (max-width: 768px) {
	.team-card {
		background-position: 0px -110px !important;
	}
}

@media only screen and (max-width: 480px) {
	.team-card {
		background-position: 0px -90% !important;
	}
}

/* ------------ */



/* QUICK LINKS RIGHT SIDE */
.quickLinks-wrap .quickLinks-head p {
	font-size: 14px;
}

.quickLinks-wrap .quickLinks-item:nth-child(3) .quickLinks-head 
{
    background: #8aae84 !important; 
}

.quickLinks-wrap.mobile .quickLinks-desc:nth-child(8),
.quickLinks-wrap .quickLinks-desc:nth-child(8),
.quickLinks-wrap .quickLinks-item:nth-child(4) .quickLinks-head
{
    background: #FFD04E !important;
}

.quickLinks-wrap.mobile .quickLinks-desc:nth-child(7),
.quickLinks-wrap .quickLinks-desc:nth-child(7),
.quickLinks-wrap .quickLinks-item:nth-child(3) .quickLinks-head
{
    background: #8aae84 !important;
}

.quickLinks-wrap.mobile .quickLinks-desc:nth-child(5),
.quickLinks-wrap .quickLinks-desc:nth-child(5),
.quickLinks-wrap .quickLinks-item:nth-child(2) .quickLinks-head
{
    background: #FFAF60 !important;
}

.quickLinks-wrap.mobile .quickLinks-content p {
	color: #fff;
}


/* ------------ */

/* ABOUT US */
@media (max-width: 480px) { 
	.advantage-list.advantage-second li {
  		padding: 0 !important;
	}
}


/* 404 error page */
.error404 .page-name {
	min-height: 355px;
}
.error404 h1 {
	color: #3B4757 !important;
}
.error404 .error-section a {
	color: #b1c9e8 !important;
}

/* SHORTCODE FOR TEAM PAGE */

.team-member .circular-image {
	border-radius: 50%;
	width: 170px;
    height: 180px;
}