@charset "UTF-8";
/*
Theme Name: PACDC
Author: CMYK
Author URI: http://wearecmyk.com/
Description: Custom Theme for
Version: 1.0.0
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, .wp-block-button .wp-block-button__link, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  font-size: 100%;
  font: inherit;
  padding: 0;
  border: 0;
  margin: 0;
  vertical-align: baseline;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

.clear {
  clear: both;
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}

/*--------------------------------*\
	 //!MIXIN
\*--------------------------------*/
/*--------------------------------*\
	 //!COLORS
\*--------------------------------*/
/*--------------------------------*\
	 //!TEXT
\*--------------------------------*/
body {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-size: 15px;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.2em;
}

h1 {
  font-size: 42px;
  font-weight: 600;
  margin-bottom: 15px;
  color: #104E88;
}

h2 {
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 15px;
  color: #104E88;
}

h3 {
  margin-bottom: 15px;
  color: #104E88;
  font-size: 26px;
  font-weight: 500;
}

h4 {
  font-weight: 500;
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 15px;
  color: #104E88;
}

h5 {
  margin-bottom: 15px;
  color: #104E88;
}

h6 {
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 15px;
  color: #104E88;
}

sub {
  font-size: 11px;
}

p, .wp-block-button .wp-block-button__link {
  font-weight: 300;
  line-height: 1.8em;
  margin-bottom: 15px;
}

p a, .wp-block-button .wp-block-button__link a {
  border-bottom: 1px solid transparent;
  font-weight: 300;
  cursor: pointer;
  display: inline-block;
  color: #5A90B0;
  transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
}

p a:hover, .wp-block-button .wp-block-button__link a:hover {
  border-bottom: 1px solid #5A90B0;
}

input {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  border-radius: 0 !important;
}

.pageContent {
  line-height: 1.3em;
}

.pageContent ul {
  list-style: none;
  padding: 0;
  margin-bottom: 30px;
}

.pageContent ul li {
  padding-left: 3em;
  text-indent: -.7em;
  margin-bottom: 10px;
  line-height: 1.8em;
}

.pageContent ul li a {
  text-indent: 0;
  color: #5A90B0;
}

.pageContent ul li::before {
  content: "• ";
  color: #104E88;
}

.pageContent ol {
  margin-bottom: 30px;
  counter-reset: item;
}

.pageContent ol li {
  display: block;
  padding-left: 3em;
  margin-bottom: 10px;
}

.pageContent ol li:before {
  content: counter(item) ". ";
  counter-increment: item;
  color: #104E88;
  font-weight: 500;
}

.pageContent img {
  max-width: 100%;
  height: auto;
}

.pageContent img.alignnone {
  width: 100%;
  height: auto;
}

.pageContent img.alignleft {
  width: 50%;
  height: auto;
  float: left;
  margin-right: 20px;
}

.pageContent img.alignright {
  width: 50%;
  height: auto;
  float: right;
  margin-left: 20px;
}

.pageContent img.aligncenter {
  margin: 0 auto;
  display: block;
}

a {
  display: inline-block;
  text-decoration: none;
}

strong {
  font-weight: 500;
}

em {
  font-style: italic;
}

blockquote {
  margin-left: 50px;
  font-style: italic;
  font-weight: 600;
}

table {
  width: 100%;
}

/*--------------------------------*\
	 //!GENERAL
\*--------------------------------*/
* {
  box-sizing: border-box;
}

.contentInner {
  width: 85%;
  padding: 0;
  max-width: 1024px;
  margin: auto;
}

.wideContentInner {
  width: 90%;
  padding: 0;
  max-width: 1440px;
  margin: auto;
}

#container {
  padding-top: 80px;
}

.home #container {
  padding-top: 0;
}

.mobile {
  display: none;
}

.selectric-mobile {
  display: none;
}

.backgroundCenter {
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}

.titleWithLine {
  white-space: nowrap;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.titleWithLine h1 {
  margin-bottom: 0;
  white-space: nowrap;
  -ms-word-break: keep-all;
  word-break: keep-all;
}

.titleWithLine span {
  width: 100%;
  height: 5px;
  background-color: #104E88;
  margin-left: 25px;
  border-radius: 2px;
}

/*--------------------------------*\
	 //!BUTTONS
\*--------------------------------*/
.wp-block-button {
  color: #104E88;
}

.wp-block-button .wp-block-button__link {
  line-height: 1;
  padding: 13px 35px 10px;
  border-radius: 0;
  text-transform: uppercase;
  background-color: white;
  font-weight: 600;
  cursor: pointer;
  text-align: center;
  transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  color: #104E88;
}

.wp-block-button .wp-block-button__link:hover {
  background-color: #5A90B0;
}

.wp-block-button .wp-block-button__link.active {
  background-color: #104E88;
  color: white;
}

.wp-block-button .wp-block-button__link.fullWidth {
  width: 100%;
}

.wp-block-button .wp-block-button__link:visited {
  color: inherit;
}

.aboutContentRight .wp-block-button {
  color: #104E88;
}

.whiteButtonBlock {
  padding: 13px 35px 10px;
  text-transform: uppercase;
  background-color: white;
  font-weight: 600;
  cursor: pointer;
  text-align: center;
  transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
}

.whiteButtonBlock.fullWidth {
  width: 100%;
}

.blueButton {
  color: #104E88;
}

.blueButton:hover {
  background-color: #5A90B0;
}

.blueButton.active {
  background-color: #104E88;
  color: white;
}

.greenButton {
  color: #8ea85f;
}

.greenButton:hover {
  background-color: #e3ebd4;
}

.greenButton.active {
  background-color: #8ea85f;
  color: white;
}

.redButton {
  color: #6C3C52;
}

.redButton:hover {
  background-color: #EBD5DF;
}

.redButton.active {
  background-color: #6C3C52;
  color: white;
}

.buttonLarge {
  padding: 10px 100px;
}

.outlinedButton {
  border: 2px solid white;
  padding: 13px 75px 10px;
  color: white;
  font-weight: 600;
}

/*--------------------------------*\
	 //!GRIDS
\*--------------------------------*/
.gridBg {
  background-image: url("images/grid.png");
}

.gridBg h1, .gridBg h2, .gridBg h3, .gridBg h4, .gridBg h5, .gridBg h6, .gridBg p, .gridBg .wp-block-button .wp-block-button__link, .wp-block-button .gridBg .wp-block-button__link {
  color: white;
}

.blueGrid {
  background-color: #104E88;
}

.redGrid {
  background-color: #6C3C52;
}

.greenGrid {
  background-color: #8ea85f;
}

/*--------------------------------*\
	 //!POSTS BLOCK
\*--------------------------------*/
#postsBlock {
  width: 100%;
  position: relative;
  padding: 50px 0;
  background-color: #F4F3F4;
}

#postsBlock .postsBlockContent a {
  color: #104E88;
  text-decoration: underline;
}

#postsBlock #postFilter {
  line-height: 1.4em;
}

#postsBlock #postFilter span, #postsBlock #postFilter .filterItem {
  display: inline-block;
  text-transform: uppercase;
  font-weight: 600;
  margin-right: 15px;
  font-size: 14px;
}

#postsBlock #postFilter span.active, #postsBlock #postFilter .filterItem.active {
  border-bottom: 1px solid;
}

