/* 
	Banhammer General.css v1.1
	Jeff Starr @ Monzilla Media
	https://monzillamedia.com/
	https://plugin-planet.com/
*/

.wp-admin .share-button { margin: 4px 0; }
.wp-admin .help-tab-content { margin-bottom: 24px; }
.wp-admin .help-tab-content ul ul { margin: 10px 0 10px 24px; }

.wp-admin h1 .dashicons-banhammer::before { 
	display: inline-block; padding-right: 3px; vertical-align: middle; 
	font-size: 28px; color: #23282d; position: relative; top: -3px; 
	}
 
.ui-dialog .ui-dialog-content,
.ui-dialog .ui-dialog-titlebar,
.ui-dialog .ui-dialog-buttonpane { text-align: center; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: none; }
.ui-dialog .ui-dialog-buttonpane .ui-button { margin: 0; }
.ui-dialog .ui-dialog-buttonpane .ui-button:first-child { margin-right: 15px; }
.ui-dialog .ui-dialog-title { padding-left: 18px; }

/* Font Awesome 4.7 @ https://fontawesome.io/cheatsheet/ */

@font-face {
	font-family: 'FontAwesome';
	src: url('../fonts/awesome/fontawesome-webfont.eot?v=4.7.0');
	src: url('../fonts/awesome/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), 
		 url('../fonts/awesome/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), 
		 url('../fonts/awesome/fontawesome-webfont.woff?v=4.7.0') format('woff'), 
		 url('../fonts/awesome/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), 
		 url('../fonts/awesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
	}
.fa {
	display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto;
	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
	}
.fa-pad {
	padding: 0 3px 0 0;
	}

.fa-check::before {
	content: "\f00c";
	}
.fa-cogs::before {
	content: "\f085";
	}
.fa-cog::before,
.fa-gear::before {
	content: "\f013";
	}

/* Banhammer UI */

.banhammer-ui { box-sizing: border-box; margin-top: 20px; padding: 9px 10px 10px 10px; line-height: 18px; font-size: 12px; color: #cdcfd1; background-color: #000316; }

.banhammer-ui a:link, .banhammer-ui a:visited { padding: 0 1px; color: #fcb028; text-decoration: none; }
.banhammer-ui a:hover, .banhammer-ui a:active { color: #fabb00; text-decoration: none; }

.wp-admin .banhammer-ui input,
.wp-admin .banhammer-ui button,
.wp-admin .banhammer-ui select,
.wp-admin .banhammer-ui textarea,
.wp-admin .banhammer-ui input[type=checkbox],
.wp-admin .banhammer-ui input[type=checkbox]:checked::before {
	box-sizing: border-box; display: inline-block; vertical-align: middle; width: auto; height: 30px; min-height: 30px; clear: none; margin: 0; padding: 0 10px; 
	outline: 0; border: 0; border-radius: 0; box-shadow: none; color: #cdcfd1; background-color: #3c505e; background-image: none;
	line-height: 30px; font-size: 12px; text-shadow: none; text-decoration: none; transition: none;
	-webkit-appearance: none; -moz-appearance: none;
	}
	.wp-admin .banhammer-ui a:focus,
	.wp-admin .banhammer-ui input:focus,
	.wp-admin .banhammer-ui button:focus,
	.wp-admin .banhammer-ui select:focus,
	.wp-admin .banhammer-ui textarea:focus,
	.wp-admin .banhammer-ui input[type=checkbox]:focus, 
	.wp-admin .banhammer-ui input[type=checkbox]:checked::before { border: 0; box-shadow: none; outline: 1px solid #fcb028; outline-offset: -1px; transition: none; }

.wp-admin .banhammer-ui input[type=checkbox],
.wp-admin .banhammer-ui input[type=checkbox]:checked::before {
	width: 16px; height: 16px; min-height: 16px; line-height: 16px; margin: -1px 5px 0 0; padding: 0 !important; color: #cdcfd1; background-color: #000316; text-align: center; 
	}
.wp-admin .banhammer-ui input[type=checkbox]:checked::before {
	font-family: 'FontAwesome', sans-serif; font-weight: 900; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal;
	margin: 0; content: '\f00c'; speak: none; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
	}

.wp-admin .banhammer-ui input[type=number] { -moz-appearance: textfield; }
.wp-admin .banhammer-ui select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #cdcfd1; }

.wp-admin .banhammer-ui span[data-title], 
.wp-admin .banhammer-ui div[data-title] { cursor: help; }
.wp-admin .banhammer-ui *[disabled] { cursor: not-allowed; }
.wp-admin .banhammer-ui .banhammer-at { opacity: 0.5; }

@media screen and (max-width: 782px) {
	#wpbody .banhammer-ui input,
	#wpbody .banhammer-ui select { height: auto; padding: 5px 10px; font-size: 12px; }
	#wpbody .banhammer-ui input[type=checkbox],
	#wpbody .banhammer-ui input[type=checkbox]:checked::before { width: 16px; height: 16px; min-height: 16px; margin: -1px 5px 0 0; padding: 0; line-height: 16px; }
	#wpbody .banhammer-ui input[type=checkbox]:checked::before { margin: 0; font-weight: 900; font-family: 'FontAwesome', sans-serif; }
	}

.banhammer-response a:link, .banhammer-response a:visited { color: #dbdcdd; }
.banhammer-response a:hover, .banhammer-response a:active { color: #e8e9ea; }

.banhammer-actions { text-align: center; }
.banhammer-actions a.banhammer-action:hover, 
.banhammer-actions a.banhammer-action:active,
.banhammer-actions a.banhammer-action:focus  { box-shadow: 0 5px 20px -5px rgba(255,255,255,0.5); outline: 0; }
.banhammer-actions a.banhammer-action:active { box-shadow: 0 5px 20px -5px rgba(255,255,255,0.8); }
.banhammer-actions a.banhammer-action {
	display: inline-block; width: 60px; height: 60px; margin: 0 10px 0 0; padding: 0; text-indent: -9999em; box-shadow: 5px 5px 20px -5px rgba(0,0,0,0.8); 
	background-repeat: no-repeat; background-color: transparent; background-position: 0 0; background-size: 60px 60px; 
	-webkit-transition: box-shadow 0.1s; transition: box-shadow 0.1s;
	}
.banhammer-actions a.banhammer-action:last-child { margin: 0; }

.banhammer-action-ban     { background-image: url('../img/banhammer-button-ban.png'); }
.banhammer-action-warn    { background-image: url('../img/banhammer-button-warn.png'); }
.banhammer-action-restore { background-image: url('../img/banhammer-button-restore.png'); }
.banhammer-action-delete  { background-image: url('../img/banhammer-button-delete.png'); }

.banhammer-loading { min-height: 80px; text-align: center; }
.banhammer-loading-wrap { display: inline-block; height: 50px; width: 150px; margin: 10px 0 0 0; text-align: left; }
.banhammer-loading-message { display: inline-block; vertical-align: middle; }
.banhammer-loading span, .banhammer-loading a { display: block; }
.banhammer-loading span::after {
	content: '......'; overflow: hidden; display: inline-block; vertical-align: bottom; width: 0;
	-webkit-animation: dots steps(12,end) 1s infinite; animation: dots steps(12,end) 1s infinite;
	}
@-webkit-keyframes dots {
	to { width: 2em; }
	}
@keyframes dots {
	to { width: 2em; }
	}
.banhammer-loading-wrap::before {
	content: ''; overflow: hidden; display: inline-block; vertical-align: middle; width: 50px; height: 50px; margin: 0 10px 0 0;
	background-repeat: no-repeat; background-position: center center; background-size: 50px 50px; 
	background-color: transparent; background-image: url(../img/banhammer-loading.png);
	-webkit-animation: spin 1.1s linear infinite; animation: spin 1.1s linear infinite;
	}
@-webkit-keyframes spin {
	0%   { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
	}
@keyframes spin {
	0%   { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
	}

::-webkit-input-placeholder { color: #cdcfd1; }
::-moz-placeholder          { color: #cdcfd1; }
:-ms-input-placeholder      { color: #cdcfd1; }
:-moz-placeholder           { color: #cdcfd1; }
:placeholder                { color: #cdcfd1; }