@charset "UTF-8";
/*
 Theme Name:   Holy Family BB Child Theme
 Author:       Sandtoken
 template:     bb-theme
 Version:      1.1.13
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

/****************************************************************
 *
 * CSS Percentage Circle
 * Author: Andre Firchow
 *
*****************************************************************/
.circle-gauges {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.rect-auto, .c100.p100 .slice, .c100.p99 .slice, .c100.p98 .slice, .c100.p97 .slice, .c100.p96 .slice, .c100.p95 .slice, .c100.p94 .slice, .c100.p93 .slice, .c100.p92 .slice, .c100.p91 .slice, .c100.p90 .slice, .c100.p89 .slice, .c100.p88 .slice, .c100.p87 .slice, .c100.p86 .slice, .c100.p85 .slice, .c100.p84 .slice, .c100.p83 .slice, .c100.p82 .slice, .c100.p81 .slice, .c100.p80 .slice, .c100.p79 .slice, .c100.p78 .slice, .c100.p77 .slice, .c100.p76 .slice, .c100.p75 .slice, .c100.p74 .slice, .c100.p73 .slice, .c100.p72 .slice, .c100.p71 .slice, .c100.p70 .slice, .c100.p69 .slice, .c100.p68 .slice, .c100.p67 .slice, .c100.p66 .slice, .c100.p65 .slice, .c100.p64 .slice, .c100.p63 .slice, .c100.p62 .slice, .c100.p61 .slice, .c100.p60 .slice, .c100.p59 .slice, .c100.p58 .slice, .c100.p57 .slice, .c100.p56 .slice, .c100.p55 .slice, .c100.p54 .slice, .c100.p53 .slice, .c100.p52 .slice, .c100.p51 .slice {
  clip: rect(auto, auto, auto, auto);
}

.pie, .c100.p100 .fill, .c100.p99 .fill, .c100.p98 .fill, .c100.p97 .fill, .c100.p96 .fill, .c100.p95 .fill, .c100.p94 .fill, .c100.p93 .fill, .c100.p92 .fill, .c100.p91 .fill, .c100.p90 .fill, .c100.p89 .fill, .c100.p88 .fill, .c100.p87 .fill, .c100.p86 .fill, .c100.p85 .fill, .c100.p84 .fill, .c100.p83 .fill, .c100.p82 .fill, .c100.p81 .fill, .c100.p80 .fill, .c100.p79 .fill, .c100.p78 .fill, .c100.p77 .fill, .c100.p76 .fill, .c100.p75 .fill, .c100.p74 .fill, .c100.p73 .fill, .c100.p72 .fill, .c100.p71 .fill, .c100.p70 .fill, .c100.p69 .fill, .c100.p68 .fill, .c100.p67 .fill, .c100.p66 .fill, .c100.p65 .fill, .c100.p64 .fill, .c100.p63 .fill, .c100.p62 .fill, .c100.p61 .fill, .c100.p60 .fill, .c100.p59 .fill, .c100.p58 .fill, .c100.p57 .fill, .c100.p56 .fill, .c100.p55 .fill, .c100.p54 .fill, .c100.p53 .fill, .c100.p52 .fill, .c100.p51 .fill, .c100 .bar {
  position: absolute;
  border: 0.08em solid black;
  width: 0.84em;
  height: 0.84em;
  clip: rect(0em, 0.5em, 1em, 0em);
  border-radius: 50%;
  transform: rotate(0deg);
}

.pie-fill, .c100.p100 .fill, .c100.p100 .bar:after, .c100.p99 .fill, .c100.p99 .bar:after, .c100.p98 .fill, .c100.p98 .bar:after, .c100.p97 .fill, .c100.p97 .bar:after, .c100.p96 .fill, .c100.p96 .bar:after, .c100.p95 .fill, .c100.p95 .bar:after, .c100.p94 .fill, .c100.p94 .bar:after, .c100.p93 .fill, .c100.p93 .bar:after, .c100.p92 .fill, .c100.p92 .bar:after, .c100.p91 .fill, .c100.p91 .bar:after, .c100.p90 .fill, .c100.p90 .bar:after, .c100.p89 .fill, .c100.p89 .bar:after, .c100.p88 .fill, .c100.p88 .bar:after, .c100.p87 .fill, .c100.p87 .bar:after, .c100.p86 .fill, .c100.p86 .bar:after, .c100.p85 .fill, .c100.p85 .bar:after, .c100.p84 .fill, .c100.p84 .bar:after, .c100.p83 .fill, .c100.p83 .bar:after, .c100.p82 .fill, .c100.p82 .bar:after, .c100.p81 .fill, .c100.p81 .bar:after, .c100.p80 .fill, .c100.p80 .bar:after, .c100.p79 .fill, .c100.p79 .bar:after, .c100.p78 .fill, .c100.p78 .bar:after, .c100.p77 .fill, .c100.p77 .bar:after, .c100.p76 .fill, .c100.p76 .bar:after, .c100.p75 .fill, .c100.p75 .bar:after, .c100.p74 .fill, .c100.p74 .bar:after, .c100.p73 .fill, .c100.p73 .bar:after, .c100.p72 .fill, .c100.p72 .bar:after, .c100.p71 .fill, .c100.p71 .bar:after, .c100.p70 .fill, .c100.p70 .bar:after, .c100.p69 .fill, .c100.p69 .bar:after, .c100.p68 .fill, .c100.p68 .bar:after, .c100.p67 .fill, .c100.p67 .bar:after, .c100.p66 .fill, .c100.p66 .bar:after, .c100.p65 .fill, .c100.p65 .bar:after, .c100.p64 .fill, .c100.p64 .bar:after, .c100.p63 .fill, .c100.p63 .bar:after, .c100.p62 .fill, .c100.p62 .bar:after, .c100.p61 .fill, .c100.p61 .bar:after, .c100.p60 .fill, .c100.p60 .bar:after, .c100.p59 .fill, .c100.p59 .bar:after, .c100.p58 .fill, .c100.p58 .bar:after, .c100.p57 .fill, .c100.p57 .bar:after, .c100.p56 .fill, .c100.p56 .bar:after, .c100.p55 .fill, .c100.p55 .bar:after, .c100.p54 .fill, .c100.p54 .bar:after, .c100.p53 .fill, .c100.p53 .bar:after, .c100.p52 .fill, .c100.p52 .bar:after, .c100.p51 .fill, .c100.p51 .bar:after {
  transform: rotate(180deg);
}

.c100 *, .c100 *:before, .c100 *:after {
  box-sizing: content-box;
}
.c100 {
  position: relative;
  font-size: 120px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  float: left;
  margin: 0 0.1em 0.1em 0;
  background-color: #C9C9C9;
}
.c100.center {
  float: none;
  margin: 0 auto;
}
.c100.big {
  font-size: 240px;
}
.c100.small {
  font-size: 80px;
}
.c100 > .percentage {
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 0;
  font-size: 0.2em;
  display: block;
  text-align: center;
  white-space: nowrap;
  transition: all 0.2s ease-out;
  top: 23%;
  font-size: 52px;
  width: 100%;
  color: black;
  font-weight: 500;
}
.c100 > .lbl {
  font-size: 16px;
  position: absolute;
  top: 52%;
  z-index: 1;
  text-align: center;
  width: 100%;
  padding: 0px 48px;
  box-sizing: border-box;
}
.c100:after {
  position: absolute;
  top: 0.08em;
  left: 0.08em;
  display: block;
  content: " ";
  border-radius: 50%;
  background-color: white;
  width: 0.84em;
  height: 0.84em;
  transition: all 0.2s ease-in;
}
.c100 .slice {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0em, 1em, 1em, 0.5em);
}
.c100.p1 .bar {
  transform: rotate(3.6deg);
}
.c100.p2 .bar {
  transform: rotate(7.2deg);
}
.c100.p3 .bar {
  transform: rotate(10.8deg);
}
.c100.p4 .bar {
  transform: rotate(14.4deg);
}
.c100.p5 .bar {
  transform: rotate(18deg);
}
.c100.p6 .bar {
  transform: rotate(21.6deg);
}
.c100.p7 .bar {
  transform: rotate(25.2deg);
}
.c100.p8 .bar {
  transform: rotate(28.8deg);
}
.c100.p9 .bar {
  transform: rotate(32.4deg);
}
.c100.p10 .bar {
  transform: rotate(36deg);
}
.c100.p11 .bar {
  transform: rotate(39.6deg);
}
.c100.p12 .bar {
  transform: rotate(43.2deg);
}
.c100.p13 .bar {
  transform: rotate(46.8deg);
}
.c100.p14 .bar {
  transform: rotate(50.4deg);
}
.c100.p15 .bar {
  transform: rotate(54deg);
}
.c100.p16 .bar {
  transform: rotate(57.6deg);
}
.c100.p17 .bar {
  transform: rotate(61.2deg);
}
.c100.p18 .bar {
  transform: rotate(64.8deg);
}
.c100.p19 .bar {
  transform: rotate(68.4deg);
}
.c100.p20 .bar {
  transform: rotate(72deg);
}
.c100.p21 .bar {
  transform: rotate(75.6deg);
}
.c100.p22 .bar {
  transform: rotate(79.2deg);
}
.c100.p23 .bar {
  transform: rotate(82.8deg);
}
.c100.p24 .bar {
  transform: rotate(86.4deg);
}
.c100.p25 .bar {
  transform: rotate(90deg);
}
.c100.p26 .bar {
  transform: rotate(93.6deg);
}
.c100.p27 .bar {
  transform: rotate(97.2deg);
}
.c100.p28 .bar {
  transform: rotate(100.8deg);
}
.c100.p29 .bar {
  transform: rotate(104.4deg);
}
.c100.p30 .bar {
  transform: rotate(108deg);
}
.c100.p31 .bar {
  transform: rotate(111.6deg);
}
.c100.p32 .bar {
  transform: rotate(115.2deg);
}
.c100.p33 .bar {
  transform: rotate(118.8deg);
}
.c100.p34 .bar {
  transform: rotate(122.4deg);
}
.c100.p35 .bar {
  transform: rotate(126deg);
}
.c100.p36 .bar {
  transform: rotate(129.6deg);
}
.c100.p37 .bar {
  transform: rotate(133.2deg);
}
.c100.p38 .bar {
  transform: rotate(136.8deg);
}
.c100.p39 .bar {
  transform: rotate(140.4deg);
}
.c100.p40 .bar {
  transform: rotate(144deg);
}
.c100.p41 .bar {
  transform: rotate(147.6deg);
}
.c100.p42 .bar {
  transform: rotate(151.2deg);
}
.c100.p43 .bar {
  transform: rotate(154.8deg);
}
.c100.p44 .bar {
  transform: rotate(158.4deg);
}
.c100.p45 .bar {
  transform: rotate(162deg);
}
.c100.p46 .bar {
  transform: rotate(165.6deg);
}
.c100.p47 .bar {
  transform: rotate(169.2deg);
}
.c100.p48 .bar {
  transform: rotate(172.8deg);
}
.c100.p49 .bar {
  transform: rotate(176.4deg);
}
.c100.p50 .bar {
  transform: rotate(180deg);
}
.c100.p51 .bar {
  transform: rotate(183.6deg);
}
.c100.p52 .bar {
  transform: rotate(187.2deg);
}
.c100.p53 .bar {
  transform: rotate(190.8deg);
}
.c100.p54 .bar {
  transform: rotate(194.4deg);
}
.c100.p55 .bar {
  transform: rotate(198deg);
}
.c100.p56 .bar {
  transform: rotate(201.6deg);
}
.c100.p57 .bar {
  transform: rotate(205.2deg);
}
.c100.p58 .bar {
  transform: rotate(208.8deg);
}
.c100.p59 .bar {
  transform: rotate(212.4deg);
}
.c100.p60 .bar {
  transform: rotate(216deg);
}
.c100.p61 .bar {
  transform: rotate(219.6deg);
}
.c100.p62 .bar {
  transform: rotate(223.2deg);
}
.c100.p63 .bar {
  transform: rotate(226.8deg);
}
.c100.p64 .bar {
  transform: rotate(230.4deg);
}
.c100.p65 .bar {
  transform: rotate(234deg);
}
.c100.p66 .bar {
  transform: rotate(237.6deg);
}
.c100.p67 .bar {
  transform: rotate(241.2deg);
}
.c100.p68 .bar {
  transform: rotate(244.8deg);
}
.c100.p69 .bar {
  transform: rotate(248.4deg);
}
.c100.p70 .bar {
  transform: rotate(252deg);
}
.c100.p71 .bar {
  transform: rotate(255.6deg);
}
.c100.p72 .bar {
  transform: rotate(259.2deg);
}
.c100.p73 .bar {
  transform: rotate(262.8deg);
}
.c100.p74 .bar {
  transform: rotate(266.4deg);
}
.c100.p75 .bar {
  transform: rotate(270deg);
}
.c100.p76 .bar {
  transform: rotate(273.6deg);
}
.c100.p77 .bar {
  transform: rotate(277.2deg);
}
.c100.p78 .bar {
  transform: rotate(280.8deg);
}
.c100.p79 .bar {
  transform: rotate(284.4deg);
}
.c100.p80 .bar {
  transform: rotate(288deg);
}
.c100.p81 .bar {
  transform: rotate(291.6deg);
}
.c100.p82 .bar {
  transform: rotate(295.2deg);
}
.c100.p83 .bar {
  transform: rotate(298.8deg);
}
.c100.p84 .bar {
  transform: rotate(302.4deg);
}
.c100.p85 .bar {
  transform: rotate(306deg);
}
.c100.p86 .bar {
  transform: rotate(309.6deg);
}
.c100.p87 .bar {
  transform: rotate(313.2deg);
}
.c100.p88 .bar {
  transform: rotate(316.8deg);
}
.c100.p89 .bar {
  transform: rotate(320.4deg);
}
.c100.p90 .bar {
  transform: rotate(324deg);
}
.c100.p91 .bar {
  transform: rotate(327.6deg);
}
.c100.p92 .bar {
  transform: rotate(331.2deg);
}
.c100.p93 .bar {
  transform: rotate(334.8deg);
}
.c100.p94 .bar {
  transform: rotate(338.4deg);
}
.c100.p95 .bar {
  transform: rotate(342deg);
}
.c100.p96 .bar {
  transform: rotate(345.6deg);
}
.c100.p97 .bar {
  transform: rotate(349.2deg);
}
.c100.p98 .bar {
  transform: rotate(352.8deg);
}
.c100.p99 .bar {
  transform: rotate(356.4deg);
}
.c100.p100 .bar {
  transform: rotate(360deg);
}
.c100:hover {
  cursor: default;
}
.c100:hover > span {
  width: 3.33em;
  line-height: 3.33em;
  font-size: 0.3em;
  color: black;
}
.c100:hover:after {
  top: 0.04em;
  left: 0.04em;
  width: 0.92em;
  height: 0.92em;
}
.c100.dark {
  background-color: #777;
}
.c100.dark .bar,
.c100.dark .fill {
  border-color: #c6ff00 !important;
}
.c100.dark > span {
  color: #777;
}
.c100.dark:after {
  background-color: #666;
}
.c100.dark:hover > span {
  color: #c6ff00;
}
.c100.green .bar, .c100.green .fill {
  border-color: #4db53c !important;
}
.c100.green:hover > span {
  color: #4db53c;
}
.c100.green.dark .bar, .c100.green.dark .fill {
  border-color: #5fd400 !important;
}
.c100.green.dark:hover > span {
  color: #5fd400;
}
.c100.orange .bar, .c100.orange .fill {
  border-color: #dd9d22 !important;
}
.c100.orange:hover > span {
  color: #dd9d22;
}
.c100.orange.dark .bar, .c100.orange.dark .fill {
  border-color: #e08833 !important;
}
.c100.orange.dark:hover > span {
  color: #e08833;
}

