/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */
@import url('https://fonts.googleapis.com/css2?family=Alegreya+SC:ital,wght@0,400;0,500;0,700;0,800;0,900;1,400;1,500;1,700;1,800;1,900&display=swap');

body{
  font-family: "Alegreya SC", serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.62em;
  color: #444;
  overflow-x: hidden;
  background-color: #F7F4F4;
}

a{
  color: #1b3d75;
}


/**
 * Skins.
 * Arrows contained/wrapped within slick__arrow for easy moves.
 */
/* Overrides problematic hidden arrows at core slick.css */
.slick-prev {
  left: 0;
}

.slick-next {
  right: 0;
}

.slick__arrow {
  position: absolute;
  z-index: 2;
  top: 50%;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 2px;
  margin-top: -1px;
  transform: translateY(-50%);
  pointer-events: none;
}

/** Keeps decent fallback for when slick-theme.css is disabled, even if dup. */
.slick-arrow {
  position: absolute;
  top: 50%;
  width: 42px;
  height: 42px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: auto;
  border: 0;
  border-radius: 50%;
  font-size: 0;
}

.slick-arrow:active,
.slick-arrow:focus {
  outline: 0;
  box-shadow: none;
}

.slick-arrow::before,
.slick-arrow::after {
  pointer-events: none;
}

.slick-arrow::before {
  color: #cccccc;
  font-size: 36px;
  font-size: 3.75rem;
}

.slick-arrow:hover::before {
  color: #ffffff;
}


ul.menu--footer{
  float: left;
  margin: 0;
}

ul.menu--footer li,
ul.menu--footer li a {
	display:inline;
}