{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/9433989fa1d34dbcb0c7651937eb519e\" frameborder=\"0\" width=\"1728\" height=\"1296\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":1296,"width":1728,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":1296,"thumbnail_width":1728,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/9433989fa1d34dbcb0c7651937eb519e-00001.jpg","duration":878,"title":"Case Studies_Kinship","description":"----CASE STUDY STEPS-----\n\n1. Create Case Study \"Post\" (duplicate [TEMPLATE] > Change Title > Replace URL)\n    1a. Add Subtitle (Case Studies Settings > Advanced > Grid Subtitle)\n\n2. Create \"# Counter\" Blog Page\n    2a. Create 3 Blog Posts (named #3, #2, #1 - the most recent post always shows up first in the three columns)\n    2b. In excerpt, add in your ##, hyperlinked to \"#number\"\n    2c. In excerpt, add in your subtitle beneath the number\n\n3. In Case Study \"Post,\" link your Summary Block to the associated \"# Counter\" Blog Page\n    3a. Set Summary Block to *Carousel*, and Header Text to \"number-counter\"\n\n4. Style \"# Counter\" Color and Symbols (Case Studies Settings > Advanced > Grid Subtitle)\n    4a. Replace your Case Study Post body id # (see video) in code template\n    4b. Assign Counter Color (refer to color list at end of code block)\n    4c. Assign Counter Symbols (make sure \"after\" / \"before\" matches your desired symbol placement)\n\n-----SLIDESHOW STYLING----\nPlease refer to the \"Images + Gallery\" sections in order to learn how to achieve the Slideshow Gallery inverse color effect."}