@import url("roba-helper.less");

#smfi-content-container {
	
	hr {
		.addMarginTop(0);
		.addMarginBottom(1);
	}
	
	#smfi-error-container {
		
		// Use wordpress styles for notice
		.smfi-notice {
			
			background: #fff;
			border-left: 4px solid #fff;
			box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
			
			padding: 1px 12px;
			margin: 5px 0 15px;
			
			&.smfi-notice-error {
				border-left-color: #dc3232;
			}
			p {
				margin: .5em 0;
				padding: 2px;
			}
		}
	}
	
	.smfi-img-container {
	
		position: relative;
		min-height: 100px;
		box-sizing: border-box;
		
		.smfi-img-wrapper {
			position: relative;
			display: inline-block;
			width: 100%;
			z-index: 999;
			box-sizing: border-box;
			
			background-color: #FFF;
			
			cursor: pointer;
			
			padding-top: 10px;
			
			.smfi-img {
				display: block;
				width: 100%;
				height: 100%;
				box-sizing: border-box;
				
				.addPadding(1);
				.addMarginBottom(1);
				
				&:hover {
					cursor: pointer;
				}
			}
			
			.smfi-remove-img-btn {
			}
			
			/* ### MEDIA QUERIES ### */
			/* Small displays */
			@media screen and (min-width: 576px) {
				
			}

			/* Medium displays */
			@media screen and (min-width: 768px) {
				width: 25%;
			}

			/* Large displays */
			@media screen and (min-width: 992px) {
			}

			/* Extra large displays */
			@media screen and (min-width: 1200px) {
			}
		}
	}
	
	.smfi-btn-container {
		#smfi-add-new-img-btn {
			.addMarginLeft(1);
			.addMarginTop(1);
			.addMarginBottom(1);
		}
	}
}