/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.is-expanded-menu .full-header .primary-menu .menu-container {
	border-right: none;
}

.is-expanded-menu .full-header #logo {
	border-right: none;
}

.revo-slider-emphasis-text {
	font-size: 64px;
	font-weight: 700;
	letter-spacing: -1px;
	font-family: 'Poppins', sans-serif;
	padding: 15px 20px;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
}

.revo-slider-desc-text {
	font-size: 20px;
	font-family: 'Lato', sans-serif;
	width: 650px;
	text-align: center;
	line-height: 1.5;
}

.revo-slider-caps-text {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 3px;
	font-family: 'Poppins', sans-serif;
}
.tp-video-play-button { display: none !important; }

.tp-caption { white-space: nowrap; }

.portfolio-image {
    width: 100% !important; /* Ajusta el ancho al 100% del contenedor */
    height: 250px !important; /* Fija la altura, puedes ajustarla según tus necesidades */
    overflow: hidden !important; /* Oculta el contenido que se sale del contenedor */
}

.portfolio-image img, .portfolio-image > a {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* Recorta la imagen manteniendo su proporción */
}

.owl-carousel a {
	display: block;
	width: 100% !important; /* Ajusta el ancho al 100% del contenedor */
    height: 500px !important; /* Fija la altura, puedes ajustarla según tus necesidades */
    overflow: hidden !important; /* Oculta el contenido que se sale del contenedor */
}


.owl-carousel img {
	display: block;
	width: 100%;
	height: 100% !important;
    object-fit: cover !important;
}


#linked-to-gallery a{
	height: 4rem !important;
}

#linked-to-gallery a img{
	height: 100% !important;
	object-fit: cover !important;
}

.owl-carousel a.h-auto {
	height: 250px !important;
}

.skill-progress-bar {
	background-color: #ffffff1c;
}

.whatsapp-button {
	position: fixed;
	bottom: 20px;
	right: 20px;
	background-color: #25D366;
	color: white;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
	z-index: 1000;
}

.whatsapp-button:hover {
	background-color: #20b958;
	cursor: pointer;
}

.whatsapp-button i {
	font-size: 30px;
}