#hfcs-header .menu-button {
  position: absolute;
  top: -49px;
  right: 40px;
}

#hfcs-header {
  z-index: 9999;
  background-color: #00689E;
}
#hfcs-header .fl-page-header-container {
  padding-top: 0;
  padding-bottom: 10px;
  padding-top: 0;
  padding-left: 2%;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  max-width: none;
}
#hfcs-header.small #hfcs-main-menu .right-nav .main-nav > li {
  margin: 0.9rem 1rem;
}
#hfcs-header .menu-search, #hfcs-header .menu-search .fas {
  color: white;
}
#hfcs-header .menu-search .fas {
  position: relative;
  top: 3px;
}
#hfcs-header .menu-search.open, #hfcs-header .menu-search:hover {
  border-bottom: 1px solid white;
}
#hfcs-header .menu-search.open .fas, #hfcs-header .menu-search:hover .fas {
  color: white;
}
#hfcs-header .fl-page-header-logo {
  margin: 3px 0 0 0;
  padding: 0;
  float: left;
  width: auto;
}
@media screen and (max-width: 960px) {
  #hfcs-header .fl-page-header-logo {
    float: none;
  }
}
#hfcs-header .fl-page-header-logo.single-header {
  justify-content: center;
}
#hfcs-header .fl-logo-img {
  max-width: 285px;
  min-width: 200px;
}

