{"id":5903,"date":"2022-10-05T13:03:04","date_gmt":"2022-10-05T12:03:04","guid":{"rendered":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/?p=5903"},"modified":"2024-06-17T13:24:49","modified_gmt":"2024-06-17T12:24:49","slug":"flexed-info-boxes-2","status":"publish","type":"post","link":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/flexed-info-boxes-2\/","title":{"rendered":"Flexed Info Boxes 2"},"content":{"rendered":"<style>.kb-row-layout-id5903_7925f1-8b > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id5903_7925f1-8b > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id5903_7925f1-8b > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);max-width:var( --global-content-width, 1290px );padding-left:var(--global-content-edge-padding);padding-right:var(--global-content-edge-padding);padding-top:1.5rem;padding-right:1.5rem;padding-bottom:1.5rem;padding-left:1.5rem;}.kb-row-layout-id5903_7925f1-8b > .kt-row-column-wrap > div:not(.added-for-specificity){grid-column:initial;}.kb-row-layout-id5903_7925f1-8b > .kt-row-column-wrap{grid-template-columns:repeat(4, minmax(0, 1fr));}.kb-row-layout-id5903_7925f1-8b > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id5903_7925f1-8b > .kt-row-column-wrap > div:not(.added-for-specificity){grid-column:initial;}}@media all and (max-width: 1024px){.kb-row-layout-id5903_7925f1-8b > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id5903_7925f1-8b > .kt-row-column-wrap > div:not(.added-for-specificity){grid-column:initial;}.kb-row-layout-id5903_7925f1-8b > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}.bb-flexed-info-boxes-2 :is(.kt-blocks-info-box-learnmore-wrap, .kt-blocks-info-box-learnmore) {  width: 100%;}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id5903_7925f1-8b alignnone bb-flexed-info-boxes-2 wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-4-columns kt-row-layout-equal kt-tab-layout-two-grid kt-mobile-layout-row kt-row-valign-top kt-inner-column-height-full kb-theme-content-width\">\n<style>.kadence-column5903_2b2a5b-cc > .kt-inside-inner-col{padding-top:80px;}.kadence-column5903_2b2a5b-cc > .kt-inside-inner-col{border-top:1px solid var(--global-palette8, #F7FAFC);border-right:1px solid var(--global-palette8, #F7FAFC);border-bottom:1px solid var(--global-palette8, #F7FAFC);border-left:1px solid var(--global-palette8, #F7FAFC);}.kadence-column5903_2b2a5b-cc > .kt-inside-inner-col,.kadence-column5903_2b2a5b-cc > .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-column5903_2b2a5b-cc > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column5903_2b2a5b-cc > .kt-inside-inner-col{flex-direction:column;}.kadence-column5903_2b2a5b-cc > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column5903_2b2a5b-cc > .kt-inside-inner-col{background-color:var(--global-palette7, #EDF2F7);}.kadence-column5903_2b2a5b-cc > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column5903_2b2a5b-cc{position:relative;}@media all and (max-width: 1024px){.kadence-column5903_2b2a5b-cc > .kt-inside-inner-col{border-top:1px solid var(--global-palette8, #F7FAFC);border-right:1px solid var(--global-palette8, #F7FAFC);border-bottom:1px solid var(--global-palette8, #F7FAFC);border-left:1px solid var(--global-palette8, #F7FAFC);flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column5903_2b2a5b-cc > .kt-inside-inner-col{border-top:1px solid var(--global-palette8, #F7FAFC);border-right:1px solid var(--global-palette8, #F7FAFC);border-bottom:1px solid var(--global-palette8, #F7FAFC);border-left:1px solid var(--global-palette8, #F7FAFC);flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column5903_2b2a5b-cc inner-column-1\"><div class=\"kt-inside-inner-col\"><style>.kt-info-box5903_0b68ab-1b{height:100%;}.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > .kt-info-box5903_0b68ab-1b{height:auto;align-self:stretch;}.kt-info-box5903_0b68ab-1b .kt-blocks-info-box-link-wrap{height:100%;display:flex;flex-direction:column;}.kt-info-box5903_0b68ab-1b .kt-blocks-info-box-link-wrap .kt-infobox-textcontent{display:flex;flex-direction:column;align-items:center;flex-grow:1;}.kt-info-box5903_0b68ab-1b .kt-blocks-info-box-link-wrap .kt-infobox-textcontent .kt-blocks-info-box-learnmore-wrap{margin-top:auto;}.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > .kt-info-box5903_0b68ab-1b .kt-blocks-info-box-link-wrap{max-width:unset;}.kt-info-box5903_0b68ab-1b .kt-blocks-info-box-link-wrap{border-top:1px solid #eeeeee;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background:var(--global-palette9, #ffffff);padding-top:0px;padding-right:20px;padding-bottom:20px;padding-left:20px;}.kt-info-box5903_0b68ab-1b .kt-blocks-info-box-link-wrap:hover{background:var(--global-palette9, #ffffff);}.kt-info-box5903_0b68ab-1b .kadence-info-box-icon-container .kt-info-svg-icon, .kt-info-box5903_0b68ab-1b .kt-info-svg-icon-flip, .kt-info-box5903_0b68ab-1b .kt-blocks-info-box-number{font-size:50px;}.kt-info-box5903_0b68ab-1b .kt-blocks-info-box-media{color:var(--global-palette6, #718096);background:var(--global-palette9, #ffffff);border-color:var(--global-palette8, #F7FAFC);border-radius:200px;overflow:hidden;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;padding-top:35px;padding-right:35px;padding-bottom:35px;padding-left:35px;}.kt-info-box5903_0b68ab-1b .kt-blocks-info-box-media-container{margin-top:-60px;margin-right:0px;margin-bottom:0px;margin-left:0px;}.kt-info-box5903_0b68ab-1b .kt-blocks-info-box-media .kadence-info-box-image-intrisic img{border-radius:200px;}.kt-info-box5903_0b68ab-1b .kt-blocks-info-box-link-wrap:hover .kt-blocks-info-box-media{color:var(--global-palette6, #718096);background:var(--global-palette9, #ffffff);border-color:var(--global-palette8, #F7FAFC);}.kt-info-box5903_0b68ab-1b .kt-infobox-textcontent h4.kt-blocks-info-box-title{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:5px;margin-right:0px;margin-bottom:10px;margin-left:0px;}.kt-info-box5903_0b68ab-1b .kt-infobox-textcontent .kt-blocks-info-box-text{color:#555555;}.wp-block-kadence-infobox.kt-info-box5903_0b68ab-1b .kt-blocks-info-box-text{padding-top:0px;padding-right:0px;padding-bottom:17px;padding-left:0px;}.kt-info-box5903_0b68ab-1b .kt-blocks-info-box-learnmore{color:var(--global-palette9, #ffffff);background:var(--global-palette1, #3182CE);border-color:#555555;border-width:0px 0px 0px 0px;padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px;margin-top:10px;margin-right:0px;margin-bottom:10px;margin-left:0px;}.kt-info-box5903_0b68ab-1b .kt-blocks-info-box-link-wrap:hover .kt-blocks-info-box-learnmore,.kt-info-box5903_0b68ab-1b .kt-blocks-info-box-link-wrap .kt-blocks-info-box-learnmore:focus{color:var(--global-palette9, #ffffff);background:var(--global-palette2, #2B6CB0);border-color:#444444;}@media all and (max-width: 1024px){.kt-info-box5903_0b68ab-1b .kt-blocks-info-box-link-wrap{border-top:1px solid #eeeeee;}}@media all and (max-width: 767px){.kt-info-box5903_0b68ab-1b .kt-blocks-info-box-link-wrap{border-top:1px solid #eeeeee;}}<\/style>\n<div class=\"wp-block-kadence-infobox kt-info-box5903_0b68ab-1b\"><div class=\"kt-blocks-info-box-link-wrap kt-blocks-info-box-media-align-top kt-info-halign-center\"><div class=\"kt-blocks-info-box-media-container\"><div class=\"kt-blocks-info-box-media kt-info-media-animate-none\"><div class=\"kadence-info-box-icon-container kt-info-icon-animate-none\"><div class=\"kadence-info-box-icon-inner-container\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fe_anchor kt-info-svg-icon\"><svg viewBox=\"0 0 24 24\"  fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><circle cx=\"12\" cy=\"5\" r=\"3\"\/><line x1=\"12\" y1=\"22\" x2=\"12\" y2=\"8\"\/><path d=\"M5 12H2a10 10 0 0 0 20 0h-3\"\/><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"kt-infobox-textcontent\"><h4 class=\"kt-blocks-info-box-title\">Flexed info boxes<\/h4><p class=\"kt-blocks-info-box-text\">These info boxes sit in a 4 column row. CSS is added in the custom CSS box of the row to make all the info boxes the same height and align the buttons to the bottom regardless of the amount of content. <\/p><div class=\"kt-blocks-info-box-learnmore-wrap\"><a class=\"kt-blocks-info-box-learnmore info-box-link\">Learn More<\/a><\/div><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n<style>.kadence-column5903_852420-cd > .kt-inside-inner-col{padding-top:80px;}.kadence-column5903_852420-cd > .kt-inside-inner-col{border-top:1px solid var(--global-palette8, #F7FAFC);border-right:1px solid var(--global-palette8, #F7FAFC);border-bottom:1px solid var(--global-palette8, #F7FAFC);border-left:1px solid var(--global-palette8, #F7FAFC);}.kadence-column5903_852420-cd > .kt-inside-inner-col,.kadence-column5903_852420-cd > .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-column5903_852420-cd > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column5903_852420-cd > .kt-inside-inner-col{flex-direction:column;}.kadence-column5903_852420-cd > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column5903_852420-cd > .kt-inside-inner-col{background-color:var(--global-palette7, #EDF2F7);}.kadence-column5903_852420-cd > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column5903_852420-cd{position:relative;}@media all and (max-width: 1024px){.kadence-column5903_852420-cd > .kt-inside-inner-col{border-top:1px solid var(--global-palette8, #F7FAFC);border-right:1px solid var(--global-palette8, #F7FAFC);border-bottom:1px solid var(--global-palette8, #F7FAFC);border-left:1px solid var(--global-palette8, #F7FAFC);flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column5903_852420-cd > .kt-inside-inner-col{border-top:1px solid var(--global-palette8, #F7FAFC);border-right:1px solid var(--global-palette8, #F7FAFC);border-bottom:1px solid var(--global-palette8, #F7FAFC);border-left:1px solid var(--global-palette8, #F7FAFC);flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column5903_852420-cd inner-column-2\"><div class=\"kt-inside-inner-col\"><style>.kt-info-box5903_9e947a-d3{height:100%;}.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > .kt-info-box5903_9e947a-d3{height:auto;align-self:stretch;}.kt-info-box5903_9e947a-d3 .kt-blocks-info-box-link-wrap{height:100%;display:flex;flex-direction:column;}.kt-info-box5903_9e947a-d3 .kt-blocks-info-box-link-wrap .kt-infobox-textcontent{display:flex;flex-direction:column;align-items:center;flex-grow:1;}.kt-info-box5903_9e947a-d3 .kt-blocks-info-box-link-wrap .kt-infobox-textcontent .kt-blocks-info-box-learnmore-wrap{margin-top:auto;}.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > .kt-info-box5903_9e947a-d3 .kt-blocks-info-box-link-wrap{max-width:unset;}.kt-info-box5903_9e947a-d3 .kt-blocks-info-box-link-wrap{border-top:1px solid #eeeeee;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background:var(--global-palette9, #ffffff);padding-top:0px;padding-right:20px;padding-bottom:20px;padding-left:20px;}.kt-info-box5903_9e947a-d3 .kt-blocks-info-box-link-wrap:hover{background:var(--global-palette9, #ffffff);}.kt-info-box5903_9e947a-d3 .kadence-info-box-icon-container .kt-info-svg-icon, .kt-info-box5903_9e947a-d3 .kt-info-svg-icon-flip, .kt-info-box5903_9e947a-d3 .kt-blocks-info-box-number{font-size:50px;}.kt-info-box5903_9e947a-d3 .kt-blocks-info-box-media{color:var(--global-palette6, #718096);background:var(--global-palette9, #ffffff);border-color:var(--global-palette8, #F7FAFC);border-radius:200px;overflow:hidden;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;padding-top:35px;padding-right:35px;padding-bottom:35px;padding-left:35px;}.kt-info-box5903_9e947a-d3 .kt-blocks-info-box-media-container{margin-top:-60px;margin-right:0px;margin-bottom:0px;margin-left:0px;}.kt-info-box5903_9e947a-d3 .kt-blocks-info-box-media .kadence-info-box-image-intrisic img{border-radius:200px;}.kt-info-box5903_9e947a-d3 .kt-blocks-info-box-link-wrap:hover .kt-blocks-info-box-media{color:var(--global-palette6, #718096);background:var(--global-palette9, #ffffff);border-color:var(--global-palette8, #F7FAFC);}.kt-info-box5903_9e947a-d3 .kt-infobox-textcontent h4.kt-blocks-info-box-title{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:5px;margin-right:0px;margin-bottom:10px;margin-left:0px;}.kt-info-box5903_9e947a-d3 .kt-infobox-textcontent .kt-blocks-info-box-text{color:#555555;}.wp-block-kadence-infobox.kt-info-box5903_9e947a-d3 .kt-blocks-info-box-text{padding-top:0px;padding-right:0px;padding-bottom:17px;padding-left:0px;}.kt-info-box5903_9e947a-d3 .kt-blocks-info-box-learnmore{color:var(--global-palette9, #ffffff);background:var(--global-palette1, #3182CE);border-color:#555555;border-width:0px 0px 0px 0px;padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px;margin-top:10px;margin-right:0px;margin-bottom:10px;margin-left:0px;}.kt-info-box5903_9e947a-d3 .kt-blocks-info-box-link-wrap:hover .kt-blocks-info-box-learnmore,.kt-info-box5903_9e947a-d3 .kt-blocks-info-box-link-wrap .kt-blocks-info-box-learnmore:focus{color:var(--global-palette9, #ffffff);background:var(--global-palette2, #2B6CB0);border-color:#444444;}@media all and (max-width: 1024px){.kt-info-box5903_9e947a-d3 .kt-blocks-info-box-link-wrap{border-top:1px solid #eeeeee;}}@media all and (max-width: 767px){.kt-info-box5903_9e947a-d3 .kt-blocks-info-box-link-wrap{border-top:1px solid #eeeeee;}}<\/style>\n<div class=\"wp-block-kadence-infobox kt-info-box5903_9e947a-d3\"><div class=\"kt-blocks-info-box-link-wrap kt-blocks-info-box-media-align-top kt-info-halign-center\"><div class=\"kt-blocks-info-box-media-container\"><div class=\"kt-blocks-info-box-media kt-info-media-animate-none\"><div class=\"kadence-info-box-icon-container kt-info-icon-animate-none\"><div class=\"kadence-info-box-icon-inner-container\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fe_award kt-info-svg-icon\"><svg viewBox=\"0 0 24 24\"  fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><circle cx=\"12\" cy=\"8\" r=\"7\"\/><polyline points=\"8.21 13.89 7 23 12 20 17 23 15.79 13.88\"\/><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"kt-infobox-textcontent\"><h4 class=\"kt-blocks-info-box-title\">Works with any number of columns<\/h4><p class=\"kt-blocks-info-box-text\">You can change the row layout to any number of columns you wish and the info box will automagically adapt its height to the tallest box.<\/p><div class=\"kt-blocks-info-box-learnmore-wrap\"><a class=\"kt-blocks-info-box-learnmore info-box-link\">Learn More<\/a><\/div><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n<style>.kadence-column5903_58d875-cc > .kt-inside-inner-col{padding-top:80px;}.kadence-column5903_58d875-cc > .kt-inside-inner-col{border-top:1px solid var(--global-palette8, #F7FAFC);border-right:1px solid var(--global-palette8, #F7FAFC);border-bottom:1px solid var(--global-palette8, #F7FAFC);border-left:1px solid var(--global-palette8, #F7FAFC);}.kadence-column5903_58d875-cc > .kt-inside-inner-col,.kadence-column5903_58d875-cc > .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-column5903_58d875-cc > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column5903_58d875-cc > .kt-inside-inner-col{flex-direction:column;}.kadence-column5903_58d875-cc > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column5903_58d875-cc > .kt-inside-inner-col{background-color:var(--global-palette7, #EDF2F7);}.kadence-column5903_58d875-cc > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column5903_58d875-cc{position:relative;}@media all and (max-width: 1024px){.kadence-column5903_58d875-cc > .kt-inside-inner-col{border-top:1px solid var(--global-palette8, #F7FAFC);border-right:1px solid var(--global-palette8, #F7FAFC);border-bottom:1px solid var(--global-palette8, #F7FAFC);border-left:1px solid var(--global-palette8, #F7FAFC);flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column5903_58d875-cc > .kt-inside-inner-col{border-top:1px solid var(--global-palette8, #F7FAFC);border-right:1px solid var(--global-palette8, #F7FAFC);border-bottom:1px solid var(--global-palette8, #F7FAFC);border-left:1px solid var(--global-palette8, #F7FAFC);flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column5903_58d875-cc inner-column-3\"><div class=\"kt-inside-inner-col\"><style>.kt-info-box5903_809ae1-b1{height:100%;}.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > .kt-info-box5903_809ae1-b1{height:auto;align-self:stretch;}.kt-info-box5903_809ae1-b1 .kt-blocks-info-box-link-wrap{height:100%;display:flex;flex-direction:column;}.kt-info-box5903_809ae1-b1 .kt-blocks-info-box-link-wrap .kt-infobox-textcontent{display:flex;flex-direction:column;align-items:center;flex-grow:1;}.kt-info-box5903_809ae1-b1 .kt-blocks-info-box-link-wrap .kt-infobox-textcontent .kt-blocks-info-box-learnmore-wrap{margin-top:auto;}.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > .kt-info-box5903_809ae1-b1 .kt-blocks-info-box-link-wrap{max-width:unset;}.kt-info-box5903_809ae1-b1 .kt-blocks-info-box-link-wrap{border-top:1px solid #eeeeee;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background:var(--global-palette9, #ffffff);padding-top:0px;padding-right:20px;padding-bottom:20px;padding-left:20px;}.kt-info-box5903_809ae1-b1 .kt-blocks-info-box-link-wrap:hover{background:var(--global-palette9, #ffffff);}.kt-info-box5903_809ae1-b1 .kadence-info-box-icon-container .kt-info-svg-icon, .kt-info-box5903_809ae1-b1 .kt-info-svg-icon-flip, .kt-info-box5903_809ae1-b1 .kt-blocks-info-box-number{font-size:50px;}.kt-info-box5903_809ae1-b1 .kt-blocks-info-box-media{color:var(--global-palette6, #718096);background:var(--global-palette9, #ffffff);border-color:var(--global-palette8, #F7FAFC);border-radius:200px;overflow:hidden;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;padding-top:35px;padding-right:35px;padding-bottom:35px;padding-left:35px;}.kt-info-box5903_809ae1-b1 .kt-blocks-info-box-media-container{margin-top:-60px;margin-right:0px;margin-bottom:0px;margin-left:0px;}.kt-info-box5903_809ae1-b1 .kt-blocks-info-box-media .kadence-info-box-image-intrisic img{border-radius:200px;}.kt-info-box5903_809ae1-b1 .kt-blocks-info-box-link-wrap:hover .kt-blocks-info-box-media{color:var(--global-palette6, #718096);background:var(--global-palette9, #ffffff);border-color:var(--global-palette8, #F7FAFC);}.kt-info-box5903_809ae1-b1 .kt-infobox-textcontent h4.kt-blocks-info-box-title{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:5px;margin-right:0px;margin-bottom:10px;margin-left:0px;}.kt-info-box5903_809ae1-b1 .kt-infobox-textcontent .kt-blocks-info-box-text{color:#555555;}.wp-block-kadence-infobox.kt-info-box5903_809ae1-b1 .kt-blocks-info-box-text{padding-top:0px;padding-right:0px;padding-bottom:17px;padding-left:0px;}.kt-info-box5903_809ae1-b1 .kt-blocks-info-box-learnmore{color:var(--global-palette9, #ffffff);background:var(--global-palette1, #3182CE);border-color:#555555;border-width:0px 0px 0px 0px;padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px;margin-top:10px;margin-right:0px;margin-bottom:10px;margin-left:0px;}.kt-info-box5903_809ae1-b1 .kt-blocks-info-box-link-wrap:hover .kt-blocks-info-box-learnmore,.kt-info-box5903_809ae1-b1 .kt-blocks-info-box-link-wrap .kt-blocks-info-box-learnmore:focus{color:var(--global-palette9, #ffffff);background:var(--global-palette2, #2B6CB0);border-color:#444444;}@media all and (max-width: 1024px){.kt-info-box5903_809ae1-b1 .kt-blocks-info-box-link-wrap{border-top:1px solid #eeeeee;}}@media all and (max-width: 767px){.kt-info-box5903_809ae1-b1 .kt-blocks-info-box-link-wrap{border-top:1px solid #eeeeee;}}<\/style>\n<div class=\"wp-block-kadence-infobox kt-info-box5903_809ae1-b1\"><div class=\"kt-blocks-info-box-link-wrap kt-blocks-info-box-media-align-top kt-info-halign-center\"><div class=\"kt-blocks-info-box-media-container\"><div class=\"kt-blocks-info-box-media kt-info-media-animate-none\"><div class=\"kadence-info-box-icon-container kt-info-icon-animate-none\"><div class=\"kadence-info-box-icon-inner-container\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fe_eye kt-info-svg-icon\"><svg viewBox=\"0 0 24 24\"  fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"kt-infobox-textcontent\"><h4 class=\"kt-blocks-info-box-title\">Margin &amp; transform<\/h4><p class=\"kt-blocks-info-box-text\">CSS transform is used to move the icon so half of it overlaps the background colour set in the section, and negative margin is added to the bottom of the icon to compensate for the shift up. Padding is added to the section to create the coloured banner.<\/p><div class=\"kt-blocks-info-box-learnmore-wrap\"><a class=\"kt-blocks-info-box-learnmore info-box-link\">Learn More<\/a><\/div><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n<style>.kadence-column5903_a86977-10 > .kt-inside-inner-col{padding-top:80px;}.kadence-column5903_a86977-10 > .kt-inside-inner-col{border-top:1px solid var(--global-palette8, #F7FAFC);border-right:1px solid var(--global-palette8, #F7FAFC);border-bottom:1px solid var(--global-palette8, #F7FAFC);border-left:1px solid var(--global-palette8, #F7FAFC);}.kadence-column5903_a86977-10 > .kt-inside-inner-col,.kadence-column5903_a86977-10 > .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-column5903_a86977-10 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column5903_a86977-10 > .kt-inside-inner-col{flex-direction:column;}.kadence-column5903_a86977-10 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column5903_a86977-10 > .kt-inside-inner-col{background-color:var(--global-palette7, #EDF2F7);}.kadence-column5903_a86977-10 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column5903_a86977-10{position:relative;}@media all and (max-width: 1024px){.kadence-column5903_a86977-10 > .kt-inside-inner-col{border-top:1px solid var(--global-palette8, #F7FAFC);border-right:1px solid var(--global-palette8, #F7FAFC);border-bottom:1px solid var(--global-palette8, #F7FAFC);border-left:1px solid var(--global-palette8, #F7FAFC);flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column5903_a86977-10 > .kt-inside-inner-col{border-top:1px solid var(--global-palette8, #F7FAFC);border-right:1px solid var(--global-palette8, #F7FAFC);border-bottom:1px solid var(--global-palette8, #F7FAFC);border-left:1px solid var(--global-palette8, #F7FAFC);flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column5903_a86977-10 inner-column-4\"><div class=\"kt-inside-inner-col\"><style>.kt-info-box5903_7b481c-72{height:100%;}.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > .kt-info-box5903_7b481c-72{height:auto;align-self:stretch;}.kt-info-box5903_7b481c-72 .kt-blocks-info-box-link-wrap{height:100%;display:flex;flex-direction:column;}.kt-info-box5903_7b481c-72 .kt-blocks-info-box-link-wrap .kt-infobox-textcontent{display:flex;flex-direction:column;align-items:center;flex-grow:1;}.kt-info-box5903_7b481c-72 .kt-blocks-info-box-link-wrap .kt-infobox-textcontent .kt-blocks-info-box-learnmore-wrap{margin-top:auto;}.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > .kt-info-box5903_7b481c-72 .kt-blocks-info-box-link-wrap{max-width:unset;}.kt-info-box5903_7b481c-72 .kt-blocks-info-box-link-wrap{border-top:1px solid #eeeeee;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background:var(--global-palette9, #ffffff);padding-top:0px;padding-right:20px;padding-bottom:20px;padding-left:20px;}.kt-info-box5903_7b481c-72 .kt-blocks-info-box-link-wrap:hover{background:var(--global-palette9, #ffffff);}.kt-info-box5903_7b481c-72 .kadence-info-box-icon-container .kt-info-svg-icon, .kt-info-box5903_7b481c-72 .kt-info-svg-icon-flip, .kt-info-box5903_7b481c-72 .kt-blocks-info-box-number{font-size:50px;}.kt-info-box5903_7b481c-72 .kt-blocks-info-box-media{color:var(--global-palette6, #718096);background:var(--global-palette9, #ffffff);border-color:var(--global-palette8, #F7FAFC);border-radius:200px;overflow:hidden;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;padding-top:35px;padding-right:35px;padding-bottom:35px;padding-left:35px;}.kt-info-box5903_7b481c-72 .kt-blocks-info-box-media-container{margin-top:-60px;margin-right:0px;margin-bottom:0px;margin-left:0px;}.kt-info-box5903_7b481c-72 .kt-blocks-info-box-media .kadence-info-box-image-intrisic img{border-radius:200px;}.kt-info-box5903_7b481c-72 .kt-blocks-info-box-link-wrap:hover .kt-blocks-info-box-media{color:var(--global-palette6, #718096);background:var(--global-palette9, #ffffff);border-color:var(--global-palette8, #F7FAFC);}.kt-info-box5903_7b481c-72 .kt-infobox-textcontent h4.kt-blocks-info-box-title{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:5px;margin-right:0px;margin-bottom:10px;margin-left:0px;}.kt-info-box5903_7b481c-72 .kt-infobox-textcontent .kt-blocks-info-box-text{color:#555555;}.wp-block-kadence-infobox.kt-info-box5903_7b481c-72 .kt-blocks-info-box-text{padding-top:0px;padding-right:0px;padding-bottom:17px;padding-left:0px;}.kt-info-box5903_7b481c-72 .kt-blocks-info-box-learnmore{color:var(--global-palette9, #ffffff);background:var(--global-palette1, #3182CE);border-color:#555555;border-width:0px 0px 0px 0px;padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px;margin-top:10px;margin-right:0px;margin-bottom:10px;margin-left:0px;}.kt-info-box5903_7b481c-72 .kt-blocks-info-box-link-wrap:hover .kt-blocks-info-box-learnmore,.kt-info-box5903_7b481c-72 .kt-blocks-info-box-link-wrap .kt-blocks-info-box-learnmore:focus{color:var(--global-palette9, #ffffff);background:var(--global-palette2, #2B6CB0);border-color:#444444;}@media all and (max-width: 1024px){.kt-info-box5903_7b481c-72 .kt-blocks-info-box-link-wrap{border-top:1px solid #eeeeee;}}@media all and (max-width: 767px){.kt-info-box5903_7b481c-72 .kt-blocks-info-box-link-wrap{border-top:1px solid #eeeeee;}}<\/style>\n<div class=\"wp-block-kadence-infobox kt-info-box5903_7b481c-72\"><div class=\"kt-blocks-info-box-link-wrap kt-blocks-info-box-media-align-top kt-info-halign-center\"><div class=\"kt-blocks-info-box-media-container\"><div class=\"kt-blocks-info-box-media kt-info-media-animate-none\"><div class=\"kadence-info-box-icon-container kt-info-icon-animate-none\"><div class=\"kadence-info-box-icon-inner-container\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fe_feather kt-info-svg-icon\"><svg viewBox=\"0 0 24 24\"  fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M20.24 12.24a6 6 0 0 0-8.49-8.49L5 10.5V19h8.5z\"\/><line x1=\"16\" y1=\"8\" x2=\"2\" y2=\"22\"\/><line x1=\"17\" y1=\"15\" x2=\"9\" y2=\"15\"\/><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"kt-infobox-textcontent\"><h4 class=\"kt-blocks-info-box-title\">Adopts your native styles<\/h4><p class=\"kt-blocks-info-box-text\">Fonts and colours are set in the customiser, so once you import the block layout, the content will adopt your site&#8217;s styling. Oh, and they&#8217;re mobile ready too!<br\/><strong>Note: <\/strong>This block has been updated, removing 99% of the CSS and relying on new Kadence features!<\/p><div class=\"kt-blocks-info-box-learnmore-wrap\"><a class=\"kt-blocks-info-box-learnmore info-box-link\">Learn More<\/a><\/div><\/div><\/div><\/div>\n<\/div><\/div>\n\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":5909,"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":[82,94,83,85,84],"tags":[],"class_list":["post-5903","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-info-boxes","category-free-plan","category-kadence-free","category-kadence-full-bundle","category-kadence-pro"],"acf":[],"taxonomy_info":{"category":[{"value":82,"label":"Info Boxes"},{"value":94,"label":"Free Plan"},{"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\/flexed-infobox-2-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":82,"name":"Info Boxes","slug":"info-boxes","term_group":0,"term_taxonomy_id":82,"taxonomy":"category","description":"The info box Block comes with the free version of Kadence Blocks, so all blocks below can be used with any version of Kadence.","parent":0,"count":28,"filter":"raw","cat_ID":82,"category_count":28,"category_description":"The info box Block comes with the free version of Kadence Blocks, so all blocks below can be used with any version of Kadence.","cat_name":"Info Boxes","category_nicename":"info-boxes","category_parent":0},{"term_id":94,"name":"Free Plan","slug":"free-plan","term_group":0,"term_taxonomy_id":94,"taxonomy":"category","description":"Blocks included in the free plan are available for email subscribers.","parent":0,"count":108,"filter":"raw","cat_ID":94,"category_count":108,"category_description":"Blocks included in the free plan are available for email subscribers.","cat_name":"Free Plan","category_nicename":"free-plan","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\/5903","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=5903"}],"version-history":[{"count":6,"href":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-json\/wp\/v2\/posts\/5903\/revisions"}],"predecessor-version":[{"id":259296,"href":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-json\/wp\/v2\/posts\/5903\/revisions\/259296"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-json\/wp\/v2\/media\/5909"}],"wp:attachment":[{"href":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-json\/wp\/v2\/media?parent=5903"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-json\/wp\/v2\/categories?post=5903"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-json\/wp\/v2\/tags?post=5903"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}