/**
 * Theme Name: Fondo Giornalisti - Child Aitec Theme
 * Template: aitec
 * Theme URI: http://aitec.it
 * Author: The Aitec Team
 * Author URI: http://aitec.it
 * Description: A special theme created (with love!) for Fondo Giornalisti
 * Version: 1.0
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain: fondog
 */

:root {
	--text-base-size: 18px;
	--text-base-font: 'Titillium Web', sans-serif;
	--text-alt-font: 'Titillium Web', sans-serif;	
	--primary-color: #5A8670;
	--primary-color-text: #ffffff;
	--secondary-color: #E07856;
	--secondary-color-text: #FFFFFF;
	--tertiary-color: #101010;
	--tertiary-color-text: #ffffff;
	--tertiary-color-variant: #efefef;
	--background-color: #F5F5F0;
	--background-color-text: #1A1A1A;
	--disabled-color: #f7f7f7;
	--disabled-color-text: #1A1A1A;
	--surface-color-text: #FFFFFF;
	--surface-color: #d4183d;
	--surface-color-text: #FFFFFF;
	--header-height: 150px;
	--spacing: 0.25rem;
	--upper-menu-height: 74px;
	--lower-menu-height: 75px;
	--shadow-default: 0 0 1.5rem rgba(0,0,0,0.2);
	--shadow-right: 5rem 0 1.5rem rgba(0,0,0,0.2);
	--shadow-left: -5rem 0 1.5rem rgba(0,0,0,0.2);
	--button-clip-path: polygon(1.2rem 0, 100% 0, calc(100% - 1.2rem) 100%, 0 100%);
}

/* Default styles, HTML and Bootstrap Customization */

body { font-weight:300; font-size: var(--text-base-size); font-family: var(--text-base-font); color: var(--background-color-text); position: relative; margin: 0; padding: 0; background-color:var(--background-color); }

a:visited, a:active { border: none; color: var(--primary-color-variant); }

.btn { font-family: var(--text-base-font); text-decoration: none; --bs-btn-border-radius: 2em; --bs-btn-padding-x: 2rem; }
.btn:focus, .btn:focus-visible { outline:thin solid var(--secondary-color); border-color:#fff; }

/* Header styles */

#main-header { position: fixed; height: var(--header-height); border-radius:var(--header-height); background-color: #ffffff; color: var(--background-color-text); top: 4rem; right: 4rem; left: 4rem; border-bottom: none; z-index: 999;  box-shadow:var(--shadow-default); }
#main-header #upper-header{ height: var(--upper-menu-height); border-bottom: 1px solid var(--disabled-color); padding: 0 calc(var(--spacing) * 10); }
#main-header #lower-header{ height: var(--upper-menu-height); padding: 0 calc(var(--spacing) * 10); }