{
  "slug": "ptn-18665",
  "id": 18665,
  "name": "Hero 60",
  "description": "",
  "categories": {
    "hero": "Hero"
  },
  "keywords": [
    "starter template",
    "toucan"
  ],
  "contexts": {
    "about": "About",
    "products-services": "Products or Services",
    "value-prop": "Value Proposition",
    "welcome": "Welcome"
  },
  "hpcontexts": [],
  "styles": {
    "magnolia": "Magnolia"
  },
  "requiredPlugins": [],
  "layout": {
    "1-column": "1 Column",
    "media-background": "Media Background"
  },
  "label": [],
  "component": {
    "button": "Button",
    "button-group": "Button Group",
    "image": "Image"
  },
  "newCategory": {
    "hero": {
      "name": "Hero",
      "sidebar_parent": {
        "name": "Content",
        "order": 0
      }
    }
  },
  "pro": false,
  "locked": false,
  "image": "previews/ptn-18665.webp",
  "imageW": 1200,
  "imageH": 596,
  "content": "<!-- wp:slate/rowlayout {\"uniqueID\":\"18665_d5a634-30\",\"tabletLayout\":\"row\",\"colLayout\":\"equal\",\"minHeight\":750,\"bgColor\":\"palette9\",\"bgImg\":\"{{SLATE_CDN_URI}}/library-images/heroes/hero-coastal-dawn-1024x793.webp\",\"bgImgPosition\":\"79% 68%\",\"overlay\":\"palette9\",\"overlayFirstOpacity\":1,\"overlayOpacity\":75,\"align\":\"full\",\"verticalAlignment\":\"middle\",\"firstColumnWidth\":50,\"secondColumnWidth\":50,\"tabletPadding\":[200,\"\",\"\",\"\"],\"inheritMaxWidth\":true,\"bgColorClass\":\"theme-palette9\",\"padding\":[200,\"\",160,\"\"],\"mobilePadding\":[140,\"\",140,\"\"],\"slateVersion\":2} -->\n<!-- wp:slate/column {\"borderWidth\":[\"\",\"\",\"\",\"\"],\"uniqueID\":\"18665_0b01e7-69\",\"slateVersion\":2,\"className\":\"inner-column-1\"} -->\n<div class=\"wp-block-slate-column slate-column18665_0b01e7-69 inner-column-1\"><div class=\"slate-inside-inner-col\"><!-- wp:slate/advancedheading {\"uniqueID\":\"18665_a6295c-24\",\"color\":\"palette3\",\"fontWeight\":\"500\",\"markBorder\":\"\",\"markBorderStyles\":[{\"top\":[null,\"\",\"\"],\"right\":[null,\"\",\"\"],\"bottom\":[null,\"\",\"\"],\"left\":[null,\"\",\"\"],\"unit\":\"px\"}],\"tabletMarkBorderStyles\":[{\"top\":[null,\"\",\"\"],\"right\":[null,\"\",\"\"],\"bottom\":[null,\"\",\"\"],\"left\":[null,\"\",\"\"],\"unit\":\"px\"}],\"mobileMarkBorderStyles\":[{\"top\":[null,\"\",\"\"],\"right\":[null,\"\",\"\"],\"bottom\":[null,\"\",\"\"],\"left\":[null,\"\",\"\"],\"unit\":\"px\"}],\"colorClass\":\"theme-palette3\",\"tabletAlign\":\"center\",\"mobileAlign\":\"left\",\"fontSize\":[\"xxl\",null,40],\"fontHeight\":[1.2,null,null],\"className\":\"slate-adv-heading18665_a6295c-24\"} -->\n<h2 class=\"slate-adv-heading18665_a6295c-24 slate-adv-heading18665_a6295c-24 wp-block-slate-advancedheading has-theme-palette-3-color has-text-color\" data-slate-block=\"slate-adv-heading18665_a6295c-24\">Write a brief title</h2>\n<!-- /wp:slate/advancedheading -->\n\n<!-- wp:slate/advancedheading {\"uniqueID\":\"18665_be66dd-cb\",\"color\":\"palette4\",\"markBorder\":\"\",\"markBorderStyles\":[{\"top\":[null,\"\",\"\"],\"right\":[null,\"\",\"\"],\"bottom\":[null,\"\",\"\"],\"left\":[null,\"\",\"\"],\"unit\":\"px\"}],\"tabletMarkBorderStyles\":[{\"top\":[null,\"\",\"\"],\"right\":[null,\"\",\"\"],\"bottom\":[null,\"\",\"\"],\"left\":[null,\"\",\"\"],\"unit\":\"px\"}],\"mobileMarkBorderStyles\":[{\"top\":[null,\"\",\"\"],\"right\":[null,\"\",\"\"],\"bottom\":[null,\"\",\"\"],\"left\":[null,\"\",\"\"],\"unit\":\"px\"}],\"colorClass\":\"theme-palette4\",\"tabletAlign\":\"center\",\"mobileAlign\":\"left\",\"htmlTag\":\"p\",\"className\":\"slate-adv-heading18665_be66dd-cb\"} -->\n<p class=\"slate-adv-heading18665_be66dd-cb slate-adv-heading18665_be66dd-cb wp-block-slate-advancedheading has-theme-palette-4-color has-text-color\" data-slate-block=\"slate-adv-heading18665_be66dd-cb\">Consider using this if you need to provide more context on why you do what you do. Be engaging. Focus on delivering value to your visitors.</p>\n<!-- /wp:slate/advancedheading -->\n\n<!-- wp:slate/advancedbtn {\"hAlign\":\"left\",\"thAlign\":\"center\",\"mhAlign\":\"left\",\"uniqueID\":\"18665_f01b0c-af\",\"btns\":[],\"className\":\"slate-buttons-wrap slate-btns18665_f01b0c-af\"} -->\n<div class=\"wp-block-slate-advancedbtn slate-buttons-wrap slate-btns18665_f01b0c-af slate-buttons-wrap slate-btns18665_f01b0c-af\"><!-- wp:slate/singlebtn {\"uniqueID\":\"18665_07b3ac-f2\",\"text\":\"Call to Action\",\"inheritStyles\":\"inherit\",\"typography\":[{\"size\":[\"\",\"\",\"\"],\"sizeType\":\"px\",\"lineHeight\":[\"\",\"\",\"\"],\"lineType\":\"\",\"letterSpacing\":[\"\",\"\",\"\"],\"letterType\":\"px\",\"family\":\"\",\"google\":false,\"style\":\"normal\",\"weight\":\"regular\",\"variant\":\"\",\"subset\":\"\",\"textTransform\":\"\",\"loadGoogle\":true}],\"noCustomDefaults\":true} /-->\n\n<!-- wp:slate/singlebtn {\"uniqueID\":\"18665_690bab-1a\",\"text\":\"Secondary Button\",\"padding\":[\"\",20,\"\",20],\"margin\":[\"\",\"\",\"\",20],\"color\":\"palette3\",\"background\":\"rgba(255,255,255,0)\",\"colorHover\":\"#ffffff\",\"backgroundHover\":\"palette2\",\"borderStyle\":[{\"top\":[\"rgba(85, 85, 85, 0.02)\",\"\",0],\"right\":[\"rgba(85, 85, 85, 0.02)\",\"\",0],\"bottom\":[\"rgba(85, 85, 85, 0.02)\",\"\",0],\"left\":[\"rgba(85, 85, 85, 0.02)\",\"\",0],\"unit\":\"px\"}],\"inheritStyles\":\"inherit\",\"typography\":[{\"size\":[\"\",\"\",\"\"],\"sizeType\":\"px\",\"lineHeight\":[\"\",\"\",\"\"],\"lineType\":\"\",\"letterSpacing\":[\"\",\"\",\"\"],\"letterType\":\"px\",\"family\":\"\",\"google\":false,\"style\":\"normal\",\"weight\":\"regular\",\"variant\":\"\",\"subset\":\"\",\"textTransform\":\"\",\"loadGoogle\":true}],\"noCustomDefaults\":true} /--></div>\n<!-- /wp:slate/advancedbtn --></div></div>\n<!-- /wp:slate/column -->\n\n<!-- wp:slate/column {\"id\":2,\"borderWidth\":[\"\",\"\",\"\",\"\"],\"uniqueID\":\"18665_6094f8-ee\",\"vstablet\":true,\"vsmobile\":true,\"slateVersion\":2,\"className\":\"inner-column-2\"} -->\n<div class=\"wp-block-slate-column slate-column18665_6094f8-ee kvs-md-false kvs-sm-false inner-column-2\"><div class=\"slate-inside-inner-col\"></div></div>\n<!-- /wp:slate/column -->\n<!-- /wp:slate/rowlayout -->",
  "html": "<link rel='stylesheet' id='slate-blocks-rowlayout-css' href='{{SLATE_THEME_URI}}/blocks/dist/style-blocks-rowlayout.css' media='all' />\n<link rel='stylesheet' id='slate-blocks-column-css' href='{{SLATE_THEME_URI}}/blocks/dist/style-blocks-column.css' media='all' />\n<style id='slate-blocks-advancedheading-inline-css'>\n.wp-block-slate-advancedheading mark{background:transparent;border-style:solid;border-width:0}.wp-block-slate-advancedheading mark.slate-highlight{color:#f76a0c;}.slate-adv-heading-icon{display: inline-flex;justify-content: center;align-items: center;} .is-layout-constrained > .slate-advanced-heading-link {display: block;}.single-content .slate-advanced-heading-wrapper h1, .single-content .slate-advanced-heading-wrapper h2, .single-content .slate-advanced-heading-wrapper h3, .single-content .slate-advanced-heading-wrapper h4, .single-content .slate-advanced-heading-wrapper h5, .single-content .slate-advanced-heading-wrapper h6 {margin: 1.5em 0 .5em;}.single-content .slate-advanced-heading-wrapper+* { margin-top:0;}.slate-screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);}\n</style>\n<link rel='stylesheet' id='slate-blocks-advancedbtn-css' href='{{SLATE_THEME_URI}}/blocks/dist/style-blocks-advancedbtn.css' media='all' />\n<style id='slate_blocks_css-inline-css'>\n.slate-row-layout-id18665_d5a634-30 > .slate-row-column-wrap{align-content:center;}:where(.slate-row-layout-id18665_d5a634-30 > .slate-row-column-wrap) > .wp-block-slate-column{justify-content:center;}.slate-row-layout-id18665_d5a634-30 > .slate-row-column-wrap{max-width:var( --global-content-width, 1290px );padding-left:var(--global-content-edge-padding);padding-right:var(--global-content-edge-padding);padding-top:200px;padding-bottom:160px;min-height:750px;grid-template-columns:minmax(0, calc(50% - ((var(--slate-default-row-gutter, var(--global-row-gutter-md, 2rem)) * 1 )/2)))minmax(0, calc(50% - ((var(--slate-default-row-gutter, var(--global-row-gutter-md, 2rem)) * 1 )/2)));}.slate-row-layout-id18665_d5a634-30{background-image:url('{{SLATE_CDN_URI}}/library-images/heroes/hero-surfer-paddle.webp');background-size:cover;background-position:79% 68%;background-attachment:scroll;background-repeat:no-repeat;}.slate-row-layout-id18665_d5a634-30 > .slate-row-layout-overlay{opacity:0.75;background-color:var(--global-palette9, #ffffff);}.slate-column18665_0b01e7-69 > .slate-inside-inner-col{column-gap:var(--global-slate-gap-sm, 1rem);}.slate-column18665_0b01e7-69 > .slate-inside-inner-col{flex-direction:column;}.slate-column18665_0b01e7-69 > .slate-inside-inner-col > .aligncenter{width:100%;}.wp-block-slate-advancedheading.slate-adv-heading18665_a6295c-24, .wp-block-slate-advancedheading.slate-adv-heading18665_a6295c-24[data-slate-block=\"slate-adv-heading18665_a6295c-24\"]{font-size:var(--global-slate-font-size-xxl, 4rem);line-height:1.2;font-weight:500;}.wp-block-slate-advancedheading.slate-adv-heading18665_a6295c-24 mark.slate-highlight, .wp-block-slate-advancedheading.slate-adv-heading18665_a6295c-24[data-slate-block=\"slate-adv-heading18665_a6295c-24\"] mark.slate-highlight{-webkit-box-decoration-break:clone;box-decoration-break:clone;}.wp-block-slate-advancedheading.slate-adv-heading18665_be66dd-cb mark.slate-highlight, .wp-block-slate-advancedheading.slate-adv-heading18665_be66dd-cb[data-slate-block=\"slate-adv-heading18665_be66dd-cb\"] mark.slate-highlight{-webkit-box-decoration-break:clone;box-decoration-break:clone;}.wp-block-slate-advancedbtn.slate-btns18665_f01b0c-af{justify-content:flex-start;}ul.menu .wp-block-slate-advancedbtn .slate-btn18665_07b3ac-f2.slate-button{width:initial;}ul.menu .wp-block-slate-advancedbtn .slate-btn18665_690bab-1a.slate-button{width:initial;}.wp-block-slate-advancedbtn .slate-btn18665_690bab-1a.slate-button{color:var(--global-palette3, #1A202C);background:rgba(255,255,255,0);border-top:0px solid rgba(85, 85, 85, 0.02);border-right:0px solid rgba(85, 85, 85, 0.02);border-bottom:0px solid rgba(85, 85, 85, 0.02);border-left:0px solid rgba(85, 85, 85, 0.02);padding-right:20px;padding-left:20px;margin-left:20px;}.wp-block-slate-advancedbtn .slate-btn18665_690bab-1a.slate-button:hover, .wp-block-slate-advancedbtn .slate-btn18665_690bab-1a.slate-button:focus{color:#ffffff;background:var(--global-palette2, #2B6CB0);}.slate-column18665_6094f8-ee > .slate-inside-inner-col{column-gap:var(--global-slate-gap-sm, 1rem);}.slate-column18665_6094f8-ee > .slate-inside-inner-col{flex-direction:column;}.slate-column18665_6094f8-ee > .slate-inside-inner-col > .aligncenter{width:100%;}\n</style>\n<div class=\"slate-row-layout-wrap slate-row-layout-id18665_d5a634-30 alignfull has-theme-palette9-background-color slate-row-has-bg wp-block-slate-rowlayout\"><div class=\"slate-row-layout-overlay slate-row-overlay-normal\"></div><div class=\"slate-row-column-wrap slate-has-2-columns slate-row-layout-equal slate-tab-layout-row slate-mobile-layout-row slate-row-valign-middle slate-theme-content-width\">\n<div class=\"wp-block-slate-column slate-column18665_0b01e7-69 inner-column-1\"><div class=\"slate-inside-inner-col\"><h2 class=\"slate-adv-heading18665_a6295c-24 wp-block-slate-advancedheading has-theme-palette-3-color has-text-color\" data-slate-block=\"slate-adv-heading18665_a6295c-24\">Write a brief title</h2>\n\n<p class=\"slate-adv-heading18665_be66dd-cb wp-block-slate-advancedheading has-theme-palette-4-color has-text-color\" data-slate-block=\"slate-adv-heading18665_be66dd-cb\">Consider using this if you need to provide more context on why you do what you do. Be engaging. Focus on delivering value to your visitors.</p>\n\n<div class=\"wp-block-slate-advancedbtn slate-buttons-wrap slate-btns18665_f01b0c-af\"><span class=\"slate-button slate-button button slate-btn18665_07b3ac-f2 slate-btn-size-standard slate-btn-width-type-auto slate-btn-global-inherit slate-btn-has-text-true slate-btn-has-svg-false  wp-block-button__link wp-block-slate-singlebtn\"><span class=\"slate-btn-inner-text\">Call to Action</span></span>\n\n<span class=\"slate-button slate-button button slate-btn18665_690bab-1a slate-btn-size-standard slate-btn-width-type-auto slate-btn-global-inherit slate-btn-has-text-true slate-btn-has-svg-false  wp-block-button__link wp-block-slate-singlebtn\"><span class=\"slate-btn-inner-text\">Secondary Button</span></span></div></div></div>\n\n<div class=\"wp-block-slate-column slate-column18665_6094f8-ee kvs-md-false kvs-sm-false inner-column-2\"><div class=\"slate-inside-inner-col\"></div></div>\n</div></div>"
}