#hfcs-main-menu {
  color: white;
}
#hfcs-main-menu .right-nav {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
@media screen and (max-width: 960px) {
  #hfcs-main-menu .right-nav {
    position: relative;
  }
}
#hfcs-main-menu.school-menu {
  color: #00689E;
  background-color: white;
  float: right;
}
@media screen and (max-width: 960px) {
  #hfcs-main-menu.school-menu {
    position: relative;
    float: none;
  }
}
#hfcs-main-menu.school-menu {
  padding-right: 2vw;
}
#hfcs-main-menu.school-menu ul li a {
  color: #00689E;
}
#hfcs-main-menu.school-menu .menu-search .fas {
  color: white;
}
#hfcs-main-menu.school-menu .menu-search > input {
  color: white;
  border-bottom: 1px solid #FFCB05;
}
#hfcs-main-menu.school-menu .menu-search:before {
  color: #FFCB05;
}
#hfcs-main-menu.open {
  display: block;
}
#hfcs-main-menu .sub-menu {
  display: none;
  line-height: 18px;
  position: absolute;
  background: white;
  width: 300px;
  padding: 1rem 0rem;
  transform: translateX(-25%);
  box-shadow: 3px 3px 10px 2px rgba(0, 0, 0, 0.4);
}
#hfcs-main-menu .sub-menu a {
  color: #00689E;
  font-size: 15px;
  text-transform: none;
  display: block;
  padding: 4px 2rem;
  opacity: 1;
}
#hfcs-main-menu .sub-menu a:hover {
  background-color: #eee;
}
#hfcs-main-menu .sub-menu li {
  display: block;
}
#hfcs-main-menu ul {
  padding: 0;
}
#hfcs-main-menu .main-nav > li {
  text-transform: uppercase;
  margin: 2rem 1rem;
}
#hfcs-main-menu .main-nav > li > a {
  font-weight: bold;
}
#hfcs-main-menu .main-nav > li:hover > a {
  color: #FFCB05;
}
@media screen and (min-width: 960px) {
  #hfcs-main-menu .main-nav > li:hover .sub-menu {
    display: block;
  }
}
@media screen and (max-width: 960px) {
  #hfcs-main-menu .main-nav > li:hover .sub-menu {
    position: static;
    display: block;
    width: auto;
    transform: none;
  }
}
@media screen and (max-width: 960px) {
  #hfcs-main-menu .main-nav > li {
    display: block;
  }
}
#hfcs-main-menu ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  cursor: pointer;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
#hfcs-main-menu ul li a {
  color: white;
  font-size: 14px;
  font-weight: 400;
  font-family: "Montserrat";
  padding-left: 0px;
  transition: all 0.2s ease-in;
}
#hfcs-main-menu ul li a:hover {
  opacity: 1;
  transition: all 0.2s ease-in;
}
#hfcs-main-menu .menu-button .fa-close {
  display: none;
}
#hfcs-main-menu .main-nav {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}
@media screen and (max-width: 960px) {
  #hfcs-main-menu .main-nav {
    display: block;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease-in;
  }
  #hfcs-main-menu .main-nav.expand {
    max-height: 100vh;
    transition: all 0.3s ease-in;
    overflow-y: auto;
  }
  #hfcs-main-menu .main-nav.expand ~ .menu-button .fa-close {
    display: inline;
  }
  #hfcs-main-menu .main-nav.expand ~ .menu-button .fa-bars {
    display: none;
  }
  #hfcs-main-menu .main-nav .item {
    text-align: center;
  }
}
#hfcs-main-menu > ul > li {
  display: inline-block;
  vertical-align: top;
  width: auto;
}
#hfcs-main-menu > ul > li > a {
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: 500;
  position: relative;
}

.menu-search {
  border-bottom: 1px solid transparent;
  color: #00689E;
  display: inline-block;
  vertical-align: middle;
}
.menu-search > input {
  background: none;
  border: 0;
  border-radius: 0;
  padding-bottom: 10px;
  padding-top: 12px;
  padding-left: 8px;
  font-weight: 500;
  width: 0;
  display: inline-block;
  color: white;
}
@media screen and (max-width: 768px) {
  .menu-search > input {
    text-align: center;
  }
}
.menu-search > input:focus {
  background-color: transparent;
}
.menu-search.open, .menu-search:hover {
  border-bottom: #00689E;
}
.menu-search.open > input, .menu-search:hover > input {
  width: 120px;
}
@media screen and (max-width: 960px) {
  .menu-search {
    display: none;
  }
  .menu-search input {
    width: 85%;
  }
}

