/*
Theme Name: Splinter
Theme URI: https://www.wordskins.com/wordpress-themes/splinter
Author: WordSkins.com
Author URI: https://www.wordskins.com/
Description: Splinter is a minimal responsive multipurpose theme from WordSkins that can be used for blogging, magazine and personal sites. Clean and simple, Splinter is perfect for personal and business sites. Some features include contact, sitemap, blank, left-sidebar and no-sidebar page templates, as well as social media settings, custom logo and more.
Version: 1.0.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blue, gray, white, two-columns, right-sidebar, responsive-layout, accessibility-ready, featured-images, post-formats, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: splinter
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}
html {
  font-size: 62.5%;
  /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
  overflow-y: scroll;
  /* Keeps page centered in all browsers regardless of content height */
  -webkit-text-size-adjust: 100%;
  /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
  -ms-text-size-adjust: 100%;
  /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
  box-sizing: border-box;
  /* Apply a natural box layout model to the document; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
}
*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}
body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block;
}
ol,
ul {
  list-style: none;
}
table {
  /* tables still need 'cellspacing="0"' in the markup */
  border-collapse: separate;
  border-spacing: 0;
}
caption,
th,
td {
  font-weight: normal;
  text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}
blockquote,
q {
  quotes: "" "";
}
a:focus {
  outline: thin dotted;
}
a:hover,
a:active {
  outline: 0;
}
a img {
  border: 0;
}
/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
  color: #404040;
  font-family: sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}
p {
  margin-bottom: 1.5em;
}
b,
strong {
  font-weight: bold;
}
dfn,
cite,
em,
i {
  font-style: italic;
}
blockquote {
  margin: 0 1.5em;
}
address {
  margin: 0 0 1.5em;
}
pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}
code,
kbd,
tt,
var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 1.5rem;
}
abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}
mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}
sup,
sub {
  font-size: 75%;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  bottom: 1ex;
}
sub {
  top: .5ex;
}
small {
  font-size: 75%;
}
big {
  font-size: 125%;
}
/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}
ul,
ol {
  margin: 0 0 1.5em 3em;
}
ul {
  list-style: disc;
}
ol {
  list-style: decimal;
}
li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}
dt {
  font-weight: bold;
}
dd {
  margin: 0 1.5em 1.5em;
}
img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}
figure {
  margin: 0;
}
table {
  margin: 0 0 1.5em;
  width: 100%;
}
th {
  font-weight: bold;
}
/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {
  font-size: 100%;
  /* Corrects font size not being inherited in all browsers */
  margin: 0;
  /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  vertical-align: baseline;
  /* Improves appearance and consistency in all browsers */
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
  /* Improves usability and consistency of cursor style between image-type 'input' and others */
  -webkit-appearance: button;
  /* Corrects inability to style clickable 'input' types in iOS */
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  padding: .6em 1em .4em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  border-color: #aaa #bbb #bbb;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}
input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
  -webkit-appearance: textfield;
  /* Addresses appearance set to searchfield in S5, Chrome */
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
  /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
  -webkit-appearance: none;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
  color: #111;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
  padding: 3px;
}
textarea {
  overflow: auto;
  /* Removes default vertical scrollbar in IE6/7/8/9 */
  padding-left: 3px;
  vertical-align: top;
  /* Improves readability and alignment in all browsers */
  width: 100%;
}
/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
  color: royalblue;
}
a:visited {
  color: purple;
}
a:hover,
a:focus,
a:active {
  color: midnightblue;
}
/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.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-size: 1.4rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar */
}
/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}
.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto;
}
/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}
/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
}
/* Make sure select elements fit in widgets */
.widget select {
  max-width: 100%;
}
/* Search widget */
.widget_search .search-submit {
  display: none;
}
/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}
.hentry {
  margin: 0 0 1.5em;
}
.byline,
.updated:not(.published) {
  display: none;
}
.single .byline,
.group-blog .byline {
  display: inline;
}
.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}
.page-links {
  clear: both;
  margin: 0 0 1.5em;
}
/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none;
}
/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
  display: block;
}
/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
  max-width: 100%;
}
/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 0 auto;
}
.wp-caption-text {
  text-align: center;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}
