/**
 * Gravity form registration
 */

#select2-event-date-selector-results .select2-results__option[aria-selected] {
   padding: 0 !important;
}
.select2-selection__rendered .select-date-container {
   background: white !important;
   color: black;
   height: 45px;
}
.select-date-container {
   width: 100% !important;
   margin: 0 !important;
   align-items: center;
   padding: 0 20px;
   color: white;
   height: 50px;
   display: flex;
   margin-left: 20px;
}
.select-date-container.green {
   background: green;
}
.select-date-container.orange {
   background: orange;
}
.select-date-container.red {
   background: red;
}

#gform_wrapper_1 {
   display: block;
}
/*
#gform_wrapper_1.show{
	display: block!important;
}
*/

#gform_confirmation_wrapper_1 {
   position: absolute;
   top: 650px;
   left: 0;
   height: 100px;
   width: 100%;
   text-align: center;
   padding: 20px;
   background: green;
   color: white;
}
.courses-registration-wrap {
   padding: 2rem 1rem !important;
}
@media screen and (max-width: 600px) {
   .courses-registration-wrap {
      padding: 60px 20px !important;
   }
}
.courses-registration-wrap h2 {
   margin: 0;
}
.gform_title {
   display: none;
}
.name-wrapper {
   display: flex;
   justify-content: space-between;
   padding-right: 66px !important;
}
.name-wrapper > li {
   padding: 0 !important;
}
#field_1_13,
#field_1_17,
#field_1_25,
#field_1_9 {
   padding-right: 64px !important;
}
#field_1_19,
#field_1_4 {
   padding-top: 20px;
   margin-bottom: 0;
}
#field_1_11 .gfield_label {
   display: none;
}
#field_1_24 .gfield_label {
   display: none;
}
.name-wrapper li.gfield:nth-child(n + 2) {
   width: 23.5% !important;
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
}
.name_first,
.name_last {
   padding-top: 0 !important;
}
.name_first label,
.name_last label {
   /* padding: 0!important; */
   margin: 0 !important;
}
.gform_wrapper li.hidden_label input {
   margin: 0 !important;
}
.gfield_list th {
   font-size: 0.813em !important;
   font-weight: 500 !important;
}
#field_1_29 {
   display: none;
}
#field_1_20 {
   width: 50% !important;
}
#input_1_13 span,
#input_1_17 span {
   width: 24% !important;
   margin: 0;
   padding: 0 !important;
}
#field_1_22 {
   display: inline-grid;
}
#field_1_31,
#field_1_22,
#field_1_32 {
   width: 31.9%;
   display: inline-block;
}
#field_1_14 input {
   width: 100%;
}
.gform_wrapper .top_label input.medium,
.gform_wrapper .top_label select.medium {
   width: 100% !important;
}
.ginput_container_address {
   display: flex;
   justify-content: space-between;
}
.ginput_container_address span {
   width: 32.3% !important;
}
.ginput_container_address span {
   width: 32.3% !important;
}
#input_1_9_5_container,
#input_1_9_4_container {
   padding: 0 !important;
   margin: 0 !important;
}
.gf_clear.gf_clear_complex {
   display: none !important;
}
.gform_wrapper
   .ginput_complex.ginput_container_address
   span.ginput_full
   + span.ginput_right {
   padding: 0 !important;
}
.ginput_container_address span input {
   /* width: 100%!important; */
}
.gfield_radio {
   list-style-type: none;
   margin: 25px 0 0 0;
   padding: 0;
}
.gfield_radio li {
   float: left;
   position: relative;
   height: 50px;
   width: 200px;
}
.gfield_radio label,
.gfield_radio input {
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
}
.gfield_radio input[type="radio"] {
   opacity: 0.011;
   z-index: 100;
}
.gfield_radio input[type="radio"] + label {
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   max-width: 100% !important;
   margin: 0 !important;
}
.gfield_radio input[type="radio"]:checked + label {
   background: #2b3948;
   color: white;
}
.gfield_radio label {
   background: white;
   padding: 5px;
   border: 1px solid #ccc;
   border-left: 0;
   cursor: pointer;
   z-index: 90;
}
.gfield_radio label:hover {
   background: #ddd;
}
.ginput_container input[type="checkbox"] {
   margin: 0 !important;
}
.ginput_container_total {
   display: inline-block;
   margin-left: 10px !important;
   font-size: 23px;
}

/*
color: #FFFFFF;
background-color: #101234;
padding: 8px 26px;
border-radius: 5px;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
*/

#gform_1 .validation_error {
   background: #790000;
   color: white;
   margin: 0;
}
#gform_1 .validation_error p {
   margin: 0 20px;
}
#gform_1 .validation_error a {
   display: flex;
   align-items: center;
   font-family: "Open Sans", Open Sans;
   font-weight: 500;
}
#gform_1 .validation_error a:hover {
   background: white;
   color: black;
}
#gform_1 .validation_error i {
   margin-left: 5px;
}

