/*****
Theme Name: MH Magazine Child Theme
Theme URI: http://www.mhthemes.com/themes/mh/magazine/
Description: This is a child theme for MH Magazine WordPress theme to make customizations much easier for you. By using this child theme you make sure, that you keep your changes after an update of the parent theme.
Author: MH Themes
Author URI: http://www.mhthemes.com/
Template: mh-magazine
Version: 1.0.0
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*****/

/**************
1.Post
2.Typography
3.Table
4.List
5.widget
6.Button
7.Responsive
8.link
9.Navigation(Menu)
10.comment
***************/



/**************
1.Post
***************/

.sg-cat-post{
	padding-bottom: 20px;
    padding-bottom: 1.25rem;
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
    border-bottom: 1px solid #ebebeb;
}

/**************
2.Typography
***************/

h2 {
    color: white;
    font-size: 1.5em;
    font-weight: bold;
    padding: 0.5em;
    background-color: #FF5722;
}
h3 {
    font-size: 1.25em;
    font-weight: bold;
    padding: 0.5em;
    border-left: 4px solid #FF5722;
}
h4 {
    font-size: 1.2em;
    font-weight: bold;
    padding: 0.5em;
}
h5 {
    font-size: 1.15em;
    font-weight: bold;
    padding: 0.5em;
}
h6 {
    font-size: 1.1em;
    font-weight: bold;
    padding: 0.5em;
}





/***************
3.Table
***************/
/*
table a {
 display: block;
}
*/

.table-link-inline a {
 display: inline;
}

