/* BREADCRUMB */
.breadcrumb {background-color: #f5f5f5; padding-block: 8px; --_c-grey-600: #626568;}
.breadcrumb li {display: inline-flex; align-items: center;}
.breadcrumb li:not(:last-child)::after {margin-inline: 8px; content: '/';}
.breadcrumb li a {color: var(--c-tertiary);}
.breadcrumb li a:hover {color: var(--c-primary);}
.breadcrumb li a svg {margin-right: 3px;}
.breadcrumb li .active {color: var(--_c-grey-600);}
.breadcrumb * {transition: var(--transition);}

/* REVIEWS */
.reviews {padding-block: 20px 50px; --_c-light-50: #f8f8f8;}
.reviews .head {display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; margin-bottom: 35px;}
.reviews .head > * {width: 50%;}
.reviews .head > :first-child {font-size: var(--fs-xl, 36px);}
.reviews .head p a {display: inline-block; color: var(--c-tertiary);}
.reviews .head p a:hover {text-decoration: underline;}
.reviews .wrapper iframe {margin-bottom: 30px;}
.reviews .feedback {display: flex; align-items: center; gap: 10px; font-size: calc(var(--fs-sm, 18px) + 2px); margin-bottom: 40px;}
.reviews .feedback li {display: inline-flex; margin: -1px;}
.reviews .feedback > :nth-child(3) {font-weight: 700; color: var(--c-secondary);}
.reviews .customer-reviews {display: grid; grid-template-columns: repeat(auto-fit, minmax(275px, 1fr)); gap: 30px;}
.reviews .review {display: flex; flex-direction: column; align-items: center; justify-content: space-between; background-color: var(--_c-light-50); text-align: center; padding: 15px; border-radius: 10px;}
.reviews .review p {max-height: 195px; margin-bottom: 15px;}
.reviews .review > div :first-child {display: block; font-size: var(--fs-md, 24px); color: var(--c-secondary); margin-bottom: 8px;}
/* Playlist Canvas */
.ytv-canvas {display: block; background: #282828; overflow: hidden; font-family: arial, sans-serif;}
.ytv-canvas ::-webkit-scrollbar {border-left: 1px solid #000; width: 10px;}
.ytv-canvas ::-webkit-scrollbar-thumb {background: rgba(255,255,255,0.1);}
.ytv-video {position: absolute; top: 0; right: 300px; bottom: 0; left: 0; height: 100%;}
.ytv-video iframe {width: 100%; height: 100%; border: none; outline: none; display: block;}
.ytv-list {position: absolute; top: 0; right: 0; bottom: 0; height: 100%; width: 300px;}
.ytv-list-inner{overflow: auto; position: absolute; top: 52px; right: 0; bottom: 0; left: 0; -webkit-overflow-scrolling: touch;}
.ytv-list ul{margin: 0; padding: 0; list-style-type: none;}
.ytv-list .ytv-active a {border-left: 2px solid #fff; background: rgba(255,255,255,0.05);}
.ytv-list a {display: block; text-decoration: none; font-size: 11px; color: #FEFEFE; padding: 10px; padding-left: 8px; border-top: 1px solid rgba(255,255,255,0.1); border-bottom: 1px solid rgba(0,0,0,0.5); border-left: 2px solid transparent;}
.ytv-list a b {max-height: 45px; overflow: hidden; display: block; text-overflow: ellipsis; color: #fff;font-size:14px}
.ytv-list li:first-child a{ border-top: none; }
.ytv-list li:last-child a{ border-bottom: none; }
.ytv-list a:hover,
.ytv-list-header .ytv-playlists a:hover{ background: rgba(255,255,255,0.05); }
.ytv-list a:active,
.ytv-list-header .ytv-playlists a:active{ background: rgba(0,0,0,0.05); }
.ytv-list .ytv-content{ padding-left: 125px; }
.ytv-list .ytv-thumb-stroke{position: absolute;top: 1px;left: 1px;bottom: 1px;right: 1px;z-index: 2;outline: 1px solid rgba(255,255,255,0.1);}
.ytv-list .ytv-thumb{float: left;position: relative;outline: 1px solid rgba(0,0,0,0.5);}
.ytv-list .ytv-thumb img{width: 120px;display: block;}
.ytv-list .ytv-thumb span{position: absolute;bottom: 5px;right: 5px;color: #eee;background: rgba(0,0,0,0.7);font-size: 11px;font-weight: bold;padding: 0px 4px; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;}
.ytv-views{display: block;margin-top: 5px;font-size: 12px;font-weight: normal;opacity: 0.3;}
.ytv-list-header{height: 52px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);}
.ytv-list-header a{background: rgba(255,255,255,0.05);position: relative;z-index: 10;}
.ytv-list-header img, .ytv-list .ytv-playlists .ytv-thumb img {width: 30px; vertical-align: middle;}
.ytv-list-header span {padding-left: 10px; font-size: 12px; font-weight: bold;}
.ytv-playlists {z-index: 9; position: absolute; background: #282828; top:52px; left: 0; right: 0; bottom: 0; overflow: auto; display: none;}
.ytv-playlists img,.ytv-list-header img {float: left;}
.ytv-playlists a span,.ytv-list-header a span {white-space: nowrap; padding-left: 10px; display: block; overflow: hidden; text-overflow: ellipsis;}
.ytv-list-header > a span {line-height: 30px;}
.ytv-list-header .ytv-playlists a {background: none;}
.ytv-playlist-open .ytv-playlists {display: block;}
.ytv-relative {position: relative; width: 100%; height: 100%;}
.ytv-full {position: fixed; top: 0; left: 0; width: 100% !important; height: 100% !important; margin: 0 !important;}
.ytv-arrow  {height: 10px; width: 0; position: relative; top: 10px; right: 5px; border: 10px solid transparent; float: right; border-top-color: rgba(0,0,0,0.4); display: none;}
.ytv-has-playlists .ytv-arrow {display: inline-block;}
.ytv-playlist-open .ytv-arrow {border-color: transparent;border-bottom-color: rgba(0,0,0,0.4); top: -10px;}
.ytv-list-header a:after,.ytv-clear:after  {content: "."; display: block;clear: both;visibility: hidden; line-height: 0;height: 0;}
.backimage{background-image: url('https://www.emenacpackaging.co.nz/theme/website/assets/images/youtube_channel_loading.gif'); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; width: 100%; height: fit-content; margin-bottom: 20px; z-index:100;}

/* MEDIA QUERIES */
@media only screen and (max-width: 991px) {
    .reviews .head {margin-bottom: 20px;}
}

@media only screen and (max-width: 767px) {
    .reviews {padding-block: 20px;}
    .reviews .head {flex-direction: column;}
    .reviews .head > * {width: 100%;}
    .reviews .customer-reviews {gap: 15px;}
    .reviews .wrapper iframe {margin-bottom: 10px;}
    .reviews .feedback {margin-bottom: 20px;}
}

@media only screen and (max-width: 575px) {
    .reviews .feedback {flex-wrap: wrap;}
}