:root {
        --blue: #006FB7;
        --white: #ffffff; 
        --black: #000000;
        --neautral:#5f687a;
        --grey:#4d4d4d;
        --clear:#f2f2f2;
    }

    /*@font-face {*/
    /*    font-family:Futura;*/
    /*    src: url("https://fonts.cdnfonts.com/css/futura-std-4") format("otf");*/
    /*    font-weight: 400;*/
    /*    font-style: normal;*/
    /*}*/
    
  /*  @font-face {*/
  /*  font-family: 'Futura Std';*/
  /*  src: url('https://fonts.cdnfonts.com/css/futura-std-4') format('woff2'),*/
  /*       url('https://fonts.cdnfonts.com/css/futura-std-4') format('woff'),*/
  /*       url('https://fonts.cdnfonts.com/css/futura-std-4') format('truetype');*/
  /*       font-weight: normal;*/
  /*       font-style: normal;*/
  /*}*/
  
          @font-face {
          font-family: 'Roboto';
          font-style: normal;
          font-weight: 100;
          font-display: swap;
          src: url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1MmgVxFIzIXKMnyrYk.woff2) format('woff2');
          unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
        }
        /* cyrillic */
        @font-face {
          font-family: 'Roboto';
          font-style: normal;
          font-weight: 100;
          font-display: swap;
          src: url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1MmgVxMIzIXKMnyrYk.woff2) format('woff2');
          unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
        }
        /* greek-ext */
        @font-face {
          font-family: 'Roboto';
          font-style: normal;
          font-weight: 100;
          font-display: swap;
          src: url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1MmgVxEIzIXKMnyrYk.woff2) format('woff2');
          unicode-range: U+1F00-1FFF;
        }
        /* greek */
        @font-face {
          font-family: 'Roboto';
          font-style: normal;
          font-weight: 100;
          font-display: swap;
          src: url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1MmgVxLIzIXKMnyrYk.woff2) format('woff2');
          unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
        }
        /* vietnamese */
        @font-face {
          font-family: 'Roboto';
          font-style: normal;
          font-weight: 100;
          font-display: swap;
          src: url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1MmgVxHIzIXKMnyrYk.woff2) format('woff2');
          unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
        }
        /* latin-ext */
        @font-face {
          font-family: 'Roboto';
          font-style: normal;
          font-weight: 100;
          font-display: swap;
          src: url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1MmgVxGIzIXKMnyrYk.woff2) format('woff2');
          unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
        }
        /* latin */
        @font-face {
          font-family: 'Roboto';
          font-style: normal;
          font-weight: 100;
          font-display: swap;
          src: url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1MmgVxIIzIXKMny.woff2) format('woff2');
          unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        }
        /* cyrillic-ext */
        @font-face {
          font-family: 'Roboto';
          font-style: normal;
          font-weight: 300;
          font-display: swap;
          src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmSU5fCRc4AMP6lbBP.woff2) format('woff2');
          unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
        }
        /* cyrillic */
        @font-face {
          font-family: 'Roboto';
          font-style: normal;
          font-weight: 300;
          font-display: swap;
          src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmSU5fABc4AMP6lbBP.woff2) format('woff2');
          unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
        }
        /* greek-ext */
        @font-face {
          font-family: 'Roboto';
          font-style: normal;
          font-weight: 300;
          font-display: swap;
          src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmSU5fCBc4AMP6lbBP.woff2) format('woff2');
          unicode-range: U+1F00-1FFF;
        }
        /* greek */
        @font-face {
          font-family: 'Roboto';
          font-style: normal;
          font-weight: 300;
          font-display: swap;
          src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmSU5fBxc4AMP6lbBP.woff2) format('woff2');
          unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
        }
        /* vietnamese */
        @font-face {
          font-family: 'Roboto';
          font-style: normal;
          font-weight: 300;
          font-display: swap;
          src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmSU5fCxc4AMP6lbBP.woff2) format('woff2');
          unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
        }
        /* latin-ext */
        @font-face {
          font-family: 'Roboto';
          font-style: normal;
          font-weight: 300;
          font-display: swap;
          src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmSU5fChc4AMP6lbBP.woff2) format('woff2');
          unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
        }
        /* latin */
        @font-face {
          font-family: 'Roboto';
          font-style: normal;
          font-weight: 300;
          font-display: swap;
          src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmSU5fBBc4AMP6lQ.woff2) format('woff2');
          unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        }
        /* cyrillic-ext */
        @font-face {
          font-family: 'Roboto';
          font-style: normal;
          font-weight: 400;
          font-display: swap;
          src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2) format('woff2');
          unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
        }
        /* cyrillic */
        @font-face {
          font-family: 'Roboto';
          font-style: normal;
          font-weight: 400;
          font-display: swap;
          src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2) format('woff2');
          unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
        }
        /* greek-ext */
        @font-face {
          font-family: 'Roboto';
          font-style: normal;
          font-weight: 400;
          font-display: swap;
          src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu7mxKKTU1Kvnz.woff2) format('woff2');
          unicode-range: U+1F00-1FFF;
        }
        /* greek */
        @font-face {
          font-family: 'Roboto';
          font-style: normal;
          font-weight: 400;
          font-display: swap;
          src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu4WxKKTU1Kvnz.woff2) format('woff2');
          unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
        }
        /* vietnamese */
        @font-face {
          font-family: 'Roboto';
          font-style: normal;
          font-weight: 400;
          font-display: swap;
          src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu7WxKKTU1Kvnz.woff2) format('woff2');
          unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
        }
        /* latin-ext */
        @font-face {
          font-family: 'Roboto';
          font-style: normal;
          font-weight: 400;
          font-display: swap;
          src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format('woff2');
          unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
        }
        /* latin */
        @font-face {
          font-family: 'Roboto';
          font-style: normal;
          font-weight: 400;
          font-display: swap;
          src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format('woff2');
          unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        }
        /* cyrillic-ext */
        @font-face {
          font-family: 'Roboto';
          font-style: normal;
          font-weight: 500;
          font-display: swap;
          src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fCRc4AMP6lbBP.woff2) format('woff2');
          unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
        }
        /* cyrillic */
        @font-face {
          font-family: 'Roboto';
          font-style: normal;
          font-weight: 500;
          font-display: swap;
          src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP.woff2) format('woff2');
          unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
        }
        /* greek-ext */
        @font-face {
          font-family: 'Roboto';
          font-style: normal;
          font-weight: 500;
          font-display: swap;
          src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fCBc4AMP6lbBP.woff2) format('woff2');
          unicode-range: U+1F00-1FFF;
        }
        /* greek */
        @font-face {
          font-family: 'Roboto';
          font-style: normal;
          font-weight: 500;
          font-display: swap;
          src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fBxc4AMP6lbBP.woff2) format('woff2');
          unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
        }
        /* vietnamese */
        @font-face {
          font-family: 'Roboto';
          font-style: normal;
          font-weight: 500;
          font-display: swap;
          src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fCxc4AMP6lbBP.woff2) format('woff2');
          unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
        }
        /* latin-ext */
        @font-face {
          font-family: 'Roboto';
          font-style: normal;
          font-weight: 500;
          font-display: swap;
          src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fChc4AMP6lbBP.woff2) format('woff2');
          unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
        }
        /* latin */
        @font-face {
          font-family: 'Roboto';
          font-style: normal;
          font-weight: 500;
          font-display: swap;
          src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format('woff2');
          unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        }
        /* cyrillic-ext */
        @font-face {
          font-family: 'Roboto';
          font-style: normal;
          font-weight: 700;
          font-display: swap;
          src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfCRc4AMP6lbBP.woff2) format('woff2');
          unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
        }
        /* cyrillic */
        @font-face {
          font-family: 'Roboto';
          font-style: normal;
          font-weight: 700;
          font-display: swap;
          src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfABc4AMP6lbBP.woff2) format('woff2');
          unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
        }
        /* greek-ext */
        @font-face {
          font-family: 'Roboto';
          font-style: normal;
          font-weight: 700;
          font-display: swap;
          src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfCBc4AMP6lbBP.woff2) format('woff2');
          unicode-range: U+1F00-1FFF;
        }
        /* greek */
        @font-face {
          font-family: 'Roboto';
          font-style: normal;
          font-weight: 700;
          font-display: swap;
          src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfBxc4AMP6lbBP.woff2) format('woff2');
          unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
        }
        /* vietnamese */
        @font-face {
          font-family: 'Roboto';
          font-style: normal;
          font-weight: 700;
          font-display: swap;
          src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfCxc4AMP6lbBP.woff2) format('woff2');
          unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
        }
        /* latin-ext */
        @font-face {
          font-family: 'Roboto';
          font-style: normal;
          font-weight: 700;
          font-display: swap;
          src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfChc4AMP6lbBP.woff2) format('woff2');
          unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
        }
        /* latin */
        @font-face {
          font-family: 'Roboto';
          font-style: normal;
          font-weight: 700;
          font-display: swap;
          src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format('woff2');
          unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        }


    @font-face {
        font-family: 'Futura';
        font-style: normal;
        font-weight: 400;
        src: local('Futura'), url('https://fonts.cdnfonts.com/s/37773/FUTURA55REGULAR.woff') format('woff2'),
            local('Futura'), url('https://fonts.cdnfonts.com/s/37773/FUTURA55REGULAR.woff') format('woff');
    }
    
    @font-face {
    font-family: 'Futura';
    font-style: normal;
    font-weight: 700;
    /*src: local('Futura'), url('https://fonts.cdnfonts.com/s/37773/FUTURA75BOLD.woff') format('woff');*/
    src: local('Futura'), url('https://fonts.cdnfonts.com/s/37773/FUTURA75BOLD.woff2') format('woff2'),
         local('Futura'), url('https://fonts.cdnfonts.com/s/37773/FUTURA75BOLD.woff') format('woff');
    }
    

    
    @font-face{
        font-family:"FuturaBold";
        font-display:swap;
        src:url("/themes/custom/humanrightsoffice/fonts/Futura/FuturaLT-Bold.woff2") format("woff2"),
            url("/themes/custom/humanrightsoffice/fonts/Futura/FuturaLT-Bold.woff") format("woff");
            font-weight: bold;
        
    }
   

    
    

    /*  html*/
    /*{*/
    /* font-size: 1em !important;*/
    /*color: #000 !important; */
    /*   font-family: 'FuturaStd','Futura', 'Arial', 'sans-serif' !important;*/
    /*}*/

    /*body{*/
        /*font-family: Futura !important;*/
    /*      font-family: 'FuturaStd', 'Futura','Arial', 'sans-serif' !important;*/
          
    /*}*/
    
    /*.node__content p,*/
    .node--view-mode-full p{
            font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", "Noto Sans CJK SC", "sans-serif";
            letter-spacing: 0.017rem;
            line-height: 1.75rem;
            /* -webkit-font-smoothing: antialiased; */
            font-size: 1.125rem;
            color: #4a4a4a;
            font-weight: 400;
            font-weight: 400;
    }
    
    .region-content {
         padding: 0 0;
         }
    
    .region.region-sidebar-first a {
            font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", "Noto Sans CJK SC", "sans-serif" !important;
    }




/*testing image fluidity*/
.views-field.views-field-field-priorities-image
.img-fluid{
    max-width:500%;
}

.views-field.views-field-field-priorities-image img{
    max-width:500%
}
    
/*hide header by default*/



.view.view-top-logos.view-id-top_logos.view-display-id-block_4 h2::before {
  content: "BUREAU RÉGIONAL DE L'AFRIQUE DE L'OUEST";
}

html:lang(en) .view.view-top-logos.view-id-top_logos.view-display-id-block_4 h2::before {
  content: "WEST AFRICA REGIONAL OFFICE";
}

html:lang(fr) .view.view-top-logos.view-id-top_logos.view-display-id-block_4 h2::before {
  content: "BUREAU RÉGIONAL DE L'AFRIQUE DE L'OUEST";
}



/*if the website is in frecnh decreese font*/

html[lang="auto"] 
.view.view-top-logos.view-id-top_logos.view-display-id-block_4 h2,
html[lang="fr"] 
.view.view-top-logos.view-id-top_logos.view-display-id-block_4 h2{
     display:inline;
    font-size: 22px ;
    text-align: center !important;
    font-weight:400;
    
}

html[lang="auto"] 
.view.view-top-logos.view-id-top_logos.view-display-id-block_4,
html[lang="fr"] 
.view.view-top-logos.view-id-top_logos.view-display-id-block_4{
    position: absolute;
    left: 34%;
    top: 8.7%;

}


/*english*/

html[lang="en"] 
.view.view-top-logos.view-id-top_logos.view-display-id-block_4 {
    
       position: absolute;
       top: 8.7%;
       left: 34%;
       font-weight: 600;
}


html[lang="en"] 
.view.view-top-logos.view-id-top_logos.view-display-id-block_4 h2{
    display:inline;
    font-size: 20px !important;
    text-align: center !important;
    content: "WEST AFRICA REGIONAL OFFICEs";   
    font-weight:400;
    
}



/*==================
    header
======================*/
    
    .un-logo a img {
    vertical-align: initial;
}


/*logos when the webiste is in english*/

/* Background size for English */
html[lang="en"] .view.view-top-logos.view-id-top_logos.view-display-id-block_1 .header-logos .header-primary_left {
    padding-right: 0.875rem;
    float: left;
    height: 3.7em;
    margin-right: 1%;
    width: 13%;
    background-image: url(/themes/custom/humanrightsoffice/assets/unitednationsenglish.svg);
    background-size: 93% 3.1em;
    background-repeat: no-repeat;
    border-right: 0.0625rem solid black;
}


      



