/*
Theme Name: Lola
Theme URI: http://99theme.com/Free-Wordpress-Theme-For-Bloggers/
Author: Samuel King
Author URI: http://99theme.com/
Description: A simple and easy to use wordpress blogging theme.
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lola
Tags: black, blue, gray, pink, purple, white, yellow, dark, light, two-columns, left-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Lola is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------

>>> TABLE OF CONTENTS:

----------------------------------------------------------------
1.0 Normalize
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
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 Normalize
--------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

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

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

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

h1, h2, h3, h4, h5, h6 {
    clear: both;
    font-family: 'Raleway', sans-serif;
    color: #333;
}

h1 {
    font-size: 20px;
}

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

a:focus {
    outline: thin dotted;
}

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

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

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

del {
    color: #333;
}

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

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin: 24px;
    margin-bottom: 1.714285714rem;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

small {
    font-size: smaller;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}
/* Clearing floats */

.clear:after,
.wrapper:after,
.format-status .entry-header:after {
    clear: both;
}

.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
    display: table;
    content: "";
}
/* =Repeatable patterns

-------------------------------------------------------------- */
/* Small headers */

.archive-title,
.page-title,
.entry-content th,
.comment-content th {
    font-size: 30px;
    font-size: 30px;
    line-height: 2.181818182;
    color: #636363;
    margin-left: 60px;
}

.widget-title {
    font-size: 30px;
    font-size: 30px;
    line-height: 2.181818182;
    color: #636363;
}
/* Shared Post Format styling */

article.format-quote footer.entry-meta, article.format-link footer.entry-meta, article.format-status footer.entry-meta {
    font-size: 11px;
    font-size: 0.785714286rem;
    line-height: 2.181818182;
}
/* Form fields, general styles first */

button, input, select, textarea {
    border: 1px solid #ccc;
    border-radius: 3px;
    font-family: inherit;
    padding: 6px;
    padding: 0.428571429rem;
}

input {
    margin-right: -3px;
    border-radius: 14px 0 0 14px;
}

button, input {
    line-height: normal;
}

input[type="submit"] {
    border-radius: 40px !important;
    color: #ffffff !important;
    height: 30px !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
    background-color: #ec6d58 !important;
    background-image: -moz-linear-gradient(top, #ef8574, #feaf60) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ef8574), to(#feaf60)) !important;
    background-image: -webkit-linear-gradient(top, #ef8574, #feaf60) !important;
    background-image: -o-linear-gradient(top, #ef8574, #feaf60) !important;
    background-image: linear-gradient(to bottom, #ef8574, #feaf60) !important;
    background-repeat: repeat-x !important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffef8574', endColorstr='#ffe7492f', GradientType=0) !important;
    border-color: #feaf60 #feaf60 #b52b15 !important;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled false) !important;
    font-size: 13px !important;
    padding: 5px !important;
}

textarea {
    font-size: 100%;
    overflow: auto;
    vertical-align: top;
}
/* Reset non-text input types */

input[type="checkbox"], input[type="radio"], input[type="file"], input[type="hidden"], input[type="image"], input[type="color"] {
    border: 0;
    border-radius: 0;
    padding: 0;
}
/* Buttons */

.menu-toggle, input[type="submit"], input[type="button"], input[type="reset"], article.post-password-required input[type=submit], .bypostauthor cite span {
    padding: 6px 10px;
    padding: 0.428571429rem 0.714285714rem;
    font-size: 11px;
    font-size: 0.785714286rem;
    line-height: 1.428571429;
    font-weight: normal;
    color: #7c7c7c;
    background-color: #e6e6e6;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
    background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
    background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
    background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
    background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
}

.menu-toggle, button, input[type="submit"], input[type="button"], input[type="reset"] {
    cursor: pointer;
}

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

.menu-toggle:hover, .menu-toggle:focus, button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, article.post-password-required input[type=submit]:hover {
    color: #5e5e5e;
    background-color: #ebebeb;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
    background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
    background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
    background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
    background-image: linear-gradient(top, #f9f9f9, #ebebeb);
}

.menu-toggle:active, .menu-toggle.toggled-on, button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active {
    color: #757575;
    background-color: #e1e1e1;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
    background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
    background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
    background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
    background-image: linear-gradient(top, #ebebeb, #e1e1e1);
    box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
    border-color: transparent;
}

.bypostauthor cite span {
    color: #fff;
    background-color: #21759b;
    background-image: none;
    border: 1px solid #1f6f93;
    border-radius: 2px;
    box-shadow: none;
    padding: 0;
    display: none;
}
/* Responsive images */

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

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

img.size-full, img.size-large, img.header-image, img.wp-post-image {
    max-width: 100%;
    height: auto;
    /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
/* Make sure videos and embeds fit their containers */

embed, iframe, object, video {
    max-width: 100%;
}

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

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

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

img.avatar.avatar-90.wp-user-avatar.wp-user-avatar-90.alignnone.photo, img.avatar.avatar-90.photo {
    border-radius: 55px;
    margin-top: -55px;
}

.circle-avatar {
    width: 100px;
    margin: 0 auto;
}

.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
    /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */  
  /*  border-radius: 3px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);*/
}

.wp-caption {
    max-width: 100%;
    /* Keep wide captions from overflowing their container. */ 
    padding: 4px;
}

.wp-caption .wp-caption-text, .gallery-caption, .entry-caption {
    font-style: italic;
    font-size: 12px;
    font-size: 0.857142857rem;
    line-height: 2;
    color: #757575;
}

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

.entry-content dl.gallery-item {
    margin: 0;
}

.gallery-item a, .gallery-caption {
    width: 90%;
}

.gallery-item a {
    display: block;
}

.gallery-caption a {
    display: inline;
}

.gallery-columns-1 .gallery-item a {
    max-width: 100%;
    width: auto;
}

.gallery .gallery-icon img {
    height: auto;
    max-width: 90%;
    padding: 5%;
}

.gallery-columns-1 .gallery-icon img {
    padding: 3%;
}
/* Logo */

#logo {
    position: absolute;
    top: -46px;
    right: 20px;
    margin: 17px;
}
/* Navigation */

.menu-all-pages-container {
    text-align: center;
    background: #E5E5E5;
    position: absolute;
    z-index: 99998;
    right: 5%;
}

nav#pagination {
    text-align: center;
    color: #60AFFE;
    font-size: 19px;
}

nav#pagination a {
    color: #60AFFE;
}

.site-content nav {
    clear: both;
    line-height: 2;
    overflow: hidden;
}

#nav-above {
    padding: 24px 0;
    padding: 1.714285714rem 0;
}

#nav-above {
    display: none;
}

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

.nav-previous, .previous-image {
    float: left;
    width: 50%;
    margin-bottom: 20px;
}

.nav-next, .next-image {
    float: right;
    text-align: right;
    width: 50%;
}

.nav-single + .comments-area, #comment-nav-above {
    margin: 48px 0;
    margin: 3.428571429rem 0;
}

