{"id":9455,"date":"2022-12-16T13:00:00","date_gmt":"2022-12-16T13:00:00","guid":{"rendered":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/?p=9455"},"modified":"2022-12-15T12:44:25","modified_gmt":"2022-12-15T12:44:25","slug":"animated-hero-1","status":"publish","type":"post","link":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/animated-hero-1\/","title":{"rendered":"Animated Hero 1"},"content":{"rendered":"<style>.wp-block-kadence-advancedheading.kt-adv-heading_68dbfb-3f, .wp-block-kadence-advancedheading.kt-adv-heading_68dbfb-3f[data-kb-block=\"kb-adv-heading_68dbfb-3f\"]{padding-right:1.5em;padding-left:1.5em;text-align:center;font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading_68dbfb-3f mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading_68dbfb-3f[data-kb-block=\"kb-adv-heading_68dbfb-3f\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading_68dbfb-3f img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading_68dbfb-3f[data-kb-block=\"kb-adv-heading_68dbfb-3f\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading_68dbfb-3f wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading_68dbfb-3f\">Click the button then refresh the page to trigger the animation<br>(you won&#8217;t have to do this when using the block as it&#8217;s designed to show above the fold)<\/p>\n\n\n<style>.wp-block-kadence-advancedbtn.kt-btns_303055-a8, .site .entry-content .wp-block-kadence-advancedbtn.kt-btns_303055-a8, .wp-block-kadence-advancedbtn.kb-btns_303055-a8, .site .entry-content .wp-block-kadence-advancedbtn.kb-btns_303055-a8{margin-bottom:20px;}.wp-block-kadence-advancedbtn.kb-btns_303055-a8{gap:var(--global-kb-gap-xs, 0.5rem );justify-content:center;align-items:center;}.kt-btns_303055-a8 .kt-button{font-weight:normal;font-style:normal;}.kt-btns_303055-a8 .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btns_303055-a8 .kt-btn-wrap-0 .kt-button::before{display:none;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kt-btn-align-center kt-btn-tablet-align-inherit kt-btn-mobile-align-inherit kt-btns-wrap kt-btns_303055-a8\"><div class=\"kt-btn-wrap kt-btn-wrap-0\"><a class=\"kt-button button kt-btn-0-action kt-btn-size-standard kt-btn-style-basic kt-btn-svg-show-always kt-btn-has-text-true kt-btn-has-svg-false kb-btn-global-inherit wp-block-button__link\" href=\"#animate\"><span class=\"kt-btn-inner-text\">Animate<\/span><\/a><\/div><\/div>\n\n\n<style>#kt-layout-id_242f64-e3 > .kt-row-column-wrap{align-content:start;}:where(#kt-layout-id_242f64-e3 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}#kt-layout-id_242f64-e3 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-none, 0rem );row-gap:var(--global-kb-gap-md, 2rem);padding-top:var( --global-kb-row-default-top, 25px );padding-bottom:var( --global-kb-row-default-bottom, 25px );padding-top:0em;padding-bottom:0em;padding-left:0em;padding-right:0em;min-height:95vh;grid-template-columns:repeat(2, minmax(0, 1fr));}#kt-layout-id_242f64-e3{background-image:url('https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-content\/uploads\/hero2-2.jpg');background-size:cover;background-position:center center;background-attachment:scroll;background-repeat:no-repeat;}#kt-layout-id_242f64-e3 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){#kt-layout-id_242f64-e3 > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){#kt-layout-id_242f64-e3 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}\/* B&B Animated Hero 1 *\/.bb-animated-hero-1    .wp-block-kadence-column.inner-column-2    .kt-inside-inner-col,.bb-animated-hero-1    .wp-block-kadence-column.inner-column-2    .kt-inside-inner-col    > *:nth-child(-n + 5) {    transform: translateX(50vw);}\/*Animation settings for the content elements*\/.bb-animated-hero-1    .wp-block-kadence-column.inner-column-2    .kt-inside-inner-col {    -webkit-animation: contentSlide 1s ease-in-out 0s 1 forwards;    animation: contentSlide 1s ease-in-out 0s 1 forwards;}.bb-animated-hero-1    .wp-block-kadence-column.inner-column-2    .kt-inside-inner-col    > *:nth-child(1) {    -webkit-animation: contentSlide 1s ease-in-out 0.4s 1 forwards;    animation: contentSlide 1s ease-in-out 0.4s 1 forwards;}.bb-animated-hero-1    .wp-block-kadence-column.inner-column-2    .kt-inside-inner-col    > *:nth-child(2) {    -webkit-animation: contentSlide 1s ease-in-out 0.6s 1 forwards;    animation: contentSlide 1s ease-in-out 0.6s 1 forwards;}.bb-animated-hero-1    .wp-block-kadence-column.inner-column-2    .kt-inside-inner-col    > *:nth-child(3) {    -webkit-animation: contentSlide 1s ease-in-out 0.8s 1 forwards;    animation: contentSlide 1s ease-in-out 0.8s 1 forwards;}.bb-animated-hero-1    .wp-block-kadence-column.inner-column-2    .kt-inside-inner-col    > *:nth-child(4) {    -webkit-animation: contentSlide 1s ease-in-out 1s 1 forwards;    animation: contentSlide 1s ease-in-out 1s 1 forwards;}.bb-animated-hero-1    .wp-block-kadence-column.inner-column-2    .kt-inside-inner-col    > *:nth-child(5) {    -webkit-animation: contentSlide 1s ease-in-out 1.2s 1 forwards;    animation: contentSlide 1s ease-in-out 1.2s 1 forwards;}\/*Set the animation effects for the content*\/@-webkit-keyframes contentSlide {    0% {        transform: translateX(50vw);    }    100% {        transform: translateX(0);    }}@keyframes contentSlide {    0% {        transform: translateX(50vw);    }    100% {        transform: translateX(0);    }}@media all and (max-width: 767px) {    \/* B&B Animated Hero 1 *\/    .bb-animated-hero-1        .wp-block-kadence-column.inner-column-2        .kt-inside-inner-col,    .bb-animated-hero-1        .wp-block-kadence-column.inner-column-2        .kt-inside-inner-col        > *:nth-child(-n + 5) {        transform: translateX(0) translateY(100vh);    }    @-webkit-keyframes contentSlide {        0% {            transform: translateX(0) translateY(100vh);        }        100% {            transform: translateX(0) translateY(0);        }    }    @keyframes contentSlide {        0% {            transform: translateX(0) translateY(100vh);        }        100% {            transform: translateX(0) translateY(0);        }    }}#kt-layout-id_242f64-e3 {}<\/style>\n<div class=\"wp-block-kadence-rowlayout alignnone bb-animated-hero-1\" id=\"animate\"><div id=\"kt-layout-id_242f64-e3\" class=\"kt-row-layout-inner kt-row-has-bg kt-layout-id_242f64-e3\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-gutter-none kt-v-gutter-default kt-row-valign-top kt-row-layout-equal kt-tab-layout-inherit kt-m-colapse-left-to-right kt-mobile-layout-row kt-inner-column-height-full\"><style>.kadence-column_994d8d-75 > .kt-inside-inner-col{border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;}.kadence-column_994d8d-75 > .kt-inside-inner-col,.kadence-column_994d8d-75 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column_994d8d-75 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column_994d8d-75 > .kt-inside-inner-col{flex-direction:column;}.kadence-column_994d8d-75 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column_994d8d-75 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column_994d8d-75{position:relative;}@media all and (max-width: 1024px){.kadence-column_994d8d-75 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column_994d8d-75 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column inner-column-1 kadence-column_994d8d-75\"><div class=\"kt-inside-inner-col\"><\/div><\/div>\n\n\n<style>.kadence-column_bf47a0-2a > .kt-inside-inner-col{display:flex;}.kadence-column_bf47a0-2a > .kt-inside-inner-col{padding-top:10%;padding-bottom:10%;padding-left:15%;padding-right:15%;}.kadence-column_bf47a0-2a > .kt-inside-inner-col{border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;}.kadence-column_bf47a0-2a > .kt-inside-inner-col,.kadence-column_bf47a0-2a > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column_bf47a0-2a > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column_bf47a0-2a > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column_bf47a0-2a > .kt-inside-inner-col > .aligncenter{width:100%;}.kt-row-column-wrap > .kadence-column_bf47a0-2a{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column_bf47a0-2a{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column_bf47a0-2a > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column_bf47a0-2a > .kt-inside-inner-col:before{opacity:0.9;background-color:var(--global-palette3, #1A202C);}.kadence-column_bf47a0-2a{position:relative;}@media all and (max-width: 1024px){.kadence-column_bf47a0-2a > .kt-inside-inner-col{padding-left:10%;padding-right:10%;flex-direction:column;justify-content:center;}}@media all and (max-width: 1024px){.kt-row-column-wrap > .kadence-column_bf47a0-2a{align-self:center;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column_bf47a0-2a{align-self:auto;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column_bf47a0-2a > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kt-row-column-wrap > .kadence-column_bf47a0-2a{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column_bf47a0-2a{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column_bf47a0-2a > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column_bf47a0-2a > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column inner-column-2 kadence-column_bf47a0-2a kb-section-has-overlay\"><div class=\"kt-inside-inner-col\"><style>.wp-block-kadence-advancedheading.kt-adv-heading_8de7cd-f8, .wp-block-kadence-advancedheading.kt-adv-heading_8de7cd-f8[data-kb-block=\"kb-adv-heading_8de7cd-f8\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading_8de7cd-f8 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading_8de7cd-f8[data-kb-block=\"kb-adv-heading_8de7cd-f8\"] mark.kt-highlight{font-style:normal;color:var(--global-palette1, #3182CE);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading_8de7cd-f8 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading_8de7cd-f8[data-kb-block=\"kb-adv-heading_8de7cd-f8\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h1 class=\"kt-adv-heading_8de7cd-f8 wp-block-kadence-advancedheading has-theme-palette-9-color has-text-color\" data-kb-block=\"kb-adv-heading_8de7cd-f8\">We&#8217;re an awesome <mark class=\"kt-highlight\">web design<\/mark> &amp; <mark class=\"kt-highlight\">SEO <\/mark>agency.<\/h1>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading_b2c5b0-75, .wp-block-kadence-advancedheading.kt-adv-heading_b2c5b0-75[data-kb-block=\"kb-adv-heading_b2c5b0-75\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading_b2c5b0-75 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading_b2c5b0-75[data-kb-block=\"kb-adv-heading_b2c5b0-75\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading_b2c5b0-75 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading_b2c5b0-75[data-kb-block=\"kb-adv-heading_b2c5b0-75\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h4 class=\"kt-adv-heading_b2c5b0-75 wp-block-kadence-advancedheading has-theme-palette-9-color has-text-color\" data-kb-block=\"kb-adv-heading_b2c5b0-75\">With that little something extra.<\/h4>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading_87e899-f1, .wp-block-kadence-advancedheading.kt-adv-heading_87e899-f1[data-kb-block=\"kb-adv-heading_87e899-f1\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading_87e899-f1 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading_87e899-f1[data-kb-block=\"kb-adv-heading_87e899-f1\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading_87e899-f1 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading_87e899-f1[data-kb-block=\"kb-adv-heading_87e899-f1\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading_87e899-f1 wp-block-kadence-advancedheading has-theme-palette-9-color has-text-color\" data-kb-block=\"kb-adv-heading_87e899-f1\">Why not get in touch, we&#8217;d love to chat.<\/p>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns_31d301-a3{gap:var(--global-kb-gap-xs, 0.5rem );justify-content:flex-start;align-items:center;}.kt-btns_31d301-a3 .kt-button{font-weight:normal;font-style:normal;}.kt-btns_31d301-a3 .kt-btn-wrap-0{margin-right:0px;}.wp-block-kadence-advancedbtn.kt-btns_31d301-a3 .kt-btn-wrap-0 .kt-button{margin-right:10px;margin-bottom:10px;}.wp-block-kadence-advancedbtn.kt-btns_31d301-a3 .kt-btn-wrap-0 .kt-button::before{display:none;}.kt-btns_31d301-a3 .kt-btn-wrap-1{margin-right:0px;}.wp-block-kadence-advancedbtn.kt-btns_31d301-a3 .kt-btn-wrap-1 .kt-button{margin-right:10px;margin-bottom:10px;}.wp-block-kadence-advancedbtn.kt-btns_31d301-a3 .kt-btn-wrap-1 .kt-button::before{display:none;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kt-btn-align-left kt-btn-tablet-align-inherit kt-btn-mobile-align-inherit kt-btns-wrap kt-btns_31d301-a3\"><div class=\"kt-btn-wrap kt-btn-wrap-0\"><a class=\"kt-button button kt-btn-0-action kt-btn-size-standard kt-btn-style-basic kt-btn-svg-show-always kt-btn-has-text-true kt-btn-has-svg-false kb-btn-global-inherit wp-block-button__link\" href=\"#\"><span class=\"kt-btn-inner-text\">Click me<\/span><\/a><\/div><div class=\"kt-btn-wrap kt-btn-wrap-1\"><a class=\"kt-button button kt-btn-1-action kt-btn-size-standard kt-btn-style-basic kt-btn-svg-show-always kt-btn-has-text-true kt-btn-has-svg-false kb-btn-global-inherit wp-block-button__link\" href=\"#\"><span class=\"kt-btn-inner-text\">Or Click me<\/span><\/a><\/div><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Click the button then refresh the page to trigger the animation(you won&#8217;t have to do this when using the block as it&#8217;s designed to show above the fold) We&#8217;re an awesome web design &amp; SEO agency. With that little something extra. Why not get in touch, we&#8217;d love to chat.<\/p>\n","protected":false},"author":1,"featured_media":9457,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[113,83,85,84],"tags":[],"class_list":["post-9455","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-hero-sections","category-kadence-free","category-kadence-full-bundle","category-kadence-pro"],"acf":[],"taxonomy_info":{"category":[{"value":113,"label":"Hero Sections"},{"value":83,"label":"Kadence Free"},{"value":85,"label":"Kadence Full Bundle"},{"value":84,"label":"Kadence Pro"}]},"featured_image_src_large":["https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-content\/uploads\/animated-hero-1-1024x576.png",1024,576,true],"author_info":{"display_name":"Michelle","author_link":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/author\/hf7wja\/"},"comment_info":0,"category_info":[{"term_id":113,"name":"Hero Sections","slug":"hero-sections","term_group":0,"term_taxonomy_id":113,"taxonomy":"category","description":"","parent":0,"count":29,"filter":"raw","cat_ID":113,"category_count":29,"category_description":"","cat_name":"Hero Sections","category_nicename":"hero-sections","category_parent":0},{"term_id":83,"name":"Kadence Free","slug":"kadence-free","term_group":0,"term_taxonomy_id":83,"taxonomy":"category","description":"","parent":0,"count":190,"filter":"raw","cat_ID":83,"category_count":190,"category_description":"","cat_name":"Kadence Free","category_nicename":"kadence-free","category_parent":0},{"term_id":85,"name":"Kadence Full Bundle","slug":"kadence-full-bundle","term_group":0,"term_taxonomy_id":85,"taxonomy":"category","description":"","parent":0,"count":242,"filter":"raw","cat_ID":85,"category_count":242,"category_description":"","cat_name":"Kadence Full Bundle","category_nicename":"kadence-full-bundle","category_parent":0},{"term_id":84,"name":"Kadence Pro","slug":"kadence-pro","term_group":0,"term_taxonomy_id":84,"taxonomy":"category","description":"","parent":0,"count":236,"filter":"raw","cat_ID":84,"category_count":236,"category_description":"","cat_name":"Kadence Pro","category_nicename":"kadence-pro","category_parent":0}],"tag_info":false,"_links":{"self":[{"href":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-json\/wp\/v2\/posts\/9455","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-json\/wp\/v2\/comments?post=9455"}],"version-history":[{"count":14,"href":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-json\/wp\/v2\/posts\/9455\/revisions"}],"predecessor-version":[{"id":9473,"href":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-json\/wp\/v2\/posts\/9455\/revisions\/9473"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-json\/wp\/v2\/media\/9457"}],"wp:attachment":[{"href":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-json\/wp\/v2\/media?parent=9455"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-json\/wp\/v2\/categories?post=9455"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-json\/wp\/v2\/tags?post=9455"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}