/*
Theme Name: Techism
Theme URI: http://rajeebbanstola.com.np/themes/techism/
Author: Rajeeb
Author URI: http://rajeebbanstola.com.np/
Description: Techism is a light weight, simple yet fully responsive WordPress theme that looks great on any device. Other features include easy customization using live customizer page, responsive slider on homepage, optional 1 - 3 columns layout, optional 4 columns footer layout, fast loading, new icon fonts , custom menu, header image and background image.
Version: 3.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns,three-columns, right-sidebar, left-sidebar, custom-background, custom-header, custom-menu, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options, translation-ready, threaded-comments, custom-menu, full-width-template, blog
Text Domain: techism
*/

/* =Repeatable patterns
-------------------------------------------------------------- */

/* Small headers */
.archive-title,
.page-title,
.widget-title,
.entry-content th,
.comment-content th {
	font-size: 18px;
	padding-top: 10px;
}
.widget-title {
   margin-top:0;
}
.widget-title hr {
	display: none !important;
}

/* 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;
}

.blog input[type="submit"],
.blog input[type="button"] {
    border: 0;
    background-color: #ff6500;
    border-color: none;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    line-height: 100%;
    padding: 8px 20px;
    text-decoration: none;
    text-transform: none;
    font-weight: normal;
    text-shadow: none;
    display: inline-block;
    position: relative;
    outline: none;
    border-radius: 0;
    box-shadow: none;
    width: auto !important;
}

.menu-toggle,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
   cursor: pointer;
}
button[disabled],
input[disabled] {
   cursor: default;
}
.bypostauthor cite span {
   color: #fff;
   background-color: #21759b;
   background-image: none;
   border: 1px solid #1f6f93;
   border-radius: 2px;
   box-shadow: none;
   padding: 0;
}
/* Responsive Menu Button */
.menu-toogle{
   width: 100%;
   font-size: 16px;
   text-transform: uppercase;
}
/* 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;
}
.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%;
}

/* Navigation */
.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%;
}
.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;
}

/* Author profiles */
.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;
   overflow: hidden;
}
.author-description p {
   color: #757575;
   font-size: 13px;
   font-size: 0.928571429rem;
   line-height: 1.846153846;
}
.author.archive .author-info {
   border-top: 0;
   margin: 0 0 48px;
   margin: 0 0 3.428571429rem;
}
.author.archive .author-avatar {
   margin-top: 0;
}

/* Assistive text */
.assistive-text,
.site .screen-reader-text {
   position: absolute !important;
   clip: rect(1px, 1px, 1px, 1px);
}
.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: 5px;
   z-index: 100000; /* Above WP toolbar */
}

/* Page structure */
.site {
   background-color: #fff;
}
.site-content {
   width: 100%;
}
/* Changing CSS While Adding or Removing The Sidebar */
.no-left .no-right .site-content{
   margin: 0 10%;
}
.no-left .site-content{
   margin: 0 4% 0 -23%;
}
.no-left .site-content #content {
   width: 80%;
}
.no-right .site-content {
   margin: 0 23% 0 -23%;
}
.no-right .site-content #content{
    width: 80%;
   margin: 0 45%;
}
.no-sidebars .site-content{
    width: 100%;
    }
.no-sidebars .site-content #content {
    width: 93%;
   margin: 0 22%;
}

/* Header */
.site-header {
   padding: 24px 0;
   padding: 1.714285714rem 0;
}
.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;
   width: 100%;
   max-width: 100%;
}

.site-branding-text {
    float: left;
    clear: none;
}

a.custom-logo-link {
    float: left;
    margin-right: 10px;
}

