/*
 * @package MatrixAddons
 * @subpackage trainify
 * @since 1.0.0
 */

body .tribe-events-list-widget{
	

	.tribe-list-widget{

		&.layout2, 
		&.layout3{
			display:-webkit-box;
			display:-ms-flexbox;
			display:flex;
			-ms-flex-wrap: wrap;
			    flex-wrap: wrap;
				margin:0 -15px;
		}



		li.tribe-events-list-widget-events{

			border-width: 0 0 1px 0;
		    border-style: solid;
		    border-color: #f1f1f1;
		    background: 0 0;
		    position: relative;
		    padding: 30px 250px 30px 125px;
		    min-height: 100px;

		    &.no-thumbnail{
		    	padding-left:0;
		    }



			&:last-child{
				margin-bottom:30px;
				border-bottom:0;
			}

			.tribe-event-image{
				width:100px;
				height:100px;
				border-radius:50%;
				overflow:hidden;
				position:absolute;
				top:50%;
				-webkit-transform:translateY(-50%);
				transform:translateY(-50%);
				left:0;

				img{
					max-width:100%;
					position:absolute;
					top:50%;
					left:50%;
					-webkit-transform:translate(-50%,-50%);
					transform:translate(-50%,-50%);
				}
			}

			.tribe-event-duration{

				width:225px;
				padding-left:25px;
				font-weight:500;
				text-align:center;
				position:absolute;
				top:50%;
				right:0;
				-webkit-transform:translateY(-50%);
				transform:translateY(-50%);
				border-left:1px solid #f1f1f1;

				span{
					position:relative;
					padding-left:15px;

					&:before{
						position:absolute;
						top:0;
						left:0;
						font-family: FontAwesome;
						line-height:1;
					}
				}

				
			}
		}
		&.layout3 li.tribe-events-list-widget-events,
		&.layout2 li.tribe-events-list-widget-events{
			padding:20px;
			border-width:1px;
			margin:0 15px 30px;
			text-align:center;

			&:last-child{
				border-bottom:1px solid #f1f1f1;
			}

			.tribe-event-image, .tribe-event-image img{
				position:relative;
				top:0;
				-webkit-transform:translateY(0);
				transform:translateY(0);
				left:0;
				margin:0 auto 10px;
				max-width:100%;
				width:100%;
				height:auto;
				border-radius:0;
			}

			.tribe-event-duration{
				width:100%;
				padding-left:0;
				position:relative;
				top:0;
				right:0;
				-webkit-transform:translateY(0);
				transform:translateY(0);
				border-left:0;
			}
				
		}

		&.layout2 li.tribe-events-list-widget-events{
			width:calc(50% - 30px);

			&:nth-of-last-type(1),
			&:nth-of-last-type(2){
				margin-bottom:0;
			}

			@media screen and (max-width: 768px){
				width:calc(100% - 30px);

				&:nth-of-last-type(2){
					margin-bottom:30px;
				}
			}
		}

		&.layout3 li.tribe-events-list-widget-events{
			width:-webkit-calc(50% - 30px);
			width:calc(33.33% - 30px);

			&:nth-of-last-type(1),
			&:nth-of-last-type(2),
			&:nth-of-last-type(3){
				margin-bottom:0;
			}

			@media screen and (max-width: 768px){
				width:calc(100% - 30px);

				&:nth-of-last-type(2),
				&:nth-of-last-type(3){
					margin-bottom:30px;
				}
			}
		}
		

		.trainify-event-description p{
			margin:0;
		}
	}
}
.tribe-events-widget-link{
	text-align:right;
}


/**/
body{
	.sidebar-main-area, .footer-sidebar-area{
		.tribe-events-list-widget {
			.tribe-list-widget{
				li.tribe-events-list-widget-events{
					padding: 15px;

					.tribe-event-image{
						position:static;
						margin:0 auto 10px;
						transform: translateY(0);
					}
					.tribe-event-duration{
						position:static;
						transform: translateY(0);
						border:0;
					}
				}

			}
		}
	}
}