h5 {
font-weight: 600 !important;
}
.wp-block-navigation__container {
gap: 30px;
} .style-vP0mYzy99sE-inner,
.style-zHbLBra9W0-outer,
.style-vOx44vgYdR-outer,
.style-72lIsDzmL-outer {
display: none !important;
}
.white-text {
color: white !important;
}
.flex-grid {
display: flex;
}
.col {
flex: 1;
}
.home div.wpforms-container-full .wpforms-field-label {
color: white !important;
} #wpforms-form-159 input {
padding: 10px 20px !important;
padding-top: 8px !important;
padding-bottom: 10px !important;
line-height: 1em !important;
}
#wpforms-form-159 textarea {
padding: 10px 20px !important;
padding-top: 15px !important;
padding-bottom: 10px !important;
line-height: 1em !important;
}
.spark-button {
color: white !important;
text-align: center;
border: none !important;
border-radius: 30px !important;
padding: 10px 40px !important;
text-decoration: none;
border: 1px solid rgba(var(--kubio-color-1), 1) !important;
background-color: rgba(var(--kubio-color-1), 1);
justify-content: center;
display: inline-block;
font-size: 1.3em;
}
.spark-button-sml {
padding: 5px 25px !important;
}
.spark-button-xs {
font-size: .9em;
padding: 5px 25px !important;
}
.dashicons.spin {
animation: dashicons-spin 1s infinite;
animation-timing-function: linear;
}
@keyframes dashicons-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.add-form {
font-size: .9em !important;
line-height: 1.2em !important;
max-width: 370px;
}
.home .add-form {
margin: auto;
padding-bottom: 30px;
}
.tgl-fields {
border: 1px solid rgba(var(--kubio-color-1), 1);
padding: 10px 20px;
border-radius: 30px;
cursor: pointer;
font-weight: 500;
font-size: 1.1em;
color: #f07e15;
margin-bottom: 10px;
max-width: 10em;
text-align: center;
}
.align-center {
margin: auto;
}
.align-center .tgl-fields {
color: white !important;
background-color: rgba(var(--kubio-color-1), 1);
font-size: 1.8em;
margin: 0 auto 15px auto;
}
.venue-dates .tgl-fields {
font-size: 1.1 em;
}
.add-form .hid-fields {
display: none;
padding-bottom: 30px;
}
.add-form .flex-fields {
width: 100%;
display: flex;
flex-flow: row nowrap;
gap: 5%;
align-items: flex-start;
}
.add-form .spark-input, .spark-input{
border-radius: 30px !important;
padding: .5em 1em !important;
font-size: inherit !important;
line-height: inherit !important;
flex-basis: 75% !important;
margin-bottom: 0 !important;
}
.add-form .spark-button {
padding: .5em 1em !important;
font-size: inherit !important;
line-height: inherit !important;
flex-basis: 25% !important;
margin-bottom: 0 !important;
}
.add-form .msg {
overflow: hidden;
display: none;
font-size: 1.2em;
padding: .5em 1em !important;
background-color: #fff3cd !important;
border-radius: 10px;
line-height: inherit !important;
flex-basis: 100% !important;
margin-top: 10px !important;
}
.spinner,
.spinner-sml {
width: 18px;
height: 18px;
border: 2px solid #FFF;
border-bottom-color: transparent;
border-radius: 50%;
display: inline-block;
box-sizing: border-box;
animation: rotation 1s linear infinite;
}
@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.spinner-sml {
width: 14px;
height: 14px;
}
.page-template-page-webapp {
padding: 0;
}
.page-template-page-webapp a {
color: #f07e15;
text-decoration: none;
}
#webapp-header {
width: 100%;
background-color: #222222;
display: flex;
justify-content: space-between;
color: white;
}
#webapp-header a {
color: rgba(var(--kubio-color-1), 1);
margin: 20px;
}
#webapp-body {
font-size: 16px;
font-family: Roboto, Helvetica, Arial, Sans-Serif, serif;
font-weight: 300;
font-size: 16px;
line-height: 1.4;
text-transform: none;
color: rgba(var(--kubio-color-6-variant-4), 1);
margin: auto;
width: 600px;
max-width: 100vw;
}
#app_logo {
max-height: 40px;
margin: 10px 20px;
}
#app-content {
margin: 25px;
}
.cal-icon-link {
display: inline-block;
width: 20px;
height: 20px;
background-image: url(https://spark.d5creation.com/wp-content/uploads/2023/10/cal-icon.png);
background-size: cover;
background-repeat: no-repeat;
margin-right: 10px;
}
.circle-date {
border-bottom: 1px dotted rgba(var(--kubio-color-1), .5);
padding-bottom: 5px !important;
}
.circle-date h5 {
margin: 10px 0 0 0;
display: flex;
justify-content: space-between;
gap: 20px;
}
.circle-extras table tr td{
padding-right:5px;
vertical-align: top;
}
.circle-extras-toggle{
cursor:pointer;
color: rgba(var(--kubio-color-1), 1);
display:block
}
.circle-notes, .circle-extras{
font-size: .8em;
}
.attendee-list {
list-style-type: none;
}
.attendee,
.facilitator {
font-weight: 400;
cursor: pointer;
color: rgba(var(--kubio-color-1), 1);
}
.facilitator {
color:#777777;
}
.form-panel-grey {
background-color: #f2f2f2;
padding: 20px;
border-radius: 10px;
}
.form-panel-grey select {
font-size: 1.8em !important;
padding: 3px 20px 0 20px !important;
margin-bottom: 15px !important;
border-radius: 30px !important;
line-height: 1em !important;
font-weight: 500;
color: rgba(var(--kubio-color-1), 1) !important;
background-color: #fff !important;
border: 1px solid rgba(var(--kubio-color-1), .5) !important;
cursor: pointer;
width: 100%;
max-width: 92%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.spark-app-button {
font-size: 1.4em !important;
line-height: 1em !important;
color: white !important;
text-align: center;
border: none !important;
border-radius: 30px !important;
padding: 16px 20px !important;
text-decoration: none;
background-color: rgba(var(--kubio-color-1), 1);
justify-content: center;
display: inline-block;
margin-bottom: 15px;
white-space: nowrap;
}
.spark-app-button:disabled,
.spark-app-button[disabled],
.disabled {
opacity: .3;
cursor: none
}
#registrations {
margin-top: 25px;
width: 100%;
max-width: 100%;
}
#circle_details_form  .spark-input{
font-family: Roboto, Helvetica, Arial, Sans-Serif, serif !important;
border-radius: 10px !important;
padding: .5em !important;
width: 95%;
max-width: 95%;
border:1px solid rgba(var(--kubio-color-1), 1) !important;
}
.spark-table td{
vertical-align: top !important;
white-space:nowrap !important;
padding:0 20px 10px 0;
}
#fileList{
list-style-type: none;
padding: 0;
margin: 0;
}
#fileList li{
display: block;
padding: 5px 0 0 0;
border-bottom: 1px dotted rgba(var(--kubio-color-1), .5);
} .trigger{
cursor:pointer;
}
.popup-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
display: none;
justify-content: center;
align-items: center;
z-index: 999;
}
.popup-box {
position: relative;
background: #fff;
padding: 2rem;
border-radius: 12px;
width:90%;
max-width: 600px;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
animation: fadeIn 0.3s ease-in-out;
}
.close-popup {
position: absolute;
top: 5px;
right: 25px;
font-size: 2rem;
cursor: pointer;
color: #888;
}
@keyframes fadeIn {
from { transform: scale(0.9); opacity: 0; }
to { transform: scale(1); opacity: 1; }
}
@media (min-width:481px) {
.style-g63WL2cMz-container {
display: none !important;
}
.tgl-fields {
padding: 12px 20px !important;
font-size: 1.2em !important;
}
}
@media (max-width:600px) {
.tgl-fields {
padding: 12px 20px !important;
font-size: 1.2em !important;
}
.form-panel-grey select.spark-input {
-webkit-appearance: initial;
-moz-appearance: initial;
appearance: initial;
padding: 12px 20px !important;
max-width: 85% !important;
}
}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:sans-serif}body{margin:0}*,:after,:before{box-sizing:inherit}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2.44em;margin:.67em 0}h1,h2{line-height:1.4}h2{font-size:1.95em}h3{font-size:1.56em;line-height:1.4}h4{font-size:1.25em;line-height:1.5}h5{font-size:1em}h6{font-size:.8em}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:Monaco,Consolas,Andale Mono,DejaVu Sans Mono,monospace;font-size:.875rem}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.screen-reader-text{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;height:1px;margin:-1px;overflow:hidden;position:absolute!important;width:1px}.screen-reader-text:focus{clip:auto!important;background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);-webkit-clip-path:none;clip-path:none;color:#21759b;display:block;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.alignleft{display:inline;float:left;margin-right:1.5em}.alignright{display:inline;float:right;margin-left:1.5em}.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}#wpadminbar{text-align:initial}#wpadminbar:before,#wpadminbar :before{box-sizing:content-box;display:block;height:unset;width:unset}#wpadminbar .admin-bar-search .ab-item:before,#wpadminbar form:before{content:normal}#wpadminbar .ab-sub-wrapper ul{display:block}#wp-toolbar ul{display:inline-block}.bypostauthor,.gallery-caption,.sticky{font-family:inherit}.aligncenter,div.aligncenter{display:block;margin-bottom:"16px"}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignleft,.wp-caption.alignnone,.wp-caption.alignright{margin-bottom:"16px"}.wp-caption img{border:0;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.wp-caption p.wp-caption-text{font-size:.6em;line-height:150%;margin:0;padding:0 4px 5px}.fancybox-container{z-index:100000!important}.fancybox-container .fancybox-slide--iframe .fancybox-content{max-height:100%!important}.embed-container,.embed-youtube{height:0;margin-bottom:1rem;padding-bottom:56.25%;padding-top:25px;position:relative}.embed-container>iframe,.embed-youtube>iframe{height:100%;left:0;position:absolute;top:0;width:100%}.mejs-inner .mejs-button>button[aria-controls]{background-color:transparent;border:none;border-radius:0;display:block;min-width:10px;padding:0;transition:none;width:20px}.mejs-inner .mejs-button>button[aria-controls]:focus,.mejs-inner .mejs-button>button[aria-controls]:hover{background-color:transparent}pre{white-space:pre-line}