@charset "UTF-8";
@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=9ddd1473-1b0b-4c4a-8d1e-3463af4e5e02");
@font-face {
  font-family: "Gill Sans W04 Book";
  src: url("../fonts/paoc/c4be5717-c19c-43a5-9ad3-b548ddf070d4.eot?#iefix");
  src: url("../fonts/paoc/c4be5717-c19c-43a5-9ad3-b548ddf070d4.eot?#iefix") format("eot"), url("../fonts/paoc/4bfd13a9-3195-4d8f-87a9-83a212d18b16.woff2") format("woff2"), url("../fonts/paoc/63aa9f40-04be-453a-a672-aa8f9919115d.woff") format("woff"), url("../fonts/paoc/a82a5fb6-ad03-4675-801e-d3182a58ff5f.ttf") format("truetype"), url("../fonts/paoc/beb2cee2-1a51-44ca-848f-4f795394ee5a.svg#beb2cee2-1a51-44ca-848f-4f795394ee5a") format("svg");
}

@font-face {
  font-family: "Gill Sans W01 Light";
  src: url("../fonts/paoc/acd8a043-828c-4c2c-98cb-b5224f5d4cdb.eot?#iefix");
  src: url("../fonts/paoc/acd8a043-828c-4c2c-98cb-b5224f5d4cdb.eot?#iefix") format("eot"), url("../fonts/paoc/a2926047-aec5-42f4-b352-e593469518be.woff2") format("woff2"), url("../fonts/paoc/c56da29d-9c5b-4d94-900f-770cde3dd317.woff") format("woff"), url("../fonts/paoc/378182d1-8021-4674-a814-cc8f01f9a937.ttf") format("truetype"), url("../fonts/paoc/d8851d95-478d-47a9-a0b0-a8d8e4ca127a.svg#d8851d95-478d-47a9-a0b0-a8d8e4ca127a") format("svg");
}

@font-face {
  font-family: "Gill Sans W01 Medium";
  src: url("../fonts/paoc/beab4258-af94-4971-a0db-b7bc2bef74bc.eot?#iefix");
  src: url("../fonts/paoc/beab4258-af94-4971-a0db-b7bc2bef74bc.eot?#iefix") format("eot"), url("../fonts/paoc/d9f9decc-5fa8-4390-a105-4f89f6b7b055.woff2") format("woff2"), url("../fonts/paoc/cd5a93fc-2bb1-48df-8982-11119cd6e270.woff") format("woff"), url("../fonts/paoc/b6bdc93b-2720-4c92-b68d-48499456178e.ttf") format("truetype"), url("../fonts/paoc/944cce8d-20bf-41c1-ae29-2bc8199859db.svg#944cce8d-20bf-41c1-ae29-2bc8199859db") format("svg");
}

@font-face {
  font-family: "Gill Sans W01 Bold";
  src: url("../fonts/paoc/1a6dec8e-26f9-4243-8495-835709538f92.eot?#iefix");
  src: url("../fonts/paoc/1a6dec8e-26f9-4243-8495-835709538f92.eot?#iefix") format("eot"), url("../fonts/paoc/2029e71f-067d-46a8-bc44-b5c64a258928.woff2") format("woff2"), url("../fonts/paoc/f05272f9-83e3-4de6-8423-5d57f730c87b.woff") format("woff"), url("../fonts/paoc/33f5d8d9-105f-4a49-9351-74ecae7f4a49.ttf") format("truetype"), url("../fonts/paoc/b56150eb-5caa-4385-b907-373e97ddb2ff.svg#b56150eb-5caa-4385-b907-373e97ddb2ff") format("svg");
}

@font-face {
  font-family: "Gill Sans W01 Heavy";
  src: url("../fonts/paoc/7beaeaeb-bdcc-4913-b21d-f5281f8abb66.eot?#iefix");
  src: url("../fonts/paoc/7beaeaeb-bdcc-4913-b21d-f5281f8abb66.eot?#iefix") format("eot"), url("../fonts/paoc/e4c25a9c-b7e5-4844-b86c-dee0626bd23a.woff2") format("woff2"), url("../fonts/paoc/9b2779d5-46af-40b1-87bc-df494ec07194.woff") format("woff"), url("../fonts/paoc/fd197301-816d-4f73-a3da-eb96ea722d25.ttf") format("truetype"), url("../fonts/paoc/6edbedb4-b331-4dc9-b208-8e77a47406d4.svg#6edbedb4-b331-4dc9-b208-8e77a47406d4") format("svg");
}

@font-face {
  font-family: "Gill Sans Infant W01";
  src: url("../fonts/paoc/e839d357-9820-4c15-ad57-b62e79f0b3ac.eot?#iefix");
  src: url("../fonts/paoc/e839d357-9820-4c15-ad57-b62e79f0b3ac.eot?#iefix") format("eot"), url("../fonts/paoc/5261c753-0064-4581-9166-781de7a561fd.woff2") format("woff2"), url("../fonts/paoc/b24f5df0-b969-4b25-b38e-fe6d15821dee.woff") format("woff"), url("../fonts/paoc/60d2f3b6-066f-44c2-a7dc-e8a9bb05bec8.ttf") format("truetype"), url("../fonts/paoc/0d1df702-21b0-4f94-a0fb-9f2fef8529d0.svg#0d1df702-21b0-4f94-a0fb-9f2fef8529d0") format("svg");
}

@font-face {
  font-family: "GillSansInfantW01-Bold";
  src: url("../fonts/paoc/1054ca30-2f0b-4677-85f5-1c6e97ab0f68.eot?#iefix");
  src: url("../fonts/paoc/1054ca30-2f0b-4677-85f5-1c6e97ab0f68.eot?#iefix") format("eot"), url("../fonts/paoc/1c5581be-05e9-4a8b-b0ce-b3b3958d1710.woff2") format("woff2"), url("../fonts/paoc/9c4c1c06-7366-45f3-9ba8-954d4d409ff8.woff") format("woff"), url("../fonts/paoc/f43951a6-a855-436d-8228-9edb0c7da9b3.ttf") format("truetype"), url("../fonts/paoc/d4a5f926-22a9-4beb-b32d-086e00fb1327.svg#d4a5f926-22a9-4beb-b32d-086e00fb1327") format("svg");
}

@font-face {
  font-family: "GillSansW01-DisplayBold_709822";
  src: url("../fonts/paoc/b78883bf-b91f-4727-b6ff-3c19c5f896f7.eot?#iefix");
  src: url("../fonts/paoc/b78883bf-b91f-4727-b6ff-3c19c5f896f7.eot?#iefix") format("eot"), url("../fonts/paoc/e18547f6-0aea-49c3-ae3d-6a0909ada6ba.woff2") format("woff2"), url("../fonts/paoc/1b46cdcc-147b-4a73-8ba8-68f40bc55daa.woff") format("woff"), url("../fonts/paoc/e6850362-9749-48f4-bcb5-dd5dd3b59325.ttf") format("truetype"), url("../fonts/paoc/75bd3d3d-fac4-420a-a68b-07bb36e44a38.svg#75bd3d3d-fac4-420a-a68b-07bb36e44a38") format("svg");
}

@font-face {
  font-family: "Oblik W01 Regular";
  src: url("../fonts/paoc/1fb973eb-b1ba-449f-ad03-b3b2eb1eab67.eot?#iefix");
  src: url("../fonts/paoc/1fb973eb-b1ba-449f-ad03-b3b2eb1eab67.eot?#iefix") format("eot"), url("../fonts/paoc/1da6a68d-9dc7-454f-9546-2e8b0454a224.woff2") format("woff2"), url("../fonts/paoc/60ea8643-d118-4448-84da-d8c095f49899.woff") format("woff"), url("../fonts/paoc/b025026b-b29c-47a2-9720-9a59fe4d9b55.ttf") format("truetype"), url("../fonts/paoc/5fb23857-3182-4857-912f-b66e8a18d120.svg#5fb23857-3182-4857-912f-b66e8a18d120") format("svg");
}

/*Box Colours*/
/* name, bg color, text color */
html {
  height: 100%;
  font-size: 16px;
}

@media (max-width: 490px) {
  html {
    font-size: 16px;
  }
}

body {
  font-family: helvetica;
  color: black;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  overflow-x: hidden;
  font-size: 16px;
  /* / $baseFontSize * $unit;*/
}

.label-light {
  color: #434a4f;
  background: #f7f7f7;
  border: 1px solid rgba(0, 0, 0, 0.05);
}

header .btn,
.btn-orange,
.paoc-fam .btn-default,
.btn-white,
.btn-grey,
.btn-blue,
.btn-green,
.paoc-im .btn-default,
.btn-red,
.paoc-mc .btn-default,
.btn-yellow,
.btn-lightOrange,
.btn-lightBlue,
.btn-darkTeal,
.btn {
  border-radius: 3px;
  background-color: transparent;
  border: 3px solid;
  font-weight: bold;
  padding: 8px 24px;
  white-space: normal;
  /*box-shadow: 3px 3px 0px #eeeeee;*/
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.btn-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0;
  padding-bottom: 0;
}

@media (max-width: 992px) {
  .btn {
    padding: 6px 20px;
    font-size: 12px;
    /* / $baseFontSize * $unit;*/
  }
}

header .btn {
  border: 5px solid;
  padding: 7px 23px !important;
}


.btn-orange,
.paoc-fam .btn-default {
  color: #d8732d;
}

.btn-orange:hover, .paoc-fam .btn-default:hover, .btn-orange.btn-solid, .paoc-fam .btn-solid.btn-default {
  background-color: #d8732d !important;
  border-color: #d8732d;
  color: white !important;
}

.btn-orange.btn-solid:hover, .paoc-fam .btn-solid.btn-default:hover {
  border-color: #b15c21;
}

.btn-white {
  color: white;
}

.btn-white:hover, .btn-white.btn-solid {
  background-color: white !important;
  border-color: white;
  color: #434a4f !important;
}

.btn-white.btn-solid:hover {
  border-color: #e6e6e6;
}

.btn-grey {
  color: #434a4f;
}

.btn-grey:hover, .btn-grey.btn-solid {
  background-color: #434a4f !important;
  border-color: #434a4f;
  color: white !important;
}

.btn-grey.btn-solid:hover {
  border-color: #2c3033;
}

.btn-blue,
.btn-donate {
  color: #0079a6;
}

.btn-blue:hover, .btn-blue.btn-solid,
.btn-donate:hover,
.btn-donate.btn-solid {
  background-color: #0079a6 !important;
  border-color: #0079a6;
  color: white !important;
}

.btn-blue.btn-solid:hover,
.btn-donate.btn-solid:hover {
  border-color: #005473;
}


.btn-green,
.paoc-im .btn-default {
  color: #00893f;
}

.btn-green:hover, .paoc-im .btn-default:hover, .btn-green.btn-solid, .paoc-im .btn-solid.btn-default {
  background-color: #00893f !important;
  border-color: #00893f;
  color: white !important;
}

.btn-green.btn-solid:hover, .paoc-im .btn-solid.btn-default:hover {
  border-color: #005628;
}


.btn-red,
.paoc-mc .btn-default {
  color: #9f1a1f;
}

.btn-red:hover, .paoc-mc .btn-default:hover, .btn-red.btn-solid, .paoc-mc .btn-solid.btn-default {
  background-color: #9f1a1f !important;
  border-color: #9f1a1f;
  color: white !important;
}

.btn-red.btn-solid:hover, .paoc-mc .btn-solid.btn-default:hover {
  border-color: #731316;
}

.btn-yellow {
  color: #ffec46;
}

.btn-yellow:hover, .btn-yellow.btn-solid {
  background-color: #ffec46 !important;
  border-color: #ffec46;
  color: black !important;
}

.btn-yellow.btn-solid:hover {
  border-color: #ffe713;
}

.btn-lightOrange {
  color: #cf8417;
}

.btn-lightOrange:hover, .btn-lightOrange.btn-solid {
  background-color: #cf8417 !important;
  border-color: #cf8417;
  color: black !important;
}