html[lang="en"] .view.view-top-logos.view-id-top_logos.view-display-id-block_1 .header-logos .header-primary_right {
    
    
        /*padding-left: 18%;*/
    float: left;
    height: 3.7em;
    margin-right: 2%;
    width: 15%;
    background-image: url(/themes/custom/humanrightsoffice/assets/unhrenglishlogo.svg);
    background-size: 80% 3.1em;
    background-repeat: no-repeat;
    /*border-left: 0.0625rem solid black;*/
      
}


/* Background size for french */

html[lang="auto"] .view.view-top-logos.view-id-top_logos.view-display-id-block_1 .header-logos .header-primary_left,
html[lang="fr"] .view.view-top-logos.view-id-top_logos.view-display-id-block_1 .header-logos .header-primary_left{
    padding-right: 0.875rem;
    /*border-right: 0.0625rem solid black;*/
    float: left;
    height: 3.7em;
    margin-right: 1%;
    width: 13%;
    background-image: url(/themes/custom/humanrightsoffice/assets/unitednationsfrench.svg);
        background-size: 96% 3.9em;
    background-repeat: no-repeat;
      
}

html[lang="auto"] .view.view-top-logos.view-id-top_logos.view-display-id-block_1 .header-logos .header-primary_right,
html[lang="fr"] .view.view-top-logos.view-id-top_logos.view-display-id-block_1 .header-logos .header-primary_right{
    /*padding-left: 18%;*/
    float: left;
    height: 3.7em;
    margin-right: 2%;
    width: 15%;
    background-image: url(/themes/custom/humanrightsoffice/assets/unhrfrenchogo.svg);
    background-size: 93% 3.5em;
    background-repeat: no-repeat;
    border-left: 0.0625rem solid black;
      
}


    .region.region-header {
        /* display: flex; */
    }

    div#block-views-block-top-logos-block-1 {
        /* margin-right: 40%;
        margin-left: 5%; */
    }

    /*div#block-search-form-block {*/
    /*    margin-top: 1%; */
    /*    margin-left: 76%;*/
    /*}*/
    div#block-search-form-block {
    margin-top: 1%;
    /* margin-left: 76%; */
    position: absolute;
    left: 77%;
}
    .view.view-top-logos.view-id-top_logos.view-display-id-block_1
    .header-logos
    .header-primary_right img {
        width: 87%;
    height: 3.7em;
    }
    
    .view.view-top-logos.view-id-top_logos.view-display-id-block_1
    .header-logos
    .header-primary_left img{
        height: 4.7em;
        
    }

    .js-form-item.form-item.js-form-type-search.form-type-search.js-form-item-keys.form-item-keys.form-no-label {
        margin-right: 4%;
    }


    div#block-views-block-top-logos-block-3 {
        float: none;
        width: 100%;
        padding: 0.5% 0% 2% 3%;
        background: #F2F2F2;
        /* display: block; */
    }

    /* .un-logo img {
        margin-right: 4%;
    } */

    .top-un-logo {
        /* width: 50%; */
        float: left;
    }

    ul.language-switcher-language-url {
        margin: 0;
    }

    ul.language-switcher-language-url li {
        text-decoration: none;
        list-style: none;
        float: left;
        margin-left: 2%;
    }

    ul.language-switcher-language-url li a {
        color: rgb(242 242 242);
        text-decoration: none;
        text-transform: capitalize;
    }

    ul.language-switcher-language-url li a:active,
    ul.language-switcher-language-url li a:hover{
        background: #CBE3ED;
        padding: 12px;
    }

    /* div#block-views-block-top-logos-block-3 {
        float: none;
        width: 100%;
        padding: 0 3%;
        display: block;
    } */

    div#block-language-switcher-langcode-blocklanguage-interface {
        /* width: 50%;
        float: left; */
    }

    .view.view-top-logos.view-id-top_logos.view-display-id-block_3 
    .view-header 
    .top-un-logo {
        /* display: flex;
        width: 50%;
        float: left; */
    }

    .un-logo a {
            /* font-weight: 100; */
        color: #4D4D4D;
        text-decoration: none;
        font-size: 13px;
    }

    .view.view-top-logos.view-id-top_logos.view-display-id-block_3 .view-header .top-un-logo {
        margin-right: 77%;
    }

    .VIpgJd-ZVi9od-aZ2wEe-wOHMyf-ti6hGc {
        
        display: none;
    }

    .view.view-top-logos.view-id-top_logos.view-display-id-block_4 {
       /*top: 8.7%;*/
       /*position: absolute;*/
       /*right: 40.7%;*/
       /*font-weight: 600;*/
  

        }
        
.view.view-top-logos.view-id-top_logos.view-display-id-block_4 h2 {
    /*font-size: 22.2px;*/
    /*text-align:center;*/
                      
            }
            
/*============================

language switcher
====================*/


/* Hide original text */
.language-switcher-language-url .links li a {
    color: transparent; /* Makes original text invisible */
    position: relative; /* Establishes positioning context for pseudo-elements */
    text-decoration: none; /* Remove underline */
}

/* Add "English" for English link */
.language-switcher-language-url .links li.en a::after {
    content: "English";
    color: #4D4D4D; /* Make the new text visible */
    position: absolute; /* Absolute positioning */
    left: 0; /* Adjust as needed to position correctly */
    top: 0; /* Align the text */
    display: block;
     font-size:12px;
     padding: 11px 15px;
}

/* Add "French" for French link */
.language-switcher-language-url .links li.fr a::after {
    content: "French";
    color: #4D4D4D; /* Make the new text visible */
    position: absolute; /* Absolute positioning */
    left: 0; /* Adjust as needed to position correctly */
    top: 0; /* Align the text */
    margin-left:2%;
    display: block;
     font-size:12px;
     padding: 11px 15px;
}


/* Style for active language link with .is-active class */
.language-switcher-language-url .links li.is-active a::after {
    background-color: #CBE3ED;
    /*padding: 11px 15px;*/
}

/* Add left margin to French language link */
.language-switcher-language-url .links li.fr {
    margin-left: 20px; 
}

/*end of new lang switcher*/

    div#block-language-switcher-langcode-block-language-interface{
    
             width: 15%; 
            position: absolute; 
            right: 3%;
    
    }

        div#block-language-switcher-langcode-block-language-interface ul li{
        
                float: left; 
                
                list-style: none; 
                
                margin-right: 13%;
        
        }
        
div#block-language-switcher-langcode-block-language-interface ul li a {
    text-decoration: none;
}

div#block-language-switcher-langcode-block-language-interface ul li:active
div#block-language-switcher-langcode-block-language-interface ul.links a.is-active
{
        background-color: #CBE3ED;
        padding: 5px;
}

    /*======================
    pagination
    /*==========================*/

    .page-link.active, .media-library-view--widget .view-header a.page-link.is-active, .active > .page-link, .media-library-view--widget .view-header a.is-active > .page-link{
        /*background-color:var(--blue);*/
        /*border-color: var(--blue);*/
        background-color: #585858;
    border-color: #585858;

    }
    /*=============================
    MAIN MENU
    ===========================*/

    div#navbarSupportedContent{
        justify-content: center !important;
    }

    div#navbarSupportedContent
    li.nav-item {
        border-left: 1px solid var(--white);
        
    }

    div#navbarSupportedContent 
    li.nav-item a{
        color:white !important;
        padding: 0.1rem 0.73125rem;
        font-size: 11px;
        /*font-weight: 600;*/
        text-transform:uppercase;
    }

    nav.navbar.navbar-expand-lg.navbar-dark.text-light.bg-dark {
            border-bottom: 1px solid white;
    background: #4d4d4d !important;
    /*margin-top: 2%;*/
    width: 90%;
    margin: 1.8% auto 0.8% auto;
    max-width: 1280px;
    clear: both;
    }
    
    div#navbarSupportedContent 
    li.nav-item:first-of-type {
              border-left: none;
       }

    div#navbarSupportedContent 
    ul.dropdown-menu.nav-level-1.show {
        background: #4d4d4d;
    }

    /*hover states drop down*/
        
        div#navbarSupportedContent ul.dropdown-menu.nav-level-1.show li {
            margin-bottom: 11px;
            border: none;
            }

            div#navbarSupportedContent ul.dropdown-menu.nav-level-1.show li a:hover,
            div#navbarSupportedContent ul.dropdown-menu.nav-level-1.show li a:active{
                background: #016fb7;

            }
            
        div#navbarSupportedContent li.nav-item a:active {
            background: #016fb7;
        }

    div#navbarSupportedContent li.nav-item {
        border-left: 1px solid white;
        background: var(--grey);
    }

    div#navbarSupportedContent li.nav-item:hover,
        div#navbarSupportedContent li.nav-item:active {
            background: #016fb7;
        }

    /*==============================
        Landing pager Slider
    ================================*/

    div#block-views-block-frontpage-slides-block-1
    .view-footer {
        background-image: url(../assets/blue-grit-texture.webp);
        color: white;
        font-family:inherit;
        padding: 1.7% 8%;
        display: flex;
        }

    div#block-views-block-frontpage-slides-block-1
    .slider_footer {
            /* display: flex; */
            margin-right: 39%;
        }

        div#block-views-block-frontpage-slides-block-1
        .footer_button {
            margin-top: 0%;
            padding: 2% 2%;
        }

        div#block-views-block-frontpage-slides-block-1
        .footer_button a {
            color: var(--blue) !important;
            background: white;
            padding: 25% 36%;
            border-radius: 8px;
        }

    .view-footer h3 {
            font-weight: 700; 
            font-size: 2.2em;
        }

    .view-footer p {
            /* float: left; */
        }
        
        
        
        

    /*==============================
    latest news 
    ==============================*/

    div#block-views-block-latest-news-block-1 {
            margin-top: 1%;
            padding: 1em 3.2em;
            float:none;
            margin-bottom: 2%;
            /*border-bottom: 0.2em solid #F5F5F1;*/
        }

    div#block-views-block-latest-news-block-1 .views-row {
        width: 28%;
        float: left;
        margin-left: 4.5%;
        position: relative;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: #F5F5F1;
        background-clip: border-box;
        /* border: 1px solid #00000020; */
        /* box-shadow: 0 1px 3px #0000001f; */
        border-top: 10px solid #5BC9FD !important;
        transition: all 0.7s;
        margin-bottom: 0.5%;
        height: 441px;
    }
    
    .view.view-latest-news.view-id-latest_news.view-display-id-block_1
    .views-field-title a{
        font-family: "Roboto","Helvetica Neue","Helvetica","Arial","Noto Sans CJK SC","sans-serif";
          font-weight: 700;
          letter-spacing: 0.017rem;
            
        }
    
    div#block-views-block-latest-news-block-1 .views-row:hover{
        border-top:10px solid #1574c4 !important;
    }

        div#block-views-block-latest-news-block-1
        .views-field.views-field-field-cover-photo img {
            /* border-radius: 10px; */
            padding: 0.8%;
        }
        

        /*news block button*/

        .view.view-latest-news.view-id-latest_news.view-display-id-block_1
        .view-footer .more_news {
            position: relative;
            width: 106px;
            left: 90%;
            /* padding: 0.5%; */
            float: none;
            /* border: 1px solid blue; */
        }

        .view.view-latest-news.view-id-latest_news.view-display-id-block_1
        .view-footer {
            clear:both;
        }

    div#block-views-block-latest-news-block-1
    .views-row img {
            margin-bottom: 3%;
        }

    div#block-views-block-latest-news-block-1
    .views-field.views-field-title {
        text-align: left;
        margin-bottom: 5.2%;
        color: black;
        padding: 0 5.5%;
        font-weight: 600;
        font-size: 1.125rem;
        line-height: 1.75rem;

        }
        

    div#block-views-block-latest-news-block-1
    .views-field.views-field-body{
            padding: 0 2.5%;
            text-align: center;
            font-weight: 200;
            font-size: 15px;
        }

    .view.view-from-our-news.view-id-from_our_news.view-display-id-page_1
    .views-field.views-field-title .field-content a {
            font-size: 1.3rem;
            font-weight: bold;
            text-decoration: none;
            color: black;
        }

        .view.view-from-our-news.view-id-from_our_news.view-display-id-page_1 
        .view-content {
            display: none;
        }
        
    .more-link {
    display: block;
    text-align: center !important;
}

    .view.view-from-our-news.view-id-from_our_news.view-display-id-block_1
    .pagination {
      
        float: left;
        margin-left: 35%;
    }

        /* ============================================
                    Mission Vision 
        ==============================================*/

        div#block-views-block-mission-vision-block-1 {
            float: left;
            width: 45%;
            margin-left: 5%; 
            
        }

        div#block-views-block-mission-vision-block-1
        .views-field-title {
            font-size: 2.9em;
        margin-bottom: 0.5em;
        line-height: normal;
        font-weight: 700;
        text-transform: capitalize;
            
        }

        div#block-views-block-mission-vision-block-1
        .views-field.views-field-body {

        font-size: 1.1em; 
        font-weight: 100;
        line-height: inherit;
    }
    div#block-views-block-mission-vision-block-1
    .views-field.views-field-body ul li {
        margin-bottom: 2% !important;
    }

    div#block-views-block-mission-cover-block-1 {
        /* float: left;
        width: 48%; */
    }

    /* =========================================
                newsletter form 
    ============================================= */

    div#block-webform-block {
        background-image: url(../assets/blue-grit-texture.webp);
        padding: 3em 9em;
        width: 61%;
        border-radius: 0.2em;
        margin: 4% 21%;
        color: white;
        float:none
    }

    div#block-webform-block
    input#edit-actions-submit {
        background: white;
        color: #006FB7;
        height: 60px;
        width: 123px;
    }

    div#block-webform-block
    input#edit-email {
        height: 60px;
        width: 80%;
        float: left;
        margin-right: 1.2em;
    }

    div#block-webform-block
    label {
        /* display: inline-block; */
        display: none;
    }

    div#block-webform-block
    h2 {
        font-weight: 200;
        text-align: center;
        font-size: 1.8em;
    }

    /* =========================================
                Publications
    ===========================================  */

    div#block-views-block-publications-block-1
    .views-row {
        width: 30%;
        float: left;
        margin-left: 1.8em;
        /* margin-top: 5%; */
        position: relative;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: white;
        background-clip: border-box;
        /* border: 1px solid #00000020; */
        /* border-radius: 0.8rem; */
        /* box-shadow: 0 1px 3px #0000001f;*/
        display: flex;
    align-items: stretch;
    }
    
    div#block-views-block-publications-block-1 .view-content{
        display:flex;
    }

    div#block-views-block-publications-block-1
    .more-link
    {
        display: block;
        text-align: center;
        clear: both;
        margin-bottom: 1%;
    }

    div#block-views-block-publications-block-1 {
        padding: 1em 3em;
    border-top: 0.2em solid #F5F5F1;
    background: #F5F5F1;
    }


    div#block-views-block-publications-block-1
    .views-field.views-field-title,
    div#block-views-block-publications-block-1 
    .views-field.views-field-title a{
        text-align: left;
        
        color: black;
        font-size: 1.125rem;
        line-height: 1.75rem;
        font-family: "Roboto","Helvetica Neue","Helvetica","Arial","Noto Sans CJK SC","sans-serif";
         font-weight: 700;
          letter-spacing: 0.017rem;
    }
    
    div#block-views-block-publications-block-1 
    .views-field.views-field-title{
        padding: 1em 0.8em;
    }

    div#block-views-block-publications-block-1 .views-row img {
        /*padding: 1%;*/
        /* border-radius: 12px; */
        }

    div#block-views-block-publications-block-1 h2 {
        text-align: center;
        margin-bottom: 2%;
        /* background: content-box; */
        font-size: 48px;
        font-weight: 700;
        padding: 2% 0%;
        color: #585858;
        font-family:'FuturaBold', 'sans-serif';
    }

    div#block-views-block-publications-block-1 h2 ::after {
        background: #5bc9fd;

    }

    div#block-views-block-publications-block-1 h2
    font {
        border-bottom: solid #5bc9fd 6px;
    }

    .more_news a {
        font-size: 20px;
        color: #585858;
        border-bottom: 3px solid #5bc9fd;
        text-decoration: none;
        font-family: inherit;
    }


    .view.view-publications.view-id-publications.view-display-id-page_1
    .views-row {
        float: left;
        /* border-radius: 14px; */
        width: 32%;
        margin-left: 1%;
        border: 1px solid #eeebeb;
        height: 390px;
        margin-bottom: 2%;
        background:#F5F5F1;
        border-top: 10px solid #5BC9FD;
    }

    .view.view-publications.view-id-publications.view-display-id-page_1
    nav {
        clear: both;
    }

    .view.view-publications.view-id-publications.view-display-id-page_1
    .view-content {
        padding: 0 2%;
    }

    .view.view-publications.view-id-publications.view-display-id-page_1
    img.img-fluid.image-style-publications {
        /* border-radius: 12px 12px 0 0; */
        padding: 0.5%;
    }

    .view.view-publications.view-id-publications.view-display-id-page_1
    .views-field.views-field-title a {
            text-decoration: none;
    color: black;
    /* padding: 1% 2%; */
    text-align: center;
    font-size: 1em;
    font-weight: bold;
    color: #000000;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-family:"Roboto","Helvetica Neue","Helvetica","Arial","Noto Sans CJK SC","sans-serif";
    }

    .view.view-publications.view-id-publications.view-display-id-page_1
    .views-field.views-field-title {
        padding: 1.2%;
        text-align: center;
    }

    div#block-views-block-publications-block-3 {
        background: var(--clear);
        text-align: left;
       font-size: 45px;
        padding: 1.5em;
        color: black;
        margin-bottom: 1.2em;
        font-weight: 600;
        /*text-transform: capitalize;*/
    }

    div#block-views-block-publications-block-2 {
        background: #1574c4;;
        color: white;
        padding: 7% 7%;
    }
    
    div#block-views-block-publications-block-2 h2 {
    /* text-align: center; */
    margin-bottom: 7%;
    font-weight: lighter;
    font-size: 22px;
}

    div#block-views-block-publications-block-2 a,
    .view.view-our-mandates.view-id-our_mandates.view-display-id-block_2 .views-row a{
        
        color: white;
        margin-bottom: 1%;
        text-decoration: none;
        list-style: none;
        display: list-item;
        text-align: left;
        /* margin-left: 5%; */
        font-size: 12px;
        margin-bottom: 4%;

    }
    
    .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item h6 {
    
    color: #1574c4;
    font-weight: 700;
    font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", "Noto Sans CJK SC", "sans-serif";
    font-size: 15px;
    font-family: 'FuturaBold', 'sans-serif';
    padding-bottom: 16px;
    border-bottom: 1px solid #7c7c7c;
}

   .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item p a{
    color: #1574c4;
    text-decoration: none;
    color: #1574c4;
    font-size: 13px;
    }


    
     div#block-views-block-publications-block-2 a:hover,
     .view.view-our-mandates.view-id-our_mandates.view-display-id-block_2 .views-row a:hover{
                border-left: 2px solid white;
                padding-left: 1%;
    }
    
     div#block-views-block-publications-block-2 a:active,
     .view.view-our-mandates.view-id-our_mandates.view-display-id-block_2 .views-row a:active{
                border-left: 2px solid white;
                padding-left: 1%;
    }
    
    div#block-views-block-publications-block-2 li{
        list-style:none;
        margin-left: 0;
        
    }

    div#block-views-block-publications-block-2
    .views-field.views-field-title {
        margin-bottom: 4%;
        font-size: 0.9em;
    }

    div#block-views-block-publications-block-2 a:active {
        
        border-left: 2px solid white;
    }

    .view.view-from-our-news.view-id-from_our_news.view-display-id-block_1
    .views-field-title {
        padding: 2% 3%;
        font-weight: 200;
    }
    
    article.node.node--type-publications.node--view-mode-full
    .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
    
    padding-right: 18%;
    color: #333;
}

