/*Main Colors*/
:root {
  --primary: #fafafa;
  --primary-light: #ffffff;
  --primary-dark: #c7c7c7;
  --secondary: #aed581;
  --secondary-light: #e1ffb1;
  --secondary-dark: #7da453;
  --primary-text: #3b3c46;
  --secondary-text: #424242;
  --error: #98332B;
  --error-dark: #550000; }

/*For IE complie
$primary: #fafafa;
$primary-light: #ffffff;
$primary-dark: #c7c7c7;
$secondary: #aed581;
$secondary-light:#e1ffb1;
$secondary-dark:#7da453;
$primary-text: #232530;
$secondary-text: #424242;
$error: #98332B;
$error-dark : #550000;*/
.primary-bg, .primary-btn, .primary-btn {
  background: var(--primary);
  color: var(--primary-text); }

.primary-btn:hover {
  background: var(--primary-dark); }

.secondary-bg, .secondary-btn {
  background: var(--secondary);
  color: var(--secondary-text); }

.secondary-btn:hover {
  background: var(--secondary-dark);
  color: white; }

.primary-color {
  color: var(--primary); }

.secondary-color {
  color: var(--secondary); }

body {
  font-family: 'Open Sans';
  background: var(--primary-light);
  height: 100vh;
  color: var(--primary-text);
  font-weight: 400; }

p {
  font-family: 'Open Sans' !important; }

main {
  min-height: 100vh;
  margin-bottom: 2rem; }
  @media screen and (max-width: 600px) {
    main {
      margin-top: 1rem; } }

h1, .h7, h2, h3, h4, h5, h6 {
  font-family: 'Roboto';
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: .1rem; }

.h7 {
  font-size: 1.05rem; }

hr {
  background: var(--secondary);
  height: 1px;
  width: 100%;
  border: 0;
  margin: 10px 0; }

#feedback {
  width: 80%;
  margin: auto;
  color: white;
  background: var(--secondary); }

/*Custom Scrollbar*/
::-webkit-scrollbar {
  width: 10px; }

::-webkit-scrollbar-track {
  background: var(--primary); }

::-webkit-scrollbar-thumb {
  background: var(--secondary); }

::-webkit-scrollbar-thumb:hover {
  background: var(--secondary-dark); }

a.ls-link {
  color: var(--secondary);
  font-weight: 800; }

a.underline {
  text-decoration: none;
  position: relative;
  cursor: pointer; }
  a.underline:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    bottom: -3px;
    left: 0;
    background-color: var(--secondary-dark);
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s; }
  a.underline:hover:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }

/*Buttons*/
.btn-ls-green, .btn-ls-red {
  background: var(--secondary);
  font-weight: 600;
  color: white;
  letter-spacing: .1rem;
  height: auto; }
  .btn-ls-green:hover, .btn-ls-red:hover, .btn-ls-green:focus, .btn-ls-red:focus {
    background: var(--secondary-dark); }

.btn-ls-red {
  background: var(--error); }
  .btn-ls-red:hover, .btn-ls-red:focus {
    background: var(--error-dark); }

.btn-outline, .btn-main {
  border: 0.5px solid var(--secondary-dark);
  color: var(--secondary);
  transition: all 100ms ease-in-out;
  font-weight: 700;
  border-radius: .2rem;
  text-transform: uppercase;
  box-sizing: border-box;
  padding: 1rem 2.5rem;
  height: auto;
  letter-spacing: .1rem; }
  .btn-outline:hover, .btn-main:hover {
    border: 2px solid var(--secondary-dark);
    color: var(--secondary-dark); }
  .btn-outline:focus, .btn-main:focus {
    background: var(--secondary-dark); }

.btn-main {
  background-color: var(--secondary);
  border: 0.5px solid var(--secondary);
  color: white; }
  .btn-main:hover {
    background-color: transparent; }

/*
 *Display Classes
*/
.d-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex !important; }

/*Divider*/
.divider {
  background: var(--secondary);
  margin: 3rem auto; }

/* Billing Credit Card / PayPal Display*/
.card-panel.rounded {
  border-radius: 1rem;
  width: 26rem;
  height: 13rem;
  justify-content: space-between;
  align-items: center; }
  @media screen and (max-width: 600px) {
    .card-panel.rounded {
      width: 17rem;
      height: 8.5rem;
      margin: auto; } }
.card-panel .paypal-info {
  margin: auto;
  text-align: center;
  flex-direction: column; }

