/** 1.0 Variables 2.0 Normalize 3.0 Header 4.0 Main Content Area 4.1 Grid 4.2 List 4.3 Block 4.4 Masonry 5.0 Sidebar Settings 6.0 Widget Design 6.1 Author Widget 6.2 Category Widgets 6.3 Grid Widgets 6.4 List Widgets 6.5 Social Share 6.6 Tag Collection 6.7 Instagram Widget 7.0 Pagination & ajax button 8.0 Post Format 9.0 Single Posts 10.0 Category, Tags Author page 11.0 Search Popup 12.0 Single Page 13.0 Main Banner 14.0 Carousel 15.0 Breadcrumb 16.0 Canvash Section 17.0 Scroll To Top 18.0 Footer 19.0 Advertisement 20.0 Slick Slider 21.0 Hover effect and animation 22.0 Video Playlist 23.0 Live search 24.0 Instagram 25.0 Category Collection 26.0 Table Of Content **/ /* ========================================= 1.0 Variables ========================================= */ :root { /* presents */ --blogistic-global-preset-color-1 : #64748b; --blogistic-global-preset-color-2 : #27272a; --blogistic-global-preset-color-3 : #ef4444; --blogistic-global-preset-color-4 : #eab308; --blogistic-global-preset-color-5 : #84cc16; --blogistic-global-preset-color-6 : #22c55e; --blogistic-global-preset-color-7 : #06b6d4; --blogistic-global-preset-color-8 : #0284c7; --blogistic-global-preset-color-9 : #6366f1; --blogistic-global-preset-color-10 : #84cc16; --blogistic-global-preset-color-11 : #a855f7; --blogistic-global-preset-color-12 : #f43f5e; --blogistic-global-preset-gradient-1 : linear-gradient( 135deg, #485563 10%, #29323c 100%); --blogistic-global-preset-gradient-2 : linear-gradient( 135deg, #FF512F 10%, #F09819 100%); --blogistic-global-preset-gradient-3 : linear-gradient( 135deg, #00416A 10%, #E4E5E6 100%); --blogistic-global-preset-gradient-4 : linear-gradient( 135deg, #CE9FFC 10%, #7367F0 100%); --blogistic-global-preset-gradient-5 : linear-gradient( 135deg, #90F7EC 10%, #32CCBC 100%); --blogistic-global-preset-gradient-6 : linear-gradient( 135deg, #81FBB8 10%, #28C76F 100%); --blogistic-global-preset-gradient-7 : linear-gradient( 135deg, #EB3349 10%, #F45C43 100%); --blogistic-global-preset-gradient-8 : linear-gradient( 135deg, #FFF720 10%, #3CD500 100%); --blogistic-global-preset-gradient-9 : linear-gradient( 135deg, #FF96F9 10%, #C32BAC 100%); --blogistic-global-preset-gradient-10 : linear-gradient( 135deg, #69FF97 10%, #00E4FF 100%); --blogistic-global-preset-gradient-11 : linear-gradient( 135deg, #3C8CE7 10%, #00EAFF 100%); --blogistic-global-preset-gradient-12 : linear-gradient( 135deg, #FF7AF5 10%, #513162 100%); /* theme color */ --blogistic-global-preset-theme-color: #FF376C; --blogistic-global-preset-gradient-theme-color: linear-gradient(130deg, #942cddcc 0%, #38a3e2cc 100%); --category-bk-color: #c580e3; --blogistic-border-color: #ffffff3f; --blogistic-noimg-bk-color: #cccccc; --blogistic-white-bk: #fff; --blogistic-white-text: #fff; --blogistic-black-text: #000; --blogistic-site-preloader-bk-color: #040404eb; --blogistic-archive-text-color: #000; /* Site Background Color */ --blogistic-site-bk-color: linear-gradient(130deg, #682BD4 0%, #19CEAC 100%); --blogistic-post-image-border-radius: 15px; --blogistic-content-border-radius: 15px; /* Site title */ --blogistic-site-title-size: 38px; --blogistic-site-title-size-tab: 32px; --blogistic-site-title-size-mobile: 30px; --blogistic-site-title-lineheight: 45px; --blogistic-site-title-lineheight-tab: 42px; --blogistic-site-title-lineheight-mobile: 40px; --blogistic-site-title-letterspacing: 0; --blogistic-site-title-letterspacing-tab: 0; --blogistic-site-title-letterspacing-mobile: 0; --blogistic-site-title-textdecoration: none; --blogistic-site-title-texttransform: none; --blogistic-site-title-weight: 700; --blogistic-site-title-family: "Unna",sans-serif; --blogistic-site-title-style: italic; --blogistic-site-color: #000; /* Site description */ --blogistic-site-description-size: 15px; --blogistic-site-description-size-tab: 15px; --blogistic-site-description-size-mobile: 15px; --blogistic-site-description-lineheight: 22px; --blogistic-site-description-lineheight-tab: 22px; --blogistic-site-description-lineheight-mobile: 20px; --blogistic-site-description-letterspacing: 0; --blogistic-site-description-letterspacing-tab: 0; --blogistic-site-description-letterspacing-mobile: 0; --blogistic-site-description-textdecoration: none; --blogistic-site-description-texttransform: none; --blogistic-site-description-weight: 400; --blogistic-site-description-family: "Poppins",sans-serif; --blogistic-site-description-color: #000; --blogistic-site-description-style: italic; /* Breadcrumb */ --blogistic-breadcrumb-font-style: normal; /* Scroll To Top */ --blogistic-scroll-text-color: #fff; --blogistic-scroll-text-color-hover: #fff; --blogistic-scroll-bk-color: #333; --blogistic-scroll-bk-color-hover: #666; /* Social share custom */ --blogistic-custom-social-share-color: #FF376C; --blogistic-custom-social-share-color-hover: #FF376C; --blogistic-custom-social-share-bk-color: #ffffff; /** Menu Font */ --blogistic-menu-size: 16px; --blogistic-menu-size-tab: 15px; --blogistic-menu-size-mobile: 15px; --blogistic-menu-family: 'Poppins', sans-serif; --blogistic-menu-font-style: normal; --blogistic-menu-lineheight: 26px; --blogistic-menu-lineheight-tab: 24px; --blogistic-menu-lineheight-mobile: 24px; --blogistic-menu-letterspacing: 0.3px; --blogistic-menu-letterspacing-tab: 0.3px; --blogistic-menu-letterspacing-mobile: 0.3px; --blogistic-menu-textdecoration: 'none'; --blogistic-menu-texttransform: 'none'; --blogistic-menu-color: #fff; --blogistic-menu-color-hover: #fff; --blogistic-menu-weight: 500; --blogistic-menu-color-active: #FF376C; --blogistic-menu-color-submenu: #333333; --blogistic-menu-color-submenu-hover: #222222; --blogistic-submenu-bk-color: #ffffff; /* Submenu */ --blogistic-submenu-size: 14px; --blogistic-submenu-size-tab: 14px; --blogistic-submenu-size-mobile: 16px; --blogistic-submenu-family: 'Poppins', sans-serif; --blogistic-submenu-lineheight: 26px; --blogistic-submenu-lineheight-tab: 24px; --blogistic-submenu-lineheight-mobile: 24px; --blogistic-submenu-weight: 400; --blogistic-submenu-letterspacing: 0.3; --blogistic-submenu-letterspacing-tab: 0.3; --blogistic-submenu-letterspacing-mobile: 0.3; --blogistic-submenu-textdecoration: 'none'; --blogistic-submenu-texttransform: 'none'; --blogistic-submenu-background-color: #cfa9e022; --blogistic-submenu-font-family: "Poppins",sans-serif; --blogistic-submenu-font-size: 16px; --blogistic-submenu-font-color: #333; --blogistic-submenu-font-weight: 500; --blogistic-submenu-font-style: normal; /* custom menu button font */ --blogistic-custom-button-family: "Poppins",sans-serif; --blogistic-custom-button-color: #fff; --blogistic-custom-button-color-hover: #fff; --blogistic-custom-button-icon-color: #fff; --blogistic-custom-button-icon-color-hover: #fff; --blogistic-custom-button-size: 15px; --blogistic-custom-button-size-tab: 15px; --blogistic-custom-button-size-mobile: 15px; --blogistic-custom-button-lineheight: 26px; --blogistic-custom-button-lineheight-tab: 24px; --blogistic-custom-button-lineheight-mobile: 24px; --blogistic-custom-button-letterspacing: 0.3px; --blogistic-custom-button-letterspacing-tab: 0.3px; --blogistic-custom-button-letterspacing-mobile: 0.3px; --blogistic-custom-button-weight: 400; --blogistic-custom-button-textdecoration: 'none'; --blogistic-custom-button-texttransform: 'none'; --blogistic-custom-button-bk-color: #FF376C; --blogistic-custom-button-bk-color-hover: #FF376C; --blogistic-custom-button-border-radius: 40px; --blogistic-custom-button-border-radius-tab: 40px; --blogistic-custom-button-border-radius-mobile: 40px; --blogistic-custom-button-style: italic; /* Theme mode */ --blogistic-theme-mode-color: #ffffff; --blogistic-theme-mode-color-hover: #ffffff; --blogistic-theme-darkmode-color: #ffffff; --blogistic-theme-darkmode-color-hover: #ffffff; /* search header color */ --blogistic-search-icon-color: #ffffff; --blogistic-search-icon-color-hover: #ffffff; --blogistic-search-viewall-color: #ffffff; --blogistic-search-viewall-color-hover: #ffffff; --blogistic-search-viewall-bkcolor: #FF376C; --blogistic-search-viewall-bkcolor-hover: #FF376C; /* Canvas Menu */ --blogistic-canvas-menu-width: 370px; --blogistic-canvas-content-bk-color: #f0f0f0; --blogistic-canvas-icon-color: #ffffff; --blogistic-canvas-icon-color-hover: #ffffff; /** Pagination color */ --blogistic-pagination-color : #ffffff; --blogistic-pagination-color-hover : #ffffff; --blogistic-ajax-pagination-color : #ffffff; --blogistic-ajax-pagination-color-hover : #ffffff; --blogistic-ajax-pagination--bkcolor: #FF376C; --blogistic-ajax-pagination--bkcolor-hover: #FF376C; /* Block Title font */ --blogistic-title-font-family: "Montserrat",sans-serif; --blogistic-title-font-style: normal; --blogistic-title-font-size: 22px; --blogistic-title-font-color: #222; --blogistic-title-font-weight: 600; /* Meta font */ --blogistic-meta-font-family: "Montserrat",sans-serif; --blogistic-meta-font-size: 14px; --blogistic-meta-font-color: #333; --blogistic-meta-font-weight: 500; --blogistic-meta-icon-color: #FF376C; --blogistic-meta-font-style: normal; /* Article image ratio */ --blogistic-post-image-ratio : 0.65; --blogistic-post-image-ratio-tab : 0.65; --blogistic-post-image-ratio-mobile : 0.65; /* list image ratio */ --blogistic-list-post-image-ratio: 0.90; --blogistic-list-post-image-ratio-tab: 0.90; --blogistic-list-post-image-ratio-mobile: 0.90; /** article box shadow */ --blogistic-article-box-shadow: 0 3px 12px -1px rgba(7,10,25,0.05), 0 22px 27px -20px rgba(7,10,25,0.05); --blogistic-image-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.25); /** Move to top **/ --blogistic-scroll-top-icontext-color: #ffffff; --blogistic-scroll-top-icontext-color-hover: #ffffff; --blogistic-scroll-top-bk-color: #333333; --blogistic-scroll-top-bk-color-hover: #888888; /** Main Banner **/ --blogistic-banner-bk-color: none; --blogistic-banner-title-size: 38px; --blogistic-banner-title-size-tab: 32px; --blogistic-banner-title-size-mobile: 30px; --blogistic-banner-title-lineheight: 50px; --blogistic-banner-title-lineheight-tab: 50px; --blogistic-banner-title-lineheight-mobile: 50px; --blogistic-banner-title-letterspacing: 0.6px; --blogistic-banner-title-letterspacing-tab: 0.6px; --blogistic-banner-title-letterspacing-mobile: 0.6px; --blogistic-banner-title-textdecoration: none; --blogistic-banner-title-texttransform: none; --blogistic-banner-title-weight: 400; --blogistic-banner-title-family: "Unna",sans-serif; --blogistic-banner-title-style: italic; --blogistic-banner-title-color: #000; --blogistic-banner-meta-color: #000; --blogistic-banner-excerpt-color: #000; /* Top Header */ --blogistic-top-header-bk-color: #fff; --blogistic-date-time-bk-color: #efefef; --blogistic-date-time-color: #000; --blogistic-top-social-color: #000; --blogistic-top-social-color-hover: #000; /* Background Animation Color */ --blogistic-animation-object-color: #3858F6; /** Archive Typography **/ /* post title */ --blogistic-post-title-font-size: 22px; --blogistic-post-title-font-size-tab: 20px; --blogistic-post-title-font-size-mobile: 20px; --blogistic-post-title-font-lineheight: 30px; --blogistic-post-title-font-lineheight-tab: 30px; --blogistic-post-title-font-lineheight-mobile: 30px; --blogistic-post-title-font-letterspacing: 0.6px; --blogistic-post-title-font-letterspacing-tab: 0.6px; --blogistic-post-title-font-letterspacing-mobile: 0.6px; --blogistic-post-title-font-family: "Lora",sans-serif; --blogistic-post-title-font-style: normal; --blogistic-post-title-font-color: #222; --blogistic-post-title-font-weight: 600; --blogistic-post-title-font-texttransform: 'none'; --blogistic-post-title-font-textdecoration: 'none'; /* post exceprt */ --blogistic-post-content-font-size: 15px; --blogistic-post-content-font-size-tab: 15px; --blogistic-post-content-font-size-mobile: 15px; --blogistic-post-content-font-lineheight: 25px; --blogistic-post-content-font-lineheight-tab: 25px; --blogistic-post-content-font-lineheight-mobile: 25px; --blogistic-post-content-font-letterspacing: 0.3px; --blogistic-post-content-font-letterspacing-tab: 0.3px; --blogistic-post-content-font-letterspacing-mobile: 0.3px; --blogistic-post-content-font-family: "Poppins",sans-serif; --blogistic-post-content-font-style: normal; --blogistic-post-content-font-color: #333; --blogistic-post-content-font-weight: 400; --blogistic-post-content-font-texttransform: 'none'; --blogistic-post-content-font-textdecoration: 'none'; /* Category font */ --blogistic-category-font-size: 15px; --blogistic-category-font-size-tab: 15px; --blogistic-category-font-size-mobile: 15px; --blogistic-category-font-lineheight: 22px; --blogistic-category-font-lineheight-tab: 22px; --blogistic-category-font-lineheight-mobile: 22px; --blogistic-category-font-letterspacing: 0.5px; --blogistic-category-font-letterspacing-tab: 0.5px; --blogistic-category-font-letterspacing-mobile: 0.5px; --blogistic-category-font-family: "Montserrat",sans-serif; --blogistic-category-font-style: normal; --blogistic-category-font-color: #fff; --blogistic-category-font-weight: 700; --blogistic-category-icon-color: #FF376C; --blogistic-category-bk-color: #c580e3; --blogistic-category-font-texttransform: 'Capitalize'; --blogistic-category-font-textdecoration: 'none'; /* Date font */ --blogistic-date-font-size: 14px; --blogistic-date-font-size-tab: 14px; --blogistic-date-font-size-mobile: 14px; --blogistic-date-font-lineheight: 20px; --blogistic-date-font-lineheight-tab: 20px; --blogistic-date-font-lineheight-mobile: 20px; --blogistic-date-font-letterspacing: 0.3px; --blogistic-date-font-letterspacing-tab: 0.3px; --blogistic-date-font-letterspacing-mobile: 0.3px; --blogistic-date-font-family: "Montserrat",sans-serif; --blogistic-date-font-color: #333; --blogistic-date-font-weight: 500; --blogistic-date-font-texttransform: 'none'; --blogistic-date-font-textdecoration: 'none'; --blogistic-date-icon-color: #FF376C; --blogistic-date-font-style: normal; /* Author font */ --blogistic-author-font-size: 14px; --blogistic-author-font-size-tab: 14px; --blogistic-author-font-size-mobile: 14px; --blogistic-author-font-lineheight: 20px; --blogistic-author-font-lineheight-tab: 20px; --blogistic-author-font-lineheight-mobile: 20px; --blogistic-author-font-letterspacing: 0.3px; --blogistic-author-font-letterspacing-tab: 0.3px; --blogistic-author-font-letterspacing-mobile: 0.3px; --blogistic-author-font-family: "Montserrat",sans-serif; --blogistic-author-font-color: #333; --blogistic-author-font-weight: 500; --blogistic-author-font-texttransform: 'Capitalize'; --blogistic-author-font-textdecoration: 'none'; --blogistic-author-font-style: normal; /* Read Time font */ --blogistic-readtime-font-size: 14px; --blogistic-readtime-font-size-tab: 14px; --blogistic-readtime-font-size-mobile: 14px; --blogistic-readtime-font-lineheight: 20px; --blogistic-readtime-font-lineheight-tab: 20px; --blogistic-readtime-font-lineheight-mobile: 20px; --blogistic-readtime-font-letterspacing: 0.3px; --blogistic-readtime-font-letterspacing-tab: 0.3px; --blogistic-readtime-font-letterspacing-mobile: 0.3px; --blogistic-readtime-font-family: "Montserrat",sans-serif; --blogistic-readtime-font-color: #333; --blogistic-readtime-font-weight: 500; --blogistic-readtime-font-textdecoration: none; --blogistic-readtime-font-texttransform: none; --blogistic-readtime-font-style: normal; /* Read More font */ --blogistic-readmore-font-size: 13px; --blogistic-readmore-font-size-tab: 13px; --blogistic-readmore-font-size-mobile: 13px; --blogistic-readmore-font-lineheight: 20px; --blogistic-readmore-font-lineheight-tab: 20px; --blogistic-readmore-font-lineheight-mobile: 20px; --blogistic-readmore-font-letterspacing: 0.3px; --blogistic-readmore-font-letterspacing-tab: 0.3px; --blogistic-readmore-font-letterspacing-mobile: 0.3px; --blogistic-readmore-font-family: "Poppins",sans-serif; --blogistic-readmore-font-color: #3858f6; --blogistic-readmore-font-color-hover: #3858f6; --blogistic-readmore-bk-color: #fff; --blogistic-readmore-bk-color-hover: #fff; --blogistic-readmore-font-weight: 500; --blogistic-readmore-font-textdecoration: none; --blogistic-readmore-font-texttransform: none; --blogistic-readmore-font-style: normal; /* Instagram BUtton Font */ --blogistic-instagram-font-size: 16px; --blogistic-instagram-font-size-tab: 16px; --blogistic-instagram-font-size-mobile: 16px; --blogistic-instagram-font-lineheight: 19px; --blogistic-instagram-font-lineheight-tab: 19px; --blogistic-instagram-font-lineheight-mobile: 19px; --blogistic-instagram-font-letterspacing: 0; --blogistic-instagram-font-letterspacing-tab: 0; --blogistic-instagram-font-letterspacing-mobile: 0; --blogistic-instagram-font-family: "Poppins",sans-serif; --blogistic-instagram-font-weight: 400; --blogistic-instagram-font-textdecoration: none; --blogistic-instagram-font-texttransform: none; --blogistic-instagram-font-style: normal; /* Comment font */ --blogistic-comment-font-size: 14px; --blogistic-comment-font-size-tab: 14px; --blogistic-comment-font-size-mobile: 14px; --blogistic-comment-font-lineheight: 20px; --blogistic-comment-font-lineheight-tab: 20px; --blogistic-comment-font-lineheight-mobile: 20px; --blogistic-comment-font-letterspacing: 0.3px; --blogistic-comment-font-letterspacing-tab: 0.3px; --blogistic-comment-font-letterspacing-mobile: 0.3px; --blogistic-comment-font-family: "Montserrat",sans-serif; --blogistic-comment-font-color: #333; --blogistic-comment-font-weight: 500; --blogistic-comment-font-textdecoration: none; --blogistic-comment-font-texttransform: none; --blogistic-comment-font-style: normal; --blogistic-main-font-family: "Montserrat",sans-serif; /* Category Collection font */ --blogistic-category-collection-font-family: "Poppins, sans-serif"; --blogistic-category-collection-font-size: 13px; --blogistic-category-collection-font-size-tab: 13px; --blogistic-category-collection-font-size-mobile: 13px; --blogistic-category-collection-font-lineheight: 17px; --blogistic-category-collection-font-lineheight-tab: 17px; --blogistic-category-collection-font-line-height-mobile: 17px; --blogistic-category-collection-font-letterspacing: 0.3px; --blogistic-category-collection-font-letterspacing-tab: 0.3px; --blogistic-category-collection-font-letterspacing-mobile: 0.3px; --blogistic-category-collection-font-weight: 500; --blogistic-category-collection-font-textdecoration: none; --blogistic-category-collection-font-texttransform: none; --blogistic-category-collection-font-style: normal; /* You May Have Missed */ /* Block Title */ --blogistic-youmaymissed-block-title-font-family: "Unna, sans-serif"; --blogistic-youmaymissed-block-title-font-size: 24px; --blogistic-youmaymissed-block-title-font-size-tab: 24px; --blogistic-youmaymissed-block-title-font-size-mobile: 24px; --blogistic-youmaymissed-block-title-font-lineheight: 36px; --blogistic-youmaymissed-block-title-font-lineheight-tab: 36px; --blogistic-youmaymissed-block-title-font-line-height-mobile: 36px; --blogistic-youmaymissed-block-title-font-letterspacing: 0.3px; --blogistic-youmaymissed-block-title-font-letterspacing-tab: 0.3px; --blogistic-youmaymissed-block-title-font-letterspacing-mobile: 0.3px; --blogistic-youmaymissed-block-title-font-weight: 700; --blogistic-youmaymissed-block-title-font-textdecoration: none; --blogistic-youmaymissed-block-title-font-texttransform: none; --blogistic-youmaymissed-block-title-font-style: normal; --blogistic-youmaymissed-block-title-color: #000; --youmaymissed-section-bk-color: #fff; /* Post Title */ --blogistic-youmaymissed-title-font-family: "Unna, sans-serif"; --blogistic-youmaymissed-title-font-size: 13px; --blogistic-youmaymissed-title-font-size-tab: 13px; --blogistic-youmaymissed-title-font-size-mobile: 13px; --blogistic-youmaymissed-title-font-lineheight: 17px; --blogistic-youmaymissed-title-font-lineheight-tab: 17px; --blogistic-youmaymissed-title-font-line-height-mobile: 17px; --blogistic-youmaymissed-title-font-letterspacing: 0.3px; --blogistic-youmaymissed-title-font-letterspacing-tab: 0.3px; --blogistic-youmaymissed-title-font-letterspacing-mobile: 0.3px; --blogistic-youmaymissed-title-font-weight: 700; --blogistic-youmaymissed-title-font-textdecoration: none; --blogistic-youmaymissed-title-font-texttransform: none; --blogistic-youmaymissed-title-font-style: italic; /* Category */ --blogistic-youmaymissed-category-font-size: 11px; --blogistic-youmaymissed-category-font-size-tab: 11px; --blogistic-youmaymissed-category-font-size-mobile: 11px; --blogistic-youmaymissed-category-font-lineheight: 22px; --blogistic-youmaymissed-category-font-lineheight-tab: 22px; --blogistic-youmaymissed-category-font-lineheight-mobile: 22px; --blogistic-youmaymissed-category-font-letterspacing: 0.5px; --blogistic-youmaymissed-category-font-letterspacing-tab: 0.5px; --blogistic-youmaymissed-category-font-letterspacing-mobile: 0.5px; --blogistic-youmaymissed-category-font-family: "Poppins",sans-serif; --blogistic-youmaymissed-category-font-style: normal; --blogistic-youmaymissed-category-font-color: #fff; --blogistic-youmaymissed-category-font-weight: 400; --blogistic-youmaymissed-category-font-texttransform: 'Capitalize'; --blogistic-youmaymissed-category-font-textdecoration: 'none'; /* Date */ --blogistic-youmaymissed-date-font-size: 11px; --blogistic-youmaymissed-date-font-size-tab: 11px; --blogistic-youmaymissed-date-font-size-mobile: 11px; --blogistic-youmaymissed-date-font-lineheight: 20px; --blogistic-youmaymissed-date-font-lineheight-tab: 20px; --blogistic-youmaymissed-date-font-lineheight-mobile: 20px; --blogistic-youmaymissed-date-font-letterspacing: 0.3px; --blogistic-youmaymissed-date-font-letterspacing-tab: 0.3px; --blogistic-youmaymissed-date-font-letterspacing-mobile: 0.3px; --blogistic-youmaymissed-date-font-family: "Poppins",sans-serif; --blogistic-youmaymissed-date-font-weight: 500; --blogistic-youmaymissed-date-font-texttransform: 'none'; --blogistic-youmaymissed-date-font-textdecoration: 'none'; --blogistic-youmaymissed-date-font-style: normal; /* Author font */ --blogistic-youmaymissed-author-font-size: 11px; --blogistic-youmaymissed-author-font-size-tab: 11px; --blogistic-youmaymissed-author-font-size-mobile: 11px; --blogistic-youmaymissed-author-font-lineheight: 22px; --blogistic-youmaymissed-author-font-lineheight-tab: 22px; --blogistic-youmaymissed-author-font-lineheight-mobile: 22px; --blogistic-youmaymissed-author-font-letterspacing: 0.3px; --blogistic-youmaymissed-author-font-letterspacing-tab: 0.3px; --blogistic-youmaymissed-author-font-letterspacing-mobile: 0.3px; --blogistic-youmaymissed-author-font-family: "Poppins",sans-serif; --blogistic-youmaymissed-author-font-weight: 500; --blogistic-youmaymissed-author-font-texttransform: 'Capitalize'; --blogistic-youmaymissed-author-font-textdecoration: 'none'; --blogistic-youmaymissed-author-font-style: normal; --blogistic-youmaymissed-image-ratio: 1; --blogistic-youmaymissed-image-ratio-tab: 1; --blogistic-youmaymissed-image-ratio-mobile: 1; /** widget font family **/ /** Widget Block **/ --blogistic-widget-block-font-size: 24px; --blogistic-widget-block-font-size-tab: 24px; --blogistic-widget-block-font-size-mobile: 24px; --blogistic-widget-block-font-lineheight: 36px; --blogistic-widget-block-font-lineheight-tab: 36px; --blogistic-widget-block-font-lineheight-mobile: 36px; --blogistic-widget-block-font-letterspacing: 0.6px; --blogistic-widget-block-font-letterspacing-tab: 0.6px; --blogistic-widget-block-font-letterspacing-mobile: 0.6px; --blogistic-widget-block-font-family: "Gelasio",sans-serif; --blogistic-widget-block-font-texttransform: unset; --blogistic-widget-block-font-textdecoration: none; --blogistic-widget-block-font-color: #222; --blogistic-widget-block-font-weight: 600; --blogistic-widget-block-font-style: normal; /** Widget Post title Block **/ --blogistic-widget-title-font-size: 17px; --blogistic-widget-title-font-size-tab: 17px; --blogistic-widget-title-font-size-mobile: 17px; --blogistic-widget-title-font-lineheight: 25px; --blogistic-widget-title-font-lineheight-tab: 25px; --blogistic-widget-title-font-lineheight-mobile: 25px; --blogistic-widget-title-font-letterspacing: 0.3px; --blogistic-widget-title-font-letterspacing-tab: 0.3px; --blogistic-widget-title-font-letterspacing-mobile: 0.3px; --blogistic-widget-title-font-family: "Lora",sans-serif; --blogistic-widget-title-font-texttransform: unset; --blogistic-widget-title-font-textdecoration: none; --blogistic-widget-title-font-color: #222; --blogistic-widget-title-font-weight: 500; --blogistic-widget-title-font-style: normal; /** Widget Post date **/ --blogistic-widget-date-font-size: 12px; --blogistic-widget-date-font-size-tab: 12px; --blogistic-widget-date-font-size-mobile: 12px; --blogistic-widget-date-font-lineheight: 20px; --blogistic-widget-date-font-lineheight-tab: 20px; --blogistic-widget-date-font-lineheight-mobile: 20px; --blogistic-widget-date-font-letterspacing: 0.3px; --blogistic-widget-date-font-letterspacing-tab: 0.3px; --blogistic-widget-date-font-letterspacing-mobile: 0.3px; --blogistic-widget-date-font-family: "Poppins",sans-serif; --blogistic-widget-date-font-texttransform: unset; --blogistic-widget-date-font-textdecoration: none; --blogistic-widget-date-font-color: #222; --blogistic-widget-date-font-weight: 400; --blogistic-widget-date-font-style: normal; /** Widget Post category **/ --blogistic-widget-category-font-size: 14px; --blogistic-widget-category-font-size-tab: 14px; --blogistic-widget-category-font-size-mobile: 14px; --blogistic-widget-category-font-lineheight: 20px; --blogistic-widget-category-font-lineheight-tab: 20px; --blogistic-widget-category-font-lineheight-mobile: 20px; --blogistic-widget-category-font-letterspacing: 0.5px; --blogistic-widget-category-font-letterspacing-tab: 0.5px; --blogistic-widget-category-font-letterspacing-mobile: 0.5px; --blogistic-widget-category-font-family: "Poppins",sans-serif; --blogistic-widget-category-font-style: normal; --blogistic-widget-category-font-color: #222; --blogistic-widget-category-font-weight: 400; --blogistic-widget-category-font-texttransform: 'capitalize'; --blogistic-widget-category-font-textdecoration: 'none'; --blogistic-widget-content-font-family: "Poppins",sans-serif; --blogistic-widget-content-font-style: normal; /** Single Typography **/ --blogistic-single-post-image-ratio: 0.55; --blogistic-single-post-image-ratio-tab: 0.55; --blogistic-single-post-image-ratio-mobile: 0.55; --blogistic-single-page-image-ratio: 0.55; --blogistic-single-page-image-ratio-tab: 0.55; --blogistic-single-page-image-ratio-mobile: 0.55; --blogistic-widget-block-title-color : #333; --blogistic-footer-white-text: #fff; --blogistic-footer-title-text: #ffffff; --blogistic-footer-title-text-hover: #ffffff; --blogistic-single-content-color : #333; --border-bottom-color: #F4F4F4; --border-bottom-widget-color: #F4F4F4; --border-bottom-color-two: #f0f0f0; --border-bottom-color-three: #ffffff3b; --blogistic-carousel-bk-color: none; --blogistic-canvash-bk-color: #333333a3; /* Video Playlist */ --video-content-bk-color: rgba(0,0,0,0.15); --video-playlist-section-bk-color: rgba(0,0,0,0.15); --video-hover-bk-color: #FF376C; --video-item-active-bk-color: #e7e7e7; --blogistic-breadcrumb-link-color: #ffffff; --blogistic-breadcrumb-link-color-hover: #ffffff; --blogistic-breadcrumb-color : #ffffff; --blogistic-video-active-title-color: #ffffff; --blogistic-video-list-title-color: #ffffff; --blogistic-video-list-title-color-hover: #ffffff; --blogistic-video-play-pause-color: #ffffff; --blogistic-video-play-pause-color-hover: #ffffff; --blogistic-video-arrow-color: #ffffff; --blogistic-video-arrow-color-hover: #ffffff; --blogistic-video-time-color: #f9f9f9; /* 404 Page */ --blogistic-404-button-bkcolor: #FF376C; --blogistic-404-button-bkcolor-hover: #FF376C; /* Video */ --blogistic-active-video-title-color: #fff; --blogistic-video-title-list-color: #fff; --blogistic-video-title-list-color-hover: #fff; /* footer */ --blogistic-bottom-footer-text-color: #ffffff80; --blogistic-bottom-footer-link-color: #ffffff; --blogistic-bottom-footer-link-color-hover: #ffffff; --blogistic-cateegory-collection-color: #000; /* Widget Button */ --blogistic-widget-btn-color: #3858F6; --blogistic-widget-btn-color-hover: #3858F6; --blogistic-widget-btn-bk-color: #ffffff00; --blogistic-widget-btn-bk-color-hover: #ffffff00; } /** dark mode **/ .blogistic-dark-mode { --blogistic-white-bk: #333333; --blogistic-post-title-font-color: #fff; --blogistic-date-font-color: #f1f1f1; --blogistic-post-content-font-color: #f8f8f8; --blogistic-meta-font-color: #f2f2f2; --blogistic-widget-block-title-color: #fff; --blogistic-menu-color-submenu: #fff; --blogistic-menu-color-submenu-hover: #f1f1f1; --blogistic-single-content-color: #f8f8f8; --border-bottom-color: #5d5d5d; --border-bottom-color-two: #5d5d5d; --video-content-bk-color: #333333; --blogistic-active-video-title-color: #fff; --blogistic-video-play-pause-color: #f0f0f0; --blogistic-video-time-color: #f2f2f2; --blogistic-video-title-list-color: #fff; --blogistic-video-title-list-color-hover: #fff; --video-content-bk-color: #333333; --blogistic-canvas-icon-color: #ffffff; --blogistic-canvas-icon-color-hover: #ffffff; --blogistic-search-icon-color: #ffffff; --blogistic-search-icon-color-hover: #ffffff; --blogistic-banner-title-color: #ffffff; --blogistic-banner-meta-color: #fff; --blogistic-site-color: #fff; --blogistic-site-description-color: #fff; --blogistic-banner-excerpt-color: #fff; --blogistic-date-time-bk-color: #1a1a1a; --blogistic-top-header-bk-color: #000; --blogistic-date-time-color: #fff; --blogistic-top-social-color: #fff; --blogistic-archive-text-color: #fff; --blogistic-breadcrumb-color: #fff; --blogistic-breadcrumb-link-color: #fff; --blogistic-custom-button-icon-color: #fff; --blogistic-custom-button-bk-color: #000; --blogistic-custom-button-bk-color-hover: #000; --blogistic-custom-button-icon-color: #fff; --blogistic-custom-button-icon-color-hover: #fff; --blogistic-widget-btn-color: #fff; --blogistic-widget-btn-bk-color: #ffffff00; --blogistic-custom-button-color: #fff; --blogistic-youmaymissed-block-title-color: #fff; --youmaymissed-section-bk-color: #333333; } body.blogistic-dark-mode:before { background: #000000; } body.blogistic-dark-mode .blogistic-breadcrumb-element .blogistic-breadcrumb-wrap { background: #333; } body.blogistic-dark-mode.single-post .comment-respond .comment-form-comment textarea { background-color: #898989; } body.blogistic-dark-mode.single-post #primary article footer .tags-links { background-color: #494949; } body.blogistic-dark-mode .widget_block.widget_search .wp-block-search__input { border: 2px solid #898989; background-color: #898989; } body.blogistic-dark-mode.error404 #blogistic-main-wrap #primary .not-found { background-color: #333333; } body.blogistic-dark-mode.archive.category #blogistic-main-wrap .page-header .blogistic-container .row, body.blogistic-dark-mode.archive.tag #blogistic-main-wrap .page-header .blogistic-container .row, body.blogistic-dark-mode.archive.date #blogistic-main-wrap .page-header .blogistic-container .row, body.blogistic-dark-mode.search.search-results #blogistic-main-wrap .blogistic-container .page-header{ background: rgb(51 51 51); } body.blogistic-dark-mode .widget_block.widget_search .wp-block-search__input { background-color: #bbbbbb; } body.blogistic-dark-mode .blogistic-carousel-section article.post-item .post-thumb:before, body.blogistic-dark-mode .blogistic-main-banner-section article.post-item .post-thumb:before { background-color: #a2a2a236; } body.single-post.blogistic-dark-mode #primary .blogistic-inner-content-wrap article .entry-content .wp-block-latest-posts a, body.single-post.blogistic-dark-mode #primary .blogistic-inner-content-wrap article .entry-content .wp-block-categories a { color: #fff; } body.single-post.blogistic-dark-mode pre { background: #5b5b5b; } body.blogistic-dark-mode #blogistic-main-wrap > .blogistic-container > .row #primary article .blogistic-article-inner, body.blogistic-dark-mode .blogistic-you-may-have-missed-section .blogistic-you-may-missed-inner-wrap { background: #333333; } body.blogistic-dark-mode .widget, body.blogistic-dark-mode #widget_block, body.single-post.blogistic-dark-mode #blogistic-main-wrap .blogistic-container .row #primary .post-inner, body.single-post.blogistic-dark-mode #blogistic-main-wrap .blogistic-container .row #primary .comments-area, body.single-post.blogistic-dark-mode #primary article .post-card .bmm-author-thumb-wrap, body.single-post.blogistic-dark-mode #blogistic-main-wrap .blogistic-container .row #primary nav.navigation, body.single-post.blogistic-dark-mode #blogistic-main-wrap .blogistic-container .row #primary .single-related-posts-section-wrap { background: #333333; } body.blogistic-dark-mode .blogistic-carousel-section.carousel-layout--one article.post-item .post-elements, body.blogistic-dark-mode .blogistic-carousel-section.carousel-layout--two article.post-item .post-elements, body.blogistic-dark-mode .blogistic-main-banner-section .post-elements, .blogistic-dark-mode .blogistic-main-banner-section.layout--two .main-banner-wrap .post-elements { background: #333333; } body.blogistic-dark-mode .widget p, body.blogistic-dark-mode .widget h1, body.blogistic-dark-mode .widget h2, body.blogistic-dark-mode .widget h3, body.blogistic-dark-mode .widget h4, body.blogistic-dark-mode .widget h5, body.blogistic-dark-mode .widget h6{ color: #ffffff; } @media (min-width: 48.1em) { body.blogistic-dark-mode .main-navigation ul.menu li:hover > ul, body.blogistic-dark-mode .main-navigation ul.menu li.focus > ul, body.blogistic-dark-mode .main-navigation ul.nav-menu li:hover > ul, body.blogistic-dark-mode .main-navigation ul.nav-menu li.focus > ul { background: #333333; } body.blogistic-dark-mode .main-navigation .menu li.current-menu-item a, body.blogistic-dark-mode .main-navigation .nav.menu li.current-menu-item a { color: #ffffff; } body.blogistic-dark-mode .main-navigation .menu li a, body.blogistic-dark-mode .main-navigation .nav.menu li a { color: #ffffff; } } body.blogistic-dark-mode article .post-footer { border-top: 2px solid #515151; } body.blogistic-dark-mode .widget_block .wp-block-group__inner-container .wp-block-heading, body.blogistic-dark-mode section.widget .widget-title, body.blogistic-dark-mode .widget_block.widget_search .wp-block-search__label { border-bottom: 2px solid #828282; } body.blogistic-dark-mode .widget ul.wp-block-latest-posts li, body.blogistic-dark-mode .widget ol.wp-block-latest-comments li, body.blogistic-dark-mode .widget ul.wp-block-archives li, body.blogistic-dark-mode .widget ul.wp-block-categories li, body.blogistic-dark-mode .widget ul.wp-block-page-list li, body.blogistic-dark-mode .widget .widget ul.menu li, body.blogistic-dark-mode aside .widget_blogistic_post_grid_widget .post-grid-wrap .post-item, body.blogistic-dark-mode aside .widget_blogistic_post_list_widget .post-list-wrap .post-item, body.blogistic-dark-mode .canvas-menu-sidebar .widget_blogistic_post_list_widget .post-list-wrap .post-item, body.blogistic-dark-mode .canvas-menu-sidebar ul.wp-block-latest-posts li, body.blogistic-dark-mode .canvas-menu-sidebar ol.wp-block-latest-comments li, body.blogistic-dark-mode .canvas-menu-sidebar ul.wp-block-archives li, body.blogistic-dark-mode .canvas-menu-sidebar ul.wp-block-categories li, body.blogistic-dark-mode .canvas-menu-sidebar ul.wp-block-page-list li, body.blogistic-dark-mode .canvas-menu-sidebar .widget ul.menu li { border-bottom: 1px solid #5a5a5a; } body.blogistic-dark-mode .widget ul.wp-block-latest-posts li:last-child, body.blogistic-dark-mode .widget ol.wp-block-latest-comments li:last-child, body.blogistic-dark-mode .widget ul.wp-block-archives li:last-child, body.blogistic-dark-mode .widget ul.wp-block-categories li:last-child, body.blogistic-dark-mode .widget ul.wp-block-page-list li:last-child, body.blogistic-dark-mode .widget .widget ul.menu li:last-child, body.blogistic-dark-mode aside .widget_blogistic_post_grid_widget .post-grid-wrap .post-item:last-child, body.blogistic-dark-mode aside .widget_blogistic_post_list_widget .post-list-wrap .post-item:last-child { border-bottom: none; } body.blogistic-dark-mode footer.site-footer .main-footer { background: #151515; } body.blogistic-dark-mode footer.site-footer .bottom-footer, body.blogistic-dark-mode header.site-header .main-header { background: #000; } body.blogistic-dark-mode .search-wrap.search-type--live-search .article-item { background: #333; } .single.blogistic-dark-mode .blogistic-inner-content-wrap .blogistic-social-share.placement--outside-content .social-shares { background: #555555; } body.page.blogistic-dark-mode #blogistic-main-wrap #primary article.page, body.archive.author.blogistic-dark-mode .site #blogistic-main-wrap .page-header .blogistic-container .row { background: #333; } body.blogistic-dark-mode.single-post.single-post--layout-two .widget .post-date{ color: #f1f1f1; } body.blogistic-dark-mode.boxed--layout #page { background: #000000; } /* ========================================= 2.0 Normalize ========================================= */ html { scroll-behavior: smooth; } body { font-family: var(--blogistic-main-font-family); scroll-behavior: smooth; font-size: var(--blogistic-main-font-size); letter-spacing: 0.3px; } .post, .page { margin: 0; } p,a,div,span,input,h1,h2,h3,h4,h5,h6,span { letter-spacing: 0.3px; } input[type="text"], input[type="email"] { width: 100%; } .blogistic-dark-mode input[type="text"], .blogistic-dark-mode input[type="email"], .blogistic-dark-mode textarea { background: #333; border-color: #535353; color: #fff; } figure { margin: 0px; } .post-thumb img { display: block; } .blogistic-container-fluid{ --bs-gutter-x: 1.5rem; --bs-gutter-x: 1.5rem; width: 100%; padding-right: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem); margin-right: auto; margin-left: auto; max-width: 120rem; } .blogistic-container-fluid .row{ padding: 0 2rem; } .blogistic-container { --bs-gutter-x: 1.5rem; --bs-gutter-x: 1.5rem; width: 100%; padding-right: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem); margin-right: auto; margin-left: auto; } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x) * -.5); margin-left: calc(var(--bs-gutter-x) * -.5); } #wp-custom-header { margin: 0 auto; padding-right: var(--bs-gutter-x, 0.6rem); padding-left: var(--bs-gutter-x, 0.6rem); } body.boxed--layout #wp-custom-header { margin-top: 0; } #wp-custom-header img{ width: 100%; border-radius: 15px; overflow: hidden; display: block; margin: 20px 0; } .wp-block-gallery, .wp-block-image { margin-bottom: 24px; } /*main container **/ @media only screen and (max-width: 680px) { .blogistic-container-fluid .row { padding: 0 0.5rem; } } @media (min-width: 576px) { .blogistic-container, #wp-custom-header { max-width: 540px; } } @media (min-width: 676px) { .blogistic-container, #wp-custom-header { max-width: 620px; } } @media (min-width: 768px) { .blogistic-container, #wp-custom-header { max-width: 720px; } } @media (min-width: 868px) { .blogistic-container, #wp-custom-header { max-width: 820px; } .blogistic-container { padding-right: var(--bs-gutter-x, 1rem); padding-left: var(--bs-gutter-x, 1rem); } } @media (min-width: 992px) { .blogistic-container, #wp-custom-header { max-width: 960px; } } @media (min-width: 1086px) { .blogistic-container, #wp-custom-header { max-width: 1060px; } } @media (min-width: 1200px) { .blogistic-container, #wp-custom-header { max-width: 1140px; } } @media (min-width: 1400px) { .blogistic-container, #wp-custom-header { max-width: 1240px; } } @media (min-width: 1500px) { .blogistic-container, #wp-custom-header { max-width: 1340px; } } body:before{ content: ''; background: linear-gradient(130deg, #682BD4 0%, #19CEAC 100%); position: fixed; left: 0; top: 0; width: 100%; height: 100vh; z-index: -1; } body.boxed--layout:before{ content: ''; background: linear-gradient(130deg, #682BD4 0%, #19CEAC 100%); position: fixed; left: 0; top: 0; width: 100%; height: 100vh; z-index: -1; } body .blogistic-inner-content-wrap article { margin: 0; } body.archive--list-layout .blogistic-inner-content-wrap article { position: relative; } body .blogistic-inner-content-wrap article .blogistic-article-inne { box-shadow: var(--blogistic-article-box-shadow); -webkit-box-shadow: var(--blogistic-article-box-shadow); } .boxed--layout #page { margin: 50px 60px; position: relative; border-radius: 15px; overflow: hidden; box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 10%); } /* ========================================= 3.0 Header ========================================= */ .main-header .blogistic-container .row { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; } body.blogistic-dark-mode .main-header .blogistic-container .row { border-bottom-color: #272727; } .main-header .site-branding-section { flex: 1 1 18%; } .blogistic-light-mode .main-header .site-branding-section .dark-mode-site-logo, .blogistic-dark-mode .main-header .site-branding-section .custom-logo-link { display: none; } .blogistic-dark-mode .main-header .site-branding-section .dark-mode-site-logo { display: block; } .main-header .site-navigation-wrapper { flex: 1 1 67%; } .site-header .site-title { color: var(--blogistic-white-text); margin: 0; font-size: var(--blogistic-site-title-size); line-height: var(--blogistic-site-title-lineheight); letter-spacing: var(--blogistic-site-title-letterspacing); text-decoration: var(--blogistic-site-title-textdecoration); text-transform: var(--blogistic-site-title-texttransform); font-weight: var(--blogistic-site-title-weight); font-family: var(--blogistic-site-title-family); font-style: var(--blogistic-site-title-style); } .site-header .site-title a { text-decoration: none; color: inherit; letter-spacing: inherit; line-height: inherit; color: var(--blogistic-site-color); } .site-header .site-description { font-size: var(--blogistic-site-description-size); line-height: var(--blogistic-site-description-lineheight); letter-spacing: var(--blogistic-site-description-letterspacing); text-decoration: var(--blogistic-site-description-textdecoration); text-transform: var(--blogistic-site-description-texttransform); font-weight: var(--blogistic-site-description-weight); font-family: var(--blogistic-site-description-family); color: var(--blogistic-site-description-color); font-style: var(--blogistic-site-description-style); margin: 0; padding-top: 3px; } .main-header #site-navigation { display: inline-block; width: auto; } .main-header.header-sticky--enabled { position: fixed; top: 0; width: 100%; z-index: 9999; background: var(--blogistic-site-bk-color); -webkit-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; } .main-header.header-sticky--enabled .site-branding-section { scale: 0.9; -webkit-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; } body.admin-bar .main-header.header-sticky--enabled .blogistic-container .row { padding: 35px 0 20px 0; } .main-header.header-sticky--enabled .blogistic-container .row { border-bottom: none; padding: 20px 0 20px 0; -webkit-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; } /** Menu **/ @media (min-width: 48.1em){ .main-navigation ul.menu li a.toggle-sub-menu, .main-navigation ul.nav-menu li a.toggle-sub-menu { display: none; } .main-navigation .menu ul, .main-navigation .nav-menu ul{ list-style: none; line-height: 1.6; align-items: center; justify-content: flex-end; height: inherit; vertical-align: middle; } .main-navigation>div, .main-navigation ul.menu, .main-navigation ul.menu li .main-navigation ul.nav-menu, .main-navigation ul.nav-menu li{ height: inherit; vertical-align: middle; } .site-header .menu-background--enabled .nav-menu { background: var(--blogistic-menu-bk-color); } .site-header .menu-alignment--left.menu-background--enabled .nav-menu { padding-left: 15px; } .main-navigation .menu li, .main-navigation .nav-menu.menu li { display: flex; align-items: center; } .main-navigation .menu li a, .main-navigation .nav.menu li a{ position: relative; margin: 10px 15px; transition: all .4s ease; transform-origin:0 0; color: var(--blogistic-menu-color); font-family: var(--blogistic-menu-family); font-weight: var(--blogistic-menu-weight); font-size: var(--blogistic-menu-size); line-height: var(--blogistic-menu-lineheight); letter-spacing: var(--blogistic-menu-letterspacing); text-transform: var(--blogistic-menu-texttransform); text-decoration: var(--blogistic-menu-textdecoration); font-style: var(--blogistic-menu-font-style); } body .main-navigation .menu li.current-menu-item > a, body .main-navigation .nav.menu li.current-menu-item > a { color: var(--blogistic-global-preset-theme-color); } .main-header.menu-alignment--left .main-navigation .menu li:first-child a, .main-header.menu-alignment--left .main-navigation .nav.menu li:first-child a{ margin-left: 0; } .blogistic_dark_mode .main-navigation .menu li a, .blogistic_dark_mode .main-navigation .nav.menu li a { color: #fff; } .main-navigation.hover-effect--one.main-navigation .menu li.current-menu-item > a:before, .main-navigation.hover-effect--one.main-navigation .nav.menu li.current-menu-item > a:before, .main-navigation.hover-effect--one.main-navigation .menu li.current_page_item > a:before, .main-navigation.hover-effect--one.main-navigation .nav.menu li.current_page_item > a:before, .main-navigation.hover-effect--two.main-navigation .menu li.current-menu-item > a:before, .main-navigation.hover-effect--two.main-navigation .nav.menu li.current-menu-item > a:before, .main-navigation.hover-effect--two.main-navigation .menu li.current_page_item > a:before, .main-navigation.hover-effect--two.main-navigation .nav.menu li.current_page_item > a:before { background-color: var(--blogistic-global-preset-theme-color); opacity: 1; width: 100%; } .main-navigation .menu li a:hover, .main-navigation .nav.menu li a:hover{ color: var(--blogistic-menu-color-hover); } .main-navigation ul.menu ul, .main-navigation ul.nav-menu ul { background-color: var(--blogistic-submenu-background-color); display: block; left: -999em; margin: 0; position: absolute; z-index: 9999; padding: 5px 0; display: initial; box-shadow: 0px 9px 17px -10px rgb(0 0 0 / 58%); -webkit-box-shadow: 0px 9px 17px -10px rgb(0 0 0 / 58%); -moz-box-shadow: 0px 9px 17px -10px rgba(0,0,0,0.58); text-align: left; } .main-navigation ul.menu ul li, .main-navigation ul.nav-menu ul li { float: none; border-top: 0; position: relative; } .main-navigation ul.menu ul.sub-menu > li:last-child > a, .main-navigation ul.nav-menu ul.sub-menu > li:last-child > a { border-bottom: none; } .main-navigation ul.menu ul li a, .main-navigation ul.nav-menu ul li a { font-size: 15px; min-width: 210px; width: 100%; color: var(--blogistic-menu-color-submenu); border-bottom: 1px solid var(--blogistic-submenu-border-btm-color); font-family: var(--blogistic-submenu-family); font-weight: var(--blogistic-submenu-weight); font-size: var(--blogistic-submenu-size); line-height: var(--blogistic-submenu-lineheight); letter-spacing: var(--blogistic-submenu-letterspacing); text-transform: var(--blogistic-submenu-texttransform); text-decoration: var(--blogistic-submenu-textdecoration); font-style: var(--blogistic-submenu-font-style); } .main-navigation ul.menu ul li a:after, .main-navigation ul.nav-menu ul li a:after { color: var(--blogistic-menu-color-submenu); } .main-navigation ul.menu ul li a:hover, .main-navigation ul.nav-menu ul li a:hover { color: var(--blogistic-menu-color-submenu-hover); } .main-navigation ul.menu ul li a:hover:after, .main-navigation ul.nav-menu ul li a:hover:after { color: var(--blogistic-menu-color-submenu-hover); } .main-navigation ul.menu li:hover > ul, .main-navigation ul.menu li.focus > ul, .main-navigation ul.nav-menu li:hover > ul, .main-navigation ul.nav-menu li.focus > ul { right: auto; left: 0; height: auto; background: var(--blogistic-submenu-bk-color); border-radius: 15px; padding: 10px 0; } .main-navigation ul.menu ul li:hover > ul, .main-navigation ul.menu ul li.focus > ul, .main-navigation ul.nav-menu ul li:hover > ul, .main-navigation ul.nav-menu ul li.focus > ul { right: auto; left: 100%; } /* arrow */ .main-navigation ul.menu li.menu-item-has-children > a:after, .main-navigation ul.menu li.page_item_has_children > a:after, .main-navigation ul.nav-menu li.menu-item-has-children > a:after, .main-navigation ul.nav-menu li.page_item_has_children > a:after { display: inline-block; font-family: "Font Awesome 5 Free"; content: "\f107"; font-style: normal; font-size: calc(var(--blogistic-menu-size)*0.77); font-weight: 900; line-height: var(--blogistic-menu-lineheight); margin-left: 8px; } .main-navigation ul.menu ul li.menu-item-has-children > a:after, .main-navigation ul.menu ul li.page_item_has_children > a:after, .main-navigation ul.nav-menu ul li.menu-item-has-children > a:after, .main-navigation ul.nav-menu ul li.page_item_has_children > a:after { display: inline-block; font-family: "Font Awesome 5 Free"; content: "\f105"; font-style: normal; font-size: 12px; font-weight: 900; line-height: 1; margin-left: 8px; float: right; line-height: inherit; } .main-navigation .menu > li li a, .main-navigation .nav-menu > li li a { margin: 0; float: none; display: block; padding: 10px 25px; text-decoration: none; } .main-navigation .menu > li li a:hover, .main-navigation .nav-menu > li li a:hover { transform: translateX(8px); } /* Custom More */ .main-navigation .menu-item-custom-more > a:after { content: '\f141' !important; } } /* search popup */ .site-header .search-wrap .search-form-wrap { display: none; } .site-header .search-wrap .search-form-close { z-index: 999; padding: 5px 11px; background-color: var(--blogistic-global-preset-theme-color); border-radius: 5px; text-align: center; margin: 0 auto; display: inline-block; color: #fff; font-size: 18px; margin-top: 0; position: absolute; right: 0; top: 50px; right: 50px; border-color: transparent; } .site-header .search-wrap .search-form-close:hover { cursor: pointer; } /* Subscribe section */ .site-header .subscribe-section { display: inline-block; } .site-header .header-custom-button, .site-header .search-wrap, .site-header .mode-toggle-wrap, .site-header .mode-toggle, .site-header .blogistic-canvas-menu { display: inline-block; } .site-header .header-custom-button:hover, .site-header .search-wrap:hover, .site-header .mode-toggle-wrap:hover, .site-header .mode-toggle:hover, .site-header .blogistic-canvas-menu:hover, .site-header .search-trigger:hover { cursor: pointer; } .site-header .mode-toggle i { font-size: 18px; } .site-header .mode-toggle img { width: 18px; } .blogistic-light-mode .site-header .mode-toggle i { color: var(--blogistic-theme-mode-color); } .blogistic-light-mode .site-header .mode-toggle:hover i { color: var(--blogistic-theme-mode-color-hover); } .blogistic-dark-mode .site-header .mode-toggle i { color: var(--blogistic-theme-darkmode-color); } .blogistic-dark-mode .site-header .mode-toggle:hover i { color: var(--blogistic-theme-darkmode-color-hover); } .blogistic-dark-mode .lightmode { display: none; } .blogistic-light-mode .darkmode { display: none; } .header-custom-button-wrapper { text-align: right; } .site-header .header-custom-button { text-decoration: none; padding: 7px 20px; background: var(--blogistic-custom-button-bk-color); border-radius: var(--blogistic-custom-button-border-radius); border: none; text-align: center; text-transform: var(--blogistic-custom-button-texttransform); text-decoration: var(--blogistic-custom-button-textdecoration); font-weight: var(--blogistic-custom-button-weight); display: flex; justify-content: right; align-items: center; gap: 8px; } .site-header .header-custom-button i{ color: var(--blogistic-custom-button-icon-color); } .site-header .header-custom-button .custom-button-label { color: var(--blogistic-custom-button-color); font-family: var(--blogistic-custom-button-family); font-style: var(--blogistic-custom-button-style); font-size: var(--blogistic-custom-button-size); line-height: var(--blogistic-custom-button-lineheight); letter-spacing: var(--blogistic-custom-button-letterspacing); text-transform: var(--blogistic-custom-button-texttransform); text-decoration: var(--blogistic-custom-button-textdecoration); font-weight: var(--blogistic-custom-button-weight); } .site-header .header-custom-button:hover { background: var(--blogistic-custom-button-bk-color-hover); } .site-header .header-custom-button:hover .custom-button-label { color: var(--blogistic-custom-button-color-hover); } .site-header .header-custom-button:hover .custom-button-icon i { color: var(--blogistic-custom-button-icon-color-hover); } .site-header .header-custom-button .custom-button-icon{ font-size: 12px; } .site-header .header-custom-button .custom-button-icon.icon_after{ padding-right: 0; } body .site-header .header-custom-button .custom-button-icon img { vertical-align: middle; } .site-header .search-trigger { background: transparent; padding: 0; border: none; } .site-header .search-trigger i { color: var(--blogistic-search-icon-color); } .site-header .search-trigger:hover i { color: var(--blogistic-search-icon-color-hover); } /* Canvas Menu */ /* .site-header .canvas-menu-icon { color: #fff; vertical-align: middle; } */ .site-header .canvas-menu-icon { align-items: center; display: flex; height: 1.5rem; width: 1.8rem; justify-content: center; line-height: 0; margin: 0; overflow: hidden; padding: 0; position: relative; transform: scale(.8); transition: transform 0.6s cubic-bezier(0.46, 0.03, 0.52, 0.96); margin-bottom: 4px; } .site-header .canvas-menu-icon span { background-color: var(--blogistic-canvas-icon-color); height: 2px; position: absolute; top: 50%; transition: transform 0.3s cubic-bezier(0.46, 0.03, 0.52, 0.96),background-color 0.3s cubic-bezier(0.46, 0.03, 0.52, 0.96); width: 2rem; } .site-header .canvas-menu-icon:hover span { background-color: var(--blogistic-canvas-icon-color-hover); } .site-header .canvas-menu-icon span:first-child { transform: scaleX(.5) translateY(-0.6rem); transform-origin: 100% 0; } .site-header .canvas-menu-icon span:nth-child(2) { transition: background-color 0.3s cubic-bezier(0.46, 0.03, 0.52, 0.96),transform 0.6s cubic-bezier(0.46, 0.03, 0.52, 0.96),opacity 0.6s cubic-bezier(0.46, 0.03, 0.52, 0.96); } .site-header .canvas-menu-icon span:nth-child(3) { transform: scaleX(.5) translateY(0.6rem); transform-origin: 0 50%; } .site-header .canvas-menu-icon:after { box-sizing: border-box; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } /* Canvas icon hover */ .site-header .canvas-menu-icon:hover span:first-child { transform: scaleX(1) translateY(-0.6rem); } .site-header .canvas-menu-icon:hover span:nth-child(3) { transform: scaleX(1) translateY(0.6rem); } /* Canvas icon animation */ .blogistic-model-open .site-header .canvas-menu-icon span:first-child { animation: canvas-menu-1-active 1s forwards; } .blogistic-model-open .site-header .canvas-menu-icon span:nth-child(2) { opacity: 0; transform: translateX(100%); } .blogistic-model-open .site-header .canvas-menu-icon span:nth-child(3) { animation: canvas-menu-3-active 1s forwards; } @keyframes canvas-menu-1-active { 0% { transform: translate3d(0,-0.6rem,0); transform-origin: left top; } 50% { opacity: 0; transform: translate3d(-100%,-0.6rem,0); transform-origin: left top; } 55% { opacity: 0; transform: rotate(45deg) translate3d(-40%,-0.78rem,0) scaleX(.7); transform-origin: left top; } 100% { transform: rotate(45deg) translate3d(0,-0.78rem,0) scaleX(.7); transform-origin: left top; } } @keyframes canvas-menu-3-active { 0% { transform: translate3d(0,0.6rem,0); transform-origin: left top; } 50% { opacity: 0; transform: translate3d(-100%,0.6rem,0); transform-origin: left top; } 55% { opacity: 0; transform: rotate(-45deg) translate3d(-40%,0.6rem,0) scaleX(.7); transform-origin: left top; } 100% { opacity: 1; transform: rotate(-45deg) translate3d(0,0.6rem,0) scaleX(.7); transform-origin: left top; } } /** Light and dark Mode **/ .site-header .mode-toggle-wrap { display: inline-block; } .site-header .mode-toggle { background: transparent; border: none; } /* Mobile Menu */ #site-navigation button.menu-toggle { background: var(--blogistic-global-preset-theme-color); color: #fff; border: none; padding: 7px 15px; } #site-navigation #blogistic-menu-burger { display: inline-block; vertical-align: middle; margin-right: 6px; } #blogistic-menu-burger span { width: 1.2em; height: 0.12em; margin: 0.28em 0; display: block; transition: all .4s ease; transform-origin: 0 0; background-color: #fff; } #site-navigation .menu-txt { display: none; } .main-header.menu-alignment--left .site-navigation-wrapper { text-align: left; } .main-header.menu-alignment--center .site-navigation-wrapper { text-align: center; } .main-header.menu-alignment--right .site-navigation-wrapper { text-align: right; } /* Header One */ .site-header.layout--one .main-header .row > div { margin-right: 30px; } .site-header.layout--one .main-header .row > div:last-child { margin: 0; } .advertisement-banner a, .advertisement-banner img { display: inline-block; } .site-header.layout--one ~ .advertisement-banner { margin-bottom: 35px; text-align: center; } /* ========================================= 4.0 Main Content (Archive) ========================================= */ .blogistic-inner-content-wrap article .blogistic-inner-content-wrap-fi::-webkit-scrollbar, .blogistic-table-of-content.display--fixed .toc-wrapper::-webkit-scrollbar { width: 2px; } .blogistic-inner-content-wrap article .blogistic-inner-content-wrap-fi::-webkit-scrollbar-thumb, .blogistic-table-of-content.display--fixed .toc-wrapper::-webkit-scrollbar-thumb { background-color: var(--blogistic-global-preset-theme-color); border-radius: 40px; } .entry-title a { color: inherit; } .blogistic-inner-content-wrap.archive-align--left article .inner-content { text-align: left; } .blogistic-inner-content-wrap.archive-align--left article.format-image .inner-content, .blogistic-inner-content-wrap.archive-align--left article.format-quote .inner-content { text-align: left!important; } .blogistic-inner-content-wrap.archive-align--right article .inner-content { text-align: right; } .blogistic-inner-content-wrap.archive-align--right article.format-image .inner-content, .blogistic-inner-content-wrap.archive-align--right article.format-quote .inner-content { text-align: right!important; } .blogistic-inner-content-wrap.archive-align--right article.format-image .inner-content .post-date.posted-on { padding-right: 15px; } .archive-image-placeholder--enabled .no-featured-image .post-thumnail-inner-wrapper { display: none; } body.archive--grid-layout.archive-image-placeholder--enabled #blogistic-main-wrap > .blogistic-container > .row #primary article.no-featured-image figure.post-thumbnail-wrapper .post-categories, body.archive--masonry-layout.archive-image-placeholder--enabled #blogistic-main-wrap > .blogistic-container > .row #primary article.no-featured-image figure .post-categories { margin-bottom: 13px; position: relative; text-align: center; left: 0; } body.archive--masonry-layout.archive-image-placeholder--enabled #blogistic-main-wrap > .blogistic-container > .row #primary article.no-featured-image figure .post-categories { padding: 20px 0 0; margin-bottom: 0; } /* Column */ body.archive-desktop-column--four #blogistic-main-wrap > .blogistic-container > .row #primary .blogistic-inner-content-wrap { grid-template-columns: repeat(4, 1fr); } body.archive-desktop-column--three #blogistic-main-wrap > .blogistic-container > .row #primary .blogistic-inner-content-wrap { grid-template-columns: repeat(3, 1fr); } body.archive-desktop-column--two #blogistic-main-wrap > .blogistic-container > .row #primary .blogistic-inner-content-wrap { grid-template-columns: repeat(2, 1fr); } body.archive-desktop-column--one #blogistic-main-wrap > .blogistic-container > .row #primary .blogistic-inner-content-wrap { grid-template-columns: 100%; } /* Tab */ @media (max-width: 940px) { body.archive-tablet-column--four #blogistic-main-wrap > .blogistic-container > .row #primary .blogistic-inner-content-wrap { grid-template-columns: repeat(4, 1fr); } body.archive-tablet-column--three #blogistic-main-wrap > .blogistic-container > .row #primary .blogistic-inner-content-wrap { grid-template-columns: repeat(3, 1fr); } body.archive-tablet-column--two #blogistic-main-wrap > .blogistic-container > .row #primary .blogistic-inner-content-wrap { grid-template-columns: repeat(2, 1fr); } body.archive-tablet-column--one #blogistic-main-wrap > .blogistic-container > .row #primary .blogistic-inner-content-wrap { grid-template-columns: 100%; } } /* Mobile */ @media (max-width: 610px) { body.archive-mobile-column--four #blogistic-main-wrap > .blogistic-container > .row #primary .blogistic-inner-content-wrap { grid-template-columns: repeat(4, 1fr); } body.archive-mobile-column--three #blogistic-main-wrap > .blogistic-container > .row #primary .blogistic-inner-content-wrap { grid-template-columns: repeat(3, 1fr); } body.archive-mobile-column--two #blogistic-main-wrap > .blogistic-container > .row #primary .blogistic-inner-content-wrap { grid-template-columns: repeat(2, 1fr); } body.archive-mobile-column--one #blogistic-main-wrap > .blogistic-container > .row #primary .blogistic-inner-content-wrap { grid-template-columns: 100%; } } /* ========================================= 4.1 (Grid) ========================================= */ body.archive--grid-layout .no-feat-img .post-thumb-wrap { position: relative; padding-bottom: calc( 100% * var(--blogistic-post-image-ratio) ); background: var(--blogistic-noimg-bk-color); background-position: center; background-size: cover; overflow: hidden; } body.archive--grid-layout article figure.post-thumbnail-wrapper .post-thumnail-inner-wrapper { position: relative; padding-bottom: calc( 100% * var(--blogistic-post-image-ratio) ); background-position: center; background-size: cover; overflow: hidden; } body.archive--grid-layout article figure.post-thumbnail-wrapper .post-thumnail-inner-wrapper img { height: 100%; width: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: scale(1) translate(-50%,-50%); } body #blogistic-main-wrap > .blogistic-container > .row { padding-bottom: 40px; } body.archive--grid-layout #blogistic-main-wrap > .blogistic-container > .row #primary .blogistic-inner-content-wrap{ display: grid; column-gap: 30px; row-gap: 45px; } body.archive--grid-layout #blogistic-main-wrap > .blogistic-container > .row #primary article .blogistic-article-inner { border-radius: 15px; position: relative; z-index: 1; text-align: center; padding: 0; box-sizing: border-box; overflow: hidden; } body.archive--grid-layout #blogistic-main-wrap > .blogistic-container > .row #primary article .inner-content { border-radius: 0 0 15px 15px; padding: 20px 20px 10px 20px; } body.archive--grid-layout #blogistic-main-wrap > .blogistic-container > .row #primary article.format-image .inner-content, body.archive--grid-layout #blogistic-main-wrap > .blogistic-container > .row #primary article.format-quote .inner-content, body.archive--masonry-layout #blogistic-main-wrap > .blogistic-container > .row #primary article.format-image .inner-content, body.archive--masonry-layout #blogistic-main-wrap > .blogistic-container > .row #primary article.format-quote .inner-content { padding: 20px 20px 15px 20px; } body.archive--grid-layout #blogistic-main-wrap > .blogistic-container > .row #primary article.format-image .blogistic-inner-content-wrap-fi, body.archive--masonry-layout #blogistic-main-wrap > .blogistic-container > .row #primary article.format-image .blogistic-inner-content-wrap-fi { height: 170px; overflow-y: scroll; margin: 10px 0; } body.archive--grid-layout #blogistic-main-wrap > .blogistic-container > .row #primary article.no-featured-image .inner-content{ border-radius: 15px; } body.archive--grid-layout #blogistic-main-wrap > .blogistic-container > .row #primary article figure.post-thumbnail-wrapper { position: relative; } body.archive--grid-layout #blogistic-main-wrap > .blogistic-container > .row #primary article figure.post-thumbnail-wrapper .post-categories { position: absolute; left: 20px; top: 20px; z-index: 999; margin: 0; padding: 0; list-style: none; text-decoration: none; } .post-categories .cat-item a { background-color: var(--blogistic-category-bk-color); border-radius: 15px; display: inline-block; color: var(--blogistic-category-font-color); text-decoration: none; font-family: var(--blogistic-category-font-family); font-style: var(--blogistic-category-font-style); font-weight: var(--blogistic-category-font-weight); font-size: calc( var(--blogistic-category-font-size) * 0.76 ); line-height: var(--blogistic-category-font-lineheight); letter-spacing: var(--blogistic-category-font-letterspacing); text-transform: var(--blogistic-category-font-texttransform); text-decoration: var(--blogistic-category-font-textdecoration); padding: 2px 14px; } .post-date { color: var(--blogistic-date-font-color); text-decoration: none; font-family: var(--blogistic-date-font-family); text-transform: var(--blogistic-date-font-texttransform); text-decoration: var(--blogistic-date-font-textdecoration); font-weight: var(--blogistic-date-font-weight); margin: 0 0 10px 0; display: block; font-size: var(--blogistic-date-font-size); line-height: var(--blogistic-date-font-lineheight); font-style: var(--blogistic-date-font-style); } .post-date a { letter-spacing: var(--blogistic-date-font-letterspacing); } article.format-image .post-date { color: var(--blogistic-white-text); } .post-date a{ text-decoration: none; color: inherit; font-size: inherit; font-weight: inherit; } .post-date i{ color: var(--blogistic-global-preset-theme-color); padding-right: 6px; } article .entry-title { font-family: var(--blogistic-post-title-font-family); font-style: var(--blogistic-post-title-font-style); font-size: var(--blogistic-post-title-font-size); color: var(--blogistic-post-title-font-color); font-weight: var(--blogistic-post-title-font-weight); line-height: var(--blogistic-post-title-font-lineheight); letter-spacing: var(--blogistic-post-title-font-letterspacing); text-transform: var(--blogistic-post-title-font-texttransform); text-decoration: var(--blogistic-post-title-font-textdecoration); padding: 0; margin: 5px 0 10px 0; position: relative; } article h2.entry-title a{ color: inherit; text-decoration: none; letter-spacing: inherit; } article .post-excerpt{ font-family: var(--blogistic-post-content-font-family); font-style: var(--blogistic-post-content-font-style); font-size: var(--blogistic-post-content-font-size); color: var(--blogistic-post-content-font-color); font-weight: var(--blogistic-post-content-font-weight); line-height: var(--blogistic-post-content-font-lineheight); letter-spacing: var(--blogistic-post-content-font-letterspacing); padding-bottom: 25px; text-transform: var(--blogistic-post-content-font-texttransform); text-decoration: var(--blogistic-post-content-font-textdecoration); } article .post-excerpt p { margin: 0; } article .post-footer { border-top: 2px solid var(--border-bottom-color); margin: 0 -20px; padding: 15px 20px 5px 20px; line-height: 1; font-size: 14px; font-weight: 500; letter-spacing: 0.3px; display: flex; align-items: center; justify-content: space-between; } article .post-footer .byline{ flex: 0 1 50%; text-align: left; vertical-align: middle; font-family: var(--blogistic-author-font-family); font-weight: var(--blogistic-author-font-weight); font-size: var(--blogistic-author-font-size); letter-spacing: var(--blogistic-author-font-letterspacing); line-height: var(--blogistic-author-font-lineheight); text-transform: var(--blogistic-author-font-texttransform); text-decoration: var(--blogistic-author-font-textdecoration); font-style: var(--blogistic-author-font-style); color: var(--blogistic-meta-font-color); display: flex; align-items: center; } article .post-footer .byline a { text-decoration: inherit; color: inherit; font-size: inherit; text-transform: inherit; } article .post-footer .byline img { vertical-align: middle; border-radius: 50%; margin-right: 10px; width: 24px; height: 24px; -webkit-box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.25); box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.25); } article .post-footer .post-meta { flex: 1 1 50%; text-align: right; font-family: var(--blogistic-meta-font-family); font-size: var(--blogistic-meta-font-size); font-weight: var(--blogistic-meta-font-weight); color: var(--blogistic-meta-font-color); } article .post-footer .post-meta .post-read-time { font-family: var(--blogistic-readtime-font-family); font-weight: var(--blogistic-readtime-font-weight); text-decoration: var(--blogistic-readtime-font-textdecoration); text-transform: var(--blogistic-readtime-font-texttransform); font-style: var(--blogistic-readtime-font-style); font-size: var(--blogistic-readtime-font-size); letter-spacing: var(--blogistic-meta-font-letterspacing); line-height: var(--blogistic-meta-font-lineheight); } article .post-footer .post-meta a{ text-decoration: none; color: inherit; } article .post-footer .post-meta i{ padding-left: 5px; } article .post-footer .post-meta .post-comments-num { margin-left: 15px; font-family: var(--blogistic-comment-font-family); font-weight: var(--blogistic-comment-font-weight); font-style: var(--blogistic-comment-font-style); font-size: var(--blogistic-comment-font-size); letter-spacing: var(--blogistic-comment-font-letterspacing); line-height: var(--blogistic-comment-font-lineheight); text-transform: var(--blogistic-comment-font-texttransform); text-decoration: var(--blogistic-comment-font-textdecoration); } article .content-wrap .post-button { display: inline-block; color: var(--blogistic-global-preset-theme-color); line-height: 1; margin-bottom: 20px; text-decoration: none; background-color: transparent; } body article .content-wrap .post-button:hover { color: var(--blogistic-global-preset-theme-color); } article .content-wrap .post-button .button-text { font-family: var(--blogistic-readmore-font-family); font-weight: var(--blogistic-readmore-font-weight); font-style: var(--blogistic-readtime-font-style); font-size: var(--blogistic-readmore-font-size); letter-spacing: var(--blogistic-readmore-font-letterspacing); line-height: var(--blogistic-readmore-font-lineheight); text-transform: var(--blogistic-readmore-font-texttransform); text-decoration: var(--blogistic-readmore-font-textdecoration); } .blogistic-widget-loader .load-more:hover { transform: translateY(-0.25em); } .blogistic-dark-mode article .content-wrap .post-button { color: #fff; border-color: #fff; background-color: transparent; box-shadow: none; } article .content-wrap .post-button .button-icon { margin-left: 10px; } article .content-wrap .post-button i { transform: rotate(-45deg); vertical-align: middle; transition: 0.3s ease; } article .content-wrap .post-button:hover i { transform: rotate(0deg); } article .content-wrap .post-button a{ color: inherit; } article.post_format-post-format-gallery .post-thumbnail-wrapper { display: grid; } /* ========================================= 4.2 List ========================================= */ body.archive--list-layout .blogistic-inner-content-wrap { display: grid; } body.archive--list-layout #blogistic-main-wrap > .blogistic-container > .row #primary .blogistic-inner-content-wrap { display: grid; column-gap: 30px; row-gap: 50px; } body.archive--list-layout .content-wrap { height: calc(100% - 50px); flex-direction: column; align-items: flex-start; justify-content: center; } body.archive--list-layout #primary .blogistic-article-inner { display: flex; border-radius: var(--blogistic-content-border-radius); box-sizing: border-box; overflow: hidden; } body.archive--list-layout #primary .blogistic-article-inner .inner-content { padding: 20px 20px 5px 20px; box-sizing: border-box; } body.archive--list-layout #primary article.post_format-post-format-quote .blogistic-article-inner .inner-content { padding-bottom: 10px; } body.archive--list-layout #primary figure.post-thumbnail-wrapper { position: relative; flex: 0 1 45%; } body.archive--list-layout #primary figure.post-thumbnail-wrapper > a.post-thumbnail{ height: 100%; display: block; } body.archive--list-layout #primary figure.post-thumbnail-wrapper a img{ display: block; } body.archive--list-layout #primary .inner-content { flex: 1 1 55%; } body.archive--list-layout #primary .post-categories { position: absolute; list-style: none; margin: 0; padding: 0; top: 17px; left: 15px; z-index: 9; } body.archive--list-layout #primary article .inner-content .post-footer { margin: 0; padding-bottom: 5px; } body.archive--list-layout article figure.post-thumbnail-wrapper .post-thumnail-inner-wrapper { position: relative; padding-bottom: calc( 100% * var(--blogistic-list-post-image-ratio) ); background-position: center; background-size: cover; height: 100%; overflow: hidden; } body.archive--list-layout article figure.post-thumbnail-wrapper .post-thumnail-inner-wrapper img { height: 100%; width: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: scale(1) translate(-50%,-50%); box-shadow: 0px 5px 15px 0px rgba(74, 77, 84, 0.33); --webkit-box-shadow: 0px 5px 15px 0px rgba(74, 77, 84, 0.33); } body.archive--list-layout article .post-footer { padding: 15px 5px; } body.archive--list-layout article .post-footer .byline { flex: 0 1 40%; } body.archive--list-layout #primary article.post_format-post-format-image .blogistic-article-inner .post-thumbnail-wrapper, body.archive--list-layout #primary article.post_format-post-format-quote .blogistic-article-inner .post-thumbnail-wrapper { flex: 1; margin-right: 0; } body.archive--list-layout #primary article.post_format-post-format-image .post-thumbnail-wrapper .post-thumnail-inner-wrapper, body.archive--list-layout #primary article.post_format-post-format-quote .post-thumbnail-wrapper .post-thumnail-inner-wrapper { padding-bottom: calc( 100% * var(--blogistic-list-post-image-ratio) ); } body.archive--list-layout.archive-desktop-column--two.archive--left-sidebar #primary article.post_format-post-format-image .post-thumbnail-wrapper .post-thumnail-inner-wrapper, body.archive--list-layout.archive-desktop-column--two.archive--right-sidebar #primary article.post_format-post-format-image .post-thumbnail-wrapper .post-thumnail-inner-wrapper, body.archive--list-layout.archive-desktop-column--two.archive--left-sidebar #primary article.post_format-post-format-quote .post-thumbnail-wrapper .post-thumnail-inner-wrapper, body.archive--list-layout.archive-desktop-column--two.archive--right-sidebar #primary article.post_format-post-format-quote .post-thumbnail-wrapper .post-thumnail-inner-wrapper { padding-bottom: calc( 100% * var(--blogistic-list-post-image-ratio) ); } body.archive--list-layout.archive-desktop-column--three.archive--left-sidebar #primary article.post_format-post-format-image .post-thumbnail-wrapper .post-thumnail-inner-wrapper, body.archive--list-layout.archive-desktop-column--three.archive--right-sidebar #primary article.post_format-post-format-image .post-thumbnail-wrapper .post-thumnail-inner-wrapper, body.archive--list-layout.archive-desktop-column--three.archive--left-sidebar #primary article.post_format-post-format-quote .post-thumbnail-wrapper .post-thumnail-inner-wrapper, body.archive--list-layout.archive-desktop-column--three.archive--right-sidebar #primary article.post_format-post-format-quote .post-thumbnail-wrapper .post-thumnail-inner-wrapper { padding-bottom: calc( 100% * var(--blogistic-list-post-image-ratio) ); } body.archive--list-layout #primary article.post_format-post-format-image .inner-content .post-footer { padding: 15px 0; } article.post_format-post-format-image .post-thumbnail-wrapper .blogistic-inner-content-wrap-fi { padding-left: 15px; padding-right: 15px; } body.archive--list-layout .archive-align--center .inner-content { text-align: center; } body.archive--list-layout .archive-align--center .content-wrap { align-items: center; } body.archive--list-layout .archive-align--right .content-wrap { align-items: flex-end; } body #blogistic-main-wrap > .blogistic-container > .row #primary article { position: relative; } /* Social Share */ .post-format-ss-wrap { position: absolute; right: 0; top: 20px; z-index: 999; display: flex; gap: 20px; } .blogistic-social-share .social-shares { padding: 0; margin: 0; list-style: none; } .blogistic-social-share .share-icon { background-color: #fff; color: var(--blogistic-global-preset-theme-color); border-radius: 3px 0 0 0; width: 40px; height: 30px; text-align: center; line-height: 31px; font-size: 14px; } .blogistic-social-share .social-shares li { visibility: hidden; opacity: 0; transform: translate(100%); transition: opacity .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1),visibility .25s cubic-bezier(.4,0,.2,1); animation: pop-out .2s cubic-bezier(0.46, 0.03, 0.52, 0.96) forwards; } article:hover .blogistic-social-share .social-shares li, .blogistic-container-fluid:hover .blogistic-social-share .social-shares li, .single-post--layout-two .entry-header:hover .blogistic-social-share .social-shares li, .single.single-post--layout-five .blogistic-single-header .post-thumb-wrap:hover .social-shares li { animation: pop-up .4s cubic-bezier(0.46, 0.03, 0.52, 0.96) both; } .blogistic-social-share .social-share a { line-height: 31px; text-align: center; display: inline-block; } .blogistic-social-share.color-inherit--custom .social-share a i { background-color: #fff; } .blogistic-social-share .social-share a i { width: 40px; height: 30px; line-height: 31px; color: #fff; } .blogistic-social-share .social-share:last-child a { border-radius: 0 0 0 3px; } article:hover .blogistic-social-share .social-share:nth-child(2), .blogistic-container-fluid:hover .blogistic-social-share .social-share:nth-child(2), .single-post--layout-two .entry-header:hover .blogistic-social-share .social-shares li:nth-child(2), .single.single-post--layout-five .blogistic-single-header .post-thumb-wrap:hover .social-shares li:nth-child(2) { animation-delay: .2s; } article:hover .blogistic-social-share .social-share:nth-child(3), .blogistic-container-fluid:hover .blogistic-social-share .social-share:nth-child(3), .single-post--layout-two .entry-header:hover .blogistic-social-share .social-shares li:nth-child(3), .single.single-post--layout-five .blogistic-single-header .post-thumb-wrap:hover .social-shares li:nth-child(3) { animation-delay: .3s; } article:hover .blogistic-social-share .social-share:nth-child(4), .blogistic-container-fluid:hover .blogistic-social-share .social-share:nth-child(4), .single-post--layout-two .entry-header:hover .blogistic-social-share .social-shares li:nth-child(4), .single.single-post--layout-five .blogistic-single-header .post-thumb-wrap:hover .social-shares li:nth-child(4) { animation-delay: .4s; } @keyframes pop-out { 0% { opacity: 1; transform: scale(1); } 100% { transform: scale(0); } } @keyframes pop-up { 0% { opacity: 0; transform: scale(.3); } 50% { opacity: .9; transform: scale(1); } 80% { opacity: 1; transform: scale(.91); } 100% { opacity: 1; transform: scale(1); } } article:hover .blogistic-social-share .social-shares li, .blogistic-container-fluid:hover .blogistic-social-share .social-shares li, .single-post--layout-two .entry-header:hover .blogistic-social-share .social-shares li, .single.single-post--layout-five .blogistic-single-header .post-thumb-wrap:hover .social-shares li { opacity: 1; transform: translateX(0); visibility: visible; } /* Post Format Icon */ .post-format-icon { display: inline-block; align-self: self-start; color: #fff; border-radius: 3px; width: 34px; height: 31px; text-align: center; line-height: 32px; font-size: 13px; overflow: hidden; background: #00000080; } .post-format-icon.type--svg { background: transparent; } /* ========================================= 4.4 (Masonry) ========================================= */ body.archive--masonry-layout.archive-desktop-column--one .site-main article, body.archive--masonry-layout.archive-desktop-column--one .site-main .blogistic-advertisement-block { width: calc(100%); margin-bottom: 50px; } body.archive--masonry-layout.archive-desktop-column--two .site-main article, body.archive--masonry-layout.archive-desktop-column--two .site-main .blogistic-advertisement-block { width: calc(50% - 15px); margin-bottom: 50px; } body.archive--masonry-layout.archive-desktop-column--three .site-main article, body.archive--masonry-layout.archive-desktop-column--three .site-main .blogistic-advertisement-block { width: calc(33.33% - 20px); margin-bottom: 50px; } body.archive--masonry-layout.archive-desktop-column--four.archive--no-sidebar .site-main article, body.archive--masonry-layout.archive-desktop-column--four.archive--no-sidebar .site-main .blogistic-advertisement-block { width: calc(24.8% - 20px); margin-bottom: 50px; } body.archive--masonry-layout.archive-desktop-column--four .site-main article, body.archive--masonry-layout.archive-desktop-column--four .site-main .blogistic-advertisement-block { width: calc(24.8% - 22px); margin-bottom: 50px; } body.archive--masonry-layout .no-feat-img .post-thumb-wrap { position: relative; padding-bottom: calc( 100% * var(--blogistic-post-image-ratio) ); background: var(--blogistic-noimg-bk-color); background-position: center; background-size: cover; overflow: hidden; } body.archive--masonry-layout article figure.post-thumbnail-wrapper .post-thumnail-inner-wrapper { position: relative; padding-bottom: calc( 100% * var(--blogistic-post-image-ratio) ); background-position: center; background-size: cover; overflow: hidden; } body.archive--masonry-layout article figure.post-thumbnail-wrapper .post-thumnail-inner-wrapper img { height: 100%; width: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: scale(1) translate(-50%,-50%); } body.archive--masonry-layout #blogistic-main-wrap > .blogistic-container > .row #primary article .blogistic-article-inner { border-radius: 15px; position: relative; z-index: 1; text-align: center; padding: 0; overflow: hidden; box-sizing: border-box; } body.archive--masonry-layout #blogistic-main-wrap > .blogistic-container > .row #primary article .inner-content { border-radius: 0 0 15px 15px; padding: 20px 20px 10px 20px; } body.archive--masonry-layout #blogistic-main-wrap > .blogistic-container > .row #primary article figure { position: relative; } body.archive--masonry-layout #blogistic-main-wrap > .blogistic-container > .row #primary article figure.wp-block-audio{ position: absolute; z-index: 2; } body.archive--masonry-layout #blogistic-main-wrap > .blogistic-container > .row #primary article figure.wp-block-video { position: initial; } body.archive--masonry-layout #blogistic-main-wrap > .blogistic-container > .row #primary article figure .post-categories { position: absolute; right: 0; top: 0; width: 100%; z-index: 9999; margin: 0; padding: 20px; list-style: none; text-decoration: none; text-align: left; } body.archive--masonry-layout #blogistic-main-wrap > .blogistic-container > .row #primary article.no-featured-image .inner-content{ border-radius: 15px; } /** author archive **/ body.archive.author #blogistic-main-wrap .page-header .blogistic-container .row { position: relative; z-index: 1; text-align: center; border-radius: 15px; margin-bottom: 40px; display: flex; flex-direction: column; padding: 30px; } body.archive.author #blogistic-main-wrap .page-header .blogistic-container .archive-title { display: flex; gap: 25px; align-items: center; } body.archive.author #blogistic-main-wrap .page-header .blogistic-container img { border-radius: 50%; overflow: hidden; } body.archive.author #blogistic-main-wrap .page-header .blogistic-container .page-title { font-family: var(--blogistic-post-title-font-family); font-style: var(--blogistic-post-title-font-style); font-size: 22px; line-height: 29px; letter-spacing: 0.6px; text-transform: capitalize; margin-bottom: 30px; } body.archive.author #blogistic-main-wrap .page-header .blogistic-container .page-description{ font-size: 24px; color: var(--blogistic-white-text); letter-spacing: 0.6px; line-height: 30px; text-decoration: none; text-transform: capitalize; } /* Post Format Gallery */ .post-thumnail-inner-wrapper { position: relative; padding-bottom: calc( var(--blogistic-post-image-ratio) * 100% ); background-position: center; background-size: cover; overflow: hidden; background-color: #d3d3d3; } body.archive--grid-layout #blogistic-main-wrap > .blogistic-container > .row #primary article.post_format-post-format-quote .post-thumbnail-wrapper .inner-content { padding: 20px 20px 10px; } /* ========================================= 5.0 Sidebar ========================================= */ /* right sidebar */ body.archive--right-sidebar #blogistic-main-wrap .blogistic-container .row, body.single--right-sidebar #blogistic-main-wrap .blogistic-container .row, body.search-page--right-sidebar #blogistic-main-wrap .blogistic-container .row, body.page--right-sidebar #blogistic-main-wrap .blogistic-container .row, body.error-page--right-sidebar #blogistic-main-wrap .blogistic-container .row, body.search-page--right-sidebar #blogistic-main-wrap .blogistic-container .row { display: flex; } body.archive--right-sidebar #blogistic-main-wrap > .blogistic-container .row #primary, body.single--right-sidebar #blogistic-main-wrap > .blogistic-container .row #primary, body.search-page--right-sidebar #blogistic-main-wrap > .blogistic-container .row #primary, body.page--right-sidebar #blogistic-main-wrap > .blogistic-container .row #primary, body.error-page--right-sidebar #blogistic-main-wrap > .blogistic-container .row #primary, body.search-page--right-sidebar #blogistic-main-wrap .blogistic-container .row #primary{ margin-right: 20px; flex: 1 1 70%; max-width: 70%; } body.archive--right-sidebar #blogistic-main-wrap .blogistic-container .row #secondary, body.single--right-sidebar #blogistic-main-wrap .blogistic-container .row #secondary, body.search-page--right-sidebar #blogistic-main-wrap .blogistic-container .row #secondary, body.page--right-sidebar #blogistic-main-wrap .blogistic-container .row #secondary, body.error-page--right-sidebar #blogistic-main-wrap .blogistic-container .row #secondary, body.search-page--right-sidebar #blogistic-main-wrap .blogistic-container .row #secondary{ margin-left: 20px; flex: 0 2 30%; max-width: 30%; } /* left sidebar */ body.archive--left-sidebar #blogistic-main-wrap .blogistic-container .row, body.single--left-sidebar #blogistic-main-wrap .blogistic-container .row, body.search-page--left-sidebar #blogistic-main-wrap .blogistic-container .row, body.page--left-sidebar #blogistic-main-wrap .blogistic-container .row, body.error-page--left-sidebar #blogistic-main-wrap .blogistic-container .row { display: flex; justify-content: flex-end; } body.archive--left-sidebar #blogistic-main-wrap > .blogistic-container .row #primary, body.single--left-sidebar #blogistic-main-wrap > .blogistic-container .row #primary, body.search-page--left-sidebar #blogistic-main-wrap > .blogistic-container .row #primary, body.page--left-sidebar #blogistic-main-wrap > .blogistic-container .row #primary, body.error-page--left-sidebar #blogistic-main-wrap > .blogistic-container .row #primary, body.search-page--left-sidebar #blogistic-main-wrap .blogistic-container .row #primary { margin-left: 20px; flex: 1 1 70%; max-width: 70%; } body.archive--left-sidebar #blogistic-main-wrap .blogistic-container .row #secondary-aside, body.single--left-sidebar #blogistic-main-wrap .blogistic-container .row #secondary-aside, body.search-page--left-sidebar #blogistic-main-wrap .blogistic-container .row #secondary-aside, body.page--left-sidebar #blogistic-main-wrap .blogistic-container .row #secondary-aside, body.error-page--left-sidebar #blogistic-main-wrap .blogistic-container .row #secondary-aside { margin-right: 20px; flex: 0 2 30%; max-width: 30%; } /* both sidebar */ body.archive--both-sidebar #blogistic-main-wrap .blogistic-container .row, body.single--both-sidebar #blogistic-main-wrap .blogistic-container .row, body.search-page--both-sidebar #blogistic-main-wrap .blogistic-container .row, body.page--both-sidebar #blogistic-main-wrap .blogistic-container .row, body.error-page--both-sidebar #blogistic-main-wrap .blogistic-container .row { display: flex; justify-content: center; } body.archive--both-sidebar #blogistic-main-wrap > .blogistic-container .row #primary, body.single--both-sidebar #blogistic-main-wrap > .blogistic-container .row #primary, body.search-page--both-sidebar #blogistic-main-wrap > .blogistic-container .row #primary, body.page--both-sidebar #blogistic-main-wrap > .blogistic-container .row #primary, body.error-page--both-sidebar #blogistic-main-wrap > .blogistic-container .row #primary { margin-left: 20px; margin-right: 20px; } body.archive--both-sidebar #blogistic-main-wrap .blogistic-container .row main.site-main, body.single--both-sidebar #blogistic-main-wrap .blogistic-container .row main.site-main, body.search-page--both-sidebar #blogistic-main-wrap .blogistic-container .row main.site-main, body.page--both-sidebar #blogistic-main-wrap .blogistic-container .row main.site-main, body.error-page--both-sidebar #blogistic-main-wrap .blogistic-container .row main.site-main { flex: 1 1 50%; max-width: 50%; } body.archive--both-sidebar #blogistic-main-wrap .blogistic-container .row #secondary, body.single--both-sidebar #blogistic-main-wrap .blogistic-container .row #secondary, body.search-page--both-sidebar #blogistic-main-wrap .blogistic-container .row #secondary, body.page--both-sidebar #blogistic-main-wrap .blogistic-container .row #secondary, body.error-page--both-sidebar #blogistic-main-wrap .blogistic-container .row #secondary{ margin-left: 20px; flex: 0 1 25%; max-width: 25%; } body.archive--both-sidebar #blogistic-main-wrap .blogistic-container .row #secondary-aside, body.single--both-sidebar #blogistic-main-wrap .blogistic-container .row #secondary-aside, body.search-page--both-sidebar #blogistic-main-wrap .blogistic-container .row #secondary-aside, body.page--both-sidebar #blogistic-main-wrap .blogistic-container .row #secondary-aside, body.error-page--both-sidebar #blogistic-main-wrap .blogistic-container .row #secondary-aside{ margin-right: 20px; flex: 0 1 25%; max-width: 25%; } /* ========================================= 6.0 Widgets ========================================= */ section.widget.widget_block.widget_media_image { background: transparent; padding: 0; box-shadow: none; } aside .widget{ margin: 0 0 40px 0; } aside .widget:last-child { margin-bottom: 0; } .widget, .box-shadow--enabled #widget_block { background: var(--blogistic-white-bk); padding: 15px; border-radius: 15px; } .widget-area.box-shadow--enabled .widget, .widget-area.box-shadow--enabled #widget_block { padding: 20px; } .widget_block .wp-block-group__inner-container .wp-block-heading, section.widget .widget-title { font-family: var(--blogistic-widget-block-font-family); font-weight: var(--blogistic-widget-block-font-weight); font-style: var(--blogistic-widget-block-font-style); font-size: calc( var(--blogistic-widget-block-font-size) * 0.94 ); letter-spacing: var(--blogistic-widget-block-font-letterspacing); line-height: var(--blogistic-widget-block-font-lineheight); margin-bottom: 25px; margin-top: 0; padding-bottom: 5px; border-bottom: 2px solid var(--border-bottom-widget-color); display: block; color: var(--blogistic-widget-block-title-color); position: relative; text-transform: var(--blogistic-widget-block-font-texttransform); text-decoration: var(--blogistic-widget-block-font-textdecoration); } .widget_block .wp-block-group__inner-container .wp-block-heading:after, section.widget .widget-title:after, .wp-block-search__label:after, .page .entry-title:after, footer .footer-inner .wp-block-heading:after, .blogistic-you-may-have-missed-section .section-title:after { content: ''; width: 20%; height: 2px; background: linear-gradient(160deg, var(--blogistic-global-preset-theme-color), transparent); position: absolute; left: 0; bottom: -2px; } .page .entry-title:after { display: none !important; } .widget_block.widget_search .wp-block-search__label { font-family: var(--blogistic-widget-block-font-family); font-weight: var(--blogistic-widget-block-font-weight); font-style: var(--blogistic-widget-block-font-style); font-size: var(--blogistic-widget-block-font-size); letter-spacing: var(--blogistic-widget-block-font-letterspacing); line-height: var(--blogistic-widget-block-font-lineheight); color: var(--blogistic-widget-block-title-color); margin-bottom: 25px; margin-top: 0; padding-bottom: 5px; border-bottom: 2px solid var(--border-bottom-widget-color); display: block; position: relative; } .widget .wp-block-search__inside-wrapper { position: relative; margin-bottom: 5px; } .widget_block.widget_search .wp-block-search__input { width: 100%; height: 50px; border-radius: 6px; border: none; border: 1px dashed #dbdbdb; padding: 0 15px; } .widget_block.widget_search .wp-block-search__input:focus { box-shadow: none; outline-offset: 0; outline-color: var(--blogistic-global-preset-theme-color); min-width: 1px; } .wp-block-search__button, .widget.widget_search .search-form .search-submit { position: absolute; top: 9px; right: 12px; color: var(--blogistic-white-text); background-color: var(--blogistic-global-preset-theme-color); border: none; font-weight: 500; padding: 10px 15px 9px 15px; border-radius: 6px; font-size: 0; } .widget.widget_search .search-form .search-submit { font-size: 13px; border-radius: 15px; } button.wp-block-search__button.wp-element-button:before, .widget.widget_search .search-form .search-submit:before { font-family: 'Font Awesome 5 Free'; content: '\f002'; color: #fff; font-weight: 900; display: inline-block; font-size: 13px; line-height: 15px; padding-top: 1px; } body .widget ul.wp-block-latest-posts li:last-child, body .widget ol.wp-block-latest-comments li:last-child, body .widget ul.wp-block-archives li:last-child, body .widget ul.wp-block-categories li:last-child, body .widget ul.wp-block-page-list li:last-child, body .widget .widget ul.menu li:last-child, body aside .widget_blogistic_post_grid_widget .post-grid-wrap .post-item:last-child, body aside .widget_blogistic_post_list_widget .post-list-wrap .post-item:last-child { border-bottom: none; } .mode-toggle-wrap .mode-toggle { color: #fff; } /* latest post list */ ul.wp-block-latest-posts.wp-block-latest-posts__list, ol.wp-block-latest-comments, ul.wp-block-archives, .widget.widget_archive ul, ul.wp-block-categories, .widget.widget_meta ul, ul.wp-block-page-list, .widget ul.menu, .widget.widget_recent_entries ul, .widget.widget_categories ul { margin: 0; padding: 0; list-style: none; } ul.wp-block-latest-posts li, ol.wp-block-latest-comments li, ul.wp-block-archives li, .widget.widget_archive li, ul.wp-block-categories li, ul.wp-block-page-list li, .widget ul.menu li, .widget.widget_recent_entries ul li, .widget.widget_categories ul li, .widget.widget_meta ul li { border-bottom: 1px solid var(--border-bottom-color-two); margin-bottom: 11px; padding-bottom: 7px; color: var(--blogistic-widget-block-title-color); } ul.wp-block-latest-posts li:last-child, ol.wp-block-latest-comments li:last-child, ul.wp-block-archives li:last-child, .widget.widget_archive li:last-child, ul.wp-block-categories li:last-child, ul.wp-block-page-list li:last-child, .widget ul.menu li:last-child, .widget ul.menu li:last-child, .widget.widget_recent_entries ul li:last-child, .widget.widget_categories ul li:last-child, .widget.widget_meta ul li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } ul.wp-block-latest-posts a, ol.wp-block-latest-comments li footer, ul.wp-block-archives a, .widget.widget_archive a, ul.wp-block-page-list a, .widget ul.menu a, .widget.widget_recent_entries ul li a, .widget.widget_meta ul li a { color: var(--blogistic-widget-block-title-color); text-decoration: none; font-family: var(--blogistic-widget-title-font-family); font-style: var(--blogistic-widget-title-font-style); font-weight: var(--blogistic-widget-title-font-weight); font-size: calc( var(--blogistic-widget-title-font-size) * 1.06); line-height: var(--blogistic-widget-title-font-lineheight); letter-spacing: var(--blogistic-widget-title-font-letterspacing); } ul.wp-block-categories a, .widget.widget_categories ul li a { font-weight: var(--blogistic-widget-category-font-weight); font-family: var(--blogistic-widget-category-font-family); font-style: var(--blogistic-widget-category-font-style); font-size: calc( var(--blogistic-widget-category-font-size) * 1.09 ); line-height: var(--blogistic-widget-category-font-lineheight); letter-spacing: var(--blogistic-widget-category-font-letterspacing); text-transform: var(--blogistic-widget-category-font-texttransform); text-decoration: var(--blogistic-widget-category-font-textdecoration); color: var(--blogistic-widget-block-title-color); } ol.wp-block-latest-comments li footer a{ text-decoration: underline; color: var(--blogistic-widget-block-title-color); font-family: var(--blogistic-widget-title-font-family); font-weight: var(--blogistic-widget-title-font-weight); font-style: var(--blogistic-widget-title-font-style); font-size: calc( var(--blogistic-widget-title-font-size) * 0.92); line-height: var(--blogistic-widget-title-font-lineheight); letter-spacing: var(--blogistic-widget-title-font-letterspacing); } .wp-block-tag-cloud a { color: var(--blogistic-widget-block-title-color); } /** blogistic default post list */ .widget_blogistic_post_list_widget .post-item { display: flex; } .widget_blogistic_post_list_widget .post-item .post-thumb-image { flex: 0 1 30%; margin-right: 20px; } .widget_blogistic_post_list_widget .post-item .post-content-wrap { flex: 1 1 70%; } .widget_tag_cloud .wp-block-tag-cloud { margin: 0; } /* ========================================= 6.1 Author Widgets ========================================= */ .widget_blogistic_author_info_widget .bmm-author-thumb-wrap { display: flex; align-items: center; } .widget_blogistic_author_info_widget .bmm-author-thumb-wrap .post-thumb { flex: 0 1 35%; margin-right: 20px; position: relative; } .widget_blogistic_author_info_widget .bmm-author-thumb-wrap .post-thumb.no-avatar { width: 90px; height: 90px; background-color: #efefef; } .widget_blogistic_author_info_widget .bmm-author-thumb-wrap .author-elements { flex: 1 1 65%; } .widget_blogistic_author_info_widget .bmm-author-thumb-wrap .post-thumb img { border-radius: 50%; width: 90px; height: 90px; margin: 0 auto; object-fit: cover; box-shadow: 0px 5px 15px 0px rgba(74, 77, 84, 0.33); --webkit-box-shadow: 0px 5px 15px 0px rgba(74, 77, 84, 0.33); } .widget_blogistic_author_info_widget .bmm-author-thumb-wrap .author-elements .author-name { font-size: 20px; font-family: var(--blogistic-widget-title-font-family); line-height: 20px; margin: 0 0 3px; color: var(--blogistic-post-title-font-color); } .widget_blogistic_author_info_widget .bmm-author-thumb-wrap .author-elements .author-name a{ color: inherit; text-decoration: none; } .widget_blogistic_author_info_widget .bmm-author-thumb-wrap .author-elements .author-tag { font-family: var(--blogistic-widget-content-font-family); font-size: 13px; font-weight: 400; color: var(--blogistic-post-content-font-color); padding-top: 6px; display: inline-block; } .author-content-wrap { padding: 10px 5px 0 5px; } .author-content-wrap .author-desc { font-family: var(--blogistic-widget-content-font-family); color: var(--blogistic-post-content-font-color); font-size: 14px; line-height: 26px; font-family: var(--blogistic-widget-content-font-family); } /* ========================================= 6.2 Category Widgets ========================================= */ .widget_blogistic_category_collection_widget .categories-wrap .category-item { position: relative; border-radius: 6px; overflow: hidden; } .widget_blogistic_category_collection_widget .categories-wrap .category-item + .category-item { margin-top: 15px; } .widget_blogistic_category_collection_widget .categories-wrap .category-item:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #00000047; } .widget_blogistic_category_collection_widget .categories-wrap .category-item img { width: 100%; height: 70px; object-fit: cover; box-shadow: 0px 5px 15px 0px rgba(74, 77, 84, 0.33); --webkit-box-shadow: 0px 5px 15px 0px rgba(74, 77, 84, 0.33); } .widget_blogistic_category_collection_widget .categories-wrap .category-item .cat-meta-wrap { width: 100%; height: 100%; position: absolute; top: 50%; transform: translateY(-50%); text-decoration: none; z-index: 1; } .widget_blogistic_category_collection_widget .categories-wrap .category-item .cat-meta.blogistic-post-title { display: flex; justify-content: space-between; height: 100%; padding: 0 25px; align-items: center; } .widget_blogistic_category_collection_widget .categories-wrap .category-item .category-name { color: #000; font-weight: var(--blogistic-widget-category-font-weight); font-family: var(--blogistic-widget-category-font-family); font-style: var(--blogistic-widget-category-font-style); font-size: calc( var(--blogistic-widget-category-font-size) * 0.96 ); line-height: var(--blogistic-widget-category-font-lineheight); letter-spacing: var(--blogistic-widget-category-font-letterspacing); text-transform: var(--blogistic-widget-category-font-texttransform); text-decoration: var(--blogistic-widget-category-font-textdecoration); background-color: #ffffffd9; padding: 5px 20px 6px; border-radius: 20px; } .widget_blogistic_category_collection_widget .categories-wrap .category-item .icon-count-wrap { position: relative; overflow: hidden; } .widget_blogistic_category_collection_widget .categories-wrap .category-item .icon-count-wrap i { position: absolute; top: 50%; left: -30px; transform: translateY(-50%); color: #FFF; transition: all ease-in-out .3s; font-size: 14px; visibility: hidden; opacity: 0; } .widget_blogistic_category_collection_widget .categories-wrap .category-item:hover .icon-count-wrap i { left: 50%; transform: translate(-50%, -50%); visibility: visible; opacity: 1; } .widget_blogistic_category_collection_widget .categories-wrap .category-item .category-count { visibility: visible; opacity: 1; transition: all ease-in-out .3s; } .widget_blogistic_category_collection_widget .categories-wrap .category-item:hover .category-count { visibility: hidden; opacity: 0; } .widget_blogistic_category_collection_widget .categories-wrap .category-item .category-count { display: inline-block; color: var(--blogistic-white-text); font-weight: var(--blogistic-widget-category-font-weight); font-family: var(--blogistic-widget-category-font-family); font-style: var(--blogistic-widget-category-font-style); font-size: var(--blogistic-widget-category-font-size); line-height: var(--blogistic-widget-category-font-lineheight); letter-spacing: var(--blogistic-widget-category-font-letterspacing); text-transform: var(--blogistic-widget-category-font-texttransform); text-decoration: var(--blogistic-widget-category-font-textdecoration); } /* ========================================= 6.3 Grid Widgets ========================================= */ .widget_blogistic_post_grid_widget .post-grid-wrap .post-thumb-image { position: relative; padding-bottom: calc( 100% * 0.65 ); background-position: center; background-size: cover; border-radius: 6px; overflow: hidden; } .widget_blogistic_post_grid_widget .post-grid-wrap .post-thumb-image.no-feat-img { background-color: #efefef; } .widget_blogistic_post_grid_widget .post-grid-wrap .post-content-wrap { padding: 0 5px; } .widget_blogistic_post_grid_widget .post-grid-wrap .post-thumb-image img { height: 100%; width: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: scale(1) translate(-50%,-50%); box-shadow: 0px 5px 15px 0px rgba(74, 77, 84, 0.33); --webkit-box-shadow: 0px 5px 15px 0px rgba(74, 77, 84, 0.33); } .widget_blogistic_post_grid_widget .post-grid-wrap .post-title { font-family: var(--blogistic-widget-title-font-family); font-weight: var(--blogistic-widget-title-font-weight); font-style: var(--blogistic-widget-title-font-style); font-size: calc( var(--blogistic-widget-title-font-size) * 1.1 ); line-height: var(--blogistic-widget-title-font-lineheight); letter-spacing: var(--blogistic-widget-title-font-letterspacing); margin: 14px 0 12px 0px; text-transform: var(--blogistic-widget-title-font-texttransform); text-decoration: var(--blogistic-widget-title-font-textdecoration); } .widget_blogistic_post_grid_widget .post-grid-wrap .post-title a { text-decoration: none; font-family: inherit; color: var(--blogistic-post-title-font-color); } .widget_blogistic_post_grid_widget .post-grid-wrap .post-item { border-bottom: 1px solid var(--border-bottom-color-two); margin-bottom: 20px; padding-bottom: 5px; } .widget_blogistic_post_grid_widget .post-grid-wrap .post-item:last-child { border: none; margin-bottom: 0; padding-bottom: 0; } .widget_blogistic_post_grid_widget .post-grid-wrap .post-categories { position: absolute; left: 15px; top: 15px; width: auto; margin: 0; list-style: none; padding: 0; z-index: 2; } .widget_blogistic_post_grid_widget .post-grid-wrap .post-categories a { padding: 2px 15px; color: var(--blogistic-widget-category-font-color); font-weight: var(--blogistic-widget-category-font-weight); font-family: var(--blogistic-widget-category-font-family); font-style: var(--blogistic-widget-category-font-style); font-size: var(--blogistic-widget-category-font-size); line-height: var(--blogistic-widget-category-font-lineheight); letter-spacing: var(--blogistic-widget-category-font-letterspacing); text-transform: var(--blogistic-widget-category-font-texttransform); text-decoration: var(--blogistic-widget-category-font-textdecoration); } /* ========================================= 6.4 List Widgets ========================================= */ .widget_blogistic_post_list_widget .post-item { align-items: center; } .widget_blogistic_post_list_widget .post-item { display: flex; align-items: center; } .widget_blogistic_post_list_widget .post-list-wrap .post-thumb-image { position: relative; padding-bottom: 28%; background-position: center; background-size: cover; border-radius: 15px; border-radius: 6px; overflow: hidden; box-shadow: 0px 5px 15px 0px rgba(74, 77, 84, 0.33); --webkit-box-shadow: 0px 5px 15px 0px rgba(74, 77, 84, 0.33); } .widget_blogistic_post_list_widget .post-list-wrap .post-thumb-image.no-feat-img { background-color: #efefef; } .widget_blogistic_post_list_widget .post-list-wrap .post-thumb-image img { height: 101%; width: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; border-radius: 6px; transform: scale(1) translate(-50%,-50%); overflow: hidden; box-shadow: 0px 5px 15px 0px rgba(74, 77, 84, 0.33); --webkit-box-shadow: 0px 5px 15px 0px rgba(74, 77, 84, 0.33); } .widget_blogistic_post_list_widget .post-list-wrap .post-categories { display: none; width: auto; margin: 0; list-style: none; padding: 0; } .widget_blogistic_post_list_widget .post-list-wrap .post-categories a { background: transparent; color: var(--blogistic-widget-block-title-color); padding: 0; font-size: 13px; font-weight: 500; } .widget_blogistic_post_list_widget .post-list-wrap .post-title { font-family: var(--blogistic-widget-title-font-family); font-weight: var(--blogistic-widget-title-font-weight); font-size: calc( var(--blogistic-widget-title-font-size) * 1.05); line-height: var(--blogistic-widget-title-font-lineheight); letter-spacing: var(--blogistic-widget-title-font-letterspacing); font-style: var(--blogistic-widget-title-font-style); color: var(--blogistic-post-title-font-color); margin: 2px 0 10px 0px; } .widget_blogistic_post_list_widget .post-list-wrap .post-title a { text-decoration: none; font-family: inherit; color: inherit; } .widget_blogistic_post_list_widget .post-list-wrap .post-item { border-bottom: 1px solid var(--border-bottom-color-two); margin-bottom: 12px; padding-bottom: 12px; } .widget_blogistic_post_list_widget .post-list-wrap .post-item:last-child { border: none; margin-bottom: 0; padding-bottom: 0; } .widget li.wp-block-latest-comments__comment article { width: 100%; margin: 0; padding-bottom: 5px; } .widget li.wp-block-latest-comments__comment article a { text-decoration: none; } .widget .post-meta .post-date { font-family: var(--blogistic-widget-date-font-family); font-style: var(--blogistic-widget-content-font-style); font-weight: var(--blogistic-widget-date-font-weight); font-style: var(--blogistic-widget-date-font-style); font-size: var(--blogistic-widget-date-font-size); letter-spacing: var(--blogistic-widget-date-font-letterspacing); line-height: var(--blogistic-widget-date-font-lineheight); text-transform: var(--blogistic-widget-date-font-texttransform); text-decoration: var(--blogistic-widget-date-font-textdecoration); } .widget_blogistic_post_list_widget .post-list-wrap.layout--two .post-item:first-child { display: inline-block; width: 100%; } .widget_blogistic_post_list_widget .post-list-wrap.layout--two .post-item:first-child .post-thumb-image { width: 100%; height: 100%; padding-bottom: 60%; margin: 0; } .widget_blogistic_post_list_widget .post-list-wrap.layout--two .post-item:first-child .post-content-wrap { margin-top: 20px; } aside .widget_blogistic_post_list_widget .post-list-wrap.layout--two .post-item:first-child .post-title { font-size: calc( var(--blogistic-widget-title-font-size) * 1.2); line-height: calc( var(--blogistic-widget-title-font-lineheight) * 1.23 ); } /* ========================================= 6.5 Social Share ========================================= */ /* social share */ section.widget_blogistic_social_platforms_widget .widget-title { margin-bottom: 18px; } /* OFFICIAL COLOR */ .social-platforms-widget.global-color-icon i { background-color: var(--blogistic-global-preset-theme-color); color: var(--blogistic-white-text); box-shadow: 0 5px 10px -2px var(--blogistic-global-preset-theme-color); padding: 10px; font-size: 20px; border-radius: 13%; display: inline-block; width: 40px; text-align: center; margin: 7px 0; margin-right: 15px; } /* ========================================= 6.6 Tags Collection ========================================= */ .widget_blogistic_tags_collection_widget .tags-wrap .tags-item{ background-color: var(--blogistic-global-preset-theme-color); padding: 8px 25px; border-radius: 6px; color: var(--blogistic-white-text); text-decoration: none; font-family: var(--blogistic-category-font-family); font-style: var(--blogistic-category-font-style); font-size: var(--blogistic-category-font-size); letter-spacing: 0.5px; font-weight: var(--blogistic-category-font-weight); display: inline-block; margin-bottom: 15px; margin-right: 5px; } .tag-meta-wrap { text-decoration: none; } .tags-wrap .tag-meta.blogistic-post-title { color: var(--blogistic-white-text); } .tags-wrap .tags-item:hover { cursor: pointer; } .tags-wrap .tags-item .tags-count { display: inline-block; padding-left: 10px; font-size: 14px; } /* addinal widget design **/ .widget .sub-menu { list-style: none; margin-left: 0; padding-left: 15px; padding-top: 10px; } /* ========================== 6.7 Instagram Widget ========================== */ .widget .instagram-container { position: relative; } .widget .instagram-content { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } .widget .instagram-item { position: relative; height: 150px; overflow: hidden; } .widget .instagram-content .insta-image { border-radius: 6px; overflow: hidden; height: 100%; } .widget .instagram-content .insta-image a { border-radius: 15px; overflow: hidden; } .widget .instagram-content .instagram-item img { display: block; height: 100%; object-fit: cover; } .widget .instagram-container .instagram-button .instagram-label { font-size: calc( var(--blogistic-instagram-font-size) * 0.9 ); } .widget .instagram-content .no-insta-image .insta-image { padding-bottom: 80%; background-color: #efefef; } .dark_bk .widget .instagram-content .no-insta-image .insta-image { padding-bottom: 70%; } /* Hover Effect Two */ .widget .hover-effect--two .instagram-content .instagram-item a:before, .widget .hover-effect--two .instagram-content .instagram-item a:after { top: 15px; left: 15px; right: 15px; bottom: 15px; } /* ========================================= 6.8 Grid Two Column ========================================= */ .widget_blogistic_posts_grid_two_column_widget .posts-wrap { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; } .widget_blogistic_posts_grid_two_column_widget .posts-wrap .blaze_box_wrap { overflow: hidden; } .widget_blogistic_posts_grid_two_column_widget .posts-wrap .post-thumb { border-radius: 6px; overflow: hidden; height: 140px; position: relative; } .widget_blogistic_posts_grid_two_column_widget .posts-wrap .post_thumb_image.no-feat-img { background-color: #efefef; } .widget_blogistic_posts_grid_two_column_widget .post-categories .cat-item a { padding: 1px 13px; } .widget_blogistic_posts_grid_two_column_widget .posts-wrap .post-thumb img { height: 100%; width: 100%; object-fit: cover; } .widget_blogistic_posts_grid_two_column_widget .posts-wrap .bmm-post-cats-wrap { position: absolute; top: 15px; left: 15px; z-index: 1; } .widget_blogistic_posts_grid_two_column_widget .posts-wrap .bmm-post-cats-wrap .card__content-category { margin: 0; } .widget_blogistic_posts_grid_two_column_widget .posts-wrap .post-title { font-family: var(--blogistic-widget-title-font-family); font-weight: var(--blogistic-widget-title-font-weight); font-style: var(--blogistic-widget-title-font-style); font-size: var(--blogistic-widget-title-font-size); line-height: var(--blogistic-widget-title-font-lineheight); letter-spacing: var(--blogistic-widget-title-font-letterspacing); margin: 10px 0 5px 0px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .widget_blogistic_posts_grid_two_column_widget .posts-wrap .post-title a { text-decoration: none; color: var(--blogistic-post-title-font-color); } /* ========================================= 6.9 Carousel Widget ========================================= */ .widget_blogistic_carousel_widget .slick-arrow { position: absolute; top: 15px; z-index: 1; background: #fff; border: none; padding: 6px 9px; font-size: 11px; cursor: pointer; } .widget_blogistic_carousel_widget .slick-vertical .slick-arrow { transform: rotate(90deg); padding: 8px 9px; } .widget_blogistic_carousel_widget .slick-arrow.slick-prev { right: 45px; } .widget_blogistic_carousel_widget .slick-vertical .slick-arrow.slick-prev { right: 48px; } .widget_blogistic_carousel_widget .slick-arrow.slick-next { right: 15px; } .widget_blogistic_carousel_widget .blogistic-widget-carousel-posts .carousel-posts-wrap { display: grid; } body .widget.widget_blogistic_carousel_widget .blogistic-widget-carousel-posts .carousel-posts-wrap .slick-list .slick-track article + article { padding: 0 !important; border: none !important; } @media (max-width: 1320px) { .widget_blogistic_carousel_widget .slick-vertical .post-item { min-height: 345px; overflow: hidden; } } .widget_blogistic_carousel_widget .post-item img { height: 100%; width: 100%; object-fit: cover; } .widget_blogistic_carousel_widget .post-thumb-wrap { position: relative; border-radius: 6px; overflow: hidden; height: 208px; } .widget_blogistic_carousel_widget .slick-vertical .post-item { height: 300px !important; } .widget_blogistic_carousel_widget .post-thumb-wrap .post-categories { position: absolute; top: 15px; left: 15px; z-index: 1; list-style: none; padding: 0; margin: 0; } .widget_blogistic_carousel_widget .post-thumb-wrap .post-categories li { display: inline-block; margin-right: 10px; } .widget_blogistic_carousel_widget .post-title { font-family: var(--blogistic-widget-title-font-family); font-weight: var(--blogistic-widget-title-font-weight); font-style: var(--blogistic-widget-title-font-style); font-size: calc(var(--blogistic-widget-title-font-size)* 1.1); line-height: var(--blogistic-widget-title-font-lineheight); letter-spacing: var(--blogistic-widget-title-font-letterspacing); margin: 0 0 12px 0px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .widget_blogistic_carousel_widget .post-title a { color: var(--blogistic-post-title-font-color); text-decoration: none; } .widget_blogistic_carousel_widget .post-date { margin: 0; } /* ========================================= 7.0 Pagination & Ajax Button ========================================= */ .navigation.posts-navigation { margin: 35px 0 20px 0; } .posts-navigation .nav-previous a, .posts-navigation .nav-next a { display: inline-block; background-color: var(--blogistic-global-preset-theme-color); padding: 15px 25px; border-radius: 6px; color: #fff; line-height: 1; box-shadow: 0 0 3px 1px rgb(224 224 224 / 25%); -webkit-box-shadow: 0 0 3px 1px rgb(224 224 224 / 25%); text-decoration: none; font-family: var(--blogistic-meta-font-family); font-size: 15px; font-weight: 600; color: var(--blogistic-white-text); box-shadow: 0 0 8px #0000004a; } #blogistic-main-wrap ul.page-numbers { margin-left: 0; list-style: none; padding-left: 0px; margin-top: 30px; margin-bottom: 0; text-align: center; } #blogistic-main-wrap ul.page-numbers li { display: inline-block; margin: 2px 5px 2px 0; } #blogistic-main-wrap .pagination span, #blogistic-main-wrap .pagination a { color: var(--blogistic-pagination-color); border: 2px solid var(--blogistic-pagination-color); background-color: transparent; border-radius: 2px; display: inline-block; border-radius: 50%; text-align: center; width: 44px; height: 44px; display: inline-block; border-radius: 6px; text-align: center; line-height: 40px; text-decoration: none; font-family: var(--blogistic-meta-font-family); } #blogistic-main-wrap .pagination span.current { background-color: var(--blogistic-global-preset-theme-color); color: #fff; border-color: transparent; } #blogistic-main-wrap .pagination a:hover { color: var(--blogistic-pagination-color-hover); border: 2px solid var(--blogistic-pagination-color-hover); } #blogistic-main-wrap .prev.page-numbers, #blogistic-main-wrap .next.page-numbers { font-size: 0.8rem; } #blogistic-main-wrap .pagination i { font-size: 11px; line-height: 11px; } input.wpcf7-submit{ text-decoration: none; padding: 10px 25px; background: var(--blogistic-custom-button-bk-color); border-radius: var(--blogistic-custom-button-border-radius); border: none; text-transform: var(--blogistic-custom-button-texttransform); text-decoration: var(--blogistic-custom-button-textdecoration); font-weight: var(--blogistic-custom-button-weight); box-shadow: 0 0 3px 1px rgb(224 224 224 / 12%); -webkit-box-shadow: 0 0 3px 1px rgb(224 224 224 / 12%); color: #fff; } input.wpcf7-submit:hover{ cursor: pointer; } .pagination.pagination-type--ajax-load-more { text-align: center; margin-top: 50px; } .archive--masonry-layout .pagination.pagination-type--ajax-load-more { margin-top: 0; } .ajax-load-more-wrap { color: var(--blogistic-ajax-pagination-color); display: inline-block; } #blogistic-main-wrap .ajax-load-more-wrap .pagination-icon{ color: var(--blogistic-ajax-pagination-color); border: none; width: auto; height: auto; line-height: 1; } #blogistic-main-wrap .pagination .pagination-icon.icon-context--before { margin: 0; margin-right: 15px; } #blogistic-main-wrap .pagination div.no-more-posts { width: 100%; } #blogistic-main-wrap .pagination span.no-more-posts { border: none; width: auto; display: block; text-align: center; font-family: var(--blogistic-custom-button-family); color: var(--blogistic-ajax-pagination-color); font-weight: 500; letter-spacing: 0.3px; } .blogistic-widget-loader { text-align: center; } .blogistic-widget-loader .load-more { text-decoration: none; border: none; background-color: transparent; color: var(--blogistic-global-preset-theme-color); text-transform: none; text-decoration: none; font-weight: 500; margin-top: 25px; font-size: 13px; cursor: pointer; font-family: var(--blogistic-custom-button-family); border: 1px solid var(--blogistic-global-preset-theme-color); padding: 10px 25px 10px 25px; } .blogistic-widget-loader .load-more:hover { color: var(--blogistic-global-preset-theme-color); } /* ========================================= 8.0 Post format ========================================= */ .tax-post_format #blogistic-main-wrap .page-header .page-title { display: none; } #primary article.no-featured-image .inner-content { border-radius: 15px; padding-top: 40px; } /** Gallery Post Format **/ article.post_format-post-format-gallery .slick-prev { position: absolute; left: 0; display: block; z-index: 9991; top: 48%; left: 5px; } article.post_format-post-format-gallery .slick-next { position: absolute; right: 0; left: auto; display: block; z-index: 999; top: 48%; right: 5px; } article.post_format-post-format-gallery button.slick-arrow { color: #ddd; background-color: var(--blogistic-global-preset-theme-color); border: none; border-radius: 10px; text-align: center; padding: 0; width: 40px; height: 35px; line-height: 11px; } article.post_format-post-format-gallery button.slick-arrow i { line-height: 1.1; vertical-align: middle; margin-top: 1px; margin-bottom: 1px; color: #e4e4e4; font-size: 12px; } article.post_format-post-format-gallery button.slick-arrow:hover { cursor: pointer; } body article.post_format-post-format-gallery figure.post-thumbnail-wrapper .slick-list img { height: 100%; width: 100%; object-fit: cover; position: absolute!important; top: 50%!important; left: 50%!important; transform: scale(1) translate(-50%,-50%); } body article.post_format-post-format-gallery figure.post-thumbnail-wrapper .slick-list img:hover { cursor: e-resize; } body #blogistic-main-wrap > .blogistic-container > .row #primary article.post_format-post-format-gallery figure .post-categories { z-index: 999; } /** Image Post Format **/ article.post_format-post-format-image .post-footer .byline img { width: 27px; height: 27px; object-fit: initial; position: relative; top: initial; left: initial; transform: scale(1); } body.archive--grid-layout article.post_format-post-format-image figure.post-thumbnail-wrapper .post-thumnail-inner-wrapper, body.archive--masonry-layout article.post_format-post-format-image figure.post-thumbnail-wrapper .post-thumnail-inner-wrapper { position: relative; padding-bottom: calc( (100% * var(--blogistic-post-image-ratio) ) + 72px); background-position: center; background-size: cover; overflow: hidden; } #blogistic-main-wrap > .blogistic-container > .row #primary article.post_format-post-format-image .post-thumbnail-wrapper .inner-content { position: absolute; top: 0; background: transparent; height: 100%; width: 100%; padding-top: 35px; text-align: center; z-index: 2; } article.post_format-post-format-image .post-thumbnail-wrapper .inner-content, article.post_format-post-format-image .post-thumbnail-wrapper .entry-title, article.post_format-post-format-image .post-thumbnail-wrapper .post-excerpt, article.post_format-post-format-image .post-thumbnail-wrapper .post-footer .byline, article.post_format-post-format-image .post-thumbnail-wrapper .post-meta, article.post_format-post-format-image .post-thumbnail-wrapper .post-date i { color: #fff; } body.archive-mobile-column--two article.post_format-post-format-image figure.post-thumbnail-wrapper .post-thumnail-inner-wrapper:after { content: ''; height: 100%; width: 100%; position: absolute; left: 0; top: 0; border-radius: 15px; overflow: hidden; background-color: #0034ff25; } body.archive--grid-layout article.post_format-post-format-image figure.post-thumbnail-wrapper .content-wrap, body.archive--masonry-layout article.post_format-post-format-image figure.post-thumbnail-wrapper .content-wrap { height: calc(100% - 40px); display: flex; flex-direction: column; align-items: center; justify-content: center; overflow-y: hidden; } body.archive--list-layout article.post_format-post-format-image figure.post-thumbnail-wrapper .content-wrap { height: calc(100% - 50px); display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; } article.post_format-post-format-image .post-footer { border-top: 1px solid var(--border-bottom-color-three); } /** Audo Post Format **/ article.post_format-post-format-audio .wp-block-audio { position: absolute; bottom: 5px; width: 100%; margin: 0 auto; text-align: center; z-index: 1; } article.post_format-post-format-audio .wp-block-audio audio { min-width: 250px; width: 70%; height: 50px; } /** Video Post Format **/ body.archive--grid-layout article.post_format-post-format-video figure.post-thumbnail-wrapper .post-thumnail-inner-wrapper { padding-bottom: calc( 100% * var(--blogistic-post-image-ratio) ); } article.post_format-post-format-video .wp-block-video video { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: scale(1) translate(-50%,-50%); } body.archive--list-layout article.post_format-post-format-video .wp-block-video video { width: 100%; border-radius: 15px 0 0 15px; overflow: hidden; } /** Quote Post Format **/ article.post_format-post-format-quote .post-footer .byline img { object-fit: initial; position: relative; top: initial; left: initial; transform: scale(1); } body.archive--grid-layout article.post_format-post-format-quote figure.post-thumbnail-wrapper .post-thumnail-inner-wrapper, body.archive--masonry-layout article.post_format-post-format-quote figure.post-thumbnail-wrapper .post-thumnail-inner-wrapper { position: relative; padding-bottom: calc( (100% * var(--blogistic-post-image-ratio)) + 72px); background-position: center; background-size: cover; overflow: hidden; } #blogistic-main-wrap > .blogistic-container > .row #primary article.post_format-post-format-quote .post-thumbnail-wrapper .inner-content { position: absolute; top: 0; background: transparent; height: 100%; width: 100%; padding-top: 25px; text-align: center; z-index: 3; } article.post_format-post-format-quote .post-thumbnail-wrapper .inner-content, article.post_format-post-format-quote .post-thumbnail-wrapper .entry-title, article.post_format-post-format-quote .post-thumbnail-wrapper .post-excerpt, article.post_format-post-format-quote .post-thumbnail-wrapper .post-footer .byline, article.post_format-post-format-quote .post-thumbnail-wrapper .post-meta { color: #fff; } body.archive-mobile-column--two article.post_format-post-format-quote figure.post-thumbnail-wrapper .post-thumnail-inner-wrapper:after { content: ''; height: 100%; width: 100%; position: absolute; left: 0; top: 0; border-radius: 15px; overflow: hidden; background-color: #0034ff25; } body.archive--grid-layout article.post_format-post-format-quote figure.post-thumbnail-wrapper .content-wrap, body.archive--list-layout article.post_format-post-format-quote figure.post-thumbnail-wrapper .content-wrap, body.archive--masonry-layout article.post_format-post-format-quote figure.post-thumbnail-wrapper .content-wrap { height: calc(100% - 40px); display: flex; flex-direction: column; align-items: center; justify-content: center; overflow-y: auto; position: relative; border-radius: 25px; } article.post_format-post-format-quote .wp-block-quote { font-family: var(--blogistic-post-content-font-family); font-style: var(--blogistic-post-content-font-style); font-size: var(--blogistic-post-content-font-size); color: var(--blogistic-white-text); font-weight: var(--blogistic-post-content-font-weight); line-height: var(--blogistic-post-content-font-lineheight); letter-spacing: var(--blogistic-post-content-font-letterspacing); } article.format-quote blockquote.wp-block-quote:before { content: "\f10d"; padding: initial; font-family: 'Font Awesome 6 Free'; font-weight: 900; position: absolute; top: calc( 50% - 50px); opacity: 0.5; font-size: 110px; left: calc(50% - 50px); color: var(--blogistic-global-preset-theme-color); opacity: 0.2; z-index: -1; } article.format-quote .post-button { margin-top: 12px; } body.archive--grid-layout article.post_format-post-format-quote figure.post-thumbnail-wrapper .content-wrap p { margin: 5px 0; } article.post_format-post-format-quote .post-footer { border-top: 2px solid var(--border-bottom-color-three); } blockquote.wp-block-quote p { margin-bottom: 10px; margin-top: 0; } blockquote cite { font-weight: 700; } article.post_format-post-format-quote .post-footer a.url{ text-decoration: none; color: inherit; } article.format-quote .content-wrap::-webkit-scrollbar { width: 2px; } article.format-quote .content-wrap::-webkit-scrollbar-thumb { background-color: var(--blogistic-global-preset-theme-color); } /* ========================================= 9.0 Single Posts ========================================= */ body.single-post #blogistic-main-wrap.box-shadow--enabled > .blogistic-container > .row { padding-bottom: 35px; } body.single-post #primary article.format-video figure.wp-block-video video { position: relative; transform: none; left: 0; top: 0; width: 100%; height: auto; } body.single #primary .blogistic-inner-content-wrap .wp-block-quote { position: relative; } body.single #primary .blogistic-inner-content-wrap .wp-block-quote:before { content: ''; position: absolute; left: 0; top: 0; width: 6px; height: 100%; background: var(--blogistic-global-preset-theme-color); border-radius: 6px; } body.single #primary .blogistic-inner-content-wrap .wp-block-quote p, body.single #primary .blogistic-inner-content-wrap .wp-block-quote cite{ margin-left: 27px; } body.single-post #primary .blogistic-inner-content-wrap article .entry-content .wp-block-latest-posts a, body.single-post #primary .blogistic-inner-content-wrap article .entry-content .wp-block-categories a { color: #333; text-decoration: none; color: initial; } body.single-post #primary .blogistic-inner-content-wrap article .entry-content .wp-block-button a { color: #fff; } body.single-post article.post_format-post-format-audio .wp-block-audio { position: relative; } body.single-post #blogistic-main-wrap .blogistic-container .row #primary article header.entry-header .post-categories { position: absolute; left: 20px; top: 15px; z-index: 10; text-align: center; margin: 0; padding: 0; list-style: none; text-decoration: none; display: flex; flex-wrap: wrap; } body.single-post #blogistic-main-wrap #primary .post-categories li { margin-right: 10px; display: inline-block; } .single .post-meta-wrap .post-meta .post-date { display: inline-block; margin: 10px 15px 0 0; } .single .entry-header .post-categories { padding: 0; } .single .entry-header .post-categories li { display: inline-block; margin: 4px 10px 4px 0; } body.single-post #blogistic-main-wrap.box-shadow--enabled .blogistic-container .row #primary .post-inner, body.single-post #blogistic-main-wrap.box-shadow--enabled .blogistic-container .row #primary .comments-area, body.single-post .box-shadow--enabled #primary article .post-card .bmm-author-thumb-wrap, body.single-post #blogistic-main-wrap.box-shadow--enabled .blogistic-container .row #primary nav.navigation, body.single-post #blogistic-main-wrap.box-shadow--enabled .blogistic-container .row #primary .comments-area, body.single-post #blogistic-main-wrap.box-shadow--enabled .blogistic-container .row #primary .single-related-posts-section-wrap.layout--list { padding: 25px; } body.single-post #blogistic-main-wrap .blogistic-container .row #primary .post-inner { padding: 15px; margin-bottom: 35px; } body.single-post #blogistic-main-wrap .blogistic-container .row #primary nav.navigation { margin-bottom: 35px; padding: 15px; } body.single-post #blogistic-main-wrap .blogistic-container .row #primary .single-related-posts-section-wrap.layout--list { padding: 15px; } body.single-post #blogistic-main-wrap .blogistic-container .row #primary .single-related-posts-section-wrap { margin-top: 35px; } body.single-post #blogistic-main-wrap .blogistic-container .row #primary .post-thumbnail img { box-shadow: var(--blogistic-image-box-shadow); -webkit-box-shadow: var(--blogistic-image-box-shadow); width: 100%; display: block; } body.single-post #blogistic-main-wrap .blogistic-container .row #primary .blogistic-inner-content-wrap > article header { position: relative; } .no-single-featured-image.post-thumbnail { background-color: #00000040; } body.single-post .post-meta-wrap { line-height: 1; font-size: 14px; font-weight: 500; letter-spacing: 0.3px; align-items: center; } body.single-post .post-meta-wrap .byline { flex: 0 1 30%; text-align: left; vertical-align: middle; font-family: "Montserrat",sans-serif; font-weight: 500; font-size: 15px; letter-spacing: 0.3px; line-height: 22px; display: inline-block; color: var(--blogistic-meta-font-color); margin-right: 15px; } body.single-post .post-meta-wrap .byline a{ text-decoration: none; color: inherit; font-size: inherit; } body.single-post .post-meta-wrap .byline img{ vertical-align: middle; border-radius: 50%; margin-right: 10px; width: 24px; height: 24px; -webkit-box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.25); box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.25); } body.single-post .post-meta-wrap .post-meta{ font-family: var(--blogistic-meta-font-family); font-size: var(--blogistic-meta-font-size); font-weight: var(--blogistic-meta-font-weight); color: var(--blogistic-meta-font-color); } body.single-post .post-meta-wrap .post-meta a{ text-decoration: none; color: inherit; } body.single-post .post-meta-wrap .post-meta i{ padding-left: 5px; } body.single-post .post-meta-wrap .post-meta .post-comments-num { margin-left: 15px; } body.single-post .post-meta-wrap .post-meta .post-button { display: inline-block; background-color: var(--blogistic-global-preset-theme-color); padding: 9px 20px; border-radius: 15px; color: #fff; margin-left: 10px; line-height: 1; box-shadow: 0 0 3px 1px rgb(224 224 224 / 25%); -webkit-box-shadow: 0 0 3px 1px rgb(224 224 224 / 25%); } body.single-post .post-meta-wrap .post-meta .post-button i{ padding: 0; color: inherit; } body.single-post .post-meta-wrap .post-meta .post-button a{ color: inherit; } body.single-post.post_format-post-format-gallery .post-thumbnail-wrapper { display: grid; } body.single-post .entry-title { margin-top: 15px; margin-bottom: 20px; font-family: "Montserrat",sans-serif; font-weight: 700; word-wrap: break-word; font-size: 34px; line-height: 45px; letter-spacing: 0.6px; } body.single-post article p:first-child { margin-top: 0; } body.single-post article p:last-child { margin-bottom: 0; } body.single-post article p.logged-in-as { margin-bottom: 10px; } body.single-post article .entry-content p a, body.single-post article .entry-content a{ color: var(--blogistic-global-preset-theme-color); text-decoration: none; } body.single-post .post-meta-wrap .post-meta { display: inline-block; } body.single-post .post-meta-wrap .post-meta i { padding-left: 5px; padding-right: 6px; color: var(--blogistic-global-preset-theme-color); } body.single-post article .entry-content { color: var(--blogistic-single-content-color); font-weight: 400; font-family: "Poppins", sans-serif; line-height: 34px; font-size: 16.5px; line-height: 34px; letter-spacing: 0.3px; } body.single-post.single-post--layout-three article .entry-content, body.single-post.single-post--layout-five article .entry-content, body.single-post.single-post--layout-four article .entry-content { margin-top: 0; } body.single-post article .entry-content p { font-size: inherit; line-height: inherit; letter-spacing: inherit; margin-bottom: 24px; } body.single-post article .entry-content.content-alignment--center p { text-align: center; } body.single-post article .entry-content.content-alignment--right p { text-align: right; } body.single-post article.format-image .post-date { color: var(--blogistic-meta-font-color); } body.single-post.single-post--layout-three .entry-header .post-date, body.single-post.single-post--layout-three .entry-header .post-meta .post-read-time, body.single-post.single-post--layout-three .entry-header .post-meta .post-comments-num, body.single-post.single-post--layout-three .entry-header .post-meta-wrap .byline { color: var(--blogistic-white-text); } .single-post--layout-two .blogistic-single-header header{ border-radius: 15px; } body.single-post .single-header-content-wrap { margin-top: 4px; } body.single-post .blogistic-single-header .single-header-content-wrap .post-categories { margin: 4px 0; } body.single-post .single-header-content-wrap .entry-title { margin: 8px 0; } body.single-post .single-header-content-wrap .post-meta-wrap { margin: 8px 0; } /* Single One */ body.single-post.single-post--layout-one .entry-title { margin: 24px 0 2px; } body.single-post.single-post--layout-one article .post-meta-wrap { padding-top: 5px; } body.single-post.single-post--layout-one article .entry-content { margin-top: 15px; } /* Single Two */ body.single-post .single-header-content-wrap .post-meta-wrap { margin: 10px 0; } /* Single Three */ body.single-post.single-post--layout-three .single-header-content-wrap .entry-title { margin: 10px 0; } /* Single Four */ body.single-post.single-post--layout-four .category-title-meta .post-meta-wrap { margin-top: 16px; } /* Single Five */ body.single-post.single-post--layout-five .meta-title-category .post-meta-wrap, body.single-post.single-post--layout-five .title-meta-category .post-meta-wrap { margin-bottom: 14px; } /* Related Posts */ .single-related-posts-section-wrap .single-related-posts-wrap { display: grid; gap: 25px; } .single-related-posts-section-wrap.column--four .single-related-posts-wrap { grid-template-columns: repeat(4, 1fr); } .single-related-posts-section-wrap.column--three .single-related-posts-wrap { grid-template-columns: repeat(3, 1fr); } .single-related-posts-section-wrap.column--two .single-related-posts-wrap { grid-template-columns: repeat(2, 1fr); } .single-related-posts-section-wrap.column--one .single-related-posts-wrap { grid-template-columns: 100%; } .single-related-posts-section-wrap.layout--one .single-related-posts-wrap .post-date, .single-related-posts-section-wrap.layout--one .single-related-posts-wrap .post-comments-num { margin-top: 7px; } .single-related-posts-section-wrap .single-related-posts-wrap .post-date, .single-related-posts-section-wrap .single-related-posts-wrap .comments-context, .single-related-posts-section-wrap .single-related-posts-wrap .byline { font-size: 13px; } /* Related Post layout two **/ .single-related-posts-section-wrap.layout--list.layout--two .post-thumbnail { padding-bottom: 60%; } .single-related-posts-section-wrap.layout--list.layout--two .single-related-posts-wrap > article > figure, .single-related-posts-section-wrap.layout--list.layout--two .single-related-posts-wrap > article > div { width: 100%; } .single-related-posts-section-wrap.layout--list.layout--two .single-related-posts-wrap article .post-thumb-wrap { margin: 0; } .single-related-posts-section-wrap.layout--list.layout--two .single-related-posts-wrap article .post-element { flex: none; } .single-related-posts-section-wrap.layout--list.layout--two .single-related-posts-wrap article .post-element .post-title { font-size: calc( var(--blogistic-post-title-font-size) * 0.8 ); } .single-related-posts-section-wrap.layout--list.layout--two .single-related-posts-wrap article .post-element .post-meta .byline { display: block; margin-bottom: 5px; } .single--both-sidebar .single-related-posts-section-wrap.layout--list.layout--two .single-related-posts-wrap > article { flex: 0 1 46%; } /** Related post layout one **/ .single-related-posts-section .blogistic-block-title { font-family: "Montserrat",sans-serif; font-weight: 600; font-size: 20px; margin-bottom: 25px; margin-top: 0; letter-spacing: 0.6px; padding-bottom: 5px; border-bottom: 2px solid var(--border-bottom-color); display: block; color: var(--blogistic-widget-block-title-color); position: relative; } .single-related-posts-section .blogistic-block-title:after { content: ''; width: 20%; height: 2px; background: linear-gradient(160deg, var(--blogistic-global-preset-theme-color), transparent); position: absolute; left: 0; bottom: -2px; } .single-related-posts-section-wrap.layout--one .single-related-posts-wrap article { display: flex; } .single-related-posts-section-wrap.layout--one .single-related-posts-wrap article .post-thumb-wrap { flex: 0 1 22%; margin-right: 25px; } .single-related-posts-section-wrap.layout--one .single-related-posts-wrap article .post-thumbnail { padding-bottom: 70%; } .single-related-posts-section-wrap.layout--one.column--two .single-related-posts-wrap article .post-thumbnail { padding-bottom: 80%; } .single-related-posts-section-wrap.layout--one.column--three .single-related-posts-wrap article .post-thumbnail { padding-bottom: 100%; } .single-related-posts-section-wrap .single-related-posts-wrap article .post-thumbnail img { position: absolute; top: 50%; left: 50%; transform: scale(1) translate(-50%, -50%); text-align: center; width: 100%; height: 100%; object-fit: cover; } .single-related-posts-section-wrap.layout--list .single-related-posts-wrap article .post-element { flex: 1 1 75%; } .single-related-posts-section-wrap.layout--list .single-related-posts-wrap article .post-element .post-title { font-family: var(--blogistic-post-title-font-family); font-style: var(--blogistic-post-title-font-style); font-size: calc( var(--blogistic-post-title-font-size) * 0.9 ); color: var(--blogistic-post-title-font-color); font-weight: var(--blogistic-post-title-font-weight); line-height: var(--blogistic-post-title-font-lineheight); letter-spacing: var(--blogistic-post-title-font-letterspacing); margin: 5px 0 5px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .single-related-posts-section-wrap.layout--one .single-related-posts-wrap article .post-element .post-title { margin: 0; padding: 0; font-size: calc( var(--blogistic-post-title-font-size) * 0.94 ); } .single-related-posts-section-wrap.layout--one.column--two .single-related-posts-wrap article .post-title { font-size: calc( var(--blogistic-post-title-font-size) * 0.8 ); } .single-related-posts-section-wrap.layout--one.column--three .single-related-posts-wrap article .post-title { font-size: calc( var(--blogistic-post-title-font-size) * 0.79 ); } .single-related-posts-section-wrap.layout--list .single-related-posts-wrap article .post-element .post-title a{ color: inherit; text-decoration: none; } body.single-post .single-related-posts-section-wrap.layout--list article .post-meta { margin: 0 -20px; padding: 5px 20px; line-height: 1; font-size: 14px; font-weight: 500; letter-spacing: 0.3px; align-items: center; } body.single-post .single-related-posts-section-wrap.layout--list article .post-meta .byline{ flex: 0 1 30%; text-align: left; vertical-align: middle; font-family: var(--blogistic-meta-font-family); font-size: var(--blogistic-meta-font-size); font-weight: var(--blogistic-meta-font-weight); color: var(--blogistic-meta-font-color); margin-right: 15px; } body.single-post .single-related-posts-section-wrap.layout--list article .post-meta .byline a { text-decoration: none; color: inherit; font-size: inherit; } body.single-post .single-related-posts-section-wrap.layout--list article .post-meta .byline img { vertical-align: middle; border-radius: 50%; margin-right: 10px; width: 22px; height: 22px; -webkit-box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.25); box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.25); } body.single-post .single-related-posts-section-wrap.layout--list article .post-meta { font-family: var(--blogistic-meta-font-family); font-size: var(--blogistic-meta-font-size); font-weight: var(--blogistic-meta-font-weight); color: var(--blogistic-meta-font-color); } body.single-post .single-related-posts-section-wrap.layout--list article .post-meta a, body.single-post .single-related-posts-section-wrap.layout--list article .post-meta span { text-decoration: none; color: inherit; } body.single-post .single-related-posts-section-wrap.layout--list article .post-meta i { padding-right: 6px; font-size: 12px; color: var(--blogistic-global-preset-theme-color); } body.single-post .single-related-posts-section-wrap.layout--list article .post-meta .post-button { display: inline-block; background-color: var(--blogistic-global-preset-theme-color); padding: 9px 20px; border-radius: 15px; color: #fff; margin-left: 10px; line-height: 1; box-shadow: 0 0 3px 1px rgb(224 224 224 / 25%); -webkit-box-shadow: 0 0 3px 1px rgb(224 224 224 / 25%); } body.single-post .single-related-posts-section-wrap.layout--list article .post-meta .post-button i{ padding: 0; color: inherit; } body.single-post .single-related-posts-section-wrap.layout--list article .post-meta .post-button a{ color: inherit; } body.single-post.single-related-posts-section-wrap.layout--list article .entry-title { margin-top: 20px; margin-bottom: 30px; font-size: 34px; } body.single-post .single-related-posts-section-wrap.layout--list .post-meta-wrap .post-meta { display: inline-block; } body.single-post .single-related-posts-section-wrap.layout--list .post-meta .post-date, body.single-post .single-related-posts-section-wrap.layout--list .post-meta .post-read-time, body.single-post .single-related-posts-section-wrap.layout--list .post-meta .post-comments-num { display: inline-block; margin-right: 15px; margin-left: 0; } body.single-post .single-related-posts-section-wrap.layout--list .post-meta-wrap .post-meta i { padding-left: 5px; padding-right: 10px; color: var(--blogistic-global-preset-theme-color); } /* Comment Box */ body.single-post .comments-area .comments-title { font-family: "Montserrat",sans-serif; font-weight: 600; font-size: 24px; margin-bottom: 25px; margin-top: 0; letter-spacing: 0.6px; padding-bottom: 5px; border-bottom: 2px solid var(--border-bottom-color); display: block; color: var(--blogistic-single-content-color); } body.single-post .comments-area .comment-list { margin: 0; list-style: none; padding: 0; } body.single-post .comments-area .comment-list article{ border-bottom: 1px solid var(--border-bottom-color); } body.single-post .comments-area .comment-list article:last-child{ border-bottom: none; } body.single-post .comments-area .comment { display: block; margin-top: 20px; position: relative; padding-bottom: 20px; } body.single-post .comments-area .comment-author.vcard, body.single-post .comments-area .comment-metadata { display: inline-block; vertical-align: middle; display: flex; align-items: center; font-family: 'Montserrat'; } body.single-post .comments-area .comment-author.vcard a{ font-size: 17px; color: var(--blogistic-single-content-color); text-decoration: none; padding-right: 10px; font-family: 'Montserrat'; } body.single-post .comments-area .comment-author.vcard .says { font-size: 16px; font-weight: 500; color: var(--blogistic-single-content-color); } body.single-post .comments-area .comment-metadata a{ font-size: 16px; padding-left: 5px; color: var(--blogistic-single-content-color); text-decoration: none; padding-right: 10px; vertical-align: middle; font-family: 'Montserrat'; font-weight: 500; padding-top: 3px; } body.single-post .comments-area .comment-author.vcard img { width: 52px; height: 52px; border-radius: 50%; box-shadow: var(--blogistic-image-box-shadow); -webkit-box-shadow: var(--blogistic-image-box-shadow); margin-right: 15px; } body.single-post .comments-area .comment-meta { display: flex; align-items: center; } body.single-post .comments-area .comment-content { margin: 10px 10px 10px 70px; color: var(--blogistic-single-content-color); } body.single-post .comments-area .reply { text-align: right; margin-bottom: 15px; margin-top: -10px; } body.single-post .comments-area .reply a { color: #fff; background-color: var(--blogistic-global-preset-theme-color); font-size: 14px; font-weight: 400; padding: 3px 15px 5px; border-radius: 15px; text-decoration: none; border: 1px solid transparent; font-family: var(--blogistic-post-content-font-family); font-style: var(--blogistic-post-content-font-style); vertical-align: middle; } body.single-post .comments-area .comment-reply-title { font-family: var(--blogistic-title-font-family); font-weight: 600; font-size: 24px; margin-bottom: 25px; margin-top: 0; letter-spacing: 0.6px; padding-bottom: 5px; padding-top: 0; border-bottom: 2px solid var(--border-bottom-color); display: block; color: var(--blogistic-single-content-color); } body.single-post .comments-area li > ul, body.single-post .comments-area li > ol { margin-bottom: 0; margin-left: 0.5em; } body.single-post .comments-area .form-submit input.submit { display: inline-block; background-color: var(--blogistic-global-preset-theme-color); padding: 15px 25px; border-radius: 6px; line-height: 1; box-shadow: 0 0 3px 1px rgb(224 224 224 / 25%); -webkit-box-shadow: 0 0 3px 1px rgb(224 224 224 / 25%); text-decoration: none; font-family: var(--blogistic-meta-font-family); font-size: 15px; font-weight: 600; color: var(--blogistic-white-text); border-color: transparent; } body.single-post .comment-respond .comment-form-comment textarea { background-color: #f0f0f0; border: none; border-radius: 6px; margin-top: 10px; padding: 10px 20px; } body.single-post .comment-respond .comment-form-comment { margin-bottom: 15px; } body.single-post form.comment-form .comment-form-author, body.single-post form.comment-form .comment-form-email { width: 48%; display: inline-block; text-align: center; margin: 5px 0 15px 0; } body.single-post form.comment-form .comment-form-author { margin-right: 15px; } body.single-post form.comment-form .comment-form-url { width: 100%; padding-left: 5px; margin: 5px 0 10px 0; } body.single-post form.comment-form .comment-form-author label, body.single-post form.comment-form .comment-form-email label, body.single-post form.comment-form .comment-form-url label{ display: block; text-align: left; padding-left: 5px; } body.single-post form.comment-form .comment-form-author input, body.single-post form.comment-form .comment-form-email input { width: 98%; background-color: #f0f0f0; border: none; padding: 10px; border-radius: 6px; } body.single-post form.comment-form .comment-form-url input{ width: 98%; background-color: #f0f0f0; border: none; padding: 10px; border-radius: 6px; } body.single-post form.comment-form input:focus, body.single-post form.comment-form textarea:focus { outline: 2px solid #c9c9c9; } body.single-post .comment-form-cookies-consent { padding: 5px; font-size: 14px; vertical-align: middle; } body.single-post form.comment-form .submit:hover { cursor: pointer; } form.comment-form { color: var(--blogistic-single-content-color); } form.comment-form p, form.comment-form a { color: inherit; } body.single-post .logged-in-as a { text-decoration: none; color: var(--blogistic-global-preset-theme-color); text-decoration: underline; } body.single-post .form-submit { margin-bottom: 0; } body.single-post #primary article footer .tags-links { background-color: #f0f0f0; border-radius: 6px; padding: 10px 25px; margin-top: 35px; display: block; font-weight: 500; font-family: var(--blogistic-meta-font-family); text-decoration: none; color: var(--blogistic-post-title-font-color) } body.single-post #primary article footer .tags-links:before { content: '\f02b'; font-family: 'Font Awesome 6 Free'; font-weight: 900; padding-right: 5px; font-size: inherit; display: inline-block; color: var(--blogistic-global-preset-theme-color); line-height: 1; } body.single-post #primary article footer .tags-links a{ text-decoration: none; color: inherit; font-weight: 600; padding-left: 6px; padding-right: 5px; text-transform: uppercase; font-size: 12px; font-style: italic; } body.single-post #primary article .post-card .bmm-author-thumb-wrap { padding: 15px; position: relative; z-index: 1; color: #fff; border-radius: 15px; margin-bottom: 35px; display: flex; align-items: center; gap: 20px; } @media (max-width: 610px) { body.single-post #primary article .post-card .bmm-author-thumb-wrap { flex-direction: column; text-align: center; align-items: center; } } body.single-post #primary article .post-card .bmm-author-thumb-wrap .author-elements { flex: 0 1 82%; } body.single-post #primary article .post-card .bmm-author-thumb-wrap .post-thumb { flex: 0 1 12%; } body.single-post #primary article .post-card .bmm-author-thumb-wrap .post-thumb img { border-radius: 6px; } body.single-post #primary article .post-card .bmm-author-thumb-wrap .author-name { padding-top: 0; } body.single-post #primary article .post-card .bmm-author-thumb-wrap .author-desc { font-family: var(--blogistic-post-content-font-family); font-size: 15px; line-height: 29px; padding-bottom: 20px; color: var(--blogistic-site-color); } body.single-post #primary article .post-card .bmm-author-thumb-wrap .author-name a { font-size: 24px; color: var(--blogistic-site-color); letter-spacing: 0.6px; line-height: 30px; text-decoration: none; text-transform: capitalize; } body.single-post #primary .post-navigation h2.screen-reader-text { display: none; } body.single-post #primary .post-navigation .nav-links { display: flex; justify-content: space-between; } body.single-post #primary .post-navigation .nav-links > div { flex: 0 1 48%; } body.single-post #primary .post-navigation .nav-links a { text-decoration: none; display: flex; align-items: center; gap: 15px; } body.single-post #primary .post-navigation .nav-links figure.nav-thumb { border-radius: 6px; background-size: cover; background-position: center; height: 105px; position: relative; } body.single-post #primary .post-navigation .nav-links .nav-post-elements { flex: 0 1 70%; } body.single-post #primary .post-navigation .nav-links .nav-post-elements .post-date i { font-size: 12px; } body.single-post #primary .post-navigation .nav-links .nav-post-elements .post-nav-time-string { font-size: 13px; line-height: 20px; display: inline-block; } body.single-post #primary .post-navigation .nav-links .nav-post-elements .nav-title { font-family: var(--blogistic-post-title-font-family); font-style: var(--blogistic-post-title-font-style); font-size: 18px; font-weight: 500; line-height: 25px; color: var(--blogistic-site-color); } body.single-post #primary .post-navigation .nav-links .button-thumbnail { flex: 0 1 30%; position: relative; align-self: flex-start; } body.single-post #primary .post-navigation .nav-links .nav-subtitle { position: absolute; z-index: 2; bottom: 10px; left: 10px; } body.single-post #primary .post-navigation .nav-next .nav-subtitle { right: 10px; left: initial; } body.single-post #primary .post-navigation .nav-links .nav-subtitle i{ background-color: var(--blogistic-global-preset-theme-color); padding: 8px 15px; border-radius: 6px; color: #fff; font-size: 12px; } body.single-post #primary article header.no-single-featured-image { height: auto; } body.single-post #blogistic-main-wrap .blogistic-container .row #primary article header.entry-header.no-single-featured-image .post-categories { position: relative; top: 0; left: 0px; } body.single-post #blogistic-main-wrap #primary article header.entry-header.no-single-featured-image .post-categories li { line-height: 15px; margin-bottom: 10px; } body.single-post .blogistic-inner-content-wrap .post-inner .entry-header .post-thumbnail { position: relative; padding-bottom: calc( 100% * var(--blogistic-single-post-image-ratio) ); } body.single-post .entry-header .post-thumbnail img { height: 100%; width: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: scale(1) translate(-50%,-50%); } body.single-post #primary .post-navigation .nav-links figure.nav-thumb:before { width: 100%; height: 100%; content: ''; position: absolute; left: 50%; top: 50%; transform: translate( -50%, -50%); z-index: 1; background-color: #0000003B; border-radius: 6px; border: transparent; } article h1 { font-size: 34px; padding-top: 19.84px; margin-bottom: 12px; line-height: 44px; margin-top: 0; } article h2 { font-size: 28px; padding-top: 14.4px; margin-bottom: 10px; line-height: 35px; margin-top: 0; } article h3 { font-size: 24px; padding-top: 20.8px; margin-bottom: 12px; line-height: 36px; margin-top: 0; } article h4 { font-size: 18px; padding-top: 8px; margin-bottom: 12px; margin-top: 0; } article h5 { font-size: 16px; padding-top: 8px; margin-bottom: 12px; margin-top: 0; } article h6 { font-size: 14px; padding-top: 8px; margin-bottom: 12px; margin-top: 0; } body.single-post .entry-title { margin-top: 18px; margin-bottom: 4px; } /** Single layout two **/ .single-post--layout-two .blogistic-single-header header { width: 100%; position: relative; overflow: hidden; } .single-post--layout-two .blogistic-single-header header .post-categories { padding: 0; margin: 20px; list-style: none; display: flex; } .single-post--layout-two .blogistic-single-header header .post-categories li { margin-right: 8px; } .single.logged-in article .comment-meta .edit-link { position: relative; left: 0; bottom: 0; } .single.logged-in article .comment-meta .edit-link .comment-edit-link { color: #fff; } /* Single Layout Three */ .single.single-post.single-post--layout-four #blogistic-main-wrap .blogistic-single-header, .single.single-post.single-post--layout-five #blogistic-main-wrap .blogistic-single-header { display: block; } .single.single-post--layout-five .blogistic-single-header .entry-title { color: var(--blogistic-single-content-color); } /* Single Layout Five */ .single.single-post--layout-five .blogistic-single-header .entry-header { display: flex; flex-direction: column; } .single.single-post--layout-five .blogistic-single-header .post-thumb-wrap { order: 2; margin-top: 32px; position: relative; } .single.single-post--layout-five .blogistic-single-header .post-thumbnail { padding-bottom: calc( 75% * var(--blogistic-single-post-image-ratio) ); } /* ========================================= 10.0 Category, Tags Author page ========================================= */ body.archive.category #blogistic-main-wrap .page-header .blogistic-container .row, body.archive.tag #blogistic-main-wrap .page-header .blogistic-container .row, body.archive.date #blogistic-main-wrap .page-header .blogistic-container .row, body.search.search-results #blogistic-main-wrap .blogistic-container .page-header { padding: 30px; position: relative; z-index: 1; border-radius: 15px; margin-bottom: 40px; display: flex; flex-direction: column; background: #fff; } body.search.search-results #blogistic-main-wrap .blogistic-container .page-header .page-title { font-size: 25px; margin: 10px 0; font-weight: 500; text-align: center; color: var(--blogistic-archive-text-color); } body.search.search-results #blogistic-main-wrap .blogistic-container .page-header .page-title span { padding-left: 5px; font-weight: 700; } body.archive.category #blogistic-main-wrap .page-header .blogistic-container .archive-title, body.archive.tag #blogistic-main-wrap .page-header .blogistic-container .archive-title, body.archive.date #blogistic-main-wrap .page-header .blogistic-container .archive-title { display: flex; gap: 25px; align-items: center; } body.archive.category #blogistic-main-wrap .page-header .blogistic-container i, body.archive.tag #blogistic-main-wrap .page-header .blogistic-container i, body.archive.date #blogistic-main-wrap .page-header .blogistic-container i { text-align: center; font-size: 22px; color: var( --blogistic-global-preset-theme-color ); } body.archive.category #blogistic-main-wrap .page-header .blogistic-container .page-title, body.archive.tag #blogistic-main-wrap .page-header .blogistic-container .page-title, body.archive.date #blogistic-main-wrap .page-header .blogistic-container .page-title{ margin: 0; } body.archive.category #blogistic-main-wrap .page-header .blogistic-container .archive-description p, body.archive.tag #blogistic-main-wrap .page-header .blogistic-container .archive-description p, body.archive.date #blogistic-main-wrap .page-header .blogistic-container .archive-description p{ margin: 8px 0 0; } .archive.category .page-header .page-title { font-family: 'Montserrat', sans-serif; font-size: 30px; line-height: 33px; letter-spacing: 0.6px; font-weight: 600; color: var(--blogistic-archive-text-color); } .archive.category .page-header .archive-description { font-size: 16px; line-height: 30px; font-weight: 300; font-family: "Poppins",sans-serif; margin-top: 10px; color: var(--blogistic-archive-text-color); } .archive.category .page-header .archive-description p { font-weight: inherit; letter-spacing: inherit; } .archive.tag .page-header .page-title { font-family: 'Montserrat', sans-serif; font-size: 30px; line-height: 33px; letter-spacing: 0.6px; font-weight: 600; color: var(--blogistic-site-color); } .archive.tag .page-header .archive-description { font-size: 16px; line-height: 30px; font-weight: 300; font-family: "Poppins",sans-serif; color: var(--blogistic-site-color); } .archive.date .page-header .page-title { font-size: 27px; color: var(--blogistic-archive-text-color); } .archive.tag .page-header .archive-description p { font-weight: inherit; letter-spacing: inherit; } .archive.author .page-header .page-title { font-family: 'Montserrat', sans-serif; font-size: 30px; line-height: 33px; letter-spacing: 0.6px; font-weight: 600; color: var(--blogistic-site-color); } .archive.author .page-header .archive-description { font-size: 16px; line-height: 30px; font-weight: 300; font-family: "Poppins",sans-serif; color: var(--blogistic-site-color); margin-top: 25px; text-align: left; } .archive.author .page-header .archive-description p { font-weight: inherit; letter-spacing: inherit; } /* ========================================= 11.0 Search Popup ========================================= */ .search-form-wrap{ display: block; position: fixed; left: 0; width: 100%; height: 100%; top: 0; background-color: #252424d9; z-index: 99999; } .search-form-wrap form.search-form { text-align: center; margin-top: 50vh; } .search-form-wrap form.search-form input.search-field { background: #edc3ff33; border: none; width: 40%; border-radius: 6px; padding: 14px 25px; color: #fff; } .search-form-wrap form.search-form input.search-field:focus{ outline: 1px solid #7f7e7e; color: #fff; background-color: #edc3ff33; } .search-form-wrap form.search-form input.search-field::placeholder, .search-form-wrap form.search-form input.search-field::-ms-input-placeholder { color: #fff; } .search-form-wrap form.search-form input.search-submit { background-color: var(--blogistic-global-preset-theme-color); border: none; color: #fff; line-height: 1; padding: 18px 28px; margin-left: 5px; border-radius: 6px; font-family: var(--blogistic-custom-button-family); font-size: var(--blogistic-custom-button-size); font-weight: var(--blogistic-custom-button-weight); } .search-form-wrap form.search-form input.search-submit:hover { cursor: pointer; } /** search page search form */ .blogistic_search_page form.search-form label { font-family: "Montserrat",sans-serif; font-weight: 600; font-size: 24px; margin-bottom: 20px; margin-top: 0; letter-spacing: 0.6px; padding-bottom: 5px; display: block; } .blogistic_search_page form.search-form { position: relative; width: 60%; margin: 0 auto } .blogistic_search_page form.search-form input.search-field { width: 100%; height: 50px; border-radius: 60px; border: none; padding: 0 25px; color: #000; margin-top: 15px; opacity: 0.815; border: 1px dashed #dbdbdb; } .blogistic_search_page form.search-form input.search-field:focus { box-shadow: none; outline-offset: 0; outline-color: var(--blogistic-global-preset-theme-color); min-width: 1px; } .blogistic_search_page form.search-form input.search-field:placeholder { color: #fff; } .no-results.not-found .blogistic_search_page form.search-form input.search-field { color: var(--blogistic-widget-block-title-color); } .blogistic_search_page form.search-form input.search-submit { position: absolute; top: 24px; right: 12px; color: #fff; background: var(--blogistic-global-preset-theme-color); border: none; font-weight: 500; padding: 8px 15px 9px 15px; border-radius: 25px; cursor: pointer; } /** search result page **/ body.search-results .no-feat-img .post-thumb-wrap { position: relative; padding-bottom: calc( 100% * 0.65 ); background: var(--blogistic-noimg-bk-color); background-position: center; background-size: cover; overflow: hidden; } body.search-results article figure.post-thumbnail-wrapper .post-thumnail-inner-wrapper { position: relative; padding-bottom: calc(100% * 0.65); background-position: center; background-size: cover; overflow: hidden; } body.search-results article figure.post-thumbnail-wrapper .post-thumnail-inner-wrapper img { height: 100%; width: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: scale(1) translate(-50%,-50%); } body.search-results #blogistic-main-wrap > .blogistic-container > .row, body.search-no-results #blogistic-main-wrap > .blogistic-container > .row { padding-top: 0; padding-bottom: 50px; } body.search-results #blogistic-main-wrap > .blogistic-container > .row #primary article .blogistic-article-inner { position: relative; z-index: 1; border-radius: var(--blogistic-content-border-radius); box-sizing: border-box; } body.search-results #blogistic-main-wrap .blogistic-container .row #primary article figure { position: relative; } body.search-results #blogistic-main-wrap .blogistic-container .row #primary article figure.wp-block-audio { position: absolute; } body.search-results #blogistic-main-wrap .blogistic-container .row #primary article figure .post-categories { position: absolute; left: 10px; top: 15px; z-index: 10; text-align: center; margin: 0; padding: 0; list-style: none; text-decoration: none; } body.search-results article .post-footer { padding-bottom: 0; } body.search-results article.format-image .post-footer { margin: 0; padding: 15px 0 5px; } body.search-results #blogistic-main-wrap > .blogistic-container > .row #primary article.no-featured-image figure .post-categories { position: relative; left: 0; top: 0; text-align: center; } body.search-results #blogistic-main-wrap .blogistic-container .row #primary article.format-video figure.wp-block-video { position: absolute; width: 101%; height: 100%; display: block; } section.no-results.not-found { margin: 0; background-color: var(--blogistic-white-bk); padding: 20px; border-radius: 15px; text-align: center; } section.no-results.not-found .entry-title { font-size: 32px; margin: 10px 0; font-weight: 600; color: var(--blogistic-post-title-font-color); } section.no-results.not-found .page-content { font-family: var(--blogistic-post-content-font-family); font-style: var(--blogistic-post-content-font-style); font-size: var(--blogistic-post-content-font-size); color: var(--blogistic-post-content-font-color); font-weight: var(--blogistic-post-content-font-weight); line-height: var(--blogistic-post-content-font-lineheight); letter-spacing: var(--blogistic-post-content-font-letterspacing); padding-bottom: 25px; } /* ========================================= 12.0 Single Page ========================================= */ .single.single--right-sidebar #blogistic-main-wrap .blogistic-container, .single.single--left-sidebar #blogistic-main-wrap .blogistic-container, .single.single--both-sidebar #blogistic-main-wrap .blogistic-container { width: 100%; } .wp-block-columns:last-child { margin-bottom: 0; } body.page #blogistic-main-wrap > .blogistic-container > .row, body.error404 #blogistic-main-wrap > .blogistic-container > .row { padding-top: 0; padding-bottom: 50px; } .page #blogistic-main-wrap #primary article { background-color: var(--blogistic-white-bk); padding: 15px; border-radius: 15px; } .page #blogistic-main-wrap #primary article.box-shadow--enabled { padding: 20px 30px 15px; } .error404 #blogistic-main-wrap #primary .not-found { background-color: rgba(0,0,0,0.15); padding: 35px; border-radius: 15px; color: var(--blogistic-post-content-font-color); text-align: center; } body.page #blogistic-main-wrap #primary article .entry-title { font-family: "Montserrat",sans-serif; font-weight: 600; font-size: 34px; line-height: 45px; letter-spacing: 0.6px; position: relative; margin-top: 0; border-bottom: 2px solid var(--border-bottom-color); padding-bottom: 10px; display: block; margin-bottom: 25px; } .back_to_home_btn { padding: 5px 0; } .back_to_home_btn a{ color: var(--blogistic-white-text); text-decoration: none; padding: 12px 30px; background: var(--blogistic-404-button-bkcolor); border-radius: 20px; border: none; font-family: var(--blogistic-custom-button-family); font-size: var(--blogistic-custom-button-size); font-weight: var(--blogistic-custom-button-weight); box-shadow: 0 0 3px 1px rgb(224 224 224 / 12%); -webkit-box-shadow: 0 0 3px 1px rgb(224 224 224 / 12%); display: inline-block; } .back_to_home_btn a:hover{ color: var(--blogistic-white-text); background: var(--blogistic-404-button-bkcolor-hover); } .back_to_home_btn a i{ padding: 0 8px; color: var(--blogistic-white-text); } .back_to_home_btn a:hover i{ color: var(--blogistic-white-text); } .page-template-default #primary article .post-thumbnail { position: relative; padding-bottom: calc( 100% * var(--blogistic-single-page-image-ratio) ); background: #efefef; margin-bottom: 25px; } .page-template-default #primary article .post-thumbnail img{ height: 100%; width: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: scale(1) translate(-50%,-50%); border-radius: 15px; } body.page-template-default article .entry-content { color: var(--blogistic-post-content-font-color); font-weight: 400; font-family: "Poppins", sans-serif; font-size: 16.5px; line-height: 34px; letter-spacing: 0.3px; } body.page-template-default article .entry-content p{ margin-bottom: 20px; line-height: inherit; font-size: inherit; letter-spacing: inherit; } body.page article .entry-content p a, body.page article .entry-content a { color: var(--blogistic-global-preset-theme-color); } /* ========================================= 13.0 Main Banner ========================================= */ .blogistic-main-banner-section { margin-bottom: 40px; } .blogistic-main-banner-section article.post-item .post-elements { position: absolute; width: 92%; display: block; left: 0; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 25px 35px; z-index: 2; margin-left: auto; margin-right: auto; border-radius: 6px; } .blogistic-main-banner-section article.post-item .post-thumb { position: relative; padding-bottom: calc( 100% * 0.42 ); background-position: center; background-size: cover; border-radius: 15px; overflow: hidden; } .blogistic-main-banner-section article.post-item .post-thumb:before { content: ''; position: absolute; z-index: 1; left: 50%; top: 50%; transform: translate( -50%, -50%); background-color: #02010138; width: 100%; height: 100%; position: absolute; } .blogistic-main-banner-section article.post-item .post-thumb img { height: 100%; width: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: scale(1) translate(-50%,-50%); box-shadow: 0px 5px 15px 0px rgba(74, 77, 84, 0.33); --webkit-box-shadow: 0px 5px 15px 0px rgba(74, 77, 84, 0.33); } .blogistic-main-banner-section .main-banner-wrap .slick-arrow { position: absolute; cursor: pointer; border: none; top: 50%; transform: translateY(-50%); z-index: 1; font-size: 0.83rem; border-radius: 0; transition: all .3s ease; color: #ddd; background-color: var(--blogistic-global-preset-theme-color); border: none; border-radius: 10px; text-align: center; padding: 0; width: 40px; height: 36px; } .blogistic-main-banner-section .main-banner-wrap .slick-arrow.slick-next { right: 2px; } .blogistic-main-banner-section .main-banner-wrap .slick-arrow.slick-prev { left: 2px; } .blogistic-main-banner-section.arrow-on-hover--on .main-banner-wrap .slick-arrow, .blogistic-carousel-section.arrow-on-hover--on .carousel-wrap .slick-arrow, .blogistic-instagram-section.slider-enabled .slick-arrow, .widget.widget_blogistic_instagram_widget .slick-arrow { display: none!important; } body .blogistic-main-banner-section.arrow-on-hover--on .main-banner-wrap:hover .slick-arrow, body .blogistic-carousel-section.arrow-on-hover--on .carousel-wrap:hover .slick-arrow, .blogistic-instagram-section.slider-enabled .instagram-content:hover .slick-arrow, .widget.widget_blogistic_instagram_widget .instagram-content:hover .slick-arrow { display: inline-block!important; } .blogistic-main-banner-section .main-banner-wrap .post-categories { list-style: none; margin: 0; padding: 0; } .blogistic-main-banner-section .slick-slide { position: relative; } .blogistic-main-banner-section .main-banner-wrap .post-categories li { list-style: none; display: inline-block; margin-bottom: 12px; } .blogistic-main-banner-section .main-banner-wrap .post-categories li + li { margin-left: 10px; } .blogistic-main-banner-section .main-banner-wrap .post-elements .post-title { font-family: var(--blogistic-banner-title-family); color: var(--blogistic-white-text); font-weight: var(--blogistic-banner-title-weight); font-size: var(--blogistic-banner-title-size); line-height: var(--blogistic-banner-title-lineheight); letter-spacing: var(--blogistic-banner-title-letterspacing); font-style: var(--blogistic-banner-title-style); margin: 5px 0 10px 0; } .blogistic-main-banner-section .main-banner-wrap .post-elements .post-title a { text-decoration: none; color: inherit; letter-spacing: inherit; } .blogistic-main-banner-section .main-banner-wrap .post-elements .post-excerpt { font-family: var(--blogistic-post-content-font-family); font-style: var(--blogistic-post-content-font-style); font-size: var(--blogistic-post-content-font-size); color: #fff; font-weight: var(--blogistic-post-content-font-weight); line-height: var(--blogistic-post-content-font-lineheight); letter-spacing: var(--blogistic-post-content-font-letterspacing); padding-bottom: 40px; } .blogistic-main-banner-section .main-banner-wrap .post-elements .post-date { margin: 15px 0 5px 0; color: #fff; } .blogistic-main-banner-section .main-banner-wrap .post-elements .post-date img { width: 25px; display: inline-block; vertical-align: middle; margin-right: 10px; color: #fff; } .blogistic-central-mode-enable article { padding-left: 10px; padding-right: 10px; } .blogistic-main-banner-section .main-banner-wrap .byline { text-align: left; vertical-align: middle; font-family: var(--blogistic-meta-font-family); font-size: var(--blogistic-meta-font-size); font-weight: var(--blogistic-meta-font-weight); font-style: var(--blogistic-meta-font-style); color: var(--blogistic-meta-font-color); display: inline-block; color: var(--blogistic-white-text); } .blogistic-main-banner-section .main-banner-wrap .byline img { vertical-align: middle; border-radius: 150px; margin-right: 10px; width: 28px; height: 28px; -webkit-box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.25); box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.25); display: inline-block; } .blogistic-main-banner-section .main-banner-wrap .byline a { text-decoration: none; color: inherit; font-size: inherit; } body .blogistic-main-banner-section.banner-align--left .post-elements { text-align: left; } body .blogistic-main-banner-section.banner-align--right .post-elements { text-align: right; } body .blogistic-main-banner-section.banner-align--center .post-elements { text-align: center; } .blogistic-main-banner-section .post-elements { background: var(--blogistic-banner-bk-color); } .blogistic-main-banner-section .blogistic-social-share { position: absolute; top: 20px; right: 0; z-index: 3; } /* Banner Layout Two */ .blogistic-main-banner-section.layout--two .main-banner-wrap .post-elements { position: relative; background-color: #fff; transform: initial; width: 60%; left: initial; margin-right: 130px; margin-top: -120px; margin-bottom: 5px; box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 9%); } .blogistic-main-banner-section.layout--two .main-banner-wrap .post-elements .post-title { margin: 0 0 5px; padding-top: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .blogistic-main-banner-section.layout--two .main-banner-wrap .post-elements .post-title a { color: var(--blogistic-banner-title-color); } .blogistic-main-banner-section.layout--two .main-banner-wrap .post-elements .author-date-wrap span + span { margin-left: 15px; } .blogistic-main-banner-section.layout--two .main-banner-wrap .post-elements .post-excerpt { color: var(--blogistic-banner-excerpt-color); padding-bottom: 20px; } .blogistic-main-banner-section.layout--two .main-banner-wrap .post-elements .byline { color: var(--blogistic-banner-meta-color); } .blogistic-main-banner-section.layout--two .main-banner-wrap .post-elements .post-date { color: var(--blogistic-banner-meta-color); display: inline-block; margin-top: 10px; } /* ========================================= 14.0 Carousel ========================================= */ .blogistic-carousel-section { margin-bottom: 40px; overflow-y: hidden; } .blogistic-carousel-section .carousel-wrap .slick-list { margin: 0 -12px; } .blogistic-carousel-section.carousel-layout--one .carousel-wrap .slick-list { padding: 5px 0; } .blogistic-carousel-section article.post-item { position: relative; margin: 0 12px; } .blogistic-carousel-section.carousel-layout--one article.post-item .post-elements { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 92%; text-align: center; padding: 25px 20px; z-index: 2; border-radius: 15px; background: var(--blogistic-carousel-bk-color); } .blogistic-carousel-section.carousel-layout--two article.post-item .post-elements { position: relative; border-radius: 0 0 15px 15px; padding: 20px; text-align: center; } .blogistic-carousel-section.carousel-align--left article.post-item .post-elements { text-align: left; padding: 20px 45px; } .blogistic-carousel-section.carousel-align--right article.post-item .post-elements { text-align: right; padding: 20px 45px; } .blogistic-carousel-section article.post-item .post-thumb { position: relative; padding-bottom: calc( 100% * 1.1 ); background-position: center; background-size: cover; overflow: hidden; border-radius: 15px 15px 0 0; } .blogistic-carousel-section article.post-item .post-thumb:before { content: ''; position: absolute; z-index: 1; left: 50%; top: 50%; transform: translate( -50%, -50%); background-color: #02010138; width: 100%; height: 100%; position: absolute; } .blogistic-carousel-section article.post-item .post-thumb img { height: 100%; width: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: scale(1) translate(-50%,-50%); box-shadow: 0px 5px 15px 0px rgba(74, 77, 84, 0.33); --webkit-box-shadow: 0px 5px 15px 0px rgba(74, 77, 84, 0.33); } .blogistic-carousel-section .carousel-wrap .slick-arrow { position: absolute; cursor: pointer; border: none; top: 50%; transform: translateY(-50%); z-index: 1; font-size: 0.83rem; border-radius: 0; transition: all .3s ease; color: #ddd; background-color: var(--blogistic-global-preset-theme-color); border: none; border-radius: 10px; text-align: center; padding: 0; width: 40px; height: 36px; } .blogistic-carousel-section .carousel-wrap .slick-arrow.slick-next { right: 2px; } .blogistic-carousel-section .carousel-wrap .slick-arrow.slick-prev { left: 2px; } .blogistic-carousel-section .carousel-wrap .post-elements .post-title { font-family: var(--blogistic-post-title-font-family); font-style: var(--blogistic-post-title-font-style); font-size: 24px; color: #fff; font-weight: var(--blogistic-post-title-font-weight); line-height: 34px; letter-spacing: var(--blogistic-post-title-font-letterspacing); margin: 5px 0 10px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .blogistic-carousel-section.carousel-layout--one .carousel-wrap .post-elements .post-title { padding-top: 0; } .blogistic-carousel-section .carousel-wrap .post-elements .post-title a { text-decoration: none; color: inherit; letter-spacing: inherit; } .blogistic-carousel-section .carousel-wrap .post-categories { list-style: none; margin: 0; padding: 0; margin-bottom: 10px; } .blogistic-carousel-section .carousel-wrap .slick-slide { position: relative; background-color: #fff; } .blogistic-carousel-section .carousel-wrap .post-categories li { list-style: none; display: inline-block; margin-right: 5px; line-height: 40px; } .blogistic-carousel-section .carousel-wrap .post-elements .post-excerpt { font-family: var(--blogistic-post-content-font-family); font-style: var(--blogistic-post-content-font-style); font-size: var(--blogistic-post-content-font-size); color: #fff; font-weight: var(--blogistic-post-content-font-weight); line-height: var(--blogistic-post-content-font-lineheight); letter-spacing: var(--blogistic-post-content-font-letterspacing); padding-bottom: 15; } .blogistic-carousel-section .carousel-wrap .byline { text-align: left; vertical-align: middle; font-family: var(--blogistic-meta-font-family); font-size: var(--blogistic-meta-font-size); font-weight: var(--blogistic-meta-font-weight); color: var(--blogistic-meta-font-color); display: inline-block; color: var(--blogistic-white-text); } .blogistic-carousel-section .carousel-wrap .byline img { vertical-align: middle; border-radius: 50%; margin-right: 10px; width: 24px; height: 24px; -webkit-box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.25); box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.25); display: inline-block; } .blogistic-carousel-section .carousel-wrap .byline a { text-decoration: none; color: inherit; font-size: inherit; } .blogistic-carousel-section .carousel-wrap .post-elements .post-date { margin: 15px 0 5px 0; color: #fff; } .blogistic-carousel-section.carousel-layout--two .carousel-wrap .post-elements .post-title { color: var(--blogistic-post-title-font-color); font-size: 20px; padding-top: 5px; } .blogistic-carousel-section.carousel-layout--two .carousel-wrap .post-elements .post-date { color: var(--blogistic-meta-font-color); } .blogistic-carousel-section.carousel-layout--two .carousel-wrap .post-elements .post-excerpt { color: var(--blogistic-post-content-font-color); } .blogistic-carousel-section.carousel-layout--two .carousel-wrap .byline { color: var(--blogistic-meta-font-color); } body .blogistic-carousel-section.carousel-layout--two article.post-item .post-thumb { margin-bottom: 0; } .blogistic-carousel-section.carousel-layout--two article.post-item .post-thumb { padding-bottom: calc(0.65 * 100%); } .blogistic-carousel-section.carousel-layout--two .carousel-wrap .post-elements .post-date { margin-top: 5px; } .blogistic-carousel-section.carousel-layout--two .carousel-wrap .slick-list article { margin-top: 4px; margin-bottom: 4px; } /* ========================================= 15.0 Breadcrumb ========================================= */ body .blogistic-breadcrumb-element .blogistic-breadcrumb-wrap { width: 100%; padding: 15px 30px; z-index: 0; text-align: left; background: #fff; color: var(--blogistic-breadcrumb-color); border-radius: 6px; } .blogistic-breadcrumb-wrap p { margin: 0; } .blogistic-breadcrumb-wrap ul { list-style: none; margin: 0; padding: 0; display: inline-block; } .blogistic-breadcrumb-wrap ul li { list-style: none; display: inline-block; padding-right: 5px; color: var(--blogistic-white-text); font-family: var(--blogistic-meta-font-family); font-style: var(--blogistic-site-description-style); word-break: break-word; } .blogistic-breadcrumb-wrap ul li i{ color: var(--blogistic-breadcrumb-link-color); margin: 0 5px; padding-left: 7px; padding-right: 2px; margin-left: 0; font-size: 11px; font-weight: 900; vertical-align: middle; } .blogistic-breadcrumb-wrap ul li:last-child i{ display: none; } .blogistic-breadcrumb-wrap ul li:after{ color: var(--blogistic-breadcrumb-link-color); position: relative; margin: 0 5px; content: "\f101"; font-family: 'Font Awesome 6 Free'; padding-left: 7px; padding-right: 2px; margin-left: 0; font-size: 11px; font-weight: 900; vertical-align: middle; display: none; } .blogistic-breadcrumb-wrap ul li:last-child:after{ content: ''; } .blogistic-breadcrumb-wrap a { color: inherit; text-decoration: none; color: var(--blogistic-breadcrumb-link-color); } .blogistic-breadcrumb-wrap a:hover{ color: var(--blogistic-breadcrumb-link-color-hover); } .blogistic-breadcrumb-wrap ul li.trail-end span { color: var(--blogistic-breadcrumb-color); } body #blogistic-main-wrap > .blogistic-container > .row.blogistic-breadcrumb-element { padding-top: 0; padding-bottom: 30px; } .blogistic-breadcrumb-wrap ul li .item-separator img { width: 18px; height: 18px; margin-inline: 16px; vertical-align: middle; } .blogistic-breadcrumb-wrap ul li:last-child .item-separator img { display: none; } /* ========================================= 16.0 Canvas Section ========================================= */ .blogistic-model-open:after { content: ''; width: 100%; height: 100%; background-color: #7a7a7a2e; z-index: 1; position: absolute; top: 0; } .blogistic-model-open:hover { cursor: e-resize; } .canvas-menu-sidebar { width: 370px; max-width: 400px; height: 100vh; background: var(--blogistic-canvash-bk-color); position: fixed; visibility: hidden; z-index: 99999; top: 0; left: 0; transition: .4s ease-in-out; transition-property: transform, visibility; content-visibility: auto; transform: translate3d(-100%, 0, 0); text-align: left; overflow-y: scroll; } @media (max-width: 375px) { .canvas-menu-sidebar { max-width: 280px; } } .blogistic-canvas-position--left .canvas-menu-sidebar { position: fixed; visibility: hidden; z-index: 99999; left: 0; top: 0; transition: .4s ease-in-out; transition-property: transform,visibility; content-visibility: auto; transform: translate3d(-100%,0,0); text-align: left; overflow-y: scroll; } .site-header .canvas-menu-icon i { color: var(--blogistic-canvas-icon-color); } .site-header .canvas-menu-icon:hover i { color: var(--blogistic-canvas-icon-color-hover); } .blogistic-canvas-position--right .canvas-menu-sidebar { position: fixed; visibility: hidden; z-index: 99999; right: 0; top: 0; transition: .4s ease-in-out; transition-property: transform,visibility; content-visibility: auto; transform: translate3d(100%,0,0); text-align: left; overflow-y: scroll; } body.admin-bar .canvas-menu-sidebar { top: 32px; } body.blogistic-model-open .canvas-menu-sidebar{ transform: translate3d(0,0,0); visibility: visible; } body.blogistic-model-open.blogistic-canvas-position--right .canvas-menu-sidebar{ direction: rtl; } body.blogistic-model-open.blogistic-canvas-position--right .canvas-menu-sidebar > section, body.blogistic-model-open.blogistic-canvas-position--right .canvas-menu-sidebar > div { direction: ltr; } .canvas-menu-sidebar > .widget { margin: 15px 15px 25px 15px; } .canvas-menu-sidebar > .widget:last-child { margin-bottom: 50px; } .canvas-menu-sidebar::-webkit-scrollbar { width: 4px; } .canvas-menu-sidebar::-webkit-scrollbar-thumb { background-color: var(--blogistic-global-preset-theme-color); border-radius: 40px; } /* ========================================= 17.0 Scroll To Top ========================================= */ .blogistic-scroll-btn.show { position: fixed; display: flex; align-items: center; bottom: 20px; right: 20px; z-index: 99; } .blogistic-scroll-btn.show:hover { cursor: pointer; } .blogistic-scroll-btn.show:hover .icon-holder, .blogistic-scroll-btn.show:hover .icon-text { background: var(--blogistic-scroll-top-bk-color); color: var(--blogistic-scroll-text-color-hover); } .blogistic-scroll-btn .icon-holder { background: var(--blogistic-scroll-top-bk-color); width: 40px; height: 40px; border-radius: 6px; color: var(--blogistic-scroll-text-color); display: inline-block; text-align: center; } .blogistic-scroll-btn .icon-text { color: var(--blogistic-scroll-text-color); background: var(--blogistic-scroll-top-bk-color); font-size: 14px; border-radius: 6px; padding: 8px 14px; margin-right: 10px; font-family: var(--blogistic-main-font-family); } .blogistic-scroll-btn .icon-holder i { display: inline-block; vertical-align: middle; line-height: 40px; color: inherit; } .blogistic-scroll-btn.align--left { left: 20px; right: auto; } .blogistic-scroll-btn.align--left .icon-text { order: 1; margin-left: 10px; margin-right: 0; } .blogistic-scroll-btn.align--center { left: calc(50% - 20px); right: auto; flex-direction: column; justify-content: center; align-items: center; } .blogistic-scroll-btn.align--center .icon-text { display: block; order: 1; margin-top: 10px; margin-right: 0; } /* ========================================= 18.0 Footer ========================================= */ footer .bottom-inner-wrapper { padding: 60px 0; } footer .bottom-inner-wrapper .social-icons-wrap { text-align: center; margin-bottom: 5px } footer .bottom-inner-wrapper .social-icons-wrap a { margin-bottom: 15px; } footer .bottom-inner-wrapper .social-icons-wrap a { background-color: #fff; color: #000; display: inline-block; width: 35px; height: 35px; margin-inline: 15px; border-radius: 10px; line-height: 36px; text-align: center; font-size: 13px; } footer .site-info { color: var(--blogistic-white-text); text-align: center; font-family: 'Montserrat', sans-serif; font-size: 15px; color: var(--blogistic-bottom-footer-text-color); } footer .site-info a { text-decoration: none; color: inherit; color: var(--blogistic-bottom-footer-link-color); } footer .site-info a:hover{ text-decoration: none; color: inherit; color: var(--blogistic-bottom-footer-link-color-hover); } footer .footer-inner .row .footer-inner-wrap{ display: flex; flex-wrap: wrap; margin: 0 -20px; } footer .footer-inner .row .footer-widget { padding: 0 20px; } footer .footer-inner .row .footer-widget.column-one { flex: 1 1 100%; max-width: 100%; } footer .footer-inner .row .footer-widget.column-two { flex: 1 1 50%; max-width: 50%; } footer .footer-inner .row .footer-widget.column-three { flex: 1 1 33%; max-width: 33%; } footer .footer-inner .row .footer-widget.column-four { flex: 1 1 25%; max-width: 25%; } footer .footer-inner .widget, footer .footer-inner #widget_block { padding: 0; background-color: transparent; border-radius: initial; box-shadow: none; -webkit-box-shadow: none; margin-bottom: 40px; color: var(--blogistic-white-text); } body .footer-inner .widget_blogistic_heading_widget { margin-bottom: 18px; } body .footer-inner .footer-widget p { margin: 0 0 15px; } footer .footer-inner .widget_block .wp-block-group__inner-container .wp-block-heading, footer .footer-inner section.widget .widget-title, footer .footer-inner .wp-block-heading { font-family: var(--blogistic-widget-block-font-family); font-style: var(--blogistic-widget-block-font-style); font-weight: var(--blogistic-widget-block-font-weight); font-size: var(--blogistic-widget-block-font-size); letter-spacing: var(--blogistic-widget-block-font-letterspacing); line-height: var(--blogistic-widget-block-font-lineheight); margin-bottom: 25px; margin-top: 0; padding-bottom: 5px; border-bottom: 2px solid var(--blogistic-border-color); display: block; color: var(--blogistic-footer-white-text); } footer .footer-inner .wp-block-heading { position: relative; } footer .footer-inner ul.wp-block-latest-posts a, footer .footer-inner ol.wp-block-latest-comments li footer, footer .footer-inner ul.wp-block-archives a, footer .footer-inner ul.wp-block-categories a, footer .footer-inner ul.wp-block-page-list a, footer .footer-inner .widget_blogistic_post_grid_widget .post-grid-wrap .post-title, footer .footer-inner .menu .menu-item a { color: var(--blogistic-footer-title-text); } footer .footer-inner ul.wp-block-latest-posts a:hover, footer .footer-inner ol.wp-block-latest-comments li footer:hover, footer .footer-inner ul.wp-block-archives a:hover, footer .footer-inner ul.wp-block-categories a:hover, footer .footer-inner ul.wp-block-page-list a:hover, footer .footer-inner .widget_blogistic_post_grid_widget .post-grid-wrap .post-title:hover, footer .footer-inner .menu .menu-item a:hover { color: var(--blogistic-footer-title-text-hover); } footer .footer-inner ul.wp-block-latest-posts li, footer .footer-inner ol.wp-block-latest-comments li, footer .footer-inner ul.wp-block-archives li, footer .footer-inner ul.wp-block-categories li, footer .footer-inner ul.wp-block-page-list li, footer .footer-inner .widget_blogistic_post_list_widget .post-list-wrap .post-item, footer .footer-inner .widget_blogistic_category_collection_widget .categories-wrap .category-item, footer .footer-inner .widget_blogistic_post_grid_widget .post-grid-wrap .post-item, footer .footer-inner .menu .menu-item { border-color: var(--blogistic-border-color); } footer .footer-inner .widget_blogistic_category_collection_widget .categories-wrap .category-item, footer .footer-inner .widget_blogistic_post_list_widget .post-list-wrap .post-item, footer .footer-inner .widget_blogistic_post_list_widget .post-list-wrap .post-title, footer .footer-inner .post-date, footer .footer-inner .widget_blogistic_author_info_widget .bmm-author-thumb-wrap .author-elements .author-name, footer .footer-inner .widget_blogistic_author_info_widget .bmm-author-thumb-wrap .author-elements .author-tag, footer .footer-inner .author-content-wrap .author-desc, footer .widget_blogistic_posts_grid_two_column_widget .posts-wrap .post-title a, footer .widget_blogistic_post_grid_widget .post-grid-wrap .post-title a, footer .widget_blogistic_carousel_widget .post-title a, footer .widget.widget_blogistic_video_playlist_widget .video-playlist-widget .video-playlist-wrap .video-title, footer .widget.widget_blogistic_video_playlist_widget .video-playlist-widget .video-playlist-wrap .video-duration, footer .widget_blogistic_video_playlist_widget .thumb-controller i { color: var(--blogistic-footer-title-text); } footer .footer-inner .widget_blogistic_category_collection_widget .categories-wrap .category-item .category-name:hover, footer .footer-inner .widget_blogistic_category_collection_widget .categories-wrap .category-item:hover, footer .footer-inner .widget_blogistic_post_list_widget .post-list-wrap .post-item:hover, footer .footer-inner .widget_blogistic_post_list_widget .post-list-wrap .post-title:hover, footer .footer-inner .post-date:hover, footer .footer-inner .widget_blogistic_author_info_widget .bmm-author-thumb-wrap .author-elements .author-tag:hover { color: var(--blogistic-footer-title-text-hover); } .bottom-inner-wrapper .footer-logo { text-align: center; margin-bottom: 15px; } footer.site-footer .footer-inner .row { padding-top: 30px; } body footer.site-footer .widget_blogistic_category_collection_widget .categories-wrap .category-item .category-name { font-size: 13px; } body footer.site-footer .widget_blogistic_category_collection_widget .categories-wrap .category-item .category-name:hover { color: #000; } /* ========================================= 19.0 Advertisement ========================================= */ #blogistic-main-wrap .masonry .blogistic-advertisement-block { margin-bottom: 50px; } #primary .blogistic-inner-content-wrap .blogistic-advertisement-block img { display: block; } section.blogistic-advertisement-section-header { margin-top: 0; margin-bottom: 40px; } section.blogistic-advertisement img { display: block; } section.blogistic-advertisement-section-footer { margin-bottom: 50px; } .advertisement-wrap img{ box-shadow: var(--blogistic-article-box-shadow); webkit-box-shadow: var(--blogistic-article-box-shadow); } .blogistic-advertisement.image-option--full-width img { width: 100%; } .blogistic-advertisement.alignment--center img { margin: 0 auto; } .blogistic-advertisement.alignment--right .advertisement-wrap { display: flex; justify-content: flex-end; } .blogistic-advertisement.alignment--right.image-option--full-width .advertisement-wrap { display: block; } /* ========================================= 20.0 Slick Slider ========================================= */ /* Slider */ body .blogistic-central-mode-enable.blogistic-main-banner-section .slick-slider { border-radius: 0; } .blogistic-category-collection-section { margin-top: 10px; } .blogistic-main-banner-section .slick-slider, .blogistic-carousel-section .slick-slider, .blogistic-instagram-section.slider-enabled .slick-slider, .blogistic-category-collection-section.slider-enabled .slick-slider, .widget_blogistic_carousel_widget .slick-slider, .widget .instagram-widget .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .blogistic-main-banner-section .slick-list, .blogistic-carousel-section .slick-list, .blogistic-instagram-section.slider-enabled .slick-slider .slick-list, .blogistic-category-collection-section.slider-enabled .slick-slider .slick-list, .widget_blogistic_carousel_widget .slick-slider .slick-list, .widget .instagram-widget .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .blogistic-main-banner-section .slick-list:focus, .blogistic-carousel-section .slick-list:focus, .blogistic-instagram-section.slider-enabled .slick-slider .slick-list:focus, .blogistic-category-collection-section.slider-enabled .slick-slider .slick-list:focus, .widget_blogistic_carousel_widget .slick-list:focus, .widget .instagram-widget .slick-list:focus { outline: none; } .blogistic-main-banner-section .slick-list.dragging, .blogistic-carousel-section .slick-list.dragging, .blogistic-instagram-section.slider-enabled .slick-list.dragging, .blogistic-category-collection-section.slider-enabled .slick-list.dragging, .widget_blogistic_carousel_widget .slick-list.dragging, .widget .instagram-widget .slick-list.dragging { cursor: pointer; cursor: hand; } .blogistic-main-banner-section .slick-slider .slick-track, .blogistic-main-banner-section .slick-slider .slick-list, .blogistic-carousel-section .slick-slider .slick-track, .blogistic-carousel-section .slick-slider .slick-list, .blogistic-instagram-section.slider-enabled .slick-slider .slick-track, .blogistic-instagram-section.slider-enabled .slick-slider .slick-list, .blogistic-category-collection-section.slider-enabled .slick-slider .slick-track, .blogistic-category-collection-section.slider-enabled .slick-slider .slick-list, .widget_blogistic_carousel_widget .slick-slider .slick-track, .widget_blogistic_carousel_widget .slick-slider .slick-list, .widget .instagram-widget .slick-track, .widget .instagram-widget .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .blogistic-main-banner-section .slick-track, .blogistic-carousel-section .slick-track, .blogistic-instagram-section .slick-track, .blogistic-category-collection-section .slick-track, .widget_blogistic_carousel_widget .slick-track, .widget .instagram-widget .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .blogistic-main-banner-section .slick-track:before, .blogistic-main-banner-section .slick-track:after, .blogistic-carousel-section .slick-track:before, .blogistic-carousel-section .slick-track:after, .blogistic-instagram-section .slick-track:before, .blogistic-instagram-section .slick-track:after, .blogistic-category-collection-section .slick-track:before, .blogistic-category-collection-section .slick-track:after, .widget_blogistic_carousel_widget .slick-track:before, .widget_blogistic_carousel_widget .slick-track:after, .widget .instagram-widget .slick-track:before, .widget .instagram-widget .slick-track:after { display: table; content: ''; } .blogistic-main-banner-section .slick-track:before, .blogistic-carousel-section .slick-track:before, .blogistic-instagram-section .slick-track:before, .blogistic-category-collection-section .slick-track:before, .widget_blogistic_carousel_widget .slick-track:before, .widget .instagram-widget .slick-track:before { clear: both; } .blogistic-main-banner-section .slick-loading .slick-track, .blogistic-carousel-section .slick-loading .slick-track, .blogistic-instagram-section .slick-loading .slick-track, .blogistic-category-collection-section .slick-loading .slick-track, .widget_blogistic_carousel_widget .slick-loading .slick-track, .widget .instagram-widget .slick-loading .slick-track { visibility: hidden; } .blogistic-main-banner-section .slick-slide, .blogistic-carousel-section .slick-slide, .blogistic-instagram-section .slick-slide, .blogistic-category-collection-section .slick-slide, .widget_blogistic_carousel_widget .slick-slide, .widget .instagram-widget .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } .blogistic-main-banner-section [dir='rtl'] .slick-slide, .blogistic-carousel-section [dir='rtl'] .slick-slide, .blogistic-instagram-section [dir='rtl'] .slick-slide, .blogistic-category-collection-section [dir='rtl'] .slick-slide, .widget_blogistic_carousel_widget [dir='rtl'] .slick-slide, .widget .instagram-widget [dir='rtl'] .slick-slide { float: right; } .blogistic-main-banner-section .slick-slide img, .blogistic-carousel-section .slick-slide img, .blogistic-instagram-section .slick-slide img, .blogistic-category-collection-section .slick-slide img, .widget_blogistic_carousel_widget .slick-slide img, .widget .instagram-widget .slick-slide img { display: block; } .blogistic-main-banner-section .slick-slide.slick-loading img, .blogistic-carousel-section .slick-slide.slick-loading img, .blogistic-instagram-section .slick-slide.slick-loading img, .blogistic-category-collection-section .slick-slide.slick-loading img, .widget_blogistic_carousel_widget .slick-slide.slick-loading img, .widget .instagram-widget .slick-slide.slick-loading img { display: none; } .blogistic-main-banner-section .slick-slide.dragging img, .blogistic-carousel-section .slick-slide.dragging img, .blogistic-instagram-section .slick-slide.dragging img, .blogistic-category-collection-section .slick-slide.dragging img, .widget_blogistic_carousel_widget .slick-slide.dragging img, .widget .instagram-widget .slick-slide.dragging img { pointer-events: none; } .blogistic-main-banner-section .slick-initialized .slick-slide, .blogistic-carousel-section .slick-initialized .slick-slide, .blogistic-instagram-section .slick-initialized .slick-slide, .blogistic-category-collection-section .slick-initialized .slick-slide, .widget_blogistic_carousel_widget .slick-initialized .slick-slide, .widget .instagram-widget .slick-initialized .slick-slide { display: block; margin-bottom: 0; } .blogistic-main-banner-section .slick-loading .slick-slide, .blogistic-carousel-section .slick-loading .slick-slide, .blogistic-instagram-section .slick-loading .slick-slide, .blogistic-category-collection-section .slick-loading .slick-slide, .widget_blogistic_carousel_widget .slick-loading .slick-slide, .widget .instagram-widget .slick-loading .slick-slide { visibility: hidden; } .blogistic-main-banner-section .slick-vertical .slick-slide, .blogistic-carousel-section .slick-vertical .slick-slide, .blogistic-instagram-section .slick-vertical .slick-slide, .blogistic-category-collection-section .slick-vertical .slick-slide, .widget_blogistic_carousel_widget .slick-vertical .slick-slide, .widget .instagram-widget .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .blogistic-main-banner-section .slick-arrow.slick-hidden, .blogistic-carousel-section .slick-arrow.slick-hidden, .blogistic-instagram-section .slick-arrow.slick-hidden, .blogistic-category-collection-section .slick-arrow.slick-hidden, .widget_blogistic_carousel_widget .slick-arrow.slick-hidden, .widget .instagram-widget .slick-arrow.slick-hidden { display: none; } body .blogistic-main-banner-section article.post-item .post-thumb { position: relative; } body .blogistic-central-mode-enable.blogistic-main-banner-section .slick-slider { box-shadow: none; } /* ========================================= 21.0 Hover effect and animation ========================================= */ /* menu hover effect */ @media (min-width: 48.1em) { .main-navigation.hover-effect--one .nav-menu > li > a:before { content: ""; width: 100%; height: 2px; position: absolute; left: 0; bottom: -5px; background: var(--blogistic-global-preset-theme-color); transition: 0.5s transform ease; transform: scale3d(0,1,1); transform-origin: 50% 50%; } .main-navigation.hover-effect--one .nav-menu li:hover > a:before{ transform: scale3d(1,1,1); transform-origin: 50% 0; } .main-navigation.hover-effect--two .nav-menu > li > a:before { content: ""; width: 100%; height: 4px; position: absolute; left: 0; bottom: -5px; background: var(--blogistic-global-preset-theme-color); transition: 0.5s transform ease; transform: scale3d(0,1,1); transform-origin: 100% 50%; } .main-navigation.hover-effect--two .nav-menu > li:hover > a:before { transform-origin: 0 50%; transform: scale3d(1,1,1); } .main-navigation.hover-effect--three .nav-menu > li > a:before { content: ""; width: 100%; height: 4px; position: absolute; left: 0; bottom: -5px; background: var(--blogistic-global-preset-theme-color); transition: 0.5s transform ease; transform: scale3d(0,1,1); transform-origin: 0 50%; } .main-navigation.hover-effect--three .nav-menu > li:hover > a:before { transform: scale3d(1,1,1); transform-origin: 100% 50%; } .main-navigation.hover-effect--four .nav-menu > li > a:before { content: ""; width: calc(100% + 15px); height: 30px; position: absolute; left: -8px; bottom: -3px; background: var(--blogistic-global-preset-gradient-theme-color); transition: 0.5s transform ease; transform: scale3d(0,1,1); transform-origin: 100% 50%; border-radius: 3px; /* z-index: 1; */ } .main-navigation.hover-effect--four .nav-menu > li:hover > a:before { transform-origin: 0 50%; transform: scale3d(1,1,1); } .main-navigation.hover-effect--five .nav-menu > li > a { -webkit-background-clip: text; background-repeat: no-repeat; transition: 0.5s ease-out; background-image: linear-gradient(to bottom, var(--blogistic-global-preset-theme-color) 45%, var(--blogistic-menu-color) 55%); background-size: 100% 220%; background-position: 50% 100%; } .main-navigation.hover-effect--five .nav-menu > li > a:hover{ background-position: 50% 0%; color: transparent; } } /** button hover effect */ .site-header .header-custom-button, article .post-categories li a, .tags-wrap .tags-item, .pagination ul .page-numbers, .widget .post-categories .cat-item, .blogistic-article-inner .slick-arrow, .blogistic-main-banner-section .slick-arrow, .blogistic-carousel-section .carousel-wrap .slick-arrow, .wp-block-search__button, .social-platforms-widget.global-color-icon i, .blogistic-scroll-btn .icon-holder, .back_to_home_btn a, body.single-post #primary .post-navigation .nav-links .nav-subtitle, body.single-post form.comment-form .submit, .site-header .search-wrap .search-form-close, .search-form-wrap form.search-form input.search-submit, .social-shares li i, body.single-post .post-categories .cat-item a, .search-wrap.search-type--live-search .search-results-wrap .view-all-search-button, .ajax-load-more-wrap span, .blogistic-widget-loader button.load-more, .widget_blogistic_video_playlist_widget .layout--two .playlist-items-wrap .slick-arrow, .widget.widget_blogistic_instagram_widget .slick-arrow { -webkit-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; } .site-header .header-custom-button:hover, article .post-categories li a:hover, .tags-wrap .tags-item:hover, .pagination ul .page-numbers:hover, .widget .post-categories .cat-item:hover, .social-platforms-widget.global-color-icon i:hover, .back_to_home_btn a:hover, body.single-post form.comment-form .submit:hover, .site-header .search-wrap .search-form-close:hover, .social-shares li i:hover, body.single-post .post-categories .cat-item a:hover, .search-wrap.search-type--live-search .search-results-wrap .view-all-search-button:hover, .blogistic-widget-loader button.load-more:hover { -webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px); } .ajax-load-more-wrap:hover span { -webkit-transform: translateY(3px); -ms-transform: translateY(3px); transform: translateY(3px); } .blogistic-article-inner .slick-arrow:hover, .blogistic-main-banner-section .slick-arrow:hover, .blogistic-carousel-section .carousel-wrap .slick-arrow:hover { width: 50px; color: #fff; } .wp-block-search__button:hover { padding-left: 19px; padding-right: 19px; } .search-form-wrap form.search-form input.search-submit:hover { padding-left: 35px; padding-right: 35px; } .blogistic-scroll-btn .icon-holder:hover { height: 50px; } /* Title effect one */ .title-hover--one .entry-title a, .title-hover--one .post-title a, .title-hover--one .widget ul.wp-block-latest-posts a, .title-hover--one .widget ol.wp-block-latest-comments li footer, .title-hover--one .widget ul.wp-block-archives a, .title-hover--one .widget ul.wp-block-categories a, .title-hover--one .widget ul.wp-block-page-list a, .title-hover--one .widget ul.menu a, .title-hover--one .nav-links .nav-post-elements .nav-title, .title-hover--one .widget .playlist-items-wrap .video-item-box-wrap .video-item .title-wrap .video-title, .title-hover--one .widget_blogistic_video_playlist_widget .thumb-title-wrap .video-title { display: inline; background-image: linear-gradient(transparent calc(100% - 1.7px), var(--blogistic-global-preset-theme-color) 1.7px); -webkit-transition: 0.5s ease; transition: 0.5s ease; background-repeat: no-repeat; background-size: 0; text-decoration: none; padding-bottom: 2px; word-break: break-word; } .title-hover--one .entry-title a:hover, .title-hover--one .post-title a:hover, .title-hover--one .widget ul.wp-block-latest-posts a:hover, .title-hover--one .widget ol.wp-block-latest-comments li footer:hover, .title-hover--one .widget ul.wp-block-archives a:hover, .title-hover--one .widget ul.wp-block-categories a:hover, .title-hover--one .widget ul.wp-block-page-list a:hover, .title-hover--one .widget ul.menu a:hover, .title-hover--one .nav-post-elements .nav-title:hover, .title-hover--one .widget .playlist-items-wrap .video-item-box-wrap .video-item .title-wrap .video-title:hover, .title-hover--one .widget_blogistic_video_playlist_widget .thumb-title-wrap .video-title:hover { background-size: 100%; } /* Title effect two */ .title-hover--two .entry-title a, .title-hover--two .post-title a, .title-hover--two .widget ul.wp-block-latest-posts a, .title-hover--two .widget ol.wp-block-latest-comments li footer, .title-hover--two .widget ul.wp-block-archives a, .title-hover--two .widget ul.wp-block-categories a, .title-hover--two .widget ul.wp-block-page-list a, .title-hover--two .widget ul.menu a, .title-hover--two .nav-links .nav-post-elements .nav-title, .title-hover--two .widget .playlist-items-wrap .video-item-box-wrap .video-item .title-wrap .video-title, .title-hover--two .widget_blogistic_video_playlist_widget .thumb-title-wrap .video-title { display: inline; background-image: linear-gradient(transparent calc(100% - 15px), var(--blogistic-global-preset-theme-color) 30px); transition: 0.5s ease; background-repeat: no-repeat; background-size: 0; text-decoration: none; padding-bottom: 2px; } .title-hover--two .entry-title a:hover, .title-hover--two .post-title a:hover, .title-hover--two .widget ul.wp-block-latest-posts a:hover, .title-hover--two .widget ol.wp-block-latest-comments li footer:hover, .title-hover--two .widget ul.wp-block-archives a:hover, .title-hover--two .widget ul.wp-block-categories a:hover, .title-hover--two .widget ul.wp-block-page-list a:hover, .title-hover--two .widget ul.menu a:hover, .title-hover--two .nav-links .nav-post-elements .nav-title:hover, .title-hover--two .widget .playlist-items-wrap .video-item-box-wrap .video-item .title-wrap .video-title:hover, .title-hover--two .widget_blogistic_video_playlist_widget .thumb-title-wrap .video-title:hover { background-size: 100%; } /* Image hover effect One */ .single-related-posts-section-wrap .single-related-posts-wrap .post-thumbnail{ position: relative; border-radius: 6px; overflow: hidden; } .image-hover--one article figure.post-thumbnail-wrapper .post-thumnail-inner-wrapper:before, .image-hover--one .blogistic-carousel-section article.post-item .post-thumb:before, .image-hover--one .blogistic-main-banner-section article.post-item .post-thumb:before, .image-hover--one .widget .post-item .post-thumb-image:before, .image-hover--one .widget_blogistic_author_info_widget .bmm-author-thumb-wrap .post-thumb a:before, .image-hover--one .widget_blogistic_posts_grid_two_column_widget .post-thumb:before, .image-hover--one .single-related-posts-section-wrap .single-related-posts-wrap .post-thumbnail:before, .image-hover--one .widget_blogistic_carousel_widget .post-thumb-wrap:before, .image-hover--one .widget_blogistic_category_collection_widget .categories-wrap .post-thumb:before { width: 100%; height: 100%; content: ''; position: absolute; left: 50%; top: 50%; transform: translate( -50%, -50%); z-index: 1; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } .image-hover--one article.format-video figure.post-thumbnail-wrapper .post-thumnail-inner-wrapper:before { z-index: 0; } .image-hover--one article figure.post-thumbnail-wrapper:hover .post-thumnail-inner-wrapper:before { background-color: #0000003B!important; } .image-hover--one .blogistic-carousel-section article.post-item:hover .post-thumb:before, .image-hover--one .blogistic-main-banner-section article.post-item:hover .post-thumb:before, .image-hover--one .widget .post-item:hover .post-thumb-image:before, .image-hover--one .single-related-posts-section-wrap .single-related-posts-wrap .post-thumb-wrap:hover .post-thumbnail:before, .image-hover--one .widget_blogistic_posts_grid_two_column_widget .post-item:hover .post-thumb:before, .image-hover--one .widget_blogistic_carousel_widget .post-thumb-wrap:hover:before, .image-hover--one .widget_blogistic_category_collection_widget .categories-wrap .post-thumb:hover:before { background-color: #00000030; } .image-hover--one .widget_blogistic_author_info_widget .bmm-author-thumb-wrap .post-thumb a:before { border-radius: 50%; width: 90px; height: 90px; } .image-hover--one .widget_blogistic_author_info_widget .bmm-author-thumb-wrap:hover .post-thumb a:before { background-color: #00000054; } /* Image hover effect Two */ body.image-hover--two article figure.post-thumbnail-wrapper .post-thumnail-inner-wrapper img, .image-hover--two .blogistic-carousel-section article.post-item .post-thumb img, .image-hover--two .blogistic-main-banner-section article.post-item .post-thumb img, .image-hover--two .widget_blogistic_post_grid_widget .post-grid-wrap .post-thumb-image img, .image-hover--two .widget_blogistic_post_list_widget .post-list-wrap .post-thumb-image img, .image-hover--two .blogistic-you-may-have-missed-section .post-thumbnail-wrapper img { -webkit-transform: scale(1.02) translate(-50%,-50%); transform: scale(1.02) translate(-50%,-50%); -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } .image-hover--two .widget_blogistic_carousel_widget .post-thumb-wrap img, .image-hover--two .widget_blogistic_category_collection_widget .categories-wrap .category-item img, .image-hover--two .widget_blogistic_posts_grid_two_column_widget .posts-wrap .post-thumb img { -webkit-transform: scale(1.03); transform: scale(1.03); -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } .image-hover--two article figure.post-thumbnail-wrapper:hover .post-thumnail-inner-wrapper img, .image-hover--two .blogistic-carousel-section article.post-item:hover .post-thumb img, .image-hover--two .blogistic-main-banner-section article.post-item:hover .post-thumb img, .image-hover--two .widget_blogistic_post_grid_widget .post-grid-wrap .post-thumb-image:hover img, .image-hover--two .widget_blogistic_post_list_widget .post-list-wrap .post-thumb-image:hover img, .image-hover--two .blogistic-you-may-have-missed-section .post-thumbnail-wrapper:hover img { -webkit-transform: scale(1) translate(-50%,-50%); transform: scale(1) translate(-50%,-50%); } .image-hover--two .widget_blogistic_carousel_widget .post-thumb-wrap:hover img, .image-hover--two .widget_blogistic_category_collection_widget .categories-wrap .category-item:hover img, .image-hover--two .widget_blogistic_posts_grid_two_column_widget .posts-wrap .post-thumb:hover img { -webkit-transform: scale(1); transform: scale(1); } .image-hover--two .single-related-posts-section-wrap .single-related-posts-wrap .post-thumbnail img { transform: translate(-50%, -50%); -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } .image-hover--two .single-related-posts-section-wrap .single-related-posts-wrap .post-thumbnail:hover img { -webkit-transform: scale(1.05) translate(-48%, -48%); transform: scale(1.05) translate(-48%, -48%); } /** Sidebar stickey **/ body.blogistic-stickey-sidebar--enabled .row #primary, body.blogistic-stickey-sidebar--enabled #blogistic-main-wrap aside#secondary-aside, body.blogistic-stickey-sidebar--enabled #blogistic-main-wrap aside#secondary { position: -webkit-sticky; position: sticky; top: 0; align-self: flex-start; } body.admin-bar.blogistic-stickey-sidebar--enabled .row #primary, body.admin-bar.blogistic-stickey-sidebar--enabled #blogistic-main-wrap aside#secondary-aside, body.admin-bar.blogistic-stickey-sidebar--enabled #blogistic-main-wrap aside#secondary { top: 35px; } .main-banner-wrap:not(.slick-initialized), .carousel-wrap:not(.slick-initialized), .slider-enabled .category-collection-wrap:not(.slick-initialized) { visibility: hidden; position: relative; height: 350px; } .main-banner-wrap:not(.slick-initialized):before, .carousel-wrap:not(.slick-initialized):before, .slider-enabled .category-collection-wrap:not(.slick-initialized):before { visibility: visible; position: absolute; height: 350px; content: url(../images/loader_two.gif); vertical-align: middle; background-size: 40px; width: 100%; text-align: center; background-color: rgba(0,0,0,0.15); vertical-align: middle; display: flex; align-items: center; text-align: center; justify-content: center; border-radius: 15px; } body.single-post #primary .blogistic-inner-content-wrap article .entry-content a, body.single-post #primary article footer .tags-links a { text-decoration: underline; } .logged-in article .edit-link { position: absolute; bottom: -26px; color: var( --blogistic-global-preset-theme-color ); font-size: 13px; border-radius: 6px; left: 10px; text-decoration: underline; } .single.logged-in article .edit-link { position: relative; } .single.logged-in article .edit-link { bottom: -40px; left: -27px; } .single.logged-in #blogistic-main-wrap .blogistic-container .row #primary div.post-inner { padding-bottom: 10px; } .logged-in article .edit-link a { color: inherit; background: inherit; text-decoration: none; } .logged-in article .edit-link a:before { font-family: "Font Awesome 5 Free"; content: "\f044"; font-weight: 900; display: inline-block; padding-right: 5px; } /** Sidebar **/ .widget_blogistic_video_playlist_widget .thumb-controller { margin: 20px 0 9px; } .widget_blogistic_video_playlist_widget .thumb-controller i { color: var(--blogistic-widget-block-title-color); } .widget_blogistic_video_playlist_widget .thumb-controller i:hover { cursor: pointer; } .widget_blogistic_video_playlist_widget .video-title { margin: 6px 0 10px; cursor: pointer; } .widget_blogistic_video_playlist_widget .active-player iframe { width: 100%; height: 200px; border-radius: 15px; order: 1; } .widget_blogistic_video_playlist_widget .active-player { display: flex; flex-direction: column; } .widget_blogistic_video_playlist_widget .active-player .thumb-video-highlight-text { width: 100%; order: 2; } .widget .layout--one .playlist-items-wrap .video-item.activePlayer { background-color: #2e2e2e21; } .widget .layout--one .thumb-video-highlight-text .thumb-title-wrap { margin-bottom: 12px; } .widget_blogistic_video_playlist_widget .thumb-title-wrap .video-title { color: var(--blogistic-widget-block-title-color); text-decoration: none; font-family: var(--blogistic-widget-title-font-family); font-weight: 500; font-style: var(--blogistic-widget-title-font-style); font-size: calc( var(--blogistic-widget-title-font-size) * 1.2 ); line-height: var(--blogistic-widget-title-font-lineheight); letter-spacing: var(--blogistic-widget-title-font-letterspacing); } .widget_blogistic_video_playlist_widget .thumb-title-wrap .video-duration { font-weight: 600; color: var(--blogistic-widget-block-title-color); font-size: 14px; } .widget_blogistic_video_playlist_widget .api-key-not-found { font-family: var(--blogistic-widget-category-font-family); } /** Video list **/ .widget_blogistic_video_playlist_widget .playlist-items-wrap .video-item-box-wrap { margin-top: 10px; } .widget_blogistic_video_playlist_widget .playlist-items-wrap .video-thumb { height: 170px; overflow: hidden; margin-bottom: 14px; } .widget_blogistic_video_playlist_widget .playlist-items-wrap .video-thumb img { height: 100%; width: 100%; border-radius: 15px; object-fit: cover; cursor: pointer; } /** Layout Two **/ .widget_blogistic_video_playlist_widget .layout--two .thumb-title-wrap { margin-bottom: 25px; } .widget_blogistic_video_playlist_widget .layout--two .player-list-wrap .title-wrap .video-title { color: var(--blogistic-widget-block-title-color); text-decoration: none; font-family: var(--blogistic-widget-title-font-family); font-weight: var(--blogistic-widget-title-font-weight); font-family: var(--blogistic-widget-title-font-style); font-size: calc( var(--blogistic-widget-title-font-size) * 0.96); line-height: var(--blogistic-widget-title-font-lineheight); letter-spacing: var(--blogistic-widget-title-font-letterspacing); } /** Silk CSS **/ .widget_blogistic_video_playlist_widget .layout--two .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .widget_blogistic_video_playlist_widget .layout--two .playlist-items-wrap .slick-list, .widget_blogistic_video_playlist_widget .layout--two .playlist-items-wrap .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .widget_blogistic_video_playlist_widget .layout--two .playlist-items-wrap .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .widget_blogistic_video_playlist_widget .layout--two .playlist-items-wrap .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .widget_blogistic_video_playlist_widget .layout--two .playlist-items-wrap .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } .widget_blogistic_video_playlist_widget .layout--two .playlist-items-wrap.slick-initialized .slick-slide { display: block; } .widget .layout--one .playlist-items-wrap { max-height: 350px; overflow-y: scroll; margin-bottom: 8px; } .widget .playlist-items-wrap::-webkit-scrollbar { width: 4px; } .widget .playlist-items-wrap::-webkit-scrollbar-thumb { background-color: var(--blogistic-global-preset-theme-color); border-radius: 20px; } .widget .playlist-items-wrap::-webkit-scrollbar-track { box-shadow: inset 0 0 5px var(--blogistic-global-preset-theme-color); border-radius: 10px; } .widget .playlist-items-wrap .video-item-box-wrap .video-item { display: flex; align-items: center; border-radius: 10px; } .widget .layout--one .playlist-items-wrap .video-item-box-wrap .video-item { margin-right: 15px; padding: 10px; } .widget .layout--one .playlist-items-wrap .video-item-box-wrap .video-item .video-thumb { margin-bottom: 0; } .widget .playlist-items-wrap .video-item-box-wrap .video-item .video-thumb{ height: 85px; flex: 0 1 30%; margin-right: 15px; } .widget .playlist-items-wrap .video-item-box-wrap .video-item .title-wrap { flex: 0 1 65%; color: var(--blogistic-widget-block-title-color); text-decoration: none; font-family: var(--blogistic-widget-title-font-family); font-style: var(--blogistic-widget-title-font-style); font-weight: 500; font-style: var(--blogistic-widget-title-font-style); font-size: calc( var(--blogistic-widget-title-font-size) * 0.6); padding-right: 5px; } .widget .playlist-items-wrap .video-item-box-wrap .video-item .title-wrap .video-title{ font-weight: 500; } .widget .playlist-items-wrap .video-item-box-wrap .video-item .title-wrap .video-duration { font-weight: 500; font-size: calc( var(--blogistic-widget-title-font-size) * 0.85); } .widget_blogistic_video_playlist_widget .layout--two .playlist-items-wrap { padding-bottom: 34px; } .widget_blogistic_video_playlist_widget .layout--two .playlist-items-wrap .slick-arrow { position: absolute; bottom: -20px; } .widget_blogistic_video_playlist_widget .layout--two .playlist-items-wrap .slick-prev { left: 50%; margin-left: -2.1rem; } .widget_blogistic_video_playlist_widget .layout--two .playlist-items-wrap .slick-next { right: 50%; margin-right: -2.1rem; } .widget_blogistic_video_playlist_widget .layout--two .playlist-items-wrap .slick-arrow i { color: var(--blogistic-video-arrow-color); } .widget_blogistic_video_playlist_widget .layout--two .playlist-items-wrap .slick-arrow:hover i { color: var(--blogistic-video-arrow-color-hover); } .widget_blogistic_video_playlist_widget .layout--two .playlist-items-wrap .slick-arrow { cursor: pointer; position: absolute; z-index: 1; border: none; transform: translateY(-50%); background-color: var(--blogistic-global-preset-theme-color); color: var(--blogistic-white-text); font-size: 12px; width: 30px; height: 30px; padding: 5px; box-shadow: 0px 0px 14px 0px rgb(56 88 246 / 17%); } .widget_blogistic_video_playlist_widget .layout--two .playlist-items-wrap .video-item-box-wrap { margin-top: 0; } /** Responsive **/ @media (max-width: 1024px) { .widget_blogistic_video_playlist_widget .active-player iframe, .widget_blogistic_video_playlist_widget .playlist-items-wrap .video-thumb { height: 430px; } } @media (max-width: 610px) { .widget_blogistic_video_playlist_widget .active-player iframe, .widget_blogistic_video_playlist_widget .playlist-items-wrap .video-thumb { height: 300px; } } @media (max-width: 1024px) { .thumb-video-highlight-text { padding: 0 0 17px; } } /* ========================================= 23.0 Live Search ========================================= */ .search-form-wrap.results-loaded form.search-form { margin-top: 10vh; transition: .3s ease; } .search-wrap.search-type--live-search .search-results-wrap{ width: 45%; margin: 0 auto; margin-top: 35px; padding: 20px; background: var(--blogistic-global-preset-gradient-theme-color); border-radius: 15px; text-align: left; } .search-wrap.search-type--live-search .search-results-wrap .search-posts-wrap { max-height: 330px; overflow-y: scroll; padding-right: 8px; margin-bottom: 10px; } .search-wrap.search-type--live-search .article-item { display: flex; padding: 10px; justify-content: space-between; align-items: center; background-color: #fffc; margin-bottom: 15px; border-radius: 15px; overflow: hidden; } .search-wrap.search-type--live-search .article-item figure.post-thumb-wrap { flex: 0 1 25%; height: 130px; } .search-wrap.search-type--live-search .article-item figure.post-thumb-wrap img{ border-radius: 15px; display: block; height: 100%; width: 100%; object-fit: cover; } .search-wrap.search-type--live-search .article-item .post-element { flex: 1 1 73%; text-align: left; margin-left: 20px; } .search-wrap.search-type--live-search .article-item .post-element .post-title { font-family: var(--blogistic-post-title-font-family); font-style: var(--blogistic-post-title-font-style); font-size: var(--blogistic-post-title-font-size); color: var(--blogistic-post-title-font-color); font-weight: var(--blogistic-post-title-font-weight); line-height: var(--blogistic-post-title-font-lineheight); letter-spacing: var(--blogistic-post-title-font-letterspacing); text-transform: var(--blogistic-post-title-font-texttransform); text-decoration: var(--blogistic-post-title-font-textdecoration); padding: 0; margin: 5px 0; } .search-wrap.search-type--live-search .article-item .post-element .post-title a{ color: inherit; text-decoration: none; } .search-wrap.search-type--live-search .no-posts-found-title { text-align: center; color: var(--blogistic-white-text); } .search-wrap.search-type--live-search .search-results-wrap .search-posts-wrap::-webkit-scrollbar { width: 2px; } .search-wrap.search-type--live-search .search-results-wrap .search-posts-wrap::-webkit-scrollbar-thumb { background-color: var(--blogistic-global-preset-theme-color); border-radius: 40px; } .search-wrap.search-type--live-search .search-results-wrap .view-all-search-button { color: var(--blogistic-search-viewall-color); text-decoration: none; padding: 12px 30px; background: var(--blogistic-search-viewall-bkcolor); border-radius: 20px; border: none; font-family: var(--blogistic-custom-button-family); font-size: var(--blogistic-custom-button-size); font-weight: var(--blogistic-custom-button-weight); box-shadow: 0 0 3px 1px rgb(224 224 224 / 12%); -webkit-box-shadow: 0 0 3px 1px rgb(224 224 224 / 12%); display: inline-block; margin-top: 10px; } .search-wrap.search-type--live-search .search-results-wrap .view-all-search-button:hover { color: var(--blogistic-search-viewall-color-hover); background: var(--blogistic-search-viewall-bkcolor-hover); } /* ========================================= 24.0 Instagram ========================================= */ .blogistic-instagram-section .blogistic-container-fluid { padding-left: 0; padding-right: 0; } .blogistic-instagram-section .instagram-container, .blogistic-instagram-section .instagram-content .instagram-item { position: relative; } .blogistic-instagram-section .instagram-content img { display: block; width: 100%; height: 100%; object-fit: cover; } .blogistic-instagram-section .instagram-content .instagram-item a { height: 100%; width: 100%; position: absolute; top: 0; left: 0; background: #e7e7e7; overflow: hidden; } .blogistic-instagram-section .instagram-content .instagram-item:before { content: ''; display: block; padding-bottom: 320px; } .blogistic-instagram-section .instagram-content .instagram-item:after { content: '\f16d'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: 'Font Awesome 6 Brands'; font-weight: 400; color: #fff; font-size: 20px; visibility: hidden; opacity: 0; transition: all ease .3s; } .blogistic-instagram-section .instagram-content .instagram-item:hover:after { visibility: visible; opacity: 1; } .blogistic-instagram-section .instagram-content .instagram-caption { color: #fff; position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); z-index: 1; background-color: #0000004a; padding: 2px 12px; font-style: italic; font-family: var(--blogistic-instagram-font-family); font-weight: 400; font-size: 14px; letter-spacing: 0.4px; } /* Button Style */ .instagram-container .instagram-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; } .instagram-container .instagram-button a { background-color: #fff; color: var(--blogistic-global-preset-theme-color); padding: 8px 20px; text-align: center; border-radius: 10px; text-decoration: none; transition: all ease .3s; display: inline-block; box-shadow: 0px 0px 14px 0px rgb(56 88 246 / 17%); } .instagram-container .instagram-button a:hover { color: #fff; background-color: var(--blogistic-global-preset-theme-color); } .instagram-container .instagram-button .instagram-icon i { font-size: calc( var(--blogistic-instagram-font-size) * 0.84 ); margin-right: 5px; } .instagram-container .instagram-button .instagram-icon img { width: 14px; margin-right: 6px; } .instagram-container .instagram-button .instagram-label { font-family: var(--blogistic-instagram-font-family); font-size: var(--blogistic-instagram-font-size); font-weight: var(--blogistic-instagram-font-weight); line-height: var(--blogistic-instagram-font-lineheight); text-decoration: var(--blogistic-instagram-font-textdecoration); letter-spacing: var(--blogistic-instagram-font-letterspacing); text-transform: var(--blogistic-instagram-font-texttransform); font-style: var(--blogistic-instagram-font-style); } /* Image Animation */ /* Animation One */ .hover-effect--one .instagram-content .instagram-item a:after, .blogistic-category-collection-section.hover-effect--one .category-wrap .category-thumb a:after { content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: inherit; border: 2px solid #ffffffb3; transform: scale(1); opacity: 0; transition: .6s ease; z-index: 2; } .hover-effect--one .instagram-content .instagram-item:hover a:after, .blogistic-category-collection-section.hover-effect--one .category-wrap:hover .category-thumb a:after { transform: scale(.88); opacity: 1; } /* Animation Two */ .hover-effect--two .instagram-content .instagram-item a:after, .hover-effect--two .instagram-content .instagram-item a:before, .blogistic-category-collection-section.hover-effect--two .category-wrap .category-thumb a:after, .blogistic-category-collection-section.hover-effect--two .category-wrap .category-thumb a:before { content: ''; position: absolute; top: 30px; left: 30px; right: 30px; bottom: 30px; box-sizing: border-box; transition: 0.5s; opacity: 0; } .hover-effect--two .instagram-content .instagram-item a:after, .blogistic-category-collection-section.hover-effect--two .category-wrap .category-thumb a:after { border-top: 1px solid #fff; border-bottom: 1px solid #fff; transform: scaleX(0); } .hover-effect--two .instagram-content .instagram-item a:before, .blogistic-category-collection-section.hover-effect--two .category-wrap .category-thumb a:before { border-right: 1px solid #fff; border-left: 1px solid #fff; transform: scaleY(0); } .hover-effect--two .instagram-content .instagram-item:hover a:after, .hover-effect--two .instagram-content .instagram-item:hover a:before, .blogistic-category-collection-section.hover-effect--two .category-wrap:hover .category-thumb a:after, .blogistic-category-collection-section.hover-effect--two .category-wrap:hover .category-thumb a:before { opacity: 1; border-radius: inherit; } .hover-effect--two .instagram-content .instagram-item:hover a:after, .blogistic-category-collection-section.hover-effect--two .category-wrap:hover .category-thumb a:after { transform: scaleX(1); } .hover-effect--two .instagram-content .instagram-item:hover a:before, .blogistic-category-collection-section.hover-effect--two .category-wrap:hover .category-thumb a:before { transform: scaleY(1); } /* Animation Three */ .hover-effect--three .instagram-content .instagram-item a:after, .blogistic-category-collection-section.hover-effect--three .category-wrap .category-thumb a:after { background-color: #00000063; position: absolute; content: ""; display: block; top: 20px; left: 20px; right: 20px; bottom: 20px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: rotate3d(1, -1, 0, 100deg); transform: rotate3d(1, -1, 0, 100deg); opacity: 0; } .hover-effect--three .instagram-content .instagram-item:hover a:after, .blogistic-category-collection-section.hover-effect--three .category-wrap:hover .category-thumb a:after { -webkit-transform: rotate3d(0, 0, 0, 0deg); transform: rotate3d(0, 0, 0, 0deg); opacity: 0.9; border-radius: inherit; } .blogistic-instagram-section .instagram-content { display: grid; } /* Desktop Column */ .blogistic-instagram-section.column--ten .instagram-content { grid-template-columns: repeat(10, 1fr); } .blogistic-instagram-section.column--nine .instagram-content { grid-template-columns: repeat(9, 1fr); } .blogistic-instagram-section.column--eight .instagram-content { grid-template-columns: repeat(8, 1fr); } .blogistic-instagram-section.column--seven .instagram-content { grid-template-columns: repeat(7, 1fr); } .blogistic-instagram-section.column--six .instagram-content { grid-template-columns: repeat(6, 1fr); } .blogistic-instagram-section.column--five .instagram-content { grid-template-columns: repeat(5, 1fr); } .blogistic-instagram-section.column--four .instagram-content { grid-template-columns: repeat(4, 1fr); } .blogistic-instagram-section.column--three .instagram-content { grid-template-columns: repeat(3, 1fr); } .blogistic-instagram-section.column--two .instagram-content { grid-template-columns: repeat(2, 1fr); } .blogistic-instagram-section.column--one .instagram-content { grid-template-columns: 100%; } /* Tab Column */ @media (max-width: 940px) { .blogistic-instagram-section.tab-column--ten .instagram-content { grid-template-columns: repeat(10, 1fr); } .blogistic-instagram-section.tab-column--nine .instagram-content { grid-template-columns: repeat(9, 1fr); } .blogistic-instagram-section.tab-column--eight .instagram-content { grid-template-columns: repeat(8, 1fr); } .blogistic-instagram-section.tab-column--seven .instagram-content { grid-template-columns: repeat(7, 1fr); } .blogistic-instagram-section.tab-column--six .instagram-content { grid-template-columns: repeat(6, 1fr); } .blogistic-instagram-section.tab-column--five .instagram-content { grid-template-columns: repeat(5, 1fr); } .blogistic-instagram-section.tab-column--four .instagram-content { grid-template-columns: repeat(4, 1fr); } .blogistic-instagram-section.tab-column--three .instagram-content { grid-template-columns: repeat(3, 1fr); } .blogistic-instagram-section.tab-column--two .instagram-content { grid-template-columns: repeat(2, 1fr); } .blogistic-instagram-section.tab-column--one .instagram-content { grid-template-columns: 100%; } } /* Mobile Column */ @media (max-width: 610px) { .blogistic-instagram-section.mobile-column--ten .instagram-content { grid-template-columns: repeat(10, 1fr); } .blogistic-instagram-section.mobile-column--nine .instagram-content { grid-template-columns: repeat(9, 1fr); } .blogistic-instagram-section.mobile-column--eight .instagram-content { grid-template-columns: repeat(8, 1fr); } .blogistic-instagram-section.mobile-column--seven .instagram-content { grid-template-columns: repeat(7, 1fr); } .blogistic-instagram-section.mobile-column--six .instagram-content { grid-template-columns: repeat(6, 1fr); } .blogistic-instagram-section.mobile-column--five .instagram-content { grid-template-columns: repeat(5, 1fr); } .blogistic-instagram-section.mobile-column--four .instagram-content { grid-template-columns: repeat(4, 1fr); } .blogistic-instagram-section.mobile-column--three .instagram-content { grid-template-columns: repeat(3, 1fr); } .blogistic-instagram-section.mobile-column--two .instagram-content { grid-template-columns: repeat(2, 1fr); } .blogistic-instagram-section.mobile-column--one .instagram-content { grid-template-columns: 100%; } } /* Slick Slider */ .blogistic-instagram-section.slider-enabled .slick-arrow, .widget.widget_blogistic_instagram_widget .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; cursor: pointer; border: none; font-size: 15px; border-radius: 10px; transition: all 250ms ease; -webkit-transition: all 250ms ease; -o-transition: all 250ms ease; color: #ddd; background-color: var(--blogistic-global-preset-theme-color); text-align: center; padding: 0; width: 40px; height: 36px; } .blogistic-instagram-section.slider-enabled .slick-arrow:hover, .widget.widget_blogistic_instagram_widget .slick-arrow:hover { width: 50px; color: #fff; } .blogistic-instagram-section.slider-enabled .slick-arrow.slick-prev, .widget.widget_blogistic_instagram_widget .slick-arrow.slick-prev { left: 2px; } .blogistic-instagram-section.slider-enabled .slick-arrow.slick-next, .widget.widget_blogistic_instagram_widget .slick-arrow.slick-next { right: 2px; } .blogistic-instagram-section.slider-enabled .instagram-content { overflow: hidden; } .blogistic-instagram-section.slider-enabled .slick-list { margin: 0 -10px !important; } .blogistic-instagram-section.slider-enabled .instagram-item { margin: 0 10px; } /* ====================== Layout Two ====================== */ .blogistic-instagram-section.layout--two .instagram-content { grid-template-columns: repeat(8, 1fr); grid-template-rows: repeat(2, 1fr); grid-auto-rows: auto; position: relative; } .blogistic-instagram-section.layout--two .instagram-content .instagram-item:nth-child(2), .blogistic-instagram-section.layout--two .instagram-content .instagram-item:nth-child(4) { grid-row: span 2; grid-column: span 2; } .blogistic-instagram-section.layout--two .instagram-content .instagram-item:nth-child(3) { grid-row: span 1; grid-column: span 2; } .blogistic-instagram-section.layout--two .instagram-content .instagram-item:before { padding-bottom: 170px; } /* ========================================= 25.0 Category Collection ========================================= */ .blogistic-category-collection-section { margin-bottom: 40px; } .blogistic-category-collection-section .category-collection-wrap { display: grid; gap: 24px; } /* Desktop Column */ .blogistic-category-collection-section.column--five .category-collection-wrap { grid-template-columns: repeat(5, 1fr); } .blogistic-category-collection-section.column--four .category-collection-wrap { grid-template-columns: repeat(4, 1fr); } .blogistic-category-collection-section.column--three .category-collection-wrap { grid-template-columns: repeat(3, 1fr); } .blogistic-category-collection-section.column--two .category-collection-wrap { grid-template-columns: repeat(2, 1fr); } .blogistic-category-collection-section.column--one .category-collection-wrap { grid-template-columns: 100%; } /* Tab Column */ @media (max-width: 1024px) { .blogistic-category-collection-section.tab-column--five .category-collection-wrap { grid-template-columns: repeat(5, 1fr); } .blogistic-category-collection-section.tab-column--four .category-collection-wrap { grid-template-columns: repeat(4, 1fr); } .blogistic-category-collection-section.tab-column--three .category-collection-wrap { grid-template-columns: repeat(3, 1fr); } .blogistic-category-collection-section.tab-column--two .category-collection-wrap { grid-template-columns: repeat(2, 1fr); } .blogistic-category-collection-section.tab-column--one .category-collection-wrap { grid-template-columns: 100%; } } /* Tab Column */ @media (max-width: 768px) { .blogistic-category-collection-section.mobile-column--five .category-collection-wrap { grid-template-columns: repeat(5, 1fr); } .blogistic-category-collection-section.mobile-column--four .category-collection-wrap { grid-template-columns: repeat(4, 1fr); } .blogistic-category-collection-section.mobile-column--three .category-collection-wrap { grid-template-columns: repeat(3, 1fr); } .blogistic-category-collection-section.mobile-column--two .category-collection-wrap { grid-template-columns: repeat(2, 1fr); } .blogistic-category-collection-section.mobile-column--one .category-collection-wrap { grid-template-columns: 100%; } } .blogistic-category-collection-section .category-wrap { position: relative } .blogistic-category-collection-section .category-wrap:before { content: ''; display: block; padding-bottom: 300px; } .blogistic-category-collection-section .category-wrap .category-thumb a { height: 100%; width: 100%; position: absolute; top: 0; left: 0; background-color: #e7e7e7e7; overflow: hidden; } .blogistic-category-collection-section .category-wrap .category-name a { text-decoration: none; } .blogistic-category-collection-section .category-wrap .category-name .category-label { color: var(--blogistic-cateegory-collection-color); padding: 5px 18px 4px; border-radius: 30px; } .blogistic-category-collection-section .category-wrap .category-label, .blogistic-category-collection-section .category-wrap .category-count { font-family: var(--blogistic-category-collection-font-family); font-style: var(--blogistic-category-collection-font-style); font-size: var(--blogistic-category-collection-font-size); line-height: var(--blogistic-category-collection-font-lineheight); letter-spacing: var(--blogistic-category-collection-font-letterspacing); font-weight: var(--blogistic-category-collection-font-weight); text-decoration: var(--blogistic-category-collection-font-textdecoration); text-transform: var(--blogistic-category-collection-font-texttransform); } .blogistic-category-collection-section .category-wrap .category-count { color: #fff; font-size: calc( var(--blogistic-category-collection-font-size) * 0.7 ); } .blogistic-category-collection-section .category-wrap img { display: block; width: 100%; height: 100%; object-fit: cover; } /* Slider */ .blogistic-category-collection-section.slider-enabled .category-collection-wrap { display: initial; } .blogistic-category-collection-section.slider-enabled .slick-slider .slick-list { margin: 0 -15px; } .blogistic-category-collection-section.slider-enabled .category-wrap { margin: 0 15px; } .blogistic-category-collection-section.slider-enabled .slick-arrow { position: absolute; cursor: pointer; border: none; top: 50%; transform: translateY(-50%); z-index: 1; font-size: 0.83rem; border-radius: 0; transition: all .3s ease; color: #ddd; background-color: var(--blogistic-global-preset-theme-color); border: none; border-radius: 10px; text-align: center; padding: 0; width: 40px; height: 40px; visibility: hidden; opacity: 0; } .blogistic-category-collection-section.slider-enabled .slick-slider:hover .slick-arrow { visibility: visible; opacity: 1; } .blogistic-category-collection-section.slider-enabled .slick-arrow.slick-prev { left: 2px; } .blogistic-category-collection-section.slider-enabled .slick-arrow.slick-next { right: 2px; } .blogistic-category-collection-section.slider-enabled .slick-arrow:hover { width: 50px; color: #fff; } /* Layout Two */ .blogistic-category-collection-section.layout--two .category-collection-wrap { display: flex; box-sizing: border-box; justify-content: center; } .blogistic-category-collection-section.layout--two .category-wrap { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; width: 20%; overflow: hidden; } .blogistic-category-collection-section.layout--two .category-wrap:hover { width: 400px; } .blogistic-category-collection-section.layout--two .category-wrap figure:after { content: ''; position: absolute; bottom: 0; background-image: linear-gradient(to top, #1a1919e3, transparent); width: 100%; height: 100%; border-radius: 15px; z-index: 1; } .blogistic-category-collection-section.layout--two .category-item { position: absolute; bottom: 85px; right: -35px; transform: rotate(-90deg); width: 150px; z-index: 1; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; } .blogistic-category-collection-section.layout--two.category-count--enabled .category-item { bottom: 75px; right: -25px; } .blogistic-category-collection-section.layout--two .category-wrap .category-name a { display: flex; flex-direction: column; } .blogistic-category-collection-section.layout--two .category-wrap .category-name .category-label { padding: 0; border-radius: 0; order: 2; font-size: calc( var(--blogistic-category-collection-font-size) * 1.1 ); margin-top: 8px; } .blogistic-category-collection-section.layout--two .category-item-second { position: absolute; left: -200%; bottom: 20px; z-index: 2; display: flex; padding: 20px; opacity: 0; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; } .blogistic-category-collection-section.layout--two .category-wrap:hover .category-item { right: -140px; } .blogistic-category-collection-section.layout--two .category-wrap:hover .category-item-second { left: 20px; opacity: 1; } /* ===================== Top Header ===================== */ .top-header { background: var(--blogistic-top-header-bk-color); } .blogistic-dark-mode .top-header { border-color: #1e1e1e; } .top-header .row { display: flex; padding: 8px 0; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; } .top-header .top-date-time .top-date-time-inner { font-family: var(--blogistic-menu-family); font-weight: var(--blogistic-menu-weight); font-style: var(--blogistic-menu-font-style); font-size: 12px; color: var(--blogistic-date-time-color); background: var(--blogistic-date-time-bk-color); display: inline-block; padding: 5px 10px; border-radius: 4px; } .top-header .top-header-inner-wrapper { display: flex; justify-content: right; align-items: center; gap: 20px; } .top-header .social-icons-wrap a + a { margin-left: 20px; } .top-header .social-icons-wrap a { font-size: 12px; color: #fff; } .top-header .social-icons-wrap.blogistic-show-hover-animation a { transition: all .25s cubic-bezier(.02,.01,.45,1); display: inline-block; } .top-header .social-icons-wrap a:hover { color: var(--blogistic-top-social-color-hover); } .top-header .social-icons-wrap.blogistic-show-hover-animation a:hover { transform: translateY(-4px); } .top-header .search-form { background: #00000021; padding: 4px 12px; border-radius: 4px; } .blogistic-dark-mode .top-header .search-form { background-color: #8b8b8b33; } .top-header .search-form .search-field { border: none; background-color: transparent; color: #fff; } .top-header .search-form .search-field::placeholder { font-size: 14px; color: #fff; } .top-header .search-form .search-field:focus { outline: transparent; } .top-header .search-form .search-submit { display: none; } /* ========================================= 26.0 Table Of Content ========================================= */ .toc-wrapper { margin-bottom: 20px; } .single-post--layout-one .blogistic-table-of-content { margin-top: 20px; } .blogistic-table-of-content .table-of-content-title-wrap { display: flex; justify-content: space-between; align-items: center; } .blogistic-table-of-content .table-of-content-title-wrap .toc-title { padding: 0; margin: 0; font-size: 24px; color: var(--blogistic-single-content-color); } .blogistic-table-of-content .table-of-content-title-wrap .toc-title:before { content: '\f022'; font-family: 'Font Awesome 5 Free'; font-style: normal; font-size: 22px; margin-right: 15px; vertical-align: top; font-weight: 400; } .blogistic-table-of-content .table-of-content-title-wrap .toc-icon { cursor: pointer; font-size: 14px; color: var(--blogistic-single-content-color); } .blogistic-table-of-content.display--fixed .table-of-content-title-wrap .toc-icon { color: #fff; } .blogistic-table-of-content .table-of-content-list-wrap { margin: 12px 10px 0; display: block; } .blogistic-table-of-content.table-view--tree .toc-list-item-wrap { padding-left: 0; margin-left: 25px; } .blogistic-table-of-content.table-view--tree .toc-list-item-wrap:first-child, .blogistic-table-of-content.table-view--flat .toc-list-item-wrap { padding: 0; margin: 0; } .blogistic-table-of-content .toc-list-item-wrap { list-style: none; } .blogistic-table-of-content .toc-list-item, .blogistic-table-of-content .toc-list-item li { position: relative; } .blogistic-table-of-content .toc-list-item + .toc-list-item, .blogistic-table-of-content .toc-list-item-wrap { margin-top: 4px; } .blogistic-table-of-content .toc-list-item-wrap .toc-heading-title a { color: var(--blogistic-single-content-color); font-family: var(--blogistic-post-content-font-family); font-style: var(--blogistic-post-content-font-style); font-size: calc(var(--blogistic-post-content-font-size) * 0.95); font-weight: var(--blogistic-post-content-font-weight); line-height: var(--blogistic-post-content-font-lineheight); letter-spacing: var(--blogistic-post-content-font-letterspacing); text-transform: var(--blogistic-post-content-font-texttransform); text-decoration: var(--blogistic-post-content-font-textdecoration); position: relative; } .blogistic-table-of-content.list-type--symbol .toc-list-item-wrap .toc-heading-title a { padding-left: 20px; } .blogistic-table-of-content.list-type--symbol .toc-list-item-wrap .toc-heading-title a:before { content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 5px; height: 5px; border-radius: 50%; background-color: var(--blogistic-single-content-color); } .blogistic-table-of-content.list-type--symbol.display--fixed .toc-list-item-wrap .toc-heading-title a:before { background-color: #fff; } .blogistic-table-of-content.list-type--number .toc-list-item-wrap .toc-heading-title .numbering-prefix { margin-right: 5px; } .blogistic-table-of-content.display--inline .toc-fixed-icon { display: none; } .blogistic-table-of-content.display--inline .toc-wrapper { border: 1px solid #efefef; padding: 15px 20px; background: #00000005; border-radius: 15px; } /* Icon */ .blogistic-table-of-content.list-type--icon .toc-heading-icon { font-size: 10px; margin-right: 8px; } /* Fixed */ .blogistic-table-of-content.display--fixed .toc-fixed-icon { color: #fff; cursor: pointer; position: fixed; top: 210px; left: 0; z-index: 5; background: #000000; padding: 7px 20px 7px 12px; border-radius: 0 30px 30px 0; } .blogistic-table-of-content.display--fixed .toc-fixed-icon .toc-fixed-title { font-size: 15px; } .blogistic-table-of-content.display--fixed .toc-fixed-icon .toc-fixed-title.hide-on-mobile { display: none; } .blogistic-table-of-content.display--fixed .toc-fixed-icon .toc-fixed-title.hide-on-mobile ~ i { margin: 0; } .blogistic-table-of-content.display--fixed .toc-fixed-icon i { font-size: 14px; margin-left: 10px; } .blogistic-table-of-content.display--fixed .toc-wrapper { height: 100%; position: fixed; top: 0; left: 0; background: #161616; margin: 0; padding: 30px; width: 330px; z-index: 99999; visibility: hidden; transition: .4s ease-in-out; transition-property: transform, visibility; content-visibility: auto; transform: translate3d(-100%, 0, 0); overflow-y: auto; } .logged-in .blogistic-table-of-content.display--fixed .toc-wrapper { margin-top: 25px; } .blogistic-table-of-content.display--fixed .toc-wrapper.active { transform: translate3d(0, 0, 0); visibility: visible; } .blogistic-table-of-content.display--fixed .table-of-content-list-wrap { margin-top: 15px; margin-bottom: 20px; } .blogistic-table-of-content.display--fixed .table-of-content-title-wrap .toc-title, .blogistic-table-of-content.display--fixed .toc-list-item-wrap .toc-heading-title a { color: #fff; } .blogistic-table-of-content.display--fixed.table-view--tree .toc-list-item-wrap { padding: 0; margin: 0; } .blogistic-table-of-content.display--fixed.table-view--tree .toc-list-item-wrap li { margin-top: 10px; } /* ========================================= 27.0 Single Social Share ========================================= */ .single .post-format-ss-wrap { position: initial; display: inline; } .single .post-format-ss-wrap.display--inline { margin-bottom: 25px; display: inline-block; } .single .post-format-ss-wrap.display--inline .blogistic-social-share { display: flex; align-items: center; gap: 20px; } .single .post-format-ss-wrap .blogistic-social-share .share-icon { background: var(--blogistic-global-preset-theme-color); color: #fff; border-radius: 4px; width: 44px; height: 40px; line-height: 41px; position: relative; margin-right: 5px; } .single .post-format-ss-wrap .blogistic-social-share .share-icon:after { content: ''; position: absolute; right: -4px; top: 17px; width: 8px; height: 8px; border-top: 1px solid var(--blogistic-global-preset-theme-color); border-right: 1px solid var(--blogistic-global-preset-theme-color); transform: rotate(45deg); background: var(--blogistic-global-preset-theme-color); z-index: 1; } body.single .blogistic-social-share .social-shares li { visibility: visible; opacity: 1; animation: initial; transform: initial; display: inline-block; margin: 5px 15px 5px 0; } body.single .blogistic-social-share .social-shares li a { width: initial; height: initial; line-height: initial; border-radius: 0; } body.single .blogistic-social-share .social-share a .soaicl-share-icon { display: inline-block; } body.single .blogistic-social-share .social-share a i { width: 100px; height: 40px; text-align: center; border-radius: 4px; line-height: 41px; display: inline-block; } body.single .blogistic-social-share.color-inherit--global .social-share a i { color: #fff; } /* Fixed Position */ body.single .post-format-ss-wrap.display--fixed { position: fixed; left: 0; top: 50%; width: 70px; transform: translateY(-50%); } body.single .post-format-ss-wrap.display--fixed.position--right { right: 0; left: initial; } body.single .display--fixed .blogistic-social-share .social-shares li { margin: 0; } body.single .display--fixed .blogistic-social-share .social-share a i { width: 70px; border-radius: 0; } .single .post-format-ss-wrap.display--fixed .blogistic-social-share .share-icon { display: none; } /* ========================== You May Have Missed ========================== */ .blogistic-you-may-have-missed-section { margin-bottom: 40px; } .single.single--right-sidebar #blogistic-main-wrap .blogistic-you-may-have-missed-section .row, .single.single--left-sidebar #blogistic-main-wrap .blogistic-you-may-have-missed-section .row, .single.single--both-sidebar #blogistic-main-wrap .blogistic-you-may-have-missed-section .row { display: block !important; } .blogistic-you-may-have-missed-section .blogistic-you-may-missed-inner-wrap { overflow: hidden; box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 10%); padding: 20px; border-radius: 15px; background-color: var(--youmaymissed-section-bk-color); } .blogistic-you-may-have-missed-section .section-title { position: relative; margin-bottom: 25px; border-bottom: 2px solid #F4F4F4; padding-bottom: 5px; color: var(--blogistic-youmaymissed-block-title-color); font-family: var(--blogistic-youmaymissed-block-title-font-family); font-size: var(--blogistic-youmaymissed-block-title-font-size); line-height: var(--blogistic-youmaymissed-block-title-font-lineheight); letter-spacing: var(--blogistic-youmaymissed-block-title-font-letterspacing); font-weight: var(--blogistic-youmaymissed-block-title-font-weight); text-decoration: var(--blogistic-youmaymissed-block-title-font-textdecoration); text-transform: var(--blogistic-youmaymissed-block-title-font-texttransform); font-style: var(--blogistic-youmaymissed-block-title-font-style); } body.blogistic-dark-mode .blogistic-you-may-have-missed-section .section-title { border-color: #828282; } .blogistic-you-may-have-missed-section .you-may-have-missed-wrap { display: grid; grid-template-columns: 100%; gap: 20px; } .blogistic-you-may-have-missed-section .post-item { overflow: hidden; border-radius: 6px; } .blogistic-you-may-have-missed-section .post-categories { margin: 0; padding: 0; list-style: none; } .blogistic-you-may-have-missed-section .post-categories li { display: inline-block; margin-right: 8px; } .blogistic-you-may-have-missed-section .post-thumbnail-wrapper .entry-title { font-family: var(--blogistic-youmaymissed-title-font-family); font-size: var(--blogistic-youmaymissed-title-font-size); line-height: var(--blogistic-youmaymissed-title-font-lineheight); letter-spacing: var(--blogistic-youmaymissed-title-font-letterspacing); font-weight: var(--blogistic-youmaymissed-title-font-weight); text-decoration: var(--blogistic-youmaymissed-title-font-textdecoration); text-transform: var(--blogistic-youmaymissed-title-font-texttransform); font-style: var(--blogistic-youmaymissed-title-font-style); margin: 11px 0 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .blogistic-you-may-have-missed-section .post-thumbnail-wrapper .post-categories a { font-family: var(--blogistic-youmaymissed-category-font-family); font-size: var(--blogistic-youmaymissed-category-font-size); line-height: var(--blogistic-youmaymissed-category-font-lineheight); letter-spacing: var(--blogistic-youmaymissed-category-font-letterspacing); font-weight: var(--blogistic-youmaymissed-category-font-weight); text-decoration: var(--blogistic-youmaymissed-category-font-textdecoration); text-transform: var(--blogistic-youmaymissed-category-font-texttransform); font-style: var(--blogistic-youmaymissed-category-font-style); } .blogistic-you-may-have-missed-section .post-thumbnail-wrapper .post-date { font-family: var(--blogistic-youmaymissed-date-font-family); font-size: var(--blogistic-youmaymissed-date-font-size); line-height: var(--blogistic-youmaymissed-date-font-lineheight); letter-spacing: var(--blogistic-youmaymissed-date-font-letterspacing); font-weight: var(--blogistic-youmaymissed-date-font-weight); text-decoration: var(--blogistic-youmaymissed-date-font-textdecoration); text-transform: var(--blogistic-youmaymissed-date-font-texttransform); font-style: var(--blogistic-youmaymissed-date-font-style); margin: 0; } .blogistic-you-may-have-missed-section .post-thumbnail-wrapper .author { font-family: var(--blogistic-youmaymissed-author-font-family); font-size: var(--blogistic-youmaymissed-author-font-size); line-height: var(--blogistic-youmaymissed-author-font-lineheight); letter-spacing: var(--blogistic-youmaymissed-author-font-letterspacing); font-weight: var(--blogistic-youmaymissed-author-font-weight); text-decoration: var(--blogistic-youmaymissed-author-font-textdecoration); text-transform: var(--blogistic-youmaymissed-author-font-texttransform); font-style: var(--blogistic-youmaymissed-author-font-style); } /* Column */ .blogistic-you-may-have-missed-section.no-of-columns--four .you-may-have-missed-wrap { grid-template-columns: repeat(4, 1fr); } .blogistic-you-may-have-missed-section.no-of-columns--three .you-may-have-missed-wrap { grid-template-columns: repeat(3, 1fr); } .blogistic-you-may-have-missed-section.no-of-columns--two .you-may-have-missed-wrap { grid-template-columns: repeat(2, 1fr); } body .blogistic-you-may-have-missed-section article.post-item .post-thumbnail-wrapper .post-thumnail-inner-wrapper img { height: 100%; width: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; } body.image-hover--none .blogistic-you-may-have-missed-section article.post-item .post-thumbnail-wrapper .post-thumnail-inner-wrapper img { transform: none; } body.image-hover--none .blogistic-you-may-have-missed-section article.post-item .post-thumbnail-wrapper .post-thumnail-inner-wrapper img { top: 0; left: 0; } body.image-hover--one .blogistic-you-may-have-missed-section article.post-item .post-thumbnail-wrapper .post-thumnail-inner-wrapper img { transform: scale(1) translate(-50%, -50%); } /* Layout Grid */ .blogistic-you-may-have-missed-section .post-thumbnail-wrapper { position: relative; } body .blogistic-you-may-have-missed-section article.post-item .post-thumbnail-wrapper .post-thumnail-inner-wrapper { padding-bottom: calc( 100% * var(--blogistic-youmaymissed-image-ratio) ); } .blogistic-you-may-have-missed-section .post-thumbnail-wrapper .inner-content { position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; padding: 15px; } .blogistic-you-may-have-missed-section .post-thumbnail-wrapper .content-wrap { height: calc(100% - 40px); display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; padding-bottom: 15px; text-align: center; } .blogistic-you-may-have-missed-section.you-may-have-missed-align--left .post-thumbnail-wrapper .content-wrap { text-align: left; } .blogistic-you-may-have-missed-section.you-may-have-missed-align--right .post-thumbnail-wrapper .content-wrap { text-align: right; } .blogistic-you-may-have-missed-section .post-thumbnail-wrapper .entry-title a { color: #fff; } .blogistic-you-may-have-missed-section .post-thumbnail-wrapper .author a, .blogistic-you-may-have-missed-section .post-thumbnail-wrapper .post-date a { color: #fff; } .blogistic-you-may-have-missed-section .post-thumbnail-wrapper .post-footer { margin: 0; padding: 15px 0 5px; border-color: #f4f4f470; } .blogistic-you-may-have-missed-section .post-thumbnail-wrapper .post-footer .post-date { flex: 0 1 50%; text-align: right; } .blogistic-you-may-have-missed-section .post-thumbnail-wrapper .post-footer .byline img { width: 22px; height: 22px; }