/** 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 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 **/ /* ========================================= 1.0 Variables ========================================= */ :root { /* presents */ --blogig-global-preset-color-1 : #64748b; --blogig-global-preset-color-2 : #27272a; --blogig-global-preset-color-3 : #ef4444; --blogig-global-preset-color-4 : #eab308; --blogig-global-preset-color-5 : #84cc16; --blogig-global-preset-color-6 : #22c55e; --blogig-global-preset-color-7 : #06b6d4; --blogig-global-preset-color-8 : #0284c7; --blogig-global-preset-color-9 : #6366f1; --blogig-global-preset-color-10 : #84cc16; --blogig-global-preset-color-11 : #a855f7; --blogig-global-preset-color-12 : #f43f5e; --blogig-global-preset-gradient-1 : linear-gradient( 135deg, #62cff4 10%, #2c67f2 100%); --blogig-global-preset-gradient-2 : linear-gradient( 135deg, #FF512F 10%, #F09819 100%); --blogig-global-preset-gradient-3 : linear-gradient( 135deg, #00416A 10%, #E4E5E6 100%); --blogig-global-preset-gradient-4 : linear-gradient( 135deg, #CE9FFC 10%, #7367F0 100%); --blogig-global-preset-gradient-5 : linear-gradient( 135deg, #90F7EC 10%, #32CCBC 100%); --blogig-global-preset-gradient-6 : linear-gradient( 135deg, #81FBB8 10%, #28C76F 100%); --blogig-global-preset-gradient-7 : linear-gradient( 135deg, #EB3349 10%, #F45C43 100%); --blogig-global-preset-gradient-8 : linear-gradient( 135deg, #FFF720 10%, #3CD500 100%); --blogig-global-preset-gradient-9 : linear-gradient( 135deg, #FF96F9 10%, #C32BAC 100%); --blogig-global-preset-gradient-10 : linear-gradient( 135deg, #69FF97 10%, #00E4FF 100%); --blogig-global-preset-gradient-11 : linear-gradient( 135deg, #3C8CE7 10%, #00EAFF 100%); --blogig-global-preset-gradient-12 : linear-gradient( 135deg, #FF7AF5 10%, #513162 100%); /* theme color */ --blogig-global-preset-theme-color: #3858E9; --blogig-global-preset-gradient-theme-color: linear-gradient(130deg, #f5f7f8 0%, #f5f7f8 100%); --category-bk-color: #c580e3; --blogig-border-color: #ffffff3f; --blogig-noimg-bk-color: #cccccc; --blogig-white-bk: #fff; --blogig-white-text: #fff; --blogig-black-text: #333333; --blogig-site-preloader-bk-color: #040404eb; /* Site Background Color */ --blogig-site-bk-color: linear-gradient(130deg, #682BD4 0%, #19CEAC 100%); --blogig-post-image-border-radius: 15px; --blogig-content-border-radius: 15px; /* Site title */ --blogig-site-title-size: 38px; --blogig-site-title-size-tab: 38px; --blogig-site-title-size-mobile: 38px; --blogig-site-title-lineheight: 45px; --blogig-site-title-lineheight-tab: 42px; --blogig-site-title-lineheight-mobile: 40px; --blogig-site-title-letterspacing: 0; --blogig-site-title-letterspacing-tab: 0; --blogig-site-title-letterspacing-mobile: 0; --blogig-site-title-textdecoration: none; --blogig-site-title-texttransform: none; --blogig-site-title-weight: 700; --blogig-site-title-family: "EB Garamond",sans-serif; /* Site description */ --blogig-site-description-size: 16px; --blogig-site-description-size-tab: 16px; --blogig-site-description-size-mobile: 16px; --blogig-site-description-lineheight: 22px; --blogig-site-description-lineheight-tab: 22px; --blogig-site-description-lineheight-mobile: 20px; --blogig-site-description-letterspacing: 0.6; --blogig-site-description-letterspacing-tab: 0.6; --blogig-site-description-letterspacing-mobile: 0.6; --blogig-site-description-textdecoration: none; --blogig-site-description-texttransform: none; --blogig-site-description-weight: 400; --blogig-site-description-family: "Inter",sans-serif; --blogig-site-description-color: #d5d5d5; /* Scroll To Top */ --blogig-scroll-text-color: #fff; --blogig-scroll-text-color-hover: #fff; --blogig-scroll-bk-color: #333; --blogig-scroll-bk-color-hover: #666; /** Menu Font */ --blogig-menu-size: 16px; --blogig-menu-size-tab: 16px; --blogig-menu-size-mobile: 16px; --blogig-menu-family: 'Inter', sans-serif; --blogig-menu-lineheight: 26px; --blogig-menu-lineheight-tab: 24px; --blogig-menu-lineheight-mobile: 24px; --blogig-menu-letterspacing: 0.6px; --blogig-menu-letterspacing-tab: 0.6px; --blogig-menu-letterspacing-mobile: 0.6px; --blogig-menu-textdecoration: 'none'; --blogig-menu-texttransform: 'none'; --blogig-menu-color: #333333; --blogig-menu-color-hover: #333333; --blogig-menu-weight: 500; --blogig-menu-color-active: #ff4c60; --blogig-menu-color-submenu: #333; --blogig-menu-color-submenu-hover: #111; /* Submenu */ --blogig-submenu-size: 15px; --blogig-submenu-size-tab: 15px; --blogig-submenu-size-mobile: 15px; --blogig-submenu-family: 'Inter', sans-serif; --blogig-submenu-lineheight: 26px; --blogig-submenu-lineheight-tab: 24px; --blogig-submenu-lineheight-mobile: 24px; --blogig-submenu-weight: 500; --blogig-submenu-letterspacing: 0.6; --blogig-submenu-letterspacing-tab: 0.6; --blogig-submenu-letterspacing-mobile: 0.6; --blogig-submenu-textdecoration: 'none'; --blogig-submenu-texttransform: 'none'; --blogig-submenu-background-color: #cfa9e022; --blogig-submenu-font-color: #333; --blogig-submenu-font-weight: 500; /* custom menu button font */ --blogig-custom-button-family: "Roboto",sans-serif; --blogig-custom-button-color: #fff; --blogig-custom-button-color-hover: #fff; --blogig-custom-button-icon-color: #fff; --blogig-custom-button-icon-color-hover: #fff; --blogig-custom-button-bk-color: #3858E9; --blogig-custom-button-size: 15px; --blogig-custom-button-size-tab: 15px; --blogig-custom-button-size-mobile: 15px; --blogig-custom-button-lineheight: 26px; --blogig-custom-button-lineheight-tab: 24px; --blogig-custom-button-lineheight-mobile: 24px; --blogig-custom-button-letterspacing: 0.3px; --blogig-custom-button-letterspacing-tab: 0.3px; --blogig-custom-button-letterspacing-mobile: 0.3px; --blogig-custom-button-weight: 500; --blogig-custom-button-textdecoration: 'none'; --blogig-custom-button-texttransform: 'none'; --blogig-custom-button-bk-color: #3858E9; --blogig-custom-button-bk-color-hover: #3858E9; --blogig-custom-button-border-radius: 40px; --blogig-custom-button-border-radius-tab: 40px; --blogig-custom-button-border-radius-mobile: 40px; /* Theme mode */ --blogig-theme-mode-color: #141414; --blogig-theme-mode-color-hover: #141414; --blogig-theme-darkmode-color: #ffffff; --blogig-theme-darkmode-color-hover: #ffffff; /* Canvas Menu */ --blogig-canvas-menu-width: 370px; --blogig-canvas-content-bk-color: #f0f0f0; /* Block Title font */ --blogig-title-font-family: "Roboto",sans-serif; --blogig-title-font-size: 22px; --blogig-title-font-color: #222; --blogig-title-font-weight: 600; /* Meta font */ --blogig-meta-font-family: "Roboto",sans-serif; --blogig-meta-font-size: 14px; --blogig-meta-font-color: #696969; --blogig-meta-font-weight: 500; --blogig-meta-icon-color: #ff4c60; /* Article image ratio */ --blogig-post-image-ratio : 0.65; --blogig-post-image-ratio-tab : 0.65; --blogig-post-image-ratio-mobile : 0.65; /* list image ratio */ --blogig-list-post-image-ratio: 0.90; --blogig-list-post-image-ratio-tab: 0.90; --blogig-list-post-image-ratio-mobile: 0.90; /** article box shadow */ --blogig-article-box-shadow: 0 3px 12px -1px rgba(7,10,25,0.05), 0 22px 27px -20px rgba(7,10,25,0.05); --blogig-image-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.25); /** Move to top **/ --blogig-scroll-top-icontext-color: #ffffff; --blogig-scroll-top-icontext-color-hover: #ffffff; --blogig-scroll-top-bk-color: #333333; --blogig-scroll-top-bk-color-hover: #888888; /** Main Banner **/ --blogig-banner-bk-color: none; --blogig-banner-title-size: 34px; --blogig-banner-title-size-tab: 32px; --blogig-banner-title-size-mobile: 30px; --blogig-banner-title-lineheight: 50px; --blogig-banner-title-lineheight-tab: 50px; --blogig-banner-title-lineheight-mobile: 50px; --blogig-banner-title-letterspacing: 0.6px; --blogig-banner-title-letterspacing-tab: 0.6px; --blogig-banner-title-letterspacing-mobile: 0.6px; --blogig-banner-title-textdecoration: none; --blogig-banner-title-texttransform: none; --blogig-banner-title-weight: 600; --blogig-banner-title-family: "EB Garamond",sans-serif; /** Archive Typography **/ /* post title */ --blogig-post-title-font-size: 25px; --blogig-post-title-font-size-tab: 23px; --blogig-post-title-font-size-mobile: 23px; --blogig-post-title-font-lineheight: 30px; --blogig-post-title-font-lineheight-tab: 30px; --blogig-post-title-font-lineheight-mobile: 30px; --blogig-post-title-font-letterspacing: 0.6px; --blogig-post-title-font-letterspacing-tab: 0.6px; --blogig-post-title-font-letterspacing-mobile: 0.6px; --blogig-post-title-font-family: "EB Garamond",sans-serif; --blogig-post-title-font-color: #222; --blogig-post-title-font-weight: 500; --blogig-post-title-font-texttransform: 'none'; --blogig-post-title-font-textdecoration: 'none'; /* post exceprt */ --blogig-post-content-font-size: 14px; --blogig-post-content-font-size-tab: 14px; --blogig-post-content-font-size-mobile: 14px; --blogig-post-content-font-lineheight: 25px; --blogig-post-content-font-lineheight-tab: 25px; --blogig-post-content-font-lineheight-mobile: 25px; --blogig-post-content-font-letterspacing: 0.3px; --blogig-post-content-font-letterspacing-tab: 0.3px; --blogig-post-content-font-letterspacing-mobile: 0.3px; --blogig-post-content-font-family: "Roboto",sans-serif; --blogig-post-content-font-color: #696969; --blogig-post-content-font-weight: 400; --blogig-post-content-font-texttransform: 'none'; --blogig-post-content-font-textdecoration: 'none'; /* Category font */ --blogig-category-font-size: 12px; --blogig-category-font-size-tab: 12px; --blogig-category-font-size-mobile: 12px; --blogig-category-font-lineheight: 18px; --blogig-category-font-lineheight-tab: 18px; --blogig-category-font-lineheight-mobile: 18px; --blogig-category-font-letterspacing: 0.1px; --blogig-category-font-letterspacing-tab: 0.1px; --blogig-category-font-letterspacing-mobile: 0.1px; --blogig-category-font-family: "Roboto",sans-serif; --blogig-category-font-color: #fff; --blogig-category-font-weight: 500; --blogig-category-icon-color: #3858E9; --blogig-category-bk-color: #3858E9; --blogig-category-font-texttransform: 'Capitalize'; --blogig-category-font-textdecoration: 'none'; /* Date font */ --blogig-date-font-size: 13px; --blogig-date-font-size-tab: 13px; --blogig-date-font-size-mobile: 13px; --blogig-date-font-lineheight: 20px; --blogig-date-font-lineheight-tab: 20px; --blogig-date-font-lineheight-mobile: 20px; --blogig-date-font-letterspacing: 0.3px; --blogig-date-font-letterspacing-tab: 0.3px; --blogig-date-font-letterspacing-mobile: 0.3px; --blogig-date-font-family: "Roboto",sans-serif; --blogig-date-font-color: #696969; --blogig-date-font-weight: 500; --blogig-date-font-texttransform: 'none'; --blogig-date-font-textdecoration: 'none'; --blogig-date-icon-color: #3858E9; /* Author font */ --blogig-author-font-size: 13px; --blogig-author-font-size-tab: 13px; --blogig-author-font-size-mobile: 13px; --blogig-author-font-lineheight: 20px; --blogig-author-font-lineheight-tab: 20px; --blogig-author-font-lineheight-mobile: 20px; --blogig-author-font-letterspacing: 0.3px; --blogig-author-font-letterspacing-tab: 0.3px; --blogig-author-font-letterspacing-mobile: 0.3px; --blogig-author-font-family: "Roboto",sans-serif; --blogig-author-font-color: #696969; --blogig-author-font-weight: 500; --blogig-author-font-texttransform: 'Capitalize'; --blogig-author-font-textdecoration: 'none'; /* Read Time font */ --blogig-readtime-font-size: 13px; --blogig-readtime-font-size-tab: 13px; --blogig-readtime-font-size-mobile: 13px; --blogig-readtime-font-lineheight: 20px; --blogig-readtime-font-lineheight-tab: 20px; --blogig-readtime-font-lineheight-mobile: 20px; --blogig-readtime-font-letterspacing: 0.3px; --blogig-readtime-font-letterspacing-tab: 0.3px; --blogig-readtime-font-letterspacing-mobile: 0.3px; --blogig-readtime-font-family: "EB Garamond",sans-serif; --blogig-readtime-font-color: #333; --blogig-readtime-font-weight: 400; --blogig-readtime-font-textdecoration: none; --blogig-readtime-font-texttransform: none; /* Read More font */ --blogig-readmore-font-size: 13px; --blogig-readmore-font-size-tab: 13px; --blogig-readmore-font-size-mobile: 13px; --blogig-readmore-font-lineheight: 20px; --blogig-readmore-font-lineheight-tab: 20px; --blogig-readmore-font-lineheight-mobile: 20px; --blogig-readmore-font-letterspacing: 0.3px; --blogig-readmore-font-letterspacing-tab: 0.3px; --blogig-readmore-font-letterspacing-mobile: 0.3px; --blogig-readmore-font-family: "Roboto",sans-serif; --blogig-readmore-font-color: #fff; --blogig-readmore-font-weight: 500; --blogig-readmore-font-textdecoration: none; --blogig-readmore-font-texttransform: none; /* Comment font */ --blogig-comment-font-size: 13px; --blogig-comment-font-size-tab: 13px; --blogig-comment-font-size-mobile: 13px; --blogig-comment-font-lineheight: 20px; --blogig-comment-font-lineheight-tab: 20px; --blogig-comment-font-lineheight-mobile: 20px; --blogig-comment-font-letterspacing: 0.3px; --blogig-comment-font-letterspacing-tab: 0.3px; --blogig-comment-font-letterspacing-mobile: 0.3px; --blogig-comment-font-family: "Roboto",sans-serif; --blogig-comment-font-color: #333; --blogig-comment-font-weight: 400; --blogig-comment-font-textdecoration: none; --blogig-comment-font-texttransform: none; --blogig-main-font-family: "Roboto",sans-serif; --blogig-meta-font-color-overlay: #ffffff; /** widget font family **/ /** Widget Block **/ --blogig-widget-block-font-size: 18px; --blogig-widget-block-font-size-tab: 18px; --blogig-widget-block-font-size-mobile: 18px; --blogig-widget-block-font-lineheight: 32px; --blogig-widget-block-font-lineheight-tab: 32px; --blogig-widget-block-font-lineheight-mobile: 32px; --blogig-widget-block-font-letterspacing: 0.6px; --blogig-widget-block-font-letterspacing-tab: 0.6px; --blogig-widget-block-font-letterspacing-mobile: 0.6px; --blogig-widget-block-font-family: "Roboto",sans-serif; --blogig-widget-block-font-color: #222; --blogig-widget-block-font-weight: 400; /** Widget Post title Block **/ --blogig-widget-title-font-size: 18px; --blogig-widget-title-font-size-tab: 18px; --blogig-widget-title-font-size-mobile: 18px; --blogig-widget-title-font-lineheight: 25px; --blogig-widget-title-font-lineheight-tab: 25px; --blogig-widget-title-font-lineheight-mobile: 25px; --blogig-widget-title-font-letterspacing: 0.3px; --blogig-widget-title-font-letterspacing-tab: 0.3px; --blogig-widget-title-font-letterspacing-mobile: 0.3px; --blogig-widget-title-font-family: "EB Garamond",sans-serif; --blogig-widget-title-font-color: #222; --blogig-widget-title-font-weight: 500; /** Widget Post date **/ --blogig-widget-date-font-size: 13px; --blogig-widget-date-font-size-tab: 13px; --blogig-widget-date-font-size-mobile: 13px; --blogig-widget-date-font-lineheight: 20px; --blogig-widget-date-font-lineheight-tab: 20px; --blogig-widget-date-font-lineheight-mobile: 20px; --blogig-widget-date-font-letterspacing: 0.3px; --blogig-widget-date-font-letterspacing-tab: 0.3px; --blogig-widget-date-font-letterspacing-mobile: 0.3px; --blogig-widget-date-font-family: "Roboto",sans-serif; --blogig-widget-date-font-color: #222; --blogig-widget-date-font-weight: 400; /** Widget Post category **/ --blogig-widget-category-font-size: 12px; --blogig-widget-category-font-size-tab: 12px; --blogig-widget-category-font-size-mobile: 12px; --blogig-widget-category-font-lineheight: 20px; --blogig-widget-category-font-lineheight-tab: 20px; --blogig-widget-category-font-lineheight-mobile: 20px; --blogig-widget-category-font-letterspacing: 0.5px; --blogig-widget-category-font-letterspacing-tab: 0.5px; --blogig-widget-category-font-letterspacing-mobile: 0.5px; --blogig-widget-category-font-family: "Roboto",sans-serif; --blogig-widget-category-font-color: #222; --blogig-widget-category-font-weight: 500; --blogig-widget-category-font-texttransform: 'Roboto'; --blogig-widget-category-font-textdecoration: 'none'; --blogig-widget-content-font-family: "Inter",sans-serif; --blogig-widget-content-font-family: "Inter",sans-serif; /** Single Typography **/ --blogig-single-post-image-ratio: 0.55; --blogig-single-post-image-ratio-tab: 0.55; --blogig-single-post-image-ratio-mobile: 0.55; --blogig-single-page-image-ratio: 0.55; --blogig-single-page-image-ratio-tab: 0.55; --blogig-single-page-image-ratio-mobile: 0.55; --blogig-widget-block-title-color : #333; --blogig-footer-dark-text: #333333; --blogig-single-content-color : #696969; --border-bottom-color: #F4F4F4; --border-bottom-color-two: #f0f0f0; --border-bottom-color-three: #ffffff3b; --blogig-carousel-bk-color: none; --blogig-canvash-bk-color: #cacacaa3; } /** dark mode **/ .blogig-dark-mode { --blogig-white-bk: #333333; --blogig-post-title-font-color: #fff; --blogig-date-font-color: #f1f1f1; --blogig-post-content-font-color: #f8f8f8; --blogig-meta-font-color: #f2f2f2; --blogig-menu-color: #fff; --blogig-widget-block-title-color: #fff; --blogig-menu-color-submenu: #fff; --blogig-menu-color-submenu-hover: #f1f1f1; --blogig-single-content-color: #f8f8f8; --border-bottom-color: #5d5d5d; --border-bottom-color-two: #5d5d5d; --blogig-black-text: #ffffff; --blogig-footer-dark-text: #ffffff; } body.blogig-dark-mode header .site-branding img { background-color: #868686; border-radius: 5px; padding: 3px; box-sizing: border-box; } body.blogig-dark-mode:before { background: #000000; } body.blogig-dark-mode header.site-header { background: #333333; } body.blogig-dark-mode .blogig-breadcrumb-wrap, body.blogig-dark-mode.single-post #primary article .post-card .bmm-author-thumb-wrap { background: rgb(160 160 160 / 15%); } body.blogig-dark-mode.single-post .comment-respond .comment-form-comment textarea, body.blogig-dark-mode.page .comment-respond .comment-form-comment textarea, body.blogig-dark-mode.page #primary article .post-inner footer.entry-footer { background-color: #898989; } body.blogig-dark-mode .widget_block.widget_search .wp-block-search__input { border: 2px solid #898989; background-color: #898989; } body.blogig-dark-mode.error404 #blogig-main-wrap #primary .not-found { background-color: #333333; } body.blogig-dark-mode.archive.category #blogig-main-wrap .page-header .blogig-container .row, body.blogig-dark-mode.archive.tag #blogig-main-wrap .page-header .blogig-container .row, body.blogig-dark-mode.archive.date #blogig-main-wrap .page-header .blogig-container .row, body.blogig-dark-mode.search.search-results #blogig-main-wrap .blogig-container .page-header{ background: rgb(160 160 160 / 15%); } body.blogig-dark-mode .widget_block.widget_search .wp-block-search__input { background-color: #bbbbbb; } body.blogig-dark-mode .blogig-carousel-section article.post-item .post-thumb:before { background-color: #a2a2a236; } body.single-post.blogig-dark-mode #primary .blogig-inner-content-wrap article .entry-content .wp-block-latest-posts a, body.single-post.blogig-dark-mode #primary .blogig-inner-content-wrap article .entry-content .wp-block-categories a { color: #fff; } body.single-post.blogig-dark-mode pre { background: #5b5b5b; } body.blogig-dark-mode.boxed--layout #page { background: #000000; } body.blogig-dark-mode article .inner-content .post-button { color: #fff; } body.blogig-dark-mode footer.site-footer { background: #333333; } body.blogig-dark-mode .widget h1, body.blogig-dark-mode .widget h2, body.blogig-dark-mode .widget h3, body.blogig-dark-mode .widget h4, body.blogig-dark-mode .widget h5, body.blogig-dark-mode .widget h6, body.blogig-dark-mode .widget p { color: #ffffff; } body.blogig-dark-mode .blogig-breadcrumb-wrap ul li:after { color: #f9f9f9; } body.blogig-dark-mode.single-post article .post-meta-wrap .post-meta, body.blogig-dark-mode.single-post #primary article footer .tags-links { background-color: #2e2e2e; } /* body.blogig-dark-mode.single-post #primary article .post-card .bmm-author-thumb-wrap { background: }*/ /* ========================================= 2.0 Normalize ========================================= */ html { scroll-behavior: smooth; } body { font-family: var(--blogig-main-font-family); scroll-behavior: smooth; font-size: var(--blogig-main-font-size); letter-spacing: 0.3px; } p,a,div,span,input,h1,h2,h3,h4,h5,h6,span { letter-spacing: 0.3px; } figure { margin: 0px; } .post-thumb img { display: block; } .blogig-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; } .blogig-container-fluid .row{ padding: 0 2rem; } .blogig-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); } #wp-custom-header img{ width: 100%; border-radius: 15px; overflow: hidden; display: block; margin: 30px 0; } header.site-header { background: #ffffff; } /*main container **/ @media only screen and (max-width: 680px) { .blogig-container-fluid .row { padding: 0 0.5rem; } } @media (min-width: 576px) { .blogig-container, #wp-custom-header { max-width: 540px; } } @media (min-width: 676px) { .blogig-container, #wp-custom-header { max-width: 620px; } } @media (min-width: 768px) { .blogig-container, #wp-custom-header { max-width: 720px; } } @media (min-width: 868px) { .blogig-container, #wp-custom-header { max-width: 820px; } .blogig-container { padding-right: var(--bs-gutter-x, 1rem); padding-left: var(--bs-gutter-x, 1rem); } } @media (min-width: 992px) { .blogig-container, #wp-custom-header { max-width: 960px; } } @media (min-width: 1086px) { .blogig-container, #wp-custom-header { max-width: 1060px; } } @media (min-width: 1200px) { .blogig-container, #wp-custom-header { max-width: 1140px; } } @media (min-width: 1400px) { .blogig-container, #wp-custom-header { max-width: 1240px; } } @media (min-width: 1500px) { .blogig-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 .blogig-inner-content-wrap article { margin: 0; } body .blogig-inner-content-wrap article .blogig-article-inne { box-shadow: var(--blogig-article-box-shadow); webkit-box-shadow: var(--blogig-article-box-shadow); } body.boxed--layout #page { margin: 20px 60px; box-shadow: 0 0 15px rgb(0 0 0 / 33%); position: relative; border-radius: 15px; } /* ========================================= 3.0 Header ========================================= */ .main-header .blogig-container .row{ display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; padding: 35px 0 30px 0; border-bottom: 2px solid #FFFFFF5E; } .main-header .site-branding-section { flex: 1 1 15%; } .main-header .menu-section { flex: 1 1 80%; text-align: right; } .site-header .site-title { color: var(--blogig-black-text); margin: 0; font-size: var(--blogig-site-title-size); line-height: var(--blogig-site-title-lineheight); letter-spacing: var(--blogig-site-title-letterspacing); text-decoration: var(--blogig-site-title-textdecoration); text-transform: var(--blogig-site-title-texttransform); font-weight: var(--blogig-site-title-weight); font-family: var(--blogig-site-title-family); } .site-header .site-title a{ text-decoration: none; color: inherit; letter-spacing: inherit; font-weight: inherit; } .site-header .site-description { font-size: var(--blogig-site-description-size); line-height: var(--blogig-site-description-lineheight); letter-spacing: var(--blogig-site-description-letterspacing); text-decoration: var(--blogig-site-description-textdecoration); text-transform: var(--blogig-site-description-texttransform); font-weight: var(--blogig-site-description-weight); font-family: var(--blogig-site-description-family); color: var(--blogig-site-description-color); margin: 0; padding-top: 3px; } .main-header #site-navigation { display: inline-block; width: auto; } header.site-header .main-header { margin-bottom: 40px; } .main-header.header-sticky--enabled { position: fixed; top: 0; width: 100%; z-index: 999; background: var(--blogig-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 .blogig-container .row { padding: 35px 0 20px 0; } .main-header.header-sticky--enabled .blogig-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; } .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(--blogig-menu-color); font-family: var(--blogig-menu-family); font-weight: var(--blogig-menu-weight); font-size: var(--blogig-menu-size); line-height: var(--blogig-menu-lineheight); letter-spacing: var(--blogig-menu-letterspacing); text-transform: var(--blogig-menu-texttransform); text-decoration: var(--blogig-menu-textdecoration); } .blogig_dark_mode .main-navigation .menu li a, .blogig_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(--blogig-global-preset-theme-color); opacity: 1; width: 100%; } .main-navigation .menu li a:hover, .main-navigation .nav.menu li a:hover{ color: var(--blogig-menu-color-hover); } .main-navigation ul.menu ul, .main-navigation ul.nav-menu ul { background-color: var(--blogig-submenu-background-color); display: block; left: -999em; margin: 0; position: absolute; z-index: 110; 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(--blogig-menu-color-submenu); border-bottom: 1px solid var(--blogig-submenu-border-btm-color); font-family: var(--blogig-submenu-family); font-weight: var(--blogig-submenu-weight); font-size: var(--blogig-submenu-size); line-height: var(--blogig-submenu-lineheight); letter-spacing: var(--blogig-submenu-letterspacing); text-transform: var(--blogig-submenu-texttransform); text-decoration: var(--blogig-submenu-textdecoration); } .main-navigation ul.menu ul li a:after, .main-navigation ul.nav-menu ul li a:after { color: var(--blogig-menu-color-submenu); } .main-navigation ul.menu ul li a:hover, .main-navigation ul.nav-menu ul li a:hover { color: var(--blogig-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(--blogig-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-color: var(--blogig-white-bk); 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(--blogig-menu-size)*0.9); font-weight: 900; line-height: var(--blogig-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: 14px; 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 { background: var(--blogig-submenu-background-color); } } /* search popup */ .site-header .search-wrap .search-form-wrap { display: none; } .site-header .search-wrap .search-form-close { z-index: 999; padding: 7px 17px; background-color: var(--blogig-global-preset-theme-color); border-radius: 5px; text-align: center; margin: 0 auto; display: inline-block; color: #fff; font-size: 23px; 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 .blogig-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 .blogig-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; } .blogig-light-mode .site-header .mode-toggle i { color: var(--blogig-theme-mode-color); } .blogig-light-mode .site-header .mode-toggle:hover i { color: var(--blogig-theme-mode-color-hover); } .blogig-dark-mode .site-header .mode-toggle i { color: var(--blogig-theme-darkmode-color); } .blogig-dark-mode .site-header .mode-toggle:hover i { color: var(--blogig-theme-darkmode-color-hover); } .blogig-dark-mode .lightmode { display: none; } .blogig-light-mode .darkmode { display: none; } .site-header .header-custom-button { text-decoration: none; padding: 7px 20px; background: var(--blogig-global-preset-theme-color); border-radius: var(--blogig-custom-button-border-radius); border: none; text-transform: var(--blogig-custom-button-texttransform); text-decoration: var(--blogig-custom-button-textdecoration); font-weight: var(--blogig-custom-button-weight); box-shadow: 0px 3px 10px -2px var(--blogig-global-preset-theme-color); -webkit-box-shadow: 0px 3px 10px -2px var(--blogig-global-preset-theme-color); } .site-header .header-custom-button i{ color: var(--blogig-custom-button-icon-color); font-size: 13px; } .site-header .header-custom-button .custom-button-label { color: var(--blogig-custom-button-color); font-family: var(--blogig-custom-button-family); font-size: var(--blogig-custom-button-size); line-height: var(--blogig-custom-button-lineheight); letter-spacing: var(--blogig-custom-button-letterspacing); text-transform: var(--blogig-custom-button-texttransform); text-decoration: var(--blogig-custom-button-textdecoration); font-weight: var(--blogig-custom-button-weight); } .site-header .header-custom-button:hover { background: var(--blogig-global-preset-theme-color); } .site-header .header-custom-button:hover .custom-button-label { color: var(--blogig-custom-button-color-hover); } .site-header .header-custom-button:hover .custom-button-icon i { color: var(--blogig-custom-button-icon-color-hover); } .site-header .header-custom-button .custom-button-icon{ padding-right: 7px; } .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: 10px; border: none; } .site-header .search-trigger i { color: var(--blogig-black-text); } .site-header .canvas-menu-icon { color: #333333; vertical-align: middle; } /** Light and dark Mode **/ .site-header .mode-toggle-wrap { display: inline-block; } .site-header .mode-toggle { background: transparent; padding: 10px; border: none; } /* Mobile Menu */ #site-navigation button.menu-toggle { background: var(--blogig-global-preset-theme-color); color: #fff; } #site-navigation #blogig-menu-burger { display: inline-block; vertical-align: middle; } #blogig-menu-burger span { width: 1.5em; height: 0.16em; margin: 0.25em 0; display: block; transition: all .4s ease; transform-origin: 0 0; background-color: #fff; } #blogig-menu-burger .menu-txt { font-size: 22px; vertical-align: middle; line-height: 27px; padding-left: 5px; } .main-header.menu-aligment--left .menu-section { display: flex; justify-content: space-between; align-items: center; } .main-header.menu-aligment--center .menu-section { display: flex; align-items: center; } .main-header.menu-aligment--center .menu-section nav { margin: 0 auto } /* ========================================= 4.0 Main Content (Archive) ========================================= */ .blogig-inner-content-wrap article .blogig-inner-content-wrap-fi::-webkit-scrollbar, body.archive--block-layout article.format-image .inner-content .content-wrap::-webkit-scrollbar { width: 2px; } .entry-title a { color: inherit; } #primary article .post-date { margin: 0; } .blogig-inner-content-wrap article .blogig-inner-content-wrap-fi::-webkit-scrollbar-thumb, body.archive--block-layout ::-webkit-scrollbar-thumb { background-color: var(--blogig-global-preset-theme-color); border-radius: 40px; } .blogig-inner-content-wrap.archive-align--left article .inner-content { text-align: left; } .blogig-inner-content-wrap.archive-align--left article.format-image .inner-content, .blogig-inner-content-wrap.archive-align--left article.format-quote .inner-content { text-align: left!important; } .blogig-inner-content-wrap.archive-align--left article.format-image .inner-content .post-date.posted-on { padding-left: 15px; } .blogig-inner-content-wrap.archive-align--right article .inner-content { text-align: right; } .blogig-inner-content-wrap.archive-align--right article.format-image .inner-content, .blogig-inner-content-wrap.archive-align--right article.format-quote .inner-content { text-align: right!important; } .blogig-inner-content-wrap.archive-align--right article.format-image .inner-content .post-date.posted-on { padding-right: 15px; } body.archive--grid-layout #primary article.format-standard .blogig-article-inner .post-thumnail-inner-wrapper, body.archive--grid-layout #primary article.format-video .blogig-article-inner .post-thumnail-inner-wrapper, body.archive--grid-layout #primary article.format-audio .blogig-article-inner .post-thumnail-inner-wrapper, body.archive--grid-layout #primary article.format-gallery .blogig-article-inner .post-thumnail-inner-wrapper, body.archive--masonry-layout #primary article.format-standard .blogig-article-inner .post-thumnail-inner-wrapper, body.archive--masonry-layout #primary article.format-video .blogig-article-inner .post-thumnail-inner-wrapper, body.archive--masonry-layout #primary article.format-audio .blogig-article-inner .post-thumnail-inner-wrapper, body.archive--masonry-layout #primary article.format-gallery .blogig-article-inner .post-thumnail-inner-wrapper { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } body.archive--list-layout #primary article.format-standard .blogig-article-inner .post-thumnail-inner-wrapper, body.archive--list-layout #primary article.format-video .blogig-article-inner .post-thumnail-inner-wrapper, body.archive--list-layout #primary article.format-audio .blogig-article-inner .post-thumnail-inner-wrapper, body.archive--list-layout #primary article.format-gallery .blogig-article-inner .post-thumnail-inner-wrapper { border-top-right-radius: 0; border-bottom-right-radius: 0; overflow: hidden; } body.archive--list-layout .blogig-inner-content-wrap article { position: relative; } article.format-audio .post-meta-readtime-comment, article.format-video .post-meta-readtime-comment, article.format-image .post-meta-readtime-comment, article.format-quote .post-meta-readtime-comment { top: 10px; bottom: auto; } /* ========================================= 4.1 (Grid) ========================================= */ body.archive--grid-layout .no-feat-img .post-thumb-wrap { position: relative; padding-bottom: calc( 100% * 0.65 ); padding-bottom: calc( 100% * var(--blogig-post-image-ratio) ); background: var(--blogig-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(--blogig-post-image-ratio) ); background-position: center; background-size: cover; border-radius: 15px; overflow: hidden; } body.archive--grid-layout article figure.post-thumbnail-wrapper img { height: 100%; width: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: scale(1) translate(-50%,-50%); } body.archive--grid-layout #blogig-main-wrap > .blogig-container > .row { padding-top: 20px; padding-bottom: 50px; } body.archive--grid-layout #blogig-main-wrap > .blogig-container > .row #primary .blogig-inner-content-wrap{ display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 30px; row-gap: 45px; } body.archive--grid-layout #blogig-main-wrap > .blogig-container > .row #primary article .blogig-article-inner { border-radius: 15px; position: relative; z-index: 1; text-align: center; padding: 0; -webkit-box-shadow: 0 3px 12px -1px rgba(7,10,25,0.05), 0 22px 27px -20px rgba(7,10,25,0.05); box-shadow: 0 3px 12px -1px rgba(7,10,25,0.05), 0 22px 27px -20px rgba(7,10,25,0.05); box-sizing: border-box; } body.archive--grid-layout article .content-wrap, body.archive--masonry-layout article .content-wrap { padding-bottom: 20px; } body.archive--grid-layout #blogig-main-wrap > .blogig-container > .row #primary article .inner-content { background-color: var(--blogig-white-bk); border-radius: 0 0 15px 15px; padding: 20px 20px 0 20px; } body.archive--grid-layout #blogig-main-wrap > .blogig-container > .row #primary article.format-image .inner-content, body.archive--grid-layout #blogig-main-wrap > .blogig-container > .row #primary article.format-quote .inner-content, body.archive--masonry-layout #blogig-main-wrap > .blogig-container > .row #primary article.format-image .inner-content, body.archive--masonry-layout #blogig-main-wrap > .blogig-container > .row #primary article.format-quote .inner-content { padding: 20px 20px 15px 20px; } body.archive--grid-layout #blogig-main-wrap > .blogig-container > .row #primary article.format-image .blogig-inner-content-wrap-fi, body.archive--grid-layout #blogig-main-wrap > .blogig-container > .row #primary article.format-quote .blogig-inner-content-wrap-fi, body.archive--masonry-layout #blogig-main-wrap > .blogig-container > .row #primary article.format-image .blogig-inner-content-wrap-fi, body.archive--masonry-layout #blogig-main-wrap > .blogig-container > .row #primary article.format-quote .blogig-inner-content-wrap-fi { height: 200px; overflow-y: scroll; padding: 5px; } body.archive--grid-layout #blogig-main-wrap > .blogig-container > .row #primary article.format-quote .blogig-inner-content-wrap-fi, body.archive--masonry-layout #blogig-main-wrap > .blogig-container > .row #primary article.format-quote .blogig-inner-content-wrap-fi { height: 220px; overflow-y: scroll; } body.archive--grid-layout #blogig-main-wrap > .blogig-container > .row #primary article.no-featured-image .inner-content{ border-radius: 15px; } body.archive--grid-layout #blogig-main-wrap > .blogig-container > .row #primary article.no-featured-image .inner-content .content-wrap{ padding-top: 15px; } body.archive--grid-layout #blogig-main-wrap > .blogig-container > .row #primary article figure.post-thumbnail-wrapper { position: relative; } body.archive--grid-layout #blogig-main-wrap > .blogig-container > .row #primary article figure.post-thumbnail-wrapper .post-categories { position: relative; margin: 0; padding: 0; list-style: none; text-decoration: none; } body.archive--list-layout #blogig-main-wrap > .blogig-container > .row #primary article.format-quote .blogig-inner-content-wrap-fi, body.archive--list-layout #blogig-main-wrap > .blogig-container > .row #primary article.format-image .blogig-inner-content-wrap-fi { overflow-y: scroll; padding: 10px; } .post-categories .cat-item a{ background-color: var(--blogig-category-bk-color); padding: 4px 10px; border-radius: 3px; display: inline-block; color: var(--blogig-category-font-color); text-decoration: none; font-family: var(--blogig-category-font-family); font-size: var(--blogig-category-font-size); font-weight: var(--blogig-category-font-weight); font-size: var(--blogig-category-font-size); line-height: var(--blogig-category-font-lineheight); letter-spacing: var(--blogig-category-font-letterspacing); text-transform: var(--blogig-category-font-texttransform); text-decoration: var(--blogig-category-font-textdecoration); } .post-date { color: var(--blogig-date-font-color); text-decoration: none; font-family: var(--blogig-date-font-family); font-weight: var(--blogig-date-font-weight); margin: 0 0 10px 0; display: block; font-size: var(--blogig-date-font-size); line-height: var(--blogig-date-font-lineheight); } .post-date a{ letter-spacing: var(--blogig-date-font-letterspacing); } article.format-image .post-date, article.format-quote .post-date { color: var(--blogig-white-text); } .post-date a{ text-decoration: none; color: inherit; font-size: inherit; font-weight: inherit; } .post-date i{ color: var(--blogig-global-preset-theme-color); padding-right: 10px; } article .entry-title { font-family: var(--blogig-post-title-font-family); font-size: var(--blogig-post-title-font-size); color: var(--blogig-post-title-font-color); font-weight: var(--blogig-post-title-font-weight); line-height: var(--blogig-post-title-font-lineheight); letter-spacing: var(--blogig-post-title-font-letterspacing); text-transform: var(--blogig-post-title-font-texttransform); text-decoration: var(--blogig-post-title-font-textdecoration); padding: 0; margin: 5px 0 10px 0; } article h2.entry-title a{ color: inherit; text-decoration: none; } article .post-excerpt{ font-family: var(--blogig-post-content-font-family); font-size: var(--blogig-post-content-font-size); color: var(--blogig-post-content-font-color); font-weight: var(--blogig-post-content-font-weight); line-height: var(--blogig-post-content-font-lineheight); letter-spacing: var(--blogig-post-content-font-letterspacing); text-transform: var(--blogig-post-content-font-texttransform); text-decoration: var(--blogig-post-content-font-textdecoration); padding-bottom: 10px; } article .post-excerpt p { margin: 0; } article .post-footer { border-top: 2px solid var(--border-bottom-color); padding: 15px 0; line-height: 1; font-size: 14px; font-weight: 500; letter-spacing: 0.3px; display: flex; align-items: center; } article .post-footer .byline{ flex: 0 1 30%; text-align: left; vertical-align: middle; font-family: var(--blogig-author-font-family); font-weight: var(--blogig-author-font-weight); font-size: var(--blogig-author-font-size); letter-spacing: var(--blogig-author-font-letterspacing); line-height: var(--blogig-author-font-lineheight); text-transform: var(--blogig-author-font-texttransform); text-decoration: var(--blogig-author-font-textdecoration); color: var(--blogig-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: 27px; height: 27px; -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: 0 1 70%; text-align: right; font-family: var(--blogig-meta-font-family); font-size: var(--blogig-meta-font-size); font-weight: var(--blogig-meta-font-weight); color: var(--blogig-meta-font-color); } article .post-meta-readtime-comment .post-read-time { font-family: var(--blogig-readtime-font-family); font-weight: var(--blogig-readtime-font-weight); text-decoration: var(--blogig-readtime-font-textdecoration); text-transform: var(--blogig-readtime-font-texttransform); font-size: var(--blogig-readtime-font-size); letter-spacing: var(--blogig-meta-font-letterspacing); line-height: var(--blogig-meta-font-lineheight); color: var(--blogig-meta-font-color-overlay); } article .post-meta-readtime-comment a{ text-decoration: none; color: inherit; } article .post-meta-readtime-comment i{ padding-left: 5px; } article .post-meta-readtime-comment .post-comments-num { margin-left: 15px; font-family: var(--blogig-comment-font-family); font-weight: var(--blogig-comment-font-weight); font-size: var(--blogig-comment-font-size); letter-spacing: var(--blogig-comment-font-letterspacing); line-height: var(--blogig-comment-font-lineheight); text-transform: var(--blogig-comment-font-texttransform); text-decoration: var(--blogig-comment-font-textdecoration); color: var(--blogig-meta-font-color-overlay); } article .inner-content .post-button { display: inline-block; border-radius: 3px; color: #333; margin-top: 10px; line-height: 1; font-family: var(--blogig-readmore-font-family); font-weight: var(--blogig-readmore-font-weight); font-size: var(--blogig-readmore-font-size); letter-spacing: var(--blogig-readmore-font-letterspacing); line-height: var(--blogig-readmore-font-lineheight); text-transform: var(--blogig-readmore-font-texttransform); text-decoration: var(--blogig-readmore-font-textdecoration); position: relative; } article.format-image .inner-content .post-button, article.format-quote .inner-content .post-button { color: #fff; } article.format-quote .inner-content blockquote { margin: 0; } article .inner-content .post-button .button-icon { margin-right: 5px; border-radius: 60px; padding: 5px; line-height: 21px; width: 30px; height: 30px; display: inline-block; text-align: center; color: var(--blogig-global-preset-theme-color); } article .inner-content .post-button .button-icon:before { content: ""; width: 30px; height: 30px; box-shadow: 0 0 1px 1px var(--blogig-global-preset-theme-color); top: 0px; left: 0px; position: absolute; border-radius: 100px; } article .post-meta-readtime-comment .post-button i{ padding: 0; color: inherit; } article .post-meta-readtime-comment .post-button a{ color: inherit; } article.post_format-post-format-gallery .post-thumbnail-wrapper { display: grid; } body.archive-desktop-column--three #blogig-main-wrap > .blogig-container > .row #primary .blogig-inner-content-wrap { grid-template-columns: repeat(3, 1fr); } body.archive-desktop-column--two #blogig-main-wrap > .blogig-container > .row #primary .blogig-inner-content-wrap { grid-template-columns: repeat(2, 1fr); } body.archive-desktop-column--one #blogig-main-wrap > .blogig-container > .row #primary .blogig-inner-content-wrap { grid-template-columns: repeat(1, 1fr); } /* ========================================= 4.2 List ========================================= */ body.archive--list-layout #blogig-main-wrap > .blogig-container > .row { padding-top: 0; padding-bottom: 50px; } body.archive--list-layout .blogig-inner-content-wrap { display: grid; } body.archive--list-layout #blogig-main-wrap > .blogig-container > .row #primary .blogig-inner-content-wrap{ display: grid; column-gap: 30px; row-gap: 50px; } body.archive-desktop-column--one #blogig-main-wrap > .blogig-container > .row #primary .blogig-inner-content-wrap { grid-template-columns: repeat(1, 1fr); } body.archive-desktop-column--two #blogig-main-wrap > .blogig-container > .row #primary .blogig-inner-content-wrap { grid-template-columns: repeat(2, 1fr); } body.archive-desktop-column--three #blogig-main-wrap > .blogig-container > .row #primary .blogig-inner-content-wrap { grid-template-columns: repeat(3, 1fr); } body.archive--list-layout .content-wrap { height: calc(100% - 50px); flex-direction: column; align-items: flex-start; justify-content: center; padding-bottom: 30px; } body.archive--list-layout #primary .blogig-article-inner { display: flex; border-radius: var(--blogig-content-border-radius); overflow: hidden; box-sizing: border-box; } body.archive--list-layout #primary .blogig-article-inner .inner-content { background-color: var(--blogig-white-bk); padding: 30px 30px 10px 30px; box-sizing: border-box; } body.archive--list-layout #primary article.post_format-post-format-quote .blogig-article-inner .inner-content { padding-bottom: 15px; } 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, body.archive--grid-layout #primary .post-categories, body.archive--masonry-layout #primary .post-categories { position: relative; list-style: none; margin: 0; padding: 0; display: block; margin-bottom: 10px; } body.archive--list-layout #primary article.format-image .post-categories { z-index: 5; } body.archive--list-layout .no-featured-image .post-thumbnail-wrapper { display: none; } body.archive--list-layout article figure.post-thumbnail-wrapper .post-thumnail-inner-wrapper { position: relative; padding-bottom: calc( 100% * var(--blogig-list-post-image-ratio) ); background-position: center; background-size: cover; height: 100%; overflow: hidden; } body.archive--list-layout article figure.post-thumbnail-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 0; } body.archive--list-layout article .post-footer .byline { flex: 0 1 40%; } body.archive--list-layout #primary article.post_format-post-format-image .blogig-article-inner .post-thumbnail-wrapper, body.archive--list-layout #primary article.post_format-post-format-quote .blogig-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(--blogig-list-post-image-ratio) ); } body.archive--list-layout.archive-desktop-column--one #primary article.post_format-post-format-image .post-thumbnail-wrapper .post-thumnail-inner-wrapper, body.archive--list-layout.archive-desktop-column--one #primary article.post_format-post-format-quote .post-thumbnail-wrapper .post-thumnail-inner-wrapper { padding-bottom: calc( 70% * var(--blogig-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(--blogig-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(--blogig-list-post-image-ratio) ); } body.archive--list-layout #primary article.post_format-post-format-image .inner-content .post-footer { padding: 15px 0; } 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.archive--list-layout #primary .archive-align--right .post-categories { right: 27px; left: auto; text-align: right; } .post-meta-readtime-comment { position: absolute; z-index: 999; background: rgb(0 0 0 / 67%); padding: 5px 15px; bottom: 10px; right: auto; left: 10px; text-align: center; border-radius: 15px; visibility: hidden; } article:hover .post-meta-readtime-comment { visibility: visible; } /* ========================================= 4.3 (Block) ========================================= */ body.archive--block-layout .no-feat-img .post-thumb-wrap { position: relative; padding-bottom: calc( 100% * var(--blogig-post-image-ratio) ); background: var(--blogig-noimg-bk-color); background-position: center; background-size: cover; overflow: hidden; } body.archive--block-layout article figure.post-thumbnail-wrapper .post-thumnail-inner-wrapper { position: relative; padding-bottom: calc( 100% * var(--blogig-post-image-ratio) ); background-position: center; background-size: cover; border-radius: var(--blogig-post-image-border-radius); overflow: hidden; box-shadow: 0px 0px 5px 1px rgb(139 139 139 / 81%); -webkit-box-shadow: 0px 0px 5px 1px rgb(139 139 139 / 81%); } body.archive--block-layout article figure.post-thumbnail-wrapper img { height: 100%; width: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: scale(1.05) translate(-50%,-50%); } body.archive--block-layout #blogig-main-wrap > .blogig-container > .row { padding-top: 10px; padding-bottom: 50px; } body.archive--block-layout #blogig-main-wrap > .blogig-container > .row #primary .blogig-inner-content-wrap{ display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 30px; row-gap: 40px; } body.archive--block-layout #blogig-main-wrap > .blogig-container > .row #primary article .blogig-article-inner { position: relative; z-index: 1; text-align: center; background-color: var(--blogig-white-bk); border-radius: var(--blogig-content-border-radius); padding: 25px; -webkit-box-shadow: 0 3px 12px -1px rgba(7,10,25,0.05), 0 22px 27px -20px rgba(7,10,25,0.05); box-shadow: 0 3px 12px -1px rgba(7,10,25,0.05), 0 22px 27px -20px rgba(7,10,25,0.05); box-sizing: border-box; } body.archive--block-layout #blogig-main-wrap .blogig-container .row #primary article .blogig-article-inner .inner-content{ padding-top: 25px; } body.archive--block-layout #blogig-main-wrap .blogig-container .row #primary article figure { position: relative; } body.archive--block-layout #blogig-main-wrap .blogig-container .row #primary article figure.wp-block-audio { position: absolute; } body.archive--block-layout #blogig-main-wrap .blogig-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.archive--block-layout #blogig-main-wrap > .blogig-container > .row #primary .blogig-inner-content-wrap { grid-template-columns: repeat(1, 1fr); } body.archive-desktop-column--one #blogig-main-wrap > .blogig-container > .row #primary .blogig-inner-content-wrap { grid-template-columns: repeat(1, 1fr); } body.archive--block-layout article .post-footer { padding-bottom: 0; } body.archive--block-layout article .entry-title { font-size: calc( var(--blogig-post-title-font-size)* 1.4 ); line-height: calc( var(--blogig-post-title-font-lineheight)* 1.4 ); padding-bottom: 5px; } body.archive--block-layout article.format-image .inner-content .content-wrap { height: calc(100% - 72px ); display: flex; flex-direction: column; width: 100%; align-self: center; justify-content: center; overflow-y: scroll; } body.archive--block-layout article.format-image .post-footer { margin: 0; padding-bottom: 5px; } body.archive--block-layout #blogig-main-wrap > .blogig-container > .row #primary article.no-featured-image figure .post-categories { position: relative; left: 0; top: 0; text-align: center; } body.archive--block-layout #blogig-main-wrap .blogig-container .row #primary article.format-video figure.wp-block-video { position: absolute; width: 101%; height: 100%; display: block; } /* ========================================= 4.4 (Masonry) ========================================= */ body.archive--masonry-layout.archive-desktop-column--one article, body.archive--masonry-layout.archive-desktop-column--one .blogig-advertisement-block { width: calc(100%); margin-bottom: 50px; } body.archive--masonry-layout.archive-desktop-column--two article, body.archive--masonry-layout.archive-desktop-column--two .blogig-advertisement-block { width: calc(50% - 15px); margin-bottom: 50px; } body.archive--masonry-layout.archive-desktop-column--three article, body.archive--masonry-layout.archive-desktop-column--three .blogig-advertisement-block { width: calc(33.33% - 20px); margin-bottom: 50px; } body.archive--masonry-layout .no-feat-img .post-thumb-wrap { position: relative; padding-bottom: calc( 100% * var(--blogig-post-image-ratio) ); background: var(--blogig-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(--blogig-post-image-ratio) ); background-position: center; background-size: cover; border-radius: 15px 15px 0 0; overflow: hidden; } body.archive--masonry-layout article figure.post-thumbnail-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 #blogig-main-wrap > .blogig-container > .row { padding-top: 20px; padding-bottom: 40px; } body.archive--masonry-layout #blogig-main-wrap > .blogig-container > .row #primary article .blogig-article-inner { border-radius: 15px; position: relative; z-index: 1; text-align: center; padding: 0; -webkit-box-shadow: 0 3px 12px -1px rgba(7,10,25,0.05), 0 22px 27px -20px rgba(7,10,25,0.05); box-shadow: 0 3px 12px -1px rgba(7,10,25,0.05), 0 22px 27px -20px rgba(7,10,25,0.05); box-sizing: border-box; } body.archive--masonry-layout #blogig-main-wrap > .blogig-container > .row #primary article .inner-content { background-color: var(--blogig-white-bk); border-radius: 0 0 15px 15px; padding: 20px 20px 0 20px; } body.archive--masonry-layout #blogig-main-wrap > .blogig-container > .row #primary article figure { position: relative; } body.archive--masonry-layout #blogig-main-wrap > .blogig-container > .row #primary article figure.wp-block-audio{ position: absolute; z-index: 2; } body.archive--masonry-layout #blogig-main-wrap > .blogig-container > .row #primary article figure.wp-block-video { position: initial; } body.archive--masonry-layout #blogig-main-wrap > .blogig-container > .row #primary article figure .post-categories { position: relative; z-index: 9999; margin: 0; padding: 0; list-style: none; text-decoration: none; } body.archive--masonry-layout #blogig-main-wrap > .blogig-container > .row #primary article.no-featured-image .inner-content{ border-radius: 15px; } body.archive--masonry-layout #blogig-main-wrap > .blogig-container > .row #primary article.no-featured-image .inner-content .content-wrap{ padding-top: 15px; } /** author archive **/ body.archive.author #blogig-main-wrap .page-header .blogig-container { padding: 25px; position: relative; z-index: 1; text-align: center; background: var(--blogig-white-bk); color: var(--blogig-black-text); margin-top: 50px; border-radius: 15px; margin-top: 40px; margin-bottom: 40px; } body.archive.author #blogig-main-wrap .page-header .blogig-container .row{ display: flex; flex-direction: column; } body.archive.author #blogig-main-wrap .page-header .blogig-container img{ text-align: center; margin: 0 auto; width: 75px; height: 75px; border-radius: 50%; display: inline-block; overflow: hidden; margin-top: 0; box-shadow: var(--blogig-image-box-shadow); webkit-box-shadow: var(--blogig-image-box-shadow); } body.archive.author #blogig-main-wrap .page-header .blogig-container .page-title { font-family: var(--blogig-post-title-font-family); font-size: 22px; line-height: 29px; letter-spacing: 0.6px; text-transform: capitalize; margin-bottom: 20px; color: var(--blogig-black-text); } body.archive.author #blogig-main-wrap .page-header .blogig-container .page-description{ font-size: 24px; color: var(--blogig-white-text); letter-spacing: 0.6px; line-height: 30px; text-decoration: none; text-transform: capitalize; } /* ========================================= 5.0 Sidebar ========================================= */ /* right sidebar */ body.archive--right-sidebar #blogig-main-wrap .blogig-container .row, body.single--right-sidebar #blogig-main-wrap .blogig-container .row, body.search-page--right-sidebar #blogig-main-wrap .blogig-container .row, body.page--right-sidebar #blogig-main-wrap .blogig-container .row, body.error-page--right-sidebar #blogig-main-wrap .blogig-container .row, body.search-page--right-sidebar #blogig-main-wrap .blogig-container .row { display: flex; } body.archive--right-sidebar #blogig-main-wrap > .blogig-container .row #primary, body.single--right-sidebar #blogig-main-wrap > .blogig-container .row #primary, body.search-page--right-sidebar #blogig-main-wrap > .blogig-container .row #primary, body.page--right-sidebar #blogig-main-wrap > .blogig-container .row #primary, body.error-page--right-sidebar #blogig-main-wrap > .blogig-container .row #primary, body.search-page--right-sidebar #blogig-main-wrap .blogig-container .row #primary{ margin-right: 20px; } body.archive--right-sidebar #blogig-main-wrap .blogig-container .row main.site-main, body.single--right-sidebar #blogig-main-wrap .blogig-container .row main.site-main, body.search-page--right-sidebar #blogig-main-wrap .blogig-container .row main.site-main, body.page--right-sidebar #blogig-main-wrap .blogig-container .row main.site-main, body.error-page--right-sidebar #blogig-main-wrap .blogig-container .row main.site-main, body.search-page--right-sidebar #blogig-main-wrap .blogig-container .row main.site-main{ flex: 1 1 70%; max-width: 70%; } body.archive--right-sidebar #blogig-main-wrap .blogig-container .row #secondary, body.single--right-sidebar #blogig-main-wrap .blogig-container .row #secondary, body.search-page--right-sidebar #blogig-main-wrap .blogig-container .row #secondary, body.page--right-sidebar #blogig-main-wrap .blogig-container .row #secondary, body.error-page--right-sidebar #blogig-main-wrap .blogig-container .row #secondary, body.search-page--right-sidebar #blogig-main-wrap .blogig-container .row #secondary{ margin-left: 20px; flex: 0 2 30%; max-width: 30%; } /* left sidebar */ body.archive--left-sidebar #blogig-main-wrap .blogig-container .row, body.single--left-sidebar #blogig-main-wrap .blogig-container .row, body.search-page--left-sidebar #blogig-main-wrap .blogig-container .row, body.page--left-sidebar #blogig-main-wrap .blogig-container .row, body.error-page--left-sidebar #blogig-main-wrap .blogig-container .row { display: flex; } body.archive--left-sidebar #blogig-main-wrap > .blogig-container .row #primary, body.single--left-sidebar #blogig-main-wrap > .blogig-container .row #primary, body.search-page--left-sidebar #blogig-main-wrap > .blogig-container .row #primary, body.page--left-sidebar #blogig-main-wrap > .blogig-container .row #primary, body.error-page--left-sidebar #blogig-main-wrap > .blogig-container .row #primary { margin-left: 20px; } body.archive--left-sidebar #blogig-main-wrap .blogig-container .row main.site-main, body.single--left-sidebar #blogig-main-wrap .blogig-container .row main.site-main, body.search-page--left-sidebar #blogig-main-wrap .blogig-container .row main.site-main, body.page--left-sidebar #blogig-main-wrap .blogig-container .row main.site-main, body.error-page--left-sidebar #blogig-main-wrap .blogig-container .row main.site-main{ flex: 1 1 70%; max-width: 70% } body.archive--left-sidebar #blogig-main-wrap .blogig-container .row #secondary-aside, body.single--left-sidebar #blogig-main-wrap .blogig-container .row #secondary-aside, body.search-page--left-sidebar #blogig-main-wrap .blogig-container .row #secondary-aside, body.page--left-sidebar #blogig-main-wrap .blogig-container .row #secondary-aside, body.error-page--left-sidebar #blogig-main-wrap .blogig-container .row #secondary-aside{ margin-right: 20px; flex: 0 2 30%; max-width: 30%; } /* both sidebar */ body.archive--both-sidebar #blogig-main-wrap .blogig-container .row, body.single--both-sidebar #blogig-main-wrap .blogig-container .row, body.search-page--both-sidebar #blogig-main-wrap .blogig-container .row, body.page--both-sidebar #blogig-main-wrap .blogig-container .row, body.error-page--both-sidebar #blogig-main-wrap .blogig-container .row { display: flex; justify-content: center; } body.archive--both-sidebar #blogig-main-wrap > .blogig-container .row #primary, body.single--both-sidebar #blogig-main-wrap > .blogig-container .row #primary, body.search-page--both-sidebar #blogig-main-wrap > .blogig-container .row #primary, body.page--both-sidebar #blogig-main-wrap > .blogig-container .row #primary, body.error-page--both-sidebar #blogig-main-wrap > .blogig-container .row #primary { margin-left: 20px; margin-right: 20px; } body.archive--both-sidebar #blogig-main-wrap .blogig-container .row main.site-main, body.single--both-sidebar #blogig-main-wrap .blogig-container .row main.site-main, body.search-page--both-sidebar #blogig-main-wrap .blogig-container .row main.site-main, body.page--both-sidebar #blogig-main-wrap .blogig-container .row main.site-main, body.error-page--both-sidebar #blogig-main-wrap .blogig-container .row main.site-main { flex: 1 1 50%; max-width: 50%; } body.archive--both-sidebar #blogig-main-wrap .blogig-container .row #secondary, body.single--both-sidebar #blogig-main-wrap .blogig-container .row #secondary, body.search-page--both-sidebar #blogig-main-wrap .blogig-container .row #secondary, body.page--both-sidebar #blogig-main-wrap .blogig-container .row #secondary, body.error-page--both-sidebar #blogig-main-wrap .blogig-container .row #secondary{ margin-left: 20px; flex: 0 1 25%; max-width: 25%; } body.archive--both-sidebar #blogig-main-wrap .blogig-container .row #secondary-aside, body.single--both-sidebar #blogig-main-wrap .blogig-container .row #secondary-aside, body.search-page--both-sidebar #blogig-main-wrap .blogig-container .row #secondary-aside, body.page--both-sidebar #blogig-main-wrap .blogig-container .row #secondary-aside, body.error-page--both-sidebar #blogig-main-wrap .blogig-container .row #secondary-aside{ margin-right: 20px; flex: 0 1 25%; max-width: 25%; } /* ========================================= 6.0 Widgets ========================================= */ .widget .wp-block-heading { margin: 6px 0; } section.widget.widget_block.widget_media_image { background: transparent; padding: 0; } aside .widget{ margin: 0 0 40px 0; } aside .widget:last-child { margin-bottom: 0; } .widget, #widget_block { background-color: var(--blogig-white-bk); padding: 20px; border-radius: 15px; box-shadow: var(--blogig-article-box-shadow); webkit-box-shadow: var(--blogig-article-box-shadow); } .widget-title span { position: relative; } /* .widget-title span:after { content: ''; background-color: var(--blogig-global-preset-theme-color); height: 2px; width: 100%; position: absolute; bottom: -12px; left: 0; }*/ .widget_block .wp-block-group__inner-container .wp-block-heading, section.widget .widget-title { font-family: var(--blogig-widget-block-font-family); font-weight: var(--blogig-widget-block-font-weight); font-size: var(--blogig-widget-block-font-size); letter-spacing: var(--blogig-widget-block-font-letterspacing); line-height: var(--blogig-widget-block-font-lineheight); margin-bottom: 25px; margin-top: 0; padding-bottom: 5px; border-bottom: 2px solid var(--border-bottom-color); display: block; color: var(--blogig-widget-block-title-color); } .widget_block.widget_search .wp-block-search__label { font-family: var(--blogig-widget-block-font-family); font-weight: var(--blogig-widget-block-font-weight); font-size: var(--blogig-widget-block-font-size); letter-spacing: var(--blogig-widget-block-font-letterspacing); line-height: var(--blogig-widget-block-font-lineheight); color: var(--blogig-widget-block-title-color); margin-bottom: 25px; margin-top: 0; padding-bottom: 5px; border-bottom: 2px solid var(--border-bottom-color); display: block; } .widget .wp-block-search__inside-wrapper, .widget.widget_search .search-form { position: relative; margin-bottom: 5px; } .widget_block.widget_search .wp-block-search__input, .widget.widget_search .search-form input.search-field { width: 100%; height: 50px; border-radius: 60px; border: none; border: 2px solid #e2e2e2; padding: 0 15px; } .wp-block-search__button, .widget.widget_search .search-form .search-submit { position: absolute; top: 9px; right: 12px; color: var(--blogig-white-text); background-color: var(--blogig-global-preset-theme-color); border: none; font-weight: 500; padding: 10px 15px 9px 15px; border-radius: 25px; 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; } .mode-toggle-wrap .mode-toggle { color: #141414; } /* latest post list */ ul.wp-block-latest-posts.wp-block-latest-posts__list, ol.wp-block-latest-comments, ul.wp-block-archives, ul.wp-block-categories, ul.wp-block-page-list, .widget ul.menu, .widget.widget_recent_entries ul, .widget.widget_categories ul { margin: 0; padding: 0 10px; list-style: none; } ul.wp-block-latest-posts li, ol.wp-block-latest-comments li, ul.wp-block-archives 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 { border-bottom: 1px solid var(--border-bottom-color-two); margin-bottom: 11px; padding-bottom: 7px; color: var(--blogig-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, ul.wp-block-categories li:last-child, ul.wp-block-page-list li:last-child, .widget ul.menu li:last-child, .widget.widget_recent_entries ul li:last-child, .widget.widget_categories ul li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 5px; } ul.wp-block-latest-posts a, ol.wp-block-latest-comments li footer, ul.wp-block-archives a, ul.wp-block-categories a, ul.wp-block-page-list a, .widget ul.menu a, .widget.widget_recent_entries ul li a, .widget.widget_categories ul li a{ color: var(--blogig-widget-block-title-color); text-decoration: none; font-family: var(--blogig-widget-title-font-family); font-weight: var(--blogig-widget-title-font-weight); font-size: calc( var(--blogig-widget-title-font-size) * 0.92); line-height: var(--blogig-widget-title-font-lineheight); letter-spacing: var(--blogig-widget-title-font-letterspacing); } .widget ul.menu a { font-weight: 400; } .widget ul.menu a { font-family: var(--blogig-menu-font-family); color: var(--blogig-black-text); } .widget ul.menu .sub-menu { padding-left: 10px; } ol.wp-block-latest-comments li footer a{ text-decoration: underline; color: var(--blogig-widget-block-title-color); font-family: var(--blogig-widget-title-font-family); font-weight: var(--blogig-widget-title-font-weight); font-size: calc( var(--blogig-widget-title-font-size) * 0.96); line-height: var(--blogig-widget-title-font-lineheight); letter-spacing: var(--blogig-widget-title-font-letterspacing); } .wp-block-tag-cloud a { color: var(--blogig-widget-block-title-color); } /** blogig default post list */ .widget_blogig_post_list_widget .post-item { display: flex; } .widget_blogig_post_list_widget .post-item .post-thumb-image { flex: 0 1 30%; margin-right: 20px; max-width: 30%; } .widget_blogig_post_list_widget .post-item .post-content-wrap { flex: 1 1 70%; max-width: 70%; } /* ========================================= 6.1 Author Widgets ========================================= */ .widget_blogig_author_info_widget .bmm-author-thumb-wrap { display: flex; align-items: center; } .widget_blogig_author_info_widget .bmm-author-thumb-wrap .post-thumb { flex: 0 1 35%; margin-right: 10px; position: relative; } .widget_blogig_author_info_widget .bmm-author-thumb-wrap .author-elements { flex: 1 1 65%; } .widget_blogig_author_info_widget .bmm-author-thumb-wrap .post-thumb img{ border-radius: 50%; width: 90px; height: 90px; margin: 0 auto; 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_blogig_author_info_widget .bmm-author-thumb-wrap .author-elements .author-name{ font-size: 18px; font-family: var(--blogig-widget-title-font-family); line-height: 20px; margin: 0; color: var(--blogig-post-title-font-color); } .widget_blogig_author_info_widget .bmm-author-thumb-wrap .author-elements .author-name a{ color: inherit; text-decoration: none; } .widget_blogig_author_info_widget .bmm-author-thumb-wrap .author-elements .author-tag { font-family: var(--blogig-widget-content-font-family); font-size: 16px; font-weight: 500; color: var(--blogig-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(--blogig-widget-content-font-family); color: var(--blogig-post-content-font-color); font-size: 15px; line-height: 25px; font-family: var(--blogig-widget-content-font-family); } /* ========================================= 6.2 Category Widgets ========================================= */ .widget_blogig_category_collection_widget .categories-wrap .category-item { display: flex; align-items: center; border-bottom: 1px solid var(--border-bottom-color-two); margin-bottom: 10px; padding-bottom: 10px!important; z-index: 2; } .widget_blogig_category_collection_widget .categories-wrap .category-item:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 5px; } .widget_blogig_category_collection_widget .categories-wrap .category-item img { display: inline-block; flex: 0 1 40px; width: 40px; border-radius: 50%; height: 40px; margin-right: 15px; 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_blogig_category_collection_widget .categories-wrap .category-item .cat-meta-wrap { display: inline-block; width: 100% } .widget_blogig_category_collection_widget .categories-wrap .category-item .cat-meta.blogig-post-title { display: inline-block; width: 100%; } .widget_blogig_category_collection_widget .categories-wrap .category-item .category-name{ width: 86%; display: inline-block; font-weight: var(--blogig-widget-title-font-weight); font-family: var(--blogig-widget-title-font-family); font-size: var(--blogig-widget-title-font-size); letter-spacing: var(--blogig-widget-title-font-letterspacing); line-height: var(--blogig-widget-title-font-lineheight); color: var(--blogig-widget-block-title-color); } .widget_blogig_category_collection_widget .categories-wrap .category-item .category-count{ display: inline-block; background-color: var(--blogig-global-preset-theme-color); padding: 2px 8px; color: var(--blogig-white-text); border-radius: 5px; font-weight: var(--blogig-widget-title-font-weight); font-family: var(--blogig-category-font-family); font-size: calc( var(--blogig-category-font-size) * 1.15); letter-spacing: var(--blogig-widget-title-font-letterspacing); line-height: var(--blogig-widget-title-font-lineheight); } /* ========================================= 6.3 Grid Widgets ========================================= */ .widget_blogig_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: 15px; overflow: hidden; } .widget_blogig_post_grid_widget .post-grid-wrap .post-thumb-image.no-feat-img { padding-bottom: 55px!important; } .widget_blogig_post_grid_widget .post-grid-wrap .post-content-wrap { padding: 0 5px; } .widget_blogig_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_blogig_post_grid_widget .post-grid-wrap .post-title { font-family: var(--blogig-widget-title-font-family); font-weight: var(--blogig-widget-title-font-weight); font-size: var(--blogig-widget-title-font-size); line-height: var(--blogig-widget-title-font-lineheight); letter-spacing: var(--blogig-widget-title-font-letterspacing); color: var(--blogig-post-title-font-color); margin: 10px 0 12px 0px; } .widget_blogig_post_grid_widget .post-grid-wrap .post-title a{ text-decoration: none; font-family: inherit; color: inherit; } .widget_blogig_post_grid_widget .post-grid-wrap .post-item { border-bottom: 1px solid var(--border-bottom-color-two); margin-bottom: 20px; padding-bottom: 5px; } .widget_blogig_post_grid_widget .post-grid-wrap .post-item:last-child { border: none; margin-bottom: 0; padding-bottom: 0; } .widget_blogig_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_blogig_post_grid_widget .post-grid-wrap .post-categories a { padding: 4px 10px; color: var(--blogig-widget-category-font-color); font-weight: var(--blogig-widget-category-font-weight); font-family: var(--blogig-widget-category-font-family); font-size: var(--blogig-widget-category-font-size); line-height: var(--blogig-widget-category-font-lineheight); letter-spacing: var(--blogig-widget-category-font-letterspacing); text-transform: var(--blogig-widget-category-font-texttransform); text-decoration: var(--blogig-widget-category-font-textdecoration); } /* ========================================= 6.4 List Widgets ========================================= */ .widget_blogig_post_list_widget .post-item { align-items: center; } .widget_blogig_post_list_widget .post-item { display: flex; align-items: center; } .widget_blogig_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: 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_blogig_post_list_widget .post-list-wrap .post-thumb-image img { height: 100%; width: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: scale(1) translate(-50%,-50%); overflow: hidden; border-radius: 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_blogig_post_list_widget .post-list-wrap .post-categories { display: none; width: auto; margin: 0; list-style: none; padding: 0; } .widget_blogig_post_list_widget .post-list-wrap .post-categories a{ background: transparent; color: var(--blogig-widget-block-title-color); padding: 0; font-size: 13px; font-weight: 500; } .widget_blogig_post_list_widget .post-list-wrap .post-title { font-family: var(--blogig-widget-title-font-family); font-weight: var(--blogig-widget-title-font-weight); font-size: calc( var(--blogig-widget-title-font-size) * 0.95); line-height: var(--blogig-widget-title-font-lineheight); letter-spacing: var(--blogig-widget-title-font-letterspacing); color: var(--blogig-post-title-font-color); margin: 2px 0 10px 0px; } .widget_blogig_post_list_widget .post-list-wrap .post-title a{ text-decoration: none; font-family: inherit; color: inherit; } .widget_blogig_post_list_widget .post-list-wrap .post-item { border-bottom: 1px solid var(--border-bottom-color-two); margin-bottom: 12px; padding-bottom: 12px; } .widget_blogig_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(--blogig-widget-date-font-family); font-weight: var(--blogig-widget-date-font-weight); font-size: var(--blogig-widget-date-font-size); letter-spacing: var(--blogig-widget-date-font-letterspacing); line-height: var(--blogig-widget-date-font-lineheight); } /* ========================================= 6.5 Social Share ========================================= */ /* OFFICIAL COLOR */ .social-platforms-widget.global-color-icon i { background-color: var(--blogig-global-preset-theme-color); color: var(--blogig-white-text); box-shadow: 0 5px 10px -2px var(--blogig-global-preset-theme-color); padding: 10px; font-size: 20px; border-radius: 13%; display: inline-block; width: 40px; text-align: center; margin-right: 18px; margin-bottom: 15px; } .social-platforms-widget.global-color-icon .fa-facebook-f { background-color: #1877F2; box-shadow: 0 5px 10px -2px #1877F2; } .social-platforms-widget.global-color-icon .fa-instagram { background-color: #E1306C; box-shadow: 0 5px 10px -2px #E1306C; } .social-platforms-widget.global-color-icon .fa-youtube { background-color: #FF0000; box-shadow: 0 5px 10px -2px #FF0000; } .social-platforms-widget.global-color-icon .fa-google-wallet { background-color: #09a25a; box-shadow: 0 5px 10px -2px #09a25a; } .social-platforms-widget.global-color-icon .fa-twitter { background-color: #1DA1F2; box-shadow: 0 5px 10px -2px #1DA1F2; } .social-platforms-widget.global-color-icon .fa-x-twitter { background-color: #333333; box-shadow: 0 5px 10px -2px #333333; } .social-platforms-widget.global-color-icon .fa-linkedin { background-color: #0A66C2; box-shadow: 0 5px 10px -2px #0A66C2; } .social-platforms-widget.global-color-icon .fa-reddit { background-color: #FF5700; box-shadow: 0 5px 10px -2px #FF5700; } .social-platforms-widget.global-color-icon .fa-tumblr { background-color: #000; box-shadow: 0 5px 10px -2px #000; } .social-platforms-widget.global-color-icon .fa-sina_weibo { background-color: #DF2029; box-shadow: 0 5px 10px -2px #DF2029; } .social-platforms-widget.global-color-icon .fa-discord { background-color: #7289da; box-shadow: 0 5px 10px -2px #7289da; } .social-platforms-widget.global-color-icon .fa-flicker { background-color: #FF0084; box-shadow: 0 5px 10px -2px #FF0084; } .social-platforms-widget.global-color-icon .fa-skype { background-color: #00AFF0; box-shadow: 0 5px 10px -2px #00AFF0; } .social-platforms-widget.global-color-icon .fa-telegram { background-color: #2AABEE; box-shadow: 0 5px 10px -2px #2AABEE; } .social-platforms-widget.global-color-icon .fa-gmail { background-color: #34a853; box-shadow: 0 5px 10px -2px #34a853; } .social-platforms-widget.global-color-icon .fa-whatsapp { background-color: #25d366; box-shadow: 0 5px 10px -2px #25d366; } .social-platforms-widget.global-color-icon .fa-google_plus { background-color: #dd4b39; box-shadow: 0 5px 10px -2px #dd4b39; } .social-platforms-widget.global-color-icon .fa-qzone { background-color: #FFCD00; box-shadow: 0 5px 10px -2px #FFCD00; } .social-platforms-widget.global-color-icon .fa-pinterest { background-color: #E60023; box-shadow: 0 5px 10px -2px #E60023; } .social-platforms-widget.global-color-icon .fa-vk { background-color: #4C75A3; box-shadow: 0 5px 10px -2px #4C75A3; } .social-platforms-widget.global-color-icon .fa-line_me { background-color: #06C755; box-shadow: 0 5px 10px -2px #06C755; } .social-platforms-widget.global-color-icon .fa-blogger { background-color: #fb8f3d; box-shadow: 0 5px 10px -2px #fb8f3d; } .social-platforms-widget.global-color-icon .fa-evernote { background-color: #00A82D; box-shadow: 0 5px 10px -2px #00A82D; } .social-platforms-widget.global-color-icon .fa-live_journal { background-color: #00adcc; box-shadow: 0 5px 10px -2px #00adcc; } .social-platforms-widget.global-color-icon .fa-google_bookmarks { background-color: #DB4437; box-shadow: 0 5px 10px -2px #DB4437; } .social-platforms-widget.global-color-icon .fa-yahoo { background-color: #410093; box-shadow: 0 5px 10px -2px #410093; } .social-platforms-widget.global-color-icon .fa-okru { background-color: #ed812b; box-shadow: 0 5px 10px -2px #ed812b; } .social-platforms-widget.global-color-icon .fa-google_meet { background-color: #00832D; box-shadow: 0 5px 10px -2px #00832D; } .social-platforms-widget.global-color-icon .fa-viber { background-color: #7360F2; box-shadow: 0 5px 10px -2px #7360F2; } .social-platforms-widget.global-color-icon .fa-google_classroom { background-color: #eda306; box-shadow: 0 5px 10px -2px #eda306; } .social-platforms-widget.global-color-icon .fa-pocket { background-color: #ED4255; box-shadow: 0 5px 10px -2px #ED4255; } .social-platforms-widget.global-color-icon .fa-mix { background-color: #FF8126; box-shadow: 0 5px 10px -2px #FF8126; } .social-platforms-widget.global-color-icon .fa-flipbloard { background-color: #e12828; box-shadow: 0 5px 10px -2px #e12828; } .social-platforms-widget.global-color-icon .fa-xing { background-color: #026466; box-shadow: 0 5px 10px -2px #026466; } .social-platforms-widget.global-color-icon .fa-digg { background-color: #005be2; box-shadow: 0 5px 10px -2px #005be2; } .social-platforms-widget.global-color-icon .fa-stumpleupon { background-color: #EB471D; box-shadow: 0 5px 10px -2px #EB471D; } .social-platforms-widget.global-color-icon .fa-delicious { background-color: #585e46; box-shadow: 0 5px 10px -2px #585e46; } .social-platforms-widget.global-color-icon .fa-buffer { background-color: #9FF6F9; box-shadow: 0 5px 10px -2px #9FF6F9; } .social-platforms-widget.global-color-icon .fa-diaspora { background-color: #000; box-shadow: 0 5px 10px -2px #000; } .social-platforms-widget.global-color-icon .fa-hackernews { background-color: #FF6600; box-shadow: 0 5px 10px -2px #FF6600; } .social-platforms-widget.global-color-icon .fa-instapaper { background-color: #000; box-shadow: 0 5px 10px -2px #000; } .social-platforms-widget.global-color-icon .fa-renren { background-color: #01579B; box-shadow: 0 5px 10px -2px #01579B; } .social-platforms-widget.global-color-icon .fa-threema { background-color: #000; box-shadow: 0 5px 10px -2px #000; } .social-platforms-widget.global-color-icon .fa-sms { background-color: #8cb4f3; box-shadow: 0 5px 10px -2px #8cb4f3; } .social-platforms-widget.global-color-icon .fa-diigo { background-color: #4487C7; } .social-platforms-widget.global-color-icon .fa-wordpress { background-color: #00749C; } .social-platforms-widget.global-color-icon .fa-pocketcasts { background-color: #F43E37; } .social-platforms-widget.global-color-icon .fa-castro { background-color: #44232f; } .social-platforms-widget.global-color-icon .fa-douban { background-color: #46C05A; } .social-platforms-widget.global-color-icon .fa-mewe { background-color: #000; } .social-platforms-widget.global-color-icon .fa-copy_link { background-image: linear-gradient(151deg, #F8997D 0%, #AD336D 100%); } .social-platforms-widget.global-color-icon .fa-print { background-color: #000; } .social-platforms-widget.global-color-icon .fa-gettr { background-color: #D60909; } .social-platforms-widget.global-color-icon .fa-parler { background-color: #D009D6; } .social-platforms-widget.global-color-icon .fa-gab { background-color: #09D63E; } .social-platforms-widget.global-color-icon .fa-yummly { background-color: #e16120; } .social-platforms-widget.global-color-icon .fa-aim { background-color: #F10202; } .social-platforms-widget.global-color-icon .fa-amazon_wish_list { background-color: #061421; } .social-platforms-widget.global-color-icon .fa-bitty_browser { background-color: #09D63E; } .social-platforms-widget.global-color-icon .fa-blinklist { background-color: #12E949; } .social-platforms-widget.global-color-icon .fa-blogmarks { background-color: #D8AE0C; } .social-platforms-widget.global-color-icon .fa-bookmarks_fr { background-color: #BDD80C; } .social-platforms-widget.global-color-icon .fa-box_net { background-color: #2509DB; } .social-platforms-widget.global-color-icon .fa-buddymarks { background-color: #48a9c5; } .social-platforms-widget.global-color-icon .fa-diary_ru { background-color: #56a0d3; } .social-platforms-widget.global-color-icon .fa-draugiem { background-color: #ff6a00; } .social-platforms-widget.global-color-icon .fa-fark { background-color: #7fbb00; } .social-platforms-widget.global-color-icon .fa-fintel { background-color: #537b35; } .social-platforms-widget.global-color-icon .fa-folkd { background-color: #b52e31; } .social-platforms-widget.global-color-icon .fa-gentle_reader { background-color: #b3dcff; } .social-platforms-widget.global-color-icon .fa-hatena { background-color: #5ecc62; } .social-platforms-widget.global-color-icon .fa-kakao { background-color: #ffc20e; } .social-platforms-widget.global-color-icon .fa-kik { background-color: #7fbb00; } .social-platforms-widget.global-color-icon .fa-kindle_it { background-color: #0079c1; } .social-platforms-widget.global-color-icon .fa-known { background-color: #629aa9; } .social-platforms-widget.global-color-icon .fa-meneame { background-color: #ff7800; } .social-platforms-widget.global-color-icon .fa-mixi { background-color: #aca095; } .social-platforms-widget.global-color-icon .fa-myspace { background-color: #075aaa; } .social-platforms-widget.global-color-icon .fa-netvouz { background-color: #00acee; } .social-platforms-widget.global-color-icon .fa-newsvine { background-color: #2baf2b; } .social-platforms-widget.global-color-icon .fa-nujij { background-color: #ce1126; } .social-platforms-widget.global-color-icon .fa-odnoklassniki { background-color: #ff7800; } .social-platforms-widget.global-color-icon .fa-outlook { background-color: #1769ff; } .social-platforms-widget.global-color-icon .fa-papaly { background-color: #44c7f4; } .social-platforms-widget.global-color-icon .fa-pinboard { background-color: #ff322e; } .social-platforms-widget.global-color-icon .fa-printfriendly { background-color: #01cd74; } .social-platforms-widget.global-color-icon .fa-protoge_bookmarks { background-color: #231f20; } .social-platforms-widget.global-color-icon .fa-pusha { background-color: #146eb4; } .social-platforms-widget.global-color-icon .fa-rediff_mypage { background-color: #b52e31; } .social-platforms-widget.global-color-icon .fa-refind { background-color: #136ad5; } .social-platforms-widget.global-color-icon .fa-segnalo { background-color: #fb8a2e; } .social-platforms-widget.global-color-icon .fa-sitejot { background-color: #ed1b2e; } .social-platforms-widget.global-color-icon .fa-slashdot { background-color: #00b2a9; } .social-platforms-widget.global-color-icon .fa-stocktwits { background-color: #007fdb; } .social-platforms-widget.global-color-icon .fa-stumpedia { background-color: #ffb310; } .social-platforms-widget.global-color-icon .fa-svejo { background-color: #f90; } .social-platforms-widget.global-color-icon .fa-trello { background-color: #026aa7; } .social-platforms-widget.global-color-icon .fa-tuenti { background-color: #000; } .social-platforms-widget.global-color-icon .fa-twiddla { background-color: #013ca6; } .social-platforms-widget.global-color-icon .fa-typepod_post { background-color: #a0ac48; } .social-platforms-widget.global-color-icon .fa-viadeo { background-color: #EE7356; } .social-platforms-widget.global-color-icon .fa-wykop { background-color: #0091cd; } .social-platforms-widget.global-color-icon .fa-yoolink { background-color: #007cc0; } .social-platforms-widget.global-color-icon .fa-youmob { background-color: #fcd535; } /* ========================================= 6.6 Tags Collection ========================================= */ .widget_blogig_tags_collection_widget .tags-wrap .tags-item{ background-color: var(--blogig-global-preset-theme-color); padding: 6px 15px; border-radius: 5px; color: var(--blogig-white-text); text-decoration: none; font-family: var(--blogig-category-font-family); font-size: var(--blogig-category-font-size); letter-spacing: 0.5px; font-weight: var(--blogig-category-font-weight); display: inline-block; margin-bottom: 15px; margin-right: 10px; box-shadow: 0px 3px 10px -2px var(--blogig-global-preset-theme-color); -webkit-box-shadow: 0px 3px 10px -2px var(--blogig-global-preset-theme-color); } .tag-meta-wrap { text-decoration: none; } .tags-wrap .tag-meta.blogig-post-title { color: var(--blogig-white-text); } .tags-wrap .tags-item: hover { cursor: pointer; } .tags-wrap .tags-item .tags-count { display: inline-block; padding-left: 8px; font-size: calc( var(--blogig-category-font-size) * 1.1); } /* ========================================= 7.0 Pagination & Ajax Button ========================================= */ .navigation.posts-navigation { margin: 35px 0 20px 0; } .navigation.posts-navigation .nav-links{ text-align: center; } .posts-navigation .nav-previous a, .posts-navigation .nav-next a { display: inline-block; background-color: var(--blogig-global-preset-theme-color); padding: 15px 25px; border-radius: 25px; 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%); text-decoration: none; font-family: var(--blogig-meta-font-family); font-size: 15px; font-weight: 600; color: var(--blogig-white-text); } #blogig-main-wrap ul.page-numbers { margin-left: 0; list-style: none; padding-left: 0px; margin-top: 30px; margin-bottom: 0; text-align: center; } #blogig-main-wrap ul.page-numbers li { display: inline-block; margin: 2px 5px 2px 0; } #blogig-main-wrap .pagination span, #blogig-main-wrap .pagination a { color: var(--blogig-black-text); border: 2px solid #c5c5c5; background-color: transparent; border-radius: 2px; display: inline-block; border-radius: 50%; text-align: center; width: 44px; height: 44px; display: inline-block; border-radius: 50%; text-align: center; line-height: 40px; text-decoration: none; font-family: var(--blogig-meta-font-family); } #blogig-main-wrap .pagination span.current { background-color: var(--blogig-global-preset-theme-color); color: var(--blogig-white-text); border-color: transparent; } #blogig-main-wrap .prev.page-numbers, #blogig-main-wrap .next.page-numbers { font-size: 0.8rem; } #blogig-main-wrap .pagination i{ font-size: 14px; line-height: 22px; } input.wpcf7-submit{ text-decoration: none; padding: 10px 25px; background: var(--blogig-custom-button-bk-color); border-radius: var(--blogig-custom-button-border-radius); border: none; text-transform: var(--blogig-custom-button-texttransform); text-decoration: var(--blogig-custom-button-textdecoration); font-weight: var(--blogig-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; } /* ========================================= 8.0 Post format ========================================= */ .tax-post_format #blogig-main-wrap .page-header .page-title { display: none; } #primary article.no-featured-image .post-thumnail-inner-wrapper { display: none; } #primary article.no-featured-image .inner-content { border-radius: 20px; padding-top: 40px; } /** Gallery Post Format **/ article.post_format-post-format-gallery .slick-prev { position: absolute; left: 0; display: block; z-index: 9999; top: 48%; left: 5px; } article.post_format-post-format-gallery .slick-next { position: absolute; right: 0; left: auto; display: block; z-index: 9999; top: 48%; right: 5px; } article.post_format-post-format-gallery button.slick-arrow { color: #ddd; background-color: var(--blogig-global-preset-theme-color); border: none; border-radius: 150px; text-align: center; padding: 0; width: 40px; height: 40px; } article.post_format-post-format-gallery button.slick-arrow i { line-height: 1.1; vertical-align: middle; margin-left: -1px; margin-right: 2px; margin-top: 1px; margin-bottom: 1px; color: #e4e4e4; font-size: 14px; } article.post_format-post-format-gallery button.slick-next i { margin-left: 4px; } article.post_format-post-format-gallery button.slick-arrow:hover { cursor: pointer; } body article.post_format-post-format-gallery figure.post-thumbnail-wrapper img { height: 100%; width: 100%; object-fit: cover; position: absolute!important; top: 50%!important; left: 50%!important; transform: scale(1) translate(-50%,-50%); } #blogig-main-wrap > .blogig-container > .row #primary article.post_format-post-format-gallery figure .post-categories { z-index: 9999; } /** 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(--blogig-post-image-ratio) ) + 72px); background-position: center; background-size: cover; border-radius: 15px; overflow: hidden; } #blogig-main-wrap > .blogig-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; overflow-y: hidden; 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 { 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; padding-top: 15px; } article.post_format-post-format-image .post-footer { border-top: 2px 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; height: 54px; } article.post_format-post-format-audio .wp-block-audio audio { min-width: 250px; width: 98%; } /** 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(--blogig-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 { 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-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(--blogig-post-image-ratio)) + 72px); background-position: center; background-size: cover; border-radius: 15px; overflow: hidden; } #blogig-main-wrap > .blogig-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: 35px; overflow-y: hidden; text-align: center; z-index: 2; } 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% - 50px); display: flex; flex-direction: column; align-items: center; justify-content: center; overflow-y: hidden; margin-bottom: 10px; padding-top: 15px; } body.archive--block-layout article.post_format-post-format-quote .inner-content .content-wrap { height: calc(100% - 72px ); display: flex; flex-direction: column; width: 100%; align-self: center; justify-content: center; overflow-y: scroll; } article.post_format-post-format-quote .wp-block-quote { font-family: var(--blogig-post-title-font-family); font-size: calc(var(--blogig-post-title-font-size)* 0.9); color: var(--blogig-white-text); font-weight: var(--blogig-post-title-font-weight); line-height: var(--blogig-post-title-font-lineheight); letter-spacing: var(--blogig-post-title-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% - 40px); opacity: 0.5; font-size: 210px; left: calc(50% - 105px); color: var(--blogig-global-preset-theme-color); opacity: 0.3; } 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: 5px; } blockquote cite { font-weight: 700; } body.archive--block-layout article.post_format-post-format-quote .post-footer { margin: 0; padding-bottom: 5px; } /* ========================================= 9.0 Single Posts ========================================= */ body.single-post #blogig-main-wrap > .blogig-container > .row { padding-bottom: 50px; } 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 .blogig-inner-content-wrap .wp-block-quote { position: relative; } body.single #primary .blogig-inner-content-wrap .wp-block-quote:before { content: ''; position: absolute; left: 0; top: 0; width: 6px; height: 100%; background: var(--blogig-global-preset-theme-color); border-radius: 6px; } body.single #primary .blogig-inner-content-wrap .wp-block-quote p, body.single #primary .blogig-inner-content-wrap .wp-block-quote cite{ margin-left: 20px; } body.single-post #primary .blogig-inner-content-wrap article .entry-content .wp-block-latest-posts a, body.single-post #primary .blogig-inner-content-wrap article .entry-content .wp-block-categories a { color: #333; text-decoration: none; color: initial; } body.single-post #primary .blogig-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 #blogig-main-wrap .blogig-container .row #primary article header.entry-header .post-categories { position: absolute; left: 15px; top: 20px; z-index: 10; text-align: center; margin: 0; padding: 0; list-style: none; text-decoration: none; display: flex; flex-wrap: wrap; } body.single-post #blogig-main-wrap #primary .post-categories li{ margin-right: 10px; display: inline-block; } body.single-post #blogig-main-wrap .blogig-container .row #primary .post-inner, body.single-post #blogig-main-wrap .blogig-container .row #primary .comments-area, body.page #blogig-main-wrap .blogig-container .row #primary .post-inner, body.page #blogig-main-wrap .blogig-container .row #primary .comments-area { background-color: var(--blogig-white-bk); padding: 35px; border-radius: 15px; margin-bottom: 35px; } body.single-post #blogig-main-wrap .blogig-container .row #primary nav.navigation , body.page #blogig-main-wrap .blogig-container .row #primary nav.navigation { margin-bottom: 35px; } body.single-post #blogig-main-wrap .blogig-container .row #primary .single-related-posts-section-wrap.layout--list, body.page #blogig-main-wrap .blogig-container .row #primary .single-related-posts-section-wrap.layout--list { background-color: var(--blogig-white-bk); padding: 25px; border-radius: 15px; margin-bottom: 35px; } body.single-post #blogig-main-wrap .blogig-container .row #primary .post-thumbnail img { border-radius: var(--blogig-post-image-border-radius); box-shadow: var(--blogig-image-box-shadow); webkit-box-shadow: var(--blogig-image-box-shadow); width: 100%; display: block; } body.single-post #blogig-main-wrap .blogig-container .row #primary .blogig-inner-content-wrap > article header{ position: relative; } body.single-post article .post-meta-wrap { font-size: 14px; font-weight: 500; letter-spacing: 0.3px; align-items: center; margin-top: 0; border-radius: 15px; margin-left: 0; margin-bottom: 20px; text-align: center; } body.single-post article .post-meta-wrap .byline{ flex: 0 1 30%; text-align: left; vertical-align: middle; font-family: "Roboto",sans-serif; font-weight: 500; font-size: 15px; letter-spacing: 0.3px; line-height: 22px; color: var(--blogig-meta-font-color); margin-right: 15px; } body.single-post article .post-meta-wrap .byline{ display: block; text-align: center; margin-bottom: 15px; } body.single-post article .post-meta-wrap .byline a{ text-decoration: none; color: inherit; font-size: inherit; } body.single-post article .post-meta-wrap .byline img{ vertical-align: middle; border-radius: 50%; margin-right: 10px; width: 35px; height: 35px; -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 article .post-meta-wrap .post-meta{ font-style: italic; font-weight: 400; background-color: #fafafa; padding: 5px 20px; border-radius: 15px; font-family: var(--blogig-meta-font-family); font-size: var(--blogig-meta-font-size); font-weight: var(--blogig-meta-font-weight); color: var(--blogig-meta-font-color); } body.single-post article .post-meta-wrap .post-meta a{ text-decoration: none; color: inherit; } body.single-post article .post-meta-wrap .post-meta i{ padding-left: 5px; } body.single-post article .post-meta-wrap .post-meta .post-comments-num { margin-left: 15px; } body.single-post article .post-meta-wrap .post-meta .post-button { display: inline-block; background-color: var(--blogig-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 article .post-meta-wrap .post-meta .post-button i{ padding: 0; color: inherit; } body.single-post article .post-meta-wrap .post-meta .post-button a{ color: inherit; } body.single-post article.post_format-post-format-gallery .post-thumbnail-wrapper { display: grid; } body.single-post article .entry-title { margin-top: 15px; margin-bottom: 20px; font-family: "EB Garamond",sans-serif; font-weight: 700; font-size: 34px; line-height: 45px; letter-spacing: 0.6px; } body.single-post article p:first-child { margin-top: 0; } body.single-post article .entry-content p a, body.single-post article .entry-content a{ color: var(--blogig-global-preset-theme-color); text-decoration: none; } body.single-post #primary .post-meta-wrap .post-meta { display: inline-block; } body.single-post #primary .post-meta .post-date { display: inline-block; margin-right: 15px; margin-left: 0; font-family: "Roboto",sans-serif; font-size: 15px; line-height: 20px; letter-spacing: 0.3px; font-weight: 400; color: var(--blogig-meta-font-color); } body.single-post #primary .post-meta .post-read-time { display: inline-block; margin-right: 15px; margin-left: 0; font-family: "Roboto",sans-serif; font-size: 15px; line-height: 20px; letter-spacing: 0.3px; font-weight: 400; color: var(--blogig-meta-font-color); } body.single-post #primary .post-meta .post-comments-num { display: inline-block; margin-right: 15px; margin-left: 0; font-family: "Roboto",sans-serif; font-size: 15px; line-height: 20px; letter-spacing: 0.3px; font-weight: 500px; } body.single-post #primary .post-meta-wrap .post-meta i, body.single-post .single-related-posts-section-wrap.layout--list article .post-meta i { padding-left: 5px; padding-right: 10px; color: var(--blogig-global-preset-theme-color); } body.single-post article .entry-content { color: var(--blogig-single-content-color); font-weight: 400; font-family: "Inter", sans-serif; line-height: 34px; font-size: 16.5px; line-height: 34px; letter-spacing: 0.3px; } body.single-post article .entry-content p{ font-size: inherit; line-height: inherit; letter-spacing: inherit; margin-bottom: 24px; } body.single-post article.format-image .post-date { color: var(--blogig-meta-font-color); } body.single-post #primary .post-categories .cat-item a { font-weight: 700; font-size: 15px; line-height: 25px; letter-spacing: 0.5px; padding: 5px 15px; } body.single-post article ul.post-categories{ position: relative; margin: 0; padding: 0; } /* Related Posts */ .single-related-posts-section .blogig-block-title { font-family: var(--blogig-title-font-family); font-weight: 500; font-size: 22px; 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(--blogig-widget-block-title-color); } .single-related-posts-section-wrap.layout--list .single-related-posts-wrap article { display: flex; align-items: center; border-bottom: 1px solid var(--border-bottom-color); margin-bottom: 15px; padding-bottom: 15px; } .single-related-posts-section-wrap.layout--list .single-related-posts-wrap article:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .single-related-posts-section-wrap.layout--list .single-related-posts-wrap article .post-thumb-wrap { flex: 0 1 22%; margin-right: 25px; } .single-related-posts-section-wrap.layout--list .single-related-posts-wrap article .post-element { flex: 1 1 75%; display: flex; flex-direction: column; justify-content: center; } .single-related-posts-section-wrap.layout--list .single-related-posts-wrap article .post-element .post-title { font-family: var(--blogig-post-title-font-family); font-size: calc(var(--blogig-post-title-font-size) * 0.8); color: var(--blogig-post-title-font-color); font-weight: var(--blogig-post-title-font-weight); line-height: var(--blogig-post-title-font-lineheight); letter-spacing: var(--blogig-post-title-font-letterspacing); margin: 5px 0 10px 0; } .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: 15px 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(--blogig-meta-font-family); font-size: var(--blogig-meta-font-size); font-weight: var(--blogig-meta-font-weight); color: var(--blogig-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: 35px; height: 35px; -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(--blogig-meta-font-family); font-size: var(--blogig-meta-font-size); font-weight: var(--blogig-meta-font-weight); color: var(--blogig-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-left: 5px; padding-right: 10px; } body.single-post .single-related-posts-section-wrap.layout--list article .post-meta .post-comments-num { margin-left: 15px; } body.single-post .single-related-posts-section-wrap.layout--list article .post-meta .post-button { display: inline-block; background-color: var(--blogig-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(--blogig-global-preset-theme-color); } /* Comment Box */ body .comments-area .comments-title { font-family: "Roboto",sans-serif; font-weight: 500; 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; <<<<<<< HEAD color: var(--blogig-single-content-color); padding-top: 0; ======= color: var(--blogig-single-content-color); >>>>>>> e879af121c0d61cabb008c726d276cb226f57287 } body .comments-area .comment-list { margin: 0; list-style: none; padding: 0; } body .comments-area .comment-list article{ border-bottom: 1px solid var(--border-bottom-color); } body .comments-area .comment-list article:last-child{ border-bottom: none; } body .comments-area .comment { display: block; margin-top: 20px; position: relative; padding-bottom: 20px; } body .comments-area .comment-author.vcard, body .comments-area .comment-metadata { display: inline-block; vertical-align: middle; display: flex; align-items: center; font-family: 'Roboto'; } body .comments-area .comment-author.vcard a{ font-size: 17px; color: var(--blogig-single-content-color); text-decoration: none; padding-right: 10px; font-family: 'Roboto'; } body .comments-area .comment-author.vcard .says { font-size: 16px; font-weight: 500; color: var(--blogig-single-content-color); } body .comments-area .comment-metadata a{ padding-left: 5px; color: var(--blogig-single-content-color); text-decoration: none; padding-right: 10px; vertical-align: middle; font-family: 'Roboto'; font-weight: 500; padding-top: 3px; } body .comments-area .comment-author.vcard img { width: 52px; height: 52px; border-radius: 50%; box-shadow: var(--blogig-image-box-shadow); webkit-box-shadow: var(--blogig-image-box-shadow); margin-right: 15px; } body .comments-area .comment-meta { display: flex; align-items: center; } body .comments-area .comment-content { margin: 10px 10px 10px 70px; color: var(--blogig-single-content-color); } body .comments-area .reply { text-align: right; margin-bottom: 15px; margin-top: -10px; } body .comments-area .reply a{ color: #fff; background-color: #2fa1b7; font-size: 15px; font-weight: 500; padding: 4px 13px; border-radius: 15px; text-decoration: none; border: 1px solid transparent; font-family: var(--blogig-post-content-font-family); vertical-align: middle; } body .comments-area .comment-reply-title { font-family: var(--blogig-title-font-family); font-weight: 500; font-size: 22px; 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(--blogig-widget-block-title-color); padding-top: 0; } body .comments-area li > ul, body .comments-area li > ol { margin-bottom: 0; margin-left: 0.5em; } body .comments-area .form-submit input.submit { display: inline-block; background-color: var(--blogig-global-preset-theme-color); padding: 15px 25px; border-radius: 25px; 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(--blogig-meta-font-family); font-size: 15px; font-weight: 600; color: var(--blogig-white-text); border-color: transparent; } body .comment-respond .comment-form-comment textarea { background-color: #f0f0f0; border: none; border-radius: 20px; margin-top: 10px; padding: 10px 20px; } body .comment-respond .comment-form-comment { margin-bottom: 15px; } body form.comment-form .comment-form-author, body form.comment-form .comment-form-email { width: 48%; display: inline-block; text-align: center; margin: 5px 0 15px 0; } body form.comment-form .comment-form-author { margin-right: 15px; } body form.comment-form .comment-form-url { width: 100%; padding-left: 5px; margin: 5px 0 10px 0; } body form.comment-form .comment-form-author label, body form.comment-form .comment-form-email label, body form.comment-form .comment-form-url label{ display: block; text-align: left; padding-left: 5px; } body form.comment-form .comment-form-author input, body form.comment-form .comment-form-email input { width: 98%; background-color: #f0f0f0; border: none; padding: 10px; border-radius: 10px; } body form.comment-form .comment-form-url input{ width: 98%; background-color: #f0f0f0; border: none; padding: 10px; border-radius: 10px; } body form.comment-form input:focus, body form.comment-form textarea:focus { outline: 2px solid #c9c9c9; } body .comment-form-cookies-consent { padding: 5px; font-size: 14px; vertical-align: middle; } body form.comment-form .submit:hover { cursor: pointer; } form.comment-form { color: var(--blogig-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(--blogig-global-preset-theme-color); text-decoration: underline; } body.single-post #primary article footer .tags-links { background-color: #f0f0f0; border-radius: 50px; padding: 10px 25px; margin-top: 35px; display: block; font-weight: 500; font-family: var(--blogig-meta-font-family); text-decoration: none; color: var(--blogig-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(--blogig-global-preset-theme-color); } body.single-post #primary article footer .tags-links a{ text-decoration: none; color: inherit; font-weight: 500; padding-left: 6px; padding-right: 5px; text-transform: uppercase; font-size: 14px; } body.single-post #primary article .post-card .bmm-author-thumb-wrap { padding: 30px; position: relative; z-index: 1; text-align: center; background: #fff; color: #333; margin-top: 50px; border-radius: 15px; margin-top: 90px; margin-bottom: 40px; } body.single-post #primary article .post-card .bmm-author-thumb-wrap .post-thumb{ text-align: center; margin: 0 auto; width: 95px; height: 95px; border-radius: 50%; display: inline-block; overflow: hidden; margin-top: -70px; box-shadow: var(--blogig-image-box-shadow); webkit-box-shadow: var(--blogig-image-box-shadow); } body.single-post #primary article .post-card .bmm-author-thumb-wrap .author-desc { font-family: var(--blogig-post-title-font-family); font-size: 16px; line-height: 29px; padding-bottom: 20px; color: var(--blogig-black-text); } body.single-post #primary article .post-card .bmm-author-thumb-wrap .author-name a{ font-size: 24px; color: var(--blogig-black-text); 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 45%; align-self: center; } body.single-post #primary .post-navigation .nav-links a{ text-decoration: none; } body.single-post #primary .post-navigation .nav-links .nav-post-elements { text-align: center; color: #fff; text-decoration: none; z-index: 2; } body.single-post #primary .post-navigation .nav-links figure.nav-thumb { padding: 20px; border-radius: 20px; background-size: cover; background-position: center; height: 260px; display: flex; flex-direction: column; justify-content: center; position: relative; } body.single-post #primary .post-navigation .nav-links .nav-subtitle{ position: absolute; background-color: var(--blogig-global-preset-theme-color); padding: 10px 15px; border-radius: 25px; } body.single-post #primary .post-navigation .nav-links .nav-previous .nav-subtitle{ position: absolute; left: 20px; bottom: 15px; } body.single-post #primary .post-navigation .nav-links .nav-next .nav-subtitle{ position: absolute; right: 10px; bottom: 10px; } body.single-post #primary .post-navigation .nav-links .nav-post-elements .nav-post-date { font-family: 'Roboto', sans-serif; font-size: 15px; font-weight: 500; line-height: 20px; } body.single-post #primary .post-navigation .nav-links .nav-post-elements .nav-title { font-family: 'EB Garamond', sans-serif; font-size: 20px; font-weight: 500; line-height: 30px; } body.single-post #primary article header.no-single-featured-image { height: auto; } body.single-post #blogig-main-wrap .blogig-container .row #primary article header.entry-header.no-single-featured-image .post-categories { position: relative; top: 0; left: 0px; } body.single-post #blogig-main-wrap #primary article header.entry-header.no-single-featured-image .post-categories li { line-height: 15px; margin-bottom: 10px; } body.single-post .blogig-inner-content-wrap .post-inner .entry-header .post-thumbnail { position: relative; padding-bottom: calc( 100% * var(--blogig-single-post-image-ratio) ); } body.single-post .blogig-inner-content-wrap .post-inner .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: 20px; 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; } /* ========================================= 10.0 Category, Tags Author page ========================================= */ body.archive.category #blogig-main-wrap .page-header .blogig-container .row, body.archive.tag #blogig-main-wrap .page-header .blogig-container .row, body.archive.date #blogig-main-wrap .page-header .blogig-container .row, body.search.search-results #blogig-main-wrap .blogig-container .page-header { padding: 25px; position: relative; z-index: 1; text-align: center; background: #fff; color: var(--blogig-black-text); border-radius: 15px; margin-top: 40px; margin-bottom: 40px; display: flex; flex-direction: column; } body.search.search-results #blogig-main-wrap .blogig-container .page-header { margin-top: 0; } body.search.search-results #blogig-main-wrap .blogig-container .page-header .page-title { font-size: 25px; margin: 10px 0; font-weight: 500; } body.search.search-results #blogig-main-wrap .blogig-container .page-header .page-title span { padding-left: 5px; font-weight: 700; } body.archive.category #blogig-main-wrap .page-header .blogig-container i, body.archive.tag #blogig-main-wrap .page-header .blogig-container i, body.archive.date #blogig-main-wrap .page-header .blogig-container i { text-align: center; margin: 0 auto; width: 75px; height: 75px; border-radius: 50%; display: inline-block; overflow: hidden; margin-top: 0; box-shadow: var(--blogig-image-box-shadow); webkit-box-shadow: var(--blogig-image-box-shadow); padding: 22px; font-size: 29px; background: var(--blogig-category-bk-color); line-height: 30px; } body.archive.category #blogig-main-wrap .page-header .blogig-container .page-title, body.archive.tag #blogig-main-wrap .page-header .blogig-container .page-title, body.archive.date #blogig-main-wrap .page-header .blogig-container .page-title{ margin-top: 15px; margin-bottom: 18px; } body.archive.category #blogig-main-wrap .page-header .blogig-container .archive-description p, body.archive.tag #blogig-main-wrap .page-header .blogig-container .archive-description p, body.archive.date #blogig-main-wrap .page-header .blogig-container .archive-description p{ margin: 8px 0; } .archive.category .page-header .page-title { font-family: 'EB Garamond', sans-serif; font-size: 30px; line-height: 33px; letter-spacing: 0.6px; font-weight: 600; color: var(--blogig-black-text); } .archive.category .page-header .archive-description { font-size: 16px; line-height: 30px; font-weight: 300; font-family: "Inter",sans-serif; } .archive.category .page-header .archive-description p{ font-weight: inherit; } .archive.tag .page-header .page-title { font-family: 'EB Garamond', sans-serif; font-size: 30px; line-height: 33px; letter-spacing: 0.6px; font-weight: 600; color: var(--blogig-black-text); } .archive.tag .page-header .archive-description { font-size: 16px; line-height: 30px; font-weight: 300; font-family: "Inter",sans-serif; } .archive.tag .page-header .archive-description p{ font-weight: inherit; } .archive.author .page-header .page-title { font-family: 'EB Garamond', sans-serif; font-size: 30px; line-height: 33px; letter-spacing: 0.6px; font-weight: 600; color: var(--blogig-white-text); } .archive.author .page-header .archive-description { font-size: 16px; line-height: 30px; font-weight: 300; font-family: "Inter",sans-serif; } .archive.author .page-header .archive-description p{ font-weight: 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: 20; } .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: 25px; 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(--blogig-global-preset-theme-color); border: none; color: #fff; line-height: 1; padding: 18px 28px; margin-left: 5px; border-radius: 25px; font-family: var(--blogig-custom-button-family); font-size: var(--blogig-custom-button-size); font-weight: var(--blogig-custom-button-weight); } .search-form-wrap form.search-form input.search-submit:hover { cursor: pointer; } /** search page search form */ .blogig_search_page form.search-form label { font-family: "Roboto",sans-serif; font-weight: 600; font-size: 24px; margin-bottom: 20px; margin-top: 0; letter-spacing: 0.6px; padding-bottom: 5px; display: block; } .blogig_search_page form.search-form { position: relative; width: 60%; margin: 0 auto } .blogig_search_page form.search-form input.search-field { width: 100%; height: 50px; border-radius: 60px; border: none; padding: 0 15px; background: #edc3ff33; color: #fff; margin-top: 15px; opacity: 0.85; } .no-results.not-found .blogig_search_page form.search-form input.search-field { color: var(--blogig-widget-block-title-color); } .blogig_search_page form.search-form input.search-field:focus { outline: none; border: none; opacity: 1; } .blogig_search_page form.search-form input.search-submit { position: absolute; top: 24px; right: 12px; color: var(--blogig-custom-button-color); background: var(--blogig-global-preset-theme-color); border: none; font-weight: 500; padding: 8px 15px 9px 15px; border-radius: 25px; } .blogig_search_page form.search-form input.search-submit:hover { cursor: pointer; color: var(--blogig-custom-button-color-hover); background-color: var(--blogig-custom-button-bk-color-hover) } /** search result page **/ body.search-results .no-feat-img .post-thumb-wrap { position: relative; padding-bottom: calc( 100% * 0.65 ); background: var(--blogig-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; border-radius: var(--blogig-post-image-border-radius); overflow: hidden; box-shadow: 0px 0px 5px 1px rgb(139 139 139 / 81%); -webkit-box-shadow: 0px 0px 5px 1px rgb(139 139 139 / 81%); } body.search-results article figure.post-thumbnail-wrapper img { height: 100%; width: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: scale(1) translate(-50%,-50%); } body.search-results #blogig-main-wrap > .blogig-container > .row, body.search-no-results #blogig-main-wrap > .blogig-container > .row { padding-top: 0; padding-bottom: 50px; } body.search-results #blogig-main-wrap > .blogig-container > .row #primary .blogig-inner-content-wrap{ display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 30px; row-gap: 40px; } body.search-results #blogig-main-wrap > .blogig-container > .row #primary article .blogig-article-inner { position: relative; z-index: 1; text-align: center; background-color: var(--blogig-white-bk); border-radius: var(--blogig-content-border-radius); -webkit-box-shadow: 0 3px 12px -1px rgba(7,10,25,0.05), 0 22px 27px -20px rgba(7,10,25,0.05); box-shadow: 0 3px 12px -1px rgba(7,10,25,0.05), 0 22px 27px -20px rgba(7,10,25,0.05); box-sizing: border-box; } body.search-results #blogig-main-wrap .blogig-container .row #primary article .blogig-article-inner .inner-content{ padding-top: 25px; } body.search-results #blogig-main-wrap .blogig-container .row #primary article figure { position: relative; } body.search-results #blogig-main-wrap .blogig-container .row #primary article figure.wp-block-audio { position: absolute; } body.search-results #blogig-main-wrap .blogig-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 #blogig-main-wrap > .blogig-container > .row #primary .blogig-inner-content-wrap { grid-template-columns: repeat(1, 1fr); } body.archive-desktop-column--one #blogig-main-wrap > .blogig-container > .row #primary .blogig-inner-content-wrap { grid-template-columns: repeat(1, 1fr); } body.search-results article .post-footer { padding-bottom: 0; } body.search-results article .entry-title { font-size: calc( var(--blogig-post-title-font-size)* 1.4 ); line-height: calc( var(--blogig-post-title-font-lineheight)* 1.4 ); padding-bottom: 5px; } body.search-results article.format-image .inner-content .content-wrap { height: calc(100% - 72px ); display: flex; flex-direction: column; width: 100%; align-self: center; justify-content: center; } body.search-results article.format-image .post-footer { margin: 0; padding-bottom: 5px; } body.search-results #blogig-main-wrap > .blogig-container > .row #primary article.no-featured-image figure .post-categories { position: relative; left: 0; top: 0; text-align: center; } body.search-results #blogig-main-wrap .blogig-container .row #primary article.format-video figure.wp-block-video { position: absolute; width: 101%; height: 100%; display: block; } body.search-results #blogig-main-wrap > .blogig-container .row #primary article { width: 100%; } section.no-results.not-found { margin: 0; background-color: var(--blogig-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(--blogig-post-title-font-color); } section.no-results.not-found .page-content{ font-family: var(--blogig-post-content-font-family); font-size: var(--blogig-post-content-font-size); color: var(--blogig-post-content-font-color); font-weight: var(--blogig-post-content-font-weight); line-height: var(--blogig-post-content-font-lineheight); letter-spacing: var(--blogig-post-content-font-letterspacing); padding-bottom: 25px; } /* ========================================= 12.0 Single Page ========================================= */ body.page #blogig-main-wrap > .blogig-container > .row, body.error404 #blogig-main-wrap > .blogig-container > .row { padding-top: 0; padding-bottom: 50px; } body.page #blogig-main-wrap #primary article { background-color: var(--blogig-white-bk); padding: 35px; border-radius: 15px; position: relative; } body.error404 #blogig-main-wrap #primary .not-found { background-color: var(--blogig-white-bk); padding: 35px; border-radius: 15px; color: var(--blogig-black-text); text-align: center; } body.page #blogig-main-wrap #primary article .entry-title { font-family: "EB Garamond",sans-serif; font-weight: 600; font-size: 34px; line-height: 45px; letter-spacing: 0.6px; margin-top: 0; border-bottom: 2px solid var(--border-bottom-color); padding-bottom: 13px; display: block; margin-bottom: 25px; } .back_to_home_btn { padding: 5px 0; } .back_to_home_btn a{ color: var(--blogig-custom-button-color); text-decoration: none; padding: 12px 30px; background: var(--blogig-custom-button-bk-color); border-radius: 20px; border: none; font-family: var(--blogig-custom-button-family); font-size: var(--blogig-custom-button-size); font-weight: var(--blogig-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(--blogig-custom-button-color-hover); background: var(--blogig-custom-button-bk-color-hover); } .back_to_home_btn a i{ padding-right: 8px; color: var(--blogig-custom-button-icon-color); } .back_to_home_btn a:hover i{ color: var(--blogig-custom-button-icon-color-hover); } .page-template-default #primary article .post-thumbnail { position: relative; padding-bottom: calc( 100% * var(--blogig-single-page-image-ratio) ); } .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(--blogig-post-content-font-color); font-weight: 400; font-family: "Inter", 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(--blogig-global-preset-theme-color); text-decoration: none; } /* ========================================= 13.0 Main Banner ========================================= */ .blogig-main-banner-section { margin-bottom: 40px; } .blogig-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: 35px 35px; z-index: 2; margin-left: auto; margin-right: auto; border-radius: 15px; } .blogig-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; } .blogig-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; } .blogig-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); } .blogig-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(--blogig-global-preset-theme-color); border: none; border-radius: 150px; text-align: center; padding: 0; width: 40px; height: 40px; } .blogig-main-banner-section .main-banner-wrap .slick-arrow.slick-next { right: 2px; } .blogig-main-banner-section .main-banner-wrap .slick-arrow.slick-prev { left: 2px; } .blogig-main-banner-section.arrow-on-hover--on .main-banner-wrap .slick-arrow, .blogig-carousel-section.arrow-on-hover--on .carousel-wrap .slick-arrow{ display: none!important; } body .blogig-main-banner-section.arrow-on-hover--on .main-banner-wrap:hover .slick-arrow, body .blogig-carousel-section.arrow-on-hover--on .carousel-wrap:hover .slick-arrow{ display: inline-block!important; } .blogig-main-banner-section .main-banner-wrap .post-categories { list-style: none; margin: 0; padding: 0; } .blogig-main-banner-section .slick-slide { position: relative; } .blogig-main-banner-section .main-banner-wrap .post-categories li { list-style: none; display: inline-block; margin-right: 10px; margin-bottom: 12px; } .blogig-main-banner-section .main-banner-wrap .post-elements .post-title { font-family: var(--blogig-banner-title-family); color: var(--blogig-white-text); font-weight: var(--blogig-banner-title-weight); font-size: var(--blogig-banner-title-size); line-height: var(--blogig-banner-title-lineheight); letter-spacing: var(--blogig-banner-title-letterspacing); margin: 5px 0 10px 0; } .blogig-main-banner-section .main-banner-wrap .post-elements .post-title a{ text-decoration: none; color: inherit; letter-spacing: inherit; } .blogig-main-banner-section .main-banner-wrap .post-elements .post-excerpt { font-family: var(--blogig-post-content-font-family); font-size: var(--blogig-post-content-font-size); color: #fff; font-weight: var(--blogig-post-content-font-weight); line-height: var(--blogig-post-content-font-lineheight); letter-spacing: var(--blogig-post-content-font-letterspacing); padding-bottom: 40px; } .blogig-main-banner-section .main-banner-wrap .post-elements .post-date { margin: 15px 0 5px 0; color: #fff; } .blogig-main-banner-section .main-banner-wrap .post-elements .post-date img { width: 25px; display: inline-block; vertical-align: middle; margin-right: 10px; color: #fff; } .blogig-central-mode-enable article{ padding-left: 10px; padding-right: 10px; } .blogig-main-banner-section .main-banner-wrap .byline { text-align: left; vertical-align: middle; font-family: var(--blogig-meta-font-family); font-size: var(--blogig-meta-font-size); font-weight: var(--blogig-meta-font-weight); color: var(--blogig-meta-font-color); display: inline-block; color: var(--blogig-white-text); } .blogig-main-banner-section .main-banner-wrap .byline img { vertical-align: middle; border-radius: 150px; margin-right: 10px; width: 35px; height: 35px; -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; } .blogig-main-banner-section .main-banner-wrap .byline a { text-decoration: none; color: inherit; font-size: inherit; } body .blogig-main-banner-section.banner-align--left .post-elements { text-align: left; } body .blogig-main-banner-section.banner-align--right .post-elements { text-align: right; } body .blogig-main-banner-section.banner-align--center .post-elements { text-align: center; } .blogig-main-banner-section .post-elements { background: var(--blogig-banner-bk-color); } /* ========================================= 14.0 Carousel ========================================= */ .blogig-carousel-section { margin-bottom: 40px; overflow-y: hidden; } .blogig-carousel-section .carousel-wrap .slick-list { margin: 0 -12px; } .blogig-carousel-section article.post-item { position: relative; margin: 0 12px; } .blogig-carousel-section 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(--blogig-carousel-bk-color); } .blogig-carousel-section.carousel-align--left article.post-item .post-elements { text-align: left; padding: 20px 45px; } .blogig-carousel-section.carousel-align--right article.post-item .post-elements { text-align: right; padding: 20px 45px; } .blogig-carousel-section article.post-item .post-thumb { position: relative; padding-bottom: calc( 100% * 1.1 ); background-position: center; background-size: cover; border-radius: 15px; overflow: hidden; } .blogig-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; } .blogig-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); } .blogig-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(--blogig-global-preset-theme-color); border: none; border-radius: 150px; text-align: center; padding: 0; width: 40px; height: 40px; } .blogig-carousel-section .carousel-wrap .slick-arrow.slick-next { right: 2px; } .blogig-carousel-section .carousel-wrap .slick-arrow.slick-prev { left: 2px; } .blogig-carousel-section .carousel-wrap .post-elements .post-title { font-family: var(--blogig-post-title-font-family); font-size: 24px; color: #fff; font-weight: var(--blogig-post-title-font-weight); line-height: 34px; letter-spacing: var(--blogig-post-title-font-letterspacing); margin: 5px 0 10px 0; } .blogig-carousel-section .carousel-wrap .post-elements .post-title a { text-decoration: none; color: inherit; letter-spacing: inherit; } .blogig-carousel-section .carousel-wrap .post-categories { list-style: none; margin: 0; padding: 0; margin-bottom: 10px; } .blogig-carousel-section .carousel-wrap .slick-slide { position: relative; } .blogig-carousel-section .carousel-wrap .post-categories li { list-style: none; display: inline-block; margin-right: 5px; line-height: 40px; } .blogig-carousel-section .carousel-wrap .post-elements .post-excerpt { font-family: var(--blogig-post-content-font-family); font-size: var(--blogig-post-content-font-size); color: #fff; font-weight: var(--blogig-post-content-font-weight); line-height: var(--blogig-post-content-font-lineheight); letter-spacing: var(--blogig-post-content-font-letterspacing); padding-bottom: 15px; } .blogig-carousel-section .carousel-wrap .byline { text-align: left; vertical-align: middle; font-family: var(--blogig-meta-font-family); font-size: var(--blogig-meta-font-size); font-weight: var(--blogig-meta-font-weight); color: var(--blogig-meta-font-color); display: inline-block; color: var(--blogig-white-text); } .blogig-carousel-section .carousel-wrap .byline img { vertical-align: middle; border-radius: 50%; margin-right: 10px; width: 30px; height: 30px; -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; } .blogig-carousel-section .carousel-wrap .byline a { text-decoration: none; color: inherit; font-size: inherit; } .blogig-carousel-section .carousel-wrap .post-elements .post-date { margin: 15px 0 5px 0; color: #fff; } body .blogig-carousel-section article.post-item .post-thumb { margin-bottom: 10px; } /* ========================================= 15.0 Breadcrumb ========================================= */ .blogig-breadcrumb-wrap { width: 100%; padding: 25px; z-index: 1; text-align: left; background: #fff; color: #333; border-radius: 15px; } .blogig-breadcrumb-wrap ul { list-style: none; margin: 0; padding: 0; display: inline-block; } .blogig-breadcrumb-wrap ul li{ list-style: none; display: inline-block; padding-right: 5px; color: var(--blogig-black-text); font-family: var(--blogig-meta-font-family); } .blogig-breadcrumb-wrap ul li:after{ color: #444444; 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; } .blogig-breadcrumb-wrap ul li:last-child:after{ content: ''; } .blogig-breadcrumb-wrap ul li a{ color: inherit; text-decoration: none; } body #blogig-main-wrap > .blogig-container > .row.blogig-breadcrumb-element { padding-top: 0; padding-bottom: 40px; } /* ========================================= 16.0 Canvash Section ========================================= */ .blogig-model-open:after { content: ''; width: 100%; height: 100%; background-color: #7a7a7a2e; z-index: 1; position: absolute; top: 0; } .blogig-model-open:hover { cursor: e-resize; } .canvas-menu-sidebar { width: 370px; max-width: 400px; height: 100vh; background: var(--blogig-canvash-bk-color); } .blogig-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; } .blogig-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.blogig-model-open .canvas-menu-sidebar{ transform: translate3d(0,0,0); visibility: visible; } body.blogig-model-open.blogig-canvas-position--right .canvas-menu-sidebar{ direction: rtl; } body.blogig-model-open.blogig-canvas-position--right .canvas-menu-sidebar > section, body.blogig-model-open.blogig-canvas-position--right .canvas-menu-sidebar > div { direction: ltr; } .canvas-menu-sidebar > .widget { margin: 15px 15px 25px 15px; } .canvas-menu-sidebar::-webkit-scrollbar { width: 4px; } .canvas-menu-sidebar::-webkit-scrollbar-thumb { background-color: var(--blogig-global-preset-theme-color); border-radius: 40px; } /* ========================================= 17.0 Scroll To Top ========================================= */ .blogig-scroll-btn { display: none; } .blogig-scroll-btn.show { position: fixed; display: flex; align-items: center; bottom: 20px; right: 20px; z-index: 999; } .blogig-scroll-btn.show:hover { cursor: pointer; } .blogig-scroll-btn.show:hover .icon-holder, .blogig-scroll-btn.show:hover .icon-text { background: var(--blogig-scroll-top-bk-color-hover); color: var(--blogig-scroll-text-color-hover); } .blogig-scroll-btn .icon-holder { background: var(--blogig-scroll-top-bk-color); width: 40px; height: 40px; border-radius: 150px; color: var(--blogig-scroll-text-color); display: inline-block; text-align: center; } .blogig-scroll-btn .icon-text { color: var(--blogig-scroll-text-color); background: var(--blogig-scroll-top-bk-color); font-size: 14px; border-radius: 5px; padding: 8px 14px; margin-right: 10px; font-family: var(--blogig-main-font-family); } .blogig-scroll-btn .icon-holder i { display: inline-block; vertical-align: middle; line-height: 40px; color: inherit; } .blogig-scroll-btn.align--left { left: 20px; } .blogig-scroll-btn.align--left .icon-text { order: 1; margin-left: 10px; margin-right: 0; } .blogig-scroll-btn.align--center { left: calc(50% - 20px); right: auto; flex-direction: column; justify-content: center; align-items: center; } .blogig-scroll-btn.align--center .icon-text { display: block; order: 1; margin-top: 10px; margin-right: 0; } /* ========================================= 18.0 Footer ========================================= */ footer.site-footer { background: #ffffff; } footer .footer-inner { padding-top: 26px; } footer .site-info { color: var(--blogig-black-text); text-align: center; font-family: 'Inter', sans-serif; font-size: 15px; padding: 20px 0; } footer .site-info a{ text-decoration: none; color: inherit; color: var(--blogig-global-preset-theme-color); } 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%; } footer .footer-inner .row .footer-widget.column-two{ flex: 1 1 50%; } footer .footer-inner .row .footer-widget.column-three{ flex: 1 1 33%; } footer .footer-inner .row .footer-widget.column-four{ flex: 1 1 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(--blogig-black-text); } 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(--blogig-widget-block-font-family); font-weight: var(--blogig-widget-block-font-weight); font-size: var(--blogig-widget-block-font-size); letter-spacing: var(--blogig-widget-block-font-letterspacing); line-height: var(--blogig-widget-block-font-lineheight); margin-bottom: 25px; margin-top: 0; padding-bottom: 5px; border-bottom: 2px solid #c5c5c5; display: block; color: var(--blogig-footer-dark-text); } 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_blogig_post_grid_widget .post-grid-wrap .post-title, footer .footer-inner .menu .menu-item a { color: var(--blogig-post-title-font-color); font-weight: 500; } footer .footer-inner .menu .menu-item a { color: var(--blogig-black-text); font-weight: 400; } .widget ul.menu .sub-menu { display: none; } 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_blogig_post_list_widget .post-list-wrap .post-item, footer .footer-inner .widget_blogig_category_collection_widget .categories-wrap .category-item, footer .footer-inner .widget_blogig_post_grid_widget .post-grid-wrap .post-item, footer .footer-inner .menu .menu-item { border-color: #c5c5c5; } footer .footer-inner .widget_blogig_category_collection_widget .categories-wrap .category-item .category-name, footer .footer-inner .widget_blogig_category_collection_widget .categories-wrap .category-item, footer .footer-inner .widget_blogig_post_list_widget .post-list-wrap .post-item, footer .footer-inner .widget_blogig_post_list_widget .post-list-wrap .post-title, footer .footer-inner .post-date, footer .footer-inner .widget_blogig_author_info_widget .bmm-author-thumb-wrap .author-elements .author-name, footer .footer-inner .widget_blogig_author_info_widget .bmm-author-thumb-wrap .author-elements .author-tag, footer .footer-inner .author-content-wrap .author-desc { color: var(--blogig-black-text); } .bottom-inner-wrapper .footer-logo { text-align: center; margin-bottom: 5px; } /* ========================================= 19.0 Advertisement ========================================= */ #primary .blogig-inner-content-wrap .blogig-advertisement-block img{ border-radius: var(--blogig-post-image-border-radius); display: block; } section.blogig-advertisement-section-header { margin-top: 0; margin-bottom: 40px; } section.blogig-advertisement img{ border-radius: var(--blogig-post-image-border-radius); display: block; } section.blogig-advertisement-section-footer { margin-bottom: 50px; } .advertisement-wrap img{ box-shadow: var(--blogig-article-box-shadow); webkit-box-shadow: var(--blogig-article-box-shadow); } .blogig-advertisement.image-option--full-width img { width: 100%; } .blogig-advertisement.alignment--center img { margin: 0 auto; } .blogig-advertisement.alignment--right .advertisement-wrap { display: flex; justify-content: flex-end; } .blogig-advertisement.alignment--right.image-option--full-width .advertisement-wrap { display: block; } /* ========================================= 20.0 Slick Slider ========================================= */ /* Slider */ body .blogig-central-mode-enable.blogig-main-banner-section .slick-slider { border-radius: 0; } .blogig-main-banner-section .slick-slider, .blogig-carousel-section .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; } .blogig-main-banner-section .slick-list, .blogig-carousel-section .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .blogig-main-banner-section .slick-list:focus, .blogig-carousel-section .slick-list:focus { outline: none; } .blogig-main-banner-section .slick-list.dragging, .blogig-carousel-section .slick-list.dragging { cursor: pointer; cursor: hand; } .blogig-main-banner-section .slick-slider .slick-track, .blogig-main-banner-section .slick-slider .slick-list, .blogig-carousel-section .slick-slider .slick-track, .blogig-carousel-section .slick-slider .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); } .blogig-main-banner-section .slick-track, .blogig-carousel-section .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .blogig-main-banner-section .slick-track:before, .blogig-main-banner-section .slick-track:after, .blogig-carousel-sectionon .slick-track:before, .blogig-carousel-section .slick-track:after { display: table; content: ''; } .blogig-main-banner-section .slick-track:before, .blogig-carousel-section .slick-track:before { clear: both; } .blogig-main-banner-section .slick-loading .slick-track, .blogig-carousel-section .slick-loading .slick-track { visibility: hidden; } .blogig-main-banner-section .slick-slide, .blogig-carousel-section .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } .blogig-main-banner-section [dir='rtl'] .slick-slide, .blogig-carousel-section [dir='rtl'] .slick-slide { float: right; } .blogig-main-banner-section .slick-slide img, .blogig-carousel-section .slick-slide img { display: block; } .blogig-main-banner-section .slick-slide.slick-loading img, .blogig-carousel-section .slick-slide.slick-loading img { display: none; } .blogig-main-banner-section .slick-slide.dragging img, .blogig-carousel-section .slick-slide.dragging img { pointer-events: none; } .blogig-main-banner-section .slick-initialized .slick-slide, .blogig-carousel-section .slick-initialized .slick-slide { display: block; margin-bottom: 0; } .blogig-main-banner-section .slick-loading .slick-slide, .blogig-carousel-section .slick-loading .slick-slide { visibility: hidden; } .blogig-main-banner-section .slick-vertical .slick-slide, .blogig-carousel-section .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .blogig-main-banner-section .slick-arrow.slick-hidden, .blogig-carousel-section .slick-arrow.slick-hidden { display: none; } body .blogig-main-banner-section article.post-item .post-thumb { position: relative; } body .blogig-central-mode-enable.blogig-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: ''; display: block; height: 4px; width: 100%; left: 0; background-color: var(--blogig-global-preset-theme-color); z-index: 5; opacity: 0; position: absolute; transition-timing-function: linear; opacity: 0; width: 0; margin: 0 auto; left: 0; right: 0; bottom: -5px; -webkit-transition: all .3s cubic-bezier(0, 0, 0.16, 0.95); -o-transition: all .3s cubic-bezier(0, 0, 0.16, 0.95); -webkit-transition: all .3s ease(0, 0, 0.16, 0.95); -o-transition: all .3s ease(0, 0, 0.16, 0.95); transition: all .3s ease(0, 0, 0.16, 0.95); } .main-navigation.hover-effect--one .nav-menu li:hover > a:before{ opacity: 1; width: 100%; } } /* preloader effect */ body .blogig_loading_box { position: fixed; opacity: 0.9; height: 100vh; width: 100%; display: flex; justify-content: center; align-items: center; z-index: 999; background-color: #040404eb; } .blogig_loading_box { text-align: center; } .blogig_loading_box .box div { width: 40px; height: 40px; border-radius: 50%; display: inline-block; margin: 0.5rem; animation: loading 2.5s ease-in-out infinite; } @keyframes loading { 0%, 100% { transform: scale(0.2); background-color: #0ddcf8; } 42% { background-color: #5d4da6; } 50% { transform: scale(1); background-color: #42b58fb8; } } .blogig_loading_box .box div:nth-child(0) { animation-delay: 0s; } .blogig_loading_box .box div:nth-child(1) { animation-delay: 0.2s; } .blogig_loading_box .box div:nth-child(2) { animation-delay: 0.4s; } .blogig_loading_box .box div:nth-child(3) { animation-delay: 0.6s; } .blogig_loading_box .box div:nth-child(4) { animation-delay: 0.8s; } .blogig_loading_box .box div:nth-child(5) { animation-delay: 1s; } /** 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, .blogig-article-inner .slick-arrow, .blogig-main-banner-section .slick-arrow, .blogig-carousel-section .carousel-wrap .slick-arrow, .wp-block-search__button, .social-platforms-widget.global-color-icon i, .blogig-scroll-btn .icon-holder, article .inner-content .post-button .button-icon:before, .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 { -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 { -webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px); } .blogig-article-inner .slick-arrow:hover, .blogig-main-banner-section .slick-arrow:hover, .blogig-carousel-section .carousel-wrap .slick-arrow:hover{ width: 50px; color: #fff; } .wp-block-search__button:hover, body.single-post #primary .post-navigation .nav-links .nav-subtitle:hover { padding-left: 19px; padding-right: 19px; } .search-form-wrap form.search-form input.search-submit:hover { padding-left: 35px; padding-right: 35px; } article .inner-content .post-button:hover .button-icon:before { width: 110%; box-shadow: 1px 1px 1.5px 1.5px var(--blogig-global-preset-theme-color); } .blogig-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 { display: inline; background-image: linear-gradient(transparent calc(100% - 1.7px), var(--blogig-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; } .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 { 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 .nav-post-elements .nav-title a { display: inline; background-image: linear-gradient(transparent calc(100% - 15px), var(--blogig-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 .nav-post-elements .nav-title a:hover { background-size: 100%; } /* Image hover effect One */ .image-hover--one article figure.post-thumbnail-wrapper .post-thumnail-inner-wrapper:before, .image-hover--one .blogig-carousel-section article.post-item .post-thumb:before, .image-hover--one .blogig-main-banner-section article.post-item .post-thumb:before, .image-hover--one .widget .post-item .post-thumb-image:before, .image-hover--one .widget_blogig_author_info_widget .bmm-author-thumb-wrap .post-thumb a: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 .blogig-carousel-section article.post-item:hover .post-thumb:before, .image-hover--one .blogig-main-banner-section article.post-item:hover .post-thumb:before, .image-hover--one .widget .post-item:hover .post-thumb-image:before { background-color: #00000054; } .image-hover--one .widget .post-list-wrap .post-item .post-thumb-image:before { border-radius: 50%; } .image-hover--one .widget_blogig_author_info_widget .bmm-author-thumb-wrap .post-thumb a:before { border-radius: 50%; width: 90px; height: 90px; } .image-hover--one .widget_blogig_author_info_widget .bmm-author-thumb-wrap:hover .post-thumb a:before { background-color: #00000054; } .image-hover--two article figure.post-thumbnail-wrapper .post-thumnail-inner-wrapper img, .image-hover--two .blogig-carousel-section article.post-item .post-thumb img, .image-hover--two .blogig-main-banner-section article.post-item .post-thumb img, .image-hover--two .widget_blogig_post_grid_widget .post-grid-wrap .post-thumb-image img, .image-hover--two .widget_blogig_post_list_widget .post-list-wrap .post-thumb-image 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 article figure.post-thumbnail-wrapper:hover .post-thumnail-inner-wrapper img, .image-hover--two .blogig-carousel-section article.post-item:hover .post-thumb img, .image-hover--two .blogig-main-banner-section article.post-item:hover .post-thumb img, .image-hover--two .widget_blogig_post_grid_widget .post-grid-wrap .post-thumb-image:hover img, .image-hover--two .widget_blogig_post_list_widget .post-list-wrap .post-thumb-image:hover img { -webkit-transform: scale(1) translate(-50%,-50%); transform: scale(1) translate(-50%,-50%); } /** Sidebar stickey **/ body.blogig-stickey-sidebar--enabled .row #primary, body.blogig-stickey-sidebar--enabled #blogig-main-wrap aside#secondary-aside, body.blogig-stickey-sidebar--enabled #blogig-main-wrap aside#secondary{ position: -webkit-sticky; position: sticky; top: 0; align-self: flex-start; } body.admin-bar.blogig-stickey-sidebar--enabled .row #primary, body.admin-bar.blogig-stickey-sidebar--enabled #blogig-main-wrap aside#secondary-aside, body.admin-bar.blogig-stickey-sidebar--enabled #blogig-main-wrap aside#secondary { top: 35px; } .main-banner-wrap:not(.slick-initialized), .carousel-wrap:not(.slick-initialized) { visibility: hidden; position: relative; height: 350px; } .main-banner-wrap:not(.slick-initialized):before, .carousel-wrap:not(.slick-initialized):before { visibility: visible; position: absolute; height: 330px; 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.page #primary article .entry-content a, body.single-post #primary .blogig-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: #ffffff; padding: 2px 10px; background: #6e6e6e; font-size: 10px; font-size: 11px; border-radius: 6px; left: 10px; } .logged-in article .edit-link:hover { background: #333; } .single.logged-in article .edit-link { position: relative; bottom: -65px; } .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; }