﻿/*

	Theme Name: Metro Pro Child Theme - Custom CSS File

	Theme URI: http://my.studiopress.com/themes/metro/

	Description: This custom CSS file is used to modify the default behaviour of the Metro Pro child theme and it also adds some new functionality.

	Version: 1.1.1

	Last Update: 28/10/18

	Template: genesis
	Template Version: 2.0.0
	Theme Name: Metro Pro Theme
	Version: 2.0.1


*/

/* Metro Pro Red
--------------------------------------------- */

html body {
	background:#e6e6e0 url("images/bg-2014.png") repeat fixed;
}
.entry-content,
.entry-content p {
	font-family: verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.entry-content blockquote p,
.entry-content blockquote::before {
	color:#111;
}
.entry-content blockquote p {
	font-size:16px;
}
blockquote {
	padding-top:0;
	padding-bottom:0;
}
.entry-header h1 {
	color:#333;
	font-size:44px;
	margin-bottom:22px;
}
.entry-content h2 {
	font-size:28px;
	font-weight:bold;
	margin-bottom:22px;
}
h3 {
	font-size:22px;
}
.highlight {
	background:#ff6;
}
.boldred {
	color:#af0D15;
}
.tic {
	color:#ff4500;
	font-weight:bold;
	margin-right:5px;
}
/* Metro Pro Red
--------------------------------------------- */

.metro-pro-red .entry-title a:hover,
.metro-pro-red .genesis-nav-menu > .right > a:hover,
.metro-pro-red .site-footer a:hover,
.metro-pro-red a,
.metro-pro-red h2 a:hover {
	color: #069;
}
.metro-pro-red .archive-pagination li a:hover, .metro-pro-red .archive-pagination li.active a, .metro-pro-red .btn:hover, .metro-pro-red .content .entry-comments-link a, .metro-pro-red .enews-widget input:hover[type=submit], .metro-pro-red .genesis-nav-menu .current-menu-item > a, .metro-pro-red .genesis-nav-menu a:hover, .metro-pro-red .sidebar .enews-widget input[type=submit], .metro-pro-red .site-title a, .metro-pro-red a.social-buttons:hover, .metro-pro-red button:hover, .metro-pro-red input:hover[type=button], .metro-pro-red input:hover[type=reset], .metro-pro-red input:hover[type=submit] {
	background-color: #222222;
}

/* Links */
a.golink,
a.golink:visited {
	color:#03c;
	font-weight:bold;
	text-decoration:underline;
}
a.golink:hover,
a.golink:active,
a.golink:focus {
	color:#900;
	font-weight:bold;
	text-decoration:none;
}
.imglink {
	border:3px solid #D9E2E8;
}
.highlight {
	background-color:#ff6;
}
p.more a {
	font-weight:bold;
	text-decoration:underline;
}
p.more a:hover {
	color:#900;
	font-weight:bold;
	text-decoration:none;
}
.sidebar a {
	text-decoration:none;
}
.sidebar a:hover {
	color:#900;
	text-decoration:underline;
}

/* Lists */

.sqbullets li {
	line-height:1.4;
	margin-bottom:8px;
	padding:7px 0;
}

.metro-pro-red .entry-content .benefits {
	color:#333;
	font-family:verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:100%;
}
.metro-pro-red .entry-content ul.benefits {
	list-style:none;
	margin-left:-30px;
}
.metro-pro-red .entry-content .benefits li {
	background:url("/images/tick.gif") no-repeat 0 50%;
	line-height:1.5;
	list-style:none;
	margin-bottom:10px;
	padding:5px 0;
	padding-left:30px;
}
.metro-pro-red .entry-content li.alt {
	font-weight:bold;
}

/* Images */

.report {
	float:right;
	margin:0 0 20px 20px;
}

/* Forms */

fieldset {
	border:1px solid #ccc;
	margin:0 0 1.5em;
	padding:1em 2em;
}
form div {
	clear:both;
}
label {
	display:block;
	font-weight:700;
	padding:2px 0;
}
label span {
	color:#933;
	font-weight:normal;
}
label.question:hover,
labelquestion.hover {
	cursor:help;
}
legend {
	padding:2px 5px;
}
.button {
	margin-top:10px;
}
input,
select,
textarea {
	color: #444;
}

/* -- Contact Form 7 -- */

.wpcf7-form {
	border:2px solid #dadada;
	margin-bottom:10px;
	padding:10px 20px;
}
.wpcf7-form input,
.wpcf7-form .wpcf7-textarea {
	font-family:verdana, tahoma, helvetica, arial, sans-serif;
	margin-top:10px;
	margin-bottom:10px;
}
.wpcf7-form p {
	color:#444;
	font-family:verdana, tahoma, helvetica, arial, sans-serif;
	font-weight:bold;
	line-height:20px;
	margin-top:10px;
	margin-bottom:10px;
}
.wpcf7-form .wpcf7-submit {
	cursor:pointer;
	margin:7px 0;
}

/* Squeeze
------------------------------------------------------------ */

.after-entry .wrap {
	background-color:#ffc;
}
.nl-optin-wrap {
	background:#fff;
	margin:30px 0;
	padding:10px;
}
.nl-optin-content {
	background:#ffc;
	border:3px dotted #bbb;
	padding:30px 20px 10px;
}
.nl-optin-content h2 {
	color:#bb0005;
	font-weight:bold;
}
.nl-optin-content h3 {
	font-weight:bold;
}
.nl-optin-content p {
	font-weight:bold;
}
.nl-optin-content input {
	background:#fff;
	border:2px solid #c0c0c0;
	color:#222;
	font-size: 18px;
}
.metro-pro-red .entry-content .nl-optin-content input[type=submit] {
	background-color: #008000;
	border:3px solid #029902;
	color: #fff;
	font-size: 24px;
	font-weight:bold;
	margin:30px 0;
	text-shadow: 1px 1px 1px #016701;
}
.metro-pro-red .entry-content .nl-optin-content input:hover[type=submit] {
	background-color: #ff4500;
	border:3px solid #f86731;
	color: #fff;
	font-size: 24px;
	font-weight:bold;
	margin:30px 0;
	text-shadow: 1px 1px 1px #db3e04;
}
.opt-privacy {
	font-size:12px;
}
.qdisclaimer {
	border-top:2px dotted #ccc;
	color:#666;
	font-size:12px;
	margin-top:40px;
	padding-top:30px;
}

/* After content optin 
------------------------------------------------------------ */

.after-opt {
	text-align:left;
}
.metro-pro-red .entry-footer .after-opt h2 {
	color:#bb0005;
	font-size:30px;
	font-weight:bold;
	margin-bottom:22px;
}
.metro-pro-red .entry-footer .after-opt h3 {
	font-size:24px;
	font-weight:bold;
	margin-bottom:22px;
}
.metro-pro-red .entry-footer .after-opt p {
	font-size:16px;
	font-weight:bold;
}
.metro-pro-red .entry-footer .after-opt input {
	background:#fff;
	border:2px solid #c0c0c0;
	color:#222;
	font-size: 18px;
}
.metro-pro-red .entry-footer .after-opt input[type=submit] {
	background-color: #008000;
	border:3px solid #029902;
	color: #fff;
	font-size: 24px;
	font-weight:bold;
	margin:30px 0;
	text-shadow: 1px 1px 1px #016701;
}
.metro-pro-red .entry-footer .after-opt input:hover[type=submit] {
	background-color: #ff4500;
	border:3px solid #f86731;
	color: #fff;
	font-size: 24px;
	font-weight:bold;
	margin:30px 0;
	text-shadow: 1px 1px 1px #db3e04;
}