/*
Theme Name: Sampression Lite
Theme URI: http://sampression.com/themes/sampression-lite/
Author: Sampression
Author URI: http://www.sampression.com
Description: Sampression Lite is a free, Pinterest inspired responsive WordPress theme with an attractive masonry blog layout. The theme has a clean and lightweight design. It boasts of user-friendly customizing options making it very easy to customize your blog’s header, menus, widgets, background color, and images. The theme is also SEO friendly and translation ready, allowing you the freedom of expressing in your native language. Get free support at http://sampression.com/support and View live demo site at http://www.demo.sampression.com/sampression-lite
Version: 2.3
Requires PHP: 5.6.20
Tested up to: 5.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, four-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, blog
Text Domain: sampression-lite

This theme is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/**
* Table of Contents
*
* 1.0 - Reset
* 2.0 - Genericons
* 3.0 - Typography
* 4.0 - Elements
* 5.0 - Forms
* 6.0 - Navigation
*   6.1 - Links
*   6.2 - Menus
* 7.0 - Alignments
* 8.0 - Clearings
* 9.0 - Widgets
* 10.0 - Media
*    10.1 - Captions
*    10.2 - Galleries
* 11.0 - Helper Classes
* 12.0 - Content
*    12.1 - Header
*    12.2 - Posts and pages
*    12.4 - Sidebar
*    12.5 - Comments
*    12.6 - Footer
* 13.0 - Media Queries
*    13.1 - <= 1025px
*    13.2 - <= 959px
*    13.3 - <= 767px
*    13.4 - <= 479px
*    13.5 - <= 319px
* 14.0 - Print
*/
/**
 *  Skeleton Framework
 */
@import url(lib/css/skeleton.css);

/**
* 1.0 - Reset
*
* http://meyerweb.com/eric/tools/css/reset/
* v2.0 | 20110126
* License: none (public domain)
*/

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%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, main, menu, nav, section, summary {
    display: block;
}

body {
    line-height: 1;
    word-wrap: break-word;
}

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

/**
* 2.0 - Genericons
*/

.sm-top li a:before,
.search-form .search-submit:before,
.post-author:before,
.posted-on:before,
.edit:before,
.cats:before,
.tags:before,
.cats:before,
#primary-nav ul.nav-listing li a.selected span:before,
.btn-top:before,
.count-comment:before,
#btn-nav-opt i:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-family: "Genericons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    speak: none;
    text-align: center;
    text-decoration: inherit;
    text-transform: none;
    vertical-align: top;
}

.post-author:before,
.posted-on:before,
.edit:before,
.cats:before,
.tags:before,
.cats:before,
.count-comment:before {
    font-size: 18px;
    font-size: 1.8rem;
    margin-right: 1px;
}

.cats:before,
.tags:before {
    float: left;
}

#primary-nav ul.nav-listing li a.selected span:before {
    content: "\f418";
    color: #fff;
    font-size: 23px;
    font-size: 2.3rem;
    margin-left: -3px;
    margin-top: -2px;
    float: left;
}

.btn-top:before {
    content: '\f432';
    font-size: 21px;
    font-size: 2.1rem;
    margin: 4px 0 0 0;
    color: #333;
    padding-left: 2px;
}

/**
* 3.0 - Typography
*/

body, #site-description {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
    color: #333;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto Slab', serif;
    font-weight: 700;
    margin-bottom: 15px;
    margin-bottom: 1.5rem;
    line-height: 1.3;
}

h1 {
    font-size: 20px;
    font-size: 2rem;
}

h2 {
    font-size: 18px;
    font-size: 1.8rem;
}

h3 {
    font-size: 16px;
    font-size: 1.6rem;
}

h4 {
    font-size: 14px;
    font-size: 1.4rem;
}

h5 {
    font-size: 12px;
    font-size: 1.2rem;
}

h6 {
    font-size: 10px;
    font-size: 1rem;
}

p {
    margin: 0 0 20px 0;
    margin: 0 0 2rem 0;
}

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

strong {
    font-weight: bold;
}

small {
    font-size: 80%;
}

blockquote, blockquote p {
    line-height: 1.7;
    color: #777;
    color: rgba(51, 51, 51, 0.7);
    font-style: italic;
}

blockquote,
q {
    quotes: none;
}

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

blockquote cite,
blockquote small {
    margin: 5px 0 0;
    display: block;
}

blockquote cite:before,
blockquote small:before {
    content: "\2014\00a0";
}

blockquote em,
blockquote i,
blockquote cite {
    font-style: normal;
}

blockquote strong,
blockquote b {
    font-weight: 400;
}

address {
    font-style: italic;
    margin: 0 0 28px;
}

code,
kbd,
tt,
var,
samp,
pre {
    font-family: Inconsolata, monospace;
}

blockquote cite a, blockquote cite a:visited, blockquote cite a:visited {
    color: #333;
}

address, pre {
    margin-bottom: 20px;
}

pre {
    font-size: 14px;
    margin-left: 20px;
    white-space: pre;
    white-space: pre-wrap;
    max-width: 100%;
}

code {
    background-color: #d1d1d1;
}

mark,
ins {
    background: #8AB7AC;
    color: #fff;
    text-decoration: none;
}

big {
    font-size: 125%;
}

/**
 * 4.0 - Elements
 */

html {
    font-size: 62.5%;
}

