hello world
Lorem ipsum dolor sit amet, ...
*/
/**
* Reset
*/
.entry-content div[data-mod] dl, .entry-content div[data-mod] td, .entry-content div[data-mod] table, .entry-content div[data-mod] p, .entry-content div[data-mod] .h3, .entry-content div[data-skin]{
min-width:0;
max-width:100%;
}
/**
* Module
*
*/
.entry-content [data-mod="aside"],
.entry-content div[data-mod="aside"]{
clear:both;
float:none;
padding:1em;
margin:3em auto 3em;
position:relative;
box-sizing:border-box;
display:block;
}
.entry-content [data-mod="aside"]:before,
.entry-content div[data-mod="aside"]:before{
content: attr(data-title);
display: block;
position:absolute;
left:0;
top:-1.99em;
padding:0 1em;
font-weight:700;
line-height:2;
min-width:8em;
}
.entry-content [data-skin] h3:first-of-type,
.entry-content div[data-skin] h3:first-of-type{
margin-top:0;
display:block;
}
.entry-content [data-skin] h3,
.entry-content div[data-skin] h3{
margin:1.5em 0 .75em;
display:block;
font-weight:700;
}
.entry-content [data-mod] table,
.entry-content div[data-mod] table{
margin:0 0 1em;
}
.entry-content [data-mod] td,
.entry-content div[data-mod] td{
min-width:5em;
}
.entry-content [data-mod] dl,
.entry-content div[data-mod] dl{
margin:0 0 1em 0;
}
.entry-content [data-mod] .ghost-l,
.entry-content [data-mod] .ghost-m,
.entry-content [data-mod] .ghost-s,
.entry-content [data-mod] .ghost,
.entry-content div[data-mod] .ghost-l,
.entry-content div[data-mod] .ghost-m,
.entry-content div[data-mod] .ghost-s,
.entry-content div[data-mod] .ghost{
margin:1.5em 1em 1.5em 0;
}
.entry-content div[data-mod] > p:last-child{
margin-bottom:0;
}
.entry-content div[data-mod]:after{
content:'';
display:table;
clear:both;
}
/**
* Static Status Color , Static Skin Color
========================================================================== */
/**
* Skin
* Conditional Color Settings
*/
article div[data-skin]{
font-size:100%;
border-bottom: 3px solid #555;
border-top: 3px solid #555;
}
article [data-mod="postit"][data-skin]:before,
article div[data-skin]:before{
background:#555;
color:#fff;
}
article [data-mod][data-skin="info"]:before,
.entry-content div[data-skin="info"]:before {
background: #56b274;
}
article [data-mod][data-skin="alert"]:before,
article div[data-skin="alert"]:before{
background: #e14d43;
}
article [data-mod][data-skin="notice"]:before,
article div[data-skin="notice"]:before{
background:#a38c08;
}
article [data-skin="info"],
article div[data-skin="info"]{
border-top: 3px solid #56b274;
border-bottom: 3px solid #56b274;
}
article [data-skin="alert"],
article div[data-skin="alert"]{
border-top: 3px solid #e14d43;
border-bottom: 3px solid #e14d43;
}
article [data-skin="notice"],
article div[data-skin="notice"]{
border-top: 3px solid #a38c08;
border-bottom: 3px solid #a38c08;
}
article [data-skin="cool"],
article div[data-skin="cool"]{
border-top: 3px solid rgba(41, 128, 185,1.0);
border-bottom: 3px solid rgba(41, 128, 185,1.0);
}
.entry-content div[data-skin] h3.color-1:first-of-type,
.entry-content div[data-skin] h3.color-2:first-of-type,
.entry-content div[data-skin] h3.color-3:first-of-type,
.entry-content div[data-skin] h3.color-4:first-of-type,
.entry-content div[data-skin] h3.color-5:first-of-type,
.entry-content div[data-skin] h3.color1:first-of-type,
.entry-content div[data-skin] h3.color2:first-of-type,
.entry-content div[data-skin] h3.color3:first-of-type,
.entry-content div[data-skin] h3.color4:first-of-type,
.entry-content div[data-skin] h3.color5:first-of-type,
.entry-content div[data-skin] h3.gradient-1:first-of-type,
.entry-content div[data-skin] h3.gradient-2:first-of-type,
.entry-content div[data-skin] h3.gradient-3:first-of-type,
.entry-content div[data-skin] h3.gradient-4:first-of-type,
.entry-content div[data-skin] h3.gradient1:first-of-type,
.entry-content div[data-skin] h3.gradient2:first-of-type,
.entry-content div[data-skin] h3.gradient3:first-of-type,
.entry-content div[data-skin] h3.gradient4:first-of-type{
padding:1em;
margin:-1em -1em 1em;
box-sizing:content-box;
width:100%;
display:block;
}
/* End Entry Content sub box class */
/**
* Postit Module
========================================================================== */
/**
* data-mod postit
* @since 1.418
*/
body:not(.rd-type-dark) article [data-mod="postit"]:hover{
opacity:1;
box-shadow: 0px 0px 6px 3px #deebe7;
-moz-box-shadow: 0px 0px 6px 3px #deebe7;
-webkit-box-shadow: 0px 0px 6px 3px #deebe7;
}
article [data-mod="postit"]{
display:inline-block;
height:3em;
line-height:3em;
border:1px solid #aaa;
border:1px solid rgba(170,170,170,1);
position:relative;
padding-top:0;
padding-bottom:0;
padding-left:4em;
padding-right:1em;
overflow:hidden;
vertical-align:middle;
}
article [data-mod="postit"]:before{
content:attr(data-title);
text-align:center;
font-weight:700;
font-size:100%;
width:3em;
height:3em;
line-height:3em;
position:absolute;
left:0;
}
.rd-type-dark [data-mod="postit"]:before,
.rd-type-dark [data-mod="postit"]{
border:1px solid #aaa;
border:1px solid rgba(170,170,170,.5);
}
article [data-mod="postit"]:after{
content:'';
display:table;
}
/* end postit */
/**
* Entry Content Sub Block Module
========================================================================== */
/**
* Lead sentence block for entry content
* @1.453 intro class
*
*/
.entry-content .intro{
border-top:1px solid rgba(127,127,127,.3);
border-bottom:1px solid rgba(127,127,127,.3);
padding:2em 2em 1em;
max-width:100%;
}
.entry-content .intro h3{
font-weight:700;
margin:0 0 1em;
}
/* end intro class */
/**
* Ripple Effect Class
========================================================================== */
.rd-shorten{
clear:both;
min-width:0;
max-width:100%;
margin:2em 0;
}
.rd-shorten > li{
left:0;
position:relative;
}
.rd-shorten > li > span,
.rd-shorten > li > a{
position:absolute;
left:.5em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align:left;
max-width:100%;
}
/** Implementation is not complete
* BATA TEST
* Sidebar equal height from CSS
* When $raindrops_add_inline_style_for_sidebars = false ( lib/vars.php )
*/
/* @1.514
.rd-css-equal-height .yui-main,
.rd-css-equal-height .lsidebar{
background:transparent!important;
}
*/
.rd-css-equal-height .yui-main #container{
position:relative;
overflow-y:visible;
padding-left:1em;
box-sizing:border-box;
}
.rd-css-equal-height .yui-main > .yui-b > div > .first ~ .yui-u .rsidebar{
min-height:100%;
position:absolute;
margin:0;
overflow:visible;
}
/* grid settings */
.rd-css-equal-height .yui-main > .yui-b > .yui-ge > .first ~ .yui-u .rsidebar{
width:23.7%;
}
.rd-css-equal-height .yui-main > .yui-b > .yui-gc > .first ~ .yui-u .rsidebar{
width:33.7%;
}
.rd-css-equal-height .yui-main > .yui-b > .yui-g > .first ~ .yui-u .rsidebar{
width:48.3%;
}
.rd-css-equal-height .yui-main > .yui-b > .yui-gd > .first ~ .yui-u .rsidebar{
width:64.7%;
}
.rd-css-equal-height .yui-main > .yui-b > .yui-gf > .first ~ .yui-u .rsidebar{
width:73.0%;
}
.rd-css-equal-height .yui-t1 .yui-b {
float: left;
width: 12.30769em;
}
.rd-css-equal-height .yui-t2 .yui-b {
float: left;
width: 15.8461em;
}
.rd-css-equal-height .yui-t3 .yui-b {
float: left;
width: 23.0769em;
}
.rd-css-equal-height .yui-t4 .yui-b {
float: right;
width: 13.8456em;
}
.rd-css-equal-height .yui-t5 .yui-b {
float: right;
width: 18.4615em;
}
.rd-css-equal-height .yui-t6 .yui-b {
float: right;
width: 23.0769em;
}
@media screen and (min-width : 641px){
.rd-css-equal-height .rsidebar{
background:url(images/sidebar.png);
}
.rd-css-equal-height #bd{
background:url(images/sidebar.png);
background-repeat:repeat-y;
}
.rd-css-equal-height .yui-t6 #bd{
background-position:calc(100% + 4.8461em );
}
.rd-css-equal-height .yui-t5 #bd{
background-position:calc(100% + 9.4615em );
}
.rd-css-equal-height .yui-t4 #bd{
background-position:calc(100% + 13.9230em );
}
.rd-css-equal-height .yui-t3 #bd{
background-position:-4.8461em;
}
.rd-css-equal-height .yui-t2 #bd{
background-position:-13.9230em;
}
.rd-css-equal-height .yui-t1 #bd{
background-position:-15.6153em;
}
}
/* Sidebar equal height from CSS end */
.entry-meta .custom-taxsonomy a,
.entry-meta .custom-taxsonomy{
margin:0 .5em;
}
#front-page-template-pages > li,
#doc5 .raindrops-no-keep-content-width .index > li > div{
padding:2em 0;
background-origin:border-box;
}
#doc5 .raindrops-no-keep-content-width .index > li .rd-category-description{
padding:1em;
}
.home .raindrops-no-keep-content-width .index{
margin-top:0;
}
/**
* PDF
========================================================================== */
.pdf-screenshot img{
height:auto;
text-align:center;
}
.pdf-screenshot-links ul{
padding-left:40px;
}
.pdf-screenshot-links h3{
margin:2em 0;
}
.pdf-screenshot-links .image-size{
width:8em;
display:inline-block;
text-transform: uppercase;
}
.pdf-screenshot-links .image-height:before{
content: 'X';
display:inline-block;
padding:0 .5em;
}
.pdf-screenshot-links .image-width:after,
.pdf-screenshot-links .image-height:after{
content:'px';
}
/**
* Video Header
========================================================================== */
.rd-video-header #header-image{
/**
* MUST NOT SHOWS HEADER IMAGE WHEN VIDEO HEADER ACTIVE
*/
position:absolute;
z-index:5;
height:0;
}
.rd-video-header:not(.noscript) #header-image{
background:transparent;
}
#wp-custom-header,
.rd-video-header #header-image,
.rd-video-header #header-image .tagline,
#wp-custom-header img{
display:none;
}
.rd-video-header #header-image:hover + #wp-custom-header .wp-custom-header-video-button {
visibility:visible;transition: visibility 0.5s ease-out;
}
.rd-video-header .wp-custom-header .wp-custom-header-video-button {
visibility:hidden;
background-color: rgba(222, 222, 222, 0.7);
border: 1px solid rgba(255, 255, 255, 0.7);
color: rgba(0, 0, 0, 0.6);
height: 45px;
overflow: hidden;
padding: 0;
position: absolute;
right: 80px;
bottom: 45px;
width: 45px;
font-weight:bold;
transition: visibility 3s ease-out;
cursor:pointer;
z-index:999;
}
.rd-video-header .wp-custom-header{
/**
* fallback height setting exists raindrops-helper.js
*/
max-width:100%;
position:relative;
}
.attachment-pdf .parent-entry-excerpt,
.attachment-pdf .image-title a{
max-width:100%;
word-wrap: break-word;
word-break: break-all;
}
.wp-video .mejs-overlay-button{
visibility:hidden;
}
.tag.paged .rd-term-description,
.category.paged .rd-term-description {
display:none;
}
#doc3 .raindrops-no-keep-content-width{
padding:1em;
box-sizing:border-box;
}
#comments .nav-previous:empty,
#comments .nav-next:empty{
display:none;
}
#comments #nav-above-comments{
margin-bottom:1em;
}
.page-template-page-featured .page{
padding:1em;
}
.page-template-page-featured .poster li{
list-style-type:none;
margin-left:0;
padding-left:0;
padding-bottom:2em;
padding-top:2em;
}
.page-template-page-featured #bd{
max-width:none;
}
.page-template-page-featured .poster{
margin:0;
padding:0;
}
.page-template-page-featured #container > .page,
.page-template-page-featured #doc3 .poster > li{
border-bottom:1px solid rgba(127,127,127,.4);
}
.page-featured-post-image{
text-align:center;
background: repeating-linear-gradient( 135deg, transparent, rgba(127,127,127,.3) 2px, rgba(127,127,127,.1) 3px, rgba(127,127,127,.1) 5px );
}
.page-featured-post-image:empty{
display:none;
}
/**
* widget video, image
========================================================================== */
.widget_media_image .image,
.widget_media_video .wp-video{
display:block;
margin-bottom:1em;
}
widget
/**
* Post Format Chat
========================================================================== */
.widget .raindrops-post-format-chat form{
text-align:left;
}
.raindrops-post-format-chat > dt{
display:inline-block;
float:left;
}
.rsidebar .raindrops-post-format-chat > dt,
.lsidebar .raindrops-post-format-chat > dt{
display:block;
width:100%;
float:none;
}
.raindrops-post-format-chat > dd{
margin-left:100px;
margin-bottom:1em;
position:relative;
}
.rsidebar .raindrops-post-format-chat > dd,
.lsidebar .raindrops-post-format-chat > dd{
margin-left:auto;
margin-bottom:1em;
position:relative;
}
.raindrops-post-format-chat > dd:after{
display:block;
clear:left;
content: "\00a0";
height: 10px;
left: -6px;
position: absolute;
top: 10px;
transform: rotate( 45deg );
-moz-transform: rotate( 45deg );
-ms-transform: rotate( 45deg );
-o-transform: rotate( 45deg );
-webkit-transform: rotate( 45deg );
width: 10px;
}
.rsidebar .raindrops-post-format-chat > dd:after,
.lsidebar .raindrops-post-format-chat > dd:after{
display:block;
clear:left;
content: "\00a0";
height: 10px;
left: 10px;
position: absolute;
top: -6px;
transform: rotate( 45deg );
-moz-transform: rotate( 45deg );
-ms-transform: rotate( 45deg );
-o-transform: rotate( 45deg );
-webkit-transform: rotate( 45deg );
width: 10px;
}
.raindrops-post-format-chat > .additional-block{
background:transparent;
border:none;
overflow:hidden!important;
}
.raindrops-post-format-chat > .additional-block:after{
content:'';
display:none;
}
.raindrops-post-format-chat > dt.raindrops-chat-author-9:hover,.raindrops-post-format-chat > dt.raindrops-chat-author-9:hover ~ .raindrops-chat-author-9,
.raindrops-post-format-chat > dt.raindrops-chat-author-8:hover,.raindrops-post-format-chat > dt.raindrops-chat-author-8:hover ~ .raindrops-chat-author-8,
.raindrops-post-format-chat > dt.raindrops-chat-author-7:hover,.raindrops-post-format-chat > dt.raindrops-chat-author-7:hover ~ .raindrops-chat-author-7,
.raindrops-post-format-chat > dt.raindrops-chat-author-6:hover,.raindrops-post-format-chat > dt.raindrops-chat-author-6:hover ~ .raindrops-chat-author-6,
.raindrops-post-format-chat > dt.raindrops-chat-author-5:hover,.raindrops-post-format-chat > dt.raindrops-chat-author-5:hover ~ .raindrops-chat-author-5,
.raindrops-post-format-chat > dt.raindrops-chat-author-4:hover,.raindrops-post-format-chat > dt.raindrops-chat-author-4:hover ~ .raindrops-chat-author-4,
.raindrops-post-format-chat > dt.raindrops-chat-author-3:hover,.raindrops-post-format-chat > dt.raindrops-chat-author-3:hover ~ .raindrops-chat-author-3,
.raindrops-post-format-chat > dt.raindrops-chat-author-2:hover,.raindrops-post-format-chat > dt.raindrops-chat-author-2:hover ~ .raindrops-chat-author-2,
.raindrops-post-format-chat > dt.raindrops-chat-author-1:hover,.raindrops-post-format-chat > dt.raindrops-chat-author-1:hover ~ .raindrops-chat-author-1,
.raindrops-post-format-chat > dt.raindrops-chat-author-0:hover,.raindrops-post-format-chat > dt.raindrops-chat-author-0:hover ~ .raindrops-chat-author-0{
color:#16a185;
}
/**
* Front Portfolio Template
========================================================================== */
.page-template-front-portfolio .front-portfolio{
overflow:hidden;
}
.page-template-front-portfolio .index li div[id^="post-"]{
margin:-2px;
}
.page-template-front-page .index,
.page-template-front-page .index > li{
margin:0;
}
.page-template-front-page .index > li > div[id^="post-"]{
margin-top:0;
}
.page-template-front-portfolio .index > li{
padding:0;
}
#bd .trancate{
overflow:hidden!important;
display:block;
position:relative;
}
/**
* Target
========================================================================== */
.rsidebar li:target form div.searchform,
.lsidebar li:target form div.searchform,
.rsidebar li:target h2,
.lsidebar li:target h2,
.lsidebar li:target{
padding-top:27px;
margin-top:-27px;
}
/* Target */
/*
* @since 1.458
* Target Ajust
*/
.index > li > div[id^="post-"]:target,
#doc5 .raindrops-no-keep-content-width .index > li > div:target,
div[id^="post-"]:target{
padding-top:5em;
}
.post,
.page,
.single{
counter-reset: section;
}
/**
* Section Counter Class
========================================================================== */
.section-counter:before{
background:rgba(22, 160, 133,1.0);
color:#fff;
}
.section-counter,
.page .entry-content .section-counter,
.single .entry-content .section-counter{
width:100%;
/* for safari */
}
.section-counter:before,
.page .entry-content .section-counter:before,
.single .entry-content .section-counter:before {
counter-increment: section;
content: counter(section) ;
display:block;
margin:auto auto 1em;
text-align:center;
line-height:2em;
font-size:18px;
font-weight:bold;
width:2em;
border-radius: 50%;
}
/**
* mark elemant, Mark Class
========================================================================== */
mark,
mark.alert,mark.notice,mark.info,mark.blue,
mark.blue, mark.yellow, mark.green, mark.red,
.mark-alert,.mark-notice,.mark-info,.mark-blue,
.mark-blue, .mark-yellow,.mark-green,.mark-red{
-webkit-box-decoration-break: clone;
-o-box-decoration-break: clone;
box-decoration-break: clone;
}
mark,.mark,
mark.alert,mark.notice,mark.info,mark.blue,
mark.blue, mark.yellow, mark.green, mark.red{
display:inline-block;
padding-left:.5em;
padding-right:.5em;
padding-top:0;
padding-bottom:0;
margin-left:1px;
margin-right:1px;
line-height:1.65;
box-sizing:border-box;
}
mark.cool,
.mark-cool,
mark.blue,
.mark-blue{
background:rgba(52, 152, 219,.2);
}
.mark-notice,
mark.notice,
mark.yellow,
.mark-yellow{
background:rgba(163, 140, 8,.2);
}
.mark-alert,
mark.alert,
mark.red,
.mark-red{
background:rgba(231, 76, 60,.2);
}
.mark-info,
mark.info,
mark.green,
.mark-green{
background:rgba(22, 160, 133,.2);
}
/**
* Archives Grid
========================================================================== */
/* archives grid settings */
.rd-grid ul.search-results > li,
.rd-grid ul.archives > li{
min-height:230px;
}
.rd-col-1.rd-type-minimal #doc5 .raindrops-no-keep-content-width .rd-category-description,
.rd-col-1.rd-type-minimal #doc5 ul.archives > li,
.rd-col-1.rd-grid ul.archives > li,
.rd-col-1.rd-grid ul.archives > .title-wrapper,
.rd-grid ul.search-results > li,
.rd-grid ul.archives > li{
border:1px solid rgba(222,222,222,1);
}
.rd-grid ul.archives > .list-category-navigation{
border:none;
}
.rd-col-1.rd-type-minimal #doc5 .raindrops-no-keep-content-width ul.archives > .rd-term-description,
.rd-col-1.rd-type-minimal #doc5 ul.archives > .list-category-navigation,
.rd-col-1.rd-type-minimal #doc5 ul.archives > .title-wrapper,
.rd-col-1.rd-type-minimal ul.archives > .title-wrapper,
.rd-grid ul.archives .title-wrapper{
border:none;
}
.rd-grid ul.search-results > li .alignright.wp-caption,
.rd-grid ul.archives > li .alignright.wp-caption,
.rd-grid ul.search-results > li .alignleft.wp-caption,
.rd-grid ul.archives > li .alignleft.wp-caption,
.rd-grid ul.search-results > li .alignright.size-medium,
.rd-grid ul.archives > li .alignright.size-medium,
.rd-grid ul.search-results > li .alignleft.size-medium,
.rd-grid ul.archives > li .alignleft.size-medium{
/**
* when using html excerpt
* @1.474
*/
float:none;
padding-left:0;
padding-right:0;
margin-left:0;
margin-right:0;
}
.rd-grid ul.search-results > li .alignright.size-large,
.rd-grid ul.archives > li .alignright.size-large,
.rd-grid ul.search-results > li .alignleft.size-large,
.rd-grid ul.archives > li .alignleft.size-large{
/**
* when using html excerpt
* @1.474
*/
padding-left:0;
padding-right:0;
margin-left:0;
margin-right:0;
}
.rd-grid ul.search-results > li .entry-content .unit,
.rd-grid ul.archives > li .entry-content .unit{
/**
* when using html excerpt
* @1.474
*/
float:none;
width:100%;
height:auto;
}
.safari.rd-grid ul.archives .title-wrapper,
.safari.rd-grid ul.archives > li{
border:1px solid rgba(222,222,222,1);
}
.rd-grid.rd-type-dark ul.archives .title-wrapper,
.rd-grid.rd-type-dark ul.search-results > li,
.rd-grid.rd-type-dark ul.archives > li{
border:1px solid rgba(222,222,222,.2);
}
.rd-grid .archives .title-wrapper{
background: repeating-linear-gradient( 135deg, transparent, rgba(127,127,127,.3) 2px, rgba(127,127,127,.1) 3px, rgba(127,127,127,.1) 5px );
}
.rd-featured-no-left.rd-grid ul.search-results .entry-title-text,
.rd-featured-no-left.rd-grid ul.archives .entry-title-text{
/**
* word-break is not good for english users, but display:table overflow parent box
*/
word-break: break-all;
}
.rd-featured-yes-front.rd-grid ul.search-results .entry-title > a > span > span,
.rd-featured-yes-front.rd-grid ul.search-results .entry-title > a > span{
display:block;
max-width:100%;
word-wrap:break-word;
overflow-wrap:break-word;
}
.opera.rd-grid ul.search-results .entry-title-text,
.opera.rd-grid ul.archives .entry-title-text
.firefox.rd-grid ul.search-results .entry-title-text,
.firefox.rd-grid ul.archives .entry-title-text{
word-break: normal;
}
body.rd-content-width-fit #doc5 .index li.rd-term-description{
background:transparent;
}
.rd-grid .index li.rd-term-description div p{
padding:1em;
box-sizing:border-box;
}
/**
* grid list layout switcher
========================================================================== */
.loop-before-toolbar{
float:none;
margin:0 .5em 0 .5em;
text-align:right;
padding-left:1em;
padding-right:1em;
box-sizing:border-box;
}
.ie9 .loop-before-toolbar,/* Not Support */
.safari .loop-before-toolbar,/* Not Support */
.loop-before-toolbar:empty{
display:none;
}
body.rd-list #bd ul.index > li{
height:auto!important;
}
.layout-switch-button .button-text{
visibility:hidden;
}
.layout-switch-button:hover{
cursor:pointer;
}
.layout-switch-button{
outline:none;
width:45px;
padding: 2px 4px;
box-sizing:border-box;
display: inline-block;
line-height: 1.6;
font-size:1em;
border:none;
height:28px;
}
.rd-switch-to-grid-layout{
background:url( images/grid-white.gif);
}
button[class="layout-switch-button"],
.rd-switch-to-list-layout{
background:url( images/list-white.gif);
}
.rd-type-dark .rd-switch-to-grid-layout{
background:#222 url(images/grid-black.gif);
}
.rd-type-dark button[class="layout-switch-button"],
.rd-type-dark .rd-switch-to-list-layout{
background:#222 url(images/list-black.gif);
}
.rd-type-dark .rd-switch-to-grid-layout,
.rd-type-dark button[class="layout-switch-button"],
.rd-type-dark .rd-switch-to-list-layout,
button[class="layout-switch-button"],
.rd-switch-to-list-layout,
.rd-switch-to-grid-layout{
background-size:contain;
background-repeat:no-repeat;
background-position:center;
}
/**
* .loop-before-toolbar
* @1.466
*/
.rd-type-minimal .widget_meta li:before,
.rd-type-minimal .widget_pages li:before,
.rd-type-minimal .widget_nav_menu li:before,
.rd-type-minimal .widget_archive li:before {
color: rgba(41, 128, 185,1.0);
content: '\2022';
}
/**
* line limit row 9
* In the case of multi-byte language, there is a problem that full text is displayed instead of summary
*/
.widget.widget_rss li .rsswidget{
font-weight:700;
line-height:1.231;
}
.widget.widget_rss li .rss-date{
display:inline-block;
}
.widget.widget_rss li .rssSummary{
line-height: 1.6em;
overflow:hidden;
max-height:14em;
}
.rd-grid ul.search-results .click-drawing-container:hover:before,
.rd-grid ul.archives .click-drawing-container:hover:before{
outline:none!important;
cursor:pointer;
}
/* Floating Button of Postedin when Grid Layout */
.rd-grid ul.search-results .click-drawing-container:before,
.rd-grid ul.archives .click-drawing-container:before {
background:rgba(41, 128, 185,1.0);
color:#fff;
border:thin solid;
}
.rd-grid ul.search-results .click-drawing-container:focus:before,
.rd-grid ul.archives .click-drawing-container:focus:before {
background:gray;
}
.rd-grid ul.search-results .raindrops-sticky .click-drawing-container:before,
.rd-grid ul.archives .raindrops-sticky .click-drawing-container:before {
content:'';
display:none;
background:none;
border:none;
}
/**
* for MarketPress plugin
* https://wordpress.org/plugins/wordpress-ecommerce/
* @1.472
*/
#mp-product-gallery{
max-width:none;
position:static;
}
/**
*
*/
.rd-type-minimal .rd-has-caption-image,/*@1.510 */
.rd-type-minimal .wp-caption {
border-bottom: 4px solid #1baae1;
box-shadow: 0 1px 1px 0 rgba(0,0,0,.1), 0 1px 5px 0 rgba(0,0,0,.1);
}
/**
* Media Widget
========================================================================== */
/**
* WordPress4.8 core widget
* @since 1.475
*/
.widget_media_image > img{
display:block;
margin:5px auto;
}
.widget_media_image figure{
margin:13px;
max-width:calc( 100% - 2em );
}
.topsidebar .widget_media_image > figure{
margin:0 auto;
max-width:calc(100% - 3em);
}
.widget_media_image figure img{
object-fit:contain;
}
.widget_media_image figure,
.widget_media_image img{
text-align:center;
margin:auto;
}
.topsidebar .widget_text .textwidget ol li,
.topsidebar .widget_text .textwidget ul li{
list-style: unset;
}
.rd-pw-doc5.rd-col-1.rd-type-light.rd-content-width-keep .topsidebar .widgettitle span,
.rd-pw-doc5.rd-col-1.rd-type-light.rd-content-width-keep .topsidebar .widgettitle span,
.rd-pw-doc5.rd-col-1.rd-type-lignt.rd-content-width-keep .topsidebar .widgettitle span,
.rd-pw-doc5.rd-col-1.rd-type-minimal.rd-content-width-keep .topsidebar .widgettitle span,
.rd-pw-doc5.rd-col-1.rd-type-minimal.rd-content-width-keep .topsidebar .widgettitle span,
.rd-pw-doc5.rd-col-1.rd-type-minimal.rd-content-width-keep .topsidebar .widgettitle span{
padding-left:13px;
}
.rd-pw-doc5.rd-col-1.rd-type-light.rd-content-width-keep .topsidebar > ul > .widget_media_audio,
.rd-pw-doc5.rd-col-1.rd-type-light.rd-content-width-keep .topsidebar > ul > .widget_media_video,
.rd-pw-doc5.rd-col-1.rd-type-light.rd-content-width-keep .topsidebar > ul > .widget_media_image,
.rd-pw-doc5.rd-col-1.rd-type-minimal.rd-content-width-keep .topsidebar > ul > .widget_media_audio,
.rd-pw-doc5.rd-col-1.rd-type-minimal.rd-content-width-keep .topsidebar > ul > .widget_media_video,
.rd-pw-doc5.rd-col-1.rd-type-minimal.rd-content-width-keep .topsidebar > ul > .widget_media_image{
padding-bottom:0;
}
.rd-pw-doc5.rd-col-1.rd-type-light.rd-content-width-keep .topsidebar > ul > .widget_text .textwidget,
.rd-pw-doc5.rd-col-1.rd-type-minimal.rd-content-width-keep .topsidebar > ul > .widget_text .textwidget{
padding:13px;
}
/**
* Minimum width of Caption shortcode
* widget_media_image
*/
.js-figure-fit{
min-width:144px;
margin:1em auto;
}
.js-figure-fit > img{
min-width:134px;
}
.rsidebar ul .widget_media_image,
.rsidebar .widget_text,
.lsidebar ul .widget_media_image,
.lsidebar .widget_text,
.topsidebar ul .widget_media_image,
.topsidebar .widget_text{
overflow:hidden;
height:100%;
}
html[xmlns="http://www.w3.org/1999/xhtml"] .gallery br ~ .gallery-item .gallery-icon{
margin-top:0;
margin-bottom:0;
}
html[xmlns="http://www.w3.org/1999/xhtml"] .gallery .gallery-icon{
height:auto;
padding:0;
}
html[xmlns="http://www.w3.org/1999/xhtml"] .lsidebar .widget_media_image .alignnone,
html[xmlns="http://www.w3.org/1999/xhtml"] .rsidebar .widget_media_image .alignnone{
display:inline-block;
padding-left:5px;
padding-right:5px;
}
.rd-pw-doc5.rd-col-1 .topsidebar > ul > .widget_media_video,
.rd-pw-doc5.rd-col-1 .topsidebar > ul > .widget_media_image{
padding-top:1.5em;
}
/**
* HTML Code Widget
========================================================================== */
/* WordPress4.8.1 core widget HTML Code start */
.topsidebar .widget_html_code ol,
.topsidebar .widget_html_code ul {
padding-left: 40px;
}
.rsidebar .widget_html_code dl{
margin-left:0;
}
#ft .footer-widget-wrapper li.widget_html_code ul{
padding-left:5%;
}
.widget_html_code ol{
padding-left:10%;
}
.lsidebar .widget_html_code ol li,
.widget_html_code ol li{
list-style-type: decimal;
}
#ft .footer-widget-wrapper li.widget_html_code ul li,
.rsidebar .widget_html_code dd,
.rsidebar .widget_html_code ul li,
.lsidebar .widget_html_code ul li,
.topsidebar .widget_html_code ul li,
.widget_html_code ul li{
display:list-item;
list-style-type: disc;
min-height:0;
line-height:normal;
padding:0;
}
.widget_html_code ol ul li,
.widget_html_code ul ul li{
list-style-type: circle;
}
.widget_html_code ol ol ul li,
.widget_html_code ol ul ul li,
.widget_html_code ul ol ul li,
.widget_html_code ul ul ul li{
list-style-type: square;
}
/* WordPress4.8.1 core widget end */
/* WordPress4.8 core widget end */
.entry-content .gallery{
display:inline-block;
}
.static-front-media img{
max-width:100%;
width:100%;
height:auto;
}
.h2-thumb:empty{
display:none!important;
min-width:0;
}
.h2-thumb:empty + .entry-title-text{
padding-left:0;
padding-right:0;
}
/**
* WordPress 4.9
* gallery widget
*/
.widget_media_gallery{
padding:1em 0;
}
.widget_media_gallery .gallery{
margin-left:auto;
margin-right:auto;
}
.widget_media_gallery .gallery-icon img{
height:auto;
}
.ie11 .gallery .gallery-icon,
.ie11 .gallery .gallery-item{
display:inline-block;
-ms-flex:none;
max-width:100%;
}
.ie9 .gallery .gallery-item{
display:inline-block;
-ms-flex:none;
max-width:100%;
float:left;
}
.ie10 .gallery,
.ie10 .gallery .gallery-icon{
display:block;
}
.ie10 .gallery .gallery-item{
display:inline-block;
-ms-flex:none;
}
.edge .gallery .gallery-item{
display:inline-block;
flex:none;
}
.topsidebar .widget_media_gallery:first-child{
padding-top:0;
}
/**
* @1.492 New count presentation for Archive widget, Category widget
*/
#ft .widget_categories ul:not(.children) .cat-item,
.widget_categories ul:not(.children) .cat-item{
display:list-item;
overflow:hidden;
}
.topsidebar .sticky-widget.widget_categories .cat-item{
white-space:normal;
}
#ft .widget_categories ul:not(.children) .cat-item{
width:100%;
}
.widget_categories .cat-item a,
.widget_categories .cat-item span{
position:static;
vertical-align:baseline;
}
.topsidebar .widget_categories .cat-item a{
line-height:1.8;
}
.widget_categories .cat-item a{
padding:.4em;
}
.footer .widget_categories .children li:last-child{
border:none;
}
.rd-cat-count,
.rd-archive-count{
float:right;
display:inline-block;
padding:.4em;
box-sizing:border-box;
}
.topsidebar .eco-archive .rd-archive-count{
padding:0 .4em;
}
.eco-archive .rd-archive-count,
.eco-archive li a{
line-height:2;
}
.topsidebar .sticky-widget.widget_categories .children .cat-item{
border:none;
margin-right:0;
}
body:not(.hierarchical-cat) .rsidebar .widget_categories .rd-cat-count,
body:not(.hierarchical-cat) .lsidebar .widget_categories .rd-cat-count,
body:not(.hierarchical-cat) .lsidebar .widget_categories .cat-item a,
body:not(.hierarchical-cat) .rsidebar .widget_categories .cat-item a,
.rsidebar .widget_archive .rd-archive-count,
.rsidebar .widget_archive .rd-archive-date,
.lsidebar .widget_archive .rd-archive-count,
.lsidebar .widget_archive .rd-archive-date{
padding:.2em .4em;
box-sizing:border-box;
}
.rd-archive-link{
display:flex;
}
html[xmlns="http://www.w3.org/1999/xhtml"] .rd-archive-link{
display:inline;
}
.rd-type-w3standard .rd-archive-link{
display:inline-block;
width:auto;
}
.rd-type-w3standard .rd-archive-link .rd-archive-count,
.rd-type-w3standard .rd-archive-link .rd-archive-date{
flex:none;
}
.widget_categories .children{
padding-left:10px;
box-sizing:border-box;
margin-top:.5em;
}
.footer .eco-archive .item li{
border:1px solid rgba(127,127,127,.3);
}
.footer .eco-archive .item a{
padding:0 .4em;
display:inline-block;
}
.footer .eco-archive .item .rd-archive-count{
padding:0 .4em;
}
.ie9 .rd-archive-link,
.ie10 .rd-archive-link,
.ie11 .rd-archive-link{
display:block;
}
.ie9 footer .rd-archive-link,
.ie10 footer .rd-archive-link,
.ie11 footer .rd-archive-link{
overflow:hidden;
}
.rd-archive-date{
padding:.4em;
flex:1;
}
.footer .rd-archive-date{
padding:0 .4em;
}
.rd-type-minimal .rd-archive-date{
margin-left:.5em;
}
.rd-archive-count{
flex:0 0 auto;
}
.rd-archive-count:empty{
display:none;
}
.topsidebar .rd-archive-link{
display:flex;
}
.no-padding{
padding:0!important;
}
.rd-cat-em .yui-b .cat-item a:before{
/*
* fallback Enable Color-coded category + category widget Show hierarchy
* Icon color when category is set and it is not used in post
*/
background: repeating-linear-gradient( 135deg, transparent, rgba(127,127,127,.3) 2px, rgba(127,127,127,.1) 3px, rgba(127,127,127,.1) 5px );
}
/**
* Audio element
========================================================================== */
audio{
display:block;
margin-left:auto;
margin-right:auto;
max-width:100%;
}
figure audio{
width:100%;
}
.rd-w300{
width:300px;
}
.solid-border{
border:1px solid #ccc;
padding:.75em 1em;
box-sizing:border-box;
}
dl.solid-border{
padding:0;
}
.solid-border p:last-child{
margin-bottom:0;
}
/**
* Floating Grid
* @since 1.510
*/
ol.size1of2 ,ol.size1of3 ,ol.size2of3 ,ol.size1of4 ,ol.size3of4 ,
ol.size1of5 ,ol.size2of5 ,ol.size3of5 ,ol.size4of5 ,
ul.size1of2 ,ul.size1of3 ,ul.size2of3 ,ul.size1of4 ,ul.size3of4 ,
ul.size1of5 ,ul.size2of5 ,ul.size3of5 ,ul.size4of5 {
left:0;
list-style-position:inside;
}
ol.size1of2 li:last-child,ol.size1of3 li:last-child,ol.size2of3 li:last-child,
ol.size1of4 li:last-child,ol.size3of4 li:last-child,ol.size1of5 li:last-child,
ol.size2of5 li:last-child,ol.size3of5 li:last-child,ol.size4of5 li:last-child,
ul.size1of2 li:last-child,ul.size1of3 li:last-child,ul.size2of3 li:last-child,
ul.size1of4 li:last-child,ul.size3of4 li:last-child,ul.size1of5 li:last-child,
ul.size2of5 li:last-child,ul.size3of5 li:last-child,ul.size4of5 li:last-child{
margin-bottom:0;
}
.entry-content li > .rd-justify,
table th.rd-justify,
table td.rd-justify{
padding:0;
-moz-text-align-last: justify;
text-align-last: justify;
text-justify:auto;
}
.ja .entry-content li > .rd-justify,
.ja table th.rd-justify,
.ja table td.rd-justify{
text-justify:inter-ideograph;
}
.ja.edge .rd-justify{
text-justify:distribute-all-lines;
text-align:justify;
}
.entry-content li > .is-rd-justified,
.is-rd-justified{
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width:100%;
flex-wrap:wrap;
vertical-align:baseline;
}
.is-rd-justified,
.entry-content li > .is-rd-justified span,
.is-rd-justified span{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
span[data-rd-style*="width"] {
display:inline-block;
}
/**
* Gutenberg
*/
.blocks-gallery-item{
list-style-type:none;
}
.entry-content p.aligncenter[data-rd-style="text-align:center"],
.entry-content p.aligncenter[data-rd-style="text-align:right"],
.entry-content [data-rd-style="text-align:center"],
.entry-content [style="text-align:center"],
.entry-content [data-rd-style="text-align:right"],
.entry-content [style="text-align:right"]
.entry-content [data-rd-style="text-align:center"]{
display:block;
}
#commentform .comment-form-cookies-consent label[for="wp-comment-cookies-consent"]{
display:inline;
}
.horizontal-list-group{
margin:1.5em auto .75em;
display:flex;
flex-wrap:wrap;
}
.horizontal-list-group li{
flex:0 1 auto;
display:inline-block;
list-style:none;
}
.horizontal-list-group li a{
margin:.5em;
}
.horizontal-list-group li mark{
border:1px solid rgba(127,127,127,.4);
}
/* for child theme issue todo raindrops_column_controller() works improperly on gutenberg */
.rd-col-1 .lsidebar,
.rd-col-1 .rsidebar{
display:none!important;
}
/**
* woocommerce
*/
.wc-block-featured-product,
.wc-block-featured-category{
display:flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
article .entry-content .wc-block-featured-product:after,
article .entry-content .wc-block-featured-category:after,
article .entry-content .wc-block-featured-product:before,
article .entry-content .wc-block-featured-category:before{
content:'';
display:none;
}
.wp-block-button.wc-block-grid__product-add-to-cart{
display:block;
}
.raindrops-amp-standard #hd,
.raindrops-amp-transitional #hd{
display:block;
}
.raindrops-amp-standard #hd .site-title-link,
.raindrops-amp-transitional #hd .site-title-link{
color:rgb(188,188,188);
}
.wp-block-navigation .wp-block-navigation__submenu-container{
margin-top:0;
margin-bottom:0;
}
.wp-block-navigation .wp-block-navigation__submenu-container li{
margin-bottom:1px;
}
pre.wp-block-code.has-background code{
background:transparent;
}
pre.wp-block-code.has-text-color code{
color:revert;
}
#raindrops .is-flex-container > li{
padding:0;
list-style-type:none;
}
.wp-block-site-logo.is-default-size img{
width:auto;
height:auto;
}
.wp-block-query > .wp-block-post-template,
.wp-block-query .is-layout-grid{
padding:0;
list-style:none;
}
.entry-content:not(.specificity) > [style="writing-mode:vertical-rl"]{
margin-block-start:auto;
margin-block-end:auto;
border:1px solid red;
}
.wp-block-pullquote{
border-left:none!important;
border-right:none!important;
}