{"id":360,"date":"2018-02-16T13:37:55","date_gmt":"2018-02-16T13:37:55","guid":{"rendered":"https:\/\/demo.tagdiv.com\/newspaper_crypto\/?page_id=360"},"modified":"2018-02-27T11:41:13","modified_gmt":"2018-02-27T11:41:13","slug":"paralax","status":"publish","type":"page","link":"https:\/\/demo.tagdiv.com\/newspaper_crypto\/paralax\/","title":{"rendered":"Parallax"},"content":{"rendered":"<div id=\"tdi_1\" class=\"tdc-row stretch_row_1400 td-stretch-content\"><div class=\"vc_row tdi_2  wpb_row td-pb-row tdc-element-style tdc-row-content-vert-center\" >\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_2,\r\n                .tdi_2 .tdc-columns{\r\n                    min-height: 0;\r\n                }.tdi_2,\r\n\t\t\t\t.tdi_2 .tdc-columns{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_2 .tdc-columns{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}.tdi_2:before,\r\n\t\t\t\t.tdi_2:after{\r\n\t\t\t\t    display: table;\r\n\t\t\t\t}@media (min-width: 767px) {\r\n                    .tdi_2.tdc-row-content-vert-center,\r\n                    .tdi_2.tdc-row-content-vert-center .tdc-columns {\r\n                        display: flex;\r\n                        align-items: center;\r\n                        flex: 1;\r\n                    }\r\n                    .tdi_2.tdc-row-content-vert-bottom,\r\n                    .tdi_2.tdc-row-content-vert-bottom .tdc-columns {\r\n                        display: flex;\r\n                        align-items: flex-end;\r\n                        flex: 1;\r\n                    }\r\n                    .tdi_2.tdc-row-content-vert-center .td_block_wrap {\r\n                        vertical-align: middle;\r\n                    }\r\n                    .tdi_2.tdc-row-content-vert-bottom .td_block_wrap {\r\n                        vertical-align: bottom;\r\n                    }\r\n                }\n\/* inline tdc_css att - generated by TagDiv Composer *\/\n\n.tdi_2{\nmargin-top:-48px !important;\npadding-top:200px !important;\npadding-bottom:200px !important;\njustify-content:center !important;\ntext-align:center !important;\nposition:relative;\n}\n\n.tdi_2 .td_block_wrap{ text-align:left }\n\n\/* phone *\/\n@media (max-width: 767px)\n{\n.tdi_2{\nmargin-top:-40px !important;\npadding-top:100px !important;\npadding-bottom:100px !important;\n}\n}\n\n<\/style>\n<div class=\"tdi_1_rand_style td-element-style\" ><div class=\"td-element-style-before\"><style>\n\/* custom css - generated by TagDiv Composer *\/\n\n.tdi_1_rand_style > .td-element-style-before {\ncontent:'' !important;\nwidth:100% !important;\nheight:100% !important;\nposition:absolute !important;\ntop:0 !important;\nleft:0 !important;\ndisplay:block !important;\nz-index:0 !important;\nbackground-image:url(\"https:\/\/demo.tagdiv.com\/newspaper_crypto\/wp-content\/uploads\/2018\/02\/5.jpg\") !important;\nbackground-position:center center !important;\nbackground-size:cover !important;\n}\n<\/style><\/div><style>\n\/* custom css - generated by TagDiv Composer *\/\n \n.tdi_1_rand_style::after {\ncontent:'' !important;\nwidth:100% !important;\nheight:100% !important;\nposition:absolute !important;\ntop:0 !important;\nleft:0 !important;\nz-index:0 !important;\ndisplay:block !important;\nbackground: rgba(0,0,0,0.6) !important;\n}\n<\/style><\/div><div class=\"vc_column tdi_4  wpb_column vc_column_container tdc-column td-pb-span12\">\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_4{\r\n                    vertical-align: baseline;\r\n                }.tdi_4 > .wpb_wrapper,\r\n\t\t\t\t.tdi_4 > .wpb_wrapper > .tdc-elements{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_4 > .wpb_wrapper > .tdc-elements{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}.tdi_4 > .wpb_wrapper > .vc_row_inner{\r\n\t\t\t\t    width: auto;\r\n\t\t\t\t}.tdi_4 > .wpb_wrapper{\r\n\t\t\t\t    width: auto;\r\n\t\t\t\t    height: auto;\r\n\t\t\t\t}\n<\/style><div class=\"wpb_wrapper\" ><div class=\"tdm_block td_block_wrap tdm_block_column_title tdi_5 tdm-content-horiz-center td-pb-border-top td_block_template_1\"  data-td-block-uid=\"tdi_5\" >\n<style>\n\n\/* inline tdc_css att - generated by TagDiv Composer *\/\n\n.tdi_5{\nmargin-bottom:20px !important;\n}\n\n\/* phone *\/\n@media (max-width: 767px)\n{\n.tdi_5{\nmargin-bottom:0px !important;\n}\n}\n\n\/* portrait *\/\n@media (min-width: 768px) and (max-width: 1018px)\n{\n.tdi_5{\nmargin-bottom:0px !important;\n}\n}\n\n<\/style>\n<style>\n\/* custom css - generated by TagDiv Composer *\/\n.tdm_block_column_title{\r\n                  margin-bottom: 0;\r\n                  display: inline-block;\r\n                  width: 100%;\r\n                }\n<\/style><div class=\"td-block-row\"><div class=\"td-block-span12 tdm-col\">\n<style>\n\/* custom css - generated by TagDiv Composer *\/\nbody .tdi_6 .tdm-title{\r\n\t\t\t\t\tcolor: #ffffff;\r\n\t\t\t\t}.tdi_6 .tdm-title{\r\n\t\t\t\t\tfont-size:50px !important;font-weight:400 !important;\r\n\t\t\t\t}\n\n\/* portrait *\/\n@media (min-width: 768px) and (max-width: 1018px){\n.tdi_6 .tdm-title{\r\n\t\t\t\t\tfont-size:36px !important;\r\n\t\t\t\t}\n}\n\n\/* phone *\/\n@media (max-width: 767px){\n.tdi_6 .tdm-title{\r\n\t\t\t\t\tfont-size:24px !important;line-height:1 !important;\r\n\t\t\t\t}\n}\n<\/style><div class=\"tds-title tds-title1 td-fix-index tdi_6 \"><h3 class=\"tdm-title tdm-title-md\">NEWSPAPER<\/h3><\/div><\/div><\/div><\/div><div class=\"tdm_block td_block_wrap tdm_block_column_title tdi_7 tdm-content-horiz-center td-pb-border-top td_block_template_1\"  data-td-block-uid=\"tdi_7\" ><div class=\"td-block-row\"><div class=\"td-block-span12 tdm-col\">\n<style>\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_8 .tdm-title{\r\n\t\t\t\t\tcolor: #ffffff;\r\n\t\t\t\t\r\n\t\t\t\t\tfont-family:Satisfy !important;font-size:80px !important;font-weight:700 !important;\r\n\t\t\t\t}.tdi_8 .tdm-title-line{\r\n\t\t\t\t\twidth: 150px;\r\n\t\t\t\t\r\n\t\t\t\t\theight: 150px;\r\n\t\t\t\t}.tdi_8 .tdm-title-line:after{\r\n\t\t\t\t\theight: 3px;\r\n\t\t\t\t\r\n\t\t\t\t\tbottom: 0%;\r\n\t\t\t\t}\n\n\/* portrait *\/\n@media (min-width: 768px) and (max-width: 1018px){\n.tdi_8 .tdm-title{\r\n\t\t\t\t\tfont-size:64px !important;\r\n\t\t\t\t}\n}\n\n\/* phone *\/\n@media (max-width: 767px){\n.tdi_8 .tdm-title-line{\r\n\t\t\t\t\theight: 80px;\r\n\t\t\t\t}.tdi_8 .tdm-title{\r\n\t\t\t\t\tfont-size:40px !important;\r\n\t\t\t\t}\n}\n<\/style><div class=\"tds-title tds-title2 td-fix-index tdi_8 \"><h3 class=\"tdm-title tdm-title-md\">Background Parallax<\/h3><div class=\"tdm-title-line\"><\/div><\/div><\/div><\/div><\/div><div class=\"tdm_block td_block_wrap tdm_block_inline_text tdi_9 tdm-inline-block td-pb-border-top td_block_template_1\"  data-td-block-uid=\"tdi_9\" >\n<style>\n\n\/* inline tdc_css att - generated by TagDiv Composer *\/\n\n.tdi_9{\npadding-right:300px !important;\npadding-left:300px !important;\n}\n\n\/* landscape *\/\n@media (min-width: 1019px) and (max-width: 1140px)\n{\n.tdi_9{\npadding-right:100px !important;\npadding-left:100px !important;\n}\n}\n\n\/* portrait *\/\n@media (min-width: 768px) and (max-width: 1018px)\n{\n.tdi_9{\npadding-right:0px !important;\npadding-left:0px !important;\n}\n}\n\n\/* phone *\/\n@media (max-width: 767px)\n{\n.tdi_9{\npadding-right:0px !important;\npadding-left:0px !important;\n}\n}\n\n<\/style>\n<style>\n\/* custom css - generated by TagDiv Composer *\/\n.tdm_block.tdm_block_inline_text{\r\n                  margin-bottom: 0;\r\n                  vertical-align: top;\r\n                }.tdm_block.tdm_block_inline_text .tdm-descr{\r\n                  margin-bottom: 0;\r\n                  -webkit-transform: translateZ(0);\r\n                  transform: translateZ(0);\r\n                }.tdc-row-content-vert-center .tdm-inline-text-yes{\r\n                  vertical-align: middle;\r\n                }.tdc-row-content-vert-bottom .tdm-inline-text-yes{\r\n                  vertical-align: bottom;\r\n                }.tdi_9{\r\n                    text-align: center !important;\r\n                    margin-right: auto; \r\n                    margin-left: auto;\r\n                }.tdi_9 .tdm-descr{\r\n                    color: rgba(255,255,255,0.81);\r\n                \r\n\t\t\t\t\tfont-size:22px !important;line-height:1.3 !important;font-weight:400 !important;\r\n\t\t\t\t}\n\n\/* portrait *\/\n@media (min-width: 768px) and (max-width: 1018px){\n.tdi_9 .tdm-descr{\r\n\t\t\t\t\tfont-size:20px !important;\r\n\t\t\t\t}\n}\n\n\/* phone *\/\n@media (max-width: 767px){\n.tdi_9 .tdm-descr{\r\n\t\t\t\t\tfont-size:16px !important;\r\n\t\t\t\t}\n}\n<\/style><p class=\"tdm-descr\">Use this amazing feature on the background of any row!<br>Upload your image and configure everything in a heartbeat: check the parallax box, configure the opacity and color overlay!<\/p><\/div><\/div><\/div><\/div><\/div>\r\n\t\t\t<script>\r\n\r\n\t\t\t\tjQuery(window).ready(function () {\r\n\r\n\t\t\t\t\t\/\/ We need timeout because the content must be rendered and interpreted on client\r\n\t\t\t\t\tsetTimeout(function () {\r\n\r\n\t\t\t\t\t\tvar $content = jQuery('body').find('#tdc-live-iframe'),\r\n\t\t\t\t\t\t\trefWindow = undefined;\r\n\r\n\t\t\t\t\t\tif ($content.length) {\r\n\t\t\t\t\t\t\t$content = $content.contents();\r\n\t\t\t\t\t\t\trefWindow = document.getElementById('tdc-live-iframe').contentWindow || document.getElementById('tdc-live-iframe').contentDocument;\r\n\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t$content = jQuery('body');\r\n\t\t\t\t\t\t\trefWindow = window;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t$content.find('#tdi_1 .td-element-style-before').each(function (index, element) {\r\n\t\t\t\t\t\t\tif ('undefined' !== typeof refWindow.td_compute_parallax_background) {\r\n\t\t\t\t\t\t\t\trefWindow.td_compute_parallax_background(element);\r\n\t\t\t\t\t\t\t\treturn;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\t$content.find('#tdi_1 .tdc-video-parallax-wrapper').each(function (index, element) {\r\n\t\t\t\t\t\t\tif ( 'undefined' !== typeof refWindow.td_compute_parallax_background ) {\r\n\t\t\t\t\t\t\t\trefWindow.td_compute_parallax_background(element);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t});\r\n\r\n\r\n\t\t\t\t\t\tif ('undefined' !== typeof refWindow.td_compute_parallax_background) {\r\n\t\t\t\t\t\t\trefWindow.tdAnimationScroll.compute_all_items();\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t}, 200);\r\n\t\t\t<\/script>\r\n\r\n\t\t\t<div id=\"tdi_10\" class=\"tdc-row tdc-row-video-background stretch_row_1400 td-stretch-content\"><div class=\"vc_row tdi_11  wpb_row td-pb-row tdc-element-style tdc-row-content-vert-center\" ><div class=\"tdc-video-outer-wrapper\"><div class=\"tdc-video-parallax-wrapper\"><div class=\"tdc-video-inner-wrapper\" data-video-service=\"self-hosted\" data-video-js-switch=\"false\"  data-video-scale=\"\" data-video-opacity=\"\">                    <style>\r\n\r\n                        \/* custom css - generated by TagDiv Composer *\/\r\n                        .tdc-row-video-background {\r\n                            position: relative;\r\n                        }\r\n                        .tdc-video-outer-wrapper {\r\n                            position: absolute;\r\n                            width: 100%;\r\n                            height: 100%;\r\n                            overflow: hidden;\r\n                            left: 0;\r\n                            right: 0;\r\n                            pointer-events: none;\r\n                            top: 0;\r\n                        }\r\n                        .tdc-video-thumb-on-mobile {\r\n                            display: none;\r\n                            background-size: cover;\r\n                            background-position: center top;\r\n                            width: 100%;\r\n                            height: 100%;\r\n                            position: absolute;\r\n                            top: 0;\r\n                            left: 0;\r\n                        }\r\n                        @media (max-width: 767px) {\r\n                            .tdc-video-outer-wrapper {\r\n                                width: 100vw;\r\n                                left: 50%;\r\n                                transform: translateX(-50%);\r\n                                -webkit-transform: translateX(-50%);\r\n                            }\r\n                        }\r\n                        .tdc-video-parallax-wrapper,\r\n                        .tdc-video-inner-wrapper {\r\n                            position: absolute;\r\n                            width: 100%;\r\n                            height: 100%;\r\n                            left: 0;\r\n                            right: 0;\r\n                        }\r\n                        .tdc-video-inner-wrapper iframe,\r\n                        .tdc-video-inner-wrapper video {\r\n                            position: absolute;\r\n                            left: 50%;\r\n                            top: 50%;\r\n                            transform: translate3d(-50%, -50%, 0);\r\n                            -webkit-transform: translate3d(-50%, -50%, 0);\r\n                            -moz-transform: translate3d(-50%, -50%, 0);\r\n                            -ms-transform: translate3d(-50%, -50%, 0);\r\n                            -o-transform: translate3d(-50%, -50%, 0);\r\n                        }\r\n                        .tdc-video-inner-wrapper iframe {\r\n                            opacity: 0;\r\n                            transition: opacity 0.4s;\r\n                        }\r\n                        .tdc-video-inner-wrapper video {\r\n                            max-width: none;\r\n                            width: 100%;\r\n                            height: 100%;\r\n                            object-fit: cover;\r\n                        }\r\n                        .tdc-video-inner-wrapper iframe.tdc-video-background-visible {\r\n                            opacity: 1 !important;\r\n                        }\r\n                        .tdc-row[class*=\"stretch_row\"] .tdc-video-outer-wrapper {\r\n                            width: 100vw;\r\n                            left: 50%;\r\n                            transform: translateX(-50%);\r\n                            -webkit-transform: translateX(-50%);\r\n                            -moz-transform: translateX(-50%);\r\n                            -ms-transform: translateX(-50%);\r\n                            -o-transform: translateX(-50%);\r\n                        }\r\n\r\n                    <\/style>\r\n                    <\/div><\/div><\/div>                    <script>\r\n                        jQuery(window).ready(function () {\r\n\r\n                            \/\/ We need timeout because the content must be rendered and interpreted on client.\r\n                            setTimeout(function() {\r\n\r\n                                let $content = jQuery('body').find('#tdc-live-iframe')\r\n                                if ($content.length) {\r\n                                    $content = $content.contents()\r\n                                } else {\r\n                                    $content = jQuery('body')\r\n                                }\r\n\r\n                                const $tdcVideoInnerWrappers = $content.find('#tdi_10 .tdc-video-inner-wrapper:first')\r\n                                $tdcVideoInnerWrappers.each(function() {\r\n                                    const $wrapper = jQuery(this)\r\n                                    const videoService = $wrapper.data('video-service')\r\n\r\n                                    if ('undefined' !== typeof $wrapper.data('video-scale')) {\r\n                                        $wrapper.css({\r\n                                            transform: 'scale(' + $wrapper.data('video-scale') + ')'\r\n                                        });\r\n                                    }\r\n                                    if ('undefined' !== typeof $wrapper.data('video-opacity')) {\r\n                                        $wrapper.css({\r\n                                            opacity: $wrapper.data('video-opacity')\r\n                                        });\r\n                                    }\r\n\r\n                                    switch ( videoService ) {\r\n                                        case 'self-hosted':\r\n                                            const videoJSSwitch = $wrapper.data('video-js-switch')\r\n\r\n                                            if ( videoJSSwitch ) {\r\n                                                const $window = jQuery(window)\r\n                                                const isMobile = $window.outerWidth() <= 500\r\n                                                const desktopVideoURL = $wrapper.data('desktop-video')\r\n                                                const mobileImageURL = $wrapper.data('mobile-image')\r\n                                                const mobileVideoURL = $wrapper.data('mobile-video')\r\n                                                let contentHTML = ''\r\n\r\n                                                if ( !isMobile || ( isMobile && mobileImageURL === '' ) ) {\r\n                                                    contentHTML = '<div class=\"wpb_video_wrapper\">'\r\n                                                        contentHTML += '<video autoplay muted playsinline loop>'\r\n                                                            contentHTML += '<source src=\"' + ( !isMobile ? desktopVideoURL : mobileVideoURL ) + '\">'\r\n                                                        contentHTML += 'Your browser does not support the video tag.'\r\n                                                        contentHTML += '<\/video>'\r\n                                                    contentHTML += '<\/div>'\r\n                                                } else {\r\n                                                    contentHTML = '<div class=\"tdc-video-thumb-on-mobile tdc-is-video-image\" style=\"background-image:url(' + mobileImageURL + ')\"><\/div>'\r\n                                                }\r\n\r\n                                                $wrapper.append(contentHTML)\r\n                                            }\r\n\r\n                                            $content.find('.tdc-video-thumb-on-mobile').show()\r\n\r\n                                            break;\r\n\r\n                                        case 'youtube':\r\n                                            const $iframe = $wrapper.find('iframe')\r\n                                            const autoplayOnMobile = false;\r\n\r\n                                            if ( $iframe.length ) {\r\n                                                if ('undefined' === typeof $iframe.data('src-src')) {\r\n                                                    $iframe.data('api-src', $iframe.attr('src'));\r\n                                                }\r\n\r\n                                                let iframeSettingsStr = '',\r\n                                                    iframeSettings = {\r\n                                                        autoplay: 1,\r\n                                                        loop: 1,\r\n                                                        mute: 1,\r\n                                                        showinfo: 0,\r\n                                                        controls: 0,\r\n                                                        start: 2,\r\n                                                        playlist: 'j5SaFJwGAGE',\r\n                                                    };\r\n\r\n                                                for ( let prop in iframeSettings ) {\r\n                                                    iframeSettingsStr += prop + '=' + iframeSettings[prop] + '&';\r\n                                                }\r\n\r\n                                                $iframe.attr('src', $iframe.data('api-src') + '?' + iframeSettingsStr);\r\n\r\n                                                $iframe.on( 'load', function () {\r\n                                                    var $iframe = jQuery(this),\r\n                                                        iframeWidth = $iframe.width(),\r\n                                                        iframeHeight = $iframe.height(),\r\n                                                        iframeAspectRatio = iframeHeight \/ iframeWidth,\r\n                                                        wrapperWidth = $wrapper.width(),\r\n                                                        wrapperHeight = $wrapper.height(),\r\n                                                        wrapperAspectRatio = wrapperHeight \/ wrapperWidth;\r\n\r\n                                                    $iframe.attr( 'aspect-ratio', iframeAspectRatio );\r\n\r\n                                                    if (iframeAspectRatio < wrapperAspectRatio) {\r\n                                                        $iframe.css({\r\n                                                            width: wrapperHeight \/ iframeAspectRatio,\r\n                                                            height: wrapperHeight\r\n                                                        });\r\n                                                    } else if (iframeAspectRatio > wrapperAspectRatio) {\r\n                                                        $iframe.css({\r\n                                                            width: '100%',\r\n                                                            height: iframeAspectRatio * wrapperWidth\r\n                                                        });\r\n                                                    }\r\n\r\n                                                    setTimeout(function () {\r\n                                                        $iframe.addClass('tdc-video-background-visible');\r\n                                                    }, 100);\r\n                                                });\r\n\r\n                                                if ( !autoplayOnMobile && tdDetect.isMobileDevice ) {\r\n                                                    $content.find('.tdc-video-parallax-wrapper iframe').remove();\r\n                                                    $content.find('.tdc-video-thumb-on-mobile').show();\r\n                                                }\r\n                                            }\r\n\r\n                                            break;\r\n                                    }\r\n                                });\r\n\r\n                            }, 200);\r\n\r\n                        });\r\n                    <\/script>\r\n                    \n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_11,\r\n                .tdi_11 .tdc-columns{\r\n                    min-height: 0;\r\n                }.tdi_11,\r\n\t\t\t\t.tdi_11 .tdc-columns{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_11 .tdc-columns{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}.tdi_11:before,\r\n\t\t\t\t.tdi_11:after{\r\n\t\t\t\t    display: table;\r\n\t\t\t\t}@media (min-width: 767px) {\r\n                    .tdi_11.tdc-row-content-vert-center,\r\n                    .tdi_11.tdc-row-content-vert-center .tdc-columns {\r\n                        display: flex;\r\n                        align-items: center;\r\n                        flex: 1;\r\n                    }\r\n                    .tdi_11.tdc-row-content-vert-bottom,\r\n                    .tdi_11.tdc-row-content-vert-bottom .tdc-columns {\r\n                        display: flex;\r\n                        align-items: flex-end;\r\n                        flex: 1;\r\n                    }\r\n                    .tdi_11.tdc-row-content-vert-center .td_block_wrap {\r\n                        vertical-align: middle;\r\n                    }\r\n                    .tdi_11.tdc-row-content-vert-bottom .td_block_wrap {\r\n                        vertical-align: bottom;\r\n                    }\r\n                }\n\/* inline tdc_css att - generated by TagDiv Composer *\/\n\n.tdi_11{\nmargin-bottom:-40px !important;\npadding-top:400px !important;\npadding-bottom:400px !important;\njustify-content:center !important;\ntext-align:center !important;\nposition:relative;\n}\n\n.tdi_11 .td_block_wrap{ text-align:left }\n\n\/* phone *\/\n@media (max-width: 767px)\n{\n.tdi_11{\npadding-top:60px !important;\npadding-bottom:60px !important;\n}\n}\n\n<\/style>\n<div class=\"tdi_10_rand_style td-element-style\" ><style>\n\/* custom css - generated by TagDiv Composer *\/\n \n.tdi_10_rand_style::after {\ncontent:'' !important;\nwidth:100% !important;\nheight:100% !important;\nposition:absolute !important;\ntop:0 !important;\nleft:0 !important;\nz-index:0 !important;\ndisplay:block !important;\nbackground: linear-gradient(30deg,rgba(164,0,201,0.7), rgba(255,179,2,0.7)) !important;\n}\n<\/style><\/div><div class=\"vc_column tdi_13  wpb_column vc_column_container tdc-column td-pb-span12\">\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_13{\r\n                    vertical-align: baseline;\r\n                }.tdi_13 > .wpb_wrapper,\r\n\t\t\t\t.tdi_13 > .wpb_wrapper > .tdc-elements{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_13 > .wpb_wrapper > .tdc-elements{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}.tdi_13 > .wpb_wrapper > .vc_row_inner{\r\n\t\t\t\t    width: auto;\r\n\t\t\t\t}.tdi_13 > .wpb_wrapper{\r\n\t\t\t\t    width: auto;\r\n\t\t\t\t    height: auto;\r\n\t\t\t\t}\n<\/style><div class=\"wpb_wrapper\" ><div class=\"tdm_block td_block_wrap tdm_block_column_title tdi_14 tdm-content-horiz-center td-pb-border-top td_block_template_1\"  data-td-block-uid=\"tdi_14\" >\n<style>\n\n\/* inline tdc_css att - generated by TagDiv Composer *\/\n\n.tdi_14{\nmargin-bottom:20px !important;\n}\n\n\/* phone *\/\n@media (max-width: 767px)\n{\n.tdi_14{\nmargin-bottom:0px !important;\n}\n}\n\n\/* portrait *\/\n@media (min-width: 768px) and (max-width: 1018px)\n{\n.tdi_14{\nmargin-bottom:0px !important;\n}\n}\n\n<\/style><div class=\"td-block-row\"><div class=\"td-block-span12 tdm-col\">\n<style>\n\/* custom css - generated by TagDiv Composer *\/\nbody .tdi_15 .tdm-title{\r\n\t\t\t\t\tcolor: #ffffff;\r\n\t\t\t\t}.tdi_15 .tdm-title{\r\n\t\t\t\t\tfont-size:50px !important;font-weight:400 !important;text-transform:uppercase !important;\r\n\t\t\t\t}\n\n\/* portrait *\/\n@media (min-width: 768px) and (max-width: 1018px){\n.tdi_15 .tdm-title{\r\n\t\t\t\t\tfont-size:36px !important;\r\n\t\t\t\t}\n}\n\n\/* phone *\/\n@media (max-width: 767px){\n.tdi_15 .tdm-title{\r\n\t\t\t\t\tfont-size:24px !important;line-height:1 !important;\r\n\t\t\t\t}\n}\n<\/style><div class=\"tds-title tds-title1 td-fix-index tdi_15 \"><h3 class=\"tdm-title tdm-title-md\">Video Parallax<\/h3><\/div><\/div><\/div><\/div><div class=\"tdm_block td_block_wrap tdm_block_inline_text tdi_16 tdm-inline-block td-pb-border-top td_block_template_1\"  data-td-block-uid=\"tdi_16\" >\n<style>\n\n\/* inline tdc_css att - generated by TagDiv Composer *\/\n\n.tdi_16{\npadding-right:300px !important;\npadding-left:300px !important;\n}\n\n\/* landscape *\/\n@media (min-width: 1019px) and (max-width: 1140px)\n{\n.tdi_16{\npadding-right:100px !important;\npadding-left:100px !important;\n}\n}\n\n\/* portrait *\/\n@media (min-width: 768px) and (max-width: 1018px)\n{\n.tdi_16{\npadding-right:0px !important;\npadding-left:0px !important;\n}\n}\n\n\/* phone *\/\n@media (max-width: 767px)\n{\n.tdi_16{\npadding-right:0px !important;\npadding-left:0px !important;\n}\n}\n\n<\/style>\n<style>\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_16{\r\n                    text-align: center !important;\r\n                    margin-right: auto; \r\n                    margin-left: auto;\r\n                }.tdi_16 .tdm-descr{\r\n                    color: rgba(255,255,255,0.81);\r\n                \r\n\t\t\t\t\tfont-size:22px !important;line-height:1.3 !important;font-weight:400 !important;\r\n\t\t\t\t}\n\n\/* portrait *\/\n@media (min-width: 768px) and (max-width: 1018px){\n.tdi_16 .tdm-descr{\r\n\t\t\t\t\tfont-size:20px !important;\r\n\t\t\t\t}\n}\n\n\/* phone *\/\n@media (max-width: 767px){\n.tdi_16 .tdm-descr{\r\n\t\t\t\t\tfont-size:16px !important;\r\n\t\t\t\t}\n}\n<\/style><p class=\"tdm-descr\">You can even use the parallax feature on your video backgrounds! Input the video ID, check the \"Add Parallax\" box, and scroll to see it live!<\/p><\/div><\/div><\/div><\/div><\/div>\r\n\t\t\t<script>\r\n\r\n\t\t\t\tjQuery(window).ready(function () {\r\n\r\n\t\t\t\t\t\/\/ We need timeout because the content must be rendered and interpreted on client\r\n\t\t\t\t\tsetTimeout(function () {\r\n\r\n\t\t\t\t\t\tvar $content = jQuery('body').find('#tdc-live-iframe'),\r\n\t\t\t\t\t\t\trefWindow = undefined;\r\n\r\n\t\t\t\t\t\tif ($content.length) {\r\n\t\t\t\t\t\t\t$content = $content.contents();\r\n\t\t\t\t\t\t\trefWindow = document.getElementById('tdc-live-iframe').contentWindow || document.getElementById('tdc-live-iframe').contentDocument;\r\n\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t$content = jQuery('body');\r\n\t\t\t\t\t\t\trefWindow = window;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t$content.find('#tdi_10 .td-element-style-before').each(function (index, element) {\r\n\t\t\t\t\t\t\tif ('undefined' !== typeof refWindow.td_compute_parallax_background) {\r\n\t\t\t\t\t\t\t\trefWindow.td_compute_parallax_background(element);\r\n\t\t\t\t\t\t\t\treturn;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\t$content.find('#tdi_10 .tdc-video-parallax-wrapper').each(function (index, element) {\r\n\t\t\t\t\t\t\tif ( 'undefined' !== typeof refWindow.td_compute_parallax_background ) {\r\n\t\t\t\t\t\t\t\trefWindow.td_compute_parallax_background(element);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t});\r\n\r\n\r\n\t\t\t\t\t\tif ('undefined' !== typeof refWindow.td_compute_parallax_background) {\r\n\t\t\t\t\t\t\trefWindow.tdAnimationScroll.compute_all_items();\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t}, 200);\r\n\t\t\t<\/script>\r\n\r\n\t\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-360","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/demo.tagdiv.com\/newspaper_crypto\/wp-json\/wp\/v2\/pages\/360"}],"collection":[{"href":"https:\/\/demo.tagdiv.com\/newspaper_crypto\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.tagdiv.com\/newspaper_crypto\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.tagdiv.com\/newspaper_crypto\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.tagdiv.com\/newspaper_crypto\/wp-json\/wp\/v2\/comments?post=360"}],"version-history":[{"count":16,"href":"https:\/\/demo.tagdiv.com\/newspaper_crypto\/wp-json\/wp\/v2\/pages\/360\/revisions"}],"predecessor-version":[{"id":685,"href":"https:\/\/demo.tagdiv.com\/newspaper_crypto\/wp-json\/wp\/v2\/pages\/360\/revisions\/685"}],"wp:attachment":[{"href":"https:\/\/demo.tagdiv.com\/newspaper_crypto\/wp-json\/wp\/v2\/media?parent=360"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}