/* Mercury Editor Branding */
:root {
    --me-logo-horizontal: url('/sites/default/files/2024-06/Shine-Logo-Final.svg');
    --flip-card-pad: 16px;
}
@media (max-width: 576px) {
    :root {
	    --tme-fs-body-base: 1rem;
		}
}
select.gt_selector.notranslate {
    margin: auto;
}
nav#block-footermenu > ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 2rem;
}
.c-footer__content-wrapper {
    padding: 0 1rem 0 0.5rem;
    max-width: 90rem;
    gap: 1.25rem;
}
.t-teme-temp3 .c-footer__column-row, .t-teme-temp3 .c-footer__utility-wrapper {
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
    width: 100%;
    background: #ccc;
}
.t-teme-temp3 .c-footer__content-wrapper {
    border-top: 0;
    padding-top: 2.25rem;
}
span.c-flip-card__icon {
    width: 100% !important;
    height: auto !important;
}
.c-flip-card__back {
    max-height: 500px;
    overflow-y: scroll;
}
.c-flip-card__back {
    padding: 2rem;
}
.c-flip-card__front, .c-flip-card__back {
    max-height: 500px;
    min-height: 500px;
}
.c-flip-card__back {
    overflow-y: scroll; 
}
::-webkit-scrollbar {
  width: 12px; /* For vertical scrollbar */
  height: 12px; /* For horizontal scrollbar */
}
/* Style the track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px;
}
/* Style the thumb on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
@media (min-width: 1200px) {
    .t-teme-temp3 .c-tabs-group--variant__stylized .c-tabs-group__tab, .t-teme-temp3 .c-tabs-group--variant__horizontal .c-tabs-group__tab {
        padding: 3rem 3rem;
    }
}
/* Tabs - Default style doesn't work, let's modify the Stylized option instead */
.t-teme-temp3 .c-tabs-group--variant__stylized .c-tabs-group__inner {
    border-width: 1px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.c-tabs-group.c-tabs-group--variant__stylized {
    display: flex;
    flex-direction: row;
    margin: 0 0 3rem 0;
}
.c-tabs-group.c-tabs-group--variant__stylized nav.c-tabs-group__tabs {
    flex-basis: 30%;
}
.c-tabs-group.c-tabs-group--variant__stylized .c-tabs-group__inner {
    flex-basis: 70%;
}
.c-tabs-group.c-tabs-group--variant__stylized ul.c-tabs-group__menu {
    flex-direction: column;
}
.t-teme-temp3 .c-tabs-group--variant__stylized .c-tabs-group__menu li .c-tabs-group__tab-button {
    font-size: var(--tme-fs-heading-h5);
    line-height: var(--tme-lh-heading-h5);
    font-weight: var(--tme-fw-regular);
    border-radius: 0;
    padding: 1rem 1.5rem !important;
}
.t-teme-temp3 .c-tabs-group--variant__stylized .c-tabs-group__tab {
    background-color: #fff !important;
}
.t-teme-temp3 .c-tabs-group--variant__stylized .c-tabs-group__menu li:nth-of-type(4n + 2) .c-tabs-group__tab-button {
    background-color: var(--tme-color-gray-300);
}
.t-teme-temp3 .c-tabs-group--variant__stylized .c-tabs-group__menu li:nth-of-type(4n + 4) .c-tabs-group__tab-button {
    background-color: var(--tme-color-gray-300);
    color: var(--tme-color-black);
}
.weci-ctalist-black p {
    color: var(--tme-color-black) !important;
}
/* iFrame */
.container-iframe {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
	.c-tabs-group.c-tabs-group--variant__stylized .c-tabs-group__inner {
    flex-basis: 100%;
	}
}
.c-flip-card__back {
	display: block;
}