.main-navigation li {
    font-size: 11px;
    line-height: 1.42857143;
    text-transform: uppercase;
}
/* Author profiles */

#authorarea {
    /* color: #FFF; */
    
    background: #444;
    box-shadow: 0 0 100px 1px rgba(0, 0, 0, 1) inset, 0px 3px 2px 0px;
    -webkit-box-shadow: 0 0 100px 1px rgba(0, 0, 0, 1) inset, 0px 3px 2px 0px;
    /* font-size: 0.8em; */
    /* margin: 4em -60px; */
    
    overflow: hidden;
    padding: 13px;
    margin-bottom: 20px;
}

#authorarea h3 {
    font-size: 18px;
    color: #fff;
    margin: 0;
    display: inline;
}

#authorarea h3 a {
    text-decoration: none;
    color: #f36a02;
}

#authorarea img {
    padding: 10px;
    float: left;
    width: 100px;
    height: 100px;
    margin-right: 12px;
    border-radius: 25px;
}

#authorarea p {
    color: #333;
    margin: 0;
    padding: 0px 10px 10px 10px;
}

a.author-link {
    color: #fff;
}

.author .archive-header {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
}

.author-info {
    /*	border-top: 1px solid #ededed;

	margin: 24px 0;

	margin: 1.714285714rem 0;

	padding-top: 24px;

	padding-top: 1.714285714rem;  */
    
    color: #FFF;
    font-size: 15px;
    overflow: hidden;
    line-height: 24px;
}

.author-full-info {
    margin-top: 14px;
}

.author-description p {
    color: #757575;
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 1.846153846;
}
/* .author.archive .author-info {
  /* color: #FFF; 
  background: #444;
  box-shadow: 0 0 100px 1px rgba(0, 0, 0, 1) inset, 0px 3px 2px 0px;
  -webkit-box-shadow: 0 0 100px 1px rgba(0, 0, 0, 1) inset, 0px 3px 2px 0px;
  /* font-size: 0.8em; 
  /* margin: 4em -60px; 
  overflow: hidden;
  padding: 13px;
  margin-bottom: 20px;
  margin: 0 0 48px;
  margin: 0 0 3.428571429rem;
} 
.author.archive .author-avatar {
	margin-top: 0;
} */
/* Ribbon */
.ribbon {
    background-color: #fafafa;
    background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
    background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
    /* border: 1px solid #d4d4d4; */
    /* -webkit-border-radius: 4px; */
    -moz-border-radius: 4px;
    /* border-radius: 4px; */
    position: relative;
    margin-left: 260px;
    position: relative;
}
/* Navigation Background */

.nav-bg {
    background-color: #f0f0f0;
    height: 100px;
}
/* =Basic structure

-------------------------------------------------------------- */
/* Body, links, basics */

html {
    font-size: 87.5%;
}

body {
    font-size: 16px;
    font-family: 'Raleway', sans-serif;
    text-rendering: optimizeLegibility;
    color: #444;
}

body.custom-font-enabled {
    font-family: 'Raleway', sans-serif;
}

a {
    outline: none;
    color: #feaf60;
    text-decoration: none;
}

a:hover {
    color: #feaf60;
    text-decoration: underline;
}

div#page {
    position: relative;
}
/* Assistive text */

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

.main-navigation {
    background: #3a3a3a;
    box-shadow: none;
    border-bottom: none;
    border-top: none;
    margin-top: 32px;
    text-align: left;
    padding-right: 10px;
}

.main-navigation .assistive-text:focus {
    background: #fff;
    border: 2px solid #333;
    border-radius: 3px;
    clip: auto !important;
    color: #000;
    display: block;
    font-size: 12px;
    padding: 12px;
    position: absolute;
    top: 5px;
    left: 15px;
    z-index: 100000;
    /* Above WP toolbar */
}
/* Page structure */

.site {
    /*	padding: 0 24px;

	padding: 0 1.714285714rem; 

	background-color: #fff; */
    
    padding: 11px;
}

.site-content {
    margin: 24px 0 0;
    margin: 1.714285714rem 0 0;
    background: #FFF;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
}

.widget-area {
    margin: 24px 0 0;
    margin: 1.714285714rem 0 0;
}
/* Header */

hgroup {
    background: #fff;
    margin: 0 auto;
    max-width: 95%;
}

.site-header {
    /*	padding: 24px 0;

	padding: 1.714285714rem 0; */
    
    margin-top: -100px;
}

.site-header h1,
.site-header h2 {
    text-align: center;
}

.site-header h1 a,
.site-header h2 a {
    color: #515151;
    display: inline-block;
    text-decoration: none;
}

.site-header h1 a:hover,
.site-header h2 a:hover {
    color: #21759b;
}

.site-header h1 {
    font-size: 24px;
    font-size: 1.714285714rem;
    line-height: 1.285714286;
    margin-bottom: 14px;
    margin-bottom: 1rem;
}

.site-header h2 {
    font-weight: normal;
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 1.846153846;
    color: #757575;
}

.header-image {
    margin-top: 24px;
    margin-top: 1.714285714rem;
}
/* Navigation Menu */

.main-navigation a {
    color: #5e5e5e;
}

