@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;1,300;1,400&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Inria+Serif:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');


/* * { outline:solid rgba(0,255,0,.15) 1px!important;  } */



/*
.grid-area-menu 		{ border: 3px solid hsla(0,100%,41%,0.50);	margin-bottom: 10px; background:hsla(0,100%,50%,0.1); }
.grid-area-nome 		{ border: 3px solid hsla(120,100%,25%,0.5);	margin-bottom: 10px; background:hsla(120,100%,25%,0.1); }
.grid-area-texto 		{ border: 3px solid hsla(190,100%,49%,0.5);	margin-bottom: 10px; background:hsla(190,100%,49%,0.1); }
.grid-area-garrafa 		{ border: 3px solid hsla(43,100%,41%,0.5);	margin-bottom: 10px; background:hsla(43,100%,41%,0.1); }

*/


:root {
	
/* re-root BOOTSTRAP  5.3.0
--------------------------------------------------------------------	*/

    --bs-border-color: 		var(--javali-border-color);
    --bs-body-color: 		var(--javali-body-color);
    --bs-body-font-weight: 	var(--javali-body-font-weight);
    --bs-link-color: 		var(--javali-link-color);
    --bs-emphasis-color: 	var(--javali-emphasis-color);
    --bs-secondary-bg: 		var(--javali-secondary-bg);	
	--bs-body-font-size: 	var(--javali-body-font-size);
	--bs-body-font-weight: 	var(--javali-body-font-weight);
	--bs-body-line-height: 	var(--javali-body-line-height);
	--bs-nav-link-color: 	var(--javali-nav-link-color);
	--bs-body-line-height: 	var(--javali-body-line-height);
	--bs-border-radius: 	var(--javali-border-radius);
	


/* re-root CANVAS VERSION 7.2.0 – 3RD JUNE 2023
--------------------------------------------------------------------	*/	


	--cnvs-themecolor: 				var(--javali-themecolor);
	--cnvs-themecolor-rgb: 			var(--javali-themecolor-rgb);
	--cnvs-link-color: 				var(--javali-link-color);
	--cnvs-link-hover-color: 		var(--javali-link-hover-color);
	--cnvs-primary-font: 			var(--javali-font-primary);
	--cnvs-secondary-font: 			var(--javali-font-secondary);
	
	--cnvs-content-padding: 		var(--javali-content-padding);
	--cnvs-line-height-content: 	var(--javali-body-line-height);
	
	--cnvs-heading-color: 			var(--javali-heading-color);
	--cnvs-headings-font-weight: 	var(--javali-headings-font-weight);
 	--cnvs-line-height-base: 		var(--javali-headings-line-height) ;
	--cnvs-body-font: 				var(--javali-body-font);
	
		

/* root JAVALI 
--------------------------------------------------------------------	*/	
	
	--javali-red: #CD0005;
	--javali-red-active: red;
	--javali-cinz-active: #4F565C;
	--javali-themecolor: var(--javali-red);
	--javali-themecolor-rgb: rgb(174, 0, 5);
	
	--javali-primary-menu-hover-color: var(--javali-red-active);
	
	--javali-heading-color: var(--javali-body-color);
	--javali-headings-font-weight: 500;
	
	--javali-border-color:#C0C0C0;
    --javali-body-color: #121212; /*#121212*/
	
	
    --javali-border-tabs: var(--javali-border-color);
	
    --javali-link-color: var(--javali-themecolor);
	--javali-link-hover-color: var(--javali-themecolor);
	--javali-emphasis-color: ;
    --javali-secondary-bg: ;

	--javali-body-font-size: 1rem;
	--javali-body-font-weight: 300;
	--javali-body-line-height: 1.5;
  	--javali-headings-line-height: 1.2;	

	--javali-body-font: Roboto, sans-serif;
	--javali-font-primary: Roboto, sans-serif;  
    --javali-font-secondary: 'Inria Serif', serif; 

    --javali-grid-gap-x: 1.5rem;	
	--javali-content-padding: 2rem;
	--javali-border-radius: 0px;
	

}





