/*
Theme Name: Visual+
Theme URI: https://wptheming.com/2013/03/visual-theme/
Author: Devin Price
Author URI: https://wptheming.com
Description: Visual is a well-crafted responsive theme designed to showcase images, artwork and photgraphy in a smart grid layout.  Alternative styles (both light and dark) are available to select in the options panel.  An icon font ensures crisp display on retina devices and quick load times.  It's simple for new users to set up.  Developers can easily extend the code in a child theme.  For more information visit wptheming.com/visual.
Version: 1.3.1
License: GNU General Public License
License URI: license.txt
Tags: flexible-width, featured-images, post-formats, translation-ready, photoblogging, theme-options, dark, light

This theme, like WordPress, is licensed under the GPL.
Have fun customizing it and sharing your work with others!

Originally built off the _s theme:
underscores.me

*/
/* =Icon Font
-------------------------------------------------------------- */
/* Included fonts are licensed SIL */
/* See readme.txt for more information */
@font-face {
  font-family: 'entypo-custom';
  src: url("fonts/entypo-custom.eot?01");
  src: url("fonts/entypo-custom.eot?01#iefix") format("embedded-opentype"), url("fonts/entypo-custom.woff?01") format("woff"), url("fonts/entypo-custom.ttf?01") format("truetype"), url("fonts/entypo-custom.svg?01#entypo-custom") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-size: 18px;
  font-size: 1.8rem;
  margin-right: 8px;
  font-family: 'entypo-custom';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
}

.icon-menu:before {
  content: '\2630';
}

.icon-comment:before {
  content: '\e720';
}

.icon-right-circled:before {
  content: '\f0a9';
}

.icon-dropdown:before {
  content: '\e760';
}

.icon-search:before {
  content: '\1f50d';
}

/* =Reset
-------------------------------------------------------------- */
/*

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/

*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

html {
  font-size: 62.5%;
  /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
  overflow-y: scroll;
  /* Keeps page centred in all browsers regardless of content height */
  -webkit-text-size-adjust: 100%;
  /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
  -ms-text-size-adjust: 100%;
  /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

body {
  background: #fff;
}

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

ol, ul {
  list-style: none;
}

table {
  /* tables still need 'cellspacing="0"' in the markup */
  border-collapse: separate;
  border-spacing: 0;
}

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

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

blockquote, q {
  quotes: "" "";
}

a:focus {
  outline: thin dotted;
}

a:hover,
a:active {
  /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
  outline: 0;
}

a img {
  border: 0;
}

/* =Global
----------------------------------------------- */
/* Headings */
h1, h2, h3, h4, h5, h6 {
  clear: both;
}

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

/* Text elements */
p {
  margin-bottom: 15px;
}

ul, ol {
  margin: 0 0 15px 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

ul ul, ol ol, ul ol, ol ul {
  margin-bottom: 0;
  margin-left: 15px;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 15px 15px;
}

b, strong {
  font-weight: bold;
}

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

blockquote {
  margin: 0 15px;
}

address {
  margin: 0 0 15px;
}

pre {
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 15px;
  overflow: auto;
  max-width: 100%;
  margin-bottom: 15px;
}

code, kbd, tt, var {
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 14px;
  font-size: 1.4rem;
}

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark, ins {
  background: #faf8cb;
  text-decoration: none;
}

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

sup {
  bottom: 1ex;
}

sub {
  top: .5ex;
}

small {
  font-size: 75%;
}

big {
  font-size: 125%;
}

figure {
  margin: 0;
}

table {
  margin: 0 0 15px;
  width: 100%;
}

th {
  font-weight: bold;
}

button,
input,
select,
textarea {
  font-size: 100%;
  /* Corrects font size not being inherited in all browsers */
  margin: 0;
  /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  vertical-align: baseline;
  /* Improves appearance and consistency in all browsers */
  *vertical-align: middle;
  /* Improves appearance and consistency in all browsers */
}

input,
textarea {
  border: none;
}

button,
input {
  line-height: normal;
  /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
  *overflow: visible;
  /* Corrects inner spacing displayed oddly in IE6/7 */
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  /* Styles */
}

button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  /* Styles */
}