html, body {
    width: 100%;
    overflow-x: hidden;
}

body {
    background: #fff;
}

/* Highlight Color */
::-moz-selection {
    background: #333;
    color: #fff;
}

::selection {
    background: #333;
    color: #fff;
}

hr {
    border: solid #ddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 10px 0 30px;
    height: 0;
}

ul, ol, dl {
    margin-bottom: 20px;
}

ul {
    list-style: disc;
}

ul ul {
    list-style: circle;
}

ol {
    list-style: decimal;
}

ol, ul {
    margin-left: 30px;
}

ul ul, ul ol,
ol ol, ol ul {
    margin: 4px 0 5px 30px;
    font-size: 100%;
}

ul ul li, ul ol li,
ol ol li, ol ul li {
    margin-bottom: 6px;
}

li {
    margin-bottom: 12px;
}

dl dt {
    font-weight: bold;
}

dl dd {
    margin: 0 0 10px 20px;
}

form ul {
    list-style-type: none;
}

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

del {
    opacity: 0.8;
}

embed, object {
    max-width: 100%;
    max-height: 100%;
    position: relative;
}

table {
    width: 100%;
    margin-bottom: 20px;
}

table,
th,
td {
    border: 1px solid #d1d1d1;
    padding: 5px;
}

th {
    border-width: 0 1px 1px 0;
    font-weight: 700;
    text-align: left;
}

td {
    border-width: 0 1px 1px 0;
}

acronym, abbr {
    cursor: help;
    border-bottom: 1px dashed #999;
}

blockquote {
    margin: 15px 30px 15px 10px;
    padding-left: 20px;
    border-left: 5px solid #ddd;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
    color: #ccc;
    color: rgba(51, 51, 51, 0.25);
}

:-moz-placeholder {
    color: #ccc;
    color: rgba(51, 51, 51, 0.25);
}

::-moz-placeholder {
    color: #ccc;
    color: rgba(51, 51, 51, 0.25);
    opacity: 1;
}

:-ms-input-placeholder {
    color: #ccc;
    color: rgba(51, 51, 51, 0.25);
}


/**
 * 5.0 - Forms
 */

form,
fieldset {
    margin-bottom: 20px;
}

input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
    border: 1px solid #DFE2E1;
    border: 1px solid rgba(51, 51, 51, 0.1);
    padding: 5px 10px;
    border-radius: 3px;
    color: #777;
    margin: 0;
    width: 96%;
    max-width: 100%;
    display: block;
    margin-bottom: 20px;
    background: #fff;
    font-size: 13px;
    font-size: 1.3rem;
    -webkit-appearance: none;
}

select {
    background: url("images/dropdown-arrow.svg") no-repeat calc(100% - 10px) center;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 6px 30px 6px 11px;
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: auto;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
    color: #444;
    border: 1px solid rgba(51, 51, 51, 0.20);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.20);
}

textarea {
    min-height: 80px;
}

label,
legend {
    display: block;
    font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
}

label {
    display: inline-block;
    font-weight: normal;
    margin-bottom: 5px;
}

input[type="checkbox"] {
    display: inline;
}

label span,
legend span {
    font-weight: normal;
    font-size: 13px;
    font-size: 1.3rem;
}

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    background-color: #8AB7AD;
    background-position: 10px 6px;
    border: none;
    padding: 6px 12px;
    border-radius: 3px;
    color: #ffffff;
    font-size: 13px;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    -webkit-appearance: none;

}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
    background-color: #63857F;
}

.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
    background-color: #FF6600;
}

/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 6.0 - Navigation
 */

/**
 * 6.1 - Links
 */
a:link, a:visited {
    color: #8AB7AD;
    text-decoration: none;
}

a:hover, a:focus, a:active {
    color: #333;
}

.navigation, .comment-navigation {
    display: block;
    clear: both;
}

.navigation {
    margin-top: 40px;
    padding-bottom: 70px;
}

.comment-navigation {
    margin-top: 15px;
    padding-bottom: 5px;
}

.attachment a,
.navigation-image a {
    border: none
}

.navigation a img {
    border-radius: 0;
    border: none
}

/**
 *  6.2 - Menu
 */

#get-cats, #get-cat-ios {
    display: none !important;
    margin-left: 90px;
}

#primary-nav {
    text-transform: uppercase;
    border-bottom: 1px solid #B9B6B6;
    border-bottom: 1px solid rgba(51, 51, 51, 0.1);
}

#primary-nav > .container {
    padding: 0;
}

#primary-nav.fixed {
    background-color: #fff;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    border: none;
    padding-bottom: 1px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.20), 0px 1px 3px 0px rgba(0, 0, 0, 0.10);
}

body.admin-bar #primary-nav.fixed {
    top: 30px;
}

#primary-nav .twelve {
    height: 28px;
    margin: 18px 0 15px;
    overflow: hidden;
}

#primary-nav.fixed:after {
    content: "";
    display: block;
    border-bottom: 1px solid #fff;
    height: 0;
    background: red;
    position: relative;
    bottom: -2px;
}

#btn-nav-opt {
    background: #EAEAEA;
    background: rgba(51, 51, 51, 0.1);
    width: 22px;
    height: 13px;
    position: absolute;
    bottom: 0;
    left: 10px;
    z-index: 999;
    display: none;
    border-radius: 2px 2px 0 0;
}

#primary-nav.fixed #btn-nav-opt {
    bottom: -3px;
}

