.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.wpcf7 form{position:relative}.wpcf7 form>div,.wpcf7 form>p{margin-bottom:1.2em}.wpcf7 .wpcf7-form-control-wrap{width:100%;display:block}.wpcf7 input:not([type=submit]):focus,.wpcf7 select:focus,.wpcf7 textarea:focus{border-color:var(--ast-border-color);outline:0}.wpcf7 input:not([type=submit]),.wpcf7 select,.wpcf7 textarea{width:100%;padding:.75em}.wpcf7 input[type=file]{color:#666;height:auto;border-width:1px;border-style:solid;border-color:var(--ast-border-color);border-radius:2px;background:#fafafa;box-shadow:none;box-sizing:border-box;transition:all .2s linear}.wpcf7 input[type=checkbox],.wpcf7 input[type=radio]{display:inline-block;background:#e9eef2;color:#555;clear:none;cursor:pointer;line-height:0;height:1.2em;margin:-3px 4px 0 0;outline:0;padding:0;border-radius:.2em;text-align:center;vertical-align:middle;width:1.4em;min-width:1.4em;transition:all .2s linear}.ctf-fixed-height{overflow:auto}#ctf .ctf-item{padding:15px 5px;overflow:hidden}#ctf.ctf-boxed-style .ctf-item{padding:15px}#ctf .ctf-item:first-child{border-top:none}#ctf .ctf-item:last-of-type{border-bottom:none!important}#ctf #ctf .ctf-photo-hover span.fa-arrows-alt,#ctf .ctf-photo-hover svg.fa-arrows-alt,#ctf .ctf_remaining,#ctf.ctf-super-narrow .ctf-author-screenname,#ctf.ctf-super-narrow .ctf-screename-sep{display:none}#ctf .ctf_more{padding:1px;border:1px solid transparent;border-radius:3px;display:inline-block;line-height:1}#ctf .ctf_more:hover{cursor:pointer;background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.1);text-decoration:none}#ctf .ctf-header{float:left;clear:both;margin:0;padding:5px 5px 15px;line-height:1.2;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#ctf .ctf-header a{float:left;display:block;text-decoration:none}#ctf .ctf-header-img{float:left;position:relative;width:48px;margin:0 0 0 -100%!important;overflow:hidden;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px}#ctf .ctf-header-img img{display:block;float:left;margin:0!important;padding:0!important;border:none!important;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px}#ctf.ctf-rebranded .ctf-header-img-hover svg{margin-top:-15px;margin-left:-14px}#ctf.ctf-rebranded .ctf-header-img-hover svg path,.ctf-rebranded .ctf-header-follow svg path{fill:white}#ctf .ctf-header-generic-icon,#ctf .ctf-header-img-hover{display:none;position:absolute;width:100%;top:0;bottom:0;left:0;text-align:center;color:#fff;background:rgba(27,149,224,.85);-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;z-index:999}#ctf .ctf-header-generic-icon .fa,#ctf .ctf-header-generic-icon svg,#ctf .ctf-header-img-hover .fa,#ctf .ctf-header-img-hover svg{position:absolute;top:50%;left:50%;margin-top:-10px;margin-left:-8px;font-size:20px;z-index:1000}#ctf .ctf-header-generic-icon svg,#ctf .ctf-header-img-hover svg{margin-top:-10px;margin-left:-10px}#ctf .ctf-header .ctf-header-follow{display:inline-block;padding:3px 6px;margin:0 0 0 2px;position:relative;top:-2px;background:#1b95e0;color:#fff;font-size:11px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-transition:background .6s ease-in-out;-webkit-transition:background .6s ease-in-out;-o-transition:background .6s ease-in-out;transition:background .6s ease-in-out}#ctf .ctf-header .ctf-header-follow .fa,#ctf .ctf-header .ctf-header-follow svg{margin-right:3px;font-size:12px}#ctf .ctf-header a:hover .ctf-header-follow{background:#0c7abf;-moz-transition:background .2s ease-in-out;-webkit-transition:background .2s ease-in-out;-o-transition:background .2s ease-in-out;transition:background .2s ease-in-out}#ctf .ctf-header-type-generic .ctf-header-img{color:#fff;width:48px;height:48px;position:relative}#ctf .ctf-header-type-generic .ctf-header-link:hover .ctf-header-generic-icon{background:#0c7abf}#ctf .ctf-header-type-generic .ctf-header-no-bio{padding-top:9px!important;font-size:16px;font-weight:700}#ctf .ctf-header-type-generic .ctf-header-generic-icon{display:block;color:#fff;background:#1b95e0;-moz-transition:background .2s ease-in-out;-webkit-transition:background .2s ease-in-out;-o-transition:background .2s ease-in-out;transition:background .2s ease-in-out}#ctf .ctf-header-type-generic:hover .ctf-header-generic-icon{display:block;opacity:1}#ctf .ctf-header .ctf-header-user{font-size:16px;line-height:1.3;-ms-word-wrap:break-word;word-break:break-word}#ctf .ctf-header .ctf-header-screenname,#ctf .ctf-header p{font-size:13px;line-height:1.3}.ctf-screenreader{text-indent:-9999px!important;display:inline-block!important;width:0!important;height:0!important;line-height:0!important;text-align:left!important}#ctf .ctf-header-text.sbi-no-info .ctf-header-user{padding-top:9px!important}#ctf .ctf-header-text.sbi-no-bio .ctf-header-counts{clear:both}#ctf .ctf-context{width:100%;padding-left:42px;margin-bottom:2px}#ctf .ctf-with-logo .ctf-context{padding-right:30px}#ctf .ctf-retweet-icon{display:inline-block;font-size:inherit;line-height:1;margin:0 5px 0 0;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}#ctf.ctf-super-narrow .ctf-retweet-icon{margin:0 5px 0 0}#ctf .ctf-reply-icon{display:inline-block;font-size:inherit;padding:1px 3px 3px;line-height:1;margin:0 3px 0 0}#ctf .ctf-author-box{margin-left:56px}#ctf .ctf-author-avatar{clear:both;width:48px;height:48px;margin:3px 6px 0 -56px;float:left;overflow:hidden;border:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}#ctf .ctf-author-avatar img{margin:0!important;padding:0}#ctf .ctf-author-name,#ctf .ctf-author-screenname,#ctf .ctf-tweet-meta,#ctf .ctf-verified{margin-left:4px;margin-right:4px;display:inline-block}#ctf .ctf-screename-sep{margin:0 2px;display:inline-block}#ctf .ctf-author-name{font-weight:700!important;margin-top:4px}#ctf .ctf-author-box-link{color:#000;text-decoration:none;display:inline;line-height:1.5!important}#ctf .ctf-quoted-verified,#ctf .ctf-verified{color:#77c7f7;margin-left:0}#ctf .ctf-quoted-verified,.ctf-credit-link .fa,.ctf-credit-link svg{margin-right:4px}#ctf .ctf-tweet-meta,#ctf.ctf-super-narrow .ctf-author-name{display:inline-block}#ctf .ctf-replied-to-text a{font-size:inherit;color:inherit;font-weight:inherit}#ctf p.ctf-media-link,#ctf p.ctf-tweet-text{padding:0!important;margin:0!important;line-height:1.4}#ctf .ctf-tweet-actions,#ctf .ctf-tweet-content{margin-left:58px;margin-top:3px;max-width:100%}#ctf .ctf-corner-logo{display:inline-block;float:right;color:#1b95e0;font-size:24px}#ctf.ctf-narrow .ctf-corner-logo{font-size:20px}#ctf .ctf-hide-avatar .ctf-author-box,#ctf .ctf-hide-avatar .ctf-author-name,#ctf .ctf-hide-avatar .ctf-context,#ctf .ctf-hide-avatar .ctf-quoted-tweet,#ctf .ctf-hide-avatar .ctf-tweet-actions,#ctf .ctf-hide-avatar .ctf-tweet-content,#ctf.ctf-narrow .ctf-hide-avatar .ctf-author-box,#ctf.ctf-narrow .ctf-hide-avatar .ctf-context,#ctf.ctf-narrow .ctf-hide-avatar .ctf-quoted-tweet,#ctf.ctf-narrow .ctf-hide-avatar .ctf-tweet-actions,#ctf.ctf-narrow .ctf-hide-avatar .ctf-tweet-content,#ctf.ctf-super-narrow .ctf-context,#ctf.ctf-super-narrow .ctf-hide-avatar .ctf-author-box,#ctf.ctf-super-narrow .ctf-hide-avatar .ctf-context,#ctf.ctf-super-narrow .ctf-hide-avatar .ctf-quoted-tweet,#ctf.ctf-super-narrow .ctf-hide-avatar .ctf-tweet-actions,#ctf.ctf-super-narrow .ctf-hide-avatar .ctf-tweet-content,#ctf.ctf-super-narrow .ctf-quoted-tweet,#ctf.ctf-super-narrow .ctf-tweet-actions,#ctf.ctf-super-narrow .ctf-tweet-content{margin-left:0}#ctf .ctf-hide-avatar .ctf-context{padding-left:0}#ctf .ctf-header-img.ctf-no-consent,#ctf .ctf-header-img.ctf-no-consent .ctf-header-img-hover{display:block;opacity:1;height:48px}#ctf .ctf-quoted-tweet{display:block;clear:both;margin:7px 0 5px 58px;padding:8px 12px;border:1px solid rgba(0,0,0,.1);text-decoration:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-transition:background .1s ease-in-out;-webkit-transition:background .1s ease-in-out;-o-transition:background .1s ease-in-out;transition:background .1s ease-in-out}#ctf .ctf-quoted-tweet-text-media-wrap,#ctf .ctf-quoted-tweet:focus,#ctf .ctf-quoted-tweet:hover,#ctf .ctf-tweet-text-media-wrap{-moz-transition:background .1s ease-in-out;-webkit-transition:background .1s ease-in-out;-o-transition:background .1s ease-in-out}#ctf .ctf-quoted-tweet:focus,#ctf .ctf-quoted-tweet:hover{background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.05);transition:background .1s ease-in-out}#ctf .ctf-quoted-author-name{font-weight:700;margin-right:4px}#ctf .ctf-quoted-tweet p{margin:2px 0}#ctf .ctf-tweet-actions a{padding:2px 10px 2px 5px;float:left}#ctf .ctf-tweet-actions a.ctf-like,#ctf .ctf-tweet-actions a.ctf-reply,#ctf .ctf-tweet-actions a.ctf-retweet{color:rgba(0,0,0,.35);text-decoration:none;border:none;-moz-transition:color .1s ease-in-out;-webkit-transition:color .1s ease-in-out;-o-transition:color .1s ease-in-out;transition:color .1s ease-in-out}#ctf .ctf-tweet-actions a span.fa,#ctf .ctf-tweet-actions a svg{width:1.1em;height:1.1em;font-size:1.1em}#ctf .ctf-tweet-actions a span.fa.fa-retweet{width:1.2em;height:1.2em;font-size:1.2em}#ctf .ctf-tweet-actions .ctf-reply{margin-left:-5px}#ctf .ctf-tweet-actions a:focus,#ctf .ctf-tweet-actions a:hover{-moz-transition:color .1s ease-in-out;-webkit-transition:color .1s ease-in-out;-o-transition:color .1s ease-in-out;transition:color .1s ease-in-out}#ctf .ctf-tweet-actions .ctf-reply:focus,#ctf .ctf-tweet-actions .ctf-reply:hover{color:#e34f0e!important}#ctf .ctf-tweet-actions .ctf-retweet:focus,#ctf .ctf-tweet-actions .ctf-retweet:hover{color:#19cf86!important}#ctf .ctf-tweet-actions .ctf-like:focus,#ctf .ctf-tweet-actions .ctf-like:hover{color:#e81c4f!important}#ctf .ctf-action-count{float:right;padding-left:3px;font-size:.9em;margin-top:.25em;line-height:1.2em}#ctf .ctf-twitterlink{margin-top:.3em;line-height:1.2em;font-size:.8em}#ctf .ctf-quoted-tweet-text-media-wrap,#ctf .ctf-tweet-text-media-wrap{margin-left:5px;padding:4px;display:inline-block;border:1px solid rgba(0,0,0,.15);color:inherit;text-decoration:none;line-height:1;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;transition:background .1s ease-in-out}#ctf #ctf-more,#ctf .ctf-out-of-tweets,.ctf-credit-link{padding:5px 0;text-align:center}#ctf #ctf-more,#ctf .ctf-tweet-text-media-wrap:focus,#ctf .ctf-tweet-text-media-wrap:hover{background:rgba(0,0,0,.05);-moz-transition:background .1s ease-in-out;-webkit-transition:background .1s ease-in-out;-o-transition:background .1s ease-in-out}#ctf .ctf-tweet-text-media-wrap:focus,#ctf .ctf-tweet-text-media-wrap:hover{border:1px solid rgba(0,0,0,.1);transition:background .1s ease-in-out}.ctf-multi-media-icon .ctf-tweet-text-media,.ctf-quoted-tweet-text .ctf-tweet-text-media{margin-left:3px}#ctf #ctf-more{display:block;border:none;width:100%;min-height:30px;margin:0;position:relative;box-sizing:border-box;outline:0;text-decoration:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;transition:background .1s ease-in-out}#ctf #ctf-more:hover{background:rgba(0,0,0,.1);-moz-transition:background .1s ease-in-out;-webkit-transition:background .1s ease-in-out;-o-transition:background .1s ease-in-out;transition:background .1s ease-in-out}#ctf #ctf-more.ctf-loading span{-moz-transition:opacity .5s ease-in-out;-webkit-transition:opacity .5s ease-in-out;-o-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out;opacity:0}#ctf .ctf-loader{width:20px;height:20px;position:absolute;top:50%;left:50%;margin:-10px 0 0 -10px;background-color:rgba(0,0,0,.5);border-radius:100%;-webkit-animation:1s ease-in-out infinite ctf-sk-scaleout;animation:1s ease-in-out infinite ctf-sk-scaleout}@-webkit-keyframes ctf-sk-scaleout{0%{-webkit-transform:scale(0)}100%{-webkit-transform:scale(1);opacity:0}}@keyframes ctf-sk-scaleout{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.ctf-credit-link{width:100%;clear:both;margin-top:5px;font-size:12px}#ctf svg{box-sizing:unset}#ctf svg:not(:root).svg-inline--fa,#ctf_lightbox svg:not(:root).svg-inline--fa{box-sizing:unset;overflow:visible;width:1em}#ctf .svg-inline--fa.fa-w-16{width:16px}#ctf .svg-inline--fa.fa-w-20{width:20px}#ctf .ctf-context .ctf-retweet-icon svg{width:1.2em;height:1.2em}#ctf .svg-inline--fa,#ctf_lightbox .svg-inline--fa{display:inline-block;font-size:inherit;height:1em;overflow:visible;vertical-align:-.125em}#ctf.ctf-styles .ctf-author-screenname,#ctf.ctf-styles .ctf-context,#ctf.ctf-styles .ctf-screename-sep,#ctf.ctf-styles .ctf-tweet-meta,.ctf_smash_error span{font-size:12px}#ctf .ctf-error{width:100%;text-align:center}#ctf .ctf-error code,#ctf .ctf-error iframe,#ctf .ctf-error p{padding:0;margin:0 2px}#ctf .ctf-error-user p,#ctf.ctf-super-narrow .ctf-context{padding-bottom:5px}#ctf .ctf-error-user{width:100%}#ctf .ctf-error-admin{margin-top:15px;display:inline-block}#ctf .ctf-error code{display:block;padding:4px}.ctf_smash_error{border:1px solid #ddd;background:#eee;color:#333;margin:10px 0 0;padding:10px 15px;font-size:13px;text-align:center;clear:both;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}.ctf_smash_error p{padding:5px 0!important;margin:0!important;line-height:1.3!important}#ctf .ctf-out-of-tweets{display:block;border:1px solid rgba(0,0,0,.1);background:0 0;width:100%;min-height:30px;margin:0;position:relative;box-sizing:border-box;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}#ctf .ctf-out-of-tweets iframe,#ctf .ctf-out-of-tweets p{margin:0 2px;padding:0}#ctf .ctf-out-of-tweets p{padding:3px;display:none}#ctf.ctf-narrow .ctf-author-avatar,#ctf.ctf-narrow .ctf-author-avatar img{width:38px;height:38px}#ctf.ctf-narrow .ctf-quoted-tweet,#ctf.ctf-narrow .ctf-tweet-actions,#ctf.ctf-narrow .ctf-tweet-content{margin-left:48px}#ctf.ctf-narrow .ctf-context{margin-left:49px}#ctf.ctf-narrow .ctf-author-box{margin-left:46px}#ctf.ctf-narrow .ctf-author-avatar{margin-left:-46px}#ctf.ctf-narrow .ctf-tweet-content{padding:3px 0 5px}#ctf.ctf-narrow .ctf-tweet-actions,#ctf.ctf-super-narrow .ctf-tweet-content{float:left;clear:both}#ctf.ctf-super-narrow .ctf-author-box{min-height:32px;margin-bottom:2px;margin-left:38px;float:left;clear:both}#ctf.ctf-super-narrow .ctf-author-avatar,#ctf.ctf-super-narrow .ctf-author-avatar img{width:32px;height:32px}#ctf.ctf-super-narrow .ctf-author-avatar{margin-left:-38px;margin-top:0}#ctf.ctf-super-narrow .ctf-credit-link{font-size:10px}#ctf.ctf-super-narrow .ctf-header-bio{margin:0!important;padding-top:5px}#ctf.ctf-super-narrow .ctf-header-user{min-height:48px}#ctf.ctf-super-narrow .ctf-header-text{padding-top:10px}#ctf.ctf-super-narrow .ctf-header-follow{margin-top:5px}#ctf.ctf-super-narrow .ctf-more span{display:block;margin-top:3px}@media all and (max-width:640px){#ctf.ctf-width-resp{width:100%!important}}.ctf.ctf-boxed-style[data-boxshadow=true] .ctf-item{box-shadow:0 0 10px 0 rgba(0,0,0,.15)}[data-header-size=large] .ctf-header-type-text{font-size:48px}[data-header-size=medium] .ctf-header-type-text{font-size:42px}[data-header-size=small] .ctf-header-type-text{font-size:36px}#ctf.ctf-list.ctf-boxed-style .ctf-header,.ctf-list.ctf-boxed-style .ctf-item{margin-bottom:25px}#ctf .ctf-header-text{float:left;width:100%;padding-top:5px}#ctf .ctf-no-bio .ctf-header-text{padding-top:13px}#ctf .ctf-header-text .ctf-header-user,#ctf .ctf-header-text p{float:left;clear:both;width:auto;margin:0 0 0 60px!important;padding:0!important;text-align:left}#ctf .ctf-header-name{font-weight:700;margin-right:6px}#ctf .ctf-header-text .ctf-header-bio{padding:0!important;word-break:break-word}#ctf .ctf-header-text .ctf-verified{margin-right:5px}#ctf.ctf_palette_light .ctf-author-name,#ctf.ctf_palette_light .ctf-author-screenname,#ctf.ctf_palette_light .ctf-header-bio,#ctf.ctf_palette_light .ctf-header-counts,#ctf.ctf_palette_light .ctf-header-name,#ctf.ctf_palette_light .ctf-header-type-text,#ctf.ctf_palette_light .ctf-tweet-actions a,#ctf.ctf_palette_light .ctf-tweet-text{color:#444}#ctf.ctf_palette_dark .ctf-tweet-text a,#ctf.ctf_palette_light .ctf-tweet-text a{color:inherit}#ctf.ctf_palette_dark .ctf-item,#ctf.ctf_palette_light .ctf-item{background:0 0}#ctf.ctf_palette_dark .ctf-corner-logo,#ctf.ctf_palette_light .ctf-corner-logo{color:#1b95e0}#ctf.ctf_palette_dark .ctf-verified,#ctf.ctf_palette_light .ctf-verified{color:#77c7f7}#ctf.ctf_palette_light .ctf-more{background:rgba(0,0,0,.5);color:#444}#ctf.ctf_palette_dark{background:#20222c}#ctf.ctf_palette_dark.ctf.ctf-boxed-style .ctf-item{background:rgba(255,255,255,.1)!important}#ctf.ctf_palette_dark .ctf-author-name,#ctf.ctf_palette_dark .ctf-author-screenname,#ctf.ctf_palette_dark .ctf-header-bio,#ctf.ctf_palette_dark .ctf-header-counts,#ctf.ctf_palette_dark .ctf-header-name,#ctf.ctf_palette_dark .ctf-header-type-text,#ctf.ctf_palette_dark .ctf-tweet-text{color:#fff}#ctf.ctf_palette_dark .ctf-more{background:rgba(255,255,255,.2);color:#fff}#ctf.ctf_palette_dark .ctf-tweet-actions a{color:rgba(255,255,255,.8)}.ctf-rebranded .ctf-header-follow svg{width:13px;height:13px;transform:translate(3px,2px)}:root {
--pmpro--base--border-radius: 8px;
--pmpro--base--spacing--small: 12px;
--pmpro--base--spacing--medium: 18px;
--pmpro--base--spacing--large: 36px;
--pmpro--color--accent: #0c3d54;
--pmpro--color--base: #ffffff;
--pmpro--color--base-2: #ededed;
--pmpro--color--contrast: #222222;
--pmpro--color--border: #777777;
--pmpro--color--info-background: #d9edf7;
--pmpro--color--info-border: #bce8f1;
--pmpro--color--info-text: #31708f;
--pmpro--color--info-link: #245269;
--pmpro--color--success-background: #d4edda;
--pmpro--color--success-border: #c3e6cb;
--pmpro--color--success-text: #0F441C;
--pmpro--color--success-link: #2b542c;
--pmpro--color--error-background: #f8d7da;
--pmpro--color--error-border: #f5c6cb;
--pmpro--color--error-text: #721c24;
--pmpro--color--error-link: #843534;
--pmpro--color--alert-background: #fff8e0;
--pmpro--color--alert-border: #ffeeba;
--pmpro--color--alert-text: #6C5101;
--pmpro--color--alert-link: #66512c;
--pmpro--color--alert2-background: #ffecd9;
--pmpro--color--alert2-border: #ffddb1;
--pmpro--color--alert2-text: #995d1d;
--pmpro--color--alert2-link: #a65e3a;
} .pmpro_message {
background-color: var(--pmpro--color--info-background);
border: 1px solid var(--pmpro--color--info-border);
border-radius: var(--pmpro--base--border-radius);
color: var(--pmpro--color--info-text);
font-weight: 400;
margin: var(--pmpro--base--spacing--medium) 0;
padding: var(--pmpro--base--spacing--small) var(--pmpro--base--spacing--medium);
text-align: left;
}
.pmpro_message.pmpro_success {
background-color: var(--pmpro--color--success-background);
border-color: var(--pmpro--color--success-border);
color: var(--pmpro--color--success-text);
}
.pmpro_message.pmpro_error {
background-color: var(--pmpro--color--error-background);
border-color: var(--pmpro--color--error-border);
color: var(--pmpro--color--error-text);
}
.pmpro_message.pmpro_alert {
background-color: var(--pmpro--color--alert-background);
border-color: var(--pmpro--color--alert-border);
color: var(--pmpro--color--alert-text);
}
.pmpro_message a {
color: var(--pmpro--color--info-link);
text-decoration: underline;
}
.pmpro_success a {
color: var(--pmpro--color--success-link);
}
.pmpro_error a {
color: var(--pmpro--color--error-link);
}
.pmpro_alert a {
color: var(--pmpro--color--alert-link);
}
.pmpro_message p {
margin: 0 0 var(--pmpro--base--spacing--small);
padding: 0;
}
.pmpro_message p:last-of-type {
margin-bottom: 0;
} .pmpro_captcha {
margin: var(--pmpro--base--spacing--large) 0;
}
.pmpro_captcha div {
clear: none;
margin: 0;
}
.pmpro_form_label-inline {
display: inline-block;
}
.pmpro {
.pmpro_form_input-text.pmpro_form_input-error,
.pmpro_form_input-email.pmpro_form_input-error,
.pmpro_form_input-url.pmpro_form_input-error,
.pmpro_form_input-password.pmpro_form_input-error,
.pmpro_form_input-search.pmpro_form_input-error,
.pmpro_form_input-select.pmpro_form_input-error,
.pmpro_form_input-checkbox.pmpro_form_input-error,
.pmpro_form_input-radio.pmpro_form_input-error,
.pmpro_form_input-multiselect.pmpro_form_input-error,
.pmpro_form_input-number.pmpro_form_input-error,
.pmpro_form_input-file.pmpro_form_input-error,
.pmpro_form_input-date.pmpro_form_input-error,
.pmpro_form_input-textarea.pmpro_form_input-error {
border-color: var(--pmpro--color--error-border);
box-shadow: 0 0 0 0.2rem #f8d7da;
}
} .pmpro_form_field-checkbox .pmpro_form_label {
cursor: pointer;
display: inline;
width: auto;
}
.pmpro_form_field-checkbox input[type="checkbox"] {
height: auto;
opacity: 1;
width: auto;
}
.pmpro_form_field-checkbox-grouped ul {
list-style: none;
margin: 0;
padding: 0;
}
.pmpro_form_field-checkbox-grouped li {
list-style: none;
margin: 0;
padding: 0;
} .pmpro_form_field-radio-item {
margin-bottom: 0;
}
.pmpro_form_field-radio-item .pmpro_form_label {
cursor: pointer;
display: inline-block;
width: auto;
} .pmpro_form_field-date select {
max-width: unset;
width: unset;
}
.pmpro_form_field-date input[type="text"] {
margin-left: var(--pmpro--base--spacing--small);
max-width: unset;
width: unset;
} .pmpro_form_field-file button {
margin-right: var(--pmpro--base--spacing--small);
}
.pmpro_form_field-file-preview {
align-items: center;
display: flex;
height: 100px;
justify-content: center;
overflow: hidden;
width: 100px;
}
.pmpro_form_field-file-preview img {
height: 100%;
object-fit: cover;
width: 100%;
} #pmpro_payment_information_fields .pmpro_form_fields label {
display: block;
float: none;
max-width: initial;
min-width: initial;
text-align: left;
width: auto;
}
button[type="button"]#other_discount_code_toggle,
button[type="button"]#other_discount_code_toggle:hover,
button[type="button"]#other_discount_code_toggle:focus {
background: none;
border: none;
color: inherit;
cursor: pointer;
font-family: inherit;
font-size: inherit;
margin: 0;
padding: 0;
text-decoration: underline;
}
#pmpro_tos_fields input[type="checkbox"]#tos {
width: auto;
} #pmpro_payment_method span.gateway_paypalexpress {
margin-left: var(--pmpro--base--spacing--large);
}
[id^="pmpro_paypal"] .pmpro_btn-submit-checkout-paypal-image {
background-image: url(//98vanlife.com/wp-content/plugins/paid-memberships-pro/images/paypal-color.svg);
background-repeat: no-repeat;
background-size: contain;
display: inline-block;
height: 30px;
width: 100px;
} .pmpro_checkout_gateway-stripe form.pmpro_form #pmpro_payment_information_fields .pmpro_payment-request-button h3,
.pmpro_billing_gateway-stripe form.pmpro_form #pmpro_payment_information_fields .pmpro_payment-request-button h3 {
margin: var(--pmpro--base--spacing--medium) 0 var(--pmpro--base--spacing--small);
padding: 0;
}
.pmpro_checkout_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#AccountNumber,
.pmpro_checkout_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#Expiry,
.pmpro_checkout_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#CVV,
.pmpro_billing_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#AccountNumber,
.pmpro_billing_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#Expiry,
.pmpro_billing_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#CVV {
border: 1px solid var(--pmpro--color--border);
padding: var(--pmpro--base--spacing--small);
} .pmpro_invoice_details .pmpro_invoice-billing-address {
display: flex;
flex-direction: column;
}
.pmpro_price_part_span {
display: flex;
font-weight: normal;
justify-content: space-between;
}
.pmpro_price_part-total {
font-weight: 700;
} .pmpro_list {
#pmpro_order_single-meta-bill_to {
word-break: break-all;
}
}
.pmpro_list.pmpro_list-plain,
.pmpro_list.pmpro_list-plain .pmpro_list_item {
list-style: none;
margin: 0;
padding: 0;
}
.pmpro_list.pmpro_list-bulleted {
list-style-type: disc;
margin: 0;
padding: 0 0 0 var(--pmpro--base--spacing--medium);
}
.pmpro_list.pmpro_list-bulleted .pmpro_list_item {
margin: 0;
padding: 0;
}
.pmpro_list .pmpro_list_item:not(:last-child) {
margin-bottom: var(--pmpro--base--spacing--small);
} #pass-strength-result {
border: 1px solid var(--pmpro--color--border);
border-radius: var(--pmpro--base--border-radius);
color: inherit;
font-size: 16px;
margin: 0;
padding: calc( var(--pmpro--base--spacing--small) / 3 ) var(--pmpro--base--spacing--small);
text-align: center;
width: 100%;
box-sizing: border-box;
opacity: 0;
}
#pass-strength-result.short {
background-color: var(--pmpro--color--error-background);
border-color: var(--pmpro--color--error-border);
color: var(--pmpro--color--error-text);
opacity: 1;
}
#pass-strength-result.bad {
background-color: var(--pmpro--color--alert2-background);
border-color: var(--pmpro--color--alert2-border);
color: var(--pmpro--color--alert2-text);
opacity: 1;
}
#pass-strength-result.good {
background-color: var(--pmpro--color--alert-background);
border-color: var(--pmpro--color--alert-border);
color: var(--pmpro--color--alert-text);
opacity: 1;
}
#pass-strength-result.strong {
background-color: var(--pmpro--color--success-background);
border-color: var(--pmpro--color--success-border);
color: var(--pmpro--color--success-text);
opacity: 1;
}
.pass1.short, .pass1-text.short {
border-color: var(--pmpro--color--error-border);
}
.pass1.bad, .pass1-text.bad {
border-color: var(--pmpro--color--alert2-border);
}
.pass1.good, .pass1-text.good {
border-color: var(--pmpro--color--alert-border);
}
.pass1.strong, .pass1-text.strong {
border-color: var(--pmpro--color--success-border);
}
.pw-weak {
display: none;
}
.indicator-hint {
padding-top: 8px;
}
.wp-pwd [type="text"],
.wp-pwd [type="password"] {
margin-bottom: 0; min-height: 30px;
} .pmpro_form_field-password-toggle button,
.pmpro_form_field-password-toggle button:hover,
.pmpro_form_field-password-toggle button:focus,
.pmpro_form_field-password-toggle button:active {
align-items: center;
background: transparent;
border: none;
box-shadow: none;
box-sizing: border-box;
color: var(--pmpro--color--contrast);
display: flex;
flex-direction: row;
gap: calc( var(--pmpro--base--spacing--small) / 2 );
line-height: 1;
margin: 0;
min-height: 1px;
padding: 0;
}
.pmpro_form_field-password-toggle button:focus,
.pmpro_form_field-password-toggle button:active {
color: var(--pmpro--color--contrast);
} .wp-pwd input::-ms-reveal {
display: none;
}
.pass1-text,
.show-password #pass1 {
display: none;
}
.pass1-text::-ms-clear {
display: none;
}
.show-password #pass1-text {
display: inline-block;
} .pmpro_table {
border-collapse: collapse;
margin: 0;
width: 100%;
}
.pmpro_table-fixed {
table-layout: fixed;
} .pmpro_tag {
border-radius: var(--pmpro--base--border-radius);
border: 1px solid var(--pmpro--color--border);
font-size: 14px;
font-weight: 600;
line-height: 20px;
padding: calc( var(--pmpro--base--spacing--small) / 3 ) var(--pmpro--base--spacing--small);
text-align: center;
}
.pmpro_tag-success {
background-color: var(--pmpro--color--success-background);
border-color: var(--pmpro--color--success-border);
color: var(--pmpro--color--success-text);
}
.pmpro_tag-error {
background-color: var(--pmpro--color--error-background);
border-color: var(--pmpro--color--error-border);
color: var(--pmpro--color--error-text);
}
.pmpro_tag-alert {
background-color: var(--pmpro--color--alert-background);
border-color: var(--pmpro--color--alert-border);
color: var(--pmpro--color--alert-text);
} #wpadminbar #wp-admin-bar-pmpro-admin-membership-access {
background-color: #1d2327;
}
#wpadminbar .pmpro_admin-view {
display: inline-block;
padding: 0 5px;
}
#wpadminbar .menupop .ab-item:has(.pmpro_admin-view) + .ab-sub-wrapper {
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
padding: 10px;
}
#wpadminbar .menupop .ab-item:has(.pmpro_admin-view) + .ab-sub-wrapper ul li .ab-item {
height: auto;
}
#wpadminbar .menupop .ab-item:has(.pmpro_admin-view) + .ab-sub-wrapper p {
color: #fff;
line-height: 1.5;
margin-bottom: 5px;
white-space: normal;
}
#wpadminbar .menupop .ab-item:has(.pmpro_admin-view) + .ab-sub-wrapper select {
background-color: #fff;
border-radius: 6px;
line-height: 1.5;
padding: 5px 8px;
}
#wpadminbar .ab-item:has(.pmpro_admin-view-yes),
#wpadminbar .ab-top-menu > li.hover > .ab-item:has(.pmpro_admin-view-yes),
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item:has(.pmpro_admin-view-yes),
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:has(.pmpro_admin-view-yes):focus,
#wpadminbar .menupop .ab-item:has(.pmpro_admin-view-yes) + .ab-sub-wrapper {
background-color: #0F441C;
color: #fff;
}
#wpadminbar .ab-item:has(.pmpro_admin-view-no),
#wpadminbar .ab-top-menu > li.hover > .ab-item:has(.pmpro_admin-view-no),
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item:has(.pmpro_admin-view-no),
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:has(.pmpro_admin-view-no):focus,
#wpadminbar .menupop .ab-item:has(.pmpro_admin-view-no) + .ab-sub-wrapper {
background-color: #721c24;
color: #fff;
}
#wpadminbar .pmpro_admin-view .ab-icon {
margin-right: 3px;
}
#wpadminbar .pmpro_admin-view .ab-icon:before,
#wpadminbar li:hover .pmpro_admin-view .ab-icon:before,
#wpadminbar li.hover .pmpro_admin-view .ab-icon:before {
color: #fff;
}
#wpadminbar .pmpro_admin-view-current .ab-icon:before,
#wpadminbar li:hover .pmpro_admin-view-current .ab-icon:before,
#wpadminbar li.hover .pmpro_admin-view-current .ab-icon:before {
color: inherit;
} .pmpro_actions_nav:not(#pmpro_login .pmpro_actions_nav) {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.pmpro_actions_nav-left {
flex: 1;
order: 1;
text-align: left;
}
.pmpro_actions_nav-right {
flex: 1;
order: 2;
text-align: right;
} .pmpro_data_filters {
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: var(--pmpro--base--spacing--small);
margin-bottom: var(--pmpro--base--spacing--medium);
}
.pmpro_data_count {
margin-bottom: var(--pmpro--base--spacing--medium);
text-align: right;
} .pmpro_pad-s {
padding: var(--pmpro--base--spacing--small);
}
.pmpro_pad-m {
padding: var(--pmpro--base--spacing--large);
}
.pmpro_pad-l {
padding: var(--pmpro--base--spacing--large);
}
.pmpro_spacer {
margin: var(--pmpro--base--spacing--medium) 0;
min-height: 1px;
}
.pmpro_form .pmpro_spacer {
margin-top: var(--pmpro--base--spacing--large);
}
.pmpro_clickable {
cursor: pointer;
}
.pmpro_asterisk abbr,
.pmpro_asterisk abbr[title] {
border: none;
color: var(--pmpro--color--error-text);
cursor: default;
text-decoration: none;
}
.pmpro_hidden {
display: none;
} @media print {
.pmpro {
.pmpro_actions_nav:not(.pmpro_login_wrap .pmpro_actions_nav),
.pmpro_actions_nav-right,
.pmpro_actions_nav-left,
.pmpro_card_actions,
.pmpro_hide_print {
display: none;
}
h2, h3 {
page-break-after: avoid;
}
}
} @media screen and (max-width: 767px) {
.pmpro_reset_password_wrap form.pmpro_form #pass-strength-result,
form.pmpro_form .pmpro_change_password-fields #pass-strength-result {
max-width: 90%;
}
.pmpro_actions_nav {
text-align: center;
}
.pmpro_actions_nav-left,
.pmpro_actions_nav-right {
flex-basis: 100%;
text-align: center;
}
.pmpro_table thead {
display: none;
}
.pmpro_table tbody tr th,
.pmpro_table tbody tr td,
.pmpro_table tfoot tr td {
display: grid;
grid-template-columns: 1fr 2fr;
}
.pmpro_table-fixed tbody tr th,
.pmpro_table-fixed tbody tr td,
.pmpro_table-fixed tfoot tr td {
grid-template-columns: 1fr 1fr;
}
.pmpro_table tbody tr th::before,
.pmpro_table tbody tr td::before,
.pmpro_table tfoot tr td::before {
content: attr(data-title) ": ";
}
.pmpro_table_cancel tbody tr td:last-child,
.pmpro_levels_table tbody tr td:last-child {
display: block;
}
.pmpro_table_cancel tbody tr td:last-child::before,
.pmpro_levels_table tbody tr td:last-child::before {
content: "";
}
}
@media screen and (min-width: 768px) {
}
@media screen and (min-width: 1024px) {
.pmpro_checkout_gateway-stripe form.pmpro_form #pmpro_payment_information_fields #payment-request-button {
max-width: 50%;
}
}
@media screen and (min-width: 1280px) {
}:root {
--pmpro--color--white: #fff;
--pmpro--box-shadow: 2px 2px 7px rgba( 0, 0, 0, 0.07 );
} .pmpro {
color: var(--pmpro--color--contrast); .pmpro_section {
margin: calc( var(--pmpro--base--spacing--large) * 2 ) 0;
}
.pmpro_section:first-of-type {
margin-top: 0;
}
.pmpro_section_title {
font-weight: 700;
margin: 0;
padding: 0;
} .pmpro_card {
background-color: var(--pmpro--color--base);
border: 1px solid var(--pmpro--color--border--variation);
border-radius: var(--pmpro--base--border-radius);
box-shadow: var(--pmpro--box-shadow);
display: flex;
flex-direction: column;
margin: var(--pmpro--base--spacing--medium) 0;
overflow: hidden;
}
.pmpro_card_title {
color: var(--pmpro--color--contrast);
font-weight: 700;
margin: 0;
padding: var(--pmpro--base--spacing--large) var(--pmpro--base--spacing--large) 0;
}
.pmpro_card_content {
padding: var(--pmpro--base--spacing--small) var(--pmpro--base--spacing--large) var(--pmpro--base--spacing--large);
p:not(.pmpro_form_hint) {
margin: var(--pmpro--base--spacing--small) 0;
padding: 0;
}
p:last-of-type {
margin-bottom: 0;
}
}
.pmpro_card_actions {
background-color: rgba( 0, 0, 0, 0.04 );
border-bottom: 1px solid var(--pmpro--color--border--variation);
padding: var(--pmpro--base--spacing--small) var(--pmpro--base--spacing--large);
}
.pmpro_card_content + .pmpro_card_actions {
border-top: 1px solid var(--pmpro--color--border--variation);
border-bottom: none;
}
.pmpro_card_actions button {
}
.pmpro_card_action_separator {
margin: 0 calc( var(--pmpro--base--spacing--small) / 2 );
opacity: 0.25;
} .pmpro_heading-with-avatar {
align-items: center;
display: flex;
font-weight: 700;
gap: var(--pmpro--base--spacing--small);
} .pmpro_message {
box-shadow: var(--pmpro--box-shadow);
} .pmpro_btn {
background-color: var(--pmpro--color--accent);
border: 1px solid var(--pmpro--color--accent);
border-radius: var(--pmpro--base--border-radius);
box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);
box-sizing: border-box;
color: var(--pmpro--color--base);
cursor: pointer;
display: inline-block;
font-size: 16px;
font-weight: 700;
letter-spacing: normal;
line-height: 1.5;
min-height: 40px;
outline: 0;
padding: var(--pmpro--base--spacing--small) var(--pmpro--base--spacing--medium);
text-align: center;
text-decoration: none;
text-rendering: geometricprecision;
text-transform: none;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
vertical-align: middle;
transition: background-color 0.2s, color 0.2s;
}
.pmpro_btn:hover,
.pmpro_btn:focus {
background-color: var(--pmpro--color--accent--variation);
background-position: 0 0;
border-color: var(--pmpro--color--accent--variation);
color: var(--pmpro--color--base);
}
.pmpro_btn:active {
opacity: .7;
}
.pmpro_btn-outline {
background-color: transparent;
color: var(--pmpro--color--accent);
}
.pmpro_btn-outline:hover,
.pmpro_btn-outline:focus {
background-color: transparent;
border-color: var(--pmpro--color--accent--variation);
color: var(--pmpro--color--accent--variation);
}
.pmpro_btn-delete {
background-color: var(--pmpro--color--error-text);
border-color: var(--pmpro--color--error-text);
}
.pmpro_btn-delete:hover,
.pmpro_btn-delete:focus {
background-color: var(--pmpro--color--error-link);
border-color: var(--pmpro--color--error-link);
}
.pmpro_btn-cancel {
background-color: transparent;
border-color: var(--pmpro--color--border);
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1);
color: var(--pmpro--color--contrast);
}
.pmpro_btn-cancel:hover,
.pmpro_btn-cancel:focus {
background-color: var(--pmpro--color--border--variation);
border-color: var(--pmpro--color--border);
color: var(--pmpro--color--contrast);
}
.pmpro_btn-plain,
.pmpro_btn-plain:hover,
.pmpro_btn-plain:focus,
.pmpro_btn-plain:active {
background: 0 0;
border: 1px solid transparent;
box-shadow: none;
cursor: pointer;
font-size: 14px;
margin: 0;
padding: 0;
}
.pmpro_btn-print {
align-items: center;
color: var(--pmpro--color--accent);
display: inline-flex;
gap: calc( var(--pmpro--base--spacing--small) / 2 );
justify-content: space-between;
text-decoration: underline;
}
.pmpro_btn-print:hover {
color: var(--pmpro--color--accent--variation);
} .pmpro_form {
margin: 0;
}
.pmpro_section:has(.pmpro_form) .pmpro_card_content {
padding-top: var(--pmpro--base--spacing--large);
}
.pmpro_section:has(.pmpro_form) .pmpro_card_title + .pmpro_card_content {
padding-top: var(--pmpro--base--spacing--small);
}
.pmpro_form_fieldset {
border: 0;
margin: 0;
padding: 0;
}
.pmpro_form_legend {
border: none;
margin: 0 0 var(--pmpro--base--spacing--medium);
padding: 0;
}
.pmpro_form_heading {
font-weight: 700;
margin: var(--pmpro--base--spacing--large) 0 0;
padding: 0;
}
.pmpro_card_content .pmpro_form_heading {
margin-top: 0;
}
.pmpro_form_fields {
display: flex;
flex-direction: column;
gap: var(--pmpro--base--spacing--medium);
}
.pmpro_form_fields-inline {
align-items: center;
display: flex;
flex-direction: row;
gap: calc( var(--pmpro--base--spacing--small) / 2 );
}
.pmpro_form_field {
display: flex;
flex-direction: column;
gap: calc( var(--pmpro--base--spacing--small) / 2 );
}
.pmpro_form_label {
margin: 0;
padding: 0;
}
.pmpro_form_label:not(.pmpro_form_label-inline) {
display: block;
font-weight: 500;
}
.pmpro_form_input {
background-color: var(--pmpro--color--base);
border: 1px solid var(--pmpro--color--border);
border-radius: var(--pmpro--base--border-radius);
box-shadow: none;
box-sizing: border-box;
color: var(--pmpro--color--contrast);
font-size: 16px;
height: auto;
line-height: 1.5;
margin: 0;
min-height: auto;
outline: none;
padding: var(--pmpro--base--spacing--small);
}
.pmpro_form_input-textarea {
font-family: inherit;
width: 100%;
}
.pmpro_form_input-select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url('data:image/svg+xml;utf8,<svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');
background-position: right var(--pmpro--base--spacing--small) center;
background-repeat: no-repeat;
background-size: 16px 16px;
padding-right: calc(var(--pmpro--base--spacing--small) + 20px);
}
.pmpro_form_input-text:focus,
.pmpro_form_input-email:focus,
.pmpro_form_input-url:focus,
.pmpro_form_input-password:focus,
.pmpro_form_input-search:focus,
.pmpro_form_input-select:focus,
.pmpro_form_input-checkbox:focus,
.pmpro_form_input-radio:focus,
.pmpro_form_input-multiselect:focus,
.pmpro_form_input-number:focus,
.pmpro_form_input-file:focus,
.pmpro_form_input-date:focus,
.pmpro_form_input-textarea:focus {
background-color: var(--pmpro--color--base);
border-color: #80BDFF;
box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
outline: none;
word-break: initial;
}
.pmpro_form_hint {
display: block;
font-size: 14px;
margin: 0;
opacity: 0.75;
padding: 0;
}
.pmpro_form_field-checkbox {
.pmpro_form_label {
align-items: first baseline;
display: flex;
flex-direction: row;
gap: calc( var(--pmpro--base--spacing--small) / 2 );
}
}
.pmpro_form_field-radio-item {
align-items: baseline;
flex-direction: row;
flex-wrap: nowrap;
.pmpro_form_hint {
flex: 0 0 100%;
}
}
.pmpro_form_field-radio-item:not(:last-of-type) {
margin-bottom: calc( var(--pmpro--base--spacing--small) / 2 );
}
.pmpro_form_field-checkbox-grouped {
.pmpro_form_field-checkbox-grouped-item {
align-items: first baseline;
display: flex;
flex-direction: row;
gap: calc( var(--pmpro--base--spacing--small) / 2 );
}
}
.pmpro_form_input-multiselect {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.pmpro_form_field-file {
.pmpro_form_input-file {
border: 3px dashed var(--pmpro--color--border--variation);
border-radius: var(--pmpro--base--border-radius);
padding: var(--pmpro--base--spacing--small) var(--pmpro--base--spacing--medium);
width: 100%;
}
.pmpro_btn {
padding: 0 var(--pmpro--base--spacing--small);
}
} .pmpro_form_field-password-toggle {
align-items: center;
display: flex;
font-weight: 500;
justify-content: space-between;
margin: 0;
padding: 0;
}
.pmpro_form_field-password-toggle button,
.pmpro_form_field-password-toggle button:hover,
.pmpro_form_field-password-toggle button:focus,
.pmpro_form_field-password-toggle button:active {
align-items: center;
background: transparent;
border: none;
box-shadow: none;
box-sizing: border-box;
color: var(--pmpro--color--accent);
display: flex;
flex-direction: row;
font-size: 16px;
gap: calc( var(--pmpro--base--spacing--small) / 2 );
line-height: 1;
margin: 0;
min-height: 1px;
padding: 0;
}
.pmpro_form_field-password-toggle button:focus,
.pmpro_form_field-password-toggle button:active {
box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
color: var(--pmpro--color--accent--variation);
outline: none;
}
.pmpro_form_field-password-toggle .pmpro_icon-eye {
display: block;
height: 20px;
width: 20px;
}
.pmpro_form_field-password-toggle button:focus .pmpro_icon-eye svg,
.pmpro_form_field-password-toggle button:active .pmpro_icon-eye svg {
stroke: var(--pmpro--color--accent--variation);
}
.pmpro_form_field-select2 {
display: block;
}
.pmpro_form_field-select2 .pmpro_form_label {
margin-bottom: calc( var(--pmpro--base--spacing--small) / 2 );
}
.pmpro_form_field-select2 .pmpro_form_hint {
margin-top: calc( var(--pmpro--base--spacing--small) / 2 );
}
.pmpro_payment-expiration #ExpirationMonth,
.pmpro_payment-expiration #ExpirationYear {
flex-grow: 1;
}
.pmpro_payment-discount-code #pmpro_discount_code {
flex-grow: 1;
}
#other_discount_code_fields {
margin-bottom: var(--pmpro--base--spacing--small);
}
#pmpro_tos_fields {
margin: var(--pmpro--base--spacing--medium) 0;
}
#pmpro_tos_fields #pmpro_license {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.pmpro_form_submit {
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--pmpro--base--spacing--medium);
margin-top: var(--pmpro--base--spacing--medium);
}
.pmpro_checkout_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#AccountNumber,
.pmpro_checkout_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#Expiry,
.pmpro_checkout_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#CVV,
.pmpro_billing_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#AccountNumber,
.pmpro_billing_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#Expiry,
.pmpro_billing_gateway-stripe form.pmpro_form #pmpro_payment_information_fields div#CVV {
background-color: var(--pmpro--color--white);
border-radius: var(--pmpro--base--border-radius);
padding: calc( var(--pmpro--base--spacing--small) + 3px );
}
[id^="pmpro_paypal"] .pmpro_btn-submit-checkout-paypal {
align-items: center;
background-color: #ffc439;
border-color: #ffc439;
color: #000;
display: flex;
flex-direction: row;
gap: calc( var(--pmpro--base--spacing--small) / 2 );
justify-content: center;
}
[id^="pmpro_paypal"] .pmpro_btn-submit-checkout-paypal:hover {
background-color: #ffb60a;
border-color: #ffb60a;
} #loginform {
margin-bottom: 0;
}
#loginform input[type="submit"] {
width: 100%;
}
.pmpro_section:has(#loginform) .pmpro_card_content:not(.widget .pmpro_section:has(#loginform) .pmpro_card_content) {
padding-top: var(--pmpro--base--spacing--large);
}
.pmpro_section #loginform .login-username,
.pmpro_section #loginform .login-password,
.pmpro_section #loginform .login-remember {
display: flex;
flex-direction: column;
gap: calc( var(--pmpro--base--spacing--small) / 2 );
margin: 0 0 var(--pmpro--base--spacing--medium);
padding: 0;
}
.pmpro_section #loginform label:not(.pmpro_section #loginform .login-remember label) {
align-items: center;
display: flex;
font-weight: 500;
justify-content: space-between;
margin: 0;
padding: 0;
}
.pmpro_section #loginform .input {
background-color: var(--pmpro--color--base);
border: 1px solid var(--pmpro--color--border);
border-radius: var(--pmpro--base--border-radius);
box-shadow: none;
box-sizing: border-box;
color: var(--pmpro--color--contrast);
font-size: 16px;
line-height: 1.5;
margin: 0;
min-height: auto;
outline: none;
padding: var(--pmpro--base--spacing--small);
}
.pmpro_section #loginform .input:focus {
background-color: var(--pmpro--color--base);
border-color: #80BDFF;
box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
outline: none;
word-break: initial;
}
.pmpro_section #loginform .login-remember {
align-items: baseline;
flex-direction: row;
flex-wrap: wrap;
}
.pmpro_section #loginform .login-submit {
margin: var(--pmpro--base--spacing--medium) 0 0;
}
.pmpro_section #loginform .login-submit .button {
background-color: var(--pmpro--color--accent);
border: 1px solid var(--pmpro--color--accent);
border-radius: var(--pmpro--base--border-radius);
box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);
box-sizing: border-box;
color: var(--pmpro--color--base);
cursor: pointer;
display: inline-block;
font-size: 16px;
font-weight: 700;
letter-spacing: normal;
line-height: 1.5;
min-height: 40px;
outline: 0;
padding: var(--pmpro--base--spacing--small) var(--pmpro--base--spacing--medium);
text-align: center;
text-decoration: none;
text-rendering: geometricprecision;
text-transform: none;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
vertical-align: middle;
transition: background-color 0.2s, color 0.2s;
}
.pmpro_section #loginform .login-submit .button:hover,
.pmpro_section #loginform .login-submit .button:focus {
background-color: initial;
background-position: 0 0;
border-color: var(--pmpro--color--accent);
color: var(--pmpro--color--accent);
}
.pmpro_section #loginform .login-submit .button:active {
opacity: .7;
} #pmpro_user_fields .pmpro_form_field-password:has(.pmpro_form_field-password-toggle),
.pmpro_section #loginform .login-password {
align-items: center;
display: grid;
grid-template-areas:
"label toggle"
"input input";
grid-template-columns: 1fr auto;
}
#pmpro_user_fields .pmpro_form_field-password:has(.pmpro_form_field-password-toggle) label,
.pmpro_section #loginform .login-password label {
grid-area: label;
}
#pmpro_user_fields .pmpro_form_field-password:has(.pmpro_form_field-password-toggle) input,
.pmpro_section #loginform .login-password input {
grid-area: input;
}
#pmpro_user_fields .pmpro_form_field-password .pmpro_form_field-password-toggle,
.pmpro_section #loginform .login-password .pmpro_form_field-password-toggle {
grid-area: toggle;
justify-self: end;
}
#resetpassform .pmpro_cols-2 {
container: resetpassform / inline-size;
}
@container resetpassform (max-width: 620px) {
#resetpassform .pmpro_cols-2 {
flex-direction: column;
}
#resetpassform .pmpro_cols-2 > * {
width: 100%;
}
} .pmpro_data_filters {
.pmpro_form_input {
padding: calc( var(--pmpro--base--spacing--small) / 2 );
}
.pmpro_form_input-select {
padding-right: calc(var(--pmpro--base--spacing--small) + 20px);
}
.pmpro_btn {
min-height: auto;
padding: calc( var(--pmpro--base--spacing--small) / 2 ) var(--pmpro--base--spacing--medium);
}
} .pmpro_list.pmpro_cols-3 {
.pmpro_list_item {
margin-bottom: 0;
}
li:not(.pmpro_list_item) {
border-top: 1px solid var(--pmpro--color--border--variation);
padding-top: var(--pmpro--base--spacing--medium);
grid-column: span 3;
}
}
.pmpro_list_item_label {
font-weight: 700;
}
.pmpro_list-with-labels {
.pmpro_list_item_label {
display: block;
font-weight: 400;
opacity: 0.75;
}
.pmpro_list_item_value {
font-weight: 700;
}
} .pmpro_table {
background-color: var(--pmpro--color--base);
border: none;
text-align: left;
thead th {
background-color: var(--pmpro--color--base);
border: none;
padding: var(--pmpro--base--spacing--small);
vertical-align: text-bottom;
}
tbody th,
tbody td,
tfoot td  {
background-color: var(--pmpro--color--base);
border-color: var(--pmpro--color--border--variation);
border-width: 1px 0 0 0;
border-style: solid;
font-weight: normal;
padding: var(--pmpro--base--spacing--small);
vertical-align: middle;
}
} #pmpro_account-membership-none {
.pmpro_card_content {
padding-top: var(--pmpro--base--spacing--large);
p {
margin: 0;
}
}
}
#pmpro_account-membership {
.pmpro_account-membership-message {
border-top: 1px solid var(--pmpro--color--border--variation);
margin-top: var(--pmpro--base--spacing--large);
padding-top: var(--pmpro--base--spacing--large);
> *:first-child {
margin-top: 0;
padding-top: 0;
}
}
}
#pmpro_account-links {
.pmpro_card_content {
padding-top: var(--pmpro--base--spacing--large);
.pmpro_list {
margin-bottom: 0;
}
}
} .pmpro_levels_table {
table-layout: fixed;
}
.pmpro_level td p:first-of-type {
margin-top: 0;
}
.pmpro_level .pmpro_btn {
display: block;
text-decoration: none;
} [id^="pmpro_billing-"] .pmpro_card .pmpro_card {
background-color: transparent;
border: none;
border-radius: unset;
box-shadow: none;
margin: 0;
.pmpro_card_content {
padding: 0;
}
} .pmpro_table_orders .pmpro_tag {
display: block;
}
#pmpro_order_single {
.pmpro_card_actions {
text-align: right;
}
h2 {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: var(--pmpro--base--spacing--small);
justify-content: space-between;
}
.pmpro_list-with-labels {
.pmpro_list_item_label {
font-weight: 700;
opacity: 1;
}
}
.pmpro_table {
thead th {
white-space: nowrap;
}
thead th:not(th:first-of-type),
tbody td,
tfoot td {
text-align: right;
}
tfoot tr:last-of-type td {
font-weight: 700;
}
}
}
.pmpro_price_part-total {
border-top: 1px solid var(--pmpro--color--border--variation);
margin-top: var(--pmpro--base--spacing--small);
padding-top: var(--pmpro--base--spacing--small);
} .pmpro_logged_in_welcome_wrap .menu {
display: flex;
flex-direction: column;
list-style: none;
margin: 0;
padding: 0;
}
.pmpro_logged_in_welcome_wrap .menu-item {
display: block;
margin: 0 0 calc( var(--pmpro--base--spacing--small) / 2 );
} .pmpro_content_message .pmpro_card_title {
align-items: center;
display: flex;
gap: var(--pmpro--base--spacing--small);
}
.pmpro_content_message:has(.pmpro_card_title) .pmpro_card_content {
padding-top: 0;
}
.pmpro_content_message .pmpro_card_content h2 {
margin: 0;
padding: 0;
}
.pmpro_content_message .pmpro_card_content p {
margin: var(--pmpro--base--spacing--medium) 0;
padding: 0;
}
.pmpro_content_message .pmpro_card_content p:last-of-type {
margin-bottom: 0;
}
.pmpro_content_message .pmpro_card_content .pmpro_btn {
text-decoration: none;
}
.pmpro_content_message .pmpro_card_actions {
padding-right: var(--pmpro--base--spacing--large);
padding-left: var(--pmpro--base--spacing--large);
} .pmpro_pagination {
align-items: center;
display: flex;
gap: var(--pmpro--base--spacing--small);
justify-content: center;
margin: var(--pmpro--base--spacing--medium) 0;
a {
background-color: var(--pmpro--color--base);
border: 1px solid var(--pmpro--color--border--variation);
border-radius: var(--pmpro--base--border-radius);
color: var(--pmpro--color--contrast);
padding: 2px var(--pmpro--base--spacing--small);
text-decoration: none;
transition: background-color 0.2s, border-color 0.2s, color 0.2s;
&:hover {
background-color: var(--pmpro--color--accent--variation);
border-color: var(--pmpro--color--accent--variation);
color: var(--pmpro--color--base);
}
}
span {
background-color: var(--pmpro--color--base);
border: 1px solid var(--pmpro--color--border--variation);
border-radius: var(--pmpro--base--border-radius);
color: var(--pmpro--color--contrast);
padding: 2px var(--pmpro--base--spacing--small);
}
.pmpro_pagination-current {
background-color: var(--pmpro--color--accent);
color: var(--pmpro--color--base);
cursor: default;
font-weight: 700;
}
.pmpro_pagination-disabled {
background-color: var(--pmpro--color--base--variation);
border-color: var(--pmpro--color--border--variation);
color: var(--pmpro--color--contrast--variation);
cursor: not-allowed;
opacity: 0.7;
}
.pmpro_pagination-dots {
background: none;
border: none;
color: var(--pmpro--color--contrast--variation);
padding: 0;
}
.pmpro_pagination-previous {
margin-right: 0;
}
.pmpro_pagination-next {
margin-left: 0;
}
} .avatar {
border: 1px solid var(--pmpro--color--border--variation);
border-radius: 50%;
box-shadow: var(--pmpro--box-shadow);
margin: 0;
padding: 0;
}
.pmpro_cols-2,
.pmpro_cols-3 {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--pmpro--base--spacing--medium);
}
.pmpro_cols-2 > * {
width: calc( 50% - calc( var(--pmpro--base--spacing--medium) / 2 ) );
}
.pmpro_cols-3 > * {
width: calc( 33.333333% - calc( var(--pmpro--base--spacing--medium) * 2 / 3 ) );
}
.pmpro_font-x-large {
font-size: 32px;
line-height: 1.4;
}
.pmpro_font-large {
font-size: 24px;
line-height: 1.5;
}
.pmpro_font-medium {
font-size: 16px;
line-height: 1.6;
}
.pmpro_font-small {
font-size: 14px;
line-height: 1.5;
}
.pmpro_tag-discount-code {
border-style: dashed;
}
.pmpro_divider {
background-color: var(--pmpro--color--border--variation);
height: 1px;
margin: var(--pmpro--base--spacing--medium) 0;
}
.pmpro_form .pmpro_divider {
margin-top: var(--pmpro--base--spacing--large);
}
} .rtl {
.pmpro_form_field-password-toggle {
padding: 0 0 0 var(--pmpro--base--spacing--small);
}
} @media print {
.pmpro {
font-size: 12pt;
.pmpro_section {
margin: var(--pmpro--base--spacing--medium) 0;
}
.pmpro_card_title {
padding: var(--pmpro--base--spacing--small) var(--pmpro--base--spacing--small) 0;
}
.pmpro_card_content {
padding: var(--pmpro--base--spacing--small) var(--pmpro--base--spacing--small) var(--pmpro--base--spacing--small);
}
.pmpro_section:has(.pmpro_form) .pmpro_card_content {
padding-top: var(--pmpro--base--spacing--small);
}
.pmpro_font-x-large {
font-size: 18pt;
}
.pmpro_font-large {
font-size: 14pt;
}
.pmpro_font-medium {
font-size: 14pt;
}
}
} @media print {
.pmpro {
.pmpro_card {
background-color: transparent;
border: none;
box-shadow: none;
}
.pmpro_card_title,
.pmpro_card_content,
.pmpro_section:has(.pmpro_form) .pmpro_card_title + .pmpro_card_content {
padding: 0;
}
.pmpro_form_legend {
margin-bottom: 0;
}
}
} @media screen and (max-width: 767px) {
.pmpro {
.pmpro_table {
tbody tr th:first-child,
tbody tr td:first-child {
border-top-width: 4px;
padding-top: var(--pmpro--base--spacing--large);
}
tbody tr th:last-child,
tbody tr td:last-child {
padding-bottom: var(--pmpro--base--spacing--large);
}
tbody tr:first-child th:first-child,
tbody tr:first-child td:first-child {
border-top: none;
}
}
#pmpro_order_single {
.pmpro_table {
thead th:not(th:first-of-type),
tbody td,
tfoot td {
text-align: left;
}
tbody tr:first-child th {
display: block;
}
tbody tr:first-child th:before {
display: none;
}
tfoot td:first-of-type {
display: none;
}
}
}
.pmpro_table_cancel {
border-bottom: 1px solid var(--pmpro--color--border--variation);
}
.pmpro_table_cancel tbody tr td {
border-width: 0;
padding-top: 0;
}
.pmpro_cols-2,
.pmpro_cols-3 {
display: flex;
flex-direction: column;
gap: var(--pmpro--base--spacing--medium);
}
.pmpro_cols-2 > *,
.pmpro_cols-3 > * {
width: auto;
}
#pmpro_user_fields .pmpro_form_field-password:has(.pmpro_form_field-password-toggle) {
width: 100%;
}
}
}