/*
Theme Name: IDEA.org
Author: Anonymous
Author URI:
Version: 1
Description: Base theme for Wordpress
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ideaorg
Tags: one-column, two-columns
Theme URI:
*/

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

html {
	font-family: sans-serif; /* 1 */
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
	margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

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

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
	display: inline-block; /* 1 */
	vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

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

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */

[hidden],
template {
	display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
	background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

a:active,
a:hover {
	outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

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

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
	font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
	font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
	font-size: 2em;
	margin: .67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

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

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

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

sup {
	top: -.5em;
}

sub {
	bottom: -.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
	border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
	margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
	box-sizing: content-box;
	height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
	overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
	color: inherit; /* 1 */
	font: inherit; /* 2 */
	margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
	overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
	text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

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

/**
 * Re-set default cursor for disabled elements.
 */

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

/**
 * Remove inner padding and border in Firefox 4+.
 */

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

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
	line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */

input[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	box-sizing: content-box; /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

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

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: .35em .625em .75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
	border: 0; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
	overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
	font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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

td,
th {
	padding: 0;
}

.widget.widget_pages ul,
.info-links ul,
.list-items ul,
#content ul,
#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.clearfix:after,
dl:after,
.widget:after,
.search-form:after,
.post-password-form p:after,
.navigation-single:after,
.form-search:after,
.topics-page:after,
#main:after,
.visual-holder:after,
.apps-list .item-set:after,
.apps-list .item:after,
.list-items li:after,
#twocolumns .twocolumns-holder:after,
.ajax-container:after,
#content .post:after,
.blockquote-block:after,
.container:after {
	content: "";
	display: block;
	clear: both;
}

.ellipsis {
	white-space: nowrap; /* 1 */
	text-overflow: ellipsis; /* 2 */
	overflow: hidden;
}

html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

* {
	/* max-height removed Jan 8, 2026 */
}

body {
	color: #222;
	background: #fff;
	font: 15px/1.2 "MuseoSlab", "Times New Roman", "Times", "Baskerville", "Georgia", serif;
	min-width: 320px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

iframe {
	border: none;
}

img {
	max-width: 100%;
	height: auto;
}

.gm-style img {
	max-width: none;
}

.contact-form textarea {
	border-radius: 10px;
	border: 2px solid #ececec;
	resize: none;
	height: 200px;
	min-height: 200px;
	outline: none;
}

.contact-form textarea:focus {
	border: 1px solid #999;
}

.contact-form input[type="email"],
.contact-form input[type="text"] {
	border: 2px solid #ececec;
	padding: .3em .7em;
	outline: none;
}

.contact-form input[type="submit"] {
	display: block;
	color: #fff;
	background: #f89a3f;
	border: none;
	border-radius: 10px;
	padding: 10px;
	outline: none;
}

.contact-form input[type="submit"]:hover {
	opacity: .8;
}

ul,
ol,
dl,
p,
h1,
h2,
h3,
h4,
h5,
h6,
address,
form,
table,
blockquote,
applet,
embed,
object,
iframe,
frameset {
	margin: 0 0 1.2em;
}

blockquote {
	padding-left: .5em;
	margin-left: 1.2em;
}

th,
td {
	border: 1px solid #999;
	padding: .5em;
	text-align: left;
	vertical-align: top;
}

th {
	text-align: center;
	vertical-align: middle;
}

ul,
ol {
	padding-left: 3em;
}

ul ul,
ul ol,
ol ul,
ol ol {
	padding-left: 3em;
	margin: 0;
}

ul {
	list-style-type: disc;
}

dl dt {
	float: left;
	clear: left;
	padding-right: .3em;
	font-weight: bold;
}

dl dd {
	overflow: hidden;
}

pre {
	max-width: 100%;
}

form,
fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	box-sizing: border-box;
	border: 1px solid #999;
	padding: .4em .7em;
	font-family: "Times New Roman", serif;
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
textarea:focus {
	border-color: #000;
}

input[type="text"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #999;
}

input[type="text"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
textarea::-moz-placeholder {
	opacity: 1;
	color: #999;
}

input[type="text"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
textarea:-moz-placeholder {
	color: #999;
}

input[type="text"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #999;
}

input[type="text"].placeholder,
input[type="tel"].placeholder,
input[type="email"].placeholder,
input[type="search"].placeholder,
input[type="password"].placeholder,
textarea.placeholder {
	color: #999;
}

select {
	-webkit-border-radius: 0;
	font-family: "Times New Roman", serif;
}

textarea {
	resize: vertical;
	vertical-align: top;
}

button,
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="submit"] {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	cursor: pointer;
}

.widget {
	margin-bottom: 1.2em;
}

.widget ul {
	padding-left: 2em;
}

.widget select {
	min-width: 150px;
}

.comment-form label {
	display: block;
	padding-bottom: 4px;
}

.comment-form textarea {
	overflow: auto;
	margin: 0;
	height: 120px;
	min-height: 120px;
}

.comment-form textarea,
.comment-form input[type="text"] {
	margin: 0 4px 0 0;
	border: 2px solid #ececec;
	padding: .3em .7em;
}

.comment-form input[type="submit"] {
	display: block;
	float: none;
}

.post-password-form label {
	display: block;
}

.post-password-form input[type="password"] {
	margin: 0 4px 0 0;
	max-width: 200px;
	border: 2px solid #ececec;
	padding: .3em .7em;
}

.search-form input {
	float: left;
	height: 40px;
}

.search-form input[type="search"] {
	margin: 0 4px 0 0;
	width: 100%;
	max-width: 200px;
	border: 2px solid #ececec;
	padding: .3em .7em;
}

.post-password-form input {
	float: left;
	height: 2em;
}

.post-password-form input[type="password"] {
	width: 160px;
}

.comment-form input[type="submit"],
.post-password-form input[type="submit"],
.search-form input[type="submit"] {
	background: #f89a3f;
	color: #fff;
	height: 40px;
	border: none;
	padding: 0 .5em;
}

.comment-form input[type="submit"]:hover,
.post-password-form input[type="submit"]:hover,
.search-form input[type="submit"]:hover {
	background: #498ce9;
}

.commentlist {
	margin: 0 0 1.2em;
}

.commentlist .edit-link {
	margin: 0;
}

.commentlist .avatar-holder {
	float: left;
	margin: 0 1.2em 4px 0;
}

.commentlist-item .commentlist-item {
	padding: 0;
}

.comment,
.commentlist-holder {
	overflow: hidden;
}

.commentlist-item .commentlist-item,
.commentlist-item + .commentlist-item {
	padding-top: 1.2em;
}

.widget_calendar #next {
	text-align: right;
}

.gallery-item dt {
	float: none;
	padding: 0;
}

.navigation,
.navigation-comments {
	position: relative;
	vertical-align: middle;
	margin-bottom: 1.2em;
}

.navigation .screen-reader-text,
.navigation-comments .screen-reader-text {
	position: absolute;
	left: -99999px;
}

.navigation .page-numbers,
.navigation-comments .page-numbers {
	display: inline-block;
	vertical-align: middle;
	padding: 0 .4em;
	color: #222;
}

.navigation .next,
.navigation .prev,
.navigation-comments .next,
.navigation-comments .prev {
	display: inline-block;
	vertical-align: middle;
	max-width: 50%;
	background: #f89a3f;
	color: #fff;
	padding: .4em;
	text-decoration: none;
	border-radius: 12px;
}

.navigation .next:hover,
.navigation .prev:hover,
.navigation-comments .next:hover,
.navigation-comments .prev:hover {
	background: #498ce9;
}

.navigation-single {
	margin-bottom: 1.2em;
}

.navigation-single .next,
.navigation-single .prev {
	float: left;
	vertical-align: middle;
	max-width: 50%;
	background: #f89a3f;
	color: #fff;
	text-decoration: none;
	border-radius: 12px;
}

.navigation-single .next:hover,
.navigation-single .prev:hover {
	background: #498ce9;
}

.navigation-single .next a,
.navigation-single .prev a {
	color: inherit;
	text-decoration: none;
	padding: .4em;
	display: block;
}

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

.wp-caption {
	max-width: 100%;
	clear: both;
	border: 1px solid #999;
	padding: .4em;
	margin-bottom: 1.2em;
}

.wp-caption img {
	margin: 0;
	vertical-align: top;
}

.wp-caption p {
	margin: .4em 0 0;
}

div.aligncenter {
	margin: 0 auto 1.2em;
}

img.aligncenter {
	display: block;
	margin: 0 auto;
}

.alignleft {
	float: left;
	margin: 0 1.2em 4px 0;
}

.alignright {
	float: right;
	margin: 0 0 4px 1.2em;
}

.mejs-container {
	margin-bottom: 1.2em;
}

.wp-caption-text,
.gallery,
.alignnone,
.gallery-caption,
.sticky,
.bypostauthor {
	height: auto;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.h {
	font-family: inherit;
	font-weight: bold;
	margin: 0 0 .5em;
	color: inherit;
}

h1,
.h1 {
	font-size: 30px;
}

h2,
.h2 {
	font-size: 27px;
}

h3,
.h3 {
	font-size: 24px;
}

h4,
.h4 {
	font-size: 21px;
}

h5,
.h5 {
	font-size: 17px;
}

h6,
.h6 {
	font-size: 15px;
}

p {
	margin: 0 0 1em;
}

a {
	color: #f89a3f;
}

a:hover,
a:focus {
	text-decoration: none;
}

@font-face {
	font-family: "icomoon";
	src: url("fonts/icomoon.eot?51gngb");
	src: url("fonts/icomoon.eot?51gngb#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?51gngb") format("truetype"), url("fonts/icomoon.woff?51gngb") format("woff"), url("fonts/icomoon.svg?51gngb#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: "icomoon" !important;
	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;
}

.icon-arrow-right-alt1:before {
	content: "\e900";
}

@font-face {
	font-family: "MuseoSlab";
	src: url("fonts/museo_slab_100-webfont.eot");
	src: url("fonts/museo_slab_100-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/museo_slab_100-webfont.woff2") format("woff2"), url("fonts/museo_slab_100-webfont.woff") format("woff"), url("fonts/museo_slab_100-webfont.ttf") format("truetype"), url("fonts/museo_slab_100-webfont.svgmuseo_slab_100-webfont") format("svg");
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: "MuseoSlab";
	src: url("fonts/museo_slab_100italic-webfont.eot");
	src: url("fonts/museo_slab_100italic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/museo_slab_100italic-webfont.woff2") format("woff2"), url("fonts/museo_slab_100italic-webfont.woff") format("woff"), url("fonts/museo_slab_100italic-webfont.ttf") format("truetype"), url("fonts/museo_slab_100italic-webfont.svgmuseo_slab_100italic-webfont") format("svg");
	font-weight: 100;
	font-style: italic;
}

@font-face {
	font-family: "MuseoSlab";
	src: url("fonts/museo_slab_300-webfont.eot");
	src: url("fonts/museo_slab_300-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/museo_slab_300-webfont.woff2") format("woff2"), url("fonts/museo_slab_300-webfont.woff") format("woff"), url("fonts/museo_slab_300-webfont.ttf") format("truetype"), url("fonts/museo_slab_300-webfont.svgmuseo_slab_300-webfont") format("svg");
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: "MuseoSlab";
	src: url("fonts/museo_slab_300italic-webfont.eot");
	src: url("fonts/museo_slab_300italic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/museo_slab_300italic-webfont.woff2") format("woff2"), url("fonts/museo_slab_300italic-webfont.woff") format("woff"), url("fonts/museo_slab_300italic-webfont.ttf") format("truetype"), url("fonts/museo_slab_300italic-webfont.svgmuseo_slab_300italic-webfont") format("svg");
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: "MuseoSlab";
	src: url("fonts/museo_slab_500-webfont.eot");
	src: url("fonts/museo_slab_500-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/museo_slab_500-webfont.woff2") format("woff2"), url("fonts/museo_slab_500-webfont.woff") format("woff"), url("fonts/museo_slab_500-webfont.ttf") format("truetype"), url("fonts/museo_slab_500-webfont.svgmuseo_slab_500-webfont") format("svg");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: "MuseoSlab";
	src: url("fonts/museo_slab_500italic-webfont.eot");
	src: url("fonts/museo_slab_500italic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/museo_slab_500italic-webfont.woff2") format("woff2"), url("fonts/museo_slab_500italic-webfont.woff") format("woff"), url("fonts/museo_slab_500italic-webfont.ttf") format("truetype"), url("fonts/museo_slab_500italic-webfont.svgmuseo_slab_500italic-webfont") format("svg");
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: "MuseoSlab";
	src: url("fonts/museo_slab_700-webfont.eot");
	src: url("fonts/museo_slab_700-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/museo_slab_700-webfont.woff2") format("woff2"), url("fonts/museo_slab_700-webfont.woff") format("woff"), url("fonts/museo_slab_700-webfont.ttf") format("truetype"), url("fonts/museo_slab_700-webfont.svgmuseo_slab_700-webfont") format("svg");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "MuseoSlab";
	src: url("fonts/museo_slab_700italic-webfont.eot");
	src: url("fonts/museo_slab_700italic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/museo_slab_700italic-webfont.woff2") format("woff2"), url("fonts/museo_slab_700italic-webfont.woff") format("woff"), url("fonts/museo_slab_700italic-webfont.ttf") format("truetype"), url("fonts/museo_slab_700italic-webfont.svgmuseo_slab_700italic-webfont") format("svg");
	font-weight: 700;
	font-style: italic;
}

@font-face {
	font-family: "MuseoSlab";
	src: url("fonts/museo_slab_900-webfont.eot");
	src: url("fonts/museo_slab_900-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/museo_slab_900-webfont.woff2") format("woff2"), url("fonts/museo_slab_900-webfont.woff") format("woff"), url("fonts/museo_slab_900-webfont.ttf") format("truetype"), url("fonts/museo_slab_900-webfont.svgmuseo_slab_900-webfont") format("svg");
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: "MuseoSlab";
	src: url("fonts/museo_slab_900italic-webfont.eot");
	src: url("fonts/museo_slab_900italic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/museo_slab_900italic-webfont.woff2") format("woff2"), url("fonts/museo_slab_900italic-webfont.woff") format("woff"), url("fonts/museo_slab_900italic-webfont.ttf") format("truetype"), url("fonts/museo_slab_900italic-webfont.svgmuseo_slab_900italic-webfont") format("svg");
	font-weight: 900;
	font-style: italic;
}

@font-face {
	font-family: "MuseoSlab";
	src: url("fonts/museo_slab_1000-webfont.eot");
	src: url("fonts/museo_slab_1000-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/museo_slab_1000-webfont.woff2") format("woff2"), url("fonts/museo_slab_1000-webfont.woff") format("woff"), url("fonts/museo_slab_1000-webfont.ttf") format("truetype"), url("fonts/museo_slab_1000-webfont.svgmuseo_slab_1000-webfont") format("svg");
	font-weight: 1000;
	font-style: normal;
}

@font-face {
	font-family: "MuseoSlab";
	src: url("fonts/museo_slab_1000italic-webfont.eot");
	src: url("fonts/museo_slab_1000italic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/museo_slab_1000italic-webfont.woff2") format("woff2"), url("fonts/museo_slab_1000italic-webfont.woff") format("woff"), url("fonts/museo_slab_1000italic-webfont.ttf") format("truetype"), url("fonts/museo_slab_1000italic-webfont.svgmuseo_slab_1000italic-webfont") format("svg");
	font-weight: 1000;
	font-style: italic;
}

@font-face {
	font-family: "MuseoSans";
	src: url("fonts/museosans_500-webfont.eot");
	src: url("fonts/museosans_500-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/museosans_500-webfont.woff2") format("woff2"), url("fonts/museosans_500-webfont.woff") format("woff"), url("fonts/museosans_500-webfont.ttf") format("truetype"), url("fonts/museosans_500-webfont.svgmuseosans_500-webfont") format("svg");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: "MuseoSans";
	src: url("fonts/museosans_500_italic-webfont.eot");
	src: url("fonts/museosans_500_italic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/museosans_500_italic-webfont.woff2") format("woff2"), url("fonts/museosans_500_italic-webfont.woff") format("woff"), url("fonts/museosans_500_italic-webfont.ttf") format("truetype"), url("fonts/museosans_500_italic-webfont.svgmuseosans_500_italic-webfont") format("svg");
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: "MuseoSans";
	src: url("fonts/museosans_900-webfont.eot");
	src: url("fonts/museosans_900-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/museosans_900-webfont.woff2") format("woff2"), url("fonts/museosans_900-webfont.woff") format("woff"), url("fonts/museosans_900-webfont.ttf") format("truetype"), url("fonts/museosans_900-webfont.svgmuseosans_900-webfont") format("svg");
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: "MuseoSans";
	src: url("fonts/museosans-100-webfont.eot");
	src: url("fonts/museosans-100-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/museosans-100-webfont.woff2") format("woff2"), url("fonts/museosans-100-webfont.woff") format("woff"), url("fonts/museosans-100-webfont.ttf") format("truetype"), url("fonts/museosans-100-webfont.svgmuseosans-100-webfont") format("svg");
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: "MuseoSans";
	src: url("fonts/museosans-100italic-webfont.eot");
	src: url("fonts/museosans-100italic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/museosans-100italic-webfont.woff2") format("woff2"), url("fonts/museosans-100italic-webfont.woff") format("woff"), url("fonts/museosans-100italic-webfont.ttf") format("truetype"), url("fonts/museosans-100italic-webfont.svgmuseosans-100italic-webfont") format("svg");
	font-weight: 100;
	font-style: italic;
}

@font-face {
	font-family: "MuseoSans";
	src: url("fonts/museosans-300-webfont.eot");
	src: url("fonts/museosans-300-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/museosans-300-webfont.woff2") format("woff2"), url("fonts/museosans-300-webfont.woff") format("woff"), url("fonts/museosans-300-webfont.ttf") format("truetype"), url("fonts/museosans-300-webfont.svgmuseosans-300-webfont") format("svg");
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: "MuseoSans";
	src: url("fonts/museosans-300italic-webfont.eot");
	src: url("fonts/museosans-300italic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/museosans-300italic-webfont.woff2") format("woff2"), url("fonts/museosans-300italic-webfont.woff") format("woff"), url("fonts/museosans-300italic-webfont.ttf") format("truetype"), url("fonts/museosans-300italic-webfont.svgmuseosans-300italic-webfont") format("svg");
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: "MuseoSans";
	src: url("fonts/museosans-700italic-webfont.eot");
	src: url("fonts/museosans-700italic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/museosans-700italic-webfont.woff2") format("woff2"), url("fonts/museosans-700italic-webfont.woff") format("woff"), url("fonts/museosans-700italic-webfont.ttf") format("truetype"), url("fonts/museosans-700italic-webfont.svgmuseosans-700italic-webfont") format("svg");
	font-weight: 700;
	font-style: italic;
}

@font-face {
	font-family: "MuseoSans";
	src: url("fonts/museosans-900italic-webfont.eot");
	src: url("fonts/museosans-900italic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/museosans-900italic-webfont.woff2") format("woff2"), url("fonts/museosans-900italic-webfont.woff") format("woff"), url("fonts/museosans-900italic-webfont.ttf") format("truetype"), url("fonts/museosans-900italic-webfont.svgmuseosans-900italic-webfont") format("svg");
	font-weight: 900;
	font-style: italic;
}

#header {
	background: #222;
}

#header h3 {
	color: #fff;
	font-size: 19px;
	font-weight: 300;
}

.logo {
	width: 55px;
	height: 55px;
	float: left;
	margin: 14px 0 0 0;
}

.logo a {
	display: block;
}

/* Primary navigation - added January 2026 */
#header .primary-nav {
	float: left;
	margin: 50px 0 0 30px;
}

#header .primary-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 30px;
}

#header .primary-nav li {
	display: inline;
	margin: 0;
}

#header .primary-nav a {
	color: #498ce9 !important;
	text-decoration: none !important;
	font-family: "MuseoSans", "Arial", sans-serif;
	font-weight: 300;
	font-size: 24px;
	transition: opacity 0.2s;
}

#header .primary-nav a:hover {
	opacity: 0.7;
	color: #498ce9 !important;
}

/* Hide nav when search is expanded - active class added to body */
body.active #header .primary-nav {
	display: none !important;
}

