#home {
  height: 102vh;
}
/*** anaktoria font **/
/**** NAVBAR ****/
/**
h1{
font-family: anaktoria, 'Times New Roman', Times, serif;	
}
**/
.nav-item a.is-tab.is-active, a.nav-item.is-tab.is-active {
  border-bottom-color: #ffa500;
  color: #ffa500;
}

a.nav-item {
  color: white;
}

a.nav-item.is-tab:hover {
  border-bottom-color: #ffa500;
  border-bottom-width: 2px;
  color: white;
}

.nav {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  background-color: transparent;
  color: white;
}

.nav-left {
  padding: 0px;
}

.nav-left p {
  padding: 0px;
  font-weight: bold;
  font-size: 30px;
}

.nav-left p span {
  color: #ffa500;
}

.nav.scrolled {
  background-color: #323232;
  transition: background-color 200ms linear;
}

/**** HOME SECTION ****/

#home {
  background-image: url("../img/mimie-min.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.title-container {
  padding-top: 2px;
}

.title {
  color: #ffa500;
  font-weight: bold;
  font-size: 60px;
}

.subtitle {
  padding-top: 15px;
  font-size: 30px;
  font-weight: bolder;
  color: white;
}

.home-container {
  top: 50%;
}

#more-button {
  border-color: #ffa500;
  color: #ffa500;
}

#more-button:focus {
  background-color: transparent;
  color: white;
}

#more-button:hover {
  background-color: #ffa500;
  color: white;
}

/**** SERVICES + FORMATION SECTION *****/

#services, #formation {
  padding-bottom: 5px;
  background-color: #F0F3F3;
}

#formation {
  padding-bottom: 5px;
  background-color: white;
}

.more-card {
  color: #323232;
  font-weight: bold;
}

.more-card:hover {
  color: #ffa500;
  font-weight: bold;
}

#services-title, #formation-title {
  color: rgba(0, 0, 0, 0.7);
  text-transform: uppercase;
  font-size: 40px;
  margin-bottom: 15px;;
}

#services-subtitle, #formation-subtitle {
  color: rgba(0, 0, 0, 0.7);
  text-transform: initial;
  font-size: 20px;
}

#services-subtitle {
  margin-bottom: 3%;
}

#formation-subtitle {
  margin-bottom: 7%;
}

#services-subtitle blockquote, #formation-subtitle blockquote {
  font-style: oblique;
}

#services-columns, #formation-columns {
  margin-bottom: 5%;
}

.fa-circle {
  color: #ffa500;
}

.services-h4, .formation-h4 {
  color: #333;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 10px;
}

.services-text, .formation-text {
  color: #777;
  font-style: italic;
  font-size: 14px;
  text-align: justify;
  text-align-last: center;
}

.tooltip {
  position: relative;
  display: inline;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 150px;
  background-color: black;
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;

  left: 102%; 

  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

/**** WHO SECTION *****/

.image-bio {
  display: block;
  margin: 0 auto;
  margin-bottom: 15px;
}

#who {
  background-color: white;
  padding-bottom: 20px;
  padding-top: 50px;;
}

#who-title {
  color: rgba(0, 0, 0, 0.7);
  text-transform: uppercase;
  font-size: 40px;
}

#who-subtitle {
  color: rgba(0, 0, 0, 0.7);
  text-transform: initial;
  font-style: oblique; 
  font-size: 20px;
  padding-top: 5px; 
  margin-bottom: 3%;
}

.timeline-body p a {
  color: #3776D9;
}

.timeline-body p a:hover {
  color: black;
}

#first {
  background-color: #1622ad;
}

#second {
  background-color: #ffa500;
}

#third {
  background-color: #CC0000;
}

#fourth {
  background-color: #323232;
}

/**** BIO SECTION *****/

#bio {
  background-color: #F0F3F3;
}

#bio-title {
  color: rgba(0, 0, 0, 0.7);
  text-transform: uppercase;
  font-size: 40px;
  margin-bottom: 15px;;
}

#bio-subtitle {
  color: rgba(0, 0, 0, 0.7);
  text-transform: initial;
  font-size: 20px;
  margin-bottom: 3%;
}

.bio-image {
  width: 280px;
  height: 350px;
  object-fit: cover;
  object-position: center right;
}

.bio-content {
  text-align: justify;
  margin-left: 25px;
  font-family: Georgia, 'Times New Roman', Times, serif;
}

#bio-name {
  margin-bottom: 25px;
  color: #ffa500;
  font-size: 20px;
  text-transform: initial;
  font-weight: bold;
  font-family: Georgia, 'Times New Roman', Times, serif;
}

#bio-name span {
  color: rgba(0, 0, 0, 0.7);
}

/**** REALISATIONS SECTION *****/

#realisations {
  background-color: #F0F3F3;
  padding-top: 50px;
  padding-bottom: 50px;
}

#realisations .column img {
  max-width: 150px;
  height: 100px;
}

#realisations .column .fasti {
  max-height: 60px;
  margin-top: 15px;
}

/**** FOOTER ****/
.footer {
  background-color: #323232;
  padding: 10px;
}

.footer h2 span {
  color: #ffa500;
}

.footer p, .footer a {
  color: white;
}

.footer a {
  display: inherit;
}

.footer h2 {
  color: white;
  font-size: 30px;
  font-family: 'Open Sans', Helvetica, sans-serif;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 5px;
}

.footer hr {
  height: 3px;
  max-width: 50px;
  background-color: #ffa500;
  margin: 0 auto;
  margin-bottom: 5px;
}

.footer i {
  padding-top: 15px;
}

.footer-icon {
  color: white;
}

.footer, li, a {
  color: #323232;
}

.footer, li, a:hover {
  color:#ffa500;
}

div.column.auto, div.column.is-half {
  padding-bottom: 0;
}

div.columns.has-text-centered {
  margin-top: 20px;
  margin-bottom: 20px;
}

.hover-link:hover {
  background-color: #ffa500;
  border-radius: 6px;
  padding: 5px;
}

.legals {
  font-size: 12px;
}