/** Shopify CDN: Minification failed

Line 195:18 Unexpected "{"
Line 195:27 Expected ":"
Line 202:18 Unexpected "{"
Line 202:27 Expected ":"
Line 207:18 Unexpected "{"
Line 207:27 Expected ":"
Line 212:18 Unexpected "{"
Line 212:27 Expected ":"

**/
:root {
  --bg-gray: #ddd;
  --bg-gray-light: #eee;
  --padding-default: .8rem;
  --adjusted-line-height: 1.35;
}

a {
  color: rgba(var(--color-link), var(--alpha-link));
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
  text-underline-offset: .3rem;
}

cusa-ctg-click-box[data-state='button-view'] .area_click-more {
  display: none;
  visibility: hidden;
}

cusa-ctg-click-box[data-state='grid-view'] .area_button-wrapper {
  display: none;
  visibility: hidden;
}

img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

.area_button-text {
  align-items: center;
  background-color: rgba(255, 255, 255, .6125);
  -webkit-backdrop-filter: blur(2px);
      backdrop-filter: blur(2px);
  display: flex;
  flex-direction: column;
  justify-self: center;
  padding: calc(var(--padding-default) * 4) calc(var(--padding-default) * 2);
  row-gap: var(--padding-default);
  text-shadow: 0 0 .75rem rgba(255, 255, 255, .75);
}

.area_button-text #ctg-click-box-timer-ty-msg {
  border: 1px solid;
  background: rgba(var(--color-background), .7);
  width: 90%;
  margin-top: 2rem;
  padding: 1rem;
}

.area_button-text #ctg-click-box-timer-ty-msg p {
  margin: 0;
}

.area_button-wrapper {
  align-content: start;
  background: no-repeat center center;
  background-size: cover;
  height: 100%;
  min-height: 360px;
  overflow: hidden;
}

.area_button-wrapper button {
  font-size: 2rem;
}

.area_button-wrapper, .area_click-more {
  text-wrap: balance;
}

.area_click-more {
  background: var(--bg-gray-light);
  /* height: 100%; */
  padding: calc(var(--padding-default) * 2);
}

.area_click-more #ctg-donate-wrapper {
  display: block;
  margin: 1rem auto;
}

.area_click-more #ctg-ty-header h3 {
  font-weight: bold;
}

.area_click-more #ctg-ty-header #ctg-click-box-ty-msg a {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: .3rem;
}

.area_click-more #ctg-ty-header #ctg-click-box-ty-msg a:hover {
  text-decoration-thickness: .2rem !important;
}

.area_click-more #ctg-ty-header #ctg-click-box-ty-msg h4 {
  font-size: 1.85rem;
  margin-bottom: .5rem;
}

.area_click-more #ctg-ty-header #ctg-click-box-ty-msg {
  line-height: var(--adjusted-line-height);
}

.area_click-more #ctg-ty-header #ctg-click-box-ty-msg, .area_click-more #ctg-ty-header #ctg-click-box-ty-msg p {
  margin-bottom: 1rem;
  margin-top: 1rem;
}

.area_click-more #ctg-ty-insta-click-wrapper {
  margin-bottom: 2rem;
}

.area_click-more #ctg-ty-insta-click-btn {
  display: block;
  width: 100%;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 2.5rem;
  font-size: 2rem;
  font-weight: 600;
  border: 2px solid rgba(255, 255, 255, .25);
  background: linear-gradient(270deg, #a855f7, #3b82f6, #06b6d4);
  background-size: 200% 200%;
  animation: gradientShift 3s ease infinite;
  cursor: pointer;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
  transition: transform 0.2s ease-in-out, box-shadow 0.3s ease;
}

.area_click-more #ctg-ty-insta-click-btn * {
  color: rgb(var(--background-color))
}

.area_click-more #ctg-ty-insta-click-wrapper[data-state='enabled'] #disabled-btn-text, .area_click-more #ctg-ty-insta-click-wrapper[data-state='enabled'] #disabled-supporting-text {
  display: none;
  visibility: hidden;
}

