/*
Author: Chandni Patel
Author URI: http://chandnipatel.in/
Description: My Rides block front end style
Version: 6.0.1
License: GNU General Public License v3.0
*/

dialog.ride-upload-image-form {
	width: clamp(254px, 90%, 634px);
}

div.fc-multimonth-daygrid {

	--fc-page-bg-color: transparent;

	& a.fc-event {
		border-radius: 0;
		padding: 2px;
		margin: 1px 0 !important;
	}

	& a.fc-h-event.has-event-title {
		background-color: var(--arm_olive_22);
	}

	& a.fc-h-event:not(.has-event-title) {
		background-color: transparent;
		border: unset;
	}

	& a.fc-h-event.view-homologation {
		background-color: var(--grey_99);
	}

	& a.fc-h-event.view-interested {
		background-color: hsl(180, 30%, 40%);
	}
}

.facebook-post-link {
    text-decoration: none;
    color: #00f;
    font-size: 25px;
    line-height: 25px;
    margin-left: 10px;
}

.facebook-post-link:hover {
    text-decoration: none;
}

/***************** Text swap animation ******************/

/* Container for the text */
.swap-container {
	overflow: hidden;
	display: inline-block;
    vertical-align: middle;
}

@media screen and ( max-width: 700px ) {

	.swap-container {
		display: inline-flex;
	}
}

/* Text elements */
.swap-container span {
	position: absolute;
	opacity: 0;
	transform: translateX(100%);
	animation: text-swap 4s infinite;
}

/* Second text */
.swap-container span:nth-child(2) {
	animation-delay: 2s;
}

/* Keyframes for the animation */
@keyframes text-swap {

	0% {
		opacity: 0;
		transform: translateX(100%);
	}

	10%, 40% {
		opacity: 1;
		transform: translateX(0);
	}

	50%, 100% {
		opacity: 0;
		transform: translateX(-100%);
	}
}