/*
Theme Name: Blizzard DR
Author: Blizzard Digital
Author URI: http://www.blizzarddigital.com/
Description: Custom WordPress theme for blizzarddr.com.
Version: 1.0
*/

@import url("https://fonts.googleapis.com/css?family=Lato:400,700,900,400italic");
@import url("fonts/genericons.min.css");
@import url("fonts/data-recovery.min.css?2017102501");

/*
	Animations
*/

@keyframes tip
{
	from { transform: rotate(0deg); }
	to { transform: rotate(90deg); }
}

@-webkit-keyframes horizontal-bounce
{
	0% { transform: none; }
	50% { transform: translateX(10px); }	/* Gross pixels because IE won't work without it naturally. */
	100% { transform: none; }
}

@keyframes horizontal-bounce
{
	0% { transform: none; }
	50% { transform: translateX(10px); }	/* Gross pixels because IE won't work without it naturally. */
	100% { transform: none; }
}

@-webkit-keyframes horizontal-bounce-reverse
{
	0% { transform: none; }
	50% { transform: translateX(-10px); }	/* Gross pixels because IE won't work without it naturally. */
	100% { transform: none; }
}

@keyframes horizontal-bounce-reverse
{
	0% { transform: none; }
	50% { transform: translateX(-10px); }	/* Gross pixels because IE won't work without it naturally. */
	100% { transform: none; }
}

@-webkit-keyframes block-fade-in
{
	from { opacity: 0; -webkit-transform: translateY(50%); }
	to { opacity: 1; -webkit-transform: none; }
}

@keyframes block-fade-in
{
	from { opacity: 0; transform: translateY(50%); }
	to { opacity: 1; transform: none; }
}

@-webkit-keyframes bouncy-icon
{
	from { -webkit-transform: scale(1.25); }
	to { -webkit-transform: scale(1.15); }
}

@keyframes bouncy-icon
{
	from { transform: scale(1.25); }
	to { transform: scale(1.15); }
}

@-webkit-keyframes hop
{
	0% { -webkit-transform: translateY(0) scaleY(1); }
	20% { -webkit-transform: translateY(0) scaleY(1); }
	22.5% { -webkit-transform: translateY(0) scaleY(0.95); }
	30% { -webkit-transform: translateY(-10px) scaleY(1.15); }
	32.5% { -webkit-transform: translateY(-7.5px) scaleY(1.2); }
	42.5% { -webkit-transform: translateY(0) scaleY(0.95); }
	50% { -webkit-transform: translateY(0) scaleY(1); }
}

@keyframes hop
{
	0% { transform: translateY(0) scaleY(1); }
	20% { transform: translateY(0) scaleY(1); }
	22.5% { transform: translateY(0) scaleY(0.95); }
	30% { transform: translateY(-10px) scaleY(1.15); }
	32.5% { transform: translateY(-7.5px) scaleY(1.2); }
	42.5% { transform: translateY(0) scaleY(0.95); }
	50% { transform: translateY(0) scaleY(1); }
}

@-webkit-keyframes slide-up
{
	from { -webkit-transform: translateY(100%); }
	to { -webkit-transform: translateY(0); }
}

@keyframes slide-up
{
	from { transform: translateY(100%); }
	to { transform: translateY(0); }
}