.search-block {
	float: right;
}

.opener {
	display: block;
	padding: 32px 0 23px 0;
}

.opener img:hover {
	opacity: .8;
}

.form-search {
	visibility: hidden;
	padding: 17px 16px 16px 16px;
	font-family: "MuseoSans", "Arial", sans-serif;
	font-weight: 300;
	display: none;
	opacity: 0;
}

.active .form-search {
	display: block;
	opacity: 1;
	visibility: visible;
}

.active .opener {
	display: none;
}

.active .opener2 {
	display: block;
}

.search {
	position: relative;
	border: 2px solid #3a3a3a;
	border-radius: 14px;
	background: #222;
	margin: 0 0 10px 0;
}

.search fieldset {
	position: relative;
}

.search fieldset:after {
	content: "";
	width: 2px;
	background: #3a3a3a;
	position: absolute;
	top: 0;
	right: 46px;
	bottom: 0;
}

.search input[type="search"] {
	width: 100%;
	height: 52px;
	font-family: "MuseoSans", "Arial", sans-serif;
	font-size: 14px;
	color: #9a9a9a;
	padding: 8px 64px 12px 10px;
	background-color: transparent;
	border: none;
}

.search input[type="search"]::-webkit-input-placeholder {
	color: #9a9a9a;
	font-style: italic;
}

