/** Vertical Tab Long Title **/
    .section-vt-long-title__container {
      display: flex;
      flex-direction: column;
    }

  .section-vt-long-title__container .left-column {
      width: 100%;
      overflow-y: auto;
      flex: 1 1 100%;
    }
    
    .section-vt-long-title__container .right-column {position:relative;z-index:10;align-items: center;width: 100%;margin: auto;box-sizing: border-box;color: #FFF;background: #000;background-clip: padding-box;border: solid 5px transparent;border-radius: 1em;flex: 1 1 100%;}

    .section-vt-long-title__container .left-column ul {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .section-vt-long-title__container .left-column button {
      position: relative;
      width: 100%;
      text-align: left;
      padding: 6px 20px;
      background: none;
      border: none;
      border-bottom: 6px solid transparent;
      cursor: pointer;
      font-size: 1em;
		
    }
    
    .section-vt-long-title__container .left-column button:focus {
      outline: 2px dotted #874DFA;
    }

    .section-vt-long-title__container .left-column button::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      height: 3px;
      width: 100%;
      background: linear-gradient(to right, var(--color-purple), var(--color-dark-blue));
    }
    .section-vt-long-title__container .left-column button.active {color: var(--color-yellow);}
    .section-vt-long-title__container .left-column button.active::after {
      background: #9c6aff;
      animation: fillBorder 3.5s linear forwards;
      width: 0%;
    }

    @keyframes fillBorder {
    0% {width: 0%;}
    90%, 100% {width: 100%;}
    }


    @media only screen and (min-width:560px){
	    .section-vt-long-title__container {display: flex; flex-direction: row;}
	    .section-vt-long-title__container .left-column {width: 55%;}
	    .section-vt-long-title__container .right-column{margin-left: -13px; width: calc(45% + 13px);}
	    .section-vt-long-title__container .left-column button {padding: 20px; }
    }

    .section-vt-long-title__container .right-column:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        margin: -3px;
        border-radius: inherit;
        background: linear-gradient(to right, var(--color-dark-purple), var(--color-purple));
}
    .section-vt-long-title__container .media-container {
	    border: 1px solid var(--color-dark-blue);
		background-color:var(--color-dark-blue);
		border-radius:1em;
	    padding: 1rem; overflow:hidden;

}
    .section-vt-long-title__container .content-item {
        display: block;
		height:0;
    }

    .section-vt-long-title__container .content-item.active {
     height:auto;
    }

    .section-vt-long-title__container .content-item img, .section-vt-long-title__container .content-item .embed-video {
      max-width: 100%; opacity: 0; height: auto; transition: opacity 1s ease-in-out;
    }
.section-vt-long-title__container .content-item.active img, .section-vt-long-title__container .content-item.active .embed-video { opacity:1;}

.section-vt-long-title__container .content-item {
    text-align: center;
}

.section-vt-long-title__container .content-item.active {
    color: var(--color-yellow);
}
/** Vertical Tab Long End **/