article.node.node--type-publications.node--view-mode-full{
     
    margin-bottom: 50px;
    margin-left: 3%;
}
    
    /*social media buttons*/
    
    span.a2a_svg.a2a_s__default.a2a_s_facebook,
    span.a2a_svg.a2a_s__default.a2a_s_twitter,
    span.a2a_svg.a2a_s__default.a2a_s_linkedin{
    background-color: black !important;
    border-radius: 51%;
}

    span.a2a_svg.a2a_s__default.a2a_s_facebook:hover,
    span.a2a_svg.a2a_s__default.a2a_s_twitter:hover,
    span.a2a_svg.a2a_s__default.a2a_s_linkedin:hover{
    background-color: #1574c4 !important;
    border-radius: 51%;
}


.addtoany_list.a2a_kit_size_32 a > span {
  
    height: 40px;
    width: 40px;
}

.a2a_svg svg {

    top: 4px !important;
    width: 80% !important ;
    height: 80% !important;
}

.view.view-from-our-news.view-id-from_our_news.view-display-id-page_1.js-view-dom-id-ff6b397674b546db17f9668c51aeb3262af1a0db816c2fc58bc9577c62604517 {
    display: none;
}

.view.view-from-our-news.view-id-from_our_news.view-display-id-block_1 .view-header {
    background: #f2f2f2;
    font-size: 37px;
    font-weight: 600;
}

/*change language of the more link when the site langauge changes*/

/* Default French Text */
    .view-publications.view-id-publications.view-display-id-block_1
    .more-link a[href="/en/publications"]::after {
        content: "Plus de publications";
        display: inline;
        visibility: visible;
    }
    
    .view-publications.view-id-publications.view-display-id-block_1
    .more-link a[href="/en/publications"] {
        visibility: hidden;
    }
    
    /* When the site language is English */
    html:lang(en) .view-publications.view-id-publications.view-display-id-block_1
    .more-link a[href="/en/publications"]::after {
        content: "More publications";
        visibility: visible;
        font-size: 20px;
        color: #585858;
        border-bottom: 3px solid #5bc9fd;
        padding: 0.6%;
    }

/*doing the same for the news*/

/* Default French Text */
    .view-latest-news.view-id-latest_news.view-display-id-block_1
    .more-link a[href="/en/news"]::after {
        content: "Voir toutes les actualités";
        display: inline;
        visibility: visible;
    }
    
    .view-latest-news.view-id-latest_news.view-display-id-block_1
    .more-link a[href="/en/news"] {
        visibility: hidden;
    }
    
    /* When the site language is English */
    html:lang(en) .view-latest-news.view-id-latest_news.view-display-id-block_1
    .more-link a[href="/en/news"]::after {
        content: "View all news";
        visibility: visible;
        font-size: 20px;
        color: #585858;
        border-bottom: 3px solid #5bc9fd;
        padding: 0.6%;
    }
    /*==================================
    hiding the no content block on the index page
    ====================================================*/


    .test-hiding{display: none;}
    /*===================================
    news page
    =====================================*/

    .view.view-latest-news.view-id-latest_news.view-display-id-page_1 .view-header {
        background-color: #006FB7;
        color: white;
        /* height: 57%; */
        margin-bottom: 3%;
        padding: 3%;
        }
        
      /*===================================
   socials
    =====================================*/ 
    #block-twitter-block{
    float: left;	
    width: 30%;
    border-radius: 0;
    margin-left: 1.8em;
}

div#block-facebook-page-plugin{	
    width: 30%;	
    /* display: flex; */
    float: left;
    position: relative;	
    margin-left: 22%;
    margin-bottom: 2%;
}

div#block-block-content-6afcf140-09a9-48ea-83ed-c275ea11488d{
  margin-top: 2%; 
  text-align: center;
  margin-bottom: 4%;
}

        

    /*========================================
    Footer
    ==========================================*/
    .mt-auto.footer-dark.text-light.bg-secondary {
        background-color: #333333 !important;
        }

    /*social media blocks*/

    #block-social-media-links-block {
        /* float: left; */
        margin-left: 1%;
        }

        /*live tweets block*/

    #block-twitter-block {
            float: left;
            clear: right;
            
            }



    /*===========================================
    Publications page
    ===========================================*/

    .view.view-publications.view-id-publications.view-display-id-page_1 .view-header {
        background: #f2f2f2;
    color: black;
    /* text-align: center; */
    padding: 5% 0 1% 0;
    margin-bottom: 3%;
    padding-left: 3%;
        }

        h3.publications-header {
            font-size: 2.8em;
            font-weight: 700;
            font-family: inherit;
        }

        
        /*==========================================================
                            latest news
        ==============================================*/

        .contextual-region.view.view-latest-news.view-id-latest_news.view-display-id-page_1 
        .views-row {
            width: 25%;
            float: left;
        }

    .view.view-latest-news.view-id-latest_news.view-display-id-block_2
        .views-field.views-field-field-cover-photo {
            float: left;
            margin-right:2%;
        } 

        .contextual-region.view.view-latest-news.view-id-latest_news.view-display-id-page_1 
        .views-row,
        .view.view-latest-news.view-id-latest_news.view-display-id-page_1
        .views-row {
            float: left;
            width: 21%;
            margin-left: 3%;
            }


    .view.view-latest-news.view-id-latest_news.view-display-id-block_2
            {
                margin-left: 3%;
                }

    #block-views-block-latest-news-block-2
    h2 {
        margin-left: 3%;
        margin-bottom: 1%;
                
        }
        
        
/*=========================================================

                 Events and campaigns
===========================================================*/

.view-header span,
.region.region-breadcrumb span,
.view-header h3{
    font-size: 45px;
    font-weight: 700;
    font-family: "FuturaBold";
    line-height: 1.15;
}


div#block-views-block-events-block-3 {
    width: 100%;
    clear: both;
    background: #F5F5F1;
    text-align: center;
    height: auto;
  display: grid;
  background: #F5F5F1;
  position: relative;
  padding-bottom: 60px;
  padding-top:60px;
  margin-bottom:3%;
  margin-top:3%;
  
    
}

div#block-views-block-events-block-3
h2{
font-size: 48px;
    font-weight: 700;
    /* margin-top: 60px; */
    text-align: center;
    color: #585858;
    margin-bottom: 60px;
    font-family: 'FuturaBold', 'sans-serif';
    font-weight: bold;
}

div#block-views-block-events-block-3
a {
  font-size: 20px;
  font-weight: 700;
  color: #000000;
  text-decoration: none;
  border-bottom: 3px solid #5bc9fd;
}

/* Default French Text */
#block-views-block-events-block-3  h2::after {
    content: "évènements / campagnes";
    display: block;
    visibility: visible;
    /* Ensure the pseudo-element is positioned exactly */
    position: absolute;
    top: 15%;
    left: 0;
    width: 100%;
    text-align: center;
    /* Match the styles of the original h2 */
    font-size: 48px;
    font-weight: 700;
    color: #585858;
    font-family: 'FuturaBold', 'sans-serif';
}