.search input[type="search"]::-moz-placeholder {
	opacity: 1;
	color: #9a9a9a;
	font-style: italic;
}

.search input[type="search"]:-moz-placeholder {
	color: #9a9a9a;
	font-style: italic;
}

.search input[type="search"]:-ms-input-placeholder {
	color: #9a9a9a;
	font-style: italic;
}

.search input[type="search"].placeholder {
	color: #9a9a9a;
	font-style: italic;
}

.search input[type="search"]:focus {
	outline: none;
}

.search .search-btn {
	position: absolute;
	top: 13px;
	right: 0;
	background-color: transparent;
	border: none;
	padding: 0 10px 0 13px;
	width: 52px;
}

.search .search-btn:focus {
	outline: none;
}

.search .search-btn:hover img {
	opacity: .8;
}

.opener2 {
	display: none;
	color: #498ce9;
	font-size: 14px;
	line-height: 28px;
	text-transform: capitalize;
	border: 2px solid #3a3a3a;
	border-radius: 14px;
	text-decoration: none;
	padding: 10px 26px 10px 26px;
	background: #222;
	text-align: center;
}

.opener2:hover {
	color: #222;
	background: #498ce9;
	border: 2px solid transparent;
}

.close-btn span {
	opacity: 0;
}

.close-btn:after,
.close-btn:before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 16px;
	left: 15%;
	right: 15%;
}

.active2 .opener2 {
	color: #222;
	background: #498ce9;
	border: 2px solid transparent;
}

.topics-page {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	visibility: hidden;
	right: 0;
	bottom: 0;
	color: #498ce9;
	background: rgba(34, 34, 34, .96);
}

.topics-page .post p a {
	color: #fff;
	text-decoration: none;
}

.topics-page .post p a:hover {
	color: #f89a3f;
}

.topics-holder {
	position: relative;
	padding: 30px 0 0 0;
}

.active2#wrapper {
	overflow: visible;
}

.active2 .topics-page {
	opacity: 1;
	visibility: visible;
	background: rgba(34, 34, 34, .96);
	top: 151px;
}

.closer {
	position: absolute;
	top: 8px;
	left: auto;
	z-index: 0;
	width: 50px;
	height: 50px;
	right: -2px;
	border-radius: 3px;
	padding: 8px 0 0 39px;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	font-weight: 800;
	font-size: 16px;
}

.closer:before,
.closer:after,
.closer span {
	position: absolute;
	top: 21px;
	left: 25%;
	z-index: auto;
	width: 25px;
	height: 3px;
	background: #498ce9;
	right: auto;
	border-radius: 10px;
	overflow: hidden;
}

.closer:hover {
	opacity: .5;
}

.closer:before,
.closer:after {
	content: "";
	top: 13px;
}

.closer:after {
	top: 29px;
}

.closer:after,
.closer:before {
	-webkit-transform: rotate(46deg);
	-ms-transform: rotate(46deg);
	transform: rotate(46deg);
	top: 20px;
	left: 23px;
}

.closer:before {
	-webkit-transform: rotate(-46deg);
	-ms-transform: rotate(-46deg);
	transform: rotate(-46deg);
}

.closer span {
	opacity: 0;
}

.widget {
	margin: 0 0 25px 0;
}

.widget.widget_pages h3 {
	margin: 0 0 8px 0;
}

.widget.widget_pages .page_item {
	display: inline-block;
}

.widget.widget_pages .page_item a {
	text-decoration: none;
	font-size: 12px;
	color: #498ce9;
}

.widget.widget_pages .page_item a:hover {
	color: #77a9ef;
}

.widget_tag_cloud {
	margin: 0 0 26px 0;
}

.widget_tag_cloud .tagcloud h3 {
	margin: 0 0 18px 0;
}

.widget_tag_cloud .tagcloud a {
	font-family: "MuseoSans", "Arial", sans-serif;
	font-weight: 300;
	color: #498ce9;
	text-decoration: none;
	line-height: 1.2;
	display: inline-block;
}

.widget_tag_cloud .tagcloud a.tag-link-9 {
	font-weight: 500;
}

.widget_tag_cloud .tagcloud a:hover {
	color: #77a9ef;
}

.widget_tag_cloud .tagcloud .tag-link-6 {
	font-size: 12px;
}

.widget_tag_cloud .tagcloud .tag-link-7 {
	font-size: 12px;
}

.widget_tag_cloud .tagcloud .tag-link-8 {
	font-size: 14px;
}

.widget_tag_cloud .tagcloud .tag-link-9 {
	font-size: 15px;
}

.post-list {
	padding: 22px 0 0 0;
	border-top: 2px solid #3a3a3a;
}

.post-list h3 {
	margin: 0 0 14px 0;
}

.post-list .post {
	margin: 0 0 16px 0;
}

.post-list .post .article-footer {
	margin: 0 0 4px 0;
}

.post-list .post .article-footer time {
	color: #a7a7a7;
	margin: 0 5px 0 0;
	font-size: 10px;
}

.post-list .post .article-footer h4 {
	display: inline;
	font-size: 13px;
	color: #fff;
	margin: 0;
	font-weight: 300;
}

.post-list .post .article-footer a {
	text-decoration: none;
	color: #fff;
}

.post-list .post .article-footer a:hover {
	color: #f89a3f;
}

.post-list .post p {
	color: #fff;
	line-height: 1.4;
	margin: 0 0 4px 0;
}

.post-list .post .more {
	position: relative;
	padding: 0 14px 0 0;
	font-size: 11px;
}

.post-list .post .more:after {
	position: absolute;
	top: 50%;
	right: 0;
	content: "\e900";
	font-family: "icomoon" !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.post-list .post .more:hover {
	color: #fab470;
}

#main {
	background: #fff;
	padding: 0 0 48px 0;
}

.visual-holder {
	max-width: 1311px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

.home #main {
	padding: 0;
}

.home .visual {
	padding: 0;
}

.home .visual .container {
	padding: 0;
}

.home .visual .image {
	background-size: cover;
	background-position: 50% 56%;
	background-repeat: no-repeat;
	min-height: 182px;
}

.home .banner .text {
	font-weight: 700;
}

.test-page #main {
	padding: 0 0 4px 0;
}

.test-page .banner h2 {
	font-size: 25px;
}

.test-page .banner h2 .text {
	display: block;
	color: #000;
	font-size: 16px;
}

.test-page .apps-list {
	padding: 10px 0 0 0;
}

.visual {
	padding: 24px 0 25px 0;
	text-align: center;
}

.visual .image-holder {
	display: inline-block;
	line-height: 0;
	margin: 0 -17px 0 -17px;
	border-radius: 3px;
}

.visual .image-holder img {
	width: 100%;
	display: inline-block;
	border-radius: 3px;
}

.box-shadow-img {
	box-shadow: 1px 5px 20px 3px rgba(124, 109, 109, .58);
}

.banner {
	background-size: 320px 190px;
	background-repeat: repeat;
	background-position: 50% 50%;
	padding: 19px 0 10px 0;
}

.banner h2 {
	font-size: 22px;
	text-align: center;
	color: #fff;
	font-weight: 300;
}

.banner h2 > strong {
	font-weight: 700;
}

.content {
	padding: 21px 0 13px 0;
}

.content .text-block {
	margin: 0 -1px 0 0;
}

.content .text-block:first-child .post:first-child p {
	display: inline;
}

.post {
	margin: 0 0 12px 0;
	line-height: 1.6;
}

.post h3 {
	font-size: 24px;
	font-weight: 300;
	margin: 0 0 5px 0;
}

.post p {
	line-height: 1.67;
}

.post .more {
	color: #f89a3f;
	text-decoration: none;
}

.post .more:hover {
	color: #f6800e;
}

.post .word {
	color: #f89a3f;
	text-decoration: none;
	font-weight: 500;
}

.post .word:hover {
	color: #f6800e;
}

.apps-list {
	padding: 0 0 30px 0;
}

.apps-list .item-set {
	position: relative;
}

.apps-list .text-holder {
	font-size: 16px;
	line-height: 18px;
	text-decoration: none;
	font-weight: 500;
	color: #222;
	display: inline-block;
	width: 100%;
	padding: 0 0 0 10px;
}

.apps-list .text-holder:hover {
	color: #54c852;
}

.apps-list .text-holder > span {
	font-weight: 300;
}

.apps-list .item {
	margin: 0 0 21px 0;
}

.apps-list .item:first-child .text-holder:hover {
	color: #aaaf1e;
}

.apps-list .item:last-child .text-holder:hover {
	color: #52c6d0;
}

.apps-list .item.alignright {
	float: none;
}

.apps-list .item.alignright .text-holder {
	padding: 0 10px 0 0;
}

.apps-list .item .hr {
	width: 100%;
	height: 1px;
	background: #ededed;
}

.apps-list .item .item-holder {
	padding: 21px 2px 0 0;
}

.apps-list .item .item-holder img {
	display: inline-block;
	border-radius: 10px 10px;
	position: relative;
	width: 100%;
}

.apps-list .item .item-holder .img-holder {
	width: 76px;
	position: relative;
	display: inline-block;
	vertical-align: top;
}

.apps-list .item .item-holder .img-holder:hover {
	opacity: .8;
}

.apps-list .item .item-holder .img-holder .shadow-block {
	position: absolute;
	bottom: 4px;
	left: 0;
	right: 0;
	border-radius: 12px 11px;
	height: 58px;
	box-shadow: 0 3px 0 0 #e5e5e5;
	z-index: 0;
}

.apps-list .item p {
	font-size: 15px;
	line-height: 1.2;
	margin: 0 0 0 12px;
	width: 75%;
}

.apps-list .item p a {
	display: inline;
	font-weight: 500;
	color: #222;
	text-decoration: none;
	float: none;
}

.hr {
	width: 100%;
	height: 1px;
	background: #ededed;
}

.yellow,
.green,
.blue {
	font-size: 14px;
}

.yellow {
	color: #aaaf1e;
}

.green {
	color: #54c852;
}

.blue {
	color: #52c6d0;
}

.info-links {
	padding: 19px 0 21px 0;
	background: #ececec;
}

.info-links ul {
	text-align: center;
	overflow: hidden;
}