.btn-lightOrange.btn-solid:hover {
  border-color: #a16712;
}

.btn-lightBlue {
  color: #95ccd6;
}

.btn-lightBlue:hover, .btn-lightBlue.btn-solid {
  background-color: #95ccd6 !important;
  border-color: #95ccd6;
  color: white !important;
}

.btn-lightBlue.btn-solid:hover {
  border-color: #70bac8;
}

.btn-darkTeal {
  color: #008294;
}

.btn-darkTeal:hover, .btn-darkTeal.btn-solid {
  background-color: #008294 !important;
  border-color: #008294;
  color: white !important;
}

.btn-darkTeal.btn-solid:hover {
  border-color: #005561;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1300px;
    width: 100%;
  }
}

.well {
  border-radius: 0;
  background: #f7f7f7;
  border-color: #e7e7e7;
  color: #717171;
}

.well P:last-child {
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .container {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .container {
    width: 100%;
  }
}

/*body {
  padding-top: 156px;
}*/
main {
  flex-grow: 2;
}

.content-body {
  border-top: 2px solid;
  /*padding-top: 30px;*/
}

h1 {
  font-family: "Oblik W01 Regular", sans-serif;
  font-weight: bold;
  /*font-style: italic;*/
  text-transform: uppercase;
  color: #0079a6;
  font-size: 34px;
  /* / $baseFontSize * $unit;*/
}

h2 {
  font-family: "Oblik W01 Regular", sans-serif;
  text-transform: uppercase;
  color: #0079a6;
}

h3 {
  font-family: "Oblik W01 Regular", sans-serif;
  line-height: 1.3em;
  /*margin-bottom: 31px;*/
  margin-bottom: 6px;
  font-size: 26px;
  /* / $baseFontSize * $unit;*/
}

h1 + h3 {
  margin-top: -6px;
}

.no-title h1, .no-title h2 {
  display: none;
}

.margin-left {
  margin-left: 24px;
}

.margin-right {
  margin-right: 24px;
}

.no-margin {
  margin-bottom: 0 !important;
}

.no-bottom-padding {
  padding-bottom: 0 !important;
}

main section {
  padding: 40px;
  /*&.alt:nth-child(2),
  &.alt:nth-child(7) {
    background: $navSubGrey;
  }

  &.alt:nth-child(4) {
    background: $navGrey;
  }*/
}

main section.no-padding {
  padding: 10px;
}

main section.light {
  background: #f7f7f7;
}

main section.dark {
  background: #e7e7e7;
}

main section .content-block {
  /* who tho margin-bottom: 22px; */
  /* 42 */
}

main section .content-block ul, main section .content-block ol {
  margin-bottom: 30px;
}

main section .content-block ul li, main section .content-block ol li {
  margin-bottom: 12px;
}

.sticky-row {
  align-items: stretch;
  display: flex;
}

main .container section {
  padding-left: 0;
  padding-right: 0;
}

section.highlights {
  background: #95ccd6;
}

section.highlights .title {
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: 0px 0px 37px rgba(0, 0, 0, 0.3);
  line-height: 51px;
  font-size: 1.3rem;
  display: inline-block;
  width: 100%;
  margin-bottom: 23px;
}

section.highlights .title .department-logo {
  margin-bottom: 30px;
}

@media (max-width: 992px) {
  main section {
    padding: 25px 15px;
  }
}

section.map {
  padding-bottom: 0;
  height: 70vh;
}

section.map .inner-map {
  height: 100%;
}

article {
  margin-bottom: 48px;
}

.container > article {
  margin-top: 48px;
}

a {
  color: #0079a6;
}

p {
  margin: 0 0 16px;
}

ul {
  margin-bottom: 30px;
}

img {
  max-width: 100%;
}

input {
  border: 1px solid #f7f7f7;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.file-detail {
  display: block;
  margin-left: 36px;
  font-size: 12px;
}

section.related {
  background-image: -webkit-linear-gradient(top, white 0%, #e7e7e7 100%);
  background-image: -o-linear-gradient(top, white 0%, #e7e7e7 100%);
  background-image: linear-gradient(to bottom, white 0%, #e7e7e7 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFE7E7E7', GradientType=0);
}

.text-red {
  color: #9f1a1f;
}

.text-green {
  color: #00893f;
}

.text-blue {
  color: #0079a6;
}

.text-gold {
  color: #004ed1;
}

.text-orange {
  color: #d8732d;
}

.text-grey {
  color: #434a4f;
}

.text-purple {
  color: #6e5ae9;
}

.text-pink {
  color: #ee474f;
}

.text-darkTeal {
  color: #008294;
}

.text-darkerTeal {
  color: #00615a;
}

.flex-height {
  display: flex;
  flex-direction: column;
}

body > header,
#sfPageContainer > header {
  font-family: "Gill Sans W01 Medium", sans-serif;
  /*z-index: 20;
  background: white;
  width: 100%;
  position:absolute;
  top: 0;
  left: 0;

  &.fixed {
    position: fixed;

    .subnav {
      margin-top: -45px;
    }

    section {
      height: 81px;
    }

  }*/
}

body > header .head-flex,
#sfPageContainer > header .head-flex {
  display: flex;
  justify-content: space-between;
}

body > header .head-flex > *:nth-child(1),
body > header .head-flex > *:nth-child(3),
#sfPageContainer > header .head-flex > *:nth-child(1),
#sfPageContainer > header .head-flex > *:nth-child(3) {
  flex-grow: 1;
}

body > header .donate-nav,
#sfPageContainer > header .donate-nav {
  float: right;
}

body > header .subnav,
#sfPageContainer > header .subnav {
  background: #434a4f;
  margin-bottom: 0;
  min-height: 43px;
  color: white;
  border-radius: 0;
  border-bottom: 1px solid #75868f;
  font-size: 15px;
}

body > header .subnav .subnav-wrap,
#sfPageContainer > header .subnav .subnav-wrap {
  display: flex;
  justify-content: space-between;
  margin: 0 -15px;
}

body > header .subnav a,
#sfPageContainer > header .subnav a {
  color: inherit;
  display: table-cell;
  height: 43px;
  vertical-align: middle;
  line-height: 1em;
  padding-top: 0;
  padding-bottom: 0;
  text-transform: capitalize;
}

body > header .subnav a:hover, body > header .subnav a:active, body > header .subnav a:focus,
#sfPageContainer > header .subnav a:hover,
#sfPageContainer > header .subnav a:active,
#sfPageContainer > header .subnav a:focus {
  background: #0079a6;
}

body > header .subnav .active a,
#sfPageContainer > header .subnav .active a {
  background: #0079a6;
}

body > header .subnav .navbar-collapse,
#sfPageContainer > header .subnav .navbar-collapse {
  padding: 0;
}

body > header .subnav .social,
#sfPageContainer > header .subnav .social {
  /*border-left: 1px solid $lightGrey;*/
}

body > header ul,
#sfPageContainer > header ul {
  margin: 0;
  padding: 0;
}

body > header section,
#sfPageContainer > header section {
  height: 111px;
  align-items: center;
}

body > header section .navbar,
#sfPageContainer > header section .navbar {
  margin-bottom: 0;
}

body > header section nav,
#sfPageContainer > header section nav {
  margin: 0;
  font-size: 20px;
  /* / $baseFontSize * $unit;*/
}

body > header section nav a,
#sfPageContainer > header section nav a {
  color: #434a4f;
}

body > header section nav a:hover, body > header section nav a:active, body > header section nav a:focus,
#sfPageContainer > header section nav a:hover,
#sfPageContainer > header section nav a:active,
#sfPageContainer > header section nav a:focus {
  background-color: transparent !important;
  color: inherit !important;
}

body > header section nav a:hover em,
body > header section nav a:focus em,
#sfPageContainer > header section nav a:hover em,
#sfPageContainer > header section nav a:focus em {
  border-bottom: 4px solid;
}

body > header section nav a em,
#sfPageContainer > header section nav a em {
  font-style: normal;
  padding-bottom: 11px;
}

body > header section nav a .caret,
#sfPageContainer > header section nav a .caret {
  position: relative;
  top: -2px;
}

body > header section nav .active a em,
#sfPageContainer > header section nav .active a em {
  border-bottom: 4px solid;
}

body > header section nav .active.paoc-family a em,
body > header section nav li:nth-child(1).active a em,
#sfPageContainer > header section nav .active.paoc-family a em,
#sfPageContainer > header section nav li:nth-child(1).active a em {
  color: #d8732d;
}

body > header section nav .paoc-family a em,
body > header section nav li:nth-child(1) a em,
#sfPageContainer > header section nav .paoc-family a em,
#sfPageContainer > header section nav li:nth-child(1) a em {
  border-color: #d8732d;
}

body > header section nav .active.paoc-fs a em,
body > header section nav li:nth-child(2).active a em,
#sfPageContainer > header section nav .active.paoc-fs a em,
#sfPageContainer > header section nav li:nth-child(2).active a em {
  color: #cf8417;
}

body > header section nav .paoc-fs a em,
body > header section nav li:nth-child(2) a em,
#sfPageContainer > header section nav .paoc-fs a em,
#sfPageContainer > header section nav li:nth-child(2) a em {
  border-color: #cf8417;
}

body > header section nav .active.paoc-im a em,
body > header section nav li:nth-child(3).active a em,
#sfPageContainer > header section nav .active.paoc-im a em,
#sfPageContainer > header section nav li:nth-child(3).active a em {
  color: #ee474f;
}

body > header section nav .paoc-im a em,
body > header section nav li:nth-child(3) a em,
#sfPageContainer > header section nav .paoc-im a em,
#sfPageContainer > header section nav li:nth-child(3) a em {
  border-color: #ee474f;
}

body > header section nav .active.paoc-mc a em,
body > header section nav li:nth-child(4).active a em,
#sfPageContainer > header section nav .active.paoc-mc a em,
#sfPageContainer > header section nav li:nth-child(4).active a em {
  color: #9f1a1f;
}

body > header section nav .paoc-mc a em,
body > header section nav li:nth-child(4) a em,
#sfPageContainer > header section nav .paoc-mc a em,
#sfPageContainer > header section nav li:nth-child(4) a em {
  border-color: #9f1a1f;
}

body > header .container,
#sfPageContainer > header .container {
  align-self: center;
}

body > header .logo,
#sfPageContainer > header .logo {
  width: 212px;
  height: 61px;
  text-indent: -9999px;
  overflow: hidden;
  margin-left: 0;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  background-image: url(../images/logo/paoc.svg);
}

body > header .open-search,
#sfPageContainer > header .open-search {
  color: #d8732d;
  font-size: 24px;
  position: relative;
  top: -5px;
  right: 1px;
}

body > header.slim,
#sfPageContainer > header.slim {
  height: 100px;
}

@media (max-width: 1190px) {
  body > header section,
  #sfPageContainer > header section {
    height: 88px;
  }
  body > header section #logo,
  #sfPageContainer > header section #logo {
    width: 188px;
    height: 55px;
  }
  body > header section li > a,
  #sfPageContainer > header section li > a {
    padding: 10px 15px;
    font-size: 17px;
  }
  body > header section .btn,
  #sfPageContainer > header section .btn {
    border: 2px solid;
    font-size: 13px !important;
    padding: 4px 10px !important;
  }
  body > header section .btn-donate,
  #sfPageContainer > header section .btn-donate {
    position: relative;
    top: 8px;
  }
  body > header .subnav a,
  #sfPageContainer > header .subnav a {
    font-size: 13px;
  }
}

@media (max-width: 1034px) {
  body > header .nav > li > a,
  #sfPageContainer > header .nav > li > a {
    padding: 10px 11px;
  }
}

body > footer,
#sfPageContainer > footer {
  border-top: 1px solid #f7f7f7;
  font-family: "Gill Sans W01 Medium", sans-serif;
  font-size: 14px;
  /* / $baseFontSize * $unit;*/
}

