/* 30042021 - SM */

/* Logo */
#gkHeaderNav #gkLogoSmall {
    left: 50%;
    margin: 0 0 0 -164px;
    position: absolute;
    top: -23px;
    z-index: 1;
}
#gkLogoSmall {
    width: 293px;
    height: 90px !important;
}

/* No scritta su slide */
.frontpage h1.header{
  display: none !important;
}

/* Header Home */
.frontpage .one-page-layout .bigtitle.has-bg {
    height: 600px !important;
}



/*
#------------------------------------------------------------------------
# Steak House - Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2014 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
*/

/* Here you can include your override CSS styles */



/* Maggio 2018 */

	/* Altezza navbar */
#gkHeaderNav, #gkHeaderNav.active {
  height: 93px;
}


/* Modifiche 8 marzo 2017 - Prossimi Eventi in home */

	/* Bottone LEggi Tutto eventi */
a.readon.fright {float: none !important; margin-top: 15px; background: #9B151D !important;}

	/* Altezza minima titolo eventi */
.nspArt h4 {min-height: 84px !important;}

/* Metto l'ombra al testo in header */

#gkHeaderMod h1 {
    text-shadow: 2px 2px 4px black;
}

#gkHeaderMod h2 {
	text-shadow: 2px 2px 4px black;
}

/* Metto l'ombra alle icone */

.gk-icon-dinner-set-solid:before, 
.gk-icon-bottle-glass-solid:before, 
.gk-icon-gallery-solid:before, 
.gk-icon-calendar-solid:before, 
.gk-icon-map-path-solid:before {
    text-shadow: 2px 2px 4px #000;
}

[class^="fa fa-"], [class*=" fa-"] {
    color: #ffffff;
}

#gkHeaderMod .gk-short-menu a {
    color: #fff;
    text-shadow: 2px 2px 1px #000;
}


/* Coloro il bottone nell'header */

#gkHeaderMod .btn:hover {
	background: #fff;
	color: #9a171d;
}

#gkHeaderMod .btn {
	background: #9a171d;
	color: #fff;
}


/* Sistemo il logo */
/*#gkLogoSmall {
    width: 115px;
    height: 90px !important;
}*/

/*#gkLogoSmall img {
    margin-left: -22px;
    max-height: 155px !important;
}*/

#gkLogoSmall img {
    margin-left: 0px;
    max-height: /*90px*/ 95px !important;
}


/* Avvicino i campi del form alle etichette */
div.formCaption{
	width: 12%;
}

/* Creo una classe per allineare il form contatti al centro */
.centraform{
	margin-left: 13%;
}

/* Metto il menu mobile un livello sopra il logo */
#gkMobileMenu i {
    z-index: 2;
}


/* Aggiusto il logo grande nell'header in home */
#gkLogo img {
    margin: -10px auto 0;
}


/* Aggiusto il form responsive */
	
button, .button, input.button, span.button, button.button, div.button, input[type="submit"], input[type="button"], .pagenav-prev a, .pagenav-next a, .pagenav .previous a, .pagenav .next a, #gkMainbody .itemReadMore, #gkMainbody .readmore > a, .button.invert:active, .button.invert:focus, .button.invert:hover, body #cWindow a.plupload_button, .readon {
    width: 275px;
}


/* Diminuisco l'altezza dell'immagine articolo esteso */
.one-page-layout .bigtitle.has-bg {;
    height: 370px;
}



/* Allineo il testo degli articoli a sinistra */

.one-page-layout .item-content {
    text-align: left;
}

.one-page-layout h2, .one-page-layout h3 {
	text-align: left;
}


/* Cambio il colore alle voci di menu e al sottomenù */

.gkMenu > ul li div.childcontent {
    background: #9B151D;
}

.gkMenu > ul > li.haschild > a:before {
    border-bottom-color: #9B151D;
}

.gkMenu > ul > li > a:active,
.gkMenu > ul > li > a:focus,
.gkMenu > ul > li > a:hover,
.gkMenu > ul > li.active > a:active,
.gkMenu > ul > li.active > a:focus,
.gkMenu > ul > li.active > a:hover,
.gkMenu > ul > li.active > a {
	color: #9B151D !important;
}


