/*
Theme Name: Qualys Blog
Author: Qualys, Inc.
Author URI: https://www.qualys.com/
Description: This theme was created in June 2015 by Mike Jeung. It was created to match the then current design of the blog on the Qualys Community. Tt was adapted to be responsive for mobile and to embrace the default WordPress way over the old Jive way. Additional work was done in December 2015 by Keith Shaw.
Version: 1.0.0

This theme is copyright by Qualys, Inc. Use of this theme by anyone other than Qualys, Inc. is strictly prohibited.
*/


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/**
 * 3.0 Typography
 */
html {
	font-size: 62.5%;
	-webkit-font-smoothing: antialiased;
	        font-smoothing: antialiased;
}
body,
button,
input,
select,
textarea {
	color: #333;
	font-family: "Open Sans", "Lucida Grande", "Lucida Sans Unicode", Helvetica, sans-serif !important;
	font-size: 1.5rem;
	line-height: 1.5;
	-webkit-text-rendering: optimizelegibility;
	        text-rendering: optimizelegibility;
}
pre,
samp,
code,
kbd,
pre[class*="language-"],
code[class*="language-"] {
	/* use a nice stack of mono spaced fonts */
	/* http://hivelogic.com/articles/top-10-programming-fonts */
	font-family: "Anonymous Pro", Inconsolata, Consolas, "Deja Vu Sans Mono", "Droid Sans Mono", "Proggy Clean", "Monofur", "Profont", Monaco, "Andale Mono", Courier, monospace;
	/* font size must use !important to override inline styles */
	/* 10pt = 13px = 13/15 * 1em */
	font-size: calc(4 / 3 * 1rem) !important;
	white-space: pre-wrap;
}
pre {
	overflow: scroll;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 600;
}
a {
	color: #06C;
	text-decoration: none;
}
a:hover,
a:active {
	text-decoration: underline;
}
b,
strong {
	font-weight: 700;
}
i,
em,
var {
	font-style: italic;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	outline: none;
}
.entry-content p,
.comment-content p,
.entry-content pre,
.comment-content pre {
	margin: 0 0 1.5em;
}
.entry-content ol,
.entry-content ul,
.comment-content ol,
.comment-content ul {
	padding-left: 2.0em;
	margin-bottom: 1.5em;
}
.entry-content ol,
.comment-content ol {
	list-style-type: decimal;
}
.entry-content ul,
.comment-content ul {
	list-style-type: disc;
}
.entry-content ol ul,
.entry-content ul ul,
.comment-content ol ul,
.comment-content ul ul {
	list-style-type: circle;
}
.entry-content ol ol ul,
.entry-content ol ul ul,
.entry-content ul ol ul,
.entry-content ul ul ul,
.comment-content ol ol ul,
.comment-content ol ul ul,
.comment-content ul ol ul,
.comment-content ul ul ul {
	list-style-type: square;
}
.entry-content ol ol,
.entry-content ol ul,
.entry-content ul ol,
.entry-content ul ul,
.comment-content ol ol,
.comment-content ol ul,
.comment-content ul ol,
.comment-content ul ul {
	margin-bottom: 0;
}


/**
 * 6.0 Navigations
 */
