#wpadminbar li.wpda-wpdp-toolbar > .ab-item:before {
content: "\f17d";
top: 3px;
}.fmcm-submission {
width: 100vw;
margin: 0 auto;
max-width: 600px;
background-color: white;
padding: 20px;
}
.fmcm-submission #new-submission-wrapper {
background-color: #eee;
padding: 20px;
margin: 20px 0;
display: none;
}
.fmcm-submission form {
width: 100%;
}
.fmcm-submission form.fmcm-submission-form input,
.fmcm-submission form.fmcm-submission-form textarea {
display: block;
width: 100%;
max-width: 400px;
margin-bottom: 10px;
}
.fmcm-submission form.fmcm-submission-form input[type="checkbox"] {
width: auto;
display: inline-block;
margin-right: 4px;
}
.fmcm-submission form.fmcm-submission-form input[name="fmcm-submission-age"] {
width: 100px;
display: inline-block;
margin: 20px 0;
}
.fmcm-submission form.fmcm-submission-form textarea {
max-height: 312px;
}
.fmcm-submission form.fmcm-submission-form label {
display: block;
font-weight: bold;
cursor: pointer;
}
.fmcm-submission form.fmcm-submission-form label .fmcm-label-notice {
font-weight: normal;
font-style: italic;
}
.fmcm-submission form.fmcm-submission-form label[for="fmcm-submission-age"] {
width: auto;
display: inline-block;
margin-right: 10px;
} .fmcm-submission #fmcm-submission-link-validation {
background-color: #ccc;
padding: 20px;
margin: 20px 0;
}
.fmcm-submission #fmcm-submission-link-validation p {
margin-bottom: 5px;
font-style: italic;
font-size: 0.8rem;
}
.fmcm-submission #fmcm-submission-link-validation-title,
.fmcm-submission #fmcm-submission-link-validation-channel {
font-weight: bold;
font-size: 1rem;
font-style: normal;
}
.fmcm-submission .fmcm-form-errors {
padding: 10px 0;
color: #ed1d02;
font-weight: bold;
}
.fmcm-submission .fmcm-form-errors ul {
margin: 0;
padding: 0;
}
.fmcm-submission .fmcm-form-errors ul li {
display: block;
}
.fmcm-submission .submission-preview-wrapper > div {
background-color: #eee;
padding: 20px;
margin: 20px 0;
display: none;
}
.result-bar-wrapper {
margin-bottom: 20px;
}
.result-bar-wrapper p {
margin-bottom: 10px;
}
.result-bar {
width: calc(100% - 32px);
background-color: #ededed;
height: 40px;
position: relative;
z-index: 0;
}
.result-bar .progress {
background-color: #59B16D;
height: inherit;
padding: 4px;
z-index: 2;
}
.result-bar .points {
position: absolute;
top: 0;
transform: translate(-32px, 0px);
font-weight: bold;
line-height: 40px;
z-index: 3;
text-align: center;
width: 32px;
}
.result-bar .max-points {
position: absolute;
top: 0;
right: -32px;
line-height: 40px;
z-index: 1;
text-align: center;
width: 32px;
}
.result-stats {
width: 100%;
height: 300px;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: end;
padding: 32px;
padding-right: 0;
}
.result-stats .scale-left {
position: absolute;
left: 0px;
top: 0;
height: calc(100% - 64px);
width: 15px;
border-right: 2px solid #000000;
margin: 32px 0 32px 0;
}
.result-stats .scale-left ul {
margin: 0;
padding: 0;
}
.result-stats .scale-left ul li {
display: block;
border-bottom: 2px solid #000000;
width: 22px;
margin-left: 3px;
}
.result-stats .tower-wrapper {
height: 100%;
flex: auto;
padding: 0 4px;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
}
.result-stats .tower-wrapper .tower {
width: 100%;
position: relative;
background-color: #cccccc;
}
.result-stats .tower-wrapper .tower.my-tower {
background-color: #59B16D;
}
.result-stats .tower-wrapper .tower .label {
display: none;
position: absolute;
top: -24px;
left: 50%;
transform: translate(-50%, 0);
font-size: 11px;
}
.result-stats .tower-wrapper .tower.my-tower .label {
display: block;
font-weight: bold;
}
.result-stats .tower-wrapper:hover .tower .label {
display: block;
}
.result-stats .tower-wrapper .scale-bottom {
position: absolute;
bottom: 5px;
} .fmcm-submission.fmcm-judge-submission {
max-width: 680px;
margin-bottom: 100px;
}
.fmcm-judge-submission .fmcm-judge-submission-wrapper {
background-color: lightgray;
padding: 20px;
margin-top: 40px;
}
.fmcm-judge-submission .fmcm-judge-submission-cat,
.fmcm-judge-submission .fmcm-judge-submission-feedback,
.fmcm-judge-submission button[type="submit"] {
margin-top: 20px;
}
.fmcm-judge-submission .fmcm-judge-submission-cat label {
display: block;
}
.fmcm-judge-submission .fmcm-judge-submission-cat input[type="number"] {
width: 80px;
}
.fmcm-judge-submission .fmcm-judge-submission-cat span {
margin-left: 10px;
}
.fmcm-judge-submission .fmcm-judge-submission-feedback textarea {
width: 100%;
max-height: unset;
min-height: 300px;
} @keyframes rotate {
to {
transform: rotate(360deg);
}
}
.video-js.vjs-lime {
border-radius: 0.5em;
}
.video-js.vjs-lime .vjs-big-play-button {
width: 2em;
height: 2em;
line-height: 1.9em;
border-radius: 1em;
left: calc(50% - 1em);
top: calc(50% - 1em);
backdrop-filter: blur(4px);
background-color: rgba(0, 0, 0, 0.6);
border: 2px solid #79E291;
color: #79E291;
}
.video-js.vjs-lime:hover .vjs-big-play-button,
.video-js.vjs-lime:focus .vjs-big-play-button {
backdrop-filter: blur(4px);
background-color: rgba(40, 40, 40, 0.6);
border: 2px solid #79E291;
color: #79E291;
}
.video-js.vjs-lime .vjs-loading-spinner {
border: 3px solid rgba(0, 0, 0, 0.6);
width: 45px;
height: 45px;
}
.video-js.vjs-lime .vjs-loading-spinner:before,
.video-js.vjs-lime .vjs-loading-spinner:after {
margin: -3px;
animation: rotate 0.8s linear infinite;
border-top-color: #79E291;
}
.video-js.vjs-lime .vjs-loading-spinner:after {
display: none;
border-top-color: #2315ff;
}
.video-js.vjs-lime button:focus,
.video-js.vjs-lime .vjs-menu-item:focus {
outline: none;
color: #79E291;
}
.video-js.vjs-lime .vjs-control-bar {
height: 5em;
padding-top: 2em;
background: linear-gradient(
0deg,
rgba(0, 0, 0, 0.7) 0%,
rgba(0, 0, 0, 0.4) 35%,
transparent 100%
);
border-bottom-left-radius: 0.5em;
border-bottom-right-radius: 0.5em;
}
.video-js.vjs-lime button.vjs-icon-cog {
font-size: 1.3em;
}
.video-js.vjs-lime .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
background-color: rgba(0, 0, 0, 0.6);
border-radius: 0.5em;
backdrop-filter: blur(4px);
}
.video-js.vjs-lime video {
border-radius: 0.5em;
}
.video-js.vjs-lime video:focus {
outline: none;
}
.video-js.vjs-lime .vjs-slider {
background-color: rgba(255, 255, 255, 0.3);
border-radius: 10px;
}
.video-js.vjs-lime .vjs-progress-holder .vjs-load-progress {
background-color: #79E291;
transition: width 0.15s linear;
}
.video-js.vjs-lime .vjs-progress-holder .vjs-play-progress,
.video-js.vjs-lime .vjs-progress-holder .vjs-load-progress,
.video-js.vjs-lime .vjs-progress-holder .vjs-load-progress > div {
border-radius: 10px;
}
.video-js.vjs-lime .vjs-menu li.vjs-menu-item:focus:not(.vjs-selected),
.video-js.vjs-lime .vjs-menu li.vjs-menu-item:hover:not(.vjs-selected),
.video-js.vjs-lime
.js-focus-visible
.vjs-menu
li.vjs-menu-item:hover:not(.vjs-selected) {
background-color: rgba(255, 255, 255, 0.3);
}   .fmcm-buyform {
width: 320px !important;
height: auto;
border: 1px solid #59B16D;
padding: 20px;
}
.fmcm-buyform h2 {
margin: 0;
text-align: center;
width: 100%;
color: #59B16D;
}
.fmcm-buyform p {
margin-top: 10px;
}
.fmcm-buyform p #buyform-price {
font-size: 1.4rem;
font-weight: bold;
}
.fmcm-buyform label {
font-weight: bold;
}
.fmcm-buyform input,
.fmcm-buyform select {
background-color: #fff;
}
.fmcm-buyform .main {
display: flex;
flex-direction: column;
margin-bottom: 10px;
}
.fmcm-buyform .main select {
display: block;
width: 100%;
}
.fmcm-buyform .addons {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-bottom: 20px;
}
.fmcm-buyform .addons label {
width: calc(100% - 90px);
}
.fmcm-buyform .addons input {
display: block;
width: 70px;
}
.fmcm-buyform button[type="submit"] {
margin-left: calc(50% - 55px);
width: 110px;
}
.fmcm-buyform .number-input {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.fmcm-buyform .number-input button {
width: 30px;
height: 30px;
background: none;
border: none;
outline: none;
padding: 0;
margin: 0;
background-color: #79E291;
}
.fmcm-buyform .number-input button:hover {
background: none;
background-color: #79E291;
}
.fmcm-buyform .number-input .current-number {
display: inline-block;
padding: 0 8px;
} .woocommerce-error {
background: #a00 !important;
} .btn:hover,
.button.button-primary:hover,
button:hover,
input:hover[type="button"],
input:hover[type="submit"] {
background-color: #79E291 !important;
}
* SPINNER */ .lds-spinner {
color: official;
display: inline-block;
position: relative;
width: 40px;
height: 40px;
vertical-align: middle;
}
.lds-spinner div {
transform-origin: 20px 20px;
animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
content: " ";
display: block;
position: absolute;
top: 1.5px;
left: 18.5px;
width: 3px;
height: 9px;
border-radius: 20%;
background: #000;
}
.lds-spinner div:nth-child(1) {
transform: rotate(0deg);
animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
transform: rotate(30deg);
animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
transform: rotate(60deg);
animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
transform: rotate(90deg);
animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
transform: rotate(120deg);
animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
transform: rotate(150deg);
animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
transform: rotate(180deg);
animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
transform: rotate(210deg);
animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
transform: rotate(240deg);
animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
transform: rotate(270deg);
animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
transform: rotate(300deg);
animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
transform: rotate(330deg);
animation-delay: 0s;
}
@keyframes lds-spinner {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.cert-link-btn {
background-color: var(--e-global-color-nvprimaryaccent);
color: #fff;
font-weight: bold;
padding: 4px 6px;
border-radius: 4px;
margin-bottom: 10px;
display: block;
width: 140px;
text-align: center;
}