.radio-options {
  margin-bottom: 1rem; }

.materialbox-caption {
  font-size: 1.4rem; }
  @media screen and (max-width: 600px) {
    .materialbox-caption {
      font-size: 1.1rem; } }

.show-art {
  max-width: 300px;
  max-height: 300px; }

/*
 * FOOTER STYLES
*/
footer.page-footer {
  background: var(--secondary);
  color: var(--primary);
  position: static;
  width: 100%;
  right: 0;
  bottom: 0;
  left: 0; }
  footer.page-footer h5 {
    color: var(--primary);
    letter-spacing: .1rem; }
  footer.page-footer p {
    color: var(--primary-light); }
  footer.page-footer .footer-copyright {
    color: var(--primary); }
  footer.page-footer a {
    color: var(--primary);
    font-weight: 700; }
  @media screen and (max-width: 992px) {
    footer.page-footer .right {
      text-align: center;
      float: none; } }

#search-modal .collection-item {
  text-align: left; }
  #search-modal .collection-item img {
    width: 80px;
    height: 80px;
    margin: 0 2rem;
    vertical-align: middle; }
  #search-modal .collection-item .title {
    text-transform: uppercase; }
  #search-modal .collection-item:hover {
    background-color: #fafafa; }

#search-text {
  padding-left: 1rem; }

.search-modal-btn {
  cursor: pointer; }

#particles-js {
  height: 99vh;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

nav {
  background: transparent;
  color: var(--primary-text);
  transition: all 1s ease-in-out;
  width: 40%; }
  nav.scrolled {
    background: var(--primary);
    height: 70px !important;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%; }
    nav.scrolled .sidenav-trigger i {
      font-size: 3rem; }
    nav.scrolled .brand-logo img {
      height: 80px;
      padding-top: 1rem;
      padding-bottom: 1rem;
      display: block; }
      @media screen and (max-width: 600px) {
        nav.scrolled .brand-logo img {
          padding-bottom: .8rem; } }
  nav .brand-logo img {
    display: none; }
  nav .sidenav-trigger {
    color: var(--primary-text);
    margin-top: .5rem; }
    nav .sidenav-trigger i {
      font-size: 4rem; }
  nav #nav-links .user-view {
    padding: 2rem; }
    nav #nav-links .user-view .fa-stack {
      margin-bottom: 1rem; }
      nav #nav-links .user-view .fa-stack span {
        font-family: 'Open Sans'; }
    nav #nav-links .user-view a {
      line-height: 1; }
      nav #nav-links .user-view a span {
        overflow-wrap: break-word; }
  nav #nav-links a {
    color: var(--primary-text);
    font-weight: 600; }
  nav #nav-links li i:first-of-type {
    color: var(--secondary); }
  nav #nav-links #social-icons {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: center;
    text-align: center;
    grid-template-rows: 40px 100;
    padding: 0 4rem; }
    nav #nav-links #social-icons .label {
      grid-column-start: 1;
      grid-column-end: 4;
      color: var(--secondary);
      font-weight: 700; }
    nav #nav-links #social-icons i.fab {
      height: auto;
      line-height: 100%; }

/* Checkboxes
   ========================================================================== */
/* CUSTOM CSS CHECKBOXES */
.checkbox-wrapper {
  padding: 1rem; }

form p {
  margin-bottom: 10px;
  text-align: left; }

form p:last-child {
  margin-bottom: 0; }

.errors {
  color: var(--error-dark);
  margin: 0;
  font-size: .95rem !important; }

div.errors {
  background: var(--error);
  color: white;
  width: 100%;
  text-align: center; }

ul.errors {
  line-height: 1.5; }

div.braintree-hosted-fields-focused {
  border-bottom: 1px solid var(--secondary);
  box-shadow: 0 1px 0 0 var(--secondary); }

@keyframes headerBgScroll {
  0%, 100% {
    background-position: 0% 0%; }
  25% {
    background-position: 100% 0%; }
  50% {
    background-position: 0% 100%; }
  75% {
    background-position: 50% 50%; } }
@-webkit-keyframes headerBgScroll {
  0%, 100% {
    background-position: 0% 0%; }
  25% {
    background-position: 100% 0%; }
  50% {
    background-position: 0% 100%; }
  75% {
    background-position: 50% 50%; } }
