/*

Theme Name: Ribbon Lite

Theme URI: https://mythemeshop.com/themes/ribbon/

Author: MyThemeShop

Author URI: https://mythemeshop.com/

Description: Ribbon Lite is a lightning fast, SEO ready, traditional, responsive WordPress theme that is perfect for niche blogs with a lot of content to show off. Full fledged demo >>>>>> http://demo.mythemeshop.com/s/?theme=Ribbon <<<<<<

Version: 2.0.8

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: ribbon-lite

Tags: two-columns, right-sidebar, left-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-images, footer-widgets, rtl-language-support, theme-options, threaded-comments, translation-ready, blog



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.



Ribbon is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Underscores is distributed under the terms of the GNU GPL v2 or later.



Normalizing styles have been helped along thanks to the fine work of

Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

*/

html {

    font-family: sans-serif;

    -webkit-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

}

body {

    font-size: 14px;

    line-height: 23px;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

    color: #555555;

    margin: 0;

    overflow-x: hidden;

}

*, *:before, *:after {

    padding: 0;

    margin: 0;

}

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

audio, canvas, progress, video {

    display: inline-block;

    vertical-align: baseline;

}

audio:not([controls]) {

    display: none;

    height: 0;

}

[hidden], template { display: none }

a { background-color: transparent }

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

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

b, strong { font-weight: bold }

dfn { font-style: italic }

h1 {

    font-size: 2em;

    margin: 0.67em 0;

}

mark {

    background: #ff0;

    color: #000;

}

small { font-size: 80% }

sub, sup {

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: baseline;

}

sup { top: -0.5em }

sub { bottom: -0.25em }

img { border: 0 }

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

hr {

    box-sizing: content-box;

    height: 0;

}

pre { overflow: auto }

code, kbd, pre, samp {

    font-family: monospace, monospace;

    font-size: 1em;

}

button, input, optgroup, select, textarea {

    color: inherit;

    font: inherit;

    margin: 0;

}

button { overflow: visible }

button, select { text-transform: none }

legend {

    border: 0;

    padding: 0;

}

textarea { overflow: auto }

optgroup { font-weight: bold }

button, input, select, textarea { margin: 0 }

:focus { outline: 0 }

a:link { -webkit-tap-highlight-color: #FF5E99 }

td, th { padding: 0 }

.breadcrumb, .breadcrumb> span, .breadcrumb i, .breadcrumb .root a { float: none }

.breadcrumb {

    clear: both;

    padding: 0;

    overflow: hidden;

    line-height: 24px;

    margin-top: 20px;

}

.breadcrumb> span {

    padding: 0;

    padding-right: 5px;

    overflow: hidden;

    float: none;

    display: inline-block;

}

.breadcrumb i { padding: 0 }

.breadcrumb i { padding: 0 0 }

.breadcrumb> span { overflow: visible }

.no-results h2 { font-size: 16px }

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

# Typography

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

h1, h2, h3, h4, h5, h6 {

    font-weight: bold;

    margin-bottom: 12px;

    color: #444;

    font-family: 'Monda', sans-serif;

}

h1 {

    font-size: 28px;

    line-height: 1.4;

    letter-spacing: -1px;

}

h2 {

    font-size: 26px;

    line-height: 1.4;

}

h3 {

    font-size: 22px;

    line-height: 1.4;

}

h4 {

    font-size: 20px;

    line-height: 1.4;

}

h5 {

    font-size: 18px;

    line-height: 1.4;

}

h6 {

    font-size: 16px;

    line-height: 1.4;

}

p { margin-bottom: 1.5em }

dfn, cite, em, i { font-style: italic }

blockquote { margin: 0 1.5em }

address { margin: 0 0 1.5em }

pre {

    background: #eee;

    font-family: "Courier 10 Pitch", Courier, monospace;

    font-size: 15px;

    font-size: 0.9375rem;

    line-height: 1.6;

    margin-bottom: 1.6em;

    max-width: 100%;

    overflow: auto;

    padding: 1.6em;

}

code, kbd, tt, var {

    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;

    font-size: 15px;

    font-size: 0.9375rem;

}

abbr, acronym {

    border-bottom: 1px dotted #666;

    cursor: help;

}

mark, ins {

    background: #fff9c0;

    text-decoration: none;

}

big { font-size: 125% }

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

# Elements

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

html { box-sizing: border-box }

*, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http: //css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */

    box-sizing: inherit;

}

