From 1d13d8ac1f66bae252e1e0453e0577586ec8519b Mon Sep 17 00:00:00 2001 From: Asad Khan Date: Tue, 5 Mar 2024 21:34:06 +0500 Subject: [PATCH] colro update --- assets/css/main.css | 1150 +------------------------------------------ 1 file changed, 1 insertion(+), 1149 deletions(-) diff --git a/assets/css/main.css b/assets/css/main.css index d7b0d35..530f22d 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -15,13 +15,9 @@ Description: Gerold - Personal Portfolio HTML5 Template Hero Section Services Section Portfolio Section - Popup Section Resume Section Skills Section Testimonials Section - Blog Section - Blog Standard Page - Blog Details Page Contact Section Footer Area Sidebar Menu @@ -55,7 +51,7 @@ Description: Gerold - Personal Portfolio HTML5 Template --tj-black-2: #050709; --tj-heading-primary: #102039; --tj-heading-secondary: #ea1826; - --tj-theme-primary: #ffd900; + --tj-theme-primary: #8750f7; --tj-theme-secondary: #2a1454; --tj-theme-accent-1: #0f0715; --tj-theme-accent-2: #140c1c; @@ -1391,356 +1387,6 @@ body.loaded { } /* END: Portfolio Section */ -/* -* =============================== -* START: Popup Section -* =============================== -*/ -.popup_content_area { - max-width: 1100px; - width: 100%; - background-color: var(--tj-theme-secondary); - -webkit-box-shadow: 0 0 40px rgba(255, 255, 255, 0.03); - box-shadow: 0 0 40px rgba(255, 255, 255, 0.03); - margin: 0 auto; - position: relative; -} -.popup-mfp { - overflow: hidden; -} -.popup-mfp .mfp-container { - position: fixed; - padding: 75px 0; - overflow-y: scroll; - - scrollbar-width: thin; - scrollbar-color: var(--tj-theme-primary) var(--tj-theme-secondary); -} -.popup-mfp .mfp-container::-webkit-scrollbar { - height: 4px; - width: 4px; - background: var(--tj-theme-secondary); -} - -.popup-mfp .mfp-container::-webkit-scrollbar-thumb { - background: var(--tj-theme-primary); - -webkit-border-radius: 1px; - -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75); -} - -.popup-mfp .mfp-container::-webkit-scrollbar-corner { - background: transparent; -} - -.popup-mfp .zoom-anim-dialog { - opacity: 0; - -webkit-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - transform: scale(0.8); -} - -.popup-mfp.mfp-ready .zoom-anim-dialog { - opacity: 1; - -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); -} - -.popup-mfp.mfp-removing .zoom-anim-dialog { - -webkit-transform: scale(0.8); - -ms-transform: scale(0.8); - transform: scale(0.8); - opacity: 0; -} - -.popup-mfp.mfp-bg { - opacity: 0; - -webkit-transition: opacity 0.3s ease-out; - -o-transition: opacity 0.3s ease-out; - transition: opacity 0.3s ease-out; -} - -.popup-mfp.mfp-ready.mfp-bg { - opacity: 0.8; -} - -.popup-mfp.mfp-removing.mfp-bg { - opacity: 0; -} - -.popup_content_area .mfp-close { - background: -o-linear-gradient( - 315deg, - var(--tj-theme-primary) 16.35%, - var(--tj-black-2) 91.35% - ); - background: linear-gradient( - 135deg, - var(--tj-theme-primary) 16.35%, - var(--tj-black-2) 91.35% - ); - color: var(--tj-white); - opacity: 1; - width: 45px; - height: 45px; - border-radius: 50%; - font-size: 30px; - line-height: 1; - font-weight: var(--tj-fw-normal); - right: -45px; - top: -45px; - -webkit-transition: 0.3s; - -o-transition: 0.3s; - transition: 0.3s; -} -.popup_content_area .mfp-close:hover { - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); -} -.popup_modal_img { - padding: 50px 40px 0 40px; - text-align: center; - max-height: 670px; - overflow: hidden; -} -.popup_modal_img img { - height: 100%; - -o-object-fit: cover; - object-fit: cover; -} -.popup_modal_content { - background-color: var(--tj-white); - padding-top: 60px; -} -.popup_modal_content .portfolio_info { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - align-items: start; - gap: 50px; - padding: 0 40px; -} -.popup_modal_content .portfolio_info .portfolio_info_text, -.popup_modal_content .portfolio_info .portfolio_info_items { - max-width: calc(50% - 25px); - width: 100%; -} -.portfolio_description .title, -.portfolio_info .portfolio_info_text .title { - color: var(--tj-black-2); - margin-bottom: 10px; -} -.portfolio_description .desc, -.portfolio_info .portfolio_info_text .desc { - font-size: 16px; - color: var(--tj-theme-accent-1); - letter-spacing: 0.02em; -} -.portfolio_description .desc p:last-child, -.portfolio_info .portfolio_info_text .desc p:last-child { - margin-bottom: 0; -} -.portfolio_info .portfolio_info_text .btn { - margin-top: 20px; -} -.portfolio_info .portfolio_info_items { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-column-gap: 20px; - -moz-column-gap: 20px; - column-gap: 20px; - row-gap: 30px; -} -.portfolio_info .portfolio_info_items .info_item { - max-width: calc(50% - 10px); - width: 100%; -} -.portfolio_info_items .info_item .key { - display: block; - font-size: 16px; - letter-spacing: 0.02em; - color: var(--tj-theme-accent-1); -} -.portfolio_info_items .info_item .value { - display: block; - font-size: 16px; - font-weight: var(--tj-fw-medium); - color: var(--tj-theme-accent-1); - margin-top: 5px; -} -.portfolio_info_items .info_item .value a { - color: inherit; - font-size: inherit; - text-decoration: none; - -webkit-transition: 0.3s; - -o-transition: 0.3s; - transition: 0.3s; -} -.portfolio_info_items .info_item .value a:hover { - color: var(--tj-theme-primary); -} -.popup_modal_content .portfolio_gallery { - margin-top: 50px; -} -.portfolio_gallery .gallery_item { - max-width: 930px; - width: 100%; -} -.portfolio_gallery .owl-dots { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - gap: 6px; -} -.portfolio_gallery .owl-dots .owl-dot { - width: 10px; - height: 10px; - border-radius: 50%; - background-color: var(--tj-theme-primary); - opacity: 0.6; - -webkit-transition: 0.3s; - -o-transition: 0.3s; - transition: 0.3s; - margin: 0; - padding: 0; -} -.portfolio_gallery .owl-dots .owl-dot:hover, -.portfolio_gallery .owl-dots .owl-dot.active { - width: 30px; - opacity: 1; - border-radius: 30px; -} -.portfolio_gallery .owl-dots .owl-dot span { - display: none; -} -.popup_modal_content .portfolio_story_approach, -.popup_modal_content .portfolio_description { - padding: 0 40px; - margin-top: 50px; -} - -.portfolio_story_approach .portfolio_approach, -.portfolio_story_approach .portfolio_story { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 50px; - margin-bottom: 50px; -} -.portfolio_approach .approach_title, -.portfolio_story .story_title { - max-width: 265px; - width: 100%; -} -.portfolio_approach .approach_title .title, -.portfolio_story .story_title .title { - font-size: 20px; - text-transform: uppercase; - color: var(--tj-black-2); - margin-bottom: 0; -} -.portfolio_approach .approach_content, -.portfolio_story .story_content { - max-width: 600px; - width: 100%; - letter-spacing: 0.02em; - color: var(--tj-theme-accent-1); - font-size: 16px; -} -.portfolio_approach .approach_content p:last-child, -.portfolio_story .story_content p:last-child { - margin: 0; -} -.popup_modal_content .portfolio_navigation { - background-color: var(--tj-theme-primary); - padding: 35px 50px; - - display: -webkit-box; - - display: -ms-flexbox; - - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - gap: 20px; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; -} -.portfolio_navigation .navigation_item { - max-width: calc(50% - 10px); - width: 100%; -} -.portfolio_navigation .navigation_item .project { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: end; - -ms-flex-align: end; - align-items: end; - gap: 15px; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - text-decoration: none; -} -.portfolio_navigation .navigation_item .project i { - font-size: 30px; - line-height: 1; - color: var(--tj-white); - max-width: 30px; - -webkit-transform: rotate(-45deg); - -ms-transform: rotate(-45deg); - transform: rotate(-45deg); - margin-bottom: 10px; - -webkit-transition: 0.4s; - -o-transition: 0.4s; - transition: 0.4s; -} -.portfolio_navigation .navigation_item.prev-project .project i { - -webkit-transform: rotate(45deg); - -ms-transform: rotate(45deg); - transform: rotate(45deg); -} -.portfolio_navigation .navigation_item .project:hover i { - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); -} -.portfolio_navigation .navigation_item .project .nav_project .label { - font-size: 16px; - letter-spacing: 0.02em; - display: block; - color: var(--tj-white); -} -.portfolio_navigation .navigation_item .project .nav_project .title { - font-size: 45px; - margin: 0; - color: var(--tj-white); -} -.portfolio_navigation .navigation_item.next-project { - text-align: end; -} -/* END: Popup Section */ /* * =============================== @@ -1984,800 +1630,6 @@ body.loaded { } /* END: Testimonials Section */ -/* -* =============================== -* START: Blog Section -* =============================== -*/ -.blog-section { - padding-top: 120px; - padding-bottom: 90px; - background: var(--tj-theme-accent-1); -} -.blog-section .section-header { - margin-left: auto; - margin-right: auto; -} -.blog-item { - background: var(--tj-theme-accent-2); - border-radius: 15px; - max-width: 400px; - width: 100%; - margin: 0 auto 30px; - position: relative; - z-index: 1; -} -.blog-item .blog-thumb { - overflow: hidden; - border-radius: 15px; - position: relative; - z-index: 1; -} -.blog-item .blog-thumb .category { - display: inline-block; - background-size: 200%; - background-image: linear-gradient( - 90deg, - var(--tj-theme-primary) 0%, - var(--tj-theme-secondary) 110.61% - ); - text-decoration: none; - color: var(--tj-white); - position: absolute; - left: 15px; - top: 15px; - z-index: 2; - text-transform: uppercase; - font-size: 13px; - line-height: 1; - padding: 7px 10px; - border-radius: 50px; - transition: 0.4s; -} -.blog-item .blog-thumb .category:hover { - background-size: 100%; -} -.blog-item .blog-thumb a { - display: block; -} -.blog-item .blog-thumb img { - width: 100%; - border-radius: 15px; - transition: all 0.5s ease-in-out 0s; -} -.blog-item:hover .blog-thumb img { - transform: scale(1.1); -} -.blog-item .blog-content { - padding: 15px 15px 20px; - position: absolute; - bottom: 15px; - left: 0; - width: calc(100% - 40px); - border-radius: 15px; - background: var(--tj-theme-secondary); - right: 0; - margin: 0 auto; - z-index: 1; -} -.blog-item .blog-content::before { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - -webkit-transition: opacity 0.5s linear; - -o-transition: opacity 0.5s linear; - transition: opacity 0.5s linear; - background: -o-linear-gradient( - 190deg, - var(--tj-theme-secondary) 0%, - var(--tj-theme-primary) 100% - ); - background: linear-gradient( - 260deg, - var(--tj-theme-secondary) 0%, - var(--tj-theme-primary) 100% - ); - opacity: 0; - z-index: -1; - border-radius: 15px; -} -.blog-item:hover .blog-content:before { - opacity: 1; -} -.blog-item .blog-meta { - margin-bottom: 10px; -} -.blog-meta ul { - display: flex; - flex-wrap: wrap; - align-items: center; - gap: 15px; -} -.blog-meta ul li { - display: flex; - align-items: center; - font-size: 14px; - line-height: 1; - color: var(--tj-theme-primary); - font-weight: var(--tj-fw-medium); - transition: all 0.5s ease-in-out 0s; -} -.blog-item:hover .blog-meta li { - color: var(--tj-body); -} -.blog-meta ul li i { - line-height: 1; - margin-right: 5px; -} -.blog-meta ul li a { - color: inherit; - text-decoration: none; - font-size: inherit; - font-weight: inherit; -} -.blog-item .blog-content .blog-title { - color: var(--tj-white); - font-size: 22px; - text-transform: capitalize; - margin-bottom: 0; - transition: all 0.4s ease-in-out 0s; -} -/* END: Blog Section */ - -/* -* =============================== -* START: Blog Standard Page -* =============================== -*/ -.tj-posts__area { - background-color: var(--tj-black-2); - padding-bottom: 120px; - padding-top: 120px; -} -.tj-post { - position: relative; - position: relative; - z-index: 1; - background-color: var(--tj-theme-accent-2); - border-radius: 8px; - overflow: hidden; -} -.tj-post:not(:last-child) { - margin-bottom: 40px; -} -.tj-post .tj-post__thumb { - display: flex; - position: relative; - z-index: 1; - overflow: hidden; -} -.tj-post .tj-post__thumb a { - display: inline-block; -} -.tj-post .tj-post__thumb img { - transition: all 0.8s ease-in-out 0s; - transform-origin: center; -} -.tj-post:hover .tj-post__thumb img { - transform: scale(1.1); -} -.tj-post__thumb .category { - display: inline-block; - background-size: 200%; - background-image: linear-gradient( - 90deg, - var(--tj-theme-primary) 0%, - var(--tj-theme-secondary) 110.61% - ); - text-decoration: none; - color: var(--tj-white); - position: absolute; - right: 15px; - top: 15px; - z-index: 2; - text-transform: uppercase; - font-size: 13px; - line-height: 1; - padding: 10px 15px; - border-radius: 50px; - transition: 0.4s; -} -.tj-post__thumb .category:hover { - background-size: 100%; -} -@keyframes animate-pulse { - 0% { - box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7), - 0 0 0 0 rgba(255, 255, 255, 0.7); - } - 40% { - box-shadow: 0 0 0 50px rgba(255, 255, 255, 0), - 0 0 0 0 rgba(255, 255, 255, 0.7); - } - 80% { - box-shadow: 0 0 0 50px rgba(255, 255, 255, 0), - 0 0 0 30px rgba(255, 255, 255, 0); - } - 100% { - box-shadow: 0 0 0 0 rgba(255, 255, 255, 0), - 0 0 0 30px rgba(255, 255, 255, 0); - } -} -.tj-post__thumb .tj-post__video .popup_video { - width: 70px; - height: 70px; - border-radius: 50%; - background-color: transparent; - display: inline-flex; - align-items: center; - justify-content: center; - font-size: 30px; - line-height: 1; - color: var(--tj-white); - text-decoration: none; - position: absolute; - left: 50%; - top: 50%; - transform: translate(-50%, -50%); -} -.tj-post__thumb .tj-post__video .popup_video::after { - content: ""; - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - background-color: var(--tj-theme-primary); - opacity: 0.7; - z-index: -1; - border-radius: 50%; - animation: animate-pulse 3s linear infinite; - transition: all 0.4s ease-in-out 0s; -} -.tj-post__thumb .tj-post__video .popup_video:hover::after { - opacity: 1; -} -.tj-post .tj-post__thumb .tj-post__gallery .tj-post-gallery__img img { - transform: scale(1); -} -.tj-post__gallery.owl-carousel .owl-nav button { - width: 45px; - height: 45px; - font-size: 18px; - line-height: 1; - color: var(--tj-white); - padding: 0; - border-radius: 50%; - display: inline-flex; - align-items: center; - justify-content: center; - background-color: transparent; - position: absolute; - left: 15px; - top: 50%; - transform: translateY(-50%); - z-index: 2; -} -.tj-post__gallery.owl-carousel .owl-nav button::after { - content: ""; - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - background-color: var(--tj-theme-primary); - opacity: 0.7; - transition: all 0.4s ease-in-out 0s; - z-index: -1; - border-radius: 50%; -} -.tj-post__gallery.owl-carousel .owl-nav button:hover::after { - opacity: 1; -} -.tj-post__gallery.owl-carousel .owl-nav button.owl-next { - left: auto; - right: 15px; -} -.tj-post .tj-post__content { - padding: 30px; -} -.tj-post__meta { - display: flex; - align-items: center; - flex-wrap: wrap; - column-gap: 25px; - row-gap: 10px; - margin-bottom: 20px; -} -.tj-post__meta span { - display: inline-flex; - font-size: 16px; - line-height: 1; - letter-spacing: 0.01em; - color: var(--tj-body); -} -.tj-post__meta span a { - text-decoration: none; - font-size: inherit; - line-height: 1; - color: inherit; - transition: all 0.4s ease-in-out 0s; -} -.tj-post__meta span a:hover { - color: var(--tj-theme-primary); -} -.tj-post__meta span i { - color: var(--tj-theme-primary); - margin-right: 8px; -} -.tj-post__content .tj-post__title { - font-size: 30px; - line-height: 1.3; - color: var(--tj-white); - margin-bottom: 20px; -} -.tj-post__content .tj-post__title a { - display: inline; - font-size: inherit; - color: inherit; - line-height: inherit; - background-image: -webkit-gradient( - linear, - left top, - right top, - color-stop(0, currentColor), - to(currentColor) - ); - background-image: linear-gradient( - to right, - currentColor 0, - currentColor 100% - ); - background-position: 0 100%; - background-repeat: no-repeat; - background-size: 0 1px; - -webkit-transition: all 0.3s, background-size 0.8s; - transition: all 0.3s, background-size 0.8s; -} -.tj-post__content .tj-post__title a:hover { - color: var(--tj-theme-primary); - background-size: 100% 1px; -} -.tj-post__content .tj-post__excerpt { - font-size: 16px; - color: var(--tj-body); -} -.tj-post__content .tj-post__excerpt p { - margin: 0; - font-size: inherit; - color: inherit; -} -.tj-post__content .tj-post__btn { - margin-top: 30px; -} - -.wp-block-quote, -blockquote { - background-color: var(--tj-theme-accent-2); - border-radius: 4px; - max-width: 100%; - padding: 40px 30px; - position: relative; - margin-bottom: 40px; - border: none; - border-radius: 8px; -} -.wp-block-quote::before, -blockquote::before { - display: block; - content: "\f10e"; - font-size: 40px; - line-height: 1; - font-family: var(--tj-ff-fontawesome); - font-weight: var(--tj-fw-light); - position: relative; - margin: 0 0 15px; -} -.wp-block-quote p:last-child, -blockquote p:last-child { - margin: 0; -} -.wp-block-quote cite, -blockquote cite { - font-weight: var(--tj-fw-medium); - font-size: 20px; - line-height: 1.2; - color: var(--tj-white); -} -.wp-block-quote cite::before, -blockquote cite::before { - display: inline-block; - width: 35px; - height: 2px; - background: var(--tj-theme-primary); - border-radius: 2px; - content: ""; - position: relative; - top: -6px; - margin-right: 15px; -} -.tj__pagination { - margin-top: 60px; -} -.tj__pagination ul { - list-style: none; - padding: 0; - margin: 0; - display: flex; - flex-wrap: wrap; - align-items: center; - gap: 20px; -} -.tj__pagination ul li .page-numbers { - display: flex; - align-items: center; - justify-content: center; - width: 40px; - height: 40px; - border-radius: 50%; - text-decoration: none; - border: 1px solid var(--tj-white); - font-size: 16px; - line-height: 1; - font-weight: var(--tj-fw-medium); - color: var(--tj-white); - background-color: transparent; - transition: all 0.4s ease-in-out 0s; -} -.tj__pagination ul li .page-numbers:hover, -.tj__pagination ul li .page-numbers.current { - border-color: var(--tj-theme-primary); - background-color: var(--tj-theme-primary); -} -/* END: Blog Standard Page */ - -/* -* =============================== -* START: Blog Details Page -* =============================== -*/ -.tj-post-details__area { - background-color: var(--tj-black-2); - padding-top: 120px; - padding-bottom: 120px; -} -.tj-single__post { - margin-bottom: 50px; -} -.tj-single__post .tj-post__thumb { - margin-bottom: 35px; - position: relative; -} -.tj-single__post .tj-post__thumb img { - border-radius: 8px 8px 0 0; -} -.tj-single__post .tj-post__content .tj-post__title { - margin-top: 0; -} -.tj-single__post h1, -.tj-single__post h2, -.tj-single__post h3, -.tj-single__post h4, -.tj-single__post h5, -.tj-single__post h6 { - margin-top: 30px; -} -.tj-single__post p { - margin-bottom: 20px; -} -.tj-single__post blockquote { - margin-bottom: 20px; -} -.tj-single__post ul { - list-style: none; - padding: 0; - margin: 0 0 20px 0; -} -.tj-single__post ul li { - display: block; - position: relative; - z-index: 1; - font-weight: var(--tj-fw-medium); - padding-left: 25px; -} -.tj-single__post ul li:not(:last-child) { - margin-bottom: 10px; -} -.tj-single__post ul li::before { - content: "\f058"; - font-family: var(--tj-ff-fontawesome); - font-weight: var(--tj-fw-bold); - color: var(--tj-theme-primary); - position: absolute; - left: 0; - top: 0; -} -.single-post_tag_share { - border-top: 1px solid var(--tj-grey-4); - padding-top: 31px; - padding-bottom: 30px; - display: flex; - flex-wrap: wrap; - align-items: start; - justify-content: space-between; - gap: 30px; -} -.single-post_tag_share .tj_tag { - width: calc(100% - 220px); - display: flex; - align-items: start; - gap: 20px; -} -.single-post_tag_share.no-social-share .tj_tag { - width: 100%; -} -.single-post_tag_share .tj_tag .tag__title { - margin-right: 10px; - margin-bottom: 0; - line-height: 1.6; -} -.single-post_tag_share .tj_tag .tagcloud { - gap: 10px; -} -.single-post_tag_share .tj_tag .tagcloud a { - border-color: var(--tj-theme-accent-2); - background-color: var(--tj-theme-accent-2); -} -.single-post_tag_share .tj_tag .tagcloud a:hover { - background-color: var(--tj-theme-primary); - border-color: var(--tj-theme-primary); -} -.single-post_tag_share .share_link { - display: flex; - align-items: center; - gap: 10px; -} -.single-post_tag_share .share_link a { - display: inline-flex; - align-items: center; - justify-content: center; - width: 40px; - height: 40px; - border: 1px solid var(--tj-theme-primary); - color: var(--tj-white); - text-decoration: none; - border-radius: 50%; - transition: all 0.4s ease-in-out 0s; -} -.single-post_tag_share .share_link a:hover { - background-color: var(--tj-theme-primary); - color: var(--tj-white); -} - -.single-post__navigation { - padding-top: 31px; - padding-bottom: 31px; - border-top: 1px solid var(--tj-grey-4); - border-bottom: 1px solid var(--tj-grey-4); - display: flex; - flex-wrap: wrap; - justify-content: space-between; - gap: 20px; -} -.single-post__navigation .tj-navigation_post { - max-width: 48%; - width: 100%; - min-height: 145px; - overflow: hidden; -} -.single-post__navigation .tj-navigation_post .tj-navigation-post_inner { - padding: 35px 25px; - background-color: var(--tj-theme-accent-2); - display: flex; - width: 100%; - height: 100%; - gap: 20px; - align-items: center; -} -.single-post__navigation - .tj-navigation_post - .tj-navigation-post_inner - .navigation-post_img { - max-width: 85px; - width: 100%; - height: 85px; -} -.single-post__navigation - .tj-navigation_post - .tj-navigation-post_inner - .navigation-post_img - a { - display: inline-block; - width: 100%; - height: 100%; -} -.single-post__navigation - .tj-navigation_post - .tj-navigation-post_inner - .navigation-post_img - a - img { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; -} -.single-post__navigation - .tj-navigation_post - .tj-navigation-post_inner - .tj-content - .post_pagination_nav { - text-transform: uppercase; - display: block; - margin-bottom: 8px; - color: var(--tj-theme-primary); -} -.single-post__navigation - .tj-navigation_post - .tj-navigation-post_inner - .tj-content - .post_pagination_nav - i { - margin-right: 10px; -} -.single-post__navigation - .tj-navigation_post - .tj-navigation-post_inner - .tj-content - .post_pagination_title - .title { - font-size: 18px; - margin: 0; - line-height: 1.4; - word-break: break-word; - transition: all 0.4s ease-in-out 0s; -} -.single-post__navigation - .tj-navigation_post - .tj-navigation-post_inner - .tj-content - .post_pagination_title - .title:hover { - color: var(--tj-theme-primary); -} -.single-post__navigation - .tj-navigation_post - .tj-navigation-post_inner.next_post - .tj-content { - text-align: end; -} -.tj-comments__container { - margin-top: 50px; -} -.tj-comments__container .tj-comments__wrap { - margin-bottom: 50px; -} -.tj-comments__container .comment-reply-title { - margin-bottom: 0; -} -.tj-comments__wrap .tj-comment__title h3, -.comment-respond .tj-comment__title { - display: inline-block; - font-size: 30px; - line-height: 1; - position: relative; - padding-bottom: 15px; - margin-bottom: 20px; -} -.tj-comments__wrap .tj-comment__title h3 { - margin-bottom: 30px; -} -.tj-comments__wrap .tj-comment__title h3:before, -.comment-respond .tj-comment__title:before { - background-color: var(--tj-theme-primary); - content: ""; - width: 60px; - height: 2px; - position: absolute; - bottom: 0; - left: 0; -} -.tj-post-comment__form .form_group { - margin-bottom: 20px; -} -.tj-post-comment__form .form_group select, -.tj-post-comment__form .form_group .nice-select, -.tj-post-comment__form - .form_group - input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]), -.tj-post-comment__form .form_group textarea { - background: var(--tj-theme-accent-2); -} -.tj-post-comment__form .tj-btn-primary { - width: auto; - margin-top: 10px; -} -.tj-post-comment__form .comment-form-cookies-consent { - display: flex; - align-items: start; - gap: 10px; -} -.tj-post-comment__form .comment-form-cookies-consent input { - margin-top: 5px; -} - -.tj-latest__comments ul { - list-style: none; - padding: 0; - margin: 0; -} -.tj-latest__comments .tj__comment .children { - padding-left: 30px; -} -.tj__comment .tj-comment__wrap { - display: flex; - flex-wrap: wrap; - column-gap: 20px; - margin-bottom: 30px; - padding-bottom: 30px; - border-bottom: 1px solid var(--tj-grey-4); -} -.tj__comment .tj-comment__wrap .comment__avatar { - max-width: 120px; - width: 100%; - height: 120px; -} -.tj__comment .tj-comment__wrap .comment__avatar img { - width: 100%; - height: 100%; -} -.tj__comment .tj-comment__wrap .comment__text { - width: calc(100% - 140px); -} -.tj__comment .tj-comment__wrap .comment__text .avatar__name { - margin-bottom: 15px; -} -.tj__comment .tj-comment__wrap .comment__text .avatar__name h5 { - margin-bottom: 5px; - transition: all 0.4s ease-in-out 0s; -} -.tj__comment .tj-comment__wrap .comment__text .avatar__name h5:hover { - color: var(--tj-theme-primary); -} -.tj__comment .tj-comment__wrap .comment__text .avatar__name span { - font-size: 14px; - display: block; -} -.tj__comment .tj-comment__wrap .comment__text p:last-child { - margin-bottom: 0; -} -.tj__comment - .tj-comment__wrap - .comment__text - .comment__reply - .comment-reply-link { - display: inline-block; - color: var(--tj-theme-primary); - font-size: 16px; - line-height: 1; - padding: 7px 20px; - border: 1px solid var(--tj-theme-primary); - text-decoration: none; - margin-top: 10px; - transition: all 0.4s ease-in-out 0s; -} -.tj__comment - .tj-comment__wrap - .comment__text - .comment__reply - .comment-reply-link:hover { - color: var(--tj-white); - background-color: var(--tj-theme-primary); -} -/* END: Blog Details Page */ /* * ===============================