button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  /* Styles */
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* Addresses box sizing set to content-box in IE8/9 */
  padding: 0;
  /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
  -webkit-appearance: textfield;
  /* Addresses appearance set to searchfield in S5, Chrome */
  /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
  /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
  border: 0;
  padding: 0;
}

input[type=text],
input[type=email],
input[type=password],
textarea {
  /* Styles */
}

input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
textarea:focus {
  /* Styles */
}

input[type=text],
input[type=email],
input[type=password] {
  padding: 5px;
}

textarea {
  overflow: auto;
  /* Removes default vertical scrollbar in IE6/7/8/9 */
  vertical-align: top;
  /* Improves readability and alignment in all browsers */
  width: 98%;
}

/* Alignment */
.alignleft {
  display: inline;
  float: left;
  margin-right: 15px;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 15px;
}

.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto;
}

/* Text meant only for screen readers */
.assistive-text {
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}

/* Helper Classes */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

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

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

/* =Elements
----------------------------------------------- */
body,
button,
input,
select,
textarea {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
}

body {
  background: #f5f5f5;
  color: #333;
}

a {
  color: #449ccc;
  text-decoration: none;
  transition: color 0.2s ease-out;
}

a:hover,
a:focus,
a:active {
  text-decoration: underline;
}

input[type="text"],
textarea {
  border: 1px solid #eee;
  padding: 5px;
  border-radius: 3px;
  outline: 0;
}

input[type="submit"],
input[type="button"],
input[type="reset"] {
  display: inline-block;
  padding: 8px 24px 7px;
  text-decoration: none;
  border-radius: 3px;
  cursor: pointer;
  background: #eee;
  color: #666;
}

button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
  padding: 7px 24px 8px;
  background: #ccc;
  color: #333;
}

pre {
  border-radius: 6px;
}

/* =Sticky Footer
----------------------------------------------- */
html, body {
  height: 100%;
  /* For sticky footer */
}

/* Wrapper for page content to push down footer */
#page {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by it's height */
  margin: 0 auto -52px;
}

#push {
  height: 52px;
}

/* =Structure
----------------------------------------------- */
.section {
  margin: 0 auto;
  max-width: 1020px;
  padding: 0 15px;
}

#primary {
  float: left;
  width: 100%;
  padding-right: 320px;
  box-sizing: border-box;
}

#secondary {
  float: left;
  width: 300px;
  margin-left: -300px;
}

/* =Header
----------------------------------------------- */
#masthead {
  background: #eee;
  margin-bottom: 20px;
  position: relative;
}

#masthead .section {
  padding: 0 30px;
}

#masthead hgroup {
  margin-top: 12px;
  float: left;
  padding-left: 15px;
  min-height: 48px;
}

#masthead .image-logo {
  line-height: 1;
}

#masthead hgroup img {
  max-height: 40px;
}

.site-title {
  font-size: 26px;
  font-size: 2.6rem;
  word-break: break-all;
}

.site-title a {
  letter-spacing: 1px;
}

.fixed-header #page {
  padding-top: 80px;
}

.fixed-header #masthead {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}

.admin-bar.fixed-header #masthead {
  top: 28px;
}

/* =Menu
----------------------------------------------- */
.main-navigation {
  display: block;
  float: right;
}

.main-navigation ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.main-navigation li {
  font-size: 11px;
  font-size: 1.1rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  float: left;
  position: relative;
}

.main-navigation a {
  display: block;
  text-decoration: none;
  padding: 22px 20px;
}

.main-navigation li a:hover {
  background: #e9e9e9;
}

.main-navigation li:hover > a {
  background: #e9e9e9;
}