.info-links li {
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin: 0 14px 0 0;
	font-family: "MuseoSans", "Arial", sans-serif;
	font-weight: 500;
	font-size: 11px;
	color: #498ce9;
}

.info-links li:first-child {
	position: relative;
}

.info-links li:first-child:before {
	display: none;
}

.info-links li:first-child:first-child a {
	position: relative;
	display: inline-block;
	padding: 0 10px 0 0;
}

.info-links li:first-child:first-child a:after {
	width: 9px;
	height: 8px;
	content: "";
	background: url(images/img08.png) no-repeat;
	background-size: cover;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.info-links li:first-child:first-child a:hover:after {
	width: 9px;
	height: 8px;
	content: "";
	background: url(images/img08-hover.png) no-repeat;
	background-size: cover;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.info-links li:first-child:first-child a:hover a {
	color: #1c6fe4;
}

.info-links li.active a {
	color: #f89a3f;
}

.info-links li:before {
	width: 3px;
	height: 3px;
	position: absolute;
	left: -10px;
	top: 50%;
	-webkit-transform: translateX(50%);
	-ms-transform: translateX(50%);
	transform: translateX(50%);
	content: "";
	background: #fff;
	border-radius: 100%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.info-links a {
	text-decoration: none;
	color: #498ce9;
}

.info-links a:hover {
	color: #1c6fe4;
}

.items-holder {
	background: #222;
}

.aside-text {
	text-align: center;
	padding: 28px 0 12px 0;
}

.aside-text h3 {
	color: #fff;
	font-weight: 300;
	font-size: 14px;
	margin: 0 0 9px 0;
}

.aside-text p {
	font-size: 13px;
	color: #a7a7a7;
}

.aside-text p .separator {
	display: inline-block;
}

.list-items {
	padding: 28px 0 25px 0;
	text-align: center;
}

.list-items h3 {
	font-size: 14px;
	color: #fff;
	margin: 0 0 20px 0;
	font-weight: 300;
}

.list-items h3 > strong {
	font-weight: 700;
}

.list-items .item-holder {
	text-align: center;
}

.list-items .hr {
	width: 2px;
	height: 100%;
	display: inline-block;
	vertical-align: top;
	background: #282828;
	position: absolute;
	top: 0;
	margin: 0 0 0 -16px;
}

.list-items ul {
	text-align: center;
	position: relative;
}

.list-items li {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	width: 15%;
	margin: 0 0 0 38px;
}

.list-items li:first-child {
	margin: 0;
}

.list-items a {
	display: inline-block;
	text-decoration: none;
	font-family: "MuseoSans", "Arial", sans-serif;
	font-weight: 500;
	font-size: 10px;
}

.list-items a:hover .title {
	color: #fff;
}

.list-items a img {
	margin: 0 0 3px 0;
}

.list-items .title {
	display: block;
}

.inner .visual {
	padding: 0;
	background-repeat: repeat;
	background-position: 50% 50%;
}

.inner .visual .container {
	padding: 0;
}

/* Added January 2026 - match .home .visual .image for template-wide.php pages */
.inner .visual .image {
	background-size: cover;
	background-position: 50% 56%;
	background-repeat: no-repeat;
	min-height: 182px;
}

.inner .info-links {
	padding-bottom: 12px;
}

.inner .info-links p {
	text-align: center;
	color: #989898;
	font-family: "MuseoSans", "Arial", sans-serif;
	font-weight: 300;
	border-bottom: 2px solid #f4f4f4;
	padding: 0 0 19px 0;
	margin: 0 0 17px 0;
}

.inner .info-links p time {
	font-weight: 500;
	font-size: 11px;
}

.inner .info-links p a {
	color: #f89a3f;
	font-weight: 500;
}

.inner .info-links p a:hover {
	color: #f6800e;
}

.inner .info-links a {
	text-decoration: none;
	color: #498ce9;
}

.inner .info-links a:hover {
	color: #1c6fe4;
}

#twocolumns {
	padding: 23px 0 0 0;
}

.inner .ajax-container h1 {
	text-align: center;
	font-size: 30px;
	font-weight: 300;
	border-bottom: 2px solid #f4f4f4;
	margin: 0 0 19px 0;
	padding: 0 0 21px 0;
}

.inner h1 {
	text-align: center;
	font-size: 30px;
	font-weight: 300;
	border-bottom: 2px solid #f4f4f4;
	margin: 0 0 19px 0;
	padding: 0 0 21px 0;
}

.ajax-container {
	margin: 0 0 18px 0;
	line-height: 1.6;
}

.ajax-container h3 {
	margin: 0 0 6px 0;
	line-height: 1.3;
}

.ajax-container a {
	text-decoration: none;
	color: #f89a3f;
}

.ajax-container a:hover {
	color: #f6800e;
}

.ajax-container p {
	margin: 0 0 8px 0;
	line-height: 1.65;
}

.ajax-container p + h3 {
	padding-top: 11px;
}

#content {
	padding: 0 0 16px 0;
	margin: 0 0 19px 0;
	border-bottom: 2px solid #f4f4f4;
}

#content .video-block {
	margin: 0 0 22px 0;
}

#content .video-block .vids-block {
	width: 100%;
	overflow: hidden;
	margin: 0 0 3px 0;
}

#content .video-block .img-caption {
	display: block;
	color: #808080;
	font-size: 13px;
	font-style: italic;
}

#content .post {
	margin: 0 0 18px 0;
	line-height: 1.6;
}

#content .post h3 {
	margin: 0 0 6px 0;
	line-height: 1.3;
}

#content .post a {
	text-decoration: none;
	color: #f89a3f;
}

#content .post a:hover {
	color: #f6800e;
}

#content .post p {
	margin: 0 0 8px 0;
	line-height: 1.65;
}

#content .post p + h3 {
	padding-top: 11px;
}

#content .post .video-block.video-inner {
	float: right;
	width: 37%;
	margin: 0 0 0 10px;
	padding: 6px 0 0 0;
}

#content .post .video-block.video-inner .vids-block {
	margin: 0 0 3px 0;
}

#content .post .video-block.video-inner .img-caption {
	text-align: right;
}

#content ul > li {
	position: relative;
	padding: 0 0 0 15px;
	margin: 0 0 6px 0;
	line-height: 1.6;
}

#content ul > li:before {
	position: absolute;
	top: 5px;
	left: 0;
	z-index: 0;
	width: 5px;
	height: 5px;
	content: "";
	background: #f89a3f;
	border-radius: 100%;
}

.blockquote-block {
	background: #f5f5f5;
	margin: 0 0 26px 0;
	padding: 17px 28px 14px 21px;
}

.blockquote-block.blockquotes {
	position: relative;
}

.blockquote-block.blockquotes:after {
	content: "";
	width: 0;
	height: 0;
	border-left: 17px solid transparent;
	border-bottom: 18px solid #fff;
	position: absolute;
	bottom: 0;
	right: 76px;
}

.blockquote-block.blockquotes q {
	margin: 0 0 6px 0;
}

.blockquote-block q {
	font-style: italic;
	display: block;
	line-height: 1.5;
}

.blockquote-block q.quotes {
	margin: 0 0 10px 0;
}

.blockquote-block q.quotes:before,
.blockquote-block q.quotes:after {
	display: none;
}

.blockquote-block .quote-mark {
	color: #808080;
	font-style: normal;
}

.blockquote-block .cite-holder .logo-quote {
	display: inline-block;
}

.blockquote-block .cite-holder .logo-quote.logo-new-york img {
	width: 106px;
	height: 19px;
}

.blockquote-block .cite-holder .logo-quote a {
	display: block;
}

.blockquote-block .cite-holder .logo-quote img {
	width: 94px;
	height: 16px;
}

.blockquote-block .cite-holder cite {
	text-align: right;
	color: #808080;
	font-style: normal;
	line-height: 1.5;
	margin: 0 0 2px;
	font-size: 14px;
}

.inner .comments .commentlist-item .commentlist-item {
	padding-left: 2em;
}

.inner .comments .commentlist-item #comment-1 .commentlist-holder {
	border-top: none;
	padding-top: 0;
}

.inner .comment-respond .form-submit {
	margin: 0 0 16px 0;
	float: none;
}

.comments {
	padding: 45px 0 10px 0;
	border-top: 2px solid #f4f4f4;
	border-bottom: 2px solid #f4f4f4;
}

.comments h3 {
	padding: 0 36px 0 0;
	margin: 0 0 12px 0;
	font-size: 22px;
	font-weight: 300;
}

.comments h3 strong {
	font-weight: 500;
}

.comments .commentlist {
	margin: 0;
}

.comments .commentlist-holder {
	border-top: 2px solid #f4f4f4;
	padding: 18px 0 0 0;
}

.comments .commentlist-holder a {
	font-size: 14px;
	font-weight: 500;
}

.comments .commentlist-holder a:hover {
	color: #f6800e;
}

.comments .commentlist-holder .comment-reply-link {
	font-family: "MuseoSans", "Arial", sans-serif;
	font-size: 15px;
	border: 1px solid #ececec;
	border-radius: 6px;
	padding: 4px 13px 4px 13px;
}

.comments .commentlist-holder .comment-reply-link:hover {
	background: #f89a3f;
	color: #fff;
	border: 1px solid transparent;
}

.comments .commentlist-holder p {
	font-size: 12px;
	line-height: 1.5;
	padding: 6px 0 0 0;
	margin: 0 0 6px 0;
}

.comments .commentlist-holder .edit-link {
	display: inline-block;
	margin: 0 0 0 4px;
}

.comments .commentlist-holder .edit-link .comment-edit-link {
	font-family: "MuseoSans", "Arial", sans-serif;
	font-size: 13px;
	border: 1px solid #ececec;
	border-radius: 5px;
	padding: 4px 22px 4px 18px;
}

.comments .commentlist-holder .edit-link .comment-edit-link:hover {
	background: #498ce9;
	color: #fff;
	border: 1px solid transparent;
}

.comments a {
	text-decoration: none;
}

.comments .meta {
	display: inline;
}

.comments .meta a {
	color: #808080;
}

.search-form {
	margin: 0 0 10px 0;
}

.comment-respond {
	padding: 16px 0 0 0;
}

.comment-respond #reply-title {
	font-size: 16px;
	font-weight: 500;
}

.comment-respond .comment-form textarea {
	width: 100%;
	height: 131px;
	min-height: 131px;
	border: 2px solid #ececec;
	border-radius: 5px;
	resize: none;
	margin: 0;
	-webkit-appearance: none;
}

.comment-respond .comment-form textarea:focus {
	outline: none;
	border: 1px solid #999;
}

.comment-respond .comment-form .logged-in-as {
	font-size: 14px;
	margin: 0 0 15px 0;
	color: #808080;
}