#btn-nav-opt i {
    margin: 2px 6px 0;
    font-size: 11px;
    line-height: 14px;
    color: #333;
    display: block;
    height: 10px;
}

#btn-nav-opt .genericon-collapse, #btn-nav-opt.up .genericon-expand {
    display: none;
}

#btn-nav-opt.up .genericon-collapse {
    display: block;
    margin-top: 1px;
}

#primary-nav .nav-label {
    margin-right: 10px;
    position: absolute;
    top: 20px;
}

#primary-nav ul.nav-listing {
    margin: 0 0 0 90px;
    padding: 0;
    list-style: none;
}

#primary-nav ul.nav-listing li {
    display: inline;
    float: left;
    margin: 0 20px 10px 0;
    line-height: 1.5;
}

#primary-nav ul.nav-listing li a {
    display: block;
    padding: 0;
    text-decoration: none;
    margin-top: 4px;
}

#primary-nav ul.nav-listing li a span {
    background-color: #8AB7AD;
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 5px;
    border-radius: 2px;
}

/**
 * 7.0 - Alignments
 */

.alignnone {
    padding: 5px 10px;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

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

p img {
    padding: 0;
}

img.aligncenter {
    display: block;
    margin: 5px auto;
}

img.alignright {
    padding: 4px;
    margin: 5px 5px 5px 20px;
    display: inline;
}

img.alignleft {
    padding: 4px;
    margin: 5px 20px 5px 5px;
    display: inline;
}

/**
 * 8.0 - Clearings
 */

.container:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.row:after,
.clearfix:after {
    clear: both;
}

.row,
.clearfix {
    zoom: 1;
}


/**
 * 9.0 - Widgets
 */

.widget {
    margin-bottom: 20px;
}

.footer-widget .widget:nth-child(3n+1) {
    clear: left;
    margin-left: 0;
}

.sidebar-right .widget .widget-title,
.corner-stamp .widget-title {
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #E6EAE9;
    border-bottom: 1px solid rgba(51, 51, 51, 0.1);
}

.sidebar-right .widget .widget-entry {
    margin-left: 20px;
}

.widget .widget-title {
    margin-bottom: 15px;
}

.widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.widget ul li {
    margin-bottom: 10px;
}

.widget ul li ul {
    margin: 10px 0 0 20px;
}

.widget-commentlist {
    margin: 0;
    padding: 0;
    list-style: none;
}

.widget-commentlist .avatar {
    float: left;
    margin: 0 10px 5px 0;
}

.widget-commentlist .cmt-txt {
    overflow: hidden;
}

/**
 * 10.0 - Media
 */

/**
 * 10.1 - Caption
 */

.wp-caption {
    max-width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
    border-radius: 3px;
}

.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}

.wp-caption p.wp-caption-text {
    line-height: 16px;
    padding: 7px 4px 5px 0;
    margin: 0 0 10px 0;
    color: #666;
}

.wp-caption.alignleft {
    margin: 0 20px 5px 0;
}

.wp-caption.alignright {
    margin: 0 0 5px 20px;
}

/**
 * 10.2 - Galleries
 */

.gallery {
    margin-bottom: 30px;
}

.gallery-item {
    display: inline-block;
    padding: 1.79104477%;
    text-align: center;
    vertical-align: top;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 0;
}

.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-icon img {
    margin: 0 auto;
}

.gallery img {
    border: 1px solid #ddd !important;
}

.gallery-caption {
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
    display: block;
    padding: 5px 0;
    margin-bottom: 0;
}

.gallery-columns-5 .gallery-caption,
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none;
}

/**
 * 11.0 - Helper classes
 */

.hidden {
    display: none;
    visibility: hidden;
}

.col {
    display: inline;
    float: left;
}

.overflow-hidden {
    overflow: hidden;
}

.center {
    text-align: center;
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.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;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    right: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

.skip-link {
    left: -9999rem;
    top: 2.5rem;
    z-index: 999999999;
    text-decoration: underline;
}

.skip-link:focus {
    display: block;
    left: 6px;
    top: 7px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    line-height: normal;
    padding: 15px 23px 14px;
    z-index: 100000;
    right: auto;
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
    outline: 0;
}

/* Common Styles */

article.post,
.sm-top li a,
.btn-top,
.cancel-comment-reply a,
.post-navigation .wp-pagenavi a,
.post-navigation .wp-pagenavi span {
    border-radius: 3px;
}

.meta-nav {
    font-family: initial;
}

#page-not-found-message h2,
article.post .post-title,
article.post .post-title a,
#page-not-found-message h3 a {
    color: #FF6600;
}

#comment-header h3,
#comments-title,
#comment-form-title,
.widget .widget-title,
#page-not-found-message h3,
#reply-title {
    font-weight: normal;
}

/**
 *  12.0 - Content
 */

/**
 *  12.1 - Header
 */
#header {
    padding: 20px 0 25px 0;
    border-bottom: 1px solid #B9B6B6;
    border-bottom: 1px solid rgba(51, 51, 51, 0.1);
}

#logo-area,
a.custom-logo-link {
    margin-top: 10px;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block;
    max-width: 100%;
}

img.logo-img {
    float: left;
    display: inline;
    margin: 13px 10px 8px 0;
}

.logo-txt {
    margin-top: 20px;
}

