/* Remove the image from the area behind the navigation bar */
.Header__header {
    background-image: none !important;
}

/* Put the image directly inside the visible grey header bar */
#navBar,
.Header__navbar {
     background-color: #ffffff !important;

  /*
    min-height: 100px !important;

    background-image: url("https://eyescan.com.cy/wp-content/uploads/2022/01/EyeScan-Logo-01.png") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 100% !important;
    */
}
/* Allow absolute positioning inside the navbar */
#navBarContainer {
    position: relative !important;
}

/* Centre the company name across the full navbar */
.Header__name {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;

    width: max-content !important;
    max-width: 50% !important;
    margin: 0 !important;

    text-align: center !important;
    z-index: 5 !important;
}

/* Remove any Zoho gradient or colour overlay */
#navBar::before,
#navBar::after,
.Header__navbar::before,
.Header__navbar::after {
    background: none !important;
    background-image: none !important;
}

/* Tablet view */
@media screen and (max-width: 1024px) {
    #navBar,
    .Header__navbar {
        min-height: 85px !important;
        background-size: 80% !important;
        background-position: center center !important;
    }
}


 /*Surrounding background*/
/*body,
portal,
.Content__content,
.Layout__layout {
    background-color: #f7f5ef !important;
}*/

portal button,
portal input[type="submit"],
portal input[type="button"],
portal a[class*="Button"],
portal [class*="Button__button"] {
    background-color: #ef6b6b !important;
    border-color: #ef6b6b !important;
    color: #ffffff !important;
}
 /*Powered by zoho overwrite*/
.Footer__footerCopyrigt,
.Footer__footer,
.FooterContainer__footer {
    display: none !important;
}

/* Correct mobile header alignment */
@media screen and (max-width: 768px) {

    #navBar,
    .Header__navbar {
        min-height: 85px !important;
    }

    #navBarContainer {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        min-height: 85px !important;
        box-sizing: border-box !important;
    }

    /* Logo fixed on the left */
    .Header__logo {
        position: absolute !important;
        float: none !important;

        left: 12px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;

        width: 65px !important;
        max-width: 65px !important;
        margin: 0 !important;

        z-index: 10 !important;
    }

    .Header__logo img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        max-height: 60px !important;
        object-fit: contain !important;
    }

    /* Company name centred across the header */
    .Header__name {
        position: absolute !important;
        float: none !important;

        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;

        width: calc(100% - 180px) !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;

        font-size: 11px !important;
        line-height: 1.2 !important;
        text-align: center !important;

        white-space: normal !important;
        overflow-wrap: break-word !important;

        z-index: 5 !important;
    }

    /* Menu icon fixed on the right */
    .Header__menuicon {
        position: absolute !important;
        float: none !important;

        right: 15px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;

        margin: 0 !important;
        z-index: 10 !important;
    }

    /* Prevent Zoho's clearing element affecting alignment */
    .Header__clBoth {
        clear: none !important;
    }
}