/* -------------------------------- 

File#: _2_time-picker
Title: Time Picker
Descr: Time selector input
Usage: codyhouse.co/license

-------------------------------- */
.time-picker .btns { /* AM/PM switcher */
    --btns-button-padding-x: 0.75rem;
    --btns-button-padding-y: 0.5rem;
  }
  
  .time-picker__input {
    text-align: center;
    padding: 0.5rem var(--space-3xs);
    /* hide native input arrows */
  }
  .time-picker__input:focus {
    outline: none;
  }
  .time-picker__input::-webkit-outer-spin-button, .time-picker__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .time-picker__input[type=number] {
    -moz-appearance: textfield;
  }
  
  /* native time input */
  .time-picker-native::-webkit-calendar-picker-indicator {
    background: currentColor;
    /* custom icon */
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='currentColor'%3E%3Cpath d='M8,0a8,8,0,1,0,8,8A8.024,8.024,0,0,0,8,0ZM8,14a6,6,0,1,1,6-6A6.018,6.018,0,0,1,8,14Z'%3E%3C/path%3E%3Cpath d='M11.5,7H9V4.5a1,1,0,0,0-2,0V8A1,1,0,0,0,8,9h3.5a1,1,0,0,0,0-2Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='currentColor'%3E%3Cpath d='M8,0a8,8,0,1,0,8,8A8.024,8.024,0,0,0,8,0ZM8,14a6,6,0,1,1,6-6A6.018,6.018,0,0,1,8,14Z'%3E%3C/path%3E%3Cpath d='M11.5,7H9V4.5a1,1,0,0,0-2,0V8A1,1,0,0,0,8,9h3.5a1,1,0,0,0,0-2Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
  }
  

.divider-line1 {
    margin-top: 2rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #cecece;
}



.text-divider {
    margin: var(--space-lg) auto;
    display: flex;
    text-align: center;
    align-items: center;
  }
  .text-divider span {
    font-size: var(--text-sm);
    white-space: nowrap;
    padding: 0 var(--space-sm);
  }
  .text-divider::before, .text-divider::after {
    content: "";
    display: inline-block;
    height: 1px;
    width: 20px;
    flex-grow: 1;
    background: var(--color-contrast-lower);
    vertical-align: middle;
  }


  .form-divider {
    margin: 2rem 0px;
    border-bottom: 1px solid #e90000;
    font-size: 1rem;
    color: black;
}


.kbf-title-with-sub {
    text-align: center;
    margin: 1rem 0rem;
}

.kbf-title-with-sub {
    text-align: center;
    margin: 1rem 0rem;
}

.container.kbf-art-container {
    width: calc(100% - 0.5 * var(--component-padding)); 

}

/* others */
.text-base { font-size: 1rem; line-height: 1.5rem; }
.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.cursor-pointer { cursor: pointer }

*, ::before, ::after {
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb;
}


/* Opacity */

.opacity-0 { opacity: 0 !important }
.opacity-2 { opacity: 0.02 !important }
.opacity-4 { opacity: 0.04 !important }
.opacity-5 { opacity: 0.05 !important }
.opacity-6 { opacity: 0.06 !important }
.opacity-8 { opacity: 0.08 !important }
.opacity-10 { opacity: 0.1 !important }
.opacity-12 { opacity: 0.12 !important }
.opacity-15 { opacity: 0.15 !important }
.opacity-20 { opacity: 0.2 !important }
.opacity-25 { opacity: 0.25 !important }
.opacity-30 { opacity: 0.3 !important }
.opacity-35 { opacity: 0.35 !important }
.opacity-40 { opacity: 0.4 !important }
.opacity-45 { opacity: 0.45 !important }
.opacity-50 { opacity: 0.5 !important }
.opacity-55 { opacity: 0.55 !important }
.opacity-60 { opacity: 0.6 !important }
.opacity-65 { opacity: 0.65 !important }
.opacity-70 { opacity: 0.7 !important }
.opacity-75 { opacity: 0.75 !important }
.opacity-80 { opacity: 0.8 !important }
.opacity-85 { opacity: 0.85 !important }
.opacity-90 { opacity: 0.9 !important }
.opacity-95 { opacity: 0.95 !important }
.opacity-100 { opacity: 1 !important }

/* Spacing */

.p-0 { padding: 0px }
.p-1 { padding: 0.25rem }
.p-2 { padding: 0.5rem }
.p-3 { padding: 0.75rem }
.p-4 { padding: 1rem }
.p-5 { padding: 1.25rem }
.p-6 { padding: 1.5rem }
.p-7 { padding: 1.75rem }
.p-8 { padding: 2rem }
.p-9 { padding: 2.25rem}
.p-10 { padding: 2.5rem }
.p-11 { padding: 2.75rem }
.p-12 { padding: 3rem }
.p-14 { padding: 3.5rem }
.p-16 { padding: 4rem }
.p-20 { padding: 5rem }
  
.px-0 { padding-left: 0px; padding-right: 0px; }
.px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
.px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
.px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.px-4 { padding-left: 1rem; padding-right: 1rem; }
.px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.px-7 { padding-left: 1.75rem; padding-right: 1.75rem; }
.px-8 { padding-left: 2rem; padding-right: 2rem; }
.px-9 { padding-left: 2.25rem; padding-right: 2.25rem; }
.px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
.px-11 { padding-left: 2.75rem; padding-right: 2.75rem; }
.px-12 { padding-left: 3rem; padding-right: 3rem; }
.px-14 { padding-left: 3.5rem; padding-right: 3.5rem; }
.px-16 { padding-left: 4rem; padding-right: 4rem; }
.px-20 { padding-left: 5rem; padding-right: 5rem; }

.py-0 { padding-top: 0px; padding-bottom: 0px; }
.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.py-4 { padding-top: 1rem; padding-bottom: 1rem; }
.py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.py-7 { padding-top: 1.75rem; padding-bottom: 1.75rem; }
.py-8 { padding-top: 2rem; padding-bottom: 2rem; }
.py-9 { padding-top: 2.25rem; padding-bottom: 2.25rem; }
.py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.py-11 { padding-top: 2.75rem; padding-bottom: 2.75rem; }
.py-12 { padding-top: 3rem; padding-bottom: 3rem; }
.py-14 { padding-top: 3.5rem; padding-bottom: 3.5rem; }
.py-16 { padding-top: 4rem; padding-bottom: 4rem; }
.py-20 { padding-top: 5rem; padding-bottom: 5rem; }

.pb-0 { padding-bottom: 0px }
.pb-1 { padding-bottom: 0.25rem }
.pb-2 { padding-bottom: 0.5rem }
.pb-3 { padding-bottom: 0.75rem }
.pb-4 { padding-bottom: 1rem }
.pb-5 { padding-bottom: 1.25rem }
.pb-6 { padding-bottom: 1.5rem }
.pb-7 { padding-bottom: 1.75rem }
.pb-8 { padding-bottom: 2rem }
.pb-9 { padding-bottom: 2.25rem }
.pb-10 { padding-bottom: 2.5rem }
.pb-11 { padding-bottom: 2.75rem }
.pb-12 { padding-bottom: 3rem }
.pb-14 { padding-bottom: 3.5rem }
.pb-16 { padding-bottom: 4rem }
.pb-20 { padding-bottom: 5rem }

.pr-0 { padding-right: 0px }
.pr-1 { padding-right: 0.25rem }
.pr-2 { padding-right: 0.5rem }
.pr-3 { padding-right: 0.75rem }
.pr-4 { padding-right: 1rem }
.pr-5 { padding-right: 1.25rem }
.pr-6 { padding-right: 1.5rem }
.pr-7 { padding-right: 1.75rem }
.pr-8 { padding-right: 2rem }
.pr-9 { padding-right: 2.25rem }
.pr-10 { padding-right: 2.5rem }
.pr-11 { padding-right: 2.75rem }
.pr-12 { padding-right: 3rem }
.pr-14 { padding-right: 3.5rem }
.pr-16 { padding-right: 4rem }
.pr-20 { padding-right: 5rem }