.main-navigation li a:hover,
.main-navigation li a:focus {
    color: #feaf60;
}

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

.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
    display: inline-block;
    padding: 10px;
    border-radius: 0px;
}

.nav-menu {
    background: none;
    border: 0;
}
/* Banner */

section[role="banner"] {
    margin-bottom: 48px;
    margin-bottom: 3.428571429rem;
}
/* Sidebar */

.widget-area .widget {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  margin-bottom: 48px;
  margin-bottom: 3.428571429rem;
  word-wrap: break-word;
  background: white;
  box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
  padding: 25px;
  position: relative;
  text-shadow: 0 1px 0 #FFFFFF;
  border-radius: 5px;
}

.widget-area .widget h3 {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
    font-size: 24px;
    line-height: 1.2em;
    margin: 0 0 0.5em;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 0.5em;
}

.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 1.846153846;
}

.widget-area .widget p {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
}

.widget-area .textwidget ul {
    list-style: disc outside;
    margin: 0 0 24px;
    margin: 0 0 1.714285714rem;
}

.widget-area .textwidget li {
    margin-left: 36px;
    margin-left: 2.571428571rem;
}

.widget-area .widget a {
    color: #60AFFE;
    text-decoration: none;
    font-size: 14px;
    font-size: 1.1rem;
}

.widget-area .widget a:hover {
    color: #60AFFE;
}

.widget-area .widget a:visited {
    color: #60AFFE;
}

.widget-area #s {
    width: 53.66666666666%;
    /* define a width to avoid dropping a wider submit button */
}
/* Footer */

.footer-bg {
    background: #e3e3e3;
    margin-top: -59px;
}

.footer-widgets {
    font-size: 13px;
}

.footer-widgets h3 {
    text-transform: uppercase;
}

#footer-sidebar1,
#footer-sidebar2,
#footer-sidebar3,
#footer-sidebar4 {
    width: 94%;
    padding: 10px;
    height: auto;
}

.footer-widgets .widget {
    margin-bottom: 20px;
}

footer[role="contentinfo"] {
    /*	border-top: 1px solid #ededed; */
    /*  border-top: 1px solid #ededed; */
    
    clear: both;
    font-size: 12px;
    font-size: 0.857142857rem;
    line-height: 2;
    max-width: 960px;
    max-width: 1170px;
    margin-top: 24px;
    margin-top: 1.714285714rem;
    margin-left: auto;
    margin-right: auto;
    padding: 24px 0;
    padding: 15px;
}
 /*.widget-area h3.widget-title:before {
    content: '\229B';
    color: #E7492F;
    font-size: 20px;
    margin-right: 8px;
    background-color: blue !important;
    font-weight: bold !important;
    padding: 10px !important;
}*/

.footer-widgets h3.widget-title {
    color: #b80000;
    /*  text-transform: uppercase; */
    
    font-weight: 700;
    font-size: 14px;
}

.footer-widgets a {
    text-decoration: underline;
    cursor: pointer;
    line-height: 1.714285714;
    color: #39434c;
}

footer[role="contentinfo"] a {
    color: #686868;
}

footer[role="contentinfo"] a:hover {
    color: #21759b;
}

.textwidget p {
    line-height: 1.714285714;
}
/* =Main content and comment content

-------------------------------------------------------------- */

.entry-meta {
    clear: both;
}

.entry-header {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
}

.entry-header img.wp-post-image {
    /*	margin-bottom: 24px;

	margin-bottom: 1.714285714rem; */
}

.entry-header .entry-title {
    font-size: 2em;
    line-height: 1.2;
    font-weight: normal;
}

.entry-header .entry-title a {
    text-decoration: none;
}

.entry-header .entry-format {
    margin-top: 24px;
    margin-top: 1.714285714rem;
    font-weight: normal;
}

.entry-header .comments-link {
    margin-top: 24px;
    margin-top: 1.714285714rem;
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 1.846153846;
    color: #757575;
    display: none;
}

.entry-summary {
    margin-right: 60px;
    margin-left: 60px;
}

span.author-by {
    color: #60AFFE;
    text-decoration: none;
}

.comments-link a,
.entry-meta a {
    color: #757575;
}

.comments-link a:hover,
.entry-meta a:hover {
    color: #21759b;
}

.featured-posts-grid {
    /* position: absolute; */
    
    left: 0;
    z-index: 0;
    width: 100%;
    height: auto;
    background: #fff;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    margin-top: -20px;
}

article.sticky .featured-post {
    border-top: 4px double #ededed;
    border-bottom: 4px double #ededed;
    color: #757575;
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 3.692307692;
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
    text-align: center;
}
/*Dynamic Grid */

.dg-wrap .dg-post-excerpt {
    font: 12px/15px Raleway, sans-serif !important;
}

.dg-wrap .dg-post-title {
    font: 23px/25px Raleway, sans-serif !important;
}

article.special-category {
    background: #444;
    color: white;
    box-shadow: 0 0 100px 1px rgba(0, 0, 0, 1) inset, 0px 3px 2px 0px;
    -webkit-box-shadow: 0 0 100px 1px rgba(0, 0, 0, 1) inset, 0px 3px 2px 0px;
}

.entry-content,
.entry-summary,
.mu_register {
    line-height: 1.714285714;
}

.entry-content h1,
.comment-content h1,
.entry-content h2,
.comment-content h2,
.entry-content h3,
.comment-content h3,
.entry-content h4,
.comment-content h4,
.entry-content h5,
.comment-content h5,
.entry-content h6,
.comment-content h6 {
    margin: 24px 0;
    margin: 1.714285714rem 0;
    line-height: 1.714285714;
}

img.attachment-post-thumbnail.wp-post-image {
    width: 100%;
    border-radius: 0;
    box-shadow: none;
}

.entry-content h1,
.comment-content h1 {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 1.5;
}

h1.entry-title,
footer.entry-meta,
.entry-content,
.site-content nav,
#comments.comments-area,
.comments-link {
    margin-left: 60px;
    margin-right: 60px;
}

