/*
 Theme Name:   Radici Connesse
 Theme URI:    https://www.mindit.digital
 Description:  Radici Connesse
 Author:       Francesco D'Aquino
 Author URI:   https://mindit.digital/
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  radiciconnesse
*/


/* =========================================================
FONTS
========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;600&display=swap');



/* =========================================================
ROOT
========================================================= */

:root{

  --rc-bordeaux: #793135;
  --rc-terracotta: #C44B3B;
  --rc-sand: #EDE4DA;
  --rc-white: #FFFFFF;
  --rc-dark: #2B1D1D;
  --rc-font-title: 'Bebas Neue', sans-serif;
 --rc-font-text: 'Inter', sans-serif;

}



/* =========================================================
BASE
========================================================= */

html{
  scroll-behavior: smooth;
}

body{
  font-family: var(--rc-font-text) !important;
  color: var(--rc-dark);
  background: var(--rc-white);
  font-size: 16px;
  line-height: 1.7;
  letter-spacing: 0;
  overflow-x: hidden;
}

body,
.elementor-widget-text-editor,
.elementor-widget-text-editor p,
p{
  font-family: var(--rc-font-text) !important;
  color: var(--rc-dark);
  font-size: 16px;
  line-height: 1.7;
  letter-spacing: 0;
}



/* =========================================================
PARAGRAFI
========================================================= */

p{
  margin: 0 0 1.2em;
}



/* =========================================================
TITOLI
========================================================= */

h1,
h2,
h3,
h4,
h5,
h6,
.elementor-heading-title{

  font-family: var(--rc-font-title) !important;

  color: var(--rc-bordeaux);

  font-weight: 400 !important;

  line-height: .92;

  letter-spacing: -.02em;

  margin: 0;
}



/* =========================================================
LINK
========================================================= */

a,
.elementor a{
  color: var(--rc-terracotta);
  transition: all .25s ease;
  text-decoration: none;
}

a:hover,
.elementor a:hover{
  color: var(--rc-bordeaux);
}



/* =========================================================
BUTTONS
========================================================= */

.elementor-button,
.elementor-button:visited,
.elementor-widget-button .elementor-button{

  font-family: var(--rc-font-title) !important;

  background-color: var(--rc-terracotta) !important;

  color: var(--rc-white) !important;

  border: 2px solid var(--rc-terracotta) !important;

  border-radius: 999px !important;

  padding: 14px 28px !important;

  font-size: 18px !important;

  line-height: 1 !important;

  letter-spacing: .04em !important;

  text-transform: uppercase;

  transition:
    background .25s ease,
    border-color .25s ease,
    transform .25s ease;
}

.elementor-button:hover,
.elementor-widget-button .elementor-button:hover{

  background-color: var(--rc-bordeaux) !important;

  border-color: var(--rc-bordeaux) !important;

  color: var(--rc-white) !important;

  transform: translateY(-2px);
}

.elementor-button-text{
  font-family: var(--rc-font-title) !important;
}



/* =========================================================
MENU
========================================================= */

.elementor-nav-menu a,
.elementor-nav-menu .elementor-item{

  font-family: var(--rc-font-title) !important;

  color: var(--rc-bordeaux) !important;

  font-size: 18px;

  line-height: 1;

  letter-spacing: .04em;

  text-transform: uppercase;
}

.elementor-nav-menu a:hover,
.elementor-nav-menu .elementor-item:hover,
.elementor-nav-menu .elementor-item-active{

  color: var(--rc-terracotta) !important;
}



/* =========================================================
HEADER
========================================================= */

.elementor-location-header{
  background-color: var(--rc-white);
}



/* =========================================================
FOOTER
========================================================= */

.elementor-location-footer{
  background-color: var(--rc-bordeaux);
  color: var(--rc-white);
}

.elementor-location-footer,
.elementor-location-footer p,
.elementor-location-footer .elementor-heading-title,
.elementor-location-footer a{
  color: var(--rc-white) !important;
}

.elementor-location-footer a:hover{
  color: var(--rc-sand) !important;
}



/* =========================================================
FORMS
========================================================= */

.elementor-field,
.elementor-field-textual,
.elementor-field-group input,
.elementor-field-group textarea,
.elementor-field-group select{

  font-family: var(--rc-font-text) !important;

  color: var(--rc-dark) !important;

  background-color: var(--rc-white) !important;

  border: 1px solid rgba(121,49,53,.18) !important;

  border-radius: 14px !important;

  padding: 14px 18px !important;

  font-size: 16px !important;

  line-height: 1.4 !important;

  box-shadow: none !important;
}

.elementor-field:focus,
.elementor-field-textual:focus{

  border-color: var(--rc-terracotta) !important;

  box-shadow: none !important;

  outline: none !important;
}

.elementor-field::placeholder,
.elementor-field-textual::placeholder{

  color: rgba(121,49,53,.48) !important;
}



/* =========================================================
FORM LABEL
========================================================= */

.elementor-field-label{

  font-family: var(--rc-font-text) !important;

  color: var(--rc-dark) !important;

  font-size: 14px;

  font-weight: 500;

  letter-spacing: 0;
}



/* =========================================================
IMMAGINI
========================================================= */

img{
  max-width: 100%;
  height: auto;
  display: block;
}



/* =========================================================
SELECTION
========================================================= */

::selection{
  background-color: var(--rc-terracotta);
  color: var(--rc-white);
}



/* =========================================================
SCROLLBAR
========================================================= */

::-webkit-scrollbar{
  width: 10px;
}

::-webkit-scrollbar-track{
  background: #F4EFEB;
}

::-webkit-scrollbar-thumb{
  background: rgba(121,49,53,.28);
  border-radius: 999px;
}

::-webkit-scrollbar-thumb:hover{
  background: rgba(121,49,53,.42);
}



/* =========================================================
UTILITY
========================================================= */

.rc-overflow-hidden{
  overflow: hidden;
}

.rc-text-center{
  text-align: center;
}

.rc-max-width{
  max-width: 1440px;
  margin-inline: auto;
}



/* =========================================================
MOBILE
========================================================= */

@media(max-width:767px){

  body,
  p,
  .elementor-widget-text-editor p{
    font-size: 15px;
    line-height: 1.65;
  }

  .elementor-button,
  .elementor-widget-button .elementor-button{

    font-size: 17px !important;

    padding: 13px 24px !important;
  }

  .elementor-nav-menu a,
  .elementor-nav-menu .elementor-item{

    font-size: 17px;
  }

}