#postsBlock #postFilter span {
  color: #c2c2c2;
}

#postsBlock #postFilter .filterItem {
  cursor: pointer;
}

#postsBlock .postsBlockGutter {
  width: 5%;
}

#postsBlock .postsBlockContainer {
  display: flex;
  justify-content: space-between;
  padding-top: 50px;
}

#postsBlock .postBox {
  width: 30%;
  margin-bottom: 45px;
}

#postsBlock .postBox .postBoxImageContainer {
  position: relative;
}

#postsBlock .postBox .postBoxImageContainer .postLabel {
  display: inline-block;
  padding: 11px 12px 8px;
  color: white;
  font-weight: 600;
  text-transform: uppercase;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 12px;
}

#postsBlock .postBox.training-materials .postLabel {
  display: none;
}

#postsBlock .postBox .postBoxImageSizer {
  width: 100%;
  height: 0;
  padding-bottom: 60%;
}

#postsBlock .postBox .postBoxImage {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#postsBlock .postBox .postBoxImage .postLink {
  width: 100%;
  height: 0;
  padding-bottom: 60%;
}

#postsBlock .postBox .postBoxContent {
  line-height: 1.8em;
  word-wrap: break-word;
}

#postsBlock .postBox .postBoxContent h3 {
  margin: 30px 0 20px;
  font-size: 22px;
}

#postsBlock .postBox .postBoxLink {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

#postsBlock .postBox .postBoxReadMore {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
  display: block;
  margin: 20px 0;
  color: #104E88;
}

#postsBlock .postBox .postBoxReadMore span {
  position: relative;
}

#postsBlock .postBox .postBoxReadMore span:before {
  right: -35px;
  position: absolute;
  top: -2px;
  bottom: 0;
  margin: auto;
  height: 15px;
  width: 15px;
  content: '';
  background-image: url(images/rightArrow.png);
  background-size: contain;
  background-repeat: no-repeat;
}

/*--------------------------------*\
	 //!BLOCKS
\*--------------------------------*/
.contentBlock {
  display: table;
  position: relative;
  width: 100%;
}

.contentBlock .contentImageBlock {
  width: calc(100% - 600px);
  height: 100%;
  display: table-cell;
  position: relative;
}

.contentBlock .contentImageBlock .imageBlock {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.contentBlock .contentBlockContainer {
  width: 450px;
  height: auto;
  display: table-cell;
}

.contentBlock .contentBlockContainer h1 {
  width: 80%;
}

.contentBlock .contentBlockContainer.contentBlockLeft {
  padding: 80px 80px 80px 100px;
}

.contentBlock .contentBlockContainer.contentBlockLeft h1 {
  margin-bottom: 30px;
}

.contentBlock .contentBlockContainer.contentBlockRight {
  padding: 80px 100px 80px 80px;
}

/*--------------------------------*\
	 //!HEADER SLIDER
\*--------------------------------*/
.slideEdit .adjustable {
  height: 100%;
}

.slideEditor {
  width: 100%;
}

.homeSlick {
  width: 100%;
  height: 425px;
}

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

.homeSlick .slick-dots {
  float: right;
  padding-right: 10px;
}

.homeSlick .slick-dots li {
  position: relative;
  display: inline-block;
  height: 25px;
  width: 22px;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

.homeSlick .slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 25px;
  width: 22px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  cursor: pointer;
}

.homeSlick .slick-dots li button:hover {
  outline: none;
}

.homeSlick .slick-dots li button:focus {
  outline: none;
}

.homeSlick .slick-dots li button:before {
  content: "•";
  position: absolute;
  top: 0;
  left: 0;
  width: 25px;
  height: 22px;
  font-family: "slick";
  font-size: 35px;
  line-height: 30px;
  text-align: center;
  color: white;
}

.homeSlick .slick-dots li button.active button:before {
  color: #104E88;
}

.homeSlick .slick-dots li.slick-active button:before {
  color: #104E88;
}

.homeSlick .homeSlideContainer {
  width: 100%;
  height: 100%;
  position: relative;
  padding-top: 80px;
  outline: none;
}

.homeSlick .homeSlideContainer .homeSlide {
  display: flex;
  align-items: center;
  height: 100%;
}

.homeSlick .homeSlideContainer .homeSlideContent {
  width: 420px;
  text-align: left;
}

.homeSlick .homeSlideContainer .homeSlideContent h2 {
  font-size: 35px;
  font-weight: 600;
  margin-bottom: 6px;
}

.homeSlick .homeSlideContainer .homeSlideContent h2 span {
  background-image: linear-gradient(#ACC7D7 50%, transparent 32%);
  padding-bottom: 45px;
  padding-left: 3%;
  padding-right: 3%;
  line-height: 47px;
  -webkit-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
}

.homeSlick .homeSlideContainer .contentInner {
  position: relative;
}

.homeSlick .homeSlideContainer .homeSlideImage {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.homeSlick .homeSlideContainer .slideButton {
  text-transform: uppercase;
  background-color: #ACC7D7;
  color: #104E88;
  padding: 18px 23px 15px 18px;
  font-weight: 600;
  margin-top: 5px;
  font-size: 14px;
  outline: none;
  transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
}

.homeSlick .homeSlideContainer .slideButton:hover {
  background-color: #104E88;
  color: white;
}

.homeSlick .homeSlideContainer .slideButton img {
  width: 10px;
  height: auto;
  margin: 0 0 2px 18px;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  display: inline-block;
}

/*--------------------------------*\
	 //!DONATE BLOCK
\*--------------------------------*/
/*--------------------------------*\
	 //!NEWSLETTER BLOCK
\*--------------------------------*/
#newsletterBlock .newsletterContent {
  padding-bottom: 30px;
}

#newsletterBlock .newsletterContent strong {
  color: white;
  text-transform: uppercase;
}

#newsletterBlock #newsletterInput {
  width: 100%;
  border: 0;
  outline: 0;
  padding: 11px 10px 11px;
  margin-bottom: 20px;
  font-size: 13px;
}

#newsletterBlock #newsletterInput.error {
  outline: 2px solid red;
}

/*--------------------------------*\
	 //!ABOUT BLOCK
\*--------------------------------*/
#aboutBlock {
  padding: 95px 0 95px;
  background-color: #ACC7D7;
}

#aboutBlock .aboutBlockContent {
  display: flex;
  align-items: center;
}

#aboutBlock .aboutBlockContent .aboutBlockImage {
  width: calc(100% - 600px);
  height: 260px;
  overflow: visible;
  position: relative;
}

#aboutBlock .aboutBlockContent .aboutBlockImage img {
  position: absolute;
  top: 0;
  right: 100px;
  height: 100%;
  width: auto;
}

#aboutBlock .aboutBlockContent .aboutContentRight {
  width: 600px;
}

#aboutBlock .aboutBlockContent .aboutContentRight p strong, #aboutBlock .aboutBlockContent .aboutContentRight .wp-block-button .wp-block-button__link strong, .wp-block-button #aboutBlock .aboutBlockContent .aboutContentRight .wp-block-button__link strong {
  font-size: 1.1em;
  color: #104E88;
  font-weight: 600;
}

/*--------------------------------*\
	 //!HEADER
\*--------------------------------*/
#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 130px;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.9);
  transform: translateY(-65px);
  transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
}

