.copy-the-code-inside-wrap .copy-the-code-button {
position: absolute;
right: 0;
top: 0;
}
.copy-the-code-inside .copy-the-code-button {
position: absolute;
right: 0;
top: 0;
}
.copy-the-code-wrap {
display: block;
position: relative;
}
.copy-the-code-wrap .copy-the-code-button {
background: #e1e3e8;
padding: 10px 20px;
cursor: pointer;
box-shadow: none;
color: #424242;
font-size: 14px;
font-weight: normal;
border-radius: 0;
text-transform: capitalize;
border: none;
outline: none;
}
.copy-the-code-wrap .copy-the-code-button:hover {
background: #d0d1d6;
}
.copy-the-code-outside + * {
margin-top: 0;
}
.copy-the-code-outside {
text-align: right;
} .copy-the-code-wrap.copy-the-code-style-svg-icon .copy-the-code-button {
background: transparent;
padding: 0;
}
.copy-the-code-wrap.copy-the-code-style-svg-icon .copy-the-code-button svg {
height: auto;
width: 20px;
fill: #c1c1c1;
}
.copy-the-code-wrap.copy-the-code-style-cover .copy-the-code-button {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
opacity: 0;
background: rgba(0, 0, 0, 0.5);
font-weight: bold;
color: #fff;
transition: all 0.3s ease-in-out;
padding: 0;
font-size: 12px;
}
.copy-the-code-wrap.copy-the-code-style-cover:hover .copy-the-code-button {
opacity: 1;
}
.copy-the-code-inside-wrap.copy-the-code-style-svg-icon .copy-the-code-button {
padding: 10px;
}
.copy-the-code-wrap.copy-the-code-style-cover {
display: inline-block;
}
.copy-the-code-wrap .copy-the-code-target {
margin-top: 0;
}
.copy-the-code-style-svg-icon .copy-the-code-outside {
height: 32px;
}
.copy-the-code-shortcode svg {
height: 16px;
width: 16px;
fill: #424242;
}
.copy-the-code-shortcode {
cursor: pointer;
}.ctc-inline-copy-icon .copy-icon {
height: 16px;
width: 16px;
}
.ctc-inline-copy-icon .check-icon {
display: none;
}
.ctc-inline-copy-icon {
display: inline-flex;
}
.ctc-inline-hidden {
display: none !important;
}
.ctc-inline-copy-text {
line-height: normal;
}
.ctc-inline-copy {
display: inline-flex;
align-items: center;
gap: .5em;
position: relative;
cursor: pointer;
}
.ctc-inline-copy::before {
content: "";
top: 50%;
bottom: 50%;
left: -7px;
margin-top: -6px;
border: 6px solid transparent;
border-left-color: rgb(36, 41, 47);
position: absolute;
}
.ctc-inline-copy::after {
position: absolute;
content: attr(aria-label);
padding: 0.5em 0.75em;
right: 100%;
color: white;
background: rgb(36, 41, 47);
font-size: 11px;
border-radius: 6px;
line-height: 1;
right: 100%;
bottom: 50%;
margin-right: 6px;
transform: translateY(50%);
min-width: 60px;
}
.ctc-inline-copy::after,
.ctc-inline-copy::before {
opacity: 0;
visibility: hidden;
transition:
opacity 0.2s ease-in-out,
visibility 0.2s ease-in-out;
}
.copied.ctc-inline-copy .check-icon {
display: block;
}
.copied.ctc-inline-copy .copy-icon {
display: none !important;
}
.copied.ctc-inline-copy::after,
.copied.ctc-inline-copy::before {
opacity: 1;
visibility: visible;
transition:
opacity 0.2s ease-in-out,
visibility 0.2s ease-in-out;
} .ctc-inline-style-cover .ctc-inline-copy-icon {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
}
.ctc-inline-style-cover .copy-icon {
display: none;
}
.ctc-inline-style-cover:hover .copy-icon {
display: block;
}
.copied.ctc-inline-style-cover .check-icon {
display: block;
}
.ctc-inline-style-cover svg {
fill: white;
}
.ctc-inline-style-cover:hover .ctc-inline-copy-icon {
background: rgb(0 0 0 / 50%);
}.wpp-no-data {
} .wpp-list {
} .wpp-list li {
overflow: hidden;
float: none;
clear: both;
margin-bottom: 1rem;
}
.wpp-list li:last-of-type {
margin-bottom: 0;
} .wpp-list li.current {
} .wpp-thumbnail {
display: inline;
float: left;
margin: 0 1rem 0 0;
border: none;
} .wpp-post-title {
} .wpp-excerpt {
} .wpp-meta, .post-stats {
display: block;
font-size: 0.8em;
}
.wpp-meta:empty, .post-stats:empty {
display: none;
} .wpp-comments {
} .wpp-views {
} .wpp-author {
} .wpp-date {
} .wpp-category {
} .wpp-rating {
}body {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
} a {
text-decoration-thickness: 1px;
text-underline-offset: 0.25ch;
}
a:hover,
a:focus {
text-decoration-style: dashed;
}
a:active {
text-decoration: none;
}
.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
text-decoration: underline;
text-decoration-style: solid;
} .wp-block-search__button,
.wp-block-file .wp-block-file__button {
background-color: var(--wp--preset--color--primary);
border-radius: 0;
border: 0 solid;
color: var(--wp--preset--color--background);
font-size: var(--wp--preset--font-size--medium);
padding: calc(.667em + 2px) calc(1.333em + 2px);
} .wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
opacity: 0.90;
} .wp-site-blocks,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align="full"] > .wp-block-group,
.is-root-container .wp-block[data-align="full"] > .wp-block-cover {
padding-left: var(--wp--custom--spacing--outer);
padding-right: var(--wp--custom--spacing--outer);
}
.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-cover,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
body > .is-root-container > .wp-block-cover,
body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
body > .is-root-container > .wp-block-template-part > .wp-block-cover,
.is-root-container .wp-block[data-align="full"] {
margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
width: unset;
} .wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"], .wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] {
margin-left: auto !important;
margin-right: auto !important;
width: inherit;
} .wp-block-navigation__responsive-container.is-menu-open {
padding-top: var(--wp--custom--spacing--outer);
padding-bottom: var(--wp--custom--spacing--large);
padding-right: var(--wp--custom--spacing--outer);
padding-left: var(--wp--custom--spacing--outer);
} .wp-block-post-comments ol.commentlist ul.children {
margin-top: 1rem;
margin-bottom: 1rem;
}
.wp-block-post-comments ol.commentlist li.comment:not(:last-child) {
margin-bottom: 1rem;
}.wpap-tpl p {
line-height: 1.4 !important;
}
.wpap-tpl .wpap-image img {
border: none;
text-decoration: none;
} .wpap-tpl-with-detail {
display: block;
margin: 1.5em 0;
padding: 1em 1em 2em;
font-size: 14px;
line-height: 1.2;
max-width: 600px;
position: relative;
background-color: #fff;
color: #222 !important;
text-decoration: none;
border: 1px solid #ccc !important;
border-radius: 3px;
box-sizing: border-box;
overflow: hidden;
}
.wpap-tpl-with-detail .wpap-title a {
color: #222;
text-decoration: none;
}
.wpap-tpl-with-detail .wpap-title a:hover {
text-decoration: underline;
}
.wpap-tpl-with-detail .wpap-image {
margin-right: 15px;
margin-bottom: 10px;
float: left;
}
.wpap-tpl-with-detail .wpap-image img {
display: block;
width: auto;
height: auto;
max-width: 120px;
max-height: 120px;
}
.wpap-tpl-with-detail .wpap-title {
margin-top: 0;
margin-bottom: 5px;
font-size: 16px;
font-weight: bold;
}
.wpap-tpl-with-detail .wpap-creator {
margin-top: 5px;
}
.wpap-tpl-with-detail .wpap-price {
color: #b12704;
font-size: 16px;
}
.wpap-tpl-with-detail .wpap-release {
margin-top: 5px;
font-size: 12px;
}
.wpap-tpl-with-detail .wpap-date {
color: #555;
font-size: 12px;
}
.wpap-tpl-with-detail .wpap-link {
font-size: 14px;
margin: 10px 0 5px;
display: flex;
}
.wpap-tpl-with-detail .wpap-link a {
display: inline-block;
color: #fff !important;
padding: 4px 8px;
text-decoration: none !important;
font-size: 13px;
}
@media screen and (max-width: 767px) {
.wpap-tpl-with-detail .wpap-link {
clear: both;
}
.wpap-tpl-with-detail .wpap-link a {
width: 50%;
text-align: center;
display: flex;
padding: 6px 6px;
}
.wpap-tpl-with-detail .wpap-link a span {
margin: 0 auto;
}
}
.wpap-tpl-with-detail .wpap-link a {
margin-right: 3px;
}
.wpap-tpl-with-detail .wpap-link a:last-child {
margin-right: 0px;
}
.wpap-tpl-with-detail .wpap-link a.wpap-link-amazon {
background: #f89400;
}
.wpap-tpl-with-detail .wpap-link a.wpap-link-rakuten {
background: #be0000;
}
.wpap-tpl-with-detail .wpap-link a.wpap-link-yahoo {
background: #D14615;
}
.wpap-tpl-with-detail .wpap-note {
position: absolute;
right: 1em;
bottom: 1em;
font-size: 11px;
color: #555;
} .wpap-tpl-with-image-text-h {
overflow: hidden; zoom: 1; }
.wpap-tpl-with-image-text-h .wpap-title {
margin-bottom: 5px;
}
.wpap-tpl-with-image-text-h .wpap-image {
float: left;
margin: 0 10px 20px 0;
}
.wpap-tpl-with-image-text-h .wpap-image img {
max-width: 140px;
border-radius: 10px;
box-shadow: 0 25px 30px -20px #666;
}
.wpap-tpl-with-image-text-h .wpap-link {
font-size: 14px;
margin: 10px 0 5px;
}
.wpap-tpl-with-image-text-h .wpap-link a {
display: inline-block;
color: #fff;
padding: 4px 8px;
text-decoration: none;
font-size: 13px;
}
@media screen and (max-width: 767px) {
.wpap-tpl-with-image-text-h .wpap-link {
clear: both;
display: flex;
}
.wpap-tpl-with-image-text-h .wpap-link a {
display: flex;
text-align: center;
width: 50%;
margin-bottom: 6px;
padding: 6px 6px;
margin-right: 3px;
}
.wpap-tpl-with-image-text-h .wpap-link a:last-child {
margin-right: 0px;}
.wpap-tpl-with-image-text-h .wpap-link a span {
margin: 0 auto;
}
}
.wpap-tpl-with-image-text-h .wpap-link a {
margin-right: 3px;
}
.wpap-tpl-with-image-text-h .wpap-link a:last-child {
margin-right: 0px;
}
.wpap-tpl-with-image-text-h .wpap-link a.wpap-link-amazon {
background: #f89400;
}
.wpap-tpl-with-image-text-h .wpap-link a.wpap-link-rakuten {
background: #be0000;
}
.wpap-tpl-with-image-text-h .wpap-link a.wpap-link-yahoo {
background: #D14615;
} .wpap-tpl-with-image-text-v .wpap-image {
margin-bottom: 20px;
}
.wpap-tpl-with-image-text-v .wpap-image a {
text-align: center;
display: block;
}
.wpap-tpl-with-image-text-v .wpap-image a:link,
.wpap-tpl-with-image-text-v .wpap-image a:hover {
border: none;
text-decoration: none;
box-shadow: none;
}
.wpap-tpl-with-image-text-v .wpap-image img {
display: inline-block;
border-radius: 10px;
box-shadow: 0 25px 30px -20px #666;
}
.wpap-tpl-with-image-text-v .wpap-title {
text-align: center;
margin-bottom: 5px;
}
.wpap-tpl-with-image-text-v .wpap-link {
text-align: center;
font-size: 14px;
margin: 10px 0 0;
}
.wpap-tpl-with-image-text-v .wpap-link a {
display: inline-block;
color: #fff;
padding: 4px 8px;
text-decoration: none;
font-size: 13px;
}
@media screen and (max-width: 767px) {
.wpap-tpl-with-image-text-v .wpap-link {
display: flex;
}
.wpap-tpl-with-image-text-v .wpap-link a {
width: 50%;
text-align: center;
display: flex;
padding: 6px 6px;
}
.wpap-tpl-with-image-text-v .wpap-link a span {
margin: 0 auto;
}
}
.wpap-tpl-with-image-text-v .wpap-link a {
margin-right: 3px;
}
.wpap-tpl-with-image-text-v .wpap-link a:last-child {
margin-right: 0px;
}
.wpap-tpl-with-image-text-v .wpap-link a.wpap-link-amazon {
background: #f89400;
}
.wpap-tpl-with-image-text-v .wpap-link a.wpap-link-rakuten {
background: #be0000;
}
.wpap-tpl-with-image-text-v .wpap-link a.wpap-link-yahoo {
background: #D14615;
} .wpap-tpl-detail {
margin: 1.5em 0;
font-size: 14px;
line-height: 1.2;
max-width: 600px;
}
.wpap-tpl-detail .wpap-link,
.wpap-tpl-detail .wpap-link:hover {
position: relative;
display: block;
background: #fff;
padding: 1em 1em 2em;
color: #222 !important;
border: 1px solid #ccc !important;
text-decoration: none;
overflow: hidden;
border-radius: 3px;
box-sizing: border-box;
box-shadow: 0 1px 0 0 #555;
}
.wpap-tpl-detail .wpap-link:hover {
box-shadow: none;
}
.wpap-tpl-detail .wpap-title,
.wpap-tpl-detail .wpap-title:hover {
margin-top: 0;
margin-bottom: 5px;
font-size: 16px;
font-weight: bold;
}
.wpap-tpl-detail .wpap-creator {
margin-top: 5px;
}
.wpap-tpl-detail .wpap-price {
color: #b12704;
font-size: 16px;
}
.wpap-tpl-detail .wpap-release {
margin-top: 5px;
font-size: 12px;
}
.wpap-tpl-detail .wpap-service {
position: absolute;
right: 1em;
bottom: 1em;
font-size: 11px;
color: #555;
}
.wpap-tpl-detail .wpap-date {
color: #555;
font-size: 12px;
}
.wpap-tpl-detail .wpap-image {
margin-right: 15px;
margin-bottom: 10px;
float: left;
}
.wpap-tpl-detail .wpap-image img {
display: block;
width: auto;
height: auto;
max-width: 120px;
max-height: 120px;
} .wpap-tpl-image-text-h {
overflow: hidden; zoom: 1; }
.wpap-tpl-image-text-h .wpap-image {
float: left;
margin: 0 10px 20px 0;
}
.wpap-tpl-image-text-h .wpap-image img {
max-width: 140px;
border-radius: 10px;
box-shadow: 0 25px 30px -20px #666;
} .wpap-tpl-image-text-v .wpap-image {
margin-bottom: 20px;
}
.wpap-tpl-image-text-v .wpap-image a {
text-align: center;
display: block;
}
.wpap-tpl-image-text-v .wpap-image a:link,
.wpap-tpl-image-text-v .wpap-image a:hover {
border: none;
text-decoration: none;
box-shadow: none;
}
.wpap-tpl-image-text-v .wpap-image img {
display: inline-block;
border-radius: 10px;
box-shadow: 0 25px 30px -20px #666;
}
.wpap-tpl-image-text-v .wpap-title {
text-align: center;
} .wpap-tpl-image .wpap-image a {
text-align: center;
display: block;
}
.wpap-tpl-image .wpap-image a:link,
.wpap-tpl-image .wpap-image a:hover {
border: none;
text-decoration: none;
box-shadow: none;
}
.wpap-tpl-image .wpap-image img {
display: inline-block;
border-radius: 10px;
box-shadow: 0 25px 30px -20px #666;
} .wpap-tpl-text {
}