/* Navigation Menu */
.main-navigation {
   margin-top: 24px;
   margin-top: 1.714285714rem;
   text-align: center;
}
.main-navigation li {
   margin-top: 24px;
   margin-top: 1.714285714rem;
   font-size: 12px;
   font-size: 0.857142857rem;
   line-height: 1.42857143;
   border-right: 1px solid #141414;
}
.main-navigation a {

}
.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;
   width: 100%;
   padding: 10px;
}
.nav-menu{
   background: #141414;
   background: -moz-linear-gradient(top,#2c2c2c 0,#121212 100%);
   background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#2C2C2C),color-stop(100%,#121212));
   background: -webkit-linear-gradient(top,#2C2C2C 0,#121212 100%);
   background: -o-linear-gradient(top,#2c2c2c 0,#121212 100%);
   background: -ms-linear-gradient(top,#2c2c2c 0,#121212 100%);
   background: linear-gradient(top,#2c2c2c 0,#121212 100%);
   box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
   position: relative;
   width: 100%;
   z-index: 9005;
}
/* 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;
}
.widget-area .widget h3 {
   margin-bottom: 24px;
   margin-bottom: 1.714285714rem;
}
.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 ul,
.widget-area .widget li {
   list-style: none;
   padding-left: 0;
}
.widget-area .widget a {
   color: #757575;
   text-decoration: none;
}
.widget-area .widget a:hover {
   color: #21759b;
}
.widget-area .widget a:visited {
   color: #9f9f9f;
}
.widget-area #s {
   width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */
}
.foo {
    margin: 0 auto;
    width: 90%;
}

/* Footer */
footer[role="contentinfo"] {
   clear: both;
   font-size: 12px;
   font-size: 0.857142857rem;
   line-height: 2;
   max-width: 960px;
   max-width: 68.571428571rem;
   margin-top: 24px;
   margin-top: 1.714285714rem;
   margin-left: auto;
   margin-right: auto;
   padding: 24px 0;
   padding: 1.714285714rem 0;
}
footer[role="contentinfo"] a {
   color: #686868;
}
footer[role="contentinfo"] a:hover {
   color: #21759b;
}
.site-info{
   float:right;
}

/* =Main content and comment content
-------------------------------------------------------------- */

.entry-meta {
   margin-top: 14px;
}
.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 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;
}
.entry-thumbnail {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.nmx-single-post .entry-thumbnail {
	display: none;
}
a.readmore{
    border: 0;
    background-color: #ff6500;
    border-color: none;
    color: #fff !important;
    cursor: pointer;
    font-size: 14px;
    line-height: 100%;
    padding: 8px 20px;
    text-decoration: none;
    text-transform: none;
    font-weight: normal;
    text-shadow: none;
    display: inline-block;
    position: relative;
    outline: none;
    border-radius: 0;
    box-shadow: none;
    width: auto !important;
}
a.readmore:hover{
   text-decoration:none;
   background-color: ##fb7924;
}
a.readmore::before {
	display: none !important;
}
.comments-link a,
.entry-meta a {
   color: #757575;
}
.comments-link a:hover,
.entry-meta a:hover {
   color: #21759b;
}
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;
}
.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;
}
.entry-content h1,
.comment-content h1 {
   font-size: 21px;
   font-size: 1.5rem;
   line-height: 1.5;
}
.entry-content h2,
.comment-content h2,
.mu_register h2 {
   font-size: 18px;
   font-size: 1.285714286rem;
   line-height: 1.6;
}
.entry-content h3,
.comment-content h3 {
   font-size: 16px;
   font-size: 1.142857143rem;
   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 1em;
   line-height: 1.714285714;
    color: #555555;
}
.entry-content a:visited,
.comment-content a:visited {
   color: #9f9f9f;
}
.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 {
   font-weight: bold;
   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 dotted #E3E3E3;
   margin-bottom: 42px;
   padding-bottom: 42px;
   word-wrap: break-word;
   -webkit-hyphens: auto;
   -moz-hyphens: auto;
   hyphens: auto;
}
.page-links {
   clear: both;
   line-height: 1.714285714;
}
footer.entry-meta {
   margin-top: 24px;
   margin-top: 1.714285714rem;
   font-size: 13px;
   font-size: 0.928571429rem;
   line-height: 1.846153846;
   color: #757575;
    clear: both;
}
.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: 12px;
   font-size: 0.857142857rem;
   line-height: 2;
   margin-top: 22px;
   margin-top: 1.571428571rem;
}


/* =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;
}
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-weight: bold;
   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;
}
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;
}
.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: 54px;
   margin-bottom: 2.5rem;
	 font-size: 22px;
   font-size: 1.4rem;
   line-height: 1.5;
   font-weight: normal;
   -ms-word-wrap: break-word; /* supports long title */
   word-wrap: break-word;
}
.comments-area {
	border: 1px solid #e6e6e6;
  padding: 0 1.5em;
  background: #f0f0f0;
}
.comments-area article {
   margin: 24px 0;
   margin: 1rem 0;
	 padding: 0;
}
.comments-area article:last-of-type {
	border-bottom: 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;
}
.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: #444;
}
.comments-area article header cite a:hover {
   text-decoration: underline;
}
.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 {
   font-weight: bold;
}
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: 38px;
   margin-top: 2.428571429rem;
}
#respond h3#reply-title {
   font-size: 22px;
   font-size: 1.4rem;
   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: inline;
   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;
}


/* =Plugins
----------------------------------------------- */

img#wpstats {
   display: block;
   margin: 0 auto 24px;
   margin: 0 auto 1.714285714rem;
}