/* Hide the French text */
#block-views-block-events-block-3 h2 {
    visibility: hidden;
}

/* When the site language is English */
html:lang(en) #block-views-block-events-block-3 h2::after {
    content: "Events / campaigns";
    visibility: visible;
    /* Ensure the pseudo-element is positioned exactly */
    position: absolute;
    top: 15%;
    left: 0;
    width: 100%;
    text-align: center;
    /* Match the styles of the original h2 */
    font-size: 48px;
    font-weight: 700;
    color: #585858;
    font-family: 'FuturaBold', 'sans-serif';
}

 /*====================================================
                    VIDEOTHEQUE
    ======================================================*/
    
    .view.view-media-gallery.view-id-media_gallery.view-display-id-page_2
.views-row{	
    width: 22.2%;
    float:left;
    margin-left: 7%;
    background: #f5f5f1;
    border-bottom: none;
    padding-top: 0;
    border-top: 6px solid #5bc9fd;
}

figure.youtube-container 
iframe{
    width:100% !important;
}


    /*====================================================
                    New News page
    ======================================================*/

    .view.view-from-our-news.view-id-from_our_news.view-display-id-page_1
    .views-field.views-field-field-cover-photo {
        float: left;
        margin-left: 2%;
        margin-right: 2%;
    }

    .view.view-from-our-news.view-id-from_our_news.view-display-id-page_1
    .views-field.views-field-body {
        float: none;
        margin-right: 1%;
    }

    div#block-views-block-from-our-news-block-1 .views-row {
        float: left;
        width: 23%;
        margin-right: 2%;
        height: 314px;
        margin-bottom: 1.7%;
        /* border-radius: 8% 8% 0 0; */
        background-color: #f5f5f1;
        /*background-clip: border-box;*/
        /*border: 1px solid #00000020;*/
        /*box-shadow: 0 1px 3px #0000001f;*/
            border-top: 10px solid #5BC9FD;
    }

    div#block-views-block-from-our-news-block-1
    .views-field-title a{
        font-weight: 600;
        font-family:"Roboto","Helvetica Neue","Helvetica","Arial","Noto Sans CJK SC","sans-serif";
    }
    
    
    div#block-views-block-from-our-news-block-1 .view-content {
           padding: 2% 3% 0.1%;
    }

    /*div#block-views-block-from-our-news-block-1*/
    /*.view-header,*/
    .view.view-from-our-news.view-id-from_our_news.view-display-id-page_1
    .view-header {
        text-align: left;
        /*margin-bottom: 3%;*/
        padding: 3% 0%;
        /*background-image: url(../assets/blue-grit-texture.webp);*/
        /*color: var(--white);*/
        background: #f5f5f1;
    color: black;
    }

    .view.view-from-our-news.view-id-from_our_news.view-display-id-page_1 .view-header {
        /* padding: 2%; */
/* text-align: center; */
background-image: url(../assets/blue-grit-texture.webp);
/* height: 15em; */
background: var(--clear);
/* text-align: center; */
font-size: 2em;
/* padding: 2em 0; */
color: black;
margin-bottom: 1.2em;
font-weight: 600;
text-transform: capitalize;
    }
    
    .view.view-page-titles.view-id-page_titles.view-display-id-block_2 .pagetitle span {
    font-weight: bold;
}

    .view.view-from-our-news.view-id-from_our_news.view-display-id-page_1 .view-header
    h6 {
        font-weight: 600;
        padding-top: 1%;
        margin-left:3%;
        font-size: 37px;
    }
    
    /*hide social icons*/
    
    .social-sharing-buttons{
        display:none;
    }

    /*border*/
    div#block-views-block-from-our-news-block-1
    img.img-fluid.image-style-latest-news {
        padding: 2%;
        /* border-radius: 26px 26px 0px 0px; */
    }

    .view.view-from-our-news.view-id-from_our_news.view-display-id-page_1 .views-field.views-field-field-cover-photo img {
        
        /* border-radius: 24px; */
    }

    /*=========================================================
                    events page
    =========================================================*/

    .view.view-events.view-id-events.view-display-id-page_1
    .views-field.views-field-field-event-image img {
        /* border-radius: 12px 12px 0 0; */
        padding: 0.5%;
        transition: transform .2s;
    }
    
    .view.view-events.view-id-events.view-display-id-page_1 .views-field.views-field-field-event-image img:hover {
   
    transform: scale(1.02);
}

    .view.view-events.view-id-events.view-display-id-page_1
    .views-row {
       /*border: 1.6px solid #eeebeb;*/
    width: 30%;
    float: left;
    margin-left: 2%;
    /* border-radius: 14px; */
    height: 340px;
    padding-left: -1%;
    margin-bottom: 2%;
    background: #F5F5F1;
    padding-bottom: 21%;
    border-top: 10px solid #5BC9FD;
    }
    
    .view.view-events.view-id-events.view-display-id-page_1 .views-row{
        transition: border-color 0.7s ease-out;
    }
    
    .view.view-events.view-id-events.view-display-id-page_1 .views-row:hover{
        border-top: 10px solid  #0556be;
        
    }
    
    div#block-views-block-from-our-news-block-1 .views-row{
        transition: border-color 0.7s ease-out;
    }
    
     div#block-views-block-from-our-news-block-1 .views-row:hover{
         border-top: 10px solid  #0556be;
         
     }
    
    .pagination a {
    color: black;
}

    .view.view-events.view-id-events.view-display-id-page_1
    nav {
        clear: both;
    }

    .view.view-events.view-id-events.view-display-id-page_1
    .views-field.views-field-title {
            /* text-align: center; */
            padding-left: 3%;
            padding-top: 2%;
            font-size: 15px;
            font-weight: 700;
            line-height: 1.333em;
            color: var(--black);
    }
    
    
    .view.view-events.view-id-events.view-display-id-page_1 .views-field.views-field-title a {
    font-weight: bold;
    color: #000000;
    font-size: 1.125rem;
    line-height: 1.75rem;
    box-sizing: border-box;
    /*padding: 30px;*/
    text-align: left;

    }

    .view.view-events.view-id-events.view-display-id-page_1
    .views-field.views-field-field-event-date {
        padding-left: 7%;
        padding-top: 2%;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.125em;
        color: var(--neautral);
    }

    .view.view-events.view-id-events.view-display-id-page_1
    .views-field.views-field-field-event-location {
        padding-left: 7%;
        padding-top: 2%;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.125em;
        color: var(--neautral);
    }

    .view.view-events.view-id-events.view-display-id-page_1
    .events-header {
        text-align: center;
    }

    .view.view-events.view-id-events.view-display-id-page_1
    .events-header h2 {
        color: black;
        font-size: 50px;
        font-weight: 700;
        line-height: 1.28em;
        font-family:"FuturaBold";
    }

    .view.view-events.view-id-events.view-display-id-page_1
    .events-header p {
        font-size: 16px;
        font-weight: 500;
        line-height: 1.75em;
        color: var(--neautral);
    }

    .view.view-events.view-id-events.view-display-id-page_1 
    .view-header {
            height: 307px;
    padding: 6%;
    background: #f2f2f2;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 3%;

    }
    

    .view.view-events.view-id-events.view-display-id-page_1 
    .views-field.views-field-title a {
        text-decoration: none;
        color: black;
        text-transform: capitalize;
    }
    
    .view.view-events.view-id-events.view-display-id-page_1 
    .views-field.views-field-title{
        font-weight:bold;
    }

    .view.view-events.view-id-events.view-display-id-page_1 
    .views-field.views-field-title a:hover {
        color:var(--blue);
    }

    .view.view-events.view-id-events.view-display-id-page_1 
    span.views-label.views-label-field-event-location {
        float: left;
        margin-right: 3%;
    }

    div#block-views-block-events-block-2 {
        background: var(--clear);
        /*text-align: center;*/
        font-size: 2.2em;
        padding: 1.5em;
        color: black;
        margin-bottom: 1.1em;
        font-weight: 600;
        text-transform: capitalize;
    }
    
    .view.view-events.view-id-events.view-display-id-block_2.js-view-dom-id-22e2dd8184bc17cc631e77ef4a355551dab5403f0bac34d0004cab8e0ce05b14 {
    margin: 0 15%;
}

    article.node.node--type-events.node--view-mode-full {
        padding: 2% 18%;
    }

    article.node.node--type-events.node--view-mode-full 
    .field.field--name-field-event-image.field--type-image.field--label-hidden.field__item {
        margin-bottom: 3%;
    }

    .node__content blockquote {
        color: var(--blue) !important;
        font-size: 1.1em;
        border-left: 4px solid var(--blue);
        padding-left: 1%;
    }
    
    .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item blockquote p,
    .node__content blockquote p{
           font-size: 1.1em;
        line-height: normal;
        color: var(--blue);
        color: #1574c4;
        font-size: 21px !important;
        font-family: 'FuturaBold';
        padding-top: 25px;
        /* padding-bottom: 25px; */
        /* border-bottom: 1px solid #7c7c7c; */
        /* text-transform: unset; */
        line-height: 25px;
        font-weight: 700;
        
    }

    /*========================
    Gallery page 
    =========================*/

    .view.view-media-gallery.view-id-media_gallery.view-display-id-page_1
    .views-field.views-field-field-media-image
    ul li:first-of-type ~ * {
        display: none;
    }

    .view.view-media-gallery.view-id-media_gallery.view-display-id-page_1
    .views-field.views-field-field-media-image
    ul li {

        list-style: none;
        margin: 0;
    }

    .view.view-media-gallery.view-id-media_gallery.view-display-id-page_1
    img.img-fluid.image-style-media-gallery-image {
        /* border-radius: 0.7rem; */
        margin-top: 1%;
    }

    .view.view-media-gallery.view-id-media_gallery.view-display-id-page_1
    .views-field.views-field-title {
        padding: 0% 2% 1% 1%;
        text-align: center;
        font-weight:bold;
    }

    .view.view-media-gallery.view-id-media_gallery.view-display-id-page_1
    .view-content {
        margin-left: 8%;
    }
    .view.view-media-gallery.view-id-media_gallery.view-display-id-page_1
    .view-header {
       background: #f2f2f2;
    color: black;
    text-align: left;
    padding: 5% 8%;
    margin-bottom: 3%;
    font-weight: bold;

    }

    .view.view-media-gallery.view-id-media_gallery.view-display-id-page_1
    .views-row {
        width: 22%;
        /* clear: both; */
        float: left;
        margin-right: 1%;
        /* display: flex; */
        background-clip: border-box;
        border: 1px solid #00000020;
        /* border-radius: 0.8rem; */
        /*box-shadow: 0 1px 3px #0000001f;*/
        
        border-top: 6px solid #5bc9fd !important;
        margin-bottom: 2%;
        /*padding: 0 0.2%;*/
        height: 374px;
        background: #F5F5F1;
        padding-bottom: 1%;
    }
    /*===========================
    local logos
    ==============================*/

    .view.view-top-logos.view-id-top_logos.view-display-id-block_1 
    .header-logos {
        /* display: flex; */
        padding: 0.875rem 0 0.25rem;
    }


    .view.view-top-logos.view-id-top_logos.view-display-id-block_1 
    .header-logos
    .header-primary_left {
        /*padding-right: 0.875rem;*/
        /*border-right: 0.0625rem solid black;*/
        float:left;
    }

    .view.view-top-logos.view-id-top_logos.view-display-id-block_1 
    .header-logos
    .header-primary_right {
        /*margin-left: 0.875rem;*/
        float: left;
            margin-bottom: 1.3%;
    }

    .view.view-top-logos.view-id-top_logos.view-display-id-block_1 
    .view-header {
        /*padding: 0 1.125rem;*/
        padding: 0 0;
        margin: 0 auto;
        width: 80%;
    }

    /*================================
            Readmore button
    =================================*/

    .more-link a {
            /* border: 1px solid var(--blue); */
            padding: 0.6%;
            /* border-radius: 17px; */
            text-decoration: none;
            /* color: var(--blue); */
            font-size: 20px;
        color: #585858;
        border-bottom: 3px solid #5bc9fd;
    }

    /* news side block */

    div#block-views-block-from-our-news-block-2 {
        /*background-image: url(../assets/blue-grit-texture.webp);*/
        padding: 2% 3%;
        /* margin-left: 23%; */
        color: white;
        margin-top: 50px;
        background:#1574c4;
    }

    /* .view.view-from-our-news.view-id-from_our_news.view-display-id-block_2 
    .views-field.views-field-title
    ul li a {
        

        color: #FFFFFF;
        display: inline-table;
        float: left;
        font-family: 'Roboto', 'sans-serif';
        font-size: 12px;
        height: auto;
        padding: 10px 5px;
        text-align: left;
        text-transform: unset;
        width: 100%;
        transition: all ease-in-out 0.3s;

    } */

    .view.view-from-our-news.view-id-from_our_news.view-display-id-block_2
    ul li a{
        color: #FFFFFF;
        display: inline-table;
        text-decoration: none;
        font-size: 12px;
        height: auto;
        padding: 10px 5px;
        text-align: left;
        text-transform: unset;
        width: 100%;
        transition: all ease-in-out 0.3s;

    }
    
    .view.view-from-our-news.view-id-from_our_news.view-display-id-block_2 ul li a:hover {
        border-left: 4px solid white;
    }
    
    .view.view-from-our-news.view-id-from_our_news.view-display-id-block_2 ul li {
          list-style: none;
        }

    div#block-views-block-from-our-news-block-2 h2 {
        text-align: center;
        padding-top: 4%;
        border-bottom: 1px solid white;
        padding-bottom: 2%;
    }

    article.node.node--type-latest-news.node--view-mode-full {
        margin-top: 50px;
        padding: 0 10% 0 3%;
        /* background: #f5f5f1; */
    }

    .node.node--type-latest-news.node--view-mode-full 
    .field.field--name-field-cover-photo.field--type-image.field--label-hidden.field__item {
        margin-bottom: 3%;
    }

    .node.node--type-latest-news.node--view-mode-full 
    .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
        padding: 1% 0%;
        margin-bottom: 2%;
    }
    
    .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item blockquote {
    border-bottom: 1px solid black;
    padding-bottom: 1%;
    border-left: none;
    font-weight: 600;
}

    #block-views-block-latest-news-block-3 .views-row .views-field.views-field-title {
        line-height: 1.15;
        font-size: 3.75rem;
        /* text-align: center; */
        padding: 2.2% 7%;
        font-weight: 600;
        /* padding: 1.0625rem 0 1.875rem; */
        /* border-bottom: 1px solid black; */
    }
    #block-views-block-latest-news-block-3 {
        background: #f5f5f1;
        }
        
        

    .views-field-title a {
            
    text-decoration: none;
    color: black;
    font-size: 1em;
    /* font-weight: bold; */
    text-align: center;
    /*font-family: ;*/
    font-size: 1.125rem;
        }

    /*===================================================
                ACTION PAGES
    ======================================================*/

    div#block-views-block-our-actions-block-1 {
        background: var(--clear);
        /*text-align: center;*/
        font-size: 3.2em;
        padding: 1em 1em 0.2em;
        color: black;
        margin-bottom: 1.2em;
        font-weight: 600;
        /*text-transform: capitalize;*/

    }

   div#block-views-block-our-actions-block-1 
   .views-field.views-field-title {
            /* border-bottom: 6px solid var(--blue); */
    padding-bottom: 9px;
    /*margin-left: 2%;*/
    }

    div#block-views-block-our-actions-block-2 {
        background: #1574c4;
        color: white;
        padding: 7% 7%;
        margin-bottom:7%;
    }

    .view.view-our-actions.view-id-our_actions.view-display-id-block_2
    .views-row a {
            color: white;
    text-decoration: none;
    /* padding: 6px 0; */
    font-size: 13px;
    }

    .view.view-our-actions.view-id-our_actions.view-display-id-block_2
    .views-field.views-field-title a:hover,
    .view.view-our-actions.view-id-our_actions.view-display-id-block_2
    .views-field.views-field-title a:active
    {
        border-left: 3px solid white;
        padding-left: 3%;
        text-decoration: underline;
    }

    .view.view-our-actions.view-id-our_actions.view-display-id-block_2
    .views-row {
        padding: 8px 0;
    }

    article.node.node--type-our-actions.node--view-mode-full {
        padding: 0 15% 0  8%;
        margin-bottom: 5%;
    }
    
     article.node.node--type-our-actions.node--view-mode-full
    .field.field--name-field-action-image.field--type-image.field--label-above {
    margin-bottom: 3%;
    }

    article.node.node--type-our-actions.node--view-mode-full .field--type-country
    .field__items {
        display: flex;
    }

    article.node.node--type-our-actions.node--view-mode-full .field--type-country
    .field__items .field__item {
        border: 1px solid var(--blue);
        margin-right: 1%;
        padding: 0.8% 2%;
        border-radius: 27px;
    }

    article.node.node--type-our-actions.node--view-mode-full
    .field__label {
        display: none;
    }
    .region.region-sidebar-first {
        margin-left: 7%;
    }
    
    article.node.node--type-our-actions.node--view-mode-full
    .views-field.views-field-title {
    margin-bottom: 3%;
    }

    div#block-views-block-from-our-news-block-3
    .views-field.views-field-title {
        margin-bottom: 3%;
    }
    
    article.node.node--type-our-actions.node--view-mode-full .field--name-body h6,
    article.node.node--type-our-actions.node--view-mode-full .field--name-body h5,
    article.node.node--type-our-actions.node--view-mode-full .field--name-body h4,
    article.node.node--type-our-actions.node--view-mode-full .field--name-body h3,
    article.node.node--type-our-actions.node--view-mode-full .field--name-body h2
    {
        color: #1574c4;
        font-weight: 700;
        font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", "Noto Sans CJK SC", "sans-serif";
        font-size: 15px;
        font-family: 'FuturaBold', 'sans-serif';
        padding-bottom: 25px;
        border-bottom: 1px solid #7c7c7c;
        
    }
    
    


    /*=====================Latest News Title ==================*/

    div#block-views-block-from-our-news-block-3
    {
        background: var(--clear);
        /* text-align: center; */
        font-size: 2.2em;
        padding: 1.5em;
        color: black;
        /* margin-bottom: 1.2em; */
        /* font-weight: 600; */
        /* text-transform: capitalize; */
        font-size: 45px;
        font-weight: 700;
        line-height: 1.4;

    }

    div#block-views-block-from-our-news-block-3
    span.field-content {
        /* border-bottom: 6px solid var(--blue); */
        padding-bottom: 9px;
    }

    .contextual-region.view.view-from-our-news.view-id-from_our_news.view-display-id-block_1
    .views-field-title {
        padding: 0 3%;
    }

    /*==================================
    Publications & press releases pages
    ==================================*/

    div#block-views-block-press-releases-block-2,
    div#block-views-block-our-mandates-block-3{
        background: var(--clear);
        /* text-align: center; */
        font-size: 2.2em;
        padding: 1.5em;
        color: black;
        margin-bottom: 1.2em;
        font-weight: 600;
        /*

    }
    
   

    div#block-views-block-press-releases-block-2
    span.field-content {
        /* border-bottom: 6px solid var(--blue); */
        padding-bottom: 13px;
    }
    
   

    article.node.node--type-press-release.node--view-mode-full
    block.block-layout-builder.block-field-blocknodepress-releasefield-sub-title,
    article.node.node--type-press-release.node--view-mode-full
    .clearfix.text-formatted.field.field--name-field-sub-title.field--type-text.field--label-hidden.field__item {
        color: var(--blue);
        margin-bottom: 1%;
        font-size: 1.2em;
        padding-right: 12%;
        margin-top: 1%;
        font-weight: 700;
    }

    .block.block-layout-builder.block-field-blocknodepress-releasefield-sub-title{
        color: var(--blue);
        margin-bottom: 1%;
        font-size: 1.2em;
    }

