body {
background: none;
color: #44566d;
} .single #main {
padding: 1em 3em;
} .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: #88abda;
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: #88abda;
}
#header-container.fixed-header{
background-color: #88abda;
}
#header-container .navi a{
color: #fff;
}
#header-container .navi a:hover{
color: #88abda;
}
.navi-in > ul .sub-menu{
background: #88abda;
}
.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: #84ccc9;
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: #69788a;
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: #b4bbc5;
}
.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: #69788a;
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: #88abda;
}
.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 #88abda;
color: #88abda;
font-weight: 500;
font-size: 1em;
}
#main .pagination-next-link:hover {
background: #88abda;
border: 1px solid #88abda;
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: #84ccc9;
font-weight: 500;
}
.pagination a:hover {
background: #84ccc9;
color: #fff;
}
.page-numbers:last-child {
margin-right: 0;
}
.pagination .current {
background-color: #84ccc9;
color: #fff;
}
.pagination-next {
margin-top: 1em;
} .cat-label {
background: #84ccc9;
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: #84ccc9;
}
article .tag-link {
background: #88abda;
color: #fff;
border: none;
}
article .tag-link:hover {
background: #88abda;
opacity: 0.7;
color: #fff;
} .date-tags {
color: #69788a;
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: #69788a;
max-height: 3em;
}
.carousel-entry-card .cat-label {
font-size: 0.5em;
padding: 2px 10px;
} .sidebar {
font-size: 0.9em;
}
.sidebar h2,
.sidebar h3 {
background: #88abda;
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: #69788a;
}
.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: #88abda;
}
.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: #88abda;
} .widget-entry-cards .widget-entry-card-content {
color: #69788a;
margin-left: 130px;
}
.widget .popular-entry-cards .popular-entry-card {
font-size: 1em;
} .cta-box {
background-color: #fff;
color: #69788a;
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: #88abda;
}
.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: #69788a;
}
.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: #69788a;
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 #88abda;
border-radius: 5px;
padding: 1em 2em;
}
.toc-title {
color: #88abda;
font-weight: 500;
}
.toc .toc-content {
color: #88abda;
}
.toc a {
color: #69788a;
} .article h1 {
color: #69788a;
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: #88abda;
font-weight: 600;
margin: 2em 0;
}
.article h2 {
border-top: 1px solid #88abda;
border-bottom: 1px solid #88abda;
background: url(//sakpirkamovie.com/wp-content/themes/cocoon-master/skins/skin-season-winter/images/back-dot.png);
padding: 0.7em;
}
.article h3 {
border: none;
border-bottom: 2px dotted #88abda;
padding: 0.5em 0;
}
.article h4 {
border-left: 5px solid #88abda;
border-top: none;
border-bottom: none;
border-right: none;
padding: 0.2em 0.7em;
}
.article h5 {
border: none;
border-bottom: 2px solid #88abda;
padding: 0.5em 0;
}
.article h6 {
border: none;
border-bottom: 1px solid #88abda;
padding: 0.5em 0;
}
#archive-title {
color: #88abda;
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;
}
.blue{
color: #88abda;
}
.keyboard-key {
background-color: #ffff;
padding: 3px 5px;
}
.green{
color:#84ccc9;
}
.marker-blue{
background:#b8cde9;
}
.marker-under-blue{
background: linear-gradient(transparent 60%, #b8cde9 60%);
} 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: #69788a;
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: #88abda;
}
.commets-list {
padding: 0;
margin: 0;
list-style: none;
font-size: 0.9em;
}
#reply-title {
color: #69788a;
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 #88abda;
color: #88abda;
padding: 0.4em 0;
font-size: 1.1em;
}
.pagination-next-link, .comment-btn:hover {
background: #88abda;
color: #fff;
}
input[type=submit] {
-webkit-appearance: none;
}
input[type='submit'], #bbp_reply_submit, .bp-login-widget-register-link a {
background: #84ccc9;
color: #fff;
font-size: 1em;
transition: 0.5s;
margin-top: 10px;
border: none;
}
input[type='submit']:hover {
background: #b4bbc5;
}
.st-comment-author .fn {
font-weight: 500;
font-style: normal;
color: #69788a
}
#main .st-comment-content p {
margin: 1em 0;
}
#commentform p {
margin: 0.5em 0;
}
.st-comment-meta {
font-weight: 600;
color: #69788a;
} #footer {
background: #88abda;
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: #88abda;
}
#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: #b8cde9;
color: #88abda;
margin: 0 0 -22px 0;
text-decoration: none;
font-weight: 600;
padding: 10px 0;
margin-top: 3em;
}
.page-top a:hover {
background: #84ccc9;
color: #fff;
}
.go-to-top {
right: 20px;
bottom: 20px;
}
.go-to-top-button {
background: #88abda;
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: #88abda;
}
.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: #88abda;
}
.mobile-menu-buttons {
background: #88abda;
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: #88abda;
font-weight: 400;
border-bottom: 1px dashed #88abda;
}
.menu-close-button::before {
color: #84ccc9;
}
.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: #ecf1f9; border-radius: 4px; padding: 3.5em 2em 1.5em; position: relative; }
.box1 .box-title {
background: #88abda; 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 #88abda; padding: 3.5em 2em 1.5em; position: relative; }
.box2 .box-title {
background: #88abda; 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 #88abda; border-radius: 4px; }
.box3 .box-title {
position: absolute; top: -10px; left: 30px; background: #fff; color: #88abda; padding: 0 10px; line-height: 1; font-size: 1em; font-weight: bold; }
.box4 {
position: relative; padding: 1.7em 2em; border: 2px dotted #88abda; border-radius: 4px; }
.box4 .box-title {
position: absolute; top: -10px; left: 30px; background: #fff; color: #88abda; padding: 0 10px; line-height: 1; font-size: 1em; font-weight: bold; }
.box5 {
position: relative; padding: 2em 2em 1.7em; border: 1px solid #88abda; border-radius: 4px; background: #ecf1f9; }
.box5 .box-title {
position: absolute; top: -18px; left: 27px; background: #88abda; 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: #ecf1f9; 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: #88abda; 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: #88abda; 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: #88abda; 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: #ecf1f9; border-radius: 4px;
max-width: 600px;
padding: 2em;
margin: 0 auto;
}
.list-box-2 {
background: #ecf1f9; border-radius: 4px;
max-width: 600px;
padding: 2em;
margin: 0 auto;
border: 1px solid;
border-color: #88abda; }
.list-box-3 {
background: #ecf1f9; border-radius: 4px;
max-width: 600px;
padding: 2em;
margin: 0 auto;
border: 2px dotted;
border-color: #88abda; }
.list-box-4 {
background: #ecf1f9; border-radius: 4px;
max-width: 600px;
padding: 2em;
margin: 0 auto;
border: 4px double;
border-color: #88abda; } .hidden_box {
margin: 2em 0;
padding: 0;
text-align: center;
}
.hidden_box label {
padding: 1em 2em;
border: solid 1px #88abda;
cursor: pointer;
font-size: 18px;
font-weight: bold;
color: #88abda;
border-radius: 3px;
}
.hidden_box label:hover {
background: #88abda;
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;
}