/* Framework Update */ .wdt-simple-style.wdt-post-entry .blog-entry.format-link > div[class*="entry-"]:not(.entry-title) .entry-link-wrapper {cursor: pointer;display: inline-flex;align-items: flex-start;position: relative;} .wdt-simple-style.wdt-post-entry .blog-entry.format-link > div[class*="entry-"]:not(.entry-title) .entry-link-wrapper:hover .link-author {color: var(--wdtLinkHoverColor, var(--wdtDarkLinkHoverColor));} .wdt-simple-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry.format-quote > div.entry-thumb, .wdt-simple-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry.format-link > div.entry-thumb {padding: 0 0;} /*----*****---- << Simple Type Styles >> ----*****----*/ .wdt-post-entry.wdt-simple-style .has-post-media.blog-entry.format-audio:hover iframe + .entry-format, .wdt-post-entry.wdt-simple-style .has-post-media.blog-entry.format-audio:hover .wp-audio-shortcode + .entry-format, .wdt-post-entry.wdt-simple-style .has-post-media.blog-entry.format-video:hover .wdt-video-wrap + .entry-format { opacity: 0; visibility: hidden; } .wdt-post-entry.wdt-simple-style .has-post-media.blog-entry.format-audio:hover iframe + .entry-format a, .wdt-post-entry.wdt-simple-style .has-post-media.blog-entry.format-audio:hover .wp-audio-shortcode + .entry-format a, .wdt-post-entry.wdt-simple-style .has-post-media.blog-entry.format-video:hover .wdt-video-wrap + .entry-format a { opacity: 0; -webkit-transform: scale(0); transform: scale(0); visibility: hidden; } .wdt-post-entry.wdt-simple-style.entry-grid-layout .blog-entry:not(.has-post-thumbnail) > div.entry-thumb:first-child + div { margin-top: 35px; } .wdt-simple-style.wdt-post-entry .blog-entry .entry-title h4 span.sticky-post + a {padding-left: 30px;} .wdt-simple-style.wdt-post-entry.entry-grid-layout .blog-entry > div.entry-meta-group, .wdt-simple-style.wdt-post-entry.entry-list-layout .blog-entry > div.entry-meta-group { border: none; font-size: 14px; margin: 10px 0; padding-bottom: 0; padding-top: 0; text-transform: capitalize; } .wdt-simple-style.wdt-post-entry.entry-list-layout .blog-entry > div.entry-meta-group { padding-right: 0; } .wdt-simple-style.wdt-post-entry.entry-list-layout:not(.entry-right-thumb) .blog-entry > .entry-thumb + div.entry-meta-group, .wdt-simple-style.wdt-post-entry.entry-list-layout:not(.entry-right-thumb) .blog-entry > div.entry-meta-group:first-child { width: 90%; } .wdt-simple-style.wdt-post-entry.entry-list-layout.entry-right-thumb .blog-entry > div.entry-meta-group { padding-left: 0; padding-right: 35px; } #primary:not(.page-with-sidebar) .wdt-simple-style.wdt-post-entry.entry-list-layout .blog-entry > div.entry-meta-group:not(:last-child), #primary:not(.page-with-sidebar) .wdt-simple-style.wdt-post-entry.entry-grid-layout .blog-entry > div.entry-meta-group:not(:last-child) { margin-top: 0; } .wdt-simple-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry > div.entry-meta-group:first-child, #primary:not(.page-with-sidebar) .wdt-simple-style.wdt-post-entry.entry-grid-layout .blog-entry > div.entry-meta-group:first-child { margin-top: 30px; } .wdt-simple-style.wdt-post-entry .blog-entry > div.entry-meta-group + div.entry-button { margin-top: 20px; } .wdt-simple-style.wdt-post-entry.entry-grid-layout .blog-entry > div.entry-meta-group:last-child { margin-bottom: 25px; } .wdt-simple-style.wdt-post-entry.entry-list-layout .blog-entry > div:nth-child(2) { margin-top: 0; } .wdt-simple-style.wdt-post-entry.entry-list-layout .blog-entry > div:last-child { margin-bottom: 25px; } /* .wdt-simple-style.wdt-post-entry.entry-list-layout:before { mask-image: url(../images/simple-blog-pattern.png); -webkit-mask-image: url(../images/simple-blog-pattern.png); mask-repeat: repeat; -webkit-mask-repeat: repeat; background-color: rgba(var(--wdtHeadAltColorRgb, var(--wdtDarkHeadAltColorRgb)),1); bottom: 30px; content: ''; display: block; height: 9px; left: 10px; margin: auto; position: absolute; right: 10px; width: auto; } */ .wdt-simple-style.wdt-post-entry.entry-list-layout:last-child:before, .wdt-simple-style.wdt-post-entry.entry-list-layout.grid-sizer:before { display: none; } .wdt-simple-style.wdt-post-entry.entry-list-layout:last-child { margin-bottom: 0; } .wdt-simple-style.wdt-post-entry.entry-list-layout .blog-entry { float: left; margin-bottom: 0; position: relative; width: 100%; } .wdt-simple-style.wdt-post-entry .blog-entry .entry-format { border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .wdt-simple-style.wdt-post-entry .blog-entry .entry-format a { background: rgba(var(--wdtHeadAltColorRgb, var(--wdtDarkHeadAltColorRgb)),0.65); border-radius: 50%; box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -webkit-box-shadow: none; height: 50px; margin: 0; width: 50px; } .wdt-simple-style.wdt-post-entry .blog-entry .entry-format a:before { font-size: 16px; line-height: 50px; } .wdt-simple-style.wdt-post-entry.entry-list-layout.entry-right-thumb .blog-entry .entry-format { left: 50%; right: auto; } .wdt-simple-style.wdt-post-entry.entry-right-thumb .blog-entry > div.entry-meta-group > div, .wdt-simple-style.wdt-post-entry.entry-right-thumb .blog-entry > div.entry-meta-group > div:nth-child(odd), .wdt-simple-style.wdt-post-entry.entry-right-thumb .blog-entry > div.entry-meta-group > div:nth-child(even) { float: right; margin-left: 25px; margin-right: 0; } .wdt-simple-style.wdt-post-entry.entry-right-thumb .blog-entry > div.entry-meta-group > div:not(:last-child):after { left: -15px; right: auto; } .wdt-simple-style.wdt-post-entry.entry-right-thumb .blog-entry > div.entry-meta-group > div:last-child { margin-left: 0; } .wdt-simple-style.wdt-post-entry.entry-grid-layout .blog-entry { box-shadow: 0 0 1px 1px rgba(var(--wdtHeadAltColorRgb, var(--wdtDarkHeadAltColorRgb)),0.15); } .wdt-simple-style.wdt-post-entry.entry-grid-layout .blog-entry > div.entry-meta-group > div, .wdt-simple-style.wdt-post-entry.entry-grid-layout .blog-entry > div.entry-meta-group > div:nth-child(odd), .wdt-simple-style.wdt-post-entry.entry-grid-layout .blog-entry > div.entry-meta-group > div:nth-child(even) { display: inline-block; float: none; width: auto; } .wdt-simple-style.wdt-post-entry.entry-grid-layout .blog-entry > div:not(.entry-thumb):empty, .wdt-simple-style.wdt-post-entry.entry-list-layout .blog-entry > div:not(.entry-thumb):empty { display: none; } .wdt-simple-style.wdt-post-entry .blog-entry > div.entry-meta-group > div, .wdt-simple-style.wdt-post-entry .blog-entry > div.entry-meta-group > div:nth-child(odd), .wdt-simple-style.wdt-post-entry .blog-entry > div.entry-meta-group > div:nth-child(even) { clear: none; display: inline-block; float: none; margin: 5px 25px 5px 0; position: relative; width: auto; } .wdt-simple-style.wdt-post-entry .blog-entry > div.entry-meta-group > div:not(:last-child):after { content: '-'; display: block; margin: 0; padding: 0; position: absolute; right: -15px; top: 0; } .wdt-simple-style.wdt-post-entry .blog-entry > div.entry-meta-group > div:last-child { margin-right: 0; padding-right: 0; } .wdt-simple-style.wdt-post-entry .blog-entry > div.entry-meta-group > div.entry-social-share { margin-bottom: 0; margin-top: 0; } .wdt-simple-style.wdt-post-entry .blog-entry > div.entry-meta-group > div.entry-social-share:after { top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .wdt-simple-style.wdt-post-entry .blog-entry > div.entry-body:last-child p { margin-bottom: 0; } .wdt-simple-style.wdt-post-entry .blog-entry .entry-title h4 span.sticky-post { width: 30px; height: 30px; border-radius: 50%;} .wdt-simple-style.wdt-post-entry .blog-entry .entry-title h4 span.sticky-post > i:first-child { font-size: 16px; } .wdt-simple-style.wdt-post-entry.alignright .blog-entry .entry-title h4 span.sticky-post { right: auto; left: 2px; } .wdt-simple-style.wdt-post-entry.entry-grid-layout .blog-entry { border-radius: 0; box-shadow:none; margin-bottom:0; } .wdt-simple-style.wdt-post-entry.entry-grid-layout:last-child .blog-entry, .apply-equal-height .wdt-simple-style.wdt-post-entry.entry-grid-layout .blog-entry { margin-bottom: 0; } .active-centered .wdt-simple-style.wdt-post-entry.entry-grid-layout:nth-child(3) .blog-entry{box-shadow:none;} .wdt-simple-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry > div:not(.entry-thumb), .wdt-simple-style.wdt-post-entry.entry-cover-layout .blog-entry .entry-details > div:not(.entry-thumb), .wdt-simple-style.wdt-post-entry.entry-cover-layout .blog-entry > div:not(.entry-details){ display: inline-block; float: none; padding:0; width:100%;} .wdt-simple-style.wdt-post-entry.entry-list-layout .blog-entry > div:not(.entry-thumb) { padding: 0 0 0 30px; } .wdt-simple-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry > div:not(.entry-thumb):last-child { margin: 0; } .wdt-simple-style.wdt-post-entry.entry-grid-layout .blog-entry .entry-body:empty { display: none !important; } .wdt-simple-style.wdt-post-entry .blog-entry > div.entry-thumb, .wdt-simple-style.wdt-post-entry .blog-entry > div.entry-thumb img{border-radius: var(--wdtRadius_3X);} .wdt-simple-style.wdt-post-entry .blog-entry > div.entry-thumb{margin-bottom: 0;} .wdt-simple-style.wdt-post-entry .blog-entry > div.entry-thumb img{ box-shadow: unset;} .wdt-simple-style.wdt-post-entry.entry-grid-layout .blog-entry > div.entry-thumb:not(:has( > a )) { display: none; } .wdt-simple-style.wdt-post-entry.entry-grid-layout .blog-entry > div.entry-thumb:not(:has( > a ))::after { display: none; } .wdt-simple-style.wdt-post-entry .blog-entry .entry-title h4 { font-weight: var(--wdtFontWeight_H3); letter-spacing: var(--wdtLetterSpacing_2X); margin-bottom: 0;position: relative; } .wdt-simple-style.wdt-post-entry article.blog-entry > .entry-title ~ .entry-date{margin-bottom: 0px;transition:all 0.3s linear;} .wdt-simple-style.wdt-post-entry article.blog-entry:hover > .entry-title ~ .entry-date, .wdt-simple-style.wdt-post-entry article.blog-entry.sticky > .entry-title ~ .entry-date{margin-bottom:3px;} .wdt-simple-style.wdt-post-entry .blog-entry .entry-button a.wdt-button{ display: flex; align-items: center; justify-content: center; float: none; font-size: 0; width: clamp(3.375rem, 3.25rem + 0.625vw, 4rem); /*64px - 54px*/ height: clamp(3.375rem, 3.25rem + 0.625vw, 4rem); /*64px - 54px*/ line-height: clamp(3.375rem, 3.25rem + 0.625vw, 4rem); /*64px - 54px*/ font-weight: var(--wdtFontWeight_Base); margin: 0; padding: 0; text-transform: capitalize; border-radius: var(--wdtRadius_Full); -webkit-border-radius: var(--wdtRadius_Full); } .wdt-simple-style.wdt-post-entry .blog-entry:hover > div.entry-thumb img, .active-centered .wdt-simple-style.wdt-post-entry.entry-grid-layout:nth-child(3) .blog-entry > div.entry-thumb img{ box-shadow:none;} .wdt-simple-style.wdt-post-entry .blog-entry .entry-button a.wdt-button span{ font-size: clamp(1.625rem, 1.575rem + 0.25vw, 1.875rem); /*30px-26px*/ margin: auto; width: clamp(1.625rem, 1.575rem + 0.25vw, 1.875rem); /*30px-26px*/ height: clamp(1.625rem, 1.575rem + 0.25vw, 1.875rem); /*30px-26px*/ line-height: clamp(1.625rem, 1.575rem + 0.25vw, 1.875rem); /*30px-26px*/ display: inline-block; transition: unset; -webkit-transition: unset; } .wdt-simple-style.wdt-post-entry .blog-entry:hover .entry-button a.wdt-button span,.active-centered .wdt-simple-style.wdt-post-entry.entry-grid-layout:nth-child(3) .blog-entry .entry-button a.wdt-button span{transform: translateX(0px);} .wdt-simple-style.wdt-post-entry .blog-entry .entry-format{opacity:0;} .wdt-simple-style.wdt-post-entry:hover .blog-entry .entry-format{opacity:1;} .wdt-simple-style.wdt-post-entry .blog-entry.sticky .entry-title h4 { clear: both; display: inline-block; position:relative; width: auto; } .wdt-simple-style.wdt-post-entry .blog-entry .entry-title h4 span.sticky-post{width:25px; height:25px; right:auto; top:50%; left:0;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .wdt-simple-style.wdt-post-entry .blog-entry .entry-title h4 span.sticky-post > i:first-child{font-size:12px;} .wdt-simple-style.wdt-post-entry .blog-entry.sticky .entry-title h4 span.sticky-post + a { padding:0 0 0 35px; width: auto; } .wdt-simple-style.wdt-post-entry.entry-list-layout.entry-right-thumb .blog-entry.sticky .entry-title h4 span.sticky-post + a { padding: 0 35px 0 0; } .wdt-simple-style.wdt-post-entry.entry-list-layout.entry-right-thumb .blog-entry .entry-title h4 span.sticky-post { left: auto; right: 0; } /* ----------- Custom Style ------------- */ /* date */ .wdt-simple-style.wdt-post-entry .blog-entry .entry-date { text-transform: uppercase; color: var(--wdtHeadAltColor, var(--wdtDarkHeadAltColor)); } .wdt-simple-style.wdt-post-entry .blog-entry .entry-date i { display: none; } /* btn */ .wdt-simple-style.wdt-post-entry:not(.entry-list-layout) .blog-entry.has-post-thumbnail > div.entry-thumb ~ .entry-button { position: absolute; right: 0; bottom: 0; width: fit-content; } .wdt-simple-style.wdt-post-entry:not(.entry-list-layout) .blog-entry.has-post-thumbnail > div.entry-thumb ~ .entry-button a.wdt-button { z-index: 3; position: relative; } .wdt-simple-style.wdt-post-entry:not(.entry-list-layout) .blog-entry.has-post-thumbnail > div.entry-thumb ~ .entry-button::before { content: ""; position: absolute; width: calc(100% + 6px); height: calc(100% + 6px); background-color: var(--wdtBodyBGColor, var(--wdtDarkBodyBGColor)); top: -6px; bottom: 0; left: -6px; right: 0; z-index: 2; border-radius: var(--wdtRadius_Full) 0 0 0; -webkit-border-radius: var(--wdtRadius_Full) 0 0 0; } .wdt-simple-style.wdt-post-entry:not(.entry-list-layout) .blog-entry.has-post-thumbnail div.entry-button .wdt-button:before { /* Top-Right Border Style */ content: ""; display: block; width: 20px; height: 20px; position: absolute; border-radius: 20px; top: -16px; right: -10px; z-index: 0; -webkit-box-shadow: inset -10px 10px 0px 0px var(--wdtBodyBGColor, var(--wdtDarkBodyBGColor)); box-shadow: inset -10px 10px 0px 0px var(--wdtBodyBGColor, var(--wdtDarkBodyBGColor)); -webkit-transform: rotate(90deg); transform: rotate(90deg); transition: unset; -webkit-transition: unset; } .wdt-simple-style.wdt-post-entry:not(.entry-list-layout) .blog-entry.has-post-thumbnail div.entry-button .wdt-button:after { /* Bottom-Left Border Style */ content: ""; display: block; width: 20px; height: 20px; position: absolute; border-radius: 20px; bottom: -10px; left: -16px; z-index: 0; -webkit-box-shadow: inset -10px 10px 0px 0px var(--wdtBodyBGColor, var(--wdtDarkBodyBGColor)); box-shadow: inset -10px 10px 0px 0px var(--wdtBodyBGColor, var(--wdtDarkBodyBGColor)); -webkit-transform: rotate(90deg); transform: rotate(90deg); transition: unset; -webkit-transition: unset; } .wdt-simple-style.wdt-post-entry .blog-entry .entry-button a.wdt-button span svg { overflow: visible; transform: rotate(0); -webkit-transform: rotate(0); transition: transform 300ms cubic-bezier(.45,.05,.55,.95), color 0ms linear; -webkit-transition: transform 300ms cubic-bezier(.45,.05,.55,.95), color 0ms linear; } .wdt-simple-style.wdt-post-entry .blog-entry .entry-button a.wdt-button:hover span svg { transform: rotate(45deg); -webkit-transform: rotate(45deg); } /* not has post thumbnail */ .wdt-simple-style.wdt-post-entry:not(.entry-list-layout) .blog-entry:not(.has-post-thumbnail) > .entry-button a.wdt-button { margin-top: 10px; } /* ----------- Custom Style ------------- */ /*-------------------------------------------------------------- Colors --------------------------------------------------------------*/ /*----*****---- << Dark >> ----*****----*/ .wdt-post-entry .blog-entry .entry-title h4 a:hover, .wdt-post-entry .blog-entry a:not(.wdt-button):hover, .wdt-simple-style.wdt-post-entry .blog-entry div.entry-categories a:hover, .wdt-simple-style.wdt-post-entry .blog-entry div.entry-tags a:hover, .wdt-simple-style.wdt-post-entry .blog-entry div a:hover { color: var(--wdtPrimaryColor, var(--wdtDarkPrimaryColor)); } /*----*****---- << Light >> ----*****----*/ .wdt-simple-style.wdt-post-entry .blog-entry .entry-format a:hover, .wdt-simple-style.wdt-post-entry .blog-entry .entry-button a.wdt-button { color: var(--wdtQuaternaryColor, var(--wdtDarkTertiaryColor)); } .wdt-simple-style.wdt-post-entry .blog-entry .entry-button a.wdt-button:hover, .wdt-simple-style.wdt-post-entry .blog-entry .entry-button a.wdt-button:focus { color: var(--wdtAccentTxtColor, var(--wdtDarkAccentTxtColor)); } /*-------------------------------------------------------------- Accents --------------------------------------------------------------*/ /* Primary */ /* .wdt-simple-style.wdt-post-entry .blog-entry:hover .entry-button a.wdt-button span { color: var(--wdtPrimaryColor, var(--wdtDarkPrimaryColor)); } */ .wdt-simple-style.wdt-post-entry .blog-entry .entry-format a:hover { background-color: var(--wdtPrimaryColor, var(--wdtDarkPrimaryColor)); } /* Secondary */ /* .wdt-simple-style.wdt-post-entry .blog-entry:hover .entry-button a.wdt-button:hover span { background-color: var(--wdtSecondaryColor, var(--wdtDarkSecondaryColor)); } */ /*-------------------------------------------------------------- Responsive --------------------------------------------------------------*/ /*----*****---- << iPad - Landscape >> ----*****----*/ @media only screen and (min-width:1025px) { #primary.page-with-sidebar .wdt-simple-style.wdt-one-third.wdt-post-entry.entry-grid-layout .blog-entry > div.entry-meta-group > div:nth-child(even), #primary.page-with-sidebar .wdt-simple-style.wdt-one-third.wdt-post-entry.entry-grid-layout .blog-entry > div.entry-meta-group > div:nth-child(odd) { display: inline-block; float: none; margin-bottom: 5px; margin-right: 20px; width: auto; } #primary.page-with-sidebar .wdt-simple-style.wdt-one-third.wdt-post-entry.entry-grid-layout .blog-entry > div.entry-body p { margin-bottom: 0; } #primary.page-with-sidebar .wdt-simple-style.wdt-one-third.wdt-post-entry.entry-grid-layout .blog-entry > div.entry-meta-group:last-child, #primary.page-with-sidebar .wdt-simple-style.wdt-one-third.wdt-post-entry:not(.entry-cover-layout) .blog-entry > div:not(.entry-thumb):last-child { margin-bottom: 0; margin-top: 0; } } /*----*****---- << Tablet (Landscape) >> ----*****----*/ /* Note: Design for a width of 960px */ @media only screen and (min-width:1025px) and (max-width:1280px) { .wdt-simple-style.wdt-one-third.wdt-post-entry.entry-grid-layout .blog-entry > div.entry-meta-group > div:nth-child(even), .wdt-simple-style.wdt-one-third.wdt-post-entry.entry-grid-layout .blog-entry > div.entry-meta-group > div:nth-child(odd), #primary.page-with-sidebar .wdt-simple-style.wdt-one-third.wdt-post-entry.entry-grid-layout .blog-entry > div.entry-meta-group > div:nth-child(even), #primary.page-with-sidebar .wdt-simple-style.wdt-one-third.wdt-post-entry.entry-grid-layout .blog-entry > div.entry-meta-group > div:nth-child(odd) { display: inline-block; float: none; margin-bottom: 5px; width: auto; } } /*----*****---- << Tablet (Portrait) >> ----*****----*/ /* Note: Design for a width of 768px */ @media only screen and (min-width:768px) and (max-width:1024px) { #primary.page-with-sidebar .wdt-simple-style.wdt-post-entry .blog-entry > div.entry-meta-group > div:nth-child(odd), #primary.page-with-sidebar .wdt-simple-style.wdt-post-entry.entry-cover-layout .blog-entry > div.entry-meta-group > div:nth-child(odd), #primary.page-with-sidebar .wdt-simple-style.wdt-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-meta-group > div:nth-child(odd), #primary.page-with-sidebar .wdt-simple-style.wdt-post-entry .blog-entry > div.entry-meta-group > div:nth-child(even), #primary.page-with-sidebar .wdt-simple-style.wdt-post-entry.entry-cover-layout .blog-entry .entry-details > div.entry-meta-group > div:nth-child(even), #primary.page-with-sidebar .wdt-simple-style.wdt-post-entry.entry-cover-layout .blog-entry > div.entry-meta-group > div:nth-child(even) { clear: none; display: inline-block; float: none; text-align: inherit; width: auto; } #primary.page-with-sidebar .wdt-simple-style.wdt-post-entry.entry-right-thumb .blog-entry > div.entry-meta-group > div, #primary.page-with-sidebar .wdt-simple-style.wdt-post-entry.entry-right-thumb .blog-entry > div.entry-meta-group > div:nth-child(odd), #primary.page-with-sidebar .wdt-simple-style.wdt-post-entry.entry-right-thumb .blog-entry > div.entry-meta-group > div:nth-child(even) { margin-left: 0; margin-right: 25px; } #primary.page-with-sidebar .wdt-simple-style.wdt-post-entry.entry-right-thumb .blog-entry > div.entry-meta-group > div:not(:last-child):after { left: auto; right: -15px; } #primary.page-with-sidebar .wdt-simple-style.wdt-post-entry.entry-list-layout .blog-entry { margin-bottom: 50px; } #primary.page-with-sidebar .wdt-simple-style.wdt-post-entry.entry-list-layout .blog-entry > div.entry-meta-group > div:nth-child(odd), #primary.page-with-sidebar .wdt-simple-style.wdt-post-entry.entry-list-layout .blog-entry > div.entry-meta-group > div:nth-child(even) { margin-bottom: 5px; } #primary.page-with-sidebar .wdt-simple-style.wdt-post-entry.entry-list-layout:before { left: 0; } #primary.page-with-sidebar .wdt-simple-style.wdt-post-entry.entry-list-layout .blog-entry > div:nth-child(2) { margin-top: 25px; } #primary.page-with-sidebar .wdt-simple-style.wdt-post-entry.entry-list-layout .blog-entry > div:last-child { margin-bottom: 0; margin-top: 0; padding: 0 20px; } #primary.page-with-sidebar .wdt-simple-style.wdt-post-entry.entry-list-layout .blog-entry > div.entry-body:last-child p { margin-bottom: 0; } #primary.page-with-sidebar .wdt-simple-style.wdt-post-entry.entry-grid-layout .blog-entry > div.entry-meta-group > div, #primary.page-with-sidebar .wdt-simple-style.wdt-post-entry.entry-grid-layout .blog-entry > div.entry-meta-group > div:nth-child(odd), .wdt-simple-style.wdt-post-entry.entry-grid-layout .blog-entry > div.entry-meta-group > div:nth-child(even) { display: inline-block; float: none; margin-bottom: 0; } #primary.page-with-sidebar .wdt-simple-style.wdt-post-entry .blog-entry > div:not(.entry-thumb) { padding: 0; } #primary.page-with-sidebar .wdt-simple-style.wdt-post-entry .blog-entry > div.entry-meta-group > div.entry-social-share { margin-bottom: 10px; } #primary.page-with-sidebar .wdt-simple-style.wdt-post-entry.entry-grid-layout .blog-entry > div.entry-meta-group:not(:last-child), #primary.page-with-sidebar .wdt-simple-style.wdt-post-entry.entry-list-layout .blog-entry > div.entry-meta-group:not(:last-child) { margin-bottom: 0; } .wdt-simple-style.wdt-one-third.wdt-post-entry.entry-grid-layout .blog-entry > div.entry-meta-group > div:nth-child(even), .wdt-simple-style.wdt-one-third.wdt-post-entry.entry-grid-layout .blog-entry > div.entry-meta-group > div:nth-child(odd), #primary.page-with-sidebar .wdt-simple-style.wdt-one-third.wdt-post-entry.entry-grid-layout .blog-entry > div.entry-meta-group > div:nth-child(even), #primary.page-with-sidebar .wdt-simple-style.wdt-one-third.wdt-post-entry.entry-grid-layout .blog-entry > div.entry-meta-group > div:nth-child(odd) { display: inline-block; float: none; margin-bottom: 10px; width: auto; } #primary.page-with-sidebar .wdt-simple-style.wdt-one-third.wdt-post-entry.entry-grid-layout .blog-entry > div.entry-meta-group:last-child { margin-bottom: 25px; } .wdt-simple-style.wdt-post-entry.entry-grid-layout .blog-entry > div.entry-meta-group:last-child { margin-bottom: 25px; } .wdt-simple-style.wdt-post-entry.entry-grid-layout .blog-entry > div.entry-body p { margin-bottom: 0; } } @media ( max-width:1024px ) { .wdt-simple-style.wdt-post-entry.entry-list-layout .blog-entry > div:nth-child(2) { margin-top: 25px; } .wdt-simple-style.wdt-post-entry.entry-list-layout .blog-entry > div:last-child { margin-bottom: 0; } .wdt-simple-style.wdt-post-entry.entry-list-layout .blog-entry > div.entry-body:last-child p { margin-bottom: 0; } .wdt-simple-style.wdt-post-entry .blog-entry > div:not(.entry-thumb), .wdt-simple-style.wdt-post-entry.entry-list-layout .blog-entry > div.entry-meta-group, .wdt-simple-style.wdt-post-entry.entry-list-layout.entry-right-thumb .blog-entry > div.entry-meta-group { padding: 0 20px; } .wdt-simple-style.wdt-post-entry.entry-list-layout .blog-entry { margin-bottom: 10px; } .wdt-simple-style.wdt-post-entry.entry-list-layout .blog-entry > div:last-child, #primary.page-with-sidebar .wdt-simple-style.wdt-post-entry.entry-list-layout .blog-entry > div:last-child { margin-top: 0; padding: 0 20px; } #primary:not(.page-with-sidebar) .wdt-simple-style.wdt-post-entry.entry-list-layout .blog-entry > div.entry-meta-group:not(:last-child), #primary:not(.page-with-sidebar) .wdt-simple-style.wdt-post-entry.entry-list-layout .blog-entry > div.entry-body:last-child { margin-bottom: 10px; } .wdt-simple-style.wdt-post-entry.entry-list-layout:not(.entry-right-thumb) .blog-entry > .entry-thumb + div.entry-meta-group, .wdt-simple-style.wdt-post-entry.entry-list-layout:not(.entry-right-thumb) .blog-entry > div.entry-meta-group:first-child { width: 100%; } #primary:not(.page-with-sidebar) .wdt-simple-style.wdt-post-entry.entry-list-layout .blog-entry > .entry-thumb + div.entry-meta-group { margin-top: 25px; } .wdt-simple-style.wdt-post-entry.entry-list-layout .blog-entry .entry-thumb .blog-image > a, .wdt-simple-style.wdt-post-entry.entry-list-layout .blog-entry .entry-thumb .blog-image .bx-wrapper .entry-gallery-post-slider li { height: clamp(20.625rem, -1.875rem + 46.875vw, 28.125rem); /*450px - 330px*/ position: relative; } .wdt-simple-style.wdt-post-entry.entry-list-layout .blog-entry > div:not(.entry-thumb){padding: 0 0;} } /*----*****---- << Mobile (Landscape) >> ----*****----*/ /* Common Styles for the devices below 767px width */ @media only screen and (max-width: 767px) { .wdt-simple-style.wdt-post-entry.entry-grid-layout .blog-entry { margin-bottom: 10px; } .wdt-simple-style.wdt-post-entry .blog-entry > div.entry-meta-group > div, .wdt-simple-style.wdt-post-entry .blog-entry > div.entry-meta-group > div:nth-child(odd), .wdt-simple-style.wdt-post-entry .blog-entry > div.entry-meta-group > div:nth-child(even), .wdt-simple-style.wdt-post-entry.entry-right-thumb .blog-entry > div.entry-meta-group > div, .wdt-simple-style.wdt-post-entry.entry-right-thumb .blog-entry > div.entry-meta-group > div:nth-child(odd), .wdt-simple-style.wdt-post-entry.entry-right-thumb .blog-entry > div.entry-meta-group > div:nth-child(even) { display: inline-block; float: none; margin-left: 0; margin-right: 25px; } .wdt-simple-style.wdt-post-entry .blog-entry > div.entry-meta-group > div:last-child, .wdt-simple-style.wdt-post-entry .blog-entry > div.entry-meta-group > div:nth-child(odd):last-child, .wdt-simple-style.wdt-post-entry .blog-entry > div.entry-meta-group > div:nth-child(even):last-child, .wdt-simple-style.wdt-post-entry.entry-right-thumb .blog-entry > div.entry-meta-group > div, .wdt-simple-style.wdt-post-entry.entry-right-thumb .blog-entry > div.entry-meta-group > div:nth-child(odd):last-child, .wdt-simple-style.wdt-post-entry.entry-right-thumb .blog-entry > div.entry-meta-group > div:nth-child(even):last-child { margin-right: 0; } .wdt-simple-style.wdt-post-entry.entry-right-thumb .blog-entry > div.entry-meta-group > div:after, .wdt-simple-style.wdt-post-entry.entry-right-thumb .blog-entry > div.entry-meta-group > div:not(:last-child):after { left: auto; right: -15px; } .wdt-simple-style.wdt-post-entry .blog-entry > div.entry-meta-group > div.entry-social-share { margin-bottom: 10px; } #primary.page-with-sidebar .wdt-simple-style.wdt-post-entry.entry-grid-layout .blog-entry > div.entry-meta-group:not(:last-child), .wdt-simple-style.wdt-post-entry.entry-grid-layout .blog-entry > div.entry-meta-group:last-child { margin-bottom: 25px; margin-top: 0; } .wdt-simple-style.wdt-post-entry.entry-grid-layout .blog-entry > div.entry-meta-group:last-child { margin-bottom: 0; } #primary:not(.page-with-sidebar) .wdt-simple-style.wdt-post-entry.entry-grid-layout .blog-entry > .entry-thumb + div.entry-meta-group { margin-top: 25px; } .wdt-simple-style.wdt-post-entry.entry-list-layout .blog-entry .entry-thumb .blog-image > a, .wdt-simple-style.wdt-post-entry.entry-list-layout .blog-entry .entry-thumb .blog-image .bx-wrapper .entry-gallery-post-slider li { height: clamp(16.875rem, -1.9169rem + 93.9597vw, 43.125rem); /*690px - 270px*/ } } /*----*****---- << Mobile - Portrait >> ----*****----*/ /* Common Styles for the devices below 479px width */ @media only screen and (max-width: 479px) { .wdt-simple-style.wdt-post-entry.entry-grid-layout .blog-entry > div.entry-meta-group > div, .wdt-simple-style.wdt-post-entry.entry-grid-layout .blog-entry > div.entry-meta-group > div:nth-child(odd), .wdt-simple-style.wdt-post-entry.entry-grid-layout .blog-entry > div.entry-meta-group > div:nth-child(even) { margin-bottom: 5px; } }