div#block-views-block-press-releases-block-1 h2 {
    color: #fff;
    font-size: 22px;
    margin-bottom: 6%;
    font-weight: 100;
    text-transform: capitalize;
    font-family: sans-serif;
}

article.contextual-region.node.node--type-press-release.node--view-mode-full {
    margin-left: 2%;
}

    div#block-views-block-press-releases-block-1{
        background: #1574c4;
        color: white;
        padding: 7% 7%;

    }

    .view.view-press-releases.view-id-press_releases.view-display-id-block_1
    .views-row a {
        color: white;
        text-decoration: none;
        padding: 6px 0; 
        margin-bottom:2%;
        font-size: 13px;

    }
    
    div#block-views-block-press-releases-block-1 
    .views-field.views-field-title {
    margin-bottom: 4%;
  }
    
    .view.view-press-releases.view-id-press_releases.view-display-id-block_1 .views-row a:hover {
    border-left: 3px solid white;
    padding-left: 2%;
    margin-top: 1%;
    margin-bottom: 1%;
}

    article.node.node--type-press-release.node--view-mode-full {
        padding-right: 13%;
        font-size: 1.125rem;
        font-weight: 400;
        line-height: 1.85rem;
        letter-spacing: .017rem;
        margin-left: 3%;
        /*padding-left: 4%;*/
    }
    
    article.node.node--type-press-release.node--view-mode-full img {
    margin-bottom: 4%;
}
    
    
.views-field.views-field-addtoany-share .field-content {
    border-bottom: #1574c4 7px solid;
    padding-bottom: 13px;
}
.views-field.views-field-addtoany-share {
    margin-top: 1%;
}

article.contextual-region.node.node--type-publications.node--view-mode-full{
    padding:0 7%;
    
}

article.contextual-region.node.node--type-publications.node--view-mode-full
.field.field--name-field-publication-image.field--type-image.field--label-hidden.field__item{
		
    margin-bottom: 3%;
}

article.contextual-region.node.node--type-publications.node--view-mode-full
.clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
    padding: 0 7% 0 0;
    margin-top: 3%;
}

/*page titles*/

ul.pagetitle li {
    list-style: none;
}

    /*======================= 
        pressreleasespage 
    =========================*/

    .view.view-press-releases.view-id-press_releases.view-display-id-page_1 
    .view-content{
        padding: 0 3%;
    }

    .view.view-press-releases.view-id-press_releases.view-display-id-page_1
    .views-row {
        width: 24%;
        height: 355px;
        /* clear: both; */
        float: left;
        margin-right: 1%;
        /* display: flex; */
        background-clip: border-box;
        /*border: 1px solid #00000020;*/
        /* border-radius: 0.8rem; */
        /*box-shadow: 0 1px 3px #0000001f;*/
        /* border-top: 5px solid #009EDB !important; */
        margin-bottom: 2%;
        padding: 0 0.2%;
        background: #F5F5F1;
        padding-bottom:1%;
        border-top: 10px solid #5BC9FD;
    }
    
    .view.view-press-releases.view-id-press_releases.view-display-id-page_1
    .views-row {
        
    transition: border-color 0.7s ease-out;
    }
    
    .view.view-press-releases.view-id-press_releases.view-display-id-page_1
    .views-row:hover{
        border-top: 10px solid  #0556be;
        
    }

    .view.view-press-releases.view-id-press_releases.view-display-id-page_1 
    .view-header {
            padding: 6% 0;
    /*text-align: center;*/
    background: #f2f2f2;
    height: 15em;
    color: black;
    margin-bottom: 2%;
        
    }

    .view.view-press-releases.view-id-press_releases.view-display-id-page_1 
    .view-header
    .publications_header h2, .pagetitle {
        font-size: 37px;
        font-weight: 600;
    }

    .view.view-press-releases.view-id-press_releases.view-display-id-page_1
    .views-row
    img.img-fluid.image-style-latest-news {
        /* border-radius: 10px; */
        padding-top: 1%;
    }

    .view.view-press-releases.view-id-press_releases.view-display-id-page_1
    .views-row
    .views-field.views-field-title {
        padding: 3%;
    }

    .view.view-press-releases.view-id-press_releases.view-display-id-page_1
    .views-row .views-field.views-field-title
    a {
        
        
          text-decoration: none;
          font-weight: 600;
          color: black;
          font-weight: bold;
          font-family: "Roboto","Helvetica Neue","Helvetica","Arial","Noto Sans CJK SC","sans-serif";
          font-weight: 700;
          letter-spacing: 0.017rem;
    }

    .view.view-press-releases.view-id-press_releases.view-display-id-page_1
    nav {
        clear: both;
    }