#header.active {
  transform: translateY(0);
}

#navSearch {
  width: 100%;
  height: 65px;
}

#navSearch .search-form {
  height: 100%;
  display: flex;
  justify-content: flex-start;
}

#navSearch .search-form input[type='search'] {
  width: calc(100% - 130px);
  border: 0px;
  background-color: #D6E3EB;
  padding: 0 20px;
  color: #5A90B0;
  outline: none;
  font-weight: 600;
  font-size: 13px;
  height: 100%;
  border-radius: 0px;
  -webkit-appearance: none;
  -moz-appearance: none;
}

#navSearch .search-form ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #5A90B0;
}

#navSearch .search-form ::-moz-placeholder {
  /* Firefox 19+ */
  color: #5A90B0;
}

#navSearch .search-form :-ms-input-placeholder {
  /* IE 10+ */
  color: #5A90B0;
}

#navSearch .search-form :-moz-placeholder {
  /* Firefox 18- */
  color: #5A90B0;
}

#navSearch .search-form input[type='submit'] {
  background-color: #D6E3EB;
  border: 0px;
  width: 65px;
  height: 65px;
  cursor: pointer;
  font-weight: 700;
  color: #C35723;
  font-size: 13px;
  outline: none;
  position: relative;
  background-image: url(images/orange.png);
  background-size: 0%;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 0px;
  -webkit-appearance: none;
  -moz-appearance: none;
  transition: all 400ms ease;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
}

#navSearch .search-form input[type='submit']:hover {
  background-size: 200%;
  color: white;
}

#navSearch .closeSearchButton {
  background-color: #104E88;
  height: 65px;
  width: 65px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

#navSearch .closeSearchButton svg {
  height: 47px;
}

#navSearch .closeSearchButton .ham {
  stroke: white;
}

#navSearch .closeSearchButton .hamRight {
  transform-origin: center;
  transform: rotate(45deg);
  -moz-transform-origin: 58% 50%;
}

#navSearch .closeSearchButton .hamLeft {
  transform-origin: center;
  -moz-transform-origin: 58% 50%;
  transform: rotate(-45deg);
}

#menu {
  display: flex;
  justify-content: flex-start;
  position: relative;
  margin-top: 10px;
}

#headerLogo {
  margin-right: 20px;
}

#headerLogo svg {
  height: 47px;
  width: auto;
}

#menu-pacdc_menu {
  display: flex;
  justify-content: flex-start;
}

#menu-pacdc_menu > .menu-item {
  position: relative;
  padding-bottom: 15px;
}

#menu-pacdc_menu > .menu-item:hover .sub-menu {
  display: block;
}

#menu-pacdc_menu > .menu-item:hover a {
  color: #C35723;
}

#menu-pacdc_menu > .menu-item:hover a:before {
  content: " ";
  position: absolute;
  width: 0px;
  height: 0px;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #C35723;
}

#menu-pacdc_menu > .menu-item a {
  color: #104E88;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
  padding: 0 20px;
  white-space: nowrap;
  transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
}

#headerSearch {
  position: fixed;
  top: 90px;
  right: 20px;
  cursor: pointer;
  transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
}

#headerSearch img {
  height: 15px;
  width: auto;
}

.scrolled #headerSearch {
  top: 80px;
}

#menu-pacdc_menu .menu-item .sub-menu {
  display: none;
  position: absolute;
  left: 20px;
  top: calc(100%);
  background-color: #C35723;
  text-align: center;
  padding: 10px 0px;
}

#menu-pacdc_menu .menu-item .sub-menu li {
  transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
}

#menu-pacdc_menu .menu-item .sub-menu li:hover {
  background-color: #104E88;
}

#menu-pacdc_menu .menu-item .sub-menu a {
  color: white;
  font-weight: 300;
  font-size: 14px;
  display: block;
  padding: 8px 20px;
}

#menu #menu-pacdc_menu > .current_page_item > a, #menu #menu-pacdc_menu .current-menu-parent > a {
  color: #C35723;
}

#header #menu .menu-item.current-menu-parent a:before, #header #menu .menu-item.current_page_item a:before {
  content: " ";
  position: absolute;
  width: 0px;
  height: 0px;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #C35723;
}

#menu-pacdc_menu:hover .current-menu-parent a:before, #menu-pacdc_menu:hover .current_page_item a:before {
  display: none;
}

#menu-pacdc_menu:hover .current-menu-parent:hover a:before, #menu-pacdc_menu:hover .current_page_item:hover a:before {
  display: block;
}

#menu > .menu-pacdc_menu-container {
  transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  padding-top: 15px;
}

#header.scrolled {
  height: 120px;
}

#header.scrolled .menu-pacdc_menu-container {
  padding-top: 7px;
}

/*--------------------------------*\
	 //!FOOTER
\*--------------------------------*/
#footer {
  background-color: #104E88;
  width: 100%;
  padding: 50px;
}

#footer nav {
  display: flex;
  justify-content: center;
}

#footerLeft {
  margin-right: 40px;
}

#footerLeft .footerLogo svg {
  height: 70px;
}

.socialMediaContainer {
  margin-top: 35px;
  display: flex;
  align-items: center;
}

.socialMediaContainer .socialIconHolder:hover svg {
  opacity: .5;
}

.socialMediaContainer a {
  padding-right: 10px;
}

.socialMediaContainer a:nth-last-child(1) {
  padding-right: 0;
}

.socialMediaContainer a:hover svg {
  opacity: 1 !important;
}

.socialMediaContainer svg {
  height: 20px;
  fill: white;
  transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
}

.socialMediaContainer.contact {
  margin: 24px 0;
}

.socialMediaContainer.contact svg {
  fill: #104E88 !important;
}

.socialMediaContainer.contact svg * {
  fill: #104E88 !important;
}

#footerRight .menu > .menu-item > a {
  color: white;
  margin-right: 10px;
  font-weight: 500;
  margin-bottom: 7px;
}

#footerRight .menu-item {
  margin: 0 10px;
  margin-bottom: 7px;
}

#footerRight .sub-menu {
  display: inline;
}

#footerRight .sub-menu > .menu-item {
  display: inline-block;
}

#footerRight .sub-menu a {
  color: #5A90B0;
  transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
}

#footerRight .sub-menu a:hover {
  color: white;
}

/*--------------------------------*\
	 //!PAGE.php
\*--------------------------------*/
.pageContent {
  width: 100%;
  background-color: #F4F3F4;
  padding: 50px 0;
}

.image_with_box {
  display: flex;
  align-items: center;
  margin: 40px auto;
  flex-direction: row-reverse;
}

.image_with_box .overlappingContentLeft {
  position: relative;
  height: 100%;
  width: 30%;
}

.image_with_box .blueGrid {
  color: white;
  padding: 35px;
  right: -40px;
  position: relative;
}

.image_with_box .blueGrid h4 {
  text-transform: none;
  color: white;
  font-size: 25px;
  line-height: 1.3em;
  font-weight: 200;
}

.image_with_box .blueGrid .overlappingContent p, .image_with_box .blueGrid .overlappingContent .wp-block-button .wp-block-button__link, .wp-block-button .image_with_box .blueGrid .overlappingContent .wp-block-button__link {
  line-height: 1.7em;
  font-weight: 200;
  font-size: 13px;
}