/*
	Reset
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body
{
	line-height: 1.5em;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section
{
	display: block;
}

nav ul
{
	list-style: none;
}

blockquote, q
{
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after
{
	content: '';
	content: none;
}

a
{
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* change colours to suit your needs */
ins
{
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

/* change colours to suit your needs */
mark
{
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

del
{
	text-decoration: line-through;
}

abbr[title], dfn[title]
{
	border-bottom: 1px dotted;
	cursor: help;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

/* change border colour to suit your needs */
hr
{
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}

input, select
{
	vertical-align: middle;
}

input, select, textarea
{
	background: inherit;
	color: inherit;
	border: 0.1em solid #80889b;
	border-radius: 0.15em;
	box-sizing: border-box;
	font-family: inherit;
	font-size: inherit;
	padding: 0.5em;
}

/*
	General
*/

html
{
	background: #fff;
	color: #333;
	font-family: Lato, sans-serif;
	font-size: 1.2em;
}

body
{
	/* box-sizing: border-box; */
	/* padding-top: 0.5em; */
	/* padding-top: 4.7em; */
	/* animation: tip 1.25s ease-in 1 normal;
	transform-origin: center bottom;
	transform: rotate(90deg); */
}

a, a:visited
{
	color: #cb3362;
	text-decoration: none;
}

a:active, a:focus, a:hover
{
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6, p
{
	margin-bottom: 1em;
}

ol, ul
{
	margin-bottom: 1em;
	padding-left: 1.5em;
}

ul.fields
{
	list-style: none;
	padding-left: 0;
}

ul.fields > li
{
	margin-bottom: 1em;
}

ul.fields label
{
	display: block;
}

.error, .validation-errors, .required, span.wpcf7-not-valid-tip
{
	color: #c00;
}

div.wpcf7-validation-errors
{
	border-color: #c00;
}

/*
	Wrappers
*/

html, body, #outer-wrap, #inner-wrap
{
	/* overflow-x: hidden;
	max-width: 100%;
	height: 100%; */
}

html
{
	/* background: #fff; */
	background: #e0e0eb;
}

#outer-wrap
{
	overflow: hidden;
	/* padding: 0.5em; */
	position: relative;
}

/*
	Site header
*/

.site-header
{
	background: #fff;
	box-sizing: border-box;
	color: #5dd6b1;
	font-size: 1em;
	font-weight: 900;
	line-height: 1.85em;
	padding: 0.5em 4em 0.5em 0.5em;
	text-align: right;
}

.site-header .title
{
	font-size: 2em;
	-webkit-transition: font-size 0.25s ease;
	transition: font-size 0.25s ease;
}

.site-header .title a
{
	color: inherit;
	text-decoration: inherit;
}

.site-header .title a:before
{
	background: transparent url("images/platter-logo.png") no-repeat left center;
	background-size: auto 100%;
	content: "";
	display: inline-block;
	margin-right: 0.25em;
	vertical-align: top;
	width: 1em;
	height: 1em;
}

html.svg .site-header .title a:before
{
	background-image: url("images/platter-logo.svg");
}

@media only screen and (max-width: 27.5em)
{
	.site-header .title
	{
		font-size: 1.6em;
	}
}

/*
	Menu
*/

a.menu-open:before
{
	content: "\f419";
	float: left;
	font-family: Genericons;
	padding-right: 0.25em;
	text-indent: 0;
}

a.menu-open
{
	color: #cb3362;
	display: block;
	font-size: 2em;
	overflow: hidden;
	position: absolute;
	top: 0.5em;
	right: 0.5em;
	text-decoration: none;
	text-indent: 9999em;
	width: 1em;
	height: 1em;
}

#menu
{
	background: #cb3362;
	box-sizing: border-box;
	font-size: 1.25em;
	/* min-height: 100%; */
	margin: 1em 0 0 0;
	padding: 1em;
}

#menu a
{
	color: #fff;
	text-decoration: none;
}

#menu a:before
{
	content: "\f408";
	font-family: Genericons;
	font-size: 1.15em;
	margin-right: 0.15em;
	vertical-align: top;
}

#menu #menu-item-9 a:before { content: "\f409"; } /* Home */
#menu #menu-item-11 a:before { content: "\f425"; } /* Best Practices */
#menu #menu-item-19 a:before { content: "\f300"; } /* Tech Bench */
#menu #menu-item-18 a:before { content: "\f410"; } /* Contact */
#menu #menu-item-88 a:before { content: "\f302"; } /* Pricing */

#menu ul
{
	list-style: none;
	margin-bottom: 0;
	padding-left: 0;
}

#menu ul > li
{
	margin-bottom: 1em;
}

#menu ul > li.current-menu-item a
{
	border-bottom: 0.2em solid #fff;
}

#menu .menu-close
{
	display: block;
	font-size: 0.85em;
	margin-top: 2em;
}

#menu .menu-close:before
{
	content: "\f405";
	font-family: Genericons;
	padding-right: 0.25em;
	vertical-align: middle;
}

html.js-ready #inner-wrap
{
	position: relative;
	transition: left ease 0.5s;
}

html.js-ready.transform #inner-wrap
{
	transition: -moz-transform ease 0.5s, -webkit-transform ease 0.5s, transform ease 0.5s;
}

html.js-ready #menu
{
	background: #fff /* linear-gradient(to right, rgba(0, 0, 0, 0.15), #fff 10%) */;
	color: #333;
	margin-top: 0;
	position: absolute;
	top: 0;
	right: -80%;
	bottom: 0;
	width: 80%;
}

html.js-ready #menu a
{
	color: #c8c10d;
}

html.js-ready #menu ul > li.current-menu-item a
{
	border-bottom-color: #cb3362;
	color: #cb3362;
}

html.js-ready.menu-open #inner-wrap
{
	left: -80%;
}

html.js-ready.transform.menu-open #inner-wrap
{
	left: 0;
	-moz-transform: translateX(-80%);
	-ms-transform: translateX(-80%);
	-webkit-transform: translateX(-80%);
	transform: translateX(-80%);
}

@media only screen and (min-width: 80em)
{
	html.js-ready #inner-wrap
	{
		position: static;
		transition: none;
	}

	html.flex .site-header
	{
		/* margin-right: 50%;
		padding-right: 1em; */
	}

	html.flex .site-header > div
	{
		margin-right: 50%;
	}

	html.flex .site-header .menu-open, html.flex #menu .menu-close
	{
		display: none;
	}

	html.flex #menu
	{
		/* background-color: #fff; */
		background-color: transparent;
		font-size: 1em;
		margin: 0;
		padding: 1em;
		position: absolute;
		top: 0;
		right: 0;
		bottom: initial;
		left: 50%;
		width: auto;
		height: 4.7em;
		min-height: 0;
	}

	html.flex #menu ul
	{
		align-items: center;
		display: flex;
		height: 100%;
	}

	html.flex #menu ul > li
	{
		margin-bottom: 0;
		padding: 0 0.75em;
	}

	html.flex #menu a
	{
		color: #c8c10d;
		display: block;
		padding: 0 0 0.25em 0;
		text-align: center;
		transition: color ease 0.25s;
	}

	html.flex #menu a:before
	{
		display: block;
		margin-right: 0;
		margin-bottom: -0.2em;
	}

	html.flex #menu a:active, html.flex #menu a:focus, html.flex #menu a:hover
	{
		color: #5dd6b1;
	}

	html.flex #menu ul > li.current-menu-item a
	{
		color: #cb3362;
		border-bottom-color: #cb3362;
	}

	html.flex.menu-open #inner-wrap
	{
		left: 0;
	}

	html.flex.transform.menu-open #inner-wrap
	{
		-webkit-transform: none;
		transform: none;
	}
}

/*
	Content
*/

#main
{
	background: #fff;
	overflow: visible;
	padding-bottom: 1em;
}

#main > .post, #main > .page, #main > .page-header, .site-footer > .content, .subsection > .content
{
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 49rem;
	padding-right: 1.25rem;
	padding-left: 1.25rem;
}

html.legacy #main > .post, html.legacy #main > .page, html.legacy #main > .page-header, html.legacy .site-footer > .content, html.legacy .subsection > .content
{
	max-width: 892px;
	padding-right: 24px;
	padding-left: 24px;
}

body.blog #main, body.archive #main
{
	border-top: 0.35em solid #c8c10d;
	padding-top: 0.75em;
	max-width: none;
}

body.blog .page-title, body.archive .page-title
{
	text-align: center;
}

body.error404 #main, #main > .no-results
{
	margin-bottom: 3em;
	text-align: center;
}

body.error404 #main:before, #main > .no-results .page-content:before
{
	color: #c8c10d;
	content: "\f457";
	display: block;
	font-family: Genericons;
	font-size: 10em;
	line-height: 1em;
	text-align: center;
}

body.error404 #main .home a:before
{
	content: "\f409";
	display: inline-block;
	font-family: Genericons;
	font-size: 1.5em;
	margin-right: 0.15em;
	vertical-align: top;
}

#main > .no-results .page-content:before
{
	content: "\f400";
}

@media only screen and (max-width: 25em)
{
	#main, .site-footer, .subsection > .content
	{
		padding-right: 0.5rem;
		padding-left: 0.5rem;
	}
}

@media only screen and (min-width: 40em)
{
	body.error404 #main
	{
		margin-top: 4em;
		margin-bottom: 6em;
		text-align: left;
	}

	body.error404 #main:before
	{
		float: right;
		line-height: 0.5em;
		margin-left: 0.05em;
	}
}

body.home .entry-content h1, /* body.home .entry-content h2, */ body.page .entry-header h1
{
	background: #c8c10d;
	box-sizing: border-box;
	color: #fff;
	font-size: 1.1em;
	font-weight: normal;
	margin-right: -50vw;
	margin-left: -50vw;
	padding: 0.85em;
	padding-right: 50vw;
	padding-left: 50vw;
	text-align: center;
}

body.home .entry-content h2
{
	background: #5dd6b1;
	box-sizing: border-box;
	color: #fff;
	padding: 0.35em 0.5em;
}

#main > article
{
	margin-bottom: 1em;
}

.subsection
{
	/* background: #dfe5e3; */
	/* background: #dfdfef; */
	background: #e0e0eb;
	box-sizing: border-box;
	/* margin: 2em 0 0 0; */
	padding: 2em 0;
}

body.home .subsection
{
	margin-bottom: 1em;
}

.pagination
{
	margin-bottom: 1em;
	text-align: center;
}

.pagination h2
{
	display: none;
}

.pagination .page-numbers
{
	margin-right: 0.25em;
	margin-left: 0.25em;
	white-space: nowrap;
}

.pagination .prev, .pagination .next
{
	text-decoration: none;
}

.pagination .prev:before, .pagination .next:after
{
	content: "\f429";
	display: inline-block;
	font-family: Genericons;
	margin-left: 0.25em;
	vertical-align: top;
}

.pagination .prev:before
{
	content: "\f430";
	margin-right: 0.25em;
	margin-left: 0;
}

.pagination .prev:active:before, .pagination .prev:focus:before, .pagination .prev:hover:before
{
	-webkit-animation: horizontal-bounce-reverse 0.5s ease infinite;
	animation: horizontal-bounce-reverse 0.5s ease infinite;
}

.pagination .next:active:after, .pagination .next:focus:after, .pagination .next:hover:after
{
	-webkit-animation: horizontal-bounce 0.5s ease infinite;
	animation: horizontal-bounce 0.5s ease infinite;
}

.social a
{
	display: block;
	line-height: 2.75em;
	overflow: hidden;
	text-decoration: none;
	width: 2.75em;
	height: 2.75em;
}

.social ul
{
	list-style: none;
	margin-bottom: 0.75em;
	padding: 0;
}

.social li
{
	display: inline-block;
	margin: 0 0.5em;
}

.social li a:before
{
	display: block;
	font-family: Genericons;
	font-size: 2.75em;
}

.social li.facebook a:before
{
	color: #3b5998;
	content: "\f203";
}

.social li.twitter a:before
{
	color: #55acee;
	content: "\f202";
}

.social li.instagram a:before
{
	color: #262626;
	content: "\e807";
	font-family: data-recovery;
}

.social svg
{
	height: 2.75em;
	width: 2.75em;
}

.social span
{
	display: inline-block;
	height: 0;
}


/* Home page latest blog */

.tech-bench-excerpt h2
{
	color: #cb3362;
	font-size: 1.25em;
	font-weight: normal;
}

.tech-bench-excerpt h3
{
	background: #c8c10d;
	color: #fff;
	font-size: 1.1em;
	font-weight: normal;
}

.tech-bench-excerpt h3 a
{
	color: inherit;
	display: block;
	padding: 0.5em;
	text-decoration: none;
}

.tech-bench-excerpt h3 a:after
{
	content: "\f429";
	float: right;
	font-family: Genericons;
	font-size: 1.5em;
	transition: transform ease 0.25s;
}

.tech-bench-excerpt h3 a:active:after, .tech-bench-excerpt h3 a:focus:after, .tech-bench-excerpt h3 a:hover:after
{
	-webkit-animation: horizontal-bounce 0.5s ease infinite;
	animation: horizontal-bounce 0.5s ease infinite;
}

body.blog #main .page-header.intro
{
	-webkit-animation: block-fade-in 0.75s ease 1;
	animation: block-fade-in 0.75s ease 1;
	margin: 1em auto 2.5em;
	max-width: 49rem;
}

ul.equipment
{
	list-style: none;
	margin-bottom: 0;
	padding: 0;
}

html.modern ul.equipment
{
	display: flex;
	flex-flow: row wrap;
	align-content: space-between;
	justify-content: space-between;
}

ul.equipment > li
{
	background: #80889b;
	border-radius: 0.5em;
	box-sizing: border-box;
	color: #fff;
	margin: 0 0 0.85em 0;
	padding: 0.5em;
}

ul.equipment > li:before
{
	content: "\f418";
	font-family: Genericons;
	font-size: 1.5em;
	margin-right: 0.25em;
	vertical-align: middle;
}

html.modern ul.equipment > li
{
	flex: auto;
	margin-right: 1%;
	margin-left: 1%;
	width: 48%;
	min-width: 12.5em;
}

/* Blog posts */

img.alignnone, .wp-caption.alignnone, figure.alignnone
{
	margin: 1em 2em;
}

img.alignleft, .wp-caption.alignleft, figure.alignleft
{
	clear: left;
	float: left;
	margin: 1em 1.5em 1em 0;
}

img.alignright, .wp-caption.alignright, figure.alignright
{
	clear: right;
	float: right;
	margin: 1em 0 1em 1.5em;
}

img.aligncenter, .wp-caption.aligncenter, figure.aligncenter
{
	clear: both;
	display: block;
	margin: 1em auto;
}

.alignleft
{
	text-align: left;
}

.alignright
{
	text-align: right;
}

.aligncenter
{
	text-align: center;
}

.wp-caption-text
{
	text-align: left;
}

figcaption
{
	font-size: 80%;
	font-weight: bold;
	padding: 0 0.75em;
	text-align: center;
}

/* .entry-content
{
	overflow: hidden;
} */

.entry-content:after
{
	content: "";
	clear: both;
	display: block;
}

.entry-content img
{
	border-radius: 0.15em;
	max-width: 50%;
	height: auto;
}

ul.posts
{
	list-style: none;
	padding: 0;
}

ul.posts > li
{
	margin: 0 0 1.5em 0;
}

@media only screen and (max-width: 40em)
{
	img.alignleft, .wp-caption.alignleft, figure.alignleft,
	img.alignright, .wp-caption.alignright, figure.alignright,
	img.aligncenter, .wp-caption.aligncenter, figure.aligncenter
	{
		clear: none;
		float: none;
		margin: 0 0 1em;
		text-align: center;
	}
}

@media only screen and (max-width: 60em)
{
	.entry-content img
	{
		clear: both;
		display: block;
		float: none;
		margin: 0 auto 1em auto;
		max-width: 100%;
	}
}

@media only screen and (min-width: 60em)
{
	.entry-content img
	{
		max-width: 100%;
	}

	ul.posts
	{
		display: flex;
		flex-wrap: wrap;
	}

	ul.posts:after
	{
		content: "";
		flex-grow: 10000;
	}

	ul.posts > li
	{
		flex: 1 0 auto;
		width: 50%;
	}
}

@media only screen and (min-width: 90em)
{
	ul.posts > li
	{
		width: 33.333333%;
	}
}

@media only screen and (min-width: 130em)
{
	ul.posts > li
	{
		width: 25%;
	}
}

/* Blog post header */

article.post .entry-header
{
	background: #cb3362;
	box-sizing: border-box;
	color: #fff;
	font-size: 0.9em;
	margin: 0 0 1em 0;
	padding: 0.75em 1em;
}

ul.posts > li:nth-child(4n+2) article.post .entry-header
{
	background: #c8c10d;
}

ul.posts > li:nth-child(4n+3) article.post .entry-header
{
	background: #5dd6b1;
}

article.post .entry-header a
{
	color: #fff;
}

article.post .entry-header .avatar
{
	border-radius: 50%;
	float: left;
	margin: -1.5em 1em 0 0;
	width: auto;
	height: 6em;
}

article.post .entry-header h1, article.post .entry-header h2
{
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0;
}

.posts .entry-title
{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

article.post .entry-header .date:before
{
	content: "|";
	margin-right: 0.25em;
}

/* Blog post content */

article.post .entry-content
{
	box-sizing: border-box;
	clear: both;
	padding: 0 1em 1em 1em;
}

article.post .entry-footer
{
	padding: 1em;
}

/* Action buttons/links */

.entry-footer .action a, .comment-reply-link, .comment-edit-link, .form-submit .submit, .wpcf7-submit
{
	background: #fff;
	border: 0.2em solid #5dd6b1;
	border-radius: 0.2em;
	box-sizing: border-box;
	color: #5dd6b1;
	cursor: pointer;
	display: inline-block;
	font-size: 1em;
	margin: 0 0.5em 0.5em 0;
	padding: 0.25em 0.75em 0.25em 0.5em;
}

.entry-footer .action a:active, .entry-footer .action a:focus, .entry-footer .action a:hover,
.comment-reply-link:active, .comment-reply-link:focus, .comment-reply-link:hover,
.comment-edit-link:active, .comment-edit-link:focus, .comment-edit-link:hover,
.form-submit .submit:active, .form-submit .submit:focus, .form-submit .submit:hover,
.wpcf7-submit:active, .wpcf7-submit:focus, .wpcf7-submit:hover
{
	text-decoration: none;
}

.entry-footer .action a:before, .comment-reply-link:before, .comment-edit-link:before, .form-submit .submit:before, .wpcf7-submit:before
{
	content: "\f412";
	display: inline-block;
	font-family: Genericons;
	font-size: 1.5em;
	margin-right: 0.2em;
	transition: transform ease 0.25s;
	vertical-align: middle;
}

.entry-footer .action a:active:before, .entry-footer .action a:focus:before, .entry-footer .action a:hover:before,
.comment-reply-link:active:before, .comment-reply-link:focus:before, .comment-reply-link:hover:before,
.comment-edit-link:active:before, .comment-edit-link:focus:before, .comment-edit-link:hover:before,
.form-submit .submit:active:before, .form-submit .submit:focus:before, .form-submit .submit:hover:before,
.wpcf7-submit:active:before, .wpcf7-submit:focus:before, .wpcf7-submit:hover:before
{
	-webkit-animation: bouncy-icon 0.25s ease 0.25s infinite alternate;
	animation: bouncy-icon 0.25s ease 0.25s infinite alternate;
	transform: scale(1.25);
}

.entry-footer .action.edit-link a:before, .comment-edit-link:before
{
	content: "\f411";
}

.entry-footer .action.read-link a:before
{
	content: "\f402";
}

.comment-reply-link, .comment-edit-link
{
	font-size: 0.75em;
	padding-top: 0;
	padding-bottom: 0;
}

.comment-reply-link:before
{
	content: "\f412";
}

.form-submit .submit:before
{
	content: "\f300";
}

.bliz-contact-form .form-submit .submit:before, .wpcf7 .form-submit .wpcf7-submit
{
	content: "\f410";
}

@media only screen and (max-width: 25em)
{
	article.post .entry-header .avatar
	{
		margin: 0 0.75em 0.25em 0;
		height: 3em;
	}

	.entry-footer .action a
	{
		display: block;
		margin-right: 0;
	}
}

/* Comments */

ol.comment-list, ol.comment-list ol.children
{
	list-style: none;
	padding: 0;
}

ol.comment-list ol.children
{
	padding-left: 1em;
}

ol.comment-list > li, ol.comment-list ol.children > li
{
	/* border-top: 0.1em solid #80889b; */
	margin: 0 0 1em 0;
	padding-top: 1em;
}

ol.comment-list > li:first-child
{
	border-top: 0;
	padding-top: 0;
}

.comment-body
{
	background: #fff;
	border: 0.1em solid #80889b;
	border-radius: 0.25em;
	margin: 0 0 1em 0;
	padding: 1.25em;
}

.comment-meta
{
	margin-bottom: 1em;
}

.comment-author
{
	font-size: 1.25em;
}

.comment-author .avatar
{
	float: left;
	margin-right: 0.75em;
	width: auto;
	height: 2.75em;
}

.comment-metadata
{
	font-size: 0.75em;
}

.comment-metadata .edit-link
{
	display: block;
}

.comment-content
{
	clear: both;
	font-size: 0.8em;
}

.comment-form label
{
	display: block;
}

.comment-form input, .comment-form textarea
{
	width: 100%;
}

@media only screen and (max-width: 30em)
{
	.comment-author .avatar
	{
		height: 1.5em;
	}
}

@media only screen and (min-width: 40em)
{
	.comment-meta
	{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.comment-metadata .edit-link
	{
		display: inline;
		margin-left: 1em;
	}
}

/*
	Send Your Drive
*/

ol.send-drive li p
{
	font-size: 0.8em;
}


ol.send-drive h2::before
{
	color: #cb3362;
	display: inline-block;
	font-family: Genericons;
	font-size: 2em;
	margin-right: 0.2em;
	vertical-align: middle;
}

ol.send-drive li.step-print h2::before
{
	content: "\f469";
}

ol.send-drive li.step-package h2::before
{
	content: "\e805";
	font-size: 1.75em;
	font-family: data-recovery;
}

ol.send-drive li.step-mail h2::before
{
	content: "\e804";
	font-family: data-recovery;
}

/*
	Footer
*/

.site-footer
{
	box-sizing: border-box;
	font-size: 0.8em;
	margin: 0 auto;
	padding-top: 3.25em;
	padding-bottom: 1.25em;
	text-align: center;
}

.site-footer .contact
{
	line-height: normal;
	margin-bottom: 1.5em;
}

.site-footer .contact .phone
{
	font-size: 1.65em;
	margin-bottom: 0.75em;
}

.site-footer .contact .phone a:before
{
	content: "\f453";
	font-family: Genericons;
	margin-right: 0.35em;
	vertical-align: bottom;
}

.site-footer .menu
{
	list-style: none;
	margin-bottom: 2em;
	padding-left: 0;
	text-align: center;
}

.site-footer .menu > li
{
	border-left: 0.1em solid #cb3362;
	display: inline;
}

.site-footer .menu > li:first-child
{
	border-left: none;
}

.site-footer .menu > li a
{
	padding: 0 0.5em;
	white-space: nowrap;
}

@media screen and (max-width: 65em)
{
	.site-footer
	{
		padding-bottom: 6.25em;
	}
}

/*
	Home page intro
*/

.site-intro
{
	background: transparent url("images/hdd.jpg") no-repeat center bottom;
	background-size: 100% auto;
	/* padding-bottom: 36.1%; */
	padding-bottom: 52.083%;
}

.site-intro > div
{
	background: #cb3362;
	box-sizing: border-box;
	color: #fff;
	padding: 1.5em;
	transition: background-color ease 0.5s;
}

.site-intro > div a
{
	color: #5dd6b1;
}

.site-intro .contact
{
	border: 0.15em solid #5dd6b1;
	border-radius: 0.5em;
	display: table;
	list-style: none;
	margin: 0 auto;
	padding: 0;
}

.site-intro .contact > li a
{
	border-top: 0.15em solid #5dd6b1;
	color: #fff;
	display: block;
	padding: 0.6em 1.25em;
}

.site-intro .contact > li a:active, .site-intro .contact > li a:focus, .site-intro .contact > li a:hover
{
	background-color: rgba(255, 255, 255, 0.25);
	text-decoration: none;
}

.site-intro .contact > li a:before
{
	display: inline-block;
	font-family: Genericons;
	font-size: 1.5em;
	padding-right: 0.5em;
	vertical-align: middle;
}

.site-intro .contact > li.email a:before
{
	content: "\f410";
}

.site-intro .contact > li.phone a:before
{
	content: "\f453";
}

.site-intro .contact > li:first-child a
{
	border-top: 0;
}

.site-intro .contact > li.social
{
	border-top: 0.15em solid #5dd6b1;
	text-align: center;
}

.site-intro .contact > li.social a
{
	border-top: 0;
	display: inline-block;
	padding: 0;
}

.site-intro .contact > li.social span
{
	font-size: 0.8em;
}

.site-intro .contact > li.social ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.site-intro .contact > li.social ul > li
{
	display: inline;
}

.site-intro .contact > li.social a
{
	padding-right: 0;
}

.site-intro .contact > li.social a:before { color: #fff; }
.site-intro .contact > li.social a.facebook:before { content: "\f203"; }
.site-intro .contact > li.social a.twitter:before { content: "\f202"; }

.site-intro .social
{
	margin: 1.5em 0 0;
	text-align: center;
}

.site-intro .social ul
{
	font-size: 0.85em;
}

.site-intro .social li a:before
{
	color: #fff;
}

@media only screen and (min-width: 50em)
{
	.site-intro
	{
		background-position: center center;
		background-size: cover;
		padding-bottom: 0;
	}

	.site-intro > div
	{
		background-color: rgba(203, 51, 98, 0.8);
		margin-right: 50%;
		margin-left: auto;
		width: 50%;
		max-width: 60em;
	}
}

/*
	Contact form
*/

.bliz-contact-form input, .bliz-contact-form textarea, .wpcf7-form-control-wrap .wpcf7-form-control
{
	width: 100%;
}

.bliz-contact-form .anti-spam input
{
	width: auto;
}

.bliz-contact-form .anti-spam img
{
	margin-left: 1em;
	vertical-align: middle;
}

.bliz-contact-form .sent
{
	text-align: center;
}

.bliz-contact-form .sent:before
{
	color: #80889b;
	content: "\f410";
	display: block;
	font-family: Genericons;
	font-size: 7em;
	line-height: 0.8em;
	text-align: center;
}

div.wpcf7-response-output
{
	background: #cb3362;
	border: 0;
	border-radius: 0.2em;
	color: #fff;
	margin: 2em 0;
	padding: 0.25em 1em;
}

div.wpcf7-mail-sent-ok:before
{
	content: "\f410";
	font-family: Genericons;
	font-size: 3em;
	line-height: 0.75;
	margin: 0 0.5rem 0 0;
	vertical-align: middle;
}

@media only screen and (max-width: 30em)
{
	.bliz-contact-form .anti-spam input
	{
		width: 100%;
	}

	.bliz-contact-form .anti-spam img
	{
		display: block;
		margin-top: 0.5em;
		margin-left: 0;
	}

	div.wpcf7-mail-sent-ok:before
	{
		display: block;
		margin: 0 0 0.5rem;
		text-align: center;
	}
}

/*
	Document file format selector
*/

ul.doc-format-selector
{
	list-style: none;
	padding: 0;
	text-align: center;
}

html.flex ul.doc-format-selector
{
	align-content: space-around;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

ul.doc-format-selector > li
{
	box-sizing: border-box;
	display: inline-block;
	margin: 0;
	padding: 1.5em;
	text-align: center;
	width: 49%;
}

html.flex ul.doc-format-selector > li
{
	display: block;
	flex: 0 0 auto;
	width: auto;
	max-width: 50%;
}

@media screen and (max-width: 30em)
{
	html.flex ul.doc-format-selector > li
	{
		max-width: 100%;
	}
}

ul.doc-format-selector a
{
	display: block;
	margin: 0 auto;
	position: relative;
	width: 65%;
}

ul.doc-format-selector .thumb
{
	box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.25);
	display: block;
	margin: 0 auto;
	-webkit-transform: scale(0.9);
	transform: scale(0.95);
	-webkit-transition: transform 0.4s ease;
	transition: transform 0.4s ease;
	width: 100%;
	height: auto;
}

ul.doc-format-selector .format-icon
{
	position: absolute;
	right: -1em;
	bottom: 3.5em;
	-webkit-transform: scale(0.75);
	transform: scale(0.75);
	-webkit-transition: transform 0.4s ease;
	transition: transform 0.4s ease;
	width: auto;
	height: 25%;
}

ul.doc-format-selector a:active .thumb, ul.doc-format-selector a:focus .thumb, ul.doc-format-selector a:hover .thumb,
ul.doc-format-selector a:active .format-icon, ul.doc-format-selector a:focus .format-icon, ul.doc-format-selector a:hover .format-icon
{
	-webkit-transform: scale(1);
	transform: scale(1);
}

/*
	Special alert popover banner
*/

#alert-banner
{
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	
	padding: 1em;

	background: #cb3362;
	color: #fff;
	
	font-size: 1.25em;
	font-weight: bold;
	text-align: center;
	
	animation: slide-up ease-out 0.5s 0.25s both;
}

#alert-banner p { margin-bottom: 0; }
body { padding-bottom: 4em; }	/* Make sure the banner doesn't cover the very bottom */

/*
	Send drive call-to-action
*/

.site-footer .send-drive
{
	/* -webkit-animation: slide-up 0.75s ease 1 normal;
	animation: slide-up 0.75s ease 1 normal; */
	background: #5dd6b1;
	/* border: 0.15em solid #5dd6b1;
	border-right: 0;
	border-bottom: 0; */
	border-radius: 1em 0 0 0;
	color: #fff;
	font-size: 1.5em;
	position: fixed;
	right: 0;
	bottom: 0;
	text-align: center;
}

.site-footer .send-drive a
{
	color: inherit;
	display: block;
	padding: 0.75em 1.25em;
}

.site-footer .send-drive a:before
{
	-webkit-animation: hop 2s ease infinite normal;
	animation: hop 2s ease infinite normal;
	/* content: "\f410"; */
	content: "\e804";
	display: inline-block;
	/* font-family: Genericons; */
	font-family: data-recovery;
	font-size: 64px;
	margin-right: 0.35em;
	transform-origin: center bottom;
	/* transform: rotate(-10deg); */
	vertical-align: middle;
}

@media screen and (max-width: 35em)
{
	.site-footer .send-drive
	{
		border-radius: 0;
		left: 0;
	}
}

/*
	Landing page calls-to-action
*/

.call-to-action
{
	background: #5dd6b1;
	border-radius: 1em;
	color: #fff;
	display: inline-block;
	font-size: 1.25em;
	margin-bottom: 1em;
	text-align: center;
}

.call-to-action:hover
{
	background: linear-gradient(0deg, #6de6c1 60%, #79efbd 85%, #6de6c1 90%);
}

.call-to-action a
{
	color: inherit;
	display: inline-block;
	padding: 0.75em 1.25em;
}

.call-to-action a:before
{
	content: "\e804";
	display: inline-block;
	font-family: data-recovery;
	font-size: 64px;
	margin-right: 0.35em;
	vertical-align: middle;
}

.send-flash-drive a:before
{
	content: "\e806";
	font-size: 32px;
}

.send-camera-card a:before
{
	content: "\e808";
	font-size: 32px;
}

/*
	Side-by-side drive comparison table
*/

table.drive-comparison
{
	border-collapse: separate;
	border-spacing: 1em;
	margin: 1em auto;
}

table.drive-comparison thead tr
{
	background: #5dd6b1;
	color: #fff;
}

table.drive-comparison thead tr > *
{
	padding: 0.25em 1em;
}

table.drive-comparison tr > *
{
	border-top: 1px solid #e0e0eb;
	padding: 1em 1em 0;
}

table.drive-comparison tr:first-child > *
{
	border-top: 0;
	padding-top: 0;
}

/*
	Quote form
*/

.quote-form-total-range
{
	font-weight: bold;
	position: relative;
	width: 100%;
	height: 2em;
}

.quote-form-total-range > .min
{
	position: absolute;
	top: 0;
	left: 0;
}

.quote-form-total-range > .max
{
	position: absolute;
	top: 0;
	right: 0;
}

.quote-form-total-range > .likely
{
	position: absolute;
	top: 0;

	transition: all 0.5s ease;
}

/*
	Blog categories
*/

.blog-categories
{
	margin: 1em auto;
	max-width: 49rem;
}

.blog-categories h2
{
	margin-bottom: 0;
	padding: 0 0.5em;
}

.blog-categories-items
{
	list-style: none;
	padding-left: 0;
}

.blog-categories-items > li
{
	padding: 0.2em 0.5em;
}

.blog-categories-items > li:nth-child(even)
{
	background-color: #e0e0eb;
	/* background-color: #e7e7f3; */
}

.blog-categories-items .cat-count
{
	color: #80809b;
	font-size: 0.75em;

	float: right;
}

@media only screen and (min-width: 70em)
{
	div.blog
	{
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
	}

	.blog-posts
	{
		flex: 1 1 auto;
	}

	.blog-categories
	{
		flex: 1 0 auto;
		margin: 0;
		width: 20%;
		min-width: 15em;
		max-width: 25em;
	}
}