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

  :root {
	--text-base-size: 16px;
	--text-base-font: 'Roboto', Arial, sans-serif;
	--text-alt-font: 'Fredoka', Arial, sans-serif;
	--primary-color: #7b7b7b;
	--primary-color-alpha: #7b7b7b46;
	--primary-color-text: #ffffff;
	--primary-color-variant: #525252;
	--primary-color-variant-text: #ffffff;
	--secondary-color: #ec1c24;
	--secondary-color-text: #000000;
	--secondary-color-variant: #ce191f;
	--secondary-color-variant-text: #000000;
	--background-color: #ffffff;
	--background-color-text: #000000;
	--surface-color: #ffffff;
	--surface-color-text: #000000;
	--error-color: #b00022;
	--error-color-text: #ffffff;
    --header-height: 250px;
	--header-height-inner: 160px;
}

body { color: #ffffff; line-height: 1.5em; font-size: 16px; background-color: #1f1f1f; }
a:hover { text-decoration: none; }
a:visited, a:active { color: #fff; }

#main-header { background-color: transparent; position: relative; border-bottom: none; }
.front #main-header { position: fixed; top: 0; left: 0; right: 0; background-color: rgba(0,0,0,0); }
.inner #main-header { position: fixed; top: 0; left: 0; right: 0; background-color: #000; height: var(--header-height-inner); border-bottom: 1px solid #7b7b7b}

#logo-wrapper { left: 50%; transform: translateX(-50%); height: 100%; }
#logo-wrapper .logo { object-fit: contain; }

#menu-toggle { top: 50%; transform: translateY(-50%); height: auto; }
#menu-toggle span { width: 3em; padding: 0; }

/*.front #primary { padding-top: var(--header-height); }*/
.inner #primary { padding-top: var(--header-height-inner); }

.bg { position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; background-image: url(img/bg.jpg); background-position: center; background-size: cover; }
.bg-cover { position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0); }

.btn { padding:0.5em 3em; font-family: var(--text-alt-font); border-radius: 2em; }

.btn.btn-default { background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgb(110, 110, 110) 40%, rgba(110, 110, 110, 1) 60%, rgba(0, 0, 0, 1) 100%); color: #fff; border:3px solid #fff; }
.btn.btn-default:hover { background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgb(110, 110, 110) 50%, rgba(110, 110, 110, 1) 80%, rgba(0, 0, 0, 1) 100%); color: #fff; border:3px solid #a1a1a1; }

.deco-title { font-weight: bold; color: var(--secondary-color); letter-spacing:0;}

h1.deco-title, h2.deco-title, h3.deco-title, h4.deco-title, h5.deco-title { 
	background: linear-gradient(to right, #a1a1a1, #fff, #a1a1a1);
	font-size: 3rem; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; 
}

mark { padding: 0.5em 0 0 0; }

.deco-title, .deco-title .eyelet, .deco-title mark, .deco-title .subtitle { line-height: 1.2em; font-family: var(--text-alt-font); color: #fff; font-style:normal; }
.deco-title mark, .deco-title .subtitle { font-size: 0.5em; color: #fff; font-family: var(--text-base-font); text-shadow: none; text-transform: uppercase; font-weight: 100; margin-top:0; }
.deco-title .eyelet { margin-bottom: 0.5em; color: #fff; font-family: var(--text-base-font); text-shadow: none; }

.timetable table tbody td { background-color: transparent; color: #fff; }

.imeb-image {
	border: 5px solid #fff;
	border-radius: 2em;
	box-shadow: 0 0 1em rgba(0,0,0,0.8);
}

.offcanvas { background-color: #000; border-left: 1px solid var(--primary-color); }
.offcanvas, .offcanvas.offcanvas-end { border-left: 1px solid var(--primary-color); }

.offcanvas .offcanvas-menu { list-style-type: none; padding: 0; }
.offcanvas .offcanvas-menu li { border-bottom: 1px solid #fff; padding: 0.7em 0; }
.offcanvas .offcanvas-menu li a { color: #fff; display: block; }

.offcanvas-header .btn-close { width: 2em; height: 2em; }

#bcrumbs-wrapper { background-color: var(--primary-color); }

#menu-toggle { display: block; }

footer { position: relative; background-color: #000; padding: 0;  }
footer h3 { font-size: 1.1em; margin-bottom: 0.2em; }
footer h3 span { border-bottom: 1px dashed #fff; }
footer p { font-size: 0.7em; }
footer .wpb_content_element { margin-bottom: 0; }

.grecaptcha-badge { visibility: hidden; }

#aitec-privacy-title { color: #000; }
#aitec-privacy-title { font-size: 0.9em; }
#aitec-privacy-text a { color: var(--secondary-color) !important; }
#aitec-privacy-notice .aitec-privacy-notice-body > p { font-size: 0.6rem; }

#aitec-privacy-notice .aitec-privacy-notice-wrapper { width: 30%; left: calc(70% - 1em); background-color: #dbdada; }
#aitec-privacy-notice .aitec-privacy-notice-wrapper .btn.btn-default { font-size: 0.7em; display: block; }

.bottom-arrowed { position: relative; }
.bottom-arrowed::after { position: absolute; content: "" !important; font-weight: 600; left: 50%; bottom: 1em; font-family: 'Font Awesome 7 Free'; width: auto; height: auto !important; visibility: visible !important; animation: fadeInDown; animation-duration: 2s; }