@charset "UTF-8";
// Morten Mitchell Larød 2019

@import 'vars';

body.dragging, body.dragging * {
  cursor: move !important;
}

#image-search,
#video-search {
	&.article-list {
		article {
			display: flex;
			flex-direction: column;
			position: relative;
		    border-radius: 4px;
		    transition: all .20s ease-in;
		    .article-container {
			    display: flex;
		    }
			.img-container {
				position: relative;
			    width: 50%;
			    padding-bottom: 27.7%; // 16:9 ratio (40% of 66.67)
			    flex: none;
			    //display: flex;
			    //flex-direction: column;
			    //justify-content: center;
				//text-align: center;
				border-radius: 3px 0 0 3px;
				img {
					position: absolute;
					object-fit: contain;
					//object-position: 50% 30%;
					width: 100%;
					height: 100%;
					max-width: 100%;
				    flex: 1;
				    border-radius: 3px 0 0 3px;
				}
			}
	
			.text-container {
				display: flex;
			    flex-direction: column;
			    flex-wrap: wrap;
			    justify-content: space-between;
				padding: $gap-tiny $gap-small;
				span {
					color: $fc-dark-medium;
				}
			}
		}
	}
}