/* >> Article Style
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
.galleryList{@extend %flexBox; align-items: stretch; justify-content: center; padding: 0; z-index: 3;
	@media #{$mq-iPad_land}{}
	.gallery__item{
		position: relative; 
		width: 100%; 
		max-width: 100%; 
		flex-basis: 100%; 
		margin-bottom: 2.5rem; 
		margin-right: 0; 
		background-color: white;
		cursor: pointer;
		&:nth-child(2n){margin-right: 0;}
		@media #{$mq-tab}{
			width: 45%; 
			max-width: 45%; 
			flex-basis: 45%; 
			margin-right: 10%; 
			margin-bottom: 2rem;
		}
		@media #{$mq-iPad_land}{
			width: 32%; 
			max-width: 32%; 
			flex-basis: 32%; 
			margin-bottom: 2rem; 
			margin-right: 1%;
			&:nth-child(2n){margin-right: 1%;}
			&:last-child{margin-right: 0;}
		}
		.btn--more{position: absolute; z-index: 8; bottom: -10px; right: 0; padding: 0 1rem; font-weight: 500; text-transform: capitalize; background-color: white; color: $color-gray-dark;
			&:hover{background-color: $color-active; color: white;}
		}
		.articleList__item__tags{position: absolute; top: 0.2rem; left: 0.2rem; z-index: 9;}
		&:hover{
			.gallery__image{
				&:before{opacity: 0.2;}
			}
			.gallery__title{color: $color-primary}
		}
	}
}
.gallery__image{@include transition(); display: block; width: 100%; position: relative; overflow: hidden;
	&:before{@include transition();content: ''; display: block; position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; background-color: $color-gray-dark; opacity: 0;}
}
.gallery__title{@include transition();display: block; width: 100%; padding: 1rem; font-size: 0.9rem; line-height: 1.2; font-weight: 700; text-transform: none; text-align: center; color: $color-gray-dark;
	@media #{$mq-pc_1280}{font-size: 1rem;}
	&:hover{}
}

.galleryList{
	&.galleryList--video{
		.gallery__item{
			.btn--youtube-gallery{position: absolute; margin: 0 auto; left: 0; right: 0; top: calc(50% - 22px)}
			.articleList__item__tags{position: relative; top: 0; left: 0; border-top: 1px solid $color-border;}
		}
		
		
	}
}