body {

    background: #EBEBEB; /* Fallback for when there is no custom background color defined. */ }

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

blockquote, q { quotes: "" "" }

hr {

    background-color: #ccc;

    border: 0;

    height: 1px;

    margin-bottom: 1.5em;

}

ul, ol {

    margin: 0;

    padding: 0;

}

ul { list-style: disc }

ol { list-style: decimal }

li > ul, li > ol {

    margin-bottom: 0;

    margin-left: 17px;

    margin-top: 5px;

}

dt { font-weight: bold }

dd { margin: 0 1.5em 1.5em }

img {

    height: auto; /* Make sure images are scaled correctly. */

    max-width: 100%; /* Adhere to container width. */

}

table {

    border-collapse: collapse;

    border-spacing: 0;

    width: 100%;

    margin-bottom: 15px;

}

td, th {

    padding: 5px 15px;

    border: 1px solid #e2e2e2;

    text-align: left;

}

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

# Forms

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

textarea {

    padding-left: 3px;

    width: 100%;

}

@font-face {

    font-family: 'ribbon-lite';

    src: url('fonts/ribbon-lite.eot');

    src: url('fonts/ribbon-lite.eot#iefix') format('embedded-opentype'), url('fonts/ribbon-lite.woff2') format('woff2'), url('fonts/ribbon-lite.woff') format('woff'), url('fonts/ribbon-lite.ttf') format('truetype'), url('fonts/ribbon-lite.svg') format('svg');

    font-weight: normal;

    font-style: normal;

}

[class^="icon-"]:before, [class*=" icon-"]:before {

    font-family: "ribbon-lite";

    font-style: normal;

    font-weight: normal;

    speak: none;

    display: inline-block;

    text-decoration: inherit;

    text-align: center;

    font-variant: normal;

    text-transform: none;

    line-height: 1em;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

.icon-plus:before { content: '\e800' }

.icon-bookmark:before { content: '\e801' }

.icon-comment:before { content: '\e802' }

.icon-users:before { content: '\e803' }

.icon-minus:before { content: '\e804' }

.icon-mail:before { content: '\e805' }

.icon-twitter:before { content: '\f099' }

.icon-facebook:before { content: '\f09a' }

.icon-rss:before { content: '\f09e' }

.icon-menu:before { content: '\f0c9' }

.icon-pinterest-circled:before { content: '\f0d2' }

.icon-gplus:before { content: '\f0d5' }

.icon-linkedin:before { content: '\f0e1' }

.icon-angle-double-right:before { content: '\f101' }

.icon-angle-left:before { content: '\f104' }

.icon-angle-right:before { content: '\f105' }

.icon-angle-up:before { content: '\f106' }

.icon-angle-down:before { content: '\f107' }

.icon-github:before { content: '\f113' }

.icon-youtube:before { content: '\f167' }

.icon-dropbox:before { content: '\f16b' }

.icon-instagram:before { content: '\f16d' }

.icon-flickr:before { content: '\f16e' }

.icon-tumblr:before { content: '\f173' }

.icon-up:before { content: '\f176' }

.icon-dribbble:before { content: '\f17d' }

.icon-skype:before { content: '\f17e' }

.icon-foursquare:before { content: '\f180' }

.icon-vimeo-squared:before { content: '\f194' }

.icon-reddit:before { content: '\f1a1' }

.icon-stumbleupon:before { content: '\f1a4' }

.icon-behance:before { content: '\f1b4' }

.icon-soundcloud:before { content: '\f1be' }

/*-[ Main container ]---------------*/

.main-container {

    width: 100%;

    margin: 0 auto;

    max-width: 100%;

    clear: both;

}

#page, .container {

    max-width: 1050px;

    min-width: 240px;

    overflow: visible;

    margin: 0 auto;

    position: relative;

}

.main-header .container { max-width: 100% }

#page {

    padding-top: 45px;

    min-height: 100px;

    float: none;

    clear: both;

    overflow: hidden;

}

/*-[ Header ]-----------------------*/

body > header {

    float: left;

    width: 100%;

    position: relative;

}

#site-header {

    position: relative;

    float: left;

    width: 100%;

    z-index: 99;

    padding: 20px 0 0 0;

}

.site-branding {

    position: relative;

    float: left;

    margin: 0 auto;

    min-height: 80px;

    overflow: hidden;

}

.site-branding h1, .site-branding h2 {

    font-size: 44px;

    display: inline-block;

    line-height: 1;

    margin: 10px 0 23px 0;

}

.site-branding h1.image-logo, .site-branding h2.image-logo { margin-top: 24px }

#logo a {

    text-transform: none;

    color: rgb(77, 77, 77);

}

.site-description {

    margin-top: -18px;

    margin-bottom: 10px;

}

.widget-header {

    float: right;

    max-width: 728px;

    width: 70%;

    margin-top: 0;

}

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

# Navigation

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

/*-[ Navigation ]-----------------*/

a#pull { display: none }

.primary-navigation .children li .sf-sub-indicator { display: none }

.primary-navigation {

    background: #364956;

    display: block;

    clear: both;

    width: 100%;

    max-width: 100%;

    margin: 15px auto 0;

    min-height: 45px;

}

#navigation ul { list-style-type: none }

#navigation a {

    transition: all 0.25s linear;

    font-size: 14px;

    color: #fff;

    font-weight: 600;

    text-align: left;

    text-decoration: none;

    padding: 0 20px;

    line-height: 45px;

    font-family: 'Monda', sans-serif;

    display: block;

}

.primary-navigation a .sub {

    font-size: 11px;

    font-weight: normal;

    color: #9B9B9B;

}

.sf-js-enabled li a.sf-with-ul {



}

.sf-js-enabled li  ul.sf-with-ul { padding-right: 20px }

#navigation .sf-sub-indicator {

    display: block;

    width: 11px;

    overflow: hidden;

    position: absolute;

    right: 7px;

    top: 0;

}

#navigation {

    width: 100%;

    font-size: 13px;

    margin: 0 auto;

}

.primary-navigation a:hover { color: #fff }

#navigation select { display: none }

#navigation ul li {

    float: left;

    position: relative;

}

#navigation ul li.current-menu-item a { background: rgba(0, 0, 0, 0.15) }

#navigation ul .header-search { float: right }

#navigation > ul > li:last-child { border-right: none }

#navigation > ul > .current a {

    background: transparent;

    color: #5a5a5a !important;

}

#navigation ul li li {

    background: #fff;

    width: 100%;

}

#navigation ul ul {

    position: absolute;

    width: 190px;

    padding: 20px 0 0 0;

    padding-top: 0px;

    z-index: 400;

    font-size: 12px;

    color: #798189;

    border: 1px solid #ccc;

    margin: 0;

    display: none;

}

#navigation ul ul a {

    color: #555555;

    font-weight: normal;

}

#navigation ul ul li {

    padding: 0;

    background: #fff;

    border-bottom: 1px solid #ccc;

}

#navigation ul ul li a, #navigation ul ul li a:link, #navigation ul ul li a:visited {

    position: relative;

    width: 188px;

    background: transparent;

    margin: 0;

    line-height: 1.4;

    padding-top: 10px;

    padding-bottom: 10px;

}

#navigation ul ul li:first-child a {



}

#navigation ul ul li:last-child { border-bottom: none }

#navigation ul li:hover ul {

    left: auto;

    opacity: 1;

}

#navigation ul ul ul {

    top: -1px;

    left: 188px;

}

#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li li li li:hover ul {

    opacity: 1;

    left: 188px;

}

