.kiosk-display {
	--primary-color: #c11e1e;
    --secondary-color: #5facfa;

    --primary-rgb: 193, 30, 30;
    --secondary-rgb: 119,0,9;

    --default-white: #ffffff;
    --default-black: #000000;

    --title-font-family: 'Cinzel', serif;
    --body-font-family: 'Lato', sans-serif;

    --heading-color: var(--primary-color);
    --heading-font-family: var(--title-font-family);

    --title-border-bottom: 1px solid var(--secondary-color);

    --home-title-font: var(--title-font-family);

    --transparent: rgba(255,255,255,0);

    --default-box-shadow: 0px 0px 10px rgba(0,0,0,.5);

    --swiper-box-shadow: var(--default-box-shadow);
	--ql-font-size-mobile: 3vw;
	--ql-right-border-color: white;
	
	--grid-title-font-size: 3.5vw ;
	--grid-title-bg-opacity: .3;

	--grid-title-align: center;
}

/*************** ALL SITE *****************/

.item-image {display: none;}

#logo-icon  {
	margin-top: -2.5rem;
    margin-bottom: -2.5rem;
	max-width: 200px;
}

#logo-textheader {
	max-width: 350px;
}

@media only screen and (min-width: 50.99rem) {
    .kiosk-display-page .grid-articles {
        --grid-items-justify: space-evenly;
    }
    .kiosk-grid .grid-articles {
        --grid-title-bg-opacity: .3;
    }
	.kiosk-display .grid-articles .g-item-title {
		font-size: 3vw !important;
		text-align: center !important;
	}
	.kiosk-display .grid-articles .g-item-title a {
		font-size: 3.5vw;
	}
	
	
    .kiosk-display-page .grid-articles .g-content-array > .g-grid:nth-child(1) {
        min-width: 38%;
        width: 38%;
        max-width: 38%;
    }
    .kiosk-display-page .grid-articles .g-content-array > .g-grid:nth-child(2) {
        min-width: 38%;
        width: 38%;
        max-width: 38%;
    }
	.kiosk-display-page .grid-articles .g-content-array > .g-grid:nth-child(5) {
        min-width: 34%;
        width: 34%;
        max-width: 34%;
    }
	
	.kiosk-display .grid-title-bg-primary .g-array-item-title {
        background: rgba(0,0,0,0.3) !important;
	}

    .grid-title-bg-primary .g-content-array > .g-grid:hover .g-array-item-title {
        background: rgba(255,255,255,0.3) !important;
    }
	
	.kiosk-display .grid-title-bg-primary .g-array-item-title:hover {
        background: rgba(255,255,255,0.3) !important;
	}
	
	.kiosk-display .grid-title-bg-primary .g-array-item-title a:hover {
        background: rgba(255,255,255,0.3) !important;
	}