Recreating Navigation from "Ready" Template in 7.0 in squarespace 7.1

Site URL: https://www.thecollective-academy.com/

Hi Hivemind, 

We are helping a client migrate from 7.0 to 7.1 while keeping as many of the same stylings as possible. The 7.0 template they are currently using is "Ready" (you will see functionality on the live site:https://www.thecollective-academy.com/) We are hoping to recreate the navigation style on their 7.1 site, but cannot find the right CSS to customize the changes. 

Would any one have any direction to share how we could possible accomplish this? 

Any help is appreciated! 

With burger, social icons, you can set Header with Navigation on left, enable social, then we can give the code

With Search, will require some JavaScript code. You will need to use plugin to achieve this easier.