/* ---- GENERAL ---- */
body { background-color:#fff; font-family:"freight-text-pro", serif; font-weight:400; text-rendering: optimizelegibility; -moz-osx-font-smoothing: grayscale; }
.entry-content { font-weight:400; color:#333; line-height: 1.5; }
h1, h2, h3, h4, h5, h6 { font-family: "jaf-bernino-sans", sans-serif; }
p { margin: 0 0 14px; }
blockquote { padding-left:20px; border-left: 4px solid #333; margin: 26px 40px 26px 40px; }
blockquote:before { content:""; }

/* ---- NAVBAR ---- */
.site-header { background: none; position:relative; height:50px; /* border-bottom:#ececec 1px solid; */ }
.header-image .site-title > a { height: 35px; max-width: 47px; }
.title-area { padding: 20px 0px; width: 67px; }
.header-image .title-area { padding: 10px 0px; }
.genesis-nav-menu { color:#FFF; font-weight:400; }
.site-header .widget-area a { color:#e85c41; }
.site-header .widget-area a:hover { color: #e85c41; }
.genesis-nav-menu a:hover, .genesis-nav-menu .current-menu-item > a { color: #e85c41; box-shadow: inset 0 -3px 0 0 #e85c41; }
.site-header .widget-area #menu-item-45450  a { color:#52bad5; }
.site-header .sub-menu { background-color: #f9f9f9; }

.genesis-nav-menu a { color: #FFF; display: block; font-family: Montserrat,sans-serif; font-size: 14px; padding: 20px 13px; }

/* ---- HEADER ---- */
.home .entry-content, .home .entry-categories, .home .entry-tags, .home .subtitle { display:none; }
.home .entry { margin-bottom: 0; }
.site-header .widget-area { width: 900px; }

.attachment-category-thumb { width:100%; }
.single-post .attachment-category-thumb { width:100%;  }

.single-post .site-inner { margin-top:0; padding-top:0; }
.single-reviews .site-inner, .single-travel .site-inner, .single-guides .site-inner, .single-videos .site-inner, .single-resources .site-inner { margin-top:20px; padding-top:0; }

#headerbg { position: relative; top:0; left:0; width: 100%; height:400px; }
#headerbg h2 { font-size: 70px; position: relative; top: 40%; width: 75%;  margin: 0 auto; padding: 20px 20px; text-align:center; text-transform:uppercase; color:#fff; opacity: 0.97; text-shadow:1px 1px 0 #fff, 2px 2px 0 #000; }
#articlebg { top:0; left:0; width: 100%; height:800px; margin-bottom:20px; }
#social { position:absolute; bottom:0; right:0; background-color:#ff0000; width:400px; height:75px; }
.latest { font-weight:bold; color:yellow; text-transform:uppercase; }

.attachment-post-thumbnail { width:100%; margin-top:50px; }

#featured { width:1140px; margin: 0 auto 50px auto; }
.white { background-color:#fff !important; }
.featured_article { width:100%; margin: 50px auto 20px auto; position:relative; }
.featured_travel { width:100%; height:800px; margin: 50px auto 20px auto; }
.most_featured_box { height:500px; opacity:1; padding:10px 20px 10px 10px; padding:30px; }
.featured_title { position:relative; top:50px; color:#fff; }
.featured_title h2 { color:#fff; font-size:52px; font-family: "jaf-bernino-sans", sans-serif; font-weight:bold; padding: 0 30px; text-align:center; }
.featured_type { text-transform:uppercase; position:relative; font-family: Montserrat, sans-serif; font-size:14px; font-weight:bold; margin:30px auto; text-align:center; border: 3px solid #fff; padding: 10px; width:150px; color:#fff;  /* text-shadow: 1px 1px 1px #000; */ }
.featured_left_large { width:50%; float:left; padding: 0 20px 20px 0; }
.featured_right_large { width:50%; float:right; padding: 0 0 20px 0;}
.featured_left_small { width:50%; float:left; padding: 0 20px 20px 0; }
.featured_right_small { width:50%; float:right; padding: 0 0 20px 0; }
.featured_box { height:350px; padding:10px; }
.featured_box .featured_title h2 { font-size:34px; }

.featured_quad { width:25%; float:left; }
.featured_quad .featured_box .featured_title { top:20px; }
.featured_quad .featured_box .featured_title h2 { font-size:28px; }
.featured_quad:hover { opacity:0.9; }

.featured_section { width:1140px; margin: 50px auto; border:1px solid #ececec; background-color:#ff0000;}

.homepage_title { text-align:center; }

#mailmonkey { position:relative; /* border:1px solid #52BAD5; */ margin-bottom:20px; margin-top:50px;  }
#mailmonkey .left { width:60%; padding-right:30px; float:left; }
#mailmonkey .left h2 { font-size:22px; margin-bottom:5px;}
#mailmonkey .left p { font-size:16px; margin-bottom:0; line-height:16px; color:#444; }
#mailmonkey .left a:hover { color:#F04848; text-decoration:underline; }

#mailmonkey .right { width:40%; float:right; padding:0;}

#mailmonkey input { width:66.6%; float:left; height:65px; }
#mailmonkey input.button { width:33.3%; float:right; font-size:12px; }

.separator { margin-bottom: 30px; position: relative; text-align: center; line-height: 1.2; }
.separator:before { content: ""; display: block; position: absolute; top: 15px; width: 100%; border-top: 1px solid rgba(0, 0, 0, 0.15); z-index:100; }
.separator-name { font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif; font-size:12px; text-transform:uppercase; display: inline-block; border: 1px solid rgba(0, 0, 0, 0.44); font-size:12px; position: relative; background-color:#fff !important; z-index:200; padding: 3px 8px 2px 12px; letter-spacing: 0.3em; color: rgba(0, 0, 0, 0.6); }

/* ---- INDEXES ---- */

.site-inner { clear: both; margin-top: 80px; }

.post-type-archive .entry-content,
.post-type-archive .entry-meta,
.post-type-archive .subtitle,
.post-type-archive .posttype { display:none; }

.post-type-archive .entry-header:after: { padding-bottom:100px; }
.post-type-archive .entry { margin-bottom:0px; }

.category .entry-content,
.category .entry-meta,
.category .subtitle { display:none; }

.author .entry-content,
.author .entry-meta,
.author .subtitle { display:none; }

.author .entry-title { margin:40px 0; }

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

.category .entry-header:after: { padding-bottom:100px; }
.category .entry { margin-bottom:0px; }

.single .author-box { display:none; }
.author-box { background-color: #fff; border: none; margin: 0 0 40px; overflow: hidden; padding: 30px; }
.author-box p { font-size: 15px; color:#333; }
.author-box .avatar { height:150px; width:150px; border-radius:50%; box-shadow: 1px 1px 1px #ccc; }

.author .entry-header:after: { padding-bottom:100px; }
.author .entry { margin-bottom:0px; }

.author-box-title { padding-top:20px; font-weight:bold; }
.author-box-content { padding-right:10px; }

.posttype { font-family: Montserrat, sans-serif; text-transform:uppercase; font-size:18px; opacity:0.6; background-color:#fff; border: #e85c41 2px solid; padding: 3px 8px 3px 8px;
  width: 100px; margin:20px auto 0px auto; border-radius:10px; color:#e85c41; text-align:center;  border-color:#e85c41; }
.posttype:hover { opacity:1; }
.reviewstype { color:#f6c156; border-color:#f6c156; }
.guidestype { color:#52bad5; border-color:#52bad5; }
.traveltype { color:#72c1b0; border-color:#72c1b0; }
.videostype { color:#666; border-color:#666; }

.entry-title { font-weight:bold; }

.home-thumbnail { float:right; border-radius:50%; margin-right:-100px; margin-top:-100px; height:150px; width:150px;}

.featured_video { margin-top:50px; }

.archive-title { text-align:center; margin-bottom:80px; font-size:42px; border-top:1px solid #000; border-bottom:1px solid #000; padding:20px; }

.home .content, .post-type-archive-videos .content, .post-type-archive-travel .content, .post-type-archive-guides .content, .post-type-archive-reviews .content, .post-type-archive-resources .content { padding: 0 0 50px 0; }
.home .entry, .post-type-archive-videos .entry, .post-type-archive-travel .entry, .post-type-archive-guides .entry, .post-type-archive-reviews .entry, .post-type-archive-resources .entry { float:left; width:33%; padding: 0 10px; }
.home .entry:nth-of-type(3n+1), .post-type-archive-videos .entry:nth-of-type(3n+1), .post-type-archive-travel .entry:nth-of-type(3n+1), .post-type-archive-guides .entry:nth-of-type(3n+1), .post-type-archive-reviews .entry:nth-of-type(3n+1), .post-type-archive-resources .entry:nth-of-type(3n+1) { clear:left; }
.home .entry .post-image, .post-type-archive-videos .entry .post-image, .post-type-archive-travel .entry .post-image, .post-type-archive-guides .entry .post-image, .post-type-archive-reviews .entry .post-image, .post-type-archive-resources .entry .post-image { height:222px; border: 1px solid #efefef; }
.home .entry h1, .post-type-archive-videos .entry h1, .post-type-archive-travel .entry h1, .post-type-archive-guides .entry h1, .post-type-archive-reviews .entry h1, .post-type-archive-resources .entry h1 { font-size:18px; }

#st-search-input { padding:15px; height:50px; width:50%; background:#fff!important; font-size:16px; margin:0 auto; }

/* ---- POST ---- */

.single-post .entry-meta { margin-top: 20px; font-family: "freight-text-pro",Georgia,Cambria,Times,serif; letter-spacing: 0.01rem; font-weight: 400; font-style: normal; font-size: 24px; line-height: 1.5; color: rgba(0, 0, 0, 0.8); text-align:left; margin-bottom:0;}
.home .entry-header:after, .post-type-archive .entry-header:after, .author .entry-header:after { margin: 20px auto 30px auto; padding-bottom:0px; border-bottom:none; width:25%;  content:"";}
.home .entry-header:after { content:""; }
.single-post .entry-header:after, .single-reviews .entry-header:after, .single-guides .entry-header:after, .single-resources .entry-header:after, .single-videos .entry-header:after, .single-travel .entry-header:after { border-bottom:none; margin: 20px auto 30px auto; padding-bottom:0; }

.wp-video-shortcode { margin-bottom:20px!important; }

.single-post .posttype { margin-top:30px; }

blockquote { color: #555; }
.credit { text-align:right; font-size:small; margin-top:-25px; margin-bottom:20px; padding-top:0; }
.entry-title { font-size:18px; }
.single-post .entry-title, .page .entry-title, .single-guides .entry-title, .single-travel .entry-title, .single-reviews .entry-title, .single-resources .entry-title, .single-videos .entry-title
  { font-size: 48px; color:#222; text-align:center; width:50%; margin: 20px auto 0 auto; font-weight:bold; letter-spacing:-1px; padding-top:50px; font-family: "jaf-bernino-sans", sans-serif; }
h2.subtitle { color:#999; font-size:24px; padding:10px 0 0px 0; width:50%; margin:0 auto; text-align:center; font-family: "jaf-bernino-sans", sans-serif; font-weight:lighter; }

.single-reviews .entry-categories, .single-guides .entry-categories, .single-resources .entry-categories, .single-videos .entry-categories, .single-travel .entry-categories { display:none; }

.single .entry-header .avatar { border-radius:50%; margin-right:10px; box-shadow: 0px 1px 1px #666; }
.about-post { font-size:18px; text-align:left; font-weight:lighter; font-family: "freight-text-pro",Georgia,Cambria,Times,serif; color:#444; }

.single-post .wider { margin:0 -200px 0 -200px; max-width:1140px; }
.single-post .wider-left { margin:0 -100px 0 -100px; max-width:500px; padding: 10px 120px 10px 10px; }
.single-post .wider-right { margin:0 -100px 0 -100px; max-width:500px; padding: 10px 10px 10px 120px; }

.entry-content { font-family: "freight-text-pro",Georgia,Cambria,Times,serif; letter-spacing: 0.01rem; font-weight: 400; font-style: normal; font-size: 17px; line-height: 27px; color: rgba(0, 0, 0, 0.8); }
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5 { font-weight:bold; color:#222; margin-top:1em;}
.entry-content h2 { font-size:32px; }
.entry-content h3 { font-size:24px; }
.single-post .entry-content a { color:rgba(0, 0, 0, 0.8); text-decoration:underline; }

.entry { margin-bottom:30px; }

#new-author-name { text-align:center; margin-top:20px; font-family: "jaf-bernino-sans", sans-serif; font-weight:lighter; color:#ccc;}
#old-author-name { display:none; }

.mashsb-container { padding-bottom:30px; }

.archive-description, .author-box {  border:none; padding:0;}

.search .entry-header { margin-top:50px; }
.search .entry-header h1 { text-align:left; }
.search .entry-header:after { border:none; margin:0px 0px 0px 0px; padding-bottom:10px; }

.entry-tags { display:none; }

.nextpost { padding:10px; background-color:#4ada92; margin: 50px 0 30px 0; font-weight:bold; font-family: Montserrat,sans-serif; color:#fff; }
.nextpost a { color:#fff!important; text-decoration:underline; }
.page .nextpost { display:none; }

.single img.alignnone, .alignnone { margin-bottom:0; }

.single-videos .attachment-post-thumbnail { display:none; }

.wp-caption-text { font-size:12px; }

/* ---- YARPP ---- */

.yarpp-thumbnails-horizontal .yarpp-thumbnail {
width: 320px!important;
height: 260px!important;
margin: 10px 5px 0 0!important;
}

.yarpp-thumbnail > img, .yarpp-thumbnail-default {
margin:0px!important;
width: 320px!important;
height: 200px!important;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
    width: 320px!important;
    margin: 5px!important;
}


/* ---- PAGE ---- */
.page .content { padding:0 0 50px 0; }
.page .entry-content { padding:50px; background-color:#fff; }
.page .entry-header { display:none; }
.page .site-inner { margin-top:0px; }

/* ---- ABOUT ---- */

.about {  }
.about h1 { color: #e85c41; font-size: 18pt; font-weight:bold; margin-bottom:80px; }
.about h1 a { text-decoration:underline;  }
.about h2 { font-size:22pt; font-weight:bold; margin-bottom:50px; }
.about .about_bold { font-family: Montserrat, sans-serif; font-size:36px; margin-bottom:10px; }
.about .about_tofugu { color:#76391a; font-weight:bold; }
.about .about_textfugu { color:#c11a00; font-weight:bold; }
.about .about_wanikani { color:#fb2b7e; font-weight:bold; }
.about .about_etoeto { color:#71d19a; font-weight:bold; }
.about .about_name { color: #2bafe5; font-size: 18pt;  font-weight:bold; }
.about .about_title { font-size: 10pt; margin-bottom:50px; }
.about .about_person { margin-top:25px; margin-bottom:25px; }
.about .about_connect { font-size:14px; font-family: Montserrat, sans-serif; }
.about .about_name_writers { color: #2bafe5; font-size: 18pt; margin-bottom:10px;}
.about_articles { font-size:14px; margin-bottom:10px; }

/* ---- LEARN JAPANESE ---- */

.lj_left { float:left; width:20%; padding-top:50px; }
.lj_left img { border-radius:50%; box-shadow: 1px 1px 3px #999; }
.lj_right { float:right; width:80%; padding-left:60px; }

/* ---- FOOTER ---- */

.footer-widgets { background: url('/images/footer-bg.jpg') no-repeat center center; background-size: 100%; }
.search-form { width:50%; margin:0 auto; }
.footer-widgets .widget-title { font-weight:bold; }
.entry-footer .entry-meta { font-size:14px; }

/* ---- POST SPECIFIC CSS ----*/
.kaomoji table { width:100%; }
.kaomoji tr {  }
.kaomoji td { width:50%; font-family: sans-serif; text-align:center; }

.onomatopoeia2 td { width:50%!important; }
.onomatopoeia3 td { width:33.33%!important; }

/* MEDIA CALLS */

.responsive-menu-icon::before { color: #333; }

@media only screen and (max-width: 1279px) {
  #articlebg { position: relative; top:70px; left:0; width: 100%; height:500px; margin-bottom:70px; }
  #articlebg:hover { height:700px; }
  .site-header .widget-area { width: 800px; }
  .featured_travel { height:600px; }
  .featured_video { height:600px; }
}

@media only screen and (max-width: 1139px) {
  .site-header .widget-area { width: 800px; }
  #featured { width:100%; }
  #mailmonkey .left { padding:0px 10px 0px 10px; }
  #mailmonkey .right { padding:0px 10px 0px 10px; }
}

@media only screen and (max-width: 1023px) {
  #headerbg { top:0; height:300px; margin:0; }
  #headerbg h2 { min-width:100%; padding: 20px 10px; font-size:20px; top:300px; }
  #articlebg { top:0; height:300px; }
  #articlebg:hover { height:500px; }
  .site-header .widget-area { width: 800px; }
  .site-header { margin-bottom:80px; }
   #mailmonkey .left { width:100%;}
  #mailmonkey .left h2 { text-align:center; }
  #mailmonkey .right { width:100%; padding:30px 10px 0px 10px; }
  .featured_travel { height:550px; }
  .featured_video { height:550px; }
  .home .entry .post-image, .post-type-archive-videos .entry .post-image, .post-type-archive-travel .entry .post-image, .post-type-archive-guides .entry .post-image, .post-type-archive-reviews .entry .post-image { height:100%; border: 1px solid #efefef; }
}

@media only screen and (max-width: 960px) {
  .site-header .widget-area { width: 100%; }
  .title-area { float:none; margin:0 auto; }
  .featured_quad { width:100%; }
  .featured_quad .featured_box { height:200px; }
  .featured_quad .featured_box .featured_title { top:30px; }
  .single-post .wider { margin:0 0 0 0; margin-left:0; width:100%; }
.single-post .wider-left { margin:0 0 0 0px; width:50%; padding: 10px 20px 10px 0px; }
.single-post .wider-right { margin:0 0 0 0; width:50%; padding: 10px 0px 10px 20px; }
.entry-content { font-size:20px; padding-left:50px;}
.featured_travel { height:500px; }
.featured_video { height:450px; }
}

@media only screen and (max-width: 768px) {
  .responsive-menu { background-color:#fff; }
  .menu-item a:hover { color:#E85C41!important; }
  #headerbg { height:200px; }
  #headerbg h2 { min-width:100%; padding: 20px 10px; font-size:20px; top:100%; }
  .entry-title { font-size:28px; }
  .footer-widgets { background-size: cover; }
  .search-form { width:90%; margin:0 auto; }
  .lj_left { float:left; width:20%; }
  .lj_right { float:right; width:80%; padding-left:20px; }
  .page .entry-content { padding:50px 0; background-color:#f9f9f9;  }
  .featured_left_large { width:100%; padding: 0; }
  .featured_right_large { width:100%; padding: 0; }
  .featured_left_small { width:100%; padding: 0; }
  .featured_right_small { width:100%; padding: 0; }
  .featured_type { display:none; }
  .featured_box { height:170px; padding:10px; }
  .featured_box .featured_title h2 { font-size:24px; ; }
  .featured_title h2 { font-size:28px; top:0px; margin-top:0; padding-top:0 }
  .most_featured_box { height:300px; }
  .entry-content { font-size:16px; padding-left:50px;}
  .single-post .entry-title, .page .entry-title, .single-guides .entry-title, .single-resources .entry-title, .single-travel .entry-title, .single-reviews .entry-title, .single-videos .entry-title
  { font-size:32px; width:90%; }
   .single-post h2.subtitle, .page h2.subtitle, .single-resources h2.subtitle, .single-guides h2.subtitle, .single-travel h2.subtitle, .single-reviews h2.subtitle, .single-videos h2.subtitle
  { font-size:24px; width:90%; }
  .featured_travel { display:none; }
  .featured_video { height:300px; }
  .home .content, .post-type-archive-videos .content, .post-type-archive-travel .content, .post-type-archive-guides .content, .post-type-archive-reviews .content { padding: 0 0 50px 0; }
.home .entry, .post-type-archive-videos .entry, .post-type-archive-travel .entry, .post-type-archive-guides .entry, .post-type-archive-reviews .entry, .post-type-archive-resources .entry { float:none; width:100%; padding: 0 0 20px 0; }
.home .entry:nth-of-type(3n+1), .post-type-archive-videos .entry:nth-of-type(3n+1), .post-type-archive-travel .entry:nth-of-type(3n+1), .post-type-archive-guides .entry:nth-of-type(3n+1), .post-type-archive-reviews .entry:nth-of-type(3n+1), .post-type-archive-resources .entry:nth-of-type(3n+1) { clear:none; }
.home .entry .post-image, .post-type-archive-videos .entry .post-image, .post-type-archive-travel .entry .post-image, .post-type-archive-guides .entry .post-image, .post-type-archive-reviews .entry .post-image, .post-type-archive-resources .entry .post-image { height:100%; border: 1px solid #efefef; }
.home .entry h1, .post-type-archive-videos .entry h1, .post-type-archive-travel .entry h1, .post-type-archive-guides .entry h1, .post-type-archive-reviews .entry h1, .post-type-archive-resources .entry h1 { font-size:18px; }
#st-search-input { width:90%; }

.yarpp-thumbnails-horizontal .yarpp-thumbnail {
width: 256px!important;
height: 260px!important;
margin: 10px 5px 0 0!important;
}

.yarpp-thumbnail > img, .yarpp-thumbnail-default {
margin:0px!important;
width: 256px!important;
height: 200px!important;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
    width: 240px!important;
    margin: 5px!important;
}


}
  /* #articlebg h2 { min-width:100%; padding: 20px 10px; font-size:20px; top:100%; } */

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

    .entry-content { font-size:16px; padding-left:0px;}
  }

}