body {
    background-color: var(--latte);
    color: var(--black);
    font-family: "tt-commons-pro", sans-serif;
    font-size: 14pt;
    font-weight: 400;
    min-height: 100vh;
}

.container-md {
    min-height: calc(100vh - 125px);
}

.btn-primary {
    color: var(--japan-blush);
}

:root {
    --latte: #f3f0e7;
    --black: #202020;
    --bs-black: 32, 32, 32;
    --transparent: transparent;
    --latte-50: #f9f7f3;
    --dolly: #f4f66e;
    --bs-dolly: 244,246,110;
    --spring-kiss: #e5f4b3;
    --bs-spring-kiss: 229, 244, 179;
    --japan-blush: #dad4f6;
    --bs-japan-blush: 218, 212, 246;
    --sun-splashed: #fed595;
    --bs-sun-splashed: 254,213,149;
    --greenfields: #00a06e;
    --bs-greenfields: 0, 160, 110;
    --40: 2.08em;
    --80: 4.16em;
    --20: 1.04em;
    --120: 6.25em;
    --160: 8.33em;

    /*--bs-primary: var(--bs-sun-splashed);*/
    /*--bs-info-rgb: var(--bs-japan-blush);*/
    /*--bs-success-rgb: var(--bs-greenfields);*/
    /*--bs-primary-rgb: var(--bs-spring-kiss);*/

    --clip-path-16: polygon( 0% 5.166%,0% 98.616%,0% 98.616%,0.006% 98.839%,0.022% 99.051%,0.048% 99.249%,0.083% 99.43%,0.126% 99.592%,0.176% 99.731%,0.231% 99.844%,0.292% 99.929%,0.358% 99.982%,0.426% 100%,97.301% 100%,97.301% 100%,97.37% 99.982%,97.435% 99.929%,97.496% 99.844%,97.552% 99.731%,97.602% 99.592%,97.644% 99.43%,97.679% 99.249%,97.705% 99.051%,97.722% 98.839%,97.727% 98.616%,97.727% 94.004%,97.727% 94.004%,97.733% 93.781%,97.749% 93.569%,97.775% 93.371%,97.81% 93.19%,97.853% 93.028%,97.903% 92.889%,97.959% 92.776%,98.02% 92.691%,98.085% 92.638%,98.153% 92.62%,98.153% 92.62%,99.574% 92.62%,99.574% 92.62%,99.642% 92.602%,99.708% 92.549%,99.769% 92.464%,99.825% 92.351%,99.874% 92.212%,99.917% 92.05%,99.952% 91.869%,99.978% 91.671%,99.994% 91.459%,100% 91.236%,100% 91.236%,100% 1.384%,100% 1.384%,99.994% 1.161%,99.978% 0.949%,99.952% 0.751%,99.917% 0.57%,99.874% 0.408%,99.825% 0.269%,99.769% 0.156%,99.708% 0.071%,99.642% 0.018%,99.574% 0%,2.699% 0%,2.699% 0%,2.63% 0.018%,2.565% 0.071%,2.504% 0.156%,2.448% 0.269%,2.398% 0.408%,2.356% 0.57%,2.321% 0.751%,2.295% 0.949%,2.278% 1.161%,2.273% 1.384%,2.273% 5.996%,2.273% 5.996%,2.267% 6.219%,2.251% 6.431%,2.225% 6.629%,2.19% 6.81%,2.147% 6.972%,2.097% 7.111%,2.041% 7.224%,1.98% 7.309%,1.915% 7.362%,1.847% 7.38%,1.847% 7.38%,0.426% 7.38%,0.426% 7.38%,0.358% 7.398%,0.292% 7.451%,0.231% 7.536%,0.176% 7.649%,0.126% 7.788%,0.083% 7.95%,0.048% 8.131%,0.022% 8.329%,0.006% 8.541%,0% 8.764%,0% 8.764%,0% 8.764%,0% 8.764%,0% 8.764%,0% 8.764%,0% 8.764%,0% 8.764%,0% 8.764%,0% 8.764%,0% 8.764%,0% 8.764% );
    --clip-path-8: polygon( 0% 14.844%,0% 97.656%,0% 97.656%,0.035% 98.036%,0.137% 98.397%,0.299% 98.733%,0.517% 99.04%,0.785% 99.313%,1.097% 99.548%,1.448% 99.738%,1.832% 99.88%,2.244% 99.969%,2.679% 100%,83.036% 100%,83.036% 100%,83.47% 99.969%,83.882% 99.88%,84.266% 99.738%,84.617% 99.548%,84.929% 99.313%,85.197% 99.04%,85.415% 98.733%,85.578% 98.397%,85.679% 98.036%,85.714% 97.656%,85.714% 97.656%,85.714% 89.844%,85.714% 89.844%,85.749% 89.464%,85.851% 89.103%,86.013% 88.767%,86.231% 88.46%,86.499% 88.187%,86.811% 87.952%,87.162% 87.762%,87.547% 87.62%,87.959% 87.531%,88.393% 87.5%,97.321% 87.5%,97.321% 87.5%,97.756% 87.469%,98.168% 87.38%,98.552% 87.238%,98.903% 87.048%,99.215% 86.813%,99.483% 86.54%,99.701% 86.233%,99.863% 85.897%,99.965% 85.536%,100% 85.156%,100% 2.344%,100% 2.344%,99.965% 1.964%,99.863% 1.603%,99.701% 1.267%,99.483% 0.96%,99.215% 0.687%,98.903% 0.452%,98.552% 0.262%,98.168% 0.12%,97.756% 0.031%,97.321% 0%,16.964% 0%,16.964% 0%,16.53% 0.031%,16.118% 0.12%,15.734% 0.262%,15.383% 0.452%,15.071% 0.687%,14.803% 0.96%,14.585% 1.267%,14.422% 1.603%,14.321% 1.964%,14.286% 2.344%,14.286% 2.344%,14.286% 10.156%,14.286% 10.156%,14.251% 10.536%,14.149% 10.897%,13.987% 11.233%,13.769% 11.54%,13.501% 11.813%,13.189% 12.048%,12.838% 12.238%,12.453% 12.38%,12.041% 12.469%,11.607% 12.5%,2.679% 12.5%,2.679% 12.5%,2.244% 12.531%,1.832% 12.62%,1.448% 12.762%,1.097% 12.952%,0.785% 13.187%,0.517% 13.46%,0.299% 13.767%,0.137% 14.103%,0.035% 14.464%,0% 14.844%,0% 14.844% );

    --clip-path-16-corner: path('M0 64 Q0 48 16 48 H32 Q48 48 48 32 V16 Q48 0 64 0 H10000 V100000 H0 Z');
    --clip-path-8-corner: path('M0 32Q0 24 8 24H16Q24 24 24 16V8Q24 0 32 0H10000V100000H0Z');
    --clip-path-4-corner: path('M0 16 Q0 12 4 12 H8 Q12 12 12 8 V4 Q12 0 16 0 H10000 V100000 H0 Z');


}