.menu-button {
  display: none;
}
@media screen and (max-width: 960px) {
  .menu-button {
    display: inline-block;
  }
}
.menu-button {
  position: absolute;
  top: -49px;
  right: 40px;
  top: 1rem;
  right: 1rem;
  cursor: pointer;
  border: 1px solid white;
  padding: 0 13px;
}
.menu-button span {
  font-family: "Montserrat";
  font-size: 13px;
  text-transform: uppercase;
  font-weight: bold;
  color: white;
  position: relative;
  top: -1px;
}
.menu-button .fas {
  color: white;
  margin-left: 4px;
}

#hfcs-header .logo,
#hfcs-school-header .logo {
  width: 349px;
  height: 55px;
  margin-left: 2rem;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
#hfcs-header .logo.alum-header, #hfcs-header .logo.admission-header, #hfcs-header .logo.give-header,
#hfcs-school-header .logo.alum-header,
#hfcs-school-header .logo.admission-header,
#hfcs-school-header .logo.give-header {
  background-image: url("images/hfcs-blue.jpg");
}
#hfcs-header .logo.wchs-header,
#hfcs-school-header .logo.wchs-header {
  background-image: url("images/wchs-blue.jpg");
}
#hfcs-header .logo.mcms-header,
#hfcs-school-header .logo.mcms-header {
  background-image: url("images/mcms-blue.jpg");
}
#hfcs-header .logo.hge-header,
#hfcs-school-header .logo.hge-header {
  background-image: url("images/hge-blue.jpg");
}
#hfcs-header .logo.olg-header,
#hfcs-school-header .logo.olg-header {
  background-image: url("/wp-content/uploads/2021/08/OLG_horz1_logo_RGB_LT_SCHOOL.png");
}
#hfcs-header .logo.resu-header,
#hfcs-school-header .logo.resu-header {
  background-image: url("images/resu-blue.jpg");
}
#hfcs-header .logo.anth-header,
#hfcs-school-header .logo.anth-header {
  background-image: url("images/anth-blue.jpg");
}
#hfcs-header .logo.colu-header,
#hfcs-school-header .logo.colu-header {
  background-image: url("images/colu-blue.jpg");
}
#hfcs-header .logo.hfec-header,
#hfcs-school-header .logo.hfec-header {
  background-image: url("images/hfec-blue.jpg");
}
@media screen and (max-width: 960px) {
  #hfcs-header .logo,
  #hfcs-school-header .logo {
    max-width: 50%;
  }
}

#hfcs-school-header {
  background-color: white;
}
#hfcs-school-header .fl-page-header-container {
  padding-bottom: 0;
}
#hfcs-school-header .fl-page-header-container .menu-search > input {
  color: #00689E;
  border-bottom: 1px solid #00689E;
}
#hfcs-school-header .fl-page-header-container .menu-search:before {
  color: #00689E;
}
#hfcs-school-header .menu-button .fas, #hfcs-school-header .menu-button span {
  color: #00689E;
}
#hfcs-school-header .menu-button {
  border-color: #00689E;
  position: absolute;
  top: -43px;
  right: 25px;
}

.fl-page-header-wrap {
  box-shadow: 1px 1px 90px 1px rgba(0, 0, 0, 0.4);
}

.small-header {
  background: #00689E;
  position: relative;
  cursor: pointer;
}
.small-header a, .small-header a:hover {
  color: white;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 21px;
  cursor: pointer;
}
.small-header a img, .small-header a:hover img {
  max-height: 38px;
  margin-top: 2px;
  margin-left: 0.5vw;
  margin-bottom: 4px;
}
.small-header #hfcs-main-menu .menu-button {
  position: absolute;
  top: -35px;
  right: 10px;
}

.HFbutton,
.HFbutton a,
.HFbuttonlong,
.HFbuttonlong a {
  float: left;
  text-align: center;
  min-width: 280px;
  color: #eee;
  line-height: 16px;
  background: #13467c;
  padding: 8px;
  padding-left: 14px;
  padding-right: 14px;
  margin-right: 15px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  text-decoration: none;
}

.fl-accordion-item .fl-accordion-button {
  background-color: #00689E;
  font-weight: bold;
}
.fl-accordion-item .fl-accordion-button .fl-accordion-button-label {
  color: #FFCB05;
}

.fl-accordion-item.fl-accordion-item-active .fl-accordion-button {
  background-color: #FFCB05;
}
.fl-accordion-item.fl-accordion-item-active .fl-accordion-button .fl-accordion-button-label {
  color: #00689E;
}

#gtranslate_wrapper {
  right: 320px !important;
}

@media screen and (max-width: 768px) {
  #gtranslate_wrapper {
    right: auto !important;
    left: 0;
    bottom: 63px !important;
  }
}
.staff-directory-list {
  max-width: 1050px;
  margin: 0 auto;
}

.staff-line {
  display: inline-block;
  vertical-align: top;
  width: 20%;
  margin: 20px;
  font-size: 12px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .staff-line {
    width: 45%;
  }
}
@media screen and (max-width: 468px) {
  .staff-line {
    width: 80%;
  }
}

.staff-name {
  font-weight: bold;
  font-size: 18px;
}

.staff-photo {
  height: 150px;
  width: 150px;
  background-size: cover;
  border-radius: 200px;
  margin: 16px auto;
  background-repeat: no-repeat;
}

.staff-more {
  cursor: pointer;
}

.staff-bio {
  display: none;
  text-align: left;
  position: absolute;
  background: rgb(174, 217, 255);
  padding: 2rem;
  width: 50%;
  max-width: 600px;
  min-width: 240px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  overflow-y: auto;
  max-height: 60vh;
  z-index: 2;
}
.staff-bio p {
  font-size: 15px;
}

.staff-more.show + .staff-bio {
  display: block;
}

.job-directory-list {
  max-width: 1050px;
  margin: 0 auto;
}

.job-filters {
  margin-bottom: 1.5rem;
}
.job-filters .col-12 {
  margin-bottom: 0.75rem;
}

.job-line {
  display: block;
  vertical-align: top;
  width: 100%;
  margin: 24px 0;
  padding: 20px 24px;
  font-size: 14px;
  text-align: left;
  border: 1px solid #C9C9C9;
  border-radius: 4px;
  background: #fff;
  box-sizing: border-box;
}

.job-title {
  font-weight: bold;
  font-size: 20px;
  color: #00689E;
  margin-bottom: 8px;
}

.job-salary {
  font-weight: 600;
  margin-bottom: 6px;
}

.job-meta-row {
  font-size: 13px;
  color: #5B5D5E;
  margin-bottom: 4px;
}
.job-meta-row strong {
  color: #414345;
}
.job-meta-row a {
  color: #00689E;
}

.job-category,
.job-location,
.job-employment,
.job-contact {
  font-size: 13px;
  color: #5B5D5E;
  margin-bottom: 4px;
}