.area_click-more #ctg-ty-insta-click-wrapper[data-state='disabled'] #enabled-btn-text, .area_click-more #ctg-ty-insta-click-wrapper[data-state='disabled'] #enabled-supporting-text {
  display: none;
  visibility: hidden;
}

.area_click-more #ctg-ty-insta-click-btn:hover:not(:disabled) {
  transform: scale(1.05);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35);
}

.area_click-more #ctg-ty-insta-click-btn:active:not(:disabled) {
  transform: scale(1);
}

.area_click-more #ctg-ty-insta-click-btn:disabled {
  background: #4b5563;
  cursor: not-allowed;
  opacity: .9;
  box-shadow: none;
  animation: none;
}

.area_click-more #ctg-ty-insta-click-btn::before, .area_click-more #ctg-ty-insta-click-btn::after {
  content: unset;
}

@keyframes gradientShift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

cusa-ctg-click-box .area_click-more #ctg-ty-insta-click-wrapper * {
  line-height: var(--adjusted-line-height);
}

#shopify-section-{{ section.id }}
cusa-ctg-click-box .area_click-more #ctg-ty-insta-click-wrapper a {
  text-decoration: underline;
  text-underline-offset: 0.3rem;
  text-decoration-thickness: 0.1rem;
}

#shopify-section-{{ section.id }}
cusa-ctg-click-box .area_click-more #ctg-ty-insta-click-wrapper a:hover {
  text-decoration-thickness: 0.2rem;
}

#shopify-section-{{ section.id }}
cusa-ctg-click-box .area_click-more #ctg-ty-insta-click-btn p:first-of-type, .area_click-more  #ctg-ty-insta-click-wrapper p:first-of-type {
  margin-top: 0;
}

#shopify-section-{{ section.id }}
cusa-ctg-click-box .area_click-more #ctg-ty-insta-click-btn p:last-of-type, .area_click-more  #ctg-ty-insta-click-wrapper p:last-of-type {
  margin-bottom: 0;
}


.box {
  background: var(--bg-gray);
  overflow: hidden;
}

.button-click-container { 
  opacity: 0;
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  gap: calc(var(--padding-default) * 1.5);
  max-width: 96%;
}

.button-click-container .button--primary {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.button-click-container svg {
  width: 4rem;
  max-width: 4rem;
  min-width: 2.75rem;
  height: 100%;
}

.button-click-container svg,
.button-click-container path {
  fill: rgb(var(--color-button));
}

.container-inner {
  display: grid;
  align-items: start;
  margin-inline: auto;
  max-width: 1280px;
  padding: 0 calc(var(--padding-default) * 2);
}

.container-outer-shop,
.section-more-ways {
  background: var(--bg-gray-light);
}

.grid_main-click-wrapper {
  -moz-column-gap: calc(var(--padding-default) * 4);
  column-gap: calc(var(--padding-default) * 4);
  row-gap: var(--padding-default);
  /* padding-bottom: calc(var(--padding-default) * 4); */
}

.grid_main-click-wrapper section {
  align-items: start;
  display: grid;
  gap: calc(var(--padding-default) * 2);
}

.grid_main-click-wrapper section > * {
  display: grid;
  gap: calc(var(--padding-default) * 2);
  text-align: center;
}

#ctg-banner {
	text-align: center;
}

.ctg-feed-wrapper .ctg-feed-title-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  width: 100%;
}

.ctg-feed-wrapper .ctg-feed-title-row > * {
  display: inline-block;
  width: auto;
}

.ctg-feed-wrapper .items-grid {
  margin-top: 2rem;
}

#container-content {
  -moz-column-gap: calc(var(--padding-default) * 4);
    column-gap: calc(var(--padding-default) * 4);
  grid-template-areas: 'grid_content-main' 'grid_content-ads';
  row-gap: calc(var(--padding-default) * 3);
}

@media screen and (min-width: 980px) {
  #container-content {
    grid-template-columns: 1fr 300px;
    grid-template-areas: 'grid_content-main grid_content-ads';
  }
}

#container-shop-content {
  display: grid;
  grid-template-areas: 'grid_shop-items' 'grid_shop-tile';
  gap: calc(var(--padding-default) * 4);
  text-align: center;
}