#gform_submit_button_1 {
   width: calc(100% - 64px);
   background: green;
   color: white;
   border: none;
}

@media screen and (max-width: 600px) {
   .gfield_radio {
      display: flex;
   }
   .name-wrapper {
      display: block !important;
      padding: 0 !important;
   }
   #field_1_20 {
      width: 100% !important;
   }
   #field_1_13,
   #field_1_17,
   #field_1_25,
   #field_1_9 {
      padding: 0 !important;
   }
   .ginput_container_address {
      display: block !important;
   }
   .ginput_container_address span {
      width: 100% !important;
   }
   .name-wrapper li.gfield:nth-child(n + 2) {
      width: unset !important;
   }
   .gfield_radio label {
      width: 100% !important;
   }
   #input_1_13 span,
   #input_1_17 span {
      width: 100% !important;
   }
   #field_1_18,
   #field_1_22,
   #field_1_14 {
      width: 100% !important;
   }
   #gform_submit_button_1 {
      width: 100% !important;
   }

   #gform_1 .validation_error {
      flex-direction: column;
   }
   #gform_1 .validation_error p {
      margin: 10px;
   }
}

/**
 * Event Selector
 */
.show-all-events {
   display: none;
}

.event-courses-wrapper {
}
.events-filter {
   height: 90px;
   display: flex;
   justify-content: flex-start;
   align-items: center;
}

.event-course-list {
   list-style: none;
   padding: 0;
   margin: 0;
}
.event-course-list .event-item {
   display: grid;
   align-items: center;
   border-bottom: 1px solid #ccc;
   font-weight: 700;
   transition: opacity 500 ease-in-out;
   font-size: 14px;
}
.event-course-list .event-item .event-book button {
   padding: 10px 0px;
   border: 1px solid orange;
   border-radius: 3px;
   box-shadow: none !important;
   text-shadow: none !important;
   text-transform: uppercase;
   font-size: 12px !important;
   font-weight: bold;
   cursor: pointer;
   width: 100%;
   max-width: 140px;
}
.event-course-list .event-item .event-book button.book-event {
   background-color: orange;
   color: #fff;
}
.event-book button.waitlist {
   background-color: transparent;
   color: orange;
}
.event-course-list .show-more.event-item {
   justify-content: center;
   margin-top: 1rem !important;
   border: none;
}
.event-course-list .show-more.event-item .show-all-events {
   background: var(--e-global-color-primary);
   color: #fff;
   cursor: pointer;
}
.event-course-list .seats-info.event-item {
   grid-template-columns: 1fr 1fr 1fr;
   padding: 1rem !important;
   background: #fcfcfc;
   margin-top: 1rem !important;
   border: none;
   font-weight: normal;
}
.event-course-list i {
   margin-right: 8px;
   font-size: 18px;
   padding-bottom: 2px;
}

/* Single course page */
.event-course-list-single .event-item {
   grid-template-columns: 70px calc(70% - 70px - 8px) 30%;
   grid-template-columns: 1.5fr 2fr 30%;
   padding: 10px 0;
   gap: 4px;
}
.event-course-list-single .event-place {
   color: #4c728d;
}

/* Event list all */
.event-course-list-all .event-item {
   grid-template-columns: 12% 29% 13% 20% 13% 13%;
   padding: 10px;
}

.event-course-list-all .event-item div {
   padding: 6px;
}

.event-course-list-all .event-course p {
   margin: 0;
}
.event-course-list-all .event-course p a,
.event-course-list-all .event-course p a:hover {
   color: #4c728d;
}
.event-course-list-all .event-date-category {
   display: none;
}

.event-course-list-all .event-category .category,
.event-course-list-all .event-date-category .category {
   font-size: 14px;
}

/* Responsive styling for mobile devices */
@media only screen and (max-width: 767px) {
   .event-course-list .event-item div {
      width: unset !important;
   }
   .event-course-list .event-item .event-book {
      text-align: right;
   }

   /* Event list all */
   .event-course-list-all .event-item {
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: repeat(4, auto);
      gap: 5px;
   }
   .event-course-list-all .event-item div {
      padding: 0 6px;
   }
   .event-course-list-all .event-item .event-date {
      grid-row: 1;
      grid-column: 1 / -1;
   }
   .event-course-list-all .event-item .event-course {
      grid-row: 2;
      grid-column: 1 / -1;
   }
   .event-course-list-all .event-item .event-place {
      grid-row: 3;
      grid-column: 1 / -1;
   }
   .event-course-list-all .event-item .event-seats {
      grid-row: 4;
      grid-column: 1 / 2;
   }
   .event-course-list-all .event-item .event-book {
      grid-row: 4;
      grid-column: 2 / 3;
   }
   .event-course-list-all .event-item .event-category {
      display: none;
   }
   .event-course-list-all .event-item .event-date .event-date-category {
      display: inline-block;
   }
   .event-course-list-all .event-item .event-seats {
      height: 100%;
      display: flex;
      align-items: center;
   }

   .event-course-list-all .event-item .event-book {
      margin-top: 5px;
   }
   .event-course-list-all .event-item .event-book button {
      width: unset;
      padding: 8px 18px;
   }

   .event-course-list-single .event-item {
   }
}

