/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team & Nicolas Bousquet x Unaniime.Studio
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
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
*/

html {
    font-size: 14px !important;
    overflow-x : clip; 
}

:root {
    --main-color: 0, 0, 0;
    --grey-color: 50, 50, 50;
    --light-color: 247, 247, 247;
	--blue-color: 41, 66, 73;
}

::selection {
    color: rgba(var(--main-color),1);
    background-color: rgba(var(--grey-color),.3);
}

a{
	outline: none;
	color: rgba(var(--main-color),1);
	text-decoration: none !important;
	padding-bottom: 2px;
	border-bottom: 1px solid rgba(var(--main-color),1);
}

a:hover{
	color: rgba(var(--grey-color),.7);
	border-bottom: 1px solid transparent;
}

a.link-w{
	outline: none;
	color: rgba(var(--light-color),1);
	text-decoration: none !important;
	padding-bottom: 2px;
	border-bottom: 1px solid rgba(var(--light-color),1);
}

a.link-w:hover{
	color: rgba(var(--light-color),.3);
	border-bottom: 1px solid transparent;
}

.menu a, .no-link a{
	padding-bottom: 2px;
	border-bottom: 1px solid transparent;
}

.menu a:hover, .no-link a:hover{
	color: rgba(var(--grey-color),.7);
	border-bottom: 1px solid transparent;
}

.link-arrow a{
  position: relative;
  display: inline-block;
  text-decoration: none;
  border-bottom: 1px solid rgba(var(--main-color),1);
  color: rgba(var(--main-color),1);
  transition: color 0.3s ease;
}

.link-arrow-w a{
  position: relative;
  display: inline-block;
  text-decoration: none;
  border-bottom: 1px solid rgba(var(--light-color),1);
  color: rgba(var(--light-color),1);
  transition: color 0.3s ease;
}

.link-arrow a::after, .link-arrow-w a::after{
  content: '→';
  display: inline-block;
  margin-left: 12px;
  transition: transform 0.3s ease;
}

.link-arrow a:hover, .link-arrow-w a:hover {
  color: rgba(var(--grey-color),.7);
  border-bottom: 1px solid rgba(var(--grey-color),.1);
}

.link-arrow a:hover::after, .link-arrow-w a:hover::after{
  transform: translateX(6px);
}

.menu:hover .rotation {
  transition: transform 0.3s ease;
  transform: rotate(45deg) translateX(8px);
}

.tag .e-filter-item[aria-pressed=true]{
	background-color: rgba(var(--main-color),1);
	color: rgba(var(--light-color),1) !important;
}

.tag .e-filter-item{
	font-size: 0.8rem;
	padding: 6px 12px;
	border: 1px solid rgba(var(--main-color),1);
	border-radius: 48px;
	background-color: rgba(var(--light-color),0);
	color: rgba(var(--main-color),1);
}

.tag .e-filter-item:hover, .tag .e-filter-item[aria-pressed=true]:hover{
	background-color: rgba(var(--grey-color),0.35);
	color: rgba(var(--light-color),1) !important;
}


@media only screen and (min-width: 720px) {
    html {
         font-size: 16px !important;
    }
}

@media only screen and (min-width: 960px) {
    html {
         font-size: 17px !important;
    }
}

@media only screen and (min-width: 1240px) {
    html {
         font-size: 18px !important;
    }
    
}

@media (max-width: 1024px) {

}