.job-excerpt {
  margin: 12px 0;
  line-height: 1.5;
}
.job-excerpt p {
  margin: 0 0 0.75em;
  font-size: 14px;
}

.job-more {
  cursor: pointer;
  display: inline-block;
  margin-top: 8px;
  color: #00689E;
  font-weight: 600;
}

.job-details {
  display: none;
  text-align: left;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #ECEDED;
  font-size: 14px;
}
.job-details p {
  font-size: 14px;
}
.job-details ul,
.job-details ol {
  font-size: 14px;
  margin: 0 0 0.9em 1.25em;
}
.job-details li {
  font-size: 14px;
  margin-bottom: 0.3em;
}

.job-more.show + .job-details {
  display: block;
}

.job-apply-wrap {
  margin: 16px 0 0;
}

.job-apply.btn {
  display: inline-block;
  padding: 10px 20px;
}

/* Single job posting */
.job-single {
  max-width: 900px;
  margin: 0 auto;
}

.job-single-header {
  margin-bottom: 1.5rem;
}

.job-single-salary {
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0.5rem 0 1rem;
}

.job-single-meta {
  font-size: 14px;
  color: #5B5D5E;
  line-height: 1.6;
}
.job-single-meta p {
  margin: 0.35rem 0;
}
.job-single-meta a {
  color: #00689E;
}

.job-single-content {
  margin-bottom: 2rem;
}

.job-single-footer {
  padding-top: 1rem;
  border-top: 1px solid #ECEDED;
}

.job-single-apply-wrap {
  margin: 0 0 1rem;
}

.job-single-apply-btn {
  display: inline-block;
  padding: 12px 28px;
  font-size: 16px;
}

.job-single-back {
  margin: 0;
  font-size: 15px;
}
.job-single-back a {
  color: #00689E;
}

#breadcrumbs {
  color: #9a9a9a;
  margin-top: 4rem;
  text-transform: uppercase;
  font-size: 1.5rem;
  font-weight: bold;
}
#breadcrumbs a {
  color: #9a9a9a;
  font-weight: normal;
}
#breadcrumbs a:hover {
  text-decoration: underline;
}
#breadcrumbs .breadcrumb_last {
  font-weight: bold;
}

#ai1ec-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
}

#fundometer {
  margin: 0 auto;
  height: 78px;
  border-radius: 10px;
  box-shadow: inset 0 0 10px #ccc;
  position: relative;
}
#fundometer .progress-bar {
  height: 78px;
  border-radius: 10px;
  display: inline-block;
  width: 0%;
  min-width: 30px;
  /* fallback */
  background-color: #27679A;
  overflow: hidden;
}
#fundometer h3.goal, #fundometer h3.raised {
  font-size: 25px;
  font-weight: 600;
  line-height: 78px;
  margin: 0;
  padding: 0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #fundometer h3.goal, #fundometer h3.raised {
    font-size: 14px;
  }
}
#fundometer h3.raised {
  color: #fff;
  animation: fadein 3s;
  text-align: center;
}
#fundometer h3.goal {
  color: rgba(0, 0, 0, 0.3);
  text-align: center;
  position: absolute;
  right: 0;
  float: right;
  display: inline-block;
  padding: 0 25px;
  animation: fadein 3s;
}
@media screen and (max-width: 600px) {
  #fundometer h3.goal {
    float: none;
    position: static;
    right: auto;
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@media print {
  #hfcs-header,
  #hfcs-footer {
    display: none;
  }
  body > .fl-page {
    padding-top: 0 !important;
  }
  #breadcrumbs a:link:after, #breadcrumbs a:visited:after {
    content: "";
  }
}
.order-status.status-pending {
  background: #990000;
  color: white;
}
.order-status.status-manufacturing {
  background-color: #000099;
  color: white;
}
.order-status.status-completed.tips {
  background: #009900;
  color: white;
}

.cart-contents {
  position: relative;
  display: flex !important;
  flex-flow: column nowrap;
  justify-content: center;
}

.cart-contents::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f290" !important;
  font-size: 22px;
  color: white;
}

.cart-contents:hover {
  text-decoration: none;
}

.cart-contents-count {
  position: absolute;
  top: 12px;
  right: -5px;
  transform: translateY(-105%) translateX(25%);
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  height: 16px;
  width: 16px;
  vertical-align: middle;
  text-align: center;
  color: #fff !important;
  background: red;
  border-radius: 50%;
  padding: 1px;
}

.woocommerce-tabs ul.tabs .additional_information_tab {
  display: none !important;
}

.reset_variations {
  display: none !important;
}

.product_cat-spirit [for=logo],
.product_cat-spirit #logo,
[for=order-type],
#order-type,
.product_cat-spirit [for=pa_logo],
.product_cat-spirit #pa_logo,
[for=pa_order-type],
#pa_order-type {
  display: none;
}

body {
  color: #333;
}
body a {
  color: #00689E;
}
body h1, body h1 .fl-heading-text {
  font-size: 52px;
  font-family: Montserrat;
  font-weight: 500;
  color: #00689E;
}
@media screen and (max-width: 768px) {
  body h1, body h1 .fl-heading-text {
    font-size: 38px;
  }
}
body h2 {
  font-size: 32px;
  color: #00689E;
  font-weight: 500;
  font-family: Montserrat;
}
body h3, body h3 .fl-heading-text {
  font-size: 25px;
  color: #00689E;
  font-family: Montserrat;
}
body h4 {
  font-size: 20px;
  color: #00689E;
  font-weight: bold;
  font-family: Montserrat;
}
body a:hover, body a:focus {
  text-decoration: none;
}
body .primary {
  color: #00689E;
}
body .secondary {
  color: #FFCB05;
}
body .gray-150 {
  color: #7C7C7C;
}
body .bg-primary {
  background-color: #00689E;
}
body .bg-secondary {
  background-color: #FFCB05;
}
body .font-medium {
  font-weight: 500;
}
body p, body li, body ol {
  font-family: "Raleway", serif;
  font-size: 20px;
}

.btn, .fl-builder-content a.fl-button, form .frm_submit .frm_button_submit.btn {
  background: #00689E;
  color: white;
  font-size: 16px;
  font-weight: normal;
  line-height: 18px;
  min-width: 156px;
  padding: 11px 11px;
  text-decoration: none;
  text-shadow: none;
  font-family: Montserrat;
}
.btn:active, .fl-builder-content a.fl-button:active, form .frm_submit .frm_button_submit.btn:active {
  position: relative;
  top: 1px;
}
.btn:hover, .fl-builder-content a.fl-button:hover, form .frm_submit .frm_button_submit.btn:hover {
  background: #00689E;
  color: white;
}
.btn.white, .fl-builder-content a.fl-button.white, form .frm_submit .frm_button_submit.btn.white {
  color: #00689E;
  background-color: white;
  font-weight: 500;
}
.btn.right, .fl-builder-content a.fl-button.right, form .frm_submit .frm_button_submit.btn.right {
  float: right;
}

ul li ul {
  padding-left: 0;
}
ul li ul li {
  list-style: none;
}

body:not(.fl-builder) .fl-content-full.container {
  width: auto;
  max-width: none;
}
body:not(.fl-builder) .fl-content-full.container .fl-post {
  max-width: 1020px;
  margin: auto;
}

