/* VARS ----------------------------------------------- */

    :root {
        /* colours */
        --colour-black: #000;
        --colour-white: #fff;
        --colour-purple600: #401B57;
        --colour-purple500: #582c83;
        --colour-purple400: #8645c5;
        --colour-purple80: rgba(88,44,131,0.8);
        --colour-purple60: rgba(88,44,131,0.6);
        --colour-purple40: rgba(88,44,131,0.4);
        --colour-purple20: rgba(88,44,131,0.2);
        --colour-purple10: rgba(88,44,131,0.1);
        --colour-blue400: #40bbf2;
        --colour-blue500: #0098dc;
        --colour-blue600: #007bb2;
        --colour-blue700: #006d9e;
        --colour-blue80: rgba(0,152,220,0.8);
        --colour-blue60: rgba(0,152,220,0.6);
        --colour-blue40: rgba(0,152,220,0.4);
        --colour-blue20: rgba(0,152,220,0.2);
        --colour-blue10: rgba(0,152,220,0.1);
        --colour-yellow400: #ffb70f;
        --colour-yellow500: #f2a900;
        --colour-yellow600: #ba8736;
        --colour-dark-blue400: #005797;
        --colour-dark-blue500: #00365d;
        --colour-dark-blue600: #00233d;
        --colour-grey100: #f2f2f2;
        --colour-grey200: #e6e6e6;
        --colour-grey300: #d9d9d9;
        --colour-grey400: #bfbfbf;
        --colour-grey500: #a6a6a6;
        --colour-grey600: #8c8c8c;
        --colour-grey700: #737373;
        --colour-grey800: #595959;
        --colour-grey900: #404040;
        --colour-grey-dark: #191919;
        --grad-horiz: linear-gradient(to right, #582c83, #543187, #4b4293, #3c5da8, #2783c4, #1d97d4);
        --grad-vert: linear-gradient(to bottom, #582c83, #543187, #4b4293, #3c5da8, #2783c4, #1d97d4);
        --grad-amb: linear-gradient(to right, #582C83, #0098DC);


        /* fonts, add font face css in next section */
        --body-font: 'Roboto', sans-serif;
        --headline-font: 'Roboto', sans-serif;
        --font-code: 'Roboto Mono', sans-serif;
        --fontSize: 1.6rem;                             /* default font size for P */
        --fontSizeSmall: 1.4rem;                        /* small */
        --fontSizeXS: 1.2rem;                           /* extra small */

        /* sizes */
        --theWidth: 1360px;                             /* width of widest content, also edit responsive section */
        --block-medium: 1124px;                         /* med width block about 75% of theWidth */
        --block-narrow: 658px;                          /* narrow blocks (mainly for text) about 50% of theWidth */
        --expander-max-height: 1100px;                  /* max height of contents of an accordion */
        --gridGap: 8px;                                 /* for grid gaps */
        --marginVert: 8px;                              /* for top/bot padding */
        --marginHoriz: 8px;                             /* for left/right padding */
        --animSpeed: 0.5s;
        
        /* for ambassadors */
        --gap-big: 80px; 
        --gap-mid: 40px;
        --gap-sml: 20px; 
        --blockSpace: var(--gap-mid);
        --blockSpace-XL: var(--gap-big);        
    }


/* FONTS FOR THIS SITE -------------------------------- */

    /* roboto-300 - latin */
    @font-face {
      font-display: swap;
      font-family: 'Roboto';
      font-style: normal;
      font-weight: 300;
      src: url('../fonts/roboto/roboto-v30-latin-300.woff2') format('woff2');
    }
    /* roboto-regular - latin */
    @font-face {
      font-display: swap;
      font-family: 'Roboto';
      font-style: normal;
      font-weight: 400;
      src: url('../fonts/roboto/roboto-v30-latin-regular.woff2') format('woff2');
    }
    /* roboto-medium - latin */
    @font-face {
      font-display: swap;
      font-family: 'Roboto';
      font-style: normal;
      font-weight: 500;
      src: url('../fonts/roboto/roboto-v30-latin-500.woff2') format('woff2');
    }    
    /* roboto-700 - latin */
    @font-face {
      font-display: swap;
      font-family: 'Roboto';
      font-style: normal;
      font-weight: 700;
      src: url('../fonts/roboto/roboto-v30-latin-700.woff2') format('woff2');
    }
    /* roboto mono 400 - latin */
    @font-face {
      font-display: swap;
      font-family: 'Roboto Mono';
      font-style: normal;
      font-weight: 400;
      src: url('../fonts/roboto/roboto-mono-v23-latin-regular.woff2') format('woff2');
    }


/* COLOURS -------------------------------------------- */

    .has-black-color,
    .c-black { color: var(--colour-black); }
    .has-white-color,
    .c-white { color: var(--colour-white); }
    .c-purple600 { color: var(--colour-purple600); }
    .has-purple-color,
    .c-purple500 { color: var(--colour-purple500); }
    .c-purple400 { color: var(--colour-purple400); }
    .c-purple80 { color: var(--colour-purple80); }
    .c-purple60 { color: var(--colour-purple60); }
    .c-purple40 { color: var(--colour-purple40); }
    .has-light-purple-color,
    .c-purple20 { color: var(--colour-purple20); }
    .c-purple10 { color: var(--colour-purple10); }
    .c-blue400 { color: var(--colour-blue400); }
    .has-blue-color,
    .c-blue500 { color: var(--colour-blue500); }
    .c-blue600 { color: var(--colour-blue600); }
    .c-blue700 { color: var(--colour-blue700); }
    .c-blue80 { color: var(--colour-blue80); }
    .c-blue60 { color: var(--colour-blue60); }
    .c-blue40 { color: var(--colour-blue40); }
    .c-blue20 { color: var(--colour-blue20); }
    .c-blue10 { color: var(--colour-blue10); }
    .c-yellow400 { color: var(--colour-yellow400); }
    .has-yellow-color,
    .c-yellow500 { color: var(--colour-yellow500); }
    .c-yellow600 { color: var(--colour-yellow600); }
    .c-dark-blue400 { color: var(--colour-dark-blue400); }
    .c-dark-blue500 { color: var(--colour-dark-blue500); }
    .c-dark-blue600 { color: var(--colour-dark-blue600); }
    .c-grey100 { color: var(--colour-grey100); }
    .c-grey200 { color: var(--colour-grey200); }
    .c-grey300 { color: var(--colour-grey300); }
    .has-light-grey-color,
    .c-grey400 { color: var(--colour-grey400); }
    .c-grey500 { color: var(--colour-grey500); }
    .c-grey600 { color: var(--colour-grey600); }
    .has-dark-grey-color,
    .c-grey700 { color: var(--colour-grey700); }
    .c-grey800 { color: var(--colour-grey800); }
    .c-grey900 { color: var(--colour-grey900); }
    .c-grey-dark { color: var(--colour-grey-dark); }

    .has-black-background-color,
    .bg-black, .bull-black li:before { background-color: var(--colour-black); }
    .has-white-background-color,
    .bg-white, .bull-white li:before { background-color: var(--colour-white); }
    .bg-purple600, .bull-purple600 li:before { background-color: var(--colour-purple600); }
    .has-purple-background-color,    
    .bg-purple500, .bull-purple500 li:before { background-color: var(--colour-purple500); }
    .bg-purple400, .bull-purple400 li:before { background-color: var(--colour-purple400); }
    .bg-purple80, .bull-purple80 li:before { background-color: var(--colour-purple80); }
    .bg-purple60, .bull-purple60 li:before { background-color: var(--colour-purple60); }
    .bg-purple40, .bull-purple40 li:before { background-color: var(--colour-purple40); }
    .has-light-purple-background-color,
    .bg-purple20, .bull-purple20 li:before { background-color: var(--colour-purple20); }
    .bg-purple10, .bull-purple10 li:before { background-color: var(--colour-purple10); }
    .bg-blue400, .bull-blue400 li:before { background-color: var(--colour-blue400); }
    .has-blue-background-color,
    .bg-blue500, .bull-blue500 li:before { background-color: var(--colour-blue500); }
    .bg-blue600, .bull-blue600 li:before { background-color: var(--colour-blue600); }
    .bg-blue700, .bull-blue700 li:before { background-color: var(--colour-blue700); }
    .bg-blue80, .bull-blue80 li:before { background-color: var(--colour-blue80); }
    .bg-blue60, .bull-blue60 li:before { background-color: var(--colour-blue60); }
    .bg-blue40, .bull-blue40 li:before { background-color: var(--colour-blue40); }
    .bg-blue20, .bull-blue20 li:before { background-color: var(--colour-blue20); }
    .bg-blue10, .bull-blue10 li:before { background-color: var(--colour-blue10); }
    .bg-yellow400, .bull-yellow400 li:before { background-color: var(--colour-yellow400); }
    .has-yellow-background-color,
    .bg-yellow500, .bull-yellow500 li:before { background-color: var(--colour-yellow500); }
    .bg-yellow600, .bull-yellow600 li:before { background-color: var(--colour-yellow600); }
    .bg-dark-blue400, .bull-dark-blue400 li:before { background-color: var(--colour-dark-blue400); }
    .bg-dark-blue500, .bull-dark-blue500 li:before { background-color: var(--colour-dark-blue500); }
    .bg-dark-blue600, .bull-dark-blue600 li:before { background-color: var(--colour-dark-blue600); }
    .bg-grey100, .bull-grey100 li:before { background-color: var(--colour-grey100); }
    .bg-grey200, .bull-grey200 li:before { background-color: var(--colour-grey200); }
    .bg-grey300, .bull-grey300 li:before { background-color: var(--colour-grey300); }
    .has-light-grey-background-color,
    .bg-grey400, .bull-grey400 li:before { background-color: var(--colour-grey400); }
    .bg-grey500, .bull-grey500 li:before { background-color: var(--colour-grey500); }
    .bg-grey600, .bull-grey600 li:before { background-color: var(--colour-grey600); }
    .has-dark-grey-background-color,
    .bg-grey700, .bull-grey700 li:before { background-color: var(--colour-grey700); }
    .bg-grey800, .bull-grey800 li:before { background-color: var(--colour-grey800); }
    .bg-grey900, .bull-grey900 li:before { background-color: var(--colour-grey900); }
    .bg-grey-dark, .bull-grey-dark li:before { background-color: var(--colour-grey-dark); }

    .border-black { border-color: var(--colour-black); }
    .border-white { border-color: var(--colour-white); }
    .border-purple600 { border-color: var(--colour-purple600); }
    .border-purple500 { border-color: var(--colour-purple500); }
    .border-purple400 { border-color: var(--colour-purple400); }
    .border-purple80 { border-color: var(--colour-purple80); }
    .border-purple60 { border-color: var(--colour-purple60); }
    .border-purple40 { border-color: var(--colour-purple40); }
    .border-purple20 { border-color: var(--colour-purple20); }
    .border-purple10 { border-color: var(--colour-purple10); }
    .border-blue400 { border-color: var(--colour-blue400); }
    .border-blue500 { border-color: var(--colour-blue500); }
    .border-blue600 { border-color: var(--colour-blue600); }
    .border-blue700 { border-color: var(--colour-blue700); }
    .border-blue80 { border-color: var(--colour-blue80); }
    .border-blue60 { border-color: var(--colour-blue60); }
    .border-blue40 { border-color: var(--colour-blue40); }
    .border-blue20 { border-color: var(--colour-blue20); }
    .border-blue10 { border-color: var(--colour-blue10); }
    .border-yellow400 { border-color: var(--colour-yellow400); }
    .border-yellow500 { border-color: var(--colour-yellow500); }
    .border-yellow600 { border-color: var(--colour-yellow600); }
    .border-dark-blue400 { border-color: var(--colour-dark-blue400); }
    .border-dark-blue500 { border-color: var(--colour-dark-blue500); }
    .border-dark-blue600 { border-color: var(--colour-dark-blue600); }
    .border-grey100 { border-color: var(--colour-grey100); }
    .border-grey200 { border-color: var(--colour-grey200); }
    .border-grey300 { border-color: var(--colour-grey300); }
    .border-grey400 { border-color: var(--colour-grey400); }
    .border-grey500 { border-color: var(--colour-grey500); }
    .border-grey600 { border-color: var(--colour-grey600); }
    .border-grey700 { border-color: var(--colour-grey700); }
    .border-grey800 { border-color: var(--colour-grey800); }
    .border-grey900 { border-color: var(--colour-grey900); }
    .border-grey-dark { border-color: var(--colour-grey-dark); }


/* FIXES ---------------------------------------------- */

    header,
    .wide-block:after,
    .clearfix:after { content: ""; display: table; clear: both; }
     /* Correct 'block' display not defined in IE Firefox 3. */
    article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
        display: block;
    }

    /* Correct 'inline-block' display not defined in IE Firefox 3. */
    audio, canvas, video {
        display: inline-block;
        *display: inline;
        *zoom: 1;
    }


/* BASIC --------------------------------------------- */

    html, body { height: 100%; }
    body { min-height: 100vh; overflow-x: hidden; display: flex; flex-direction: column; -webkit-text-size-adjust: none; }
    html { font-size: 62.5%; color: var(--colour-black); }
    * { margin: 0px; padding: 0px; }

/* Default Body Font and Text Colour */
    html, select, input { font-weight: 400; font-family: var(--body-font); }
    body, select, input { font-size: var(--fontSize); }

    a img { border: none; }
    a { outline: none; }

    img { display: block; height: auto; }


/* HEADER + MENUS ------------------------------------- */

    header { padding-bottom: calc(var(--marginVert) * 3); position: relative; }
    header.hide { /* height of header */ }
    header ul,
    header li { list-style: none; padding: 0; margin: 0; }
    header ul li { display: inline-block; }
    .logo-header { background-position: top left; background-size: cover; background-repeat: no-repeat; width: 176px; height: 64px; position: relative; }

    .logo-header.mono { display: none; width: 130px; height: 45px; }
    .logo-header a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
    header .inner-wrapper { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; position: relative; }
    .header-row-1 { padding: 26px 0; }
    .header-row-2 { padding: 16px 0; width: 100%; }
    .links-mobile { display: none; }
    .links-mobile li:first-child a { text-indent: -9999px; display: block; }
    header ul { display: flex; gap: calc(var(--marginHoriz) * 3); align-items: center; }
    .menu-top li { font-size: var(--fontSizeSmall); }
    .icon-user a { position: relative; padding-left: 32px; }
    .icon-user a:after { content: ""; position: absolute; left: 0; width: 24px; height: 24px; background: url('/wp-content/uploads/2024/06/icon-user.svg') center left no-repeat; background-size: cover; }
    header li a { font-weight: 700; }
    header li a:hover {  }
    .icon { cursor: pointer; }

    .search-form { position: absolute; z-index: 100; top: -4px; right: 118px; display: none; }
    .search-form input { border: 1px solid var(--colour-grey800); }
    .search-field  { padding: 4px; box-sizing: border-box; }
    .search-submit { padding: 4px var(--marginHoriz); background: var(--colour-yellow400); }
    .search-form.show { display: flex; gap: var(--marginHoriz); }

    #menu-menu-sub { display: none; }                                 

/* homepage is different */
    .logo-header.mono,
    .home .logo-header { background-image: url('/wp-content/uploads/2024/06/logo-header-mobile.png'); }
/*    .home .menu-sub a:link { color: var(--colour-white); }*/

    
    .home header { position: relative; z-index: 200; }
    .home:not(.section-amb) .page-wrapper { position: relative; transform: translateY(-121px); margin-bottom: -121px; width: 100%; }
    .home header li a { color: var(--colour-white); }
    .home .page-content { margin: 0 auto; }



    /* Ambassadors Hub Pages */
    .section-amb header .header-row-2 { background: url('/wp-content/uploads/2025/06/ambassadors-header.webp'), var(--grad-amb); padding: 40px 0 50px; background-position: left top; background-size: cover; }
       
    .section-amb .logo-header { width: 251px; height: 92px; }
    .ambassadors-title { display: flex; flex-flow: column; width: 100%; gap: calc(var(--gridGap) * 2); }
    .ambassadors-title h1,
    .ambassadors-title p.page-title { font-size: 4.5rem; line-height: 100%; margin: var(--blockSpace-XL) 0 0; font-weight: 700; }
    .ambassadors-title p { font-size: 2.8rem; margin: 0; line-height: 140%; font-weight: 300; }
    .section-amb header { padding-bottom: 0; margin-bottom: var(--gap-big); }


/* FOOTER --------------------------------------------- */


    footer { background: var(--colour-grey200); padding: var(--blockSpace); color: var(--colour-purple500); display: flex; flex-flow: column wrap; justify-content: center; align-items: center; text-align: center;     margin-top: auto; }
    footer *:last-of-type { margin-bottom: 0; }
    footer .footer-wrap ul,
    footer .footer-wrap ul li { list-style: none; padding: 0; margin: 0; display: flex; }
    footer .footer-wrap .list-footer { justify-content: center; flex-flow: row wrap; }
    footer .footer-wrap .list-footer li { padding: 0 0 0 var(--marginHoriz); border-left: 1px solid var(--colour-purple500); margin-left: var(--marginHoriz); line-height: 1; }
    footer .footer-wrap .list-footer li:first-child { padding-left: 0; margin-left: 0; border: none; }
    footer .footer-wrap .list-footer li { margin-bottom: calc(var(--marginVert) * 1.5) !important; }
    footer .footer-wrap .list-socials { gap: calc(var(--marginHoriz) * 2.5); margin: var(--blockSpace) 0; justify-content: center; }
    footer .footer-wrap .list-socials li a:hover { opacity: 0.5; }
    footer .footer-wrap .list-socials li a img { aspect-ratio: 1 / 1; }
    footer p,
    footer li { font-size: var(--fontSizeSmall); }
    footer p { margin-bottom: calc(var(--marginVert) * 1.5); }
    



/* HEADER + FOOTER RESPONSIVE ------------------------- */


@media only screen and (min-width : 1921px) {
    header .inner-wrapper,
    .page-wrapper { margin: 0 auto; }
}

@media only screen and (max-width : 1919px) {
    .search-form { right: 77px; }
    .wrapper-1-in-5 img { max-width: 27.3vw; }
}

@media only screen and (max-width : 1299px) {
    .menu-phones { display: none; }
    .links-mobile { display: flex; gap: calc(var(--marginHoriz) * 2); }
    .logo-header.mono,
    .logo-mobile { display: block; }
    body:not(.section-amb) .header-row-2 .logo-header { display: none; } 
    .section-amb .logo-header { width: 130px; height: 45px; }  
    .menu-top li,
    header li { font-size: var(--fontSize); }
    .header-row-1 { padding: 10px 0; }
    .section-amb .header-row-2 { padding: 10px 0; }
    .menu-top,
    .menu-ambassadors,
    .menu-sub { flex-flow: column; align-items: flex-end; flex: 1 1 100%; gap: var(--marginVert); max-height: 0;
    overflow: hidden; transition: max-height var(--animSpeed) ease; }
    .mobile-menu-show .menu-top,
    .mobile-menu-show .menu-ambassadors,
    .mobile-menu-show .menu-sub { max-height: 300px; }
    .menu-top,
    .mobile-menu-show .menu-ambassadors,
    .mobile-menu-show .menu-sub { transition-delay: calc(var(--animSpeed) / 3); }
    .menu-ambassadors li:nth-last-child(2),
    .menu-sub li:nth-last-child(2) { padding-bottom: calc(var(--marginHoriz) * 2); }
    body:not(.section-amb) .header-row-2 .donate,
    .menu-top .icon-search { display: none; }
    .header-row-2 { background: var(--colour-purple500); color: var(--colour-white); padding: 0; }
    .search-form { top: 7px; right: 114px; }

    .icon-mobile { width: 24px; height: 24px; background: url('/wp-content/uploads/2024/06/icon-menu.svg') no-repeat top left; background-size: cover; }
    .section-amb .icon-mobile { background: url('/wp-content/uploads/2024/12/icon-menu.svg'); }
    .mobile-menu-show .icon-mobile { background: url('/wp-content/uploads/2024/06/icon-close.svg') no-repeat top left; }
    .section-amb.mobile-menu-show .icon-mobile { background-image: url('/wp-content/uploads/2024/12/icon-close.svg'); }
    
    
    .ambassadors-title h1,
    .ambassadors-title p.page-title { font-size: 4.0rem; margin-top: 60px; }
    .ambassadors-title p { font-size: 2.5rem; }    
}

@media only screen and (max-width : 767px) {
    .search-form { right: 94px; }
    .section-amb header .header-row-2 { padding: 30px 0 40px; }
    .ambassadors-title p.page-title,
    .ambassadors-title h1 { font-size: 3.0rem; margin-top: 40px; }
    .ambassadors-title p { font-size: 2.0rem; }     
}





/* TEXT + LINKS ---------------------------------------- */


    h1, h2, h3, h4 { font-family: var(--headline-font); font-weight: 700; margin-bottom: var(--gap-sml); -webkit-text-size-adjust: none; }
    h1 { font-size: 3.2rem; line-height: 140%; margin-bottom: var(--gap-mid); }
	h2 { font-size: 2.8rem; }
	h3 { font-size: 2.6rem; }
    h4 { font-size: 2.2rem; }

    
    
    p, li, th, td, label, address, cite, select, figcaption { font-size: var(--fontSize); line-height: 2.4rem; }
    p { margin-bottom: calc(var(--marginVert) * 3); }
    .subheading { font-size: 2.1rem; line-height: 3.2rem; }
    .light { font-weight: 300; }
    .small { font-size: var(--fontSizeSmall); }
    .xs { font-size: var(--fontSizeXS); line-height: 1.6rem; }
    .gradient strong { background: var(--grad-horiz); -webkit-background-clip: text; color: transparent; }
    .not-mobile { }
    .not-desktop { display: none; }
    h2.divider { display: flex; align-items: center; position: relative; margin-bottom: calc(var(--marginVert) * 4); }
    h2.divider:after { content: ''; flex-grow: 1; height: 1px; background-color: var(--colour-grey400); margin-left: calc(var(--marginHoriz) * 2); }

    /* links*/
    a { text-decoration: none; color: inherit; }
    h4 a,
    p:not(.button) a { color: var(--colour-blue600); text-decoration: none; }
    h4 a:hover,
    p:not(.button) a:hover { color: var(--colour-blue700); }
    a img { border: none; }
    p:empty { display: none; }


/* LISTS --------------------------------------- */

    ul { list-style-type: disc;	}
    ul, ol { padding-bottom: calc(var(--marginVert) * 3); }
	li { padding-left: 5px; margin-left: 25px; margin-bottom: 3px; }
    ul li:last-child { margin-bottom: 0; }

    ul ul { padding-top: 0; }

    ul.bullet { list-style: none; }
	.bullet li { list-style: none; padding-left: 22px; margin-left: 0; position: relative; }
    .bullet li:before,
    p.bullet:before { content: ""; position: absolute; left: 0; top: 11px;
        width: 6px; height: 6px; display: block; background: var(--colour-highlight-dk); }
    ul li ul { padding-bottom: 0; }


/* IMAGES AND BACKGROUNDS ----------------------------- */

    figure img { width: 100%; height: auto; }
    figure.auto img { width: auto; max-width: 100%; }


/* PAGES ---------------------------------------------- */


/* CONTAINERS + SPACING ------------------------------- */

    .page-wrapper { position: relative; padding-bottom: var(--gap-big); }
    .inner-wrapper { width: 100%; max-width: 1488px; margin: auto; box-sizing: border-box; padding-left: calc(var(--marginHoriz) * 10); padding-right: calc(var(--marginHoriz) * 10); }
    .home .page-content { padding: 0; /* calc(var(--marginHoriz) * 20);*/ }

    body:not(.home) .page-content > .wp-block-group__inner-container { display: flex; flex-flow: row nowrap; }
    .content-wrapper { flex: 1; padding-top: calc(var(--marginHoriz) * 5); width: 50%; }
    .home .content-wrapper { width: 100%; }

    .blockspace-bot { margin-bottom: var(--blockSpace); }
    .blockspace-xl-bot { margin-bottom: calc(var(--blockSpace) * 2); }
    .blockspace-xl-top { margin-top: calc(var(--blockSpace) * 2); }
    .blockspace-xl-bot-pad { padding-bottom: calc(var(--blockSpace) * 2); }
    .blockspace-xl-top-pad { padding-top: calc(var(--blockSpace) * 2); }
    .blockspace-pad-all { padding: var(--blockSpace); }
    .blockspace-xl-pad-all { padding: calc(var(--blockSpace) * 2); }
    .mb3x { padding-bottom: calc(var(--marginVert) * 2); }

    .padded .grid.is-layout-grid:not(.grid-post-resources) { margin-bottom: 0; }
    .padded.pad-big { padding: var(--gap-big); }
    .padded.pad-mid { padding: var(--gap-mid); }
    .padded.pad-sml { padding: calc(var(--marginVert) * 3); }
    
    .padded.pad-big-v { padding: var(--gap-big) 0; }
    .padded.pad-mid-v { padding: var(--gap-mid) 0; }
    .padded.pad-sml-v { padding: calc(var(--marginVert) * 3) 0; }

    .gap-top-mid { margin-top: var(--gap-mid); }
    .gap-top-big { margin-top: var(--gap-big); }
    .gap-top-sml { margin-top: calc(var(--marginVert) * 3); }
    
    .gap-bot-mid { margin-bottom: var(--gap-mid); }
    .gap-bot-big { margin-bottom: var(--gap-big); }
    .gap-bot-sml { margin-bottom: calc(var(--marginVert) * 3); }

    .gap-mid,
    .two-columns.gap-mid { gap: var(--gap-mid); }
    .gap-big { gap: var(--gap-big); }
    .gap-sml { gap: calc(var(--marginVert) * 3); }
    
    .mb0 { margin-bottom: 0; }
    

/* ITEMS ---------------------------------------------- */


/* buttons */
    .button { display: inline-block; }
    .button a { padding: calc(var(--marginVert) * 1.5) calc(var(--marginHoriz) * 3); border-radius: 2px; display: inline-block; font-weight: 700; }
    .button.yellow a { background: var(--colour-yellow500); color: var(--colour-black); }
    .button.yellow a:hover { background: var(--colour-yellow400); color: var(--colour-black); }
    .menu-mpt .button.current-menu-item a,
    .button.blue a { background: var(--colour-blue600); color: var(--colour-white); }

    .section-amb .button.blue a:hover,
    .button.blue a:hover { background: var(--colour-blue700); color: var(--colour-white); }
    @media (hover: hover) {
        .menu-mpt li a:hover { background: var(--colour-blue700); color: var(--colour-white); }
    }

    .section-amb .button.blue a { background: var(--colour-blue500); color: var(--colour-white); background: var(--colour-blue400); color: var(--colour-black); }
    
    .button.white a { background: var(--colour-white); color: var(--colour-black); }
    .button.white a:hover { background: var(--colour-grey200); color: var(--colour-black); }    
    .button.tertiary a { background: var(--colour-white); border: 1px solid var(--colour-grey400); color: var(--colour-black); padding: calc((var(--marginVert) * 1.5) - 3px) calc(var(--marginHoriz) * 3); }
    .button.tertiary a:hover { border: 1px solid var(--colour-grey600); color: var(--colour-black); }
    .button.icon-copy,
    .button.text a { color: var(--colour-blue600); }
    .button.text a:hover { text-decoration: underline; color: var(--colour-blue600); }
    .button.with-icon a { position: relative; }
    .button.with-icon.icon-left a:before,
    .button.with-icon.icon-right a:after { content: ""; display: inline-block; background-size: cover; width: 24px; height: 21px;  top: 4px;  position: relative; }
    .button.icon-left.icon-arrow a:before { background: url('/wp-content/uploads/2024/06/icon-arrow-left.svg') no-repeat top left; margin-right: var(--marginHoriz); }
    .button.icon-right.icon-arrow a:after { background: url('/wp-content/uploads/2024/06/icon-arrow-right.svg') no-repeat top left; margin-left: var(--marginHoriz); }
    .button.chart-text { border: none; display: block; }
    .button.chart-text a { padding: 0; position: relative; color: var(--colour-blue600); font-weight: 700; display: inline-flex; flex-flow: row nowrap; align-items: center; gap: 10px; }
    .button.chart-text a:after { content: ""; display: inline-block; background-size: cover; width: 25px; height: 22px;   position: relative; background: url('/wp-content/uploads/2024/06/icon-arrow-right-blue.svg') no-repeat center left; margin: 0; }

    .button.no-text a { text-indent: -9999px; min-height: 24px; }
    .button.no-text a:after { position: absolute !important; left: 4px; top: 13px !important; }

    .button.icon-copy { position: relative; color: var(--colour-blue600); min-width: 100px; text-align: right; }
    .button.icon-copy:not(.icon-copied) { cursor: pointer; }
    .button.icon-left.icon-copy:before { background: url('/wp-content/uploads/2024/06/icon-copy-blue.svg') no-repeat top left; margin-right: var(--marginHoriz); height: 24px; width: 24px; top: 7px; content: ""; display: inline-block; background-size: cover;  position: relative; }
    .button.icon-copy.icon-copied:before { background: url('/wp-content/uploads/2024/06/icon-check-blue.svg') no-repeat top left; }
    .button.icon-copy:hover:not(.icon-copied) { text-decoration: underline; }


/* Button Rows (ambassadors) */
    .button-row .wp-block-group__inner-container { display: flex; flex-flow: row wrap; gap: 25px; margin: var(--gap-mid) 0; }
    .button-row .button { margin-bottom: 0; } 


/* button inline with heading */
    .heading-with-button > .wp-block-group__inner-container { position: relative; }
    .heading-with-button h3 { margin-bottom: calc(var(--marginVert)* 4); }
    /*.heading-with-button .button { position: absolute; top: 0; right: 0; }*/
        

/* modifiers for columns */
    .with-image.full-height { align-self: stretch; } /* add to col with image */
    .with-image.full-height figure,
    .with-image.full-height figure img { height: 100%; }
    .with-image.full-height figure img { height: 100%; object-fit: cover; min-height: 320px; }



/* Block Text only */
    .block.text-only { margin-bottom: var(--blockSpace); }


/* Checklist complete form */
    .overlay { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); top: 0;
    left: 0; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; display: none; z-index: 999; }
    .overlay.show { display: block; }
    #formModal { background: var(--colour-grey100); padding: var(--gap-mid); }


/* breadcrumbs nav */
    nav.breadcrumbs { margin: 0 0 var(--gap-mid); border-bottom: 1px dotted; padding-bottom: 10px; }
    nav.breadcrumbs a:hover { color: var(--colour-blue500); }
    .breadcrumbs-bottom { border-top: 1px dotted; margin-top: var(--gap-mid) !important; }
    
    

/* AMBASSADOR BLOCKS --------------------------------- */


    .grid.is-layout-grid { display: grid; gap: var(--gap-mid); }
    .grid.is-layout-grid:not(.media-links) { margin-bottom: var(--gap-big); }
    .wp-block-group.has-background .grid.is-layout-grid { margin-bottom: 0; }
    .grid-2.is-layout-grid { grid-template-columns: repeat(2, 1fr); }
    .grid-3.is-layout-grid { grid-template-columns: repeat(3, 1fr); }
    .grid-4.is-layout-grid { grid-template-columns: repeat(4, 1fr); gap: calc(var(--gap-mid) + var(--gap-sml)) var(--gap-mid); }


    .pagination { margin-bottom: var(--gap-big); display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; gap: 15px; }
    .pagination .page-numbers { font-weight: 500; flex-grow: 0; padding: 10px; width: 20px; height: 20px; background: var(--colour-grey200); text-align: center; border-radius: 50%; }
    .pagination .page-numbers:hover { background: var(--colour-grey300); }
    .pagination .page-numbers.current { font-weight: 700; background: var(--colour-blue500); color: var(--colour-white); }

    .card h3 { margin: var(--gap-mid) 0 var(--gap-sml); line-height: 120%; }
    .card .button { margin: 0; }
    .card .button a { font-weight: 500; font-size: 1.4rem; }
    .card > .wp-block-group__inner-container { display: flex; flex-flow: column; height: 100%; justify-content: center; }
/*    .card figure { width: 100%; flex: 1; }
    .card figure img { height: 100%; object-fit: cover; margin-top: 0; margin-bottom: auto; }*/


    .grid:not(#people-grid) .card figure { width: 100%; flex-shrink: 0; }
    .grid:not(#people-grid) .card figure img { object-fit: cover; margin-top: 0; margin-bottom: auto; aspect-ratio: 16 / 9; }
    body.home .grid:not(#people-grid) .card .block-text { align-items: center; }
    .grid:not(#people-grid) .card .block-text { flex: 1; display: flex; /*justify-content: center;*/ }
    .grid:not(#people-grid) .card .block-text .wp-block-group__inner-container { display: flex; flex-flow: column nowrap; }
    .grid:not(#people-grid) .card .block-text .wp-block-group__inner-container .button { margin-top: auto; }


    .grid.bordered .card .block-text { border: 1px solid #000; }

    .grid-post-policies .card { background-color: var(--colour-purple20); }
    .grid-post-training .card,
    .grid-post-resources .card { background-color: var(--colour-white); }
    .grid-post-training .card .block-text { border: 1px solid var(--colour-black); }
    .grid-post-training .card .block-text:not(.noImage) { border-top: none; }

    #people-grid .card > .wp-block-group__inner-container { justify-content: flex-start; }
    #people-grid .card figure { flex: 0; }
    #people-grid .card p.button { margin-top :auto; }

    .welcome-ambassadors { background: linear-gradient(to right, rgba(222,213,230,1) 20%, rgba(222,213,230,0) 75%), url('/wp-content/uploads/2025/01/map-dots.webp') no-repeat center right, var(--colour-purple20); margin-bottom: calc(var(--gap-mid) + var(--gap-sml)); display: flex; align-items: center; flex-flow: row nowrap; gap: var(--gap-mid); padding: calc(var(--gap-big) + var(--gap-mid)) var(--gap-big) calc(var(--gap-big) + var(--gap-mid)); }

    .welcome-ambassadors .wp-block-column p:last-child { margin-bottom: 0; }
    
    .banner-questions { background: url('/wp-content/uploads/2025/05/get-in-touch-gradient2.webp') no-repeat top right; background-size: cover; padding: calc(var(--gap-big) + var(--gap-mid)) var(--gap-big); /*margin-bottom: var(--gap-big);*/ }
    
    .welcome-text,
    .banner-questions h2+p { width: 624px; }

    .block-text { padding: var(--gap-big); }
    .grid-3 .block-text { padding: calc(var(--gap-mid) + var(--gap-sml)); }
    .block-text h3 { margin-top: 0; }
    .block-text:not(.extLink) .wp-block-group__inner-container > *:last-child { margin-bottom: 0; }


    /*.media-link { margin: var(--gap-mid) 0 var(--gap-big); }*/
    .media-links { margin-bottom: calc(var(--marginVert) * 3); padding: calc(var(--marginVert) * 3); }
    .media-link figure img { margin: 0; border: 1px solid var(--colour-grey400); padding: var(--gap-sml);     box-sizing: border-box; background: var(--colour-white); }
    .media-links .media-link p { margin-bottom: 0; }



    .checklist { background: var(--colour-white); border: var(--colour-purple80) 3px solid; }
    .progress-completed {}
    .progress-completed label { text-align: right; width: 100%; display: inline-block; font-weight: 500; margin-bottom: var(--gap-sml); }
    .progress-completed progress { -webkit-appearance: none; appearance: none; border: none; background: none; margin-bottom: var(--gap-mid); }
    .progress-completed progress {
      width: 100%; /* Adjust width as needed */
      height: 20px; /* Adjust height as needed */
      background-color: var(--colour-blue10); /* Background of the progress bar */
      border-radius: 50px; /* Rounded corners for a modern look */
      overflow: hidden; /* Ensures child pseudo-elements respect the border-radius */
    }

    .progress-completed progress::-webkit-progress-bar {
      background-color: var(--colour-blue10); /* Background of the progress container */
    }

    .progress-completed progress::-webkit-progress-value {
      background-color: var(--colour-blue500); /* The progress indicator */
      border-radius: 50px; /* Ensures rounded corners match */
    }

    .progress-completed progress::-moz-progress-bar {
      background-color: #4caf50; /* Progress indicator for Firefox */
    }
    
    .list-progress { margin: 0; padding: 0; list-style: none; display: grid; flex-flow: row wrap; grid-gap: var(--gap-sml); grid-template-columns: repeat(2, 1fr); }
    .list-progress li { list-style: none; position: relative; margin: 0; padding: 0; display: inline; cursor: pointer; padding-left: 55px; }
    .list-progress li:before { content: ""; height: 40px; width: 40px; background: url('/wp-content/uploads/2024/12/progress-empty.svg') no-repeat center center; display: block; flex: 0 0 40px; background-size: cover; position: absolute; left: 0; }
    .list-progress li a { text-decoration: underline; }
    .list-progress li a:hover { color: var(--colour-blue500); }
    .list-progress li.done:before { background: url('/wp-content/uploads/2024/12/progress-full.svg') no-repeat center center;  }
    .list-progress li.done { font-weight: 500; }
    /*.list-progress li:not(.done):hover { color: var(--colour-blue500); }*/
    #checklist-submit { margin-top: var(--gap-sml); }
    
    #checklist-form-notice { margin-top: var(--gap-mid); display: none; }
    #checklist-form-notice.show { display: block; }
    /*#checklist-form-notice p { margin-bottom: 0; }*/
    
       
    .banner-questions .button-row .wp-block-group__inner-container,
    .two-columns-text .button-row .wp-block-group__inner-container { margin-bottom: 0; }


    .block-narrow { max-width: 730px; margin: 0 auto; }

    .two-columns { display: flex; flex-flow: row nowrap; gap: var(--gap-big); }
    .two-columns.padded { margin-bottom: var(--gap-big); }
    .two-columns .wp-block-column { flex: 1 1 50%; }
    .two-columns .wp-block-column:first-child { max-width: 700px; }
    .two-columns-text:not(.no-centre) { align-self: center; }
    .two-columns-text .subhead { font-weight: 500; }
    .two-columns-text > p:last-of-type { margin-bottom: 0; }
    .two-columns-image figure { height: 100%; }
    .two-columns-image figure img { height: 100%; object-fit: cover; }


    /* accordions */
    .expandable-wrapper { clear: both; margin-bottom: var(--gap-big); }
    .expandable { padding: 0; width: 100%; box-sizing: border-box; margin-bottom: var(--gap-mid); }
    .expandable-wrapper .expandable:last-child { margin-bottom: 0; }
    .expandable .expandable-content-outer { max-height: 0; overflow: hidden; padding: 0; transition: max-height 0.5s ease; }
    .expandable .expandable-content-outer p,
    .expandable .expandable-content-outer ul { padding-bottom: 0; }
    .expandable.show .expandable-content-outer { max-height: var(--expander-max-height); }
    .expandable .expandable-content-outer *:first-child { margin-top: 0; }
    .expandable .expandable-content-outer *:last-child { margin-bottom: 0; }
    .expandable .expandable-content-inner { padding: var(--gap-mid) var(--gap-big) 0 var(--gap-big); }
    .expandable-link { margin-bottom: 0; cursor: pointer; padding: var(--gap-mid) calc(var(--gap-big) *2) var(--gap-mid) var(--gap-big); position: relative; font-weight: 500; transition: background 0.5s ease; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; }
    .expandable.show .expandable-link { background: var(--colour-purple500); color: var(--colour-white); }
    .expandable .expandable-link:after { content: ""; width: 32px; height: 32px; background: url('/wp-content/uploads/2024/12/icon-plus.svg') no-repeat center center; background-size: cover; position: absolute; right: var(--gap-big); }
    .expandable.show .expandable-link:after { background: url('/wp-content/uploads/2024/12/icon-minus.svg') no-repeat center center; }


    .related-items { margin-bottom: var(--gap-big); padding-top: var(--gap-big); border-top: 3px solid var(--colour-purple20); }
   
    .chk-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.5); flex-flow: row wrap; justify-content: center; align-items: center; }
    .chk-overlay.show { display: flex; }

    .section-amb #formModal { background: var(--colour-white); padding: var(--gap-sml); max-width: 450px; box-sizing: border-box;     display: flex; flex-flow: column; }
    .closeChecklist { cursor: pointer; align-self: flex-end; }
    #formModal .wpforms-container { margin: var(--gap-sml) 0 0; }
    .section-amb .wpforms-field-container { text-align: left; }
    .section-amb #formModal input,
    .section-amb #formModal .wpforms-field-row-block { width: 100%; padding: 10px; max-width: none; box-sizing: border-box; }

    .section-amb #formModal label { margin: 0 0 var(--gap-sml); }
    .section-amb #formModal .wpforms-field { padding: 0; }
    .section-amb #formModal .wpforms-field-container { display: flex; flex-flow: column; gap: var(--gap-mid); }
    .section-amb #formModal .wpforms-submit-container { margin: var(--gap-mid) 0 0; }
    .section-amb #formModal .wpforms-confirmation-container-full { background: var(--colour-grey100); margin: 0; }
    .section-amb #formModal .closeChecklist { margin: 0 0 var(--gap-sml); }
    
    #menu-menu-ambassadors:hover li:not(.button.yellow) { opacity: 0.5; }
    #menu-menu-ambassadors li:hover { opacity: 1 !important; }
    
    .wp-block-group.block-narrow figure + h2,
    .wp-block-group.block-narrow figure + h3,
    .wp-block-group.block-narrow figure + p { margin-top: var(--gap-mid); }
    .wp-block-group.block-narrow figcaption { margin-top: 10px; opacity: 0.8; }
}
  

/* RESPONSIVE ----------------------------------------- */


/* FIRST BREAKPOINT IS theWidth -1 */
@media only screen and (max-width : 1919px) {
    header { padding-bottom: var(--marginVert); }
    .inner-wrapper { width: 100%; padding-left: calc(var(--marginHoriz) * 5); padding-right: calc(var(--marginHoriz) * 5); }
    .logo-header { width: 158px; height: 56px; }

    .home-header-wrapper { background: linear-gradient(to right, var(--colour-purple20) calc((100vw - var(--marginHoriz) * 45) / 4 + var(--marginHoriz) * 15), var(--colour-purple10) calc((100vw - var(--marginHoriz) * 45) / 4 + var(--marginHoriz) * 15)); padding-bottom: calc(var(--marginHoriz) * 15); }

    .home .block-goals,
    .home .block-resources,
    .home-columns { padding-left: calc(var(--marginHoriz) * 15); padding-right: calc(var(--marginHoriz) * 15); }

    .home-columns:not(.home-hero) { gap: calc(var(--marginHoriz) * 15); }
    .home-columns:not(.home-hero) > .wp-block-column:first-child { flex: 1 1 100%; max-width: 41vw; }

    .boxes-cols-columns .wp-block-column { align-content: center; padding: var(--blockSpace) calc(var(--marginVert) * 2.5); }


    /*.block-special > .wp-block-group__inner-container { grid-template-columns: 33vw 1fr; }
    .block-special.text-right > .wp-block-group__inner-container { grid-template-columns: 1fr 33vw; }*/
    .special-image { width: 100%; align-self: center; }
    .special-image img { max-width: 550px; margin: 0 0 0 auto; }

    .block-special > .wp-block-group__inner-container { grid-template-columns: 27.6vw 1fr; }
    .block-special .chart,
    .special-image { width: 100%; }
    .block-special.text-right > .wp-block-group__inner-container { grid-template-columns: 1fr 27.6vw; }
}


@media only screen and (max-width : 1439px) {
    :root {
        --gap-big: 60px; 
        --gap-mid: 30px;
        --gap-sml: 15px;        
    }    
    header { padding-bottom: 0; }
    .content-wrapper { flex: 1 1 100%; }
    .inner-wrapper { width: 100%; padding-left: calc(var(--marginHoriz)* 7); padding-right: calc(var(--marginHoriz)* 7); }
    body:not(.home) .page-content > .wp-block-group__inner-container { flex-flow: row wrap; }

    .home-hero h1 { font-size: 5.0rem; }

    .home-columns { padding-left: calc(var(--marginHoriz) * 8); padding-right: calc(var(--marginHoriz) * 8); }
    
    .home-columns:not(.home-hero) { gap: calc(var(--marginHoriz) * 8); }
    .home-header-wrapper { background: linear-gradient(to right, var(--colour-purple20) calc((100vw - var(--marginHoriz) * 24) / 4 + var(--marginHoriz) * 8), var(--colour-purple10) calc((100vw - var(--marginHoriz) * 24) / 4 + var(--marginHoriz) * 8)); padding-bottom: calc(var(--marginHoriz) * 8); }

    .home .page-content { padding: 0; }

    .block-charts-only .block-2cols { flex-flow: column wrap; }
    .block-charts-only .block-2cols .chart { flex: 1 1 100% !important; width: 100%; max-width: none; }

    .block-2cols .chart { flex: 0 0 42.36vw !important; }
    .overview > .wp-block-column h2 { font-size: 3.2rem; }

    .overview.cols4 { display: grid; grid-template-columns: repeat(2, 1fr); }

    .block-special > .wp-block-group__inner-container { grid-template-columns: 42vw 1fr; }
    .block-special.text-right > .wp-block-group__inner-container { grid-template-columns: 1fr 42vw; }

    .panel-3cols { flex-flow: column wrap; }
    
    .home .goals .wp-block-column figure { padding: 6vw; width: 23.6vw; height: 23.6vw; }
    
    .about-column { flex: 0 0 100%; }
    
    .expandable .expandable-link:after { width: 28px; height: 28px; }
}


@media only screen and (max-width : 1299px) {
    .breadcrumbs { margin-top: calc(var(--marginVert)* 2); }
    .overview > .wp-block-column h2 { font-size: 2.8rem; }
    .boxes-cols-columns .wp-block-column { padding: var(--blockSpace) calc(var(--marginVert) * 2); }

    .home-hero-wrapper { position: relative; transform: translateY(-48px);
    padding-top: 48px; margin-bottom: 0px; }
    .home-hero-wrapper:before { padding-top: 12px; }

    .hero-overlay .wp-block-column:first-child { padding-top: 19%; }
    .hero-overlay p { line-height: 1.2; }
    
    .block-resources .wp-block-columns { grid-gap: calc(var(--marginVert) * 3); }

    .block-text { padding: var(--gap-mid); }
    
    .list-progress { grid-template-columns: repeat(1, 1fr); }
    .list-progress li:before { height: 30px; width: 30px; flex: 0 0 30px; }
    .list-progress li { padding-left: 55px; }
    .expandable .expandable-link:after { width: 26px; height: 26px; }    
}


@media only screen and (max-width : 1023px) {
    :root {
        --gap-big: 40px; 
        --gap-mid: 20px;
        --gap-sml: 10px;        
    }     
    .welcome-ambassadors { flex-flow: column wrap; background: linear-gradient(to bottom, rgba(222,213,230,1) 20%, rgba(222,213,230,0) 75%), url('/wp-content/uploads/2025/01/map-dots.webp') no-repeat center right, var(--colour-purple20); align-items: normal; }
    .welcome-ambassadors iframe { width: 100%; aspect-ratio: 16 / 9; height: 100%; }
    
    .header-row-1 .button.white a { background: none; padding: 10px 0 0 0; color: white; }
    .grid-4.is-layout-grid { grid-template-columns: repeat(3, 1fr); }
    .grid-3.is-layout-grid { grid-template-columns: repeat(2, 1fr); }
    
    .list-progress { columns: 1; }
    
    .two-columns { flex-flow: row wrap !important; }
    .two-columns .wp-block-column { flex: 1 1 100%; }
    .two-columns .wp-block-column:first-child { max-width: none; }
    
    .expandable .expandable-link:after { width: 24px; height: 24px; }     
}


@media only screen and (max-width : 767px) {
    :root {
        --fontSize: 1.6rem;
        --blockSpace: calc(var(--marginVert) * 3);      /* gap between blocks on mpt pages */
        --gap-big: 32px; 
        --gap-mid: 16px;
        --gap-sml: 8px;         
    }

    .inner-wrapper { width: 100%; padding-left: calc(var(--marginHoriz) * 2); padding-right: calc(var(--marginHoriz) * 2); padding-left: 0; padding-right: 0; }
    .section-amb .inner-wrapper { padding-left: var(--gap-mid); padding-right: var(--gap-mid); }
    
    .page-content { padding: 0; }
    .page-content .toc-column,
    .content-wrapper > .wp-block-group__inner-container > *:not(.block-2cols) { padding-left: calc(var(--marginHoriz) * 2); padding-right: calc(var(--marginHoriz) * 2); }

    h1 { font-size: 2.8rem; }
    h2 { font-size: 2.6rem; }
	h3 { font-size: 2.4rem; }
    h4 { font-size: 2.0rem; }

    p, li, th, td, label, address, cite, select, figcaption { line-height: 2.0rem; }
    .subheading { font-size: 1.8rem; }

    body:not(.home) .breadcrumbs li:first-child { display: none; }

    .home .page-content { padding: 0; }

    .welcome-text,
    .banner-questions h2+p { width: 100%; }
    
    .expandable .expandable-link:after { width: 20px; height: 20px; }  

    .section-amb #formModal { max-width: 350px; }
    
    .list-progress li { margin: 0 0 10px; }    
}


@media only screen and (max-width : 639px) {
    .grid-2.is-layout-grid,
    .grid-3.is-layout-grid,
    .grid-4.is-layout-grid { grid-template-columns: repeat(1, 1fr); }
}