#logo-wrapper .logo-txt {
    overflow: hidden;
    float: left;
}

#site-title {
    line-height: 1;
    margin: 0 0 2px 0;
    font-weight: normal;
    color: #FE6E41;
    font-size: 27px;
    font-size: 2.7rem;
    text-transform: uppercase;
}

#site-title a {
    color: #FE6E41;
}

#site-description {
    font-weight: normal;
    font-size: 13px;
    font-size: 1.3rem;
    margin-bottom: 0;
    /*color: #333;*/
}

/* Top Nav */
#top-nav ul {
    margin: 0 0 5px;
    padding: 0;
    list-style: none;
    text-align: right;
}

#top-nav ul li {
    display: inline-block;
    position: relative;
    background: none;
    padding: 0 0 10px 0;
    margin: 0 0 0 10px;
}

#top-nav ul li:last-child {
    margin-right: 0;
    padding-right: 0;
}

#top-nav ul a:link, #top-nav ul a:visited {
    color: #8AB7AD;
    text-decoration: none;
}

#top-nav ul li a:hover,
#top-nav ul li.current-menu-item a,
#top-nav ul li:hover > a,
#top-nav ul li.current-menu-ancestor a,
#top-nav ul li.current-menu-parent a,
#top-nav ul li.sfHover li li a:hover,
#top-nav ul li.current_page_item > a,
#top-nav ul li.current_page_parent > a,
#top-nav ul li.current_page_parent ul li.current_page_item > a {
    color: #333;
}

/* Second Level */
#top-nav ul ul {
    background-color: #fff;
    border: 1px solid #F2F2F2;
    border: 1px solid rgba(51, 51, 51, 0.1);
    border-bottom: none;
    position: absolute;
    left: 50%;
    top: 27px;
    z-index: 5;
    display: none;
    width: 160px;
    text-align: left;
    border-radius: 2px;
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.10);
    transform: translate(-50%, 0);
}

#top-nav ul li:hover > ul {
    display: block;
}

#top-nav ul ul:before {
    content: "";
    width: 17px;
    height: 8px;
    display: block;
    background: url("images/arrow_top.svg");
    background-repeat: no-repeat;
    position: absolute;
    right: 43%;
    top: -8px;
}

#top-nav ul ul li {
    background: none;
    display: block;
    margin: 0;
    padding: 0;

}

#top-nav ul li li a, #top-nav ul li.current-menu-item li a, #top-nav ul li.current-menu-parent li a, #top-nav ul li.current-menu-ancestor li a, #top-nav ul li li.current-menu-item li a, #top-nav ul li li.current-menu-parent li a, /*3rd level*/
#top-nav ul li li.current-menu-parent li.current-menu-item a {
    background-color: #fff;
    color: #8AB7AD;
    zoom: 1;
    height: auto;
    padding: 9px 15px;
    font-weight: normal;
    float: none;
    display: block;
    text-align: left;
}

#top-nav ul li li a,
#top-nav ul li.current-menu-item li a,
#top-nav ul li.current-menu-parent li a,
#top-nav ul li.current-menu-ancestor li a,
#top-nav ul li li.current-menu-item li a,
#top-nav ul li li.current-menu-parent li a,
#top-nav ul li li.current-menu-parent li.current-menu-item a,
#top-nav .sub-menu li a,
#top-nav .sub-menu .sub-menu li a,
#top-nav .sub-menu li:last-child > .sub-menu li a,
#top-nav .sub-menu li:last-child > .sub-menu li:last-child > .sub-menu li a,
#top-nav .sub-menu li:last-child > .sub-menu li:last-child > .sub-menu li:last-child > .sub-menu li a {
    background: none;
    border-bottom: 1px solid #F2F2F2;
    border-bottom: 1px solid rgba(51, 51, 51, 0.1);
    color: #8AB7AD;
}

#top-nav ul li li:last-child a,
#top-nav ul li.current-menu-item li:last-child a,
#top-nav ul li.current-menu-parent li:last-child a,
#top-nav ul li.current-menu-ancestor li:last-child a,
#top-nav ul li li.current-menu-item li:last-child a,
#top-nav ul li li.current-menu-parent li:last-child a,
#top-nav ul li li.current-menu-parent li.current-menu-item:last-child a,
#top-nav .sub-menu li:last-child a,
#top-nav .sub-menu .sub-menu li:last-child a,
#top-nav .sub-menu li:last-child > .sub-menu li:last-child a {
    border-bottom: none;
}

#top-nav ul li li:last-child a:hover,
#top-nav ul li.current-menu-item li:last-child a:hover,
#top-nav ul li.current-menu-parent li:last-child a:hover,
#top-nav ul li.current-menu-ancestor li:last-child a:hover,
#top-nav ul li li.current-menu-item li:last-child a:hover,
#top-nav ul li li.current-menu-parent li:last-child a:hover,
#top-nav ul li li.current-menu-parent li.current-menu-item:last-child a:hover,
#top-nav .sub-menu .sub-menu li a:hover,
#top-nav .sub-menu li > .sub-menu li a:hover,
#top-nav .sub-menu li a:hover {
    color: #666;
}

/* Third Level  */
#top-nav ul ul ul {
    top: -1px;
    left: inherit;
    right: 175px;
    transform: translate(0, 0);
}