/*------------------------------------------------------ Javali Tabs  --------------------------------*/



.javali-tabs.nav-tabs {
	
--bs-nav-tabs-border-radius: 0;
--bs-secondary-bg: var(--bs-border-color);
	font-weight: normal;
	margin-bottom: 20px;
	padding: 0;

	
}


 .javali-tabs.tabs li .nav-link {
    text-align: center;
  }


.javali-tabs.nav-tabs.nav-dots .nav-link {
	width: 50px;
	height: 50px;
	border-radius: 50px;
	padding: 4px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #A5ACB1;
	color: #fff;
	font-size: 13px;
	border: none;
}



.javali-tabs.nav-tabs.nav-dots .nav-link.active, 
.javali-tabs.nav-tabs.nav-dots .nav-item.show .nav-link {
  color: #fff;
  background-color: var(--javali-cinz-active);
  border-color: var(--bs-nav-tabs-link-active-border-color);
	
}


/* ------------------------------  anos-block  ----------------------------- */

.anos-block {
  margin-bottom: 20px;
}

.anos-block span {
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;

	font-size: 13px;
	font-weight: 400;
	width: 50px;
	height: 50px;
	background-color: #6c757d;
	line-height: 15px;
	text-align: center;
	margin-right: 5px;
	margin-bottom: 5px;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}

.anos-block a span:hover,
.anos-block span.anos-block-selected {
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  color: #ffffff;
  border-radius: 50px;
  background-color: var(--javali-themecolor);
}




/*------------------------------------------------------ override Bootstrap  buttons  -----------------*/


.btn {
	--bs-btn-border-radius: 0px;
	--bs-btn-font-size: 0.85rem;
}



/*-------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------
							 CANVAS override VERSION 7.1.0 – 3RD JUNE 2023
--------------------------------------------------------------------------------------------------------*/

/* ----------------------------------------------------------------
	Go To Top
-----------------------------------------------------------------*/
#gotoTop {
  --cnvs-gotoTop-bg: hsla(0,100%,24%,0.50);
  background-color: var(--cnvs-gotoTop-bg);
}


#header-wrap {
	border-bottom: 1px solid #570000;
	border-bottom: 1px solid #AC0000;
	border-top: 1px solid #3E0101;
}



#header {
  /*  Primary Menu */
  --cnvs-primary-menu-hover-color: var(--javali-themecolor);
  --cnvs-primary-menu-active-color:	var(--javali-primary-menu-hover-color);
  --cnvs-primary-menu-font-weight:	500;
  --cnvs-primary-menu-submenu-top-border: 2px solid var(--javali-themecolor);
  --cnvs-primary-menu-submenu-font:	var(--cnvs-body-font);
  --cnvs-primary-menu-submenu-font-size: 0.85rem;

/*  --cnvs-primary-menu-submenu-hover-padding-offset: 0.25rem;*/
  --cnvs-mobile-menu-off-canvas-width: 260px;
  --cnvs-primary-menu-font-size: 0.85rem;

  --cnvs-primary-menu-submenu-spacing: 1px;
  --cnvs-primary-menu-submenu-font-weight: var(--javali-headings-font-weight);
  --cnvs-primary-menu-submenu-hover-font-weight: var(--javali-headings-font-weight);


}


#header .social-icon {
  --cnvs-socialicon-size: 2rem;
  --cnvs-socialicon-gap: 10px;
  	margin: 0 var(--cnvs-socialicon-gap) 0 0;
}

		@media (max-width: 991px) {
		
			#header .social-icon {
			  --cnvs-socialicon-size: 2.6rem;
				margin-top: 5px;
				}
			#header .header-misc {
			  	margin-left: 3px;
				}
			}

		@media (min-width: 992px) {
			#header {
				--cnvs-primary-menu-font-size:	.80rem;
				}
		
/*
			#header .social-icon, 
			#header .social-icon:hover {
				color: #FCC1C1;
				}
*/
			}



/* nos item dos menus text-transform: none */

.is-expanded-menu .sub-menu-container .menu-item > .menu-link {
   --cnvs-primary-menu-submenu-tt: none;
}