table { border: solid 1px #F5F5F5; border-collapse: collapse; }
table thead { border-bottom: solid 2px #F5F5F5;}
table th, table td { border: solid 1px #F5F5F5; }

table caption { background-color: #F5F5F5; padding: 8px;}

table td,
table th {
    vertical-align: middle;
    word-break: break-word;
    padding: 0.25em;
}
table th {
    font-weight: bold;
    background-color: #FBE9E7;
}


@media screen and (max-width: 767px) {
    /******make smaller font-size*******/
    table{
        font-size: 10px;
    }
    /*****normal scroll*****/
    .t_scroll{
        overflow: auto;
        white-space: nowrap;
        margin-bottom: 20px;
        margin-bottom: 1.25rem;
    }
    .t_scroll::-webkit-scrollbar{
        height: 5px;
    }
    .t_scroll::-webkit-scrollbar-track{
        background: #F1F1F1;
    }
    .t_scroll::-webkit-scrollbar-thumb {
        background: #BCBCBC;
    }
    .t_scroll table{
        margin-bottom: 0;
    }
    /****transpose-scroll****/
    .sg-table-transpose table {
      display: block;
      position: relative;
    }
    .sg-table-transpose table tr:first-child {
      display: block;
      float: left;
    }
    .sg-table-transpose table tbody {
      display: block;
      width: auto;
      position: relative;
      overflow-x: auto;
      white-space: nowrap;
      -webkit-overflow-scrolling: touch;
    }
    .sg-table-transpose table th,
    .sg-table-transpose table td {
      display: block;
    }
    .sg-table-transpose table tr {
      display: inline-block;
    }
}

/**************
4.List
***************/

.entry-content ul, .entry-content ol {
    margin: 0px 0px 32px 32px;
}

/**************
5.widget
***************/
/******* widget ********/
.mh-widget-title {
    margin-bottom: 16px;
    margin-bottom: 1rem;
}

.widget_text li:first-child ,.widget_smrecentpostwidget li:first-child,.widget_sg_dropdownbox li:first-child{
    padding-top: 0;
}

.widget_text li ,.widget_smrecentpostwidget li,.widget_sg_dropdownbox li{
    border-bottom: 1px dotted #e5e5e5;
    padding: 5px 0;
}

div.dd-button.is-open h4:before{
	content: "-";

}
div.dd-button h4:before{
    display: inline-block;
    content: '+';
    margin-right: 10px;
    height: 24px;
    width: 24px;
    line-height: 24px;
    font-size: 18px;
    text-align: center;
    background: #ff4400;
    color: #fff;
    border-radius: 12px;        /* CSS3草案 */
    -webkit-border-radius: 12px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 12px;   /* Firefox用 */
}

.sg-dropdownbox{
	display: none;
}


/**************
6.Button
***************/
/******* sg-button ********/
.sg-button{
    text-align: center;
}
.sg-button a button {
    outline: none;
    cursor: pointer;
    margin-top: 16px;
    margin-bottom: 32px;
    padding: 1em 1.5em;
    background-color: white;
    border: solid 2px  #FF5722;
    min-width: 320px;
    width: auto;
    font-weight: bold;
    font-size: 15px;
    color: #FF5722;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.sg-button button:hover{
    color: #616161;
    border-color: #616161;
}
@media screen and (max-width: 767px) {
    .sg-button button{
        width: 90%;
    }
}

.entry-content a.button,
a.button {
    font-weight: bold;
    color: #FF5722;
    text-align: center;
    background-color: white;
    display: inline-block;
    margin: 16px 0px;
    width: calc(100% - 3em);
    padding: 1em 1.5em;
    text-decoration: none;
    box-shadow: 0px 0px 0px 2px #FF5722 inset;
    -moz-box-shadow: 0px 0px 0px 2px #FF5722 inset;
    -webkit-box-shadow: 0px 0px 0px 2px #FF5722 inset;
    -o-box-shadow: 0px 0px 0px 2px #FF5722 inset;
    -ms-box-shadow: 0px 0px 0px 2px #FF5722 inset;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
a.button:hover {
    color: #616161;
    box-shadow: 0px 0px 0px 2px #616161 inset;
    -moz-box-shadow: 0px 0px 0px 2px #616161 inset;
    -webkit-box-shadow: 0px 0px 0px 2px #616161 inset;
    -o-box-shadow: 0px 0px 0px 2px #616161 inset;
    -ms-box-shadow: 0px 0px 0px 2px #616161 inset;
}

.back_button {
    margin-bottom: 16px;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .back_button a.button {
        min-width: 320px;
        width: auto;
    }
}
@media screen and (max-width: 767px) {
    .back_button a.button {
        width: calc(100% - 3em);
    }
}

/******* go-to-sidebarmenu ********/

.sg-go-to-sidebarmenu {
    font-size: 12px;
    display: none;
    position: fixed;
    left: 0px;
    bottom: 75px;
    padding: 8px 7px 4px;
    color: #fff;
    background: rgba(255,68,0,0.8);
    z-index: 999;
    text-align: center;
}
.sg-go-to-sidebarmenu .fa{
    font-size: 26px;
}

.sg-back-to-top {
    font-size: 12px;
    display: none;
    position: fixed;
    right: 25px;
    bottom: 75px;
    padding: 5px 10px 8px;
    color: #fff;
    background: rgba(255,68,0,0.8);
    z-index: 999;
    text-align: center;
}

.sg-back-to-top .fa {
    font-size: 26px;
}

.sg-go-to-sidebarmenu:hover,.sg-back-to-top:hover{
    color:#fff;
}

.cat-header img{
    height: 150px;
}

@media screen and (min-width: 768px) {
    .sg_logo_pc { display: block; }
    .sg_logo_sp { display: none; }
}
@media screen and (max-width: 767px) {
    .sg-back-to-top {
        right: 0px;
    }
    .js .mh-header-bar-top-right, .mh-header-date { display: none; }
    .mh-navigation, .mh-header-bar-top-left { display: block; }
    .mh-header-bar-top-left{
        text-align:center;
    }

    .cat-header img{
        height: auto;
    }

    .sg_logo_pc { display: none; }
    .sg_logo_sp { display: block; }
}

/*sg-button-back-to-cat-top*/
.sg-button-back-to-cat-top{
    text-align: center;
    margin: 10px 0;
}


/**************
7.Responsive
***************/
/*responsive css for firstview of single page*/
@media screen and (max-width: 767px) {
    .mh-wrapper, #mh-mobile .mh-site-logo, .mh-slider-content, .mh-spotlight-widget, .mh-author-bio-widget, .mh-posts-horizontal-widget, .mh-posts-lineup-content {
        padding: 10px;
    }
    .mh-header-title, .entry-title {
        font-size: 20px;
        font-size: 1.25rem;
    }
    .entry-header .entry-title{
        padding-bottom: 8px;
        padding-bottom: 0.5rem;
    }
}

/*--------------------------------------
  TOC+
--------------------------------------*/
#toc_container {
    display: block !important;
    background: #fff;
    font-size: 95%;
    box-sizing: border-box;
    line-height: 1.4;
    /*padding: 1em 0em;*/
    border-bottom: solid 28.63px rgba(255,68,0,0.1);
    margin-bottom: 1.5em;
}

#toc_container .toc_title {
    text-align: center;
    font-weight: bold;
    background: rgba(255,68,0,0.1);
    /*border-bottom: 2px solid rgba(255,68,0,0.5);*/
    padding: 0.4em 0;
    margin-bottom: 12px;
}

#toc_container ul {
    list-style: none;
    margin: 0 0 0 0;
}

#toc_container ul li {
    margin: 0;
    padding-left: 0;
    text-indent: 0;
}

