@charset "UTF-8";
/*

	Theme Name: Arche
	Theme URI: http://arche.danieltj.co.uk/
	Author: Daniel James
	Author URI: https://www.danieltj.co.uk/
	Description: Arche is a new beginning and a perfectly simple, handcrafted theme that focuses on your content and lets WordPress do its magic.
	Version: 1.0.0
	Tags: two-columns, left-sidebar, right-sidebar, editor-style, post-formats, sticky-post, theme-options, threaded-comments, translation-ready
	Text Domain: arche
	License: GNU General Public License v3
	License URI: https://www.gnu.org/licenses/gpl-3.0.en.html

*/

/* CSS Resets
- - - - - - - - - - - - - - - - - - - - */
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%; vertical-align: baseline; }
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; }
caption, th, td { font-weight: normal; text-align: left; }
h1, h2, h3, h4, h5, h6 { clear: both; }
html { overflow-y: scroll; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
a:focus { outline: thin dotted; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; }
del { color: #333; }
ins { background: #fff9c0; text-decoration: none; }
hr { background-color: #ccc; border: 0; height: 1px; margin: 24px; margin-bottom: 1.714285714rem; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
small { font-size: smaller; }
img { border: 0; -ms-interpolation-mode: bicubic; }
.clear:after, .wrapper:after, .format-status .header:after { clear: both; }
.clear:before, .clear:after, .wrapper:before, .wrapper:after, .format-status .header:before, .format-status .header:after { display: table; content: ""; }


/* Core Theme Markup
- - - - - - - - - - - - - - - - - - - - */
/* #006ebb // #00b9eb // #343434 // #eeeeee // #ffffff */

html { background: #ffffff; min-width: 320px; margin: 0; padding: 0; font-size: 90%; }
body { background: #ffffff; margin: 0; padding: 0; color: #454545; font-size: 16px; font-weight: 400; font-family: "Lato", Arial, sans-serif; text-rendering: optimizeLegibility; }

::selection { background: #006ebb; color: #ffffff; }
::-moz-selection { background: #006ebb; color: #ffffff; }

#page .container { width: 75%; max-width: 1366px; min-width: 280px; margin: 0 auto; padding: 0; display: block; box-sizing: border-box; }

.columns { width: 100%; min-height: 1px; margin: 0; padding: 0; float: left; display: block; box-sizing: border-box; }
.columns .row-break { width: 100%; min-height: 1px; margin: 0; padding: 0; float: left; display: block; clear: both; box-sizing: border-box; }
.columns .row-break [class*="span"],
.columns .row-break [class*="tab-span"],
.columns .row-break [class*="mob-span"] { margin: 0; float: left; display: inline-block; box-sizing: border-box; }
.columns .row-break .span25 { width: 25%; }
.columns .row-break .span33 { width: 33%; }
.columns .row-break .span50 { width: 50%; }
.columns .row-break .span66 { width: 66%; }
.columns .row-break .span75 { width: 75%; }
.columns .row-break .span100 { width: 100%; }

.pad10 { padding: 10px; } .pad20 { padding: 20px; } .pad30 { padding: 30px; } .pad40 { padding: 40px; } .pad50 { padding: 50px; }
.pad10x { padding-left: 10px; padding-right: 10px; } .pad10y { padding-top: 10px; padding-bottom: 10px; }
.pad20x { padding-left: 20px; padding-right: 20px; } .pad20y { padding-top: 20px; padding-bottom: 20px; }
.pad30x { padding-left: 30px; padding-right: 30px; } .pad30y { padding-top: 30px; padding-bottom: 30px; }
.pad40x { padding-left: 40px; padding-right: 40px; } .pad40y { padding-top: 40px; padding-bottom: 40px; }
.pad50x { padding-left: 50px; padding-right: 50px; } .pad50y { padding-top: 50px; padding-bottom: 50px; }

.pad10t { padding-top: 10px; } .pad20t { padding-top: 20px; } .pad30t { padding-top: 30px; } .pad40t { padding-top: 40px; } .pad50t { padding-top: 50px; }
.pad10b { padding-bottom: 10px; } .pad20b { padding-bottom: 20px; } .pad30b { padding-bottom: 30px; } .pad40b { padding-bottom: 40px; } .pad50b { padding-bottom: 50px; }
.pad10l { padding-left: 10px; } .pad20l { padding-left: 20px; } .pad30l { padding-left: 30px; } .pad40l { padding-left: 40px; } .pad50l { padding-left: 50px; }
.pad10r { padding-right: 10px; } .pad20r { padding-right: 20px; } .pad30r { padding-right: 30px; } .pad40r { padding-right: 40px; } .pad50r { padding-right: 50px; }

.no-pad { padding: 0; padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; }
.no-padx { padding-top: 0; padding-bottom: 0; }
.no-pady { padding-left: 0; padding-right: 0; }
.no-padt { padding-top: 0; }
.no-padl { padding-left: 0; }
.no-padr { padding-right: 0; }
.no-padb { padding-bottom: 0; }

.bluebg { background-color: #006ebb; color: #ffffff; }
.whitebg { background-color: #ffffff; color: #454545; }
.greybg { background-color: #dddddd; color: #454545; }
.blackbg { background-color: #454545; color: #ffffff; }

.border { border: 1px solid #dddddd; }
.bordert { border-top: 1px solid #dddddd; }
.borderl { border-left: 1px solid #dddddd; }
.borderr { border-right: 1px solid #dddddd; }
.borderb { border-bottom: 1px solid #dddddd; }

.floatl { float: left; }
.floatr { float: right; }
.clearb { clear: both; }


/* General Markup
- - - - - - - - - - - - - - - - - - - - */
nav.helper {background-color: #676767;border: none;border-bottom: 1px solid #343434;width: 100%;margin: 0 auto;padding: 0;float: left;display: block;box-shadow: none;}
nav.helper ul {width: 100%;margin: 0;padding: 4px 0;float: left;display: block;list-style: none;text-align: left;}
nav.helper ul.left { float: left; text-align: left; }
nav.helper ul.right { width: auto; float: right; text-align: left; }
nav.helper ul.left li { margin: 0 4px 0 0; }
nav.helper ul.right li { margin: 0 0 0 4px; }
nav.helper ul li { width: auto; margin: 0; padding: 0; float: left; display: inline-block; }
nav.helper ul li a {background-color: transparent;border: none;margin: 0;padding: 3px 6px;float: left;display: block;color: #dddddd;font-size: 16px;font-weight: 300;text-decoration: none;border-radius: 2px;}
nav.helper ul li a:hover {background-color: #454545;color: #ffffff;}
nav.helper ul li a.icon { background-position: 0px 0px; background-repeat: no-repeat; padding: 3px 6px 3px 6px; }

header.h {background: url("images/header.png") top left repeat #006ebb;border: none;width: 100%;min-height: 1px;margin: 0 auto;padding: 0;float: left;display: block;box-shadow: inset 0px -3px 6px rgba(0,0,0,0.25);box-sizing: border-box;}
header.h .header {width: 100%;margin: 0;padding: 0;float: left;display: block;}
header.h .header a.site-logo {background-color: transparent;width: auto;margin: 0;padding: 10px;float: left;display: block;color: #ffffff;font-size: 52px;font-weight: 300;text-decoration: none;line-height: 100%;vertical-align: top;outline: none;}
header.h .header a.site-logo:hover {background-color: rgba(0,0,0,0.25);}
header.h .header a.site-logo-img {background-color: transparent;width: auto;margin: 0;padding: 0 10px;float: left;display: block;outline: none;}
header.h .header a.site-logo-img img { width: 100%; max-width: 140px; height: auto; margin: 0; float: left; display: block; vertical-align: middle; }
header.h .header .menu { width: 100%; margin: 0; padding: 0; float: left; display: block; }
header.h .header .menu a.menu-toggle { display: none; visibility: hidden; }
header.h .header .menu ul.nav-menu {width: auto;margin: 0;padding: 0;float: right;display: block;list-style: none;}
header.h .header .menu ul.nav-menu-mob { display: none; }
header.h .header .menu ul.nav-menu li {width: auto;margin: 0;padding: 0;float: left;display: inline-block;position: relative;}
header.h .header .menu ul.nav-menu > li:first-of-type { border-left: 1px solid #0E578A; }
header.h .header .menu ul.nav-menu > li:last-of-type { border-right: 1px solid #1A84CE; }
header.h .header .menu ul.nav-menu li a {background-color: transparent;border: none;border-left: 1px solid #1A84CE;border-right: 1px solid #0E578A;width: 100%;margin: 0;padding: 28px 14px;float: left;display: block;color: #fff;font-size: 16px;font-weight: 300;text-align: center;text-decoration: none;box-shadow: none;box-sizing: border-box;}
header.h .header .menu ul.nav-menu li:hover > a {background-color: #ffffff;color: #006ebb;box-shadow: inset 0px 3px 0px #A6CCFF;}
header.h .header .menu ul.nav-menu li:hover > ul { display: block; }
header.h .header .menu ul.nav-menu li ul {background-color: #ffffff;border: none;width: 100%;min-width: 180px;margin: 0;padding: 6px;float: right;display: none;position: absolute;top: 100%;right: 0px;z-index: 201;box-shadow: 0px 3px 3px rgba(0,0,0,0.25);box-sizing: border-box;}
header.h .header .menu ul.nav-menu li ul li {width: 100%;margin: 0;padding: 0;float: left;display: block;z-index: 202;}
header.h .header .menu ul.nav-menu li ul li a {background-color: transparent;border: none;border-bottom: 1px solid #eeeeee;width: 100%;margin: 0;padding: 8px;float: left;display: block;color: #1278FF;text-align: center;box-sizing: border-box;z-index: 203;}
header.h .header .menu ul.nav-menu li ul li:hover > a { background-color: #006ebb; color: #ffffff; box-shadow: none; }
header.h .header .menu ul.nav-menu li ul li:hover > ul { display: block; }
header.h .header .menu ul.nav-menu li ul li ul {background-color: #006ebb;margin: 0;display: none;box-shadow: 0px 0px 4px rgba(0,0,0,0.5);top: 0px;right: 100%;}
header.h .header .menu ul.nav-menu li ul li ul li { margin: 0; padding: 0; display: block; }
header.h .header .menu ul.nav-menu li ul li ul li a { border-bottom: 1px solid #0e578a; color: #ffffff; }
header.h .header .menu ul.nav-menu li ul li ul li:hover > a { background-color: #ffffff; color: #006ebb; }
header.h .header .menu ul.nav-menu li ul li ul li:hover > ul { display: block; }
header.h .header .menu ul.nav-menu li ul li ul li ul {background-color: #ffffff; margin: 0;display: none;box-shadow: 0px 1px 3px rgba(0,0,0,0.25);top: 0px;right: 100%;}
header.h .header .menu ul.nav-menu li ul li ul li ul li { margin: 0; padding: 0; display: block; }
header.h .header .menu ul.nav-menu li ul li ul li ul li a { border-bottom: 1px solid #eeeeee; color: #006ebb; }
header.h .header .menu ul.nav-menu li ul li ul li ul li:hover > a { background-color: #006ebb; color: #ffffff; }

.wrap { background: url("images/content.png") top left repeat #eeeeee; width: 100%; min-height: 1px; margin: 0; padding: 0; float: left; display: block; }

.wrap ul.posts { width: 100%; margin: 0; padding: 0; float: left; display: block; box-sizing: border-box; }
.wrap ul.posts li { width: 100%; margin: 0 0 20px; padding: 0; float: left; display: block; box-sizing: border-box; }
.wrap ul.posts li article.post { background: #ffffff; border: 1px solid #dddddd; width: 100%; margin: 0; float: left; display: block; border-radius: 2px; box-sizing: border-box; }
.wrap ul.posts li article.post .feature { background: #ffffff; border: none; width: 100%; margin: 0; padding: 0; float: left; display: block; }
.wrap ul.posts li article.post .feature img { width: 100%; height: auto; margin: 0; float: left; display: block; }
.wrap ul.posts li article.post .content {width: 100%;margin: 0;padding: 20px;float: left;display: block;box-sizing: border-box;}
.wrap ul.posts li article.post .content .title {width: 100%;margin: 0 0 10px;float: left;display: block; color: #006ebb;font-size: 18px;font-weight: 300;}
.wrap ul.posts li article.post .content a.title:hover {color: #454545;}
.wrap ul.posts li article.post .content .meta { width: 100%; margin: 0 0 10px; float: left; display: block; color: #454545; font-size: 14px; font-weight: 300;  }
.wrap ul.posts li article.post .content p { width: 100%; margin: 0; float: left; display: block; }

.wrap .single { background: none; border: none; width: 100%; margin: 0 0 10px; float: left; display: block; box-sizing: border-box; }
.wrap .single article.post,
.wrap .single article.post.sticky { background: #ffffff; border: 1px solid #dddddd; width: 100%; margin: 0; padding: 0; float: left; display: block; border-radius: 2px; box-sizing: border-box; }
.wrap .single article.post .feature { width: 100%; margin: 0 0 10px; padding: 0; float: left; display: block; box-sizing: border-box; }
.wrap .single article.post .feature img { width: 100%; height: auto; margin: 0; float: left; display: block; }
.wrap .single article.post .meta {background: #eeeeee;border: none;width: 100%;margin: 0;padding: 20px;float: left;display: block;box-sizing: border-box;}
.wrap .single article.post .content { width: 100%; margin: 0; padding: 20px; float: left; display: block; box-sizing: border-box; }
.wrap .single article.post .content img { max-width: 100%; height: auto; }
.wrap .single article.post .content .gallery-caption { margin: 0; }
.wrap .single article.post .content .post-password-form { width: 100%; margin: 0; padding: 0; float: left; display: block; }
.wrap .single article.post .content .post-password-form h2 { width: 100%; margin: 0; float: left; display: block; }
.wrap .single article.post .content .post-password-form p { width: 100%; margin: 0; float: left; display: block; }
.wrap .single article.post .content .post-password-form form { width: 100%; margin: 0; padding: 0; float: left; display: block; }
.wrap .single article.post .content .post-password-form form label { width: 100%; margin: 0; float: left; display: block; }
.wrap .single article.post .content .post-password-form form input[type="password"] {width: 100%;max-width: 200px;margin: 14px 0 0;float: none;display: block;}
.wrap .single article.post .content .post-password-form form input[type="submit"] { float: left; }

.wrap .comments-main { width: 100%; margin: 0; float: left; display: block; box-sizing: border-box; }
.wrap .comments-main h2.comments-title {background: none;border: none;border-top: 1px solid #dddddd;border-bottom: 1px solid #dddddd;width: 100%;margin: 20px 0;padding: 20px 0;float: left;display: block;text-align: center;}
.wrap .comments-main h2.comments-title span { font-style: italic; }
.wrap .comments-main ol { width: 100%; margin: 0; padding: 0; float: left; display: block; }
.wrap .comments-main ol li,
.wrap .comments-main ol li.bypostauthor {width: 100%;margin: 10px 0;float: left;display: block;}
.wrap .comments-main ol li ol {width: 100%;margin: 0;padding: 0 0 0 30px;float: left;display: block;box-sizing: border-box;}
.wrap .comments-main ol li ol li {width: 100%;margin: 10px 0;float: left;display: block;}
.wrap .comments-main ol li article.comment { width: 100%; margin: 0; padding: 0; float: left; display: block; box-sizing: border-box; }
.wrap .comments-main ol li article.comment .comment-author { width: 100%; margin: 0; padding: 0; float: left; display: block; box-sizing: border-box; }
.wrap .comments-main ol li article.comment .comment-author .user-avatar {max-width: 60px;margin: 0 10px 0 0;padding: 0;float: left;display: inline-block;box-sizing: border-box;}
.wrap .comments-main ol li article.comment .comment-author .user-avatar img {width: 100%;max-width: 60px;height: auto;max-height: 60px;margin: 0;float: left;display: block;border-radius: 100%;box-sizing: border-box;}
.wrap .comments-main ol li article.comment .comment-author .meta { width: auto; margin: 0; padding: 8px 0; float: left; display: inline-block; box-sizing: border-box; }
.wrap .comments-main ol li article.comment .comment-author .meta .user-name { width: 100%; margin: 0 0 4px; padding: 0; float: left; display: block; box-sizing: border-box; }
.wrap .comments-main ol li article.comment .comment-author .meta .user-name a { font-size: 18px; font-weight: 300; }
.wrap .comments-main ol li article.comment .comment-author .meta .user-name span.author { background: #006ebb; width: auto; margin: 0 0 0 6px; padding: 2px 6px; float: none; display: inline-block; border-radius: 2px; color: #ffffff; font-size: 12px; font-weight: 300; }
.wrap .comments-main ol li article.comment .comment-author .meta .datetime { width: 100%; margin: 0; padding: 0; float: left; display: block; box-sizing: border-box; }
.wrap .comments-main ol li article.comment .comment-author .meta .datetime a { font-size: 16px; font-weight: 300; }
.wrap .comments-main ol li article.comment .comment-content {background: #ffffff;border: 1px solid #dddddd;width: 100%;margin: 10px 0 0;padding: 20px;float: left;display: block;border-radius: 2px;box-sizing: border-box;}
.wrap .comments-main ol li article.comment .comment-content .comment-moderation { background: #006ebb; border: none; width: 100%; margin: 0 0 20px; padding: 6px 20px; float: left; display: block; border-radius: 2px; box-sizing: border-box; color: #ffffff; font-size: 14px; font-weight: 300; text-align: center; }
.wrap .comments-main ol li article.comment .comment-content .comment-actions { width: 100%; margin: 10px 0 0; padding: 0; float: left; display: block; box-sizing: border-box; }
.wrap .comments-main ol li article.comment .comment-content .comment-actions a { margin: 0 10px 0 0; padding: 0; float: left; display: inline-block; }
.wrap .comments-main .comments-closed { background: #ffffff; border: 1px solid #dddddd; width: 100%; margin: 10px auto; padding: 10px 20px; float: left; display: block; border-radius: 2px; box-sizing: border-box; font-size: 16px; font-weight: 300; }
.wrap .comments-main .comment-respond { background: none; border: none; width: 100%; margin: 0; padding: 0; float: left; display: block; box-sizing: border-box; }
.wrap .comments-main .comment-respond h3.comment-reply-title {background: none;border: none;border-top: 1px solid #dddddd;border-bottom: 1px solid #dddddd;width: 100%;margin: 20px 0;padding: 20px 0;float: left;display: block;text-align: center;}
.wrap .comments-main .comment-respond h3.comment-reply-title small a {border-left: 1px solid #cccccc;margin: 0 0 0 6px;padding: 0 0 0 10px;display: inline-block;font-size: 16px;font-weight: 300;text-transform: capitalize;}
.wrap .comments-main .comment-respond form { width: 100%; margin: 0; float: left; display: block; }
.wrap .comments-main .comment-respond form p.comment-notes,
.wrap .comments-main .comment-respond form p.logged-in-as { width: 100%; margin: 0 0 20px; padding: 0; float: left; display: block; font-size: 18px; font-weight: 300; text-align: center; }
.wrap .comments-main .comment-respond form p.logged-in-as a { margin: 0 2px; display: inline-block; }
.wrap .comments-main .comment-respond form p[class*="comment-form"] {width: 100%;margin: 0 0 20px;padding: 0;float: left;display: block;box-sizing: border-box;}
.wrap .comments-main .comment-respond form p[class*="comment-form"] label {width: 100%;float: left;display: block;box-sizing: border-box;}
.wrap .comments-main .comment-respond form p.form-submit {width: 100%;margin: 10px 0 20px;padding: 0;float: left;display: block;box-sizing: border-box;text-align: center;}
.wrap .comments-main .comment-respond form p.form-submit input[type="submit"] { float: none; display: inline-block; }

footer.f {background-color: transparent;border: none;width: 100%;min-height: 1px;margin: 0 auto;padding: 0;float: left;display: block;box-shadow: 0px -1px 3px rgba(0,0,0,0.5);}
footer.f .footer-top {background: url("images/footer.png") top left repeat #454545;border: none;border-bottom: 1px solid #323232;width: 100%;margin: 0;padding: 30px 0;float: left;display: block;box-shadow: inset 0px -2px 20px rgba(0,0,0,0.25);}
footer.f .footer-top a.site-logo {background-color: transparent;width: auto;margin: 0 0 10px;padding: 10px;float: left;display: block;color: #ffffff;font-size: 46px;font-weight: 300;text-decoration: none;line-height: 100%;vertical-align: top;border-radius: 2px;outline: none;}
footer.f .footer-top a.site-logo:hover {background-color: rgba(0,0,0,0.25);}
footer.f .footer-top a.site-logo-img {background-color: transparent;width: auto;margin: 0;padding: 0 10px;float: left;display: block;outline: none;}
footer.f .footer-top a.site-logo-img img { width: 100%; max-width: 140px; height: auto; margin: 0; float: left; display: block; vertical-align: middle; }
footer.f .footer-top p {color: #cccccc;font-size: 16px;font-weight: 300;line-height: 18px;}
footer.f .footer-top nav.footer-menu { width: 100%; margin: 0; padding: 0; float: left; display: block; }
footer.f .footer-top nav.footer-menu .title {background-color: transparent;border: none;border-bottom: 1px solid #ffffff;width: 100%;margin: 0 0 4px;padding: 0 0 10px;float: left;display: block;color: #cccccc;font-size: 18px;font-weight: 300;}
footer.f .footer-top nav.footer-menu ul { width: 100%; margin: 0; padding: 0; float: left; display: block; list-style: none; box-sizing: border-box; }
footer.f .footer-top nav.footer-menu ul li { width: 100%; margin: 0; padding: 0; float: left; display: block; box-sizing: border-box; }
footer.f .footer-top nav.footer-menu ul li a {background-color: transparent;width: 100%;margin: 0;padding: 6px 8px;float: left;display: block;color: #cccccc;font-size: 14px;font-weight: 300;text-decoration: none;border-radius: 2px;box-sizing: border-box;}
footer.f .footer-top nav.footer-menu ul li a:hover { background-color: rgba(0,0,0,0.25); color: #ffffff; }
footer.f .footer-top nav.footer-menu ul li ul { width: 100%; margin: 0; padding: 0 0 0 10px; float: left; display: block; box-sizing: border-box; }
footer.f .footer-top nav.footer-menu ul li ul li { width: 100%; margin: 0; padding: 0; float: left; display: block; box-sizing: border-box; }
footer.f .footer-top .socials { width: 100%; margin: 0; float: left; display: block; }
footer.f .footer-top .socials ul { width: 100%; margin: 0; padding: 0; float: left; display: block; list-style: none; text-align: center; }
footer.f .footer-top .socials ul li {width: auto;margin: 0 2px;padding: 0;float: none;display: inline-block;}
footer.f .footer-top .socials ul li a { width: 32px; height: 32px; margin: 0; padding: 0; float: left; display: inline-block; border-radius: 2px; color: #ffffff; text-indent: -9999em; box-sizing: border-box; }
footer.f .footer-top .socials ul li a.facebook { background: url('images/icon-social-facebook.png') center no-repeat transparent; }
footer.f .footer-top .socials ul li a.twitter { background: url('images/icon-social-twitter.png') center no-repeat transparent; }
footer.f .footer-top .socials ul li a.instagram { background: url('images/icon-social-instagram.png') center no-repeat transparent; }
footer.f .footer-top .socials ul li a.google { background: url('images/icon-social-google.png') center no-repeat transparent; }
footer.f .footer-top .socials ul li a.pinterest { background: url('images/icon-social-pinterest.png') center no-repeat transparent; }
footer.f .footer-top .socials ul li a.youtube { background: url('images/icon-social-youtube.png') center no-repeat transparent; }
footer.f .footer-top .socials ul li a.linkedin { background: url('images/icon-social-linkedin.png') center no-repeat transparent; }
footer.f .footer-top .socials ul li a.email { background: url('images/icon-social-email.png') center no-repeat transparent; }
footer.f .footer-top .socials ul li a:hover { background-color: #343434; }
footer.f .footer-bottom {background-color: #343434;border: none;width: 100%;margin: 0;padding: 20px 0 30px;float: left;display: block;color: #ffffff;font-size: 16px;font-weight: 300;}
footer.f .footer-bottom .copyright {width: 100%;margin: 0;padding: 0;float: left;display: block;}
footer.f .footer-bottom .left { float: left; text-align: left; }
footer.f .footer-bottom .right { float: right; text-align: right; }
footer.f .footer-bottom a { color: #dddddd; }
footer.f .footer-bottom a:hover { color: #ffffff; }


/* Page Specific Markup
- - - - - - - - - - - - - - - - - - - - */
/* ERROR 404 */
.error404 { background: url("images/error404.png") top center no-repeat transparent; margin: 10px 0 0; padding: 200px 0 20px; display: block; }

/* POST SPECIFIC */
.author, .sidebar { width: 100%; margin: 0; float: left; display: block; border-radius: 2px; box-sizing: border-box; }
.sidebar h3 { margin: 0 auto 10px; }
.sidebar aside { width: 100%; margin: 0 auto 20px; float: left; display: block; }
.sidebar aside:last-of-type { margin: 0; }
.author .avatar { width: 100%; margin: 0; padding: 0; float: left; display: block; box-sizing: border-box; }
.author .avatar img { background: none; border: none; width: 100%; max-width: 100px; height: auto; margin: 0 auto; float: none; display: block; border-radius: 100%; box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5); }
.author .username { width: 100%; margin: 10px 0; float: left; display: block; color: #006ebb; font-size: 20px; font-weight: 300; text-align: center; }
.author .biography { width: 100%; margin: 0 0 10px; float: left; display: block; color: #454545; font-size: 16px; font-weight: 300; text-align: center; }
.author .website { width: 100%; margin: 6px 0 0; float: left; display: block; font-size: 16px; font-weight: 300; text-align: center; }


/* Fundamental Markup
- - - - - - - - - - - - - - - - - - - - */
p { margin: 0; padding: 0 0 14px; display: block; line-height: 18px; }
blockquote, q {background: #ffffff;border: none;width: 100%;margin: 20px 0;padding: 20px;float: left;display: block;border-radius: 2px;box-sizing: border-box;color: #454545;font-size: 16px;font-weight: 300;quotes: none;box-shadow: inset 0px 0px 4px 1px rgba(0,0,0,0.1);}
blockquote p { margin: 0 0 10px !important; font-size: 18px; font-style: italic; line-height: 24px; }
blockquote p:last-child {margin: 0 !important;padding: 0 !important;}

a, a:link, a:active, a:visited {color: #006ebb;text-decoration: underline;transition: ease-in-out all 0.55s;outline: none;}
a:hover {color: #454545;text-decoration: none;}

h1, h2, h3, h4, h5, h6 {margin: 10px auto;color: #454545;font-weight: 300;letter-spacing: 0px;}
h1 { font-size: 32px; line-height: 36px; }
h2 { font-size: 26px; line-height: 30px; }
h3 { font-size: 24px; line-height: 28px; }
h4 { font-size: 22px; line-height: 26px; }
h5 { font-size: 20px; line-height: 24px; }
h6 { font-size: 18px; line-height: 22px; }

label {width: 100%;margin: 0 0 6px;float: left;display: block;color: #006ebb;font-size: 18px;font-weight: 300;}
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"],
input[type="date"], input[type="time"], input[type="url"], input[type="number"], input[type="color"],
input[type="datetime"], input[type="month"], input[type="week"], input[type="range"], textarea {background: #ffffff;border: 1px solid #dddddd;width: 100%;margin: 0;padding: 10px;display: block;color: #454545;font-size: 16px;font-weight: 300;border-radius: 2px;box-shadow: none;outline: none;box-sizing: border-box;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
input:focus, textarea:focus { border: 1px solid #006ebb; outline: none; }
input[type="hidden"] { display: none; visibility: hidden; }
input[type="submit"] {background-color: #006ebb;background-image: linear-gradient(to top,#006ebb,#00b9eb);border: none;width: auto;margin: 0 auto;padding: 10px 24px;float: left;display: block;color: #ffffff;font-size: 16px;font-weight: 300;border-radius: 2px;box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.1);transition: none;cursor: pointer;}
input[type="submit"]:hover {background-color: #00b9eb;background-image: linear-gradient(to top,#0e578a,#00b9eb);}
input[type="submit"]:active { background: #0e578a; }

.searchwrap {max-width: 320px;margin: 0 auto;padding: 10px;display: block;overflow: hidden;box-sizing: border-box;}
.searchform {width: 100%;max-width: 320px;min-width: 160px;margin: 0 auto;padding: 0;float: left;display: block;}
.searchform form {width: 100%;margin: 0;padding: 0;float: left;display: block;box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.1);border-radius: 2px;box-sizing: border-box;}
.searchform form label {width: 62%;margin: 0;padding: 0;float: left;display: inline-block;box-sizing: border-box;}
.searchform form label input[type="search"] {background: #ffffff;border: none;width: 100%;height: 40px;margin: 0;padding: 2px 4px;color: #006ebb;border-radius: 2px 0px 0px 2px;box-shadow: none;color: #006ebb;font-size: 16px;font-weight: 300;}
.searchform form input[type="submit"] {background-color: #006ebb;background-image: linear-gradient(to top,#006ebb,#00b9eb);border: none;width: 38%;height: 40px;margin: 0 auto;padding: 0;float: left;display: block;color: #ffffff;font-size: 16px;font-weight: 300;border-radius: 0px 2px 2px 0px;box-shadow: none;transition: none;}
.searchform form input[type="submit"]:hover {background-color: #00b9eb;background-image: linear-gradient(to top,#0e578a,#00b9eb);}
.searchform form input[type="submit"]:active { background: #0e578a; }

.page-nav {background: #006ebb;border: none;border-top: 1px solid #ffffff;width: 100%;height: 100%;margin: 0;padding: 0;float: left;display: block;overflow: hidden;}
.page-nav .nav-prev {border-right: 1px solid #0E578A;width: 50%;min-height: 40px;margin: 0;padding: 0;float: left;display: inline-block;box-sizing: border-box;}
.page-nav .nav-next {border-left: 1px solid #00b9eb;width: 50%;min-height: 40px;margin: 0;padding: 0;float: right;display: inline-block;box-sizing: border-box;}
.page-nav .nav-prev a,
.page-nav .nav-next a {background: #006ebb;border: none;width: 100%;margin: 0;padding: 12px 4px;float: left;display: block;color: #ffffff;font-size: 16px;font-weight: 300;text-decoration: none;text-align: center;border-radius: 0px;box-shadow: none;box-sizing: border-box;}
.page-nav .nav-prev a:hover,
.page-nav .nav-next a:hover {background: #00b9eb;}

a.button {background-color: #006ebb;background-image: linear-gradient(to top,#006ebb,#00b9eb);border: none;margin: 0 auto;padding: 8px 24px;float: left;display: block;color: #ffffff;font-size: 18px;font-weight: 300;text-decoration: none;border-radius: 2px;box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.2);transition: none;}
a.button:hover {background-color: #00b9eb;background-image: linear-gradient(to top,#0e578a,#00b9eb);border: none;transition: none;}
a.button:active {background-color: #0e578a;background-image: none;}

pre { width: 100%; margin: 0; float: left; display: block; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
code { background: #fcfcfc; border: 1px solid #eeeeee; margin: 10px 0 20px; padding: 16px 10px; display: block; overflow: scroll; border-radius: 3px; color: #82adde; }
.co { background: #eeeeee; margin: 0; padding: 2px 4px; color: #82adde; font-size: 12px; font-family: "Courier", Times, serif; overflow: scroll; }

ul, ol {width: 100%;margin: 8px 0;padding: 0;float: left;display: block;box-sizing: border-box;}
ul li, ol li {width: 100%;margin: 2px 0;padding: 0;box-sizing: border-box;list-style-position: inside;}
ul li {list-style-type: disc;}
ol li {list-style-type: decimal;}

.b { font-weight: bold !important; }
.u { text-decoration: underline !important; }
.i { font-style: italic !important; }
.s { text-decoration: line-through !important; }
.l, .alignleft { text-align: left !important; }
.c, .aligncenter { text-align: center !important; }
.r, .alignright { text-align: right !important; }
.j, .alignjustify { text-align: justify !important; }

.fs12 { font-size: 12px; }
.fs14 { font-size: 14px; }
.fs16 { font-size: 16px; }
.fs18 { font-size: 18px; }

.screen-reader-text { margin: 0; }

.cookie-consent {background: #ffffff;border: none;width: 220px;margin: 20px;padding: 0;display: none;box-sizing: border-box;border-radius: 2px;box-shadow: 0 0 10px rgba(0,0,0,0.25);z-index: 909;overflow: hidden;position: fixed;bottom: 0px;left: 0px;}
.cookie-consent .title {background-color: #006ebb;background-image: linear-gradient(to top,#006ebb,#00b9eb);width: 100%;margin: 0 0 10px;padding: 8px 4px;display: block;color: #ffffff;font-size: 18px;font-weight: 300;text-align: center;box-sizing: border-box;}
.cookie-consent p { width: 100%; margin: 0; padding: 0 10px 14px; display: block; text-align: justify;box-sizing: border-box; }
.cookie-consent .accept-cookies {background-color: #006ebb;background-image: linear-gradient(to top,#006ebb,#00b9eb);border: none;width: auto;margin: 0 10px 10px 10px;padding: 8px 4px;float: none;display: block;color: #ffffff;font-size: 18px;font-weight: 300;text-align: center;box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.2);border-radius: 2px;box-sizing: border-box;transition: none;cursor: pointer;}
.cookie-consent .accept-cookies:hover {background-color: #00b9eb;background-image: linear-gradient(to top,#0e578a,#00b9eb);}
.cookie-consent .accept-cookies:active { background: #0e578a; }


/* Special Post Elements
- - - - - - - - - - - - - - - - - - - - */



/* Responsive Design
- - - - - - - - - - - - - - - - - - - - */

/* Max width of 1280 pixels */
@media screen and (max-width: 1280px) {

	#page .container { width: 80%; max-width: 1280px; }

}


/* Max width of 1024 pixels */
@media screen and (max-width: 1024px) {

	/* Core Tablet Markup */
	#page .container { width: 85%; }

	.columns .row-break .tab-span25 { width: 25%; }
	.columns .row-break .tab-span33 { width: 33%; }
	.columns .row-break .tab-span50 { width: 50%; }
	.columns .row-break .tab-span66 { width: 66%; }
	.columns .row-break .tab-span75 { width: 75%; }
	.columns .row-break .tab-span100 { width: 100%; }

	.tab-pad10 { padding: 10px; } .tab-pad20 { padding: 20px; } .tab-pad30 { padding: 30px; } .tab-pad40 { padding: 40px; } .tab-pad50 { padding: 50px; }
	.tab-pad10x { padding-left: 10px; padding-right: 10px; } .tab-pad10y { padding-top: 10px; padding-bottom: 10px; }
	.tab-pad20x { padding-left: 20px; padding-right: 20px; } .tab-pad20y { padding-top: 20px; padding-bottom: 20px; }
	.tab-pad30x { padding-left: 30px; padding-right: 30px; } .tab-pad30y { padding-top: 30px; padding-bottom: 30px; }
	.tab-pad40x { padding-left: 40px; padding-right: 40px; } .tab-pad40y { padding-top: 40px; padding-bottom: 40px; }
	.tab-pad50x { padding-left: 50px; padding-right: 50px; } .tab-pad50y { padding-top: 50px; padding-bottom: 50px; }

	.tab-pad10t { padding-top: 10px; } .tab-pad20t { padding-top: 20px; } .tab-pad30t { padding-top: 30px; } .tab-pad40t { padding-top: 40px; } .tab-pad50t { padding-top: 50px; }
	.tab-pad10l { padding-left: 10px; } .tab-pad20l { padding-left: 20px; } .tab-pad30l { padding-left: 30px; } .tab-pad40l { padding-left: 40px; } .tab-pad50l { padding-left: 50px; }
	.tab-pad10r { padding-right: 10px; } .tab-pad20r { padding-right: 20px; } .tab-pad30r { padding-right: 30px; } .tab-pad40r { padding-right: 40px; } .tab-pad50r { padding-right: 50px; }
	.tab-pad10b { padding-bottom: 10px; } .tab-pad20b { padding-bottom: 20px; } .tab-pad30b { padding-bottom: 30px; } .tab-pad40b { padding-bottom: 40px; } .tab-pad50b { padding-bottom: 50px; }

	.tab-no-pad { padding: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; padding-right: 0 !important; }
	.tab-no-pady { padding-top: 0 !important; padding-bottom: 0 !important; }
	.tab-no-padx { padding-left: 0 !important; padding-right: 0 !important; }
	.tab-no-padt { padding-top: 0 !important; }
	.tab-no-padl { padding-left: 0 !important; }
	.tab-no-padr { padding-right: 0 !important; }
	.tab-no-padb { padding-bottom: 0 !important; }

	/* Custom Tablet Markup */

	.tab-searchwrap {max-width: 280px;margin: 0 auto;padding: 10px;float: none;display: block;overflow: hidden;box-sizing: border-box;}

}


/* Max width of 960 pixels */
@media screen and (max-width: 960px) {

	#page .container { width: 90%; }

}


/* Max width of 782 pixels */
@media screen and (max-width: 768px) {

	/* Core Mobile Markup */
	.columns .row-break [class*="span"] { width: 100%; margin: 0 auto; display: block; }

	.columns .row-break .mob-span25 { width: 25%; }
	.columns .row-break .mob-span33 { width: 33%; }
	.columns .row-break .mob-span50 { width: 50%; }
	.columns .row-break .mob-span66 { width: 66%; }
	.columns .row-break .mob-span75 { width: 75%; }
	.columns .row-break .mob-span100 { width: 100%; }

	.mob-pad10 { padding: 10px; } .mob-pad20 { padding: 20px; } .mob-pad30 { padding: 30px; } .mob-pad40 { padding: 40px; } .mob-pad50 { padding: 50px; }
	.mob-pad10x { padding-left: 10px; padding-right: 10px; } .mob-pad10y { padding-top: 10px; padding-bottom: 10px; }
	.mob-pad20x { padding-left: 20px; padding-right: 20px; } .mob-pad20y { padding-top: 20px; padding-bottom: 20px; }
	.mob-pad30x { padding-left: 30px; padding-right: 30px; } .mob-pad30y { padding-top: 30px; padding-bottom: 30px; }
	.mob-pad40x { padding-left: 40px; padding-right: 40px; } .mob-pad40y { padding-top: 40px; padding-bottom: 40px; }
	.mob-pad50x { padding-left: 50px; padding-right: 50px; } .mob-pad50y { padding-top: 50px; padding-bottom: 50px; }

	.mob-pad10t { padding-top: 10px; } .mob-pad20t { padding-top: 20px; } .mob-pad30t { padding-top: 30px; } .mob-pad40t { padding-top: 40px; } .mob-pad50t { padding-top: 50px; }
	.mob-pad10l { padding-left: 10px; } .mob-pad20l { padding-left: 20px; } .mob-pad30l { padding-left: 30px; } .mob-pad40l { padding-left: 40px; } .mob-pad50l { padding-left: 50px; }
	.mob-pad10r { padding-right: 10px; } .mob-pad20r { padding-right: 20px; } .mob-pad30r { padding-right: 30px; } .mob-pad40r { padding-right: 40px; } .mob-pad50r { padding-right: 50px; }
	.mob-pad10b { padding-bottom: 10px; } .mob-pad20b { padding-bottom: 20px; } .mob-pad30b { padding-bottom: 30px; } .mob-pad40b { padding-bottom: 40px; } .mob-pad50b { padding-bottom: 50px; }

	.mob-no-pad { padding: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; padding-right: 0 !important; }
	.mob-no-pady { padding-top: 0 !important; padding-bottom: 0 !important; }
	.mob-no-padx { padding-left: 0 !important; padding-right: 0 !important; }
	.mob-no-padt { padding-top: 0 !important; }
	.mob-no-padl { padding-left: 0 !important; }
	.mob-no-padr { padding-right: 0 !important; }
	.mob-no-padb { padding-bottom: 0 !important; }

	/* Custom Mobile Markup */
	header.h .header a.site-logo,
	header.h .header a.site-logo-img {width: auto;max-width: 100%;margin: 0 auto;float: left;display: block;border-radius: 2px;text-align: center;text-overflow: ellipsis;overflow: hidden;box-sizing: border-box;}

	header.h .header .menu {width: 100%;max-width:280px;margin: 10px auto;padding: 0;float: right;display: block;position: relative;box-sizing: border-box;border-radius: 2px;}
	header.h .header .menu ul.nav-menu { display: none; }
	header.h .header .menu a.menu-toggle {background: #0e578a;border: none;border-bottom: 1px solid #0a466f;width: 100%;max-height: 50px;margin: 0;padding: 16px 4px;float: left;display: block;visibility: visible;box-sizing: border-box;border-radius: 2px;cursor: pointer;color: #ffffff;font-size: 16px;font-weight: 300;text-decoration: none;text-align: center;}
	header.h .header .menu a.menu-toggle span { display: inline-block; }
	header.h .header .menu a.menu-toggle:hover { background: #0A466F; }
	header.h .header .menu ul.nav-menu-mob {background: #0e578a;border: none;border-top: 1px solid #00b9eb;width: 100%;min-width: 240px;margin: 0;float: left;display: block;border-radius: 0px;box-sizing: border-box;position: absolute;top: 100%;right: 0px;}
	header.h .header .menu ul.nav-menu-mob li { background: none; border: none; width: 100%; margin: 0; float: left; display: block; }
	header.h .header .menu ul.nav-menu-mob > li:first-of-type,
	header.h .header .menu ul.nav-menu-mob > li:last-of-type { border: none; }
	header.h .header .menu ul.nav-menu-mob li a {background: #0e578a;border: none;border-bottom: 1px solid #0a466f;width: 100%;margin: 0;padding: 10px 20px;float: left;display: block;box-sizing: border-box;color: #ffffff;font-size: 16px;font-weight: 300;text-align: left;text-decoration: none;}
	header.h .header .menu ul.nav-menu-mob li:hover > a { background: #0A466F; color: #ffffff; box-shadow: none; }
	header.h .header .menu ul.nav-menu-mob li ul {background: none;border:  none;border-bottom: 1px solid #0a466f;width: 100%;min-width: 100%;margin: 0;padding: 0 0 0 10px;float: left;display: block;box-sizing: border-box;position: static;top: auto;right: auto;box-shadow: none;}
	header.h .header .menu ul.nav-menu-mob li ul li { background: none; margin: 0; float: left; display: block; }
	header.h .header .menu ul.nav-menu-mob li ul li a {background: #0e578a;border: none;padding: 10px 20px;color: #ffffff;text-align: left;text-decoration: none;}
	header.h .header .menu ul.nav-menu-mob li ul li:hover > a { background: #0A466F; color: #ffffff; box-shadow: none; }
	header.h .header .menu ul.nav-menu-mob li ul li ul {background: none;border: none;width: 100%;min-width: 100%;margin: 0;padding: 0 0 0 10px;float: left;display: block;box-sizing: border-box;position: static;top: auto;right: auto;box-shadow: none;}
	header.h .header .menu ul.nav-menu-mob li ul li ul li { margin: 0; padding: 0; float: left; display: block; }
	header.h .header .menu ul.nav-menu-mob li ul li ul li a { color: #ffffff; font-size: 16px; font-weight: 300; text-decoration: none; }
	header.h .header .menu ul.nav-menu-mob li ul li ul li:hover > a { background: #0A466F; color: #ffffff; box-shadow: none; }

	.mob-searchwrap {max-width: 280px;margin: 0 auto;padding: 10px;float: none;display: block;overflow: hidden;box-sizing: border-box;}

	footer.f .footer-bottom .left,
	footer.f .footer-bottom .right { float: left; text-align: center; }

}


/* Max width of 640 pixels */
@media screen and (max-width: 640px) {}

/* Max width of 480 pixels */
@media screen and (max-width: 480px) {

	header.h .header .menu a.menu-toggle span { display: none; }

}


/* Max width of 320 pixels */
@media screen and (max-width: 320px) {}


/* Print Media Query */
@media print {}


/* END OF STYLESHEET
- - - - - - - - - - - - - - - - - - - - */