div.navigation {
	overflow: hidden;
	padding: 0 calc( 54 / 1024 * 100%);
}
div.navbar {
	background: #1d5aa1;
	color: #FFF;
	padding: 0 calc(54 / 1024 * 100%);
	position: relative;
}
div.navigation ul > li {
	float: left;
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 2.8;
	list-style-type: none;
	margin: 0 1.75em 0 0;
}
div.navigation ul > li:last-child {
	margin-right: 0;
}
div.navigation a {
	color: #666;
	font-weight: 600;
	margin: 0;
	text-decoration: none;
}
div.navigation a:hover {
	color: #333;
}
.title {
	display: inline-block;
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1.3;
	padding: 0.76em 3.0rem 0.76em 0;
}
.q-search-form-container {
	background: #1d5aa1;
	box-sizing: border-box;
	display: none;
	height: 100%;
	left: 0;
	padding: 0 calc(54 / 1024 * 100%);
	position: absolute;
	top: 0;
	width: 100%;
}
.search-form {
	height: 100%;
	position: relative;
	width: 100%;
}
.search-field {
	-webkit-appearance: textfield;
	        appearance: textfield;
	border: 0.1rem solid #B9B9B9;
	border-radius: 0.25em;
	box-sizing: border-box;
	margin-top: calc(-0.75em - 0.1rem);
	position: absolute;
	top: 50%;
	width: calc(100% - 3.0rem);
}
.search-submit {
	background: transparent;
	border: 0 none;
	cursor: pointer;
	display: block;
	font-size: 4.0rem;
	height: 1.0em;
	margin-right: -0.25em;
	margin-top: -0.5em;
	padding: 0.25em;
	position: absolute;
	right: 0;
	text-indent: -9999px;
	top: 50%;
	width: 1.0em;
	z-index: 3;
}
.q-search-icon {
	cursor: pointer;
	display: block;
	font-size: 4.0rem;
	height: 0.5em;
	margin-top: -0.5em;
	margin-right: -0.25em;
	padding: 0.25em;
	position: absolute;
	right: calc(54 / 1024 * 100%);
	top: 50%;
	transform: rotate(270deg);
	width: 0.5em;
	z-index: 2;
}
.q-search-icon svg {
	display: block;
	height: 100%;
	width: 100%;
}
/* tablets */
@media screen and (min-width: 700px) {
	.title {
		font-size: 2.0rem;
		padding-right: calc(3.75rem + (212 / 700 * 100%));
	}
	.q-search-icon {
		font-size: 5.0rem;
	}
	.q-search-form-container {
		background: transparent;
		box-sizing: border-box;
		display: inline-block;
		height: 100%;
		left: auto;
		margin-right: calc(54 / 1024 * 100%);
		padding: 0;
		position: absolute;
		top: 0;
		right: 0;
		width: calc(212 / 700 * 100%);
	}
	.search-field {
		width: calc(100% - 4.0rem);
	}

}
/* desktop */
@media screen and (min-width: 1024px) {
	.title {
		font-size: 2.5rem;
		padding-right: calc(3.75rem + (212 / 1024 * 100%));
	}
	.q-search-form-container {
		width: calc(212 / 1024 * 100%);
	}

}
div.pagination-block {
	margin: 10px 0 0 0;
	width: 100%;
}
div.main div.pagination-block:first-child {
	margin: 0;
}
div.pagination-block + div.item {
	padding-top: 10px !important;
}
.post-count {
	color: #999;
	font-weight: 600;
}
div.pagination-block span.post-feed,
div.pagination-block span.post-count {
	float: left;
	line-height: 17px;
	min-height: 17px;
}
span.post-feed {
	background: url(image/icn-rss-16.png) top left no-repeat;
	display: inline-block;
	padding: 0 0 0 22px;
}
.pagination {
	color: #999;
	float: right;
}
.page-numbers {
	font-weight: 600;
}
.pagination .prev,
.pagination .next {
	font-size: 0;
}
.pagination .prev:after,
.pagination .next:after {
	font-size: 2.0rem;
	line-height: 1;
}
.pagination .prev:after {
	content: "«";
	margin-right: 0.5rem;
}
.pagination .next:after {
	content: "»";
	margin-left: 0.5rem;
}

li.menu-item-login,
li.menu-item-register,
li.menu-item-logout {
	display: none;
}


/**
 * 9.0 Clearings
 */
div.header:after,
div.entry-content:after,
li.comment:after,
div.pagination-block:after,
.cf:after,
.nav-links:after {
	content: " ";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}


/**
 * 10.0 Header
 */
