/****************************************
  MEDIA QUERIES
****************************************/
/****************************************
  TEMPLATE COLORS
****************************************/
.bg-main-color {
  background-color: #00A3E4; }

.bg-secondary-color {
  background-color: #CCCC33; }

.bg-color-text {
  background-color: #FFFFFF; }

.main-color,
.txt-color-primary {
  color: #00A3E4; }

.border-main-color {
  border-color: #00A3E4 !important; }

.border-secondary-color {
  border-color: #00A3E4 !important; }

.txt-color-main {
  color: #FFFFFF; }

.txt-color-accent {
  color: #CCCC33; }

.txt-color-accent-hover:hover {
  color: #CCCC33; }

/****************************************
  GENERAL
****************************************/
html,
body {
  font-family: 'Open Sans', sans-serif, "Open Sans", sans-serif;
  background-color: #FFFFFF;
  color: #000000;
  font-size: 20px; }

html {
  height: 100%; }

@media (min-width: 990px) and (max-width: 1199px), (min-width: 1200px) {
  body {
    height: 100%;
    display: flex;
    flex-direction: column; } }

body #cms-content {
  flex: 1 0 auto; }

body footer {
  flex-shrink: 0; }

/****************************************
  SCROLLBAR
****************************************/
.scroll {
  scrollbar-color: #fff;
  scrollbar-width: thin; }
  .scroll::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 10px; }

/****************************************
  COOKIES
****************************************/
#cookie-modal-accept .modal-content {
  border-radius: 0.6rem;
  border: 1px solid transparent; }

#cookie-modal-accept .modal-body {
  padding-top: 2rem; }

#cookie-modal-accept .modal-body p {
  color: #333; }

#cookie-modal-accept .modal-footer .js-cookie-accept {
  background-color: #00A3E4;
  color: #FFFFFF;
  text-align: center;
  font-size: 0.7rem;
  transition: background-color .2s ease;
  padding: .5rem 1rem;
  border-radius: 2rem;
  font-weight: bold; }
  @media (min-width: 990px) and (max-width: 1199px), (min-width: 1200px) {
    #cookie-modal-accept .modal-footer .js-cookie-accept {
      width: 190px; } }
  #cookie-modal-accept .modal-footer .js-cookie-accept:hover {
    text-decoration: none;
    background-color: #CCCC33; }

#cookie-modal-accept .modal-footer .more-info {
  background-color: #fff;
  color: #00A3E4;
  border: 3px solid #00A3E4;
  border-radius: 2rem;
  font-size: .7rem;
  padding: .5rem 1rem;
  font-weight: bold; }
  #cookie-modal-accept .modal-footer .more-info:hover {
    text-decoration: none;
    background-color: #CCCC33;
    border: 3px solid #CCCC33; }

.cookie-bar {
  color: #333; }
  .cookie-bar .cookies-container {
    font-size: .7rem; }
    @media (max-width: 480px), (min-width: 481px) and (max-width: 769px), (min-width: 770px) and (max-width: 989px) {
      .cookie-bar .cookies-container {
        padding-bottom: 1rem;
        text-align: center; } }
  .cookie-bar .js-cookie-settings {
    color: #00A3E4; }
  .cookie-bar .js-cookie-accept, .cookie-bar .js-cookie-accept-necessary {
    background-color: #00A3E4;
    border-color: #00A3E4;
    color: #FFFFFF;
    text-align: center;
    width: 100%;
    font-size: 0.7rem;
    transition: background-color .2s ease;
    padding: .35rem 0.25rem;
    border-radius: 1rem;
    font-weight: bold; }
    .cookie-bar .js-cookie-accept:hover, .cookie-bar .js-cookie-accept-necessary:hover {
      text-decoration: none;
      background-color: #CCCC33; }

.cookie-modal .close {
  margin-left: 0; }

.cookie-modal p, .cookie-modal li {
  font-size: 1rem; }

.cookie-modal .js-modal-accept {
  background-color: #00A3E4;
  color: #FFFFFF; }

/****************************************
  ALERTS & OTHERS
****************************************/
#noscript-alert {
  position: fixed;
  bottom: 0;
  background: #00A3E4;
  color: #FFFFFF;
  text-align: center;
  padding: 1rem;
  z-index: 999; }

.grecaptcha-custom-info {
  font-size: 0.6rem;
  opacity: 0.6;
  margin-top: 0.5rem; }
  .grecaptcha-custom-info a, .grecaptcha-custom-info a:hover {
    color: #00A3E4; }

#show-hide-maintenance-admin {
  position: fixed;
  bottom: 0;
  font-size: 12px;
  border-radius: 0 5px 0 0; }

/****************************************
  FOOTER
****************************************/
.footer-hr {
  border-color: #00A3E4; }

.footer-link {
  text-align: center;
  font-size: .6rem;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  color: #00A3E4; }

a.footer-link:hover {
  color: #CCCC33;
  text-decoration: none; }

.footer-address {
  color: #000000;
  line-height: .8rem;
  font-size: .5rem;
  font-family: 'Open Sans', sans-serif; }

.footer-address-bottom div,
.footer-address-bottom p,
.footer-address-bottom a {
  text-align: center;
  font-size: .5rem;
  font-family: 'Open Sans', sans-serif;
  color: #333; }

.andromeda-link a:not(:disabled):not(.disabled) {
  cursor: pointer; }

.andromeda-link a {
  display: inline-block;
  font-size: .6rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #00A3E4;
  border: 1px solid transparent;
  padding: 0.5rem 2rem;
  line-height: 1.5;
  min-width: 200px;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  margin-bottom: 1rem; }

.andromeda-link a:hover {
  text-decoration: none;
  background-color: #CCCC33; }

.container-social svg {
  width: 40px !important;
  height: 40px !important;
  cursor: pointer;
  transition: all .2s ease-in-out;
  fill: #00A3E4; }
  .container-social svg:hover {
    fill: #CCCC33;
    transform: scale(1.05); }

.container-social .share-twitter svg circle {
  fill: #00A3E4; }
  .container-social .share-twitter svg circle:hover {
    fill: #CCCC33; }

.container-social .share-twitter svg path {
  fill: white; }

.container-social .share-twitter svg:hover circle {
  fill: #CCCC33; }