@media screen and (min-width: 800px) {
  #container-shop-content {
    grid-template-columns: 2fr minmax(300px, 1fr);
    grid-template-areas: 'grid_shop-items grid_shop-tile';
  }
}

#container-shop-content .items-grid {
  margin-bottom: calc(var(--padding-default) * 4);
}

#container-shop-content .items-grid a {
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: var(--padding-default);
  padding: var(--padding-default);
}

#container-shop-content .items-grid p:last-of-type {
  margin-top: auto;
}

#container-trivia {
  display: block;
}

[id^='container-']:not(.grid_main-click-wrapper) {
  padding-bottom: calc(var(--padding-default) * 4);
  padding-top: calc(var(--padding-default) * 4);
}

.grid_aside-messaging-wrapper {
  grid-area: grid_aside-messaging;
  text-align: center;
}

.grid_click-more {
  background: var(--bg-gray);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
}

.grid_click-more a,
.grid_click-more button {
  align-items: center;
  background: #fff;
  border: 0;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: calc(var(--padding-default) / 2);
  justify-content: center;
  line-height: 1.25;
  padding: calc(var(--padding-default)*1);
  position: relative;
  font-family: var(--font-body-family);
  font-size: 1.125rem;
  letter-spacing: .65px;
}

.grid_click-more a:hover,
.grid_click-more button:hover {
  text-decoration: none;
}

.grid_click-more a svg:not(.fa-check-circle),
.grid_click-more button svg:not(.fa-check-circle) {
  width: 4rem;
  max-width: 4rem;
  height: 100%;
  max-height: 2.5rem;
}

.grid_click-more a.click-attempted:not(.active),
.grid_click-more button.click-attempted:not(.active) {
  opacity: .55;
}

.grid_click-more a .fa-check-circle,
.grid_click-more button .fa-check-circle {
  display: none;
  position: absolute;
  right: .5rem;
  top: .5rem;
  width: 1.75rem;
}

.grid_click-more a.click-attempted .fa-check-circle,
.grid_click-more button.click-attempted .fa-check-circle {
  display: block;
}

.grid_content-ads-wrapper {
  display: grid;
  gap: calc(var(--padding-default) * 3);
  grid-area: grid_content-ads;
  grid-template-columns: repeat(auto-fit, minmax(0, 500px));
  justify-content: center;
  margin-top: calc(var(--padding-default)*3);
}

.grid_content-wrapper {
  grid-area: grid_content-main;
}

.grid_main-click-wrapper {
  grid-area: grid_main-click;
  height: 100%;
  text-align: center;
}

.grid_main-click-wrapper cusa-ctg-click-box {
  height: 100%;
}

.grid_main-click-wrapper cusa-ctg-click-box #ctg-click-box-headline *,
.grid_main-click-wrapper cusa-ctg-click-box #ctg-click-box-tagline *,
.grid_main-click-wrapper cusa-ctg-click-box #ctg-click-box-button * {
  margin: 0;
  text-align: center;
}

cusa-ctg-click-box #ctg-click-box-button.update-btn {
  animation-delay: 500ms;
  animation-duration: 1750ms;
  animation-fill-mode: forwards;
  animation-name: ctg-btn-fadeout-fadein;
}

cusa-ctg-click-box #ctg-click-box-headline {
  font-size: 2.915rem;
  line-height: 1.15;
}

cusa-ctg-click-box #ctg-click-box-tagline {
  font-size: 1.85rem;
  line-height: 1.25;
  margin-bottom: 1.25rem;
  margin-top: .75rem;
}

cusa-ctg-click-box #ctg-click-box-button.update-btn[disabled] {
  opacity: 1;
}

.grid_main-tiles1-wrapper {
  grid-area: grid_main-tiles1;
}

@media screen and (max-width: 799px) {
  .grid_main-tiles1-wrapper {
    margin-top: var(--padding-default);
  }
}

.grid_main-tiles2-wrapper {
  grid-area: grid_main-tiles2;
}

@media screen and (max-width: 1199px) {
  .grid_main-tiles2-wrapper {
    margin-top: var(--padding-default);
  }
}

