first – the new added fonts are on the bottom of the list – not in alphabetical order!
Now – i guess the filter for the content font is now: avf_available_google_fonts ( since Enfold 4.3 )
btw : i do see on Google now the variable font only

brilliant – just changing position of two lines. ;)
I have also missed

give a custom-class to your color-section – f.e.: full-width-content ( anything you like :) )

.full-width-content .container {
    max-width: 100% !important;
    padding: 0;
}

on entering the logo in the enfold options – the media library opens and you can choose your desired logo – did you pay attention on what format you inserted ?

___________

by the way – on those images on the right side – landing page – you should choose the other hover style .

by the way : Work Sans is one of those nice variable fonts offered by Google.
i do always tranform those ttf to woff2 fonts. See here some infos: https://web.dev/variable-fonts/

Yes and in combination with a fullwidth sub menu on top that is not sticky ! you can have a very similar effect.
The fullwidth sub menu has the option to show an existing navigation – so choose your main-menu there.

@steviger :
on the method above you had to think of that every page concerning to mee is subpage of mee. etc.

or if you have not too much pages and subpages etc.
you can give to them a tag

you can activate for all pages / posts the tag option by:

// add tag support to all posttypes
function tags_support_all() {
  register_taxonomy_for_object_type('post_tag', 'page');
}
add_action('init', 'tags_support_all');

function tags_support_query($wp_query) {
  if ($wp_query->get('tag')) $wp_query->set('post_type', 'any');
}
add_action('pre_get_posts', 'tags_support_query');

you now have the opportunity to give each post / page a tag (avoid using two of those tags )

function av_change_logo($logo){
  	  if(has_tag('mee')){ $logo = "/wp-content/uploads/2021/08/logo_MEE.png"; }
  elseif(has_tag('vtv')){ $logo = "/wp-content/uploads/2021/08/logo_VTV.png";}
  elseif(has_tag('jong')){ $logo = "/wp-content/uploads/2021/08/logo_JongLeren.png";}
  elseif(has_tag('xtra')){ $logo = "/wp-content/uploads/2021/08/logo_Xtra.png";}
  elseif(has_tag('mooi')){ $logo = "/wp-content/uploads/2021/08/logo_Mooi.png";}
  elseif(has_tag('jess')){ $logo = "/wp-content/uploads/2021/08/logo_JESS.png";}
  return $logo;
}
add_filter('avf_logo','av_change_logo');

I think that’s how it should work.
You just have to remember to set the tag for the pages you want to create.

but be carefull – this is casesensitive so noLightbox – not nolightbox.
But if it works – i guess you used the right writing.

Btw all social icons do have their own links per organisation (page)

if it is in your widget only ( not the top-heading ) i would install something like: restrict widget and put the different social media links into different widgets.
( or maybe better: https://wordpress.org/plugins/widget-logic/ )

first i would try to have this tree function to have all pages – that are subpages – the same logo

f.e:

function is_tree($pid){
global $post;
   $ancestors = get_post_ancestors($post->$pid);
   $root = count($ancestors) - 1;
   $parent = $ancestors[$root];
   if(is_page() && (is_page($pid) || $post->post_parent == $pid || in_array($pid, $ancestors))){
     return true;
    }
   else{
     return false;
    }
};

function av_change_logo($logo){
      if (is_tree(178)) { $logo = "/wp-content/uploads/2021/08/logo_MEE.png";}
  elseif (is_tree(aaa)) { $logo = "/wp-content/uploads/2021/08/logo_VTV.png";}
  elseif (is_tree(bbb)) { $logo = "/wp-content/uploads/2021/08/logo_JongLeren.png";}
  elseif (is_tree(ccc)) { $logo = "/wp-content/uploads/2021/08/logo_Xtra.png";}
  elseif (is_tree(ddd)) { $logo = "/wp-content/uploads/2021/08/logo_Mooi.png";}
  elseif (is_tree(eee)) { $logo = "/wp-content/uploads/2021/08/logo_JESS.png";}
   return $logo;
}
add_filter('avf_logo','av_change_logo');

you had to replace the aaa – eee with the page id’s.

all social icons do have consistent link – if they are present.
or could it be that on page1 there is a facebook link different than on page2 etc.

with logo you can do it this way :

add_filter('avf_logo','av_change_logo');
function av_change_logo($logo){
    if( is_page(21) ) {
    	$logo = "http://www.domain.com/wp-content/uploads/logoforpage21.jpg"; 
    }
  
    elseif ( is_page( array( 42, 54, 6 ) ) ) {
    	$logo = "http://www.domain.com/wp-content/uploads/logoforpage22.jpg"; 
    }

    elseif ( is_page() && !is_page(1307) )  {
    	$logo = "http://www.domain.com/wp-content/uploads/logoforpage23.jpg";  
    }
    return $logo;
}

border top color is just css with classes on #top ( .page-id-123 )

ruft mich doch bitte nochmal an – da kann ich euch sagen wie ich drauf kam.!