/**
Theme Name: Neotropico_Astra
Author: Guillermo Rodríguez Pardo
Author URI: https://vrock.es
Description: Tema hijo de AstraPro editado para el uso de Neotropico
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: neotropico_astra
Template: astra
*/

:root {
  --separador-cortado-nivel-0-color: #2F6FB2; /* var(--separador-cortado-nivel-0-color) */
  --separador-cortado-nivel-1-color: #436C85; /* var(--separador-cortado-nivel-1-color) */

  --contenido-color-fondo: #465265; /* var(--contenido-color-fondo) */
}

/*----------------------------------------------------------------*/
/*
 * Definiendo sombras y estilos para el logo de cabecera - Inicio
 */ 
div#ast-desktop-header >
div >
div >
div >
div >
div >
div >
div >
span >
a >
img.custom-logo,
div#ast-mobile-header > 
div >
div >
div >
div >
div >
div >
span >
a >
img.custom-logo{
	filter: drop-shadow(2px 5px 10px rgba(0, 0, 0, 0.7));
}

div#ast-desktop-header >
div >
div >
div >
div >
div >
div >
div >
span,
div#ast-mobile-header > 
div >
div >
div >
div >
div >
div >
span {
	z-index:20;
}

/* Definiendo sombras y estilos para el logo de cabecera - Fin */
/*----------------------------------------------------------------*/

/*----------------------------------------------------------------*/
/*
 * Definiendo el separador del nivel 0 de la cabecera - Inicio
 *   div.ast-above-header-bar.ast-above-header.site-header-focus-item
 */

div.ast-above-header-wrap {
	filter: drop-shadow(0px 5px 10px rgba(0,0,0,0.5)) !important;
	z-index:10;
}

div.ast-above-header-wrap::before {
	z-index:9;
	position: absolute;
   display: block;
   content: "";
   overflow:visible;
   pointer-events: none;
   border-color:transparent;
   top: calc(100% - 1px);
   left: 0px;
   width: 100%;
   height: 50px;
	background-color: var(--separador-cortado-nivel-0-color); /*#2F6FB2;*/
   clip-path: polygon(100% 0, 100% 100%, 79% 60%, 54% 68%, 36% 40%, 11% 44%, 0 17%, 0 0);
}


/* Definiendo el separador del nivel 0 de la cabecera - Fin */
/*----------------------------------------------------------------*/


/*----------------------------------------------------------------*/
/* 
 * Definiendo el separador del nivel 1 de la cabecera - Inicio
 *
 */

div.ast-main-header-wrap.main-header-bar-wrap
{
   filter: drop-shadow(0px 5px 10px rgba(0,0,0,0.5)) !important;
   z-index: -10 !important;
}

div.ast-main-header-wrap.main-header-bar-wrap::before 
{
   position: absolute;
   display: block;
   content: "";
   overflow:visible;
   pointer-events: none;
   border-color:transparent;
   z-index:0;
	top: calc(100% - 1px);
   left: 0px;
   width: 100%;
   height: 50px;
	background-color: var(--separador-cortado-nivel-1-color); /*#436C85;*/
   clip-path:  polygon(100% 0, 100% 100%, 79% 60%, 54% 68%, 36% 40%, 11% 44%, 0 17%, 0 0);
}


/* Compensar el margen inferior de la cabecera según el tipo de dispositivo */
 
/* --- Tamaño móvil*/
@media (max-width: 991px) 
{
	header.site-header 
	{
		margin-bottom:100px ;
	}
}


/* --- Tamaño escritorio */
@media (min-width: 991px)
{
	header.site-header 
	{
		margin-bottom:50px;
	}
}

@media (min-width: 991px)
	and (max-width: 1200px)
{
	header.site-header 
	{
		margin-bottom:100px !important;
	}
}

/* Definiendo el separador del nivel 1 de la cabecera - Fin */
/*----------------------------------------------------------------*/


/*----------------------------------------------------------------*/
/*
 * Definiendo el separador del nivel 0 del pié de página - Inicio
 *
 *   div.site-below-footer-wrap.ast-builder-grid-row-container
 */

div.site-below-footer-wrap {
   filter: drop-shadow(0px -5px 10px rgba(0,0,0,0.5)) !important;
   z-index:10;
}

div.site-below-footer-wrap::after {
   border-color:transparent;
   overflow:visible;
   z-index:10;
   display: block;
   pointer-events: none;   
   background-color: var(--separador-cortado-nivel-0-color); /*#2F6FB2;*/    
   content: "";
   position: absolute;
   top: -49px;
   left: 0px;
   width: 100%;
   height: 50px;
   clip-path: polygon(37% 41%, 63% 49%, 84% 46%, 100% 81%, 100% 100%, 0 100%, 0 0, 9% 27%, 23% 18%);
}


/* Definiendo el separador del nivel 0 del pié de página - Fin */
/*----------------------------------------------------------------*/


/*----------------------------------------------------------------*/
/*
 * Definiendo el separador del nivel 1 del pié de página - Inicio
 *
 *    div.site-primary-footer-wrap.ast-builder-grid-row-container {}
 */

div.site-primary-footer-wrap{
   z-index: -10 !important;
   filter: drop-shadow(0px -5px 10px rgba(0,0,0,0.5)) !important;
}


div.site-primary-footer-wrap::after {
   border-color:transparent;
   overflow:visible;
   z-index:-10;
   display: block;
   pointer-events: none;   
   background-color: var(--separador-cortado-nivel-1-color); /*#436C85;*/    
   content: "";
   position: absolute;
   top: -49px;
   left: 0px;
   width: 100%;
   height: 50px;
   clip-path: polygon(37% 41%, 63% 49%, 84% 46%, 100% 81%, 100% 100%, 0 100%, 0 0, 9% 27%, 23% 18%);
}

/* Definiendo el separador del nivel 1 del pié de página - Fin */
/*----------------------------------------------------------------*/

/*----------------------------------------------------------------*/
/*
 * Definiendo el separador del nivel 2 del pié de página - Inicio
 *
 *    
 */

div.site-above-footer-wrap {
   z-index: -20 !important;
   filter: drop-shadow(0px 0px 0px rgba(0,0,0,0)) !important;
   padding-top: 65px;
   padding-bottom: 30px;
}

div.site-above-footer-wrap::after {
   filter: drop-shadow(0px 5px 10px rgba(0,0,0,0.5)) !important;
   border-color:transparent;
   overflow:visible;
   z-index:-20;
   display: block;
   pointer-events: none;   
   background-color: var(--contenido-color-fondo);   
   content: "";
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 50px;
   clip-path:  polygon(100% 0, 100% 100%, 79% 60%, 54% 68%, 36% 40%, 11% 44%, 0 17%, 0 0);
}

/* Definiendo el separador del nivel 2 del pié de página - Fin */
/*----------------------------------------------------------------*/