#toc_container ul a {
    display: block;
    text-decoration: none;
    color: #444;
    border-bottom: 1px dotted rgba(255,68,0,0.7);
}

#toc_container .toc_list > li > a {
    border-bottom: 2px solid rgba(255,68,0,0.7);
    font-size: 110%;
}

#toc_container ul ul {
    padding: 0.5em 0 0 1em;
}

#toc_container li {
    margin-bottom: 0.8em;
    padding-bottom: 0.2em;
}


/**************
8.Link
***************/
a{
    color: #2577B3;
}
.entry-content a{
    color: #2577B3;
}


/**************
9.Navigation(Menu)
***************/
@media screen and (max-width: 767px){
    .js .slicknav_menu{
        display: none;
    }
    .js .mh-navigation{
        display: block;
        text-align: center;
    }
    .mh-main-nav li{
        width: 33.33%;
        font-size: 10px;
    }
    .mh-main-nav li a{
        border-right: 1px solid rgba(255, 255, 255, 0.1);
        border-bottom: 1px solid rgba(255,255,255,0.1);
        padding: 10px 2px;
    }
    .mh-main-nav li:first-child a, .mh-main-nav .sub-menu li a {
        border: 1px solid rgba(255,255,255,0.1);
        border-left: none;
        border-top: none;
    }
}

/**************
10.comment and Commetnt field
***************/

/* コメント欄の項目を非表示 */

@media only screen and (max-width: 420px){
    .mh-comment-body {
        text-align: inherit;
        margin-bottom: 15px
    }
    .mh-comment-body p{
        margin-bottom: 10px;
    }
    .mh-comment-footer {
        margin-bottom: 5px;
    }
    .mh-comment-meta-links {
        margin-bottom: 10px;
    }
    .mh-comment-meta {
        line-height: 1.25;
    }
}


#commentform .form-submit {
    margin: 10px 0 25px;
}

/*
SAMURAI GAMERS original styles
*/

.mh-content-ad { display: none; }
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-content p,
.entry-content blockquote,
.entry-content .flex-vid,
.entry-content .mh-row,
.entry-content .mh-video-container {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}


/*
a 要素
*/
a:hover {
    text-decoration: none !important;
}

/*
dl 要素
*/
dl {margin: 0 0 16px 16px;}
dt {list-style-type: none; font-weight: bold;}
dd {list-style-type: none; margin: 8px 0 16px 16px;}

/*
post_list ショートコード
*/

