/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles below 
*/


/* set the base font size to 16px | 1rem*/
html {
	font-size:16px;
}

h1,h2,h3,h4,h5,h6{
	text-wrap: balance;
}

/* add margin between paragraphs */
p + p {
    margin-top: 1rem !important;
}


/* simply use this class to hide something */
.displayNone{
	display:none !important;
}


/* Atélia Blockquote Style */

blockquote {
  margin: 2rem 0;
  padding: 1.5rem 2rem 1.5rem 2rem;
  background: #fff;
  border-left: 4px solid #5F736A;
	font-style: italic;
	border-radius: 4px;
}






/* =========================================================
   Atelia refined text selection
   Dark green, soft and elegant
   ========================================================= */

*::selection{
  background-color: rgba(1, 50, 32, 0.5); /* dark green, pastel */
  color: #FFFFFF;
}

*::-moz-selection{
  background-color: rgba(1, 50, 32, 0.5);
  color: #FFFFFF;
}

/* Inputs and textareas */
input::selection,
textarea::selection{
  background-color: rgba(1, 50, 32, 0.5);
  color: #FFFFFF;
}

input::-moz-selection,
textarea::-moz-selection{
  background-color: rgba(1, 50, 32, 0.5);
  color: #FFFFFF;
}




/* =========================================================
   Atelia scrollbar
   Dark track with white slider
   ========================================================= */

/* Firefox */
*{
  scrollbar-color: #FFFFFF #1c1c1c;
}

/* WebKit browsers */
::-webkit-scrollbar{
  background-color: #1c1c1c;
}

::-webkit-scrollbar-track{
  background-color: #1c1c1c;
}

::-webkit-scrollbar-corner{
  background-color: #1c1c1c;
}

::-webkit-scrollbar-thumb{
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover{
  background-color: rgba(255, 255, 255, 0.95);
}











/* default state */
selector .productContainer .wishlistButton {
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
}

/* show on hover of the container */
selector .productContainer:hover .wishlistButton {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}