.fl-page-nav-right.fl-page-header-fixed, .fl-page-header-fixed {
  z-index: 1001;
}

.slick-arrow {
  z-index: 2;
  border: 0 !important;
  display: block;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.7);
  height: 88px;
  width: 88px;
  top: 50%;
  transform: translateY(-44px);
  cursor: pointer;
}
.slick-arrow.prev {
  left: 0;
  transform: rotate(180deg) translateY(44px);
}
.slick-arrow.next {
  right: 0;
}
.slick-arrow:active, .slick-arrow:focus {
  top: 50%;
  position: absolute;
}

.prev, .next {
  background-image: url("images/chevron.svg");
  background-size: 17px 32px;
  background-repeat: no-repeat;
  background-position: center;
}

.slick-dots {
  bottom: 50px;
}
.slick-dots li.slick-active button:before {
  color: #00689E;
  font-size: 16px;
  opacity: 1;
}
.slick-dots li button:before {
  font-size: 10px;
  color: #C9C9C9;
  opacity: 1;
}

.background-overlay {
  position: absolute;
  bottom: 0;
  top: 60%;
  left: 0;
  right: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
}

#intro-slides-container {
  position: relative;
}
#intro-slides-container .slide {
  min-height: 520px;
  height: 75vh;
  width: 100%;
  background-position: 50% 35%;
  background-repeat: no-repeat;
  background-size: cover;
  box-sizing: border-box;
  text-align: center;
  background-color: #00689E;
}
#intro-slides-container .slide .slide-content {
  position: absolute;
  bottom: 5%;
  left: 0;
  right: 0;
}
#intro-slides-container .slide h1, #intro-slides-container .slide p {
  color: white;
}
#intro-slides-container .slide-heading {
  margin-bottom: 30px;
  z-index: 2;
  position: relative;
}
#intro-slides-container .slick-dotted.slick-slider {
  margin-bottom: 0px;
}
#intro-slides-container .slick-dots {
  bottom: 100px;
}
#intro-slides-container .scroll-down {
  color: white;
  font-size: 40px;
  margin-top: 4rem;
}
#intro-slides-container .btn {
  position: relative;
  z-index: 1;
}

.close-x {
  background-image: url("images/x.svg");
  height: 30px;
  width: 30px;
  position: absolute;
  top: 30px;
  right: 30px;
  cursor: pointer;
}

#alert-banner {
  background: #FFCB05;
  text-align: left;
  display: none;
}
#alert-banner .close-x {
  background-image: url("images/x-blue.svg");
}
#alert-banner .alert {
  margin-bottom: 0;
}
#alert-banner .alert .message {
  text-align: left;
  width: 75%;
  padding-left: 10%;
  display: inline-block;
}
#alert-banner h2 {
  color: #E40084;
}
#alert-banner p {
  color: #00689E;
}
#alert-banner .btn {
  margin-left: 40px;
  margin-bottom: 30px;
  background: #00689E;
  color: white;
}
@media screen and (max-width: 768px) {
  #alert-banner h2 {
    font-size: 22px;
  }
  #alert-banner p {
    font-size: 14px;
  }
}

.value-graphic > .fl-col-content {
  height: 230px;
  margin-bottom: 25px !important;
}

#intro-card-container {
  height: 300px;
}
@media screen and (max-width: 768px) {
  #intro-card-container {
    height: 0px;
  }
  #intro-card-container .fl-module-content {
    margin: 0;
  }
}

.intro-cards {
  transform: translateY(-92px);
  z-index: 1000;
  position: relative;
  display: flex;
  justify-content: space-between;
  background: white;
}
body.home .intro-cards {
  transform: translateY(-112px);
}
@media screen and (max-width: 768px) {
  .intro-cards {
    display: none;
  }
}

.intro-card {
  display: flex;
  flex-direction: column;
  width: 33%;
  text-align: center;
  background: #ECEDED;
  position: relative;
  padding-bottom: 120px;
}
.intro-card h3 {
  height: 82px;
  line-height: 82px;
  margin: 0;
  background: #FFCB05;
  color: #00689E;
  font-weight: 500;
}
.intro-card p {
  color: #00689E;
  padding: 30px 25px 0;
  font-size: 18px;
  font-family: "Raleway", serif;
}
.intro-card .btn {
  color: white;
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
}
.intro-card .btn:active {
  top: auto;
}

.intro-card-sticky-header {
  height: 82px;
  color: #00689E;
  background: #FFCB05;
  justify-content: center;
  text-align: center;
  display: none;
}
@media screen and (max-width: 768px) {
  .intro-card-sticky-header {
    display: none !important;
  }
}
.intro-card-sticky-header .intro-cards {
  transform: none;
  justify-content: center;
  background: none;
}
.intro-card-sticky-header .intro-card {
  display: inline-block;
  color: #00689E;
  padding-bottom: 0;
}
.intro-card-sticky-header .intro-card:first-child {
  border-right: 2px solid white;
}
.intro-card-sticky-header .intro-card:last-child {
  border-left: 2px solid white;
}
.intro-card-sticky-header a.fl-module-heading {
  color: #00689E;
  height: 73px;
  display: block;
  line-height: 73px;
  cursor: pointer;
  font-weight: 500;
  text-align: center;
  border: 0;
}
.intro-card-sticky-header a.fl-module-heading:hover {
  text-decoration: none;
  color: #00689E;
}
@media screen and (max-width: 768px) {
  .intro-card-sticky-header {
    display: flex;
  }
  .intro-card-sticky-header .intro-card {
    width: 32%;
  }
  .intro-card-sticky-header .intro-card:first-child {
    border-left: 0;
  }
  .intro-card-sticky-header .intro-card:last-child {
    border-right: 0;
  }
}

