 @import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap); #apbAdvancedPosts-1 .apbPost .apbTitle, #apbAdvancedPosts-1 .apbPost .apbTitle a{ font-family: 'Roboto', sans-serif; font-size: 25px; } @media only screen and (max-width: 1024px) { #apbAdvancedPosts-1 .apbPost .apbTitle, #apbAdvancedPosts-1 .apbPost .apbTitle a{ font-size: 22px; } } @media only screen and (max-width: 640px) { #apbAdvancedPosts-1 .apbPost .apbTitle, #apbAdvancedPosts-1 .apbPost .apbTitle a{ font-size: 20px; } } #apbAdvancedPosts-1 .apbPost .apbMeta, #apbAdvancedPosts-1 .apbPost .apbMeta *, #apbAdvancedPosts-1 .apbPost .apbCatsBadge{ font-size: 13px; text-transform: uppercase; } @media only screen and (max-width: 1024px) { #apbAdvancedPosts-1 .apbPost .apbMeta, #apbAdvancedPosts-1 .apbPost .apbMeta *, #apbAdvancedPosts-1 .apbPost .apbCatsBadge{ font-size: 13px; } } @media only screen and (max-width: 640px) { #apbAdvancedPosts-1 .apbPost .apbMeta, #apbAdvancedPosts-1 .apbPost .apbMeta *, #apbAdvancedPosts-1 .apbPost .apbCatsBadge{ font-size: 13px; } } #apbAdvancedPosts-1 .apbPost .apbExcerpt{ font-size: 15px; } @media only screen and (max-width: 1024px) { #apbAdvancedPosts-1 .apbPost .apbExcerpt{ font-size: 15px; } } @media only screen and (max-width: 640px) { #apbAdvancedPosts-1 .apbPost .apbExcerpt{ font-size: 15px; } } #apbAdvancedPosts-1 .apbPost .apbReadMore a{ font-weight: 600; font-size: 14px; text-transform: uppercase; } @media only screen and (max-width: 1024px) { #apbAdvancedPosts-1 .apbPost .apbReadMore a{ font-size: 14px; } } @media only screen and (max-width: 640px) { #apbAdvancedPosts-1 .apbPost .apbReadMore a{ font-size: 14px; } } #apbAdvancedPosts-1 .apbLoadMore{ gap: 15px; justify-content: center; } #apbAdvancedPosts-1 .apbLoadMore .loadMoreBtn{ font-size: 15px; color: #fff; background: #146EF5; padding: 8px 15px; } #apbAdvancedPosts-1 .apbLoadMore .loadMoreBtn:hover, #apbAdvancedPosts-1 .apbLoadMore .loadMoreBtn.active{ color: #fff; background: #070127; } @media only screen and (max-width: 640px) { #apbAdvancedPosts-1 .apbLoadMore{ gap: calc( 15px / 2 ); } #apbAdvancedPosts-1 .apbLoadMore .loadMoreBtn{ font-size: 12px; padding: calc( 8px / 2 ) calc( 15px / 2 ); } } #apbAdvancedPosts-1 .apbPost{ border-top: 1px solid #0c0d3c1a;border-right: 1px solid #0c0d3c1a;border-bottom: 1px solid #0c0d3c1a;border-left: 1px solid #0c0d3c1a; border-radius: 5px; } #apbAdvancedPosts-1 .apbPost:hover{ border-top: 1px solid #0c0d3c1a;border-right: 1px solid #0c0d3c1a;border-bottom: 1px solid #0c0d3c1a;border-left: 1px solid #0c0d3c1a; border-radius: 5px; } #apbAdvancedPosts-1 .apbPost:not(.apbOverlay){ background: var(--nv-light-bg); } #apbAdvancedPosts-1 .apbPost:not(.apbOverlay):hover{ } #apbAdvancedPosts-1 .apbNewsTicker{ background: var(--nv-light-bg); border-top: 1px solid #0c0d3c1a;border-right: 1px solid #0c0d3c1a;border-bottom: 1px solid #0c0d3c1a;border-left: 1px solid #0c0d3c1a; border-radius: 5px; } #apbAdvancedPosts-1 .apbNewsTicker:hover{ border-top: 1px solid #0c0d3c1a;border-right: 1px solid #0c0d3c1a;border-bottom: 1px solid #0c0d3c1a;border-left: 1px solid #0c0d3c1a; border-radius: 5px; } #apbAdvancedPosts-1 .apbPost .apbText{ padding: 20px 25px; } #apbAdvancedPosts-1 .apbPost.apbOverlay .apbText{ background: var(--nv-light-bg); align-items: flex-start; } #apbAdvancedPosts-1 .apbPost.apbOverlay:hover .apbText{ } #apbAdvancedPosts-1 .apbPost .apbText .apbCatsBadge.aboveContent{ justify-content: flex-start; } #apbAdvancedPosts-1 .apbPost .apbTitle, #apbAdvancedPosts-1 .apbPost .apbTitle a{ text-align: left; color: var(--nv-c-2); } #apbAdvancedPosts-1 .apbPost .apbTitle{ margin: 0px 0px 15px 0px; } #apbAdvancedPosts-1 .apbPost:hover .apbTitle, #apbAdvancedPosts-1 .apbPost:hover .apbTitle a{ } #apbAdvancedPosts-1 .apbPost .apbMeta{ justify-content: flex-start; margin: 0px 0px 15px 0px; } #apbAdvancedPosts-1 .apbPost .apbMeta .metaItem{ } #apbAdvancedPosts-1 .apbPost .apbMeta .metaItem:hover{ } #apbAdvancedPosts-1 .apbPost .apbMeta a{ color: #146EF5; } #apbAdvancedPosts-1 .apbPost .apbMeta a:hover{ } #apbAdvancedPosts-1 .apbPost .apbMeta .metaItem svg{ } #apbAdvancedPosts-1 .apbPost .apbMeta .metaItem:hover svg{ } #apbAdvancedPosts-1 .apbPost .apbMeta .metaSeparator{ } #apbAdvancedPosts-1 .apbPost .apbThumb{ width: 100%; padding-bottom: 60%; border: 0px none #000000; border-radius: 0px 0px 0px 0px; } #apbAdvancedPosts-1 .apbPost:hover .apbThumb{ border-radius: 0px 0px 0px 0px; } #apbAdvancedPosts-1 .apbPost .apbThumb img, #apbAdvancedPosts-1 .apbPost.apbOverlay img{ object-fit: cover; filter: none; } #apbAdvancedPosts-1 .apbPost:hover .apbThumb img, #apbAdvancedPosts-1 .apbPost.apbOverlay:hover img{ filter: none; } #apbAdvancedPosts-1 .apbPost .apbCatsBadge{ margin: 0px 0px 10px 10px; } #apbAdvancedPosts-1 .apbPost .apbCatsBadge a{ color: #fff; background: #146EF5; padding: 3px 8px 3px 8px; border-radius: 3px 3px 3px 3px; } #apbAdvancedPosts-1 .apbPost .apbExcerpt{ text-align: justify; margin: 0px 0px 10px 0px; } #apbAdvancedPosts-1 .apbPost:hover .apbExcerpt{ } #apbAdvancedPosts-1 .apbPost .apbReadMore{ text-align: left; } #apbAdvancedPosts-1 .apbPost .apbReadMore a{ color: #fff; background: var(--nv-c-2); padding: 12px 35px; border-radius: 3px; } #apbAdvancedPosts-1 .apbPost .apbReadMore a:hover{ color: #fff; background: #FF7A00; border-radius: 3px; } #apbAdvancedPosts-1 .apbGridPosts, #apbAdvancedPosts-1 .apbMagazine1Posts, #apbAdvancedPosts-1 .apbMagazine1ListInner, #apbAdvancedPosts-1 .apbMagazine2Posts{ row-gap: 15px; column-gap: 15px; } #apbAdvancedPosts-1 .apbGridPosts{ align-items: initial; } #apbAdvancedPosts-1 .apbSliderPosts, #apbAdvancedPosts-1 .apbSliderPosts .swiper-slide article{ min-height: 350px; } #apbAdvancedPosts-1 .apbSliderPosts .swiper-pagination .swiper-pagination-bullet{ background: #146EF5; width: 15px; height: 15px; border-radius: 50%; } #apbAdvancedPosts-1 .apbSliderPosts .swiper-button-prev, #apbAdvancedPosts-1 .apbSliderPosts .swiper-button-next{ color: #146EF5; } #apbAdvancedPosts-1 .apbMagazine1Posts > article:first-child, #apbAdvancedPosts-1 .apbMagazine2Posts > article:first-child{ min-height: 450px; } @media only screen and (max-width: 1024px) { #apbAdvancedPosts-1 .apbMagazine1Posts > article:first-child, #apbAdvancedPosts-1 .apbMagazine2Posts > article:first-child{ min-height: 400px; } } @media only screen and (max-width: 640px) { #apbAdvancedPosts-1 .apbMagazine1Posts > article:first-child, #apbAdvancedPosts-1 .apbMagazine2Posts > article:first-child{ min-height: 350px; } } #apbAdvancedPosts-1 .apbAccordionPosts { --apb-acc-accent: #0c0d3c1a; --apb-acc-line: #0c0d3c1a; gap: 15px; } #apbAdvancedPosts-1 .apbAccordionPosts .apbAccordionItem.is-open { border-top: 1px solid #0c0d3c1a;border-right: 1px solid #0c0d3c1a;border-bottom: 1px solid #0c0d3c1a;border-left: 1px solid #0c0d3c1a; border-radius: 5px; } #apbAdvancedPosts-1 .apbAccordionPosts .apbAccordionTrigger { padding: 20px 4px; } #apbAdvancedPosts-1 .apbAccordionPosts .apbAccordionBody { padding: 20px 25px; } #apbAdvancedPosts-1 .apbAccordionPosts .apbAccordionIndicator { color: #6b7280; } #apbAdvancedPosts-1 .apbAccordionPosts .apbAccordionIndicator.upIcon { color: #146EF5; } 