body > footer .logo,
#sfPageContainer > footer .logo {
  background-image: url(../images/logo/paoc-acronym-knockout.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 41px;
  margin-top: 25px;
  overflow: hidden;
  text-indent: -9999px;
  width: 144px;
}

body > footer .social,
#sfPageContainer > footer .social {
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-color: #e7e7e7;
  color: #434a4f;
  background: #f7f7f7;
  line-height: 40px;
}

body > footer .social a,
#sfPageContainer > footer .social a {
  color: #434a4f;
  padding: 0 10px;
  display: inline-block;
  font-size: 16px;
  /* / $baseFontSize * $unit;*/
}

body > footer .social a:first-child,
#sfPageContainer > footer .social a:first-child {
  margin-left: 10px;
}

body > footer .sitemap,
#sfPageContainer > footer .sitemap {
  background: #434a4f;
  color: white;
  padding: 25px 0 12px;
  border-top: 1px solid #5a646b;
  border-bottom: 1px solid #5a646b;
}

body > footer .sitemap nav,
#sfPageContainer > footer .sitemap nav {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}

body > footer .sitemap nav a,
#sfPageContainer > footer .sitemap nav a {
  color: white;
}

body > footer .sitemap nav ul,
#sfPageContainer > footer .sitemap nav ul {
  list-style: none;
  padding: 0;
}

body > footer .sitemap nav ul li:first-child,
#sfPageContainer > footer .sitemap nav ul li:first-child {
  text-transform: uppercase;
  min-height: 48px;
  max-width: 190px;
  font-size: 15px;
  /* / $baseFontSize * $unit;*/
}

body > footer .utility-nav,
#sfPageContainer > footer .utility-nav {
  float: right;
}

body > footer .utility-nav a,
#sfPageContainer > footer .utility-nav a {
  margin-left: 20px;
  margin-right: 0;
}

body > footer #copyright,
#sfPageContainer > footer #copyright {
  background: #242a2d;
  color: white;
  line-height: 36px;
  border-top: 1px solid lighter(#242a2d, 10%);
  border-bottom: 1px solid lighter(#242a2d, 10%);
}

body > footer #copyright a,
#sfPageContainer > footer #copyright a {
  color: white;
}

body > footer .copyright-detail a,
#sfPageContainer > footer .copyright-detail a {
  margin-right: 20px;
}

@media (max-width: 1200px) {
  body > footer nav,
  #sfPageContainer > footer nav {
    flex-wrap: wrap;
  }
  body > footer nav ul,
  #sfPageContainer > footer nav ul {
    width: 33%;
    margin-bottom: 32px;
  }
  body > footer .utility-nav,
  #sfPageContainer > footer .utility-nav {
    float: none;
    margin-left: -20px;
  }
}

@media (max-width: 830px) {
  body > footer nav ul,
  #sfPageContainer > footer nav ul {
    width: 50%;
  }
  body > footer .copyright-detail,
  #sfPageContainer > footer .copyright-detail {
    line-height: 1.5em;
    padding-top: 14px;
    padding-bottom: 14px;
  }
  body > footer .copyright-detail a,
  #sfPageContainer > footer .copyright-detail a {
    display: block;
    margin: 0;
  }
}

@media (max-width: 490px) {
  body > footer .social,
  #sfPageContainer > footer .social {
    text-align: center;
  }
  body > footer .sitemap,
  #sfPageContainer > footer .sitemap {
    padding: 18px 6px 12px;
    text-align: center;
  }
  body > footer .sitemap nav ul,
  #sfPageContainer > footer .sitemap nav ul {
    width: 100%;
  }
  body > footer .sitemap nav ul li:first-child,
  #sfPageContainer > footer .sitemap nav ul li:first-child {
    min-height: auto !important;
    margin-bottom: 6px;
    font-weight: bold;
    max-width: none;
  }
  body > footer .sitemap nav ul li:first-child a,
  #sfPageContainer > footer .sitemap nav ul li:first-child a {
    display: inline-block;
    max-width: 200px;
  }
  body > footer .logo,
  #sfPageContainer > footer .logo {
    margin-top: 0px;
  }
  body > footer #copyright,
  #sfPageContainer > footer #copyright {
    text-align: center;
    padding-bottom: 12px;
  }
}

.sidebar {
  background: white;
  border: 1px solid #e7e7e7;
  margin-bottom: 68px;
  /*transition: margin 2s;*/
  font-family: "Gill Sans W01 Medium", sans-serif;
  font-size: 110%;
  max-width: 339px;
  margin: 0 auto;
}

.sidebar.with-hero {
  margin-top: -98px;
}

.sidebar a {
  color: #434a4f;
}

.sidebar .department-logo {
  height: 104px;
  display: flex;
  background-position: center center;
  overflow: hidden;
  justify-content: center;
  background-repeat: no-repeat;
  align-items: center;
  text-align: center;
  font-size: 21px;
  /* / $baseFontSize * $unit;*/
}

.sidebar .nav a {
  padding: 15px 0 14px 20px;
}

.sidebar .nav li {
  border-top: 1px solid #e7e7e7;
}

.sidebar .nav .nav {
  display: none;
}

.sidebar .nav .nav a {
  padding-left: 31px;
  padding-bottom: 6px;
  padding-top: 5px;
}

.sidebar .nav .nav li {
  border: none;
}

.sidebar .nav .nav li:last-child a {
  padding-bottom: 6px;
}

.sidebar .nav .nav .nav a {
  padding-left: 62px;
}

.sidebar .mobile-opener {
  position: absolute;
  top: 16px;
  right: 16px;
  display: none;
}

.sidebar .active {
  background: #f7f7f7;
}

.sidebar .active > a {
  color: #0079a6;
}

.sidebar .active > .nav {
  display: block;
}

.sidebar .label {
  font-size: 12px;
  font-weight: normal;
  position: relative;
  top: -2px;
}

.breadcrumb {
  padding: 0 0 32px;
  background-color: transparent;
  border-radius: 0;
  border-bottom: 1px solid #e7e7e7;
  color: #717171;
  margin-bottom: 32px;
  font-family: "Gill Sans W01 Medium", sans-serif;
  font-size: 17px;
  /* / $baseFontSize * $unit;*/
}

.breadcrumb a {
  color: inherit;
}

.breadcrumb .active {
  color: #434a4f;
}

.clean .breadcrumb-logo {
  display: none;
}

.clean .breadcrumb {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 14px;
}

.breadcrumb-wrap {
  position: relative;
}

.breadcrumb-logo {
  position: absolute;
  text-indent: -999px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  left: 0;
  top: -6px;
}

.slick-nav .item {
  padding: 15px;
}

.slick-nav .content-box {
  margin-bottom: 0px;
}

.slick-nav .direction-left,
.slick-nav .direction-right {
  position: absolute;
  top: 39%;
  border: 1px solid #e7e7e7;
  background: white;
  padding: 12px 18px;
  display: inline-block;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}

.slick-nav .direction-left {
  left: -53px;
}

.slick-nav .direction-right {
  right: -53px;
}

.departmentnav a {
  color: white;
  text-decoration: none;
}

.departmentnav-im {
  background-color: #00893f;
}

.departmentnav-im a:hover, .departmentnav-im a:focus, .departmentnav-im a:active {
  background-color: #007033 !important;
}

.departmentnav-mc {
  background-color: #9f1a1f;
}

.departmentnav-mc a:hover, .departmentnav-mc a:focus, .departmentnav-mc a:active {
  background-color: #89161b !important;
}

.departmentnav-fs {
  background-color: #cf8417;
}

.departmentnav-fs a:hover, .departmentnav-fs a:focus, .departmentnav-fs a:active {
  background-color: #b87514 !important;
}

.departmentnav-fam {
  background-color: #d8732d;
}

.departmentnav-fam a:hover, .departmentnav-fam a:focus, .departmentnav-fam a:active {
  background-color: #c76725 !important;
}

.flex-grid {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px;
}

.flex-grid.grid-4 .grid-item {
  width: 25%;
  padding: 12px;
}

.flex-grid.grid-5 .grid-item {
  width: 20%;
  padding: 12px;
}

.flex-3-4 {
  display: flex;
  margin: 0 -15px;
  justify-content: center;
}

.flex-3-4 .item {
  width: 25%;
  padding: 0 15px;
}

@media (max-width: 768px) {
  .flex-grid {
    display: block;
  }
  .flex-grid .grid-item {
    width: 100% !important;
    padding: 0 12px !important;
  }
  .flex-3-4 {
    display: block;
  }
  .flex-3-4 .item {
    width: 100%;
  }
}

/*70 */
#hero, .hero {
  height: 33vw;
  background-size: cover;
  background-position: center;
  /*border-top: 8px solid;*/
  border-bottom: 6px solid;
  padding: 0;
  font-size: 1rem;
  box-sizing: content-box;
}

#hero.no-border, .hero.no-border {
  border-bottom: 0 none;
}

#hero .slick-list,
#hero .slick-track, .hero .slick-list,
.hero .slick-track {
  height: 100%;
}

#hero.video, .hero.video {
  background: black;
  height: auto;
  max-height: none;
}

#hero.video .container, .hero.video .container {
  padding-top: 0px;
  display: block;
}

#hero.no-shadow h1, .hero.no-shadow h1 {
  text-shadow: none !important;
}

#hero.slim, .hero.slim {
  min-height: 63px;
  height: auto;
  border-top: 8px solid;
  display: flex;
  align-items: center;
  padding: 16px 0;
}

#hero.slim .container, .hero.slim .container {
  padding-top: 0;
}

#hero.slim .container .row, .hero.slim .container .row {
  width: 100%;
  display: flex;
}

#hero.slim .container .row .title h1, .hero.slim .container .row .title h1 {
  margin: 0 8px;
}

#hero.slim .title, .hero.slim .title {
  justify-content: left;
  background: transparent;
  text-align: left;
  display: block;
}

#hero.slim .title h1, .hero.slim .title h1 {
  font-size: 38px;
  /* / $baseFontSize * $unit;*/
  margin: 0;
}

#hero.slim.red, .hero.slim.red {
  background-color: #9f1a1f;
  border-color: #9f1a1f;
  color: white;
}

#hero.slim.green, .hero.slim.green {
  background-color: #00893f;
  border-color: #00893f;
  color: white;
}

#hero.slim.blue, .hero.slim.blue {
  background-color: #0079a6;
  border-color: #0079a6;
  color: white;
}

#hero.slim.gold, .hero.slim.gold {
  background-color: #ffb12e;
  border-color: #ffb12e;
  color: white;
}

#hero.slim.grey, .hero.slim.grey {
  background-color: #434a4f;
  border-color: #434a4f;
  color: white;
}

#hero.slim.purple, .hero.slim.purple {
  background-color: #6e5ae9;
  border-color: #6e5ae9;
  color: white;
}

#hero.slim.darkTeal, .hero.slim.darkTeal {
  background-color: #008294;
  border-color: #008294;
  color: white;
}

#hero.slim.darkerTeal, .hero.slim.darkerTeal {
  background-color: #008294;
  border-color: #008294;
  color: white;
}

#hero.slim.mgPink, .hero.slim.mgPink {
  background-color: #ee474f;
  border-color: #ee474f;
  color: black;
}

#hero.mini-hero, .hero.mini-hero {
  width: 100%;
  font-size: 0.5rem;
  display: flex;
  align-items: stretch;
  border: none;
  height: 100% !important;
}

#hero.mini-hero .item, .hero.mini-hero .item {
  height: 100% !important;
}

#hero.half-hero, .hero.half-hero {
  height: 38.4vh;
}

#hero.double-hero, .hero.double-hero {
  height: 49.5vw;
}

#hero.hero-slider, .hero.hero-slider {
  background: black;
  margin-bottom: 0;
}

#hero.hero-slider .slide, .hero.hero-slider .slide {
  height: 100%;
  width: 100%;
  position: relative;
  opacity: 0.50;
  transition: opacity 600ms;
  background-position: center;
  background-size: cover;
}