.main-navigation .menu-item-has-children a {
  padding-right: 40px;
}

.main-navigation .menu-item-has-children > a:after {
  content: '\e760';
  font-family: 'entypo-custom';
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  position: absolute;
  right: 20px;
  speak: none;
}

.main-navigation .menu-item-has-children .menu-item-has-children a {
  padding: 18px 20px;
}

.main-navigation .menu-item-has-children .menu-item-has-children > a:after {
  content: none;
}

.main-navigation ul ul {
  display: none;
  background: #e9e9e9;
  position: absolute;
  float: left;
  margin: 0;
  top: 60px;
  left: 0;
  width: 190px;
  z-index: 99999;
}

.main-navigation ul ul li {
  border: none;
  float: none;
  border-top: 1px solid #f5f5f5;
}

.main-navigation ul ul li a {
  border: none;
  padding: 18px 20px;
}

.main-navigation ul ul li a:hover {
  background: #ddd;
}

.main-navigation ul ul li:last-of-type a {
  border: none;
}

.main-navigation ul li:hover > ul {
  display: block;
}

/* Three level menus aren't really supported */
.main-navigation ul ul ul {
  display: block;
  position: relative;
  float: none;
  border-left: none;
  border-right: none;
  top: 0;
  left: 0;
  width: 190px;
}

.main-navigation ul ul ul li:last-of-type {
  border: none;
}

/* Small menu */
.menu-toggle {
  cursor: pointer;
}

.main-small-navigation .menu {
  display: none;
}

/* =Masonry Layout
----------------------------------------------- */
.masonry #primary {
  float: none;
  padding: 0;
}

.masonry .hentry {
  float: left;
  width: 32%;
  margin-right: 1%;
}

.masonry .hentry:nth-child(3) {
  margin-right: 0;
}

.masonry .hentry {
  transition: height, width 0.2s;
}

.masonry .hentry img {
  display: block;
  width: 100%;
  height: auto;
}

.post-link {
  float: right;
}

.masonry .twitter-tweet {
  padding-bottom: 90px;
}

.masonry .twitter-tweet-rendered {
  padding-bottom: 0;
}

/* =Content
----------------------------------------------- */
#main {
  opacity: 0;
}

.no-js #main {
  opacity: 1;
}

.hentry {
  margin: 0 0 20px 0;
  border-radius: 3px;
  background: #fff;
  border: 1px solid #eee;
  overflow: hidden;
}

.entry-title {
  font-size: 20px;
  font-size: 2.0rem;
}

.entry-header {
  padding: 10px 15px 10px;
}

.entry-meta {
  clear: both;
  font-size: 13px;
  font-size: 1.3rem;
}

.entry-content, .entry-summary {
  padding: 20px 15px 10px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  font-weight: 700;
  margin-bottom: 15px;
}

.entry-content h1, .entry-content h2 {
  font-size: 18px;
  font-size: 1.8rem;
  letter-spacing: 1px;
}

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

.entry-content h4, .entry-content h6 {
  font-size: 15px;
  font-size: 1.5rem;
}

footer.entry-meta {
  padding: 15px;
}

.sticky {
  /* Required for Theme Review */
}

/* =Archives
----------------------------------------------- */
.page-header {
  border: 1px solid #eee;
  border-radius: 3px;
  margin-bottom: 20px;
  padding: 15px;
}

.page-header .page-title {
  font-size: 16px;
  font-size: 1.6rem;
}

.taxonomy-description p {
  margin: 5px 0 0;
}

/* =404/Search
----------------------------------------------- */
.search-no-results .hentry {
  float: none;
  width: auto;
}

.error404 .entry-content #searchform {
  margin-bottom: 20px;
}

.error404 .widget_recent_entries {
  border: none;
}

.error404 .widget_recent_entries ul {
  list-style: none;
  margin-left: 0;
}

/* =Full-width page template
----------------------------------------------- */
.page-template-page-fullwidth-php #primary {
  padding: 0;
}