.pt-0 { padding-top: 0px }
.pt-1 { padding-top: 0.25rem }
.pt-2 { padding-top: 0.5rem }
.pt-3 { padding-top: 0.75rem }
.pt-4 { padding-top: 1rem }
.pt-5 { padding-top: 1.25rem }
.pt-6 { padding-top: 1.5rem }
.pt-7 { padding-top: 1.75rem }
.pt-8 { padding-top: 2rem }
.pt-9 { padding-top: 2.25rem }
.pt-10 { padding-top: 2.5rem }
.pt-11 { padding-top: 2.75rem }
.pt-12 { padding-top: 3rem }
.pt-14 { padding-top: 3.5rem }
.pt-16 { padding-top: 4rem }
.pt-20 { padding-top: 5rem }

.pl-0 { padding-left: 0px }
.pl-1 { padding-left: 0.25rem }
.pl-2 { padding-left: 0.5rem }
.pl-3 { padding-left: 0.75rem }
.pl-4 { padding-left: 1rem }
.pl-5 { padding-left: 1.25rem }
.pl-6 { padding-left: 1.5rem }
.pl-7 { padding-left: 1.75rem }
.pl-8 { padding-left: 2rem }
.pl-9 { padding-left: 2.25rem }
.pl-10 { padding-left: 2.5rem }
.pl-11 { padding-left: 2.75rem }
.pl-12 { padding-left: 3rem }
.pl-14 { padding-left: 3.5rem }
.pl-16 { padding-left: 4rem }
.pl-20 { padding-left: 5rem }

.ml-0 { margin-left: 0px } 
.ml-1 { margin-left: 0.25rem } 
.ml-2 { margin-left: 0.5rem } 
.ml-3 { margin-left: 0.75rem } 
.ml-4 { margin-left: 1rem } 
.ml-5 { margin-left: 1.25rem } 
.ml-6 { margin-left: 1.5rem } 
.ml-8 { margin-left: 2rem } 
.ml-10 { margin-left: 2.5rem }
.mr-0 { margin-right: 0px } 
.mr-1 { margin-right: 0.25rem } 
.mr-2 { margin-right: 0.5rem } 
.mr-3 { margin-right: 0.75rem } 
.mr-4 { margin-right: 1rem } 
.mr-5 { margin-right: 1.25rem } 
.mr-6 { margin-right: 1.5rem } 
.mr-8 { margin-right: 2rem } 
.mr-10 { margin-right: 2.5rem }
.mt-0 { margin-top: 0px }
.mt-1 { margin-top: 0.25rem }
.mt-2 { margin-top: 0.5rem }
.mt-3 { margin-top: 0.75rem }
.mt-4 { margin-top: 1rem }
.mt-5 { margin-top: 1.25rem }
.mt-6 { margin-top: 1.5rem }
.mt-8 { margin-top: 2rem }
.mt-10 { margin-top: 2.5rem }
.mb-0 { margin-bottom: 0px }
.mb-1 { margin-bottom: 0.25rem }
.mb-2 { margin-bottom: 0.5rem }
.mb-3 { margin-bottom: 0.75rem }
.mb-4 { margin-bottom: 1rem }
.mb-5 { margin-bottom: 1.25rem }
.mb-6 { margin-bottom: 1.5rem }
.mb-8 { margin-bottom: 2rem }
.mb-10 { margin-bottom: 2.5rem }

/* flex */

.flex { display: flex }
.block { display: block }
.inline { display: inline }
.inline-block { display: inline-block }
  
.flex-row { flex-direction: row }
.flex-row-reverse { flex-direction: row-reverse }
.flex-col { flex-direction: column }
.flex-col-reverse { flex-direction: column-reverse }

.flex-wrap { flex-wrap: wrap }
.flex-wrap-reverse { flex-wrap: wrap-reverse }
.flex-nowrap { flex-wrap: nowrap }  
.justify-start { justify-content: flex-start }
.justify-end { justify-content: flex-end }
.justify-center { justify-content: center }
.justify-between { justify-content: space-between }
.justify-around { justify-content: space-around }
.justify-evenly { justify-content: space-evenly }

.items-start { align-items: flex-start }
.items-end { align-items: flex-end }
.items-center { align-items: center }
.items-baseline { align-items: baseline }
.items-stretch { align-items: stretch }

/* border */

.border-solid { border-style: solid }
.border-none { border-style: none }

.border { border-width: 1px }
.border-0 { border-width: 0px }
.border-2 { border-width: 2px }

.border-transparent { border-color: transparent }
.border-current { border-color: currentColor }
.hover\:border-transparent:hover { border-color: transparent !important }
.hover\:border-current:hover  { border-color: currentColor !important }

.rounded-none { border-radius: 0px }
.rounded-sm { border-radius: 0.125rem }
.rounded { border-radius: 0.25rem }
.rounded-md { border-radius: 0.375rem }
.rounded-lg { border-radius: 0.5rem }
.rounded-full { border-radius: 9999px }
.rounded-2xl { border-radius: 1rem }
.rounded-3xl { border-radius: 1.5rem }
.rounded-xl { border-radius: 0.75rem }

/* height */

.h-auto { height: auto }
.h-full { height: 100% }


