/**
 * Theme Name: Jo Peiper - 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 Jo Peiper
 * Version: 1.0
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain: jopeiper
 */

   :root {
	--text-base-size: 16px;
	--text-base-font: 'Montserrat', Arial, sans-serif;
	--text-alt-font: 'Yellowtail', Arial, sans-serif;
	--primary-color: #19171c;
	--primary-color-alpha: #5819171c;
	--primary-color-text: #ffffff;
	--primary-color-variant: #2f2b34;
	--primary-color-variant-text: #000000;
	--secondary-color: #a648a3;
	--secondary-color-text: #000000;
	--secondary-color-variant: #f269ee;
	--secondary-color-variant-text: #161616;
	--background-color: #fff;
	--background-color-text: #000;
	--surface-color: #ffffff;
	--surface-color-text: #000000;
	--error-color: #b00022;
	--error-color-text: #ffffff;
	--header-height: 160px;
	--header-height-inner: 110px;
}

a, a:visited { color: var(--primary-color); }
a:hover { color: var(--primary-color); }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: 0.7em; }

#main-header { position: relative; background-color: transparent; border-bottom: none; }
#main-header #logo-wrapper { position: relative; width: 100%; display: block; text-align: center; padding: 0; font-size: 6em; color: var(--primary-color); font-family: var(--text-alt-font); }
#main-header #logo-wrapper:hover { text-decoration: none; }
#main-header #logo-wrapper span.main { position: relative; }
#main-header #logo-wrapper span.sub { position: absolute; left: 2em; bottom: -0.2em; font-size: 0.3em; color: var(--secondary-color); font-weight: 900; }

.inner #main-header { height: var(--header-height-inner); background-color: var(--background-color); }
.inner #main-header #logo-wrapper { height: var(--header-height-inner); font-size: 4em; }
.inner #main-header #logo-wrapper::before { content: ""; font-family: 'Font Awesome 7 Free';}

body { height: 100vh; max-height: 100vh; border: 6em solid var(--secondary-color); background-image: url('img/bg-site.png'); background-size: cover; background-position: center; background-repeat: no-repeat; overflow: hidden; }
body .page-wrapper { height: 100%; overflow: auto; }

#bcrumbs-wrapper { margin-bottom: 3em; }

.contain { background-position: center; background-size: contain !important; }

.deco-title, .single-post-title { font-family: var(--text-alt-font); letter-spacing: normal; }

.blog-content .title { font-family: var(--text-alt-font); font-size: 2em; }
.single-post-wrapper figure.aspect-image, .blog-content .aspect-image { border: 4px solid #a648a3; border-radius: 1em; -webkit-box-shadow: 3px 3px 5px -2px rgba(0,0,0,0.3); box-shadow: 3px 3px 5px -2px rgba(0,0,0,0.3); }

.follow-link-wrapper .follow-link { display: block; position: relative; font-size: 3.5em; color: var(--secondary-color); font-family: var(--text-alt-font);  border-bottom: 4px solid var(--secondary-color); }
.follow-link-wrapper .follow-link:hover { color: var(--primary-color); text-decoration: none; border-bottom: 4px solid var(--primary-color);  }
.follow-link-wrapper.sinistra .follow-link::after { content: ""; position: absolute; right: 0; bottom: 3px; width: 45px; height: 4px; background-color: var(--secondary-color); transform: rotate(15deg); }
.follow-link-wrapper.sinistra .follow-link:hover::after { border-bottom: 4px solid var(--primary-color); background-color: var(--secondary-color); }

.follow-link-wrapper.white .follow-link { color: #fff; border-bottom: 4px solid #fff; }
.follow-link-wrapper.white .follow-link:hover { color: var(--primary-color); border-bottom: 4px solid var(--primary-color);  }
.follow-link-wrapper.sinistra.white .follow-link::after { background-color: #fff; }
.follow-link-wrapper.sinistra.white .follow-link:hover::after { background-color: #fff; }

#main-footer { position: fixed; bottom: 0; left: 0; right: 0; z-index: 1; }
#main-footer i { font-size: 3em; }
#main-footer a, #main-footer a:visited { color: var(--primary-color-text); }
#main-footer a:hover { color: var(--primary-color); }
#main-footer ul { padding: 0; list-style: none; text-align: center; margin-bottom: 0.5em; }
#main-footer ul li { display: inline-block; }
#main-footer ul li a { padding: 0 0.4em; }
#main-footer ul li a:hover { color: var(--secondary-color-text); }

#cookiePreference * { font-family: var(--text-base-font); }