#top-nav ul ul ul:before {
    content: "";
    width: 9px;
    height: 17px;
    display: block;
    background: url("images/arrow_right.svg");
    background-repeat: no-repeat;
    position: absolute;
    right: -7px;
    top: 8px;
}

#top-nav ul ul ul:after {
    content: "";
    width: 16px;
    height: 100%;
    display: block;
    position: absolute;
    right: -16px;
    top: 0;
}

#interaction-sec {
    float: right;
    text-align: center;
}

#top-nav-mobile {
    display: none;
    overflow: hidden;
    padding: 10px 0 20px;
}

#top-nav-mobile select {
    float: none;
    display: inline;
}

/* Search Form */
#interaction-sec .search-form {
    float: right;
    margin-bottom: 0;
}

.search-form {
    float: left;
    position: relative;
}

.ie8 .search-form {
    width: 235px;
}

.search-form input, .search-form button, .sm-top a, select, #get-cat-ios {
    display: block;
    float: left;
    position: relative;
    border: 1px solid #333;
    border: 1px solid rgba(51, 51, 51, 0.1);
    margin: 0;
}

.search-form input:focus {
    border-color: #B9B6B6;
    border-color: rgba(51, 51, 51, 0.2);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.20);
}

.search-form:hover input.search-submit {
    border-color: #8AB7AD;

}

.search-form input.search-field {
    background: #ffffff;
    background: rgba(255, 255, 255, 0.5);
    height: 18px;
    border-radius: 3px;
    width: 180px;
    padding: 4px 32px 4px 10px;
}

.search-form .search-submit {
    background: none;
    border: none;
    line-height: 1;
    width: 29px;
    height: 26px;
    border-left: 0px;
    padding: 0;
    z-index: 2;
    position: absolute;
    margin: 1px;
    right: 0;
    top: 0;
}

.search-form .search-submit:before {
    content: "\f400";
    position: relative;
    font-size: 17px;
    left: -3px;
    color: #333333;
    padding-left: 5px;
    top: 0;
}

/* Social Icons  */
.sm-top {
    margin: 0;
    padding: 0;
    list-style: none;
    float: right;
}

.sm-top li {
    display: inline;
    float: left;
    margin-left: 10px;
}

.sm-top li a {
    background: #fff;
    background: rgba(255, 255, 255, 0.5);
    width: 26px;
    padding: 4px 0 2px;
}

.sm-top li a:before {
    font-size: 16px;
    font-size: 1.6rem;
}

.sm-top li.sm-top-fb a {
    color: #3a5795;
}

.sm-top li.sm-top-youtube a {
    color: #d32323;
}

.sm-top li.sm-top-tw a {
    color: #55acee;
}

.sm-top li.sm-top-gplus a {
    color: #d73d32;
}

.sm-top li.sm-top-tumblr a {
    color: #0070B3;
}

.sm-top li.sm-top-linkedin a {
    color: #006699;
}

.sm-top li.sm-top-pinterest a {
    color: #DF0000;
}

.sm-top li.sm-top-github a {
    color: #171515;
}

.sm-top li.sm-top-instagram a {
    color: #2C6287;
}

.sm-top li.sm-top-flickr a {
    color: #FF0084;
}

.sm-top li.sm-top-vimeo a {
    color: #1AB7EA;
}

.sm-top li a:hover {
    border-color: #B9B6B6;
    border-color: rgba(51, 51, 51, 0.3);
}

.header-image {
    border-radius: 4px;
    float: left;
    margin: 20px 0 10px;
    overflow: hidden;
    width: 100%;
}

/**
 * 12.2 - Posts and pages
 */

#content-wrapper {
    padding: 30px 0 !important;
    min-height: 400px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.quick-note {
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 20px;
}

.quick-note a.btn-back {
    color: #fff;
    text-decoration: none;
    padding-left: 20px;
}

#content {
    padding-bottom: 10px;
    margin: 0 0 45px 0;
}

body.single #content, body.page #content {
    background: none;
    margin-bottom: 0;
}

#post-listing {
    width: 100%;
    float: left;
    padding: 0 0 8px 0;
    overflow: visible !important;
}

body.home {
    overflow: hidden;
}

article.post {
    background-color: #fff;
    margin-bottom: 30px !important;
    position: relative;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.20), 0px 0px 3px 0px rgba(0, 0, 0, 0.10);
    margin-top: 1px;
}

article.columns.item {
    margin: 1px 0 0 0;
}

.sticky {
    position: relative;
}

.sticky:before {
    content: "";
    display: block;
    background: url("images/sticky-icon.svg") no-repeat 0 0;
    position: absolute;
    right: 13px;
    top: 0;
    width: 12px;
    height: 20px;
}

article.post .post-title {
    font-weight: bold;
    padding: 20px 35px 10px 20px;
    margin: 0;
    word-wrap: break-word;
}

body.single article.post .post-title,
body.page article.post .post-title {
    font-size: 20px;
    font-size: 2rem;
    padding: 30px 30px 17px;
    line-height: 24px;
}

article.post .post-title a {
    text-decoration: none;
}

article.post .post-title a:hover {
    color: #333;
}

article.post .featured-img {
    height: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}

article.post .featured-img img {
    width: 100%;
}

body.single article.post .featured-img {
    height: auto;
    margin: 0;
}

article.post .entry {
    padding: 0 20px 10px 20px;
    word-wrap: break-word;
}

body.single article.post .entry,
body.page article.post .entry {
    padding: 0 30px 30px 30px;
}

