hellostudiojohn

Try
.header-nav-item > a:after, .header-nav-folder-item > a:after { content:''; width: 0px; height: 1px; background: #fff; display: block; transition: width .2s ease; } .header-nav-item > a, .header-nav-folder-item:hover { background: none !important; } .header-nav-item--active > a:after, .header-nav-item:hover > a:after, .header-nav-folder-item:hover > a:after { width: 100%; } .header-nav-folder-item:hover > a { color: #fff !important; } Let me know how it works on your site
Support me by pressing 👍 if this useful for you

I just happened to come across this looking for a solution and this is what worked for me in 7.1. Just insert this into lock screen code injection area (Settings > Advanced > Code Injection)
 
<!-- Remove background image overlay on lock screen --> <style> .scrim { background-color: rgba(0, 0, 0, 0) !important; } </style>  

Hi. It is a little bit harder to give you the best advice without seeing your website, but I can write here 2 solutions that might work but it all depends of the structure you are having in your video block:
The first:
.video-block { .video-player { padding-bottom: 177% !important } } The second if the first does not work for you:
.video-block { .embed-block-wrapper, .intrinsic-inner { padding-bottom: 177% !important } } For further explanation or other options please visit my article:
https://www.ui-workarounds.com/control-the-aspect-ratio-of-your-videos-in-squarespace/
If these 2 examples don't help please let me know. The 177% is for 9/16 portrait aspect ratio.

Use this code
.accordion-item__description p { margin-left: 50px; }  

Hi again @tuanphan
I think I solved this through brute force. Lots of Googling and repeated attempts until I finally got it to work.
Ended up with this below:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> $(document).ready(function(){ $('[data-section-id="5e99b284f866cd1282d8ed12"].page-section').click(function(event){ event.preventDefault(); window.location = "https://lizard-crow-ml73.squarespace.com/blurry-block"; }); }); </script> I also modified the CSS and placed it in the CSS editor so the entire background image would show the pointer. 
[data-section-id="5e99b284f866cd1282d8ed12"].page-section, { cursor: pointer; }  

Thanks to @tuanphan and @DPruitt I achieved the Search Icon result I wanted in Desktop and Mobile following these instructions and using the code below.  Thanks guys.
www.khuramanarmstrong.com
Font Awesome search icon within the DIV Social Icon Wrapper of the header
1. First enable your social links in your header.
2. Add a Link to the beginning of your Social Link List https://www.yourdomain.com/search
3. Add your Font Awesome Script to your Header Injection.
4. Include this Javascript within the Header to make the first link open in the same window:
Code Injection > Header
<script src="https://kit.fontawesome.com/[yourID].js" crossorigin="anonymous"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<script type="text/javascript">
 $(document).ready(function() {
        $('.header-actions-action--social a:first-child[target="_blank"]').prop("target", "_self");
   $('.header-menu-actions-action--social a:first-child[target="_blank"]').prop("target", "_self");
      });
</script>
CSS
/*Custom Search Bar*/
.header-actions--right .header-actions-action--social .icon:first-child
{visibility:hidden}
.header-actions--right .header-actions-action--social .icon:first-child:after {
content: '\f002'; 
font-family: FontAwesome;
  position: absolute;
margin-left:-1vw;
  margin-top: 3px;
font-size: 15px;
color:#5F5F5F;
visibility:visible}
.sqs-svg-icon--list a:first-child
{display:none}
/*Mobile*/
.header-menu-actions-action.header-menu-actions-action--social:first-child {
    visibility: hidden;
    position: relative;
    margin: 0 !important;
}
.header-menu-actions-action.header-menu-actions-action--social:first-child a:after {
    content: '\f002';
    font-family: FontAwesome;
    display: block;
    position: absolute;
    bottom: -2px;
    right: 4px;
    font-size: 22px;
    color: #5F5F5F;
    visibility: visible;
    z-index: 10000;
    padding: 5px;
}
/*END Custom Search Bar*/

Hi. I can't help with this, don't have tool to check code on real mobile.
You try posting to Squarespace Customization Resource Group on Facebook to find help.

Remove width: auto !important; from this CSS
section[data-section-id="61d06f1e8e186f78e939df7f"] .content-wrapper .sqs-block-image img { width: auto !important; height: 100% !important; }