.view.view-press-releases.view-id-press_releases.view-display-id-page_1 nav li {
    margin-right: 6px;
}
    div#gt_float_wrapper {

        position: fixed !important;
        bottom: auto !important;
        left: 85% !important;
        z-index: 999999;
    }


    .gt_switcher_wrapper{
        position: absolute !important;
        top: 8px !important;
        right: 110px !important;
        z-index: 999999;
        color: black !important;
    }

    .gt_switcher_wrapper a{
        color:black !important;
    }

    a.glink.gt-current-lang {
        background-color: #009edb1a;
        padding: 5px;
    }
    
     .view.view-press-releases.view-id-press_releases.view-display-id-page_1
    h3 {
            display: none;
       }
    /*========================
            FOOTER
    ========================*/

    .region.region-footer {
        padding: 0 8%;
    }

    footer .region-footer {
        flex-direction: unset;
    }

    div#block-block-content-9c1bd182-6b60-4902-8be7-25a3e246dab5,
    div#block-block-content-51a5cd33-83e5-49ad-808d-1558d7a2f250{
        width: 25%;
        margin-right: 1%;
        color:white;
        /*border-right: 1px solid white;*/
    }
    div#block-block-content-9c1bd182-6b60-4902-8be7-25a3e246dab5 strong,
    div#block-block-content-51a5cd33-83e5-49ad-808d-1558d7a2f250 strong{
        font-weight: 600;
    }

    div#block-views-block-top-logos-block-2 {
        width: 25%;
        margin-right: 2%;
        /*border-right: 1px solid white;*/
        
    }

    div#block-views-block-top-logos-block-2 
    .office-description {
        margin-top: 3%;
        font-weight: 200;
    }
    
    div#block-views-block-top-logos-block-2 
    .office-description p {
        color: white;
        font-size: 12px;
        margin-top: 5%;
    }

    nav#block-system-menu-block-footer {
        width: 23%;
        margin-left: 3%;
        width: 23%;
        margin-left: 1%;
            padding-left: 4%;
        /*border-right: 1px solid white;*/
    }

    div#block-block-content-9c1bd182-6b60-4902-8be7-25a3e246dab5 p,
    div#block-block-content-51a5cd33-83e5-49ad-808d-1558d7a2f250 p{
        font-size: 1em;
        font-weight: 200;
        color:white;
    }


    /*=======================
    mandates
    =========================*/
    div#block-views-block-our-mandates-block-1{
        background: var(--clear);
        /*text-align: center;*/
        font-size: 2.2em;
        padding: 1.5em;
        color: black;
        margin-bottom: 1.2em;
        font-weight: 600;
        text-transform: capitalize;

    }

    div#block-views-block-our-mandates-block-1
    span.field-content {
        /*border-bottom: 6px solid var(--blue);*/
        padding-bottom: 9px;
    }

    div#block-views-block-our-mandates-block-2,
    div#block-views-block-our-mandates-block-4{
        background:#1574c4 ;
        color: white;
        padding: 7% 7%;

    }

    .view.view-our-mandates.view-id-our_mandates.view-display-id-block_4
    .views-row a,
    .view.view-our-mandates.view-id-our_mandates.view-display-id-block_2
    .views-row a {
        color: white;
        text-decoration: none;
        /* padding: 6px 0; */
    }
    
     .view.view-our-mandates.view-id-our_mandates.view-display-id-block_4 .views-row a:hover {
    border-left: 2px solid white;
    padding-left: 1%;
}


    .dropdown-item.active, .media-library-view--widget .view-header a.dropdown-item.is-active, .dropdown-item:active{
        color:var(--white);
        background: var(--grey);
    }


    article.node.node--type-mandates.node--view-mode-full {
        padding-right: 13%;
        margin-left: 3%;
    }

    article.node.node--type-mandates.node--view-mode-full
    .field.field--name-field-mandate-image.field--type-image.field--label-hidden.field__item {
        margin-bottom: 3%;
    }


    article.node.node--type-mandates.node--view-mode-full
    div#field-language-display {
        display: none;
    }


    article.node.node--type-mandates.node--view-mode-full
    .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
        font-size: 1.125rem;
        font-weight: 400;
        line-height: 1.85rem;
        letter-spacing: .017rem;
    }
    
    /*Exposed forms*/
    
    form#views-exposed-form-publications-page-1 {
    align-content: right;
    padding-left: 5%;
    }
    
    .bef-exposed-form .form--inline > .form-item {
    float: left;
    width: 30%;
    margin-right:2%;
    }
    
    .form-item .description {
    margin-top: 2%;
    font-size: 0.85em;
    color: #999;
    text-transform: capitalize;
        }

    /*Priorities*/

    article.node.node--type-our-priorities.node--view-mode-full
    .block.block-layout-builder.block-field-blocknodeour-prioritiesbody {
        padding-right: 13%;
        margin-top: 3%;
    }

    article.node.node--type-our-priorities.node--view-mode-full{
        font-size: 1.125rem;
        font-weight: 400;
        line-height: 1.85rem;
        letter-spacing: .017rem;
            margin-left: 4%;
    }

    article.node.node--type-our-priorities.node--view-mode-full
    .block.block-layout-builder.block-field-blocknodeour-prioritiesfield-objectives .field__item {
        border: 2.2px solid #2B95DC;
        border-radius: 17px;
        margin-bottom: 2%;
        margin-right: 13%;
        padding: 1% 4%;
    }
    /* Initialize the counter for the container */
article.node.node--type-our-priorities.node--view-mode-full
    .block.block-layout-builder.block-field-blocknodeour-prioritiesfield-objectives {
    counter-reset: field-item-counter; /* Initialize the counter */
}

    /* Style for field__item to simulate list items */
    article.node.node--type-our-priorities.node--view-mode-full
        .block.block-layout-builder.block-field-blocknodeour-prioritiesfield-objectives .field__item {
        counter-increment: field-item-counter; /* Increment the counter */
        position: relative; /* Allows positioning of the number */
        padding-left: 30px; /* Space for the number */
        /*margin: 0; */
        color: #797979;
    font-family: inherit;
    font-size: 14px;
    font-weight: lighter;
    }
    
    /* Add the counter number before each field__item */
    article.node.node--type-our-priorities.node--view-mode-full
        .block.block-layout-builder.block-field-blocknodeour-prioritiesfield-objectives .field__item::before {
            content: counter(field-item-counter) ". ";
        position: absolute;
        left: -5px;
        top: 13px;
        color: #2B95DC;
        background: white;
        font-size: 30px;
    }

    .clearfix.text-formatted.field.field--name-field-objectives.field--type-text-long.field--label-above .field__label,
    .block.block-layout-builder.block-field-blocknodeour-prioritiesfield-objectives h2 {
        text-transform: capitalize;
        color: var(--blue);
        /*font-weight: 800;*/
        margin-bottom: 0%;
    }


    /* Default content for English */
    .block.block-layout-builder.block-field-blocknodeour-prioritiesfield-objectives h2:lang(en)::before,
    .clearfix.text-formatted.field.field--name-field-objectives.field--type-text-long.field--label-above .field__label:lang(en)::before{
        content: "objectives";
    font-family: 'FuturaBold';
    color: #1574c4;
    font-size: 21px;
    font-weight: 700;
    }

    
    /* Content for French */
   .block.block-layout-builder.block-field-blocknodeour-prioritiesfield-objectives h2::before,
   .clearfix.text-formatted.field.field--name-field-objectives.field--type-text-long.field--label-above .field__label::before
   {
        content: "Nos objectifs";
        /*font-family: 'FuturaBtMd';*/
        font-family: 'FuturaBold';
    color: #1574c4;
    font-size: 21px;
    font-weight: 700;
    }
    
    /* Hide the original content (optional) */
    .block.block-layout-builder.block-field-blocknodeour-prioritiesfield-objectives h2,
    .clearfix.text-formatted.field.field--name-field-objectives.field--type-text-long.field--label-above .field__label{
        visibility: hidden;
        /*font-family: 'FuturaBtMd';*/
        font-family: 'FuturaBold';
    color: #1574c4;
    font-size: 21px;
    font-weight: 700;
        
    }
    
   .block.block-layout-builder.block-field-blocknodeour-prioritiesfield-objectives h2::before,
   .clearfix.text-formatted.field.field--name-field-objectives.field--type-text-long.field--label-above .field__label::before{
        visibility: visible;
        display: block;
        /*font-family: 'FuturaBtMd';*/
        font-family: 'FuturaBold';
    color: #1574c4;
    font-size: 21px;
    font-weight: 700;
        
        
    }

    .view.view-our-mandates.view-id-our_mandates.view-display-id-block_4 .views-row {
        margin-bottom: 2%;
        /* border-bottom: 1px solid white; */
    }

    .view.view-our-mandates.view-id-our_mandates.view-display-id-block_4 .views-row a {
        list-style: none;
        display: list-item;
        text-align:left;
        margin-left: 5%;
            font-size: 12px;
    margin-bottom: 4%;
    }

    /*.view.view-our-mandates.view-id-our_mandates.view-display-id-block_4 .views-row a:active{*/
    /*    border-left:1px solid white;*/
    /*}*/

    div#block-views-block-our-mandates-block-4 h2 {
            /* text-align: center; */
    /* border-bottom: 1px solid; */
    margin-bottom: 7%;
    padding: 6% 0;
    
    font-size: 22px;
    }

    form#search-block-form input#edit-submit {
        color: #1574c400;
    background-color: #57ABE3 !important;
    width: 46%;
    background-image: url(../assets/search.png);
    background-repeat: no-repeat;
    background-position: center;
        border: #57ABE3 !important;
            border-radius: 0px;
    }
    
    input[type=search] {
        border-radius: 0;
        background: #F2F2F2;
        border: 0;
    }

    form#user-login-form {
        padding: 2% 37%;
        border: 1px;
    }

    div#views_slideshow_cycle_teaser_section_frontpage_slides-block_1
    .views-field.views-field-title a{
                    font-size: 60px;
                    max-width: 600px;
                    display: block ;
                    position: relative ;
                    margin-bottom: 30px ;
                    width: 100% ;
                    color: #fff ;
                    font-family: 'FuturaBold', 'Arial', 'sans-serif';
                    font-weight: 600 ;
                    line-height: 69px ;
                    text-align: left;
            }


    /* div#views_slideshow_cycle_teaser_section_frontpage_slides-block_1
                .views-field.views-field-title{
                    position: absolute;
                    top: 330px;
                    left: 43%;
                    padding-left: 0;
                    width: 100%;
                    max-width: 1280px;
                    transform: translateX(-50%);
                    display: block;

                }    */
                
                
            .view.view-frontpage-slides.view-id-frontpage_slides.view-display-id-block_2 
            .views-field.views-field-title{
                        position: absolute;
                        top: 26%;
                        left: 30%;
                        padding-left: 0;
                        width: 52%;
                        /* max-width: 1280px; */
                        transform: translateX(-50%);
                        display: block;

                        
                    }  
                
            .view.view-frontpage-slides.view-id-frontpage_slides.view-display-id-block_2 
            .views-field.views-field-body {
                        position: absolute;
                    top: 53%;
                    left: 4%;
                    width: 40%;
                    color: white;
                    line-height: 1.45em;
                    font-size: 28px;
                    font-weight: 100;
                    font-family: "Roboto","Helvetica Neue","Helvetica","Arial","Noto Sans CJK SC","sans-serif";
                    }

                .view.view-frontpage-slides.view-id-frontpage_slides.view-display-id-block_2 
                .views-field.views-field-title a{
                    font-size: 60px;
                    max-width: 700px;
                    display: block ;
                    /* position: relative ; */
                    margin-bottom: 30px ;
                    width: 100% ;
                    color: #fff ;
                    font-family: "FuturaBold";
                    font-weight: 600 ;
                    line-height: 69px ;
                    text-align: left;
            }

            .view.view-frontpage-slides.view-id-frontpage_slides.view-display-id-block_2 
                .views-field.views-field-title a::after {
                content: '';
                display: block;
                width: 15%;
                height: 9px;
                background: #5bc9fd;
                margin-top: 20px;
            }



                div#block-views-block-frontpage-slides-block-2 .view-footer {
                    background-image: url(../assets/blue-grit-texture.webp);
                    color: white;
                    font-family: inherit;
                    padding: 1.7% 8%;
                    display: none;
                }
                
                
     /* =============================
                 set priority button
       =====================================*/

        .view.view-frontpage-slides.view-id-frontpage_slides.view-display-id-block_2 
        .views-field.views-field-field-link a {
            
            position: absolute;
            left: 4%;
            top: 71%;
            background: white;
            padding: 1%;
            text-decoration: none;
            color: black;
            width: 11%;
            text-align: center;
            text-transform: uppercase;
            font-family: "Roboto","Helvetica Neue","Helvetica","Arial","Noto Sans CJK SC","sans-serif";
            font-weight: bold;

        }

        .view.view-frontpage-slides.view-id-frontpage_slides.view-display-id-block_2 
        .views-field.views-field-field-link a:hover{
            background: var(--blue);
            color: var(--clear);

        }


/*==========================
    curator blocks
    ============================*/
.galcolumn {
    float: none !important;
    width: 100% !important;
}

div#block-curatorio-block {
    float: left;
    width: 30%;
    margin-left: 1.8em;
}

div#block-curatorio-block--2 {
    width: 30%;
    float: left;
    margin-left: 1.8em;
}

div#block-curatorio-block--2 h2,
div#block-curatorio-block h2,
#block-twitter-block h2{
    text-align:center;
    text-align: center;
    font-family: inherit;
    color: #585858;
    font-size: 35px;
}



.crt-filter{
    display:none;
}

.crt-post-v2:nth-of-type(1n+3) {
    /*display: none;*/
}

.crt-widget-waterfall .crt-feed-scroll {
    
    max-height: 1000px;
    overflow-y: scroll;
}

