/*
Theme Name: Vantage Child
Author: Richard Waddingham
Author URI: http://brackleylabels.net/
Theme URI: http://brackleylabels.net/theme/vantage-child/
Template: vantage
Description: Vantage Child is Brackley Labels modification of siteOrigins theme Vantage.
Version: 1.0.0
License: GNU General Public License 2.0
License URI: license.txt
Tags: responsive-layout, fluid-layout, custom-background, custom-menu, featured-images, theme-options, threaded-comments, translation-ready, black, white, light, one-column, two-columns, full-width-template
Text Domain: vantage-child
*/

/*-------------------------------------------------------------- */
p {
	/* font-size:1.25em; */
}
 .left {
	float:left;
}
.right {
	float:right;
}
a div.first {
	width:40%;
}
span.h1-note { /* To make additional Keywords in h1 tag smaller */
	font-size:0.85em;
	font-style: italic;
}
ul.breadcrumb {
	/* padding-top:40px; */
}
.max-width {
	max-width:80%;
}
.bottom-border {
	border-bottom:1px solid;
}
.clearfix {
	clear:both;
}
.over-flow-hidden {
	overflow:hidden;
}
.margin-increase-on-left {
	margin-left: 18em;
}
.entry-header {
	margin-left:16em;
}
.entry-title {
	font-size:1.6em;
}
.this-is-the-value-initially-given-to-the-new-h-two-header {
	/*<div><h2 style="font-size: 1.875em;">Whatever you need a label for, our experienced team will take care of it</h2></div>*/
}

li.service-menu-li {
	border-bottom-width:1px;
	border-style:solid;
	color:#808080;
	font-size:1.25em;
	padding:0.25em 0.5em 0.25em 0.5em; 
	/* margin: 0px 0px 0px 37px !Important; */
	margin: 0px 0px 0px 0px !Important;
} /*TRBL*/
li.service-menu-li-category {
	border-width:0px;
	border-style:solid;
	color:#808080;
	font-size:1.25em;
	padding:0em 0em 0em 0em;
	margin: 0px 0px 11px 0px !Important;
}
a.service-menu-a {
	text-decoration:none;
	color:#bfbfbf;
}
a.change-nothing:hover {
	text-decoration:none;
	color:#888888;
	font-size:1.25em;
}
a.change-nothing:hover, a.change-nothing:active, a.change-nothing:focus {
	outline: 0;
}
a.change-nothing {
	color:#666666;
	font-size:1.25em;
}
ul.with-tick li a {
	text-decoration:none;	
	color:inherit;
}
ul.with-tick li a:hover {
	color:#cc0033;
}
a.service-menu-a:hover {
	color:#bfbfbf;
}
a.service-menu-a:hover, a.service-menu-a:active, a.service-menu-a:focus {
	outline: 0;
}
ul.with-tick {
	list-style-image: url('http://localhost/wp/wordpress/wp-content/uploads/2016/03/tick-bullit.gif');
}
/* Flaky application of the following rule in Chrome. Didn't work, then did, then ignored removing !Important...*/
p.calculator-error {
	font-style: italic;
	color: red;
}
#calculator-form  input {
	padding: 2px;
	border: none;
	width: 9em;
}
#calculator-form  label {
	text-align: right;
	width: 338px;
	float: left;
	padding-right: 10px;
}
#calculator-form {
	background-color: #CCC;
	display: inline-block;
}
#calculator-form  div {
	padding-top: 10px;
	padding-right: 10px;
}
#theSubmit {
	text-align: center;
	padding: 10px;
}
#calculator-form br, #calculator-form p {
	display: none;
}

.relative {
	position: relative;
}
.absolute {
	position: absolute;
}
@keyframes diffraction {
	0% { -moz-transform: translateX(0px); opacity:0;}
	50% { -moz-transform: translateX(0px); opacity:1;}
	100% { -moz-transform: translateX(0px); opacity:0;}
	0% { translateX(0px); opacity:0;}
	50% { translateX(0px); opacity:1;}
	100% { translateX(0px); opacity:0;}
}
@-webkit-keyframes diffraction {
	0% { -webkit-translateX(0px); opacity:0;}
	50% { -webkit-translateX(0px); opacity:1;}
	100% { -webkit-translateX(0px); opacity:0;}
}
.outer-keyframes-div { border: none; background: #ffffff; }
/* .outer-keyframes-div { border: 1px solid black; background: #FFF; } */
.outer-keyframes-div { width: 300px; height: 137px;}
.outer-keyframes-div { overflow: hidden; }
.outer-keyframes-div:after { 
	content: "❚❚";
	font-size: 35px;
	z-index: 12;
	position: absolute;
	color: rgba(255,255,255,0);
	left: 5px;
	top: 15px;
	-moz-transition: 1s all ease-in-out;
	-webkit-transition: 1s all ease-in-out;
	transition: 1s all ease-in-out;
}
.outer-keyframes-div:hover:after { color: rgba(128,128,128,1); }

.inner-keyframes-div img { width: 300px; height: 137px;} /* "font-size: 0;" can apparently be added to remove space between images*/
.inner-keyframes-div {
	width:300px;
	-moz-animation-name:diffraction;
	-moz-animation-duration:10s;
	-moz-animation-timing-function: ease-out;
	-moz-animation-iteration-count:infinite;
	-webkit-animation-name:diffraction;
	-webkit-animation-duration:10s;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-iteration-count:infinite;
	animation-name:diffraction;
	animation-duration:10s;
	animation-timing-function: ease-out;
	animation-iteration-count:infinite;
}
.inner-keyframes-div:hover {
	-moz-animation-play-state:paused;
	-webkit-animation-play-state:paused;
	animation-play-state:paused;
}
div.click-box {
	position:relative !Important;
	width:300px !Important;
	height:137px !Important;
	display: inline-block;
	margin: 3em 3.5em 0 0;
}
div.click-box img {
	position:absolute !Important;
}
div.click-box a img {
	right:0;
}
div.click-box h5 {
	position:relative !Important;
	/* text-align: center !Important; */
	/* margin: 1em 1em 0em 1em; /* TRB? */
	/* margin-right: 1em; */
	margin: 1em;
	/* margin-left: 1em; */
	/* top: 50% !Important; */
	/* transform: translateY(-30%) !Important; */
	max-width: 70%; /* Helps Keep the clickable region clickable */
}
div.click-box p {
	position:relative !Important;
	/* text-align: center !Important; */
	margin: 0em 1em 0em 1em; /* TRB? */
	/* top: 50% !Important; */
	/* transform: translateY(-30%) !Important; */
	font-size:1.25em;
}