.is-expanded-menu .mega-menu-style-2 .mega-menu-title > .menu-link {
  --cnvs-primary-menu-submenu-tt: none;
}


@media (max-width: 991.98px) {
	.menu-link {
	  --cnvs-primary-menu-tt: none;
	}
}


/*-- retirar o movimento para a direita dos items fdo menu ----*/

.is-expanded-menu .mega-menu-style-2 .sub-menu-container:not(.mega-menu-dropdown) .menu-item:not(.mega-menu-title):hover > .menu-link {

/*  --cnvs-primary-menu-submenu-hover-padding-offset: 0.375rem;*/
  --cnvs-primary-menu-submenu-hover-padding-offset: 0rem;
	background-color: hsla(0,0%,0%,0.00);
}




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

body:not(.is-expanded-menu) #header:not(.sticky-header) .mobile-menu-off-canvas .menu-container {
  padding: 35px 10px 60px !important;
}


.is-expanded-menu .mega-menu-style-2 .mega-menu-title > .menu-link {
/*  color: blue;*/
}


.sub-menu-container .menu-item > .menu-link {
/*	color:greenyellow;*/
/*	  padding: 5px 5px;*/
}


.is-expanded-menu .mega-menu-style-2 .sub-menu-container:not(.mega-menu-dropdown) .menu-link {
  --cnvs-primary-menu-submenu-padding-y: 0.25rem;
  --cnvs-primary-menu-submenu-padding-x: 0rem;	
}


.dropdown-menu {
  --bs-dropdown-link-active-bg: var(--javali-cinz-active);
}







/*
.menu-item.current > .menu-link {
  	--cnvs-primary-menu-active-color: red;
	color: var(--cnvs-primary-menu-active-color);
}

*/





.mega-menu-content {
  padding-left: 5px;
}

.sub-menu-container {
  padding-left: 0px;
}

.primary-menu-trigger,
#page-menu-trigger  {
  --cnvs-menu-trigger-gap: 0.85rem;
}


.social-icon i {
  transition: none;
}




/* canvas-alt-tabs
----------------------------------------------------------------------*/

.canvas-alt-tabs {
	--bs-nav-tabs-border-color: var(--bs-border-color);
}

	@media (max-width: 575.98px) {
			.tabs {
			  flex-direction: row;
			  border-bottom: 0;
			  padding: 0;
			}
		}



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


.list-group {
  --bs-list-group-active-bg: #272727;
  --bs-list-group-active-border-color: var(--javali-border-color);
	border-radius: 0;
}

.list-group > .list-group-item {
  	border-width: 1px 0 0 0;
}
.list-group > .list-group-item:last-child {
 	 border-bottom-width: 1px;
}



/* reposição dos valores Bootstrap
----------------------------------------------------------------------*/

@media (max-width: 767.98px) {
  h1, .h1 {font-size: calc(1.375rem + 1.5vw);}
  h2, .h2 {font-size: calc(1.325rem + 0.9vw);}
  h3, .h3 {font-size: calc(1.3rem + 0.6vw);}
  h4, .h4 {font-size: calc(1.275rem + 0.3vw);}

}
/*---------------------------------------------------------------------*/


h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  margin: 0 0 10px 0;
}







/* ---------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------
												Basic
------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------*/





/* --------------------------------------------------- Margens GRID  --------------------*/



.grid-vinho-1 { margin-bottom: 3rem }
.grid-vinho-2 { margin-bottom: 3rem }
.grid-vinho-3 { margin-bottom: 3rem }
.grid-vinho-4 { margin-bottom: 3rem }


	@media only screen and (max-width: 991px) {
	.grid-area-menu 		{  margin-bottom: 0px;	}
	.grid-area-nome 		{  margin-bottom: 0px;	}
	.grid-area-texto 		{  margin-bottom: 15px;	}
	.grid-area-garrafa 		{  margin-bottom: 15px;	}
	}


/* --------------------------------------------------- CSS GRID 1 --------------------*/