section.comment-content.comment {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0 10% 0 2.5%;
    white-space: pre-line;
    word-wrap: break-word;
    margin-top: 0.5em;
}

.entry-content h2,
.comment-content h2,
.mu_register h2 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.6;
}

.entry-content h3,
.comment-content h3 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.846153846;
}

.entry-content h4,
.comment-content h4 {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.846153846;
}

.entry-content h5,
.comment-content h5 {
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 1.846153846;
}

.entry-content h6,
.comment-content h6 {
    font-size: 12px;
    font-size: 0.857142857rem;
    line-height: 1.846153846;
}

.entry-content p,
.entry-summary p,
.comment-content p,
.mu_register p {
    margin: 0 0 24px;
    margin: 0 0 1.714285714rem;
    line-height: 1.714285714;
}

.entry-content a:visited,
.comment-content a:visited {
    color: #60AFFE;
}

.entry-content .more-link {
    white-space: nowrap;
}

.entry-content ol,
.comment-content ol,
.entry-content ul,
.comment-content ul,
.mu_register ul {
    margin: 0 0 24px;
    margin: 0 0 1.714285714rem;
    line-height: 1.714285714;
}

.entry-content ul ul,
.comment-content ul ul,
.entry-content ol ol,
.comment-content ol ol,
.entry-content ul ol,
.comment-content ul ol,
.entry-content ol ul,
.comment-content ol ul {
    margin-bottom: 0;
}

.entry-content ul,
.comment-content ul,
.mu_register ul {
    list-style: disc outside;
}

.entry-content ol,
.comment-content ol {
    list-style: decimal outside;
}

.entry-content li,
.comment-content li,
.mu_register li {
    margin: 0 0 0 36px;
    margin: 0 0 0 2.571428571rem;
}

.entry-content blockquote,
.comment-content blockquote {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
    padding: 24px;
    padding: 1.714285714rem;
    font-style: italic;
}

.entry-content blockquote p:last-child,
.comment-content blockquote p:last-child {
    margin-bottom: 0;
}

.entry-content code,
.comment-content code {
    font-family: Consolas, Monaco, Lucida Console, monospace;
    font-size: 12px;
    font-size: 0.857142857rem;
    line-height: 2;
}

.entry-content pre,
.comment-content pre {
    border: 1px solid #ededed;
    color: #666;
    font-family: Consolas, Monaco, Lucida Console, monospace;
    font-size: 12px;
    font-size: 0.857142857rem;
    line-height: 1.714285714;
    margin: 24px 0;
    margin: 1.714285714rem 0;
    overflow: auto;
    padding: 24px;
    padding: 1.714285714rem;
}

.entry-content pre code,
.comment-content pre code {
    display: block;
}

.entry-content abbr,
.comment-content abbr,
.entry-content dfn,
.comment-content dfn,
.entry-content acronym,
.comment-content acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

.entry-content address,
.comment-content address {
    display: block;
    line-height: 1.714285714;
    margin: 0 0 24px;
    margin: 0 0 1.714285714rem;
}

img.alignleft,
.wp-caption.alignleft {
    margin: 12px 24px 12px 0;
    margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}

img.alignright,
.wp-caption.alignright {
    margin: 12px 0 12px 24px;
    margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}

img.aligncenter,
.wp-caption.aligncenter {
    clear: both;
    margin-top: 12px;
    margin-top: 0.857142857rem;
    margin-bottom: 12px;
    margin-bottom: 0.857142857rem;
}

.entry-content embed,
.entry-content iframe,
.entry-content object,
.entry-content video {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
}

.entry-content dl,
.comment-content dl {
    margin: 0 24px;
    margin: 0 1.714285714rem;
}

.entry-content dt,
.comment-content dt {
    line-height: 1.714285714;
}

.entry-content dd,
.comment-content dd {
    line-height: 1.714285714;
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
}

.entry-content table,
.comment-content table {
    border-bottom: 1px solid #ededed;
    color: #757575;
    font-size: 12px;
    font-size: 0.857142857rem;
    line-height: 2;
    margin: 0 0 24px;
    margin: 0 0 1.714285714rem;
    width: 100%;
}

.entry-content table caption,
.comment-content table caption {
    font-size: 16px;
    font-size: 1.142857143rem;
    margin: 24px 0;
    margin: 1.714285714rem 0;
}

.entry-content td,
.comment-content td {
    border-top: 1px solid #ededed;
    padding: 6px 10px 6px 0;
}

.site-content article {
    border-bottom: 1px solid #feaf60;
    margin-bottom: 15px;
    /* margin-bottom: 5.142857143rem; */
    /* padding-bottom: 24px; */
    /* padding-bottom: 1.714285714rem; */
    
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.page-links {
    clear: both;
    line-height: 1.714285714;
}

.post-tags {
    margin-left: 60px;
    margin-bottom: 20px;
}

.post-tags:a {
    color: #feaf60;
}

footer.entry-meta {
    font-family: 'Raleway', sans-serif;
    display: block;
    /* padding-bottom: 0.5em; */
    
    border-bottom: 1px dotted #ccc;
    /* margin-bottom: 0.5em; */
    
    font-size: 18px;
    line-height: 1.35em;
    /* font-size: 0.928571429rem; */
    
    line-height: 1.846153846;
    color: #999;
    margin-bottom: 20px;
}

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

.mu_register h2 {
    color: #757575;
    font-weight: normal;
}
/* =Archives

-------------------------------------------------------------- */

.archive-header,
.page-header {
    margin-bottom: 48px;
    margin-bottom: 3.428571429rem;
    padding-bottom: 22px;
    padding-bottom: 1.571428571rem;
    border-bottom: 1px solid #ededed;
}

.archive-meta {
    color: #757575;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 2;
    margin-top: 22px;
    margin-top: 1.571428571rem;
    padding: 10px 0px 0px 60px;
}
/* =Single audio/video attachment view

-------------------------------------------------------------- */

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

.attachment .entry-content .mejs-container {
    margin-bottom: 24px;
}
/* =Single image attachment view

-------------------------------------------------------------- */

.article.attachment {
    overflow: hidden;
}

.image-attachment div.attachment {
    text-align: center;
}

.image-attachment div.attachment p {
    text-align: center;
}

.image-attachment div.attachment img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
}

