/*----*****---- << 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: 0; } .wdt-simple-style.wdt-post-entry .blog-entry > div.entry-body > p { margin: 0; } .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 .blog-entry > div:not(:first-child), .wdt-simple-style.wdt-post-entry.entry-cover-layout .blog-entry .entry-details > div:not(:first-child) { margin-bottom: 12px; } .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 { background-image: url(../images/simple-blog-pattern.png); background-repeat: repeat; 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: 70px; 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),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 var(--wdtBorderColor); } .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{ box-shadow: none; 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 35px; } .wdt-simple-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry > div:not(.entry-thumb):last-child { margin: 0 0 clamp(0.625rem, 0.3365rem + 1.2821vw, 1.875rem); } .wdt-simple-style.wdt-post-entry.entry-grid-layout .blog-entry .entry-body:empty { display: none !important; } /*==== Blog Simple Thumb Style ====*/ .wdt-simple-style.wdt-post-entry .blog-entry.has-post-thumbnail > div.entry-thumb { border: 1px solid var(--wdtBorderColor); } .wdt-simple-style.wdt-post-entry .blog-entry.has-post-thumbnail > div.entry-thumb img { transition: all 0.3s linear; filter: grayscale(0.4); } .wdt-simple-style.wdt-post-entry .blog-entry.has-post-thumbnail:hover > div.entry-thumb img { filter: grayscale(0); } .wdt-simple-style.wdt-post-entry .blog-entry > div.entry-thumb, .wdt-simple-style.wdt-post-entry .blog-entry > div.entry-thumb img { -webkit-border-radius: var(--wdtRadius_Zero); border-radius: var(--wdtRadius_Zero); will-change: transform; } .wdt-simple-style.wdt-post-entry .blog-entry > div.entry-thumb { margin-bottom: clamp(1.25rem, 1.1058rem + 0.641vw, 1.875rem); } .wdt-simple-style.wdt-post-entry .blog-entry.has-post-thumbnail > div.entry-thumb:before { content:""; background-color: rgba(0, 0, 0,0.1); width: 100%; border-radius: inherit; height: 100%; position: absolute; left: 0; top: 0; transition: all 0.3s linear; opacity: 0; display: inline-block; pointer-events: none; } .wdt-simple-style.wdt-post-entry:hover .blog-entry.has-post-thumbnail > div.entry-thumb:before { opacity:1; } /*==== Blog Simple Date Style ====*/ .wdt-simple-style.wdt-post-entry article.blog-entry > .entry-date { font-size: var(--wdtFontSize_Base); } .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:not(.entry-cover-layout) .blog-entry > div.entry-date > i { display: none; } /*==== Blog Simple Title Style ====*/ .wdt-simple-style.wdt-post-entry .blog-entry .entry-title h4 { letter-spacing: 0; margin-bottom: 0; position: relative; } .wdt-simple-style.wdt-post-entry .blog-entry .entry-title h4 { display: inline; /*font-weight: var(--wdtFontWeight_Ext);*/ margin-bottom: 0; position: relative; } .wdt-simple-style.wdt-post-entry .blog-entry .entry-title h4 a { display: inline; position: relative; top: 0; } .wdt-simple-style.wdt-post-entry .blog-entry div.entry-title h4 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; } .wdt-simple-style.wdt-post-entry .blog-entry div.entry-title h4 a:hover { background-size: 100% 1px; } /*==== Blog Simple Button Style ====*/ .wdt-simple-style.wdt-post-entry .blog-entry .entry-button a.wdt-button { position: relative; margin: 6px 0 0; background: transparent !important; padding: 0; text-transform: uppercase; font-family: var(--wdtFontTypo_Base); letter-spacing: var(--wdtLetterSpacing_1X); font-size: var(--wdtFontSize_Ext); font-weight: var(--wdtFontWeight_Base); -webkit-transition: var(--wdt-Ad-Transition); transition: var(--wdt-Ad-Transition); color: var(--wdtLinkColor); } .wdt-simple-style.wdt-post-entry .blog-entry .entry-button a.wdt-button:focus, .wdt-simple-style.wdt-post-entry .blog-entry .entry-button a.wdt-button:hover { color: var(--wdtLinkHoverColor); } .wdt-simple-style.wdt-post-entry .blog-entry .entry-button a.wdt-button:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background-color: currentColor; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition: transform var(--wdt-Ad-Transition); transition: transform var(--wdt-Ad-Transition); -webkit-transform-origin: bottom right; transform-origin: bottom right; } .wdt-simple-style.wdt-post-entry .blog-entry .entry-button a.wdt-button:focus:before, .wdt-simple-style.wdt-post-entry .blog-entry .entry-button a.wdt-button:hover:before { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: bottom left; transform-origin: bottom left; } .wdt-simple-style.wdt-post-entry .blog-entry .entry-button a.wdt-button:after { margin: auto 0; border-radius: 50%; pointer-events: none; content: ""; position: absolute; width: 14px; height: 14px; border: 1px solid currentColor; top: 0; bottom: 0; right: -28px; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: var(--wdt-Ad-Transition); transition: var(--wdt-Ad-Transition); } .wdt-simple-style.wdt-post-entry .blog-entry .entry-button a.wdt-button:focus:after, .wdt-simple-style.wdt-post-entry .blog-entry .entry-button a.wdt-button:hover:after { border-radius: 0%; right: -24px; border: none; border-top: 14px solid transparent; border-right: 14px solid currentColor; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } /*==== Blog Simple Button Style - End ====*/ .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{ display: none; } .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: 5px; left: 0; } .wdt-simple-style.wdt-post-entry .blog-entry .entry-title h4 span.sticky-post > i:first-child { font-size:12px; top: 13px;} .wdt-simple-style.wdt-post-entry .blog-entry[class*="sticky"] .entry-title h4 span.sticky-post + a, .wdt-simple-style.wdt-post-entry .blog-entry.sticky .entry-title h4 span.sticky-post + a { margin: 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; } /*-------------------------------------------------------------- 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(--wdtLinkHoverColor); } /*----*****---- << Light >> ----*****----*/ /* .wdt-simple-style.wdt-post-entry .blog-entry .entry-button a.wdt-button, */ .wdt-simple-style.wdt-post-entry .blog-entry .entry-format a:hover { color: var(--wdtAccentTxtColor); } /*-------------------------------------------------------------- Accents --------------------------------------------------------------*/ /* Primary */ .wdt-simple-style.wdt-post-entry .blog-entry:hover .entry-button a.wdt-button span { color: var(--wdtPrimaryColor); } .wdt-simple-style.wdt-post-entry .blog-entry .entry-format a:hover { background-color: var(--wdtPrimaryColor); } /* Secondary */ .wdt-simple-style.wdt-post-entry .blog-entry:hover .entry-button a.wdt-button:hover span { background-color: var(--wdtSecondaryColor); } /* New Blog Style */ div:not(.wdt-post-list-carousel-container) > .wdt-simple-style-border { border: 1px solid var(--wdtBorderColor); overflow: hidden; } div:not(.wdt-post-list-carousel-container) > .wdt-simple-style-border .tpl-blog-holder { margin: -2px; } div:not(.wdt-post-list-carousel-container) > .wdt-simple-style-border .tpl-blog-holder .wdt-simple-style.wdt-post-entry.column { padding: 40px; } div:not(.wdt-post-list-carousel-container) > .wdt-simple-style-border .wdt-simple-style.wdt-post-entry.column .blog-entry { position: relative; } div:not(.wdt-post-list-carousel-container) > .wdt-simple-style-border .wdt-simple-style.wdt-post-entry.column .blog-entry:after { pointer-events: none; content: ""; position: absolute; left: -40px; top: 0px; height: 100%; width: 1px; background-color: var(--wdtBorderColor); } .wdt-simple-style-border .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 > div.entry-meta-group { border-bottom: 1px solid var(--wdtPrimaryColor); width: 100%; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 14px; } .wdt-simple-style.wdt-post-entry:not(.entry-cover-layout) .blog-entry > div.entry-meta-group { padding: 0 0 5px; } .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(2n+1), .wdt-simple-style.wdt-post-entry .blog-entry > div.entry-meta-group > div:nth-child(2n) { margin-top: 0; margin-bottom: 5px; } .wdt-simple-style.wdt-post-entry .blog-entry > div.entry-meta-group div i { color: var(--wdtTertiaryColor); } .wdt-simple-style.wdt-post-entry .blog-entry > div.entry-meta-group div, .wdt-simple-style.wdt-post-entry .blog-entry .entry-social-share .share > i { color: var(--wdtHeadAltColor); } /*==== Framework update ====*/ .wdt-simple-style.wdt-post-entry .blog-entry.format-link > div[class*="entry-"]:not(.entry-title) .entry-link-wrapper { display: inline-flex; align-items: baseline; margin: 1em 0; position: relative; } .wdt-simple-style.wdt-post-entry .blog-entry.format-link > div[class*="entry-"]:not(.entry-title) .entry-link-wrapper .entry-link-url { height: 100%; position: absolute; left: 0; top: 0; width: 100%; } .wdt-simple-style.wdt-post-entry .blog-entry.format-link > div[class*="entry-"]:not(.entry-title) .entry-link-wrapper:hover .link-author { color: var(--wdtTertiaryColor); } .wdt-simple-style.wdt-post-entry .blog-entry.format-quote > div[class*="entry-thumb"] .entry-quote-inner .wdticon-quote-left { display: none; } .wdt-simple-style.wdt-post-entry .blog-entry.format-link > div[class*="entry-thumb"] .entry-link-inner, .wdt-simple-style.wdt-post-entry .blog-entry.format-quote > div[class*="entry-thumb"] .entry-quote-inner { border-color: rgba(var(--wdtBorderColorRgb),1); border-width: 0 0 2px; border-style: solid; padding-bottom: 10px; padding-top: 10px; } .wdt-simple-style.wdt-post-entry .blog-entry.format-quote > div[class*="entry-thumb"] .entry-quote-inner a { box-shadow: inset 0 -1px 0 currentColor; } .wdt-simple-style.wdt-post-entry .blog-entry.format-link > div[class*="entry-thumb"], .wdt-simple-style.wdt-post-entry .blog-entry.format-quote > div[class*="entry-thumb"] { margin-bottom: 30px; -webkit-border-radius: var(--wdtRadius_Zero); border-radius: var(--wdtRadius_Zero); } .wdt-simple-style.wdt-post-entry .blog-entry.format-link > div[class*="entry-thumb"]:after, .wdt-simple-style.wdt-post-entry .blog-entry.format-quote > div[class*="entry-thumb"]:after { display: none; } /* Framework Ajax product */ .wdt-simple-style.wdt-post-entry .blog-entry.product.type-product > div.entry-meta-group, .wdt-simple-style.wdt-post-entry .blog-entry.product.type-product > div.entry-date, .wdt-simple-style.wdt-post-entry .blog-entry.product.type-product > div.entry-button { display: none !important; } /*-------------------------------------------------------------- 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: 25px; 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 20px; } */ #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; } } /*----*****---- << 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: 0; } .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.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: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 .blog-entry > div.entry-meta-group > div.entry-social-share { margin-bottom: 10px; } .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-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: 18px; margin-top: 0; } .wdt-simple-style.wdt-post-entry.entry-grid-layout .blog-entry > div.entry-meta-group:last-child { margin-bottom: 18px; } .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, #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: 300px; position: relative;} .wdt-simple-style.wdt-post-entry.entry-list-layout .blog-entry > div:not(.entry-thumb){ padding: 0 20px; } } /*----*****---- << 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; } } /*==== AT Rules (Responsive Style) ====*/ @media (max-width: 1540px) { div:not(.wdt-post-list-carousel-container) > .wdt-simple-style-border .tpl-blog-holder .wdt-simple-style.wdt-post-entry.column { padding: 30px; } div:not(.wdt-post-list-carousel-container) > .wdt-simple-style-border .wdt-simple-style.wdt-post-entry.column .blog-entry:after { left: -30px; } } @media (max-width: 1280px) { div:not(.wdt-post-list-carousel-container) > .wdt-simple-style-border { padding-bottom: 18px; } div:not(.wdt-post-list-carousel-container) > .wdt-simple-style-border .tpl-blog-holder .wdt-simple-style.wdt-post-entry.column { padding: 20px; } div:not(.wdt-post-list-carousel-container) > .wdt-simple-style-border .wdt-simple-style.wdt-post-entry.column .blog-entry:after { left: -20px; } }