#hero.hero-slider .slide.slick-center, .hero.hero-slider .slide.slick-center {
  opacity: 1;
}

#hero.hero-slider .slick-dots, .hero.hero-slider .slick-dots {
  bottom: 25px;
}

#hero.hero-slider .slick-dots li, .hero.hero-slider .slick-dots li {
  width: 8px;
}

#hero.hero-slider .slick-dots li button:before, .hero.hero-slider .slick-dots li button:before {
  color: black;
}

#hero.hero-slider .slick-dots li.slick-active button:before, .hero.hero-slider .slick-dots li.slick-active button:before {
  color: black;
}

#hero.hero-slider .slick-next, .hero.hero-slider .slick-next {
  right: 0;
  height: 100%;
  width: 10%;
}

#hero.hero-slider .slick-next::before, .hero.hero-slider .slick-next::before {
  content: "";
}

#hero.hero-slider .slick-prev, .hero.hero-slider .slick-prev {
  left: 0;
  height: 100%;
  width: 10%;
  z-index: 5;
}

#hero.hero-slider .slick-prev::before, .hero.hero-slider .slick-prev::before {
  content: "";
}

#hero.carousel, .hero.carousel {
  height: auto;
  max-height: auto;
}

#hero.carousel .item, .hero.carousel .item {
  height: 33vw;
  background-size: cover;
  box-shadow: 0px 5px 4px -4px rgba(0, 0, 0, 0.2) inset;
  background-position: center;
}

#hero.carousel .styleA h1:nth-child(2), .hero.carousel .styleA h1:nth-child(2) {
  margin-top: 0;
  margin-bottom: 27px;
}

#hero.search .container, .hero.search .container {
  height: 100%;
}

#hero.search .hero-search-wrap, .hero.search .hero-search-wrap {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#hero.search .form-group, .hero.search .form-group {
  display: inline-block;
}

#hero.search input, .hero.search input {
  position: relative;
  top: 4px;
  width: 593px;
  display: inline-block;
  border-radius: 35px 0 0 35px;
  background: rgba(255, 255, 255, 0.9);
  padding: 33px 25px;
  box-shadow: 0px 0px 61px rgba(0, 0, 0, 0.8);
  font-size: 24px;
  /* / $baseFontSize * $unit;*/
}

#hero.search .btn, .hero.search .btn {
  position: relative;
  padding: 0 39px;
  line-height: 62px;
  border-radius: 0 35px 35px 0;
  left: -5px;
  font-size: 19px;
  /* / $baseFontSize * $unit;*/
}

#hero.search .btn .fa, .hero.search .btn .fa {
  position: relative;
  top: 3px;
  left: 3px;
}

#hero .hero-center, .hero .hero-center {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#hero .hero-center .hero-item, .hero .hero-center .hero-item {
  flex-grow: 1;
}

#hero .hero-flex, .hero .hero-flex {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
}

#hero .hero-flex .video, .hero .hero-flex .video {
  width: 60%;
  margin-left: 24px;
}

#hero h1, .hero h1 {
  color: #FFF;
  font-style: normal;
  text-shadow: 0px 0px 97px black, 1px 1px 1px rgba(0, 0, 0, 0.5);
  font-size: 49px;
  /* / $baseFontSize * $unit;*/
}

#hero h1 em, .hero h1 em {
  color: #cf8417;
  font-style: normal;
}

@media (max-width: 992px) {
  #hero, .hero {
    height: 75vw;
  }
  #hero.hero-slider .slide, .hero.hero-slider .slide {
    opacity: 1;
    transition: none;
  }
  #hero .container, .hero .container {
    padding-top: inherit !important;
  }
  #hero h1, .hero h1 {
    font-size: 34px;
    /* / $baseFontSize * $unit;*/
  }
}

@media (max-width: 400px) {
  #hero h1, .hero h1 {
    font-size: 7vw;
  }
}

#hero .title, .hero .title {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: white;
  text-align: center;
  background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.35) 0%, rgba(255, 255, 255, 0) 80%);
  background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.35) 0%, rgba(255, 255, 255, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(255, 255, 255, 0) 80%);
}

#hero .title h1, .hero .title h1 {
  color: white;
  font-style: normal;
  text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.8);
  letter-spacing: 2px;
  margin: 0px 22px;
  text-transform: none;
  font-size: 60px;
  /* / $baseFontSize * $unit;*/
}

#hero .container, .hero .container {
  position: relative;
  /*padding-top:26px;*/
  display: flex;
  height: 100%;
}

#hero .slider-content, .hero .slider-content {
  position: absolute;
}

#hero .top-middle .container, .hero .top-middle .container {
  justify-content: center;
  text-align: center;
}

#hero .top-right .container, .hero .top-right .container {
  justify-content: flex-end;
  text-align: right;
}

#hero .middle-left .container, .hero .middle-left .container {
  align-items: center;
  justify-content: flex-start;
  text-align: left;
}

#hero .middle-middle .container, .hero .middle-middle .container {
  align-items: center;
  justify-content: center;
  text-align: center;
}

#hero .middle-right .container, .hero .middle-right .container {
  align-items: center;
  justify-content: flex-end;
  text-align: right;
}

#hero .bottom-left .container, .hero .bottom-left .container {
  align-items: flex-end;
  justify-content: flex-end;
  text-align: right;
}

#hero.red, .hero.red {
  background: #9f1a1f;
  border-color: #9f1a1f;
}

#hero.red h1, .hero.red h1 {
  color: white;
}

#hero.green, .hero.green {
  background: #00893f;
  border-color: #00893f;
}

#hero.green h1, .hero.green h1 {
  color: white;
}

#hero.blue, .hero.blue {
  background: #0079a6;
  border-color: #0079a6;
}

#hero.blue h1, .hero.blue h1 {
  color: white;
}

#hero.orange, .hero.orange {
  background: #d8732d;
  border-color: #d8732d;
}

#hero.orange h1, .hero.orange h1 {
  color: white;
}

#hero.lightOrange, .hero.lightOrange {
  background: #cf8417;
  border-color: #cf8417;
}

#hero.lightOrange h1, .hero.lightOrange h1 {
  color: black;
}

#hero.yellow, .hero.yellow {
  background: #ffec46;
  border-color: #ffec46;
}

#hero.yellow h1, .hero.yellow h1 {
  color: black;
}

#hero.grey, .hero.grey {
  background: #434a4f;
  border-color: #434a4f;
}

#hero.grey h1, .hero.grey h1 {
  color: white;
}

#hero.white, .hero.white {
  background: white;
  border-color: white;
}

#hero.white h1, .hero.white h1 {
  color: black;
}

#hero.lightBlue, .hero.lightBlue {
  background: #95ccd6;
  border-color: #95ccd6;
}

#hero.lightBlue h1, .hero.lightBlue h1 {
  color: black;
}

#hero.purple, .hero.purple {
  background: #6e5ae9;
  border-color: #6e5ae9;
}

#hero.purple h1, .hero.purple h1 {
  color: white;
}

#hero.gold, .hero.gold {
  background: #ffb12e;
  border-color: #ffb12e;
}

#hero.gold h1, .hero.gold h1 {
  color: #004ed1;
}

#hero.darkTeal, .hero.darkTeal {
  background: #008294;
  border-color: #008294;
}

#hero.darkTeal h1, .hero.darkTeal h1 {
  color: white;
}

#hero.darkerTeal, .hero.darkerTeal {
  background: #00615a;
  border-color: #00615a;
}

#hero.darkerTeal h1, .hero.darkerTeal h1 {
  color: white;
}

#hero.mgPink, .hero.mgPink {
  background: #ee474f;
  border-color: #ee474f;
}

#hero.mgPink h1, .hero.mgPink h1 {
  color: black;
}

/* rgba($white, 0.95) */
/*$grey*/
a.content-box:hover .body {
  height: 85px;
  color: white;
}

a.content-box.centered:hover .body {
  height: 65px;
  color: white;
  background: #0079a6;
}

a.content-box.centered.dark:hover .body {
  height: 100%;
  color: white;
  background: rgba(0, 0, 0, 0.6);
}

.content-box {
  position: relative;
  padding-bottom: 85%;
  /*82%;*/
  height: 0;
  background-color: white;
  /*border: 1px solid rgba($black, 0.17);*/
  margin-bottom: 30px;
  text-align: left;
  display: block;
  color: white;
  font-family: "Gill Sans W01 Medium", sans-serif;
  overflow: hidden;
  border-radius: 3px;
}

.content-box.no-small small {
  display: none !important;
}

.content-box:active, .content-box:focus {
  color: white;
}

.content-box.tall {
  padding-bottom: 105%;
}

.content-box.wide {
  padding-bottom: 65%;
}

.content-box.superwide {
  padding-bottom: 38%;
}

.content-box.nobody .body {
  display: none;
}

.content-box.centered .body {
  display: flex;
  justify-content: center;
  background: white;
  align-items: center;
  color: #00893f;
  transition: color 0.2s, background-color 0.2s;
}

.content-box.centered .body strong {
  height: auto;
  display: inline;
  vertical-align: top;
  padding-bottom: 0;
  text-transform: uppercase;
}

.content-box.centered.orange .body {
  background: #d8732d;
  color: white;
}

.content-box.centered.blue .body {
  background: #0079a6;
  color: white;
}

.content-box.centered.dark .body {
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  color: white;
}

.content-box.centered.dark .body strong {
  font-weight: bold;
  font-size: 24px;
  /* / $baseFontSize * $unit;*/
}

.content-box .content-in {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}

.content-box .image,
.content-box .icon {
  display: flex;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  background-position: center;
  flex-grow: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.content-box .image .play,
.content-box .icon .play {
  color: white;
  text-align: center;
  line-height: 68px;
  text-shadow: 0px 0px 7px black;
  border-radius: 40px;
  transition: opacity 0.2s;
  position: relative;
  top: -20px;
  font-size: 38px;
  /* / $baseFontSize * $unit;*/
}

.content-box .image .play::before,
.content-box .icon .play::before {
  position: relative;
  right: -4px;
  top: -2px;
}

.content-box .image .play:hover,
.content-box .icon .play:hover {
  opacity: 0.9;
}

.content-box .red {
  background-color: #9f1a1f;
  color: white;
}

.content-box .red .fa-inverse {
  color: #9f1a1f;
}

.content-box .green {
  background-color: #00893f;
  color: white;
}

.content-box .green .fa-inverse {
  color: #00893f;
}

.content-box .blue {
  background-color: #0079a6;
  color: white;
}

.content-box .blue .fa-inverse {
  color: #0079a6;
}

.content-box .orange {
  background-color: #d8732d;
  color: white;
}

.content-box .orange .fa-inverse {
  color: #d8732d;
}

.content-box .lightOrange {
  background-color: #cf8417;
  color: black;
}

.content-box .lightOrange .fa-inverse {
  color: #cf8417;
}

.content-box .yellow {
  background-color: #ffec46;
  color: black;
}

.content-box .yellow .fa-inverse {
  color: #ffec46;
}

.content-box .grey {
  background-color: #434a4f;
  color: white;
}

.content-box .grey .fa-inverse {
  color: #434a4f;
}

.content-box .white {
  background-color: white;
  color: black;
}

.content-box .white .fa-inverse {
  color: white;
}

.content-box .lightBlue {
  background-color: #95ccd6;
  color: black;
}

.content-box .lightBlue .fa-inverse {
  color: #95ccd6;
}

.content-box .purple {
  background-color: #6e5ae9;
  color: white;
}

.content-box .purple .fa-inverse {
  color: #6e5ae9;
}

.content-box .gold {
  background-color: #ffb12e;
  color: #004ed1;
}

.content-box .gold .fa-inverse {
  color: #ffb12e;
}

.content-box .darkTeal {
  background-color: #008294;
  color: white;
}

.content-box .darkTeal .fa-inverse {
  color: #008294;
}

.content-box .darkerTeal {
  background-color: #00615a;
  color: white;
}

.content-box .darkerTeal .fa-inverse {
  color: #00615a;
}

.content-box .mgPink {
  background-color: #ee474f;
  color: black;
}

.content-box .mgPink .fa-inverse {
  color: #ee474f;
}

.content-box .icon {
  padding-bottom: 64px;
  font-size: 75px;
  /* / $baseFontSize * $unit;*/
}

.content-box .body {
  display: block;
  padding: 0px 12px;
  height: 65px;
  transition: height 0.2s;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.54);
  font-size: 16px;
  /* / $baseFontSize * $unit;*/
}

