.knw-aw-box {
margin: 2rem 0;
border: 1px solid #d6d9dd;
border-radius: 7px;
background: #fff;
overflow: hidden;
box-sizing: border-box;
} .knw-aw-box--textads {
margin-top: 0 !important;
}
.knw-aw-label {
display: flex;
justify-content: flex-end;
align-items: center;
min-height: 30px;
padding: 4px 10px;
border-bottom: 1px solid #e1e3e6;
background: #f7f7f7;
font-size: 13px;
line-height: 1.35;
color: #444;
}
.knw-aw-label-link,
.knw-aw-label-text {
display: inline-flex;
align-items: center;
gap: 5px;
color: inherit;
text-decoration: none;
}
.knw-aw-label-link:hover,
.knw-aw-label-link:focus {
text-decoration: underline;
}
.knw-aw-info {
color: #1777c8;
font-weight: 700;
}
.knw-aw-body {
padding: 18px;
}
.knw-aw-adsense-wrap {
display: flex;
align-items: center;
justify-content: center;
min-height: var(--knw-aw-ad-min-desktop, 250px);
}
.knw-aw-adsense-unit {
width: 100%;
}
.knw-aw-aff-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
.knw-aw-aff-card {
min-width: 0;
display: flex;
gap: 12px;
align-items: flex-start;
padding: 14px;
border: 1px solid #d8dadd;
border-radius: 8px;
background: #f8f8f8;
color: #262626;
text-decoration: none;
font-weight: 400;
box-sizing: border-box;
}
.knw-aw-aff-card:hover,
.knw-aw-aff-card:focus {
border-color: #aeb4ba;
text-decoration: none;
}
.knw-aw-aff-media {
flex: 0 0 44px;
width: 44px;
min-height: 1px;
}
.knw-aw-aff-image {
display: block;
width: 44px;
height: 44px;
object-fit: contain;
border-radius: 50%;
}
.knw-aw-aff-copy {
min-width: 0;
}
.knw-aw-aff-title {
display: block;
font-weight: var(--knw-aw-aff-title-weight, 700);
margin-bottom: 5px;
font-size: var(--knw-aw-aff-title-size, 1.08em);
line-height: 1.2;
}
.knw-aw-aff-desc,
.knw-aw-aff-extra {
line-height: 1.45;
}
.knw-aw-aff-desc {
font-size: var(--knw-aw-aff-desc-size, .92em);
font-weight: var(--knw-aw-aff-desc-weight, 400);
}
.knw-aw-aff-extra {
margin-top: 7px;
font-size: var(--knw-aw-aff-extra-size, .92em);
font-weight: var(--knw-aw-aff-extra-weight, 700);
}
.knw-aw-textads-heading {
margin: 0 0 8px;
font-size: var(--knw-aw-aff-title-size, 1.08em);
font-weight: var(--knw-aw-aff-title-weight, 700);
line-height: 1.3;
}
.knw-aw-textad-list {
margin: 0;
}
.knw-aw-textad-line {
margin: 0 0 2px;
font-size: var(--knw-aw-aff-desc-size, .92em);
font-weight: var(--knw-aw-aff-desc-weight, 400);
line-height: 1.3;
}
.knw-aw-textad-line:last-child {
margin-bottom: 0;
}
.knw-aw-textad-link,
.knw-aw-textad-extra-link {
font-weight: 600;
}
.knw-aw-textad-line strong,
.knw-aw-textad-line b {
font-size: var(--knw-aw-aff-extra-size, .92em);
font-weight: var(--knw-aw-aff-extra-weight, 700);
}
.knw-aw-textads-footer {
margin: 16px 0 0;
font-size: .9em;
line-height: 1.45;
}
.knw-aw-backlinkseller {
font-size: var(--knw-aw-aff-desc-size, .92em);
font-weight: var(--knw-aw-aff-desc-weight, 400);
line-height: 1.3;
} .knw-aw-backlinkseller p,
.knw-aw-backlinkseller div,
.knw-aw-backlinkseller span,
.knw-aw-backlinkseller li,
.knw-aw-backlinkseller a {
font-size: 1em;
line-height: inherit;
}
.knw-aw-backlinkseller a {
font-weight: inherit;
}
.knw-aw-backlinkseller p,
.knw-aw-backlinkseller div {
margin-top: 0;
margin-bottom: 5px;
}
.knw-aw-backlinkseller ul,
.knw-aw-backlinkseller ol {
margin-top: 0;
margin-bottom: 5px;
padding-left: 1.25em;
}
.knw-aw-backlinkseller li {
margin: 0 0 2px;
}
.knw-aw-backlinkseller strong,
.knw-aw-backlinkseller b {
font-weight: var(--knw-aw-aff-extra-weight, 700);
}
.knw-aw-backlinkseller > :first-child {
margin-top: 0;
}
.knw-aw-backlinkseller > :last-child {
margin-bottom: 0;
}
.knw-aw-combined-section {
margin-top: 10px;
padding-top: 8px;
border-top: 1px solid #e1e3e6;
}
.knw-aw-combined-section:first-child {
margin-top: 0;
padding-top: 0;
border-top: 0;
}
.knw-aw-combined-heading {
margin: 0 0 6px;
font-size: var(--knw-aw-aff-title-size, 1.08em);
font-weight: var(--knw-aw-aff-title-weight, 700);
line-height: 1.3;
}
.knw-aw-paypal {
padding: 12px 18px 16px;
border-top: 1px solid #e1e3e6;
text-align: center;
}
.knw-aw-paypal-intro {
margin: 0 0 9px;
font-size: var(--knw-aw-paypal-intro-size, .94em);
line-height: 1.4;
color: #444;
}
.knw-aw-paypal-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
max-width: 100%;
padding: 9px 16px;
border: 1px solid #0070ba;
border-radius: 6px;
background: #0070ba;
color: #fff !important;
-webkit-text-fill-color: #fff;
font-weight: 600;
line-height: 1.25;
text-decoration: none !important;
box-sizing: border-box;
}
.knw-aw-paypal-button:link,
.knw-aw-paypal-button:visited,
.knw-aw-paypal-button:hover,
.knw-aw-paypal-button:focus,
.knw-aw-paypal-button:active {
color: #fff !important;
-webkit-text-fill-color: #fff;
text-decoration: none !important;
}
.knw-aw-paypal-button:hover,
.knw-aw-paypal-button:focus {
background: #005ea6;
border-color: #005ea6;
}
.knw-aw-paypal-logo {
display: block;
flex: 0 0 auto;
width: 18px;
height: 18px;
color: #fff !important;
fill: #fff !important;
}
.knw-aw-paypal-button .knw-aw-paypal-logo path {
fill: #fff !important;
}
.knw-aw-paypal-text {
color: #fff !important;
-webkit-text-fill-color: #fff;
}
@media (max-width: 980px) {
.knw-aw-aff-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
.knw-aw-body { padding: 12px; }
.knw-aw-aff-grid { grid-template-columns: 1fr; }
.knw-aw-adsense-wrap { min-height: var(--knw-aw-ad-min-mobile, 100px); }
.knw-aw-paypal { padding: 10px 12px 14px; }
} .knw-aw-textads-body {
padding-top: 12px;
padding-bottom: 12px;
}
.knw-aw-backlinkseller br + br {
display: none;
} .knw-aw-box .knw-aw-textads-heading,
.knw-aw-box .knw-aw-combined-heading {
font-size: var(--knw-aw-aff-title-size, 1.08em) !important;
font-weight: var(--knw-aw-aff-title-weight, 700) !important;
line-height: 1.3 !important;
} .knw-aw-responsive-slot,
.knw-aw-responsive-block,
.knw-aw-shortcode-block {
margin: 0;
padding: 0;
border: 0;
min-width: 0;
box-sizing: border-box;
}
.knw-aw-responsive-slot:empty {
display: none;
}