#rational-hover-card {
  position: relative !important;
  /*written by ajHurliman on 7/12/16*/
  /*small sized columns*/
  /*medium sized columns*/
  /*large sized columns*/
  /*@media (max-width: $lg-breakpoint) {
		.playlists-container, .video-description-container {
			display: none;
		}
	}*/ }
  #rational-hover-card .column, #rational-hover-card .columns {
    width: 100%;
    float: left;
    box-sizing: border-box; }
  @media (min-width: 300px) {
    #rational-hover-card .one-sm.column,
    #rational-hover-card .one-sm.columns {
      width: 8.33%; }
    #rational-hover-card .two-sm.columns {
      width: 16.66%; }
    #rational-hover-card .three-sm.columns {
      width: 25%; }
    #rational-hover-card .four-sm.columns {
      width: 33.33%; }
    #rational-hover-card .five-sm.columns {
      width: 41.66%; }
    #rational-hover-card .six-sm.columns {
      width: 50%; }
    #rational-hover-card .seven-sm.columns {
      width: 58.33%; }
    #rational-hover-card .eight-sm.columns {
      width: 66.66%; }
    #rational-hover-card .nine-sm.columns {
      width: 75%; }
    #rational-hover-card .ten-sm.columns {
      width: 83.33%; }
    #rational-hover-card .eleven-sm.columns {
      width: 91.66%; }
    #rational-hover-card .twelve-sm.columns {
      width: 100%; } }
  @media (min-width: 560px) {
    #rational-hover-card .one-md.column,
    #rational-hover-card .one-md.columns {
      width: 8.33%; }
    #rational-hover-card .two-md.columns {
      width: 16.66%; }
    #rational-hover-card .three-md.columns {
      width: 25%; }
    #rational-hover-card .four-md.columns {
      width: 33.33%; }
    #rational-hover-card .five-md.columns {
      width: 41.66%; }
    #rational-hover-card .six-md.columns {
      width: 50%; }
    #rational-hover-card .seven-md.columns {
      width: 58.33%; }
    #rational-hover-card .eight-md.columns {
      width: 66.66%; }
    #rational-hover-card .nine-md.columns {
      width: 75%; }
    #rational-hover-card .ten-md.columns {
      width: 83.33%; }
    #rational-hover-card .eleven-md.columns {
      width: 91.66%; }
    #rational-hover-card .twelve-md.columns {
      width: 100%; } }
  @media (min-width: 960px) {
    #rational-hover-card .one-lg.column,
    #rational-hover-card .one-lg.columns {
      width: 8.33%; }
    #rational-hover-card .two-lg.columns {
      width: 16.66%; }
    #rational-hover-card .three-lg.columns {
      width: 25%; }
    #rational-hover-card .four-lg.columns {
      width: 33.33%; }
    #rational-hover-card .five-lg.columns {
      width: 41.66%; }
    #rational-hover-card .six-lg.columns {
      width: 50%; }
    #rational-hover-card .seven-lg.columns {
      width: 58.33%; }
    #rational-hover-card .eight-lg.columns {
      width: 66.66%; }
    #rational-hover-card .nine-lg.columns {
      width: 75%; }
    #rational-hover-card .ten-lg.columns {
      width: 83.33%; }
    #rational-hover-card .eleven-lg.columns {
      width: 91.66%; }
    #rational-hover-card .twelve-lg.columns {
      width: 100%; } }
  #rational-hover-card .title-container {
    overflow: auto;
    line-height: 1.5rem; }
  #rational-hover-card .hover-card-component {
    width: 100%;
    min-height: 200px;
    /*background-image: -webkit-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0));
		background-image: -moz-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0));
		background-image: -ms-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0));
		background-image: -o-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0));
		background-image: linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0));*/
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0.5+75,0+100 */
    background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.5) 75%, transparent 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.5) 75%, transparent 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0.5) 75%, transparent 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
    /* IE6-9 */ }
  #rational-hover-card .video-description-container {
    /*width: 500px;*/
    position: relative;
    padding-left: 20px;
    padding-top: 10px; }
    #rational-hover-card .video-description-container h3, #rational-hover-card .video-description-container p {
      color: white;
      margin: 0; }
    #rational-hover-card .video-description-container h3 {
      line-height: 1.75rem; }
    #rational-hover-card .video-description-container .description-item {
      margin-top: 12px; }
      #rational-hover-card .video-description-container .description-item > span {
        color: white; }
    @media (max-width: 630px) {
      #rational-hover-card .video-description-container .description-item {
        display: none; } }
  #rational-hover-card .playlists-container {
    width: 380px;
    float: right; }
  #rational-hover-card .play-button-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
  #rational-hover-card .play-icon {
    width: 10rem;
    height: 10rem;
    cursor: pointer;
    background: url('data:image/svg+xml;utf8,<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-5 -5 45.051 45.051" style="enable-background:new 0 0 30.051 30.051;" xml:space="preserve"> <g> <path stroke="white" fill="white" d="M19.982,14.438l-6.24-4.536c-0.229-0.166-0.533-0.191-0.784-0.062c-0.253,0.128-0.411,0.388-0.411,0.669v9.069 c0,0.284,0.158,0.543,0.411,0.671c0.107,0.054,0.224,0.081,0.342,0.081c0.154,0,0.31-0.049,0.442-0.146l6.24-4.532 c0.197-0.145,0.312-0.369,0.312-0.607C20.295,14.803,20.177,14.58,19.982,14.438z"/> <path stroke="white" fill="white" d="M15.026,0.002C6.726,0.002,0,6.728,0,15.028c0,8.297,6.726,15.021,15.026,15.021c8.298,0,15.025-6.725,15.025-15.021 C30.052,6.728,23.324,0.002,15.026,0.002z M15.026,27.542c-6.912,0-12.516-5.601-12.516-12.514c0-6.91,5.604-12.518,12.516-12.518 c6.911,0,12.514,5.607,12.514,12.518C27.541,21.941,21.937,27.542,15.026,27.542z"/>                </g>                </svg>') no-repeat; }
  #rational-hover-card .pause-icon {
    width: 10rem;
    height: 10rem;
    cursor: pointer;
    background: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="iso-8859-1"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 510 510" style="enable-background:new 0 0 510 510;" xml:space="preserve"> <g id="pause-circle-outline"> <path stroke="white" fill="white" d="M178.5,357h51V153h-51V357z M255,0C114.75,0,0,114.75,0,255s114.75,255,255,255s255-114.75,255-255S395.25,0,255,0z M255,459c-112.2,0-204-91.8-204-204S142.8,51,255,51s204,91.8,204,204S367.2,459,255,459z M280.5,357h51V153h-51V357z"/> </g> </svg>') no-repeat; }
  #rational-hover-card .wrapped-title {
    display: inline;
    float: left;
    margin-right: .75em !important;
    max-width: 500px;
    overflow: hidden;
    text-overflow: ellipsis;
    /*white-space: nowrap;*/ }
  #rational-hover-card .video-label {
    max-width: 500px;
    overflow: hidden;
    text-overflow: ellipsis;
    /*white-space: nowrap;*/ }
  #rational-hover-card .playlist-area {
    height: 100%; }
  @media (min-width: 300px) {
    #rational-hover-card .video-label {
      font-size: 14px; }
    #rational-hover-card .title-container .wrapped-title {
      font-size: 14px; }
    #rational-hover-card .icon-replay-small {
      font-size: 14px; }
    #rational-hover-card .video-description-container {
      width: 320px; }
    #rational-hover-card .icon-share {
      position: absolute;
      cursor: pointer;
      width: 44px;
      height: 44px;
      right: 15px;
      top: 30px;
      z-index: 1000; } }
  @media (min-width: 630px) {
    #rational-hover-card .video-label {
      font-size: 22px; }
    #rational-hover-card .title-container .wrapped-title {
      font-size: 22px; }
    #rational-hover-card .icon-replay-small {
      font-size: 18px; }
    #rational-hover-card .description-item {
      font-size: 14px; }
    #rational-hover-card .video-description-container {
      width: 350px; }
    #rational-hover-card .icon-share {
      position: absolute;
      cursor: pointer;
      width: 44px;
      height: 44px;
      right: 60px;
      top: 30px;
      z-index: 1000; } }
  @media (min-width: 960px) {
    #rational-hover-card .video-label {
      font-size: 28px; }
    #rational-hover-card .title-container .wrapped-title {
      font-size: 28px; }
    #rational-hover-card .icon-replay-small {
      font-size: 22px; }
    #rational-hover-card .description-item {
      font-size: 16px; }
    #rational-hover-card .video-description-container {
      width: 500px; } }

.tpVideo {
  left: 0 !important; }