.content-box .body em {
  color: #ffb12e;
  font-style: normal;
}

.content-box .body strong {
  font-weight: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 60px;
  padding-bottom: 4px;
  padding-top: 4px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  font-size: 18px;
  /* / $baseFontSize * $unit;*/
}

.content-box .body small {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.content-box .body .read-more {
  display: block;
  margin: 0 -12px;
  padding: 0 12px 3px;
}

.content-box.short {
  padding-bottom: 80%;
}

.content-box.short .image {
  height: 73%;
}

.content-box.half {
  padding-bottom: 85.74%;
}

.content-box.feature {
  padding-bottom: 81.5%;
}

.content-box.feature .body {
  font-size: 20px;
  /* / $baseFontSize * $unit;*/
}

.content-box.feature .body strong {
  font-size: 26px;
  /* / $baseFontSize * $unit;*/
}

.content-box.small .body {
  padding: 6px 10px;
}

.content-box.small .body strong {
  font-size: 16px;
  /* / $baseFontSize * $unit;*/
}

.content-box:hover {
  border-color: #cecece;
  text-decoration: none;
}

@media (max-width: 768px) {
  .content-box.slim {
    padding-bottom: 0;
    height: auto;
    margin-bottom: 15px;
  }
  .content-box.slim.centered strong {
    font-size: 14px;
    /* / $baseFontSize * $unit;*/
  }
  .content-box.slim:hover .image {
    height: auto;
  }
  .content-box.slim .content-in {
    position: relative;
    display: flex;
    align-items: stretch;
    height: 90px;
    flex-direction: row;
  }
  .content-box.slim .image {
    height: auto;
    width: 50%;
    max-width: 120px;
    background-size: cover;
    position: unset;
  }
  .content-box.slim .body {
    height: auto;
    padding: 6px 12px;
    font-size: 0.8rem;
    position: unset;
  }
  .content-box.slim .body strong {
    font-size: 1rem;
    font-weight: bold;
    text-overflow: unset;
    white-space: normal;
  }
}

.content-box.accent-red .read-more {
  color: white;
  background: #9f1a1f;
}

.content-box.accent-green .read-more {
  color: white;
  background: #00893f;
}

.content-box.accent-blue .read-more {
  color: white;
  background: #0079a6;
}

.content-box.accent-orange .read-more {
  color: white;
  background: #d8732d;
}

.content-box.accent-lightOrange .read-more {
  color: black;
  background: #cf8417;
}

.content-box.accent-yellow .read-more {
  color: black;
  background: #ffec46;
}

.content-box.accent-grey .read-more {
  color: white;
  background: #434a4f;
}

.content-box.accent-white .read-more {
  color: black;
  background: white;
}

.content-box.accent-lightBlue .read-more {
  color: black;
  background: #95ccd6;
}

.content-box.accent-purple .read-more {
  color: white;
  background: #6e5ae9;
}

.content-box.accent-gold .read-more {
  color: #004ed1;
  background: #ffb12e;
}

.content-box.accent-darkTeal .read-more {
  color: white;
  background: #008294;
}

.content-box.accent-darkerTeal .read-more {
  color: white;
  background: #00615a;
}

.content-box.accent-mgPink .read-more {
  color: black;
  background: #ee474f;
}

.donate-box {
  margin-bottom: 0;
}

.donate-box .body {
  height: 13%;
  color: black;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
}

.donate-box .body strong {
  line-height: 58px;
}

.donate-box .image {
  height: 87%;
  background-size: contain !important;
}

.news-archive .first-item .content-box::before {
  /*depricated*/
  /*content: $title;
  display: block;
  position: absolute;
  top: -13px;
  z-index: 3;
  left: -14px;
  color: $fontColor;
  padding: 0 30px;
  background: $color;
  line-height: 49px;
  text-transform: uppercase;
  letter-spacing: 0.015em;
  font-family: $gillsans;
  box-shadow: 2px 2px 0px rgba(0,0,0,0.2);

  @include fontSize(14px);*/
}

.featured.big {
  height: 469px;
  margin-bottom: 30px;
  position: relative;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  border-radius: 3px;
  overflow: hidden;
}

.featured.big .tag-nav {
  position: absolute;
  bottom: 0;
  left: 0;
  top: auto;
  box-shadow: none;
}

.featured.big .image {
  display: inline-block;
  width: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  float: left;
  overflow: hidden;
  text-indent: -9999px;
}

.featured.big .detail {
  display: inline-block;
  width: 50%;
  background-color: #95ccd6;
  position: relative;
  padding: 26px 73px;
  font-size: 23px;
  /* / $baseFontSize * $unit;*/
}

.featured.big .detail::before {
  display: block;
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
  margin: 0 auto 30px;
}

.featured.big .detail::after {
  content: "";
  display: block;
  width: 66px;
  height: 66px;
  background-color: inherit;
  transform: rotate(45deg);
  position: absolute;
  left: -33px;
  top: calc(50% - 33px);
}

.featured.big .detail p {
  margin-bottom: 22px;
}

@media (max-width: 992px) {
  .featured.big {
    margin: 0 -15px 15px;
  }
  .featured.big .image,
  .featured.big .detail {
    width: 100%;
  }
  .featured.big .image {
    height: 75vw;
  }
  .featured.big .detail::after {
    content: "";
    width: 22px;
    height: 22px;
    top: -11px;
    left: calc(50% - 11px);
  }
  .featured.big .detail::before {
    display: none;
  }
  .featured.big .detail {
    padding-left: 6px;
    padding-right: 6px;
    font-size: 1rem;
  }
  .featured.big .detail h1 {
    margin-top: 0;
  }
}

.featured.big h1 a {
  color: #434a4f;
}

.featured.big h1::after {
  content: "";
  display: block;
  border-bottom: 3px solid;
  margin: 0 auto;
  width: 79px;
  margin-top: 12px;
}

.feature-items {
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.feature-news {
  display: block;
  border: 1px solid #dadada;
  background: white;
  width: 31%;
  font-family: "Gill Sans W01 Medium", sans-serif;
  padding: 24px;
  color: #434a4f;
  position: relative;
}

.feature-news:first-child::before {
  /*depricated*/
  /*content: $title;
  display: block;
  position: absolute;
  top: -13px;
  z-index: 3;
  left: -14px;
  color: $fontColor;
  padding: 0 30px;
  background: $color;
  line-height: 49px;
  text-transform: uppercase;
  letter-spacing: 0.015em;
  font-family: $gillsans;
  box-shadow: 2px 2px 0px rgba(0,0,0,0.2);

  @include fontSize(14px);*/
}

.feature-news:hover {
  border-color: #c1c1c1;
  color: #434a4f;
  text-decoration: none;
}

.feature-news p:last-child {
  margin-bottom: 0;
}

.feature-news .image {
  display: block;
  padding-top: 56%;
  background-size: cover;
  margin: -24px -24px 15px;
}

.feature-news time, .feature-news .tags {
  display: block;
  text-transform: uppercase;
  color: #717171;
  font-size: 14px;
  /* / $baseFontSize * $unit;*/
}

.feature-news .title {
  display: block;
  line-height: 1.2em;
  margin-bottom: 15px;
  margin-top: 7px;
  font-size: 22px;
  /* / $baseFontSize * $unit;*/
}

.feature-news p {
  margin-bottom: 24px;
}

.read-more-cover {
  background: rgba(255, 255, 255, 0.9);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  /* / $baseFontSize * $unit;*/
}

.read-more-cover span {
  color: #434a4f;
}

.card-box {
  display: inline-block;
  height: 150px;
  width: 150px;
  background-size: cover;
  position: relative;
  overflow: hidden;
  font-family: "Gill Sans W01 Medium", sans-serif;
  margin-right: 6px;
  font-size: 16px;
  /* / $baseFontSize * $unit;*/
}

.card-box span {
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 5px 9px;
  top: 100px;
  width: 100%;
  position: absolute;
  transition: top 0.3s;
  transition-timing-function: ease;
}

.card-box strong {
  height: 40px;
  display: table-cell;
  vertical-align: bottom;
  font-weight: normal;
  line-height: 1em;
  padding-bottom: 4px;
}

.card-box:hover span {
  top: 0px;
}

.paoc-googlesearch .gsc-input-box {
  height: auto;
}

.paoc-googlesearch .gsc-input {
  background-position: center right !important;
  text-indent: 0 !important;
}

.paoc-googlesearchresults.notabs .gsc-tabsArea {
  display: none;
}

.paoc-googlesearchresults .gsc-webResult .gsc-result {
  padding: 10px;
}

.paoc-googlesearchresults .gsc-control-cse .gsc-table-result {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.paoc-googlesearchresults .gsc-control-cse {
  font-family: "Gill Sans W01 Medium", sans-serif;
}

.paoc-googlesearchresults .gsc-control-cse .gs-spelling, .paoc-googlesearchresults .gsc-control-cse .gs-result .gs-title, .paoc-googlesearchresults .gsc-control-cse .gs-result .gs-title * {
  font-size: 22px;
  /* / $baseFontSize * $unit;*/
}

.paoc-googlesearchresults .gsc-control-cse, .paoc-googlesearchresults .gsc-control-cse .gsc-table-result {
  font-size: 1rem;
}

.paoc-googlesearchresults .cse .gsc-control-cse, .paoc-googlesearchresults .gsc-control-cse {
  padding: 0;
}

.paoc-googlesearchresults .gsc-table-result, .paoc-googlesearchresults .gsc-thumbnail-inside, .paoc-googlesearchresults .gsc-url-top {
  padding-left: 0;
  padding-right: 0;
}

.paoc-googlesearchresults .gsc-tabsArea {
  height: auto;
}

.paoc-googlesearchresults .gsc-tabsArea > div {
  height: auto;
  overflow: inherit;
}

.paoc-googlesearchresults .gsc-tabHeader,
.paoc-googlesearchresults .gsc-tabHeader.gsc-tabhInactive {
  background: #f7f7f7;
  color: #434a4f;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  font-size: 16px;
  padding: 3px 10px;
  font-weight: normal;
  border: 1px solid #e7e7e7;
  position: relative;
  top: 1px;
  margin-left: -1px;
  height: auto;
}

.paoc-googlesearchresults .gsc-tabHeader.gsc-tabhActive {
  border-bottom-color: white;
  background: white;
  z-index: 1;
}

footer.sharethis {
  /*border-top: 1px solid $navGrey;*/
  padding-top: 36px;
}

.sharethis {
  display: none !important;
  font-weight: bold;
  font-family: "Gill Sans W01 Medium", sans-serif;
}

.sharethis a {
  display: inline-block;
  width: 104px;
  line-height: 48px;
  border: 1px solid #eaeaea;
  margin-right: -1px;
  text-align: center;
  margin-top: 10px;
  color: #434a4f;
  font-size: 22px;
  /* / $baseFontSize * $unit;*/
}

.sharethis a:hover {
  background: #fafafa;
}

@media (max-width: 490px) {
  .sharethis a {
    width: 60px;
  }
}

article > header {
  /*border-bottom: 1px solid $navGrey;
  margin-bottom: 25px;
  padding: 0 0 20px 0;*/
  font-family: "Gill Sans W01 Medium", sans-serif;
  background-repeat: no-repeat;
  background-position: top left;
}

article > header.mc {
  padding-left: 130px;
  background-image: url(../images/mission-canada/logo-m.jpg);
}

article > header > section {
  padding-bottom: 40px;
}

article > header h1 {
  margin-top: 0;
}

article > header .byline {
  text-transform: uppercase;
  margin-bottom: 13px;
  display: block;
  font-size: 17px;
  /* / $baseFontSize * $unit;*/
}

article > header .byline em {
  text-transform: none;
  display: block;
  font-style: normal;
  font-size: 15px;
  /* / $baseFontSize * $unit;*/
}

article > header time {
  color: #646464;
  text-transform: uppercase;
  display: inline-block;
  margin-right: 36px;
  font-size: 15px;
  /* / $baseFontSize * $unit;*/
}

article > header .tags {
  display: inline-block;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  top: 6px;
  text-transform: uppercase;
  font-size: 15px;
  /* / $baseFontSize * $unit;*/
}

article > header .tags li {
  float: left;
}

article > header .tags li::after {
  content: "|";
  display: inline-block;
  margin: 0 6px;
  color: #cf8417;
}

article > header .tags li:last-child::after {
  display: none;
}

article > header .tags a {
  color: #cf8417;
}

.paoc-article img {
  max-width: 100%;
}

mark {
  background: #cf8417;
}

img.inline-image {
  width: 100%;
  margin: 0 0 36px;
  max-width: none;
}

img.inline-image.expanded {
  margin-left: -20%;
  width: 140%;
}

img.inline-image.full {
  margin-left: -28.1vw;
  width: 100vw;
}

img.inline-image.left {
  float: left;
  width: 50%;
  margin-left: -20%;
  margin-right: 28px;
  margin-bottom: 23px;
  margin-top: 0;
}

img.inline-image.right {
  float: right;
  width: 50%;
  margin-right: -20%;
  margin-left: 28px;
  margin-bottom: 23px;
  margin-top: 0;
}

img.inline-image.center {
  width: 75%;
  margin-left: auto;
  display: block;
  margin-right: auto;
}

blockquote {
  border-width: 3px 0px;
  border-style: solid;
  border-color: #cf8417;
  margin: 50px 13%;
  font-family: "Oblik W01 Regular", sans-serif;
  padding: 30px 0;
  font-weight: bold;
  line-height: 1.2em;
  color: black;
  clear: both;
  font-size: 36px;
  /* / $baseFontSize * $unit;*/
}

blockquote.quote {
  border: 0 none;
  padding: 0;
  position: relative;
  font-size: 30px;
  /* / $baseFontSize * $unit;*/
}

blockquote.quote::before {
  content: "“";
  color: #cf8417;
  position: absolute;
  top: 14px;
  left: -45px;
  font-family: sans-serif;
  font-size: 70px;
  /* / $baseFontSize * $unit;*/
}

blockquote.quote::after {
  content: "”";
  color: #cf8417;
  font-family: sans-serif;
  position: relative;
  top: 32px;
  line-height: 0;
  font-size: 70px;
  /* / $baseFontSize * $unit;*/
}

/* as of right now feature tags are expected to be on .row */
.feature-tag {
  position: relative;
}

.feature-tag.white {
  background: white;
  color: black;
}

.feature-tag.orange {
  background: #d8732d;
  color: white;
}

.feature-tag.blue {
  background: #0079a6;
  color: white;
}

.feature-tag.green {
  background: #00893f;
  color: white;
}

.feature-tag.red {
  background: #9f1a1f;
  color: white;
}

.feature-tag.yellow {
  background: #ffec46;
  color: black;
}

span.feature-tag {
  display: block;
  position: absolute;
  top: -13px;
  z-index: 3;
  left: 2px;
  padding: 0 30px;
  line-height: 49px;
  text-transform: uppercase;
  letter-spacing: 0.015em;
  font-family: "Gill Sans W01 Medium", sans-serif;
  /*box-shadow: 2px 2px 0px rgba($black,0.2);*/
  font-size: 14px;
  /* / $baseFontSize * $unit;*/
}

span.feature-tag a {
  color: inherit;
}

span.feature-tag.tag-nav {
  min-width: 190px;
  text-align: center;
  font-size: 18px;
  /* / $baseFontSize * $unit;*/
}

span.feature-tag.tag-nav .fa {
  display: inline-block;
  margin: 0 6px;
  position: relative;
  top: -2px;
  font-size: 14px;
  /* / $baseFontSize * $unit;*/
}

span.feature-tag.tag-nav a:first-child {
  font-weight: bold;
}

@media (max-width: 768px) {
  span.feature-tag {
    display: inline-block;
    position: relative;
    top: 9px;
    left: 0;
    padding: 0 26px;
    line-height: 44px;
  }
}

.no-image .person .image {
  display: none;
}

.person-wrap {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.person {
  text-align: center;
  color: #434a4f;
  margin-bottom: 60px;
  width: 28%;
}

.person img {
  width: 100%;
  border-radius: 3px;
}

.person .image {
  width: 160px;
  height: 160px;
  border-radius: 3px;
  margin: 0 auto 6px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.person h3 {
  color: #434a4f;
  margin-bottom: 0;
  margin-top: 12px;
  font-size: 22px;
  /* / $baseFontSize * $unit;*/
}

.person p {
  margin-bottom: 6px;
  min-height: 56px;
  font-size: 14px;
  /* / $baseFontSize * $unit;*/
}

header.fixed .main-subnav {
  top: 81px;
}

.fr .main-subnav.mission-canada .logo {
  background-image: url(../images/logo/mission-canada-fr.svg);
}

.fr .main-subnav.mission-global .logo {
  background-image: url(../images/logo/international-missions-fr.svg);
}

.main-subnav {
  display: none;
  position: absolute;
  left: 0;
  top: 156px;
  width: 100%;
  z-index: 10;
  border-top: 5px solid;
  box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.2);
  background: linear-gradient(to right, white 32%, #f7f7f7 51%);
}

.main-subnav svg {
  position: relative;
  top: 3px;
}

.main-subnav .logo {
  margin-top: 30px;
}

.main-subnav.international-missions {
  border-color: #00893f;
}

.main-subnav.international-missions .logo {
  background-image: url(../images/logo/international-missions.svg);
  height: 114px;
}

.main-subnav.missions-internationales {
  border-color: #00893f;
}

.main-subnav.missions-internationales .logo {
  background-image: url(../images/logo/international-missions-fr.svg);
  height: 114px;
}

.main-subnav.mission-global {
  border-color: #ee474f;
}

.main-subnav.mission-global .logo {
  background-image: url(../images/logo/international-missions.svg);
}

.main-subnav.paoc-family {
  border-color: #d8732d;
}

.main-subnav.paoc-family .logo {
  background-image: url(../images/logo/paoc-family.svg);
}

.main-subnav.famille-apdc {
  border-color: #d8732d;
}

.main-subnav.famille-apdc .logo {
  background-image: url(../images/logo/paoc-family-fr.svg);
}

.main-subnav.mission-canada {
  border-color: #9f1a1f;
}

.main-subnav.mission-canada .logo {
  background-image: url(../images/logo/mission-canada-en.svg);
}

.main-subnav.fellowship-services {
  border-color: #cf8417;
}

.main-subnav.fellowship-services .logo {
  background-image: url(../images/logo/fellowship-services.svg);
}

.main-subnav.services-de-la-fraternité {
  border-color: #cf8417;
}

.main-subnav.services-de-la-fraternité .logo {
  background-image: url(../images/logo/fellowship-services-fr.svg);
}

.main-subnav .inner {
  border-top: 1px solid #e7e7e7;
}

.main-subnav nav {
  display: flex;
  align-items: stretch;
}

.main-subnav nav li {
  position: static;
}

.main-subnav nav li .current {
  font-weight: bold;
}

.main-subnav nav li a {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding: 6px 0;
  display: block;
  color: #434a4f;
  font-size: 1rem;
}

.main-subnav nav li a .fa {
  display: none;
  position: relative;
  top: 3px;
}

.main-subnav nav li a:hover, .main-subnav nav li a.hovering {
  text-decoration: none;
}

.main-subnav nav li a:hover .fa, .main-subnav nav li a.hovering .fa {
  display: block;
}

.main-subnav nav li:last-child a {
  border-bottom: none;
}

.main-subnav .nav-right {
  border-right: 1px solid #e7e7e7;
  padding: 0 15px;
  min-width: 270px;
  background: white;
}

.main-subnav .nav-left {
  min-width: 270px;
  padding-left: 22px;
}

.main-subnav .nav-preview {
  flex-grow: 2;
  padding: 20px 40px 20px 0px;
  min-height: 300px;
}

.main-subnav .nav-right, .main-subnav .nav-left {
  padding-top: 22px;
  padding-bottom: 22px;
}

.main-subnav.active {
  display: block;
}

.main-subnav .slick-slider {
  width: 100%;
}

.main-subnav .sub-nav-wrap {
  position: relative;
  list-style: none;
}

.main-subnav .dropdown-menu {
  top: 0;
  left: 100%;
  width: 100%;
  border: 0 none;
  font-size: inherit;
  box-shadow: none;
  background: transparent;
  padding: 0 0 0 45px;
}

section.donate {
  background-color: #0079a6;
  padding: 67px 0;
}

section.donate .form-group {
  margin-bottom: 40px;
}

section.donate .profile-wrap {
  max-width: 400px;
  margin: 0 auto;
}

section.donate #donation-confirmation table td:first-child {
  width: 30%;
}

section.donate .transaction-error span {
  display: block;
}

section.donate .remember-billing {
  margin-top: 0;
  font-size: 12px;
  /* / $baseFontSize * $unit;*/
}

section.donate .remember-billing input {
  margin-top: 0;
}

section.donate .donate-other-flex {
  display: flex;
  overflow: hidden;
  align-items: stretch !important;
}

section.donate .donate-other-flex input {
  display: inline-block;
  padding: 0 6px;
  border: 0;
  margin: -6px 0;
  position: relative;
  right: -13px;
  width: 100%;
  color: #434a4f;
}

section.donate .donate-other-flex span {
  display: flex;
  align-items: center;
}

section.donate .is-anonymous,
section.donate .organization-donation {
  display: none;
}

section.donate img {
  max-width: 100%;
}

section.donate .slick-slider {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

section.donate h1 {
  margin: 0;
  color: white;
  margin-bottom: 24px;
  margin-top: -28px;
  font-size: 50px;
  /* / $baseFontSize * $unit;*/
}

section.donate h1 small {
  display: block;
  color: inherit;
}

section.donate .processing {
  text-align: center;
  padding-bottom: 48px;
}

section.donate .donate-panel,
section.donate .donate-outer-panel {
  outline: none;
}

section.donate .input-group,
section.donate .form-control {
  margin-bottom: 6px;
}

section.donate select.form-control {
  padding: 6px 7px;
}

section.donate .cards-accepted {
  text-align: right;
}

section.donate .cards-accepted img {
  display: inline-block;
  margin-left: 3px;
}

section.donate .donate-goback {
  text-decoration: none;
  padding: 8px 14px;
  border-radius: 3px;
  background: white;
  color: rgba(0, 0, 0, 0.7);
  border: 1px solid rgba(0, 0, 0, 0.15);
  position: relative;
  top: 4px;
  font-size: 12px;
  /* / $baseFontSize * $unit;*/
}

section.donate .donate-goback:hover {
  color: black;
}

section.donate .donate-secure {
  position: relative;
  top: 6px;
  color: #434a4f;
}

section.donate .donate-secure svg {
  color: #00893f;
}

section.donate .make-donation .amount {
  border-bottom: 1px solid;
}

section.donate .donate-form {
  background: white;
  border: 1px solid #e7e7e7;
  border-radius: 3px;
}

section.donate .donate-form .input-group .form-control {
  margin-bottom: 0;
}

section.donate .donate-form .profile,
section.donate .donate-form .inner-form,
section.donate .donate-form .thank-you {
  padding: 30px;
}

section.donate .donate-form .inner-form {
  background: #f7f7f7;
  border-left: 1px solid #e7e7e7;
}

section.donate .donate-form .row {
  margin-left: -3px;
  margin-right: -3px;
}

section.donate .donate-form .col-md-6,
section.donate .donate-form .col-sm-2,
section.donate .donate-form .col-xs-3,
section.donate .donate-form .col-sm-4,
section.donate .donate-form .col-sm-6,
section.donate .donate-form .col-sm-12,
section.donate .donate-form .col-sm-8,
section.donate .donate-form .col-sm-9,
section.donate .donate-form .col-sm-3,
section.donate .donate-form .col-lg-6,
section.donate .donate-form .col-lg-3 {
  padding-left: 3px;
  padding-right: 3px;
}

section.donate .donate-form .donation-amount .donate-control,
section.donate .donate-form .donation-frequency .donate-control,
section.donate .donate-form .donation-dedication .donate-control,
section.donate .donate-form .donation-type .donate-control,
section.donate .donate-form .donation-designation .donate-control {
  text-align: center;
  cursor: pointer;
  display: flex;
  height: 44px;
  justify-content: center;
  align-items: center;
}

section.donate .donate-form .donation-amount .donate-control input[type="radio"],
section.donate .donate-form .donation-frequency .donate-control input[type="radio"],
section.donate .donate-form .donation-dedication .donate-control input[type="radio"],
section.donate .donate-form .donation-type .donate-control input[type="radio"],
section.donate .donate-form .donation-designation .donate-control input[type="radio"] {
  display: none;
}

section.donate .donate-form .donation-amount .donate-control.active,
section.donate .donate-form .donation-frequency .donate-control.active,
section.donate .donate-form .donation-dedication .donate-control.active,
section.donate .donate-form .donation-type .donate-control.active,
section.donate .donate-form .donation-designation .donate-control.active {
  background: #0079a6;
  color: white;
}

section.donate .donate-form .donation-designation .donate-control {
  height: 61px;
}

@media (max-width: 992px) {
  section.donate .donate-form .profile,
  section.donate .donate-form form,
  section.donate .donate-form .thank-you {
    padding: 24px;
  }
  section.donate .donate-form .thank-you {
    display: none;
  }
  section.donate .donate-form .thank-you.finished {
    display: block;
  }
}

@media (max-width: 768px) {
  section.donate .donate-form {
    /*.profile {
        display: none;
      }*/
  }
  section.donate .donate-form .profile,
  section.donate .donate-form form,
  section.donate .donate-form .thank-you {
    padding: 20px !important;
  }
}

@media (max-width: 490px) {
  section.donate #donation-confirmation table td:first-child {
    width: auto;
  }
}

@media (max-width: 768px) {
  section.donate {
    padding: 15px 0;
  }
  section.donate h1 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 1.5rem;
  }
}

@keyframes lds-bricks {
  0% {
    top: 30px;
    left: 110px;
  }
  8.3% {
    top: 110px;
    left: 110px;
  }
  25% {
    top: 110px;
    left: 110px;
  }
  33.3% {
    top: 110px;
    left: 30px;
  }
  50% {
    top: 110px;
    left: 30px;
  }
  58.3% {
    top: 30px;
    left: 30px;
  }
  75% {
    top: 30px;
    left: 30px;
  }
  83.3% {
    top: 30px;
    left: 110px;
  }
  100% {
    top: 30px;
    left: 110px;
  }
}

@-webkit-keyframes lds-bricks {
  0% {
    top: 30px;
    left: 110px;
  }
  8.3% {
    top: 110px;
    left: 110px;
  }
  25% {
    top: 110px;
    left: 110px;
  }
  33.3% {
    top: 110px;
    left: 30px;
  }
  50% {
    top: 110px;
    left: 30px;
  }
  58.3% {
    top: 30px;
    left: 30px;
  }
  75% {
    top: 30px;
    left: 30px;
  }
  83.3% {
    top: 30px;
    left: 110px;
  }
  100% {
    top: 30px;
    left: 110px;
  }
}

section.donate .lds-bricks {
  position: relative;
}

section.donate .lds-bricks div {
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 6px;
  -webkit-animation: lds-bricks 2s linear infinite;
  animation: lds-bricks 2s linear infinite;
}

section.donate .lds-bricks div:nth-child(1) {
  background: #e8ae41;
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

section.donate .lds-bricks div:nth-child(2) {
  background: #d8732d;
  -webkit-animation-delay: -1.166666666666667s;
  animation-delay: -1.166666666666667s;
}

section.donate .lds-bricks div:nth-child(3) {
  background: #0083a6;
  -webkit-animation-delay: -1.833333333333333s;
  animation-delay: -1.833333333333333s;
}

section.donate .lds-bricks {
  margin: 0 auto;
  width: 200px !important;
  height: 200px !important;
  -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
  transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}

.cc {
  background: transparent url(../images/cards.png) no-repeat;
  background-size: 45px;
  background-position: 2px 3px;
}

.cc span {
  display: block;
  width: 25px;
}

.visa, .visa_electron {
  background-position: 2px -32px;
}

.mastercard {
  background-position: 2px -66px;
}

.amex {
  background-position: 2px -101px;
}

.maestro {
  background-position: 2px -135px;
}

.laser {
  background-position: 2px -170px;
}

.diners_club_carte_blanche, .diners_club_international {
  background-position: 2px -204px;
}

.discover {
  background-position: 2px -238px;
}

.jcb {
  background-position: 2px -273px;
}

.donate-bread-crumb .breadcrumb {
  margin-bottom: 0;
}

section.donate-profile .col-profile {
  margin-top: -112px;
}

section.donate-profile .profile {
  margin: 0 auto 30px;
  max-width: 400px;
  position: relative;
  z-index: 1;
}

section.donate-profile .profile a {
  display: block;
  color: #434a4f;
  margin-bottom: 6px;
}

section.donate-profile .profile p {
  font-weight: bold;
  margin-bottom: 12px;
}

section.donate-profile .profile .map {
  margin-top: 24px;
}

section.donate-profile .profile .map img {
  width: 100%;
}

section.donate-profile .profile .imagewrap {
  overflow: hidden;
  border-radius: 3px;
  background: white;
}

section.donate-profile .profile .image {
  width: 100%;
}

section.donate-profile .profile .donate {
  margin: 30px 0px 30px;
  box-shadow: 0px 0px 7px rgba(216, 115, 45, 0.5);
}

section.donate-profile .profile .donate:hover {
  text-decoration: none;
}

section.donate-profile .profile-title {
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 32px;
  margin-bottom: 32px;
  padding-right: 90px;
  position: relative;
}

section.donate-profile .profile-title .long {
  font-size: 31px;
  /* / $baseFontSize * $unit;*/
  /* 28 - 34 */
}

section.donate-profile .profile-title .longer {
  font-size: 24px;
  /* / $baseFontSize * $unit;*/
  /* 35 - 44 */
}

section.donate-profile .profile-title .longest {
  padding-right: 124px;
  font-size: 20px;
  /* / $baseFontSize * $unit;*/
  /* 45+ */
}

section.donate-profile .profile-title small {
  display: block;
  margin-top: 6px;
  font-size: 16px;
  /* / $baseFontSize * $unit;*/
}

section.donate-profile .highlights {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  border-bottom: 1px solid #e7e7e7;
  text-align: center;
  color: #d8732d;
  margin-bottom: 32px;
  font-size: 22px;
  /* / $baseFontSize * $unit;*/
}

section.donate-profile .highlights span {
  margin: 16px 0;
  display: block;
  color: #0079a6;
  font-size: 70px;
  /* / $baseFontSize * $unit;*/
}

section.donate-profile .highlights small {
  display: block;
  color: #0079a6;
}

section.donate-profile .highlights .highlight {
  margin-bottom: 32px;
}

.donation-item-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px;
}

.donation-item-list .item {
  width: 20%;
  padding: 12px;
}

.donation-item-list .content-box {
  margin-bottom: 0;
}

@media (max-width: 1330px) {
  .donation-item-list .item {
    width: 25%;
  }
}

@media (max-width: 992px) {
  .donation-item-list .item {
    width: 33%;
  }
}

@media (max-width: 768px) {
  .donation-item-list .item {
    width: 100%;
  }
}

.video .video-wrap {
  margin: 0 auto;
  width: 60%;
}

@media (max-width: 992px) {
  .video .video-wrap {
    width: 75%;
  }
}

@media (max-width: 768px) {
  .video .video-wrap {
    width: 100%;
  }
}

section.search {
  background: #95ccd6;
}

section.search .big-form {
  margin: 16px 0;
}

header section.search {
  display: none;
}

header section.search.visible {
  display: flex;
}

.search-form {
  display: flex;
  align-items: stretch;
}

.search-form input {
  flex-grow: 8;
  font-size: 1.1rem !important;
}

.search-form button {
  flex-grow: 1;
}

.big-form input {
  flex-grow: 2;
}

.big-form,
.search-form {
  margin: 0;
}

.big-form .form-group,
.search-form .form-group {
  display: flex;
}

.big-form input,
.search-form input {
  position: relative;
  display: inline-block;
  border-radius: 35px 0 0 35px;
  background: rgba(255, 255, 255, 0.9);
  padding: 16px 25px;
  /*box-shadow: 0px 0px 61px rgba($black, 0.2);*/
  /*flex-grow: 2; removed for the newer search style  of 8 to 1*/
  z-index: 2;
  width: 50px;
  height: auto;
  font-size: 24px;
  /* / $baseFontSize * $unit;*/
}

.big-form .btn,
.search-form .btn {
  position: relative;
  padding: 0 39px;
  border-radius: 0 35px 35px 0;
  /*box-shadow: 0px 0px 61px rgba($black, 0.2);*/
  font-size: 19px;
  /* / $baseFontSize * $unit;*/
}

.big-form .btn .fa,
.search-form .btn .fa {
  position: relative;
  top: 3px;
  left: 3px;
  font-size: 30px;
  /* / $baseFontSize * $unit;*/
}

@media (max-width: 768px) {
  .big-form,
  .search-form {
    margin: 24px auto 0;
    width: 95%;
  }
  .big-form input,
  .search-form input {
    padding: 6px 0 6px 12px;
    font-size: 18px;
    /* / $baseFontSize * $unit;*/
  }
  .big-form .btn,
  .search-form .btn {
    padding: 0 4px;
    font-size: 14px;
    /* / $baseFontSize * $unit;*/
  }
}

.character-pagination {
  display: flex;
  justify-content: space-between;
  font-weight: bold;
  margin-bottom: 24px;
  font-size: 22px;
  /* / $baseFontSize * $unit;*/
}

.character-pagination.small {
  font-size: 14px;
  /* / $baseFontSize * $unit;*/
}

.character-pagination.small .current {
  font-size: 20px;
  /* / $baseFontSize * $unit;*/
}

.character-pagination .current {
  position: relative;
  top: -4px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  font-size: 28px;
  /* / $baseFontSize * $unit;*/
}

.character-pagination span {
  opacity: 0.2;
}

.text-filter {
  display: flex;
  justify-content: space-around;
  font-weight: bold;
  margin-bottom: 24px;
  font-size: 22px;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  padding: 12px 0;
  margin-top: 24px;
  font-size: 18px;
  /* / $baseFontSize * $unit;*/
}

.text-filter.small {
  font-size: 14px;
  /* / $baseFontSize * $unit;*/
}

.text-filter a, .text-filter span {
  flex-grow: 1;
  text-align: center;
  border-right: 1px solid #e7e7e7;
  color: #434a4f;
}

.text-filter a:last-child, .text-filter span:last-child {
  border-right: 0 none;
}

.text-filter span {
  opacity: 0.5;
}

.content-panel {
  border-radius: 3px;
  overflow: hidden;
}

.content-panel .image {
  background-size: cover;
}

.content-panel .image .inside {
  display: flex;
  height: 300px;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
}

.content-panel .image .inside div {
  color: white;
  font-family: "Oblik W01 Regular", sans-serif;
  font-weight: bold;
  font-style: italic;
  text-transform: uppercase;
  font-size: 30px;
  /* / $baseFontSize * $unit;*/
}

.content-panel h2 {
  margin-top: 0;
}

.content-panel p:last-child {
  margin-bottom: 0;
}

.content-panel .body {
  background: white;
  padding: 24px;
  border-left: 1px solid;
  border-right: 1px solid;
  border-color: #e7e7e7;
}

.content-panel .links {
  border: 1px solid #e7e7e7;
  background: #f7f7f7;
  padding: 24px;
}

.homepage .departments nav {
  height: 133px;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: stretch;
}

.homepage .departments nav a {
  overflow: hidden;
  text-indent: -99999px;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
}

.homepage .departments nav .seperator {
  border-left: 1px solid #e7e7e7;
  margin: 0 34px;
}

.homepage .departments nav .paoc-family {
  background-image: url(../images/logo/paoc-family.svg);
  width: 202px;
}

.homepage .departments nav .paoc-fs {
  background-image: url(../images/logo/fellowship-services.svg);
  width: 262px;
}

.homepage .departments nav .paoc-im {
  background-image: url(../images/logo/international-missions.svg);
  width: 246px;
}

.homepage .departments nav .paoc-mc {
  background-image: url(../images/logo/mission-canada-en.svg);
  width: 294px;
  margin-left: -17px;
}

@media (max-width: 940px) {
  .homepage .seperator {
    margin: 0 24px !important;
  }
}

@media (max-width: 640px) {
  .homepage .home {
    padding: 15px 0;
  }
  .homepage .departments {
    padding: 0;
  }
  .homepage .news {
    padding-top: 0;
  }
  .homepage .departments nav {
    height: auto;
    flex-wrap: wrap;
    margin: 0 -15px;
  }
  .homepage .departments nav a {
    width: 50% !important;
    min-height: 100px;
    height: 23vw;
  }
  .homepage .seperator {
    display: none;
  }
  .homepage .paoc-family,
  .homepage .paoc-fs {
    border-bottom: 1px solid #e7e7e7;
  }
  .homepage .paoc-fs,
  .homepage .paoc-mc {
    border-left: 1px solid #e7e7e7;
  }
  .homepage .paoc-family,
  .homepage .paoc-fs {
    background-size: auto 11vw;
  }
  .homepage .paoc-mc {
    background-size: auto 8vw;
  }
  .homepage .paoc-im {
    background-size: auto 7vw !important;
  }
}

.homepage .news {
  background-color: #f7f7f7;
  text-align: center;
}

.homepage .news .featured::before {
  /*depricated*/
  /*content: $title;
  display: block;
  position: absolute;
  top: -13px;
  z-index: 3;
  left: -14px;
  color: $fontColor;
  padding: 0 30px;
  background: $color;
  line-height: 49px;
  text-transform: uppercase;
  letter-spacing: 0.015em;
  font-family: $gillsans;
  box-shadow: 2px 2px 0px rgba(0,0,0,0.2);

  @include fontSize(14px);*/
}

.homepage .videos {
  background-color: #e7e7e7;
  text-align: center;
}

.homepage .videos .feature::before {
  /*depricated*/
  /*content: $title;
  display: block;
  position: absolute;
  top: -13px;
  z-index: 3;
  left: -14px;
  color: $fontColor;
  padding: 0 30px;
  background: $color;
  line-height: 49px;
  text-transform: uppercase;
  letter-spacing: 0.015em;
  font-family: $gillsans;
  box-shadow: 2px 2px 0px rgba(0,0,0,0.2);

  @include fontSize(14px);*/
}

.fr .homepage .departments nav .paoc-family {
  background-image: url(../images/logo/paoc-family-fr.svg);
  width: 202px;
}

.fr .homepage .departments nav .paoc-fs {
  background-image: url(../images/logo/fellowship-services-fr.svg);
  width: 262px;
}

.fr .homepage .departments nav .paoc-im {
  background-image: url(../images/logo/international-missions-fr.svg);
  width: 250px;
}

.fr .homepage .departments nav .paoc-mc {
  background-image: url(../images/logo/mission-canada-fr.svg);
  width: 294px;
  margin-left: -17px;
}

.paoc-home #hero,
.paoc-home .content-body {
  border: none;
}

.paoc-home #hero.slim {
  background: #cf8417;
}

.paoc-home .person .image {
  border-color: #cf8417;
}

.paoc-home #hero {
  box-shadow: 0px 5px 4px -4px rgba(0, 0, 0, 0.2);
}

.paoc-home .sidebar .department-logo {
  /*background-image: url(../images/fellowship-services/fellowship-services.jpg);*/
  background-size: 233px auto;
}

.paoc-home .sidebar .active a {
  color: #8a580f;
}

.paoc-home .sidebar .active .nav .active a {
  color: #8a580f !important;
}

.paoc-home h2 {
  color: #cf8417;
}

.paoc-fs #hero,
.paoc-fs .content-body {
  border-color: #cf8417;
}

.paoc-fs #hero.slim {
  background: #cf8417;
}