.is-social a > i {text-decoration:none;color:#333;font-size:1.2em;margin:0 15px;-webkit-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
.is-social a:first-child > i {margin:0 15px 0 0}
.is-social a:last-child > i {margin:0 0 0 15px}
.is-light-text .is-social a > i {color:rgba(255,255,255,0.93)}
.is-light-text .is-social a:hover > i {color:rgba(255,255,255,0.93)}
.is-dark-text .is-social a > i {color:#000}
.is-dark-text .is-social a:hover > i {color:#000}

.height-20 {height:20px;flex:none;}
.height-40 {height:40px;flex:none;}
.height-60 {height:60px;flex:none;}
.height-80 {height:80px;flex:none;}
.height-100 {height:100px;flex:none;}
.height-120 {height:120px;flex:none;}
.height-140 {height:140px;flex:none;}
.height-160 {height:160px;flex:none;}
.height-180 {height:180px;flex:none;}
.height-200 {height:200px;flex:none;}
.height-220 {height:220px;flex:none;}
.height-240 {height:240px;flex:none;}
.height-260 {height:260px;flex:none;}
.height-280 {height:280px;flex:none;}
.height-300 {height:300px;flex:none;}

@media (min-width: 1921px) {
    .height-20 {height:2.5vh}
    .height-40 {height:5vh}
    .height-60 {height:7.5vh}
    .height-80 {height:10vh}
    .height-100 {height:12.5vh}
    .height-120 {height:15vh}
    .height-140 {height:17.5vh}
    .height-160 {height:20vh}
    .height-180 {height:22.5vh}
    .height-200 {height:25vh}
    .height-220 {height:27.5vh}
    .height-240 {height:30vh}
    .height-260 {height:32.5vh}
    .height-280 {height:35vh}
    .height-300 {height:37.5vh}
}
@media (max-width: 1440px) {
    .height-20 {height:10px}
    .height-40 {height:20px}
    .height-60 {height:30px}
    .height-80 {height:40px}
    .height-100 {height:50px}
    .height-120 {height:60px}
    .height-140 {height:70px}
    .height-160 {height:80px}
    .height-180 {height:90px}
    .height-200 {height:100px}
    .height-220 {height:110px}
    .height-240 {height:120px}
    .height-260 {height:130px}
    .height-280 {height:140px}
    .height-300 {height:150px}
}


.size-12 {font-size:12px !important}
.size-13 {font-size:13px !important}
.size-14 {font-size:14px !important}
.size-15 {font-size:15px !important}
.size-16 {font-size:16px !important}
.size-17 {font-size:17px !important}
.size-18 {font-size:18px !important}
.size-19 {font-size:19px !important}
.size-20 {font-size:20px !important}
.size-21 {font-size:21px !important}
.size-24 {font-size:24px !important}
.size-28 {font-size:28px !important}
.size-32 {font-size:32px !important}
.size-35 {font-size:35px !important}
.size-38 {font-size:38px !important}
.size-42 {font-size:42px !important}
.size-46 {font-size:46px !important}
.size-48 {font-size:48px !important}
.size-50 {font-size:50px !important; overflow-wrap: break-word;}
.size-54 {font-size:54px !important; overflow-wrap: break-word;}
.size-60 {font-size:60px !important; overflow-wrap: break-word;}
.size-64 {font-size:64px !important; overflow-wrap: break-word;}
.size-68 {font-size:68px !important; overflow-wrap: break-word;}
.size-72 {font-size:72px !important; overflow-wrap: break-word;}
.size-76 {font-size:76px !important; overflow-wrap: break-word;}
.size-80 {font-size:80px !important; overflow-wrap: break-word;}
.size-84 {font-size:84px !important; overflow-wrap: break-word;}
.size-88 {font-size:88px !important; overflow-wrap: break-word;}
.size-92 {font-size:92px !important; overflow-wrap: break-word;}
.size-96 {font-size:96px !important; overflow-wrap: break-word;}
.size-100 {font-size:100px !important; overflow-wrap: break-word;}
.size-104 {font-size:104px !important; overflow-wrap: break-word;}
.size-108 {font-size:108px !important; overflow-wrap: break-word;}
.size-112 {font-size:112px !important; overflow-wrap: break-word;}
.size-116 {font-size:116px !important; overflow-wrap: break-word;}
.size-120 {font-size:120px !important; overflow-wrap: break-word;}
.size-124 {font-size:124px !important; overflow-wrap: break-word;}
.size-128 {font-size:128px !important; overflow-wrap: break-word;}
.size-132 {font-size:132px !important; overflow-wrap: break-word;}
.size-136 {font-size:136px !important; overflow-wrap: break-word;}
.size-140 {font-size:140px !important; overflow-wrap: break-word;}
.size-144 {font-size:144px !important; overflow-wrap: break-word;}
.size-148 {font-size:148px !important; overflow-wrap: break-word;}
.size-152 {font-size:152px !important; overflow-wrap: break-word;}
.size-156 {font-size:156px !important; overflow-wrap: break-word;}
.size-160 {font-size:160px !important; overflow-wrap: break-word;}
.size-164 {font-size:164px !important; overflow-wrap: break-word;}
.size-168 {font-size:168px !important; overflow-wrap: break-word;}
.size-172 {font-size:172px !important; overflow-wrap: break-word;}
.size-176 {font-size:176px !important; overflow-wrap: break-word;}
.size-180 {font-size:180px !important; overflow-wrap: break-word;}
.size-184 {font-size:184px !important; overflow-wrap: break-word;}
.size-188 {font-size:188px !important; overflow-wrap: break-word;}
.size-192 {font-size:192px !important; overflow-wrap: break-word;}
.size-196 {font-size:196px !important; overflow-wrap: break-word;}
.size-200 {font-size:200px !important; overflow-wrap: break-word;}
.size-204 {font-size:204px !important; overflow-wrap: break-word;}
.size-208 {font-size:208px !important; overflow-wrap: break-word;}
.size-212 {font-size:212px !important; overflow-wrap: break-word;}
.size-216 {font-size:216px !important; overflow-wrap: break-word;}
.size-220 {font-size:220px !important; overflow-wrap: break-word;}
.size-224 {font-size:224px !important; overflow-wrap: break-word;}
.size-228 {font-size:228px !important; overflow-wrap: break-word;}
.size-232 {font-size:232px !important; overflow-wrap: break-word;}
.size-236 {font-size:236px !important; overflow-wrap: break-word;}
.size-240 {font-size:240px !important; overflow-wrap: break-word;}
.size-244 {font-size:244px !important; overflow-wrap: break-word;}
.size-248 {font-size:248px !important; overflow-wrap: break-word;}
.size-252 {font-size:252px !important; overflow-wrap: break-word;}
.size-256 {font-size:256px !important; overflow-wrap: break-word;}
.size-260 {font-size:260px !important; overflow-wrap: break-word;}
.size-264 {font-size:264px !important; overflow-wrap: break-word;}
.size-268 {font-size:268px !important; overflow-wrap: break-word;}
.size-272 {font-size:272px !important; overflow-wrap: break-word;}
.size-276 {font-size:276px !important; overflow-wrap: break-word;}
.size-280 {font-size:280px !important; overflow-wrap: break-word;}
.size-284 {font-size:284px !important; overflow-wrap: break-word;}
.size-288 {font-size:288px !important; overflow-wrap: break-word;}
.size-292 {font-size:292px !important; overflow-wrap: break-word;}
.size-296 {font-size:296px !important; overflow-wrap: break-word;}
.size-300 {font-size:300px !important; overflow-wrap: break-word;}
.size-304 {font-size:304px !important; overflow-wrap: break-word;}
.size-308 {font-size:308px !important; overflow-wrap: break-word;}
.size-312 {font-size:312px !important; overflow-wrap: break-word;}
.size-316 {font-size:316px !important; overflow-wrap: break-word;}
.size-320 {font-size:320px !important; overflow-wrap: break-word;}
.size-324 {font-size:324px !important; overflow-wrap: break-word;}
.size-328 {font-size:328px !important; overflow-wrap: break-word;}
.size-332 {font-size:332px !important; overflow-wrap: break-word;}
.size-336 {font-size:336px !important; overflow-wrap: break-word;}
.size-340 {font-size:340px !important; overflow-wrap: break-word;}
.size-344 {font-size:344px !important; overflow-wrap: break-word;}
.size-348 {font-size:348px !important; overflow-wrap: break-word;}
.size-352 {font-size:352px !important; overflow-wrap: break-word;}
.size-356 {font-size:356px !important; overflow-wrap: break-word;}
.size-360 {font-size:360px !important; overflow-wrap: break-word;}
.size-364 {font-size:364px !important; overflow-wrap: break-word;}
.size-368 {font-size:368px !important; overflow-wrap: break-word;}
.size-372 {font-size:372px !important; overflow-wrap: break-word;}
.size-376 {font-size:376px !important; overflow-wrap: break-word;}
.size-380 {font-size:380px !important; overflow-wrap: break-word;}
.size-384 {font-size:384px !important; overflow-wrap: break-word;}
.size-388 {font-size:388px !important; overflow-wrap: break-word;}
.size-392 {font-size:392px !important; overflow-wrap: break-word;}
.size-396 {font-size:396px !important; overflow-wrap: break-word;}
.size-400 {font-size:400px !important; overflow-wrap: break-word;}

@media all and (max-width: 1800px) { 
    .size-12 {font-size:0.74vw !important; font-size:clamp(12px, 0.74vw, 0.74vw) !important} /* Use clamp to prevent small sizes */
    .size-13 {font-size:0.8vw !important; font-size:clamp(13px, 0.8vw, 0.8vw) !important}
    .size-14 {font-size:0.86vw !important; font-size:clamp(14px, 0.86vw, 0.86vw) !important}
    .size-15 {font-size:0.93vw !important; font-size:clamp(15px, 0.93vw, 0.93vw) !important}
    .size-16 {font-size:0.99vw !important; font-size:clamp(16px, 0.99vw, 0.99vw) !important}
    .size-17 {font-size:1.05vw !important; font-size:clamp(17px, 1.05vw, 1.05vw) !important}
    .size-18 {font-size:1.11vw !important; font-size:clamp(18px, 1.11vw, 1.11vw) !important}
    .size-19 {font-size:1.17vw !important; font-size:clamp(19px, 1.17vw, 1.17vw) !important}
    .size-20 {font-size:1.23vw !important; font-size:clamp(20px, 1.23vw, 1.23vw) !important}
    .size-21 {font-size:1.29vw !important; font-size:clamp(21px, 1.29vw, 1.29vw) !important}
    .size-24 {font-size:1.48vw !important; font-size:clamp(22px, 1.48vw, 1.48vw) !important}
    .size-28 {font-size:1.56vw !important; font-size:clamp(23px, 1.56vw, 1.56vw) !important}
    .size-32 {font-size:1.64vw !important; font-size:clamp(24px, 1.64vw, 1.64vw) !important}
    .size-35 {font-size:1.82vw !important; font-size:clamp(25px, 1.82vw, 1.82vw) !important}
    .size-38 {font-size:1.98vw !important; font-size:clamp(26px, 1.98vw, 1.98vw) !important}
    .size-42 {font-size:2.19vw !important; font-size:clamp(27px, 2.19vw, 2.19vw) !important} /**/
    .size-46 {font-size:2.4vw !important; font-size:clamp(28px, 2.4vw, 2.4vw) !important}
    .size-48 {font-size:2.5vw !important; font-size:clamp(29px, 2.5vw, 2.5vw) !important}
    .size-50 {font-size:2.61vw !important; font-size:clamp(30px, 2.61vw, 2.61vw) !important}
    .size-54 {font-size:2.81vw !important; font-size:clamp(31px, 2.81vw, 2.81vw) !important}
    .size-60 {font-size:3.13vw !important; font-size:clamp(32px, 3.13vw, 3.13vw) !important}
    .size-64 {font-size:3.33vw !important; font-size:clamp(33px, 3.33vw, 3.33vw) !important}
    .size-68 {font-size:3.54vw !important; font-size:clamp(34px, 3.54vw, 3.54vw) !important}
    .size-72 {font-size:3.75vw !important; font-size:clamp(35px, 3.75vw, 3.75vw) !important}
    .size-76 {font-size:3.96vw !important; font-size:clamp(36px, 3.96vw, 3.96vw) !important}
    .size-80 {font-size:4.17vw !important; font-size:clamp(37px, 4.17vw, 4.17vw) !important}
    .size-84 {font-size:4.38vw !important; font-size:clamp(38px, 4.38vw, 4.38vw) !important} 
    .size-88 {font-size:4.58vw !important; font-size:clamp(39px, 4.58vw, 4.58vw) !important}
    .size-92 {font-size:4.79vw !important; font-size:clamp(40px, 4.79vw, 4.79vw) !important} /**/
    .size-96 {font-size:5vw !important; font-size:clamp(40px, 5vw, 5vw) !important}
    .size-100 {font-size:5.21vw !important; font-size:clamp(40px, 5.21vw, 5.21vw) !important} 
    .size-104 {font-size:5.42vw !important; font-size:clamp(40px, 5.42vw, 5.42vw) !important}
    .size-108 {font-size:5.63vw !important; font-size:clamp(40px, 5.63vw, 5.63vw) !important}
    .size-112 {font-size:5.84vw !important; font-size:clamp(40px, 5.84vw, 5.84vw) !important}
    .size-116 {font-size:6.04vw !important; font-size:clamp(40px, 6.04vw, 6.04vw) !important}
    .size-120 {font-size:6.25vw !important; font-size:clamp(40px, 6.25vw, 6.25vw) !important}
    .size-124 {font-size:6.46vw !important; font-size:clamp(40px, 6.46vw, 6.46vw) !important}
    .size-128 {font-size:6.67vw !important; font-size:clamp(40px, 6.67vw, 6.67vw) !important}
    .size-132 {font-size:6.88vw !important; font-size:clamp(40px, 6.88vw, 6.88vw) !important}
    .size-136 {font-size:7.09vw !important; font-size:clamp(40px, 7.09vw, 7.09vw) !important}
    .size-140 {font-size:7.29vw !important; font-size:clamp(40px, 7.29vw, 7.29vw) !important}
    .size-144 {font-size:7.5vw !important; font-size:clamp(40px, 7.5vw, 7.5vw) !important}
    .size-148 {font-size:7.71vw !important; font-size:clamp(40px, 7.71vw, 7.71vw) !important}
    .size-152 {font-size:7.92vw !important; font-size:clamp(40px, 7.92vw, 7.92vw) !important}
    .size-156 {font-size:8.13vw !important; font-size:clamp(40px, 8.13vw, 8.13vw) !important}
    .size-160 {font-size:8.34vw !important; font-size:clamp(40px, 8.34vw, 8.34vw) !important}
    .size-164 {font-size:8.54vw !important; font-size:clamp(40px, 8.54vw, 8.54vw) !important}
    .size-168 {font-size:8.75vw !important; font-size:clamp(40px, 8.75vw, 8.75vw) !important}
    .size-172 {font-size:8.96vw !important; font-size:clamp(40px, 8.96vw, 8.96vw) !important}
    .size-176 {font-size:9.17vw !important; font-size:clamp(40px, 9.17vw, 9.17vw) !important}
    .size-180 {font-size:9.38vw !important; font-size:clamp(40px, 9.38vw, 9.38vw) !important}
    .size-184 {font-size:9.59vw !important; font-size:clamp(40px, 9.59vw, 9.59vw) !important}
    .size-188 {font-size:9.79vw !important; font-size:clamp(40px, 9.79vw, 9.79vw) !important}
    .size-192 {font-size:10vw !important; font-size:clamp(40px, 10vw, 10vw) !important}
    .size-196 {font-size:10.21vw !important; font-size:clamp(40px, 10.21vw, 10.21vw) !important}
    .size-200 {font-size:10.42vw !important; font-size:clamp(40px, 10.42vw, 10.42vw) !important}
    .size-204 {font-size:10.63vw !important; font-size:clamp(40px, 10.63vw, 10.63vw) !important}
    .size-208 {font-size:10.84vw !important; font-size:clamp(40px, 10.84vw, 10.84vw) !important}
    .size-212 {font-size:11.05vw !important; font-size:clamp(40px, 11.05vw, 11.05vw) !important}
    .size-216 {font-size:11.25vw !important; font-size:clamp(40px, 11.25vw, 11.25vw) !important}
    .size-220 {font-size:11.46vw !important; font-size:clamp(40px, 11.46vw, 11.46vw) !important}  
    .size-224 {font-size:11.67vw !important; font-size:clamp(40px, 11.67vw, 11.67vw) !important}
    .size-228 {font-size:11.88vw !important; font-size:clamp(40px, 11.88vw, 11.88vw) !important}
    .size-232 {font-size:12.09vw !important; font-size:clamp(40px, 12.09vw, 12.09vw) !important}
    .size-236 {font-size:12.3vw !important; font-size:clamp(40px, 12.3vw, 12.3vw) !important}
    .size-240 {font-size:12.5vw !important; font-size:clamp(40px, 12.5vw, 12.5vw) !important}
    .size-244 {font-size:12.71vw !important; font-size:clamp(40px, 12.71vw, 12.71vw) !important}
    .size-248 {font-size:12.92vw !important; font-size:clamp(40px, 12.92vw, 12.92vw) !important}
    .size-252 {font-size:13.13vw !important; font-size:clamp(40px, 13.13vw, 13.13vw) !important}
    .size-256 {font-size:13.34vw !important; font-size:clamp(40px, 13.34vw, 13.34vw) !important}
    .size-260 {font-size:13.55vw !important; font-size:clamp(40px, 13.55vw, 13.55vw) !important}
    .size-264 {font-size:13.75vw !important; font-size:clamp(40px, 13.75vw, 13.75vw) !important}
    .size-268 {font-size:13.96vw !important; font-size:clamp(40px, 13.96vw, 13.96vw) !important}
    .size-272 {font-size:14.17vw !important; font-size:clamp(40px, 14.17vw, 14.17vw) !important}
    .size-276 {font-size:14.38vw !important; font-size:clamp(40px, 14.38vw, 14.38vw) !important}
    .size-280 {font-size:14.59vw !important; font-size:clamp(40px, 14.59vw, 14.59vw) !important}
    .size-284 {font-size:14.8vw !important; font-size:clamp(40px, 14.8vw, 14.8vw) !important}
    .size-288 {font-size:15vw !important; font-size:clamp(40px, 15vw, 15vw) !important}
    .size-292 {font-size:15.21vw !important; font-size:clamp(40px, 15.21vw, 15.21vw) !important}
    .size-296 {font-size:15.42vw !important; font-size:clamp(40px, 15.42vw, 15.42vw) !important}
    .size-300 {font-size:15.63vw !important; font-size:clamp(40px, 15.63vw, 15.63vw) !important}
    .size-304 {font-size:15.84vw !important; font-size:clamp(40px, 15.84vw, 15.84vw) !important}
    .size-308 {font-size:16.06vw !important; font-size:clamp(40px, 16.06vw, 16.06vw) !important}
    .size-312 {font-size:16.26vw !important; font-size:clamp(40px, 16.26vw, 16.26vw) !important}
    .size-316 {font-size:16.46vw !important; font-size:clamp(40px, 16.46vw, 16.46vw) !important}
    .size-320 {font-size:16.67vw !important; font-size:clamp(40px, 16.67vw, 16.67vw) !important}
    .size-324 {font-size:16.88vw !important; font-size:clamp(40px, 16.88vw, 16.88vw) !important}
    .size-328 {font-size:17.09vw !important; font-size:clamp(40px, 17.09vw, 17.09vw) !important}
    .size-332 {font-size:17.3vw !important; font-size:clamp(40px, 17.3vw, 17.3vw) !important}
    .size-336 {font-size:17.5vw !important; font-size:clamp(40px, 17.5vw, 17.5vw) !important}
    .size-340 {font-size:17.71vw !important; font-size:clamp(40px, 17.71vw, 17.71vw) !important}
    .size-344 {font-size:17.92vw !important; font-size:clamp(40px, 17.92vw, 17.92vw) !important}
    .size-348 {font-size:18.13vw !important; font-size:clamp(40px, 18.13vw, 18.13vw) !important}
    .size-352 {font-size:18.34vw !important; font-size:clamp(40px, 18.34vw, 18.34vw) !important}
    .size-356 {font-size:18.55vw !important; font-size:clamp(40px, 18.55vw, 18.55vw) !important}
    .size-360 {font-size:18.76vw !important; font-size:clamp(40px, 18.76vw, 18.76vw) !important}
    .size-364 {font-size:18.96vw !important; font-size:clamp(40px, 18.96vw, 18.96vw) !important}
    .size-368 {font-size:19.17vw !important; font-size:clamp(40px, 19.17vw, 19.17vw) !important}
    .size-372 {font-size:19.38vw !important; font-size:clamp(40px, 19.38vw, 19.38vw) !important}
    .size-376 {font-size:19.59vw !important; font-size:clamp(40px, 19.59vw, 19.59vw) !important}
    .size-380 {font-size:19.8vw !important; font-size:clamp(40px, 19.8vw, 19.8vw) !important}
    .size-384 {font-size:20vw !important; font-size:clamp(40px, 20vw, 20vw) !important}
    .size-388 {font-size:20.21vw !important; font-size:clamp(40px, 20.21vw, 20.21vw) !important}
    .size-392 {font-size:20.42vw !important; font-size:clamp(40px, 20.42vw, 20.42vw) !important}
    .size-396 {font-size:20.63vw !important; font-size:clamp(40px, 20.63vw, 20.63vw) !important}
    .size-400 {font-size:20.84vw !important; font-size:clamp(40px, 20.84vw, 20.84vw) !important}  
} 

@media all and (min-width: 1921px) { /* v2 */
    .v2 .size-12 {font-size:0.63vw !important}
    .v2 .size-13 {font-size:0.68vw !important}
    .v2 .size-14 {font-size:0.73vw !important}
    .v2 .size-15 {font-size:0.78vw !important}
    .v2 .size-16 {font-size:0.83vw !important}
    .v2 .size-17 {font-size:0.89vw !important}
    .v2 .size-18 {font-size:0.94vw !important}
    .v2 .size-19 {font-size:0.99vw !important}
    .v2 .size-20 {font-size:1.04vw !important}
    .v2 .size-21 {font-size:1.09vw !important}
    .v2 .size-24 {font-size:1.25vw !important}
    .v2 .size-28 {font-size:1.46vw !important}
    .v2 .size-32 {font-size:1.67vw !important}
    .v2 .size-35 {font-size:1.82vw !important}
    .v2 .size-38 {font-size:1.98vw !important}
    .v2 .size-42 {font-size:2.19vw !important}
    .v2 .size-46 {font-size:2.4vw !important}
    .v2 .size-48 {font-size:2.5vw !important}
    .v2 .size-50 {font-size:2.61vw !important;}
    .v2 .size-54 {font-size:2.81vw !important;}
    .v2 .size-60 {font-size:3.13vw !important;}
    .v2 .size-64 {font-size:3.33vw !important;}
    .v2 .size-68 {font-size:3.54vw !important;}
    .v2 .size-72 {font-size:3.75vw !important;}
    .v2 .size-76 {font-size:3.96vw !important;}
    .v2 .size-80 {font-size:4.17vw !important}
    .v2 .size-84 {font-size:4.38vw !important} 
    .v2 .size-88 {font-size:4.58vw !important}
    .v2 .size-92 {font-size:4.79vw !important}
    .v2 .size-96 {font-size:5vw !important}
    .v2 .size-100 {font-size:5.21vw !important} 
    .v2 .size-104 {font-size:5.42vw !important}
    .v2 .size-108 {font-size:5.63vw !important}
    .v2 .size-112 {font-size:5.84vw !important}
    .v2 .size-116 {font-size:6.04vw !important}
    .v2 .size-120 {font-size:6.25vw !important}
    .v2 .size-124 {font-size:6.46vw !important}
    .v2 .size-128 {font-size:6.67vw !important}
    .v2 .size-132 {font-size:6.88vw !important}
    .v2 .size-136 {font-size:7.09vw !important}
    .v2 .size-140 {font-size:7.29vw !important}
    .v2 .size-144 {font-size:7.5vw !important}
    .v2 .size-148 {font-size:7.71vw !important}
    .v2 .size-152 {font-size:7.92vw !important}
    .v2 .size-156 {font-size:8.13vw !important}
    .v2 .size-160 {font-size:8.34vw !important}
    .v2 .size-164 {font-size:8.54vw !important}
    .v2 .size-168 {font-size:8.75vw !important}
    .v2 .size-172 {font-size:8.96vw !important}
    .v2 .size-176 {font-size:9.17vw !important}
    .v2 .size-180 {font-size:9.38vw !important}
    .v2 .size-184 {font-size:9.59vw !important}
    .v2 .size-188 {font-size:9.79vw !important}
    .v2 .size-192 {font-size:10vw !important}
    .v2 .size-196 {font-size:10.21vw !important}
    .v2 .size-200 {font-size:10.42vw !important}
    .v2 .size-204 {font-size:10.63vw !important}
    .v2 .size-208 {font-size:10.84vw !important}
    .v2 .size-212 {font-size:11.05vw !important}
    .v2 .size-216 {font-size:11.25vw !important}
    .v2 .size-220 {font-size:11.46vw !important}  
    .v2 .size-224 {font-size:11.67vw !important}
    .v2 .size-228 {font-size:11.88vw !important}
    .v2 .size-232 {font-size:12.09vw !important}
    .v2 .size-236 {font-size:12.3vw !important}
    .v2 .size-240 {font-size:12.5vw !important}
    .v2 .size-244 {font-size:12.71vw !important}
    .v2 .size-248 {font-size:12.92vw !important}
    .v2 .size-252 {font-size:13.13vw !important}
    .v2 .size-256 {font-size:13.34vw !important}
    .v2 .size-260 {font-size:13.55vw !important}
    .v2 .size-264 {font-size:13.75vw !important}
    .v2 .size-268 {font-size:13.96vw !important}
    .v2 .size-272 {font-size:14.17vw !important}
    .v2 .size-276 {font-size:14.38vw !important}
    .v2 .size-280 {font-size:14.59vw !important}
    .v2 .size-284 {font-size:14.8vw !important}
    .v2 .size-288 {font-size:15vw !important}
    .v2 .size-292 {font-size:15.21vw !important}
    .v2 .size-296 {font-size:15.42vw !important}
    .v2 .size-300 {font-size:15.63vw !important}
    .v2 .size-304 {font-size:15.84vw !important}
    .v2 .size-308 {font-size:16.06vw !important}
    .v2 .size-312 {font-size:16.26vw !important}
    .v2 .size-316 {font-size:16.46vw !important}
    .v2 .size-320 {font-size:16.67vw !important}
    .v2 .size-324 {font-size:16.88vw !important}
    .v2 .size-328 {font-size:17.09vw !important}
    .v2 .size-332 {font-size:17.3vw !important}
    .v2 .size-336 {font-size:17.5vw !important}
    .v2 .size-340 {font-size:17.71vw !important}
    .v2 .size-344 {font-size:17.92vw !important}
    .v2 .size-348 {font-size:18.13vw !important}
    .v2 .size-352 {font-size:18.34vw !important}
    .v2 .size-356 {font-size:18.55vw !important}
    .v2 .size-360 {font-size:18.76vw !important}
    .v2 .size-364 {font-size:18.96vw !important}
    .v2 .size-368 {font-size:19.17vw !important}
    .v2 .size-372 {font-size:19.38vw !important}
    .v2 .size-376 {font-size:19.59vw !important}
    .v2 .size-380 {font-size:19.8vw !important}
    .v2 .size-384 {font-size:20vw !important}
    .v2 .size-388 {font-size:20.21vw !important}
    .v2 .size-392 {font-size:20.42vw !important}
    .v2 .size-396 {font-size:20.63vw !important}
    .v2 .size-400 {font-size:20.84vw !important}  
}

button.size-12, [role="button"].size-12 {font-size:12px !important}
button.size-13, [role="button"].size-13 {font-size:13px !important}
button.size-14, [role="button"].size-14 {font-size:14px !important}
button.size-15, [role="button"].size-15 {font-size:15px !important}
button.size-16, [role="button"].size-16 {font-size:16px !important}
button.size-17, [role="button"].size-17 {font-size:17px !important}
button.size-18, [role="button"].size-18 {font-size:18px !important}
button.size-19, [role="button"].size-19 {font-size:19px !important}
button.size-20, [role="button"].size-20 {font-size:20px !important}
button.size-21, [role="button"].size-21 {font-size:21px !important}
button.size-24, [role="button"].size-24 {font-size:24px !important}
button.size-28, [role="button"].size-28 {font-size:28px !important}
button.size-32, [role="button"].size-32 {font-size:32px !important}



/* Text Formatting */
        
.font-thin { font-weight: 100 !important; }
.font-extralight { font-weight: 200 !important; }
.font-light { font-weight: 300 !important; }
.font-normal { font-weight: 400 !important; }
.font-medium { font-weight: 500 !important; }
.font-semibold { font-weight: 600 !important; }
.font-bold { font-weight: 700 !important; }
.font-extrabold { font-weight: 800 !important; }
.font-black { font-weight: 900 !important; }
.italic { font-style: italic !important; }
.not-italic { font-style: normal !important; }
.display .italic { font-style: italic !important; }
.display .not-italic { font-style: normal !important; }
.underline { -webkit-text-decoration-line: underline !important; text-decoration-line: underline !important; }
.line-through { -webkit-text-decoration-line: line-through !important; text-decoration-line: line-through !important; }
.no-underline { -webkit-text-decoration-line: none !important; text-decoration-line: none !important; }
.uppercase { text-transform: uppercase !important; }
.lowercase { text-transform: lowercase !important; }
.capitalize { text-transform: capitalize !important; }
.normal-case { text-transform: none !important; }

.text-left { text-align: left }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-justify { text-align: justify; }

.sub, .sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
.sup { top: -0.3em; vertical-align: super;}
.sub { bottom: -0.25em; vertical-align: sub;}

.tracking--100 { letter-spacing: -0.1em !important }
.tracking--75 { letter-spacing: -0.075em !important }
.tracking--50, .tracking-tighter { letter-spacing: -0.05em !important }
.tracking--25, .tracking-tight { letter-spacing: -0.025em !important }
.tracking-0, .tracking-normal { letter-spacing: 0em !important }
.tracking-25, .tracking-wide { letter-spacing: 0.025em !important }
.tracking-50, .tracking-wider { letter-spacing: 0.05em !important }
.tracking-75 { letter-spacing: 0.075em !important }
.tracking-100, .tracking-widest { letter-spacing: 0.1em !important }
.tracking-125 { letter-spacing: 0.125em !important }
.tracking-150 { letter-spacing: 0.15em !important }
.tracking-175 { letter-spacing: 0.175em !important }
.tracking-200 { letter-spacing: 0.2em !important }
.tracking-225 { letter-spacing: 0.225em !important }
.tracking-250 { letter-spacing: 0.25em !important }
.tracking-275 { letter-spacing: 0.275em !important }
.tracking-300 { letter-spacing: 0.3em !important }
.tracking-325 { letter-spacing: 0.325em !important }
.tracking-350 { letter-spacing: 0.350em !important }
.tracking-375 { letter-spacing: 0.375em !important }
.tracking-400 { letter-spacing: 0.4em !important }
.tracking-425 { letter-spacing: 0.425em !important }
.tracking-450 { letter-spacing: 0.450em !important }
.tracking-475 { letter-spacing: 0.475em !important }
.tracking-500 { letter-spacing: 0.5em !important }

.leading-05 { line-height: 0.5 !important }
.leading-06 { line-height: 0.6 !important }
.leading-07 { line-height: 0.7 !important }
.leading-08 { line-height: 0.8 !important }
.leading-09 { line-height: 0.9 !important }
.leading-10, .leading-none { line-height: 1 !important }
.leading-11 { line-height: 1.1 !important }
.leading-12 { line-height: 1.2 !important }
.leading-tight { line-height: 1.25 !important }
.leading-13 { line-height: 1.3 !important }
.leading-snug { line-height: 1.375 !important }
.leading-14 { line-height: 1.4 !important }
.leading-15, .leading-normal { line-height: 1.5 !important }
.leading-16 { line-height: 1.6 !important }
.leading-relaxed { line-height: 1.625 !important }
.leading-17 { line-height: 1.7 !important }
.leading-18 { line-height: 1.8 !important }
.leading-19 { line-height: 1.9 !important }
.leading-20, .leading-loose { line-height: 2 !important }
.leading-21 { line-height: 2.1 !important }
.leading-22 { line-height: 2.2 !important }
.leading-23 { line-height: 2.3 !important }
.leading-24 { line-height: 2.4 !important }
.leading-25 { line-height: 2.5 !important }
.leading-26 { line-height: 2.6 !important }
.leading-27 { line-height: 2.7 !important }
.leading-28 { line-height: 2.8 !important }
.leading-29 { line-height: 2.9 !important }
.leading-30 { line-height: 3 !important }

/* Opacity */

.opacity-0 { opacity: 0 !important }
.opacity-2 { opacity: 0.02 !important }
.opacity-4 { opacity: 0.04 !important }
.opacity-5 { opacity: 0.05 !important }
.opacity-6 { opacity: 0.06 !important }
.opacity-8 { opacity: 0.08 !important }
.opacity-10 { opacity: 0.1 !important }
.opacity-12 { opacity: 0.12 !important }
.opacity-15 { opacity: 0.15 !important }
.opacity-20 { opacity: 0.2 !important }
.opacity-25 { opacity: 0.25 !important }
.opacity-30 { opacity: 0.3 !important }
.opacity-35 { opacity: 0.35 !important }
.opacity-40 { opacity: 0.4 !important }
.opacity-45 { opacity: 0.45 !important }
.opacity-50 { opacity: 0.5 !important }
.opacity-55 { opacity: 0.55 !important }
.opacity-60 { opacity: 0.6 !important }
.opacity-65 { opacity: 0.65 !important }
.opacity-70 { opacity: 0.7 !important }
.opacity-75 { opacity: 0.75 !important }
.opacity-80 { opacity: 0.8 !important }
.opacity-85 { opacity: 0.85 !important }
.opacity-90 { opacity: 0.9 !important }
.opacity-95 { opacity: 0.95 !important }
.opacity-100 { opacity: 1 !important }

/* Spacing */

.p-0 { padding: 0px }
.p-1 { padding: 0.25rem }
.p-2 { padding: 0.5rem }
.p-3 { padding: 0.75rem }
.p-4 { padding: 1rem }
.p-5 { padding: 1.25rem }
.p-6 { padding: 1.5rem }
.p-7 { padding: 1.75rem }
.p-8 { padding: 2rem }
.p-9 { padding: 2.25rem}
.p-10 { padding: 2.5rem }
.p-11 { padding: 2.75rem }
.p-12 { padding: 3rem }
.p-14 { padding: 3.5rem }
.p-16 { padding: 4rem }
.p-20 { padding: 5rem }
  
.px-0 { padding-left: 0px; padding-right: 0px; }
.px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
.px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
.px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.px-4 { padding-left: 1rem; padding-right: 1rem; }
.px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.px-7 { padding-left: 1.75rem; padding-right: 1.75rem; }
.px-8 { padding-left: 2rem; padding-right: 2rem; }
.px-9 { padding-left: 2.25rem; padding-right: 2.25rem; }
.px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
.px-11 { padding-left: 2.75rem; padding-right: 2.75rem; }
.px-12 { padding-left: 3rem; padding-right: 3rem; }
.px-14 { padding-left: 3.5rem; padding-right: 3.5rem; }
.px-16 { padding-left: 4rem; padding-right: 4rem; }
.px-20 { padding-left: 5rem; padding-right: 5rem; }

.py-0 { padding-top: 0px; padding-bottom: 0px; }
.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.py-4 { padding-top: 1rem; padding-bottom: 1rem; }
.py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.py-7 { padding-top: 1.75rem; padding-bottom: 1.75rem; }
.py-8 { padding-top: 2rem; padding-bottom: 2rem; }
.py-9 { padding-top: 2.25rem; padding-bottom: 2.25rem; }
.py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.py-11 { padding-top: 2.75rem; padding-bottom: 2.75rem; }
.py-12 { padding-top: 3rem; padding-bottom: 3rem; }
.py-14 { padding-top: 3.5rem; padding-bottom: 3.5rem; }
.py-16 { padding-top: 4rem; padding-bottom: 4rem; }
.py-20 { padding-top: 5rem; padding-bottom: 5rem; }

.pb-0 { padding-bottom: 0px }
.pb-1 { padding-bottom: 0.25rem }
.pb-2 { padding-bottom: 0.5rem }
.pb-3 { padding-bottom: 0.75rem }
.pb-4 { padding-bottom: 1rem }
.pb-5 { padding-bottom: 1.25rem }
.pb-6 { padding-bottom: 1.5rem }
.pb-7 { padding-bottom: 1.75rem }
.pb-8 { padding-bottom: 2rem }
.pb-9 { padding-bottom: 2.25rem }
.pb-10 { padding-bottom: 2.5rem }
.pb-11 { padding-bottom: 2.75rem }
.pb-12 { padding-bottom: 3rem }
.pb-14 { padding-bottom: 3.5rem }
.pb-16 { padding-bottom: 4rem }
.pb-20 { padding-bottom: 5rem }

.pr-0 { padding-right: 0px }
.pr-1 { padding-right: 0.25rem }
.pr-2 { padding-right: 0.5rem }
.pr-3 { padding-right: 0.75rem }
.pr-4 { padding-right: 1rem }
.pr-5 { padding-right: 1.25rem }
.pr-6 { padding-right: 1.5rem }
.pr-7 { padding-right: 1.75rem }
.pr-8 { padding-right: 2rem }
.pr-9 { padding-right: 2.25rem }
.pr-10 { padding-right: 2.5rem }
.pr-11 { padding-right: 2.75rem }
.pr-12 { padding-right: 3rem }
.pr-14 { padding-right: 3.5rem }
.pr-16 { padding-right: 4rem }
.pr-20 { padding-right: 5rem }

.pt-0 { padding-top: 0px }
.pt-1 { padding-top: 0.25rem }
.pt-2 { padding-top: 0.5rem }
.pt-3 { padding-top: 0.75rem }
.pt-4 { padding-top: 1rem }
.pt-5 { padding-top: 1.25rem }
.pt-6 { padding-top: 1.5rem }
.pt-7 { padding-top: 1.75rem }
.pt-8 { padding-top: 2rem }
.pt-9 { padding-top: 2.25rem }
.pt-10 { padding-top: 2.5rem }
.pt-11 { padding-top: 2.75rem }
.pt-12 { padding-top: 3rem }
.pt-14 { padding-top: 3.5rem }
.pt-16 { padding-top: 4rem }
.pt-20 { padding-top: 5rem }

.pl-0 { padding-left: 0px }
.pl-1 { padding-left: 0.25rem }
.pl-2 { padding-left: 0.5rem }
.pl-3 { padding-left: 0.75rem }
.pl-4 { padding-left: 1rem }
.pl-5 { padding-left: 1.25rem }
.pl-6 { padding-left: 1.5rem }
.pl-7 { padding-left: 1.75rem }
.pl-8 { padding-left: 2rem }
.pl-9 { padding-left: 2.25rem }
.pl-10 { padding-left: 2.5rem }
.pl-11 { padding-left: 2.75rem }
.pl-12 { padding-left: 3rem }
.pl-14 { padding-left: 3.5rem }
.pl-16 { padding-left: 4rem }
.pl-20 { padding-left: 5rem }

.ml-0 { margin-left: 0px } 
.ml-1 { margin-left: 0.25rem } 
.ml-2 { margin-left: 0.5rem } 
.ml-3 { margin-left: 0.75rem } 
.ml-4 { margin-left: 1rem } 
.ml-5 { margin-left: 1.25rem } 
.ml-6 { margin-left: 1.5rem } 
.ml-8 { margin-left: 2rem } 
.ml-10 { margin-left: 2.5rem }
.mr-0 { margin-right: 0px } 
.mr-1 { margin-right: 0.25rem } 
.mr-2 { margin-right: 0.5rem } 
.mr-3 { margin-right: 0.75rem } 
.mr-4 { margin-right: 1rem } 
.mr-5 { margin-right: 1.25rem } 
.mr-6 { margin-right: 1.5rem } 
.mr-8 { margin-right: 2rem } 
.mr-10 { margin-right: 2.5rem }
.mt-0 { margin-top: 0px }
.mt-1 { margin-top: 0.25rem }
.mt-2 { margin-top: 0.5rem }
.mt-3 { margin-top: 0.75rem }
.mt-4 { margin-top: 1rem }
.mt-5 { margin-top: 1.25rem }
.mt-6 { margin-top: 1.5rem }
.mt-8 { margin-top: 2rem }
.mt-10 { margin-top: 2.5rem }
.mb-0 { margin-bottom: 0px }
.mb-1 { margin-bottom: 0.25rem }
.mb-2 { margin-bottom: 0.5rem }
.mb-3 { margin-bottom: 0.75rem }
.mb-4 { margin-bottom: 1rem }
.mb-5 { margin-bottom: 1.25rem }
.mb-6 { margin-bottom: 1.5rem }
.mb-8 { margin-bottom: 2rem }
.mb-10 { margin-bottom: 2.5rem }


.spacer {width:100%}
.center {text-align:center}
.right {text-align:right}
.left {text-align:left}
.img-circular {display:inline-block; width: 200px; height: 200px; position: relative; overflow: hidden; border-radius: 50%;}
.img-circular img {display: inline;margin:0 auto; height: 100%; width: auto; max-width: none; min-width: 100%; min-height: 100%;}

.kbf-article-title {
    text-align: center;
    margin-bottom: 3rem;
    letter-spacing: -1px;
    
}
.kbf-article-title h1{
    color: #000;
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid var(--color-contrast-lower);
    border-radius: 0px;    
    padding-bottom: 5px;
    padding-right: 5px;

}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    color: black;
    border: 1px solid #8c8c8c;
    border-radius: 2px;
    font-size: 0.8rem;
   
}


.select2-container--default .select2-selection--multiple {
    min-height: 2.6rem;
    padding-top: 0.3rem
    /*
    font-size: var(--form-control-font-size, 1em);
    padding-top: var(--form-control-padding-y, 0.5em);
    padding-bottom: var(--form-control-padding-y, 0.5em);
    padding-left: var(--form-control-padding-x, 0.75em);
    padding-right: var(--form-control-padding-x, 0.75em);
    border-radius: var(--form-control-radius, 0.25em);
    */
}


.is-sidebar-button[data-content="divSidebarTypography"] {
    display:none !important;
    }

.is-wrapper ul li {
    font-size: 1rem;
   padding-bottom: 0.5rem; 
    margin-left: 1.2rem;
    /* padding-left: 0.2rem; */
    list-style: disc;
}

p {
    font-size: 1rem;
    padding-bottom: 0.5rem;
}

.is-wrapper ul {
    width:100%;
 /*  margin-top: -0.8rem; */
}

.is-wrapper  ol {
    font-size: 1rem;
    padding-bottom: 0.3rem;
    margin-left: 1.2rem;
    list-style: decimal;
}


img#featured-image-thumb {
    max-height: 50px;
    border: 1px solid gray;
    padding: 3px;
    background-color: #fff;
}

.is-boxes.kbf-featured-img-section {
    margin-top: 2rem;

    text-align:center;
}

.is-boxes.kbf-featured-img-section img {
    width: 100%;
    max-width: 1200px;
}

.italic {
    font-style: italic;
}

.underline {
    text-decoration: underline;
}

li::marker {
    /* color: red; */
    font-weight: 600;
}


/* EDITOR */
.editor .kbf-featured-img-section {
    display: none;
}

.editor .kbf-featured-img-section.fi-visible {
    display: block;
}



.cell-active {
    padding: 2rem;
}

article h2, article h3 {
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.kbf-art-container{
    background-color: #fff;
}
.font-semibold {
    font-weight: bold !important;
}

span#autotag {
    color: #a00505;
    cursor: pointer;
}

a.kbf-tag-link {
    font-size: 0.9rem;
    margin: 0.2rem;
    background-color: #e9e9e9;
    padding: 2px 4px;
    border-radius: 4px;
}

span.kbf-tag-link {
    font-size: 0.8rem;
    margin: 0.2rem;
    background-color: #e9e9e9;
    padding: 2px 4px;
    border-radius: 4px;
}


.kbf-article-tags {
    text-align: center;
    padding: 2rem 1rem;
}

.kbf-article-tags h2 {
font-size:1rem;
}

.kbf-article-tags.tag-pros {
    margin-top: -4rem;
}
a.art-cat-main-btn.active {
    background-color: #191919;
    color: #fff;
}
.art-cat-sub.active {
    background-color: lightgrey;
}

ul#article-categories {
    margin-bottom: 0.5rem;
}