.comment-respond .comment-form .logged-in-as a {
	text-decoration: none;
	color: #f89a3f;
}

.comment-respond .comment-form .logged-in-as a:hover {
	color: #f6800e;
}

.comment-respond .comment-form .logged-in-as a:first-child {
	color: #808080;
	font-weight: 500;
}

.comment-respond .comment-form .logged-in-as a:first-child:hover {
	color: #498ce9;
}

.comment-respond .comment-form .comment-form-comment {
	margin: 0 0 7px 0;
}

.comment-respond .comment-form input[type="submit"] {
	width: 100%;
	height: 38px;
	padding: 0 21px;
	background: #fff;
	border: 2px solid #ececec;
	border-radius: 5px;
	color: #f89a3f;
	font-family: "MuseoSans", "Arial", sans-serif;
	font-weight: 500;
}

.comment-respond .comment-form input[type="submit"]:focus {
	outline: none;
}

.comment-respond .comment-form input[type="submit"]:hover:hover {
	background: #f89a3f;
	color: #fff;
	border: 2px solid transparent;
}

.comment-respond .comment-form .form-submit {
	float: none;
}

.comment-respond .row {
	display: inline-block;
	vertical-align: top;
}

.comment-respond .row label {
	font-size: 14px;
	color: #808080;
}

.comment-respond .row label:first-child {
	margin: 0 0 10px 0;
}

#sidebar a {
	text-decoration: none;
}

#sidebar .widget {
	border-bottom: 2px solid #f4f4f4;
	margin: 0 0 13px 0;
	padding: 0 0 8px 0;
}

#sidebar .widget:last-child {
	border: none;
}

#sidebar .widget.inner-text {
	margin: 0 0 10px 0;
}

#sidebar .widget.inner-text h3 {
	margin: 0 0 5px 0;
}

#sidebar .widget.inner-text h2 {
	font-size: 12px;
	font-weight: 500;
	margin: 0;
}

#sidebar .widget.inner-text p a {
	color: #222;
}

#sidebar .widget.inner-text p a:hover {
	color: #f89a3f;
}

#sidebar .widget h3 {
	font-size: 15px;
	font-weight: 500;
	margin: 0 0 7px 0;
}

#sidebar .widget p {
	font-size: 14px;
	margin: 0 0 4px 0;
}

#sidebar .widget .post {
	font-size: 12px;
	margin: 0 0 9px 0;
}

#sidebar .widget .post p {
	line-height: 1.5;
	margin: 0;
}

#sidebar .widget .post a {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	line-height: 1.5;
	font-weight: 500;
}

#sidebar .widget .post a:hover {
	color: #f6800e;
}

#sidebar .widget .post a i {
	display: inline-block;
	vertical-align: top;
	line-height: 1.5;
	margin: 0 0 0 3px;
}

#sidebar .thumbnail-block h3 {
	margin: 0;
}

#sidebar .thumbnail-block a:hover {
	color: #498ce9;
}

#sidebar .thumbnail-block {
	padding: 0 0 7px 0;
}

#sidebar .thumbnail-block .post {
	margin: 0 0 4px 0;
}

#sidebar .thumbnail-block .thumbnail-post {
	margin: 0 0 29px 0;
}

#sidebar .thumbnail-block .thumbnail-post .image-holder {
	float: left;
	width: 26.5%;
	margin: 4px 10px 0 0;
}

#sidebar .thumbnail-block .thumbnail-post .image-holder img {
	width: 100%;
}

#sidebar .thumbnail-block .thumbnail-post .text-holder {
	overflow: hidden;
	font-size: 12px;
}

#sidebar .thumbnail-block .thumbnail-post .text-holder h3 {
	margin: 0 0 4px 0;
}

#sidebar .thumbnail-block .thumbnail-post .text-holder p {
	line-height: 1.6;
	margin: 0;
}

#sidebar .thumbnail-block .thumbnail-post .text-holder a {
	font-weight: 500;
	display: inline-block;
	vertical-align: middle;
}

#sidebar .thumbnail-block .thumbnail-post .text-holder a:hover {
	color: #f6800e;
}

#sidebar .thumbnail-block .thumbnail-post .text-holder a i {
	display: inline-block;
	vertical-align: top;
}

#sidebar .thumbnail-block .video-block {
	margin: 0 0 11px 0;
}

#sidebar .thumbnail-block .video-block .video-holder.vids-block {
	overflow: hidden;
	width: 100%;
	margin: 0 0 5px 0;
}

#sidebar .thumbnail-block .video-block .video-holder .fluid-width-video-wrapper {
	min-height: 145px;
}

#sidebar .thumbnail-block .video-block a {
	font-weight: 500;
}

#sidebar .thumbnail-block .video-block a:hover {
	color: #f6800e;
}

h1.links-set {
	margin: 0 0 8px 0;
	padding: 0 !important;
	text-align: left;
	border: none;
	font-size: 19px;
}

h2.links-set {
	font-size: 13px;
	margin: 0 0 8px 0;
}

h3.links-set {
	font-size: 12px;
	margin: 0 0 8px 0;
}

h4.links-set {
	margin: 0 0 8px 0;
	padding: 0;
	text-align: left;
	font-size: 19px;
	border: none;
}

h4.links-set .large-btn {
	padding: 8px 11px 8px 11px;
}

h5.links-set {
	font-size: 15px;
	margin: 0 0 8px 0;
}

h5.links-set .medium-btn {
	padding: 3px 8px 3px 8px;
}

h6.links-set {
	font-size: 13px;
	margin: 0 0 8px 0;
}

h6.links-set .small-btn {
	display: inline-block;
	padding: 4px 7px 4px 7px;
}

.links-set a {
	font-weight: 500;
	display: inline-block;
	text-decoration: none;
}

.links-set a:hover {
	color: #f6800e;
}

.links-set .btn {
	display: inline-block;
	font-family: "MuseoSans", "Arial", sans-serif;
	font-weight: 500;
	border-radius: 6px;
	background: #fff;
	color: #f89a3f;
	border: 2px solid #ececec;
}

.links-set .btn:hover {
	background: #f89a3f;
	color: #fff !important;
	border: 2px solid transparent;
}

.links-set .orange-bg {
	background: #f89a3f;
	color: #fff !important;
	border: 2px solid transparent;
}

.links-set .orange-bg:hover {
	background: #fff;
	color: #f89a3f !important;
	border: 2px solid #ececec;
}

table {
	width: 100%;
	max-width: 500px;
}

.widget a:hover {
	color: #f6800e;
}

.pagination .nav-links .page-numbers.active {
	color: #f89a3f;
}

.navigation-comments .page-numbers.active {
	color: #f89a3f;
}

.navigation .page-numbers {
	padding: 1.2em;
}

.navigation .page-numbers.next {
	padding: .4em;
}

/*img-posts style*/

/*about-holder style*/

.about-holder .about-post {
	overflow: hidden;
}

.about-holder .about-post:nth-child(2n) .img-holder {
	float: left;
	text-align: left;
	margin: 0 10px 10px 0;
}

.about-holder .img-holder {
	width: 37%;
	float: right;
	text-align: right;
	margin: 0 0 10px 10px;
}

.about-holder .img-holder a {
	display: block;
	margin: 0 0 10px;
}

.about-holder .img-holder img {
	vertical-align: top;
	width: 100%;
}

.about-holder .img-holder p {
	margin: 0;
}

.about-holder .img-caption {
	display: block;
	color: #808080;
	font-size: 13px;
	font-style: italic;
}

/* custom checkbox styles */

.jcf-checkbox {
	width: 16px;
	height: 16px;
	vertical-align: middle;
	display: inline-block;
	position: relative;
	overflow: hidden;
	cursor: default;
	background: #fff;
	border: 1px solid #ececec;
	margin: 0 8px 0 0;
	border-radius: 3px;
}

.jcf-checkbox span {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 0;
	width: 9px;
	height: 6px;
	display: none;
	margin: -8px 0 0 -7px;
	border-radius: 2px;
	border: 3px solid #f89a3f;
	border-width: 0 0 3px 3px;
	-webkit-transform: rotate(-46deg);
	-ms-transform: rotate(-46deg);
	transform: rotate(-46deg);
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')";
}

:root .jcf-checkbox span {
	margin: -4px 0 0 -5px;
}

.jcf-checkbox input[type="checkbox"] {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	border: 0;
	margin: 0;
}

.jcf-checkbox.jcf-checked span {
	display: block;
}

/* common custom form elements styles */

.jcf-disabled {
	background: #ddd !important;
}

.subscribe-label {
	font-size: 11px;
	color: #808080;
}

.subscribe-label:first-child {
	margin: 0 0 10px 0;
}

.comment-subscription-form {
	display: inline-block;
	vertical-align: top;
}

.form-submit {
	float: left;
}

.comment-subscription-form {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 12px 12px;
}

.subscribe-label {
	color: #808080;
}

#footer {
	background: #222;
	text-align: center;
	padding: 0 0 18px 0;
	font-family: "MuseoSans", "Arial", sans-serif;
	font-weight: 300;
}

#footer .page-nav {
	border-top: 2px solid #2d2d2d;
	padding: 23px 0 20px 0;
}

#footer li {
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin: 0 0 0 17px;
	font-size: 9px;
}

#footer li:first-child {
	margin: 0;
	padding: 0;
}

#footer li:first-child:before {
	display: none;
}

#footer li:last-child {
	color: #a7a7a7;
}

#footer li:last-child a {
	color: #a7a7a7;
	font-size: 9px;
}

#footer li:last-child a:hover {
	color: #f89a3f;
}

#footer li.active a {
	color: #fff;
}

#footer li:before {
	position: absolute;
	top: 50%;
	left: -11px;
	z-index: 999;
	width: 3px;
	height: 3px;
	content: "";
	background: #3e3e3e;
	border-radius: 100%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

#footer a {
	font-size: 9px;
	color: #f89a3f;
	text-decoration: none;
}

#footer a:hover {
	color: #fff;
}

body {
	font-weight: 300;
	background: #222;
}

#wrapper {
	max-width: 100%;
	position: relative;
	overflow: hidden;
}

.container {
	max-width: 1200px;
	margin: 0 auto;
}

#twocolumns > .container #content:only-child {
	width: 100% !important;
}

@media (min-width: 480px) {
	.home .visual .image,
	.inner .visual .image {
		min-height: 270px;
	}

	.apps-list .item p {
		width: 77%;
	}

	.list-items .hr {
		margin: 0 0 0 -13px;
	}
}

