/*-------------------------------------------------------------- 1.0 - Transition --------------------------------------------------------------*/ .blog-single-entry,.blog-single-entry .single-entry-thumb .bx-controls a, .blog-single-entry .related-article article, .blog-single-entry .wdt-related-carousel a, .blog-single-entry .wdt-related-carousel img, div.wdt-posts-meta-group div[class*="entry-"], .post-default > div.wdt-posts-meta-group div[class*="entry-"], div.wdt-posts-meta-group div[class*="entry-"] *, .post-default > div.wdt-posts-meta-group div[class*="entry-"] *, .blog-single-entry .wdt-related-carousel .carousel-navigation * { transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; -webkit-transition: all .3s linear; } .blog-single-entry.format-gallery .single-entry-thumb.single-preview-img, .blog-single-entry .single-entry-thumb.single-preview-img ul li, .blog-single-entry .wdt-related-carousel { transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; -webkit-transition: none; z-index:1; } .blog-single-entry .entry-post-navigation > div > .nav-title-wrap h3 {font-size: clamp(1.125rem, 1.0414rem + 0.3822vw, 1.5rem);/* Min-18 & Max-24 */ font-weight:var(--wdtFontWeight_Ext);} .blog-single-entry .entry-post-navigation.type3 .nav-title-wrap{ width: 100%; display: flex; flex-direction: column-reverse;} /*-------------------------------------------------------------- 1.1 - Blog Base Styles --------------------------------------------------------------*/ .blog-single-entry { clear: both; float: left; margin: 0; padding: 0; position: relative; width: 100%; } .blog-single-entry .entry-details { clear: both; display: inline-block; width: 100%; } .blog-single-entry .entry-meta { font-size: 14px; font-weight: 300; letter-spacing: .5px; margin-bottom: 7px; } .blog-single-entry .single-entry-body { clear: both; float: left; margin: 0 0 15px; width: 100%; } .blog-single-entry .single-entry-body > *:last-child { margin-bottom:0px; } .blog-single-entry .single-entry-body > *:last-child:after { content: ""; clear: both; display: block; } .blog-single-entry .single-entry-body > *:last-child > img[class*="align"]:only-child { clear: both; } /*----*****---- << Blog Icon >> ----*****----*/ .blog-single-entry div i[class*="fa"],.blog-single-entry div i.pe { margin-right: 3px; } .blog-single-entry div .elementor-social-icon i[class*="fa"], .blog-single-entry div .elementor-social-icon i.pe { margin-right: 0; } /*----*****---- << Blog Thumb >> ----*****----*/ .blog-single-entry .single-entry-thumb { float: left; line-height: 0; position: relative; width: 100%; } .blog-single-entry:not(.has-post-thumbnail) .single-entry-thumb { display: none; } .blog-single-entry .single-entry-thumb img { height: auto; max-width: 100%; } .blog-single-entry .single-entry-thumb .wdt-video-wrap .wp-video { width: 100% !important; } /*----*****---- << Blog Title >> ----*****----*/ .blog-single-entry .entry-title span.sticky-post { display: inline-block; font-size: 10px; letter-spacing: 1px; line-height: normal; margin-bottom: 15px; padding: 3px 5px; text-align: center; text-transform: uppercase; width: auto; } .blog-single-entry > .entry-title h4 { font-size: 18px; margin-bottom: 20px; text-transform: uppercase; word-wrap: break-word; -ms-word-wrap: break-word; } /*----*****---- << Blog Likes Views >> ----*****----*/ .blog-single-entry > .wdt-like-views > div:last-child,.blog-single-entry > .wdt-like-views > div:only-child { margin-right: 0; padding-right: 0; } /*----*****---- << Blog Social Share >> ----*****----*/ .blog-single-entry > .entry-social-share > .share,.blog-single-entry .entry-social-share > .share { border: 1px solid; padding-right: 5px; } .blog-single-entry > .entry-social-share > .share,.blog-single-entry > .entry-social-share > .share *,.blog-single-entry .entry-social-share > .share,.blog-single-entry .entry-social-share > .share * { display: inline-block; float: none; } .blog-single-entry > .entry-social-share > .share > ul,.blog-single-entry .entry-social-share .share > ul { margin-bottom: 0; padding-left: 0; } .blog-single-entry > .entry-social-share > .share > ul li,.blog-single-entry .entry-social-share .share > ul li { list-style: none; margin-right: 5px; padding-bottom: 0; } /*----*****---- << Blog Buttons >> ----*****----*/ .blog-single-entry .entry-button a.wdt-button { display: inline-block; float: none; margin: 0; padding: var(--wdtPadding_Btn); text-transform: capitalize; } /*----*****---- << Blog Format >> ----*****----*/ .blog-single-entry.type-post .entry-format { display: none; } .blog-single-entry .entry-format { display: none; left: 0; position: absolute; top: 0; z-index: 9; } .blog-single-entry .entry-format a { float: left; height: 50px; line-height: 50px; margin: 10px; position: relative; text-align: center; width: 50px; } .blog-single-entry .entry-format a:before { font-family: "BenHer Icons"; font-size: 20px; font-weight: 400; height: 100%; left: 0; line-height: 50px; margin: 0; position: absolute; text-align: center; top: 0; width: 100%; } .blog-single-entry.type-post:not(.has-post-thumbnail) .entry-format { display: none; } .blog-single-entry.format-standard .entry-format a:before,.blog-single-entry.ico-format.format-standard:before { content: '\e832'; } .blog-single-entry.format-image .entry-format a:before,.blog-single-entry.ico-format.format-image:before { content: '\e80d'; } .blog-single-entry.format-gallery .entry-format a:before,.blog-single-entry.ico-format.format-gallery:before { content: '\e80f'; } .blog-single-entry.format-status .entry-format a:before,.blog-single-entry.ico-format.format-status:before { content: '\f27a'; } .blog-single-entry.format-link .entry-format a:before,.blog-single-entry.ico-format.format-link:before { content: '\e820'; } .blog-single-entry.format-aside .entry-format a:before,.blog-single-entry.ico-format.format-aside:before { content: '\f15b'; } .blog-single-entry.format-quote .entry-format a:before,.blog-single-entry.ico-format.format-quote:before { content: '\f10d'; } .blog-single-entry.format-chat .entry-format a:before,.blog-single-entry.ico-format.format-chat:before { content: '\f27a'; } .blog-single-entry.format-audio .entry-format a:before,.blog-single-entry.ico-format.format-audio:before { content: '\e801'; } .blog-single-entry.format-video .entry-format a:before,.blog-single-entry.ico-format.format-video:before { content: '\e80b'; } /*----*****---- << Blog Gallery Slider >> ----*****----*/ .blog-single-entry .single-entry-thumb .bx-wrapper { overflow: hidden; position: relative; } .blog-single-entry .single-entry-thumb .bx-controls a { bottom: 0; filter: alpha(opacity=60); font-size: 0; height: 50px; margin: auto; opacity: .6; position: absolute; top: 0; width: 35px; z-index: 1; } .blog-single-entry .single-entry-thumb .bx-controls a:hover { filter: alpha(opacity=100); opacity: 1; } .blog-single-entry .single-entry-thumb .bx-controls a.bx-prev:before,.single-entry-thumb .bx-controls a.bx-next:before { content: '\e684'; font-family: Pe-icon-7-stroke; font-size: 32px; left: 0; line-height: 50px; position: absolute; text-align: center; text-indent: 0; top: 0; width: 100%; } .blog-single-entry .single-entry-thumb .bx-controls a.bx-prev:before { content: '\e686'; } .blog-single-entry .single-entry-thumb .bx-controls a.bx-prev { left: -35px; } .blog-single-entry .single-entry-thumb .bx-controls a.bx-next { right: -35px; } .blog-single-entry .single-entry-thumb:hover .bx-controls a.bx-prev { left: 15px; } .blog-single-entry .single-entry-thumb:hover .bx-controls a.bx-next { right: 15px; } .blog-single-entry .entry-gallery-post-slider li { padding: 0; } .blog-single-entry ul.entry-gallery-post-slider { margin-bottom: 0; padding-left: 0; } /*----*****---- << Related Post Carousel >> ----*****----*/ .wdt-related-carousel .tpl-blog-holder .column, .wdt-related-carousel .tpl-blog-holder .column.first { clear: none; } .wdt-related-carousel div[class*="carousel-"] { width: 100%; float: left; text-align: center; margin: 25px 0 55px; } .wdt-related-carousel div[class*="carousel-"] > div { float: none; display: inline-block; width: 50px; height: 50px; text-align: center; cursor: pointer; line-height: 50px; } .wdt-related-carousel div[class*="carousel-"] > div i[class*="fa"], .wdt-related-carousel div[class*="carousel-"] > div i.pe { line-height: 50px; font-size: 20px; } .wdt-related-carousel .carousel-pager > a { background: none; border: 1px solid; display: inline-block; font-size: 13px; font-weight: 600; height: 40px; letter-spacing: .5px; line-height: 38px; margin: 10px 5px 0 0; padding: 0; position: relative; text-transform: uppercase; width: 40px; } .blog-single-entry .wdt-related-posts { margin-bottom: 40px; } .blog-single-entry .wdt-related-posts .entry-button a.wdt-button { padding: 16px 20px 14px 20px; } /*----*****---- << Blog Author Info >> ----*****----*/ .author-info { clear: both; display: block; float: left; margin: 40px 0 0; padding: 0; } .author-info .thumb { float: left; margin: 0 20px 0 0; position: relative; width: 110px; } .author-info .thumb img { border-radius: 100%; height: auto; max-width: 100%; } .author-info h2 { font-size: 20px; font-weight: normal; margin-bottom: 30px; text-transform: none; } .author-info h3 span { color: #aaa; font-size: 14px; } .author-info h3 { font-size: 18px; margin-top: 0; } .author-info h3, .entry-author-bio .details h3 { margin-top: 15px; } /*----*****---- << Blog Post Common Styles > ----*****----*/ .blog-single-entry div.entry-meta-group:empty { display: none; } .blog-single-entry .entry-author, .blog-single-entry .entry-date, .blog-single-entry .entry-comments, .blog-single-entry .entry-categories, .blog-single-entry .entry-tags, .blog-single-entry .entry-social-share, .blog-single-entry .entry-likes-views, .blog-single-entry .entry-likes-views .wdt-like-views > div { display: inline-block; float: none; position: relative; text-transform: capitalize; width: 100%; } .blog-single-entry .entry-likes-views .wdt-like-views > div { width: auto; } .blog-single-entry .entry-likes-views .wdt-like-views .views { margin-left: 10px; } .blog-single-entry div[class*="entry-"]:not(.wdt-post-entry) { margin-bottom:0px; -webkit-transition:all .3s linear; transition:all .3s linear; } .blog-single-entry div[class*="single-entry-"] { display: inline-block; } .blog-single-entry .post-meta .single-entry-comments{display:flex; gap:7px; color:var(--wdtHeadAltColor); transition:var(--wdt-Ad-Transition);} .blog-single-entry .post-meta .single-entry-comments:hover{color:var(--wdtPrimaryColor);} .blog-single-entry .post-meta .single-entry-comments i:before{content: '\e80a'; font-family: "benher-addon"; color:var(--wdtPrimaryColor); } .blog-single-entry .post-meta .single-entry-author{color:var(--wdtPrimaryColor);} .blog-single-entry.post-minimal .single-entry-author .wdticon-user-circle::before { color: var(--wdtPrimaryColor); } .commententries .comment-respond{line-height:0; margin-top:clamp(1.5625rem, 0.9355rem + 2.8662vw, 4.375rem); /*70-25*/ background-color: rgba(var(--wdtQuaternaryColorRgb), .5); padding: clamp(1.875rem, 1.457rem + 1.9108vw, 3.75rem); /*60-30*/ } .blog-single-entry .commentlist li.comment #respond{padding-left:clamp(1.875rem, 1.457rem + 1.9108vw, 3.75rem); ;} .blog-single-entry #respond h3#reply-title{font-size: clamp(1.4375rem, 1.34rem + 0.4459vw, 1.875rem); /* Min-23 & Max-30 */ font-weight:var(--wdtFontWeight_H2); margin-bottom:10px; margin-top:0;} .blog-single-entry #respond h3#reply-title #cancel-comment-reply-link{font-size: var(--wdtFontSize_Base); font-weight: var(--wdtFontWeight_Base); display: block; margin-top: 18px; background-image: linear-gradient(90deg, currentColor 50%, currentColor 50%); background-position: left bottom; width:fit-content; background-size: 100% 1px; background-repeat: no-repeat; transition: background-size 0.3s ease-in-out, color 0.3s ease-in-out; line-height: var(--wdtLineHeight_Base); background-color: transparent;} .blog-single-entry #respond h3#reply-title #cancel-comment-reply-link:hover{ background-size: 0 1px; background-position: right bottom;} .blog-single-entry .comment-form .comment-notes{margin-bottom:20px;line-height: var(--wdtLineHeight_H6); font-size:var(--wdtFontSize_Base); font-weight:var(--wdtFontWeight_Base); grid-column: 1 / 3;} .blog-single-entry .comment-form .comment-form-cookies-consent #wp-comment-cookies-consent { position: relative; top:0;} .blog-single-entry .comment-form .comment-form-cookies-consent label{padding-left:10px;} .blog-single-entry .comment-form > p [type="checkbox"]{-webkit-appearance: none; appearance: none; min-width: 20px; min-height: 20px; border-color:transparent; display: grid; background:var(--wdtAccentTxtColor); place-content: center;} .blog-single-entry .single-entry-body .post-edit-link{margin-bottom:20px;} /* Tags-styles */ .blog-single-entry .single-entry-body .single-entry-tags a{font-size:var(--wdtFontSize_Ext); font-weight:var(--wdtFontWeight_H6); border:1px solid var(--wdtBorderColor); padding:8px 16px; margin:0; transition:var(--wdt-Ad-Transition);} .blog-single-entry .single-entry-body .single-entry-tags a:hover{background-color:var(--wdtPrimaryColor); color:var(--wdtAccentTxtColor);} @media(min-width:1281px){ .blog-single-entry .comment-form-comment{grid-column: 2 / 3; grid-row: 2 / 5;} } @media(max-width:1280px){ .blog-single-entry .comment-form .comment-notes{ grid-column: 1 / 2; } .blog-single-entry .comment-form-comment{grid-area:5;} } .blog-single-entry .post-meta{ display:flex; justify-content:space-between; flex-wrap:wrap; margin-bottom:40px;} .blog-single-entry .post-meta .single-entry-date{ font-size: var(--wdtFontSize_Ext); font-weight: var(--wdtFontWeight_H6); color: var(--wdtHeadAltColor); display: inline-flex; gap:7px; align-items:center;} .blog-single-entry .single-entry-date .wdticon-calendar:before{color:var(--wdtPrimaryColor); content: '\e804';font-family: "benher-addon";} .blog-single-entry .single-entry-comments a{font-size:var(--wdtFontSize_Ext); font-weight:var(--wdtFontWeight_H6); color:var(--wdtHeadAltColor);} .blog-single-entry div[class^="entry-"] div[class^="single-entry-"] { margin-bottom: 0; } .blog-single-entry div[class*="entry-thumb"].single-preview-img { position: relative; margin: 0; text-align: center; } .blog-single-entry div[class*="entry-thumb"].single-preview-img .bx-has-controls-direction .bx-controls-direction { position: absolute; height: calc(100% - 60px); width: 100%; display: flex;align-items: center; justify-content: space-between; top: 0; overflow: hidden; } .blog-single-entry div[class*="entry-thumb"].single-preview-img .bx-has-controls-direction .bx-controls-direction a { bottom: 0; filter: alpha(opacity=60); font-size: 0; height: 50px; margin: auto; opacity: .6; position: absolute; top: 0; width: 35px; z-index: 9; } .blog-single-entry div[class*="entry-thumb"].single-preview-img .bx-has-controls-direction .bx-controls-direction a:hover { filter: alpha(opacity=100); opacity: 1; } .blog-single-entry div[class*="entry-thumb"].single-preview-img .bx-has-controls-direction .bx-controls-direction a.bx-prev:before, .blog-single-entry div[class*="entry-thumb"].single-preview-img .bx-has-controls-direction .bx-controls-direction a.bx-next:after { content: '\e85b'; font-family: "BenHer Icons"; font-size: 14px; left: 0; line-height: 50px; position: absolute; text-align: center; top: 0; width: 100%; } .blog-single-entry div[class*="entry-thumb"].single-preview-img .bx-has-controls-direction .bx-controls-direction a.bx-prev:before { content: '\e85a'; } .blog-single-entry div[class*="entry-thumb"].single-preview-img .bx-has-controls-direction .bx-controls-direction a.bx-prev { left: -35px; } .blog-single-entry div[class*="entry-thumb"].single-preview-img .bx-has-controls-direction .bx-controls-direction a.bx-next { right: -35px; } .blog-single-entry div[class*="entry-thumb"].single-preview-img:hover .bx-has-controls-direction .bx-controls-direction a.bx-prev { left: 15px; } .blog-single-entry div[class*="entry-thumb"].single-preview-img:hover .bx-has-controls-direction .bx-controls-direction a.bx-next { right: 15px; } .blog-single-entry div[class*="entry-thumb"].single-preview-img .entry-link-inner, .blog-single-entry div[class*="entry-thumb"].single-preview-img .entry-quote-inner { display: none; } .blog-single-entry .single-entry-body tbody th { background: none !important; } .blog-single-entry .single-entry-body tbody th a { text-transform: none; } .blog-single-entry .single-entry-body tbody th, .blog-single-entry .single-entry-body tbody th a { color: inherit; } .wdt-post-entry .blog-entry.post-without-title .entry-title, .wdt-post-entry:not(.entry-cover-layout) .blog-entry.post-without-title > div.entry-title { display: none; } .blog-single-entry:not(.has-post-thumbnail) .wdt-related-posts .single-entry-thumb { display:block; } .blog-single-entry .wdt-related-posts .entry-meta-group .entry-author a { left:auto !important; } .blog-single-entry > .entry-title h1 { word-wrap: break-word; } .single-post .mfp-title { font-size: 0; margin-top: 10px; padding-right: 0; text-align: center; text-transform: capitalize; } .single-post .mfp-title a { font-size: 16px; border-bottom: 1px solid; } .single-post button, .single-post .mfp-image-holder + button.mfp-close, .single-post .mfp-image-holder + button.mfp-arrow, .single-post .mfp-image-holder + button.mfp-close:active { top: auto; -webkit-transform: none; transform: none; } .single-post .blog-single-entry.format-audio .single-entry-thumb.single-preview-img .mejs-offscreen + .mejs-container { min-height: 120px !important; } .single-post .blog-single-entry.format-audio .single-entry-thumb.single-preview-img .mejs-container button { border-radius: var(--wdtRadius_Zero); } .single-post .blog-single-entry.format-audio .single-entry-thumb.single-preview-img .mejs-container .mejs-time { line-height: 5px; } /* ============================== Blog-Detail-Pagination-common ============================== */ .blog-single-entry .entry-post-navigation.type1 > div:not(.no-post) > .nav-title-wrap h3 { display: none; } .blog-single-entry .entry-post-navigation > div.no-post > .nav-title-wrap h3 { margin: 0 0 0 0; } .blog-single-entry .entry-post-navigation > div > .nav-title-wrap h3 { margin:0px 0 10px 0; } .blog-single-entry .entry-post-navigation.type1 > .post-next-link > .next-post-bgimg, .blog-single-entry .entry-post-navigation.type1 > .post-prev-link > .prev-post-bgimg {display: none} .blog-single-entry .entry-post-navigation > div.post-next-link > .nav-title-wrap p a:after, .blog-single-entry .entry-post-navigation > div.post-prev-link > .nav-title-wrap p a:before { font-family: "wdt-ext-icon"; font-style: normal; font-weight: 700; display: inline-block; text-decoration: inherit; font-size: calc(var(--wdtFontSize_Base) - 2px); margin: 0; text-align: center; font-variant: normal; text-transform: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .blog-single-entry .entry-post-navigation > div.post-prev-link > .nav-title-wrap p a:before {content:none;margin-right: 10px;} .blog-single-entry .entry-post-navigation > div.post-next-link > .nav-title-wrap p a:after {content:none;margin-left: 10px;} .blog-single-entry .entry-post-navigation > div > .nav-title-wrap h3 { display: block; position: relative; width: 100%;text-transform: capitalize;} .blog-single-entry .entry-post-navigation > div > .nav-title-wrap h3 a { margin: 0; -webkit-hyphens: auto; hyphens: auto; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .blog-single-entry .entry-post-navigation > div > .nav-title-wrap span { display: none; } article[class*="post-"].blog-single-entry.post-minimal .entry-post-navigation > div.no-post { cursor: not-allowed; } .blog-single-entry .entry-post-navigation > .post-prev-link:hover > .prev-post-bgimg:before, .blog-single-entry .entry-post-navigation > .post-next-link:hover > .next-post-bgimg:before { opacity: 1; } .blog-single-entry .entry-post-navigation > div > a { display: block; height: 100%; position: absolute; left: 0; top: 0; width: 100%; z-index: 1; } .blog-single-entry .entry-post-navigation > div > a:focus { outline: thin dotted; outline-offset: -1px; } .blog-single-entry .entry-post-navigation > div > .nav-title-wrap p { display: block; font-weight: 500; letter-spacing: 1.6px; line-height: normal; margin: 0; position: relative; text-transform: uppercasse; width: 100%; -webkit-transition: var(--wdtBaseTransition); transition: var(--wdtBaseTransition); } .blog-single-entry .entry-post-navigation { clear: both; display: block; position: relative; width: 100%; display:flex; justify-content:space-between; padding-top:clamp(2.5rem, 2.082rem + 1.9108vw, 4.375rem)/*70-40*/; padding-bottom:clamp(2.5rem, 2.082rem + 1.9108vw, 4.375rem); /*70-40*/ border-bottom:1px solid var(--wdtBorderColor); } .entry-post-navigation:not(:has(+ section.commententries .comments-area)) { padding-bottom: 0; border: none;} .blog-single-entry .entry-post-navigation > div { background-color: var(--wdtTertiaryColor); border: none; position: relative; overflow: hidden; padding:25px; width: 100%; max-width: 550px; display: flex; align-items: center; margin: 0; border: 1px solid var(--wdtBorderColor);} .blog-single-entry .entry-post-navigation.type2 > div { overflow: visible; } .blog-single-entry > .entry-post-navigation[class*="type"] > div > .nav-title-wrap > p > a { display: inline-flex; align-items: center; font-size: var(--wdtFontSize_Base); letter-spacing:0; text-transform:capitalize; font-weight:var(--wdtFontWeight_Base); background-image: linear-gradient(90deg, currentColor 50%, currentColor 50%); background-position: left bottom; background-size: 100% 1px; background-repeat: no-repeat; transition: background-size 0.3s ease-in-out, color 0.3s ease-in-out; line-height: var(--wdtLineHeight_Alt); background-color: transparent; border-radius:var(--wdtRadius_Zero); } .blog-single-entry > .entry-post-navigation[class*="type"] > div > .nav-title-wrap > p > a:hover { background-size: 0 1px; background-position: right bottom; } .blog-single-entry .comment-author{margin-top:0; font-size: clamp(1.3125rem, 1.2707rem + 0.1911vw, 1.5rem); /* Min-21 & Max-24 */ font-weight:var(--wdtFontWeight_Ext); margin-bottom:10px; text-transform:capitalize; line-height: 1; } .blog-single-entry #comments > h3{font-size: clamp(1.4375rem, 1.34rem + 0.4459vw, 1.875rem); /* Min-23 & Max-30 */ font-weight:var(--wdtFontWeight_H2); } .blog-single-entry .comment-avatar img{width:100px; height:100px; object-fit:cover;} .blog-single-entry .comment-body .comment-date{font-size:var(--wdtFontSize_Ext); font-weight:var(--wdtFontWeight_Ext); letter-spacing:var(--wdtLetterSpacing_3X); text-transform:uppercase;} .blog-single-entry .comment-reply-link { border:none; padding:0; font-size:var(--wdtFontSize_Base); font-weight:var(--wdtFontWeight_Base); color:var(--wdtHeadAltColor); transition:var(--wdt-Ad-Transition); } .blog-single-entry .comment-reply-link:hover{color:var(--wdtPrimaryColor);} .blog-single-entry #comments > h3{margin-bottom:clamp(2.5rem, 1.9427rem + 2.5478vw, 5rem); /*80-40*/ margin-top:clamp(2.5rem, 1.9427rem + 2.5478vw, 5rem); /*80-40*/} .blog-single-entry li.comment.byuser:last-child{padding-bottom:0;} .blog-single-entry li.comment.byuser:nth-of-type(even) {margin-left: 5%;} #primary .blog-single-entry .single-entry-body .entry-tags-wrapper{margin-bottom:0;} .blog-single-entry .entry-tags-wrapper .single-entry-tags{display:flex; flex-wrap: wrap; row-gap: 10px; column-gap: 5px;} #primary .single-entry-tags{display:inline-flex; flex-wrap: wrap; row-gap: 10px; column-gap: 5px; margin-top:20px;} .blog-single-entry .comment-content .comment-text-group{flex:70%;} .blog-single-entry .comment-content .comment-metadata{flex:30%;} .blog-single-entry.post-minimal .entry-post-navigation > div > .nav-title-wrap h3 a:hover{color:var(--wdtPrimaryColor);} .blog-single-entry .entry-post-navigation > div .nav-title-wrap { width: 100%; } .blog-single-entry .entry-post-navigation > div *[class*="-bgimg"] ~ .nav-title-wrap { width:100%; } .blog-single-entry .entry-post-navigation.type3 > div [class*="-bgimg"] ~ .nav-title-wrap {width:100%;} .blog-single-entry .entry-post-navigation > .post-prev-link { justify-content: flex-start; text-align: left; margin-right: clamp(0.375rem, 0.2749rem + 0.5521vw, 0.9375rem); } .blog-single-entry .entry-post-navigation > .post-next-link { justify-content: flex-end; text-align: right; margin-left: clamp(0.375rem, 0.2749rem + 0.5521vw, 0.9375rem); } .blog-single-entry .entry-post-navigation > .post-prev-link > .prev-post-bgimg, .blog-single-entry .entry-post-navigation > .post-next-link > .next-post-bgimg { background-position: center; background-size: cover; height:112px; overflow: hidden; position: absolute; top: 50%; width: 130px; -webkit-border-radius: var(--wdtRadius_Zero); border-radius: var(--wdtRadius_Zero); } .blog-single-entry .entry-post-navigation > .post-prev-link > .prev-post-bgimg { transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); } .blog-single-entry .entry-post-navigation > .post-next-link > .next-post-bgimg { transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); -moz-transform: translate(50%, -50%); } .blog-single-entry > .entry-post-navigation.type3 > div[class*="post-"] > a[class$="-post-bgimg"] { transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -webkit-clip-path: inset(10px); clip-path: inset(10px); } .blog-single-entry .entry-post-navigation > .post-prev-link > .prev-post-bgimg { right:auto; left:0;} .blog-single-entry .entry-post-navigation > .post-next-link > .next-post-bgimg { left:auto; right:0;} .blog-single-entry .entry-post-navigation > .post-prev-link > .prev-post-bgimg:before, .blog-single-entry .entry-post-navigation > .post-next-link > .next-post-bgimg:before { border-width: 0; content: ''; display: block; height: 100%; opacity: 0; position: absolute; top: 0; width: 100%; -webkit-transition:all .3s linear; transition:all .3s linear; } .blog-single-entry .entry-post-navigation > .post-prev-link > .prev-post-bgimg:before, .blog-single-entry .entry-post-navigation > .post-next-link > .next-post-bgimg:before { background: rgba(var(--wdtHeadAltColorRgb),0.3); background: -webkit-radial-gradient(center, ellipse cover, transparent 10%, rgba(var(--wdtHeadAltColorRgb),0.3) 100%); background: radial-gradient(transparent 10%, rgba(var(--wdtHeadAltColorRgb),0.3) 100%); } /* Navigation - Type II */ .blog-single-entry .entry-post-navigation:not(.wdt-post-entry).type2 { border: 1px solid var(--wdtBorderColor); padding: clamp(1.25rem, 0.9615rem + 1.2821vw, 2.5rem) /* Min-20 & Max-40 */; margin-top: 100px; margin-bottom: 100px; } #primary.page-with-sidebar .blog-single-entry .entry-post-navigation:not(.wdt-post-entry).type2 > div [class*="-bgimg"] ~ .nav-title-wrap { width: 90%; } .blog-single-entry .entry-post-navigation:not(.wdt-post-entry).type2 > div > .nav-title-wrap h3 { margin: 0; display: block; position: relative; width: 100%; text-transform: capitalize; font-weight: var(--wdtFontWeight_Base); font-size: clamp(1.375rem, 1.3462rem + 0.1282vw, 1.5rem); /* Min-22 & Max-24 */ } .blog-single-entry .entry-post-navigation:not(.wdt-post-entry).type2 > div > .nav-title-wrap > p ~ h3 { margin: 20px 0 0 0; } .blog-single-entry .entry-post-navigation:not(.wdt-post-entry).type2 > div > .nav-title-wrap > p > a { display: inline-flex; align-items: center; font-size: 0.8rem; } .blog-single-entry .entry-post-navigation:not(.wdt-post-entry).type2 > div > .nav-title-wrap h3 > a { display: inline; background-image: linear-gradient(0deg, currentColor, currentColor); -webkit-transition: background-size var(--wdt-Ad-Transition); transition: background-size var(--wdt-Ad-Transition); background-repeat: no-repeat; background-position: 0 100%; background-size: 0% 1px; } .blog-single-entry .entry-post-navigation:not(.wdt-post-entry).type2 > div > .nav-title-wrap h3 > a:focus, .blog-single-entry .entry-post-navigation:not(.wdt-post-entry).type2 > div > .nav-title-wrap h3 > a:hover { background-size: 100% 1px; } .blog-single-entry .entry-post-navigation:not(.wdt-post-entry).type2 > div { padding: 20px 0; } .blog-single-entry .entry-post-navigation:not(.wdt-post-entry).type2 > .post-prev-link { border-right: 1px solid; padding-right: 20px; } .blog-single-entry .entry-post-navigation:not(.wdt-post-entry).type2 > .post-next-link { padding-left: 20px; } .blog-single-entry .entry-post-navigation:not(.wdt-post-entry).type2 > .post-next-link > .next-post-bgimg, .blog-single-entry .entry-post-navigation:not(.wdt-post-entry).type2 > .post-prev-link > .prev-post-bgimg { display: none } /*-------------------------------------------------------------- Default Colors --------------------------------------------------------------*/ .blog-single-entry .single-entry-thumb .bx-controls a, .blog-single-entry .related-article, .blog-single-entry div[class*="entry-thumb"].single-preview-img .bx-has-controls-direction .bx-controls-direction a { background: var(--wdtBodyBGColor); } .blog-single-entry .entry-title span.sticky-post { background: var(--wdtBodyTxtColor); } .blog-single-entry .entry-title span.sticky-post, .blog-single-entry .entry-format a, .blog-single-entry .single-entry-thumb .bx-controls a, .blog-single-entry .related-article .arrow { color: var(--wdtAccentTxtColor); } .blog-single-entry .single-entry-thumb .bx-controls a.bx-prev:before,.single-entry-thumb .bx-controls a.bx-next:before, .blog-single-entry .related-article .content span.entry-date { color: var(--wdtHeadAltColor); } .blog-single-entry .entry-format a { -webkit-box-shadow: inset 0 0 0 2px var(--wdtBodyBGColor); box-shadow: inset 0 0 0 2px var(--wdtBodyBGColor); } .blog-single-entry .related-article.open { -webkit-box-shadow: -2px 0 6px 0 rgba(0,0,0,.25); box-shadow: -2px 0 6px 0 rgba(0,0,0,.25); } /*-------------------------------------------------------------- Accents --------------------------------------------------------------*/ /* Primary */ .blog-single-entry .entry-format a, .post-edit-link:hover, .page-template-default .blog-single-entry table thead, .post-template-default .blog-single-entry table thead { background-color: var(--wdtPrimaryColor); } .blog-single-entry div[class*="entry-thumb"].single-preview-img .bx-has-controls-direction .bx-controls-direction a.bx-prev:before, .blog-single-entry div[class*="entry-thumb"].single-preview-img .bx-has-controls-direction .bx-controls-direction a.bx-next:after { color: var(--wdtPrimaryColor); } /*-------------------------------------------------------------- Responsive --------------------------------------------------------------*/ @media only screen and (max-width: 1540px) { .blog-single-entry .entry-post-navigation:not(.wdt-post-entry).type2 { margin-top: 90px; margin-bottom: 90px; } } @media only screen and (max-width: 1280px) { .blog-single-entry .entry-post-navigation > div *[class*="-bgimg"] ~ .nav-title-wrap { width: calc(100% - 20px); } /* .blog-single-entry.post-minimal .entry-post-navigation > .post-prev-link > .prev-post-bgimg { right: -20px; } .blog-single-entry.post-minimal .entry-post-navigation > .post-next-link > .next-post-bgimg { left: -20px; } */ /* Navigation - Type II */ .blog-single-entry .entry-post-navigation:not(.wdt-post-entry).type2 { margin-top: 80px; margin-bottom: 80px; } .blog-single-entry .entry-post-navigation.type2 > div *[class*="-bgimg"] ~ .nav-title-wrap { width: 100%; } } @media only screen and (max-width: 1024px) { .blog-single-entry .entry-post-navigation > div {padding:15px;} .blog-single-entry .entry-post-navigation:not(.type2) > div > .nav-title-wrap h3 {font-size: var(--wdtFontSize_H5);} .blog-single-entry .entry-post-navigation{padding-top:30px;} .blog-single-entry .post-meta{margin-bottom:30px;} /* Navigation - Type II */ .blog-single-entry .entry-post-navigation:not(.wdt-post-entry).type2 { margin-top: 70px; margin-bottom: 70px; } } @media only screen and (min-width: 1025px){ .blog-single-entry .entry-post-navigation > .post-prev-link:has(.prev-post-bgimg){padding-left: 146px;} .blog-single-entry .entry-post-navigation > .post-next-link:has(.next-post-bgimg){padding-right: 146px;} } @media only screen and (min-width:768px) and (max-width:1024px){ .blog-single-entry .entry-post-navigation > .post-prev-link:has(.prev-post-bgimg){padding-left: 95px;} .blog-single-entry .entry-post-navigation > .post-next-link:has(.next-post-bgimg){padding-right: 95px;} } @media only screen and (max-width:1024px){ .blog-single-entry .entry-post-navigation > .post-prev-link > .prev-post-bgimg, .blog-single-entry .entry-post-navigation > .post-next-link > .next-post-bgimg{height:90px; width:90px;} } @media only screen and (max-width: 767px) { .blog-single-entry .entry-post-navigation > div { padding:20px; } .blog-single-entry .entry-post-navigation > .post-prev-link{padding-left:20px;} .blog-single-entry .entry-post-navigation > div *[class*="-bgimg"] { display: none; } .blog-single-entry .entry-post-navigation.type3 > div [class*="-bgimg"] ~ .nav-title-wrap {width: calc(100% - 20px);} .wdt-related-carousel div[class*="carousel-"] > div { width: 35px; height: 35px; line-height: 35px; } .wdt-related-carousel div[class*="carousel-"] > div i[class*="fa"], .wdt-related-carousel div[class*="carousel-"] > div i.pe { line-height: 35px; font-size: 18px; } .blog-single-entry .comment-form > p [type="checkbox"]{min-height:17px; min-width: 17px;} .comment-form .comment-form-cookies-consent label{padding-left:2px;} /* Navigation - Type II */ .blog-single-entry .entry-post-navigation:not(.wdt-post-entry).type2 { margin-top: 60px; margin-bottom: 60px; } .blog-single-entry .entry-post-navigation:not(.wdt-post-entry).type2 > div > .nav-title-wrap > p ~ h3 { margin: 16px 0 0 0; } .blog-single-entry .entry-post-navigation:not(.wdt-post-entry).type2 > div { padding: 10px 0; } .blog-single-entry .entry-post-navigation:not(.wdt-post-entry).type2 > .post-prev-link { border-right: 1px solid; padding-right: 10px; } .blog-single-entry .entry-post-navigation:not(.wdt-post-entry).type2 > .post-next-link { padding-left: 10px; } .blog-single-entry .entry-post-navigation > .post-next-link{padding-right:20px;} .blog-single-entry #comments > h3{ margin-bottom: 40px; margin-top: 35px;} .blog-single-entry .comment-body{gap:20px;} .blog-single-entry .entry-post-navigation.type3{flex-wrap:wrap; gap:15px;} .blog-single-entry .entry-post-navigation > .post-next-link{margin:0; justify-content:center;} .blog-single-entry .entry-post-navigation:not(.type2) > div > .nav-title-wrap h3{text-align:center;} .blog-single-entry .entry-post-navigation > .post-prev-link, .blog-single-entry .entry-post-navigation > .post-next-link{justify-content:center; text-align:center;} .blog-single-entry .comment-form .comment-notes{margin-bottom:20px;} .blog-single-entry .entry-post-navigation > .post-prev-link{margin-right:0;} .blog-single-entry .entry-post-navigation > div{max-width:100%;} .blog-single-entry .comment-content{flex-direction:column;} .blog-single-entry .comment-metadata{flex-direction:row; margin-top:0px;} .blog-single-entry li.comment.byuser:nth-of-type(even){margin:0;} } /*----*****---- << Mobile - Portrait >> ----*****----*/ @media only screen and (max-width: 479px) { .blog-single-entry .entry-post-navigation { grid-template-columns: 1fr; } .blog-single-entry .entry-post-navigation > div > .nav-title-wrap h3:not(.no-post h3) { display: none; } .blog-single-entry .comment-metadata{flex-direction:column; align-items: flex-start; margin-top: 0px;} .blog-single-entry .entry-post-navigation > .post-prev-link, .blog-single-entry .entry-post-navigation > .post-next-link { justify-content: center; text-align: center; } .blog-single-entry .commentlist li.comment .reply{margin-top:8px;} .blog-single-entry .comment-body{padding-left:70px;} /* Navigation - Type II */ .blog-single-entry .entry-post-navigation:not(.wdt-post-entry).type2 { margin-top: 50px; margin-bottom: 50px; } .blog-single-entry .entry-post-navigation:not(.wdt-post-entry).type2 > div > .nav-title-wrap > p ~ h3 { margin: 12px 0 0 0; } .blog-single-entry .entry-post-navigation:not(.wdt-post-entry).type2 > div { padding: 0px 0; } .blog-single-entry .entry-post-navigation:not(.wdt-post-entry).type2 > .post-prev-link { border-right: none; padding-right: 0px; padding-bottom: 20px; } .blog-single-entry .entry-post-navigation:not(.wdt-post-entry).type2 > .post-next-link { padding-left: 0px; padding-top: 20px; border-color: var(--wdtBorderColor); } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (min-width: 320px) and (max-width: 479px) { .blog-single-entry .single-entry-body tbody th a{ font-size:calc(var(--wdtFontSize_Base) - 3px);} }