@charset "UTF-8";
/*
Theme Name: Klifur.is theme
Theme URI:
Author: Jafet Bjarkar Björnsson
Author URI: jafetbjarkar.com
Description: Performance and convinience oriented theme for climbers.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: dark-gray, orange, white, yellow, light, one-column, two-columns, fluid-layout, responsive-layout, custom-menu, featured-images, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: klifur.is theme

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.
*/
/**
 * Table of Contents:
 *
 * 0   - Icon-Font
 *
 * 0.0 - Base
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 *   4.1 - Site Header
 *   4.2 - Navigation
 * 5.0 - Content
 *   5.1 - Entry Header
 *   5.2 - Entry Meta
 *   5.3 - Entry Content
 *   5.4 - Galleries
 *   5.5 - Post Formats
 *   5.6 - Attachments
 *   5.7 - Post/Paging Navigation
 *   5.8 - Author Bio
 *   5.9 - Archives
 *   5.10 - Search Results/No posts
 *   5.11 - 404
 *   5.12 - Comments
 *   5.13 - Multisite
 *	 5.14 - Custom Categories // Klifur.is
 * 6.0 - Sidebar
 *   6.1 - Widgets
 * 7.0 - Footer
 * 8.0 - Media Queries
 * 9.0 - Print
 * ----------------------------------------------------------------------------
 */
@font-face {
  font-family: 'ProximaNova';
  src: url(fonts/Proxima_Nova_Bold.otf);
  font-weight: bold; }
@font-face {
  font-family: 'ProximaNova';
  src: url(fonts/Proxima_Nova_Light.otf);
  font-weight: light;
  font-style: italic; }
@font-face {
  font-family: 'ProximaNova';
  src: url(fonts/Proxima_Nova_Light_It.otf);
  font-weight: light;
  font-style: italic; }
@font-face {
  font-family: 'ProximaNova';
  src: url(fonts/Proxima_Nova_Reg.otf);
  font-weight: regular; }
/**
 * Generate colors
 * ----------------------------------------------------------------------------
 */
@font-face {
  font-family: 'klifurfont';
  src: url("fonts/klifurfont.eot?-iq5rrk");
  src: url("fonts/klifurfont.eot?#iefix-iq5rrk") format("embedded-opentype"), url("fonts/klifurfont.woff?-iq5rrk") format("woff"), url("fonts/klifurfont.ttf?-iq5rrk") format("truetype"), url("fonts/klifurfont.svg?-iq5rrk#klifurfont") format("svg");
  font-weight: normal;
  font-style: normal; }
.tablesorter .header:after, .tablesorter .headerSortDown:after, .tablesorter .headerSortUp:after, a.login-link:after, .comments-link a:before, .nav-previous span:after, .nav-next span:after, .comment-reply-link:before,
.comment-reply-login:before, body:not(#foo) .problem-form form input[type='checkbox'] + label:after, .fav a:after, .fin a:after, .pro a:after, .pro a.on:after {
  font-family: 'klifurfont';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* Font variables and CSS-escaped unicode strings  */
/* Add symbols to site */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

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

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

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden] {
  display: none; }

html {
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size: 100%; }

html,
button,
input,
select,
textarea {
  font-family: "ProximaNova", Helvetica, sans-serif; }