/* =Slider
----------------------------------------------- */
.flexslider {
   position: relative;
   zoom: 1;
   overflow: hidden;
   background: #fff;
   border: 4px solid #fff;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   -o-border-radius: 4px;
   border-radius: 4px;
   box-shadow: 0 1px 4px rgba(0,0,0,.2);
   -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
   -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
   -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
   margin-bottom: 25px;
   height: 353px;
}
.flexslider img{
    width: 100%;
   height: 350px
}
.flexslider ul, .flexslider ul li{
   margin:0;
}

.flexslider .slides {
   zoom:1;
}
.flexslider .slides > li {
   position:relative;
}
.flex-container {
   zoom:1;
   position:relative;
}
.flex-caption {
   background:none;
   -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
   zoom:1;
}
.flex-caption {
    width: 25%;
    padding: 1em;
    margin: 0px;
    top: 0px;
    right: 0px;
    position: absolute;
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3);
    color: rgb(255, 255, 255);
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
    font-size: 14px;
    line-height: 18px;
    border-radius: 6px;
}
.flex-caption h2{
   margin:5px 0 10px;
   color:#FFFFFF;
   opacity:1;
    font-size: 16px;
}
.flex-caption h2 a {
   color:#FFFFFF;
   text-decoration:none;
}
.flex-caption p {
   margin:10px 0;
}
/* Direction Nav */
.flex-direction-nav {
   height:0;
}
.flex-direction-nav li {
   margin:0;
}
.flex-direction-nav li a {
   width:35px;
   height:35px;
   margin:-17px 0 0;
   display:block;
   background:url('assets/images/slidenav.png') no-repeat;
   position:absolute;
   top:50%;
   cursor:pointer;
   text-indent:-999em;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter:alpha(opacity=0);
   opacity:0.0;
   -moz-opacity:0.0;

   -webkit-transition: ease all .4s;
   -moz-transition: ease all .4s;
   transition: ease all .4s;
}
.flex-direction-nav li .flex-next {
   background-position:-35px 0;
   right: -40px;
}
.flex-direction-nav li .flex-prev {
   left: -40px;
}

.flexslider:hover .flex-direction-nav li a {
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
   filter:alpha(opacity=75);
   opacity:0.75;
   -moz-opacity:0.75;
}
.flexslider:hover .flex-direction-nav li a:hover {
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
   filter:alpha(opacity=90);
   opacity:0.9;
}
.flexslider:hover .flex-direction-nav li .flex-next {
   right:20px;
}
.flexslider:hover .flex-direction-nav li .flex-prev {
   left:20px;
}
.flex-direction-nav li .disabled {
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
   filter:alpha(opacity=15);
   opacity:.15;
   cursor:default;
}
/* Control Nav */
.flex-control-nav {
   position:absolute;
   bottom:15px;
   right:15px;
}
.flex-control-nav li {
   margin:0 0 0 5px;
   display:inline-block;
   zoom:1;
   *display:inline;
}
.flex-control-nav li:first-child {
   margin:0;
}
.flex-control-nav li a {
   width:12px;
   height:12px;
   display:block;
   background-color:transparent;
   background-color:rgba(100, 100, 100, 0.5);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F646464,endColorstr=#7F646464);
   zoom:1;
   cursor:pointer;
   text-indent:-999em;
   -webkit-border-radius:99px;
   -moz-border-radius:99px;
   border-radius:99px;
}
.flex-control-nav li a:hover {
   background-color:rgb(120, 120, 120);
   zoom:1;
}
.flex-control-nav li a.flex-active {
   background:#ffffff;
   cursor:default;
}