@media screen and (min-width: 580px) and (max-width: 1199px) {
  .grid_main-tiles1-wrapper,
  .grid_main-tiles2-wrapper {
    grid-template-columns: repeat(auto-fit, minmax(300px, auto));
  }
}

.grid_shop-items-wrapper {
  grid-area: grid_shop-items;
}

.grid_shop-items-wrapper .items-grid img {
  aspect-ratio: 1;
}

.grid_shop-tile-wrapper {
  grid-area: grid_shop-tile;
}

hr {
  color: rgba(0, 0, 0, .42);
  width: 100%;
}

.img-ratio_share {
  aspect-ratio: 1.904/1;
  -o-object-fit: cover;
    object-fit: cover;
}

.item-recommended {
  background: var(--bg-gray-light);
  display: block;
  line-height: normal;
  overflow: hidden;
  position: relative;
}

.item-recommended p {
  font-size: 1.15em;
  margin: 0;
  padding: calc(var(--padding-default) * 2);
}

.items-grid {
  display: grid;
  gap: calc(var(--padding-default) * 3);
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  justify-items: center;
  text-align: left;
}

.items-grid img {
  width: 100%;
}

.items-grid p {
  line-height: 1.375;
  margin-top: var(--padding-default);
}

.nav-horizontal {
  display: flex;
  gap: calc(var(--padding-default) * 2);
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  position: relative;
}

.nav-horizontal a {
  padding: var(--padding-default);
  white-space: nowrap !important;
}

.nav-horizontal a:first-of-type {
  padding-left: 0;
}

.nav-horizontal::-webkit-scrollbar {
  display: none;
}

.section-more-ways {
  width: 100%;
  height: fit-content;
  margin-inline: auto;
  overflow: hidden;
  padding: calc(var(--padding-default) * 3);
}

.section-more-ways_item {
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, .5);
  padding: calc(var(--padding-default) * 2);
  row-gap: calc(var(--padding-default) * 3);
}

.section-more-ways_item svg {
  font-size: 3.5rem !important;
  height: 3rem;
  margin-right: 1rem;
  min-width: 45px;
}

.tile-300 {
  margin-inline: auto;
  min-width: 300px;
  max-width: 300px;
}

.tile-ctg-premier {
  display: grid;
  grid-area: grid_main-premier-ad;
  margin-top: calc(var(--padding-default) * 1.25);
}

.tile-ctg-network {
  display: grid;
  grid-area: grid_main-network-ad;
  place-self: center;
  text-align: center;
}

/* Fade In Effects */
.area_button-text.fade-in h1,
.area_button-text.fade-in h2,
.area_button-text.fade-in p:not(.alert-click-counted),
.area_button-text.fade-in .button-click-container {
  opacity: 0;
  animation-duration: 2000ms;
  animation-fill-mode: forwards;
  animation-name: fadein;
}

.area_button-text h1#ctg-click-box-headline p {
  animation-delay: 1000ms;
}

.area_button-text p.area_button-text-subhead {
  animation-delay: 1500ms;
}

.area_button-text .button-click-container {
  animation-delay: 2000ms;
}

.grid_click-more, .area_click-more #ctg-ty-insta-click-wrapper {
  opacity: 0;
  animation: fadein 2000ms;
  animation-delay: 2000ms;
  animation-fill-mode: forwards;
}

.grid_click-more .ctg-click-grid-button {
  transition: background-color .2s;
}

/* Trivia Embed */
#trivia {
  container-type: inline-size;
  container-name: trivia;
}

#trivia iframe {
  border: 0;
  height: 450px;
}

@container trivia (min-width: 390px) {
  iframe {
    height: 415px !important;
  }
}

@container trivia (min-width: 540px) {
  iframe {
    height: 275px !important;
  }
}

@container trivia (min-width: 660px) {
  iframe {
    height: 250px !important;
  }
}

@container trivia (min-width: 800px) {
  iframe {
    height: 225px !important;
  }
}

/* Don't nest keyframes for it to work consistently */
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
  }
  @keyframes ctg-btn-fadeout-fadein {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}