@media (min-width: 768px) {
	.commentlist-item .commentlist-item {
		padding: 0 0 0 2em;
	}

	#header h3 {
		font-size: 32px;
	}

	.logo {
		width: 95px;
		height: 95px;
		margin: 12px 0 0 5px;
		position: relative;
		z-index: 9999;
	}

	.search-block {
		position: relative;
	}

	.opener {
		padding: 45px 15px 39px 0;
		margin: 0 -14px 0 0;
		height: 128px;
		position: relative;
	}

	.opener:before,
	.opener:after {
		content: "";
		width: 9999px;
		height: 100%;
		position: absolute;
		top: 0;
		left: 100%;
		pointer-events: none; /* Allow clicks to pass through to nav links */
	}

	.opener:before {
		left: auto;
		right: 100%;
	}

	.form-search {
		float: right;
		width: 595px;
		margin: 0 -14px 0 0;
		padding: 32px 0 26px 0;
		height: 128px;
	}

	.search {
		float: right;
		width: 365px;
		margin: 0 0 0 14px;
		border-radius: 14px;
	}

	.search fieldset:after {
		right: 72px;
	}

	.search input[type="search"] {
		width: 100%;
		height: 65px;
		font-size: 24px;
		padding: 8px 90px 12px 16px;
	}

	.search .search-btn {
		width: 68px;
		top: 11px;
	}

	.opener2 {
		float: right;
		font-size: 24px;
		padding: 17px 25px 20px 26px;
		text-align: left;
	}

	.topics-holder {
		padding: 65px 0 0 0;
	}

	.active2 .topics-page {
		top: 122px;
	}

	.closer:before,
	.closer:after,
	.closer span {
		width: 36px;
		height: 5px;
	}

	.closer {
		font-size: 20px;
		padding-top: 6px;
		top: 35px;
		right: 28px;
	}

	.widget {
		margin: 0 0 35px 0;
	}

	.widget.widget_pages h3 {
		margin: 0 0 25px 0;
	}

	.widget.widget_pages .page_item a {
		font-size: 20px;
	}

	.widget_tag_cloud {
		margin: 0 0 40px 0;
	}

	.widget_tag_cloud .tagcloud .tag-link-6 {
		font-size: 20px;
	}

	.widget_tag_cloud .tagcloud .tag-link-7 {
		font-size: 24px;
	}

	.widget_tag_cloud .tagcloud .tag-link-8 {
		font-size: 28px;
	}

	.widget_tag_cloud .tagcloud .tag-link-9 {
		font-size: 30px;
	}

	.post-list {
		padding: 33px 0 0 0;
	}

	.post-list h3 {
		margin: 0 0 23px 0;
	}

	.post-list .post {
		margin: 0 0 30px 0;
	}

	.post-list .post .article-footer {
		margin: 0 0 8px 0;
	}

	.post-list .post .article-footer time {
		font-size: 20px;
		margin: 0 10px 0 0;
	}

	.post-list .post .article-footer h4 {
		font-size: 24px;
	}

	.post-list .post p {
		margin: 0 0 10px 0;
	}

	.post-list .post .more {
		font-size: 20px;
		padding: 0 28px 0 0;
	}

	#main {
		padding: 0 0 32px 0;
		overflow: hidden;
	}

	.visual-holder:before {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 0;
		content: "";
		width: 207px;
		background: -webkit-linear-gradient(right, rgba(255, 255, 255, .01) 0%, rgba(255, 255, 255, .02) 10%, rgba(255, 255, 255, .02) 16%, rgba(255, 255, 255, .02) 22%, rgba(255, 255, 255, .1) 28%, rgba(255, 255, 255, .34) 37%, rgba(255, 255, 255, .48) 42%, rgba(255, 255, 255, .6) 48%, rgba(255, 255, 255, .7) 53%, rgba(255, 255, 255, .8) 58%, rgba(255, 255, 255, .89) 66%, rgba(255, 255, 255, .96) 76%, #fff 90%, #fff 77%, #fff 90%, #fff 100%);
		background: linear-gradient(to left, rgba(255, 255, 255, .01) 0%, rgba(255, 255, 255, .02) 10%, rgba(255, 255, 255, .02) 16%, rgba(255, 255, 255, .02) 22%, rgba(255, 255, 255, .1) 28%, rgba(255, 255, 255, .34) 37%, rgba(255, 255, 255, .48) 42%, rgba(255, 255, 255, .6) 48%, rgba(255, 255, 255, .7) 53%, rgba(255, 255, 255, .8) 58%, rgba(255, 255, 255, .89) 66%, rgba(255, 255, 255, .96) 76%, #fff 90%, #fff 77%, #fff 90%, #fff 100%);
		bottom: 0;
	}

	.visual-holder:after {
		content: "";
		width: 207px;
		background: -webkit-linear-gradient(left, rgba(255, 255, 255, .01) 0%, rgba(255, 255, 255, .02) 10%, rgba(255, 255, 255, .02) 16%, rgba(255, 255, 255, .02) 22%, rgba(255, 255, 255, .1) 28%, rgba(255, 255, 255, .34) 37%, rgba(255, 255, 255, .48) 42%, rgba(255, 255, 255, .6) 48%, rgba(255, 255, 255, .7) 53%, rgba(255, 255, 255, .8) 58%, rgba(255, 255, 255, .89) 66%, rgba(255, 255, 255, .96) 76%, #fff 90%, #fff 77%, #fff 90%, #fff 100%);
		background: linear-gradient(to right, rgba(255, 255, 255, .01) 0%, rgba(255, 255, 255, .02) 10%, rgba(255, 255, 255, .02) 16%, rgba(255, 255, 255, .02) 22%, rgba(255, 255, 255, .1) 28%, rgba(255, 255, 255, .34) 37%, rgba(255, 255, 255, .48) 42%, rgba(255, 255, 255, .6) 48%, rgba(255, 255, 255, .7) 53%, rgba(255, 255, 255, .8) 58%, rgba(255, 255, 255, .89) 66%, rgba(255, 255, 255, .96) 76%, #fff 90%, #fff 77%, #fff 90%, #fff 100%);
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.home .visual .image,
	.inner .visual .image {
		margin: -41px -8% 0;
		min-height: 542px;
		background-position: 50% 100%;
	}

	.test-page .banner {
		padding: 27px 0 13px 0;
		margin: 0 0 83px 0;
	}

	.test-page .banner h2 {
		font-size: 42px;
	}

	.test-page .banner h2 .text {
		font-size: 26px;
		padding: 5px 0 0 0;
	}

	.test-page .apps-list {
		padding: 30px 0 80px 0;
	}

	.test-page #footer {
		padding: 0 0 25px 0;
	}

	.visual {
		padding: 45px 0 38px 0;
	}

	.visual .image-holder {
		border-radius: 9px;
		margin: 0;
	}

	.visual .image-holder img {
		border-radius: 9px;
	}

	.banner {
		background-size: 1600px 602px;
		padding: 42px 0 27px 0;
	}

	.banner h2 {
		font-size: 34px;
	}

	.content {
		padding: 45px 0 46px 0;
	}

	.content .text-block {
		float: left;
		width: 47.1%;
		margin: 0;
	}

	.content .text-block:last-child {
		margin: 0 0 0 5.3%;
	}

	.post {
		margin: 0 0 26px 0;
		line-height: 1.7;
	}

	.post h3 {
		margin: 0 0 10px 0;
		font-size: 29px;
	}

	.post p {
		line-height: 1.7;
	}

	.apps-list .item-set {
		margin: 0 -2.5%;
	}

	.apps-list .text-holder {
		font-size: 19px;
		line-height: 21px;
		padding: 0 35px;
	}

	.apps-list .item.alignright {
		float: left;
	}

	.apps-list .item.alignright .text-holder {
		padding: 0 22px;
	}

	.apps-list .item {
		float: left;
		width: 33.3%;
		padding: 0 2%;
		margin: 0 0 21px 0;
	}

	.apps-list .item .hr {
		width: 1px;
		height: 100%;
		display: inline-block;
		vertical-align: top;
		background: #ededed;
		position: absolute;
		top: 0;
		margin: 0 0 0 -18px;
	}

	.apps-list .item .item-holder {
		padding: 0;
		text-align: center;
	}

	.apps-list .item .item-holder img {
		border-radius: 27px 27px;
	}

	.apps-list .item .item-holder .img-holder {
		display: inline-block;
		width: 46%;
		margin: 0 0 35px 0;
	}

	.apps-list .item .item-holder .img-holder .shadow-block {
		border-radius: 26px 26px;
		bottom: 6px;
		left: 1px;
		right: 1px;
		height: 55px;
		box-shadow: 0 4px 0 0 #e5e5e5;
	}

	.apps-list .item p {
		display: inline-block;
		font-size: 19px;
		overflow: inherit;
	}

	.hr {
		display: inline-block;
		vertical-align: top;
		width: 1px;
		position: absolute;
		top: 0;
		bottom: 0;
	}

	.yellow,
	.green,
	.blue {
		font-size: 17px;
	}

	.info-links {
		padding: 41px 0 40px 0;
	}

	.info-links li:first-child:first-child a:after {
		width: 17px;
		height: 17px;
	}

	.info-links li:first-child:first-child a:hover:after {
		width: 17px;
		height: 17px;
	}

	.info-links li:first-child:first-child a {
		padding: 0 23px 0 0;
	}

	.info-links li:before {
		width: 5px;
		height: 5px;
		left: -17px;
	}

	.info-links li {
		margin: 0 24px 0 0;
		font-size: 20px;
	}

	.aside-text {
		padding: 46px 0 15px 0;
	}

	.aside-text h3 {
		font-size: 26px;
		margin: 0 0 16px 0;
	}

	.aside-text p {
		font-size: 22px;
	}

	.aside-text p .separator {
		display: none;
	}

	.list-items {
		padding: 46px 0 44px 0;
	}

	.list-items h3 {
		font-size: 26px;
		margin: 0 0 38px 0;
		padding: 0;
	}

	.list-items .hr {
		margin: 0 0 0 -18px;
	}

	.list-items li {
		margin: 0 0 0 6%;
		width: auto;
	}

	.list-items a {
		font-size: 18px;
	}

	.list-items .separator {
		display: none;
	}

	.inner .visual {
		background-size: 1600px 962px;
	}

	.inner .info-links {
		padding-bottom: 39px;
	}

	.inner .info-links p time {
		font-size: 20px;
	}

	#twocolumns {
		padding: 40px 0 0 0;
	}

	.inner .ajax-container h1 {
		font-size: 37px;
		margin: 0 0 43px 0;
		padding: 0 0 39px 0;
	}

	.inner h1 {
		font-size: 37px;
		margin: 0 0 43px 0;
		padding: 0 0 39px 0;
	}

	.ajax-container {
		margin: 0 0 50px 0;
		line-height: 1.7;
	}

	.ajax-container h3 {
		margin: 0 0 17px 0;
	}

	.ajax-container p {
		margin: 0 0 21px 0;
	}

	#content .video-block {
		padding: 0;
		margin: 0 -1px 28px 0;
	}

	#content .video-block .vids-block {
		margin: 0 0 15px 0;
	}

	#content .video-block .img-caption {
		font-size: 17px;
	}

	#content .post {
		margin: 0 0 50px 0;
		line-height: 1.7;
	}

	#content .post h3 {
		margin: 0 0 17px 0;
	}

	#content .post p {
		margin: 0 0 21px 0;
	}

	#content .post .video-block.video-inner {
		margin: 0 -2px 0 18px;
		width: 270px;
	}

	#content .post .video-block.video-inner .vids-block {
		margin: 0 0 11px 0;
	}

	#content ul > li:before {
		width: 9px;
		height: 9px;
		top: 11px;
	}

	#content ul > li {
		padding: 0 0 0 29px;
		line-height: 1.7;
		margin: 0 0 10px 0;
	}

	.blockquote-block.blockquotes:after {
		border-left: 27px solid transparent;
		border-bottom: 30px solid #fff;
		right: 146px;
	}

	.blockquote-block.blockquotes q {
		margin: 0 0 19px 0;
	}

	.blockquote-block {
		padding: 32px 28px 14px 37px;
		margin: 0 0 37px 0;
	}

	.blockquote-block q.quotes {
		margin: 0 0 22px 0;
	}

	.blockquote-block q {
		line-height: 1.8;
		letter-spacing: .4px;
	}

	.blockquote-block .cite-holder {
		width: 100%;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: end;
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		margin: 0 0 19px 0;
	}

	.blockquote-block .cite-holder .logo-quote.logo-new-york img {
		width: 212px;
		height: 37px;
	}

	.blockquote-block .cite-holder .logo-quote {
		margin: 0 5px 0 26px;
	}

	.blockquote-block .cite-holder .logo-quote img {
		width: 189px;
		height: 32px;
	}

	.blockquote-block .cite-holder cite {
		margin: 0;
	}

	.inner .comments .commentlist-item {
		padding-top: 10px;
	}

	.inner .comment-respond .form-submit {
		display: inline-block;
		float: left;
	}

	.comments {
		padding-bottom: 16px;
	}

	.comments h3 {
		margin: 0 0 12px 0;
		padding: 0;
		font-size: 29px;
	}

	.comments .comment {
		margin: 0 0 5px 0;
	}

	.comments .commentlist-holder {
		padding: 25px 0 0 0;
	}

	.comments .commentlist-holder a {
		font-size: 15px;
	}

	.comments .commentlist-holder .comment-reply-link {
		font-size: 15px;
		border-radius: 8px;
		border: 2px solid #ececec;
		padding: 6px 8px 6px 7px;
	}

	.comments .commentlist-holder p {
		font-size: 17px;
		padding: 12px 0 0 0;
		margin: 0 0 9px 0;
	}

	.comments .commentlist-holder .edit-link .comment-edit-link {
		font-size: 13px;
		border-radius: 8px;
		padding: 4px 6px 4px 6px;
		border: 2px solid #ececec;
	}

	.comment-respond {
		padding: 20px 0 0 0;
	}

	.comment-respond #reply-title {
		font-size: 19px;
	}

	.comment-respond .comment-form textarea {
		height: 170px;
		min-height: 170px;
		border-radius: 10px;
	}

	.comment-respond .comment-form .logged-in-as {
		font-size: 17px;
		margin: 0 0 21px 0;
	}

	.comment-respond .comment-form .comment-form-comment {
		margin: 0 0 18px 0;
	}

	.comment-respond .comment-form input[type="submit"] {
		width: auto;
		height: 64px;
		border-radius: 10px;
	}

	.comment-respond .row {
		margin: 0 0 0 12px;
	}

	.comment-respond .row label:first-child {
		margin: 0 0 8px 0;
	}

	.comment-respond .row label {
		font-size: 15px;
	}

	#sidebar .widget {
		margin: 0 0 28px 0;
		padding: 0 0 5px 0;
	}

	#sidebar .widget.inner-text h2 {
		font-size: 17px;
	}

	#sidebar .widget h3 {
		font-size: 17px;
	}

	#sidebar .widget p {
		font-size: 15px;
		margin: 0;
	}

	#sidebar .widget .post {
		font-size: 17px;
		margin: 0 0 19px 0;
	}

	#sidebar .thumbnail-block {
		padding: 14px 0 21px 0;
	}

	#sidebar .thumbnail-block .post {
		margin: 0 0 21px 0;
	}

	#sidebar .thumbnail-block .thumbnail-post {
		margin: 0 0 38px 0;
	}

	#sidebar .thumbnail-block .thumbnail-post .image-holder {
		margin: 4px 18px 0 0;
	}

	#sidebar .thumbnail-block .thumbnail-post .text-holder {
		font-size: 16px;
	}

	#sidebar .thumbnail-block .thumbnail-post .text-holder h3 {
		margin: 0 0 5px 0;
	}

	#sidebar .thumbnail-block .thumbnail-post .text-holder p {
		margin: 0 0 2px 0;
	}

	#sidebar .thumbnail-block .video-block .video-holder .fluid-width-video-wrapper {
		min-height: 203px;
	}

	#sidebar .thumbnail-block .video-block a {
		font-size: 18px;
	}

	h1.links-set {
		font-size: 24px;
		margin: 0 0 16px 0;
	}

	h2.links-set {
		font-size: 18px;
		margin: 0 0 16px 0;
	}

	h3.links-set {
		font-size: 16px;
		margin: 0 0 16px 0;
	}

	h4.links-set {
		font-size: 23px;
		margin: 0 0 14px 0;
	}

	h4.links-set .large-btn {
		padding: 14px 18px 14px 18px;
	}

	h5.links-set {
		font-size: 17px;
		margin: 0 0 14px 0;
	}

	h5.links-set .medium-btn {
		padding: 8px 13px 8px 13px;
	}

	h6.links-set {
		font-size: 13px;
		margin: 0 0 14px 0;
	}

	h6.links-set .small-btn {
		padding: 8px 9px 8px 9px;
	}

	.links-set .btn {
		border-radius: 12px;
	}

	.jcf-checkbox {
		width: 26px;
		height: 26px;
		border: 2px solid #ececec;
		border-radius: 5px;
	}

	.jcf-checkbox span {
		width: 15px;
		height: 11px;
		border-radius: 3px;
		border-width: 0 0 4px 4px;
	}

	:root .jcf-checkbox span {
		margin: -8px 0 0 -7px;
	}

	.subscribe-label:first-child {
		margin: 0 0 8px 0;
	}

	.subscribe-label {
		font-size: 18px;
	}

	#footer {
		padding: 0 0 64px 0;
	}

	#footer .page-nav {
		padding: 37px 0 20px 0;
	}

	#footer li:last-child a {
		font-size: 18px;
	}

	#footer li:before {
		width: 7px;
		height: 7px;
		left: -15px;
	}

	#footer li {
		margin: 0 0 0 25px;
		font-size: 18px;
	}

	#footer a {
		font-size: 18px;
	}

	body {
		font-size: 18px;
	}
}