ul .chip {
    margin-left: 8px;
}
ul .chip.post_date {
    font-size: 0.75em;
}
ul .chip.new {
    font-size: 0.75em;
    font-weight: bold;
    color: #E64A19;
}

.chip_title {
    margin-right: 8px;
    display: inline-block;
    background-color: #90A4AE;
    color: white;
    padding: 0px 8px;
    border-radius: 2px;
}
.chip_title_widget {
    margin-right: 8px;
}

.chip_status {
    margin-right: 8px;
    font-size: smaller;
    display: inline-block;
    padding: 0px 8px;
    border-radius: 2px;
}

.chip_status.scheduled {
    background-color: #FF8A65;
    color: white;
}

.chip_status.focused {
    background-color: #E64A19;
    color: white;
}


li.thumbnail_list {
    list-style-type: none;
    margin-bottom: 16px;
}
@media (max-width: 479px) {
    li.thumbnail_list {
        font-size: smaller;
    }
}

@media (min-width: 480px) and (max-width: 839px) {
    li.thumbnail_list {
        font-size: small;
    }
}

@media (min-width: 840px) {
    li.thumbnail_list {
        font-size: normal;
    }
}

li.thumbnail_list .list_box {
    clear: both;
    background-color: #F5F5F5;
    padding: 8px;
}
li.thumbnail_list .list_box .box_thumbnail {
    width: 100px;
    height: 100px;
    float: left;
}
li.thumbnail_list .list_box .box_text {
    min-height: 100px;
    margin-left: 108px;
}
li.thumbnail_list .list_box .box_text .text_title {
    font-size: 1.25em;
}
li.thumbnail_list .list_box .box_text .text_author {
    font-size: 0.5em;
    margin-top: 4px;
}
li.thumbnail_list .list_box .box_text .text_excerpt {
    font-size: 0.75em;
    margin-top: 8px;
}

/*
colored クラス
*/
.colored {
    color: #FF5722;
}


/*
sg-row クラス
*/


