{"version":3,"sources":["./joomla/components/com_tz_portfolio_plus/addons/content/video/css/style.less"],"names":[],"mappings":"AAAA;;;;AAAA,+BACE;EACE,WAAA;;EACA,YAAA;;AAHJ,+BAME;EACE,kBAAA;;AACA,+BAFF,iBAEG,MACC;EACE,UAAA;;AAFJ,+BAFF,iBAEG,MAIC,eAAe;EACb,QAAQ,SAAR;;AAbR,+BAkBE;EACE,cAAA;EACA,gBAAA;EACA,kBAAA;;AArBJ,+BAkBE,eAIE;EACE,QAAQ,SAAR;EACA,+BAAA;EACA,WAAW,UAAX;;AAzBN,+BA6BE;EACE,kBAAA;;AA9BJ,+BAiCE,EAAC;EACC,gBAAA;EACA,iBAAA;EACA,qBAAA;EACA,UAAA;EACA,kBAAA;EACA,YAAA;EACA,WAAA;EACA,MAAA;EACA,OAAA;EACA,UAAA;EACA,uBAAA;EACA,8BAAA;EACA,cAAA;;EAGA,aAAA;EACA,mBAAA;EACA,uBAAA;;AACA,+BAnBF,EAAC,cAmBE;EACC,cAAA;EACA,qBAAA;;AAKJ,QAAqB;EAwCvB,+BAvCI;IACE,UAAA;;;AAGJ,+BAAC;EACC,aAAA;EACA,uBAAuB,kBAAkB,mBAAzC;EACA,aAAA;;AAHF,+BAAC,eAIC;AAJF,+BAAC,eAIiB;AAJlB,+BAAC,eAIiC;EAC9B,iBAAA;EACA,WAAA;EACA,YAAA;;AAGJ,+BAAC;EACC,eAAA;;AADF,+BAAC,kBAEC;EACE,aAAA;;AAGJ,+BAAC;EACC,aAAA;EACA,mBAAA;EACA,iBAAA;;EACA,WAAA;;AAJF,+BAAC,6BAKC;EACE,UAAA;EACA,aAAA;EACA,gBAAA;EACA,mBAAA;;EACA,gBAAA;;AAVJ,+BAAC,6BAKC,iBAME;AAXJ,+BAAC,6BAKC,iBAMkB;AAXpB,+BAAC,6BAKC,iBAMkC;EAC9B,iBAAA;EACA,WAAA;EACA,YAAA","sourcesContent":[".tz_portfolio_plus_video{\n  img {\n    width: 100%; /* need to overwrite inline dimensions */\n    height: auto;\n  }\n  /* hover styles */\n  .video-listing {\n    position: relative;\n    &:hover {\n      .video-title {\n        opacity: 1;\n      }\n      .video-image img {\n        filter: blur(2px);\n      }\n    }\n  }\n\n  .video-image {\n    line-height: 0;\n    overflow: hidden;\n    position: relative;\n    img {\n      filter: blur(0px);\n      transition: filter 0.3s ease-in;\n      transform: scale(1.1);\n    }\n  }\n\n  .video-inner {\n    position: relative;\n  }\n\n  a.video-title {\n    font-size: 1.5em;\n    font-weight: bold;\n    text-decoration: none;\n    z-index: 1;\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    top: 0;\n    left: 0;\n    opacity: 0;\n    transition: opacity .5s;\n    background: rgba(0,0,0,0.4);\n    color: #ffffff;\n\n    /* position the text in t’ middle*/\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    &:hover {\n      color: #ffffff;\n      text-decoration: none;\n    }\n  }\n\n  /* for touch screen devices */\n  @media (hover: none) {\n    .video-title {\n      opacity: 1;\n    }\n  }\n  &.grid-container {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n    grid-gap: 1em;\n    .video-inner, .video-image, img {\n      object-fit: cover;\n      width: 100%;\n      height: 100%;\n    }\n  }\n  &.masonry-container {\n    margin: 0 -15px;\n    .video-inner {\n      padding: 15px;\n    }\n  }\n  &.horizontal_masonry-container {\n    display: flex;\n    flex-flow: row wrap;\n    margin-left: -8px; /* Adjustment for the gutter */\n    width: 100%;\n    .video-listing {\n      flex: auto;\n      height: 250px;\n      min-width: 150px;\n      margin: 0 0 8px 8px; /* Some gutter */\n      overflow: hidden;\n      .video-inner, .video-image, img {\n        object-fit: cover;\n        width: 100%;\n        height: 100%;\n      }\n    }\n  }\n}\n"]}