.grid-vinho-1 .grid-area-menu 		{ grid-area: lista;	}
.grid-vinho-1 .grid-area-nome 		{ grid-area: nome;	}
.grid-vinho-1 .grid-area-texto 		{ grid-area: texto;	}
.grid-vinho-1 .grid-area-garrafa 	{ grid-area: garrafa;}

.grid-vinho-1 {
  display: grid;
  grid-gap: 0 1.5rem;
  grid-template-columns: 1fr;
  grid-template-areas:
    "lista"
    "nome"
    "garrafa"
    "texto";
}
@media only screen and (min-width: 576px) {
  .grid-vinho-1 {
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "lista lista"
      "nome nome"
      "texto garrafa";
      
  }
}

@media only screen and (min-width: 992px) {
  .grid-vinho-1 {
	grid-template-columns: 280px 1fr 320px;
    grid-template-rows: minmax(100px, auto) 1fr;
    grid-template-areas:
      "lista nome garrafa"
      "lista texto garrafa";
  }
}



/*

@media only screen and (min-width: 1600px) {
	.grid-vinho-1 {
    grid-template-columns: 280px 1fr 350px;
  }
}

*/




/* --------------------------------------------------- CSS GRID 2 --------------------*/

.grid-vinho-2 .grid-area-menu {  grid-area: lista;}
.grid-vinho-2 .grid-area-nome {  grid-area: nome;}
.grid-vinho-2 .grid-area-texto {  grid-area: texto;}
.grid-vinho-2 .grid-area-garrafa {  grid-area: garrafa;}

.grid-vinho-2 {
  display: grid;
  grid-gap: 0px 1.5rem;
  grid-template-columns: 1fr;
  grid-template-areas:
    "lista"
    "nome"
    "garrafa"
    "texto";
}

@media only screen and (min-width: 576px) {
  .grid-vinho-2 {
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "lista lista"
      "nome nome"
      "texto garrafa";
  }
}

@media only screen and (min-width: 992px) {
  .grid-vinho-2 {
    grid-template-columns: 280px 1fr 320px;
	grid-template-rows: minmax(100px, auto) 1fr;
    grid-template-areas:
      "lista nome nome"
      "lista texto garrafa";
  }
}



/*

@media only screen and (min-width: 1600px) {
	.grid-vinho-2 {
    grid-template-columns: 280px 1fr 350px;
  }
}

*/







/* --------------------------------------------------- CSS GRID 3 --------------------*/

.grid-vinho-3 .grid-area-menu {  grid-area: lista;}
.grid-vinho-3 .grid-area-nome {  grid-area: nome;}
.grid-vinho-3 .grid-area-texto {  grid-area: texto;}
.grid-vinho-3 .grid-area-garrafa {  grid-area: garrafa;}


.grid-vinho-3 {
  display: grid;
  grid-gap: 0px 1.5rem;
  grid-template-columns: 1fr;
  grid-template-areas:
    "lista"
    "nome"
    "garrafa"
	  "texto";
}

@media only screen and (min-width: 576px) {
  .grid-vinho-3 {
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "lista lista"
      "nome nome"
      "garrafa garrafa"
		"texto texto";
  }
}

@media only screen and (min-width: 992px) {
  .grid-vinho-3 {
    grid-template-columns: 280px 1fr 320px;
	grid-template-rows: minmax(100px, auto) 1fr;
    grid-template-areas:
      "lista nome nome"
      "lista garrafa garrafa"
	  "lista texto texto"	;
  }
}



/*

@media only screen and (min-width: 1600px) {
	.grid-vinho-3 {
    grid-template-columns: 280px 1fr 350px;
  }
}

*/




/* --------------------------------------------------- CSS GRID 4 --------------------*/

.grid-vinho-4 .grid-area-menu {  grid-area: lista;}
.grid-vinho-4 .grid-area-nome {  grid-area: nome;}
.grid-vinho-4 .grid-area-texto {  grid-area: texto;}
.grid-vinho-4 .grid-area-garrafa {  grid-area: garrafa;}


