/**
 * Imgur extension for phpBB.
 * @author Alfredo Ramos <alfredo.ramos@yandex.com>
 * @copyright 2017 Alfredo Ramos
 * @license GNU GPL-2.0-only
 */
.btn-imgur {
	font-size: 1.25em;
	font-weight: bold;
	border-radius: 4px;
	color: #f2f2f2;
	padding: 8px 10px;
}
.btn-imgur:hover {
	color: #fff;
}
.btn-imgur-w-icon > .icon {
	vertical-align: middle;
	border-radius: 4px;
	width: 20px;
	height: 20px;
	margin-right: 5px;
}
.btn-imgur-upload {
	background-color: #1bb76e;
}
.btn-imgur-register {
	background-color: #006da3;
}
.btn-imgur-paste {
	background-color: #105289;
	padding: 4px 5px;
}

.imgur-button-upload > .icon {
	width: 14px;
	height: 14px;
}

a.btn-imgur {
	color: #f2f2f2;
}
a:hover.btn-imgur {
	text-decoration: none;
	color: #fff;
}

.imgur-button-upload > .icon, .abbc3_button.imgur-button-upload {
	background-image: url("../../../all/theme/images/imgur.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
[disabled].imgur-button-upload > .icon, [disabled].abbc3_button.imgur-button-upload {
	background-image: url("../../../all/theme/images/loader.svg");
}

#imgur-drop-zone {
	text-align: center;
	border: 3px dashed rgba(0, 136, 204, 0.2);
	border-radius: 3px;
	margin: 5px 0;
	padding: 15px 30px;
}
#imgur-drop-zone.active {
	border-color: #0088cc;
}
#imgur-drop-zone p:last-child {
	margin-bottom: 0;
}
#imgur-drop-zone .imgur-button {
	margin-bottom: 1em;
}

@media only screen and (max-width: 700px) {
	#imgur-drop-zone {
		border: none;
		margin: 0;
		padding: 5px 0;
	}

	.imgur-drop-zone-desc {
		display: none;
	}
}
.imgur-output-field {
	vertical-align: middle;
}

@media only screen and (min-width: 701px) {
	#imgur-panel dt {
		text-align: right;
	}
}
#imgur-progress {
	height: 15px;
}
#imgur-progress-label {
	font-weight: bold;
	line-height: 15px;
	text-shadow: -1px 0 #ccc, 0 1px #ccc, 1px 0 #ccc, 0 -1px #ccc;
	color: #000;
}

#imgur-drop-zone .btn-imgur {
	margin-bottom: 1em;
}