div.header {
	background: #FFF;
	font-size: 1.8rem;
	position: relative;
}
h1.logo {
	overflow: hidden;
	position: relative;
}
h1.logo a {
	background: transparent url(image/qualys-blog-logo.svg) no-repeat scroll top left;
	background-size: 100%;
	display: inline-block;
	height: 1em;
	font-size: 4.275rem;
	margin: 0.5em 0 0 calc( 54 / 1024 * 100%);
	text-indent: -9999px;
	width: calc(408 / 57 * 1em);
}
/* hamburger menu */
.q-header-menu-icon {
	font-size: 2.0rem;
	height: 1em;
	margin-right: -0.5em;
	padding: 0.5em;
	position: absolute;
	right: calc(54 / 1024 * 100%);
	top: 1.0625em;
	width: 1em;
	cursor: pointer;
}
.q-header-menu-icon span {
	background: #1D5AA1;
	border-radius: 0.2rem;
	display: block;
	float: left;
	height: 20%;
	margin-top: 15%;
	width: 100%;
	transition: 0.6s;
}
.q-header-menu-icon:active span {
	background: #06C;
}
.q-header-menu-icon span:first-child {
	margin-top: 0;
}
/* easter egg */
.q-header-menu-icon.feed-me span:first-child {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.q-header-menu-icon.feed-me span:nth-child(2) {
	margin-left: -12.5%;
	width: 125%;
}
.q-header-menu-icon.feed-me span:last-child {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
@media screen and (min-width: 700px) {
	h1.logo a {
		font-size: 5.7rem;
	}
	.q-header-menu-icon {
		font-size: calc(2.0rem * 4 / 3);
	}

}
@media screen and (min-width: 1024px) {
	.q-header-menu-icon {
		display: none;
		visibility: hidden;
	}
}

/**
 * 12.0 Content
 * should be 660 pixels wide at 1024 pixels
 */
a.more-link {
	display: inline-block;
	margin: 0;
}
div.content {
	background: #FFF;
	overflow: hidden;
	padding: 3.0em calc(54 / 1024 * 100%);
}
div.content div.item {
	width: auto;
}
div.main {
	float: left;
	margin-right: calc(256 / 916 * 100%);
	width: calc(660 / 916 * 100%);
}
div.post-author-avatar {
	position: absolute;
	right: 0;
	top: 0;
}
div.post-author-avatar-frame.qualys-rep:after {
	background: transparent url(image/shield.svg) no-repeat top left;
	background-size: 100% auto;
	bottom: 0;
	color: transparent;
	content: ".";
	display: inline-block;
	height: 33.75%;
	position: absolute;
	right: 0;
	width: 27%;
	z-index: 3;
}
div.post-author-avatar-frame {
	border: 1px solid #CCC;
	border-radius: 22px;
	display: inline-block;
	position: relative;
}
div.post-author-avatar-frame {
	border-radius: 26px;
}

div.post-author-avatar-img {
	background-size: 100%;
	border-radius: 18px;
	height: 38px;
	margin: 2px;
	width: 38px;
}
div.post-author-avatar-img {
	border-radius: 22px;
	height: 46px;
	width: 46px;
}
div.post-author-avatar img {
	border-radius: 18px;
	border: 1px solid #CCC;
	max-width: 100%;
	padding: 3px;
}


/**
 * 12.1 Posts and pages
 */
article.post {
	border-bottom: 0.1rem solid #CCC;
	margin-bottom: 3.0em;
	padding-bottom: 3.0em;
}
header.entry-header {
	position: relative;
}
.post .entry-title {
	margin: 0.4rem 0 0.5rem;
}
h1,
h2 {
	font-size: 3.0rem;
	font-weight: 600;
	line-height: 1.2;
}
h2 a,
h2 a:hover {
	color: #333;
	text-decoration: none;
}
h2.widget-title {
	color: #808080;
	font-size: 1.3rem;
	font-weight: bold;
	margin: 0 0 .7em 0;
	text-transform: uppercase;
}
article h2 {
	font-size: 2.5rem;
	font-weight: 600;
	line-height: 1.5;
	padding: 0.5em 0 0.25em;
}
article h3 {
	font-size: 2.0rem;
	font-weight: 600;
	margin: 0.5em 0 0.25em 0;
}
article h4 {
	font-size: 1.7rem;
	font-weight: 600;
	margin: 0.5em 0 0.25em 0;
}
article a,
div.comment-content {
	word-wrap: break-word;
}
blockquote {
	border-color: transparent transparent transparent gray;
	border-width: 0 0.2rem;
	border-style: none solid;
	font-style: italic;
	margin: 0 calc(20 / 660 * 100%) 1.5em;
	padding: 0.75em calc(20 / 660 * 100%);
}
div.main div.item {
	border-bottom: 1px solid #b9b9b9;
	padding: 37px 0 42px 0;
}
div.content div.item:first-child {
	padding-top: 0;
}
.article-meta {
	margin-top: 1.5em;
}
.article-meta-extra {
	color: #999;
	font-size: calc(8 / 9 * 1em);
	line-height: calc(9 / 8 * 1.5);
	margin: 0 0 calc(9 / 8 * 1.5em) 0;
}
.post .entry-title,
.post .article-meta-extra {
	margin-right: calc(46px + 0.4rem + (20 / 660 * 100%));
}
div.article-meta li {
	display: inline-block;
	margin-right: 12px;
}
div.article-meta li.comments {
	background-image: url(image/icn-comment-12.png);
	background-position: center left;
	background-repeat: no-repeat;
	padding: 0 0 0 17px;
}
div.article-meta li.permalink {
	background-image: url(image/icn-link-12.png);
	background-position: center left;
	background-repeat: no-repeat;
	padding: 0 0 0 17px;
}
div.article-meta li.tags {
	background-image: url(image/icn-tag-12.png);
	background-position: 0 6px;
	background-repeat: no-repeat;
	padding: 0 0 0 15px;
}
div.article-meta a.post-edit-link {
	background-image: url(image/icn-edit-12.png);
	background-position: center left;
	background-repeat: no-repeat;
	padding: 0 0 0 15px;
}
span.entry-time {
	text-transform: uppercase;
}
h2.screen-reader-text,
p.span.screen-reader-text,
div.screen-reader-text,
span.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}
.alignnone,
.alignright,
.alignleft,
.aligncenter {
	height: auto;
	max-width: 100%;
}
.alignright,
.alignleft {
	max-width: 50%;
}
.alignright {
	float: right;
	margin: 0.25em 0 1.75em calc(20 / 660 * 100%);
}
.alignleft {
	float: left;
	margin: 0.25em calc(20 / 660 * 100%) 1.75em 0;
}
.aligncenter {
	display: block;
	margin: 0.25em auto 1.75em;
}
.image-migrated-from-jive {
	box-sizing: content-box;
}
.embed-youtube,
.embed-vimeo,
.responsive-iframe-wrapper {
	height: 0;
	padding: 0 0 calc(9 / 16 * 100%);
	position: relative;
}
.embed-youtube iframe,
.embed-vimeo iframe,
.responsive-iframe-wrapper iframe {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.post .attachment-size {
	display: none;
	visibility: hidden;
}
.post-navigation {
	font-size: 2.0rem;
}
.nav-previous a,
.nav-next a {
	display: block;
	line-height: normal;
	margin: 4.5rem 0;
	text-decoration: none;
}
.meta-nav {
	display: block;
	color: #808080;
	font-size: 0.65em;
	font-weight: bold;
	text-transform: uppercase;
}
.nav-previous a:hover .post-title,
.nav-next a:hover .post-title {
	text-decoration: underline;
}
/* put previous and next blog post links side-by-side on tablets and desktop */
@media screen and (min-width: 700px) {
	.nav-links > div {
		float: left;
		margin: 0 0 0 calc(20 / 660 * 100%);
		width: calc((330 - 10) / 660 * 100%);
	}
	.nav-links > div:first-child {
		margin: 0;
	}
	/* and wrap the previous and next links with a border and padding */
	.nav-previous a,
	.nav-next a {
		border: 0.1rem solid #CCC;
		border-radius: 0.25em;
		padding: 0.75em 1em;
	}
	.nav-previous a:active,
	.nav-previous a:hover,
	.nav-next a:active,
	.nav-next a:hover {
		background: #f5f5f5;
		text-decoration: none;
	}
}


/**
 * Code blocks
 */
pre[class*="language-"] {
	margin: calc(27 / 16 * 1em) 0;
	padding: 1.25em calc(20 / 660 * 100%);
}


/**
 * Avatars
 */
.avatar {
	background: #fff;
	border: 0.1rem solid #DCDCDC;
	border-radius: 50%;
	padding: 0.1rem;
	overflow: visible;
}
.avatar-employee {
	background: transparent url(https://dum21w3618van.cloudfront.net/themes/qc-global/images/shield.svg) no-repeat top left;
	background-size: 100% auto;
	background-size: contain;
	display: inline-block;
}
.post .avatar,
.post .avatar-employee {
	float: right;
}
.post .avatar-employee {
	float: right;
	margin: 3.6rem -4.9rem 0 0;
}
.comment .avatar-employee {
	position: absolute;
	top: 2.5rem;
	left: -1.5rem;
}


/**
 * 12.3 Comments
 */
#comments {
	background: #f4fbff;
	border: 0.1rem solid #cfdce9;
	border-radius: 0.5rem;
	line-height: 1.5;
	margin: 0 0 4.5em;
	padding: 0.25em 0.5em;
}
@media screen and (min-width: 700px) {
	.comment {
		margin: 0 0 0 6.4rem;
	}
}
.comment-body {
	position: relative;
	margin-bottom: 4.5em;
}
.comment-meta {
	position: absolute;
	width: 100%;
}
.comment-author {
	margin: -3.0em 0 0;
}
@media screen and (min-width: 700px) {
	.comment-author {
		margin: -3.0em 0 calc(-32px - 0.4rem - 1.5em);
	}
}
.comment-author .avatar {
	vertical-align: top;
	margin: 3.0em calc(20 / 596 * 100%) 0 calc(-32px - 0.4rem - 0.2rem);
}
.comment-author .fn {
	font-weight: bold;
}
.comment-metadata::before {
	content: "on ";
}
.comment-metadata {
	font-size: calc(4 / 3 * 1rem);
	line-height: 1.6875;
	margin: 0 0 0.1rem calc(20 / 596 * 100%);
}
.comment-metadata .edit-link {
	float: right;
	font-weight: 600;
	padding: 0 1.5em;
}
.comment-content {
	background: #f5f5f5;
	border: 0.1rem solid #dcdcdc;
	border-radius: 0.5rem;
	overflow: auto;
	padding: calc(1.5em - 0.1rem) calc((20 / 596 * 100%) - 0.1rem) calc(3.0em - 0.1rem);
}
/* shorten the margin on the last comment */
.commentlist > li:last-child article,
.commentlist > li:last-child li:last-child article {
	margin: 0 0 3.0em;
}
/* but do not shorten the margin if there is only one comment */
.commentlist > li:first-child article,
.commentlist > li:first-child li:first-child article {
	margin: 0 0 4.5em;
}
.comment-awaiting-moderation,
.reply {
	border-radius: 0.5rem 0;
	color: #fff;
	font-size: 0.8em;
	font-weight: 600;
	opacity: 0.8;
	padding: 0 2.25rem;
}
.comment-awaiting-moderation {
	background: #C60;
	float: left;
	line-height: 2;
	margin: calc(1 / 3 * 0.1rem) 0 0;
}
.reply {
	background: #06C;
	float: right;
	line-height: 2.5;
	margin: -2.5em 0 0;
	text-transform: uppercase;
}
.reply:active,
.reply:hover {
	opacity: 1;
}
.reply a {
	color: #fff;
}


/**
 * leave a reply
 */
#respond {
	margin: 0 0 3.0em;
}
#respond h3,
#cancel-comment-reply,
#respond p {
	line-height: 1.5;
	margin: 0 0 0 calc(20 / 596 * 100%);
}
#respond input[type="text"] {
	border-radius: 0.3em;
	border: 0.1rem solid #CCC;
	box-shadow: inset 0 0.1rem 0.3em rgba(0, 0, 0, .05);
	padding: 0.4em;
}
#respond textarea {
	background: #f5f5f5;
	border: 0.1rem solid #dcdcdc;
	border-radius: 0.5rem;
	display: block;
	padding: calc(0.75em - 0.1rem) calc(20 / 576 * 100%);
	margin: 0.75em 0 0.75em calc(-20 / 576 * 100%);
	width: calc(100% - (20 / 576 * 100%) - 0.2rem);
}
@media screen and (min-width: 700px) {
	#respond textarea {
	}

}
#respond textarea:focus {
	background: #fff;
	border-color: #b1b1b1;
}
#respond input[type=submit] {
	background: #424242;
	background: -moz-linear-gradient(top, #6d6d6d 0%, #3a3a3a 100%);
	background: -webkit-linear-gradient(top, #6d6d6d 0%,#3a3a3a 100%);
	background: linear-gradient(to bottom, #6d6d6d 0%,#3a3a3a 100%);
	border: 0 none;
	border-radius: 0.5rem;
	color: #fff;
	cursor: pointer;
	font-size: 0.8em;
	font-weight: 600;
	line-height: 3;
	margin: 0 0 0.75em;
	padding: 0 calc(20 / 576 * 100%);
	text-transform: uppercase;
}
#respond input[type=submit]:active {
	margin: 0.1rem 0 -0.1rem;
}
@media screen and (min-width: 700px) {
	#respond {
		margin-left: 6.4rem;
	}
}


