/*
Theme Name: Toolbox
Theme URI: http://wordpress.org/extend/themes/toolbox
Author: Automattic
Author URI: http://automattic.com/
Description: A semantic, HTML5, canvas for CSS artists and an ultra-minimal set of super-clean templates for your own WordPress theme development.
Version: 1.4
License: GNU General Public License
License URI: license.txt
Tags: custom-menu, sticky-post, microformats, rtl-language-support, translation-ready, full-width-template, post-formats

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/* =============================================================================
   HTML5 element display
   ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}

audio[controls], canvas, video {
	display: inline-block;
}

/* =============================================================================
   Base
   ========================================================================== */
/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Force vertical scrollbar in non-IE
 * 3. Remove Android and iOS tap highlight color to prevent entire container being highlighted
 *    www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
 * 4. Prevent iOS text size adjust on device orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */
html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
	font-size: 16px;
	line-height: 1.25;
}

body, button, input, select, textarea {
	color: #000000;
}

/* 
 * These selection declarations have to be separate
 * No text-shadow: twitter.com/miketaylr/status/12228805301
 * Also: hot pink!
 */
::-moz-selection {
	background: #d3d724;
	color: #267f8c;
	text-shadow: none;
}

::selection {
	background: #d3d724;
	color: #267f8c;
	text-shadow: none;
}

/* =============================================================================
   Links
   ========================================================================== */
a {
	color: #27a4cd;
	text-decoration: none;
}

/* a:visited { color: #551a8b; } */
a:focus {
	outline: thin dotted;
}

/* Improve readability when focused and hovered in all browsers: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {
	outline: 0;
}

/* =============================================================================
   Typography
   ========================================================================== */
abbr[title] {
	border-bottom: .0625em dotted;
}

b, strong {
	font-weight: bold;
}

blockquote {
	margin: 1em 2.5em;
}

dfn {
	font-style: italic;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: .0625em solid #c1bdbb;
	margin: 1em 0;
	padding: 0;
}

ins {
	background: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background: #ff0;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

/* Redeclare monospace font family: en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, code, kbd, samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Shading for code blocks */
code {
	background-color: rgba(27,31,35,0.05);
	padding: .2em .4em;
	border-radius: 3px;
	font-size: 85%;
}

/* Improve readability of pre-formatted text in all browsers */
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

q {
	quotes: none;
}

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

small {
	font-size: 85%;
}

/* Position subscript and superscript content without affecting line-height: gist.github.com/413930 */
sub, sup {
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}

sup {
	top: -.0125em;
}

sub {
	bottom: -.0125em;
}

/* =============================================================================
   Lists
   ========================================================================== */
ul, ol {
	margin: 1em 0;
	padding: 0 0 0 2.5em;
}

dd {
	margin: 0 0 0 2.5em;
}

nav ul, nav ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * Improve image quality when scaled in IE7
 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

/*
 * Correct overflow displayed oddly in IE9 
 */
svg:not(:root) {
	overflow: hidden;
}

/* =============================================================================
   Figures & Images
   ========================================================================== */
figure {
	margin: 0;
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,.4);
	-moz-box-shadow: 0 0 6px rgba(0,0,0,.4);
	box-shadow: 0 0 6px rgba(0,0,0,.4);
	font-size: 16px;
	line-height: 1.25;
	display: inline-block;
	max-width: 100%;
}

figure img {
	display: block;
	max-width: 100%;
}

figure.alignright {
	float: right;
	margin: 0 0 1.25em 1.25em;
}

figure.alignleft {
	float: left;
	margin: 0 1.25em 1.25em 0;
}

figure.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* =============================================================================
   Forms
   ========================================================================== */
form {
	margin: 0;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */
legend {
	border: 0;
	padding: 0;
}

/* Indicate that 'label' will shift focus to the associated form element */
label {
	cursor: pointer;
}

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */
button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
}

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */
button, input {
	line-height: normal;
}

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */
button, input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}

/*
 * Consistent box sizing and appearance
 */
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
}