.grid-vinho-4 {
  display: grid;
  grid-gap: 0px 1.5rem;
  grid-template-columns: 1fr;
  grid-template-areas:
    "lista"
    "nome"
	"garrafa"
    "texto";
}

@media only screen and (min-width: 576px) {
  .grid-vinho-4 {
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "lista lista"
      "nome nome"
	  "texto garrafa";
  }
}

@media only screen and (min-width: 992px) {
  .grid-vinho-4 {
    grid-template-columns: 280px 1fr 320px;
	grid-template-rows: minmax(80px, auto) 1fr;
    grid-template-areas:
      "lista nome nome"
      "lista texto texto"
	  "lista garrafa garrafa"	;
  }
}



/*

@media only screen and (min-width: 1600px) {
	.grid-vinho-4 {
    grid-template-columns: 280px 1fr 350px;
  }
}

*/


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


.d-grid-medalhas {    
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	grid-gap: 1.5rem;
	}
	

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


@media(max-width: 991px) {
	.content-wrap .slider-javali {
		margin-top: calc(-0.5 * var(--cnvs-margin-lg)) !important;
	}
	.content-wrap .slider-javali .container-xxl {
		padding: 0;
	}
}






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


.top-image-container {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 80%;
}


/* ----------------------------------------------------------------
	Logo
-----------------------------------------------------------------*/

#logo a img  {
  height: calc(3vw + 60px);
  width: auto;
  margin-bottom: calc(3vw + 5px);
  margin-top: calc(3vw + 5px);
}

	@media (min-width: 992px) {
		#logo a img {
		  width: auto;
			margin-bottom: 2vw;
			margin-top: 2vw;
		}
	}
	


/* Menu 
-----------------------------------------------------*/


.bg-menu {
		background-color: #171717;
		background-image: linear-gradient(180deg, #720002 0%, #270606 100%); 
}	


.submenu-tipo-de-vinho {
    color:var(--javali-red-active);
}


/*
.primary-menu .menu-link {
	color: #FCC1C1; 
}
*/


	@media (max-width: 991.98px) {
		
		.primary-menu .menu-link {
			color: #CBCBCB; 
		}
		
		.menu-container > .menu-item > a {
			font-weight: 500;
/*			font-size: 1rem;*/
		}
		
		
        ul li ul.sub-menu-container.mega-menu-column  {
            padding-left: 0px;
        }
			
	
		
/*
      ul li ul.sub-menu-container.mega-menu-column:nth-of-type(1)  {
          background: hsla(0,0%,50%,0.20);
      }

      ul li ul.sub-menu-container.mega-menu-column:nth-of-type(2) {
          background: hsla(0,0%,50%,0.10);
      }

      ul li ul.sub-menu-container.mega-menu-column:nth-of-type(3) {
          background: hsla(0,0%,50%,0.3);
      }
*/		
		
}




/* ----------------------------------------------------------------
	Typography
-----------------------------------------------------------------*/



body {
	
	font-family: var(--javali-font-primary), Arial; /* Arial apenas para se ver no Dreamweaver */
	font-weight: var(--javali-body-font-weight);
	line-height: var(--javali-body-line-height);
	font-size: 1.08rem;
}


p {
  margin: 0 0 1rem;
}


.content-wrap p {
  line-height: var(--javali-body-line-height);
}


h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  color: var(--javali-heading-color);
  font-weight: var(--javali-headings-font-weight);
  line-height: var(--javali-headings-line-height);
  margin: 0 0 10px 0;
  font-family: var(--javali-primary-font);
}



.sombra-texto {
	text-shadow: 1px 1px 1px black;
}


.notas-prova {
  font-weight: 600;
  margin-bottom: 0px;
	
} 

.categoria-red-white {
  font-size: 1.2rem;
  letter-spacing: 1px;
  border-top: 1px solid var(--javali-border-color);
  text-transform: uppercase;
  line-height: 1.2rem !important;
  padding-top: 6px;
  padding-bottom: 6px;
  margin-bottom: 0px;
}

		@media(max-width:992px) {
			.categoria-red-white {
				  border-bottom: 1px solid var(--javali-border-color);
				}
		}




