/*
 Theme Name: Cimol Child
 Theme URI: http://example.com/cimol-child
 Description: Child theme for the Cimol theme. Safe place for custom CSS/JS and template overrides.
 Author: You
 Author URI: http://example.com
 Template: cimol
 Version: 1.0.0
 License: GNU General Public License v3 or later
 License URI: https://www.gnu.org/licenses/gpl-3.0.html
 Text Domain: cimol-child
*/

/* ==============================
   COLORI
   ============================== */
:root {
  --verde: #0B7332;
  --giallo: #F8BC21;
  --azzurro: #50B6E0;
  --arancione: #EE5024;
  --nero: #000000;
  --bianco: #FFFFFF;
	--rosso: #EE5124;
	--viola: #AE66CC;

  /* Fonts */
  --font-primary: 'Platypi', serif;
  --font-secondary: 'Nunito', sans-serif;

  /* Font sizes */
  --fs-h1: 32px;
  --fs-h2: 24px;
  --fs-h3: 18px;
  --fs-h4: 16px;
  --fs-h5: 14px;
  --fs-h6: 12px;

  /* Line heights */
  --lh-h1: 26px;
  --lh-h2: 28px;
  --lh-h3: 22px;
  --lh-h4: 20px;
  --lh-h5: 18px;
  --lh-h6: 16px;
}

/* ==============================
   STILI
   ============================== */
.primary-title {
  font-family: var(--font-primary);
  font-size: var(--fs-h1);
  font-weight: 600;
  line-height: var(--lh-h1);
}

.secondary-title {
  font-family: var(--font-primary);
  font-size: var(--fs-h3);
  font-weight: 400;
  line-height: var(--lh-h3);
}

.text-font {
  font-family: var(--font-secondary);
  font-size: var(--fs-h3);
  font-weight: 300;
  line-height: var(--lh-h3);
}

.accent-font {
  font-family: var(--font-secondary);
  font-size: var(--fs-h4);
  font-weight: 800;
  line-height: var(--lh-h4);
}


.h1 { font-size: var(--fs-h1); line-height: var(--lh-h1); }
.h2 { font-size: var(--fs-h2); line-height: var(--lh-h2); }
.h3 { font-size: var(--fs-h3); line-height: var(--lh-h3); }
.h4 { font-size: var(--fs-h4); line-height: var(--lh-h4); }
.h5 { font-size: var(--fs-h5); line-height: var(--lh-h5); }
.h6 { font-size: var(--fs-h6); line-height: var(--lh-h6); }

.fw4{ font-weight:400; }
.fw6{ font-weight:600; }
.fw8{ font-weight:800; }


/* ==============================
   COLORI
   ============================== */

/* Bg */
.bg-verde { background-color: var(--verde); }
.bg-giallo { background-color: var(--giallo); }
.bg-azzurro { background-color: var(--azzurro); }
.bg-arancione { background-color: var(--arancione); }
.bg-nero { background-color: var(--nero); }
.bg-bianco { background-color: var(--bianco); }

/* Text */
.text-verde { color: var(--verde); }
.text-giallo { color: var(--giallo); }
.text-azzurro { color: var(--azzurro); }
.text-arancione { color: var(--arancione); }
.text-rosso { color: var(--rosso); }
.text-viola { color: var(--viola); }
.text-nero { color: var(--nero); }
.text-bianco { color: var(--bianco); }

/* Borders */
.border-verde { border: 2px solid var(--verde); }
.border-giallo { border: 2px solid var(--giallo); }
.border-azzurro { border: 2px solid var(--azzurro); }
.border-arancione { border: 2px solid var(--arancione); }
.border-nero { border: 2px solid var(--nero); }
.border-bianco { border: 2px solid var(--bianco); }


/* ==============================
   GENERALI
   ============================== */

body{
	font-family : var(--font-primary) !important;
	color: var(--nero);
}

a, b, em, strong{
	color: var(--nero);
}

a{
	cursor:pointer;
}

a:hover{
	color:var(--nero);
}

body .e-parent, .container-fluid{
	padding-left: 6rem;
	padding-right: 6rem;
}

.to-top::after, .to-top::before{
	background-color: var(--nero)
}

@media (min-width: 1600px) {
	.for-sticky .container-fluid{
		padding: 0;
	}
}
.navigation li a{
	font-family : --font-primary !important;
	font-size: 18px;
}

/* ==============================
   RESPONSIVE
   ============================== */

/* Tablet (max-width: 1024px) */
@media (max-width: 1024px) {
  /* Titles shrink slightly */
  .primary-title {
    font-size: 28px;
    line-height: 32px;
  }

  .secondary-title {
    font-size: 18px;
    line-height: 22px;
  }

  .text-font {
    font-size: 16px;
    line-height: 20px;
  }

  /* Utility headings */
  .h1 { font-size: 28px; line-height: 32px; }
  .h2 { font-size: 24px; line-height: 28px; }
  .h3 { font-size: 20px; line-height: 24px; }
  .h4 { font-size: 18px; line-height: 22px; }
  .h5 { font-size: 16px; line-height: 20px; }
  .h6 { font-size: 14px; line-height: 18px; }
}

/* Smartphone (max-width: 767px) */
@media (max-width: 767px) {
	/* Titles shrink further for readability */
	.primary-title {
		font-size: 24px;
		line-height: 28px;
	}

	.secondary-title {
		font-size: 18px;
		line-height: 22px;
	}

	.text-font {
		font-size: 16px;
		line-height: 20px;
	}

	/* Utility headings */
	.h1 { font-size: 24px; line-height: 28px; }
	.h2 { font-size: 20px; line-height: 24px; }
	.h3 { font-size: 18px; line-height: 22px; }
	.h4 { font-size: 16px; line-height: 20px; }
	.h5 { font-size: 14px; line-height: 18px; }
	.h6 { font-size: 12px; line-height: 16px; }

	body .e-parent, .container-fluid{
		padding-left: 2.5rem;
		padding-right: 2.5rem;
	}
	
	.clean-header .logo1, .custom-logo .logo1{
		max-height:40px;
	}
	.for-sticky .container-fluid{
		display:flex;
		flex-direction: row;
		justify-content: space-between;
		align-items:center;
	}
	.for-sticky .container-fluid::before,.for-sticky .container-fluid::after{
		display:none !important;
	}
}

.footer-text{
	font-size:14px;
	line-height:18px;
}