#navigation ul ul:after {

    left: 10px;

    top: -5px;

}

#navigation ul ul ul:after {

    border-color: transparent #282E33 transparent transparent;

    border-color: transparent rgba(14,19,22,0.92) transparent transparent;

    left: -12px;

    top: 3px;

}

.menu-item-has-children > a:after {

    content: '\f101';

    font-family: 'ribbon-lite';

    position: absolute;

    right: 20px;

}

.widget .menu-item-has-children > a:after { display: none }

#navigation .menu-item-has-children > a { padding-right: 32px }

#navigation .toggle-caret { display: none }

.primary-navigation #wpmm-megamenu .wpmm-posts a:hover { background: transparent }

/*-[ Content ]--------------------*/

.article {

    width: 68.58%;

    max-width: 720px;

    float: left;

    margin-bottom: 30px;

}

.woocommerce .article {

    background: #fff;

    margin-bottom: 30px;

}

.woocommerce .article #content { padding: 22px 20px }

#content_box {

    float: left;

    width: 100%;

}

.post {

    float: left;

    width: 100%;

}

.single_post {

    background-color: #fff;

    padding: 20px 25px;

    float: left;

    width: 100%;

    box-sizing: border-box;

    border: 1px solid #cdcdcd;

}

.woocommerce .single_page, .woocommerce-page .single_page { padding-bottom: 0px }

.post-single-content {

    font-size: 14px;

    line-height: 22px;

    float: left;

    width: 100%;

}

.readMore {

    float: right;

    margin-top: 15px;

}

.readMore a {

    color: #fff;

    padding: 5px 12px;

    transition: all 0.25s linear;

    font-family: 'Monda', sans-serif;

}

.readMore a:hover {

    color: #fff;

    background: #222222;

}

.ss-full-width {

    background: white;

    padding: 20px;

    margin-bottom: 30px;

    overflow: hidden;

    border: 1px solid #CDCDCD;

}

.ss-full-width #content_box {

    padding-right: 0;

    padding-left: 0;

}

.post.excerpt {

    clear: both;

    margin-bottom: 30px;

    background-color: #fff;

    padding: 20px;

    border: 1px solid #cdcdcd;

}

.related-posts .post.excerpt.last { margin-right: 0 }

.wp-post-image { float: left }

.advanced-recent-posts .wp-post-image { min-width: 65px }

.featured-thumbnail {

    max-width: 150px;

    float: left;

    width: 100%;

    position: relative;

    margin-top: 5px;

}

#featured-thumbnail {

    float: left;

    max-width: 150px;

    width: 22.2%;

    margin-right: 20px;

}

.related-posts #featured-thumbnail {

    width: auto;

    max-width: 200px;

    margin-right: 0;

}

.related-posts #featured-thumbnail .featured-thumbnail { max-width: 100% }

.home_page .featured-thumbnail { max-width: 150px }

.featured-thumbnail img {

    margin-bottom: 0;

    width: 100%;

}

.featured-thumbnail .latestPost-review-wrapper.wp-review-show-total {

    position: absolute;

    right: 0;

    top: 0;

    color: #fff;

    padding: 0px 5px;

}

.title {

    margin-bottom: 5px;

    margin-top: 15px;

    font-size: 24px;

    line-height: 28px;

    clear: both;

}

.single-title {

    float: left;

    padding: 0 0 0 0;

    font-size: 32px;

    line-height: 1.4;

}

.title a { color: #000 }

.page h1.title {

    margin-bottom: 0;

    margin-top: 0;

}

.post-info {

    display: block;

    font-size: 13px;

    color: #999999;

    float: left;

    width: 100%;

}

.post-info > span i { font-size: 16px }

.post-info > span { margin-right: 7px }

.post-info > span > span { margin-right: 7px }

.post-info > span:last-child { margin-right: 0 }

.single-postmeta {

    clear: both;

    float: left;

    margin-bottom: 10px;

}

article header {

    margin-bottom: 15px;

    float: left;

    width: 100%;

}

.related-posts article header { margin-bottom: 0 }

.single_post header { margin-bottom: 10px }

.post-info a, .single-post .post-info a { color: #999 }

.post-date-ribbon {

    text-align: center;

    line-height: 25px;

    color: #fff;

    font-size: 12px;

    margin-top: -30px;

    position: relative;

    padding: 0 7px;

    float: left;

}

.single_post .post-date-ribbon { margin-top: -30px }

.corner {

    position: absolute;

    left: -10px;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 0 0 10px 10px;

    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #EA141F rgba(0, 0, 0, 0);

}

.corner:before {

    content: "";

    position: absolute;

    left: -10px;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 0 0 10px 10px;

    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0);

}

/*-[ Toggle menu ]---------------------------*/

.toggle-menu ul ul { display: none }

.toggle-menu .toggle-menu-item-parent { position: relative }

.toggle-menu .toggle-caret {

    position: absolute;

    top: 0;

    right: 3px;

    text-align: center;

    cursor: pointer;

    line-height: inherit;

}

.toggle-menu .toggle-caret i {

    text-align: center;

    font-size: 15px;

    color: inherit;

    line-height: 20px;

}

.toggle-menu.active > .toggle-caret .ribbon-icon:before { content: '\e804' } /*minus*/

.toggle-menu .active > .toggle-caret .ribbon-icon:before { content: '\e804' } /*minus*/

/*-[ Tag widget ]------------------------------*/

.tagcloud a {

    font-size: 14px!important;

    padding: 2px 10px;

    border-top: 1px solid #CACACA!important;

    border-left: 3px solid #00A8FF;

    margin-bottom: 10px;

    float: left;

    margin-right: 7px;

    background: #E9E9E9;

    color: #615F5F;

    border-right: 1px solid #CACACA!important;

    border-bottom: 1px solid #CACACA!important;

}

footer .widget .tagcloud a { color: #615F5F }

/*-[ Calender Widget ]-------------------------*/

#wp-calendar {

    margin-bottom: 0;

    border: 1px solid #e2e2e2;

}

#wp-calendar td {

    text-align: center;

    padding: 7px 0;

    border-top: 1px solid #e2e2e2;

    border-right: 1px solid #e2e2e2;

}