.text-nowrap {
  color: inherit !important;
}


.texto-gold-premio {
	color: #ca870f;
	line-height: 1.3em !important;
}



.dropdown-langs img {
  margin-right: 8px;
  width: 24px;
  height: 24px;
}



h1, .h1 {
  margin-bottom: 1.5rem;
}
.h1 + .h1 {
  margin-top: -1.5rem;
}



.vinho {
	padding-top: 20px;
	margin-bottom: 1.5rem;
}

.vinho + .vinho {
	margin-top: -1.5rem;
}



h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  font-family: var(--javali-font-secondary);
}


h1, .h1, h2, .h2, h3, .h3, h4, .h4 { 
  font-weight: 500;
}

	@media(min-width:992px) {
		.grid-area-nome h1, 
		.grid-area-nome .h1 {
		  border-top: 1px solid var(--javali-border-color);
		}
	}




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



#footer {
	color: #bfbdbd;
	border-top: 1px solid var(--javali-link-color);
	min-height: 370px;
	font-weight: 400;
}

#footer a img {
  	filter: brightness(90%);
}

#footer a img:focus,
#footer a img:hover {
  	filter: brightness(100%);
}

#footer a svg {
  	color: rgba(175, 175, 175, 0.5);
}

#footer a svg:focus,
#footer a svg:hover {
  	color: rgba(255, 255, 255, 0.5);
}

#footer p {
	margin: 0;
	font-size: 0.95rem;
}







/*================================================
IMAGEM DE BACKGROUND

colocar o url da imagem inline style
style="background-image:
não se pode utilizar duplas aspas no url

aplicar css style para size e position

x% y%	
The first value is the horizontal position and the second value is the vertical. The top left corner is 0% 0%. The right bottom corner is 100% 100%. If you only specify one value, the other value will be 50%. Default value is: 0% 0%

xpos ypos	
The first value is the horizontal position and the second value is the vertical. The top left corner is 0 0. Units can be pixels (0px 0px) or any other CSS units. If you only specify one value, the other value will be 50%. You can mix % and positions


O container que tem o background necesita de um child com altura mínima, ou qualquer conteúdo, para aparecer. Sem esse child o parent fica altura zero


*/



/* default ao centro 
----------------------------------------------------------------------------------*/


.bg-photo {
  background-repeat: no-repeat;
  background-position: 50%;
}


/* cover, contain  */


.bg-photo.bg-cover {
  background-size: cover;
}
.bg-photo.bg-contain {
  background-size: contain;
}


/* posição do background
------------------------------------------------------------------------------- */

.bg-photo.bg-fixed {
  background-attachment: fixed;
}

.bg-photo.bg-ct {
  background-position: top;
}
.bg-photo.bg-cb {
  background-position: bottom;
}
.bg-photo.bg-lt {
  background-position: 0 0;
}
.bg-photo.bg-rt {
  background-position: 100% 0;
}
.bg-photo.bg-lb {
  background-position: 0 100%;
}
.bg-photo.bg-rb {
  background-position: 100% 100%;
}

.bg-photo:after {
  content: "";
  display: block;
}



/*--------------------------------------------------------- menu-vinhos ----------------*/