.paoc-fs .person .image {
  border-color: #cf8417;
}

.paoc-fs span.feature-tag {
  background: #cf8417;
  color: white;
}

.paoc-fs #hero .big-form {
  max-width: 750px;
  margin: 0 auto;
}

.paoc-fs .sidebar .department-logo {
  background-image: url(../images/logo/fellowship-services.svg);
  background-size: 233px auto;
  text-indent: -9999px;
}

.paoc-fs .sidebar .active > a {
  color: #cf8417 !important;
}

.paoc-fs h1, .paoc-fs h2 {
  color: #cf8417;
}

.paoc-fs.detail::before {
  content: "";
  background-image: url(../images/logo/fellowship-services.svg);
  width: 130px;
  height: 37px;
}

.fr .paoc-fs .sidebar .department-logo {
  background-image: url(../images/logo/fellowship-services-fr.svg);
  background-size: 233px auto;
  text-indent: -9999px;
}

.paoc-im #hero,
.paoc-im .content-body {
  border-color: #00893f;
}

.paoc-im #hero.slim {
  background: #00893f;
}

.paoc-im .person .image {
  border-color: #00893f;
}

.paoc-im span.feature-tag {
  background: #00893f;
  color: white;
}

.paoc-im .breadcrumb-logo {
  background-image: url(../images/logo/IM-Abbreviated.svg);
  width: 262px;
  height: 50px;
}

