/**
 * Plugin: Cleaner Plugin Installer
 *
 * @package    Cleaner Plugin Installer
 * @subpackage Admin Styles
 * @author     David Decker - DECKERWEB
 * @copyright  Copyright (c) 2014, David Decker - DECKERWEB
 * @license    http://www.opensource.org/licenses/gpl-license.php GPL-2.0+
 * @link       http://genesisthemes.de/en/wp-plugins/cleaner-plugin-installer/
 * @link       http://deckerweb.de/twitter
 *
 * @since	   1.0.0
 * @version	   1.1.0
 */


/** Table of Content:

 * Plugin's Own Stuff
 * Plugin Cards
 * Misc. Stuff
 * Column Classes
 * Media Queries

 */


/** Plugin's Own Stuff
------------------------------------------------------------ */

/** Dashicons commons */
.cpi-block h3:before,
.ddw-cpi .cpi-uploader input[type="submit"]:before,
.ddw-cpi .cpi-uploader button[type="submit"]:before,
.cpi-network-notice:before,
#tab-panel-cpi-plugin-installer-help h3:before,
#tab-panel-cpi-plugin-installer-help h4:before,
#screen-options-wrap h5:before {
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font-family: 'dashicons';
	font-weight: 400;
	vertical-align: top;
}


/** plugin-install.php Basic stuff */
.ddw-cpi .search-form.search-plugins,
.ddw-cpi.cpi-tab-collections #screen-options-link-wrap {
	display: none !important;
}

.cpi-block,
.cpi-start-after p {
	margin-left: 30px;
}

.cpi-block h3:before {
/** Dash */
	margin-right: 5px;
	margin-top: 2px;
	opacity: .75;
}

.cpi-block.cpi-tab-topics h3:before {
	content: "\f106 ";
}

.cpi-block.cpi-start-intro h3:before {
	content: "\f179 ";
}

.cpi-block.cpi-tab-collections h3:before {
	content: "\f163 ";
}

.cpi-start-intro,
.cpi-start-search-form,
.cpi-start-after {
	display: block;
}

.cpi-start-intro {
	margin-bottom: 20px;
}

.cpi-topics-intro {
	margin-bottom: 40px;  /* 60px; */
}

.cpi-start-after {
	margin-top: 60px;
}

.cpi-start-search-form input {
	font-size: 30px !important;
	height: 58px !important;
	line-height: 30px !important;
	padding: 8px 15px !important;
}

.cpi-start-search-form input[type="search"] {
	background: #ffffcc;
	border: 2px solid #bbb;
}

.cpi-start-search-form input[type="search"]:focus {
	border: 2px solid #900;
}

.cpi-start-search-form select {
	font-size: 26px !important;
	height: 58px !important;
	line-height: 36px !important;
	margin-top: -15px;
	padding: 10px !important;
}

.cpi-start-search-form select,
.cpi-start-search-form select option {
	background: #f5f5f5;
	opacity: .75;
}


/** Placeholder of CPI search form */
::-webkit-input-placeholder { /* WebKit browsers */
	color: #ccc;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #ccc;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #ccc;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color: #ccc;
}


/** Original search form in toolbar */
.wp-filter .search-form input[type="search"] {
	width: 220px;
}


/** Upload Tab */
.ddw-cpi .upload-plugin .install-help {
	padding-top: 20px;
}

.cpi-uploader.upload-plugin .wp-upload-form {
	background: 0 none;
	border: 0 none;
	margin-top: 10px;
	width: 90%;
	max-width: 90%;
}

.ddw-cpi.wp-admin input[type="file"] {
	border: 4px dashed #bbb;
	padding: 60px;  /* 30px; */
	width: 100%;
}

.ddw-cpi .cpi-uploader input[type="submit"],
.ddw-cpi .cpi-uploader button[type="submit"] {
	display: block;
	font-size: 16px;
	font-weight: 700;
	margin: 15px auto 0;
	/* margin-left: auto;
	margin-right: auto; */
	padding: 5px !important;
	width: 35% !important;
	min-width: 225px;
	height: auto !important;
}

.ddw-cpi .cpi-uploader input[type="submit"]:before,
.ddw-cpi .cpi-uploader button[type="submit"]:before {
	content: "\f317";
/** Dash */
	margin-right: 2px;
	/* margin-top: 2px; */
}

.cpi-uploader-after {
	margin-left: 40px;
	margin-right: 40px;
}


/** Topic Tags */
.cpi-topics-group {
	overflow: hidden; /* clearfix */
	/* margin-top: 1.5em; */
}

