:root {
    --primary: #ef5360;
    --primary-hover: #ec3746;
    --primary-active-focus: #d71424;
    --text-btn-color: #fff;
    --white: #ffffff;
    --black: #2B212B;
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --gray-light: #dedede;
    --secondary: #6c757d;
    --success: #04C54A;
    --info: #2200ff;
    --warning: #FF9500;
    --danger: #E51E26;
    --light: #f8f9fa;
    --dark: #343a40;
    --hover-color: #FFEFF0;
    --main-background-color: var(--white);
    --zipevent-color: #ef5360;
    --zipevent-body-font-family: "Prompt", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    --zipevent-body-bg: var(--text-btn-color);
    --zipevent-body-color: var(--white) !important;
    --zipevent-body-font-size: 14px !important;
    --gray-body-bg: #F6F6F6;
    --padding1_1: 100%;
    --padding16_9: 56.25%;
    --padding3_2: 66.66666667%;
    --padding13_9: 68.53932584%;
    --padding2_7: 37.03703704%; /* (1/2.7)*100 cover */
}

body {
  font-family: var(--zipevent-body-font-family) !important;
  color: var(--black) !important;
  background-color: var(--main-background-color) !important;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
    font-size: 14px;
}

body {
  margin-bottom: 60px;
}

.hidden{
  display: none;
}

.navbar{
  max-height: 65px; 
}

.btn-block{
  width: 100%;
}
.btn-default {
    border: 1px solid var(--primary) !important;
    background-color: var(--white) !important;
    color: var(--primary) !important;
}
.btn-primary {
  color: #fff;
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}

.btn-outline-primary {
  color: var(--primary) !important;
  background-color:  #fff;
  border-color: var(--primary) !important;
}

.btn-outline-primary:hover, .btn-default:hover {
    background-color: #e6e6e6 !important;;
}


.btn-primary:hover {
  background-color: var(--primary-hover) !important;
  border-color: var(--primary-hover) !important;
}

.form-check-input:checked{
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}

.form-group{
  text-align: left;
}

.form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {
  transform: scale(.75) translateY(-.5rem) translateX(.15rem) !important;
}

.hidden{
  display: none !important;
}