/*
Theme Name:  Vantage Child
Author:      MadeWordPress
Author URI:  http://madewordpress.com/
Theme URI:   http://madewordpress.com/
Description:
Template:    vantage
Version:     1.0.0
License:
Tags:
Text Domain: vantage-child
*/

/******************************************* SELECTORES ******************************************/

/*

:root -> Para "document"

TAGS:
-----

*       -> Todos los elementos
div p   -> Todos los "p" dentro de un "div"
div > p -> Todos los "p" cuyo padre es un "div"
div + p -> Todos los "p" que van inmediatamente después de un "div"
div ~ p -> Cada "p" que va precedido de un "div"

:not(p) -> Cada elemento que NO es un "p"

:before       -> Antes
:after        -> Después
:empty        -> Vacío
:selection    -> Lo que está seleccionado
:target       -> El elemento en el que se ha hecho click
:first-letter -> La primera letra
:first-line   -> La primera línea
:lang(es)     -> Con atributo "lang" = "es"

ATRIBUTOS:
----------

[title]             -> Elemento/s que tienen "title"
[title  = "flower"] -> Elemento/s cuyo "title"               es igual a "flower"
[title ~= "flower"] -> Elemento/s cuyo "title" contiene      la palabra "flower"
[title |= "flower"] -> Elemento/s cuyo "title" empieza   por la palabra "flower"
[title ^= "flower"] -> Elemento/s cuyo "title" empieza   por la cadena  "flower"
[title $= "flower"] -> Elemento/s cuyo "title" acaba     por la cadena  "flower"
[title *= "flower"] -> Elemento/s cuyo "title" contiene      la cadena  "flower"

ENLACES:
--------

:active  -> Activo
:hover   -> Enfoque
:visited -> Visitado
:link    -> No visitado

INPUTS:
-------

:checked    -> Checked
:disabled   -> Disabled
:enabled    -> NO disabled
:focus      -> Con foco
:in-range   -> Con valor dentro de un rango
:out-range  -> Con valor fuera  de un rango
:invalid    -> Con valor    válido
:invalid    -> Con valor no válido
:required   -> Con "required" (sólo para "input")
:optional   -> Sin "required" (sólo para "input")
:read-only  -> Con "readonly" (sólo para "input")
:read-write -> Sin "readonly" (sólo para "input")

NODES:
------

p:first-of-type     -> Cada "p" que es el primer "p" de su padre
p:last-of-type      -> Cada "p" que es el último "p" de su padre
p:nth-of-type(n)    -> Cada "p" que es el "n" "p" de su padre
p:nth-last-child(n) -> Cada "p" que es el "n" "p" de su padre, contanto desde el final

p:first-child       -> Cada "p" que es el primer hijo de su padre
p:last-child        -> Cada "p" que es el último hijo de su padre
p:nth-child(n)      -> Cada "p" que es el "n" hijo de su padre
p:nth-last-child(n) -> Cada "p" que es el "n" hijo de su padre, contanto desde el final

p:only-child        -> Cada "p" que es el único hijo de su padre
p:only-of-type      -> Cada "p" que es el único "p" de su padre

*/

/**************************************** GAMA DE COLORES ****************************************/

/*    Rojo Oscuro: EE0022 rgb(238,  0, 34) */
/*           Gris: 999999 rgb(153,153,153) */
/*     Rojo Medio: FF9955 rgb(255,153, 85) */
/*     Rojo Claro: FFAA77 rgb(255,170, 19) */
/* Rojo Muy Claro: FFCCAA rgb(255,204,170) */

/*         Marron: 661111 rgb(102, 17, 17) */
/*  Naranja hover:  */

/******************************************** Z-INDEX ********************************************/

/*
   9999 -> .main-navigation
    998 -> <nav>
*/

/******************************************* INCLUDES ********************************************/

 @import url("../vantage/style.css?q=20240601");
     @import url("style-header.css?q=20240601");
       @import url("style-home.css?q=20240601");
     @import url("style-footer.css?q=20240601");
      @import url("style-pages.css?q=20240601");
     @import url("style-gforms.css?q=20240601");
@import url("style-popup-maker.css?q=20240601");
@import url("style-mwp-tooltip.css?q=20240601");