.image_with_box .underImage {
  height: 400px;
  width: 70%;
}

.childPageList {
  display: flex;
}

.childPageList li {
  border-right: 1px solid white;
}

.childPageList li a {
  display: flex;
  justify-content: center;
  padding: 12px 15px;
  width: 100%;
  background-color: #D6E3EB;
  text-transform: uppercase;
  font-weight: 600;
  color: #104E88;
  font-size: 13px;
  white-space: nowrap;
  transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
}

.childPageList li a:hover {
  background-color: #104E88;
  color: white;
}

.childPageList li a.active {
  background-color: #104E88;
  color: white;
}

.childPageList li:nth-last-child(1) {
  border-right: 0px;
}

.pageLayouts .normal_content_box, .pageLayouts .pageInnerContent {
  padding-left: 10%;
  padding-right: 2%;
}

.pageLayouts .postFeaturedImage {
  margin-bottom: 20px;
  height: 0;
  width: 100%;
  padding-bottom: 45%;
}

.pageContentSideNav {
  display: flex;
}

.pageContentSideNav a {
  display: inline;
  color: #104E88;
  line-height: 1.8em;
  font-weight: 600;
}

.pageContentSideNav .childPageSideNav {
  width: 25%;
}

.pageContentSideNav .childPageSideNav ul {
  width: 50%;
  position: sticky;
  top: 110px;
  position: -webkit-sticky;
}

.pageContentSideNav .childPageSideNav li {
  text-indent: 0px;
  padding-left: 0px;
  line-height: 1.3em;
  margin-bottom: 15px;
}

.pageContentSideNav .childPageSideNav li:before {
  display: none;
}

.pageContentSideNav .childPageSideNav li.active {
  position: relative;
}

.pageContentSideNav .childPageSideNav li.active a {
  color: #C35723;
}

.pageContentSideNav .childPageSideNav li.active a:before {
  content: '';
  height: 0;
  width: 0;
  border-left: 8px solid #C35723;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  left: -20px;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
}

.pageContentSideNav .childPageSideNav a {
  cursor: pointer;
  font-size: 14px;
  line-height: 1.3em;
  text-transform: uppercase;
  color: #104E88;
  font-weight: 600;
  transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
}

.pageContentSideNav .childPageSideNav a:hover {
  color: #C35723;
}

.pageContentSideNav .childPageContentContainer {
  width: 75%;
}

.pageContentSideNav .childPageContent {
  margin-bottom: 45px;
}

.pageContentSideNav .childPageContent img {
  margin-bottom: 25px;
}

.pageContentSideNav .childPageContent .childPageTitle {
  text-transform: none;
  font-size: 28px;
  font-weight: 400;
  margin-bottom: 30px;
}

a[tag='endorse-the-page'] {
  display: block;
  color: white !important;
  background-color: #104E88;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
  margin-top: 40px;
  height: 100%;
  font-size: 11px !important;
  text-align: center;
}

a[tag='endorse-the-page']:before {
  display: none;
}

.pageContent .equitable-development li.last {
  background-color: #104E88 !important;
  color: white !important;
}

.pageContent .equitable-development li.last:hover {
  background-color: #104E88 !important;
  color: white !important;
}

/*--------------------------------*\
	 //!SUPPORTERS
\*--------------------------------*/
.supporter {
  text-align: center;
}

.supporter .tierLevel {
  width: 100%;
  display: inline-block;
  margin: 40px 0px 20px 0;
  position: relative;
}

.supporterContainer {
  display: inline-block;
}

.supporterContainer a {
  display: block;
  width: 200px;
  height: 180px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px;
  background-color: white;
  position: relative;
}

.supporterContainer a .supporterImage {
  width: 90%;
  height: 90%;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

/*--------------------------------*\
	 //!template-min_business.php
\*--------------------------------*/
.pdfList {
  margin-top: 35px;
}

.pdfContainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid gray;
  padding: 10px 0;
  transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
}

.pdfContainer:hover {
  background-color: white;
}

.pdfContainer h5 {
  margin-bottom: 0px;
  font-weight: 600;
  color: #5A90B0;
  font-size: 17px;
  margin-left: 20px;
  padding-right: 15px;
}

.pdfContainer .postBoxPDF {
  margin-right: 60px;
  flex-shrink: 0;
  margin-top: 0px;
}

.pdfContainer .postBoxPDF:before {
  top: 0;
}

/*--------------------------------*\
	 //!PUBLICATIONS
\*--------------------------------*/
.pacdc-publications .pageInnerContent, .publications .pageInnerContent {
  padding-left: 0;
  padding-right: 0;
}

.pacdc-publications .pageInnerContent .contentInner, .publications .pageInnerContent .contentInner {
  width: auto;
}

.pacdc-publications .pageInnerContent #postsBlock, .publications .pageInnerContent #postsBlock {
  padding: 0;
}

.pacdc-publications .postBoxImage, .publications .postBoxImage {
  background-size: 65% !important;
  background-position: center -45% !important;
}

.postBoxPDF {
  font-weight: 600;
  color: #104E88;
  position: relative;
  font-size: 13px;
  margin-top: 15px;
}

.postBoxPDF:before {
  content: '';
  background-image: url(images/DownloadPDF@2x.png);
  height: 20px;
  width: 20px;
  position: absolute;
  right: -30px;
  top: 2px;
  background-size: contain;
  background-repeat: no-repeat;
}

.feedPublicationImage {
  width: 100%;
  height: 0;
  padding-bottom: 60%;
}

.feedPublicationImage .postBoxImage {
  height: 100% !important;
  width: 100% !important;
  padding-bottom: 0px;
}

/*--------------------------------*\
	 //!POST CATEGORY COLORS
\*--------------------------------*/
.call-to-action-post .postTextColor {
  color: #8EA762;
}

.call-to-action-post .postTitle:before {
  content: '';
  height: 92%;
  width: 4px;
  background-color: #8EA762;
  position: absolute;
  left: -10px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.announcements-post .postTextColor {
  color: #104E88;
}

.announcements-post .postTitle:before {
  content: '';
  height: 92%;
  width: 4px;
  background-color: #104E88;
  position: absolute;
  left: -10px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.news-post .postTextColor {
  color: #C35723;
}

.news-post .postTitle:before {
  content: '';
  height: 92%;
  width: 4px;
  background-color: #C35723;
  position: absolute;
  left: -10px;
  top: 0;
  bottom: 0;
  margin: auto;
}

/*--------------------------------*\
	 //!single.php
\*--------------------------------*/
.postCategory, .postAuthor {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 40px;
}

.postTitle {
  margin-bottom: 40px;
  position: relative;
  width: 80%;
}

.postImageContainer {
  min-width: 300px;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  margin-bottom: 40px;
}

.postImageContainer .postFeaturedCaption {
  width: 80%;
  background-color: white;
  padding: 15px;
  font-size: 14px;
  line-height: 1.3em;
}

.postFeaturedImage {
  height: 300px;
  width: 100%;
}

.postContentWithImage {
  display: flex;
  width: 90%;
}

.postContentContainer {
  margin-left: 15px;
  max-width: 875px;
}

/*--------------------------------*\
	 //!member list
\*--------------------------------*/
#childrenOf_member-list .childPageContent table {
  border-spacing: 0 10px;
  border-collapse: separate;
  width: 85%;
}

#childrenOf_member-list .childPageContent table tr {
  position: relative;
}