input[type="search"] {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

/* 
 * Remove inner padding and border in FF3/4
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ 
 */
button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/* Remove default vertical scrollbar in IE6/7/8/9 */
textarea {
	overflow: auto;
	vertical-align: top;
}

/* Colors for form validity */
input:valid, textarea:valid {
}

input:invalid, textarea:invalid {
	background-color: #f0dddd;
}

/* =============================================================================
   Tables
   ========================================================================== */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* =============================================================================
   NAV
   ========================================================================== */
.nav {
	list-style: none;
}

.nav li {
	display: inline;
}

.nav a {
	display: inline-block;
	text-decoration: none;
}

/* =============================================================================
   Headings
   ========================================================================== */
h1 {
	font-weight: lighter;
	color: #27a4cd;
	margin: 0;
}

h2, h3, h4 {
	margin: 0;
	font-weight: lighter;
}

.comment-content h1, 
.hentry .entry-title {
	font-size: 2.25em;
	line-height: 1.11111111;
	font-weight: 100;
	margin: 0;
	margin-bottom: 1.1111111em;
}

.comment-content h2, 
.hentry .entry-content h2,
.hentry .entry-summary h2 {
	font-size: 1.125em;
	line-height: 1.111111;
	margin: .55556em 0;
	color: #00808d;
	font-weight: normal;
}

.comment-content h3, 
.hentry .entry-content h3,
.hentry .entry-summary h3 {
	font-size: .9375em;
	line-height: 1.33333em;
	margin: .333em 0;
	color: #00517d;
	font-weight: normal;
}

.comment-content h4, 
.hentry .entry-content h4,
.hentry .entry-summary h4 {
	font-weight: bolder;
	font-size: .875em;
	line-height: 1.42875;
}

/* =============================================================================
   Articles & Paragraphs
   ========================================================================== */
.comment-content p,
.hentry .entry-content p, 
.hentry .entry-summary p,
.comment-content pre,
.hentry .entry-content pre, 
.hentry .entry-summary pre,

.comment-content address,
.hentry .entry-content address, 
.hentry .entry-summary address,

.comment-content dl,
.hentry .entry-content dl, 
.hentry .entry-summary dl,

/*
.hentry .entry-content blockquote, 
.hentry .entry-summary blockquote, 
*/

.comment-content ul,
.hentry .entry-content ul,
.hentry .entry-summary ul,

.comment-content ol,
.hentry .entry-content ol,
.hentry .entry-summary ol, 

.comment-content th,
.hentry .entry-content th, 
.hentry .entry-summary th,

.comment-content td,
.hentry .entry-content td, 
.hentry .entry-summary td,

.hentry .entry-meta,
.hentry .page-link,

.widget ul,
.widget ol,
.widget p,
.widget dd,
.widget dt,

.breadcrumbs li,
.latest-news-list li,

#commentform {
	margin: 0;
	font-size: .875em;
	line-height: 1.42875;
	margin-bottom: 1.42875em;
	color: #303030;
}

.widget ul ol,
.widget ol ol,
.widget ul ul,
.widget ol ul,
.comment-content ul ul,
.hentry .entry-content ul ul,
.hentry .entry-summary ul ul,

.comment-content ul ol,
.hentry .entry-content ul ol,
.hentry .entry-summary ul ol,

.comment-content ol ul.
.hentry .entry-content ol ul,
.hentry .entry-summary ol ul,

.comment-content ol ol,
.hentry .entry-content ol ol,
.hentry .entry-summary ol ol {
	font-size: 1em;
}

.comment-content dt,
.hentry .entry-content dt, 
.hentry .entry-summary dt {
	font-weight: bold;
}

.widget-content li {
	margin-bottom: 0;
}

.latest-news-list li {
	margin-bottom: 1.42875em;
}

.hentry p strong {
	color: #00517d;
}

.comment-content table,
.hentry .entry-content table, 
.hentry .entry-summary table {
	text-align: left;
	width: 100%;
	border: .0625em solid #ece9e1;
	margin-bottom: 2.5em;
}

.comment-content caption,
.hentry .entry-content table caption {
	text-align: left;
}

.comment-content table th,
.hentry .entry-content table th, 
.hentry .entry-summary table th,

.comment-content table td,
.hentry .entry-content table td, 
.hentry .entry-summary table td {
	padding: 2px 5px;
	border-bottom: 1px solid #ece9e1;
	vertical-align: baseline;
}

.comment-content table th,
.hentry .entry-content table th, 
.hentry .entry-summary table th {
	padding: 5px 5px 4px;
	background: #267f8c;
	color: #fff;
}