#wp-calendar tbody {

    background: #FFFFFF;

    border: 1px solid #e2e2e2;

    border-top: 0;

}

#wp-calendar tbody th { border-bottom: 1px solid #CFCFCF }

#wp-calendar caption {

    font-size: 16px;

    padding-bottom: 10px;

    font-weight: bold;

}

#wp-calendar #prev {

    text-align: left;

    padding-left: 12px;

}

#wp-calendar thead { background: #e2e2e2 }

#wp-calendar thead th {

    padding: 10px 0;

    text-align: center;

}

#wp-calendar tfoot {

    background: #fff;

    border: 1px solid #e2e2e2;

    border-top: 0;

}

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

## Links

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

p { margin-bottom: 20px }

a {

    text-decoration: none;

    color: #EA141F;

    transition: background-color, color 0.2s linear;

}

a:hover { color: #EA141F }

a:link, a:visited, a:active { text-decoration: none }

/* Small menu. */

.menu-toggle, .main-navigation.toggled ul { display: block }

@media screen and (min-width: 37.5em) { 

    .menu-toggle { display: none }

    .main-navigation ul { display: block }

}

.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {

    margin: 0 0 1.5em;

    overflow: hidden;

}

.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left }

.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {

    float: right;

    text-align: right;

}

/*-[ Search Form ]------------------*/

#searchform {

    padding: 3% 0;

    float: left;

    clear: both;

    width: 100%;

}

.article #searchform { padding: 0 }

nav #searchform {

    float: left;

    padding: 1.2% 0 0;

}

nav #searchform fieldset {

    padding: 5px 0;

    border: 0;

}

#searchform fieldset {

    float: left;

    border: 0;

}

#searchform #s, #woocommerce-product-search-field {

    border: 1px solid #cccccc;

    border-right: none;

}

#searchform input[type="submit"],.woocommerce-product-search input[type="submit"] {

    color: #fff;

    height: 37px;

    padding-bottom: 0;

    padding-top: 0;

    cursor: pointer;

    transition: all 0.25s linear;

    width: 29.6%;

    border: 0;

}

.sbutton {

    padding: 8px 12px 10px 12px;

    border: 1px solid #e8e5de!important;

}

.sidebar_list li:first-child { padding-top: 0!important }

.main-header #s {

    width: 150px;

    border: none !important;

    color: #fff !important;

}

#s,#woocommerce-product-search-field {

    width: 70%;

    background-color: #fff;

    border: 1px solid #cccccc;

    float: left;

    padding: 10px 0;

    text-indent: 10px;

    line-height: 1;

    height: 37px;

}

.sidebar #searchform { width: 100% }

.footer-widgets fieldset, #sidebars fieldset { width: 100% }

.footer-widgets .sbutton, #sidebars .sbutton {

    float: right;

    background-color: #f9f7f2;

    text-align: center;

}

.sidebar .sbutton { padding-top: 10px }

#searchform input[type="submit"]:hover { background: #222 }

.breadcrumb {

    line-height: 24px;

    margin-top: 20px;

}

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

# Accessibility

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

/* Text meant only for screen readers. */

.screen-reader-text {

    clip: rect(1px, 1px, 1px, 1px);

    position: absolute !important;

    height: 1px;

    width: 1px;

    overflow: hidden;

}

.screen-reader-text:focus {

    background-color: #f1f1f1;

    border-radius: 3px;

    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

    clip: auto !important;

    color: #21759b;

    display: block;

    font-size: 14px;

    font-size: 0.875rem;

    font-weight: bold;

    height: auto;

    left: 5px;

    line-height: normal;

    padding: 15px 23px 14px;

    text-decoration: none;

    top: 5px;

    width: auto;

    z-index: 100000; /* Above WP toolbar. */

}

/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus { outline: 0 }

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

# Clearings

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

.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, #site-header:before, #site-header:after, .site-content:before, .site-content:after, #site-footer:before, #site-footer:after {

    content: "";

    display: table;

    table-layout: fixed;

}

.clear:after, .entry-content:after, .comment-content:after, #site-header:after, .site-content:after, #site-footer:after { clear: both }

.clear { clear: both }

.left, .alignleft { float: left }

.right, .alignright { float: right }

.last { margin-right: 0 }

.inside .left { margin-left: 1em }

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

# Widgets

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

.widget { margin: 0 0 1.5em }

/* Make sure select elements fit in widgets. */

.widget select {

    max-width: 100%;

    width: 100%;

    height: 36px;

    line-height: 35px;

    padding: 0 10px;

}

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

# Content

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

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

## Posts and pages

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

.sticky { display: block }

.byline, .updated:not(.published) { display: none }

.single .byline, .group-blog .byline { display: inline }

.page-links {

    clear: both;

    margin: 0 0 1.5em;

}

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

# Alignments

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

.article img.left, .article img.alignleft, .wp-caption.alignleft {

    margin: 0.3em 1.571em 0.5em 0;

    display: block;

    float: left;

}

.article img.right, .article img.alignright, .wp-caption.alignright {

    margin: 0.3em 0 0.5em 1.571em;

    display: block;

    float: right;

}

.article img.center, .article img.aligncenter, .wp-caption.aligncenter {

    margin: 0.3em auto 1em auto;

    display: block;

    float: none;

}

.article img.aligncenter, .article img.alignnone {

    margin-top: 1em;

    margin-bottom: 1em;

    display: block;

    clear: both;

    float: none;

}

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

# Content Lists

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

.article ul {

    margin: 1.5em 0 1.571em 1.9em;

    list-style-type: square;

    padding: 0;

}

.article ul li, .article ol li { margin-bottom: 5px; }

.article ol {

    margin: 1.5em 0 1.571em 1.9em;

    list-style-type: decimal;

    padding: 0;

}