@media (min-width: 769px) and (max-width: 1023px) {
	.img-posts img.size-medium {
		width: 210px;
	}

	.img-posts img.size-large,
	.img-posts img.size-full {
		width: 50%;
	}
}

@media (min-width: 1024px) {
	.opener {
		margin: 0;
		padding-right: 15px;
	}

	.form-search {
		width: 832px;
		margin: 0;
	}

	.search {
		width: 602px;
	}

	.opener2 {
		float: left;
	}

	.home .visual .image,
	.inner .visual .image {
		margin: 0 -8% 0;
	}

	.test-page .apps-list {
		padding-bottom: 121px;
	}

	.info-links li:before {
		left: -15px;
	}

	.info-links li {
		font-size: 18px;
	}

	.list-items .hr {
		margin: 0 0 0 -39px;
	}

	.inner #sidebar {
		margin: 0 0 0 3.3%;
	}

	.inner .info-links {
		padding-bottom: 29px;
	}

	.inner .info-links .left-holder {
		float: left;
		width: 32%;
	}

	.inner .info-links .right-holder {
		float: right;
		width: 68%;
	}

	.inner .info-links p {
		float: left;
		text-align: left;
		border: none;
		padding: 0;
		margin: 0;
		font-size: 18px;
	}

	.inner .info-links ul {
		float: right;
	}

	.inner .info-links li {
		margin: 0 24px 14px 0;
		float: left;
	}

	#content {
		float: left;
		width: 63.2%;
		padding: 0;
		border: none;
	}

	.blockquote-block .cite-holder cite {
		font-size: 15px;
	}

	#sidebar {
		float: left;
		width: 33%;
		border-left: 2px solid #f4f4f4;
		padding: 0 0 0 31px;
		margin: 0 0 0 3.3%;
	}

	#sidebar .thumbnail-block .thumbnail-post .image-holder {
		width: 38%;
	}
}

@media only screen and (min-width: 1025px) {
	a[href^=tel],
	a[href^=skype],
	a[href^=sms] {
		cursor: default;
		pointer-events: none;
	}
}

@media (min-width: 1300px) {
	.opener {
		padding-right: 16px;
	}

	.info-links li {
		font-size: 20px;
	}

	.inner .info-links p {
		font-size: 20px;
	}

	.blockquote-block .cite-holder cite {
		font-size: 17px;
	}
}

@media (max-width: 1299px) {
	.container {
		padding: 0 30px;
	}
}

@media (max-width: 1023px) {
	.img-posts img.size-thumbnail-2 {
		width: 60px !important;
	}

	.img-posts img.size-medium-2 {
		width: 125px !important;
	}

	.img-posts img.size-medium-3 {
		width: 150px !important;
	}
}