#childrenOf_member-list .childPageContent table tr:hover {
  background-color: rgba(255, 255, 255, 0.9);
}

#childrenOf_member-list .childPageContent table tr td {
  font-size: 11px;
  font-weight: 200;
  white-space: nowrap;
  position: relative;
}

#childrenOf_member-list .childPageContent table tr td:first-of-type {
  color: #104E88;
  font-weight: 700;
  font-size: 15px;
  padding-right: 20px;
  white-space: normal;
  width: 90%;
}

#childrenOf_member-list .childPageContent table tr td:first-of-type a {
  color: #104E88;
  font-weight: 700;
  font-size: 15px;
}

/*--------------------------------*\
	 //! TWITTER FEED
\*--------------------------------*/
#twitterFeedContainer {
  background-color: #104E88;
}

#twitterFeedContainer .contentInner {
  padding: 50px 0;
}

#twitterFeed {
  display: flex;
  justify-content: space-between;
}

#twitterFeed .slick-dots {
  text-align: center;
  margin-top: 20px;
  width: 100%;
}

#twitterFeed .slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

#twitterFeed .slick-dots li.slick-active button {
  background-color: #D6E3EB;
}

#twitterFeed .slick-dots li button {
  border: 0;
  background: gray;
  display: block;
  height: 0px;
  width: 0px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 4px;
  cursor: pointer;
  border-radius: 4px;
}

#twitterFeed.slick-slider {
  display: block !important;
}

.tweet {
  width: 30%;
  outline: none;
  margin-right: 20px;
}

.tweetHeader h6 {
  color: white;
  font-weight: 300;
  font-size: 30px;
  display: flex;
  align-items: center;
  position: relative;
}

.tweetHeader h6 span {
  color: #ACC7D7;
  font-size: 15px;
  font-weight: 600;
  display: inline-block;
  margin-left: 10px;
  transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
}

.tweetHeader h6 span:hover {
  color: #D6E3EB;
}

.tweetHeader h6:before {
  content: '';
  position: absolute;
  height: 30px;
  width: 25px;
  background-size: 24px 18px;
  background-repeat: no-repeat;
  background-image: url(images/twitter.png);
  background-position: center;
  left: -30px;
  top: 0;
}

.tweetContent .tweetTime {
  color: white;
  display: inline-block;
  margin-bottom: 15px;
  font-weight: 500;
  border-bottom: 1px solid transparent;
  transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
}

.tweetContent .tweetTime:hover {
  border-bottom: 1px solid white;
}

.tweetContent .tweetText {
  color: #ACC7D7;
  font-size: 14px;
  line-height: 1.7em;
}

.tweetContent .tweetText a {
  color: #5A90B0;
  border-bottom: 1px solid transparent;
  transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
}

.tweetContent .tweetText a:hover {
  border-bottom: 1px solid #5A90B0;
}

/*--------------------------------*\
	 //!STAFF AND BOARD
\*--------------------------------*/
.memberContainerHeader:not(.noDesc) {
  cursor: pointer;
}

.memberContainerHeader.noImg {
  cursor: auto;
}

.member {
  position: relative;
  margin-bottom: 30px;
}

.membersContainer {
  padding-bottom: 50px;
  border-bottom: 1px solid #ACC7D7;
}

.membersContainer .memberInfoContainer {
  display: none;
}

.membersContainer .moreInfo {
  display: flex;
}

.membersContainer .memberName {
  font-weight: 600;
  text-transform: none;
  margin-bottom: 5px;
}

.membersContainer .memberPosition {
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.membersContainer .memberSubtitle {
  font-weight: 300;
  color: black;
  text-transform: none;
  font-size: 14px;
}

.membersContainer svg {
  position: absolute;
  top: 5px;
  left: -25px;
  height: 15px;
  width: 15px;
  transition: all 400ms ease;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
}

.membersContainer svg.active {
  transform: scale(-1);
}

.membersContainer svg.active .st0 {
  fill: #5A90B0;
}

.membersContainer .staffMemberImage {
  height: 300px;
  min-width: 230px;
  margin-right: 50px;
}

#staff-members .membersContainer {
  border-bottom: 0px;
}

/*--------------------------------*\
	 //!Search Results Page
\*--------------------------------*/
.searchPage {
  background-color: #F4F3F4;
}

.searchPage #postsBlock {
  padding: 0;
}

.searchPage #postsBlock .postsBlockContainer {
  padding-top: 0px;
}

.searchHeader {
  padding: 40px 0;
}

.searchHeader span {
  color: #8ea85f;
}

.searchResults {
  padding: 50px 0;
  background-color: #F4F3F4;
  border-bottom: 3px solid rgba(200, 200, 200, 0.3);
}

.searchResults form {
  margin: 20px 0;
  border: 2px solid #104E88;
  width: 75%;
  max-width: 640px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 40px;
}

.searchResults form input[type='search'] {
  border: 0px;
  outline: none;
  padding: 7px 20px;
  color: #104E88;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
  width: 100%;
  -webkit-appearance: none;
  margin: 0;
  height: 100%;
}

.searchResults form input[type='submit'] {
  border: 0px;
  outline: none;
  width: 35px;
  background-color: white;
  background-image: url("images/search@2x.png");
  background-size: 50%;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 100%;
  padding: 0px;
  border-radius: 0px;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.searchResults form ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #104E88;
}

.searchResults form ::-moz-placeholder {
  /* Firefox 19+ */
  color: #104E88;
}

.searchResults form :-ms-input-placeholder {
  /* IE 10+ */
  color: #104E88;
}

.searchResults form :-moz-placeholder {
  /* Firefox 18- */
  color: #104E88;
}

.searchFormContainer {
  display: flex;
  justify-content: center;
}

.searchMorePostsContainer {
  background-color: #F4F3F4;
  padding: 30px 0;
}

.searchMorePostsContainer h4 {
  text-transform: none;
  margin-bottom: 30px;
}

/*--------------------------------*\
	 //!Post Button
\*--------------------------------*/
.postButton {
  padding: 6px 30px;
  border: 3px solid #104E88;
  color: #104E88;
  font-weight: 700;
  text-transform: uppercase;
  transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  cursor: pointer;
  margin-right: 5px;
  text-align: center;
  margin-bottom: 10px;
}

.postButton:hover {
  background-color: #104E88;
  border: 3px solid #104E88;
  color: white;
}

/*--------------------------------*\
	 //!Align Images
\*--------------------------------*/
/*--------------------------------*\
	 //!EVENTS
\*--------------------------------*/
#map {
  width: 100%;
  height: 300px;
}

.eventInfoLine {
  display: flex;
}

.eventInfoLine .eventInfoIcon {
  width: 12px;
  height: auto;
  margin-right: 15px;
  display: flex;
  align-items: center;
}

.eventInfoLine .eventInfoIcon img {
  width: 100%;
  height: auto;
}

.eventInfoLine .eventInfoText {
  padding-top: 2px;
}

.eventInfo {
  padding: 10px 15px;
  background-color: white;
  font-size: 13px;
}