header #scene {
  overflow: hidden;
  display: inline-flex !important;
  height: 800px;
  position: absolute;
  top: 0;
  filter: blur(2px) opacity(0.05);
  -webkit-filter: blur(2px) opacity(0.05);
  z-index: -1;
  width: 100%; }
  header #scene .row {
    justify-content: center;
    left: -200px !important; }
    header #scene .row:last-of-type {
      flex-flow: row-reverse;
      margin-top: 380px; }
      @media screen and (max-width: 600px) {
        header #scene .row:last-of-type {
          margin-top: 240px; } }
    header #scene .row .header-img {
      height: 400px;
      width: 400px; }
      @media screen and (max-width: 600px) {
        header #scene .row .header-img {
          height: 250px;
          width: 250px; } }
  @media screen and (max-width: 600px) {
    header #scene {
      max-height: 500px;
      opacity: .1;
      filter: blur(1px);
      -webkit-filter: blur(1px); } }
header #info-overlay {
  margin: auto;
  margin-top: 10%; }
  header #info-overlay h2 {
    color: var(--primary-text);
    font-weight: 700;
    font-size: 2rem;
    letter-spacing: .5rem;
    -webkit-animation-delay: .3s;
    animation-delay: .3s; }
  header #info-overlay .cta a:first-child {
    -webkit-animation-delay: .6s;
    animation-delay: .6s; }
  header #info-overlay .cta a:last-child {
    -webkit-animation-delay: .7s;
    animation-delay: .7s; }

section .content h2 {
  letter-spacing: .2rem;
  font-size: 3.5rem; }
  @media screen and (max-width: 600px) {
    section .content h2 {
      font-size: 2.5rem; } }
section .content p {
  font-size: 1.25rem; }
  @media screen and (max-width: 600px) {
    section .content p {
      font-size: 1.05rem; } }

#intro-section {
  margin-top: 200px;
  overflow: hidden;
  position: relative;
  -webkit-animation-delay: 1s;
  animation-delay: 1s; }
  #intro-section .content {
    padding-right: 8rem;
    color: white;
    height: 100%; }
    @media screen and (max-width: 600px) {
      #intro-section .content {
        padding-right: 4rem; } }
    @media screen and (max-width: 400px) {
      #intro-section .content {
        padding-right: 2.5rem !important; } }
  @media screen and (max-width: 600px) {
    #intro-section {
      margin-top: 50px; } }

#second-section {
  margin-top: 2rem; }
  #second-section .content {
    line-height: 1.8;
    display: block;
    align-items: center;
    width: 99%;
    margin-left: 0; }
    @media screen and (min-width: 1200px) {
      #second-section .content {
        display: flex;
        width: 90%; } }
    @media screen and (max-width: 992px) {
      #second-section .content .content-image img {
        margin: auto;
        display: block; } }
    #second-section .content .content-text {
      background: var(--secondary);
      padding: .5rem 2rem 1.5rem 2rem;
      color: white;
      z-index: 99 !important; }
      @media screen and (min-width: 1200px) {
        #second-section .content .content-text {
          margin-left: -10rem;
          margin-top: 15%; } }
      @media screen and (max-width: 992px) {
        #second-section .content .content-text {
          margin-top: -20%;
          width: 90%;
          margin-left: 5%; } }
      #second-section .content .content-text a {
        color: var(--primary);
        font-weight: 800; }

#show-section {
  margin-top: 5rem;
  width: 95%;
  margin-left: auto;
  margin-right: auto; }
  #show-section .content-text {
    background: var(--secondary);
    padding: .5rem 2rem 1.5rem 2rem;
    color: white;
    z-index: 1;
    display: flex;
    align-items: center;
    height: 400px; }
    #show-section .content-text .show-var-text {
      font-weight: 800;
      margin-top: 0;
      margin-bottom: 0; }
      #show-section .content-text .show-var-text p {
        line-height: 1;
        font-size: 1.1rem !important; }
  @media screen and (min-width: 1200px) {
    #show-section .show-gallery {
      margin-left: -5%;
      margin-top: 15%;
      width: 55%; } }
  @media screen and (max-width: 992px) {
    #show-section .show-gallery {
      margin-top: -10%;
      width: 100%; } }
  #show-section .show-gallery .card-panel {
    height: 400px;
    overflow: scroll;
    display: grid;
    grid-template-columns: repeat(17, 1fr); }
  #show-section .show-gallery .clickable-img {
    margin: auto;
    display: inline-block;
    height: 100px;
    width: 100px;
    transition: transform .2s; }
    #show-section .show-gallery .clickable-img:hover {
      transform: scale(1.5);
      z-index: 999; }