/* =Post Navigation
----------------------------------------------- */
#nav-below {
  clear: both;
  margin-bottom: 30px;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
}

#nav-below .nav-previous a, #nav-below .nav-next a {
  padding: 10px 15px;
  float: left;
}

#nav-below .nav-next a {
  float: right;
}

.page-links {
  clear: both;
  padding: 10px 0;
}

.page-links a {
  display: inline-block;
  padding: 4px 10px;
  margin: 0 5px;
  background: #f5f5f5;
  border-radius: 3px;
}

/* =Asides
----------------------------------------------- */
.widget {
  background: #fff;
  border-radius: 3px;
  font-size: 13px;
  font-size: 1.3rem;
  margin: 0 0 1.5em;
  padding: 0 0 1.5em;
  overflow: hidden;
  border: 1px solid #eee;
}

.widget-title {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 10px;
  padding: 6px 20px;
}

.widget-area ul {
  list-style: none;
  margin: 0 20px;
}

.widget-area li {
  line-height: 1.5;
  padding: 3px 0;
}

/* Ridiculous workarounds for lack of widget-content wrapper */
.widget-area .tagcloud,
.widget-area .textwidget,
.widget-area select,
.widget-area .recentcommentsavatar,
.widget-area #subscribe-blog,
.widget-area .milestone-content,
.widget-area .widgets-multi-column-grid,
.widget-area .widgets-grid-layout,
.widget-area #pd_top_rated_holder,
.widget_gravatar p,
.widget_image img,
.widget_goodreads embed,
.widget_goodreads img,
.widget-grofile .grofile-thumbnail,
.widget-grofile h4,
.widget-grofile p,
.widget-grofile ul,
.widget_facebook_likebox iframe {
  margin-left: 20px;
  margin-right: 20px;
}

.widget-grid-view-image {
  max-width: 43.5% !important;
}

.widget_image img {
  max-width: 87%;
}

/* Make sure select elements fit in widgets */
.widget select {
  max-width: 100%;
}

/* Search widget */
.widget_search #searchform {
  padding: 20px 20px 0;
}

.widget_search #s {
  max-width: 65%;
}

.widget_search input[type="submit"] {
  max-width: 30%;
  padding: 5px 12px 6px;
}

.widget_search input[type="submit"]:active {
  margin-top: -1px;
  padding: 6px 12px 5px;
}

/* Calendar widget */
table#wp-calendar {
  margin: 0 20px 10px;
  width: 260px;
  max-width: 88%;
}

#wp-calendar td,
#wp-calendar th {
  padding: 5px 2px;
  text-align: center;
}

#wp-calendar #prev {
  text-align: left;
}

#wp-calendar #next {
  text-align: right;
}

/* =Media
----------------------------------------------- */
.site-header img,
.hentry img,
.comment-content img,
.widget img {
  max-width: 100%;
  /* Fluid images for posts, comments, and widgets */
  height: auto;
}

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

.site-header img,
.hentry img,
img.size-full {
  max-width: 100%;
  width: auto;
  /* Prevent stretching of full-size images with height and width attributes in IE8 */
}

.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

.wp-caption {
  background: #f9f9f9;
  border: 1px solid #eee;
  margin-bottom: 15px;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 1.2% auto 0;
  max-width: 98%;
}

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

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

.site-content .gallery {
  margin-bottom: 15px;
}

.gallery-caption {
  font-size: 13px;
  font-size: 1.3rem;
}

.site-content .gallery a img {
  border: none;
  height: auto;
  max-width: 90%;
}

.site-content .gallery dt {
  border: 0;
  margin: 0;
  padding: 0;
}

.site-content .gallery dd {
  margin: 0;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
  max-width: 100%;
}

/* =Comments
----------------------------------------------- */
#comments {
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  margin-bottom: 20px;
  padding: 15px;
}

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

.bypostauthor {
  /* Required for Theme Review */
}