#article-cat-select{
    display:none;
}




div#kbf-article-filter {
    background-color: #fff;
    padding: 1rem 2px;
}

select#art-select {
    width:100%;
    font-size: 1rem;
 /*   margin-left: 0.3rem; */
    padding: 0.75rem;
    line-height: 1.2rem;
}

div#article-cat-select {
    padding: 0rem 0.2rem;
}

a.art-cat-main-btn {
    font-weight: 500;
}

ul#article-categories li {
    margin-right: 0.5rem;
    /* padding: 0.2rem 0.1rem; */
}
ul#article-categories li:last-child {
    margin-right: 0px;
    /* padding: 0.2rem 0.1rem; */
}

ul#article-categories {
    width: 100%;
}

ul#article-categories li a {
    padding: 0.3rem 0.25rem !important;
}


ul#article-categories li a {
  /*  padding: 2px !important; */
}


li.kbf-article-list-item{
    background-color: #fff;
}

div#kbf-loader-wrapper {
   display: none;
    position: absolute;
    width: 100%;
    text-align: center;
    height: 100%;
    margin: 4rem 0rem;
    padding: 4rem;
    z-index: 9;
    left: 0px;
    background-color: rgba(255,255,255,0.8);
    top: 0px;
    padding-top: 38vh;
}