.eventRSVP, .gform_footer input[type="submit"] {
  width: 100%;
  margin-top: 20px;
  padding: 10px 20px;
  text-align: center;
  background-color: #104E88;
  color: white;
  font-weight: 600;
  text-transform: uppercase;
  border: 0;
}

/*--------------------------------*\
	 //!Jobs Page
\*--------------------------------*/
.jobContainer {
  position: relative;
  padding: 20px 40px 20px 20px;
  background-color: white;
  font-weight: 600;
  font-size: 16px;
  width: 100%;
  color: #104E88;
  margin-bottom: 20px;
  transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  line-height: 1.3em;
}

.jobContainer:after {
  content: '';
  background-image: url(images/rightArrow.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.jobContainer:hover {
  background-color: #104E88;
  color: white;
}

.jobContainer .jobDate {
  color: #104E88;
  position: absolute;
  right: 100%;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 13px;
  width: 150px;
  margin-right: 20px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.mobileJobDate {
  font-size: 13px;
  color: #104E88;
  font-weight: 600;
  margin-bottom: 20px;
  display: none;
}

.postJob {
  text-align: center;
  margin: 40px 0;
}

.postJob a {
  padding: 6px 70px;
}

/*--------------------------------*\
	 //!Contact Page
\*--------------------------------*/
.contentNarrow {
  width: 75%;
  max-width: 1080px;
  margin: 0 auto;
}

.contactPage iframe {
  margin-bottom: 25px;
}

.contactPage h3 {
  font-size: 27px;
}

.contactPage h6 {
  margin-bottom: 0px;
  font-size: 15px;
}

.contactPage .numbers {
  margin-top: 20px;
  font-size: 15px;
}

.contact-us .pageInnerContent.contentInner {
  padding-left: calc(2% + 16px);
}

.gform_wrapper .form_block .gform_fields {
  display: flex;
}

.gform_wrapper .form_block .gform_fields li {
  padding: 0;
  min-width: 50%;
}

.gform_wrapper .form_block .gform_fields li input.medium {
  width: 100% !important;
}

.gform_heading {
  display: none !important;
}

.gform_wrapper .gform_fields li {
  list-style-type: none !important;
  margin-top: 5px !important;
  padding: 0;
  text-indent: 0;
}

.gform_wrapper .gform_fields li:before {
  display: none !important;
}

.gform_wrapper .gform_fields li input:focus, .gform_wrapper .gform_fields li textarea:focus {
  outline: none !important;
}

.gform_wrapper .gform_fields li label {
  font-size: 14px !important;
  font-weight: 300 !important;
  letter-spacing: normal !important;
}

.gform_wrapper .gform_fields li span label {
  margin-bottom: 8px !important;
}

.gform_wrapper .gform_fields li .gfield_label_before_complex {
  display: none;
}

.error404 #postsBlock {
  padding: 0;
}

.error404 #postsBlock .postsBlockContainer {
  padding-top: 10px;
}

@media screen and (min-width: 1500px) {
  .blog #postsBlock .contentInner, .blog #twitterFeedContainer .contentInner {
    width: 90%;
    max-width: 1440px;
    margin: auto;
  }
  .blog #postsBlock .postsBlockGutter {
    width: 1%;
  }
  .blog #postsBlock .postBox {
    width: 19%;
  }
  .tweet {
    width: 17%;
  }
}

@media screen and (max-width: 1280px) {
  #menu-pacdc_menu > .menu-item a {
    padding: 0 15px;
  }
  .titleWithLine h1 {
    font-size: 34px;
  }
}

@media screen and (max-width: 1070px) {
  #headerLogo {
    margin-right: 10px;
  }
  #menu-pacdc_menu > .menu-item a {
    padding: 0 11px;
    font-size: 15px;
  }
  #menu-pacdc_menu .menu-item .sub-menu {
    left: 0;
  }
  /*--------------------------------*\
	 //!PAGE.php 1070px
\*--------------------------------*/
  .image_with_box .blueGrid, .image_with_box .redGrid, .image_with_box .greenGrid {
    padding: 25px;
  }
  .image_with_box .blueGrid h4, .image_with_box .redGrid h4, .image_with_box .greenGrid h4 {
    font-size: 22px;
  }
  .image_with_box .blueGrid .overlappingContent p, .image_with_box .blueGrid .overlappingContent .wp-block-button .wp-block-button__link, .wp-block-button .image_with_box .blueGrid .overlappingContent .wp-block-button__link, .image_with_box .redGrid .overlappingContent p, .image_with_box .redGrid .overlappingContent .wp-block-button .wp-block-button__link, .wp-block-button .image_with_box .redGrid .overlappingContent .wp-block-button__link, .image_with_box .greenGrid .overlappingContent p, .image_with_box .greenGrid .overlappingContent .wp-block-button .wp-block-button__link, .wp-block-button .image_with_box .greenGrid .overlappingContent .wp-block-button__link {
    font-size: 12px;
  }
  #postsBlock .postBox {
    width: 45%;
  }
  .childPageList li a {
    font-size: 12px;
  }
  .homeSlick .homeSlideContainer .homeSlideContent h2 {
    font-size: 32px;
  }
  .jobContainer .jobDate {
    display: none;
  }
  .mobileJobDate {
    display: block;
  }
  #aboutBlock {
    padding: 70px 0 70px;
  }
}

/*--------------------------------*\
	 //!SCREEN MAX: 950px
\*--------------------------------*/
@media screen and (max-width: 950px) {
  #menu-pacdc_menu .menu-item a {
    padding: 0 9px;
    font-size: 13px !important;
  }
  .childPageList li a {
    padding: 10px 20px;
    font-size: 13px;
  }
  .childPageList {
    flex-wrap: wrap;
  }
  .childPageList li {
    width: auto;
    flex-grow: 1;
    border: 1px solid white;
  }
  .supporter a {
    margin: 8px;
  }
  .subNav .contentInner {
    width: 100%;
  }
  .childPageList li a {
    font-size: 12px;
  }
}

@media screen and (max-width: 850px) {
  #menu-pacdc_menu .menu-item a {
    padding: 0 6px;
    font-size: 12px !important;
  }
  #aboutBlock .aboutBlockContent {
    display: block;
  }
  #aboutBlock .aboutBlockContent .aboutBlockImage {
    margin-bottom: 20px;
    height: 200px;
    width: auto;
  }
  #aboutBlock .aboutBlockContent .aboutBlockImage img {
    right: 15%;
  }
  #aboutBlock .aboutBlockContent .aboutContentRight {
    width: auto;
  }
}

