div.tnp-subscription,
form.tnp-subscription, form.tnp-profile {
display: block;
margin: 1em auto;
max-width: 500px;
width: 100%;
}
div.tnp-profile {
display: block;
margin: 1em 0;
max-width: 500px; } .tnp-subscription div.tnp-field,
.tnp-profile div.tnp-field
{
margin-bottom: .7em;
border: 0;
padding: 0;
}
.tnp-subscription label,
.tnp-profile label
{
display: block;
color: inherit;
font-weight: normal;
line-height: normal;
padding: 0;
margin: 0;
margin-bottom: .25em;
font-size: .9em;
}
.tnp-subscription .tnp-field-checkbox label,
.tnp-profile .tnp-field-checkbox label
{
display: inline-block;
}
.tnp-subscription input[type=text],
.tnp-subscription input[type=email],
.tnp-subscription input[type=submit],
.tnp-subscription select,
.tnp-subscription textarea,
.tnp-profile input[type=text],
.tnp-profile input[type=email],
.tnp-profile input[type=submit],
.tnp-profile select,
.tnp-profile textarea
{
width: 100%;
padding: .7em;
display: block;
border: 1px;
color: #444;
border-color: #ddd;
background-color: #f4f4f4;
background-image: none;
text-shadow: none;
font-size: 1em;
margin: 0;
line-height: normal;
box-sizing: border-box;
}
.tnp-subscription input[type=checkbox],
.tnp-widget input[type=radio],
.tnp-profile input[type=checkbox]
{ max-width: 1em;
display: inline-block;
margin-right: .5em;
} .tnp-subscription select option,
.tnp-profile select option
{
margin-right: .75em;
}
.tnp-subscription input.tnp-submit,
.tnp-profile input.tnp-submit,
.tnp-unsubscribe button.tnp-submit,
.tnp-reactivate button.tnp-submit
{
background-color: #444;
color: #fff;
width: auto;
height: auto;
margin: 0;
display: inline-block;
}
@media all and (max-width: 480px) {
.tnp-subscription input[type=submit],
.tnp-profile input[type=submit] {
width: 100%;
}
}
.tnp-widget {
width: 100%;
display: block;
box-sizing: border-box;
}
.tnp-widget .tnp-field {
margin-bottom: 10px;
border: 0;
padding: 0;
}
.tnp-widget label {
display: block;
color: inherit;
font-size: 14px;
}
.tnp-widget input[type=text], .tnp-widget input[type=email], .tnp-widget input[type=submit], .tnp-widget select {
width: 100%;
padding: 10px;
display: block;
border: 1px solid #ddd ;
border-color: #ddd;
background-color: #f4f4f4;
background-image: none;
text-shadow: none;
color: #444;
font-size: 14px;
line-height: normal;
box-sizing: border-box;
height: auto;
}
.tnp-widget input[type=checkbox], .tnp-widget input[type=radio] {
width: auto;
display: inline-block;
} .tnp-widget select option {
margin-right: 10px;
}
.tnp-widget input.tnp-submit {
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
margin: 0;
}
.tnp-field input[type="submit"] {
position: inherit;
}
.tnp-field label {
} .tnp-widget-minimal {
width: 100%;
}
.tnp-widget-minimal form {
margin: 0;
padding: 0;
border: 0;
}
.tnp-widget-minimal input.tnp-email {
width: 100%;
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px solid #ddd;
background-color: #f4f4f4;
color: #444;
font-size: 14px;
}
.tnp-widget-minimal input.tnp-submit {
width: 100%;
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px;
border-color: #ddd;
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
font-size: 14px;
line-height: normal;
border-radius: 0px;
height: auto;
margin: 0;
} .tnp-subscription-minimal {
width: 100%;
box-sizing: border-box;
margin: 10px 0;
}
.tnp-subscription-minimal form {
width: auto;
margin: 0;
padding: 0;
border: 0;
white-space: nowrap;
}
.tnp-subscription-minimal input.tnp-email,
.tnp-subscription-minimal input.tnp-name
{
width: 70%;
max-width: 300px;
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px solid #ddd;
background-color: #f4f4f4;
color: #444;
font-size: 14px;
line-height: 20px;
border-radius: 0px;
margin-right: 10px;
}
.tnp-subscription-minimal.with-name input.tnp-email,
.tnp-subscription-minimal.with-name input.tnp-name
{
width: 31%;
}
.tnp-subscription-minimal .tnp-privacy-field {
margin-top: 10px;
} .tnp-subscription-minimal input.tnp-submit {
width: 29%;
box-sizing: border-box;
display: inline-block;
padding: 10px;
border: 1px;
border-color: #ddd;
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
font-size: 14px;
line-height: 20px;
border-radius: 0px;
margin: 0;
}
.tnp-subscription-posts {
margin-top: 2em;
margin-bottom: 2em;
padding: 2rem;
}
.tnp-subscription-posts .tnp-subscription {
max-width: auto;
margin: 0;
}
@media all and (max-width: 525px) {
.tnp-subscription-minimal.with-name input.tnp-email,
.tnp-subscription-minimal.with-name input.tnp-name,
.tnp-subscription-minimal input.tnp-submit
{
width: 100%;
max-width: 100%;
margin: 0;
display: block;
margin-bottom: .5rem;
}
} .tnp-button-form button.tnp-submit {
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px;
border-color: #ddd;
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
font-size: 14px;
line-height: normal;
border-radius: 0px;
height: auto;
margin: 0;
} .tnp-comments {
clear: both;
margin-top: 15px;
margin-bottom: 15px;
}
.tnp-comments label {
display: block;
}
.tnp-comments input[type=checkbox] {
display: inline-block;
width: auto!important;
} .tnp-lock {
clear: both;
display: block;
box-sizing: border-box;
box-shadow: none;
margin: 20px;
padding: 15px;
background-color: #fff;
border: 1px solid #ddd;
}
.tnp-nl-checkout {
margin-bottom: 1em;
}.bbp-voting{margin:8px 30px 0 0;min-width:35px;position:relative}.bbp-voting.bbp-voting-float{float:left}.bbp-voting .score{font-size:25px;font-weight:bold;text-align:center;color:#858c93;padding:2px 0 3px 0;line-height:1;position:relative;z-index:2;text-shadow:0px 0px 6px #FFFFFF, 0px 0px 4px #FFFFFF, 0px 0px 2px #FFFFFF}.bbp-voting a.vote{display:block !important;position:relative;overflow:visible;text-indent:-9999em;font-weight:normal;font-size:1rem;width:0;height:0;margin:3px auto !important;border:inherit !important;border-left:15px solid transparent !important;border-right:15px solid transparent !important;cursor:pointer}.bbp-voting a.vote.up{border-bottom:15px solid #858c93 !important}.bbp-voting a.vote.up:hover{border-bottom:15px solid #444 !important}.bbp-voting a.vote.down{border-top:15px solid #858c93 !important}.bbp-voting a.vote.down:hover{border-top:15px solid #444 !important}.bbp-voting a.vote:not(.num-hide):after{content:attr(data-votes);display:block;position:absolute;top:-0.5em;line-height:1;text-align:left;margin-left:17px;text-indent:0;color:#aaa;opacity:0;transition:opacity 500ms ease}.bbp-voting a.vote.num-hover:hover:after{opacity:1;transition:opacity 200ms ease}.bbp-voting a.vote.num-always-show:after{opacity:1}.bbp-voting .bbp-voting-label{font-size:0.75rem;font-weight:normal;padding:5px 0;text-align:center}.bbp-voting .bbp-voting-label.helpful{color:#1e851e}.bbp-voting .bbp-voting-label.not-helpful{color:#992121}.bbp-voting.voted-up:not(.admin-bypass) a.vote.up{border-bottom-color:green !important}.bbp-voting.voted-down:not(.admin-bypass) a.vote.down{border-top-color:#a11717 !important}.bbp-voting.view-only:not(.admin-bypass) a.vote{cursor:not-allowed}.bbp-voting .upvote-amp{color:transparent;text-shadow:0 0 0 green}.bbp-voting .downvote-amp{color:transparent;text-shadow:0 0 0 #a11717}ul.bbp-topics .bbp-voting{float:left}.bbp-voting-avatars{display:inline-block;padding:15px 0 0 15px}.bbp-voting-avatars .bbp-voting-avatar{display:inline-block;margin:-15px 0 0 -15px}.bbp-voting-avatars .bbp-voting-avatar img{border-radius:100px;border:3px solid black !important;box-shadow:-2px 2px 5px rgba(0,0,0,0.2) !important}.bbp-voting-avatars .bbp-voting-avatar.up img{border-color:green !important}.bbp-voting-avatars .bbp-voting-avatar.down img{border-color:#a11717 !important}.bbp-voting-jump-to-answer{display:table;margin-top:15px;padding:10px;background-color:#ddefdd}.bbp-voting-jump-to-answer a{font-size:1.25em}.bbp-voting-accepted-checkmark{margin-top:15px}.bbp-voting-accepted-checkmark>path{fill:green}#bbpress-forums div.bbp-reply-content a.bbp-voting-accept-answer-button{display:inline-block;background-color:green;padding:6px 12px;color:white;text-decoration:none}#bbpress-forums div.bbp-reply-content a.bbp-voting-accept-answer-button:hover{background-color:#005700}.bbp-voting-sort{display:block;clear:both;margin:0.75em 0}.bbp-voting-score-graph{position:absolute;top:50%;transform:translateY(-50%);pointer-events:none}.swp-flex--col {
display: flex;
flex-direction: column;
flex-grow: 1;
}
form.searchwp-form .swp-flex--row {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
flex-grow: 1;
}
form.searchwp-form .swp-flex--wrap {
flex-wrap: wrap;
}
form.searchwp-form .swp-flex--gap-sm {
gap: 0.25em;
}
form.searchwp-form .swp-flex--gap-md {
gap: 0.5em;
}
form.searchwp-form .swp-items-stretch {
align-items: stretch;
}
form.searchwp-form .swp-margin-l-auto {
margin-left: auto;
}
form.searchwp-form input.swp-input {
color: rgba(14, 33, 33, 0.8);
}
form.searchwp-form input.swp-input--search {
background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.06786 12.1357C7.3777 12.1357 8.60074 11.7096 9.59495 10.9995L13.3351 14.7396C13.5087 14.9132 13.7375 15 13.9742 15C14.4871 15 14.858 14.6055 14.858 14.1005C14.858 13.8638 14.7791 13.6428 14.6055 13.4692L10.889 9.74487C11.6702 8.7191 12.1357 7.44871 12.1357 6.06786C12.1357 2.73014 9.40558 0 6.06786 0C2.72225 0 0 2.73014 0 6.06786C0 9.40558 2.72225 12.1357 6.06786 12.1357ZM6.06786 10.8259C3.45608 10.8259 1.30984 8.67175 1.30984 6.06786C1.30984 3.46397 3.45608 1.30984 6.06786 1.30984C8.67175 1.30984 10.8259 3.46397 10.8259 6.06786C10.8259 8.67175 8.67175 10.8259 6.06786 10.8259Z' fill='%23CFCFCF'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 12px top 50%;
background-size: 15px auto;
padding-right: 38px;
padding-left: 0.7em;
}
form.searchwp-form .searchwp-form-input-container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
flex-grow: 1;
}
form.searchwp-form .searchwp-form-input-container .swp-input {
margin: 0;
width: 100%;
}.searchwp-live-search-results {
box-sizing: border-box;
-moz-box-sizing: border-box;
background: #fff;
-webkit-box-shadow: 0 0 2px 0 rgba(30,30,30,0.4);
box-shadow: 0 0 2px 0 rgba(30,30,30,0.4);
border-radius: 3px;
width: 315px;
min-width: 315px;
min-height: 175px;
max-height: 300px;
}
.searchwp-live-search-result {
display: flex;
flex-wrap: wrap;
gap: 10px;
padding: 10px;
border-bottom:1px solid rgba(30,30,30,0.1);
}
.searchwp-live-search-result:last-child {
border-bottom: none;
}
.searchwp-live-search-result--img {
flex-shrink: 0;
-ms-flex-preferred-size: 70px;
flex-basis: 70px;
}
.searchwp-live-search-results-container.swp-ls--img-sm .searchwp-live-search-result--img {
-ms-flex-preferred-size: 70px;
flex-basis: 70px;
}
.searchwp-live-search-results-container.swp-ls--img-m .searchwp-live-search-result--img {
-ms-flex-preferred-size: 110px;
flex-basis: 110px;
}
.searchwp-live-search-results-container.swp-ls--img-l .searchwp-live-search-result--img {
-ms-flex-preferred-size: 150px;
flex-basis: 150px;
}
.searchwp-live-search-result--img img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
object-position: top;
}
.searchwp-live-search-result--info {
flex: 1 1 250px;
overflow: hidden;
text-overflow: ellipsis;
}
.searchwp-live-search-result--title {
margin-top: 0;
font-size: 1.1em;
font-weight: bold;
}
.searchwp-live-search-result--desc {
font-size: 0.9em;
}
.searchwp-live-search-result--ecommerce {
margin-left: auto;
text-align: end;
flex-shrink: 0;
}
.searchwp-live-search-result--ecommerce *{
font-size: 1em;
}
.searchwp-live-search-no-min-chars .spinner {
opacity: 0.3;
}
.searchwp-live-search-result--focused {
background: #f7f7f7;
} .searchwp-live-search-instructions {
border: 0 !important;
clip: rect(1px, 1px, 1px, 1px) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important;
}
@keyframes searchwp-spinner-line-fade-more {
0%, 100% {
opacity: 0; }
1% {
opacity: 1;
}
}
@keyframes searchwp-spinner-line-fade-quick {
0%, 39%, 100% {
opacity: 0.25; }
40% {
opacity: 1;
}
}
@keyframes searchwp-spinner-line-fade-default {
0%, 100% {
opacity: 0.22; }
1% {
opacity: 1;
}
}