#last-cta-section {
  padding: 5rem 1rem; }
  #last-cta-section h2 {
    color: var(--secondary-dark);
    letter-spacing: .1rem;
    margin-bottom: 2rem; }
    @media screen and (max-width: 600px) {
      #last-cta-section h2 {
        font-size: 1.8rem; } }
  #last-cta-section .m3 {
    justify-content: center; }
  @media screen and (min-width: 601px) and (max-width: 991px) {
    #last-cta-section .btn-main {
      padding: .5rem .7rem; } }

#parallelogram {
  width: 85%;
  height: 400px;
  background: #aed581;
  -webkit-transform: skew(30deg);
  -moz-transform: skew(30deg);
  -o-transform: skew(30deg);
  transform: skew(30deg);
  position: absolute;
  z-index: -1;
  overflow-x: hidden; }

@media screen and (max-width: 900px) {
  #parallelogram {
    -webkit-transform: skew(0deg);
    -moz-transform: skew(0deg);
    -o-transform: skew(0deg);
    transform: skew(0deg);
    height: 600px; } }
#signup-content, #login-content {
  align-items: center;
  bottom: 0;
  height: auto;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  margin: 3rem; }
  @media screen and (max-width: 991px) {
    #signup-content, #login-content {
      display: block !important;
      margin: 0; } }

#page-splash {
  flex-direction: column;
  align-items: center;
  height: 100%;
  justify-content: center;
  font-size: 0.8rem !important; }
  #page-splash:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    z-index: -1;
    background: url("/images/libsyn-podcast-mic-headphones.jpg") no-repeat center center;
    background-size: cover;
    content: ''; }
  @media screen and (max-width: 991px) {
    #page-splash {
      height: auto;
      padding-top: 5%;
      padding-bottom: 5%; } }

.main-form {
  flex-direction: column;
  align-items: center;
  height: -webkit-fill-available;
  justify-content: center;
  background: white; }
  @media screen and (max-width: 991px) {
    .main-form {
      height: auto;
      margin-bottom: 5rem; } }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .main-form {
      align-items: stretch; } }
  .main-form .terms-of-service-text a {
    color: var(--secondary-dark); }
  .main-form h3 {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 2rem; }
  .main-form .submit-buttons {
    text-align: center; }
  .main-form p {
    color: var(--primary-text);
    font-size: 0.8rem;
    font-family: 'Open Sans';
    margin-top: 1.5rem; }
  .main-form .form-fields {
    padding-left: 2rem;
    padding-right: 2rem; }

#tos-modal .modal-content p {
  font-size: 1rem !important; }
#tos-modal #tos-agree {
  color: var(--secondary-dark); }

#login-content #page-splash {
  position: relative; }
  #login-content #page-splash:before {
    background: url("/images/libsyn-phone-and-headphones.jpg") no-repeat center center;
    opacity: 0.8;
    background-size: cover; }
  #login-content #page-splash .splash-overlay-image {
    max-width: 100%; }
#login-content h5.subtitle {
  font-size: 1rem;
  letter-spacing: .3rem; }
#login-content #login_form {
  width: 90%; }

#signup-and-help {
  text-align: center; }

