/* bally-quartz-nav.css
   Page-specific overrides for the Bally Quartz header/menu.
   Assumes sdc-menu.css is loaded FIRST. */

/* ========= DESKTOP OVERRIDES ========= */

/* Show the Bally Quartz tagline on the floating menu bar */
div.Quartz-Countertop {
    display: block;
    margin-left: 2vw;      /* space to the right of SDC logo */
    margin-top: 1.35vw;    /* vertical alignment */
}

/* Ensure other taglines stay hidden on this page (safety) */
div.BAlly-Quartz-Slab-MP,
div.Quartz-Countertop-MP,
div.Granite-Countertop-MP,
div.Construction-Stone-MP,
div.Gardening-Stone-MP,
div.Wooden-Cabinet-MP,
div.BAlly-Quartz-Slab,
div.Granite-Countertop,
div.Construction-Stone,
div.Gardening-Stone,
div.Wooden-Cabinet  {
    display: none;
	}

/* Bally Quartz logo positioning & size (desktop) */
div.bally-qz-logo {
    padding-left: 2.0vw;
    padding-top: 1vw;
    width: 13.25vw;      /* reasonable default width */
    height: auto;
    display: block;
}

div.bally-qz-logo img.ballyqz-size {
    width: 100%;
    height: auto;
    display: block;
}
/* PC Text on Menu Bar - Bally Quartz PC */
div.Quartz-Countertop {
	display: block;					/* showing the text */
	margin-left: 2vw;               /* space to the right of SDC logo */
	margin-top: 1.35vw;             /* tweak vertical alignment */
	padding: 0.75vw 1.5vw;          /* inner spacing around text */
	font-size: 1.65vw;               /* adjust size to taste */
	color: #ffffff;					/* Dark Grey Color text on Menu Bar */				
  	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
	background-color: #ffff40;		/* Yellow background color for text on menu bar - custom color  */  
	font-weight: bold;
	font-style: italic;
	font-family: "Arial", "Helvetica", "sans-serif";
	line-height: 1.2;	
  	border-radius: 1.1vw;
  	box-shadow: 0 0.6vw 1.2vw rgba(0, 0, 0, 0.5);
  	transition: background-color 1s ease, transform 1s ease, opacity 1s ease;
}

/* ========= MOBILE OVERRIDES ========= */

@media only screen and (max-width: 580px) {

    /* Hide other taglines and show the Bally Quartz mobile one */
    div.Bally-Quartz-Slab-MP,
    div.Granite-Countertop-MP,
    div.Construction-Stone-MP,
	div.Gardening-Stone-MP,
	div.Wooden-Cabinet-MP,
    div.Bally-Quartz-Slab,
    div.Quartz-Countertop,
    div.Granite-Countertop,
    div.Construction-Stone,
	div.Gardening-Stone,
	div.Wooden-Cabinet	
	 {display: none; }

    /* Bally Quartz text on the bar ¡V mobile */
    div.Quartz-Countertop-MP {
        display: none;
        margin-left: 1.5vw;
        margin-top: 0;
        padding: 0.5vw 1.0vw;
        font-size: 2.5vw;                  /* readable on mobile */
        color: black;                      /* Bally uses black text */
        background-color: #ffff40;         /* yellow background */
        font-weight: bold;
        font-style: italic;
        font-family: "Arial", "Helvetica", "sans-serif";
        line-height: 1.2;
        text-shadow: 2px 2px 5px rgba(0, 0, 0, .8);
        border-radius: 1.1vw;
        box-shadow: 0 0.6vw 1.2vw rgba(0, 0, 0, .5);
        transition: background-color 1s ease, transform 1s ease, opacity 1s ease;
    }

    /* Bally Quartz logo size/position on mobile */
    div.bally-qz-logo {
        display: block;
        padding: 0;
        width: 20.6vw;   /* a bit wider logo so it¡¦s clear */
        height: auto;
    }
}