/*	menu construido com menu-vinhos.js

	https://makitweb.com/highlight-current-page-menu-item-with-jquery/
	Last updated on February 19th, 2020 by Yogesh Singh
	Highlight current page menu item with jQuery
	You can simply do this with jQuery, to highlight menu item according to the current page.

	Este script têm versão com e sem submenu
	Os items submenu-vinhos que contêm as urls estão escondidos. 
    Apenas existem para o script "menu-vinhos.js" detectar esses urls  

    o script percorre o submenu-vinhos (especificamente designado no script) 
    quando encontra o url que corresponde à página actual, 
    adiciona a class 'menu-vinhos-active' ao item do menu (especificamente designado no script)
*/

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

	.menu-vinhos {
		--bs-list-group-action-hover-color: var(--bs-emphasis-color);
		--bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
		--bs-list-group-action-active-color: var(--bs-body-color);
		--bs-list-group-action-active-bg: var(--bs-secondary-bg);
		--bs-list-group-disabled-color: var(--bs-secondary-color);
		--bs-list-group-disabled-bg: var(--bs-body-bg);
		--bs-list-group-active-color: #fff;
		--bs-list-group-active-bg: #0d6efd;
		--bs-list-group-active-border-color: #0d6efd;

		color: var(--javali-body-color);
		background: var(--bs-body-bg);
		border-color: var(--bs-border-color);
		border-width: var(--bs-border-width);
		border-radius: var(--bs-border-radius);
		margin-bottom: 0px;
	}


	.menu-vinhos li {
		list-style-type: none;
		display: block;

	}


	.menu-vinhos li a {
		display: block;
		padding-top: 5px;
		padding-bottom: 5px;
		color: #2A2A2A;
		text-decoration: none;
		background-color: var(--bs-list-group-bg);
		border-top: 1px solid var(--javali-border-color);
		font-size: .95rem;
		padding-left: 5px;
		padding-right: 5px;
	}

	.menu-vinhos li:last-child a {
		border-bottom: 1px solid var(--javali-border-color);
		}


	.menu-vinhos li:not(.menu-vinhos-active) a:hover {
		color: var(--bs-body-color);
		background-color: var(--bs-list-group-action-hover-bg);
		}

	li.menu-vinhos-active a {
		color: #FFFFFF;
		background: var(--javali-cinz-active);
		}


                  @media (max-width: 991.98px) {
                        .menu-vinhos  {
							display: none;
                        }
                    }

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




ul.list-valores {
  padding-left: 0.7em;
	font-size: .95rem;
}
ul.list-valores li {
  padding-left: 1ch;
}
ul.list-valores li::marker {
  content: "\2014";
}





/*transition: [transition-property] [transition-duration] [transition-timing-function] [transition-delay];*/

.animate-all {
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

hr.hr-styled-1 {
  overflow: visible;
  text-align: center;
  opacity: 1;
  color: rgba(108, 117, 125, 0.5);
  height: 1px;	
}

hr.hr-styled-1:after {
  content: "\2619";
  display: inline-block;
  position: relative;
  top: -13px;
  padding: 0 10px;
  background-color: hsla(0, 0%, 0%, 0);
  color: #9f0000;
  font-size: 18px;
}


/*---------------------------------------------------------------------=*/

.border-dourado {
  border: 1px solid #936413 !important;
}
.border img {
  display: block;
}

.img-fluid,
.img-fluid img {
  max-width: 100%;
  height: auto;
}

/*If the width property is set to "width: 100%" the image will be responsive and scale up and down:*/
/*If the width property is set to "max-width: 100%" the image will scale down if it has to, but never scale up to be larger than its original size:*/

.img-fluid-up,
.img-fluid-up img {
  width: 100%;
  height: auto;
}

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

.linkdownload {
  font-size: 14px;
  margin-top: 0.5em;
  margin-bottom: 1em;
  color: var(--javali-cinz-active);
  display: block;
  font-weight: normal;
}

.linkdownload::before {
  font-family: "bootstrap-icons";
  content: "\f30a";
  vertical-align: -0.06em;
  margin-right: 0.4em;
}

.linkdownload:hover {
/*  color: var(--javali-color-link-text-hover);*/
}



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


.fichatec {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
  margin-top: 10px;
  width: 110px;
}

.fichatec a {
 display: block;
}

.fichatec a img {
  width: 100%;
  height: auto;
  opacity: 0.8;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  border: 1px solid var(--javali-border-color);
}

.fichatec a img:hover {
  opacity: 1;
}




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

.banner {
	min-height: 80vh;
}

	@media (min-width:992px) {
		.banner {
			min-height: 60vh;
		}
	}

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



/*
.prefooter  {
	margin-bottom: 0px;
	margin-top: 0px;
}
*/


.prefooter_object-fit  {
	height: 450px;
	width: 100%;
	object-fit: cover;
	-o-object-fit: cover;
}

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