.image-attachment .entry-caption {
    margin-top: 8px;
    margin-top: 0.571428571rem;
}
/* =Aside post format

-------------------------------------------------------------- */

article.format-aside h1 {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
}

h1.entry-title {
    font-family: 'Raleway', sans-serif;
    font-size: 2em;
    margin-bottom: 6px;
}

h1.entry-title a {
    color: #333;
    text-decoration: none;
}  

article.format-aside h1 a {
    text-decoration: none;
    color: #4d525a;
}

article.format-aside h1 a:hover {
    color: #2e3542;
}

article.format-aside .aside {
    padding: 24px 24px 0;
    padding: 1.714285714rem;
    background: #d2e0f9;
    border-left: 22px solid #a8bfe8;
}

article.format-aside p {
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 1.846153846;
    color: #4a5466;
}

article.format-aside blockquote:last-child,
article.format-aside p:last-child {
    margin-bottom: 0;
}
/* =Post formats

-------------------------------------------------------------- */
/* Image posts */

article.format-image footer h1 {
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 1.846153846;
    font-weight: normal;
}

article.format-image footer h2 {
    font-size: 11px;
    font-size: 0.785714286rem;
    line-height: 2.181818182;
}

article.format-image footer a h2 {
    font-weight: normal;
}
/* Link posts */

article.format-link header {
    padding: 0 10px;
    padding: 0 0.714285714rem;
    float: right;
    font-size: 11px;
    font-size: 0.785714286rem;
    line-height: 2.181818182;
    font-style: italic;
    text-transform: uppercase;
    color: #848484;
    background-color: #ebebeb;
    border-radius: 3px;
}

article.format-link .entry-content {
    max-width: 80%;
    float: left;
}

article.format-link .entry-content a {
    font-size: 22px;
    font-size: 1.571428571rem;
    line-height: 1.090909091;
    text-decoration: none;
}
/* Quote posts */

article.format-quote .entry-content p {
    margin: 0;
    padding-bottom: 24px;
    padding-bottom: 1.714285714rem;
}

a.assistive-text {
    display: none;
}

article.format-quote .entry-content blockquote {
    display: block;
    padding: 24px 24px 0;
    padding: 1.714285714rem 1.714285714rem 0;
    font-size: 15px;
    font-size: 1.071428571rem;
    line-height: 1.6;
    font-style: normal;
    color: #6a6a6a;
    background: #efefef;
}
/* Status posts */

.format-status .entry-header {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
}

.category-ribbon {
    background-color: #feaf60;
    color: #fff;
    height: auto;
    line-height: 32px;
    margin: 0 0 -22px -10px;
    padding-left: 10px;
    position: absolute;
    text-align: center;
    width: 150px;
    z-index: 10;
}

.category-ribbon:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 0;
    height: 0;
    border-top: 0;
    border-right: 10px solid #99756F;
    border-bottom: 10px solid transparent;
}

.category-ribbon a {
    color: #FFF;
}

.category-ribbon a:hover {
    color: #FFF;
}

.should-be-hidden {
    display: none;
}

.format-status .entry-header header {
    display: inline-block;
}

.format-status .entry-header h1 {
    font-size: 15px;
    font-size: 1.071428571rem;
    font-weight: normal;
    line-height: 1.6;
    margin: 0;
}

.format-status .entry-header h2 {
    font-size: 12px;
    font-size: 0.857142857rem;
    font-weight: normal;
    line-height: 2;
    margin: 0;
}

.format-status .entry-header header a {
    color: #757575;
}

.format-status .entry-header header a:hover {
    color: #21759b;
}

.format-status .entry-header img {
    float: left;
    margin-right: 21px;
    margin-right: 1.5rem;
}
/* =Comments

-------------------------------------------------------------- */

.comments-title {
    margin-bottom: 48px;
    margin-bottom: 3.428571429rem;
    font-size: 16px;
    font-size: 1.142857143rem;
    line-height: 1.5;
    font-weight: normal;
}

.comments-area article {
    margin: 24px 0;
    margin: 1.714285714rem 0;
}

.comments-area article header {
    /*	margin: 0 0 48px;

	margin: 0 0 3.428571429rem; */
    
    overflow: hidden;
    position: relative;
}

.comments-area article header img {
    float: left;
    padding: 0;
    line-height: 0;
    border-radius: 24px;
    margin-left: 30px;
    margin-top: 5px;
}

.comments-area article header cite,
.comments-area article header time {
    display: block;
    margin-left: 85px;
    margin-left: 6.071428571rem;
}

.comments-area article header cite {
    font-style: normal;
    font-size: 15px;
    font-size: 1.071428571rem;
    line-height: 1.42857143;
}

.comments-area cite b {
    font-weight: normal;
}

.comments-area article header time {
    line-height: 1.714285714;
    text-decoration: none;
    font-size: 12px;
    font-size: 0.857142857rem;
    color: #5e5e5e;
}

.comments-area article header a {
    text-decoration: none;
    color: #5e5e5e;
}

.comments-area article header a:hover {
    color: #21759b;
}

.comments-area article header cite a {
    color: #aa1801;
    font-size: 25px;
    font-family: 'Raleway', sans-serif;
}

.comments-area article header cite a:hover {
    text-decoration: none;
    color: #aa1801;
}

