/*
Theme Name: Replax
Theme URI: http://aitec.it
Author: The Aitec Team
Author URI: http://aitec.it
*/

:root {
  --background-color: #fff;
  --background-color-text: #343434;
  --text-color: #242424;
  --text-color-alt: #fff;
  --base-font-size: 13px;
  --primary-color: #3A7C22;
  --primary-color-alpha: #3a7c2213;
  --primary-color-text: #ffffff;
  --base-font: "Quicksand", sans-serif;
}

h1.deco,h2.deco,h3.deco,h4.deco { position: relative; margin-bottom: 1.5rem; font-weight: 700; }
h1.deco::after,h2.deco::after,h3.deco::after,h4.deco::after { content: ""; position: absolute; bottom: -10px; left: 0; width: 3rem; height: 4px; background-color: var(--primary-color); }
blockquote { position: relative; padding: 1rem 1rem 1rem 4rem; margin-left: 0.5rem; border-left: 2px solid var(--primary-color); font-size: 1.2rem; font-style: italic; background-color: var(--primary-color-alpha); }
blockquote::after { content: ""; font-family: "Font Awesome 7 Free"; font-weight: bold; position: absolute; left: 1rem; top: 0.2rem; font-size: 2rem; font-style: normal; }

#main-info { position: absolute; left: 0; right: 0; top: 0; z-index: 1; }
#main-info .main-body { background-color: #fff; border-radius: 6px; padding: 2rem; margin: 2rem 0; }

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

a { text-decoration:none; transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; color: var(--text-color); }
a:hover { color:var(--primary-color);  }

.btn { padding: 0.2em 1em; }
.btn-default { color: var(--primary-color-text); border: none; background-color: var(--primary-color); text-transform: uppercase; font-weight: 700; font-size: 1rem; border: 1px solid var(--primary-color); }
.btn-default:hover { color: var(--primary-color); border: none; background-color: var(--primary-color-text); border: 1px solid var(--primary-color); }

.deco-title{ font-family:var(--alt-font); }

.text-white, .text-white > * { color:#fff; }

#main-header{ position:absolute; z-index:999; top:0; right:0; left:0; bottom:0; }

#logo { display: block; max-width: 10rem; margin: 0 auto; }
#logo img{ width: 100%; height: auto; }

.slide { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-position: center; background-attachment: fixed; background-size: cover; width: 100%; height: 100vh; }
.slide::after { content: ""; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.2); pointer-events: none; }
.slide img { opacity: 0; height: 100%; width: 100; }

.company-list, .contact-list { display: flex; flex-direction: row; list-style: none inside; margin: 0; padding: 0; text-align: center; }
.company-infos { list-style: none inside; margin: 0; padding: 0; text-align: center; }
.contact-list .contact { flex: 1 1 0px; padding: 0.5em; margin-bottom: 0.5em; border: 1px solid var(--primary-color); margin-right: 0.5rem; background-color: var(--primary-color-alpha); }
.contact-list .contact:last-child { margin-right: 0; }
.contact-list .contact .name {color: var(--primary-color); font-size: 1.2em; }
.contact-list .contact .info{ font-size: 0.875em; letter-spacing: 0.4px; }
.contact-list .contact .info a { color: var(--text-color); text-decoration:none; }
.contact-list .contact .info a:hover { text-decoration: underline; }

.breadcrumb { display: block; text-align: left; padding: 0; align-items: center; }
.breadcrumb img { width: 4rem; height: 4rem; margin-right: 0.3rem; }
.breadcrumb li { display: inline-block; text-transform: uppercase; }
.breadcrumb li::after { content: ""; font-family: "Font Awesome 7 Free"; font-weight: bold; padding: 0 0.2rem; }
.breadcrumb li:last-child::after { content: ""; }

.bando img { height: 6rem; }

.green { padding: 0.5rem; background-color: var(--primary-color); color: var(--text-color-alt); }
.img-bando { width: 100%; height: auto; }

div.line { position: relative; }
div.line::after { content: ""; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background-color: #adadad; }

.grey { background-color: #e4e4e4; padding: 1rem; border-radius: 6px; }

.footer-logo { width: 6rem; height: 6rem; }

@media screen and (max-width: 1699px) {
	.btn .fas, .btn .far, .btn .fab { display: none; }
}

@media screen and (max-width: 1399px) {}
@media screen and (max-width: 1199px) {
	.btn .fas, .btn .far, .btn .fab { display: inline; }
}

@media screen and (max-width: 991px) {
  .company-list, .contact-list { display: block; }
  .contact-list .contact { flex: none; margin-right: 0; }
  .bando img { width: 100%; height: auto; }
  div.line::after { display: none; }
  blockquote { margin-left: 0; }
}
@media screen and (max-width: 767px) {
	.btn .fas, .btn .far, .btn .fab { display: none; }
}

@media screen and (max-width: 575px) {}
@media screen and (max-width: 450px) {}
@media screen and (max-width: 320px) {}