.readmore {
	font-size: .875em;
	line-height: 1.42875;
	margin-bottom: 1.42875em;
}

.intro {
	color: #00517d;
}

pre {
	background: #eee;
	padding: 1em;
}

blockquote {
	margin-left: 0;
	margin-right: 0;
	padding: .9375em 12px .3125em;
	background: #ece9e1;
	background: rgba(236,233,233,.5);
	border: .0625em solid #ece9e1;
}

blockquote p {
	padding-top: .625em;
	text-shadow: 1px 1px 1px rgba(255,255,255,1);
}

/*
blockquote::before {
	font-family: 'Arial';
	content: open-quote;
	font-size: 1em;
	color: #fff;
	top: -18px;
	font-style: italic;
	left: -15px;
	text-shadow: none;
	z-index: 1;
	text-shadow: 0 0 1px #808080;
}

blockquote::after {
	font-family: 'Arial';
	content: close-quote;
	font-size: 1em;
	color: #fff;
	bottom: -58px;
	right: 0;
	font-style: italic;
	text-shadow: none;
	z-index: 1;
	text-shadow: 0 0 1px #808080;
}
*/
/* =============================================================================
   Primary styles
   ========================================================================== */
html, body {
	height: 100%;
}

========================================================================== */

@media only screen and (min-width: 480px) {
/* Style adjustments for viewports 480px and over go here */
}

@media only screen and (max-width: 935px) {
	img {
		max-width: 100%;
		height: auto;
	}
	
	p {
		max-width: 100%;
		word-break: break-word;
	}
	
	.entry-title a {
		word-break: break-word;
		width: 100%;
	}
}

/*
These links are broken. Should be fixed.
@media only screen and (min-width: 936px) {
	html {
		background: url('//www.fox-it.com/nl/wp-content/themes/foxit/images/bg-body.jpg') repeat-x center top #fff;
	}
	
	body {
		background: url('//www.fox-it.com/nl/wp-content/themes/foxit/images/bg-header.jpg') no-repeat center top;
	}
}
*/
/* =Structure
-------------------------------------------------------------- */
#page {
	display: block;
}

@media only screen and (min-width: 936px) {
	#page {
		margin-top: 0;
		width: 100%;
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 24px;
		padding-right: 24px;
	}
}

#branding {
	background-color: #fff;
	clear: both;
	padding-left: 24px;
	padding-right: 24px;
}

@media only screen and (min-width: 936px) {
	#branding {
		background: transparent;
		padding: 0;
	}
}

#main {
	padding-left: 24px;
	padding-right: 24px;
	margin-top: 1em;
}

@media only screen and (min-width: 936px) {
	#main {
		background: transparent;
		padding: 0;
	}
}

#primary {
}

@media only screen and (min-width: 936px) {
	#primary {
		float: left;
		width: 100%;
	}
}

#content {
}

@media only screen and (min-width: 936px) {
	#content {
	}
}

#main .widget-area {
	display: none;
}

@media only screen and (min-width: 936px) {
	#main .widget-area {
		float: right;
		width: 228px;
	}
}

#colophon {
	clear: both;
	float: none;
	padding-left: 24px;
	padding-right: 24px;
	padding-top: 2.5em;
	padding-bottom: 0;
}

@media only screen and (min-width: 936px) {
	#colophon {
		padding-left: 0;
		padding-right: 0;
	}
}

/* Text meant only for screen readers */
.screen-reader-text,
.assistive-text {
	clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
	clip: rect(1px,1px,1px,1px);
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
}

.alignright {
	display: inline;
	float: right;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* =Header
-------------------------------------------------------------- */
#site-title {
	font-size: 1em;
	padding: .625em 25em .625em 0;
	margin: 0;
}

#primary {
	margin-top: 30px;
}

#site-title a {
	text-indent: -999em;
	overflow: hidden;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
	font-size: 1em;
	background: url('//foxitsecurity.files.wordpress.com/2018/09/fox-it-logo.png') no-repeat top left;
	display: block;
	width: 200px;
	height: 77px;
}

/* hide viusally */
#site-description {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	width: 1px;
}

/* =Menu
-------------------------------------------------------------- */
#access {
/*media*/
/*background-color: #27a4cd;*/
}

