@charset "UTF-8";
/* CSS Document */
/* Color */
.summit_color1 {color: #043857 !important;}
.summit_color2 {color: #1175BC !important;}
.summit_color3 {color: #2AB473 !important;}
.summit_bgcolor1 {background-color: #043857 !important;}
.summit_bgcolor2 {background-color: #1175BC !important;}
.summit_bgcolor3 {background-color: #2AB473 !important;}

.bg-gray {background-color: #E0E0E0}

body {
  font-family: "Arial", sans-serif;
}
h1, h2, h3 {
  font-family: "Open Sans", sans-serif;
/*  font-weight: 600;*/
}
.ff-open {
  font-family: "Open Sans", sans-serif;
}

/* Font Awesome */
.icon::before {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
h2.focalendar-days::before {
  font: var(--fa-font-solid);
  content: '\f073';
  margin-right: 0.5em;
}
h2.fa-bullhorn::before {
  font: var(--fa-font-solid);
  content: '\f0a1';
  margin-right: 0.5em;
}
h2.fowand-magic-sparkles::before {
  font: var(--fa-font-solid);
  content: '\e2ca';
  margin-right: 0.5em;
}

/* Customize */
/*#header_logo {
  filter:drop-shadow(2px 2px 2px white);
}*/
h1#header_title {
  margin-bottom: 0 !important;
  font-size: 1em !important;
}
.carousel-inner {
  height: calc(100vw * 0.375);
}
.carousel-caption h2 {
  text-shadow: 1px 1px 2px gray, 0 0 2em white;
  padding: 0.2em 0;
}
.container hr {
  margin: 3em 0;
}
.al_comment {
  text-align: justify-all;
  /*background-color: #E0E0E0;*/
}
.btn-success {
  background-color: #2AB473 !important;
  border-color: #2AB473 !important;
}
main {
  margin-bottom: 10em;
}

/* PC Only */
@media (min-width: 576px) {
  h2 {
    font-size: 1.7em;
  }
}
/* Mobile */
@media (max-width: 576px) {
h2.foglobe::before {
  font: var(--fa-font-solid);
  content: '\f0ac';
  margin-right: 0.5em;
}
h2.fouser::before {
  font: var(--fa-font-solid);
  content: '\f007';
  margin-right: 0.5em;
}
h2.foclipboard::before {
  font: var(--fa-font-solid);
  content: '\f328';
  margin-right: 0.5em;
}
/* End Font Awesome */

  #header_logo {
    display: none;
  }
  h1#header_title {
    margin-left: 0 !important;
    font-size: 0.8em !important;
  }
  .carousel-indicators {
    display: none;
  }
  #navbar_scroll {
    float: right;
    margin-right: 0;
  }
}