article.post .meta {
    border-top: 1px solid #F2F2F2;
    border-top: 1px solid rgba(0, 0, 0, .06);
    padding: 7px 20px;
    line-height: 1.7;
}

body.single article.post .meta {
    border-bottom: 1px solid #F2F2F2;
    border-bottom: 1px solid rgba(0, 0, 0, .06);
    padding: 10px 20px 5px;
    margin-bottom: 20px;
    position: relative;
}

body.single article.post .meta .col {
    margin-right: 10px;
}

body.single article.post .meta > div,
body.single article.post .meta > time,
{
    margin-bottom: 5px;
}

body.single .entry.clearfix form label {
    float: left;
    margin-right: 15px;
    width: 175px;
}

body.single .entry.clearfix form input[type="submit"] {
    margin-top: 18px;
}

.meta {
    font-size: 12px;
    font-size: 1.2rem;
    clear: both;
}

.meta, .meta a {
    color: #8AB7AD;
}

.meta a:link, .meta a:visited {
    text-decoration: none;
}

.meta a:hover, .meta a:active {
    color: #333;
}

.meta time {
    margin-right: 10px;
}

.single .meta time, .single .meta .cats, .single .meta .edit, .single .meta .post-author, .single .meta .tags {
    float: left;
    display: inline;
    margin-right: 10px;
}

#post-listing article.post .entry p {
    margin-bottom: 0;
}

#post-listing article.post .read-more {
    display: block;
    padding: 10px 0 0 0;
}

body.single .meta .overflow-hidden,
body.page .meta .overflow-hidden {
    overflow: visible;
}

.page-link {
    clear: both;
    padding-top: 10px;
}

body.single .featured-img img {
    border-radius: 3px 3px 0 0;
}

/* Post Navigation */
#nav-below {
    border-top: 1px solid #E6EAE9;
    border-top: 1px solid rgba(51, 51, 51, 0.1);
    border-bottom: 1px solid #E6EAE9;
    border-bottom: 1px solid rgba(51, 51, 51, 0.1);
    padding: 15px 0 15px;
    clear: both;
}

#nav-above {
    margin-bottom: 20px;
}

/* if wp-pagenavi plugin is enabled*/
.post-navigation .wp-pagenavi {
    padding: 5px 0;
}

.post-navigation .wp-pagenavi a,
.post-navigation .wp-pagenavi span {
    background-color: #fff;
    border-color: #C2CFCC;
    color: #8AB7AC;
    padding: 5px 10px;
}

.post-navigation .wp-pagenavi a:hover,
.post-navigation .wp-pagenavi span.current {
    border-color: #8AB7AC;
    color: #666;
}

/**
 *  12.4 - Sidebar
 */

.sidebar-right .widget.widget_search .widget-entry {
    margin-left: 0;
}

.corner-stamp .categories,
.corner-stamp .categories ul,
.corner-stamp .categories ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

.corner-stamp .categories {
    margin: 0 0 30px 0;
}

.sidebar-right .widget select {
    width: 100%;
}

/**
 *  12.5 - Comments
 */

.nocomments {
    padding: 0 30px;
}

#comments {
    padding: 30px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

ol.commentlist {
    margin: 0 0 20px 0;
    padding: 30px;
    padding-top: 0;
    list-style: none;
    border-bottom: 1px solid #B9B6B6;
    border-bottom: 1px solid rgba(51, 51, 51, 0.1);
}

ol.commentlist ul.children {
    margin-left: 30px;
    list-style: none;
    margin-top: 20px;
    margin-bottom: 0;
}

ol.commentlist ul.children ul ul ul ul {
    margin-left: 0;
}

.commentlist article {
    margin-bottom: 20px;
}

ol.commentlist li.comment,
ol.commentlist .children li.comment {
    margin-bottom: 0;
}

.comment-form {
    padding: 0 30px;
}

.avatar-wrapper {
    float: left;
    width: 60px;
    padding-right: 20px;
    position: relative;
}

img.avatar {
    border: 1px solid #fff;
}

.commentlist span.pointer {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid rgba(51, 51, 51, 0.09);
    display: block;
    text-indent: -9999px;
    position: absolute;
    z-index: 9;
    right: 0;
    top: 10px;
}

.comment-wrapper {
    overflow: hidden;
    /*box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);*/
    border-radius: 2px;
    background-color: #ffffff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    border: solid 1px rgba(51, 51, 51, 0.09);
}

#comment-header h3, #comments-title, #comment-form-title, #reply-title {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 40px;
    padding-left: 30px;
    padding-right: 30px;
}

#reply-title {
    margin-bottom: 20px;
}

#comment-header h3 {
    display: inline;
    float: left;
}

#comment-header h3 a {
    color: #fff;
    text-decoration: none;
    text-shadow: 1px 1px 1px #A6BDB8;
    padding-right: 35px;
}

#comment-header h3#comments-title {
    padding: 0 17px 0 0;
    margin: 0 15px 0 0;
}

.commentlist .comment-entry {
    border-radius: 3px;
    background-color: #fff;
    position: relative;
}

.widget-commentlist img {
    border: 1px solid #fff;
}

.commentlist .comment-meta {
    border-bottom: 1px solid #B9B6B6;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding: 10px 20px;
}

.commentlist .comment-author {
    float: left;
}

.commentlist .reply {
    float: right;
}