.available i {
   color: #008000;
}
.few i {
   color: #ffab00;
}
.full i {
   color: #d84d0f;
}
/* .event-item.full .event-date span,
.event-item.full .event-place span,
.event-item.full .event-seats span{
	text-decoration: line-through;
	color: gray;
} */

@media (hover: hover) {
   /* .event-item:hover{
		background: #fff;
	} */
   .event-book button.book-event:hover {
      background-color: orange;
      color: #fff;
   }
   .event-book button.waitlist:hover {
      background-color: transparent;
      color: orange;
   }
}

.event-selector-box {
   display: flex;
   flex-flow: row nowrap;
   justify-content: space-between;
}
.event-selector {
   width: 45%;
}
.select2-container {
   margin-right: 20px !important;
}
.select2-container--default .select2-results__option[aria-disabled="true"] {
   display: none;
}
.select2-selection__rendered {
   line-height: 50px !important;
   padding-left: 14px !important;
   padding-right: 34px !important;
}
.select2-container .select2-selection--single {
   height: 50px !important;
}
.select2-selection__arrow {
   height: 49px !important;
}
.select2-results__option {
   padding-left: 14px !important;
}
.select2-container--default
   .select2-selection--single
   .select2-selection__arrow {
   right: 9px !important;
}
.select2-selection__placeholder {
   color: #444 !important;
}
.select2-container--disabled .select2-selection__placeholder {
   color: #999 !important;
}

.gf-cart-table {
   margin: 1rem 0;
   width: 100%;
   font-size: 0.75rem;
}
.gf-cart-table thead tr {
   border-bottom: 1px solid #2d2d2d;
}
.gf-cart-table tbody tr {
   border-bottom: 1px solid #ccc;
}
.gf-cart-table thead tr th {
   padding: 0 0.75rem;
}
.gf-cart-table tbody tr td {
   padding: 0.75rem;
}
.gf-cart-table thead tr th:first-child,
.gf-cart-table tbody tr td:first-child {
   padding-left: 0;
}
.gf-cart-table thead tr th:last-child,
.gf-cart-table tbody tr td:last-child {
   padding-right: 0;
}
.gf-cart-table .num_col {
   min-width: 64px;
}

.gf-order-total {
   margin: 1rem 0;
   width: 100%;
   max-width: 400px;
   font-size: 0.85rem;
   margin-left: auto;
   text-align: right;
}
.gf-order-total tbody tr td {
   padding: 0.4rem 0.75rem;
}
.gf-order-total tbody tr td:last-child {
   padding-right: 0;
}
.gf-order-total .gf-total-label {
   font-weight: bold;
}
.gf-order-total .gf-total-price {
   color: #00365d;
   font-size: 1.75rem;
   font-weight: bold;
}
.gf-order-total .gf-total-price-vat {
}
.gfield_consent_label {
   font-size: 0.75rem;
}

#select2-event-date-selector-results .select2-results__option[aria-selected] {
   display: flex;
   flex-direction: row-reverse;
}
#select2-event-date-selector-results .select2-results__option[aria-selected] p {
   width: 50%;
   font-weight: bold;
}
@media screen and (max-width: 600px) {
   .select2-container {
      font-size: 1rem !important;
   }
   /* #select2-event-date-selector-results .select2-results__option[aria-selected] p{
		font-size: 1rem;
	} */
}
@media screen and (max-width: 480px) {
   .seats-info > div {
      display: flex;
      flex-direction: column;
      align-items: center;
      line-height: 1;
      text-align: center;
   }
   .seats-info i {
      margin: 0;
   }
}
#select2-event-date-selector-container[title] {
   display: flex;
   flex-direction: row-reverse;
   justify-content: space-between;
}
.select-date-container.red {
   color: lightgrey;
}
.select-spots-container.red {
   color: red;
}
.select-spots-container.orange {
   color: orange;
}
.select-spots-container.green {
   color: green;
}

/* course_accordions_shortcode */
.course-accordions {
   border-top: 1px solid #d5d8dc;
}
.course-accordions .accordion-item {
   border: 1px solid #d5d8dc;
   border-top: none;
}
.course-accordions .accordion-item h2 {
   margin: 0;
   padding: 15px 20px;
   font-size: 18px;
   font-weight: 500;
   line-height: 1;
   cursor: pointer;
   outline: none;
   text-transform: none;
   font-style: normal;
   display: flex;
   justify-content: space-between;
}

.course-accordions .accordion-content {
   display: none;
   font-size: 13px;
   padding: 15px 20px;
   border-top: 1px solid #d5d8dc;
}

@media screen and (max-width: 767px) {
   .course-accordions .accordion-item h2 {
      padding: 12px 15px;
   }
   .course-accordions .accordion-content {
      padding: 7px 15px;
   }
}