
h3, h3 a ,.h3 { text-transform: none; letter-spacing: normal; font-size: 1.5rem; }
#page { background-color: #DEDEDE !important; }
#main-wrapper { background-color: transparent !important; }
#header { background-color: #003654; padding-bottom: 50px; }
#header > .navbar-expand-lg > .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#header .view-ks-offices .view-content { flex-direction: column; }
#header .view-ks-offices .views-row { margin: .25em 0; color: #FFF; }
.header-office-city { display: inline-block;  width: 7em; }
#header .view-ks-offices a { color:#DEDEDE; }
#header .view-ks-offices a:hover { color:#FFF; }
#navbar-main { background-color: transparent; }
#navbar-main #CollapsingNavbar {
  background-color: #001825;
  display: flex;
  justify-content: flex-start;
}
#navbar-main.navbar { padding: 0; }

#main {
  margin: 1em 2em;
}

#main-sub-wrapper {
  background-color: #FFF;
  position: relative;
  top: -40px;
  margin-bottom: -80px;
}
blockquote { margin: revert; }
.navbar-brand img { transition: .3s ease; }
#block-blogbanner img { width: 100%; }
.node--type-simplenews-issue .field--name-body img {
  max-width: 100%;
  height: auto;
}
/* Front page */
.path-frontpage .highlighted .container-fluid { padding: 0; }
.paragraph--id--95,
.path-frontpage .paragraph--id--95 {
  background: url('../images/mission_bg.jpg') no-repeat;
  background-size: cover;
  color: #FFF;
  padding: 1.5rem;
  margin-bottom: 2rem;
  background-position: 50% 50%;
}
/* MENUS */
#CollapsingNavbar nav { display: none; }

#block-ks-barrio-main-menu .nav-item {
  font-size: 1.1rem;
  font-weight: bold;
  text-transform: capitalize;
}
#block-ks-barrio-main-menu a,
#block-ks-barrio-main-menu li {
  display: block;
  transition: .3s ease;
}
#block-fpdkantwitterlink a:link,
#block-fpdkantwitterlink a:visited,
#block-ks-barrio-main-menu a.nav-link:link,
#block-ks-barrio-main-menu a.nav-link:visited { color: #c5c5c5; }
#block-fpdkantwitterlink a:hover,
#block-fpdkantwitterlink a:focus,
#block-ks-barrio-main-menu a.nav-link:hover,
#block-ks-barrio-main-menu a.nav-link:focus { color: #FFF; }
#block-ks-barrio-main-menu .dropdown-menu {
  background-color: #003654;
}
#block-ks-barrio-main-menu .dropdown-item a:link,
#block-ks-barrio-main-menu .dropdown-item a:visited {
  color: #c5c5c5;
}
#block-ks-barrio-main-menu .dropdown-item a:hover,
#block-ks-barrio-main-menu .dropdown-item a:focus {
  color: #FFF;
}
#block-ks-barrio-main-menu .dropdown-item.active,
#block-ks-barrio-main-menu .dropdown-item:hover {
  background-color: rgba(255,255,255,.1);
}
#front-menu-wrapper {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
#front-menu-wrapper .nav-item {
  max-width: 51%;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 250px;
  padding: 0;
  transition: .3s ease;
}
#front-menu-wrapper .nav-item a {
  text-align: center;
  padding: 2rem 0;
  font-size: 1.5rem;
  font-weight: bold;
  color: #FFF;
  width: 100%;
  background-color: rgba(0,0,0,.5);
}
#front-menu-wrapper .nav-item:nth-child(1) {
  background-image: url(../images/front-help.jpg);
  background-size: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
#front-menu-wrapper .nav-item:nth-child(2) {
  background-image: url(../images/ks-front-blog.jpg);
  background-size: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
#front-menu-wrapper .nav-item:hover {
  background-size: 105%;
}
.responsive-menu-toggle-icon {
  font-size: 1.1rem;
  margin: .5em 0;
}
/* IMAGES */
figure.align-right,
img.align-right { padding: 0 0 20px 20px; }
figure.align-left,
img.align-left { padding: 0 20px 20px 0; }
img.align-center { }

/* BLOCKS */
#block-blogheader img { width: 100%; }
#search-block-form { justify-content: center; }
#block-directoryindex .content { margin: 1em auto; }
/* VIEWS */
 #views-bootstrap-frontpage-slider-block-1 { width: 100%; }