.school-links {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.school-links a {
  width: 33.2%;
  height: 145px;
  background-color: #00689E;
  transition: background-color 0.275s ease-in-out;
  margin-bottom: 3px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
  font-size: 0;
}
.school-links a:hover {
  background-color: #0091B9;
}
.school-links a.logo-columbkille {
  background-image: url("images/logo-columbkille.svg");
}
.school-links a.logo-early-childhood {
  background-image: url("images/logo-early-childhood.svg");
}
.school-links a.logo-holy-ghost {
  background-image: url("images/logo-holy-ghost.svg");
}
.school-links a.logo-mazz {
  background-image: url("images/logo-mazz.svg");
}
.school-links a.logo-our-lady {
  background-image: url("/wp-content/uploads/2021/08/OLG_horz1_logo_RGB_DK_SCHOOL-1.png");
}
.school-links a.logo-resurrection {
  background-image: url("images/logo-resurrection.svg");
}
.school-links a.logo-st-anthony {
  background-image: url("images/logo-st-anthony.svg");
}
.school-links a.logo-wahlert {
  background-image: url("images/logo-wahlert.svg");
}
@media screen and (max-width: 1024px) {
  .school-links a {
    width: 49.9%;
  }
}
@media screen and (max-width: 768px) {
  .school-links a {
    width: 100%;
    font-size: 22px;
    color: white;
    text-align: center;
    line-height: 60px;
    height: 60px;
    font-weight: 500;
    background-image: none !important;
  }
}

#testimonials-container, #infographics-container {
  margin-bottom: 75px;
}
#testimonials-container .slick-arrow, #infographics-container .slick-arrow {
  transform: translateY(0);
  background-color: transparent;
  background-image: url("images/chevron-blue.svg");
}
#testimonials-container .slick-arrow.prev, #infographics-container .slick-arrow.prev {
  transform: translateY(0) rotate(180deg);
}
#testimonials-container .slick-dots, #infographics-container .slick-dots {
  bottom: -65px;
}
#testimonials-container #testimonials, #testimonials-container #infographics, #infographics-container #testimonials, #infographics-container #infographics {
  max-width: 90%;
  margin: 0 auto;
}
#testimonials-container #testimonials .testimonial, #testimonials-container #testimonials #infographics, #testimonials-container #infographics .testimonial, #testimonials-container #infographics #infographics, #infographics-container #testimonials .testimonial, #infographics-container #testimonials #infographics, #infographics-container #infographics .testimonial, #infographics-container #infographics #infographics {
  border: 2px solid #E4F1FD;
  border-radius: 4px;
  width: 360px;
  margin: 0 12px;
  text-align: center;
  padding: 30px;
}
#testimonials-container #testimonials .testimonial.expanded .quote, #testimonials-container #testimonials #infographics.expanded .quote, #testimonials-container #infographics .testimonial.expanded .quote, #testimonials-container #infographics #infographics.expanded .quote, #infographics-container #testimonials .testimonial.expanded .quote, #infographics-container #testimonials #infographics.expanded .quote, #infographics-container #infographics .testimonial.expanded .quote, #infographics-container #infographics #infographics.expanded .quote {
  display: block;
  margin-bottom: 25px;
}
#testimonials-container #testimonials .testimonial.expanded .more-btn, #testimonials-container #testimonials .testimonial.expanded .small-quote, #testimonials-container #testimonials #infographics.expanded .more-btn, #testimonials-container #testimonials #infographics.expanded .small-quote, #testimonials-container #infographics .testimonial.expanded .more-btn, #testimonials-container #infographics .testimonial.expanded .small-quote, #testimonials-container #infographics #infographics.expanded .more-btn, #testimonials-container #infographics #infographics.expanded .small-quote, #infographics-container #testimonials .testimonial.expanded .more-btn, #infographics-container #testimonials .testimonial.expanded .small-quote, #infographics-container #testimonials #infographics.expanded .more-btn, #infographics-container #testimonials #infographics.expanded .small-quote, #infographics-container #infographics .testimonial.expanded .more-btn, #infographics-container #infographics .testimonial.expanded .small-quote, #infographics-container #infographics #infographics.expanded .more-btn, #infographics-container #infographics #infographics.expanded .small-quote {
  display: none;
}
#testimonials-container #testimonials .testimonial .small-quote, #testimonials-container #testimonials #infographics .small-quote, #testimonials-container #infographics .testimonial .small-quote, #testimonials-container #infographics #infographics .small-quote, #infographics-container #testimonials .testimonial .small-quote, #infographics-container #testimonials #infographics .small-quote, #infographics-container #infographics .testimonial .small-quote, #infographics-container #infographics #infographics .small-quote {
  margin-bottom: 5px;
  font-size: 34px;
  font-style: italic;
  font-weight: 100;
  line-height: 42px;
}
#testimonials-container #testimonials .testimonial .quote, #testimonials-container #testimonials #infographics .quote, #testimonials-container #infographics .testimonial .quote, #testimonials-container #infographics #infographics .quote, #infographics-container #testimonials .testimonial .quote, #infographics-container #testimonials #infographics .quote, #infographics-container #infographics .testimonial .quote, #infographics-container #infographics #infographics .quote {
  display: none;
}
#testimonials-container #testimonials .testimonial p, #testimonials-container #testimonials #infographics p, #testimonials-container #infographics .testimonial p, #testimonials-container #infographics #infographics p, #infographics-container #testimonials .testimonial p, #infographics-container #testimonials #infographics p, #infographics-container #infographics .testimonial p, #infographics-container #infographics #infographics p {
  font-size: 16px;
  margin-bottom: 0;
}
#testimonials-container #testimonials .testimonial .more-btn, #testimonials-container #testimonials #infographics .more-btn, #testimonials-container #infographics .testimonial .more-btn, #testimonials-container #infographics #infographics .more-btn, #infographics-container #testimonials .testimonial .more-btn, #infographics-container #testimonials #infographics .more-btn, #infographics-container #infographics .testimonial .more-btn, #infographics-container #infographics #infographics .more-btn {
  margin-bottom: 20px;
  cursor: pointer;
  font-style: italic;
  font-size: 16px;
}

#infographics-row {
  background: #00689E;
  padding: 40px;
  min-height: 675px;
}
#infographics-row h1, #infographics-row h6 {
  color: white;
}
#infographics-row h1 .fl-heading-text, #infographics-row h6 .fl-heading-text {
  color: white;
}
#infographics-row .description {
  color: white;
  font-size: 16px;
  width: 66%;
  margin: 0 auto;
  font-weight: lighter;
}
#infographics-row .prev, #infographics-row .next {
  background-image: url("images/chevron-white.svg");
  background-color: transparent;
}
#infographics-row .photo {
  height: 172px;
  width: 172px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 20px auto;
}

.photo-circle {
  height: 190px;
  width: 190px;
  border-radius: 125px;
  background-size: cover;
  background-position: center center;
  margin: 0 auto 20px;
}

#photos-and-links-container .btn {
  margin: 40px auto;
  display: block;
  width: 156px;
}

#photos-and-links {
  width: 90%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#photos-and-links .photo_and_link {
  display: inline-block;
  width: 32%;
  margin-bottom: 20px;
}
#photos-and-links .photo_and_link.quick_links, #photos-and-links .photo_and_link.quick_links h2, #photos-and-links .photo_and_link.quick_links a, #photos-and-links .photo_and_link.quick_links a:hover {
  color: white;
}
#photos-and-links .photo_and_link.quick_links .photo {
  background-color: #00689E;
  padding: 0 4rem;
  overflow-y: auto;
}
@media screen and (max-width: 768px) {
  #photos-and-links .photo_and_link {
    width: 100%;
  }
}
#photos-and-links .photo {
  margin: 10px;
  height: 300px;
  display: inline-block;
  width: 100%;
  background-repeat: no-repeat;
  position: relative;
  background-size: 150%;
  background-position: center;
  transition: all 0.3s ease-in;
}
#photos-and-links .photo:hover {
  background-size: 175%;
  transition: all 0.3s ease-in;
}
#photos-and-links .photo .background-overlay {
  background-image: none;
  background-color: rgba(0, 104, 158, 0.65);
  top: 0;
}
#photos-and-links .label {
  font-style: italic;
  font-weight: 500;
  font-size: 30px;
  color: white;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 120px 40px 50px;
  z-index: 3;
  white-space: normal;
  text-align: left;
}
#photos-and-links .label:after {
  content: " ";
  background-image: url("images/chevron-white.svg");
  height: 20px;
  width: 9px;
  display: inline-block;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 10px;
}