#access ul {
/*media*/
}

/*
 Hide ugly menu toggle which gets inserted on mobile
*/
h3.menu-toggle {
	display: none;
}

/*
Hide empty space under menu toggle which gets inserted on mobile
*/
div.skip-link {
	display: none;
}

/*
Make sure the search box is aligned on mobile
*/
div.search-form {
	margin: 0 .6em;
}

#access li {
/*media*/
	display: block;
}

#access a {
/*media*/
	color: #000;
	display: block;
	padding: .625em 12px;
}

#access a:hover {
/*media*/
	background-color: #27a4cd;
}

#access li.current-menu-ancestor,
		#access li.current-menu-item {
/*media*/
	color: #000;
}

#access li ul.sub-menu {
/*media*/
}

#access li ul.sub-menu li {
/*media*/
	float: none;
	display: block;
	margin: 0;
	border: 0;
	padding: 0 24px;
}

#access li ul.sub-menu li a {
/*media*/
}

#access li ul.sub-menu li:hover {
/*media*/
}

@media only screen and (min-width: 936px) {
	#access {
		background-color: transparent;
		float: none;
		top: auto;
		display: block;
		height: 2.5em;
		z-index: auto;
	}
	
	.ie7 #access {
		height: 40px;
	}
	
	#access ul {
		margin: 0;
	/*  .625em 0; */
	}
	
	#access li {
		float: left;
		margin: .625em 2.25em .625em 0;
		padding: 0;
	}
	
	#access li:hover,
																				#access li.current-menu-ancestor,
																				#access li.current-menu-item {
		border-bottom: .0625em solid #fff;
		border-bottom: .0625em solid #fff;
		background-color: transparent;
	}
	
	#access a {
		font-size: .90625em;
		padding: 0;
	}
	
	#access a:hover {
		background-color: transparent;
	}
	
	#access li ul.sub-menu {
		padding: .625em 0;
		display: none;
		min-width: 168px;
		background: #00818F;
		z-index: 2001;
		top: 1.25em;
		left: -.625em;
		box-shadow: 0 0 5px rgba(0,0,0,.2);
	}
	
	#access li:hover ul.sub-menu {
		display: block;
	}
	
	#access li ul.sub-menu li {
		float: none;
		display: block;
		margin: 0;
		padding: .3125em .625em;
		border: 0;
	}
	
	#access li ul.sub-menu li a {
		display: block;
		white-space: nowrap;
	}
	
	#access li ul.sub-menu li:hover {
		background: #27a4cd;
	}
}

/* =Content
-------------------------------------------------------------- */
#comments-title,
#reply-title,
.page-title {
	font-size: 1.125em;
	line-height: 1.111111;
	margin: .55556em 0;
	color: #00808d;
	font-weight: normal;
	margin-bottom: 2.222222em;
}

.sticky {
}

.hentry {
	margin-bottom: 5em;
}

.entry-meta {
	clear: both;
	display: block;
}

.single-author .entry-meta .byline {
	display: none;
}

#content nav {
	display: block;
	overflow: hidden;
}

#content nav .nav-previous {
	float: left;
	width: 50%;
}

#content nav .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

#content #nav-above {
	display: none;
}

.paged #content #nav-above,
.single #content #nav-above {
	display: block;
}

/* viusally hidden */
#nav-above {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	width: 1px;
}

#nav-below {
	margin: 1em 0 0;
}

.page-link {
	clear: both;
	margin: 0 0 1em;
}

.page .edit-link {
	clear: both;
	display: block;
}

/* 404 page */
.error404 .widget {
	float: left;
	width: 33%;
}

.error404 .widget .widgettitle,
.error404 .widget ul {
	margin-right: 1em;
}

.error404 .widget_tag_cloud {
	clear: both;
	float: none;
	width: 100%;
}

/* Notices */
.post .notice,
.error404 #searchform {
	background: #eee;
	display: block;
	padding: 1em;
}

/* Image Attachments */
.image-attachment div.entry-meta {
	float: left;
}

.image-attachment nav {
	float: right;
	margin: 0 0 1em;
}

.image-attachment .entry-content {
	clear: both;
}

.image-attachment .entry-content .entry-attachment {
	background: #eee;
	margin: 0 0 1em;
	padding: 1em;
	text-align: center;
}