.commentlist .reply span {
    font-family: initial;
}

.commentlist .comment-meta a {
    text-decoration: none;
}

.commentlist .comment-content {
    padding: 20px;
}

.commentlist p {
    margin-bottom: 10px;
}

.commentlist p:last-child {
    margin-bottom: 0;
}

.comment-awaiting-moderation {
    padding: 10px 20px 0 20px;
    font-style: italic;
    font-size: 14px;
    font-size: 1.4rem;
}

.cancel-comment-reply {
    margin-bottom: 20px;
}

#respond {
    padding-top: 30px;
}

#cancel-comment-reply-link {
    font-weight: normal;
    text-decoration: underline;
}

.form-allowed-tags {
    display: none;
    visibility: hidden;
}

/**
 *  12.6 - Footer
 */
.footer-widget {
    padding: 50px 0 20px;
    border-top: 1px solid rgba(51, 51, 51, 0.1);
}

#footer {
    padding: 25px 0 25px;
    border-top: 1px solid #B9B6B6;
    border-top: 1px solid rgba(51, 51, 51, 0.1);
}

.copyright {
    margin-right: 5px;
}

.footer-right {
    position: relative;
    height: 20px;
}

#btn-top-wrapper {
    position: absolute;
    z-index: 9999;
    right: 0;
    top: 0;
    width: 30px;
    margin-right: -50px;
}

.btn-top.fixed {
    position: fixed;
    bottom: 15px;
}

.btn-top {
    background-color: #fff;
    border: 1px solid #F2F2F2;
    border: 1px solid rgba(51, 51, 51, 0.1);
    width: 30px;
    height: 29px;
    display: block;
    text-align: center;
}

.btn-top:hover {
    border-color: #F2F2F2;
    border-color: rgba(51, 51, 51, 0.3);
}

.post .entry .page-link a:hover {
    color: #333;
}

.overflow-hidden.cat-listing > a:hover,
.url.fn.n:hover,
.col > a:hover {
    color: #333;
}

/* Search Results */
.search-title span {
    font-style: italic;
}

/* 404 */
body.error404 #content {
    background: none;
    padding: 100px 0;
}

#page-not-found-message {
    background: url(images/sampression-404.png) no-repeat left center;
    padding: 0 0 0 190px;
}

#page-not-found-message h2 {
    font-size: 27px;
    font-size: 2.7rem;
    margin: 0;
}

#page-not-found-message h3 {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 0 0 10px 0;
    margin: 10px 0 10px 0;
}

#page-not-found-message h3.separator {
}

#page-not-found-message h3 a {
    text-decoration: none;
}

form.post-password-form input[type="submit"] {
    margin-left: 10px;
    padding: 7px 12px;
}

body.single .entry.clearfix form.post-password-form input[type="submit"] {
    margin-top: 19px;
}

.entry-caption {
    margin-top: 10px;
}

.bypostauthor {

}

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

/**
 * 13.1 - <= 1025px
 */
@media only screen and (max-width: 1025px) {

    #primary-nav .twelve {
        height: 34px;
    }

    #primary-nav .nav-label {
        margin-top: 3px;
        top: 16px;
    }


}

/**
 * 13.2 - >= 768px and <= 959px
 */
@media only screen and (min-width: 768px) and (max-width: 959px) {

    .search-form input.search-field {
        width: 132px;
    }

    article.post .featured-img {
        height: auto !important;
    }
}

/**
 * 13.3 - <= 767px
 */