#block-block-content-6afcf140-09a9-48ea-83ed-c275ea11488d
font font,
div#block-block-content-6afcf140-09a9-48ea-83ed-c275ea11488d h2{
  font-size: 48px;
  font-weight: 700;
  color: #585858;
  font-family:'FuturaBold', 'sans-serif';
}

    /*==========================
    font page links
    ============================*/

    div#block-views-block-front-page-image-links-block-1 {
        /*background-image: url(../assets/blue-grit-texture.webp);*/
            color: white;
    font-family: inherit;
    padding: 6.7% 8%;
    display: inline-block;
    width: 100%;
    /* position: relative; */
    clear: both;
    background: #1574C4;
        /*padding-left: 9%;*/
    }

    div#block-views-block-front-page-image-links-block-1 .views-row {
        float: left;
        margin-right: 2%;
        position: relative;
        /* display: flex; */
        width:30.6%;
    }

    div#block-views-block-front-page-image-links-block-1 .views-field.views-field-field-link a {
        color: white;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
    }

    .views-field.views-field-field-link {
        text-align: center;
        margin-top: 3%;
    }

    div#block-language-switcher-langcode-blocklanguage-interface {
        display: none;
    }

    /* ===============================
    fixing the  header text
    =================================*/
    
    @media(min-width: 1024px ){
        
        
        
         
    }
    

    @media  (min-width:768px) and (max-width: 1324px){
        
        nav.navbar.navbar-expand-lg.navbar-dark.text-light.bg-dark{
            width:100%;
            padding-left: 3%;
        }
        
        .view.view-frontpage-slides.view-id-frontpage_slides.view-display-id-block_2
         .views-field.views-field-title {
            position: absolute;
            top: 97px;
            left: 53%;
            padding-left: 0;
            width: 100%;
            max-width: 1280px;
            transform: translateX(-50%);
            display: block;
        }

        .view.view-frontpage-slides.view-id-frontpage_slides.view-display-id-block_2
         .views-field.views-field-title a{
            font-size:58px;
        }

        div#navbarSupportedContent li.nav-item a {
            
            font-size: 12px;
            
        }
        
        .view.view-top-logos.view-id-top_logos.view-display-id-block_1 
        .header-logos .header-primary_left {
            padding-right: 0.875rem;
            width:11%;
        }

        .view.view-top-logos.view-id-top_logos.view-display-id-block_1 img {
                width: 100%;
            }
            
        .view.view-top-logos.view-id-top_logos.view-display-id-block_1 .header-logos .header-primary_right img {
                    width: 100%;
           }

        .view.view-top-logos.view-id-top_logos.view-display-id-block_4 {
               /*top: 6.7%;*/
               /*right:32.5%;*/
    
          }
          
          html[lang="en"] .view.view-top-logos.view-id-top_logos.view-display-id-block_4 {
    position: absolute;
    top: 8.7%;
    right: 30%;
    font-weight: 600;
}

        .view.view-top-logos.view-id-top_logos.view-display-id-block_1 .header-logos .header-primary_left {
                padding-right: 0%;
            
        }

        .view.view-top-logos.view-id-top_logos.view-display-id-block_1 .header-logos .header-primary_right,
        .view.view-top-logos.view-id-top_logos.view-display-id-block_1 .header-logos .header-primary_left{

                    width:12%
                }

      .view.view-top-logos.view-id-top_logos.view-display-id-block_1 
    .header-logos .header-primary_right {
        margin-left: 1em;
        
    }
                    
    .view.view-top-logos.view-id-top_logos.view-display-id-block_4 
        h2 {
        /*font-size: 79%;*/
                               
            
            
        
        }
        
            
            html[lang="auto"] .view.view-top-logos.view-id-top_logos.view-display-id-block_4 h2, html[lang="fr"] .view.view-top-logos.view-id-top_logos.view-display-id-block_4 h2 {
         font-size: 18px;
          text-align: center !important;
           }
           
           html[lang="auto"] .view.view-top-logos.view-id-top_logos.view-display-id-block_4, html[lang="fr"] .view.view-top-logos.view-id-top_logos.view-display-id-block_4 {
                position: absolute;
                    right: 30.7%;
                    top: 8.7%;
           }
        
        .view.view-top-logos.view-id-top_logos.view-display-id-block_1 .view-header {
 
             width: 92%;
          }
          
          .view.view-top-logos.view-id-top_logos.view-display-id-block_1 .header-logos .header-primary_left img {
                  width: 100%;
                   height: 3.1em;
        }
        
         .view.view-frontpage-slides.view-id-frontpage_slides.view-display-id-block_2 .views-field.views-field-field-link a{
             width:12.5%;
         }


    }
    
    



    
    /* =====================================================
                CSS code for mobile screens 
    ========================================================*/

    @media (max-width: 480px) {
        
        .view.view-top-logos.view-id-top_logos.view-display-id-block_1 .header-logos .header-primary_left img {
                height: auto;
                width: 100%;
             }

        nav#block-system-menu-block-footer{
            width: 100%;
            border-right: none;
        }
        
        #scrollTopButton-pill {
          bottom: 20px;
          right: 53px;
            
        }
        
        div#block-block-content-6afcf140-09a9-48ea-83ed-c275ea11488d h2 {
            font-size: 35px;
            
        }

        div#block-block-content-9c1bd182-6b60-4902-8be7-25a3e246dab5 {
            width: 100%;
            margin-right: 0;
            border-right: none;
        }

        div#block-views-block-top-logos-block-2 {
            width: 100%;
            /* margin-right: 2%; */
            border-right: none;
            margin-bottom: 2%;
            border-bottom: 1px solid;
        }
        
        .view.view-top-logos.view-id-top_logos.view-display-id-block_4{
            display:none;
        }

        div#block-block-content-9c1bd182-6b60-4902-8be7-25a3e246dab5 {
            width: 100%;
            margin-right: 0;
            border-right: none;
            border-bottom: 1px solid;
            margin-bottom: 3%;
        }

        nav#block-system-menu-block-footer {
            
            width: 100%; 
            margin-left: 0%; 
            margin-left: 0%;
            border-right: none;
            border-bottom: 1px solid;
        }

        footer .region-footer {
            flex-direction: column;
        }

        .region.region-sidebar-first {
            margin-left: 0%; 
            padding: 0;
        }

        div#block-views-block-latest-news-block-1 {
            margin-top: 3%;
            /*padding: 0;*/
            float: none;
            margin-bottom: 2%;
            border-bottom: 0.2em solid #F5F5F1;
            padding: 0 5%;
        }
        
        div#block-curatorio-block {
    
              width: 100%;
              margin-left:0.2em;
              padding: 0 2%;
             }

       div#block-curatorio-block--2 {
               width: 100%;
               margin-left:0.2em;
    
       }
            div#block-curatorio-block h2,
           div#block-curatorio-block--2 h2,
           div#block-twitter-block h2{
                text-align: center;
           }
           
           
           #block-twitter-block{
               width:95%;
               margin-left:0.6em;
           }

        div#block-views-block-mission-vision-block-1 {
            float: none;
            width: 100%;
            margin-left: 1%;
        }

        .mission-vision.view.view-mission-vision.view-id-mission_vision.view-display-id-block_1 .views-row {
            background: #0dcaf00d;
            padding: 4.4% 1%;
        }
        
        .view.view-frontpage-slides.view-id-frontpage_slides.view-display-id-block_2 .views-field.views-field-field-link a{
            width: 27.5%;
            font-size: 9px;
            height: 25px;
            top: 65%;
            padding-top: 1.6%;
        }
    
    /*slider mobile*/
    
    #block-views-block-frontpage-slides-block-2 {
      height: 160px;
    }
    
    .views-field.views-field-field-priorities-image .img-fluid {
      max-width: 100%;
    }
    .views-field.views-field-field-priorities-image img {
      max-width: 100%;
    }
    /*end slider*/


        div#block-views-block-mission-vision-block-1
        .views-field.views-field-body ul li{
            
            margin-bottom: 2%;

        }

        div#block-webform-block {
            background-image: url(../assets/blue-grit-texture.webp);
            padding: 1em 10px;
            width: 100%;
            border-radius: 0.2em;
            margin: 4% 0;
            color: white;
            float: none;
        }

        div#block-webform-block input#edit-email {
            height: 54px;
            width: 56%;
            float: left;
            margin-right: 1.2em;
        }

        div#block-webform-block input#edit-actions-submit {
            background: white;
            color: #006FB7;
            height: 52px;
            width: 122px;
        }

        div#block-views-block-publications-block-1 .views-row {
            width: 100%;
            float: none;
            margin-left: 0;
            margin-top: 5%;}

            div#block-views-block-publications-block-1 {
                padding: 0;
                border-top: 0.2em solid #F5F5F1;
            }

            .view.view-frontpage-slides.view-id-frontpage_slides.view-display-id-block_2 
            .views-field.views-field-title a::after {
                height: 5px;
            }

            div#block-views-block-latest-news-block-1 .views-row {
                width: 100%;
                float: left;
                margin-left: 0;
                height: 356px;
                margin-bottom: 6%;
            }

            div#block-views-block-frontpage-slides-block-1 .view-footer{
                    display: block;
                    padding: 1.7% 4%;
                }


            

                div#block-views-block-frontpage-slides-block-1 .slider_footer {
                    display: block;
                    margin-right: 0;
                }



                .view-footer h3 {
                    font-weight: 600;
                    font-size: 1.15em;
                }

                div#block-views-block-frontpage-slides-block-1 .footer_button a{
                    padding: 10% 20%;
                }

                div#block-views-block-frontpage-slides-block-1 .footer_button {
                    margin-top: 2%;
                    padding: 5% 29%;
                }

                .view.view-from-our-news.view-id-from_our_news.view-display-id-page_1 .view-header h6 {
                    font-size: 2em;
                    padding-top: 1%;
                    font-weight: 600;
                }

                .view.view-from-our-news.view-id-from_our_news.view-display-id-page_1 .view-header {
                    padding: 2%;
                    /* text-align: center; */
                    height: auto;
                }

                div#block-views-block-from-our-news-block-1 .views-row {
                    float: none;
                    width: 100%;
                    margin-right: 0;
                }

                div#block-views-block-from-our-news-block-1 img.img-fluid.image-style-latest-news {
                    padding: 0;
                    /* border-radius: 16px; */
                }

                div#block-views-block-from-our-news-block-1 h2 {
                    font-weight: 600;
                }

                div#block-views-block-press-releases-block-2, div#block-views-block-our-mandates-block-3{
                    padding: 0.5em;
                    font-size: 1.5em;
                }

                article.node.node--type-our-priorities.node--view-mode-full 
                .block.block-layout-builder.block-field-blocknodeour-prioritiesbody {
                    padding: 3%;
                    margin-top: 3%;
                }

                article.node.node--type-our-priorities.node--view-mode-full 
                .block.block-layout-builder.block-field-blocknodeour-prioritiesfield-objectives 
                .field__item {
                    border: 2.2px solid var(--blue);
                    border-radius: 35px;
                    margin-bottom: 2%;
                    margin-right: 1%;
                    padding: 1% 4%;
                }

                .view.view-press-releases.view-id-press_releases.view-display-id-page_1 .views-row {
                    width: 100%;
                }

                .view.view-press-releases.view-id-press_releases.view-display-id-page_1 
                .view-header .publications_header h2 {
                    font-size: 3em;
                    font-weight: 600;
                }

                .view.view-press-releases.view-id-press_releases.view-display-id-page_1 
                .view-header {
                    padding: 12% 6%;
                }

                .view.view-publications.view-id-publications.view-display-id-page_1
                .views-col,
                .view.view-publications.view-id-publications.view-display-id-page_1
                .views-col.col-1 {
                    width: 100% !important;
                    float: none;
                    margin: 0;
                }
                
                

                .view.view-frontpage-slides.view-id-frontpage_slides.view-display-id-block_2 .views-field.views-field-body {
                    
                    width: 97%;
                    font-size: 10px;
                    top:43%;
                    display: none;
                    
                }
                div#block-views-block-top-logos-block-1 {
                    margin-right: 0;
                    margin-left: 0;
                }

                .header-logos img {
                    width: 78%;
                    /* float: none; */
                }

                div#block-search-form-block {
                    margin-top: 2%;
                    display: none;
                }

                div#block-views-block-from-our-news-block-3 {
                    background: var(--clear);
                    text-align: center;
                    font-size: 1.8em;
                    padding: 0.5em;
                    
                }

                div#block-views-block-from-our-news-block-3 span.field-content {
                    border-bottom: 0; 
                    padding-bottom: 0;
                }

                article.node.node--type-latest-news.node--view-mode-full {
                    margin-top: 15px;
                    padding: 0px 2%;
                    /* background: #f5f5f1; */
                }

                .visually-hidden-focusable.skip-link.p-3.container {
                    display: none;
                }

                button.navbar-toggler.collapsed {
                    margin-left: 4%;
                }

                div#navbarSupportedContent li.nav-item {
                    margin-bottom: 3%;
                }

                div#block-views-block-from-our-news-block-2{
                    margin-left: 0;
                    margin-bottom: 4%;
                }

                article.node.node--type-mandates.node--view-mode-full {
                    padding-right: 1%;
                }

                article.node.node--type-mandates.node--view-mode-full
                .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item{
                    padding: 4%;
                }

                div#block-views-block-our-mandates-block-1{
                    margin-bottom: 0.4em;
                }

                .view.view-events.view-id-events.view-display-id-page_1 .views-row {
                    border: 1.6px solid #eeebeb;
                    width: 100%;
                    float: left;
                    margin-left: 0;
                    /* border-radius: 14px; */
                }

                form#views-exposed-form-events-page-1 {
                    display: none;
                }

                .view.view-events.view-id-events.view-display-id-page_1 
                .view-header {
                    height: 20%;
                    margin-bottom: 5%;

                }

                .view.view-events.view-id-events.view-display-id-page_1 .events-header h2 {
                
                    font-size: 39px;
                    font-weight: 600;
                }

                .view.view-top-logos.view-id-top_logos.view-display-id-block_3 .view-header .top-un-logo {
                    margin-right: 45%;
                }

                .view.view-publications.view-id-publications.view-display-id-page_1 .views-row {
                
                    width: 100%;
                    border: 1px solid #eeebeb;
                    margin-bottom: 3%;
                }

                article.node.node--type-events.node--view-mode-full {
                    padding: 2% 1%;
                }

            

                div#block-views-block-events-block-2 {
                    background: var(--clear);
                    text-align: center;
                    font-size: 1.2em;
                    padding: 0.5em;
                    color: black;
                    margin-bottom: 1.1em;
                    font-weight: 600;
                    text-transform: capitalize;
                }

                nav.navbar.navbar-expand-lg.navbar-dark.text-light.bg-dark {
                    border-bottom: 1px solid var(--white);
                    background: #4d4d4d !important;
                    margin-top: 2%;
                    clear: both;
                    width: 100%;
                    margin: 0;
                }

                .view.view-top-logos.view-id-top_logos.view-display-id-block_1 .header-logos .header-primary_left {
                    padding-right: 0.7em;
                    /*border-right: 0.0625rem solid black;*/
                    float: left;
                    width: 41%;
                    margin-top: 3%;
                    margin-bottom: 4%;
                }
                
                html[lang="en"] .view.view-top-logos.view-id-top_logos.view-display-id-block_1 .header-logos .header-primary_left {
                     /* padding-right: 0.875rem; */
                    float: left;
                    height: 2.7em;
                    margin-right: 1%;
                    width: 41%;
                    background-image: url(/themes/custom/humanrightsoffice/assets/unitednationsenglish.svg);
                    background-size: 100% 2.7em;
                    background-repeat: no-repeat;
                    border-right: none;
                }
                
                
                html[lang="auto"] .view.view-top-logos.view-id-top_logos.view-display-id-block_1 .header-logos .header-primary_left, html[lang="fr"] .view.view-top-logos.view-id-top_logos.view-display-id-block_1 .header-logos .header-primary_left {
                    padding-right: 0.875rem;
                    /* border-right: 0.0625rem solid black; */
                    float: left;
                    height: 2.7em;
                    margin-right: 3%;
                    width: 41%;
                    background-image: url(/themes/custom/humanrightsoffice/assets/unitednationsfrench.svg);
                    background-size: 100% 2.7em;
                    background-repeat: no-repeat;
                }

                .view.view-top-logos.view-id-top_logos.view-display-id-block_1 .header-logos .header-primary_right {
                    /*margin-left: 1.875rem;*/
                    float: left;
                    width: 48%;
                    margin-top: 3%;
                }
                
                html[lang="en"] .view.view-top-logos.view-id-top_logos.view-display-id-block_1 .header-logos .header-primary_right {
                     padding-left: 50%;
                     float: left;
                     height: 3.7em;
                     margin-right: 2%;
                      width: 46%;
                     background-image: url(/themes/custom/humanrightsoffice/assets/unhrenglishlogo.svg);
                     background-size: 93% 2.88em;
                     margin-bottom: 3%;
                     background-repeat: no-repeat;
                      border-left: 0.0625rem solid black;
                }
                
                 html[lang="auto"] .view.view-top-logos.view-id-top_logos.view-display-id-block_1 .header-logos .header-primary_right, html[lang="fr"] .view.view-top-logos.view-id-top_logos.view-display-id-block_1 .header-logos .header-primary_right {
                     padding-left: 50%;
                     float: left;
                     height: 3.7em;
                     margin-right: 2%;
                      width: 46%;
                     background-image: url(/themes/custom/humanrightsoffice/assets/unhrfrenchogo.svg);
                     background-size: 100% 2.9em;
                     margin-bottom: 3%;
                     background-repeat: no-repeat;
                      border-left: 0.0625rem solid black;
                }
                
                div#block-views-block-publications-block-1 h2{
                        font-size: 35px;
                }
                
                div#block-views-block-publications-block-1 .view-content {
                      display: block;
                      padding: 0 3%;
                    }
                    
                    div#block-block-content-9c1bd182-6b60-4902-8be7-25a3e246dab5, 
                    div#block-block-content-51a5cd33-83e5-49ad-808d-1558d7a2f250 {
                  width: 100%;
                        
                    }


                .view.view-media-gallery.view-id-media_gallery.view-display-id-page_1 .views-row {
                    width: 100%; 
                    float: none;
                }

                .view.view-media-gallery.view-id-media_gallery.view-display-id-page_1 .view-content {
                    margin-left: 0; 
                }

                .view.view-frontpage-slides.view-id-frontpage_slides.view-display-id-block_2 
                .views-field.views-field-title {
                    position: absolute;
                    top: 10%;
                    left: 30%;
                }

                .view.view-frontpage-slides.view-id-frontpage_slides.view-display-id-block_2
                .views-field.views-field-title a {
                    font-size: 20px;
                    max-width: 600px;
                    line-height: 24px;
                }

                .view.view-latest-news.view-id-latest_news.view-display-id-block_1 .view-footer .more_news{
                    left: 73%;
                }

                div#block-views-block-frontpage-slides-block-2 
                .view-footer{
                    padding: 1.7% 4%;
                }

                .gt_switcher_wrapper {
                    position: absolute !important;
                    top: 2px !important;
                    right: 11px !important;
                }

                .view.view-from-our-news.view-id-from_our_news.view-display-id-page_1 
                .views-field.views-field-body,
                .view.view-from-our-news.view-id-from_our_news.view-display-id-page_1 
                .views-field.views-field-title {
                    padding: 0 2%;
                } 

                div#block-views-block-front-page-image-links-block-1 .views-row {
                    float: none;
                    margin-right: 2%;
                    position: relative;
                    /* display: flex; */
                    width: 100%;
                }

                div#block-views-block-front-page-image-links-block-1{
                    padding: 6.7% 4%;
                }
                
                
                /*socials block*/
                
                div#block-facebook-page-plugin {
                   width: 100%;
                  /* display: flex; */
                  float: left;
                  position: relative;
                  margin-left: 1%; 
                      margin-bottom: 6%;

                }
                
                div#block-block-content-6afcf140-09a9-48ea-83ed-c275ea11488d {
                  margin-top: 6%;
                  text-align: center;
                   margin-bottom: 7%;
                 }


                 #block-twitter-block {
                      float: left;
                      margin-bottom: 2%;
                   }
                   
                   /*dropdown*/
                   
 /* Ensure parent is relatively positioned */