/* Coloro i link */

a {
	color: #9B151D;
}

a:hover, a:active {
	color: #CE9436;
}


/* Ombreggio i titoli degli articoli */

h1.header{
	text-shadow: 2px 2px 4px black;
}


/* Coloro l'h3 della cantina in home */

.box.parallax .header, .box.parallax .header > span, .box.parallax .header small {
    color: #000;
}


/* Coloro il bottone della cantina in home */

.gk-special-link {
    background: #9b151d;
}

.gk-special-link:hover, .gk-special-link:active, .gk-special-link:focus {
    background: #fff;
}

.box.parallax a:active, .box.parallax a:focus, .box.parallax a:hover{
	color: #09b151d !important;
}


/* Alzo un po' il numero di telefono */

.box.big-icon a {
    line-height: 195px;
}


/* Coloro di rosso un po' tutti i moduli con border1 */

.box.border1 .header {
    color: #9b151d;
    border-bottom-color: #9b151d;
}

.box.border1 .box-wrap, .box.border2 .box-wrap {
    border: 2px solid #9b151d;
}


/* Coloro di rosso il modulo i nostri clienti */

.button-border {
    background: none repeat scroll 0 0 #fff;
    border-color: #9b151d;
    color: #9b151d !important;
}

blockquote:before, blockquote:after {
    color: #9b151d;
}


/* Alzo il form - non è vero, aggiusto il blog */

html.js.canvas.no-touch.cssanimations.cssgradients.csstransforms.csstransforms3d.csstransitions.svg.inlinesvg.svgclippaths body.frontpage.top1-colorbg div#gkBg div#gkPageContent div.gkPage div div#gkContent div#gkContentWrap section#gkMainbody{
	margin-top: 55px;
}

#formcontatti {
	margin-top: -68px !important;
}


/* Aggiusto la pagina menù */

/* html.js.canvas.no-touch.cssanimations.cssgradients.csstransforms.csstransforms3d.csstransitions.svg.inlinesvg.svgclippaths body.frontpage.top1-colorbg div#gkBg div#gkPageContent{
	display: none;
} */

/* Modifico la grandezza del font nel modulo della cantina */

.gk-special-menu strong {
    font-size: 11px;
}

.gk-special figure img {
    width: 104%;
}


/* Alzo le bandierine per farle stare nella barra bianca */

html.js.canvas.no-touch.cssanimations.cssgradients.csstransforms.csstransforms3d.csstransitions.svg.inlinesvg.svgclippaths body.frontpage.top1-colorbg div#gkBg header#gkHeader.menu-visible div#gkHeaderNav.static div.gkPage div#gkMainMenu.gkMenuClassic div div.mod-languages{
	margin-top: -26px;
}


















/*  Computer alta risoluzione  */
@media only screen and (min-width : 1224px) {

}




/*  Computer incerti!   ;)   ----------- */
@media only screen and (min-width : 1024px) and (max-width : 1224px) {

}





/* iPads orizzontale ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	
}


/* iPads verticale ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	
}




/*  Cellulari  */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	a#gkLogo					{display: none;}
	html.js.canvas.no-touch.cssanimations.cssgradients.csstransforms.csstransforms3d.csstransitions.svg.inlinesvg.svgclippaths body.frontpage.top1-colorbg div#gkBg header#gkHeader.menu-visible div#gkHeaderMod div.gkPage div.custom.frontpage			{margin-top: 50px;}	

}







/* Cellulari Piccoli */
@media only screen and (max-width : 320px) {
	a#gkLogo					{display: none;}
	html.js.canvas.no-touch.cssanimations.cssgradients.csstransforms.csstransforms3d.csstransitions.svg.inlinesvg.svgclippaths body.frontpage.top1-colorbg div#gkBg header#gkHeader.menu-visible div#gkHeaderMod div.gkPage div.custom.frontpage			{margin-top: 50px;}

}