/*--------------------------------*\
	 //!SCREEN MAX: 767px
\*--------------------------------*/
@media screen and (max-width: 767px) {
  input[type="color"],
  input[type="date"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="email"],
  input[type="month"],
  input[type="number"],
  input[type="password"],
  input[type="search"],
  input[type="tel"],
  input[type="text"],
  input[type="time"],
  input[type="url"],
  input[type="week"],
  select:focus,
  select,
  textarea {
    font-size: 16px;
  }
  .mobile {
    display: block;
  }
  .desktop {
    display: none;
  }
  #container {
    padding-top: 65px;
  }
  .overflowHide {
    overflow: hidden;
  }
  .pageContent {
    padding: 40px 0;
  }
  .wideContentInner {
    width: 100%;
  }
  .titleWithLine span {
    display: none;
  }
  .titleWithLine h1 {
    white-space: normal;
  }
  .subNav .contentInner {
    width: 100%;
  }
  .searchHeader {
    font-size: 30px;
  }
  h1 {
    font-size: 30px;
  }
  h2 {
    font-size: 26px;
  }
  h3 {
    font-size: 20px;
  }
  h4 {
    font-size: 20px;
  }
  h5 {
    font-size: 18px;
  }
  h6 {
    font-size: 15px;
  }
  /*--------------------------------*\
     //!HEADER 767px
\*--------------------------------*/
  .homeSlick .homeSlideContainer .homeSlideContent h2 span {
    line-height: 45px;
  }
  #header {
    height: 130px !important;
    transform: translateY(-65px) !important;
  }
  #header #menu .menu-pacdc_menu-container, #header #headerSearch {
    display: none;
  }
  #mobileMenuButton {
    position: fixed;
    right: 0;
    top: 65px;
    height: 65px;
    width: 65px;
    background-color: #104E88;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  #mobileMenuButton svg {
    height: 30px;
  }
  #mobileMenuButton svg line {
    stroke: white;
  }
  #mobileMenuButton svg .ham {
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transform-origin: center;
    transition-delay: 100ms;
  }
  #mobileMenuButton svg .hamRight, #mobileMenuButton svg .hamLeft {
    transition: transform 300ms ease;
    transform-origin: center;
    -moz-transform-origin: 57% 50%;
  }
  #mobileMenuButton.active .hamTop {
    transform: translateY(15px);
    opacity: 0;
  }
  #mobileMenuButton.active .hamBottom {
    transform: translateY(-15px);
    opacity: 0;
  }
  #mobileMenuButton.active .hamMiddle {
    opacity: 0;
  }
  #mobileMenuButton.active .hamRight {
    visibility: visible;
    opacity: 1;
    transition-delay: 300ms;
    transform: rotate(45deg);
  }
  #mobileMenuButton.active .hamLeft {
    visibility: visible;
    opacity: 1;
    transition-delay: 300ms;
    transform: rotate(-45deg);
  }
  #mobileMenuContainer {
    position: fixed;
    top: 65px;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: -1;
    padding-top: 65px;
    background-color: white;
    overflow: auto;
    transform: translateY(115%);
    transition: all 400ms ease;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    visibility: hidden;
  }
  #mobileMenuContainer .search-form {
    display: flex;
    justify-content: flex-start;
    position: relative;
  }
  #mobileMenuContainer .search-form .mobileMag {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 15px;
    background-image: url(images/search@2x.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 10px;
    pointer-events: none;
  }
  #mobileMenuContainer .search-form input[type='search'] {
    border-radius: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: calc(100% - 65px);
    border: 0px;
    background-color: #D6E3EB;
    padding: 0 20px 0 35px;
    color: #5A90B0;
    outline: none;
    font-weight: 600;
    font-size: 13px;
    height: 56px;
    -webkit-appearance: none;
  }
  #mobileMenuContainer .search-form ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #5A90B0;
  }
  #mobileMenuContainer .search-form ::-moz-placeholder {
    /* Firefox 19+ */
    color: #5A90B0;
  }
  #mobileMenuContainer .search-form :-ms-input-placeholder {
    /* IE 10+ */
    color: #5A90B0;
  }
  #mobileMenuContainer .search-form :-moz-placeholder {
    /* Firefox 18- */
    color: #5A90B0;
  }
  #mobileMenuContainer .search-form input[type='submit'] {
    border-radius: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #D6E3EB;
    border: 0px;
    width: 65px;
    height: 56px;
    cursor: pointer;
    font-weight: 700;
    color: #C35723;
    font-size: 13px;
    outline: none;
    position: relative;
    background-image: url(images/orange.png);
    background-size: 0%;
    background-position: center;
    background-repeat: no-repeat;
    transition: all 400ms ease;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
  }
  #mobileMenuContainer .search-form input[type='submit']:hover {
    background-size: 200%;
    color: white;
  }
  #mobileMenuContainer.active {
    transform: translateY(0);
    visibility: visible;
  }
  .selectric-input {
    display: none !important;
  }
  .menu-item.active a:before {
    display: none;
  }
  #mobileMenu {
    text-align: center;
    padding: 30px;
  }
  #mobileMenu li {
    position: relative;
  }
  #mobileMenu li:nth-child(-n+5) {
    cursor: pointer;
  }
  #mobileMenu li:nth-child(-n+5):before {
    content: url("images/downArrow.png");
    position: absolute;
    right: 20px;
    top: 13px;
    margin: auto;
    transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
  }
  #mobileMenu li.active:before {
    transform: rotate(180deg);
  }
  #mobileMenu li .sub-menu li:hover {
    background-color: #104E88;
  }
  #mobileMenu #menu-pacdc_menu-1 {
    -webkit-overflow-scrolling: touch;
  }
  #mobileMenu #menu-pacdc_menu-1 > .menu-item a {
    color: #104E88;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    padding: 12px 0;
    transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
  }
  #mobileMenu #menu-pacdc_menu-1 > .menu-item:hover a {
    color: #C35723;
  }
  #mobileMenu #menu-pacdc_menu-1 .menu-item-has-children > a {
    pointer-events: none;
  }
  #mobileMenu #menu-pacdc_menu-1 .sub-menu {
    display: none;
    background-color: #C35723;
    padding: 10px 0px;
    position: relative;
  }
  #mobileMenu #menu-pacdc_menu-1 .sub-menu:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 0;
    width: 0;
    margin: auto;
    top: -8px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #C35723;
  }
  #mobileMenu #menu-pacdc_menu-1 .sub-menu .menu-item a {
    color: white;
    font-weight: 300;
    font-size: 14px;
    width: 100%;
  }
  #mobileMenu #menu-pacdc_menu-1 .sub-menu .menu-item:before {
    content: '';
  }
  .building, .bottomText1, .bottomText2 {
    display: inline !important;
  }
  /*--------------------------------*\
     //!twitter 767px
\*--------------------------------*/
  .tweetHeader {
    display: block;
    margin-left: 35px;
  }
  .tweetHeader h6 {
    margin-bottom: 50px;
  }
  .tweetHeader a {
    display: block;
    position: absolute;
    left: 0;
    bottom: -35px;
  }
  .tweetHeader a span {
    margin-left: 0;
  }
  #twitterFeed {
    display: block;
  }
  /*--------------------------------*\
     //!page.php 767px
\*--------------------------------*/
  .pageContentSideNav {
    flex-direction: column;
    align-items: center;
  }
  .pageContentSideNav .childPageSideNav {
    min-width: 300px;
  }
  .pageContentSideNav .childPageSideNav .desktopPageNav {
    display: none;
  }
  .pageContentSideNav .childPageSideNav ul {
    width: 100%;
  }
  .pageContentSideNav .childPageContentContainer {
    width: 100%;
  }
  .selectric-open {
    z-index: 9 !important;
  }
  .selectric-wrapper {
    margin-bottom: 25px;
    min-width: 300px;
  }
  .selectric-mobile {
    display: block;
  }
  .skipSelect {
    display: none !important;
  }
  .selectric {
    border-width: 2px !important;
  }
  .selectric .label {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px !important;
  }
  .selectric .button:after {
    border-width: 7px !important;
    border-top-color: #444 !important;
  }
  .selectric-items ul, .selectric-items li {
    font-size: 16px !important;
    margin-bottom: 5px !important;
  }
  .pageContent .selectric-wrapper ul li {
    padding-left: 0px;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    color: #104E88;
    transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
  }
  .pageContent .selectric-wrapper ul li.highlighted {
    color: #C35723 !important;
    background: none !important;
  }
  .pageContent .selectric-wrapper ul li:hover {
    background: none !important;
    color: #C35723 !important;
  }
  .pageLayouts {
    margin-right: 0;
  }
  .pageLayouts .normal_content_box, .pageLayouts .pageInnerContent {
    padding-left: 0px;
  }
  .image_with_box.contentInner {
    width: 100%;
    display: block;
    margin: 25px auto 10px auto;
  }
  .image_with_box.contentInner .underImage {
    width: 100%;
    height: 350px;
  }
  .image_with_box.contentInner .overlappingContentLeft {
    width: 85%;
    margin: auto;
  }
  .image_with_box.contentInner .overlappingContentLeft .blueGrid, .image_with_box.contentInner .overlappingContentLeft .redGrid, .image_with_box.contentInner .overlappingContentLeft .greenGrid {
    right: 0;
    top: -40px;
  }
  .supporters {
    justify-content: center;
  }
  /*--------------------------------*\
     //!FOOTER 767px
\*--------------------------------*/
  #footer {
    padding: 35px;
  }
  #footer nav {
    flex-direction: column-reverse;
  }
  .footerLogo {
    display: none;
  }
  #footerRight .menu {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
  #footerRight .menu-item {
    margin: 0;
    display: inline-block;
    width: 100%;
  }
  #footerRight a {
    display: inline-block;
    margin-right: 0px;
    margin-bottom: 15px;
    line-height: 1.3em;
    font-size: 14px;
  }
  #footerRight .sub-menu > .menu-item {
    display: block;
  }
  /*--------------------------------*\
	 //!single.php 767px
\*--------------------------------*/
  .postTitle {
    font-size: 25px;
    margin-bottom: 25px;
    width: 100%;
  }
  .postCategory, .postAuthor {
    margin-bottom: 25px;
    font-size: 12px;
  }
  .postContentWithImage {
    flex-direction: column;
    justify-content: center;
    width: 100%;
  }
  .postFeaturedImage {
    height: 56.25vw;
  }
  .postImageContainer {
    margin-bottom: 20px;
  }
  .hasCaption.postImageContainer {
    margin-bottom: 0;
  }
  .postFeaturedCaption {
    margin: 0 auto;
    position: relative;
    top: -25px;
    left: 0;
    line-height: 1.5em;
  }
  .postContentContainer {
    margin: auto;
    max-width: 85%;
  }
  /*--------------------------------*\
	 //!search.php 767px
\*--------------------------------*/
  .searchResults form {
    width: 100%;
  }
  /*--------------------------------*\
	 //!BLOCKS 767px
\*--------------------------------*/
  .contentBlock {
    display: block;
  }
  .contentBlock .contentBlockContainer {
    width: 100%;
    display: block;
  }
  .contentBlock .contentBlockContainer.contentBlockLeft, .contentBlock .contentBlockContainer.contentBlockRight {
    padding: 40px;
  }
  .contentBlock .contentBlockContainer.contentBlockLeft .outlinedButton, .contentBlock .contentBlockContainer.contentBlockRight .outlinedButton {
    width: 100%;
    text-align: center;
  }
  .contentBlock .contentBlockContainer .newsletterContent {
    padding-bottom: 0 !important;
  }
  .contentBlock .contentBlockContainer h1 {
    font-size: 35px;
    width: auto;
  }
  .contentBlock .contentImageBlock {
    height: auto;
    width: 100%;
    display: block;
  }
  .contentBlock .contentImageBlock .imageBlock {
    position: static;
    height: 232px;
  }
  .whiteButtonBlock.fullWidth {
    max-width: 375px;
    margin: 0 auto;
    display: block;
  }
  /*--------------------------------*\
	 //!BOARD AND STAFF 767px
\*--------------------------------*/
  #childrenOf_board-and-staff {
    width: 95%;
    margin: auto;
  }
  #childrenOf_board-and-staff .moreInfo {
    flex-direction: column;
  }
  #childrenOf_board-and-staff .moreInfo .pageContentSideNav .childPageContentContainer {
    margin-bottom: 10px;
  }
  /*--------------------------------*\
	 //!POSTS BLOCK 767px
\*--------------------------------*/
  #postsBlock .postBox {
    width: 100%;
  }
  .homeSlick {
    margin-top: 65px;
    height: 355px;
  }
  .homeSlick .homeSlideContainer .contentInner {
    position: absolute;
    left: 20px;
    bottom: 40px;
  }
  .homeSlick .homeSlideContainer .contentInner .homeSlideContent {
    width: auto;
  }
  .homeSlick .homeSlideContainer .slideButton {
    padding: 12px 16px 9px 13px;
    font-size: 12px;
  }
  #aboutBlock {
    padding: 50px 0 50px;
  }
  .pdfContainer .pdfTitle {
    font-size: 14px;
    margin-left: 0px;
  }
  .pdfContainer .postBoxPDF {
    font-size: 11px;
    margin-right: 30px;
  }
  .pdfContainer .postBoxPDF:before {
    height: 18px;
    width: 18px;
  }
  #childrenOf_member-list .childPageContent table {
    width: 100%;
  }
  #childrenOf_member-list .childPageContent table tr:hover {
    background-color: transparent;
  }
  #childrenOf_member-list .childPageContent table tr:nth-child(odd) {
    background-color: white;
  }
  #childrenOf_member-list .childPageContent table tr:nth-child(odd):hover {
    background-color: white;
  }
  #childrenOf_member-list .childPageContent table tr td {
    padding-right: 10px;
  }
  #childrenOf_member-list .childPageContent table tr td:first-of-type {
    padding-left: 10px;
  }
  .home #postsBlock {
    padding: 30px 0;
  }
  .home #postsBlock .postsBlockContainer {
    padding-top: 0px;
  }
  .postJob a, .postButton {
    padding: 5px 10px;
  }
}

/*--------------------------------*\
	 //!END OF 767px
\*--------------------------------*/
@media screen and (max-width: 657px) {
  .homeSlick .homeSlideContainer .homeSlideContent h2 span {
    line-height: 40px;
  }
  .postButton {
    width: 100%;
    font-size: 12px;
  }
  .pageContentSideNav .childPageSideNav {
    width: 100%;
  }
  .supporters a img {
    width: 135px;
  }
  .homeSlick .homeSlideContainer .homeSlideContent h2 {
    font-size: 27px;
  }
  .gform_wrapper .form_block .gform_fields {
    flex-direction: column;
  }
  .gform_wrapper .form_block .gform_fields li {
    padding: 0;
    min-width: 100%;
  }
  .gform_wrapper .form_block .gform_fields li input.medium {
    width: 100% !important;
  }
  .pageInnerContent {
    padding: 0 !important;
  }
  .contact-us .pageInnerContent.contentInner {
    padding: 0;
  }
}