/**
* Theme Name: Los Ninos Child
* Description: This is a child theme of Los Ninos.
* Author: <a href="https://cmsmasters.net/">cmsmasters</a>
* Template: los-ninos
* Version: 1.1.0
* Tested up to: 6.6
* Requires PHP: 7.4
* License:
* License URI:
* Text Domain: los-ninos-child
* Copyright: cmsmasters 2025 / All Rights Reserved
*/

/* ----- custom ----- */
:root {
	--bdr-input: 15px;
	--transition-all: all 0.5s;
	--color-required: #E04562;
	--border-color-input: #e4e1db;
}

/* animation vibrate */
.vibrate img {
    animation: phoneRing 1.5s infinite ease-in-out;
}

@keyframes phoneRing {
	0% {
		transform: rotate(0) scale(1) skew(1deg);
	}
	10% {
		transform: rotate(-25deg) scale(1) skew(1deg);
	}
	20% {
		transform: rotate(25deg) scale(1) skew(1deg);
	}
	30% {
		transform: rotate(-25deg) scale(1) skew(1deg);
	}
	40% {
		transform: rotate(25deg) scale(1) skew(1deg);
	}
	50% {
		transform: rotate(0) scale(1) skew(1deg);
	}
	100% {
		transform: rotate(0) scale(1) skew(1deg);
	}
}

/* animation Up Down */
.animation img {
    transform: translate(-50%, -50%);
    transition: transform 0.3s ease-in-out;
    animation: moveUpDown 1.5s infinite ease-in-out;
}

@keyframes moveUpDown{
	0%, 100% {
    	transform: translate(-50%, -50%);
	}

	50% {
		transform: translate(-50%, -40%);
	}
}

/* animation left - right */
.animation-left-right-img img {
	animation: moveLeftRight 8s linear infinite;
}

@keyframes moveLeftRight{
	0% {
    	    transform: translateX(0);
	}

	50% {
	    transform: translateX(50px);
	}
	100% {
	    transform: translateX(0);
	}
}

/* animation spin */
.spin-img {
  animation: spin 10s infinite linear;
}
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* body */
/* body {
	background: url(../los-ninos/theme-config/images/section-body-2.jpg) no-repeat fixed top center;
    background-size: cover;
    background-position: center;
} */

/* banner */
.mona-banner-main img {
	width: 100%;
    height: calc(642 / 1900* 100vw);
    object-fit: cover;
}

/* elementor img */
.cmsmasters-lazyload.lazyload, 
.cmsmasters-lazyload.lazyloading {
	filter: none !important;
	opacity: 1 !important;
}

/* featured box */
.mona-inner-sec-featured {
	transition: var(--transition-all);
}

/* form newsletter */
.mona-shortcode-form-newsletter-items .mona-form-newsletter {
	display: flex;
	justify-content: center;
	gap: 10px;
	width: 100%;
}
.mona-shortcode-form-newsletter-items .mona-form-newsletter p {
	margin: 0;
}
.mona-shortcode-form-newsletter-items .mona-form-newsletter .field-input input {
	border-radius: var(--bdr-input);
}
.mona-shortcode-form-newsletter-items .mona-form-newsletter .field-button-submit {
	position: relative;
}
.mona-shortcode-form-newsletter-items .mona-form-newsletter p,
.mona-shortcode-form-newsletter-items .mona-form-newsletter .field-button-submit input {
	height: 100%;
}
.mona-shortcode-form-newsletter-items .mona-form-newsletter .wpcf7-form-control-wrap {
	display: block;
}
.mona-shortcode-form-newsletter-items .mona-form-newsletter .field-button-submit .wpcf7-spinner {
	position: absolute;
    margin: 0;
    left: calc(50% - 12px);
    bottom: calc(50% - 12px);
}
.mona-shortcode-form-newsletter-items .wpcf7-form.submitting .mona-form-newsletter .field-button-submit input {
	opacity: 0.75;
	pointer-events: none;
}
.mona-shortcode-form-newsletter-items .mona-form-newsletter .wpcf7-not-valid-tip {
	position: absolute;
    right: 20px;
    bottom: 0;
    font-size: 12px;
    line-height: 20px;
}
.mona-shortcode-form-newsletter-items .wpcf7 form.invalid .wpcf7-response-output {
	display: none;
}

/* blog */
.mona-title-blog-archive .cmsmasters-widget-title__heading {
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mona-sidebar-blog .widgettitle {
	font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
}
.mona-sidebar-blog .widget {
	padding: 20px;
    border-radius: 20px;
    border: 1px solid #ccc;
	margin-bottom: 20px;
}
.mona-sidebar-blog .widget:last-child {
	margin-bottom: 0;
}
.mona-sidebar-blog .cmsmasters-search-form input[type=search] {
	border-radius: 10px;
}

/* contact - page */
.mona-form-contact-items .mona-field-row {
	display: flex;
	gap: 15px;
	margin-bottom: 20px;
}
.mona-form-contact-items .mona-field-row input,
.mona-form-contact-items .mona-field-row textarea {
	border-color: var(--border-color-input);
    border-radius: 15px;
}
.mona-form-contact-items .mona-field-row .wpcf7-form-control-wrap {
	display: block;
}
.mona-form-contact-items .mona-field-row .wpcf7-not-valid-tip {
	font-size: 12px;
    line-height: 20px;
    position: absolute;
    bottom: 0;
    right: 10px;
}
.mona-form-contact-items .mona-field-row p {
	margin: 0;
}
.mona-form-contact-items .mona-field-row label {
	margin-bottom: 8px;
}
.mona-form-contact-items .mona-field-row .required {
	color: var(--color-required);
}
.mona-form-contact-items .mona-field-row .field-input {
	width: 50%;
}
.mona-form-contact-items .mona-field-row .field-textarea {
	width: 100%;
}
.mona-featured-box-contact .elementor-widget-cmsmasters-featured-box__title {
	padding: 0 15px;
}

/* footer */
.mona-footer-media img {
	height: 13px !important;
	padding-left: 5px;
}

/* mobile */
@media (max-width: 768px) {
	
	/* contact - page */
	.mona-form-contact-items .mona-field-row {
		flex-direction: column;
	}
	.mona-form-contact-items .mona-field-row .field-input {
		width: 100%;
	}
	
	/* footer */
	.mona-shortcode-form-newsletter-items .mona-form-newsletter {
		flex-direction: column;
	}
	.mona-shortcode-form-newsletter-items .mona-form-newsletter .field-button-submit input {
		width: 100%;
	}
	.mona-footer-media {
		font-size: 12px;
	}
	.mona-footer-media img {
		height: 10px !important
	}
}
/* ----- end custom ----- */

/* ----- scrollbar ----- */
body::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

body::-webkit-scrollbar {
	width: 6px;
	background-color: #F5F5F5;
}

body::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: var(--e-global-color-primary);
}

/* ----- end scrollbar ----- */