/* breadcrumb */
.breadcrumb {padding-block: 15px; background: #F8F8FA;}
.breadcrumb ul {margin: 0; padding: 0;}
.breadcrumb li {list-style-type: none; display: inline;}
.breadcrumb li:not(:first-child):before {content: "/";}
.breadcrumb li :where(a, span) {text-decoration: none; line-height: 1.2; color: #343a40;}
.breadcrumb li a:hover {color: var(--clr-red-dk); transition: var(--transition);}		

/* VIDEOS */
.videos {padding: 15px 0 20px; --clr-link: #2b6f99; --clr-link-dk: #0056b3; --clr-bg-light: #f0f1f4; --clr-border: #f0f1f4; --clr-post-title: #343a40;}
.videos .columns {display: grid; grid-template-columns: 66% 1fr; gap: 30px;}
.videos .title {margin-bottom: 20px; border-bottom: 2px solid var(--clr-red-dk);}
.videos .title :first-child {font-size: var(--fs-18); font-weight: var(--fw-700);}
.videos .recent .wrapper {display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px 30px; margin-bottom: 30px;}
.videos .video-post .image {position: relative;}
.videos .video-post .image::after {position: absolute; inset: 0; margin: auto; background: no-repeat center/cover url('https://emenacpackaging.ca/wp-content/themes/epca_new/assets/images//icons/circle-play-regular.svg'); width: 70px; height: 70px; transition: var(--transition); content: '';}
.videos .video-post > :nth-child(2) {color: var(--clr-link); font-size: var(--fs-18); font-weight: var(--fw-600); margin-block: 10px 15px; line-height: 27px;}
.videos .video-post > :where(:nth-child(3), :nth-child(4)) {width: 50%; display: block; font-size: var(--fs-18);}
.videos .video-post > :nth-child(3) {float: left;}
.videos .video-post > :nth-child(4) {float: right; text-align: end;}
.videos .posts .title {background-color: var(--clr-post-title); border-bottom: 3px solid var(--clr-red-dk); padding: 10px; margin-bottom: 8px;}
.videos .posts .title > * {color: #fff; font-size: var(--fs-16); font-weight: var(--fw-700);}
.videos .posts ul li {padding: 10px; border-bottom: 1px solid var(--clr-border);}
.videos .posts li a {color: var(--clr-link); line-height: 1.5;}
.videos .pagination .page-numbers  {display: inline-flex; align-items: center; margin-right: 10px;}
.videos .pagination .page-numbers{background-color: var(--clr-bg-light); padding: 15.5px 16px;}
.videos .pagination .current{background-color: var(--clr-red); color: #fff;}
.videos .pagination .page-numbers:hover{background-color: var(--clr-red); color: #fff;}        /* Sidebar */
/* .videos .sidebar {position: sticky; top: 82px; height: fit-content;} */
.videos :is(.columns, .title > *, .wrapper, .video-post > *) {transition: var(--transition);}
.videos .posts li a:hover {color: var(--clr-link-dk);}

/* Media Query */
  @media only screen and (width <= 1200px) {
.videos .columns {grid-template-columns: 60% 1fr;}
}
@media only screen and (width <= 991px) {
.videos .columns {grid-template-columns: 1fr; gap: 20px;}
.videos .recent .wrapper {gap: 20px;}
.videos .quote-form {max-width: 560px; margin-inline: auto;}
}
@media only screen and (width <= 767px) {
:root {--fs-18: 16px;}
}
@media only screen and (width <= 575px) {
.videos .recent .wrapper {grid-template-columns: 1fr;}
}