.image-attachment .entry-content .attachment {
	display: block;
	margin: 0 auto;
	text-align: center;
}

/* Aside Posts */
.format-aside .entry-header {
	display: none;
}

.single .format-aside .entry-header {
	display: block;
}

.format-aside .entry-content,
.format-aside .entry-summary {
	padding-top: 1em;
}

.single .format-aside .entry-content,
.single .format-aside .entry-summary {
	padding-top: 0;
}

/* Gallery Posts */
.format-gallery .gallery-thumb {
	float: left;
	margin: 0 1em 0 0;
}

/* Image Posts */
.format-image .entry-header {
	display: none;
}

.single .format-image .entry-header {
	display: block;
}

.format-image .entry-content,
.format-image .entry-summary {
	padding-top: 1em;
}

.single .format-image .entry-content,
.single .format-image .entry-summary {
	padding-top: 0;
}

/* =Images
-------------------------------------------------------------- */
a img {
	border: none;
}

p img {
	margin-bottom: .5em;
/* a small bottom margin prevents content floating under images */
}

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img,
.wp-caption {
	max-width: 100%;
/* When images are too wide for containing element, force them to fit. */
	height: auto;
/* Override height to match resized width for correct aspect ratio. */
}

img[class*="wp-image"] {
	padding: 4px;
	border: 1px solid #dedede;
}

img.alignleft {
	margin-right: 1em;
}

img.alignright {
	margin-left: 1em;
}

.wp-caption {
	padding: .5em;
	text-align: center;
}

.wp-caption img {
	margin: .25em;
}

.wp-caption .wp-caption-text {
	margin: .5em;
}

.gallery-caption {
}

.wp-smiley {
	margin: 0;
}

/* =Forms
-------------------------------------------------------------- */
#searchform * {
	box-sizing: content-box;
}

#searchform label {
	display: none;
}

#searchform input#s {
	font-size: 16px;
	width: 60%;
	border: 1px solid #dedede;
	height: 1.85em;
	line-height: 1.875em;
	padding-top: 0;
	padding-bottom: 0;
}

#searchform #searchsubmit {
	font-size: 16px;
	background: #7db686;
	color: #fff;
	border: 1px solid #267f8c;
	height: 1.875em;
	line-height: 1.875em;
	padding-top: 0;
	padding-bottom: 0;
}

input[type=text],
input#s {
	width: 60%;
}

textarea {
	width: 80%;
}

/* Class for labelling required form items */
.required {
	color: #cc0033;
}

/* =Comments
-------------------------------------------------------------- */
#comments {
	margin-top: 2.5em;
}

.commentlist {
	padding: 0;
}

li.comment,
li.pingback {
	display: block;
	margin-bottom: 1.25em;
	padding-bottom: 19px;
	border-bottom: 1px solid #dedede;
}

.comment-content {
	margin-top: .625em;
}

.reply a {
	float: right;
}

.comment-author img {
	float: left;
	margin-right: 1em;
}

/* =Resond
-------------- */
#respond {
	margin-top: 2.5em;
}

#respond input[type=text] {
	display: block;
	width: 60%;
}

#respond textarea {
	display: block;
	margin: 0 0 1em;
	width: 80%;
}

#respond .form-allowed-tags {
	clear: both;
	width: 80%;
}

#respond .form-allowed-tags code {
	display: block;
}

#respond #submit {
	font-size: 16px;
	background: #7db686;
	color: #fff;
	border: 1px solid #267f8c;
	height: 1.875em;
	line-height: 1.875em;
	padding-top: 0;
	padding-bottom: 0;
}

/* =Widgets
-------------------------------------------------------------- */
.widget {
	display: block;
	margin-bottom: 2.5em;
	float: left;
	width: 25%;
	margin-left: 1%;
	margin-right: 1%;
}

