­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ .upk-amox-carousel .upk-item { overflow: hidden; } .upk-amox-carousel .upk-item:hover .upk-img-wrap .upk-img { transform: scale(1.2); } .upk-amox-carousel .upk-item.active { position: relative; } .upk-amox-carousel .upk-item.active .upk-img-wrap { height: 100% !important; position: relative; } .upk-amox-carousel .upk-item.active .upk-img-wrap::before { position: absolute; content: ""; top: 0; width: 100%; height: 100%; background: rgba(43, 45, 66, 0.3490196078); z-index: 1; transition: background 0.3s ease; } .upk-amox-carousel .upk-item.active .upk-content { position: absolute; bottom: 0; width: 100%; padding: 20px; text-align: center; z-index: 1; } .upk-amox-carousel .upk-item.active .upk-title a { color: #EDF2F4; } .upk-amox-carousel .upk-item.active .upk-title a:hover { color: #D90429; } .upk-amox-carousel .upk-item.active .upk-category a { color: #fff; background: #161a2b; padding: 4px 8px; transition: all 0.3s ease-in-out; } .upk-amox-carousel .upk-item.active .upk-category a:hover { background: #D90429; } .upk-amox-carousel .upk-item.active .upk-meta { color: #EDF2F4; } .upk-amox-carousel .upk-img-wrap { overflow: hidden; cursor: pointer; display: flex; } .upk-amox-carousel .upk-img-wrap .upk-img { width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1); } .upk-amox-carousel .upk-content { padding: 20px 0; } .upk-amox-carousel .upk-category { display: inline-flex; flex-wrap: wrap; gap: 7px; margin-bottom: 8px; } .upk-amox-carousel .upk-category a { font-size: 11px; color: #8D99AE; text-transform: uppercase; transition: all 0.3s ease-in-out; } .upk-amox-carousel .upk-category a:hover { color: #D90429; } .upk-amox-carousel .upk-title { margin: 0; padding-bottom: 8px; font-size: 20px; font-weight: 700; } .upk-amox-carousel .upk-title a { color: #2B2D42; transition: all 0.3s ease-in-out; } .upk-amox-carousel .upk-title a:hover { color: #D90429; } .upk-amox-carousel .upk-meta { font-size: 12px; color: #8D99AE; } .upk-amox-carousel .upk-meta .upk-post-time { margin-left: 5px; } .upk-amox-carousel .upk-meta .upk-post-time i { margin-right: 2px; } .upk-amox-carousel .upk-meta > div { position: relative; display: inline-flex; } .upk-amox-carousel .upk-meta > div:before { content: attr(data-separator); margin: 0 5px; } .upk-amox-carousel .upk-meta > div:nth-child(1)::before { display: none; } .upk-amox-carousel .upk-comments span { margin-left: 4px; } .upk-amox-carousel-active--yes .upk-item.swiper-slide-active { position: relative; } .upk-amox-carousel-active--yes .upk-item.swiper-slide-active .upk-img-wrap { height: 100%; position: relative; } .upk-amox-carousel-active--yes .upk-item.swiper-slide-active .upk-img-wrap::before { position: absolute; content: ""; top: 0; width: 100%; height: 100%; background: rgba(43, 45, 66, 0.3490196078); z-index: 1; transition: background 0.3s ease; } .upk-amox-carousel-active--yes .upk-item.swiper-slide-active .upk-content { position: absolute; bottom: 0; width: 100%; padding: 20px; text-align: center; z-index: 1; } .upk-amox-carousel-active--yes .upk-item.swiper-slide-active .upk-title a { color: #EDF2F4; } .upk-amox-carousel-active--yes .upk-item.swiper-slide-active .upk-title a:hover { color: #D90429; } .upk-amox-carousel-active--yes .upk-item.swiper-slide-active .upk-category a { color: #fff; background: #161a2b; padding: 4px 8px; transition: all 0.3s ease-in-out; } .upk-amox-carousel-active--yes .upk-item.swiper-slide-active .upk-category a:hover { background: #D90429; } .upk-amox-carousel-active--yes .upk-item.swiper-slide-active .upk-meta { color: #EDF2F4; } .upk-global-link-yes .upk-amox-carousel .upk-item:hover { cursor: pointer; } .upk-item-match-height--yes .upk-amox-carousel .swiper-slide { height: initial; }