.comments-area article header h4 {
    position: absolute;
    top: 0;
    right: 0;
    padding: 6px 12px;
    padding: 0.428571429rem 0.857142857rem;
    font-size: 12px;
    font-size: 0.857142857rem;
    font-weight: normal;
    color: #fff;
    background-color: #0088d0;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #009cee, #0088d0);
    background-image: -ms-linear-gradient(top, #009cee, #0088d0);
    background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
    background-image: -o-linear-gradient(top, #009cee, #0088d0);
    background-image: linear-gradient(top, #009cee, #0088d0);
    border-radius: 3px;
    border: 1px solid #007cbd;
}

.comments-area .bypostauthor cite span {
    position: absolute;
    margin-left: 5px;
    margin-left: 0.357142857rem;
    padding: 2px 5px;
    padding: 0.142857143rem 0.357142857rem;
    font-size: 10px;
    font-size: 0.714285714rem;
}

.comments-area .bypostauthor cite b {
    color: #aa1801;
    font-size: 25px;
    font-family: 'Raleway', sans-serif;
}

a.comment-reply-link,
a.comment-edit-link {
    color: #686868;
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 1.846153846;
}

a.comment-reply-link:hover,
a.comment-edit-link:hover {
    color: #21759b;
}

.commentlist .pingback {
    line-height: 1.714285714;
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
}
/* Comment form */

#respond {
    margin-top: 48px;
    margin-top: 3.428571429rem;
}

#respond h3#reply-title {
    font-size: 16px;
    font-size: 1.142857143rem;
    line-height: 1.5;
}

#respond h3#reply-title #cancel-comment-reply-link {
    margin-left: 10px;
    margin-left: 0.714285714rem;
    font-weight: normal;
    font-size: 12px;
    font-size: 0.857142857rem;
}

#respond form {
    margin: 24px 0;
    margin: 1.714285714rem 0;
}

#respond form p {
    margin: 11px 0;
    margin: 0.785714286rem 0;
}

#respond form p.logged-in-as {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
}

#respond form label {
    display: block;
    line-height: 1.714285714;
}

#respond form input[type="text"],
#respond form textarea {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    font-size: 0.857142857rem;
    line-height: 1.714285714;
    padding: 10px;
    padding: 0.714285714rem;
    width: 100%;
}

#respond form p.form-allowed-tags {
    margin: 0;
    font-size: 12px;
    font-size: 0.857142857rem;
    line-height: 2;
    color: #5e5e5e;
}

.required {
    color: red;
}
/* =Front page template

-------------------------------------------------------------- */

.entry-page-image {
    margin-bottom: 14px;
    margin-bottom: 1rem;
}

.template-front-page .site-content article {
    border: 0;
    margin-bottom: 0;
}

.template-front-page .widget-area {
    clear: both;
    float: none;
    width: auto;
    padding-top: 24px;
    padding-top: 1.714285714rem;
    border-top: 1px solid #ededed;
}

.template-front-page .widget-area .widget li {
    margin: 8px 0 0;
    margin: 0.571428571rem 0 0;
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 1.714285714;
    list-style-type: square;
    list-style-position: inside;
}

.template-front-page .widget-area .widget li a {
    color: #757575;
}

.template-front-page .widget-area .widget li a:hover {
    color: #21759b;
}

.template-front-page .widget-area .widget_text img {
    float: left;
    margin: 8px 24px 8px 0;
    margin: 0.571428571rem 1.714285714rem 0.571428571rem 0;
}
/* =Widgets

-------------------------------------------------------------- */

.widget-area .widget ul ul {
    margin-left: 12px;
    margin-left: 0.857142857rem;
}

.widget_rss li {
    margin: 12px 0;
    margin: 0.857142857rem 0;
}

.widget_recent_entries .post-date,
.widget_rss .rss-date {
    color: #aaa;
    font-size: 11px;
    font-size: 0.785714286rem;
    margin-left: 12px;
    margin-left: 0.857142857rem;
}

#wp-calendar {
    margin: 0;
    width: 100%;
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 1.846153846;
    color: #686868;
}

#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
    text-align: left;
}

#wp-calendar #next {
    padding-right: 24px;
    padding-right: 1.714285714rem;
    text-align: right;
}

.widget_search label {
    display: block;
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 1.846153846;
}

.widget_twitter li {
    list-style-type: none;
}

.widget_twitter .timesince {
    display: block;
    text-align: right;
}

