/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 4.4.4.1587988927
Updated: 2020-04-27 12:02:07

*/

/* -------- Header border ---------- */

#main-header {
	border-bottom: 3px solid #e03574;
}

/* -------- Google Map - Index ---------- */

.index-map .wpgmp_tabs_container {
    right: 8px !important;
    top: -17px !important;
    border: 1px solid #e03574 !important;
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}

/* -------- DiviGrid - no result text centered ---------- */

.dp-dfg-no-results {
    text-align: center;
}

.dp-dfg-skin-default .dp-dfg-filter, .dp-dfg-skin-default .pagination li {
    margin-top: 5px !important;
}

/* -------- Rebote icono  desplazamiento INDEX ---- */

.et_pb_fullwidth_header .et-pb-icon.scroll-down {
	animation: fullwidth-header-bounce 2.2s ease-out infinite;
}
@keyframes fullwidth-header-bounce {
	0% {transform:translateY(0%);}
	12.5% {transform:translateY(20%);}
	25% {transform:translateY(0%);}
	37.5% {transform:translateY(20%);}
	50% {transform:translateY(0%);}
}

/* ----------- FOOTER ENLACES ------------ */



.footer-info a {
	color: #e03574 !important;
	font-weight: bold;	
	border-bottom: 0px !important;
}

.footer-info a:hover {
	opacity: 1!important;
	color: #2cba6c !important;
	border-bottom: 1px solid #2cba6c !important;
}



/* ----------- HEADER ENLACES ------------ */


.header-info a {
	color: #e03574 !important;
	font-weight: bold;	
}

.header-info a:hover {
	opacity: 1!important;
	color: #2cba6c !important;
}

.header-info a:active {
	opacity: 1!important;
	color: #e03574 !important;
	border-bottom: 2px solid #e03574 !important;
}


/* ----------- ENLACES ARTICULOS / TEXTO EN WEB ------------ */

.text_links a {
	color: #e03574;
	font-weight:bold;
	border-bottom: 0px !important;
	
}

.text_links a:hover {
	opacity: 1!important;
	cursor: pointer !important;
	border-bottom: 1px solid #2cba6c !important;
	color: #2cba6c !important;
}

/*---------------Vertically Center Column Elements---------------*/
 
.column-center .et_pb_equal_columns >.et_pb_column {
margin-top:auto;
margin-bottom:auto;
}

/*----------Custom Back To Top Button----------*/
 
.et_pb_scroll_top.et-visible {
    opacity: 1;
    -webkit-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
    -moz-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
    -o-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
    animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
}

.et_pb_scroll_top.et-hidden {
    opacity: 0;
    -webkit-animation: fadeOutBottom 1s 1 cubic-bezier(.77,0,.175,1);
    -moz-animation: fadeOutBottom 1s 1 cubic-bezier(.77,0,.175,1);
    -o-animation: fadeOutBottom 1s 1 cubic-bezier(.77,0,.175,1);
    animation: fadeOutBottom 1s 1 cubic-bezier(.77,0,.175,1);
}
 
.et_pb_scroll_top.et-pb-icon {
    right: 15px;
    bottom: 15px;
    border-radius: 25px;
    background: #e03574;
    padding: 7px;
	border: 3px solid #2cba6c;
	color: #fff;
}
 
 
.et_pb_scroll_top.et-pb-icon:hover {
    background: #2cba6c;
	border: 3px solid #e03574;
	color: #fff !important;
}
 
.et_pb_scroll_top:before {
    content: "\36";
}


/* --------------------- INDEX - HERO - typewriter effect -------------------- */

/* style the typewriter text specifically if you want */
.typewriter_text {
  color: #e03574;
}
/* Style the blinking cursor after the text */
.typewriter_text:after {
  content: "|";
  display: inline-block;
  color: #2cda6c;
  -webkit-animation: 1s blink step-end infinite;
  -moz-animation: 1s blink step-end infinite;
  -ms-animation: 1s blink step-end infinite;
  -o-animation: 1s blink step-end infinite;
  animation: 1s blink step-end infinite;
}
/* Define the blink animation that runs */
@keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: #2cda6c;
  }
}
@-moz-keyframes blink {
  from, to {
    color: transparent;
  }
  50% {
    color: #2cda6c;
  }
}
@-webkit-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: #2cda6c;
  }
}
@-ms-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: #2cda6c;
  }
}
@-o-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: #2cda6c;
  }
}


/* ------------------- Bloque fondo Colores ------------------ */

.highlight-text-verde {
	font-weight: bold;
	font-size: 24px;
    text-decoration: none;
    box-shadow: inset 0 -0.5em 0 #2cda6c;
    color: #e03574;
}

/* ---------------- Preloader ------------------- */

/* PRELOADER */ 
.preloader {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: #fefefe;
   z-index: 100000;
   height: 100%;
   width: 100%;
   overflow: hidden !important;
}
.preloader .status {
   width: 100px;
   height: 100px;
   position: absolute;
   left: 50%;
   top: 50%;
   background-image: url(https://feitonotemple.es/wp-content/uploads/2020/04/Spin-1s-200px.gif);
   background-repeat: no-repeat;
   background-position: center;
   -webkit-background-size: cover;
   background-size: cover;
   margin: -50px 0 0 -50px;
}


/* ------------------------- CARTA QR - DEBAO ---------------------------- */

.tinto {
 	padding: 4px;
	background-color: #fff;
	font-weight: 800;
	font-size: 25px;
	color: #ce0505;
	border-radius: 3px;
	margin-left: 10px !important;
	line-height: 1.1em;
}

@media only screen and (max-width: 479px) {
    .tinto {
   line-height: 1.9em !important;
 }
}

.blanco {
   	padding: 4px;
	background-color: #28aa0d;
	font-weight: 800;
	font-size: 25px;
	color: #fff;
	border-radius: 3px;
	margin-left: 10px !important;
	line-height: 1.1em;
}

@media only screen and (max-width: 479px) {
    .blanco {
   line-height: 1.9em !important;
 }
}

.racion {
   	padding: 3px;
	background-color: #d32a00;
	font-weight: 800;
	font-size: 14px;
	color: #fff;
	border-radius: 3px;
	margin-left: 2px !important;
}

@media only screen and (max-width: 479px) {
    .racion {
   line-height: 1.7em !important;
 }
}

.copa {
   	padding: 3px;
	background-color: #ce0505;
	font-weight: 800;
	font-size: 14px;
	color: #fff;
	border-radius: 3px;
	margin-left: 2px !important;
}

.barril {
   	padding: 3px;
	background-color: #ffc200;
	font-weight: 800;
	font-size: 14px;
	color: #fff;
	border-radius: 3px;
	margin-left: 2px !important;
}

.coffee {
   	padding: 3px;
	background-color: #c19a6b;
	font-weight: 800;
	font-size: 14px;
	color: #fff;
	border-radius: 3px;
	margin-left: 2px !important;
}

.botella {
   	padding: 2px;
	background-color: #002d4c;
	font-weight: 800;
	font-size: 12px;
	color: #fff;
	border-radius: 3px;
	margin-left: 2px !important;
}

@media only screen and (max-width: 479px) {
    .botella {
   line-height: 2.0em !important;
 }
}

@media only screen and (max-width: 980px) {
    .drinks-columns .et_pb_column {
    width: 29%!important;
 }
}
 
@media only screen and (max-width: 479px) {
    .drinks-columns .et_pb_column {
    width: 50%!important;
 }
}


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