

	.wp-block-tlgb-b-timeline-block 	.timeline {
		box-sizing: border-box;
		position: relative;
	}

.timeline *,
	.timeline ::after,
	.timeline ::before {
		box-sizing: inherit;
	}

	.timeline.tlgbTimeline:not(.timeline--horizontal)::before {
		background-color: #ddd;
		bottom: 0;
		content: "";
		left: 50%;
		margin-left: -2px;
		position: absolute;
		top: 0;
		width: 4px;
		z-index: 1;
	}

	 
	.timeline__wrap {
		overflow: hidden;
		position: relative;
		z-index: 2;
	}

 
	.timeline__item {
		font-size: 16px;
		font-size: 1rem;
		padding: 0.625rem 2.5rem 0.625rem 0;
		position: relative;
		width: 50%;
		z-index: 2;
	}

	.timeline__item::after {
		background-color: #fff;
		border: 4px solid #ddd;
		border-radius: 50%;
		content: "";
		height: 20px;
		position: absolute;
		right: -10px;
		transform: translateY(-50%);
		top: 50%;
		width: 20px;
		z-index: 1;
	}

	.timeline__item.animated {
		animation-duration: 1s;
		animation-fill-mode: both;
		opacity: 0;
	}

	.timeline__item.fadeIn {
		animation-name: tlgbFadeIn;
	}

	.wp-block-tlgb-b-timeline-block .timeline__item.fadeIn {
		-webkit-animation-name: tlgbFadeIn;
		animation-name: tlgbFadeIn;
	}

	.timeline__item--left {
		left: 0;
	}

	.timeline__item--right {
		left: 50%;
		padding: 0.625rem 0 0.625rem 2.5rem;
	}

	/* .tipo-novela .timeline__content {
		background: #f3f3f2 !important;
	}

	.tipo-ensayo .timeline__content {
		background: #e3ebf5 !important;
	}

	.tipo-traduccion .timeline__content {
		background: #3a6e7326 !important;
	} */

	@media only screen and (min-width: 600px) {


		.timeline ul li:nth-child(odd) .timeline__item {
			left: 50%;
			padding: 0.625rem 0 0.625rem 2.5rem;
		}
	
		.timeline__item--right::after {
			left: -11px;
		}
	
		.timeline ul li:nth-child(odd) .timeline__item::after {
			left: -11px;
		}
	
		.timeline__item--right .timeline__content::before {
			border-bottom: 11px solid transparent;
			border-right: 12px solid #ccc;
			border-left: none;
			border-top: 11px solid transparent;
			left: -12px;
		}
	
		.timeline ul li:nth-child(odd) .timeline__content::before {
			border-bottom: 11px solid transparent;
			border-right: 12px solid #ccc;
			border-left: none;
			border-top: 11px solid transparent;
			left: -12px;
		}
	
		.timeline__item--right .timeline__content::after {
			border-bottom: 10px solid transparent;
			border-right: 12px solid #fff;
			border-left: none;
			border-top: 10px solid transparent;
			left: -10px;
		}
	
		.timeline ul li:nth-child(odd) .timeline__content::after {
			border-bottom: 10px solid transparent;
			border-right: 12px solid #fff;
			border-left: none;
			border-top: 10px solid transparent;
			left: -10px;
		}
	

	}
	
	.timeline__content h2 {
		margin-top: 0.7rem;
		display: inline-block;
		margin-right: 10px;
		font-size: 1.55rem !important;
		margin-bottom: 4px;
	}

	.timeline a.wp-block-post-excerpt__more-link {
		float: right;
	}

	.timeline .libro.wp-block-post span {
		display: inline-block;
	}

	.timeline .wp-block-post-featured-image {
		float: left;
		width: 165px;
		margin-left: -20px;
	}
 
	.timeline__content {
		background-color: #fff;
		border: 1px solid #ccc;
		border-radius: 10px;
		color: #333;
		display: block;
		padding: 1.25rem;
		position: relative;
		overflow: hidden;
	}

	.timeline__content::after,
	.timeline__content::before {
		content: "";
		height: 0;
		position: absolute;
		transform: translateY(-50%);
		top: 50%;
		width: 0;
	}

	.timeline__content::before {
		border-bottom: 11px solid transparent;
		border-left: 12px solid #ccc;
		border-top: 11px solid transparent;
		right: -12px;
		z-index: 1;
	}

	.timeline__content::after {
		border-bottom: 9px solid transparent;
		border-left: 11px solid #fff;
		border-top: 9px solid transparent;
		right: -11px;
		z-index: 2;
	}

	.timeline__content label {
		font-size: 1.25rem;
		font-weight: 700;
		margin: 0 0 0.625rem;
	}

	.timeline__content p {
		font-size: 0.9375rem;
		line-height: 1.5;
		margin-bottom: 10px;
	}

 
	.timeline--horizontal {
		font-size: 0;
		padding: 0 3.125rem;
		overflow: hidden;
		white-space: nowrap;
	}

	.timeline--horizontal .timeline-divider {
		background-color: #ddd;
		display: block;
		height: 4px;
		left: 40px;
		position: absolute;
		transform: translateY(-50%);
		right: 40px;
		z-index: 1;
	}

	.timeline--horizontal .timeline__items {
		transition: all 0.8s;
		will-change: transform;
	}

	.timeline--horizontal .timeline__item {
		display: inline-block;
		left: 0;
		padding: 0 0 2.5rem;
		position: relative;
		transition: none;
		vertical-align: top;
		white-space: normal;
	}

	.timeline--horizontal .timeline__item::after {
		left: 50%;
		right: auto;
		transform: translate(-50%, -50%);
		top: 100%;
	}

	.timeline--horizontal .timeline__item .timeline__item__inner {
		display: flex !important;
		height: 100%;
		width: 100%;
		justify-content: center;
	}

	.timeline--horizontal .timeline__item .timeline__content__wrap {
		display: table-cell;
		margin: 0;
		padding: 0;
		vertical-align: bottom;
	}

	.timeline--horizontal .timeline__item .timeline__content::before {
		border-left: 12px solid transparent;
		border-right: 12px solid transparent;
		border-top: 12px solid #ccc;
		left: 50%;
		right: auto;
		transform: translateX(-50%);
		top: 100%;
	}

	.timeline--horizontal .timeline__item .timeline__content::after {
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 10px solid #fff;
		left: 50%;
		right: auto;
		transform: translateX(-50%);
		top: 100%;
	}

	.timeline--horizontal .timeline__item--bottom {
		padding: 2.5rem 0 0;
	}

	.timeline--horizontal .timeline__item--bottom::after {
		top: 0;
	}

	.timeline--horizontal .timeline__item--bottom .timeline__content__wrap {
		vertical-align: top;
	}

	.timeline--horizontal .timeline__item--bottom .timeline__content::before {
		border-bottom: 12px solid #ccc;
		border-left: 12px solid transparent;
		border-right: 12px solid transparent;
		border-top: none;
		bottom: 100%;
		top: auto;
	}

	.timeline--horizontal .timeline__item--bottom .timeline__content::after {
		border-bottom: 10px solid #fff;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: none;
		bottom: 100%;
		top: auto;
	}

 
	.timeline-nav-button {
		background-color: #fff;
		border: 2px solid #ddd;
		border-radius: 50px;
		box-sizing: border-box;
		box-shadow: none;
		cursor: pointer;
		display: block;
		height: 40px;
		outline: 0;
		position: absolute;
		text-indent: -9999px;
		transform: translateY(-50%);
		top: 50%;
		width: 40px;
		padding: 0;
		z-index: 10;
	}

	.timeline-nav-button:disabled {
		opacity: 0.5;
		pointer-events: none;
	}

	.timeline-nav-button::before {
		background-position: center center;
		background-repeat: no-repeat;
		content: "";
		display: block;
		height: 14px;
		left: 50%;
		position: absolute;
		transform: translateX(-50%) translateY(-50%);
		top: 50%;
		width: 8px;
	}

	.timeline-nav-button--prev {
		left: 0;
	}

	.timeline-nav-button--prev::before {
		background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3LjgiIGhlaWdodD0iMTQiPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2RkZCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik02LjggMUwxIDdsNS44IDYiLz48L3N2Zz4=");
	}

	.timeline-nav-button--next {
		right: 0;
	}

	.timeline-nav-button--next::before {
		background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3LjgiIGhlaWdodD0iMTQiPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2RkZCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0xIDEzbDUuOC01LjlMMSAxIi8+PC9zdmc+");
	}

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

		.timeline.tlgbTimeline {
			padding: 0;
		}
	
		.timeline.tlgbTimeline::before {
			left: 10px !important;
			margin: 0 !important;
		}
	
		.timeline.tlgbTimeline .timeline__item {
			left: 0;
			padding-left: 40px;
			padding-right: 0;
			width: 100%;
		}
	
		.timeline.tlgbTimeline .timeline__item::after {
			left: 2px;
			margin: 0;
		}
	
		.timeline.tlgbTimeline .timeline__item .timeline__content::before {
			left: -12px;
			border-bottom: 12px solid transparent;
			border-right: 12px solid #ccc;
			border-left: none;
			border-top: 12px solid transparent;
		}
	
		.timeline.tlgbTimeline .timeline__item .timeline__content::after {
			left: -10px;
			border-bottom: 10px solid transparent;
			border-right: 10px solid #fff;
			border-left: none;
			border-top: 10px solid transparent;
		}
		 

	}

	
	
 

 
@keyframes tlgbFadeIn {
	0% {
		opacity: 0;
		top: 70px;
	}

	100% {
		opacity: 1;
		top: 0;
	}
}

.wp-block-bicb-carousel .bicbCarouselWrapper {
	width: 500px;
}

.timeline__item::after {
    border: 5px solid var(--wp--preset--color--tertiary) !important;
}

.timeline--horizontal .timeline-divider, .timeline:not(.timeline--horizontal)::before {
    background-color: var(--wp--preset--color--primary) !important;
}

.timeline .timeline__content {
    background: #ffffff;
    border: 1px solid var(--wp--preset--color--tertiary) !important;
}