body {
  line-height: 1.6;
  margin: 0;
  color: #333; }

a {
  text-decoration: none;
  color: #363D98; }

a:visited {
  color: #363D98; }

a:focus {
  outline: thin dotted; }

a:active,
a:hover {
  outline: 0;
  color: #292e72; }

a:hover {
  text-decoration: underline; }

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  line-height: 1;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: lighter !important; }

h1 {
  font-size: 1.45em;
  margin: 33px 0; }

h2 {
  font-size: 1.3;
  margin: 11px 0 0; }

h3 {
  font-size: 1.125em;
  margin: 22px 0;
  font-weight: bold; }

h4 {
  font-size: 1.125em;
  margin: 25px 0; }

h5 {
  font-size: 1.125em;
  margin: 30px 0; }

h6 {
  font-size: 1.125em;
  margin: 36px 0; }

address {
  font-style: italic;
  margin: 0 0 24px; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

mark {
  background: #ff0;
  color: #000; }

p {
  margin: 0 0 24px; }

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 14px;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none; }

pre {
  background: #f5f5f5;
  color: #666;
  font-family: monospace;
  font-size: 14px;
  margin: 20px 0;
  overflow: auto;
  padding: 20px;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

blockquote,
q {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  quotes: none; }

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

blockquote {
  font-size: 18px;
  font-style: italic;
  font-weight: 300;
  margin: 24px 40px; }

blockquote blockquote {
  margin-right: 0; }

blockquote cite,
blockquote small {
  font-size: 14px;
  font-weight: normal;
  text-transform: uppercase; }

blockquote em,
blockquote i {
  font-style: normal;
  font-weight: 300; }

blockquote strong,
blockquote b {
  font-weight: 400; }

small {
  font-size: smaller; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

dl {
  margin: 0 20px; }

dt {
  font-weight: bold; }

dd {
  margin: 0 0 20px; }

menu,
ol,
ul {
  margin: 16px 0;
  padding: 0 0 0 40px; }

ul {
  list-style-type: square; }

nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

li > ul,
li > ol {
  margin: 0; }

img {
  -ms-interpolation-mode: bicubic;
  border: 0;
  vertical-align: middle; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

form {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0;
  white-space: normal; }

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  max-width: 100%;
  vertical-align: baseline; }

button,
input {
  line-height: normal; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
input[disabled] {
  cursor: default; }

input[type="checkbox"],
input[type="radio"] {
  padding: 0; }

input[type="search"] {
  -webkit-appearance: textfield;
  padding-right: 2px;
  /* Don't cut off the webkit search cancel button */
  width: 270px; }

input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

table {
  border-bottom: 1px solid #ededed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 14px;
  line-height: 2;
  margin: 0 0 20px;
  width: 100%; }

caption,
th,
td {
  font-weight: normal;
  text-align: left; }

caption {
  font-size: 16px;
  margin: 20px 0; }

th {
  font-weight: bold;
  text-transform: uppercase; }

td {
  border-top: 1px solid #ededed;
  padding: 6px 10px 6px 0; }

del {
  color: #333; }

ins {
  background: #fff9c0;
  text-decoration: none; }

hr {
  background: url(images/dotted-line.png) repeat center top;
  background-size: 4px 4px;
  border: 0;
  height: 1px;
  margin: 0 0 24px; }

/**
 * 2.0 Repeatable Patterns
 * ----------------------------------------------------------------------------
 */
.genericon:before,
.menu-toggle:after,
.featured-post:before,
.date a:before,
.entry-meta .author a:before,
.format-audio .entry-content:before,
.comments-link a:before,
.tags-links a:first-child:before,
.categories-links a:first-child:before,
.edit-link a:before,
.attachment .entry-title:before,
.attachment-meta:before,
.attachment-meta a:before,
.comment-awaiting-moderation:before,
.comment-reply-link:before,
.comment-reply-login:before,
.comment-reply-title small a:before,
.bypostauthor > .comment-body .fn:before,
.error404 .page-title:before {
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font: normal 16px/1 Genericons;
  vertical-align: text-bottom; }

/* Clearing floats */
.clear:after,
.attachment .entry-header:after,
.site-footer .widget-area:after,
.entry-content:after,
.page-content:after,
.navigation:after,
.nav-links:after,
.gallery:after,
.comment-form-author:after,
.comment-form-email:after,
.comment-form-url:after,
.comment-body:after {
  clear: both; }

.clear:before,
.clear:after,
.attachment .entry-header:before,
.attachment .entry-header:after,
.site-footer .widget-area:before,
.site-footer .widget-area:after,
.entry-content:before,
.entry-content:after,
.page-content:before,
.page-content:after,
.navigation:before,
.navigation:after,
.nav-links:before,
.nav-links:after,
.gallery:before,
.gallery:after,
.comment-form-author:before,
.comment-form-author:after,
.comment-form-email:before,
.comment-form-email:after,
.comment-form-url:before,
.comment-form-url:after,
.comment-body:before,
.comment-body:after {
  content: "";
  display: table; }

/* Assistive text */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important; }

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-weight: bold;
  height: auto;
  line-height: normal;
  padding: 15px 23px 14px;
  position: absolute;
  left: 5px;
  top: 5px;
  text-decoration: none;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar */ }

/* Form fields, general styles first. */
button,
input,
textarea {
  border: 1px solid #444dbd;
  font-family: inherit;
  padding: 5px; }

input,
textarea {
  color: #141412; }

input:focus,
textarea:focus {
  border: 1px solid #aaa;
  outline: 0; }

/* Buttons */
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
  background: #e05d22;
  /* Old browsers */
  background: -webkit-linear-gradient(top, #363D98 0%, #292e72 100%);
  /* Chrome 10+, Safari 5.1+ */
  background: linear-gradient(to bottom, #363D98 0%, #292e72 100%);
  /* W3C */
  border: none;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  padding: 11px 24px 10px;
  text-decoration: none; }

button:hover,
button:focus,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
  background: #363D98;
  /* Old browsers */
  background: -webkit-linear-gradient(top, #363D98 0%, #363D98 100%);
  /* Chrome 10+, Safari 5.1+ */
  background: linear-gradient(to bottom, #363D98 0%, #363D98 100%);
  /* W3C */
  outline: none; }

button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
  background: #363D98;
  /* Old browsers */
  background: -webkit-linear-gradient(top, #363D98 0%, #292e72 100%);
  /* Chrome 10+, Safari 5.1+ */
  background: linear-gradient(to bottom, #363D98 0%, #292e72 100%);
  /* W3C */
  border: none;
  padding: 10px 24px 11px; }

/* Adding custom colors for button */
.post-password-required input[type="submit"] {
  padding: 7px 24px 4px;
  vertical-align: bottom; }

.post-password-required input[type="submit"]:active {
  padding: 5px 24px 6px; }

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
  color: #7d7b6d; }

:-moz-placeholder {
  color: #7d7b6d; }

::-moz-placeholder {
  color: #7d7b6d; }

:-ms-input-placeholder {
  color: #7d7b6d; }

/*
 * Responsive images
 *
 * Fluid images for posts, comments, and widgets
 */
.entry-content img,
.entry-summary img,
.comment-content img,
.widget img,
.wp-caption {
  max-width: 100%; }

/* Make sure images with WordPress-added height and width attributes are scaled correctly. */
.entry-content img,
.entry-summary img,
.comment-content img[height],
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
  height: auto; }

img.size-full,
img.size-large,
img.wp-post-image {
  height: auto;
  max-width: 100%; }

/* Make sure videos and embeds fit their containers. */
embed,
iframe,
object,
video {
  max-width: 100%; }

/* Override the Twitter embed fixed width. */
.entry-content .twitter-tweet-rendered {
  max-width: 100% !important; }

/* Images */
.alignleft {
  float: left; }

.alignright {
  float: right; }

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

figure.wp-caption.alignleft,
img.alignleft {
  margin: 0 10px 5px 0; }

.wp-caption.alignleft {
  margin: 5px 10px 5px 0; }

figure.wp-caption.alignright,
img.alignright {
  margin: 5px 0 5px 20px; }

.wp-caption.alignright {
  margin: 5px 0 5px 10px; }

img.aligncenter {
  margin: 5px auto; }

.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption {
  color: #220e10;
  font-size: 18px;
  font-style: italic;
  font-weight: 300;
  margin: 0 0 24px; }

div.wp-caption.alignright img[class*="wp-image-"] {
  float: right; }

div.wp-caption.alignright .wp-caption-text {
  padding-left: 10px; }

img.wp-smiley,
.rsswidget img {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

.wp-caption.alignleft + ul,
.wp-caption.alignleft + ol {
  list-style-position: inside; }

/* Tablesorter plugin */
.tablesorter td {
  white-space: nowrap;
  overflow: hidden;
  padding-left: 4px; }
.tablesorter .header {
  color: #666; }
  .tablesorter .header:after {
    content: "4";
    display: inline-block;
    position: relative;
    top: 2px;
    left: 2px;
    transition-duration: 1s;
    -webkit-transition-duration: .1s;
    -moz-transition-duration: .1s;
    -o-transition-duration: .1s;
    transition-duration: .1s; }
  .tablesorter .header:hover {
    color: #333; }
    .tablesorter .header:hover:after {
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg); }
.tablesorter .headerSortDown:after {
  content: "2";
  display: inline-block;
  position: relative;
  top: 2px;
  left: 2px;
  transition-duration: 1s;
  -webkit-transition-duration: .1s;
  -moz-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s; }
.tablesorter .headerSortDown:hover {
  color: #333; }
  .tablesorter .headerSortDown:hover:after {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none; }
.tablesorter .headerSortUp:after {
  content: "3";
  display: inline-block;
  position: relative;
  top: 2px;
  left: 2px;
  transition-duration: 1s;
  -webkit-transition-duration: .1s;
  -moz-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s; }
.tablesorter .headerSortUp:hover {
  color: #333; }
  .tablesorter .headerSortUp:hover:after {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none; }

.form-control {
  height: 30px;
  padding: 6px 12px;
  color: #333;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

/**
 * 3.0 Basic Structure
 * ----------------------------------------------------------------------------
 */
.site {
  margin: 0 auto;
  width: 100%;
  max-width: 1440px;
  min-width: 640px;
  padding: 0 20px; }

.site-main {
  position: relative; }

.site-main .sidebar-container {
  height: 0;
  position: absolute;
  top: 40px;
  width: 100%;
  z-index: 1; }

.site-main .sidebar-inner {
  margin: 0 auto;
  max-width: 1040px; }

.single .blog, .single .useful, body.page .hentry {
  max-width: 1024px; }

/**
 * 4.0 Admin bar
 * ----------------------------------------------------------------------------
 */
#wpadminbar {
  position: absolute; }
  #wpadminbar #wp-toolbar > ul > li {
    display: block !important; }
    #wpadminbar #wp-toolbar > ul > li > a {
      padding: 0 8px 0 7px; }

/**
 * 4.1 Site Header
 * ----------------------------------------------------------------------------
 */
.site-header {
  position: relative;
  width: 100vw;
  left: calc(-50vw + 50%);
  background-color: #363D98;
  border-bottom: 1px solid #292e72; }

/**
 * 4.2 Navigation
 * ----------------------------------------------------------------------------
 */
/* Navbar */
.navbar {
  margin: 0 auto;
  max-width: 1440px;
  width: 100%; }

/* Navbar - Home link - logo */
.navbar .home-link {
  display: block;
  width: 200px;
  height: 60px;
  float: left;
  padding-top: 6px; }
  .navbar .home-link .site-logo {
    max-height: 48px;
    height: auto;
    width: auto; }

.navbar .site-title:hover {
  text-decoration: underline; }

.site-title {
  display: none; }

.site-description {
  display: none; }

/* Navbar - Main navigation */
.main-navigation {
  margin: 0 auto;
  max-width: 1400px; }

ul.nav-menu,
div.nav-menu > ul {
  margin: 0;
  float: right;
  padding-left: 20px; }

.nav-menu li {
  display: inline-block;
  position: relative; }

.nav-menu li a {
  display: block;
  font-size: 15px;
  line-height: 1;
  text-decoration: none;
  height: 60px;
  padding: 23px 20px 0;
  color: white; }

.nav-menu li:hover > a,
.nav-menu li a:hover,
.nav-menu li:focus > a,
.nav-menu li a:focus {
  background-color: #292e72;
  color: #fff; }

.nav-menu .sub-menu,
.nav-menu .children {
  background-color: #363D98;
  border-top: 0;
  padding: 0;
  position: absolute;
  z-index: 99999;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px); }

.nav-menu .sub-menu ul,
.nav-menu .children ul {
  border-left: 0;
  left: 100%;
  top: 0; }

ul.nav-menu ul a,
.nav-menu ul ul a {
  color: #fff;
  margin: 0;
  width: 200px;
  height: 50px;
  padding: 18px 20px 0; }

ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover,
ul.nav-menu ul a:focus,
.nav-menu ul ul a:focus {
  background-color: #292e72; }

ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul,
ul.nav-menu .focus > ul,
.nav-menu .focus > ul {
  clip: inherit;
  overflow: inherit;
  height: inherit;
  width: inherit; }

.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
  font-style: italic; }

.menu-toggle {
  display: none; }

/* Navbar- Main navigation - Search form */
.site-header .search-form {
  height: 60px;
  padding: 8px 0 0 0;
  float: right; }

.site-header .search-field {
  background-color: transparent;
  background-image: url(images/search-icon.png);
  background-position: 5px center;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  border: none;
  cursor: pointer;
  height: 37px;
  margin: 3px 0;
  padding: 0 0 0 34px;
  position: relative;
  -webkit-transition: width 400ms ease, background 400ms ease;
  transition: width 400ms ease, background 400ms ease;
  width: 1px; }

.site-header .search-field:focus {
  background-color: #fff;
  cursor: text;
  outline: 0;
  width: 230px;
  background-image: url(images/search-icon-dark.png); }

/**
 * 4.3 User data
 * ----------------------------------------------------------------------------
 */
a.user-info {
  float: right;
  margin: 14px 40px 0;
  height: 35px;
  padding: 2px 20px 0 5px;
  border-radius: 4px; }
  a.user-info:hover {
    background-color: #292e72; }
  a.user-info img {
    width: 26px;
    height: 26px;
    border-radius: 4px; }
  a.user-info span {
    color: #fff;
    font-size: 15px;
    position: relative;
    top: 2px;
    left: 10px;
    font-weight: lighter; }

a.login-link {
  float: right;
  position: relative;
  top: 20px;
  right: 10px; }
  a.login-link:after {
    content: "u"; }
  a.login-link span {
    display: none; }

.loginform-area {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  z-index: 999999; }
  .loginform-area #loginform {
    background-color: red;
    max-width: 400px;
    margin: 160px auto;
    padding: 20px 0 4px 20px; }

/**
 * 5.0 Content
 * ----------------------------------------------------------------------------
 */
.hentry {
  margin-top: 20px;
  transition: margin .2s, padding .2s, width .2s; }

.entry-header,
.entry-content,
.entry-summary,
.entry-meta {
  margin: 0 auto;
  width: 100%; }

.sidebar .entry-header,
.sidebar .entry-content,
.sidebar .entry-summary,
.sidebar .entry-meta {
  max-width: 1040px;
  padding: 0 376px 0 60px; }

.site-content-masonry {
  width: 100%;
  position: relative;
  margin-bottom: 20px; }
  .site-content-masonry .grid-sizer,
  .site-content-masonry .post {
    width: 49%; }

/**
 * 5.1 Entry Header
 * ----------------------------------------------------------------------------
 */
.sidebar .entry-header .entry-meta {
  padding: 0; }

.entry-thumbnail img {
  display: block;
  margin: 0 auto 10px; }

.entry-title {
  margin: 0 0 5px; }

.entry-title a {
  color: #333; }

.entry-title a:hover {
  color: #292e72; }
  .entry-title a:hover:hover {
    text-decoration: none; }

/**
 * 5.2 Entry Meta
 * ----------------------------------------------------------------------------
 */
.entry-meta {
  clear: both;
  font-size: 14px;
  background-color: #363D98;
  padding: 3px 5px 0px;
  color: #fff;
  border-bottom: 1px solid #292e72;
  border-radius: 2px; }

.entry-meta a {
  color: #fff; }

.entry-meta > span {
  margin-right: 20px; }

.entry-meta > span:last-child {
  margin-right: 0; }

.entry-meta-comments {
  width: 100%;
  padding-right: 10px;
  float: left; }
  .entry-meta-comments .comments-link {
    float: right; }
    .entry-meta-comments .comments-link a {
      height: 100%;
      width: 100%;
      background-color: #363D98;
      display: block;
      border-radius: 4px;
      color: #fff;
      padding: 4px 16px 4px 17px;
      text-decoration: none;
      transition: box-shadow 1s, background-color 1s; }
      .entry-meta-comments .comments-link a:hover {
        background-color: #292e72;
        box-shadow: 1px 1px 3px #666;
        transition: box-shadow .1s, background-color .1s; }

.featured-post:before {
  content: "\f416";
  margin-right: -10px; }

.entry-meta .date a:before {
  content: "\f303"; }

.comments-link a:before {
  position: relative;
  top: -3px;
  left: -5px;
  content: "f"; }

.entry-meta .author a:before {
  content: "\f304";
  position: relative;
  top: -1px; }

.categories-links a:first-child:before {
  content: "\f301"; }

.tags-links a:first-child:before {
  content: "\f302";
  position: relative;
  top: -1px; }

.edit-link a:before {
  content: "\f411";
  position: relative;
  top: -1px; }

.single-author .entry-meta .author,
.sticky.format-standard .entry-meta .date,
.sticky.format-audio .entry-meta .date,
.sticky.format-chat .entry-meta .date,
.sticky.format-image .entry-meta .date,
.sticky.format-gallery .entry-meta .date {
  display: none; }

.category-crag .categories-links a:first-child:before {
  content: "\f417"; }

.category-problem .categories-links a:first-child:before {
  content: "\f105"; }

/**
 * 5.3 Entry Content
 * ----------------------------------------------------------------------------
 */
.entry-content {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word; }

.entry-content a,
.comment-content a {
  max-height: 400px;
  overflow: hidden; }

.entry-content blockquote {
  font-size: 24px; }

.entry-content blockquote cite,
.entry-content blockquote small {
  font-size: 16px; }

.entry-content img.alignleft,
.entry-content .wp-caption.alignleft {
  max-width: 50%; }

.entry-content img.alignright,
.entry-content .wp-caption.alignright {
  max-width: 50%; }

footer.entry-meta {
  margin-top: 24px; }

.format-standard footer.entry-meta {
  margin-top: 0; }

/* Page links */
.page-links {
  clear: both;
  font-size: 16px;
  font-style: italic;
  font-weight: normal;
  line-height: 2.2;
  margin: 20px 0;
  text-transform: uppercase; }

.page-links a,
.page-links > span {
  background: #fff;
  border: 1px solid #fff;
  padding: 5px 10px;
  text-decoration: none; }

.format-status .entry-content .page-links a,
.format-gallery .entry-content .page-links a,
.format-chat .entry-content .page-links a,
.format-quote .entry-content .page-links a,
.page-links a {
  background: #e63f2a;
  border: 1px solid #e63f2a;
  color: #fff; }

.format-gallery .entry-content .page-links a:hover,
.format-audio .entry-content .page-links a:hover,
.format-status .entry-content .page-links a:hover,
.format-video .entry-content .page-links a:hover,
.format-chat .entry-content .page-links a:hover,
.format-quote .entry-content .page-links a:hover,
.page-links a:hover {
  background: #fff;
  color: #e63f2a; }

.format-status .entry-content .page-links > span,
.format-quote .entry-content .page-links > span {
  background: none; }

.page-links .page-links-title {
  background: transparent;
  border: none;
  margin-right: 20px;
  padding: 0; }

/* Mediaelements */
.hentry .mejs-mediaelement,
.hentry .mejs-container .mejs-controls {
  background: #220e10; }

.hentry .mejs-controls .mejs-time-rail .mejs-time-loaded,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  background: #fff; }

.hentry .mejs-controls .mejs-time-rail .mejs-time-current {
  background: #ea9629; }

.hentry .mejs-controls .mejs-time-rail .mejs-time-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
  background: #595959; }

.hentry .mejs-controls .mejs-time-rail span,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  border-radius: 0; }

/* Advanced custom fields */
/* Map */
.acf-map {
  width: 100%;
  height: 400px;
  border: #ccc solid 1px;
  margin: 20px 0; }

/**
 * 5.4 Galleries
 * ----------------------------------------------------------------------------
 */
.gallery {
  margin-bottom: 20px;
  margin-left: -4px; }

.gallery-item {
  float: left;
  margin: 0 4px 4px 0;
  overflow: hidden;
  position: relative; }
  .gallery-item img {
    width: 150px; }
  .gallery-item img:hover {
    opacity: .8; }

.gallery-columns-1.gallery-size-medium,
.gallery-columns-1.gallery-size-thumbnail,
.gallery-columns-2.gallery-size-thumbnail,
.gallery-columns-3.gallery-size-thumbnail {
  display: table;
  margin: 0 auto 20px; }

.gallery-columns-1 .gallery-item,
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item {
  text-align: center; }

.gallery-columns-4 .gallery-item {
  max-width: 23%;
  max-width: -webkit-calc(25% - 4px);
  max-width: calc(25% - 4px); }

.gallery-columns-5 .gallery-item {
  max-width: 19%;
  max-width: -webkit-calc(20% - 4px);
  max-width: calc(20% - 4px); }

.gallery-columns-6 .gallery-item {
  max-width: 15%;
  max-width: -webkit-calc(16.7% - 4px);
  max-width: calc(16.7% - 4px); }

.gallery-columns-7 .gallery-item {
  max-width: 13%;
  max-width: -webkit-calc(14.28% - 4px);
  max-width: calc(14.28% - 4px); }

.gallery-columns-8 .gallery-item {
  max-width: 11%;
  max-width: -webkit-calc(12.5% - 4px);
  max-width: calc(12.5% - 4px); }

.gallery-columns-9 .gallery-item {
  max-width: 9%;
  max-width: -webkit-calc(11.1% - 4px);
  max-width: calc(11.1% - 4px); }

.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
  clear: left; }

.gallery-caption {
  background-color: rgba(0, 0, 0, 0.7);
  box-sizing: border-box;
  color: #fff;
  font-size: 14px;
  line-height: 1.3;
  margin: 0;
  max-height: 50%;
  opacity: 0;
  padding: 2px 8px;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: left;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
  width: 100%; }

.gallery-caption:before {
  box-shadow: 0 -10px 15px #000 inset;
  content: "";
  height: 100%;
  min-height: 49px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%; }

.gallery-item:hover .gallery-caption {
  opacity: 1; }

.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
  display: none; }

/* Gallery */
/* Code added in js/functions.js */
/* The imaglelightbox */
#imagelightbox {
  cursor: pointer;
  position: fixed;
  z-index: 10000;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-box-shadow: 0 0 3.125em rgba(0, 0, 0, 0.75);
  box-shadow: 0 0 3.125em rgba(0, 0, 0, 0.75); }

/* CAPTION */
#imagelightbox-caption {
  text-align: center;
  color: #fff;
  background-color: #222;
  position: fixed;
  z-index: 10001;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.625em; }

/* ACTIVITY INDICATION */
#imagelightbox-loading,
#imagelightbox-loading div {
  border-radius: 50%; }

#imagelightbox-loading {
  width: 2.5em;
  /* 40 */
  height: 2.5em;
  /* 40 */
  background-color: #363D98;
  background-color: rgba(237, 138, 13, 0.8);
  position: fixed;
  z-index: 10003;
  top: 50%;
  left: 50%;
  padding: 0.625em;
  /* 10 */
  margin: -1.25em 0 0 -1.25em;
  /* 20 */
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  /* 40 */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  /* 40 */ }

#imagelightbox-loading div {
  width: 1.25em;
  /* 20 */
  height: 1.25em;
  /* 20 */
  background-color: #fff;
  -webkit-animation: imagelightbox-loading .5s ease infinite;
  animation: imagelightbox-loading .5s ease infinite; }

@-webkit-keyframes imagelightbox-loading {
  from {
    opacity: .5;
    -webkit-transform: scale(0.75); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1); }
  to {
    opacity: .5;
    -webkit-transform: scale(0.75); } }
@keyframes imagelightbox-loading {
  from {
    opacity: .5;
    transform: scale(0.75); }
  50% {
    opacity: 1;
    transform: scale(1); }
  to {
    opacity: .5;
    transform: scale(0.75); } }
/**
 * 5.5 Post Formats
 * ----------------------------------------------------------------------------
 */
/* Gallery */
.format-gallery .entry-header {
  margin-bottom: 15px; }

.format-gallery .entry-title {
  font-weight: 400;
  margin: 0; }

.format-gallery .entry-meta a,
.format-gallery .entry-content a {
  color: #fff; }

/* Image */
.format-image {
  background-color: #222;
  color: white;
  padding: 10px 0; }
  .format-image .entry-title a {
    color: #fff; }
    .format-image .entry-title a:hover {
      color: #292e72; }
  .format-image .entry-meta a {
    color: #fff; }

.format-image .entry-title {
  padding: 0 0 4px 10px; }

.format-image .categories-links,
.format-image .tags-links {
  display: none; }

.term-post-format-image {
  background-color: #222; }
  .term-post-format-image .post {
    margin-bottom: 40px;
    border-top: 2px dashed #111; }
  .term-post-format-image .site-footer, .term-post-format-image .sidebar-container {
    background-color: #111 !important; }

.single-format-image {
  background-color: #222; }

/* Ensures the dots in the dot background are in lockstep. */
.format-status .entry-meta:before {
  background-position: left top; }

.format-status .entry-content {
  color: #f7f5e7;
  font-style: italic;
  font-weight: 300;
  padding-bottom: 30px;
  padding-top: 40px;
  position: relative; }

.format-status .entry-content p:first-child:before {
  background-color: rgba(0, 0, 0, 0.65);
  content: "";
  height: 3px;
  margin-top: 13px;
  position: absolute;
  left: 4px;
  width: 13px; }

.sidebar .format-status .entry-content > p:first-child:before {
  left: 64px; }

.format-status .entry-content p:last-child {
  margin-bottom: 0; }

.format-status .entry-meta {
  margin-top: 0;
  padding-bottom: 40px; }

.format-status .entry-meta .date a:before {
  content: "\f105"; }

/* Video */
.format-video iframe {
  width: 100%; }

.format-video .entry-title {
  font-weight: 400; }

/**
 * 5.6 Attachments
 * ----------------------------------------------------------------------------
 */
.attachment .hentry {
  background-color: #e8e5ce;
  margin: 0;
  padding: 0; }

.attachment .entry-header {
  margin-bottom: 0;
  max-width: 1040px;
  padding: 30px 0; }

.attachment .entry-title {
  display: inline-block;
  float: left;
  font: 300 italic 30px "Source Sans Pro", Helvetica, sans-serif;
  margin: 0; }

.attachment .entry-title:before {
  content: "\f416";
  font-size: 32px;
  margin-right: 10px; }

.attachment .entry-meta {
  clear: none;
  color: inherit;
  float: right;
  max-width: 604px;
  padding: 9px 0 0;
  text-align: right; }

.hentry.attachment:not(.image-attachment) .entry-meta {
  max-width: 104px; }

.attachment footer.entry-meta {
  display: none; }

.attachment-meta:before {
  content: "\f307"; }

.full-size-link a:before {
  content: "\f402"; }

.full-size-link:before {
  content: none; }

.attachment .entry-meta a,
.attachment .entry-meta .edit-link:before,
.attachment .full-size-link:before {
  color: #ca3c08; }

.attachment .entry-content {
  background-color: #fff;
  max-width: 100%;
  padding: 40px 0; }

.image-navigation {
  margin: 0 auto;
  max-width: 1040px;
  position: relative; }

.image-navigation a:hover {
  text-decoration: none; }

.image-navigation .nav-previous,
.image-navigation .nav-next {
  position: absolute;
  top: 50px; }

.image-navigation .nav-previous {
  left: 0; }

.image-navigation .nav-next {
  right: 0; }

.image-navigation .meta-nav {
  font-size: 32px;
  font-weight: 300;
  vertical-align: -4px; }

.attachment .entry-attachment,
.attachment .type-attachment p {
  margin: 0 auto;
  max-width: 724px;
  text-align: center; }

.attachment .entry-attachment .attachment {
  display: inline-block; }

.attachment .entry-caption {
  text-align: left; }

.attachment .entry-description {
  margin: 20px auto 0;
  max-width: 604px; }

.attachment .entry-caption p:last-child,
.attachment .entry-description p:last-child {
  margin: 0; }

.attachment .site-main .sidebar-container {
  display: none; }

.attachment .entry-content .mejs-audio {
  max-width: 400px;
  margin: 0 auto; }

.attachment .entry-content .wp-video {
  margin: 0 auto; }

.attachment .entry-content .mejs-container {
  margin-bottom: 24px; }

/**
 * 5.7 Post/Paging Navigation
 * ----------------------------------------------------------------------------
 */
.navigation .nav-previous {
  float: left; }

.navigation .nav-next {
  float: right; }

.paging-navigation a {
  color: #fff; }

.paging-navigation a:hover {
  text-decoration: none; }

.paging-navigation {
  padding: 40px 0 0 0;
  position: relative;
  width: 100vw;
  left: calc(-50vw + 50%);
  clear: both; }

.paging-navigation .nav-links {
  margin: 0 auto;
  width: 100%;
  height: 40px; }

.paging-navigation .nav-next {
  width: 50%;
  background-color: #363D98; }
  .paging-navigation .nav-next a {
    padding: 6px 0 0 40px; }

.paging-navigation .nav-previous {
  width: 50%;
  text-align: right;
  background-color: #363D98; }
  .paging-navigation .nav-previous a {
    padding: 6px 40px 0 0; }

.paging-navigation a {
  font-weight: 200;
  display: block;
  height: 40px; }

.post-navigation a[rel="next"] {
  float: right;
  text-align: right; }

/* Add symbols */
.nav-previous span:after {
  content: "1";
  position: relative;
  top: 2px;
  left: 0px; }

.nav-next span:after {
  content: "4";
  position: relative;
  top: 2px;
  left: 0px; }

/* Numberic navigation */
.numeric-navigation {
  float: left;
  position: relative;
  width: 100vw;
  left: calc(-50vw + 50%);
  clear: both;
  background-color: #363D98; }
  .numeric-navigation ul {
    padding: 0;
    margin: 10px auto;
    min-width: 640px;
    max-width: 1400px;
    padding-left: 14px; }
    .numeric-navigation ul li {
      color: #fff;
      display: inline-block; }
      .numeric-navigation ul li a {
        padding: 5px 10px;
        color: #fff; }

/**
 * 5.8 Author Bio
 * ----------------------------------------------------------------------------
 */
.author-info {
  margin: 0 auto;
  max-width: 604px;
  padding: 30px 0 10px;
  text-align: left;
  /* gallery & video post formats */
  width: 100%; }

.author.sidebar .author-info {
  max-width: 1040px;
  padding: 30px 376px 10px 60px; }

.single .author-info {
  padding: 50px 0 0; }

.author-avatar .avatar {
  float: left;
  margin: 0 30px 30px 0; }

.single-format-status .author-description {
  color: #f7f5e7; }

.author-description .author-title {
  clear: none;
  font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif;
  margin: 0 0 8px; }

.author-link {
  color: #ca3c08;
  margin-left: 2px; }

.author.archive .author-link {
  display: none; }

/**
 * 5.9 Archives
 * ----------------------------------------------------------------------------
 */
.archive-header {
  height: 36px;
  background-color: #363D98; }

.archive-title,
.archive-meta {
  font: 300 24px "Source Sans Pro", Helvetica, sans-serif;
  color: #fff;
  max-width: 1040px;
  padding: 5px 10px;
  width: 100%; }

/**
 * 5.10 Search Results/No posts
 * ----------------------------------------------------------------------------
 */
/**
 * 5.11 404
 * ----------------------------------------------------------------------------
 */
/**
 * 5.12 Comments
 * ----------------------------------------------------------------------------
 */
.comments-area {
  clear: both;
  position: relative;
  width: 100vw;
  left: calc(-50vw + 50%);
  background-color: #363D98;
  min-width: 640px;
  /* reset */ }
  .comments-area a {
    color: #fff; }
  .comments-area .comment-content a {
    color: #363D98; }
  .comments-area ol, .comments-area ul {
    padding: 0; }

.comments-page, .respond-page {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto; }

.comment-content {
  background-color: #fff;
  border-radius: 6px; }

.comments-title,
.comment-list,
.comment-reply-title,
.must-log-in,
.comment-respond .comment-form,
.comment-respond iframe {
  display: block;
  width: 100%;
  max-width: 1024px; }

/* Sidebar */
.comments-title {
  font: 300 italic 32px "Source Sans Pro", Helvetica, sans-serif;
  color: #fff;
  padding-top: 20px;
  padding-left: 20px; }

/* Make the comment list look like speak bubbles */
ol.comment-list {
  list-style-type: none;
  padding: 0 20px;
  /* common styles */ }
  ol.comment-list .comment-metadata {
    width: 60%; }
  ol.comment-list .comment-content {
    max-width: 76%;
    min-width: 240px; }
  ol.comment-list li.depth-1 > article.comment-body footer.comment-meta .comment-author {
    float: left; }
  ol.comment-list li.depth-1 > article.comment-body footer.comment-meta .comment-metadata {
    float: left;
    margin-left: 46px; }
  ol.comment-list li.depth-1 > article.comment-body div.comment-content {
    float: left;
    padding: 10px 16px 0;
    margin-left: 40px; }
  ol.comment-list li.depth-1 ol.children {
    list-style-type: none;
    padding-bottom: 80px; }
    ol.comment-list li.depth-1 ol.children li.depth-2 article.comment-body footer.comment-meta .comment-author {
      float: right; }
    ol.comment-list li.depth-1 ol.children li.depth-2 article.comment-body footer.comment-meta .comment-metadata {
      float: right;
      margin-right: 46px;
      text-align: right; }
    ol.comment-list li.depth-1 ol.children li.depth-2 article.comment-body div.comment-content {
      float: right;
      padding: 10px 16px 0;
      margin-right: 40px; }

/* Add speak triangles */
.comments-area .depth-1 > article .comment-content :before {
  content: " ";
  display: block;
  position: absolute;
  top: 44px;
  left: 94px;
  width: 0px;
  height: 0px;
  border-top: 12px solid transparent;
  border-bottom: 0px solid transparent;
  border-right: 20px solid #fff; }
.comments-area .children .comment-content :before {
  content: " ";
  display: block;
  position: absolute;
  top: 44px;
  right: 94px;
  width: 0px;
  height: 0px;
  border-top: 12px solid transparent;
  border-bottom: 0px solid transparent;
  border-left: 20px solid #fff; }

.comment-list > li:last-child:after {
  display: none; }

.comment-body {
  padding: 6px 0;
  position: relative; }

.comment-author {
  float: left;
  max-width: 74px; }

.comment-author .avatar {
  display: block;
  margin-top: 19px;
  border-radius: 4px; }

.comment-author .fn {
  word-wrap: break-word; }

.comment-author .fn,
.comment-author .url,
.comment-reply-link,
.comment-reply-login {
  font-size: 14px;
  font-style: normal;
  font-weight: normal; }

.comment-reply-login {
  display: none; }

.comment-reply-link {
  position: absolute;
  top: -6px;
  right: 42px;
  font-size: inherit;
  color: #fff; }

.says {
  display: none; }

.no-avatars .comment-author {
  margin: 0 0 5px;
  max-width: 100%;
  position: relative; }

.no-avatars .comment-metadata,
.no-avatars .comment-content,
.no-avatars .comment-list .reply {
  width: 100%; }

.comment-list .edit-link {
  margin-left: 20px; }

.comment-awaiting-moderation,
.comment-content,
.comment-list .reply {
  word-wrap: break-word; }

.comment-meta,
.comment-meta a {
  font-size: 13px;
  color: #fff; }

.ping-meta {
  color: #a2a2a2;
  font-size: 13px;
  line-height: 2; }

.comment-awaiting-moderation {
  color: #a2a2a2; }

.comment-awaiting-moderation:before {
  content: "\f414";
  margin-right: 5px;
  position: relative;
  top: -2px; }

.comment-reply-link:before,
.comment-reply-login:before {
  content: "2";
  font-size: 20px;
  position: absolute;
  top: 4px;
  left: -22px; }

/* Comment form */
.comment-respond {
  background: rgba(255, 255, 255, 0.3);
  padding: 10px 20px; }

.comment .comment-respond {
  margin-bottom: 20px;
  padding-left: 20px; }

.comment-reply-title {
  font: 300 italic 32px "Source Sans Pro", Helvetica, sans-serif; }

.comment-reply-title small a {
  display: inline-block;
  float: right;
  height: 16px;
  overflow: hidden;
  width: 16px; }

.comment-reply-title small a:hover {
  text-decoration: none; }

.comment-reply-title small a:before {
  content: "\f406";
  vertical-align: top; }

.sidebar .comment-list .comment-reply-title,
.sidebar .comment-list .comment-respond .comment-form {
  padding: 0; }

.comment-form .comment-notes {
  margin-bottom: 15px; }

.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url {
  margin-bottom: 8px; }

.comment-form [for="author"],
.comment-form [for="email"],
.comment-form [for="url"],
.comment-form [for="comment"] {
  float: left;
  padding: 5px 0; }

.comment-form .required {
  color: #ed331c; }

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
  max-width: 270px;
  width: 60%; }

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

.comment-form-comment label {
  display: block;
  width: 50%; }
.comment-form-comment textarea {
  max-width: 700px;
  width: 76%;
  resize: none; }

.form-allowed-tags {
  max-width: 700px;
  width: 76%;
  resize: none; }

.form-allowed-tags,
.form-allowed-tags code {
  color: #fff;
  font-size: 12px; }

.form-allowed-tags code {
  font-size: 10px;
  margin-left: 3px; }

.comment-list .pingback,
.comment-list .trackback {
  padding-top: 24px; }

.comment-navigation {
  font-size: 20px;
  font-style: italic;
  font-weight: 300;
  margin: 0 auto;
  max-width: 604px;
  padding: 20px 0 30px;
  width: 100%; }

.no-comments {
  background-color: #f7f5e7;
  font-size: 20px;
  font-style: italic;
  font-weight: 300;
  margin: 0;
  padding: 40px 0;
  text-align: center; }

.sidebar .no-comments {
  padding-left: 60px;
  padding-right: 376px; }

/**
 * 5.55 Custom Category
 * ----------------------------------------------------------------------------
 */
/* Post sections */
.post-section {
  width: 49.3%;
  float: left;
  clear: left;
  padding-bottom: 30px; }
  .post-section:nth-child(even) {
    float: right;
    clear: right; }
  .post-section img {
    max-width: 100%; }
  .post-section iframe {
    width: 100%; }

.tablesorter thead tr th {
  padding-bottom: 10px; }
.tablesorter td {
  white-space: nowrap;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis; }
.tablesorter .check {
  font-family: 'klifurfont';
  color: #363D98; }

/* Crag */
.category-crag .category-crag {
  width: 100%; }
.category-crag .tablesorter tbody tr td:nth-child(3), .category-crag .tablesorter tbody tr td:nth-child(4), .category-crag .tablesorter tbody tr td:nth-child(5) {
  color: #292e72; }
.category-crag .banner-map iframe {
  width: 100%; }

.banner-image {
  width: 100%;
  max-height: 400px;
  overflow: hidden;
  position: relative; }
  .banner-image img {
    width: 100%;
    height: 100%;
    vertical-align: center; }
  .banner-image span {
    position: absolute;
    bottom: 10px;
    right: 20px;
    color: #fff;
    font-weight: lighter; }

article.category-crag span.author {
  display: none; }

.results-heading {
  border-bottom: 3px solid #363D98;
  margin: 20px 0 20px;
  padding-bottom: 2px; }

.results {
  width: 100%;
  float: left;
  clear: both;
  padding: 20px 0 20px; }

/* Problem */
.category-problem .category-problem {
  width: 100%; }

.home .problem-video {
  width: 100%; }

/*
    The Problem Form
    Add graphics to checkboses in category-problem
    body:not(#foo) > is a rule filter to block browsers
                 that don't support that selector from
                 applying rules they shouldn't
*/
div.sexy-buttons {
  width: 370px;
  float: right; }
  div.sexy-buttons input:hover {
    cursor: pointer; }

body:not(#foo) .problem-form fieldset.metabuttons {
  border: 0;
  width: 180px;
  float: right;
  padding: 0 0 0; }
  body:not(#foo) .problem-form fieldset.metabuttons span {
    float: right;
    height: 44px;
    width: 44px;
    position: relative;
    color: #fff;
    margin-right: 10px;
    border-radius: 4px;
    background-color: #363D98; }
    body:not(#foo) .problem-form fieldset.metabuttons span:hover {
      background-color: #292e72; }
body:not(#foo) .problem-form .user-buttons span:nth-child(3) {
  background-color: #363D98; }
  body:not(#foo) .problem-form .user-buttons span:nth-child(3):hover {
    background-color: #292e72; }
body:not(#foo) .problem-form .user-buttons span:nth-child(2) {
  background-color: #363D98; }
  body:not(#foo) .problem-form .user-buttons span:nth-child(2):hover {
    background-color: #292e72; }
body:not(#foo) .problem-form .user-buttons span:nth-child(1) {
  background-color: #363D98; }
  body:not(#foo) .problem-form .user-buttons span:nth-child(1):hover {
    background-color: #292e72; }

body:not(#foo) .problem-form form input[type='checkbox'] {
  /* Hide the input, but have it still be clickable */
  opacity: 0;
  position: absolute;
  width: 44px;
  height: 44px;
  float: left;
  z-index: 20; }

body:not(#foo) .problem-form form input[type='checkbox'] + label {
  cursor: pointer;
  font-size: 28px;
  line-height: 0; }
  body:not(#foo) .problem-form form input[type='checkbox'] + label:after {
    position: relative;
    z-index: 10; }

body:not(#foo) .problem-form form input[type='checkbox']:checked + label {
  color: #bbb; }

body:not(#foo) .problem-form form input[name='img'] + label:after {
  content: "p";
  top: 7px;
  left: 7px; }

body:not(#foo) .problem-form form input[name='vid'] + label:after {
  content: "v";
  top: 8px;
  left: 8px; }

body:not(#foo) .problem-form form input[name='thumb'] + label:after {
  content: "l";
  top: 6px;
  left: 6px;
  font-size: 32px; }

body:not(#foo) .problem-form form input[name='fav'] + label:after {
  content: "H";
  top: 8px;
  left: 8px; }

body:not(#foo) .problem-form form input[name='fin'] + label:after {
  content: "C";
  top: 7px;
  left: 8px; }

body:not(#foo) .problem-form form input[name='pro'] + label:after {
  content: "t";
  top: 6px;
  left: 7px;
  font-size: 32px; }

.category-problem-table {
  width: 100%; }
  .category-problem-table tbody tr td.meta-icons {
    font-family: 'klifurfont';
    font-size: 16px;
    line-height: 0;
    color: #444; }
    .category-problem-table tbody tr td.meta-icons span {
      padding: 0 2px; }
    .category-problem-table tbody tr td.meta-icons span.type {
      font-weight: bold; }
  .category-problem-table .type {
    font-family: "Source Sans Pro", Helvetica, sans-serif; }

.btn-icons span {
  cursor: pointer !important; }
  .btn-icons span a {
    color: #aaa;
    margin: 0;
    font-size: 16px;
    line-height: 0;
    padding: 6px 6px;
    cursor: pointer !important; }
    .btn-icons span a:hover {
      text-decoration: none;
      cursor: pointer !important; }

.fav a:after {
  content: "h";
  color: #363D98; }
.fav a.on:after {
  content: "H";
  color: #292e72; }

.fin a:after {
  content: "c";
  color: #363D98; }
.fin a.on:after {
  content: "C";
  color: #292e72; }

.pro a:after {
  content: "t";
  color: #363D98; }
.pro a.on:after {
  content: "t";
  color: #363D98;
  background-color: #363D98;
  border-radius: 10px; }

.problem-thumb {
  position: relative;
  float: left;
  width: 23.8%;
  width: calc(25% - 10px);
  width: -webkit-calc(25% - 10px);
  margin: 0 10px 30px 0;
  font-size: 86%;
  height: 460px;
  overflow: hidden; }
  .problem-thumb img {
    width: 100%; }
  .problem-thumb .gradient {
    height: 30px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: orange;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), white);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(255, 255, 255, 0), white);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(255, 255, 255, 0), white);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);
    /* Standard syntax (must be last) */ }

.th-image-wrapper {
  position: relative;
  min-height: 30px; }

.btn-icons-th {
  width: 100px;
  position: absolute;
  top: 4px;
  left: 0;
  z-index: 999; }

/**
 * 6.0 Sidebar
 * ----------------------------------------------------------------------------
 */
.site-main .widget-area {
  float: right;
  width: 300px; }

/**
 * 6.1 Widgets
 * ----------------------------------------------------------------------------
 */
.widget {
  font-size: 14px;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  margin: 0 0 24px;
  padding: 20px;
  word-wrap: break-word; }

.widget .widget-title {
  font-size: 132%;
  margin: 0 0 10px; }

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

.widget li {
  padding: 5px 0; }

.widget .children li:last-child {
  padding-bottom: 0; }

.widget li > ul,
.widget li > ol {
  margin-left: 20px; }

/* Search widget */
.search-form .search-submit {
  display: none; }

/* RSS Widget */
.widget_rss .rss-date {
  display: block; }

.widget_rss .rss-date,
.widget_rss li > cite {
  color: #a2a2a2; }

/* Calendar Widget */
.widget_calendar table,
.widget_calendar td {
  border: 0;
  border-collapse: separate;
  border-spacing: 1px; }

.widget_calendar caption {
  font-size: 14px;
  margin: 0; }

.widget_calendar th,
.widget_calendar td {
  padding: 0;
  text-align: center; }

.widget_calendar a {
  display: block; }

.widget_calendar a:hover {
  background-color: rgba(0, 0, 0, 0.15); }

.widget_calendar tbody td {
  background-color: rgba(255, 255, 255, 0.5); }

.site-footer .widget_calendar tbody td {
  background-color: rgba(255, 255, 255, 0.05); }

.widget_calendar tbody .pad, .site-footer .widget_calendar tbody .pad {
  background-color: transparent; }

#widget-forum,
#widget-ad1,
#widget-ad2,
#widget-ad3 {
  padding: 0;
  width: 49%; }
  #widget-forum .widget,
  #widget-ad1 .widget,
  #widget-ad2 .widget,
  #widget-ad3 .widget {
    padding: 0; }

#widget-forum aside {
  float: left;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  padding: 8px !important;
  width: 50%; }
  #widget-forum aside:first-child {
    margin-right: 14px; }
  #widget-forum aside:nth-child(1) {
    width: calc(50% - 14px); }
#widget-forum:after {
  content: "";
  clear: both; }
#widget-forum .widget_text {
  display: block;
  float: none; }
#widget-forum .bbp-author-avatar {
  display: none; }
#widget-forum .widget_display_topics ul,
#widget-forum .widget_recent_comments ul {
  color: #999;
  font-size: 90%; }
#widget-forum .widget_display_topics .bbp-forum-title,
#widget-forum .widget_display_topics .recentcomments a,
#widget-forum .widget_recent_comments .bbp-forum-title,
#widget-forum .widget_recent_comments .recentcomments a {
  font-size: 120%;
  line-height: 1.2; }
#widget-forum .widget_display_topics .topic-author a,
#widget-forum .widget_recent_comments .topic-author a {
  color: #999;
  font-size: 90%; }

/**
 * 7.0 Footer
 * ----------------------------------------------------------------------------
 */
.site-footer {
  font-size: 14px;
  text-align: center;
  color: #fff;
  clear: both;
  position: relative;
  width: 100vw;
  left: calc(-50vw + 50%); }

.site-footer .widget-area,
.sidebar .site-footer {
  text-align: left; }

.site-footer .sidebar-container {
  padding: 20px 0;
  background-color: #222; }

.partner-logo {
  position: absolute;
  bottom: 15px;
  right: 20px;
  text-align: right; }
  .partner-logo p {
    margin: 0 0 -20px 12px;
    text-align: left; }
  .partner-logo img {
    width: 200px; }

.site-footer .widget-area {
  margin: 0 auto;
  width: 100%;
  max-width: 1440px; }

.sidebar .site-footer .widget-area {
  max-width: 724px;
  position: relative;
  left: -158px; }

.site-footer .widget {
  background: transparent;
  color: #fff;
  float: left;
  margin-right: 20px;
  max-width: 300px; }

.sidebar .site-footer .widget {
  width: 228px; }

.sidebar .site-footer .widget:nth-of-type(4),
.sidebar .site-footer .widget:nth-of-type(3) {
  margin-right: 0; }

.site-footer .widget-title,
.site-footer .widget-title a,
.site-footer .wp-caption-text {
  color: #fff; }

.site-info {
  margin: 0 auto;
  max-width: 1040px;
  padding: 30px 0;
  width: 100%; }

#wpstats {
  display: block;
  margin: -10px auto 0; }

.notification {
  max-width: 300px;
  position: fixed;
  bottom: 14px;
  left: -316px;
  background-color: #333;
  z-index: 9999;
  padding: 8px 14px;
  border-radius: 5px;
  color: #fff;
  font-size: 100%;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px; }

/**
 * 8.0 Custom Colors
 * ----------------------------------------------------------------------------
 */
/* Header */
.about .site-header {
  background-color: #363D98;
  border-bottom: 1px solid #292e72; }
  .about .site-header .sub-menu {
    background-color: #363D98; }
  .about .site-header .nav-menu .menu-item:hover > a, .about .site-header .nav-menu .menu-item a:hover, .about .site-header .nav-menu .menu-item:focus > a, .about .site-header .nav-menu .menu-item a:focus {
    background-color: #292e72; }

.problem .site-header {
  background-color: #363D98;
  border-bottom: 1px solid #292e72; }
  .problem .site-header .sub-menu {
    background-color: #363D98; }
  .problem .site-header .nav-menu .menu-item:hover > a, .problem .site-header .nav-menu .menu-item a:hover, .problem .site-header .nav-menu .menu-item:focus > a, .problem .site-header .nav-menu .menu-item a:focus {
    background-color: #292e72; }

.crag .site-header {
  background-color: #363D98;
  border-bottom: 1px solid #292e72; }
  .crag .site-header .sub-menu {
    background-color: #363D98; }
  .crag .site-header .nav-menu .menu-item:hover > a, .crag .site-header .nav-menu .menu-item a:hover, .crag .site-header .nav-menu .menu-item:focus > a, .crag .site-header .nav-menu .menu-item a:focus {
    background-color: #292e72; }

.blog .site-header, .page-id-1190 .site-header {
  background-color: #363D98;
  border-bottom: 1px solid #292e72; }
  .blog .site-header .sub-menu, .page-id-1190 .site-header .sub-menu {
    background-color: #363D98; }
  .blog .site-header .nav-menu .menu-item:hover > a, .blog .site-header .nav-menu .menu-item a:hover, .blog .site-header .nav-menu .menu-item:focus > a, .blog .site-header .nav-menu .menu-item a:focus, .page-id-1190 .site-header .nav-menu .menu-item:hover > a, .page-id-1190 .site-header .nav-menu .menu-item a:hover, .page-id-1190 .site-header .nav-menu .menu-item:focus > a, .page-id-1190 .site-header .nav-menu .menu-item a:focus {
    background-color: #292e72; }

.term-post-format-image .site-header, .single-format-image .site-header {
  background-color: #363D98;
  border-bottom: 1px solid #292e72; }
  .term-post-format-image .site-header .sub-menu, .single-format-image .site-header .sub-menu {
    background-color: #363D98; }
  .term-post-format-image .site-header .nav-menu .menu-item:hover > a, .term-post-format-image .site-header .nav-menu .menu-item a:hover, .term-post-format-image .site-header .nav-menu .menu-item:focus > a, .term-post-format-image .site-header .nav-menu .menu-item a:focus, .single-format-image .site-header .nav-menu .menu-item:hover > a, .single-format-image .site-header .nav-menu .menu-item a:hover, .single-format-image .site-header .nav-menu .menu-item:focus > a, .single-format-image .site-header .nav-menu .menu-item a:focus {
    background-color: #292e72; }

.term-post-format-video .site-header, .single-format-video .site-header {
  background-color: #363D98;
  border-bottom: 1px solid #292e72; }
  .term-post-format-video .site-header .sub-menu, .single-format-video .site-header .sub-menu {
    background-color: #363D98; }
  .term-post-format-video .site-header .nav-menu .menu-item:hover > a, .term-post-format-video .site-header .nav-menu .menu-item a:hover, .term-post-format-video .site-header .nav-menu .menu-item:focus > a, .term-post-format-video .site-header .nav-menu .menu-item a:focus, .single-format-video .site-header .nav-menu .menu-item:hover > a, .single-format-video .site-header .nav-menu .menu-item a:hover, .single-format-video .site-header .nav-menu .menu-item:focus > a, .single-format-video .site-header .nav-menu .menu-item a:focus {
    background-color: #292e72; }

.page-id-871 .site-header, .useful .site-header {
  background-color: #000;
  border-bottom: 1px solid black; }
  .page-id-871 .site-header .sub-menu, .useful .site-header .sub-menu {
    background-color: #000; }
  .page-id-871 .site-header .nav-menu .menu-item:hover > a, .page-id-871 .site-header .nav-menu .menu-item a:hover, .page-id-871 .site-header .nav-menu .menu-item:focus > a, .page-id-871 .site-header .nav-menu .menu-item a:focus, .useful .site-header .nav-menu .menu-item:hover > a, .useful .site-header .nav-menu .menu-item a:hover, .useful .site-header .nav-menu .menu-item:focus > a, .useful .site-header .nav-menu .menu-item a:focus {
    background-color: black; }

.home .site-header, .author .site-header {
  background-color: #363D98;
  border-bottom: 1px solid #292e72; }
  .home .site-header .sub-menu, .author .site-header .sub-menu {
    background-color: #363D98; }
  .home .site-header .nav-menu .menu-item:hover > a, .home .site-header .nav-menu .menu-item a:hover, .home .site-header .nav-menu .menu-item:focus > a, .home .site-header .nav-menu .menu-item a:focus, .author .site-header .nav-menu .menu-item:hover > a, .author .site-header .nav-menu .menu-item a:hover, .author .site-header .nav-menu .menu-item:focus > a, .author .site-header .nav-menu .menu-item a:focus {
    background-color: #292e72; }

/* Content entry meta */
.blog .entry-meta {
  background-color: #363D98;
  border-bottom: 1px solid #292e72; }

.blog .comments-link a {
  background-color: #363D98; }
  .blog .comments-link a:hover {
    background-color: #292e72; }

.category-crag .entry-meta {
  background-color: #363D98;
  border-bottom: 1px solid #292e72; }
.category-crag .comments-link a {
  background-color: #363D98; }
  .category-crag .comments-link a:hover {
    background-color: #292e72; }

.category-problem .entry-meta {
  background-color: #363D98;
  border-bottom: 1px solid #292e72; }
.category-problem .comments-link a {
  background-color: #363D98; }
  .category-problem .comments-link a:hover {
    background-color: #292e72; }

.format-image a {
  color: #363D98; }
  .format-image a:hover {
    color: #292e72; }
.format-image .entry-meta {
  background-color: #363D98 !important;
  border-bottom: 1px solid #292e72; }
  .format-image .entry-meta a {
    color: #fff; }
.format-image .comments-link a {
  background-color: #363D98; }
  .format-image .comments-link a:hover {
    background-color: #292e72;
    color: #fff; }

.format-video .entry-meta {
  background-color: #363D98 !important;
  border-bottom: 1px solid #292e72; }
.format-video .comments-link a {
  background-color: #363D98; }
  .format-video .comments-link a:hover {
    background-color: #292e72; }

.category-useful .entry-meta, .page-id-871 .entry-meta {
  background-color: #000;
  border-bottom: 1px solid black; }
.category-useful .comments-link a, .page-id-871 .comments-link a {
  background-color: #000; }
  .category-useful .comments-link a:hover, .page-id-871 .comments-link a:hover {
    background-color: black; }

.category-about .entry-meta {
  background-color: #363D98;
  border-bottom: 1px solid #292e72; }
.category-about .comments-link a {
  background-color: #363D98; }
  .category-about .comments-link a:hover {
    background-color: #292e72; }

/* Custom page header color */
.problem .comments-area {
  background-color: #363D98;
  border-bottom: 1px solid #292e72; }

.crag .comments-area {
  background-color: #363D98;
  border-bottom: 1px solid #292e72; }

.blog .comments-area {
  background-color: #363D98;
  border-bottom: 1px solid #292e72; }

.term-post-format-image .comments-area, .single-format-image .comments-area {
  background-color: #363D98;
  border-bottom: 1px solid #292e72; }

.term-post-format-video .comments-area, .single-format-video .comments-area {
  background-color: #363D98;
  border-bottom: 1px solid #292e72; }

.page-id-871 .comments-area, .useful .comments-area {
  background-color: #000;
  border-bottom: 1px solid black; }

.about .comments-area {
  background-color: #363D98;
  border-bottom: 1px solid #292e72; }

.comments-area, .home .comments-area {
  background-color: #363D98;
  border-bottom: 1px solid #292e72; }

/* Post/paging navigation */
body.crag .paging-navigation a {
  background-color: #363D98; }

body.crag .paging-navigation a:hover {
  background-color: #292e72; }

body.problem .paging-navigation a {
  background-color: #363D98; }

body.problem .paging-navigation a:hover {
  background-color: #292e72; }

body.blog .paging-navigation a {
  background-color: #363D98; }

body.blog .paging-navigation a:hover {
  background-color: #292e72; }

body.page-id-1190 .paging-navigation a {
  background-color: #363D98; }

body.page-id-1190 .paging-navigation a:hover {
  background-color: #292e72; }

body.term-post-format-image .paging-navigation a {
  background-color: #363D98; }

body.term-post-format-image .paging-navigation a:hover {
  background-color: #292e72; }

body.term-post-format-video .paging-navigation a {
  background-color: #363D98; }

body.term-post-format-video .paging-navigation a:hover {
  background-color: #292e72; }

body.useful .paging-navigation a {
  background-color: #000; }

body.useful .paging-navigation a:hover {
  background-color: black; }

body.home .paging-navigation a {
  background-color: #363D98; }

body.home .paging-navigation a:hover {
  background-color: #292e72; }

body.crag .numeric-navigation {
  background-color: #363D98; }

body.problem .numeric-navigation {
  background-color: #292e72; }

body.blog .numeric-navigation {
  background-color: #363D98; }

body.page-id-1190 .numeric-navigation {
  background-color: #363D98; }

body.term-post-format-image .numeric-navigation {
  background-color: #363D98; }

body.term-post-format-video .numeric-navigation {
  background-color: #363D98; }

body.useful .numeric-navigation {
  background-color: #000; }

body.home .numeric-navigation {
  background-color: #363D98; }

/* Problem results */
.crag .results-heading {
  border-bottom: 3px solid #363D98; }

.problem .results-heading {
  border-bottom: 3px solid #363D98; }

/**
 * 8.0 Media Queries
 * ----------------------------------------------------------------------------
 */
/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
  width: device-width; }
@viewport {
  width: device-width; }
@media (max-width: 1440px) {
  .navbar .home-link {
    padding-left: 20px; }

  .site-header .search-form {
    padding-right: 20px; }

  .single .banner-image,
  .site-main > .banner-image {
    width: 100vw;
    left: calc(-50vw + 50%); } }
/* ONE COLUMN LAYOUT */
@media (max-width: 1060px) {
  html {
    font-size: 110%; }

  /* Turn off two column layout for posts */
  .home .hentry, .archive .hentry, .crag .hentry, .problem .hentry, .page-id-1190 .hentry, .search-results .hentry {
    width: 100%; }

  .site {
    padding: 0; }

  .hentry, .single .problem-thumbs-area {
    padding: 0 20px; }

  .format-status .entry-content {
    padding-top: 40px; }

  .format-status .entry-meta {
    padding-bottom: 40px; }

  .sidebar .format-status .entry-content,
  .sidebar .format-status .entry-meta {
    padding-left: 35px; }

  .sidebar .format-status .entry-content:before,
  .sidebar .format-status .entry-meta:before {
    left: 10px; }

  .sidebar .format-status .entry-content p:first-child:before {
    left: 4px; }

  .sidebar .paging-navigation .nav-links {
    padding: 0 60px; }

  .site-main .sidebar-container {
    height: auto;
    margin: 0 auto;
    max-width: 604px;
    position: relative;
    top: 20px; }

  #widget-forum,
  #widget-ad1,
  #widget-ad2,
  #widget-ad3 {
    padding: 20px 15px; }

  #widget-forum {
    width: 100%; }

  .site-main .widget-area {
    float: none;
    margin: 0;
    width: 100%; }

  .sidebar .site-footer .widget-area {
    max-width: 100%;
    left: 0; }

  /* Crag*/
  .category-crag .post-section {
    width: 100% !important;
    float: left;
    clear: left; }
    .category-crag .post-section table {
      max-width: 50%; }

  .content-gallery p a {
    width: 150px;
    height: 150px; }

  /* Problem */
  .problem-thumb {
    height: 360px;
    width: 31.6%;
    width: calc(33.33% - 10px);
    width: -webkit-calc(33.33% - 10px); } }
@media (max-width: 782px) {
  html {
    font-size: 115%; }

  /* Problem */
  div.sexy-buttons {
    width: 200px;
    float: right; }
    div.sexy-buttons fieldset:nth-child(1) {
      padding-bottom: 8px !important; }

  .category-problem .category-problem {
    width: 100%;
    padding-right: 20px; }
  .category-problem .post-section img {
    max-width: 100%;
    float: left;
    margin-right: 10px; }
  .category-problem table {
    width: 100%; }

  .category-problem .tablesorter thead tr th {
    padding-bottom: 10px; }
  .category-problem .tablesorter thead tr th:nth-child(6) {
    display: none; }
  .category-problem .tablesorter tbody tr td:nth-child(6) {
    display: none; } }
/* Collapse oversized image and pulled images after iPad breakpoint. */
@media (max-width: 740px) {
  .entry-content img.alignleft,
  .entry-content .wp-caption.alignleft {
    margin-left: 0; }

  .entry-content img.alignright,
  .entry-content .wp-caption.alignright {
    margin-right: 0; }

  .gallery-caption {
    display: none; }

  /* Crag */
  .category-crag .tablesorter thead tr th:nth-child(7) {
    display: none; }
  .category-crag .tablesorter tbody tr td:nth-child(7) {
    display: none; }

  /* Problem */
  .category-problem .post-section {
    width: 100%; }
  .category-problem .problem-image {
    width: 100%;
    float: left; }
  .category-problem .tablesorter thead tr th:nth-child(6) {
    display: none; }
  .category-problem .tablesorter tbody tr td:nth-child(6) {
    display: none; } }
@media (max-width: 640px) {
  html {
    font-size: 125%; }

  /* Small menu */
  .menu-toggle {
    cursor: pointer;
    font: bold 16px/1.3 "Source Sans Pro", Helvetica, sans-serif;
    margin: 0;
    display: block;
    float: right; }

  .menu-toggle,
  .menu-toggle:hover,
  .menu-toggle:focus,
  .menu-toggle:active {
    background: none;
    border: none;
    color: #fff; }

  .menu-toggle:after {
    font-size: 32px;
    padding: 2px 10px 0 0;
    font-family: 'klifurfont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "m"; }

  .toggled-on .nav-menu,
  .toggled-on .nav-menu > ul {
    display: block;
    margin-left: 0;
    padding: 0;
    width: 100%; }

  .toggled-on li,
  .toggled-on .children {
    display: block; }

  .toggled-on .nav-menu li > ul {
    display: block;
    float: none;
    margin-left: 20px;
    position: relative;
    left: auto;
    top: auto; }

  .toggled-on .nav-menu li > ul a {
    width: auto; }

  ul.nav-menu,
  div.nav-menu > ul {
    display: none; }

  #content .featured-gallery {
    padding-left: 24px; }

  .gallery-columns-1 .gallery-item {
    margin-right: 0;
    width: 100%; }

  .entry-title,
  .format-image .entry-title,
  .format-video .entry-title {
    font-weight: bold; }

  .format-quote blockquote,
  .format-status .entry-content {
    font-size: 18px; }

  .error404 .page-title {
    padding: 40px 0 0; }

  .error404 .page-title:before {
    content: normal; }

  /* Custom colors */
  .nav-menu li.menu-item-739 > a {
    background-color: #363D98; }

  .nav-menu li.menu-item-768 > a {
    background-color: #363D98; }

  .nav-menu li.menu-item-752 > a {
    background-color: #292e72; }

  .nav-menu li.menu-item-873 > a {
    background-color: #000; }

  .comments-area {
    left: 0; }

  /* Crag */
  iframe {
    max-height: 250px; }

  .banner-map iframe {
    display: none; }

  /* Problem */
  .category-problem .tablesorter thead tr th:nth-child(6) {
    display: none; }
  .category-problem .tablesorter tbody tr td:nth-child(6) {
    display: none; }

  .problem-thumb {
    width: 48%;
    width: calc(50% - 10px);
    width: -webkit-calc(50% - 10px); }

  .hentry {
    min-width: 600px; }

  .site-header {
    width: 100%;
    left: 0; }

  html #wpadminbar {
    min-width: 600px !important; }

  .site-footer {
    width: 100%;
    left: 0; }

  .navigation {
    width: 100%;
    left: 0; }

  /* Gallery */ }
/*
*	Plugins
*/
.gmnoprint img {
  max-width: none !important; }

.qtranxs-available-languages-message {
  display: none; }

/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
  border-radius: 5px;
  background: #333;
  color: #fff; }

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  padding: 8px 10px;
  overflow: hidden; }

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
  /* border-color: ... !important; */ }

/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
  cursor: help;
  margin-left: 4px; }

/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
  padding: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999999;
  pointer-events: none;
  width: auto;
  overflow: visible; }

.tooltipster-base .tooltipster-content {
  overflow: hidden; }

/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1; }

.tooltipster-arrow span, .tooltipster-arrow-border {
  display: block;
  width: 0;
  height: 0;
  position: absolute; }

.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-top: 8px solid;
  bottom: -7px; }

.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-top: 9px solid;
  bottom: -7px; }

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-bottom: 8px solid;
  top: -7px; }

.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-bottom: 9px solid;
  top: -7px; }

.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
  left: 0;
  right: 0;
  margin: 0 auto; }

.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
  left: 6px; }

.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  left: 5px; }

.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
  right: 6px; }

.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
  right: 5px; }

.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-left: 8px solid;
  top: 50%;
  margin-top: -7px;
  right: -7px; }

.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-left: 9px solid;
  margin-top: -8px; }

.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-right: 8px solid;
  top: 50%;
  margin-top: -7px;
  left: -7px; }

.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-right: 9px solid;
  margin-top: -8px; }

/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity; }

.tooltipster-fade-show {
  opacity: 1; }

.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden; }

.tooltipster-grow-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform; }

.tooltipster-swing-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); }

.tooltipster-fall {
  top: 0;
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0px !important;
  opacity: 0; }

.tooltipster-slide {
  left: -40px;
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0px !important;
  opacity: 0; }

/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
  opacity: 0.5;
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1); }

/**
 * 9.0 Print
 * ----------------------------------------------------------------------------
 */
/* Retina-specific styles. */
@media print, (-o-min-device-pixel-ratio: 5 / 4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .site-header .search-field {
    background-image: url(images/search-icon-2x.png); }

  .format-audio .audio-content,
  .format-status .entry-content:before,
  .format-status .entry-meta:before,
  .comment-list > li:after,
  .comment-list .children > li:before {
    background-image: url(images/dotted-line-2x.png); } }
@media print {
  body {
    background: none !important;
    color: #000;
    font-size: 10pt; }

  footer a[rel="bookmark"]:link:after,
  footer a[rel="bookmark"]:visited:after {
    content: " [" attr(href) "] ";
    /* Show URLs */ }

  .site {
    max-width: 98%; }

  .site-header {
    background-image: none !important; }

  .site-header .home-link {
    max-width: none;
    min-height: 0; }

  .site-title {
    color: #000;
    font-size: 21pt; }

  .site-description {
    font-size: 10pt; }

  .author-avatar,
  .site-footer,
  .comment-respond,
  .comments-area .comment-edit-link,
  .comments-area .reply,
  .comments-link,
  .entry-meta .edit-link,
  .page-links,
  .site-content nav,
  .widget-area,
  .main-navigation,
  .navbar,
  .more-link {
    display: none; }

  .entry-header,
  .entry-content,
  .entry-summary,
  .entry-meta {
    margin: 0;
    width: 100%; }

  .page-title,
  .entry-title {
    font-size: 21pt; }

  .entry-meta,
  .entry-meta a {
    color: #444;
    font-size: 10pt; }

  .entry-content img.alignleft,
  .entry-content .wp-caption.alignleft {
    margin-left: 0; }

  .entry-content img.alignright,
  .entry-content .wp-caption.alignright {
    margin-right: 0; }

  .format-image .entry-content .size-full {
    margin: 0; }

  /* Remove colors from post formats */
  .hentry {
    background-color: #fff; }

  /* Comments */
  .comments-area > li.comment {
    background: none;
    position: relative;
    width: auto; }

  .comment-metadata {
    float: none; }

  .comment-author .fn,
  .comment-reply-link,
  .comment-reply-login {
    color: #333; } }
@font-face {
  font-family: 'klifurfont';
  src: url("fonts/klifurfont.eot?-iq5rrk");
  src: url("fonts/klifurfont.eot?#iefix-iq5rrk") format("embedded-opentype"), url("fonts/klifurfont.woff?-iq5rrk") format("woff"), url("fonts/klifurfont.ttf?-iq5rrk") format("truetype"), url("fonts/klifurfont.svg?-iq5rrk#klifurfont") format("svg");
  font-weight: normal;
  font-style: normal; }
.tablesorter .header:after, .tablesorter .headerSortDown:after, .tablesorter .headerSortUp:after, a.login-link:after, .comments-link a:before, .nav-previous span:after, .nav-next span:after, .comment-reply-link:before,
.comment-reply-login:before, body:not(#foo) .problem-form form input[type='checkbox'] + label:after, .fav a:after, .fin a:after, .pro a:after, .pro a.on:after {
  font-family: 'klifurfont';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* Font variables and CSS-escaped unicode strings  */
/* Add symbols to site */