.comments-title, .nocomments, #reply-title {
  font-size: 15px;
  font-size: 1.5rem;
  margin: 0 0 15px 0;
}

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

.commentlist:after {
  content: '';
  width: 100%;
  height: 1px;
  display: block;
  margin-top: 20px;
}

li.comment {
  list-style: none;
  margin: 0 0 15px;
  position: relative;
  padding-left: 75px;
}

article.comment {
  background: #fff;
  display: block;
  border-radius: 3px;
  padding: 10px;
  overflow: hidden;
  font-size: 14px;
  font-size: 1.4rem;
}

.commentlist .pingback {
  margin: 0 0 5px;
}

.commentlist .children {
  margin: 10px 0 0 0;
  padding: 0;
}

.commentlist .avatar {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
}

.comment-author cite {
  font-style: normal;
  font-weight: bold;
}

.comment-meta {
  font-size: 12px;
  font-size: 1.2rem;
  margin-bottom: 5px;
}

#respond p {
  margin-bottom: 10px;
}

#respond .form-allowed-tags {
  margin-bottom: 30px;
}

#respond .form-allowed-tags code {
  font-size: 12px;
  font-size: 1.2rem;
}

#respond input[type=text] {
  display: block;
  width: 60%;
}

#respond textarea {
  display: block;
  margin: 10px 0;
  padding: 5px;
  width: 90%;
}

#respond .form-allowed-tags {
  clear: both;
  width: 90%;
}

#respond .form-allowed-tags code {
  display: block;
}

#commentform label[for="author"], #commentform label[for="email"], #commentform label[for="url"] {
  float: left;
  padding: 5px 0;
  width: 100px;
}

/* =Footer
----------------------------------------------- */
#colophon {
  background: #eee;
  padding: 15px 0;
}

/* =Responsive
----------------------------------------------- */
@media screen and (max-width: 790px) {
  #masthead .section {
    padding: 0;
  }

  #masthead hgroup {
    padding-left: 20px;
  }

  .main-navigation {
    clear: both;
    float: none;
  }

  .main-navigation li:first-child a {
    padding-left: 20px;
  }

  .main-navigation a {
    padding: 18px 14px;
  }

  .main-navigation ul ul {
    top: 52px;
  }

  .masonry .hentry {
    width: 48%;
  }

  .search-no-results .hentry {
    float: none;
    width: auto;
  }

  #primary {
    float: none;
    padding: 0;
  }

  #secondary {
    float: none;
    width: auto;
    margin: 0 0 40px;
  }
}
@media screen and (max-width: 490px) {
  .site-title {
    padding-right: 102px;
  }

  .menu-toggle {
    top: 0;
    right: 0;
    box-shadow: 0;
    clip: auto;
    display: block;
    padding: 0;
    margin: 0;
  }

  .menu-toggle a {
    padding: 16px 20px 17px;
  }

  .menu-toggle a:hover {
    background: #e9e9e9;
  }

  .main-navigation .menu {
    display: none;
  }

  .main-navigation li {
    border-top: 1px solid #f9f9f9;
    float: none;
  }

  .main-navigation li:first-child a {
    padding-left: 14px;
  }

  .main-navigation ul ul {
    background: none;
    float: none;
    position: relative;
    width: auto;
    top: 0;
    display: block;
  }

  .main-navigation ul ul li a, .main-navigation ul ul li:first-child a {
    padding: 18px 20px 18px 40px;
  }

  .main-navigation ul ul li a:hover {
    background: #e9e9e9;
  }

  .masonry .hentry {
    width: 100%;
    margin: 0 0 20px;
  }
}
/* =RTL Specific Styles
----------------------------------------------- */
/* @noflip */
body.rtl {
  direction: rtl;
  unicode-bidi: embed;
}

/* @noflip */
body.rtl .masonry .hentry:nth-child(3) {
  margin-left: 1.5%;
}