/**
 * 12.4 Sidebar & Widgets
 * should be 212 pixels wide at 1024 pixels wide
 */
div.sidebar {
	float: right;
	margin: 0 0 0 calc(-256 / 916 * 100%);
	width: calc(212 / 916 * 100%);
}
aside.widget {
	display: block;
	font-weight: 400;
	margin: 0 0 4.5rem 0;
}
aside.widget li {
	margin: 0 0 10px 0;
}
aside.widget a:hover {
	text-decoration: underline;
}


/**
 * Recent Contributors widget
 * with Jive Avatars injected by JavaScript
 */
aside.widget_recent_contributors_widget li {
	display: inline-block;
	margin: 0;
}
aside.widget_recent_contributors_widget a {
	background: white;
	border: 0.1rem solid #B9B9B9;
	padding: 0.2rem;
}
aside.widget_recent_contributors_widget a,
aside.widget_recent_contributors_widget img {
	border-radius: 0.2rem;
	display: block;
}


/**
 * 12.5 Buttons
 */
form.comment-form input.submit {
	background: #525252;
	background: -moz-linear-gradient(top, #6d6d6d 0%, #525252 50%, #424242 51%, #3a3a3a 100%);
	background: -webkit-linear-gradient(top, #6d6d6d 0%, #525252 50%, #424242 51%, #3a3a3a 100%);
	background: linear-gradient(to bottom, #6d6d6d 0%, #525252 50%, #424242 51%, #3a3a3a 100%);
	background-clip: padding-box;
	border: 1px solid #a6a6a6;
	border-radius: 4px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	color: #fff;
	display: inline-block;
	font-family: inherit;
	font-size: 13px;
	font-weight: 400;
	margin: 10px 0;
	outline: 0;
	padding: 6px 20px;
	text-shadow: 0 1px 0 black;
}
form.comment-form input.submit:hover {
	background: #3a3a3a;
	background: -moz-linear-gradient(top, #595959 0%, #3a3a3a 50%, #2e2e2e 51%, #272727 100%);
	background: -webkit-linear-gradient(top, #595959 0%, #3a3a3a 50%, #2e2e2e 51%, #272727 100%);
	background: linear-gradient(to bottom, #595959 0%, #3a3a3a 50%, #2e2e2e 51%, #272727 100%);
	box-shadow: inset 0 1px 0 #666, 0 1px 3px rgba(0, 0, 0, 0.3);
}


/**
 * 13.0 Footer
 */
.q-footer {
	background: #999;
	color: #FFF;
	min-height: 10em;
	padding: 1.5em calc(54 / 1024 * 100%) 3.0em;
	text-align: center;
}
.q-footer a {
	color: #FFF;
}
.q-footer-social-media a {
	opacity: 1;
	transition: 0.2s;
}
.q-footer-social-media a:active,
.q-footer-social-media a:hover {
	opacity: 0.667;
}
.q-footer-social-media svg {
	display: inline-block;
	font-size: 2.0rem;
	height: 1em;
	margin: 0.5em;
	width: 1em;
}
.q-footer .menu li {
	display: inline-block;
}
.q-footer-links li {
	font-size: calc(4 / 3 * 1rem);
	font-weight: 600;
	line-height: calc(9 / 8 * 3);
	padding: 0 1ex;
}
.q-footer .menu li:first-child {
	padding-left: 0;
}
.q-footer .menu li:last-child {
	padding-right: 0;
}
.qualys-logo-with-continuous-security {
	display: none;
	margin: 0.9em 0;
	visibility: hidden;
}
.qualys-logo-with-continuous-security > span,
.qualys-logo-with-continuous-security svg {
	vertical-align: top;
}
.qualys-logo-with-continuous-security path {
	fill: #FFF;
}
.qualys-logo-with-continuous-security path:nth-child(2) {
	fill: transparent;
}
.qualys-logo-with-continuous-security .qualys-logo,
.qualys-logo-with-continuous-security .vertical-pipe,
.qualys-logo-with-continuous-security .continuous-security {
	display: inline-block;
}
.qualys-logo-with-continuous-security .qualys-logo {
	margin: 0 0.8em 0 calc(13 / 15 * 1em);
}
.qualys-logo-with-continuous-security .qualys-logo svg {
	height: 2.2em;
	width: 7.8em;
}
.qualys-logo-with-continuous-security .vertical-pipe {
	background: #FFF;
	height: 2.0em;
	margin: 0.1rem 0;
	width: 1px;
}
.qualys-logo-with-continuous-security .continuous-security {
	margin: calc(11 / 15 * 1em) 0 0 0.8em;
}
.qualys-logo-with-continuous-security .continuous-security svg {
	height: 0.6em;
	width: 8.6em;
}
.q-footer-copyright {
	font-size: calc(11 / 15 * 1em);
	line-height: calc(45 / 22 * 2);
}
.q-footer-secure-seal {
	line-height: 3;
	margin-top: 1em;
}
.q-footer-secure-seal img {
	border-radius: 0.3rem;
	height: 4.7rem;
	vertical-align: middle;
	width: 8.9rem;
}
/* tablets */
@media screen and (min-width: 700px) {
	.q-footer-social-media-and-links {
		float: right;
		text-align: right;
	}
	.q-footer-social-media {
		margin: 0.2rem 0 0.3rem;
	}
	.q-footer-social-media svg {
		font-size: 2.5rem;
	}
	.q-footer-social-media a:last-child svg {
		margin-right: 0;
	}
	.q-footer-links li {
		font-weight: normal;
		padding: 0 1.5ex;
	}
	.q-footer-logo-and-copyright {
		float: left;
		text-align: left;
	}
	.qualys-logo-with-continuous-security {
		display: block;
		visibility: visible;
	}
	.qualys-logo-with-continuous-security .qualys-logo {
		margin-left: 0;
	}
	.q-footer-copyright {
		font-size: calc(4 / 3 * 1rem);
		line-height: calc(9 / 8 * 3);
	}
	.q-footer-secure-seal {
		clear: both;
		padding-top: 1em;
	}

}
/* desktop */
@media screen and (min-width: 1024px) {
	.qualys-logo-with-continuous-security {
		font-size: calc(1.5 * 1em);
	}
	.q-footer-social-media {
		margin: 1.75rem 0;
	}

}


/**
 * 16.0 Media Queries
 */
span.active,
div.active {
	display: block !important;
}
/**
 * Styles for screens smaller than 840px
 * ¿ Tablets and phones ?
 */
@media screen and (max-width: 840px) {
	div.main {
		float: none;
		margin: 0;
		width: 100%;
	}
	div.sidebar {
		float: none;
		margin: 4.5rem 0 0 0;
		width: 100%;
	}
	div.pagination-block span.post-feed {
		width: 70%;
	}
	ul.login {
		display: none;
	}
	h1.logo {
		position: relative;
		padding: 0 0 0.5em;
	}
	div.header {
		z-index: 3;
	}
	div.header div.navigation {
		padding: 0;
	}
	div.header div.navigation li {
		border-bottom: 1px solid #CCC;
		display: block;
		float: none;
		height: auto;
		line-height: 0;
		margin: 0;
		padding: 0;
	}
	div.header div.navigation li:hover {
		background: #EEE;
	}
	div.header div.navigation li a {
		display: block;
		line-height: 3.4em;
		padding: 0 4.382470119522%;
	}
	div.header div.navigation li:first-child {
		border-top: 1px solid #CCC;
	}
	div.navigation {
		display: none;
	}
	div.footer span.logo-qualys-continuous-security {
		background-size: 241%;
		margin: 0;
		max-width: 425px;
		padding: 0;
		width: 100%;
	}
	div.footer {
		height: 300px;
		padding: 0;
	}
	div.footer li.footer-logo,
	div.footer div.secure-seal,
	div.footer ul.menu-social,
	div.footer ul.menu-footer {
		position: absolute;
	}
	div.footer li.footer-logo {
		left: 4.382470119522%;
		margin: 0;
		padding: 0;
		width: 91.235059760956%;
	}
	div.footer ul.menu-social {
		left: 4.382470119522%;
		margin: 0;
		top: 20px;
	}
	div.footer ul.menu-social li:first-child {
		margin-left: 0;
	}
	div.footer ul.menu-footer {
		left: 4.382470119522%;
		top: 85px;
	}
	div.footer li.footer-logo {
		left: 4.382470119522%;
		top: 115px;
	}
	div.footer span.logo-qualys-continuous-security {
		margin: 0;
	}
	div.secure-seal {
		left: 4.382470119522%;
		top: 220px;
	}

}


/**
 * Styles for screens smaller than 640px wide
 * ¿ Phones ?
 */
@media screen and (max-width: 640px) {
	.comment-author .avatar {
		display: none;
	}
	.comment-author .avatar-employee {
		display: none;
	}

}


/**
 * JetPack Subscribe widget
 */
.jetpack_subscription_widget input[type="text"] {
	border-radius: 0.3em;
	border: 0.1rem solid #CCC;
	box-shadow: inset 0 0.1rem 0.3em rgba(0, 0, 0, .05);
	padding: 0.4em;
}
.jetpack_subscription_widget input[type="submit"] {
	display: none;
	visibility: hidden;
}