.article ul ul, .article ol ol, .article ul ol, .article ol ul {

    margin-top: 0;

    margin-bottom: 0;

}

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

## Asides

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

#sidebars p { line-height: 20px }

.sidebar.c-4-12 {

    float: right;

    width: 28.58%;

    max-width: 300px;

    line-height: 20px;

}

.sidebar.c-4-12 a { color: #555 }

.widget {

    margin-bottom: 20px;

    overflow: hidden;

}

#sidebars .widget { padding: 0px }

.widget .title {

    font-weight: bold;

    text-transform: uppercase;

    color: #545E68;

    font-size: 12px;

}

.widget li {

    list-style-type: square;

    margin-left: 15px;

    margin-bottom: 7px;

}

.widget.widget_nav_menu li {

    list-style-type: none;

    margin-left: 0;

}

#content_box h3, .widget h3 {

    font-size: 22px;

    font-weight: bold;

    line-height: 18px;

    margin: 5px 0 15px;

}

.widget.widget_rss h3 a { color: #444 }

footer .widget.widget_rss h3 a { color: #fff }

/*-[ Footer ]-------------------*/

body > footer {

    overflow: hidden;

    width: 100%;

}

body > footer .footeText {

    width: 1050px;

    margin: 22px auto;

    text-align: center;

    color: #fff;

    font-size: 14px;

    font-weight: bold;

}

body > footer .footeText a {

    color: #fff;

    border-bottom: 2px solid #ee3f02;

}

body > footer .widget { padding: 10px 0 0 0 }

body > footer .sidebar .widget .title {

    font-size: 135%;

    color: #D4D8DB;

}

footer .widget { margin-bottom: 20px }

footer .widget a { color: #E2E2E2 }

footer .widget li a:hover { color: #fff }

footer {

    position: relative;

    overflow: hidden;

    background: #364956;

    width: 100%;

    clear: both;

}

footer .container {



}

footer p { color: #8D8D8D }

.footer-widgets {

    overflow: hidden;

    padding: 20px 0 10px;

    width: 100%;

    margin: 0;

}

.footer-widgets h3 {

    font-size: 20px;

    padding-bottom: 15px;

    color: #fff;

}

.footer-widgets .last {



}

.f-widget {

    width: 32%;

    max-width: 301px;

    float: left;

    position: relative;

    color: #C2C2C2;

    margin-bottom: 10px;

    margin-right: 7%;

}

.f-widget .advanced-recent-posts a { color: #fff }

.copyrights {

    float: left;

    width: 100%;

    clear: both;

    padding: 10px 0;

    padding-top: 12px;

    border-top: 1px solid rgba(0, 0, 0, 0.12);

    color: #979494;

}

#copyright-note {

    width: 1050px;

    margin: 0 auto;

    clear: both;

    max-width: 100%;

}

#copyright-note a { color: #CFCFCF }

#copyright-note a:hover { color: #fff }

#sidebars .wp-post-image, footer .wp-post-image {

    margin-bottom: 0;

    margin-top: 5px;

    margin-right: 10px;

}

.postsby {

    margin-bottom: 25px;

    margin-top: -10px;

}

.textwidget a:hover { color: #222!important }

.footer-widgets {

    overflow: hidden;

    padding: 20px 0 10px;

    width: 100%;

    margin: 0;

}

.footer-widgets h3 {

    font-size: 20px;

    padding-bottom: 15px;

    color: #fff;

}

.footer-widget {

    width: 28.6%;

    max-width: 300px;

    float: left;

    position: relative;

    color: #C2C2C2;

    margin-bottom: 10px;

    margin-right: 7.1%;

}

.footer-widget.last { margin-right: 0 }

.footer-widget .widget { padding-top: 10px }

footer .wpt_widget_content a, footer .wp_review_tab_widget_content a { color: #444 }

/*-[ Related Posts ]---------------------------*/

.related-posts {

    background-color: #FFF;

    margin-top: 10px;

    clear: both;

    float: left;

    padding: 0;

    width: 100%;

}

.postauthor-top { margin-bottom: 10px }

.related-posts h3 {

    font-size: 18px;

    margin: 0;

    color: #444;

}

.related-posts .post.excerpt {

    width: 30.2%;

    float: left;

    list-style: none;

    margin-right: 4.6%;

    min-height: 100px;

    clear: none;

    padding: 0;

    border: none;

    overflow: hidden;

}

.related-posts a {

    display: block;

    width: 100%;

    color: #666;

}

.related-posts .title {

    width: 100%;

    padding-top: 10px;

    float: left;

    margin-top: 0;

    margin-bottom: 0;

    font-size: 14px;

    font-family: inherit;

    font-weight: normal;

    line-height: 23px;

    letter-spacing: initial;

    color: #444;

}

.postauthor {

    margin: 10px 0 15px;

    padding: 0;

    min-height: 125px;

    background-color: #fff;

    float: left;

    clear: both;

    width: 100%;

}

.postauthor h4 {

    font-weight: bold;

    font-size: 18px;

}

.postauthor h5 {

    text-transform: capitalize;

    font-weight: bold;

    font-size: 14px;

    padding: 0;

    margin: 0;

    line-height: 24px;

}

.postauthor img {

    float: left;

    margin: 5px 25px 15px 0;

}

.postauthor h4 a { color: #473636 }

/*-[ Tags ]---------------------------*/

.tags {

    margin: 10px 0 15px 0;

    width: 100%;

    float: left;

}

.tags a { margin-left: 5px }

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

## Comments

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

/*-[ Form Input ]------------------*/

input, textarea, select {

    padding: 8px 12px;

    font-size: 12px;

    color: #5E656D;

}

textarea {

    overflow: auto;

    resize: vertical;

}

input:focus, textarea:focus {



}

::-webkit-input-placeholder {



}

::-moz-input-placeholder {

    color: #585F65;

    text-shadow: 0 1px 1px rgba(255,255,255,0.4);

}

::-ie-input-placeholder {

    color: #585F65;

    text-shadow: 0 1px 1px rgba(255,255,255,0.4);

}

::-o-input-placeholder {

    color: #585F65;

    text-shadow: 0 1px 1px rgba(255,255,255,0.4);

}

::input-placeholder {

    color: #585F65;

    text-shadow: 0 1px 1px rgba(255,255,255,0.4);

}

/*-[Comments]--------------*/

.total-comments {

    font-size: 18px;

    color: #473636;

    font-weight: bold;

    overflow: hidden;

    float: left;

    margin-bottom: 15px;

    width: 100%;

    background: #fff;

}

.cnumber { color: #2DB2EB }

#comments {

    padding: 0;

    margin: 10px 0 0;

    background-color: #fff;

    float: left;

    clear: both;

    width: 100%;

}

#commentsAdd {

    padding: 0;

    background-color: #fff;

    width: 100%;

    float: left;

    clear: both;

    box-sizing: border-box;

}

#comments .avatar {

    float: left;

    margin-right: 20px;

}

.comment time {

    color: #999999;

    font-size: 13px;

    margin-top: 5px;

    float: left;

}

ul.children .commentImageLeft {

    width: 60px;

    height: 90px;

    border-left: 1px solid #c1bbb6;

    border-bottom: 1px solid #c1bbb6;

    position: absolute;

    top: -50px;

    left: -70px;

}

input.text-input, #commentform input { padding: 11px }

input#author, input#email, input#url {

    width: 100%;

    border: 1px solid #dadada;

    background: #fff;

    font-size: 14px;

    float: left;

    clear: both;

    max-width: 100%;

}

input#author, input#email, input#url, #comment { transition: all 0.25s ease-in-out }

#commentform .comment-form-cookies-consent label { 

    float: none;

    padding: 0;

    cursor: pointer;

    margin-left: 7px;

    line-height: 18px;

    vertical-align: top;

}

#commentform .comment-form-cookies-consent input {

    width: 18px;

    height: 18px;

    -webkit-appearance: checkbox;

}

#cancel-comment-reply-link {

    float: right;

    line-height: 24px;

    margin-top: 0;

    padding: 7px 20px;

    color: white;

    cursor: pointer;

    background: #ff0000;

    font-size: 16px;

    position: absolute;

    top: 10px;

    right: 0;

}

#commentform input#submit {

    font-size: 16px;

    text-align: center;

    color: #fff;

    width: 175px;

    height: 45px;

    text-decoration: none;

    float: left;

    cursor: pointer;

    display: inline-block;

    border: none;

    padding: 0;

    transition: all 0.25s linear;

}