@media only screen and (max-width: 767px) {

    .container,
    #primary-nav > .container {
        padding: 0 15px;
    }

    #logo-wrapper .logo-img, #logo-wrapper .logo-txt {
        display: block;
        float: none;
    }

    #logo-wrapper {
        text-align: center;
    }

    .logo-txt {
        margin-bottom: 10px;
        margin-top: 0;
    }

    #interaction-sec {
        float: none;
        text-align: center;
    }

    .sm-top {
        margin-bottom: 10px;
        float: left;
    }

    .sm-top li {
        margin-left: 0;
        margin-right: 8px;
    }

    .sm-top li a {
        padding: 5px 0 1px;
    }

    .search-form:before, .search-form:after {
        content: '';
        display: none;
    }

    .search-form {
        margin: 0 0 20px 0;
        width: 100%;
        float: left;
    }

    #top-nav ul {
        float: none;
        text-align: center
    }

    #top-nav ul li {
        float: none;
    }

    .search-form input.search-field {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        height: 28px;
    }

    #top-nav ul li:hover ul {
        display: none;
    }

    #top-nav {
        display: none;
    }

    /* show  navigation on small screen */
    #top-nav-mobile {
        display: block;
    }

    ul#filter {
        display: none;
    }

    #get-cats, #get-cat-ios {
        display: block !important;
    }

    #top-nav-mobile .nav-label {
        display: block;
        float: left;
        width: 40px;
        text-align: right;
        line-height: 30px;
        text-transform: uppercase;
        padding-right: 6px;
    }

    .level-menu-1 {
        padding-left: 10px;
    }

    .level-menu-2 {
        padding-left: 20px;
    }

    .level-menu-3 {
        padding-left: 30px;
    }

    .level-menu-4 {
        padding-left: 40px;
    }

    .level-menu-5 {
        padding-left: 45px;
    }

    .level-menu-6 {
        padding-left: 50px;
    }

    #primary-nav .twelve {
        padding-bottom: 6px;
    }

    #primary-nav .nav-label {
        position: static;
        display: block;
        float: left;
        line-height: 30px;
        width: 66px;
        padding-right: 0;
    }

    article.post:after,
    body.single article.post:after,
    body.page article.post:after {
        width: 294px;
        height: 10px;
        bottom: -10px;
        left: 3px;
    }

    article.post .featured-img {
        text-align: center;
    }

    .footer-right {
        height: 40px;
    }

    /* Primary nav */
    #primary-nav .nav-listing {
        display: none;
    }

    #primary-nav ul.nav-listing {
        margin: 10px 0 0 90px;
    }

    #get-cats, #get-cat-ios {
        float: none;
        margin-left: 0;
    }

    #primary-nav .nav-label {
        margin-top: 3px;
        top: 15px;
    }

    #btn-nav-opt {
        display: none !important;
        visibility: visible;
    }

    .top-menu-nav {
        width: 100%;
    }

    /* Sidebar */
    .sidebar .widget {
        margin-bottom: 20px;
    }

    .sidebar-right .search-form input.search-field {
        width: 100%;
    }

    /* Comments */
    ol.commentlist ul.children {
        margin-left: 10px;
    }

    ol.commentlist .avatar-wrapper {
        padding: 0 10px 10px 0;
    }

    .avatar-wrapper {
        width: 40px;
    }

    .commentlist .reply {
        clear: both;
        float: none;
    }

    #content {
        margin-bottom: 10px;
    }

    body.single #content {
        padding-bottom: 20px;
        margin-bottom: 40px;
    }

    body.single .sidebar-right {
        padding-top: 0;
    }

    /* 404 */
    #page-not-found-message {
        background-position: center top;
        padding: 120px 0 0 0;
        text-align: center;
    }

    /* Footer */
    #footer .credit {
        float: left;
    }

    #btn-top-wrapper {
        right: 0;
        margin-right: 0;
        bottom: 0;
        top: auto;
    }

    input[type="text"], input[type="email"], textarea {
        width: 97%;
        padding: 6px 4px;
    }
}

/**
 * 13.4 - >= 480px and <= 767px
 */
@media only screen and (min-width: 480px) and (max-width: 767px) {

    article.post:after,
    body.single article.post:after,
    body.page article.post:after {
        width: 414px;
        height: 10px;
        bottom: -10px;
        left: 3px;
    }

    article.post .featured-img {
        text-align: center;
    }

    #page_id, #get-cats, #get-cat-ios {
        width: 335px;
    }

    #page_id, .menu-primary-menu-container select {
        width: 365px;
    }
}

/**
 * 13.5 - <= 479px
 */
@media only screen and (max-width: 479px) {

    #commentform textarea, #commentform .input-text {
        width: 300px;
        width: 97%;
    }

    #primary-nav .nav-label {
        float: left;
        line-height: 30px;
        width: 66px;
    }

    #primary-nav ul.nav-listing li {
        margin: 0 0 10px 0;
        width: 100%;
    }

    /* Comments */
    #comment-header h3 {
        display: block;
        float: none;
    }

    #comment-header h3#comments-title {
        background: none;
        padding-right: 0;
        margin-right: 0;
    }

    article.columns.item {
        width: 100% !important;
        position: static !important;
    }
}

/**
 * 13.6 - <= 319px
 */
@media only screen and (max-width: 319px) {
}

/*
* 14.0 - Print
*/

@media print {

    *,
    *:before,
    *:after {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        color: #000 !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="javascript:"]:after,
    a[href^="#"]:after,
    .site-title > a:after {
        content: "";
    }

    thead {
        display: table-header-group;
    }

    img,
    tr {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 2cm 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    .content,
    .content-sidebar {
        width: 100%;
    }

    button,
    input,
    select,
    textarea,
    .breadcrumb,
    .comment-edit-link,
    .comment-form,
    .comment-list .reply a,
    .comment-reply-title,
    .edit-link,
    .entry-comments-link,
    .entry-footer,
    .genesis-box,
    .header-widget-area,
    .hidden-print,
    .home-top,
    .nav-primary,
    .nav-secondary,
    .post-edit-link,
    .sidebar,
    #primary-nav,
    #top-nav,
    .sidebar,
    #nav-below,
    #nav-above,
    .reply {
        display: none !important;
    }

    .title-area {
        text-align: center;
        width: 100%;
    }

    .site-title > a {
        margin: 0;
        text-decoration: none;
        text-indent: 0;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        orphans: 3;
        page-break-after: avoid;
        page-break-inside: avoid;
        widows: 3;
    }

    img {
        page-break-after: avoid;
        page-break-inside: avoid;
    }

    blockquote,
    pre,
    table {
        page-break-inside: avoid;
    }

    dl,
    ol,
    ul {
        page-break-before: avoid;
    }

    body,
    body.home {
        overflow: visible;
    }

}

.menu-item-has-children > a {
    padding-right: 17px;
    background: url("images/dropdown-arrow-alt.svg") no-repeat calc(100% - 1px) center;
}

.menu-item-has-children:hover {

}

.menu-item-has-children:hover > a, .menu-item-has-children:focus > a, .menu-item-has-children > a:hover, .menu-item-has-children > a:focus {
    background: url("images/dropdown-arrow.svg") no-repeat calc(100% - 1px) center;
}