.wrapper-design-full-width {
    clip-path: var(--clip-path-16);
}

.wrapper-design-baseline {
    clip-path: var(--clip-path-8);
}

.wrapper-design-clip-path-16 {
    clip-path: path('M0 64Q0 48 16 48H32Q48 48 48 32V16Q48 0 64 0H10000V100000H0Z');
}

.wrapper-design-clip-path-8 {
    clip-path: path('M0 32Q0 24 8 24H16Q24 24 24 16V8Q24 0 32 0H10000V100000H0Z');
    border-radius: 16px;
}

h1 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 7.29em;
    font-weight: 600;
    line-height: .75;
}

h2 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 5.21em;
    font-weight: 600;
    line-height: .85;
}

h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 3.65em;
    font-weight: 600;
    line-height: .95;
}

h4 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2.6em;
    font-weight: 600;
    line-height: .95;
}

h5 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.82em;
    font-weight: 700;
    line-height: 1;
}

h6 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.56em;
    font-weight: 700;
    line-height: 1;
}

p {
    margin-bottom: 0;
}

a {
    text-decoration: underline;
}

.event-element {
    background-color: var(--bs-white);
    border-radius: 16px;
}

.event-element-header {
    border-radius: 16px 16px 0 0;
}

ul {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 40px;
    font-size: 1.3em;
}

ol {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 40px;
}

.form-label {
    font-size: 16px;
}

.nav-brand-img {
    width: 160px;
}

.element-background {
    background-color: var(--bs-white);
    border-radius: 16px;
}



/*** Large Banner - End ***/


/*** Text Banner ***/

.banner-text {
    background-color: var(--black);
    clip-path: path('M0 32Q0 24 8 24H16Q24 24 24 16V8Q24 0 32 0H10000V100000H0Z');
    min-height: 2.5em;
    width: 100%;
    color: var(--latte);
    display: flex;
    align-items: center;
    justify-content: start;
    font-size: 1.6em;
    border-radius: 8px;
    padding: .2em 0 0 1.8em;
}

/*** Text Banner - End ***/

/*** Footer ***/

.footer {
    background-color: var(--black);
    color: var(--latte);
    font-weight: bold;
}

.footer a:link {
    color: inherit;
    text-decoration: none;
}

.bg-dev {
    background-color: #22333b;
}