.flex {
    width: 100%;
    padding: 8px 0px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.width_1_1 { width: 100%; }
.width_1_2 { width: calc(50% - 8px); }
.width_2_3 { width: calc(66.666666666666% - 8px); }
.width_1_4 { width: calc(25% - 8px); }
.width_3_4 { width: calc(75% - 8px); }
.width_1_5 { width: calc(20% - 8px); }
.width_1_3 { width: calc(33.333333333333% - 8px); }
.width_1_6 { width: calc(16.666666666666% - 8px); }
.width_1_7 { width: calc(14.285714285714% - 8px); }
.width_1_8 { width: calc(12.5% - 8px); }

@media (min-width: 480px) {
    [class*='width_'] { margin: 8px 0px; }
}
@media (max-width: 479px) {
    [class*='width_'] { width: 100%; margin: 8px 0px; }
}

/*
alignnone クラス
*/
.entry-content .alignnone { display: block; margin: 0px; }
.entry-content .aligncenter { display: block; margin: 16px auto; }
.entry-content .alignleft { display: inline;s float: left; margin: 8px 16px 16px 0; }
.entry-content .alignright { display: inline; float: right; margin: 8px 0 16px 16px; }

/*
note クラス
*/


.note {
    margin: 8px 0px;
    padding: 8px;
    font-size: 0.8em;
    background-color: #F5F5F5;
    border: 1px #E0E0E0;
}
.note .note_title {
    font-size: 1.2em;
    font-weight: bold;
}
.note .note_content {
    padding: 4px;
}

/*

notice クラス
*/

.notice {
    margin: 16px;
    padding: 8px;
    background-color: #FBE9E7;
    border: solid 2px #FF5722;
}
.notice .notice_title {
    font-size: 1.2em;
    font-weight: bold;
    color: #FF5722;
}
.notice .notice_content {
    padding: 4px;
}
/*
注目記事
*/

.featured {
    margin: 16px;
    padding: 8px;
    background-color: white;
    border: solid 4px #FF5722;
}
.featured > .featured_heading {
    font-size: 1rem;
    color: #FF5722;
    font-weight: bold;
}
.featured > .featured_content {
    font-size: large;
}

/*
.clear { clear: both; }
.clear:before, .clear:after {	display: table;	content: ""; }
.clear:after { clear: both; }

.right { float: right !important; }
.left {	float: left !important; }
*/

/*
post_navigation ショートコード
*/
.post_navigation {
    width: 100%;
    margin: 16px 0px;
    font-size: small;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.post_navigation a:hover {
    text-decoration: none;
}

.previous_post {
    width: calc(50% - 8px);
    margin-right: 8px;
}
.next_post {
    width: calc(50% - 8px);
    margin-left: 8px;
}

.previous_post_box,
.next_post_box {
    background-color: #FBE9E7;
    padding: 8px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: -webkit-flex;
    display: flex;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
.previous_post_box {
    text-align: left;
    -webkit-flex-direction: row;
    flex-direction: row;
}
.next_post_box {
    text-align: right;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.icon_box {
    width: auto;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}
.previous_post_box .icon_box {
    margin-right: 8px;
}
.next_post_box .icon_box {
    margin-left: 8px;
}

/*
WordPress SEO by Yoast
*/

.meta_description {
    color:#9E9E9E;
    font-size: 0.8em;
    margin: 8px 0px;
}

/*
details 要素
*/
summary { display: block; padding: 8px; background-color: #FBE9E7; color: #2577B3; font-weight: bold; cursor: pointer; outline: none; margin-bottom: 8px; }
summary::-webkit-details-marker { display: none; }
summary::before { content: '＋'; color: #2577B3; padding-right: 0.5em; }
details { padding: 16px 0px; }
details[open] > summary::before { content: '－'; }
summary:hover { color: #e64946; }
summary:hover::before { color: #e64946; }


/*
toc「Table of Contents Plus」プラグイン のスタイル
*/
div#toc_container {
    border: none !important;
    background-color: #FBE9E7 !important;
    line-height: normal !important;
    font-size: 1em !important;
    margin-bottom: 16px !important;
    padding: 8px 16px !important;
}
div#toc_container p.toc_title {
    text-align: left !important;
    background: none !important;
    padding: 0px !important;
    margin: 8px 0px !important;
}
#toc_container ul.toc_list {
    font-size: small !important;
    margin: 8px 24px !important;
    list-style-type: unset !important;;
}
#toc_container ul.toc_list > li {
    padding: 0px !important;
    margin-bottom: 4px !important;
}
#toc_container ul.toc_list > li > a {
    color: #2577B3 !important;
    display: inline-block !important;
    border: none !important;
    padding: 0px !important;
}
#toc_container ul.toc_list > li > a:hover {
    color: #e64946 !important;
}

/*
テーマのスタイル
*/

.mh-header-title { color: #212121 !important; background-color: transparent !important; }
.mh-header-tagline { color:#FF5722 !important; background-color: transparent !important; }
.mh-container.mh-container-outer { margin: 0px auto !important; }
.mh-preheader { background-color: #E0E0E0 !important; padding: 8px 0px !important; }
.mh-ticker-title { background-color: #FF5722 !important; }
.mh-widget-title { border-bottom: 4px solid #FF5722 !important; padding: 8px 0px !important; }
blockquote {
    display: block !important;
    line-height: 1.5 !important;
    font-style: italic !important;
    color: #616161 !important;
    padding: 8px 0 8px 12px !important;
    border-left: 6px solid #E0E0E0 !important;
}

/*
カテゴリタイトルバナー
*/
.category_banner {
    width: 100%;
    color: white;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
}
.category_banner:before{
    content: '';
    background: inherit;
    -webkit-filter: blur(12px);
    -moz-filter: blur(12px);
    -o-filter: blur(12px);
    -ms-filter: blur(12px);
    filter: blur(12px);
    position: absolute;
    top: -24px;
    left: -24px;
    right: -24px;
    bottom: -24px;
    z-index: -1;
}
.category_banner .category_title {
    font-size: 3.6em;
    font-weight: bold;
    color: white;
    text-shadow: 0px 1px 2px #212121;
}
.category_icon {
    -moz-box-shadow: 0px 0px 0px 2px white inset;
    -webkit-box-shadow: 0px 0px 0px 2px white inset;
    -o-box-shadow: 0px 0px 0px 2px white inset;
    -ms-box-shadow: 0px 0px 0px 2px white inset;
    box-shadow: 0px 0px 0px 2px white inset;
}
@media (min-width: 840px){
    .category_banner {height: 128px;}
    .category_banner .category_title {font-size: 2.4em;}
    .category_icon {width: 96px; height: 96px;}
}
@media (min-width: 480px) and (max-width: 839px) {
    .category_banner {height: 96px;}
    .category_banner .category_title {font-size: 1.8em;}
    .category_icon {width: 64px; height: 64px;}
}
@media (max-width: 479px) {
    .category_banner {height: 64px;}
    .category_banner .category_title {font-size: 1.2em;}
    .category_icon {width: 48px; height: 48px;}
}


/*
[author_comment] ショートコード
*/

/*
.author_comment {
    margin: 8px;
    padding: 8px;
    background-color: #FBE9E7;
    border-radius: 2px;
}
.author_comment .comment_user {
    margin-bottom: 4px;
    text-align: left;
    font-size: small;
}
.author_comment .comment {
    padding: 4px;
}
*/


.author_comment {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: -webkit-flex;
    display: flex;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
.author_comment.right {
    text-align: right;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.author_comment.left {
    text-align: left;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.author_comment .author {
    width: 48px;
    text-align: center;
}
.author_comment .author i {
    width: 100%;
    color: #607D8B;
    font-size: 48px;
    text-align: center;
}
.author_comment .author .author_name {
    width: 100%;
    font-size: 0.5em;
    line-height: 100%;
}

.comment {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    width: 100%;
}
.comment .balloon{
    position: relative;
    display: inline-block;
    margin: 8px 16px;
    padding: 8px;
    width: 100%;
    color: #555;
    background-color: #FBE9E7;
}
.author_comment.right .comment {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
.author_comment.right .comment .balloon,
.author_comment.left .comment .balloon {
    width: auto;
}
.author_comment.right .comment .balloon:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -16px;
    border: 8px solid transparent;
    border-left: 8px solid #FBE9E7;
}
.author_comment.left .comment .balloon:before{
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -16px;
    border: 8px solid transparent;
    border-right: 8px solid #FBE9E7;
}

/*
[title_banner] ショートコード
*/

.title_banner,
.title_icon {
    background-color: #E0E0E0;
    text-align: center;
    padding: 4px;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.title_banner:hover,
.title_icon:hover {
    background-color: #616161;
    text-decoration: none;
}
.title_banner > img,
.title_icon > img {
    width: 100%;
}
.title {
    text-align: center;
}
.title > a {
    color: #FF5722;
    text-decoration: none;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.title > a:hover {
    color: #616161;
}

/*
bar table class
*/
div.bar { text-align: right; background-color: #FF8A65; padding: 2px 4px;}

/*

*/
ul.widget_recent_posts li,
ul.widget_popular_posts li {
    margin: 2px 0px;
    border-bottom: 1px solid #E0E0E0;
    padding: 8px 0px !important;
}
ul.widget_recent_posts li:last-child,
ul.widget_popular_posts li:last-child {
    margin-bottom: 16px;
}
ul.widget_recent_posts li a,
ul.widget_popular_posts li a {
    /* color: #FF5722; */
    text-decoration: none;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
ul.widget_recent_posts li a:hover,
ul.widget_popular_posts li a:hover {
    /* color: #616161; */
}