Links on Performance IV | CSS-Tricks

Your email address will not be published. Required fields are marked *

Comment </p> <p class="comment-form-author"><label for="author">Name <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" required="required"/></p> <p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" required="required"/></p> <p class="comment-form-url"><label for="url">Website</label> <input id="url" name="url" type="text" value="" size="30" maxlength="200"/></p> <p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes"/> <label for="wp-comment-cookies-consent">Save my name, email, and website in this browser for the next time I comment.</label></p> <p><input type="hidden" name="_mc4wp_subscribe_wp-comment-form" value="0"/></p> <p class=" mc4wp-checkbox mc4wp-checkbox-wp-comment-form"><label><input type="checkbox" name="_mc4wp_subscribe_wp-comment-form" value="1" checked="checked"/><span>Get the CSS-Tricks newsletter</span></label></p> <p class="antispam-group antispam-group-q" style="clear: both;"> <label>Copy and paste this code: <strong class="antspmpro-input-a">micuno</strong> <span class="required">*</span></label><br /> <input type="hidden" name="antspmpro-a" class="antispam-control antispam-control-a" value="micuno"/><br /> <input type="text" name="antspmpro-q-luwele" class="antispam-control antispam-control-q" value="4.1"/> </p> <p class="antispam-group antispam-group-e" style="display: none;"> <label>Leave this field empty</label><br /> <input type="text" name="antspmpro-e-email-url-website-luwele" class="antispam-control antispam-control-e" value=""/> </p> <p><input type="hidden" id="ak_js" name="ak_js" value="105"/><textarea name="ak_hp_textarea" cols="45" rows="8" maxlength="100" style="display: none !important;"/></form> </p></div> <p><br /> <br /><a href="https://css-tricks.com/links-on-performance-iv/">Source link </a></p> </div> </div> </div> <div class="td-pb-span4 td-main-sidebar" role="complementary"> <div class="td-ss-main-sidebar"> </div> </div> </div> </div> </div> <div class="td-footer-template-wrap" style="position: relative"> <div class="td-footer-wrap "> <div id="tdi_84" class="tdc-zone"><div class="tdc_zone tdi_85 wpb_row td-pb-row tdc-element-style" > <style scoped> /* custom css */ .tdi_85{ min-height: 0; }.tdi_85 > .td-element-style:after{ content: '' !important; width: 100% !important; height: 100% !important; position: absolute !important; top: 0 !important; left: 0 !important; z-index: 0 !important; display: block !important; background-color: #eaeaea !important; } </style> <div class="tdi_84_rand_style td-element-style" ></div><div id="tdi_86" class="tdc-row stretch_row_1400 td-stretch-content"><div class="vc_row tdi_87 wpb_row td-pb-row" > <style scoped> /* custom css */ .tdi_87, .tdi_87 .tdc-columns{ min-height: 0; }.tdi_87, .tdi_87 .tdc-columns{ display: block; }.tdi_87 .tdc-columns{ width: 100%; } /* inline tdc_css att */ .tdi_87{ padding-top:30px !important; } .tdi_87 .td_block_wrap{ text-align:left } </style><div class="vc_column tdi_89 wpb_column vc_column_container tdc-column td-pb-span12"> <style scoped> /* custom css */ .tdi_89{ vertical-align: baseline; }.tdi_89 > .wpb_wrapper, .tdi_89 > .wpb_wrapper > .tdc-elements{ display: block; }.tdi_89 > .wpb_wrapper > .tdc-elements{ width: 100%; }.tdi_89 > .wpb_wrapper > .vc_row_inner{ width: auto; }.tdi_89 > .wpb_wrapper{ width: auto; height: auto; } </style><div class="wpb_wrapper"><div class="vc_row_inner tdi_91 vc_row vc_inner wpb_row td-pb-row" > <style scoped> /* custom css */ .tdi_91{ position: relative !important; top: 0; transform: none; -webkit-transform: none; }.tdi_91, .tdi_91 .tdc-inner-columns{ display: block; }.tdi_91 .tdc-inner-columns{ width: 100%; } /* inline tdc_css att */ .tdi_91{ margin-right:0px !important; margin-bottom:30px !important; margin-left:0px !important; border-color:#000000 !important; border-style:solid !important; border-width: 0px 0px 3px 0px !important; } .tdi_91 .td_block_wrap{ text-align:left } /* landscape */ @media (min-width: 1019px) and (max-width: 1140px) { .tdi_91{ margin-bottom:25px !important; } } /* phone */ @media (max-width: 767px) { .tdi_91{ margin-bottom:25px !important; padding-bottom:10px !important; } } /* portrait */ @media (min-width: 768px) and (max-width: 1018px) { .tdi_91{ margin-bottom:20px !important; } } </style><div class="vc_column_inner tdi_93 wpb_column vc_column_container tdc-inner-column td-pb-span3"> <style scoped> /* custom css */ .tdi_93{ vertical-align: baseline; }.tdi_93 .vc_column-inner > .wpb_wrapper, .tdi_93 .vc_column-inner > .wpb_wrapper .tdc-elements{ display: block; }.tdi_93 .vc_column-inner > .wpb_wrapper .tdc-elements{ width: 100%; } /* inline tdc_css att */ /* phone */ @media (max-width: 767px) { .tdi_93{ margin-bottom:15px !important; justify-content:center !important; text-align:center !important; } } </style><div class="vc_column-inner"><div class="wpb_wrapper"><div class="td_block_wrap tdb_header_logo tdi_94 td-pb-border-top td_block_template_1 tdb-header-align" data-td-block-uid="tdi_94" > <style> /* inline tdc_css att */ .tdi_94{ margin-left:-20px !important; z-index:0 !important; } /* portrait */ @media (min-width: 768px) and (max-width: 1018px) { .tdi_94{ margin-left:-15px !important; } } /* phone */ @media (max-width: 767px) { .tdi_94{ margin-left:0px !important; display:inline-block !important; } } </style> <style> /* custom css */ .tdi_94 .tdb-logo-a, .tdi_94 h1{ flex-direction: row; align-items: flex-start; justify-content: flex-start; }.tdi_94 .tdb-logo-svg-wrap{ display: block; }.tdi_94 .tdb-logo-img-wrap{ display: none; }.tdi_94 .tdb-logo-text-tagline{ margin-top: 0; margin-left: 0px; color: #000000; font-family:Work Sans !important;font-size:10px !important;line-height:2 !important;font-style:italic !important;font-weight:500 !important;; }.tdi_94 .tdb-logo-text-wrap{ flex-direction: row; align-items: baseline; align-items: flex-start; }.tdi_94 .tdb-logo-icon{ top: 0px; display: none; }.tdi_94 .tdb-logo-text-title{ color: #000000; font-family:PT Serif !important;font-size:42px !important;line-height:1.2 !important;font-style:italic !important;font-weight:700 !important;letter-spacing:-2px !important;; } /* landscape */ @media (min-width: 1019px) and (max-width: 1140px){ .tdi_94 .tdb-logo-img{ max-width: 260px; }.tdi_94 .tdb-logo-text-title{ font-family:PT Serif !important;font-size:36px !important;line-height:1.2 !important;font-style:italic !important;font-weight:700 !important;letter-spacing:-3px !important;; }.tdi_94 .tdb-logo-text-tagline{ font-family:Work Sans !important;font-size:10px !important;line-height:2 !important;font-style:italic !important;font-weight:500 !important;letter-spacing:0.5px !important;; } } /* portrait */ @media (min-width: 768px) and (max-width: 1018px){ .tdi_94 .tdb-logo-img{ max-width: 180px; }.tdi_94 .tdb-logo-icon{ top: 3px; }.tdi_94 .tdb-logo-text-title{ font-family:PT Serif !important;font-size:30px !important;line-height:1.2 !important;font-style:italic !important;font-weight:700 !important;letter-spacing:-1.5px !important;; }.tdi_94 .tdb-logo-text-tagline{ font-family:Work Sans !important;font-size:10px !important;line-height:1.8 !important;font-style:italic !important;font-weight:500 !important;letter-spacing:0px !important;; } } /* phone */ @media (max-width: 767px){ .tdi_94 .tdb-logo-text-tagline{ font-family:Work Sans !important;font-size:10px !important;line-height:2 !important;font-style:italic !important;font-weight:500 !important;letter-spacing:0px !important;; } } </style><div class="tdb-block-inner td-fix-index"><a class="tdb-logo-a" href="https://www.pixellyft.com/"><span class="tdb-logo-img-wrap"><img class="tdb-logo-img td-retina-data" data-retina="https://www.pixellyft.com/wp-content/uploads/2022/11/Pixel-Lyft-logo-1-300x99.png" src="https://www.pixellyft.com/wp-content/uploads/2022/11/Pixel-Lyft-logo.png" alt="Pixel Lyft" title="" /></span><span class="tdb-logo-text-wrap"><span class="tdb-logo-text-title">NewsWeek</span><span class="tdb-logo-text-tagline">PRO</span></span></a></div></div> </div></div></div><div class="vc_column_inner tdi_96 wpb_column vc_column_container tdc-inner-column td-pb-span9"> <style scoped> /* custom css */ .tdi_96{ vertical-align: baseline; }.tdi_96 .vc_column-inner > .wpb_wrapper, .tdi_96 .vc_column-inner > .wpb_wrapper .tdc-elements{ display: block; }.tdi_96 .vc_column-inner > .wpb_wrapper .tdc-elements{ width: 100%; } </style><div class="vc_column-inner"><div class="wpb_wrapper"><div class="td_block_wrap td_block_list_menu tdi_97 td-pb-border-top td_block_template_1 widget" data-td-block-uid="tdi_97" > <style> /* inline tdc_css att */ .tdi_97{ margin-right:-20px !important; margin-bottom:0px !important; } /* phone */ @media (max-width: 767px) { .tdi_97{ margin-right:0px !important; } } /* portrait */ @media (min-width: 768px) and (max-width: 1018px) { .tdi_97{ margin-right:-15px !important; } } </style> <style> /* custom css */ .tdi_97 li{ display: inline-block; font-family:Work Sans !important;font-size:14px !important;line-height:1.2 !important;font-weight:600 !important; }.tdi_97 .menu{ display: flex; }.tdi_97 .sub-menu{ display: none; }.tdi_97 ul{ margin: 20px; text-align: right; justify-content: flex-end; }.tdi_97 ul li{ margin-right: 30px; }.tdi_97 ul li:last-child{ margin-right: 0; }.tdi_97 a{ color: #000000; }.tdi_97 li.current-menu-item > a, .tdi_97 li.current-menu-ancestor > a, .tdi_97 li.current-category-ancestor > a, .tdi_97 a:hover{ color: #ec3535; } /* landscape */ @media (min-width: 1019px) and (max-width: 1140px){ .tdi_97 ul li{ margin-right: 25px; }.tdi_97 ul li:last-child{ margin-right: 0; }.tdi_97 li{ font-family:Work Sans !important;font-size:13px !important;line-height:1.2 !important;font-weight:600 !important; } } /* portrait */ @media (min-width: 768px) and (max-width: 1018px){ .tdi_97 ul{ margin: 15px; }.tdi_97 ul li{ margin-right: 15px; }.tdi_97 ul li:last-child{ margin-right: 0; }.tdi_97 li{ font-family:Work Sans !important;font-size:12px !important;line-height:1.2 !important;font-weight:600 !important; } } /* phone */ @media (max-width: 767px){ .tdi_97 ul{ margin: 0px; text-align: center; justify-content: center; }.tdi_97 ul li{ margin-right: 15px; }.tdi_97 ul li:last-child{ margin-right: 0; }.tdi_97 li{ font-family:Work Sans !important;font-size:13px !important;line-height:1.6 !important;font-weight:600 !important; } } </style><div class="td-block-title-wrap"></div><div id=tdi_97 class="td_block_inner td-fix-index"><div class="menu-td-demo-header-menu-container"><ul id="menu-td-demo-header-menu-3" class="menu"><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-8503"><a href="https://www.pixellyft.com/category/web-design/">Web Design</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-8504"><a href="https://www.pixellyft.com/category/search-engine-optimization/">Search Engine Optimization</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7963"><a href="https://www.pixellyft.com/category/marketing/">Marketing</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7964"><a href="https://www.pixellyft.com/category/tech/">Technology</a></li> </ul></div></div></div></div></div></div></div><div class="vc_row_inner tdi_99 vc_row vc_inner wpb_row td-pb-row" > <style scoped> /* custom css */ .tdi_99{ position: relative !important; top: 0; transform: none; -webkit-transform: none; }.tdi_99, .tdi_99 .tdc-inner-columns{ display: block; }.tdi_99 .tdc-inner-columns{ width: 100%; } /* inline tdc_css att */ .tdi_99{ margin-bottom:40px !important; } .tdi_99 .td_block_wrap{ text-align:left } </style><div class="vc_column_inner tdi_101 wpb_column vc_column_container tdc-inner-column td-pb-span3"> <style scoped> /* custom css */ .tdi_101{ vertical-align: baseline; }.tdi_101 .vc_column-inner > .wpb_wrapper, .tdi_101 .vc_column-inner > .wpb_wrapper .tdc-elements{ display: block; }.tdi_101 .vc_column-inner > .wpb_wrapper .tdc-elements{ width: 100%; } /* inline tdc_css att */ .tdi_101{ width:27% !important; } /* phone */ @media (max-width: 767px) { .tdi_101{ margin-bottom:25px !important; width:100% !important; } } </style><div class="vc_column-inner"><div class="wpb_wrapper"><div class="tdm_block td_block_wrap tdm_block_column_title tdi_102 tdm-content-horiz-left td-pb-border-top td_block_template_1" data-td-block-uid="tdi_102" ><div class="td-block-row"><div class="td-block-span12 tdm-col"> <style> body .tdi_103 .tdm-title{ color: #000000; }.tdi_103 .tdm-title{ font-family:Work Sans !important;font-size:24px !important;line-height:1 !important;font-weight:700 !important;letter-spacing:-1px !important; } /* landscape */ @media (min-width: 1019px) and (max-width: 1140px){ .tdi_103 .tdm-title{ font-family:Work Sans !important;font-size:22px !important;line-height:1 !important;font-weight:700 !important;letter-spacing:-1px !important; } } /* portrait */ @media (min-width: 768px) and (max-width: 1018px){ .tdi_103 .tdm-title{ font-family:Work Sans !important;font-size:20px !important;line-height:1 !important;font-weight:700 !important;letter-spacing:-1px !important; } } </style><div class="tds-title tds-title1 td-fix-index tdi_103"><h3 class="tdm-title tdm-title-sm">About us</h3></div></div></div></div><div class="tdm_block td_block_wrap tdm_block_inline_text tdi_104 td-pb-border-top td_block_template_1" data-td-block-uid="tdi_104" > <style> /* inline tdc_css att */ .tdi_104{ margin-bottom:25px !important; } /* landscape */ @media (min-width: 1019px) and (max-width: 1140px) { .tdi_104{ margin-bottom:20px !important; } } /* phone */ @media (max-width: 767px) { .tdi_104{ margin-bottom:20px !important; } } /* portrait */ @media (min-width: 768px) and (max-width: 1018px) { .tdi_104{ margin-bottom:15px !important; } } </style> <style> /* custom css */ .tdm_block.tdm_block_inline_text{ margin-bottom: 0; vertical-align: top; }.tdm_block.tdm_block_inline_text .tdm-descr{ margin-bottom: 0; -webkit-transform: translateZ(0); transform: translateZ(0); }.tdc-row-content-vert-center .tdm-inline-text-yes{ vertical-align: middle; }.tdc-row-content-vert-bottom .tdm-inline-text-yes{ vertical-align: bottom; }.tdi_104{ text-align: left !important; }.tdi_104 .tdm-descr{ color: #000000; font-family:PT Serif !important;font-size:15px !important;line-height:1.5 !important;font-weight:400 !important; }.tdi_104 .tdm-descr a{ color: #ec3535; }.tdi_104 .tdm-descr a:hover{ color: #c11f1f; } /* landscape */ @media (min-width: 1019px) and (max-width: 1140px){ .tdi_104 .tdm-descr{ font-family:PT Serif !important;font-size:14px !important;line-height:1.5 !important;font-weight:400 !important; } } /* portrait */ @media (min-width: 768px) and (max-width: 1018px){ .tdi_104 .tdm-descr{ font-family:PT Serif !important;font-size:13px !important;line-height:1.5 !important;font-weight:400 !important; } } </style><p class="tdm-descr">Each template in our ever growing studio library can be added and moved around within any page effortlessly with one click. </p></div><div class="tdm_block td_block_wrap tdm_block_socials tdi_105 tdm-content-horiz-left td-pb-border-top td_block_template_1" data-td-block-uid="tdi_105" > <style> /* inline tdc_css att */ /* phone */ @media (max-width: 767px) { .tdi_105{ text-align:left !important; } } </style> <style> /* custom css */ .tdm_block.tdm_block_socials{ margin-bottom: 0; }.tdm-social-wrapper{ *zoom: 1; }.tdm-social-wrapper:before, .tdm-social-wrapper:after{ display: table; content: ''; line-height: 0; }.tdm-social-wrapper:after{ clear: both; }.tdm-social-item-wrap{ display: inline-block; }.tdm-social-item{ position: relative; display: inline-block; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; text-align: center; -webkit-transform: translateZ(0); transform: translateZ(0); }.tdm-social-item i{ font-size: 14px; color: #4db2ec; -webkit-transition: all 0.2s; transition: all 0.2s; }.tdm-social-text{ display: none; margin-top: -1px; vertical-align: middle; font-size: 13px; color: #4db2ec; -webkit-transition: all 0.2s; transition: all 0.2s; }.tdm-social-item-wrap:hover i, .tdm-social-item-wrap:hover .tdm-social-text{ color: #000; }.tdm-social-item-wrap:last-child .tdm-social-text{ margin-right: 0 !important; } </style> <style> .tds-social3 .tdm-social-item{ background-color: #4db2ec; }.tds-social3 .tdm-social-item:hover{ background-color: #000; }.tds-social3 .tdm-social-item i{ color: #fff; }.tdi_106 .tdm-social-item i{ font-size: 17px; vertical-align: middle; }.tdi_106 .tdm-social-item i.td-icon-twitter, .tdi_106 .tdm-social-item i.td-icon-linkedin, .tdi_106 .tdm-social-item i.td-icon-pinterest, .tdi_106 .tdm-social-item i.td-icon-blogger, .tdi_106 .tdm-social-item i.td-icon-vimeo{ font-size: 13.6px; }.tdi_106 .tdm-social-item{ width: 44.2px; height: 44.2px; line-height: 44.2px; margin: 5px 10px 5px 0; border-radius: 2px; }.tdi_106 .tdm-social-item-wrap:last-child .tdm-social-item{ margin-right: 0 !important; }body .tdi_106 .tdm-social-item{ background: #000000; }body .tdi_106 .tdm-social-item-wrap:hover .tdm-social-item{ background: #ec3535; }.tdi_106 .tdm-social-text{ margin-left: 0px; margin-right: 0px; display: none; } /* landscape */ @media (min-width: 1019px) and (max-width: 1140px){ .tdi_106 .tdm-social-item i{ font-size: 14px; vertical-align: middle; }.tdi_106 .tdm-social-item i.td-icon-twitter, .tdi_106 .tdm-social-item i.td-icon-linkedin, .tdi_106 .tdm-social-item i.td-icon-pinterest, .tdi_106 .tdm-social-item i.td-icon-blogger, .tdi_106 .tdm-social-item i.td-icon-vimeo{ font-size: 11.2px; }.tdi_106 .tdm-social-item{ width: 36.4px; height: 36.4px; line-height: 36.4px; margin: 3px 6px 3px 0; } } /* portrait */ @media (min-width: 768px) and (max-width: 1018px){ .tdi_106 .tdm-social-item i{ font-size: 12px; vertical-align: middle; }.tdi_106 .tdm-social-item i.td-icon-twitter, .tdi_106 .tdm-social-item i.td-icon-linkedin, .tdi_106 .tdm-social-item i.td-icon-pinterest, .tdi_106 .tdm-social-item i.td-icon-blogger, .tdi_106 .tdm-social-item i.td-icon-vimeo{ font-size: 9.6px; }.tdi_106 .tdm-social-item{ width: 31.2px; height: 31.2px; line-height: 31.2px; margin: 2.5px 5px 2.5px 0; } } </style><div class="tdm-social-wrapper tds-social3 tdi_106"><div class="tdm-social-item-wrap"><a href="#" title="Facebook" class="tdm-social-item"><i class="td-icon-font td-icon-facebook"></i></a><a href="#" class="tdm-social-text">Facebook</a></div><div class="tdm-social-item-wrap"><a href="#" title="Instagram" class="tdm-social-item"><i class="td-icon-font td-icon-instagram"></i></a><a href="#" class="tdm-social-text">Instagram</a></div><div class="tdm-social-item-wrap"><a href="#" title="Twitter" class="tdm-social-item"><i class="td-icon-font td-icon-twitter"></i></a><a href="#" class="tdm-social-text">Twitter</a></div><div class="tdm-social-item-wrap"><a href="#" title="Youtube" class="tdm-social-item"><i class="td-icon-font td-icon-youtube"></i></a><a href="#" class="tdm-social-text">Youtube</a></div></div></div></div></div></div><div class="vc_column_inner tdi_108 wpb_column vc_column_container tdc-inner-column td-pb-span3"> <style scoped> /* custom css */ .tdi_108{ vertical-align: baseline; }.tdi_108 .vc_column-inner > .wpb_wrapper, .tdi_108 .vc_column-inner > .wpb_wrapper .tdc-elements{ display: block; }.tdi_108 .vc_column-inner > .wpb_wrapper .tdc-elements{ width: 100%; } /* inline tdc_css att */ .tdi_108{ width:17% !important; justify-content:flex-end !important; text-align:right !important; } /* phone */ @media (max-width: 767px) { .tdi_108{ margin-bottom:25px !important; width:100% !important; } } </style><div class="vc_column-inner"><div class="wpb_wrapper"><div class="tdm_block td_block_wrap tdm_block_column_title tdi_109 tdm-content-horiz-left td-pb-border-top td_block_template_1" data-td-block-uid="tdi_109" ><div class="td-block-row"><div class="td-block-span12 tdm-col"> <style> body .tdi_110 .tdm-title{ color: #000000; }.tdi_110 .tdm-title{ font-family:Work Sans !important;font-size:24px !important;line-height:1 !important;font-weight:700 !important;letter-spacing:-1px !important; } /* landscape */ @media (min-width: 1019px) and (max-width: 1140px){ .tdi_110 .tdm-title{ font-family:Work Sans !important;font-size:22px !important;line-height:1 !important;font-weight:700 !important;letter-spacing:-1px !important; } } /* portrait */ @media (min-width: 768px) and (max-width: 1018px){ .tdi_110 .tdm-title{ font-family:Work Sans !important;font-size:20px !important;line-height:1 !important;font-weight:700 !important;letter-spacing:-1px !important; } } </style><div class="tds-title tds-title1 td-fix-index tdi_110"><h3 class="tdm-title tdm-title-sm">Company</h3></div></div></div></div><div class="td_block_wrap td_block_list_menu tdi_111 td-pb-border-top td_block_template_1 widget" data-td-block-uid="tdi_111" > <style> /* inline tdc_css att */ .tdi_111{ margin-bottom:0px !important; } /* phone */ @media (max-width: 767px) { .tdi_111{ margin-right:0px !important; } } </style> <style> /* custom css */ .tdi_111 ul{ margin: 2px 0; }.tdi_111 ul li{ margin-bottom: 12px; }.tdi_111 ul li:last-child{ margin-bottom: 0; }.tdi_111 a{ color: #000000; }.tdi_111 li.current-menu-item > a, .tdi_111 li.current-menu-ancestor > a, .tdi_111 li.current-category-ancestor > a, .tdi_111 a:hover{ color: #ec3535; }.tdi_111 li{ font-family:Work Sans !important;font-size:15px !important;line-height:1.2 !important;font-weight:600 !important; } /* landscape */ @media (min-width: 1019px) and (max-width: 1140px){ .tdi_111 li{ font-family:Work Sans !important;font-size:14px !important;line-height:1.2 !important;font-weight:600 !important; } } /* portrait */ @media (min-width: 768px) and (max-width: 1018px){ .tdi_111 ul li{ margin-bottom: 10px; }.tdi_111 ul li:last-child{ margin-bottom: 0; }.tdi_111 li{ font-family:Work Sans !important;font-size:13px !important;line-height:1.2 !important;font-weight:600 !important; } } /* phone */ @media (max-width: 767px){ .tdi_111 ul li{ margin-bottom: 15px; }.tdi_111 ul li:last-child{ margin-bottom: 0; } } </style><div class="td-block-title-wrap"></div><div id=tdi_111 class="td_block_inner td-fix-index"><div class="menu-td-demo-footer-menu-container"><ul id="menu-td-demo-footer-menu-1" class="menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7953"><a href="#">About</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7954"><a href="#">Contact us</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7955"><a href="https://www.pixellyft.com/plans/">Subscription Plans</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7956"><a href="https://www.pixellyft.com/my-account-week_pro/">My account</a></li> </ul></div></div></div></div></div></div><div class="vc_column_inner tdi_113 wpb_column vc_column_container tdc-inner-column td-pb-span3"> <style scoped> /* custom css */ .tdi_113{ vertical-align: baseline; }.tdi_113 .vc_column-inner > .wpb_wrapper, .tdi_113 .vc_column-inner > .wpb_wrapper .tdc-elements{ display: block; }.tdi_113 .vc_column-inner > .wpb_wrapper .tdc-elements{ width: 100%; } /* inline tdc_css att */ .tdi_113{ width:28% !important; } /* phone */ @media (max-width: 767px) { .tdi_113{ margin-bottom:25px !important; width:100% !important; } } </style><div class="vc_column-inner"><div class="wpb_wrapper"><div class="tdm_block td_block_wrap tdm_block_column_title tdi_114 tdm-content-horiz-left td-pb-border-top td_block_template_1" data-td-block-uid="tdi_114" ><div class="td-block-row"><div class="td-block-span12 tdm-col"> <style> body .tdi_115 .tdm-title{ color: #000000; }.tdi_115 .tdm-title{ font-family:Work Sans !important;font-size:24px !important;line-height:1 !important;font-weight:700 !important;letter-spacing:-1px !important; } /* landscape */ @media (min-width: 1019px) and (max-width: 1140px){ .tdi_115 .tdm-title{ font-family:Work Sans !important;font-size:22px !important;line-height:1 !important;font-weight:700 !important;letter-spacing:-1px !important; } } /* portrait */ @media (min-width: 768px) and (max-width: 1018px){ .tdi_115 .tdm-title{ font-family:Work Sans !important;font-size:20px !important;line-height:1 !important;font-weight:700 !important;letter-spacing:-1px !important; } } </style><div class="tds-title tds-title1 td-fix-index tdi_115"><h3 class="tdm-title tdm-title-sm">The latest</h3></div></div></div></div><div class="td_block_wrap td_flex_block_1 tdi_116 td-pb-border-top td_block_template_1 td_flex_block" data-td-block-uid="tdi_116" > <style> /* inline tdc_css att */ .tdi_116{ margin-bottom:0px !important; } </style> <style> /* custom css */ .tdi_116 .entry-thumb{ background-position: center 50%; background-image: none !important; }.tdi_116 .td-image-container{ display: none; }.tdi_116 .td-module-meta-info{ padding: 0px; border-color: #eaeaea; }.tdi_116 .td_module_wrap{ padding-left: 0px; padding-right: 0px; padding-bottom: 6px; margin-bottom: 6px; }.tdi_116 .td_block_inner{ margin-left: -0px; margin-right: -0px; }.tdi_116 .td-module-container:before{ bottom: -6px; border-color: #eaeaea; }.tdi_116 .td-module-container{ border-color: #eaeaea !important; }.tdi_116 .td-post-vid-time{ display: block; }.tdi_116 .td-post-category{ margin: 0 3px 0 0; padding: 2px 0; background-color: rgba(255,255,255,0); color: #000000; border-width: 0px; border-style: solid; border-color: #aaa; font-family:Work Sans !important;font-size:12px !important;line-height:1 !important;font-weight:600 !important;text-transform:uppercase !important;letter-spacing:-0.5px !important; }.tdi_116 .td-author-photo .avatar{ width: 20px; height: 20px; margin-right: 6px; border-radius: 50%; }.tdi_116 .td-excerpt{ display: none; margin: 0px; column-count: 1; column-gap: 48px; }.tdi_116 .td-audio-player{ opacity: 1; visibility: visible; height: auto; font-size: 13px; }.tdi_116 .td-read-more{ display: none; }.tdi_116 .td-author-date{ display: inline; }.tdi_116 .td-post-author-name{ display: none; }.tdi_116 .entry-review-stars{ display: none; }.tdi_116 .td-icon-star, .tdi_116 .td-icon-star-empty, .tdi_116 .td-icon-star-half{ font-size: 15px; }.tdi_116 .td-module-comments{ display: none; }.tdi_116 .td_module_wrap:nth-last-child(1){ margin-bottom: 0; padding-bottom: 0; }.tdi_116 .td_module_wrap:nth-last-child(1) .td-module-container:before{ display: none; }.tdi_116 .td-post-category:hover{ background-color: rgba(255,255,255,0) !important; color: #ec3535; }.tdi_116 .td-module-title a{ color: #000000; }.tdi_116 .td_module_wrap:hover .td-module-title a{ color: #f43f3f !important; }.tdi_116 .td-post-date, .tdi_116 .td-post-author-name span{ color: #000000; }.tdi_116 .td-module-exclusive .td-module-title a:before{ display: inline-block; margin: -4px 5px 0 0; padding: 3px 5px; border-radius: 2px; color: #ffffff; background-color: #ec3535; font-family:Work Sans !important;font-size:12px !important;line-height:1 !important;font-weight:500 !important;text-transform:uppercase !important;letter-spacing:-0.5px !important; }.tdi_116 .td-module-exclusive:hover .td-module-title a:before{ color: #ffffff; background-color: #ec3535; }.tdi_116 .entry-title{ margin: 0 0 8px 0; font-family:Work Sans !important;font-size:15px !important;line-height:1.2 !important;font-weight:600 !important; }.tdi_116 .td-editor-date, .tdi_116 .td-editor-date .td-post-author-name a, .tdi_116 .td-editor-date .entry-date, .tdi_116 .td-module-comments a{ font-family:Work Sans !important;font-size:12px !important;line-height:1 !important;font-weight:500 !important;letter-spacing:-0.5px !important; }html:not([class*='ie']) .tdi_116 .td-module-container:hover .entry-thumb:before{ opacity: 0; } /* landscape */ @media (min-width: 1019px) and (max-width: 1140px){ .tdi_116 .td-image-container{ display: none; }.tdi_116 .td_module_wrap{ padding-bottom: 5px; margin-bottom: 5px; padding-bottom: 5px !important; margin-bottom: 5px !important; }.tdi_116 .td-module-container:before{ bottom: -5px; }.tdi_116 .td_module_wrap:nth-last-child(1){ margin-bottom: 0 !important; padding-bottom: 0 !important; }.tdi_116 .td_module_wrap .td-module-container:before{ display: block !important; }.tdi_116 .td_module_wrap:nth-last-child(1) .td-module-container:before{ display: none !important; }.tdi_116 .td-module-exclusive .td-module-title a:before{ font-family:Work Sans !important;font-size:11px !important;line-height:1 !important;font-weight:500 !important;text-transform:uppercase !important;letter-spacing:-0.5px !important; }.tdi_116 .entry-title{ margin: 0 0 6px 0; font-family:Work Sans !important;font-size:14px !important;line-height:1.2 !important;font-weight:600 !important; } } /* portrait */ @media (min-width: 768px) and (max-width: 1018px){ .tdi_116 .td-image-container{ display: none; }.tdi_116 .td_module_wrap{ padding-bottom: 3px; margin-bottom: 3px; padding-bottom: 3px !important; margin-bottom: 3px !important; }.tdi_116 .td-module-container:before{ bottom: -3px; }.tdi_116 .td-post-category:not(.td-post-extra-category){ display: none; }.tdi_116 .td-author-date{ display: none; }.tdi_116 .td-post-date, .tdi_116 .td-post-author-name span{ display: none; }.tdi_116 .td_module_wrap:nth-last-child(1){ margin-bottom: 0 !important; padding-bottom: 0 !important; }.tdi_116 .td_module_wrap .td-module-container:before{ display: block !important; }.tdi_116 .td_module_wrap:nth-last-child(1) .td-module-container:before{ display: none !important; }.tdi_116 .td-module-exclusive .td-module-title a:before{ font-family:Work Sans !important;font-size:11px !important;line-height:1 !important;font-weight:500 !important;text-transform:uppercase !important;letter-spacing:-0.5px !important; }.tdi_116 .entry-title{ margin: 0 0 4px 0; font-family:Work Sans !important;font-size:13px !important;line-height:1.2 !important;font-weight:600 !important; }.tdi_116 .td-editor-date, .tdi_116 .td-editor-date .td-post-author-name a, .tdi_116 .td-editor-date .entry-date, .tdi_116 .td-module-comments a{ font-family:Work Sans !important;font-size:10px !important;line-height:1 !important;font-weight:500 !important;letter-spacing:-0.5px !important; } } /* phone */ @media (max-width: 767px){ .tdi_116 .td-image-wrap{ padding-bottom: 110%; }.tdi_116 .td-image-container{ flex: 0 0 30%; width: 30%; display: none; }.ie10 .tdi_116 .td-image-container, .ie11 .tdi_116 .td-image-container{ flex: 0 0 auto; }.tdi_116 .td_module_wrap{ padding-bottom: 6px; margin-bottom: 6px; padding-bottom: 6px !important; margin-bottom: 6px !important; }.tdi_116 .td-module-container:before{ bottom: -6px; }.tdi_116 .td_module_wrap:nth-last-child(1){ margin-bottom: 0 !important; padding-bottom: 0 !important; }.tdi_116 .td_module_wrap .td-module-container:before{ display: block !important; }.tdi_116 .td_module_wrap:nth-last-child(1) .td-module-container:before{ display: none !important; }.tdi_116 .td-module-exclusive .td-module-title a:before{ font-family:Work Sans !important;font-size:11px !important;line-height:1 !important;font-weight:500 !important;text-transform:uppercase !important;letter-spacing:-0.5px !important; } } </style><script>var block_tdi_116 = new tdBlock(); block_tdi_116.id = "tdi_116"; block_tdi_116.atts = '{"modules_on_row":"","image_size":"","image_floated":"hidden","image_width":"eyJwaG9uZSI6IjMwIn0=","image_height":"eyJwaG9uZSI6IjExMCJ9","show_btn":"none","show_excerpt":"eyJwaG9uZSI6Im5vbmUiLCJhbGwiOiJub25lIn0=","show_com":"eyJwaG9uZSI6Im5vbmUiLCJhbGwiOiJub25lIn0=","show_author":"none","show_cat":"eyJwb3J0cmFpdCI6Im5vbmUifQ==","meta_padding":"0","f_title_font_size":"eyJhbGwiOiIxNSIsInBvcnRyYWl0IjoiMTMiLCJsYW5kc2NhcGUiOiIxNCJ9","f_title_font_line_height":"1.2","f_title_font_weight":"600","all_modules_space":"eyJhbGwiOiIxMiIsImxhbmRzY2FwZSI6IjEwIiwicG9ydHJhaXQiOiI2In0=","category_id":"","show_date":"eyJwb3J0cmFpdCI6Im5vbmUifQ==","art_excerpt":"0","show_review":"none","tdc_css":"eyJhbGwiOnsibWFyZ2luLWJvdHRvbSI6IjAiLCJkaXNwbGF5IjoiIn0sInBvcnRyYWl0Ijp7ImRpc3BsYXkiOiIifSwicG9ydHJhaXRfbWF4X3dpZHRoIjoxMDE4LCJwb3J0cmFpdF9taW5fd2lkdGgiOjc2OCwicGhvbmUiOnsiZGlzcGxheSI6IiJ9LCJwaG9uZV9tYXhfd2lkdGgiOjc2NywibGFuZHNjYXBlIjp7ImRpc3BsYXkiOiIifSwibGFuZHNjYXBlX21heF93aWR0aCI6MTE0MCwibGFuZHNjYXBlX21pbl93aWR0aCI6MTAxOX0=","f_title_font_family":"653","mc1_el":"10","title_txt_hover":"#f43f3f","title_txt":"#000000","art_title":"eyJsYW5kc2NhcGUiOiIwIDAgNnB4IDAiLCJwb3J0cmFpdCI6IjAgMCA0cHggMCIsImFsbCI6IjAgMCA4cHggMCJ9","modules_gap":"0","f_meta_font_size":"eyJhbGwiOiIxMiIsInBvcnRyYWl0IjoiMTAifQ==","f_meta_font_line_height":"1","f_meta_font_weight":"500","f_meta_font_family":"653","modules_cat_border":"0","modules_category_padding":"2px 0","f_cat_font_family":"653","f_cat_font_transform":"uppercase","f_cat_font_size":"12","f_cat_font_weight":"600","f_cat_font_line_height":"1","f_meta_font_spacing":"-0.5","f_cat_font_spacing":"-0.5","cat_bg":"rgba(255,255,255,0)","cat_bg_hover":"rgba(255,255,255,0)","cat_txt":"#000000","cat_txt_hover":"#ec3535","modules_category_margin":"0 3px 0 0","modules_category":"","f_title_font_transform":"","sort":"","excl_padd":"3px 5px","f_excl_font_family":"653","f_excl_font_transform":"uppercase","f_excl_font_size":"eyJhbGwiOiIxMiIsImxhbmRzY2FwZSI6IjExIiwicG9ydHJhaXQiOiIxMSIsInBob25lIjoiMTEifQ==","f_excl_font_weight":"500","f_excl_font_line_height":"1","f_excl_font_spacing":"-0.5","excl_bg":"#ec3535","excl_bg_h":"#ec3535","excl_color":"#ffffff","excl_color_h":"#ffffff","excl_radius":"2","excl_margin":"-4px 5px 0 0","limit":"3","date_txt":"#000000","block_type":"td_flex_block_1","separator":"","custom_title":"","custom_url":"","block_template_id":"","title_tag":"","mc1_tl":"","mc1_title_tag":"","post_ids":"","category_ids":"","tag_slug":"","autors_id":"","installed_post_types":"","locked_only":"","offset":"","show_modified_date":"","time_ago":"","time_ago_add_txt":"ago","time_ago_txt_pos":"","el_class":"","td_ajax_filter_type":"","td_ajax_filter_ids":"","td_filter_default_txt":"All","td_ajax_preloading":"","container_width":"","m_padding":"","modules_border_size":"","modules_border_style":"","modules_border_color":"#eaeaea","modules_border_radius":"","modules_divider":"","modules_divider_color":"#eaeaea","h_effect":"","image_alignment":"50","image_radius":"","hide_image":"","video_icon":"","video_popup":"yes","video_rec":"","spot_header":"","video_rec_title":"","video_rec_color":"","video_rec_disable":"","autoplay_vid":"yes","show_vid_t":"block","vid_t_margin":"","vid_t_padding":"","video_title_color":"","video_title_color_h":"","video_bg":"","video_overlay":"","vid_t_color":"","vid_t_bg_color":"","f_vid_title_font_header":"","f_vid_title_font_title":"Video pop-up article title","f_vid_title_font_settings":"","f_vid_title_font_family":"","f_vid_title_font_size":"","f_vid_title_font_line_height":"","f_vid_title_font_style":"","f_vid_title_font_weight":"","f_vid_title_font_transform":"","f_vid_title_font_spacing":"","f_vid_title_":"","f_vid_time_font_title":"Video duration text","f_vid_time_font_settings":"","f_vid_time_font_family":"","f_vid_time_font_size":"","f_vid_time_font_line_height":"","f_vid_time_font_style":"","f_vid_time_font_weight":"","f_vid_time_font_transform":"","f_vid_time_font_spacing":"","f_vid_time_":"","excl_show":"inline-block","excl_txt":"","all_excl_border":"","all_excl_border_style":"solid","all_excl_border_color":"","excl_border_color_h":"","f_excl_font_header":"","f_excl_font_title":"Label text","f_excl_font_settings":"","f_excl_font_style":"","f_excl_":"","meta_info_align":"","meta_info_horiz":"layout-default","meta_width":"","meta_margin":"","meta_space":"","art_btn":"","meta_info_border_size":"","meta_info_border_style":"","meta_info_border_color":"#eaeaea","meta_info_border_radius":"","modules_category_radius":"0","modules_extra_cat":"","author_photo":"","author_photo_size":"","author_photo_space":"","author_photo_radius":"","review_space":"","review_size":"2.5","review_distance":"","excerpt_col":"1","excerpt_gap":"","excerpt_middle":"","excerpt_inline":"","show_audio":"block","hide_audio":"","art_audio":"","art_audio_size":"1.5","btn_title":"","btn_margin":"","btn_padding":"","btn_border_width":"","btn_radius":"","pag_space":"","pag_padding":"","pag_border_width":"","pag_border_radius":"","prev_tdicon":"","next_tdicon":"","pag_icons_size":"","f_header_font_header":"","f_header_font_title":"Block header","f_header_font_settings":"","f_header_font_family":"","f_header_font_size":"","f_header_font_line_height":"","f_header_font_style":"","f_header_font_weight":"","f_header_font_transform":"","f_header_font_spacing":"","f_header_":"","f_ajax_font_title":"Ajax categories","f_ajax_font_settings":"","f_ajax_font_family":"","f_ajax_font_size":"","f_ajax_font_line_height":"","f_ajax_font_style":"","f_ajax_font_weight":"","f_ajax_font_transform":"","f_ajax_font_spacing":"","f_ajax_":"","f_more_font_title":"Load more button","f_more_font_settings":"","f_more_font_family":"","f_more_font_size":"","f_more_font_line_height":"","f_more_font_style":"","f_more_font_weight":"","f_more_font_transform":"","f_more_font_spacing":"","f_more_":"","f_title_font_header":"","f_title_font_title":"Article title","f_title_font_settings":"","f_title_font_style":"","f_title_font_spacing":"","f_title_":"","f_cat_font_title":"Article category tag","f_cat_font_settings":"","f_cat_font_style":"","f_cat_":"","f_meta_font_title":"Article meta info","f_meta_font_settings":"","f_meta_font_style":"","f_meta_font_transform":"","f_meta_":"","f_ex_font_title":"Article excerpt","f_ex_font_settings":"","f_ex_font_family":"","f_ex_font_size":"","f_ex_font_line_height":"","f_ex_font_style":"","f_ex_font_weight":"","f_ex_font_transform":"","f_ex_font_spacing":"","f_ex_":"","f_btn_font_title":"Article read more button","f_btn_font_settings":"","f_btn_font_family":"","f_btn_font_size":"","f_btn_font_line_height":"","f_btn_font_style":"","f_btn_font_weight":"","f_btn_font_transform":"","f_btn_font_spacing":"","f_btn_":"","mix_color":"","mix_type":"","fe_brightness":"1","fe_contrast":"1","fe_saturate":"1","mix_color_h":"","mix_type_h":"","fe_brightness_h":"1","fe_contrast_h":"1","fe_saturate_h":"1","m_bg":"","color_overlay":"","shadow_shadow_header":"","shadow_shadow_title":"Module Shadow","shadow_shadow_size":"","shadow_shadow_offset_horizontal":"","shadow_shadow_offset_vertical":"","shadow_shadow_spread":"","shadow_shadow_color":"","all_underline_height":"","all_underline_color":"","cat_border":"","cat_border_hover":"","meta_bg":"","author_txt":"","author_txt_hover":"","ex_txt":"","com_bg":"","com_txt":"","rev_txt":"","audio_btn_color":"","audio_time_color":"","audio_bar_color":"","audio_bar_curr_color":"","shadow_m_shadow_header":"","shadow_m_shadow_title":"Meta info shadow","shadow_m_shadow_size":"","shadow_m_shadow_offset_horizontal":"","shadow_m_shadow_offset_vertical":"","shadow_m_shadow_spread":"","shadow_m_shadow_color":"","btn_bg":"","btn_bg_hover":"","btn_txt":"","btn_txt_hover":"","btn_border":"","btn_border_hover":"","pag_text":"","pag_h_text":"","pag_bg":"","pag_h_bg":"","pag_border":"","pag_h_border":"","ajax_pagination":"","ajax_pagination_infinite_stop":"","css":"","td_column_number":1,"header_color":"","color_preset":"","border_top":"","class":"tdi_116","tdc_css_class":"tdi_116","tdc_css_class_style":"tdi_116_rand_style"}'; block_tdi_116.td_column_number = "1"; block_tdi_116.block_type = "td_flex_block_1"; block_tdi_116.post_count = "3"; block_tdi_116.found_posts = "2181"; block_tdi_116.header_color = ""; block_tdi_116.ajax_pagination_infinite_stop = ""; block_tdi_116.max_num_pages = "727"; tdBlocksArray.push(block_tdi_116); </script><div class="td-block-title-wrap"></div><div id=tdi_116 class="td_block_inner td-mc1-wrap"> <div class="td_module_flex td_module_flex_1 td_module_wrap td-animation-stack "> <div class="td-module-container td-category-pos-"> <div class="td-image-container"> <div class="td-module-thumb"><a href="https://www.pixellyft.com/2022/12/01/what-is-a-bounce-rate-and-why-does-it-matter/" rel=" bookmark" class="td-image-wrap " title="What is a bounce rate and why does it matter" ><span class="entry-thumb td-thumb-css" data-type="css_image" data-img-url="https://assets-global.website-files.com/6009ec8cda7f305645c9d91b/6388e574adb48361dcc90387_1.jpg" ></span></a></div> </div> <div class="td-module-meta-info"> <h3 class="entry-title td-module-title"><a href="https://www.pixellyft.com/2022/12/01/what-is-a-bounce-rate-and-why-does-it-matter/" rel="bookmark" title="What is a bounce rate and why does it matter">What is a bounce rate and why does it matter</a></h3> <div class="td-editor-date"> <a href="https://www.pixellyft.com/category/web-design/" class="td-post-category">Web Design</a> <span class="td-author-date"> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2022-12-01T17:40:23+00:00" >December 1, 2022</time></span> <span class="td-module-comments"><a href="https://www.pixellyft.com/2022/12/01/what-is-a-bounce-rate-and-why-does-it-matter/#respond">0</a></span> </span> </div> <div class="td-excerpt"> Bounce rate is one of the most critical...</div> </div> </div> </div> <div class="td_module_flex td_module_flex_1 td_module_wrap td-animation-stack "> <div class="td-module-container td-category-pos-"> <div class="td-image-container"> <div class="td-module-thumb"><a href="https://www.pixellyft.com/2022/12/01/develop-faster-js-apps-the-ultimate-guide-to-web-workers/" rel=" bookmark" class="td-image-wrap " title="Develop Faster JS Apps: the Ultimate Guide to Web Workers" ><span class="entry-thumb td-thumb-css" data-type="css_image" data-img-url="https://uploads.sitepoint.com/wp-content/uploads/2022/11/1668257711js-event-loop.svg" ></span></a></div> </div> <div class="td-module-meta-info"> <h3 class="entry-title td-module-title"><a href="https://www.pixellyft.com/2022/12/01/develop-faster-js-apps-the-ultimate-guide-to-web-workers/" rel="bookmark" title="Develop Faster JS Apps: the Ultimate Guide to Web Workers">Develop Faster JS Apps: the Ultimate Guide to Web Workers</a></h3> <div class="td-editor-date"> <a href="https://www.pixellyft.com/category/web-design/" class="td-post-category">Web Design</a> <span class="td-author-date"> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2022-12-01T16:39:42+00:00" >December 1, 2022</time></span> <span class="td-module-comments"><a href="https://www.pixellyft.com/2022/12/01/develop-faster-js-apps-the-ultimate-guide-to-web-workers/#respond">0</a></span> </span> </div> <div class="td-excerpt"> In this tutorial, we’ll introduce web workers and...</div> </div> </div> </div> <div class="td_module_flex td_module_flex_1 td_module_wrap td-animation-stack "> <div class="td-module-container td-category-pos-"> <div class="td-image-container"> <div class="td-module-thumb"><a href="https://www.pixellyft.com/2022/12/01/digging-deeper-into-container-style-queries-css-tricks/" rel=" bookmark" class="td-image-wrap " title="Digging Deeper Into Container Style Queries | CSS-Tricks" ><span class="entry-thumb td-thumb-css" data-type="css_image" data-img-url="https://css-tricks.com/wp-json/social-image-generator/v1/image/375607" ></span></a></div> </div> <div class="td-module-meta-info"> <h3 class="entry-title td-module-title"><a href="https://www.pixellyft.com/2022/12/01/digging-deeper-into-container-style-queries-css-tricks/" rel="bookmark" title="Digging Deeper Into Container Style Queries | CSS-Tricks">Digging Deeper Into Container Style Queries | CSS-Tricks</a></h3> <div class="td-editor-date"> <a href="https://www.pixellyft.com/category/web-design/" class="td-post-category">Web Design</a> <span class="td-author-date"> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2022-12-01T15:39:05+00:00" >December 1, 2022</time></span> <span class="td-module-comments"><a href="https://www.pixellyft.com/2022/12/01/digging-deeper-into-container-style-queries-css-tricks/#respond">0</a></span> </span> </div> <div class="td-excerpt"></div> </div> </div> </div> </div></div></div></div></div><div class="vc_column_inner tdi_118 wpb_column vc_column_container tdc-inner-column td-pb-span3"> <style scoped> /* custom css */ .tdi_118{ vertical-align: baseline; }.tdi_118 .vc_column-inner > .wpb_wrapper, .tdi_118 .vc_column-inner > .wpb_wrapper .tdc-elements{ display: block; }.tdi_118 .vc_column-inner > .wpb_wrapper .tdc-elements{ width: 100%; } /* inline tdc_css att */ .tdi_118{ padding-top:10px !important; width:28% !important; } /* phone */ @media (max-width: 767px) { .tdi_118{ width:100% !important; } } </style><div class="vc_column-inner"><div class="wpb_wrapper"><div class="td_block_wrap tds_leads tdi_119 td_block_template_1" data-td-block-uid="tdi_119" > <style> /* inline tdc_css att */ .tdi_119{ margin-bottom:0px !important; } </style> <style> /* custom css */ .tds_leads .tds-title{ margin-top: 0; margin-bottom: 20px; font-size: 22px; line-height: 1.4; font-weight: 600; }.tds_leads .tds-info:not(:empty){ margin-bottom: 16px; }.tds_leads .tds-messages{ padding: 8px 12px; font-size: 12px; line-height: 1.4; color: #fff; border-radius: 3px; transition: opacity .2s ease-in-out; }.tds_leads .tds-messages:not(:last-child){ margin-bottom: .4em; }.tds_leads .tds-messages-hiding{ opacity: 0; }.tds_leads .tds-messages-error{ background-color: #ec4d4d; }.tds_leads .tds-messages-success{ background-color: #6bc16f; }.tds_leads .tds-message:not(:last-child){ margin-bottom: .4em; }.tds_leads .tds-email-bar{ display: flex; }.tds_leads .tds-input-wrap{ display: flex; align-items: center; flex: 1; }.tds_leads .tds-input{ height: 100%; padding: 12px 15px; line-height: 1; border-width: 1px 0 1px 1px; }.tds_leads .tds-unsubscribe-txt{ width: 100%; font-size: 13px; line-height: 1.4; }.tds_leads .tds-submit-btn{ -webkit-appearance: none; display: flex; align-items: center; width: 100%; padding: 15px; background-color: #4db2ec; font-size: 13px; line-height: 1; color: #fff; border-width: 0; border-style: solid; border-color: #000; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; outline: none; }.tds_leads .tds-input-wrap + .tds-submit-btn{ width: auto; }.tds_leads .tds-submit-btn:hover{ background-color: #222; }.tds_leads .tds-submit-btn-icon{ position: relative; }.tds_leads i.tds-submit-btn-icon{ font-size: 15px; color: #fff; }.tds_leads .tds-submit-btn-icon-svg{ width: 15px; height: auto; }.tds_leads .tds-submit-btn-icon-svg svg{ display: block; fill: #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }.tds_leads .tds-checkbox{ margin-top: 16px; line-height: 1; }.tds_leads .tds-checkbox input{ display: none; }.tds_leads .tds-checkbox label{ display: flex; align-items: center; margin-bottom: 0; cursor: pointer; }.tds_leads .tds-check{ position: relative; width: 1em; height: 1em; margin-right: 8px; background-color: #fff; cursor: pointer; border: 1px solid #ccc; transition: all .3s ease-in-out; flex-shrink: 0; }.tds_leads .tds-check:after{ content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 0.5em; height: 0.5em; background-color: #4db2ec; opacity: 0; transition: all .3s ease; pointer-events: none; }.tds_leads .tds-checkbox input:checked + label .tds-check:after{ opacity: 1; }.tds_leads .tds-check-title{ margin-top: -1px; user-select: none; -webkit-user-select: none; font-size: 11px; color: #444; }.tds_leads .tds-check-title a:hover{ color: #222; }body .tdi_119 .tds-title{ margin-bottom: 18px; font-family:Work Sans !important;font-size:24px !important;line-height:1 !important;font-weight:700 !important;letter-spacing:-1px !important; }body .tdi_119 .tds-messages-success{ border-radius: 2px; }body .tdi_119 .tds-email-bar{ flex-direction: column; }body .tdi_119 .tds-input-wrap{ margin: 0 0 5px; }body .tdi_119 .tds-input-wrap + .tds-submit-btn{ margin: 5px 0 0; }body .tdi_119 .tds-input{ padding: 15px 10px; border-width: 1px; border-style: solid; border-radius: 3px; font-family:Work Sans !important;font-size:14px !important;line-height:1.2 !important;font-weight:500 !important; }body .tdi_119 .tds-unsubscribe-txt{ text-align: left; }body .tdi_119 i.tds-submit-btn-icon{ font-size: 19px; }body .tdi_119 .tds-submit-btn-icon-svg{ width: 19px; }body .tdi_119 .tds-submit-btn-icon{ margin-left: 5px; top: 0px; }body .tdi_119 .tds-submit-btn{ border-radius: 3px; justify-content: center; background-color: #000000; font-family:Work Sans !important;font-size:13px !important;line-height:1.2 !important;font-weight:700 !important;text-transform:uppercase !important; }body .tdi_119 .tds-checkbox label{ font-size: 16px; }body .tdi_119 .tds-submit-btn:hover{ background-color: #ec3535; }body .tdi_119 .tds-check-title{ color: #000000; font-family:Work Sans !important;font-size:13px !important;line-height:1.2 !important; }body .tdi_119 .tds-check-title a{ color: #ec3535; }body .tdi_119 .tds-check-title a:hover{ color: #c11f1f; }body .tdi_119 .tds-message{ font-family:Work Sans !important;font-size:13px !important;line-height:1.4 !important;font-weight:600 !important; } /* landscape */ @media (min-width: 1019px) and (max-width: 1140px){ body .tdi_119 .tds-title{ margin-bottom: 14px; font-family:Work Sans !important;font-size:22px !important;line-height:1 !important;font-weight:700 !important;letter-spacing:-1px !important; }body .tdi_119 .tds-info:not(:empty){ margin: 0 0 12px; }body .tdi_119 .tds-input{ padding: 12px 8px; font-family:Work Sans !important;font-size:13px !important;line-height:1.2 !important;font-weight:500 !important; }body .tdi_119 i.tds-submit-btn-icon{ font-size: 17px; }body .tdi_119 .tds-submit-btn-icon-svg{ width: 17px; }body .tdi_119 .tds-submit-btn{ padding: 12px; font-family:Work Sans !important;font-size:12px !important;line-height:1.2 !important;font-weight:700 !important;text-transform:uppercase !important; }body .tdi_119 .tds-check-title{ font-family:Work Sans !important;font-size:12px !important;line-height:1.2 !important; } } /* portrait */ @media (min-width: 768px) and (max-width: 1018px){ body .tdi_119 .tds-title{ margin-bottom: 12px; font-family:Work Sans !important;font-size:20px !important;line-height:1 !important;font-weight:700 !important;letter-spacing:-1px !important; }body .tdi_119 .tds-messages{ padding: 6px 10px; }body .tdi_119 .tds-input{ padding: 10px 6px; font-family:Work Sans !important;font-size:12px !important;line-height:1.2 !important;font-weight:500 !important; }body .tdi_119 i.tds-submit-btn-icon{ font-size: 15px; }body .tdi_119 .tds-submit-btn-icon-svg{ width: 15px; }body .tdi_119 .tds-submit-btn-icon{ margin-left: 3px; }body .tdi_119 .tds-submit-btn{ padding: 10px; font-family:Work Sans !important;font-size:11px !important;line-height:1.2 !important;font-weight:700 !important;text-transform:uppercase !important; }body .tdi_119 .tds-message{ font-family:Work Sans !important;font-size:12px !important;line-height:1.4 !important;font-weight:600 !important; }body .tdi_119 .tds-check-title{ font-family:Work Sans !important;font-size:11px !important;line-height:1.2 !important; } } /* phone */ @media (max-width: 767px){ } </style><div class="tds-block-inner td-fix-index"><h3 class="tds-title">Subscribe</h3><div class="tds-info"></div><form class="tds-form" action="" method="post" name=""><input type="hidden" name="list" value="530"><input type="url" name="rdr_url" value="" style="display: none;"><div class="tds-email-bar"><div class="tds-input-wrap"><input class="tds-input" type="email" name="email" aria-label="email" placeholder="Email address" required></div><button class="tds-submit-btn" type="submit" name="tds-subscribe">I want in<i class="tds-submit-btn-icon tdc-font-tdmp tdc-font-tdmp-arrow-right"></i></button></div><div class="tds-checkbox"><input id="pp_checkbox_tdi_119" class="" name="" value="Y" type="checkbox"><label class="checkbox subfield" for="pp_checkbox_tdi_119"><span class="tds-check"></span><span class="tds-check-title">I've read and accept the <a href="#">Privacy Policy</a>.</span></label></div></form></div></div></div></div></div></div><div class="vc_row_inner tdi_121 vc_row vc_inner wpb_row td-pb-row" > <style scoped> /* custom css */ .tdi_121{ position: relative !important; top: 0; transform: none; -webkit-transform: none; }.tdi_121, .tdi_121 .tdc-inner-columns{ display: block; }.tdi_121 .tdc-inner-columns{ width: 100%; } /* inline tdc_css att */ .tdi_121{ margin-right:0px !important; margin-left:0px !important; padding-top:20px !important; padding-bottom:20px !important; border-color:#dddddd !important; border-style:solid !important; border-width: 1px 0px 0px 0px !important; } .tdi_121 .td_block_wrap{ text-align:left } </style><div class="vc_column_inner tdi_123 wpb_column vc_column_container tdc-inner-column td-pb-span12"> <style scoped> /* custom css */ .tdi_123{ vertical-align: baseline; }.tdi_123 .vc_column-inner > .wpb_wrapper, .tdi_123 .vc_column-inner > .wpb_wrapper .tdc-elements{ display: block; }.tdi_123 .vc_column-inner > .wpb_wrapper .tdc-elements{ width: 100%; } </style><div class="vc_column-inner"><div class="wpb_wrapper"><div class="tdm_block td_block_wrap tdm_block_inline_text tdi_124 td-pb-border-top td_block_template_1" data-td-block-uid="tdi_124" > <style> /* inline tdc_css att */ /* landscape */ @media (min-width: 1019px) and (max-width: 1140px) { .tdi_124{ margin-bottom:20px !important; } } /* portrait */ @media (min-width: 768px) and (max-width: 1018px) { .tdi_124{ margin-bottom:15px !important; } } </style> <style> /* custom css */ .tdi_124{ text-align: center !important; margin-right: auto; margin-left: auto; }.tdi_124 .tdm-descr{ color: #000000; font-family:Work Sans !important;font-size:14px !important;line-height:1.2 !important;font-weight:500 !important; }.tdi_124 .tdm-descr a{ color: #ec3535; }.tdi_124 .tdm-descr a:hover{ color: #c11f1f; } /* landscape */ @media (min-width: 1019px) and (max-width: 1140px){ .tdi_124 .tdm-descr{ font-family:Work Sans !important;font-size:11px !important;line-height:1.2 !important;font-weight:500 !important; } } /* portrait */ @media (min-width: 768px) and (max-width: 1018px){ .tdi_124 .tdm-descr{ font-family:Work Sans !important;font-size:11px !important;line-height:1.2 !important;font-weight:500 !important; } } /* phone */ @media (max-width: 767px){ .tdi_124 .tdm-descr{ font-family:Work Sans !important;font-size:13px !important;line-height:1.2 !important;font-weight:500 !important; } } </style><p class="tdm-descr">© 2021 tagDiv. All Rights Reserved. Made with Newspaper Theme.</p></div></div></div></div></div></div></div></div></div></div></div> </div> </div> <style> .tdc-footer-template .td-main-content-wrap { padding-bottom: 0; } </style> </div> <script type="text/javascript"> function blockspareBlocksShare(url, title, w, h) { var left = (window.innerWidth / 2) - (w / 2); var top = (window.innerHeight / 2) - (h / 2); return window.open(url, title, 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width=600, height=600, top=' + top + ', left=' + left); } </script> <script type="text/javascript"> var c = document.body.className; c = c.replace( /everest-forms-no-js/, 'everest-forms-js' ); document.body.className = c; </script> <script type='text/javascript' src='https://www.pixellyft.com/wp-content/plugins/blockspare/assets/slick/js/slick.js?ver=6.1.1' id='slick-js-js'></script> <script type='text/javascript' src='https://www.pixellyft.com/wp-includes/js/imagesloaded.min.js?ver=4.1.4' id='imagesloaded-js'></script> <script type='text/javascript' src='https://www.pixellyft.com/wp-includes/js/masonry.min.js?ver=4.2.2' id='masonry-js'></script> <script type='text/javascript' src='https://www.pixellyft.com/wp-includes/js/jquery/jquery.masonry.min.js?ver=3.1.2b' id='jquery-masonry-js'></script> <script type='text/javascript' src='https://www.pixellyft.com/wp-content/plugins/blockspare/dist/block_animation.js?ver=6.1.1' id='blockspare-animation-js'></script> <script type='text/javascript' src='https://www.pixellyft.com/wp-content/plugins/blockspare/dist/block_frontend.js?ver=6.1.1' id='blockspare-script-js'></script> <script type='text/javascript' src='https://www.pixellyft.com/wp-content/plugins/blockspare/dist/block_tabs.js?ver=6.1.1' id='blockspare-tabs-js'></script> <script type='text/javascript' id='blockspare-pagination-js-js-extra'> /* <![CDATA[ */ var blocsparePagination = {"ajaxurl":"https:\/\/www.pixellyft.com\/wp-admin\/admin-ajax.php","nonce":"9e3d2ce61d"}; /* ]]> */ </script> <script type='text/javascript' src='https://www.pixellyft.com/wp-content/plugins/blockspare/dist/block_pagination.js?ver=6.1.1' id='blockspare-pagination-js-js'></script> <script type='text/javascript' src='https://www.pixellyft.com/wp-content/plugins/elespare/assets/marquee/jquery.marquee.js?ver=1669972600' id='jquery-marquee-js'></script> <script type='text/javascript' src='https://www.pixellyft.com/wp-includes/js/underscore.min.js?ver=1.13.4' id='underscore-js'></script> <script type='text/javascript' src='https://www.pixellyft.com/wp-content/plugins/td-cloud-library/assets/js/js_posts_autoload.min.js?ver=4173294bcf58591c4439ff8ccd792f1ex' id='tdb_js_posts_autoload-js'></script> <script type='text/javascript' src='https://www.pixellyft.com/wp-content/plugins/td-composer/legacy/Newspaper/js/tagdiv_theme.min.js?ver=11.5.1' id='td-site-min-js'></script> <script type='text/javascript' id='tds_js_files_for_front-js-extra'> /* <![CDATA[ */ var tds_js_globals = {"wpRestNonce":"5c5f5981eb","wpRestUrl":"https:\/\/www.pixellyft.com\/wp-json\/","permalinkStructure":"\/%year%\/%monthnum%\/%day%\/%postname%\/"}; /* ]]> */ </script> <script type='text/javascript' src='https://www.pixellyft.com/wp-content/plugins/td-subscription/assets/js/js_files_for_front.min.js?ver=1.3.1' id='tds_js_files_for_front-js'></script> <script type='text/javascript' id='gutentor-block-js-extra'> /* <![CDATA[ */ var gutentorLS = {"fontAwesomeVersion":"5","restNonce":"5c5f5981eb","restUrl":"https:\/\/www.pixellyft.com\/wp-json\/"}; /* ]]> */ </script> <script type='text/javascript' src='https://www.pixellyft.com/wp-content/plugins/gutentor/assets/js/gutentor.js?ver=3.2.5' id='gutentor-block-js'></script> <script type='text/javascript' src='https://www.pixellyft.com/wp-content/plugins/td-cloud-library/assets/js/js_files_for_front.min.js?ver=4173294bcf58591c4439ff8ccd792f1ex' id='tdb_js_files_for_front-js'></script> <script type='text/javascript' id='fifu-image-js-js-extra'> /* <![CDATA[ */ var fifuImageVars = {"fifu_lazy":"","fifu_woo_lbox_enabled":"1","fifu_woo_zoom":"inline","fifu_is_product":"","fifu_is_flatsome_active":"","fifu_rest_url":"https:\/\/www.pixellyft.com\/wp-json\/","fifu_nonce":"5c5f5981eb"}; /* ]]> */ </script> <script type='text/javascript' src='https://www.pixellyft.com/wp-content/plugins/featured-image-from-url/includes/html/js/image.js?ver=4.2.1' id='fifu-image-js-js'></script> <script> /* global jQuery:{} */ jQuery().ready(function () { var blockUid = 'tdi_33', $blockObj = jQuery('.tdi_33'), modalUid = 'td_m_246d', $modalObj = $blockObj.find('.tdm-popup-modal-wrap'), show_modal_in_composer = ''; if( $modalObj.length && modalUid != '' ) { var tdPopupModalItem = new tdPopupModal.item(), $triggerBtnObj = $blockObj.find('a.tdm-btn'); // modal uid tdPopupModalItem.uid = modalUid; // block uid tdPopupModalItem.blockUid = blockUid; // modal object tdPopupModalItem.modalObj = $modalObj; // modal open position tdPopupModalItem._modal_open_position = 'over-screen'; // modal open disable site scroll tdPopupModalItem._site_scroll = '1'; // check to see whether we are in composer or not // we are not in composer // trigger button object if( $triggerBtnObj.length ) { tdPopupModalItem.triggerBtnObj = $triggerBtnObj; } // trigger types tdPopupModalItem._modal_trigger_types = {"button":[]}; tdPopupModal.addItem(tdPopupModalItem); } }); jQuery().ready(function () { var tdbSearchItem = new tdbSearch.item(); //block unique ID tdbSearchItem.blockUid = 'tdi_51'; tdbSearchItem.blockAtts = '{"form_align":"content-horiz-left","results_msg_align":"content-horiz-center","image_floated":"float_left","image_width":"30","image_size":"td_324x400","show_cat":"","show_btn":"none","show_date":"","show_review":"none","show_com":"none","show_excerpt":"none","show_author":"none","meta_padding":"eyJhbGwiOiIwIDAgMCAxMnB4IiwicG9ydHJhaXQiOiIwIDAgMCAxMHB4IiwibGFuZHNjYXBlIjoiMCAwIDAgMTBweCJ9","art_title":"eyJwaG9uZSI6IjAiLCJhbGwiOiIwIDAgMTBweCAwIiwibGFuZHNjYXBlIjoiMCAwIDZweCAwIiwicG9ydHJhaXQiOiIwIDAgNHB4IDAifQ==","all_modules_space":"eyJhbGwiOiIyMCIsInBvcnRyYWl0IjoiMTUiLCJsYW5kc2NhcGUiOiIxNSJ9","icon_padding":"eyJhbGwiOjIsInBvcnRyYWl0IjoiMS42In0=","icon_size":"eyJhbGwiOiIxNyIsInBvcnRyYWl0IjoiMTUifQ==","all_underline_color":"","tdc_css":"eyJhbGwiOnsiZGlzcGxheSI6ImlubGluZS1ibG9jayJ9LCJsYW5kc2NhcGUiOnsiZGlzcGxheSI6ImlubGluZS1ibG9jayJ9LCJsYW5kc2NhcGVfbWF4X3dpZHRoIjoxMTQwLCJsYW5kc2NhcGVfbWluX3dpZHRoIjoxMDE5LCJwb3J0cmFpdCI6eyJkaXNwbGF5IjoiaW5saW5lLWJsb2NrIn0sInBvcnRyYWl0X21heF93aWR0aCI6MTAxOCwicG9ydHJhaXRfbWluX3dpZHRoIjo3Njh9","toggle_horiz_align":"content-horiz-left","results_msg_padding":"eyJwb3J0cmFpdCI6IjdweCJ9","results_limit":"6","modules_gap":"20","form_width":"eyJhbGwiOiI5MDAiLCJsYW5kc2NhcGUiOiI4MDAiLCJwb3J0cmFpdCI6IjcwMCJ9","form_offset_left":"eyJhbGwiOiItOTYiLCJsYW5kc2NhcGUiOiItOTIiLCJwb3J0cmFpdCI6Ii03NCJ9","results_padding":"eyJhbGwiOiIyNXB4IDIwcHgiLCJwb3J0cmFpdCI6IjIwcHggMjBweCJ9","btn_bg":"#ec3535","btn_bg_h":"#000000","btn_color_h":"#ffffff","f_results_msg_font_style":"normal","f_results_msg_font_family":"653","f_results_msg_font_size":"12","f_results_msg_font_transform":"uppercase","results_msg_color":"#ec3535","results_msg_color_h":"#000000","f_title_font_family":"456","f_title_font_size":"eyJhbGwiOiIxNSIsInBvcnRyYWl0IjoiMTEiLCJwaG9uZSI6IjIwIiwibGFuZHNjYXBlIjoiMTQifQ==","f_title_font_line_height":"1.2","form_shadow_shadow_size":"16","form_shadow_shadow_offset_vertical":"2","form_shadow_shadow_color":"rgba(0,0,0,0.09)","f_input_font_family":"653","f_input_font_size":"eyJhbGwiOiIxNCIsInBvcnRyYWl0IjoiMTMifQ==","f_placeholder_font_size":"eyJhbGwiOiIxNCIsInBvcnRyYWl0IjoiMTMifQ==","f_placeholder_font_family":"653","arrow_color":"#ffffff","title_txt":"#000000","title_txt_hover":"#ec3535","f_toggle_txt_font_line_height":"3","tdicon":"td-icon-magnifier-big-rounded","f_toggle_txt_font_family":"653","f_toggle_txt_font_size":"eyJhbGwiOiIxNCIsInBvcnRyYWl0IjoiMTMifQ==","toggle_txt_pos":"","toggle_txt_color":"#000000","f_toggle_txt_font_weight":"600","show_form":"yes","toggle_txt":"Search","form_align_screen":"","placeholder_travel":"13","f_title_font_weight":"600","meta_info_align":"center","results_border":"0","form_border":"0","f_results_msg_font_weight":"600","icon_color":"#000000","icon_color_h":"#ec3535","toggle_txt_color_h":"#ec3535","modules_on_row":"50%","mc1_tl":"15","btn_icon_size":"eyJwb3J0cmFpdCI6IjEwIn0=","modules_category_padding":"3px 0","modules_category_margin":"eyJhbGwiOiIwIDVweCAwIDAiLCJwb3J0cmFpdCI6IjAgM3B4IDAgMCJ9","cat_bg":"rgba(255,255,255,0)","cat_bg_hover":"rgba(255,255,255,0)","cat_txt":"#ec3535","cat_txt_hover":"#000000","f_cat_font_family":"653","f_cat_font_transform":"uppercase","f_meta_font_family":"653","f_cat_font_size":"eyJhbGwiOiIxMiIsInBvcnRyYWl0IjoiMTEifQ==","f_meta_font_size":"eyJhbGwiOiIxMiIsInBvcnRyYWl0IjoiMTEifQ==","f_cat_font_line_height":"1","f_meta_font_line_height":"1","block_type":"tdb_header_search","disable_trigger":"","show_results":"yes","separator":"","disable_live_search":"","exclude_pages":"","exclude_posts":"","toggle_txt_align":"0","toggle_txt_space":"","inline":"","float_block":"","form_offset":"","form_content_width":"","form_padding":"","input_placeholder":"","input_padding":"","input_border":"","input_radius":"","btn_text":"Search","btn_tdicon":"","btn_icon_pos":"","btn_icon_space":"","btn_icon_align":"0","btn_margin":"","btn_padding":"","btn_border":"","btn_radius":"","results_msg_border":"","mc1_title_tag":"","mc1_el":"","m_padding":"","modules_border_size":"","modules_border_style":"","modules_border_color":"#eaeaea","modules_divider":"","modules_divider_color":"#eaeaea","h_effect":"","image_alignment":"50","image_height":"","image_radius":"","hide_image":"","video_icon":"","show_vid_t":"block","vid_t_margin":"","vid_t_padding":"","vid_t_color":"","vid_t_bg_color":"","f_vid_time_font_header":"","f_vid_time_font_title":"Video duration text","f_vid_time_font_settings":"","f_vid_time_font_family":"","f_vid_time_font_size":"","f_vid_time_font_line_height":"","f_vid_time_font_style":"","f_vid_time_font_weight":"","f_vid_time_font_transform":"","f_vid_time_font_spacing":"","f_vid_time_":"","excl_show":"inline-block","excl_txt":"","excl_margin":"","excl_padd":"","all_excl_border":"","all_excl_border_style":"solid","excl_radius":"","excl_color":"","excl_color_h":"","excl_bg":"","excl_bg_h":"","all_excl_border_color":"","excl_border_color_h":"","f_excl_font_header":"","f_excl_font_title":"Label text","f_excl_font_settings":"","f_excl_font_family":"","f_excl_font_size":"","f_excl_font_line_height":"","f_excl_font_style":"","f_excl_font_weight":"","f_excl_font_transform":"","f_excl_font_spacing":"","f_excl_":"","meta_info_horiz":"content-horiz-left","meta_width":"","meta_margin":"","meta_info_border_size":"","meta_info_border_style":"","meta_info_border_color":"#eaeaea","art_btn":"","modules_category":"","modules_cat_border":"","modules_category_radius":"0","modules_extra_cat":"","author_photo":"","author_photo_size":"","author_photo_space":"","author_photo_radius":"","show_modified_date":"","time_ago":"","time_ago_add_txt":"ago","time_ago_txt_pos":"","review_space":"","review_size":"2.5","review_distance":"","art_excerpt":"","excerpt_col":"1","excerpt_gap":"","excerpt_middle":"","btn_title":"","btn_border_width":"","form_general_bg":"","f_toggle_txt_font_header":"","f_toggle_txt_font_title":"Text","f_toggle_txt_font_settings":"","f_toggle_txt_font_style":"","f_toggle_txt_font_transform":"","f_toggle_txt_font_spacing":"","f_toggle_txt_":"","form_bg":"","form_border_color":"","form_shadow_shadow_header":"","form_shadow_shadow_title":"Shadow","form_shadow_shadow_offset_horizontal":"","form_shadow_shadow_spread":"","input_color":"","placeholder_color":"","placeholder_opacity":"0","input_bg":"","input_border_color":"","input_shadow_shadow_header":"","input_shadow_shadow_title":"Input shadow","input_shadow_shadow_size":"","input_shadow_shadow_offset_horizontal":"","input_shadow_shadow_offset_vertical":"","input_shadow_shadow_spread":"","input_shadow_shadow_color":"","btn_color":"","btn_icon_color":"","btn_icon_color_h":"","btn_border_color":"","btn_border_color_h":"","btn_shadow_shadow_header":"","btn_shadow_shadow_title":"Button shadow","btn_shadow_shadow_size":"","btn_shadow_shadow_offset_horizontal":"","btn_shadow_shadow_offset_vertical":"","btn_shadow_shadow_spread":"","btn_shadow_shadow_color":"","f_input_font_header":"","f_input_font_title":"Input text","f_input_font_settings":"","f_input_font_line_height":"","f_input_font_style":"","f_input_font_weight":"","f_input_font_transform":"","f_input_font_spacing":"","f_input_":"","f_placeholder_font_title":"Placeholder text","f_placeholder_font_settings":"","f_placeholder_font_line_height":"","f_placeholder_font_style":"","f_placeholder_font_weight":"","f_placeholder_font_transform":"","f_placeholder_font_spacing":"","f_placeholder_":"","f_btn_font_title":"Button text","f_btn_font_settings":"","f_btn_font_family":"","f_btn_font_size":"","f_btn_font_line_height":"","f_btn_font_style":"","f_btn_font_weight":"","f_btn_font_transform":"","f_btn_font_spacing":"","f_btn_":"","results_bg":"","results_border_color":"","results_msg_bg":"","results_msg_border_color":"","f_results_msg_font_header":"","f_results_msg_font_title":"Text","f_results_msg_font_settings":"","f_results_msg_font_line_height":"","f_results_msg_font_spacing":"","f_results_msg_":"","m_bg":"","color_overlay":"","shadow_module_shadow_header":"","shadow_module_shadow_title":"Module Shadow","shadow_module_shadow_size":"","shadow_module_shadow_offset_horizontal":"","shadow_module_shadow_offset_vertical":"","shadow_module_shadow_spread":"","shadow_module_shadow_color":"","all_underline_height":"","cat_border":"","cat_border_hover":"","meta_bg":"","author_txt":"","author_txt_hover":"","date_txt":"","ex_txt":"","com_bg":"","com_txt":"","rev_txt":"","shadow_meta_shadow_header":"","shadow_meta_shadow_title":"Meta info shadow","shadow_meta_shadow_size":"","shadow_meta_shadow_offset_horizontal":"","shadow_meta_shadow_offset_vertical":"","shadow_meta_shadow_spread":"","shadow_meta_shadow_color":"","btn_bg_hover":"","btn_txt":"","btn_txt_hover":"","btn_border_hover":"","f_title_font_header":"","f_title_font_title":"Article title","f_title_font_settings":"","f_title_font_style":"","f_title_font_transform":"","f_title_font_spacing":"","f_title_":"","f_cat_font_title":"Article category tag","f_cat_font_settings":"","f_cat_font_style":"","f_cat_font_weight":"","f_cat_font_spacing":"","f_cat_":"","f_meta_font_title":"Article meta info","f_meta_font_settings":"","f_meta_font_style":"","f_meta_font_weight":"","f_meta_font_transform":"","f_meta_font_spacing":"","f_meta_":"","f_ex_font_title":"Article excerpt","f_ex_font_settings":"","f_ex_font_family":"","f_ex_font_size":"","f_ex_font_line_height":"","f_ex_font_style":"","f_ex_font_weight":"","f_ex_font_transform":"","f_ex_font_spacing":"","f_ex_":"","el_class":"","block_template_id":"","td_column_number":1,"header_color":"","ajax_pagination_infinite_stop":"","offset":"","limit":"5","td_ajax_preloading":"","td_ajax_filter_type":"","td_filter_default_txt":"","td_ajax_filter_ids":"","color_preset":"","ajax_pagination":"","border_top":"","css":"","class":"tdi_51","tdc_css_class":"tdi_51","tdc_css_class_style":"tdi_51_rand_style"}'; tdbSearchItem.jqueryObj = jQuery('.tdi_51'); tdbSearchItem._openSearchFormClass = 'tdb-drop-down-search-open'; tdbSearchItem._resultsLimit = '6'; tdbSearch.addItem( tdbSearchItem ); }); /* global jQuery:{} */ jQuery(window).on( 'load', function () { var tdbMenuItem = new tdbMenu.item(); tdbMenuItem.blockUid = 'tdi_65'; tdbMenuItem.jqueryObj = jQuery('.tdi_65'); tdbMenuItem.isMegaMenuFull = true; tdbMenu.addItem(tdbMenuItem); }); /* global jQuery:{} */ jQuery(window).on( 'load', function () { var tdbMenuItem = new tdbMenu.item(); tdbMenuItem.blockUid = 'tdi_79'; tdbMenuItem.jqueryObj = jQuery('.tdi_79'); tdbMenuItem.isMegaMenuFull = true; tdbMenu.addItem(tdbMenuItem); }); jQuery().ready(function () { var tdsLeadsItem = new tdsLeads.item(); // block unique ID tdsLeadsItem.blockUid = 'tdi_119'; tdsLeadsItem.jqueryObj = jQuery('.tdi_119'); // info/error messages tdsLeadsItem.messages = {"ack_require":"Acknowledgment is required!"}; tdsLeads.addItem( tdsLeadsItem ); }); </script> </body> </html> <!-- Page generated by LiteSpeed Cache 5.3 on 2022-12-02 09:16:41 -->