.recipe--directions{counter-reset:item;list-style-type:none;margin:0;padding:0;max-width:100%}.recipe--directions li{border-left:1px dashed #386F45;cursor:pointer;display:flex;padding:0 0 28px 27px;position:relative;margin-left:13px;transition:all 0.4s ease;word-wrap:break-word;overflow-wrap:break-word}.recipe--directions li::before{content:counter(item) " ";counter-increment:item;background:#fff;border:1px solid #386F45;border-radius:50%;color:#386F45;display:flex;align-items:center;justify-content:center;min-width:25px;width:25px;height:25px;text-align:center;line-height:23px;margin-left:-40px;margin-right:11px;position:relative;font-weight:700;transition:background 0.3s,color 0.3s;flex-shrink:0}.recipe--directions li.is-completed{border-left-style:solid;opacity:.6;padding-bottom:10px}.recipe--directions li.is-completed::before{background:#386F45;color:#fff}.recipe--directions li:last-child{border-left:0;padding-bottom:0;margin-bottom:0}.recipe--directions li .step-content{flex:1;min-width:0;overflow-wrap:break-word;word-break:break-word}.recipe--directions h4{margin:0;font-size:25px;color:#282936}.recipe--directions p{font-size:20px;color:#282936;margin:0}@media only screen and (max-width:728px){.recipe--directions{max-width:100%}}