#dashboard {
  width: 90%;
  margin: auto; }
  #dashboard .active-item.active .collapsible-header {
    border-bottom-color: white;
    height: 350px;
    flex-direction: column; }
    #dashboard .active-item.active .collapsible-header img {
      height: 200px;
      margin-top: 2rem; }
    #dashboard .active-item.active .collapsible-header h2 {
      text-align: center;
      font-size: 2rem; }
      @media screen and (max-width: 600px) {
        #dashboard .active-item.active .collapsible-header h2 {
          font-size: 1.5rem; } }
      #dashboard .active-item.active .collapsible-header h2 small {
        justify-content: center; }
  #dashboard .active-item.active .item-btns {
    height: 3.5rem;
    opacity: 1;
    padding: .5rem 0rem; }
  #dashboard .active-item .collapsible-header {
    transition: border-bottom-color .2s ease-in,height .25s .5s ease-in;
    justify-content: space-between;
    align-items: center;
    min-height: 175px; }
    @media screen and (max-width: 600px) {
      #dashboard .active-item .collapsible-header {
        flex-direction: column; } }
    @media screen and (min-width: 601px) and (max-width: 991px) {
      #dashboard .active-item .collapsible-header {
        padding: 0 2rem; } }
    @media screen and (min-width: 1200px) {
      #dashboard .active-item .collapsible-header {
        padding: 0 6rem; } }
    #dashboard .active-item .collapsible-header h2 {
      font-size: 1.5rem;
      display: block;
      text-align: right;
      transition: all .25s ease-in; }
      @media screen and (max-width: 600px) {
        #dashboard .active-item .collapsible-header h2 {
          text-align: center;
          font-size: 1.15rem; } }
      #dashboard .active-item .collapsible-header h2 small {
        margin-left: 1rem;
        justify-content: flex-end;
        font-size: 65%;
        opacity: .6; }
        @media screen and (max-width: 600px) {
          #dashboard .active-item .collapsible-header h2 small {
            text-align: center;
            justify-content: center; } }
    #dashboard .active-item .collapsible-header img {
      transition: all .25s ease-in;
      height: 150px;
      margin-top: 0; }
  #dashboard .active-item .item-details {
    justify-content: space-evenly;
    align-items: center; }
    @media screen and (max-width: 600px) {
      #dashboard .active-item .item-details {
        flex-flow: column-reverse; } }
  #dashboard .active-item .item-btns {
    justify-content: space-around;
    background: var(--secondary);
    align-items: center;
    height: 0;
    opacity: 0;
    transition: all .25s .25s ease-in; }
    #dashboard .active-item .item-btns a {
      color: white;
      font-weight: bold; }
      #dashboard .active-item .item-btns a.btn {
        display: flex;
        flex: 1 100%;
        justify-content: center; }
      #dashboard .active-item .item-btns a i {
        margin-right: .3rem; }
  #dashboard .show-list .carousel-btn {
    top: 125px;
    background-color: var(--primary); }
    @media screen and (max-width: 600px) {
      #dashboard .show-list .carousel-btn {
        display: none; } }
    #dashboard .show-list .carousel-btn.left {
      margin-left: -1.5rem; }
    #dashboard .show-list .carousel-btn.right {
      margin-right: -1.5rem; }
    #dashboard .show-list .carousel-btn i {
      color: var(--secondary); }
  #dashboard .show-list .carousel .carousel-item {
    height: 200px; }
    #dashboard .show-list .carousel .carousel-item .carousel-img {
      height: 200px; }
  #dashboard .show-list h2:hover .show-all-btn {
    margin-left: .5rem;
    opacity: .75; }
  #dashboard .show-list h2:hover .search-modal-btn {
    margin-left: 3rem;
    opacity: .75; }
  #dashboard .show-list h2 .search-modal-btn, #dashboard .show-list h2 .show-all-btn {
    font-size: 1.5rem;
    margin-top: .3rem;
    position: absolute;
    margin-left: -5rem;
    opacity: 0;
    transition: margin-left .5s ease-out, opacity .4s .15s ease-out; }
  #dashboard .errors {
    padding: .5rem 2rem; }
  #dashboard #billing-modal {
    padding: 1rem; }

#subscription {
  padding-bottom: 10rem; }

.login-section {
  position: absolute;
  top: 0;
  padding: 1rem;
  display: flex;
  justify-content: center;
  width: 100%;
  background: rgba(35, 37, 48, 0.5); }
  .login-section p a {
    font-size: 1rem !important;
    font-weight: 700 !important; }

#floating-show-btn {
  position: fixed;
  bottom: 9%;
  right: 20px;
  z-index: 999; }