@media (max-width: 767px) {
	/* Primary nav on mobile - centered, smaller font */
	#header .container {
		position: relative;
		min-height: 85px;
	}

	#header .primary-nav {
		float: none;
		position: absolute;
		left: 50%;
		top: 42px;
		transform: translate(-50%, -50%);
		margin: 0;
	}

	#header .primary-nav ul {
		gap: 15px;
	}

	#header .primary-nav a {
		font-size: 14px !important;
	}

	.navigation .page-numbers,
	.navigation-comments .page-numbers {
		padding: 0;
	}

	.navigation .next,
	.navigation .prev,
	.navigation-comments .next,
	.navigation-comments .prev {
		padding: .2em;
	}

	.navigation-single .next a,
	.navigation-single .prev a {
		padding: .2em;
	}

	.form-search {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 999;
		right: 0;
		background: #222;
	}

	.apps-list .item:nth-child(even) .item-holder {
		padding-left: 27px;
	}

	.apps-list .item.alignright .item-holder {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-webkit-flex-direction: row-reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		text-align: right;
		padding: 21px 0 0;
	}

	.apps-list .item.alignright p {
		margin: 0 12px 0 0;
	}

	.apps-list .item .item-holder {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.inner .visual {
		background-size: 320px 243px;
	}

	.blockquote-block .cite-holder {
		text-align: right;
		margin: 0 0 9px 0;
	}

	.blockquote-block .cite-holder cite {
		display: block;
	}

	.img-posts img.size-medium {
		width: 150px;
	}

	.img-posts img.size-large,
	.img-posts img.size-full {
		width: 25%;
	}

	#footer li:last-child {
		display: block;
		margin: 8px 0 0 0;
	}

	#footer li:last-child:before {
		display: none;
	}
}

@media (max-width: 479px) {
	.img-posts img.size-thumbnail {
		width: 75px;
	}
}



/* ==========================================================================
   Games Page Mobile Overrides (added January 2026)
   ========================================================================== */
@media (max-width: 768px) {
    /* Game columns: stack vertically instead of side-by-side */
    .content .text-block.game-column {
        float: none;
        width: 100%;
        margin-left: 0;
        padding-right: 0;
    }

    /* Divider between stacked game columns */
    .content .text-block.game-column + .text-block.game-column {
        border-top: 1px solid #ccc;
        padding-top: 2em;
        margin-top: 1em;
        padding-left: 0;
    }

    /* Icon wrapper: keep float right, adjust margins for mobile */
    .content .game-column .icon-wrapper {
        float: right;
        width: 140px;
        height: 140px;
        margin: 0 0 1em 1em;
    }

    .content .game-column .icon-blur,
    .content .game-column .icon-main {
        width: 140px;
        height: 140px;
    }

    /* Footer boxes: stack vertically */
    .content .games-footer-boxes {
        flex-direction: column;
        gap: 1em;
    }
}

/* ==========================================================================
   Content List Spacing (added January 2026)
   ========================================================================== */
.content li {
    margin-bottom: 0.8em;
}

.content li:last-child {
    margin-bottom: 0;
}


/* ==========================================================================
   Link Size Consistency on Mobile (added January 2026)
   Problem: h2.links-set (13px) and h3.links-set (12px) were smaller than
   body text (15px) on mobile, causing inconsistent link sizes.
   Solution: Match links-set to body text size on mobile.
   ========================================================================== */
@media (max-width: 767px) {
    h2.links-set,
    h3.links-set {
        font-size: 15px;
    }
}

/* ==========================================================================
   Mobile Image Improvements (added January 2026)
   Problem: Floated images stay small on mobile, text gets cramped.
   Solution: Un-float and expand images on narrow screens.
   ========================================================================== */
@media (max-width: 767px) {
    /* Un-float aligned images on mobile */
    .content img.alignright,
    .content img.alignleft {
        float: none;
        display: block;
        margin: 1em auto;
        max-width: 100%;
        height: auto;
    }
    
    /* Ensure images in cite-holder can expand */
    .cite-holder img {
        max-width: 100%;
        height: auto;
    }
}

/* ==========================================================================
   Mobile Image Fix - Override theme's problematic 25% rule (January 2026)
   The theme sets .img-posts img.size-full to width:25% on mobile which
   makes all images unreadably small. Override to be responsive.
   ========================================================================== */
@media (max-width: 767px) {
    /* Override the theme's width:25% rule for size-full/size-large */
    .img-posts img.size-full,
    .img-posts img.size-large {
        width: auto;
        max-width: 100%;
        height: auto;
    }
    
    /* Un-float aligned images and center them */
    .img-posts img.alignright,
    .img-posts img.alignleft {
        float: none;
        display: block;
        margin: 1em auto;
    }
    
    /* Centered images should be full width */
    .img-posts img.aligncenter {
        width: 100%;
        max-width: 100%;
    }
}

/* ==========================================================================
   Additional Mobile Fixes (January 2026)
   ========================================================================== */
@media (max-width: 767px) {
    /* Add size-medium to image fix */
    .img-posts img.size-medium {
        width: auto;
        max-width: 100%;
        height: auto;
    }
}

/* Sidebar link size fix - base font was 12px, too small */
#sidebar .widget .post {
    font-size: 14px;
}

#sidebar .widget .post a {
    font-size: 15px;
}

/* Bullet list styling (January 5, 2026) */
.content li {
    line-height: 1.4;
    margin-bottom: 0.6em;
}

.content li:last-child {
    margin-bottom: 0;
}


/* ==========================================================================
   Mobile Featured Image Full-Width (added January 2026)
   Problem: Featured image banner constrained by container on mobile.
   Solution: Break out of container on mobile for full-width effect.
   ========================================================================== */
@media (max-width: 767px) {
    .visual .container {
        max-width: 100%;
        padding: 0;
    }
    
    .visual .image-holder {
        margin: 0;
    }
    
    .visual .image-holder picture img,
    .visual .image-holder img {
        width: 100%;
        max-width: 100%;
    }
}

/* ==========================================================================
   Featured Image Banner - Panoramic Approach (January 7, 2026)
   Desktop: Full image height visible, sides cropped.
   Mobile: Zoomed to 80% (10% crop top/bottom) for visual impact.
   Two-tone background: #1e1b3a (night sky) center, #393939 edges.
   ========================================================================== */
.visual-banner {
    width: 100%;
    height: 16vh;
    min-height: 100px;
    max-height: 180px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #1e1b3a;
    background: linear-gradient(to right,
        #393939,
        #393939 calc(50% - 655.5px),
        #1e1b3a calc(50% - 655.5px),
        #1e1b3a calc(50% + 655.5px),
        #393939 calc(50% + 655.5px),
        #393939
    );
}

@media (min-width: 768px) {
    .visual-banner {
        height: 24vh;
        min-height: 160px;
        max-height: 300px;
    }
}

.visual-banner img.featured-banner {
    height: 100%;
    width: auto;
    display: block;
    max-width: none;
    transform: scale(1.25); /* Mobile: zoom to 80%, crops 10% top/bottom */
}

@media (min-width: 768px) {
    .visual-banner img.featured-banner {
        transform: scale(1); /* Desktop: full image height visible */
    }
}

/* ==========================================================================
   Mobile Navigation & Homepage Enhancements (January 8, 2026)
   ========================================================================== */

/* Hide search/magnifying glass on mobile to reduce nav density
   NOTE: Search functionality retained but hidden. To restore:
   - Remove this rule
   - Or change breakpoint to a smaller value
   - The search block is in header.php lines 32-61 */
@media (max-width: 767px) {
    .search-block {
        display: none !important;
    }
}

/* Homepage product cards - boost sizes on mobile for visual impact */
@media (max-width: 767px) {
    /* Larger icons */
    .apps-list .img-holder {
        width: 80px;
        height: 80px;
    }
    .apps-list .img-holder img {
        width: 80px;
        height: 80px;
    }
    
    /* Larger text */
    .apps-list .text-holder {
        font-size: 1.1em;
        line-height: 1.4;
    }
    
    /* Bold product names (text before the colored span) */
    .apps-list .text-holder {
        font-weight: 600;
    }
    .apps-list .text-holder span {
        font-weight: 400;
    }
}

/* ==========================================================================
   FIXES: Nav spread + Icon aspect ratio (January 8, 2026)
   ========================================================================== */

/* Mobile nav: spread items across full width (search icon removed) */
@media (max-width: 767px) {
    #header .primary-nav {
        left: auto;
        right: 15px;
        transform: translateY(-50%);
        width: calc(100% - 85px); /* Full width minus logo area */
    }
    
    #header .primary-nav ul {
        display: flex;
        justify-content: space-between;
        width: 100%;
        gap: 0;
    }
}

/* Homepage icons: preserve aspect ratio (fix from earlier) */
@media (max-width: 767px) {
    .apps-list .img-holder {
        width: 80px;
        height: auto;
    }
    .apps-list .img-holder img {
        width: 80px;
        height: auto;
    }
}

/* Homepage product cards - tighter line spacing on mobile */
@media (max-width: 767px) {
    .apps-list .text-holder {
        line-height: 1.3;
    }
}

/* Mobile nav fix v2: even spacing with breathing room from logo */
@media (max-width: 767px) {
    #header .primary-nav {
        left: 80px;
        right: 10px;
        transform: translateY(-50%);
        width: auto;
    }
    
    #header .primary-nav ul {
        display: flex;
        justify-content: space-evenly;
        width: 100%;
        gap: 0;
    }
}

/* ==========================================================================
   Homepage Mobile Enhancements v2 (January 8, 2026)
   ========================================================================== */
@media (max-width: 767px) {
    /* Boost header text: 'A way with words' + subtitle */
    .banner h2 {
        font-size: 1.6em;
    }
    .banner h2 .text {
        font-size: 0.65em;
    }
    
    /* Product cards: larger icons, slightly smaller text */
    .apps-list .img-holder,
    .apps-list .img-holder img {
        width: 90px;
        height: auto;
    }
    
    .apps-list .text-holder {
        font-size: 1em;
    }
}


/* ==========================================================================
   Homepage Product Cards - Blur Effect & Modern Layout (January 8, 2026)
   Replaces shadow-block with blur effect. Uses flexbox layout.
   ========================================================================== */

/* Hide old shadow-block */
.apps-list .item .item-holder .img-holder .shadow-block {
    display: none !important;
}

/* Icon container with blur effect */
.apps-list .item .img-holder {
    position: relative;
    overflow: visible;
}

/* Blur layer behind icon */
.apps-list .item .img-holder .icon-blur {
    position: absolute;
    top: 15%;
    left: 15%;
    width: 100%;
    height: auto;
    filter: blur(15px);
    opacity: 0.5;
    z-index: 0;
    will-change: filter;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: none;
}

.apps-list .item .img-holder .icon-blur img {
    width: 100%;
    height: auto;
    border-radius: 18%;
}

/* Main icon */
.apps-list .item .img-holder .icon-main {
    position: relative;
    z-index: 1;
}

.apps-list .item .img-holder .icon-main img {
    width: 100%;
    height: auto;
    border-radius: 18%;
    display: block;
}

/* Mobile: larger icons with vh sizing */
@media (max-width: 767px) {
    .apps-list .item .item-holder .img-holder {
        width: 20vh;
        min-width: 70px;
        max-width: 100px;
        vertical-align: top;
        padding: 2pt;
    }

    .apps-list .text-holder {
        font-size: 1.15em;
    }
}