/* ================================================================= */
/* BALDARIN site only                                                */
/* Temporary css for Baldarin to replace the logo                    */
/* with the 60 years logo                                            */
/*                                                                   */
/* Version 26-06-2026                                                */
/*                                                                   */
/* To disable, just remove or comment out the link to this script    */
/* from the "CSS insertovi" box in the EasyEdit Home page            */
/*                                                                   */
/* Jadranka WEB 2021, breakpoints                                    */
/*                                                                   */
/* $mob-xs  (       -  420px)  CSS: mob-xs-c 1-24  (in custom css)   */
/* $mob-xl  ( 421px -  767px)                                        */
/* $mob     (       -  767px)  CSS: mob-c 1-24                       */
/* $tbl     ( 768px -  959px)  CSS: tablet-c 1-24                    */
/* $dsk:    ( 960px -       )  CSS: c 1-24                           */
/* $dsk-xs: ( 960px - 1229px)                                        */
/* $dsk-xl: (1230px -       )                                        */
/*                                                                   */
/* ================================================================= */


/* Hide the current logo */
.site-baldarin #logo .logo-img img {display: none}

/* Display the 60-years logo as a background image */
.site-baldarin #logo .logo-img {
       background-size: contain;
       background-image: url("/EasyEdit/UserFiles/logos/logo-baldarin-60years.png");
       height: 96px;
       width: 120px;
}

.site-baldarin #logo a .logo-text {
        width: 185px;
        margin-left: 6px;
    }



/* ADJUST LOGO SIZING FOR EACH BREAKPOINT */

/* --------------------------------------------------------------------------- */
/* Large Desktop breakpoint  */
@media screen and (min-width:1230px) {

   .site-baldarin #logo .logo-img {
       height: 96px;
       width: 120px;
    }

   .site-baldarin #logo a .logo-text {
       width: 185px;
       margin-left: 6px;
    }

}

/* --------------------------------------------------------------------------- */
/* Desktop small */
@media (min-width: 960px) and (max-width: 1229px) {

   .site-baldarin #logo .logo-img {
       height: 80px;
       width: 100px;
    }

   .site-baldarin #logo a .logo-text {
       width: 185px;
       margin-left: 6px;
    }

}


/* --------------------------------------------------------------------------- */
/* Tablet - menu already drops into hamburger */
@media (min-width: 768px) and (max-width: 959px) {

   .site-baldarin #logo .logo-img {
       height: 55px;
       width: 68px;
   }

   .site-baldarin #logo a .logo-text {
       width: 200px;
       margin-left: 6px;
    }


   .site-baldarin #logo a .logo-text.logo-text-3 {
       width: 200px;
    }

}

/* --------------------------------------------------------------------------- */
/* Mobile and below - menu is a hamburger */
@media (max-width: 767px) {

   .site-baldarin #logo .logo-img {
       height: 43px;
       width: 58px;
    }

   .site-baldarin #logo a .logo-text {
       width: 100px;
       margin-left: 6px;
    }

}


/* --------------------------------------------------------------------------- */
/* Mobile smaller screens   */
@media (max-width: 600px) { 

   .site-baldarin #logo .logo-img {
       height: 45px;
       width: 56px;
       margin-top: -4px;
    }

   .site-baldarin #logo a .logo-text {
       width: 100px;
       top: 14px;
       margin-left: 56px;
    }

}

/* --------------------------------------------------------------------------- */