#commentform input#submit:hover {

    background: #222222;

    color: #fff;

}

ol.commentlist {

    margin-left: 0;

    clear: both;

    margin: 0;

}

.commentlist li {

    list-style: none;

    margin: 0;

    padding-left: 0;

    float: left;

    width: 100%;

    border-top: 1px solid #dadada;

    padding: 15px 0;

}

.commentContainer {

    padding-top: 10px;

    padding-bottom: 10px;

    float: left;

    width: 100%;

}

.children .commentCInner {

    width: 95%;

    float: right;

}

.children .children .commentCInner { width: 90% }

.commentlist p {

    margin-bottom: 0;

    line-height: 21px;

}

.fn {

    font-size: 14px;

    line-height: 1.375em;

}

.fn a { color: #473636 }

.comment-meta {

    font-size: 12px;

    font-style: italic;

}

.comment-meta a { color: #888 }

.commentmetadata { overflow: hidden }

.reply a {

    padding: 0 5px;

    margin-top: 5px;

    font-size: 13px;

    float: left;

}

.commentlist .children {

    margin-left: 13%;

    margin-bottom: 20px;

    margin-top: 0;

    float: left;

    width: 87%;

}

.commentlist .children li {

    margin-bottom: 10px;

    padding-bottom: 0;

}

.avatar { float: left }

#respond h3 {

    margin-top: 18px;

    font-size: 18px;

    margin: 15px 0 0 0;

    padding: 0 0 20px 0;

}

.cancel-comment-reply a {

    float: right;

    margin-top: -8px;

    font-size: 14px;

}

.comment-awaiting-moderation {

    font-style: italic;

    font-weight: bold;

}

ol.commentlist > .navigation {

    margin-bottom: 10px;

    clear: both;

    float: left;

    width: 100%;

}

ol.commentlist > .navigation.bottomnav { margin-bottom: 0 }

.article .commentmetadata ul li, .article .commentmetadata ol li, .article .commentmetadata ul ol li, .article .commentmetadata ol ul li {

    padding: 0;

    border: 0;

    margin-bottom: 5px;

    list-style-type: inherit;

}

/*-[ Comment Form ]----------------------------*/

#commentform textarea {

    width: 100%;

    font-family: inherit;

    border: 1px solid #dadada;

    background: #fff;

    font-size: 14px;

    padding: 5px 10px 10px 10px;

    line-height: 25px;

    font-family: georgia;

    font-style: italic;

}

#commentform p {

    margin-bottom: 15px;

    float: left;

    width: 100%;

    clear: both;

}

#commentform p.comment-form-comment { margin-bottom: 8px }

#commentform p.form-submit {

    margin-top: 10px;

    margin-bottom: 0;

}

#commentform p label {

    float: left;

    padding-bottom: 5px;

    padding-top: 5px;

}

.required {

    /*display: none;*/

    color: red;

    float: left;

    font-size: 18px;

    padding: 5px;

    padding-top: 9px;

}

.comment-notes .required {

    padding-left: 0;

    padding-top: 3px;

}

.comment-notes {

    font-style: italic;

    display: none;

}

.form-allowed-tags { display: none }

#respond { position: relative }

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

# Infinite scroll

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

/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */

.infinite-scroll.neverending #site-footer {

    /* Theme Footer (when set to scrolling) */

    display: none;

}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending #site-footer { display: block }

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

# Media

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

.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {

    border: none;

    margin-bottom: 0;

    margin-top: 0;

    padding: 0;

}