.carousel-item img { width: 100%; height: auto; }
.carousel-caption {
  position: absolute;
  bottom: 0px;
  z-index: 10;
  padding-top: 40px;
  padding-bottom: 40px;
  color: #fff;
  text-align: center;
  background-color: rgb(0, 0, 0, 0.8);
  width: 100%;
  right: 0;
  left: 0;
}
.view > .row { margin: 0; display: block; }
.views-row, li { margin: .5em 0; }
.views-field-field-link-description { font-size: .8rem; }
.view-blog-list .views-row { text-align: left; }
.view-ks-blog .node--view-mode-blog-view-item { border-bottom: 1px solid #c9c9c9; padding-bottom: 1rem; margin-bottom: 1.5rem; }
.view-ks-blog .field--name-node-title h2 a { color: #3b3b3b; }
.content-index { display: flex; justify-content: space-evenly; }
.view-ks-offices .view-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.view-ks-offices .views-row { flex: 0 1 30%; }
.view-ks-offices .views-field-title,
.view-ks-offices .views-field-field-location-phone,
.view-ks-offices .views-field-field-location-tollfree { text-align: center; }
.view-ks-offices .views-field-field-location-gmap-address { margin: .5em 0; }
.view-news-announcements .views-row { border-bottom: 1px solid #CCC; }
.view-news-announcements .views-row:last-child { border-bottom: 0px; }
.view-news-announcements .views-field-nothing { margin-bottom: 1rem; }
.view-news-announcements .views-field-created { font-size: .8rem; color: #666; }

/* NODE FIELDS */
.field--name-field-page-intro {
  font-size: 2rem;
  font-weight: 700;
  margin: 0 auto 1.5rem auto;
  color: #003654;
  padding: 1rem 0;
}
.field--name-field-page-intro p {
  text-align: center;
  font-family: 'EB Garamond', serif;
  padding: 0 3em;
  font-style: italic;
}
.address .country { display: none; }

.node--type-simplenews-issue .field--name-node-submitted-by {
  font-size: 0.857em;
  color: #68696b;
  font-style: italic;
  margin-bottom: 10px;
}
.view-employee-directory .views-exposed-form { display: none; }

#drupal-modal .node--type-people.ds-2col { }
#drupal-modal .node--type-people.ds-2col .group-left { }
#drupal-modal .node--type-people.ds-2col .group-right { }



.node--type-people.ds-2col .group-left,
.node--type-people.ds-2col .group-right { float:none; width: auto; }
.node--type-people.ds-2col { display: flex; }
.node--type-people.ds-2col .group-left { }
.node--type-people.ds-2col .group-right { }
.node--type-people .field--name-field-people-profile-picture > img { max-width: 320px; height: auto; width: auto; }
.node--type-people .field--name-field-people-display-name { font-size: 1.25em; font-weight: bold; }
.node--type-people .field--type-entity-reference { margin: 0; }
.node--type-people .paragraph__column { padding: 0; margin: 1em 0;}
.node--type-people .field--name-employee-title-location { text-transform:uppercase; }
.node--type-people .field-people-phone,
.node--type-people .field-people-cell {
  display: flex;
}
.node--type-people .field-label-inline { margin-right: .25em; }
.view-upcoming-training .ajax-progress { display: none; }
.ks-training-description p { margin-top: 1em; }
.ks-training-attachment-label { font-weight: bold; }

/* LAYOUT */
.paragraph--type--bp-columns__3col .paragraph__column > .field > :not(h2),
.paragraph--type--bp-columns__2col .paragraph__column > .field > :not(h2) {
  padding: 0 .75rem;
}

.paragraph--type--bp-columns__3col .paragraph__column ul,
.paragraph--type--bp-columns__3col .paragraph__column ol,
.paragraph--type--bp-columns__2col .paragraph__column ul,
.paragraph--type--bp-columns__2col .paragraph__column ol {
  padding-inline-start: 40px;
  margin-left: 2rem;
}

/* .path-frontpage .paragraph.paragraph--type--long-text, */
.paragraph--id--102.paragraph.paragraph--type--bp-view,
.path-frontpage .paragraph.paragraph--type--bp-view,
.paragraph--type--bp-columns__3col .paragraph.paragraph--type--long-text,
.paragraph--type--bp-columns__2col .paragraph.paragraph--type--long-text {
  background-color: #f6f6f2;
  border-color: #f9f9f9;
  padding-bottom: 1rem !important;
  border: 1px solid #455a6a;
  box-shadow: 5px 5px 12px rgba(69, 90, 106, .8);
  margin-bottom: 1rem;
}
.paragraph--type--bp-columns__2col .paragraph .paragraph > .paragraph__column .paragraph__column,
.paragraph--type--bp-columns__2col .paragraph > .paragraph__column .paragraph__column {
  border: 0;
  padding: 0;
  margin: 0;
  box-shadow: none;
}
.paragraph--type--bp-columns__2col .paragraph > .paragraph__column > div,
.paragraph--type--bp-columns__2col .paragraph > .paragraph__column > div+div {
  margin-bottom: 1rem;
}
.paragraph--id--102 .field--name-bp-header,
.path-frontpage .field--name-bp-header,
h2.ks-column-header {
  background-color: #001825;
  color: #FFF;
  text-align: center;
  padding: .5em;
  font-size: 1.75rem;
  margin-bottom: 0;
}
.sidebar_second .block { text-align: center; }
.block.block-views-blockblog-feed-list-block-1 { text-align: left; }
.view-blog-feed-list > .view-content > .views-row { margin: 0 0 1rem 0; }
.view-blog-feed-list > .view-content > .views-row .views-row { margin: 0; }
.block.block-views-blockblog-feed-list-block-1 .views-field-modified {
  font-size: .9em;
  font-style: italic;
  color: #999;
}
.region-footer-fifth { justify-content: center; }
.field--type-image img, .field--name-field-user-picture img {
  margin: 0 0 1em;
  height: auto;
  width: 100%;
}
.paragraph > .paragraph__column { padding: 0 0 1rem 0; }
.paragraph > .paragraph__column .paragraph__column { padding: 0; }
.table tr,
.table tr th,
.table td {
  background: none;
}
.table tr th {
  background-color: #001825;
  border: 0;
}
/* modal fix */
.ui-widget-content a { color: #008ee2; }
/* accordion paragraph */
.paragraph--bp-accordion-container .card { border: none; }
.paragraph--bp-accordion-container .panel-heading {
  padding:0;
  border-bottom: 1px solid #001825;
  background-color: transparent;
}
.paragraph--bp-accordion-container .card-body,
.view-links .card-body {
  background-color: #f6f6f2;
}
.paragraph--bp-accordion-container .panel-heading a {
  font-size: 24px;
  display: block;
  text-align:left;
  border-radius: 0;
  padding: 10px;
}
.paragraph--bp-accordion-container .panel-heading a[aria-expanded="true"] {
  background-color: #001825;
  color: #FFF;
}
.paragraph--bp-accordion-container .panel-heading a[aria-expanded="false"] {
  background-color: transparent;
 }
.paragraph--bp-accordion-container .panel-heading a[aria-expanded="true"]:hover {
  background-color: #001825;
  color: white;
}
.paragraph--bp-accordion-container .panel-heading a[aria-expanded="false"]:hover {
  background-color: #001825;
  color: white;
}
.paragraph--bp-accordion-container .panel-heading a[aria-expanded="true"].display::after,
.paragraph--bp-accordion-container .panel-heading a[aria-expanded="false"].display::after {
  font-family: 'Font Awesome 5 Free';
  content: '\f00d' !important;
  font-weight: 900;
  transition: all 0.2s ease-in;
}
.paragraph--bp-accordion-container .panel-heading a[aria-expanded="true"].display::after {
  transform: rotate(0deg);
  color: #fff;
}
.paragraph--bp-accordion-container .panel-heading a[aria-expanded="false"].display::after {
  transform: rotate(-135deg);
}
.paragraph--bp-accordion-container .panel-heading a::after {
  float: left;
  margin-right: 20px;
}
.paragraph--id--124 .field--type-image { margin: 0; }

/* recaptcha */
#block-simplenewssubscription #rc-imageselect,#block-simplenewssubscription .g-recaptcha {
  transform:scale(0.70);
  -webkit-transform:scale(0.70);
  transform-origin:0 0;
  -webkit-transform-origin:0 0;
}
.view-ks-staff-list.view-display-id-block_1 h3 { display: none; }
.view-ks-staff-list h3 { text-transform: none; text-align: center; }
.view-ks-staff-list.view-display-id-block_1 .view-content {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-direction: row;
}
.view-ks-staff-list .view-content .views-row {
  display: flex;
  justify-content: start;
  flex-direction: column;
  text-align: center;
  min-height: 27vh;
}
.view-ks-staff-list .views-field.views-field-field-people-display-name { font-weight: bold; }
.view-ks-staff-list .views-field.views-field-field-people-title,
.view-ks-staff-list .views-field-field-employee-location { font-size: .8em; }
.paragraph--id--117 .field.field--name-bp-header { text-align: center; }
.site-footer__bottom .region{
  flex-direction: column;
  margin-top: 10px;
}
.site-footer__bottom .region p {
  margin: 0;
}
.site-footer .use-ajax{
  text-decoration: underline;
  color: #fff !important;
  font-weight: 700;
}
.ajax-progress-throbber {
  display: none;
}
.ui-widget.ui-widget-content {
  /* width: 500px !important;  */
  left: 0 !important;
  right: 0 !important;
  margin: auto;
}
.ui-widget.ui-widget-content .ui-widget-header{
  background-color: #001825;
  color: #fff;
}
button.ui-dialog-titlebar-close{
  border: 0;
  color: #fff;
  background-color: #001825;
  padding: 0 !important;
  margin: 0 !important;
  top: auto !important;
}
button.ui-dialog-titlebar-close::before {
  font-family: 'Font Awesome 5 Free';
  content: "\f057";
}
button.ui-dialog-titlebar-close:focus{
  outline: none;
}


@media (min-width: 576px) {
  .node--type-people .node--type-people.ds-2col .group-left,
  .node--type-people .node--type-people.ds-2col .group-right { float:none; width: auto; }
  .node--type-people .node--type-people.ds-2col { display: flex; }
}
@media (min-width: 768px) {
}
@media (max-width: 768px) {
  .ui-widget.ui-widget-content{
      width: 100% !important;
  }
}
@media (min-width: 992px) {
  #CollapsingNavbar nav { display: block; }
  #navbar-main #CollapsingNavbar { justify-content: center; }
  #block-responsivemenumobileicon { display: none; }
  #header > .navbar-expand-lg > .container {
    flex-direction: row;
    justify-content: space-between;
  }

}