/* =Media queries
-------------------------------------------------------------- */
/* Maximum width of 768 pixels. */
@media screen and (max-width: 768px) {
   #content{
      margin:0;
      width: 100%;
   }
   .no-left .site-content {
      margin: 0;
      width: 100%;
   }
   .no-left .site-content #content {
      padding:0;
      width: 80%;
   }
   .no-right .site-content {
      width: 100%;
      margin: 0;
   }
   .no-right .site-content #content {
      padding: 0;
      width: 100%;
      margin: 0 auto;
   }
   .flexslider{
      display: none;
   }

   .main-navigation a {
      color: #009BFF;
   }
}
/* Minimum width of 768 pixels. */
@media screen and (min-width: 768px) {
   .author-avatar {
      float: left;
      margin-top: 8px;
      margin-top: 0.571428571rem;
   }
   .author-description {
      float: right;
      width: 80%;
   }
   .site-content {
      width: 100%;
   }
   body.template-front-page .site-content,
   body.attachment .site-content,
   body.full-width .site-content {
      width: 100%;
   }
   .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;
   }
   .main-navigation ul.nav-menu,
   .main-navigation div.nav-menu > ul {
      border-bottom: 1px solid #ededed;
      border-top: 1px solid #ededed;
      display: inline-block !important;
      text-align: left;
      width: 100%;
   }
   .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 {
      color: #fff;
      font-weight: bold;
      padding: 0 20px;
      transition: background-color .50s;
      -webkit-transition: background-color .50s;
      -moz-transition: background-color .50s;
      -ms-transition: background-color .50s;
      -o-transition: background-color .50s;
      border-bottom: 0;
      color: #FFF;
      line-height: 3.692307692;
      text-transform: uppercase;
      white-space: nowrap;
      opacity: 0.9;
   }
   .main-navigation li a:hover {
      background-color: #009BFF;
   }
   .main-navigation li {
      margin: 0;
      position: relative;
   }
   .main-navigation li ul {
      display: none;
      margin: 0;
      padding: 0;
      position: absolute;
      top: 100%;
      z-index: 1;
   }
   .main-navigation li ul ul {
      top: 0;
      left: 100%;
   }
   .main-navigation ul li:hover > ul {
      border-left: 0;
      display: block;
   }
   .main-navigation li ul li {
      border-right: 0;
   }
   .main-navigation li ul li a {
   background: #EFEFEF;
   border-bottom: 1px solid #BBAFAF;
   display: block;
   font-size: 11px;
   font-size: 0.785714286rem;
   line-height: 2.181818182;
   padding: 8px 10px;
   padding: 0.571428571rem 0.714285714rem;
   width: 180px;
   width: 12.85714286rem;
   white-space: normal;
   color: #000;
   }
   .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;
      font-weight: bold;
   }
   .menu-toggle {
      display: none;
   }
   .entry-header .entry-title {
      font-size: 30px;
   }
   #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: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;
   }
}
/* =Footer
----------------------------------------------- */
.footer-sidebar{
   width: 241px;
   background-color: #FfF;
   display: inline-block;
   float: left;
   margin: 0px 15px;
}

#footer-sidebar{
   background-color:#fff;
   margin: 0 auto;
   width: 100%;
   height:auto;
   z-index:500000;
   overflow: hidden;
   border-top: #ccc dotted 1px;
}

#footer-1{
   background-color:#fff;
   margin: 0 auto;
   width: 25%;
   height:auto;
   z-index:500000;
   overflow: hidden;
}

#footer-2{
   background-color:#fff;
   margin: 0 auto;
   width: 25%;
   height:auto;
   z-index:500000;
   overflow: hidden;
}
#footer-3{
   background-color:#fff;
   margin: 0 auto;
   width: 25%;
   height:auto;
   z-index:500000;
   overflow: hidden;
}
#footer-4{
   background-color:#fff;
   margin: 0 auto;
   width: 25%;
   height:auto;
   z-index:500000;
   overflow: hidden;
}

/* =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;
   }

   .singular .entry-header .entry-meta {
      position: static;
   }
   .singular .site-content,
   .singular .entry-header,
   .singular .entry-content,
   .singular footer.entry-meta,
   .singular .comments-title {
      margin: 0;
      width: 100%;
   }
   .entry-header .entry-title,
   .entry-title,
   .singular .entry-title {
      font-size: 21pt;
   }
   footer.entry-meta,
   footer.entry-meta a {
      color: #444;
      font-size: 10pt;
   }
   .author-description {
      float: none;
      width: auto;
   }

   /* Comments */
   .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;
   }
}

.blog #contentMainWrapper {
   background-color: white !important;
}

@media (min-width: 768px) {
	.blog #main {
		display: flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: -o-flex;
	}
}

.blog #left-sidebar {
	order: 1;
}
.blog #primary {
	order: 2;
}
.blog #right-sidebar {
	order: 3;
}
.blog #left-sidebar {
	flex-shrink: 0;
	margin-right: 40px;
	width: 240px;
}
.commentlist {
	list-style: none !important;
	padding-left: 0 !important;
}
.commentlist ol {
	list-style: none !important;
}
.blog #left-sidebar aside:first-child hr,
.blog #right-sidebar aside:first-child hr{
	display: none;
}

.entry-meta .byline {
   display: none;
}

.blog .entry-date::before,
.blog .entry-meta .cat-links::before,
.blog .entry-meta .comments-link::before {
   display: none !important;
}

.blog .entry-meta a {
   text-decoration: none !important;
}
#jp-relatedposts h3.jp-relatedposts-headline {
	font-size: 1.4rem;
}
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date, #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context {
	opacity: 1;
}
#jp-relatedposts .jp-relatedposts-post-title .jp-relatedposts-post-a {
	color: #21759b;
}
