/*
Theme Name:   Forklein Hello elementor child
Theme URI:    https://www.linkedin.com/in/giuseppe-pisani93/
Description:  Forklein Hello elementor child
Author:       Giuseppe Pisani
Author URI:   https://www.linkedin.com/in/giuseppe-pisani93/
Template:     hello-elementor
Version:      3.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

:root {
  --black: #000;
  --blue: #62B5DD;
  --white: #FFF;
  --purple: #6249CE;
  --navbar: 0px;

  /* ALERT */
  --feed-red: #F32F1D;
  --feed-blue: #0D6EFD;
  --feed-green: #146C43;
  --feed-orange: #EEAD1f;
}

/* *****UTILITIES***** */

html,
body {
  font-size: 19px;
  scroll-behavior: smooth;
  font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
}

.cmplz-cookiebanner{
  width: fit-content !important;
}

#cmplz-manage-consent{
  display: none !important;
}

.swal-modal{
  color: var(--black);
}

.error404 #content{
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  height: calc(90vh - var(--navbar));
  color: var(--white);
}

#cmplz-document{
  color: var(--white);
}

a {
  text-decoration: none;
  color: inherit;
}

a:hover {
  color: inherit;
}

ul,
ol {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

/* .main-content {
  padding-top: var(--navbar);
} */

#site-header .active-menu a {
  border-bottom: 2px solid var(--black);
}

.lang-active {
  text-decoration: underline;
}

#whatsapp {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  z-index: 1050;
  cursor: pointer;
}

.cursor-pointer{
  cursor: pointer;
}

.resizer {
  margin: 0 auto;
  width: 100%;
}

.imgContainer {
  position: relative;
  width: 100%;
  height: 0;
}

.imgContainer img {
  position: absolute;
  display: block;
  object-fit: cover;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.navbar-brand img{
  width: auto;
  height: 2rem;
}

/* *****TITOLAZIONI***** */

.titleLev1 {
  font-size: 4.25rem;
}

.titleLev2 {
  font-size: 3.5rem;
}

.titleLev3 {
  font-size: 2.75rem;
}

.titleLev4 {
  font-size: 2rem;
}

.titleLev5 {
  font-size: 1.55rem;
}

.titleLev6 {
  font-size: 1.1rem;
}

.small, small{
  font-size: .65rem !important;
}

.reset-margin p{
  margin: 0;
}

/* *****COLORS***** */

.colorBlack,
.hoverColorBlack:hover {
  color: var(--black);
}

.bgColorBlack,
.hoverBgColorBlack:hover {
  background-color: var(--black);
}

.colorWhite,
.hoverColorWhite:hover {
  color: var(--white);
}

.bgColorWhite,
.hoverBgColorWhite:hover {
  background-color: var(--white);
}

.colorBlue,
.hoverColorBlue:hover {
  color: var(--blue);
}

.bgColorBlue,
.hoverBgColorBlue:hover {
  background-color: var(--blue);
}

/* *****FEED COLORS***** */

.colorFeedRed {
  color: var(--feed-red) !important;
}

.colorFeedBlue {
  color: var(--feed-blue) !important;
}

.colorFeedGreen {
  color: var(--feed-green) !important;
}

/* *****HEADER***** */

#site-header button {
  background-color: unset;
  border: unset;
  color: unset;
}

/* #site-header{
  top: var(--navbar);
} */

.navbar-toggler:focus {
  box-shadow: unset;
}

.navbar-toggler-icon {
  width: 1em;
  height: 1em;
}

#site-header .menu-item {
  position: relative;
}

#site-header .menu-item:not(.active-menu) a::before {
  content: '';
  position: absolute;
  bottom: 3px;
  left: 0;
  width: 100%;
  border-bottom: 2px solid var(--black);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease-in-out;
}

#site-header .menu-item:hover:not(.active-menu) a::before {
  transform: scaleX(1);
  transform-origin: right;
  transition-delay: 0.1s;
}

/* *****FOOTER***** */

#site-footer .privacyContentBlock,
#form-contatti .privacyContentBlock {
  font-size: .752rem;
}

/* *****NEWSLETTER CHECKBOXES***** */

.customCheckbox input[type=checkbox]+label>.fakeCheck::after,
.customCheckbox input[type=checkbox]+label>.fakeCheck::after {
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: var(--purple);
  cursor: pointer;
  -webkit-transition: all .3s cubic-bezier(.3, .81, .67, 2.5);
  -moz-transition: all .3s cubic-bezier(.3, .81, .67, 2.5);
  -o-transition: all .3s cubic-bezier(.3, .81, .67, 2.5);
  transition: all .3s cubic-bezier(.3, .81, .67, 2.5);
}

.customCheckbox input[type=checkbox]+label,
.customCheckbox input[type=checkbox]+label {
  padding-left: 1.4em;
  position: relative;
  cursor: pointer;
}

.customCheckbox input[type=checkbox]+label>.fakeCheck,
.customCheckbox input[type=checkbox]+label>.fakeCheck {
  display: block;
  position: absolute;
  font-size: calc(1em - 4px);
  margin-left: 2px;
  height: 1em;
  width: 1em;
  left: 0;
  top: 0.2em;
  cursor: pointer;
  outline: 1px solid var(--white);
  padding: 2px;
  border-radius: 1px;
}

.customCheckbox input[type=checkbox]:not(:checked)+label:hover>.fakeCheck,
.customCheckbox input[type=checkbox]:not(:checked)+label>.fakeCheck:hover {
  outline-color: var(--purple);
}

.customCheckbox input[type=checkbox]:checked+label>.fakeCheck {
  outline-color: var(--purple);
}

.customCheckbox input[type=checkbox]:checked+label>.fakeCheck::after {
  height: .3rem;
  width: .3rem;
}

input[type=email] {
  background-color: unset;
  border: unset;
  color: var(--white);
}

.input-newsletter {
  border-bottom: 1px solid var(--white);
}

input[type=email]:focus-visible {
  outline: none;
}

::placeholder {
  color: var(--white);
  font-size: .85rem;
}

#form-contatti input:focus-visible,
#form-contatti textarea:focus-visible{
  outline: none;
}

#form-contatti label{
  font-weight: 600;
}

#form-contatti .privacyContentBlock label{
  font-weight: 400;
}

#form-contatti input,
#form-contatti textarea{
  background-color: transparent;
  border: unset;
  margin-top: .5rem;
  color: var(--white);
}

#form-contatti .field input,
#form-contatti textarea{
  border-bottom: 1px solid var(--purple);
  border-radius: 0;
}

/* *****JQUERY***** */

.jconfirm-content {
  margin-top: .3rem;
  padding-bottom: 1rem;
}

.jconfirm .jconfirm-box {
  border-radius: 20px !important;
}

.jconfirm .jconfirm-box.jconfirm-type-red {
  border: 5px solid var(--feed-red);
}

.jconfirm .jconfirm-box.jconfirm-type-blue {
  border: 5px solid var(--feed-blue);
}

.jconfirm .jconfirm-box.jconfirm-type-orange {
  border: 5px solid var(--feed-orange);
}

.jconfirm .jconfirm-box.jconfirm-type-green {
  border: 5px solid var(--feed-green);
}

.jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-buttons {
  display: none;
}


/* *****MEDIA QUERY***** */

@media (min-width: 1200px) {
  #site-header .menu li {
    margin-right: .75rem;
  }
}

@media (max-width: 1200px) {

  html,
  body {
    font-size: 18px;
  }

  #site-header .menu li {
    margin-bottom: .75rem;
  }

  #site-header .menu {
    text-align: center;
  }
}