.cpi-topic {
	float: left;
	margin: 0 15px 25px;
	width: 45.5%;
	width: -webkit-calc( 49% - 15px );
	width: calc( 49% - 15px );
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.cpi-topic:nth-child(odd) {
	clear: both;
	margin-left: 0;
}

.cpi-topic:nth-child(even) {
	margin-right: 0;
}

.cpi-topic > .cpi-topic-tags {
	background: #f7f7f7;
	border: none;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
	box-shadow: 0 1px 1px rgba(0,0,0,0.04);
	font-size: 13px;
	line-height: 2em;
	padding: 8px 12px 12px;
	text-align: justify;
}

.cpi-topic:hover > .cpi-topic-tags {
	background: #ffffcc;
}

.cpi-topic:hover > h3 {
	color: #555;
}

.cpi-topic-tags a:hover {
	font-weight: 600;
}


/** Plugin Cards
------------------------------------------------------------ */

.plugin-card:hover {
	background: #ffffcc;
	border: 1px solid #bbb;
}

.plugin-card-bottom {
	background: #f2f2f2;  /* #f5f5f5; */
}

.plugin-card:hover > .plugin-card-bottom {
	background: #e1e1e1;
}

.plugin-install-php .tablenav .tablenav-pages {
	margin-top: 15px;
	margin-bottom: 15px;
}


/** Misc. Stuff
------------------------------------------------------------ */

/** Network plugin installer notice */
.cpi-network-notice {
	color: #a00;
	float: right;
	/* font-size: 11px; */
	margin: 0;
	padding: 10px 15px 1px 2px;
	text-decoration: none;
}

.cpi-network-notice:before {
	content: "\f348";
/** Dash */
	margin-right: 5px;
	margin-top: 1px;
	opacity: .7;
}


/** Our help tab */
#tab-panel-cpi-plugin-installer-help h3:before {
	content: "\f106";
/** Dash */
	margin-top: 2px;
}

#tab-panel-cpi-plugin-installer-help h4:before {
	content: "\f348";
/** Dash */
	margin-top: 1px;
}

#tab-panel-cpi-plugin-installer-help h3:before,
#tab-panel-cpi-plugin-installer-help h4:before {
	margin-right: 5px;
	opacity: .75;
}


/** Screen Options */
#screen-options-wrap h5:before {
	content: "\f472";
	margin-right: 5px;
	margin-top: 1px;
	opacity: .7;
}


/** Column Classes
------------------------------------------------------------ */

.one-half {
	float: left;
	margin-left: 2.564102564102564%;
}

.one-half {
	width: 48.717948717948715%;
}

.first {
	clear: both;
	margin-left: 0;
}


/** Media Queries
------------------------------------------------------------ */

@media screen and ( min-width: 1600px ) {

	.cpi-topic {
		width: 30%;
		width: -webkit-calc( 32.1% - 15px );
		width: calc( 32.1% - 15px );
	}

	.cpi-topic:nth-child(odd) {
		clear: none;
		margin-left: 15px;
	}

	.cpi-topic:nth-child(even) {
		margin-right: 15px;
	}

	.cpi-topic:nth-child(3n+1) {
		clear: both;
		margin-left: 0;
	}

	.cpi-topic:nth-child(3n) {
		margin-right: 0;
	}

}


@media only screen and ( max-width: 1024px ) {

	.plugin-install-php p.popular-tags {
		max-width: 90%;
	}

}


@media only screen and ( max-width: 800px ) {

	.cpi-start-search-form input[type="search"] {
		display: block !important;
		margin-bottom: 15px;
		margin-top: 15px;
		max-width: 95%;
	}

	.one-half {
		margin: 0;
		width: 100%;
	}

	.plugin-install-php .upload.add-new-h2 {
		display: inline-block !important;
	}

}


@media screen and ( max-width: 782px ) {

	.cpi-topic {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}

}


@media only screen and ( max-width: 600px ) {

	.cpi-block,
	.cpi-start-after p {
		margin-left: 10px;
	}

	.cpi-start-search-form input {
		font-size: 20px !important;
	}

	.ddw-cpi .upload-plugin .install-help {
		text-align: left;
	}

	.cpi-uploader.upload-plugin .wp-upload-form {
		padding-left: 0;
		width: 100%;
		max-width: 100%;
	}

	.ddw-cpi.wp-admin input[type="file"] {
		padding: 35px;
		width: 95%;
	}

	.ddw-cpi .cpi-uploader input[type="submit"],
	.ddw-cpi .cpi-uploader button[type="submit"] {
		font-size: 14px;
		margin-left: 0;
		min-width: 195px;
	}

	.cpi-uploader-after {
		margin-left: 0;
	}

}


@media only screen and (max-width: 400px) {

	.ddw-cpi.wp-admin input[type="file"] {
		padding: 15px;
		/* width: 85%; */
	}

	.ddw-cpi .cpi-uploader input[type="submit"],
	.ddw-cpi .cpi-uploader button[type="submit"] {
		margin-left: 0;
	}

	.plugin-install-php .upload.add-new-h2 {
		margin-top: 20px;
	}

}