#show-header {
  margin: 0 auto; }
  @media screen and (min-width: 1200px) {
    #show-header {
      width: 80%; } }
  @media screen and (min-width: 992px) and (max-width: 1199px) {
    #show-header {
      width: 90%; } }
  @media screen and (max-width: 991px) {
    #show-header {
      margin: 1.5rem; } }
  #show-header h1, #show-header .h7 {
    will-change: background-position;
    font-size: 3.5rem;
    color: black;
    overflow: hidden;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.8);
    -webkit-animation: headerBgScroll 30s alternate infinite cubic-bezier(0.47, 0, 0.745, 0.715);
    animation: headerBgScroll 30s alternate infinite cubic-bezier(0.47, 0, 0.745, 0.715), fadeInDown 0.4s ease-in; }
    @media screen and (max-width: 600px) {
      #show-header h1, #show-header .h7 {
        font-size: 2rem; } }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      #show-header h1, #show-header .h7 {
        animation: none;
        background: none !important; } }
  #show-header .show-container {
    flex-wrap: wrap;
    justify-content: center; }
    #show-header .show-container .show-desc {
      color: white;
      text-shadow: 2px 8px 6px rgba(0, 0, 0, 0.2), 0px -5px 35px rgba(255, 255, 255, 0.3);
      font-size: 1.4rem;
      cursor: help; }
      @media screen and (max-width: 991px) {
        #show-header .show-container .show-desc {
          background: rgba(0, 0, 0, 0.7);
          padding: 1.4rem; } }
      @media screen and (max-width: 600px) {
        #show-header .show-container .show-desc {
          font-size: 1.2rem;
          line-height: 1.8rem; } }
    #show-header .show-container .show-image {
      max-width: 275px;
      max-height: 275px;
      background-color: white;
      height: auto; }
      @media screen and (max-width: 600px) {
        #show-header .show-container .show-image {
          max-width: 100%; } }
  #show-header::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: -1;
    display: block;
    -webkit-filter: blur(40px) grayscale(0.2) opacity(0.8);
    filter: blur(40px) grayscale(0.2) opacity(0.8);
    width: 100%;
    min-height: 80vh;
    background-color: darkgray;
    background-blend-mode: multiply;
    background-size: cover; }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      #show-header::before {
        opacity: .3; } }

#show-form h2 {
  font-size: 1rem; }
@media screen and (max-width: 600px) {
  #show-form {
    text-align: center; } }
#show-form .form-content {
  background-color: white;
  min-height: 400px;
  padding: 1rem; }
  #show-form .form-content .promo-code-wrapper {
    width: 90%;
    margin: auto; }
#show-form #sell-text {
  margin: 1rem; }
#show-form .properties {
  display: -ms-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  flex-flow: column;
  text-align: center; }
  #show-form .properties:not(:first-of-type) {
    margin-left: 1.5rem; }
    @media screen and (max-width: 600px) {
      #show-form .properties:not(:first-of-type) {
        margin-left: 0;
        margin-top: 1.5rem; } }
  #show-form .properties .property {
    text-align: center; }
    #show-form .properties .property:last-of-type {
      padding-bottom: 0; }
    #show-form .properties .property .property-title {
      font-weight: 300;
      font-family: 'Roboto', sans-serif;
      letter-spacing: .05rem;
      text-transform: uppercase;
      line-height: 1.8rem; }
      #show-form .properties .property .property-title i {
        width: 1.3rem; }
    #show-form .properties .property .property-value {
      font-weight: 300; }
@media screen and (max-width: 350px) {
  #show-form .change-cxl-btns a {
    margin-top: 1rem; } }

#subscription-list .banner img {
  max-width: 300px; }
#subscription-list .show-list .collapsible-header .row {
  width: 100%; }
#subscription-list .show-list .collapsible-header i {
  margin-right: 0; }
@media screen and (max-width: 600px) {
  #subscription-list .show-list .collapsible-header {
    display: block !important; } }
#subscription-list .show-list .collapsible-body h2 {
  font-size: 1.1rem;
  font-weight: 800; }
#subscription-list .show-list .show-image img {
  max-height: 150px;
  max-width: 150px; }
#subscription-list .show-list .show-title h2 {
  font-size: 1.3rem; }

#all-shows .card {
  overflow: hidden; }
  #all-shows .card .card-title {
    font-size: 1.5rem;
    letter-spacing: -1.5px; }
  #all-shows .card:hover .card-image-background {
    filter: opacity(0.1) grayscale(0) blur(2px); }
  #all-shows .card .card-image-background {
    position: absolute;
    top: 5px;
    filter: opacity(0.2) grayscale(0.5) blur(5px);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 225px;
    transition: all .5s ease-in; }
  #all-shows .card:hover .card-image img {
    box-shadow: 1px 1px 10px 2px rgba(0, 0, 0, 0.5); }
  #all-shows .card .card-image img {
    margin-top: .5rem;
    height: 225px;
    width: 225px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
    transition: all .85s ease-in-out; }
  #all-shows .card:hover .card-action .modal-trigger {
    right: 0;
    z-index: 99; }
  #all-shows .card .card-action .modal-trigger {
    right: 10%;
    position: absolute;
    z-index: -99;
    transition: right .75s ease-in-out; }
    @media screen and (max-width: 600px) {
      #all-shows .card .card-action .modal-trigger {
        z-index: 99;
        right: 0 !important; } }