span { padding: 5px 0 6px 7px; } .td-grid-style-4 .td-module-meta-info > span span { margin: 0 -2px 0 2px; display: inline-block; } .td-grid-style-4 .td-module-meta-info > span:last-child { padding-right: 7px; } @media (max-width: 767px) { .td-grid-style-4 .td-module-meta-info { display: none; } } .td-grid-style-4 .td-big-thumb .td-meta-info-container { width: 80%; /* responsive portrait phone */ } @media (max-width: 767px) { .td-grid-style-4 .td-big-thumb .td-meta-info-container { width: 100%; } } .td-grid-style-4 .td-big-thumb .td-post-category { margin-bottom: 0; display: table; } .td-grid-style-4 .td-big-thumb .td-module-meta-info { margin: 0; } .td-grid-style-4 .td-big-thumb .entry-title { font-size: 28px; line-height: 35px; font-weight: 500; padding: 3px 8px 6px; } .td-grid-style-4 .td-medium-thumb .entry-title { font-size: 24px; line-height: 30px; font-weight: 500; padding: 4px 11px 6px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-grid-style-4 .td-medium-thumb .entry-title { padding: 5px 7px 6px; } } .td-grid-style-4 .td-medium-thumb .td-post-category { margin-bottom: 0; display: table; } .td-grid-style-4 .td-small-thumb .td-post-category { margin-bottom: 0; display: table; } .td-grid-style-4 .td-small-thumb .td-module-meta-info { margin: 0; } .td-grid-style-4 .td-small-thumb .entry-title { font-size: 16px; line-height: 21px; font-weight: 500; padding: 5px 7px 6px; } .td-grid-style-4 .td-tiny-thumb .td-big-grid-meta { margin: 0 10px 10px 14px; } .td-grid-style-4 .td-tiny-thumb .entry-title { font-size: 15px; line-height: 17px; font-weight: 500; padding: 5px 7px 6px; margin-right: 3px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-grid-style-4 .td-tiny-thumb .entry-title { margin-right: 0; } } .td-grid-style-4 .td-tiny-thumb .td-post-category { font-size: 9px; font-weight: 600; padding: 3px 5px; line-height: 1; margin-bottom: 0; display: table; } .td-grid-style-4 .td-tiny-thumb .td-big-grid-meta { margin: 0; } .td-grid-style-4.td-hover-1 .td-module-thumb .entry-thumb { transition: transform 0.3s ease, opacity 0.3s; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s; } .td-grid-style-4.td-hover-1 .td-big-grid-post:hover .entry-thumb { transform: scale3d(1.1, 1.1, 1); -webkit-transform: scale3d(1.1, 1.1, 1); -moz-transform: scale3d(1.1, 1.1, 1) rotate(0.02deg); } /* Style 5 */ .td-grid-style-5 .td-meta-info-container { top: 0; bottom: 0; text-align: center; margin: 0; font-size: 0; width: 100%; } .td-grid-style-5 .td-meta-info-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .td-grid-style-5 .td-big-grid-post.td-big-thumb .td-big-grid-meta { font-size: 34px; } .td-grid-style-5 .td-meta-align { display: inline-block; vertical-align: middle; } .td-grid-style-5 .td-module-meta-info { margin-left: 0; margin-right: 0; margin-bottom: 0; } .td-grid-style-5 .td-module-thumb a:last-child:before { bottom: 0; content: ""; display: block; height: 100%; width: 100%; position: absolute; background-color: rgba(0, 0, 0, 0.6); z-index: 1; } .td-grid-style-5 .td-post-category { background-color: rgba(0, 0, 0, 0.7); margin-top: 0; } .td-grid-style-5 .td-big-thumb .td-meta-info-container { padding: 0 30px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-grid-style-5 .td-big-thumb .td-meta-info-container { padding: 0 15px; } } .td-grid-style-5 .td-big-thumb .entry-title { font-size: 28px; line-height: 36px; /* responsive */ } @media (max-width: 1140px) { .td-grid-style-5 .td-big-thumb .entry-title { font-weight: 500; } } .td-grid-style-5 .td-medium-thumb .td-meta-info-container { padding: 0 25px; } .td-grid-style-5 .td-medium-thumb .entry-title { font-size: 24px; line-height: 30px; font-weight: 500; } .td-grid-style-5 .td-small-thumb .td-meta-info-container { padding: 0 15px; } .td-grid-style-5 .td-small-thumb .entry-title { margin-top: 2px; font-size: 16px; line-height: 21px; font-weight: 500; } .td-grid-style-5 .td-tiny-thumb .td-big-grid-meta { padding: 0 10px; } .td-grid-style-5 .td-tiny-thumb .entry-title { font-size: 15px; line-height: 17px; font-weight: 500; } .td-grid-style-5 .td-tiny-thumb .entry-title a { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } .td-grid-style-5 .td-tiny-thumb .td-post-category { font-size: 9px; font-weight: 600; padding: 3px 5px; line-height: 1; } .td-grid-style-5 .td-video-play-ico { top: 20px; left: auto; right: 20px; transform: none; -webkit-transform: none; } .td-grid-style-5.td-hover-1 .td-module-thumb a:last-child:before { -webkit-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; } .td-grid-style-5.td-hover-1 .td-module-thumb .entry-thumb { transition: transform 0.3s ease, opacity 0.3s; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s; } .td-grid-style-5.td-hover-1 .td-post-category { background-color: rgba(0, 0, 0, 0.7); -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .td-grid-style-5.td-hover-1 .td-big-grid-post:hover .td-module-thumb a:last-child:before { box-shadow: inset 0 0 50px 0 rgba(0, 0, 0, 0.75); } .td-grid-style-5.td-hover-1 .td-big-grid-post:hover .entry-thumb { transform: scale3d(1.1, 1.1, 1); -webkit-transform: scale3d(1.1, 1.1, 1); -moz-transform: scale3d(1.1, 1.1, 1) rotate(0.02deg); } .td-grid-style-5.td-hover-1 .td-big-grid-post:hover .td-post-category { background-color: var(--td_theme_color, #4db2ec); } /* Style 6 */ .td-grid-style-6 .td-meta-info-container { top: 0; bottom: 0; text-align: center; margin: 0; font-size: 0; width: 100%; } .td-grid-style-6 .td-meta-info-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .td-grid-style-6 .td-big-grid-meta { position: relative; text-align: center; padding: 0 10%; /* responsive portrait phone */ } @media (max-width: 767px) { .td-grid-style-6 .td-big-grid-meta { padding: 0 4%; } } .td-grid-style-6 .td-big-grid-post .td-big-grid-meta .entry-title { display: inline-block; width: 100%; font-weight: 300; margin-bottom: 0 !important; } .td-grid-style-6 .td-big-grid-post .entry-title { text-transform: uppercase; } .td-grid-style-6 .td-big-grid-post.td-big-thumb .td-big-grid-meta { font-size: 34px; } .td-grid-style-6 .td-big-grid-wrapper .td-big-grid-post .td-big-grid-meta { margin: 0; } .td-grid-style-6 .td-meta-align { display: inline-block; vertical-align: middle; } .td-grid-style-6 .td-big-grid-post .td-module-meta-info { margin-left: 0; margin-right: 0; margin-bottom: 0; } .td-grid-style-6 .td-module-thumb a:last-child:before { content: ''; width: 100%; height: 100%; position: absolute; z-index: 1; background-color: #000; opacity: 0.7; top: 0; } .td-grid-style-6 .td-post-category { -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s; transition: background-color 0.35s ease 0s, color 0.35s ease 0s; } .td-grid-style-6 .td-post-category:hover { background-color: #fff; color: #000; } .td-grid-style-6 .td-big-grid-post .td-post-category { font-size: 10px; padding: 2px 6px; line-height: 13px; margin-bottom: 10px; } .td-grid-style-6 .td-video-play-ico { /* responsive portrait phone */ } @media (max-width: 767px) { .td-grid-style-6 .td-video-play-ico { display: none; } } .td-grid-style-6 .td-video-play-ico img { top: 10px !important; bottom: auto; left: auto; right: 10px; width: 30px; } .td-grid-style-6 .td-big-thumb .entry-title { font-size: 37px; line-height: 45px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-grid-style-6 .td-big-thumb .entry-title { font-size: 22px !important; line-height: 26px !important; } } @media (max-width: 767px) { .td-grid-style-6 .td-big-thumb .entry-title { font-size: 26px !important; line-height: 28px !important; } } .td-grid-style-6 .td-medium-thumb .entry-title { font-size: 24px; line-height: 28px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-grid-style-6 .td-medium-thumb .entry-title { font-size: 18px !important; line-height: 21px !important; } } @media (max-width: 767px) { .td-grid-style-6 .td-medium-thumb .entry-title { font-size: 20px !important; line-height: 24px !important; } } .td-grid-style-6 .td-small-thumb .entry-title { font-size: 18px; line-height: 22px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-grid-style-6 .td-small-thumb .entry-title { font-size: 13px !important; line-height: 15px !important; } } .td-grid-style-6 .td-small-thumb .td-module-comments { display: none; } .td-grid-style-6 .td-tiny-thumb .entry-title { font-size: 14px; line-height: 18px; font-weight: 400; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-grid-style-6 .td-tiny-thumb .entry-title { font-size: 13px !important; line-height: 16px !important; } } @media (max-width: 767px) { .td-grid-style-6 .td-tiny-thumb .entry-title { font-size: 11px !important; line-height: 13px !important; margin: 5px 0; } } .td-grid-style-6 .td-tiny-thumb .td-post-category, .td-grid-style-6 .td-tiny-thumb .td-module-comments { display: none; } .td-grid-style-6 .td-tiny-thumb .td-module-meta-info { /* responsive portrait tablet */ } @media (max-width: 1018px) { .td-grid-style-6 .td-tiny-thumb .td-module-meta-info { display: none; } } .td-grid-style-6 .td-big-grid-scroll .td-big-grid-post .td-meta-info-container .entry-title { /* responsive portrait phone */ } @media (max-width: 767px) { .td-grid-style-6 .td-big-grid-scroll .td-big-grid-post .td-meta-info-container .entry-title { font-size: 16px !important; line-height: 21px !important; } } .td-grid-style-6.td-hover-1 { /* responsive desktop - disable all effects on devices */ } @media (min-width: 1025px) { .td-grid-style-6.td-hover-1 .entry-thumb { -webkit-transition: transform 0.6s ease 0s; transition: transform 0.6s ease 0s; transform: scale(1.1); -webkit-transform: scale(1.1); } .td-grid-style-6.td-hover-1 .td-module-thumb:after { content: ''; width: 100%; height: 100%; position: absolute; z-index: 1; background-color: var(--td_theme_color, #4db2ec); opacity: 0; top: 0; left: 0; pointer-events: none; -webkit-transition: opacity 0.4s ease 0.2s; transition: opacity 0.4s ease 0.2s; } .td-grid-style-6.td-hover-1 .td-module-thumb a:last-child:after { position: absolute; top: 0; left: 0; width: 160%; height: 100%; background: rgba(255, 255, 255, 0.2); content: ''; z-index: 1; transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0); -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0); } .td-grid-style-6.td-hover-1 .td-module-comments { -webkit-transition: opacity 0.6s ease 0s; transition: opacity 0.6s ease 0s; opacity: 0; } .td-grid-style-6.td-hover-1 .td-big-grid-post:hover .entry-thumb { transform: scale(1); -webkit-transform: scale(1); } .td-grid-style-6.td-hover-1 .td-big-grid-post:hover .td-module-comments { opacity: 1; } .td-grid-style-6.td-hover-1 .td-big-grid-post:hover .td-module-thumb a:last-child:after { -webkit-transition: transform 0.7s ease 0s; transition: transform 0.7s ease 0s; transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 146%, 0); -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 146%, 0); } .td-grid-style-6.td-hover-1 .td-big-grid-post:hover .td-module-thumb:after { opacity: 0.3; } } /* Style 7 */ .td-grid-style-7 .td-video-play-ico img { top: auto; left: auto; width: 30px; right: 10px; bottom: 10px; } .td-grid-style-7 .td-big-grid-post .entry-title a { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); } .td-grid-style-7 .td-big-grid-post .td-post-category { background-color: transparent; padding: 0 !important; position: absolute; bottom: 17px; text-transform: none; margin: 0 !important; font-size: 12px !important; line-height: 14px !important; /* responsive portrait tablet */ } @media (max-width: 1018px) { .td-grid-style-7 .td-big-grid-post .td-post-category { bottom: 10px; } } .td-grid-style-7 .td-big-grid-post .td-post-category:hover { background-color: transparent; } .td-grid-style-7 .td-module-meta-info { /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-grid-style-7 .td-module-meta-info { margin-left: 17px !important; } } @media (max-width: 767px) { .td-grid-style-7 .td-module-meta-info { margin-left: 14px !important; } } .td-grid-style-7 .td-meta-info-container { top: 0; height: 100%; } .td-grid-style-7 .td-big-grid-post .td-big-grid-meta { padding-bottom: 0 !important; } .td-grid-style-7 .td-big-grid-scroll .td-big-grid-post .td-meta-align .td-big-grid-meta { /* responsive portrait phone */ } @media (max-width: 767px) { .td-grid-style-7 .td-big-grid-scroll .td-big-grid-post .td-meta-align .td-big-grid-meta { padding: 10px 14px; } } .td-grid-style-7 .td-big-grid-scroll .td-big-grid-post .td-meta-align .td-big-grid-meta .entry-title { /* responsive portrait phone */ } @media (max-width: 767px) { .td-grid-style-7 .td-big-grid-scroll .td-big-grid-post .td-meta-align .td-big-grid-meta .entry-title { font-size: 16px !important; line-height: 19px !important; } } .td-grid-style-7 .td-big-thumb .td-big-grid-meta { padding: 20px 26px 14px 20px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-grid-style-7 .td-big-thumb .td-big-grid-meta { padding: 12px 17px 11px; } } @media (max-width: 767px) { .td-grid-style-7 .td-big-thumb .td-big-grid-meta { padding: 14px; } } .td-grid-style-7 .td-big-thumb .entry-title { font-size: 30px; line-height: 36px; font-weight: 700; margin-bottom: 7px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-grid-style-7 .td-big-thumb .entry-title { font-size: 24px !important; line-height: 28px !important; } } @media (max-width: 767px) { .td-grid-style-7 .td-big-thumb .entry-title { font-size: 26px !important; line-height: 30px !important; margin-bottom: 5px; } } .td-grid-style-7 .td-medium-thumb .td-big-grid-meta { padding: 20px 26px 14px 20px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-grid-style-7 .td-medium-thumb .td-big-grid-meta { padding: 12px 20px 11px 17px; } } @media (max-width: 767px) { .td-grid-style-7 .td-medium-thumb .td-big-grid-meta { padding: 12px 14px 10px; } } .td-grid-style-7 .td-medium-thumb .entry-title { font-size: 26px; line-height: 32px; font-weight: 700; margin-bottom: 7px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-grid-style-7 .td-medium-thumb .entry-title { font-size: 16px !important; line-height: 20px !important; margin-bottom: 5px; } } @media (max-width: 767px) { .td-grid-style-7 .td-medium-thumb .entry-title { font-size: 20px !important; line-height: 26px !important; margin-bottom: 5px; } } .td-grid-style-7 .td-small-thumb .td-big-grid-meta { padding: 14px 20px 10px; margin: 0 !important; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-grid-style-7 .td-small-thumb .td-big-grid-meta { padding: 12px 17px 5px; } } @media (max-width: 767px) { .td-grid-style-7 .td-small-thumb .td-big-grid-meta { padding: 10px 14px; } } .td-grid-style-7 .td-small-thumb .td-module-meta-info { /* responsive portrait tablet */ } @media (max-width: 1018px) { .td-grid-style-7 .td-small-thumb .td-module-meta-info { display: none; } } .td-grid-style-7 .td-small-thumb .entry-title { font-size: 18px; line-height: 24px; font-weight: 700; margin-bottom: 6px; /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 1019px) and (max-width: 1140px) { .td-grid-style-7 .td-small-thumb .entry-title { font-size: 18px !important; line-height: 24px !important; } } @media (min-width: 768px) and (max-width: 1018px) { .td-grid-style-7 .td-small-thumb .entry-title { font-size: 14px !important; line-height: 18px !important; } } @media (max-width: 767px) { .td-grid-style-7 .td-small-thumb .entry-title { font-size: 19px !important; line-height: 23px !important; } } .td-grid-style-7 .td-small-thumb .td-post-category { /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-grid-style-7 .td-small-thumb .td-post-category { display: inline; } } .td-grid-style-7 .td-small-thumb .td-module-comments { display: none; } .td-grid-style-7 .td-tiny-thumb .td-big-grid-meta { padding: 4px 16px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-grid-style-7 .td-tiny-thumb .td-big-grid-meta { padding: 4px 14px; } } @media (max-width: 767px) { .td-grid-style-7 .td-tiny-thumb .td-big-grid-meta { padding: 2px 10px 0; } } .td-grid-style-7 .td-tiny-thumb .entry-title { font-size: 16px; line-height: 21px; font-weight: 600; margin-top: 6px; margin-bottom: 7px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-grid-style-7 .td-tiny-thumb .entry-title { font-size: 12px !important; line-height: 13px !important; } } @media (max-width: 767px) { .td-grid-style-7 .td-tiny-thumb .entry-title { font-size: 12px !important; line-height: 15px !important; } } .td-grid-style-7 .td-tiny-thumb .td-module-meta-info, .td-grid-style-7 .td-tiny-thumb .td-module-comments { display: none; } .td-grid-style-7 .td-module-thumb a:last-child:before, .td-grid-style-7 .td-big-grid-post .td-module-thumb a:last-child:after { content: ''; width: 100%; height: 100%; position: absolute; z-index: 1; top: 0; } .td-grid-style-7 .td-module-thumb a:last-child:after { -webkit-box-shadow: inset 0 0 16px 4px #000000; -moz-box-shadow: inset 0 0 16px 4px #000000; box-shadow: inset 0 0 16px 4px #000000; opacity: 0.15; } .td-grid-style-7 .td-big-grid-post-0 .td-module-thumb a:last-child:before { opacity: 0.6; background: #410cbc; background: -webkit-gradient(left bottom, right top, color-stop(0%, #410cbc), color-stop(100%, #ff6f31)); background: -webkit-linear-gradient(20deg, #410cbc 0%, #ff6f31 100%); background: linear-gradient(20deg, #410cbc 0%, #ff6f31 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#410cbc', endColorstr='#ff6f31', GradientType=1); } .td-grid-style-7 .td-big-grid-post-1 .td-module-thumb a:last-child:before { opacity: 0.6; background: #f4880d; background: -webkit-gradient(left bottom, right top, color-stop(0%, #f4880d), color-stop(100%, #70ff99)); background: -webkit-linear-gradient(20deg, #f4880d 0%, #70ff99 100%); background: linear-gradient(20deg, #f4880d 0%, #70ff99 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4880d', endColorstr='#70ff99', GradientType=1); } .td-grid-style-7 .td-big-grid-post-2 .td-module-thumb a:last-child:before { opacity: 0.6; background: #c40f79; background: -webkit-gradient(left bottom, right top, color-stop(0%, #c40f79), color-stop(100%, #7ebfff)); background: -webkit-linear-gradient(20deg, #c40f79 0%, #7ebfff 100%); background: linear-gradient(20deg, #c40f79 0%, #7ebfff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c40f79', endColorstr='#7ebfff', GradientType=1); } .td-grid-style-7.td_block_big_grid_3 .td-big-grid-post-2 .td-module-thumb a:last-child:before, .td-grid-style-7.td_block_big_grid_4 .td-big-grid-post-2 .td-module-thumb a:last-child:before, .td-grid-style-7.td_block_big_grid_5 .td-big-grid-post-2 .td-module-thumb a:last-child:before, .td-grid-style-7.td_block_big_grid_10 .td-big-grid-post-2 .td-module-thumb a:last-child:before, .td-grid-style-7.td_block_big_grid_12 .td-big-grid-post-2 .td-module-thumb a:last-child:before, .td-grid-style-7 .td-big-grid-post-3 .td-module-thumb a:last-child:before, .td-grid-style-7 .td-big-grid-post-7 .td-module-thumb a:last-child:before { opacity: 0.6; background: #0016be; background: -webkit-gradient(left bottom, right top, color-stop(0%, #0016be), color-stop(100%, #2aec74)); background: -webkit-linear-gradient(20deg, #0016be 0%, #