/*specific pages container*/
.home-custom-css{}
.community-custom-css{}
.agenda-custom-css{}
.speakers-custom-css{}

/*main container of each section*/
.main-app-container {}

/*
call-to-action buttons e.g:
Register, Join The Community etc
*/
.btn-register {}

/*Top navigation bar container*/
.template-nav {}

/*Top navigation bar items container*/
#bs-example-navbar-collapse-1 {}

/*social share buttons container*/
.social-share-button {}

/*social share buttons per social network*/
.social-share-button.facebook {}
.social-share-button.twitter {}
.social-share-button.linkedin {}
.social-share-button.google {}

a.button1 {
 background: linear-gradient(-45deg, #f7a600, #f9af1a, #f7c200, #f78900);
 background-size: 800% 400%;
 padding: 0.6em 2em;
 display: inline-block;
 border: none;
 border-radius: 5px;
 font-size: 1.2em;
 font-weight: 700;
 color: white;
 -webkit-transition: all .5s ease-in-out;
 transition: all .5s ease-in-out;
 -webkit-animation: gradient 10s infinite cubic-bezier(.62, .28, .23, .99) both;
         animation: gradient 10s infinite cubic-bezier(.62, .28, .23, .99) both;
}

a.button1:hover {
 -webkit-animation: gradient 3s infinite;
         animation: gradient 3s infinite;
 -webkit-transform: scale(1.05);
     -ms-transform: scale(1.05);
         transform: scale(1.05);
}

a.button1:active {
 -webkit-animation: gradient 3s infinite;
         animation: gradient 3s infinite;
 -webkit-transform: scale(0.8);
     -ms-transform: scale(0.8);
         transform: scale(0.8);
}

@-webkit-keyframes gradient {
 0% {
  background-position: 0% 50%;
 }

 50% {
  background-position: 100% 50%;
 }

 100% {
  background-position: 0% 50%;
 }
}

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

 50% {
  background-position: 100% 50%;
 }

 100% {
  background-position: 0% 50%;
 }
}

@media only screen and (max-width: 480px) {
  .tickets-header {
    font-size: 2.7em !important;
  }
}


.subcopy{
    text-align: center; color: #213a8f; margin-top: 2rem;
  }

  /* TAG LIST LAYOUT */
  .tag-list{
    display: flex;
    flex-direction: row; /* vertical on mobile */
    gap: 1rem;
    padding: 0; margin: 0 auto; list-style: none;
  }
  /* Horizontal + wrap on larger screens */
  @media (min-width: 768px){
    .tag-list{
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
    }
  }

  /* TAG STYLES */
  .tag{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .8rem 1rem;
    border-radius: 15px;
    background: #F7A600;
    border: 1px solid var(--tag-border);
    color: white;
    font: 600 1.2rem/1 system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
    letter-spacing: 3px;
    white-space: nowrap;
    transition: background .18s ease, border-color .18s ease, color .18s ease, transform .08s ease;
    box-shadow: 0 1px 0 rgba(0,0,0,.03), inset 0 0 0 1px rgba(255,255,255,.4);
  }
  .tag:hover{ 
    background: var(--tag-hover-bg); 
    border-color: var(--tag-hover-border);
    color: var(--tag-hover-text);
  }
  .tag:active{ transform: translateY(1px); }

  /* Make each tag full-width on small screens for a neat vertical rhythm */
  @media (max-width: 767.98px){
    .tag{ width: 100%; }
  }