body.page-id-1230 #cie-blog-listing-results[hidden],
body.page-id-1230 .blog_video_loop_grid[hidden] {
display: none !important;
}
body.page-id-1230 .blog_video_loop_grid {
scroll-margin-top: 32px;
}
body.page-id-1230 .blog_video_loop_grid .elementor-widget-container {
transition: opacity 180ms ease;
}
body.page-id-1230 .blog_video_loop_grid.is-live-loading .elementor-widget-container {
opacity: .52;
pointer-events: none;
}
body.page-id-1230 .filter-form.is-live-loading .search-wrapper::after {
animation: cie-blog-live-spin .75s linear infinite;
border: 2px solid rgba(70, 89, 97, .22);
border-radius: 50%;
border-top-color: #a6ce39;
content: "";
height: 18px;
position: absolute;
right: 16px;
top: 13px;
width: 18px;
}
body.page-id-1230 .cie-blog-live-retry {
align-items: center;
background: #a6ce39;
border: 0;
border-radius: 40px;
color: #000;
cursor: pointer;
display: inline-flex;
font-family: "Source Sans Pro", sans-serif;
font-size: 16px;
font-weight: 600;
justify-content: center;
margin-top: 14px;
min-height: 42px;
padding: 8px 24px;
}
body.page-id-1230 .blog_video_loop_grid .e-loop-item {
border-radius: 20px;
transition: box-shadow 180ms ease;
}
body.page-id-1230 .blog_video_loop_grid .e-loop-item:hover {
box-shadow: 0 8px 20px rgba(70, 89, 97, .12);
}
body.page-id-1230 .blog_video_loop_item {
--padding-bottom: 40px !important;
--padding-left: 40px !important;
--padding-right: 40px !important;
--padding-top: 40px !important;
background-color: #cfd7dc !important;
background-position: 50% 50% !important;
background-size: cover !important;
border-radius: 20px !important;
cursor: pointer !important;
height: 350px !important;
min-height: 350px !important;
max-height: 350px !important;
overflow: hidden !important;
}
body.page-id-1230 .blog_video_loop_item::before {
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, .55) 54%, rgba(255, 255, 255, .92) 64%, #fff 70%, #fff 100%) !important;
content: "" !important;
inset: 0 !important;
opacity: 1 !important;
position: absolute !important;
transition: none !important;
z-index: 1 !important;
}
body.page-id-1230 .blog_video_loop_item::after {
background: #f5f5f5;
content: "";
inset: 0;
opacity: 0;
position: absolute;
transition: opacity 180ms ease;
z-index: 2;
}
body.page-id-1230 .blog_video_loop_item:hover::after,
body.page-id-1230 .blog_video_loop_item:focus-within::after {
opacity: 1;
}
body.page-id-1230 .blog_video_loop_item > *:not(.cie-blog-card__link) {
position: relative !important;
z-index: 3 !important;
}
body.page-id-1230 .blog_video_loop_item .elementor-heading-title {
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
color: #292929 !important;
display: -webkit-box;
font-family: "Source Sans Pro", sans-serif !important;
font-size: 22px !important;
font-weight: 600 !important;
line-height: 32px !important;
overflow: hidden;
text-shadow: none !important;
}
body.page-id-1230 .blog_video_loop_item:focus-within .video_blog_icons {
display: none !important;
}
body.page-id-1230 .blog_video_loop_item:focus-within .blog_video_loop_txt {
max-height: 350px !important;
opacity: 1 !important;
transform: translateY(0) !important;
}
body.page-id-1230 .blog_video_loop_item .cie-blog-card__link {
border-radius: 20px;
inset: 0;
position: absolute !important;
z-index: 10 !important;
}
body.page-id-1230 .blog_video_loop_item .cie-blog-card__link:focus-visible {
outline: none;
}
body.page-id-1230 .blog_video_loop_grid .e-loop-item:has(.cie-blog-card__link:focus-visible) {
box-shadow: 0 8px 20px rgba(70, 89, 97, .12);
outline: 3px solid #a6ce39;
outline-offset: 3px;
}
body.page-id-1230 .blog_video_loop_grid .elementor-pagination .page-numbers {
position: relative;
}
body.page-id-1230 .blog_video_loop_grid .elementor-pagination .page-numbers.current {
color: #465961 !important;
font-weight: 700 !important;
}
body.page-id-1230 .blog_video_loop_grid .elementor-pagination .page-numbers.current::after {
background: #a6ce39;
bottom: -6px;
content: "";
height: 2px;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 16px;
}
body.page-id-1230 .blog_video_loop_grid .elementor-pagination a.page-numbers:focus-visible,
body.page-id-1230 .cie-blog-live-retry:focus-visible {
outline: 3px solid #465961;
outline-offset: 3px;
}
body.page-id-1230 .blog_video_loop_grid .elementor-pagination .prev.is-disabled,
body.page-id-1230 .blog_video_loop_grid .elementor-pagination .next.is-disabled {
cursor: not-allowed;
opacity: .35;
}
@keyframes cie-blog-live-spin {
to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
body.page-id-1230 .blog_video_loop_grid .elementor-widget-container,
body.page-id-1230 .blog_video_loop_grid .e-loop-item {
transition: none;
}
body.page-id-1230 .blog_video_loop_item::after {
transition: none;
}
}
@media (max-width: 1024px) {
body.page-id-1230 .blog_video_loop_item {
--padding-bottom: 32px !important;
--padding-left: 32px !important;
--padding-right: 32px !important;
--padding-top: 32px !important;
}
}
@media (max-width: 767px) {
body.page-id-1230 .blog_video_loop_grid {
scroll-margin-top: 20px;
}
body.page-id-1230 .blog_video_loop_item {
--padding-bottom: 24px !important;
--padding-left: 24px !important;
--padding-right: 24px !important;
--padding-top: 24px !important;
}
body.page-id-1230 .blog_video_loop_item::before {
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 32%, rgba(255, 255, 255, .55) 46%, rgba(255, 255, 255, .94) 56%, #fff 62%, #fff 100%) !important;
opacity: 1 !important;
}
body.page-id-1230 .blog_video_loop_item .elementor-heading-title {
font-size: 20px !important;
line-height: 28px !important;
}
body.page-id-1230 .blog_video_loop_item:hover::after,
body.page-id-1230 .blog_video_loop_item:focus-within::after {
opacity: 1 !important;
}
body.page-id-1230 .blog_video_loop_item:hover .blog_video_loop_txt,
body.page-id-1230 .blog_video_loop_item:focus-within .blog_video_loop_txt {
max-height: 350px !important;
opacity: 1 !important;
transform: translateY(0) !important;
}
}