@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i");
@import url("https://fonts.googleapis.com/css?family=Roboto+Slab");
@import url('https://fonts.googleapis.com/css?family=Pacifico');
@import url('https://fonts.googleapis.com/css2?family=Merienda+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap');

:root {
	--color1-hex: #EE0022;
  --color2-hex: #999999;
  --color3-hex: #FF9955;
  --color4-hex: #FFAA77;
	--color5-hex: #FFCCAA;
  --color1-rgb: 238,  0, 34;
  --color2-rgb: 153,153,153;
  --color3-rgb: 255,153, 85;
  --color4-rgb: 255,170, 19;
  --color5-rgb: 255,204,170;

	--color-marron-hex: #661111;
	--color-marron-rgb: 102, 17, 17;

  --font-family-normal: "Roboto", sans-serif;
  --font-family-narrow: "Roboto Condensed", sans-serif;
}

/******************************************** GENERAL ********************************************/

a, a:active, a:hover, a:focus, a:visited { outline: 0; }

h1,h2,h3,h4,h5,h6 { margin: 0px !important; line-height: normal; }

img { line-height: 0px; }

MWP-COMMENT { display:none; }

/******************************************** SAFARI *********************************************/

div#ui-datepicker-div { z-index: 1000 !important; } /* CF7 - input type date */

/******************************************** TEXTOS *********************************************/