input#searchsubmit {
    border-radius: 0 14px 14px 0;
    color: #ffffff;
    height: 30px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #ec6d58;
    background-image: -moz-linear-gradient(top, #ef8574, #feaf60);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ef8574), to(#feaf60));
    background-image: -webkit-linear-gradient(top, #ef8574, #feaf60);
    background-image: -o-linear-gradient(top, #ef8574, #feaf60);
    background-image: linear-gradient(to bottom, #ef8574, #feaf60);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffef8574', endColorstr='#ffe7492f', GradientType=0);
    border-color: #feaf60 #feaf60 #b52b15;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled false);
    font-size: 13px;
    padding: 5px;
}
/* =Plugins

----------------------------------------------- */

img#wpstats {
    display: block;
    margin: 0 auto 24px;
    margin: 0 auto 1.714285714rem;
}
/* =Media queries

-------------------------------------------------------------- */
/* Does the same thing as <meta name="viewport" content="width=device-width">,

 * but in the future W3C standard way. -ms- prefix is required for IE10+ to

 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor

 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.

 */

@-ms-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}
/* Minimum width of 600 pixels. */

@media screen and (min-width: 600px) {
    #logo {
        position: absolute;
        top: -12px;
        z-index: 99999;
        margin-left: 44px;
        -webkit-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out;
    }
    #logo:hover {
       /* top: 0px; */
    }
    .author-avatar {
        float: left;
        margin-top: 8px;
        margin-top: 0.571428571rem;
    }
    .author-description {
        color: #FFF !important;
        font-size: 15px;
        overflow: hidden;
        line-height: 24px;
    }
    .site {
        margin: 0 auto;
        max-width: 960px;
        max-width: 1170px;
        overflow: hidden;
    }
    .site-content {
        float: left;
        width: 63.104167%;
        background: #FFF;
        box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
        border-radius: 0 0 3px 3px;
        -webkit-border-radius: 0 0 3px 3px;
        margin-left: 0px;
        margin-top: -12px;
        padding-top: 50px;
        padding-bottom: 33px;
    }
    body.template-front-page .site-content,
    body.attachment .site-content,
    body.full-width .site-content {
        width: 100%;
    }
    .widget-area {
        float: right;
        width: 35%;
    }
    .entry-header .entry-title {
        font-size: 2em;
    }
    .site-header h1,
    .site-header h2 {
        text-align: left;
    }
    .site-header h1 {
        font-size: 26px;
        font-size: 1.857142857rem;
        line-height: 1.846153846;
        margin-bottom: 0;
    }
    .site-header {
        margin-top: -100px;
    }
    /* Header */
    
    hgroup {
        background: #fff;
        margin: 0 auto;
        max-width: 1150px;
        padding: 10px;
        margin-top: 20px;
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-width: 1px 1px 0 1px;
        border-radius: 4px 4px 0 0;
        -webkit-border-radius: 4px 4px 0 0;
    }
    a.more-link {
        color: #60AFFE;
        text-decoration: none;
        font-size: 17px;
    }
    a.more-link:after {
        content: '\21E8';
        padding-left: 4px;
    }
    a.moretag:after {
        content: '\21E8';
        padding-left: 4px;
    }
    a.moretag {
        display: flex;
    }
    .button,.readon {
        color:#feaf60;
        border:1px solid #feaf60;
        display:inline-block;
        padding:3px 3px;
        line-height:normal;
        font-size:10px;
        font-weight:400;
        vertical-align:middle;
        border-radius:20px;
        background:none;
        background-image:none;
        text-shadow:none;
        text-decoration:none;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        -webkit-transition:all .2s ease-in;
        -moz-transition:all .2s ease-in;
        -o-transition:all .2s ease-in;
        transition:all .2s ease-in;
        -webkit-transition:all .2s ease-in;
        -moz-transition:all .2s ease-in;
        -o-transition:all .2s ease-in;
        transition:all .2s ease-in;
        -webkit-transition:all .2s ease-in;
        -moz-transition:all .2s ease-in;
        -o-transition:all .2s ease-in;
        transition:all .2s ease-in
    }

    .main-navigation {
        margin-top: 24px;
        margin-top: 1.714285714rem;
        text-align: center;
        background: #E5E5E5;
        position: relative;
        border-bottom: 1px solid #CDCDCD;
        border-top: 1px solid #CDCDCD;
    }
    .nav-menu {
        background: none;
        border: 0;
        box-shadow: none;
        margin-left: 262px;
    }
    .main-navigation ul.nav-menu,
    .main-navigation div.nav-menu > ul {
        display: inline-block !important;
        text-align: left;
        width: 100%;
    }
    .ribbon {
        margin: 0 auto;
        max-width: 1190px;
        margin-top: -27px;
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
        -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    }
    .ribbon:before {
        content: "";
        position: absolute;
        left: 0px;
        bottom: -10px;
        width: 0;
        height: 0;
        border-top: 0;
        border-right: 10px solid #999;
        border-bottom: 10px solid transparent;
    }
    .ribbon:after {
        content: "";
        position: absolute;
        right: 0px;
        top: -10px;
        width: 0;
        height: 0;
        border-bottom: 10px solid #999;
        border-right: 9px solid transparent;
    }
    .main-navigation ul {
        margin: 0;
        text-indent: 0;
    }
    .main-navigation li a,
    .main-navigation li {
        display: inline-block;
        text-decoration: none;
    }
    .main-navigation li a {
        float: none;
        color: #777777;
        text-decoration: none;
        text-shadow: 0 1px 0 #ffffff;
        line-height: 3.692307692;
        white-space: nowrap;
        font-size: 15px;
        font-family: 'Raleway', sans-serif;
    }
    .main-navigation li a:hover,
    .main-navigation li a:focus {
        color: #777777;
        text-decoration: none;
        text-shadow: 0 1px 0 #ffffff;
    }
    .main-navigation li {
        margin: 0 40px 0 0;
        margin: 0 2.857142857rem 0 0;
        position: relative;
        font-size: 12px;
        font-size: 0.857142857rem;
        line-height: 1.42857143;
        text-transform: uppercase;
    }
    .main-navigation li ul {
        margin: 0;
        position: absolute;
        top: 100%;
        z-index: 9999;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px);
        padding-bottom: 10px;
        padding-top: 10px;
    }
    .main-navigation li ul ul {
        top: 0;
        left: 100%;
    }
    .main-navigation ul li:hover > ul,
    .main-navigation ul li:focus > ul,
    .main-navigation .focus > ul {
        border-left: 0;
        clip: inherit;
        overflow: inherit;
        height: inherit;
        width: 200px;
    }
    .main-navigation li ul li a {
        display: block;
        font-size: 13px;
        line-height: 13px;
        padding: 8px 10px;
        padding: 0.571428571rem 0.714285714rem;
        width: 180px;
        width: 12.85714286rem;
        white-space: normal;
        margin-left: 0px !important;
    }
    .main-navigation li ul li a:hover,
    .main-navigation li ul li a:focus {
        color: #FFF;
        background: #feaf60;
        text-shadow: none;
    }
    .main-navigation .current-menu-item > a,
    .main-navigation .current-menu-ancestor > a,
    .main-navigation .current_page_item > a,
    .main-navigation .current_page_ancestor > a {
        color: #636363;
    }
    .menu-all-pages-container {
        text-align: center;
        background: #E5E5E5;
        position: relative;
        padding-left: 20px;
        padding-right: 20px;
        margin-left: 302px;
    }
    .main-navigation li:before {
        
        color: #E7492F;
        font-size: 18px;
        margin-right: 7px;
    }
    .menu-toggle {
        display: none;
    }
    .entry-header .entry-title {
        font-size: 22px;
        font-size: 1.571428571rem;
    }
    #respond form input[type="text"] {
        width: 46.333333333%;
    }
    #respond form textarea.blog-textarea {
        width: 79.666666667%;
    }
    .template-front-page .site-content,
    .template-front-page article {
        overflow: hidden;
    }
    .template-front-page.has-post-thumbnail article {
        float: left;
        width: 47.916666667%;
    }
    .entry-page-image {
        float: right;
        margin-bottom: 0;
        width: 47.916666667%;
    }
    .template-front-page .widget-area .widget,
    .template-front-page.two-sidebars .widget-area .front-widgets {
        float: left;
        width: 51.875%;
        margin-bottom: 24px;
        margin-bottom: 1.714285714rem;
    }
    .template-front-page .widget-area .widget:nth-child(odd) {
        clear: right;
    }
    .template-front-page .widget-area .widget:nth-child(even),
    .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
        float: right;
        width: 39.0625%;
        margin: 0 0 24px;
        margin: 0 0 1.714285714rem;
    }
    .template-front-page.two-sidebars .widget,
    .template-front-page.two-sidebars .widget:nth-child(even) {
        float: none;
        width: auto;
    }
    .commentlist .children {
        margin-left: 48px;
        margin-left: 3.428571429rem;
    }
    /*Sub-Menu*/
    
    ul.sub-menu {
        float: left;
        border-radius: 6px;
        list-style: none;
        background-color: #ffffff;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
    }
    ul.sub-menu:after {
        content: '';
        display: inline-block;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #ffffff;
        position: absolute;
        top: -6px;
        left: 10px;
    }
    ul.sub-menu:before {
        content: '';
        display: inline-block;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        position: absolute;
        top: -7px;
        left: 9px;
    }
    ul.sub-menu li:before {
        display: inline-block;
        content: none;
        z-index: 9999;
    }
    ul.sub-menu li ul.sub-menu {
        margin-top: -11px;
        margin-left: 0px;
    }
    ul.sub-menu li ul.sub-menu:after {
        content: none !important;
    }
    ul.sub-menu li ul.sub-menu:before {
        content: none !important;
    }
    /*Footer*/
    
    .footer-widgets {
        margin: 0 auto;
        max-width: 1170px;
    }
    .footer-bg {
        margin-top: -80px;
        padding-top: 30px;
    }
    #footer-sidebar1,
    #footer-sidebar2,
    #footer-sidebar3,
    #footer-sidebar4 {
        width: 268px;
        padding: 10px;
        
    }
    #footer-sidebar1 {
        float: left;
        margin-left: 5px;
        margin-right: 5px;
        border-right: 1px solid #c7c7c7;
    }
    #footer-sidebar2 {
        float: left;
        margin-right: 5px;
        border-right: 1px solid #c7c7c7;
    }
    #footer-sidebar3 {
        float: left;
        border-right: 1px solid #c7c7c7;
    }
    #footer-sidebar4 {
        float: left;
    }
}
/* Minimum width of 960 pixels. */