@media only screen and (min-width: 936px) {
	.widget {
		float: none;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
}

.widget .widget-title {
	color: #00527b;
	font-size: 1.125em;
	line-height: 1.1111167;
	margin: .2777778em 0;
	font-weight: normal;
}

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

.widget ul li {
	padding: 0;
}

.widget-area .widget_search {
	overflow: hidden;
}

.widget-area .widget_search input {
	float: left;
}

/* =Footer
-------------------------------------------------------------- */
/* For image replacement */
.ir {
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}

.ir br {
	display: none;
}

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden, .assistive-text {
	display: none;
	visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	width: 1px;
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	width: auto;
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
	visibility: hidden;
}

/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after {
	content: '';
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
}

/* =============================================================================
   Print styles.
   Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
	* {
		background: transparent !important;
		color: black !important;
		text-shadow: none !important;
		filter: none !important;
		-ms-filter: none !important;
	}
	
	/* Black prints faster: sanbeiji.com/archives/953 */
	a, a:visited {
		color: #444 !important;
		text-decoration: underline;
	}
	
	a[href]:after {
		content: ' (' attr(href) ')';
	}
	
	abbr[title]:after {
		content: ' (' attr(title) ')';
	}
	
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
		content: '';
	}
	
	/* Don't show links for images, or javascript/internal links */
	pre, blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	
	thead {
		display: table-header-group;
	}
	
	/* css-discuss.incutio.com/wiki/Printing_Tables */
	tr, img {
		page-break-inside: avoid;
	}
	
	img {
		max-width: 100% !important;
	}
	
	@page {
		margin: .5cm;
	}
	
	p, h2, h3 {
		orphans: 3;
		widows: 3;
	}
	
	h2, h3 {
		page-break-after: avoid;
	}
}

.more-link {
	background: transparent !important;
	color: #27a4cd;
	text-decoration: underline;
}	
}

.comment-content p, .hentry .entry-content p, .hentry .entry-summary p, .comment-content pre, .hentry .entry-content pre, .hentry .entry-summary pre, .comment-content address, .hentry .entry-content address, .hentry .entry-summary address, .comment-content dl, .hentry .entry-content dl, .hentry .entry-summary dl, .comment-content ul, .hentry .entry-content ul, .hentry .entry-summary ul, .comment-content ol, .hentry .entry-content ol, .hentry .entry-summary ol, .comment-content th, .hentry .entry-content th, .hentry .entry-summary th, .comment-content td, .hentry .entry-content td, .hentry .entry-summary td, .hentry .entry-meta, .hentry .page-link, .widget ul, .widget ol, .widget p, .widget dd, .widget dt, .breadcrumbs li, .latest-news-list li, #commentform {
	font-size: 1em;
	line-height: 1.75;
}

.comment-content h1, 
.hentry .entry-title {
	margin-bottom: .5em;
	font-size: 2em;
	font-weight: 600;
}

.hentry {
	margin-bottom: 1em;
}

.hentry + .hentry {
	border-top: 1px solid;
	padding-top: 2em;
}

.comment-content h2, 
.hentry .entry-content h2, 
.hentry .entry-summary h2,
.comment-content h3, 
.hentry .entry-content h3, 
.hentry .entry-summary h3,
.comment-content h4, 
.hentry .entry-content h4, 
.hentry .entry-summary h4 {
	color: #00284D;
	font-weight: 700;
}

.single .comment-content h1, .single .hentry .entry-title {
	font-size: 3em;
	font-weight: 800;
	margin-bottom: .25em;
}

#page {
	max-width: 60em;
	padding-top: 32px;
	overflow: hidden;
}

.main-navigation {
	float: right;
	padding-top: 15px;
	padding-bottom: 15px;
}

.main-navigation .menu-item {
	float: left;
	margin-left: 2em;
}

.site-hero-section {
	float: left;
}

.content-wrapper {
	clear: both;
}

.menu-toggle {
	display: none;
}

.entry-footer,
.entry-author {
	font-size: 14px;
}

.post-tags {
	margin-left: 0;
	padding-left: 0;
}

.post-tags li {
	display: inline-block;
	margin-right: .5em;
}

.post-tags li:after {
	content: ',';
}

.post-tags li:first-child:after {
	content: ':';
}

.post-tags a {
	color: #27a4cd;
}

.entry-author {
	overflow: hidden;
	margin-bottom: 30px;
}

.author-avatar {
	float: left;
	margin-right: 20px;
}

.author-avatar .avatar {
	border-radius: 100%;
	display: block;
}

.word-count,
.edit-link {
	display: none;
}

.byline:after,
.cat-links:after {
	content: '|';
}

time.updated {
	display: none;
}