/*----*****---- << 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.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; padding: 18px 40px; border-top: 1px solid var(--wdtBorderColor); display: flex; align-items: center; justify-content: space-between; } .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 rgba(var(--wdtHeadAltColorRgb),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: 0 25px 0 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; font-size: 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: 0;} .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; background-color: var(--wdtTertiaryColor); } .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 40px; 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: 15px 0 0 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:0;} .wdt-simple-style.wdt-post-entry .blog-entry > div.entry-thumb{margin-bottom:26px;} .wdt-simple-style.wdt-post-entry .blog-entry > div.entry-thumb img{box-shadow:0 30px 30px 0 rgba(var(--wdtHeadAltColorRgb),0.07);} .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;} .wdt-simple-style.wdt-post-entry:hover .blog-entry.has-post-thumbnail > div.entry-thumb:before{opacity:1;} .wdt-simple-style.wdt-post-entry .blog-entry .entry-title h4 { font-weight: var(--wdtFontWeight_Base); letter-spacing: 0; margin-bottom: 0; } .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: inline-block; float: none; font-size: var(--wdtFontSize_Base); font-weight: var(--wdtFontWeight_Ext); line-height: normal; margin: 0; padding: var(--wdtPadding_Btn); text-transform: capitalize; } .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; border-radius:10px 10px 0 0;} .wdt-simple-style.wdt-post-entry .blog-entry .entry-button a.wdt-button span{ display: inline-block; } /* btun icon style */ .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:static; width: auto; } .wdt-simple-style.wdt-post-entry .blog-entry .entry-title h4 span.sticky-post{ width:30px; height:30px; right:2px; top:2px; left:auto;} .wdt-simple-style.wdt-post-entry .blog-entry .entry-title h4 span.sticky-post > i:first-child{ font-size:18px; line-height: 0; color: var(--wdtHeadAltColor); } .wdt-simple-style.wdt-post-entry .blog-entry.sticky .entry-title h4 span.sticky-post + a { padding:0 0 0 0; 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 ------------------- */ /* btn icon style */ .wdt-simple-style.wdt-post-entry .blog-entry .entry-button a.wdt-button span svg { display: none; } .wdt-simple-style.wdt-post-entry .blog-entry .entry-button a.wdt-button span:before { content: '\f105'; position: relative; font-family: "HomefixEle Icons"; font-style: normal; font-weight: 600; font-size: 16px; transition: inherit; } /* featured list style */ .wdt-simple-style.wdt-post-entry.entry-grid-layout .blog-entry.sticky, .wdt-simple-style.wdt-post-entry.entry-grid-layout .blog-entry.tag-sticky-2 { background-color: transparent; box-shadow: 0 0 1px 3px var(--wdtPrimaryColor); -webkit-box-shadow: 0 0 1px 3px var(--wdtPrimaryColor); } .wdt-post-entry .blog-entry > div.entry-button { margin-top: 8px; } /* video format */ .blog-single-entry.post-minimal .blog-image .wdt-video-wrap .wp-video { width: 100% !important; } .blog-single-entry.post-minimal .blog-image .wdt-video-wrap .wp-video .mejs-overlay:hover > .mejs-overlay-button { background-color: transparent; } /* sticky icon */ .wdt-simple-style.wdt-post-entry .blog-entry .entry-title h4 span.sticky-post > i:first-child::before { margin-right: 0; } /* local test style */ .wdt-post-entry .blog-entry.product.type-product .entry-date, .wdt-post-entry .blog-entry.product.type-product .entry-button, .wdt-post-entry .blog-entry.product.type-product .entry-body, .wdt-post-entry .blog-entry.product.type-product .entry-meta-group, .wdt-radial-gradient-overlay .blog-entry.type-product .entry-thumb:after { display: none !important;} .wdt-simple-style.wdt-post-entry.entry-grid-layout .blog-entry.type-product { background-color: transparent; } .wdt-simple-style.wdt-post-entry .blog-entry.type-product > div.entry-thumb { margin-bottom: 0; } .wdt-radial-gradient-overlay .blog-entry.type-product .entry-thumb:after, .wdt-simple-style.wdt-post-entry .blog-entry.has-post-thumbnail.type-product > div.entry-thumb:before { display: none; } .wdt-post-entry .blog-entry.product.type-product .entry-title { margin: 10px 0 0 0; padding: 0; } .wdt-fadeinleft-hover .blog-entry.type-product .entry-thumb > a img { transform: unset; -webkit-transform: unset; width: 100%; } /* responsive */ @media (max-width:767px) { .wdt-posts-list-wrapper .pagination.blog-pagination { margin-top: 0; } } @media (max-width:400px) { .wdt-simple-style .format-standard .entry-meta-group { flex-direction: column; } .wdt-simple-style .format-standard .entry-meta-group .entry-date { margin: 0 0 10px 0; } .wdt-simple-style .format-standard .entry-meta-group .entry-likes-views { margin: 0; } } /* --------------------- custom style ------------------- */ /* featured list 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(--wdtSecondaryColor); } /*----*****---- << 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(--wdtHeadAltColor); } .wdt-simple-style.wdt-post-entry .blog-entry .entry-button a.wdt-button { box-shadow: 0 10px 20px 0 rgb(var(--wdtHeadAltColorRgb),.15); -webkit-box-shadow: 0 10px 20px 0 rgb(var(--wdtHeadAltColorRgb),.15); } .wdt-simple-style.wdt-post-entry .blog-entry .entry-button a.wdt-button:hover { color: var(--wdtAccentTxtColor); box-shadow: 5px 5px 5px 0 rgb(var(--wdtHeadAltColorRgb),.2); -webkit-box-shadow: 5px 5px 5px 0 rgb(var(--wdtHeadAltColorRgb),.2); } /*-------------------------------------------------------------- Accents --------------------------------------------------------------*/ /* Primary */ .wdt-simple-style.wdt-post-entry .blog-entry:hover .entry-button a.wdt-button span { color: inherit; } .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: transparent; } /*-------------------------------------------------------------- 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: 0; } .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: 30px; } .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: 0; margin-top: 15px; } .wdt-simple-style.wdt-post-entry.entry-grid-layout .blog-entry > div.entry-meta-group:last-child { margin-bottom: 0; } .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; } }