/* Make sure embeds and iframes fit their containers. */

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

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

## Captions

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

.wp-caption {

    margin-bottom: 1.5em;

    max-width: 100%;

    border: 1px solid #ddd;

}

.wp-caption img[class*="wp-image-"] {

    display: block;

    margin-left: auto;

    margin-right: auto;

}

.wp-caption .wp-caption-text {margin: 0.4em 0;}

.wp-caption-text { text-align: center }

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

## Galleries

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

.gallery { margin-bottom: 1.5em }

.gallery-item {

    display: inline-block;

    text-align: center;

    vertical-align: top;

    width: 100%;

}

.gallery-columns-2 .gallery-item { max-width: 50% }

.gallery-columns-3 .gallery-item { max-width: 33.33% }

.gallery-columns-4 .gallery-item { max-width: 25% }

.gallery-columns-5 .gallery-item { max-width: 20% }

.gallery-columns-6 .gallery-item { max-width: 16.66% }

.gallery-columns-7 .gallery-item { max-width: 14.28% }

.gallery-columns-8 .gallery-item { max-width: 12.5% }

.gallery-columns-9 .gallery-item { max-width: 11.11% }

.gallery-caption { display: block }

/*-[ pagination ]------------------*/

.pagination {

    clear: both;

    overflow: hidden;

    float: left;

    width: 100%;

    padding: 0;

    margin-bottom: 0;

}

.single_post .pagination { margin: 10px 0 15px }

.pagination ul {

    list-style: none;

    margin: 0;

}

.pagination ul li {

    float: left;

    margin-right: 8px;

}

.pagination .current {

    color: #fff;

    margin: 0 1px 0 0;

    display: inline-block;

    float: left;

    line-height: 1.2em;

    text-decoration: none;

    padding: 10px 14px;

    border: 1px solid #ccc;

    margin-right: 8px;

}

.single .pagination .current {margin: 0;}

.pagination a, .pagination2, .pagination .dots {

    border: 1px solid #ccc;

    background: #fff;

    margin: 0 1px 0 0;

    display: inline-block;

    float: left;

    line-height: 1.2em;

    text-decoration: none;

    color: #555;

    padding: 10px 14px;

    margin-right: 8px;

    transition: all 0.25s ease;

}

.single .pagination a {

    padding: 0;

    border: 0;

}

.pagination a:hover {

    color: #fff;

    border-color: transparent;

}

.pagination2 { clear: both }

.top { float: right }

.pnavigation2 {

    display: block;

    width: 100%;

    overflow: hidden;

    padding: 10px 0;

    float: left;

    margin-bottom: 10px;

}

.nav-previous { float: left }

.nav-next { float: right }

.nav-previous a, .nav-next a {

    color: #979494;

    border: 1px solid #CCCCCC;

    padding: 10px 15px;

    background: #fff;

}

.nav-previous a:hover, .nav-next a:hover {

    color: #fff !important;

    border-color: transparent;

}

.comment_text_area { overflow: hidden }

.infinite-loader {

    float: none;

    display: inline-block;

    margin: 0 auto;

}

/*-[ Social Profile Widget ]--------------------------*/

.social-profile-icons ul { margin: 0 -4px }

.social-profile-icons ul li {

    background: none;

    border: none;

    float: left;

    list-style-type: none;

    margin: 0 4px 8px 4px!important;

    padding: 0 !important;

    border: none !important;

}

.social-profile-icons ul li a {

    width: 36px;

    height: 36px;

    display: block;

    float: left;

    border-radius: 3px;

    text-align: center;

    line-height: 36px;

    color: #FFF!important;

    transition: all .4s;

    padding: 0;

}

.sidebar .social-profile-icons ul li a:hover {

    color: #fff;

    background: #666;

}

.social-profile-icons ul li i {

    font-size: 16px;

    line-height: 32px;

}