@media screen and (min-width: 960px) {
    body {
        background-color: #f0f0f0;
    }
    .entry-header .entry-title {
        font-size: 2em;
    }
    body .site {
        /*	padding: 0 40px;

		padding: 0 2.857142857rem; 

		margin-top: 48px;

		margin-top: 3.428571429rem;

		margin-bottom: 48px;

        box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); */
        
        margin-bottom: 3.428571429rem;
    }
    body.custom-background-empty {
        background-color: #fff;
    }
    body.custom-background-empty .site,
    body.custom-background-white .site {
        padding: 0;
        margin-top: 0;
        margin-bottom: 0;
        box-shadow: none;
    }
}
/* =Print

----------------------------------------------- */

@media print {
    body {
        background: none !important;
        color: #000;
        font-size: 10pt;
    }
    footer a[rel=bookmark]:link:after,
    footer a[rel=bookmark]:visited:after {
        content: " [" attr(href) "] ";
        /* Show URLs */
    }
    a {
        text-decoration: none;
    }
    .entry-content img,
    .comment-content img,
    .author-avatar img,
    img.wp-post-image {
        border-radius: 0;
        box-shadow: none;
    }
    .site {
        clear: both !important;
        display: block !important;
        float: none !important;
        max-width: 100%;
        position: relative !important;
    }
    .site-header {
        margin-bottom: 72px;
        margin-bottom: 5.142857143rem;
        text-align: left;
    }
    .site-header h1 {
        font-size: 21pt;
        line-height: 1;
        text-align: left;
    }
    .site-header h2 {
        color: #000;
        font-size: 10pt;
        text-align: left;
    }
    .site-header h1 a,
    .site-header h2 a {
        color: #000;
    }
    .author-avatar,
    #colophon,
    #respond,
    .commentlist .comment-edit-link,
    .commentlist .reply,
    .entry-header .comments-link,
    .entry-meta .edit-link a,
    .page-link,
    .site-content nav,
    .widget-area,
    img.header-image,
    .main-navigation {
        display: none;
    }
    .wrapper {
        border-top: none;
        box-shadow: none;
    }
    .site-content {
        margin: 0;
        width: auto;
    }
    .entry-header .entry-title,
    .entry-title {
        font-size: 21pt;
    }
    footer.entry-meta,
    footer.entry-meta a {
        color: #444;
        font-size: 10pt;
    }
    .author-description {
        float: none;
        width: auto;
    }
    /* Comments */
    
    ol.commentlist {
        margin-top: -36px;
    }
    .commentlist > li.comment {
        background: none;
        position: relative;
        width: auto;
    }
    .commentlist .avatar {
        height: 39px;
        left: 2.2em;
        top: 2.2em;
        width: 39px;
    }
    .comments-area article header cite,
    .comments-area article header time {
        margin-left: 50px;
        margin-left: 3.57142857rem;
    }
}
/* Wordpress Basic Menu */

ul.children {
    float: left;
    border-radius: 6px;
    /* list-style: none; */
    
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

ul.children li:before {
    content: none;
}

ul.children:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    position: absolute;
    top: -6px;
    left: 10px;
}

ul.children:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -7px;
    left: 9px;
}

ul.children li:before {
    display: inline-block;
    content: none;
    z-index: 9999;
}

ul.children li ul.children {
    margin-top: -11px;
    margin-left: 0px;
}

ul.children li ul.children:after {
    content: none !important;
}

ul.children li ul.children:before {
    content: none !important;
}
ul.nav-menu.toggled-on ul.children {
  background: none;
  border: none;
  box-shadow: none;
}
ul.nav-menu.toggled-on ul.children:before, ul.nav-menu.toggled-on ul.children:after {
content: none;
}
ul.nav-menu.toggled-on ul.children li ul.children li {
display: inline;
}