textarea::placeholder, input::placeholder {
    color: #575757 !important;
    font-size: 1rem;
    font-weight: 300;
}

form#join-form {
    background-color: #e5e5e5;
    border: 1px solid #b8b8b8;
    border-radius: 0.25rem;
    padding: 1rem;
}




input.daterange {
    width: 100%;
}

.kbf-header-img {
    background-position: center;
    background-size: cover;
    height:20rem;
}

.kbf-header-title {
    font-weight: 600;
    padding-top: 10rem;
    text-align: center;
    color: #fff;
}

.select__input {
    width: 100%;
    padding-right: calc(var(--select-icon-size) + var(--select-icon-right-margin)) !important;
    background-color: #fff;
    padding: 0.75rem;
    border-color: #c9c9c9;
    color: #343434;
    font-weight: 400;
}

.kbf-header-cover {
    background-color: rgba(0,0,0,0.6);
    height: 100%;
}

h1.kbf-h1-at {
    margin-top: 2rem;
    font-size: 2rem;
    text-align: center;
}

@media all and (max-width: 600px) { 

    div#room-visualizer {
        max-width: 44REM;
    }
    .kbf-art-container.container.max-width-adaptive-lg {
        MAX-WIDTH: 44REM IMPORTANT !important;
    }

    table.default {
        font-size: 1rem;
    }

    ul#article-categories li {
        margin-right: 0.5rem;
        /* padding: 0.2rem 0.1rem; */
    }


.is-container {
    padding: 0px 16px !important;

}

.is-wrapper ul.select__list li {
    list-style: none !important;
}


a.adapt-nav__link.art-cat-main-btn {
    padding: 4px;
}

.kbf-m-visible{
    display:none;
}

.text-component.kbf-blog h3 {
    font-size: 1rem;
    color: darkred;
}

.art-list-descr {
    padding: 1rem;
}

.kbf-header-img {
   height:24vh;
}
.kbf-header-title {
    font-weight: 800;
    font-size:1.2rem;
    padding-top: 10vh;
}

h1.kbf-h1-at {
 
    font-size: 1.3rem;

}

}

.sc-error {
    border: 2px solid #f10000;
}

.is-section .form-control:focus {
    border-color: #f10000;
    box-shadow: none;
    outline: none;
}
table, th, td {

    vertical-align: top;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(109, 109, 109);
}

.is-builder table.default td {
    border-width: 1px;
    border-style: solid;
    border-color: rgb(109, 109, 109);
}



thead {
    font-weight: 600;
}
table td {
    padding: 0.2rem;
    min-width: 50px;
}

@media all and (min-width: 800px) { 

   table td{
    padding: 0.5rem;
    min-width: 116px;
   }

}