.language-switcher-language-url {
    position: relative; /* Dropdown is positioned relative to this */
}

/* Hide the full <ul> by default */
.language-switcher-language-url .links {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: none; /* Initially hidden */
    position: absolute;
    top: 100%; /* Position the dropdown below */
    left: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    z-index: 1;
    width: max-content;
}

/* Show the dropdown on hover */
.language-switcher-language-url:hover .links {
    display: block; /* Display the dropdown on hover */
}

/* Style list items */
.language-switcher-language-url .links li {
    padding: 10px;
    border-bottom: 1px solid #f0f0f0;
}

.language-switcher-language-url .links li:last-child {
    border-bottom: none;
}

/* Style the anchor tags (language links) */
.language-link {
    display: block;
    text-decoration: none;
    color: #333;
    padding: 10px;
}

/* Hover effect for links */
.language-link:hover {
    background-color: #f0f0f0;
}

/* Display the currently active language ("French") by default */
.language-switcher-language-url::before {
    content: "French"; /* French displayed as the default language */
    /*display: block;*/
    padding: 2px;
    /*background-color: #fff;*/
    /*border: 1px solid #ccc;*/
    /*box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);*/
}

/* Add an arrow next to the default (French) using ::after */
.language-switcher-language-url::after {
    content: " ▼";
    position: absolute;
    right: 10px;
    top: 1px;
    font-size: 11px;
    margin-left: 5px;
    color: gray;
}

    /* When hovering over the list, hide the default "French" from ::before */
    .language-switcher-language-url:hover::before {
        display: none;
    }
    
    /* Add an active status to the French link using ::after */
    .language-link.is-active::after {
        content: " (Active)"; /* Add "Active" to the current language */
        color: green;
        font-weight: bold;
    }

    /* Add an arrow for non-active links */
    .language-link:not(.is-active)::after {
        content: " ▼"; /* Dropdown arrow for inactive links */
        font-size: 12px;
        margin-left: 5px;
        color: gray;
    }
    
    /* Optional: Add a smooth dropdown transition */
    .language-switcher-language-url .links {
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
    }
    
    .language-switcher-language-url:hover .links {
        opacity: 1;
        visibility: visible;
    }

    div#block-language-switcher-langcode-block-language-interface {
      width: 19%;
      position: absolute;
      right: 6%;
      top: 1%;
      font-size: 13px;
    }




}

        

        /* ========================================
                    Tablet View
        ======================================== */

    

        @media (min-width: 481px) and (max-width: 768px) and (orientation : portrait){

            .view.view-top-logos.view-id-top_logos.view-display-id-block_1 .header-logos .header-primary_left {
                padding-right: 0;
            }

            .view.view-top-logos.view-id-top_logos.view-display-id-block_1 .header-logos .header-primary_left img {
                width: 100%;
                height: 3.5em;
            }

            .view.view-top-logos.view-id-top_logos.view-display-id-block_1 .header-logos .header-primary_right img {
                width: 61%;
            }
            
            
            
            nav.navbar.navbar-expand-lg.navbar-dark.text-light.bg-dark {
                width: 100%;
            }

            div#block-views-block-latest-news-block-1 {
                margin-top: 1%;
                padding: 1em 0.2em;}

            div#block-views-block-latest-news-block-1 .views-row {
                
                    float: left;
                    margin-left: 2.5%;
                    width: 30%;
                }

        div#block-views-block-latest-news-block-1 .views-field.views-field-title {
                                text-align: left;
                                margin-bottom: 5.2%;
                                font-size: 8em;
                                color: black;
                                padding: 0 5.5%;
                                font-weight: 600;
                                font-size: 1rem;
                                line-height: 1.65rem;
                            }

        
    div#block-views-block-publications-block-1 {
        padding: 1em 0em;
    }


        div#block-views-block-publications-block-1 .views-row {
        
            float: left;
            margin-left: 1.1em;
        }

        .view.view-latest-news.view-id-latest_news.view-display-id-block_1 
        .view-footer .more_news {
            position: relative;
            width: 70px;
            left: 88%;
            /* padding: 0.5%; */
            float: none;
            /* border: 1px solid blue; */
            margin-right: 0 !important;
        }

        .more_news a {
            font-size: 14px;
            color: #585858;
            border-bottom: 3px solid #5bc9fd;
            text-decoration: none;
            font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", "Noto Sans CJK SC", "sans-serif";
        }

        .view.view-frontpage-slides.view-id-frontpage_slides.view-display-id-block_2
        .views-field.views-field-title {
            
            top: 12%;
            left: 30%;
        }

        .view.view-frontpage-slides.view-id-frontpage_slides.view-display-id-block_2
        .views-field.views-field-title a {
            font-size: 43px;
        }

        .view.view-frontpage-slides.view-id-frontpage_slides.view-display-id-block_2 
        .views-field.views-field-body{
            width:60%

        }


        div#block-views-block-front-page-image-links-block-1 {
            
            padding: 7.7% 3% 5% 8%;
        }

        div#block-views-block-front-page-image-links-block-1
        .views-row {
            margin-right: 4%;
            width:28.8%
        }

        div#block-language-switcher-langcode-blocklanguage-interface {
            display: none;
        }
        
        .view.view-top-logos.view-id-top_logos.view-display-id-block_4{
            display:none;
        }
        
        .view.view-press-releases.view-id-press_releases.view-display-id-page_1 .views-row {
        width: 49%;
            margin-bottom:4%;
        }
        
        .view.view-press-releases.view-id-press_releases.view-display-id-page_1 .view-header{
            height:13em;
        }

        
            
    }


    /* tablet landscape */

    /*    @media (min-width:768px) and (max-width:1023px){*/


    /*    .view.view-frontpage-slides.view-id-frontpage_slides.view-display-id-block_2*/
    /*    .views-field.views-field-title a {*/
    /*        font-size: 40px;*/
    /*    }*/
        
    /*    .view.view-frontpage-slides.view-id-frontpage_slides.view-display-id-block_2 .views-field.views-field-field-link a{*/
    /*        top:74%;*/
    /*        width:15%;*/
    /*    }*/

    /*        .view.view-frontpage-slides.view-id-frontpage_slides.view-display-id-block_2*/
    /*        .views-field.views-field-title a {*/
    /*            font-size: 49px;*/
    /*        } */

    /*div#block-views-block-latest-news-block-1 {*/
    /*    margin-top: 1%;*/
    /*    padding: 1em 0.2em;*/
    /*}*/

    /*div#block-views-block-publications-block-1 .views-row {*/
        
    /*    margin-left: 1.2em;*/
    /*}*/

    /*div#block-language-switcher-langcode-blocklanguage-interface {*/
    /*    display: none;*/
    /*}*/

    /*    }*/
   
        
    /*tvs and big screens*/
    @media screen and (min-width: 2400px) {
        
        .view.view-frontpage-slides.view-id-frontpage_slides.view-display-id-bl
        .views-field.views-field-title {
        top: 396px;
        left: 48%;
    }

    }
    
    
    @media screen and (max-width: 991px) and (min-width: 768px){
.navbar-toggle {
display:inline-block !important;
}

/*html[lang="auto"] .view.view-top-logos.view-id-top_logos.view-display-id-block_4 h2, html[lang="fr"] .view.view-top-logos.view-id-top_logos.view-display-id-block_4 h2 {*/
/*        font-size: 18px;*/
/*    }*/
    
/*    html[lang="auto"] .view.view-top-logos.view-id-top_logos.view-display-id-block_4, */
/*    html[lang="fr"] .view.view-top-logos.view-id-top_logos.view-display-id-block_4 {*/
/*    position: absolute;*/
/*    right: 30.7%;*/
/*    top: 8.7%;*/
/*}*/

}


@media (min-width: 1000px) and (max-width:1380) {
    html[lang="auto"] .view.view-top-logos.view-id-top_logos.view-display-id-block_4 h2, html[lang="fr"] .view.view-top-logos.view-id-top_logos.view-display-id-block_4 h2 {
        font-size: 18px;
    }
    
    html[lang="auto"] .view.view-top-logos.view-id-top_logos.view-display-id-block_4, 
    html[lang="fr"] .view.view-top-logos.view-id-top_logos.view-display-id-block_4 {
    position: absolute;
    right: 30.7%;
    top: 8.7%;
}
}


@media (max-width: 1280px) {
    /* Styles for when the browser is zoomed to 125% */
    
    
}


@media (max-width: 1300px) {
    /* Styles for when the browser is zoomed to 125% */
    html[lang="auto"] .view.view-top-logos.view-id-top_logos.view-display-id-block_4, html[lang="fr"] .view.view-top-logos.view-id-top_logos.view-display-id-block_4 {
    position: absolute;
    right: 20.7%;
    top: 8.7%;
}
    
}