.social-profile-icons .social-youtube a { background: #c9322b }

.social-profile-icons .social-rss a { background: #ef922f }

.social-profile-icons .social-twitter a { background: #40bff5 }

.social-profile-icons .social-facebook a { background: #5d82d1 }

.social-profile-icons .social-gplus a { background: #eb5e4c }

.social-profile-icons .social-vimeo a { background: #35c6ea }

.social-profile-icons .social-dribbble a { background: #f7659c }

.social-profile-icons .social-tumblr a { background: #426d9b }

.social-profile-icons .social-instagram a { background: #91653f }

.social-profile-icons .social-flickr a { background: #ff48a3 }

.social-profile-icons .social-pinterest a { background: #e13138 }

.social-profile-icons .social-linkedin a { background: #238cc8 }

.social-profile-icons .social-github a { background: #b5a470 }

.social-profile-icons .social-email a { background: #1d90dd }

.social-profile-icons .social-behance a { background: #1879fd }

.social-profile-icons .social-skype a { background: #13c1f3 }

.social-profile-icons .social-soundcloud a { background: #ff7e30 }

.social-profile-icons .social-stumbleupon a { background: #ff5c30 }

.social-profile-icons .social-dropbox a { background: #3476e4 }

.social-profile-icons .social-foursquare a { background: #0bbadf }

.social-profile-icons .social-reddit a { background: #ff4400 }

.widget.woocommerce ul li { margin-left: 0; list-style-type: none; float: left; width: 100%; }

.rtl_on { direction: rtl; }

.rtl_off { direction: ltr; }

@media screen and (max-width:1100px) { 

    #page, .container, .site-branding { max-width: 96% }

}

@media screen and (min-width:865px) { 

    .navigation.mobile-only { display: none }

}

@media screen and (max-width:865px) { 

    #site-footer .main-container { padding: 0 2% }

    .site-branding {

        padding: 0;

        text-align: center;

    }

    .site-branding { float: none!important }

    #navigation {

        width: 100%;

        border: none;

        display: none;

    }

    #navigation .menu a, #navigation .menu .fa > a, #navigation .menu .fa > a {

        color: #fff!important;

        background: transparent;

        margin-left: 0!important;

    }

    #navigation .menu {

        display: block!important;

        background: transparent;

        float: left;

    }

    #navigation ul ul {

        visibility: visible!important;

        opacity: 1!important;

        position: relative;

        left: 0!important;

        border: 0;

        width: 100%;

    }

    #navigation ul li li {

        background: transparent;

        border: 0;

    }

    #navigation { height: auto }

    #navigation li, #navigation ul li li {

        width: 100%!important;

        float: left;

        position: relative;

    }

    #navigation ul li:after { display: none }

    #navigation ul li:before { display: none }

    #navigation li a {

        border-bottom: 1px solid rgba(255, 255, 255, 0.15)!important;

        width: 100%!important;

        box-sizing: border-box;

    }

    #navigation a {

        text-align: left;

        width: 100%;

    }

    #navigation a .sub { display: none }

    a#pull {

        display: block;

        width: 100%;

        background: #1D2933;

        color: #fff;

        padding: 10px 0;

        text-indent: 2%;

        text-align: left;

        text-transform: uppercase;

        font-size: 14px;

        position: relative;

    }

    a#pull:after {

        content: '\f0c9';

        display: inline-block;

        position: absolute;

        right: 2%;

        top: 10px;

        font-family: "ribbon-lite";

        -webkit-font-smoothing: antialiased;

        -moz-osx-font-smoothing: grayscale;

    }

    #navigation ul .sfHover a, #navigation ul li:hover, #navigation ul .sfHover ul li { background: transparent }

    /*disable flayout*/

    #catcher { height: 0 !important }

    .sticky-navigation-active {

        position: relative !important;

        top: 0 !important;

    }

    /*-[ Responsive Navigation ]--------------------------------*/

    .main-container {

        position: relative;

        left: 0;

        transition: left 500ms ease;

    }

    .mobile-menu-active .main-container {

        left: 300px;

        transition: left 500ms ease;

    }

    #navigation.mobile-menu-wrapper {

        display: block;

        position: fixed;

        top: 0;

        left: -300px;

        width: 300px;

        z-index: 9999;

        height: 100%;

        border-right: 1px solid rgba(0, 0, 0, 0.15);

        overflow: auto;

        transition: left 500ms ease;

        -webkit-backface-visibility: hidden;

        background: #1D2933;

    }

    .mobile-menu-active #navigation.mobile-menu-wrapper { left: 0 }

    #navigation ul li { width: 100% }

    #navigation ul li:hover { background: none }

    #navigation ul li a, #navigation ul ul a {

        padding: 0px 20px;

        width: 100%;

        border: none;

        min-height: auto;

        border-right: 0!important;

    }

    #navigation ul ul {

        position: static;

        width: 100%;

        border: none;

        background: none;

        float: left;

        display: none;

    }

    #navigation ul ul li {

        background: none;

        width: 100%;

        padding: 0;

    }

    #navigation > ul li:first-child a { border-left: none!important }

    .primary-navigation .menu .current-menu-item > a:after { background: none }

    #navigation ul ul li:hover { background: none }

    #navigation i { display: inline }

    #navigation ul ul a {

        padding: 0 20px;

        width: 100%!important;

    }

    #navigation .toggle-caret {

        display: block;

        width: 44px;

        height: 44px;

        line-height: 44px;

        color: #ffffff;

        border-left: 1px solid rgba(255, 255, 255, 0.15);

    }

    #mobile-menu-overlay {

        position: fixed;

        width: 100%;

        height: 100%;

        top: 0;

        left: 0;

        z-index: -1;

        cursor: pointer;

        display: none;

        backface-visibility: hidden;

        background: rgba(0,0,0,.5);

    }

    html.noscroll {

        position: fixed;

        overflow-y: scroll;

        width: 100%;

    }

    .menu-item-has-children > a:after { content: '' }

    #navigation ul ul a { font-weight: 600 }

    /*-[ Mega Menu ]--------------------------------*/

    #wpmm-megamenu .wpmm-subcategories {

        width: 100%;

        text-indent: 0;

    }

    #wpmm-megamenu .wpmm-posts { width: 100% }

    #wpmm-megamenu .wpmm-post {

        width: 100%!important;

        padding: 0 10px!important;

        text-align: center!important;

    }

    #wpmm-megamenu .wpmm-thumbnail img { float: left }

    #wpmm-megamenu.wpmm-light-scheme { display: none }

    .wpmm-megamenu-showing.wpmm-light-scheme { background: transparent!important }

    .widget-header {

        margin-top: 10px;

        width: 100%;

        margin: 0 auto;

        float: none;

    }

}

@media screen and (max-width: 720px) { 

    .article {

        width: 100%;

        margin-left: auto;

        margin-right: auto;

    }

    .sidebar.c-4-12 {

        width: 100%;

        float: none!important;

        margin-left: auto;

        margin-right: auto;

        overflow: hidden;

    }

    .pagination { margin-bottom: 0 }

    .sidebar.c-4-12 .sidebar_list { margin-top: 30px }

    .widget-header {

        float: left;

        width: 100%;

        text-align: center;

        margin-left: auto;

        margin-right: auto;

        margin-top: 0;

        margin-bottom: 0;

    }

    #page { padding-top: 25px }

}

@media screen and (max-width: 640px) { 

    .footer-widget {

        width: 48%;

        margin-right: 4%;

    }

    .footer-widget:nth-child(even) { margin-right: 0 }

    .single-title { font-size: 24px }

}

@media screen and (max-width: 550px) { 

    .related-posts .post.excerpt {

        width: 48%;

        margin-right: 4%;

        margin-bottom: 15px;

    }

    .related-posts .post.excerpt.last { clear: left }

    .related-posts .post.excerpt:nth-of-type(2n) { margin-right: 0 }

    .related-posts #featured-thumbnail { max-width: 100% }

}

@media screen and (max-width: 480px) { 

    .footer-widget { width: 100% }

    #copyright-note, .top {

        width: 100%;

        text-align: center;

    }

}