/* REQUIRED for core functionality */

.responsive-tabs__heading { display: none;}
.responsive-tabs__list__item { display: inline; cursor:pointer;}


@media (max-width: 767px) {
	.responsive-tabs__list { display: none;}
	.responsive-tabs__heading { display: block; cursor: pointer; }
	.responsive-tabs__panel--closed-accordion-only { display: none;}
}

@media (min-width: 768px) {
	.responsive-tabs__panel--closed-accordion-only { display: block !important;}
}

/* END - Required for core functionality */


/* OPTIONAL - Basic Skin */

.responsive-tabs-wrapper { 
  @apply tw:border-b-2 tw:border-gray-300 tw:md:border-none;
	clear: both;
	zoom: 1; 
}
.responsive-tabs-wrapper:before,
.responsive-tabs-wrapper:after {
    content: "";
    display: table;
} 
.responsive-tabs-wrapper:after {
    clear: both;
}

.responsive-tabs__heading:focus {
  @apply tw:text-primary tw:font-bold;
}

.responsive-tabs__heading--active:focus,
.responsive-tabs__list__item--active:focus { outline: none !important;}

.responsive-tabs__list { font-size: 1.2em; margin: 2em 0 0 0; padding: 0;border-bottom: 3px solid #6588C7; padding-bottom:11px; line-height: 1em;}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .responsive-tabs__list {padding-bottom:9.5px;} }

.responsive-tabs__list__item:first-child {margin-left: 1rem;}
.responsive-tabs__list__item { background: #fff; padding: 8px 15px;  margin-right: 1em; border: none; font-weight: bold;}
.responsive-tabs__list__item:hover {background: #fff }
.responsive-tabs__list__item--active, 
.responsive-tabs__list__item--active:hover {  background: #6588C7; color: #fff;}

.responsive-tabs__panel { margin-bottom: 50px;}

.responsive-tabs__list__item { 
	-webkit-padding-before: 10px;
	-webkit-padding-after: 10px;
}

@media (max-width: 767px) {
	.responsive-tabs__heading { 
		position: relative;
	}
}

.responsive-tabs__list {
  display: flex;
  padding-bottom: 0;
  line-height: auto;
}

@media screen and (max-width: 767px) {
  .responsive-tabs__list {
    display: none;
  }
}

.responsive-tabs ul.responsive-tabs__list li {
  display: block;
  list-style-type: disc;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.9em;
  padding: 0.75em 1em;
}

@media (max-width: 767px) {
  .responsive-tabs__heading {
    @apply tw:border-0 tw:border-t-2 tw:border-gray-300 tw:m-0 tw:pl-10 tw:pr-0 tw:py-4 tw:font-normal! tw:text-2xl tw:bg-none;
  }

  .responsive-tabs__heading:before {
    @apply  tw:text-primary tw:absolute tw:top-4 tw:left-0 tw:stroke-primary;
    content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22%236588c7%22%20class%3D%22size-6%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%204.5v15m7.5-7.5h-15%22%20%2F%3E%3C%2Fsvg%3E");
    width: 32px;
  }

  .responsive-tabs__heading:after {
    display: none;
  }

  .responsive-tabs__heading--active:before {
    content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22%236588c7%22%20class%3D%22size-6%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M5%2012h14%22%20%2F%3E%3C%2Fsvg%3E");
  }
}


/* END - Optional - Basic Skin */