.tallergastronomico {font-family: 'Oswald', sans-serif; color: #ffffff; font-size: 30px; line-height: 100%;}
.tallergastronomicoTITLE {font-family: 'Oswald', sans-serif; color: #EA0029; font-size: 64px;  line-height: 100%;}

.pJustify { text-align: justify; }
.pFirstLetter:first-letter { float: left; margin-right: 10px; color: var(--color3-hex); font-size: 74px; font-weight: 600; line-height: 90%; }

.Ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.Narrow   { font-family: var(--font-family-narrow) !important; }

.two-columns   { column-count: 2; column-gap: 60px; column-rule: solid 1px var(--color4-hex); } /* Texto a 2 columnas */
.three-columns { column-count: 3; column-gap: 40px; column-rule: solid 1px var(--color4-hex); } /* Texto a 3 columnas */
.four-columns  { column-count: 4; column-gap: 35px; column-rule: solid 1px var(--color4-hex); } /* Texto a 4 columnas */
.five-columns  { column-count: 5; column-gap: 30px; column-rule: solid 1px var(--color4-hex); } /* Texto a 5 columnas */

@media (max-width: 780px) {
	.two-columns   { column-count: 1; column-gap: 0px; column-rule: none; }
	.three-columns { column-count: 1; column-gap: 0px; column-rule: none; }
	.four-columns  { column-count: 1; column-gap: 0px; column-rule: none; }
	.five-columns  { column-count: 1; column-gap: 0px; column-rule: none; }
}

br300, br400, br500, br600, br700, br800, br900, br1000, br1100, br1200, br1300, br1400, br1500, br1600, br1700, br1800, br1900, br5000 { line-height: inherit; }

 br300:before { content: " "; } @media (max-width:  300px) {  br300:before { content: "\A"; white-space: pre-line; } }
 br400:before { content: " "; } @media (max-width:  400px) {  br400:before { content: "\A"; white-space: pre-line; } }
 br500:before { content: " "; } @media (max-width:  500px) {  br500:before { content: "\A"; white-space: pre-line; } }
 br600:before { content: " "; } @media (max-width:  600px) {  br600:before { content: "\A"; white-space: pre-line; } }
 br700:before { content: " "; } @media (max-width:  700px) {  br700:before { content: "\A"; white-space: pre-line; } }
 br800:before { content: " "; } @media (max-width:  800px) {  br800:before { content: "\A"; white-space: pre-line; } }
 br900:before { content: " "; } @media (max-width:  900px) {  br900:before { content: "\A"; white-space: pre-line; } }
br1000:before { content: " "; } @media (max-width: 1000px) { br1000:before { content: "\A"; white-space: pre-line; } }
br1100:before { content: " "; } @media (max-width: 1100px) { br1100:before { content: "\A"; white-space: pre-line; } }
br1200:before { content: " "; } @media (max-width: 1200px) { br1200:before { content: "\A"; white-space: pre-line; } }
br1300:before { content: " "; } @media (max-width: 1300px) { br1300:before { content: "\A"; white-space: pre-line; } }
br1400:before { content: " "; } @media (max-width: 1400px) { br1400:before { content: "\A"; white-space: pre-line; } }
br1500:before { content: " "; } @media (max-width: 1500px) { br1500:before { content: "\A"; white-space: pre-line; } }
br1600:before { content: " "; } @media (max-width: 1600px) { br1600:before { content: "\A"; white-space: pre-line; } }
br1700:before { content: " "; } @media (max-width: 1700px) { br1700:before { content: "\A"; white-space: pre-line; } }
br1800:before { content: " "; } @media (max-width: 1800px) { br1800:before { content: "\A"; white-space: pre-line; } }
br1900:before { content: " "; } @media (max-width: 1900px) { br1900:before { content: "\A"; white-space: pre-line; } }
br5000:before { content: " "; } @media (max-width: 5000px) { br5000:before { content: "\A"; white-space: pre-line; } }

/***************************************** EFECTOS HOVER *****************************************/

.hoverCursorZoom:hover { cursor: zoom-in; }

.hoverScale11, .hoverScale12, .hoverScale16, .hoverOpacity10, .hoverShadowYellow, hoverShadowOrange, hoverShadowGreen {
	-webkit-transition: all 0.5s ease; transition: all 0.5s ease;
}

.hoverScale11:hover { -webkit-transform: scale(1.2); transform: scale(1.1); }
.hoverScale12:hover { -webkit-transform: scale(1.2); transform: scale(1.2); }
.hoverScale16:hover { -webkit-transform: scale(1.6); transform: scale(1.6); }

.hoverShadowYellow:hover {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(253,240,26,1);
	-moz-box-shadow:    0px 0px 10px 0px rgba(253,240,26,1);
	box-shadow:         0px 0px 10px 0px rgba(253,240,26,1);
}

.hoverShadowOrange:hover {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(244,126,60,1);
	-moz-box-shadow:    0px 0px 10px 0px rgba(244,126,60,1);
	box-shadow:         0px 0px 10px 0px rgba(244,126,60,1);
}

.hoverShadowGreen:hover {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,102,85,1);
	-moz-box-shadow:    0px 0px 10px 0px rgba(0,102,85,1);
	box-shadow:         0px 0px 10px 0px rgba(0,102,85,1);
}

.hoverShadowRed:hover {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(255,0,0,1);
	-moz-box-shadow:    0px 0px 10px 0px rgba(255,0,0,1);
	box-shadow:         0px 0px 10px 0px rgba(255,0,0,1);
}

.hoverOpacity10:hover  { opacity: 1 !important; }

/****************************************** SEPARADORES ******************************************/

.divSeparadorV10 { clear: both; width: 100%; height: 10px; }
.divSeparadorV15 { clear: both; width: 100%; height: 15px; }
.divSeparadorV20 { clear: both; width: 100%; height: 20px; }
.divSeparadorV30 { clear: both; width: 100%; height: 30px; }
.divSeparadorV40 { clear: both; width: 100%; height: 40px; }

.divSeparadorH10 { width: 10px; }
.divSeparadorH15 { width: 15px; }
.divSeparadorH20 { width: 20px; }
.divSeparadorH30 { width: 30px; }
.divSeparadorH40 { width: 40px; }

/******************************************** LIGHTBOX *******************************************/

#cboxTopLeft      { background-image: url("images/lightbox-plus-elegant-images/controls.png") !important; }
#cboxTopCenter    { background-image: url("images/lightbox-plus-elegant-images/border.png"  ) !important; }
#cboxTopRight     { background-image: url("images/lightbox-plus-elegant-images/controls.png") !important; }
#cboxMiddleLeft   { background-image: url("images/lightbox-plus-elegant-images/controls.png") !important; }
#cboxMiddleRight  { background-image: url("images/lightbox-plus-elegant-images/controls.png") !important; }
#cboxBottomLeft   { background-image: url("images/lightbox-plus-elegant-images/controls.png") !important; }
#cboxBottomCenter { background-image: url("images/lightbox-plus-elegant-images/border.png"  ) !important; }
#cboxBottomRight  { background-image: url("images/lightbox-plus-elegant-images/controls.png") !important; }
#cboxClose        { background-image: url("images/lightbox-plus-elegant-images/controls.png") !important; }
#cboxContent      { background-color: #EE0022 !important; }