/*
Theme Name: NutriLinda
Theme URI: https://nutrilinda.com.br/
Author: Clever Innov
Author URI: http://cleverinnov.com/
Description: Your description goes here
Version: 1.0
Template: generatepress
============================= 
   Table of contents
	01. Global
    02. Typography
    03. Custom
    04. Icon
    05. Button
    06. Width and height
    07. Background
    08. Video
    02. Header
    03. Footer
    11. Pages
    12. Popup
    13. Swiper carousel
    14. Grid
    15. Portfolio
    16. Blog
    17. WooCommerce
    18. Elements
    19. Others
*/
/* ============================= 
    01. Global
============================= */
::selection {
	background: #242424;
	color: #fff;
}
::-moz-selection {
	background: #00223a;
	color: #fff;
}
/* width */
::-webkit-scrollbar {
	width: 6px !important;
}
/* Track */
::-webkit-scrollbar-track {
	background: #f1f1f1;
}
/* Handle */
::-webkit-scrollbar-thumb {
	background: #29535E;
	border-radius: 4px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #29535E;
}
a:visited {
	color: #ffffff;
}
a:hover {
	color: #ff214f;
}
html {
  scroll-behavior: auto !important;
}
body {
  overflow: hidden;
}
html, body {
  margin: 0;
  padding: 0;
  overflow-x: hidden !important;
}
.header-sticky {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
  transition: background-color .25s ease, box-shadow .25s ease;
  overflow: hidden;
}
.header-sticky > .e-con-inner {
  transition:
    transform .25s cubic-bezier(.4,0,.2,1),
    clip-path .25s cubic-bezier(.4,0,.2,1);
  will-change: transform, clip-path;
}
.elementor-sticky--effects.header-sticky {
  background-color: #fff;
  box-shadow: 0 4px 20px -4px hsl(20 15% 20% / .08);
}
.elementor-sticky--effects.header-sticky > .e-con-inner {
  clip-path: inset(10% 0 10% 0);
  transform: translateY(-4px);
}




.elementor-sticky--effects.header-sticky .nav-main-menu li a {
   color: #133941 !important;
}
/* ============================= 
    01. Home
============================= */
.hero-wrap {
	position: relative;
	overflow: hidden;
}
.hero-wrap::before {
	background-color: transparent;
	--background-overlay: '';
	background: radial-gradient(48.33% 39.41% at 74.75% 53.85%, rgba(245, 225, 234, 0) 0%, #F5E1EA 100%);
}
.hero-wrap::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -10;
	pointer-events: none;
	opacity: 0.9;
	background: linear-gradient(90deg, #0B1E22 6.19%, #F1F1F1 18.78%, rgba(245, 225, 234, 0) 96.88%);
}
/* Scroll Indicator Line */
.scroll_indicator-line {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 1;
}
.scroll_line-text {
  font-size: .688rem;
  font-family: Montserrat,sans-serif;
  font-weight: 600;
  letter-spacing: .125rem;
  text-transform: uppercase;
  color: rgba(206, 126, 152, 0.8);
  margin-bottom: 10px;
  writing-mode: vertical-rl;
  text-orientation: mixed;
}
.scroll_line {
  width: 2px;
  height: 50px;
  background: rgba(206, 126, 152, 0.3);
  position: relative;
  overflow: hidden;
}
.scroll_line::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 30px;
  background: rgba(206, 126, 152, 0.8);
  animation: lineScroll 2s infinite;
}
@keyframes lineScroll {
  0% {
      transform: translateY(-30px);
      opacity: 0;
  }
  50% {
      opacity: 1;
  }
  100% {
      transform: translateY(60px);
      opacity: 0;
  }
}