/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}
.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-columns-2 .gallery-item {
  max-width: 50%;
}
.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
  max-width: 25%;
}
.gallery-columns-5 .gallery-item {
  max-width: 20%;
}
.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}
.gallery-caption {
  display: block;
}
body {
  font-size: 16px;
  line-height: 1.7em;
  font-family: "Arimo", serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Arimo", serif;
  line-height: 1.5em;
  margin: 20px 0;
}
h1 {
  font-size: 2.3em;
  font-weight: bold;
}
h2 {
  font-size: 1.9em;
  font-weight: bold;
}
h3 {
  font-size: 1.45em;
  font-weight: bold;
}
h4 {
  font-size: 1.27em;
  font-weight: bold;
}
h5 {
  font-size: 1.14em;
  font-weight: bold;
}
h6 {
  font-size: 1em;
  font-weight: bold;
}
blockquote {
  margin: 40px 0;
  text-align: center;
  padding: 40px;
  background-color: transparent;
  border: 6px solid #588cb8;
  font-size: 22px;
  line-height: 30px;
  color: #588cb8;
  font-style: italic;
  font-family: "Arimo", serif;
}
blockquote p:last-child {
  margin-bottom: 0;
}
blockquote cite {
  text-align: right;
  display: block;
  font-size: 12px;
  font-family: "Biryani", sans-serif;
  margin-top: 20px;
  color: #777777;
}
blockquote cite:before {
  font-family: 'FontAwesome';
  content: '-';
  margin-right: 8px;
}
.comments-area blockquote {
  color: #a0bdd6;
}
.comments-area blockquote cite {
  color: #cccccc;
}
pre {
  background-color: #111111;
}
code {
  color: #000000;
  font-family: courier;
  padding-left: 3px;
  padding-right: 3px;
}
ins {
  color: #333333;
  padding-left: 3px;
  padding-right: 3px;
}
body {
  background-color: #42729b;
  color: #ffffff;
  word-wrap: break-word;
}
body a {
  color: #588cb8;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
body a:hover,
body a:focus,
body a:active {
  color: #335877;
}
.site-header {
  text-align: center;
  padding: 20px;
}
.site-header .site-branding h1 {
  text-transform: uppercase;
  margin: 60px 0 0;
  font-size: 40px;
  line-height: 1.3em;
}
.site-header .site-branding h1 a {
  text-decoration: none;
  color: #ffffff;
  text-transform: uppercase;
}
.site-header .site-branding h1 a:hover,
.site-header .site-branding h1 a:focus,
.site-header .site-branding h1 a:active {
  color: #ffffff;
}
.site-header .site-branding h1 img {
  max-width: 160px;
}
.site-header .site-branding .tagline {
  margin: 0;
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
}
.site-header .menu-toggle {
  margin: 60px 0 0;
  display: block;
  background-color: #335877;
  font-size: 14px;
  line-height: 0;
  padding: 20px;
  text-transform: uppercase;
  font-family: "Biryani", sans-serif;
  color: #eeeeee;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-shadow: none;
  width: 100%;
}
.site-header .main-navigation {
  text-align: left;
  display: none;
  width: 100%;
  background-color: #335877;
  font-family: "Biryani", sans-serif;
}
.site-header .main-navigation ul,
.site-header .main-navigation ul li {
  margin: 0;
  padding: 0;
}
.site-header .main-navigation ul {
  list-style: none;
  padding-bottom: 1px;
}
.site-header .main-navigation ul li {
  border-top: 1px solid #42729b;
  font-size: 14px;
  line-height: 14px;
}
.site-header .main-navigation ul li a {
  color: #cccccc;
  text-decoration: none;
  padding: 24px 20px 20px;
  display: block;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
.site-header .main-navigation ul li a:hover,
.site-header .main-navigation ul li a:focus {
  background-color: #42729b;
  color: #ffffff;
}
.site-header .main-navigation ul li ul li a {
  font-size: 10px;
  line-height: 0;
  padding-left: 40px;
}
.site-header .main-navigation ul li ul ul li a {
  padding-left: 60px;
}
.content-area {
  padding: 20px;
}
.content-area a {
  color: #42729b;
  text-decoration: none;
}
.content-area a:hover,
.content-area a:focus,
.content-area a:active {
  color: #42729b;
  text-decoration: underline;
}
.content-area .page-header {
  background-color: #335877;
  padding: 20px;
  text-align: center;
  color: #e7eff5;
}
.content-area .page-header .page-title {
  margin: 0;
  font-size: 30px;
  line-height: 40px;
  text-transform: uppercase;
}
.content-area .page-header .taxonomy-description,
.content-area .page-header p {
  margin-top: 20px;
}
.content-area article {
  background-color: #ffffff;
  margin: 40px 0 0;
  padding-bottom: 20px;
}
.content-area article:first-child {
  margin: 0;
}
.content-area article .entry-header a {
  text-decoration: none;
}
.content-area article .entry-header a:hover .entry-title,
.content-area article .entry-header a:focus .entry-title {
  color: #42729b;
}
.content-area article .entry-header a:focus .entry-title {
  outline: 2px dotted #588cb8;
}
.content-area article .entry-header .spacer {
  height: 1px;
}
.content-area article .entry-header .entry-thumbnail {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  min-height: 150px;
}
.content-area article .entry-header .entry-title {
  text-align: center;
  padding: 0 20px;
  margin: 40px 0 0;
  font-size: 30px;
  line-height: 40px;
  font-weight: 900;
  text-transform: uppercase;
  color: #333333;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
.content-area article .entry-header .entry-meta {
  text-align: center;
  margin: 20px 0 0;
  color: #888888;
  font-size: 13px;
  line-height: 23px;
  font-weight: 700;
  text-transform: uppercase;
}
.content-area article .entry-content {
  padding: 20px;
  margin: 0;
  color: #777777;
}
.content-area article .entry-content h1,
.content-area article .entry-content h2,
.content-area article .entry-content h3,
.content-area article .entry-content h4,
.content-area article .entry-content h5,
.content-area article .entry-content h6 {
  margin: 60px 0 20px;
  color: #555555;
}
.content-area article .entry-content img.size-thumbnail,
.content-area article .entry-content img.size-medium,
.content-area article .entry-content img.size-large,
.content-area article .entry-content img.size-full {
  margin: 0 0 20px;
}
.content-area article .entry-content img.alignleft {
  margin: 8px 20px 8px 0;
}
.content-area article .entry-content img.alignright {
  margin: 8px 0 8px 20px;
}
.content-area article .entry-content img.aligncenter {
  margin: 0 auto 20px;
}
.content-area article .entry-content img.alignnone {
  display: block;
}
.content-area article .entry-content img.size-large,
.content-area article .entry-content img.size-full {
  margin-bottom: 40px;
}
.content-area article .entry-content .wp-caption {
  color: #555555;
}
.content-area article .entry-content .wp-caption img {
  margin-bottom: 0;
}
.content-area article .entry-content .wp-caption .wp-caption-text {
  font-size: 0.8em;
  margin: 0;
  padding: 10px 20px;
  border: 6px solid #eeeeee;
  border-top: none;
}
.content-area article .entry-content ul a,
.content-area article .entry-content ol a {
  text-decoration: none;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
.content-area article .entry-content ul a:hover,
.content-area article .entry-content ol a:hover,
.content-area article .entry-content ul a:focus,
.content-area article .entry-content ol a:focus {
  color: #aaaaaa;
}
.content-area article .entry-content .more-link {
  float: right;
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  font-size: 36px;
  line-height: 48px;
  width: 48px;
  height: 48px;
  background-color: #588cb8;
  color: #ffffff;
}
.content-area article .entry-content .more-link:hover,
.content-area article .entry-content .more-link:focus {
  background-color: #335877;
}
.content-area article .entry-content .more-link:focus {
  outline: 2px dotted #588cb8;
}
.content-area article .entry-footer {
  margin-top: 20px;
  padding: 20px;
  color: #333333;
  text-align: left;
  font-size: 12px;
  line-height: 22px;
}
.content-area article .edit-link {
  margin: 0 20px;
}
.content-area article .nav-links {
  padding: 0 20px;
  text-align: center;
  *zoom: 1;
}
.content-area article .nav-links:before,
.content-area article .nav-links:after {
  content: " ";
  display: table;
  line-height: 0;
}
.content-area article .nav-links:after {
  clear: both;
}
.content-area article .nav-links .nav-previous a,
.content-area article .nav-links .nav-next a {
  display: block;
  text-decoration: none;
  padding: 10px;
  text-align: center;
  font-size: 12px;
  line-height: 24px;
  text-transform: uppercase;
  border: 6px solid #eeeeee;
  color: #777777;
  background-color: transparent;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
.content-area article .nav-links .nav-previous a:hover,
.content-area article .nav-links .nav-next a:hover,
.content-area article .nav-links .nav-previous a:focus,
.content-area article .nav-links .nav-next a:focus {
  color: #42729b;
  border-color: #42729b;
}
.content-area article .nav-links .nav-previous {
  margin: 20px 0;
}
.content-area article .nav-links .nav-previous a:before {
  content: "\f104";
  font-family: "FontAwesome";
  margin-right: 5px;
}
.content-area article .nav-links .nav-next {
  margin: 20px 0 0;
}
.content-area article .nav-links .nav-next a:after {
  content: "\f105";
  font-family: "FontAwesome";
  margin-left: 5px;
}
.content-area .format-image {
  background-color: #ffffff;
  padding: 1px 0 0;
}
.content-area .format-image .entry-header .entry-title {
  margin: 40px;
}
.content-area .format-image .entry-content {
  padding: 0;
}
.content-area .format-image .entry-content p:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.content-area .format-image .entry-content img {
  width: 100%;
  margin: 0;
  padding: 0;
}
.content-area .format-image .entry-content img.size-thumbnail,
.content-area .format-image .entry-content img.size-medium,
.content-area .format-image .entry-content img.size-large,
.content-area .format-image .entry-content img.size-full {
  margin: 0;
}
.content-area .format-image .entry-content img.aligncenter {
  margin: 0 auto 0;
}
.content-area .format-image .entry-content .wp-caption {
  margin-bottom: 0;
}
.content-area .format-link {
  text-align: center;
  padding: 0;
}
.content-area .format-link a {
  display: block;
  padding: 40px;
  text-transform: uppercase;
  font-family: "Biryani", sans-serif;
  color: #e7eff5;
  background-color: #335877;
  font-size: 18px;
  line-height: 28px;
}
.content-area .format-link a:hover,
.content-area .format-link a:focus,
.content-area .format-link a:active {
  text-decoration: none;
  background-color: #243d53;
}
.content-area .format-link a:before {
  font-family: 'FontAwesome';
  content: "\f0c1";
  margin-right: 20px;
  font-size: 30px;
  vertical-align: middle;
}
.content-area .format-link p {
  margin: 0;
}
.content-area .format-aside {
  background-color: #335877;
  padding-top: 1px;
}
.content-area .format-aside .entry-header {
  margin-top: 40px;
}
.content-area .format-aside .entry-header .entry-meta {
  color: #8eb1cf;
}
.content-area .format-aside .entry-content {
  padding-top: 20px;
  color: #c3d6e6;
}
.content-area .format-quote .entry-content {
  padding: 0 40px;
}
.content-area .format-quote .entry-content blockquote {
  font-size: 26px;
  line-height: 36px;
}
.content-area .format-quote .entry-content blockquote cite {
  font-size: 14px;
  line-height: 24px;
}
.content-area .comments-area {
  margin: 40px 0;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
}
.content-area .comments-area .comment-navigation {
  *zoom: 1;
  padding: 20px 0 0;
}
.content-area .comments-area .comment-navigation:before,
.content-area .comments-area .comment-navigation:after {
  content: " ";
  display: table;
  line-height: 0;
}
.content-area .comments-area .comment-navigation:after {
  clear: both;
}
.content-area .comments-area .comment-navigation a {
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  color: #bbbbbb;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
.content-area .comments-area .comment-navigation a:hover,
.content-area .comments-area .comment-navigation a:focus {
  color: #ffffff;
}
.content-area .comments-area .comment-navigation .nav-previous {
  float: left;
}
.content-area .comments-area .comment-navigation .nav-previous a:before {
  content: "\f104";
  font-family: "FontAwesome";
  margin-right: 5px;
}
.content-area .comments-area .comment-navigation .nav-next {
  float: right;
}
.content-area .comments-area .comment-navigation .nav-next a:after {
  content: "\f105";
  font-family: "FontAwesome";
  margin-left: 5px;
}
.content-area .comments-area h2 {
  font-size: 16px;
  line-height: 16px;
  color: #ffffff;
  padding: 0;
  margin: 0;
}
.content-area .comments-area ul {
  list-style-type: none;
}
.content-area .comments-area .comment-list {
  margin: 0;
}
.content-area .comments-area .comment-list .comment-body {
  background-color: #335877;
  padding: 20px;
  margin-top: 20px;
}
.content-area .comments-area .comment-list .comment-body .comment-meta .comment-author {
  font-size: 14px;
  line-height: 24px;
  color: #dddddd;
}
.content-area .comments-area .comment-list .comment-body .comment-meta .comment-author a {
  color: #ffffff;
  text-decoration: none;
}
.content-area .comments-area .comment-list .comment-body .comment-meta .comment-author .avatar {
  float: left;
  margin: 0 20px 0 0;
  height: 60px;
  width: 60px;
}
.content-area .comments-area .comment-list .comment-body .comment-meta .comment-author .says {
  display: none;
}
.content-area .comments-area .comment-list .comment-body .comment-meta .comment-metadata {
  *zoom: 1;
  font-size: 12px;
  line-height: 24px;
}
.content-area .comments-area .comment-list .comment-body .comment-meta .comment-metadata:before,
.content-area .comments-area .comment-list .comment-body .comment-meta .comment-metadata:after {
  content: " ";
  display: table;
  line-height: 0;
}
.content-area .comments-area .comment-list .comment-body .comment-meta .comment-metadata:after {
  clear: both;
}
.content-area .comments-area .comment-list .comment-body .comment-meta .comment-metadata a {
  text-decoration: none;
  color: #eeeeee;
}
.content-area .comments-area .comment-list .comment-body .comment-meta .comment-metadata .edit-link {
  float: right;
  font-size: 9px;
  line-height: 13px;
  text-transform: uppercase;
  background-color: transparent;
  padding: 0;
}
.content-area .comments-area .comment-list .comment-body .comment-meta .comment-metadata .edit-link a {
  text-decoration: none;
  display: inline-block;
  padding: 0 7px;
}
.content-area .comments-area .comment-list .comment-body .comment-content {
  margin-top: 20px;
  font-size: 14px;
  line-height: 26px;
  clear: both;
  color: #dddddd;
}
.content-area .comments-area .comment-list .comment-body .comment-content ul {
  list-style-type: circle;
}
.content-area .comments-area .comment-list .comment-body .comment-content code,
.content-area .comments-area .comment-list .comment-body .comment-content strike,
.content-area .comments-area .comment-list .comment-body .comment-content del,
.content-area .comments-area .comment-list .comment-body .comment-content ins,
.content-area .comments-area .comment-list .comment-body .comment-content kbd,
.content-area .comments-area .comment-list .comment-body .comment-content tt {
  background-color: #f5f5f5;
  color: #444444;
}
.content-area .comments-area .comment-list .comment-body .comment-content blockquote {
  color: #f5f5f5;
}
.content-area .comments-area .comment-list .comment-body .comment-content blockquote cite {
  color: #f5f5f5;
}
.content-area .comments-area .comment-list .comment-body .comment-content a {
  color: #ffffff;
  text-decoration: underline;
}
.content-area .comments-area .comment-list .reply {
  font-size: 9px;
  line-height: 13px;
  text-transform: uppercase;
  text-align: right;
}
.content-area .comments-area .comment-list .reply a {
  text-decoration: none;
  color: #999999;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
.content-area .comments-area .comment-list .reply a:hover,
.content-area .comments-area .comment-list .reply a:focus {
  color: #ffffff;
}
.content-area .comments-area .comment-respond {
  background-color: #f5f5f5;
  margin-top: 20px;
  padding: 20px;
}
.content-area .comments-area .comment-respond h3 {
  margin-top: 0;
}
.content-area .comments-area .comment-respond .comment-form .comment-notes,
.content-area .comments-area .comment-respond .comment-form .form-allowed-tags {
  color: #666666;
}
.content-area .comments-area .comment-respond .comment-form label {
  display: block;
}
.content-area .comments-area .comment-respond .comment-form input {
  display: block;
  width: 100%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 10px;
  max-width: 400px;
}
.content-area .comments-area .comment-respond .comment-form textarea {
  display: block;
  width: 100%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 10px;
}
.content-area .comments-area .comment-respond .comment-form .form-allowed-tags {
  font-size: 12px;
}
.content-area .comments-area .comment-respond .comment-form .form-allowed-tags code {
  font-size: 12px;
}
.content-area .comments-area .comment-respond .comment-form .form-submit {
  text-align: center;
}
.content-area .comments-area .comment-respond .comment-form .form-submit input.submit {
  color: #dddddd;
  text-decoration: none;
  display: inline-block;
  background-color: #888888;
  padding: 10px 20px;
  max-width: 80%;
  text-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
.content-area .comments-area .comment-respond .comment-form .form-submit input.submit:hover,
.content-area .comments-area .comment-respond .comment-form .form-submit input.submit:focus {
  background-color: #555555;
}
.content-area .posts-navigation {
  *zoom: 1;
}
.content-area .posts-navigation:before,
.content-area .posts-navigation:after {
  content: " ";
  display: table;
  line-height: 0;
}
.content-area .posts-navigation:after {
  clear: both;
}
.content-area .posts-navigation .nav-previous a,
.content-area .posts-navigation .nav-next a {
  display: inline-block;
  background-color: #588cb8;
  margin: 12px 0 0;
  padding: 12px;
  color: #e7eff5;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 12px;
}
.content-area .posts-navigation .nav-previous a:hover,
.content-area .posts-navigation .nav-next a:hover,
.content-area .posts-navigation .nav-previous a:focus,
.content-area .posts-navigation .nav-next a:focus {
  background-color: #7ca4c7;
  color: #ffffff;
}
.content-area .posts-navigation .nav-previous {
  float: left;
}
.content-area .posts-navigation .nav-previous a:before {
  font-family: 'FontAwesome';
  content: "\f104";
  margin-right: 6px;
}
.content-area .posts-navigation .nav-next {
  float: right;
}
.content-area .posts-navigation .nav-next a:after {
  font-family: 'FontAwesome';
  content: "\f105";
  margin-left: 6px;
}
#ws-contact-form {
  background-color: #c3d6e6;
  color: #555555;
  padding: 1px 0 20px;
}
#ws-contact-form .contact-row {
  padding: 0 20px;
  text-align: center;
}
#ws-contact-form .contact-row label,
#ws-contact-form .contact-row input {
  display: block;
  width: 100%;
  text-align: left;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#ws-contact-form .contact-row label {
  margin-top: 20px;
}
#ws-contact-form .contact-row input {
  padding: 10px;
  max-width: 400px;
}
#ws-contact-form .contact-row .contact-message {
  height: 160px;
}
#ws-contact-form .contact-row .contact-submit-button {
  font-size: 14px;
  display: inline-block;
  margin-top: 20px;
  text-align: center;
  padding: 20px;
  max-width: 80%;
  text-transform: uppercase;
  letter-spacing: 1px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
  background-color: #42729b;
  border: none;
  color: #ffffff;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
#ws-contact-form .contact-row .contact-submit-button:hover,
#ws-contact-form .contact-row .contact-submit-button:focus {
  background-color: #335877;
}
.sitemap ul {
  margin: 0;
}
.sitemap ul li {
  list-style-type: none;
}
.sitemap ul li ul {
  margin-left: 20px;
}
.widget-area {
  margin: 20px 20px 0;
  color: #333333;
}
.widget-area .inner {
  padding: 20px;
  background-color: #ffffff;
}
.widget-area .widget {
  margin-top: 60px;
}
.widget-area .widget:first-child {
  margin-top: 0;
}
.widget-area h1 {
  padding: 0;
  margin: 20px 0 0;
  font-size: 26px;
  line-height: 36px;
  font-weight: 900;
  text-transform: uppercase;
  color: #42729b;
}
.widget-area a {
  color: #666666;
  text-decoration: none;
}
.widget-area ul {
  margin: 20px 0 0;
}
.widget-area ul li {
  list-style-type: none;
  margin: 10px 0 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #eeeeee;
}
.widget-area ul li ul {
  margin: 10px 0 0 20px;
}
.widget-area ul li ul li {
  border-bottom: none;
  margin: 5px 0 0;
}
.widget-area select {
  width: 100%;
  padding: 10px;
  margin-top: 10px;
}
.widget-area .search-form .field {
  width: 100%;
  padding: 10px;
  margin-top: 10px;
}
.widget-area .search-form .submit {
  position: absolute;
  left: -9999px;
}
.site-footer {
  margin-top: 40px;
  background-color: #335877;
}
.site-footer .widget-area {
  background-color: transparent;
  color: #f5f5f5;
  margin: 0 20px;
  padding: 20px 0 0;
}
.site-footer .widget-area h1 {
  color: #f5f5f5;
  font-size: 20px;
  line-height: 30px;
}
.site-footer .widget-area a {
  color: #c3d6e6;
}
.site-footer .footer-info {
  margin: 0 20px;
  text-align: center;
}
.site-footer .footer-info h1 {
  font-size: 40px;
  text-transform: uppercase;
  margin: 80px 0 0;
}
.site-footer .footer-info .site-logo {
  margin: 80px 0 0;
}
.site-footer .footer-info .site-logo h1 {
  margin: 0;
}
.site-footer .footer-info .site-logo h1 a {
  text-decoration: none;
  color: #ffffff;
  text-transform: uppercase;
}
.site-footer .footer-info .site-logo h1 a:hover,
.site-footer .footer-info .site-logo h1 a:focus,
.site-footer .footer-info .site-logo h1 a:active {
  color: #ffffff;
}
.site-footer .footer-info .site-logo h1 img {
  max-width: 160px;
}
.site-footer .footer-info .social-icons {
  margin: 20px 40px 0;
}
.site-footer .footer-info .social-icons a {
  display: inline-block;
  color: #e7eff5;
  text-align: center;
  font-size: 16px;
  margin: 4px;
}
.site-footer .footer-info .social-icons a i {
  display: inline-block;
  background-color: #243d53;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  height: 30px;
  width: 30px;
  line-height: 30px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
.site-footer .footer-info .social-icons a i:hover,
.site-footer .footer-info .social-icons a i:focus {
  color: #ffffff;
}
.site-footer .footer-info .social-icons a i.fa-facebook:hover {
  background-color: #3b5998;
}
.site-footer .footer-info .social-icons a i.fa-twitter:hover {
  background-color: #00aced;
}
.site-footer .footer-info .social-icons a i.fa-google-plus:hover {
  background-color: #dd4b39;
}
.site-footer .footer-info .social-icons a i.fa-linkedin:hover {
  background-color: #007bb6;
}
.site-footer .footer-info .social-icons a i.fa-instagram:hover {
  background-color: #517fa4;
}
.site-footer .footer-info .social-icons a i.fa-pinterest:hover {
  background-color: #cb2027;
}
.site-footer .footer-info .social-icons a i.fa-youtube:hover {
  background-color: #bb0000;
}
.site-footer .footer-info .social-icons a i.fa-vimeo-square:hover {
  background-color: #aad450;
}
.site-footer .footer-info .social-icons a i.fa-dribbble:hover {
  background-color: #ea4c89;
}
.site-footer .footer-info .social-icons a i.fa-behance:hover {
  background-color: #045cfc;
}
.site-footer .footer-info .social-icons a i.fa-facebook:focus {
  background-color: #3b5998;
}
.site-footer .footer-info .social-icons a i.fa-twitter:focus {
  background-color: #00aced;
}
.site-footer .footer-info .social-icons a i.fa-google-plus:focus {
  background-color: #dd4b39;
}
.site-footer .footer-info .social-icons a i.fa-linkedin:focus {
  background-color: #007bb6;
}
.site-footer .footer-info .social-icons a i.fa-instagram:focus {
  background-color: #517fa4;
}
.site-footer .footer-info .social-icons a i.fa-pinterest:focus {
  background-color: #cb2027;
}
.site-footer .footer-info .social-icons a i.fa-youtube:focus {
  background-color: #bb0000;
}
.site-footer .footer-info .social-icons a i.fa-vimeo-square:focus {
  background-color: #aad450;
}
.site-footer .footer-info .social-icons a i.fa-dribbble:focus {
  background-color: #ea4c89;
}
.site-footer .footer-info .social-icons a i.fa-behance:focus {
  background-color: #045cfc;
}
.site-footer .site-info {
  background-color: #243d53;
  text-align: center;
  padding: 10px 20px;
  margin: 40px 0 0;
  text-transform: uppercase;
  font-size: 8px;
  line-height: 18px;
  color: #a0bdd6;
}
.site-footer .site-info a {
  color: #a0bdd6;
  text-decoration: none;
}
.site-footer .site-info .sep {
  margin: 0 5px;
  color: #588cb8;
}
@media only screen and (min-width: 640px) {
  .site-header {
    padding: 40px;
  }
  .site-header .site-branding .site-logo h1 img {
    max-width: 200px;
  }
  .site-header .site-branding .tagline {
    font-size: 14px;
  }
  .content-area {
    padding: 0 40px;
  }
  .content-area .page-header {
    padding: 40px;
  }
  .content-area .page-header .page-title {
    font-size: 36px;
    line-height: 46px;
  }
  .content-area article {
    font-size: 18px;
    line-height: 30px;
    padding-bottom: 40px;
  }
  .content-area article .entry-header .entry-thumbnail {
    min-height: 300px;
  }
  .content-area article .entry-header .entry-title {
    font-size: 36px;
    line-height: 46px;
  }
  .content-area article .nav-links .nav-previous a,
  .content-area article .nav-links .nav-next a {
    font-size: 14px;
    line-height: 26px;
  }
  #ws-contact-form {
    padding: 20px 20px 40px;
  }
  .widget-area {
    margin: 80px 40px 0;
  }
  .site-footer .widget-area {
    margin: 0 40px;
    padding: 40px 0 0;
  }
  .site-footer .footer-info .site-logo {
    margin: 120px 0 0;
  }
  .site-footer .site-info {
    font-size: 10px;
    line-height: 20px;
    margin: 80px 0 0;
    padding: 20px;
  }
  .page-template-page-blank .content-area {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 800px) {
  .site-header {
    padding: 40px 0 60px;
  }
  .site-header .site-branding h1 {
    font-size: 48px;
  }
  .site-header .menu-toggle {
    display: none;
  }
  .site-header .main-navigation {
    display: block;
    margin: 60px 0 0;
    padding: 0 20px;
    border: none;
  }
  .site-header .main-navigation ul {
    text-align: center;
    padding: 0;
    font-size: 0;
  }
  .site-header .main-navigation ul li {
    display: inline-block;
    border-top: none;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    position: relative;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
  }
  .site-header .main-navigation ul li:last-child {
    margin-right: 0;
  }
  .site-header .main-navigation ul li a {
    display: block;
    padding: 24px 20px 20px;
    color: #e7eff5;
  }
  .site-header .main-navigation ul li ul {
    position: absolute;
    left: -9999px;
    z-index: 1000;
    width: 180px;
    background-color: #243d53;
    text-align: left;
  }
  .site-header .main-navigation ul li ul li {
    display: block;
    margin: 0;
    padding: 0;
  }
  .site-header .main-navigation ul li ul li:first-child {
    border-top: none;
  }
  .site-header .main-navigation ul li ul li a {
    display: block;
    padding: 10px 20px;
    font-size: 12px;
    line-height: 18px;
  }
  .site-header .main-navigation ul li ul li a:before {
    content: '';
    margin-right: 0;
  }
  .site-header .main-navigation ul li ul li a:hover,
  .site-header .main-navigation ul li ul li a:focus {
    background-color: #2b4b65;
  }
  .site-header .main-navigation ul li ul li ul {
    top: 15px;
    width: 180px;
    margin-left: 180px;
  }
  .site-header .main-navigation ul li ul li ul li a {
    padding: 10px 20px;
  }
  .site-header .main-navigation ul li:hover > ul,
  .site-header .main-navigation ul li[aria-expanded="true"] > ul {
    left: auto;
  }
  .site-content {
    max-width: 1200px;
    margin: 0 auto;
  }
  .content-area {
    float: left;
    width: 66.66666667%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0 40px;
  }
  .content-area article {
    font-size: 16px;
    line-height: 28px;
  }
  .content-area article .entry-header .entry-thumbnail {
    min-height: 240px;
  }
  .widget-area {
    float: left;
    width: 33.33333333%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0 40px 0 0;
    font-size: 14px;
    line-height: 28px;
    color: #ffffff;
  }
  .widget-area .inner {
    padding: 0 20px;
    background-color: transparent;
  }
  .widget-area h1 {
    margin: 0;
    font-size: 18px;
    line-height: 28px;
    color: #f5f5f5;
  }
  .widget-area a {
    color: #f5f5f5;
  }
  .widget-area a:hover,
  .widget-area a:focus,
  .widget-area a:active {
    color: #eeeeee;
    text-decoration: underline;
  }
  .widget-area ul li {
    border-bottom-color: #335877;
  }
  .site-footer .inner {
    max-width: 1200px;
    margin: 0 auto;
  }
  .site-footer .footer-widgets {
    *zoom: 1;
    padding-left: 20px;
  }
  .site-footer .footer-widgets:before,
  .site-footer .footer-widgets:after {
    content: " ";
    display: table;
    line-height: 0;
  }
  .site-footer .footer-widgets:after {
    clear: both;
  }
  .site-footer .widget-area {
    float: left;
    width: 25%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
  }
  .site-footer .widget-area h1 {
    font-size: 16px;
    line-height: 26px;
  }
  .site-footer .footer-info {
    float: left;
    width: 25%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    text-align: right;
    padding-right: 40px;
  }
  .site-footer .footer-info h1 {
    margin: 40px 0 0;
  }
  .site-footer .footer-info .site-logo {
    margin: 0;
    padding: 40px 0 0;
  }
  .site-footer .footer-info .site-logo img {
    max-width: 120px;
  }
  .site-footer .footer-info .social-icons {
    margin: 0;
  }
  .site-footer .footer-info .social-icons a {
    font-size: 12px;
    margin: 2px 0 0 4px;
  }
  .site-footer .footer-info .social-icons a i {
    height: 24px;
    width: 24px;
    line-height: 24px;
  }
  .site-footer .site-info {
    margin: 20px 0 0;
  }
  .site-footer .site-info .inner {
    max-width: 1200px;
    margin: 0 auto;
  }
  .page-template-page-left-sidebar .content-area {
    float: right;
  }
  .page-template-page-left-sidebar .widget-area {
    float: left;
    padding: 0 0 0 40px;
  }
  .page-template-page-left-sidebar .widget-area .inner {
    padding: 0;
  }
  .page-template-page-no-sidebar .content-area,
  .page-template-page-blank .content-area {
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0 40px;
  }
  .page-template-page-no-sidebar .content-area .comments-area,
  .page-template-page-blank .content-area .comments-area {
    float: left;
    width: 66.66666667%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
  }
  .page-template-page-blank .content-area {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 1000px) {
  .site-header .site-branding h1 {
    font-size: 60px;
  }
  .site-header .site-branding .site-logo h1 img {
    max-width: 240px;
  }
  .site-header .site-branding .tagline {
    font-size: 16px;
  }
  .content-area article {
    font-size: 18px;
    line-height: 30px;
  }
  .content-area article .entry-header .entry-thumbnail {
    min-height: 280px;
  }
  .content-area article .entry-header .entry-title {
    padding: 0 40px;
  }
  .content-area article .entry-content {
    padding: 40px;
  }
  .widget-area {
    font-size: 16px;
    line-height: 30px;
  }
  .site-footer .widget-area h1 {
    font-size: 18px;
    line-height: 28px;
  }
  .site-footer .footer-info .site-logo img {
    max-width: 160px;
  }
  .site-footer .footer-info .social-icons {
    margin-top: 10px;
  }
  .site-footer .footer-info .social-icons a {
    font-size: 14px;
    margin: 4px 0 0 4px;
  }
  .site-footer .footer-info .social-icons a i {
    height: 28px;
    width: 28px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1300px) {
  .content-area article .entry-header .entry-thumbnail {
    min-height: 320px;
  }
  .content-area article .entry-header .entry-title {
    font-size: 40px;
    line-height: 52px;
  }
  .widget-area h1 {
    font-size: 20px;
    line-height: 30px;
  }
  .site-footer {
    margin-top: 80px;
  }
  .site-footer .inner {
    margin: 0 auto;
  }
  .site-footer .widget-area {
    padding-top: 80px;
  }
  .site-footer .footer-info .site-logo {
    padding-top: 80px;
  }
  .site-footer .site-info {
    margin-top: 60px;
  }
}
.mceContentBody {
  background-color: #ffffff;
  color: #777777;
  width: 600px;
  margin: 20px;
}
.mceContentBody a {
  text-decoration: none;
}
.mceContentBody a:hover {
  text-decoration: underline;
}
.mceContentBody h1,
.mceContentBody h2,
.mceContentBody h3,
.mceContentBody h4,
.mceContentBody h5,
.mceContentBody h5 {
  color: #555555;
}