/* -- Erin's edits ------------- */
@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (stroke-color:transparent) {
        nav.navbar { /* EB */
            top: 26px;
        }
        
        img.home-block-image {
            /*margin-top: 55px;*/
            margin-top:0;
        }

        header.centralise {
            margin-top: 66px; /* var(--margin); */
        }

        .mob-colreverse {
            /* reverse column on mobile only */
            flex-direction: column-reverse;
        }

        @media screen and (min-width:767px) {
            .mob-colreverse {
                /* reverse column on mobile only */
                flex-direction: column;
            }

            nav.navbar { 
                top: 28px;
            }
        
            img.home-block-image {
                margin-top: 0;
            }
        
            .slab.has-top-margin {
                margin-top: 33px; /* IE fix */
                margin-top: var(--margin);
            }
        }
    }
}


/*
nav.navbar { 
    top: 26px;
}

img.home-block-image {
    margin-top: 55px;
}
*/



/* -- end Erin's edits ------------- */

/* FLAGS */
.page-id-1390 .page-content h1 {
    color: #fff;
}

.page-id-1390 .page-content {
    background: #4ebfd8;
    text-align: center;
    padding: 140px 0 0;
    margin-bottom: -60px;
    color: #fff;
}

.flags .indi_flag {
    width: 30px;
    margin: 4px;
}

.flags {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-bottom: 30px;
    flex-wrap:wrap;
   /* border-bottom: 2px solid; */
    padding-bottom:35px;
}


.bottom_img_welcome{
    margin-bottom:0px;
}
select.countries {
    width: 330px;
    max-width: 88%;
    min-width: 200px;
      margin-bottom: 50px;
}

.indi_flag, .indi_flag img {
    border-radius: 50%;
    object-fit: cover;
    width: 25px;
    position:relative;
 
}

.indi_flag img{
    min-height:25px;
}

.indi_flag.flag_svg, .indi_flag.flag_svg img {
    border-radius: 50%;
    object-fit: cover;
}


.indi_flag .country_name{
    display:none;
}

span.language_name {
    min-width: 270px!important;
    position: absolute;
    padding-top: 6px;
    left: 50%;
    transform: translateX(-50%);
    display:none;
}

span.language_name a {
    color: #fff;
}



@media screen and (min-width: 767px) { 

    .flags {
        border-bottom: #fff 2px solid;
    }

    .indi_flag:hover .country_name {
        display: block;
        position: absolute;
        bottom: -64px;
        left: 50%;
        transform: translateX(-50%);
        width: 200px;
        font-size:1.3rem;
    }

    .indi_flag.flag_svg:hover .language_name {
        display: block;
    }

}