.paoc-im .sidebar .department-logo {
  background-image: url(../images/logo/international-missions.svg);
  background-size: 165px auto;
  text-indent: -9999px;
}

.paoc-im .sidebar .active > a {
  color: #00893f !important;
}

.paoc-im h1, .paoc-im h2 {
  color: #00893f;
}

.paoc-im section.highlights {
  background: #00893f;
}

.paoc-im article.featured .detail {
  background: #00893f;
}

.paoc-im article.featured .detail a,
.paoc-im article.featured .detail p {
  color: white;
}

.fr .paoc-im .sidebar .department-logo {
  background-image: url(../images/logo/international-missions-fr.svg);
  background-size: 233px auto;
  text-indent: -9999px;
}

.international-missions.donate-profile .profile-title::after {
  content: "";
  background-image: url(../images/logo/MG_WideStacked.svg);
  width: 110px;
  height: 90%;
  background-repeat: no-repeat;
  background-position: center right;
  position: absolute;
  top: -11px;
  right: 0;
  background-size: contain;
}

.ran.donate-profile .profile-title::after {
  content: "";
  background-image: url(../images/logo/ran.png);
  width: 110px;
  height: 90%;
  background-repeat: no-repeat;
  background-position: center right;
  position: absolute;
  top: -11px;
  right: 0;
  background-size: contain;
}

