/**
 * #.# Error alerts.
 *
 * These styles appear to be used by the BoldGrid library. @todo, confirm and move them to the library.
 */

.error-alerts {
	color: red;
}

.error-color::before {
	content: '*';
	padding-right: 5px;
}

.error-color {
	color: red;
}

/**
 * #.# Theme install.
 *
 * These styles are for theme-install.php
 */
 
.theme-install-php #recommend-boldgrid p {
	margin: 0;
	position: relative;
}

.theme-install-php #recommend-boldgrid .recommend-boldgrid-text {
	padding-left: 41px;
	display: inline-block;
	left: 18px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.theme-install-php .boldgrid-cert,
.theme-install-php .theme[aria-describedby*="boldgrid-"] .theme-name:after {
	background: url(../images/bg-seal.png) no-repeat;
}

.theme-install-php .theme[aria-describedby*="boldgrid-"] .theme-name:after {
	content: ' ';
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
	left: -6px;
	bottom: 36px;
	background-size: 37px auto;
}

.theme-install-php .theme[aria-describedby*="boldgrid-"] .theme-name:before {
	content: 'Certified';
	display: block;
	width: 100%;
	height: 18px;
	background: #262626; /* Old browsers */
	background: -moz-linear-gradient(left, #262626 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #262626 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #262626 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background-size: 100% 100%;
	padding: 2px 0px;
	position: absolute;
	bottom: 48px;
	left: 0px;
	color: white;
	text-transform: uppercase;
	text-indent: 38px;
	font-size: 10px;
	font-family: Josefin Sans;
	letter-spacing: .1em;
	font-weight: 500;
}

.theme-install-php .boldgrid-cert {
	width: 39px;
	height: 44px;
	display: inline-block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.theme-install-php .boldgrid-cert {
	background-position: -1px 5px;
}
