/**
Theme Name: Boqueron Cerámica
Author: Rubén Bados
Author URI: https://www.rubenbados.com
Description: Tema creado para Boqueron Cerámica basado en el tema Astra
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: boqueron-ceramica
Template: astra
*/

header.sticky-header {
	--header-height: 100px;
	--shrink-header-to: 0.7;
	--transition: .45s cubic-bezier(.4, 0, .2, 1);
	transition: background-color var(--transition),
				backdrop-filter var(--transition),
				box-shadow var(--transition);
}

/***
* Sticky header
*/
header.sticky-header.elementor-sticky--effects a,
header.sticky-header.elementor-sticky--effects .iconos_menu i,
header.sticky-header.elementor-sticky--effects a span
{
	color:#000000 !important;
}
header.sticky-header.elementor-sticky--effects {
	/*background-color: transparent !important;*/
	background-color: rgba(255, 255, 255, 0) !important;
}

header.sticky-header {
	min-height: var(--header-height);
	transition: min-height var(--transition);
}
header.sticky-header.elementor-sticky--effects {
	/*min-height: calc( var(--header-height) * var(--shrink-header-to) );*/
}
header.sticky-header.elementor-sticky--effects .e-con {
	height: calc( var(--header-height) * var(--shrink-header-to) ) !important;
}
header.sticky-header .logo img {
	transition: transform var(--transition);
}
header.sticky-header.elementor-sticky--effects .logo img {
	transform: scale(1);
}
.circle_border {
    position: relative;
}
.circle_border::before {
    content: "";
    display: flex;
    width: 20px;
    height: 20px;
    background-image: url('../../svg/borde_before.svg');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -20px;
    left: 0;
	fill: white
}
.circle_border::after {
    content: "";
    display: flex;
    width: 20px;
    height: 20px;
    background-image: url('../../svg/borde_after.svg');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: -20px;
    bottom: 0;
	fill: white
}
#botonera a:hover {
	font-size:20px !important;
}
@media only screen and (max-width: 767px) {
	#botonera a:hover {
		font-size:22px !important;
	}
}

#video-section {
  height: 80vh; /* altura inicial */
  transition: all 0.4s ease;
  transform-origin: center center;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

#video-section.fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 9999;
  background: black;
  transition: all 0.4s ease;
}

body.stop-scroll {
  overflow: hidden;
}
/* Header normal */
/*
.header-sticky {
    background-color: transparent;
    transition: background-color 0.3s ease;
}

.header-sticky.elementor-sticky--effects {
    background-color: #ffffff;
}
*/
.header-white .elementor-sticky {
  background-color: #ffffff;
}