body{
background:none;
color:#555;
} .single #main {
padding: 1em 3em;
} .entry-content > p, .sidebar p {
margin:2em 0;
line-height:2;
}
.entry-content .wp-caption-text {
margin: 0;
} a {
transition: 0.5s ;
} .widget_categories,
.widget_archive{
position: relative;
}
.widget_categories form,
.widget_archive form {
overflow: hidden;
width: 90%;
margin: 2em auto;
text-align: center;
}
.widget_categories form select,
.widget_archive form select {
width: 100%;
padding-right: 1em;
cursor: pointer;
text-indent: 0.01px;
text-overflow: ellipsis;
border: none;
outline: none;
background: transparent;
background-image: none;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
}
.widget_categories form select::-ms-expand,
.widget_archive form select::-ms-expand {
display: none;
}
.widget_categories form,
.widget_archive form {
position: relative;
border: 1px solid #bbbbbb;
border-radius: 2px;
background: #ffffff;
}
.widget_categories form::before,
.widget_archive form::before {
position: absolute;
top: 1.6em;
right: 0.9em;
width: 0;
height: 0;
padding: 0;
content: '';
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #666666;
pointer-events: none;
}
.widget_categories form select,
.widget_archive form select {
padding: 1em;
color: #666666;
} #header .logo a{
color: #89c997;
font-weight: bold;
}
#header .logo .site-name-text{
font-size: 1em;
}
.logo-text{
padding:2em 0;
}
.logo-image{
padding: 0.4em 0;
margin:0 auto -0.4em;
} .navi-in > ul li {
font-weight: bold;
height: 64px;
line-height: 64px;
}
.navi-in > ul .menu-item-has-description > a > .caption-wrap{
line-height: 28px;
height: 64px;
}
#navi .menu-item-has-description>a>.caption-wrap{
line-height: 1.6;
}
.navi-in > ul .sub-menu ul{
top: -64px;
}
#header-container .navi{
background:#89c997;
}
#header-container.fixed-header{
background-color: #89c997;
}
#header-container .navi a{
color:#fff;
}
#header-container .navi a:hover{
color:#89c997;
}
.navi-in > ul .sub-menu{
background:#89c997;
}
.navi-in > ul > .menu-item-has-children > a::after {
right: .6em;
font-size: 1em;
font-weight: 600;
}
.sub-menu .caption-wrap{
padding-left:1em;
font-weight:500;
} .notice-area{
background:#f19ec2;
font-weight:600;
} .a-wrap{
padding:0;
margin:0;
}
.entry-card-title, .related-entry-card-title{
font-weight: 600;
font-size: 0.9em;
line-height: 1.4;
color:#666;
margin:0 0 0.1em 0.3em;
}
.entry-card, .related-entry-card{
display:flex;
padding:0.5em 0;
}
.entry-card-thumb{
flex:1;
width:100%;
}
.entry-card-snippet, .related-entry-card-snippet {
font-size: 0.7em;
max-height: 10em;
padding: 0em;
margin-left: 0.4em;
color: #aaa;
line-height: 1.5;
margin-top:0.4em;
}
.e-card-info > span{
color:#999;
}
.entry-card-content {
margin: 0;
flex: 3;
margin-left:0 !important;
} .related-list .a-wrap{
padding:0.6em 0 0 0;
margin:0;
border-bottom:1px dashed #ccc;
}
.related-list .a-wrap:last-child{
border:none;
}
.related-entry-card .e-card-meta{
padding-bottom:10px;
}
.related-entry-heading {
position: relative;
padding:0 0 0 1.4em;
line-height: 1.4;
color: #666;
letter-spacing: 0.05em;
font-weight: 400;
margin-bottom:1.2em;
font-size:1.2em;
}
.related-entry-heading:before {
font-family: "FontAwesome";
content: "\f15c";
position: absolute;
font-size: 1em;
left: 0;
top: 0;
color: #89c997;
}
.related-entry-card-content{
flex:3;
margin-left:0;
}
.rect-entry-card .card-thumb{
flex:1;
} .blogcard {
box-shadow: 0px 0px 5px rgba(100,100,100,0.2);
border: none;
padding: 1.4em 0.8em;
border-radius: 0;
}
.blogcard-title {
color: #666;
margin-bottom: 0.4em;
}
.blogcard-label {
padding: 5px 15px;
font-weight: 600;
font-size: 0.7em;
opacity: 0.8;
}
.blogcard-wrap{
margin:2.5em auto;
}
.blogcard-snippet{
color:#999;
}
.bct-related .blogcard-label{
background:#fd79a8;
}
.bct-reference .blogcard-label{
background:#1abc9c;
}
.bct-popular .blogcard-label{
background:#ffa502;
}
.bct-together .blogcard-label{
background:#0984e3;
}
.bct-detail .blogcard-label{
background:#848ee3;
}
.bct-check .blogcard-label{
background:#ED4C67;
}
.bct-pickup .blogcard-label{
background:#F79F1F;
}
.bct-official .blogcard-label{
background:#636e72;
} #main .pagination-next-link{
background:#fff;
border:1px solid #89c997;
color:#89c997;
font-weight:500;
font-size:1em;
}
#main .pagination-next-link:hover{
background:#89c997;
border:1px solid #89c997;
color:#fff;
}
.page-numbers {
border-radius: 50%;
border: none;
box-shadow: 0px 0px 5px rgba(0,0,0,0.13);
margin-right: 0.5em;
color: #f19ec2;
font-weight:500;
}
.pagination a:hover {
background:#f19ec2;
color:#fff;
}
.page-numbers:last-child {
margin-right:0;
}
.pagination .current {
background-color: #f19ec2;
color:#fff;
}
.pagination-next{
margin-top:1em;
} .cat-label{
background:#f19ec2;
border-radius: 10px;
padding: 0 10px;
top: 0.8em;
left: 0.8em;
font-weight:500;
}
.eye-catch .cat-label{
border-radius: 20px;
padding: 0 10px;
top: 0.8em;
left: 0.8em;
} .cat-link{
background:#f19ec2;
}
article .tag-link{
background:#89c997;
color:#fff;
border:none;
}
article .tag-link:hover{
background:#89c997;
opacity:0.7;
color:#fff;
} .date-tags{
color:#888;
margin-bottom:0.5em;
} .carousel{
margin-top:1em;
margin-bottom:-1em;
}
.carousel-entry-card-title {
font-size: 13px;
line-height: 1.5;
font-weight:300;
color:#666;
max-height: 3em;
}
.carousel-entry-card .cat-label{
font-size: 0.5em;
padding: 2px 10px;
} .sidebar {
font-size: 0.9em;
}
.sidebar h3{
background: #89c997;
color: #fff;
padding: 0.3em 0.8em;
font-size: 1.1em;
}
.sidebar .widget_recent_entries ul li,.sidebar .widget_categories ul li a,.sidebar .widget_archive ul li,.sidebar .widget_pages ul li,.sidebar .widget_meta ul li,.sidebar .widget_rss ul li,.sidebar .widget_nav_menu ul li{
border-bottom: 2px dotted #ccc;
}
.sidebar .widget_recent_entries ul li:last-child, .sidebar .widget_archive ul li:last-child, .sidebar .widget_pages ul li:last-child, .sidebar .widget_meta ul li:last-child, .sidebar .widget_rss ul li:last-child, .sidebar .widget_nav_menu ul li:last-child{
border:none;
}
.sidebar .widget_recent_entries ul li a, .sidebar .widget_categories ul li a, .sidebar .widget_archive ul li a, .sidebar .widget_pages ul li a, .sidebar .widget_meta ul li a, .sidebar .widget_rss ul li a, .sidebar .widget_nav_menu ul li a{
position: relative;
padding-left:1.3em;
color:#666;
}
.sidebar .widget_recent_entries ul li a:hover, .sidebar .widget_categories ul li a:hover, .sidebar .widget_archive ul li a:hover, .sidebar .widget_pages ul li a:hover, .sidebar .widget_meta ul li a:hover, .sidebar .widget_rss ul li a:hover, .sidebar .widget_nav_menu ul li a:hover{
background:none;
color:#89c997;
}
.sidebar .widget_recent_entries ul li a:before,
.sidebar .widget_categories ul li a:before,
.sidebar .widget_archive ul li a:before,
.sidebar .widget_pages ul li a:before,
.sidebar .widget_meta ul li a:before,
.sidebar .widget_rss ul li a:before,
.sidebar .widget_nav_menu ul li a:before {
font-family: "FontAwesome";
content: "\f138";
position: absolute;
font-size: 1em;
left: 0;
top: 10px;
color: #89c997;
} .widget-entry-cards .widget-entry-card-content{
color:#666;
margin-left:130px;
}
.widget .popular-entry-cards .popular-entry-card{
font-size:1em;
} .cta-box {
background-color: #fff;
color: #666;
border: 1px solid #ccc;
padding: 2em;
margin-top:0.5em;
}
.cta-heading{
padding:0;
margin-bottom:0.5em;
} .nwa .author-box{
border:none;
padding:1.5em;
max-width:100%;
margin:0 auto;
}
.nwa .author-box .author-name {
margin-bottom: 20px;
}
.nwa .author-box .author-name a{
color:#89c997;
}
.nwa .author-box p{
margin:1em 0;
line-height:1.7;
}
.nwa .author-box .sns-follow-buttons a.follow-button {
font-size: 25px;
width: 35px;
height: 35px;
border-radius: 20px;
line-height: 1.5;
margin:4px;
opacity:0.8;
padding: 0 !important;
}
.author-widget-name {
position: relative;
background: #fff;
border: 1px solid #ccc;
font-size:0.9em;
padding:10px;
border-radius:5px;
margin-bottom:30px;
color:#666;
}
.author-widget-name:after, .author-widget-name:before {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.author-widget-name:after {
border-color: rgba(108, 107, 98, 0);
border-top-color: #fff;
border-width: 20px;
margin-left: -20px;
}
.author-widget-name:before {
border-color: rgba(204, 204, 204, 0);
border-top-color: #ccc;
border-width: 21px;
margin-left: -21px;
}
.nwa .author-box .sns-follow-buttons a{
color: #fff;
border: none;
}
.nwa .author-box .sns-follow-message {
margin: 2.3em 0 0;
display:block;
font-size:1em;
}
.author-box .website-button {
background-color: #47555c !important;
}
.author-box .twitter-button {
background-color: #1da1f2 !important;
}
.author-box .facebook-button {
background-color: #3b5998 !important;
}
.author-box .hatebu-button {
background-color: #2c6ebd !important;
}
.author-box .google-plus-button {
background-color: #dd4b39 !important;
}
.author-box .instagram-button {
background: #e1306c !important;
}
.author-box .youtube-button {
background-color: #ef1515 !important;
}
.author-box .linkedin-button {
background-color: #0077b5 !important;
}
.author-box .note-button {
background-color: #41c9b4 !important;
}
.author-box .flickr-button {
background-color: #0063dc !important;
}
.author-box .pinterest-button {
background-color: #bd081c !important;
}
.author-box .line-button {
background-color: #00c300 !important;
}
.author-box .amazon-button {
background-color: #ff9900 !important;
}
.author-box .rakuten-room-button {
background-color: #c42e7f !important;
}
.author-box .slack-button {
background-color: #e01563 !important;
}
.author-box .github-button {
background-color: #333 !important;
}
.author-box .codepen-button {
background-color: #333 !important;
}
.author-box .feedly-button {
background-color: #2bb24c !important;
}
.author-box .rss-button {
background-color: #f26522 !important;
} #main a .button-caption{
display:none;
}
#main .sns-buttons a{
height:35px;
width:35px;
border-radius:50%;
opacity:0.8;
margin-right:10px;
}
#main .sns-buttons a:last-child{
margin-right:0;
}
.sns-share-buttons{
justify-content: flex-start;
}
.article-footer .sns-share-buttons,.article-footer .sns-follow-buttons{
justify-content: center;
}
.sns-share-message, .sns-follow-message{
color:#666;
font-size:0.8em;
}
.sns-follow-buttons a{
font-size:1.3em;
}
.sns-share-message::before, .sns-follow-message::before{
content:'＼ ';
}
.sns-share-message::after, .sns-follow-message::after{
content:' ／';
}
.sns-share, .sns-follow{
margin:0;
}
.sns-share-buttons a .share-count,
.sns-follow-buttons a .follow-count {
right: -10px;
bottom: -10px;
color: #aaa;
} .toc{
border: 1px solid #89c997;
border-radius: 5px;
padding: 1em 2em;
}
.toc-title {
color: #89c997;
font-weight: 500;
}
.toc .toc-content{
color: #89c997;
}
.toc a{
color:#666;
} .article h1{
color: #777;
line-height: 1.5;
margin: 0 0 0.5em 0;
font-weight: 600;
}
.article h2,.article h3,.article h4,.article h5,.article h6{
font-size: 1.2em;
line-height:1.5;
color: #89c997;
font-weight: 600;
margin: 2em 0;
}
.article h2{
border-top: 1px solid #89c997;
border-bottom: 1px solid #89c997;
background: url(//riiblog.com/wp-content/themes/cocoon-master/skins/skin-season-spring/images/back-dot.png);
padding:0.7em;
}
.article h3{
border:none;
border-bottom:2px dotted #89c997;
padding:0.5em 0;
}
.article h4{
border-left: 5px solid #89c997;
border-top: none;
border-bottom: none;
border-right: none;
padding: 0.2em 0.7em;
}
.article h5{
border:none;
border-bottom:2px solid #89c997;
padding:0.5em 0;
}
.article h6{
border:none;
border-bottom:1px solid #89c997;
padding:0.5em 0;
}
#archive-title{
color:#89c997;
font-size: 1.4em;
} .red {
color: #EE87B4;
}
.red-under {
border-bottom: 2px solid #EE87B4;
}
.marker-under-red {
background: linear-gradient(transparent 60%, #F8CFE1 60%);
}
.marker-red{
background:#F8CFE1;
}
.green {
color: #89c997;
}
.keyboard-key {
background-color: #ffff;
padding: 3px 5px;
} pre{
padding:2em !important;
position:relative;
}
pre.html:before{
position: absolute;
top: 0;
left: 0;
content: "HTML";
background: #ffa952;
color: #fff;
padding: 0 1em;
font-size: 16px;
}
pre.css:before{
position: absolute;
top: 0;
left: 0;
content: "CSS";
background: #0e7ac4;
color: #fff;
padding: 0 1em;
font-size: 16px;
} #comments {
position: relative;
padding:0 0 0 1.4em;
line-height: 1.4;
color: #666;
letter-spacing: 0.05em;
font-weight: 400;
font-size:1.2em;
}
#comments:before {
font-family: "FontAwesome";
content: "\f075";
position: absolute;
font-size: 1em;
left: 0;
top: 0;
color: #89c997;
}
.commets-list {
padding: 0;
margin: 0;
list-style: none;
font-size: 0.9em;
}
#reply-title{
color: #666;
font-weight: 400;
font-size:1em;
text-align:center;
}
#reply-title::before{
content:'＼ ';
}
#reply-title::after{
content:' ／';
}
.pagination-next-link, .comment-btn{
background:#fff;
border:1px solid #89c997;
color:#89c997;
padding: 0.4em 0;
font-size:1.1em;
}
.pagination-next-link, .comment-btn:hover{
background: #89c997;
color:#fff;
}
input[type=submit]{
-webkit-appearance: none;
}
input[type='submit'], #bbp_reply_submit, .bp-login-widget-register-link a {
background: #f19ec2;
color: #fff;
font-size:1em;
transition: 0.5s ;
margin-top:10px;
border:none;
}
input[type='submit']:hover{
background:#999;
}
.st-comment-author .fn {
font-weight: 500;
font-style: normal;
color: #666
}
#main .st-comment-content p{
margin:1em 0;
}
#commentform p{
margin:0.5em 0;
}
.st-comment-meta{
font-weight:600;
color:#666;
} #footer{
background:#89c997;
color:#fff;
}
#footer h3{
margin-bottom:0.3em;
}
#footer a{
color:#fff;
padding: 0.3em 0;
}
#footer a:hover{
opacity:0.8;
}
#footer li{
border-bottom: 2px dotted #fff;
}
#footer li:last-child{
border:none;
}
#footer .cat-item a{
position:relative;
padding:10px 0 10px 30px;
}
#footer .cat-item a::before{
font-family: "FontAwesome";
content: "\f138";
position: absolute;
font-size: 1em;
left: 0;
top: 10px;
color: #fff;
}
#footer .tagcloud a{
background:none;
border:1px solid #fff;
padding:0.4em;
}
#footer .tagcloud a:hover{
background:#fff;
color:#89c997;
}
#footer #navi-footer li{
border-bottom:none;
border-left:1px solid #fff;
}
#footer #navi-footer li:first-child {
border:none;
}
#footer #navi-footer li a{
padding:0 1em;
} .page-top a {
display: block;
text-align: center;
background: #CEE8D3;
color: #65B877;
margin: 0 0 -22px 0;
text-decoration: none;
font-weight: 600;
padding: 10px 0;
margin-top:3em;
}
.page-top a:hover {
background: #f19ec2;
color: #fff;
}
.go-to-top{
right:20px;
bottom:20px;
}
.go-to-top-button {
background: #89c997;
color: #fff;
text-decoration: none;
display: flex;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
cursor: pointer;
text-align: center;
line-height: 1;
border-radius: 50%;
font-size: 2em;
opacity: 0.8;
} .slicknav_btn{
background:#89c997;
}
.slicknav_menu .slicknav_menutxt,.slicknav_btn{
text-shadow:none;
font-weight:500;
margin-bottom:-5px;
}
.slicknav_menu .slicknav_icon-bar{
box-shadow:none;
}
.slicknav_menu{
background:none;
}
.slicknav_nav a {
border-bottom:2px dotted #ddd;
color: #89c997;
}
.mobile-menu-buttons{
background:#89c997;
color:#fff;
height:45px;
}
.mobile-menu-buttons .menu-button > a{
color:#fff;
}
.mobile-menu-buttons .menu-button > a:hover{
color:#333;
}
.mobile-menu-buttons .menu-caption{
font-size:0.7em;
}
.mobile-menu-buttons .menu-button {
border-right: 1px dashed #fff;
}
.mobile-menu-buttons .menu-button:last-child {
border-right: none;
}
.mobile-menu-buttons .menu-content{
color: #555;
}
.author-box .sns-follow-buttons a.follow-button{
color:#fff;
border-radius:50%;
}
.menu-drawer a{
padding:1em;
color:#89c997;
font-weight:400;
border-bottom: 1px dashed #89c997;
}
.menu-close-button::before{
color:#f19ec2;
}
.menu-content .sidebar{
padding:0 20px;
}
.menu-content .sidebar .author-description{
margin:3em 0;
} @media screen and (max-width: 1023px){
#header-container .menu-mobile{
display:none;
}
.navi-in > .menu-mobile{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
overflow-x: scroll;
white-space: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
#navi .navi-in > .menu-mobile li {
height: auto;
line-height: 1.8;
}
.navi-in > ul li {
min-width: auto;
}
#header-container .navi a{
font-size:0.8em;
}
#footer #navi-footer .navi-footer-in > .menu-footer li.menu-item {
border: none;
}
#sidebar{
padding:0 2em;
}
.entry-card-content {
flex:2;
}
.mobile-menu-buttons{
height:auto;
}
} @media screen and (max-width: 768px){
} @media screen and (max-width: 480px){
.single #main{
padding:0 1em;
}
.article h1{
padding:0.5em 0 0;
}
#sidebar{
padding:0 1em;
}
.nwa .author-box .author-content{
font-size:1.2em;
}
.rect-entry-card .card-thumb{
margin:0 10px 0 0;
}
.ect-vertical-card.ect-tile-card .a-wrap{
margin-bottom:1em;
}
} table th,table td{
border: 1px solid #eee;
font-weight: 400;
padding:0.8em;
font-size:0.8em;
}
table th{
background:#FDF6F9;
} .btn{
opacity:0.65;
}
.btn:hover{
opacity:0.9;
} .box1 p,.box2 p,.box3 p,.box4 p,.box5 p,.box6 p,.box7 p {
margin: 0 !important; padding: 0 !important; }
.box1,.box2,.box3,.box4,.box5,.box6,.box7 {
margin: 3em auto !important; max-width:600px; }
.box1{
background: #F1F8F2; border-radius:4px; padding: 3.5em 2em 1.5em; position:relative; }
.box1 .box-title {
background: #89c997; color: #fff; font-weight: bold; font-size: 1em; padding: 5px; text-align: center; border-radius: 4px 4px 0px 0px; position:absolute; top:0; left:0; width:100%; }
.box2{
border-radius:4px; border:1px solid #89c997; padding: 3.5em 2em 1.5em; position:relative; }
.box2 .box-title {
background: #89c997; color: #fff; font-weight: bold; font-size: 1em; padding: 5px; text-align: center; border-radius: 4px 4px 0px 0px; position:absolute; top:0; left:0; width:100%; }
.box3 {
position: relative; padding: 1.7em 2em; border: 2px solid #89c997; border-radius: 4px; }
.box3 .box-title {
position: absolute; top: -10px; left: 30px; background: #fff; color: #89c997; padding: 0 10px; line-height: 1; font-size: 1em; font-weight: bold; }
.box4 {
position: relative; padding: 1.7em 2em; border: 2px dotted #89c997; border-radius: 4px; }
.box4 .box-title {
position: absolute; top: -10px; left: 30px; background: #fff; color: #89c997; padding: 0 10px; line-height: 1; font-size: 1em; font-weight: bold; }
.box5 {
position: relative; padding: 2em 2em 1.7em; border: 1px solid #89c997; border-radius: 4px; background: #F1F8F2; }
.box5 .box-title {
position: absolute; top: -18px; left: 27px; background: #89c997; color: #fff; padding: 0.6em 1em; line-height: 1; font-size: 1em; font-weight: bold; border-radius:4px; }
.box6 {
position:relative; padding: 2em 2em 1.7em; background-color: #F1F8F2; box-shadow: 0px 1px 5px rgba(0,0,0,0.1); border-radius:4px; }
.box6 .box-title {
position: absolute; top: -22px; left: 30px; padding: 0.2em 2em; color: #89c997; font-weight: bold; font-size:1em; background-color: rgba(255,255,255,.1); border-left: 2px dotted rgba(0,0,0,.1); border-right: 2px dotted rgba(0,0,0,.1); box-shadow: 0 0 5px rgba(0,0,0,0.2); transform: rotate(-3deg); } .list-1{
counter-reset:number;
list-style-type: none;
padding:0;
margin:0;
}
.list-1 li {
border-bottom:1px dashed;
border-color:#cdcdcd; position: relative;
margin:0.5em 0 !important;
padding: 0 0 0.5em 1.8em;
}
.list-1 li:last-child {
border:none;
}
.list-1 li:before {
counter-increment: number;
content: counter(number);
background-color: #89c997; color: #fff; position: absolute;
font-weight:bold;
font-size: 14px;
border-radius: 50%;
left: 0;
top:0.3em;
width: 22px;
height: 22px;
line-height: 22px;
text-align: center;
}
.list-2{
list-style: none;
padding:0;
margin:0;
}
.list-2 li {
border-bottom:1px dashed;
border-color:#cdcdcd; position: relative;
margin:0.5em 0 !important;
padding: 0 0 0.5em 1.4em;
}
.list-2 li:last-child{
border:none;
}
.list-2 li:before {
background-color:  #89c997; position: absolute;
content: '';
top:0.7em;
left: 0.5em;
width: 7px;
height: 7px;
border-radius: 4px;
}
@media screen and (max-width: 768px){
#main .list-1,#main .list-2{
padding-left:0;
}
}
.list-box-1{
background: #F1F8F2; border-radius: 4px;
max-width: 600px;
padding: 2em;
margin:0 auto;
}
.list-box-2{
background: #F1F8F2; border-radius: 4px;
max-width: 600px;
padding: 2em;
margin:0 auto;
border:1px solid;
border-color:#89c997; }
.list-box-3{
background: #F1F8F2; border-radius: 4px;
max-width: 600px;
padding: 2em;
margin:0 auto;
border:2px dotted;
border-color:#89c997; }
.list-box-4{
background: #F1F8F2; border-radius: 4px;
max-width: 600px;
padding: 2em;
margin:0 auto;
border:4px double;
border-color:#89c997; } .hidden_box {
margin: 2em 0;
padding: 0;
text-align:center;
}
.hidden_box label {
padding: 1em 2em;
border: solid 1px #89c997;
cursor: pointer;
font-size: 18px;
font-weight: bold;
color: #89c997;
border-radius: 3px;
}
.hidden_box label:hover {
background: #89c997;
color:#fff;
}
.hidden_box input {
display: none;
}
.hidden_box .hidden_show {
height: 0;
padding: 0;
overflow: hidden;
opacity: 0;
transition: 0.8s;
}
.hidden_box input:checked ~ .hidden_show {
padding: 10px 0;
height: auto;
opacity: 1;
text-align:left;
}
.recent-comments .a-wrap{
padding: 1.5%;
margin-bottom: 3%;
}
.ranking-items p {
margin-top: 0;
}
.wpforo-list-item p {
margin: 0;
} .font-awesome-5 .related-entry-heading:before,
.font-awesome-5 .sidebar .widget_recent_entries ul li a:before,
.font-awesome-5 .sidebar .widget_categories ul li a:before,
.font-awesome-5 .sidebar .widget_archive ul li a:before,
.font-awesome-5 .sidebar .widget_pages ul li a:before,
.font-awesome-5 .sidebar .widget_meta ul li a:before,
.font-awesome-5 .sidebar .widget_rss ul li a:before,
.font-awesome-5 .sidebar .widget_nav_menu ul li a:before,
.font-awesome-5 #comments:before,
.font-awesome-5 #footer .cat-item a::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
}