.paoc-fam #hero,
.paoc-fam .content-body {
  border-color: #d8732d;
}

.paoc-fam #hero.slim {
  background: #d8732d;
}

.paoc-fam .person .image {
  border-color: #d8732d;
}

.paoc-fam span.feature-tag {
  background: #d8732d;
  color: white;
}

.paoc-fam .sidebar .department-logo {
  background-image: url(../images/logo/paoc-family.svg);
  background-size: 180px auto;
  text-indent: -9999px;
}

.paoc-fam .sidebar .active > a {
  color: #9c511d;
}

.paoc-fam h1, .paoc-fam h2 {
  color: #d8732d;
}

.paoc-family.detail::before {
  content: "";
  background-image: url(../images/logo/paoc-family.svg);
  width: 95px;
  height: 37px;
}

.fr .paoc-fam .sidebar .department-logo {
  background-image: url(../images/logo/paoc-family-fr.svg);
  background-size: 233px auto;
  text-indent: -9999px;
}

.paoc-mc #hero,
.paoc-mc .content-body {
  border-color: #9f1a1f;
}

.paoc-mc #hero.slim {
  background: #9f1a1f;
}

.paoc-mc .person .image {
  border-color: #9f1a1f;
}

.paoc-mc span.feature-tag {
  background: #9f1a1f;
  color: white;
}

.paoc-mc .breadcrumb-logo {
  background-image: url(../images/logo/mission-canada-en.svg);
  width: 262px;
  height: 50px;
}

.paoc-mc .sidebar .department-logo {
  background-image: url(../images/logo/mission-canada-en.svg);
  background-size: 250px auto;
  text-indent: -9999px;
}

.paoc-mc .sidebar .active > a {
  color: #9f1a1f !important;
}

.paoc-mc h1, .paoc-mc h2 {
  color: #9f1a1f;
}

.paoc-mc section.donate-profile .highlights {
  color: #9f1a1f;
}

.paoc-mc section.highlights {
  background: #9f1a1f;
}

.paoc-mc article.featured .detail {
  background: #9f1a1f;
}

.paoc-mc article.featured .detail a,
.paoc-mc article.featured .detail p {
  color: white;
}

/*.canada.detail::before {
  content: "";
  background-image: url(../images/logo/mission-canada.svg);
  width: 38px;
  height: 38px;
}*/
.mission-canada.donate-profile .profile-title::after {
  content: "";
  background-image: url(../images/logo/mission-canada.svg);
  width: 83px;
  height: 90%;
  background-repeat: no-repeat;
  position: absolute;
  top: -10px;
  background-position: center right;
  right: 0;
}

.mc-homeheader {
  background-image: url(/images/default-source/mission-canada/pages/pink-background-maple-leaf.jpg?sfvrsn=47fe196a_2);
  background-size: cover;
  padding-bottom: 0;
  background-position: bottom;
}

.mc-homeheader .home-logo {
  background-image: url(/ResourcePackages/PAOC/assets/dist/images/logo/mission-canada-en.svg);
  width: 350px;
  background-size: contain;
  height: 68px;
  text-indent: -9999px;
  margin-bottom: 150px;
  display: inline-block;
}

.mc-homeheader .home-logo-fr {
  background-image: url(/ResourcePackages/PAOC/assets/dist/images/logo/mission-canada-fr.svg);
  width: 350px;
  background-size: contain;
  height: 68px;
  text-indent: -9999px;
  margin-bottom: 150px;
  display: inline-block;
}

.fr .paoc-mc .sidebar .department-logo {
  background-image: url(../images/logo/mission-canada-fr.svg);
  background-size: 233px auto;
  text-indent: -9999px;
}

@media (max-width: 768px) {
  .mc-homeheader .home-logo {
    width: 250px;
    height: 48px;
    background-repeat: no-repeat;
    margin: 0 auto 20px;
    display: block;
  }
}

.department-logo.fs {
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  text-indent: -99999px;
  overflow: hidden;
  height: 37px;
  background-image: url(../images/fellowship-services/xs-fellowship-services.png);
  width: 130px;
}

.sf-backend-wrp .btn {
  letter-spacing: normal;
  text-transform: none;
}

.sf-lang-selector a {
  text-transform: capitalize;
}