#contact-us input, #contact-us select, #contact-us textarea {
  background-color: white;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 16px;
  color: #00689E;
  padding: 25px 20px;
}
#contact-us input::-moz-placeholder, #contact-us select::-moz-placeholder, #contact-us textarea::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #00689E;
  opacity: 1; /* Firefox */
}
#contact-us input::placeholder, #contact-us select::placeholder, #contact-us textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #00689E;
  opacity: 1; /* Firefox */
}
#contact-us input:-ms-input-placeholder, #contact-us select:-ms-input-placeholder, #contact-us textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #00689E;
}
#contact-us input::-ms-input-placeholder, #contact-us select::-ms-input-placeholder, #contact-us textarea::-ms-input-placeholder { /* Microsoft Edge */
  color: #00689E;
}
#contact-us input, #contact-us select, #contact-us textarea {
  border-color: white;
  box-shadow: none;
}
#contact-us input:active, #contact-us input:focus, #contact-us select:active, #contact-us select:focus, #contact-us textarea:active, #contact-us textarea:focus {
  border-color: white;
  box-shadow: none;
}
#contact-us textarea {
  padding: 15px 20px;
}
#contact-us button {
  width: 100%;
  height: 60px;
  background: #00689E;
  border-color: #00689E;
  color: white;
  font-size: 16px;
  font-family: Montserrat;
}
#contact-us .email a {
  color: #00689E;
  padding-bottom: 5px;
  font-weight: 500;
  display: inline-block;
}
#contact-us .email a:hover {
  text-decoration: none;
}
#contact-us .email a:after {
  content: " ";
  background-color: #FFCB05;
  width: 75%;
  height: 2px;
  display: block;
  margin: 5px auto 0;
}
#contact-us .frm_primary_label {
  display: none;
}

#calendar-events-container .btn {
  margin: 20px auto 0;
  display: block;
  width: 180px;
  padding: 11px 0;
  background-color: white;
  color: #00689E;
}
#calendar-events-container .slick-slide {
  margin-left: 10px;
  margin-right: 10px;
}
#calendar-events-container #calendar-events {
  max-width: 90%;
  margin: 0 auto;
}
#calendar-events-container .slick-arrow {
  background-color: white;
}
#calendar-events-container .event-wrap {
  text-align: center;
  color: white;
  display: inline-block;
  width: 33%;
  vertical-align: top;
}
#calendar-events-container .event-wrap a {
  color: white;
}
#calendar-events-container .event-wrap .event-date {
  border: 5px solid white;
  text-align: center;
  width: 150px;
  display: inline-block;
}
#calendar-events-container .event-wrap .event-date-month {
  background-color: white;
  color: #00689E;
  padding: 0.75rem;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 3rem;
}
#calendar-events-container .event-wrap .event-date-day {
  font-size: 5rem;
  font-weight: bold;
}

#page-nav {
  border: 1px solid #7C7C7C;
  background: #C9C9C9;
}
#page-nav .main-header, #page-nav .main-links {
  height: 80px;
  background: #5B5D5E;
  line-height: 80px;
  padding-left: 50px;
  margin: 0;
  border: 2px solid #7C7C7C;
}
#page-nav .main-links {
  padding: 0;
  display: flex;
  justify-content: space-around;
}
#page-nav .main-links a {
  text-align: center;
  padding: 0;
  flex: 1;
}
#page-nav .main-links a:first-child {
  border-right: 2px solid #7C7C7C;
}
#page-nav .main-links a:last-child {
  border-left: 2px solid #7C7C7C;
}
#page-nav .link-container {
  padding: 20px 50px;
}
#page-nav .link-container a {
  width: 32%;
  display: inline-block;
  vertical-align: top;
  color: #555;
}
#page-nav .link-container a:hover {
  color: #555;
}
#page-nav .link-container a.active {
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  #page-nav .link-container a {
    width: auto;
    display: block;
  }
}

footer {
  background: white;
}
footer .site-map-and-contact-info {
  display: flex;
  justify-content: space-evenly;
  width: 85%;
  margin: 0px auto 50px;
  padding-top: 40px;
}
footer .site-map-and-contact-info .site-map {
  padding-top: 20px;
  flex-basis: 50%;
}
footer .site-map-and-contact-info .site-map .label {
  font-size: 16px;
  font-weight: 500;
}
footer .site-map-and-contact-info .site-map a {
  color: #555;
  font-size: 16px;
  display: inline-block;
  width: 49%;
}
footer .site-map-and-contact-info a, footer .site-map-and-contact-info p {
  font-size: 16px;
}
footer .logo {
  height: 47px;
  width: 250px;
  background-size: contain;
  margin: 15px 0;
  background-repeat: no-repeat;
  transform: translateX(-35px);
}
footer .follow-us {
  margin-left: 20px;
}
footer .follow-us .label {
  font-size: 16px;
  display: block;
  margin-top: 20px;
  margin-bottom: 15px;
  text-align: left;
}
footer .follow-us .social {
  height: 22px;
  width: 26px;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  margin-left: 15px;
  background-position: center;
  background-size: contain;
}
footer .copyright {
  background: #00689E;
  text-align: right;
  padding: 1rem;
  font-size: 16px;
  border-top: 1px solid #C9C9C9;
}
footer .copyright .float-left {
  font-style: italic;
}
footer .copyright, footer .copyright a {
  color: white;
}
@media screen and (max-width: 768px) {
  footer .site-map-and-contact-info {
    flex-direction: column;
  }
  footer .site-map-and-contact-info .address {
    margin: 30px auto;
    text-align: center;
  }
  footer .site-map-and-contact-info .logo {
    transform: none;
  }
  footer .site-map-and-contact-info .follow-us, footer .site-map-and-contact-info .follow-us .label {
    text-align: center;
    margin: 0 auto 15px;
  }
  footer .site-map-and-contact-info .follow-us .social:first-of-type {
    margin: 0;
  }
}

.logo-page img {
  max-width: 300px;
  margin-top: 100px;
}

.logo-page h2 {
  margin-top: 200px;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
.bounce {
  animation: bounce 3s infinite;
  cursor: pointer;
}

.fl-page-content {
  padding-bottom: 4rem;
  min-height: 50vh;
}

.fl-post-title {
  text-align: center;
}

#hfcs-footer {
  border-top: 4px solid #00689E;
  z-index: 1;
  position: relative;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.contact-panel {
  position: fixed;
  background: white;
  border: 1px solid #666;
  padding: 1.7rem;
  right: 2rem;
  bottom: -2px;
  overflow: hidden;
  max-width: 300px;
}
.contact-panel .flag {
  text-align: center;
  font-weight: bold;
  color: #00689E;
  cursor: pointer;
}
.contact-panel .info {
  height: 0;
  overflow: hidden;
}
.contact-panel .info p {
  font-size: 16px;
}
.contact-panel .info a {
  color: #00689E;
  text-decoration: underline;
}
.contact-panel:hover .info {
  height: auto;
  margin-top: 1rem;
}
@media screen and (max-width: 768px) {
  .contact-panel {
    right: 0;
    left: 0;
    text-align: center;
    max-width: none;
  }
}

article.page .menu.fl-menu-horizontal {
  display: block !important;
  text-align: center !important;
}

.fl-menu-mobile-toggle.hamburger {
  display: none !important;
}

/*# sourceMappingURL=style.css.map */