/**
 *  Wordpress Biobolsa material slider css
 **/

 #bb_mslider_images {
     display : flex;
     flex-direction: row;
     justify-content: space-between;
     margin-bottom : 185px;
     margin-top : 200px;
 }

 #bb_mslider_images .bb_mslider_image {
    max-width: 200px;
    width: 100%;
    height: 200px;
    border-radius: 100px;
    background: #868686;
    overflow: hidden;
    transition: all .2s;
 }

 #bb_mslider_images .bb_mslider_image.active {
    transform: scale(2);
 }

 #bb_mslider_images .bb_mslider_image img {
     max-height: 100%;
     max-width: unset;
 }

 #bb_mslider_descriptions {
     position : relative;
     margin-left : 50%;
     max-width : 535px;
	 min-height: 400px;
 }

 #bb_mslider_descriptions .bb_mslider_description {
     display : none;
 }

 #bb_mslider_descriptions .bb_mslider_description.active {
    display : block;
 }

 #bb_mslider_descriptions .bb_mslider_description h2 {
     color : #110c35;
     font-size : 60px;
     font-family: 'Montserrat';
     font-weight: 700;
     margin-bottom : 40px;
 }

 #bb_mslider_descriptions .bb_mslider_description p {
     font-size: 26px;
     font-family: 'Mulish';
     font-weight: 400;
     line-height: 1.5em;
 }

 #bb_mslider_controls {
	 position : relative;
     margin-left : 50%;
     max-width : 535px;
	 display : flex;
     margin-top : 40px;
	 margin-bottom : 20px;
 }

 #bb_slick_controls {
    text-align: center;
    padding : 40px 0;
 }

 #bb_slick_controls .bb_slick_back,
 #bb_mslider_controls .bb_mslider_back {
     background : url(../img/left_arrow.png) no-repeat top left;
     width : 58px;
     height : 44px;
     margin : 0 28px 0 0;
     cursor: pointer;
     border : 0;
 }

 #bb_slick_controls .bb_slick_forward,
 #bb_mslider_controls .bb_mslider_forward {
    background : url(../img/right_arrow.png) no-repeat top left;
    width : 58px;
    height : 44px;
    cursor: pointer;
    border : 0;
}

.bb_slick_slider .article {
    background: #fff;
    max-width: 850px;
    width : 100%;
    margin : 0 26px;
    display : flex !important;
    flex-direction: row;
}

.bb_slick_slider .article .thumb {
    width : 50%;
    background : #f90;
    height : 400px;
}

.bb_slick_slider .article .thumb img {
    max-height : 100%;
    height : 100%;
    width : auto;
    object-fit: cover;
}

.bb_slick_slider .article .content {
    font-family: 'Mulish';
    width : 50%;
    background : #fff;
    padding : 40px;
}

.bb_slick_slider .article .content h3 {
    font-weight: 600;
    font-size : 28px;
    color : #252c32;
}

.bb_slick_slider .article p {
    font-weight: 400;
    font-size : 20px;
    color : #110c35;
}

.datebox {
    display : flex;
    flex-direction: column;
    font-family: 'Montserrat';
    width : 63px;
    text-align: center;
    margin-bottom : 25px;
}

.datebox .date {
    font-weight: bold;
    font-size : 60px;
    color : #92b720;
    margin-bottom : 10px;
}

.datebox .month {
    font-weight: 300;
    font-size : 16px;
    letter-spacing: 5px;
}

@media screen and (max-width:768px){
	#bb_mslider_images {
		flex-wrap:wrap;
	}
	
	#bb_mslider_images .bb_mslider_image {
		max-width: 180px;
		height: 180px;
		margin-bottom : 20px;
	}
	#bb_mslider_images .bb_mslider_image.active {
		transform: scale(1.5);
	}
	
	#bb_mslider_images {
		margin-bottom : 85px;
	}
	
	#bb_mslider_controls,
	#bb_mslider_descriptions {
		margin-left : 25%;
	}
}

@media screen and (max-width:768px){
	#bb_mslider_images .bb_mslider_image {
		max-width: 90px;
		height: 90px;
		margin-bottom : 20px;
	}
	
	#bb_mslider_controls,
	#bb_mslider_descriptions {
		margin-left : 0%;
	}
	
	#bb_mslider_images {
		margin : 25px;	
	}
	
	#bb_mslider_descriptions .bb_mslider_description h2 {
		font-size : 40px;
		margin-bottom : 10px;
	}
	
	#bb_mslider_descriptions .bb_mslider_description p {
		font-size : 20px;	
	}
}